@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/redux/execution-system/instance-ui-state/components/InstanceUIStateList.js

@@ -1,7 +1,8 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useClipboard } from "@ai-matrx/kit/clipboard";
 import { toast } from "../../../../../host/notify.js";
-import React, { useState } from "react";
+import { useState } from "react";
 import { cn } from "@ai-matrx/design-system";
 import {
   ChevronDown,
@@ -42,7 +43,7 @@ function InstanceRow({
   const { copied, copy } = useCopyText(conversationId);
   const shortId = conversationId.slice(0, 8) + "\u2026";
   const label = title ?? shortId;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       role: "button",
@@ -54,43 +55,45 @@ function InstanceRow({
       className: cn(
         "flex items-center gap-1.5 w-full px-2 py-1.5 text-left transition-colors border-l-2 group cursor-pointer select-none",
         isSelected ? "border-primary bg-primary/8" : "border-transparent hover:bg-muted/40"
-      )
-    },
-    /* @__PURE__ */ React.createElement(
-      MessageSquare,
-      {
-        className: cn(
-          "h-3 w-3 shrink-0",
-          isSelected ? "text-primary" : "text-muted-foreground"
-        )
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: cn(
-          "text-xs flex-1 min-w-0 truncate",
-          isSelected ? "text-primary font-medium" : "text-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          MessageSquare,
+          {
+            className: cn(
+              "h-3 w-3 shrink-0",
+              isSelected ? "text-primary" : "text-muted-foreground"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "text-xs flex-1 min-w-0 truncate",
+              isSelected ? "text-primary font-medium" : "text-foreground"
+            ),
+            children: label
+          }
+        ),
+        title && /* @__PURE__ */ jsx("span", { className: "text-[11px] font-mono text-muted-foreground/50 shrink-0 hidden group-hover:inline", children: shortId }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "quiet",
+            icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}),
+            glyphTone: copied ? "success" : void 0,
+            onClick: (e) => {
+              e.stopPropagation();
+              copy();
+            },
+            title: "Copy conversation ID",
+            "aria-label": "Copy conversation ID",
+            className: "opacity-0 group-hover:opacity-100 shrink-0"
+          }
         )
-      },
-      label
-    ),
-    title && /* @__PURE__ */ React.createElement("span", { className: "text-[11px] font-mono text-muted-foreground/50 shrink-0 hidden group-hover:inline" }, shortId),
-    /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        variant: "quiet",
-        icon: copied ? /* @__PURE__ */ React.createElement(Check, null) : /* @__PURE__ */ React.createElement(Copy, null),
-        glyphTone: copied ? "success" : void 0,
-        onClick: (e) => {
-          e.stopPropagation();
-          copy();
-        },
-        title: "Copy conversation ID",
-        "aria-label": "Copy conversation ID",
-        className: "opacity-0 group-hover:opacity-100 shrink-0"
-      }
-    )
+      ]
+    }
   );
 }
 function AgentGroup({
@@ -104,62 +107,67 @@ function AgentGroup({
   const { copied, copy } = useCopyText(group.agentId ?? "");
   const displayName = group.agentName ?? (group.agentId ? group.agentId.slice(0, 8) + "\u2026" : "Unassigned");
   const isUnassigned = group.agentId === null;
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      role: "button",
-      tabIndex: 0,
-      onClick: () => setOpen((v) => !v),
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") setOpen((v) => !v);
-      },
-      className: "flex items-center gap-1.5 w-full px-2 py-1.5 hover:bg-muted/40 cursor-pointer select-none transition-colors group"
-    },
-    open ? /* @__PURE__ */ React.createElement(ChevronDown, { className: "h-3 w-3 text-muted-foreground shrink-0" }) : /* @__PURE__ */ React.createElement(ChevronRight, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
-    /* @__PURE__ */ React.createElement(
-      Cpu,
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
       {
-        className: cn(
-          "h-3.5 w-3.5 shrink-0",
-          isUnassigned ? "text-muted-foreground/40" : hasActive ? "text-primary" : "text-muted-foreground"
-        )
+        role: "button",
+        tabIndex: 0,
+        onClick: () => setOpen((v) => !v),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") setOpen((v) => !v);
+        },
+        className: "flex items-center gap-1.5 w-full px-2 py-1.5 hover:bg-muted/40 cursor-pointer select-none transition-colors group",
+        children: [
+          open ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ jsx(
+            Cpu,
+            {
+              className: cn(
+                "h-3.5 w-3.5 shrink-0",
+                isUnassigned ? "text-muted-foreground/40" : hasActive ? "text-primary" : "text-muted-foreground"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "text-[11px] font-semibold uppercase tracking-wide flex-1 min-w-0 truncate",
+                isUnassigned ? "text-muted-foreground/60 italic" : hasActive ? "text-primary" : "text-muted-foreground"
+              ),
+              children: displayName
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground/50 shrink-0 ml-1", children: group.conversationIds.length }),
+          group.agentId && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "quiet",
+              icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}),
+              glyphTone: copied ? "success" : void 0,
+              onClick: (e) => {
+                e.stopPropagation();
+                copy();
+              },
+              title: "Copy agent ID",
+              "aria-label": "Copy agent ID",
+              className: "opacity-0 group-hover:opacity-100 shrink-0 ml-0.5"
+            }
+          )
+        ]
       }
     ),
-    /* @__PURE__ */ React.createElement(
-      "span",
+    open && /* @__PURE__ */ jsx("div", { className: "pl-2", children: group.conversationIds.map((convId) => /* @__PURE__ */ jsx(
+      InstanceRow,
       {
-        className: cn(
-          "text-[11px] font-semibold uppercase tracking-wide flex-1 min-w-0 truncate",
-          isUnassigned ? "text-muted-foreground/60 italic" : hasActive ? "text-primary" : "text-muted-foreground"
-        )
+        conversationId: convId,
+        isSelected: selectedIds.has(convId),
+        onSelect
       },
-      displayName
-    ),
-    /* @__PURE__ */ React.createElement("span", { className: "text-[10px] text-muted-foreground/50 shrink-0 ml-1" }, group.conversationIds.length),
-    group.agentId && /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        variant: "quiet",
-        icon: copied ? /* @__PURE__ */ React.createElement(Check, null) : /* @__PURE__ */ React.createElement(Copy, null),
-        glyphTone: copied ? "success" : void 0,
-        onClick: (e) => {
-          e.stopPropagation();
-          copy();
-        },
-        title: "Copy agent ID",
-        "aria-label": "Copy agent ID",
-        className: "opacity-0 group-hover:opacity-100 shrink-0 ml-0.5"
-      }
-    )
-  ), open && /* @__PURE__ */ React.createElement("div", { className: "pl-2" }, group.conversationIds.map((convId) => /* @__PURE__ */ React.createElement(
-    InstanceRow,
-    {
-      key: convId,
-      conversationId: convId,
-      isSelected: selectedIds.has(convId),
-      onSelect
-    }
-  ))));
+      convId
+    )) })
+  ] });
 }
 function InstanceUIStateList({
   openTabIds,
@@ -172,28 +180,36 @@ function InstanceUIStateList({
   const openSet = new Set(openTabIds);
   const totalCount = allIds.length;
   if (totalCount === 0) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
       {
         className: cn(
           "flex flex-col items-center justify-center py-10 px-3 text-center gap-2",
           className
-        )
-      },
-      /* @__PURE__ */ React.createElement(LayoutDashboard, { className: "h-6 w-6 text-muted-foreground opacity-25" }),
-      /* @__PURE__ */ React.createElement("p", { className: "text-xs text-muted-foreground" }, "No active instances")
+        ),
+        children: [
+          /* @__PURE__ */ jsx(LayoutDashboard, { className: "h-6 w-6 text-muted-foreground opacity-25" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No active instances" })
+        ]
+      }
     );
   }
-  return /* @__PURE__ */ React.createElement("div", { className: cn("flex flex-col min-h-0 h-full", className) }, /* @__PURE__ */ React.createElement("div", { className: "px-2 py-1 border-b border-border/50 shrink-0 flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-[11px] font-semibold text-muted-foreground uppercase tracking-wide" }, "Instances"), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] text-muted-foreground/60" }, totalCount)), /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-h-0 overflow-y-auto" }, groups.map((group, i) => /* @__PURE__ */ React.createElement(
-    AgentGroup,
-    {
-      key: group.agentId ?? "__unassigned__",
-      group,
-      selectedIds: openSet,
-      onSelect,
-      defaultOpen: i === 0
-    }
-  ))));
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col min-h-0 h-full", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-2 py-1 border-b border-border/50 shrink-0 flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold text-muted-foreground uppercase tracking-wide", children: "Instances" }),
+      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground/60", children: totalCount })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: groups.map((group, i) => /* @__PURE__ */ jsx(
+      AgentGroup,
+      {
+        group,
+        selectedIds: openSet,
+        onSelect,
+        defaultOpen: i === 0
+      },
+      group.agentId ?? "__unassigned__"
+    )) })
+  ] });
 }
 export {
   InstanceUIStateList

package/dist/agents/redux/execution-system/instance-variable-values/instance-variable-values.persistence.d.ts

@@ -51,6 +51,12 @@ export declare function parsePersistedHostValueNames(row: {
  */
 export declare const persistVariableAuthorship: import("@reduxjs/toolkit").AsyncThunk<void, {
     conversationId: string;
+    /**
+     * The names as they stood at submit. Pass them: the post-send cleanup
+     * (`resetUserVariableValues`) empties the live `hostValueNames` before the
+     * stream ends, so reading the store here wrote nothing.
+     */
+    names?: readonly string[];
 }, {
     extra?: unknown;
     rejectValue?: unknown;

package/dist/agents/redux/execution-system/instance-variable-values/instance-variable-values.persistence.js

@@ -9,8 +9,10 @@ function parsePersistedHostValueNames(row) {
 }
 const persistVariableAuthorship = createAsyncThunk(
   "instanceVariableValues/persistAuthorship",
-  async ({ conversationId }, { getState }) => {
-    const names = getState().instanceVariableValues.byConversationId[conversationId]?.hostValueNames ?? [];
+  async ({ conversationId, names: atSubmit }, { getState }) => {
+    const names = [
+      ...atSubmit ?? getState().instanceVariableValues.byConversationId[conversationId]?.hostValueNames ?? []
+    ];
     if (names.length === 0) return;
     const persisted = await waitForConversationPersisted(conversationId);
     if (!persisted) {

package/dist/agents/redux/execution-system/thunks/execute-instance.thunk.js

@@ -94,6 +94,7 @@ import { validateMessageBlocks } from "../../../runtime/validation.js";
 import { getCapabilitiesForConversation } from "../../../runtime/get-model-capabilities.js";
 import {
   restoreVariableValues,
+  setHostVariableValues,
   stampSubmittedFirstTurnValues,
   clearSubmittedFirstTurnValues
 } from "../instance-variable-values/instance-variable-values.slice.js";
@@ -369,26 +370,42 @@ const executeInstance = createAsyncThunk(
           );
         }
       }
-      const hasFirstTurnVariables = isFirstTurn(state, conversationId) && Boolean(payload.variables && Object.keys(payload.variables).length > 0);
-      const hostNamesAtSubmit = selectHostVariableNames(conversationId)(state);
-      if (hasFirstTurnVariables && payload.variables) {
+      const hostExtras = takeTurnExtras(conversationId);
+      const gateVariables = hostExtras?.variables ?? {};
+      const gateVariableNames = Object.keys(gateVariables);
+      const firstTurnVariables = {
+        ...payload.variables ?? {},
+        ...gateVariables
+      };
+      const hasFirstTurnVariables = isFirstTurn(state, conversationId) && Object.keys(firstTurnVariables).length > 0;
+      const storedHostNames = selectHostVariableNames(conversationId)(state);
+      const hostNamesAtSubmit = [
+        ...storedHostNames,
+        ...gateVariableNames.filter((name) => !storedHostNames.includes(name))
+      ];
+      const gateAuthorshipIsNew = gateVariableNames.some(
+        (name) => !storedHostNames.includes(name)
+      );
+      if (hasFirstTurnVariables) {
         dispatch(
           restoreVariableValues({
             conversationId,
-            values: payload.variables,
+            values: firstTurnVariables,
             hostValueNames: hostNamesAtSubmit
           })
         );
         dispatch(
           stampSubmittedFirstTurnValues({
             conversationId,
-            values: payload.variables,
+            values: firstTurnVariables,
             hostValueNames: hostNamesAtSubmit
           })
         );
         firstTurnSnapshotStamped = true;
+      } else if (gateAuthorshipIsNew) {
+        dispatch(setHostVariableValues({ conversationId, values: gateVariables }));
       }
-      const shouldPersistAuthorship = hasFirstTurnVariables && hostNamesAtSubmit.length > 0;
+      const shouldPersistAuthorship = hasFirstTurnVariables && hostNamesAtSubmit.length > 0 || gateAuthorshipIsNew;
       const resourceBlocks = Array.isArray(payload.user_input) ? payload.user_input.filter((part) => part.type !== "text").map(userInputPartToMessagePart) : [];
       const assembledUserText = Array.isArray(payload.user_input) ? payload.user_input.filter((part) => part.type === "text").map((part) => part.text ?? "").filter(Boolean).join("\n\n") : typeof payload.user_input === "string" ? payload.user_input : "";
       const displayContent = assembledUserText;
@@ -487,7 +504,6 @@ const executeInstance = createAsyncThunk(
       const pendingBypass = dispatch(
         consumePendingCacheBypass(conversationId)
       );
-      const hostExtras = takeTurnExtras(conversationId);
       if (isContinuation && instance.mandateKey && !instance.initialAgentVersionId && continuesThroughMandate(conversationId)) {
         const start = resolveStartPath({
           agentId: instance.agentId,
@@ -622,7 +638,7 @@ const executeInstance = createAsyncThunk(
               );
             }
             if (shouldPersistAuthorship) {
-              await dispatch(persistVariableAuthorship({ conversationId }));
+              await dispatch(persistVariableAuthorship({ conversationId, names: hostNamesAtSubmit }));
             }
           }
           return result;

package/dist/agents/resources/ResourceChips.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useState, useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
 import { X, StickyNote, CheckSquare, Table2, Globe, File, FolderKanban, FileText, Image, Mic } from "lucide-react";
 import { Youtube } from "@ai-matrx/icons/brand";
 import { motion } from "motion/react";
@@ -99,44 +100,46 @@ function ResourceChips({ resources, onRemove, onPreview }) {
   if (resources.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     motion.div,
     {
       initial: { opacity: 0, y: -5 },
       animate: { opacity: 1, y: 0 },
-      className: "flex flex-wrap gap-1.5 mb-2 px-2"
-    },
-    resources.map((resource, index) => {
-      const display = getResourceDisplay(resource);
-      const Icon = display.icon;
-      return /* @__PURE__ */ React.createElement(
-        motion.div,
-        {
-          key: index,
-          initial: { opacity: 0, scale: 0.9 },
-          animate: { opacity: 1, scale: 1 },
-          exit: { opacity: 0, scale: 0.9 },
-          whileHover: { scale: 1.05 },
-          className: `inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium cursor-pointer transition-all ${display.bgColor} hover:shadow-md hover:brightness-105 dark:hover:brightness-110 hover:ring-1 hover:ring-black/10 dark:hover:ring-white/10`,
-          onMouseEnter: () => setHoveredIndex(index),
-          onMouseLeave: () => setHoveredIndex(null),
-          onClick: () => onPreview?.(resource, index)
-        },
-        /* @__PURE__ */ React.createElement(Icon, { className: `w-3 h-3 mr-1 ${display.color}` }),
-        /* @__PURE__ */ React.createElement("span", { className: "text-gray-900 dark:text-gray-100 select-none" }, truncateLabel(display.label)),
-        resource.type === "youtube" && /* @__PURE__ */ React.createElement(
-          VideoPublishDate,
+      className: "flex flex-wrap gap-1.5 mb-2 px-2",
+      children: resources.map((resource, index) => {
+        const display = getResourceDisplay(resource);
+        const Icon = display.icon;
+        return /* @__PURE__ */ jsxs(
+          motion.div,
           {
-            publishedAt: resource.data.publishedAt,
-            className: "ml-1 text-[9px] text-gray-600 dark:text-gray-400"
-          }
-        ),
-        /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(X, null), onClick: (e) => {
-          e.stopPropagation();
-          onRemove(index);
-        }, "aria-label": `Remove ${display.label}`, className: "ml-1" })
-      );
-    })
+            initial: { opacity: 0, scale: 0.9 },
+            animate: { opacity: 1, scale: 1 },
+            exit: { opacity: 0, scale: 0.9 },
+            whileHover: { scale: 1.05 },
+            className: `inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium cursor-pointer transition-all ${display.bgColor} hover:shadow-md hover:brightness-105 dark:hover:brightness-110 hover:ring-1 hover:ring-black/10 dark:hover:ring-white/10`,
+            onMouseEnter: () => setHoveredIndex(index),
+            onMouseLeave: () => setHoveredIndex(null),
+            onClick: () => onPreview?.(resource, index),
+            children: [
+              /* @__PURE__ */ jsx(Icon, { className: `w-3 h-3 mr-1 ${display.color}` }),
+              /* @__PURE__ */ jsx("span", { className: "text-gray-900 dark:text-gray-100 select-none", children: truncateLabel(display.label) }),
+              resource.type === "youtube" && /* @__PURE__ */ jsx(
+                VideoPublishDate,
+                {
+                  publishedAt: resource.data.publishedAt,
+                  className: "ml-1 text-[9px] text-gray-600 dark:text-gray-400"
+                }
+              ),
+              /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(X, {}), onClick: (e) => {
+                e.stopPropagation();
+                onRemove(index);
+              }, "aria-label": `Remove ${display.label}`, className: "ml-1" })
+            ]
+          },
+          index
+        );
+      })
+    }
   );
 }
 export {

package/dist/agents/resources/ResourceDisplay.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import {
   StickyNote,
   CheckSquare,
@@ -63,49 +64,67 @@ function ResourceDisplay({ resource, className }) {
   const { display: contentDisplay, isTruncated } = formatContent(resource.content, isExpanded ? 1e4 : 500);
   const hasContent = !!resource.content;
   const url = resource.metadata.url;
-  return /* @__PURE__ */ React.createElement("div", { className: cn(
+  return /* @__PURE__ */ jsxs("div", { className: cn(
     "rounded-lg border overflow-hidden my-2",
     displayInfo.bgColor,
     displayInfo.borderColor,
     className
-  ) }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: cn(
-        "flex items-center gap-2 px-3 py-2",
-        hasContent && "cursor-pointer hover:bg-black/5 dark:hover:bg-white/5 transition-colors"
-      ),
-      onClick: () => hasContent && setIsExpanded(!isExpanded)
-    },
-    /* @__PURE__ */ React.createElement(Icon, { className: cn("w-4 h-4 flex-shrink-0", displayInfo.color) }),
-    /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: cn("text-sm font-medium", displayInfo.color) }, title), resource.metadata.status && /* @__PURE__ */ React.createElement(Badge, { variant: "outline", className: "text-[10px] px-1 py-0 h-4" }, resource.metadata.status), resource.type === "youtube" && /* @__PURE__ */ React.createElement(
-      VideoPublishDate,
+  ), children: [
+    /* @__PURE__ */ jsxs(
+      "div",
       {
-        publishedAt: resource.metadata.publishedAt ?? resource.metadata.published_at
+        className: cn(
+          "flex items-center gap-2 px-3 py-2",
+          hasContent && "cursor-pointer hover:bg-black/5 dark:hover:bg-white/5 transition-colors"
+        ),
+        onClick: () => hasContent && setIsExpanded(!isExpanded),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: cn("w-4 h-4 flex-shrink-0", displayInfo.color) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: cn("text-sm font-medium", displayInfo.color), children: title }),
+              resource.metadata.status && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-[10px] px-1 py-0 h-4", children: resource.metadata.status }),
+              resource.type === "youtube" && /* @__PURE__ */ jsx(
+                VideoPublishDate,
+                {
+                  publishedAt: resource.metadata.publishedAt ?? resource.metadata.published_at
+                }
+              )
+            ] }),
+            (resource.metadata.folder || resource.metadata.project) && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+              resource.metadata.folder && `In: ${resource.metadata.folder}`,
+              resource.metadata.project && ` | Project`
+            ] })
+          ] }),
+          url && /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "quiet",
+              onClick: (e) => {
+                e.stopPropagation();
+                window.open(url, "_blank");
+              },
+              children: /* @__PURE__ */ jsx(ExternalLink, { className: "w-3 h-3" })
+            }
+          ),
+          hasContent && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: isExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "w-4 h-4 text-muted-foreground" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4 text-muted-foreground" }) })
+        ]
       }
-    )), (resource.metadata.folder || resource.metadata.project) && /* @__PURE__ */ React.createElement("div", { className: "text-xs text-muted-foreground" }, resource.metadata.folder && `In: ${resource.metadata.folder}`, resource.metadata.project && ` | Project`)),
-    url && /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        variant: "quiet",
-        onClick: (e) => {
-          e.stopPropagation();
-          window.open(url, "_blank");
-        }
-      },
-      /* @__PURE__ */ React.createElement(ExternalLink, { className: "w-3 h-3" })
     ),
-    hasContent && /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0" }, isExpanded ? /* @__PURE__ */ React.createElement(ChevronDown, { className: "w-4 h-4 text-muted-foreground" }) : /* @__PURE__ */ React.createElement(ChevronRight, { className: "w-4 h-4 text-muted-foreground" }))
-  ), hasContent && isExpanded && /* @__PURE__ */ React.createElement("div", { className: "px-3 py-2 border-t border-current/10" }, /* @__PURE__ */ React.createElement("div", { className: "text-xs text-foreground/80 whitespace-pre-wrap break-words font-mono" }, contentDisplay), isTruncated && /* @__PURE__ */ React.createElement(Button, { variant: "link", onClick: (e) => {
-    e.stopPropagation();
-    setIsExpanded(false);
-  }, className: "mt-1" }, "Show less")));
+    hasContent && isExpanded && /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 border-t border-current/10", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-xs text-foreground/80 whitespace-pre-wrap break-words font-mono", children: contentDisplay }),
+      isTruncated && /* @__PURE__ */ jsx(Button, { variant: "link", onClick: (e) => {
+        e.stopPropagation();
+        setIsExpanded(false);
+      }, className: "mt-1", children: "Show less" })
+    ] })
+  ] });
 }
 function ResourcesContainer({ resources, className }) {
   if (resources.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement("div", { className: cn("space-y-2", className) }, resources.map((resource, index) => /* @__PURE__ */ React.createElement(ResourceDisplay, { key: `${resource.type}-${resource.id}-${index}`, resource })));
+  return /* @__PURE__ */ jsx("div", { className: cn("space-y-2", className), children: resources.map((resource, index) => /* @__PURE__ */ jsx(ResourceDisplay, { resource }, `${resource.type}-${resource.id}-${index}`)) });
 }
 export {
   ResourceDisplay,

package/dist/agents/route/AgentHydratorServer.js

@@ -1,9 +1,10 @@
+import { jsx } from "react/jsx-runtime";
 import { getAgent } from "../../host/server-deps.js";
 import { AgentHydrator } from "./AgentHydrator.js";
 async function AgentHydratorServer({ agentId }) {
   const agent = await getAgent(agentId);
   if (!agent) return null;
-  return /* @__PURE__ */ React.createElement(AgentHydrator, { definition: agent });
+  return /* @__PURE__ */ jsx(AgentHydrator, { definition: agent });
 }
 export {
   AgentHydratorServer

package/dist/agents/routing/ConfidentialToggle.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useSyncExternalStore } from "react";
 import { Lock, LockOpen } from "lucide-react";
 import { getChatHost, isChatHostConfigured } from "../../host/configure.js";
@@ -20,7 +20,7 @@ function ConfidentialToggle({ conversationId, className }) {
   const { policy, settable, set } = useConversationRoutingPolicy(conversationId);
   if (!settable) return null;
   const on = policy === "local-only";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "button",
     {
       type: "button",
@@ -29,10 +29,12 @@ function ConfidentialToggle({ conversationId, className }) {
       "data-testid": "confidential-toggle",
       onClick: () => set(on ? "any" : "local-only"),
       title: on ? "Confidential: this chat runs only on this computer" : "Keep this chat on this computer",
-      className: "inline-flex h-5 shrink-0 items-center gap-1 rounded-full px-1.5 text-[11px] transition-colors " + (on ? "bg-amber-500/15 text-amber-700 dark:text-amber-300" : "text-muted-foreground hover:bg-muted/60") + (className ? ` ${className}` : "")
-    },
-    on ? /* @__PURE__ */ React.createElement(Lock, { className: "h-3 w-3" }) : /* @__PURE__ */ React.createElement(LockOpen, { className: "h-3 w-3" }),
-    "Confidential"
+      className: "inline-flex h-5 shrink-0 items-center gap-1 rounded-full px-1.5 text-[11px] transition-colors " + (on ? "bg-amber-500/15 text-amber-700 dark:text-amber-300" : "text-muted-foreground hover:bg-muted/60") + (className ? ` ${className}` : ""),
+      children: [
+        on ? /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(LockOpen, { className: "h-3 w-3" }),
+        "Confidential"
+      ]
+    }
   );
 }
 export {