@ai-matrx/chat 0.4.15 → 0.4.18

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # @ai-matrx/chat
 
+## 0.4.18 — Side Chat: an unsent chat's menu, and a taken id heals itself
+
+- The chat panel's title menu (`ChatPanelTitleMenu`) shows Rename and Open in full chat only once
+  the conversation exists on the server (not cache-only, or it has a conversation-list row). An
+  unsent New chat shows New chat and the conversation list only.
+- A reserved new-chat id is released (and the page's memory takes over) the moment the first send
+  STARTS, not when the server confirms — a kept id could be sent again from a second tab or after a
+  reload, and the server answered 409 `conversation_already_exists` forever.
+- Self-heal: when a send is refused with 409 `conversation_already_exists`, the panel starts the
+  same chat (same agent / job) again under a FRESH id and puts what the person sent back into its
+  composer. `isConversationIdTaken` names the refusal.
+
+Consumer action: none.
+
+## 0.4.17 — a lighter first chat screen
+
+- The message selectors and the answer-text splice strip thinking with THE rule
+  (`@ai-matrx/content-ir/source` `stripThinking`) instead of importing `@ai-matrx/print/markdown`
+  (KaTeX + an HTML parser on the first screen). The chat room marks its surface through
+  `@ai-matrx/alchemy/react/surface` (not the whole workspace). With `@ai-matrx/icons` 0.3.4 the
+  bare Vite canary's first chat screen drops from 2,429 kB to the number in
+  `side-panel-bundle-budget.json` (gzip); nothing a person can do changed.
+
+## 0.4.16 — the Side Chat's URL contract
+
+- ONE param family on every home opens, closes and aims the Side Chat (the shell chat dock):
+  `side_chat` = `open` | `closed` | `new` | `<conversation uuid>`; `side_chat_agent` =
+  `<agent uuid>` | `mandate:<key>`; `side_chat_mode` = `chat` | `work` | `advanced`. The link wins
+  over the remembered conversation, the family cookie and the defaults for its visit, and never
+  writes the person's open / closed choice. Invalid values are ignored with a `[side-chat]` warning.
+- After reading, the one-shot params are consumed; the address names the shown conversation as
+  `side_chat=<uuid>` while the panel is open, and drops it when the person closes the panel.
+- `/chat` and `/code` show the Side Chat when (and only when) a `side_chat*` param asks.
+- New module `canvas/workspace/side-chat-address` (`readSideChatLink`, `sideChatOpen`,
+  `addressAfterSideChatLink`, `sideChatAddress`, `sideChatSignature`, the param names).
+- Removed (no legacy): `?pageChat=` and the boards / Education `?chat=`, `ShellChatHome.addressParam`,
+  `conversationInAddress`, `addressWithConversation`; `useCanvasWorkspaceConversation`'s
+  `addressParam` option is now `address: { link, open, hostedElsewhere, onWrite? }`.
+
+Consumer action: any link that opened the dock with `?pageChat=<id>` or a board's / Education's
+`?chat=<id>` now writes `?side_chat=<id>` (matrx-frontend: `continueWithAgentHref`). A host calling
+`useCanvasWorkspaceConversation` with `addressParam` passes `address` instead.
+
 ## 0.4.15
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/agent-copy/AlchemySurfaceBridge.js

@@ -4,7 +4,7 @@ import { useEffect, useId, useRef } from "react";
 import {
   createSurfaceTransferHandle
 } from "@ai-matrx/alchemy/operate";
-import { ContentTransferSurfaceProvider } from "@ai-matrx/alchemy/react/workspace";
+import { ContentTransferSurfaceProvider } from "@ai-matrx/alchemy/react/surface";
 import { getSurfaceManifest } from "../host/ui-slots.js";
 function useAlchemySurfaceHandle(surfaceName, getScope) {
   const instanceId = useId();

package/dist/agents/components/agent-widgets/chat-assistant/AssistantCardStack.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useMemo } from "react";
-import { AgentAssistantMessage } from "../../../../next/lazy/AgentAssistantMessage.js";
+import { AgentAssistantMessage } from "../../../../ui/lazy/AgentAssistantMessage.js";
 import { useAppSelector, useAppDispatch } from "../../../../store/hooks.js";
 import { selectConversationMessages } from "../../../redux/execution-system/messages/messages.selectors.js";
 import {

package/dist/agents/components/ambient-assistant/ScrollAssistantLauncher.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { ScrollAssistantLauncherImpl, ScrollVoiceAssistantLauncherImpl } from "../../../next/lazy/ScrollAssistantLaunchers.js";
+import { ScrollAssistantLauncherImpl, ScrollVoiceAssistantLauncherImpl } from "../../../ui/lazy/ScrollAssistantLaunchers.js";
 import { usePathname } from "../../../host/navigation.js";
 import { useEffect, useState } from "react";
 import { useIsMobile } from "@ai-matrx/kit/media-query";

package/dist/agents/components/conversation-actions/rename/ConversationRenameDialogHost.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { ConversationRenameDialogHostImpl } from "../../../../next/lazy/ConversationRenameDialogHostImpl.js";
+import { ConversationRenameDialogHostImpl } from "../../../../ui/lazy/ConversationRenameDialogHostImpl.js";
 function ConversationRenameDialogHost() {
   return /* @__PURE__ */ jsx(ConversationRenameDialogHostImpl, {});
 }

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

@@ -3,7 +3,7 @@ import { useAppSelector } from "../../../../store/hooks.js";
 import { selectInstanceAgentName } from "../../../redux/execution-system/instance-ui-state/instance-ui-state.selectors.js";
 import { selectInstanceAgentDescription } from "../../../redux/execution-system/instance-ui-state/instance-ui-state.selectors.js";
 import { Webhook } from "lucide-react";
-import { IconResolver } from "../../../../next/lazy/IconResolver.js";
+import { IconResolver } from "../../../../ui/lazy/IconResolver.js";
 import { selectVisibleInputDefinitions } from "../../../redux/execution-system/instance-variable-values/bound-variable.selectors.js";
 import { selectIsVariableFormShown } from "../../../redux/execution-system/selectors/aggregate.selectors.js";
 import { emptyStateInstruction } from "./empty-state-instruction.js";

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

@@ -31,6 +31,7 @@ import {
 import { buildConversationMessageTitle } from "../../../utils/conversation-message-title.js";
 import { resolveAssistantEditTarget } from "../message-options/resolveAssistantEditTarget.js";
 import { MessageTimestamp } from "../MessageTimestamp.js";
+import { useTranscriptLayout } from "../../shared/transcript-layout.js";
 function useAssistantMessageActions({
   messageId,
   conversationId,
@@ -162,7 +163,8 @@ function AssistantMessageFooter(props) {
     showOptions,
     isLatestAssistant
   } = useAssistantMessageActions(props);
-  const isHoverOnly = density === "compact" && !isLatestAssistant;
+  const answerActions = useTranscriptLayout().answerActions;
+  const isHoverOnly = answerActions === "hover" || density === "compact" && !isLatestAssistant;
   const rowRef = useRef(null);
   useEffect(() => {
     const row = rowRef.current;

package/dist/agents/components/messages-display/user/AgentUserMessage.js

@@ -30,6 +30,8 @@ import {
 } from "../../../redux/execution-system/messages/message-context-receipt.js";
 import { useMachineFramesVisible } from "../../shared/transcript-audience.js";
 import { useCollapsibleMessageText } from "./useCollapsibleMessageText.js";
+import { useTranscriptLayout } from "../../shared/transcript-layout.js";
+const COMPACT_COLLAPSE_THRESHOLD_PX = 192;
 import {
   selectHostSubmittedFirstTurnValues,
   selectOwnSubmittedFirstTurnValues
@@ -197,7 +199,8 @@ function AgentUserMessage({
     bodyBlocks,
     trimmedText
   ]);
-  const { isCollapsed, setIsCollapsed, shouldBeCollapsible, measureRef } = useCollapsibleMessageText(collapseSignature);
+  const compactUserMessage = useTranscriptLayout().userMessage === "compact";
+  const { isCollapsed, setIsCollapsed, shouldBeCollapsible, measureRef } = useCollapsibleMessageText(collapseSignature, compactUserMessage ? COMPACT_COLLAPSE_THRESHOLD_PX : void 0);
   const authoredByHost = metadata?.authored_by === "host";
   const isSuperAdmin = useAppSelector(selectIsSuperAdmin);
   useEffect(() => {
@@ -281,95 +284,102 @@ function AgentUserMessage({
             }, title: "Collapse", "aria-label": "Collapse" })
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "bg-muted border border-border rounded-lg px-2 py-2", children: /* @__PURE__ */ jsxs("div", { className: "relative min-w-0", children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              ref: measureRef,
-              className: cn(
-                "space-y-1.5 overflow-hidden transition-all duration-300",
-                // Clamp leaves room below the fade: the first lines (what was
-                // sent, the context strip) read at full contrast, and the
-                // expand chevron never sits on top of text.
-                shouldBeCollapsible && isCollapsed && !editingText && "max-h-24 pb-7"
-              ),
-              children: [
-                machineFramesVisible && isFirstTurnMessage && /* @__PURE__ */ jsx(FirstTurnVariables, { conversationId }),
-                showLaunchInputs && /* @__PURE__ */ jsx(
-                  FirstTurnLaunchInputs,
-                  {
-                    conversationId,
-                    onOpenChange: (open) => {
-                      if (open) setIsCollapsed(false);
-                    }
-                  }
-                ),
-                !database ? null : machineFramesVisible && contextReceipt && (contextReceipt.rows?.length ?? 0) > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1.5", children: /* @__PURE__ */ jsx(
-                  MessageContextReceipt,
-                  {
-                    conversationId,
-                    messageId,
-                    receipt: contextReceipt,
-                    mismatches: contextMismatches
-                  }
-                ) }) : machineFramesVisible && contextSnapshot && contextSnapshot.length > 0 && /* @__PURE__ */ jsx(
-                  ContextPolicyChipStrip,
-                  {
-                    conversationId,
-                    agentId,
-                    entries: contextSnapshot
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  EditInPlace,
-                  {
-                    value: content,
-                    canEdit: canEditText,
-                    editing: editingText,
-                    onEditingChange: setEditingText,
-                    write: (text) => routeUserEditAction(dispatch, { actionId: "save", conversationId, messageId, newContent: text, surfaceKey }),
-                    actions: USER_EDIT_ACTIONS.filter((a) => a.id !== "save").map((a) => ({
-                      id: a.id,
-                      label: a.label,
-                      run: (text) => routeUserEditAction(dispatch, { actionId: a.id, conversationId, messageId, newContent: text, surfaceKey })
-                    })),
-                    discardDescription: "Your message stays exactly as it was sent; what you typed here is dropped.",
-                    editor: {
-                      imagePolicy: "other",
-                      surfaceName: "matrx-user/chat",
-                      sourceFeature: "chat",
-                      contentSource: { type: "chat-message", conversationId, messageId }
-                    },
-                    children: /* @__PURE__ */ jsx(
-                      AgentUserMessageContent,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: compactUserMessage ? "bg-muted rounded-md px-3 py-1.5" : "bg-muted border border-border rounded-lg px-2 py-2",
+            "data-user-message-style": compactUserMessage ? "compact" : "card",
+            children: /* @__PURE__ */ jsxs("div", { className: "relative min-w-0", children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  ref: measureRef,
+                  className: cn(
+                    "space-y-1.5 overflow-hidden transition-all duration-300",
+                    // Clamp leaves room below the fade: the first lines (what was
+                    // sent, the context strip) read at full contrast, and the
+                    // expand chevron never sits on top of text.
+                    shouldBeCollapsible && isCollapsed && !editingText && "max-h-24 pb-7"
+                  ),
+                  children: [
+                    machineFramesVisible && isFirstTurnMessage && /* @__PURE__ */ jsx(FirstTurnVariables, { conversationId }),
+                    showLaunchInputs && /* @__PURE__ */ jsx(
+                      FirstTurnLaunchInputs,
+                      {
+                        conversationId,
+                        onOpenChange: (open) => {
+                          if (open) setIsCollapsed(false);
+                        }
+                      }
+                    ),
+                    !database ? null : machineFramesVisible && contextReceipt && (contextReceipt.rows?.length ?? 0) > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1.5", children: /* @__PURE__ */ jsx(
+                      MessageContextReceipt,
+                      {
+                        conversationId,
+                        messageId,
+                        receipt: contextReceipt,
+                        mismatches: contextMismatches
+                      }
+                    ) }) : machineFramesVisible && contextSnapshot && contextSnapshot.length > 0 && /* @__PURE__ */ jsx(
+                      ContextPolicyChipStrip,
                       {
                         conversationId,
-                        text: trimmedText,
-                        attachmentParts,
-                        bodyBlocks
+                        agentId,
+                        entries: contextSnapshot
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      EditInPlace,
+                      {
+                        value: content,
+                        canEdit: canEditText,
+                        editing: editingText,
+                        onEditingChange: setEditingText,
+                        write: (text) => routeUserEditAction(dispatch, { actionId: "save", conversationId, messageId, newContent: text, surfaceKey }),
+                        actions: USER_EDIT_ACTIONS.filter((a) => a.id !== "save").map((a) => ({
+                          id: a.id,
+                          label: a.label,
+                          run: (text) => routeUserEditAction(dispatch, { actionId: a.id, conversationId, messageId, newContent: text, surfaceKey })
+                        })),
+                        discardDescription: "Your message stays exactly as it was sent; what you typed here is dropped.",
+                        editor: {
+                          imagePolicy: "other",
+                          surfaceName: "matrx-user/chat",
+                          sourceFeature: "chat",
+                          contentSource: { type: "chat-message", conversationId, messageId }
+                        },
+                        children: /* @__PURE__ */ jsx(
+                          AgentUserMessageContent,
+                          {
+                            conversationId,
+                            text: trimmedText,
+                            attachmentParts,
+                            bodyBlocks
+                          }
+                        )
                       }
                     )
+                  ]
+                }
+              ),
+              shouldBeCollapsible && isCollapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 h-10 bg-gradient-to-t from-muted via-muted/80 to-transparent pointer-events-none" }),
+                /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 flex justify-center pb-1", children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "quiet",
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      setIsCollapsed(false);
+                    },
+                    title: "Expand message",
+                    children: /* @__PURE__ */ jsx(ChevronDown, { className: "w-4 h-4" })
                   }
-                )
-              ]
-            }
-          ),
-          shouldBeCollapsible && isCollapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 h-10 bg-gradient-to-t from-muted via-muted/80 to-transparent pointer-events-none" }),
-            /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 flex justify-center pb-1", children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "quiet",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  setIsCollapsed(false);
-                },
-                title: "Expand message",
-                children: /* @__PURE__ */ jsx(ChevronDown, { className: "w-4 h-4" })
-              }
-            ) })
-          ] })
-        ] }) }),
+                ) })
+              ] })
+            ] })
+          }
+        ),
         /* @__PURE__ */ jsx(
           "div",
           {

package/dist/agents/components/messages-display/user/useCollapsibleMessageText.d.ts

@@ -23,7 +23,7 @@
  * physically clicks expand. A late remeasure re-collapses unless the user has
  * explicitly toggled.
  */
-export declare function useCollapsibleMessageText(contentKey: string): {
+export declare function useCollapsibleMessageText(contentKey: string, thresholdPx?: number): {
     isCollapsed: boolean;
     setIsCollapsed: (value: boolean | ((prev: boolean) => boolean)) => void;
     shouldBeCollapsible: boolean;

package/dist/agents/components/messages-display/user/useCollapsibleMessageText.js

@@ -1,6 +1,6 @@
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 const COLLAPSE_THRESHOLD_PX = 48;
-function useCollapsibleMessageText(contentKey) {
+function useCollapsibleMessageText(contentKey, thresholdPx = COLLAPSE_THRESHOLD_PX) {
   const [isCollapsed, setIsCollapsedState] = useState(true);
   const [shouldBeCollapsible, setShouldBeCollapsible] = useState(false);
   const measureRef = useRef(null);
@@ -10,8 +10,9 @@ function useCollapsibleMessageText(contentKey) {
     const node = measureRef.current;
     if (!node) return void 0;
     const measure = () => {
-      const contentHeight = node.scrollHeight;
-      const isLong = contentHeight > COLLAPSE_THRESHOLD_PX;
+      const padding = typeof getComputedStyle === "function" ? parseFloat(getComputedStyle(node).paddingBottom) || 0 : 0;
+      const contentHeight = node.scrollHeight - padding;
+      const isLong = contentHeight > thresholdPx;
       const contentChanged = previousContentRef.current !== contentKey;
       setShouldBeCollapsible(isLong);
       if (contentChanged) {
@@ -31,7 +32,7 @@ function useCollapsibleMessageText(contentKey) {
     const observer = new ResizeObserver(measure);
     observer.observe(node);
     return () => observer.disconnect();
-  }, [contentKey]);
+  }, [contentKey, thresholdPx]);
   const setIsCollapsed = useCallback(
     (value) => {
       userToggledRef.current = true;

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

@@ -2,6 +2,7 @@ import type { ComposerPresentation } from "../inputs/smart-input/composer/compos
 import type { AttachedContextRailItem } from "../inputs/smart-input/ConversationContextRail.js";
 import type { VariablesPanelStyle } from "../inputs/variable-input-variations/variable-input-options.js";
 import { type TranscriptAudience } from "./transcript-audience.js";
+import { type TranscriptLayout } from "./transcript-layout.js";
 interface SmartInputForwardProps {
     /** See `SmartAgentInput`'s `draftAlias`: the per-record unsent-draft key. */
     draftAlias?: string;
@@ -114,6 +115,11 @@ interface AgentConversationColumnBaseProps {
      * ./transcript-audience.tsx.
      */
     audience?: TranscriptAudience;
+    /**
+     * The host's layout knobs (width, alignment, the person's message style). Omitted = today's
+     * web chat exactly. See ./transcript-layout.tsx.
+     */
+    layout?: TranscriptLayout;
 }
-export declare function AgentConversationColumn({ conversationId, displayConversationId, surfaceKey, constrainWidth, edgeToEdgeScroll, smartInputProps, landingContent, hideInput, hideCreatorPanel, afterMessages, aboveInput, deferColdMarkdown, audience, }: AgentConversationColumnProps): import("react").JSX.Element;
+export declare function AgentConversationColumn({ conversationId, displayConversationId, surfaceKey, constrainWidth, edgeToEdgeScroll, smartInputProps, landingContent, hideInput, hideCreatorPanel, afterMessages, aboveInput, deferColdMarkdown, audience, layout, }: AgentConversationColumnProps): import("react").JSX.Element;
 export {};

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

@@ -32,9 +32,13 @@ import {
 } from "./transcript-audience.js";
 import { cn } from "@ai-matrx/design-system";
 import {
-  ASSISTANT_MESSAGE_COLUMN_CLASS,
   ASSISTANT_MESSAGE_COLUMN_INSET_CLASS
 } from "./assistant-message-layout.js";
+import {
+  TranscriptLayoutProvider,
+  resolveTranscriptLayout,
+  transcriptColumnClass
+} from "./transcript-layout.js";
 import {
   isWarRoomThreadAgentSurface,
   traceWarRoomRenderPath
@@ -58,8 +62,11 @@ function AgentConversationColumn({
   afterMessages,
   aboveInput,
   deferColdMarkdown = false,
-  audience = "builder"
+  audience = "builder",
+  layout
 }) {
+  const resolvedLayout = resolveTranscriptLayout(layout);
+  const columnClass = transcriptColumnClass(resolvedLayout);
   const dispatch = useAppDispatch();
   const displayId = displayConversationId ?? conversationId;
   const scrollRef = useRef(null);
@@ -202,8 +209,8 @@ function AgentConversationColumn({
     });
   }, []);
   const edgeScroll = constrainWidth && edgeToEdgeScroll;
-  const centerWrap = edgeScroll ? cn(ASSISTANT_MESSAGE_COLUMN_CLASS, ASSISTANT_MESSAGE_COLUMN_INSET_CLASS) : "contents";
-  return /* @__PURE__ */ jsx(ConversationAbilitiesProvider, { conversationId: displayId, children: /* @__PURE__ */ jsx(TranscriptAudienceProvider, { audience, children: /* @__PURE__ */ jsxs(
+  const centerWrap = edgeScroll ? cn(columnClass, ASSISTANT_MESSAGE_COLUMN_INSET_CLASS) : "contents";
+  return /* @__PURE__ */ jsx(ConversationAbilitiesProvider, { conversationId: displayId, children: /* @__PURE__ */ jsx(TranscriptAudienceProvider, { audience, children: /* @__PURE__ */ jsx(TranscriptLayoutProvider, { layout: resolvedLayout, children: /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
@@ -211,7 +218,7 @@ function AgentConversationColumn({
         // Legacy: pad the whole column. Edge mode: padding lives on the
         // centered inner wrappers instead so the scroll area runs to the edge.
         !edgeScroll && "px-2",
-        constrainWidth && !edgeScroll && ASSISTANT_MESSAGE_COLUMN_CLASS,
+        constrainWidth && !edgeScroll && columnClass,
         constrainWidth && !edgeScroll && "pb-2",
         edgeScroll && "w-full pb-2"
       ),
@@ -319,7 +326,7 @@ function AgentConversationColumn({
             animate: { opacity: 1, y: 0 },
             transition: { duration: 0.28, ease: [0.32, 0.72, 0, 1] },
             className: edgeScroll ? cn(
-              ASSISTANT_MESSAGE_COLUMN_CLASS,
+              columnClass,
               ASSISTANT_MESSAGE_COLUMN_INSET_CLASS
             ) : void 0,
             children: [
@@ -348,7 +355,7 @@ function AgentConversationColumn({
         )
       ]
     }
-  ) }) });
+  ) }) }) });
 }
 export {
   AgentConversationColumn

package/dist/agents/components/shared/transcript-layout.d.ts

@@ -0,0 +1,31 @@
+/**
+ * How a host lays the ONE conversation column out (HOST-OWNED-SOURCE-PLAN P28e look bar).
+ *
+ * Knobs, never forks: every value has today's web default, and a host that says nothing gets
+ * exactly the web chat. Matrx 2 (desktop) fills its pane, starts at the left edge and draws the
+ * person's turn as a compact block — the look its coding screen had before the column.
+ *
+ *  - `width`: "reading" (the canonical `max-w-3xl` reading column) | "fill" (the host's pane).
+ *  - `align`: "center" | "start" — where a reading-width column sits in a wider pane.
+ *  - `userMessage`: "card" (the bordered card that collapses a long message behind a chevron) |
+ *    "compact" (a tight block; only a genuinely long message collapses).
+ *  - `answerActions`: "shown" (the answer's action row always visible on the latest answer) |
+ *    "hover" (revealed on hover / keyboard focus — a finished answer ends on its last word, not on
+ *    a lone ⋯ that reads as "still writing" in a host with few actions).
+ */
+import { type ReactNode } from "react";
+export interface TranscriptLayout {
+    width?: "reading" | "fill";
+    align?: "center" | "start";
+    userMessage?: "card" | "compact";
+    answerActions?: "shown" | "hover";
+}
+export declare const DEFAULT_TRANSCRIPT_LAYOUT: Required<TranscriptLayout>;
+export declare function resolveTranscriptLayout(layout?: TranscriptLayout): Required<TranscriptLayout>;
+/** The column's width + placement classes for a resolved layout. Web default = the canonical class. */
+export declare function transcriptColumnClass(layout: Required<TranscriptLayout>): string;
+export declare function TranscriptLayoutProvider(props: {
+    layout?: TranscriptLayout;
+    children: ReactNode;
+}): import("react").FunctionComponentElement<import("react").ProviderProps<Required<TranscriptLayout>>>;
+export declare function useTranscriptLayout(): Required<TranscriptLayout>;

package/dist/agents/components/shared/transcript-layout.js

@@ -0,0 +1,38 @@
+"use client";
+import { createContext, createElement, useContext, useMemo } from "react";
+import {
+  ASSISTANT_MESSAGE_COLUMN_CLASS
+} from "./assistant-message-layout.js";
+const DEFAULT_TRANSCRIPT_LAYOUT = {
+  width: "reading",
+  align: "center",
+  userMessage: "card",
+  answerActions: "shown"
+};
+const TranscriptLayoutContext = createContext(DEFAULT_TRANSCRIPT_LAYOUT);
+function resolveTranscriptLayout(layout) {
+  return { ...DEFAULT_TRANSCRIPT_LAYOUT, ...layout ?? {} };
+}
+function transcriptColumnClass(layout) {
+  if (layout.width === "fill") return "w-full";
+  if (layout.align === "start") return "w-full max-w-3xl";
+  return ASSISTANT_MESSAGE_COLUMN_CLASS;
+}
+function TranscriptLayoutProvider(props) {
+  const { width, align, userMessage, answerActions } = resolveTranscriptLayout(props.layout);
+  const value = useMemo(
+    () => ({ width, align, userMessage, answerActions }),
+    [width, align, userMessage, answerActions]
+  );
+  return createElement(TranscriptLayoutContext.Provider, { value }, props.children);
+}
+function useTranscriptLayout() {
+  return useContext(TranscriptLayoutContext);
+}
+export {
+  DEFAULT_TRANSCRIPT_LAYOUT,
+  TranscriptLayoutProvider,
+  resolveTranscriptLayout,
+  transcriptColumnClass,
+  useTranscriptLayout
+};

package/dist/agents/redux/execution-system/message-crud/answer-text-splice.js

@@ -6,7 +6,7 @@ import {
   spliceSave,
   tokenizeSource
 } from "@ai-matrx/content-ir/source";
-import { removeThinkingContent } from "@ai-matrx/print/markdown";
+import { stripThinking as removeThinkingContent } from "@ai-matrx/content-ir/source";
 function isTextPart(part) {
   return part.type === "text" || part.type === void 0;
 }

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

@@ -17,7 +17,7 @@ import {
   readEnvelope,
   reconstructRegionValue
 } from "@ai-matrx/content-ir";
-import { removeThinkingContent } from "@ai-matrx/print/markdown";
+import { stripThinking as removeThinkingContent } from "@ai-matrx/content-ir/source";
 import { NON_ANSWER_BLOCK_TYPES } from "../active-requests/active-requests.selectors.js";
 import {
   buildMessageCitationIndex,

package/dist/canvas/workspace/ChatPanelTitleMenu.js

@@ -5,7 +5,10 @@ import { ChevronDown, ExternalLink, PencilLine, Plus } from "lucide-react";
 import { AppLink } from "../../host/ui-slots.js";
 import { Popover, PopoverContent, PopoverTrigger } from "@ai-matrx/design-system";
 import { useAppSelector } from "../../store/hooks.js";
-import { selectConversationTitle } from "../../agents/redux/execution-system/conversations/conversations.selectors.js";
+import {
+  selectConversationTitle,
+  selectIsCacheOnly
+} from "../../agents/redux/execution-system/conversations/conversations.selectors.js";
 import { selectConversationListItemById } from "../../agents/redux/conversation-list/conversation-list.selectors.js";
 import { conversationRenameOpener } from "../../agents/components/conversation-actions/rename/conversationRenameOpener.js";
 import { conversationTitleText } from "@ai-matrx/content-ir/surfaces";
@@ -33,6 +36,9 @@ function ChatPanelTitleMenu({
   const [open, setOpen] = useState(false);
   const realTitle = useChatRealTitle(conversationId);
   const title = realTitle ?? "New chat";
+  const started = useAppSelector(
+    (state) => conversationId ? !selectIsCacheOnly(conversationId)(state) || selectConversationListItemById(conversationId)(state) !== null : false
+  );
   const close = () => setOpen(false);
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "quiet", iconEnd: /* @__PURE__ */ jsx(ChevronDown, {}), className: "min-w-0", title, children: title }) }),
@@ -56,7 +62,7 @@ function ChatPanelTitleMenu({
                 }
               }
             ),
-            conversationId ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            conversationId && started ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(
                 Tile,
                 {