@ai-matrx/chat 0.6.6 → 0.7.1

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

@@ -199,13 +199,11 @@ function InboxQueueStripBody({ conversationId }) {
                   {
                     type: "button",
                     icon: RotateCcw,
-                    size: "xs",
                     variant: "ghost",
                     tooltip: "Retry \u2014 try saving this message to the queue again.",
                     tooltipSide: "top",
                     "aria-label": "Retry queued message",
                     className: queueActionClassName,
-                    iconClassName: "h-4 w-4",
                     onClick: () => {
                       dispatch(
                         removeInboxItem({
@@ -228,13 +226,11 @@ function InboxQueueStripBody({ conversationId }) {
                   {
                     type: "button",
                     icon: Zap,
-                    size: "xs",
                     variant: "ghost",
                     tooltip: "Deliver at the next pause \u2014 the agent keeps working, but receives this sooner.",
                     tooltipSide: "top",
                     "aria-label": "Deliver queued message at the agent's next pause",
                     className: queueActionClassName,
-                    iconClassName: "h-4 w-4",
                     onClick: async () => {
                       setPromotingIds(
                         (ids) => new Set(ids).add(item.injectionId)
@@ -261,13 +257,11 @@ function InboxQueueStripBody({ conversationId }) {
                   {
                     type: "button",
                     icon: Pencil,
-                    size: "xs",
                     variant: "ghost",
                     tooltip: "Edit \u2014 change this message before the agent receives it.",
                     tooltipSide: "top",
                     "aria-label": "Edit queued message",
                     className: queueActionClassName,
-                    iconClassName: "h-4 w-4",
                     onClick: () => setEditing({
                       injectionId: item.injectionId,
                       mode: item.mode,
@@ -280,13 +274,11 @@ function InboxQueueStripBody({ conversationId }) {
                   {
                     type: "button",
                     icon: X,
-                    size: "xs",
                     variant: "ghost",
                     tooltip: failed ? "Dismiss \u2014 remove this failed message." : "Withdraw \u2014 remove this message before the agent receives it.",
                     tooltipSide: "top",
                     "aria-label": failed ? "Dismiss failed message" : "Withdraw queued message",
                     className: queueActionClassName,
-                    iconClassName: "h-4 w-4",
                     onClick: () => dispatch(
                       retractInboxItem({
                         conversationId,

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

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { UntrustedCount } from "../../../../host/ui-slots.js";
 import { readOf } from "../../../../host/ui-slots.js";
 import { useEffect } from "react";
@@ -14,6 +14,7 @@ import {
   PicksSkeletons,
   PicksSwitchRow
 } from "./RunPicksSurface.js";
+import { DeviceToolsModeRow } from "./DeviceToolsModeRow.js";
 import { ReadFailure } from "../../../../host/ui-slots.js";
 import {
   selectAgentError,
@@ -206,16 +207,19 @@ function RunToolPicker({ conversationId }) {
     {
       noun: "tools",
       icon: Wrench,
-      topSlot: /* @__PURE__ */ jsx(
-        PicksSwitchRow,
-        {
-          label: "Auto tools",
-          detail: autoChoice === null ? "Agent default" : "This chat",
-          title: `Agent default: ${agentDefaultOn ? "on" : "off"}`,
-          checked: autoOn,
-          onCheckedChange: setAutoTools
-        }
-      ),
+      topSlot: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          PicksSwitchRow,
+          {
+            label: "Auto tools",
+            detail: autoChoice === null ? "Agent default" : "This chat",
+            title: `Agent default: ${agentDefaultOn ? "on" : "off"}`,
+            checked: autoOn,
+            onCheckedChange: setAutoTools
+          }
+        ),
+        /* @__PURE__ */ jsx(DeviceToolsModeRow, { agentId: agentId ?? null })
+      ] }),
       notice: modelSupportsTools ? null : /* @__PURE__ */ jsx(PicksNotice, { icon: AlertTriangle, children: "This model can't use tools; they're dropped" }),
       agentCount: /* @__PURE__ */ jsx(
         UntrustedCount,

package/dist/agents/components/inputs/smart-input/composer/ComposerPlusMenu.js

@@ -12,6 +12,7 @@ import {
   Eye,
   CornerDownLeft,
   Cpu,
+  Crown,
   FileText,
   FolderOpen,
   Globe,
@@ -30,6 +31,9 @@ import {
 } from "lucide-react";
 import { Popover, PopoverContent, PopoverTrigger } from "@ai-matrx/design-system";
 import { useAppDispatch, useAppSelector } from "../../../../../store/hooks.js";
+import { selectShowCreatorPanel, toggleShowCreatorPanel } from "../../../../../host/prefs.js";
+import { selectIsSuperAdmin } from "../../../../../host/identity.js";
+import { selectIsCreator } from "../../../../redux/execution-system/instance-ui-state/instance-ui-state.selectors.js";
 import { ResourcePickerMenu } from "../../../../../host/ui-slots.js";
 import { flattenResourcePickerItems } from "../../../../../host/ui-slots.js";
 import { useKnowledgeAttachSearch } from "../../../../../host/ui-slots.js";
@@ -109,6 +113,10 @@ function ComposerPlusMenu({
   onOpenChange
 }) {
   const dispatch = useAppDispatch();
+  const isCreator = useAppSelector(selectIsCreator(conversationId));
+  const isSystemAdmin = useAppSelector(selectIsSuperAdmin);
+  const showCreatorSwitch = isCreator || isSystemAdmin;
+  const showCreatorPanel = useAppSelector(selectShowCreatorPanel);
   const touchOnly = useTouchOnlyDevice();
   const [openState, setOpenState] = useState(false);
   const open = openProp ?? openState;
@@ -345,6 +353,20 @@ function ComposerPlusMenu({
         onCheckedChange: (value) => dispatch(setAutoClearMode({ conversationId, value, surfaceKey }))
       }
     ) : null,
+    showCreatorSwitch ? (
+      // The agent's creator (or a system admin): the creator panel above
+      // the variables. The choice is saved to the person's preferences,
+      // so it opens the same way on the next load (Arman, 2026-10-08).
+      /* @__PURE__ */ jsx(
+        ComposerMenuSwitchRow,
+        {
+          icon: Crown,
+          label: "Creator panel",
+          checked: showCreatorPanel,
+          onCheckedChange: () => dispatch(toggleShowCreatorPanel())
+        }
+      )
+    ) : null,
     /* @__PURE__ */ jsx(ComposerMenuDivider, {}),
     /* @__PURE__ */ jsx(
       ComposerMenuRow,

package/dist/agents/components/inputs/smart-input/rail-pill.d.ts

@@ -0,0 +1,35 @@
+/**
+ * The composer rail's pill: icon + ONE word, the full name / detail / hint in the tooltip, and an
+ * optional floating X. Shared by `ConversationContextRail` and the host companion-panel pills
+ * (`ConversationCompanionPills`) so a pill looks and behaves the same wherever it sits.
+ */
+import type { LucideIcon } from "lucide-react";
+export type RailTone = "default" | "primary";
+export interface RailItem {
+    id: string;
+    icon: LucideIcon;
+    /** Full name — shown in the tooltip and the overflow menu, never on the pill. */
+    label: string;
+    /** ONE word for the pill face (chips stay tiny; the tooltip carries the rest). */
+    word: string;
+    /** Short trailing meta (e.g. "3/5", a count, a status word) — tooltip only. */
+    detail?: string;
+    /** One-line description of what clicking does, for the tooltip. */
+    hint?: string;
+    tone?: RailTone;
+    /** Tiny spinner instead of a static state (e.g. saving). */
+    busy?: boolean;
+    /** Pill's detail surface is currently open. */
+    active?: boolean;
+    onOpen: () => void;
+    /** Floating X — detaches the item from this conversation's context. */
+    onRemove?: () => void;
+}
+/**
+ * Tiny pill: icon + ONE word. Everything else (full name, status, click hint)
+ * lives in the tooltip; a floating X (hover/focus reveal, always visible on
+ * touch) detaches the item from this conversation's context.
+ */
+export declare function RailPill({ item }: {
+    item: RailItem;
+}): import("react").JSX.Element;

package/dist/agents/components/inputs/smart-input/rail-pill.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@ai-matrx/design-system";
+import { ComposerChip } from "./ComposerChip.js";
+function RailPill({ item }) {
+  const Icon = item.icon;
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { "data-rail-entry": "", className: "inline-flex shrink-0", children: /* @__PURE__ */ jsx(
+      ComposerChip,
+      {
+        tone: item.tone === "primary" ? "primary" : "neutral",
+        pressed: item.active ? true : void 0,
+        busy: item.busy,
+        icon: /* @__PURE__ */ jsx(Icon, {}),
+        label: item.word,
+        onClick: item.onOpen,
+        "aria-label": item.label,
+        remove: item.onRemove ? { label: `Remove ${item.label}`, onRemove: item.onRemove } : void 0
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxs(TooltipContent, { side: "top", className: "max-w-[16rem]", children: [
+      /* @__PURE__ */ jsx("div", { className: "font-medium text-popover-foreground", children: item.label }),
+      item.detail && /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-muted-foreground", children: item.detail }),
+      item.hint && /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-[10px] text-muted-foreground/80", children: item.hint })
+    ] })
+  ] });
+}
+export {
+  RailPill
+};

package/dist/agents/components/inputs/variable-input-variations/AgentVariableForm.js

@@ -262,6 +262,40 @@ function VariableField({ conversationId, def, value, onChange }) {
     )
   ] });
 }
+function OtherAnswerBox({
+  otherText,
+  onTextChange
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "mt-1 pl-6", children: /* @__PURE__ */ jsx(
+    VoiceTextarea,
+    {
+      value: otherText === "__other__" ? "" : otherText,
+      placeholder: "Enter your answer...",
+      onChange: (e) => onTextChange(e.target.value),
+      autoGrow: true,
+      minHeight: 28,
+      maxHeight: 80,
+      className: "text-xs bg-transparent",
+      style: IOS_INPUT_STYLE
+    }
+  ) });
+}
+function OptionsFrame({
+  needsScroll,
+  otherInput,
+  children
+}) {
+  if (needsScroll) {
+    return /* @__PURE__ */ jsxs("div", { className: "max-h-36 overflow-y-auto", children: [
+      children,
+      otherInput
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    children,
+    otherInput
+  ] });
+}
 function RadioField({
   cc,
   value,
@@ -312,32 +346,17 @@ function RadioField({
       ]
     }
   );
-  const otherInput = isOtherSelected && /* @__PURE__ */ jsx("div", { className: "mt-1 pl-6", children: /* @__PURE__ */ jsx(
-    VoiceTextarea,
+  const otherInput = isOtherSelected && /* @__PURE__ */ jsx(
+    OtherAnswerBox,
     {
-      value: otherText === "__other__" ? "" : otherText,
-      placeholder: "Enter your answer...",
-      onChange: (e) => {
-        setOtherText(e.target.value);
-        onChange(e.target.value || "__other__");
-      },
-      autoGrow: true,
-      minHeight: 28,
-      maxHeight: 80,
-      className: "text-xs bg-transparent",
-      style: IOS_INPUT_STYLE
+      otherText,
+      onTextChange: (text) => {
+        setOtherText(text);
+        onChange(text || "__other__");
+      }
     }
-  ) });
-  if (needsScroll) {
-    return /* @__PURE__ */ jsxs("div", { className: "max-h-36 overflow-y-auto", children: [
-      content,
-      otherInput
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    content,
-    otherInput
-  ] });
+  );
+  return /* @__PURE__ */ jsx(OptionsFrame, { needsScroll, otherInput, children: content });
 }
 function CheckboxField({
   cc,
@@ -405,35 +424,20 @@ function CheckboxField({
       ]
     }
   );
-  const otherInput = isOtherChecked && /* @__PURE__ */ jsx("div", { className: "mt-1 pl-6", children: /* @__PURE__ */ jsx(
-    VoiceTextarea,
+  const otherInput = isOtherChecked && /* @__PURE__ */ jsx(
+    OtherAnswerBox,
     {
-      value: otherText === "__other__" ? "" : otherText,
-      placeholder: "Enter your answer...",
-      onChange: (e) => {
-        setOtherText(e.target.value);
+      otherText,
+      onTextChange: (text) => {
+        setOtherText(text);
         const knownSelected = selected.filter((s) => options.includes(s));
         onChange(
-          e.target.value ? [...knownSelected, e.target.value] : knownSelected
+          text ? [...knownSelected, text] : knownSelected
         );
-      },
-      autoGrow: true,
-      minHeight: 28,
-      maxHeight: 80,
-      className: "text-xs bg-transparent",
-      style: IOS_INPUT_STYLE
+      }
     }
-  ) });
-  if (needsScroll) {
-    return /* @__PURE__ */ jsxs("div", { className: "max-h-36 overflow-y-auto", children: [
-      content,
-      otherInput
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    content,
-    otherInput
-  ] });
+  );
+  return /* @__PURE__ */ jsx(OptionsFrame, { needsScroll, otherInput, children: content });
 }
 export {
   AgentVariableForm

package/dist/agents/components/run-controls/panels/shared.d.ts

@@ -26,7 +26,7 @@ export declare function makeSelectConversationRequests(conversationId: string):
     voiceAgent: import("../../../../voice-agent/types.js").VoiceAgentState;
     agentDefinition: import("../../../types/agent-definition.types.js").AgentDefinitionSliceState;
     conversationList: import("../../../redux/conversation-list/conversation-list.types.js").ConversationListState;
-    conversationHistory: import("../../../redux/conversation-history/index.js").ConversationHistoryState;
+    conversationHistory: import("../../../redux/conversation-history/types.js").ConversationHistoryState;
     agentShortcut: import("../../../redux/agent-shortcuts/types.js").AgentShortcutSliceState;
     agentShortcutCategory: import("../../../redux/agent-shortcut-categories/types.js").AgentShortcutCategorySliceState;
     surfaceUserState: import("../../../../surfaces/redux/userStateSlice.js").SurfaceUserStateSlice;

package/dist/agents/components/shared/AgentModeController.js

@@ -171,11 +171,12 @@ function AgentModeController({
         ) }, id);
       }),
       /* @__PURE__ */ jsxs(DropdownMenu, { onOpenChange: (open) => open && readFolded(), children: [
-        /* @__PURE__ */ jsx(NavItemTooltip, { label: "More", children: /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
             "aria-label": "More modes",
+            title: "More",
             className: cn(
               "flex items-center justify-center py-0.5 px-2.5 rounded-full transition-colors cursor-pointer",
               "[&_svg]:w-3.5 [&_svg]:h-3.5",
@@ -184,7 +185,7 @@ function AgentModeController({
             ),
             children: /* @__PURE__ */ jsx(MoreHorizontal, {})
           }
-        ) }) }),
+        ) }),
         /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "min-w-40", children: MODES.filter((m) => folded.includes(m.id)).map(
           ({ id, label, icon: Icon }) => /* @__PURE__ */ jsxs(
             DropdownMenuItem,

package/dist/agents/components/shell/AgentRunSidebarMenu.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ArchivedDisclosure } from "@ai-matrx/design-system";
 import { useEffect, useMemo, useState } from "react";
 import { useRouter, usePathname, useSearchParams } from "../../../host/navigation.js";
 import { Loader2, ChevronRight, ChevronDown } from "lucide-react";
@@ -9,10 +8,9 @@ import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
 import { selectAgentById } from "../../redux/agent-definition/selectors.js";
 import { fetchAgentConversations } from "../../redux/conversation-list/conversation-list.thunks.js";
 import { makeSelectAgentConversations } from "../../redux/conversation-list/conversation-list.selectors.js";
-import { ItemRow } from "../../../host/ui-slots.js";
+import { ConversationArchiveSection } from "../conversation-history/ConversationArchiveSection.js";
+import { ConversationListRow } from "../conversation-history/AgentConversationList.js";
 import { Button } from "@ai-matrx/design-system/controls";
-import { buildConversationMenu } from "../conversation-actions/conversationActionRegistry.js";
-import { renameConversation } from "../../redux/conversation-list/conversation-row-actions.thunks.js";
 import {
   buildAgentRunUrl,
   resolveAgentRunRoute
@@ -68,7 +66,6 @@ function AgentRunSidebarMenu({
     archived,
     error: convError
   } = useAppSelector(selectConversations);
-  const [showArchived, setShowArchived] = useState(false);
   useEffect(() => {
     if (canonicalAgentId && convStatus === "idle") {
       dispatch(
@@ -83,7 +80,6 @@ function AgentRunSidebarMenu({
     () => groupByVersion(conversations),
     [conversations]
   );
-  const archivedGroups = useMemo(() => groupByVersion(archived), [archived]);
   const handleConversationSelect = (convId) => {
     if (!runRoute) return;
     router.push(buildAgentRunUrl(runRoute, convId));
@@ -142,28 +138,15 @@ function AgentRunSidebarMenu({
           onSelect: handleConversationSelect
         },
         version
-      )),
-      /* @__PURE__ */ jsx(
-        ArchivedDisclosure,
-        {
-          count: archived.length,
-          open: showArchived,
-          onOpenChange: setShowArchived,
-          className: "mx-1 mt-1",
-          children: archivedGroups.map(({ version, items }) => /* @__PURE__ */ jsx(
-            VersionGroup,
-            {
-              version,
-              items,
-              runRoute,
-              activeConversationId: conversationIdFromUrl,
-              onSelect: handleConversationSelect
-            },
-            version
-          ))
-        }
-      )
-    ] })
+      ))
+    ] }),
+    canonicalAgentId && /* @__PURE__ */ jsx(
+      ConversationArchiveSection,
+      {
+        agentIds: [canonicalAgentId],
+        onOpen: handleConversationSelect
+      }
+    )
   ] });
 }
 function VersionGroup({
@@ -208,39 +191,17 @@ function ConversationRow({
   isActive,
   onSelect
 }) {
-  const dispatch = useAppDispatch();
-  const title = conv.title?.trim() || "Untitled";
-  const href = buildAgentRunUrl(runRoute, conv.conversationId);
   return /* @__PURE__ */ jsx(
-    ItemRow,
+    ConversationListRow,
     {
+      conv,
+      href: buildAgentRunUrl(runRoute, conv.conversationId),
       sourceFeature: "agent-runner",
+      surfaceKey: `agent-run:${runRoute.agentId}`,
       className: "mx-1",
-      size: "sm",
-      label: title,
       secondaryLabel: conv.updatedAt ? formatRelativeDate(conv.updatedAt) : void 0,
       active: isActive,
       onOpen: onSelect,
-      menu: () => buildConversationMenu({
-        conversationId: conv.conversationId,
-        title: conv.title,
-        isFavorite: conv.isFavorite ?? false,
-        isArchived: conv.status === "archived",
-        excludeFromKg: conv.excludeFromKg ?? false,
-        href,
-        surfaceKey: `agent-run:${runRoute.agentId}`,
-        dispatch
-      }),
-      rename: {
-        value: conv.title ?? "",
-        emptyFallback: "Untitled",
-        onCommit: (next) => void dispatch(
-          renameConversation({
-            conversationId: conv.conversationId,
-            title: next
-          })
-        )
-      },
       trailing: isActive ? /* @__PURE__ */ jsx(ChevronRight, { className: "w-3 h-3 shrink-0" }) : void 0
     }
   );

package/dist/agents/components/working-document/documents-workspace/DocumentsListRail.js

@@ -128,8 +128,7 @@ function DocumentsListRail({
                 entity: {
                   type: "document",
                   id: d.id,
-                  title: label,
-                  resourceType: "document"
+                  title: label
                 },
                 size: "sm",
                 active: isActive,

package/dist/agents/engine.d.ts

@@ -0,0 +1,15 @@
+/**
+ * THE ENGINE DOOR — the few operations a host that drives ONE conversation by hand (outside the
+ * chat screens) needs: create an instance, load a saved conversation, send, cancel, write the draft,
+ * and ask whether a turn is running. workflow-studio's launcher-agent chat is the first caller.
+ *
+ * A stable public subpath (`@ai-matrx/chat/agents/engine`, in FRONT_DOOR): the modules behind it may
+ * move; a host never deep-imports them. Add to this list when a host legitimately needs another
+ * operation — never hand a host the redux internals.
+ */
+export { createInstanceFull } from "./redux/execution-system/create-instance-full.js";
+export { destroyInstance, patchConversation } from "./redux/execution-system/conversations/conversations.slice.js";
+export { loadConversation } from "./redux/execution-system/thunks/load-conversation.thunk.js";
+export { cancelExecution, smartExecute } from "./redux/execution-system/thunks/smart-execute.thunk.js";
+export { setUserInputText } from "./redux/execution-system/instance-user-input/instance-user-input.slice.js";
+export { selectIsExecuting, selectLatestRequestStatus } from "./redux/execution-system/selectors/aggregate.selectors.js";

package/dist/agents/engine.js

@@ -0,0 +1,17 @@
+import { createInstanceFull } from "./redux/execution-system/create-instance-full.js";
+import { destroyInstance, patchConversation } from "./redux/execution-system/conversations/conversations.slice.js";
+import { loadConversation } from "./redux/execution-system/thunks/load-conversation.thunk.js";
+import { cancelExecution, smartExecute } from "./redux/execution-system/thunks/smart-execute.thunk.js";
+import { setUserInputText } from "./redux/execution-system/instance-user-input/instance-user-input.slice.js";
+import { selectIsExecuting, selectLatestRequestStatus } from "./redux/execution-system/selectors/aggregate.selectors.js";
+export {
+  cancelExecution,
+  createInstanceFull,
+  destroyInstance,
+  loadConversation,
+  patchConversation,
+  selectIsExecuting,
+  selectLatestRequestStatus,
+  setUserInputText,
+  smartExecute
+};