@hanzo/ui 8.27.8 → 8.27.10

package/dist/product/ChunkGuard.cjs

@@ -0,0 +1,58 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChunkGuard = ChunkGuard;
+/**
+ * ChunkGuard — window-level net that recovers from a stale-deploy chunk 404.
+ * Renders nothing; mount it once near the shell root.
+ *
+ * Two catch surfaces, because a chunk 404 surfaces two ways:
+ *  - CAPTURE-phase `error` on the failing `<script>`/`<link>` element — a
+ *    resource load error does NOT bubble, so only a capture listener sees
+ *    it. This fires on the RAW 404 during the initial deep-link load,
+ *    before the loader even rejects — the earliest, most reliable signal.
+ *  - `unhandledrejection` / bubbled `error` carrying a `ChunkLoadError` —
+ *    the dynamic-import path.
+ *
+ * A render-time error boundary catches the same class at RENDER time; this
+ * complements it for the async/resource paths a boundary never sees. See
+ * `chunkGuard.logic.ts` for the pure decisions this wires up.
+ */
+const react_1 = require("react");
+const chunkGuard_logic_1 = require("./chunkGuard.logic.cjs");
+function ChunkGuard({ assetPathPrefix } = {}) {
+    (0, react_1.useEffect)(() => {
+        // Reload at most once per window, so a skew that trips several
+        // detectors at once reloads ONCE — never a reload loop.
+        const recover = () => {
+            try {
+                const raw = window.sessionStorage.getItem(chunkGuard_logic_1.CHUNK_RELOAD_AT_KEY);
+                const last = raw ? Number(raw) : null;
+                if (!(0, chunkGuard_logic_1.shouldReloadForChunk)(Date.now(), last))
+                    return;
+                window.sessionStorage.setItem(chunkGuard_logic_1.CHUNK_RELOAD_AT_KEY, String(Date.now()));
+                window.location.reload();
+            }
+            catch {
+                /* sessionStorage blocked (private mode) — let a render boundary show its card */
+            }
+        };
+        const onError = (e) => {
+            if ((0, chunkGuard_logic_1.isBuildAssetError)(e.target, assetPathPrefix) || (0, chunkGuard_logic_1.isChunkLoadError)(e.error ?? e.message))
+                recover();
+        };
+        const onRejection = (e) => {
+            if ((0, chunkGuard_logic_1.isChunkLoadError)(e.reason))
+                recover();
+        };
+        // `capture: true` so the non-bubbling resource-load error on a 404'd
+        // chunk element reaches us.
+        window.addEventListener('error', onError, true);
+        window.addEventListener('unhandledrejection', onRejection);
+        return () => {
+            window.removeEventListener('error', onError, true);
+            window.removeEventListener('unhandledrejection', onRejection);
+        };
+    }, [assetPathPrefix]);
+    return null;
+}

package/dist/product/ChunkGuard.d.ts

@@ -0,0 +1,7 @@
+export type ChunkGuardProps = {
+    /** Path fragment identifying a build asset URL. Default `/_next/static/`
+     *  (Next.js); pass the bundler's own prefix on another host. */
+    assetPathPrefix?: string;
+};
+export declare function ChunkGuard({ assetPathPrefix }?: ChunkGuardProps): null;
+//# sourceMappingURL=ChunkGuard.d.ts.map

package/dist/product/ChunkGuard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChunkGuard.d.ts","sourceRoot":"","sources":["../../src/product/ChunkGuard.tsx"],"names":[],"mappings":"AAsBA,MAAM,MAAM,eAAe,GAAG;IAC5B;oEACgE;IAChE,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,eAAe,EAAE,GAAE,eAAoB,QAkCnE"}

package/dist/product/ChunkGuard.js

@@ -0,0 +1,56 @@
+'use client';
+/**
+ * ChunkGuard — window-level net that recovers from a stale-deploy chunk 404.
+ * Renders nothing; mount it once near the shell root.
+ *
+ * Two catch surfaces, because a chunk 404 surfaces two ways:
+ *  - CAPTURE-phase `error` on the failing `<script>`/`<link>` element — a
+ *    resource load error does NOT bubble, so only a capture listener sees
+ *    it. This fires on the RAW 404 during the initial deep-link load,
+ *    before the loader even rejects — the earliest, most reliable signal.
+ *  - `unhandledrejection` / bubbled `error` carrying a `ChunkLoadError` —
+ *    the dynamic-import path.
+ *
+ * A render-time error boundary catches the same class at RENDER time; this
+ * complements it for the async/resource paths a boundary never sees. See
+ * `chunkGuard.logic.ts` for the pure decisions this wires up.
+ */
+import { useEffect } from 'react';
+import { isBuildAssetError, isChunkLoadError, shouldReloadForChunk, CHUNK_RELOAD_AT_KEY } from './chunkGuard.logic.js';
+export function ChunkGuard({ assetPathPrefix } = {}) {
+    useEffect(() => {
+        // Reload at most once per window, so a skew that trips several
+        // detectors at once reloads ONCE — never a reload loop.
+        const recover = () => {
+            try {
+                const raw = window.sessionStorage.getItem(CHUNK_RELOAD_AT_KEY);
+                const last = raw ? Number(raw) : null;
+                if (!shouldReloadForChunk(Date.now(), last))
+                    return;
+                window.sessionStorage.setItem(CHUNK_RELOAD_AT_KEY, String(Date.now()));
+                window.location.reload();
+            }
+            catch {
+                /* sessionStorage blocked (private mode) — let a render boundary show its card */
+            }
+        };
+        const onError = (e) => {
+            if (isBuildAssetError(e.target, assetPathPrefix) || isChunkLoadError(e.error ?? e.message))
+                recover();
+        };
+        const onRejection = (e) => {
+            if (isChunkLoadError(e.reason))
+                recover();
+        };
+        // `capture: true` so the non-bubbling resource-load error on a 404'd
+        // chunk element reaches us.
+        window.addEventListener('error', onError, true);
+        window.addEventListener('unhandledrejection', onRejection);
+        return () => {
+            window.removeEventListener('error', onError, true);
+            window.removeEventListener('unhandledrejection', onRejection);
+        };
+    }, [assetPathPrefix]);
+    return null;
+}
+//# sourceMappingURL=ChunkGuard.js.map

package/dist/product/ChunkGuard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChunkGuard.js","sourceRoot":"","sources":["../../src/product/ChunkGuard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AAQnH,MAAM,UAAU,UAAU,CAAC,EAAE,eAAe,EAAE,GAAoB,EAAE;IAClE,SAAS,CAAC,GAAG,EAAE;QACb,+DAA+D;QAC/D,wDAAwD;QACxD,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,IAAI,CAAC;gBACH,MAAM,GAAG,GAAG,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAA;gBAC9D,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;gBACrC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC;oBAAE,OAAM;gBACnD,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,mBAAmB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;gBACtE,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAA;YAC1B,CAAC;YAAC,MAAM,CAAC;gBACP,iFAAiF;YACnF,CAAC;QACH,CAAC,CAAA;QAED,MAAM,OAAO,GAAG,CAAC,CAAa,EAAE,EAAE;YAChC,IAAI,iBAAiB,CAAC,CAAC,CAAC,MAAM,EAAE,eAAe,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,OAAO,CAAC;gBAAE,OAAO,EAAE,CAAA;QACvG,CAAC,CAAA;QACD,MAAM,WAAW,GAAG,CAAC,CAAwB,EAAE,EAAE;YAC/C,IAAI,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC;gBAAE,OAAO,EAAE,CAAA;QAC3C,CAAC,CAAA;QAED,qEAAqE;QACrE,4BAA4B;QAC5B,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CAAA;QAC/C,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAA;QAC1D,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CAAA;YAClD,MAAM,CAAC,mBAAmB,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAA;QAC/D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/product/DetailPane.cjs

@@ -0,0 +1,46 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDetailPane = useDetailPane;
+exports.DetailPane = DetailPane;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * DetailPane — the ONE reusable right-side pane for viewing or editing the
+ * details of an item. A product does NOT build its own pane: it writes a
+ * DESCRIPTOR (`{ title, subtitle?, icon?, content, footer? }`) and calls
+ * `useDetailPane().open(descriptor)`. The pane slides out from the right
+ * (full-screen on mobile) via `SlideOver`, so every "open item detail" looks
+ * and behaves identically (DRY).
+ *
+ * Rendered ONCE near the shell root; any module — a row, a list item, a
+ * pinned form — opens the same pane. Interactive content closes itself with
+ * `useDetailPane().close()`.
+ *
+ * The last descriptor stays mounted through the close transition, so the exit
+ * animates with its content (no flash of empty pane). Opening a new
+ * descriptor replaces it.
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const SlideOver_1 = require("./SlideOver.cjs");
+const color_1 = require("./color.cjs");
+const Ctx = (0, react_1.createContext)(null);
+function useDetailPane() {
+    const ctx = (0, react_1.useContext)(Ctx);
+    if (!ctx)
+        throw new Error('useDetailPane must be used within <DetailPane>');
+    return ctx;
+}
+function DetailPane({ children, zIndex }) {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [desc, setDesc] = (0, react_1.useState)(null);
+    const open = (0, react_1.useCallback)((descriptor) => {
+        setDesc(descriptor);
+        setIsOpen(true);
+    }, []);
+    const close = (0, react_1.useCallback)(() => setIsOpen(false), []);
+    const api = (0, react_1.useMemo)(() => ({ open, close, isOpen }), [open, close, isOpen]);
+    const Icon = desc?.icon;
+    return ((0, jsx_runtime_1.jsxs)(Ctx.Provider, { value: api, children: [children, (0, jsx_runtime_1.jsxs)(SlideOver_1.SlideOver, { open: isOpen, onClose: close, side: "right", size: desc?.size ?? 460, ariaLabel: typeof desc?.title === 'string' ? desc?.title : 'Details', zIndex: zIndex, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2.5", px: "$4", height: 56, borderBottomWidth: 1, borderColor: "$borderColor", children: [Icon ? (0, jsx_runtime_1.jsx)(Icon, { size: 18, color: desc?.iconColor ? (0, color_1.asColor)(desc.iconColor) : undefined }) : null, (0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, minW: 0, children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$5", fontWeight: "700", color: "$color12", numberOfLines: 1, children: desc?.title }), desc?.subtitle !== undefined ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color10", numberOfLines: 1, children: desc?.subtitle })) : null] }), (0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", chromeless: true, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 18 }), onPress: close, "aria-label": "Close" })] }), (0, jsx_runtime_1.jsx)(gui_1.ScrollView, { flex: 1, minH: 0, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { p: "$4", gap: "$3", children: desc?.content }) }), desc?.footer !== undefined ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { px: "$4", py: "$3", gap: "$2", borderTopWidth: 1, borderColor: "$borderColor", bg: "$color1", children: desc?.footer })) : null] })] }));
+}

package/dist/product/DetailPane.d.ts

@@ -0,0 +1,47 @@
+/**
+ * DetailPane — the ONE reusable right-side pane for viewing or editing the
+ * details of an item. A product does NOT build its own pane: it writes a
+ * DESCRIPTOR (`{ title, subtitle?, icon?, content, footer? }`) and calls
+ * `useDetailPane().open(descriptor)`. The pane slides out from the right
+ * (full-screen on mobile) via `SlideOver`, so every "open item detail" looks
+ * and behaves identically (DRY).
+ *
+ * Rendered ONCE near the shell root; any module — a row, a list item, a
+ * pinned form — opens the same pane. Interactive content closes itself with
+ * `useDetailPane().close()`.
+ *
+ * The last descriptor stays mounted through the close transition, so the exit
+ * animates with its content (no flash of empty pane). Opening a new
+ * descriptor replaces it.
+ */
+import { type ReactNode } from 'react';
+import { type IconLike } from './color.js';
+export type DetailDescriptor = {
+    /** Pane title (the item's name). */
+    title: ReactNode;
+    /** Optional secondary line under the title (type, id, status…). */
+    subtitle?: ReactNode;
+    /** Optional title icon, tinted with `iconColor`. */
+    icon?: IconLike;
+    iconColor?: string;
+    /** Desktop pane width (px). Mobile is always full-screen. Default 460. */
+    size?: number;
+    /** The body — the detail view or edit form for the item. */
+    content: ReactNode;
+    /** Optional sticky footer (primary actions), pinned below the scroll body. */
+    footer?: ReactNode;
+};
+export type DetailPaneApi = {
+    open: (descriptor: DetailDescriptor) => void;
+    close: () => void;
+    isOpen: boolean;
+};
+export declare function useDetailPane(): DetailPaneApi;
+export type DetailPaneProps = {
+    children: ReactNode;
+    /** z-index for stacking — a pane opened over another overlay passes a
+     *  higher value. Left to `SlideOver`'s own default otherwise. */
+    zIndex?: number;
+};
+export declare function DetailPane({ children, zIndex }: DetailPaneProps): import("react").JSX.Element;
+//# sourceMappingURL=DetailPane.d.ts.map

package/dist/product/DetailPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPane.d.ts","sourceRoot":"","sources":["../../src/product/DetailPane.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAKd,OAAO,EAAW,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEhD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oCAAoC;IACpC,KAAK,EAAE,SAAS,CAAA;IAChB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,oDAAoD;IACpD,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,OAAO,EAAE,SAAS,CAAA;IAClB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC5C,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAID,wBAAgB,aAAa,IAAI,aAAa,CAI7C;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB;qEACiE;IACjE,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,eAAe,+BAsD/D"}

package/dist/product/DetailPane.js

@@ -0,0 +1,43 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DetailPane — the ONE reusable right-side pane for viewing or editing the
+ * details of an item. A product does NOT build its own pane: it writes a
+ * DESCRIPTOR (`{ title, subtitle?, icon?, content, footer? }`) and calls
+ * `useDetailPane().open(descriptor)`. The pane slides out from the right
+ * (full-screen on mobile) via `SlideOver`, so every "open item detail" looks
+ * and behaves identically (DRY).
+ *
+ * Rendered ONCE near the shell root; any module — a row, a list item, a
+ * pinned form — opens the same pane. Interactive content closes itself with
+ * `useDetailPane().close()`.
+ *
+ * The last descriptor stays mounted through the close transition, so the exit
+ * animates with its content (no flash of empty pane). Opening a new
+ * descriptor replaces it.
+ */
+import { createContext, useCallback, useContext, useMemo, useState, } from 'react';
+import { Button, ScrollView, Text, XStack, YStack } from '@hanzo/gui';
+import { X } from '@hanzogui/lucide-icons-2';
+import { SlideOver } from './SlideOver.js';
+import { asColor } from './color.js';
+const Ctx = createContext(null);
+export function useDetailPane() {
+    const ctx = useContext(Ctx);
+    if (!ctx)
+        throw new Error('useDetailPane must be used within <DetailPane>');
+    return ctx;
+}
+export function DetailPane({ children, zIndex }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [desc, setDesc] = useState(null);
+    const open = useCallback((descriptor) => {
+        setDesc(descriptor);
+        setIsOpen(true);
+    }, []);
+    const close = useCallback(() => setIsOpen(false), []);
+    const api = useMemo(() => ({ open, close, isOpen }), [open, close, isOpen]);
+    const Icon = desc?.icon;
+    return (_jsxs(Ctx.Provider, { value: api, children: [children, _jsxs(SlideOver, { open: isOpen, onClose: close, side: "right", size: desc?.size ?? 460, ariaLabel: typeof desc?.title === 'string' ? desc?.title : 'Details', zIndex: zIndex, children: [_jsxs(XStack, { items: "center", gap: "$2.5", px: "$4", height: 56, borderBottomWidth: 1, borderColor: "$borderColor", children: [Icon ? _jsx(Icon, { size: 18, color: desc?.iconColor ? asColor(desc.iconColor) : undefined }) : null, _jsxs(YStack, { flex: 1, minW: 0, children: [_jsx(Text, { fontSize: "$5", fontWeight: "700", color: "$color12", numberOfLines: 1, children: desc?.title }), desc?.subtitle !== undefined ? (_jsx(Text, { fontSize: "$2", color: "$color10", numberOfLines: 1, children: desc?.subtitle })) : null] }), _jsx(Button, { size: "$2", chromeless: true, icon: _jsx(X, { size: 18 }), onPress: close, "aria-label": "Close" })] }), _jsx(ScrollView, { flex: 1, minH: 0, children: _jsx(YStack, { p: "$4", gap: "$3", children: desc?.content }) }), desc?.footer !== undefined ? (_jsx(XStack, { px: "$4", py: "$3", gap: "$2", borderTopWidth: 1, borderColor: "$borderColor", bg: "$color1", children: desc?.footer })) : null] })] }));
+}
+//# sourceMappingURL=DetailPane.js.map

package/dist/product/DetailPane.js.map

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

package/dist/product/Fact.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fact = Fact;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const gui_1 = require("@hanzo/gui");
+const fonts_1 = require("../core/fonts.cjs");
+/**
+ * Fact — one row of a property list: a label on the left, a value on the
+ * right, a hairline separator beneath. The read-only counterpart to `Field`'s
+ * editable row — a detail pane is a stack of these where a settings form is a
+ * stack of `Field`s.
+ *
+ * Written twice, near-identically, in two console detail drawers before
+ * either could find the other. This is the one definition; the wider of the
+ * two shapes won (a non-string `value` renders as given, not stringified).
+ */
+function Fact({ label, value, mono }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { justify: "space-between", items: "center", py: "$1.5", borderBottomWidth: 1, borderColor: "$borderColor", gap: "$3", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color11", children: label }), typeof value === 'string' ? ((0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$2", color: "$color12", fontWeight: "600", numberOfLines: 1, style: mono ? { fontFamily: fonts_1.fontMono } : undefined, children: value })) : (value)] }));
+}

package/dist/product/Fact.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+export type FactProps = {
+    /** The row's left-hand label. */
+    label: string;
+    /** The row's right-hand value. A string renders in the value color and
+     *  weight; anything else (a badge, a link, a stack of controls) renders as
+     *  given. */
+    value: ReactNode;
+    /** Render a string value in the monospace face — an id, a hash, a path. */
+    mono?: boolean;
+};
+/**
+ * Fact — one row of a property list: a label on the left, a value on the
+ * right, a hairline separator beneath. The read-only counterpart to `Field`'s
+ * editable row — a detail pane is a stack of these where a settings form is a
+ * stack of `Field`s.
+ *
+ * Written twice, near-identically, in two console detail drawers before
+ * either could find the other. This is the one definition; the wider of the
+ * two shapes won (a non-string `value` renders as given, not stringified).
+ */
+export declare function Fact({ label, value, mono }: FactProps): import("react").JSX.Element;
+//# sourceMappingURL=Fact.d.ts.map

package/dist/product/Fact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fact.d.ts","sourceRoot":"","sources":["../../src/product/Fact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,MAAM,MAAM,SAAS,GAAG;IACtB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAA;IACb;;iBAEa;IACb,KAAK,EAAE,SAAS,CAAA;IAChB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED;;;;;;;;;GASG;AACH,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,SAAS,+BA4BrD"}

package/dist/product/Fact.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, XStack } from '@hanzo/gui';
+import { fontMono } from '../core/fonts.js';
+/**
+ * Fact — one row of a property list: a label on the left, a value on the
+ * right, a hairline separator beneath. The read-only counterpart to `Field`'s
+ * editable row — a detail pane is a stack of these where a settings form is a
+ * stack of `Field`s.
+ *
+ * Written twice, near-identically, in two console detail drawers before
+ * either could find the other. This is the one definition; the wider of the
+ * two shapes won (a non-string `value` renders as given, not stringified).
+ */
+export function Fact({ label, value, mono }) {
+    return (_jsxs(XStack, { justify: "space-between", items: "center", py: "$1.5", borderBottomWidth: 1, borderColor: "$borderColor", gap: "$3", children: [_jsx(Text, { fontSize: "$2", color: "$color11", children: label }), typeof value === 'string' ? (_jsx(Text, { fontSize: "$2", color: "$color12", fontWeight: "600", numberOfLines: 1, style: mono ? { fontFamily: fontMono } : undefined, children: value })) : (value)] }));
+}
+//# sourceMappingURL=Fact.js.map

package/dist/product/Fact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fact.js","sourceRoot":"","sources":["../../src/product/Fact.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAaxC;;;;;;;;;GASG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAa;IACpD,OAAO,CACL,MAAC,MAAM,IACL,OAAO,EAAC,eAAe,EACvB,KAAK,EAAC,QAAQ,EACd,EAAE,EAAC,MAAM,EACT,iBAAiB,EAAE,CAAC,EACpB,WAAW,EAAC,cAAc,EAC1B,GAAG,EAAC,IAAI,aAER,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,YACjC,KAAK,GACD,EACN,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,KAAC,IAAI,IACH,QAAQ,EAAC,IAAI,EACb,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,KAAK,EAChB,aAAa,EAAE,CAAC,EAChB,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,YAEjD,KAAK,GACD,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CACN,IACM,CACV,CAAA;AACH,CAAC"}

package/dist/product/chunkGuard.logic.cjs

@@ -0,0 +1,54 @@
+"use strict";
+/**
+ * Pure decisions for `ChunkGuard`, kept apart from the window listeners so
+ * they are unit-tested without a browser.
+ *
+ * On a rolling deploy, an open tab (or a fresh deep-link landing on a new
+ * replica) can request a hashed chunk that no longer exists. The 404 falls
+ * through to the app-shell HTML, so the browser throws `ChunkLoadError` /
+ * "Unexpected token '<'" trying to parse HTML as JS — a blank,
+ * unrecoverable screen. In a PRODUCTION build, user code never throws
+ * "Unexpected token '<'" at runtime (that is a build-time syntax error), so
+ * at runtime it is a chunk skew — recover, don't crash.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CHUNK_RELOAD_AT_KEY = void 0;
+exports.isChunkLoadError = isChunkLoadError;
+exports.isBuildAssetError = isBuildAssetError;
+exports.shouldReloadForChunk = shouldReloadForChunk;
+/** The sessionStorage key a recovery reload is bounded by, so a skew that
+ *  trips the guard more than once in a burst reloads at most once. */
+exports.CHUNK_RELOAD_AT_KEY = 'hz.chunkReloadAt';
+/** True for a webpack/Next dynamic chunk (JS or CSS) load failure, including
+ *  the stale-deploy case where a 404'd chunk URL is parsed as JS. */
+function isChunkLoadError(e) {
+    if (!e)
+        return false;
+    const name = typeof e === 'object' && e !== null && 'name' in e ? String(e.name) : '';
+    const msg = e instanceof Error ? e.message : String(e);
+    return (name === 'ChunkLoadError' ||
+        /ChunkLoadError/i.test(msg) ||
+        /Loading (?:CSS )?chunk [\w./-]+ failed/i.test(msg) ||
+        /(?:Failed to fetch|error loading|Importing a module script failed).*dynamically imported module/i.test(msg) ||
+        /Failed to fetch dynamically imported module/i.test(msg) ||
+        /Importing a module script failed/i.test(msg) ||
+        // Stale chunk URL served the HTML shell → parsed as JS.
+        /Unexpected token '<'|expected expression, got '<'|Unexpected token <|<!DOCTYPE/i.test(msg));
+}
+/** True for a failed resource load whose element targets a build asset
+ *  (a script or stylesheet under `pathPrefix`, default `/_next/static/`). */
+function isBuildAssetError(target, pathPrefix = '/_next/static/') {
+    if (!target || typeof target !== 'object')
+        return false;
+    const el = target;
+    const url = el.src || el.href;
+    return typeof url === 'string' && url.includes(pathPrefix);
+}
+/** Reload at most once per `windowMs` to recover from a chunk skew.
+ *  `lastReloadAt` is the epoch-ms of the last recovery reload (null when
+ *  there has been none); true means a fresh reload is safe. */
+function shouldReloadForChunk(now, lastReloadAt, windowMs = 15_000) {
+    if (lastReloadAt == null || !Number.isFinite(lastReloadAt))
+        return true;
+    return now - lastReloadAt >= windowMs;
+}

package/dist/product/chunkGuard.logic.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Pure decisions for `ChunkGuard`, kept apart from the window listeners so
+ * they are unit-tested without a browser.
+ *
+ * On a rolling deploy, an open tab (or a fresh deep-link landing on a new
+ * replica) can request a hashed chunk that no longer exists. The 404 falls
+ * through to the app-shell HTML, so the browser throws `ChunkLoadError` /
+ * "Unexpected token '<'" trying to parse HTML as JS — a blank,
+ * unrecoverable screen. In a PRODUCTION build, user code never throws
+ * "Unexpected token '<'" at runtime (that is a build-time syntax error), so
+ * at runtime it is a chunk skew — recover, don't crash.
+ */
+/** The sessionStorage key a recovery reload is bounded by, so a skew that
+ *  trips the guard more than once in a burst reloads at most once. */
+export declare const CHUNK_RELOAD_AT_KEY = "hz.chunkReloadAt";
+/** True for a webpack/Next dynamic chunk (JS or CSS) load failure, including
+ *  the stale-deploy case where a 404'd chunk URL is parsed as JS. */
+export declare function isChunkLoadError(e: unknown): boolean;
+/** True for a failed resource load whose element targets a build asset
+ *  (a script or stylesheet under `pathPrefix`, default `/_next/static/`). */
+export declare function isBuildAssetError(target: EventTarget | null, pathPrefix?: string): boolean;
+/** Reload at most once per `windowMs` to recover from a chunk skew.
+ *  `lastReloadAt` is the epoch-ms of the last recovery reload (null when
+ *  there has been none); true means a fresh reload is safe. */
+export declare function shouldReloadForChunk(now: number, lastReloadAt: number | null, windowMs?: number): boolean;
+//# sourceMappingURL=chunkGuard.logic.d.ts.map

package/dist/product/chunkGuard.logic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunkGuard.logic.d.ts","sourceRoot":"","sources":["../../src/product/chunkGuard.logic.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH;sEACsE;AACtE,eAAO,MAAM,mBAAmB,qBAAqB,CAAA;AAErD;qEACqE;AACrE,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAcpD;AAED;6EAC6E;AAC7E,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,EAAE,UAAU,SAAmB,GAAG,OAAO,CAKpG;AAED;;+DAE+D;AAC/D,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,SAAS,GAAG,OAAO,CAGzG"}

package/dist/product/chunkGuard.logic.js

@@ -0,0 +1,49 @@
+/**
+ * Pure decisions for `ChunkGuard`, kept apart from the window listeners so
+ * they are unit-tested without a browser.
+ *
+ * On a rolling deploy, an open tab (or a fresh deep-link landing on a new
+ * replica) can request a hashed chunk that no longer exists. The 404 falls
+ * through to the app-shell HTML, so the browser throws `ChunkLoadError` /
+ * "Unexpected token '<'" trying to parse HTML as JS — a blank,
+ * unrecoverable screen. In a PRODUCTION build, user code never throws
+ * "Unexpected token '<'" at runtime (that is a build-time syntax error), so
+ * at runtime it is a chunk skew — recover, don't crash.
+ */
+/** The sessionStorage key a recovery reload is bounded by, so a skew that
+ *  trips the guard more than once in a burst reloads at most once. */
+export const CHUNK_RELOAD_AT_KEY = 'hz.chunkReloadAt';
+/** True for a webpack/Next dynamic chunk (JS or CSS) load failure, including
+ *  the stale-deploy case where a 404'd chunk URL is parsed as JS. */
+export function isChunkLoadError(e) {
+    if (!e)
+        return false;
+    const name = typeof e === 'object' && e !== null && 'name' in e ? String(e.name) : '';
+    const msg = e instanceof Error ? e.message : String(e);
+    return (name === 'ChunkLoadError' ||
+        /ChunkLoadError/i.test(msg) ||
+        /Loading (?:CSS )?chunk [\w./-]+ failed/i.test(msg) ||
+        /(?:Failed to fetch|error loading|Importing a module script failed).*dynamically imported module/i.test(msg) ||
+        /Failed to fetch dynamically imported module/i.test(msg) ||
+        /Importing a module script failed/i.test(msg) ||
+        // Stale chunk URL served the HTML shell → parsed as JS.
+        /Unexpected token '<'|expected expression, got '<'|Unexpected token <|<!DOCTYPE/i.test(msg));
+}
+/** True for a failed resource load whose element targets a build asset
+ *  (a script or stylesheet under `pathPrefix`, default `/_next/static/`). */
+export function isBuildAssetError(target, pathPrefix = '/_next/static/') {
+    if (!target || typeof target !== 'object')
+        return false;
+    const el = target;
+    const url = el.src || el.href;
+    return typeof url === 'string' && url.includes(pathPrefix);
+}
+/** Reload at most once per `windowMs` to recover from a chunk skew.
+ *  `lastReloadAt` is the epoch-ms of the last recovery reload (null when
+ *  there has been none); true means a fresh reload is safe. */
+export function shouldReloadForChunk(now, lastReloadAt, windowMs = 15_000) {
+    if (lastReloadAt == null || !Number.isFinite(lastReloadAt))
+        return true;
+    return now - lastReloadAt >= windowMs;
+}
+//# sourceMappingURL=chunkGuard.logic.js.map

package/dist/product/chunkGuard.logic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunkGuard.logic.js","sourceRoot":"","sources":["../../src/product/chunkGuard.logic.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH;sEACsE;AACtE,MAAM,CAAC,MAAM,mBAAmB,GAAG,kBAAkB,CAAA;AAErD;qEACqE;AACrE,MAAM,UAAU,gBAAgB,CAAC,CAAU;IACzC,IAAI,CAAC,CAAC;QAAE,OAAO,KAAK,CAAA;IACpB,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,IAAI,IAAI,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAE,CAAwB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7G,MAAM,GAAG,GAAG,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IACtD,OAAO,CACL,IAAI,KAAK,gBAAgB;QACzB,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC;QAC3B,yCAAyC,CAAC,IAAI,CAAC,GAAG,CAAC;QACnD,kGAAkG,CAAC,IAAI,CAAC,GAAG,CAAC;QAC5G,8CAA8C,CAAC,IAAI,CAAC,GAAG,CAAC;QACxD,mCAAmC,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7C,wDAAwD;QACxD,iFAAiF,CAAC,IAAI,CAAC,GAAG,CAAC,CAC5F,CAAA;AACH,CAAC;AAED;6EAC6E;AAC7E,MAAM,UAAU,iBAAiB,CAAC,MAA0B,EAAE,UAAU,GAAG,gBAAgB;IACzF,IAAI,CAAC,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAA;IACvD,MAAM,EAAE,GAAG,MAAsD,CAAA;IACjE,MAAM,GAAG,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,IAAI,CAAA;IAC7B,OAAO,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;AAC5D,CAAC;AAED;;+DAE+D;AAC/D,MAAM,UAAU,oBAAoB,CAAC,GAAW,EAAE,YAA2B,EAAE,QAAQ,GAAG,MAAM;IAC9F,IAAI,YAAY,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC;QAAE,OAAO,IAAI,CAAA;IACvE,OAAO,GAAG,GAAG,YAAY,IAAI,QAAQ,CAAA;AACvC,CAAC"}

package/dist/product/index.cjs

@@ -113,6 +113,9 @@ __exportStar(require("./Workbench.cjs"), exports);
 __exportStar(require("./EmptyState.cjs"), exports);
 __exportStar(require("./FadeIn.cjs"), exports);
 __exportStar(require("./Field.cjs"), exports);
+// `Fact` is `Field`'s read-only counterpart: a settings form is a stack of
+// `Field`s, a detail pane is a stack of these.
+__exportStar(require("./Fact.cjs"), exports);
 __exportStar(require("./HanzoMark.cjs"), exports);
 __exportStar(require("./PageHeader.cjs"), exports);
 // Palette — the ONE ⌘K bar, plus its opener. The list it renders is not written
@@ -129,6 +132,9 @@ __exportStar(require("./Reorder.cjs"), exports);
 __exportStar(require("./SelectMenu.cjs"), exports);
 __exportStar(require("./Skeleton.cjs"), exports);
 __exportStar(require("./SlideOver.cjs"), exports);
+// `DetailPane` is the one mount point over `SlideOver` for a descriptor-driven
+// item view: a caller writes `{ title, content, footer? }`, never a drawer.
+__exportStar(require("./DetailPane.cjs"), exports);
 __exportStar(require("./StatusTag.cjs"), exports);
 __exportStar(require("./Split.cjs"), exports);
 __exportStar(require("./tone.cjs"), exports);
@@ -140,6 +146,10 @@ __exportStar(require("./ThemeToggle.cjs"), exports);
 // those shapes; reaching for them is the signal you have left the common case.
 __exportStar(require("./DialogTemplate.cjs"), exports);
 __exportStar(require("./TooltipAnchor.cjs"), exports);
+// `ChunkGuard` — the window-level net for a stale-deploy chunk 404 (see
+// `chunkGuard.logic.ts` for the pure decisions). Mount it once near the shell
+// root; it renders nothing.
+__exportStar(require("./ChunkGuard.cjs"), exports);
 // `ThemeToggleNext` is NOT re-exported here, and that is the whole reason this
 // comment exists. It is the @hanzogui/next-theme binding, and next-theme's
 // provider imports `next/script` — so a static edge from this barrel put Next in

package/dist/product/index.d.ts

@@ -33,6 +33,7 @@ export * from './Workbench.js';
 export * from './EmptyState.js';
 export * from './FadeIn.js';
 export * from './Field.js';
+export * from './Fact.js';
 export * from './HanzoMark.js';
 export * from './PageHeader.js';
 export * from './Palette.js';
@@ -45,12 +46,14 @@ export * from './Reorder.js';
 export * from './SelectMenu.js';
 export * from './Skeleton.js';
 export * from './SlideOver.js';
+export * from './DetailPane.js';
 export * from './StatusTag.js';
 export * from './Split.js';
 export * from './tone.js';
 export * from './ThemeToggle.js';
 export * from './DialogTemplate.js';
 export * from './TooltipAnchor.js';
+export * from './ChunkGuard.js';
 export * from './Toast.js';
 export * from './accent.js';
 export * from './color.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/product/index.ts"],"names":[],"mappings":"AAaA,cAAc,UAAU,CAAA;AAKxB,OAAO,EACL,MAAM,EACN,aAAa,EACb,SAAS,EACT,SAAS,IAAI,eAAe,EAC5B,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,KAAK,GACN,MAAM,UAAU,CAAA;AAGjB,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAK/D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,cAAc,mBAAmB,CAAA;AASjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AAKvB,cAAc,QAAQ,CAAA;AAKtB,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAK5B,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AAOzB,cAAc,cAAc,CAAA;AAK5B,cAAc,YAAY,CAAA;AAO1B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAI7B,cAAc,cAAc,CAAA;AAG5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAM5B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAM7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAc/B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AASvB,cAAc,UAAU,CAAA;AAKxB,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/product/index.ts"],"names":[],"mappings":"AAaA,cAAc,UAAU,CAAA;AAKxB,OAAO,EACL,MAAM,EACN,aAAa,EACb,SAAS,EACT,SAAS,IAAI,eAAe,EAC5B,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,KAAK,GACN,MAAM,UAAU,CAAA;AAGjB,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAK/D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,cAAc,mBAAmB,CAAA;AASjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AAKvB,cAAc,QAAQ,CAAA;AAKtB,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAK5B,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AAOzB,cAAc,cAAc,CAAA;AAK5B,cAAc,YAAY,CAAA;AAO1B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAI7B,cAAc,cAAc,CAAA;AAG5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAGvB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAM5B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAG3B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAM7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAK/B,cAAc,cAAc,CAAA;AAc5B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AASvB,cAAc,UAAU,CAAA;AAKxB,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,aAAa,CAAA"}

package/dist/product/index.js

@@ -84,6 +84,9 @@ export * from './Workbench.js';
 export * from './EmptyState.js';
 export * from './FadeIn.js';
 export * from './Field.js';
+// `Fact` is `Field`'s read-only counterpart: a settings form is a stack of
+// `Field`s, a detail pane is a stack of these.
+export * from './Fact.js';
 export * from './HanzoMark.js';
 export * from './PageHeader.js';
 // Palette — the ONE ⌘K bar, plus its opener. The list it renders is not written
@@ -100,6 +103,9 @@ export * from './Reorder.js';
 export * from './SelectMenu.js';
 export * from './Skeleton.js';
 export * from './SlideOver.js';
+// `DetailPane` is the one mount point over `SlideOver` for a descriptor-driven
+// item view: a caller writes `{ title, content, footer? }`, never a drawer.
+export * from './DetailPane.js';
 export * from './StatusTag.js';
 export * from './Split.js';
 export * from './tone.js';
@@ -111,6 +117,10 @@ export * from './ThemeToggle.js';
 // those shapes; reaching for them is the signal you have left the common case.
 export * from './DialogTemplate.js';
 export * from './TooltipAnchor.js';
+// `ChunkGuard` — the window-level net for a stale-deploy chunk 404 (see
+// `chunkGuard.logic.ts` for the pure decisions). Mount it once near the shell
+// root; it renders nothing.
+export * from './ChunkGuard.js';
 // `ThemeToggleNext` is NOT re-exported here, and that is the whole reason this
 // comment exists. It is the @hanzogui/next-theme binding, and next-theme's
 // provider imports `next/script` — so a static edge from this barrel put Next in

package/dist/product/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/product/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,EAAE;AACF,2EAA2E;AAC3E,gFAAgF;AAChF,iFAAiF;AACjF,gFAAgF;AAChF,wEAAwE;AACxE,EAAE;AACF,kFAAkF;AAClF,6EAA6E;AAE7E,kFAAkF;AAClF,gEAAgE;AAChE,cAAc,UAAU,CAAA;AAExB,2EAA2E;AAC3E,+EAA+E;AAC/E,4CAA4C;AAC5C,OAAO,EACL,MAAM,EACN,aAAa,EACb,SAAS,EACT,SAAS,IAAI,eAAe,EAC5B,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,KAAK,GACN,MAAM,UAAU,CAAA;AAEjB,6EAA6E;AAC7E,OAAO,EAAE,KAAK,IAAI,SAAS,EAAqB,MAAM,SAAS,CAAA;AAE/D,+EAA+E;AAC/E,8EAA8E;AAC9E,qCAAqC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,cAAc,mBAAmB,CAAA;AAEjC,gFAAgF;AAChF,6EAA6E;AAC7E,mFAAmF;AACnF,EAAE;AACF,+EAA+E;AAC/E,6EAA6E;AAC7E,8DAA8D;AAC9D,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AAEvB,mFAAmF;AACnF,qFAAqF;AACrF,qFAAqF;AACrF,cAAc,QAAQ,CAAA;AAEtB,iFAAiF;AACjF,2EAA2E;AAC3E,8EAA8E;AAC9E,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAE5B,6EAA6E;AAC7E,yEAAyE;AACzE,qFAAqF;AACrF,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AAEzB,8EAA8E;AAC9E,8EAA8E;AAC9E,+EAA+E;AAC/E,6EAA6E;AAC7E,mDAAmD;AACnD,cAAc,cAAc,CAAA;AAE5B,gFAAgF;AAChF,iFAAiF;AACjF,2EAA2E;AAC3E,cAAc,YAAY,CAAA;AAE1B,kFAAkF;AAClF,mFAAmF;AACnF,gFAAgF;AAChF,kFAAkF;AAClF,oBAAoB;AACpB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAE7B,8EAA8E;AAC9E,sBAAsB;AACtB,cAAc,cAAc,CAAA;AAE5B,mEAAmE;AACnE,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAE5B,gFAAgF;AAChF,iFAAiF;AACjF,6EAA6E;AAC7E,8EAA8E;AAC9E,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,8EAA8E;AAC9E,yEAAyE;AACzE,yEAAyE;AACzE,6EAA6E;AAC7E,+EAA+E;AAC/E,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAE/B,+EAA+E;AAC/E,2EAA2E;AAC3E,iFAAiF;AACjF,0EAA0E;AAC1E,8EAA8E;AAC9E,iFAAiF;AACjF,0BAA0B;AAC1B,EAAE;AACF,0EAA0E;AAC1E,EAAE;AACF,+EAA+E;AAC/E,kEAAkE;AAClE,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,mFAAmF;AACnF,qFAAqF;AACrF,uEAAuE;AAEvE,iFAAiF;AACjF,kFAAkF;AAClF,kEAAkE;AAClE,cAAc,UAAU,CAAA;AAExB,sEAAsE;AACtE,+EAA+E;AAC/E,8EAA8E;AAC9E,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAgB,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/product/index.ts"],"names":[],"mappings":"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"}