@contraagent/ui 0.0.0-stage → 0.1.0

package/dist/elements/lists/ca-definitions.d.ts

@@ -0,0 +1,41 @@
+import { type JournalRow, type MonitorClient, type Plan } from '@contraagent/api';
+import { LitElement, type PropertyValues } from 'lit';
+import '../shared/ca-definition.js';
+/**
+ * What defines each kind of task in a run: a list of kinds, and the selected
+ * one's definition. Fetches `/definitions` itself; while the run is live and a
+ * kind has not recorded its definition yet, it asks again. A pick sends
+ * `ca-navigate` {def}.
+ *
+ * @fires ca-navigate - `{def}`: another kind was selected
+ */
+export declare class CaDefinitions extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    client: MonitorClient;
+    run: string;
+    /** The run is live: definitions may still appear. */
+    live: boolean;
+    /** The run's journal and plan: tasks and attempts per kind, and which kinds should have a definition. */
+    journal: JournalRow[];
+    plan: Plan | null;
+    /** The selected kind (null: the first with a plugin, else the first). */
+    selected: string | null;
+    private defs;
+    private defsRun;
+    private timer;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+    protected willUpdate(changed: PropertyValues<this>): void;
+    protected updated(): void;
+    /** Every task of the run: the plan joined with the journal. */
+    private tasks;
+    private clearTimer;
+    private load;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-definitions': CaDefinitions;
+    }
+}
+//# sourceMappingURL=ca-definitions.d.ts.map

package/dist/elements/lists/ca-definitions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-definitions.d.ts","sourceRoot":"","sources":["../../../src/elements/lists/ca-definitions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,KAAK,IAAI,EAAyC,MAAM,kBAAkB,CAAC;AAE9I,OAAO,EAAE,UAAU,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAQ1E,OAAO,4BAA4B,CAAC;AAKpC;;;;;;;GAOG;AACH,qBAEa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0DAepB;IAE8B,MAAM,EAAG,aAAa,CAAC;IAC3C,GAAG,SAAM;IACrB,qDAAqD;IACxB,IAAI,UAAS;IAC1C,yGAAyG;IACzE,OAAO,EAAE,UAAU,EAAE,CAAM;IAC3B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IACzD,yEAAyE;IACzC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEtD,OAAO,CAAC,IAAI,CAAwB;IAC7C,OAAO,CAAC,OAAO,CAAM;IACrB,OAAO,CAAC,KAAK,CAA8C;IAElD,oBAAoB,IAAI,IAAI;IAM5B,iBAAiB,IAAI,IAAI;cAKf,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAO/C,OAAO,IAAI,IAAI;IAWlC,+DAA+D;IAC/D,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,UAAU;YAKJ,IAAI;IAaT,MAAM;CAsDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}

package/dist/elements/lists/ca-definitions.js

@@ -0,0 +1,182 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { deriveRun, isPython } from '@contraagent/api';
+import { localized, msg, str } from '@lit/localize';
+import { LitElement, css, html, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { emit } from '../../core/events.js';
+import { factList } from '../../words/format.js';
+import { implementationOfText } from '../../words/task-definition.js';
+import { factLine } from '@contraagent/elements/primitives';
+import { base } from '@contraagent/elements/styles';
+import '../shared/ca-definition.js';
+/** How long to wait before asking again for definitions that have not been recorded yet. */
+const REFETCH_MS = 3000;
+/**
+ * What defines each kind of task in a run: a list of kinds, and the selected
+ * one's definition. Fetches `/definitions` itself; while the run is live and a
+ * kind has not recorded its definition yet, it asks again. A pick sends
+ * `ca-navigate` {def}.
+ *
+ * @fires ca-navigate - `{def}`: another kind was selected
+ */
+let CaDefinitions = class CaDefinitions extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.run = '';
+        /** The run is live: definitions may still appear. */
+        this.live = false;
+        /** The run's journal and plan: tasks and attempts per kind, and which kinds should have a definition. */
+        this.journal = [];
+        this.plan = null;
+        /** The selected kind (null: the first with a plugin, else the first). */
+        this.selected = null;
+        this.defs = [];
+        this.defsRun = '';
+        this.timer = null;
+    }
+    static { this.styles = [
+        base,
+        css `
+      /* A container: the list of kinds goes above the definition when the element is narrow, whatever the window's width. */
+      :host { display: block; container-type: inline-size; }
+      .defs { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 14px; align-items: start; }
+      .deflist { display: flex; flex-direction: column; gap: 6px; }
+      .defitem { padding: 9px 12px; border-radius: 10px; background: var(--panel); border: 1px solid var(--line); cursor: pointer; color: inherit; text-align: start;
+        display: flex; flex-direction: column; gap: 2px; }
+      .defitem:hover { border-color: var(--line2); }
+      .defitem.sel { border-color: var(--accent); background: var(--accent-bg); }
+      @container (max-width: 720px) {
+        .defs { grid-template-columns: minmax(0, 1fr); }
+      }
+    `,
+    ]; }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.clearTimer();
+        this.defsRun = '';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.run && this.defsRun !== this.run)
+            void this.load();
+    }
+    willUpdate(changed) {
+        if ((changed.has('run') || changed.has('client')) && this.run && this.client && this.defsRun !== this.run) {
+            this.defs = [];
+            void this.load();
+        }
+    }
+    updated() {
+        // A definition appears when the first task of its kind launches: ask again while the run is live and one is missing.
+        const kinds = new Set(this.tasks().filter((t) => !isPython(t) && (t.tries.length || t.outcome === 'running')).map((t) => t.kind)).size;
+        if (this.live && this.defsRun === this.run && this.defs.length < kinds && !this.timer) {
+            this.timer = setTimeout(() => {
+                this.timer = null;
+                void this.load();
+            }, REFETCH_MS);
+        }
+    }
+    /** Every task of the run: the plan joined with the journal. */
+    tasks() {
+        return [...deriveRun(this.journal, this.plan).outcomes.values()];
+    }
+    clearTimer() {
+        if (this.timer)
+            clearTimeout(this.timer);
+        this.timer = null;
+    }
+    async load() {
+        if (!this.client || !this.run)
+            return;
+        const run = this.run;
+        this.defsRun = run;
+        let defs = [];
+        try {
+            defs = await this.client.definitions(run);
+        }
+        catch {
+            defs = [];
+        }
+        if (run === this.run)
+            this.defs = defs;
+    }
+    render() {
+        const defs = this.defs;
+        // Python kinds record no definition: they are listed from the tasks so the list matches the tasks tab.
+        const tasks = this.tasks();
+        const pyKinds = [...new Set(tasks.filter((t) => isPython(t)).map((t) => t.kind))].filter((k) => !defs.some((d) => d.kind === k));
+        if (!defs.length && !pyKinds.length) {
+            return html `<div class="blank"><span class="ic" aria-hidden="true">⌘</span><b>${this.live ? msg('No definitions yet') : msg('No definitions')}</b></div>`;
+        }
+        const pySel = this.selected !== null && pyKinds.includes(this.selected) ? this.selected : null;
+        const sel = pySel ? undefined : (defs.find((d) => d.kind === this.selected) ?? defs.find((d) => d.plugin) ?? defs[0]);
+        const selKind = pySel ?? sel?.kind ?? pyKinds[0] ?? '';
+        const counts = (k) => {
+            const ts = tasks.filter((t) => t.kind === k);
+            const n = ts.length;
+            // A task refused before it started has a journal row but no attempt.
+            const a = ts.reduce((x, t) => x + t.tries.length, 0);
+            return factList(n === 1 ? msg('1 task') : msg(str `${n} tasks`), a === 1 ? msg('1 attempt') : msg(str `${a} attempts`));
+        };
+        return html `<div class="defs">
+      <div class="deflist">
+        ${repeat(defs, (d) => d.kind, (d) => html `<button type="button" class="defitem ${d.kind === selKind ? 'sel' : ''}" aria-current=${d.kind === selKind ? 'true' : nothing}
+            @click=${() => emit(this, 'ca-navigate', { def: d.kind })}>
+            <b class="jmono">${d.kind}</b>
+            <span class="meta words">${factLine([
+            ...(d.base_kind ? [implementationOfText(d.base_kind)] : []),
+            d.executor === 'python' ? 'Python' : d.role ? msg(str `Role ${d.role}`) : msg('No role'),
+            ...counts(d.kind),
+        ])}</span>
+          </button>`)}
+        ${repeat(pyKinds, (k) => k, (k) => html `<button type="button" class="defitem ${k === selKind ? 'sel' : ''}" aria-current=${k === selKind ? 'true' : nothing}
+            @click=${() => emit(this, 'ca-navigate', { def: k })}>
+            <b class="jmono">${k}</b>
+            <span class="meta words">${factLine(['Python', ...counts(k)])}</span>
+          </button>`)}
+      </div>
+      <section class="panel">
+        ${sel
+            ? html `<h3 title=${msg('As recorded when its first task started (definitions/<kind>.json)')}>
+                ${sel.kind}<span class="r">${sel.executor === 'python' ? msg('Python task') : sel.plugin ? msg(str `Plugin ${sel.name || ''}`) : msg('Defined in Python code')}</span>
+              </h3>
+              <ca-definition .definition=${sel} memory="definition:${sel.kind}"></ca-definition>`
+            : html `<h3>${selKind}<span class="r">${msg('Python task')}</span></h3>
+              <ca-definition .definition=${null}></ca-definition>`}
+      </section>
+    </div>`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], CaDefinitions.prototype, "client", void 0);
+__decorate([
+    property()
+], CaDefinitions.prototype, "run", void 0);
+__decorate([
+    property({ type: Boolean })
+], CaDefinitions.prototype, "live", void 0);
+__decorate([
+    property({ attribute: false })
+], CaDefinitions.prototype, "journal", void 0);
+__decorate([
+    property({ attribute: false })
+], CaDefinitions.prototype, "plan", void 0);
+__decorate([
+    property({ attribute: false })
+], CaDefinitions.prototype, "selected", void 0);
+__decorate([
+    state()
+], CaDefinitions.prototype, "defs", void 0);
+CaDefinitions = __decorate([
+    customElement('ca-definitions'),
+    localized()
+], CaDefinitions);
+export { CaDefinitions };
+//# sourceMappingURL=ca-definitions.js.map

package/dist/elements/lists/ca-definitions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-definitions.js","sourceRoot":"","sources":["../../../src/elements/lists/ca-definitions.ts"],"names":[],"mappings":"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"}

package/dist/elements/lists/ca-journal-table.d.ts

@@ -0,0 +1,37 @@
+import { type JournalRow, type Plan } from '@contraagent/api';
+import '@contraagent/elements/data-table/define';
+import { LitElement } from 'lit';
+/**
+ * The run's history: every finished attempt, newest first (`journal.jsonl`),
+ * with a chip per outcome that filters by it (`ca-filter`). A row opens the
+ * task's detail, with a click or with Enter.
+ *
+ * @fires ca-filter - `{stop}`: a chip was toggled: a stop value, 'fixup' or 'retried' ('' clears)
+ * @fires ca-open-task - `{key}`: an attempt's row was opened (its task's key; a Python task with `view: 'output'`)
+ */
+export declare class CaJournalTable extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    rows: JournalRow[];
+    /** The run's plan: with the rows, why a task did not start, as the tasks list says it. Optional. */
+    plan: Plan | null;
+    /** Rows (by `rowId`) that just arrived: they flash once. */
+    fresh: ReadonlySet<string>;
+    kind: string;
+    /** A stop; 'bad' (every attempt that did not complete), 'fixup' (output sent back) or 'retried' (tasks retried after a failed try). */
+    stop: string;
+    q: string;
+    /** The run id: paths inside the run directory are shown relative to it. */
+    run: string;
+    /** The pipeline's own journal columns (`RunSummary.row_extras`): a column each. */
+    extras: readonly string[];
+    /** The run is a replay that also launched (`mixedReplay`): each attempt played from its recording is marked, and counted in a filter. */
+    replayMarks: boolean;
+    private open;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-journal-table': CaJournalTable;
+    }
+}
+//# sourceMappingURL=ca-journal-table.d.ts.map

package/dist/elements/lists/ca-journal-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-journal-table.d.ts","sourceRoot":"","sources":["../../../src/elements/lists/ca-journal-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiD,KAAK,UAAU,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7G,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAoDrD;;;;;;;GAOG;AACH,qBAEa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0DAapB;IAE8B,IAAI,EAAE,UAAU,EAAE,CAAM;IACxD,oGAAoG;IACpE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IACzD,4DAA4D;IAC5B,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAa;IAC3D,IAAI,SAAM;IACtB,uIAAuI;IAC3H,IAAI,SAAM;IACV,CAAC,SAAM;IACnB,2EAA2E;IAC/D,GAAG,SAAM;IACrB,mFAAmF;IACnD,MAAM,EAAE,SAAS,MAAM,EAAE,CAAM;IAC/D,yIAAyI;IACjF,WAAW,UAAS;IAE5E,OAAO,CAAC,IAAI;IAKH,MAAM;CAgChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/elements/lists/ca-journal-table.js

@@ -0,0 +1,170 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { deriveRun, isBad, isLaunched, isPython, rowId } from '@contraagent/api';
+import '@contraagent/elements/data-table/define';
+import { localized, msg } from '@lit/localize';
+import { LitElement, css, html, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { emit } from '../../core/events.js';
+import { stopTone } from '../../lib/tone.js';
+import { toneAttr } from '@contraagent/elements';
+import { markOf } from '@contraagent/elements/primitives';
+import { base, meterStyles } from '@contraagent/elements/styles';
+import { executorIconStyles } from '../../words/executor.js';
+import { tableStrings } from '../../words/table.js';
+import { replayedTip } from '../../words/run-line.js';
+import { retryTip } from '../../words/attempts.js';
+import { correctionTip } from '../../words/contract.js';
+import { filterJournal, hadFixup, journalTally, retriedKeys } from '../../adapters/filters.js';
+import { journalColumns, shortStop } from '../../adapters/journal-columns.js';
+/** The look of the rows and of what their cells draw, inside `<cae-data-table>`. */
+const CELLS = [
+    meterStyles,
+    executorIconStyles,
+    css `
+    caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
+    tr { column-gap: 12px; row-gap: 2px; padding: 7px 12px; border-bottom: 1px solid var(--line); font-size: 12px; min-width: 980px; }
+    th, td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    tbody [data-col='outcome'], tbody [data-col='agent'], tbody [data-col='tokens'], tbody [data-col='reason'] { white-space: normal; }
+    /* a cell takes the size of the one line it draws, so the line sits where it did as the cell itself */
+    tbody [data-col='ended'], tbody [data-col='task'] { font-family: var(--mono); font-size: 11.5px; }
+    thead { position: sticky; top: 0; z-index: 1; }
+    thead tr { color: var(--text-muted); font-size: 11px; background: var(--bg); }
+    tbody tr[data-key]:hover { background: var(--card); }
+    tbody tr[data-executor='python'] { opacity: 0.85; }
+    tbody tr[data-executor='python']:hover, tbody tr[data-executor='python'][data-tone='failed'] { opacity: 1; }
+    tbody tr[data-ran='false'] { opacity: 0.8; }
+    tbody tr[data-fresh] { animation: rowin 1.6s var(--ease); }
+    tr.empty { min-width: 0; }
+    tr.empty td { font-size: var(--font-size-sm); }
+    .jwhy { color: var(--text-2); overflow-wrap: anywhere; }
+    .later { color: var(--status-done); }
+    .nw { white-space: nowrap; }
+    .unread { color: var(--status-attention); }
+    .two { display: flex; flex-direction: column; line-height: 1.35; }
+    /* the status mark stays beside its word, the lines under it align with the word */
+    .jstop.two { display: grid; grid-template-columns: auto minmax(0, 1fr); align-content: center; }
+    .jstop.two > * { grid-column: 2; }
+    .jstop.two::before { grid-row: 1; }
+    .two .sub { color: var(--text-muted); font-size: 11px; white-space: normal; overflow-wrap: anywhere; }
+    [data-col='tokens'] .two > span { white-space: nowrap; }
+    .sub .q { color: var(--text-2); font-family: var(--mono); white-space: nowrap; }
+    .jstop .sub { font-weight: 400; }
+    .cost { font-variant-numeric: tabular-nums; color: var(--text-2); }
+  `,
+];
+/**
+ * The run's history: every finished attempt, newest first (`journal.jsonl`),
+ * with a chip per outcome that filters by it (`ca-filter`). A row opens the
+ * task's detail, with a click or with Enter.
+ *
+ * @fires ca-filter - `{stop}`: a chip was toggled: a stop value, 'fixup' or 'retried' ('' clears)
+ * @fires ca-open-task - `{key}`: an attempt's row was opened (its task's key; a Python task with `view: 'output'`)
+ */
+let CaJournalTable = class CaJournalTable extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.rows = [];
+        /** The run's plan: with the rows, why a task did not start, as the tasks list says it. Optional. */
+        this.plan = null;
+        /** Rows (by `rowId`) that just arrived: they flash once. */
+        this.fresh = new Set();
+        this.kind = '';
+        /** A stop; 'bad' (every attempt that did not complete), 'fixup' (output sent back) or 'retried' (tasks retried after a failed try). */
+        this.stop = '';
+        this.q = '';
+        /** The run id: paths inside the run directory are shown relative to it. */
+        this.run = '';
+        /** The pipeline's own journal columns (`RunSummary.row_extras`): a column each. */
+        this.extras = [];
+        /** The run is a replay that also launched (`mixedReplay`): each attempt played from its recording is marked, and counted in a filter. */
+        this.replayMarks = false;
+    }
+    static { this.styles = [
+        base,
+        css `
+      :host { display: block; }
+      .jtally { display: flex; flex-wrap: wrap; gap: 8px; padding: 2px 0 12px; }
+      .jchip { border: 1px solid var(--line); border-radius: 999px; padding: 3px 11px; font-size: 11.5px; color: var(--text-muted);
+        cursor: pointer; transition: all 0.15s; background: none; }
+      .jchip b { color: var(--text); }
+      .jchip:hover { border-color: var(--line2); color: var(--text); }
+      .jchip.on { background: var(--accent-bg); border-color: var(--accent); color: var(--text); }
+      /* a stop's chip: marked by its status (data-mark: done quiet with a ✓, a failure red with a ✕, not started ◌) */
+      .jchip[data-tone='failed'], .jchip[data-tone='attention'] { color: var(--tone); border-color: color-mix(in srgb, var(--tone) 40%, transparent); }
+    `,
+    ]; }
+    open(rows, id) {
+        const e = rows.find((r) => rowId(r) === id);
+        if (e)
+            emit(this, 'ca-open-task', isPython(e) ? { key: e.key, view: 'output' } : { key: e.key });
+    }
+    render() {
+        const rows = filterJournal(this.rows, this.kind, this.stop, this.q).reverse();
+        const fixups = this.rows.filter(hadFixup).length;
+        const retried = retriedKeys(this.rows).size;
+        const replayed = this.replayMarks ? this.rows.filter((r) => r.replayed).length : 0;
+        const chip = (k, label, n, tip, tone = 'neutral') => html `<button type="button" class="jchip ${this.stop === k ? 'on' : ''}" data-tone=${toneAttr(tone)} data-mark=${markOf(tone) ?? nothing}
+        aria-pressed=${this.stop === k} title=${tip}
+        @click=${() => emit(this, 'ca-filter', { stop: this.stop === k ? '' : k })}>${label} <b>${n}</b></button>`;
+        const columns = journalColumns({ run: this.run, outcomes: deriveRun(this.rows, this.plan).outcomes, journal: this.rows, rows, extras: this.extras, replayMarks: this.replayMarks });
+        return html `<div class="jtally">
+        ${journalTally(this.rows).map(([k, c]) => chip(k, shortStop(k), c, k, stopTone(k)))}
+        ${fixups ? chip('fixup', msg('attempts with corrections'), fixups, correctionTip()) : nothing}
+        ${retried ? chip('retried', msg('tasks retried'), retried, retryTip()) : nothing}
+        ${replayed ? chip('replayed', msg('attempts replayed'), replayed, replayedTip()) : nothing}
+      </div>
+      <cae-data-table
+        .columns=${columns}
+        .rows=${rows}
+        .rowKey=${rowId}
+        .rowTone=${(e) => (isLaunched(e) && isBad(e) ? 'failed' : undefined)}
+        .rowAttrs=${(e) => ({
+            'data-executor': isPython(e) ? 'python' : 'agent',
+            ...(isLaunched(e) ? {} : { 'data-ran': 'false' }),
+            ...(this.fresh.has(rowId(e)) ? { 'data-fresh': '' } : {}),
+        })}
+        .cellStyles=${CELLS}
+        .caption=${msg('History')}
+        .strings=${tableStrings(msg('No finished attempts'))}
+        @cae-activate=${(e) => this.open(rows, e.detail.id)}
+      ></cae-data-table>`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], CaJournalTable.prototype, "rows", void 0);
+__decorate([
+    property({ attribute: false })
+], CaJournalTable.prototype, "plan", void 0);
+__decorate([
+    property({ attribute: false })
+], CaJournalTable.prototype, "fresh", void 0);
+__decorate([
+    property()
+], CaJournalTable.prototype, "kind", void 0);
+__decorate([
+    property()
+], CaJournalTable.prototype, "stop", void 0);
+__decorate([
+    property()
+], CaJournalTable.prototype, "q", void 0);
+__decorate([
+    property()
+], CaJournalTable.prototype, "run", void 0);
+__decorate([
+    property({ attribute: false })
+], CaJournalTable.prototype, "extras", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'replay-marks' })
+], CaJournalTable.prototype, "replayMarks", void 0);
+CaJournalTable = __decorate([
+    customElement('ca-journal-table'),
+    localized()
+], CaJournalTable);
+export { CaJournalTable };
+//# sourceMappingURL=ca-journal-table.js.map

package/dist/elements/lists/ca-journal-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-journal-table.js","sourceRoot":"","sources":["../../../src/elements/lists/ca-journal-table.ts"],"names":[],"mappings":"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"}

package/dist/elements/lists/ca-panel-body.d.ts

@@ -0,0 +1,29 @@
+import { type PanelBody } from '@contraagent/api';
+import '@contraagent/elements/charts/define';
+import '@contraagent/elements/data-table/define';
+import '@contraagent/elements/json-tree/define';
+import '@contraagent/elements/tiles/define';
+import { LitElement, type TemplateResult } from 'lit';
+/**
+ * A pipeline's own view drawn from its typed body (`PanelBody`): tiles, a table, charts,
+ * a status grid, notes, and blocks of them one under another, each under its title
+ * (folded when the body says `collapsed`). A body of another shape, inside blocks, is
+ * shown as a JSON tree.
+ */
+export declare class CaPanelBody extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    body: PanelBody | undefined;
+    /** The order of each table's rows, by the table's place in the body. */
+    private sorts;
+    render(): TemplateResult;
+    /** One body, under its title; `at` is its place in the body, which keeps a table's order. */
+    private draw;
+    private content;
+    private table;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-panel-body': CaPanelBody;
+    }
+}
+//# sourceMappingURL=ca-panel-body.d.ts.map

package/dist/elements/lists/ca-panel-body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-panel-body.d.ts","sourceRoot":"","sources":["../../../src/elements/lists/ca-panel-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAuC,MAAM,kBAAkB,CAAC;AAClG,OAAO,qCAAqC,CAAC;AAC7C,OAAO,yCAAyC,CAAC;AACjD,OAAO,wCAAwC,CAAC;AAChD,OAAO,oCAAoC,CAAC;AAK5C,OAAO,EAAE,UAAU,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAuB1E;;;;;GAKG;AACH,qBAEa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0DAmBpB;IAE8B,IAAI,EAAE,SAAS,GAAG,SAAS,CAAC;IAE5D,wEAAwE;IAC/D,OAAO,CAAC,KAAK,CAAgC;IAE7C,MAAM;IAKf,6FAA6F;IAC7F,OAAO,CAAC,IAAI;IAQZ,OAAO,CAAC,OAAO;IAgCf,OAAO,CAAC,KAAK;CAmBd;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/dist/elements/lists/ca-panel-body.js

@@ -0,0 +1,144 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { typedBody } from '@contraagent/api';
+import '@contraagent/elements/charts/define';
+import '@contraagent/elements/data-table/define';
+import '@contraagent/elements/json-tree/define';
+import '@contraagent/elements/tiles/define';
+import { sortRows } from '@contraagent/elements/data-table';
+import { md } from '@contraagent/elements/markdown';
+import { base, meterStyles, prose } from '@contraagent/elements/styles';
+import { localized, msg } from '@lit/localize';
+import { LitElement, css, html, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+import { bodyColumns, bodyTiles, rowTone } from '../../adapters/panel-body.js';
+import { chartStrings, numberText } from '../../words/panels.js';
+import { tableStrings } from '../../words/table.js';
+/** The look of a table body's cells, inside `<cae-data-table>`. */
+const CELLS = [
+    meterStyles,
+    css `
+    caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
+    /* a narrow screen scrolls the table sideways rather than cutting every cell */
+    tr { column-gap: 12px; padding: 6px 12px; border-bottom: 1px solid var(--line); font-size: 12px; min-width: 560px; }
+    th, td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    thead tr { color: var(--text-muted); font-size: 11px; }
+    tbody [data-align='end'] { font-variant-numeric: tabular-nums; }
+    tbody tr[data-tone='failed'], tbody tr[data-tone='attention'] { box-shadow: inset 2px 0 0 var(--tone); }
+    td a, th a { color: var(--accent); text-decoration: none; }
+    td a:hover, th a:hover, td a:focus-visible, th a:focus-visible { text-decoration: underline; }
+  `,
+];
+/**
+ * A pipeline's own view drawn from its typed body (`PanelBody`): tiles, a table, charts,
+ * a status grid, notes, and blocks of them one under another, each under its title
+ * (folded when the body says `collapsed`). A body of another shape, inside blocks, is
+ * shown as a JSON tree.
+ */
+let CaPanelBody = class CaPanelBody extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** The order of each table's rows, by the table's place in the body. */
+        this.sorts = new Map();
+    }
+    static { this.styles = [
+        base,
+        prose,
+        css `
+      :host { display: block; }
+      /* a note reads as text beside the figures; a tone puts a rule beside it, the words say why */
+      .note { font-size: var(--font-size-sm); color: var(--text-2); line-height: 1.55; max-width: 78ch; }
+      .note > :first-child { margin-top: 0; }
+      .note > :last-child { margin-bottom: 0; }
+      .note[data-tone] { padding-left: 10px; border-left: 3px solid var(--line2); }
+      .note[data-tone='failed'] { border-left-color: var(--status-failed); }
+      .note[data-tone='attention'] { border-left-color: var(--status-attention); }
+      .note[data-tone='done'] { border-left-color: var(--status-done); }
+      .note[data-tone='running'] { border-left-color: var(--status-running); }
+      .block + .block { margin-top: 18px; }
+      h4 { margin: 0 0 8px; font-size: var(--font-size-sm); font-weight: 600; color: var(--text-2); }
+      details > summary { cursor: pointer; margin-bottom: 8px; font-size: var(--font-size-sm); font-weight: 600; color: var(--text-2); }
+      details:not([open]) > summary { margin-bottom: 0; }
+    `,
+    ]; }
+    render() {
+        const typed = typedBody(this.body);
+        return typed ? this.draw(typed, '0') : html `<cae-json-tree .value=${this.body ?? {}}></cae-json-tree>`;
+    }
+    /** One body, under its title; `at` is its place in the body, which keeps a table's order. */
+    draw(b, at) {
+        const inner = this.content(b, at);
+        if (!b.title)
+            return html `<div class="block">${inner}</div>`;
+        return b.collapsed
+            ? html `<details class="block"><summary>${b.title}</summary>${inner}</details>`
+            : html `<div class="block"><h4>${b.title}</h4>${inner}</div>`;
+    }
+    content(b, at) {
+        const s = chartStrings();
+        switch (b.type) {
+            case 'blocks':
+                return html `${(b).blocks.map((x, i) => {
+                    const t = typedBody(x);
+                    return t ? this.draw(t, `${at}.${i}`) : html `<div class="block"><cae-json-tree .value=${x}></cae-json-tree></div>`;
+                })}`;
+            case 'tiles':
+                return html `<cae-stat-tiles .tiles=${bodyTiles(b.tiles)} .bump=${false}></cae-stat-tiles>`;
+            case 'table':
+                return this.table(b, at);
+            case 'columns':
+                return html `<cae-column-chart .label=${b.title ?? ''} .x=${b.x} .series=${b.series} ?stacked=${!!b.stacked}
+          .format=${numberText(b.unit)} .strings=${s}></cae-column-chart>`;
+            case 'lines':
+                return html `<cae-line-chart .label=${b.title ?? ''} .x=${b.x} .series=${b.series} .format=${numberText(b.unit)} .strings=${s}></cae-line-chart>`;
+            case 'heatmap':
+                return html `<cae-heatmap .label=${b.title ?? ''} .x=${b.x} .y=${b.y} .values=${b.values} .format=${numberText(b.unit)} .strings=${s}></cae-heatmap>`;
+            case 'hbars':
+                return html `<cae-bar-chart .label=${b.title ?? ''} .bars=${b.bars.map((x) => ({ label: x.label, value: x.value, tone: x.tone ?? undefined }))}
+          .format=${numberText(b.unit)} .strings=${s}></cae-bar-chart>`;
+            case 'status_grid':
+                return html `<cae-state-grid .label=${b.title ?? ''} .x=${b.x} .y=${b.y} .cells=${b.cells} .strings=${s}></cae-state-grid>`;
+            case 'note':
+                // Escaped markdown: any markup the text holds is shown as text; links keep only http(s).
+                return html `<div class="note" data-tone=${b.tone && b.tone !== 'neutral' ? b.tone : nothing}>${unsafeHTML(md(b.text))}</div>`;
+            default:
+                return html `${nothing}`;
+        }
+    }
+    table(b, at) {
+        const columns = bodyColumns(b);
+        const rows = b.rows;
+        const keys = new Map(rows.map((r, i) => [r, String(i)]));
+        const sort = this.sorts.get(at) ?? null;
+        const shown = sort ? sortRows(rows, columns, sort) : rows;
+        return html `<cae-data-table
+      .columns=${columns}
+      .rows=${shown}
+      .rowKey=${(r) => keys.get(r) ?? ''}
+      .rowTone=${rowTone}
+      .activatable=${false}
+      .sort=${sort}
+      .cellStyles=${CELLS}
+      .caption=${b.title ?? ''}
+      .strings=${tableStrings(msg('No rows'))}
+      @cae-sort=${(e) => (this.sorts = new Map(this.sorts).set(at, e.detail))}
+    ></cae-data-table>`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], CaPanelBody.prototype, "body", void 0);
+__decorate([
+    state()
+], CaPanelBody.prototype, "sorts", void 0);
+CaPanelBody = __decorate([
+    customElement('ca-panel-body'),
+    localized()
+], CaPanelBody);
+export { CaPanelBody };
+//# sourceMappingURL=ca-panel-body.js.map