@contraagent/elements 0.0.0-stage → 0.1.0

package/dist/primitives/window.js

@@ -0,0 +1,56 @@
+// Windowing: which rows of a long list of fixed-height rows are drawn, and the
+// space that stands for the rows above and below them.
+/**
+ * The rows of `total` rows of `rowHeight` px that a viewport of `viewport` px,
+ * scrolled to `scrollTop`, shows, with `overscan` more rows on each side.
+ */
+export function windowRows(total, scrollTop, viewport, rowHeight, overscan = 8) {
+    const n = Math.max(0, Math.floor(total));
+    if (!n || rowHeight <= 0)
+        return { from: 0, to: n, padTop: 0, padBottom: 0 };
+    const first = Math.floor(Math.max(0, scrollTop) / rowHeight);
+    const shown = Math.ceil(Math.max(0, viewport) / rowHeight) + 1;
+    const from = Math.min(n, Math.max(0, first - overscan));
+    const to = Math.min(n, Math.max(from, first + shown + overscan));
+    return { from, to, padTop: from * rowHeight, padBottom: (n - to) * rowHeight };
+}
+/**
+ * The rows a viewport of `viewport` px, scrolled to `scrollTop`, shows, when rows
+ * differ in height: `offsets[i]` is where row `i` starts and `offsets[total]` is
+ * the height of all of them (`rowOffsets`), with `overscan` more rows on each side.
+ */
+export function windowRowsAt(offsets, scrollTop, viewport, overscan = 8) {
+    const n = Math.max(0, offsets.length - 1);
+    const all = offsets[n] ?? 0;
+    if (!n || all <= 0)
+        return { from: 0, to: n, padTop: 0, padBottom: 0 };
+    const top = Math.max(0, scrollTop);
+    const first = rowAt(offsets, top);
+    const last = rowAt(offsets, top + Math.max(0, viewport));
+    const from = Math.max(0, first - overscan);
+    const to = Math.min(n, Math.max(from, last + 1 + overscan));
+    return { from, to, padTop: offsets[from], padBottom: all - offsets[to] };
+}
+/** Where each of `total` rows starts, and the height of all of them last: `height(i)` is row `i`'s. */
+export function rowOffsets(total, height) {
+    const out = new Array(Math.max(0, total) + 1);
+    out[0] = 0;
+    for (let i = 0; i < total; i++)
+        out[i + 1] = out[i] + Math.max(0, height(i));
+    return out;
+}
+/** The row that holds `y`: the last `i` with `offsets[i] <= y`, at most the last row. */
+function rowAt(offsets, y) {
+    const n = offsets.length - 1;
+    let lo = 0;
+    let hi = n - 1;
+    while (lo < hi) {
+        const mid = (lo + hi + 1) >> 1;
+        if (offsets[mid] <= y)
+            lo = mid;
+        else
+            hi = mid - 1;
+    }
+    return lo;
+}
+//# sourceMappingURL=window.js.map

package/dist/primitives/window.js.map

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

package/dist/styles/chips.d.ts

@@ -0,0 +1,2 @@
+export declare const chipStyles: import("lit").CSSResult;
+//# sourceMappingURL=chips.d.ts.map

package/dist/styles/chips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chips.d.ts","sourceRoot":"","sources":["../../src/styles/chips.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,yBActB,CAAC"}

package/dist/styles/chips.js

@@ -0,0 +1,18 @@
+// Chips: a row of chips (stages: done, current, to come), a task's name, a tag, a key.
+import { css } from 'lit';
+export const chipStyles = css `
+  .tag { font-size: var(--font-size-xs); padding: 0 7px; border-radius: var(--radius-pill); border: 1px solid var(--line2); color: var(--text-muted); white-space: nowrap; }
+  .chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
+  .chip { font-size: var(--font-size-sm); padding: 1px 8px; border-radius: var(--radius-pill); border: 1px solid var(--line); color: var(--text-muted); white-space: nowrap; }
+  .chip[data-tone='done'] { color: var(--text-2); }
+  .chip[data-tone='done'] > [aria-hidden] { color: var(--tone); font-weight: 700; }
+  .chip[data-tone='running'] { background: var(--tone); color: var(--bg); border-color: var(--tone); font-weight: 600; animation: ping 1.6s var(--ease) infinite; }
+  .chip.todo { opacity: 0.65; }
+  .taskchip { display: inline-block; font: inherit; font-family: var(--mono); font-size: var(--font-size-sm); line-height: 1.5; padding: 0 8px;
+    border-radius: var(--radius-pill); border: 1px solid var(--line); background: var(--raise); color: var(--text-2); white-space: nowrap; }
+  button.taskchip { cursor: pointer; }
+  button.taskchip:hover { border-color: var(--accent); color: var(--text); }
+  .kbd { font-family: var(--mono); font-size: var(--font-size-xs); border: 1px solid var(--line2); border-bottom-width: 2px;
+    border-radius: var(--radius-sm); padding: 0 4px; color: var(--text-muted); }
+`;
+//# sourceMappingURL=chips.js.map

package/dist/styles/chips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chips.js","sourceRoot":"","sources":["../../src/styles/chips.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;CAc5B,CAAC"}

package/dist/styles/facts.d.ts

@@ -0,0 +1,2 @@
+export declare const factStyles: import("lit").CSSResult;
+//# sourceMappingURL=facts.d.ts.map

package/dist/styles/facts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"facts.d.ts","sourceRoot":"","sources":["../../src/styles/facts.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,yBAGtB,CAAC"}

package/dist/styles/facts.js

@@ -0,0 +1,7 @@
+// Labelled facts in a row that wraps (the run's process, a task's definition).
+import { css } from 'lit';
+export const factStyles = css `
+  .drv-facts { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 8px; font-size: var(--font-size-md); }
+  .drv-facts i { font-style: normal; color: var(--text-muted); margin-right: 5px; font-size: var(--font-size-sm); }
+`;
+//# sourceMappingURL=facts.js.map

package/dist/styles/facts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"facts.js","sourceRoot":"","sources":["../../src/styles/facts.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;CAG5B,CAAC"}

package/dist/styles/index.d.ts

@@ -0,0 +1,16 @@
+import type { CSSResult } from 'lit';
+import { chipStyles } from './chips.js';
+import { layoutStyles } from './layout.js';
+import { motionStyles } from './motion.js';
+import { resetStyles } from './reset.js';
+import { statusStyles } from './status.js';
+import { textStyles } from './text.js';
+import { tokenStyles } from './tokens.js';
+export { chipStyles, layoutStyles, motionStyles, resetStyles, statusStyles, textStyles, tokenStyles };
+export { prose } from './prose.js';
+export { meterStyles } from './meter.js';
+export { factStyles } from './facts.js';
+export { markStyles } from './marks.js';
+/** Every element's styles, in cascade order: the tokens, then the shared rules. */
+export declare const base: CSSResult[];
+//# sourceMappingURL=index.d.ts.map

package/dist/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC;AACtG,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,mFAAmF;AACnF,eAAO,MAAM,IAAI,EAAE,SAAS,EAAiG,CAAC"}

package/dist/styles/index.js

@@ -0,0 +1,15 @@
+import { chipStyles } from './chips.js';
+import { layoutStyles } from './layout.js';
+import { motionStyles } from './motion.js';
+import { resetStyles } from './reset.js';
+import { statusStyles } from './status.js';
+import { textStyles } from './text.js';
+import { tokenStyles } from './tokens.js';
+export { chipStyles, layoutStyles, motionStyles, resetStyles, statusStyles, textStyles, tokenStyles };
+export { prose } from './prose.js';
+export { meterStyles } from './meter.js';
+export { factStyles } from './facts.js';
+export { markStyles } from './marks.js';
+/** Every element's styles, in cascade order: the tokens, then the shared rules. */
+export const base = [tokenStyles, resetStyles, textStyles, statusStyles, chipStyles, layoutStyles, motionStyles];
+//# sourceMappingURL=index.js.map

package/dist/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC;AACtG,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,mFAAmF;AACnF,MAAM,CAAC,MAAM,IAAI,GAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC"}

package/dist/styles/layout.d.ts

@@ -0,0 +1,2 @@
+export declare const layoutStyles: import("lit").CSSResult;
+//# sourceMappingURL=layout.d.ts.map

package/dist/styles/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/styles/layout.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,yBA2BxB,CAAC"}

package/dist/styles/layout.js

@@ -0,0 +1,33 @@
+// Layout: the 12-column grid, a panel, a section heading, an empty state, a
+// short clickable row. The grid is a container: its columns follow its own
+// width, not the window's.
+import { css } from 'lit';
+export const layoutStyles = css `
+  .g12 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; container-type: inline-size; }
+  .c12 { grid-column: span 12; }
+  .c7 { grid-column: span 7; }
+  .c5 { grid-column: span 5; }
+  @container (max-width: 1100px) {
+    .c7, .c5 { grid-column: span 12; }
+  }
+  .panel { background: linear-gradient(180deg, var(--panel2), var(--panel)); border: 1px solid var(--line);
+    border-radius: var(--radius-lg); padding: 14px 16px; min-width: 0; box-shadow: 0 10px 28px color-mix(in srgb, var(--shadow) 40%, transparent); }
+  .panel > h3 { margin: 0 0 12px; display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: var(--text-2); }
+  .panel > h3 .r { margin-left: auto; font-weight: 400; font-size: 11.5px; color: var(--text-muted); }
+  .sect-h { margin: 14px 0 8px; font-size: var(--font-size-md); color: var(--text-2); font-weight: 600; }
+  .sect-h .meta { margin-left: 8px; font-weight: 400; }
+
+  .blank { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 60px 16px; color: var(--text-muted); text-align: center; }
+  .blank .ic { font-size: 30px; opacity: 0.55; }
+  .blank b { color: var(--text-2); font-weight: 600; }
+  .blank a.lnk { text-decoration: underline; }
+  .blank.small { padding: 24px; }
+
+  /* a short clickable row (failures, launches): a button, or a row whose name (.fl-name) is the button */
+  .fl { padding: 7px 10px; border-radius: var(--radius-md); cursor: pointer; display: grid; grid-template-columns: auto 1fr auto; gap: 2px 10px; align-items: baseline; }
+  button.fl { width: 100%; background: none; border: 0; color: inherit; text-align: start; }
+  .fl-name { background: none; border: 0; padding: 0; color: inherit; font-weight: 700; text-align: start; cursor: pointer; min-width: 0; }
+  .fl > .meta:last-child { grid-column: 1 / 4; overflow: hidden; text-overflow: ellipsis; }
+  .fl:hover { background: var(--raise); }
+`;
+//# sourceMappingURL=layout.js.map

package/dist/styles/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/styles/layout.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,2EAA2E;AAC3E,2BAA2B;AAC3B,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B9B,CAAC"}

package/dist/styles/marks.d.ts

@@ -0,0 +1,2 @@
+export declare const markStyles: import("lit").CSSResult;
+//# sourceMappingURL=marks.d.ts.map

package/dist/styles/marks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marks.d.ts","sourceRoot":"","sources":["../../src/styles/marks.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,yBAwBtB,CAAC"}

package/dist/styles/marks.js

@@ -0,0 +1,30 @@
+// A status mark: a small square or round shape in a state's look (`data-tone` for
+// its colour, `data-shape` for its shape), sized by `--m`. In a `.big` group a
+// failed mark carries ✕, and a badge (`data-n`) is written in the mark.
+import { css } from 'lit';
+export const markStyles = css `
+  .mark { width: var(--m); height: var(--m); padding: 0; margin: 0; border: 0; border-radius: 50%; background: var(--tone, var(--status-done)); opacity: 0.9;
+    cursor: pointer; position: relative; transition: opacity 0.2s, transform 0.15s, background 0.3s; }
+  .mark:not([data-tone]) { --tone: initial; }
+  .mark[data-tone='muted'] { opacity: 0.55; }
+  .mark[data-tone='running'] { opacity: 1; animation: breathe 1.4s ease-in-out infinite; }
+  .mark[data-shape='ring'] { background: transparent; box-shadow: inset 0 0 0 1.5px var(--tone, var(--line2)); }
+  .mark[data-shape='hatched'] { border-radius: 2px; background: repeating-linear-gradient(135deg, transparent 0 2px, color-mix(in srgb, var(--tone) 55%, transparent) 2px 3px);
+    box-shadow: inset 0 0 0 1.5px var(--tone); opacity: 1; }
+  .mark[data-shape='half'] { background: linear-gradient(0deg, var(--tone) 50%, transparent 50%); box-shadow: inset 0 0 0 1.5px var(--tone); opacity: 1; }
+  .mark[data-shape='square'] { border-radius: 2px; opacity: 1; }
+  .big .mark[data-tone='failed']::after { content: '✕'; position: absolute; inset: 0; display: grid; place-items: center; color: var(--bg);
+    font-size: calc(var(--m) - 3px); line-height: 1; font-weight: 700; }
+  /* A badge (a count): in the mark; a small mark has a hole instead. */
+  .mark[data-n]::after { content: ''; position: absolute; inset: 32%; border-radius: 50%; background: var(--card); }
+  .big .mark[data-n]::after { content: attr(data-n); inset: 0; display: grid; place-items: center; border-radius: 0; background: none;
+    font: 700 max(7px, calc(var(--m) - 4px)) / 1 var(--sans); color: var(--bg); letter-spacing: -0.5px; }
+  .big .mark:is(:not([data-tone]), [data-tone='attention'], [data-tone='muted'])[data-n]::after { color: var(--text); }
+  .mark:hover, .mark:focus-visible { transform: scale(1.4); outline: var(--focus-width) solid var(--text); outline-offset: 1px; z-index: 2; }
+  .mark.sel { outline: var(--focus-width) solid var(--accent); outline-offset: 2px; z-index: 2; }
+  @media (prefers-reduced-motion: reduce) {
+    .mark { transition: none; }
+    .mark[data-tone='running'] { animation: none; background: linear-gradient(90deg, var(--status-running) 50%, transparent 50%); box-shadow: inset 0 0 0 1.5px var(--status-running); }
+  }
+`;
+//# sourceMappingURL=marks.js.map

package/dist/styles/marks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marks.js","sourceRoot":"","sources":["../../src/styles/marks.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,+EAA+E;AAC/E,wEAAwE;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;CAwB5B,CAAC"}

package/dist/styles/meter.d.ts

@@ -0,0 +1,3 @@
+/** A duration: it measures, it does not judge (red only for a failed attempt). */
+export declare const meterStyles: import("lit").CSSResult;
+//# sourceMappingURL=meter.d.ts.map

package/dist/styles/meter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter.d.ts","sourceRoot":"","sources":["../../src/styles/meter.ts"],"names":[],"mappings":"AAGA,kFAAkF;AAClF,eAAO,MAAM,WAAW,yBAIvB,CAAC"}

package/dist/styles/meter.js

@@ -0,0 +1,9 @@
+// A duration bar under a time (the task table and History).
+import { css } from 'lit';
+/** A duration: it measures, it does not judge (red only for a failed attempt). */
+export const meterStyles = css `
+  .jdur { position: relative; display: block; height: 6px; border-radius: 3px; background: var(--track); overflow: hidden; margin-top: 2px; }
+  .jdur i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 3px; background: var(--meter); }
+  .jdur i.bad { background: var(--status-failed); }
+`;
+//# sourceMappingURL=meter.js.map

package/dist/styles/meter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter.js","sourceRoot":"","sources":["../../src/styles/meter.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,kFAAkF;AAClF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;CAI7B,CAAC"}

package/dist/styles/motion.d.ts

@@ -0,0 +1,2 @@
+export declare const motionStyles: import("lit").CSSResult;
+//# sourceMappingURL=motion.d.ts.map

package/dist/styles/motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/styles/motion.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,yBAsBxB,CAAC"}

package/dist/styles/motion.js

@@ -0,0 +1,27 @@
+// Motion: the keyframes the elements use, and none of it for a reader who asks
+// for reduced motion.
+import { css } from 'lit';
+export const motionStyles = css `
+  .enter { animation: enter 0.5s var(--ease) both; }
+
+  @keyframes turn { to { transform: rotate(360deg); } }
+  @keyframes breathe {
+    0%, 100% { opacity: 0.45; box-shadow: 0 0 0 0 transparent; transform: scale(0.85); }
+    50% { opacity: 1; box-shadow: 0 0 0 4px var(--status-running-bg); transform: scale(1); }
+  }
+  @keyframes ping { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--status-running) 55%, transparent); } 80%, 100% { box-shadow: 0 0 0 9px transparent; } }
+  @keyframes enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
+  @keyframes bump { 0% { transform: scale(1); } 35% { transform: scale(1.04); box-shadow: 0 0 0 1px var(--line2); } 100% { transform: scale(1); } }
+  @keyframes scan { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
+  @keyframes growx { from { transform: scaleX(0); } to { transform: scaleX(1); } }
+  @keyframes stripes { to { background-position: 17px 0; } }
+  @keyframes toast-in { from { opacity: 0; transform: translateY(12px) scale(0.97); } to { opacity: 1; transform: none; } }
+  @keyframes toast-out { to { opacity: 0; transform: translateX(24px); } }
+  @keyframes rowin { from { background: color-mix(in srgb, var(--text) 10%, transparent); } to { background: transparent; } }
+  @keyframes bounce { 0%, 80%, 100% { transform: translateY(0); opacity: 0.45; } 40% { transform: translateY(-5px); opacity: 1; } }
+  @keyframes core-beat { 0%, 100% { transform: scale(1); } 50% { transform: scale(0.72); } }
+  @media (prefers-reduced-motion: reduce) {
+    *, *::before, *::after { animation: none !important; transition: none !important; }
+  }
+`;
+//# sourceMappingURL=motion.js.map

package/dist/styles/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.js","sourceRoot":"","sources":["../../src/styles/motion.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,sBAAsB;AACtB,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsB9B,CAAC"}

package/dist/styles/prose.d.ts

@@ -0,0 +1,3 @@
+/** Rendered markdown, highlighted code and JSON trees: transcripts, plugin files, panels. */
+export declare const prose: import("lit").CSSResult;
+//# sourceMappingURL=prose.d.ts.map

package/dist/styles/prose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prose.d.ts","sourceRoot":"","sources":["../../src/styles/prose.ts"],"names":[],"mappings":"AAGA,6FAA6F;AAC7F,eAAO,MAAM,KAAK,yBAsDjB,CAAC"}

package/dist/styles/prose.js

@@ -0,0 +1,59 @@
+// Rendered markdown, highlighted code and JSON trees.
+import { css } from 'lit';
+/** Rendered markdown, highlighted code and JSON trees: transcripts, plugin files, panels. */
+export const prose = css `
+  .jtree { font-family: var(--mono); font-size: var(--font-size-md); overflow: auto; }
+  .jt { margin-left: 16px; }
+  details.jt > summary { cursor: pointer; list-style: revert; }
+  .jk { color: var(--code-name); }
+  .js { color: var(--code-string); }
+  .jn { color: var(--code-number); }
+
+  .md-p { margin: 0.15em 0; }
+  .md-gap { height: 0.5em; }
+  .md-h { font-weight: 600; margin: 0.7em 0 0.25em; }
+  .md-h1 { font-size: 1.25em; }
+  .md-h2 { font-size: 1.12em; }
+  .md-h3 { font-size: 1.03em; color: var(--text-2); }
+  .md-h4 { color: var(--text-2); }
+  .md-li { padding-left: 16px; text-indent: -12px; margin: 0.1em 0; }
+  .md-li::before { content: '• '; color: var(--text-muted); }
+  .md-ol::before { content: ''; }
+  .md-n { color: var(--text-muted); margin-right: 6px; }
+  .md-q { border-left: 3px solid var(--line2); padding-left: 10px; color: var(--text-2); margin: 0.2em 0; }
+  .md-hr { border: 0; border-top: 1px solid var(--line); margin: 0.7em 0; }
+  .md-t { border-collapse: collapse; margin: 0.4em 0; }
+  .md-t th, .md-t td { border: 1px solid var(--line); padding: 3px 9px; text-align: left; font-size: 12.5px; }
+  .md-t th { background: var(--raise); }
+  .md-doc { padding: 10px 14px; background: var(--well); border: 1px solid var(--line); border-radius: var(--radius-md); max-height: 460px; overflow: auto; line-height: 1.55; }
+  .md-doc code, .tx code { background: var(--raise); border-radius: var(--radius-sm); padding: 0 4px; font-size: 0.92em; }
+  .md-doc pre { background: var(--well); border: 1px solid var(--line); border-radius: 6px; padding: 8px 10px; white-space: pre-wrap; }
+  .md-doc pre code, .tx pre code { background: none; padding: 0; border-radius: 0; font-size: inherit; }
+  .md-front { margin-bottom: 10px; border-collapse: collapse; }
+  .md-front td { padding: 2px 14px 2px 0; font-size: 12.5px; border: 0; vertical-align: top; }
+  .md-front td:first-child { color: var(--text-muted); }
+  .md-tele { color: var(--text-muted); font-size: 11.5px; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .df-text { background: var(--well); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 10px 12px; font-size: var(--font-size-md);
+    white-space: pre-wrap; max-height: 420px; overflow: auto; margin: 0; }
+  .df-tog { margin-left: auto; font-size: var(--font-size-sm); color: var(--accent); border: 1px solid var(--line2); border-radius: var(--radius-pill);
+    padding: 0 9px; cursor: pointer; background: none; }
+  .df-tog:hover { background: var(--accent-bg); }
+  /* a template placeholder in a prompt */
+  .pv { color: var(--code-constant); background: color-mix(in srgb, var(--code-constant) 12%, transparent); border-radius: var(--radius-sm); padding: 0 3px; }
+  .pv.pc { color: var(--code-keyword); background: color-mix(in srgb, var(--code-keyword) 12%, transparent); }
+
+  .hl { font-family: var(--mono); }
+  .hl-k { color: var(--code-keyword); }
+  .hl-const { color: var(--code-constant); font-style: italic; }
+  .hl-s { color: var(--code-string); }
+  .hl-doc { color: var(--code-string); font-style: italic; opacity: 0.85; }
+  .hl-c { color: var(--code-comment); font-style: italic; }
+  .hl-n { color: var(--code-number); }
+  .hl-d { color: var(--code-function); }
+  .hl-f { color: var(--code-function); font-weight: 600; }
+  .hl-cls { color: var(--code-type); font-weight: 700; }
+  .hl-t { color: var(--code-type); }
+  .hl-b { color: var(--code-name); }
+  .hl-key { color: var(--code-name); }
+`;
+//# sourceMappingURL=prose.js.map

package/dist/styles/prose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prose.js","sourceRoot":"","sources":["../../src/styles/prose.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,6FAA6F;AAC7F,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDvB,CAAC"}

package/dist/styles/reset.d.ts

@@ -0,0 +1,2 @@
+export declare const resetStyles: import("lit").CSSResult;
+//# sourceMappingURL=reset.d.ts.map

package/dist/styles/reset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../../src/styles/reset.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,yBAQvB,CAAC"}

package/dist/styles/reset.js

@@ -0,0 +1,13 @@
+// What every element's shadow root starts from: box sizing, scrollbars, the
+// selection and the focus ring.
+import { css } from 'lit';
+export const resetStyles = css `
+  *, *::before, *::after { box-sizing: border-box; }
+  * { scrollbar-width: thin; scrollbar-color: var(--line2) transparent; }
+  *:hover { scrollbar-color: var(--text-muted) transparent; }
+  ::selection { background: var(--selection); }
+  :focus-visible { outline: var(--focus-width) solid var(--focus); outline-offset: 2px; }
+  button { font: inherit; color: inherit; }
+  [hidden] { display: none !important; }
+`;
+//# sourceMappingURL=reset.js.map

package/dist/styles/reset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset.js","sourceRoot":"","sources":["../../src/styles/reset.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,gCAAgC;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;CAQ7B,CAAC"}

package/dist/styles/status.d.ts

@@ -0,0 +1,2 @@
+export declare const statusStyles: import("lit").CSSResult;
+//# sourceMappingURL=status.d.ts.map

package/dist/styles/status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../src/styles/status.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,yBA+CxB,CAAC"}

package/dist/styles/status.js

@@ -0,0 +1,52 @@
+// A status, by tone (core/tone.ts, primitives/pill.ts): one rule per tone, and
+// the status elements that take it (a mark, a pill, a word, a dot, a spinner).
+import { css } from 'lit';
+export const statusStyles = css `
+  /*
+   * data-tone names its status colour, which each kind of status element below takes as
+   * --tone (the colour) and --tone-bg (its tint). No data-tone: neutral.
+   */
+  [data-tone='failed'] { --tone: var(--status-failed); --tone-bg: var(--status-failed-bg); }
+  [data-tone='attention'] { --tone: var(--status-attention); --tone-bg: var(--status-attention-bg); }
+  [data-tone='done'] { --tone: var(--status-done); --tone-bg: var(--status-done-bg); }
+  [data-tone='running'] { --tone: var(--status-running); --tone-bg: var(--status-running-bg); }
+  [data-tone='muted'] { --tone: var(--status-muted); --tone-bg: var(--status-muted-bg); }
+
+  /*
+   * A status mark before a status word (data-mark): ✓ done, ✕ failed, ◌ not started or waiting.
+   * The shape keeps the meaning without colour; screen readers read the word only.
+   */
+  [data-mark]::before { margin-right: 0.35em; font-weight: 700; }
+  [data-mark='done']::before { content: '✓'; content: '✓' / ''; color: var(--status-done); }
+  [data-mark='failed']::before { content: '✕'; content: '✕' / ''; }
+  [data-mark='pending']::before { content: '◌'; content: '◌' / ''; }
+
+  /* text in a status colour: only on a status that applies (a count above 0 of a problem, a status word) */
+  .tone-text[data-tone] { color: var(--tone); }
+
+  /*
+   * A status as a pill, always with its word. A problem is tinted and marked (✕ failed, ◌ not started);
+   * done is quiet (a ✓ and the word): it is the usual case, and the problems are what stand out.
+   */
+  .pill { border-radius: var(--radius-pill); padding: 1px 10px; font-size: var(--font-size-sm); font-weight: 500; background: var(--raise); color: var(--text-2); white-space: nowrap; }
+  .pill[data-tone] { background: var(--tone-bg); color: var(--tone); }
+  .pill[data-tone='done'] { background: none; padding-left: 2px; color: var(--text-2); }
+
+  /* a status as a word in a row (History, Problems, Outputs): coloured for a problem, done quiet with its ✓ */
+  .jstop { font-weight: 600; }
+  .jstop[data-tone='failed'], .jstop[data-tone='attention'] { color: var(--tone); }
+  .jstop[data-tone='done'] { color: var(--text-2); font-weight: 500; }
+
+  /*
+   * A status as a dot (a run in the header and the run list). The shape carries it too:
+   * round done, square failed, diamond attention, a breathing ring running.
+   */
+  .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--line2); flex: none; display: inline-block; }
+  .dot[data-tone] { background: var(--tone); }
+  .dot[data-tone='running'] { animation: breathe 1.8s ease-in-out infinite; }
+  .dot[data-tone='attention'] { border-radius: 1px; transform: rotate(45deg) scale(0.86); }
+  .dot[data-tone='failed'] { border-radius: 1.5px; }
+  .spin { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--status-running-bg);
+    border-top-color: var(--status-running); animation: turn 0.9s linear infinite; flex: none; display: inline-block; }
+`;
+//# sourceMappingURL=status.js.map

package/dist/styles/status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.js","sourceRoot":"","sources":["../../src/styles/status.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,+EAA+E;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+C9B,CAAC"}

package/dist/styles/text.d.ts

@@ -0,0 +1,2 @@
+export declare const textStyles: import("lit").CSSResult;
+//# sourceMappingURL=text.d.ts.map

package/dist/styles/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/styles/text.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,yBAgBtB,CAAC"}

package/dist/styles/text.js

@@ -0,0 +1,21 @@
+// Text: code, captions, words read only by screen readers, line breaks in a
+// tight box, links.
+import { css } from 'lit';
+export const textStyles = css `
+  .jmono, code, .mono { font-family: var(--mono); }
+  /* read by screen readers, not shown: the word beside a status mark or an icon */
+  .sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
+  .jmono { font-size: 11.5px; }
+  .meta { color: var(--text-muted); font-size: var(--font-size-sm); }
+  /* a label in a tight box: it wraps at spaces and between phrases, never inside a word (Japanese included) */
+  .words { word-break: keep-all; overflow-wrap: break-word; line-break: strict; }
+  /* one fact of a row in .words (factLine): the line breaks between facts first, inside one only when it is wider than the box */
+  .words .f { display: inline-block; max-width: 100%; }
+  @supports (word-break: auto-phrase) {
+    .words:lang(ja) { word-break: auto-phrase; }
+  }
+  .mut, .jdim { color: var(--text-muted); }
+  a.lnk { color: var(--accent); cursor: pointer; text-decoration: none; }
+  a.lnk:hover { text-decoration: underline; }
+`;
+//# sourceMappingURL=text.js.map

package/dist/styles/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/styles/text.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,oBAAoB;AACpB,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;CAgB5B,CAAC"}

package/dist/styles/tokens.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The design tokens (`TOKENS` in themes/tokens-list.ts, with their meanings). A
+ * colour means one thing: text and surfaces are neutral, a status colour marks a
+ * status (only where it applies), the accent marks what can be clicked or is
+ * selected, and identity colours are small cues (an icon, a thin edge, a legend).
+ */
+export declare const tokenStyles: import("lit").CSSResult;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/styles/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/styles/tokens.ts"],"names":[],"mappings":"AAgBA;;;;;GAKG;AACH,eAAO,MAAM,WAAW,yBAYvB,CAAC"}

package/dist/styles/tokens.js

@@ -0,0 +1,32 @@
+// The design tokens as an element's custom properties: each reads its `--ca-*`
+// property, which `data-ca-theme` on an ancestor sets (themes/data.ts) and a
+// `--ca-*` property of the page's own, set on the element or nearer to it,
+// overrides.
+import { css, unsafeCSS } from 'lit';
+import { DEFAULT_THEME, THEMES } from '../themes/data.js';
+import { TOKENS } from '../themes/tokens-list.js';
+const fallback = THEMES[DEFAULT_THEME].tokens;
+/** One token: its `--ca-*` property (a theme's value or the page's own), else the default theme's (or its derivation). */
+const declaration = (t) => t.derive
+    ? `--${t.name}: var(${t.prop}, ${t.derive});`
+    : `--${t.name}: var(${t.prop}, ${fallback[t.name]});`;
+/**
+ * The design tokens (`TOKENS` in themes/tokens-list.ts, with their meanings). A
+ * colour means one thing: text and surfaces are neutral, a status colour marks a
+ * status (only where it applies), the accent marks what can be clicked or is
+ * selected, and identity colours are small cues (an icon, a thin edge, a legend).
+ */
+export const tokenStyles = css `
+  :host {
+    ${unsafeCSS(TOKENS.map(declaration).join('\n    '))}
+    --sans: var(--ca-sans, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);
+    --mono: var(--ca-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace);
+    --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
+    color-scheme: var(--ca-color-scheme, ${unsafeCSS(THEMES[DEFAULT_THEME].scheme)});
+    color: var(--text);
+  }
+  :host([hidden]) {
+    display: none !important;
+  }
+`;
+//# sourceMappingURL=tokens.js.map

package/dist/styles/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/styles/tokens.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,6EAA6E;AAC7E,2EAA2E;AAC3E,aAAa;AACb,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAmB,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,MAAgC,CAAC;AAExE,0HAA0H;AAC1H,MAAM,WAAW,GAAG,CAAC,CAA0B,EAAU,EAAE,CACzD,CAAC,CAAC,MAAM;IACN,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,MAAM,IAAI;IAC7C,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAkB,CAAC,IAAI,CAAC;AAExE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;MAExB,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;;;;2CAIZ,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC;;;;;;CAMjF,CAAC"}