@ai-matrx/design-system 0.86.362 → 0.86.364

package/dist/index.cjs

@@ -276,6 +276,12 @@ function AlertTriangleIcon(props) {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 17h.01" })
   ] });
 }
+function CircleCheckIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...lucideProps("circle-check", props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m16 9-5.5 5.5L8 12" })
+  ] });
+}
 function CircleHelpIcon(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...lucideProps("circle-question-mark", props), children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
@@ -283,6 +289,13 @@ function CircleHelpIcon(props) {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 17h.01" })
   ] });
 }
+function CircleXIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...lucideProps("circle-x", props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m15 9-6 6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m9 9 6 6" })
+  ] });
+}
 function InfoIcon(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...lucideProps("info", props), children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
@@ -3589,7 +3602,7 @@ function WritingBoxProvider({
   Box,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(WritingBoxContext.Provider, { value: Box, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(WritingBoxContext.Provider, { value: Box, children });
 }
 function useWritingBox() {
   return React68.useContext(WritingBoxContext) ?? StandInBox;
@@ -3598,12 +3611,12 @@ function WritingInputProvider({
   Box,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(WritingInputContext.Provider, { value: Box, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(WritingInputContext.Provider, { value: Box, children });
 }
 function useWritingInput() {
   return React68.useContext(WritingInputContext) ?? StandInInput;
 }
-var React68, import_jsx_runtime99, KEY, registry4, WritingBoxContext, StandInBox, INPUT_KEY, inputRegistry, WritingInputContext, StandInInput;
+var React68, import_jsx_runtime100, KEY, registry4, WritingBoxContext, StandInBox, INPUT_KEY, inputRegistry, WritingInputContext, StandInInput;
 var init_writing_box = __esm({
   "src/writing-box.tsx"() {
     "use strict";
@@ -3612,7 +3625,7 @@ var init_writing_box = __esm({
     init_input();
     init_textarea();
     init_stand_in_notice();
-    import_jsx_runtime99 = require("react/jsx-runtime");
+    import_jsx_runtime100 = require("react/jsx-runtime");
     KEY = /* @__PURE__ */ Symbol.for("@ai-matrx/design-system/writing-box");
     registry4 = globalThis;
     WritingBoxContext = registry4[KEY] ?? (registry4[KEY] = React68.createContext(null));
@@ -3623,7 +3636,7 @@ var init_writing_box = __esm({
           "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_runtime99.jsx)(Textarea, { ...props, "data-writing-box-host": UNCONFIGURED });
+      return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Textarea, { ...props, "data-writing-box-host": UNCONFIGURED });
     };
     INPUT_KEY = /* @__PURE__ */ Symbol.for("@ai-matrx/design-system/writing-input");
     inputRegistry = globalThis;
@@ -3635,7 +3648,7 @@ var init_writing_box = __esm({
           "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_runtime99.jsx)(Input, { ...props, "data-writing-box-host": UNCONFIGURED });
+      return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Input, { ...props, "data-writing-box-host": UNCONFIGURED });
     };
   }
 });
@@ -3683,12 +3696,12 @@ function ClipboardFallbackDialog({
     inputRef.current?.focus();
     inputRef.current?.select();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Dialog, { open, onOpenChange, 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: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(DialogDescription, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(DialogContent, { size: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DialogTitle, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DialogDescription, { children: description })
     ] }),
-    multiline ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    multiline ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       Textarea2,
       {
         mono: true,
@@ -3698,7 +3711,7 @@ function ClipboardFallbackDialog({
         rows: 8,
         onFocus: (event) => event.currentTarget.select()
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       Input2,
       {
         mono: true,
@@ -3708,17 +3721,17 @@ function ClipboardFallbackDialog({
         onFocus: (event) => event.currentTarget.select()
       }
     ),
-    blocked ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { role: "status", className: "text-sm text-destructive", children: "Still blocked. Press Cmd/Ctrl+C to copy." }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Close" }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(Button, { type: "button", onClick: handleCopy, children: [
-        copied ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CheckIcon, { className: "mr-2 h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CopyIcon, { className: "mr-2 h-4 w-4" }),
+    blocked ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { role: "status", className: "text-sm text-destructive", children: "Still blocked. Press Cmd/Ctrl+C to copy." }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Close" }),
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(Button, { type: "button", onClick: handleCopy, children: [
+        copied ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CheckIcon, { className: "mr-2 h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CopyIcon, { className: "mr-2 h-4 w-4" }),
         copied ? "Copied" : "Copy"
       ] })
     ] })
   ] }) });
 }
-var React70, import_clipboard5, import_jsx_runtime101;
+var React70, import_clipboard5, import_jsx_runtime102;
 var init_clipboard_fallback_dialog = __esm({
   "src/clipboard-fallback-dialog.tsx"() {
     "use strict";
@@ -3730,7 +3743,7 @@ var init_clipboard_fallback_dialog = __esm({
     init_doors();
     init_dialog();
     init_icons();
-    import_jsx_runtime101 = require("react/jsx-runtime");
+    import_jsx_runtime102 = require("react/jsx-runtime");
   }
 });
 
@@ -3768,45 +3781,45 @@ function AuthGateDialog({
     if (onNavigate) onNavigate(href);
     else window.location.assign(href);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     Dialog,
     {
       open: isOpen,
       onOpenChange: (open) => {
         if (!open) onClose();
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(DialogContent, { size: "sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(DialogHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DialogTitle, { children: "Sign in required" }),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(DialogDescription, { children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(DialogContent, { size: "sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(DialogHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DialogTitle, { children: "Sign in required" }),
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(DialogDescription, { children: [
             featureName,
             " requires an account"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col items-center gap-5 pb-4 pt-2 text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(LockIcon, { className: "h-7 w-7 text-primary" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime102.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_runtime102.jsxs)("div", { className: "flex w-full max-w-[260px] flex-col gap-2.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-col items-center gap-5 pb-4 pt-2 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(LockIcon, { className: "h-7 w-7 text-primary" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime103.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_runtime103.jsxs)("div", { className: "flex w-full max-w-[260px] flex-col gap-2.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
               Button,
               {
                 variant: "primary",
                 className: "w-full",
                 onClick: () => go(signInHref ?? DEFAULT_SIGN_IN),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(LogInIcon, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(LogInIcon, { className: "mr-2 h-4 w-4" }),
                   "Sign In"
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
               Button,
               {
                 variant: "outline",
                 className: "w-full",
                 onClick: () => go(signUpHref ?? DEFAULT_SIGN_UP),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(GemIcon, { className: "mr-2 h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(GemIcon, { className: "mr-2 h-4 w-4" }),
                   "Create Free Account"
                 ]
               }
@@ -3817,7 +3830,7 @@ function AuthGateDialog({
     }
   );
 }
-var React71, import_jsx_runtime102, DEFAULT_SIGN_IN, DEFAULT_SIGN_UP, announced2, auth_gate_dialog_default;
+var React71, import_jsx_runtime103, DEFAULT_SIGN_IN, DEFAULT_SIGN_UP, announced2, auth_gate_dialog_default;
 var init_auth_gate_dialog = __esm({
   "src/auth-gate-dialog.tsx"() {
     "use strict";
@@ -3826,7 +3839,7 @@ var init_auth_gate_dialog = __esm({
     init_button();
     init_dialog();
     init_icons();
-    import_jsx_runtime102 = require("react/jsx-runtime");
+    import_jsx_runtime103 = require("react/jsx-runtime");
     DEFAULT_SIGN_IN = "/login";
     DEFAULT_SIGN_UP = "/sign-up";
     announced2 = false;
@@ -3879,17 +3892,17 @@ function EmailInputDialog({
     setError(null);
     onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DialogContent, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("form", { onSubmit: handleSubmit, noValidate: true, className: "flex flex-col gap-4", 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)(MailIcon, { className: "h-5 w-5 text-primary" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DialogContent, { size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("form", { onSubmit: handleSubmit, noValidate: true, className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(DialogTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(MailIcon, { className: "h-5 w-5 text-primary" }),
         title
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(DialogDescription, { children: description })
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Label4, { htmlFor: "email-input-dialog-email", children: "Email address" }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Label4, { htmlFor: "email-input-dialog-email", children: "Email address" }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
         Input2,
         {
           id: "email-input-dialog-email",
@@ -3904,9 +3917,9 @@ function EmailInputDialog({
           autoFocus: true
         }
       ),
-      error ? /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("p", { className: "text-sm text-destructive", children: [
+      error ? /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("p", { className: "text-sm text-destructive", children: [
         error,
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           ErrorActions,
           {
             message: error,
@@ -3917,22 +3930,22 @@ function EmailInputDialog({
         )
       ] }) : email.trim() && !isValidEmail(email.trim()) ? (
         // An offer, never a block: Send stays enabled; pressing it names the problem.
-        /* @__PURE__ */ (0, import_jsx_runtime103.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_runtime104.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_runtime103.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { type: "button", variant: "outline", onClick: handleClose, disabled: loading, children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button, { variant: "primary", type: "submit", disabled: loading || !email.trim(), children: loading ? /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Loader2Icon, { className: "mr-2 h-4 w-4 matrx-spin" }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { type: "button", variant: "outline", onClick: handleClose, disabled: loading, children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { variant: "primary", type: "submit", disabled: loading || !email.trim(), children: loading ? /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_jsx_runtime104.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Loader2Icon, { className: "mr-2 h-4 w-4 matrx-spin" }),
         "Sending..."
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(MailIcon, { className: "mr-2 h-4 w-4" }),
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_jsx_runtime104.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(MailIcon, { className: "mr-2 h-4 w-4" }),
         submitLabel
       ] }) })
     ] })
   ] }) }) });
 }
-var React72, import_jsx_runtime103, isValidEmail, email_input_dialog_default;
+var React72, import_jsx_runtime104, isValidEmail, email_input_dialog_default;
 var init_email_input_dialog = __esm({
   "src/email-input-dialog.tsx"() {
     "use strict";
@@ -3944,7 +3957,7 @@ var init_email_input_dialog = __esm({
     init_error_box();
     init_icons();
     init_label();
-    import_jsx_runtime103 = require("react/jsx-runtime");
+    import_jsx_runtime104 = require("react/jsx-runtime");
     isValidEmail = (email) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
     email_input_dialog_default = EmailInputDialog;
   }
@@ -3965,34 +3978,34 @@ function SandboxGateDialog({ open, onChoose, children }) {
       );
     }
   }, [open, noPanel]);
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     Dialog,
     {
       open,
       onOpenChange: (next) => {
         if (!next) onChoose("cancel");
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(DialogContent, { size: "md", className: "gap-4", ...noPanel ? { "data-sandbox-gate-panel": UNCONFIGURED } : {}, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(DialogHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(DialogTitle, { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(AlertTriangleIcon, { className: "h-4 w-4 text-warning" }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DialogContent, { size: "md", className: "gap-4", ...noPanel ? { "data-sandbox-gate-panel": UNCONFIGURED } : {}, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DialogHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DialogTitle, { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(AlertTriangleIcon, { className: "h-4 w-4 text-warning" }),
             "Sandbox unavailable"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.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_runtime105.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_runtime104.jsx)("div", { className: "max-h-[50dvh] overflow-y-auto rounded-md border border-border", children }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(DialogFooter, { className: "gap-2 sm:justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { variant: "ghost", onClick: () => onChoose("cancel"), children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { variant: "outline", onClick: () => onChoose("detach"), children: "Send without sandbox" }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button, { variant: "primary", onClick: () => onChoose("attach"), children: "Retry with sandbox" })
+        children ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "max-h-[50dvh] overflow-y-auto rounded-md border border-border", children }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DialogFooter, { className: "gap-2 sm:justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Button, { variant: "ghost", onClick: () => onChoose("cancel"), children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Button, { variant: "outline", onClick: () => onChoose("detach"), children: "Send without sandbox" }),
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Button, { variant: "primary", onClick: () => onChoose("attach"), children: "Retry with sandbox" })
           ] })
         ] })
       ] })
     }
   );
 }
-var React73, import_jsx_runtime104;
+var React73, import_jsx_runtime105;
 var init_sandbox_gate_dialog = __esm({
   "src/sandbox-gate-dialog.tsx"() {
     "use strict";
@@ -4002,7 +4015,7 @@ var init_sandbox_gate_dialog = __esm({
     init_stand_in_notice();
     init_dialog();
     init_icons();
-    import_jsx_runtime104 = require("react/jsx-runtime");
+    import_jsx_runtime105 = require("react/jsx-runtime");
   }
 });
 
@@ -4016,10 +4029,10 @@ function ScopeSetList({
   items,
   renderScope
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: heading }),
-    items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "text-sm text-muted-foreground", children: "None" }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("ul", { className: "flex flex-col gap-0.5", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("li", { className: "flex min-w-0 items-center gap-1 text-sm text-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("span", { className: "shrink-0 text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: heading }),
+    items.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "text-sm text-muted-foreground", children: "None" }) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("ul", { className: "flex flex-col gap-0.5", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("li", { className: "flex min-w-0 items-center gap-1 text-sm text-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { className: "shrink-0 text-muted-foreground", children: [
         item.typeLabel,
         ":"
       ] }),
@@ -4043,32 +4056,32 @@ function ScopeMismatchDialog({
       );
     }
   }, [open, plain]);
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     Dialog,
     {
       open,
       onOpenChange: (next) => {
         if (!next) onChoose("cancel");
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DialogContent, { size: "md", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DialogHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(DialogTitle, { children: "This chat's scopes differ from your current selection" }),
-          /* @__PURE__ */ (0, import_jsx_runtime105.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_runtime106.jsxs)(DialogContent, { size: "md", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(DialogHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(DialogTitle, { children: "This chat's scopes differ from your current selection" }),
+          /* @__PURE__ */ (0, import_jsx_runtime106.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_runtime105.jsxs)("div", { className: "grid gap-4 py-1 sm:grid-cols-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ScopeSetList, { heading: "Current selection", items: current, renderScope }),
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ScopeSetList, { heading: "This chat's scopes", items: chat, renderScope })
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "grid gap-4 py-1 sm:grid-cols-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ScopeSetList, { heading: "Current selection", items: current, renderScope }),
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ScopeSetList, { heading: "This chat's scopes", items: chat, renderScope })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(DialogFooter, { className: "flex-col gap-2 sm:flex-row sm:justify-end", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Button, { type: "button", variant: "outline", onClick: () => onChoose("keep"), children: "Keep chat's scopes" }),
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Button, { type: "button", variant: "outline", onClick: () => onChoose("combine"), children: "Combine both" }),
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Button, { variant: "primary", type: "button", onClick: () => onChoose("update"), children: "Use current selection" })
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(DialogFooter, { className: "flex-col gap-2 sm:flex-row sm:justify-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Button, { type: "button", variant: "outline", onClick: () => onChoose("keep"), children: "Keep chat's scopes" }),
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Button, { type: "button", variant: "outline", onClick: () => onChoose("combine"), children: "Combine both" }),
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Button, { variant: "primary", type: "button", onClick: () => onChoose("update"), children: "Use current selection" })
         ] })
       ] })
     }
   );
 }
-var React74, import_jsx_runtime105, plainScope;
+var React74, import_jsx_runtime106, plainScope;
 var init_scope_mismatch_dialog = __esm({
   "src/scope-mismatch-dialog.tsx"() {
     "use strict";
@@ -4077,8 +4090,8 @@ var init_scope_mismatch_dialog = __esm({
     init_button();
     init_stand_in_notice();
     init_dialog();
-    import_jsx_runtime105 = require("react/jsx-runtime");
-    plainScope = (item) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "truncate", "data-scope-mismatch-host": UNCONFIGURED, children: item.name });
+    import_jsx_runtime106 = require("react/jsx-runtime");
+    plainScope = (item) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "truncate", "data-scope-mismatch-host": UNCONFIGURED, children: item.name });
   }
 });
 
@@ -4112,17 +4125,17 @@ function ValuePromptsDialog({ request, open, onSettle: settle }) {
   }, [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_runtime106.jsx)(Dialog, { open, onOpenChange: (next) => !next && request && settle(null), children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(DialogContent, { size: "sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(DialogTitle, { children: request?.title ?? "" }),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(DialogDescription, { className: request?.description ? void 0 : "sr-only", children: request?.description ?? request?.title ?? "" })
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Dialog, { open, onOpenChange: (next) => !next && request && settle(null), children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(DialogContent, { size: "sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DialogTitle, { children: request?.title ?? "" }),
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DialogDescription, { className: request?.description ? void 0 : "sr-only", children: request?.description ?? request?.title ?? "" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex flex-col gap-4 py-1", children: request?.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Label4, { htmlFor: `value-prompt-${field.name}`, className: "text-sm text-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex flex-col gap-4 py-1", children: request?.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Label4, { htmlFor: `value-prompt-${field.name}`, className: "text-sm text-foreground", children: [
         field.prompt,
-        field.required ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "ml-1 text-destructive", children: "*" }) : null
+        field.required ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "ml-1 text-destructive", children: "*" }) : null
       ] }),
-      single?.name === field.name ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+      single?.name === field.name ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
         WritingInput,
         {
           id: `value-prompt-${field.name}`,
@@ -4140,7 +4153,7 @@ function ValuePromptsDialog({ request, open, onSettle: settle }) {
             }
           }
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
         WritingBox,
         {
           id: `value-prompt-${field.name}`,
@@ -4153,13 +4166,13 @@ function ValuePromptsDialog({ request, open, onSettle: settle }) {
         }
       )
     ] }, field.name)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Button, { type: "button", variant: "outline", onClick: () => settle(null), children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Button, { type: "button", variant: "primary", onClick: submit, disabled: missingRequired, children: request?.submitLabel ?? "Continue" })
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Button, { type: "button", variant: "outline", onClick: () => settle(null), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Button, { type: "button", variant: "primary", onClick: submit, disabled: missingRequired, children: request?.submitLabel ?? "Continue" })
     ] })
   ] }) });
 }
-var React75, import_jsx_runtime106;
+var React75, import_jsx_runtime107;
 var init_value_prompts_dialog = __esm({
   "src/value-prompts-dialog.tsx"() {
     "use strict";
@@ -4169,7 +4182,7 @@ var init_value_prompts_dialog = __esm({
     init_dialog();
     init_label();
     init_writing_box();
-    import_jsx_runtime106 = require("react/jsx-runtime");
+    import_jsx_runtime107 = require("react/jsx-runtime");
   }
 });
 
@@ -4257,8 +4270,8 @@ function TextInputDialog({
     if (busy) return;
     submit();
   };
-  const body = /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("form", { onSubmit: handleFormSubmit, className: "space-y-2", children: [
-    multiline ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+  const body = /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("form", { onSubmit: handleFormSubmit, className: "space-y-2", children: [
+    multiline ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       ProTextarea,
       {
         autoFocus: true,
@@ -4278,7 +4291,7 @@ function TextInputDialog({
         "aria-invalid": !!error,
         "aria-describedby": error ? "text-input-dialog-error" : void 0
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       Input2,
       {
         autoFocus: true,
@@ -4294,14 +4307,14 @@ function TextInputDialog({
         "aria-describedby": error ? "text-input-dialog-error" : void 0
       }
     ),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("p", { id: "text-input-dialog-error", className: "text-sm text-destructive", children: [
+    error ? /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("p", { id: "text-input-dialog-error", className: "text-sm text-destructive", children: [
       error,
-      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ErrorActions, { message: error, operation: "Enter a value", source: "inline", origin: "design-system/TextInputDialog" })
+      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ErrorActions, { message: error, operation: "Enter a value", source: "inline", origin: "design-system/TextInputDialog" })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": true })
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": true })
   ] });
-  const buttons = /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+  const buttons = /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       Button,
       {
         type: "button",
@@ -4311,22 +4324,22 @@ function TextInputDialog({
         children: cancelLabel
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Button, { type: "button", onClick: submit, disabled: busy || !allowEmpty && !value.trim(), children: [
-      busy ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Loader2Icon, { className: "mr-2 h-4 w-4 matrx-spin" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(Button, { type: "button", onClick: submit, disabled: busy || !allowEmpty && !value.trim(), children: [
+      busy ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Loader2Icon, { className: "mr-2 h-4 w-4 matrx-spin" }) : null,
       confirmLabel
     ] })
   ] });
   if (isMobile) {
-    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Drawer, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(DrawerContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(DrawerHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DrawerTitle, { children: title }),
-        description ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DrawerDescription, { children: description }) : null
+    return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Drawer, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(DrawerContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(DrawerHeader, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(DrawerTitle, { children: title }),
+        description ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(DrawerDescription, { children: description }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "px-4 pb-2", children: body }),
-      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DrawerFooter, { className: "flex-row justify-end gap-2", children: buttons })
+      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "px-4 pb-2", children: body }),
+      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(DrawerFooter, { className: "flex-row justify-end gap-2", children: buttons })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
     DialogContent,
     {
       className: "sm:max-w-md",
@@ -4336,17 +4349,17 @@ function TextInputDialog({
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(DialogHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DialogTitle, { children: title }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DialogDescription, { children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(DialogHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(DialogTitle, { children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(DialogDescription, { children: description }) : null
         ] }),
         body,
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DialogFooter, { children: buttons })
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(DialogFooter, { children: buttons })
       ]
     }
   ) });
 }
-var React76, import_jsx_runtime107;
+var React76, import_jsx_runtime108;
 var init_text_input_dialog = __esm({
   "src/text-input-dialog.tsx"() {
     "use strict";
@@ -4362,7 +4375,7 @@ var init_text_input_dialog = __esm({
     init_writing_box();
     init_opener_reclick();
     init_error_box();
-    import_jsx_runtime107 = require("react/jsx-runtime");
+    import_jsx_runtime108 = require("react/jsx-runtime");
   }
 });
 
@@ -4582,6 +4595,7 @@ __export(src_exports, {
   Peek: () => Peek,
   PeekEntityRendererProvider: () => PeekEntityRendererProvider,
   PeekHoverCard: () => PeekHoverCard,
+  PeekNotice: () => PeekNotice,
   PeekPartRendererProvider: () => PeekPartRendererProvider,
   PeekPopover: () => PeekPopover,
   PeekWindow: () => PeekWindow,
@@ -15273,11 +15287,58 @@ function TrayMenu({ menu }) {
   ] });
 }
 
+// src/peek-notice.tsx
+init_cn();
+init_controls();
+init_icons();
+var import_jsx_runtime96 = require("react/jsx-runtime");
+var LEVEL = {
+  success: { icon: CircleCheckIcon, ink: "text-success-ink", label: "Done" },
+  info: { icon: InfoIcon, ink: "text-info-ink", label: "Notice" },
+  warning: { icon: AlertTriangleIcon, ink: "text-warning-ink", label: "Warning" },
+  error: { icon: CircleXIcon, ink: "text-destructive-ink", label: "Error" }
+};
+function PeekNotice({ level, title, subtitle, items, limit = 5, onDismiss }) {
+  const tone = LEVEL[level];
+  const Icon3 = tone.icon;
+  const rows = (items ?? []).map((item, i) => ({
+    key: `${i}:${item.text}`,
+    text: item.text,
+    title: item.text,
+    ...item.detail ? { detail: item.detail } : {}
+  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+    PeekCard,
+    {
+      size: "md",
+      height: "content",
+      density: "compact",
+      role: level === "error" ? "alert" : "status",
+      "aria-label": `${tone.label}: ${title}`,
+      "data-matrx-peek-notice": level,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          PeekCardHeader,
+          {
+            title,
+            leading: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Icon3, { className: cn("size-4", tone.ink) }),
+            ...subtitle ? { subtitle } : {},
+            ...onDismiss ? {
+              trailing: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button2, { type: "button", variant: "quiet", "aria-label": "Dismiss", title: "Dismiss", icon: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(XIcon, { className: "size-3.5" }), onClick: onDismiss })
+            } : {}
+          }
+        ),
+        rows.length ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(PeekCardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(PeekCardRows, { rows, limit }) }) : null
+      ]
+    }
+  );
+}
+
 // src/radio-group.tsx
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
 var React65 = __toESM(require("react"), 1);
 init_cn();
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var RadioGroupSizeContext = React65.createContext("md");
 var CONTROL_CLASSES = {
   sm: "h-3.5 w-3.5",
@@ -15289,7 +15350,7 @@ var DOT_CLASSES = {
   md: "h-1.5 w-1.5",
   lg: "h-2 w-2"
 };
-var RadioGroup5 = React65.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(RadioGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+var RadioGroup5 = React65.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(RadioGroupSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
   RadioGroupPrimitive.Root,
   {
     ref,
@@ -15302,7 +15363,7 @@ RadioGroup5.displayName = RadioGroupPrimitive.Root.displayName;
 var RadioGroupItem = React65.forwardRef(({ className, size, ...props }, ref) => {
   const groupSize = React65.useContext(RadioGroupSizeContext);
   const resolved = size ?? groupSize;
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -15319,7 +15380,7 @@ var RadioGroupItem = React65.forwardRef(({ className, size, ...props }, ref) =>
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         "div",
         {
           className: cn("rounded-full bg-primary-foreground", DOT_CLASSES[resolved])
@@ -15338,7 +15399,7 @@ function RadioList({
   "aria-label": ariaLabel
 }) {
   const baseId = React65.useId();
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     RadioGroup5,
     {
       value,
@@ -15349,7 +15410,7 @@ function RadioList({
       children: options.map((opt, i) => {
         const selected = value === opt.value;
         const id = `${baseId}-${i}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
           "label",
           {
             htmlFor: id,
@@ -15360,9 +15421,9 @@ function RadioList({
               opt.disabled && "cursor-not-allowed text-disabled-foreground"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(RadioGroupItem, { id, value: opt.value, disabled: opt.disabled }),
-              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "flex-1 truncate", children: opt.label }),
-              opt.hint != null && opt.hint !== "" ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: opt.hint }) : null
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(RadioGroupItem, { id, value: opt.value, disabled: opt.disabled }),
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "flex-1 truncate", children: opt.label }),
+              opt.hint != null && opt.hint !== "" ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: opt.hint }) : null
             ]
           },
           opt.value
@@ -15378,7 +15439,7 @@ var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
 var import_class_variance_authority7 = require("class-variance-authority");
 var React66 = __toESM(require("react"), 1);
 init_cn();
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = 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",
   {
@@ -15404,7 +15465,7 @@ var toggleVariants = (0, import_class_variance_authority7.cva)(
     }
   }
 );
-var Toggle = React66.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+var Toggle = React66.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
   TogglePrimitive.Root,
   {
     ref,
@@ -15415,20 +15476,20 @@ var Toggle = React66.forwardRef(({ className, variant, size, ...props }, ref) =>
 ));
 Toggle.displayName = TogglePrimitive.Root.displayName;
 var ToggleGroupContext = React66.createContext({ size: "default", variant: "default" });
-var ToggleGroup = React66.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+var ToggleGroup = React66.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
   ToggleGroupPrimitive.Root,
   {
     ref,
     "data-slot": "toggle-group",
     className: cn("flex items-center justify-center gap-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ToggleGroupContext.Provider, { value: { variant, size }, children })
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
 var ToggleGroupItem = React66.forwardRef(({ className, children, variant, size, ...props }, ref) => {
   const context = React66.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -15453,7 +15514,7 @@ init_cn();
 init_icons();
 init_controls();
 init_motion();
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var BASE_SIZE = 40;
 var BASE_ICON = 20;
 var REACH = 150;
@@ -15473,29 +15534,29 @@ function FloatingDock({
   growthFactor = 2,
   labelPosition = "top"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: cn("flex w-auto items-center justify-center bg-background", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(FloatingDockPhone, { items }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(FloatingDockDesktop, { items, growthFactor, labelPosition })
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: cn("flex w-auto items-center justify-center bg-background", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(FloatingDockPhone, { items }),
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(FloatingDockDesktop, { items, growthFactor, labelPosition })
   ] });
 }
 function BalancedFloatingDock(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(FloatingDock, { growthFactor: 1.8, labelPosition: "side", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(FloatingDock, { growthFactor: 1.8, labelPosition: "side", ...props });
 }
 function FloatingDockPhone({ items }) {
   const [open, setOpen] = React67.useState(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "relative block md:hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "relative block md:hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       Button2,
       {
         type: "button",
         variant: "quiet",
         "aria-label": open ? "Close menu" : "Open menu",
-        icon: open ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(PanelTopCloseIcon, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(PanelTopOpenIcon, { className: "h-5 w-5" }),
+        icon: open ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(PanelTopCloseIcon, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(PanelTopOpenIcon, { className: "h-5 w-5" }),
         "aria-expanded": open,
         onClick: () => setOpen(!open)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       "div",
       {
         "data-open": open,
@@ -15505,32 +15566,32 @@ function FloatingDockPhone({ items }) {
           PANEL_MOTION_CLASS,
           open ? "translate-y-0" : "pointer-events-none -translate-y-full"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex h-full flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("h2", { className: "text-lg font-medium", children: "Menu" }),
-            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex h-full flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center justify-between border-b border-border p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h2", { className: "text-lg font-medium", children: "Menu" }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
               Button2,
               {
                 type: "button",
                 variant: "quiet",
                 "aria-label": "Close menu",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(XIcon, { className: "h-6 w-6" }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(XIcon, { className: "h-6 w-6" }),
                 onClick: () => setOpen(false)
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex-1 overflow-y-auto", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "flex-1 overflow-y-auto", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime98.jsxs)("div", { className: "flex items-center space-x-4", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "h-5 w-5 [&>svg]:h-full [&>svg]:w-full", children: item.icon }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "font-medium", children: item.label })
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center space-x-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "h-5 w-5 [&>svg]:h-full [&>svg]:w-full", children: item.icon }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "font-medium", children: item.label })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ChevronRightIcon, { className: "h-5 w-5 text-muted-foreground" })
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ChevronRightIcon, { className: "h-5 w-5 text-muted-foreground" })
               ]
             },
             item.label
@@ -15557,7 +15618,7 @@ function FloatingDockDesktop({
       })
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     "div",
     {
       onMouseMove: (e) => measure(e.clientX),
@@ -15571,8 +15632,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_runtime98.jsx)(HostLink, { href: item.href, "aria-label": item.label, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "relative", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(HostLink, { href: item.href, "aria-label": item.label, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
             "div",
             {
               ref: (el) => {
@@ -15583,7 +15644,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_runtime98.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
                 "div",
                 {
                   style: { width: icon, height: icon },
@@ -15596,7 +15657,7 @@ function FloatingDockDesktop({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
             "div",
             {
               "data-shown": under,
@@ -15622,7 +15683,7 @@ init_writing_box();
 
 // src/deferred-dialog.tsx
 var React69 = __toESM(require("react"), 1);
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function deferredDialog(name, load, isOpen) {
   let pending = null;
   const preload = () => pending ??= load().then((component) => ({ default: component }));
@@ -15632,7 +15693,7 @@ function deferredDialog(name, load, isOpen) {
     const [opened, setOpened] = React69.useState(open);
     if (open && !opened) setOpened(true);
     if (!open && !opened) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(React69.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Body, { ...props }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(React69.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Body, { ...props }) });
   }
   Deferred.displayName = name;
   return Object.assign(Deferred, { preload });
@@ -15678,10 +15739,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_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime109 = 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_runtime108.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
     ClipboardFallbackDialog2,
     {
       open,
@@ -15698,7 +15759,7 @@ function ClipboardFallbackHost() {
 // src/floating-sheet.tsx
 var import_react21 = require("react");
 init_motion();
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 var FloatingSheet = ({
   children,
   isOpen,
@@ -16004,8 +16065,8 @@ var FloatingSheet = ({
     const bottomPadding = showFooter ? "" : "pb-safe";
     return `${basePadding} ${bottomPadding}`.trim();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
-    isOpen && hasBackdrop && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
+    isOpen && hasBackdrop && /* @__PURE__ */ (0, import_jsx_runtime110.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}`,
@@ -16014,7 +16075,7 @@ var FloatingSheet = ({
         "data-testid": "floating-sheet-backdrop"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
       "div",
       {
         ref: sheetRef,
@@ -16026,25 +16087,25 @@ var FloatingSheet = ({
         "aria-labelledby": "sheet-title",
         tabIndex: -1,
         "data-testid": "floating-sheet",
-        children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex flex-col h-full overflow-hidden", children: [
-          showHeader && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col h-full overflow-hidden", children: [
+          showHeader && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
             "div",
             {
               className: `flex items-center justify-between border-b border-border ${getMobileHeaderClass()} ${headerClassName}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                  typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("h2", { id: "sheet-title", className: `${isMobile ? "text-xl" : "text-lg"} font-semibold text-foreground`, children: title }) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { id: "sheet-title", children: title }),
-                  description && (typeof description === "string" ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "type-body text-muted-foreground mt-1", children: description }) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "mt-1", children: description }))
+                /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                  typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("h2", { id: "sheet-title", className: `${isMobile ? "text-xl" : "text-lg"} font-semibold text-foreground`, children: title }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { id: "sheet-title", children: title }),
+                  description && (typeof description === "string" ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "type-body text-muted-foreground mt-1", children: description }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "mt-1", children: description }))
                 ] }),
-                headerContent && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "ml-4 flex items-center", children: headerContent }),
-                showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+                headerContent && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "ml-4 flex items-center", children: headerContent }),
+                showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime110.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_runtime109.jsxs)(
+                    children: closeButton || /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
                       "svg",
                       {
                         xmlns: "http://www.w3.org/2000/svg",
@@ -16056,8 +16117,8 @@ var FloatingSheet = ({
                         strokeLinecap: "round",
                         strokeLinejoin: "round",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                         ]
                       }
                     )
@@ -16066,7 +16127,7 @@ var FloatingSheet = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
             "div",
             {
               ref: contentRef,
@@ -16075,7 +16136,7 @@ var FloatingSheet = ({
               children
             }
           ),
-          showFooter && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+          showFooter && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
             "div",
             {
               className: `border-t border-border ${getMobileFooterClass()} ${footerClassName}`,
@@ -16090,12 +16151,12 @@ var FloatingSheet = ({
 };
 
 // src/simple-tooltip.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var SimpleTooltip = ({ children, text }) => {
   if (!text) return children;
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(TooltipTrigger, { asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { children: text }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { children: text }) })
   ] });
 };
 var AdvancedTooltip = ({
@@ -16118,16 +16179,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_runtime110.jsxs)(Tooltip, { delayDuration, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(TooltipTrigger, { asChild: true, className, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Tooltip, { delayDuration, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(TooltipTrigger, { asChild: true, className, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       TooltipContent,
       {
         side,
         align,
         sideOffset,
         className: `${baseContentClasses} ${variantStyles[variant]} ${contentClassName}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "leading-none whitespace-pre-wrap", children: text })
+        children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "leading-none whitespace-pre-wrap", children: text })
       }
     )
   ] });
@@ -16137,7 +16198,7 @@ var AdvancedTooltip = ({
 var import_react22 = __toESM(require("react"), 1);
 init_cn();
 init_icons();
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 var animationStyles = `
   @keyframes pulseWave {
     0% { opacity: 0.3; transform: scale(0.8); }
@@ -16214,19 +16275,19 @@ var LoadingSpinner = ({
     }
   };
   const sizeClasses2 = getSizeClasses();
-  const renderDots = () => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: cn("flex items-center", sizeClasses2.container), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: cn(sizeClasses2.dot, "bg-primary dark:bg-primary-foreground rounded-full loading-pulse-1") }),
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: cn(sizeClasses2.dot, "bg-primary dark:bg-primary-foreground rounded-full loading-pulse-2") }),
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: cn(sizeClasses2.dot, "bg-primary dark:bg-primary-foreground rounded-full loading-pulse-3") })
+  const renderDots = () => /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: cn("flex items-center", sizeClasses2.container), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: cn(sizeClasses2.dot, "bg-primary dark:bg-primary-foreground rounded-full loading-pulse-1") }),
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: cn(sizeClasses2.dot, "bg-primary dark:bg-primary-foreground rounded-full loading-pulse-2") }),
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: cn(sizeClasses2.dot, "bg-primary dark:bg-primary-foreground rounded-full loading-pulse-3") })
   ] });
-  const renderBars = () => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: cn("flex items-center", sizeClasses2.container), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: cn(sizeClasses2.bar, "bg-primary dark:bg-primary-foreground rounded-sm loading-bounce-1") }),
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: cn(sizeClasses2.bar, "bg-primary dark:bg-primary-foreground rounded-sm loading-bounce-2") }),
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: cn(sizeClasses2.bar, "bg-primary dark:bg-primary-foreground rounded-sm loading-bounce-3") }),
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: cn(sizeClasses2.bar, "bg-primary dark:bg-primary-foreground rounded-sm loading-bounce-4") })
+  const renderBars = () => /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: cn("flex items-center", sizeClasses2.container), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: cn(sizeClasses2.bar, "bg-primary dark:bg-primary-foreground rounded-sm loading-bounce-1") }),
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: cn(sizeClasses2.bar, "bg-primary dark:bg-primary-foreground rounded-sm loading-bounce-2") }),
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: cn(sizeClasses2.bar, "bg-primary dark:bg-primary-foreground rounded-sm loading-bounce-3") }),
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: cn(sizeClasses2.bar, "bg-primary dark:bg-primary-foreground rounded-sm loading-bounce-4") })
   ] });
-  const renderBrain = () => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "relative w-6 h-6 flex items-center justify-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "absolute", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+  const renderBrain = () => /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "relative w-6 h-6 flex items-center justify-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "absolute", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
       "svg",
       {
         width: "24",
@@ -16234,7 +16295,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_runtime111.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime112.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",
@@ -16245,44 +16306,44 @@ var LoadingSpinner = ({
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "absolute inset-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime111.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_runtime111.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_runtime111.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_runtime111.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_runtime111.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_runtime112.jsxs)("div", { className: "absolute inset-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.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_runtime112.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_runtime112.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_runtime112.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_runtime112.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_runtime111.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_runtime111.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_runtime112.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_runtime112.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_runtime111.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: cn(sizeClasses2.dot, "bg-primary dark:bg-primary-foreground rounded-full loading-pulse-1") }) });
-  const renderWorkflow = () => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex flex-col items-center justify-center space-y-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime111.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_runtime111.jsx)(WorkflowIcon, { className: "w-8 h-8 text-primary dark:text-primary-foreground" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime111.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_runtime111.jsx)(PlusIcon, { className: "w-3 h-3 text-primary-foreground dark:text-primary" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime111.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_runtime112.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: cn(sizeClasses2.dot, "bg-primary dark:bg-primary-foreground rounded-full loading-pulse-1") }) });
+  const renderWorkflow = () => /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex flex-col items-center justify-center space-y-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.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_runtime112.jsx)(WorkflowIcon, { className: "w-8 h-8 text-primary dark:text-primary-foreground" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime112.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_runtime112.jsx)(PlusIcon, { className: "w-3 h-3 text-primary-foreground dark:text-primary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime112.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_runtime111.jsxs)("div", { className: "text-center space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("h2", { className: "text-lg font-semibold text-foreground flex items-center gap-2 justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Loader2Icon, { className: "w-4 h-4 matrx-spin" }),
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "text-center space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("h2", { className: "text-lg font-semibold text-foreground flex items-center gap-2 justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Loader2Icon, { className: "w-4 h-4 matrx-spin" }),
         title || "Loading Workflow"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "type-body text-muted-foreground max-w-sm", children: subtitle || message || "Setting up your workflow..." })
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "type-body text-muted-foreground max-w-sm", children: subtitle || message || "Setting up your workflow..." })
     ] }),
-    showProgressSteps && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-center gap-2 type-secondary text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "w-2 h-2 bg-primary dark:bg-primary-foreground rounded-full matrx-pulse" }),
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "Loading" })
+    showProgressSteps && /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex items-center gap-2 type-secondary text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "w-2 h-2 bg-primary dark:bg-primary-foreground rounded-full matrx-pulse" }),
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { children: "Loading" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "w-4 h-px bg-muted-foreground/30" }),
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "w-2 h-2 bg-muted-foreground/30 rounded-full" }),
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "Initializing" })
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "w-4 h-px bg-muted-foreground/30" }),
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "w-2 h-2 bg-muted-foreground/30 rounded-full" }),
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { children: "Initializing" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "w-4 h-px bg-muted-foreground/30" }),
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "w-2 h-2 bg-muted-foreground/30 rounded-full" }),
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "Ready" })
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "w-4 h-px bg-muted-foreground/30" }),
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "w-2 h-2 bg-muted-foreground/30 rounded-full" }),
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { children: "Ready" })
       ] })
     ] })
   ] });
@@ -16311,13 +16372,13 @@ var LoadingSpinner = ({
     }
   };
   if (variant === "workflow" && (fullscreen || overlay)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: cn(
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: cn(
       "flex items-center justify-center bg-background",
       fullscreen && "h-dvh w-full",
       className
     ), "aria-busy": "true", children: [
-      overlay && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "absolute inset-0 bg-background/80 backdrop-blur-sm z-50" }),
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: cn(
+      overlay && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "absolute inset-0 bg-background/80 backdrop-blur-sm z-50" }),
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: cn(
         "flex flex-col items-center justify-center",
         overlay && "relative z-50"
       ), children: renderWorkflow() })
@@ -16325,22 +16386,22 @@ var LoadingSpinner = ({
   }
   return (
     // aria-busy: a spinner is a stand-in, and whatever measures a settled layout waits for it.
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: cn("flex items-center", className), "aria-busy": "true", children: variant === "workflow" ? renderWorkflow() : /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: cn("flex items-center", className), "aria-busy": "true", children: variant === "workflow" ? renderWorkflow() : /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_jsx_runtime112.Fragment, { children: [
       renderSpinner(),
-      showMessage && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: cn("ml-3 text-muted-foreground", sizeClasses2.text), children: message || getDefaultMessage() })
+      showMessage && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: cn("ml-3 text-muted-foreground", sizeClasses2.text), children: message || getDefaultMessage() })
     ] }) })
   );
 };
 
 // src/mini-loader.tsx
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 function MatrxMiniLoader() {
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(LoadingSpinner, { variant: "dots", message: "Initializing Matrx...", size: "md" });
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(LoadingSpinner, { variant: "dots", message: "Initializing Matrx...", size: "md" });
 }
 
 // src/suspense-loader.tsx
 init_icons();
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_jsx_runtime114 = require("react/jsx-runtime");
 var sizeClasses = {
   xs: "h-3 w-3",
   sm: "h-4 w-4",
@@ -16353,7 +16414,7 @@ function SuspenseLoader({
   message,
   className = ""
 }) {
-  const spinner = /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+  const spinner = /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
     Loader2Icon,
     {
       className: `${sizeClasses[size]} matrx-spin text-disabled-foreground ${className}`,
@@ -16361,7 +16422,7 @@ function SuspenseLoader({
       "aria-label": message ? void 0 : "Loading"
     }
   );
-  const content = message ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+  const content = message ? /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
     "span",
     {
       className: "inline-flex items-center gap-2",
@@ -16369,12 +16430,12 @@ function SuspenseLoader({
       "aria-live": "polite",
       children: [
         spinner,
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { children: message })
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { children: message })
       ]
     }
   ) : spinner;
   if (centered) {
-    return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "flex items-center justify-center w-full h-full min-h-[2rem]", children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "flex items-center justify-center w-full h-full min-h-[2rem]", children: content });
   }
   return content;
 }
@@ -16382,7 +16443,7 @@ function SuspenseLoader({
 // src/shimmer-text.tsx
 init_cn();
 var import_react23 = require("react");
-var import_jsx_runtime114 = require("react/jsx-runtime");
+var import_jsx_runtime115 = 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%",
@@ -16410,7 +16471,7 @@ function useShimmerSweep(durationMs = 2e3) {
 }
 function ShimmerText({ text, className }) {
   const ref = useShimmerSweep();
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     "span",
     {
       ref,
@@ -16474,7 +16535,7 @@ var import_react_slot8 = require("@radix-ui/react-slot");
 var React79 = __toESM(require("react"), 1);
 init_icons();
 init_motion();
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var FIRST_USE_HINT_TITLE_MAX = 32;
 var FIRST_USE_HINT_DETAIL_MAX = 60;
 var FirstUseHintContext = React79.createContext(null);
@@ -16482,7 +16543,7 @@ function FirstUseHintProvider({
   store,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(FirstUseHintContext.Provider, { value: store, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(FirstUseHintContext.Provider, { value: store, children });
 }
 var sessionLearned = /* @__PURE__ */ new Set();
 var warnedNoProvider = false;
@@ -16565,9 +16626,9 @@ function FirstUseHint({
     }),
     [target]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(Popover, { open, children: [
-    pulse ? /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_jsx_runtime115.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Popover, { open, children: [
+    pulse ? /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_jsx_runtime116.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
         import_react_slot8.Slot,
         {
           ref: hostRef,
@@ -16576,8 +16637,8 @@ function FirstUseHint({
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(PopoverAnchor, { virtualRef })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(PopoverAnchor, { virtualRef })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
       PopoverAnchor,
       {
         asChild: true,
@@ -16589,7 +16650,7 @@ function FirstUseHint({
         children
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
       PopoverContent,
       {
         side,
@@ -16606,17 +16667,17 @@ function FirstUseHint({
         onInteractOutside: (e) => e.preventDefault(),
         onEscapeKeyDown: learn,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex items-center gap-1 py-0.5 pl-3 pr-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex min-w-0 flex-col py-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "type-secondary truncate font-medium text-foreground", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center gap-1 py-0.5 pl-3 pr-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex min-w-0 flex-col py-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime116.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_runtime115.jsx)("span", { className: "type-secondary line-clamp-2 text-muted-foreground", children: detail })
+                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "type-secondary line-clamp-2 text-muted-foreground", children: detail })
               ) : null
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(IconButton, { icon: XIcon, "aria-label": "Dismiss tip", className: "shrink-0", onClick: learn })
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(IconButton, { icon: XIcon, "aria-label": "Dismiss tip", className: "shrink-0", onClick: learn })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(PopoverPrimitive3.Arrow, { className: "fill-popover", width: 10, height: 5 })
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(PopoverPrimitive3.Arrow, { className: "fill-popover", width: 10, height: 5 })
         ]
       }
     )
@@ -16628,7 +16689,7 @@ var React80 = __toESM(require("react"), 1);
 init_cn();
 init_controls();
 init_icons();
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_jsx_runtime117 = require("react/jsx-runtime");
 var SKIP = "skip";
 function unansweredQuestions(preview, answers) {
   return preview.questions.filter((q) => !answers[q.id]);
@@ -16646,11 +16707,11 @@ function ItemDoor({ item, onOpenItem }) {
   const renderItem = React80.useContext(RenderItemContext);
   const hosted = renderItem ? renderItem(item) : null;
   if (hosted != null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { "data-change-item": item.id, className: "inline-flex max-w-full items-center", children: hosted });
+    return /* @__PURE__ */ (0, import_jsx_runtime117.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_runtime116.jsxs)("span", { "data-change-item": item.id, className: "inline-flex max-w-full items-center gap-0.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("span", { "data-change-item": item.id, className: "inline-flex max-w-full items-center gap-0.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
       Button2,
       {
         type: "button",
@@ -16661,12 +16722,12 @@ function ItemDoor({ item, onOpenItem }) {
         children: title
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
       Button2,
       {
         type: "button",
         variant: "quiet",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ExternalLinkIcon, {}),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ExternalLinkIcon, {}),
         "data-clickable": "",
         "aria-label": `Open ${title} in a new tab`,
         className: "shrink-0",
@@ -16678,9 +16739,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_runtime116.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_runtime116.jsx)(ItemDoor, { item, onOpenItem }, `${item.table ?? item.type}:${item.id}`)),
-    more > 0 ? /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime117.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_runtime117.jsx)(ItemDoor, { item, onOpenItem }, `${item.table ?? item.type}:${item.id}`)),
+    more > 0 ? /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
       "+",
       more,
       " more"
@@ -16688,17 +16749,17 @@ function Doors({ items, total, onOpenItem }) {
   ] });
 }
 function Row({ title, meta, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { "data-change-row": "", className: "flex flex-col gap-1 px-3 py-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-baseline justify-between gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "min-w-0 text-sm text-foreground", children: title }),
-      meta ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "shrink-0 text-xs text-muted-foreground", children: meta }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { "data-change-row": "", className: "flex flex-col gap-1 px-3 py-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex items-baseline justify-between gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "min-w-0 text-sm text-foreground", children: title }),
+      meta ? /* @__PURE__ */ (0, import_jsx_runtime117.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_runtime116.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
     "div",
     {
       role: "alert",
@@ -16706,8 +16767,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_runtime116.jsx)("span", { className: "text-sm font-medium text-foreground", children: warning.message }),
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Doors, { items, total: warning.count ?? items.length, onOpenItem })
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "text-sm font-medium text-foreground", children: warning.message }),
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Doors, { items, total: warning.count ?? items.length, onOpenItem })
       ]
     }
   );
@@ -16724,10 +16785,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_runtime116.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_runtime116.jsx)("span", { className: "text-sm text-foreground", children: question.prompt }),
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Doors, { items: question.items.sample, total: question.items.count, onOpenItem }),
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.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_runtime117.jsx)("span", { className: "text-sm text-foreground", children: question.prompt }),
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Doors, { items: question.items.sample, total: question.items.count, onOpenItem }),
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
       DecisionControl,
       {
         value,
@@ -16749,7 +16810,7 @@ function Question({ question, answer, onAnswer, onOpenItem, disabled }) {
         "aria-label": question.prompt
       }
     ),
-    chosen?.consequence ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "text-xs text-muted-foreground", children: chosen.consequence }) : null
+    chosen?.consequence ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "text-xs text-muted-foreground", children: chosen.consequence }) : null
   ] });
 }
 var VERB_WORDS = {
@@ -16758,7 +16819,7 @@ var VERB_WORDS = {
   move: { goes: "Moves with it", commit: "Move" }
 };
 function ReviewChanges({ renderItem, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(RenderItemContext.Provider, { value: renderItem, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ReviewChangesBody, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(RenderItemContext.Provider, { value: renderItem, children: /* @__PURE__ */ (0, import_jsx_runtime117.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" };
@@ -16772,23 +16833,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_runtime116.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_runtime116.jsx)(Alarm, { warning: w, onOpenItem }, `${w.kind}:${i}`)),
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(RowGroup, { title: preview.verb === "move" && target ? `Moving to ${target}` : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Row, { title: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Doors, { items: preview.roots, onOpenItem }) }) }),
-    moving.length ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(RowGroup, { title: words.goes, children: moving.map((g) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Row, { title: g.noun, meta: `${g.count_is_estimate ? "about " : ""}${g.count}`, children: /* @__PURE__ */ (0, import_jsx_runtime116.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_runtime116.jsxs)(RowGroup, { title: "Stays where it is", children: [
-      kept.map((w, i) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Row, { title: w.message ?? w.noun ?? "Used elsewhere", meta: w.count ?? void 0, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Doors, { items: w.items ?? [], total: w.count, onOpenItem }) }, `kept:${i}`)),
-      staying.map((g) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Row, { title: g.noun, meta: g.count, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Doors, { items: g.sample, total: g.count, onOpenItem }) }, `stay:${g.table ?? g.type}`))
+  return /* @__PURE__ */ (0, import_jsx_runtime117.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_runtime117.jsx)(Alarm, { warning: w, onOpenItem }, `${w.kind}:${i}`)),
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(RowGroup, { title: preview.verb === "move" && target ? `Moving to ${target}` : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Row, { title: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Doors, { items: preview.roots, onOpenItem }) }) }),
+    moving.length ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(RowGroup, { title: words.goes, children: moving.map((g) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Row, { title: g.noun, meta: `${g.count_is_estimate ? "about " : ""}${g.count}`, children: /* @__PURE__ */ (0, import_jsx_runtime117.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_runtime117.jsxs)(RowGroup, { title: "Stays where it is", children: [
+      kept.map((w, i) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Row, { title: w.message ?? w.noun ?? "Used elsewhere", meta: w.count ?? void 0, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Doors, { items: w.items ?? [], total: w.count, onOpenItem }) }, `kept:${i}`)),
+      staying.map((g) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Row, { title: g.noun, meta: g.count, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Doors, { items: g.sample, total: g.count, onOpenItem }) }, `stay:${g.table ?? g.type}`))
     ] }) : null,
-    preview.questions.length ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(RowGroup, { title: "Decide", children: preview.questions.map((q) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Question, { question: q, answer: answers[q.id], onAnswer, onOpenItem, disabled: busy }, q.id)) }) : null,
-    auto || unchecked ? /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex flex-wrap gap-2 px-1", children: [
-      auto ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Badge2, { tone: "neutral", children: `${auto.count ?? ""} decided automatically`.trim() }) : null,
-      unchecked ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Badge2, { tone: "neutral", children: "Links inside text not checked" }) : null
+    preview.questions.length ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(RowGroup, { title: "Decide", children: preview.questions.map((q) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Question, { question: q, answer: answers[q.id], onAnswer, onOpenItem, disabled: busy }, q.id)) }) : null,
+    auto || unchecked ? /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex flex-wrap gap-2 px-1", children: [
+      auto ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Badge2, { tone: "neutral", children: `${auto.count ?? ""} decided automatically`.trim() }) : null,
+      unchecked ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Badge2, { tone: "neutral", children: "Links inside text not checked" }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { "data-review-changes-actions": "", className: "flex flex-wrap items-center justify-end gap-2", children: [
-      suggestible.length ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Button2, { variant: "quiet", disabled: busy, onClick: () => suggestible.forEach((q) => onAnswer(q.id, q.suggested)), children: "Accept suggestions" }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Button2, { variant: "outline", disabled: busy, onClick: onCancel, children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Button2, { variant: preview.verb === "delete" ? "danger" : "primary", disabled: busy || !ready, onClick: onCommit, children: commitLabel ?? words.commit })
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { "data-review-changes-actions": "", className: "flex flex-wrap items-center justify-end gap-2", children: [
+      suggestible.length ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button2, { variant: "quiet", disabled: busy, onClick: () => suggestible.forEach((q) => onAnswer(q.id, q.suggested)), children: "Accept suggestions" }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button2, { variant: "outline", disabled: busy, onClick: onCancel, children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button2, { variant: preview.verb === "delete" ? "danger" : "primary", disabled: busy || !ready, onClick: onCommit, children: commitLabel ?? words.commit })
     ] })
   ] });
 }
@@ -16956,7 +17017,7 @@ function insertLines(boxes, id, line, col, cols) {
 }
 
 // src/grid-canvas/grid-canvas.tsx
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime118 = 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;
@@ -17131,7 +17192,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_runtime117.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
     "div",
     {
       ref: rootRef,
@@ -17151,8 +17212,8 @@ function GridCanvas({
         "--grid-rows-sm": preview?.breakpoint === "sm" ? rows.sm + 1 : rows.sm
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "matrx-grid-canvas-field", children: [
-          active && preview ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "matrx-grid-canvas-placeholder", "aria-hidden": true, style: placementVars(active, active) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "matrx-grid-canvas-field", children: [
+          active && preview ? /* @__PURE__ */ (0, import_jsx_runtime118.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];
@@ -17161,7 +17222,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_runtime117.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
               "div",
               {
                 ref: (el) => {
@@ -17177,8 +17238,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_runtime117.jsx)("div", { className: "matrx-grid-canvas-content", children: renderItem(item.id, { breakpoint, editing: editable }) }),
-                  editable ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "matrx-grid-canvas-content", children: renderItem(item.id, { breakpoint, editing: editable }) }),
+                  editable ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                     "span",
                     {
                       className: "matrx-grid-canvas-resize",
@@ -17193,7 +17254,7 @@ function GridCanvas({
             );
           })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { className: "matrx-grid-canvas-live", "aria-live": "polite", children: announcement })
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "matrx-grid-canvas-live", "aria-live": "polite", children: announcement })
       ]
     }
   );