@tangle-network/agent-app 0.45.56 → 0.45.57

package/dist/assistant/index.js

@@ -2,13 +2,13 @@ import {
   ChatComposer,
   ChatEmptyState,
   ChatMessages
-} from "../chunk-KJ2Q27U7.js";
+} from "../chunk-5T5TSBM4.js";
 import "../chunk-FBVLEGEG.js";
 import "../chunk-ENLRJYVW.js";
 import "../chunk-GEYACSFW.js";
 import {
   ModelPicker
-} from "../chunk-2IFGVBNI.js";
+} from "../chunk-FZKNVQYP.js";
 import "../chunk-MLG6XKPV.js";
 import "../chunk-BATKJP3P.js";
 import {

package/dist/chat-react/index.js

@@ -1,7 +1,7 @@
 import {
   AgentSessionControls,
   useComposerAttachments
-} from "../chunk-2IFGVBNI.js";
+} from "../chunk-FZKNVQYP.js";
 import "../chunk-MLG6XKPV.js";
 import {
   ATTACHMENT_ACCEPT

package/dist/{chunk-KJ2Q27U7.js → chunk-5T5TSBM4.js}

@@ -6,13 +6,14 @@ import {
   workProductPartsFromMessageParts
 } from "./chunk-ENLRJYVW.js";
 import {
+  BrainGlyph,
   ChevronDown,
   OVERLAY_SHADOW,
   POPOVER_OPTION_FOCUS,
   PopoverSurface,
   usePending,
   usePopover
-} from "./chunk-2IFGVBNI.js";
+} from "./chunk-FZKNVQYP.js";
 import {
   AsyncView
 } from "./chunk-3UBAO3N5.js";
@@ -40,8 +41,8 @@ import {
 } from "./chunk-YJMCRXQQ.js";
 
 // src/web-react/index.tsx
-import { useEffect as useEffect12, useId as useId4, useMemo as useMemo7, useRef as useRef12, useState as useState16, memo } from "react";
-import { InlineToolItem } from "@tangle-network/ui/run";
+import { useEffect as useEffect12, useMemo as useMemo7, useRef as useRef12, useState as useState16, memo } from "react";
+import { InlineToolItem, RunRowShell } from "@tangle-network/ui/run";
 
 // src/web-react/smooth-text.ts
 import { useEffect, useRef, useState } from "react";
@@ -83,12 +84,6 @@ function useSmoothText(target, enabled, opts) {
   return target.slice(0, Math.floor(shownRef.current));
 }
 
-// src/web-react/inert.ts
-function inertProps(inert) {
-  if (!inert) return {};
-  return { inert: "1" };
-}
-
 // src/web-react/motion.ts
 import { useState as useState2 } from "react";
 function staggerStyle(index, base) {
@@ -6454,7 +6449,6 @@ function AssistantMessageImpl({
   const thinkingSeconds = useThinkingSeconds(
     streaming && !!reasoning && !hasAnswerText
   );
-  const reasoningId = useId4();
   const [reasoningToggled, setReasoningToggled] = useState16(null);
   const reasoningOpen = reasoningToggled ?? !hasAnswerText;
   const quiet = chrome === "quiet";
@@ -6465,60 +6459,36 @@ function AssistantMessageImpl({
       formatTokensPerSecond(msg) && /* @__PURE__ */ jsx15("span", { children: formatTokensPerSecond(msg) }),
       formatModelCost(msg, models) && /* @__PURE__ */ jsx15("span", { children: formatModelCost(msg, models) })
     ] }),
-    reasoning && // A button + `.agent-disclose` rather than `<details>`: a native
-    // disclosure has no transition to give, so the trace SNAPPED to full
-    // height the moment the answer arrived — the single largest layout jump
-    // in a turn, at the exact moment the reader is trying to start reading.
-    // The grid row animates the content's REAL height (0fr → 1fr), which a
-    // max-height guess cannot do without either clipping a long trace or
-    // easing toward a number it never reaches. The keyboard contract
-    // `<details>` supplied for free is restated explicitly: a real
-    // `<button>` (Enter/Space, focusable, in the tab order) carrying
-    // `aria-expanded` and `aria-controls` — which also announces the state
-    // that a `<summary>` leaves to the browser.
-    /* @__PURE__ */ jsxs13("div", { className: "mb-2 rounded-lg border-l-2 border-border bg-secondary px-3 py-2", children: [
-      /* @__PURE__ */ jsxs13(
-        "button",
-        {
-          type: "button",
-          onClick: () => setReasoningToggled(!reasoningOpen),
-          "aria-expanded": reasoningOpen,
-          "aria-controls": reasoningId,
-          className: "flex w-full select-none items-center gap-1.5 text-left text-xs font-medium text-muted-foreground [transition:color_var(--motion-control)] hover:text-foreground",
-          children: [
-            /* @__PURE__ */ jsx15(ChevronDown, { className: `h-3 w-3 shrink-0 [transition:transform_var(--motion-surface)] ${reasoningOpen ? "" : "-rotate-90"}` }),
-            !hasAnswerText ? (
-              // A pulse dims the whole word on a loop, which is the same cue a
-              // skeleton placeholder uses — it reads as "nothing here yet". A
-              // sweep travels THROUGH the glyphs, which reads as work in
-              // flight, and the elapsed seconds say how much. `essential`
-              // because it is the only signal separating a working agent from
-              // a stuck one — and `essential` is an exemption from the blanket
-              // floor, never a licence to sweep forever at someone who asked
-              // for less motion: under `prefers-reduced-motion` tokens.css
-              // stops this animation and leaves a dotted rule under the word
-              // that the settled label ("Thought for 12s") does not carry. The
-              // rule is the only difference — measured in Chromium, both labels
-              // compute this button's own `text-muted-foreground`, so tone
-              // separates neither.
-              /* @__PURE__ */ jsxs13("span", { className: "agent-shimmer", "data-motion": "essential", children: [
-                "Thinking",
-                thinkingSeconds >= 1 ? ` \xB7 ${thinkingSeconds}s` : "\u2026"
-              ] })
-            ) : thinkMsRef.current != null ? `Thought for ${Math.max(1, Math.round(thinkMsRef.current / 1e3))}s` : "Thought process"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx15("div", { className: "agent-disclose", "data-open": reasoningOpen ? "true" : "false", children: /* @__PURE__ */ jsx15("div", { ...inertProps(!reasoningOpen), children: /* @__PURE__ */ jsx15(
-        "div",
-        {
-          id: reasoningId,
-          ref: reasoningScrollRef,
-          className: "mt-2 max-h-48 overflow-y-auto whitespace-pre-wrap text-xs leading-relaxed text-muted-foreground",
-          children: reasoning
-        }
-      ) }) })
-    ] }),
+    reasoning && // The canonical run-row grammar (RunRowShell — the same shell the tool
+    // rows compose): one family of rows instead of a bespoke disclosure per
+    // kind. The shimmer title is a NODE (ui widened `title` to ReactNode for
+    // exactly this): the sweep through the glyphs is the working-vs-stuck
+    // signal. Open while thinking, auto-collapse on the first answer token,
+    // and a click outranks the default from then on — the contract the old
+    // hand-rolled disclosure had, now enforced through the shell's
+    // controlled `open`.
+    /* @__PURE__ */ jsx15(
+      RunRowShell,
+      {
+        className: "mb-2",
+        icon: /* @__PURE__ */ jsx15(BrainGlyph, { className: "h-3.5 w-3.5" }),
+        title: !hasAnswerText ? /* @__PURE__ */ jsxs13("span", { className: "agent-shimmer", "data-motion": "essential", children: [
+          "Thinking",
+          thinkingSeconds >= 1 ? ` \xB7 ${thinkingSeconds}s` : "\u2026"
+        ] }) : thinkMsRef.current != null ? `Thought for ${Math.max(1, Math.round(thinkMsRef.current / 1e3))}s` : "Thought process",
+        status: hasAnswerText ? "idle" : "running",
+        open: reasoningOpen,
+        onOpenChange: (next) => setReasoningToggled(next),
+        children: /* @__PURE__ */ jsx15(
+          "div",
+          {
+            ref: reasoningScrollRef,
+            className: "max-h-48 overflow-y-auto whitespace-pre-wrap px-3 py-2.5 text-xs leading-relaxed text-muted-foreground",
+            children: reasoning
+          }
+        )
+      }
+    ),
     segments && segments.length > 0 ? /* @__PURE__ */ jsx15(
       SegmentedBody,
       {
@@ -6843,4 +6813,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-KJ2Q27U7.js.map
+//# sourceMappingURL=chunk-5T5TSBM4.js.map