@contraagent/ui 0.0.0-stage → 0.2.0

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

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

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

@@ -0,0 +1,5 @@
+import type { Selected } from '../../../adapters/graph/selection.js';
+import type { PipelineHost } from './host.js';
+/** The selection's card content, for the graph's `inspector` slot: its heading names the item, `[data-status]` its status. */
+export declare function inspector(h: PipelineHost, s: Selected): import("lit").TemplateResult<1>;
+//# sourceMappingURL=inspector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inspector.d.ts","sourceRoot":"","sources":["../../../../src/elements/overview/pipeline-graph/inspector.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sCAAsC,CAAC;AAMrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,8HAA8H;AAC9H,wBAAgB,SAAS,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,mCAErD"}

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

@@ -0,0 +1,100 @@
+// The selection's card: what is selected, its facts and where it leads. The
+// generic graph places it beside the item (its `inspector` slot).
+import { isLaunched } from '@contraagent/api';
+import { cycleIcon, innerIcon } from '@contraagent/elements/graph';
+import { toneAttr } from '@contraagent/elements';
+import { msg, str } from '@lit/localize';
+import { html, nothing } from 'lit';
+import { shortName } from '../../../adapters/graph/flow-index.js';
+import { causeOf } from '../../../adapters/graph/input.js';
+import { doneOf, exceptions, executorWord, neighbours, notDone, stateWord, taskStateStyles, where } from '../../../adapters/graph/words.js';
+import { executorIcon } from '../../../words/executor.js';
+import { fmtDur, kindUnit, listText, usd } from '../../../words/format.js';
+import { deadlineAtText, passCount, passLabel, passSpread, passesRan, timeBoxFacts, timeBoxTip } from '../../../words/index.js';
+import { primary, select, tasksOf } from './actions.js';
+/** The selection's card content, for the graph's `inspector` slot: its heading names the item, `[data-status]` its status. */
+export function inspector(h, s) {
+    return html `<div slot="inspector" class="card">${inspect(h, s)}</div>`;
+}
+function inspect(h, s) {
+    const row = (dt, dd) => html `<dt>${dt}</dt><dd>${dd}</dd>`;
+    const link = (text, go, primary = false) => html `<button type="button" class="go ${primary ? 'primary' : ''}" @click=${go}>${text}</button>`;
+    const clear = html `<button type="button" class="switch" @click=${() => select(h, '')}>${msg('Clear selection')}</button>`;
+    const list = (xs) => (xs.length ? listText(xs) : msg('none', { id: 'none', desc: 'An empty value' }));
+    if (s.type === 'box') {
+        const b = s.box;
+        const at = where(b.loop, b.file);
+        return html `<h4 title=${b.file ? `${b.file}:${b.loop}` : nothing}>${cycleIcon(16)}${msg(str `Loop at ${at}`)}</h4>
+      <dl>
+        ${row(msg('Passes'), passCount(b.passes))}
+        ${b.spread.length > 1 ? row(msg('Units by number of passes'), passSpread(b.spread)) : nothing}
+      </dl>
+      <div class="acts">${link(msg(str `Passes of the loop at ${at}`), () => primary(h, s), true)}${clear}</div>`;
+    }
+    if (s.type === 'node') {
+        const n = s.node;
+        const c = n.counts;
+        const { waits, after, feeds } = neighbours(n, h.graph);
+        const states = exceptions(n, h.live).map(([cls, t]) => html `<div class=${cls}>${t}</div>`);
+        if (n.type === 'flow') {
+            return html `<h4 title=${n.name}>${innerIcon()}${n.label}</h4>
+        <div class="sub">${msg('Function')}</div>
+        <dl>
+          ${row(msg('Flow calls'), n.calls)}
+          ${n.timeBox ? row(msg('Deadline'), html `<span title=${timeBoxTip()}>${timeBoxFacts(n.timeBox)}</span>`) : nothing}
+          ${row(msg('Tasks', { id: 'tasks', desc: 'A count of tasks' }), html `${doneOf(c)}${states}`)}
+          ${row(msg('Waits for'), list(waits))}
+          ${after.length ? row(msg('Created after'), list(after)) : nothing}
+          ${row(msg('Later tasks'), list(feeds))}
+        </dl>
+        <div class="acts">${link(msg(str `Inside ${n.label}`), () => primary(h, s), true)}${clear}</div>`;
+        }
+        return html `<h4>${n.executor && n.executor !== 'mixed' ? executorIcon(n.executor === 'python') : nothing}${n.label}</h4>
+      <div class="sub">${executorWord(n)}</div>
+      <dl>
+        ${n.kinds.length > 1 ? row(msg('Kinds'), listText(n.kinds)) : nothing}
+        ${row(msg('Tasks', { id: 'tasks', desc: 'A count of tasks' }), html `${doneOf(c)}${states}`)}
+        ${row(msg('Waits for'), list(waits))}
+        ${after.length ? row(msg('Created after'), list(after)) : nothing}
+        ${row(msg('Later tasks'), list(feeds))}
+      </dl>
+      <div class="acts">${link(msg(str `Tasks of ${n.label}`), () => primary(h, s), true)}${clear}</div>`;
+    }
+    const { node, mark: m, passes } = s;
+    const task = m.flow || m.count !== 1 ? undefined : h.links.byKey.get(m.key);
+    const name = kindUnit({ kind: task?.kind ?? node.label, unit: m.unit });
+    const cause = !m.flow && m.state === 'blocked' ? causeOf(h)(m.key) : '';
+    const status = html `<span data-status class=${m.state === 'failed' ? 'err' : m.state === 'blocked' || m.state === 'partial' ? 'warn' : ''}>${stateWord(m.state, h.live)}</span>`;
+    const look = taskStateStyles(h.live)[m.state];
+    const head = html `<h4 title=${m.flow ? msg(str `Flow call ${m.key}`) : m.key}><i class="mark" data-tone=${toneAttr(look?.tone)} data-shape=${look?.shape ?? nothing} aria-hidden="true"></i>${name}</h4>`;
+    const pass = passes.length ? listText(passes.map(passLabel)) : m.passes ? passesRan(m.passes) : '';
+    if (m.flow) {
+        const c = m.counts;
+        return html `${head}
+      <dl>
+        ${row(msg('Status', { id: 'status', desc: 'The status of a task: done, failed, not started' }), status)}
+        ${pass ? row(msg('Pass'), pass) : nothing}
+        ${m.deadlineAt ? row(msg('Deadline'), html `<span title=${timeBoxTip()}>${deadlineAtText(m.deadlineAt)}</span>`) : nothing}
+        ${c ? row(msg('Tasks', { id: 'tasks', desc: 'A count of tasks' }), html `${doneOf(c)}${notDone(c, h.live).map((t) => html `<div>${t}</div>`)}`) : nothing}
+        ${m.error !== undefined ? row(msg('Error'), html `<span class="err">${m.error || msg('Flow call stopped with an error')}</span>`) : nothing}
+      </dl>
+      <div class="acts">${link(msg(str `Inside ${shortName(m.flow)}`), () => primary(h, s), true)}${clear}</div>`;
+    }
+    const rows = h.journal.filter((r) => m.keys.includes(r.key));
+    const ran = rows.filter(isLaunched);
+    const costs = ran.map((r) => r.cost_usd).filter((x) => typeof x === 'number');
+    const wall = ran.reduce((a, r) => a + (r.wall_s ?? 0), 0);
+    return html `${head}
+    <dl>
+      ${row(msg('Status', { id: 'status', desc: 'The status of a task: done, failed, not started' }), cause ? html `${status}<div>${cause}</div>` : status)}
+      ${pass ? row(msg('Pass'), pass) : nothing}
+      ${m.count > 1 ? row(msg('Tasks', { id: 'tasks', desc: 'A count of tasks' }), msg(str `${m.count} tasks`)) : nothing}
+      ${row(msg('Attempts'), ran.length || msg('none', { id: 'none', desc: 'An empty value' }))}
+      ${row(msg('Time'), ran.length ? fmtDur(wall) : msg('none', { id: 'none', desc: 'An empty value' }))}
+      ${row(msg('Cost'), costs.length ? usd(costs.reduce((a, x) => a + x, 0)) : '—')}
+    </dl>
+    <div class="acts">${link(msg('Task detail'), () => primary(h, s), true)}${node.kinds.length === 1
+        ? link(msg(str `Tasks of ${node.label}`), () => tasksOf(h, node))
+        : nothing}${clear}</div>`;
+}
+//# sourceMappingURL=inspector.js.map

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

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

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

@@ -0,0 +1,53 @@
+import type { PlaceStats } from '../../../adapters/graph/compound.js';
+import { type NodeCounts } from '../../../adapters/graph/types.js';
+/** An item of the outline: a function (its place) or a loop of the layer it is in. */
+export interface OutlineItem {
+    /** A function's place key; a loop's `<layer>|loop:<line>`. */
+    id: string;
+    type: 'fn' | 'loop';
+    label: string;
+    tip: string;
+    /** The layer it is in (function names, outermost first). */
+    layer: string[];
+    /** A function: its name; a loop: its segment (`loop:12`, `loop:12.30`). */
+    name: string;
+    counts: NodeCounts;
+    errors: boolean;
+    kids: OutlineItem[];
+    /**
+     * The functions it stands for, outermost first: itself, then, for a chain of functions
+     * each the only function in the layer of the one before, the rest of the chain (as the
+     * graph draws it in one box). Going into it goes into the last.
+     */
+    parts: {
+        id: string;
+        layer: string[];
+        name: string;
+    }[];
+}
+/** The outline of the flow: the places of `stats` (from the top of the flow) as a tree, a loop an item around the places in it. */
+export declare function outlineTree(stats: ReadonlyMap<string, PlaceStats>): OutlineItem[];
+/**
+ * The items with each chain of single functions as one item named by its path (as the
+ * graph draws it in one box): a function whose only item is a function, with no loop
+ * between. A function on the way to the layer shown (`current`) stays an item of its own.
+ */
+export declare function chained(items: readonly OutlineItem[], current: (id: string) => boolean): OutlineItem[];
+/** What the outline reads and does: which items are expanded, current or selected, and what a pick and Enter do. */
+export interface OutlineHost {
+    readonly live: boolean;
+    expanded(id: string): boolean;
+    expand(id: string, on: boolean): void;
+    /** The item is on the way to the layer shown, or is it. */
+    current(id: string): boolean;
+    /** The item is the layer shown. */
+    here(id: string): boolean;
+    selected(id: string): boolean;
+    /** Show the item in the graph, selected. */
+    pick(item: OutlineItem): void;
+    /** Go into the item: a function's layer, a loop's passes. */
+    enter(item: OutlineItem): void;
+}
+/** The outline: a tree of buttons; a click shows an item in the graph, a double click or Enter goes into it. */
+export declare function outline(h: OutlineHost, tree: readonly OutlineItem[]): import("lit").TemplateResult<1>;
+//# sourceMappingURL=outline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"outline.d.ts","sourceRoot":"","sources":["../../../../src/elements/overview/pipeline-graph/outline.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEtE,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAGjF,sFAAsF;AACtF,MAAM,WAAW,WAAW;IAC1B,8DAA8D;IAC9D,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,4DAA4D;IAC5D,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB;;;;OAIG;IACH,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACxD;AAID,mIAAmI;AACnI,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,WAAW,EAAE,CAwCjF;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,SAAS,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,GAAG,WAAW,EAAE,CAUtG;AAED,oHAAoH;AACpH,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IAC9B,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,GAAG,IAAI,CAAC;IACtC,2DAA2D;IAC3D,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,mCAAmC;IACnC,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IAC9B,4CAA4C;IAC5C,IAAI,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,6DAA6D;IAC7D,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC;AAED,gHAAgH;AAChH,wBAAgB,OAAO,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,WAAW,EAAE,mCAoCnE"}

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

@@ -0,0 +1,111 @@
+// The outline beside the pipeline graph: every function of the run's flow, and the loops
+// they are in, as a tree, each with its tasks done of its tasks and what is not done. It
+// shows the whole flow at once, whatever the graph draws open; the graph shows how its
+// parts connect.
+import { cycleIcon } from '@contraagent/elements/graph';
+import { msg, str } from '@lit/localize';
+import { html, nothing } from 'lit';
+import { shortName } from '../../../adapters/graph/flow-index.js';
+import { LOOP_SEGMENT } from '../../../adapters/graph/types.js';
+import { doneOf, exceptions, where } from '../../../adapters/graph/words.js';
+const ZERO = () => ({ total: 0, done: 0, partial: 0, failed: 0, running: 0, pending: 0, skipped: 0, blocked: 0 });
+/** The outline of the flow: the places of `stats` (from the top of the flow) as a tree, a loop an item around the places in it. */
+export function outlineTree(stats) {
+    const kidsOf = new Map();
+    for (const s of stats.values())
+        (kidsOf.get(s.parent) ?? kidsOf.set(s.parent, []).get(s.parent))?.push(s);
+    const build = (parent) => {
+        const out = [];
+        const loops = new Map();
+        for (const s of kidsOf.get(parent) ?? []) {
+            const item = {
+                id: s.key,
+                type: 'fn',
+                label: shortName(s.name),
+                tip: s.name,
+                layer: s.layer,
+                name: s.name,
+                counts: s.counts,
+                errors: s.errors,
+                kids: build(s.key),
+                parts: [{ id: s.key, layer: s.layer, name: s.name }],
+            };
+            // In a loop: inside the loop's item (a nested loop's inside its outer one).
+            let into = out;
+            s.loops.forEach((_, i) => {
+                const seg = `${LOOP_SEGMENT}${s.loops.slice(0, i + 1).join('.')}`;
+                const id = `${s.layer.join('/')}|${seg}`;
+                let loop = loops.get(id);
+                if (!loop) {
+                    const line = s.loops[i];
+                    loop = { id, type: 'loop', label: msg(str `Loop at ${where(line, s.file)}`), tip: s.file ? `${s.file}:${line}` : '', layer: s.layer, name: seg, counts: ZERO(), errors: false, kids: [], parts: [{ id, layer: s.layer, name: seg }] };
+                    loops.set(id, loop);
+                    into.push(loop);
+                }
+                for (const k of Object.keys(loop.counts))
+                    loop.counts[k] += s.counts[k];
+                loop.errors ||= s.errors;
+                into = loop.kids;
+            });
+            into.push(item);
+        }
+        return out;
+    };
+    return build(null);
+}
+/**
+ * The items with each chain of single functions as one item named by its path (as the
+ * graph draws it in one box): a function whose only item is a function, with no loop
+ * between. A function on the way to the layer shown (`current`) stays an item of its own.
+ */
+export function chained(items, current) {
+    const chain = (it) => {
+        let x = it;
+        while (x.type === 'fn' && !current(x.id) && x.kids.length === 1 && x.kids[0]?.type === 'fn' && !current(x.kids[0].id)) {
+            const k = x.kids[0];
+            x = { ...x, label: `${x.label} › ${k.label}`, tip: `${x.tip}\n${k.tip}`, kids: k.kids, parts: [...x.parts, ...k.parts] };
+        }
+        return { ...x, kids: x.kids.map(chain) };
+    };
+    return items.map(chain);
+}
+/** The outline: a tree of buttons; a click shows an item in the graph, a double click or Enter goes into it. */
+export function outline(h, tree) {
+    const items = chained(tree, (id) => h.current(id));
+    const notesOf = (it) => exceptions({ counts: it.counts, errors: it.errors ? 1 : 0 }, h.live);
+    // A note only where it says something the item around it does not: where the problem narrows.
+    const row = (it, above = '') => {
+        const open = it.kids.length > 0 && h.expanded(it.id);
+        const c = it.counts;
+        const pct = c.total ? Math.round(((c.done + c.partial + c.skipped) / c.total) * 100) : 0;
+        const all = notesOf(it);
+        const said = all.map(([, t]) => t).join('|');
+        const notes = said === above ? [] : all;
+        const cur = it.parts.some((p) => h.current(p.id));
+        const here = it.parts.some((p) => h.here(p.id));
+        return html `<li>
+      <div class="orow ${cur ? 'cur' : ''} ${it.parts.some((p) => h.selected(p.id)) ? 'sel' : ''}">
+        ${it.kids.length
+            ? html `<button type="button" class="odisc" aria-expanded=${open} aria-label=${open ? msg(str `Fold ${it.label}`) : msg(str `Unfold ${it.label}`)}
+              @click=${() => h.expand(it.id, !open)}><span aria-hidden="true">${open ? '▾' : '▸'}</span></button>`
+            : html `<span class="odisc" aria-hidden="true"></span>`}
+        <button type="button" class="oname" title=${it.tip || nothing} aria-current=${here ? 'location' : nothing}
+          @click=${(e) => e.detail < 2 && h.pick(it)} @dblclick=${() => h.enter(it)}
+          @keydown=${(e) => {
+            if (e.key !== 'Enter')
+                return;
+            e.preventDefault();
+            h.enter(it);
+        }}>
+          ${it.type === 'loop' ? cycleIcon(12) : nothing}<span class="ol">${it.label}</span>
+          <span class="obar" aria-hidden="true"><i style="width:${pct}%"></i></span>
+          <span class="ocount" title=${doneOf(c)}>${c.done}/${c.total}</span>
+        </button>
+        ${notes.length ? html `<div class="onote">${notes.map(([cls, text]) => html `<span class=${cls}>${text}</span>`)}</div>` : nothing}
+      </div>
+      ${open ? html `<ul>${it.kids.map((k) => row(k, said))}</ul>` : nothing}
+    </li>`;
+    };
+    return html `<nav class="outline" aria-label=${msg('Outline of the flow')}><ul class="otree">${items.map((it) => row(it))}</ul></nav>`;
+}
+//# sourceMappingURL=outline.js.map

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

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

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

@@ -0,0 +1,11 @@
+import type { LayeredGraphStrings } from '@contraagent/elements/graph';
+import type { MarkMatrixStrings } from '@contraagent/elements/matrix';
+/**
+ * Every word of the graph (`up`: Escape's hint without a selection, '' at the top;
+ * `functions`: the layer has function nodes, so a row names a kind or a function); a
+ * node always has its `progress`, so the words of a node's default count are not needed.
+ */
+export declare function graphStrings(up: boolean, functions: boolean): Omit<LayeredGraphStrings, 'progress'>;
+/** The words of a loop's passes. */
+export declare function matrixStrings(): MarkMatrixStrings;
+//# sourceMappingURL=strings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"strings.d.ts","sourceRoot":"","sources":["../../../../src/elements/overview/pipeline-graph/strings.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAItE;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAoCnG;AAED,oCAAoC;AACpC,wBAAgB,aAAa,IAAI,iBAAiB,CAEjD"}

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

@@ -0,0 +1,49 @@
+import { msg, str } from '@lit/localize';
+import { listText } from '../../../words/format.js';
+/**
+ * Every word of the graph (`up`: Escape's hint without a selection, '' at the top;
+ * `functions`: the layer has function nodes, so a row names a kind or a function); a
+ * node always has its `progress`, so the words of a node's default count are not needed.
+ */
+export function graphStrings(up, functions) {
+    const enter = msg('Enter: open');
+    return {
+        graph: msg('Graph', { id: 'view-graph', desc: 'Button: show the pipeline as a graph' }),
+        table: msg('Table', { id: 'view-table', desc: 'Button: show the pipeline as a table' }),
+        view: msg('View'),
+        zoomIn: msg('Zoom in'),
+        zoomInTip: msg('Zoom in (Ctrl + scroll)'),
+        zoomOut: msg('Zoom out'),
+        zoomOutTip: msg('Zoom out (Ctrl + scroll)'),
+        showAll: msg('Show all'),
+        graphKeys: [msg('Tab: next node'), msg('Arrow keys: marks'), msg('Shift + arrow keys: earlier and later tasks'), enter],
+        tableKeys: [msg('Tab: next row'), enter],
+        matrixKeys: [msg('Arrow keys: marks'), enter],
+        clearKey: msg('Esc: clear selection'),
+        upKey: up ? msg('Esc: up a level') : '',
+        inspector: msg('Selected item'),
+        stubTip: msg('Outside this layer'),
+        more: (n) => msg(str `+${n}`),
+        badge: msg('number of passes'),
+        solidEdge: msg('waits for output'),
+        dashedEdge: msg('created after result'),
+        cycle: msg('next pass'),
+        drill: msg('has a level below'),
+        open: msg('Show inside'),
+        close: msg('Hide inside'),
+        iconNames: { agent: msg('agent task'), python: msg('Python task') },
+        nameHeader: functions ? msg('Kind or function') : msg('Kind'),
+        statusHeader: msg('Status', { id: 'status', desc: 'The status of a task: done, failed, not started' }),
+        solidHeader: msg('Waits for'),
+        dashedHeader: msg('Created after'),
+        laterHeader: msg('Later tasks'),
+        none: msg('none', { id: 'none', desc: 'An empty value' }),
+        inCluster: (label) => msg(str `${label} in the loop`),
+        list: (items) => listText(items),
+    };
+}
+/** The words of a loop's passes. */
+export function matrixStrings() {
+    return { sortBy: msg('Sort units'), rowsHeader: msg('Unit') };
+}
+//# sourceMappingURL=strings.js.map

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

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

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

@@ -0,0 +1,4 @@
+export declare const graphStyles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+/** The executor icons as the generic graph draws them: in a node's name, the legend, the table and a loop's passes. */
+export declare const iconStyles: import("lit").CSSResult[];
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/elements/overview/pipeline-graph/styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,yDA6EvB,CAAC;AAEF,uHAAuH;AACvH,eAAO,MAAM,UAAU,2BAStB,CAAC"}

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

@@ -0,0 +1,96 @@
+// The pipeline graph's own styles: the line above the graph (where the layer is, the
+// pinned unit, a missing layer) and the card's content, which it renders into the
+// generic graph's slots; and the executor icons the generic graph draws for it.
+import { base, markStyles } from '@contraagent/elements/styles';
+import { css } from 'lit';
+import { executorIconStyles } from '../../../words/executor.js';
+export const graphStyles = [
+    base,
+    executorIconStyles,
+    markStyles,
+    css `
+    /* A column: a height set on the host is the graph's, less the outline's line above it. */
+    :host { display: flex; flex-direction: column; }
+    cae-layered-graph { flex: auto; min-height: 0; }
+
+    .bar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-bottom: 8px; font-size: 12px; }
+    .crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
+    .crumbs li { display: inline-flex; align-items: center; gap: 4px; }
+    .crumbs .sep { color: var(--text-muted); }
+    .crumbs button { all: unset; cursor: pointer; color: var(--accent); font-family: var(--mono); }
+    .crumbs button:hover { text-decoration: underline; }
+    .crumbs button:focus-visible { outline: var(--focus-width) solid var(--focus); outline-offset: 2px; border-radius: 3px; }
+    .crumbs [aria-current] { font-family: var(--mono); color: var(--text); font-weight: 600; }
+    .pin { display: inline-flex; align-items: center; gap: 8px; color: var(--text-2); }
+    .pin b { font-family: var(--mono); }
+    .missing { margin-bottom: 8px; font-size: 12px; color: var(--status-attention); }
+    .missing code { font-family: var(--mono); }
+
+    /* The card's content: laid out by the card itself. */
+    .card { display: contents; }
+    .ic { display: block; flex: none; }
+    .loop-ic { color: var(--text-2); }
+    .in-ic { color: var(--text-muted); }
+    .card h4 { margin: 0; display: flex; align-items: center; gap: 7px; font-family: var(--mono); font-size: 13px; font-weight: 600;
+      color: var(--text); overflow-wrap: anywhere; }
+    .card h4 .mark { --m: 11px; flex: none; cursor: default; animation: none; }
+    .card h4 .mark:hover { transform: none; outline: none; }
+    .card h4 .k-ic { width: 18px; height: 18px; margin: 0; border-radius: 5px; font-size: 10px; }
+    .card .sub { color: var(--text-2); }
+    .card dl { display: grid; grid-template-columns: fit-content(42%) minmax(0, 1fr); gap: 4px 12px; margin: 0; }
+    .card dt { color: var(--text-muted); word-break: keep-all; overflow-wrap: break-word; }
+    .card dd { margin: 0; color: var(--text); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
+    .card dd .err { color: var(--status-failed); }
+    .card dd .warn { color: var(--status-attention); }
+    .card .acts { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; padding-top: 2px; }
+    .card .go { all: unset; cursor: pointer; color: var(--accent); overflow-wrap: anywhere; }
+    .card .go.primary { font-weight: 600; }
+    .card .go:hover { text-decoration: underline; }
+    .card .go:focus-visible { outline: var(--focus-width) solid var(--focus); outline-offset: 2px; border-radius: 3px; }
+    .card .acts .switch { margin-left: auto; }
+    .switch { all: unset; cursor: pointer; font-size: 11.5px; color: var(--text-2); padding: 2px 8px; border-radius: 6px; border: 1px solid var(--line); }
+    .switch:hover { color: var(--text); border-color: var(--line2); }
+    .switch:focus-visible { outline: var(--focus-width) solid var(--focus); outline-offset: 1px; }
+    .switch[aria-pressed='true'] { color: var(--text); background: var(--accent-bg); border-color: var(--accent); }
+    .opens { display: inline-flex; gap: 6px; margin-left: auto; }
+
+    /* The outline: a column beside the graph, or a part above it on a narrow frame. */
+    .whole { display: grid; grid-template-columns: minmax(200px, 282px) minmax(0, 1fr); gap: 14px; align-items: start; }
+    .whole > .g { min-width: 0; }
+    .outline { font-size: 12px; max-height: 70vh; overflow: auto; padding: 2px 6px 2px 0; border-right: 1px solid var(--line); }
+    .otree, .otree ul { list-style: none; margin: 0; padding: 0; }
+    .otree ul { padding-left: 10px; }
+    .orow { display: grid; grid-template-columns: 16px minmax(0, 1fr); align-items: start; border-radius: 6px; }
+    .orow.sel { background: var(--accent-bg); }
+    .orow.cur .ol { font-weight: 600; color: var(--text); }
+    .odisc { all: unset; cursor: pointer; width: 16px; text-align: center; color: var(--text-muted); font-size: 10px; line-height: 22px; }
+    .odisc:focus-visible, .oname:focus-visible { outline: var(--focus-width) solid var(--focus); outline-offset: 1px; border-radius: 4px; }
+    .oname { all: unset; cursor: pointer; display: flex; align-items: flex-start; gap: 6px; min-width: 0; padding: 3px 6px 3px 2px; border-radius: 6px; color: var(--text-2); }
+    .oname:hover { background: var(--raise); color: var(--text); }
+    .oname .loop-ic { flex: none; color: var(--text-muted); }
+    .ol { flex: 1; min-width: 0; overflow-wrap: break-word; font-family: var(--mono); line-height: 1.35; }
+    .obar { flex: none; width: 32px; height: 4px; margin-top: 6px; border-radius: 2px; background: var(--track); overflow: hidden; }
+    .obar i { display: block; height: 100%; background: var(--meter); }
+    .ocount { flex: none; font-size: 11px; color: var(--text-muted); font-variant-numeric: tabular-nums; }
+    .onote { grid-column: 2; display: flex; flex-wrap: wrap; gap: 0 8px; padding: 0 6px 2px 2px; font-size: 11px; }
+    .onote .err { color: var(--status-failed); }
+    .onote .warn { color: var(--status-attention); }
+    .onote .live { color: var(--status-running); }
+    .onote .mut { color: var(--text-muted); }
+    .odet { margin-bottom: 8px; }
+    .odet > summary { cursor: pointer; font-size: 12px; color: var(--text-2); padding: 2px 0; }
+    .odet .outline { border-right: none; max-height: 50vh; }
+  `,
+];
+/** The executor icons as the generic graph draws them: in a node's name, the legend, the table and a loop's passes. */
+export const iconStyles = [
+    executorIconStyles,
+    css `
+    .node .k-ic { width: 16px; height: 16px; margin-right: 6px; border-radius: 4px; font-size: 9.5px; }
+    .legend .k-ic { width: 14px; height: 14px; margin: 0; border-radius: 4px; font-size: 8.5px; }
+    .list .k-ic { width: 16px; height: 16px; border-radius: 4px; font-size: 9.5px; }
+    .list .nm .k-ic { margin: 0 -2px 0 0; }
+    .matrix thead th.nh .k-ic { width: 14px; height: 14px; margin-right: 5px; border-radius: 4px; font-size: 8.5px; vertical-align: -2px; }
+  `,
+];
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/elements/overview/pipeline-graph/styles.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,kFAAkF;AAClF,gFAAgF;AAChF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI;IACJ,kBAAkB;IAClB,UAAU;IACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEF;CACF,CAAC;AAEF,uHAAuH;AACvH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,kBAAkB;IAClB,GAAG,CAAA;;;;;;GAMF;CACF,CAAC"}

package/dist/elements/shared/ca-definition.d.ts

@@ -0,0 +1,26 @@
+import type { TaskDefinition } from '@contraagent/api';
+import { LitElement, type TemplateResult } from 'lit';
+/**
+ * What defines one kind of task: its role, plugin, params and output, the
+ * contracts it declares, and every file (instructions, the role's agent file,
+ * skills, the schema), markdown rendered with a switch to the source.
+ */
+export declare class CaDefinition extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    definition: TaskDefinition | null;
+    /** Remember open files and the rendered/source choice under this id (in the history entry, or the embedded monitor's memory). */
+    memory: string;
+    private open;
+    private source;
+    willUpdate(changed: Map<string, unknown>): void;
+    render(): TemplateResult<1>;
+    /** A Python task's kind, shown as its function: signature, where it is, docstring, facts, source. */
+    private python;
+    private file;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-definition': CaDefinition;
+    }
+}
+//# sourceMappingURL=ca-definition.d.ts.map

package/dist/elements/shared/ca-definition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-definition.d.ts","sourceRoot":"","sources":["../../../src/elements/shared/ca-definition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAkB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvE,OAAO,EAAE,UAAU,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AA0B1E;;;;GAIG;AACH,qBAEa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0DA2BpB;IAE8B,UAAU,EAAE,cAAc,GAAG,IAAI,CAAQ;IACzE,iIAAiI;IACrH,MAAM,SAAgB;IAElC,OAAO,CAAC,IAAI,CAA8C;IAC1D,OAAO,CAAC,MAAM,CAAgD;IAErD,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAO/C,MAAM;IAoDf,qGAAqG;IACrG,OAAO,CAAC,MAAM;IAiCd,OAAO,CAAC,IAAI;CAkCb;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}