@tangle-network/agent-app 0.45.36 → 0.45.38

package/dist/theme/tokens.css

@@ -159,9 +159,17 @@
      utilities are wired separately in the preset. */
   --md3-outline-variant: hsl(var(--border));
   --md3-surface-container-low: hsl(var(--card));
+  /* `--md3-surface-container` (the canonical run-row fill) joins low on `card`:
+     the brand ladder's low/container distinction compresses onto the shadcn
+     ladder here, exactly as the preset's `surface-container*` mapping does. */
+  --md3-surface-container: hsl(var(--card));
   --accent-surface-soft: hsl(var(--accent));
   --accent-text: hsl(var(--accent-foreground));
   --status-error: hsl(var(--destructive));
+  /* Status text on a tint (the run-row status dots + collapsed error line) —
+     full colors via the triples, so the dark scope re-themes them too. */
+  --surface-success-text: hsl(var(--success));
+  --surface-danger-text: hsl(var(--destructive));
 
   /* canvas-only surfaces (not part of the shadcn vocabulary). Name matches the
      `--canvas-backdrop` the design-canvas Workspace references (with a #1a1a1a
@@ -272,6 +280,11 @@
      The soft tier at 60% clears the 1.07 hairline floor on every surface it
      divides, and the card edge at 80% sits clearly above it — same method,
      opposite conclusion, because the border colour itself moved. */
+  /* `--border-subtle` is the quietest tier — the resting edge of the canonical
+     run rows (`@tangle-network/ui`'s RunRowShell), which strengthen to
+     `border-border` on hover/open. 22% is the measured hairline row in the
+     table below; the row's fill step does the containing. */
+  --border-subtle: color-mix(in oklch, hsl(var(--border)) 22%, transparent);
   --border-soft: color-mix(in oklch, hsl(var(--border)) 40%, transparent);
   --card-edge: color-mix(in oklch, hsl(var(--border)) 60%, transparent);
 
@@ -364,6 +377,10 @@
      softening leaves a visible line — see the measurement in the :root block:
      60% reads 1.265 on the card, where the old border at FULL strength read
      1.158. Dark runs the same three tiers as light, one step stronger. */
+  /* Dark subtle tier at 40%: interpolating the dark measurement table, it sits
+     above the 1.07 hairline floor yet clearly below soft's 1.320 — the same
+     one-step-down relationship the light tiers keep. */
+  --border-subtle: color-mix(in oklch, hsl(var(--border)) 40%, transparent);
   --border-soft: color-mix(in oklch, hsl(var(--border)) 60%, transparent);
   --card-edge: color-mix(in oklch, hsl(var(--border)) 80%, transparent);
 

package/dist/web-react/index.d.ts

@@ -1,5 +1,6 @@
 import * as react from 'react';
 import { ReactNode, RefObject } from 'react';
+import { ToolPart } from '@tangle-network/ui/types';
 import { C as ChatInteractionField, I as InteractionAnswers, a as ChatInteractionStatus, b as ChatInteraction, c as InteractionCancelData, d as ChatSelectField, e as InteractionRequestWire } from '../contract-OxG_jVMx.js';
 export { f as ChatFreeTextField, g as ComposerAnswerDelivery, h as INTERACTION_CANCEL_EVENT, i as INTERACTION_EVENT, j as INTERACTION_RESOLVED_EVENT, k as InteractionAnswerValue, l as InteractionPersistedPart, N as NoticeKind, m as NoticePersistedPart, P as ParseInteractionAnswersResult, n as ParseInteractionResult, o as canTransitionInteractionStatus, p as cancelStatusFor, q as composerAnswerData, r as composerAnswerDeliveries, s as dedupeQuestionInteractionsByContent, t as fieldAcceptsFreeText, u as interactionFromWireRequest, v as interactionPartKey, w as interactionToPersistedPart, x as isRenderableInteractionKind, y as isSafeInteractionFieldKey, z as isTerminalInteractionStatus, A as noticePart, B as noticePartKey, D as parseInteractionAnswers, E as parseInteractionCancel, F as parseInteractionRequest, G as persistedPartToInteraction, H as questionInteractionContentSignature, J as stampInteractionAnswers } from '../contract-OxG_jVMx.js';
 import { ChatPlan } from '../plans/index.js';
@@ -2005,9 +2006,9 @@ declare function pendingApprovalOf(call: ChatToolCallInfo): {
 } | null;
 /** One ordered piece of an assistant turn: a run of answer text, or a tool
  *  call, in the sequence the agent emitted them. A message carrying `segments`
- *  is rendered in order — interleaving text and tool chips — so the agent's
+ *  is rendered in order — interleaving text and tool rows — so the agent's
  *  pre- and post-tool reasoning reads chronologically instead of as one text
- *  blob with the tool chips collected after it. */
+ *  blob with the tool rows collected after it. */
 type ChatMessageSegment = {
     kind: 'text';
     content: string;
@@ -2041,7 +2042,7 @@ interface ChatMessagesProps {
      *  drops the label row into a fixed-height meta lane at each row's bottom
      *  (copy + the demoted meta, revealed on hover/focus, always visible on
      *  touch) and renders user bubbles neutral with a symmetric radius.
-     *  Everything else — tool cards, reasoning, streaming — is identical. */
+     *  Everything else — tool rows, reasoning, streaming — is identical. */
     chrome?: 'labeled' | 'quiet';
     /** Catalogue models, for per-message cost from pricing. Pass [] to skip cost. */
     models?: CatalogModel[];
@@ -2057,11 +2058,12 @@ interface ChatMessagesProps {
     /** Render the trailing "agent is thinking" row. */
     loading?: boolean;
     /** Approve/Reject handlers for proposals awaiting approval. When omitted the
-     *  chip still shows "awaiting approval" but without action buttons. */
+     *  card still shows "awaiting approval" but without action buttons. */
     approval?: ProposalApprovalHandlers;
-    /** Open a full-transcript view (e.g. {@link RunDrillIn}) from a tool card. */
+    /** Open a full-transcript view (e.g. {@link RunDrillIn}) from a tool row's
+     *  actions slot. */
     onToolCallClick?: (call: ChatToolCallInfo, message: ChatUiMessage) => void;
-    /** Per-tool custom detail renderers for expanded tool cards. */
+    /** Per-tool custom detail renderers for the expanded tool row body. */
     toolRenderers?: ToolDetailRenderers;
     /** Stream-error affordance: when the turn failed (a thrown transport error or
      *  a loop-level `onErrorEvent`), pass the message here to render an error row.
@@ -2128,6 +2130,16 @@ interface ProposalApprovalHandlers {
 /** Per-tool custom detail renderers for the expanded card body — keyed by
  *  tool name. Return null to fall back to the generic detail view. */
 type ToolDetailRenderers = Record<string, (call: ChatToolCallInfo, message: ChatUiMessage) => ReactNode>;
+/**
+ * Adapt a chat tool call to the canonical `@tangle-network/ui` `ToolPart`, so
+ * the row renders through ui's `InlineToolItem` — one run-row grammar shared
+ * with every other Tangle run view (the same adapter pattern ui's own
+ * `ToolCallStep` uses for its flat props). `sandbox_run_command` maps to ui's
+ * canonical `bash` name so the row takes the command category (terminal icon);
+ * every other tool keeps its real name. agent-app carries no per-call timings,
+ * so `state.time` stays unset and the row shows no duration.
+ */
+declare function chatToolCallPart(call: ChatToolCallInfo): ToolPart;
 /** Whole seconds elapsed while `active`, ticking once a second. Powers the live
  *  "thinking" timers (the pre-first-token row and the reasoning box) so a long
  *  thinking gap shows progress instead of a frozen label. Counts from when
@@ -2137,9 +2149,9 @@ declare function useThinkingSeconds(active: boolean): number;
  * The message thread: one centered column; user messages are right-aligned
  * bubbles with a User label; agent messages carry an Agent meta line with
  * model id, tokens/sec, and cost, plus a collapsible thinking section and
- * tool-call chips. `chrome="quiet"` opts into the label-free variant: the
+ * tool rows. `chrome="quiet"` opts into the label-free variant: the
  * label/meta row becomes a hover-revealed meta lane under each row.
  */
 declare function ChatMessages({ messages, messageSize, chrome, models, renderMarkdown, renderExtras, durableCards, userLabel, agentLabel, loading, approval, onToolCallClick, toolRenderers, error, onRetry, renderEmpty, emptyState, header, resolveAttachmentUrl, workProductCards, }: ChatMessagesProps): react.JSX.Element;
 
-export { type ActivityTone, type AgentActivityPage, AgentActivityPanel, type AgentActivityPanelProps, type AgentActivityRecord, type AttachmentFileResult, CatalogModel, ChatAttachmentInput, ChatAttachmentKind, ChatAttachmentPart, ChatComposer, type ChatComposerProps, type ChatEmptyDoor, ChatEmptyState, type ChatEmptyStateProps, ChatInteraction, ChatInteractionField, type ChatInteractionRestoreMode, ChatInteractionStatus, ChatMentionPart, type ChatMessageMetrics, type ChatMessageSegment, ChatMessages, type ChatMessagesProps, ChatSelectField, type ChatStreamCallbacks, type ChatStreamToolCall, type ChatStreamToolResult, type ChatToolCallInfo, type ChatUiMessage, type ComposerFile, type ComposerFilePart, type ComposerSendFailure, type ComposerSendHandler, type ComposerSendOutcome, type ComposerSendPartsHandler, type ComposerSendRejected, type ComposerSendResult, type ConsumeChatStreamResult, DEFAULT_PROVENANCE_CONFIDENCE_POLICY, type DurableChatCard, DurableChatCards, type DurableChatCardsProps, type DurableInteractionAnswerSubmitterOptions, DurablePlanCard, type DurablePlanCardProps, DurablePlanClientError, type DurablePlanCurrentInput, type DurablePlanDecision, type DurablePlanDecisionClient, type DurablePlanDecisionClientOptions, type DurablePlanDecisionInput, type DurablePlanDecisionResult, type DurablePlanFollowUpReceipt, EMPTY_RECORD_GRID_OVERLAY, EvidenceLineageTable, type EvidenceLineageTableProps, ExceptionList, type ExceptionListProps, type FetchSessionPage, type FieldValues, FlowWaterfall, type FlowWaterfallProps, HarnessGlyph, type HarnessGlyphProps, INTERACTION_SUBMIT_TIMEOUT_MESSAGE, INTERACTION_SUBMIT_TIMEOUT_MS, InteractionActionButton, type InteractionAnswerSubmission, type InteractionAnswerSubmitterOptions, InteractionAnswers, type InteractionAttemptStore, InteractionBadge, type InteractionBadgeVariant, InteractionCancelData, InteractionPlanCard, type InteractionPlanCardProps, InteractionQuestionCard, type InteractionQuestionCardProps, InteractionRequestWire, type InteractionSubmitResult, type LinkLikeComponent, type LinkLikeProps, type MentionTextSegment, MessageAttachments, type MessageAttachmentsProps, MissionActivityLane, type MissionActivityLaneProps, PROVENANCE_BASES, type ProposalApprovalHandlers, type ProvenanceBasis, type ProvenanceBasisMeta, type ProvenanceConfidencePolicy, type ProvenanceGap, type ProvenanceGapKind, ProvenanceLegend, type ProvenanceLegendProps, type ProvenanceRecord, type ProvenanceSource, type ProvenanceSourceStatus, ProvenanceStamp, type ProvenanceStampProps, type ProvenanceStanding, type ProvenanceStandingMeta, ProvenanceValue, type ProvenanceValueProps, ProviderLogo, type ProviderLogoProps, QualityCheckList, type QualityCheckListProps, QuestionOptionList, type QuestionOptionListProps, RecordGrid, type RecordGridBooleanColumn, type RecordGridCellChange, type RecordGridCellOutcome, type RecordGridCellSource, type RecordGridColumn, type RecordGridColumnBase, type RecordGridCreateOutcome, type RecordGridCurrencyColumn, type RecordGridDateColumn, type RecordGridDependency, type RecordGridNumberColumn, type RecordGridOverlay, type RecordGridProps, type RecordGridRow, type RecordGridRowOutcome, type RecordGridSelectColumn, type RecordGridSelectOption, type RecordGridSourceBasis, type RecordGridTextColumn, type RecordGridValue, type RecordGridWriteOutcome, type RestoreChatInteractionsOptions, ReviewQueueItem, type ReviewQueuePage, ReviewQueuePanel, type ReviewQueuePanelProps, ReviewQueueState, RunDrillIn, type RunDrillInProps, SeatPaywall, type SeatPaywallProps, type SessionActionLabels, type SessionActions, type SessionActionsOptions, type SessionBulkAction, SessionHistoryPanel, type SessionHistoryPanelProps, type SessionHistoryState, type SessionPageQuery, type SmoothRevealOptions, type StreamChatOptions, type SubmitInteractionAnswer, type ToolDetailRenderers, type ToolRunRecord, type ToolRunStep, type UseChatInteractionsOptions, type UseChatInteractionsResult, type UseComposerAttachmentsOptions, type UseComposerAttachmentsResult, type UseDurablePlanFlowOptions, type UseDurablePlanFlowResult, type UseInfiniteScrollOptions, type UseSessionHistoryOptions, type WaterfallRow, WorkProductCard, type WorkProductCardProps, __resetAttachmentFileCacheForTests, activityTone, buildAnswerData, cancelChatInteraction, consumeChatStream, createDurableInteractionAnswerSubmitter, createDurablePlanDecisionClient, createInteractionAnswerSubmitter, createMemoryInteractionAttemptStore, createSessionInteractionAttemptStore, describeProvenance, describeProvenanceSourceStatus, dispatchChatStreamLine, durableChatCardsFromParts, fieldAnswer, fieldValuesFromAnswers, formatActivityCost, formatActivityDuration, formatModelCost, formatRecordGridValue, formatSessionTimestamp, formatTokensPerSecond, hasSecretField, hydrateChatInteractions, interactionStatusLabels, interactionSubmissionSignature, interactionTerminalNotes, isLateAnswerableStatus, isRecordGridCellApplicable, lateAnswerMessage, loadAttachmentFile, loadingProvenanceSources, mergeActivityPages, mergeReviewQueuePages, nextRevealCount, parseRecordGridInput, pendingApprovalOf, projectRecordGridRows, provenanceBasisMeta, provenanceGaps, provenanceNextMove, provenanceStandingMeta, provenanceTriggerLabel, pruneRecordGridOverlay, readRecordGridCell, recordGridEditorText, recordGridFail, recordGridOk, recordGridRowLabel, resolveChatInteraction, resolveProvenanceStanding, responseErrorMessage, restoreChatInteractions, reviewQueueStateLabel, rollUpProvenanceStanding, sameRecordGridValue, segmentMentionContent, settleInteractionSubmit, standingFromConfidence, streamChatTurn, sumRecordGridColumn, terminalizePendingChatInteractions, triggerAttachmentDownload, upsertChatInteraction, useChatInteractions, useComposerAttachments, useDurablePlanFlow, useInfiniteScroll, useSessionActions, useSessionHistory, useSmoothText, useThinkingSeconds, validateRecordGridCell, validateRecordGridRow, waterfallLayout, weakerProvenanceStanding, withRecordGridCreated, withRecordGridRemoved, withRecordGridServerRow, withRecordGridUpdate, withoutRecordGridCreated, withoutRecordGridRemoved, withoutRecordGridUpdate, workProductPartsFromMessageParts, workProductStatusLabel };
+export { type ActivityTone, type AgentActivityPage, AgentActivityPanel, type AgentActivityPanelProps, type AgentActivityRecord, type AttachmentFileResult, CatalogModel, ChatAttachmentInput, ChatAttachmentKind, ChatAttachmentPart, ChatComposer, type ChatComposerProps, type ChatEmptyDoor, ChatEmptyState, type ChatEmptyStateProps, ChatInteraction, ChatInteractionField, type ChatInteractionRestoreMode, ChatInteractionStatus, ChatMentionPart, type ChatMessageMetrics, type ChatMessageSegment, ChatMessages, type ChatMessagesProps, ChatSelectField, type ChatStreamCallbacks, type ChatStreamToolCall, type ChatStreamToolResult, type ChatToolCallInfo, type ChatUiMessage, type ComposerFile, type ComposerFilePart, type ComposerSendFailure, type ComposerSendHandler, type ComposerSendOutcome, type ComposerSendPartsHandler, type ComposerSendRejected, type ComposerSendResult, type ConsumeChatStreamResult, DEFAULT_PROVENANCE_CONFIDENCE_POLICY, type DurableChatCard, DurableChatCards, type DurableChatCardsProps, type DurableInteractionAnswerSubmitterOptions, DurablePlanCard, type DurablePlanCardProps, DurablePlanClientError, type DurablePlanCurrentInput, type DurablePlanDecision, type DurablePlanDecisionClient, type DurablePlanDecisionClientOptions, type DurablePlanDecisionInput, type DurablePlanDecisionResult, type DurablePlanFollowUpReceipt, EMPTY_RECORD_GRID_OVERLAY, EvidenceLineageTable, type EvidenceLineageTableProps, ExceptionList, type ExceptionListProps, type FetchSessionPage, type FieldValues, FlowWaterfall, type FlowWaterfallProps, HarnessGlyph, type HarnessGlyphProps, INTERACTION_SUBMIT_TIMEOUT_MESSAGE, INTERACTION_SUBMIT_TIMEOUT_MS, InteractionActionButton, type InteractionAnswerSubmission, type InteractionAnswerSubmitterOptions, InteractionAnswers, type InteractionAttemptStore, InteractionBadge, type InteractionBadgeVariant, InteractionCancelData, InteractionPlanCard, type InteractionPlanCardProps, InteractionQuestionCard, type InteractionQuestionCardProps, InteractionRequestWire, type InteractionSubmitResult, type LinkLikeComponent, type LinkLikeProps, type MentionTextSegment, MessageAttachments, type MessageAttachmentsProps, MissionActivityLane, type MissionActivityLaneProps, PROVENANCE_BASES, type ProposalApprovalHandlers, type ProvenanceBasis, type ProvenanceBasisMeta, type ProvenanceConfidencePolicy, type ProvenanceGap, type ProvenanceGapKind, ProvenanceLegend, type ProvenanceLegendProps, type ProvenanceRecord, type ProvenanceSource, type ProvenanceSourceStatus, ProvenanceStamp, type ProvenanceStampProps, type ProvenanceStanding, type ProvenanceStandingMeta, ProvenanceValue, type ProvenanceValueProps, ProviderLogo, type ProviderLogoProps, QualityCheckList, type QualityCheckListProps, QuestionOptionList, type QuestionOptionListProps, RecordGrid, type RecordGridBooleanColumn, type RecordGridCellChange, type RecordGridCellOutcome, type RecordGridCellSource, type RecordGridColumn, type RecordGridColumnBase, type RecordGridCreateOutcome, type RecordGridCurrencyColumn, type RecordGridDateColumn, type RecordGridDependency, type RecordGridNumberColumn, type RecordGridOverlay, type RecordGridProps, type RecordGridRow, type RecordGridRowOutcome, type RecordGridSelectColumn, type RecordGridSelectOption, type RecordGridSourceBasis, type RecordGridTextColumn, type RecordGridValue, type RecordGridWriteOutcome, type RestoreChatInteractionsOptions, ReviewQueueItem, type ReviewQueuePage, ReviewQueuePanel, type ReviewQueuePanelProps, ReviewQueueState, RunDrillIn, type RunDrillInProps, SeatPaywall, type SeatPaywallProps, type SessionActionLabels, type SessionActions, type SessionActionsOptions, type SessionBulkAction, SessionHistoryPanel, type SessionHistoryPanelProps, type SessionHistoryState, type SessionPageQuery, type SmoothRevealOptions, type StreamChatOptions, type SubmitInteractionAnswer, type ToolDetailRenderers, type ToolRunRecord, type ToolRunStep, type UseChatInteractionsOptions, type UseChatInteractionsResult, type UseComposerAttachmentsOptions, type UseComposerAttachmentsResult, type UseDurablePlanFlowOptions, type UseDurablePlanFlowResult, type UseInfiniteScrollOptions, type UseSessionHistoryOptions, type WaterfallRow, WorkProductCard, type WorkProductCardProps, __resetAttachmentFileCacheForTests, activityTone, buildAnswerData, cancelChatInteraction, chatToolCallPart, consumeChatStream, createDurableInteractionAnswerSubmitter, createDurablePlanDecisionClient, createInteractionAnswerSubmitter, createMemoryInteractionAttemptStore, createSessionInteractionAttemptStore, describeProvenance, describeProvenanceSourceStatus, dispatchChatStreamLine, durableChatCardsFromParts, fieldAnswer, fieldValuesFromAnswers, formatActivityCost, formatActivityDuration, formatModelCost, formatRecordGridValue, formatSessionTimestamp, formatTokensPerSecond, hasSecretField, hydrateChatInteractions, interactionStatusLabels, interactionSubmissionSignature, interactionTerminalNotes, isLateAnswerableStatus, isRecordGridCellApplicable, lateAnswerMessage, loadAttachmentFile, loadingProvenanceSources, mergeActivityPages, mergeReviewQueuePages, nextRevealCount, parseRecordGridInput, pendingApprovalOf, projectRecordGridRows, provenanceBasisMeta, provenanceGaps, provenanceNextMove, provenanceStandingMeta, provenanceTriggerLabel, pruneRecordGridOverlay, readRecordGridCell, recordGridEditorText, recordGridFail, recordGridOk, recordGridRowLabel, resolveChatInteraction, resolveProvenanceStanding, responseErrorMessage, restoreChatInteractions, reviewQueueStateLabel, rollUpProvenanceStanding, sameRecordGridValue, segmentMentionContent, settleInteractionSubmit, standingFromConfidence, streamChatTurn, sumRecordGridColumn, terminalizePendingChatInteractions, triggerAttachmentDownload, upsertChatInteraction, useChatInteractions, useComposerAttachments, useDurablePlanFlow, useInfiniteScroll, useSessionActions, useSessionHistory, useSmoothText, useThinkingSeconds, validateRecordGridCell, validateRecordGridRow, waterfallLayout, weakerProvenanceStanding, withRecordGridCreated, withRecordGridRemoved, withRecordGridServerRow, withRecordGridUpdate, withoutRecordGridCreated, withoutRecordGridRemoved, withoutRecordGridUpdate, workProductPartsFromMessageParts, workProductStatusLabel };

package/dist/web-react/index.js

@@ -32,6 +32,7 @@ import {
   activityTone,
   buildAnswerData,
   cancelChatInteraction,
+  chatToolCallPart,
   consumeChatStream,
   createDurableInteractionAnswerSubmitter,
   createDurablePlanDecisionClient,
@@ -110,7 +111,7 @@ import {
   withoutRecordGridCreated,
   withoutRecordGridRemoved,
   withoutRecordGridUpdate
-} from "../chunk-H3LYJIAQ.js";
+} from "../chunk-HNVAASAO.js";
 import "../chunk-FBVLEGEG.js";
 import {
   EvidenceLineageTable,
@@ -271,6 +272,7 @@ export {
   canTransitionInteractionStatus,
   cancelChatInteraction,
   cancelStatusFor,
+  chatToolCallPart,
   chatTurnRequestInit,
   composerAnswerData,
   composerAnswerDeliveries,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/agent-app",
-  "version": "0.45.36",
+  "version": "0.45.38",
   "packageManager": "pnpm@11.17.0",
   "description": "Build agent applications with typed chat, tools, sandboxes, integrations, billing, and evaluation.",
   "keywords": [
@@ -524,7 +524,7 @@
     "@tangle-network/agent-knowledge": "7.0.8",
     "@tangle-network/agent-profile-materialize": "0.10.2",
     "@tangle-network/agent-runtime": "0.126.0",
-    "@tangle-network/brand": "1.1.0",
+    "@tangle-network/brand": "1.3.0",
     "@tangle-network/sandbox": "0.17.2",
     "@tangle-network/sandbox-ui": "0.94.2",
     "@tangle-network/ui": "^11.2.2",
@@ -579,6 +579,7 @@
     "@tangle-network/brand": ">=1.1.0",
     "@tangle-network/sandbox": ">=0.15.2",
     "@tangle-network/sandbox-ui": ">=0.91.5",
+    "@tangle-network/ui": ">=11.2.2",
     "@xyflow/react": ">=12.0.0",
     "better-auth": ">=1.6.16",
     "drizzle-orm": ">=0.36",
@@ -628,6 +629,9 @@
     "@tangle-network/sandbox-ui": {
       "optional": true
     },
+    "@tangle-network/ui": {
+      "optional": true
+    },
     "@tangle-network/brand": {
       "optional": true
     },