@softov/ahpc 0.2.0 → 0.4.0

package/dist/src/view/controls.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@textui/core/jsx-runtime";
-import { defineComponent, useFocus, useInput, useTheme } from '@textui/core';
-import { Row } from '@textui/widgets';
-/** The focus id of one chip. The picker anchors to it, so it has to be knowable. */
-export const chipId = (id) => `chat.option.${id}`;
-export const SEND_ID = 'chat.send';
-export const ComposerBar = defineComponent('ComposerBar', (props) => {
-    const { options, onOpen, onSend, running, queued = 0, sendDisabled, ...rest } = props;
-    const theme = useTheme();
-    return (_jsxs(Row, { gap: 1, ...rest, children: [options.map((option, at) => (option.commandId
-                ? (_jsx(Chip, { focusId: chipId(option.id), 
-                    // Stated, not inherited. Tab order is registration order, and
-                    // which chips exist is the *host's* answer - it arrives one
-                    // round trip after the row is first drawn, so the ones that were
-                    // there from the start would otherwise come first however far to
-                    // the right they sit. Tab would run harness, workspace, and then
-                    // back to the middle.
-                    order: at, label: option.label, ...(option.icon ? { icon: option.icon } : {}), onOpen: () => onOpen(option, chipId(option.id)) }, option.id))
-                : (
-                // Shown, not asked: a value that is fixed for this session is
-                // still worth reading, and a chip that opens a panel offering one
-                // choice is a worse way of saying so.
-                _jsxs(Row, { gap: 1, children: [option.icon ? _jsx("text", { content: option.icon, fg: "subtle" }) : null, _jsx("text", { content: option.label, fg: "subtle" })] }, option.id)))), _jsx("text", { content: "", flex: 1 }), queued > 0 ? _jsx("text", { content: `${queued} queued`, fg: "warning" }) : null, _jsx(Chip, { focusId: SEND_ID, order: options.length, label: running ? 'queue' : 'send', trailing: theme.glyphs.chevronRight, tone: "accent", ...(sendDisabled ? { disabled: true } : {}), onOpen: onSend })] }));
-});
-/**
- * One value on the control row.
- *
- * Not a `Button`: a button is a verb and these are nouns, and at `size="sm"`
- * four of them still read as four buttons rather than as one sentence about
- * what is about to be sent. What it borrows from a button is the part that
- * matters - it is focusable, tab reaches it, and enter opens it.
- */
-const Chip = defineComponent('ComposerChip', (props) => {
-    const { focusId, order, label, icon, trailing, tone, disabled, onOpen } = props;
-    const theme = useTheme();
-    const focus = useFocus({ id: focusId, order, disabled: disabled === true });
-    useInput((event) => {
-        if (disabled)
-            return false;
-        // Down as well as enter: the panel comes up out of the chip, and reaching
-        // for it downwards is what the shape of the thing suggests.
-        if (event.name === 'enter' || event.name === 'space' || event.name === 'down') {
-            onOpen();
-            return true;
-        }
-        return false;
-    }, { focusId: focus.id, enabled: disabled !== true });
-    return (_jsxs(Row, { id: focus.id, gap: 1, padding: [0, 1], ...(focus.focused ? { bg: 'selected' } : {}), onClick: disabled ? undefined : onOpen, children: [icon ? _jsx("text", { content: icon, shrink: 0, fg: focus.focused ? 'inverted' : tone ?? 'muted' }) : null, _jsx("text", { content: label, truncate: "end", fg: focus.focused ? 'inverted' : disabled ? 'disabled' : tone ?? undefined, ...(tone ? { bold: true } : {}) }), _jsx("text", { content: trailing ?? theme.glyphs.chevronDown, shrink: 0, fg: focus.focused ? 'inverted' : 'subtle' })] }));
-});

package/dist/src/view/details.d.ts

@@ -1,65 +0,0 @@
-import type { BoxProps, RenderOutput, SemanticVariant } from '@textui/core';
-/**
- * A property list you can walk, and take a value out of.
- *
- * The catalogue's detail pane is where the identifiers live - a session URI, a
- * chat URI - and an identifier you cannot read in full or paste anywhere is
- * decoration. `KeyValue` draws the same pairs and is static: nothing selects a
- * row, so nothing can be copied and nothing can be shown untruncated.
- *
- * So the selected row is the one that gets the room. Every other row is one
- * line with its value truncated, and the selected row wraps its value across
- * as many lines as it needs - which costs nothing when the value is short and
- * is the whole answer when it is a URI in a 36-column pane. `enter` puts it on
- * the clipboard.
- *
- * This is a finding, not a flourish: it is the third component this example
- * wanted that the catalog does not have.
- */
-export interface DetailField {
-    id: string;
-    label: string;
-    value: string;
-    tone?: SemanticVariant;
-    /** Shown instead of the value when there is none, in the subtle tone. */
-    absent?: string;
-}
-export interface SessionDetailsProps extends BoxProps {
-    fields: DetailField[];
-    focusId?: string;
-    /**
-     * Width of the label column, where a caller wants to fix it.
-     *
-     * Left off, it is the widest label there is. It used to be a constant on
-     * the grounds that the labels were ours, and they are not: a session's
-     * settings and a model's options are named by whichever host is answering,
-     * in words this client does not choose, and the constant was one character
-     * wider than the longest label anybody had thought of.
-     */
-    labelWidth?: number;
-    /**
-     * Take the keyboard on the frame this mounts, out of whatever holds it.
-     *
-     * Not `autoFocus`, which claims focus rather than taking it: a pane that
-     * appears *because* a key asked for it has to end up with the cursor, and
-     * the thing it is taking the cursor from - the session list - is in the
-     * same focus scope and already has it.
-     *
-     * It has to be done here rather than by the screen that mounts this,
-     * because a focusable registers in its own effect: on the render that opens
-     * the pane, the id does not exist yet and the screen's `focus()` is a call
-     * that quietly returns false.
-     */
-    claim?: boolean;
-    /**
-     * Which rows show their value whole.
-     *
-     * `selected` is the default and the one that keeps the pane a list: every
-     * row is one line, and the row you have stopped on wraps to as many as its
-     * value needs. `all` wraps every row, which is what you want when the
-     * values *are* the point - a pane of URIs where the answer is on the third
-     * one down and reading it should not mean walking there first.
-     */
-    values?: 'selected' | 'all';
-}
-export declare const SessionDetails: (props: SessionDetailsProps) => RenderOutput;

package/dist/src/view/details.js

@@ -1,65 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@textui/core/jsx-runtime";
-import { defineComponent, useClipboard, useEffect, useFocus, useInput, useState, useTheme, } from '@textui/core';
-import { Column, Row } from '@textui/widgets';
-export const SessionDetails = defineComponent('SessionDetails', (props) => {
-    const { fields, focusId, labelWidth, claim, values = 'selected', ...rest } = props;
-    // Floored at the eleven this used to be, so nothing that already fitted
-    // moves, and capped so one verbose title cannot take the pane from the
-    // values it is there to label.
-    const column = labelWidth ?? Math.min(20, Math.max(11, ...fields.map((field) => field.label.length)));
-    const theme = useTheme();
-    const clipboard = useClipboard();
-    const focus = useFocus({ ...(focusId ? { id: focusId } : {}) });
-    const [index, setIndex] = useState(0);
-    const [copied, setCopied] = useState(null);
-    // The selection is an index into a list that changes with the selected
-    // session, so it is clamped on the way out rather than reset on the way in.
-    const at = Math.max(0, Math.min(index, fields.length - 1));
-    // After the registration above, which is the whole point of it being here.
-    useEffect(() => { if (claim)
-        focus.focus(); }, [claim]);
-    useInput((event) => {
-        if (fields.length === 0)
-            return false;
-        switch (event.name) {
-            case 'up':
-                setIndex(Math.max(0, at - 1));
-                setCopied(null);
-                return true;
-            case 'down':
-                setIndex(Math.min(fields.length - 1, at + 1));
-                setCopied(null);
-                return true;
-            case 'home':
-                setIndex(0);
-                setCopied(null);
-                return true;
-            case 'end':
-                setIndex(fields.length - 1);
-                setCopied(null);
-                return true;
-            case 'enter': {
-                const field = fields[at];
-                if (!field || !field.value)
-                    return true;
-                // OSC 52 where the terminal takes it, and the store either way - so
-                // a test can assert what was copied without a terminal at all.
-                clipboard.write(field.value);
-                setCopied(field.id);
-                return true;
-            }
-            default: return false;
-        }
-    }, { focusId: focus.id });
-    return (_jsx(Column, { ...rest, id: focus.id, children: fields.map((field, i) => {
-            const active = i === at;
-            const selected = active && focus.focused;
-            const whole = values === 'all' || active;
-            return (
-            // `align="start"` because a wrapped value makes the row two lines
-            // tall and the label is one: centred, it drifted down to sit
-            // beside the *second* line of a URI, with nothing at all beside
-            // the first. A label names the row it starts.
-            _jsxs(Row, { gap: 1, align: "start", children: [_jsx("text", { content: active ? theme.glyphs.chevronRight : ' ', fg: selected ? 'accent' : 'subtle', shrink: 0 }), _jsx("text", { content: field.label, width: column, shrink: 0, fg: "muted", truncate: "end" }), _jsx("text", { content: field.value || field.absent || '-', flex: 1, ...(whole ? { wrap: 'word' } : { truncate: 'end' }), ...(field.value ? {} : { fg: 'subtle' }), ...(field.tone && field.value ? { fg: field.tone } : {}), ...(selected ? { bold: true } : {}) }), copied === field.id ? _jsx("text", { content: "copied", fg: "success", shrink: 0 }) : null] }, field.id));
-        }) }));
-});

package/dist/src/view/filediff.d.ts

@@ -1,29 +0,0 @@
-import type { BoxProps, RenderOutput } from '@textui/core';
-import type { DiffResult } from '../diff.js';
-/**
- * One file out of a changeset, both sides of it.
- *
- * Unified rather than side by side, and not for want of a splitter: a terminal
- * that a changeset list already shares with a session pane has sixty columns
- * left, and eighty characters of source in thirty is two columns of nothing
- * legible. Unified spends the width on the line instead.
- *
- * Every row is exactly one row tall. The scroll position is a row count, so a
- * line that wrapped would put the gutter numbers out of step with what is on
- * screen - which is the same invariant the markdown layout keeps, for the same
- * reason. Long lines are clipped, and the file is there to be read rather than
- * edited.
- */
-export interface FileDiffProps extends BoxProps {
-    /** The file, as the changeset names it. */
-    path: string;
-    diff: DiffResult;
-    /** Absent `before` is a creation, absent `after` a deletion. */
-    kind: 'new' | 'edited' | 'deleted';
-    /** Set instead of a diff when the bytes are not text. */
-    binary?: {
-        bytes: number;
-        contentType?: string;
-    };
-}
-export declare const FileDiff: (props: FileDiffProps) => RenderOutput;

package/dist/src/view/filediff.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@textui/core/jsx-runtime";
-import { defineComponent, useTheme } from '@textui/core';
-import { Column, EmptyState, Row, ScrollView } from '@textui/widgets';
-export const FileDiff = defineComponent('FileDiff', (props) => {
-    const { path, diff, kind, binary, ...rest } = props;
-    const theme = useTheme();
-    if (binary) {
-        return (_jsx(EmptyState, { title: "Not text", message: `${binary.contentType ?? 'Binary'}, ${binary.bytes} bytes. There is nothing to show a line at a time.`, ...rest }));
-    }
-    if (diff.tooLarge) {
-        return (_jsx(EmptyState, { title: "Too big to line up", message: `${diff.tooLarge.lines} lines between the two sides, over the ${diff.tooLarge.limit} this will compare. Open it in an editor.`, ...rest }));
-    }
-    if (diff.rows.length === 0) {
-        return _jsx(EmptyState, { title: "Nothing between the two", message: "Both sides of this file are the same.", ...rest });
-    }
-    // The widest line number either side will need, so the gutter does not
-    // change width partway down the file.
-    const width = String(Math.max(...diff.rows.map((row) => Math.max(row.before ?? 0, row.after ?? 0)))).length;
-    return (_jsxs(Column, { ...rest, children: [_jsxs(Row, { gap: 1, children: [_jsx("text", { content: kind === 'new' ? '+' : kind === 'deleted' ? '-' : theme.glyphs.chevronRight, fg: kind === 'new' ? 'success' : kind === 'deleted' ? 'danger' : 'muted', shrink: 0 }), _jsx("text", { content: path, flex: 1, truncate: "start" }), _jsx("text", { content: `+${diff.added}`, fg: "success", shrink: 0 }), _jsx("text", { content: `-${diff.removed}`, fg: "danger", shrink: 0 })] }), _jsx(ScrollView, { flex: 1, focusId: "changes.file", children: _jsx(Column, { children: diff.rows.map((row, index) => (_jsxs(Row, { gap: 1, children: [_jsx("text", { content: String(row.before ?? '').padStart(width), fg: "subtle", shrink: 0 }), _jsx("text", { content: String(row.after ?? '').padStart(width), fg: "subtle", shrink: 0 }), _jsx("text", { content: row.kind === 'added' ? '+' : row.kind === 'removed' ? '-' : ' ', fg: row.kind === 'added' ? 'success' : row.kind === 'removed' ? 'danger' : 'muted', shrink: 0 }), _jsx("text", { content: row.text, wrap: "none", truncate: "end", flex: 1, ...(row.kind === 'added'
-                                    ? { fg: 'success' }
-                                    : row.kind === 'removed'
-                                        ? { fg: 'danger' }
-                                        : {}) })] }, index))) }) })] }));
-});

package/dist/src/view/hitl.d.ts

@@ -1,43 +0,0 @@
-import type { BindingPath, BoxProps, RenderOutput } from '@textui/core';
-import type { Answer, PendingInput } from '../ahp/types.js';
-/**
- * The block that means the agent is stopped, waiting on a person.
- *
- * It is the only thing on the screen that is waiting on the reader, so it
- * takes the focus, traps it, and is answerable without leaving the keyboard.
- * Rendered as one more bubble in the transcript it scrolls away, and a blocked
- * agent that has scrolled off is a session that looks merely slow.
- *
- * Two kinds, and they are nothing alike:
- *
- *   a **tool confirmation** is a yes or a no about a command, with named
- *   options where the host offers them;
- *
- *   a **question** carries no tool call at all. Its prose is the request's own
- *   message and what is being asked is its questions. Rendering it as a
- *   confirmation loses the entire request - the choices vanish, the question
- *   is never shown, and what is left is a heading and an Approve button.
- */
-export declare const ANSWERS: BindingPath;
-export interface ChatHitlProps extends BoxProps {
-    input: PendingInput;
-    onApprove(optionId?: string): void;
-    onDeny(): void;
-    onAnswer(answers: Record<string, Answer>, accepted: boolean): void;
-    /** Leave it up, but give the keyboard back. */
-    onEscape?(): void;
-}
-export declare const ChatHitl: (props: ChatHitlProps) => RenderOutput;
-/**
- * What came of the answer, on the row between the block and the composer.
- *
- * That row was a blank one, and it is where a person is already looking after
- * pressing a button on the block above it. A press that reaches a host which
- * then says nothing is indistinguishable from a key that was never read - so
- * this says the answer has gone, and says so in red when it did not.
- *
- * Nothing to say is no row rather than an empty one: a status line that is
- * always there is a row of chrome, and the composer is a row further from the
- * conversation for the whole of every session in which nothing goes wrong.
- */
-export declare const ChatInputStatus: (props: BoxProps) => RenderOutput;

package/dist/src/view/hitl.js

@@ -1,171 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@textui/core/jsx-runtime";
-import { defineComponent, useApp, useFocusScope, useInput, useMeasure, useStore, useStoreValue, useTheme, } from '@textui/core';
-import { useFloorTop } from './creature.js';
-import { Button, Checkbox, Column, MarkdownView, Panel, RadioGroup, Row, TextArea, TextInput, } from '@textui/widgets';
-import { INPUT_STATUS } from '../state.js';
-/**
- * The block that means the agent is stopped, waiting on a person.
- *
- * It is the only thing on the screen that is waiting on the reader, so it
- * takes the focus, traps it, and is answerable without leaving the keyboard.
- * Rendered as one more bubble in the transcript it scrolls away, and a blocked
- * agent that has scrolled off is a session that looks merely slow.
- *
- * Two kinds, and they are nothing alike:
- *
- *   a **tool confirmation** is a yes or a no about a command, with named
- *   options where the host offers them;
- *
- *   a **question** carries no tool call at all. Its prose is the request's own
- *   message and what is being asked is its questions. Rendering it as a
- *   confirmation loses the entire request - the choices vanish, the question
- *   is never shown, and what is left is a heading and an Approve button.
- */
-export const ANSWERS = '$/chat/ui/answers';
-export const ChatHitl = defineComponent('ChatHitl', (props) => {
-    // It sits above the composer rather than inside it, so it says where it
-    // starts: the composer alone left the creature standing in the question.
-    useFloorTop('ask', useMeasure().y);
-    const { input, onApprove, onDeny, onAnswer, onEscape, ...rest } = props;
-    const theme = useTheme();
-    // Focused on arrival, and not trapped.
-    //
-    // Trapping read well - the answer is the only thing to do - and it was
-    // wrong. A trap routes every key inside the scope, so while a session was
-    // blocked the transcript could not be scrolled, escape could not leave the
-    // screen, and the block that said `esc read` was the one thing making that
-    // impossible. You approve a command on the strength of what is written
-    // above it, so reading has to stay available while it is up.
-    //
-    // The keys that answer it are global (see `ConfirmRequest`), so they still
-    // work from wherever the reader has gone.
-    useFocusScope({ id: 'chat.hitl', autoFocus: true, restore: true });
-    // Wrapped, so that what `useFloorTop` measures is the box this occupies
-    // rather than the room inside its border - which is one row lower, and put
-    // the creature's feet through the title.
-    return (_jsx(Column, { ...rest, children: _jsx(Panel, { title: input.kind === 'toolConfirmation' ? (input.call.confirmationTitle ?? 'The agent asks') : 'The agent asks', tone: "warning", border: theme.border, meta: `${theme.glyphs.warning} waiting on you`, children: input.kind === 'toolConfirmation'
-                ? _jsx(ConfirmRequest, { input: input, onApprove: onApprove, onDeny: onDeny, ...(onEscape ? { onEscape } : {}) })
-                : _jsx(QuestionForm, { input: input, onAnswer: onAnswer, ...(onEscape ? { onEscape } : {}) }) }) }));
-});
-/** A yes or a no about a command, and the named options the host offered. */
-const ConfirmRequest = defineComponent('ConfirmRequest', ({ input, onApprove, onDeny, onEscape }) => {
-    const theme = useTheme();
-    const options = input.call.options ?? [];
-    // The letters are on the block, not on the application: they only exist
-    // while it is up, and while it is up nothing else wants them.
-    useInput((event) => {
-        if (event.name === 'a') {
-            onApprove();
-            return true;
-        }
-        if (event.name === 'd') {
-            onDeny();
-            return true;
-        }
-        if (event.name === 'escape') {
-            onEscape?.();
-            return true;
-        }
-        const digit = Number(event.name);
-        if (Number.isInteger(digit) && digit >= 1 && digit <= options.length) {
-            onApprove(options[digit - 1]?.id);
-            return true;
-        }
-        return false;
-    }, { global: true });
-    return (_jsxs(Column, { gap: 1, children: [input.call.intention ? _jsx(MarkdownView, { content: input.call.intention, quiet: true }) : null, input.call.input ? (_jsx(Column, { bg: "surfaceAlt", padding: [0, 1], children: _jsx("text", { content: input.call.input, wrap: "word" }) })) : null, _jsxs(Row, { gap: 2, children: [_jsx(Button, { label: "Approve", tone: "success", variant: "solid", icon: theme.glyphs.check, hint: "a", autoFocus: true, onPress: () => onApprove() }), _jsx(Button, { label: "Deny", tone: "danger", icon: theme.glyphs.cross, hint: "d", onPress: onDeny }), options.map((option, i) => (_jsx(Button, { label: option.label, variant: "ghost", hint: String(i + 1), onPress: () => onApprove(option.id) }, option.id)))] })] }));
-});
-/**
- * A question, with its questions.
- *
- * Every answer names its own kind, keyed by question id, and a required one
- * left empty is not sendable - accepting with no answers resumes the agent on
- * the answers it already had, which for a question it has just asked is none.
- */
-const QuestionForm = defineComponent('QuestionForm', ({ input, onAnswer, onEscape }) => {
-    const theme = useTheme();
-    const app = useApp();
-    // Draft answers live in the store, not in this component: AHP has an action
-    // for a draft answer precisely because another client may be looking at the
-    // same question, and a value only this box knows is one nobody else can see.
-    const [draft, setDraft] = useStore(`${ANSWERS}/${input.id}`, {});
-    const answers = draft ?? {};
-    const set = (id, answer) => {
-        const next = { ...answers };
-        if (answer === null)
-            delete next[id];
-        else
-            next[id] = answer;
-        setDraft(next);
-    };
-    const missing = input.questions.filter((question) => question.required && !answers[question.id]);
-    const send = () => { if (missing.length === 0)
-        onAnswer(answers, true); };
-    useInput((event) => {
-        if (event.name === 'escape') {
-            onEscape?.();
-            return true;
-        }
-        // Enter sends, which is what the hint row under this says while a question
-        // is up - but only from inside the block. A reader who has deliberately
-        // tabbed down to the composer to queue a message is pressing enter at the
-        // composer, and answering the question with it would be the same mistake
-        // in the other direction. The fields that consume enter themselves - a
-        // text input, a checkbox, the Send button - never reach this.
-        if (event.name === 'enter') {
-            const at = app.focus.focused();
-            if (at === null || app.focus.scopeOf(at) !== 'chat.hitl')
-                return false;
-            send();
-            return true;
-        }
-        return false;
-    }, { global: true });
-    return (_jsxs(Column, { gap: 1, children: [_jsx(MarkdownView, { content: input.message }), input.questions.map((question, i) => (_jsx(QuestionField, { question: question, answer: answers[question.id] ?? null, 
-                // The first field takes the keyboard, and the scope asking for it is
-                // not enough: a scope's `autoFocus` only claims focus when nothing
-                // holds any, and while a question is up the composer holds it. So a
-                // question rendered its field, put `required` beside it, disabled
-                // Send until it was answered - and every key typed at it went into
-                // the composer behind. A control that says it wants focus is the one
-                // thing that takes it off another scope, which is why the
-                // confirmation's Approve button works and this did not.
-                autoFocus: i === 0, onChange: (answer) => set(question.id, answer), onSubmit: send }, question.id))), _jsxs(Row, { gap: 2, children: [_jsx(Button, { label: "Send", tone: "success", variant: "solid", icon: theme.glyphs.check, hint: "enter", disabled: missing.length > 0, onPress: () => onAnswer(answers, true) }), _jsx(Button, { label: "Decline", variant: "ghost", icon: theme.glyphs.cross, onPress: () => onAnswer({}, false) }), missing.length > 0 ? (_jsx("text", { content: `${theme.glyphs.warning} ${missing.length} still to answer`, fg: "warning" })) : null] })] }));
-});
-/** One question, rendered by its kind. The kind decides the answer's shape. */
-const QuestionField = defineComponent('QuestionField', ({ question, answer, autoFocus, onChange, onSubmit }) => {
-    const theme = useTheme();
-    const options = question.options ?? [];
-    const selectedMany = answer?.kind === 'selected-many' ? answer.value : [];
-    return (_jsxs(Column, { gap: 0, children: [_jsxs(Row, { gap: 1, children: [_jsx("text", { content: question.message, bold: true, wrap: "word", flex: 1 }), question.required ? _jsx("text", { content: "required", fg: "warning" }) : null] }), question.kind === 'boolean' ? (_jsx(Checkbox, { label: "yes", autoFocus: autoFocus === true, checked: answer?.kind === 'boolean' ? answer.value : false, onChange: (checked) => onChange({ kind: 'boolean', value: checked }) })) : null, question.kind === 'single-select' ? (_jsx(RadioGroup, { autoFocus: autoFocus === true, options: options.map((option, i) => ({ value: option.id, label: `${i + 1}. ${option.label}` })), ...(answer?.kind === 'selected' ? { value: answer.value } : {}), onChange: (value) => onChange({ kind: 'selected', value }) })) : null, question.kind === 'multi-select' ? (_jsx(Column, { children: options.map((option, i) => (_jsx(Checkbox, { label: `${i + 1}. ${option.label}`, checked: selectedMany.includes(option.id), onChange: (checked) => onChange({
-                        kind: 'selected-many',
-                        value: checked
-                            ? [...selectedMany, option.id]
-                            : selectedMany.filter((id) => id !== option.id),
-                    }) }, option.id))) })) : null, question.kind === 'text' ? (_jsx(TextArea, { value: answer?.kind === 'text' ? answer.value : '', autoFocus: autoFocus === true, maxRows: 6, border: theme.border, placeholder: "Type your answer \u00B7 enter sends \u00B7 alt+enter for a new line", caretTone: "accent", onSubmit: onSubmit, onChange: (value) => onChange(value === '' ? null : { kind: 'text', value }) })) : null, question.kind === 'number' || question.kind === 'integer' ? (_jsx(TextInput, { value: answer && 'value' in answer ? String(answer.value) : '', autoFocus: autoFocus === true, label: "number", hideLabel: true, placeholder: "A number", onSubmit: onSubmit, onChange: (value) => onChange(value === '' ? null : { kind: 'number', value: Number(value) }) })) : null, question.allowFreeformInput && question.kind !== 'text' ? (
-            // Freeform answers *instead of* choosing, never as one more choice: a
-            // host reading only the selection must not be handed typed words in
-            // the field where it expects an option id.
-            _jsxs(Row, { gap: 1, children: [_jsx("text", { content: theme.glyphs.chevronRight, fg: "subtle" }), _jsx(TextInput, { value: answer?.kind === 'text' ? answer.value : '', label: "or say it in words", placeholder: "or say it in words", hideLabel: true, flex: 1, onSubmit: onSubmit, onChange: (value) => onChange(value === '' ? null : { kind: 'text', value }) })] })) : null] }));
-});
-/**
- * What came of the answer, on the row between the block and the composer.
- *
- * That row was a blank one, and it is where a person is already looking after
- * pressing a button on the block above it. A press that reaches a host which
- * then says nothing is indistinguishable from a key that was never read - so
- * this says the answer has gone, and says so in red when it did not.
- *
- * Nothing to say is no row rather than an empty one: a status line that is
- * always there is a row of chrome, and the composer is a row further from the
- * conversation for the whole of every session in which nothing goes wrong.
- */
-export const ChatInputStatus = defineComponent('ChatInputStatus', (props) => {
-    const theme = useTheme();
-    const status = useStoreValue(INPUT_STATUS, null) ?? null;
-    if (!status)
-        return null;
-    const failed = status.state === 'failed';
-    const tone = failed ? 'danger' : 'muted';
-    return (_jsxs(Row, { gap: 1, ...props, children: [_jsx("text", { content: failed ? theme.glyphs.warning : theme.glyphs.bulletHollow, fg: tone }), _jsx("text", { content: status.text, fg: tone, flex: 1, truncate: "end" })] }));
-});

package/dist/src/view/icons.d.ts

@@ -1,13 +0,0 @@
-import type { UnicodeLevel } from '@textui/core';
-/** The mark for one of the host's questions. Never absent. */
-export declare function settingIcon(unicode: UnicodeLevel, key: string, title?: string): string;
-/**
- * The mark for one of its answers.
- *
- * Absent rather than neutral when nothing matches *and* the setting is not one
- * whose values are worth marking - a branch name is not a mode, and a column
- * of identical dots beside a list of branches is noise with a shape.
- */
-export declare function valueIcon(unicode: UnicodeLevel, value: string, label?: string, options?: {
-    fallback?: boolean;
-}): string | undefined;

package/dist/src/view/icons.js

@@ -1,71 +0,0 @@
-const pick = (mark, unicode) => (unicode === 'ascii' ? mark.ascii : mark.full);
-/** Which question. Ordered: the first that matches wins. */
-const SETTINGS = [
-    { when: /harness|provider|agent(?!\s*mode)/, mark: { full: '◆', ascii: '@' } },
-    { when: /model/, mark: { full: '◇', ascii: '#' } },
-    { when: /branch/, mark: { full: '⋔', ascii: 'Y' } },
-    { when: /workspace|director|folder|cwd|path/, mark: { full: '⌂', ascii: '~' } },
-    { when: /isolat|worktree|target/, mark: { full: '▣', ascii: '=' } },
-    { when: /approv|permission|mode/, mark: { full: '◉', ascii: '%' } },
-];
-const OTHER_SETTING = { full: '▪', ascii: '-' };
-/**
- * Which answer.
- *
- * The approval modes are the reason this exists: five of them, all named in
- * the same two words - "Auto Mode", "Plan Mode", "Ask Before Edits" - and a
- * list of five look-alike labels is a list you read twice. The marks put them
- * in an order you can see, from "asks about everything" to "asks about
- * nothing".
- *
- * Ordered, and the value is tested before the label: `bypassPermissions` and
- * `autoApprove` both contain "auto", and only one of them means "decide for
- * yourself".
- */
-const VALUES = [
-    { when: /bypass|approveall|autoapprove|allow all|yolo/, mark: { full: '⚠', ascii: '!' } },
-    { when: /plan/, mark: { full: '≡', ascii: '=' } },
-    { when: /auto|assist/, mark: { full: '⊙', ascii: 'o' } },
-    { when: /accept|edit|write/, mark: { full: '✓', ascii: 'v' } },
-    { when: /ask|default|manual|interactive|confirm/, mark: { full: '?', ascii: '?' } },
-    { when: /worktree/, mark: { full: '⋔', ascii: 'Y' } },
-    // Not the house, which is the *workspace* chip's mark. Working in place and
-    // the directory being worked in are two chips side by side, and giving them
-    // the same mark is the one thing a mark is supposed to prevent.
-    { when: /folder|workspace|inplace|in place/, mark: { full: '▣', ascii: '=' } },
-    { when: /observe|readonly|read only/, mark: { full: '◌', ascii: '.' } },
-];
-const OTHER_VALUE = { full: '·', ascii: '-' };
-const normalise = (text) => text.toLowerCase().replace(/[\s_-]+/g, '');
-function match(table, ...against) {
-    for (const text of against) {
-        if (!text)
-            continue;
-        const flat = normalise(text);
-        // Both spellings: `when` clauses like /allow all/ want the words apart and
-        // /autoapprove/ wants them together, and which one a host used is not
-        // something to have an opinion about.
-        const spaced = text.toLowerCase();
-        const found = table.find((entry) => entry.when.test(flat) || entry.when.test(spaced));
-        if (found)
-            return found.mark;
-    }
-    return null;
-}
-/** The mark for one of the host's questions. Never absent. */
-export function settingIcon(unicode, key, title) {
-    return pick(match(SETTINGS, key, title) ?? OTHER_SETTING, unicode);
-}
-/**
- * The mark for one of its answers.
- *
- * Absent rather than neutral when nothing matches *and* the setting is not one
- * whose values are worth marking - a branch name is not a mode, and a column
- * of identical dots beside a list of branches is noise with a shape.
- */
-export function valueIcon(unicode, value, label, options = {}) {
-    const found = match(VALUES, value, label);
-    if (found)
-        return pick(found, unicode);
-    return options.fallback === true ? pick(OTHER_VALUE, unicode) : undefined;
-}

package/dist/src/view/picker.d.ts

@@ -1,42 +0,0 @@
-import type { TextUIApp } from '@textui/core';
-/**
- * The palette, moved.
- *
- * A chip on the composer's control row asks one question - which harness,
- * which model, how much it may do without asking, which workspace - and every
- * one of those is a command with an argument. The command palette already
- * knows how to ask about exactly that: `openAt` drills straight into an
- * argument, `choices` may be a list, a function or a promise, an argument
- * *without* choices is answered by typing, and `preview` shows what a
- * highlighted value would do.
- *
- * So this is not a second overlay. It is the same one, anchored above the
- * control that asked, and shown one command's question rather than the whole
- * registry. Anything registered later - a workspace list, a thinking level, a
- * subagent - is a command with an argument and needs nothing here.
- */
-export declare const PICKER = "chat.picker";
-export interface PickerOptions {
-    /** The command whose argument is being asked about. */
-    commandId: string;
-    /** The node the panel sits above: the chip's own focus id. */
-    anchorId: string;
-    /**
-     * A fixed width. Left off, the panel is as wide as its widest answer, up to
-     * `maxWidth` - which is what a chip wants: "Worktree" and "Step-by-step
-     * collaboration" are the same question asked at two very different widths.
-     */
-    width?: number;
-    maxWidth?: number;
-    visibleRows?: number;
-    /**
-     * Put each value's sentence on its own line.
-     *
-     * For the questions whose answers are two words apart - "Accept edits" and
-     * "Plan only" - and told apart entirely by the line under them. Inline,
-     * that line shares the width with the label and shows the same truncated
-     * half of every answer.
-     */
-    descriptions?: 'inline' | 'below';
-}
-export declare function openPicker(app: TextUIApp, options: PickerOptions): void;