@arbidocs/blocks 0.5.106 → 0.5.107

package/dist/{chunk-5UMZXDGL.cjs → chunk-O27K7KTZ.cjs}

@@ -2,6 +2,7 @@
 'use strict';
 
 var chunkJIOHDVWH_cjs = require('./chunk-JIOHDVWH.cjs');
+var chunkORELHENJ_cjs = require('./chunk-ORELHENJ.cjs');
 var chunkSK6HQ46Q_cjs = require('./chunk-SK6HQ46Q.cjs');
 var chunkBQOL4XNZ_cjs = require('./chunk-BQOL4XNZ.cjs');
 var chunk6A4GNM4T_cjs = require('./chunk-6A4GNM4T.cjs');
@@ -9,9 +10,10 @@ var chunkXNXNLXIC_cjs = require('./chunk-XNXNLXIC.cjs');
 var chunkVZOOGA47_cjs = require('./chunk-VZOOGA47.cjs');
 var chunkULWRNGGE_cjs = require('./chunk-ULWRNGGE.cjs');
 var react = require('react');
+var reactDom = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-react');
 var ui = require('@arbidocs/react/ui');
-var jsxRuntime = require('react/jsx-runtime');
 var shell = require('@arbidocs/react/shell');
 
 function useTipsPlacement({
@@ -53,6 +55,157 @@ function useTipsPlacement({
     onHoverChange: setPaused
   };
 }
+
+// src/guided/cursor-visuals.json
+var cursor_visuals_default = {
+  color: "#22d3ee",
+  glowColor: "rgba(34,211,238,.85)",
+  glowColorFlash: "rgba(103,232,249,.95)",
+  fillColor: "rgba(34,211,238,.25)",
+  size: 24,
+  borderWidth: 2,
+  mark: {
+    width: 30
+  },
+  ripple: {
+    durationMs: 600,
+    easing: "ease-out",
+    startScale: 0.5,
+    endScale: 3,
+    startOpacity: 0.85,
+    endOpacity: 0
+  },
+  squish: {
+    downMs: 80,
+    upMs: 220,
+    scale: 0.6,
+    downEasing: "ease-in",
+    upEasing: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+  },
+  glowFlash: {
+    durationMs: 300,
+    baseBlur: 12,
+    flashBlur: 24,
+    easing: "ease-out"
+  }
+};
+var RING_STYLE = {
+  position: "fixed",
+  width: cursor_visuals_default.size,
+  height: cursor_visuals_default.size,
+  border: `${cursor_visuals_default.borderWidth}px solid ${cursor_visuals_default.color}`,
+  borderRadius: "50%",
+  pointerEvents: "none"
+};
+var glowFilter = (blur, color) => `drop-shadow(0 0 ${blur}px ${color})`;
+function RippleDot({ x, y }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: { ...RING_STYLE, left: x, top: y, transform: "translate(-50%, -50%)" },
+      ref: (el) => {
+        const { ripple } = cursor_visuals_default;
+        el?.animate(
+          [
+            {
+              opacity: ripple.startOpacity,
+              transform: `translate(-50%,-50%) scale(${ripple.startScale})`
+            },
+            {
+              opacity: ripple.endOpacity,
+              transform: `translate(-50%,-50%) scale(${ripple.endScale})`
+            }
+          ],
+          { duration: ripple.durationMs, easing: ripple.easing }
+        );
+      }
+    }
+  );
+}
+function playClickFeedback(mark) {
+  const { squish, glowFlash, glowColor, glowColorFlash } = cursor_visuals_default;
+  const downFrac = squish.downMs / (squish.downMs + squish.upMs);
+  mark.animate(
+    [
+      // Per-keyframe easing, not a single easing over the whole timeline: the
+      // spring/back curve on the release overshoots past 1 — applied globally
+      // that overshoot gets clamped and re-entered as eased time crosses the
+      // downFrac boundary, producing a visible double-bounce right at the end.
+      { transform: "translate(-50%,-50%) scale(1)", offset: 0, easing: squish.downEasing },
+      {
+        transform: `translate(-50%,-50%) scale(${squish.scale})`,
+        offset: downFrac,
+        easing: squish.upEasing
+      },
+      { transform: "translate(-50%,-50%) scale(1)", offset: 1 }
+    ],
+    { duration: squish.downMs + squish.upMs }
+  );
+  mark.animate(
+    [
+      { filter: glowFilter(glowFlash.baseBlur, glowColor) },
+      { filter: glowFilter(glowFlash.flashBlur, glowColorFlash), offset: 0.3 },
+      { filter: glowFilter(glowFlash.baseBlur, glowColor) }
+    ],
+    { duration: glowFlash.durationMs, easing: glowFlash.easing }
+  );
+}
+function GuidedCursor({ markSrc }) {
+  const snap = react.useSyncExternalStore(
+    chunkORELHENJ_cjs.guidedCursor.subscribe,
+    chunkORELHENJ_cjs.guidedCursor.getSnapshot,
+    chunkORELHENJ_cjs.guidedCursor.getSnapshot
+  );
+  const [ripples, setRipples] = react.useState([]);
+  const markRef = react.useRef(null);
+  chunkORELHENJ_cjs.useMountedSurface("cursor");
+  react.useEffect(() => {
+    let seq = 0;
+    return chunkORELHENJ_cjs.guidedCursor.onRipple((x, y) => {
+      const id = ++seq;
+      setRipples((rs) => [...rs, { id, x, y }]);
+      setTimeout(() => setRipples((rs) => rs.filter((r) => r.id !== id)), 650);
+      if (!chunkORELHENJ_cjs.guidedCursor.prefersReducedMotion() && markRef.current) {
+        playClickFeedback(markRef.current);
+      }
+    });
+  }, []);
+  if (typeof document === "undefined") return null;
+  if (!snap.visible && ripples.length === 0) return null;
+  const reduced = chunkORELHENJ_cjs.guidedCursor.prefersReducedMotion();
+  const markStyle = {
+    position: "fixed",
+    left: snap.x,
+    top: snap.y,
+    transform: "translate(-50%, -50%)",
+    pointerEvents: "none",
+    filter: glowFilter(cursor_visuals_default.glowFlash.baseBlur, cursor_visuals_default.glowColor),
+    transition: reduced ? "none" : `left ${chunkORELHENJ_cjs.guidedCursor.glideMs}ms cubic-bezier(0.22, 1, 0.36, 1), top ${chunkORELHENJ_cjs.guidedCursor.glideMs}ms cubic-bezier(0.22, 1, 0.36, 1)`
+  };
+  return reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-hidden": true, className: "pointer-events-none fixed inset-0 z-[2147483647]", children: [
+      snap.visible && (markSrc ? /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          ref: markRef,
+          "data-testid": "guided-cursor",
+          src: markSrc,
+          alt: "",
+          style: { ...markStyle, width: cursor_visuals_default.mark.width, height: "auto" }
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: markRef,
+          "data-testid": "guided-cursor",
+          style: { ...RING_STYLE, ...markStyle, background: cursor_visuals_default.fillColor }
+        }
+      )),
+      ripples.map((r) => /* @__PURE__ */ jsxRuntime.jsx(RippleDot, { x: r.x, y: r.y }, r.id))
+    ] }),
+    document.body
+  );
+}
 var SPARKLE_DELAYS = ["0s", "0.1s", "0.2s"];
 var SPLASH_CLASS = "fixed top-0 left-0 w-full h-full flex flex-col items-center justify-center bg-background bg-opacity-50 z-50";
 function useShowAfter(delayMs) {
@@ -341,16 +494,16 @@ function workspaceActivityTarget(item) {
 var quoted = (name, fallback) => name ? `\u201C${name}\u201D` : fallback;
 function workspaceActivityHeadline(item) {
   const thread = quoted(item.conversation_title, "a thread");
-  const document = quoted(item.document_name, "a document");
+  const document2 = quoted(item.document_name, "a document");
   switch (item.kind) {
     case "message_posted":
       return `Posted in ${thread}`;
     case "document_uploaded":
-      return `Uploaded ${document}`;
+      return `Uploaded ${document2}`;
     case "document_version":
-      return item.version ? `Saved version ${item.version} of ${document}` : `Saved a new version of ${document}`;
+      return item.version ? `Saved version ${item.version} of ${document2}` : `Saved a new version of ${document2}`;
     case "document_signed":
-      return `Signed ${document}`;
+      return `Signed ${document2}`;
     case "workflow_run": {
       const run = `Ran ${quoted(item.workflow_name, "a workflow")}`;
       return item.status ? `${run} (${item.status.replace(/_/g, " ")})` : run;
@@ -1908,6 +2061,7 @@ exports.EXTRACT_LIMIT = EXTRACT_LIMIT;
 exports.EntityIdentityBar = EntityIdentityBar;
 exports.ExtractEntitiesDialog = ExtractEntitiesDialog;
 exports.GridRowNavigator = GridRowNavigator;
+exports.GuidedCursor = GuidedCursor;
 exports.IDENTITY_NAME_MAX_LENGTH = IDENTITY_NAME_MAX_LENGTH;
 exports.LoadingIndicator = LoadingIndicator;
 exports.TAG_TABLE_DOCX_LANDSCAPE_AFTER = TAG_TABLE_DOCX_LANDSCAPE_AFTER;
@@ -1941,5 +2095,5 @@ exports.tagsPageNouns = tagsPageNouns;
 exports.useTipsPlacement = useTipsPlacement;
 exports.workspaceActivityHeadline = workspaceActivityHeadline;
 exports.workspaceActivityTarget = workspaceActivityTarget;
-//# sourceMappingURL=chunk-5UMZXDGL.cjs.map
-//# sourceMappingURL=chunk-5UMZXDGL.cjs.map
+//# sourceMappingURL=chunk-O27K7KTZ.cjs.map
+//# sourceMappingURL=chunk-O27K7KTZ.cjs.map