@theoremjs/react 0.3.4-next.632.g35631ef → 0.3.4-next.636.g3b66d8b

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theoremjs/react",
-  "version": "0.3.4-next.632.g35631ef",
+  "version": "0.3.4-next.636.g3b66d8b",
   "description": "React bindings for Theorem: headless hooks + transport, an Astryx chat UI, and a Web-standard server handler.",
   "license": "MIT",
   "type": "module",
@@ -60,8 +60,8 @@
     "@stylexjs/stylex": "0.19.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@theoremjs/agents": "^0.3.4-next.632.g35631ef",
-    "@theoremjs/web": "^0.3.4-next.632.g35631ef"
+    "@theoremjs/agents": "^0.3.4-next.636.g3b66d8b",
+    "@theoremjs/web": "^0.3.4-next.636.g3b66d8b"
   },
   "peerDependenciesMeta": {
     "@astryxdesign/core": {

package/ui/ChatTranscript.js

@@ -424,7 +424,13 @@ function ToolCalls({ calls }) {
 /** A call's detail: what it ran with, then what came back. */
 function toolDetail(t, tool, result) {
     const input = tool.edited ? (_jsx(ShapedData, { value: tool.edited.to, title: t('@theorem.transcript.tool_input_edited') })) : (_jsx(ShapedData, { value: tool.arguments, title: t('@theorem.transcript.tool_input') }));
-    return (_jsxs(VStack, { gap: 2, children: [_jsx(Text, { size: "sm", color: "secondary", children: tool.name }), input, result] }));
+    return (_jsxs(VStack, { gap: 2, children: [_jsx(Text, { size: "sm", color: "secondary", children: tool.name }), input, tool.steps?.length ? _jsx(ToolSteps, { steps: tool.steps }) : null, result] }));
+}
+/** The calls an agent tool's agent made, each a call row of its own. */
+function ToolSteps({ steps }) {
+    const t = useLabels();
+    const showUsage = useContext(ShowUsage);
+    return (_jsxs(VStack, { gap: 2, children: [_jsx(Text, { type: "supporting", color: "secondary", children: t('@theorem.transcript.tool_steps') }), _jsx(ToolCalls, { calls: steps.map((step) => toolCallItem(t, step.operationId ?? step.callId, step, showUsage)) })] }));
 }
 /** How long a finished call ran, when both ends were seen. */
 function toolDuration(t, tool) {

package/ui/labels.d.ts

@@ -233,6 +233,10 @@ export declare const THEOREM_UI_CATALOG: {
         readonly defaultMessage: "Input (edited)";
         readonly description: "A tool call's arguments after the user edited them on approval.";
     };
+    readonly '@theorem.transcript.tool_steps': {
+        readonly defaultMessage: "Calls";
+        readonly description: "The calls the agent an agent tool ran made, in its detail.";
+    };
     readonly '@theorem.transcript.tool_output': {
         readonly defaultMessage: "Output";
         readonly description: "A tool call's result, in its detail.";

package/ui/labels.js

@@ -217,6 +217,10 @@ export const THEOREM_UI_CATALOG = {
         defaultMessage: 'Input (edited)',
         description: "A tool call's arguments after the user edited them on approval.",
     },
+    '@theorem.transcript.tool_steps': {
+        defaultMessage: 'Calls',
+        description: 'The calls the agent an agent tool ran made, in its detail.',
+    },
     '@theorem.transcript.tool_output': {
         defaultMessage: 'Output',
         description: "A tool call's result, in its detail.",