@ai-matrx/chat 0.4.16 → 0.4.18

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @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):

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,
                 {

package/dist/canvas/workspace/useCanvasWorkspaceConversation.d.ts

@@ -85,6 +85,16 @@ export declare function rememberWorkspaceConversation(surfaceKey: string, conver
 export declare function reservedChatKey(surfaceKey: string): string;
 export declare function reserveWorkspaceConversationId(surfaceKey: string, fresh: boolean): string | undefined;
 export declare function releaseWorkspaceConversationId(surfaceKey: string): void;
+/**
+ * The server refused a new chat's id because it is already TAKEN (409
+ * `conversation_already_exists`, run-ai-stream): a reserved id another tab
+ * already sent with, or one kept past a send. Retrying the same id can never
+ * succeed.
+ */
+export declare function isConversationIdTaken(error: {
+    message?: unknown;
+    error_type?: unknown;
+} | undefined): boolean;
 export interface CanvasWorkspaceConversationController {
     conversation: CanvasWorkspaceConversation;
     /** The id when ready, else null. */

package/dist/canvas/workspace/useCanvasWorkspaceConversation.js

@@ -7,6 +7,10 @@ import { resumeConversation } from "../../agents/redux/execution-system/thunks/r
 import { useAppDispatch, useAppSelector } from "../../store/hooks.js";
 import { selectShouldPromptForOrganization } from "../../host/ui-slots.js";
 import { selectIsCacheOnly } from "../../agents/redux/execution-system/conversations/conversations.selectors.js";
+import { selectLatestRequestId } from "../../agents/redux/execution-system/selectors/aggregate.selectors.js";
+import { selectRequestError } from "../../agents/redux/execution-system/active-requests/active-requests.selectors.js";
+import { extractFlatText } from "../../agents/redux/execution-system/messages/messages.selectors.js";
+import { setUserInputText } from "../../agents/redux/execution-system/instance-user-input/instance-user-input.slice.js";
 import { replaceAddressWithoutNavigating } from "@ai-matrx/rich-content/utils/addressWithoutNavigating";
 import { describeLaunchError } from "./describe-launch-error.js";
 import { sideChatAddress } from "./side-chat-address.js";
@@ -65,6 +69,11 @@ function releaseWorkspaceConversationId(surfaceKey) {
   } catch {
   }
 }
+function isConversationIdTaken(error) {
+  if (!error) return false;
+  const text = `${typeof error.error_type === "string" ? error.error_type : ""} ${typeof error.message === "string" ? error.message : ""}`;
+  return /conversation_already_exists|Conversation already exists/i.test(text);
+}
 function isCanvasWorkspaceStart(input) {
   return "kind" in input;
 }
@@ -103,6 +112,21 @@ function useCanvasWorkspaceConversation(surfaceKey, input) {
   const serverHasIt = useAppSelector(
     (state) => conversationId ? !selectIsCacheOnly(conversationId)(state) : false
   );
+  const latestRequestId = useAppSelector(
+    (state) => conversationId ? selectLatestRequestId(conversationId)(state) : void 0
+  );
+  const sendStarted = latestRequestId !== void 0;
+  const idTaken = useAppSelector(
+    (state) => latestRequestId ? isConversationIdTaken(selectRequestError(latestRequestId)(state)) : false
+  );
+  const refusedText = useAppSelector((state) => {
+    if (!idTaken || !conversationId) return "";
+    const entry = state.messages?.byConversationId?.[conversationId];
+    const lastUser = entry?.orderedIds.map((id) => entry.byId[id]).filter((record) => record?.role === "user").at(-1);
+    const sent = lastUser ? extractFlatText(lastUser).trim() : "";
+    const typed = state.instanceUserInput?.byConversationId?.[conversationId]?.text?.trim() ?? "";
+    return [sent, typed === sent ? "" : typed].filter(Boolean).join("\n\n");
+  });
   const [keyedFor, setKeyedFor] = useState({ surfaceKey, hasAddress });
   if (keyedFor.surfaceKey !== surfaceKey || keyedFor.hasAddress !== hasAddress) {
     setKeyedFor({ surfaceKey, hasAddress });
@@ -141,14 +165,36 @@ function useCanvasWorkspaceConversation(surfaceKey, input) {
     if (!conversationId && addressOpen) return;
     const shown = conversationId && (request.kind === "open" || serverHasIt) ? conversationId : null;
     if (conversationId) {
-      rememberWorkspaceConversation(surfaceKey, shown);
-      if (shown) releaseWorkspaceConversationId(surfaceKey);
+      const remembered = shown ?? (sendStarted && !idTaken ? conversationId : null);
+      rememberWorkspaceConversation(surfaceKey, remembered);
+      if (remembered) releaseWorkspaceConversationId(surfaceKey);
     }
     const search = sideChatAddress(window.location.search, { conversationId: shown, open: addressOpen, hostedElsewhere });
     if (search === window.location.search) return;
     onAddressWrite.current?.(search);
     replaceAddressWithoutNavigating(`${window.location.pathname}${search}${window.location.hash}`);
-  }, [hasAddress, addressRead, addressOpen, hostedElsewhere, conversationId, request.kind, serverHasIt, surfaceKey]);
+  }, [hasAddress, addressRead, addressOpen, hostedElsewhere, conversationId, request.kind, serverHasIt, sendStarted, idTaken, surfaceKey]);
+  const healed = useRef(null);
+  const carry = useRef(null);
+  useEffect(() => {
+    if (!idTaken || serverHasIt || !conversationId || !latestRequestId) return;
+    if (healed.current === latestRequestId) return;
+    healed.current = latestRequestId;
+    console.warn("[canvas-workspace] the new chat's id was already taken (409); starting it again under a fresh id", conversationId);
+    releaseWorkspaceConversationId(surfaceKey);
+    if (hasAddress) rememberWorkspaceConversation(surfaceKey, null);
+    carry.current = refusedText ? { text: refusedText, from: conversationId } : null;
+    setConversationId(null);
+    setFailure(null);
+    setRequest(
+      (current) => current.kind === "agent" ? { kind: "agent", agentId: current.agentId, nonce: current.nonce + 1 } : { kind: "new", nonce: current.nonce + 1, ...current.kind === "new" && current.mandateKey ? { mandateKey: current.mandateKey } : {} }
+    );
+  }, [idTaken, serverHasIt, conversationId, latestRequestId, surfaceKey, hasAddress, refusedText]);
+  useEffect(() => {
+    if (!conversationId || !carry.current || carry.current.from === conversationId) return;
+    dispatch(setUserInputText({ conversationId, text: carry.current.text }));
+    carry.current = null;
+  }, [conversationId, dispatch]);
   useEffect(() => {
     if (!enabled || waitingForOrganization || !addressRead) return;
     const key = `${surfaceKey}#${request.kind}#${request.nonce}`;
@@ -239,6 +285,7 @@ function useCanvasWorkspaceConversation(surfaceKey, input) {
   return { conversation, conversationId, startNew, openExisting, startWith };
 }
 export {
+  isConversationIdTaken,
   recallWorkspaceConversation,
   releaseWorkspaceConversationId,
   rememberWorkspaceConversation,

package/dist/cx-chat/components/ChatMobileAgentName.js

@@ -3,7 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { ChevronDown } from "lucide-react";
 import { usePathname, useSearchParams, useRouter } from "../../host/navigation.js";
-import { AgentPickerSheet } from "../../next/lazy/AgentPickerSheet.js";
+import { AgentPickerSheet } from "../../ui/lazy/AgentPickerSheet.js";
 import { useAgentName } from "../../agents/identity/agent-identity.js";
 import { pushAppHref } from "../../host/ui-slots.js";
 import { Button } from "@ai-matrx/design-system/controls";

package/dist/cx-chat/components/ChatSidebarClient.js

@@ -2,7 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useRef, useEffect } from "react";
 import { useRouter, usePathname, useSearchParams } from "../../host/navigation.js";
-import { AgentPickerSheet } from "../../next/lazy/AgentPickerSheet.js";
+import { AgentPickerSheet } from "../../ui/lazy/AgentPickerSheet.js";
 import { ChevronDown } from "lucide-react";
 import { SidebarActions } from "./sidebar/SidebarActions.js";
 import { SsrSidebarAgents } from "./SsrSidebarAgents.js";

package/dist/cx-chat/components/ChatWelcomeClient.js

@@ -2,7 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState, useCallback } from "react";
 import { useRouter } from "../../host/navigation.js";
-import { AgentPickerSheet } from "../../next/lazy/AgentPickerSheet.js";
+import { AgentPickerSheet } from "../../ui/lazy/AgentPickerSheet.js";
 import { useAppSelector, useAppDispatch } from "../../store/hooks.js";
 import { selectAgentById } from "../../agents/redux/agent-definition/selectors.js";
 import { selectLatestConversationId } from "../../agents/redux/execution-system/selectors/aggregate.selectors.js";

package/dist/cx-chat/components/core/ChatConversationClient.js

@@ -2,7 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useCallback, useState } from "react";
 import { useRouter } from "../../../host/navigation.js";
-import { AgentPickerSheet } from "../../../next/lazy/AgentPickerSheet.js";
+import { AgentPickerSheet } from "../../../ui/lazy/AgentPickerSheet.js";
 import { useAppSelector } from "../../../store/hooks.js";
 import { selectIsAdmin, selectIsAuthenticated } from "../../../host/identity.js";
 import { useDebugContext } from "../../../host/prefs-react.js";

package/dist/cx-chat/components/user-input/ConversationInput.js

@@ -9,7 +9,7 @@ import {
   useMemo
 } from "react";
 import { useDebugContext } from "../../../host/prefs-react.js";
-import { GuidedVariableInputs, StackedVariableInputs } from "../../../next/lazy/ChatVariableInputs.js";
+import { GuidedVariableInputs, StackedVariableInputs } from "../../../ui/lazy/ChatVariableInputs.js";
 import { useRouter, useSearchParams, usePathname } from "../../../host/navigation.js";
 import {
   CornerDownLeft,

package/dist/cx-conversation/ConversationInput.js

@@ -8,7 +8,7 @@ import {
   useCallback,
   useMemo
 } from "react";
-import { GuidedVariableInputs, PublicVariableInputs } from "../next/lazy/PublicChatVariableInputs.js";
+import { GuidedVariableInputs, PublicVariableInputs } from "../ui/lazy/PublicChatVariableInputs.js";
 import { useRouter, useSearchParams, usePathname } from "../host/navigation.js";
 import {
   CornerDownLeft,

package/dist/cx-conversation/MessageList.js

@@ -10,7 +10,7 @@ import {
   selectUIState
 } from "./_legacy-stubs.js";
 import { chatConversationsActions } from "./_legacy-stubs.js";
-import { AssistantMessage } from "../next/lazy/CxAssistantMessage.js";
+import { AssistantMessage } from "../ui/lazy/CxAssistantMessage.js";
 import { MessageErrorBoundary } from "./MessageErrorBoundary.js";
 import { UserMessage } from "./UserMessage.js";
 function StreamingAssistantMessage({

package/dist/host/ui-slots.js

@@ -291,7 +291,22 @@ const readListRpc = slotFn("readListRpc");
 const ReadFailure = slotComponent("ReadFailure", unregisteredWidget("ReadFailure"));
 const ItemRow = slotComponent("ItemRow", unregisteredWidget("ItemRow"));
 const UntrustedCount = slotComponent("UntrustedCount", unregisteredWidget("UntrustedCount"));
-const StaleDataNotice = slotComponent("StaleDataNotice", unregisteredWidget("StaleDataNotice"));
+function PlainStaleDataNotice(props) {
+  const what = props.what ?? "this";
+  const sentence = props.hasData ? `Showing what was last read; ${what} could not be refreshed.` : `Could not read ${what}.`;
+  return createElement(
+    "div",
+    { role: "status", className: "text-xs text-muted-foreground", "data-stale-data-notice": "" },
+    sentence,
+    props.detail ? ` ${props.detail}` : null,
+    props.onRetry ? createElement(
+      "button",
+      { type: "button", className: "ml-2 underline", onClick: () => props.onRetry?.() },
+      "Try again"
+    ) : null
+  );
+}
+const StaleDataNotice = slotComponent("StaleDataNotice", PlainStaleDataNotice);
 const WorkspaceGate = slotComponent("WorkspaceGate", DefaultWorkspaceGate);
 const OrganizationContextNotice = slotComponent("OrganizationContextNotice", unregisteredWidget("OrganizationContextNotice"));
 const JsonInspector = slotComponent("JsonInspector", unregisteredWidget("JsonInspector"));
@@ -315,7 +330,7 @@ const ReferenceCopyMenuItem = slotComponent("ReferenceCopyMenuItem", unregistere
 const ReferenceCopyButton = slotComponent("ReferenceCopyButton", unregisteredWidget("ReferenceCopyButton"));
 const MandateNotesPanel = slotComponent("MandateNotesPanel", unregisteredWidget("MandateNotesPanel"));
 const SurfaceBoundAgentsList = slotComponent("SurfaceBoundAgentsList", unregisteredWidget("SurfaceBoundAgentsList"));
-const ProposedDirectivesZone = slotComponent("ProposedDirectivesZone", unregisteredWidget("ProposedDirectivesZone"));
+const ProposedDirectivesZone = slotComponent("ProposedDirectivesZone", optionalWidget("ProposedDirectivesZone"));
 const EntityCommentPopover = slotComponent("EntityCommentPopover", unregisteredWidget("EntityCommentPopover"));
 const ProTextarea = slotComponent("ProTextarea", (props) => {
   const { onChange, value, className, placeholder, rows, id, ref, autoFocus, disabled } = props;

package/dist/surfaces/components/chrome/SurfaceAgentsHeaderButton.d.ts

@@ -1,4 +1,4 @@
-import { SurfaceAgentsPanelImpl } from "../../../next/lazy/SurfaceAgentsPanelImpl.js";
+import { SurfaceAgentsPanelImpl } from "../../../ui/lazy/SurfaceAgentsPanelImpl.js";
 /** What a guest is told when they reach for Agents — one copy for every door. */
 export declare const AGENTS_AUTH_GATE: {
     featureName: string;

package/dist/surfaces/components/chrome/SurfaceAgentsHeaderButton.js

@@ -1,7 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
-import { SurfaceAgentsPanelImpl } from "../../../next/lazy/SurfaceAgentsPanelImpl.js";
+import { SurfaceAgentsPanelImpl } from "../../../ui/lazy/SurfaceAgentsPanelImpl.js";
 import { TapTargetButtonTransparent } from "@ai-matrx/tap-target";
 import { INTELLIGENCE_ICON } from "@ai-matrx/icons/domain";
 import {

package/dist/tool-call-visualization/db-renderer/DbToolRenderer.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { DbToolRendererImplLazy as LazyImpl } from "../../next/lazy/DbToolRendererImpl.js";
+import { DbToolRendererImplLazy as LazyImpl } from "../../ui/lazy/DbToolRendererImpl.js";
 const DbToolRenderer = (props) => {
   return /* @__PURE__ */ jsx(LazyImpl, { ...props });
 };

package/dist/{next → ui}/lazy/AgentAssistantMessage.js

@@ -1,12 +1,11 @@
 "use client";
-import dynamic from "next/dynamic";
-const AgentAssistantMessage = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const AgentAssistantMessage = clientLazy(
   () => import("../../agents/components/messages-display/assistant/AgentAssistantMessage.js").then(
     (m) => ({
       default: m.AgentAssistantMessage
     })
-  ),
-  { ssr: false }
+  )
 );
 export {
   AgentAssistantMessage

package/dist/{next → ui}/lazy/AgentPickerSheet.js

@@ -1,10 +1,9 @@
 "use client";
-import dynamic from "next/dynamic";
-const AgentPickerSheet = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const AgentPickerSheet = clientLazy(
   () => import("../../cx-chat/components/agent/AgentPickerSheet.js").then(
     (m) => ({ default: m.AgentPickerSheet })
-  ),
-  { ssr: false }
+  )
 );
 export {
   AgentPickerSheet

package/dist/{next → ui}/lazy/ChatVariableInputs.js

@@ -1,16 +1,14 @@
 "use client";
-import dynamic from "next/dynamic";
-const GuidedVariableInputs = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const GuidedVariableInputs = clientLazy(
   () => import("../../cx-chat/components/user-input/GuidedVariableInputs.js").then(
     (m) => ({ default: m.GuidedVariableInputs })
-  ),
-  { ssr: false }
+  )
 );
-const StackedVariableInputs = dynamic(
+const StackedVariableInputs = clientLazy(
   () => import("../../cx-chat/components/user-input/StackedVariableInputs.js").then(
     (m) => ({ default: m.StackedVariableInputs })
-  ),
-  { ssr: false }
+  )
 );
 export {
   GuidedVariableInputs,

package/dist/{next → ui}/lazy/ConversationRenameDialogHostImpl.d.ts

@@ -1 +1 @@
-export declare const ConversationRenameDialogHostImpl: import("react").ComponentType<{}>;
+export declare const ConversationRenameDialogHostImpl: import("react").ComponentType<object>;

package/dist/{next → ui}/lazy/ConversationRenameDialogHostImpl.js

@@ -1,8 +1,8 @@
 "use client";
-import dynamic from "next/dynamic";
-const ConversationRenameDialogHostImpl = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const ConversationRenameDialogHostImpl = clientLazy(
   () => import("../../agents/components/conversation-actions/rename/ConversationRenameDialogHostImpl.js"),
-  { ssr: false, loading: () => null }
+  { loading: () => null }
 );
 export {
   ConversationRenameDialogHostImpl

package/dist/{next → ui}/lazy/CxAssistantMessage.js

@@ -1,10 +1,9 @@
 "use client";
-import dynamic from "next/dynamic";
-const AssistantMessage = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const AssistantMessage = clientLazy(
   () => import("../../cx-conversation/AssistantMessage.js").then(
     (m) => m.AssistantMessage
-  ),
-  { ssr: false }
+  )
 );
 export {
   AssistantMessage

package/dist/{next → ui}/lazy/DbToolRendererImpl.js

@@ -1,10 +1,10 @@
 "use client";
-import dynamic from "next/dynamic";
-const DbToolRendererImplLazy = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const DbToolRendererImplLazy = clientLazy(
   () => import("../../tool-call-visualization/db-renderer/DbToolRendererImpl.js").then((m) => ({
     default: m.DbToolRendererImpl
   })),
-  { ssr: false, loading: () => null }
+  { loading: () => null }
 );
 export {
   DbToolRendererImplLazy

package/dist/{next → ui}/lazy/IconResolver.js

@@ -1,9 +1,8 @@
-import dynamic from "next/dynamic";
-const IconResolver = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const IconResolver = clientLazy(
   () => import("@ai-matrx/icons").then((m) => ({
     default: m.IconResolver
-  })),
-  { ssr: false }
+  }))
 );
 export {
   IconResolver

package/dist/{next → ui}/lazy/PublicChatVariableInputs.js

@@ -1,16 +1,14 @@
 "use client";
-import dynamic from "next/dynamic";
-const GuidedVariableInputs = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const GuidedVariableInputs = clientLazy(
   () => import("../../public-chat/components/GuidedVariableInputs.js").then(
     (m) => ({ default: m.GuidedVariableInputs })
-  ),
-  { ssr: false }
+  )
 );
-const PublicVariableInputs = dynamic(
+const PublicVariableInputs = clientLazy(
   () => import("../../public-chat/components/PublicVariableInputs.js").then(
     (m) => ({ default: m.PublicVariableInputs })
-  ),
-  { ssr: false }
+  )
 );
 export {
   GuidedVariableInputs,

package/dist/{next → ui}/lazy/ScrollAssistantLaunchers.d.ts

@@ -1,3 +1,3 @@
 import type { ScrollAssistantLauncherImplProps } from "../../agents/components/ambient-assistant/ScrollAssistantLauncherImpl.js";
 export declare const ScrollAssistantLauncherImpl: import("react").ComponentType<ScrollAssistantLauncherImplProps>;
-export declare const ScrollVoiceAssistantLauncherImpl: import("react").ComponentType<{}>;
+export declare const ScrollVoiceAssistantLauncherImpl: import("react").ComponentType<object>;

package/dist/{next → ui}/lazy/ScrollAssistantLaunchers.js

@@ -1,18 +1,16 @@
 "use client";
-import dynamic from "next/dynamic";
-const ScrollAssistantLauncherImpl = dynamic(
+import { clientLazy } from "../../utils/client-lazy.js";
+const ScrollAssistantLauncherImpl = clientLazy(
   () => import("../../agents/components/ambient-assistant/ScrollAssistantLauncherImpl.js"),
   {
-    ssr: false,
     // A prop-blind loading shell would jump between the two supported heights.
     // Reveal the correctly sized implementation once its chunk is ready.
     loading: () => null
   }
 );
-const ScrollVoiceAssistantLauncherImpl = dynamic(
+const ScrollVoiceAssistantLauncherImpl = clientLazy(
   () => import("../../agents/components/ambient-assistant/ScrollVoiceAssistantLauncherImpl.js"),
   {
-    ssr: false,
     loading: () => null
   }
 );

package/dist/{next → ui}/lazy/SurfaceAgentsPanelImpl.js

@@ -1,11 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import dynamic from "next/dynamic";
+import { clientLazy } from "../../utils/client-lazy.js";
 import { Loader2 } from "lucide-react";
-const SurfaceAgentsPanelImpl = dynamic(
+const SurfaceAgentsPanelImpl = clientLazy(
   () => import("../../surfaces/components/chrome/SurfaceAgentsPanelImpl.js"),
   {
-    ssr: false,
     loading: () => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 p-8 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
       "Loading agents\u2026"

package/dist/utils/client-lazy.d.ts

@@ -0,0 +1,16 @@
+/**
+ * `clientLazy` — the package's host-neutral replacement for `next/dynamic(..., { ssr: false })`.
+ * A lazily loaded component that renders only on the client: on the server and during hydration
+ * it renders `loading` (hydration-safe through `useSyncExternalStore`); on the client it renders
+ * the loaded component inside a Suspense boundary with the same `loading` as the fallback.
+ *
+ * Plain React (`lazy` + `Suspense`), so a Vite / Electron / extension host needs no `next`
+ * installed (HOST-OWNED-SOURCE-PLAN P28e). Guard: `host/__tests__/no-next-import-outside-next-binding`.
+ */
+import { type ComponentType } from "react";
+export declare function useIsClient(): boolean;
+export declare function clientLazy<P extends object>(load: () => Promise<{
+    default: ComponentType<P>;
+} | ComponentType<P>>, options?: {
+    loading?: ComponentType;
+}): ComponentType<P>;

package/dist/utils/client-lazy.js

@@ -0,0 +1,27 @@
+"use client";
+import { createElement, lazy, Suspense, useSyncExternalStore } from "react";
+const subscribe = () => () => {
+};
+const onClient = () => true;
+const onServer = () => false;
+function useIsClient() {
+  return useSyncExternalStore(subscribe, onClient, onServer);
+}
+function clientLazy(load, options = {}) {
+  const Lazy = lazy(async () => {
+    const m = await load();
+    return typeof m === "function" || !("default" in m) ? { default: m } : m;
+  });
+  const Loading = options.loading;
+  function ClientLazy(props) {
+    const client = useIsClient();
+    const fallback = Loading ? createElement(Loading) : null;
+    if (!client) return fallback;
+    return createElement(Suspense, { fallback }, createElement(Lazy, props));
+  }
+  return ClientLazy;
+}
+export {
+  clientLazy,
+  useIsClient
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/chat",
-  "version": "0.4.16",
+  "version": "0.4.18",
   "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",
@@ -229,23 +229,23 @@
     "@ai-matrx/agents": "latest",
     "@ai-matrx/alchemy": "latest",
     "@ai-matrx/browser-audio": "latest",
+    "@ai-matrx/associations": "latest",
     "@ai-matrx/canvas": "latest",
     "@ai-matrx/content-ir": "latest",
     "@ai-matrx/content-ir-react": "latest",
-    "@ai-matrx/associations": "latest",
     "@ai-matrx/data": "latest",
-    "@ai-matrx/kit": "latest",
     "@ai-matrx/design-system": "latest",
-    "@ai-matrx/media": "latest",
     "@ai-matrx/icons": "latest",
+    "@ai-matrx/media": "latest",
     "@ai-matrx/print": "latest",
+    "@ai-matrx/diff": "latest",
     "@ai-matrx/realtime": "latest",
     "@ai-matrx/records": "latest",
     "@ai-matrx/records-ui": "latest",
     "@ai-matrx/rich-content": "latest",
-    "@ai-matrx/diff": "latest",
-    "@ai-matrx/tap-target": "latest",
-    "@ai-matrx/rich-editor": "latest"
+    "@ai-matrx/rich-editor": "latest",
+    "@ai-matrx/kit": "latest",
+    "@ai-matrx/tap-target": "latest"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.5",