@teaflask/assistant 0.8.0 → 0.10.0

package/dist/components/assistant-transcript.js

@@ -6,7 +6,6 @@ import { connectionErrorRecorder, messagesSnapshotRecorder, } from "../core/mess
 import { EMPTY_TOOL_CALL_DISPLAY_ANCHORS, toolCallDisplayRecorder, withToolCallDisplayAnchored, } from "../core/tool-call-display-anchors.js";
 import { EMPTY_TOOL_CANCEL_ANCHORS, toolCancelRecorder, withToolCancelAnchored, } from "../core/tool-cancel-anchors.js";
 import { EMPTY_TOOL_ERROR_ANCHORS, toolErrorRecorder, withToolErrorAnchored, } from "../core/tool-error-anchors.js";
-import { EMPTY_TOOL_OFFLOAD_ANCHORS, toolOffloadRecorder, withToolOffloadAnchored, } from "../core/tool-offload-anchors.js";
 import { EMPTY_TOOL_DENIAL_LEDGER, toolDenialRecorder, withToolDenialMarkerFolded, } from "../core/tool-denial-anchors.js";
 import { EMPTY_TOOL_REFUSAL_ANCHORS, toolRefusalRecorder, withToolRefusalAnchored, } from "../core/tool-refusal-anchors.js";
 import { transcriptBlocksOf, } from "../core/transcript-rows.js";
@@ -33,7 +32,6 @@ function useAgentRecording(agent, onStreamError) {
     const [displayAnchors, setDisplayAnchors] = useState(EMPTY_TOOL_CALL_DISPLAY_ANCHORS);
     const [errorAnchors, setErrorAnchors] = useState(EMPTY_TOOL_ERROR_ANCHORS);
     const [cancelAnchors, setCancelAnchors] = useState(EMPTY_TOOL_CANCEL_ANCHORS);
-    const [offloadAnchors, setOffloadAnchors] = useState(EMPTY_TOOL_OFFLOAD_ANCHORS);
     const [refusalAnchors, setRefusalAnchors] = useState(EMPTY_TOOL_REFUSAL_ANCHORS);
     const [denialLedger, setDenialLedger] = useState(EMPTY_TOOL_DENIAL_LEDGER);
     const streamErrorRef = useLatestRef(onStreamError);
@@ -46,7 +44,6 @@ function useAgentRecording(agent, onStreamError) {
             agent.subscribe(toolCallDisplayRecorder(anchorInto(setDisplayAnchors, withToolCallDisplayAnchored))),
             agent.subscribe(toolErrorRecorder(anchorInto(setErrorAnchors, withToolErrorAnchored))),
             agent.subscribe(toolCancelRecorder(anchorInto(setCancelAnchors, withToolCancelAnchored))),
-            agent.subscribe(toolOffloadRecorder(anchorInto(setOffloadAnchors, withToolOffloadAnchored))),
             agent.subscribe(toolRefusalRecorder(anchorInto(setRefusalAnchors, withToolRefusalAnchored))),
             agent.subscribe(toolDenialRecorder(anchorInto(setDenialLedger, withToolDenialMarkerFolded))),
         ];
@@ -64,13 +61,12 @@ function useAgentRecording(agent, onStreamError) {
         displayAnchors,
         errorAnchors,
         cancelAnchors,
-        offloadAnchors,
         refusalAnchors,
         denialLedger,
     };
 }
 function AgentModeTranscript({ agent, onStreamError, markers, markerBoundaries, resumeAnchoredIds = NO_IDS, deliveryAnchoredIds = NO_IDS, turnAttachments, frameClaimsLiveness, scrollClassName, messageView, toolRow, input, welcomeScreen, threadList, }) {
-    const { snapshot, displayAnchors, errorAnchors, cancelAnchors, offloadAnchors, refusalAnchors, denialLedger, } = useAgentRecording(agent, onStreamError);
+    const { snapshot, displayAnchors, errorAnchors, cancelAnchors, refusalAnchors, denialLedger, } = useAgentRecording(agent, onStreamError);
     const delivered = snapshot ?? EMPTY_SNAPSHOT;
     const anchors = useMemo(() => ({
         resumeAnchors: new Map([...resumeAnchoredIds].map((id) => [id, null])),
@@ -81,7 +77,6 @@ function AgentModeTranscript({ agent, onStreamError, markers, markerBoundaries,
         toolDenialAnchors: denialLedger.denied,
         toolCallDisplayAnchors: displayAnchors,
         turnFailedAnchors: NO_MAP,
-        toolOffloadAnchors: offloadAnchors,
         toolSchemaAnchors: NO_MAP,
         blockTimingAnchors: NO_MAP,
         turnUsageAnchors: NO_MAP,
@@ -92,7 +87,6 @@ function AgentModeTranscript({ agent, onStreamError, markers, markerBoundaries,
         deliveryAnchoredIds,
         errorAnchors,
         cancelAnchors,
-        offloadAnchors,
         refusalAnchors,
         denialLedger.denied,
         displayAnchors,

package/dist/components/attachment-chips.js

@@ -3,24 +3,30 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { humanFileSize } from "./human-file-size.js";
 import { FileIcon } from "./icons.js";
+import { openMintedUrlInNewWindow } from "./open-minted-url.js";
+import { TfButton } from "./primitives/button.js";
 import { useOptionalAssistantSession } from "./teaflask-assistant-provider.js";
 export function AttachmentChips({ attachments, }) {
     if (attachments.length === 0) {
         return null;
     }
-    return (_jsx("div", { className: "tf:flex tf:flex-wrap tf:justify-end tf:gap-2", children: attachments.map((attachment) => attachment.kind === "image" ? (_jsx(AttachmentImage, { attachment: attachment }, attachment.id)) : (_jsx(FileChip, { attachment: attachment }, attachment.id))) }));
+    return (_jsx("div", { className: "tf:flex tf:flex-wrap tf:items-end tf:justify-end tf:gap-2", children: attachments.map((attachment) => attachment.kind === "image" ? (_jsx(AttachmentImage, { attachment: attachment }, attachment.id)) : (_jsx(FileChip, { attachment: attachment }, attachment.id))) }));
 }
 function AttachmentImage({ attachment }) {
     const url = useAttachmentUrl(attachment.id);
     if (url === null) {
         return _jsx(FileChip, { attachment: attachment });
     }
-    return (_jsx("img", { src: url, alt: attachment.filename, loading: "lazy", className: "tf:max-h-48 tf:max-w-full tf:rounded-lg tf:ring-1 tf:ring-tf-border tf:ring-inset" }));
+    return (_jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", "aria-label": `Open ${attachment.filename}`, className: "tf:block tf:max-w-full tf:rounded-lg tf:focus-visible:outline-2 " +
+            "tf:focus-visible:outline-offset-2 tf:focus-visible:outline-tf-ring", children: _jsx("img", { src: url, alt: attachment.filename, loading: "lazy", className: "tf:block tf:max-h-48 tf:max-w-full tf:rounded-lg tf:ring-1 tf:ring-tf-border tf:ring-inset" }) }));
 }
 function FileChip({ attachment }) {
-    return (_jsxs("span", { className: "tf:inline-flex tf:max-w-full tf:items-center tf:gap-1.5 tf:rounded-lg " +
-            "tf:bg-tf-background tf:px-2.5 tf:py-1.5 tf:text-xs tf:text-tf-foreground " +
-            "tf:ring-1 tf:ring-tf-border tf:ring-inset", title: attachment.filename, children: [_jsx("span", { className: "tf:text-tf-muted-foreground", children: _jsx(FileIcon, {}) }), _jsx("span", { className: "tf:min-w-0 tf:truncate", children: attachment.filename }), _jsx("span", { className: "tf:shrink-0 tf:text-tf-muted-foreground", children: humanFileSize(attachment.byte_size) })] }));
+    const store = useOptionalAssistantSession()?.store ?? null;
+    return (_jsxs(TfButton, { variant: "fileTile", "aria-label": `Open ${attachment.filename}`, title: attachment.filename, onClick: () => {
+            if (store !== null) {
+                openMintedUrlInNewWindow(() => store.mintAttachmentDownloadUrl(attachment.id));
+            }
+        }, children: [_jsx("span", { className: "tf:text-tf-muted-foreground", children: _jsx(FileIcon, {}) }), _jsx("span", { className: "tf:min-w-0 tf:truncate", children: attachment.filename }), _jsx("span", { className: "tf:shrink-0 tf:text-tf-muted-foreground", children: humanFileSize(attachment.byte_size) })] }));
 }
 const URL_REFRESH_FLOOR_MS = 30_000;
 function useAttachmentUrl(attachmentId) {

package/dist/components/composer.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useRef, useState, } from "react";
-import { ASSISTANT_MESSAGE_MAX_CHARS, } from "../contract/threads.js";
 import { attachmentAcceptOf, ComposerAttachmentChip, } from "./composer-attachment-chip.js";
 import { ComposerBanner } from "./composer-banner.js";
 import { useConversation } from "./conversation-context.js";
@@ -13,7 +12,7 @@ import { ModelPickerShelf } from "./model-picker-chip.js";
 import { useOptionalAssistantSession } from "./teaflask-assistant-provider.js";
 import { NO_GATE } from "../core/connect-gate.js";
 import { attachmentRoomOf } from "../core/composer-attachments.js";
-import { attachmentDraftFailed, capSlotsSpentBy, CHARACTER_COUNT_VISIBLE_FROM, composerKeyHandlersOf, } from "../core/composer-policy.js";
+import { attachmentDraftFailed, capSlotsSpentBy, composerKeyHandlersOf, } from "../core/composer-policy.js";
 import { ObservableCell } from "../core/observable-cell.js";
 import { useCell } from "./use-store-cell.js";
 const NO_POLICY = new ObservableCell(null);
@@ -172,16 +171,16 @@ function ComposerSlabAndShelf({ draft, setDraft, attachments, policy, gate, busy
                     "tf:transition-[border-color,box-shadow] " +
                     "tf:focus-within:border-tf-foreground/25", children: [attachments.length > 0 ? (_jsx("div", { className: "tf:flex tf:flex-wrap tf:gap-1.5 tf:px-1 tf:pt-1 tf:pb-2", children: attachments.map((item) => (_jsx(ComposerAttachmentChip, { item: item, onRemove: () => {
                                 attach.removeAttachment(item.localId);
-                            } }, item.localId))) })) : null, _jsx(TfTextarea, { ref: textareaRef, rows: 2, variant: "bare", "data-tf-autofocus": "", value: draft, maxLength: ASSISTANT_MESSAGE_MAX_CHARS, placeholder: "Ask anything", "aria-label": "Message", onChange: (event) => {
+                            } }, item.localId))) })) : null, _jsx(TfTextarea, { ref: textareaRef, rows: 2, variant: "bare", "data-tf-autofocus": "", value: draft, placeholder: "Ask anything", "aria-label": "Message", onChange: (event) => {
                             setDraft(event.target.value);
-                        }, onKeyDown: composerKeys, onFocus: onTextareaFocus, onBlur: onTextareaBlur }), _jsx(ComposerControlsRow, { draft: draft, attachments: attachments, policy: policy, busy: busy, pendingSend: pendingSend, stopping: stopping, stopTurn: stopTurn, stopOnEscape: stopOnEscape, send: send, attach: attach, textareaRef: textareaRef })] }), gate.kind === "none" ? _jsx(ModelPickerShelf, {}) : null] }));
+                        }, onKeyDown: composerKeys, onFocus: onTextareaFocus, onBlur: onTextareaBlur }), _jsx(ComposerControlsRow, { attachments: attachments, policy: policy, busy: busy, pendingSend: pendingSend, stopping: stopping, stopTurn: stopTurn, stopOnEscape: stopOnEscape, send: send, attach: attach, textareaRef: textareaRef })] }), gate.kind === "none" ? _jsx(ModelPickerShelf, {}) : null] }));
 }
-function ComposerControlsRow({ draft, attachments, policy, busy, pendingSend, stopping, stopTurn, stopOnEscape, send, attach, textareaRef, }) {
+function ComposerControlsRow({ attachments, policy, busy, pendingSend, stopping, stopTurn, stopOnEscape, send, attach, textareaRef, }) {
     const fileInputRef = useRef(null);
     return (_jsxs("div", { className: "tf:flex tf:items-center tf:gap-2 tf:pt-1", children: [policy !== null ? (_jsxs(_Fragment, { children: [_jsx(TfFileInput, { ref: fileInputRef, multiple: true, accept: attachmentAcceptOf(policy), onPickFiles: attach.addFiles }), _jsx(TfButton, { variant: "icon", onClick: () => {
                             fileInputRef.current?.click();
                         }, disabled: capSlotsSpentBy(attachments) >= attach.attachmentRoom ||
-                            send.sending, "aria-label": "Attach a file", children: _jsx(PlusIcon, {}) })] })) : null, _jsxs("div", { className: "tf:ml-auto tf:flex tf:shrink-0 tf:items-center tf:gap-2", children: [stopping ? (_jsx("span", { role: "status", className: "tf:text-xs tf:text-tf-muted-foreground", children: "Stopping\u2026" })) : null, draft.length >= CHARACTER_COUNT_VISIBLE_FROM ? (_jsxs("span", { className: "tf:text-xs tf:text-tf-muted-foreground", children: [draft.length, "/", ASSISTANT_MESSAGE_MAX_CHARS] })) : null, busy && !pendingSend ? (_jsx(TfButton, { variant: "stop", onClick: () => {
+                            send.sending, "aria-label": "Attach a file", children: _jsx(PlusIcon, {}) })] })) : null, _jsxs("div", { className: "tf:ml-auto tf:flex tf:shrink-0 tf:items-center tf:gap-2", children: [stopping ? (_jsx("span", { role: "status", className: "tf:text-xs tf:text-tf-muted-foreground", children: "Stopping\u2026" })) : null, busy && !pendingSend ? (_jsx(TfButton, { variant: "stop", onClick: () => {
                             void stopTurn();
                             textareaRef.current?.focus();
                         }, onKeyDown: stopOnEscape, "aria-disabled": stopping, "aria-label": "Stop generating", children: _jsx(StopIcon, {}) })) : (_jsx(TfButton, { variant: "send", onClick: () => {

package/dist/components/message-list.js

@@ -11,6 +11,7 @@ import { TfButton } from "./primitives/button.js";
 import { ScrollFollowGuards } from "./scroll-follow-guards.js";
 import { HostSlotBoundary } from "./slot-boundary.js";
 import { ShimmerText, TypingIndicator } from "./streaming-states.js";
+import { ReleaseFollowProvider } from "./transcript-follow.js";
 import { useMessageListDerivations, } from "./use-transcript-folds.js";
 export function MessageList({ cards, typing = false, live = false, turnOpen, identityToken = PRIMARY_AGENT_IDENTITY_TOKEN, decisionSurfacesInShelf = false, markers: Markers, markerBoundaries, turnStartIds, frameClaimsLiveness = false, emptyFallback, scrollClassName, messageView, toolRow, placementHolds = true, ...source }) {
     const { foldedBlocks, displayRows, currentTurnStart, blockStarts, unrowedAnsweredAsks, liveIndex, hostEmptySurfaceShown, livenessClaimant, } = useMessageListDerivations(source, {
@@ -24,7 +25,7 @@ export function MessageList({ cards, typing = false, live = false, turnOpen, ide
         emptyFallback,
     });
     const rowAt = (row, flatIndex) => (_jsx(Row, { row: row, cards: cards, turnLive: live && flatIndex === liveIndex, inCurrentTurn: placementHolds && flatIndex >= currentTurnStart, identityToken: identityToken, decisionSurfacesInShelf: decisionSurfacesInShelf, messageView: messageView, toolRow: toolRow }, row.key));
-    return (_jsxs(StickToBottom, { "data-tf-message-list": "", className: "tf:relative tf:min-h-0 tf:flex-1", resize: "instant", initial: "instant", role: "log", children: [_jsxs(StickToBottom.Content, { scrollClassName: scrollClassName, className: "tf:mx-auto tf:flex tf:w-full tf:max-w-3xl tf:flex-col tf:px-4 tf:py-4", children: [hostEmptySurfaceShown ? emptyFallback : null, foldedBlocks !== null ? (_jsx(MarkedBlocks, { blocks: foldedBlocks, blockStarts: blockStarts, markers: Markers, rowAt: rowAt })) : (displayRows.map((row, index) => rowAt(row, index))), _jsx(TranscriptTail, { unrowedAnsweredAsks: unrowedAnsweredAsks, livenessClaimant: livenessClaimant })] }), _jsx(ScrollFollowGuards, {}), _jsx(ScrollToBottom, { live: live })] }));
+    return (_jsxs(StickToBottom, { "data-tf-message-list": "", className: "tf:relative tf:min-h-0 tf:flex-1", resize: "instant", initial: "instant", role: "log", children: [_jsx(ReleaseFollowProvider, { children: _jsxs(StickToBottom.Content, { scrollClassName: scrollClassName, className: "tf:mx-auto tf:flex tf:w-full tf:max-w-3xl tf:flex-col tf:px-4 tf:py-4", children: [hostEmptySurfaceShown ? emptyFallback : null, foldedBlocks !== null ? (_jsx(MarkedBlocks, { blocks: foldedBlocks, blockStarts: blockStarts, markers: Markers, rowAt: rowAt })) : (displayRows.map((row, index) => rowAt(row, index))), _jsx(TranscriptTail, { unrowedAnsweredAsks: unrowedAnsweredAsks, livenessClaimant: livenessClaimant })] }) }), _jsx(ScrollFollowGuards, {}), _jsx(ScrollToBottom, { live: live })] }));
 }
 function MarkedBlocks({ blocks, blockStarts, markers: Markers, rowAt, }) {
     return blocks.map((block, blockIndex) => (_jsxs(Fragment, { children: [Markers !== undefined ? (_jsx(HostSlotBoundary, { slot: "markers", fallback: null, children: _jsx(Markers, { message: { id: block.messageId }, position: "before" }) })) : null, block.rows.map((row, index) => rowAt(row, blockStarts[blockIndex] + index)), Markers !== undefined ? (_jsx(HostSlotBoundary, { slot: "markers", fallback: null, children: _jsx(Markers, { message: { id: block.messageId }, position: "after" }) })) : null] }, block.messageId)));

package/dist/components/open-minted-url.js

@@ -0,0 +1,12 @@
+export function openMintedUrlInNewWindow(mint) {
+    const opened = window.open("", "_blank");
+    if (opened === null) {
+        return;
+    }
+    opened.opener = null;
+    mint().then((minted) => {
+        opened.location = minted.url;
+    }, () => {
+        opened.close();
+    });
+}

package/dist/components/primitives/button.js

@@ -65,6 +65,9 @@ const VARIANT_CLASSES = {
         "tf:bg-tf-transparent tf:px-3 tf:py-2.5 tf:text-left tf:text-tf-label tf:text-tf-foreground " +
         "tf:wrap-anywhere tf:hover:bg-tf-accent tf:hover:text-tf-accent-foreground " +
         "tf:disabled:opacity-50 tf:aria-checked:bg-tf-emphasis tf:aria-checked:text-tf-foreground",
+    fileTile: "tf:max-w-full tf:cursor-pointer tf:rounded-lg tf:border-0 tf:bg-tf-background tf:px-2.5 tf:py-1.5 " +
+        "tf:text-xs tf:text-tf-foreground tf:ring-1 tf:ring-tf-border tf:ring-inset " +
+        "tf:hover:bg-tf-accent tf:hover:text-tf-accent-foreground",
 };
 export const TfButton = forwardRef(function TfButton({ variant = "primary", className, type, ...props }, ref) {
     return (_jsx("button", { ref: ref, type: type ?? "button", ...(variant === "secondary" ? { "data-tf-secondary": "" } : {}), className: cx("tf:appearance-none", "tf:inline-flex tf:items-center tf:gap-1.5 tf:transition-colors", "tf:focus-visible:outline-2 tf:focus-visible:outline-offset-2 tf:focus-visible:outline-tf-ring", "tf:disabled:cursor-not-allowed", VARIANT_CLASSES[variant], className), ...props }));

package/dist/components/teaflask-assistant-provider.d.ts

@@ -86,9 +86,10 @@ export interface TeaflaskAssistantProviderBaseProps {
      */
     onError?: (error: Error) => void;
     /**
-     * Called with product analytics events (approval submits and stream
-     * failures) that you can forward to your own analytics. If it throws, the
-     * error goes to `onError`.
+     * Called with product analytics events (approval submits, stream failures
+     * and failed replies) that you can forward to your own analytics. If it
+     * throws, the error goes to `onError`. Without it, each failed reply writes
+     * one console warning with its reason code instead.
      */
     onTelemetry?: (event: AssistantTelemetryEvent) => void;
     /**

package/dist/components/tool-call-rows.js

@@ -60,11 +60,6 @@ function _mandatoryStateWordOf(state, awaitingInput) {
     return null;
 }
 function _toolViewOf(row) {
-    const offloaded = row.offloaded &&
-        row.errorText === undefined &&
-        row.state !== "denied" &&
-        row.state !== "cancelled" &&
-        row.state !== "refused";
     return {
         toolName: row.toolName,
         state: row.state,
@@ -74,11 +69,9 @@ function _toolViewOf(row) {
         output: row.errorText !== undefined ||
             row.state === "denied" ||
             row.state === "cancelled" ||
-            row.state === "refused" ||
-            offloaded
+            row.state === "refused"
             ? undefined
             : row.result,
-        offloaded: offloaded || undefined,
         errorText: row.errorText,
         ...(row.refusalText !== undefined ? { refusalText: row.refusalText } : {}),
         display: row.display,

package/dist/components/tool-row.js

@@ -11,7 +11,6 @@ import { humanFailureSentenceOf } from "./tool-views/view-dom.js";
 function heldOpenOf(view, toolView, decision) {
     const hostViewBearing = toolView.views.some((candidate) => candidate.rung <= 2);
     return (isCleanState(view.state) &&
-        view.offloaded !== true &&
         (hostViewBearing || decision) &&
         toolView.call.truncated !== true);
 }
@@ -30,5 +29,5 @@ export function ToolRow({ view, awaitingInput = false, decisionBearing, inCurren
     return (_jsxs(Disclosure, { variant: "bare", open: heldRowOpen || undefined, ...(view.toolCallId !== undefined && view.toolCallId !== ""
             ? { rootDataAttributes: { "data-tf-tool-call-id": view.toolCallId } }
             : {}), className: "tf:w-full", summaryClassName: "tf:flex tf:w-fit tf:items-center tf:gap-3 tf:py-1.5 tf:text-tf-label tf:text-tf-muted-foreground tf:hover:text-tf-foreground", bodyClassName: "tf:flex tf:flex-col tf:gap-2 tf:pt-1 tf:pb-2 tf:ps-7", summary: _jsxs(_Fragment, { children: [toolView.icons.length === 0 ? (_jsx(OperationMark, { icon: presentation.icon, status: presentation.status })) : (_jsx(ToolViewIconSlot, { icons: toolView.icons, call: toolView.call, icon: presentation.icon })), presentation.status === "input-available" ? (_jsx(ShimmerText, { className: "tf:leading-none", children: presentation.headline })) : (_jsx("span", { className: "tf:leading-none", children: presentation.headline })), presentation.status === "output-error" ? (_jsx(StatePill, { destructive: true, children: "Failed" })) : presentation.status === "denied" ? (_jsx(StatePill, { children: "Not approved" })) : presentation.status === "cancelled" ||
-                    presentation.status === "superseded" ? (_jsx(StatePill, { children: "Interrupted" })) : presentation.status === "refused" ? (_jsx(StatePill, { children: "Declined" })) : awaitingInput ? (_jsx(StatePill, { children: "Needs input" })) : null, _jsx(DisclosureChevron, { revealOnInteraction: true })] }), children: [_jsx("div", { "data-tf-semantic-view": "", className: "tf:mt-1", children: _jsx(ToolViewSlot, { views: toolView.views, call: toolView.call }) }), view.offloaded === true && (_jsx("p", { className: "tf:text-xs tf:text-tf-muted-foreground", children: "This result was too long to show in full, so the assistant worked from a shortened preview." })), view.refusalText !== undefined && (_jsx("p", { "data-tf-refusal-reason": "", className: "tf:text-xs tf:text-tf-muted-foreground", children: view.refusalText })), view.errorText !== undefined && (_jsx("p", { "data-tf-error-reason": "", className: "tf:text-xs tf:text-tf-muted-foreground", children: humanFailureSentenceOf(view.errorText) }))] }));
+                    presentation.status === "superseded" ? (_jsx(StatePill, { children: "Interrupted" })) : presentation.status === "refused" ? (_jsx(StatePill, { children: "Declined" })) : awaitingInput ? (_jsx(StatePill, { children: "Needs input" })) : null, _jsx(DisclosureChevron, { revealOnInteraction: true })] }), children: [_jsx("div", { "data-tf-semantic-view": "", className: "tf:mt-1", children: _jsx(ToolViewSlot, { views: toolView.views, call: toolView.call }) }), view.refusalText !== undefined && (_jsx("p", { "data-tf-refusal-reason": "", className: "tf:text-xs tf:text-tf-muted-foreground", children: view.refusalText })), view.errorText !== undefined && (_jsx("p", { "data-tf-error-reason": "", className: "tf:text-xs tf:text-tf-muted-foreground", children: humanFailureSentenceOf(view.errorText) }))] }));
 }

package/dist/components/tool-view-slot.js

@@ -142,7 +142,6 @@ function _sameDelivery(previous, next) {
         before.status === after.status &&
         before.awaitingDecision === after.awaitingDecision &&
         before.resultText === after.resultText &&
-        before.offloaded === after.offloaded &&
         before.errorText === after.errorText &&
         before.refusalText === after.refusalText &&
         before.argsSchema === after.argsSchema &&

package/dist/components/tool-views/view-dom.d.ts

@@ -58,8 +58,7 @@ export declare function stringOf(value: unknown): string | null;
 export declare function statelessToolView(render: (props: ToolViewProps) => HTMLElement): ToolViewAdapter;
 /**
  * True when the call finished successfully and its own result is available
- * (status "output-available" and not offloaded). Check it before drawing a
- * result.
+ * (status "output-available"). Check it before drawing a result.
  */
 export declare function settledWithResult(call: ToolViewCall): boolean;
 /**
@@ -69,8 +68,8 @@ export declare function settledWithResult(call: ToolViewCall): boolean;
 export declare function settledOutcomeNotesOf(call: ToolViewCall): HTMLElement[];
 /**
  * A short sentence for a call that ended without a usable result (failed,
- * declined, not approved, didn't run, interrupted, or result replaced by a
- * preview). Null while the call is running or when it finished normally.
+ * declined, not approved, didn't run or interrupted). Null while the call is
+ * running or when it finished normally.
  */
 export declare function settledOutcomeNoteOf(call: ToolViewCall): string | null;
 /** An action's recorded HTTP response, as read by actionEnvelopeOf. */

package/dist/components/tool-views/view-dom.js

@@ -140,7 +140,7 @@ export function statelessToolView(render) {
     };
 }
 export function settledWithResult(call) {
-    return call.status === "output-available" && call.offloaded !== true;
+    return call.status === "output-available";
 }
 export function settledOutcomeNotesOf(call) {
     const sentence = settledOutcomeNoteOf(call);
@@ -163,9 +163,6 @@ export function settledOutcomeNoteOf(call) {
         case "output-available":
             break;
     }
-    if (call.offloaded === true) {
-        return "The result was replaced by a shortened preview and isn't rendered here.";
-    }
     return null;
 }
 export function actionEnvelopeOf(resultText) {

package/dist/components/transcript-follow.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { useStickToBottomContext } from "use-stick-to-bottom";
+const ReleaseFollowContext = createContext(() => undefined);
+export function ReleaseFollowProvider({ children }) {
+    const { stopScroll } = useStickToBottomContext();
+    return (_jsx(ReleaseFollowContext.Provider, { value: stopScroll, children: children }));
+}
+export function useReleaseTranscriptFollow() {
+    return useContext(ReleaseFollowContext);
+}

package/dist/components/use-child-replay-stream.js

@@ -6,6 +6,7 @@ import { messagesRecorder, streamErrorRecorder, } from "../core/messages-cell.js
 import { TailSlotPool } from "../core/tail-slot-pool.js";
 import { toolCancelRecorder, withToolCancelAnchored, } from "../core/tool-cancel-anchors.js";
 import { toolErrorRecorder, withToolErrorAnchored, } from "../core/tool-error-anchors.js";
+import { EMPTY_WITHDRAWN_REPLIES, withdrawnReplyRecorder, withoutWithdrawnReplies, withRepliesWithdrawn, } from "../core/withdrawn-anchors.js";
 import { ServingReplayStreamAgent } from "../transport/replay-stream-agent.js";
 import { streamUrlForChild } from "../transport/serving-api.js";
 import { resumeMarkerRecorder } from "../transport/stream-resume.js";
@@ -14,7 +15,6 @@ const THREADLESS_ANCHORS = {
     subagentDeliveryAnchors: new Map(),
     toolCallDisplayAnchors: new Map(),
     toolSchemaAnchors: new Map(),
-    toolOffloadAnchors: new Set(),
     toolRefusalAnchors: new Map(),
     toolDecisionAnchors: new Set(),
     toolDenialAnchors: new Set(),
@@ -38,6 +38,7 @@ export function useChildReplayStream({ session, threadId, childSessionId, refres
     const [toolCancels, setToolCancels] = useState(() => new Set());
     const [resumeAnchors, setResumeAnchors] = useState(() => new Map());
     const [blockTimings, setBlockTimings] = useState(() => new Map());
+    const [withdrawnReplies, setWithdrawnReplies] = useState(EMPTY_WITHDRAWN_REPLIES);
     const { tailed, slotDenied } = useChildTailLease(streamEnd);
     useEffect(() => {
         if (!tailed) {
@@ -56,6 +57,7 @@ export function useChildReplayStream({ session, threadId, childSessionId, refres
                 setToolCancels,
                 setResumeAnchors,
                 setBlockTimings,
+                setWithdrawnReplies,
             },
         });
     }, [session, threadId, childSessionId, tailed, attempt, refreshLedger]);
@@ -66,8 +68,9 @@ export function useChildReplayStream({ session, threadId, childSessionId, refres
         toolCancelAnchors: toolCancels,
         blockTimingAnchors: blockTimings,
     }), [resumeAnchors, toolErrors, toolCancels, blockTimings]);
+    const visibleMessages = useMemo(() => withoutWithdrawnReplies(messages, withdrawnReplies), [messages, withdrawnReplies]);
     return {
-        messages,
+        messages: visibleMessages,
         streamEnd,
         tailed,
         slotDenied,
@@ -176,11 +179,15 @@ function subscribeAnchorTaps(agent, record) {
                 : previous;
         });
     }));
+    const withdrawnTap = agent.subscribe(withdrawnReplyRecorder((marker) => {
+        record.setWithdrawnReplies((previous) => withRepliesWithdrawn(previous, marker));
+    }));
     return () => {
         messagesTap.unsubscribe();
         errorAnchorTap.unsubscribe();
         cancelAnchorTap.unsubscribe();
         resumeAnchorTap.unsubscribe();
         timingAnchorTap.unsubscribe();
+        withdrawnTap.unsubscribe();
     };
 }

package/dist/components/use-transcript.d.ts

@@ -38,7 +38,7 @@ export interface TranscriptSurface {
      */
     decisionsPending: boolean;
     /**
-     * The raw message list behind the rows (user messages, assistant text,
+     * The message list behind the rows (user messages, assistant text,
      * reasoning, tool calls and tool results). Use it with markerAnchors,
      * running and turnMeta to call transcriptRowsOf yourself.
      */
@@ -65,7 +65,8 @@ export interface TranscriptSurface {
  * as rows plus run state. Call it inside TeaflaskAssistantProvider (it throws
  * otherwise); keep it mounted while the transcript is on screen, because that
  * is what makes the assistant connect and load an existing conversation's
- * history.
+ * history. A reply part the assistant withdrew is left out of messages and
+ * rows; the re-sent answer follows.
  */
 export declare function useTranscript(options?: {
     surface?: string;

package/dist/components/user-message.js

@@ -1,9 +1,34 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useId, useRef, useState } from "react";
+import { longMessagePreviewOf } from "../core/long-message.js";
 import { conversationalTimeOf } from "../core/time-labels.js";
 import { AttachmentChips } from "./attachment-chips.js";
 import { CopyTextButton } from "./copy-text-button.js";
+import { TfButton } from "./primitives/button.js";
+import { useReleaseTranscriptFollow } from "./transcript-follow.js";
 export function UserMessage({ children, attachments = [], createdAt, }) {
     const time = createdAt !== undefined ? conversationalTimeOf(createdAt) : null;
-    return (_jsxs("div", { className: "tf:group/user-message tf:flex tf:flex-col tf:items-end tf:gap-2 tf:ps-20", "data-role": "user", children: [_jsx(AttachmentChips, { attachments: attachments }), children !== "" ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "tf:min-w-0 tf:rounded-xl tf:bg-tf-muted tf:px-4 tf:py-2 tf:text-tf-body tf:break-words tf:whitespace-pre-wrap tf:text-tf-foreground", children: children }), _jsxs("div", { className: "tf:flex tf:h-7 tf:items-center tf:justify-end tf:gap-1", children: [time !== null ? (_jsx("time", { dateTime: createdAt, title: time.full, className: "tf:text-xs tf:text-tf-muted-foreground tf:opacity-0 tf:transition-opacity tf:group-hover/user-message:opacity-100 tf:group-focus-within/user-message:opacity-100 tf:pointer-coarse:opacity-100", children: time.label })) : null, _jsx(CopyTextButton, { text: children, label: "Copy message", className: "tf:opacity-0 tf:transition-opacity tf:group-hover/user-message:opacity-100 tf:group-focus-within/user-message:opacity-100 tf:focus-visible:opacity-100 tf:pointer-coarse:opacity-100" })] })] })) : null] }));
+    return (_jsxs("div", { className: "tf:group/user-message tf:flex tf:flex-col tf:items-end tf:gap-2 tf:ps-20", "data-role": "user", children: [_jsx(AttachmentChips, { attachments: attachments }), children !== "" ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "tf:min-w-0 tf:rounded-xl tf:bg-tf-muted tf:px-4 tf:py-2 tf:text-tf-body tf:break-words tf:whitespace-pre-wrap tf:text-tf-foreground", children: _jsx(UserMessageText, { text: children }) }), _jsxs("div", { className: "tf:flex tf:h-7 tf:items-center tf:justify-end tf:gap-1", children: [time !== null ? (_jsx("time", { dateTime: createdAt, title: time.full, className: "tf:text-xs tf:text-tf-muted-foreground tf:opacity-0 tf:transition-opacity tf:group-hover/user-message:opacity-100 tf:group-focus-within/user-message:opacity-100 tf:pointer-coarse:opacity-100", children: time.label })) : null, _jsx(CopyTextButton, { text: children, label: "Copy message", className: "tf:opacity-0 tf:transition-opacity tf:group-hover/user-message:opacity-100 tf:group-focus-within/user-message:opacity-100 tf:focus-visible:opacity-100 tf:pointer-coarse:opacity-100" })] })] })) : null] }));
+}
+function UserMessageText({ text }) {
+    const preview = longMessagePreviewOf(text);
+    const [expanded, setExpanded] = useState(false);
+    const textId = useId();
+    const toggleRef = useRef(null);
+    const releaseFollow = useReleaseTranscriptFollow();
+    if (preview === null) {
+        return text;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("div", { id: textId, children: expanded ? text : `${preview}…` }), _jsx("div", { className: "tf:sticky tf:bottom-0 tf:bg-tf-muted tf:pt-1", children: _jsx(TfButton, { ref: toggleRef, variant: "bare", "aria-expanded": expanded, "aria-controls": textId, className: "tf:min-h-6 tf:text-tf-label tf:text-tf-muted-foreground tf:hover:text-tf-foreground", onClick: () => {
+                        if (expanded) {
+                            requestAnimationFrame(() => {
+                                toggleRef.current?.scrollIntoView({ block: "nearest" });
+                            });
+                        }
+                        else {
+                            releaseFollow();
+                        }
+                        setExpanded(!expanded);
+                    }, children: expanded ? "Show less" : "Show more" }) })] }));
 }

package/dist/contract/events.d.ts

@@ -1,5 +1,6 @@
 import type { ApprovalRequestedMarker, ApprovalResolvedMarker, InterruptAnswerConsumedMarker, SubagentResultsDeliveredMarker, ToolExecutionRequestedMarker } from "../generated/models/index.js";
 export declare const RUN_RESUMED_EVENT_NAME: "run_resumed";
+export declare const REPLY_WITHDRAWN_EVENT_NAME: "reply_withdrawn";
 export declare const APPROVAL_REQUESTED_EVENT_NAME: "approval_requested";
 export type ApprovalRequestedPayload = ApprovalRequestedMarker & Required<Pick<ApprovalRequestedMarker, "tool_args" | "tool_input_schema" | "tool_output_schema" | "round" | "gated" | "trust_available">>;
 export declare const APPROVAL_RESOLVED_EVENT_NAME: "approval_resolved";

package/dist/contract/events.js

@@ -1,5 +1,6 @@
 import { AssistantStreamMarkerName } from "../generated/models/index.js";
 export const RUN_RESUMED_EVENT_NAME = AssistantStreamMarkerName.run_resumed;
+export const REPLY_WITHDRAWN_EVENT_NAME = AssistantStreamMarkerName.reply_withdrawn;
 export const APPROVAL_REQUESTED_EVENT_NAME = AssistantStreamMarkerName.approval_requested;
 export const APPROVAL_RESOLVED_EVENT_NAME = AssistantStreamMarkerName.approval_resolved;
 export const INTERRUPT_ANSWER_CONSUMED_EVENT_NAME = AssistantStreamMarkerName.interrupt_answer_consumed;

package/dist/contract/telemetry.d.ts

@@ -1,3 +1,5 @@
+export type { FailureReasonCode } from "../generated/models/index.js";
+import type { FailureReasonCode } from "../generated/models/index.js";
 /**
  * Why clicking approve or deny sent nothing. "no_active_thread" means no
  * conversation was open; "card_missing" means the request was no longer shown;
@@ -64,12 +66,31 @@ export interface StreamFailedTelemetryEvent {
         last_committed_sse_id: string | null;
     };
 }
+/**
+ * Reported to onTelemetry when a reply fails while the user is watching. The
+ * user sees one general sentence, so this event's reason_code is how your page
+ * learns why; log it and never show it. Failures replayed when a conversation
+ * reopens are not reported again.
+ */
+export interface TurnFailedTelemetryEvent {
+    /** Always "turn_failed". */
+    name: "turn_failed";
+    /**
+     * The conversation's thread_id, the failed reply's turn_id, and its
+     * reason_code, the same code the stream's turn_failed event carries as
+     * reasonCode.
+     */
+    properties: {
+        thread_id: string;
+        turn_id: string;
+        reason_code: FailureReasonCode;
+    };
+}
 /**
  * Any event passed to the provider's onTelemetry callback, for forwarding to
  * your own analytics. None carry message text, tool arguments or prompts.
  */
-export type AssistantTelemetryEvent = ApprovalSubmitTelemetryEvent | StreamFailedTelemetryEvent;
+export type AssistantTelemetryEvent = ApprovalSubmitTelemetryEvent | StreamFailedTelemetryEvent | TurnFailedTelemetryEvent;
 export declare function streamFailureClassOf(error: Error, context: {
     sawBodyBytes: boolean;
 }): StreamFailureClass;
-export {};

package/dist/contract/threads.d.ts

@@ -1,7 +1,2 @@
 export type { CreateServingAttachmentUploadResponse as AttachmentUploadIntent, HighlightResult, NavigateResult, PrefillFormResult, ReadPageResult, ResolveServingTurnApprovalRequest as ResolveTurnApprovalRequest, ResolveServingTurnApprovalResponse as ResolveTurnApprovalResponse, ResolveServingTurnToolResultsRequest as ResolveTurnToolResultsRequest, ResolveServingTurnToolResultsResponse as ResolveTurnToolResultsResponse, SendServingAssistantMessageRequest as SendAssistantMessageRequest, SendServingAssistantMessageResponse as SendAssistantMessageResponse, ServingAssistantThreadDetailResponse as AssistantThreadDetailResponse, ServingAssistantThreadResponse as ServingAssistantThread, ServingAssistantTurnResponse as ServingAssistantTurn, ServingAttachmentResponse as ServingAttachment, ServingTurnAttachmentResponse as TurnAttachment, StopServingTurnResponse as StopTurnResponse, ThreadModelPickResponse as ThreadModelPick, AssistantTurnStatus as TurnStatus, } from "../generated/models/index.js";
-/**
- * The longest message a user can send, in characters; the composer stops input
- * at this length and the server rejects longer messages.
- */
-export declare const ASSISTANT_MESSAGE_MAX_CHARS = 4000;
 export declare const ASSISTANT_MAX_ATTACHMENTS = 10;

package/dist/contract/threads.js

@@ -1,2 +1 @@
-export const ASSISTANT_MESSAGE_MAX_CHARS = 4000;
 export const ASSISTANT_MAX_ATTACHMENTS = 10;

package/dist/core/assistant-session-registry.js

@@ -167,6 +167,7 @@ class SessionEntry {
                 this._reportToEveryRegistrant(error);
             },
             onTelemetry: (event) => {
+                this._warnOfAFailureNoHostLogs(event);
                 for (const registration of [...this.registrations]) {
                     try {
                         registration.registrant.onTelemetry?.(event);
@@ -230,6 +231,15 @@ class SessionEntry {
         }
         return merged;
     }
+    _warnOfAFailureNoHostLogs(event) {
+        if (event.name !== "turn_failed" || this._someRegistrantLogsTelemetry()) {
+            return;
+        }
+        console.warn("[teaflask] reply failed:", event.properties.reason_code, event.properties.turn_id);
+    }
+    _someRegistrantLogsTelemetry() {
+        return [...this.registrations].some((registration) => registration.registrant.onTelemetry !== null);
+    }
     _reportToEveryRegistrant(error) {
         for (const registration of [...this.registrations]) {
             try {

package/dist/core/composer-policy.d.ts

@@ -1,6 +1,5 @@
-import { type ServingAttachment } from "../contract/threads.js";
+import type { ServingAttachment } from "../contract/threads.js";
 import type { AttachmentKind } from "../generated/models/index.js";
-export declare const CHARACTER_COUNT_VISIBLE_FROM: number;
 /** One file staged in the composer for the next message. */
 export interface AttachmentDraft<A = ServingAttachment> {
     /**

package/dist/core/composer-policy.js

@@ -1,5 +1,3 @@
-import { ASSISTANT_MESSAGE_MAX_CHARS, } from "../contract/threads.js";
-export const CHARACTER_COUNT_VISIBLE_FROM = ASSISTANT_MESSAGE_MAX_CHARS - 400;
 let nextDraftId = 1;
 export function mintAttachmentDraftId() {
     return nextDraftId++;

package/dist/core/connection-epoch.d.ts

@@ -1,4 +1,5 @@
 import type { Message } from "@ag-ui/core";
+import type { AssistantTelemetryEvent } from "../contract/telemetry.js";
 import { ServingReplayStreamAgent } from "../transport/replay-stream-agent.js";
 import { type StreamResumeStore } from "../transport/stream-resume.js";
 import type { TokenSession } from "../transport/token-session.js";
@@ -49,11 +50,6 @@ export interface TranscriptMarkers {
      * The tool's explanation for each call it declined, keyed by tool call id.
      */
     toolRefusalAnchors: ReadonlyMap<string, string>;
-    /**
-     * Ids of tool calls whose output was too large and was replaced by a
-     * shortened stand-in.
-     */
-    toolOffloadAnchors: ReadonlySet<string>;
     /**
      * Ids of tool calls the user was asked to approve or answer a question for.
      * Treat a missing set as empty.
@@ -114,6 +110,8 @@ export interface ConnectionEpochDeps {
     onRunSettled: () => void;
     onQuietClose: (stillStreaming: () => boolean) => void;
     onWorkflowRestarted: () => void;
+    onTelemetry: (event: AssistantTelemetryEvent) => void;
+    settledFailedTurnId: string | null;
 }
 export interface ConnectionEpoch {
     epochId: number;
@@ -123,6 +121,7 @@ export interface ConnectionEpoch {
     threadId: string;
     streamThreadId: string;
     withExecutionInbox: (mutate: (inbox: ExecutionInbox) => boolean) => void;
+    visibleMessages: () => readonly Message[];
     dispose: () => void;
 }
 export declare function beginConnectionEpoch(deps: ConnectionEpochDeps): ConnectionEpoch;