@ai-matrx/chat 0.4.21 → 0.4.24

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @ai-matrx/chat
 
+## 0.4.24
+
+Republish of 0.4.23 (its publish failed in finish-build on a member call read as an import; fixed in 4008c0cbbc). No consumer action required.
+
+## 0.4.23
+
+- An answer open in the in-place editor stays open when its conversation is re-read (`hydrateMessages` carries `_editingInPlace`); in the floating chat window the editor closed ~1.5s after a double-click. Guard: `hydrate-keeps-an-open-in-place-editor.test.ts`.
+- A Chat link naming its agent and conversation (`agent:<id>:m-run_a-<agent>_c-<conversation>`) opens them: the window adopts a seed that arrives after it mounted, never over the person's own choice (`adoptLateWindowSeed`). Guard: `a-chat-link-opens-its-conversation.test.ts`.
+
+No consumer action required.
+
+## 0.4.22
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/chat/v0.4.21..npm/chat/v0.4.22 -- apps/shared/chat`).
+No source changes intended and no consumer action required.
+
+## 0.4.21 — Queued lines show their wait and their delivery
+
+- The waiting-messages strip shows how long each queued line has waited (a live 1 s timer), and
+  when the agent takes a line it flashes "Delivered · waited 12s" for 1.6 s before clearing.
+  New slice actions `deliverInboxItem` / `clearDeliveredInboxItem` and selector
+  `selectDeliveredInboxItems`; delivery still leaves the queue exactly like a removal, so
+  `selectInboxItemStatus` reads `null` on delivery as before. Ported from the browser extension.
+
 ## 0.4.21
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/agents/components/context-items/bodies/UnregisteredBody.d.ts

@@ -1,7 +1,10 @@
-/** The generic default for a context-item body the host did not register: the generic body, labelled. */
+/**
+ * The default for a context-item body the host did not register: the generic body, which shows the
+ * item itself (the missing editor is reported once by the slot; never a "not set up here" line).
+ */
 import type { ContextItemBodyProps } from "../types.js";
-export declare function UnregisteredBody({ name, what, props }: {
+export declare function UnregisteredBody({ name, props }: {
     name: string;
-    what: string;
+    what?: string;
     props: ContextItemBodyProps;
 }): import("react").JSX.Element;

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

@@ -1,14 +1,8 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { GenericBody } from "./GenericBody.js";
-function UnregisteredBody({ name, what, props }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col", "data-chat-slot-fallback": name, children: [
-    /* @__PURE__ */ jsxs("div", { className: "px-4 pt-3 text-[11px] text-muted-foreground", children: [
-      what,
-      " is not set up here"
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(GenericBody, { ...props }) })
-  ] });
+function UnregisteredBody({ name, props }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full min-h-0 flex-col", "data-chat-slot-fallback": name, children: /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx(GenericBody, { ...props }) }) });
 }
 export {
   UnregisteredBody

package/dist/agents/components/inputs/resources/attach-resource.js

@@ -54,6 +54,7 @@ function resourceLabel(resource) {
     case "table":
       return resource.data.table_name ?? "Table";
     case "webpage":
+      if (typeof resource.data === "string") return resource.data.replace(/^https?:\/\/(www\.)?/i, "").replace(/\/$/, "");
       return resource.data.title ?? resource.data.url ?? "Webpage";
     case "youtube":
       return resource.data.title ?? "YouTube";

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

@@ -20,6 +20,13 @@ import React from "react";
 interface InboxQueueStripProps {
     conversationId: string;
 }
+/** How long a delivered line keeps its "Delivered" moment before it clears (ms). */
+export declare const DELIVERED_LINGER_MS = 1600;
+/**
+ * How long a line has waited — kit's `compact` elapsed voice, floored to whole
+ * seconds and rounded DOWN so the 1 s ticker never shows time that has not passed.
+ */
+export declare function waitedLabel(fromIso: string, toMs: number): string;
 /**
  * Delivered collab notes are prefixed "[Collaboration note] Agent '<name>' …"
  * server-side; the queued text carries the same prefix. Pull the agent name

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

@@ -1,8 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
+import { formatDurationSeconds } from "@ai-matrx/kit/format";
 import {
   ArrowUp,
+  Check,
   CircleHelp,
   Clock,
   Handshake,
@@ -19,7 +21,10 @@ import {
   TooltipContent,
   TooltipTrigger
 } from "@ai-matrx/design-system";
-import { selectInboxItems } from "../../../redux/execution-system/inbox/inbox.selectors.js";
+import {
+  selectDeliveredInboxItems,
+  selectInboxItems
+} from "../../../redux/execution-system/inbox/inbox.selectors.js";
 import { TERMINAL_RUNTIME_STATUSES } from "../../../runtime-reconnect/types.js";
 import { selectIsExecuting } from "../../../redux/execution-system/selectors/aggregate.selectors.js";
 import {
@@ -29,11 +34,27 @@ import {
   editInboxItem
 } from "../../../redux/execution-system/inbox/inbox.thunks.js";
 import {
+  clearDeliveredInboxItem,
   removeInboxItem
 } from "../../../redux/execution-system/inbox/inbox.slice.js";
 import { Button } from "@ai-matrx/design-system/controls";
 import { useConversationAbilities } from "../../../redux/execution-system/host-conversations/conversation-abilities.js";
 const queueActionClassName = "h-11 w-11 min-h-11 min-w-11 shrink-0 rounded p-0 text-muted-foreground hover:bg-muted hover:text-foreground lg:h-8 lg:w-8 lg:min-h-8 lg:min-w-8";
+const DELIVERED_LINGER_MS = 1600;
+function waitedLabel(fromIso, toMs) {
+  const seconds = Math.max(0, Math.floor((toMs - Date.parse(fromIso)) / 1e3));
+  return formatDurationSeconds(seconds, { style: "compact", round: "down" });
+}
+function useSecondTicker(active) {
+  const [now, setNow] = useState(() => Date.now());
+  useEffect(() => {
+    if (!active) return;
+    setNow(Date.now());
+    const id = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(id);
+  }, [active]);
+  return now;
+}
 function statusLabel(item, running) {
   if (item.status === "failed") return item.error ?? "Failed to send";
   if (item.status === "sending") return "Sending\u2026";
@@ -71,7 +92,22 @@ function InboxQueueStripBody({ conversationId }) {
     /* @__PURE__ */ new Set()
   );
   const visible = items.filter((i) => i.isVisibleToUser || isCollabNoteItem(i));
-  if (visible.length === 0) return null;
+  const delivered = useAppSelector(selectDeliveredInboxItems(conversationId));
+  const hasWaiting = visible.some(
+    (i) => (i.status === "pending" || i.status === "sending") && !isCollabNoteItem(i)
+  );
+  const now = useSecondTicker(hasWaiting);
+  useEffect(() => {
+    if (delivered.length === 0) return;
+    const timers = delivered.map(
+      (d) => setTimeout(
+        () => dispatch(clearDeliveredInboxItem({ conversationId, injectionId: d.injectionId })),
+        Math.max(0, DELIVERED_LINGER_MS - (Date.now() - Date.parse(d.deliveredAt)))
+      )
+    );
+    return () => timers.forEach(clearTimeout);
+  }, [delivered, conversationId, dispatch]);
+  if (visible.length === 0 && delivered.length === 0) return null;
   const isDeparting = (item) => !isCollabNoteItem(item) && (item.mode === "steer" || promotingIds.has(item.injectionId));
   const departing = visible.filter(isDeparting);
   const waiting = visible.filter((item) => !isDeparting(item));
@@ -142,13 +178,16 @@ function InboxQueueStripBody({ conversationId }) {
                   )
                 ] }),
                 /* @__PURE__ */ jsxs(Tooltip, { children: [
-                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
                     "span",
                     {
                       tabIndex: 0,
                       role: "status",
                       className: `block truncate rounded-sm text-[11px] leading-4 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring lg:cursor-help ${failed ? "text-destructive" : "text-muted-foreground"}`,
-                      children: promoting ? "Sending\u2026" : statusLabel(item, running)
+                      children: [
+                        promoting ? "Sending\u2026" : statusLabel(item, running),
+                        (item.status === "pending" || item.status === "sending") && !collabNote ? ` \xB7 ${waitedLabel(item.queuedAt, now)}` : null
+                      ]
                     }
                   ) }),
                   /* @__PURE__ */ jsx(TooltipContent, { side: "top", className: "max-w-[20rem]", children: statusHelp })
@@ -262,6 +301,20 @@ function InboxQueueStripBody({ conversationId }) {
         )
       ] }, item.injectionId);
     }),
+    delivered.map((d) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-inbox-delivered": "",
+        role: "status",
+        className: "flex min-w-0 items-center gap-2 rounded-lg border border-emerald-500/30 bg-emerald-500/[0.08] px-3 py-2 text-xs motion-safe:animate-out motion-safe:fade-out motion-safe:delay-1000 motion-safe:duration-500",
+        children: [
+          /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 shrink-0 text-emerald-600 dark:text-emerald-400" }),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-foreground", children: d.text }),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: `Delivered \xB7 waited ${waitedLabel(d.queuedAt, Date.parse(d.deliveredAt))}` })
+        ]
+      },
+      `delivered-${d.injectionId}`
+    )),
     /* @__PURE__ */ jsx(
       TextInputDialog,
       {
@@ -296,6 +349,8 @@ function InboxQueueStripBody({ conversationId }) {
   ] });
 }
 export {
+  DELIVERED_LINGER_MS,
   InboxQueueStrip,
-  parseCollabNoteAgent
+  parseCollabNoteAgent,
+  waitedLabel
 };

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

@@ -8,6 +8,8 @@ import { InboxQueueStrip } from "./InboxQueueStrip.js";
 import { selectViewerCanReply } from "../../../redux/execution-system/conversations/conversations.selectors.js";
 import { ViewOnlyComposerBar } from "./ViewOnlyComposerBar.js";
 import { selectHasUserInput } from "../../../redux/execution-system/instance-user-input/instance-user-input.selectors.js";
+import { useConversationHeld } from "../../../../host/conversation-hooks-react.js";
+import { Hourglass } from "lucide-react";
 function SmartAgentInput({
   conversationId,
   uploadRoot = "userContent",
@@ -41,7 +43,8 @@ function SmartAgentInput({
   const ambientHasNothingToSend = useAppSelector(
     (state) => isLauncher && conversationId ? !selectHasUserInput(conversationId)(state) : false
   );
-  const sendDisabled = disableSend || ambientHasNothingToSend;
+  const heldSentence = useConversationHeld(conversationId);
+  const sendDisabled = disableSend || ambientHasNothingToSend || heldSentence !== null;
   const viewerCanReply = useAppSelector(
     (state) => conversationId ? selectViewerCanReply(conversationId)(state) : true
   );
@@ -52,6 +55,18 @@ function SmartAgentInput({
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     queueStrip,
+    heldSentence ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "status",
+        "data-testid": "composer-held",
+        className: "mx-auto mb-1.5 flex w-full items-center gap-2 px-1 text-xs text-muted-foreground",
+        children: [
+          /* @__PURE__ */ jsx(Hourglass, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", title: heldSentence, children: heldSentence })
+        ]
+      }
+    ) : null,
     /* @__PURE__ */ jsx(
       SmartAgentInputStacked,
       {

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

@@ -12,6 +12,7 @@ import { Check, ChevronRight } from "lucide-react";
 import { Popover, PopoverAnchor, PopoverContent } from "@ai-matrx/design-system";
 import { Switch } from "../../../../../ui/switch.js";
 import { cn } from "@ai-matrx/design-system";
+import { SlotBoundary } from "../../../../../host/ui-slots.js";
 const ComposerMenuPresentationContext = createContext("popover");
 const ComposerSheetNavContext = createContext(null);
 const SHEET_ROW = "sheet-row flex w-full min-w-0 shrink-0 items-center gap-3 bg-card px-3 text-left text-base text-foreground transition-colors active:bg-accent first:rounded-t-xl last:rounded-b-xl [.sheet-gap+&]:rounded-t-xl [&:has(+.sheet-gap)]:rounded-b-xl [.sheet-row+&]:border-t [.sheet-row+&]:border-border/60";
@@ -272,7 +273,7 @@ function ComposerSubmenu({
           // A panel with no fixed height on desktop is content-sized on the
           // phone too — one sizing decision, both presentations.
           fit: panelClassName && !/(^|\s)h-\[/.test(panelClassName) ? "content" : "fill",
-          render: () => typeof children === "function" ? children(sheetNav.pop) : children
+          render: () => /* @__PURE__ */ jsx(SlotBoundary, { name: `menu:${typeof row.label === "string" ? row.label : "panel"}`, children: typeof children === "function" ? children(sheetNav.pop) : children })
         })
       }
     );
@@ -321,7 +322,7 @@ function ComposerSubmenu({
           panelClassName ?? "w-72",
           "max-sm:!w-[calc(100vw-1rem)]"
         ),
-        children: /* @__PURE__ */ jsx(ComposerMenuLevel, { children: drillInPlace ? /* @__PURE__ */ jsx(InPlaceNav, { children: typeof children === "function" ? children(close) : children }) : typeof children === "function" ? children(close) : children })
+        children: /* @__PURE__ */ jsx(ComposerMenuLevel, { children: drillInPlace ? /* @__PURE__ */ jsx(InPlaceNav, { children: /* @__PURE__ */ jsx(SlotBoundary, { name: `menu:${typeof row.label === "string" ? row.label : "panel"}`, children: typeof children === "function" ? children(close) : children }) }) : /* @__PURE__ */ jsx(SlotBoundary, { name: `menu:${typeof row.label === "string" ? row.label : "panel"}`, children: typeof children === "function" ? children(close) : children }) })
       }
     )
   ] });

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

@@ -62,7 +62,8 @@ import { setUserInputText } from "../../../../redux/execution-system/instance-us
 import { prependTemplateToDraft } from "../prepend-template-to-draft.js";
 import { SmartInputMessageTemplatePicker } from "../../../../../host/ui-slots.js";
 import { useOpenContextPreviewPanel } from "../../../../../host/window-openers.js";
-import { useOpenRunControlsWindow } from "../../../../../host/window-openers.js";
+import { useHasChatWindowOpener, useOpenRunControlsWindow } from "../../../../../host/window-openers.js";
+import { isHostSlotRegistered } from "../../../../../host/ui-slots.js";
 import { useOpenCloudBrowserCanvas } from "../../../../../host/ui-slots.js";
 import { ActiveContextTree } from "../../../../../context/sources/scopes.js";
 import { useComputeTargetActions } from "../use-compute-target-actions.js";
@@ -123,6 +124,9 @@ function ComposerPlusMenu({
   const agentId = useAppSelector(selectAgentIdFromInstance(conversationId));
   const openContextPreview = useOpenContextPreviewPanel();
   const openRunControlsWindow = useOpenRunControlsWindow();
+  const runControlsWindowHosted = useHasChatWindowOpener("openRunControlsWindow");
+  const runControlsInline = presentation === "sheet" || !runControlsWindowHosted;
+  const hostPicker = isHostSlotRegistered("ResourcePickerMenu");
   const openCloudBrowser = useOpenCloudBrowserCanvas();
   const sandboxBlocked = useSandboxBindingBlocked(conversationId);
   const workingDocEnabled = useAppSelector(selectWorkingDocEnabled(conversationId));
@@ -168,40 +172,42 @@ function ComposerPlusMenu({
       /* @__PURE__ */ jsx(ComposerSubmenu, { row: { icon: FolderOpen, label: "Add files or photos" }, panelClassName: PICKER_PANEL, children: (closeCascade) => picker("files", closeCascade) })
     ),
     /* @__PURE__ */ jsx(ComposerSubmenu, { row: { icon: Link2, label: "Add a link" }, panelClassName: LINK_PANEL, children: (closeCascade) => picker("webpage", closeCascade) }),
-    /* @__PURE__ */ jsx(
-      ComposerSubmenu,
-      {
-        row: { icon: Boxes, label: "From your workspace" },
-        panelClassName: CONTENT_PANEL,
-        drillInPlace: true,
-        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col p-1.5", children: [
-          /* @__PURE__ */ jsx(ComposerMenuLabel, { children: "Attach from AI Matrx" }),
-          workspaceRows().map((row) => /* @__PURE__ */ jsx(ComposerSubmenu, { row: { icon: row.icon, label: row.label }, children: (back) => picker(row.view, back) }, row.view))
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ComposerSubmenu,
-      {
-        row: { icon: contextValuesItem().icon, label: contextValuesItem().label },
-        panelClassName: PICKER_PANEL,
-        children: (closeCascade) => picker("context_values", closeCascade)
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ComposerMenuRow,
-      {
-        icon: Search,
-        label: "Search your knowledge",
-        detail: touchOnly ? void 0 : "\u2318K",
-        onClick: () => {
-          close();
-          openAttachSearch();
+    hostPicker ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        ComposerSubmenu,
+        {
+          row: { icon: Boxes, label: "From your workspace" },
+          panelClassName: CONTENT_PANEL,
+          drillInPlace: true,
+          children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col p-1.5", children: [
+            /* @__PURE__ */ jsx(ComposerMenuLabel, { children: "Attach from AI Matrx" }),
+            workspaceRows().map((row) => /* @__PURE__ */ jsx(ComposerSubmenu, { row: { icon: row.icon, label: row.label }, children: (back) => picker(row.view, back) }, row.view))
+          ] })
         }
-      }
-    ),
+      ),
+      /* @__PURE__ */ jsx(
+        ComposerSubmenu,
+        {
+          row: { icon: contextValuesItem().icon, label: contextValuesItem().label },
+          panelClassName: PICKER_PANEL,
+          children: (closeCascade) => picker("context_values", closeCascade)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ComposerMenuRow,
+        {
+          icon: Search,
+          label: "Search your knowledge",
+          detail: touchOnly ? void 0 : "\u2318K",
+          onClick: () => {
+            close();
+            openAttachSearch();
+          }
+        }
+      )
+    ] }) : null,
     shows("plus.skills") || shows("plus.tools") || shows("plus.connectors") || shows("plus.environment") ? /* @__PURE__ */ jsx(ComposerMenuDivider, {}) : null,
-    shows("plus.skills") ? presentation === "sheet" ? /* @__PURE__ */ jsx(ComposerSubmenu, { row: { icon: Lightbulb, label: "Skills", badge: counts.skills }, children: /* @__PURE__ */ jsx(RunSkillPicker, { conversationId }) }) : /* @__PURE__ */ jsx(
+    shows("plus.skills") ? runControlsInline ? /* @__PURE__ */ jsx(ComposerSubmenu, { row: { icon: Lightbulb, label: "Skills", badge: counts.skills }, children: /* @__PURE__ */ jsx(RunSkillPicker, { conversationId }) }) : /* @__PURE__ */ jsx(
       ComposerMenuRow,
       {
         icon: Lightbulb,
@@ -213,7 +219,7 @@ function ComposerPlusMenu({
         }
       }
     ) : null,
-    shows("plus.tools") ? presentation === "sheet" ? (
+    shows("plus.tools") ? runControlsInline ? (
       // Phone: a full-height page — THE Tools surface, one pane at a time.
       /* @__PURE__ */ jsx(ComposerSubmenu, { row: { icon: Wrench, label: "Tools", badge: counts.tools }, children: /* @__PURE__ */ jsx(RunToolPicker, { conversationId }) })
     ) : (
@@ -234,7 +240,7 @@ function ComposerPlusMenu({
     ) : null,
     shows("plus.connectors") ? /* @__PURE__ */ jsxs(ComposerSubmenu, { row: { icon: Plug, label: "Connections" }, panelClassName: "w-[360px] h-[min(70dvh,480px)]", children: [
       /* @__PURE__ */ jsx(ComposerConnectorsPanel, { conversationId, onNavigate: close }),
-      /* @__PURE__ */ jsx(ComposerSubmenu, { row: { icon: Globe, label: "Google Workspace files" }, panelClassName: PICKER_PANEL, children: (closeCascade) => picker("google", closeCascade) })
+      hostPicker ? /* @__PURE__ */ jsx(ComposerSubmenu, { row: { icon: Globe, label: "Google Workspace files" }, panelClassName: PICKER_PANEL, children: (closeCascade) => picker("google", closeCascade) }) : null
     ] }) : null,
     shows("plus.environment") ? /* @__PURE__ */ jsx(ComposerSubmenu, { row: { icon: Server, label: "Environment" }, panelClassName: "w-80", children: /* @__PURE__ */ jsx(
       ComposerEnvironmentPanel,

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

@@ -41,6 +41,7 @@ import { isAttachmentMessagePart } from "../../context-items/normalize.js";
 import MarkdownStream from "../../../../ui/markdown-stream/MarkdownStream.js";
 import "../rich-document/chat-message-source.js";
 import { literalUserText } from "./literal-user-text.js";
+import { getConversationHooks } from "../../../../host/conversation-hooks.js";
 import { buildVariableDisplayLines } from "../../../utils/variable-display-lines.js";
 import {
   recordTranscriptEvent,
@@ -57,7 +58,8 @@ function AgentUserMessageContent({
   bodyBlocks,
   variables
 }) {
-  const trimmedText = text.trim();
+  const shown = getConversationHooks(conversationId)?.displayUserText?.(text) ?? text;
+  const trimmedText = shown.trim();
   const hasBodyBlocks = !!bodyBlocks && bodyBlocks.length > 0;
   if (!trimmedText && !hasBodyBlocks && attachmentParts.length === 0 && (!variables || buildVariableDisplayLines(variables).length === 0)) {
     return null;

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

@@ -120,6 +120,15 @@ interface AgentConversationColumnBaseProps {
      * web chat exactly. See ./transcript-layout.tsx.
      */
     layout?: TranscriptLayout;
+    /** A quiet note UNDER the composer (host chrome). Absent ⇒ nothing is drawn. */
+    belowInput?: React.ReactNode;
+    /**
+     * Words to put in an EMPTY composer, once per distinct value (a hand-off
+     * from elsewhere on the page). Never overwrites text the person typed.
+     */
+    draftSeed?: string | null;
+    /** The column's accessible name (a host's keyboard scope may key on it). */
+    label?: string;
 }
-export declare function AgentConversationColumn({ conversationId, displayConversationId, surfaceKey, constrainWidth, edgeToEdgeScroll, smartInputProps, landingContent, hideInput, hideCreatorPanel, afterMessages, aboveInput, deferColdMarkdown, audience, layout, }: AgentConversationColumnProps): import("react").JSX.Element;
+export declare function AgentConversationColumn({ conversationId, displayConversationId, surfaceKey, constrainWidth, edgeToEdgeScroll, smartInputProps, landingContent, hideInput, hideCreatorPanel, afterMessages, aboveInput, deferColdMarkdown, audience, layout, belowInput, draftSeed, label, }: AgentConversationColumnProps): import("react").JSX.Element;
 export {};

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

@@ -19,6 +19,7 @@ import { PendingAsksZone } from "../../ui-first-tools/ui/PendingAsksZone.js";
 import { ServerOperationBanner } from "../../runtime-reconnect/ServerOperationBanner.js";
 import { ProposedDirectivesZone } from "../../../host/ui-slots.js";
 import { useAppDispatch, useAppSelector } from "../../../store/hooks.js";
+import { setUserInputText } from "../../redux/execution-system/instance-user-input/instance-user-input.slice.js";
 import { selectMessageCount } from "../../redux/execution-system/messages/messages.selectors.js";
 import {
   revealOlderGroups,
@@ -63,12 +64,16 @@ function AgentConversationColumn({
   aboveInput,
   deferColdMarkdown = false,
   audience = "builder",
-  layout
+  layout,
+  belowInput,
+  draftSeed,
+  label
 }) {
   const resolvedLayout = resolveTranscriptLayout(layout);
   const columnClass = transcriptColumnClass(resolvedLayout);
   const dispatch = useAppDispatch();
   const displayId = displayConversationId ?? conversationId;
+  useDraftSeed(conversationId, draftSeed ?? null);
   const scrollRef = useRef(null);
   const contentRef = useRef(null);
   const didAutoRevealRef = useRef(false);
@@ -213,6 +218,8 @@ function AgentConversationColumn({
   return /* @__PURE__ */ jsx(ConversationAbilitiesProvider, { conversationId: displayId, children: /* @__PURE__ */ jsx(TranscriptAudienceProvider, { audience, children: /* @__PURE__ */ jsx(TranscriptLayoutProvider, { layout: resolvedLayout, children: /* @__PURE__ */ jsxs(
     "div",
     {
+      "data-chat-column": "",
+      ...label ? { "aria-label": label, role: "region" } : {},
       className: cn(
         "h-full flex flex-col overflow-hidden",
         // Legacy: pad the whole column. Edge mode: padding lives on the
@@ -349,7 +356,8 @@ function AgentConversationColumn({
                   surfaceKey,
                   ...smartInputProps
                 }
-              )
+              ),
+              belowInput ? /* @__PURE__ */ jsx("div", { className: "px-1 pb-1 text-xs text-muted-foreground", "data-chat-below-input": "", children: belowInput }) : null
             ]
           }
         )
@@ -357,6 +365,22 @@ function AgentConversationColumn({
     }
   ) }) }) });
 }
+function useDraftSeed(conversationId, seed) {
+  const dispatch = useAppDispatch();
+  const current = useAppSelector(
+    (state) => state.instanceUserInput?.byConversationId[conversationId]?.text ?? null
+  );
+  const exists = useAppSelector(
+    (state) => state.instanceUserInput?.byConversationId[conversationId] !== void 0
+  );
+  const appliedRef = useRef(null);
+  useEffect(() => {
+    if (!seed || !exists || appliedRef.current === seed) return;
+    appliedRef.current = seed;
+    if (current && current.trim()) return;
+    dispatch(setUserInputText({ conversationId, text: seed }));
+  }, [seed, exists, current, conversationId, dispatch]);
+}
 export {
   AgentConversationColumn
 };

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

@@ -2,7 +2,9 @@
  * conversationInbox selectors — queued-while-running message cards.
  */
 import type { ChatRootState } from "../../../../store/root-state.js";
-import type { ConversationInboxItem } from "./inbox.slice.js";
+import type { ConversationInboxItem, DeliveredInboxItem } from "./inbox.slice.js";
+/** Lines the agent just took, still showing their "Delivered" moment. Stable empty reference. */
+export declare const selectDeliveredInboxItems: (conversationId: string) => (state: ChatRootState) => DeliveredInboxItem[];
 /** All queued items for a conversation, FIFO. Stable empty reference. */
 export declare const selectInboxItems: (conversationId: string) => (state: ChatRootState) => ConversationInboxItem[];
 /** Count of items still waiting (sending + pending). Primitive — no memo needed. */

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

@@ -1,4 +1,6 @@
 const EMPTY_ITEMS = [];
+const EMPTY_DELIVERED = [];
+const selectDeliveredInboxItems = (conversationId) => (state) => state.conversationInbox?.deliveredByConversationId?.[conversationId] ?? EMPTY_DELIVERED;
 const selectInboxItems = (conversationId) => (state) => state.conversationInbox?.byConversationId[conversationId] ?? EMPTY_ITEMS;
 const selectInboxWaitingCount = (conversationId) => (state) => {
   const items = state.conversationInbox?.byConversationId[conversationId];
@@ -17,6 +19,7 @@ function isStrandablePersonLine(item) {
 }
 export {
   isStrandablePersonLine,
+  selectDeliveredInboxItems,
   selectInboxItemStatus,
   selectInboxItems,
   selectInboxWaitingCount

package/dist/agents/redux/execution-system/inbox/inbox.slice.d.ts

@@ -49,9 +49,20 @@ export interface ConversationInboxItem {
      */
     source?: string | null;
 }
+/** A queued line the agent just took — shown as "Delivered" for a moment, then cleared. */
+export interface DeliveredInboxItem {
+    injectionId: string;
+    text: string;
+    mode: InboxItemMode;
+    queuedAt: string;
+    /** ISO timestamp — when `injection_consumed` named it. */
+    deliveredAt: string;
+}
 export interface ConversationInboxState {
     /** FIFO per conversation — order mirrors server `enqueued_seq`. */
     byConversationId: Record<string, ConversationInboxItem[]>;
+    /** Items the stream just delivered, per conversation (the strip clears each after a beat). */
+    deliveredByConversationId?: Record<string, DeliveredInboxItem[]>;
 }
 export declare const addInboxItem: import("@reduxjs/toolkit").ActionCreatorWithPayload<ConversationInboxItem, "conversationInbox/addInboxItem">, confirmInboxItem: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     conversationId: string;
@@ -68,7 +79,14 @@ export declare const addInboxItem: import("@reduxjs/toolkit").ActionCreatorWithP
 }, "conversationInbox/setInboxItemText">, removeInboxItem: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     conversationId: string;
     injectionId: string;
-}, "conversationInbox/removeInboxItem">, hydrateInboxItems: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+}, "conversationInbox/removeInboxItem">, deliverInboxItem: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    conversationId: string;
+    injectionId: string;
+    deliveredAt?: string;
+}, "conversationInbox/deliverInboxItem">, clearDeliveredInboxItem: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
+    conversationId: string;
+    injectionId: string;
+}, "conversationInbox/clearDeliveredInboxItem">, hydrateInboxItems: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     conversationId: string;
     items: ConversationInboxItem[];
 }, "conversationInbox/hydrateInboxItems">;

package/dist/agents/redux/execution-system/inbox/inbox.slice.js

@@ -1,7 +1,8 @@
 import { createSlice } from "@reduxjs/toolkit";
 import { destroyInstance } from "../conversations/conversations.slice.js";
 const initialState = {
-  byConversationId: {}
+  byConversationId: {},
+  deliveredByConversationId: {}
 };
 function bucket(state, conversationId) {
   if (!state.byConversationId[conversationId]) {
@@ -64,6 +65,35 @@ const conversationInboxSlice = createSlice({
         (i) => i.injectionId !== injectionId
       );
     },
+    /**
+     * The stream delivered an item (`injection_consumed`): it leaves the queue
+     * exactly like `removeInboxItem` (so `selectInboxItemStatus` reads null — the
+     * delivery ack), and a visible person line is remembered as just delivered.
+     */
+    deliverInboxItem(state, action) {
+      const { conversationId, injectionId } = action.payload;
+      const items = state.byConversationId[conversationId];
+      const item = items?.find((i) => i.injectionId === injectionId);
+      if (!items || !item) return;
+      state.byConversationId[conversationId] = items.filter((i) => i.injectionId !== injectionId);
+      if (!item.isVisibleToUser || item.source === "agent_collab") return;
+      const delivered = state.deliveredByConversationId ??= {};
+      (delivered[conversationId] ??= []).push({
+        injectionId,
+        text: item.text,
+        mode: item.mode,
+        queuedAt: item.queuedAt,
+        deliveredAt: action.payload.deliveredAt ?? (/* @__PURE__ */ new Date()).toISOString()
+      });
+    },
+    /** The "Delivered" moment is over — drop it. */
+    clearDeliveredInboxItem(state, action) {
+      const list = state.deliveredByConversationId?.[action.payload.conversationId];
+      if (!list) return;
+      state.deliveredByConversationId[action.payload.conversationId] = list.filter(
+        (i) => i.injectionId !== action.payload.injectionId
+      );
+    },
     /**
      * Replace the pending set from a server list (`GET …/inbox?status=pending`)
      * — reopen-mid-run rehydration. Local `sending`/`failed` items are kept
@@ -80,6 +110,7 @@ const conversationInboxSlice = createSlice({
   extraReducers: (builder) => {
     builder.addCase(destroyInstance, (state, action) => {
       delete state.byConversationId[action.payload];
+      delete state.deliveredByConversationId?.[action.payload];
     });
   }
 });
@@ -89,13 +120,17 @@ const {
   failInboxItem,
   setInboxItemText,
   removeInboxItem,
+  deliverInboxItem,
+  clearDeliveredInboxItem,
   hydrateInboxItems
 } = conversationInboxSlice.actions;
 var inbox_slice_default = conversationInboxSlice.reducer;
 export {
   addInboxItem,
+  clearDeliveredInboxItem,
   confirmInboxItem,
   inbox_slice_default as default,
+  deliverInboxItem,
   failInboxItem,
   hydrateInboxItems,
   removeInboxItem,

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

@@ -349,7 +349,12 @@ const messagesSlice = createSlice({
           // The live receipt link — the persisted receipt wins once the
           // hydrated row carries one (selectMessageContextReceipt).
           ...live?._requestId ? { _requestId: live._requestId } : {},
-          ...live?._liveContextReceipt ? { _liveContextReceipt: live._liveContextReceipt } : {}
+          ...live?._liveContextReceipt ? { _liveContextReceipt: live._liveContextReceipt } : {},
+          // An answer open in the in-place editor stays open: the flag is
+          // client-only, and a re-read of the conversation (a window loading
+          // the conversation the page already loaded) used to drop it, closing
+          // the editor ~1.5s after a double-click and discarding the draft.
+          ...live?._editingInPlace ? { _editingInPlace: live._editingInPlace } : {}
         };
         entry.orderedIds.push(msg.id);
       }