@contraagent/ui 0.0.0-stage → 0.2.0

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/index.d.ts

@@ -0,0 +1,11 @@
+export * from './ca-overview.js';
+export * from './ca-run-driver.js';
+export * from './ca-workers.js';
+export * from './ca-pipeline-graph.js';
+export * from './ca-kpis.js';
+export * from './ca-timeline.js';
+export * from './ca-spend-breakdown.js';
+export * from './ca-model-usage.js';
+export * from './ca-quota.js';
+export * from './ca-services.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/overview/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC"}

package/dist/elements/overview/index.js

@@ -0,0 +1,11 @@
+export * from './ca-overview.js';
+export * from './ca-run-driver.js';
+export * from './ca-workers.js';
+export * from './ca-pipeline-graph.js';
+export * from './ca-kpis.js';
+export * from './ca-timeline.js';
+export * from './ca-spend-breakdown.js';
+export * from './ca-model-usage.js';
+export * from './ca-quota.js';
+export * from './ca-services.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/elements/overview/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC"}

package/dist/elements/overview/pipeline-graph/actions.d.ts

@@ -0,0 +1,16 @@
+import type { Selected } from '../../../adapters/graph/selection.js';
+import type { GraphNode, LayerMark } from '../../../adapters/graph/types.js';
+import type { PipelineHost } from './host.js';
+/** Select a node, a loop box or a mark (by its selection id); '' clears the selection. */
+export declare function select(h: PipelineHost, id: string): void;
+/** Go to a layer (its segments; [] for the layer the graph opens on), with a unit highlighted or not. */
+export declare function go(h: PipelineHost, segments: readonly string[], unit?: string): void;
+/** The Tasks tab, filtered to a kind node's kind. */
+export declare function tasksOf(h: PipelineHost, n: GraphNode): void;
+/** Open a mark of `node`: a task (on its input when it did not start, a Python task on its output), or a flow call's function. */
+export declare function open(h: PipelineHost, m: LayerMark, node?: GraphNode): void;
+/** What a double click or Enter does: a mark opens its task (or its flow call's function), a function node or a loop box opens inside, a kind node its tasks. */
+export declare function primary(h: PipelineHost, s: Selected): void;
+/** "Graph" in a loop's passes: the layer the loop is in, with its box selected. */
+export declare function leavePasses(h: PipelineHost): void;
+//# sourceMappingURL=actions.d.ts.map

package/dist/elements/overview/pipeline-graph/actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../../src/elements/overview/pipeline-graph/actions.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,0FAA0F;AAC1F,wBAAgB,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAExD;AAED,yGAAyG;AACzG,wBAAgB,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,MAAM,EAAE,EAAE,IAAI,SAAS,GAAG,IAAI,CAGpF;AAED,qDAAqD;AACrD,wBAAgB,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,SAAS,GAAG,IAAI,CAE3D;AAED,kIAAkI;AAClI,wBAAgB,IAAI,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAI1E;AAED,iKAAiK;AACjK,wBAAgB,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,GAAG,IAAI,CAK1D;AAED,mFAAmF;AACnF,wBAAgB,WAAW,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI,CAKjD"}

package/dist/elements/overview/pipeline-graph/actions.js

@@ -0,0 +1,42 @@
+// What the pipeline graph does: the events it sends for a selection, a layer and a task.
+import { emit } from '../../../core/events.js';
+import { parentLayer } from '../../../adapters/graph/layer.js';
+/** Select a node, a loop box or a mark (by its selection id); '' clears the selection. */
+export function select(h, id) {
+    if (id !== h.sel)
+        emit(h.el, 'ca-navigate', { sel: id });
+}
+/** Go to a layer (its segments; [] for the layer the graph opens on), with a unit highlighted or not. */
+export function go(h, segments, unit = h.unit) {
+    const layer = segments.join('/');
+    emit(h.el, 'ca-navigate', { layer: layer === h.auto.join('/') ? '' : layer, unit });
+}
+/** The Tasks tab, filtered to a kind node's kind. */
+export function tasksOf(h, n) {
+    emit(h.el, 'ca-navigate', { tab: 'tasks', kind: n.kinds.length === 1 ? n.kinds[0] : '' });
+}
+/** Open a mark of `node`: a task (on its input when it did not start, a Python task on its output), or a flow call's function. */
+export function open(h, m, node) {
+    if (m.flow)
+        return go(h, [...(node?.layer ?? h.graph.path), m.flow], m.unit || h.unit);
+    const t = h.links.byKey.get(m.key);
+    emit(h.el, 'ca-open-task', m.state === 'blocked' ? { key: m.key, view: 'input' } : t?.executor === 'python' ? { key: m.key, view: 'output' } : { key: m.key });
+}
+/** What a double click or Enter does: a mark opens its task (or its flow call's function), a function node or a loop box opens inside, a kind node its tasks. */
+export function primary(h, s) {
+    if (s.type === 'mark')
+        return open(h, s.mark, s.node);
+    if (s.type === 'box')
+        return go(h, [...s.box.layer, s.box.local]);
+    if (s.node.type === 'flow')
+        return go(h, [...s.node.layer, s.node.name]);
+    tasksOf(h, s.node);
+}
+/** "Graph" in a loop's passes: the layer the loop is in, with its box selected. */
+export function leavePasses(h) {
+    const box = h.segments[h.segments.length - 1] ?? '';
+    const up = parentLayer(h.segments, h.auto) ?? [];
+    const auto = h.auto.join('/');
+    emit(h.el, 'ca-navigate', { layer: up.join('/') === auto ? '' : up.join('/'), unit: h.unit, sel: box });
+}
+//# sourceMappingURL=actions.js.map

package/dist/elements/overview/pipeline-graph/actions.js.map

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

package/dist/elements/overview/pipeline-graph/crumbs.d.ts

@@ -0,0 +1,15 @@
+import { nothing, type TemplateResult } from 'lit';
+import type { PipelineHost } from './host.js';
+/** Which functions are drawn open: those the graph chooses, every one, or only those the reader opened. */
+export type OpenMode = 'auto' | 'all' | 'none';
+/** "Show all inside" and "Hide all inside": each sets its mode, and, pressed again, gives the choice back to the graph. */
+export declare function openControls(mode: OpenMode, set: (m: OpenMode) => void): TemplateResult;
+/**
+ * Where the layer is: "Pipeline", then every level down to the one shown, auto-descended
+ * levels included; a nested loop's box is a level below the box it is in. `controls`
+ * (the open controls) end the line.
+ */
+export declare function crumbs(h: PipelineHost, controls?: TemplateResult | null): TemplateResult<1> | typeof nothing;
+/** The layer the view route named that this run does not have. */
+export declare function missingLine(missing: string): TemplateResult<1> | typeof nothing;
+//# sourceMappingURL=crumbs.d.ts.map

package/dist/elements/overview/pipeline-graph/crumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crumbs.d.ts","sourceRoot":"","sources":["../../../../src/elements/overview/pipeline-graph/crumbs.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAOzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,2GAA2G;AAC3G,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;AAE/C,2HAA2H;AAC3H,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,GAAG,cAAc,CAIvF;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE,QAAQ,GAAE,cAAc,GAAG,IAAW,sCAwC7E;AAED,kEAAkE;AAClE,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,sCAK1C"}

package/dist/elements/overview/pipeline-graph/crumbs.js

@@ -0,0 +1,70 @@
+// The line above the frame: where the layer is, the pinned unit, and a layer the run does not have.
+import { msg, str } from '@lit/localize';
+import { html, nothing } from 'lit';
+import { shortName } from '../../../adapters/graph/flow-index.js';
+import { splitLayer } from '../../../adapters/graph/layer.js';
+import { LOOP_SEGMENT } from '../../../adapters/graph/types.js';
+import { where } from '../../../adapters/graph/words.js';
+import { emit } from '../../../core/events.js';
+import { go } from './actions.js';
+/** "Show all inside" and "Hide all inside": each sets its mode, and, pressed again, gives the choice back to the graph. */
+export function openControls(mode, set) {
+    const button = (m, label) => html `<button type="button" class="switch" aria-pressed=${mode === m} @click=${() => set(mode === m ? 'auto' : m)}>${label}</button>`;
+    return html `<span class="opens">${button('all', msg('Show all inside'))}${button('none', msg('Hide all inside'))}</span>`;
+}
+/**
+ * Where the layer is: "Pipeline", then every level down to the one shown, auto-descended
+ * levels included; a nested loop's box is a level below the box it is in. `controls`
+ * (the open controls) end the line.
+ */
+export function crumbs(h, controls = null) {
+    const segs = h.segments;
+    const pinned = h.unit;
+    if (!segs.length && !pinned && !controls)
+        return nothing;
+    const { path, loop } = splitLayer(segs);
+    const levels = [
+        ...path.map((fn, i) => ({ name: shortName(fn), tip: fn, to: path.slice(0, i + 1) })),
+        // A loop by where it is: two loops one in the other are told apart.
+        ...(loop ? loop.slice(LOOP_SEGMENT.length).split('.') : []).map((line, i, lines) => {
+            const id = LOOP_SEGMENT + lines.slice(0, i + 1).join('.');
+            const file = h.graph.boxes.find((b) => b.id === id)?.file || h.matrix?.box.file || '';
+            const known = /^\d+$/.test(line);
+            return {
+                name: known ? msg(str `Loop at ${where(line, file)}`) : msg('Loop'),
+                tip: known && file ? `${file}:${line}` : '',
+                to: [...path, id],
+            };
+        }),
+    ];
+    return html `<div class="bar">
+    ${segs.length
+        ? html `<nav aria-label=${msg('Pipeline layer')}>
+          <ol class="crumbs">
+            <li><button type="button" @click=${() => go(h, [])}>${msg('Pipeline')}</button></li>
+            ${levels.map((l, i) => {
+            const last = i === levels.length - 1;
+            return html `<li><span class="sep" aria-hidden="true">›</span>
+                ${last
+                ? html `<span aria-current="page" title=${l.tip || nothing}>${l.name}</span>`
+                : html `<button type="button" title=${l.tip || nothing} @click=${() => go(h, l.to)}>${l.name}</button>`}</li>`;
+        })}
+          </ol>
+        </nav>`
+        : nothing}
+    ${pinned
+        ? html `<span class="pin">${msg(str `Unit: ${pinned}`)}
+          <button type="button" class="switch" @click=${() => emit(h.el, 'ca-navigate', { unit: '' })}>${msg('Clear highlight')}</button></span>`
+        : nothing}
+    ${controls ?? nothing}
+  </div>`;
+}
+/** The layer the view route named that this run does not have. */
+export function missingLine(missing) {
+    if (!missing)
+        return nothing;
+    const segs = missing.split('/');
+    const name = segs[segs.length - 1] || missing;
+    return html `<div class="missing" role="status" title=${missing}>${msg(html `No layer <code>${name}</code> in this run`)}</div>`;
+}
+//# sourceMappingURL=crumbs.js.map

package/dist/elements/overview/pipeline-graph/crumbs.js.map

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

package/dist/elements/overview/pipeline-graph/host.d.ts

@@ -0,0 +1,24 @@
+import type { JournalRow, Plan } from '@contraagent/api';
+import type { TaskLinks } from '../../../adapters/graph/highlight.js';
+import type { PassMatrix } from '../../../adapters/graph/matrix.js';
+import type { LayerGraph } from '../../../adapters/graph/types.js';
+export interface PipelineHost {
+    readonly el: HTMLElement;
+    readonly plan: Plan;
+    readonly journal: readonly JournalRow[];
+    /** The run id: paths in a cause are shown relative to it. */
+    readonly run: string;
+    readonly live: boolean;
+    /** The view route's selection and pinned unit. */
+    readonly sel: string;
+    readonly unit: string;
+    /** The layer shown (its segments), and the layer the graph opens on. */
+    readonly segments: readonly string[];
+    readonly auto: readonly string[];
+    /** The layer, arranged as it is drawn. */
+    readonly graph: LayerGraph;
+    /** A loop's passes, when the layer shown is a loop. */
+    readonly matrix: PassMatrix | null;
+    readonly links: TaskLinks;
+}
+//# sourceMappingURL=host.d.ts.map

package/dist/elements/overview/pipeline-graph/host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"host.d.ts","sourceRoot":"","sources":["../../../../src/elements/overview/pipeline-graph/host.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAEnE,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;IACpB,QAAQ,CAAC,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IACxC,6DAA6D;IAC7D,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,kDAAkD;IAClD,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,QAAQ,CAAC,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IACrC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,0CAA0C;IAC1C,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC;IAC3B,uDAAuD;IACvD,QAAQ,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;CAC3B"}

package/dist/elements/overview/pipeline-graph/host.js

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