@ai-matrx/chat 0.7.24 → 0.7.26

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @ai-matrx/chat
 
+## 0.7.26
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/chat/v0.7.25..npm/chat/v0.7.26 -- apps/shared/chat`).
+No source changes intended and no consumer action required.
+
+## 0.7.25
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/chat/v0.7.24..npm/chat/v0.7.25 -- apps/shared/chat`).
+No source changes intended and no consumer action required.
+
 ## 0.7.24
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see
@@ -51,8 +63,9 @@ No source changes intended and no consumer action required.
   `useInView` (never from a closed mobile sheet or collapsed rail), then calls the catalog's
   `ensureFavoriteRows()` — `ues_list` + `agx_get_list_full?id=in.(…)` — instead of loading the
   whole agent catalogue after page idle. It shows a loading skeleton and a retry on failure.
-- **The splash paints its final footprint.** The server-painted composer shell carries the
-  composer's placeholder (no pulse), the landing no longer fades in from opacity 0, and the
+- **The splash paints its final footprint.** The server-painted composer shell is a read-only
+  textarea carrying the composer's classes and placeholder (no pulse; a div measured narrower than
+  the live box on a phone's 17px zoom floor), the landing no longer fades in from opacity 0, and the
   quick-action row keeps its skeleton until the organization is set instead of vanishing. On a
   phone the textarea placeholder was the page's Largest Contentful Paint at 5.7–15 s.
 

package/dist/agents/components/chat/NewChatGreeting.d.ts

@@ -22,13 +22,18 @@ interface NewChatGreetingProps {
 export declare function NewChatGreeting({ sourceConversationId, surfaceKey, composer, }: NewChatGreetingProps): import("react").JSX.Element;
 /**
  * The splash composer as the server paints it, before the page is live: the
- * real card's box and its placeholder in the real textarea's type and inset.
+ * real card's box and a read-only textarea carrying the real one's classes and
+ * placeholder.
  *
  * THE PLACEHOLDER PAINTS WITH THE PAGE (2026-10-09). It is the largest text on
  * a phone's /chat/new (larger than the greeting), so a shell without it made
  * the live textarea's placeholder the page's Largest Contentful Paint seconds
- * later. Same words, same size: the live box replaces it without a new paint
- * winning. No pulse — an opacity animation would hide the text from that count.
+ * later. It is a TEXTAREA, not a div: every rule that sizes the live box (the
+ * coarse-pointer zoom floor raises it to 17px; a div measured 191px against
+ * the live 217px) sizes this one identically, so the live box replaces it
+ * without a new paint winning. No pulse — an opacity animation would hide the
+ * text from that count. Read-only and out of the tab order: nothing typed here
+ * could survive hydration.
  */
 export declare function ChatSplashComposerShell(): import("react").JSX.Element;
 export {};

package/dist/agents/components/chat/NewChatGreeting.js

@@ -61,8 +61,18 @@ function ChatSplashComposerShell() {
     "div",
     {
       "aria-hidden": true,
-      className: "h-[132px] w-full max-w-[760px] rounded-[22px] border border-border bg-card p-2 shadow-[0_2px_10px_rgba(0,0,0,0.05)]",
-      children: /* @__PURE__ */ jsx("div", { className: "px-1.5 py-1 text-[15px] leading-6 text-muted-foreground/60", children: SPLASH_PLACEHOLDER })
+      className: "h-[132px] w-full max-w-[760px] rounded-[22px] border border-border bg-card p-2 shadow-[0_2px_10px_rgba(0,0,0,0.05)] [&_textarea]:block",
+      children: /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          readOnly: true,
+          tabIndex: -1,
+          rows: 1,
+          placeholder: SPLASH_PLACEHOLDER,
+          className: "w-full bg-transparent border-none outline-none text-[15px] leading-6 px-1.5 py-1 text-foreground placeholder:text-muted-foreground/60 resize-none overflow-hidden",
+          style: { minHeight: 64 }
+        }
+      )
     }
   );
 }

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

@@ -58,9 +58,9 @@ interface InputActionButtonsProps {
          * audio) live in the + menu; Output and Effort in the agent pill's menu.
          */
         folded?: boolean;
-        /** Scope · values: after + · mic (· live audio) in Compact's row, after + in the card's own bar. */
+        /** Compact's row under the card: after + · mic (· live audio). */
         leading?: React.ReactNode;
-        /** Agent · output · effort: the right end of Compact's row, or just left of the mic in the card's own bar. */
+        /** Compact's row under the card: the right end (agent · output · effort). */
         trailing?: React.ReactNode;
         /**
          * Which part this instance draws. Compact mounts two: `"send"` (↵, inside

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

@@ -202,11 +202,9 @@ function InputActionButtons({
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
         plusMenu,
         database ? /* @__PURE__ */ jsx(DesktopPresenceIndicator, { conversationId }) : null,
-        variablesToggle,
-        composer.leading
+        variablesToggle
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
-        composer.trailing,
         extraRightControls,
         micGroup,
         liveAudioButton,

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

@@ -20,7 +20,7 @@ import { Button } from "@ai-matrx/design-system";
 import { cn } from "@ai-matrx/design-system";
 import { composerShows } from "./composer/composer-mode-visibility.js";
 import { ComposerChipsRow } from "./composer/ComposerChipsRow.js";
-import { ComposerPills, ComposerScopeCluster, ComposerValueGroupChip } from "./composer/ComposerMetaRow.js";
+import { ComposerMetaRow, ComposerPills, ComposerScopeCluster, ComposerValueGroupChip } from "./composer/ComposerMetaRow.js";
 import { useComposerFold } from "./composer/useComposerFold.js";
 import { useTouchOnlyDevice } from "../../../../ui/composer/useTouchOnlyDevice.js";
 function SmartAgentInputStacked({
@@ -323,12 +323,7 @@ function SmartAgentInputStacked({
                     onVoiceBusyChange: setVoiceBusy,
                     extraRightControls,
                     onRequestInputExpand: () => setExpandRequestKey((key) => key + 1),
-                    composer: {
-                      ...composerParts,
-                      // The pills live in the card's own bar: no strip under the card (rule: existing bars).
-                      leading: composer.meta === "none" ? void 0 : /* @__PURE__ */ jsx(ComposerScopeCluster, { conversationId, composer, folded }),
-                      trailing: composer.meta === "none" ? void 0 : /* @__PURE__ */ jsx(ComposerPills, { conversationId, composer, menuSide, folded })
-                    }
+                    composer: composerParts
                   }
                 )
               ] })
@@ -349,7 +344,7 @@ function SmartAgentInputStacked({
               trailing: composer.meta === "none" ? void 0 : /* @__PURE__ */ jsx(ComposerPills, { conversationId, composer, menuSide, folded })
             }
           }
-        ) : null
+        ) : composer.meta === "none" ? null : /* @__PURE__ */ jsx(ComposerMetaRow, { conversationId, composer, menuSide, folded })
       ]
     }
   );

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

@@ -165,7 +165,7 @@ function AssistantMessageFooter(props) {
     isLatestAssistant
   } = useAssistantMessageActions(props);
   const answerActions = useTranscriptLayout().answerActions;
-  const isHoverOnly = answerActions === "hover" || answerActions === "latest" && !isLatestAssistant || density === "compact" && !isLatestAssistant;
+  const isHoverOnly = answerActions === "hover" || density === "compact" && !isLatestAssistant;
   const rowRef = useRef(null);
   useEffect(() => {
     const row = rowRef.current;
@@ -183,9 +183,7 @@ function AssistantMessageFooter(props) {
       {
         className: cn(
           "transition-opacity",
-          isHoverOnly && // Hidden by opacity, never display: the row keeps its height, so revealing it shifts
-          // nothing. A touch screen has no hover, so it is always visible there.
-          "opacity-0 group-hover/assistant-msg:opacity-100 focus-within:opacity-100 [@media(hover:none)]:opacity-100"
+          isHoverOnly && "opacity-0 group-hover/assistant-msg:opacity-100 focus-within:opacity-100"
         ),
         children: [
           /* @__PURE__ */ jsxs(

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

@@ -1,20 +1,19 @@
 /**
  * How a host lays the ONE conversation column out (HOST-OWNED-SOURCE-PLAN P28e look bar).
  *
- * Knobs, never forks: a host that says nothing gets the default look (flat compact user turn,
- * actions on hover). Matrx 2 (desktop) fills its pane, starts at the left edge and draws the
+ * 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`: "compact" (DEFAULT: a flat tight block; only a genuinely long message
- *    collapses) | "card" (the bordered card that collapses a long message behind a chevron) |
+ *  - `userMessage`: "card" (DEFAULT: the bordered card that collapses a long message behind a chevron) |
+ *    "compact" (a flat tight block; only a genuinely long message collapses) |
  *    "bubble" (Messages / Xcode's coding assistant: the person's turn on the trailing side in a
  *    rounded bubble as wide as its words, answers full width; collapses like "compact").
- *  - `answerActions`: "hover" (DEFAULT: the action row is revealed on hover / keyboard focus, and
+ *  - `answerActions`: "shown" (DEFAULT: the latest answer's action row always visible) | "hover" (the action row is revealed on hover / keyboard focus, and
  *    always on touch — its height is reserved, so revealing it moves nothing; a finished answer ends
- *    on its last word) | "latest" (the latest answer's row is always visible, older ones on hover) |
- *    "shown" (every answer's row always visible).
+ *    on its last word) | "latest" (the latest answer's row is always visible, older ones on hover).
  */
 import { type ReactNode } from "react";
 export interface TranscriptLayout {

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

@@ -6,8 +6,8 @@ import {
 const DEFAULT_TRANSCRIPT_LAYOUT = {
   width: "reading",
   align: "center",
-  userMessage: "compact",
-  answerActions: "hover",
+  userMessage: "card",
+  answerActions: "shown",
   timestamps: "hover"
 };
 const TranscriptLayoutContext = createContext(DEFAULT_TRANSCRIPT_LAYOUT);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/chat",
-  "version": "0.7.24",
+  "version": "0.7.26",
   "description": "THE one AI Matrx person-to-agent chat system: the full chat (running agents, conversations, tool calls, streaming, context, surfaces, voice) as explicit per-module subpaths @ai-matrx/chat/<domain>/<module> (no wildcards: scripts/public-modules.json) over a host contract (/host, /host/react) whose only required value is a db. One chat, one renderer: the old kernel entries (., /external-store, /matrx, /react, /tools, styles.css, tokens.css) are retired.",
   "type": "module",
   "license": "MIT",
@@ -4687,19 +4687,19 @@
     "@ai-matrx/browser-audio": "latest",
     "@ai-matrx/canvas": "latest",
     "@ai-matrx/content-ir": "latest",
-    "@ai-matrx/content-ir-react": "latest",
     "@ai-matrx/data": "latest",
     "@ai-matrx/design-system": "latest",
     "@ai-matrx/icons": "latest",
-    "@ai-matrx/diff": "latest",
     "@ai-matrx/kit": "latest",
-    "@ai-matrx/media": "latest",
+    "@ai-matrx/diff": "latest",
     "@ai-matrx/print": "latest",
+    "@ai-matrx/media": "latest",
     "@ai-matrx/realtime": "latest",
     "@ai-matrx/records": "latest",
     "@ai-matrx/records-ui": "latest",
-    "@ai-matrx/rich-content": "latest",
-    "@ai-matrx/rich-editor": "latest"
+    "@ai-matrx/rich-editor": "latest",
+    "@ai-matrx/content-ir-react": "latest",
+    "@ai-matrx/rich-content": "latest"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.5",
@@ -4818,5 +4818,5 @@
     "check:side-effects": "node ../scripts/check-side-effects-listed.mjs . && node ../scripts/check-side-effects-listed.mjs --self-test",
     "check:public-surface": "node ./scripts/sync-public-surface.mjs --check && node ./scripts/sync-public-surface.mjs --self-test"
   },
-  "gitHead": "cab8d9bc66fa516a57684222b15e62677a35d4fa"
+  "gitHead": "85239a779e29a035d5fb6c1f61d0f023d94927ca"
 }