@contraagent/ui 0.0.0-stage → 0.2.0

package/dist/elements/lists/ca-proc-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-proc-tree.js","sourceRoot":"","sources":["../../../src/elements/lists/ca-proc-tree.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,oCAAoC,CAAC;AAE5C,6FAA6F;AAGtF,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAmB2B,UAAK,GAAiB,IAAI,CAAC;IAmB7D,CAAC;aArCiB,WAAM,GAAG;QACvB,IAAI;QACJ,GAAG,CAAA;;;;;;;;;;;;;KAaF;KACF,AAhBqB,CAgBpB;IAIO,MAAM;QACb,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;QACjC,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAA,qBAAqB,GAAG,CAAC,sBAAsB,CAAC,QAAQ,CAAC;QAC/E,OAAO,IAAI,CAAA,uBAAuB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC;IAC/D,CAAC;IAEO,IAAI,CAAC,CAAW,EAAE,CAAS;QACjC,MAAM,GAAG,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC;QACtC,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC9D,MAAM,GAAG,GAAG,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACzC,OAAO,IAAI,CAAA,oBAAoB,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,gBAAgB,CAAC,WAAW,GAAG;+BACtE,CAAC,CAAC,GAAG;+BACL,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,MAAM,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;6CACvF,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC;;QAErE,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3D,CAAC;;AAlB+B;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;yCAA4B;AAnBhD,UAAU;IAFtB,aAAa,CAAC,cAAc,CAAC;IAC7B,SAAS,EAAE;GACC,UAAU,CAsCtB"}

package/dist/elements/lists/ca-procs-view.d.ts

@@ -0,0 +1,27 @@
+import type { Procs } from '@contraagent/api';
+import { LitElement } from 'lit';
+import '@contraagent/elements/count/define';
+import './ca-proc-tree.js';
+/**
+ * A live run's processes: each coding-agent launch (opens its transcript with
+ * `ca-open-task`), each Python task, and the process tree.
+ *
+ * @fires ca-open-task - `{key}`: a launch was clicked
+ */
+export declare class CaProcsView extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    procs: Procs | null;
+    /** The run's host stopped reporting (a hub): whether it runs is not known. */
+    unresponsive: boolean;
+    /** Read from an export (`Info.export`): it holds no processes. */
+    exported: boolean;
+    /** Open a launch's task. A launch's row opens it on a click; its name is the button for the keyboard. */
+    private open;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-procs-view': CaProcsView;
+    }
+}
+//# sourceMappingURL=ca-procs-view.d.ts.map

package/dist/elements/lists/ca-procs-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-procs-view.d.ts","sourceRoot":"","sources":["../../../src/elements/lists/ca-procs-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AASrD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mBAAmB,CAAC;AAE3B;;;;;GAKG;AACH,qBAEa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0DAMpB;IAE8B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAQ;IAC3D,8EAA8E;IACjD,YAAY,UAAS;IAClD,kEAAkE;IACrC,QAAQ,UAAS;IAE9C,yGAAyG;IACzG,OAAO,CAAC,IAAI;IAKH,MAAM;CAuChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/dist/elements/lists/ca-procs-view.js

@@ -0,0 +1,91 @@
+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 { localized, msg, str } from '@lit/localize';
+import { LitElement, css, html, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { emit } from '../../core/events.js';
+import { starts } from '@contraagent/elements';
+import { facts, kindUnit } from '../../words/format.js';
+import { noReportLabel } from '../../words/hosts.js';
+import { notInExport } from '../../words/export.js';
+import { base } from '@contraagent/elements/styles';
+import '@contraagent/elements/count/define';
+import './ca-proc-tree.js';
+/**
+ * A live run's processes: each coding-agent launch (opens its transcript with
+ * `ca-open-task`), each Python task, and the process tree.
+ *
+ * @fires ca-open-task - `{key}`: a launch was clicked
+ */
+let CaProcsView = class CaProcsView extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.procs = null;
+        /** The run's host stopped reporting (a hub): whether it runs is not known. */
+        this.unresponsive = false;
+        /** Read from an export (`Info.export`): it holds no processes. */
+        this.exported = false;
+    }
+    static { this.styles = [
+        base,
+        css `
+      :host { display: block; }
+      .cmd { word-break: break-all; }
+    `,
+    ]; }
+    /** Open a launch's task. A launch's row opens it on a click; its name is the button for the keyboard. */
+    open(key) {
+        emit(this, 'ca-open-task', { key });
+    }
+    render() {
+        const p = this.procs;
+        if (!p?.alive) {
+            const why = this.exported ? notInExport() : this.unresponsive ? noReportLabel() : msg('not running');
+            return html `<div class="blank"><span class="ic" aria-hidden="true">⚙</span><b>${facts(msg('No processes'), why)}</b></div>`;
+        }
+        const pys = p.python_tasks;
+        return html `<div class="g12">
+      <section class="panel c12">
+        <h3 title=${msg('One per task (Backend.run)')}>${msg('Agent sessions running')} <span class="r">${p.launches.length}</span></h3>
+        ${p.launches.length
+            ? repeat(p.launches, (c) => c.key, (c) => html `<div class="fl" @click=${(e) => !e.target.closest('button') && this.open(c.key)}>
+                <button type="button" class="fl-name jmono" @click=${() => this.open(c.key)}>${kindUnit(c)}</button>
+                <span class="meta">${facts(msg(str `PID ${c.pid}`), msg(str `Model ${c.model || '—'}`), c.role ? msg(str `Role ${c.role}`) : '')} |
+                  <cae-elapsed .since=${starts.at(`c:${c.key}`, c.age_s)}></cae-elapsed></span>
+                <div class="meta mono cmd">${(c.full_cmd || msg('In the pipeline process')).slice(0, 400)}</div>
+              </div>`)
+            : html `<div class="meta">${msg('No agent sessions')}</div>`}
+      </section>
+      ${pys.length
+            ? html `<section class="panel c12">
+            <h3 title=${msg('Functions in the pipeline process')}>${msg('Python tasks running')} <span class="r">${pys.length}</span></h3>
+            ${repeat(pys, (pt) => pt.key, (pt) => html `<div class="fl">
+                <b class="jmono">${kindUnit(pt)}</b>
+                <span class="meta">${msg(str `PID ${pt.pid}`)} | <cae-elapsed .since=${starts.at(`p:${pt.key}`, pt.age_s)}></cae-elapsed></span>
+              </div>`)}
+          </section>`
+            : nothing}
+      <section class="panel c12"><h3>${msg('Process tree')}</h3><ca-proc-tree .procs=${p}></ca-proc-tree></section>
+    </div>`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], CaProcsView.prototype, "procs", void 0);
+__decorate([
+    property({ type: Boolean })
+], CaProcsView.prototype, "unresponsive", void 0);
+__decorate([
+    property({ type: Boolean })
+], CaProcsView.prototype, "exported", void 0);
+CaProcsView = __decorate([
+    customElement('ca-procs-view'),
+    localized()
+], CaProcsView);
+export { CaProcsView };
+//# sourceMappingURL=ca-procs-view.js.map

package/dist/elements/lists/ca-procs-view.js.map

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

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

@@ -0,0 +1,33 @@
+import { type JournalRow, type Plan } from '@contraagent/api';
+import '@contraagent/elements/data-table/define';
+import { LitElement } from 'lit';
+/**
+ * Every task of the run, one row each (`deriveRun(...).rows`: the plan joined with the
+ * journal, so a task that never ran is a row too): what happened to it, its
+ * attempts, time, tokens and cost. A row opens the task's detail (`ca-open-task`),
+ * with a click or with Enter.
+ *
+ * @fires ca-open-task - `{key}`: a task's row was opened (its key; a Python task with `view: 'output'`)
+ */
+export declare class CaTaskTable extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    /** The run's journal and plan: the tasks are the plan's, what happened to them the journal's. */
+    journal: JournalRow[];
+    plan: Plan | null;
+    /** Only this kind ('' for all). */
+    kind: string;
+    /** A text filter over the kind, unit, key and last stop. */
+    q: string;
+    /** The run is running: a task that has not started is waiting; in a run that is over, it did not run. */
+    live: boolean;
+    /** The run id: paths in a cause are shown relative to it. */
+    run: string;
+    private open;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-task-table': CaTaskTable;
+    }
+}
+//# sourceMappingURL=ca-task-table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ca-task-table.d.ts","sourceRoot":"","sources":["../../../src/elements/lists/ca-task-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,UAAU,EAAE,KAAK,IAAI,EAAgB,MAAM,kBAAkB,CAAC;AACjG,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAkC5C;;;;;;;GAOG;AACH,qBAEa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0DAA2D;IAEjF,iGAAiG;IACjE,OAAO,EAAE,UAAU,EAAE,CAAM;IAC3B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IACzD,mCAAmC;IACvB,IAAI,SAAM;IACtB,4DAA4D;IAChD,CAAC,SAAM;IACnB,yGAAyG;IAC5E,IAAI,UAAS;IAC1C,6DAA6D;IACjD,GAAG,SAAM;IAErB,OAAO,CAAC,IAAI;IAMH,MAAM;CAmBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

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

@@ -0,0 +1,115 @@
+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 '@contraagent/elements/data-table/define';
+import { localized, msg } from '@lit/localize';
+import { LitElement, css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { emit } from '../../core/events.js';
+import { base, meterStyles } from '@contraagent/elements/styles';
+import { executorIconStyles } from '../../words/executor.js';
+import { tableStrings } from '../../words/table.js';
+import { filterTasks, sortTasks } from '../../adapters/filters.js';
+import { taskColumns } from '../../adapters/task-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; }
+    /* the numbers sit tight together, right-aligned; the status comes last and takes the spare width, so no gap opens inside the row */
+    tr { column-gap: 20px; padding: 6px 12px; }
+    tbody tr { border-bottom: 0; border-radius: 8px; transition: background 0.15s; }
+    thead tr { align-items: end; white-space: nowrap; padding: 4px 12px 8px; margin-bottom: 4px; }
+    tbody [data-col='ended'] { font-size: var(--font-size-sm); }
+    .wall { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
+    .wall .jdur { width: 56px; margin: 0; flex: none; }
+    .grow { display: flex; align-items: center; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    .grow .jdim { margin-left: 8px; }
+    .pass { margin-left: 8px; font-size: 11px; color: var(--text-muted); }
+    .cause { display: block; font-size: 11px; color: var(--text-muted); margin-top: 2px; white-space: normal; overflow-wrap: anywhere; }
+    /* a narrow table (its container is <cae-data-table>): the task, its status and its time */
+    @container (max-width: 760px) {
+      tr { grid-template-columns: minmax(0, 1fr) 128px 90px; }
+      [data-col='attempts'], [data-col='tokens'], [data-col='cost'], [data-col='ended'] { display: none; }
+    }
+  `,
+];
+/**
+ * Every task of the run, one row each (`deriveRun(...).rows`: the plan joined with the
+ * journal, so a task that never ran is a row too): what happened to it, its
+ * attempts, time, tokens and cost. A row opens the task's detail (`ca-open-task`),
+ * with a click or with Enter.
+ *
+ * @fires ca-open-task - `{key}`: a task's row was opened (its key; a Python task with `view: 'output'`)
+ */
+let CaTaskTable = class CaTaskTable extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** The run's journal and plan: the tasks are the plan's, what happened to them the journal's. */
+        this.journal = [];
+        this.plan = null;
+        /** Only this kind ('' for all). */
+        this.kind = '';
+        /** A text filter over the kind, unit, key and last stop. */
+        this.q = '';
+        /** The run is running: a task that has not started is waiting; in a run that is over, it did not run. */
+        this.live = false;
+        /** The run id: paths in a cause are shown relative to it. */
+        this.run = '';
+    }
+    static { this.styles = [base, css `:host { display: block; margin-top: 4px; }`]; }
+    open(rows, key) {
+        const t = rows.find((r) => r.key === key);
+        // A Python task has no transcript, but its detail shows what it was given and what it left.
+        if (t)
+            emit(this, 'ca-open-task', isPython(t) ? { key, view: 'output' } : { key });
+    }
+    render() {
+        const d = this.plan ? deriveRun(this.journal, this.plan) : null;
+        const all = d?.rows ?? [];
+        const rows = sortTasks(filterTasks(all, this.kind, this.q));
+        if (!rows.length)
+            return html `<div class="blank"><span class="ic" aria-hidden="true">≡</span>${all.length ? msg('No tasks match the filter') : msg('No tasks')}</div>`;
+        const columns = taskColumns({ run: this.run, live: this.live, outcomes: d?.outcomes ?? new Map(), all, rows, journal: this.journal });
+        return html `<cae-data-table
+      .columns=${columns}
+      .rows=${rows}
+      .rowKey=${(t) => t.key}
+      .rowTone=${(t) => (t.outcome === 'running' ? 'running' : undefined)}
+      .rowAttrs=${(t) => ({ 'data-executor': isPython(t) ? 'python' : 'agent' })}
+      .cellStyles=${CELLS}
+      .caption=${msg('Tasks', { id: 'tab-tasks', desc: 'Tab: the list of tasks' })}
+      .strings=${tableStrings(msg('No tasks'))}
+      @cae-activate=${(e) => this.open(rows, e.detail.id)}
+    ></cae-data-table>`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], CaTaskTable.prototype, "journal", void 0);
+__decorate([
+    property({ attribute: false })
+], CaTaskTable.prototype, "plan", void 0);
+__decorate([
+    property()
+], CaTaskTable.prototype, "kind", void 0);
+__decorate([
+    property()
+], CaTaskTable.prototype, "q", void 0);
+__decorate([
+    property({ type: Boolean })
+], CaTaskTable.prototype, "live", void 0);
+__decorate([
+    property()
+], CaTaskTable.prototype, "run", void 0);
+CaTaskTable = __decorate([
+    customElement('ca-task-table'),
+    localized()
+], CaTaskTable);
+export { CaTaskTable };
+//# sourceMappingURL=ca-task-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ca-task-table.js","sourceRoot":"","sources":["../../../src/elements/lists/ca-task-table.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAA4C,MAAM,kBAAkB,CAAC;AACjG,OAAO,yCAAyC,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,oFAAoF;AACpF,MAAM,KAAK,GAAG;IACZ,WAAW;IACX,kBAAkB;IAClB,GAAG,CAAA;;;;;;;;;;;;;;;;;;GAkBF;CACF,CAAC;AAEF;;;;;;;GAOG;AAGI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAGL,iGAAiG;QACjE,YAAO,GAAiB,EAAE,CAAC;QAC3B,SAAI,GAAgB,IAAI,CAAC;QACzD,mCAAmC;QACvB,SAAI,GAAG,EAAE,CAAC;QACtB,4DAA4D;QAChD,MAAC,GAAG,EAAE,CAAC;QACnB,yGAAyG;QAC5E,SAAI,GAAG,KAAK,CAAC;QAC1C,6DAA6D;QACjD,QAAG,GAAG,EAAE,CAAC;IA2BvB,CAAC;aAvCiB,WAAM,GAAG,CAAC,IAAI,EAAE,GAAG,CAAA,4CAA4C,CAAC,AAA1D,CAA2D;IAczE,IAAI,CAAC,IAAwB,EAAE,GAAW;QAChD,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;QAC1C,4FAA4F;QAC5F,IAAI,CAAC;YAAE,IAAI,CAAC,IAAI,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IACrF,CAAC;IAEQ,MAAM;QACb,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAChE,MAAM,GAAG,GAAG,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC;QAC1B,MAAM,IAAI,GAAG,SAAS,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,IAAI,CAAC,MAAM;YACd,OAAO,IAAI,CAAA,kEAAkE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC;QACvJ,MAAM,OAAO,GAAG,WAAW,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,IAAI,IAAI,GAAG,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QACtI,OAAO,IAAI,CAAA;iBACE,OAAO;cACV,IAAI;gBACF,CAAC,CAAU,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG;iBACpB,CAAC,CAAU,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;kBAChE,CAAC,CAAU,EAAE,EAAE,CAAC,CAAC,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;oBACrE,KAAK;iBACR,GAAG,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,wBAAwB,EAAE,CAAC;iBACjE,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;sBACxB,CAAC,CAA8B,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC;uBAC/D,CAAC;IACtB,CAAC;;AAnC+B;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4CAA4B;AAC3B;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;yCAA0B;AAE7C;IAAX,QAAQ,EAAE;yCAAW;AAEV;IAAX,QAAQ,EAAE;sCAAQ;AAEU;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCAAc;AAE9B;IAAX,QAAQ,EAAE;wCAAU;AAbV,WAAW;IAFvB,aAAa,CAAC,eAAe,CAAC;IAC9B,SAAS,EAAE;GACC,WAAW,CAwCvB"}

package/dist/elements/lists/index.d.ts

@@ -0,0 +1,9 @@
+export * from './ca-task-table.js';
+export * from './ca-journal-table.js';
+export * from './ca-contracts.js';
+export * from './ca-definitions.js';
+export * from './ca-procs-view.js';
+export * from './ca-proc-tree.js';
+export * from './ca-panel-view.js';
+export * from './ca-panel-body.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/lists/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/lists/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}

package/dist/elements/lists/index.js

@@ -0,0 +1,9 @@
+export * from './ca-task-table.js';
+export * from './ca-journal-table.js';
+export * from './ca-contracts.js';
+export * from './ca-definitions.js';
+export * from './ca-procs-view.js';
+export * from './ca-proc-tree.js';
+export * from './ca-panel-view.js';
+export * from './ca-panel-body.js';
+//# sourceMappingURL=index.js.map

package/dist/elements/lists/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/elements/lists/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}

package/dist/elements/overview/ca-kpis.d.ts

@@ -0,0 +1,32 @@
+import { type JournalRow, type Plan } from '@contraagent/api';
+import { LitElement } from 'lit';
+import '@contraagent/elements/tiles/define';
+/**
+ * The run in numbers, as `<cae-stat-tiles>`: tasks and how they ended (with
+ * `plan`; from the journal alone otherwise), attempts, failed attempts, agent
+ * time, retries, corrections and model switches (`kpiTiles`). The parts of
+ * `<cae-stat-tiles>` are its own: a page styles them as `ca-kpis::part(tile)`.
+ *
+ * @fires ca-navigate - `{tab: 'journal', stop}`: the history filtered to what a tile counts (`bad`, `invalid_input`, `retried`, `fixup`)
+ * @fires ca-open-task - `{key}`: the one task a tile counts
+ * @csspart tiles - the grid of tiles
+ * @csspart tile - each tile (`data-id` is its id, `data-tone` its tone)
+ * @csspart label - a tile's label
+ * @csspart value - a tile's value
+ * @csspart sub - each line under the value
+ * @csspart action - a tile's link
+ */
+export declare class CaKpis extends LitElement {
+    static styles: import("lit").CSSResult;
+    journal: JournalRow[];
+    /** The scheduled tasks; without it, tasks are counted from the journal. */
+    plan: Plan;
+    private readonly onAction;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-kpis': CaKpis;
+    }
+}
+//# sourceMappingURL=ca-kpis.d.ts.map

package/dist/elements/overview/ca-kpis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-kpis.d.ts","sourceRoot":"","sources":["../../../src/elements/overview/ca-kpis.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,UAAU,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,oCAAoC,CAAC;AAI5C;;;;;;;;;;;;;;GAcG;AACH,qBAEa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,0BAEpB;IAE8B,OAAO,EAAE,UAAU,EAAE,CAAM;IAC3D,2EAA2E;IAC3C,IAAI,EAAE,IAAI,CAA6B;IAEvE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAKvB;IAEO,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/elements/overview/ca-kpis.js

@@ -0,0 +1,62 @@
+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 } from '@contraagent/api';
+import { localized } from '@lit/localize';
+import { LitElement, css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import '@contraagent/elements/tiles/define';
+import { kpiAction, kpiTiles } from '../../adapters/kpi-tiles.js';
+import { emit } from '../../core/events.js';
+/**
+ * The run in numbers, as `<cae-stat-tiles>`: tasks and how they ended (with
+ * `plan`; from the journal alone otherwise), attempts, failed attempts, agent
+ * time, retries, corrections and model switches (`kpiTiles`). The parts of
+ * `<cae-stat-tiles>` are its own: a page styles them as `ca-kpis::part(tile)`.
+ *
+ * @fires ca-navigate - `{tab: 'journal', stop}`: the history filtered to what a tile counts (`bad`, `invalid_input`, `retried`, `fixup`)
+ * @fires ca-open-task - `{key}`: the one task a tile counts
+ * @csspart tiles - the grid of tiles
+ * @csspart tile - each tile (`data-id` is its id, `data-tone` its tone)
+ * @csspart label - a tile's label
+ * @csspart value - a tile's value
+ * @csspart sub - each line under the value
+ * @csspart action - a tile's link
+ */
+let CaKpis = class CaKpis extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.journal = [];
+        /** The scheduled tasks; without it, tasks are counted from the journal. */
+        this.plan = { nodes: [], groups: [] };
+        this.onAction = (e) => {
+            e.stopPropagation();
+            const a = kpiAction(e.detail.action);
+            if ('key' in a)
+                emit(this, 'ca-open-task', { key: a.key });
+            else
+                emit(this, 'ca-navigate', { tab: 'journal', stop: a.stop });
+        };
+    }
+    static { this.styles = css `
+    :host { display: block; }
+  `; }
+    render() {
+        return html `<cae-stat-tiles exportparts="tiles, tile, label, value, sub, action" .tiles=${kpiTiles(this.journal, deriveRun(this.journal, this.plan))} @cae-action=${this.onAction}></cae-stat-tiles>`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], CaKpis.prototype, "journal", void 0);
+__decorate([
+    property({ attribute: false })
+], CaKpis.prototype, "plan", void 0);
+CaKpis = __decorate([
+    customElement('ca-kpis'),
+    localized()
+], CaKpis);
+export { CaKpis };
+//# sourceMappingURL=ca-kpis.js.map

package/dist/elements/overview/ca-kpis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-kpis.js","sourceRoot":"","sources":["../../../src/elements/overview/ca-kpis.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAA8B,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C;;;;;;;;;;;;;;GAcG;AAGI,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QAK2B,YAAO,GAAiB,EAAE,CAAC;QAC3D,2EAA2E;QAC3C,SAAI,GAAS,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;QAEtD,aAAQ,GAAG,CAAC,CAAkC,EAAQ,EAAE;YACvE,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACrC,IAAI,KAAK,IAAI,CAAC;gBAAE,IAAI,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;;gBACtD,IAAI,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;QACnE,CAAC,CAAC;IAKJ,CAAC;aAlBiB,WAAM,GAAG,GAAG,CAAA;;GAE3B,AAFqB,CAEpB;IAaO,MAAM;QACb,OAAO,IAAI,CAAA,+EAA+E,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,gBAAgB,IAAI,CAAC,QAAQ,oBAAoB,CAAC;IACxM,CAAC;;AAb+B;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;uCAA4B;AAE3B;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oCAAwC;AAP5D,MAAM;IAFlB,aAAa,CAAC,SAAS,CAAC;IACxB,SAAS,EAAE;GACC,MAAM,CAmBlB"}

package/dist/elements/overview/ca-model-usage.d.ts

@@ -0,0 +1,25 @@
+import { type ModelUsage } from '@contraagent/api';
+import { LitElement } from 'lit';
+import '@contraagent/elements/segmented/define';
+/**
+ * What each model was used for in a run (`Plan.models`): the share of each model in
+ * the chosen measure (cost, tokens, time or agent sessions) as one bar, and a table
+ * of every model with its share and every measure, and its peak context when
+ * a session on it reported one. A model keeps its colour, and
+ * its place, in the order it was first used, whatever the measure; past six models
+ * the later ones share one colour as "Other models".
+ */
+export declare class CaModelUsage extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    models: readonly ModelUsage[];
+    /** The measure the bar and the share column show; the first one with a value when unset or empty. */
+    private measure;
+    private chosen;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-model-usage': CaModelUsage;
+    }
+}
+//# sourceMappingURL=ca-model-usage.d.ts.map

package/dist/elements/overview/ca-model-usage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-model-usage.d.ts","sourceRoot":"","sources":["../../../src/elements/overview/ca-model-usage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAErF,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD,OAAO,wCAAwC,CAAC;AAUhD;;;;;;;GAOG;AACH,qBAEa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0DAyBpB;IAE8B,MAAM,EAAE,SAAS,UAAU,EAAE,CAAM;IACnE,qGAAqG;IAC5F,OAAO,CAAC,OAAO,CAAyB;IAEjD,OAAO,CAAC,MAAM;IAKL,MAAM;CA2ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/elements/overview/ca-model-usage.js

@@ -0,0 +1,118 @@
+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 { modelMeasures } from '@contraagent/api';
+import { localized, msg } 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 { styleMap } from 'lit/directives/style-map.js';
+import '@contraagent/elements/segmented/define';
+import { shareBar, shareBarStyles } from '@contraagent/elements/primitives';
+import { base } from '@contraagent/elements/styles';
+import { modelRows, shareParts } from '../../adapters/model-shares.js';
+import { measureLabel, measureText, measureTip } from '../../words/models.js';
+import { peakContextLabel, peakContextTip } from '../../words/context.js';
+import { tokenCount } from '../../words/format.js';
+const COLUMNS = ['cost', 'tokens', 'time', 'sessions'];
+/**
+ * What each model was used for in a run (`Plan.models`): the share of each model in
+ * the chosen measure (cost, tokens, time or agent sessions) as one bar, and a table
+ * of every model with its share and every measure, and its peak context when
+ * a session on it reported one. A model keeps its colour, and
+ * its place, in the order it was first used, whatever the measure; past six models
+ * the later ones share one colour as "Other models".
+ */
+let CaModelUsage = class CaModelUsage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.models = [];
+        /** The measure the bar and the share column show; the first one with a value when unset or empty. */
+        this.measure = '';
+    }
+    static { this.styles = [
+        base,
+        shareBarStyles,
+        css `
+      :host { display: block; }
+      .head { display: flex; justify-content: flex-end; margin-bottom: 10px; overflow-x: auto; }
+      .head cae-segmented { flex: none; }
+      /* scrolls sideways on a narrow card: a keyboard reaches it */
+      .wrap { overflow-x: auto; margin-top: 14px; border-radius: 6px; }
+      .wrap:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+      /* The columns as wide as their contents, so a model's figures sit near its name. */
+      table { border-collapse: collapse; font-size: 12px; font-variant-numeric: tabular-nums; }
+      th { font-weight: 500; color: var(--text-muted); text-align: right; padding: 0 0 6px 28px; white-space: nowrap; border-bottom: 1px solid var(--line); }
+      th:first-child { text-align: left; padding-left: 0; }
+      th.on { color: var(--text); font-weight: 600; }
+      td { padding: 7px 0 7px 28px; text-align: right; white-space: nowrap; color: var(--text-2); vertical-align: top; }
+      tr + tr td { border-top: 1px solid var(--line); }
+      td:first-child { text-align: left; padding-left: 0; }
+      td.on { color: var(--text); }
+      td.share { color: var(--text); font-weight: 600; }
+      .model { display: grid; grid-template-columns: 10px max-content; column-gap: 8px; align-items: baseline; }
+      .model i { width: 10px; height: 10px; border-radius: 3px; align-self: center; }
+      .model b { font-family: var(--mono); font-weight: 500; color: var(--text); }
+      .model small { grid-column: 2; font-size: 11px; color: var(--text-muted); }
+    `,
+    ]; }
+    chosen() {
+        const have = modelMeasures(this.models);
+        return this.measure && have.includes(this.measure) ? this.measure : (have[0] ?? 'sessions');
+    }
+    render() {
+        if (!this.models.length)
+            return html `<div class="meta">${msg('No agent sessions')}</div>`;
+        const measure = this.chosen();
+        const have = modelMeasures(this.models);
+        const rows = modelRows(this.models, measure);
+        const peaks = this.models.some((m) => m.peak_context != null);
+        return html `${have.length > 1
+            ? html `<div class="head">
+            <cae-segmented label=${msg('Measure')} .value=${measure}
+              .options=${have.map((m) => ({ value: m, label: measureLabel(m), title: measureTip(m) }))}
+              @cae-change=${(e) => (this.measure = e.detail.value)}></cae-segmented>
+          </div>`
+            : nothing}
+      ${shareBar(shareParts(this.models, measure), { label: measureLabel(measure) })}
+      <div class="wrap" data-scroll="x" tabindex="0" role="region" aria-label=${msg('Models')}>
+        <table>
+          <thead>
+            <tr>
+              <th scope="col">${msg('Model')}</th>
+              <th scope="col" class="on" title=${measureLabel(measure)}>${msg('Share')}</th>
+              ${COLUMNS.map((c) => html `<th scope="col" class=${c === measure ? 'on' : nothing} title=${measureTip(c)}>${measureLabel(c)}</th>`)}
+              <th scope="col">${msg('API calls')}</th>
+              ${peaks ? html `<th scope="col" title=${peakContextTip()}>${peakContextLabel()}</th>` : nothing}
+            </tr>
+          </thead>
+          <tbody>
+            ${repeat(rows, (r) => r.id, (r) => html `<tr>
+                <td>
+                  <span class="model"><i style=${styleMap({ background: r.colour })}></i><b>${r.usage.model}</b><small>${r.usage.agent}</small></span>
+                </td>
+                <td class="share">${r.share}</td>
+                ${COLUMNS.map((c) => html `<td class=${c === measure ? 'on' : nothing}>${measureText(r.usage, c)}</td>`)}
+                <td>${r.usage.calls ?? 0}</td>
+                ${peaks ? html `<td>${r.usage.peak_context != null ? tokenCount(r.usage.peak_context) : '—'}</td>` : nothing}
+              </tr>`)}
+          </tbody>
+        </table>
+      </div>`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], CaModelUsage.prototype, "models", void 0);
+__decorate([
+    state()
+], CaModelUsage.prototype, "measure", void 0);
+CaModelUsage = __decorate([
+    customElement('ca-model-usage'),
+    localized()
+], CaModelUsage);
+export { CaModelUsage };
+//# sourceMappingURL=ca-model-usage.js.map

package/dist/elements/overview/ca-model-usage.js.map

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