@teaflask/assistant 0.0.0 → 0.3.0

package/dist/components/primitives/use-swipe-dismiss.js

@@ -0,0 +1,243 @@
+"use client";
+import { useCallback, useEffect, useRef, } from "react";
+// The swipe-to-dismiss machine, shared by every surface that leaves with
+// a push: the edge sheet along x toward its own edge, the corner panel
+// down along y. Axis and closing direction are the only gesture parameters;
+// everything else here is a fixed bug that must not be copied twice.
+// The scroll conflict is deliberately NOT a parameter: content that
+// scrolls along the dismissal axis cannot be disambiguated by axis, so
+// such a surface confines the drag to a grab region (`handleSelector`);
+// content scrolling only across the axis lets the axis test arbitrate.
+// Past this fraction of the panel's own extent along the axis, the
+// release commits to a close instead of springing back: far enough that
+// a lazy scroll never dismisses, near enough that a push needn't go all the way.
+const DISMISS_TRAVEL_FRACTION = 0.25;
+// Or past this speed, however far it got: a flick is an intent.
+const DISMISS_VELOCITY_PX_PER_MS = 0.5;
+// How stale a velocity reading may be and still count as a flick: speed is
+// sampled only on pointermove, so without this a flick-then-hold-then-lift
+// dismisses a panel the thumb deliberately parked.
+const FLICK_GOES_STALE_AFTER_MS = 100;
+// Slop before a press becomes a drag. Below it the gesture is undecided
+// and the scrollable content underneath keeps the pointer.
+const DRAG_SLOP_PX = 8;
+/** Takes the drag decoration back off the panel and hands the pointer
+ * back. Every way a gesture can end runs this: the marker and offset are
+ * written on an element that outlives the close, and left behind they
+ * render every later open shoved aside with its slide switched off. */
+function _releasePanel(panel, pointerId) {
+    delete panel.dataset.tfSwipeDragging;
+    panel.style.removeProperty("--_tf-swipe-drag");
+    if (panel.hasPointerCapture(pointerId)) {
+        panel.releasePointerCapture(pointerId);
+    }
+}
+export function useSwipeDismiss({ axis, direction, open, enabled = true, onDismiss, handleSelector, }) {
+    const drag = useRef(null);
+    // Whether the last gesture ended as a swipe rather than a press — the
+    // one thing the click handler below needs to know.
+    const swipedRatherThanTapped = useRef(false);
+    // The panel, remembered from whichever handler last saw it: the open
+    // effect must strip a gesture's decoration with no event to read.
+    const panelRef = useRef(null);
+    // Every change of open state ends whatever gesture was in flight. The
+    // flag clears on OPEN only: the exit is a CSS transition (allow-discrete
+    // on display/overlay), so the panel stays hit-testable through the slide
+    // out and a dismissing swipe's compatibility click still lands on the
+    // row under the thumb — the flag must survive the close to swallow it,
+    // and must be gone before a reopened, keyboard-driven panel's Enter
+    // click. The drag releases on every change: a close landing mid-gesture
+    // (Esc, the host) never reaches endDrag or cancelDrag.
+    useEffect(() => {
+        if (open) {
+            swipedRatherThanTapped.current = false;
+        }
+        const inFlight = drag.current;
+        if (inFlight !== null && panelRef.current !== null) {
+            drag.current = null;
+            _releasePanel(panelRef.current, inFlight.pointerId);
+        }
+    }, [open, enabled]);
+    // Touch only, and only after the movement proves itself along the axis:
+    // a thumb travelling across it keeps scrolling; a mouse has Esc.
+    const beginDrag = useCallback((event) => {
+        // Whatever the last gesture was, it is over. Clearing here — before
+        // every early return — bounds the swallow to a single click: the
+        // flag never waits for the first tap after the surface reopens.
+        swipedRatherThanTapped.current = false;
+        // Recorded before every early return: the open effect needs the
+        // element even for a gesture this handler declines to track.
+        panelRef.current = event.currentTarget;
+        if (!enabled || !_pressBeginsDrag(event, handleSelector)) {
+            return;
+        }
+        // A second finger doesn't get to retarget a gesture already under way:
+        // overwriting the state would strand the first pointer's cleanup and
+        // leave the marker and offset on the panel for the rest of the session.
+        if (drag.current !== null) {
+            return;
+        }
+        drag.current = _beginDragStateOf(_sampleOf(event, axis));
+    }, [axis, enabled, handleSelector]);
+    const trackDrag = useCallback((event) => {
+        const state = drag.current;
+        if (event.pointerId !== state?.pointerId) {
+            return;
+        }
+        drag.current = _trackedDragOf(state, _sampleOf(event, axis), event.currentTarget, direction);
+    }, [axis, direction]);
+    const endDrag = useCallback((event) => {
+        const state = drag.current;
+        // Only the pointer that owns the gesture ends it — and it always takes
+        // the decoration off on its way out, committed or not.
+        if (event.pointerId !== state?.pointerId) {
+            return;
+        }
+        drag.current = null;
+        const panel = event.currentTarget;
+        _releasePanel(panel, event.pointerId);
+        if (!state.committed) {
+            return;
+        }
+        // A committed swipe moved the panel under the thumb, so the press was
+        // never a tap — yet the touch sequence is about to synthesize a click
+        // where it started, and pointer capture doesn't retarget click on
+        // WebKit: a swipe begun on a conversation row would open it.
+        swipedRatherThanTapped.current = true;
+        if (_dragDismisses(state, _sampleOf(event, axis), panel, axis, direction)) {
+            onDismiss();
+        }
+    }, [axis, direction, onDismiss]);
+    // The browser taking the gesture away is not a dismissal: a pinch
+    // starting, or the UA claiming the pointer for its own pan, cancels with
+    // the finger still down and no decision made — the panel goes back to
+    // rest. Never shared with endDrag, which would close under the thumb.
+    const cancelDrag = useCallback((event) => {
+        const state = drag.current;
+        if (event.pointerId !== state?.pointerId) {
+            return;
+        }
+        drag.current = null;
+        _releasePanel(event.currentTarget, event.pointerId);
+    }, []);
+    // Capture phase, so the content underneath never sees it. One click only:
+    // the flag is set by a committed swipe and cleared by the next press, the
+    // next open, or this handler — it can never outlive the gesture.
+    const swallowTheClickAfterASwipe = useCallback((event) => {
+        if (!swipedRatherThanTapped.current) {
+            return;
+        }
+        swipedRatherThanTapped.current = false;
+        event.preventDefault();
+        event.stopPropagation();
+    }, []);
+    return {
+        onPointerDown: beginDrag,
+        onPointerMove: trackDrag,
+        onPointerUp: endDrag,
+        onPointerCancel: cancelDrag,
+        onClickCapture: swallowTheClickAfterASwipe,
+    };
+}
+function _sampleOf(event, axis) {
+    return {
+        pointerId: event.pointerId,
+        main: axis === "x" ? event.clientX : event.clientY,
+        cross: axis === "x" ? event.clientY : event.clientX,
+        timeStamp: event.timeStamp,
+    };
+}
+/** Whether a press is a candidate drag at all: touch, not on the panel
+ *  element itself, and inside the grab region when one is declared. */
+function _pressBeginsDrag(event, handleSelector) {
+    // A press that lands on the panel element itself belongs to the
+    // surface (the dialog's ::backdrop is the only place that happens),
+    // not to us.
+    if (event.pointerType !== "touch" || event.target === event.currentTarget) {
+        return false;
+    }
+    // The grab-region gate: content that scrolls along the dismissal
+    // axis makes a bare axis test a coin flip, so such surfaces confine
+    // the gesture to a handle and presses elsewhere never dismiss.
+    if (handleSelector !== undefined &&
+        !(event.target instanceof Element &&
+            event.target.closest(handleSelector) !== null)) {
+        return false;
+    }
+    return true;
+}
+function _beginDragStateOf(sample) {
+    return {
+        pointerId: sample.pointerId,
+        startMain: sample.main,
+        startCross: sample.cross,
+        lastMain: sample.main,
+        lastT: sample.timeStamp,
+        velocity: 0,
+        committed: false,
+    };
+}
+/** Advances the gesture by one move: an undecided press is either handed
+ *  to the content (null) or committed to the panel; a committed drag
+ *  records its speed and writes the live offset. */
+function _trackedDragOf(state, sample, panel, direction) {
+    const dMain = sample.main - state.startMain;
+    const dCross = sample.cross - state.startCross;
+    // Travel toward dismissal counts; the other way is nothing, and the
+    // panel never stretches past its resting place.
+    const closing = direction * dMain;
+    if (!state.committed) {
+        if (Math.abs(dCross) >= DRAG_SLOP_PX &&
+            Math.abs(dCross) >= Math.abs(dMain)) {
+            // Decided across the axis: the gesture is the content's, not ours.
+            return null;
+        }
+        if (closing < DRAG_SLOP_PX) {
+            return state;
+        }
+        state.committed = true;
+        // The marker first, and the capture defensively: a pointer that
+        // ended between two moves makes setPointerCapture throw, and losing
+        // the capture only costs the tail of the gesture — losing the marker
+        // would leave the transition running under the thumb.
+        panel.dataset.tfSwipeDragging = "";
+        try {
+            panel.setPointerCapture(sample.pointerId);
+        }
+        catch {
+            // Capture is an optimisation here; the handlers are on the
+            // panel and the gesture stays inside it either way.
+        }
+    }
+    const elapsed = sample.timeStamp - state.lastT;
+    if (elapsed > 0) {
+        state.velocity = (sample.main - state.lastMain) / elapsed;
+        state.lastMain = sample.main;
+        state.lastT = sample.timeStamp;
+    }
+    const offset = Math.max(0, closing);
+    // A DOM style property, not the banned JSX style prop: the live
+    // offset is a per-frame number and the stylesheet reads it through
+    // the surface's transform variable.
+    panel.style.setProperty("--_tf-swipe-drag", `${String(direction * offset)}px`);
+    return state;
+}
+/** The release verdict for a committed drag: a flick still fresh at the
+ *  lift, or travel past the panel's own quarter, dismisses. */
+function _dragDismisses(state, sample, panel, axis, direction) {
+    // Where the panel actually ended up, not how far the finger went: a
+    // swipe pulled back past rest clamps to rest (the Math.max above) and
+    // must spring back too — |dMain| would count the pull-back as travel
+    // and dismiss the panel the finger just rescued.
+    const travelled = Math.max(0, direction * (sample.main - state.startMain));
+    // A speed nobody has measured recently is not a flick: velocity is
+    // sampled on pointermove alone, so a finger that flicked, stopped and
+    // lifted still carries the flick's number. Parking means parking.
+    const stillMoving = sample.timeStamp - state.lastT <= FLICK_GOES_STALE_AFTER_MS;
+    const flicked = stillMoving && direction * state.velocity > DISMISS_VELOCITY_PX_PER_MS;
+    // The panel's own extent, not the viewport: capped below nominal on
+    // the narrowest phones, a quarter of nominal would be a third on screen.
+    const extent = axis === "x" ? panel.offsetWidth : panel.offsetHeight;
+    return flicked || travelled > extent * DISMISS_TRAVEL_FRACTION;
+}
+//# sourceMappingURL=use-swipe-dismiss.js.map

package/dist/components/primitives/use-swipe-dismiss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-swipe-dismiss.js","sourceRoot":"","sources":["../../../src/components/primitives/use-swipe-dismiss.ts"],"names":[],"mappings":"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"}

package/dist/components/provider-chip.d.ts

@@ -0,0 +1,25 @@
+import type { SubscriptionStatus } from "../contract/subscriptions.js";
+/** The shelf row below the composer slab when no model menu is served.
+ *  Renders nothing when there is nothing to connect — the composer
+ *  composite then keeps today's geometry. Tolerates a missing provider
+ *  like the composer's paperclip does (welcome-branch tests render the
+ *  view bare). */
+export declare function ProviderChipShelf(): import("react").JSX.Element | null;
+/** The account chip itself, shelf-row-agnostic and CONTROLLED: the
+ *  no-menu shelf above mounts it in its own row, the model picker's
+ *  shelf mounts it beside the picker chip in a shared one. The
+ *  hosting shelf owns the open state — that is what makes the shared
+ *  row's one-menu-at-most invariant structural — and consumes the
+ *  parked connect ask; this chip only renders and reports. */
+export declare function ProviderChip({ statuses, open, onOpenChange, fundingNote, }: {
+    statuses: SubscriptionStatus[];
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** One caller-owned sentence relating the surrounding surface to the
+     *  plan — the model picker's shelf passes "models your plan serves run
+     *  on it…" because a pick can leave the plan's servable set; the
+     *  no-menu shelf passes nothing, since without picks the sections' own
+     *  included-usage copy already answers who pays. */
+    fundingNote?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=provider-chip.d.ts.map

package/dist/components/provider-chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-chip.d.ts","sourceRoot":"","sources":["../../src/components/provider-chip.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AA4BvE;;;;kBAIkB;AAClB,wBAAgB,iBAAiB,uCAMhC;AA8DD;;;;;8DAK8D;AAC9D,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC;;;;wDAIoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,+BAyGA"}

package/dist/components/provider-chip.js

@@ -0,0 +1,184 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { ChevronDownIcon, OpenAiMarkIcon } from "./icons.js";
+import { TfButton } from "./primitives/button.js";
+import { ProviderConnectSection, providerNameOf, } from "./subscription-connect-flow.js";
+import { useAssistantSession, useOptionalAssistantSession, } from "./teaflask-assistant-provider.js";
+import { useCell } from "./use-store-cell.js";
+// The provider chip: the composer shelf's account & funding control —
+// who serves and funds the conversation. Unconnected it reads "Sign in
+// with ChatGPT" (the acquisition affordance the old header plug hid);
+// connected it is the standing's home ("ChatGPT · Plus") and its menu
+// carries reconnect and disconnect. The menu opens UPWARD over the
+// transcript — the chip lives at the surface's floor.
+//
+// It stands alone on the shelf when the wire serves no model menu, and
+// beside the model picker as an independent sibling when one is served:
+// connecting or disconnecting never touches the pick, and picking never
+// opens this menu. Rendered only for identified visitors on agents that
+// offer (or once offered — a stored credential must stay reachable) a
+// provider: the same gate the drawer's plug used, now on every surface
+// because the composer is shared.
+/** The shelf row below the composer slab when no model menu is served.
+ *  Renders nothing when there is nothing to connect — the composer
+ *  composite then keeps today's geometry. Tolerates a missing provider
+ *  like the composer's paperclip does (welcome-branch tests render the
+ *  view bare). */
+export function ProviderChipShelf() {
+    const session = useOptionalAssistantSession();
+    if (session === null) {
+        return null;
+    }
+    return _jsx(MountedProviderChipShelf, {});
+}
+function MountedProviderChipShelf() {
+    const session = useAssistantSession();
+    const statuses = useCell(session.subscriptions);
+    // The chip's open state lives on the shelf, not in the chip: the chip
+    // is controlled, so whichever shelf hosts it owns the one-menu
+    // bookkeeping and the parked connect ask below.
+    const [open, setOpen] = useState(false);
+    // The standing read is identified-only (the GET 403s an anonymous
+    // bearer): kick it exactly when the tier admits it. tier arrives
+    // already resolved on the context value (the provider subscribes).
+    const identified = session.tier === "identified";
+    useEffect(() => {
+        if (identified) {
+            session.ensureSubscriptions();
+        }
+    }, [identified, session]);
+    const connectable = (statuses ?? []).filter((status) => status.offered || status.connected);
+    const chipShown = identified && connectable.length > 0;
+    // The parked ask (requestSubscriptionConnect — the bench's ring, and
+    // any host that wants to spotlight the chip): consume it by opening
+    // the menu. Living on the shelf means a ring while this surface was
+    // unmounted is honored on the next mount, never dropped. The open
+    // flips as a render-time adjustment of the shelf's OWN state (the
+    // sanctioned shape — never setState in an effect); the effect only
+    // CONSUMES the ask, an external store write, once the menu is
+    // actually rendered. Gated on the chip standing: with nothing to
+    // connect the ask stays parked for a surface that can honor it.
+    const openRequested = useCell(session.connectOpenRequested);
+    if (openRequested && chipShown && !open) {
+        setOpen(true);
+    }
+    // A menu cannot outlive its chip: when the offer is withdrawn the
+    // chip unmounts, and a LATER re-offer must render closed — the open
+    // died with the withdrawal, it does not pop back (the state used to
+    // live in the chip and reset by unmounting; the shelf resets it
+    // explicitly, same render-time-adjustment shape).
+    if (!chipShown && open) {
+        setOpen(false);
+    }
+    useEffect(() => {
+        if (openRequested && open && chipShown) {
+            session.acknowledgeSubscriptionConnect();
+        }
+    }, [openRequested, open, chipShown, session]);
+    if (!chipShown) {
+        return null;
+    }
+    return (_jsx("div", { className: "tf:relative tf:mt-1.5 tf:flex tf:items-center tf:justify-end tf:px-1", children: _jsx(ProviderChip, { statuses: connectable, open: open, onOpenChange: setOpen }) }));
+}
+/** The account chip itself, shelf-row-agnostic and CONTROLLED: the
+ *  no-menu shelf above mounts it in its own row, the model picker's
+ *  shelf mounts it beside the picker chip in a shared one. The
+ *  hosting shelf owns the open state — that is what makes the shared
+ *  row's one-menu-at-most invariant structural — and consumes the
+ *  parked connect ask; this chip only renders and reports. */
+export function ProviderChip({ statuses, open, onOpenChange, fundingNote, }) {
+    const session = useAssistantSession();
+    const triggerRef = useRef(null);
+    const menuRef = useRef(null);
+    // Light dismissal, judged by composedPath() — 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 (!open || menu === null) {
+            return;
+        }
+        const closeUnlessInside = (event) => {
+            const path = event.composedPath();
+            if (path.includes(menu)) {
+                return;
+            }
+            const trigger = triggerRef.current;
+            if (trigger !== null && path.includes(trigger)) {
+                return;
+            }
+            onOpenChange(false);
+        };
+        const doc = menu.ownerDocument;
+        doc.addEventListener("pointerdown", closeUnlessInside);
+        return () => {
+            doc.removeEventListener("pointerdown", closeUnlessInside);
+        };
+    }, [open, onOpenChange]);
+    const headline = _chipHeadlineOf(statuses);
+    return (_jsxs(_Fragment, { children: [_jsxs(TfButton, { ref: triggerRef, variant: headline.connected ? "chipQuiet" : "chip", "aria-expanded": open, "aria-controls": "tf-provider-chip-menu", "aria-label": headline.accessibleName, onClick: () => {
+                    onOpenChange(!open);
+                }, onKeyDown: (event) => {
+                    // Escape with focus on the trigger closes the menu, not the
+                    // hosting surface — stopped so a drawer's own Esc never sees it.
+                    if (!open || event.key !== "Escape") {
+                        return;
+                    }
+                    event.preventDefault();
+                    event.stopPropagation();
+                    onOpenChange(false);
+                }, children: [_jsx(OpenAiMarkIcon, {}), _jsx("span", { className: "tf:whitespace-nowrap", children: headline.label }), _jsx(ChevronDownIcon, {})] }), open ? (
+            // 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.
+            _jsxs("div", { ref: menuRef, id: "tf-provider-chip-menu", role: "dialog", "aria-label": headline.accessibleName, "data-tf-glass": "", className: "tf:absolute tf:right-0 tf:bottom-full tf:mb-2 tf:flex tf:w-80 tf:max-w-[calc(100vw-2rem)] tf:flex-col tf:gap-3 tf:overflow-y-auto tf:rounded-2xl tf:border tf:p-3", onKeyDown: (event) => {
+                    // Esc closes the menu and hands focus back to its trigger;
+                    // the hosting surface survives.
+                    if (event.key !== "Escape") {
+                        return;
+                    }
+                    event.preventDefault();
+                    event.stopPropagation();
+                    onOpenChange(false);
+                    triggerRef.current?.focus();
+                }, children: [fundingNote !== undefined ? (_jsx("p", { className: "tf:text-xs tf:text-tf-muted-foreground", children: fundingNote })) : null, statuses.map((status) => (_jsx(ProviderConnectSection, { status: status, session: session.session, refreshSubscriptions: session.refreshSubscriptions }, status.provider)))] })) : null] }));
+}
+// The chip speaks for the first credential that exists, else the first
+// offered provider — one provider today, and a second one's standing
+// still reaches the menu below.
+function _chipHeadlineOf(statuses) {
+    const holding = statuses.find((status) => status.connected) ?? statuses[0];
+    const name = providerNameOf(holding.provider);
+    if (!holding.connected) {
+        return {
+            label: `Sign in with ${name}`,
+            accessibleName: `Sign in with ${name}`,
+            connected: false,
+        };
+    }
+    if (holding.state === "verifying") {
+        return {
+            label: `${name} · verifying…`,
+            accessibleName: `${name} plan — verifying`,
+            connected: true,
+        };
+    }
+    if (holding.state === "bounced") {
+        return {
+            label: `${name} · reconnect`,
+            accessibleName: `${name} plan — reconnect`,
+            connected: true,
+        };
+    }
+    const plan = holding.plan_type;
+    return {
+        label: plan === null ? `${name} plan` : `${name} · ${_titleCased(plan)}`,
+        accessibleName: `${name} plan`,
+        connected: true,
+    };
+}
+function _titleCased(plan) {
+    return plan.charAt(0).toUpperCase() + plan.slice(1);
+}
+//# sourceMappingURL=provider-chip.js.map

package/dist/components/provider-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-chip.js","sourceRoot":"","sources":["../../src/components/provider-chip.tsx"],"names":[],"mappings":"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"}

package/dist/components/question-panel-answers.d.ts

@@ -0,0 +1,35 @@
+import type { KeyboardEvent, RefObject } from "react";
+import type { QuestionModel } from "../core/elicitation-pickers.js";
+import type { QuestionAnswerDraft } from "../core/question-drafts.js";
+/** The panel's element ids, minted once by the shell: the prompt and
+ *  the hint name and describe the rows; the custom row and each
+ *  description carry their own. */
+export interface QuestionPanelIds {
+    hint: string;
+    prompt: string;
+    descriptionBase: string;
+    custom: string;
+}
+/** The answer list: the suggested answers as a radiogroup of numbered
+ *  rows, the custom row last, and the over-limit sentence under them. */
+export declare function QuestionPanelAnswers({ question, active, customText, disabled, ids, openDescription, onToggleDescription, overLimitSentence, answersRef, foldBelow, onScroll, rowsRef, customRef, selectOption, activateCustomIfDrafted, setCustomText, optionKeys, customKeys, }: {
+    question: QuestionModel;
+    active: QuestionAnswerDraft["active"];
+    customText: string;
+    disabled: boolean;
+    ids: QuestionPanelIds;
+    openDescription: string | null;
+    onToggleDescription: (open: string | null) => void;
+    overLimitSentence: string | null;
+    answersRef: RefObject<HTMLDivElement | null>;
+    foldBelow: boolean;
+    onScroll: () => void;
+    rowsRef: RefObject<HTMLDivElement | null>;
+    customRef: RefObject<HTMLTextAreaElement | null>;
+    selectOption: (text: string) => void;
+    activateCustomIfDrafted: () => void;
+    setCustomText: (text: string) => void;
+    optionKeys: (index: number) => (event: KeyboardEvent<HTMLElement>) => void;
+    customKeys: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=question-panel-answers.d.ts.map

package/dist/components/question-panel-answers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"question-panel-answers.d.ts","sourceRoot":"","sources":["../../src/components/question-panel-answers.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EACV,aAAa,EAEd,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAStE;;mCAEmC;AACnC,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;yEACyE;AACzE,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,MAAM,EACN,UAAU,EACV,QAAQ,EACR,GAAG,EACH,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,UAAU,EACV,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,uBAAuB,EACvB,aAAa,EACb,UAAU,EACV,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,gBAAgB,CAAC;IACtB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,SAAS,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACjD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC3E,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACjE,+BAgEA"}

package/dist/components/question-panel-answers.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ArrowDownIcon, ArrowUpIcon, CornerDownLeftIcon, InfoIcon, } from "lucide-react";
+import { Kbd } from "./primitives/kbd.js";
+import { TfButton } from "./primitives/button.js";
+import { TfTextarea } from "./primitives/textarea.js";
+const CUSTOM_ANSWER_PLACEHOLDER = "Custom answer";
+/** The answer list: the suggested answers as a radiogroup of numbered
+ *  rows, the custom row last, and the over-limit sentence under them. */
+export function QuestionPanelAnswers({ question, active, customText, disabled, ids, openDescription, onToggleDescription, overLimitSentence, answersRef, foldBelow, onScroll, rowsRef, customRef, selectOption, activateCustomIfDrafted, setCustomText, optionKeys, customKeys, }) {
+    const tabStopIndex = tabStopIndexOf(question, active);
+    const customActive = active?.kind === "custom";
+    const reserveInfoColumn = reserveInfoColumnOf(question);
+    return (_jsxs("div", { ref: answersRef, className: "tf:mt-3 tf:flex tf:flex-col tf:gap-1", "data-tf-question-answers": "", "data-tf-has-options": question.options.length > 0 ? "" : undefined, "data-tf-fold-below": foldBelow ? "" : undefined, onScroll: onScroll, children: [_jsx("div", { ref: rowsRef, role: "radiogroup", "aria-labelledby": ids.prompt, "aria-describedby": ids.hint, className: "tf:flex tf:flex-col tf:gap-0.5", children: question.options.map((option, index) => (_jsx(AnswerOptionRow, { option: option, index: index, checked: active?.kind === "option" && active.text === option.text, tabStop: index === tabStopIndex, disabled: disabled, reserveInfoColumn: reserveInfoColumn, descriptionId: `${ids.descriptionBase}-${String(index)}`, descriptionOpen: openDescription === option.text, onToggleDescription: onToggleDescription, onSelect: selectOption, onKeyDown: optionKeys(index) }, option.text))) }), _jsx(CustomAnswerRow, { optionCount: question.options.length, customText: customText, customActive: customActive, disabled: disabled, ids: ids, reserveInfoColumn: reserveInfoColumn, customRef: customRef, onTextChange: setCustomText, onPointerDown: activateCustomIfDrafted, onKeyDown: customKeys }), overLimitSentence !== null ? (_jsx("p", { className: "tf:px-3 tf:text-tf-label tf:text-tf-destructive", "data-tf-question-over-limit": "", children: overLimitSentence })) : null] }));
+}
+/** The radiogroup's one tab stop: the chosen option's row, else the
+ *  first row. */
+function tabStopIndexOf(question, active) {
+    return active?.kind === "option"
+        ? Math.max(question.options.findIndex((option) => option.text === active.text), 0)
+        : 0;
+}
+// Rows stay full width: when any suggestion carries a description the
+// (i) column is reserved on every row, so the active row's key caps
+// never jump as the member arrows through.
+function reserveInfoColumnOf(question) {
+    return question.options.some((option) => option.description !== null);
+}
+function AnswerOptionRow({ option, index, checked, tabStop, disabled, reserveInfoColumn, descriptionId, descriptionOpen, onToggleDescription, onSelect, onKeyDown, }) {
+    return (_jsxs("div", { className: "tf:flex tf:flex-col", children: [_jsxs("div", { className: "tf:flex tf:items-start tf:gap-1", children: [_jsxs(TfButton, { variant: "answerRow", role: "radio", "aria-checked": checked, "data-tf-answer-row": "", "data-tf-answer-index": index, tabIndex: tabStop ? 0 : -1, disabled: disabled, onClick: () => {
+                            onSelect(option.text);
+                        }, onKeyDown: onKeyDown, children: [_jsx("span", { "aria-hidden": true, className: "tf:w-5 tf:shrink-0 tf:tabular-nums tf:text-tf-muted-foreground", children: `${String(index + 1)}.` }), _jsx("span", { className: "tf:min-w-0 tf:flex-1", children: option.text }), checked ? _jsx(KeyHints, { hints: ["up", "down", "enter"] }) : null] }), option.description !== null ? (_jsx(TfButton, { variant: "icon", className: "tf:mt-2", "aria-label": `About "${option.text}"`, "aria-expanded": descriptionOpen, "aria-controls": descriptionOpen ? descriptionId : undefined, onClick: () => {
+                            onToggleDescription(descriptionOpen ? null : option.text);
+                        }, children: _jsx(InfoIcon, { "aria-hidden": true, className: "tf:size-4" }) })) : reserveInfoColumn ? (_jsx("span", { "aria-hidden": true, className: "tf:mt-2 tf:size-7 tf:shrink-0" })) : null] }), option.description !== null && descriptionOpen ? (_jsx("p", { id: descriptionId, "data-tf-answer-description": "", className: "tf:ps-11 tf:pe-3 tf:pb-2 tf:text-tf-label tf:text-tf-muted-foreground", children: option.description })) : null] }));
+}
+function CustomAnswerRow({ optionCount, customText, customActive, disabled, ids, reserveInfoColumn, customRef, onTextChange, onPointerDown, onKeyDown, }) {
+    return (_jsxs("div", { "data-tf-custom-answer-row": "", "data-tf-answer-active": customActive ? "" : undefined, className: "tf:flex tf:min-h-11 tf:items-start tf:gap-3 tf:rounded-tf tf:px-3 tf:py-1 " +
+            "tf:focus-within:outline-2 tf:focus-within:-outline-offset-2 tf:focus-within:outline-tf-ring " +
+            (customActive ? "tf:bg-tf-emphasis" : ""), children: [optionCount > 0 ? (_jsx("label", { htmlFor: ids.custom, "aria-hidden": true, className: "tf:w-5 tf:shrink-0 tf:cursor-text tf:pt-1.5 tf:text-tf-label tf:tabular-nums tf:text-tf-muted-foreground", children: `${String(optionCount + 1)}.` })) : null, _jsx(TfTextarea, { id: ids.custom, ref: customRef, variant: "bare", rows: 1, className: "tf:min-w-0 tf:flex-1 tf:px-0 tf:py-1.5 tf:text-tf-label", "aria-label": CUSTOM_ANSWER_PLACEHOLDER, "aria-describedby": ids.hint, placeholder: CUSTOM_ANSWER_PLACEHOLDER, value: customText, disabled: disabled, onChange: (event) => {
+                    onTextChange(event.target.value);
+                }, onPointerDown: onPointerDown, onKeyDown: onKeyDown }), customActive ? (_jsx(KeyHints, { className: "tf:pt-1.5", hints: ["up", "down", "modifier"] })) : null, reserveInfoColumn ? (_jsx("span", { "aria-hidden": true, className: "tf:mt-1 tf:size-7 tf:shrink-0" })) : null] }));
+}
+// Icons, not glyph text: the widget is embedded in arbitrary hosts, and a
+// host font cannot be trusted to carry U+21B5 or the arrows.
+function KeyHints({ hints, className, }) {
+    return (_jsx("span", { "aria-hidden": true, "data-tf-key-hints": "", className: "tf:flex tf:shrink-0 tf:items-center tf:gap-1 " + (className ?? ""), children: hints.map((hint) => (_jsx(Kbd, { children: hint === "up" ? (_jsx(ArrowUpIcon, { className: "tf:size-3" })) : hint === "down" ? (_jsx(ArrowDownIcon, { className: "tf:size-3" })) : hint === "enter" ? (_jsx(CornerDownLeftIcon, { className: "tf:size-3" })) : (_jsxs(_Fragment, { children: [_jsx("span", { children: modifierLabel() }), _jsx(CornerDownLeftIcon, { className: "tf:size-3" })] })) }, hint))) }));
+}
+// Detected from the platform, never a clock or locale: the custom row's
+// continue gesture reads ⌘↵ on Apple hardware and Ctrl↵ everywhere else.
+function modifierLabel() {
+    const agent = typeof navigator === "undefined" ? "" : navigator.userAgent;
+    return /Mac|iPhone|iPad|iPod/.test(agent) ? "⌘" : "Ctrl";
+}
+//# sourceMappingURL=question-panel-answers.js.map

package/dist/components/question-panel-answers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"question-panel-answers.js","sourceRoot":"","sources":["../../src/components/question-panel-answers.tsx"],"names":[],"mappings":"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"}

package/dist/components/question-panel-footer.d.ts

@@ -0,0 +1,12 @@
+import type { QuestionSetCardModel } from "../core/elicitation-cards.js";
+/** The footer's three states: sending, the discard confirm, or the
+ *  actions (the gate's reason, Cancel, and the one continue). */
+export declare function QuestionPanelFooter({ card, cursor, gateReason, disabled, submitGated, onProceed, }: {
+    card: QuestionSetCardModel;
+    cursor: number;
+    gateReason: string | null;
+    disabled: boolean;
+    submitGated: boolean;
+    onProceed: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=question-panel-footer.d.ts.map

package/dist/components/question-panel-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"question-panel-footer.d.ts","sourceRoot":"","sources":["../../src/components/question-panel-footer.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAKzE;iEACiE;AACjE,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,WAAW,EACX,SAAS,GACV,EAAE;IACD,IAAI,EAAE,oBAAoB,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,+BAiEA"}