@contraagent/ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,193 @@
+// A loop's passes: a row per unit, a column per node and pass, the nested loops'
+// passes as nested groups of columns; only the rows in view above `WINDOW_AT` rows.
+import { msg, str } from '@lit/localize';
+import { html, nothing } from 'lit';
+import { repeat } from 'lit/directives/repeat.js';
+import { executorIcon } from '../../../words/executor.js';
+import { facts, listText } from '../../../words/format.js';
+import { loopLabel, passCount, passLabel, passSpread } from '../../../words/index.js';
+import { sortRows } from '../graph/matrix.js';
+import { gridStep } from '../graph/nav.js';
+import { markSel } from '../graph/selection.js';
+import { focusSelect, open, select } from './actions.js';
+import { OVERSCAN, ROW_H, WINDOW_AT, causeOf, highlighted } from './host.js';
+import { executorWord, markText, where } from './words.js';
+export function matrixView(h, mx) {
+    const rows = sortRows(mx.rows, h.sort);
+    const cols = mx.columns;
+    const hl = highlighted(h);
+    // Where a group of columns starts: 0 at a pass of the loop shown, 1 at a pass of a loop in it, ...
+    const starts = cols.map((c, i) => {
+        const p = cols[i - 1]?.passes;
+        if (!p)
+            return -1;
+        const k = c.passes.findIndex((x, j) => x !== p[j]);
+        return k < 0 ? (c.passes.length !== p.length ? Math.min(c.passes.length, p.length) : -1) : k;
+    });
+    const groupCls = (ci) => (starts[ci] === 0 ? 'g0' : (starts[ci] ?? -1) > 0 ? 'g1' : '');
+    const headRows = mx.head.length;
+    // The rows in view (all of them up to `WINDOW_AT`).
+    const many = rows.length > WINDOW_AT;
+    const from = many ? Math.max(0, h.scrollRow - OVERSCAN) : 0;
+    const to = many ? Math.min(rows.length, h.scrollRow + 2 * OVERSCAN + 20) : rows.length;
+    const cur = h.cell && h.cell[0] < rows.length ? h.cell : firstCell(rows);
+    const units = mx.rows.filter((r) => r.unit).length;
+    // A header cell's class: where a group of columns starts.
+    const headCls = (col) => (col === 0 || starts[col] === 0 ? 'g0' : (starts[col] ?? -1) > 0 ? 'g1' : '');
+    const headCell = (hd, col, level) => {
+        const style = `top:${level * 22}px`;
+        if (hd.type === 'pass')
+            return html `<th scope="colgroup" colspan=${hd.span} class="pass ${headCls(col)}" style=${style}
+        title=${hd.box.id === mx.box.id ? msg(str `Loop at ${where(hd.box.loop, hd.box.file)}`) : msg(str `Nested loop at ${where(hd.box.loop, hd.box.file)}`)}>${passLabel(hd.pass)}</th>`;
+        if (hd.type === 'loop')
+            return html `<th scope="colgroup" colspan=${hd.span} class="loop ${headCls(col)}" style=${style}
+        title=${msg(str `Nested loop at ${where(hd.box.loop, hd.box.file)}`)}>${loopLabel()}</th>`;
+        return html `<th scope="col" rowspan=${hd.rows} class="nh ${headCls(col)}" style=${style}
+      title=${hd.node.type === 'flow' ? msg(str `Function ${hd.node.name}`) : facts(hd.node.label, executorWord(hd.node))}
+      aria-label=${hd.node.type === 'flow' ? hd.node.label : facts(hd.node.label, executorWord(hd.node))}>${hd.node.executor && hd.node.executor !== 'mixed'
+            ? executorIcon(hd.node.executor === 'python')
+            : nothing}${hd.node.label}</th>`;
+    };
+    // The column each cell of a header row starts at: a cell under one that spans down starts after it.
+    const firstCols = (level) => {
+        const out = [];
+        let c = 0;
+        for (const hd of mx.head[level] ?? []) {
+            while (spannedAt(mx.head, level, c))
+                c++;
+            out.push(c);
+            c += hd.span;
+        }
+        return out;
+    };
+    const summary = [
+        passCount(mx.box.passes),
+        mx.box.spread.length > 1 ? passSpread(mx.box.spread) : '',
+        units === 1 ? msg('1 unit') : msg(str `${units} units`),
+    ].filter(Boolean);
+    // In the graph's frame, at least as tall as the graph was (and as the card needs), the passes centred in it.
+    const least = h.down ? 0 : Math.round(Math.max(h.pz.frameH, h.card.room));
+    return html `<div class="frame mxframe" style=${least ? `min-height:${least}px` : ''}><div class="mxblock view">
+    <div class="mxbar">
+      <span class="cap" title=${mx.box.file ? `${mx.box.file}:${mx.box.loop}` : nothing}>${msg(str `Loop at ${where(mx.box.loop, mx.box.file)}`)}</span>
+      <label>${msg('Sort units')}
+        <select @change=${(e) => (h.sort = e.target.value)}>
+          <option value="order" ?selected=${h.sort === 'order'}>${msg('Scheduled order')}</option>
+          <option value="passes" ?selected=${h.sort === 'passes'}>${msg('Number of passes')}</option>
+          <option value="state" ?selected=${h.sort === 'state'}>${msg('Status', { id: 'status', desc: 'The status of a task: done, failed, not started' })}</option>
+        </select>
+      </label>
+      <span class="sum">${summary.map((t, i) => html `${i ? html `<span class="sep"> | </span>` : nothing}<span class="f">${t}</span>`)}</span>
+    </div>
+    <div class="mx ${hl ? 'hl' : ''}" @scroll=${(e) => onMatrixScroll(h, e)} @mouseleave=${() => (h.hover = null)}>
+      <table class="matrix big" role="grid" aria-rowcount=${rows.length + headRows} aria-colcount=${cols.length + 2}
+        aria-label=${facts(msg(str `Loop at ${where(mx.box.loop, mx.box.file)}`), passCount(mx.box.passes))}>
+        <thead>
+          ${mx.head.map((hr, level) => {
+        const fc = firstCols(level);
+        return html `<tr>
+              ${level === 0
+            ? html `<th scope="col" rowspan=${headRows} class="uh" style="top:0">${msg('Unit')}</th>
+                    <th scope="col" rowspan=${headRows} class="pn" style="top:0" title=${msg('Passes of this loop')}>${msg('Passes')}</th>`
+            : nothing}
+              ${hr.map((hd, i) => headCell(hd, fc[i] ?? 0, level))}
+            </tr>`;
+    })}
+        </thead>
+        <tbody @keydown=${(e) => onMatrixKey(h, e, rows)}>
+          ${from > 0 ? html `<tr class="gap" aria-hidden="true"><td colspan=${cols.length + 2} style="height:${from * ROW_H}px"></td></tr>` : nothing}
+          ${repeat(rows.slice(from, to), (r) => r.unit, (r, k) => {
+        const ri = from + k;
+        return html `<tr class=${r.unit && r.unit === hl ? 'on' : ''} aria-rowindex=${ri + headRows + 1}>
+                ${r.unit
+            ? html `<th scope="row" title=${r.unit}>${r.unit}</th>`
+            : html `<th scope="row" class="none" title=${msg('Tasks that run once per run, not once per unit')}>${msg('No unit')}</th>`}
+                <td class="pn ${r.passes > 1 ? 'many' : ''}">${r.passes}</td>
+                ${r.cells.map((m, ci) => {
+            const col = cols[ci];
+            const focusable = !!m && cur !== null && cur[0] === ri && cur[1] === ci;
+            return html `<td class="c ${groupCls(ci)}" role="gridcell">${m && col ? cellMark(h, r, m, ri, ci, col.node, col.passes, focusable) : nothing}</td>`;
+        })}
+              </tr>`;
+    })}
+          ${to < rows.length ? html `<tr class="gap" aria-hidden="true"><td colspan=${cols.length + 2} style="height:${(rows.length - to) * ROW_H}px"></td></tr>` : nothing}
+        </tbody>
+      </table>
+    </div>
+  </div></div>`;
+}
+function cellMark(h, r, m, ri, ci, node, passes, tabStop) {
+    const { name, parts } = markText(node.label, m, { task: h.links.byKey.get(m.key), causeOf: (k) => causeOf(h, k), live: h.live }, listText(passes.map(passLabel)));
+    const hlKey = m.unit || m.key;
+    const id = markSel(node.id, m, passes);
+    const sel = h.sel === id;
+    return html `<button type="button" class="mark ${m.state} ${r.unit && r.unit === highlighted(h) ? 'on' : ''} ${sel ? 'sel' : ''}" data-r=${ri} data-c=${ci} tabindex=${tabStop ? 0 : -1}
+    title=${[name, parts[0] ?? ''].filter(Boolean).join('\n')} aria-label=${facts(name, ...parts)} aria-pressed=${sel}
+    @mouseenter=${() => (h.hover = hlKey)}
+    @focus=${() => {
+        h.hover = hlKey;
+        h.cell = [ri, ci];
+        focusSelect(h, id);
+    }}
+    @blur=${() => (h.hover = null)}
+    @click=${() => select(h, id)}
+    @dblclick=${() => open(h, m)}></button>`;
+}
+/** The first mark of the sorted rows, as (row, column). */
+function firstCell(rows) {
+    for (let i = 0; i < rows.length; i++) {
+        const j = rows[i]?.cells.findIndex((c) => c !== null) ?? -1;
+        if (j >= 0)
+            return [i, j];
+    }
+    return null;
+}
+function onMatrixScroll(h, e) {
+    const top = Math.floor(e.currentTarget.scrollTop / ROW_H);
+    if (Math.abs(top - h.scrollRow) >= OVERSCAN / 2)
+        h.scrollRow = top;
+    h.card.place();
+}
+function onMatrixKey(h, e, rows) {
+    const t = e.target;
+    if (!t.classList.contains('mark'))
+        return;
+    const r = Number(t.dataset['r']);
+    const c = Number(t.dataset['c']);
+    if (e.key === 'Enter') {
+        const m = rows[r]?.cells[c];
+        e.preventDefault();
+        if (m)
+            open(h, m);
+        return;
+    }
+    const has = rows.map((row) => row.cells.map((x) => x !== null));
+    const next = gridStep(has, r, c, e.key, e.ctrlKey || e.metaKey);
+    if (!next)
+        return;
+    e.preventDefault();
+    h.cell = next;
+    const box = h.root.querySelector('.mx');
+    if (box && rows.length > WINDOW_AT) {
+        // Bring the row into view first: only the rows in view are drawn.
+        const y = next[0] * ROW_H;
+        if (y < box.scrollTop + ROW_H * 2 || y > box.scrollTop + box.clientHeight - ROW_H * 3)
+            box.scrollTop = Math.max(0, y - box.clientHeight / 2);
+        h.scrollRow = Math.floor(box.scrollTop / ROW_H);
+    }
+    h.el.requestUpdate();
+    void h.el.updateComplete.then(() => h.root.querySelector(`.matrix .mark[data-r="${next[0]}"][data-c="${next[1]}"]`)?.focus());
+}
+/** A header row's column `c` is under a cell of an earlier row that spans down past it. */
+function spannedAt(head, level, c) {
+    for (let l = 0; l < level; l++) {
+        let x = 0;
+        for (const hd of head[l] ?? []) {
+            if (c >= x && c < x + hd.span && l + hd.rows > level)
+                return true;
+            x += hd.span;
+        }
+    }
+    return false;
+}
+//# sourceMappingURL=matrix.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"matrix.js","sourceRoot":"","sources":["../../../../src/elements/overview/pipeline-graph/matrix.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/overview/pipeline-graph/table.d.ts

@@ -0,0 +1,11 @@
+import type { GraphNode } from '../graph/types.js';
+import type { GraphHost } from './host.js';
+/**
+ * The layer as a table, in the graph's frame: a row per node with its status (the graph
+ * node's facts: done of all, then the others by state) and the nodes it waits for, was
+ * created after and feeds. A row is selected as a node is, with the same card.
+ */
+export declare function table(h: GraphHost): import("lit").TemplateResult<1>;
+/** A node's status in one row, as its node in the graph says it: "28/30 | 1 failed | 1 not started". */
+export declare function statusLine(n: GraphNode, live: boolean): import("lit").TemplateResult<1>;
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/elements/overview/pipeline-graph/table.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAI3C;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,CAAC,EAAE,SAAS,mCAoDjC;AAED,wGAAwG;AACxG,wBAAgB,UAAU,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,mCAMrD"}