@tai42/studio-sdk 25.0.1 → 27.0.0

package/dist/components/named-list-picker.d.ts

@@ -0,0 +1,39 @@
+/**
+ * The single-select both `AgentPicker` and `ChannelPicker` render: one list read of
+ * names, drawn in its own `Field` with the read's states (pending, error with Retry,
+ * refused on a 403, loaded and empty) and a stored value the loaded list does not
+ * hold flagged with the picker's unlisted label. Each picker hands in its own copy.
+ * The host's `error` shows, and the `Field` claims its control id, exactly while a
+ * `Select` renders.
+ */
+import { type ReactNode } from 'react';
+/** The flags of a list read; `data` is each picker's own. */
+export interface ListReadFlags {
+    readonly isPending: boolean;
+    readonly isError: boolean;
+    readonly isSuccess: boolean;
+    readonly error: unknown;
+    readonly refetch: () => void;
+}
+/** The picker's own copy. */
+export interface NamedListCopy {
+    readonly label: string;
+    readonly description?: string | undefined;
+    readonly loadingPlaceholder: string;
+    readonly placeholder: string;
+    readonly forbiddenNote: string;
+    readonly emptyNote: string;
+    readonly emptyAction: ReactNode;
+    readonly unlistedLabel: string;
+}
+export interface NamedListPickerProps {
+    readonly query: ListReadFlags;
+    /** The listed names once the read succeeded. */
+    readonly names: readonly string[];
+    readonly value: string;
+    readonly onValueChange: (value: string) => void;
+    readonly error?: string | undefined;
+    readonly copy: NamedListCopy;
+}
+export declare function NamedListPicker({ query, names, value, onValueChange, error, copy, }: NamedListPickerProps): ReactNode;
+//# sourceMappingURL=named-list-picker.d.ts.map

package/dist/components/named-list-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"named-list-picker.d.ts","sourceRoot":"","sources":["../../src/components/named-list-picker.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAU9C,6DAA6D;AAC7D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,6BAA6B;AAC7B,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAC;IACpC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAC;IAChC,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC;IAC9B,gDAAgD;IAChD,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;CAC9B;AAwGD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,KAAK,EACL,aAAa,EACb,KAAK,EACL,IAAI,GACL,EAAE,oBAAoB,GAAG,SAAS,CAuBlC"}

package/dist/components/named-list-picker.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The single-select both `AgentPicker` and `ChannelPicker` render: one list read of
+ * names, drawn in its own `Field` with the read's states (pending, error with Retry,
+ * refused on a 403, loaded and empty) and a stored value the loaded list does not
+ * hold flagged with the picker's unlisted label. Each picker hands in its own copy.
+ * The host's `error` shows, and the `Field` claims its control id, exactly while a
+ * `Select` renders.
+ */
+import { useId } from 'react';
+import { errorMessage, isForbiddenError } from '../errors';
+import { Badge } from './badge';
+import { Field } from './field';
+import { ErrorState } from './primitives';
+import { Select } from './select';
+const MUTED_LINE = { margin: 0, color: 'var(--tai-color-text-muted)' };
+function MutedLine({ text }) {
+    return (_jsx("p", { role: "status", style: MUTED_LINE, children: text }));
+}
+/** The stored value's own option: flagged when the loaded list does not hold it, and kept
+ * unflagged under a 403, where without the list the form claims nothing about it. */
+function storedOptions(stored, unlisted, refused, unlistedLabel) {
+    if (unlisted)
+        return [{ value: stored, label: `${stored} (${unlistedLabel})` }];
+    return refused ? [{ value: stored, label: stored }] : [];
+}
+function listedOptions(loaded, names) {
+    return loaded ? names.map((name) => ({ value: name, label: name })) : [];
+}
+function namedListView(query, names, value, unlistedLabel) {
+    const refused = query.isError && isForbiddenError(query.error);
+    const failed = query.isError && !refused;
+    const loaded = query.isSuccess && !query.isError;
+    const pending = !loaded && !query.isError;
+    const stored = value !== '' ? value : null;
+    const unlisted = loaded && stored !== null && !names.includes(stored);
+    const empty = loaded && names.length === 0;
+    const options = stored === null
+        ? listedOptions(loaded, names)
+        : [
+            ...storedOptions(stored, unlisted, refused, unlistedLabel),
+            ...listedOptions(loaded, names),
+        ];
+    const selectRenders = pending || (refused ? stored !== null : !failed && (!empty || unlisted));
+    return { refused, failed, pending, unlisted, empty, options, selectRenders };
+}
+/** The loaded, pending or refused body: the `Select` while one renders, then its notes. */
+function NamedListBody({ view, value, onValueChange, copy, }) {
+    const unlistedId = useId();
+    return (_jsxs(_Fragment, { children: [view.selectRenders ? (_jsx(Select, { options: view.options, value: value, placeholder: view.pending ? copy.loadingPlaceholder : copy.placeholder, disabled: view.pending, onValueChange: onValueChange, "aria-describedby": view.unlisted ? unlistedId : undefined })) : null, view.refused ? _jsx(MutedLine, { text: copy.forbiddenNote }) : null, view.empty && !view.refused ? (_jsxs(_Fragment, { children: [_jsx(MutedLine, { text: copy.emptyNote }), copy.emptyAction] })) : null, view.unlisted ? (_jsxs("p", { id: unlistedId, className: "tai-field-hint", style: { margin: 0 }, children: [_jsx(Badge, { variant: "warning", children: copy.unlistedLabel }), ' ', `${value} is ${copy.unlistedLabel}. Pick another, or saving is refused.`] })) : null] }));
+}
+export function NamedListPicker({ query, names, value, onValueChange, error, copy, }) {
+    const view = namedListView(query, names, value, copy.unlistedLabel);
+    return (_jsx(Field, { label: copy.label, description: copy.description, error: view.selectRenders ? error : undefined, 
+        // Only the Select claims the field's control id; with nothing to hold no
+        // labelable element renders, so `for` would dangle.
+        group: !view.selectRenders, children: view.failed ? (_jsx(ErrorState, { message: errorMessage(query.error), onRetry: () => {
+                query.refetch();
+            } })) : (_jsx(NamedListBody, { view: view, value: value, onValueChange: onValueChange, copy: copy })) }));
+}
+//# sourceMappingURL=named-list-picker.js.map

package/dist/components/named-list-picker.js.map

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

package/dist/components/named-list-test-utils.d.ts

@@ -0,0 +1,23 @@
+/** The stub query and navigation harness the agent and channel picker tests share. */
+import { render } from '@testing-library/react';
+import type { ReactNode } from 'react';
+export interface StubQuery<T> {
+    readonly data: T | undefined;
+    readonly isPending: boolean;
+    readonly isError: boolean;
+    readonly isSuccess: boolean;
+    readonly error: unknown;
+    readonly refetch: () => void;
+}
+export declare function stubQuery<T>(overrides: Partial<StubQuery<T>>): StubQuery<T>;
+export declare const pendingRead: {
+    readonly isPending: true;
+};
+export declare const forbiddenRead: {
+    readonly isError: true;
+    readonly error: {
+        readonly status: 403;
+    };
+};
+export declare function renderWithNavigation(ui: ReactNode): ReturnType<typeof render>;
+//# sourceMappingURL=named-list-test-utils.d.ts.map

package/dist/components/named-list-test-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"named-list-test-utils.d.ts","sourceRoot":"","sources":["../../src/components/named-list-test-utils.tsx"],"names":[],"mappings":"AAAA,sFAAsF;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAU3E;AAED,eAAO,MAAM,WAAW;;CAA+B,CAAC;AACxD,eAAO,MAAM,aAAa;;;;;CAAqD,CAAC;AAchF,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,SAAS,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAE7E"}

package/dist/components/named-list-test-utils.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** The stub query and navigation harness the agent and channel picker tests share. */
+import { render } from '@testing-library/react';
+import { vi } from 'vitest';
+import { NavigationProvider } from '../navigation/context';
+export function stubQuery(overrides) {
+    return {
+        data: undefined,
+        isPending: false,
+        isError: false,
+        isSuccess: false,
+        error: null,
+        refetch: vi.fn(),
+        ...overrides,
+    };
+}
+export const pendingRead = { isPending: true };
+export const forbiddenRead = { isError: true, error: { status: 403 } };
+function navigation() {
+    return {
+        navigate: vi.fn(),
+        resolvePath: (token, search) => {
+            const qs = search ? new URLSearchParams(search).toString() : '';
+            return `/${token}${qs ? `?${qs}` : ''}`;
+        },
+        navigatePlugin: vi.fn(),
+        resolvePluginPath: vi.fn(() => '/plugins'),
+    };
+}
+export function renderWithNavigation(ui) {
+    return render(_jsx(NavigationProvider, { value: navigation(), children: ui }));
+}
+//# sourceMappingURL=named-list-test-utils.js.map

package/dist/components/named-list-test-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"named-list-test-utils.js","sourceRoot":"","sources":["../../src/components/named-list-test-utils.tsx"],"names":[],"mappings":";AAAA,sFAAsF;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAY3D,MAAM,UAAU,SAAS,CAAI,SAAgC;IAC3D,OAAO;QACL,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE,KAAK;QACd,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,EAAE,CAAC,EAAE,EAAE;QAChB,GAAG,SAAS;KACb,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,SAAS,EAAE,IAAI,EAAW,CAAC;AACxD,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAAW,CAAC;AAEhF,SAAS,UAAU;IACjB,OAAO;QACL,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE;QACjB,WAAW,EAAE,CAAuB,KAAQ,EAAE,MAAuB,EAAE,EAAE;YACvE,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,eAAe,CAAC,MAAgC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1F,OAAO,IAAI,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAC1C,CAAC;QACD,cAAc,EAAE,EAAE,CAAC,EAAE,EAAE;QACvB,iBAAiB,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC;KAC3C,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EAAa;IAChD,OAAO,MAAM,CAAC,KAAC,kBAAkB,IAAC,KAAK,EAAE,UAAU,EAAE,YAAG,EAAE,GAAsB,CAAC,CAAC;AACpF,CAAC"}

package/dist/components/recycle-roll.d.ts

@@ -0,0 +1,23 @@
+/**
+ * The report of one fleet recycle roll — shared by the profile apply report and the
+ * Environment tab's save report, so both read the same rows the same way.
+ *
+ * One row per worker the roll reached: its name, kind, status and life (joined onto a
+ * fresh life sharing its name). `recycled` reads as done, the writer's own
+ * `self-deferred` line as a warning with its note, and the target the roll stopped at
+ * (`timed-out` / `failed`) as a failure with the reason the server gave. When the roll
+ * stopped, a warning panel says where and why and that the workers after it still run
+ * the old value. Names only — the report carries no env value. Every server string
+ * renders as escaped React text.
+ */
+import type { FreshLife, RecycleEntry, RecycleStop } from '@tai42/api-client';
+import type { ReactNode } from 'react';
+export interface RecycleRollSectionProps {
+    readonly recycle: readonly RecycleEntry[];
+    readonly fresh: readonly FreshLife[];
+    readonly stopped: RecycleStop | null;
+    /** The note beside the worker that took the change, on its `self-deferred` row. */
+    readonly writerNote: string;
+}
+export declare function RecycleRollSection({ recycle, fresh, stopped, writerNote, }: RecycleRollSectionProps): ReactNode;
+//# sourceMappingURL=recycle-roll.d.ts.map

package/dist/components/recycle-roll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recycle-roll.d.ts","sourceRoot":"","sources":["../../src/components/recycle-roll.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AA0DtD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,OAAO,EAAE,SAAS,YAAY,EAAE,CAAC;IAC1C,QAAQ,CAAC,KAAK,EAAE,SAAS,SAAS,EAAE,CAAC;IACrC,QAAQ,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,mFAAmF;IACnF,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,KAAK,EACL,OAAO,EACP,UAAU,GACX,EAAE,uBAAuB,GAAG,SAAS,CAmCrC"}

package/dist/components/recycle-roll.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from './badge';
+import { AlertTriangleIcon } from './icons';
+const labelStyle = {
+    fontSize: 'var(--tai-text-sm)',
+    color: 'var(--tai-color-text-muted)',
+};
+const rowListStyle = {
+    listStyle: 'none',
+    margin: 0,
+    padding: 0,
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 'var(--tai-space-3)',
+};
+const noteStyle = {
+    margin: '0 0 var(--tai-space-3)',
+    color: 'var(--tai-color-text-muted)',
+    fontSize: 'var(--tai-text-sm)',
+};
+/** The badge tone a row's status takes: done, the writer's deferred exit, or the stop. */
+function statusVariant(status) {
+    if (status === 'recycled')
+        return 'success';
+    if (status === 'self-deferred')
+        return 'warning';
+    return 'danger';
+}
+/** Where the roll stopped and why: the workers after it were not recycled. */
+function StoppedPanel({ stopped }) {
+    const where = stopped.name !== null
+        ? `The recycle stopped at ${stopped.name} (${stopped.kind} workers)`
+        : `The recycle stopped before it reached a worker (${stopped.kind} workers)`;
+    return (_jsxs("div", { role: "alert", className: "tai-warn-state tai-stack tai-stack-2", "data-testid": "recycle-stopped", children: [_jsxs("strong", { className: "tai-status tai-status-warn", children: [_jsx(AlertTriangleIcon, {}), where] }), _jsx("p", { children: stopped.detail }), _jsx("p", { children: "The change is saved and every worker reloaded, but the workers after this point were not recycled and still run the old value, and this worker was not recycled. Restart them through your deployment\u2019s supervisor." })] }));
+}
+export function RecycleRollSection({ recycle, fresh, stopped, writerNote, }) {
+    if (recycle.length === 0 && stopped === null) {
+        return _jsx("p", { style: noteStyle, children: "No process recycle was needed." });
+    }
+    return (_jsxs("div", { className: "tai-stack", children: [recycle.length > 0 ? (_jsx("ul", { style: rowListStyle, "data-testid": "apply-recycle", children: recycle.map((entry) => {
+                    const joined = fresh.find((life) => life.name === entry.name);
+                    return (_jsxs("li", { className: "tai-row", children: [_jsx("span", { className: "tai-mono", children: entry.name }), _jsx(Badge, { variant: "neutral", children: entry.kind }), _jsx(Badge, { variant: statusVariant(entry.status), children: entry.status }), _jsx("span", { style: labelStyle, children: joined !== undefined
+                                    ? `life ${String(entry.generation_before)} to ${String(joined.generation)}`
+                                    : `life ${String(entry.generation_before)}` }), entry.status === 'self-deferred' ? (_jsx("span", { style: labelStyle, children: writerNote })) : null, entry.detail !== null ? _jsx("span", { style: labelStyle, children: entry.detail }) : null] }, `${entry.name}-${entry.kind}-${String(entry.generation_before)}`));
+                }) })) : null, stopped !== null ? _jsx(StoppedPanel, { stopped: stopped }) : null] }));
+}
+//# sourceMappingURL=recycle-roll.js.map

package/dist/components/recycle-roll.js.map

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

package/dist/components/stepper.d.ts

@@ -0,0 +1,28 @@
+/**
+ * `Stepper` — the progress of a short multi-step flow: a named `<nav>` over an
+ * ordered list, one entry per step with a numbered (or marked) 24 px marker and
+ * its label. The `current` step carries `aria-current="step"`; every marker says
+ * its state in visually-hidden text, so a state is never told by colour alone.
+ *
+ * A `done` step is a button when `onStepSelect` is given (Tab reaches it,
+ * Enter/Space selects it); without it no step is interactive. The stepper holds
+ * no step content: the caller renders the current step's body.
+ *
+ * At the narrow breakpoint the list collapses to one line, "Step 2 of 3: Pick
+ * tools", with the other steps visually hidden (still in the list).
+ */
+import type { ReactNode } from 'react';
+export type StepperStatus = 'done' | 'current' | 'upcoming' | 'error';
+export interface StepperStep {
+    readonly id: string;
+    readonly label: string;
+    readonly status: StepperStatus;
+}
+export interface StepperProps {
+    readonly steps: readonly StepperStep[];
+    readonly 'aria-label': string;
+    /** Called with a `done` step's id; when omitted no step is interactive. */
+    readonly onStepSelect?: (id: string) => void;
+}
+export declare function Stepper({ steps, 'aria-label': label, onStepSelect }: StepperProps): ReactNode;
+//# sourceMappingURL=stepper.d.ts.map

package/dist/components/stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../src/components/stepper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAEtE,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;CAChC;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,KAAK,EAAE,SAAS,WAAW,EAAE,CAAC;IACvC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,2EAA2E;IAC3E,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAqCD,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,YAAY,GAAG,SAAS,CA2C7F"}

package/dist/components/stepper.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AlertTriangleIcon, CheckIcon } from './icons';
+const STATUS_TEXT = {
+    done: 'completed',
+    current: 'current step',
+    upcoming: 'not started',
+    error: 'failed',
+};
+const MARKER_CLASS = {
+    done: 'tai-stepper-marker tai-stepper-marker-done',
+    current: 'tai-stepper-marker tai-stepper-marker-current',
+    upcoming: 'tai-stepper-marker tai-stepper-marker-upcoming',
+    error: 'tai-stepper-marker tai-stepper-marker-error',
+};
+const STEP_CLASS = {
+    done: 'tai-stepper-step tai-stepper-step-done',
+    current: 'tai-stepper-step tai-stepper-step-current',
+    upcoming: 'tai-stepper-step tai-stepper-step-upcoming',
+    error: 'tai-stepper-step',
+};
+function Marker({ status, index }) {
+    return (_jsx("span", { className: MARKER_CLASS[status], "aria-hidden": "true", children: status === 'done' ? (_jsx(CheckIcon, {})) : status === 'error' ? (_jsx(AlertTriangleIcon, {})) : (String(index + 1)) }));
+}
+export function Stepper({ steps, 'aria-label': label, onStepSelect }) {
+    const currentIndex = steps.findIndex((step) => step.status === 'current');
+    return (_jsx("nav", { "aria-label": label, children: _jsx("ol", { className: "tai-stepper", children: steps.map((step, index) => {
+                const body = (_jsxs(_Fragment, { children: [_jsx(Marker, { status: step.status, index: index }), _jsxs("span", { className: "tai-stepper-label", children: [currentIndex === index ? (_jsx("span", { className: "tai-stepper-position", children: `Step ${String(index + 1)} of ${String(steps.length)}: ` })) : null, step.label] }), _jsx("span", { className: "tai-visually-hidden", children: `, ${STATUS_TEXT[step.status]}` })] }));
+                return (_jsx("li", { className: STEP_CLASS[step.status], "aria-current": step.status === 'current' ? 'step' : undefined, children: step.status === 'done' && onStepSelect !== undefined ? (_jsx("button", { type: "button", className: "tai-stepper-button", onClick: () => {
+                            onStepSelect(step.id);
+                        }, children: body })) : (_jsx("span", { className: "tai-stepper-button", children: body })) }, step.id));
+            }) }) }));
+}
+//# sourceMappingURL=stepper.js.map

package/dist/components/stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../../src/components/stepper.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAiBvD,MAAM,WAAW,GAAkC;IACjD,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,aAAa;IACvB,KAAK,EAAE,QAAQ;CAChB,CAAC;AAEF,MAAM,YAAY,GAAkC;IAClD,IAAI,EAAE,4CAA4C;IAClD,OAAO,EAAE,+CAA+C;IACxD,QAAQ,EAAE,gDAAgD;IAC1D,KAAK,EAAE,6CAA6C;CACrD,CAAC;AAEF,MAAM,UAAU,GAAkC;IAChD,IAAI,EAAE,wCAAwC;IAC9C,OAAO,EAAE,2CAA2C;IACpD,QAAQ,EAAE,4CAA4C;IACtD,KAAK,EAAE,kBAAkB;CAC1B,CAAC;AAEF,SAAS,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,EAA4C;IACzE,OAAO,CACL,eAAM,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,iBAAc,MAAM,YACtD,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CACnB,KAAC,SAAS,KAAG,CACd,CAAC,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CACvB,KAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAClB,GACI,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAgB;IAChF,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC;IAC1E,OAAO,CACL,4BAAiB,KAAK,YACpB,aAAI,SAAS,EAAC,aAAa,YACxB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,MAAM,IAAI,GAAG,CACX,8BACE,KAAC,MAAM,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI,EAC7C,gBAAM,SAAS,EAAC,mBAAmB,aAChC,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,CACxB,eAAM,SAAS,EAAC,sBAAsB,YAAE,QAAQ,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,GAAQ,CACzG,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,KAAK,IACN,EACP,eAAM,SAAS,EAAC,qBAAqB,YAAE,KAAK,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAQ,IAC7E,CACJ,CAAC;gBACF,OAAO,CACL,aAEE,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,kBACpB,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAE3D,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,CACtD,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,GAAG,EAAE;4BACZ,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;wBACxB,CAAC,YAEA,IAAI,GACE,CACV,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,oBAAoB,YAAE,IAAI,GAAQ,CACnD,IAhBI,IAAI,CAAC,EAAE,CAiBT,CACN,CAAC;YACJ,CAAC,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC"}

package/dist/components/subject-section.d.ts

@@ -20,7 +20,8 @@ export interface SubjectTargetOption {
 }
 /** The message a partially-filled subject is refused with (all three fields or none). */
 export declare const SUBJECT_INCOMPLETE_MESSAGE = "A subject needs a target, a kind, and a key.";
-/** Map the conversation routes read to the target select's options. */
+/** Map the conversation routes read to the target select's options: one option per
+ * distinct target, in first-seen order, since several routes may share a target. */
 export declare function toSubjectTargetOptions(routes: readonly {
     readonly target_kind: string;
     readonly target_name: string;

package/dist/components/subject-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"subject-section.d.ts","sourceRoot":"","sources":["../../src/components/subject-section.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAMjD,4FAA4F;AAC5F,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,yFAAyF;AACzF,eAAO,MAAM,0BAA0B,iDAAiD,CAAC;AAEzF,uEAAuE;AACvE,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,SAAS;IAAE,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;CAAE,EAAE,GAChF,mBAAmB,EAAE,CAKvB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;CACtB,GAAG;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAqB9E;AAED;iFACiF;AACjF,wBAAgB,gBAAgB;;;;;;;;;;;EAO/B;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,aAAa,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACvD,wEAAwE;IACxE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,oDAAoD;IACpD,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACnC,kDAAkD;IAClD,QAAQ,CAAC,qBAAqB,EAAE,MAAM,CAAC;CACxC;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,cAAc,EACd,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,KAAK,EACL,aAAa,EACb,OAAO,EACP,iBAAiB,EACjB,qBAAqB,GACtB,EAAE,mBAAmB,GAAG,SAAS,CA4DjC"}
+{"version":3,"file":"subject-section.d.ts","sourceRoot":"","sources":["../../src/components/subject-section.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAMjD,4FAA4F;AAC5F,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,yFAAyF;AACzF,eAAO,MAAM,0BAA0B,iDAAiD,CAAC;AAEzF;oFACoF;AACpF,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,SAAS;IAAE,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;CAAE,EAAE,GAChF,mBAAmB,EAAE,CASvB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;CACtB,GAAG;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAqB9E;AAED;iFACiF;AACjF,wBAAgB,gBAAgB;;;;;;;;;;;EAO/B;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,aAAa,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACvD,wEAAwE;IACxE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,oDAAoD;IACpD,QAAQ,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACnC,kDAAkD;IAClD,QAAQ,CAAC,qBAAqB,EAAE,MAAM,CAAC;CACxC;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,cAAc,EACd,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,KAAK,EACL,aAAa,EACb,OAAO,EACP,iBAAiB,EACjB,qBAAqB,GACtB,EAAE,mBAAmB,GAAG,SAAS,CA4DjC"}

package/dist/components/subject-section.js

@@ -5,12 +5,17 @@ import { TextInput } from './inputs';
 import { Select } from './select';
 /** The message a partially-filled subject is refused with (all three fields or none). */
 export const SUBJECT_INCOMPLETE_MESSAGE = 'A subject needs a target, a kind, and a key.';
-/** Map the conversation routes read to the target select's options. */
+/** Map the conversation routes read to the target select's options: one option per
+ * distinct target, in first-seen order, since several routes may share a target. */
 export function toSubjectTargetOptions(routes) {
-    return routes.map((route) => ({
-        value: `${route.target_kind}:${route.target_name}`,
-        label: `${route.target_kind} · ${route.target_name}`,
-    }));
+    const byValue = new Map();
+    for (const route of routes) {
+        const value = `${route.target_kind}:${route.target_name}`;
+        if (!byValue.has(value)) {
+            byValue.set(value, { value, label: `${route.target_kind} · ${route.target_name}` });
+        }
+    }
+    return [...byValue.values()];
 }
 /**
  * Build a {@link StateSubject} from the sub-form values: `null` when untouched (no

package/dist/components/subject-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"subject-section.js","sourceRoot":"","sources":["../../src/components/subject-section.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"subject-section.js","sourceRoot":"","sources":["../../src/components/subject-section.tsx"],"names":[],"mappings":"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"}

package/dist/components/tokens.css

@@ -147,11 +147,14 @@
     /* -- Semantic ----------------------------------------------------------
        The `-text` members are the ONLY ones legible as text, dots, or icons;
        the `-fill` members are for fills and charts and carry `on-fill` ink
-       labels in both themes. */
-    --tai-color-ok-text: #047857;
+       labels in both themes. A badge label is a `-text` member over its own
+       tint, and that tint can sit on a row that is tinted too (a hovered or
+       highlighted row, a diff row), so the values are set to clear 4.5:1 there:
+       `badge-contrast.test.tsx` computes every such stack in both themes. */
+    --tai-color-ok-text: #065f46;
     --tai-dark-color-ok-text: #34d399;
     --tai-color-err-text: #b91c1c;
-    --tai-dark-color-err-text: #f87171;
+    --tai-dark-color-err-text: #fca5a5;
     --tai-color-warn-text: #92400e;
     --tai-dark-color-warn-text: #fbbf24;
     --tai-color-ok-fill: #10b981;
@@ -196,30 +199,22 @@
     --tai-color-syntax-number: var(--tai-color-accent);
     --tai-color-syntax-bool: var(--tai-color-warn-text);
 
-    /* -- Legacy token slots -------------------------------------------------
-       The names a plugin already styles against. `primary`/`success`/`warning`
-       re-point at the members of the contract above that keep them legible.
-
-       `danger` is the one destructive EMPHASIS, and it runs deeper than the
-       accent on purpose: a destructive fill sharing the crimson brand ramp reads
-       as the primary action, so this is its own deep red — clearly darker and
-       less pink than the accent in BOTH themes, unlike the light-fill dark-ink
-       convention the accent follows. Its label is white in both themes and its
-       hover a shade deeper still, so a destructive button is instantly told apart
-       from a primary one. `danger-text` is that white label on the danger FILL;
-       `danger-surface` is the faint error-tint ground the label sits over
-       elsewhere. */
-    --tai-color-primary: var(--tai-color-accent);
-    --tai-color-primary-text: var(--tai-color-on-accent);
-    --tai-color-danger: #991b1b;
-    --tai-dark-color-danger: #dc2626;
-    --tai-color-danger-text: #ffffff;
-    --tai-dark-color-danger-text: #ffffff;
-    --tai-color-danger-hover: #7f1d1d;
-    --tai-dark-color-danger-hover: #b91c1c;
-    --tai-color-danger-surface: var(--tai-color-err-tint);
-    --tai-color-success: var(--tai-color-ok-text);
-    --tai-color-warning: var(--tai-color-warn-text);
+    /* -- Destructive emphasis ---------------------------------------------
+       A FILL for the destructive button only, never text: as text the dark
+       fill fails contrast on the dark grounds, so error text takes `err-text`.
+       It runs deeper than the accent on purpose: a destructive fill sharing the
+       crimson brand ramp reads as the primary action, so this is its own deep
+       red, clearly darker and less pink than the accent in BOTH themes, unlike
+       the light-fill dark-ink convention the accent follows. `on-destructive` is
+       the white label on that fill in both themes, and the hover is a shade
+       deeper still, so a destructive button is instantly told apart from a
+       primary one. */
+    --tai-color-destructive: #991b1b;
+    --tai-dark-color-destructive: #dc2626;
+    --tai-color-destructive-hover: #7f1d1d;
+    --tai-dark-color-destructive-hover: #b91c1c;
+    --tai-color-on-destructive: #ffffff;
+    --tai-dark-color-on-destructive: #ffffff;
 
     /* -- Spacing (n x 4; there is deliberately no space-7) ------------------ */
     --tai-space-1: 0.25rem; /* 4px */
@@ -272,11 +267,6 @@
     --tai-dark-shadow-overlay-color: rgb(0 0 0 / 0.6);
     --tai-shadow-lift: 0 12px 32px var(--tai-shadow-lift-color);
     --tai-shadow-overlay: 0 24px 48px var(--tai-shadow-overlay-color);
-    /* Legacy slots, re-pointed at the new elevation pair. Both names are kept
-       and both changed MEANING: they were resting shadows (`0 1px 2px` /
-       `0 4px 12px`) and now alias the lift and overlay geometry. */
-    --tai-shadow-sm: var(--tai-shadow-lift);
-    --tai-shadow-md: var(--tai-shadow-overlay);
 
     /* -- Stacking ------------------------------------------------------------
        `popover` and `tooltip` sit ABOVE the modal layers on purpose. Both are
@@ -284,9 +274,9 @@
        be opened from whatever layer is on top — so a listbox or a tip raised
        from inside a dialog has to clear that dialog's scrim to be usable.
        `dropdown` is the rung reserved for an in-flow menu surface — one that
-       stacks against the page rather than being portalled. Nothing in this repo
-       is on it; it is part of the published scale so a plugin's own menu has a
-       rung to sit on instead of inventing a number. */
+       stacks against the page rather than being portalled. `ActionMenu`'s list
+       sits on it, and it is part of the published scale so a plugin's own menu
+       has a rung to sit on instead of inventing a number. */
     --tai-z-sticky: 10;
     --tai-z-dropdown: 20;
     --tai-z-overlay: 30;
@@ -335,9 +325,9 @@
       --tai-color-scrim: var(--tai-dark-color-scrim);
       --tai-color-prose-link: var(--tai-dark-color-prose-link);
       --tai-color-prose-link-hover: var(--tai-dark-color-prose-link-hover);
-      --tai-color-danger: var(--tai-dark-color-danger);
-      --tai-color-danger-text: var(--tai-dark-color-danger-text);
-      --tai-color-danger-hover: var(--tai-dark-color-danger-hover);
+      --tai-color-destructive: var(--tai-dark-color-destructive);
+      --tai-color-destructive-hover: var(--tai-dark-color-destructive-hover);
+      --tai-color-on-destructive: var(--tai-dark-color-on-destructive);
       --tai-shadow-lift-color: var(--tai-dark-shadow-lift-color);
       --tai-shadow-overlay-color: var(--tai-dark-shadow-overlay-color);
     }
@@ -382,9 +372,9 @@
     --tai-color-scrim: var(--tai-dark-color-scrim);
     --tai-color-prose-link: var(--tai-dark-color-prose-link);
     --tai-color-prose-link-hover: var(--tai-dark-color-prose-link-hover);
-    --tai-color-danger: var(--tai-dark-color-danger);
-    --tai-color-danger-text: var(--tai-dark-color-danger-text);
-    --tai-color-danger-hover: var(--tai-dark-color-danger-hover);
+    --tai-color-destructive: var(--tai-dark-color-destructive);
+    --tai-color-destructive-hover: var(--tai-dark-color-destructive-hover);
+    --tai-color-on-destructive: var(--tai-dark-color-on-destructive);
     --tai-shadow-lift-color: var(--tai-dark-shadow-lift-color);
     --tai-shadow-overlay-color: var(--tai-dark-shadow-overlay-color);
   }

package/dist/components/tokens.d.ts

@@ -1,8 +1,7 @@
 /**
  * The documented CSS-variable token names — the Studio-plugin styling API. A
- * snapshot test pins this list so the contract can't drift silently. The
- * SDK compatibility version bumps if any of these are renamed/removed; the list
- * grows additively.
+ * snapshot test pins this list so the contract can't drift silently. A rename
+ * or a removal bumps the SDK compatibility version; a new name does not.
  *
  * The `--tai-dark-*` half of each themed pair is deliberately NOT here. Those
  * names are the theming mechanism's own storage — the two blocks in `tokens.css`
@@ -10,6 +9,6 @@
  * them to that. A plugin styles against the name WITHOUT the `dark` segment and
  * gets whichever half the viewer's theme resolves to.
  */
-export declare const TOKEN_NAMES: readonly ["--tai-color-bg", "--tai-color-surface", "--tai-color-surface-raised", "--tai-color-surface-disabled", "--tai-color-code-bg", "--tai-color-border", "--tai-color-border-strong", "--tai-color-control-border", "--tai-color-border-disabled", "--tai-color-text", "--tai-color-heading", "--tai-color-text-muted", "--tai-color-text-disabled", "--tai-color-placeholder", "--tai-color-decor", "--tai-color-accent", "--tai-color-accent-hover", "--tai-color-accent-on-tint", "--tai-color-on-accent", "--tai-color-accent-tint", "--tai-color-ok-text", "--tai-color-err-text", "--tai-color-warn-text", "--tai-color-ok-fill", "--tai-color-err-fill", "--tai-color-warn-fill", "--tai-color-ok-tint", "--tai-color-err-tint", "--tai-color-warn-tint", "--tai-color-on-fill", "--tai-color-focus-ring", "--tai-color-scrim", "--tai-color-prose-link", "--tai-color-prose-link-hover", "--tai-color-syntax-key", "--tai-color-syntax-string", "--tai-color-syntax-number", "--tai-color-syntax-bool", "--tai-color-primary", "--tai-color-primary-text", "--tai-color-danger", "--tai-color-danger-text", "--tai-color-danger-hover", "--tai-color-danger-surface", "--tai-color-success", "--tai-color-warning", "--tai-space-1", "--tai-space-2", "--tai-space-3", "--tai-space-4", "--tai-space-5", "--tai-space-6", "--tai-space-8", "--tai-radius-sm", "--tai-radius-code", "--tai-radius-md", "--tai-radius-tile", "--tai-radius-lg", "--tai-radius-overlay", "--tai-radius-full", "--tai-font-sans", "--tai-font-mono", "--tai-text-display", "--tai-text-xl", "--tai-text-section", "--tai-text-lg", "--tai-text-md", "--tai-text-sm", "--tai-text-code", "--tai-text-xs", "--tai-control-height", "--tai-control-height-coarse", "--tai-motion-fast", "--tai-motion-base", "--tai-shadow-lift-color", "--tai-shadow-overlay-color", "--tai-shadow-lift", "--tai-shadow-overlay", "--tai-shadow-sm", "--tai-shadow-md", "--tai-z-sticky", "--tai-z-dropdown", "--tai-z-overlay", "--tai-z-dialog", "--tai-z-popover", "--tai-z-tooltip"];
+export declare const TOKEN_NAMES: readonly ["--tai-color-bg", "--tai-color-surface", "--tai-color-surface-raised", "--tai-color-surface-disabled", "--tai-color-code-bg", "--tai-color-border", "--tai-color-border-strong", "--tai-color-control-border", "--tai-color-border-disabled", "--tai-color-text", "--tai-color-heading", "--tai-color-text-muted", "--tai-color-text-disabled", "--tai-color-placeholder", "--tai-color-decor", "--tai-color-accent", "--tai-color-accent-hover", "--tai-color-accent-on-tint", "--tai-color-on-accent", "--tai-color-accent-tint", "--tai-color-ok-text", "--tai-color-err-text", "--tai-color-warn-text", "--tai-color-ok-fill", "--tai-color-err-fill", "--tai-color-warn-fill", "--tai-color-ok-tint", "--tai-color-err-tint", "--tai-color-warn-tint", "--tai-color-on-fill", "--tai-color-focus-ring", "--tai-color-scrim", "--tai-color-prose-link", "--tai-color-prose-link-hover", "--tai-color-syntax-key", "--tai-color-syntax-string", "--tai-color-syntax-number", "--tai-color-syntax-bool", "--tai-color-destructive", "--tai-color-destructive-hover", "--tai-color-on-destructive", "--tai-space-1", "--tai-space-2", "--tai-space-3", "--tai-space-4", "--tai-space-5", "--tai-space-6", "--tai-space-8", "--tai-radius-sm", "--tai-radius-code", "--tai-radius-md", "--tai-radius-tile", "--tai-radius-lg", "--tai-radius-overlay", "--tai-radius-full", "--tai-font-sans", "--tai-font-mono", "--tai-text-display", "--tai-text-xl", "--tai-text-section", "--tai-text-lg", "--tai-text-md", "--tai-text-sm", "--tai-text-code", "--tai-text-xs", "--tai-control-height", "--tai-control-height-coarse", "--tai-motion-fast", "--tai-motion-base", "--tai-shadow-lift-color", "--tai-shadow-overlay-color", "--tai-shadow-lift", "--tai-shadow-overlay", "--tai-z-sticky", "--tai-z-dropdown", "--tai-z-overlay", "--tai-z-dialog", "--tai-z-popover", "--tai-z-tooltip"];
 export type TokenName = (typeof TOKEN_NAMES)[number];
 //# sourceMappingURL=tokens.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/components/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,i8DAuFd,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/components/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,yyDAgFd,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/components/tokens.js

@@ -1,8 +1,7 @@
 /**
  * The documented CSS-variable token names — the Studio-plugin styling API. A
- * snapshot test pins this list so the contract can't drift silently. The
- * SDK compatibility version bumps if any of these are renamed/removed; the list
- * grows additively.
+ * snapshot test pins this list so the contract can't drift silently. A rename
+ * or a removal bumps the SDK compatibility version; a new name does not.
  *
  * The `--tai-dark-*` half of each themed pair is deliberately NOT here. Those
  * names are the theming mechanism's own storage — the two blocks in `tokens.css`
@@ -49,14 +48,9 @@ export const TOKEN_NAMES = [
     '--tai-color-syntax-string',
     '--tai-color-syntax-number',
     '--tai-color-syntax-bool',
-    '--tai-color-primary',
-    '--tai-color-primary-text',
-    '--tai-color-danger',
-    '--tai-color-danger-text',
-    '--tai-color-danger-hover',
-    '--tai-color-danger-surface',
-    '--tai-color-success',
-    '--tai-color-warning',
+    '--tai-color-destructive',
+    '--tai-color-destructive-hover',
+    '--tai-color-on-destructive',
     '--tai-space-1',
     '--tai-space-2',
     '--tai-space-3',
@@ -89,8 +83,6 @@ export const TOKEN_NAMES = [
     '--tai-shadow-overlay-color',
     '--tai-shadow-lift',
     '--tai-shadow-overlay',
-    '--tai-shadow-sm',
-    '--tai-shadow-md',
     '--tai-z-sticky',
     '--tai-z-dropdown',
     '--tai-z-overlay',

package/dist/components/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/components/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,gBAAgB;IAChB,qBAAqB;IACrB,4BAA4B;IAC5B,8BAA8B;IAC9B,qBAAqB;IACrB,oBAAoB;IACpB,2BAA2B;IAC3B,4BAA4B;IAC5B,6BAA6B;IAC7B,kBAAkB;IAClB,qBAAqB;IACrB,wBAAwB;IACxB,2BAA2B;IAC3B,yBAAyB;IACzB,mBAAmB;IACnB,oBAAoB;IACpB,0BAA0B;IAC1B,4BAA4B;IAC5B,uBAAuB;IACvB,yBAAyB;IACzB,qBAAqB;IACrB,sBAAsB;IACtB,uBAAuB;IACvB,qBAAqB;IACrB,sBAAsB;IACtB,uBAAuB;IACvB,qBAAqB;IACrB,sBAAsB;IACtB,uBAAuB;IACvB,qBAAqB;IACrB,wBAAwB;IACxB,mBAAmB;IACnB,wBAAwB;IACxB,8BAA8B;IAC9B,wBAAwB;IACxB,2BAA2B;IAC3B,2BAA2B;IAC3B,yBAAyB;IACzB,qBAAqB;IACrB,0BAA0B;IAC1B,oBAAoB;IACpB,yBAAyB;IACzB,0BAA0B;IAC1B,4BAA4B;IAC5B,qBAAqB;IACrB,qBAAqB;IACrB,eAAe;IACf,eAAe;IACf,eAAe;IACf,eAAe;IACf,eAAe;IACf,eAAe;IACf,eAAe;IACf,iBAAiB;IACjB,mBAAmB;IACnB,iBAAiB;IACjB,mBAAmB;IACnB,iBAAiB;IACjB,sBAAsB;IACtB,mBAAmB;IACnB,iBAAiB;IACjB,iBAAiB;IACjB,oBAAoB;IACpB,eAAe;IACf,oBAAoB;IACpB,eAAe;IACf,eAAe;IACf,eAAe;IACf,iBAAiB;IACjB,eAAe;IACf,sBAAsB;IACtB,6BAA6B;IAC7B,mBAAmB;IACnB,mBAAmB;IACnB,yBAAyB;IACzB,4BAA4B;IAC5B,mBAAmB;IACnB,sBAAsB;IACtB,iBAAiB;IACjB,iBAAiB;IACjB,gBAAgB;IAChB,kBAAkB;IAClB,iBAAiB;IACjB,gBAAgB;IAChB,iBAAiB;IACjB,iBAAiB;CACT,CAAC"}
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/components/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,gBAAgB;IAChB,qBAAqB;IACrB,4BAA4B;IAC5B,8BAA8B;IAC9B,qBAAqB;IACrB,oBAAoB;IACpB,2BAA2B;IAC3B,4BAA4B;IAC5B,6BAA6B;IAC7B,kBAAkB;IAClB,qBAAqB;IACrB,wBAAwB;IACxB,2BAA2B;IAC3B,yBAAyB;IACzB,mBAAmB;IACnB,oBAAoB;IACpB,0BAA0B;IAC1B,4BAA4B;IAC5B,uBAAuB;IACvB,yBAAyB;IACzB,qBAAqB;IACrB,sBAAsB;IACtB,uBAAuB;IACvB,qBAAqB;IACrB,sBAAsB;IACtB,uBAAuB;IACvB,qBAAqB;IACrB,sBAAsB;IACtB,uBAAuB;IACvB,qBAAqB;IACrB,wBAAwB;IACxB,mBAAmB;IACnB,wBAAwB;IACxB,8BAA8B;IAC9B,wBAAwB;IACxB,2BAA2B;IAC3B,2BAA2B;IAC3B,yBAAyB;IACzB,yBAAyB;IACzB,+BAA+B;IAC/B,4BAA4B;IAC5B,eAAe;IACf,eAAe;IACf,eAAe;IACf,eAAe;IACf,eAAe;IACf,eAAe;IACf,eAAe;IACf,iBAAiB;IACjB,mBAAmB;IACnB,iBAAiB;IACjB,mBAAmB;IACnB,iBAAiB;IACjB,sBAAsB;IACtB,mBAAmB;IACnB,iBAAiB;IACjB,iBAAiB;IACjB,oBAAoB;IACpB,eAAe;IACf,oBAAoB;IACpB,eAAe;IACf,eAAe;IACf,eAAe;IACf,iBAAiB;IACjB,eAAe;IACf,sBAAsB;IACtB,6BAA6B;IAC7B,mBAAmB;IACnB,mBAAmB;IACnB,yBAAyB;IACzB,4BAA4B;IAC5B,mBAAmB;IACnB,sBAAsB;IACtB,gBAAgB;IAChB,kBAAkB;IAClB,iBAAiB;IACjB,gBAAgB;IAChB,iBAAiB;IACjB,iBAAiB;CACT,CAAC"}