@contraagent/ui 0.0.0-stage → 0.1.0

package/dist/themes/data.d.ts

@@ -0,0 +1,42 @@
+/**
+ * The built-in themes, in the order of the monitor's theme control. Each is a
+ * full set of tokens. Sources (all MIT-licensed):
+ * - `contraagent-dark`, `contraagent-light`: this package's own palette, MIT.
+ * - `github-dark`, `github-light`, `high-contrast`: GitHub Primer primitives
+ *   (dark, light and dark high contrast), https://github.com/primer/primitives, MIT, (c) GitHub Inc.
+ * - `one-dark`: Atom One Dark, https://github.com/atom/atom/tree/master/packages/one-dark-syntax, MIT, (c) GitHub Inc.
+ * - `nord`: Nord, https://www.nordtheme.com, MIT, (c) Arctic Ice Studio and Sven Greb.
+ */
+export declare const THEME_NAMES: readonly ["contraagent-dark", "contraagent-light", "github-dark", "github-light", "one-dark", "nord", "high-contrast"];
+export type ThemeName = (typeof THEME_NAMES)[number];
+/** A reader's choice: a theme, or `system` (contraagent Dark or contraagent Light, as the system's colour scheme). */
+export type ThemeChoice = ThemeName | 'system';
+/** The choices in the monitor's control, in order. */
+export declare const THEME_CHOICES: readonly ThemeChoice[];
+/** The themes after the first divider of the control: palettes of code editors. */
+export declare const EDITOR_THEMES: readonly ThemeName[];
+/** The theme for a reader who has not chosen. */
+export declare const DEFAULT_THEME: ThemeName;
+/** What `system` shows, by the system's colour scheme. */
+export declare const SYSTEM_THEMES: {
+    readonly dark: "contraagent-dark";
+    readonly light: "contraagent-light";
+};
+/** The name of every token a theme sets (every token without `derive`). */
+export type ThemeToken = 'backdrop' | 'bg' | 'card' | 'panel' | 'panel2' | 'raise' | 'well' | 'track' | 'line' | 'line2' | 'shadow' | 'text' | 'text-2' | 'text-muted' | 'accent' | 'focus' | 'focus-width' | 'selection' | 'status-failed' | 'status-attention' | 'status-done' | 'status-running' | 'status-muted' | 'tint' | 'agent' | 'meter' | 'tok-input' | 'tok-cache-read' | 'tok-cache-write' | 'tok-output' | 'code-keyword' | 'code-string' | 'code-number' | 'code-constant' | 'code-comment' | 'code-function' | 'code-type' | 'code-name';
+export interface Theme {
+    /** The name the theme control shows; a theme's own name, the same in every language. */
+    label: string;
+    /** Light or dark: the `color-scheme` (native controls, scrollbars) and what `system` picks by. */
+    scheme: 'dark' | 'light';
+    tokens: Record<ThemeToken, string>;
+}
+export declare const THEMES: Record<ThemeName, Theme>;
+/** The property a theme sets for a token (the layer under `--ca-*`). */
+export declare const themeProp: (token: string) => string;
+/**
+ * The rules that apply each theme, for a selector per theme name: for a page,
+ * `n => `[data-ca-theme="${n}"]``; inside a shadow root, `n => `:host([data-ca-theme="${n}"])``.
+ */
+export declare function themeRules(selector: (name: ThemeName) => string): string;
+//# sourceMappingURL=data.d.ts.map

package/dist/themes/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/themes/data.ts"],"names":[],"mappings":"AAWA;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,wHAAyH,CAAC;AAClJ,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AACrD,sHAAsH;AACtH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC/C,sDAAsD;AACtD,eAAO,MAAM,aAAa,EAAE,SAAS,WAAW,EAA4H,CAAC;AAC7K,mFAAmF;AACnF,eAAO,MAAM,aAAa,EAAE,SAAS,SAAS,EAAyE,CAAC;AACxH,iDAAiD;AACjD,eAAO,MAAM,aAAa,EAAE,SAA8B,CAAC;AAC3D,0DAA0D;AAC1D,eAAO,MAAM,aAAa;;;CAAwG,CAAC;AAGnI,2EAA2E;AAC3E,MAAM,MAAM,UAAU,GAClB,UAAU,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAC1G,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,GAAG,WAAW,GACnF,eAAe,GAAG,kBAAkB,GAAG,aAAa,GAAG,gBAAgB,GAAG,cAAc,GAAG,MAAM,GACjG,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,YAAY,GACrF,cAAc,GAAG,aAAa,GAAG,aAAa,GAAG,eAAe,GAAG,cAAc,GAAG,eAAe,GAAG,WAAW,GAAG,WAAW,CAAC;AAEpI,MAAM,WAAW,KAAK;IACpB,wFAAwF;IACxF,KAAK,EAAE,MAAM,CAAC;IACd,kGAAkG;IAClG,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;CACpC;AAID,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,KAAK,CAuT3C,CAAC;AAEF,wEAAwE;AACxE,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,KAAG,MAA+B,CAAC;AAE1E;;;GAGG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,MAAM,GAAG,MAAM,CAMxE"}

package/dist/themes/data.js

@@ -0,0 +1,356 @@
+// The built-in themes: one value for every colour token, per theme, and the
+// rules that apply them. Plain data and plain functions (no Lit, no DOM at
+// import), so a page, a build script and the documentation site can read them
+// too (`@contraagent/ui/themes`).
+//
+// Two layers of custom properties reach an element:
+//   1. `data-ca-theme="<name>"` on any ancestor sets `--ca-theme-*` (the rules below);
+//   2. a `--ca-*` property set on any ancestor overrides its token, whatever the theme.
+// With neither, an element shows the contraagent theme (the fallbacks in
+// `tokenStyles`, styles/tokens.ts).
+/**
+ * The built-in themes, in the order of the monitor's theme control. Each is a
+ * full set of tokens. Sources (all MIT-licensed):
+ * - `contraagent-dark`, `contraagent-light`: this package's own palette, MIT.
+ * - `github-dark`, `github-light`, `high-contrast`: GitHub Primer primitives
+ *   (dark, light and dark high contrast), https://github.com/primer/primitives, MIT, (c) GitHub Inc.
+ * - `one-dark`: Atom One Dark, https://github.com/atom/atom/tree/master/packages/one-dark-syntax, MIT, (c) GitHub Inc.
+ * - `nord`: Nord, https://www.nordtheme.com, MIT, (c) Arctic Ice Studio and Sven Greb.
+ */
+export const THEME_NAMES = ['contraagent-dark', 'contraagent-light', 'github-dark', 'github-light', 'one-dark', 'nord', 'high-contrast'];
+/** The choices in the monitor's control, in order. */
+export const THEME_CHOICES = ['contraagent-dark', 'contraagent-light', 'system', 'github-dark', 'github-light', 'one-dark', 'nord', 'high-contrast'];
+/** The themes after the first divider of the control: palettes of code editors. */
+export const EDITOR_THEMES = ['github-dark', 'github-light', 'one-dark', 'nord', 'high-contrast'];
+/** The theme for a reader who has not chosen. */
+export const DEFAULT_THEME = 'contraagent-dark';
+/** What `system` shows, by the system's colour scheme. */
+export const SYSTEM_THEMES = { dark: 'contraagent-dark', light: 'contraagent-light' };
+// Where a value differs from its source palette, the comment says so and why
+// (the contrast rules: text 4.5:1 on every surface and tint, 7:1 in high contrast).
+export const THEMES = {
+    'contraagent-dark': {
+        label: 'contraagent Dark',
+        scheme: 'dark',
+        tokens: {
+            backdrop: 'radial-gradient(1100px 520px at 8% -12%, #10203a 0%, transparent 62%), radial-gradient(900px 480px at 108% 4%, #1b1238 0%, transparent 58%), #060a11',
+            bg: '#060a11',
+            card: '#0f1724',
+            panel: '#0f1724',
+            panel2: '#142034',
+            raise: '#1a2740',
+            well: '#0a111c',
+            track: '#1b273b',
+            line: '#1d2940',
+            line2: '#2b3c58',
+            shadow: '#060a11',
+            text: '#e7edf5',
+            'text-2': '#bcc7d6',
+            'text-muted': '#909db2',
+            accent: '#7aa2ff',
+            focus: '#7aa2ff',
+            'focus-width': '2px',
+            selection: '#7aa2ff4d',
+            'status-failed': '#f87171',
+            'status-attention': '#fbbf24',
+            'status-done': '#34d399',
+            'status-running': '#22d3ee',
+            'status-muted': '#94a3b8',
+            tint: '13%',
+            agent: '#b597fb',
+            meter: '#7d8ba3',
+            'tok-input': '#7c86f5',
+            'tok-cache-read': '#3f4d63',
+            'tok-cache-write': '#8796ad',
+            'tok-output': '#d6b8ff',
+            'code-keyword': '#c4a5ff',
+            'code-string': '#7ee2a8',
+            'code-number': '#f5c26b',
+            'code-constant': '#ff9e64',
+            'code-comment': '#74839a',
+            'code-function': '#7dd3fc',
+            'code-type': '#ffd479',
+            'code-name': '#79b8ff',
+        },
+    },
+    // The same hues as contraagent Dark (accent, statuses, identity, code), with
+    // the lightness and saturation set for a light page.
+    'contraagent-light': {
+        label: 'contraagent Light',
+        scheme: 'light',
+        tokens: {
+            backdrop: 'radial-gradient(1100px 520px at 8% -12%, #dde7fb 0%, transparent 62%), radial-gradient(900px 480px at 108% 4%, #ebe3fa 0%, transparent 58%), #eef2f8',
+            bg: '#eef2f8',
+            card: '#ffffff',
+            panel: '#ffffff',
+            panel2: '#f7f9fc',
+            raise: '#e6ecf5',
+            well: '#f3f6fa',
+            track: '#e1e7f0',
+            line: '#d6dde8',
+            line2: '#b6c2d3',
+            shadow: '#0f172438',
+            text: '#0f1724',
+            'text-2': '#34415a',
+            'text-muted': '#556279',
+            accent: '#2f58d4',
+            focus: '#2f58d4',
+            'focus-width': '2px',
+            selection: '#2f58d42e',
+            'status-failed': '#b8132d',
+            'status-attention': '#6c4801',
+            'status-done': '#026b49',
+            'status-running': '#01525f',
+            'status-muted': '#56637a',
+            tint: '11%',
+            agent: '#6f45c0',
+            meter: '#8a97ab',
+            'tok-input': '#4d4cc8',
+            'tok-cache-read': '#cdd6e3',
+            'tok-cache-write': '#7d8aa0',
+            'tok-output': '#a07ad9',
+            'code-keyword': '#6f49a8',
+            'code-string': '#076b40',
+            'code-number': '#7b5605',
+            'code-constant': '#964605',
+            'code-comment': '#5d6b80',
+            'code-function': '#086586',
+            'code-type': '#785902',
+            'code-name': '#095ea8',
+        },
+    },
+    'github-dark': {
+        label: 'GitHub Dark',
+        scheme: 'dark',
+        tokens: {
+            backdrop: '#010409',
+            bg: '#010409',
+            card: '#0d1117',
+            panel: '#0d1117',
+            panel2: '#151b23',
+            raise: '#212830',
+            well: '#010409',
+            track: '#262c36',
+            line: '#262c36',
+            line2: '#3d444d',
+            shadow: '#010409',
+            text: '#f0f6fc',
+            'text-2': '#d1d7e0',
+            'text-muted': '#9299a2',
+            accent: '#4796fb',
+            focus: '#1f6feb',
+            'focus-width': '2px',
+            selection: '#388bfd4d',
+            'status-failed': '#fc554d',
+            'status-attention': '#d29922',
+            'status-done': '#3fb950',
+            'status-running': '#39c5cf',
+            'status-muted': '#9198a1',
+            tint: '15%',
+            agent: '#ab7df8',
+            meter: '#656c76',
+            'tok-input': '#58a6ff',
+            'tok-cache-read': '#2f3742',
+            'tok-cache-write': '#656c76',
+            'tok-output': '#d2a8ff',
+            'code-keyword': '#ff7b72',
+            'code-string': '#a5d6ff',
+            'code-number': '#79c0ff',
+            'code-constant': '#79c0ff',
+            'code-comment': '#9198a1',
+            'code-function': '#d2a8ff',
+            'code-type': '#ffa657',
+            'code-name': '#7ee787',
+        },
+    },
+    'github-light': {
+        label: 'GitHub Light',
+        scheme: 'light',
+        tokens: {
+            backdrop: '#f6f8fa',
+            bg: '#f6f8fa',
+            card: '#ffffff',
+            panel: '#ffffff',
+            panel2: '#ffffff',
+            raise: '#eff2f5',
+            well: '#f6f8fa',
+            track: '#e6eaef',
+            line: '#d1d9e0',
+            line2: '#b7c0ca',
+            shadow: '#1f232833',
+            text: '#1f2328',
+            'text-2': '#393f46',
+            'text-muted': '#59636e',
+            accent: '#0165d6',
+            focus: '#0165d6',
+            'focus-width': '2px',
+            selection: '#0969da33',
+            'status-failed': '#cd1e2b',
+            'status-attention': '#916103',
+            'status-done': '#147b33',
+            'status-running': '#10767d',
+            'status-muted': '#59636e',
+            tint: '8%',
+            agent: '#804ddc',
+            meter: '#818b98',
+            'tok-input': '#54aeff',
+            'tok-cache-read': '#d1d9e0',
+            'tok-cache-write': '#818b98',
+            'tok-output': '#a475f9',
+            'code-keyword': '#cf222e',
+            'code-string': '#0a3069',
+            'code-number': '#0550ae',
+            'code-constant': '#0550ae',
+            'code-comment': '#59636e',
+            'code-function': '#6639ba',
+            'code-type': '#953800',
+            'code-name': '#116329',
+        },
+    },
+    'one-dark': {
+        label: 'One Dark',
+        scheme: 'dark',
+        tokens: {
+            backdrop: '#21252b',
+            bg: '#21252b',
+            card: '#282c34',
+            panel: '#282c34',
+            panel2: '#2c313a',
+            raise: '#2c313a',
+            well: '#21252b',
+            track: '#3a3f4b',
+            line: '#181a1f',
+            line2: '#4b5263',
+            shadow: '#0e1013',
+            text: '#d7dae0',
+            'text-2': '#abb2bf',
+            'text-muted': '#a7afbe',
+            accent: '#64b2f2',
+            focus: '#528bff',
+            'focus-width': '2px',
+            selection: '#3e4451',
+            'status-failed': '#fc858d',
+            'status-attention': '#e5c07b',
+            'status-done': '#98c379',
+            'status-running': '#57b7c3',
+            'status-muted': '#a7afbe',
+            tint: '12%',
+            agent: '#d788ee',
+            meter: '#5c6370',
+            'tok-input': '#61afef',
+            'tok-cache-read': '#3e4451',
+            'tok-cache-write': '#5c6370',
+            'tok-output': '#c678dd',
+            'code-keyword': '#c678dd',
+            'code-string': '#98c379',
+            'code-number': '#d19a66',
+            'code-constant': '#d19a66',
+            'code-comment': '#8f949e',
+            'code-function': '#61afef',
+            'code-type': '#e5c07b',
+            'code-name': '#e36e77',
+        },
+    },
+    nord: {
+        label: 'Nord',
+        scheme: 'dark',
+        tokens: {
+            backdrop: '#2e3440',
+            bg: '#242933',
+            card: '#2e3440',
+            panel: '#2e3440',
+            panel2: '#323946',
+            raise: '#3b4252',
+            well: '#272c36',
+            track: '#3b4252',
+            line: '#3b4252',
+            line2: '#4c566a',
+            shadow: '#1d2129',
+            text: '#eceff4',
+            'text-2': '#d8dee9',
+            'text-muted': '#adbcd9',
+            accent: '#9dbedf',
+            focus: '#88c0d0',
+            'focus-width': '2px',
+            selection: '#4c566a',
+            'status-failed': '#fe9aa1',
+            'status-attention': '#ebcb8b',
+            'status-done': '#a5c18e',
+            'status-running': '#89c1d1',
+            'status-muted': '#adbcd9',
+            tint: '13%',
+            agent: '#d0a9c9',
+            meter: '#7b88a1',
+            'tok-input': '#5e81ac',
+            'tok-cache-read': '#4c566a',
+            'tok-cache-write': '#7b88a1',
+            'tok-output': '#b48ead',
+            'code-keyword': '#81a1c1',
+            'code-string': '#a3be8c',
+            'code-number': '#b790b0',
+            'code-constant': '#d38972',
+            'code-comment': '#8f9db8',
+            'code-function': '#88c0d0',
+            'code-type': '#8fbcbb',
+            'code-name': '#8fbcbb',
+        },
+    },
+    'high-contrast': {
+        label: 'High contrast',
+        scheme: 'dark',
+        tokens: {
+            backdrop: '#010409',
+            bg: '#010409',
+            card: '#0a0c10',
+            panel: '#0a0c10',
+            panel2: '#0a0c10',
+            raise: '#1c2128',
+            well: '#010409',
+            track: '#272b33',
+            line: '#7a828e',
+            line2: '#9ea7b3',
+            shadow: '#000000',
+            text: '#ffffff',
+            'text-2': '#f0f3f6',
+            'text-muted': '#bdc4cc',
+            accent: '#7abbfe',
+            focus: '#7abbfe',
+            'focus-width': '3px',
+            selection: '#409eff66',
+            'status-failed': '#ffacb8',
+            'status-attention': '#fad209',
+            'status-done': '#0ef38e',
+            'status-running': '#62ceff',
+            'status-muted': '#bdc4cc',
+            tint: '12%',
+            agent: '#c299fe',
+            meter: '#9ea7b3',
+            'tok-input': '#409eff',
+            'tok-cache-read': '#525964',
+            'tok-cache-write': '#9ea7b3',
+            'tok-output': '#dbb7ff',
+            'code-keyword': '#ff9492',
+            'code-string': '#addcff',
+            'code-number': '#91cbff',
+            'code-constant': '#91cbff',
+            'code-comment': '#bdc4cc',
+            'code-function': '#dbb7ff',
+            'code-type': '#ffb757',
+            'code-name': '#72f088',
+        },
+    },
+};
+/** The property a theme sets for a token (the layer under `--ca-*`). */
+export const themeProp = (token) => `--ca-theme-${token}`;
+/**
+ * The rules that apply each theme, for a selector per theme name: for a page,
+ * `n => `[data-ca-theme="${n}"]``; inside a shadow root, `n => `:host([data-ca-theme="${n}"])``.
+ */
+export function themeRules(selector) {
+    return THEME_NAMES.map((n) => {
+        const t = THEMES[n];
+        const decls = Object.entries(t.tokens).map(([k, v]) => `${themeProp(k)}: ${v};`);
+        return `${selector(n)} { color-scheme: ${t.scheme}; ${themeProp('color-scheme')}: ${t.scheme}; ${decls.join(' ')} }`;
+    }).join('\n');
+}
+//# sourceMappingURL=data.js.map

package/dist/themes/data.js.map

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

package/dist/themes/index.d.ts

@@ -0,0 +1,5 @@
+export * from './data.js';
+export * from './tokens-list.js';
+export * from './choice.js';
+export * from './boot.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAGA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC"}

package/dist/themes/index.js

@@ -0,0 +1,8 @@
+// The themes as plain data and plain functions, without Lit and without the
+// elements: `@contraagent/ui/themes`. The stylesheets built from them are in
+// sheet.ts.
+export * from './data.js';
+export * from './tokens-list.js';
+export * from './choice.js';
+export * from './boot.js';
+//# sourceMappingURL=index.js.map

package/dist/themes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,6EAA6E;AAC7E,YAAY;AACZ,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC"}

package/dist/themes/sheet.d.ts

@@ -0,0 +1,12 @@
+import { type CSSResult } from 'lit';
+/** Applies the theme named by `data-ca-theme` on any element (`<html data-ca-theme="nord">`). */
+export declare const themeStyles: CSSResult;
+/** The same rules for a host element: `:host([data-ca-theme="nord"])`. */
+export declare const hostThemeStyles: CSSResult;
+/**
+ * Adds `themeStyles` to a document or a shadow root, once. Importing the package
+ * does it for the page's document; call it for a shadow root of your own that
+ * holds the elements and sets `data-ca-theme` inside it.
+ */
+export declare function adoptThemes(root?: Document | ShadowRoot): void;
+//# sourceMappingURL=sheet.d.ts.map

package/dist/themes/sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/themes/sheet.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AAGhD,iGAAiG;AACjG,eAAO,MAAM,WAAW,EAAE,SAAkE,CAAC;AAE7F,0EAA0E;AAC1E,eAAO,MAAM,eAAe,EAAE,SAAyE,CAAC;AAIxG;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,GAAE,QAAQ,GAAG,UAAqB,GAAG,IAAI,CAMxE"}

package/dist/themes/sheet.js

@@ -0,0 +1,24 @@
+// The built-in themes as stylesheets: for a document (or any shadow root that
+// holds the elements), and for an element that applies a theme to itself.
+import { unsafeCSS } from 'lit';
+import { themeRules } from './data.js';
+/** Applies the theme named by `data-ca-theme` on any element (`<html data-ca-theme="nord">`). */
+export const themeStyles = unsafeCSS(themeRules((n) => `[data-ca-theme="${n}"]`));
+/** The same rules for a host element: `:host([data-ca-theme="nord"])`. */
+export const hostThemeStyles = unsafeCSS(themeRules((n) => `:host([data-ca-theme="${n}"])`));
+const adopted = new WeakSet();
+/**
+ * Adds `themeStyles` to a document or a shadow root, once. Importing the package
+ * does it for the page's document; call it for a shadow root of your own that
+ * holds the elements and sets `data-ca-theme` inside it.
+ */
+export function adoptThemes(root = document) {
+    if (adopted.has(root))
+        return;
+    const sheet = themeStyles.styleSheet;
+    if (!sheet || !('adoptedStyleSheets' in root))
+        return;
+    root.adoptedStyleSheets = [...root.adoptedStyleSheets, sheet];
+    adopted.add(root);
+}
+//# sourceMappingURL=sheet.js.map

package/dist/themes/sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../../src/themes/sheet.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,0EAA0E;AAC1E,OAAO,EAAE,SAAS,EAAkB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,iGAAiG;AACjG,MAAM,CAAC,MAAM,WAAW,GAAc,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC;AAE7F,0EAA0E;AAC1E,MAAM,CAAC,MAAM,eAAe,GAAc,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC,CAAC;AAExG,MAAM,OAAO,GAAG,IAAI,OAAO,EAAyB,CAAC;AAErD;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,OAA8B,QAAQ;IAChE,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;QAAE,OAAO;IAC9B,MAAM,KAAK,GAAG,WAAW,CAAC,UAAU,CAAC;IACrC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,oBAAoB,IAAI,IAAI,CAAC;QAAE,OAAO;IACtD,IAAI,CAAC,kBAAkB,GAAG,CAAC,GAAG,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;IAC9D,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AACpB,CAAC"}

package/dist/themes/tokens-list.d.ts

@@ -0,0 +1,15 @@
+/**
+ * A token: the short name the elements' styles use (`--<name>`), the `--ca-*`
+ * property that sets it, and its meaning (the site's theme reference shows it).
+ * A token with `derive` has that value, the same in every theme, unless its
+ * property is set: a value computed from the others, or a fixed size. The
+ * themes do not list it.
+ */
+export interface TokenInfo {
+    name: string;
+    prop: string;
+    meaning: string;
+    derive?: string;
+}
+export declare const TOKENS: readonly TokenInfo[];
+//# sourceMappingURL=tokens-list.d.ts.map

package/dist/themes/tokens-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens-list.d.ts","sourceRoot":"","sources":["../../src/themes/tokens-list.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,EAAE,SAAS,SAAS,EAyDtC,CAAC"}

package/dist/themes/tokens-list.js

@@ -0,0 +1,62 @@
+// The design tokens: every custom property the elements read, with its meaning.
+// The built-in themes (data.ts) set a value for each token without `derive`;
+// the elements' stylesheet (styles/tokens.ts) is built from this list.
+export const TOKENS = [
+    { name: 'backdrop', prop: '--ca-backdrop', meaning: "the monitor's page, behind the panels (a colour or a gradient)" },
+    { name: 'bg', prop: '--ca-bg', meaning: 'the page' },
+    { name: 'card', prop: '--ca-card', meaning: 'a card or a graph node' },
+    { name: 'panel', prop: '--ca-panel', meaning: 'a panel (bottom of its gradient)' },
+    { name: 'panel2', prop: '--ca-panel2', meaning: 'a panel (top of its gradient), a sticky header' },
+    { name: 'raise', prop: '--ca-raise', meaning: 'a raised surface: a neutral chip, a hovered row' },
+    { name: 'well', prop: '--ca-well', meaning: "a sunken surface: code, a graph's frame" },
+    { name: 'track', prop: '--ca-track', meaning: 'the empty part of a bar' },
+    { name: 'line', prop: '--ca-line', meaning: 'a border' },
+    { name: 'line2', prop: '--ca-line2', meaning: "a stronger border, a graph's edge" },
+    { name: 'shadow', prop: '--ca-shadow', meaning: 'the colour of a shadow under a panel, a menu or a notice' },
+    { name: 'text', prop: '--ca-text', meaning: 'text, and every number that is not a problem count' },
+    { name: 'text-2', prop: '--ca-text-secondary', meaning: 'secondary text' },
+    { name: 'text-muted', prop: '--ca-text-muted', meaning: 'labels, captions, units' },
+    { name: 'accent', prop: '--ca-accent', meaning: 'links, the selected tab or item' },
+    { name: 'accent-bg', prop: '--ca-accent-bg', meaning: 'a selected row or item', derive: 'color-mix(in srgb, var(--accent) calc(var(--tint) + 1%), transparent)' },
+    { name: 'focus', prop: '--ca-focus', meaning: 'the focus ring' },
+    { name: 'focus-width', prop: '--ca-focus-width', meaning: 'the width of the focus ring' },
+    { name: 'selection', prop: '--ca-selection', meaning: 'selected text' },
+    { name: 'status-failed', prop: '--ca-status-failed', meaning: 'failed: a task, an attempt, a check (with ✕)' },
+    { name: 'status-failed-bg', prop: '--ca-status-failed-bg', meaning: 'the tint behind a failed pill or chip', derive: 'color-mix(in srgb, var(--status-failed) var(--tint), transparent)' },
+    { name: 'status-attention', prop: '--ca-status-attention', meaning: 'not failed, needs a look: not started (with ◌), a limit near' },
+    { name: 'status-attention-bg', prop: '--ca-status-attention-bg', meaning: 'the tint behind an attention pill or chip', derive: 'color-mix(in srgb, var(--status-attention) var(--tint), transparent)' },
+    { name: 'status-done', prop: '--ca-status-done', meaning: 'done or passed: marks (✓) and small chips only' },
+    { name: 'status-done-bg', prop: '--ca-status-done-bg', meaning: 'the tint behind a done pill or chip', derive: 'color-mix(in srgb, var(--status-done) var(--tint), transparent)' },
+    { name: 'status-running', prop: '--ca-status-running', meaning: 'running, live' },
+    { name: 'status-running-bg', prop: '--ca-status-running-bg', meaning: 'the tint behind a running pill or chip', derive: 'color-mix(in srgb, var(--status-running) var(--tint), transparent)' },
+    { name: 'status-muted', prop: '--ca-status-muted', meaning: 'skipped, waiting, not run' },
+    { name: 'status-muted-bg', prop: '--ca-status-muted-bg', meaning: 'the tint behind a muted pill or chip', derive: 'color-mix(in srgb, var(--status-muted) calc(var(--tint) - 1%), transparent)' },
+    { name: 'tint', prop: '--ca-tint', meaning: 'how strong a tint is: the share of its colour in a status, agent or selected background' },
+    { name: 'agent', prop: '--ca-agent', meaning: "identity: an agent task's icon and edge" },
+    { name: 'agent-bg', prop: '--ca-agent-bg', meaning: "the tint behind an agent task's icon", derive: 'color-mix(in srgb, var(--agent) calc(var(--tint) + 2%), transparent)' },
+    { name: 'meter', prop: '--ca-meter', meaning: 'a bar that measures, not judges: time, usage, progress' },
+    { name: 'tok-input', prop: '--ca-tok-input', meaning: 'tokens: input' },
+    { name: 'tok-cache-read', prop: '--ca-tok-cache-read', meaning: 'tokens: cache read' },
+    { name: 'tok-cache-write', prop: '--ca-tok-cache-write', meaning: 'tokens: cache write' },
+    { name: 'tok-output', prop: '--ca-tok-output', meaning: 'tokens: output' },
+    { name: 'code-keyword', prop: '--ca-code-keyword', meaning: 'code: keywords' },
+    { name: 'code-string', prop: '--ca-code-string', meaning: 'code and JSON: strings' },
+    { name: 'code-number', prop: '--ca-code-number', meaning: 'code and JSON: numbers' },
+    { name: 'code-constant', prop: '--ca-code-constant', meaning: 'code: constants, template placeholders' },
+    { name: 'code-comment', prop: '--ca-code-comment', meaning: 'code: comments' },
+    { name: 'code-function', prop: '--ca-code-function', meaning: 'code: functions, decorators' },
+    { name: 'code-type', prop: '--ca-code-type', meaning: 'code: classes and types' },
+    { name: 'code-name', prop: '--ca-code-name', meaning: 'code: built-ins; JSON: keys' },
+    // The type and radius scale: the same in every theme, so each has a default and no theme sets it.
+    { name: 'font-size-xs', prop: '--ca-font-size-xs', meaning: 'type: the smallest text, a key or a tag', derive: '10px' },
+    { name: 'font-size-sm', prop: '--ca-font-size-sm', meaning: 'type: a chip, a pill, a caption', derive: '11px' },
+    { name: 'font-size-md', prop: '--ca-font-size-md', meaning: 'type: a section heading, a row of facts', derive: '12px' },
+    { name: 'font-size-lg', prop: '--ca-font-size-lg', meaning: "type: the monitor's text", derive: '13px' },
+    { name: 'font-size-xl', prop: '--ca-font-size-xl', meaning: 'type: a title', derive: '15px' },
+    { name: 'font-size-2xl', prop: '--ca-font-size-2xl', meaning: "type: a tile's number", derive: '28px' },
+    { name: 'radius-sm', prop: '--ca-radius-sm', meaning: 'corners: a key, a code span', derive: '4px' },
+    { name: 'radius-md', prop: '--ca-radius-md', meaning: 'corners: a row, a code block', derive: '8px' },
+    { name: 'radius-lg', prop: '--ca-radius-lg', meaning: 'corners: a panel', derive: '12px' },
+    { name: 'radius-pill', prop: '--ca-radius-pill', meaning: 'corners: a pill or a chip', derive: '999px' },
+];
+//# sourceMappingURL=tokens-list.js.map

package/dist/themes/tokens-list.js.map

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

package/dist/words/api-error.d.ts

@@ -0,0 +1,4 @@
+import type { ApiError } from '@contraagent/api';
+/** "No monitor API at http://host/api/runs: the response is HTML, not JSON". */
+export declare function apiErrorLine({ url, failure, status, type }: ApiError): string;
+//# sourceMappingURL=api-error.d.ts.map

package/dist/words/api-error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-error.d.ts","sourceRoot":"","sources":["../../src/words/api-error.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGjD,gFAAgF;AAChF,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,QAAQ,GAAG,MAAM,CAU7E"}

package/dist/words/api-error.js

@@ -0,0 +1,13 @@
+import { msg, str } from '@lit/localize';
+/** "No monitor API at http://host/api/runs: the response is HTML, not JSON". */
+export function apiErrorLine({ url, failure, status, type }) {
+    const why = failure === 'network'
+        ? msg('network error, no response')
+        : failure === 'status'
+            ? msg(str `the response status is ${status}`)
+            : type.includes('html')
+                ? msg('the response is HTML, not JSON')
+                : msg('the response is not JSON');
+    return msg(str `No monitor API at ${url}: ${why}`);
+}
+//# sourceMappingURL=api-error.js.map

package/dist/words/api-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-error.js","sourceRoot":"","sources":["../../src/words/api-error.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEzC,gFAAgF;AAChF,MAAM,UAAU,YAAY,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAY;IACnE,MAAM,GAAG,GACP,OAAO,KAAK,SAAS;QACnB,CAAC,CAAC,GAAG,CAAC,4BAA4B,CAAC;QACnC,CAAC,CAAC,OAAO,KAAK,QAAQ;YACpB,CAAC,CAAC,GAAG,CAAC,GAAG,CAAA,0BAA0B,MAAM,EAAE,CAAC;YAC5C,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;gBACrB,CAAC,CAAC,GAAG,CAAC,gCAAgC,CAAC;gBACvC,CAAC,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;IAC1C,OAAO,GAAG,CAAC,GAAG,CAAA,qBAAqB,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC;AACpD,CAAC"}