@teaflask/assistant 0.3.0 → 0.7.0

package/dist/components/child-transcript.js

@@ -1,13 +1,5 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// One dispatched subagent's own run, replayed in full and tailed live
-// while it runs — the full panel and the compact roster preview share one
-// driver. Deliberately NOT a second <Transcript/>: that renders the
-// store's parent-thread cells. This panel owns, through
-// useChildReplayStream, one ServingReplayStreamAgent at the child stream
-// URL, the messages recorder, and the parent's row derivation; the
-// stream opens on drill-in only and leases the one child tail slot
-// first, so child and parent streams share a bounded budget.
 import { activityTitleOf } from "../core/activity-title.js";
 import { CheckIcon, ChevronLeftIcon, XCircleIcon } from "lucide-react";
 import { useEffect, useMemo, useRef, useSyncExternalStore, } from "react";
@@ -30,37 +22,14 @@ import { useChildDispatch } from "./use-thread-dispatches.js";
 export function ChildTranscriptPanel({ threadId, childSessionId, variantIndex, opener, onBack, }) {
     return (_jsx(ChildTranscript, { mode: "panel", threadId: threadId, childSessionId: childSessionId, variantIndex: variantIndex, opener: opener, onBack: onBack }));
 }
-/** A compact read-only scan of the same child stream. It is mounted only
- * while its roster row is hovered, focused, or tapped, so opening the
- * roster itself remains a ledger-only operation. */
 export function ChildTranscriptPreview({ threadId, childSessionId, variantIndex, }) {
     return (_jsx(ChildTranscript, { mode: "preview", threadId: threadId, childSessionId: childSessionId, variantIndex: variantIndex, opener: null, onBack: () => undefined }));
 }
-/** The preview's deterministic presentation shell, exported for the
- * package's screenshot fixture. Production fills it with the live child
- * driver below; the fixture fills it with canned transcript rows. */
 export function ChildTranscriptPreviewFrame({ label, status, duration, variantIndex, children, }) {
-    return (_jsxs("div", { role: "region", "aria-label": `Conversation preview: ${label}`, "data-tf-glass": "", "data-tf-child-transcript-preview": "", className: "tf:flex tf:h-full tf:w-full tf:min-h-0 tf:min-w-0 tf:flex-col tf:overflow-hidden tf:rounded-2xl tf:border tf:bg-tf-background", children: [_jsxs("div", { className: "tf:flex tf:items-center tf:gap-2 tf:border-b tf:px-3 tf:py-2.5", children: [_jsx("span", { className: "tf:flex tf:h-6 tf:min-w-6 tf:shrink-0 tf:items-center tf:justify-center tf:px-1", children: _jsx(AgentIdentityMark, { register: "subagent", variantIndex: variantIndex }) }), _jsx(ChildStatusMark, { status: status }), status === "running" ? (
-                    // The live header's liveness claim is the label's own shimmer
-                    // (the one motion register — the same treatment as the inline
-                    // coworker row), in the muted live-work ink every moving label
-                    // wears. The shimmer root is an atomic inline-grid, so the
-                    // ellipsis lives on the blockified span inside.
-                    _jsx(ShimmerText, { className: "tf:min-w-0 tf:flex-1 tf:grid-cols-1 tf:text-tf-label tf:font-medium tf:text-tf-muted-foreground", children: _jsx("span", { className: "tf:block tf:truncate", title: label, children: activityTitleOf(label) }) })) : (_jsx("span", { className: "tf:min-w-0 tf:flex-1 tf:truncate tf:text-tf-label tf:font-medium", title: label, children: activityTitleOf(label) })), status === "running" ? (
-                    // The state in visible words, in the slot the settled clock
-                    // takes over: the header's shimmering label carries no state
-                    // word of its own, and under reduced motion the shimmer
-                    // collapses to plain text — this word is what keeps a running
-                    // header distinguishable from a settled one there.
-                    _jsx(ShimmerText, { className: "tf:shrink-0 tf:text-xs tf:text-tf-muted-foreground", children: "Working" })) : null, duration != null ? (_jsx("span", { className: "tf:shrink-0 tf:text-xs tf:text-tf-muted-foreground", children: duration })) : null] }), children] }));
+    return (_jsxs("div", { role: "region", "aria-label": `Conversation preview: ${label}`, "data-tf-glass": "", "data-tf-popover": "", "data-tf-child-transcript-preview": "", className: "tf:flex tf:h-full tf:w-full tf:min-h-0 tf:min-w-0 tf:flex-col tf:overflow-hidden tf:rounded-2xl tf:border", children: [_jsxs("div", { className: "tf:flex tf:items-center tf:gap-2 tf:border-b tf:px-3 tf:py-2.5", children: [_jsx("span", { className: "tf:flex tf:h-6 tf:min-w-6 tf:shrink-0 tf:items-center tf:justify-center tf:px-1", children: _jsx(AgentIdentityMark, { register: "subagent", variantIndex: variantIndex }) }), _jsx(ChildStatusMark, { status: status }), status === "running" ? (_jsx(ShimmerText, { className: "tf:min-w-0 tf:flex-1 tf:grid-cols-1 tf:text-tf-label tf:font-medium tf:text-tf-muted-foreground", children: _jsx("span", { className: "tf:block tf:truncate", title: label, children: activityTitleOf(label) }) })) : (_jsx("span", { className: "tf:min-w-0 tf:flex-1 tf:truncate tf:text-tf-label tf:font-medium", title: label, children: activityTitleOf(label) })), status === "running" ? (_jsx(ShimmerText, { className: "tf:shrink-0 tf:text-xs tf:text-tf-muted-foreground", children: "Working" })) : null, duration != null ? (_jsx("span", { className: "tf:shrink-0 tf:text-xs tf:text-tf-muted-foreground", children: duration })) : null] }), children] }));
 }
 function ChildStatusMark({ status }) {
     if (status === "running") {
-        // Liveness is the header label's shimmer plus the visible "Working"
-        // word in the trailing slot (the one motion register — no spinner
-        // beside a shimmering line). The invisible spacer holds the settled
-        // glyph's size-4 slot so the label never shifts when the check
-        // lands. No sr-only twin: the trailing word is visible text.
         return _jsx("span", { "aria-hidden": true, className: "tf:size-4 tf:shrink-0" });
     }
     if (status === "failed") {
@@ -76,42 +45,19 @@ function ChildTranscript({ mode, threadId, childSessionId, variantIndex, opener,
     const backRef = usePanelBackFocus(mode, opener);
     const brief = useOpeningBrief(store, childSessionId);
     const rows = useMemo(() => transcriptRowsOf(withOpeningBrief(messages, brief, childSessionId), anchors, running), [messages, brief, childSessionId, anchors, running]);
-    // The end-state table's render half, all derived from streamEnd + the
-    // ledger row (docs/transcript-surfaces.md): the stream is LIVE only
-    // while it is open at the tail of a running dispatch — never dropped,
-    // never finished. typing and the trailing group's hold-open both key
-    // on this one spelling.
     const streamLive = running && tailed && streamEnd === "open";
     const typing = streamLive && !trailingRowIsStreaming(rows);
     useChildCurrentWorkPublish(childSessionId, rows, streamLive);
     const duration = dispatch !== undefined
         ? settledDurationLabelOf(dispatch.created_at, running ? null : dispatch.updated_at)
         : null;
-    // The empty-string guard every neighbouring surface keeps: a
-    // whitespace-only task stores '' (question_excerpt_of collapses it),
-    // and ?? alone would blank the header.
     const label = dispatch !== undefined && dispatch.label !== ""
         ? dispatch.label
         : "Delegated task";
-    // The one reason to drill into a FAILED child is to learn why: the
-    // ledger's sentence leads the panel, not just the header glyph — the
-    // dashboard drill-in's outcome line, in this surface's register.
     const failed = dispatch !== undefined && dispatchFailed(dispatch);
-    // error is nullable on the wire: a failed row with no sentence still
-    // owes the member an explanation (the neighbouring surfaces' fallback).
     const failureSentence = failed
         ? (dispatch.error ?? "The subagent failed before it could report back.")
         : null;
-    // A failed child's stream legitimately ENDS in RUN_ERROR (recorded, or
-    // synthesized by the door's settled fallback) — that is its honest
-    // terminal, not a dropped connection, and a Retry would replay onto
-    // the same ending. The interruption banner speaks only when the ledger
-    // does not already explain the ending — and the error end lands AFTER
-    // the ledger catch-up (the table's judge order), so a child failing
-    // mid-watch reads failed here, never interrupted. A QUIET ending was
-    // judged into "error" or "clean" when it landed, so this reads ONE
-    // latched fact — never the live row, which would un-paint the banner
-    // the moment the child settled.
     const interrupted = streamEnd === "error" && !failed;
     const status = running ? "running" : failed ? "failed" : "finished";
     const transcript = (_jsx(ChildTranscriptBody, { failureSentence: failureSentence, interrupted: interrupted, onRetry: retry, waitingForSlot: slotDenied && streamEnd === "open", rows: rows, typing: typing, streamLive: streamLive, running: running, childSessionId: childSessionId }));
@@ -120,18 +66,6 @@ function ChildTranscript({ mode, threadId, childSessionId, variantIndex, opener,
     }
     return (_jsx(ChildTranscriptPanelFrame, { label: label, status: status, duration: duration, variantIndex: variantIndex, backRef: backRef, onBack: onBack, children: transcript }));
 }
-// Opening moves focus here; closing hands it back to the opener the
-// host captured INSIDE the opening click — no effect (layout or
-// passive) runs before the sibling inert commit's focus-fixup blurs a
-// covered opener to <body>, so a capture here would read body and
-// restore nothing. The roster refocuses its trigger before asking for
-// the panel, so its captured opener survives the roster's unmount; a
-// tree row survives under the inert cover. Under StrictMode's
-// mount-cleanup-remount the first cleanup's restore hits the
-// still-inert opener and no-ops; the real close restores once the same
-// commit lifted the cover. A thread switch unmounts the panel too; a
-// disconnected opener is simply skipped. Esc anywhere in the panel is
-// the back gesture.
 function usePanelBackFocus(mode, opener) {
     const backRef = useRef(null);
     useEffect(() => {
@@ -144,23 +78,13 @@ function usePanelBackFocus(mode, opener) {
                 opener.focus();
             }
         };
-        // Fixed for the panel's lifetime: the host keys this panel by child,
-        // so a different drill-in is a fresh mount with a fresh opener.
     }, [mode, opener]);
     return backRef;
 }
-// The brief is a string snapshot, so parent deltas that leave it
-// unchanged never re-render the panel.
 function useOpeningBrief(store, childSessionId) {
     const briefNow = () => openingBriefOf(store.messages.get(), childSessionId);
     return useSyncExternalStore(store.messages.subscribe, briefNow, briefNow);
 }
-// The current-work publish (TVC-072): while THIS surface holds the live
-// tail, its newest live call feeds the inline group row's current-work
-// line — the drill-in stream is the seam's only honest writer (no extra
-// streams ever open for it). publishedRef guards the clear: a second
-// surface on the same child that never held the tail (slot-denied, or a
-// settled replay) must not blank the holder's entry.
 function useChildCurrentWorkPublish(childSessionId, rows, streamLive) {
     const publishCurrentWork = useSubagentCurrentWorkPublisher();
     const publishedRef = useRef(false);
@@ -181,59 +105,16 @@ function useChildCurrentWorkPublish(childSessionId, rows, streamLive) {
         }
     }, [publishCurrentWork, childSessionId]);
 }
-// The child's transcript proper: the ledger's failure sentence, the
-// interruption banner with Retry, the slot-wait notice, then the rows.
 function ChildTranscriptBody({ failureSentence, interrupted, onRetry, waitingForSlot, rows, typing, streamLive, running, childSessionId, }) {
-    return (_jsxs(_Fragment, { children: [failureSentence !== null ? (_jsx("div", { className: "tf:border-b", children: _jsx("p", { className: "tf:mx-auto tf:m-0 tf:w-full tf:max-w-3xl tf:px-4 tf:py-2 tf:text-tf-label tf:text-tf-destructive", children: failureSentence }) })) : null, interrupted ? (_jsx("div", { role: "alert", className: "tf:border-b", children: _jsxs("div", { className: "tf:mx-auto tf:flex tf:w-full tf:max-w-3xl tf:items-center tf:gap-2 tf:px-4 tf:py-2 tf:text-tf-label tf:text-tf-destructive", children: ["The connection to this subagent was interrupted.", _jsx(TfButton, { variant: "ghost", onClick: onRetry, children: "Retry" })] }) })) : null, waitingForSlot ? (_jsx("p", { className: "tf:mx-auto tf:m-0 tf:w-full tf:max-w-3xl tf:px-4 tf:py-3 tf:text-tf-label tf:text-tf-muted-foreground", children: "Waiting for another subagent view to finish\u2026" })) : null, _jsx(SubagentDrillInContext.Provider, { value: null, children: _jsx(SurfaceBoundary, { surface: "child-transcript", children: _jsx(MessageList, { rows: rows, cards: [], typing: typing, live: streamLive, 
-                        // Episode unification keys on the child's TURN terminality,
-                        // never on stream liveness: a dropped or untailed stream over
-                        // a still-running dispatch — the interruption banner, the
-                        // slot-denied wait, a second view without the tail lease —
-                        // must not unify the turn mid-flight and present its latest
-                        // paragraph as the final response, only to pop it apart when
-                        // Retry reopens the stream.
-                        turnOpen: running, 
-                        // The placement holds ride the dispatch's own running fact: a
-                        // child thread is one turn by construction — its only user
-                        // row is the opening brief — so the next-user-turn decay can
-                        // never fire here. While the coworker works, its
-                        // view/decision-bearing calls hold open exactly like a live
-                        // parent turn; once the dispatch settles, the drill-in is an
-                        // inspection surface and every disclosure is native — never a
-                        // wall of held-open panes over a finished history.
-                        placementHolds: running, 
-                        // The coworker's own transcript: its
-                        // prose wears the child's identity
-                        // token, never the primary agent's
-                        // (law 10; the token is the same one
-                        // the group row and roster wear for
-                        // this coworker).
-                        identityToken: subagentIdentityTokenOf(childSessionId) }) }) })] }));
+    return (_jsxs(_Fragment, { children: [failureSentence !== null ? (_jsx("div", { className: "tf:border-b", children: _jsx("p", { className: "tf:mx-auto tf:m-0 tf:w-full tf:max-w-3xl tf:px-4 tf:py-2 tf:text-tf-label tf:text-tf-destructive", children: failureSentence }) })) : null, interrupted ? (_jsx("div", { role: "alert", className: "tf:border-b", children: _jsxs("div", { className: "tf:mx-auto tf:flex tf:w-full tf:max-w-3xl tf:items-center tf:gap-2 tf:px-4 tf:py-2 tf:text-tf-label tf:text-tf-destructive", children: ["The connection to this subagent was interrupted.", _jsx(TfButton, { variant: "ghost", onClick: onRetry, children: "Retry" })] }) })) : null, waitingForSlot ? (_jsx("p", { className: "tf:mx-auto tf:m-0 tf:w-full tf:max-w-3xl tf:px-4 tf:py-3 tf:text-tf-label tf:text-tf-muted-foreground", children: "Waiting for another subagent view to finish\u2026" })) : null, _jsx(SubagentDrillInContext.Provider, { value: null, children: _jsx(SurfaceBoundary, { surface: "child-transcript", children: _jsx(MessageList, { rows: rows, cards: [], typing: typing, live: streamLive, turnOpen: running, placementHolds: running, identityToken: subagentIdentityTokenOf(childSessionId) }) }) })] }));
 }
-// The full panel's frame: a non-modal dialog over the conversation box
-// with the Back row, the coworker's identity and status, and the clock.
 function ChildTranscriptPanelFrame({ label, status, duration, variantIndex, backRef, onBack, children, }) {
-    return (
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- the keydown is the panel's own Esc-to-back; every control inside is a real button.
-    _jsxs("div", { role: "dialog", "aria-label": "Subagent transcript", "data-tf-child-transcript": "", 
-        // Focusable on purpose (the roster card's own posture): a click on
-        // the panel's passive ink — selecting a failure sentence, message
-        // text — moves focus HERE instead of dropping it to body, so the
-        // Esc-to-back below keeps routing through this subtree. "Esc
-        // anywhere in the panel" has to survive a click anywhere in it.
-        tabIndex: -1, className: "tf:absolute tf:inset-0 tf:flex tf:min-h-0 tf:min-w-0 tf:flex-col tf:bg-tf-background", onKeyDown: (event) => {
+    return (_jsxs("div", { role: "dialog", "aria-label": "Subagent transcript", "data-tf-child-transcript": "", tabIndex: -1, className: "tf:absolute tf:inset-0 tf:flex tf:min-h-0 tf:min-w-0 tf:flex-col tf:bg-tf-background", onKeyDown: (event) => {
             if (event.key !== "Escape") {
                 return;
             }
             event.preventDefault();
             event.stopPropagation();
             onBack();
-        }, children: [_jsx("div", { className: "tf:border-b", children: _jsxs("div", { className: "tf:mx-auto tf:flex tf:w-full tf:max-w-3xl tf:items-center tf:gap-2 tf:px-4 tf:py-2", children: [_jsxs(TfButton, { ref: backRef, variant: "ghost", onClick: onBack, children: [_jsx(ChevronLeftIcon, { "aria-hidden": true, className: "tf:size-4 tf:shrink-0" }), "Back"] }), _jsx("span", { className: "tf:flex tf:h-6 tf:min-w-6 tf:shrink-0 tf:items-center tf:justify-center tf:px-1", children: _jsx(AgentIdentityMark, { register: "subagent", variantIndex: variantIndex }) }), _jsx(ChildStatusMark, { status: status }), status === "running" ? (
-                        // The preview frame's running treatment, verbatim (the two
-                        // headers are the same surface at two sizes): shimmering
-                        // muted label plus the visible "Working" word in the slot
-                        // the settled clock takes over — the words are what survive
-                        // the reduced-motion collapse.
-                        _jsxs(_Fragment, { children: [_jsx(ShimmerText, { className: "tf:min-w-0 tf:flex-1 tf:grid-cols-1 tf:text-tf-label tf:font-medium tf:text-tf-muted-foreground", children: _jsx("span", { className: "tf:block tf:truncate", title: label, children: activityTitleOf(label) }) }), _jsx(ShimmerText, { className: "tf:shrink-0 tf:text-xs tf:text-tf-muted-foreground", children: "Working" })] })) : (_jsx("span", { className: "tf:min-w-0 tf:flex-1 tf:truncate tf:text-tf-label tf:font-medium", title: label, children: activityTitleOf(label) })), duration !== null ? (_jsx("span", { className: "tf:shrink-0 tf:text-xs tf:text-tf-muted-foreground", children: duration })) : null] }) }), children] }));
+        }, children: [_jsx("div", { className: "tf:border-b", children: _jsxs("div", { className: "tf:mx-auto tf:flex tf:w-full tf:max-w-3xl tf:items-center tf:gap-2 tf:px-4 tf:py-2", children: [_jsxs(TfButton, { ref: backRef, variant: "ghost", onClick: onBack, children: [_jsx(ChevronLeftIcon, { "aria-hidden": true, className: "tf:size-4 tf:shrink-0" }), "Back"] }), _jsx("span", { className: "tf:flex tf:h-6 tf:min-w-6 tf:shrink-0 tf:items-center tf:justify-center tf:px-1", children: _jsx(AgentIdentityMark, { register: "subagent", variantIndex: variantIndex }) }), _jsx(ChildStatusMark, { status: status }), status === "running" ? (_jsxs(_Fragment, { children: [_jsx(ShimmerText, { className: "tf:min-w-0 tf:flex-1 tf:grid-cols-1 tf:text-tf-label tf:font-medium tf:text-tf-muted-foreground", children: _jsx("span", { className: "tf:block tf:truncate", title: label, children: activityTitleOf(label) }) }), _jsx(ShimmerText, { className: "tf:shrink-0 tf:text-xs tf:text-tf-muted-foreground", children: "Working" })] })) : (_jsx("span", { className: "tf:min-w-0 tf:flex-1 tf:truncate tf:text-tf-label tf:font-medium", title: label, children: activityTitleOf(label) })), duration !== null ? (_jsx("span", { className: "tf:shrink-0 tf:text-xs tf:text-tf-muted-foreground", children: duration })) : null] }) }), children] }));
 }
-//# sourceMappingURL=child-transcript.js.map

package/dist/components/companion-drawer-body.js

@@ -8,39 +8,20 @@ import { servedSuggestionsForPath } from "./served-suggestions.js";
 import { useAssistantSession } from "./teaflask-assistant-provider.js";
 import { useAssistantConversation } from "./use-assistant-conversation.js";
 import { useCell } from "./use-store-cell.js";
-// The drawer's conversation half — the one companion module that
-// reaches the transcript (and through it the chat chassis). Loaded ONLY
-// through the drawer's dynamic import: the minimized companion's static
-// graph must stay transcript-free (the bundle-closure test enforces it),
-// so a page that only ever shows the mark never downloads the chat.
-// Default export because React.lazy wants one.
 export default function CompanionDrawerBody() {
     const core = useAssistantConversation();
-    // The drawer's opening prompts: the host's provider prop when one was
-    // passed (explicit JS intent wins wholesale, even an empty array), the
-    // sets authored on the org's assistant otherwise — the drawer is the
-    // surface a visitor meets first, so it is where the welcome earns its
-    // prompts; the page keeps taking them as its own prop.
     const { suggestions } = useAssistantAppearance();
     const { assistantConfig, ensureAssistantConfig } = useAssistantSession();
     const served = useCell(assistantConfig);
-    // Re-adopt the stored thread on every open (the body mounts per open,
-    // palette parity): another surface may have moved the conversation
-    // while the drawer was closed, and expanding must mean "continue
-    // where I am".
     const resumeStoredThread = core.resumeStoredThread;
     useEffect(() => {
         resumeStoredThread();
     }, [resumeStoredThread]);
-    // Only a drawer the host left promptless ever fetches: a passed prop
-    // means the served config could never render, so no one pays for it.
     useEffect(() => {
         if (suggestions === null) {
             ensureAssistantConfig();
         }
     }, [suggestions, ensureAssistantConfig]);
-    // The pathname is read per render, not subscribed: the empty state
-    // re-renders on every open, which is exactly when the answer matters.
     const effectiveSuggestions = suggestions ??
         (served === null
             ? undefined
@@ -48,10 +29,5 @@ export default function CompanionDrawerBody() {
     if (core.setupError !== null) {
         return (_jsx("div", { className: "tf:flex tf:flex-1 tf:items-center tf:justify-center tf:p-6", children: _jsx(SetupErrorState, { message: core.setupError.message, code: core.setupError.code }) }));
     }
-    return (_jsx(ConversationView, { core: core, surface: "companion", suggestions: effectiveSuggestions, 
-        // The mark is decorative — the greeting under it is the content.
-        // The span is the stylesheet's sizing hook: static, deliberately
-        // unpositioned, so nothing ever paints over the header's menu.
-        welcomeMark: _jsx("span", { "aria-hidden": true, "data-tf-companion-welcome-mark": "", children: _jsx(CompanionMark, {}) }) }));
+    return (_jsx(ConversationView, { core: core, surface: "companion", suggestions: effectiveSuggestions, welcomeMark: _jsx("span", { "aria-hidden": true, "data-tf-companion-welcome-mark": "", children: _jsx(CompanionMark, {}) }) }));
 }
-//# sourceMappingURL=companion-drawer-body.js.map

package/dist/components/companion-drawer.js

@@ -9,25 +9,6 @@ import { LazyBody } from "./lazy-body.js";
 import { TfButton } from "./primitives/button.js";
 import { TfFloatingPanel } from "./primitives/floating-panel.js";
 import { useAssistantConversation } from "./use-assistant-conversation.js";
-// The companion's corner chat drawer: the non-modal TfFloatingPanel with
-// a real header — the visible grabber (swipe-to-dismiss starts only on
-// the handle, and an invisible handle is no touch affordance at all), a
-// title, and the controls. On the left the title IS the history
-// disclosure: the active conversation's name with a chevron, dropping
-// open the same list the page's rail shows — where you are and where
-// you've been are one affordance. On the right, compose starts a fresh
-// conversation, and the close control is a minimize dash, not an X:
-// dismissing the drawer collapses it back into the perch — the
-// conversation and the companion both survive — and an X would promise a
-// destruction that never happens. The title sits at the muted label step
-// so the empty state's centered question stays the surface's only
-// headline; the panel's aria-label carries the accessible name
-// regardless.
-//
-// The body is code-split behind the first expand. React.lazy's dynamic
-// import is the mechanism: the minimized companion ships without the
-// transcript (or the chat chassis under it), and the host's bundler
-// splits the chunk without configuration.
 const CompanionDrawerBody = lazy(() => import("./companion-drawer-body.js"));
 export function CompanionDrawer({ open, exiting, focusOnOpen, onOpenChange, corner, dock, onDockChange, }) {
     const { rootProps } = useAssistantAppearance();
@@ -35,8 +16,6 @@ export function CompanionDrawer({ open, exiting, focusOnOpen, onOpenChange, corn
     const menus = useDrawerMenus(onDockChange, onOpenChange);
     return (_jsxs(TfFloatingPanel, { open: open, focusOnOpen: focusOnOpen, onOpenChange: menus.changeOpenAndSettleMenu, corner: corner, dock: dock, "aria-label": "Assistant", ...rootProps, children: [_jsxs("div", { "data-tf-swipe-handle": "", className: "tf:relative tf:flex tf:h-12 tf:shrink-0 tf:items-center tf:gap-1 tf:border-b tf:pr-2 tf:pl-4", children: [_jsx("span", { "aria-hidden": true, "data-tf-companion-grabber": "" }), _jsx(CompanionHeaderTitle, { menuId: menus.historyMenuId, open: menus.historyOpen, onOpenChange: menus.discloseHistory, triggerRef: menus.historyTriggerRef }), core.setupError === null ? (_jsx(NewConversationButton, { onStart: core.startNewConversation })) : null, onDockChange !== null ? (_jsx(CompanionModeTrigger, { menuId: menus.modeMenuId, open: menus.modeMenuOpen, onOpenChange: menus.discloseModeMenu, triggerRef: menus.modeTriggerRef })) : null, _jsx(TfButton, { variant: "icon", "aria-label": "Minimize assistant", title: "Minimize assistant", onClick: menus.minimize, children: _jsx(MinimizeIcon, {}) })] }), open || exiting ? (_jsx(LazyBody, { children: _jsx(CompanionDrawerBody, {}) })) : null, open && menus.historyOpen ? (_jsx(CompanionHistoryMenu, { id: menus.historyMenuId, onClose: menus.closeHistory, triggerRef: menus.historyTriggerRef })) : null, open && menus.modeMenuOpen && onDockChange !== null ? (_jsx(CompanionModeMenu, { id: menus.modeMenuId, dock: dock, triggerRef: menus.modeTriggerRef, onClose: menus.closeModeMenu, onSelect: menus.selectDock })) : null] }));
 }
-/** The header's two disclosures — history and dock mode — open one at a
- *  time, and both taken down by any deliberate dismissal of the drawer. */
 function useDrawerMenus(onDockChange, onOpenChange) {
     const [historyOpen, setHistoryOpen] = useState(false);
     const historyMenuId = useId();
@@ -44,18 +23,9 @@ function useDrawerMenus(onDockChange, onOpenChange) {
     const [modeMenuOpen, setModeMenuOpen] = useState(false);
     const modeMenuId = useId();
     const modeTriggerRef = useRef(null);
-    // The switcher leaving takes its menu down for good — without this, a
-    // menu open when the viewport drops below the sidebar floor would hold
-    // its flag through the unmount and pop back open, unprompted, when the
-    // viewport returns. Render-time adjustment (the sanctioned shape), not
-    // an effect: the flag must never survive into a paint that renders the
-    // trigger expanded.
     if (onDockChange === null && modeMenuOpen) {
         setModeMenuOpen(false);
     }
-    // One disclosure at a time: two dropped-open menus would stack by
-    // paint order and race each other's light dismiss, so opening any
-    // takes the others down.
     function discloseHistory(next) {
         if (next) {
             setModeMenuOpen(false);
@@ -79,17 +49,8 @@ function useDrawerMenus(onDockChange, onOpenChange) {
         if (onDockChange !== null) {
             onDockChange(next);
         }
-        // The pick just re-geometried the whole panel under the
-        // keyboard user; the trigger is the one landmark that stayed
-        // put, so focus comes back to it rather than dying with the
-        // menu row.
         modeTriggerRef.current?.focus();
     }
-    // Every deliberate dismissal — the dash, Esc, a swipe, a forced park —
-    // arrives through this callback, and takes the menus down with the
-    // drawer. A yield to the palette deliberately does NOT: it flips the
-    // open prop without ringing here, and the drawer's contract for a
-    // yield is that everything comes back exactly as it was.
     function changeOpenAndSettleMenu(next) {
         if (!next) {
             setHistoryOpen(false);
@@ -116,17 +77,12 @@ function useDrawerMenus(onDockChange, onOpenChange) {
         minimize,
     };
 }
-/** Compose: a fresh conversation, with the caret handed to the composer. */
 function NewConversationButton({ onStart }) {
     return (_jsx(TfButton, { variant: "icon", "aria-label": "New conversation", title: "New conversation", onClick: (event) => {
             onStart();
-            // The fresh conversation starts with the caret in the
-            // composer, not on this button (palette parity, retargeted:
-            // the drawer's root is the popover div, not a dialog).
             const panel = event.currentTarget.closest("[data-tf-floating-panel]");
             requestAnimationFrame(() => {
                 panel?.querySelector("[data-tf-autofocus]")?.focus();
             });
         }, children: _jsx(ComposeIcon, {}) }));
 }
-//# sourceMappingURL=companion-drawer.js.map

package/dist/components/companion-header-disclosure.js

@@ -3,32 +3,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef, } from "react";
 import { TfButton } from "./primitives/button.js";
 import { cx } from "./primitives/cx.js";
-// The drawer header's disclosure mechanics: a trigger in the header row
-// that drops a small dialog open over the transcript. The history menu
-// wears this today; the mode switcher joins it from the same pair.
-//
-// Trigger and menu are two exports rather than one component because
-// they live on opposite sides of a boundary the DOM enforces: the
-// trigger sits inside the header row, which IS the swipe-dismiss handle
-// (`data-tf-swipe-handle` matches by closest()), and a menu nested in
-// that row would turn every touch-drag over a menu row into a drawer
-// dismissal. The parent owns the open flag and threads it through.
-//
-// The caller's side of the contract: render the menu as a DOM sibling
-// AFTER the panel body, not inside the header row. The package ships no
-// z-index, so among positioned boxes document order is the paint order —
-// a menu mounted before the body would lose to the transcript's own
-// positioned bubbles. This file can't enforce placement; the caller
-// carries the law.
-/** The header-row half: owns the disclosure aria wiring and the
- *  Esc-closes-the-menu-not-the-drawer keydown. Everything else — variant,
- *  className, children — passes through to TfButton. */
 export function HeaderDisclosureTrigger({ menuId, open, onOpenChange, triggerRef, children, ...buttonProps }) {
     return (_jsx(TfButton, { ref: triggerRef, "aria-expanded": open, "aria-controls": menuId, ...buttonProps, onClick: () => {
             onOpenChange(!open);
         }, onKeyDown: (event) => {
-            // Escape with focus on the trigger closes the menu, not the
-            // drawer — stopped so the panel's own Esc-to-close never sees it.
             if (!open || event.key !== "Escape") {
                 return;
             }
@@ -37,19 +15,8 @@ export function HeaderDisclosureTrigger({ menuId, open, onOpenChange, triggerRef
             onOpenChange(false);
         }, children: children }));
 }
-/** The dropped-open half. Mounted only while open — the parent gates the
- *  render, so unmounting is the close and no state survives a minimize.
- *  The caller's className carries the anchor side and measure (the
- *  history menu hangs `left-2 w-72` under its title; a right-edge
- *  disclosure would pass `right-2`). */
 export function HeaderDisclosureMenu({ id, onClose, triggerRef, triggerId, "aria-label": ariaLabel, className, insetFromSurfaceTop = false, autoFocusFirstButton = true, children, }) {
     const menuRef = useRef(null);
-    // Light dismissal: any pointer that goes down outside the menu closes
-    // it. Judged by composedPath(), not contains() — the script-tag
-    // distribution runs in an open shadow root, where document-level
-    // events retarget to the host element and contains() would call every
-    // in-shadow press an outside one. The trigger is excluded so its own
-    // press doesn't close-then-reopen through the click that follows.
     useEffect(() => {
         const menu = menuRef.current;
         if (menu === null) {
@@ -75,19 +42,12 @@ export function HeaderDisclosureMenu({ id, onClose, triggerRef, triggerId, "aria
             doc.removeEventListener("pointerdown", closeUnlessInside);
         };
     }, [onClose, triggerId, triggerRef]);
-    // Opening moves focus into the panel — its first button is the menu's
-    // primary command (unless the tenant opted out above).
     useEffect(() => {
         if (autoFocusFirstButton) {
             menuRef.current?.querySelector("button")?.focus();
         }
     }, [autoFocusFirstButton]);
-    return (
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- the keydown is the menu's own Esc-to-close; every focusable inside is a real button.
-    _jsx("div", { ref: menuRef, id: id, role: "dialog", "aria-label": ariaLabel, "data-tf-glass": "", "data-tf-disclosure": "", "data-tf-surface-inset": insetFromSurfaceTop ? "" : undefined, className: cx("tf:absolute tf:top-14 tf:flex tf:max-h-96 tf:flex-col tf:overflow-hidden tf:rounded-2xl tf:border", className), onKeyDown: (event) => {
-            // Esc closes the menu and hands focus back to its trigger; the
-            // drawer survives — stopped before the panel's handler minimizes
-            // it too.
+    return (_jsx("div", { ref: menuRef, id: id, role: "dialog", "aria-label": ariaLabel, "data-tf-glass": "", "data-tf-popover": "", "data-tf-disclosure": "", "data-tf-surface-inset": insetFromSurfaceTop ? "" : undefined, className: cx("tf:absolute tf:top-14 tf:flex tf:max-h-96 tf:flex-col tf:overflow-hidden tf:rounded-2xl tf:border", className), onKeyDown: (event) => {
             if (event.key !== "Escape") {
                 return;
             }
@@ -101,4 +61,3 @@ export function HeaderDisclosureMenu({ id, onClose, triggerRef, triggerId, "aria
             trigger?.focus();
         }, children: children }));
 }
-//# sourceMappingURL=companion-header-disclosure.js.map

package/dist/components/companion-history-menu.js

@@ -5,45 +5,17 @@ import { HeaderDisclosureMenu, HeaderDisclosureTrigger, } from "./companion-head
 import { ChevronDownIcon } from "./icons.js";
 import { ThreadHistory } from "./thread-list.js";
 import { useAssistantConversation } from "./use-assistant-conversation.js";
-// The drawer header's title-as-disclosure (the Notion register): the
-// active conversation's title with a chevron, and pressing it drops open
-// a small popover of past conversations over the transcript — the same
-// ThreadHistory the page's rail and phone sheet render. One list, three
-// densities, never a fork.
-/** The title half of the header row. For anonymous visitors the server's
- *  thread list is honestly empty, so there is no history to disclose —
- *  the title stays a static heading with no chevron and no menu (the
- *  page gates its rail the same way). */
 export function CompanionHeaderTitle({ menuId, open, onOpenChange, triggerRef, fallbackTitle = "Assistant", }) {
     const core = useAssistantConversation();
-    // `||`, not `??`: a just-created thread can hold an empty title until
-    // the server names it, and while a thread is opening the title lags
-    // one beat behind — "Assistant" covers both gaps. The muted label step
-    // keeps the empty state's centered question the surface's only
-    // headline; weight stated explicitly because the package ships no
-    // preflight, so an unweighted h2 inherits the UA's bold in one host
-    // and the host's own reset in another.
-    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- the empty-string fallback is the point, per above.
     const title = core.conversation?.thread.title || fallbackTitle;
     if (!core.historyExpected) {
         return (_jsx("h2", { className: "tf:min-w-0 tf:flex-1 tf:truncate tf:text-tf-label tf:font-medium tf:text-tf-muted-foreground", children: title }));
     }
-    return (_jsx("h2", { className: "tf:flex tf:min-w-0 tf:flex-1 tf:items-center tf:text-tf-label tf:font-medium tf:text-tf-muted-foreground", children: _jsxs(HeaderDisclosureTrigger, { menuId: menuId, open: open, onOpenChange: onOpenChange, triggerRef: triggerRef, variant: "bare", className: "tf:-ml-1.5 tf:min-w-0 tf:px-1.5 tf:py-1 tf:hover:bg-tf-accent tf:hover:text-tf-foreground", children: [_jsx("span", { className: "tf:min-w-0 tf:truncate", children: title }), _jsx(ChevronDownIcon, {})] }) }));
+    return (_jsx("h2", { className: "tf:flex tf:min-w-0 tf:flex-1 tf:items-center tf:text-tf-label tf:font-medium tf:text-tf-muted-foreground", children: _jsxs(HeaderDisclosureTrigger, { menuId: menuId, open: open, onOpenChange: onOpenChange, triggerRef: triggerRef, variant: "bare", className: "tf:-ml-1.5 tf:min-w-0 tf:px-1.5 tf:py-1 tf:hover:bg-tf-accent tf:hover:text-tf-accent-foreground", children: [_jsx("span", { className: "tf:min-w-0 tf:truncate", children: title }), _jsx(ChevronDownIcon, {})] }) }));
 }
-/** The dropped-open history panel: the shared disclosure menu hung
- *  left-anchored under the title that discloses it, wrapping the shared
- *  thread list. Its first row is "New conversation" — a deliberate twin
- *  of the header's compose button, shared with the page rail and the
- *  phone sheet. */
 export function CompanionHistoryMenu({ id, onClose, triggerRef, triggerId, insetFromSurfaceTop, }) {
     const core = useAssistantConversation();
-    return (_jsx(HeaderDisclosureMenu, { id: id, "aria-label": "Conversation history", onClose: onClose, triggerRef: triggerRef, triggerId: triggerId, insetFromSurfaceTop: insetFromSurfaceTop, 
-        // left-2.5 + the panel hairline puts the menu's edge on the
-        // trigger pill's own left edge; w-80 keeps the menu at least as
-        // wide as the widest title the trigger can show, so a thread name
-        // legible in the header never truncates in the list beneath it
-        // (and still clears the 358px phone card with room to spare).
-        className: "tf:left-2.5 tf:w-80 tf:max-w-[calc(100%-1.25rem)] tf:pt-2", children: _jsx(ThreadHistory, { threads: core.threads, activeThreadId: core.conversation?.thread.id ?? null, safeAreaBottom: false, onSelectThread: (thread) => {
+    return (_jsx(HeaderDisclosureMenu, { id: id, "aria-label": "Conversation history", onClose: onClose, triggerRef: triggerRef, triggerId: triggerId, insetFromSurfaceTop: insetFromSurfaceTop, className: "tf:left-2.5 tf:w-80 tf:max-w-[calc(100%-1.25rem)] tf:pt-2", children: _jsx(ThreadHistory, { threads: core.threads, activeThreadId: core.conversation?.thread.id ?? null, safeAreaBottom: false, onSelectThread: (thread) => {
                 onClose();
                 core.openThread(thread);
             }, onNewConversation: () => {
@@ -51,4 +23,3 @@ export function CompanionHistoryMenu({ id, onClose, triggerRef, triggerId, inset
                 core.startNewConversation();
             } }) }));
 }
-//# sourceMappingURL=companion-history-menu.js.map

package/dist/components/companion-mark.js

@@ -2,16 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { AgentIdentityMark } from "./agent-identity-mark.js";
 import { useAssistantAppearance } from "./appearance-context.js";
-// The one mark every companion stage shows — the corner perch and the
-// drawer's welcome — at one size. Static: the stylesheet sizes the box
-// and sets the node inside to 100% of it (the fill is the package's
-// promise, not the host's). A host's node is host DOM and wears the
-// data-tf-host-view marker so the package reset leaves it alone; the
-// default flask stays package DOM under the reset, unmarked. The null
-// branch is exact on purpose: the provider has already folded the
-// declining values (undefined, null, either boolean) into null.
 export function CompanionMark() {
     const { companionMark } = useAssistantAppearance();
     return (_jsx("span", { "aria-hidden": true, "data-tf-companion-mark": "", children: companionMark === null ? (_jsx(AgentIdentityMark, { register: "primary", size: "fill" })) : (_jsx("span", { "data-tf-host-view": "", className: "tf:contents", children: companionMark })) }));
 }
-//# sourceMappingURL=companion-mark.js.map

package/dist/components/companion-mode-menu.js

@@ -4,43 +4,16 @@ import {} from "react";
 import { HeaderDisclosureMenu, HeaderDisclosureTrigger, } from "./companion-header-disclosure.js";
 import { CheckIcon, SidebarIcon } from "./icons.js";
 import { TfButton } from "./primitives/button.js";
-// The drawer header's mode switcher: Floating (the corner card, the
-// default) or Sidebar (the flush right-edge dock that pushes the page).
-// The second wearer of the header-disclosure pair — same trigger
-// mechanics, same light dismiss, same Esc discipline as the history
-// menu. Unlike the title, this renders for anonymous visitors too: the
-// mode is chrome, not history, so there is no historyExpected gate. The
-// a11y register also matches the history menu — a small dialog of plain
-// buttons, not menuitemradio rows, which would promise a role="menu"
-// arrow-key contract neither disclosure implements; the active choice
-// rides aria-pressed and a visible check.
-/** The header-row half, mounted in the reserved slot between compose and
- *  minimize. The parent hides it below the sidebar's viewport floor by
- *  not rendering it at all. */
 export function CompanionModeTrigger({ menuId, open, onOpenChange, triggerRef, }) {
     return (_jsx(HeaderDisclosureTrigger, { menuId: menuId, open: open, onOpenChange: onOpenChange, triggerRef: triggerRef, variant: "icon", "aria-label": "Panel position", title: "Panel position", children: _jsx(SidebarIcon, {}) }));
 }
-/** The dropped-open half: two rows, a check on the active one. Selection
- *  reports up and closes — the parent owns the persisted mode, the menu
- *  never reads storage. */
 export function CompanionModeMenu({ id, dock, onSelect, onClose, triggerRef, }) {
-    return (_jsxs(HeaderDisclosureMenu, { id: id, "aria-label": "Panel position", onClose: onClose, triggerRef: triggerRef, 
-        // Right-anchored under the icon cluster it drops from (the history
-        // menu's left-2.5 mirrored); w-52 fits the longer label with the
-        // check's column to spare, and p-1 is the same row inset the
-        // thread list carries.
-        className: "tf:right-2 tf:w-52 tf:p-1", children: [_jsx(ModeRow, { label: "Floating", active: dock === "floating", onSelect: () => {
+    return (_jsxs(HeaderDisclosureMenu, { id: id, "aria-label": "Panel position", onClose: onClose, triggerRef: triggerRef, className: "tf:right-2 tf:w-52 tf:p-1", children: [_jsx(ModeRow, { label: "Floating", active: dock === "floating", onSelect: () => {
                     onSelect("floating");
                 } }), _jsx(ModeRow, { label: "Sidebar", active: dock === "sidebar", onSelect: () => {
                     onSelect("sidebar");
                 } })] }));
 }
 function ModeRow({ label, active, onSelect, }) {
-    return (
-    // The desktop `row` register, not rowTouch: this menu only exists
-    // above the sidebar's viewport floor, so its rows always sit beside
-    // the history menu's desktop-density list — two disclosures off one
-    // header must read at one density.
-    _jsxs(TfButton, { variant: "row", "aria-pressed": active, onClick: onSelect, children: [_jsx("span", { className: "tf:min-w-0 tf:flex-1 tf:truncate", children: label }), active ? _jsx(CheckIcon, {}) : null] }));
+    return (_jsxs(TfButton, { variant: "row", "aria-pressed": active, onClick: onSelect, children: [_jsx("span", { className: "tf:min-w-0 tf:flex-1 tf:truncate", children: label }), active ? _jsx(CheckIcon, {}) : null] }));
 }
-//# sourceMappingURL=companion-mode-menu.js.map

package/dist/components/composer-attachment-chip.js

@@ -4,21 +4,12 @@ import { attachmentDraftFailed, } from "../core/composer-policy.js";
 import { humanFileSize } from "./human-file-size.js";
 import { CloseIcon, FileIcon } from "./icons.js";
 import { TfButton } from "./primitives/button.js";
-// One drafted attachment in the slab: name and size while it uploads,
-// the failure sentence when it refuses — either way the × removes it.
 export function ComposerAttachmentChip({ item, onRemove, }) {
     const failed = attachmentDraftFailed(item);
     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:py-0.5 tf:ps-2 tf:pe-0.5 tf:text-xs tf:ring-1 tf:ring-tf-border tf:ring-inset " +
-            (failed ? "tf:text-tf-destructive" : "tf:text-tf-foreground"), title: failed ? item.error : item.filename, children: [_jsx("span", { className: failed ? "tf:text-tf-destructive" : "tf:text-tf-muted-foreground", children: _jsx(FileIcon, {}) }), _jsx("span", { className: "tf:min-w-0 tf:truncate", children: item.filename }), _jsx("span", { className: "tf:shrink-0 tf:text-tf-muted-foreground", children: item.status === "uploading" ? (
-                // Live work on a settled chip: the pulse is the sanctioned
-                // "still going" idiom — a static label reads as hung over a
-                // minutes-long upload.
-                _jsx("span", { className: "tf:animate-tf-pulse tf:motion-reduce:animate-none", children: "uploading\u2026" })) : failed ? ((item.error ?? "failed")) : (humanFileSize(item.byteSize)) }), _jsx(TfButton, { variant: "icon", onClick: onRemove, "aria-label": `Remove ${item.filename}`, children: _jsx(CloseIcon, {}) })] }));
+            (failed ? "tf:text-tf-destructive" : "tf:text-tf-foreground"), title: failed ? item.error : item.filename, children: [_jsx("span", { className: failed ? "tf:text-tf-destructive" : "tf:text-tf-muted-foreground", children: _jsx(FileIcon, {}) }), _jsx("span", { className: "tf:min-w-0 tf:truncate", children: item.filename }), _jsx("span", { className: "tf:shrink-0 tf:text-tf-muted-foreground", children: item.status === "uploading" ? (_jsx("span", { className: "tf:animate-tf-pulse tf:motion-reduce:animate-none", children: "uploading\u2026" })) : failed ? ((item.error ?? "failed")) : (humanFileSize(item.byteSize)) }), _jsx(TfButton, { variant: "icon", onClick: onRemove, "aria-label": `Remove ${item.filename}`, children: _jsx(CloseIcon, {}) })] }));
 }
-// The picker's accept list, derived from the released kinds. A released
-// generic-file kind means anything goes — no accept at all; otherwise
-// each kind contributes its family.
 export function attachmentAcceptOf(policy) {
     const kinds = policy.kinds;
     if (kinds.includes("file")) {
@@ -39,4 +30,3 @@ export function attachmentAcceptOf(policy) {
     }
     return families.join(",");
 }
-//# sourceMappingURL=composer-attachment-chip.js.map

package/dist/components/composer-banner.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ConversationGateCard } from "./conversation-gate-card.js";
+import { SubscriptionPlanNotice } from "./subscription-plan-notice.js";
+import { useOptionalAssistantSession } from "./teaflask-assistant-provider.js";
+export function ComposerBanner({ gate }) {
+    const session = useOptionalAssistantSession();
+    if (gate.kind === "connect" ||
+        gate.kind === "wait" ||
+        gate.kind === "verifying") {
+        return _jsx(ConversationGateCard, { gate: gate });
+    }
+    if (gate.kind === "none" && session !== null) {
+        return _jsx(SubscriptionPlanNotice, {});
+    }
+    return null;
+}