@contraagent/ui 0.0.0-stage → 0.1.0

package/dist/elements/shared/contract-parts.js

@@ -0,0 +1,151 @@
+// A contract file read the way a person checks it: each field of its schema
+// against what the file holds. Templates shared by the outputs view and a task's
+// input/output view (`file-card.ts`); their classes are in `contractStyles`.
+import {} from '@contraagent/api';
+import { msg, str } from '@lit/localize';
+import { css, html, nothing } from 'lit';
+import { facts, localTime } from '../../words/format.js';
+import { contractStatusLabel, contractStatusWhy } from '../../words/contract.js';
+import { preserveLabel, preserveTip } from '../../words/task-definition.js';
+import { statusChip } from '@contraagent/elements/primitives';
+import { verdict, verdictStyles } from '@contraagent/elements/check-table';
+import '@contraagent/elements/check-table/define';
+import { checkRowsFromContract, checkTableStrings, contentObject, rootOf } from '../../adapters/check-rows.js';
+import { contractTone } from '../../lib/tone.js';
+import '@contraagent/elements/json-tree/define';
+/** An input file's state: found, or missing (and whether the task needed it). */
+export function inputChip(o) {
+    const ok = !!o.file.exists;
+    const text = ok ? msg('found') : o.required ? msg('missing (required)') : msg('missing (optional)');
+    return statusChip('ct-chip', { text, tone: ok ? 'done' : o.required ? 'failed' : 'muted' });
+}
+/** A checked file's status as a chip, with its cause as the tooltip, and a count after the word when given; '—' without one. */
+export function contractChip(s, count) {
+    if (!s)
+        return statusChip('ct-chip', { text: '—' });
+    return statusChip('ct-chip', {
+        text: count === undefined ? contractStatusLabel(s) : html `${contractStatusLabel(s)} <b>${count}</b>`,
+        tone: contractTone(s),
+        title: contractStatusWhy(s),
+    });
+}
+/** The file's content as a tree, or as text when it is not JSON. */
+export function fileContent(f) {
+    const c = f.content;
+    return c !== null && typeof c === 'object'
+        ? html `<cae-json-tree .value=${c}></cae-json-tree>`
+        : html `<pre class="jtree">${typeof c === 'string' ? c : msg('Not JSON')}</pre>`;
+}
+/**
+ * The contract on the left of each row, the file's value on the right, a
+ * verdict per field (`<cae-check-table>`); a text result shows the file itself.
+ */
+export function fieldCheckTable(o) {
+    const f = o.file;
+    const rows = checkRowsFromContract(o);
+    const whole = html `<details class="ct-raw">
+    <summary>${wholeFile(f)}</summary>
+    ${fileContent(f)}
+  </details>`;
+    // A text result (a text file, or one JSON value) has no fields to check: show the file itself.
+    if (!rows)
+        return f.exists ? whole : html ``;
+    // No file: the fields it must have, and nothing to check them against; its status chip says it is not there.
+    if (!f.exists)
+        return rows.length ? html `<cae-check-table .rows=${rows} .showValues=${false} .strings=${checkTableStrings()}></cae-check-table>` : html ``;
+    return html `<cae-check-table .rows=${rows} .strings=${checkTableStrings()}></cae-check-table>
+    ${!contentObject(o) ? html `<div class="meta note">${msg('Not a JSON object')}</div>` : nothing}
+    ${whole}`;
+}
+/** The fold over a file's content: `Whole file | 1204 B | written Oct 12, 10:38:40`. */
+const wholeFile = (f) => facts(msg('Whole file'), `${f.size ?? 0} B`, f.mtime ? msg(str `written ${localTime(f.mtime, true)}`) : '', f.truncated ? msg('truncated') : '');
+/**
+ * The schema as the reader names it: the class name for a model, "text" for a
+ * text result. The class name stays in the tooltip.
+ */
+export function schemaName(o) {
+    const root = rootOf(o.schema_name);
+    const shown = o.schema_name === 'text' || root === 'str' ? msg('text') : root ?? o.schema_name;
+    return html `<b class="jmono" title=${o.schema_ref || o.schema_name}>${shown}</b>`;
+}
+/** What kind of file it must be, in words. */
+export function formatOf(o) {
+    const tip = o.schema_ref || o.schema_name;
+    if (o.schema_name === 'text')
+        return msg('text file');
+    const root = rootOf(o.schema_name);
+    if (root === 'str')
+        return html `<span title=${tip}>${msg('text (JSON string)')}</span>`;
+    if (root)
+        return html `<span title=${tip}>${msg(str `JSON value of type ${root}`)}</span>`;
+    return msg(html `JSON object, schema ${schemaName(o)}`);
+}
+/** The checks beyond the schema (validators), each with its result when the status tells it; null when there are none. */
+export function otherChecks(o) {
+    const names = o.validators ?? [];
+    if (!names.length)
+        return null;
+    const errors = (o.errors ?? []).join('\n');
+    const mark = (n) => o.status === 'valid' ? verdict('pass', msg('passed')) : errors.includes(n) ? verdict('fail', msg('failed checks')) : nothing;
+    return html `${names.map((n, i) => html `${i ? ', ' : ''}<span class="jmono">${n}</span> ${mark(n)}`)}`;
+}
+/**
+ * What a contract file must be, as labelled lines a reader can follow without
+ * knowing the contract machinery: its format, and (for an output) whether a file
+ * from before the task counts, or (for an input) when it is checked and whether
+ * the task can start without it.
+ */
+export function fileConditions(o, role) {
+    const format = formatOf(o);
+    const checks = otherChecks(o);
+    const rows = role === 'output'
+        ? [
+            [msg('Format'), format],
+            ...(checks ? [[msg('Other checks'), checks, msg('Checks beyond the schema (validators)')]] : []),
+            [msg('Must be written during the task'), o.fresh ? msg('yes') : msg('no'), o.fresh ? msg('A file from before the task does not count') : msg('A file from before the task counts')],
+            ...(o.preserve?.length
+                ? [[preserveLabel(), html `<span class="jmono">${o.preserve.join(', ')}</span>`, preserveTip()]]
+                : []),
+        ]
+        : [
+            [msg('Format'), format],
+            ...(checks ? [[msg('Other checks'), checks, msg('Checks beyond the schema (validators)')]] : []),
+            [msg('Check time'), msg('when the task starts')],
+            [msg('Required'), o.required ? msg('yes') : msg('no')],
+        ];
+    return html `<dl class="conds">
+    ${rows.map(([k, v, tip]) => html `<dt>${k}</dt><dd title=${tip ?? ''}>${v}</dd>`)}
+  </dl>`;
+}
+/** A chip that names a checked file's status (`statusChip`), or a neutral label in its shape. */
+export const contractChipStyles = css `
+  .ct-chip { display: inline-block; padding: 1px 10px; border-radius: var(--radius-pill); font-size: 11.5px; background: var(--raise); color: var(--text-2); white-space: nowrap; }
+  .ct-chip b { margin-left: 4px; }
+  /* a checked file's status: tinted by its tone, passed quiet with its ✓ in an outline */
+  .ct-chip[data-tone] { background: var(--tone-bg); color: var(--tone); }
+  .ct-chip[data-tone='done'] { background: none; box-shadow: inset 0 0 0 1px var(--line2); color: var(--text-2); }
+`;
+export const contractStyles = css `
+  ${contractChipStyles}
+  ${verdictStyles}
+  .ct-path { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .ct-lead { margin: 2px 0 8px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; }
+  /* a name's column as wide as its longest name, up to half the width; a long name or value wraps */
+  .conds { display: grid; grid-template-columns: fit-content(50%) minmax(0, 1fr); gap: 2px 14px; margin: 2px 0 10px; font-size: 12px; }
+  .conds dt { color: var(--text-muted); overflow-wrap: anywhere; }
+  .conds dd { margin: 0; color: var(--text-2); min-width: 0; overflow-wrap: anywhere; }
+  .note { margin-top: 6px; }
+  .ct-raw { margin-top: 8px; }
+  .ct-raw > summary { cursor: pointer; color: var(--text-muted); font-size: 12px; }
+  .ct-err { color: var(--status-failed); white-space: pre-wrap; }
+  .ct-fields { border-collapse: collapse; width: 100%; }
+  .ct-fields td { padding: 2px 10px 2px 0; border: 0; font-size: 12px; }
+  .ct-in { display: flex; align-items: center; gap: 10px; padding: 5px 4px; border-top: 1px solid var(--line); }
+  h4 { margin: 8px 0 6px; font-size: 12px; color: var(--text-2); font-weight: 600; }
+  .io-card { border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; margin-bottom: 10px; background: var(--raise); }
+  .io-hd { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
+  .io-from { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: -2px 0 8px; }
+  .io-hd .ct-path { flex: 1; }
+  .io-card.one .io-hd { margin-bottom: 2px; }
+`;
+//# sourceMappingURL=contract-parts.js.map

package/dist/elements/shared/contract-parts.js.map

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

package/dist/elements/shared/fact-line.d.ts

@@ -0,0 +1,4 @@
+import { nothing, type TemplateResult } from 'lit';
+/** `facts`, each in a `.f` span that does not break inside unless it is wider than the box, separated by ` | `. */
+export declare function factLine(facts: readonly string[]): TemplateResult | typeof nothing;
+//# sourceMappingURL=fact-line.d.ts.map

package/dist/elements/shared/fact-line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fact-line.d.ts","sourceRoot":"","sources":["../../../src/elements/shared/fact-line.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,mHAAmH;AACnH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,GAAG,cAAc,GAAG,OAAO,OAAO,CAElF"}

package/dist/elements/shared/fact-line.js

@@ -0,0 +1,8 @@
+// A row of facts (`factList()`: "6 tasks", "6 attempts") in a narrow box: each fact is
+// kept whole, and the line breaks between facts. Use it inside `.words`.
+import { html, nothing } from 'lit';
+/** `facts`, each in a `.f` span that does not break inside unless it is wider than the box, separated by ` | `. */
+export function factLine(facts) {
+    return facts.length ? html `${facts.map((f, i) => html `${i ? ' | ' : ''}<span class="f">${f}</span>`)}` : nothing;
+}
+//# sourceMappingURL=fact-line.js.map

package/dist/elements/shared/fact-line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fact-line.js","sourceRoot":"","sources":["../../../src/elements/shared/fact-line.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,yEAAyE;AACzE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAEzD,mHAAmH;AACnH,MAAM,UAAU,QAAQ,CAAC,KAAwB;IAC/C,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;AACnH,CAAC"}

package/dist/elements/shared/file-card.d.ts

@@ -0,0 +1,17 @@
+import { type ContractSpec } from '@contraagent/api';
+import { type TemplateResult } from 'lit';
+import { type Producer } from '../../words/contract.js';
+/**
+ * One contract file of a task, as a card: status, path, what it must be, the
+ * field check, the check errors. A task that never ran gets one line saying
+ * why; a task that failed without writing the file gets its status and path
+ * only (the status names the cause).
+ */
+export declare function ioFileCard(o: ContractSpec, role: 'input' | 'output', run?: string, opts?: {
+    producerOf?: (path: string) => Producer | undefined;
+    /** Where the file comes from, as a line under its path ("Output of prepare · zeta"). */
+    origin?: unknown;
+    /** In place of the status chip: an input written by an earlier task shows that task's check of it. */
+    chip?: TemplateResult;
+}): TemplateResult;
+//# sourceMappingURL=file-card.d.ts.map

package/dist/elements/shared/file-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-card.d.ts","sourceRoot":"","sources":["../../../src/elements/shared/file-card.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAElE,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,EAA+C,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGrG;;;;;GAKG;AACH,wBAAgB,UAAU,CACxB,CAAC,EAAE,YAAY,EACf,IAAI,EAAE,OAAO,GAAG,QAAQ,EACxB,GAAG,SAAK,EACR,IAAI,GAAE;IACJ,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,QAAQ,GAAG,SAAS,CAAC;IACpD,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sGAAsG;IACtG,IAAI,CAAC,EAAE,cAAc,CAAC;CAClB,GACL,cAAc,CAuBhB"}

package/dist/elements/shared/file-card.js

@@ -0,0 +1,37 @@
+// A task's contract file as a card, for a task's input and output panes. Its
+// classes are in `contractStyles`.
+import { runRelative } from '@contraagent/api';
+import { msg } from '@lit/localize';
+import { html, nothing } from 'lit';
+import { correctionTip, correctionsLabel, notRunText } from '../../words/contract.js';
+import { contractChip, fieldCheckTable, fileConditions, inputChip } from './contract-parts.js';
+/**
+ * One contract file of a task, as a card: status, path, what it must be, the
+ * field check, the check errors. A task that never ran gets one line saying
+ * why; a task that failed without writing the file gets its status and path
+ * only (the status names the cause).
+ */
+export function ioFileCard(o, role, run = '', opts = {}) {
+    const stat = role === 'output'
+        ? html `${contractChip(o.status)}${(o.rounds ?? 0) > 1
+            ? html ` <span class="meta" title=${correctionTip()}>${correctionsLabel(o.rounds, o.status === 'valid')}</span>`
+            : nothing}`
+        : inputChip(o);
+    const head = html `<div class="io-hd">${opts.chip ?? stat}<span class="jmono ct-path" title=${o.path}>${runRelative(o.path, run)}</span></div>${opts.origin
+        ? html `<div class="meta io-from">${opts.origin}</div>`
+        : nothing}`;
+    if (role === 'output' && o.status === 'refused') {
+        return html `<div class="io-card one">${head}<div class="meta">${notRunText(o, run, opts.producerOf)}</div></div>`;
+    }
+    if (role === 'output' && o.status === 'failed' && !o.file.exists) {
+        return html `<div class="io-card one">${head}</div>`;
+    }
+    const errors = o.errors ?? [];
+    return html `<div class="io-card">
+    ${head}
+    ${fileConditions(o, role)}
+    ${fieldCheckTable(o)}
+    ${errors.length ? html `<h4>${msg('Errors')}</h4><pre class="ct-err">${errors.map((e) => runRelative(e, run)).join('\n')}</pre>` : nothing}
+  </div>`;
+}
+//# sourceMappingURL=file-card.js.map

package/dist/elements/shared/file-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-card.js","sourceRoot":"","sources":["../../../src/elements/shared/file-card.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,mCAAmC;AACnC,OAAO,EAAE,WAAW,EAAqB,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,UAAU,EAAiB,MAAM,yBAAyB,CAAC;AACrG,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAE/F;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CACxB,CAAe,EACf,IAAwB,EACxB,GAAG,GAAG,EAAE,EACR,OAMI,EAAE;IAEN,MAAM,IAAI,GACR,IAAI,KAAK,QAAQ;QACf,CAAC,CAAC,IAAI,CAAA,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC;YAC/C,CAAC,CAAC,IAAI,CAAA,6BAA6B,aAAa,EAAE,IAAI,gBAAgB,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,SAAS;YAC/G,CAAC,CAAC,OAAO,EAAE;QACjB,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACnB,MAAM,IAAI,GAAG,IAAI,CAAA,sBAAsB,IAAI,CAAC,IAAI,IAAI,IAAI,qCAAqC,CAAC,CAAC,IAAI,IAAI,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,gBAAgB,IAAI,CAAC,MAAM;QACxJ,CAAC,CAAC,IAAI,CAAA,6BAA6B,IAAI,CAAC,MAAM,QAAQ;QACtD,CAAC,CAAC,OAAO,EAAE,CAAC;IACd,IAAI,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;QAChD,OAAO,IAAI,CAAA,4BAA4B,IAAI,qBAAqB,UAAU,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC;IACpH,CAAC;IACD,IAAI,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,MAAM,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACjE,OAAO,IAAI,CAAA,4BAA4B,IAAI,QAAQ,CAAC;IACtD,CAAC;IACD,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC;IAC9B,OAAO,IAAI,CAAA;MACP,IAAI;MACJ,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC;MACvB,eAAe,CAAC,CAAC,CAAC;MAClB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,OAAO,GAAG,CAAC,QAAQ,CAAC,4BAA4B,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;SACpI,CAAC;AACV,CAAC"}

package/dist/elements/shared/prompt-text.d.ts

@@ -0,0 +1,5 @@
+import { type TemplateResult } from 'lit';
+import '@contraagent/elements/markdown/define';
+/** `text` in a `<cae-markdown>`, in the reader's language. Call it from a `@localized()` element's render. */
+export declare function promptText(text: string): TemplateResult;
+//# sourceMappingURL=prompt-text.d.ts.map

package/dist/elements/shared/prompt-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-text.d.ts","sourceRoot":"","sources":["../../../src/elements/shared/prompt-text.ts"],"names":[],"mappings":"AAIA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,uCAAuC,CAAC;AAG/C,8GAA8G;AAC9G,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAGvD"}

package/dist/elements/shared/prompt-text.js

@@ -0,0 +1,13 @@
+// A prompt as a reader reads it: markdown with a rendered/source switch, and its
+// leading TELEMETRY line (which run and task it belongs to) apart, so the prose
+// reads as prose.
+import { msg } from '@lit/localize';
+import { html } from 'lit';
+import '@contraagent/elements/markdown/define';
+import { splitTelemetry } from '../../words/prompt.js';
+/** `text` in a `<cae-markdown>`, in the reader's language. Call it from a `@localized()` element's render. */
+export function promptText(text) {
+    const strings = { showRendered: msg('Show rendered'), showSource: msg('Show source') };
+    return html `<cae-markdown .text=${text} .split=${splitTelemetry} .strings=${strings}></cae-markdown>`;
+}
+//# sourceMappingURL=prompt-text.js.map

package/dist/elements/shared/prompt-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-text.js","sourceRoot":"","sources":["../../../src/elements/shared/prompt-text.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,gFAAgF;AAChF,kBAAkB;AAClB,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,8GAA8G;AAC9G,MAAM,UAAU,UAAU,CAAC,IAAY;IACrC,MAAM,OAAO,GAAG,EAAE,YAAY,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,UAAU,EAAE,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;IACvF,OAAO,IAAI,CAAA,uBAAuB,IAAI,WAAW,cAAc,aAAa,OAAO,kBAAkB,CAAC;AACxG,CAAC"}

package/dist/elements/shared/task-chip.d.ts

@@ -0,0 +1,10 @@
+import { type TemplateResult } from 'lit';
+/**
+ * `name` as a chip that sends `ca-open-task` for `task` (a Python task opens on its
+ * output). A task with no key (a running Python task) is a chip that opens nothing.
+ */
+export declare function taskChip(from: EventTarget, name: string, task: {
+    key: string;
+    executor?: string;
+}): TemplateResult;
+//# sourceMappingURL=task-chip.d.ts.map

package/dist/elements/shared/task-chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-chip.d.ts","sourceRoot":"","sources":["../../../src/elements/shared/task-chip.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,cAAc,CAOlH"}

package/dist/elements/shared/task-chip.js

@@ -0,0 +1,19 @@
+// A task named in a list, as a chip of its own: the name keeps its `kind · unit`
+// form without a separator between names, and a click opens the task.
+import { isPython } from '@contraagent/api';
+import { html } from 'lit';
+import { emit } from '../../core/events.js';
+/**
+ * `name` as a chip that sends `ca-open-task` for `task` (a Python task opens on its
+ * output). A task with no key (a running Python task) is a chip that opens nothing.
+ */
+export function taskChip(from, name, task) {
+    if (!task.key)
+        return html `<span class="taskchip">${name}</span>`;
+    const open = (e) => {
+        e.stopPropagation(); // the row it sits in may open another task
+        emit(from, 'ca-open-task', { key: task.key, ...(isPython(task) ? { view: 'output' } : {}) });
+    };
+    return html `<button type="button" class="taskchip" title=${task.key} @click=${open}>${name}</button>`;
+}
+//# sourceMappingURL=task-chip.js.map

package/dist/elements/shared/task-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-chip.js","sourceRoot":"","sources":["../../../src/elements/shared/task-chip.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,sEAAsE;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,IAAiB,EAAE,IAAY,EAAE,IAAwC;IAChG,IAAI,CAAC,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAA,0BAA0B,IAAI,SAAS,CAAC;IAClE,MAAM,IAAI,GAAG,CAAC,CAAQ,EAAQ,EAAE;QAC9B,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,2CAA2C;QAChE,IAAI,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,QAAiB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACxG,CAAC,CAAC;IACF,OAAO,IAAI,CAAA,gDAAgD,IAAI,CAAC,GAAG,WAAW,IAAI,IAAI,IAAI,WAAW,CAAC;AACxG,CAAC"}

package/dist/elements/shell/ca-clock.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+/** The wall clock in the header: its own element, so the second tick repaints nothing else. */
+export declare class CaClock extends LitElement {
+    constructor();
+    protected createRenderRoot(): this;
+    render(): string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-clock': CaClock;
+    }
+}
+//# sourceMappingURL=ca-clock.d.ts.map

package/dist/elements/shell/ca-clock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-clock.d.ts","sourceRoot":"","sources":["../../../src/elements/shell/ca-clock.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,+FAA+F;AAC/F,qBAEa,OAAQ,SAAQ,UAAU;;cAKlB,gBAAgB;IAG1B,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/elements/shell/ca-clock.js

@@ -0,0 +1,30 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { localized } from '@lit/localize';
+import { LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { ClockController } from '@contraagent/elements';
+import { getLocale } from '../../core/i18n.js';
+/** The wall clock in the header: its own element, so the second tick repaints nothing else. */
+let CaClock = class CaClock extends LitElement {
+    constructor() {
+        super();
+        new ClockController(this);
+    }
+    createRenderRoot() {
+        return this;
+    }
+    render() {
+        return new Date().toLocaleTimeString(getLocale(), { hour12: false });
+    }
+};
+CaClock = __decorate([
+    customElement('ca-clock'),
+    localized()
+], CaClock);
+export { CaClock };
+//# sourceMappingURL=ca-clock.js.map

package/dist/elements/shell/ca-clock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-clock.js","sourceRoot":"","sources":["../../../src/elements/shell/ca-clock.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,+FAA+F;AAGxF,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IACrC;QACE,KAAK,EAAE,CAAC;QACR,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;IACkB,gBAAgB;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IACQ,MAAM;QACb,OAAO,IAAI,IAAI,EAAE,CAAC,kBAAkB,CAAC,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IACvE,CAAC;CACF,CAAA;AAXY,OAAO;IAFnB,aAAa,CAAC,UAAU,CAAC;IACzB,SAAS,EAAE;GACC,OAAO,CAWnB"}

package/dist/elements/shell/ca-hosts.d.ts

@@ -0,0 +1,21 @@
+import type { Hosts } from '@contraagent/api';
+import { LitElement } from 'lit';
+import '../overview/ca-quota.js';
+/**
+ * The hosts behind a hub's runs (`/api/hosts`): each host's state, its last
+ * report, the seconds between its reports and its runs; then each account's
+ * utilization over every run of every host, as the overview shows a run's.
+ */
+export declare class CaHosts extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    /** The host list (`/api/hosts`); null until it arrives. */
+    hosts: Hosts | null;
+    private row;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-hosts': CaHosts;
+    }
+}
+//# sourceMappingURL=ca-hosts.d.ts.map

package/dist/elements/shell/ca-hosts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-hosts.d.ts","sourceRoot":"","sources":["../../../src/elements/shell/ca-hosts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAe,MAAM,kBAAkB,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAMrD,OAAO,yBAAyB,CAAC;AAKjC;;;;GAIG;AACH,qBAEa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0DAoBpB;IAEF,2DAA2D;IAC3B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAQ;IAE3D,OAAO,CAAC,GAAG;IAeF,MAAM;CAyBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/elements/shell/ca-hosts.js

@@ -0,0 +1,97 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { localized, msg, str } from '@lit/localize';
+import { LitElement, css, html, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { statusWord } from '@contraagent/elements/primitives';
+import { base } from '@contraagent/elements/styles';
+import { fmtDur, localTime } from '../../words/format.js';
+import { hostStateLabel, hostsLine, noReportCount, runCount } from '../../words/hosts.js';
+import '../overview/ca-quota.js';
+/** The column of a host's runs, counted. */
+const runsLabel = () => msg('Runs', { id: 'col-runs', desc: "A column: a host's runs, counted" });
+/**
+ * The hosts behind a hub's runs (`/api/hosts`): each host's state, its last
+ * report, the seconds between its reports and its runs; then each account's
+ * utilization over every run of every host, as the overview shows a run's.
+ */
+let CaHosts = class CaHosts extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** The host list (`/api/hosts`); null until it arrives. */
+        this.hosts = null;
+    }
+    static { this.styles = [
+        base,
+        css `
+      :host { display: block; container-type: inline-size; }
+      .g12 { align-content: start; }
+      table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
+      th, td { text-align: start; padding: 8px 10px; border-top: 1px solid var(--line); vertical-align: baseline; }
+      thead th { border-top: 0; font-size: 11.5px; font-weight: 600; color: var(--text-muted); white-space: nowrap; }
+      tbody th { font-family: var(--mono); font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
+      .num { font-family: var(--mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
+      td.runs { color: var(--text-2); }
+      /* Narrow: one block per host, each value under its column's name. */
+      @container (max-width: 640px) {
+        thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
+        tr { display: block; padding: 8px 0; border-top: 1px solid var(--line); }
+        tbody tr:first-child { border-top: 0; }
+        th, td { display: flex; gap: 12px; padding: 2px 0; border: 0; white-space: normal; }
+        td::before { content: attr(data-label); flex: 0 0 9em; color: var(--text-muted); font-family: var(--sans); font-size: 11.5px; }
+      }
+    `,
+    ]; }
+    row(h) {
+        const quiet = !h.up;
+        return html `<tr>
+      <th scope="row">${h.host_id}</th>
+      <td data-label=${msg('Status')}>${statusWord({ text: hostStateLabel(h), tone: quiet ? 'attention' : 'done' })}</td>
+      <td data-label=${msg('Last report')} class="num" title=${h.last_seen}>${localTime(h.last_seen, true) || '—'}</td>
+      <td data-label=${msg('Report interval')} class="num">${h.interval_s == null ? '—' : fmtDur(h.interval_s)}</td>
+      <td data-label=${runsLabel()} class="runs"
+        ><span>${runCount(h.runs)}${h.running ? html ` | ${msg(str `${h.running} running`)}` : nothing}${h.unresponsive
+            ? html ` | <span class="tone-text" data-tone="attention">${noReportCount(h.unresponsive)}</span>`
+            : nothing}</span></td
+      >
+    </tr>`;
+    }
+    render() {
+        const hosts = this.hosts?.hosts ?? [];
+        const quota = this.hosts?.quota ?? [];
+        return html `<div class="g12">
+      <section class="panel c12 enter">
+        <h3>${msg('Hosts')}<span class="r">${hostsLine(hosts)}</span></h3>
+        ${hosts.length
+            ? html `<table>
+              <thead><tr>
+                <th scope="col">${msg('Host')}</th><th scope="col">${msg('Status')}</th><th scope="col">${msg('Last report')}</th>
+                <th scope="col">${msg('Report interval')}</th><th scope="col">${runsLabel()}</th>
+              </tr></thead>
+              <tbody>${hosts.map((h) => this.row(h))}</tbody>
+            </table>`
+            : html `<div class="meta">${msg('No hosts')}</div>`}
+      </section>
+      ${quota.length
+            ? html `<section class="panel c12 enter">
+            <h3 title=${msg('Account-wide | read at each agent session start')}>
+              ${msg('Subscription usage')}<span class="r">${msg('Per account, first → last reading')}</span></h3>
+            <ca-quota .accounts=${quota} .rests=${quota.flatMap((a) => a.rests ?? [])} live></ca-quota>
+          </section>`
+            : nothing}
+    </div>`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], CaHosts.prototype, "hosts", void 0);
+CaHosts = __decorate([
+    customElement('ca-hosts'),
+    localized()
+], CaHosts);
+export { CaHosts };
+//# sourceMappingURL=ca-hosts.js.map

package/dist/elements/shell/ca-hosts.js.map

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