@ai-matrx/design-system 0.86.333 → 0.86.334

package/dist/index.cjs

@@ -255,6 +255,12 @@ function GlobeIcon(props) {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2 12h20" })
   ] });
 }
+function ClockIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...lucideProps("clock", props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "12 6 12 12 16 14" })
+  ] });
+}
 function RefreshCwIcon(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...lucideProps("refresh-cw", props), children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
@@ -334,6 +340,12 @@ function WorkflowIcon(props) {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "8", height: "8", x: "13", y: "13", rx: "2" })
   ] });
 }
+function CornerDownRightIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...lucideProps("corner-down-right", props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 10 20 15 15 20" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 4v7a4 4 0 0 0 4 4h12" })
+  ] });
+}
 function BadgeCheckIcon(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...lucideProps("badge-check", props), children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z" }),
@@ -354,6 +366,14 @@ function GemIcon(props) {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2 9h20" })
   ] });
 }
+function BellOffIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...lucideProps("bell-off", props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10.268 21a2 2 0 0 0 3.464 0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 .258-1.742" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m2 2 20 20" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05" })
+  ] });
+}
 function MailIcon(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...lucideProps("mail", props), children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" }),
@@ -3433,53 +3453,53 @@ function WritingBoxProvider({
   Box,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(WritingBoxContext.Provider, { value: Box, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(WritingBoxContext.Provider, { value: Box, children });
 }
 function useWritingBox() {
-  return React66.useContext(WritingBoxContext) ?? StandInBox;
+  return React67.useContext(WritingBoxContext) ?? StandInBox;
 }
 function WritingInputProvider({
   Box,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(WritingInputContext.Provider, { value: Box, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(WritingInputContext.Provider, { value: Box, children });
 }
 function useWritingInput() {
-  return React66.useContext(WritingInputContext) ?? StandInInput;
+  return React67.useContext(WritingInputContext) ?? StandInInput;
 }
-var React66, import_jsx_runtime97, KEY, registry4, WritingBoxContext, StandInBox, INPUT_KEY, inputRegistry, WritingInputContext, StandInInput;
+var React67, import_jsx_runtime98, KEY, registry4, WritingBoxContext, StandInBox, INPUT_KEY, inputRegistry, WritingInputContext, StandInInput;
 var init_writing_box = __esm({
   "src/writing-box.tsx"() {
     "use strict";
     "use client";
-    React66 = __toESM(require("react"), 1);
+    React67 = __toESM(require("react"), 1);
     init_input();
     init_textarea();
     init_stand_in_notice();
-    import_jsx_runtime97 = require("react/jsx-runtime");
+    import_jsx_runtime98 = require("react/jsx-runtime");
     KEY = /* @__PURE__ */ Symbol.for("@ai-matrx/design-system/writing-box");
     registry4 = globalThis;
-    WritingBoxContext = registry4[KEY] ?? (registry4[KEY] = React66.createContext(null));
+    WritingBoxContext = registry4[KEY] ?? (registry4[KEY] = React67.createContext(null));
     StandInBox = (props) => {
-      React66.useEffect(() => {
+      React67.useEffect(() => {
         announceStandIn(
           "writing-box",
           "A multi-line writing box drew as a plain Textarea (no mic, no read-aloud): the host did not mount <WritingBoxProvider Box={...}>."
         );
       }, []);
-      return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Textarea, { ...props, "data-writing-box-host": UNCONFIGURED });
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Textarea, { ...props, "data-writing-box-host": UNCONFIGURED });
     };
     INPUT_KEY = /* @__PURE__ */ Symbol.for("@ai-matrx/design-system/writing-input");
     inputRegistry = globalThis;
-    WritingInputContext = inputRegistry[INPUT_KEY] ?? (inputRegistry[INPUT_KEY] = React66.createContext(null));
+    WritingInputContext = inputRegistry[INPUT_KEY] ?? (inputRegistry[INPUT_KEY] = React67.createContext(null));
     StandInInput = (props) => {
-      React66.useEffect(() => {
+      React67.useEffect(() => {
         announceStandIn(
           "writing-input",
           "A one-line writing input drew as a plain Input (no mic, no read-aloud): the host did not mount <WritingInputProvider Box={...}>."
         );
       }, []);
-      return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Input, { ...props, "data-writing-box-host": UNCONFIGURED });
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Input, { ...props, "data-writing-box-host": UNCONFIGURED });
     };
   }
 });
@@ -3497,12 +3517,12 @@ function ClipboardFallbackDialog({
   description = "Press Cmd/Ctrl+C to copy, or use the Copy button below."
 }) {
   const multiline = url.includes("\n") || url.length > 120;
-  const inputRef = React68.useRef(null);
-  const [copied, setCopied] = React68.useState(false);
-  const [blocked, setBlocked] = React68.useState(false);
-  const copiedTimer = React68.useRef(void 0);
-  React68.useEffect(() => () => window.clearTimeout(copiedTimer.current), []);
-  React68.useEffect(() => {
+  const inputRef = React69.useRef(null);
+  const [copied, setCopied] = React69.useState(false);
+  const [blocked, setBlocked] = React69.useState(false);
+  const copiedTimer = React69.useRef(void 0);
+  React69.useEffect(() => () => window.clearTimeout(copiedTimer.current), []);
+  React69.useEffect(() => {
     if (!open) {
       setCopied(false);
       setBlocked(false);
@@ -3527,12 +3547,12 @@ function ClipboardFallbackDialog({
     inputRef.current?.focus();
     inputRef.current?.select();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(DialogContent, { size: "sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(DialogTitle, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(DialogDescription, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(DialogContent, { size: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(DialogTitle, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(DialogDescription, { children: description })
     ] }),
-    multiline ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    multiline ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       Textarea2,
       {
         mono: true,
@@ -3542,7 +3562,7 @@ function ClipboardFallbackDialog({
         rows: 8,
         onFocus: (event) => event.currentTarget.select()
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       Input2,
       {
         mono: true,
@@ -3552,29 +3572,29 @@ function ClipboardFallbackDialog({
         onFocus: (event) => event.currentTarget.select()
       }
     ),
-    blocked ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { role: "status", className: "text-sm text-destructive", children: "Still blocked. Press Cmd/Ctrl+C to copy." }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Close" }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Button, { type: "button", onClick: handleCopy, children: [
-        copied ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(CheckIcon, { className: "mr-2 h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(CopyIcon, { className: "mr-2 h-4 w-4" }),
+    blocked ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { role: "status", className: "text-sm text-destructive", children: "Still blocked. Press Cmd/Ctrl+C to copy." }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Close" }),
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(Button, { type: "button", onClick: handleCopy, children: [
+        copied ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(CheckIcon, { className: "mr-2 h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(CopyIcon, { className: "mr-2 h-4 w-4" }),
         copied ? "Copied" : "Copy"
       ] })
     ] })
   ] }) });
 }
-var React68, import_clipboard5, import_jsx_runtime99;
+var React69, import_clipboard5, import_jsx_runtime100;
 var init_clipboard_fallback_dialog = __esm({
   "src/clipboard-fallback-dialog.tsx"() {
     "use strict";
     "use client";
-    React68 = __toESM(require("react"), 1);
+    React69 = __toESM(require("react"), 1);
     import_clipboard5 = require("@ai-matrx/kit/clipboard");
     init_button();
     init_controls();
     init_doors();
     init_dialog();
     init_icons();
-    import_jsx_runtime99 = require("react/jsx-runtime");
+    import_jsx_runtime100 = require("react/jsx-runtime");
   }
 });
 
@@ -3605,52 +3625,52 @@ function AuthGateDialog({
   onNavigate
 }) {
   const unconfigured = signInHref === void 0 || signUpHref === void 0;
-  React69.useEffect(() => {
+  React70.useEffect(() => {
     if (isOpen && unconfigured) announceDefaultsOnce();
   }, [isOpen, unconfigured]);
   const go = (href) => {
     if (onNavigate) onNavigate(href);
     else window.location.assign(href);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     Dialog,
     {
       open: isOpen,
       onOpenChange: (open) => {
         if (!open) onClose();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(DialogContent, { size: "sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(DialogHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(DialogTitle, { children: "Sign in required" }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(DialogDescription, { children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(DialogContent, { size: "sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(DialogHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DialogTitle, { children: "Sign in required" }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(DialogDescription, { children: [
             featureName,
             " requires an account"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex flex-col items-center gap-5 pb-4 pt-2 text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(LockIcon, { className: "h-7 w-7 text-primary" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "max-w-[280px] text-sm leading-relaxed text-muted-foreground", children: featureDescription || `Sign in to use ${featureName}. Your current work will be right here when you get back.` }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex w-full max-w-[260px] flex-col gap-2.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col items-center gap-5 pb-4 pt-2 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(LockIcon, { className: "h-7 w-7 text-primary" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "max-w-[280px] text-sm leading-relaxed text-muted-foreground", children: featureDescription || `Sign in to use ${featureName}. Your current work will be right here when you get back.` }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex w-full max-w-[260px] flex-col gap-2.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
               Button,
               {
                 variant: "primary",
                 className: "w-full",
                 onClick: () => go(signInHref ?? DEFAULT_SIGN_IN),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(LogInIcon, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(LogInIcon, { className: "mr-2 h-4 w-4" }),
                   "Sign In"
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
               Button,
               {
                 variant: "outline",
                 className: "w-full",
                 onClick: () => go(signUpHref ?? DEFAULT_SIGN_UP),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(GemIcon, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(GemIcon, { className: "mr-2 h-4 w-4" }),
                   "Create Free Account"
                 ]
               }
@@ -3661,16 +3681,16 @@ function AuthGateDialog({
     }
   );
 }
-var React69, import_jsx_runtime100, DEFAULT_SIGN_IN, DEFAULT_SIGN_UP, announced2, auth_gate_dialog_default;
+var React70, import_jsx_runtime101, DEFAULT_SIGN_IN, DEFAULT_SIGN_UP, announced2, auth_gate_dialog_default;
 var init_auth_gate_dialog = __esm({
   "src/auth-gate-dialog.tsx"() {
     "use strict";
     "use client";
-    React69 = __toESM(require("react"), 1);
+    React70 = __toESM(require("react"), 1);
     init_button();
     init_dialog();
     init_icons();
-    import_jsx_runtime100 = require("react/jsx-runtime");
+    import_jsx_runtime101 = require("react/jsx-runtime");
     DEFAULT_SIGN_IN = "/login";
     DEFAULT_SIGN_UP = "/sign-up";
     announced2 = false;
@@ -3692,9 +3712,9 @@ function EmailInputDialog({
   description = "Enter your email address to receive the content.",
   submitLabel = "Send Email"
 }) {
-  const [email, setEmail] = React70.useState("");
-  const [loading, setLoading] = React70.useState(false);
-  const [error, setError] = React70.useState(null);
+  const [email, setEmail] = React71.useState("");
+  const [loading, setLoading] = React71.useState(false);
+  const [error, setError] = React71.useState(null);
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!email.trim()) {
@@ -3723,17 +3743,17 @@ function EmailInputDialog({
     setError(null);
     onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DialogContent, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("form", { onSubmit: handleSubmit, noValidate: true, className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(DialogTitle, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(MailIcon, { className: "h-5 w-5 text-primary" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DialogContent, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("form", { onSubmit: handleSubmit, noValidate: true, className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(DialogTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(MailIcon, { className: "h-5 w-5 text-primary" }),
         title
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DialogDescription, { children: description })
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Label4, { htmlFor: "email-input-dialog-email", children: "Email address" }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Label4, { htmlFor: "email-input-dialog-email", children: "Email address" }),
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
         Input2,
         {
           id: "email-input-dialog-email",
@@ -3748,9 +3768,9 @@ function EmailInputDialog({
           autoFocus: true
         }
       ),
-      error ? /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("p", { className: "text-sm text-destructive", children: [
+      error ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("p", { className: "text-sm text-destructive", children: [
         error,
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           ErrorActions,
           {
             message: error,
@@ -3761,34 +3781,34 @@ function EmailInputDialog({
         )
       ] }) : email.trim() && !isValidEmail(email.trim()) ? (
         // An offer, never a block: Send stays enabled; pressing it names the problem.
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-sm text-muted-foreground", "data-email-hint": true, children: "Not a full address yet, like you@example.com" })
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-sm text-muted-foreground", "data-email-hint": true, children: "Not a full address yet, like you@example.com" })
       ) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { type: "button", variant: "outline", onClick: handleClose, disabled: loading, children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { variant: "primary", type: "submit", disabled: loading || !email.trim(), children: loading ? /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Loader2Icon, { className: "mr-2 h-4 w-4 matrx-spin" }),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Button, { type: "button", variant: "outline", onClick: handleClose, disabled: loading, children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Button, { variant: "primary", type: "submit", disabled: loading || !email.trim(), children: loading ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Loader2Icon, { className: "mr-2 h-4 w-4 matrx-spin" }),
         "Sending..."
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(MailIcon, { className: "mr-2 h-4 w-4" }),
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(MailIcon, { className: "mr-2 h-4 w-4" }),
         submitLabel
       ] }) })
     ] })
   ] }) }) });
 }
-var React70, import_jsx_runtime101, isValidEmail, email_input_dialog_default;
+var React71, import_jsx_runtime102, isValidEmail, email_input_dialog_default;
 var init_email_input_dialog = __esm({
   "src/email-input-dialog.tsx"() {
     "use strict";
     "use client";
-    React70 = __toESM(require("react"), 1);
+    React71 = __toESM(require("react"), 1);
     init_button();
     init_doors();
     init_dialog();
     init_error_box();
     init_icons();
     init_label();
-    import_jsx_runtime101 = require("react/jsx-runtime");
+    import_jsx_runtime102 = require("react/jsx-runtime");
     isValidEmail = (email) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
     email_input_dialog_default = EmailInputDialog;
   }
@@ -3801,7 +3821,7 @@ __export(sandbox_gate_dialog_exports, {
 });
 function SandboxGateDialog({ open, onChoose, children }) {
   const noPanel = !children;
-  React71.useEffect(() => {
+  React72.useEffect(() => {
     if (open && noPanel) {
       announceStandIn(
         "sandbox-gate-panel",
@@ -3809,44 +3829,44 @@ function SandboxGateDialog({ open, onChoose, children }) {
       );
     }
   }, [open, noPanel]);
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     Dialog,
     {
       open,
       onOpenChange: (next) => {
         if (!next) onChoose("cancel");
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(DialogContent, { size: "md", className: "gap-4", ...noPanel ? { "data-sandbox-gate-panel": UNCONFIGURED } : {}, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(DialogHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(DialogTitle, { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(AlertTriangleIcon, { className: "h-4 w-4 text-warning" }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(DialogContent, { size: "md", className: "gap-4", ...noPanel ? { "data-sandbox-gate-panel": UNCONFIGURED } : {}, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(DialogHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(DialogTitle, { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(AlertTriangleIcon, { className: "h-4 w-4 text-warning" }),
             "Sandbox unavailable"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DialogDescription, { children: "This conversation is bound to a sandbox, but it can't be reached right now (it may be stopped, expired, or still starting). Nothing was sent. Attach or start a sandbox and retry, or send this message without a sandbox." })
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DialogDescription, { children: "This conversation is bound to a sandbox, but it can't be reached right now (it may be stopped, expired, or still starting). Nothing was sent. Attach or start a sandbox and retry, or send this message without a sandbox." })
         ] }),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "max-h-[50dvh] overflow-y-auto rounded-md border border-border", children }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(DialogFooter, { className: "gap-2 sm:justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Button, { variant: "ghost", onClick: () => onChoose("cancel"), children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Button, { variant: "outline", onClick: () => onChoose("detach"), children: "Send without sandbox" }),
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Button, { variant: "primary", onClick: () => onChoose("attach"), children: "Retry with sandbox" })
+        children ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "max-h-[50dvh] overflow-y-auto rounded-md border border-border", children }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(DialogFooter, { className: "gap-2 sm:justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { variant: "ghost", onClick: () => onChoose("cancel"), children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { variant: "outline", onClick: () => onChoose("detach"), children: "Send without sandbox" }),
+            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { variant: "primary", onClick: () => onChoose("attach"), children: "Retry with sandbox" })
           ] })
         ] })
       ] })
     }
   );
 }
-var React71, import_jsx_runtime102;
+var React72, import_jsx_runtime103;
 var init_sandbox_gate_dialog = __esm({
   "src/sandbox-gate-dialog.tsx"() {
     "use strict";
     "use client";
-    React71 = __toESM(require("react"), 1);
+    React72 = __toESM(require("react"), 1);
     init_button();
     init_stand_in_notice();
     init_dialog();
     init_icons();
-    import_jsx_runtime102 = require("react/jsx-runtime");
+    import_jsx_runtime103 = require("react/jsx-runtime");
   }
 });
 
@@ -3860,10 +3880,10 @@ function ScopeSetList({
   items,
   renderScope
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: heading }),
-    items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "text-sm text-muted-foreground", children: "None" }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("ul", { className: "flex flex-col gap-0.5", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("li", { className: "flex min-w-0 items-center gap-1 text-sm text-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("span", { className: "shrink-0 text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: heading }),
+    items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "text-sm text-muted-foreground", children: "None" }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("ul", { className: "flex flex-col gap-0.5", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("li", { className: "flex min-w-0 items-center gap-1 text-sm text-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { className: "shrink-0 text-muted-foreground", children: [
         item.typeLabel,
         ":"
       ] }),
@@ -3879,7 +3899,7 @@ function ScopeMismatchDialog({
   renderScope = plainScope
 }) {
   const plain = renderScope === plainScope;
-  React72.useEffect(() => {
+  React73.useEffect(() => {
     if (open && plain) {
       announceStandIn(
         "scope-mismatch-render",
@@ -3887,42 +3907,42 @@ function ScopeMismatchDialog({
       );
     }
   }, [open, plain]);
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     Dialog,
     {
       open,
       onOpenChange: (next) => {
         if (!next) onChoose("cancel");
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(DialogContent, { size: "md", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(DialogHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DialogTitle, { children: "This chat's scopes differ from your current selection" }),
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DialogDescription, { children: "Choose which scopes this chat should run under. Dismissing cancels the send \u2014 your message stays in the composer." })
+      children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(DialogContent, { size: "md", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(DialogHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DialogTitle, { children: "This chat's scopes differ from your current selection" }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DialogDescription, { children: "Choose which scopes this chat should run under. Dismissing cancels the send \u2014 your message stays in the composer." })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "grid gap-4 py-1 sm:grid-cols-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ScopeSetList, { heading: "Current selection", items: current, renderScope }),
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ScopeSetList, { heading: "This chat's scopes", items: chat, renderScope })
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "grid gap-4 py-1 sm:grid-cols-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ScopeSetList, { heading: "Current selection", items: current, renderScope }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ScopeSetList, { heading: "This chat's scopes", items: chat, renderScope })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(DialogFooter, { className: "flex-col gap-2 sm:flex-row sm:justify-end", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { type: "button", variant: "outline", onClick: () => onChoose("keep"), children: "Keep chat's scopes" }),
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { type: "button", variant: "outline", onClick: () => onChoose("combine"), children: "Combine both" }),
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { variant: "primary", type: "button", onClick: () => onChoose("update"), children: "Use current selection" })
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(DialogFooter, { className: "flex-col gap-2 sm:flex-row sm:justify-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { type: "button", variant: "outline", onClick: () => onChoose("keep"), children: "Keep chat's scopes" }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { type: "button", variant: "outline", onClick: () => onChoose("combine"), children: "Combine both" }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { variant: "primary", type: "button", onClick: () => onChoose("update"), children: "Use current selection" })
         ] })
       ] })
     }
   );
 }
-var React72, import_jsx_runtime103, plainScope;
+var React73, import_jsx_runtime104, plainScope;
 var init_scope_mismatch_dialog = __esm({
   "src/scope-mismatch-dialog.tsx"() {
     "use strict";
     "use client";
-    React72 = __toESM(require("react"), 1);
+    React73 = __toESM(require("react"), 1);
     init_button();
     init_stand_in_notice();
     init_dialog();
-    import_jsx_runtime103 = require("react/jsx-runtime");
-    plainScope = (item) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "truncate", "data-scope-mismatch-host": UNCONFIGURED, children: item.name });
+    import_jsx_runtime104 = require("react/jsx-runtime");
+    plainScope = (item) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "truncate", "data-scope-mismatch-host": UNCONFIGURED, children: item.name });
   }
 });
 
@@ -3941,32 +3961,32 @@ function initialAnswers(req) {
 function ValuePromptsDialog({ request, open, onSettle: settle }) {
   const WritingBox = useWritingBox();
   const WritingInput = useWritingInput();
-  const [answers, setAnswers] = React73.useState(
+  const [answers, setAnswers] = React74.useState(
     () => request ? initialAnswers(request) : {}
   );
-  const [seen, setSeen] = React73.useState(request);
+  const [seen, setSeen] = React74.useState(request);
   if (request !== seen) {
     setSeen(request);
     setAnswers(request ? initialAnswers(request) : {});
   }
   const missingRequired = !!request?.fields.some((f) => f.required && !(answers[f.name] ?? "").trim());
-  const submit = React73.useCallback(() => {
+  const submit = React74.useCallback(() => {
     if (!request || missingRequired) return;
     settle(answers);
   }, [request, answers, missingRequired, settle]);
   const only = request?.fields.length === 1 ? request.fields[0] : void 0;
   const single = only && !(answers[only.name] ?? "").includes("\n") ? only : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Dialog, { open, onOpenChange: (next) => !next && request && settle(null), children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(DialogContent, { size: "sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DialogTitle, { children: request?.title ?? "" }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DialogDescription, { className: request?.description ? void 0 : "sr-only", children: request?.description ?? request?.title ?? "" })
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Dialog, { open, onOpenChange: (next) => !next && request && settle(null), children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DialogContent, { size: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(DialogTitle, { children: request?.title ?? "" }),
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(DialogDescription, { className: request?.description ? void 0 : "sr-only", children: request?.description ?? request?.title ?? "" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex flex-col gap-4 py-1", children: request?.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Label4, { htmlFor: `value-prompt-${field.name}`, className: "text-sm text-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "flex flex-col gap-4 py-1", children: request?.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Label4, { htmlFor: `value-prompt-${field.name}`, className: "text-sm text-foreground", children: [
         field.prompt,
-        field.required ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "ml-1 text-destructive", children: "*" }) : null
+        field.required ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "ml-1 text-destructive", children: "*" }) : null
       ] }),
-      single?.name === field.name ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      single?.name === field.name ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
         WritingInput,
         {
           id: `value-prompt-${field.name}`,
@@ -3984,7 +4004,7 @@ function ValuePromptsDialog({ request, open, onSettle: settle }) {
             }
           }
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
         WritingBox,
         {
           id: `value-prompt-${field.name}`,
@@ -3997,23 +4017,23 @@ function ValuePromptsDialog({ request, open, onSettle: settle }) {
         }
       )
     ] }, field.name)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { type: "button", variant: "outline", onClick: () => settle(null), children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { type: "button", variant: "primary", onClick: submit, disabled: missingRequired, children: request?.submitLabel ?? "Continue" })
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Button, { type: "button", variant: "outline", onClick: () => settle(null), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Button, { type: "button", variant: "primary", onClick: submit, disabled: missingRequired, children: request?.submitLabel ?? "Continue" })
     ] })
   ] }) });
 }
-var React73, import_jsx_runtime104;
+var React74, import_jsx_runtime105;
 var init_value_prompts_dialog = __esm({
   "src/value-prompts-dialog.tsx"() {
     "use strict";
     "use client";
-    React73 = __toESM(require("react"), 1);
+    React74 = __toESM(require("react"), 1);
     init_button();
     init_dialog();
     init_label();
     init_writing_box();
-    import_jsx_runtime104 = require("react/jsx-runtime");
+    import_jsx_runtime105 = require("react/jsx-runtime");
   }
 });
 
@@ -4056,11 +4076,11 @@ function TextInputDialog({
 }) {
   const isMobile = (0, import_media_query.useIsMobile)();
   const ProTextarea = useWritingBox();
-  const [value, setValue] = React74.useState(defaultValue);
-  const [error, setError] = React74.useState(null);
-  const openerRef = React74.useRef(null);
-  const lastPointerTargetRef = React74.useRef(null);
-  React74.useEffect(() => {
+  const [value, setValue] = React75.useState(defaultValue);
+  const [error, setError] = React75.useState(null);
+  const openerRef = React75.useRef(null);
+  const lastPointerTargetRef = React75.useRef(null);
+  React75.useEffect(() => {
     const remember = (event) => {
       const target = event.target;
       lastPointerTargetRef.current = target instanceof HTMLElement ? target.closest("button") ?? target : null;
@@ -4068,20 +4088,20 @@ function TextInputDialog({
     document.addEventListener("pointerdown", remember, true);
     return () => document.removeEventListener("pointerdown", remember, true);
   }, []);
-  React74.useEffect(() => {
+  React75.useEffect(() => {
     if (open) openerRef.current = lastPointerTargetRef.current;
   }, [open]);
-  const pointIsOnOpener = React74.useCallback(
+  const pointIsOnOpener = React75.useCallback(
     (event) => isPointOnOpener(openerRef.current, event),
     []
   );
-  React74.useEffect(() => {
+  React75.useEffect(() => {
     if (open) {
       setValue(defaultValue);
       setError(null);
     }
   }, [open, defaultValue]);
-  const submit = React74.useCallback(() => {
+  const submit = React75.useCallback(() => {
     const trimmed = value.trim();
     if (!trimmed && !allowEmpty) {
       setError("Required");
@@ -4101,8 +4121,8 @@ function TextInputDialog({
     if (busy) return;
     submit();
   };
-  const body = /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("form", { onSubmit: handleFormSubmit, className: "space-y-2", children: [
-    multiline ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+  const body = /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("form", { onSubmit: handleFormSubmit, className: "space-y-2", children: [
+    multiline ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
       ProTextarea,
       {
         autoFocus: true,
@@ -4122,7 +4142,7 @@ function TextInputDialog({
         "aria-invalid": !!error,
         "aria-describedby": error ? "text-input-dialog-error" : void 0
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
       Input2,
       {
         autoFocus: true,
@@ -4138,14 +4158,14 @@ function TextInputDialog({
         "aria-describedby": error ? "text-input-dialog-error" : void 0
       }
     ),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("p", { id: "text-input-dialog-error", className: "text-sm text-destructive", children: [
+    error ? /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("p", { id: "text-input-dialog-error", className: "text-sm text-destructive", children: [
       error,
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ErrorActions, { message: error, operation: "Enter a value", source: "inline", origin: "design-system/TextInputDialog" })
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ErrorActions, { message: error, operation: "Enter a value", source: "inline", origin: "design-system/TextInputDialog" })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": true })
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": true })
   ] });
-  const buttons = /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+  const buttons = /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_jsx_runtime106.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
       Button,
       {
         type: "button",
@@ -4155,22 +4175,22 @@ function TextInputDialog({
         children: cancelLabel
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Button, { type: "button", onClick: submit, disabled: busy || !allowEmpty && !value.trim(), children: [
-      busy ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Loader2Icon, { className: "mr-2 h-4 w-4 matrx-spin" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Button, { type: "button", onClick: submit, disabled: busy || !allowEmpty && !value.trim(), children: [
+      busy ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Loader2Icon, { className: "mr-2 h-4 w-4 matrx-spin" }) : null,
       confirmLabel
     ] })
   ] });
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Drawer, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DrawerContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DrawerHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(DrawerTitle, { children: title }),
-        description ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(DrawerDescription, { children: description }) : null
+    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Drawer, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(DrawerContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(DrawerHeader, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(DrawerTitle, { children: title }),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(DrawerDescription, { children: description }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "px-4 pb-2", children: body }),
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(DrawerFooter, { className: "flex-row justify-end gap-2", children: buttons })
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "px-4 pb-2", children: body }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(DrawerFooter, { className: "flex-row justify-end gap-2", children: buttons })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
     DialogContent,
     {
       className: "sm:max-w-md",
@@ -4180,22 +4200,22 @@ function TextInputDialog({
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DialogHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(DialogTitle, { children: title }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(DialogDescription, { children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(DialogHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(DialogTitle, { children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(DialogDescription, { children: description }) : null
         ] }),
         body,
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(DialogFooter, { children: buttons })
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(DialogFooter, { children: buttons })
       ]
     }
   ) });
 }
-var React74, import_jsx_runtime105;
+var React75, import_jsx_runtime106;
 var init_text_input_dialog = __esm({
   "src/text-input-dialog.tsx"() {
     "use strict";
     "use client";
-    React74 = __toESM(require("react"), 1);
+    React75 = __toESM(require("react"), 1);
     init_icons();
     init_cn();
     init_button();
@@ -4206,7 +4226,7 @@ var init_text_input_dialog = __esm({
     init_writing_box();
     init_opener_reclick();
     init_error_box();
-    import_jsx_runtime105 = require("react/jsx-runtime");
+    import_jsx_runtime106 = require("react/jsx-runtime");
   }
 });
 
@@ -4247,6 +4267,8 @@ __export(src_exports, {
   AppRailSpacer: () => AppRailSpacer,
   ArchiveFilter: () => ArchiveFilter,
   ArchivedDisclosure: () => ArchivedDisclosure,
+  AssistPeekCard: () => AssistPeekCard,
+  AssistPeekHover: () => AssistPeekHover,
   AuthGateDialog: () => AuthGateDialog2,
   Avatar: () => Avatar,
   AvatarFallback: () => AvatarFallback,
@@ -12610,7 +12632,7 @@ var PeekCard = React58.forwardRef((allProps, ref) => {
         // Every height is capped by the room the host left (`--matrx-peek-room`, set by the hover
         // and click hosts from the popper's available height), so a card that cannot fit above or
         // below its trigger shrinks and scrolls inside instead of leaving the screen.
-        ...height === "fixed" || loading ? { height: `min(${box.height}px, var(${PEEK_ROOM_VAR}, 100vh))` } : {
+        ...height === "content" ? { maxHeight: `min(${box.height}px, var(${PEEK_ROOM_VAR}, 100vh))` } : height === "fixed" || loading ? { height: `min(${box.height}px, var(${PEEK_ROOM_VAR}, 100vh))` } : {
           minHeight: `min(${box.minHeight}px, var(${PEEK_ROOM_VAR}, 100vh))`,
           maxHeight: `min(${box.height}px, var(${PEEK_ROOM_VAR}, 100vh))`
         }
@@ -12927,16 +12949,44 @@ function recordDoors(doors) {
       href: door.href,
       newTab: door.newTab,
       inMenu: known.inMenu,
-      busy: door.busy
+      busy: door.busy,
+      menu: door.kind === "action" && door.menu?.length ? door.menu : void 0
     });
   }
   return out;
 }
 var PEEK_SHEET_FOOTER_SLOTS = 4;
 var PEEK_DOOR = "flex shrink-0 items-center justify-center rounded-md text-foreground transition-colors hover:bg-accent hover:text-primary disabled:text-disabled-foreground disabled:hover:bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary";
+function MenuDoor({ action, menu, disabled }) {
+  const { sheet } = usePeekCard();
+  const [open, setOpen] = React58.useState(false);
+  usePeekHoldWhile(open);
+  const glyph = sheet ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(action.icon, { className: "size-5" }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(action.icon, { className: "size-3.5" });
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(DropdownMenu, { modal: false, open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+      Button2,
+      {
+        type: "button",
+        variant: "quiet",
+        "aria-label": action.label,
+        title: action.label,
+        icon: action.busy ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Loader2Icon, { className: "animate-spin" }) : glyph,
+        className: "shrink-0",
+        disabled: disabled || action.busy,
+        onClick: (event) => event.stopPropagation()
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(DropdownMenuContent, { align: "end", "data-peek-no-drag": "", children: menu.map((group, i) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(React58.Fragment, { children: [
+      i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(DropdownMenuSeparator, {}) : null,
+      group.label ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(DropdownMenuLabel, { children: group.label }) : null,
+      group.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(DropdownMenuItem, { ...item.tone ? { tone: item.tone } : {}, onSelect: () => item.onSelect(), children: item.label }, item.key))
+    ] }, `${group.label ?? ""}-${i}`)) })
+  ] });
+}
 function FooterDoor({ action, disabled = false }) {
   const { sheet } = usePeekCard();
   const { Link } = useMatrxDataTableHost();
+  if (action.menu) return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(MenuDoor, { action, menu: action.menu, disabled });
   const box = sheet ? "size-11" : "size-7";
   const glyph = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(action.icon, { className: sheet ? "size-5" : "size-3.5" });
   if (action.href && !disabled && !action.newTab && Link) {
@@ -13113,7 +13163,7 @@ function useDoorsThatFit(row, primaryRef, opts) {
   }, [row, primaryRef, doorPx, fixedDoors, fills, hasPrimary, sheet, actionCount]);
   return fit;
 }
-function PeekCardFooter({ primary, onSettings, doors = [], copy, openHref }) {
+function PeekCardFooter({ primary, primaryAt, onSettings, doors = [], copy, openHref }) {
   const { density, size, orientation, loading, sheet } = usePeekCard();
   const row = React58.useRef(null);
   const primaryRef = React58.useRef(null);
@@ -13121,8 +13171,8 @@ function PeekCardFooter({ primary, onSettings, doors = [], copy, openHref }) {
   const [moreOpen, setMoreOpen] = React58.useState(false);
   const actions2 = recordDoors(doors);
   const open = openHref ? { icon: ExternalLinkIcon, label: "Open in new tab", href: openHref, newTab: true } : null;
-  const fixedDoors = [settings, copy, open].filter(Boolean).length;
-  const fills = Boolean(sheet) || orientation === "portrait";
+  const fixedDoors = [settings, copy, open].filter(Boolean).length + actions2.filter((action) => action.menu).length;
+  const fills = Boolean(sheet) || (primaryAt ?? (orientation === "portrait" ? "fill" : "end")) === "fill";
   const measured = useDoorsThatFit(row, primaryRef, {
     doorPx: sheet ? 44 : 28,
     fixedDoors,
@@ -13132,8 +13182,9 @@ function PeekCardFooter({ primary, onSettings, doors = [], copy, openHref }) {
     actionCount: actions2.length
   });
   const room = measured ?? (sheet ? PEEK_SHEET_FOOTER_SLOTS : PEEK_CARD_FOOTER_SLOTS[size]) - fixedDoors;
-  const inline = actions2.filter((action) => !action.inMenu);
+  const inline = actions2.filter((action) => !action.inMenu && !action.menu);
   const menuOnly = actions2.filter((action) => action.inMenu);
+  const menuDoors = actions2.filter((action) => action.menu);
   const inlineRoom = menuOnly.length ? Math.max(0, room - 1) : room;
   const shown = inline.length <= inlineRoom ? inline : inline.slice(0, Math.max(0, inlineRoom - (menuOnly.length ? 0 : 1)));
   const overflow = [...inline.slice(shown.length), ...menuOnly];
@@ -13146,7 +13197,9 @@ function PeekCardFooter({ primary, onSettings, doors = [], copy, openHref }) {
       variant: "primary",
       className: cn("mx-1", fills && "flex-1"),
       style: fills ? { minWidth: PEEK_PRIMARY_MIN_PX[sheet ? "sheet" : "card"] } : void 0,
-      disabled: loading,
+      disabled: loading || primary.disabled || primary.busy,
+      title: primary.title,
+      icon: primary.busy ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Loader2Icon, { className: "animate-spin" }) : void 0,
       onClick: primary.onClick,
       children: primary.label
     }
@@ -13174,6 +13227,7 @@ function PeekCardFooter({ primary, onSettings, doors = [], copy, openHref }) {
           settings ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(FooterDoor, { action: settings, disabled: loading }) : null,
           fills && primaryButton ? primaryButton : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "flex-1" }),
           more,
+          menuDoors.map((action, i) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(FooterDoor, { action, disabled: loading }, `menu-${action.label}-${i}`)),
           shown.map((action, i) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(FooterDoor, { action, disabled: loading }, `${action.label}-${i}`)),
           copy ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(PeekCopyDoor, { copy, disabled: loading }) : null,
           open ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(FooterDoor, { action: open, disabled: loading }) : null,
@@ -13231,7 +13285,7 @@ function PeekHoverCard(props) {
     {
       openDelay: Math.max(HOVER_CARD_OPEN_DELAY_MS, HOVER_CARD_OPEN_DELAY_FLOOR_MS),
       closeDelay: HOVER_CARD_CLOSE_DELAY_MS,
-      open: open ?? (hovered || held),
+      open: (open ?? hovered) || held,
       onOpenChange: (next) => {
         setHovered(next);
         onOpenChange?.(next);
@@ -14467,12 +14521,147 @@ var AddTile = React62.forwardRef(function AddTile2({ icon, className, children,
   );
 });
 
+// src/assist-peek.tsx
+var React63 = __toESM(require("react"), 1);
+var import_react_slot7 = require("@radix-ui/react-slot");
+init_controls();
+init_icons();
+init_use_is_mobile();
+var import_jsx_runtime94 = require("react/jsx-runtime");
+function AssistPeekCard({
+  title,
+  icon: Icon3,
+  subtitle,
+  children,
+  why,
+  evidence,
+  yourNote,
+  explainer,
+  primary,
+  later,
+  stopShowing,
+  deciding = false,
+  onNotNow,
+  step
+}) {
+  const laterDoor = later?.length ? { kind: "action", id: "later", label: "Later", icon: ClockIcon, menu: later, busy: deciding } : null;
+  const stopDoor = stopShowing?.length ? { kind: "action", id: "stop", label: "Stop showing", icon: BellOffIcon, menu: stopShowing, busy: deciding } : null;
+  const doors = laterDoor && stopDoor ? [laterDoor, stopDoor] : laterDoor ? [laterDoor] : stopDoor ? [stopDoor] : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(PeekCard, { size: "xl", height: "content", "data-matrx-assist-peek": "", "data-matrx-notice-surface": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      PeekCardHeader,
+      {
+        title,
+        leading: Icon3 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Icon3, {}) : void 0,
+        subtitle,
+        trailing: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Button2, { type: "button", variant: "quiet", "aria-label": "Not now", title: "Not now", icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(XIcon, {}), disabled: Boolean(primary.busy) || deciding, onClick: onNotNow })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(PeekCardBody, { children: [
+      children ? (
+        // The explanation is what the person came to read: 14px (the size the host's markdown
+        // paragraphs draw at), one step above the card's secondary sections.
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { "data-matrx-assist-body": "", className: "type-value min-w-0 break-words text-foreground", children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "whitespace-pre-wrap", children }) : children })
+      ) : null,
+      why ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PeekCardSection, { label: "Why", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PeekCardText, { children: why }) }) : null,
+      evidence ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(EvidenceSection, { evidence }) : null,
+      yourNote ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PeekCardSection, { label: "Your note", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PeekCardText, { children: yourNote }) }) : null,
+      explainer ? (
+        // What pressing the verb will do, hung off a return arrow like a consequence.
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PeekCardRow, { icon: CornerDownRightIcon, tone: "muted", wrap: true, children: explainer })
+      ) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PeekCardSection, { label: "Not available here", tone: "danger", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PeekCardText, { children: "This version of the app does not know how to do this." }) }),
+      step
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      PeekCardFooter,
+      {
+        primaryAt: "end",
+        primary: { ...primary, disabled: Boolean(primary.disabled) || explainer === null || deciding },
+        doors
+      }
+    )
+  ] });
+}
+function EvidenceSection({ evidence }) {
+  const items = evidence.items ?? [];
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(PeekCardSection, { label: "What we saw", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      PeekCardRows,
+      {
+        rows: [{ key: "evidence", text: evidence.label, title: evidence.label, href: evidence.href }]
+      }
+    ),
+    evidence.snippet ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PeekCardText, { clamp: 4, breaks: true, children: evidence.snippet }) : null,
+    items.length ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PeekCardRows, { limit: 6, rows: items.map((item, i) => ({ key: `${i}-${item}`, text: item, title: item })) }) : null
+  ] });
+}
+function inCardMenu(target) {
+  return target instanceof Element && target.closest("[data-radix-menu-content]") !== null;
+}
+function AssistPeekHover({ trigger, label, side = "top", align = "end", presentation, children }) {
+  const [hovered, setHovered] = React63.useState(false);
+  const [kept, setKept] = React63.useState(false);
+  const isMobile = (0, import_media_query.useIsMobile)();
+  const sheet = presentation === "sheet" || presentation !== "float" && isMobile;
+  const card = React63.useRef(null);
+  const close = React63.useCallback(() => {
+    setHovered(false);
+    setKept(false);
+  }, []);
+  React63.useEffect(() => {
+    if (!kept) return;
+    const onPress = (event) => {
+      if (card.current?.contains(event.target) || inCardMenu(event.target)) return;
+      close();
+    };
+    const onKey = (event) => {
+      if (event.key !== "Escape" || document.querySelector("[data-radix-menu-content]")) return;
+      close();
+    };
+    document.addEventListener("pointerdown", onPress, true);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("pointerdown", onPress, true);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [kept, close]);
+  const keep = () => {
+    setHovered(true);
+    setKept(true);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    PeekHoverCard,
+    {
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        import_react_slot7.Slot,
+        {
+          onClick: (event) => {
+            event.stopPropagation();
+            keep();
+          },
+          children: trigger
+        }
+      ),
+      label,
+      side,
+      align,
+      open: hovered || kept,
+      onOpenChange: (next) => {
+        setHovered(next);
+        if (!next && (sheet || !kept)) close();
+      },
+      ...presentation ? { presentation } : {},
+      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { ref: card, onPointerDownCapture: keep, onFocusCapture: keep, children: children(close) })
+    }
+  );
+}
+
 // src/radio-group.tsx
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
-var React63 = __toESM(require("react"), 1);
+var React64 = __toESM(require("react"), 1);
 init_cn();
-var import_jsx_runtime94 = require("react/jsx-runtime");
-var RadioGroupSizeContext = React63.createContext("md");
+var import_jsx_runtime95 = require("react/jsx-runtime");
+var RadioGroupSizeContext = React64.createContext("md");
 var CONTROL_CLASSES = {
   sm: "h-3.5 w-3.5",
   md: "h-4 w-4",
@@ -14483,7 +14672,7 @@ var DOT_CLASSES = {
   md: "h-1.5 w-1.5",
   lg: "h-2 w-2"
 };
-var RadioGroup3 = React63.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(RadioGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+var RadioGroup3 = React64.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(RadioGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -14493,10 +14682,10 @@ var RadioGroup3 = React63.forwardRef(({ className, size = "md", ...props }, ref)
   }
 ) }));
 RadioGroup3.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React63.forwardRef(({ className, size, ...props }, ref) => {
-  const groupSize = React63.useContext(RadioGroupSizeContext);
+var RadioGroupItem = React64.forwardRef(({ className, size, ...props }, ref) => {
+  const groupSize = React64.useContext(RadioGroupSizeContext);
   const resolved = size ?? groupSize;
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -14513,7 +14702,7 @@ var RadioGroupItem = React63.forwardRef(({ className, size, ...props }, ref) =>
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
         "div",
         {
           className: cn("rounded-full bg-primary-foreground", DOT_CLASSES[resolved])
@@ -14531,8 +14720,8 @@ function RadioList({
   className,
   "aria-label": ariaLabel
 }) {
-  const baseId = React63.useId();
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  const baseId = React64.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     RadioGroup3,
     {
       value,
@@ -14543,7 +14732,7 @@ function RadioList({
       children: options.map((opt, i) => {
         const selected = value === opt.value;
         const id = `${baseId}-${i}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
           "label",
           {
             htmlFor: id,
@@ -14554,9 +14743,9 @@ function RadioList({
               opt.disabled && "cursor-not-allowed text-disabled-foreground"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(RadioGroupItem, { id, value: opt.value, disabled: opt.disabled }),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "flex-1 truncate", children: opt.label }),
-              opt.hint != null && opt.hint !== "" ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: opt.hint }) : null
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(RadioGroupItem, { id, value: opt.value, disabled: opt.disabled }),
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "flex-1 truncate", children: opt.label }),
+              opt.hint != null && opt.hint !== "" ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: opt.hint }) : null
             ]
           },
           opt.value
@@ -14570,9 +14759,9 @@ function RadioList({
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
 var import_class_variance_authority7 = require("class-variance-authority");
-var React64 = __toESM(require("react"), 1);
+var React65 = __toESM(require("react"), 1);
 init_cn();
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority7.cva)(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
@@ -14598,7 +14787,7 @@ var toggleVariants = (0, import_class_variance_authority7.cva)(
     }
   }
 );
-var Toggle = React64.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+var Toggle = React65.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
   TogglePrimitive.Root,
   {
     ref,
@@ -14608,21 +14797,21 @@ var Toggle = React64.forwardRef(({ className, variant, size, ...props }, ref) =>
   }
 ));
 Toggle.displayName = TogglePrimitive.Root.displayName;
-var ToggleGroupContext = React64.createContext({ size: "default", variant: "default" });
-var ToggleGroup = React64.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+var ToggleGroupContext = React65.createContext({ size: "default", variant: "default" });
+var ToggleGroup = React65.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
   ToggleGroupPrimitive.Root,
   {
     ref,
     "data-slot": "toggle-group",
     className: cn("flex items-center justify-center gap-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children })
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React64.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React64.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+var ToggleGroupItem = React65.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React65.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -14642,12 +14831,12 @@ var ToggleGroupItem = React64.forwardRef(({ className, children, variant, size,
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/floating-dock.tsx
-var React65 = __toESM(require("react"), 1);
+var React66 = __toESM(require("react"), 1);
 init_cn();
 init_icons();
 init_controls();
 init_motion();
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var BASE_SIZE = 40;
 var BASE_ICON = 20;
 var REACH = 150;
@@ -14667,29 +14856,29 @@ function FloatingDock({
   growthFactor = 2,
   labelPosition = "top"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: cn("flex w-auto items-center justify-center bg-background", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(FloatingDockPhone, { items }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(FloatingDockDesktop, { items, growthFactor, labelPosition })
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: cn("flex w-auto items-center justify-center bg-background", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(FloatingDockPhone, { items }),
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(FloatingDockDesktop, { items, growthFactor, labelPosition })
   ] });
 }
 function BalancedFloatingDock(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(FloatingDock, { growthFactor: 1.8, labelPosition: "side", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(FloatingDock, { growthFactor: 1.8, labelPosition: "side", ...props });
 }
 function FloatingDockPhone({ items }) {
-  const [open, setOpen] = React65.useState(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "relative block md:hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  const [open, setOpen] = React66.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "relative block md:hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       Button2,
       {
         type: "button",
         variant: "quiet",
         "aria-label": open ? "Close menu" : "Open menu",
-        icon: open ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(PanelTopCloseIcon, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(PanelTopOpenIcon, { className: "h-5 w-5" }),
+        icon: open ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(PanelTopCloseIcon, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(PanelTopOpenIcon, { className: "h-5 w-5" }),
         "aria-expanded": open,
         onClick: () => setOpen(!open)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       "div",
       {
         "data-open": open,
@@ -14699,32 +14888,32 @@ function FloatingDockPhone({ items }) {
           PANEL_MOTION_CLASS,
           open ? "translate-y-0" : "pointer-events-none -translate-y-full"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex h-full flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("h2", { className: "text-lg font-medium", children: "Menu" }),
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex h-full flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("h2", { className: "text-lg font-medium", children: "Menu" }),
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
               Button2,
               {
                 type: "button",
                 variant: "quiet",
                 "aria-label": "Close menu",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(XIcon, { className: "h-6 w-6" }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(XIcon, { className: "h-6 w-6" }),
                 onClick: () => setOpen(false)
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex-1 overflow-y-auto", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex-1 overflow-y-auto", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
             HostLink,
             {
               href: item.href,
               className: "flex items-center justify-between border-b border-border p-4",
               onClick: () => setOpen(false),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center space-x-4", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "h-5 w-5 [&>svg]:h-full [&>svg]:w-full", children: item.icon }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "font-medium", children: item.label })
+                /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center space-x-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "h-5 w-5 [&>svg]:h-full [&>svg]:w-full", children: item.icon }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "font-medium", children: item.label })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ChevronRightIcon, { className: "h-5 w-5 text-muted-foreground" })
+                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ChevronRightIcon, { className: "h-5 w-5 text-muted-foreground" })
               ]
             },
             item.label
@@ -14739,9 +14928,9 @@ function FloatingDockDesktop({
   growthFactor,
   labelPosition
 }) {
-  const circles = React65.useRef([]);
-  const [pointerX, setPointerX] = React65.useState(null);
-  const [centers, setCenters] = React65.useState([]);
+  const circles = React66.useRef([]);
+  const [pointerX, setPointerX] = React66.useState(null);
+  const [centers, setCenters] = React66.useState([]);
   const measure = (x) => {
     setPointerX(x);
     setCenters(
@@ -14751,7 +14940,7 @@ function FloatingDockDesktop({
       })
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     "div",
     {
       onMouseMove: (e) => measure(e.clientX),
@@ -14765,8 +14954,8 @@ function FloatingDockDesktop({
         const size = dockSize(BASE_SIZE, growthFactor, distance);
         const icon = dockSize(BASE_ICON, growthFactor, distance);
         const under = Number.isFinite(distance) && Math.abs(distance) < BASE_SIZE / 2;
-        return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(HostLink, { href: item.href, "aria-label": item.label, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "relative", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(HostLink, { href: item.href, "aria-label": item.label, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             "div",
             {
               ref: (el) => {
@@ -14777,7 +14966,7 @@ function FloatingDockDesktop({
                 "relative flex aspect-square items-center justify-center rounded-full bg-muted transition-[width,height]",
                 MAGNIFY_MOTION
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                 "div",
                 {
                   style: { width: icon, height: icon },
@@ -14790,7 +14979,7 @@ function FloatingDockDesktop({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             "div",
             {
               "data-shown": under,
@@ -14815,18 +15004,18 @@ init_motion();
 init_writing_box();
 
 // src/deferred-dialog.tsx
-var React67 = __toESM(require("react"), 1);
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var React68 = __toESM(require("react"), 1);
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function deferredDialog(name, load, isOpen) {
   let pending = null;
   const preload = () => pending ??= load().then((component) => ({ default: component }));
-  const Body = React67.lazy(preload);
+  const Body = React68.lazy(preload);
   function Deferred(props) {
     const open = isOpen(props);
-    const [opened, setOpened] = React67.useState(open);
+    const [opened, setOpened] = React68.useState(open);
     if (open && !opened) setOpened(true);
     if (!open && !opened) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(React67.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Body, { ...props }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(React68.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Body, { ...props }) });
   }
   Deferred.displayName = name;
   return Object.assign(Deferred, { preload });
@@ -14872,10 +15061,10 @@ var TextInputDialog2 = deferredDialog(
 // src/clipboard-fallback-host.tsx
 var import_clipboard_fallback_opener = require("@ai-matrx/kit/clipboard-fallback-opener");
 var import_opener_react2 = require("@ai-matrx/kit/opener-react");
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 function ClipboardFallbackHost() {
   const { open, shown, settle } = (0, import_opener_react2.useOpenerHost)(import_clipboard_fallback_opener.clipboardFallbackOpener);
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     ClipboardFallbackDialog2,
     {
       open,
@@ -14892,7 +15081,7 @@ function ClipboardFallbackHost() {
 // src/floating-sheet.tsx
 var import_react21 = require("react");
 init_motion();
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var FloatingSheet = ({
   children,
   isOpen,
@@ -15198,8 +15387,8 @@ var FloatingSheet = ({
     const bottomPadding = showFooter ? "" : "pb-safe";
     return `${basePadding} ${bottomPadding}`.trim();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
-    isOpen && hasBackdrop && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
+    isOpen && hasBackdrop && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       "div",
       {
         className: `fixed ${respectHeader ? "left-0 right-0 top-10 bottom-0" : "inset-0"} bg-[var(--matrx-overlay-scrim-soft)] z-40 ${isMobile ? "backdrop-blur-sm" : ""} transition-opacity ${durationClass} ${backdropClassName}`,
@@ -15208,7 +15397,7 @@ var FloatingSheet = ({
         "data-testid": "floating-sheet-backdrop"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       "div",
       {
         ref: sheetRef,
@@ -15220,25 +15409,25 @@ var FloatingSheet = ({
         "aria-labelledby": "sheet-title",
         tabIndex: -1,
         "data-testid": "floating-sheet",
-        children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-col h-full overflow-hidden", children: [
-          showHeader && /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-col h-full overflow-hidden", children: [
+          showHeader && /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
             "div",
             {
               className: `flex items-center justify-between border-b border-border ${getMobileHeaderClass()} ${headerClassName}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                  typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("h2", { id: "sheet-title", className: `${isMobile ? "text-xl" : "text-lg"} font-semibold text-foreground`, children: title }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { id: "sheet-title", children: title }),
-                  description && (typeof description === "string" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "type-body text-muted-foreground mt-1", children: description }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "mt-1", children: description }))
+                /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                  typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("h2", { id: "sheet-title", className: `${isMobile ? "text-xl" : "text-lg"} font-semibold text-foreground`, children: title }) : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { id: "sheet-title", children: title }),
+                  description && (typeof description === "string" ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "type-body text-muted-foreground mt-1", children: description }) : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "mt-1", children: description }))
                 ] }),
-                headerContent && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "ml-4 flex items-center", children: headerContent }),
-                showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+                headerContent && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "ml-4 flex items-center", children: headerContent }),
+                showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
                   "button",
                   {
                     onClick: onClose,
                     className: `ml-4 rounded-full ${isMobile ? "p-2" : "p-1.5"} text-muted-foreground hover:text-foreground bg-transparent hover:bg-accent focus:outline-none focus:ring-2 focus:ring-ring`,
                     "aria-label": "Close",
                     "data-testid": "floating-sheet-close",
-                    children: closeButton || /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+                    children: closeButton || /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
                       "svg",
                       {
                         xmlns: "http://www.w3.org/2000/svg",
@@ -15250,8 +15439,8 @@ var FloatingSheet = ({
                         strokeLinecap: "round",
                         strokeLinejoin: "round",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                         ]
                       }
                     )
@@ -15260,7 +15449,7 @@ var FloatingSheet = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
             "div",
             {
               ref: contentRef,
@@ -15269,7 +15458,7 @@ var FloatingSheet = ({
               children
             }
           ),
-          showFooter && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+          showFooter && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
             "div",
             {
               className: `border-t border-border ${getMobileFooterClass()} ${footerClassName}`,
@@ -15284,12 +15473,12 @@ var FloatingSheet = ({
 };
 
 // src/simple-tooltip.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var SimpleTooltip = ({ children, text }) => {
   if (!text) return children;
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(TooltipTrigger, { asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { children: text }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { children: text }) })
   ] });
 };
 var AdvancedTooltip = ({
@@ -15312,16 +15501,16 @@ var AdvancedTooltip = ({
     success: "bg-success text-success-foreground"
   };
   const baseContentClasses = "rounded-md px-3 py-1.5 text-sm shadow-md";
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(Tooltip, { delayDuration, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(TooltipTrigger, { asChild: true, className, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Tooltip, { delayDuration, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(TooltipTrigger, { asChild: true, className, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
       TooltipContent,
       {
         side,
         align,
         sideOffset,
         className: `${baseContentClasses} ${variantStyles[variant]} ${contentClassName}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "leading-none whitespace-pre-wrap", children: text })
+        children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "leading-none whitespace-pre-wrap", children: text })
       }
     )
   ] });
@@ -15331,7 +15520,7 @@ var AdvancedTooltip = ({
 var import_react22 = __toESM(require("react"), 1);
 init_cn();
 init_icons();
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 var animationStyles = `
   @keyframes pulseWave {
     0% { opacity: 0.3; transform: scale(0.8); }
@@ -15408,19 +15597,19 @@ var LoadingSpinner = ({
     }
   };
   const sizeClasses2 = getSizeClasses();
-  const renderDots = () => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: cn("flex items-center", sizeClasses2.container), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: cn(sizeClasses2.dot, "bg-primary dark:bg-primary-foreground rounded-full loading-pulse-1") }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: cn(sizeClasses2.dot, "bg-primary dark:bg-primary-foreground rounded-full loading-pulse-2") }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: cn(sizeClasses2.dot, "bg-primary dark:bg-primary-foreground rounded-full loading-pulse-3") })
+  const renderDots = () => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: cn("flex items-center", sizeClasses2.container), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: cn(sizeClasses2.dot, "bg-primary dark:bg-primary-foreground rounded-full loading-pulse-1") }),
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: cn(sizeClasses2.dot, "bg-primary dark:bg-primary-foreground rounded-full loading-pulse-2") }),
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: cn(sizeClasses2.dot, "bg-primary dark:bg-primary-foreground rounded-full loading-pulse-3") })
   ] });
-  const renderBars = () => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: cn("flex items-center", sizeClasses2.container), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: cn(sizeClasses2.bar, "bg-primary dark:bg-primary-foreground rounded-sm loading-bounce-1") }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: cn(sizeClasses2.bar, "bg-primary dark:bg-primary-foreground rounded-sm loading-bounce-2") }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: cn(sizeClasses2.bar, "bg-primary dark:bg-primary-foreground rounded-sm loading-bounce-3") }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: cn(sizeClasses2.bar, "bg-primary dark:bg-primary-foreground rounded-sm loading-bounce-4") })
+  const renderBars = () => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: cn("flex items-center", sizeClasses2.container), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: cn(sizeClasses2.bar, "bg-primary dark:bg-primary-foreground rounded-sm loading-bounce-1") }),
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: cn(sizeClasses2.bar, "bg-primary dark:bg-primary-foreground rounded-sm loading-bounce-2") }),
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: cn(sizeClasses2.bar, "bg-primary dark:bg-primary-foreground rounded-sm loading-bounce-3") }),
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: cn(sizeClasses2.bar, "bg-primary dark:bg-primary-foreground rounded-sm loading-bounce-4") })
   ] });
-  const renderBrain = () => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "relative w-6 h-6 flex items-center justify-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "absolute", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  const renderBrain = () => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "relative w-6 h-6 flex items-center justify-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "absolute", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
       "svg",
       {
         width: "24",
@@ -15428,7 +15617,7 @@ var LoadingSpinner = ({
         viewBox: "0 0 24 24",
         fill: "none",
         className: "w-5 h-5 text-primary dark:text-primary-foreground",
-        children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
           "path",
           {
             d: "M12 4C9.5 4 7.5 5.5 7.5 8C7.5 9 7.5 9.5 7 10.5C6.5 11.5 6 12 6 13.5C6 15.5 7.5 17 9.5 17C10.5 17 11 16.5 12 16.5C13 16.5 13.5 17 14.5 17C16.5 17 18 15.5 18 13.5C18 12 17.5 11.5 17 10.5C16.5 9.5 16.5 9 16.5 8C16.5 5.5 14.5 4 12 4Z",
@@ -15439,44 +15628,44 @@ var LoadingSpinner = ({
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "absolute inset-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "absolute w-1 h-1 bg-primary/60 dark:bg-primary-foreground/60 rounded-full left-[8px] top-[10px] loading-neuron-1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "absolute w-1 h-1 bg-primary/60 dark:bg-primary-foreground/60 rounded-full left-[12px] top-[8px] loading-neuron-2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "absolute w-1 h-1 bg-primary/60 dark:bg-primary-foreground/60 rounded-full left-[16px] top-[10px] loading-neuron-3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "absolute w-1 h-1 bg-primary/60 dark:bg-primary-foreground/60 rounded-full left-[10px] top-[14px] loading-neuron-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "absolute w-1 h-1 bg-primary/60 dark:bg-primary-foreground/60 rounded-full left-[14px] top-[14px] loading-neuron-5" })
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "absolute inset-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "absolute w-1 h-1 bg-primary/60 dark:bg-primary-foreground/60 rounded-full left-[8px] top-[10px] loading-neuron-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "absolute w-1 h-1 bg-primary/60 dark:bg-primary-foreground/60 rounded-full left-[12px] top-[8px] loading-neuron-2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "absolute w-1 h-1 bg-primary/60 dark:bg-primary-foreground/60 rounded-full left-[16px] top-[10px] loading-neuron-3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "absolute w-1 h-1 bg-primary/60 dark:bg-primary-foreground/60 rounded-full left-[10px] top-[14px] loading-neuron-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "absolute w-1 h-1 bg-primary/60 dark:bg-primary-foreground/60 rounded-full left-[14px] top-[14px] loading-neuron-5" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "absolute w-full h-full rounded-full border border-primary/30 dark:border-primary-foreground/30 loading-brain-pulse-1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "absolute w-full h-full rounded-full border border-primary/30 dark:border-primary-foreground/30 loading-brain-pulse-2" })
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "absolute w-full h-full rounded-full border border-primary/30 dark:border-primary-foreground/30 loading-brain-pulse-1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "absolute w-full h-full rounded-full border border-primary/30 dark:border-primary-foreground/30 loading-brain-pulse-2" })
   ] });
-  const renderMinimal = () => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: cn(sizeClasses2.dot, "bg-primary dark:bg-primary-foreground rounded-full loading-pulse-1") }) });
-  const renderWorkflow = () => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex flex-col items-center justify-center space-y-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "w-16 h-16 bg-primary/10 dark:bg-primary-foreground/10 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(WorkflowIcon, { className: "w-8 h-8 text-primary dark:text-primary-foreground" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "absolute -top-1 -right-1 w-6 h-6 bg-primary dark:bg-primary-foreground rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(PlusIcon, { className: "w-3 h-3 text-primary-foreground dark:text-primary" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "absolute inset-0 border-2 border-transparent border-t-primary dark:border-t-primary-foreground rounded-full matrx-spin" })
+  const renderMinimal = () => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: cn(sizeClasses2.dot, "bg-primary dark:bg-primary-foreground rounded-full loading-pulse-1") }) });
+  const renderWorkflow = () => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col items-center justify-center space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "w-16 h-16 bg-primary/10 dark:bg-primary-foreground/10 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(WorkflowIcon, { className: "w-8 h-8 text-primary dark:text-primary-foreground" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "absolute -top-1 -right-1 w-6 h-6 bg-primary dark:bg-primary-foreground rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(PlusIcon, { className: "w-3 h-3 text-primary-foreground dark:text-primary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "absolute inset-0 border-2 border-transparent border-t-primary dark:border-t-primary-foreground rounded-full matrx-spin" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "text-center space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("h2", { className: "text-lg font-semibold text-foreground flex items-center gap-2 justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Loader2Icon, { className: "w-4 h-4 matrx-spin" }),
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "text-center space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("h2", { className: "text-lg font-semibold text-foreground flex items-center gap-2 justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Loader2Icon, { className: "w-4 h-4 matrx-spin" }),
         title || "Loading Workflow"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "type-body text-muted-foreground max-w-sm", children: subtitle || message || "Setting up your workflow..." })
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "type-body text-muted-foreground max-w-sm", children: subtitle || message || "Setting up your workflow..." })
     ] }),
-    showProgressSteps && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex items-center gap-2 type-secondary text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "w-2 h-2 bg-primary dark:bg-primary-foreground rounded-full matrx-pulse" }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { children: "Loading" })
+    showProgressSteps && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center gap-2 type-secondary text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "w-2 h-2 bg-primary dark:bg-primary-foreground rounded-full matrx-pulse" }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: "Loading" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "w-4 h-px bg-muted-foreground/30" }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "w-2 h-2 bg-muted-foreground/30 rounded-full" }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { children: "Initializing" })
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "w-4 h-px bg-muted-foreground/30" }),
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "w-2 h-2 bg-muted-foreground/30 rounded-full" }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: "Initializing" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "w-4 h-px bg-muted-foreground/30" }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "w-2 h-2 bg-muted-foreground/30 rounded-full" }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { children: "Ready" })
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "w-4 h-px bg-muted-foreground/30" }),
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "w-2 h-2 bg-muted-foreground/30 rounded-full" }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: "Ready" })
       ] })
     ] })
   ] });
@@ -15505,33 +15694,33 @@ var LoadingSpinner = ({
     }
   };
   if (variant === "workflow" && (fullscreen || overlay)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: cn(
+    return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: cn(
       "flex items-center justify-center bg-background",
       fullscreen && "h-dvh w-full",
       className
     ), children: [
-      overlay && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "absolute inset-0 bg-background/80 backdrop-blur-sm z-50" }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: cn(
+      overlay && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "absolute inset-0 bg-background/80 backdrop-blur-sm z-50" }),
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: cn(
         "flex flex-col items-center justify-center",
         overlay && "relative z-50"
       ), children: renderWorkflow() })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: cn("flex items-center", className), children: variant === "workflow" ? renderWorkflow() : /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: cn("flex items-center", className), children: variant === "workflow" ? renderWorkflow() : /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
     renderSpinner(),
-    showMessage && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: cn("ml-3 text-muted-foreground", sizeClasses2.text), children: message || getDefaultMessage() })
+    showMessage && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: cn("ml-3 text-muted-foreground", sizeClasses2.text), children: message || getDefaultMessage() })
   ] }) });
 };
 
 // src/mini-loader.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 function MatrxMiniLoader() {
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(LoadingSpinner, { variant: "dots", message: "Initializing Matrx...", size: "md" });
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(LoadingSpinner, { variant: "dots", message: "Initializing Matrx...", size: "md" });
 }
 
 // src/suspense-loader.tsx
 init_icons();
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 var sizeClasses = {
   xs: "h-3 w-3",
   sm: "h-4 w-4",
@@ -15544,7 +15733,7 @@ function SuspenseLoader({
   message,
   className = ""
 }) {
-  const spinner = /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+  const spinner = /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
     Loader2Icon,
     {
       className: `${sizeClasses[size]} matrx-spin text-disabled-foreground ${className}`,
@@ -15552,7 +15741,7 @@ function SuspenseLoader({
       "aria-label": message ? void 0 : "Loading"
     }
   );
-  const content = message ? /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+  const content = message ? /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
     "span",
     {
       className: "inline-flex items-center gap-2",
@@ -15560,12 +15749,12 @@ function SuspenseLoader({
       "aria-live": "polite",
       children: [
         spinner,
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: message })
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { children: message })
       ]
     }
   ) : spinner;
   if (centered) {
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "flex items-center justify-center w-full h-full min-h-[2rem]", children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "flex items-center justify-center w-full h-full min-h-[2rem]", children: content });
   }
   return content;
 }
@@ -15573,7 +15762,7 @@ function SuspenseLoader({
 // src/shimmer-text.tsx
 init_cn();
 var import_react23 = require("react");
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 var SHIMMER_STYLE = {
   backgroundImage: "linear-gradient(90deg, color-mix(in srgb, currentColor 18%, transparent) 0%, currentColor 50%, color-mix(in srgb, currentColor 18%, transparent) 100%)",
   backgroundSize: "200% 100%",
@@ -15601,7 +15790,7 @@ function useShimmerSweep(durationMs = 2e3) {
 }
 function ShimmerText({ text, className }) {
   const ref = useShimmerSweep();
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
     "span",
     {
       ref,
@@ -15661,26 +15850,26 @@ function formThemeClasses(theme) {
 
 // src/first-use-hint.tsx
 var PopoverPrimitive3 = __toESM(require("@radix-ui/react-popover"), 1);
-var import_react_slot7 = require("@radix-ui/react-slot");
-var React77 = __toESM(require("react"), 1);
+var import_react_slot8 = require("@radix-ui/react-slot");
+var React78 = __toESM(require("react"), 1);
 init_icons();
 init_motion();
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_jsx_runtime114 = require("react/jsx-runtime");
 var FIRST_USE_HINT_TITLE_MAX = 32;
 var FIRST_USE_HINT_DETAIL_MAX = 60;
-var FirstUseHintContext = React77.createContext(null);
+var FirstUseHintContext = React78.createContext(null);
 function FirstUseHintProvider({
   store,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(FirstUseHintContext.Provider, { value: store, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(FirstUseHintContext.Provider, { value: store, children });
 }
 var sessionLearned = /* @__PURE__ */ new Set();
 var warnedNoProvider = false;
 function useFirstUseHint(id) {
-  const store = React77.useContext(FirstUseHintContext);
-  const [, rerender] = React77.useReducer((n) => n + 1, 0);
-  const [dismissed, setDismissed] = React77.useState(false);
+  const store = React78.useContext(FirstUseHintContext);
+  const [, rerender] = React78.useReducer((n) => n + 1, 0);
+  const [dismissed, setDismissed] = React78.useState(false);
   if (!store && !warnedNoProvider) {
     warnedNoProvider = true;
     console.warn(
@@ -15689,7 +15878,7 @@ function useFirstUseHint(id) {
   }
   const learned = store ? store.learned.includes(id) : sessionLearned.has(id);
   const ready = store ? store.ready : true;
-  const learn = React77.useCallback(() => {
+  const learn = React78.useCallback(() => {
     setDismissed(true);
     if (store) {
       if (!store.learned.includes(id)) store.learn(id);
@@ -15712,11 +15901,11 @@ function FirstUseHint({
   pulse,
   children
 }) {
-  const hostRef = React77.useRef(null);
+  const hostRef = React78.useRef(null);
   const { visible: visible2, learn } = useFirstUseHint(id);
   const eligible = visible2 && when;
-  const [shown, setShown] = React77.useState(false);
-  React77.useEffect(() => {
+  const [shown, setShown] = React78.useState(false);
+  React78.useEffect(() => {
     if (!eligible) {
       setShown(false);
       return void 0;
@@ -15733,11 +15922,11 @@ function FirstUseHint({
   }
   const open = eligible && shown;
   const beaconOn = open && beacon !== "none";
-  const target = React77.useCallback(
+  const target = React78.useCallback(
     () => pulse ? hostRef.current?.querySelector(pulse) ?? hostRef.current : hostRef.current,
     [pulse]
   );
-  React77.useEffect(() => {
+  React78.useEffect(() => {
     if (!pulse || !beaconOn) return void 0;
     const el = target();
     if (!el || el === hostRef.current) return void 0;
@@ -15748,7 +15937,7 @@ function FirstUseHint({
       el.removeAttribute("data-matrx-hint-beacon");
     };
   }, [pulse, beaconOn, beacon, target]);
-  const virtualRef = React77.useMemo(
+  const virtualRef = React78.useMemo(
     () => ({
       current: {
         getBoundingClientRect: () => target()?.getBoundingClientRect() ?? new DOMRect()
@@ -15756,10 +15945,10 @@ function FirstUseHint({
     }),
     [target]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Popover, { open, children: [
-    pulse ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
-        import_react_slot7.Slot,
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Popover, { open, children: [
+    pulse ? /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_jsx_runtime114.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+        import_react_slot8.Slot,
         {
           ref: hostRef,
           "data-matrx-first-use-hint": open ? id : void 0,
@@ -15767,8 +15956,8 @@ function FirstUseHint({
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(PopoverAnchor, { virtualRef })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(PopoverAnchor, { virtualRef })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
       PopoverAnchor,
       {
         asChild: true,
@@ -15780,7 +15969,7 @@ function FirstUseHint({
         children
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
       PopoverContent,
       {
         side,
@@ -15797,17 +15986,17 @@ function FirstUseHint({
         onInteractOutside: (e) => e.preventDefault(),
         onEscapeKeyDown: learn,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-center gap-1 py-0.5 pl-3 pr-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex min-w-0 flex-col py-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "type-secondary truncate font-medium text-foreground", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex items-center gap-1 py-0.5 pl-3 pr-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex min-w-0 flex-col py-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "type-secondary truncate font-medium text-foreground", children: title }),
               detail ? (
                 // Two lines at most: on a 375px phone a full 60-character line can wrap once.
-                /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "type-secondary line-clamp-2 text-muted-foreground", children: detail })
+                /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "type-secondary line-clamp-2 text-muted-foreground", children: detail })
               ) : null
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(IconButton, { icon: XIcon, "aria-label": "Dismiss tip", className: "shrink-0", onClick: learn })
+            /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(IconButton, { icon: XIcon, "aria-label": "Dismiss tip", className: "shrink-0", onClick: learn })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(PopoverPrimitive3.Arrow, { className: "fill-popover", width: 10, height: 5 })
+          /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(PopoverPrimitive3.Arrow, { className: "fill-popover", width: 10, height: 5 })
         ]
       }
     )
@@ -15815,11 +16004,11 @@ function FirstUseHint({
 }
 
 // src/review-changes.tsx
-var React78 = __toESM(require("react"), 1);
+var React79 = __toESM(require("react"), 1);
 init_cn();
 init_controls();
 init_icons();
-var import_jsx_runtime114 = require("react/jsx-runtime");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 var SKIP = "skip";
 function unansweredQuestions(preview, answers) {
   return preview.questions.filter((q) => !answers[q.id]);
@@ -15832,16 +16021,16 @@ function acceptSuggestions(preview, answers) {
   for (const q of preview.questions) if (!next[q.id] && q.suggested) next[q.id] = q.suggested;
   return next;
 }
-var RenderItemContext = React78.createContext(void 0);
+var RenderItemContext = React79.createContext(void 0);
 function ItemDoor({ item, onOpenItem }) {
-  const renderItem = React78.useContext(RenderItemContext);
+  const renderItem = React79.useContext(RenderItemContext);
   const hosted = renderItem ? renderItem(item) : null;
   if (hosted != null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { "data-change-item": item.id, className: "inline-flex max-w-full items-center", children: hosted });
+    return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { "data-change-item": item.id, className: "inline-flex max-w-full items-center", children: hosted });
   }
   const title = item.title?.trim() || "Untitled";
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("span", { "data-change-item": item.id, className: "inline-flex max-w-full items-center gap-0.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("span", { "data-change-item": item.id, className: "inline-flex max-w-full items-center gap-0.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
       Button2,
       {
         type: "button",
@@ -15852,12 +16041,12 @@ function ItemDoor({ item, onOpenItem }) {
         children: title
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
       Button2,
       {
         type: "button",
         variant: "quiet",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(ExternalLinkIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(ExternalLinkIcon, {}),
         "data-clickable": "",
         "aria-label": `Open ${title} in a new tab`,
         className: "shrink-0",
@@ -15869,9 +16058,9 @@ function ItemDoor({ item, onOpenItem }) {
 function Doors({ items, total, onOpenItem }) {
   if (!items.length) return null;
   const more = (total ?? items.length) - items.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("span", { className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1", children: [
-    items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(ItemDoor, { item, onOpenItem }, `${item.table ?? item.type}:${item.id}`)),
-    more > 0 ? /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("span", { className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1", children: [
+    items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(ItemDoor, { item, onOpenItem }, `${item.table ?? item.type}:${item.id}`)),
+    more > 0 ? /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
       "+",
       more,
       " more"
@@ -15879,17 +16068,17 @@ function Doors({ items, total, onOpenItem }) {
   ] });
 }
 function Row({ title, meta, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { "data-change-row": "", className: "flex flex-col gap-1 px-3 py-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex items-baseline justify-between gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "min-w-0 text-sm text-foreground", children: title }),
-      meta ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "shrink-0 text-xs text-muted-foreground", children: meta }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { "data-change-row": "", className: "flex flex-col gap-1 px-3 py-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex items-baseline justify-between gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "min-w-0 text-sm text-foreground", children: title }),
+      meta ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "shrink-0 text-xs text-muted-foreground", children: meta }) : null
     ] }),
     children
   ] });
 }
 function Alarm({ warning, onOpenItem }) {
   const items = [...warning.items ?? [], ...warning.users ?? []];
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
     "div",
     {
       role: "alert",
@@ -15897,8 +16086,8 @@ function Alarm({ warning, onOpenItem }) {
       "data-severity": warning.severity,
       className: "flex flex-col gap-1.5 rounded-group border border-destructive bg-destructive/10 px-3 py-2",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "text-sm font-medium text-foreground", children: warning.message }),
-        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Doors, { items, total: warning.count ?? items.length, onOpenItem })
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "text-sm font-medium text-foreground", children: warning.message }),
+        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Doors, { items, total: warning.count ?? items.length, onOpenItem })
       ]
     }
   );
@@ -15915,10 +16104,10 @@ function Question({ question, answer, onAnswer, onOpenItem, disabled }) {
   const suggested = !question.suggested ? null : yes && question.suggested === yes.value ? "yes" : noOption && question.suggested === noOption.value ? "no" : "other";
   const wayOut = rest.map((o) => ({ value: o.value, label: o.label }));
   const chosen = [...question.options, ...question.way_out].find((o) => o.value === answer);
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { "data-change-question": question.id, "data-kind": question.kind, className: "flex flex-col gap-1.5 px-3 py-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "text-sm text-foreground", children: question.prompt }),
-    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Doors, { items: question.items.sample, total: question.items.count, onOpenItem }),
-    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { "data-change-question": question.id, "data-kind": question.kind, className: "flex flex-col gap-1.5 px-3 py-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "text-sm text-foreground", children: question.prompt }),
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Doors, { items: question.items.sample, total: question.items.count, onOpenItem }),
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
       DecisionControl,
       {
         value,
@@ -15940,7 +16129,7 @@ function Question({ question, answer, onAnswer, onOpenItem, disabled }) {
         "aria-label": question.prompt
       }
     ),
-    chosen?.consequence ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "text-xs text-muted-foreground", children: chosen.consequence }) : null
+    chosen?.consequence ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "text-xs text-muted-foreground", children: chosen.consequence }) : null
   ] });
 }
 var VERB_WORDS = {
@@ -15949,7 +16138,7 @@ var VERB_WORDS = {
   move: { goes: "Moves with it", commit: "Move" }
 };
 function ReviewChanges({ renderItem, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(RenderItemContext.Provider, { value: renderItem, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(ReviewChangesBody, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(RenderItemContext.Provider, { value: renderItem, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(ReviewChangesBody, { ...props }) });
 }
 function ReviewChangesBody({ preview, answers, onAnswer, onOpenItem, onCommit, onCancel, busy, commitLabel, className }) {
   const words = VERB_WORDS[preview.verb] ?? { goes: "Changes with it", commit: "Apply" };
@@ -15963,23 +16152,23 @@ function ReviewChangesBody({ preview, answers, onAnswer, onOpenItem, onCommit, o
   const suggestible = pending.filter((q) => q.suggested);
   const ready = canCommitChanges(preview, answers);
   const target = preview.target_organization?.name;
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { "data-review-changes": "", "data-verb": preview.verb, className: cn("flex min-h-0 flex-col gap-3", className), children: [
-    alarms.map((w, i) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Alarm, { warning: w, onOpenItem }, `${w.kind}:${i}`)),
-    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(RowGroup, { title: preview.verb === "move" && target ? `Moving to ${target}` : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Row, { title: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Doors, { items: preview.roots, onOpenItem }) }) }),
-    moving.length ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(RowGroup, { title: words.goes, children: moving.map((g) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Row, { title: g.noun, meta: `${g.count_is_estimate ? "about " : ""}${g.count}`, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Doors, { items: g.sample, total: g.count, onOpenItem }) }, `${g.rule_id ?? "root"}:${g.table ?? g.type}`)) }) : null,
-    kept.length || staying.length ? /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(RowGroup, { title: "Stays where it is", children: [
-      kept.map((w, i) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Row, { title: w.message ?? w.noun ?? "Used elsewhere", meta: w.count ?? void 0, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Doors, { items: w.items ?? [], total: w.count, onOpenItem }) }, `kept:${i}`)),
-      staying.map((g) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Row, { title: g.noun, meta: g.count, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Doors, { items: g.sample, total: g.count, onOpenItem }) }, `stay:${g.table ?? g.type}`))
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { "data-review-changes": "", "data-verb": preview.verb, className: cn("flex min-h-0 flex-col gap-3", className), children: [
+    alarms.map((w, i) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Alarm, { warning: w, onOpenItem }, `${w.kind}:${i}`)),
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(RowGroup, { title: preview.verb === "move" && target ? `Moving to ${target}` : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Row, { title: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Doors, { items: preview.roots, onOpenItem }) }) }),
+    moving.length ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(RowGroup, { title: words.goes, children: moving.map((g) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Row, { title: g.noun, meta: `${g.count_is_estimate ? "about " : ""}${g.count}`, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Doors, { items: g.sample, total: g.count, onOpenItem }) }, `${g.rule_id ?? "root"}:${g.table ?? g.type}`)) }) : null,
+    kept.length || staying.length ? /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(RowGroup, { title: "Stays where it is", children: [
+      kept.map((w, i) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Row, { title: w.message ?? w.noun ?? "Used elsewhere", meta: w.count ?? void 0, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Doors, { items: w.items ?? [], total: w.count, onOpenItem }) }, `kept:${i}`)),
+      staying.map((g) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Row, { title: g.noun, meta: g.count, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Doors, { items: g.sample, total: g.count, onOpenItem }) }, `stay:${g.table ?? g.type}`))
     ] }) : null,
-    preview.questions.length ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(RowGroup, { title: "Decide", children: preview.questions.map((q) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Question, { question: q, answer: answers[q.id], onAnswer, onOpenItem, disabled: busy }, q.id)) }) : null,
-    auto || unchecked ? /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex flex-wrap gap-2 px-1", children: [
-      auto ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Badge2, { tone: "neutral", children: `${auto.count ?? ""} decided automatically`.trim() }) : null,
-      unchecked ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Badge2, { tone: "neutral", children: "Links inside text not checked" }) : null
+    preview.questions.length ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(RowGroup, { title: "Decide", children: preview.questions.map((q) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Question, { question: q, answer: answers[q.id], onAnswer, onOpenItem, disabled: busy }, q.id)) }) : null,
+    auto || unchecked ? /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex flex-wrap gap-2 px-1", children: [
+      auto ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Badge2, { tone: "neutral", children: `${auto.count ?? ""} decided automatically`.trim() }) : null,
+      unchecked ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Badge2, { tone: "neutral", children: "Links inside text not checked" }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { "data-review-changes-actions": "", className: "flex flex-wrap items-center justify-end gap-2", children: [
-      suggestible.length ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button2, { variant: "quiet", disabled: busy, onClick: () => suggestible.forEach((q) => onAnswer(q.id, q.suggested)), children: "Accept suggestions" }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button2, { variant: "outline", disabled: busy, onClick: onCancel, children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Button2, { variant: preview.verb === "delete" ? "danger" : "primary", disabled: busy || !ready, onClick: onCommit, children: commitLabel ?? words.commit })
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { "data-review-changes-actions": "", className: "flex flex-wrap items-center justify-end gap-2", children: [
+      suggestible.length ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Button2, { variant: "quiet", disabled: busy, onClick: () => suggestible.forEach((q) => onAnswer(q.id, q.suggested)), children: "Accept suggestions" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Button2, { variant: "outline", disabled: busy, onClick: onCancel, children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Button2, { variant: preview.verb === "delete" ? "danger" : "primary", disabled: busy || !ready, onClick: onCommit, children: commitLabel ?? words.commit })
     ] })
   ] });
 }
@@ -16147,7 +16336,7 @@ function insertLines(boxes, id, line, col, cols) {
 }
 
 // src/grid-canvas/grid-canvas.tsx
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var GRID_CANVAS_COLUMNS = { lg: 12, sm: 4 };
 var GRID_CANVAS_PHONE_MAX_PX = 640;
 var GRID_CANVAS_ROW_PX = 24;
@@ -16322,7 +16511,7 @@ function GridCanvas({
   };
   const rows = { lg: gridRows(grids.lg), sm: gridRows(grids.sm) };
   const active = preview ? preview.boxes.find((b) => b.id === preview.id) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
     "div",
     {
       ref: rootRef,
@@ -16342,8 +16531,8 @@ function GridCanvas({
         "--grid-rows-sm": preview?.breakpoint === "sm" ? rows.sm + 1 : rows.sm
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "matrx-grid-canvas-field", children: [
-          active && preview ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "matrx-grid-canvas-placeholder", "aria-hidden": true, style: placementVars(active, active) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "matrx-grid-canvas-field", children: [
+          active && preview ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "matrx-grid-canvas-placeholder", "aria-hidden": true, style: placementVars(active, active) }) : null,
           items.map((item, n) => {
             const lg = grids.lg[n];
             const sm = grids.sm[n];
@@ -16352,7 +16541,7 @@ function GridCanvas({
             const drawLg = moving && preview.breakpoint === "lg" ? startBox : lg;
             const drawSm = moving && preview.breakpoint === "sm" ? startBox : sm;
             const label = itemLabel?.(item.id);
-            return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
               "div",
               {
                 ref: (el) => {
@@ -16368,8 +16557,8 @@ function GridCanvas({
                 onPointerDown: editable ? (e) => onItemPointerDown(e, item.id) : void 0,
                 onKeyDown: editable ? (e) => onItemKeyDown(e, item.id) : void 0,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "matrx-grid-canvas-content", children: renderItem(item.id, { breakpoint, editing: editable }) }),
-                  editable ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "matrx-grid-canvas-content", children: renderItem(item.id, { breakpoint, editing: editable }) }),
+                  editable ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
                     "span",
                     {
                       className: "matrx-grid-canvas-resize",
@@ -16384,7 +16573,7 @@ function GridCanvas({
             );
           })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "matrx-grid-canvas-live", "aria-live": "polite", children: announcement })
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "matrx-grid-canvas-live", "aria-live": "polite", children: announcement })
       ]
     }
   );