wip: foto da pasta principal antes de trocar de branch

Estado do disco em 14/10/2026, sem filtrar. Inclui as copias .sync-conflict-* do Syncthing de 07/10 e os 15 arquivos que o Syncthing apagou; todo esse conteudo ja existia em outros commits. So havia fora do Git: AGENTS.md, CLAUDE.md e a alteracao em data/project-health.json.
2026-10-14 00:42:49 -03:00
1 parent b2f3899dc2
commit dfcadc71fa
@@ -0,0 +1,76 @@
+"use client";
+
+import { useEffect, useId, useState } from "react";
+
+interface ScrollVelocityTextProps {
+  text: string;
+  direction: "left" | "right";
+  className?: string;
+}
+
+const GROUPS = [0, 1] as const;
+
+export default function ScrollVelocityText({
+  text,
+  direction,
+  className = "",
+}: ScrollVelocityTextProps) {
+  const trackId = useId();
+  const [isPaused, setIsPaused] = useState(false);
+  const [shouldReduceMotion, setShouldReduceMotion] = useState(false);
+
+  useEffect(() => {
+    const media = window.matchMedia("(prefers-reduced-motion: reduce)");
+    setShouldReduceMotion(media.matches);
+    const updatePreference = (event: MediaQueryListEvent) => {
+      setShouldReduceMotion(event.matches);
+    };
+    media.addEventListener("change", updatePreference);
+    return () => media.removeEventListener("change", updatePreference);
+  }, []);
+
+  const animationPaused = shouldReduceMotion || isPaused;
+
+  return (
+    <div className={`scroll-velocity-text ${className}`.trim()}>
+      <div className="scroll-velocity-viewport">
+        <div
+          id={trackId}
+          className={`scroll-velocity-track ${
+            direction === "left" ? "animate-marquee" : "animate-marquee-reverse"
+          }`}
+          style={{
+            animationPlayState: animationPaused ? "paused" : undefined,
+          }}
+        >
+          {GROUPS.map((group) => (
+            <span
+              key={group}
+              className="scroll-velocity-group"
+              aria-hidden={group === 0 ? undefined : "true"}
+            >
+              <span className="scroll-velocity-item">
+                <span aria-hidden={group === 0 ? "false" : "true"}>{text}</span>
+                <span aria-hidden="true" className="scroll-velocity-dot">
+                  &#x2022;
+                </span>
+              </span>
+            </span>
+          ))}
+        </div>
+      </div>
+
+      {!shouldReduceMotion ? (
+        <button
+          type="button"
+          className="scroll-velocity-control"
+          aria-controls={trackId}
+          aria-pressed={isPaused}
+          onClick={() => setIsPaused((paused) => !paused)}
+        >
+          {isPaused ? "Retomar animação" : "Pausar animação"}
+        </button>
+      ) : null}
+    </div>
+  );
+}