@tangle-network/agent-app 0.45.49 → 0.45.51

package/dist/theme/tokens.css

@@ -522,7 +522,8 @@
 
 /* The waiting label. `background-clip: text` over a moving gradient, so the
    shimmer runs THROUGH the glyphs rather than behind them. Marked essential:
-   it is the only signal that work is still in flight. */
+   it is the only signal that work is still in flight. Its reduced-motion
+   answer is at the bottom of this file, with the floor it opts out of. */
 .agent-shimmer {
   background: linear-gradient(
     90deg,
@@ -583,6 +584,13 @@
  * out by declaring `data-motion="essential"`; the exclusion covers that element
  * and its subtree, and `:where()` keeps the selector at zero specificity so a
  * consumer's own `!important` can still win.
+ *
+ * `essential` is an exemption from the BLANKET rule, not a licence to keep
+ * running. It exists because collapsing a meaning-carrying animation to a 1ms
+ * flash destroys the meaning, so the element gets to answer for itself — and it
+ * then OWES that answer. An element with no end condition owes it most, which
+ * is why `.agent-shimmer` states its own below: the sweep stops, and what it
+ * was saying is re-stated as a static difference the reader can still see.
  */
 @media (prefers-reduced-motion: reduce) {
   :root {
@@ -603,6 +611,42 @@
     transition-duration: 1ms !important;
   }
 
+  /* The waiting label's own answer. It is `data-motion="essential"` because the
+     sweep is the ONLY thing separating an agent that is working from one that
+     is stuck, so the floor above must not collapse it — but an INFINITE
+     animation is exactly what someone asking for reduced motion is asking to be
+     rid of, and running it anyway because the element declared itself essential
+     is the override this file calls a defect.
+
+     So the meaning is carried without the motion. The sweep stops and the
+     gradient comes off (it exists only to be moved), which puts the glyphs back
+     under `color` instead of leaving them transparent windows onto it.
+
+     The DOTTED RULE is the discriminator, and it is the only one. Measured in
+     Chromium under `prefers-reduced-motion: reduce`, light and dark: the live
+     label computes `text-decoration: underline dotted` where a settled label
+     beside it computes `none`, and the two resolve to the SAME color and the
+     same weight. That is by construction — `color: inherit` hands the label
+     whatever its context already uses, and the settled label shares that
+     context. In `mission-activity`'s lane both tool names read rgb(12,12,21)
+     light / rgb(236,236,241) dark; in the chat trace toggle "Thinking · 12s"
+     and "Thought for 12s" both read rgb(96,96,99) light / rgb(158,158,160)
+     dark, because that button is `text-muted-foreground`. So the reader tells
+     in-flight from done by the rule under the word, from a still frame — not by
+     tone and not by weight.
+
+     Not `content: '…'` or any other generated text: this element's text is read
+     by a screen reader, and adding pseudo-content changes what is announced. */
+  .agent-shimmer {
+    animation: none;
+    background: none;
+    background-clip: border-box;
+    -webkit-background-clip: border-box;
+    color: inherit;
+    text-decoration: underline dotted currentColor;
+    text-underline-offset: 3px;
+  }
+
   html {
     scroll-behavior: auto !important;
   }

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

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ReactNode, RefObject } from 'react';
+import { ReactNode, RefObject, ReactElement, CSSProperties } 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';
@@ -527,7 +527,14 @@ interface QuestionOptionListProps {
 }
 /** The radio/checkbox option rows for a select field. Renders a fragment of
  *  option `<label>` rows so a card keeps its own wrapping layout and appends
- *  its own write-in input. */
+ *  its own write-in input.
+ *
+ *  The rows arrive as a SEQUENCE (`.agent-arrive` + `--stagger-index`), which
+ *  is the difference between reading a list and being shown one: the eye is
+ *  told there are N choices and in what order before it has read any of them.
+ *  The index is safe to take straight from the map because an option list does
+ *  not re-sort under a mounted card — a different set of options is a
+ *  different `key`, and a different ask resets the card wholesale. */
 declare function QuestionOptionList({ groupName, idPrefix, options, multi, selectedValues, disabled, onToggle, answered, }: QuestionOptionListProps): react.JSX.Element;
 interface InteractionQuestionCardProps {
     interaction: ChatInteraction;
@@ -1050,6 +1057,12 @@ interface MissionActivityLaneProps {
 /**
  * Collapsed sub-rows under a mission step — one row per delegated run —
  * expanding to the step's waterfall. Renders nothing for an empty lane.
+ *
+ * A sub-row appears because a delegated run STARTED or FINISHED, which is the
+ * one kind of list change worth choreographing: it arrives, and the group
+ * arrives as a sequence. Keying on `taskId` is what keeps the rest still — the
+ * snapshot re-renders every poll, and a row whose status merely advanced holds
+ * the DOM node it already had.
  */
 declare function MissionActivityLane({ activity, startedAt, nowMs }: MissionActivityLaneProps): react.JSX.Element | null;
 interface AgentActivityPanelProps {
@@ -1949,6 +1962,360 @@ interface RecordGridProps {
  */
 declare function RecordGrid({ columns, caption, state, empty, onCreate, onUpdate, onDelete, newRowDefaults, addLabel, locale, toolbar, loadingRowCount, className, }: RecordGridProps): react.JSX.Element;
 
+/**
+ * `Sparkline` — the series behind a number, as inline SVG.
+ *
+ * `/spend`, `/missions` and the eval lanes all produce a number for today, and
+ * every product renders it as text. Text cannot separate "$41, up from $38"
+ * from "$41, up from $4" — the same sentence, two different situations — so the
+ * reader opens a second surface to find out which one they are in. The series
+ * next to the number answers it in one glance.
+ *
+ * No chart dependency: this subpath is react + `@tangle-network/ui` only, and a
+ * polyline is not worth a bundle. What a chart library would give us here is
+ * axes, ticks and a tooltip, none of which belong on a 96×24 glyph.
+ *
+ * The three shapes a hand-rolled sparkline gets wrong, each handled here rather
+ * than left to the caller:
+ *
+ *  - **no readings** renders an explicit empty label, never a line. A line
+ *    along the baseline is a claim — "this metric sat at zero" — and a series
+ *    nobody has measured yet did not sit anywhere.
+ *  - **one reading** renders a point. A line needs two coordinates; drawing one
+ *    from a single reading invents the segment before it.
+ *  - **equal readings** render flat at MID height. The obvious normalisation
+ *    divides by `max - min`, which is `0` for a perfectly stable metric, and
+ *    the resulting `NaN` lands in the `points` attribute — SVG drops the whole
+ *    polyline, so the metric that never moved is the one that disappears.
+ *  - **a missing reading renders as a GAP, and the accessible name says so.**
+ *    A `null` from a hole in a series and a `NaN` from a producer's unguarded
+ *    division are not smaller series — they are readings nobody has. Deleting
+ *    them closed the line straight across the hole and announced a count that
+ *    was short by the number deleted: measured on `[1, NaN, 3]`, one continuous
+ *    two-point line labelled "2 readings, rising from 1 to 3", with nothing
+ *    anywhere saying a reading was unreadable. The card's figure slot already
+ *    refuses to let a non-measurement look measured; the series one line below
+ *    it holds the same rule. The x axis is the SAMPLE index, so the hole keeps
+ *    its width, the line breaks at it, and the label carries "N not available".
+ *
+ * Accessibility: `role="img"` with an `aria-label` naming the metric, its range
+ * and its direction. A sparkline with no accessible name is decoration a screen
+ * reader cannot report, which would leave the shape — the entire reason the
+ * component exists — visible to exactly one kind of reader.
+ *
+ * Deliberately not animated. `docs/product-surfaces.md` Pattern 4 lists chart
+ * draw-on under what this package does not animate: the shape IS the answer,
+ * and easing it in taxes every read of a surface people sit in for hours. The
+ * card around it arrives (`.agent-arrive`); the line does not draw itself.
+ */
+
+/** Where a series ended relative to where it started. */
+type SparklineDirection = 'rising' | 'falling' | 'flat';
+interface SparklinePoint {
+    readonly x: number;
+    readonly y: number;
+}
+interface SparklineGeometry {
+    /** The finite readings, in order — what was actually plotted. */
+    readonly readings: readonly number[];
+    /** Every plotted point, in order. Positions are on the SAMPLE axis, so a
+     *  missing reading leaves its width behind rather than closing up. */
+    readonly points: readonly SparklinePoint[];
+    /** The points split into runs of CONSECUTIVE samples. One run is one stroke:
+     *  a line drawn across a missing reading states a movement nobody measured. */
+    readonly segments: readonly (readonly SparklinePoint[])[];
+    /** Samples that carried no usable reading — a `null`, a `NaN`, an infinity.
+     *  Counted rather than discarded, because the accessible name has to state
+     *  them: a shorter series announced as a complete one is the silent loss. */
+    readonly gaps: number;
+    readonly min: number;
+    readonly max: number;
+    readonly first: number;
+    readonly last: number;
+    readonly direction: SparklineDirection;
+}
+interface SparklineGeometryOptions {
+    width?: number;
+    height?: number;
+    /** Keeps the stroke and the end dot inside the viewBox instead of clipping
+     *  them at the extremes, where the interesting readings always are. */
+    inset?: number;
+}
+declare const DEFAULT_SPARKLINE_WIDTH = 96;
+declare const DEFAULT_SPARKLINE_HEIGHT = 24;
+/** Only a name, never a metric: it exists so the accessible label is never
+ *  empty. Every caller in this package passes the metric's own title. */
+declare const DEFAULT_SPARKLINE_LABEL = "Trend";
+declare const DEFAULT_SPARKLINE_EMPTY_LABEL = "No history yet";
+/** Nothing was measurable, which is not the same as nothing was measured yet —
+ *  and "No history yet" over a series that arrived full of `NaN` reads as the
+ *  metric being new when the producer is broken. */
+declare const DEFAULT_SPARKLINE_UNAVAILABLE_LABEL = "No readings available";
+/** The package's default number rendering, pinned to `en-US` so a card and its
+ *  series read the same on every host — a series formatted by the server's
+ *  locale and a value formatted by the browser's is a defect nobody sees until
+ *  the decimal separators disagree. */
+declare function formatSparklineValue(value: number): string;
+/**
+ * The readings that can be plotted.
+ *
+ * A `null` from a gap in a series, or a `NaN` from a division a producer did
+ * not guard, is not plotted rather than coerced to `0`: plotting a missing
+ * reading at the baseline draws a cliff that never happened.
+ *
+ * This returns the readings ALONE, so it cannot tell a caller how many are
+ * missing. That is what {@link SparklineGeometry.gaps} is for, and what the
+ * accessible name reports — dropping a sample and then announcing the shorter
+ * count as the whole series is the defect, not the filter.
+ */
+declare function sparklineReadings(values: readonly number[]): number[];
+/**
+ * Plots the series into the viewBox.
+ *
+ * Pure and exported so the cases that produce a broken chart — nothing, one
+ * reading, a flat series, negatives — are unit-testable without a DOM.
+ */
+declare function sparklineGeometry(values: readonly number[], { width, height, inset }?: SparklineGeometryOptions): SparklineGeometry;
+/** `"2,14 48,3 94,21"` — the `points` attribute of the polyline. */
+declare function sparklinePointsAttribute(points: readonly SparklinePoint[]): string;
+interface SparklineLabelOptions {
+    label?: string;
+    format?: (value: number) => string;
+}
+/**
+ * The accessible name: metric, how many readings, how many are missing, the
+ * range, and the direction.
+ *
+ * All of it is load-bearing. The range without the direction describes a shape
+ * that could have been walked in either order; the direction without the range
+ * says "rising" about a metric that moved by a rounding error; and the count
+ * without the gaps is the number of readings that SURVIVED announced as the
+ * number that were taken — the shape a reader cannot see is exactly the one
+ * this sentence exists to carry.
+ */
+declare function sparklineLabel(values: readonly number[], { label, format }?: SparklineLabelOptions): string;
+interface SparklineProps {
+    values: readonly number[];
+    /** Names the metric in the accessible label. */
+    label?: string;
+    /** Renders a reading in that label; defaults to the package number format. */
+    format?: (value: number) => string;
+    width?: number;
+    height?: number;
+    /** Shown instead of a line when the metric has no history yet. */
+    emptyLabel?: string;
+    /** Shown instead of a line when every sample arrived unreadable — a different
+     *  state from "no history yet", and one the reader has to be able to tell
+     *  apart, because one is a new metric and the other is a broken producer. */
+    unavailableLabel?: string;
+    className?: string;
+}
+/** The series glyph. Strokes in `currentColor`, so tone is the caller's. */
+declare function Sparkline({ values, label, format, width, height, emptyLabel, unavailableLabel, className, }: SparklineProps): ReactElement;
+
+/**
+ * `InsightCard` + `InsightDeck` — the number that moved, and the paged deck of
+ * them.
+ *
+ * Every product on this shell computes insights already: `/spend` knows today's
+ * burn against yesterday's, `/missions` knows how many runs landed, the eval
+ * lanes know a pass rate per release. All of it renders as a line of text, so
+ * the reader does the comparison in their head and the series behind the number
+ * never reaches the screen at all.
+ *
+ * Two rules this surface exists to hold:
+ *
+ *  - **A delta needs a baseline.** `previous` absent means no delta is drawn —
+ *    not a green `+0%`, which is the specific fabrication a hand-rolled card
+ *    produces when it defaults its baseline to zero, and which reads as "we
+ *    measured, nothing changed" when the truth is "we have nothing to compare
+ *    against". {@link insightDelta} returns `null` rather than a zero.
+ *  - **Direction is not sentiment.** Spend going up and missions going up are
+ *    the same arrow and opposite news, so tone is a caller declaration
+ *    (`polarity`), and the default is neutral. A card that paints every rise
+ *    green teaches the reader to stop reading the label.
+ *
+ * The deck is built on `web-react/async` rather than a loading boolean, so it
+ * inherits that module's invariant instead of restating it: `AsyncView` renders
+ * `error` with its message and retry, and `empty` is reachable only from a load
+ * that resolved — a failed fetch can never paint "No insights yet"
+ * (`docs/async-state-module.md`).
+ *
+ * Motion: cards arrive with `.agent-arrive`, staggered by `--stagger-index`
+ * from the deck, and a page TURN remounts them so the next page arrives as a
+ * sequence instead of swapping text under cards that never moved. A REFRESH is
+ * the opposite case and gets the opposite treatment — see the deck's own note.
+ * Every piece of that is decoration, carries no `data-motion`, and collapses
+ * under `prefers-reduced-motion` — the live label included.
+ *
+ * The live label does NOT opt out, and the reasoning is worth stating because
+ * the opposite reads plausible. What tells the reader a figure is still being
+ * computed is the WORD (`liveLabel`, "Updating"): it is rendered only while
+ * `live`, and a settled card does not render it at all. The sweep through its
+ * glyphs is emphasis on a signal that is already there, not the signal. So a
+ * reader who asked for less motion still sees the word — static, in the
+ * shimmer's resting gradient, still legible, and still disappearing the moment
+ * the figure is final. Nothing here overrides a request the reader made.
+ */
+
+type InsightDirection = 'up' | 'down' | 'flat';
+/** Which way is good news for THIS metric. `neutral` is the default because it
+ *  is the only answer that is true for every metric. */
+type InsightPolarity = 'higher-is-better' | 'lower-is-better' | 'neutral';
+type InsightTone = 'positive' | 'negative' | 'neutral';
+interface InsightDelta {
+    /** The baseline the move is measured against — rendered, so the delta is
+     *  never a number floating free of what produced it. */
+    readonly previous: number;
+    readonly absolute: number;
+    /** `null` when the baseline is `0`: a share of nothing is undefined, and
+     *  "+∞%" or a silently-dropped percentage are both worse than the absolute. */
+    readonly percent: number | null;
+    readonly direction: InsightDirection;
+}
+/**
+ * The move, or `null` when there is no honest one to state.
+ *
+ * `unknown` inputs on purpose: these arrive from a fetched payload, and the
+ * cases that must not produce a delta — a missing baseline, a `null` from a
+ * first-ever reading, a `NaN` from a producer's division — are exactly the ones
+ * a narrower signature would let through as `0`.
+ */
+declare function insightDelta(value: unknown, previous: unknown): InsightDelta | null;
+/** Maps a direction onto good/bad news, which only the caller knows. */
+declare function insightDeltaTone(direction: InsightDirection, polarity?: InsightPolarity): InsightTone;
+/**
+ * The delta as words: direction, magnitude, and the baseline it is measured
+ * against. Words rather than an arrow plus a bare number, because the arrow is
+ * `aria-hidden` and a reader hearing "12%" learns nothing about which way.
+ */
+declare function formatInsightDelta(delta: InsightDelta, format?: (value: number) => string): string;
+interface InsightAction {
+    label: string;
+    onClick: () => void;
+}
+interface InsightCardProps {
+    /** What was measured, in the reader's words ("Spend today"). */
+    title: string;
+    /** The number that moved. A `string` renders verbatim — a total the caller
+     *  already formatted with its own currency — and takes no delta, because
+     *  there is nothing to subtract. A non-finite number is not a measurement and
+     *  renders as {@link INSIGHT_UNAVAILABLE_GLYPH}, never as "NaN" or "∞". */
+    value: number | string;
+    /** "USD", "runs", "%" — the unit the number is in, beside it rather than
+     *  glued into it, so the figure stays scannable. */
+    unit?: string;
+    /** The baseline. Absent ⇒ the card renders the value and no delta. */
+    previous?: number;
+    polarity?: InsightPolarity;
+    /** One number format for the value, the delta and the series, so the three
+     *  cannot disagree about decimals on the same card. */
+    format?: (value: number) => string;
+    series?: readonly number[];
+    /** Names the series in its accessible label; defaults to the card's title. */
+    seriesLabel?: string;
+    /** One line of context under the number — what the window is, what is
+     *  excluded. Not a restatement of the title. */
+    description?: string;
+    /** The next action for this insight. An element renders as supplied (a link,
+     *  a dialog trigger); the object form renders the standard button. */
+    action?: InsightAction | ReactElement;
+    /** The number is still being computed. The label's PRESENCE is the signal, so
+     *  it reads the same with motion collapsed — see the module note. */
+    live?: boolean;
+    liveLabel?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function InsightCard({ title, value, unit, previous, polarity, format, series, seriesLabel, description, action, live, liveLabel, className, style, }: InsightCardProps): ReactElement;
+interface Insight extends InsightCardProps {
+    /** Stable across refreshes: it keys the card. Paired with the deck holding
+     *  the last loaded page across a reload, a stable id is what lets a settled
+     *  card keep its own DOM node — and therefore not replay its arrival — when
+     *  a poll returns the same insight. */
+    readonly id: string;
+}
+declare const DEFAULT_INSIGHT_PAGE_SIZE = 3;
+/**
+ * The page size — ONE definition, read by the count and by the slice.
+ *
+ * Two definitions is how a deck hides an insight with no error at all: a count
+ * that divides by the raw `2.5` claims two pages of a five-card deck, a slice
+ * that floors it puts two cards on each, and the fifth card is on no page the
+ * reader can reach. Nothing renders wrong; a card is simply gone.
+ *
+ * A page size is a count of cards, so a fraction, a zero and a negative are not
+ * smaller decks — they are caller mistakes, and this normalises them back to the
+ * default and says so once per offending value. Normalised rather than thrown
+ * because the value is often computed from a measured viewport, where the first
+ * paint legitimately produces a `0`: a deck that pages in threes is a far
+ * smaller failure than a dashboard that throws during render.
+ */
+declare function insightPageSize(pageSize?: number): number;
+/** Always at least one page, so "Page 1 of 0" cannot be rendered. */
+declare function insightPageCount(total: number, pageSize?: number): number;
+/** The items on `page`, with the page clamped into range — a deck whose list
+ *  shrank under the reader shows the last page that exists, never a blank one. */
+declare function insightPageSlice<T>(items: readonly T[], page: number, pageSize?: number): readonly T[];
+interface InsightDeckProps {
+    /** The same five-state contract every other screen fetches through. */
+    state: AsyncResourceState<readonly Insight[]>;
+    /** Required by `AsyncView`: an empty deck must say what is missing and what
+     *  to do about it. */
+    empty: AsyncEmptySpec | ReactElement;
+    /** Names the region for assistive tech and titles nothing visually — the
+     *  cards carry their own headings. */
+    label?: string;
+    pageSize?: number;
+    loadingLabel?: string;
+    retryLabel?: string;
+    className?: string;
+    /**
+     * The page the reader is ON, whatever moved them there.
+     *
+     * That includes the render-time clamp: a list that shrinks under a reader
+     * standing on page 3 leaves them on the last page that exists, and a parent
+     * persisting this to a URL or to storage would otherwise keep writing a page
+     * number nothing can reach. Reported once per effective page, never twice for
+     * the same one.
+     */
+    onPageChange?: (page: number) => void;
+}
+/**
+ * The paged deck.
+ *
+ * `AsyncView` owns the non-`ready` branches, which is what makes the invariant
+ * structural here: the cards are rendered from one branch of that component,
+ * and no branch of this one could paint the empty copy over a failure.
+ *
+ * **A REFRESH DOES NOT REPLACE WHAT IS ON SCREEN.** `useAsyncResource` re-enters
+ * `loading` with no value held on every reload, and handing that straight to
+ * `AsyncView` swaps the ready subtree for the busy block — which destroys the
+ * DOM the reader is standing in. Measured, on a real reload: `document.
+ * activeElement` fell to `document.body`, so a keyboard reader mid-page lost
+ * their place on every automatic poll; and every settled card was a NEW node, so
+ * `.agent-arrive` replayed across the whole visible page — the exact flash this
+ * surface's motion rules exist to prevent. Holding the page NUMBER above the
+ * boundary fixed the counter and none of that, because the subtree under it was
+ * still being torn down.
+ *
+ * So the deck holds the last insights it rendered and keeps handing them to the
+ * SAME `AsyncView` branch while a reload is in flight: same element, same
+ * position, same keys — React reuses the nodes, focus stays where the reader put
+ * it, and nothing re-animates. `aria-busy` on the region is the signal that a
+ * load is in flight; a per-card one is `live` on the card.
+ *
+ * The bridge is only ever over a WAIT. `error` and `empty` are answers about the
+ * resource, so they drop what was held and render their own branch — a failed
+ * fetch still cannot paint stale numbers, and the async module's invariant is
+ * untouched.
+ *
+ * It bridges one resource, not one component: if the SUBJECT changes (a
+ * different workspace, a different window), give the deck a `key` so it remounts
+ * rather than showing the previous subject's numbers while the new ones load.
+ */
+declare function InsightDeck({ state, empty, label, pageSize, loadingLabel, retryLabel, className, onPageChange, }: InsightDeckProps): ReactElement;
+
 /** Describe metrics related to a chat message including model, token counts, and duration */
 interface ChatMessageMetrics {
     modelUsed?: string;
@@ -2158,4 +2525,4 @@ declare function useThinkingSeconds(active: boolean): number;
  */
 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, 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 };
+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_INSIGHT_PAGE_SIZE, DEFAULT_PROVENANCE_CONFIDENCE_POLICY, DEFAULT_SPARKLINE_EMPTY_LABEL, DEFAULT_SPARKLINE_HEIGHT, DEFAULT_SPARKLINE_LABEL, DEFAULT_SPARKLINE_UNAVAILABLE_LABEL, DEFAULT_SPARKLINE_WIDTH, 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, type Insight, type InsightAction, InsightCard, type InsightCardProps, InsightDeck, type InsightDeckProps, type InsightDelta, type InsightDirection, type InsightPolarity, type InsightTone, 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, Sparkline, type SparklineDirection, type SparklineGeometry, type SparklineGeometryOptions, type SparklineLabelOptions, type SparklinePoint, type SparklineProps, 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, formatInsightDelta, formatModelCost, formatRecordGridValue, formatSessionTimestamp, formatSparklineValue, formatTokensPerSecond, hasSecretField, hydrateChatInteractions, insightDelta, insightDeltaTone, insightPageCount, insightPageSize, insightPageSlice, 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, sparklineGeometry, sparklineLabel, sparklinePointsAttribute, sparklineReadings, 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

@@ -3,9 +3,15 @@ import {
   ChatComposer,
   ChatEmptyState,
   ChatMessages,
+  DEFAULT_INSIGHT_PAGE_SIZE,
   DEFAULT_MENTION_EMPTY_TEXT,
   DEFAULT_MENTION_LIMIT,
   DEFAULT_PROVENANCE_CONFIDENCE_POLICY,
+  DEFAULT_SPARKLINE_EMPTY_LABEL,
+  DEFAULT_SPARKLINE_HEIGHT,
+  DEFAULT_SPARKLINE_LABEL,
+  DEFAULT_SPARKLINE_UNAVAILABLE_LABEL,
+  DEFAULT_SPARKLINE_WIDTH,
   DurableChatCards,
   DurablePlanCard,
   DurablePlanClientError,
@@ -14,6 +20,8 @@ import {
   INDEX_REFRESH_AFTER_MS,
   INTERACTION_SUBMIT_TIMEOUT_MESSAGE,
   INTERACTION_SUBMIT_TIMEOUT_MS,
+  InsightCard,
+  InsightDeck,
   InteractionActionButton,
   InteractionBadge,
   InteractionPlanCard,
@@ -28,6 +36,7 @@ import {
   RunDrillIn,
   SeatPaywall,
   SessionHistoryPanel,
+  Sparkline,
   __resetAttachmentFileCacheForTests,
   activityTone,
   buildAnswerData,
@@ -47,12 +56,19 @@ import {
   fieldValuesFromAnswers,
   formatActivityCost,
   formatActivityDuration,
+  formatInsightDelta,
   formatModelCost,
   formatRecordGridValue,
   formatSessionTimestamp,
+  formatSparklineValue,
   formatTokensPerSecond,
   hasSecretField,
   hydrateChatInteractions,
+  insightDelta,
+  insightDeltaTone,
+  insightPageCount,
+  insightPageSize,
+  insightPageSlice,
   interactionStatusLabels,
   interactionSubmissionSignature,
   interactionTerminalNotes,
@@ -86,6 +102,10 @@ import {
   sameRecordGridValue,
   segmentMentionContent,
   settleInteractionSubmit,
+  sparklineGeometry,
+  sparklineLabel,
+  sparklinePointsAttribute,
+  sparklineReadings,
   standingFromConfidence,
   streamChatTurn,
   sumRecordGridColumn,
@@ -111,7 +131,7 @@ import {
   withoutRecordGridCreated,
   withoutRecordGridRemoved,
   withoutRecordGridUpdate
-} from "../chunk-ZAKKG6WI.js";
+} from "../chunk-CXPWUCXC.js";
 import "../chunk-FBVLEGEG.js";
 import {
   EvidenceLineageTable,
@@ -154,6 +174,7 @@ import {
   tabTerminalConnectionId,
   useSandboxTerminalConnection
 } from "../chunk-BATKJP3P.js";
+import "../chunk-3UBAO3N5.js";
 import "../chunk-PC2WYTK7.js";
 import "../chunk-QY4BRKRJ.js";
 import {
@@ -218,9 +239,15 @@ export {
   ChatEmptyState,
   ChatMessages,
   DEFAULT_EFFORT_LEVELS,
+  DEFAULT_INSIGHT_PAGE_SIZE,
   DEFAULT_MENTION_EMPTY_TEXT,
   DEFAULT_MENTION_LIMIT,
   DEFAULT_PROVENANCE_CONFIDENCE_POLICY,
+  DEFAULT_SPARKLINE_EMPTY_LABEL,
+  DEFAULT_SPARKLINE_HEIGHT,
+  DEFAULT_SPARKLINE_LABEL,
+  DEFAULT_SPARKLINE_UNAVAILABLE_LABEL,
+  DEFAULT_SPARKLINE_WIDTH,
   DISPATCH_MAX_MEDIA_PARTS,
   DISPATCH_MAX_PARTS,
   DISPATCH_REQUEST_MAX_BYTES,
@@ -242,6 +269,8 @@ export {
   INTERACTION_RESOLVED_EVENT,
   INTERACTION_SUBMIT_TIMEOUT_MESSAGE,
   INTERACTION_SUBMIT_TIMEOUT_MS,
+  InsightCard,
+  InsightDeck,
   InteractionActionButton,
   InteractionBadge,
   InteractionPlanCard,
@@ -264,6 +293,7 @@ export {
   RunDrillIn,
   SeatPaywall,
   SessionHistoryPanel,
+  Sparkline,
   WorkProductCard,
   __resetAttachmentFileCacheForTests,
   activityTone,
@@ -301,12 +331,19 @@ export {
   fileMentionsToParts,
   formatActivityCost,
   formatActivityDuration,
+  formatInsightDelta,
   formatModelCost,
   formatRecordGridValue,
   formatSessionTimestamp,
+  formatSparklineValue,
   formatTokensPerSecond,
   hasSecretField,
   hydrateChatInteractions,
+  insightDelta,
+  insightDeltaTone,
+  insightPageCount,
+  insightPageSize,
+  insightPageSlice,
   interactionFromWireRequest,
   interactionPartKey,
   interactionStatusLabels,
@@ -362,6 +399,10 @@ export {
   sameRecordGridValue,
   segmentMentionContent,
   settleInteractionSubmit,
+  sparklineGeometry,
+  sparklineLabel,
+  sparklinePointsAttribute,
+  sparklineReadings,
   stampInteractionAnswers,
   standingFromConfidence,
   streamChatTurn,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/agent-app",
-  "version": "0.45.49",
+  "version": "0.45.51",
   "packageManager": "pnpm@11.17.0",
   "description": "Build agent applications with typed chat, tools, sandboxes, integrations, billing, and evaluation.",
   "keywords": [