@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/inputs/smart-input/ComposerDraftNotice.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { formatCount } from "@ai-matrx/kit/format";
 import { RotateCcw, TriangleAlert } from "lucide-react";
 import { useComposerDraftRestore } from "../../../redux/execution-system/instance-user-input/useComposerDraftRestore.js";
@@ -11,10 +12,22 @@ function ComposerDraftNotice({
 }) {
   const { restored, restoredChars, storageAvailable, enabled, acknowledge } = useComposerDraftRestore(conversationId, surfaceKey);
   if (restored) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5 px-1 pt-1 text-[11px] text-muted-foreground" }, /* @__PURE__ */ React.createElement(RotateCcw, { className: "w-3 h-3 shrink-0" }), /* @__PURE__ */ React.createElement("span", { className: "min-w-0" }, "We put your unsent draft back (", formatCount(restoredChars), " ", "characters)."), /* @__PURE__ */ React.createElement(Button, { variant: "link", onClick: acknowledge, className: "shrink-0" }, "Dismiss"));
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-1 pt-1 text-[11px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(RotateCcw, { className: "w-3 h-3 shrink-0" }),
+      /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+        "We put your unsent draft back (",
+        formatCount(restoredChars),
+        " ",
+        "characters)."
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "link", onClick: acknowledge, className: "shrink-0", children: "Dismiss" })
+    ] });
   }
   if (enabled && !storageAvailable && currentChars >= SILENCE_BELOW_CHARS) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5 px-1 pt-1 text-[11px] text-amber-600 dark:text-amber-500" }, /* @__PURE__ */ React.createElement(TriangleAlert, { className: "w-3 h-3 shrink-0" }), /* @__PURE__ */ React.createElement("span", null, "This browser is blocking storage, so this draft will not survive a reload. Copy it somewhere safe before you leave the page."));
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-1 pt-1 text-[11px] text-amber-600 dark:text-amber-500", children: [
+      /* @__PURE__ */ jsx(TriangleAlert, { className: "w-3 h-3 shrink-0" }),
+      /* @__PURE__ */ jsx("span", { children: "This browser is blocking storage, so this draft will not survive a reload. Copy it somewhere safe before you leave the page." })
+    ] });
   }
   return null;
 }

package/dist/agents/components/inputs/smart-input/ComposerToolsNotice.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Wrench } from "lucide-react";
 import { useAppDispatch, useAppSelector } from "../../../../store/hooks.js";
 import { selectEffectiveAutoTools } from "../../../redux/execution-system/utils/build-tool-injection.js";
@@ -27,7 +28,7 @@ function selectAttachmentNeedsAutoTools(state, conversationId) {
 }
 function ComposerToolsNotice({ conversationId }) {
   const { database } = useConversationAbilities();
-  return database ? /* @__PURE__ */ React.createElement(ComposerToolsNoticeBody, { conversationId }) : null;
+  return database ? /* @__PURE__ */ jsx(ComposerToolsNoticeBody, { conversationId }) : null;
 }
 function ComposerToolsNoticeBody({ conversationId }) {
   const dispatch = useAppDispatch();
@@ -39,12 +40,16 @@ function ComposerToolsNoticeBody({ conversationId }) {
     return !(agentId ? selectAgentAutoToolsDisabled(s, agentId) : false);
   });
   if (!needsTools) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5 px-1 pt-1 text-[11px] text-amber-600 dark:text-amber-500" }, /* @__PURE__ */ React.createElement(Wrench, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ React.createElement("span", { className: "min-w-0 truncate" }, "Auto tools are off; it may not fully use this"), /* @__PURE__ */ React.createElement(Button, { variant: "link", onClick: () => dispatch(
-    setBuilderAdvancedSettings({
-      conversationId,
-      changes: { autoTools: agentDefaultOn ? null : true }
-    })
-  ), className: "shrink-0" }, "Turn on"));
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-1 pt-1 text-[11px] text-amber-600 dark:text-amber-500", children: [
+    /* @__PURE__ */ jsx(Wrench, { className: "h-3 w-3 shrink-0" }),
+    /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: "Auto tools are off; it may not fully use this" }),
+    /* @__PURE__ */ jsx(Button, { variant: "link", onClick: () => dispatch(
+      setBuilderAdvancedSettings({
+        conversationId,
+        changes: { autoTools: agentDefaultOn ? null : true }
+      })
+    ), className: "shrink-0", children: "Turn on" })
+  ] });
 }
 export {
   ComposerToolsNotice,

package/dist/agents/components/inputs/smart-input/ComputeLensBar.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@ai-matrx/design-system/controls";
 import {
   Box,
@@ -30,7 +31,7 @@ function TargetGlyph({
   kind,
   className
 }) {
-  return kind === "local-pc" ? /* @__PURE__ */ React.createElement(Monitor, { className }) : /* @__PURE__ */ React.createElement(Box, { className });
+  return kind === "local-pc" ? /* @__PURE__ */ jsx(Monitor, { className }) : /* @__PURE__ */ jsx(Box, { className });
 }
 function TargetChipName({
   name,
@@ -38,9 +39,12 @@ function TargetChipName({
 }) {
   const { head, tail } = splitIdentifyingName(name);
   if (!tail) {
-    return /* @__PURE__ */ React.createElement("span", { className: cn("truncate", className) }, head);
+    return /* @__PURE__ */ jsx("span", { className: cn("truncate", className), children: head });
   }
-  return /* @__PURE__ */ React.createElement("span", { className: cn("flex min-w-0 items-baseline", className) }, /* @__PURE__ */ React.createElement("span", { className: "truncate" }, head), /* @__PURE__ */ React.createElement("span", { className: "shrink-0" }, tail));
+  return /* @__PURE__ */ jsxs("span", { className: cn("flex min-w-0 items-baseline", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "truncate", children: head }),
+    /* @__PURE__ */ jsx("span", { className: "shrink-0", children: tail })
+  ] });
 }
 function TargetChip({
   target,
@@ -49,33 +53,41 @@ function TargetChip({
 }) {
   const color = computeTargetIconColor(target, isBound);
   const kindLabel = computeTargetKindLabel(target.kind);
-  return /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: onSelect,
-      className: cn(
-        "inline-flex h-5 max-w-[16rem] min-w-0 items-center gap-1 rounded-full px-1.5 transition-colors",
-        isBound ? "bg-muted/80 hover:bg-muted" : "text-muted-foreground hover:bg-muted/60 hover:text-foreground"
-      ),
-      "aria-label": isBound ? `${kindLabel} connected: ${target.name}. Open compute settings.` : `Connect ${kindLabel}: ${target.name}`
-    },
-    isBound ? /* @__PURE__ */ React.createElement(Check, { className: "h-3 w-3 shrink-0 text-emerald-500" }) : /* @__PURE__ */ React.createElement(Plus, { className: "h-3 w-3 shrink-0 text-muted-foreground/70" }),
-    /* @__PURE__ */ React.createElement(
-      TargetGlyph,
-      {
-        kind: target.kind,
-        className: cn("h-3 w-3 shrink-0", color)
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      TargetChipName,
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
       {
-        name: target.name,
-        className: cn("text-[11px] font-medium", isBound && color)
+        type: "button",
+        onClick: onSelect,
+        className: cn(
+          "inline-flex h-5 max-w-[16rem] min-w-0 items-center gap-1 rounded-full px-1.5 transition-colors",
+          isBound ? "bg-muted/80 hover:bg-muted" : "text-muted-foreground hover:bg-muted/60 hover:text-foreground"
+        ),
+        "aria-label": isBound ? `${kindLabel} connected: ${target.name}. Open compute settings.` : `Connect ${kindLabel}: ${target.name}`,
+        children: [
+          isBound ? /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 shrink-0 text-emerald-500" }) : /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3 shrink-0 text-muted-foreground/70" }),
+          /* @__PURE__ */ jsx(
+            TargetGlyph,
+            {
+              kind: target.kind,
+              className: cn("h-3 w-3 shrink-0", color)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TargetChipName,
+            {
+              name: target.name,
+              className: cn("text-[11px] font-medium", isBound && color)
+            }
+          )
+        ]
       }
-    )
-  )), /* @__PURE__ */ React.createElement(TooltipContent, { side: "top" }, `${kindLabel}: ${target.name}${target.sandbox_id ? ` \xB7 ${target.sandbox_id}` : ""}`, isBound ? " \u2014 click to manage" : " \u2014 click to connect"));
+    ) }),
+    /* @__PURE__ */ jsxs(TooltipContent, { side: "top", children: [
+      `${kindLabel}: ${target.name}${target.sandbox_id ? ` \xB7 ${target.sandbox_id}` : ""}`,
+      isBound ? " \u2014 click to manage" : " \u2014 click to connect"
+    ] })
+  ] });
 }
 function BoundChip({
   view,
@@ -84,39 +96,47 @@ function BoundChip({
   const { label, remedy } = describeBoundTargetState(view);
   const kindLabel = computeTargetKindLabel(view.kind);
   const healthy = view.state === "online";
-  return /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: onOpenPanel,
-      className: cn(
-        "inline-flex h-5 max-w-[16rem] min-w-0 items-center gap-1 rounded-full px-1.5 transition-colors",
-        view.state === "gone" ? "bg-amber-500/10 hover:bg-amber-500/20" : "bg-muted/80 hover:bg-muted"
-      ),
-      "aria-label": `${kindLabel} for this chat: ${view.name} \u2014 ${label}. Open compute settings.`
-    },
-    view.state === "checking" ? /* @__PURE__ */ React.createElement(Loader2, { className: "h-3 w-3 shrink-0 animate-spin text-muted-foreground" }) : view.state === "online" ? /* @__PURE__ */ React.createElement(Check, { className: "h-3 w-3 shrink-0 text-emerald-500" }) : view.state === "asleep" ? /* @__PURE__ */ React.createElement(Moon, { className: "h-3 w-3 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ React.createElement(TriangleAlert, { className: "h-3 w-3 shrink-0 text-amber-500" }),
-    /* @__PURE__ */ React.createElement(
-      TargetGlyph,
-      {
-        kind: view.kind,
-        className: cn(
-          "h-3 w-3 shrink-0",
-          healthy ? view.kind === "local-pc" ? "text-blue-500" : "text-emerald-500" : "text-muted-foreground"
-        )
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      TargetChipName,
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
       {
-        name: view.name,
+        type: "button",
+        onClick: onOpenPanel,
         className: cn(
-          "text-[11px] font-medium",
-          healthy ? "text-foreground" : "text-muted-foreground"
-        )
+          "inline-flex h-5 max-w-[16rem] min-w-0 items-center gap-1 rounded-full px-1.5 transition-colors",
+          view.state === "gone" ? "bg-amber-500/10 hover:bg-amber-500/20" : "bg-muted/80 hover:bg-muted"
+        ),
+        "aria-label": `${kindLabel} for this chat: ${view.name} \u2014 ${label}. Open compute settings.`,
+        children: [
+          view.state === "checking" ? /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 shrink-0 animate-spin text-muted-foreground" }) : view.state === "online" ? /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 shrink-0 text-emerald-500" }) : view.state === "asleep" ? /* @__PURE__ */ jsx(Moon, { className: "h-3 w-3 shrink-0 text-muted-foreground" }) : /* @__PURE__ */ jsx(TriangleAlert, { className: "h-3 w-3 shrink-0 text-amber-500" }),
+          /* @__PURE__ */ jsx(
+            TargetGlyph,
+            {
+              kind: view.kind,
+              className: cn(
+                "h-3 w-3 shrink-0",
+                healthy ? view.kind === "local-pc" ? "text-blue-500" : "text-emerald-500" : "text-muted-foreground"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TargetChipName,
+            {
+              name: view.name,
+              className: cn(
+                "text-[11px] font-medium",
+                healthy ? "text-foreground" : "text-muted-foreground"
+              )
+            }
+          )
+        ]
       }
-    )
-  )), /* @__PURE__ */ React.createElement(TooltipContent, { side: "top" }, `This chat's ${kindLabel.toLowerCase()}: ${view.name} \u2014 ${label}.`, remedy ? ` ${remedy}` : " Click to manage."));
+    ) }),
+    /* @__PURE__ */ jsxs(TooltipContent, { side: "top", children: [
+      `This chat's ${kindLabel.toLowerCase()}: ${view.name} \u2014 ${label}.`,
+      remedy ? ` ${remedy}` : " Click to manage."
+    ] })
+  ] });
 }
 function ComputeLensBar({
   conversationId,
@@ -136,59 +156,74 @@ function ComputeLensBar({
   const handleChipClick = (target) => {
     applyBinding(target);
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
         "group inline-flex h-7 min-w-0 items-center rounded-full border border-border bg-card pl-1 pr-0.5 text-xs transition-colors hover:border-secondary/45",
         className
-      )
-    },
-    /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: loading ? /* @__PURE__ */ React.createElement(Loader2, { className: "animate-spin" }) : /* @__PURE__ */ React.createElement(Monitor, null), onClick: onOpenPanel, disabled: disabled && !loading, "aria-label": "Open sandbox and computer settings", className: "shrink-0" }, "Compute")), /* @__PURE__ */ React.createElement(TooltipContent, { side: "top" }, loading ? "Checking computers and sandboxes\u2026" : totalCount === 0 ? "Set up a sandbox or local computer" : "Manage sandbox and local computer bindings")),
-    boundView || visibleTargets.length > 0 || !loading && !hasBinding ? /* @__PURE__ */ React.createElement("span", { className: "mx-0.5 h-4 w-px shrink-0 bg-border/80", "aria-hidden": true }) : null,
-    /* @__PURE__ */ React.createElement("div", { className: "flex min-w-0 flex-1 items-center gap-0.5 overflow-hidden rounded-full transition-colors group-hover:bg-secondary/[0.04]" }, boundView ? /* @__PURE__ */ React.createElement(BoundChip, { view: boundView, onOpenPanel }) : null, !loading && !hasBinding && visibleTargets.length > 0 ? /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: "shrink-0 px-1 text-[11px] tabular-nums text-muted-foreground/70",
-        title: "No compute attached"
-      },
-      "None"
-    ) : null, visibleTargets.map((target) => /* @__PURE__ */ React.createElement(
-      TargetChip,
-      {
-        key: target.id,
-        target,
-        isBound: false,
-        onSelect: () => handleChipClick(target)
-      }
-    )), !boundView && visibleTargets.length === 0 && !loading ? /* @__PURE__ */ React.createElement(Button, { variant: "quiet", onClick: onOpenPanel, title: "No sandbox or local computer available" }, "None") : null),
-    hasBinding ? (
-      // The word "Detach", not an icon glyph — detaching must never require
-      // decoding icon language (Arman's ruling, 2026-08-08).
-      /* @__PURE__ */ React.createElement(
-        Button,
-        {
-          type: "button",
-          variant: "quiet",
-          className: "shrink-0",
-          onClick: () => applyBinding(null),
-          title: `Detach ${boundView?.name ?? "connected compute"} from this chat`
-        },
-        "Detach"
-      )
-    ) : null,
-    /* @__PURE__ */ React.createElement(ConfidentialToggle, { conversationId }),
-    (overflowCount > 0 || totalCount > 0) && /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: onOpenPanel,
-        className: "inline-flex h-5 shrink-0 items-center gap-0.5 rounded-full px-1.5 text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground group-hover:text-secondary/80",
-        "aria-label": overflowCount > 0 ? `${overflowCount} more compute targets \u2014 open full list` : "Open compute settings"
-      },
-      overflowCount > 0 ? /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-medium tabular-nums" }, "+", overflowCount) : null,
-      /* @__PURE__ */ React.createElement(ChevronDown, { className: "h-3 w-3 shrink-0 opacity-70" })
-    )
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: loading ? /* @__PURE__ */ jsx(Loader2, { className: "animate-spin" }) : /* @__PURE__ */ jsx(Monitor, {}), onClick: onOpenPanel, disabled: disabled && !loading, "aria-label": "Open sandbox and computer settings", className: "shrink-0", children: "Compute" }) }),
+          /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: loading ? "Checking computers and sandboxes\u2026" : totalCount === 0 ? "Set up a sandbox or local computer" : "Manage sandbox and local computer bindings" })
+        ] }),
+        boundView || visibleTargets.length > 0 || !loading && !hasBinding ? /* @__PURE__ */ jsx("span", { className: "mx-0.5 h-4 w-px shrink-0 bg-border/80", "aria-hidden": true }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-0.5 overflow-hidden rounded-full transition-colors group-hover:bg-secondary/[0.04]", children: [
+          boundView ? /* @__PURE__ */ jsx(BoundChip, { view: boundView, onOpenPanel }) : null,
+          !loading && !hasBinding && visibleTargets.length > 0 ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "shrink-0 px-1 text-[11px] tabular-nums text-muted-foreground/70",
+              title: "No compute attached",
+              children: "None"
+            }
+          ) : null,
+          visibleTargets.map((target) => /* @__PURE__ */ jsx(
+            TargetChip,
+            {
+              target,
+              isBound: false,
+              onSelect: () => handleChipClick(target)
+            },
+            target.id
+          )),
+          !boundView && visibleTargets.length === 0 && !loading ? /* @__PURE__ */ jsx(Button, { variant: "quiet", onClick: onOpenPanel, title: "No sandbox or local computer available", children: "None" }) : null
+        ] }),
+        hasBinding ? (
+          // The word "Detach", not an icon glyph — detaching must never require
+          // decoding icon language (Arman's ruling, 2026-08-08).
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "quiet",
+              className: "shrink-0",
+              onClick: () => applyBinding(null),
+              title: `Detach ${boundView?.name ?? "connected compute"} from this chat`,
+              children: "Detach"
+            }
+          )
+        ) : null,
+        /* @__PURE__ */ jsx(ConfidentialToggle, { conversationId }),
+        (overflowCount > 0 || totalCount > 0) && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onOpenPanel,
+            className: "inline-flex h-5 shrink-0 items-center gap-0.5 rounded-full px-1.5 text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground group-hover:text-secondary/80",
+            "aria-label": overflowCount > 0 ? `${overflowCount} more compute targets \u2014 open full list` : "Open compute settings",
+            children: [
+              overflowCount > 0 ? /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-medium tabular-nums", children: [
+                "+",
+                overflowCount
+              ] }) : null,
+              /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 shrink-0 opacity-70" })
+            ]
+          }
+        )
+      ]
+    }
   );
 }
 export {