@teaflask/assistant 0.8.0 → 0.9.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/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/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/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

@@ -49,11 +49,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.
@@ -123,6 +118,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;

package/dist/core/connection-epoch.js

@@ -14,11 +14,11 @@ import { toolCancelRecorder, wellFormedToolCancelAnchorsOf, } from "./tool-cance
 import { toolErrorRecorder, wellFormedToolErrorAnchorsOf, } from "./tool-error-anchors.js";
 import { toolDecisionRecorder, wellFormedToolDecisionAnchorsOf, } from "./tool-decision-anchors.js";
 import { toolDenialRecorder, wellFormedToolDenialAnchorsOf, } from "./tool-denial-anchors.js";
-import { toolOffloadRecorder, wellFormedToolOffloadAnchorsOf, } from "./tool-offload-anchors.js";
 import { toolRefusalRecorder, wellFormedToolRefusalAnchorsOf, } from "./tool-refusal-anchors.js";
 import { turnFailedMarkerRecorder, wellFormedFailAnchorsOf, } from "./turn-failed-anchors.js";
 import { turnUsageRecorder, wellFormedTurnUsageAnchorsOf, } from "./turn-usage-anchors.js";
 import { messagesRecorder, streamErrorRecorder } from "./messages-cell.js";
+import { withdrawnReplyRecorder, withoutWithdrawnReplies, } from "./withdrawn-anchors.js";
 import { userTurnInjector } from "./user-turn-ledger.js";
 export function markerAnchorsOf(resume) {
     return {
@@ -28,7 +28,6 @@ export function markerAnchorsOf(resume) {
         toolErrorAnchors: wellFormedToolErrorAnchorsOf(resume.toolErrorAnchors),
         toolCancelAnchors: wellFormedToolCancelAnchorsOf(resume.toolCancelAnchors),
         toolRefusalAnchors: wellFormedToolRefusalAnchorsOf(resume.toolRefusalAnchors),
-        toolOffloadAnchors: wellFormedToolOffloadAnchorsOf(resume.toolOffloadAnchors),
         toolDecisionAnchors: wellFormedToolDecisionAnchorsOf(resume.toolDecisionAnchors),
         toolDenialAnchors: wellFormedToolDenialAnchorsOf(resume.toolDenialLedger.denied),
         toolCallDisplayAnchors: wellFormedToolCallDisplayAnchorsOf(resume.toolCallDisplayAnchors),
@@ -83,6 +82,7 @@ export function beginConnectionEpoch(deps) {
                 publishEntries(executionInbox.entries());
             }
         },
+        visibleMessages: () => _visibleMessagesOf(agent, deps),
         dispose: () => {
             for (const subscription of subscriptions) {
                 subscription.unsubscribe();
@@ -92,6 +92,9 @@ export function beginConnectionEpoch(deps) {
         },
     };
 }
+function _visibleMessagesOf(agent, deps) {
+    return withoutWithdrawnReplies([...agent.messages], deps.resume.withdrawnReplies);
+}
 function _runMarkerSubscriptionsOf(agent, deps) {
     return [
         agent.subscribe(resumeMarkerRecorder((runId, messageId, markerValue, markerTimestamp) => {
@@ -103,7 +106,7 @@ function _runMarkerSubscriptionsOf(agent, deps) {
             deps.noteInterruptAnswerConsumed(runId, consumed.interruptId, consumed.round);
         })),
         agent.subscribe(turnFailedMarkerRecorder((failedRunId, messageId, position, receipts) => {
-            if (deps.resume.recordTurnFailedReceipts(failedRunId, messageId, position, receipts)) {
+            if (deps.resume.recordTurnFailedReceipts(failedRunId, _visibleAnchorOf(messageId, agent, deps), position, receipts)) {
                 deps.publishMarkerAnchors();
             }
         })),
@@ -112,8 +115,22 @@ function _runMarkerSubscriptionsOf(agent, deps) {
                 deps.publishMarkerAnchors();
             }
         })),
+        agent.subscribe(withdrawnReplyRecorder((marker) => {
+            const before = deps.resume.withdrawnReplies;
+            deps.resume.recordRepliesWithdrawn(marker);
+            if (deps.resume.withdrawnReplies !== before) {
+                deps.publishMessages(_visibleMessagesOf(agent, deps));
+            }
+        })),
     ];
 }
+function _visibleAnchorOf(messageId, agent, deps) {
+    const visible = _visibleMessagesOf(agent, deps);
+    if (visible.some((message) => message.id === messageId)) {
+        return messageId;
+    }
+    return visible.at(-1)?.id ?? messageId;
+}
 function _toolMarkerSubscriptionsOf(agent, deps) {
     return [
         agent.subscribe(toolErrorRecorder((toolCallId, errorText) => {
@@ -151,13 +168,6 @@ function _toolMarkerSubscriptionsOf(agent, deps) {
                 deps.publishMarkerAnchors();
             }
         })),
-        agent.subscribe(toolOffloadRecorder((toolCallId) => {
-            const before = deps.resume.toolOffloadAnchors;
-            deps.resume.recordToolOffload(toolCallId);
-            if (deps.resume.toolOffloadAnchors !== before) {
-                deps.publishMarkerAnchors();
-            }
-        })),
         agent.subscribe(toolCallDisplayRecorder((toolCallId, display) => {
             const before = deps.resume.toolCallDisplayAnchors;
             deps.resume.recordToolCallDisplay(toolCallId, display);
@@ -226,7 +236,9 @@ function _streamStateSubscriptionsOf(agent, deps, inboxes) {
             deps.onQuietClose(() => agent.isRunning);
         })),
         agent.subscribe(executionInboxRecorder(inboxes.executionInbox, inboxes.publishEntries)),
-        agent.subscribe(messagesRecorder(deps.publishMessages)),
+        agent.subscribe(messagesRecorder((messages) => {
+            deps.publishMessages(withoutWithdrawnReplies(messages, deps.resume.withdrawnReplies));
+        })),
         agent.subscribe(streamErrorRecorder(deps.onStreamError)),
     ];
 }

package/dist/core/conversation-store.js

@@ -132,7 +132,6 @@ export class AssistantConversationStore {
             toolErrorAnchors: new Map(),
             toolRefusalAnchors: new Map(),
             toolCancelAnchors: new Set(),
-            toolOffloadAnchors: new Set(),
             toolDecisionAnchors: new Set(),
             toolDenialAnchors: new Set(),
             toolCallDisplayAnchors: new Map(),

package/dist/core/epoch-sync.js

@@ -38,7 +38,7 @@ export function syncEpoch(store) {
     store._questionAnswers.clear();
     publishExecutionEntries(store, []);
     store._epoch.withExecutionInbox((inbox) => inbox.adoptCoworkerRequests(active.coworkerRequestTurns));
-    store._messagesCell.set([...store._epoch.agent.messages]);
+    store._messagesCell.set(store._epoch.visibleMessages());
     store._markerAnchorsCell.set(markerAnchorsOf(active.resume));
     store._connectionCell.set({
         epochId,