@contraagent/ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,74 @@
+// A layer as a table, in the graph's frame: a row per node.
+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 { passCount } from '../../../words/index.js';
+import { FRAME_MIN, FRAME_SHARE } from '../graph/pan-zoom.js';
+import { focusSelect, go, onNameKey, primary, select } from './actions.js';
+import { innerIcon, loopIcon } from './icons.js';
+import { doneOf, exceptions, neighbours, nodeTip, where } from './words.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 function table(h) {
+    const g = h.graph;
+    const nodes = g.nodes;
+    const flows = nodes.some((n) => n.type === 'flow');
+    const created = [...g.edges, ...g.stubs].some((e) => e.type === 'created');
+    const boxes = new Map(g.boxes.map((b) => [b.id, b]));
+    const list = (xs) => listText(xs) || msg('none', { id: 'none', desc: 'An empty value' });
+    // The frame keeps the graph's height when the graph of this layer was drawn (left to right); else the table's own, up to the frame's limit.
+    const height = !h.down && h.layPath === g.path.join('/') && h.pz.frameH > 0
+        ? `height:${Math.round(h.pz.frameH)}px`
+        : `max-height:max(${FRAME_MIN}px, ${FRAME_SHARE * 100}vh)`;
+    return html `<div class="frame tframe" style=${height} @scroll=${() => h.card.place()}
+      @click=${(e) => !e.target.closest('tbody tr') && select(h, '')}>
+    <table class="list view">
+      <thead>
+        <tr>
+          <th scope="col" class="fit">${flows ? msg('Kind or function') : msg('Kind')}</th>
+          <th scope="col" class="fit">${msg('Status', { id: 'status', desc: 'The status of a task: done, failed, not started' })}</th>
+          <th scope="col">${msg('Waits for')}</th>
+          ${created ? html `<th scope="col">${msg('Created after')}</th>` : nothing}
+          <th scope="col">${msg('Later tasks')}</th>
+        </tr>
+      </thead>
+      <tbody>
+        ${repeat(nodes, (n) => n.id, (n) => {
+        const { waits, after, feeds } = neighbours(n, g);
+        const box = n.box ? boxes.get(n.box) : undefined;
+        const on = h.sel === n.id;
+        const icon = n.type === 'flow' ? innerIcon() : n.executor && n.executor !== 'mixed' ? executorIcon(n.executor === 'python') : n.executor ? html `${executorIcon(false)}${executorIcon(true)}` : nothing;
+        const at = box ? msg(str `Loop at ${where(box.loop, box.file)}`) : '';
+        return html `<tr class=${on ? 'sel' : ''} data-id=${n.id}
+              @click=${(e) => !e.target.closest('.loopchip') && e.detail < 2 && select(h, n.id)}
+              @dblclick=${(e) => !e.target.closest('.loopchip') && primary(h, { type: 'node', id: n.id, node: n })}>
+            <th scope="row" class="fit">
+              <span class="nm">${icon}<button type="button" class="name" title=${nodeTip(n)} aria-pressed=${on}
+                @focus=${() => focusSelect(h, n.id)} @keydown=${(e) => onNameKey(h, e, n.id)}>${n.label}</button>${box
+            ? html `<button type="button" class="taskchip loopchip" title=${facts(at, passCount(box.passes))}
+                    aria-label=${facts(msg(str `Passes of the loop at ${where(box.loop, box.file)}`), passCount(box.passes))}
+                    @click=${() => go(h, [...g.path, box.id])}>${loopIcon(12)}${passCount(box.passes)}</button>`
+            : nothing}</span>
+            </th>
+            <td class="fit st">${statusLine(n, h.live)}</td>
+            <td class="rel">${list(waits)}</td>
+            ${created ? html `<td class="rel">${list(after)}</td>` : nothing}
+            <td class="rel">${list(feeds)}</td>
+          </tr>`;
+    })}
+      </tbody>
+    </table>
+  </div>`;
+}
+/** A node's status in one row, as its node in the graph says it: "28/30 | 1 failed | 1 not started". */
+export function statusLine(n, live) {
+    const c = n.counts;
+    const sep = html `<span class="sep" aria-hidden="true"> | </span>`;
+    return html `<span class="n" aria-hidden="true" title=${doneOf(c)}>${c.done}/${c.total}</span><span class="sr">${doneOf(c)}</span>${exceptions(n, live).map(([cls, t]) => html `${sep}<span class=${cls}>${t}</span>`)}`;
+}
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../src/elements/overview/pipeline-graph/table.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3E,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAE5E;;;;GAIG;AACH,MAAM,UAAU,KAAK,CAAC,CAAY;IAChC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;IAClB,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;IACtB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;IAC3E,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,MAAM,IAAI,GAAG,CAAC,EAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC;IACnG,4IAA4I;IAC5I,MAAM,MAAM,GACV,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC;QAC1D,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI;QACvC,CAAC,CAAC,kBAAkB,SAAS,OAAO,WAAW,GAAG,GAAG,KAAK,CAAC;IAC/D,OAAO,IAAI,CAAA,mCAAmC,MAAM,YAAY,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE;eACvE,CAAC,CAAa,EAAE,EAAE,CAAC,CAAE,CAAC,CAAC,MAAkB,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC;;;;wCAIrD,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC;wCAC7C,GAAG,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,iDAAiD,EAAE,CAAC;4BACpG,GAAG,CAAC,WAAW,CAAC;YAChC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,mBAAmB,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;4BACtD,GAAG,CAAC,aAAa,CAAC;;;;UAIpC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE;QACjC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACjD,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACjD,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,CAAC;QAC1B,MAAM,IAAI,GACR,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;QAC5L,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAA,WAAW,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACrE,OAAO,IAAI,CAAA,aAAa,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,EAAE;uBAC1C,CAAC,CAAa,EAAE,EAAE,CAAC,CAAE,CAAC,CAAC,MAAkB,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;0BAC9F,CAAC,CAAa,EAAE,EAAE,CAAC,CAAE,CAAC,CAAC,MAAkB,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,OAAO,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;;iCAE1G,IAAI,4CAA4C,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE;yBACrF,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAgB,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,YAAY,GAAG;YACrH,CAAC,CAAC,IAAI,CAAA,yDAAyD,KAAK,CAAC,EAAE,EAAE,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;iCAC9E,KAAK,CAAC,GAAG,CAAC,GAAG,CAAA,yBAAyB,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;6BAC9F,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,QAAQ,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW;YAChG,CAAC,CAAC,OAAO;;iCAEQ,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC;8BACxB,IAAI,CAAC,KAAK,CAAC;cAC3B,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,mBAAmB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;8BAC7C,IAAI,CAAC,KAAK,CAAC;gBACzB,CAAC;IACT,CAAC,CAAC;;;SAGD,CAAC;AACV,CAAC;AAED,wGAAwG;AACxG,MAAM,UAAU,UAAU,CAAC,CAAY,EAAE,IAAa;IACpD,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC;IACnB,MAAM,GAAG,GAAG,IAAI,CAAA,iDAAiD,CAAC;IAClE,OAAO,IAAI,CAAA,4CAA4C,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,2BAA2B,MAAM,CAAC,CAAC,CAAC,UAAU,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,CACxJ,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA,GAAG,GAAG,eAAe,GAAG,IAAI,CAAC,SAAS,CACzD,EAAE,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,5 @@
+import '@contraagent/elements/segmented/define';
+import type { GraphHost } from './host.js';
+/** The legend on the left, the tools at the right end of the first line, and the keys under them while the graph has the focus. */
+export declare function foot(h: GraphHost): import("lit").TemplateResult<1>;
+//# sourceMappingURL=tools.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tools.d.ts","sourceRoot":"","sources":["../../../../src/elements/overview/pipeline-graph/tools.ts"],"names":[],"mappings":"AACA,OAAO,wCAAwC,CAAC;AAKhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAG3C,mIAAmI;AACnI,wBAAgB,IAAI,CAAC,CAAC,EAAE,SAAS,mCAOhC"}

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

@@ -0,0 +1,48 @@
+// The row under the frame: the legend, the zoom buttons and the view switch, and the keys of the view shown.
+import '@contraagent/elements/segmented/define';
+import { msg } from '@lit/localize';
+import { html, nothing } from 'lit';
+import { parentLayer } from '../graph/layer.js';
+import { showView } from './actions.js';
+import { legend } from './legend.js';
+/** The legend on the left, the tools at the right end of the first line, and the keys under them while the graph has the focus. */
+export function foot(h) {
+    const table = !!h.matrix || h.asTable;
+    return html `<div class="foot">
+    ${legend(h)}
+    <div class="tools">${table ? nothing : zoomTools(h)}${viewSwitch(h, table)}</div>
+    <div class="keys">${keyHints(h).map((k, i) => html `${i ? ' | ' : ''}<span>${k}</span>`)}</div>
+  </div>`;
+}
+/** Zoom out, zoom in, and back to the whole graph (which does nothing while the whole graph shows at its own size). */
+function zoomTools(h) {
+    const pz = h.pz;
+    const whole = !pz.moved && pz.fitK >= 1;
+    return html `<button type="button" aria-label=${msg('Zoom out')} title=${msg('Zoom out (Ctrl + scroll)')} @click=${() => pz.zoomBy(1 / 1.25)}>−</button>
+    <button type="button" aria-label=${msg('Zoom in')} title=${msg('Zoom in (Ctrl + scroll)')} @click=${() => pz.zoomBy(1.25)}>+</button>
+    <button type="button" ?disabled=${whole} @click=${() => pz.showAll()}>${msg('Show all')}</button>`;
+}
+/**
+ * The two views of a layer, at the same place in each: the graph, and the table (a loop's
+ * passes, or a row per node). From a loop's passes, the graph is the layer the loop is
+ * in, with its box selected.
+ */
+function viewSwitch(h, table) {
+    const options = [
+        { value: 'graph', label: msg('Graph', { id: 'view-graph', desc: 'Button: show the pipeline as a graph' }) },
+        { value: 'table', label: msg('Table', { id: 'view-table', desc: 'Button: show the pipeline as a table' }) },
+    ];
+    return html `<cae-segmented class="views" .options=${options} .value=${table ? 'table' : 'graph'} label=${msg('View')}
+    @cae-change=${(e) => showView(h, e.detail.value === 'table' ? 'table' : 'graph')}></cae-segmented>`;
+}
+/** The keys of the view shown. */
+function keyHints(h) {
+    const up = h.sel ? msg('Esc: clear selection') : parentLayer(h.segments, h.auto) ? msg('Esc: up a level') : '';
+    const keys = h.matrix
+        ? [msg('Arrow keys: marks'), msg('Enter: open'), up]
+        : h.asTable
+            ? [msg('Tab: next row'), msg('Enter: open'), up]
+            : [msg('Tab: next node'), msg('Arrow keys: marks'), msg('Shift + arrow keys: earlier and later tasks'), msg('Enter: open'), up];
+    return keys.filter(Boolean);
+}
+//# sourceMappingURL=tools.js.map

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

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

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

@@ -0,0 +1,45 @@
+import { type PlanNode, type TaskState } from '@contraagent/api';
+import type { GraphMark, GraphNode, LayerGraph, NodeCounts } from '../graph/types.js';
+/** The states the legend can show, in this order; it shows the ones the view has. */
+export declare const LEGEND: readonly TaskState[];
+/** A pending task waits while the run runs; once the run is over, it did not run. */
+export declare function stateWord(s: TaskState, live: boolean): string;
+/** How many marks are in a state, number first: "3 failed". */
+export declare function countOf(s: TaskState, n: number, live: boolean): string;
+/** How many tasks are in each state, in words: "2 done | 1 failed". */
+export declare function stateCounts(c: NodeCounts, live: boolean): string;
+/** How many tasks are done (plan state done: done, and done after retrying): "5 of 6 tasks done". Skipped tasks are counted apart. */
+export declare function doneOf(c: NodeCounts): string;
+/** The tasks that are not done, by state, most severe first: "1 failed", "1 not started". */
+export declare function notDone(c: NodeCounts, live: boolean): string[];
+/** A fact's class: failed, not started, running, or muted (waiting, not run, skipped). */
+export type ExceptionClass = 'err' | 'warn' | 'live' | 'mut';
+/** What a node needs a word for: its tasks that are not done, by state, and its flow calls that stopped with an error. */
+export declare function exceptions(n: Pick<GraphNode, 'counts' | 'errors'>, live: boolean): [ExceptionClass, string][];
+/** Where a loop is: `flow.py:130` (the file's name and the loop's first line), or `line 130` when the file is not known. */
+export declare function where(line: number | string, file?: string): string;
+/** Who runs a kind node's tasks, in the words the Tasks list uses. */
+export declare function executorWord(n: Pick<GraphNode, 'executor'>): string;
+/** A node's tooltip: what it is, and its tasks done. */
+export declare function nodeTip(n: GraphNode): string;
+/** The names of the nodes `n` waits for, was created after, and feeds. */
+export declare function neighbours(n: GraphNode, g: Pick<LayerGraph, 'nodes' | 'edges' | 'stubs'>): {
+    waits: string[];
+    after: string[];
+    feeds: string[];
+};
+/** The node for a screen reader: its counts, and the nodes it waits for, was created after and feeds. */
+export declare function nodeLabel(n: GraphNode, g: Pick<LayerGraph, 'nodes' | 'edges' | 'stubs'>, live: boolean): string;
+/** What a mark's words come from: its task (none for a flow call's mark), why a task did not start, and the run being live. */
+export interface MarkContext {
+    task: PlanNode | undefined;
+    causeOf: (key: string) => string;
+    live: boolean;
+}
+/** What a mark says: its name, state, passes, attempts, tasks and time, for its tooltip and its label. */
+export declare function markText(label: string, m: GraphMark, x: MarkContext, pass?: string): {
+    name: string;
+    parts: string[];
+    id: string;
+};
+//# sourceMappingURL=words.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"words.d.ts","sourceRoot":"","sources":["../../../../src/elements/overview/pipeline-graph/words.ts"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI9E,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEtF,qFAAqF;AACrF,eAAO,MAAM,MAAM,EAAE,SAAS,SAAS,EAAmE,CAAC;AAE3G,qFAAqF;AACrF,wBAAgB,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,CAE7D;AAED,+DAA+D;AAC/D,wBAAgB,OAAO,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,CAGtE;AAED,uEAAuE;AACvE,wBAAgB,WAAW,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,CAEhE;AAED,sIAAsI;AACtI,wBAAgB,MAAM,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM,CAE5C;AAED,6FAA6F;AAC7F,wBAAgB,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,EAAE,CAE9D;AAED,0FAA0F;AAC1F,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;AAE7D,0HAA0H;AAC1H,wBAAgB,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,CAAC,cAAc,EAAE,MAAM,CAAC,EAAE,CAU7G;AAED,4HAA4H;AAC5H,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAGlE;AAED,sEAAsE;AACtE,wBAAgB,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,MAAM,CAInE;AAED,wDAAwD;AACxD,wBAAgB,OAAO,CAAC,CAAC,EAAE,SAAS,GAAG,MAAM,CAE5C;AAED,0EAA0E;AAC1E,wBAAgB,UAAU,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAE,CAUhJ;AAED,yGAAyG;AACzG,wBAAgB,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,CAY/G;AAED,+HAA+H;AAC/H,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC3B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACjC,IAAI,EAAE,OAAO,CAAC;CACf;AAED,0GAA0G;AAC1G,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,IAAI,SAAK,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAc9H"}

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

@@ -0,0 +1,108 @@
+// What the pipeline graph says about its nodes and marks. Pure: each depends only on
+// its arguments (`live`: the run is running, so a pending task waits rather than did
+// not run).
+import { planOutcome } from '@contraagent/api';
+import { msg, str } from '@lit/localize';
+import { facts, fmtDur, kindUnit, listText } from '../../../words/format.js';
+import { passesRan, stateCount, taskStatusLabel } from '../../../words/index.js';
+/** The states the legend can show, in this order; it shows the ones the view has. */
+export const LEGEND = ['done', 'running', 'pending', 'failed', 'blocked', 'skipped'];
+/** A pending task waits while the run runs; once the run is over, it did not run. */
+export function stateWord(s, live) {
+    return taskStatusLabel(planOutcome(s), live);
+}
+/** How many marks are in a state, number first: "3 failed". */
+export function countOf(s, n, live) {
+    const o = planOutcome(s);
+    return stateCount(o === 'waiting' && !live ? 'not_run' : o, n);
+}
+/** How many tasks are in each state, in words: "2 done | 1 failed". */
+export function stateCounts(c, live) {
+    return facts(...LEGEND.filter((s) => c[s]).map((s) => countOf(s, c[s], live)));
+}
+/** How many tasks are done (plan state done: done, and done after retrying): "5 of 6 tasks done". Skipped tasks are counted apart. */
+export function doneOf(c) {
+    return msg(str `${c.done} of ${c.total} tasks done`);
+}
+/** The tasks that are not done, by state, most severe first: "1 failed", "1 not started". */
+export function notDone(c, live) {
+    return ['failed', 'blocked', 'running', 'pending', 'skipped'].filter((s) => c[s]).map((s) => countOf(s, c[s], live));
+}
+/** What a node needs a word for: its tasks that are not done, by state, and its flow calls that stopped with an error. */
+export function exceptions(n, live) {
+    const c = n.counts;
+    const out = [];
+    if (c.failed)
+        out.push(['err', countOf('failed', c.failed, live)]);
+    if (n.errors)
+        out.push(['err', n.errors === 1 ? msg('1 flow call stopped with an error') : msg(str `${n.errors} flow calls stopped with an error`)]);
+    if (c.blocked)
+        out.push(['warn', countOf('blocked', c.blocked, live)]);
+    if (c.running)
+        out.push(['live', countOf('running', c.running, live)]);
+    if (c.pending)
+        out.push(['mut', countOf('pending', c.pending, live)]);
+    if (c.skipped)
+        out.push(['mut', countOf('skipped', c.skipped, live)]);
+    return out;
+}
+/** Where a loop is: `flow.py:130` (the file's name and the loop's first line), or `line 130` when the file is not known. */
+export function where(line, file) {
+    const name = file ? file.slice(file.lastIndexOf('/') + 1) : '';
+    return name ? `${name}:${line}` : msg(str `line ${line}`);
+}
+/** Who runs a kind node's tasks, in the words the Tasks list uses. */
+export function executorWord(n) {
+    if (n.executor === 'agent')
+        return msg('Agent task');
+    if (n.executor === 'python')
+        return msg('Python task');
+    return n.executor === 'mixed' ? facts(msg('Agent task'), msg('Python task')) : '';
+}
+/** A node's tooltip: what it is, and its tasks done. */
+export function nodeTip(n) {
+    return n.type === 'flow' ? facts(msg(str `Function ${n.name}`), doneOf(n.counts)) : facts(n.label, executorWord(n), doneOf(n.counts));
+}
+/** The names of the nodes `n` waits for, was created after, and feeds. */
+export function neighbours(n, g) {
+    const label = (id) => {
+        const x = g.nodes.find((y) => y.id === id);
+        return !x ? id : x.box ? msg(str `${x.label} in the loop`) : x.label;
+    };
+    const into = (type) => [
+        ...g.stubs.filter((s) => s.to === n.id && s.type === type).map((s) => s.label),
+        ...g.edges.filter((e) => e.to === n.id && e.type === type).map((e) => label(e.from)),
+    ];
+    return { waits: into('after'), after: into('created'), feeds: [...new Set(g.edges.filter((e) => e.from === n.id).map((e) => label(e.to)))] };
+}
+/** The node for a screen reader: its counts, and the nodes it waits for, was created after and feeds. */
+export function nodeLabel(n, g, live) {
+    const c = n.counts;
+    const { waits, after, feeds } = neighbours(n, g);
+    return [
+        n.type === 'flow' ? facts(msg(str `Function ${n.label}`), doneOf(c)) : facts(n.label, executorWord(n), doneOf(c)),
+        ...exceptions(n, live).map(([, t]) => t),
+        waits.length ? msg(str `Waits for ${listText(waits)}`) : '',
+        after.length ? msg(str `Created after ${listText(after)}`) : '',
+        feeds.length ? msg(str `Later tasks: ${listText(feeds)}`) : '',
+    ]
+        .filter(Boolean)
+        .join('. ');
+}
+/** What a mark says: its name, state, passes, attempts, tasks and time, for its tooltip and its label. */
+export function markText(label, m, x, pass = '') {
+    const t = m.flow ? undefined : x.task;
+    const name = kindUnit({ kind: label, unit: m.unit });
+    const cause = !m.flow && m.state === 'blocked' ? x.causeOf(m.key) : '';
+    const state = cause ? msg(str `Not started: ${cause}`) : stateWord(m.state, x.live);
+    const attempts = t?.attempts ?? 1;
+    const tries = attempts > 1 ? msg(str `${attempts} attempts`) : '';
+    const passes = m.passes ? passesRan(m.passes) : '';
+    const many = m.flow || m.count > 1 ? msg(str `${m.count} tasks`) : '';
+    // A flow call's tasks that are not done, and its own error: what its state comes from.
+    const not = m.counts ? notDone(m.counts, x.live) : [];
+    const error = m.error === undefined ? [] : [msg('Flow call stopped with an error'), m.error];
+    const time = !m.flow && (m.state === 'done' || m.state === 'failed') && t?.wall_s ? fmtDur(t.wall_s) : '';
+    return { name, parts: [state, pass, passes, tries, many, ...not, ...error, time].filter(Boolean), id: m.flow ? msg(str `Flow call ${m.key}`) : m.key };
+}
+//# sourceMappingURL=words.js.map

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

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

package/dist/elements/overview/place-card.d.ts

@@ -0,0 +1,36 @@
+export interface Box {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+export type Side = 'right' | 'left' | 'below' | 'above';
+export interface Placement {
+    /** The item is in view: the card shows. */
+    shown: boolean;
+    /** The card's corner, in the same coordinates as the boxes given. */
+    x: number;
+    y: number;
+    /** The side of the item the card is on: its pointer is on the card's opposite edge. */
+    side: Side;
+    /** Where the pointer is along that edge, from the card's top (left, right) or left (below, above). */
+    arrow: number;
+    /** A side had room for the whole card: it covers none of the item. */
+    fits: boolean;
+}
+/** The space between the item and the card (the pointer sits in it), and between the card and the frame's edge. */
+export declare const GAP = 12;
+export declare const PAD = 8;
+/**
+ * The card's place beside `item` within `frame`: right of it first, then left,
+ * below and above, the first side with room for the whole card. When no side
+ * has room, the side with the most, the card kept inside the frame (it may then
+ * cover part of a large item). The card points at `aim` (a mark inside the item:
+ * the card keeps clear of the whole node it is in) and hides while `aim` is
+ * outside the frame.
+ */
+export declare function placeCard(item: Box, frame: Box, card: {
+    width: number;
+    height: number;
+}, aim?: Box): Placement;
+//# sourceMappingURL=place-card.d.ts.map

package/dist/elements/overview/place-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"place-card.d.ts","sourceRoot":"","sources":["../../../src/elements/overview/place-card.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,SAAS;IACxB,2CAA2C;IAC3C,KAAK,EAAE,OAAO,CAAC;IACf,qEAAqE;IACrE,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,uFAAuF;IACvF,IAAI,EAAE,IAAI,CAAC;IACX,sGAAsG;IACtG,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,IAAI,EAAE,OAAO,CAAC;CACf;AAED,mHAAmH;AACnH,eAAO,MAAM,GAAG,KAAK,CAAC;AACtB,eAAO,MAAM,GAAG,IAAI,CAAC;AAerB;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAAE,GAAG,GAAE,GAAU,GAAG,SAAS,CAyCpH"}

package/dist/elements/overview/place-card.js

@@ -0,0 +1,68 @@
+// Where the pipeline graph's inspector card goes: beside the selected item,
+// inside the frame, never over the item. Pure: rectangles in, a position out.
+/** The space between the item and the card (the pointer sits in it), and between the card and the frame's edge. */
+export const GAP = 12;
+export const PAD = 8;
+/** The pointer keeps this far from the card's corners. */
+const ARROW_INSET = 14;
+const clamp = (v, lo, hi) => (hi < lo ? lo : Math.min(hi, Math.max(lo, v)));
+/** The part of `a` inside `b`, or null when they do not meet. */
+function within(a, b) {
+    const left = Math.max(a.left, b.left);
+    const top = Math.max(a.top, b.top);
+    const right = Math.min(a.left + a.width, b.left + b.width);
+    const bottom = Math.min(a.top + a.height, b.top + b.height);
+    return right > left && bottom > top ? { left, top, width: right - left, height: bottom - top } : null;
+}
+/**
+ * The card's place beside `item` within `frame`: right of it first, then left,
+ * below and above, the first side with room for the whole card. When no side
+ * has room, the side with the most, the card kept inside the frame (it may then
+ * cover part of a large item). The card points at `aim` (a mark inside the item:
+ * the card keeps clear of the whole node it is in) and hides while `aim` is
+ * outside the frame.
+ */
+export function placeCard(item, frame, card, aim = item) {
+    const seen = within(aim, frame);
+    if (!seen)
+        return { shown: false, x: 0, y: 0, side: 'right', arrow: 0, fits: false };
+    const { width: w, height: h } = card;
+    const fl = frame.left + PAD;
+    const ft = frame.top + PAD;
+    const fr = frame.left + frame.width - PAD;
+    const fb = frame.top + frame.height - PAD;
+    const ir = item.left + item.width;
+    const ib = item.top + item.height;
+    // Centred on the part of the item in view, kept in the frame.
+    const cy = seen.top + seen.height / 2;
+    const cx = seen.left + seen.width / 2;
+    const yAt = clamp(cy - h / 2, ft, fb - h);
+    const xAt = clamp(cx - w / 2, fl, fr - w);
+    const room = {
+        right: fr - (ir + GAP) - w,
+        left: item.left - GAP - w - fl,
+        below: fb - (ib + GAP) - h,
+        above: item.top - GAP - h - ft,
+    };
+    const order = ['right', 'left', 'below', 'above'];
+    const side = order.find((s) => room[s] >= 0) ?? order.reduce((a, b) => (room[b] > room[a] ? b : a));
+    let x;
+    let y;
+    switch (side) {
+        case 'right':
+            [x, y] = [clamp(ir + GAP, fl, fr - w), yAt];
+            break;
+        case 'left':
+            [x, y] = [clamp(item.left - GAP - w, fl, fr - w), yAt];
+            break;
+        case 'below':
+            [x, y] = [xAt, clamp(ib + GAP, ft, fb - h)];
+            break;
+        case 'above':
+            [x, y] = [xAt, clamp(item.top - GAP - h, ft, fb - h)];
+            break;
+    }
+    const along = side === 'right' || side === 'left' ? clamp(cy - y, ARROW_INSET, h - ARROW_INSET) : clamp(cx - x, ARROW_INSET, w - ARROW_INSET);
+    return { shown: true, x, y, side, arrow: along, fits: room[side] >= 0 };
+}
+//# sourceMappingURL=place-card.js.map

package/dist/elements/overview/place-card.js.map

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

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

@@ -0,0 +1,44 @@
+import { type JournalRow } from '@contraagent/api';
+/** Finished tasks older than this before the newest are left out. */
+export declare const TIMELINE_WINDOW_MS: number;
+/** Something running now, as the timeline draws it. */
+export interface LiveBar {
+    kind: string;
+    cls: 'llm' | 'py';
+    /** Epoch ms it started. */
+    t0: number;
+}
+export interface TimelineBar {
+    /** `py`, `llm`, `bad` (ran and failed), `idle` (a task that never started) for a finished row; `run` for a running one. */
+    cls: 'py' | 'llm' | 'bad' | 'idle' | 'run';
+    start: number;
+    end: number;
+    live: boolean;
+    /** Which of its lane's stacked tracks it is drawn on: overlapping bars (a retry beside its failed try) get their own. */
+    track: number;
+    row?: JournalRow;
+}
+export interface TimelineLane {
+    name: string;
+    /** Any of its bars is an agent launch. */
+    llm: boolean;
+    bars: TimelineBar[];
+    /** How many tracks its bars are stacked on (at least 1). */
+    tracks: number;
+}
+export interface Timeline {
+    t0: number;
+    span: number;
+    lanes: TimelineLane[];
+    /** Finished tasks left out of the window. */
+    hidden: number;
+    live: boolean;
+}
+/** Every finished task as a bar on its kind's lane, running ones growing to `now`. Null when there is nothing to draw. */
+export declare function timeline(journal: readonly JournalRow[], live: readonly LiveBar[], now: number): Timeline | null;
+/** A bar's left edge and width, in percent of the span; a live bar grows to `now`. */
+export declare function barBox(b: TimelineBar, tl: Pick<Timeline, 't0' | 'span'>, now: number): {
+    left: number;
+    width: number;
+};
+//# sourceMappingURL=timeline-model.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-model.d.ts","sourceRoot":"","sources":["../../../src/elements/overview/timeline-model.ts"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEzE,qEAAqE;AACrE,eAAO,MAAM,kBAAkB,QAAa,CAAC;AAG7C,uDAAuD;AACvD,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,KAAK,GAAG,IAAI,CAAC;IAClB,2BAA2B;IAC3B,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,WAAW;IAC1B,2HAA2H;IAC3H,GAAG,EAAE,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,OAAO,CAAC;IACd,yHAAyH;IACzH,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,GAAG,EAAE,OAAO,CAAC;IACb,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,4DAA4D;IAC5D,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,6CAA6C;IAC7C,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;CACf;AAOD,0HAA0H;AAC1H,wBAAgB,QAAQ,CAAC,OAAO,EAAE,SAAS,UAAU,EAAE,EAAE,IAAI,EAAE,SAAS,OAAO,EAAE,EAAE,GAAG,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CA8B/G;AAED,sFAAsF;AACtF,wBAAgB,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,GAAG,MAAM,CAAC,EAAE,GAAG,EAAE,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAKtH"}

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

@@ -0,0 +1,53 @@
+// The timeline's bars and lanes, from the journal and what is running. Pure.
+import { isLaunched, isPython } from '@contraagent/api';
+/** Finished tasks older than this before the newest are left out. */
+export const TIMELINE_WINDOW_MS = 6 * 3600e3;
+const STEP_MS = 60e3;
+/** Every finished task as a bar on its kind's lane, running ones growing to `now`. Null when there is nothing to draw. */
+export function timeline(journal, live, now) {
+    const bars = [];
+    for (const e of journal) {
+        if (!e.ts)
+            continue;
+        const end = Date.parse(e.ts);
+        if (Number.isNaN(end))
+            continue;
+        const cls = !isLaunched(e) ? 'idle' : !e.ok ? 'bad' : isPython(e) ? 'py' : 'llm';
+        bars.push({ lane: e.kind || '?', cls, start: end - (e.wall_s || 0) * 1000, end, live: false, row: e });
+    }
+    if (!bars.length && !live.length)
+        return null;
+    for (const a of live)
+        bars.push({ lane: a.kind, cls: 'run', start: a.t0, end: now, live: true, liveCls: a.cls });
+    const newest = Math.max(...bars.filter((x) => !x.live).map((x) => x.end), ...live.map((a) => a.t0));
+    const vis = bars.filter((x) => x.end >= newest - TIMELINE_WINDOW_MS);
+    const t0 = Math.min(...vis.map((x) => x.start));
+    const t1 = live.length ? t0 + Math.ceil((now - t0 + 20e3) / STEP_MS) * STEP_MS : newest;
+    const names = [];
+    for (const x of [...vis].sort((a, b) => a.start - b.start))
+        if (!names.includes(x.lane))
+            names.push(x.lane);
+    const lanes = names.map((name) => {
+        const mine = vis.filter((x) => x.lane === name).sort((a, b) => a.start - b.start);
+        // Each bar on the first track whose last bar has ended: overlapping bars do not hide each other.
+        const ends = [];
+        const bars = mine.map(({ cls, start, end, live: isLive, row }) => {
+            let track = ends.findIndex((e) => e <= start);
+            if (track < 0)
+                track = ends.push(end) - 1;
+            else
+                ends[track] = end;
+            return row ? { cls, start, end, live: isLive, track, row } : { cls, start, end, live: isLive, track };
+        });
+        return { name, llm: mine.some((x) => x.cls === 'llm' || x.liveCls === 'llm'), bars, tracks: Math.max(1, ends.length) };
+    });
+    return { t0, span: Math.max(1, t1 - t0), lanes, hidden: bars.length - vis.length, live: live.length > 0 };
+}
+/** A bar's left edge and width, in percent of the span; a live bar grows to `now`. */
+export function barBox(b, tl, now) {
+    const left = ((b.start - tl.t0) / tl.span) * 100;
+    const end = b.live ? now : b.end;
+    const w = ((end - b.start) / tl.span) * 100;
+    return { left, width: Math.max(0.4, b.live ? Math.min(100 - left, w) : w) };
+}
+//# sourceMappingURL=timeline-model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-model.js","sourceRoot":"","sources":["../../../src/elements/overview/timeline-model.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAmB,MAAM,kBAAkB,CAAC;AAEzE,qEAAqE;AACrE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,GAAG,MAAM,CAAC;AAC7C,MAAM,OAAO,GAAG,IAAI,CAAC;AA4CrB,0HAA0H;AAC1H,MAAM,UAAU,QAAQ,CAAC,OAA8B,EAAE,IAAwB,EAAE,GAAW;IAC5F,MAAM,IAAI,GAAa,EAAE,CAAC;IAC1B,KAAK,MAAM,CAAC,IAAI,OAAO,EAAE,CAAC;QACxB,IAAI,CAAC,CAAC,CAAC,EAAE;YAAE,SAAS;QACpB,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC7B,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;YAAE,SAAS;QAChC,MAAM,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QACjF,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,IAAI,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;IACzG,CAAC;IACD,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAC9C,KAAK,MAAM,CAAC,IAAI,IAAI;QAAE,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACjH,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACpG,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,MAAM,GAAG,kBAAkB,CAAC,CAAC;IACrE,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAChD,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IACxF,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;QAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;YAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC5G,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAC/B,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;QAClF,iGAAiG;QACjG,MAAM,IAAI,GAAa,EAAE,CAAC;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,EAAe,EAAE;YAC5E,IAAI,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC;YAC9C,IAAI,KAAK,GAAG,CAAC;gBAAE,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;;gBACrC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;YACvB,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;QACxG,CAAC,CAAC,CAAC;QACH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;IACzH,CAAC,CAAC,CAAC;IACH,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;AAC5G,CAAC;AAED,sFAAsF;AACtF,MAAM,UAAU,MAAM,CAAC,CAAc,EAAE,EAAiC,EAAE,GAAW;IACnF,MAAM,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;IACjD,MAAM,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACjC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;IAC5C,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAC9E,CAAC"}

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

@@ -0,0 +1,17 @@
+import { LitElement, type PropertyValues } from 'lit';
+/** A number that counts up (or down) to its new value when it changes. */
+export declare class CaCount extends LitElement {
+    value: number;
+    private shown;
+    private frame;
+    protected createRenderRoot(): this;
+    protected willUpdate(changed: PropertyValues<this>): void;
+    disconnectedCallback(): void;
+    render(): string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-count': CaCount;
+    }
+}
+//# sourceMappingURL=ca-count.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ca-count.d.ts","sourceRoot":"","sources":["../../../src/elements/shared/ca-count.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,0EAA0E;AAC1E,qBACa,OAAQ,SAAQ,UAAU;IACT,KAAK,SAAK;IAC7B,OAAO,CAAC,KAAK,CAAK;IAC3B,OAAO,CAAC,KAAK,CAAK;cAEC,gBAAgB;cAIhB,UAAU,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAkBzD,oBAAoB,IAAI,IAAI;IAM5B,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}