@arbidocs/blocks 0.5.123 → 0.5.124

package/dist/SpotlightStrip-ED22UYTM.cjs

@@ -0,0 +1,398 @@
+"use client";
+'use strict';
+
+var chunk3ZZZO4F7_cjs = require('./chunk-3ZZZO4F7.cjs');
+var chunkJY7UUZQG_cjs = require('./chunk-JY7UUZQG.cjs');
+require('./chunk-WOOOMTTA.cjs');
+require('./chunk-5GCCUXMT.cjs');
+var chunkMVXHTAJ4_cjs = require('./chunk-MVXHTAJ4.cjs');
+require('./chunk-ADPRIBSH.cjs');
+var chunkORNLCBNE_cjs = require('./chunk-ORNLCBNE.cjs');
+require('./chunk-GFUOCGY6.cjs');
+var chunkVZOOGA47_cjs = require('./chunk-VZOOGA47.cjs');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var react$1 = require('@arbidocs/react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+var SPOTLIGHT_MS = 300;
+var EASING = "cubic-bezier(0.2, 0, 0, 1)";
+var prefersReducedMotion = (view) => !!view?.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+function SpotlightView({ fromRect }) {
+  const clips = chunkMVXHTAJ4_cjs.useSpotlight((s) => s.clips);
+  const note = chunkMVXHTAJ4_cjs.useSpotlight((s) => s.note);
+  const step = chunkMVXHTAJ4_cjs.useSpotlight((s) => s.step);
+  const captions = chunkORNLCBNE_cjs.usePresentation((s) => s.captions);
+  const theme = chunkORNLCBNE_cjs.usePresentation((s) => s.theme);
+  const steps = react.useMemo(() => chunkMVXHTAJ4_cjs.spotlightSteps(clips), [clips]);
+  const ids = steps[step] ?? [];
+  const stepKey = ids.join();
+  const slide = react.useMemo(
+    () => chunkMVXHTAJ4_cjs.spotlightSlide(clips, ids, note, { captions, theme }),
+    // `ids` is new each render; its key says when it changed.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [clips, stepKey, note, captions, theme]
+  );
+  const show = react.useMemo(() => ({ slide, clips }), [slide, clips]);
+  const [view, setView] = react.useState(null);
+  const root = react.useRef(null);
+  const rootRef = react.useCallback((node) => {
+    root.current = node;
+    if (node) setView(node.ownerDocument.defaultView);
+  }, []);
+  const active = chunk3ZZZO4F7_cjs.usePointerActive(view);
+  const [kept, setKept] = react.useState(null);
+  const last = react.useRef(/* @__PURE__ */ new Map());
+  const fromRectRef = react.useRef(fromRect);
+  fromRectRef.current = fromRect;
+  react.useLayoutEffect(() => {
+    const node = root.current;
+    if (!node) return;
+    const reduce = prefersReducedMotion(node.ownerDocument.defaultView);
+    const next = /* @__PURE__ */ new Map();
+    for (const id of stepKey.split(",").filter(Boolean)) {
+      const element = node.querySelector(`[data-testid="stage-item-${id}"]`);
+      const clip = chunkMVXHTAJ4_cjs.useSpotlight.getState().clips.find((entry) => entry.id === id);
+      if (!element || !clip) continue;
+      const to = element.getBoundingClientRect();
+      next.set(id, to);
+      const from = last.current.get(id) ?? fromRectRef.current(clip);
+      if (reduce || !from || !to.width || !to.height || typeof element.animate !== "function") {
+        continue;
+      }
+      element.animate(
+        [
+          {
+            transform: `translate(${from.left - to.left}px, ${from.top - to.top}px) scale(${from.width / to.width}, ${from.height / to.height})`
+          },
+          { transform: "none" }
+        ],
+        { duration: SPOTLIGHT_MS, easing: EASING }
+      );
+    }
+    last.current = next;
+  }, [stepKey]);
+  const backdrop = react.useRef(null);
+  react.useLayoutEffect(() => {
+    const element = backdrop.current;
+    if (!element || typeof element.animate !== "function") return;
+    if (prefersReducedMotion(element.ownerDocument.defaultView)) return;
+    element.animate([{ opacity: 0 }, { opacity: 1 }], { duration: SPOTLIGHT_MS, easing: EASING });
+  }, []);
+  react.useEffect(() => {
+    if (!view) return;
+    const onKeyDown = (event) => {
+      if (event.metaKey || event.ctrlKey || event.altKey) return;
+      const target = event.target;
+      if (target?.closest?.('input, textarea, select, [contenteditable="true"]')) return;
+      const state = chunkMVXHTAJ4_cjs.useSpotlight.getState();
+      if (event.key === "Escape") state.hide();
+      else if (event.key === "ArrowRight" || event.key === "PageDown") state.goTo(state.step + 1);
+      else if (event.key === "ArrowLeft" || event.key === "PageUp") state.goTo(state.step - 1);
+      else return;
+      event.preventDefault();
+      event.stopPropagation();
+    };
+    view.addEventListener("keydown", onKeyDown, true);
+    return () => view.removeEventListener("keydown", onKeyDown, true);
+  }, [view]);
+  const actions = chunkMVXHTAJ4_cjs.useSpotlight.getState();
+  const isKept = kept === `${stepKey}|${note}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: rootRef,
+      className: "absolute inset-0 z-30 select-none",
+      style: { cursor: active ? "default" : "none" },
+      role: "dialog",
+      "aria-label": "Spotlight",
+      "data-testid": "spotlight",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { ref: backdrop, className: "absolute inset-0 bg-black/85" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 p-4 pb-16", children: /* @__PURE__ */ jsxRuntime.jsx(chunkJY7UUZQG_cjs.PresentationStage, { show, className: "bg-transparent" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: ui.cn(
+              "absolute bottom-3 left-1/2 z-10 flex -translate-x-1/2 items-center gap-0.5 rounded-full bg-black/60 p-1 text-white shadow-lg backdrop-blur transition-opacity duration-300",
+              active ? "opacity-100" : "pointer-events-none opacity-0"
+            ),
+            role: "toolbar",
+            "aria-label": "Spotlight",
+            "data-testid": "spotlight-controls",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunk3ZZZO4F7_cjs.Control,
+                {
+                  label: "Previous (\u2190)",
+                  onClick: () => actions.goTo(step - 1),
+                  disabled: step === 0,
+                  testId: "spotlight-previous",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-4" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "span",
+                {
+                  className: "min-w-12 text-center text-xs tabular-nums text-white/85",
+                  "data-testid": "spotlight-position",
+                  children: [
+                    step + 1,
+                    " / ",
+                    steps.length
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunk3ZZZO4F7_cjs.Control,
+                {
+                  label: "Next (\u2192)",
+                  onClick: () => actions.goTo(step + 1),
+                  disabled: step >= steps.length - 1,
+                  testId: "spotlight-next",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-1 h-4 w-px bg-white/25" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "inline-flex h-8 items-center gap-1.5 whitespace-nowrap rounded-full px-3 text-xs text-white/85 hover:bg-white/15 hover:text-white disabled:opacity-60 disabled:hover:bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 pointer-coarse:h-11",
+                  disabled: isKept,
+                  onClick: () => {
+                    actions.keep();
+                    setKept(`${stepKey}|${note}`);
+                  },
+                  title: "Add this as a slide of the open presentation",
+                  "data-testid": "spotlight-keep",
+                  children: [
+                    isKept ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Presentation, { className: "size-3.5" }),
+                    isKept ? "Kept as slide" : "Keep as slide"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(chunk3ZZZO4F7_cjs.Control, { label: "Back to the document (Esc)", onClick: actions.hide, testId: "spotlight-close", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" }) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var frameOf = (node) => node?.closest('[data-slot="viewer-frame"]') ?? null;
+var isTyping = (target) => !!target?.closest?.('input, textarea, select, [contenteditable="true"]');
+function clipOnPage(frame, clip) {
+  const clipped = Array.from(frame.querySelectorAll("[data-clip-document]")).find(
+    (element) => element.getAttribute("data-clip-document") === clip.documentId
+  );
+  const page = clipped?.querySelector(`[data-page-number="${clip.page}"]`);
+  if (!page) return null;
+  const box = page.getBoundingClientRect();
+  const view = frame.ownerDocument.defaultView;
+  const rect = {
+    left: box.left + clip.rect.x * box.width,
+    top: box.top + clip.rect.y * box.height,
+    width: clip.rect.w * box.width,
+    height: clip.rect.h * box.height
+  };
+  const visible = rect.width > 0 && rect.top + rect.height > 0 && rect.left + rect.width > 0 && (!view || rect.top < view.innerHeight && rect.left < view.innerWidth);
+  return visible ? rect : null;
+}
+function useDocumentSwitcher(clips) {
+  const session = react$1.useArbiSessionStore();
+  const { data: documents } = react$1.useDocuments();
+  const groups = react.useMemo(() => {
+    const all = (documents ?? []).map((doc) => ({
+      id: doc.external_id,
+      title: ui.getDocumentTitle(doc, "Untitled"),
+      fileName: doc.file_name
+    })).sort((a, b) => a.title.localeCompare(b.title));
+    const clipped = new Set(clips.map((clip) => clip.documentId));
+    const from = all.filter((doc) => clipped.has(doc.id));
+    return [
+      ...from.length ? [{ id: "clipped", heading: "Clipped from", docs: from }] : [],
+      { id: "all", heading: "Documents", docs: all }
+    ];
+  }, [documents, clips]);
+  const open = (id) => session.setViewingDocument({ id, page: null });
+  return { groups, open };
+}
+function SpotlightStrip() {
+  const clips = chunkMVXHTAJ4_cjs.useSpotlight((s) => s.clips);
+  const note = chunkMVXHTAJ4_cjs.useSpotlight((s) => s.note);
+  const showing = chunkMVXHTAJ4_cjs.useSpotlight((s) => s.showing);
+  const actions = chunkMVXHTAJ4_cjs.useSpotlight.getState();
+  const switcher = useDocumentSwitcher(clips);
+  const [noteOpen, setNoteOpen] = react.useState(false);
+  const strip = react.useRef(null);
+  const [view, setView] = react.useState(null);
+  const stripRef = react.useCallback((node) => {
+    strip.current = node;
+    if (node) setView(node.ownerDocument.defaultView);
+  }, []);
+  react.useEffect(() => {
+    if (!view || showing) return;
+    const onKeyDown = (event) => {
+      if (event.metaKey || event.ctrlKey || event.altKey || isTyping(event.target)) return;
+      if (event.key !== "s" && event.key !== "S") return;
+      event.preventDefault();
+      chunkMVXHTAJ4_cjs.useSpotlight.getState().show();
+    };
+    view.addEventListener("keydown", onKeyDown);
+    return () => view.removeEventListener("keydown", onKeyDown);
+  }, [view, showing]);
+  const scrolled = react.useRef(null);
+  react.useEffect(() => {
+    const scroller = frameOf(strip.current)?.querySelector(
+      '[data-slot="pdf-scroller"]'
+    );
+    if (showing) {
+      scrolled.current = scroller ? { element: scroller, top: scroller.scrollTop, left: scroller.scrollLeft } : null;
+      return;
+    }
+    const before = scrolled.current;
+    scrolled.current = null;
+    if (before?.element.isConnected) {
+      before.element.scrollTop = before.top;
+      before.element.scrollLeft = before.left;
+    }
+  }, [showing]);
+  const fromRect = react.useCallback((clip) => {
+    const frame = frameOf(strip.current);
+    const onPage = frame ? clipOnPage(frame, clip) : null;
+    return onPage ?? strip.current?.querySelector(`[data-spotlight-clip="${clip.id}"]`)?.getBoundingClientRect() ?? null;
+  }, []);
+  const count = `${clips.length} clip${clips.length === 1 ? "" : "s"}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: stripRef,
+        className: ui.cn(
+          "absolute bottom-[4.5rem] left-1/2 z-20 flex max-w-[calc(100%-1.5rem)] -translate-x-1/2 items-center gap-1.5 rounded-full border border-border bg-background/95 p-1 pl-1.5 shadow-lg backdrop-blur",
+          showing && "invisible"
+        ),
+        role: "toolbar",
+        "aria-label": "Gathered clips",
+        "data-testid": "spotlight-strip",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex min-w-0 items-center gap-1 overflow-x-auto [scrollbar-width:none]", children: clips.map((clip, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "li",
+            {
+              className: "group relative h-8 shrink-0 overflow-hidden rounded-md border border-border bg-white",
+              style: { width: `${Math.min(4.5, Math.max(1.5, 2 * clip.aspect))}rem` },
+              title: clip.caption,
+              "data-spotlight-clip": clip.id,
+              "data-testid": `spotlight-chip-${index}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(chunkJY7UUZQG_cjs.ClipImage, { clip, className: "h-full w-full" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "absolute inset-0 flex items-center justify-center bg-black/50 text-white opacity-0 transition-opacity focus-visible:opacity-100 group-hover:opacity-100",
+                    onClick: () => actions.remove(clip.id),
+                    "aria-label": `Remove ${clip.caption}`,
+                    "data-testid": `spotlight-remove-${index}`,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-3.5" })
+                  }
+                )
+              ]
+            },
+            clip.id
+          )) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-xs text-muted-foreground", "data-testid": "spotlight-count", children: count }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { open: noteOpen, onOpenChange: setNoteOpen, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.Button,
+              {
+                type: "button",
+                variant: note ? "secondary" : "ghost",
+                size: "sm",
+                className: "h-7 max-w-40 shrink-0 gap-1 rounded-full px-2 text-xs",
+                title: note ? `Note: ${note}` : "Type a note to show as the title",
+                "data-testid": "spotlight-note",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.StickyNote, { className: "size-3.5 shrink-0" }),
+                  note ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: note }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Note" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverContent, { side: "top", className: "w-72 p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                autoFocus: true,
+                value: note,
+                placeholder: "Type a note",
+                onChange: (event) => actions.setNote(event.target.value),
+                onKeyDown: (event) => {
+                  if (event.key === "Enter") setNoteOpen(false);
+                },
+                "data-testid": "spotlight-note-input"
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-44 shrink-0 [&_[role=combobox]]:h-7 [&_[role=combobox]]:rounded-full [&_[role=combobox]]:text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkVZOOGA47_cjs.DocumentPicker,
+            {
+              groups: switcher.groups,
+              value: "",
+              onValueChange: switcher.open,
+              labels: { placeholder: "Clip another document" }
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.Button,
+            {
+              type: "button",
+              size: "sm",
+              className: "h-7 shrink-0 gap-1 rounded-full px-3 text-xs",
+              onClick: actions.show,
+              title: "Show the clips over the document (S)",
+              "data-testid": "spotlight-show",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Presentation, { className: "size-3.5" }),
+                "Show"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                className: "size-7 shrink-0 rounded-full",
+                "aria-label": "More",
+                "data-testid": "spotlight-more",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" })
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuContent, { align: "end", side: "top", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuItem, { onSelect: actions.keep, "data-testid": "spotlight-menu-keep", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Presentation, { className: "mr-2 size-4" }),
+                " Keep as slide"
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuItem, { onSelect: actions.addToTray, "data-testid": "spotlight-menu-tray", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Inbox, { className: "mr-2 size-4" }),
+                " Add to the presentation tray"
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuItem, { onSelect: actions.clear, "data-testid": "spotlight-menu-clear", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eraser, { className: "mr-2 size-4" }),
+                " Clear the clips"
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    showing && /* @__PURE__ */ jsxRuntime.jsx(SpotlightView, { fromRect })
+  ] });
+}
+
+exports.SpotlightStrip = SpotlightStrip;
+//# sourceMappingURL=SpotlightStrip-ED22UYTM.cjs.map
+//# sourceMappingURL=SpotlightStrip-ED22UYTM.cjs.map

package/dist/SpotlightStrip-ED22UYTM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/presentation/SpotlightView.tsx","../src/connection/presentation/SpotlightStrip.tsx"],"names":["useSpotlight","usePresentation","useMemo","spotlightSteps","spotlightSlide","useState","useRef","useCallback","usePointerActive","useLayoutEffect","useEffect","jsxs","jsx","PresentationStage","cn","Control","ChevronLeft","ChevronRight","Check","Presentation","X","useArbiSessionStore","useDocuments","getDocumentTitle","Fragment","ClipImage","Popover","PopoverTrigger","Button","StickyNote","PopoverContent","Input","DocumentPicker","DropdownMenu","DropdownMenuTrigger","MoreHorizontal","DropdownMenuContent","DropdownMenuItem","Inbox","Eraser"],"mappings":"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","file":"SpotlightStrip-ED22UYTM.cjs","sourcesContent":["/**\n * The spotlight on screen: the document dims and the gathered clips fly from where they are on\n * their pages into a slide over it, in the same window (a call sharing it goes on sharing it). It is\n * the presentation's own stage (`PresentationStage`), so it looks as a slide of the deck would.\n *\n * ← → step through the clips together and each alone, Esc goes back to the document. Each move is\n * a FLIP: a clip is drawn where it ends and animated from where it was (its page, or its place on\n * the previous step) by a transform, about 300 ms; with reduced motion it simply appears.\n */\n\nimport { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'\nimport { Check, ChevronLeft, ChevronRight, Presentation, X } from 'lucide-react'\nimport { cn } from '@arbidocs/react/ui'\nimport type { Clip } from './model'\nimport { Control } from './PresentControls'\nimport { PresentationStage } from './PresentationStage'\nimport { spotlightSlide, spotlightSteps, useSpotlight } from './spotlight'\nimport { usePresentation } from './store'\nimport { usePointerActive } from './usePointerActive'\n\n/** How long a clip takes to fly into place. */\nexport const SPOTLIGHT_MS = 300\nconst EASING = 'cubic-bezier(0.2, 0, 0, 1)'\n\n/** A box on screen, in CSS pixels. */\nexport type ScreenRect = Pick<DOMRect, 'left' | 'top' | 'width' | 'height'>\n\nexport interface SpotlightViewProps {\n  /** Where a clip is on screen before the spotlight (its passage on the page), if it shows. */\n  fromRect: (clip: Clip) => ScreenRect | null\n}\n\nconst prefersReducedMotion = (view: Window | null) =>\n  !!view?.matchMedia?.('(prefers-reduced-motion: reduce)').matches\n\nexport function SpotlightView({ fromRect }: SpotlightViewProps) {\n  const clips = useSpotlight((s) => s.clips)\n  const note = useSpotlight((s) => s.note)\n  const step = useSpotlight((s) => s.step)\n  const captions = usePresentation((s) => s.captions)\n  const theme = usePresentation((s) => s.theme)\n  const steps = useMemo(() => spotlightSteps(clips), [clips])\n  const ids = steps[step] ?? []\n  const stepKey = ids.join()\n  const slide = useMemo(\n    () => spotlightSlide(clips, ids, note, { captions, theme }),\n    // `ids` is new each render; its key says when it changed.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [clips, stepKey, note, captions, theme]\n  )\n  const show = useMemo(() => ({ slide, clips }), [slide, clips])\n\n  const [view, setView] = useState<Window | null>(null)\n  const root = useRef<HTMLDivElement | null>(null)\n  const rootRef = useCallback((node: HTMLDivElement | null) => {\n    root.current = node\n    if (node) setView(node.ownerDocument.defaultView)\n  }, [])\n  const active = usePointerActive(view)\n  const [kept, setKept] = useState<string | null>(null)\n\n  // FLIP: each clip from where it was (on its page, or on the step before) to where it is now.\n  const last = useRef(new Map<string, ScreenRect>())\n  const fromRectRef = useRef(fromRect)\n  fromRectRef.current = fromRect\n  useLayoutEffect(() => {\n    const node = root.current\n    if (!node) return\n    const reduce = prefersReducedMotion(node.ownerDocument.defaultView)\n    const next = new Map<string, ScreenRect>()\n    for (const id of stepKey.split(',').filter(Boolean)) {\n      const element = node.querySelector<HTMLElement>(`[data-testid=\"stage-item-${id}\"]`)\n      const clip = useSpotlight.getState().clips.find((entry) => entry.id === id)\n      if (!element || !clip) continue\n      const to = element.getBoundingClientRect()\n      next.set(id, to)\n      const from = last.current.get(id) ?? fromRectRef.current(clip)\n      if (reduce || !from || !to.width || !to.height || typeof element.animate !== 'function') {\n        continue\n      }\n      element.animate(\n        [\n          {\n            transform: `translate(${from.left - to.left}px, ${from.top - to.top}px) scale(${\n              from.width / to.width\n            }, ${from.height / to.height})`,\n          },\n          { transform: 'none' },\n        ],\n        { duration: SPOTLIGHT_MS, easing: EASING }\n      )\n    }\n    last.current = next\n  }, [stepKey])\n\n  // The document dims as the clips arrive.\n  const backdrop = useRef<HTMLDivElement>(null)\n  useLayoutEffect(() => {\n    const element = backdrop.current\n    if (!element || typeof element.animate !== 'function') return\n    if (prefersReducedMotion(element.ownerDocument.defaultView)) return\n    element.animate([{ opacity: 0 }, { opacity: 1 }], { duration: SPOTLIGHT_MS, easing: EASING })\n  }, [])\n\n  // Esc back to the document, ← → through the steps; taken before the viewer's own keys.\n  useEffect(() => {\n    if (!view) return\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.metaKey || event.ctrlKey || event.altKey) return\n      const target = event.target as HTMLElement | null\n      if (target?.closest?.('input, textarea, select, [contenteditable=\"true\"]')) return\n      const state = useSpotlight.getState()\n      if (event.key === 'Escape') state.hide()\n      else if (event.key === 'ArrowRight' || event.key === 'PageDown') state.goTo(state.step + 1)\n      else if (event.key === 'ArrowLeft' || event.key === 'PageUp') state.goTo(state.step - 1)\n      else return\n      event.preventDefault()\n      event.stopPropagation()\n    }\n    view.addEventListener('keydown', onKeyDown, true)\n    return () => view.removeEventListener('keydown', onKeyDown, true)\n  }, [view])\n\n  const actions = useSpotlight.getState()\n  const isKept = kept === `${stepKey}|${note}`\n  return (\n    <div\n      ref={rootRef}\n      className=\"absolute inset-0 z-30 select-none\"\n      style={{ cursor: active ? 'default' : 'none' }}\n      role=\"dialog\"\n      aria-label=\"Spotlight\"\n      data-testid=\"spotlight\"\n    >\n      <div ref={backdrop} className=\"absolute inset-0 bg-black/85\" />\n      <div className=\"absolute inset-0 p-4 pb-16\">\n        <PresentationStage show={show} className=\"bg-transparent\" />\n      </div>\n      <div\n        className={cn(\n          'absolute bottom-3 left-1/2 z-10 flex -translate-x-1/2 items-center gap-0.5 rounded-full bg-black/60 p-1 text-white shadow-lg backdrop-blur transition-opacity duration-300',\n          active ? 'opacity-100' : 'pointer-events-none opacity-0'\n        )}\n        role=\"toolbar\"\n        aria-label=\"Spotlight\"\n        data-testid=\"spotlight-controls\"\n      >\n        <Control\n          label=\"Previous (←)\"\n          onClick={() => actions.goTo(step - 1)}\n          disabled={step === 0}\n          testId=\"spotlight-previous\"\n        >\n          <ChevronLeft className=\"size-4\" />\n        </Control>\n        <span\n          className=\"min-w-12 text-center text-xs tabular-nums text-white/85\"\n          data-testid=\"spotlight-position\"\n        >\n          {step + 1} / {steps.length}\n        </span>\n        <Control\n          label=\"Next (→)\"\n          onClick={() => actions.goTo(step + 1)}\n          disabled={step >= steps.length - 1}\n          testId=\"spotlight-next\"\n        >\n          <ChevronRight className=\"size-4\" />\n        </Control>\n        <div className=\"mx-1 h-4 w-px bg-white/25\" />\n        <button\n          type=\"button\"\n          className=\"inline-flex h-8 items-center gap-1.5 whitespace-nowrap rounded-full px-3 text-xs text-white/85 hover:bg-white/15 hover:text-white disabled:opacity-60 disabled:hover:bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 pointer-coarse:h-11\"\n          disabled={isKept}\n          onClick={() => {\n            actions.keep()\n            setKept(`${stepKey}|${note}`)\n          }}\n          title=\"Add this as a slide of the open presentation\"\n          data-testid=\"spotlight-keep\"\n        >\n          {isKept ? <Check className=\"size-3.5\" /> : <Presentation className=\"size-3.5\" />}\n          {isKept ? 'Kept as slide' : 'Keep as slide'}\n        </button>\n        <Control label=\"Back to the document (Esc)\" onClick={actions.hide} testId=\"spotlight-close\">\n          <X className=\"size-4\" />\n        </Control>\n      </div>\n    </div>\n  )\n}\n","/**\n * The clips gathered in the viewer, in a small strip over the document: each clip (× takes it\n * out), a note to show as the spotlight's title, another document to clip from, and Show (or S),\n * which puts them in the spotlight over this same viewer. Rarer actions — keep them as a slide,\n * add them to the presentation's tray, clear them — are in its \"…\" menu.\n *\n * The strip and the spotlight stay over whichever document the viewer shows, so clips are gathered\n * from several documents in a row. Esc brings the document back where it was scrolled to.\n */\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { Eraser, MoreHorizontal, Inbox, Presentation, StickyNote, X } from 'lucide-react'\nimport { useArbiSessionStore, useDocuments } from '@arbidocs/react'\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  Input,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  cn,\n  getDocumentTitle,\n} from '@arbidocs/react/ui'\nimport { ClipImage } from '../../presentation/ClipImage'\nimport type { Clip } from '../../presentation/model'\nimport { SpotlightView, type ScreenRect } from '../../presentation/SpotlightView'\nimport { useSpotlight } from '../../presentation/spotlight'\nimport { DocumentPicker, type PickerGroup } from '../../settings/DocumentPicker'\n\n/** The viewer this strip is over (its frame), found from the strip's own element. */\nconst frameOf = (node: HTMLElement | null) =>\n  node?.closest<HTMLElement>('[data-slot=\"viewer-frame\"]') ?? null\n\nconst isTyping = (target: EventTarget | null) =>\n  !!(target as HTMLElement | null)?.closest?.('input, textarea, select, [contenteditable=\"true\"]')\n\n/**\n * Where a clip is on screen now: its area of its page, while its document is clipped in the viewer\n * (`data-clip-document`) and that page is in view.\n */\nfunction clipOnPage(frame: HTMLElement, clip: Clip): ScreenRect | null {\n  const clipped = Array.from(frame.querySelectorAll('[data-clip-document]')).find(\n    (element) => element.getAttribute('data-clip-document') === clip.documentId\n  )\n  const page = clipped?.querySelector<HTMLElement>(`[data-page-number=\"${clip.page}\"]`)\n  if (!page) return null\n  const box = page.getBoundingClientRect()\n  const view = frame.ownerDocument.defaultView\n  const rect = {\n    left: box.left + clip.rect.x * box.width,\n    top: box.top + clip.rect.y * box.height,\n    width: clip.rect.w * box.width,\n    height: clip.rect.h * box.height,\n  }\n  const visible =\n    rect.width > 0 &&\n    rect.top + rect.height > 0 &&\n    rect.left + rect.width > 0 &&\n    (!view || (rect.top < view.innerHeight && rect.left < view.innerWidth))\n  return visible ? rect : null\n}\n\nfunction useDocumentSwitcher(clips: readonly Clip[]) {\n  const session = useArbiSessionStore()\n  const { data: documents } = useDocuments()\n  const groups = useMemo<PickerGroup[]>(() => {\n    const all = (documents ?? [])\n      .map((doc) => ({\n        id: doc.external_id,\n        title: getDocumentTitle(doc, 'Untitled'),\n        fileName: doc.file_name,\n      }))\n      .sort((a, b) => a.title.localeCompare(b.title))\n    const clipped = new Set(clips.map((clip) => clip.documentId))\n    const from = all.filter((doc) => clipped.has(doc.id))\n    return [\n      ...(from.length ? [{ id: 'clipped', heading: 'Clipped from', docs: from }] : []),\n      { id: 'all', heading: 'Documents', docs: all },\n    ]\n  }, [documents, clips])\n  const open = (id: string) => session.setViewingDocument({ id, page: null })\n  return { groups, open }\n}\n\nexport function SpotlightStrip() {\n  const clips = useSpotlight((s) => s.clips)\n  const note = useSpotlight((s) => s.note)\n  const showing = useSpotlight((s) => s.showing)\n  const actions = useSpotlight.getState()\n  const switcher = useDocumentSwitcher(clips)\n  const [noteOpen, setNoteOpen] = useState(false)\n\n  const strip = useRef<HTMLDivElement | null>(null)\n  const [view, setView] = useState<Window | null>(null)\n  const stripRef = useCallback((node: HTMLDivElement | null) => {\n    strip.current = node\n    if (node) setView(node.ownerDocument.defaultView)\n  }, [])\n\n  // S shows the spotlight (not while typing).\n  useEffect(() => {\n    if (!view || showing) return\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.metaKey || event.ctrlKey || event.altKey || isTyping(event.target)) return\n      if (event.key !== 's' && event.key !== 'S') return\n      event.preventDefault()\n      useSpotlight.getState().show()\n    }\n    view.addEventListener('keydown', onKeyDown)\n    return () => view.removeEventListener('keydown', onKeyDown)\n  }, [view, showing])\n\n  // Back from the spotlight, the document is where it was scrolled to.\n  const scrolled = useRef<{ element: HTMLElement; top: number; left: number } | null>(null)\n  useEffect(() => {\n    const scroller = frameOf(strip.current)?.querySelector<HTMLElement>(\n      '[data-slot=\"pdf-scroller\"]'\n    )\n    if (showing) {\n      scrolled.current = scroller\n        ? { element: scroller, top: scroller.scrollTop, left: scroller.scrollLeft }\n        : null\n      return\n    }\n    const before = scrolled.current\n    scrolled.current = null\n    if (before?.element.isConnected) {\n      before.element.scrollTop = before.top\n      before.element.scrollLeft = before.left\n    }\n  }, [showing])\n\n  const fromRect = useCallback((clip: Clip) => {\n    const frame = frameOf(strip.current)\n    const onPage = frame ? clipOnPage(frame, clip) : null\n    // Not on screen (another document's clip): from its chip in the strip.\n    return (\n      onPage ??\n      strip.current?.querySelector(`[data-spotlight-clip=\"${clip.id}\"]`)?.getBoundingClientRect() ??\n      null\n    )\n  }, [])\n\n  const count = `${clips.length} clip${clips.length === 1 ? '' : 's'}`\n  return (\n    <>\n      <div\n        ref={stripRef}\n        className={cn(\n          'absolute bottom-[4.5rem] left-1/2 z-20 flex max-w-[calc(100%-1.5rem)] -translate-x-1/2 items-center gap-1.5 rounded-full border border-border bg-background/95 p-1 pl-1.5 shadow-lg backdrop-blur',\n          showing && 'invisible'\n        )}\n        role=\"toolbar\"\n        aria-label=\"Gathered clips\"\n        data-testid=\"spotlight-strip\"\n      >\n        <ul className=\"flex min-w-0 items-center gap-1 overflow-x-auto [scrollbar-width:none]\">\n          {clips.map((clip, index) => (\n            <li\n              key={clip.id}\n              className=\"group relative h-8 shrink-0 overflow-hidden rounded-md border border-border bg-white\"\n              style={{ width: `${Math.min(4.5, Math.max(1.5, 2 * clip.aspect))}rem` }}\n              title={clip.caption}\n              data-spotlight-clip={clip.id}\n              data-testid={`spotlight-chip-${index}`}\n            >\n              <ClipImage clip={clip} className=\"h-full w-full\" />\n              <button\n                type=\"button\"\n                className=\"absolute inset-0 flex items-center justify-center bg-black/50 text-white opacity-0 transition-opacity focus-visible:opacity-100 group-hover:opacity-100\"\n                onClick={() => actions.remove(clip.id)}\n                aria-label={`Remove ${clip.caption}`}\n                data-testid={`spotlight-remove-${index}`}\n              >\n                <X className=\"size-3.5\" />\n              </button>\n            </li>\n          ))}\n        </ul>\n        <span className=\"shrink-0 text-xs text-muted-foreground\" data-testid=\"spotlight-count\">\n          {count}\n        </span>\n        <Popover open={noteOpen} onOpenChange={setNoteOpen}>\n          <PopoverTrigger asChild>\n            <Button\n              type=\"button\"\n              variant={note ? 'secondary' : 'ghost'}\n              size=\"sm\"\n              className=\"h-7 max-w-40 shrink-0 gap-1 rounded-full px-2 text-xs\"\n              title={note ? `Note: ${note}` : 'Type a note to show as the title'}\n              data-testid=\"spotlight-note\"\n            >\n              <StickyNote className=\"size-3.5 shrink-0\" />\n              {note ? <span className=\"truncate\">{note}</span> : <span>Note</span>}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent side=\"top\" className=\"w-72 p-2\">\n            <Input\n              autoFocus\n              value={note}\n              placeholder=\"Type a note\"\n              onChange={(event) => actions.setNote(event.target.value)}\n              onKeyDown={(event) => {\n                if (event.key === 'Enter') setNoteOpen(false)\n              }}\n              data-testid=\"spotlight-note-input\"\n            />\n          </PopoverContent>\n        </Popover>\n        <div className=\"w-44 shrink-0 [&_[role=combobox]]:h-7 [&_[role=combobox]]:rounded-full [&_[role=combobox]]:text-xs\">\n          <DocumentPicker\n            groups={switcher.groups}\n            value=\"\"\n            onValueChange={switcher.open}\n            labels={{ placeholder: 'Clip another document' }}\n          />\n        </div>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          className=\"h-7 shrink-0 gap-1 rounded-full px-3 text-xs\"\n          onClick={actions.show}\n          title=\"Show the clips over the document (S)\"\n          data-testid=\"spotlight-show\"\n        >\n          <Presentation className=\"size-3.5\" />\n          Show\n        </Button>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"size-7 shrink-0 rounded-full\"\n              aria-label=\"More\"\n              data-testid=\"spotlight-more\"\n            >\n              <MoreHorizontal className=\"size-4\" />\n            </Button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"end\" side=\"top\">\n            <DropdownMenuItem onSelect={actions.keep} data-testid=\"spotlight-menu-keep\">\n              <Presentation className=\"mr-2 size-4\" /> Keep as slide\n            </DropdownMenuItem>\n            <DropdownMenuItem onSelect={actions.addToTray} data-testid=\"spotlight-menu-tray\">\n              <Inbox className=\"mr-2 size-4\" /> Add to the presentation tray\n            </DropdownMenuItem>\n            <DropdownMenuItem onSelect={actions.clear} data-testid=\"spotlight-menu-clear\">\n              <Eraser className=\"mr-2 size-4\" /> Clear the clips\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n      {showing && <SpotlightView fromRect={fromRect} />}\n    </>\n  )\n}\n"]}