@ai-matrx/design-system 0.86.332 → 0.86.334

package/dist/transcript-scroll-nav.js

@@ -1,8 +1,9 @@
 "use client";
 import {
   TapTargetButton
-} from "./chunk-4PCLJAW2.js";
+} from "./chunk-FXT7PZAF.js";
 import "./chunk-WFBPCMPF.js";
+import "./chunk-KGW373MK.js";
 import {
   TooltipProvider
 } from "./chunk-PIQJULQB.js";

package/dist/transcript-scroll-nav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/transcript-scroll-nav/transcript-scroll-nav.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * THE TRANSCRIPT SCROLL NAV — two floating round tap buttons over a long\n * transcript (owner, 2026-10-12).\n *\n * - DOWN scrolls to the end. Shown only when the view is more than\n *   `TRANSCRIPT_BOTTOM_THRESHOLD_PX` from the bottom.\n * - UP puts the PREVIOUS real user message at the TOP of the view; pressed\n *   again it goes to the one before it, until the very first. Only elements\n *   matching the anchor selector count — the host tags the row that renders a\n *   message a person actually typed (`data-transcript-anchor=\"user\"`), never a\n *   tool, system, agent or assistant row. Hidden when no anchor lies above the\n *   view top (`TRANSCRIPT_TOP_TOLERANCE_PX` lets an anchor already aligned at\n *   the top count as \"current\", so the next press goes to the one before).\n *   With no anchor above but the view not at the top, UP goes to the very top\n *   — where a host lazy-loads older history — and hides only there.\n *\n * Placement (owner, 2026-10-15): each button sits at the EDGE it goes to —\n * UP at the top-right corner of the transcript, DOWN at the bottom-right. A\n * stacked pair at the bottom put \"go up\" at the bottom of a phone screen, the\n * farthest place from where it takes you. The host gives the scroll area's\n * PARENT `relative` and renders this beside (not inside) the scroller; a\n * `className` (e.g. a different right inset) is applied to BOTH corners. Each\n * corner is its own glass plane (`data-matrx-glass-plane`) because it floats\n * over moving content — tap placement rule 1.\n */\n\nimport * as React from \"react\";\n\nimport { cn } from \"../cn\";\nimport { TapTargetButton } from \"../tap-target/tap-target-button\";\nimport { TooltipProvider } from \"../tooltip\";\n\nexport const TRANSCRIPT_USER_ANCHOR_SELECTOR = '[data-transcript-anchor=\"user\"]';\nexport const TRANSCRIPT_BOTTOM_THRESHOLD_PX = 120;\nexport const TRANSCRIPT_TOP_TOLERANCE_PX = 8;\n\n/** Each anchor's top in the scroller's content coordinates (what `scrollTop` measures). */\nexport function transcriptAnchorOffsets(scroller: HTMLElement, anchorSelector: string): number[] {\n  const base = scroller.getBoundingClientRect().top - scroller.scrollTop;\n  const out: number[] = [];\n  scroller.querySelectorAll<HTMLElement>(anchorSelector).forEach((anchor) => {\n    const rect = anchor.getBoundingClientRect();\n    // A row that renders nothing (a host-authored turn, a collapsed wrapper) is not a place to go.\n    if (rect.height <= 0) return;\n    out.push(rect.top - base);\n  });\n  return out.sort((a, b) => a - b);\n}\n\n/** The top of the nearest anchor ABOVE `viewTop` (beyond the tolerance), or null. */\nexport function previousTranscriptAnchor(\n  offsets: readonly number[],\n  viewTop: number,\n  tolerance: number = TRANSCRIPT_TOP_TOLERANCE_PX,\n): number | null {\n  let found: number | null = null;\n  for (const top of offsets) {\n    if (top < viewTop - tolerance) found = top;\n    else break;\n  }\n  return found;\n}\n\nexport interface TranscriptScrollNavState {\n  canGoUp: boolean;\n  canGoDown: boolean;\n  goUp: () => void;\n  goDown: () => void;\n}\n\nexport function useTranscriptScrollNav(\n  scrollRef: React.RefObject<HTMLElement | null>,\n  anchorSelector: string = TRANSCRIPT_USER_ANCHOR_SELECTOR,\n): TranscriptScrollNavState {\n  // The ref's element can change (a landing surface swapped for the transcript),\n  // so the element is mirrored into state after every render.\n  const [el, setEl] = React.useState<HTMLElement | null>(null);\n  React.useLayoutEffect(() => {\n    if (scrollRef.current !== el) setEl(scrollRef.current);\n  });\n\n  const [canGoUp, setCanGoUp] = React.useState(false);\n  const [canGoDown, setCanGoDown] = React.useState(false);\n  // Where an in-flight smooth upward scroll is heading: a second press during\n  // the animation steps past it instead of re-targeting the same message.\n  const pendingUpRef = React.useRef<number | null>(null);\n\n  const measure = React.useCallback(() => {\n    if (!el) {\n      setCanGoUp(false);\n      setCanGoDown(false);\n      return;\n    }\n    const pending = pendingUpRef.current;\n    if (pending !== null && Math.abs(el.scrollTop - pending) <= 2) pendingUpRef.current = null;\n    setCanGoDown(el.scrollHeight - el.scrollTop - el.clientHeight > TRANSCRIPT_BOTTOM_THRESHOLD_PX);\n    // Above the first loaded anchor there may be older history a host loads\n    // on reaching the top, so UP stays until the very top.\n    setCanGoUp(el.scrollTop > TRANSCRIPT_TOP_TOLERANCE_PX);\n  }, [el, anchorSelector]);\n\n  React.useEffect(() => {\n    if (!el) {\n      measure();\n      return undefined;\n    }\n    const view = el.ownerDocument.defaultView ?? window;\n    let frame: number | null = null;\n    const schedule = () => {\n      if (frame !== null) return;\n      frame = view.requestAnimationFrame(() => {\n        frame = null;\n        measure();\n      });\n    };\n    measure();\n    el.addEventListener(\"scroll\", schedule, { passive: true });\n\n    // Transcripts stream: content grows without a scroll event.\n    const resize = typeof view.ResizeObserver === \"function\" ? new view.ResizeObserver(schedule) : null;\n    const observeChildren = () => {\n      if (!resize) return;\n      resize.observe(el);\n      Array.from(el.children).forEach((child) => resize.observe(child));\n    };\n    observeChildren();\n    const mutation =\n      typeof view.MutationObserver === \"function\"\n        ? new view.MutationObserver(() => {\n            observeChildren();\n            schedule();\n          })\n        : null;\n    mutation?.observe(el, { childList: true, subtree: true });\n\n    return () => {\n      el.removeEventListener(\"scroll\", schedule);\n      resize?.disconnect();\n      mutation?.disconnect();\n      if (frame !== null) view.cancelAnimationFrame(frame);\n    };\n  }, [el, measure]);\n\n  const goUp = React.useCallback(() => {\n    if (!el) return;\n    const pending = pendingUpRef.current;\n    const from = pending !== null && pending < el.scrollTop ? pending : el.scrollTop;\n    // No message of mine above: go to the very top (a host loading older\n    // history there then gives UP more messages to step through).\n    const target = previousTranscriptAnchor(transcriptAnchorOffsets(el, anchorSelector), from) ?? 0;\n    if (target >= el.scrollTop) return;\n    pendingUpRef.current = target;\n    el.scrollTo({ top: target, behavior: \"smooth\" });\n  }, [el, anchorSelector]);\n\n  const goDown = React.useCallback(() => {\n    if (!el) return;\n    pendingUpRef.current = null;\n    el.scrollTo({ top: el.scrollHeight, behavior: \"smooth\" });\n  }, [el]);\n\n  return { canGoUp, canGoDown, goUp, goDown };\n}\n\nexport interface TranscriptScrollNavProps {\n  /** The transcript's scrolling element. */\n  scrollRef: React.RefObject<HTMLElement | null>;\n  /** Which rows the UP button steps through. Default: `[data-transcript-anchor=\"user\"]`. */\n  anchorSelector?: string | undefined;\n  /** Placement override applied to both corners (e.g. a different right inset). Default: `right-4`, UP `top-4`, DOWN `bottom-4`. */\n  className?: string | undefined;\n  upLabel?: string | undefined;\n  downLabel?: string | undefined;\n}\n\nexport function TranscriptScrollNav({\n  scrollRef,\n  anchorSelector = TRANSCRIPT_USER_ANCHOR_SELECTOR,\n  className,\n  upLabel = \"Previous message I sent\",\n  downLabel = \"Scroll to bottom\",\n}: TranscriptScrollNavProps) {\n  const { canGoUp, canGoDown, goUp, goDown } = useTranscriptScrollNav(scrollRef, anchorSelector);\n  if (!canGoUp && !canGoDown) return null;\n  return (\n    <TooltipProvider>\n      {canGoUp && (\n        <div\n          data-matrx-glass-plane=\"\"\n          data-transcript-scroll-nav=\"up\"\n          className={cn(\"absolute right-4 top-4 z-10 flex\", className)}\n        >\n          <TapTargetButton ariaLabel={upLabel} tooltip={upLabel} tooltipSide=\"left\" onClick={goUp}>\n            {/* lucide: arrow-up */}\n            <path d=\"m5 12 7-7 7 7\" />\n            <path d=\"M12 19V5\" />\n          </TapTargetButton>\n        </div>\n      )}\n      {canGoDown && (\n        <div\n          data-matrx-glass-plane=\"\"\n          data-transcript-scroll-nav=\"down\"\n          className={cn(\"absolute bottom-4 right-4 z-10 flex\", className)}\n        >\n          <TapTargetButton ariaLabel={downLabel} tooltip={downLabel} tooltipSide=\"left\" onClick={goDown}>\n            {/* lucide: arrow-down */}\n            <path d=\"M12 5v14\" />\n            <path d=\"m19 12-7 7-7-7\" />\n          </TapTargetButton>\n        </div>\n      )}\n    </TooltipProvider>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/transcript-scroll-nav/transcript-scroll-nav.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * THE TRANSCRIPT SCROLL NAV — two floating round tap buttons over a long\n * transcript (owner, 2026-10-12).\n *\n * - DOWN scrolls to the end. Shown only when the view is more than\n *   `TRANSCRIPT_BOTTOM_THRESHOLD_PX` from the bottom.\n * - UP puts the PREVIOUS real user message at the TOP of the view; pressed\n *   again it goes to the one before it, until the very first. Only elements\n *   matching the anchor selector count — the host tags the row that renders a\n *   message a person actually typed (`data-transcript-anchor=\"user\"`), never a\n *   tool, system, agent or assistant row. Hidden when no anchor lies above the\n *   view top (`TRANSCRIPT_TOP_TOLERANCE_PX` lets an anchor already aligned at\n *   the top count as \"current\", so the next press goes to the one before).\n *   With no anchor above but the view not at the top, UP goes to the very top\n *   — where a host lazy-loads older history — and hides only there.\n *\n * Placement (owner, 2026-10-15): each button sits at the EDGE it goes to —\n * UP at the top-right corner of the transcript, DOWN at the bottom-right. A\n * stacked pair at the bottom put \"go up\" at the bottom of a phone screen, the\n * farthest place from where it takes you. The host gives the scroll area's\n * PARENT `relative` and renders this beside (not inside) the scroller; a\n * `className` (e.g. a different right inset) is applied to BOTH corners. Each\n * corner is its own glass plane (`data-matrx-glass-plane`) because it floats\n * over moving content — tap placement rule 1.\n */\n\nimport * as React from \"react\";\n\nimport { cn } from \"../cn\";\nimport { TapTargetButton } from \"../tap-target/tap-target-button\";\nimport { TooltipProvider } from \"../tooltip\";\n\nexport const TRANSCRIPT_USER_ANCHOR_SELECTOR = '[data-transcript-anchor=\"user\"]';\nexport const TRANSCRIPT_BOTTOM_THRESHOLD_PX = 120;\nexport const TRANSCRIPT_TOP_TOLERANCE_PX = 8;\n\n/** Each anchor's top in the scroller's content coordinates (what `scrollTop` measures). */\nexport function transcriptAnchorOffsets(scroller: HTMLElement, anchorSelector: string): number[] {\n  const base = scroller.getBoundingClientRect().top - scroller.scrollTop;\n  const out: number[] = [];\n  scroller.querySelectorAll<HTMLElement>(anchorSelector).forEach((anchor) => {\n    const rect = anchor.getBoundingClientRect();\n    // A row that renders nothing (a host-authored turn, a collapsed wrapper) is not a place to go.\n    if (rect.height <= 0) return;\n    out.push(rect.top - base);\n  });\n  return out.sort((a, b) => a - b);\n}\n\n/** The top of the nearest anchor ABOVE `viewTop` (beyond the tolerance), or null. */\nexport function previousTranscriptAnchor(\n  offsets: readonly number[],\n  viewTop: number,\n  tolerance: number = TRANSCRIPT_TOP_TOLERANCE_PX,\n): number | null {\n  let found: number | null = null;\n  for (const top of offsets) {\n    if (top < viewTop - tolerance) found = top;\n    else break;\n  }\n  return found;\n}\n\nexport interface TranscriptScrollNavState {\n  canGoUp: boolean;\n  canGoDown: boolean;\n  goUp: () => void;\n  goDown: () => void;\n}\n\nexport function useTranscriptScrollNav(\n  scrollRef: React.RefObject<HTMLElement | null>,\n  anchorSelector: string = TRANSCRIPT_USER_ANCHOR_SELECTOR,\n): TranscriptScrollNavState {\n  // The ref's element can change (a landing surface swapped for the transcript),\n  // so the element is mirrored into state after every render.\n  const [el, setEl] = React.useState<HTMLElement | null>(null);\n  React.useLayoutEffect(() => {\n    if (scrollRef.current !== el) setEl(scrollRef.current);\n  });\n\n  const [canGoUp, setCanGoUp] = React.useState(false);\n  const [canGoDown, setCanGoDown] = React.useState(false);\n  // Where an in-flight smooth upward scroll is heading: a second press during\n  // the animation steps past it instead of re-targeting the same message.\n  const pendingUpRef = React.useRef<number | null>(null);\n\n  const measure = React.useCallback(() => {\n    if (!el) {\n      setCanGoUp(false);\n      setCanGoDown(false);\n      return;\n    }\n    const pending = pendingUpRef.current;\n    if (pending !== null && Math.abs(el.scrollTop - pending) <= 2) pendingUpRef.current = null;\n    setCanGoDown(el.scrollHeight - el.scrollTop - el.clientHeight > TRANSCRIPT_BOTTOM_THRESHOLD_PX);\n    // Above the first loaded anchor there may be older history a host loads\n    // on reaching the top, so UP stays until the very top.\n    setCanGoUp(el.scrollTop > TRANSCRIPT_TOP_TOLERANCE_PX);\n  }, [el, anchorSelector]);\n\n  React.useEffect(() => {\n    if (!el) {\n      measure();\n      return undefined;\n    }\n    const view = el.ownerDocument.defaultView ?? window;\n    let frame: number | null = null;\n    const schedule = () => {\n      if (frame !== null) return;\n      frame = view.requestAnimationFrame(() => {\n        frame = null;\n        measure();\n      });\n    };\n    measure();\n    el.addEventListener(\"scroll\", schedule, { passive: true });\n\n    // Transcripts stream: content grows without a scroll event.\n    const resize = typeof view.ResizeObserver === \"function\" ? new view.ResizeObserver(schedule) : null;\n    const observeChildren = () => {\n      if (!resize) return;\n      resize.observe(el);\n      Array.from(el.children).forEach((child) => resize.observe(child));\n    };\n    observeChildren();\n    const mutation =\n      typeof view.MutationObserver === \"function\"\n        ? new view.MutationObserver(() => {\n            observeChildren();\n            schedule();\n          })\n        : null;\n    mutation?.observe(el, { childList: true, subtree: true });\n\n    return () => {\n      el.removeEventListener(\"scroll\", schedule);\n      resize?.disconnect();\n      mutation?.disconnect();\n      if (frame !== null) view.cancelAnimationFrame(frame);\n    };\n  }, [el, measure]);\n\n  const goUp = React.useCallback(() => {\n    if (!el) return;\n    const pending = pendingUpRef.current;\n    const from = pending !== null && pending < el.scrollTop ? pending : el.scrollTop;\n    // No message of mine above: go to the very top (a host loading older\n    // history there then gives UP more messages to step through).\n    const target = previousTranscriptAnchor(transcriptAnchorOffsets(el, anchorSelector), from) ?? 0;\n    if (target >= el.scrollTop) return;\n    pendingUpRef.current = target;\n    el.scrollTo({ top: target, behavior: \"smooth\" });\n  }, [el, anchorSelector]);\n\n  const goDown = React.useCallback(() => {\n    if (!el) return;\n    pendingUpRef.current = null;\n    el.scrollTo({ top: el.scrollHeight, behavior: \"smooth\" });\n  }, [el]);\n\n  return { canGoUp, canGoDown, goUp, goDown };\n}\n\nexport interface TranscriptScrollNavProps {\n  /** The transcript's scrolling element. */\n  scrollRef: React.RefObject<HTMLElement | null>;\n  /** Which rows the UP button steps through. Default: `[data-transcript-anchor=\"user\"]`. */\n  anchorSelector?: string | undefined;\n  /** Placement override applied to both corners (e.g. a different right inset). Default: `right-4`, UP `top-4`, DOWN `bottom-4`. */\n  className?: string | undefined;\n  upLabel?: string | undefined;\n  downLabel?: string | undefined;\n}\n\nexport function TranscriptScrollNav({\n  scrollRef,\n  anchorSelector = TRANSCRIPT_USER_ANCHOR_SELECTOR,\n  className,\n  upLabel = \"Previous message I sent\",\n  downLabel = \"Scroll to bottom\",\n}: TranscriptScrollNavProps) {\n  const { canGoUp, canGoDown, goUp, goDown } = useTranscriptScrollNav(scrollRef, anchorSelector);\n  if (!canGoUp && !canGoDown) return null;\n  return (\n    <TooltipProvider>\n      {canGoUp && (\n        <div\n          data-matrx-glass-plane=\"\"\n          data-transcript-scroll-nav=\"up\"\n          className={cn(\"absolute right-4 top-4 z-10 flex\", className)}\n        >\n          <TapTargetButton ariaLabel={upLabel} tooltip={upLabel} tooltipSide=\"left\" onClick={goUp}>\n            {/* lucide: arrow-up */}\n            <path d=\"m5 12 7-7 7 7\" />\n            <path d=\"M12 19V5\" />\n          </TapTargetButton>\n        </div>\n      )}\n      {canGoDown && (\n        <div\n          data-matrx-glass-plane=\"\"\n          data-transcript-scroll-nav=\"down\"\n          className={cn(\"absolute bottom-4 right-4 z-10 flex\", className)}\n        >\n          <TapTargetButton ariaLabel={downLabel} tooltip={downLabel} tooltipSide=\"left\" onClick={goDown}>\n            {/* lucide: arrow-down */}\n            <path d=\"M12 5v14\" />\n            <path d=\"m19 12-7 7-7-7\" />\n          </TapTargetButton>\n        </div>\n      )}\n    </TooltipProvider>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/value-prompts-dialog.js

@@ -7,7 +7,6 @@ import {
   Label
 } from "./chunk-XERGQT2M.js";
 import "./chunk-TDMVH77G.js";
-import "./chunk-IMQ3RX35.js";
 import {
   Dialog,
   DialogContent,
@@ -15,21 +14,22 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-DO6G4EKJ.js";
-import "./chunk-SNHCBHBE.js";
+} from "./chunk-UWTODOMD.js";
+import "./chunk-IMQ3RX35.js";
+import "./chunk-U24MOJWK.js";
 import "./chunk-NDTDBBMM.js";
 import "./chunk-LEPD6TV7.js";
 import "./chunk-BD77DHUO.js";
 import "./chunk-MOZRIHJF.js";
+import "./chunk-WAT2XW7L.js";
 import {
   Button
 } from "./chunk-7IOSA55D.js";
-import "./chunk-WAT2XW7L.js";
 import "./chunk-DGNHZBJY.js";
 import "./chunk-XIUVUL2Y.js";
+import "./chunk-YCUFQCJW.js";
 import "./chunk-IMOOQQOO.js";
 import "./chunk-M6KA5EHN.js";
-import "./chunk-YCUFQCJW.js";
 
 // src/value-prompts-dialog.tsx
 import * as React from "react";

package/dist/writing-field.cjs

@@ -1574,6 +1574,22 @@ function useTapSurface(explicit) {
 
 // src/tap-target/tap-features.tsx
 var import_react4 = require("react");
+
+// src/tap-shortcut.ts
+var IS_APPLE = typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent);
+function parseShortcut(shortcut) {
+  const parts = shortcut.toLowerCase().split("+");
+  const key = parts.pop() ?? "";
+  return { mod: parts.includes("mod"), shift: parts.includes("shift"), alt: parts.includes("alt"), key };
+}
+function formatTapShortcut(shortcut) {
+  const p = parseShortcut(shortcut);
+  const key = p.key.length === 1 ? p.key.toUpperCase() : p.key[0].toUpperCase() + p.key.slice(1);
+  if (IS_APPLE) return `${p.alt ? "\u2325" : ""}${p.shift ? "\u21E7" : ""}${p.mod ? "\u2318" : ""}${key}`;
+  return [p.mod && "Ctrl", p.alt && "Alt", p.shift && "Shift", key].filter(Boolean).join("+");
+}
+
+// src/tap-target/tap-features.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var TAP_TONE_CLASS = {
   default: "text-foreground",
@@ -1591,18 +1607,6 @@ var TAP_SOLID_TONE = {
   warning: { fill: "bg-warning group-hover/tap:bg-warning/85", glyph: "text-warning-foreground" },
   neutral: { fill: "bg-foreground group-hover/tap:bg-foreground/85", glyph: "text-background" }
 };
-var IS_APPLE = typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent);
-function parseShortcut(shortcut) {
-  const parts = shortcut.toLowerCase().split("+");
-  const key = parts.pop() ?? "";
-  return { mod: parts.includes("mod"), shift: parts.includes("shift"), alt: parts.includes("alt"), key };
-}
-function formatTapShortcut(shortcut) {
-  const p = parseShortcut(shortcut);
-  const key = p.key.length === 1 ? p.key.toUpperCase() : p.key[0].toUpperCase() + p.key.slice(1);
-  if (IS_APPLE) return `${p.alt ? "\u2325" : ""}${p.shift ? "\u21E7" : ""}${p.mod ? "\u2318" : ""}${key}`;
-  return [p.mod && "Ctrl", p.alt && "Alt", p.shift && "Shift", key].filter(Boolean).join("+");
-}
 function isTyping(target) {
   const el = target;
   return !!el && (el.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(el.tagName));