@tai42/studio-sdk 0.12.0 → 0.13.0

package/dist/components/code-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../src/components/code-block.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC5B;AAKD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,cAAc,+BAa3D"}
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../src/components/code-block.tsx"],"names":[],"mappings":"AAqBA,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC5B;AA2BD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,cAAc,+BA+C3D"}

package/dist/components/code-block.js

@@ -1,23 +1,36 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `CodeBlock` — escaped, monospaced preformatted text for tool results and string
- * payloads, on the design system's terminal ground (`tai-code-block`). The content
- * is a React text child inside `<pre><code>`, so it is escaped by React and
- * rendered verbatim; this component is NEVER an HTML sink (no
- * `dangerouslySetInnerHTML`).
- *
- * The `<pre>` IS the scrolling box, so it carries the region attributes itself
- * rather than sitting inside a `ScrollRegion` wrapper that would add a second
- * scroller: a long line makes it a named keyboard target, a short one leaves it
- * an ordinary block.
- */
+import { CheckIcon, CopyIcon, XCircleIcon } from './icons';
 import { useOverflowRegion } from './scroll-region';
+import { COPIED_LABEL, useClipboardCopy } from '../hooks/useClipboardCopy';
 /** The region's name when no language caption supplies one. */
 const DEFAULT_LABEL = 'Code';
+/** The button's resting accessible name; whichever face shows is also its name. */
+const COPY_LABEL = 'Copy code';
+/** Shown when the browser offers no clipboard at all (any non-secure context). */
+const NO_CLIPBOARD = 'This browser will not write to the clipboard here. Select the code and copy it.';
+/** Shown when the write is offered and refused. */
+function writeFailed(reason) {
+    const detail = reason instanceof Error ? reason.message : String(reason);
+    return `Copy failed: ${detail}. Select the code and copy it.`;
+}
+/** The frame the copy button is pinned to, over the top-right of the code. */
+const frameStyle = { position: 'relative' };
+const copyButtonStyle = {
+    position: 'absolute',
+    top: 'var(--tai-space-2)',
+    right: 'var(--tai-space-2)',
+};
 export function CodeBlock({ code, language }) {
     // No consumer ref: the measurement's own callback ref is the only thing that
     // needs the `<pre>`, and this component publishes no `ref` prop.
     const region = useOverflowRegion(undefined, language ?? DEFAULT_LABEL);
-    return (_jsxs("div", { className: "tai-stack tai-stack-2", children: [language !== undefined ? _jsx("span", { className: "tai-label", children: language }) : null, _jsx("pre", { className: "tai-code-block", ...region, children: _jsx("code", { children: code }) })] }));
+    const { copied, error: copyError, announcement, copy, } = useClipboardCopy({
+        noClipboard: NO_CLIPBOARD,
+        writeFailed,
+    });
+    const handleCopy = () => {
+        void copy(() => code);
+    };
+    return (_jsxs("div", { className: "tai-stack tai-stack-2", children: [language !== undefined ? _jsx("span", { className: "tai-label", children: language }) : null, _jsxs("div", { style: frameStyle, children: [_jsx("pre", { className: "tai-code-block", ...region, children: _jsx("code", { children: code }) }), _jsx("button", { type: "button", className: "tai-icon-btn", style: copyButtonStyle, "aria-label": copied ? COPIED_LABEL : COPY_LABEL, onClick: handleCopy, children: copied ? _jsx(CheckIcon, {}) : _jsx(CopyIcon, {}) }), _jsx("span", { "aria-live": "polite", className: "tai-visually-hidden", children: announcement })] }), copyError !== undefined ? (_jsxs("span", { role: "alert", className: "tai-field-error", children: [_jsx(XCircleIcon, {}), copyError] })) : null] }));
 }
 //# sourceMappingURL=code-block.js.map

package/dist/components/code-block.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-block.js","sourceRoot":"","sources":["../../src/components/code-block.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAQpD,+DAA+D;AAC/D,MAAM,aAAa,GAAG,MAAM,CAAC;AAE7B,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAkB;IAC1D,6EAA6E;IAC7E,iEAAiE;IACjE,MAAM,MAAM,GAAG,iBAAiB,CAAC,SAAS,EAAE,QAAQ,IAAI,aAAa,CAAC,CAAC;IAEvE,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACnC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,WAAW,YAAE,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC9E,cAAK,SAAS,EAAC,gBAAgB,KAAK,MAAM,YACxC,yBAAO,IAAI,GAAQ,GACf,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"code-block.js","sourceRoot":"","sources":["../../src/components/code-block.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAQ3E,+DAA+D;AAC/D,MAAM,aAAa,GAAG,MAAM,CAAC;AAE7B,mFAAmF;AACnF,MAAM,UAAU,GAAG,WAAW,CAAC;AAE/B,kFAAkF;AAClF,MAAM,YAAY,GAChB,iFAAiF,CAAC;AAEpF,mDAAmD;AACnD,SAAS,WAAW,CAAC,MAAe;IAClC,MAAM,MAAM,GAAG,MAAM,YAAY,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACzE,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAChE,CAAC;AAED,8EAA8E;AAC9E,MAAM,UAAU,GAAkB,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;AAE3D,MAAM,eAAe,GAAkB;IACrC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,oBAAoB;IACzB,KAAK,EAAE,oBAAoB;CAC5B,CAAC;AAEF,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAkB;IAC1D,6EAA6E;IAC7E,iEAAiE;IACjE,MAAM,MAAM,GAAG,iBAAiB,CAAC,SAAS,EAAE,QAAQ,IAAI,aAAa,CAAC,CAAC;IAEvE,MAAM,EACJ,MAAM,EACN,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,IAAI,GACL,GAAG,gBAAgB,CAAC;QACnB,WAAW,EAAE,YAAY;QACzB,WAAW;KACZ,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,GAAS,EAAE;QAC5B,KAAK,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACnC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,WAAW,YAAE,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC9E,eAAK,KAAK,EAAE,UAAU,aACpB,cAAK,SAAS,EAAC,gBAAgB,KAAK,MAAM,YACxC,yBAAO,IAAI,GAAQ,GACf,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,eAAe,gBACV,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAC9C,OAAO,EAAE,UAAU,YAElB,MAAM,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,KAAC,QAAQ,KAAG,GAC/B,EACT,4BAAgB,QAAQ,EAAC,SAAS,EAAC,qBAAqB,YACrD,YAAY,GACR,IACH,EACL,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CACzB,gBAAM,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,iBAAiB,aAC5C,KAAC,WAAW,KAAG,EACd,SAAS,IACL,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/components/components.css

@@ -1316,6 +1316,26 @@
     color: var(--tai-color-text);
   }
 
+  /* Fullscreen variant: fills the viewport instead of centring at a fixed size.
+     Composes with `.tai-dialog`, overriding only geometry and edge chrome. */
+  .tai-dialog-fullscreen {
+    top: 0;
+    left: 0;
+    transform: none;
+    /* `border-box` so `100vw` is the outer edge and never overflows; declared here,
+       not inherited from `.tai-dialog`. */
+    box-sizing: border-box;
+    width: 100vw;
+    max-width: none;
+    /* `dvh` is the live viewport with a `vh` fallback for browsers below the `dvh` floor. */
+    height: 100vh;
+    height: 100dvh;
+    max-height: none;
+    padding: 0;
+    border: 0;
+    border-radius: 0;
+  }
+
   .tai-dialog-title {
     margin: 0 0 var(--tai-space-2);
     font-size: var(--tai-text-section);

package/dist/components/copy-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"copy-field.d.ts","sourceRoot":"","sources":["../../src/components/copy-field.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAyDD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAuB,EAAE,KAAK,EAAE,EAAE,cAAc,+BAqF3F"}
+{"version":3,"file":"copy-field.d.ts","sourceRoot":"","sources":["../../src/components/copy-field.tsx"],"names":[],"mappings":"AAsBA,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAoCD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAuB,EAAE,KAAK,EAAE,EAAE,cAAc,+BA0D3F"}

package/dist/components/copy-field.js

@@ -1,41 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `CopyField` — a show-once box for a freshly-minted secret (an API key or a
- * minted backup key). It renders the value in a monospace, break-all,
- * select-all box beside a copy button that writes the value to the clipboard and
- * shows a transient "Copied" affordance. It is PRESENTATIONAL: the caller owns
- * the value; this component fetches nothing and never re-reads the secret.
- *
- * The button holds BOTH states stacked in one grid cell, so the widest of them
- * sets the width once and the flip never reflows the row. Only the active state
- * is exposed to assistive tech, and that state's own words are the button's
- * accessible name: a constant `aria-label` would leave a button reading "Copied"
- * named "Copy", which fails WCAG 2.5.3 (Label in Name) and leaves a voice-control
- * user naming a control they cannot see. The polite live region beside the button
- * is what actually announces the flip.
- *
- * A clipboard write can FAIL — a permissions policy blocks it, or the page is
- * not in a secure context, where `navigator.clipboard` does not exist at all.
- * Either way the value is a secret shown once, so the failure is rendered as a
- * visible `role="alert"` telling the reader to copy it by hand: throwing it at
- * the console would leave the button looking inert and the secret unrecoverable.
- *
- * SAFETY: the value and caption render as TEXT (React escapes them) — never an
- * HTML sink. The value is never logged, and neither is a failure — the alert
- * names the reason, never the value. Pinned by a test.
- */
-import { useEffect, useRef, useState } from 'react';
 import { CheckIcon, CopyIcon, XCircleIcon } from './icons';
-const COPIED_RESET_MS = 2000;
-/** The button's two faces. Whichever is exposed is also its accessible name. */
+import { COPIED_LABEL, useClipboardCopy } from '../hooks/useClipboardCopy';
+/** The button's resting face; whichever face is exposed is also its accessible name. */
 const COPY_LABEL = 'Copy';
-const COPIED_LABEL = 'Copied';
-/** Announced once, and worded so it is never mistaken for the visible label. */
-const COPIED_ANNOUNCEMENT = 'Copied to clipboard';
-/** The clipboard this browser actually offers, or `undefined` when it offers none. */
-function clipboardOf(host) {
-    return host.clipboard;
-}
 /** Shown when the browser offers no clipboard at all (any non-secure context). */
 const NO_CLIPBOARD = 'This browser will not write to the clipboard here. Select the value above and copy it.';
 /** Shown when the write is offered and refused. */
@@ -62,45 +29,13 @@ const stateStyle = {
     gap: 'var(--tai-space-2)',
 };
 export function CopyField({ value, caption, idPrefix = 'copy-field', label }) {
-    const [copied, setCopied] = useState(false);
-    const [copyError, setCopyError] = useState(undefined);
-    const resetTimer = useRef(null);
-    // The clipboard write is async, so a copy can still be in flight when the
-    // component goes away — the caller's dialog closes on the same click. Clearing
-    // the timer alone would not cover that: at unmount there is no timer yet, and
-    // the resolution that follows would start one nothing is left to clear. This
-    // flag is what the resolution checks before it touches state at all.
-    const mounted = useRef(true);
-    useEffect(() => {
-        mounted.current = true;
-        return () => {
-            mounted.current = false;
-            if (resetTimer.current !== null)
-                clearTimeout(resetTimer.current);
-        };
-    }, []);
+    const { copied, error: copyError, announcement, copy, } = useClipboardCopy({
+        noClipboard: NO_CLIPBOARD,
+        writeFailed,
+    });
     const handleCopy = () => {
-        const clipboard = clipboardOf(navigator);
-        if (clipboard === undefined) {
-            setCopyError(NO_CLIPBOARD);
-            return;
-        }
-        setCopyError(undefined);
-        void clipboard.writeText(value).then(() => {
-            if (!mounted.current)
-                return;
-            setCopied(true);
-            if (resetTimer.current !== null)
-                clearTimeout(resetTimer.current);
-            resetTimer.current = setTimeout(() => {
-                setCopied(false);
-            }, COPIED_RESET_MS);
-        }, (error) => {
-            if (!mounted.current)
-                return;
-            setCopyError(writeFailed(error));
-        });
+        void copy(() => value);
     };
-    return (_jsxs("div", { "data-testid": idPrefix, className: "tai-stack tai-stack-2", children: [label !== undefined ? _jsx("span", { className: "tai-field-label", children: label }) : null, _jsxs("div", { className: "tai-row", children: [_jsx("code", { className: "tai-code", style: valueStyle, children: value }), _jsx("button", { type: "button", className: "tai-btn tai-btn-secondary", "data-testid": `${idPrefix}-copy`, onClick: handleCopy, children: _jsxs("span", { style: statesStyle, children: [_jsxs("span", { "aria-hidden": copied, style: { ...stateStyle, visibility: copied ? 'hidden' : 'visible' }, children: [_jsx(CopyIcon, {}), COPY_LABEL] }), _jsxs("span", { "aria-hidden": !copied, style: { ...stateStyle, visibility: copied ? 'visible' : 'hidden' }, children: [_jsx(CheckIcon, {}), COPIED_LABEL] })] }) }), _jsx("span", { "aria-live": "polite", className: "tai-visually-hidden", children: copied ? COPIED_ANNOUNCEMENT : '' })] }), copyError !== undefined ? (_jsxs("span", { role: "alert", className: "tai-field-error", children: [_jsx(XCircleIcon, {}), copyError] })) : null, caption !== undefined ? _jsx("span", { className: "tai-field-hint", children: caption }) : null] }));
+    return (_jsxs("div", { "data-testid": idPrefix, className: "tai-stack tai-stack-2", children: [label !== undefined ? _jsx("span", { className: "tai-field-label", children: label }) : null, _jsxs("div", { className: "tai-row", children: [_jsx("code", { className: "tai-code", style: valueStyle, children: value }), _jsx("button", { type: "button", className: "tai-btn tai-btn-secondary", "data-testid": `${idPrefix}-copy`, onClick: handleCopy, children: _jsxs("span", { style: statesStyle, children: [_jsxs("span", { "aria-hidden": copied, style: { ...stateStyle, visibility: copied ? 'hidden' : 'visible' }, children: [_jsx(CopyIcon, {}), COPY_LABEL] }), _jsxs("span", { "aria-hidden": !copied, style: { ...stateStyle, visibility: copied ? 'visible' : 'hidden' }, children: [_jsx(CheckIcon, {}), COPIED_LABEL] })] }) }), _jsx("span", { "aria-live": "polite", className: "tai-visually-hidden", children: announcement })] }), copyError !== undefined ? (_jsxs("span", { role: "alert", className: "tai-field-error", children: [_jsx(XCircleIcon, {}), copyError] })) : null, caption !== undefined ? _jsx("span", { className: "tai-field-hint", children: caption }) : null] }));
 }
 //# sourceMappingURL=copy-field.js.map

package/dist/components/copy-field.js.map

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

package/dist/components/date-range-picker.d.ts

@@ -0,0 +1,73 @@
+/**
+ * `DateRangePicker` — the compact time-window control observability screens share.
+ * It emits ONE of two shapes:
+ *
+ * - a relative token from a PRESET chip, `{ kind: 'relative', token }` — the backend
+ *   resolves `\d+[hdw]` tokens, so a preset stays a token rather than freezing to an
+ *   instant at click time;
+ * - an ABSOLUTE range from the two native `datetime-local` inputs,
+ *   `{ kind: 'absolute', from, to }` with ISO instants — native inputs keep the
+ *   control inside the platform date UI, no third-party calendar.
+ *
+ * Absolute ranges are normalized by {@link normalizeCustomRange}; the active window
+ * is rendered by {@link formatRangeLabel}, always with the YEAR present.
+ */
+import { type ReactNode } from 'react';
+/** A relative preset: a `\d+[hdw]` token the backend resolves, plus its chip label. */
+export interface DateRangePreset {
+    readonly token: string;
+    readonly label: string;
+}
+/** The presets a picker offers when the caller names none. */
+export declare const DEFAULT_DATE_RANGE_PRESETS: readonly DateRangePreset[];
+/**
+ * A named time window: either a relative token the backend resolves against its
+ * own clock, or an absolute pair of ISO instants.
+ */
+export type DateRangeValue = {
+    readonly kind: 'relative';
+    readonly token: string;
+} | {
+    readonly kind: 'absolute';
+    readonly from: string;
+    readonly to: string;
+};
+export declare function formatRangeLabel(value: DateRangeValue, presets?: readonly DateRangePreset[]): string;
+/**
+ * A raw from/to pair resolved to a clean absolute range. Order matters: SWAP the
+ * reversed pair first (earlier instant becomes start), THEN cap both ends at `now` —
+ * capping first can leave a future instant on the post-swap end. The end is
+ * INCLUSIVE of its minute, extended to `:59.999`, so `23:59` reaches the day's end.
+ */
+export declare function normalizeCustomRange(fromInput: string, toInput: string, now: Date): {
+    readonly from: string;
+    readonly to: string;
+};
+export interface DateRangePickerProps {
+    readonly value: DateRangeValue;
+    readonly onValueChange: (value: DateRangeValue) => void;
+    /** The preset chips to offer. Defaults to {@link DEFAULT_DATE_RANGE_PRESETS}. */
+    readonly presets?: readonly DateRangePreset[];
+    /** The control group's accessible name. */
+    readonly 'aria-label'?: string;
+    readonly disabled?: boolean;
+    /**
+     * The clock the absolute-range clamp reads. Defaults to the wall clock; a caller
+     * (or a test) injects a fixed instant to pin the "no future" boundary.
+     */
+    readonly now?: () => Date;
+}
+/**
+ * The range control: a row of preset chips over the two `datetime-local` inputs and
+ * an Apply action, with the active window echoed as text below.
+ *
+ * Controlled: the caller owns `value` and receives the next window through
+ * `onValueChange` — a preset click emits its token immediately, while the custom
+ * inputs hold a working draft until Apply commits the normalized absolute range.
+ *
+ * The drafts track the controlled value, re-seeded on a NEW absolute `value` (keyed
+ * on `from`/`to`), so edits against an unchanged value are preserved but a genuinely
+ * different value replaces an in-progress draft.
+ */
+export declare function DateRangePicker({ value, onValueChange, presets, 'aria-label': ariaLabel, disabled, now, }: DateRangePickerProps): ReactNode;
+//# sourceMappingURL=date-range-picker.d.ts.map

package/dist/components/date-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../src/components/date-range-picker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMrE,uFAAuF;AACvF,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,8DAA8D;AAC9D,eAAO,MAAM,0BAA0B,EAAE,SAAS,eAAe,EAKhE,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,cAAc,GACtB;IAAE,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACrD;IAAE,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAgC9E,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,cAAc,EACrB,OAAO,GAAE,SAAS,eAAe,EAA+B,GAC/D,MAAM,CAQR;AAuBD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,EACf,GAAG,EAAE,IAAI,GACR;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAiBhD;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACxD,iFAAiF;IACjF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IAC9C,2CAA2C;IAC3C,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAKD;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,aAAa,EACb,OAAoC,EACpC,YAAY,EAAE,SAAwB,EACtC,QAAgB,EAChB,GAAsB,GACvB,EAAE,oBAAoB,GAAG,SAAS,CAmFlC"}

package/dist/components/date-range-picker.js

@@ -0,0 +1,146 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * `DateRangePicker` — the compact time-window control observability screens share.
+ * It emits ONE of two shapes:
+ *
+ * - a relative token from a PRESET chip, `{ kind: 'relative', token }` — the backend
+ *   resolves `\d+[hdw]` tokens, so a preset stays a token rather than freezing to an
+ *   instant at click time;
+ * - an ABSOLUTE range from the two native `datetime-local` inputs,
+ *   `{ kind: 'absolute', from, to }` with ISO instants — native inputs keep the
+ *   control inside the platform date UI, no third-party calendar.
+ *
+ * Absolute ranges are normalized by {@link normalizeCustomRange}; the active window
+ * is rendered by {@link formatRangeLabel}, always with the YEAR present.
+ */
+import { useState } from 'react';
+import { Field } from './field';
+import { TextInput } from './inputs';
+import { Button } from './primitives';
+/** The presets a picker offers when the caller names none. */
+export const DEFAULT_DATE_RANGE_PRESETS = [
+    { token: '24h', label: 'Last 24 hours' },
+    { token: '7d', label: 'Last 7 days' },
+    { token: '30d', label: 'Last 30 days' },
+    { token: '90d', label: 'Last 90 days' },
+];
+const RELATIVE_TOKEN = /^(\d+)([hdw])$/;
+const UNIT_NOUN = { h: 'hour', d: 'day', w: 'week' };
+/**
+ * A relative token as a readable phrase (`7d` → `Last 7 days`). A token outside the
+ * `\d+[hdw]` grammar raises rather than rendering a silent placeholder.
+ */
+function relativePhrase(token) {
+    const match = RELATIVE_TOKEN.exec(token);
+    if (match === null) {
+        throw new Error(`Invalid relative range token: ${token}`);
+    }
+    const amount = Number(match[1]);
+    const noun = UNIT_NOUN[match[2] ?? ''] ?? '';
+    return `Last ${String(amount)} ${noun}${amount === 1 ? '' : 's'}`;
+}
+/**
+ * The active window as human text: a relative token as its preset label (or a
+ * derived phrase), an absolute range as both instants with the YEAR present.
+ */
+const ABSOLUTE_FORMAT = new Intl.DateTimeFormat(undefined, {
+    year: 'numeric',
+    month: 'short',
+    day: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit',
+});
+export function formatRangeLabel(value, presets = DEFAULT_DATE_RANGE_PRESETS) {
+    if (value.kind === 'relative') {
+        const preset = presets.find((candidate) => candidate.token === value.token);
+        return preset?.label ?? relativePhrase(value.token);
+    }
+    const from = new Date(value.from);
+    const to = new Date(value.to);
+    return `${ABSOLUTE_FORMAT.format(from)} – ${ABSOLUTE_FORMAT.format(to)}`;
+}
+/** A `datetime-local` string parsed as a local instant, or a loud error on garbage. */
+function parseLocalInput(value, field) {
+    const parsed = new Date(value);
+    if (Number.isNaN(parsed.getTime())) {
+        throw new Error(`Invalid ${field} datetime: ${value}`);
+    }
+    return parsed;
+}
+function pad(value) {
+    return String(value).padStart(2, '0');
+}
+/** A local instant as the `YYYY-MM-DDTHH:mm` a `datetime-local` input reads. */
+function toLocalInputValue(date) {
+    return (`${String(date.getFullYear())}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}` +
+        `T${pad(date.getHours())}:${pad(date.getMinutes())}`);
+}
+/**
+ * A raw from/to pair resolved to a clean absolute range. Order matters: SWAP the
+ * reversed pair first (earlier instant becomes start), THEN cap both ends at `now` —
+ * capping first can leave a future instant on the post-swap end. The end is
+ * INCLUSIVE of its minute, extended to `:59.999`, so `23:59` reaches the day's end.
+ */
+export function normalizeCustomRange(fromInput, toInput, now) {
+    let start = parseLocalInput(fromInput, 'from');
+    let end = parseLocalInput(toInput, 'to');
+    if (start.getTime() > end.getTime()) {
+        [start, end] = [end, start];
+    }
+    // Inclusive end: extend the selected minute to its final millisecond.
+    end = new Date(end);
+    end.setSeconds(59, 999);
+    const nowMs = now.getTime();
+    if (start.getTime() > nowMs)
+        start = new Date(nowMs);
+    if (end.getTime() > nowMs)
+        end = new Date(nowMs);
+    return { from: start.toISOString(), to: end.toISOString() };
+}
+const CUSTOM_ROW_STYLE = { alignItems: 'flex-end' };
+const FIELD_STYLE = { flex: 1 };
+/**
+ * The range control: a row of preset chips over the two `datetime-local` inputs and
+ * an Apply action, with the active window echoed as text below.
+ *
+ * Controlled: the caller owns `value` and receives the next window through
+ * `onValueChange` — a preset click emits its token immediately, while the custom
+ * inputs hold a working draft until Apply commits the normalized absolute range.
+ *
+ * The drafts track the controlled value, re-seeded on a NEW absolute `value` (keyed
+ * on `from`/`to`), so edits against an unchanged value are preserved but a genuinely
+ * different value replaces an in-progress draft.
+ */
+export function DateRangePicker({ value, onValueChange, presets = DEFAULT_DATE_RANGE_PRESETS, 'aria-label': ariaLabel = 'Date range', disabled = false, now = () => new Date(), }) {
+    const nextFrom = value.kind === 'absolute' ? value.from : null;
+    const nextTo = value.kind === 'absolute' ? value.to : null;
+    const [fromDraft, setFromDraft] = useState(() => nextFrom !== null ? toLocalInputValue(new Date(nextFrom)) : '');
+    const [toDraft, setToDraft] = useState(() => nextTo !== null ? toLocalInputValue(new Date(nextTo)) : '');
+    // The absolute ends that last seeded the drafts (null while a preset is active).
+    // Comparing against the incoming ends re-seeds only when the caller swaps in a
+    // different absolute value, leaving drafts typed against an unchanged value alone.
+    const [seeded, setSeeded] = useState(() => ({
+        from: nextFrom,
+        to: nextTo,
+    }));
+    if (seeded.from !== nextFrom || seeded.to !== nextTo) {
+        setSeeded({ from: nextFrom, to: nextTo });
+        if (nextFrom !== null && nextTo !== null) {
+            setFromDraft(toLocalInputValue(new Date(nextFrom)));
+            setToDraft(toLocalInputValue(new Date(nextTo)));
+        }
+    }
+    const activeToken = value.kind === 'relative' ? value.token : null;
+    const canApply = !disabled && fromDraft !== '' && toDraft !== '';
+    const applyCustom = () => {
+        onValueChange({ kind: 'absolute', ...normalizeCustomRange(fromDraft, toDraft, now()) });
+    };
+    return (_jsxs("div", { role: "group", "aria-label": ariaLabel, className: "tai-stack tai-stack-3", children: [_jsx("div", { className: "tai-row", children: presets.map((preset) => (_jsx("button", { type: "button", className: "tai-chip", "aria-pressed": activeToken === preset.token, onClick: () => {
+                        onValueChange({ kind: 'relative', token: preset.token });
+                    }, disabled: disabled, children: preset.label }, preset.token))) }), _jsxs("div", { className: "tai-row", style: CUSTOM_ROW_STYLE, children: [_jsx(Field, { label: "From", style: FIELD_STYLE, children: _jsx(TextInput, { type: "datetime-local", value: fromDraft, onChange: (event) => {
+                                setFromDraft(event.target.value);
+                            }, disabled: disabled }) }), _jsx(Field, { label: "To", style: FIELD_STYLE, children: _jsx(TextInput, { type: "datetime-local", value: toDraft, onChange: (event) => {
+                                setToDraft(event.target.value);
+                            }, disabled: disabled }) }), _jsx(Button, { type: "button", variant: "primary", onClick: applyCustom, disabled: !canApply, children: "Apply range" })] }), _jsx("p", { role: "status", className: "tai-muted", style: { margin: 0 }, children: formatRangeLabel(value, presets) })] }));
+}
+//# sourceMappingURL=date-range-picker.js.map

package/dist/components/date-range-picker.js.map

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

package/dist/components/dialog.d.ts

@@ -16,6 +16,24 @@ export interface DialogProps {
     readonly open?: boolean;
     readonly defaultOpen?: boolean;
     readonly onOpenChange?: (open: boolean) => void;
+    /**
+     * Fill the viewport edge to edge instead of centring a fixed-size panel. The
+     * overlay, the focus trap and every other Radix behaviour are unchanged.
+     */
+    readonly fullscreen?: boolean;
+    /**
+     * A class merged onto `RadixDialog.Content` after the surface classes, for a
+     * host that must reach the content element itself — e.g. a plugin hanging its
+     * CSS-scoping root on the panel so its styles apply inside the Radix portal.
+     */
+    readonly contentClassName?: string;
+    /**
+     * Drop the forced visual `Title` and the `tai-stack` children wrapper, rendering
+     * `children` directly for a chrome-free content mode. The `title` is still
+     * required and still names the dialog — it renders visually-hidden — so the
+     * accessible name never depends on the visible chrome.
+     */
+    readonly chromeless?: boolean;
 }
-export declare function Dialog({ title, description, children, trigger, open, defaultOpen, onOpenChange, }: DialogProps): import("react").JSX.Element;
+export declare function Dialog({ title, description, children, trigger, open, defaultOpen, onOpenChange, fullscreen, contentClassName, chromeless, }: DialogProps): import("react").JSX.Element;
 //# sourceMappingURL=dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B;;;;;;;;OAQG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,WAAW,EACX,YAAY,GACb,EAAE,WAAW,+BA4Bb"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B;;;;;;;;OAQG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC;;;;;OAKG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,UAAkB,EAClB,gBAAgB,EAChB,UAAkB,GACnB,EAAE,WAAW,+BAkDb"}

package/dist/components/dialog.js

@@ -1,25 +1,28 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `Dialog` — a design-system wrapper over Radix Dialog: an accessible modal (role
- * `dialog`, focus trap, Escape to close) labelled by its title. Modality is
- * enforced by the focus trap and by Radix marking the rest of the page inert, not
- * by an `aria-modal` attribute — the panel ships none.
+ * `dialog`, focus trap, Escape to close) labelled by its title. Modality comes from
+ * the focus trap and Radix marking the page inert, not an `aria-modal` attribute.
  *
- * Radix owns every modal behaviour — the focus trap, the background scroll lock,
- * Escape, and focus return to the trigger — so this component adds no second
- * mechanism. It contributes only the design-system surface: `tai-overlay` paints
- * the scrim from `--tai-color-scrim`, and `tai-dialog` sizes the panel with a
- * `min()` so it still fits a 320 px viewport. The one gap Radix leaves — focus
- * return for a dialog that renders no trigger — is filled by
- * `useModalFocusReturn`, which stands down whenever a trigger IS rendered.
+ * Radix owns every modal behaviour (focus trap, scroll lock, Escape, focus return
+ * to the trigger); this component adds only the design-system surface (`tai-overlay`
+ * scrim, `tai-dialog` panel). The one gap Radix leaves — focus return for a dialog
+ * with no trigger — is filled by `useModalFocusReturn`, which stands down when a
+ * trigger IS rendered. The `fullscreen`, `contentClassName` and `chromeless` opt-ins
+ * (see the props) reshape the panel without giving up any Radix behaviour.
  */
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { assertSlotElement } from '../element-slot';
 import { useModalFocusReturn } from './modal-focus';
-export function Dialog({ title, description, children, trigger, open, defaultOpen, onOpenChange, }) {
+export function Dialog({ title, description, children, trigger, open, defaultOpen, onOpenChange, fullscreen = false, contentClassName, chromeless = false, }) {
     const focusReturn = useModalFocusReturn(trigger !== undefined);
     if (trigger !== undefined)
         assertSlotElement(trigger, 'Dialog `trigger`');
-    return (_jsxs(RadixDialog.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [trigger !== undefined ? _jsx(RadixDialog.Trigger, { asChild: true, children: trigger }) : null, _jsxs(RadixDialog.Portal, { children: [_jsx(RadixDialog.Overlay, { className: "tai-overlay" }), _jsxs(RadixDialog.Content, { className: "tai-dialog", ...focusReturn, ...(description === undefined ? { 'aria-describedby': undefined } : {}), children: [_jsx(RadixDialog.Title, { className: "tai-dialog-title", children: title }), _jsxs("div", { className: "tai-stack", children: [description !== undefined ? (_jsx(RadixDialog.Description, { className: "tai-muted", children: description })) : null, children] })] })] })] }));
+    const contentClasses = ['tai-dialog'];
+    if (fullscreen)
+        contentClasses.push('tai-dialog-fullscreen');
+    if (contentClassName !== undefined)
+        contentClasses.push(contentClassName);
+    return (_jsxs(RadixDialog.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange, children: [trigger !== undefined ? _jsx(RadixDialog.Trigger, { asChild: true, children: trigger }) : null, _jsxs(RadixDialog.Portal, { children: [_jsx(RadixDialog.Overlay, { className: "tai-overlay" }), _jsxs(RadixDialog.Content, { className: contentClasses.join(' '), ...focusReturn, ...(description === undefined ? { 'aria-describedby': undefined } : {}), children: [_jsx(RadixDialog.Title, { className: chromeless ? 'tai-visually-hidden' : 'tai-dialog-title', children: title }), chromeless ? (_jsxs(_Fragment, { children: [description !== undefined ? (_jsx(RadixDialog.Description, { className: "tai-visually-hidden", children: description })) : null, children] })) : (_jsxs("div", { className: "tai-stack", children: [description !== undefined ? (_jsx(RadixDialog.Description, { className: "tai-muted", children: description })) : null, children] }))] })] })] }));
 }
 //# sourceMappingURL=dialog.js.map

package/dist/components/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAGtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAqBpD,MAAM,UAAU,MAAM,CAAC,EACrB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,WAAW,EACX,YAAY,GACA;IACZ,MAAM,WAAW,GAAG,mBAAmB,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC;IAC/D,IAAI,OAAO,KAAK,SAAS;QAAE,iBAAiB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;IAC1E,OAAO,CACL,MAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,aAC/E,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,KAAC,WAAW,CAAC,OAAO,IAAC,OAAO,kBAAE,OAAO,GAAuB,CAAC,CAAC,CAAC,IAAI,EAC5F,MAAC,WAAW,CAAC,MAAM,eACjB,KAAC,WAAW,CAAC,OAAO,IAAC,SAAS,EAAC,aAAa,GAAG,EAK/C,MAAC,WAAW,CAAC,OAAO,IAClB,SAAS,EAAC,YAAY,KAClB,WAAW,KACX,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAExE,KAAC,WAAW,CAAC,KAAK,IAAC,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAqB,EAC3E,eAAK,SAAS,EAAC,WAAW,aACvB,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,KAAC,WAAW,CAAC,WAAW,IAAC,SAAS,EAAC,WAAW,YAAE,WAAW,GAA2B,CACvF,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IACL,IACc,IACH,IACJ,CACpB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAGtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAuCpD,MAAM,UAAU,MAAM,CAAC,EACrB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,UAAU,GAAG,KAAK,EAClB,gBAAgB,EAChB,UAAU,GAAG,KAAK,GACN;IACZ,MAAM,WAAW,GAAG,mBAAmB,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC;IAC/D,IAAI,OAAO,KAAK,SAAS;QAAE,iBAAiB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;IAE1E,MAAM,cAAc,GAAG,CAAC,YAAY,CAAC,CAAC;IACtC,IAAI,UAAU;QAAE,cAAc,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;IAC7D,IAAI,gBAAgB,KAAK,SAAS;QAAE,cAAc,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAE1E,OAAO,CACL,MAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,aAC/E,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,KAAC,WAAW,CAAC,OAAO,IAAC,OAAO,kBAAE,OAAO,GAAuB,CAAC,CAAC,CAAC,IAAI,EAC5F,MAAC,WAAW,CAAC,MAAM,eACjB,KAAC,WAAW,CAAC,OAAO,IAAC,SAAS,EAAC,aAAa,GAAG,EAK/C,MAAC,WAAW,CAAC,OAAO,IAClB,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,KAC/B,WAAW,KACX,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAIxE,KAAC,WAAW,CAAC,KAAK,IAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,kBAAkB,YAClF,KAAK,GACY,EACnB,UAAU,CAAC,CAAC,CAAC,CACZ,8BACG,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,KAAC,WAAW,CAAC,WAAW,IAAC,SAAS,EAAC,qBAAqB,YACrD,WAAW,GACY,CAC3B,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IACR,CACJ,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,WAAW,aACvB,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CAC3B,KAAC,WAAW,CAAC,WAAW,IAAC,SAAS,EAAC,WAAW,YAC3C,WAAW,GACY,CAC3B,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IACL,CACP,IACmB,IACH,IACJ,CACpB,CAAC;AACJ,CAAC"}

package/dist/components/dirty-guard.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Unsaved-changes guard for tabbed editors. `Tabs` unmount inactive panels, so a
+ * tab switch tears an editor down and drops its edits. One registry closes the gap:
+ * editors report dirtiness via {@link useRegisterDirty}; {@link GuardedTabs} holds a
+ * switch away from a dirty editor behind a confirm; the same registry arms
+ * {@link useNavigationGuard}, so a route navigation confirms through the SAME dialog
+ * and a full-page unload raises the native prompt. The dialog is one shared
+ * {@link ConfirmDialog} driven by a pending-promise resolver, so the guard's
+ * `Promise<boolean>` handler and the tab switch both settle against it.
+ */
+import { type ReactNode } from 'react';
+import type { TabItem } from './tabs';
+/**
+ * Report an editor's dirty state to the enclosing {@link GuardedTabs}. A no-op
+ * outside a provider (an editor rendered standalone, e.g. in isolation tests) so
+ * the hook is always safe to call.
+ */
+export declare function useRegisterDirty(dirty: boolean): void;
+/**
+ * A drop-in replacement for {@link Tabs} that guards a switch away from a dirty
+ * editor. Wraps the tabs in a {@link DirtyGuardProvider}, so an editor rendered in
+ * any panel can arm the guard through {@link useRegisterDirty}.
+ */
+export declare function GuardedTabs({ items, defaultValue, }: {
+    readonly items: readonly TabItem[];
+    readonly defaultValue?: string;
+}): ReactNode;
+//# sourceMappingURL=dirty-guard.d.ts.map

package/dist/components/dirty-guard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dirty-guard.d.ts","sourceRoot":"","sources":["../../src/components/dirty-guard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AA0EtC;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CASrD;AAwBD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAY,GACb,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;IACnC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC,GAAG,SAAS,CAMZ"}