@contraagent/ui 0.0.0-stage → 0.1.0

package/dist/elements/overview/ca-run-driver.d.ts

@@ -0,0 +1,33 @@
+import { type HostSummary, type Plan, type Procs, type RunSummary } from '@contraagent/api';
+import { LitElement } from 'lit';
+import '@contraagent/elements/count/define';
+/**
+ * The run's own process: running (pid, run group, how many tasks at once,
+ * command line), or not running, and then how it finished: with errors, or with
+ * tasks not done (from `plan`). On a hub, a run whose host stopped reporting
+ * (`summary.unresponsive`) is neither: no report from its host, since `host.last_seen`.
+ * Under it, the models the run's preflight found available, replaced or not
+ * available (`plan.preflight`); a run its preflight ended names the kinds that did it.
+ */
+export declare class CaRunDriver extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    procs: Procs | null;
+    summary: RunSummary | undefined;
+    plan: Plan;
+    /** The run's host (a hub): when it last reported. */
+    host: HostSummary | undefined;
+    /**
+     * How a run that is not running ended, as its title: everything scheduled ran
+     * (finished), with or without failed or not-started tasks, or some tasks never got their turn (stopped).
+     */
+    private stateTitle;
+    render(): import("lit").TemplateResult<1>;
+    /** The preflight's rows under their label; nothing for a run with no preflight. */
+    private preflight;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-run-driver': CaRunDriver;
+    }
+}
+//# sourceMappingURL=ca-run-driver.d.ts.map

package/dist/elements/overview/ca-run-driver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-run-driver.d.ts","sourceRoot":"","sources":["../../../src/elements/overview/ca-run-driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,WAAW,EAAE,KAAK,IAAI,EAAE,KAAK,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE3H,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AASrD,OAAO,oCAAoC,CAAC;AAK5C;;;;;;;GAOG;AACH,qBAEa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0DA0BpB;IAE8B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAQ;IAC3B,OAAO,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC,IAAI,EAAE,IAAI,CAA6B;IACvE,qDAAqD;IACrB,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;IAE9D;;;OAGG;IACH,OAAO,CAAC,UAAU;IAUT,MAAM;IA2Cf,mFAAmF;IACnF,OAAO,CAAC,SAAS;CAalB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/dist/elements/overview/ca-run-driver.js

@@ -0,0 +1,146 @@
+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 { elapsedS, result, runActivity } from '@contraagent/api';
+import { localized, msg, str } from '@lit/localize';
+import { LitElement, css, html, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { starts } from '@contraagent/elements';
+import { facts, fmtDur, localTime, sentence } from '../../words/format.js';
+import { hostFact, lastReport, noReportLabel } from '../../words/hosts.js';
+import { preflightLabel, preflightStoppedCause, preflightStoppedTitle, preflightTip } from '../../words/preflight.js';
+import { preflightRows } from '../../adapters/preflight.js';
+import { toneAttr } from '@contraagent/elements';
+import { base, factStyles } from '@contraagent/elements/styles';
+import '@contraagent/elements/count/define';
+/** The mark of how a run ended (■ for a run with no tasks). */
+const MARK = { failed: '✕', attention: '◌', done: '✓', running: '', muted: '■', neutral: '■' };
+/**
+ * The run's own process: running (pid, run group, how many tasks at once,
+ * command line), or not running, and then how it finished: with errors, or with
+ * tasks not done (from `plan`). On a hub, a run whose host stopped reporting
+ * (`summary.unresponsive`) is neither: no report from its host, since `host.last_seen`.
+ * Under it, the models the run's preflight found available, replaced or not
+ * available (`plan.preflight`); a run its preflight ended names the kinds that did it.
+ */
+let CaRunDriver = class CaRunDriver extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.procs = null;
+        this.plan = { nodes: [], groups: [] };
+    }
+    static { this.styles = [
+        base,
+        factStyles,
+        css `
+      :host { display: block; }
+      .drv { display: flex; gap: 14px; align-items: flex-start; }
+      .drv-ic { width: 42px; height: 42px; border-radius: 12px; flex: none; display: grid; place-items: center; font-size: 16px;
+        background: var(--raise); color: var(--text-muted); }
+      .drv.on .drv-ic { background: var(--status-running-bg); box-shadow: 0 0 0 1px color-mix(in srgb, var(--status-running) 35%, transparent), 0 0 22px var(--status-running-bg); }
+      /* how a run ended: the mark's shape and the title's words carry it; the colour only where a status applies */
+      .drv-ic[data-tone] { color: var(--tone); font-weight: 700; }
+      .drv-ic[data-tone='failed'], .drv-ic[data-tone='attention'] { background: var(--tone-bg); }
+      .drv.on .drv-ic .spin { width: 18px; height: 18px; }
+      .drv-t { font-size: 15px; font-weight: 600; }
+      .drv-up { font-family: var(--mono); font-size: 12px; color: var(--status-running); margin-left: 6px; font-weight: 400; }
+      .drv-cmd { margin-top: 8px; }
+      .drv-cmd summary { cursor: pointer; font-size: 11px; color: var(--text-muted); }
+      .pf { margin-top: 10px; font-size: 12px; }
+      .pf-h { color: var(--text-muted); font-size: 11px; margin-bottom: 4px; }
+      /* a label, then its fact: one row each, the facts in one column */
+      .pf-rows { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 3px 12px; margin: 0; }
+      .pf-rows dt { color: var(--text-muted); }
+      .pf-rows dt[data-tone] { color: var(--tone); }
+      .pf-rows dd { margin: 0; color: var(--text-2); overflow-wrap: anywhere; }
+      .drv-cmd code { display: block; margin-top: 4px; white-space: pre-wrap; word-break: break-all; color: var(--text-2); max-height: 120px; overflow: auto; }
+    `,
+    ]; }
+    /**
+     * How a run that is not running ended, as its title: everything scheduled ran
+     * (finished), with or without failed or not-started tasks, or some tasks never got their turn (stopped).
+     */
+    stateTitle() {
+        if (this.plan.preflight?.stopped?.length)
+            return [preflightStoppedTitle(), 'failed'];
+        if (!this.plan.nodes.length)
+            return [msg('Not running'), 'neutral'];
+        const r = result(this.plan);
+        if (r.failed)
+            return [r.failed === 1 ? msg('Finished with 1 task failed') : msg(str `Finished with ${r.failed} tasks failed`), 'failed'];
+        if (r.left)
+            return [r.left === 1 ? msg('Finished with 1 task not done') : msg(str `Finished with ${r.left} tasks not done`), 'attention'];
+        if (r.notStarted)
+            return [r.notStarted === 1 ? msg('Finished with 1 task not started') : msg(str `Finished with ${r.notStarted} tasks not started`), 'attention'];
+        return [msg('Finished'), 'done'];
+    }
+    render() {
+        const p = this.procs;
+        const r = this.summary;
+        if (!p?.alive) {
+            // Its host stopped reporting (a hub): not known to run, not known to have ended.
+            const quiet = runActivity(r) === 'unresponsive';
+            const [title, tone] = quiet ? [sentence(noReportLabel()), 'attention'] : this.stateTitle();
+            const took = quiet ? null : elapsedS(r);
+            return html `<div class="drv off">
+        <div class="drv-ic" data-tone=${toneAttr(tone)} aria-hidden="true">${MARK[tone]}</div>
+        <div>
+          <div class="drv-t tone-text" data-tone=${tone === 'done' ? nothing : toneAttr(tone)}>${title}</div>
+          <div class="meta">${facts(this.plan.preflight?.stopped?.length ? preflightStoppedCause(this.plan.preflight.stopped) : '', quiet ? lastReport(this.host) : '', !r?.last_ts ? msg('No activity') : quiet ? msg(str `Last activity ${localTime(r.last_ts, true)}`) : msg(str `Ended ${localTime(r.last_ts, true)}`), took == null ? '' : msg(str `Took ${fmtDur(took)}`), r?.run_group ? msg(str `Run group ${r.run_group}`) : '', quiet ? hostFact(r?.host_id ?? '') : '')}</div>
+          ${this.preflight()}
+        </div>
+      </div>`;
+        }
+        const started = Date.parse(p.started_at);
+        const since = starts.at(`drv:${p.pid ?? ''}`, Number.isNaN(started) ? 1 : (Date.now() - started) / 1000);
+        const rows = [
+            [msg('PID'), p.pid ?? '—'],
+            [msg('Run group'), p.run_group],
+            [msg('Running at once (limit)'), p.max_workers || '—'],
+            [msg('Started'), localTime(p.started_at, true)],
+        ];
+        return html `<div class="drv on">
+      <div class="drv-ic"><span class="spin"></span></div>
+      <div style="min-width:0">
+        <div class="drv-t">${msg('Running')} <cae-elapsed class="drv-up" .since=${since}></cae-elapsed></div>
+        <div class="drv-facts">${rows.map(([k, v]) => html `<span><i>${k}</i>${v}</span>`)}</div>
+        ${this.preflight()}
+        <details class="drv-cmd"><summary>${msg('Command line')}</summary><code>${p.argv.join(' ')}</code></details>
+      </div>
+    </div>`;
+    }
+    /** The preflight's rows under their label; nothing for a run with no preflight. */
+    preflight() {
+        const pf = this.plan.preflight;
+        const rows = preflightRows(pf);
+        if (!pf || !rows.length)
+            return nothing;
+        return html `<div class="pf">
+      <div class="pf-h" title=${preflightTip(pf.policy)}>${preflightLabel()}</div>
+      <dl class="pf-rows">
+        ${rows.map((r) => html `<dt data-tone=${toneAttr(r.tone)} title=${r.tip || nothing}>${r.label}</dt><dd class="jmono">${r.text}</dd>`)}
+      </dl>
+    </div>`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], CaRunDriver.prototype, "procs", void 0);
+__decorate([
+    property({ attribute: false })
+], CaRunDriver.prototype, "summary", void 0);
+__decorate([
+    property({ attribute: false })
+], CaRunDriver.prototype, "plan", void 0);
+__decorate([
+    property({ attribute: false })
+], CaRunDriver.prototype, "host", void 0);
+CaRunDriver = __decorate([
+    customElement('ca-run-driver'),
+    localized()
+], CaRunDriver);
+export { CaRunDriver };
+//# sourceMappingURL=ca-run-driver.js.map

package/dist/elements/overview/ca-run-driver.js.map

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

package/dist/elements/overview/ca-spend-breakdown.d.ts

@@ -0,0 +1,24 @@
+import { type JournalRow } from '@contraagent/api';
+import { LitElement } from 'lit';
+/**
+ * Where a run's tokens and cost went: per kind, a bar of its tokens (input,
+ * cache read, cache write, output) with its cost and share of the run's cost,
+ * most expensive first; then the most expensive tasks.
+ *
+ * @fires ca-open-task - `{key}`: one of the most expensive tasks was clicked
+ */
+export declare class CaSpendBreakdown extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    journal: JournalRow[];
+    /** How many of the most expensive tasks to list. */
+    top: number;
+    private partLabel;
+    private bar;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-spend-breakdown': CaSpendBreakdown;
+    }
+}
+//# sourceMappingURL=ca-spend-breakdown.d.ts.map

package/dist/elements/overview/ca-spend-breakdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-spend-breakdown.d.ts","sourceRoot":"","sources":["../../../src/elements/overview/ca-spend-breakdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkD,KAAK,UAAU,EAAc,MAAM,kBAAkB,CAAC;AAE/G,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAWrD;;;;;;GAMG;AACH,qBAEa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0DAqBpB;IAE8B,OAAO,EAAE,UAAU,EAAE,CAAM;IAC3D,oDAAoD;IACxB,GAAG,SAAK;IAEpC,OAAO,CAAC,SAAS;IAajB,OAAO,CAAC,GAAG;IASF,MAAM;CA4BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}

package/dist/elements/overview/ca-spend-breakdown.js

@@ -0,0 +1,108 @@
+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 { spendByKind, spendByTask, spendOf, totalTokens } from '@contraagent/api';
+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 { facts, kindUnit, tokenCount, usd } from '../../words/format.js';
+import { base } from '@contraagent/elements/styles';
+import { legend, legendStyles } from '@contraagent/elements/primitives';
+const PARTS = ['input', 'cache_read', 'cache_creation', 'output'];
+/**
+ * Where a run's tokens and cost went: per kind, a bar of its tokens (input,
+ * cache read, cache write, output) with its cost and share of the run's cost,
+ * most expensive first; then the most expensive tasks.
+ *
+ * @fires ca-open-task - `{key}`: one of the most expensive tasks was clicked
+ */
+let CaSpendBreakdown = class CaSpendBreakdown extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.journal = [];
+        /** How many of the most expensive tasks to list. */
+        this.top = 5;
+    }
+    static { this.styles = [
+        base,
+        legendStyles,
+        css `
+      :host { display: block; }
+      /* the bar's track is bounded, so its figures stay beside it on a wide card */
+      .kinds { display: grid; grid-template-columns: minmax(70px, max-content) minmax(0, 420px) max-content max-content; justify-content: start; gap: 8px 14px; align-items: center; }
+      .kind { font-family: var(--mono); font-size: 12px; color: var(--text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+      .bar { display: flex; height: 12px; border-radius: 4px; overflow: hidden; background: var(--track); }
+      .bar i { display: block; height: 100%; }
+      .num { font-variant-numeric: tabular-nums; text-align: right; font-size: 12px; white-space: nowrap; }
+      .share { color: var(--text-muted); min-width: 3.5em; }
+      .seg-input { background: var(--tok-input); }
+      .seg-cache_read { background: var(--tok-cache-read); }
+      .seg-cache_creation { background: var(--tok-cache-write); }
+      .seg-output { background: var(--tok-output); }
+      .legend { margin-top: 10px; }
+      h4 { margin: 16px 0 6px; font-size: 12px; color: var(--text-2); font-weight: 600; }
+      .top { display: grid; grid-template-columns: minmax(0, max-content) 64px 64px max-content; column-gap: 20px; row-gap: 4px; align-items: baseline; }
+      .top a { font-family: var(--mono); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+    `,
+    ]; }
+    partLabel(p) {
+        switch (p) {
+            case 'input':
+                return msg('input');
+            case 'cache_read':
+                return msg('cache read');
+            case 'cache_creation':
+                return msg('cache write');
+            case 'output':
+                return msg('output');
+        }
+    }
+    bar(s, max) {
+        const total = totalTokens(s);
+        const width = max ? (100 * total) / max : 0;
+        const tip = facts(...PARTS.map((p) => `${this.partLabel(p)} ${tokenCount(s[p])}`));
+        return html `<div class="bar" title=${tip} style="width:${Math.max(width, 0.5).toFixed(2)}%">
+      ${PARTS.map((p) => (s[p] && total ? html `<i class="seg-${p}" style="width:${((100 * s[p]) / total).toFixed(2)}%"></i>` : nothing))}
+    </div>`;
+    }
+    render() {
+        if (!spendOf(this.journal))
+            return html `<div class="meta">${msg('No tokens reported')}</div>`;
+        const kinds = spendByKind(this.journal);
+        const max = Math.max(1, ...kinds.map((k) => totalTokens(k.spend)));
+        const tasks = spendByTask(this.journal).slice(0, this.top);
+        return html `<div class="kinds">
+        ${repeat(kinds, (k) => k.id, (k) => html `<span class="kind" title=${k.id}>${k.id}</span>${this.bar(k.spend, max)}
+            <span class="num">${facts(tokenCount(totalTokens(k.spend)), usd(k.spend.cost))}</span>
+            <span class="num share">${k.share !== null ? `${Math.round(k.share * 100)}%` : ''}</span>`)}
+      </div>
+      ${legend(PARTS.map((p) => ({ label: this.partLabel(p), cls: `seg-${p}` })))}
+      <h4>${msg('Most expensive tasks')}</h4>
+      <div class="top">
+        ${tasks.map((t) => html `<a class="lnk" href="#" title=${t.id} @click=${(e) => {
+            e.preventDefault();
+            emit(this, 'ca-open-task', { key: t.id });
+        }}>${kindUnit(t)}</a>
+            <span class="num">${tokenCount(totalTokens(t.spend))}</span>
+            <span class="num">${usd(t.spend.cost)}</span>
+            <span class="num share">${t.share !== null ? msg(str `${Math.round(t.share * 100)}%`) : ''}</span>`)}
+      </div>`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], CaSpendBreakdown.prototype, "journal", void 0);
+__decorate([
+    property({ type: Number })
+], CaSpendBreakdown.prototype, "top", void 0);
+CaSpendBreakdown = __decorate([
+    customElement('ca-spend-breakdown'),
+    localized()
+], CaSpendBreakdown);
+export { CaSpendBreakdown };
+//# sourceMappingURL=ca-spend-breakdown.js.map

package/dist/elements/overview/ca-spend-breakdown.js.map

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

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

@@ -0,0 +1,28 @@
+import { type JournalRow, type Plan, type Procs } from '@contraagent/api';
+import { LitElement } from 'lit';
+import '@contraagent/elements/lanes/define';
+/**
+ * Every finished attempt as a bar as long as it took, on its kind's lane, the
+ * running ones growing until now (the last six hours of the run), as
+ * `<cae-lanes>` (`lanesFromJournal`).
+ */
+export declare class CaTimeline extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    journal: JournalRow[];
+    /** The run's plan: with the journal, why a task did not start, as the tasks list says it. Optional. */
+    plan: Plan | null;
+    procs: Procs | null;
+    /** The run is live: its running tasks are drawn, growing every second. */
+    live: boolean;
+    /** The run drawn; the bars grow in when a run is first drawn, not on every update. */
+    run: string;
+    render(): import("lit/directive.js").DirectiveResult<{
+        new (_partInfo: import("lit/directive.js").PartInfo): import("lit/directives/keyed.js").Keyed<import("lit").TemplateResult<1>>;
+    }>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-timeline': CaTimeline;
+    }
+}
+//# sourceMappingURL=ca-timeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ca-timeline.d.ts","sourceRoot":"","sources":["../../../src/elements/overview/ca-timeline.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,UAAU,EAAE,KAAK,IAAI,EAAE,KAAK,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAErG,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,OAAO,oCAAoC,CAAC;AAK5C;;;;GAIG;AACH,qBAEa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,0DAA0C;IAEhC,OAAO,EAAE,UAAU,EAAE,CAAM;IAC3D,uGAAuG;IACvE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IACzB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAQ;IAC3D,0EAA0E;IAC7C,IAAI,UAAS;IAC1C,sFAAsF;IAC1E,GAAG,SAAM;IAEZ,MAAM;;;CAmBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

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

@@ -0,0 +1,72 @@
+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, liveActivities } from '@contraagent/api';
+import { localized, msg, str } from '@lit/localize';
+import { LitElement, css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { keyed } from 'lit/directives/keyed.js';
+import { starts } from '@contraagent/elements';
+import { base } from '@contraagent/elements/styles';
+import '@contraagent/elements/lanes/define';
+import { laneStyles, lanesFromJournal } from '../../adapters/lanes.js';
+import { getLocale } from '../../core/i18n.js';
+/**
+ * Every finished attempt as a bar as long as it took, on its kind's lane, the
+ * running ones growing until now (the last six hours of the run), as
+ * `<cae-lanes>` (`lanesFromJournal`).
+ */
+let CaTimeline = class CaTimeline extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.journal = [];
+        /** The run's plan: with the journal, why a task did not start, as the tasks list says it. Optional. */
+        this.plan = null;
+        this.procs = null;
+        /** The run is live: its running tasks are drawn, growing every second. */
+        this.live = false;
+        /** The run drawn; the bars grow in when a run is first drawn, not on every update. */
+        this.run = '';
+    }
+    static { this.styles = [base, css `:host { display: block; }`]; }
+    render() {
+        const now = Date.now();
+        const live = this.live
+            ? liveActivities(this.procs).map((a) => ({ kind: a.kind, cls: a.cls, t0: starts.at(a.id, a.ageS, now) }))
+            : [];
+        const tl = lanesFromJournal(this.journal, live, deriveRun(this.journal, this.plan).outcomes, this.run);
+        if (!tl)
+            return html `<div class="blank" style="padding:28px"><span class="ic" aria-hidden="true">⏱</span>${this.live
+                ? msg('No finished attempts yet')
+                : msg('No finished attempts')}</div>`;
+        const strings = {
+            omitted: (n) => (n === 1 ? msg('1 older attempt not shown') : msg(str `${n} older attempts not shown`)),
+        };
+        return keyed(this.run, html `<cae-lanes .lanes=${tl.lanes} .barStyles=${laneStyles()} .omitted=${tl.omitted} ?live=${this.live}
+        locale=${getLocale()} .strings=${strings}></cae-lanes>`);
+    }
+};
+__decorate([
+    property({ attribute: false })
+], CaTimeline.prototype, "journal", void 0);
+__decorate([
+    property({ attribute: false })
+], CaTimeline.prototype, "plan", void 0);
+__decorate([
+    property({ attribute: false })
+], CaTimeline.prototype, "procs", void 0);
+__decorate([
+    property({ type: Boolean })
+], CaTimeline.prototype, "live", void 0);
+__decorate([
+    property()
+], CaTimeline.prototype, "run", void 0);
+CaTimeline = __decorate([
+    customElement('ca-timeline'),
+    localized()
+], CaTimeline);
+export { CaTimeline };
+//# sourceMappingURL=ca-timeline.js.map

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

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

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

@@ -0,0 +1,23 @@
+import { type Procs } from '@contraagent/api';
+import { LitElement } from 'lit';
+import '@contraagent/elements/count/define';
+/**
+ * What runs now: one card per running task (an agent session opens its
+ * transcript), the rest idle, up to the number of tasks the run runs at once
+ * (`max_concurrent`). Sends `ca-open-task`.
+ *
+ * @fires ca-open-task - `{key}`: a running agent launch was clicked
+ */
+export declare class CaWorkers extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    procs: Procs | null;
+    /** The run is live; when not, every slot is idle. */
+    live: boolean;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-workers': CaWorkers;
+    }
+}
+//# sourceMappingURL=ca-workers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ca-workers.d.ts","sourceRoot":"","sources":["../../../src/elements/overview/ca-workers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,OAAO,oCAAoC,CAAC;AAG5C;;;;;;GAMG;AACH,qBAEa,SAAU,SAAQ,UAAU;IACvC,OAAgB,MAAM,0DAwBpB;IAE8B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAQ;IAC3D,qDAAqD;IACxB,IAAI,UAAS;IAEjC,MAAM;CAwBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

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

@@ -0,0 +1,86 @@
+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 { liveActivities } from '@contraagent/api';
+import { localized, msg } from '@lit/localize';
+import { LitElement, css, html } 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 { base } from '@contraagent/elements/styles';
+import '@contraagent/elements/count/define';
+import { executorIcon } from '../../words/executor.js';
+/**
+ * What runs now: one card per running task (an agent session opens its
+ * transcript), the rest idle, up to the number of tasks the run runs at once
+ * (`max_concurrent`). Sends `ca-open-task`.
+ *
+ * @fires ca-open-task - `{key}`: a running agent launch was clicked
+ */
+let CaWorkers = class CaWorkers extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.procs = null;
+        /** The run is live; when not, every slot is idle. */
+        this.live = false;
+    }
+    static { this.styles = [
+        base,
+        css `
+      :host { display: block; container-type: inline-size; }
+      .wks { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 10px; }
+      @container (max-width: 860px) { .wks { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
+      @container (max-width: 360px) { .wks { grid-template-columns: minmax(0, 1fr); } }
+      .wk { border-radius: 11px; padding: 10px 12px; border: 1px solid var(--line); background: color-mix(in srgb, var(--text) 2.5%, transparent); min-width: 0;
+        position: relative; overflow: hidden; display: block; width: 100%; color: inherit; text-align: start; }
+      .wk > .meta { display: block; }
+      .wk.py, .wk.llm { border-color: var(--line2); }
+      .wk.llm { box-shadow: inset 3px 0 0 -1px color-mix(in srgb, var(--agent) 60%, transparent); cursor: pointer; }
+      .wk.llm:hover { border-color: var(--accent); }
+      .wk.idle { opacity: 0.45; border-style: dashed; }
+      .wk-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
+      .wk-top b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+      .wk-ic { width: 24px; height: 24px; border-radius: 7px; flex: none; display: grid; place-items: center; background: var(--raise); font-size: 12px; }
+      .wk.llm .wk-ic { color: var(--agent); }
+      .wk.py .wk-ic { color: var(--text-muted); }
+      .wk-el { margin-left: auto; font-family: var(--mono); font-size: 11.5px; color: var(--status-running); }
+      .wk-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; overflow: hidden; }
+      .wk-bar i { position: absolute; top: 0; bottom: 0; width: 30%; background: linear-gradient(90deg, transparent, var(--status-running), transparent);
+        animation: scan 1.8s linear infinite; }
+    `,
+    ]; }
+    render() {
+        const work = this.live ? liveActivities(this.procs) : [];
+        const max = Math.max(this.procs?.max_workers || 1, work.length);
+        const free = Array.from({ length: max - work.length }, (_, i) => i);
+        return html `<div class="wks" style="--n:${Math.min(max, 6)}">
+      ${repeat(work, (a) => a.id, (a) => {
+            const body = html `<span class="wk-top">${executorIcon(a.cls !== 'llm', a.cls === 'llm' ? msg('Agent task') : msg('Python task'), 'wk-ic')}<b>${a.kind}</b>
+              <cae-elapsed class="wk-el" .since=${starts.at(a.id, a.ageS)}></cae-elapsed></span>
+            <span class="meta">${a.detail}</span>
+            <span class="wk-bar"><i></i></span>`;
+            // A slot with a task opens it: a button.
+            return a.key
+                ? html `<button type="button" class="wk ${a.cls}" @click=${() => emit(this, 'ca-open-task', { key: a.key })}>${body}</button>`
+                : html `<div class="wk ${a.cls}">${body}</div>`;
+        })}
+      ${free.map(() => html `<div class="wk idle"><div class="wk-top"><b>${msg('Idle')}</b></div></div>`)}
+    </div>`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], CaWorkers.prototype, "procs", void 0);
+__decorate([
+    property({ type: Boolean })
+], CaWorkers.prototype, "live", void 0);
+CaWorkers = __decorate([
+    customElement('ca-workers'),
+    localized()
+], CaWorkers);
+export { CaWorkers };
+//# sourceMappingURL=ca-workers.js.map

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

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

package/dist/elements/overview/flow-types.d.ts

@@ -0,0 +1,2 @@
+export type { FlowCallNode, FlowFrame, FlowLoop, Plan as FlowPlan, PlanNode as FlowPlanNode } from '@contraagent/api';
+//# sourceMappingURL=flow-types.d.ts.map

package/dist/elements/overview/flow-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-types.d.ts","sourceRoot":"","sources":["../../../src/elements/overview/flow-types.ts"],"names":[],"mappings":"AAIA,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,IAAI,QAAQ,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/elements/overview/flow-types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=flow-types.js.map

package/dist/elements/overview/flow-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-types.js","sourceRoot":"","sources":["../../../src/elements/overview/flow-types.ts"],"names":[],"mappings":""}

package/dist/elements/overview/graph/arrange.d.ts

@@ -0,0 +1,16 @@
+export declare const push: <K, V>(m: Map<K, V[]>, k: K, v: V) => void;
+/**
+ * Each id's layer by longest path. Edges that close a cycle (found depth first, in
+ * `ids` order) are left out; `fixed` ids keep their layer.
+ */
+export declare function rankLayers(ids: readonly string[], edges: readonly (readonly [string, string])[], fixed: ReadonlyMap<string, number>): Map<string, number>;
+/** True for a point where an edge crosses a layer. */
+export declare const isPoint: (id: string) => boolean;
+/**
+ * The order within each layer that reduces crossings: barycentre sweeps, down and
+ * up, four times, keeping the best. `links` join a slot to one in the next layer.
+ * With `keep`, those ids keep their order (a previous layout's, new ones after
+ * them) and only the other slots (the points) move between them.
+ */
+export declare function orderRows(rows: string[][], links: readonly (readonly [string, string])[], keep: boolean): string[][];
+//# sourceMappingURL=arrange.d.ts.map

package/dist/elements/overview/graph/arrange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrange.d.ts","sourceRoot":"","sources":["../../../../src/elements/overview/graph/arrange.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,GAAI,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,KAAG,IAIvD,CAAC;AAIF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAgDzJ;AAqBD,sDAAsD;AACtD,eAAO,MAAM,OAAO,GAAI,IAAI,MAAM,KAAG,OAA6B,CAAC;AAEnE;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,EAAE,EAAE,CAkDpH"}