chore: import upstream snapshot with attribution

open-agent-builder/components/ui/LoadingDots/LoadingDots.module.css

@@ -0,0 +1,32 @@
+.root {
+  @apply inline-flex text-center items-center leading-7;
+}
+
+.root span {
+  @apply bg-zinc-400 rounded-full h-2 w-2;
+  animation-name: blink;
+  animation-duration: 1.4s;
+  animation-iteration-count: infinite;
+  animation-fill-mode: both;
+  margin: 0 2px;
+}
+
+.root span:nth-of-type(2) {
+  animation-delay: 0.2s;
+}
+
+.root span:nth-of-type(3) {
+  animation-delay: 0.4s;
+}
+
+@keyframes blink {
+  0% {
+    opacity: 0.2;
+  }
+  20% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.2;
+  }
+}

open-agent-builder/components/ui/LoadingDots/LoadingDots.tsx

@@ -0,0 +1,14 @@
+import s from "./LoadingDots.module.css";
+import cn from "classnames";
+
+const LoadingDots = ({ className }: { className?: string }) => {
+  return (
+    <span className={cn(s.root, className)}>
+      <span />
+      <span />
+      <span />
+    </span>
+  );
+};
+
+export default LoadingDots;

open-agent-builder/components/ui/LoadingDots/index.ts

@@ -0,0 +1 @@
+export { default } from "./LoadingDots";