@ai-matrx/chat 0.7.6 → 0.7.7

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @ai-matrx/chat
 
+## 0.7.7
+### Unreleased
+
+- **`continueAgentJson`** (`agents/redux/execution-system/thunks/continue-agent-json`): the NEXT turn of a
+  conversation whose first turn ran headlessly, waited on like the first (`adoptHeadlessAgentJson`). A turn is
+  the person's words (`userInput`) or a turn the HOST writes (`hostTurn` — sent as `host_turn`, never
+  `user_input`); per-turn structured content rides `context` (`null` removes a key). A conversation not in the
+  tab yet is read first. `executeInstance` takes `hostTurn` (continuations only; the empty-turn rule lets it
+  through). Lane F6b: the Applet builder's build, fix rounds, changes and replies are one conversation. Test:
+  `a-host-turn-continues-the-conversation.test.ts`. **Consumer action:** none.
+- `MarkdownStream`'s stand-in (shown while the app's lazy rich-content host loads, and after a render error)
+  reads the request's own answer text when no `content` was passed, and says "Loading…" while it has none —
+  it used to print "No content available" over a finished answer, so an Applet run read "Done — No content
+  available" on a slow network (lane F8, live Applet audit 2026-10-09). `StreamTextFallback`. Test:
+  `the-fallback-never-hides-a-finished-answer.test.tsx` (red on the old stand-in). **Consumer action:** none.
+- Where machine frames are hidden (an Expert, an Applet visitor), thinking runs separated only by settled
+  tool calls render as ONE thinking block — live slots and reloaded segments alike
+  (`mergeThinkingAcrossHidden`). A research run used to stack ~40 identical "Thought process" rows above the
+  answer (live Applet audit, 2026-10-09). Test: `merge-thinking-across-hidden.test.ts`.
+- `LiveRunDisplay` takes `errorText`: the host's own sentence for a failed run, shown instead of the
+  request's (an Applet shows visitors a plain sentence; the server's words stay in the error inspector).
+  **Consumer action:** none required; Applet hosts pass it.
+
 ## 0.7.6
 ### Unreleased
 

package/dist/agents/api/fetch-pending-calls.js

@@ -1,13 +1,14 @@
 import { callApi } from "../../host/server/call-api.js";
+import { callConversationApi } from "../redux/execution-system/thunks/call-conversation-api.js";
 const inFlightConversationReads = /* @__PURE__ */ new Map();
 function readConversationPendingCalls(conversationId, dispatch) {
   const joined = inFlightConversationReads.get(conversationId);
   if (joined) return joined;
   const tracked = dispatch(
-    callApi({
+    // THE CONVERSATION DOOR: the turn's own server, credential and organization.
+    callConversationApi(conversationId, {
       path: "/ai/conversation/{conversation_id}/pending_calls",
-      method: "GET",
-      pathParams: { conversation_id: conversationId }
+      method: "GET"
     })
   ).finally(() => {
     if (inFlightConversationReads.get(conversationId) === tracked) {

package/dist/agents/api/submit-tool-results.js

@@ -1,6 +1,6 @@
 import { selectHostConversation } from "../redux/execution-system/host-conversations/host-conversations.selectors.js";
 import { answerHostAsk } from "../redux/execution-system/host-conversations/host-conversation.thunks.js";
-import { callApi } from "../../host/server/call-api.js";
+import { callConversationApi } from "../redux/execution-system/thunks/call-conversation-api.js";
 import { toast } from "../../host/notify.js";
 import { formatDurationMs } from "@ai-matrx/kit/format";
 import { setInstanceStatus } from "../redux/execution-system/conversations/conversations.slice.js";
@@ -92,17 +92,14 @@ function isRetryableError(err) {
 function postToolResults(conversationId, results) {
   return async (dispatch, getState) => {
     const callIds = results.map((r) => r.call_id).join(", ");
-    const conversationOrganizationId = getState().conversations?.byConversationId?.[conversationId]?.organizationId ?? void 0;
     let lastError = null;
     for (let attempt = 0; attempt <= MAX_RETRIES; attempt++) {
       try {
         const result = await dispatch(
-          callApi({
+          callConversationApi(conversationId, {
             path: "/ai/conversations/{conversation_id}/tool_results",
             method: "POST",
-            pathParams: { conversation_id: conversationId },
-            body: { results },
-            scopeOverrides: conversationOrganizationId ? { organization_id: conversationOrganizationId } : void 0
+            body: { results }
           })
         );
         if (result.error) {

package/dist/agents/components/chat/begin-fresh-chat.js

@@ -8,6 +8,7 @@ import {
   stageDraftHandoff
 } from "../../redux/chat/chat-route.slice.js";
 import { DEFAULT_NEW_CHAT_MANDATE_KEY } from "./chat-quick-actions.config.js";
+import { selectIsAuthenticated } from "../../../host/identity.js";
 function parseChatPath(pathname) {
   const agentMatch = pathname.match(/^\/chat\/a\/([^/]+)/);
   if (agentMatch) {
@@ -116,8 +117,7 @@ async function beginFreshChat({
 }) {
   const state = getState();
   let defaultAgentId = null;
-  const auth = state.userAuth;
-  if (auth && auth.id !== null && !auth.isAnonymous) {
+  if (selectIsAuthenticated(state)) {
     try {
       defaultAgentId = await resolveDefaultAgentBounded();
     } catch (error) {

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

@@ -15,6 +15,7 @@ import { useSessionKnob } from "../../../../../host/prefs-react.js";
 import { cn } from "@ai-matrx/design-system";
 import { COMPOSER_KNOBS } from "./composer-mode-cookie.js";
 import { Button } from "@ai-matrx/design-system/controls";
+import { selectOrganizationId } from "../../../../../host/org.js";
 function timeOfDayGreeting(hour) {
   if (hour < 5) return "Evening";
   if (hour < 12) return "Morning";
@@ -69,9 +70,7 @@ function ComposerQuickActions({
   className
 }) {
   const knob = useSessionKnob(COMPOSER_KNOBS.quickActions);
-  const organizationId = useAppSelector(
-    (state) => state.appContext?.organization_id ?? null
-  );
+  const organizationId = useAppSelector(selectOrganizationId);
   const actions = parseQuickActions(knob);
   const quickActionKeys = actions.map((a) => a.mandateKey);
   const mandates = useMandateSet(quickActionKeys, {

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

@@ -13,13 +13,15 @@ import {
   readComposerModeCookieClient,
   writeComposerModeCookie
 } from "./composer-mode-cookie.js";
+import { selectUserId } from "../../../../../host/identity.js";
+import { selectOrganizationId } from "../../../../../host/org.js";
 let knobsAppliedThisTab = false;
 let choseModeThisTab = false;
 function useComposerMode(initialMode, { enabled = true } = {}) {
   const dispatch = useAppDispatch();
   const stored = useAppSelector(selectComposerMode);
-  const organizationId = useAppSelector((s) => s.appContext?.organization_id ?? null);
-  const userId = useAppSelector((s) => s.userAuth?.id ?? null);
+  const organizationId = useAppSelector(selectOrganizationId);
+  const userId = useAppSelector(selectUserId);
   const knobOrganization = enabled ? organizationId : null;
   const defaultModeKnob = useEffectiveKnob(knobOrganization, userId, COMPOSER_KNOBS.defaultMode);
   const rememberKnob = useEffectiveKnob(knobOrganization, userId, COMPOSER_KNOBS.rememberLastMode);

package/dist/agents/components/live-run/LiveRunDisplay.d.ts

@@ -25,6 +25,12 @@ export interface LiveRunDisplayProps {
      * so a refused launch never reads as a run still on its way.
      */
     failure?: string | null;
+    /**
+     * The host's own sentence for a failed run, shown INSTEAD of the request's. A host whose viewers did not
+     * build the agent (an Applet's visitors) shows a plain sentence; the server's words stay in the error
+     * inspector (Applet audit 2026-10-09).
+     */
+    errorText?: string | null;
     /** Renders a dismiss (X) affordance; caller tears the run down. */
     onDismiss?: () => void;
     className?: string;
@@ -42,4 +48,4 @@ export interface LiveRunDisplayProps {
      */
     variant?: "card" | "bare";
 }
-export declare function LiveRunDisplay({ conversationId, requestId: requestIdProp, label, pending, failure, onDismiss, className, bodyClassName, variant, }: LiveRunDisplayProps): import("react").JSX.Element | null;
+export declare function LiveRunDisplay({ conversationId, requestId: requestIdProp, label, pending, failure, errorText, onDismiss, className, bodyClassName, variant, }: LiveRunDisplayProps): import("react").JSX.Element | null;

package/dist/agents/components/live-run/LiveRunDisplay.js

@@ -21,6 +21,7 @@ function LiveRunDisplay({
   label,
   pending = false,
   failure = null,
+  errorText = null,
   onDismiss,
   className,
   bodyClassName,
@@ -32,7 +33,8 @@ function LiveRunDisplay({
     pending && !failure
   );
   const { requestId, isActive, statusText, chunkCount } = status;
-  const errorMessage = status.errorMessage ?? (failure || null);
+  const rawError = status.errorMessage ?? (failure || null);
+  const errorMessage = rawError && errorText ? errorText : rawError;
   const conversationMessages = useAppSelector(
     conversationId ? selectConversationMessages(conversationId) : selectNoConversationMessages
   );

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

@@ -399,7 +399,7 @@ function AgentConversationDisplay({
               visibleGroups.map(
                 (group, index) => wrapGroup(group, index, renderGroupBody(group))
               ),
-              pinnedOnly && visibleGroups.length === 0 && /* @__PURE__ */ jsxs("div", { className: "py-10 text-center text-sm text-muted-foreground", children: [
+              pinnedOnly && visibleGroups.length === 0 && /* @__PURE__ */ jsxs("div", { className: "py-10 text-center text-sm text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
                 "Nothing pinned in this conversation.",
                 " ",
                 /* @__PURE__ */ jsx(Button, { variant: "quiet", tone: "primary", onClick: () => setPinnedOnly(false), children: "Show all messages" })

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

@@ -40,7 +40,7 @@ function AgentEmptyMessageDisplay({
   if (isLongDescription && displayDescription) {
     return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full justify-start text-left px-6 py-8 max-w-3xl mx-auto w-full", children: [
       /* @__PURE__ */ jsx(RichContent, { level: "full", imagePolicy: "other", source: displayDescription, hideCopyButton: true }),
-      instruction && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-3", children: instruction })
+      instruction && /* @__PURE__ */ jsx("p", { className: "text-sm text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] mt-3", children: instruction })
     ] });
   }
   return (
@@ -53,14 +53,14 @@ function AgentEmptyMessageDisplay({
         IconResolver,
         {
           iconName: iconNameOverride,
-          className: "w-12 h-12 text-primary",
+          className: "w-12 h-12 text-[color:var(--mx-chat-accent,hsl(var(--primary)))]",
           fallbackIcon: "Webhook"
         }
-      ) : /* @__PURE__ */ jsx(Webhook, { className: "w-12 h-12 text-primary" }) }),
+      ) : /* @__PURE__ */ jsx(Webhook, { className: "w-12 h-12 text-[color:var(--mx-chat-accent,hsl(var(--primary)))]" }) }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-3 mx-auto", children: [
         /* @__PURE__ */ jsx("p", { className: "text-lg font-medium", children: displayName ?? "Ready to run" }),
         displayDescription && /* @__PURE__ */ jsx(RichContent, { level: "full", imagePolicy: "other", source: displayDescription, hideCopyButton: true }),
-        instruction && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: instruction })
+        instruction && /* @__PURE__ */ jsx("p", { className: "text-sm text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] mt-1", children: instruction })
       ] })
     ] })
   );

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

@@ -11,7 +11,7 @@ function AssistantNoAnswer({
   const isAdmin = useAppSelector(selectIsSuperAdmin);
   return /* @__PURE__ */ jsxs("div", { className: "mt-1 text-xs", "data-assistant-no-answer": true, children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-2.5 gap-y-1", children: [
-      /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
         /* @__PURE__ */ jsx(CircleSlash, { className: "h-3.5 w-3.5 shrink-0" }),
         "This run finished without writing an answer."
       ] }),

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

@@ -5,7 +5,7 @@ function BreathingOrb({ className, size = 28 }) {
   return /* @__PURE__ */ jsx(
     "output",
     {
-      className: cn("inline-flex items-center text-primary", className),
+      className: cn("inline-flex items-center text-[color:var(--mx-chat-accent,hsl(var(--primary)))]", className),
       "aria-label": "Working",
       children: /* @__PURE__ */ jsxs(
         "svg",

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

@@ -37,7 +37,7 @@ function InPlaceAnswerEditor({ conversationId, messageId, startExpanded = false
     };
   }, [conversationId, messageId, dispatch]);
   if (openedOn === null) {
-    return /* @__PURE__ */ jsxs("div", { className: "flex min-h-40 items-center justify-center gap-2 rounded-lg border border-border text-sm text-muted-foreground", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "flex min-h-40 items-center justify-center gap-2 rounded-lg border border-[color:var(--mx-chat-border,hsl(var(--border)))] text-sm text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
       /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
       " Opening the answer\u2026"
     ] });

package/dist/agents/components/messages-display/citations/MessageSourcesRow.js

@@ -15,7 +15,7 @@ function MessageSourcesRow({
   const openSource = useOpenCitationSource();
   if (sources.length === 0) return null;
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1", className), children: [
-    /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Sources" }),
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: "Sources" }),
     /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: sources.map((source) => {
       const label = citationSourceLabel(source);
       const openable = citationSourceIsOpenable(source);

package/dist/agents/components/messages-display/conversation-tools/ConversationFindBar.js

@@ -80,13 +80,13 @@ function ConversationFindBar({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "flex items-center gap-1 rounded-lg border border-border bg-card px-2 py-1 shadow-sm",
+      className: "flex items-center gap-1 rounded-lg border border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-[var(--mx-chat-card,hsl(var(--card)))] px-2 py-1 shadow-sm",
       role: "search",
       "aria-label": "Find in this conversation",
       "data-find-ignore": "",
       children: [
         /* @__PURE__ */ jsx("style", { children: HIGHLIGHT_CSS }),
-        /* @__PURE__ */ jsx(Search, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx(Search, { className: "h-3.5 w-3.5 shrink-0 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", "aria-hidden": "true" }),
         /* @__PURE__ */ jsx(
           "input",
           {
@@ -107,7 +107,7 @@ function ConversationFindBar({
             },
             placeholder: "Find in conversation",
             "aria-label": "Find in conversation",
-            className: "min-w-0 flex-1 bg-transparent text-base outline-none placeholder:text-muted-foreground md:text-sm"
+            className: "min-w-0 flex-1 bg-transparent text-base outline-none placeholder:text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] md:text-sm"
           }
         ),
         /* @__PURE__ */ jsx(
@@ -115,7 +115,7 @@ function ConversationFindBar({
           {
             className: cn(
               "min-w-0 max-w-[55%] truncate text-xs tabular-nums",
-              ranges.length === 0 && query.trim() && history.state !== "loading" && settled ? "text-destructive" : "text-muted-foreground"
+              ranges.length === 0 && query.trim() && history.state !== "loading" && settled ? "text-destructive" : "text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]"
             ),
             "aria-live": "polite",
             title: status,

package/dist/agents/components/messages-display/message-options/EditHistoryDialog.js

@@ -69,7 +69,7 @@ function HistoryEntryCard({
   const truncated = preview.length > 400 ? `${preview.slice(0, 400)}\u2026` : preview || "(empty)";
   const savedAt = new Date(entry.saved_at);
   const versionLabel = total > 1 ? `Version ${total - index}` : "Previous version";
-  return /* @__PURE__ */ jsxs("div", { className: "border border-border rounded-md overflow-hidden bg-card", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "border border-[color:var(--mx-chat-border,hsl(var(--border)))] rounded-md overflow-hidden bg-[var(--mx-chat-card,hsl(var(--card)))]", children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
@@ -78,22 +78,22 @@ function HistoryEntryCard({
         onClick: () => setExpanded(!expanded),
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
-            /* @__PURE__ */ jsx(Clock, { className: "w-3.5 h-3.5 text-muted-foreground flex-shrink-0" }),
+            /* @__PURE__ */ jsx(Clock, { className: "w-3.5 h-3.5 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] flex-shrink-0" }),
             /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex flex-col", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-foreground", children: versionLabel }),
-              /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: savedAt.toLocaleString() })
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: versionLabel }),
+              /* @__PURE__ */ jsx("span", { className: "text-[10px] text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: savedAt.toLocaleString() })
             ] })
           ] }),
           /* @__PURE__ */ jsx(
             ChevronRight,
             {
-              className: `w-3.5 h-3.5 text-muted-foreground transition-transform ${expanded ? "rotate-90" : ""}`
+              className: `w-3.5 h-3.5 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] transition-transform ${expanded ? "rotate-90" : ""}`
             }
           )
         ]
       }
     ),
-    expanded && /* @__PURE__ */ jsxs("div", { className: "px-3 pb-3 border-t border-border", children: [
+    expanded && /* @__PURE__ */ jsxs("div", { className: "px-3 pb-3 border-t border-[color:var(--mx-chat-border,hsl(var(--border)))]", children: [
       /* @__PURE__ */ jsx("div", { className: "mt-2 text-xs text-foreground/80 whitespace-pre-wrap leading-relaxed max-h-48 overflow-y-auto bg-muted/30 rounded p-2 font-mono", children: truncated }),
       /* @__PURE__ */ jsxs("div", { className: "mt-2 flex justify-end gap-2", children: [
         /* @__PURE__ */ jsx(
@@ -177,7 +177,7 @@ function HistoryContent({
     }
   };
   if (ordered.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: "No edit history yet. Inline edits and saves will appear here." });
+    return /* @__PURE__ */ jsx("div", { className: "py-8 text-center text-sm text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: "No edit history yet. Inline edits and saves will appear here." });
   }
   return /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-[60dvh]", children: /* @__PURE__ */ jsx("div", { className: "space-y-2 p-1", children: ordered.map((entry, i) => /* @__PURE__ */ jsx(
     HistoryEntryCard,

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

@@ -80,7 +80,7 @@ function AgentUserMessageContent({
         imagePolicy: "other",
         content: literalUserText(trimmedText),
         serverProcessedBlocks: hasBodyBlocks ? bodyBlocks : void 0,
-        className: "text-xs text-foreground",
+        className: "text-xs text-[color:var(--mx-chat-text,hsl(var(--foreground)))]",
         hideCopyButton: true,
         allowFullScreenEditor: false
       }
@@ -245,7 +245,7 @@ function AgentUserMessage({
       {
         className: cn("group relative", compact ? "" : "ml-12"),
         "data-testid": "user-message-empty",
-        children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-border bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: [
+        children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-muted/40 px-3 py-2 text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
           "This message has no displayable text.",
           isSuperAdmin && /* @__PURE__ */ jsxs("span", { className: "ml-1 font-mono", children: [
             "[",
@@ -294,8 +294,8 @@ function AgentUserMessage({
           {
             className: compactUserMessage ? (
               // Tight: no inset from the left, and the markdown paragraph's own margins dropped.
-              "bg-muted rounded-md px-3 py-2 [&_.math-content-wrapper]:my-0 [&_p:last-child]:mb-0"
-            ) : "bg-muted border border-border rounded-lg px-2 py-2",
+              "bg-[var(--mx-chat-fill,hsl(var(--muted)))] rounded-md px-3 py-2 [&_.math-content-wrapper]:my-0 [&_p:last-child]:mb-0"
+            ) : "bg-[var(--mx-chat-fill,hsl(var(--muted)))] border border-[color:var(--mx-chat-border,hsl(var(--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(

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

@@ -37,11 +37,11 @@ function CollabNoteMessage({
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 border-b border-violet-500/15 px-2.5 py-1.5", children: [
           /* @__PURE__ */ jsx(Handshake, { className: "h-3.5 w-3.5 shrink-0 text-violet-600 dark:text-violet-400" }),
-          /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-foreground", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: [
             "Collaboration note",
             agentName ? ` \u2014 ${agentName}` : ""
           ] }),
-          /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: "left after reviewing this conversation" })
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: "left after reviewing this conversation" })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "px-2.5 py-2 text-sm", children: /* @__PURE__ */ jsx(BasicMarkdownContent, { imagePolicy: "ai", content: body, showCopyButton: false }) })
       ]

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

@@ -35,7 +35,7 @@ function UserMessageVariables({
     {
       className: "text-xs leading-snug text-foreground/90",
       children: [
-        /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground", children: [
+        /* @__PURE__ */ jsxs("span", { className: "font-medium text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: [
           l.label,
           ":"
         ] }),
@@ -84,14 +84,14 @@ function FirstTurnLaunchInputs({
         },
         "aria-expanded": open,
         title: open ? "Hide the inputs" : "Show the inputs this run started with",
-        className: "flex flex-wrap items-center gap-1 rounded text-left text-xs text-muted-foreground hover:text-foreground",
+        className: "flex flex-wrap items-center gap-1 rounded text-left text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] hover:text-[color:var(--mx-chat-text,hsl(var(--foreground)))]",
         children: [
           /* @__PURE__ */ jsx(Chevron, { className: "h-3 w-3 shrink-0" }),
           /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Started with:" }),
           lines.map((l) => /* @__PURE__ */ jsx(
             "span",
             {
-              className: "rounded-full border border-border bg-background px-1.5 py-px text-xs text-foreground",
+              className: "rounded-full border border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-background px-1.5 py-px text-xs text-[color:var(--mx-chat-text,hsl(var(--foreground)))]",
               children: l.label
             },
             l.key

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

@@ -48,7 +48,7 @@ function PendingSendMessage({
           {
             className: cn(
               "w-full rounded-lg border px-3 py-2 text-sm whitespace-pre-wrap break-words",
-              failed ? "border-destructive/40 bg-destructive/5 text-foreground" : "border-border bg-muted text-foreground/80"
+              failed ? "border-destructive/40 bg-destructive/5 text-[color:var(--mx-chat-text,hsl(var(--foreground)))]" : "border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-[var(--mx-chat-fill,hsl(var(--muted)))] text-foreground/80"
             ),
             children: preSend.text || "(no text)"
           }
@@ -59,7 +59,7 @@ function PendingSendMessage({
             /* @__PURE__ */ jsxs("span", { children: [
               preSend.error ?? "This message could not be prepared. Nothing was sent.",
               " ",
-              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Your text is still in the box below." })
+              /* @__PURE__ */ jsx("span", { className: "text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: "Your text is still in the box below." })
             ] })
           ] }),
           /* @__PURE__ */ jsxs(
@@ -83,13 +83,13 @@ function PendingSendMessage({
             {
               size: "sm",
               variant: "ghost",
-              className: "h-7 gap-1 px-2 text-xs text-muted-foreground",
+              className: "h-7 gap-1 px-2 text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]",
               "aria-label": "Dismiss",
               onClick: () => dispatch(setPreSend({ conversationId, preSend: null })),
               children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
             }
           )
-        ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
           /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin" }),
           /* @__PURE__ */ jsxs("span", { children: [
             preSend.label,

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

@@ -51,7 +51,7 @@ function readRows(payload) {
 function RemarkDiff({ diff }) {
   const parts = splitRemarkDiff(diff);
   if (!parts) {
-    return /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap font-mono text-[11px] text-foreground", children: diff });
+    return /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap font-mono text-[11px] text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: diff });
   }
   return /* @__PURE__ */ jsx("div", { className: "text-[11px] leading-snug", "data-remark-diff": true, children: /* @__PURE__ */ jsx(InlineTextDiff, { view: "inline", original: parts.before, modified: parts.after }) });
 }
@@ -60,14 +60,14 @@ function RemarksTranscriptView({ payload }) {
   if (rows.length === 0) return null;
   return /* @__PURE__ */ jsx("div", { className: "my-1 grid gap-1", children: rows.map((row, i) => {
     const { icon: Icon, label } = remarkKindDisplay(row.kind);
-    return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-1.5 rounded-md border border-border bg-card px-2 py-1 text-xs", "data-remark-handle": row.handle ?? void 0, children: [
+    return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-1.5 rounded-md border border-[color:var(--mx-chat-border,hsl(var(--border)))] bg-[var(--mx-chat-card,hsl(var(--card)))] px-2 py-1 text-xs", "data-remark-handle": row.handle ?? void 0, children: [
       /* @__PURE__ */ jsx(Icon, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-amber-600 dark:text-amber-400", "aria-label": label }),
       /* @__PURE__ */ jsxs("div", { className: "grid min-w-0 gap-0.5", children: [
-        row.quote || row.title ? /* @__PURE__ */ jsx("div", { className: "truncate border-l-2 border-primary/40 pl-1.5 text-muted-foreground", children: row.quote ?? row.title }) : null,
-        row.body ? /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap text-foreground", children: row.body }) : null,
+        row.quote || row.title ? /* @__PURE__ */ jsx("div", { className: "truncate border-l-2 border-primary/40 pl-1.5 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: row.quote ?? row.title }) : null,
+        row.body ? /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: row.body }) : null,
         row.diff ? /* @__PURE__ */ jsx(RemarkDiff, { diff: row.diff }) : null,
-        row.answers.length ? /* @__PURE__ */ jsx("ul", { className: "grid gap-0.5 text-foreground", children: row.answers.map((a, j) => /* @__PURE__ */ jsxs("li", { className: "truncate", children: [
-          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+        row.answers.length ? /* @__PURE__ */ jsx("ul", { className: "grid gap-0.5 text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: row.answers.map((a, j) => /* @__PURE__ */ jsxs("li", { className: "truncate", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: [
             a.question,
             ":"
           ] }),
@@ -75,7 +75,7 @@ function RemarksTranscriptView({ payload }) {
           a.answer
         ] }, j)) }) : null
       ] }),
-      row.handle ? /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 font-mono text-[10px] text-muted-foreground", title: `Remark ${row.handle}`, children: row.handle }) : null
+      row.handle ? /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 font-mono text-[10px] text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", title: `Remark ${row.handle}`, children: row.handle }) : null
     ] }, i);
   }) });
 }

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

@@ -134,7 +134,7 @@ function ResourceAttachmentTile({
               }
             ) }),
             /* @__PURE__ */ jsxs(TooltipContent, { side: "top", className: "max-w-[16rem]", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: typeLabel }),
+              /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wide text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: typeLabel }),
               /* @__PURE__ */ jsx("div", { className: "font-medium text-popover-foreground", children: title }),
               showToggle && /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-[10px] text-muted-foreground/80", children: editable ? "Agent can edit" : "Read-only to agent" })
             ] })
@@ -143,8 +143,8 @@ function ResourceAttachmentTile({
       ) }),
       hasControls ? /* @__PURE__ */ jsxs(PopoverContent, { sizing: "content", side: "top", align: "end", sideOffset: 6, className: "p-1", children: [
         /* @__PURE__ */ jsxs("div", { className: "px-2 py-1.5", children: [
-          /* @__PURE__ */ jsx("p", { className: "truncate text-xs font-semibold text-foreground", children: title }),
-          /* @__PURE__ */ jsx("p", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: typeLabel })
+          /* @__PURE__ */ jsx("p", { className: "truncate text-xs font-semibold text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: title }),
+          /* @__PURE__ */ jsx("p", { className: "text-[10px] uppercase tracking-wide text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: typeLabel })
         ] }),
         onClick ? /* @__PURE__ */ jsx(Tile, { variant: "quiet", icon: /* @__PURE__ */ jsx(ExternalLink, {}), title: "Open", onClick: (e) => {
           stop(e);
@@ -203,9 +203,9 @@ function ResourceAttachmentTile({
                   ) : error ? /* @__PURE__ */ jsx(AlertCircle, { className: "h-3.5 w-3.5 shrink-0 text-destructive" }) : createElement(Icon, {
                     className: cn("h-3.5 w-3.5 shrink-0", theme.icon)
                   }) }),
-                  /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate whitespace-nowrap text-[9px] font-semibold leading-none text-muted-foreground uppercase tracking-wide", children: typeLabel })
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate whitespace-nowrap text-[9px] font-semibold leading-none text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] uppercase tracking-wide", children: typeLabel })
                 ] }),
-                /* @__PURE__ */ jsx("span", { className: "block w-full min-w-0 truncate whitespace-nowrap text-[10px] leading-none text-foreground font-medium", children: title })
+                /* @__PURE__ */ jsx("span", { className: "block w-full min-w-0 truncate whitespace-nowrap text-[10px] leading-none text-[color:var(--mx-chat-text,hsl(var(--foreground)))] font-medium", children: title })
               ]
             }
           ),
@@ -228,7 +228,7 @@ function ResourceAttachmentTile({
                 },
                 className: cn(
                   "inline-flex items-center justify-center rounded-full p-0.5",
-                  "text-muted-foreground/80 hover:bg-black/10 hover:text-foreground",
+                  "text-muted-foreground/80 hover:bg-black/10 hover:text-[color:var(--mx-chat-text,hsl(var(--foreground)))]",
                   "dark:hover:bg-white/10 transition-colors"
                 ),
                 children: /* @__PURE__ */ jsx(X, { className: "h-2.5 w-2.5" })
@@ -252,7 +252,7 @@ function ResourceAttachmentTile({
                       toggleEditable();
                     }
                   },
-                  className: "inline-flex items-center justify-center rounded-full p-0.5 text-foreground",
+                  className: "inline-flex items-center justify-center rounded-full p-0.5 text-[color:var(--mx-chat-text,hsl(var(--foreground)))]",
                   children: editable ? /* @__PURE__ */ jsx(Pencil, { className: "h-2.5 w-2.5" }) : /* @__PURE__ */ jsx(Lock, { className: "h-2.5 w-2.5" })
                 }
               ) }),
@@ -272,8 +272,8 @@ function ResourceAttachmentTile({
         className: "p-1",
         children: [
           /* @__PURE__ */ jsxs("div", { className: "px-2 py-1.5", children: [
-            /* @__PURE__ */ jsx("p", { className: "truncate text-xs font-semibold text-foreground", children: title }),
-            /* @__PURE__ */ jsx("p", { className: "text-[10px] uppercase tracking-wide text-muted-foreground", children: typeLabel })
+            /* @__PURE__ */ jsx("p", { className: "truncate text-xs font-semibold text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: title }),
+            /* @__PURE__ */ jsx("p", { className: "text-[10px] uppercase tracking-wide text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]", children: typeLabel })
           ] }),
           showToggle ? /* @__PURE__ */ jsx(Tile, { variant: "quiet", icon: editable ? /* @__PURE__ */ jsx(Lock, {}) : /* @__PURE__ */ jsx(Pencil, {}), title: editable ? "Make read-only" : "Allow agent editing", onClick: (e) => {
             stop(e);

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

@@ -46,9 +46,9 @@ function ResourceEditableToggleSamples() {
     }
   }, [dispatch]);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxs("div", { className: "space-y-1 border-b border-border pb-2", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-foreground", children: "All attachment chips together" }),
-      /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground max-w-3xl", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1 border-b border-[color:var(--mx-chat-border,hsl(var(--border)))] pb-2", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-[color:var(--mx-chat-text,hsl(var(--foreground)))]", children: "All attachment chips together" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))] max-w-3xl", children: [
         "The real ",
         /* @__PURE__ */ jsx("code", { className: "text-[10px]", children: "SmartAgentResourceChips" }),
         " ",
@@ -59,7 +59,7 @@ function ResourceEditableToggleSamples() {
         " when unlocked."
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "bg-muted border border-border rounded-lg py-2 max-w-3xl", children: /* @__PURE__ */ jsx(SmartAgentResourceChips, { conversationId: DEMO_CONV_ALL_RESOURCES }) })
+    /* @__PURE__ */ jsx("div", { className: "bg-[var(--mx-chat-fill,hsl(var(--muted)))] border border-[color:var(--mx-chat-border,hsl(var(--border)))] rounded-lg py-2 max-w-3xl", children: /* @__PURE__ */ jsx(SmartAgentResourceChips, { conversationId: DEMO_CONV_ALL_RESOURCES }) })
   ] });
 }
 export {

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

@@ -192,7 +192,7 @@ function UserActionBar({
           {
             onClick: handleEdit,
             ariaLabel: "Edit message",
-            icon: /* @__PURE__ */ jsx(Edit, { className: "w-4 h-4 text-muted-foreground" })
+            icon: /* @__PURE__ */ jsx(Edit, { className: "w-4 h-4 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]" })
           }
         ),
         /* @__PURE__ */ jsx(
@@ -209,7 +209,7 @@ function UserActionBar({
             onClick: () => void togglePinnedMessage(messageId),
             ariaLabel: pinPending ? isPinned ? "Unpinning\u2026" : "Pinning\u2026" : isPinned ? "Unpin message" : "Pin message",
             disabled: pinPending,
-            icon: pinPending ? /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin text-muted-foreground" }) : isPinned ? /* @__PURE__ */ jsx(PinOff, { className: "w-4 h-4 text-amber-500 dark:text-amber-400" }) : /* @__PURE__ */ jsx(Pin, { className: "w-4 h-4 text-muted-foreground" })
+            icon: pinPending ? /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]" }) : isPinned ? /* @__PURE__ */ jsx(PinOff, { className: "w-4 h-4 text-amber-500 dark:text-amber-400" }) : /* @__PURE__ */ jsx(Pin, { className: "w-4 h-4 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]" })
           }
         ),
         showOptions && /* @__PURE__ */ jsx(
@@ -218,7 +218,7 @@ function UserActionBar({
             ref: setMoreOptionsAnchor,
             onClick: () => setShowOptionsMenu(true),
             ariaLabel: "More options",
-            icon: /* @__PURE__ */ jsx(MoreHorizontal, { className: "w-4 h-4 text-muted-foreground" })
+            icon: /* @__PURE__ */ jsx(MoreHorizontal, { className: "w-4 h-4 text-[color:var(--mx-chat-text-secondary,hsl(var(--muted-foreground)))]" })
           }
         )
       ] }) : null