@ai-matrx/chat 0.3.3 → 0.3.5

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @ai-matrx/chat
 
+## 0.3.5 — 2026-10-07
+### Chat mode opens the agent itself; Duplicate opens the copy in a new tab
+
+- The Chat-mode agent pill's menu starts with "This chat's agent": its row opens the agent menu's own
+  peek card (`AgentDetailCard`) — view, open, Sneak Peek, and Duplicate when the agent is not yours.
+- `agents/components/shared/AgentPeekDuplicateButton` moved here from matrx-frontend (one Duplicate for
+  every peek). It now opens the copy's page in a NEW TAB instead of navigating away from the chat.
+- Needs `@ai-matrx/agents` 0.49.0.
+- The composer's + (Chat Options) is tinted only when something was added — no longer blue on every fresh
+  chat. The Chat Options window lists its sections as start-aligned rows (`Tile`), not centred buttons.
+- Consumer action: import `AgentPeekDuplicateButton` from
+  `@ai-matrx/chat/agents/components/shared/AgentPeekDuplicateButton` and delete the app's copy.
+
+## 0.3.4 — 2026-10-07
+### Re-sync before matrx-frontend consumes the published package (P27)
+
+- Carries every matrx-frontend `packages/chat` edit after `d8078d15b2` plus the in-flight working-tree
+  edits in the shared checkout: an incomplete answer reads the same live and reloaded
+  (`messages/turn-outcome`, `active-requests/answer-kept-warning`, `run/IncompleteNote`), ALC-19 copy
+  results honored (`copyText` boolean). The kept-out `ToolTabBodies` CopyButton shim stays out.
+- Consumer action: none.
+
 ## 0.3.3 — 2026-10-07
 ### Re-sync before matrx-frontend consumes the published package (P27)
 

package/dist/agent-copy/export.d.ts

@@ -25,7 +25,7 @@ export interface ExportItem {
 export declare function exportFilename(base: string, extension: string): string;
 export declare function jsonExportItem(data: unknown | (() => unknown), label?: string): ExportItem;
 export declare function textExportItem(content: string | (() => string), label: string, extension?: string): ExportItem;
-/** Rows → CSV. Columns: explicit list, or the union of keys across rows. */
+/** Rows → CSV (Alchemy's one writer). Columns: explicit list, or the union of keys across rows. */
 export declare function rowsToCsv(rows: Array<Record<string, unknown>>, columns?: Array<{
     key: string;
     header: string;

package/dist/agent-copy/export.js

@@ -1,3 +1,4 @@
+import { toDelimitedText } from "@ai-matrx/alchemy/operate/read";
 function exportFilename(base, extension) {
   const slug = base.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 60);
   const date = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
@@ -34,27 +35,15 @@ function textExportItem(content, label, extension = "txt") {
     })
   };
 }
-function csvEscape(value) {
-  return /[",\n\r]/.test(value) ? `"${value.replace(/"/g, '""')}"` : value;
-}
 function rowsToCsv(rows, columns) {
   const cols = columns ?? [...new Set(rows.flatMap((row) => Object.keys(row)))].map((key) => ({
     key,
     header: key
   }));
-  const lines = [cols.map((c) => csvEscape(c.header)).join(",")];
-  for (const row of rows) {
-    lines.push(
-      cols.map((c) => {
-        const value = row[c.key];
-        if (value === null || value === void 0) return "";
-        return csvEscape(
-          typeof value === "object" ? JSON.stringify(value) : String(value)
-        );
-      }).join(",")
-    );
-  }
-  return lines.join("\n");
+  return toDelimitedText(
+    cols.map((c) => c.header),
+    rows.map((row) => cols.map((c) => row[c.key] ?? null))
+  );
 }
 function csvExportItem(rows, label = "CSV", columns) {
   return {

package/dist/agents/components/context-items/bodies/WebpageBody.js

@@ -11,10 +11,7 @@ import {
 } from "@ai-matrx/design-system";
 import { toast } from "../../../../host/notify.js";
 import { WebpageSnapshotView } from "../../../../host/ui-slots.js";
-import {
-  webpageTitle,
-  webpageUrl
-} from "../../../resources/webpage-snapshot.js";
+import { webpageTitle, webpageUrl } from "../../../resources/webpage-snapshot.js";
 import { Button } from "@ai-matrx/design-system/controls";
 function firstWebpage(item) {
   return item.refs.webpages?.[0] ?? null;
@@ -61,7 +58,17 @@ function WebpageFooter({ item }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-mono text-[11px] text-muted-foreground", children: url }),
     /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}), glyphTone: copied ? "success" : void 0, onClick: copy, "aria-label": "Copy webpage URL", className: "ml-auto" }) }),
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "quiet",
+          icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}),
+          glyphTone: copied ? "success" : void 0,
+          onClick: copy,
+          "aria-label": "Copy webpage URL",
+          className: "ml-auto"
+        }
+      ) }),
       /* @__PURE__ */ jsx(TooltipContent, { children: "Copy URL" })
     ] }),
     /* @__PURE__ */ jsxs(Tooltip, { children: [

package/dist/agents/components/debug/SandboxFileViewer.js

@@ -23,28 +23,27 @@ function SandboxFileViewer({
   const [copied, setCopied] = useState(false);
   const adapterRef = useRef(null);
   if (!adapterRef.current || adapterRef.current.instanceId !== sandboxRowId) {
-    adapterRef.current = createSandboxFilesystemAdapter(sandboxRowId);
+    adapterRef.current = createSandboxFilesystemAdapter(
+      sandboxRowId
+    );
   }
-  const load = useCallback(
-    async (p) => {
-      const target = p.trim();
-      if (!target) return;
-      setLoading(true);
-      setError(null);
-      try {
-        const adapter = adapterRef.current;
-        if (!adapter) throw new Error("Sandbox adapter not initialized");
-        const text = await adapter.readFile(target);
-        setContent(text);
-      } catch (err) {
-        setContent(null);
-        setError(err instanceof Error ? err.message : "Failed to read file");
-      } finally {
-        setLoading(false);
-      }
-    },
-    []
-  );
+  const load = useCallback(async (p) => {
+    const target = p.trim();
+    if (!target) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const adapter = adapterRef.current;
+      if (!adapter) throw new Error("Sandbox adapter not initialized");
+      const text = await adapter.readFile(target);
+      setContent(text);
+    } catch (err) {
+      setContent(null);
+      setError(err instanceof Error ? err.message : "Failed to read file");
+    } finally {
+      setLoading(false);
+    }
+  }, []);
   useEffect(() => {
     if (initialPath) void load(initialPath);
   }, [initialPath, sandboxRowId, load]);
@@ -91,7 +90,17 @@ function SandboxFileViewer({
     ),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 py-1 border-b border-border bg-muted/30", children: [
       /* @__PURE__ */ jsx("span", { className: "font-mono text-[11px] text-muted-foreground truncate", children: lockPath ? initialPath : content != null ? path : "" }),
-      content != null && /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}), glyphTone: copied ? "success" : void 0, onClick: handleCopy, className: "shrink-0", children: "Copy" })
+      content != null && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "quiet",
+          icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}),
+          glyphTone: copied ? "success" : void 0,
+          onClick: handleCopy,
+          className: "shrink-0",
+          children: "Copy"
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-auto", children: loading && content == null ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-3 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),

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

@@ -89,7 +89,7 @@ function RunControlsMenu({
     Button,
     {
       variant: "quiet",
-      tone: rc.addedCount > 0 || rc.isCustomized ? "primary" : void 0,
+      tone: rc.addedCount > 0 ? "primary" : void 0,
       icon: /* @__PURE__ */ jsx(TriggerIcon, {}),
       tabIndex: variant === "plus" ? -1 : void 0,
       title: "Chat Options",

package/dist/agents/components/inputs/smart-input/composer/ComposerAgentPeek.d.ts

@@ -0,0 +1,4 @@
+export declare function ComposerAgentPeek({ agentId, onDone }: {
+    agentId: string;
+    onDone?: () => void;
+}): import("react").JSX.Element | null;

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

@@ -0,0 +1,50 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { AgentDetailCard, useAgentCatalogState } from "@ai-matrx/agents/catalog/react";
+import { useAppDispatch, useAppSelector } from "../../../../../store/hooks.js";
+import { selectAgentById, selectAgentReadyForBuilder } from "../../../../redux/agent-definition/selectors.js";
+import { fetchFullAgent } from "../../../../redux/agent-definition/thunks.js";
+import { AgentPeekDuplicateButton } from "../../../shared/AgentPeekDuplicateButton.js";
+function ComposerAgentPeek({ agentId, onDone }) {
+  const dispatch = useAppDispatch();
+  const row = useAgentCatalogState((state) => state.byId[agentId]);
+  const record = useAppSelector((state) => selectAgentById(state, agentId));
+  const isReady = useAppSelector((state) => selectAgentReadyForBuilder(state, agentId));
+  useEffect(() => {
+    if (!isReady) void dispatch(fetchFullAgent(agentId)).unwrap().catch(() => void 0);
+  }, [dispatch, agentId, isReady]);
+  const agent = row ?? (record ? {
+    id: record.id,
+    name: record.name,
+    description: record.description,
+    category: record.category,
+    tags: record.tags,
+    agentType: record.agentType,
+    modelId: record.modelId,
+    isActive: record.isActive,
+    isArchived: record.isArchived,
+    isFavorite: record.isFavorite,
+    createdBy: record.createdBy,
+    organizationId: record.organizationId,
+    taskId: record.taskId,
+    sourceAgentId: record.sourceAgentId,
+    createdAt: record.createdAt,
+    updatedAt: record.updatedAt,
+    isOwner: record.isOwner,
+    accessLevel: record.accessLevel,
+    sharedByEmail: record.sharedByEmail,
+    orchestra: null
+  } : null);
+  if (!agent) return null;
+  return /* @__PURE__ */ jsx(
+    AgentDetailCard,
+    {
+      agent,
+      actions: /* @__PURE__ */ jsx(AgentPeekDuplicateButton, { agentId, onDuplicated: onDone })
+    }
+  );
+}
+export {
+  ComposerAgentPeek
+};

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

@@ -36,6 +36,7 @@ import { composerShows } from "./composer-mode-visibility.js";
 import { composerPillClass } from "./composer-chip.js";
 import { useComposerAgent, useEffectiveModelId } from "./useComposerAgent.js";
 import { useComposerAgentFilter } from "./useComposerAgentFilter.js";
+import { ComposerAgentPeek } from "./ComposerAgentPeek.js";
 import { presentOrganizationRefusal } from "../../../../../host/org.js";
 import { ensureOrgId, isOrganizationSelectionCancelled } from "../../../../../host/org.js";
 function pillLabel(info, mode) {
@@ -150,6 +151,17 @@ function ComposerAgentPill({ conversationId, mode, size, agentControl, menuSide,
     )
   ] });
 }
+function ThisAgentRow({ info, close }) {
+  if (!info.agentId) return null;
+  return /* @__PURE__ */ jsx(
+    ComposerSubmenu,
+    {
+      row: { icon: Webhook, label: info.agentName ?? "Agent", description: "View, open or duplicate" },
+      panelClassName: "w-[340px] h-[420px] p-0",
+      children: /* @__PURE__ */ jsx(ComposerAgentPeek, { agentId: info.agentId, onDone: close })
+    }
+  );
+}
 function ChatPresetsPanel({
   conversationId,
   info,
@@ -169,7 +181,7 @@ function ChatPresetsPanel({
   if (!onSelectAgent) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(ComposerMenuLabel, { children: "Agent" }),
-      /* @__PURE__ */ jsx(ComposerMenuRow, { label: info.agentName ?? "Agent", checked: true }),
+      /* @__PURE__ */ jsx(ThisAgentRow, { info, close }),
       /* @__PURE__ */ jsx(ComposerMenuHelp, { children: "This page always answers with this agent." }),
       /* @__PURE__ */ jsx(ComposerMenuDivider, {}),
       /* @__PURE__ */ jsx(ComposerMenuLabel, { children: "Model for this chat" }),
@@ -229,6 +241,9 @@ function ChatPresetsPanel({
     void savePersonalDefault("chat_default_offering", offeringId ?? "");
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ComposerMenuLabel, { children: "This chat's agent" }),
+    /* @__PURE__ */ jsx(ThisAgentRow, { info, close }),
+    /* @__PURE__ */ jsx(ComposerMenuDivider, {}),
     /* @__PURE__ */ jsx(ComposerMenuLabel, { children: "Chat agents" }),
     info.presets.map((preset) => /* @__PURE__ */ jsx(
       ComposerMenuRow,

package/dist/agents/components/messages-display/TranscriptIntegrityCopyButton.js

@@ -43,11 +43,11 @@ function TranscriptIntegrityCopyButtonInner({
       effectiveVisibleGroupLimit
     });
     publish({
-      "Conversation": conversationId,
+      Conversation: conversationId,
       "Loaded rows": report.spine.loadedRows,
       "Groups rendered": `${report.groups.filter((g) => g.rendered).length}/${report.groups.length}`,
       "Stream phase": report.request.streamPhase,
-      "Anomalies": report.anomalies.length === 0 ? "none" : report.anomalies
+      Anomalies: report.anomalies.length === 0 ? "none" : report.anomalies
     });
   }, [
     isActive,
@@ -78,7 +78,18 @@ function TranscriptIntegrityCopyButtonInner({
       );
     }
   };
-  return /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(Stethoscope, {}), onClick: () => void copy(), title: "Copy transcript integrity report (admin) \u2014 paste it to an agent when a message is missing", "aria-label": "Copy transcript integrity report", "data-testid": "transcript-integrity-copy", className: "absolute top-2 right-4 z-10" });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "quiet",
+      icon: /* @__PURE__ */ jsx(Stethoscope, {}),
+      onClick: () => void copy(),
+      title: "Copy transcript integrity report (admin) \u2014 paste it to an agent when a message is missing",
+      "aria-label": "Copy transcript integrity report",
+      "data-testid": "transcript-integrity-copy",
+      className: "absolute top-2 right-4 z-10"
+    }
+  );
 }
 export {
   TranscriptIntegrityCopyButton

package/dist/agents/components/messages-display/assistant/AgentAssistantMessage.js

@@ -34,8 +34,15 @@ import {
   isFailedRecord,
   extractRecordError,
   selectIsLatestAssistantMessage,
-  persistedBodyBlocks
+  persistedBodyBlocks,
+  incompleteAnswerReason
 } from "../../../redux/execution-system/messages/messages.selectors.js";
+import {
+  incompleteDetail,
+  incompleteLabel,
+  isAnswerKeptWarning
+} from "../../../redux/execution-system/messages/turn-outcome.js";
+import { IncompleteNote } from "../../run/IncompleteNote.js";
 import {
   isAttachmentMessagePart,
   isInlineAssistantMedia
@@ -443,6 +450,16 @@ function AgentAssistantMessage({
           !isClosedStreamSegment && displaySources.length > 0 && /* @__PURE__ */ jsx(MessageSourcesRow, { sources: displaySources, className: "mt-2" }),
           !isStreamActive && /* @__PURE__ */ jsx(PrefillNote, { metadata: record?.metadata }),
           !isStreamActive && /* @__PURE__ */ jsx(StoppedNote, { metadata: record?.metadata, requestStatus }),
+          !isStreamActive && !visibleWarnings?.some(isAnswerKeptWarning) && (() => {
+            const reason = incompleteAnswerReason(record);
+            return reason ? /* @__PURE__ */ jsx(
+              IncompleteNote,
+              {
+                label: incompleteLabel(reason),
+                detail: incompleteDetail(reason)
+              }
+            ) : null;
+          })(),
           isStreamActive && !failed && (phase === "text_streaming" || phase === "interstitial") && /* @__PURE__ */ jsx("div", { className: "relative h-0 overflow-visible", children: /* @__PURE__ */ jsx(BreathingOrb, { className: "absolute left-0 top-[3px]", size: 40 }) })
         ] }),
         !isClosedStreamSegment && visibleWarnings?.map((warning, index) => /* @__PURE__ */ jsx(

package/dist/agents/components/run/AssistantWarning.js

@@ -3,8 +3,20 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { AlertTriangle } from "lucide-react";
 import { Button } from "@ai-matrx/design-system/controls";
+import { IncompleteNote } from "./IncompleteNote.js";
+import { isAnswerKeptWarning } from "../../redux/execution-system/active-requests/answer-kept-warning.js";
+import { incompleteLabel } from "../../redux/execution-system/messages/turn-outcome.js";
 function AssistantWarning({ warning }) {
   const [showDetails, setShowDetails] = useState(false);
+  if (isAnswerKeptWarning(warning)) {
+    return /* @__PURE__ */ jsx(
+      IncompleteNote,
+      {
+        label: incompleteLabel(warning.code),
+        detail: warning.user_message?.trim() || void 0
+      }
+    );
+  }
   const message = warning.user_message?.trim() || "The response completed with a warning.";
   const detail = warning.system_message?.trim();
   const hasDetails = Boolean(

package/dist/agents/components/run/IncompleteNote.d.ts

@@ -0,0 +1,14 @@
+interface IncompleteNoteProps {
+    /** The short label ("Ending may be cut off"). */
+    label: string;
+    /** The reason-specific sentence, shown under Details. */
+    detail?: string;
+}
+/**
+ * The quiet mark on an answer that was delivered and kept but whose end may be
+ * missing (recitation stop, length limit). Live (from the stream warning) and
+ * after a reload (from the saved finish reason) both render THIS component, so
+ * the two never look different. A state marker — not an error, no Retry.
+ */
+export declare function IncompleteNote({ label, detail }: IncompleteNoteProps): import("react").JSX.Element;
+export {};

package/dist/agents/components/run/IncompleteNote.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { AlertTriangle } from "lucide-react";
+import { Button } from "@ai-matrx/design-system/controls";
+function IncompleteNote({ label, detail }) {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs("div", { className: "mt-1 text-xs", "data-testid": "incomplete-note", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-2.5 gap-y-1", children: [
+      /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-amber-700 dark:text-amber-400", children: [
+        /* @__PURE__ */ jsx(AlertTriangle, { className: "h-3.5 w-3.5 shrink-0" }),
+        label
+      ] }),
+      detail && /* @__PURE__ */ jsx(Button, { variant: "link", onClick: () => setOpen((v) => !v), children: open ? "Hide details" : "Details" })
+    ] }),
+    detail && open && /* @__PURE__ */ jsx("div", { className: "mt-1 rounded bg-amber-500/10 px-2 py-1.5 text-[11px] leading-relaxed text-muted-foreground", children: detail })
+  ] });
+}
+export {
+  IncompleteNote
+};

package/dist/agents/components/run-controls/PayloadTab.js

@@ -115,7 +115,11 @@ function roledImagesOf(messages) {
         continue;
       }
       const source = typeof b.url === "string" ? b.url : String(b.file_id ?? "");
-      rows.push({ role: b.role, variable: variableNameOfImageUrl(source), source });
+      rows.push({
+        role: b.role,
+        variable: variableNameOfImageUrl(source),
+        source
+      });
     }
   }
   return rows;

package/dist/agents/components/run-controls/panels/BackendTargetPanel.js

@@ -44,7 +44,18 @@ function CopyableValue({
         children: value
       }
     ),
-    /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}), glyphTone: copied ? "success" : void 0, onClick: handleCopy, title: "Copy", "aria-label": "Copy", className: "shrink-0" })
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "quiet",
+        icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}),
+        glyphTone: copied ? "success" : void 0,
+        onClick: handleCopy,
+        title: "Copy",
+        "aria-label": "Copy",
+        className: "shrink-0"
+      }
+    )
   ] });
 }
 function Row({

package/dist/agents/components/shared/AgentPeekDuplicateButton.d.ts

@@ -0,0 +1,5 @@
+export declare function AgentPeekDuplicateButton({ agentId, onDuplicated, }: {
+    agentId: string;
+    /** Close the peek once the copy opens. */
+    onDuplicated?: () => void;
+}): import("react").JSX.Element | null;

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

@@ -0,0 +1,65 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { CopyPlus, Loader2 } from "lucide-react";
+import { Button } from "@ai-matrx/design-system/controls";
+import { getUserMessage } from "@ai-matrx/agents/matrx";
+import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
+import { selectUserId } from "../../../host/identity.js";
+import { getBuilderDoor } from "../../../host/builder-door.js";
+import { toast } from "../../../host/notify.js";
+import { isOrganizationSelectionCancelled } from "../../../host/org.js";
+import { selectAgentById, selectAgentReadyForBuilder } from "../../redux/agent-definition/selectors.js";
+import { agentGoHref } from "../../addressing/agentAddress.js";
+function AgentPeekDuplicateButton({
+  agentId,
+  onDuplicated
+}) {
+  const dispatch = useAppDispatch();
+  const userId = useAppSelector(selectUserId);
+  const record = useAppSelector((state) => selectAgentById(state, agentId));
+  const isReady = useAppSelector((state) => selectAgentReadyForBuilder(state, agentId));
+  const [busy, setBusy] = useState(false);
+  const door = getBuilderDoor();
+  if (!door || !isReady || !record) return null;
+  const ownsIt = record.isOwner === true || record.createdBy != null && record.createdBy === userId;
+  if (ownsIt) return null;
+  const duplicate = async () => {
+    if (busy) return;
+    setBusy(true);
+    const tab = window.open("about:blank", "_blank");
+    try {
+      const newId = await dispatch(door.duplicateAgent(agentId)).unwrap();
+      const href = agentGoHref(newId, "/build");
+      if (tab) {
+        tab.opener = null;
+        tab.location.href = href;
+      } else {
+        window.open(href, "_blank", "noopener");
+      }
+      toast.success(`Duplicated "${record.name}" \u2014 opened in a new tab`);
+      onDuplicated?.();
+    } catch (err) {
+      tab?.close();
+      if (!isOrganizationSelectionCancelled(err)) {
+        toast.error("Could not duplicate agent", { description: getUserMessage(err) });
+      }
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      icon: busy ? /* @__PURE__ */ jsx(Loader2, { className: "animate-spin" }) : /* @__PURE__ */ jsx(CopyPlus, {}),
+      variant: "outline",
+      onClick: duplicate,
+      disabled: busy,
+      title: "Make your own copy of this agent, in a new tab",
+      children: "Duplicate"
+    }
+  );
+}
+export {
+  AgentPeekDuplicateButton
+};

package/dist/agents/redux/execution-system/active-requests/active-requests.selectors.d.ts

@@ -3356,7 +3356,8 @@ export declare const selectHighWarnings: (requestId: string) => ((state: {
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
 /**
- * High-severity warnings plus any warning whose `code` is explicitly
+ * High-severity warnings, any warning that says the answer was kept (an
+ * incomplete answer, never silent) and any warning whose `code` is explicitly
  * promoted (see `PROMOTED_WARNING_CODES`). This is the set `AssistantWarning`
  * actually renders inline — `selectHighWarnings` stays available for callers
  * that want the stricter, level-only cut.

package/dist/agents/redux/execution-system/active-requests/active-requests.selectors.js

@@ -3,6 +3,7 @@ import {
   liveAgentCallTrace
 } from "../utils/agent-call-trace.js";
 import { createSelector } from "@reduxjs/toolkit";
+import { isAnswerKeptWarning } from "./answer-kept-warning.js";
 import { blockMediaFileId } from "../utils/block-media-identity.js";
 import { DECISION_ANSWERS_BLOCK_TYPE } from "../../../../utils/content-ir/decision-answers-ids.js";
 import { decisionAnswersText } from "@ai-matrx/agents/presentation/decision-answers";
@@ -872,7 +873,7 @@ const selectVisibleWarnings = (requestId) => createSelector(
   (warnings) => {
     if (!warnings) return void 0;
     return warnings.filter(
-      (w) => w.level === "high" || PROMOTED_WARNING_CODES.has(w.code)
+      (w) => w.level === "high" || PROMOTED_WARNING_CODES.has(w.code) || isAnswerKeptWarning(w)
     );
   }
 );

package/dist/agents/redux/execution-system/active-requests/answer-kept-warning.d.ts

@@ -0,0 +1,7 @@
+/**
+ * A stream warning that says "the answer was delivered and kept, but the
+ * provider stopped early so the end may be missing". Leaf module (no store
+ * imports) so selectors on either side can read it.
+ */
+import type { WarningPayload } from "@ai-matrx/agents/generated/stream-events";
+export declare function isAnswerKeptWarning(warning: WarningPayload): boolean;

package/dist/agents/redux/execution-system/active-requests/answer-kept-warning.js

@@ -0,0 +1,12 @@
+const ANSWER_KEPT_WARNING_CODES = /* @__PURE__ */ new Set([
+  "provider_recitation_stop",
+  "truncated_response"
+]);
+function isAnswerKeptWarning(warning) {
+  if (ANSWER_KEPT_WARNING_CODES.has(warning.code)) return true;
+  const md = warning.metadata;
+  return !!md && typeof md === "object" && md.answer_kept === true;
+}
+export {
+  isAnswerKeptWarning
+};

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

@@ -49,7 +49,18 @@ function UuidField({ value, label }) {
     ),
     /* @__PURE__ */ jsxs("span", { className: "flex-1 min-w-0 flex items-center gap-1.5", children: [
       /* @__PURE__ */ jsx("span", { className: "text-[11px] font-mono text-foreground break-all", children: value }),
-      /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}), glyphTone: copied ? "success" : void 0, onClick: copy, title: "Copy UUID", "aria-label": "Copy UUID", className: "shrink-0" })
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "quiet",
+          icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}),
+          glyphTone: copied ? "success" : void 0,
+          onClick: copy,
+          title: "Copy UUID",
+          "aria-label": "Copy UUID",
+          className: "shrink-0"
+        }
+      )
     ] })
   ] });
 }
@@ -131,10 +142,21 @@ function SectionHeader({
           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("span", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground flex-1", children: title }),
           count !== void 0 && /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground/60 shrink-0 mr-1", children: count }),
-          copyValue && /* @__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 section as JSON", "aria-label": "Copy section as JSON", className: "opacity-0 group-hover:opacity-100 shrink-0" })
+          copyValue && /* @__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 section as JSON",
+              "aria-label": "Copy section as JSON",
+              className: "opacity-0 group-hover:opacity-100 shrink-0"
+            }
+          )
         ]
       }
     )
@@ -195,8 +217,28 @@ function RawJsonSection({ data }) {
   const { copied, copy } = useCopyText(json);
   return /* @__PURE__ */ jsxs("div", { className: "border border-border rounded-sm overflow-hidden", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-2 py-1.5", children: [
-      /* @__PURE__ */ jsx(Tile, { variant: "quiet", icon: open ? /* @__PURE__ */ jsx(ChevronDown, {}) : /* @__PURE__ */ jsx(ChevronRight, {}), title: "Raw JSON", onClick: () => setOpen((v) => !v), className: "flex-1" }),
-      /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}), glyphTone: copied ? "success" : void 0, onClick: copy, title: "Copy full JSON", "aria-label": "Copy full JSON", className: "shrink-0" }),
+      /* @__PURE__ */ jsx(
+        Tile,
+        {
+          variant: "quiet",
+          icon: open ? /* @__PURE__ */ jsx(ChevronDown, {}) : /* @__PURE__ */ jsx(ChevronRight, {}),
+          title: "Raw JSON",
+          onClick: () => setOpen((v) => !v),
+          className: "flex-1"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "quiet",
+          icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}),
+          glyphTone: copied ? "success" : void 0,
+          onClick: copy,
+          title: "Copy full JSON",
+          "aria-label": "Copy full JSON",
+          className: "shrink-0"
+        }
+      ),
       open ? /* @__PURE__ */ jsx(EyeOff, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }) : /* @__PURE__ */ jsx(Eye, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" })
     ] }),
     open && /* @__PURE__ */ jsx("pre", { className: "text-xs font-mono text-foreground bg-muted/30 px-3 py-2 overflow-x-auto border-t border-border/40", children: json })
@@ -233,7 +275,14 @@ function InstanceUIStateCore({
         agentName && instanceTitle !== agentName && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate", children: agentName })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
-        /* @__PURE__ */ jsx(Badge, { className: "shrink-0", tone: state.displayMode === "direct" ? "info" : "neutral", children: state.displayMode }),
+        /* @__PURE__ */ jsx(
+          Badge,
+          {
+            className: "shrink-0",
+            tone: state.displayMode === "direct" ? "info" : "neutral",
+            children: state.displayMode
+          }
+        ),
         /* @__PURE__ */ jsx(CopyEntireButton, { json: instanceJson })
       ] })
     ] }),
@@ -478,7 +527,17 @@ function InstanceUIStateCore({
 }
 function CopyEntireButton({ json }) {
   const { copied, copy } = useCopyText(json);
-  return /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}), glyphTone: copied ? "success" : void 0, onClick: copy, title: "Copy full state as JSON", "aria-label": "Copy full state as JSON" });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "quiet",
+      icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}),
+      glyphTone: copied ? "success" : void 0,
+      onClick: copy,
+      title: "Copy full state as JSON",
+      "aria-label": "Copy full state as JSON"
+    }
+  );
 }
 export {
   InstanceUIStateCore

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

@@ -77,10 +77,21 @@ function InstanceRow({
           }
         ),
         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" })
+        /* @__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"
+          }
+        )
       ]
     }
   );
@@ -129,10 +140,21 @@ function AgentGroup({
             }
           ),
           /* @__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" })
+          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"
+            }
+          )
         ]
       }
     ),

package/dist/agents/redux/execution-system/messages/messages.selectors.d.ts

@@ -177,6 +177,12 @@ export declare function isFailedRecord(record: MessageRecord | undefined): boole
  * that row reloaded with no error at all.
  */
 export declare function abnormalFinishReason(record: MessageRecord | undefined): string | null;
+/**
+ * The stop reason of a reloaded turn that is INCOMPLETE rather than failed:
+ * an answer-stands stop on a turn that actually holds answer text and is not
+ * saved failed. Null otherwise (normal finish, no content, safety stops…).
+ */
+export declare function incompleteAnswerReason(record: MessageRecord | undefined): string | null;
 /** The sentence a reloaded early-stopped turn shows. */
 export declare function earlyStopMessage(reason: string): string;
 /**

package/dist/agents/redux/execution-system/messages/messages.selectors.js

@@ -285,7 +285,7 @@ function isFailedRecord(record) {
   if (!!md && typeof md === "object" && !Array.isArray(md) && md.failed === true) {
     return true;
   }
-  return abnormalFinishReason(record) !== null;
+  return abnormalFinishReason(record) !== null && incompleteAnswerReason(record) === null;
 }
 const NORMAL_FINISH_REASONS = /* @__PURE__ */ new Set([
   "stop",
@@ -307,6 +307,21 @@ function abnormalFinishReason(record) {
   const normalized = reason.toLowerCase().replace(/^finishreason\./, "");
   return NORMAL_FINISH_REASONS.has(normalized) ? null : normalized;
 }
+const ANSWER_STANDS_REASONS = /* @__PURE__ */ new Set([
+  "recitation",
+  "max_tokens",
+  "length",
+  "max_output_tokens"
+]);
+function incompleteAnswerReason(record) {
+  const reason = abnormalFinishReason(record);
+  if (!reason || !ANSWER_STANDS_REASONS.has(reason)) return null;
+  if (!record || record.status === "failed" || record.error) return null;
+  const md = record.metadata;
+  if (md && !Array.isArray(md) && md.failed === true)
+    return null;
+  return extractFlatText(record).trim().length > 0 ? reason : null;
+}
 function earlyStopMessage(reason) {
   return reason === "max_tokens" || reason === "length" ? "The response hit its length limit before it finished." : "The response was stopped early by the model provider, so it may be incomplete.";
 }
@@ -581,6 +596,7 @@ export {
   extractInspectableText,
   extractRecordError,
   fenceBoundarySeparator,
+  incompleteAnswerReason,
   isFailedRecord,
   persistedBodyBlocks,
   selectApiEndpointMode,

package/dist/agents/redux/execution-system/messages/turn-outcome.d.ts

@@ -0,0 +1,26 @@
+/**
+ * ONE verdict for how a turn ended, read the same way live and after reload.
+ *
+ *  - "failed"     no usable answer, a safety/other stop, or the server saved it failed
+ *  - "incomplete" the answer was delivered and stands, but the provider stopped
+ *                 early (recitation stop, length limit): content + a short notice
+ *  - "complete"   a normal finish
+ *
+ * Live reads the request status + stream warnings; reload reads the saved row
+ * (`isFailedRecord` / `incompleteAnswerReason`). A guard test drives both over
+ * the same cases so they cannot drift (incomplete-answer-live-equals-reload).
+ */
+import type { WarningPayload } from "@ai-matrx/agents/generated/stream-events";
+import type { MessageRecord } from "./messages.slice.js";
+import { isAnswerKeptWarning } from "../active-requests/answer-kept-warning.js";
+export { isAnswerKeptWarning };
+export type TurnOutcome = "complete" | "incomplete" | "failed";
+export declare function liveTurnOutcome(request: {
+    status: string;
+    warnings?: readonly WarningPayload[];
+} | undefined): TurnOutcome;
+export declare function reloadTurnOutcome(record: MessageRecord | undefined): TurnOutcome;
+/** The short label on an incomplete answer. A label, not prose. */
+export declare function incompleteLabel(reason: string | null): string;
+/** The reason-specific sentence kept under Details, for a reloaded turn. */
+export declare function incompleteDetail(reason: string): string;

package/dist/agents/redux/execution-system/messages/turn-outcome.js

@@ -0,0 +1,28 @@
+import {
+  earlyStopMessage,
+  incompleteAnswerReason,
+  isFailedRecord
+} from "./messages.selectors.js";
+import { isAnswerKeptWarning } from "../active-requests/answer-kept-warning.js";
+function liveTurnOutcome(request) {
+  if (!request) return "complete";
+  if (request.status === "error") return "failed";
+  return (request.warnings ?? []).some(isAnswerKeptWarning) ? "incomplete" : "complete";
+}
+function reloadTurnOutcome(record) {
+  if (isFailedRecord(record)) return "failed";
+  return incompleteAnswerReason(record) ? "incomplete" : "complete";
+}
+function incompleteLabel(reason) {
+  return reason === "max_tokens" || reason === "length" || reason === "max_output_tokens" || reason === "truncated_response" ? "Cut off at its length limit" : "Ending may be cut off";
+}
+function incompleteDetail(reason) {
+  return earlyStopMessage(reason);
+}
+export {
+  incompleteDetail,
+  incompleteLabel,
+  isAnswerKeptWarning,
+  liveTurnOutcome,
+  reloadTurnOutcome
+};

package/dist/cx-chat/components/messages/AssistantMessage.js

@@ -13,7 +13,10 @@ import {
   Save
 } from "lucide-react";
 import { Button } from "@ai-matrx/design-system/controls";
-import { MarkdownStream, AudioOutputBlockSkeleton } from "../../../host/markdown-slots.js";
+import {
+  MarkdownStream,
+  AudioOutputBlockSkeleton
+} from "../../../host/markdown-slots.js";
 import { useDomCapturePrint } from "../../../conversation/hooks/useDomCapturePrint.js";
 import { useAppSelector, useAppDispatch } from "../../../store/hooks.js";
 import { selectMessageHasUnsavedChanges } from "../../_legacy-stubs.js";

package/dist/cx-chat/components/messages/UserMessage.js

@@ -193,14 +193,7 @@ function UserMessage({
         }
       ),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 justify-end", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "quiet",
-            onClick: handleEditCancel,
-            children: "Cancel"
-          }
-        ),
+        /* @__PURE__ */ jsx(Button, { variant: "quiet", onClick: handleEditCancel, children: "Cancel" }),
         /* @__PURE__ */ jsx(
           Button,
           {

package/dist/cx-conversation/AssistantMessage.js

@@ -13,7 +13,10 @@ import {
   Save
 } from "lucide-react";
 import { Button } from "@ai-matrx/design-system/controls";
-import { MarkdownStream, AudioOutputBlockSkeleton } from "../host/markdown-slots.js";
+import {
+  MarkdownStream,
+  AudioOutputBlockSkeleton
+} from "../host/markdown-slots.js";
 import { useDomCapturePrint } from "../conversation/hooks/useDomCapturePrint.js";
 import { useAppSelector, useAppDispatch } from "../store/hooks.js";
 import { selectMessageHasUnsavedChanges } from "./_legacy-stubs.js";

package/dist/cx-conversation/UserMessage.js

@@ -193,14 +193,7 @@ function UserMessage({
         }
       ),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 justify-end", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "quiet",
-            onClick: handleEditCancel,
-            children: "Cancel"
-          }
-        ),
+        /* @__PURE__ */ jsx(Button, { variant: "quiet", onClick: handleEditCancel, children: "Cancel" }),
         /* @__PURE__ */ jsx(
           Button,
           {

package/dist/tool-call-visualization/components/ToolTabBodies.js

@@ -106,10 +106,17 @@ const ErrorView = ({
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
         routed ? /* @__PURE__ */ jsx(Route, { className: "h-3.5 w-3.5 text-muted-foreground" }) : /* @__PURE__ */ jsx(CircleAlert, { className: "h-3.5 w-3.5 text-destructive" }),
         /* @__PURE__ */ jsx("span", { children: routed ? "Routed" : "Error" }),
-        entry.errorType && /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "px-1.5 py-0 font-mono text-[10px]", children: [
-          entry.errorType,
-          /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: entry.errorType })
-        ] })
+        entry.errorType && /* @__PURE__ */ jsxs(
+          Badge,
+          {
+            variant: "outline",
+            className: "px-1.5 py-0 font-mono text-[10px]",
+            children: [
+              entry.errorType,
+              /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: entry.errorType })
+            ]
+          }
+        )
       ] }),
       /* @__PURE__ */ jsx(
         CopyButtons,

package/dist/voice-agent/components/VoiceDebugPanel.js

@@ -85,7 +85,17 @@ function VoiceDebugPanel({
   };
   return /* @__PURE__ */ jsxs("div", { className: "pointer-events-auto w-full overflow-hidden rounded-lg border border-border bg-zinc-950/95 text-zinc-100 shadow-lg backdrop-blur", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-2 px-3 py-1.5", children: [
-      /* @__PURE__ */ jsx(Tile, { variant: "quiet", icon: /* @__PURE__ */ jsx(Bug, {}), glyphTone: "success", title: "Live voice debug", onClick: () => setOpen((o) => !o), className: "flex-1" }),
+      /* @__PURE__ */ jsx(
+        Tile,
+        {
+          variant: "quiet",
+          icon: /* @__PURE__ */ jsx(Bug, {}),
+          glyphTone: "success",
+          title: "Live voice debug",
+          onClick: () => setOpen((o) => !o),
+          className: "flex-1"
+        }
+      ),
       /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx(
           Badge,
@@ -106,7 +116,15 @@ function VoiceDebugPanel({
             glyphTone: copied ? "success" : void 0
           }
         ),
-        /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: open ? /* @__PURE__ */ jsx(ChevronDown, {}) : /* @__PURE__ */ jsx(ChevronUp, {}), "aria-label": open ? "Collapse" : "Expand", onClick: () => setOpen((o) => !o) })
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "quiet",
+            icon: open ? /* @__PURE__ */ jsx(ChevronDown, {}) : /* @__PURE__ */ jsx(ChevronUp, {}),
+            "aria-label": open ? "Collapse" : "Expand",
+            onClick: () => setOpen((o) => !o)
+          }
+        )
       ] })
     ] }),
     open && /* @__PURE__ */ jsxs("div", { className: "space-y-2 border-t border-zinc-800 px-3 py-2", children: [
@@ -164,7 +182,8 @@ function VoiceDebugPanel({
           " ",
           /* @__PURE__ */ jsxs("span", { className: "text-zinc-200", children: [
             flags.lastEventType ?? "\u2014",
-            " \xB7 ",
+            " \xB7",
+            " ",
             formatRelativeTime(flags.lastEventAt)
           ] })
         ] }),

package/dist/window-panels/windows/agents/ObservationalMemoryWindow.js

@@ -102,10 +102,21 @@ function SidebarRow({
                 children: row.label
               }
             ),
-            /* @__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" }),
+            /* @__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"
+              }
+            ),
             /* @__PURE__ */ jsx(
               EntityDoorControls,
               {
@@ -354,7 +365,11 @@ function ObservationalMemoryWindowInner({
               sourceFeature: "agent-builder",
               surfaceName: OBSERVATIONAL_MEMORY_SURFACE_NAME,
               contentSource: { type: "raw" },
-              entity: selectedConversationId ? { type: "cx_observational_memory", id: selectedConversationId, title: "Observational memory" } : void 0,
+              entity: selectedConversationId ? {
+                type: "cx_observational_memory",
+                id: selectedConversationId,
+                title: "Observational memory"
+              } : void 0,
               children: selectedConversationId ? /* @__PURE__ */ jsx(
                 ObservationalMemoryCore,
                 {

package/dist/window-panels/windows/agents/RunControlsWindow.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { useAppDispatch } from "../../../store/hooks.js";
 import { closeOverlay, CHAT_WINDOWS } from "../../../host/windows.js";
@@ -20,7 +20,7 @@ import { selectInstanceAgentId } from "../../../agents/redux/execution-system/in
 import { selectAgentName } from "../../../agents/redux/agent-definition/selectors.js";
 import { NonEditableContextMenu } from "../../../host/ui-slots.js";
 import { buildAgentMenuSection, agentEntityRef } from "../../../agents/menu/agent-actions.js";
-import { Button } from "@ai-matrx/design-system/controls";
+import { Tile } from "@ai-matrx/design-system/controls";
 const OVERLAY_ID = CHAT_WINDOWS.runControlsWindow;
 function RunControlsWindowInner({
   conversationId,
@@ -104,10 +104,23 @@ function RunControlsWindowInner({
           children: rc.tabs.map((t) => {
             const Icon = t.icon;
             const on = activeTab === t.id;
-            return /* @__PURE__ */ jsxs(Button, { variant: "quiet", pressed: on, icon: /* @__PURE__ */ jsx(Icon, {}), role: "tab", "aria-selected": on, onClick: () => setTab(t.id), children: [
-              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: t.label }),
-              rc.tabTrailing(t.id)
-            ] }, t.id);
+            return (
+              // A list of sections is rows, start-aligned — never centred buttons.
+              /* @__PURE__ */ jsx(
+                Tile,
+                {
+                  variant: "quiet",
+                  selected: on,
+                  icon: /* @__PURE__ */ jsx(Icon, {}),
+                  title: t.label,
+                  end: rc.tabTrailing(t.id),
+                  role: "tab",
+                  "aria-selected": on,
+                  onClick: () => setTab(t.id)
+                },
+                t.id
+              )
+            );
           })
         }
       ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/chat",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "THE one AI Matrx person-to-agent chat system: the full chat (running agents, conversations, tool calls, streaming, context, surfaces, voice) as per-module subpaths @ai-matrx/chat/<domain>/<module> over a host contract (/host, /host/react) whose only required value is a db; plus the kernel compatibility entries (., /external-store, /matrx, /react, /tools, styles.css, tokens.css) until P28.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -202,23 +202,23 @@
     "uuid": "^14.0.2",
     "zod": "^4.6.5",
     "@ai-matrx/agents": "latest",
-    "@ai-matrx/browser-audio": "latest",
-    "@ai-matrx/associations": "latest",
     "@ai-matrx/alchemy": "latest",
+    "@ai-matrx/associations": "latest",
+    "@ai-matrx/browser-audio": "latest",
     "@ai-matrx/canvas": "latest",
     "@ai-matrx/content-ir": "latest",
     "@ai-matrx/content-ir-react": "latest",
     "@ai-matrx/data": "latest",
-    "@ai-matrx/diff": "latest",
     "@ai-matrx/design-system": "latest",
+    "@ai-matrx/diff": "latest",
     "@ai-matrx/icons": "latest",
-    "@ai-matrx/media": "latest",
     "@ai-matrx/kit": "latest",
+    "@ai-matrx/media": "latest",
     "@ai-matrx/print": "latest",
     "@ai-matrx/realtime": "latest",
+    "@ai-matrx/records": "latest",
     "@ai-matrx/records-ui": "latest",
-    "@ai-matrx/tap-target": "latest",
-    "@ai-matrx/records": "latest"
+    "@ai-matrx/tap-target": "latest"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.5",