@contraagent/ui 0.0.0-stage → 0.2.0

package/dist/elements/shell/ca-run-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-run-picker.d.ts","sourceRoot":"","sources":["../../../src/elements/shell/ca-run-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsD,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEzH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAqBrD;;;;;;;;;;;;;;;GAeG;AACH,qBAEa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0DAqCpB;IAE8B,IAAI,EAAE,UAAU,EAAE,CAAM;IACxD,yBAAyB;IACb,OAAO,SAAM;IACmB,IAAI,UAAS;IACzD,+GAA+G;IAClF,GAAG,UAAS;IACzC,6BAA6B;IACG,KAAK,EAAE,WAAW,EAAE,CAAM;IAC1D,2GAA2G;IAC/F,IAAI,EAAE,IAAI,CAAM;IACnB,OAAO,CAAC,CAAC,CAAM;IACxB,uDAAuD;IAC9C,OAAO,CAAC,IAAI,CAAM;IAC3B,6DAA6D;IACpD,OAAO,CAAC,EAAE,CAAM;IACT,OAAO,CAAC,KAAK,CAAoB;IAChC,OAAO,CAAC,MAAM,CAA4B;IAElD,iBAAiB,IAAI,IAAI;cAMf,UAAU,IAAI,IAAI;cAIlB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAQ/D;;;;;OAKG;IACH,OAAO,CAAC,MAAM;IAuBd,kCAAkC;IAClC,OAAO,CAAC,IAAI;IAOZ,OAAO,CAAC,KAAK;IAIb,0HAA0H;IAC1H,OAAO,CAAC,WAAW;IAQnB,yFAAyF;IACzF,OAAO,CAAC,KAAK;IAcJ,MAAM;IA+Bf,6CAA6C;IAC7C,OAAO,CAAC,UAAU;IAQlB,kGAAkG;IAClG,OAAO,CAAC,MAAM;IAkBd,wHAAwH;IACxH,OAAO,CAAC,IAAI;IASZ,6CAA6C;IAC7C,OAAO,CAAC,IAAI;CAmBb;AAKD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/dist/elements/shell/ca-run-picker.js

@@ -0,0 +1,313 @@
+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 { elapsedS, hostGroups, hostOf, runActivity, runIdOf } from '@contraagent/api';
+import { localized, msg, str } from '@lit/localize';
+import { LitElement, css, html, nothing } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { emit } from '../../core/events.js';
+import { trendsTitle, trendsTip } from '../../words/trends.js';
+import { facts, fmtDur, localTime, relAgo, usd } from '../../words/format.js';
+import { runMark, stateCount } from '../../words/index.js';
+import { accountsLine, accountsTip } from '../../words/quota.js';
+import { hostFact, noReportLabel, hostStateSince, hostsLine, lastReport, runCount } from '../../words/hosts.js';
+import { runTone } from '../../lib/tone.js';
+import { toneAttr } from '@contraagent/elements';
+import { pill, statusWord } from '@contraagent/elements/primitives';
+import { base } from '@contraagent/elements/styles';
+const took = (r) => elapsedS(r);
+/** The id of the option at `i` in the visible list. */
+const optionId = (i) => `run-${i}`;
+const ago = (r) => {
+    const t = Date.parse(r.last_ts || '');
+    return Number.isNaN(t) ? Infinity : (Date.now() - t) / 1000;
+};
+/**
+ * The run switcher: runs grouped by recency, searchable, keyboard driven. A
+ * dialog: its search field (a combobox) holds the focus while it is open (Tab
+ * stays in it), and the arrow keys move through the list
+ * (`aria-activedescendant`). Sends `ca-select-run` for a pick and `ca-close`
+ * when it should be closed (Escape, or a pick); the host returns the focus.
+ *
+ * While nothing is searched, the first options are the pages of no run: the
+ * trends, and on a hub the hosts. On a hub (`hub`), the runs are grouped by host,
+ * each group headed by its host's state; a host filter (a select, the dialog's
+ * second Tab stop) shows one host's runs.
+ *
+ * @fires ca-select-run - `{run}`: a run was picked
+ * @fires ca-navigate - `{page, run: ''}`: a page of no run was picked (`trends`, or on a hub `hosts`)
+ * @fires ca-close - the picker should close
+ */
+let CaRunPicker = class CaRunPicker extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.runs = [];
+        /** The run shown now. */
+        this.current = '';
+        this.open = false;
+        /** The runs come from many hosts (`Info.hosts`): group them by host, with a host filter and the hosts page. */
+        this.hub = false;
+        /** The host list (a hub). */
+        this.hosts = [];
+        /** The page of no run shown now (`trends`, `hosts`; it is the current option); '' while a run is shown. */
+        this.page = '';
+        this.q = '';
+        /** A hub: only this host's runs; '' for every host. */
+        this.host = '';
+        /** The keyboard's place in the visible list; -1 for none. */
+        this.kb = -1;
+    }
+    static { this.styles = [
+        base,
+        css `
+      :host { position: absolute; top: 50px; width: min(580px, calc(100cqi - 24px)); max-height: min(72vh, 660px);
+        display: flex; flex-direction: column; background: var(--panel); border: 1px solid var(--line2); border-radius: 14px;
+        box-shadow: 0 24px 70px color-mix(in srgb, var(--shadow) 70%, transparent); opacity: 0; transform: translateY(-6px) scale(0.985);
+        pointer-events: none; z-index: 40; visibility: hidden; container-type: inline-size;
+        transition: opacity 0.16s var(--ease), transform 0.16s var(--ease), visibility 0s linear 0.16s; }
+      /* Visible (and focusable) at once when it opens; hidden only after it has faded out. */
+      :host([open]) { opacity: 1; transform: none; pointer-events: auto; visibility: visible; transition-delay: 0s; }
+      .search { padding: 10px; border-bottom: 1px solid var(--line); }
+      input, select { background: var(--well); border: 1px solid var(--line); color: var(--text); border-radius: 9px; font: inherit; outline: none; }
+      input { width: 100%; padding: 8px 11px; }
+      input:focus, select:focus { border-color: var(--accent); }
+      .list { overflow: auto; padding: 6px; }
+      .group { font-size: 11.5px; font-weight: 600; color: var(--text-muted); padding: 10px 9px 4px; }
+      .group .n { font-weight: 400; margin-left: 4px; }
+      .keys { margin-top: 6px; display: flex; gap: 4px; align-items: center; }
+      .item { display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; gap: 3px 10px; align-items: center;
+        padding: 7px 9px; border-radius: 9px; cursor: pointer; }
+      .item:hover, .item.kb { background: var(--raise); }
+      .item.cur { box-shadow: inset 2px 0 0 var(--accent); background: var(--accent-bg); }
+      .nm { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+      .when { font-size: 11px; color: var(--text-muted); white-space: nowrap; }
+      /* A narrow picker (the host is a container): what a page shows goes under its name. */
+      @container (max-width: 480px) {
+        .when.page { grid-column: 2 / 4; white-space: normal; }
+      }
+      .sub { grid-column: 2 / 4; display: flex; gap: 7px; flex-wrap: wrap; font-size: 11px; color: var(--text-muted); }
+      /* a hub: the host filter beside the search field, a header per host, the hosts page as the first option */
+      .row { display: flex; gap: 8px; }
+      select { max-width: 40%; padding: 0 8px; }
+      .host { display: flex; gap: 8px; flex-wrap: wrap; color: var(--text-2); border-top: 1px solid var(--line); margin-top: 6px; }
+      .host b { font-family: var(--mono); color: var(--text); }
+      .host .n { margin-left: auto; }
+      .when[data-tone] { color: var(--tone); font-weight: 600; }
+    `,
+    ]; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'dialog');
+        this.setAttribute('aria-modal', 'true');
+    }
+    willUpdate() {
+        this.setAttribute('aria-label', msg('Runs'));
+    }
+    updated(changed) {
+        if (changed.has('open') && this.open) {
+            this.q = '';
+            this.kb = -1;
+            setTimeout(() => this.input?.focus(), 30);
+        }
+    }
+    /**
+     * The runs the search and the host filter leave, in groups, in list order:
+     * by host on a hub, each headed by its host's id, its state (attention once
+     * its reports stopped) and how many of its runs are listed; else by recency.
+     * Each group: its accessible name, its header, its runs.
+     */
+    groups() {
+        const q = this.q.toLowerCase().trim();
+        const rows = this.runs.filter((r) => (!q || r.run.toLowerCase().includes(q) || (r.run_group || '').toLowerCase().includes(q)) && (!this.host || r.host_id === this.host));
+        if (this.hub) {
+            return hostGroups(rows, this.hosts).map(({ hostId, host: h, runs }) => {
+                const id = hostId || hostFact('');
+                const state = h ? hostStateSince(h) : '';
+                const n = runCount(runs.length);
+                return [facts(id, state, n), html `<b>${id}</b>${h ? statusWord({ text: state, tone: h.up ? 'done' : 'attention', title: lastReport(h) }) : nothing}<span class="n">${n}</span>`, runs];
+            });
+        }
+        const old = (r) => !r.running && ago(r) >= 86400;
+        return [
+            [msg('Running'), rows.filter((r) => r.running)],
+            [msg('Last 24 hours'), rows.filter((r) => !r.running && !old(r))],
+            [msg('Older'), rows.filter(old)],
+        ].map(([name, rs]) => [name, html `${name} <span class="n">${rs.length}</span>`, rs]);
+    }
+    /** A run, or a page of no run. */
+    pick(r) {
+        this.close();
+        if (typeof r === 'string') {
+            if (r !== this.page)
+                emit(this, 'ca-navigate', { page: r, run: '' });
+        }
+        else if (r.run !== this.current || this.page)
+            emit(this, 'ca-select-run', { run: r.run });
+    }
+    close() {
+        emit(this, 'ca-close', {});
+    }
+    /** The dialog's keys: Escape closes; Tab stays in the dialog, between the search field and (on a hub) the host filter. */
+    onDialogKey(e) {
+        if (e.key === 'Escape')
+            this.close();
+        else if (e.key === 'Tab') {
+            e.preventDefault();
+            (e.target === this.input && this.hub ? this.select : this.input)?.focus();
+        }
+    }
+    /** The search field's keys: the arrow keys move through the options, Enter picks one. */
+    onKey(e, opts) {
+        if (e.key === 'ArrowDown')
+            this.kb = Math.min(opts.length - 1, this.kb + 1);
+        else if (e.key === 'ArrowUp')
+            this.kb = Math.max(0, this.kb - 1);
+        else if (e.key === 'Enter') {
+            // The focus goes back to the button that opened the picker: this Enter must not press it.
+            e.preventDefault();
+            const r = opts[Math.max(0, this.kb)];
+            if (r !== undefined)
+                this.pick(r);
+            return;
+        }
+        else
+            return;
+        e.preventDefault();
+        void this.updateComplete.then(() => this.renderRoot.querySelector('.item.kb')?.scrollIntoView({ block: 'nearest' }));
+    }
+    render() {
+        const groups = this.groups().filter((g) => g[2].length);
+        const rows = groups.flatMap((g) => g[2]);
+        // While nothing is searched, the pages of no run come first: the trends, and on a hub the hosts.
+        const pages = this.q.trim() ? [] : this.hub ? ['trends', 'hosts'] : ['trends'];
+        const opts = [...pages, ...rows];
+        const active = opts[this.kb] !== undefined ? optionId(this.kb) : nothing;
+        const search = html `<input placeholder=${msg('Search runs')} aria-label=${msg('Search runs')} autocomplete="off" .value=${this.q}
+      role="combobox" aria-expanded=${opts.length ? 'true' : 'false'} aria-controls="runs" aria-autocomplete="list" aria-activedescendant=${active}
+      @input=${(e) => { this.q = e.target.value; this.kb = 0; }}
+      @keydown=${(e) => this.onKey(e, opts)} />`;
+        let i = 0;
+        return html `<div class="search" @keydown=${(e) => this.onDialogKey(e)}>
+        ${this.hub ? html `<div class="row">${search}${this.hostFilter()}</div>` : search}
+        <div class="keys meta" aria-hidden="true"><span class="kbd">↑</span><span class="kbd">↓</span> <span class="kbd">Enter</span> <span class="kbd">Esc</span></div>
+      </div>
+      <div class="list" @mousedown=${(e) => e.preventDefault()}>
+        ${opts.length
+            ? html `<div id="runs" role="listbox" aria-label=${msg('Runs')}>
+              ${pages.map((p) => this.item(p, i++))}
+              ${groups.map(([name, head, rs]) => html `<div role="group" aria-label=${name}>
+                  <div class="group${this.hub ? ' host' : ''}" aria-hidden="true">${head}</div>
+                  ${rs.map((r) => this.item(r, i++))}
+                </div>`)}
+            </div>`
+            : html `<div class="blank"><span>${msg('No runs match the search')}</span></div>`}
+      </div>`;
+    }
+    /** The host filter: every host with runs. */
+    hostFilter() {
+        return html `<select aria-label=${msg('Host')} title=${msg('Host')}
+      @change=${(e) => { this.host = e.target.value; this.kb = -1; }}>
+      <option value="" ?selected=${!this.host}>${msg('All hosts')}</option>
+      ${hostGroups(this.runs, this.hosts).map((g) => html `<option value=${g.hostId} ?selected=${g.hostId === this.host}>${g.hostId || hostFact('')}</option>`)}
+    </select>`;
+    }
+    /** Tasks by how they ended, as the run's own page counts them, and how long it took: one line. */
+    counts(r) {
+        const t = r.tasks;
+        const parts = [msg(str `${t.done} of ${t.total} tasks done`)];
+        if (t.failed)
+            parts.push(stateCount('failed', t.failed));
+        if (t.not_started)
+            parts.push(stateCount('not_started', t.not_started));
+        if (t.partial)
+            parts.push(stateCount('partial', t.partial));
+        if (t.skipped)
+            parts.push(stateCount('skipped', t.skipped));
+        if (t.running)
+            parts.push(stateCount('running', t.running));
+        if (t.waiting)
+            parts.push(stateCount('waiting', t.waiting));
+        if (t.not_run)
+            parts.push(stateCount('not_run', t.not_run));
+        const s = took(r);
+        if (s != null)
+            parts.push(msg(str `took ${fmtDur(s)}`));
+        if (r.cost_usd !== null && r.cost_usd !== undefined)
+            parts.push(usd(r.cost_usd));
+        const usage = accountsLine(r.quota ?? []);
+        if (usage)
+            parts.push(usage);
+        return facts(...parts);
+    }
+    /** The run's state where its age goes: running, no report from its host (a hub), or how long ago it was last active. */
+    when(r) {
+        const a = runActivity(r);
+        const at = localTime(r.last_ts, true);
+        const quiet = a === 'unresponsive';
+        return html `<span class="when" data-tone=${quiet ? 'attention' : nothing} data-mark=${quiet ? 'pending' : nothing}
+      title=${quiet ? facts(lastReport(hostOf(this.hosts, r)), msg(str `Last activity ${at}`)) : at}
+      >${a === 'running' ? msg('running') : quiet ? noReportLabel() : relAgo(r.last_ts)}</span>`;
+    }
+    /** An option: a run, or a page of no run. */
+    item(r, i) {
+        const page = typeof r === 'string' ? r : null;
+        const cur = page ? page === this.page : !this.page && r.run === this.current;
+        const cls = `item${cur ? ' cur' : ''}${i === this.kb ? ' kb' : ''}`;
+        // An option of the listbox: the search field keeps the focus and names the active option (`aria-activedescendant`).
+        return html `<div class=${cls} id=${optionId(i)} role="option" aria-selected=${i === this.kb ? 'true' : 'false'}
+      aria-current=${cur ? (page ? 'page' : 'true') : nothing} @click=${() => this.pick(r)}>
+      ${typeof r !== 'string'
+            ? html `<span class="dot" data-tone=${toneAttr(runTone(runActivity(r), r.tasks))} aria-hidden="true"></span><span class="nm"
+              title=${this.hub ? r.run : nothing}>${this.hub ? runIdOf(r) : r.run}${runMark(r) ? html ` ${pill({ ...runMark(r), tone: 'muted' })}` : nothing}</span>
+            ${this.when(r)}
+            <span class="sub">
+              ${r.run_group && r.run_group !== runIdOf(r) ? html `<span>${msg(str `Run group ${r.run_group}`)}</span>` : nothing}              <span title=${accountsTip(r.quota ?? [])}>${this.counts(r)}</span>
+            </span>`
+            : page === 'hosts'
+                ? html `<span aria-hidden="true">⊞</span><span class="nm">${msg('Hosts')}</span><span class="when page">${hostsLine(this.hosts)}</span>`
+                : html `<span aria-hidden="true">▥</span><span class="nm">${trendsTitle()}</span><span class="when page">${trendsTip()}</span>`}
+    </div>`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], CaRunPicker.prototype, "runs", void 0);
+__decorate([
+    property()
+], CaRunPicker.prototype, "current", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], CaRunPicker.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean })
+], CaRunPicker.prototype, "hub", void 0);
+__decorate([
+    property({ attribute: false })
+], CaRunPicker.prototype, "hosts", void 0);
+__decorate([
+    property()
+], CaRunPicker.prototype, "page", void 0);
+__decorate([
+    state()
+], CaRunPicker.prototype, "q", void 0);
+__decorate([
+    state()
+], CaRunPicker.prototype, "host", void 0);
+__decorate([
+    state()
+], CaRunPicker.prototype, "kb", void 0);
+__decorate([
+    query('input')
+], CaRunPicker.prototype, "input", void 0);
+__decorate([
+    query('select')
+], CaRunPicker.prototype, "select", void 0);
+CaRunPicker = __decorate([
+    customElement('ca-run-picker'),
+    localized()
+], CaRunPicker);
+export { CaRunPicker };
+//# sourceMappingURL=ca-run-picker.js.map

package/dist/elements/shell/ca-run-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-run-picker.js","sourceRoot":"","sources":["../../../src/elements/shell/ca-run-picker.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAqC,MAAM,kBAAkB,CAAC;AACzH,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChH,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEpD,MAAM,IAAI,GAAG,CAAC,CAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAE5C,uDAAuD;AACvD,MAAM,QAAQ,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;AAE3C,MAAM,GAAG,GAAG,CAAC,CAAa,EAAE,EAAE;IAC5B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;IACtC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC;AAC9D,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AAGI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAwC2B,SAAI,GAAiB,EAAE,CAAC;QACxD,yBAAyB;QACb,YAAO,GAAG,EAAE,CAAC;QACmB,SAAI,GAAG,KAAK,CAAC;QACzD,+GAA+G;QAClF,QAAG,GAAG,KAAK,CAAC;QACzC,6BAA6B;QACG,UAAK,GAAkB,EAAE,CAAC;QAC1D,2GAA2G;QAC/F,SAAI,GAAS,EAAE,CAAC;QACX,MAAC,GAAG,EAAE,CAAC;QACxB,uDAAuD;QACtC,SAAI,GAAG,EAAE,CAAC;QAC3B,6DAA6D;QAC5C,OAAE,GAAG,CAAC,CAAC,CAAC;IAgL3B,CAAC;aArOiB,WAAM,GAAG;QACvB,IAAI;QACJ,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkCF;KACF,AArCqB,CAqCpB;IAoBO,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACpC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IAC1C,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/C,CAAC;IAEkB,OAAO,CAAC,OAA6B;QACtD,IAAI,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACrC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC;YACZ,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;YACb,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAED;;;;;OAKG;IACK,MAAM;QACZ,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC;QACtC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAC3B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,IAAI,CAAC,CAC3I,CAAC;QACF,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,OAAO,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;gBACpE,MAAM,EAAE,GAAG,MAAM,IAAI,QAAQ,CAAC,EAAE,CAAC,CAAC;gBAClC,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBACzC,MAAM,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAChC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,IAAI,CAAA,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;YACzL,CAAC,CAAC,CAAC;QACL,CAAC;QACD,MAAM,GAAG,GAAG,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC;QAC7D,OACE;YACE,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YAC/C,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACjE,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;SAEnC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,CAAA,GAAG,IAAI,oBAAoB,EAAE,CAAC,MAAM,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC;IACvF,CAAC;IAED,kCAAkC;IAC1B,IAAI,CAAC,CAAS;QACpB,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;YAC1B,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI;gBAAE,IAAI,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;QACvE,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI;YAAE,IAAI,CAAC,IAAI,EAAE,eAAe,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9F,CAAC;IAEO,KAAK;QACX,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;IAC7B,CAAC;IAED,0HAA0H;IAClH,WAAW,CAAC,CAAgB;QAClC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;YAAE,IAAI,CAAC,KAAK,EAAE,CAAC;aAChC,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YACzB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;QAC5E,CAAC;IACH,CAAC;IAED,yFAAyF;IACjF,KAAK,CAAC,CAAgB,EAAE,IAAc;QAC5C,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW;YAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;aACvE,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS;YAAE,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;aAC5D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YAC3B,0FAA0F;YAC1F,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;YACrC,IAAI,CAAC,KAAK,SAAS;gBAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAClC,OAAO;QACT,CAAC;;YAAM,OAAO;QACd,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;IACvH,CAAC;IAEQ,MAAM;QACb,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACxD,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACzC,iGAAiG;QACjG,MAAM,KAAK,GAAwB,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QACpG,MAAM,IAAI,GAAa,CAAC,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,CAAC;QAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;QACzE,MAAM,MAAM,GAAG,IAAI,CAAA,sBAAsB,GAAG,CAAC,aAAa,CAAC,eAAe,GAAG,CAAC,aAAa,CAAC,8BAA8B,IAAI,CAAC,CAAC;sCAC9F,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,wEAAwE,MAAM;eACnI,CAAC,CAAQ,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;iBAC3E,CAAC,CAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC;QAC5D,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,OAAO,IAAI,CAAA,gCAAgC,CAAC,CAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;UAC9E,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,oBAAoB,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM;;;qCAGnD,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;UAChE,IAAI,CAAC,MAAM;YACX,CAAC,CAAC,IAAI,CAAA,4CAA4C,GAAG,CAAC,MAAM,CAAC;gBACvD,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;gBACnC,MAAM,CAAC,GAAG,CACV,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA,gCAAgC,IAAI;qCACzC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,wBAAwB,IAAI;oBACpE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;uBAC7B,CACR;mBACI;YACT,CAAC,CAAC,IAAI,CAAA,4BAA4B,GAAG,CAAC,0BAA0B,CAAC,eAAe;aAC7E,CAAC;IACZ,CAAC;IAED,6CAA6C;IACrC,UAAU;QAChB,OAAO,IAAI,CAAA,sBAAsB,GAAG,CAAC,MAAM,CAAC,UAAU,GAAG,CAAC,MAAM,CAAC;gBACrD,CAAC,CAAQ,EAAE,EAAE,GAAG,IAAI,CAAC,IAAI,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;mCAC/D,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC,WAAW,CAAC;QACzD,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA,iBAAiB,CAAC,CAAC,MAAM,cAAc,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,MAAM,IAAI,QAAQ,CAAC,EAAE,CAAC,WAAW,CAAC;cAChJ,CAAC;IACb,CAAC;IAED,kGAAkG;IAC1F,MAAM,CAAC,CAAa;QAC1B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;QAClB,MAAM,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,CAAA,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC;QAC7D,IAAI,CAAC,CAAC,MAAM;YAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;QACzD,IAAI,CAAC,CAAC,WAAW;YAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;QACxE,IAAI,CAAC,CAAC,OAAO;YAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,CAAC,OAAO;YAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,CAAC,OAAO;YAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,CAAC,OAAO;YAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,CAAC,OAAO;YAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5D,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,IAAI,CAAC,IAAI,IAAI;YAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAA,QAAQ,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvD,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,IAAI,CAAC,CAAC,QAAQ,KAAK,SAAS;YAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;QACjF,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QAC1C,IAAI,KAAK;YAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,OAAO,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC;IACzB,CAAC;IAED,wHAAwH;IAChH,IAAI,CAAC,CAAa;QACxB,MAAM,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;QACzB,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACtC,MAAM,KAAK,GAAG,CAAC,KAAK,cAAc,CAAC;QACnC,OAAO,IAAI,CAAA,gCAAgC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,cAAc,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;cACvG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAA,iBAAiB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;SACzF,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC;IAC/F,CAAC;IAED,6CAA6C;IACrC,IAAI,CAAC,CAAS,EAAE,CAAS;QAC/B,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC9C,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAK,CAAgB,CAAC,GAAG,KAAK,IAAI,CAAC,OAAO,CAAC;QAC7F,MAAM,GAAG,GAAG,OAAO,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QACpE,oHAAoH;QACpH,OAAO,IAAI,CAAA,cAAc,GAAG,OAAO,QAAQ,CAAC,CAAC,CAAC,gCAAgC,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;qBAC7F,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAClF,OAAO,CAAC,KAAK,QAAQ;YACrB,CAAC,CAAC,IAAI,CAAA,+BAA+B,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;sBACjE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,CAAC,CAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;cAC9I,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;;gBAEV,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,SAAS,GAAG,CAAC,GAAG,CAAA,aAAa,CAAC,CAAC,SAAS,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,6BAA6B,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;oBACnL;YACZ,CAAC,CAAC,IAAI,KAAK,OAAO;gBAChB,CAAC,CAAC,IAAI,CAAA,qDAAqD,GAAG,CAAC,OAAO,CAAC,kCAAkC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;gBACvI,CAAC,CAAC,IAAI,CAAA,qDAAqD,WAAW,EAAE,kCAAkC,SAAS,EAAE,SAAS;WAC7H,CAAC;IACV,CAAC;;AA7L+B;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;yCAAyB;AAE5C;IAAX,QAAQ,EAAE;4CAAc;AACmB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAc;AAE5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCAAa;AAET;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;0CAA2B;AAE9C;IAAX,QAAQ,EAAE;yCAAiB;AACX;IAAhB,KAAK,EAAE;sCAAgB;AAEP;IAAhB,KAAK,EAAE;yCAAmB;AAEV;IAAhB,KAAK,EAAE;uCAAiB;AACD;IAAvB,KAAK,CAAC,OAAO,CAAC;0CAAkC;AACxB;IAAxB,KAAK,CAAC,QAAQ,CAAC;2CAA2C;AAxDhD,WAAW;IAFvB,aAAa,CAAC,eAAe,CAAC;IAC9B,SAAS,EAAE;GACC,WAAW,CAsOvB"}

package/dist/elements/shell/ca-theme-switch.d.ts

@@ -0,0 +1,36 @@
+import { LitElement, type PropertyValues } from 'lit';
+import { type ThemeChoice, type ThemeName } from '@contraagent/elements/themes';
+/** A choice's name in the control: a theme's own name stays as it is; `system` and High contrast are words. */
+export declare function themeLabel(choice: ThemeChoice): string;
+/**
+ * The theme control in the monitor's header: a button that opens a menu of
+ * the themes. Arrow keys, Home and End move in the menu; Enter or Space
+ * chooses; Escape closes it.
+ *
+ * @fires ca-choose-theme - `{theme}`: a theme (or `system`) was chosen
+ */
+export declare class CaThemeSwitch extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    /** The current choice. */
+    value: ThemeChoice;
+    /** The theme `system` shows now, by the system's colour scheme. */
+    system: ThemeName;
+    private open;
+    private trig;
+    private readonly onDocDown;
+    disconnectedCallback(): void;
+    private items;
+    protected updated(changed: PropertyValues<this>): void;
+    private close;
+    private choose;
+    private onTrigKey;
+    private onMenuKey;
+    private item;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-theme-switch': CaThemeSwitch;
+    }
+}
+//# sourceMappingURL=ca-theme-switch.d.ts.map

package/dist/elements/shell/ca-theme-switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ca-theme-switch.d.ts","sourceRoot":"","sources":["../../../src/elements/shell/ca-theme-switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAwC,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEtH,+GAA+G;AAC/G,wBAAgB,UAAU,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAItD;AAUD;;;;;;GAMG;AACH,qBAEa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0DA8BpB;IAEF,0BAA0B;IACd,KAAK,EAAE,WAAW,CAAsB;IACpD,mEAAmE;IACvD,MAAM,EAAE,SAAS,CAAsB;IAC1C,OAAO,CAAC,IAAI,CAAS;IACd,OAAO,CAAC,IAAI,CAAqB;IAEjD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAExB;IAEO,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,KAAK;cAIM,OAAO,CAAC,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW/D,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,SAAS;IAiBjB,OAAO,CAAC,IAAI;IAeH,MAAM;CAkBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/elements/shell/ca-theme-switch.js

@@ -0,0 +1,186 @@
+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, query, state } from 'lit/decorators.js';
+import { emit } from '../../core/events.js';
+import { base } from '@contraagent/elements/styles';
+import { EDITOR_THEMES, THEMES, THEME_CHOICES } from '@contraagent/elements/themes';
+/** A choice's name in the control: a theme's own name stays as it is; `system` and High contrast are words. */
+export function themeLabel(choice) {
+    if (choice === 'system')
+        return msg('System');
+    if (choice === 'high-contrast')
+        return msg('High contrast');
+    return THEMES[choice].label;
+}
+/** A small picture of a theme: its panel, its accent and two of its code colours. */
+const swatch = (n) => {
+    const t = THEMES[n].tokens;
+    return html `<span class="sw" style="background:${t.card};border-color:${t.line2}"
+    ><i style="background:${t.accent}"></i><i style="background:${t['code-string']}"></i><i style="background:${t['code-keyword']}"></i
+  ></span>`;
+};
+/**
+ * The theme control in the monitor's header: a button that opens a menu of
+ * the themes. Arrow keys, Home and End move in the menu; Enter or Space
+ * chooses; Escape closes it.
+ *
+ * @fires ca-choose-theme - `{theme}`: a theme (or `system`) was chosen
+ */
+let CaThemeSwitch = class CaThemeSwitch extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** The current choice. */
+        this.value = 'contraagent-dark';
+        /** The theme `system` shows now, by the system's colour scheme. */
+        this.system = 'contraagent-dark';
+        this.open = false;
+        this.onDocDown = (e) => {
+            if (this.open && !e.composedPath().includes(this))
+                this.open = false;
+        };
+    }
+    static { this.styles = [
+        base,
+        css `
+      :host { position: relative; display: inline-flex; }
+      .trig { display: inline-flex; align-items: center; gap: 6px; background: none; border: 1px solid var(--line); border-radius: 999px;
+        padding: 2px 10px 2px 7px; font-size: 11px; color: var(--text-muted); cursor: pointer; }
+      .trig:hover, .trig[aria-expanded='true'] { color: var(--text); border-color: var(--line2); }
+      .trig svg { width: 13px; height: 13px; }
+      .menu { position: absolute; right: 0; top: calc(100% + 8px); min-width: 236px; padding: 6px; z-index: 50;
+        background: var(--panel); border: 1px solid var(--line2); border-radius: 12px;
+        box-shadow: 0 18px 48px color-mix(in srgb, var(--shadow) 65%, transparent); animation: enter 0.16s var(--ease) both; }
+      .grp { font-size: 11px; color: var(--text-muted); padding: 8px 9px 4px; }
+      [role='separator'] { height: 1px; background: var(--line); margin: 6px 4px; }
+      .item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; width: 100%;
+        background: none; border: 0; border-radius: 8px; padding: 6px 9px; text-align: left; cursor: pointer; color: var(--text-2); font-size: 12px; }
+      .item:hover { background: var(--raise); color: var(--text); }
+      .item:focus-visible { outline-offset: -2px; }
+      .item[aria-checked='true'] { background: var(--accent-bg); color: var(--text); font-weight: 600; }
+      .item .meta { font-weight: 400; }
+      .item .sub { display: block; }
+      /* a radio mark: a ring, filled for the current choice */
+      .rd { width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid var(--line2); display: grid; place-items: center; }
+      [aria-checked='true'] .rd { border-color: var(--accent); }
+      [aria-checked='true'] .rd::after { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }
+      .sw { display: inline-flex; gap: 2px; align-items: flex-end; width: 30px; height: 18px; border-radius: 5px; border: 1px solid; padding: 3px 4px; }
+      .sw i { flex: 1; height: 4px; border-radius: 2px; }
+      .sw i:first-child { height: 8px; }
+      .sw.split { padding: 0; overflow: hidden; gap: 0; }
+      .sw.split > span { flex: 1; height: 100%; display: flex; gap: 2px; align-items: flex-end; padding: 3px 2px; }
+    `,
+    ]; }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('pointerdown', this.onDocDown);
+    }
+    items() {
+        return [...this.renderRoot.querySelectorAll('.item')];
+    }
+    updated(changed) {
+        // A press outside the open menu closes it: listened for on the document only while it is open.
+        if (changed.has('open')) {
+            if (this.open)
+                document.addEventListener('pointerdown', this.onDocDown);
+            else
+                document.removeEventListener('pointerdown', this.onDocDown);
+        }
+        if (changed.has('open') && this.open) {
+            (this.items().find((b) => b.getAttribute('aria-checked') === 'true') ?? this.items()[0])?.focus();
+        }
+    }
+    close(focusTrigger) {
+        this.open = false;
+        if (focusTrigger)
+            this.trig?.focus();
+    }
+    choose(choice) {
+        this.value = choice;
+        emit(this, 'ca-choose-theme', { theme: choice });
+        this.close(true);
+    }
+    onTrigKey(e) {
+        if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
+            e.preventDefault();
+            this.open = true;
+        }
+    }
+    onMenuKey(e) {
+        const items = this.items();
+        const i = items.indexOf(e.composedPath()[0]);
+        const go = (n) => items[(n + items.length) % items.length]?.focus();
+        if (e.key === 'ArrowDown')
+            go(i + 1);
+        else if (e.key === 'ArrowUp')
+            go(i - 1);
+        else if (e.key === 'Home')
+            go(0);
+        else if (e.key === 'End')
+            go(items.length - 1);
+        else if (e.key === 'Escape')
+            this.close(true);
+        else if (e.key === 'Tab') {
+            this.open = false;
+            return;
+        }
+        else
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+    }
+    item(choice) {
+        const on = choice === this.value;
+        const pic = choice === 'system'
+            ? html `<span class="sw split" style="border-color:${THEMES['contraagent-dark'].tokens.line2}"
+            ><span style="background:${THEMES['contraagent-dark'].tokens.card}"><i style="background:${THEMES['contraagent-dark'].tokens.accent}"></i></span
+            ><span style="background:${THEMES['contraagent-light'].tokens.card}"><i style="background:${THEMES['contraagent-light'].tokens.accent}"></i></span
+          ></span>`
+            : swatch(choice);
+        return html `<button type="button" class="item" role="menuitemradio" aria-checked=${on ? 'true' : 'false'} tabindex="-1"
+      data-theme=${choice} @click=${() => this.choose(choice)}>
+      ${pic}<span>${themeLabel(choice)}${choice === 'system' ? html `<span class="meta sub">${THEMES[this.system].label}</span>` : nothing}</span><span class="rd" aria-hidden="true"></span>
+    </button>`;
+    }
+    render() {
+        const own = THEME_CHOICES.filter((c) => c === 'system' || !EDITOR_THEMES.includes(c));
+        return html `<button type="button" class="trig" aria-haspopup="menu" aria-expanded=${this.open ? 'true' : 'false'} aria-controls="menu"
+        title=${msg(str `Theme: ${themeLabel(this.value)}`)} @click=${() => (this.open = !this.open)} @keydown=${(e) => this.onTrigKey(e)}>
+        <svg viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="8" r="6.25" fill="none" stroke="currentColor" stroke-width="1.5" /><path d="M8 1.75a6.25 6.25 0 0 1 0 12.5z" fill="currentColor" /></svg>
+        ${msg('Theme')}
+      </button>
+      ${this.open
+            ? html `<div id="menu" class="menu" role="menu" aria-label=${msg('Theme')} @keydown=${(e) => this.onMenuKey(e)}>
+            ${own.map((c) => this.item(c))}
+            <div role="separator"></div>
+            <div role="group" aria-labelledby="grp-editor">
+              <div class="grp" id="grp-editor">${msg('Editor themes')}</div>
+              ${EDITOR_THEMES.map((c) => this.item(c))}
+            </div>
+          </div>`
+            : nothing}`;
+    }
+};
+__decorate([
+    property()
+], CaThemeSwitch.prototype, "value", void 0);
+__decorate([
+    property()
+], CaThemeSwitch.prototype, "system", void 0);
+__decorate([
+    state()
+], CaThemeSwitch.prototype, "open", void 0);
+__decorate([
+    query('.trig')
+], CaThemeSwitch.prototype, "trig", void 0);
+CaThemeSwitch = __decorate([
+    customElement('ca-theme-switch'),
+    localized()
+], CaThemeSwitch);
+export { CaThemeSwitch };
+//# sourceMappingURL=ca-theme-switch.js.map

package/dist/elements/shell/ca-theme-switch.js.map

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

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

@@ -0,0 +1,23 @@
+import { type JournalRow } from '@contraagent/api';
+import { LitElement } from 'lit';
+/** The notice's status (its mark and the colour of its edge); `agent` is a model switch, which is not a status. */
+export type ToastKind = 'done' | 'failed' | 'attention' | 'running' | 'agent';
+/** The notice for a journal row that just arrived: its kind, title and line (`CaToasts.show`'s arguments). */
+export declare function rowToast(row: JournalRow, run: string): [kind: ToastKind, title: string, sub: string];
+/**
+ * Short notices in a corner; each leaves on its own after a few seconds. A
+ * screen reader hears each one: a failure at once, the others when it is idle.
+ */
+export declare class CaToasts extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    private toasts;
+    private next;
+    show(kind: ToastKind, title: string, sub?: string): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ca-toasts': CaToasts;
+    }
+}
+//# sourceMappingURL=ca-toasts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ca-toasts.d.ts","sourceRoot":"","sources":["../../../src/elements/shell/ca-toasts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEvE,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAOrD,mHAAmH;AACnH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAU9E,8GAA8G;AAC9G,wBAAgB,QAAQ,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,CASpG;AAMD;;;GAGG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,0DAgBpB;IAEO,OAAO,CAAC,MAAM,CAAe;IACtC,OAAO,CAAC,IAAI,CAAK;IAEjB,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,SAAK,GAAG,IAAI;IAS3C,MAAM;CAqBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}