@softov/ahpc 0.3.0 → 0.4.0

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;

package/dist/src/view/picker.js

@@ -1,71 +0,0 @@
-/**
- * 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 const PICKER = 'chat.picker';
-export function openPicker(app, options) {
-    const command = app.commands.get(options.commandId);
-    if (!command)
-        return;
-    // The chip that opened this one closes it. A control whose panel is already
-    // showing is a toggle - clicking it again to make it go away is the first
-    // thing anybody tries, and reopening it looks like the click did nothing.
-    const showing = app.layers.entries().find((entry) => entry.id === PICKER);
-    const already = showing?.node;
-    if (already?.openAt === options.commandId) {
-        app.layers.close(PICKER);
-        return;
-    }
-    // Closed first, so opening a second chip's panel replaces the first rather
-    // than stacking two of them with the same id.
-    app.layers.close(PICKER);
-    app.layers.open({
-        id: PICKER,
-        // Floating, not modal: there is no scrim, because the row it is asking
-        // about has to stay readable underneath it. Which value is in force is
-        // half of what makes the question answerable.
-        layer: 'floating',
-        trapFocus: true,
-        dismissOnEscape: true,
-        dismissOnOutsideClick: true,
-        // Above the chip, aligned to its left edge - so it rises out of the
-        // control rather than appearing somewhere else on the screen. A composer
-        // sits at the bottom, so `top` is the side with room.
-        position: { kind: 'anchor', targetId: options.anchorId, side: 'top', align: 'start' },
-        node: {
-            component: 'CommandPalette',
-            ...(options.width !== undefined ? { width: options.width } : {}),
-            maxWidth: options.maxWidth ?? 52,
-            visibleRows: options.visibleRows ?? 6,
-            // One command, so the panel opens on its values instead of on a search
-            // box with everything in it.
-            commands: [command],
-            openAt: options.commandId,
-            ...(options.descriptions ? { descriptions: options.descriptions } : {}),
-            onClose: { handler: () => app.layers.close(PICKER) },
-        },
-        // Back to the chip that asked, however it was closed.
-        //
-        // The layer's own scope restores focus when a choice is made, and does not
-        // when the panel is dismissed with escape - which strands the keyboard on
-        // a node inside a layer that is no longer there, and the next tab starts
-        // from nowhere. Saying where focus goes is cheaper than depending on which
-        // of the two paths ran.
-        // Back to the chip that asked, whichever way it was closed. The layer's
-        // own scope restores focus after a choice; a dismissal would otherwise
-        // leave the keyboard on a node that is no longer mounted.
-        onClose: () => app.focus.focus(options.anchorId),
-    });
-}

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

@@ -1,41 +0,0 @@
-import type { BoxProps, RenderOutput } from '@textui/core';
-import type { SessionSummary } from '../ahp/types.js';
-/**
- * What this conversation *is*, at the top of it.
- *
- * The first thing in the transcript rather than a band above it, and that is
- * the whole design: a caption pinned outside the scrolling region costs a row
- * of the conversation on every screen for ever, so it has to earn each one -
- * which meant one line, which meant dropping most of what it is for. Scrolled
- * with the conversation it costs nothing after the first screen and can say
- * everything, the way the top of a printed letter does.
- *
- * The identifiers are the point. They are what gets pasted into a shell or a
- * bug report, they are exactly what does not fit anywhere else, and the
- * catalogue's detail pane - the only other place they appear - is a screen
- * away from the conversation they belong to.
- */
-export interface ChatSessionHeadProps extends BoxProps {
-    session: SessionSummary;
-    /** What the last turn ran on. A session has no model; each message has one. */
-    model?: string;
-    /** The chat uri, when the host has said which one this dispatches to. */
-    chat?: string | null;
-    /** The settings in force, by the host's own labels. */
-    settings?: {
-        label: string;
-        value: string;
-    }[];
-    /**
-     * Who else the host says is in this session.
-     *
-     * This client is in the list too - it adds itself on opening the view - so
-     * a session with nobody else in it has one entry and says nothing, which is
-     * the ordinary case.
-     */
-    present?: {
-        clientId: string;
-        displayName?: string;
-    }[];
-}
-export declare const ChatSessionHead: (props: ChatSessionHeadProps) => RenderOutput;

package/dist/src/view/sessionhead.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@textui/core/jsx-runtime";
-import { defineComponent, useTheme } from '@textui/core';
-import { Column, KeyValue, Row } from '@textui/widgets';
-import { decodeStatus } from '../ahp/status.js';
-import { branchName } from '../state.js';
-/**
- * A timestamp a person can read, in whatever this machine calls a date.
- *
- * The host sends ISO, which is unambiguous and not what anybody wants to read
- * off a caption. An unparseable one is passed through rather than shown as
- * "Invalid Date": what the host said is more useful than what we made of it.
- */
-function when(iso) {
-    if (!iso)
-        return '';
-    const at = new Date(iso);
-    if (Number.isNaN(at.getTime()))
-        return iso;
-    return at.toLocaleString(undefined, {
-        year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit',
-    });
-}
-export const ChatSessionHead = defineComponent('ChatSessionHead', (props) => {
-    const { session, model, chat, settings = [], present = [], ...rest } = props;
-    const theme = useTheme();
-    const status = decodeStatus(session.status);
-    const started = when(session.createdAt);
-    const updated = when(session.modifiedAt);
-    // Only what is known. A row of empty values is what building this from a
-    // fixed list produces, and it reads as a session the host would not talk
-    // about rather than as one nobody has asked yet.
-    const rows = [
-        { label: 'Harness', value: [session.provider, model].filter(Boolean).join(`  ${theme.glyphs.separator}  `) },
-        ...settings.filter((setting) => setting.value).map((setting) => ({ ...setting })),
-        { label: 'Workspace', value: session.workingDirectories.map((dir) => dir.replace(/^file:\/\//, '')).join(', ') },
-        // Only when the host says one. A blank branch row reads as a detached
-        // head rather than as a host that does not report branches.
-        ...(branchName(session) ? [{ label: 'Branch', value: branchName(session) }] : []),
-        {
-            label: 'Started',
-            value: started && updated && updated !== started
-                ? `${started}  ${theme.glyphs.separator}  updated ${updated}`
-                : started,
-        },
-        // Last, and in full. A uri you can read half of is worse than one you
-        // cannot see at all: it looks like the whole thing.
-        { label: 'Session', value: session.resource },
-        ...(chat ? [{ label: 'Chat', value: chat }] : []),
-        // Only when somebody else is here. One entry is this client, and a row
-        // saying you are the person reading it is a row that tells nobody
-        // anything.
-        ...(present.length > 1
-            ? [{
-                    label: 'Here',
-                    value: present.map((one) => one.displayName ?? one.clientId).join(`  ${theme.glyphs.separator}  `),
-                }]
-            : []),
-    ].filter((row) => row.value !== '');
-    return (_jsxs(Column, { ...rest, gap: 0, children: [_jsxs(Row, { gap: 1, children: [_jsx("text", { content: theme.glyphs[status.glyph], fg: status.tone, shrink: 0 }), _jsx("text", { content: session.title, bold: true, wrap: "word", flex: 1 }), _jsx("text", { content: status.label, fg: status.tone, shrink: 0 })] }), _jsx(KeyValue, { items: rows })] }));
-});

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

@@ -1,34 +0,0 @@
-import type { BoxProps, RenderOutput } from '@textui/core';
-import type { SessionSummary } from '../ahp/types.js';
-/**
- * The catalogue.
- *
- * Still a `List` - the selection, the keys, the window and the highlight are
- * all the list's, and reimplementing them here is what the transcript already
- * proved is a mistake. What is ours is the row, because a session does not fit
- * the one-line shape a list gives you for free.
- *
- * It takes two lines, and the first one is why. A title, a harness, a
- * workspace and a status sharing a pane that is also sharing the terminal
- * with the detail panel leaves every one of them truncated:
- * `Draft replies for desk-produ…` beside `1b444e78-d050-4fb5-a5…` names
- * neither the conversation nor the directory it is in. So the title gets the
- * width, and everything that qualifies it goes underneath.
- */
-export interface SessionListProps extends BoxProps {
-    sessions: SessionSummary[];
-    selectedId?: string | null;
-    onSelect?(uri: string): void;
-    onOpen?(uri: string): void;
-    emptyMessage?: string;
-    focusId?: string;
-    autoFocus?: boolean;
-}
-export declare const SessionList: (props: SessionListProps) => RenderOutput;
-export interface ConnectionBadgeProps extends BoxProps {
-    url: string;
-    state: 'connecting' | 'connected' | 'offline';
-    sessions?: number;
-}
-/** Which host, and whether it is answering. */
-export declare const ConnectionBadge: (props: ConnectionBadgeProps) => RenderOutput;

package/dist/src/view/sessions.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@textui/core/jsx-runtime";
-import { defineComponent, stringWidth, useTheme } from '@textui/core';
-import { Badge, Column, List, Marquee, Row } from '@textui/widgets';
-import { decodeStatus } from '../ahp/status.js';
-import { branchName, projectName } from '../state.js';
-export const SessionList = defineComponent('SessionList', (props) => {
-    const { sessions, selectedId, onSelect, onOpen, emptyMessage, focusId, autoFocus, ...rest } = props;
-    const theme = useTheme();
-    const dot = `  ${theme.glyphs.separator}  `;
-    const items = sessions.map((session) => {
-        const status = decodeStatus(session.status);
-        const changes = session.changes;
-        return {
-            id: session.resource,
-            // Glyph first, so the one that wants a person is findable in a piped
-            // log, a 16-colour session and by a reader who cannot see the colour.
-            icon: theme.glyphs[status.glyph],
-            label: session.title,
-            // The second line, in the order it gets read: which harness, then
-            // where, then what it has to show for it.
-            //
-            // The harness stands where a model would. The catalogue does not carry
-            // one: `listSessions` answers with a `SessionSummary`, and the model
-            // AHP knows is the one on the *last message*, which lives on the
-            // session channel. A model per row would be a subscription per row.
-            description: [
-                session.provider,
-                // The project, then the branch it is on - a catalogue spanning
-                // several repositories is read by which one each row is in, and a
-                // list of them all on `main` is a list that needs opening to tell
-                // apart.
-                [projectName(session), branchName(session)].filter(Boolean).join(' '),
-                changes?.files
-                    ? `${changes.files} files  +${changes.additions ?? 0} -${changes.deletions ?? 0}`
-                    : '',
-                // What the host says it is doing, in its own words. Last, because it
-                // is the one that is usually not there.
-                session.activity ?? '',
-                // Why it is here at all, when nobody started it. Without this a
-                // session that appeared at nine in the morning is a row with no
-                // account of itself, sitting among rows somebody typed.
-                session.origin?.kind === 'automation' ? 'by an automation' : '',
-                status.archived ? 'archived' : '',
-            ].filter(Boolean).join(dot),
-            meta: status.label,
-            tone: status.tone,
-        };
-    });
-    return (_jsx(List, { items: items, itemHeight: 2, renderItem: (item, state) => (_jsxs(Column, { children: [_jsxs(Row, { gap: 1, children: [_jsx("text", { content: item.icon ?? '', ...(state.selected ? {} : { fg: item.tone }), shrink: 0 }), _jsx(Marquee, { content: item.label, active: state.selected && state.focused, flex: 1 }), _jsx("text", { content: item.meta ?? '', ...(state.selected ? {} : { fg: 'muted' }), shrink: 0 })] }), _jsxs(Row, { children: [_jsx("text", { content: ' '.repeat(stringWidth(item.icon ?? '') + 1), shrink: 0 }), _jsx(Marquee, { content: item.description ?? '', active: state.selected && state.focused, ...(state.selected ? {} : { fg: 'muted' }), flex: 1 })] })] })), ...(selectedId ? { selectedId } : {}), emptyMessage: emptyMessage ?? 'No sessions on this host', onSelect: (id) => onSelect?.(id), onActivate: (id) => onOpen?.(id), ...(focusId ? { focusId } : {}), ...(autoFocus ? { autoFocus: true } : {}), ...rest }));
-});
-/** Which host, and whether it is answering. */
-export const ConnectionBadge = defineComponent('ConnectionBadge', (props) => {
-    const { url, state, sessions, ...rest } = props;
-    const theme = useTheme();
-    const look = {
-        connected: { tone: 'success', glyph: theme.glyphs.bulletFilled },
-        connecting: { tone: 'warning', glyph: theme.glyphs.bulletHalf },
-        offline: { tone: 'danger', glyph: theme.glyphs.cross },
-    }[state];
-    return (_jsxs(Row, { gap: 1, ...rest, children: [_jsx("text", { content: look.glyph, fg: look.tone }), _jsx("text", { content: url, fg: "muted", truncate: "start" }), sessions !== undefined ? _jsx(Badge, { label: `${sessions} sessions`, tone: "muted" }) : null] }));
-});

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

@@ -1,27 +0,0 @@
-import type { BoxProps, RenderOutput } from '@textui/core';
-import type { ToolCall } from '../ahp/types.js';
-/**
- * A tool call, as a row.
- *
- * Twenty of these in a turn look identical unless the *command* is on the row,
- * so the input is the row and the display name is a prefix. What it meant to
- * do is markdown, like everything else a host writes for a person; what came
- * back is not, and is shown as it arrived.
- *
- * The status is a glyph and a colour together. A 16-colour session, a piped
- * log and a colourblind reader all lose the colour and keep the glyph.
- *
- * It sits at the turn's own left edge rather than inside the gutter, with its
- * status glyph where the header's bullet is. A tool call is something the
- * agent *did*; indenting it inside the rule filed it under what the agent was
- * saying, which is the one thing it is not.
- */
-export interface ToolCallRowProps extends BoxProps {
-    call: ToolCall;
-    expanded?: boolean;
-    /** The transcript's cursor is on this row. */
-    active?: boolean;
-    /** Clicking the row opens it. */
-    onToggle?(): void;
-}
-export declare const ToolCallRow: (props: ToolCallRowProps) => RenderOutput;