@xemahq/ui-kernel 0.4.0 → 0.5.0

package/README.md

@@ -53,6 +53,36 @@ pnpm add @xemahq/ui-kernel
 
 ## Usage
 
+Author a web biome with `defineWebBiome` — a declarative page list where each
+`slug` single-sources both the nav route and the route path, and each page
+declares its menu `category` (the host owns where that category renders):
+
+```tsx
+import { defineWebBiome } from '@xemahq/ui-kernel';
+import { Layers } from 'lucide-react';
+
+export default defineWebBiome({
+  id: 'spaces-web',
+  displayName: 'Spaces',
+  pages: [
+    {
+      slug: 'system/spaces',
+      label: 'Spaces',
+      icon: Layers,
+      category: 'knowledge', // primary | build | operate | knowledge | admin | account
+      load: () => import('./pages/SpacesPage'),
+    },
+  ],
+});
+```
+
+The helper emits the nav item + route (wrapping the lazily-loaded page in a
+`<Suspense>` boundary) and passes through `init`/`panels`/`session` for bespoke
+biomes. Pass a per-page `id` to keep a short nav id distinct from the route
+slug, or `navHidden: true` to register a route with no nav item.
+
+Lower-level building blocks are also exported:
+
 ```ts
 import { buildSystemBus, biomeRegistry } from '@xemahq/ui-kernel';
 
@@ -62,6 +92,25 @@ const bus = buildSystemBus(hostPorts);
 biomeRegistry.registerBiome(myBiome);
 ```
 
+## UI components
+
+Build your pages with the shared design system from `@xemahq/ui-kernel/ui` so a
+third-party biome renders pixel-identical to a built-in one (they resolve
+against the host theme at render):
+
+```tsx
+import {
+  Button, Badge, Input, Select, Dialog, Card, Tabs, Table, // primitives
+  PageShell, PageHeader, EmptyState, ErrorCard, StateCard, LoadingState, AsyncBoundary,
+  StatusBadge, ScopeBadge, ConfirmDeleteDialog, FormStepper, AsyncCombobox,
+  getStatusStyle, cn,
+} from '@xemahq/ui-kernel/ui';
+```
+
+Host-service hooks (toast, error copy, URL-backed page state) come from the
+`HostBridge` — e.g. `useMutationWithErrorToast`, `usePageState` from
+`@xemahq/ui-kernel` — so biomes never import host internals directly.
+
 ## Peer requirements
 
 - `react` — the shared component model.

package/dist/lib/biome-host/index.d.ts

@@ -17,4 +17,6 @@ export * from './realtime-port';
 export * from './realtime-hooks';
 export * from './errors';
 export * from './response-envelope';
+export * from './use-mutation-with-error-toast';
+export * from './use-page-state';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/biome-host/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/biome-host/index.ts"],"names":[],"mappings":"AAcA,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/biome-host/index.ts"],"names":[],"mappings":"AAcA,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,iCAAiC,CAAC;AAChD,cAAc,kBAAkB,CAAC"}

package/dist/lib/biome-host/index.js

@@ -33,4 +33,6 @@ __exportStar(require("./realtime-port"), exports);
 __exportStar(require("./realtime-hooks"), exports);
 __exportStar(require("./errors"), exports);
 __exportStar(require("./response-envelope"), exports);
+__exportStar(require("./use-mutation-with-error-toast"), exports);
+__exportStar(require("./use-page-state"), exports);
 //# sourceMappingURL=index.js.map

package/dist/lib/biome-host/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/biome-host/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAcA,mDAAiC;AACjC,gDAA8B;AAC9B,qDAAmC;AACnC,gDAA8B;AAC9B,uDAAqC;AACrC,mDAAiC;AACjC,qDAAmC;AACnC,8DAA4C;AAC5C,mDAAiC;AACjC,0DAAwC;AACxC,qDAAmC;AACnC,iDAA+B;AAC/B,wCAAsB;AACtB,+CAA6B;AAC7B,qDAAmC;AACnC,kDAAgC;AAChC,mDAAiC;AACjC,2CAAyB;AACzB,sDAAoC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/biome-host/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAcA,mDAAiC;AACjC,gDAA8B;AAC9B,qDAAmC;AACnC,gDAA8B;AAC9B,uDAAqC;AACrC,mDAAiC;AACjC,qDAAmC;AACnC,8DAA4C;AAC5C,mDAAiC;AACjC,0DAAwC;AACxC,qDAAmC;AACnC,iDAA+B;AAC/B,wCAAsB;AACtB,+CAA6B;AAC7B,qDAAmC;AACnC,kDAAgC;AAChC,mDAAiC;AACjC,2CAAyB;AACzB,sDAAoC;AACpC,kEAAgD;AAChD,mDAAiC"}

package/dist/lib/biome-host/use-mutation-with-error-toast.d.ts

@@ -0,0 +1,10 @@
+import { type UseMutationOptions } from '@tanstack/react-query';
+export type MutationCoreOptions<TData = unknown, TError = Error, TVariables = unknown, TContext = unknown> = Omit<UseMutationOptions<TData, TError, TVariables, TContext>, 'onError'>;
+export interface MutationToastOptions<TError = Error> {
+    successTitle?: string | null;
+    successDescription?: string;
+    errorTitle?: string;
+    onError?: (error: TError) => boolean | void;
+}
+export declare function useMutationWithErrorToast<TData = unknown, TError extends Error = Error, TVariables = unknown, TContext = unknown>(mutationOptions: MutationCoreOptions<TData, TError, TVariables, TContext>, toastOptions?: MutationToastOptions<TError>): import("@tanstack/react-query").UseMutationResult<TData, TError, TVariables, TContext>;
+//# sourceMappingURL=use-mutation-with-error-toast.d.ts.map

package/dist/lib/biome-host/use-mutation-with-error-toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mutation-with-error-toast.d.ts","sourceRoot":"","sources":["../../../src/lib/biome-host/use-mutation-with-error-toast.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAe,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAK7E,MAAM,MAAM,mBAAmB,CAC7B,KAAK,GAAG,OAAO,EACf,MAAM,GAAG,KAAK,EACd,UAAU,GAAG,OAAO,EACpB,QAAQ,GAAG,OAAO,IAChB,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC;AAE7E,MAAM,WAAW,oBAAoB,CAAC,MAAM,GAAG,KAAK;IAElD,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,UAAU,CAAC,EAAE,MAAM,CAAC;IAKpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC;CAC7C;AAED,wBAAgB,yBAAyB,CACvC,KAAK,GAAG,OAAO,EACf,MAAM,SAAS,KAAK,GAAG,KAAK,EAC5B,UAAU,GAAG,OAAO,EACpB,QAAQ,GAAG,OAAO,EAElB,eAAe,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,EACzE,YAAY,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,0FAqC5C"}

package/dist/lib/biome-host/use-mutation-with-error-toast.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMutationWithErrorToast = useMutationWithErrorToast;
+const react_query_1 = require("@tanstack/react-query");
+const errors_1 = require("./errors");
+const host_bridge_1 = require("./host-bridge");
+function useMutationWithErrorToast(mutationOptions, toastOptions) {
+    const bridge = (0, host_bridge_1.useHostBridge)();
+    const decodeError = bridge.errors?.getUserFacingErrorMessage ?? errors_1.getUserFacingErrorMessage;
+    const { onSuccess: userOnSuccess, ...coreMutationOptions } = mutationOptions;
+    const { successTitle, successDescription, errorTitle, onError: customOnError, } = toastOptions ?? {};
+    return (0, react_query_1.useMutation)({
+        ...coreMutationOptions,
+        onSuccess: (data, variables, context, mutation) => {
+            if (successTitle !== null && successTitle !== undefined) {
+                bridge.toast.success(successTitle, successDescription);
+            }
+            if (userOnSuccess)
+                userOnSuccess(data, variables, context, mutation);
+        },
+        onError: (error) => {
+            if (errorTitle !== null && errorTitle !== undefined) {
+                const shouldSuppressToast = customOnError?.(error) === true;
+                if (!shouldSuppressToast) {
+                    const errorMessage = decodeError(error, 'Unable to complete this action.');
+                    bridge.toast.error(errorTitle, errorMessage);
+                }
+            }
+            else {
+                customOnError?.(error);
+            }
+        },
+    });
+}
+//# sourceMappingURL=use-mutation-with-error-toast.js.map

package/dist/lib/biome-host/use-mutation-with-error-toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mutation-with-error-toast.js","sourceRoot":"","sources":["../../../src/lib/biome-host/use-mutation-with-error-toast.ts"],"names":[],"mappings":";;AA2CA,8DA4CC;AAtED,uDAA6E;AAE7E,qCAAqD;AACrD,+CAA8C;AAuB9C,SAAgB,yBAAyB,CAMvC,eAAyE,EACzE,YAA2C;IAE3C,MAAM,MAAM,GAAG,IAAA,2BAAa,GAAE,CAAC;IAC/B,MAAM,WAAW,GACf,MAAM,CAAC,MAAM,EAAE,yBAAyB,IAAI,kCAAyB,CAAC;IAExE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,mBAAmB,EAAE,GAAG,eAAe,CAAC;IAC7E,MAAM,EACJ,YAAY,EACZ,kBAAkB,EAClB,UAAU,EACV,OAAO,EAAE,aAAa,GACvB,GAAG,YAAY,IAAI,EAAE,CAAC;IAEvB,OAAO,IAAA,yBAAW,EAAC;QACjB,GAAG,mBAAmB;QACtB,SAAS,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;YAChD,IAAI,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;gBACxD,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC;YACzD,CAAC;YACD,IAAI,aAAa;gBAAE,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;QACvE,CAAC;QACD,OAAO,EAAE,CAAC,KAAa,EAAE,EAAE;YACzB,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;gBACpD,MAAM,mBAAmB,GAAG,aAAa,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;gBAC5D,IAAI,CAAC,mBAAmB,EAAE,CAAC;oBACzB,MAAM,YAAY,GAAG,WAAW,CAC9B,KAAK,EACL,iCAAiC,CAClC,CAAC;oBACF,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;gBAC/C,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,aAAa,EAAE,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACH,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}

package/dist/lib/biome-host/use-page-state.d.ts

@@ -0,0 +1,4 @@
+export declare function usePageState<T>(stateKey: string, defaultValue: T): [T, (value: T) => void];
+export declare function usePageInputState(stateKey: string, defaultValue: string, debounceMs?: number): [string, (value: string) => void];
+export declare function useBatchPageState(): (updates: Record<string, string | null>) => void;
+//# sourceMappingURL=use-page-state.d.ts.map

package/dist/lib/biome-host/use-page-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-page-state.d.ts","sourceRoot":"","sources":["../../../src/lib/biome-host/use-page-state.ts"],"names":[],"mappings":"AAuFA,wBAAgB,YAAY,CAAC,CAAC,EAC5B,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,CAAC,GACd,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CA0BzB;AAsBD,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,MAAM,EACpB,UAAU,GAAE,MAAqC,GAChD,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,CAwDnC;AAWD,wBAAgB,iBAAiB,IAAI,CACnC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,KACnC,IAAI,CAmBR"}

package/dist/lib/biome-host/use-page-state.js

@@ -0,0 +1,140 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePageState = usePageState;
+exports.usePageInputState = usePageInputState;
+exports.useBatchPageState = useBatchPageState;
+const react_1 = require("react");
+const host_bridge_1 = require("./host-bridge");
+const INPUT_URL_MIRROR_DEBOUNCE_MS = 300;
+function buildPath(pathname, params) {
+    const queryString = params.toString();
+    return queryString ? `${pathname}?${queryString}` : pathname;
+}
+function serializeValue(value) {
+    if (typeof value === 'string')
+        return value;
+    if (typeof value === 'number' || typeof value === 'boolean')
+        return String(value);
+    return JSON.stringify(value);
+}
+function tryParseJson(rawValue) {
+    try {
+        return JSON.parse(rawValue);
+    }
+    catch {
+        return undefined;
+    }
+}
+function deserializePrimitive(rawValue, defaultValue) {
+    if (typeof defaultValue === 'string')
+        return rawValue;
+    if (typeof defaultValue === 'number') {
+        const numericValue = Number(rawValue);
+        return (Number.isNaN(numericValue) ? defaultValue : numericValue);
+    }
+    if (typeof defaultValue === 'boolean') {
+        if (rawValue === 'true')
+            return true;
+        if (rawValue === 'false')
+            return false;
+        return defaultValue;
+    }
+    return undefined;
+}
+function deserializeValue(rawValue, defaultValue) {
+    if (rawValue === null)
+        return defaultValue;
+    const primitive = deserializePrimitive(rawValue, defaultValue);
+    if (primitive !== undefined)
+        return primitive;
+    const parsedValue = tryParseJson(rawValue);
+    if (parsedValue !== undefined && typeof parsedValue === 'object') {
+        return parsedValue;
+    }
+    if (defaultValue === null || defaultValue === undefined)
+        return rawValue;
+    if (parsedValue !== undefined)
+        return parsedValue;
+    if (Array.isArray(defaultValue)) {
+        return rawValue ? [rawValue] : defaultValue;
+    }
+    return defaultValue;
+}
+function usePageState(stateKey, defaultValue) {
+    const { navigation } = (0, host_bridge_1.useHostBridge)();
+    const searchParams = navigation.useSearchParams();
+    const { pathname } = navigation.useLocation();
+    const rawValue = searchParams.get(stateKey);
+    const value = deserializeValue(rawValue, defaultValue);
+    const setValue = (0, react_1.useCallback)((newValue) => {
+        const next = new URLSearchParams(searchParams);
+        if (newValue === null ||
+            newValue === undefined ||
+            serializeValue(newValue) === serializeValue(defaultValue)) {
+            next.delete(stateKey);
+        }
+        else {
+            next.set(stateKey, serializeValue(newValue));
+        }
+        navigation.push(buildPath(pathname, next));
+    }, [defaultValue, stateKey, searchParams, pathname, navigation]);
+    return [value, setValue];
+}
+function usePageInputState(stateKey, defaultValue, debounceMs = INPUT_URL_MIRROR_DEBOUNCE_MS) {
+    const { navigation } = (0, host_bridge_1.useHostBridge)();
+    const searchParams = navigation.useSearchParams();
+    const { pathname } = navigation.useLocation();
+    const urlValue = searchParams.get(stateKey) ?? defaultValue;
+    const [localValue, setLocalValue] = (0, react_1.useState)(urlValue);
+    const lastMirroredRef = (0, react_1.useRef)(urlValue);
+    (0, react_1.useEffect)(() => {
+        if (urlValue !== lastMirroredRef.current) {
+            lastMirroredRef.current = urlValue;
+            setLocalValue(urlValue);
+        }
+    }, [urlValue]);
+    const debounceTimerRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => () => {
+        if (debounceTimerRef.current !== null) {
+            clearTimeout(debounceTimerRef.current);
+        }
+    }, []);
+    const setValue = (0, react_1.useCallback)((newValue) => {
+        setLocalValue(newValue);
+        if (debounceTimerRef.current !== null) {
+            clearTimeout(debounceTimerRef.current);
+        }
+        debounceTimerRef.current = setTimeout(() => {
+            debounceTimerRef.current = null;
+            lastMirroredRef.current =
+                newValue === defaultValue ? defaultValue : newValue;
+            const next = new URLSearchParams(searchParams);
+            if (newValue === defaultValue || newValue.length === 0) {
+                next.delete(stateKey);
+            }
+            else {
+                next.set(stateKey, newValue);
+            }
+            navigation.replace(buildPath(pathname, next));
+        }, debounceMs);
+    }, [debounceMs, defaultValue, stateKey, searchParams, pathname, navigation]);
+    return [localValue, setValue];
+}
+function useBatchPageState() {
+    const { navigation } = (0, host_bridge_1.useHostBridge)();
+    const searchParams = navigation.useSearchParams();
+    const { pathname } = navigation.useLocation();
+    return (0, react_1.useCallback)((updates) => {
+        const next = new URLSearchParams(searchParams);
+        for (const [key, value] of Object.entries(updates)) {
+            if (value === null || value === undefined) {
+                next.delete(key);
+            }
+            else {
+                next.set(key, value);
+            }
+        }
+        navigation.push(buildPath(pathname, next));
+    }, [searchParams, pathname, navigation]);
+}
+//# sourceMappingURL=use-page-state.js.map

package/dist/lib/biome-host/use-page-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-page-state.js","sourceRoot":"","sources":["../../../src/lib/biome-host/use-page-state.ts"],"names":[],"mappings":";;AAuFA,oCA6BC;AAsBD,8CA4DC;AAWD,8CAqBC;AAxND,iCAAiE;AAEjE,+CAA8C;AAG9C,MAAM,4BAA4B,GAAG,GAAG,CAAC;AAEzC,SAAS,SAAS,CAAC,QAAgB,EAAE,MAAuB;IAC1D,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;IACtC,OAAO,WAAW,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;AAC/D,CAAC;AAED,SAAS,cAAc,CAAI,KAAQ;IACjC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS;QACzD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AAC/B,CAAC;AAED,SAAS,YAAY,CAAC,QAAgB;IACpC,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,SAAS,CAAC;IACnB,CAAC;AACH,CAAC;AAED,SAAS,oBAAoB,CAC3B,QAAgB,EAChB,YAAe;IAEf,IAAI,OAAO,YAAY,KAAK,QAAQ;QAAE,OAAO,QAAa,CAAC;IAE3D,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;QACrC,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;QACtC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAM,CAAC;IACzE,CAAC;IAED,IAAI,OAAO,YAAY,KAAK,SAAS,EAAE,CAAC;QACtC,IAAI,QAAQ,KAAK,MAAM;YAAE,OAAO,IAAS,CAAC;QAC1C,IAAI,QAAQ,KAAK,OAAO;YAAE,OAAO,KAAU,CAAC;QAC5C,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,gBAAgB,CAAI,QAAuB,EAAE,YAAe;IACnE,IAAI,QAAQ,KAAK,IAAI;QAAE,OAAO,YAAY,CAAC;IAE3C,MAAM,SAAS,GAAG,oBAAoB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC/D,IAAI,SAAS,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAM9C,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;IAC3C,IAAI,WAAW,KAAK,SAAS,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE,CAAC;QACjE,OAAO,WAAgB,CAAC;IAC1B,CAAC;IAED,IAAI,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,SAAS;QAAE,OAAO,QAAa,CAAC;IAE9E,IAAI,WAAW,KAAK,SAAS;QAAE,OAAO,WAAgB,CAAC;IAEvD,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;QAChC,OAAO,QAAQ,CAAC,CAAC,CAAE,CAAC,QAAQ,CAAkB,CAAC,CAAC,CAAC,YAAY,CAAC;IAChE,CAAC;IAED,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,SAAgB,YAAY,CAC1B,QAAgB,EAChB,YAAe;IAEf,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAa,GAAE,CAAC;IACvC,MAAM,YAAY,GAAG,UAAU,CAAC,eAAe,EAAE,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC;IAE9C,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,KAAK,GAAG,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAEvD,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAC1B,CAAC,QAAW,EAAE,EAAE;QACd,MAAM,IAAI,GAAG,IAAI,eAAe,CAAC,YAAY,CAAC,CAAC;QAC/C,IACE,QAAQ,KAAK,IAAI;YACjB,QAAQ,KAAK,SAAS;YACtB,cAAc,CAAC,QAAQ,CAAC,KAAK,cAAc,CAAC,YAAY,CAAC,EACzD,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC/C,CAAC;QACD,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAC7C,CAAC,EACD,CAAC,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,CAAC,CAC7D,CAAC;IAEF,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC3B,CAAC;AAsBD,SAAgB,iBAAiB,CAC/B,QAAgB,EAChB,YAAoB,EACpB,aAAqB,4BAA4B;IAEjD,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAa,GAAE,CAAC;IACvC,MAAM,YAAY,GAAG,UAAU,CAAC,eAAe,EAAE,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC;IAE9C,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,YAAY,CAAC;IAE5D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,CAAC;IAMvD,MAAM,eAAe,GAAG,IAAA,cAAM,EAAC,QAAQ,CAAC,CAAC;IACzC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,KAAK,eAAe,CAAC,OAAO,EAAE,CAAC;YACzC,eAAe,CAAC,OAAO,GAAG,QAAQ,CAAC;YACnC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,gBAAgB,GAAG,IAAA,cAAM,EAAuC,IAAI,CAAC,CAAC;IAC5E,IAAA,iBAAS,EACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,IAAI,gBAAgB,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACtC,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAC1B,CAAC,QAAgB,EAAE,EAAE;QAEnB,aAAa,CAAC,QAAQ,CAAC,CAAC;QAExB,IAAI,gBAAgB,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACtC,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QACzC,CAAC;QACD,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACzC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;YAChC,eAAe,CAAC,OAAO;gBACrB,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC;YACtD,MAAM,IAAI,GAAG,IAAI,eAAe,CAAC,YAAY,CAAC,CAAC;YAC/C,IAAI,QAAQ,KAAK,YAAY,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACvD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YACxB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAC/B,CAAC;YACD,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;QAChD,CAAC,EAAE,UAAU,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,CAAC,CACzE,CAAC;IAEF,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAChC,CAAC;AAWD,SAAgB,iBAAiB;IAG/B,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAa,GAAE,CAAC;IACvC,MAAM,YAAY,GAAG,UAAU,CAAC,eAAe,EAAE,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC;IAE9C,OAAO,IAAA,mBAAW,EAChB,CAAC,OAAsC,EAAE,EAAE;QACzC,MAAM,IAAI,GAAG,IAAI,eAAe,CAAC,YAAY,CAAC,CAAC;QAC/C,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;YACnD,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBAC1C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACnB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC;QACD,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAC7C,CAAC,EACD,CAAC,YAAY,EAAE,QAAQ,EAAE,UAAU,CAAC,CACrC,CAAC;AACJ,CAAC"}

package/dist/ui/chrome/confirm-delete-dialog.d.ts

@@ -0,0 +1,11 @@
+export interface ConfirmDeleteDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onConfirm: () => void;
+    title?: string;
+    description?: string;
+    isPending?: boolean;
+    confirmLabel?: string;
+}
+export default function ConfirmDeleteDialog({ open, onOpenChange, onConfirm, title, description, isPending, confirmLabel, }: ConfirmDeleteDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=confirm-delete-dialog.d.ts.map

package/dist/ui/chrome/confirm-delete-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-delete-dialog.d.ts","sourceRoot":"","sources":["../../../src/ui/chrome/confirm-delete-dialog.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAMD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAqB,EACrB,WAAgF,EAChF,SAAS,EACT,YAAuB,GACxB,EAAE,wBAAwB,+BAsB1B"}

package/dist/ui/chrome/confirm-delete-dialog.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ConfirmDeleteDialog;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const alert_dialog_1 = require("../primitives/alert-dialog");
+function ConfirmDeleteDialog({ open, onOpenChange, onConfirm, title = 'Delete item', description = 'This action cannot be undone. Are you sure you want to continue?', isPending, confirmLabel = 'Delete', }) {
+    return ((0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialog, { open: open, onOpenChange: onOpenChange, children: (0, jsx_runtime_1.jsxs)(alert_dialog_1.AlertDialogContent, { children: [(0, jsx_runtime_1.jsxs)(alert_dialog_1.AlertDialogHeader, { children: [(0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialogTitle, { children: title }), (0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialogDescription, { children: description })] }), (0, jsx_runtime_1.jsxs)(alert_dialog_1.AlertDialogFooter, { children: [(0, jsx_runtime_1.jsx)(alert_dialog_1.AlertDialogCancel, { disabled: isPending, children: "Cancel" }), (0, jsx_runtime_1.jsxs)(alert_dialog_1.AlertDialogAction, { onClick: onConfirm, disabled: isPending, className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: [isPending && (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 mr-1.5 animate-spin" }), confirmLabel] })] })] }) }));
+}
+//# sourceMappingURL=confirm-delete-dialog.js.map

package/dist/ui/chrome/confirm-delete-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-delete-dialog.js","sourceRoot":"","sources":["../../../src/ui/chrome/confirm-delete-dialog.tsx"],"names":[],"mappings":";;AA4BA,sCA8BC;;AA1DD,+CAAuC;AAEvC,6DASoC;AAiBpC,SAAwB,mBAAmB,CAAC,EAC1C,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,KAAK,GAAG,aAAa,EACrB,WAAW,GAAG,kEAAkE,EAChF,SAAS,EACT,YAAY,GAAG,QAAQ,GACE;IACzB,OAAO,CACL,uBAAC,0BAAW,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,YACjD,wBAAC,iCAAkB,eACjB,wBAAC,gCAAiB,eAChB,uBAAC,+BAAgB,cAAE,KAAK,GAAoB,EAC5C,uBAAC,qCAAsB,cAAE,WAAW,GAA0B,IAC5C,EACpB,wBAAC,gCAAiB,eAChB,uBAAC,gCAAiB,IAAC,QAAQ,EAAE,SAAS,uBAA4B,EAClE,wBAAC,gCAAiB,IAChB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,oEAAoE,aAE7E,SAAS,IAAI,uBAAC,sBAAO,IAAC,SAAS,EAAC,6BAA6B,GAAG,EAChE,YAAY,IACK,IACF,IACD,GACT,CACf,CAAC;AACJ,CAAC"}

package/dist/ui/chrome/page-shell.d.ts

@@ -0,0 +1,27 @@
+import { type LucideIcon } from 'lucide-react';
+import { type ReactNode } from 'react';
+import { type PageBackTarget } from '../../lib/biome-host';
+interface TabDef {
+    value: string;
+    label: string | ReactNode;
+    count?: number;
+    indicator?: boolean;
+}
+interface PageShellProps {
+    icon: LucideIcon;
+    title: string;
+    description?: string;
+    children?: ReactNode;
+    actions?: ReactNode;
+    tabs?: TabDef[];
+    activeTab?: string;
+    onTabChange?: (value: string) => void;
+    maxWidth?: string;
+    embedded?: boolean;
+    eyebrow?: string;
+    backTo?: PageBackTarget;
+    topbarActions?: ReactNode;
+}
+export default function PageShell({ icon: _Icon, title, description, children, actions, tabs, activeTab, onTabChange, maxWidth, embedded, eyebrow, backTo, topbarActions, }: Readonly<PageShellProps>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=page-shell.d.ts.map

package/dist/ui/chrome/page-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-shell.d.ts","sourceRoot":"","sources":["../../../src/ui/chrome/page-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI1E,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,MAAM,CAAC,EAAE,cAAc,CAAC;IAOxB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAQD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAI,EAAE,KAAK,EACX,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,EACT,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACN,aAAa,GACd,EAAE,QAAQ,CAAC,cAAc,CAAC,+BAuG1B"}

package/dist/ui/chrome/page-shell.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = PageShell;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const biome_host_1 = require("../../lib/biome-host");
+const EmptyState_1 = __importDefault(require("./EmptyState"));
+const tabs_1 = require("../primitives/tabs");
+function PageShell({ icon: _Icon, title, description, children, actions, tabs, activeTab, onTabChange, maxWidth, embedded, eyebrow, backTo, topbarActions, }) {
+    (0, biome_host_1.useHostBridge)().pageMeta.usePageMeta({ title, description, eyebrow, backTo, topbarActions });
+    if (embedded) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-full min-h-0 flex-col bg-paper", children: [(tabs && tabs.length > 0) || actions ? ((0, jsx_runtime_1.jsx)("div", { className: "shrink-0 border-b border-rule bg-paper-elev/40", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-3 px-4 py-2 lg:px-6", children: [tabs && tabs.length > 0 && ((0, jsx_runtime_1.jsx)(tabs_1.Tabs, { value: activeTab, onValueChange: onTabChange, className: "flex-1 min-w-0", children: (0, jsx_runtime_1.jsx)("div", { className: "overflow-x-auto", children: (0, jsx_runtime_1.jsx)(tabs_1.TabsList, { className: "h-7 bg-transparent p-0 gap-0", children: tabs.map((tab) => ((0, jsx_runtime_1.jsxs)(tabs_1.TabsTrigger, { value: tab.value, className: "rounded-none border-b-2 border-transparent px-2 py-1 text-body-2 font-medium text-ink-3 transition-colors data-[state=active]:border-primary data-[state=active]:text-ink data-[state=active]:bg-transparent data-[state=active]:shadow-none", children: [tab.label, tab.count !== undefined && ((0, jsx_runtime_1.jsx)("span", { className: "ml-1.5 text-caption tabular-nums opacity-70", children: tab.count })), tab.indicator && ((0, jsx_runtime_1.jsx)("span", { className: "ml-1.5 inline-block h-1.5 w-1.5 rounded-full bg-warning" }))] }, tab.value))) }) }) })), !tabs && (0, jsx_runtime_1.jsx)("div", { className: "flex-1" }), actions && (0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-2 shrink-0", children: actions })] }) })) : null, (0, jsx_runtime_1.jsx)("div", { className: "flex-1 overflow-auto min-h-0", children: (0, jsx_runtime_1.jsx)("div", { className: "flex h-full min-h-0 flex-col px-4 pb-4 pt-3 lg:px-6", children: children }) })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `flex h-full min-h-0 flex-col ${maxWidth ?? ''}`, children: [(tabs || actions) && ((0, jsx_runtime_1.jsx)("div", { className: "shrink-0 border-b border-border/50 px-4 sm:px-5 lg:px-8", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex min-h-[34px] flex-col gap-2 py-1.5 sm:flex-row sm:items-center sm:gap-3 sm:py-0", children: [tabs && tabs.length > 0 && ((0, jsx_runtime_1.jsx)(tabs_1.Tabs, { value: activeTab, onValueChange: onTabChange, className: "flex-1 min-w-0", children: (0, jsx_runtime_1.jsx)("div", { className: "overflow-x-auto", children: (0, jsx_runtime_1.jsx)(tabs_1.TabsList, { className: "h-7 bg-transparent p-0 gap-0", children: tabs.map((tab) => ((0, jsx_runtime_1.jsxs)(tabs_1.TabsTrigger, { value: tab.value, className: "whitespace-nowrap rounded-none border-b-2 border-transparent px-2.5 py-1.5 text-caption font-medium text-ink-3/90 transition-colors data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-ink data-[state=active]:shadow-none hover:text-ink", children: [tab.label, tab.count !== undefined && ((0, jsx_runtime_1.jsx)("span", { className: "ml-1.5 text-caption tabular-nums opacity-60", children: tab.count })), tab.indicator && ((0, jsx_runtime_1.jsx)("span", { className: "ml-1.5 inline-block h-1.5 w-1.5 rounded-full bg-warning" }))] }, tab.value))) }) }) })), !tabs && (0, jsx_runtime_1.jsx)("div", { className: "flex-1" }), actions && ((0, jsx_runtime_1.jsx)("div", { className: "flex w-full flex-wrap items-center gap-2 sm:w-auto sm:shrink-0 sm:justify-end", children: actions }))] }) })), (0, jsx_runtime_1.jsx)("div", { className: "flex min-h-0 flex-1 flex-col overflow-auto px-4 pb-5 pt-4 sm:px-6 sm:pb-6 sm:pt-5", children: children || ((0, jsx_runtime_1.jsx)(EmptyState_1.default, { icon: lucide_react_1.FileQuestion, title: "Nothing to show yet", description: "This page has no content to display. Check back once the workspace has data." })) })] }));
+}
+//# sourceMappingURL=page-shell.js.map

package/dist/ui/chrome/page-shell.js.map

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

package/dist/ui/chrome/scope-badge.d.ts

@@ -0,0 +1,9 @@
+import { type Tone } from '../design-tokens';
+export interface ScopeBadgeProps {
+    label: string;
+    tone?: Tone;
+    hint?: string;
+    className?: string;
+}
+export default function ScopeBadge({ label, tone, hint, className, }: ScopeBadgeProps): import("react").JSX.Element;
+//# sourceMappingURL=scope-badge.d.ts.map

package/dist/ui/chrome/scope-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scope-badge.d.ts","sourceRoot":"","sources":["../../../src/ui/chrome/scope-badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE1D,MAAM,WAAW,eAAe;IAE9B,KAAK,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,IAAgB,EAChB,IAAI,EACJ,SAAS,GACV,EAAE,eAAe,+BAajB"}

package/dist/ui/chrome/scope-badge.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ScopeBadge;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../cn");
+const design_tokens_1 = require("../design-tokens");
+function ScopeBadge({ label, tone = 'neutral', hint, className, }) {
+    return ((0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)('inline-flex shrink-0 items-center rounded-sm border px-1.5 py-0 text-[10px] font-medium uppercase tracking-wide', design_tokens_1.TONE_STYLES[tone], className), title: hint, children: label }));
+}
+//# sourceMappingURL=scope-badge.js.map

package/dist/ui/chrome/scope-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scope-badge.js","sourceRoot":"","sources":["../../../src/ui/chrome/scope-badge.tsx"],"names":[],"mappings":";;AAqBA,6BAkBC;;AAvCD,8BAA2B;AAC3B,oDAA0D;AAoB1D,SAAwB,UAAU,CAAC,EACjC,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,SAAS,GACO;IAChB,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,OAAE,EACX,iHAAiH,EACjH,2BAAW,CAAC,IAAI,CAAC,EACjB,SAAS,CACV,EACD,KAAK,EAAE,IAAI,YAEV,KAAK,GACD,CACR,CAAC;AACJ,CAAC"}

package/dist/ui/chrome/status-badge.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+export type StatusBadgeSize = 'xs' | 'sm' | 'md';
+export interface StatusBadgeProps {
+    status: string;
+    className?: string;
+    dot?: boolean;
+    size?: StatusBadgeSize;
+    children?: ReactNode;
+}
+export default function StatusBadge({ status, className, dot, size, children, }: StatusBadgeProps): import("react").JSX.Element;
+//# sourceMappingURL=status-badge.d.ts.map

package/dist/ui/chrome/status-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../../src/ui/chrome/status-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAmCD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,SAAS,EACT,GAAG,EACH,IAAW,EACX,QAAQ,GACT,EAAE,gBAAgB,+BAkBlB"}

package/dist/ui/chrome/status-badge.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = StatusBadge;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../cn");
+const design_tokens_1 = require("../design-tokens");
+const badge_1 = require("../primitives/badge");
+const SIZE_TOKENS = {
+    xs: {
+        badge: 'h-[18px] px-1.5 py-0 text-[10px] font-medium',
+        dot: 'h-1 w-1',
+        gap: 'gap-1',
+    },
+    sm: {
+        badge: 'h-5 px-2 py-0 text-caption font-medium',
+        dot: 'h-1.5 w-1.5',
+        gap: 'gap-1.5',
+    },
+    md: {
+        badge: 'px-2.5 py-0.5 text-body-1',
+        dot: 'h-1.5 w-1.5',
+        gap: 'gap-1.5',
+    },
+};
+function StatusBadge({ status, className, dot, size = 'sm', children, }) {
+    const style = (0, design_tokens_1.getStatusStyle)(status);
+    const sz = SIZE_TOKENS[size];
+    return ((0, jsx_runtime_1.jsxs)(badge_1.Badge, { variant: "outline", className: (0, cn_1.cn)('inline-flex items-center rounded-full', sz.badge, sz.gap, style.badge, className), children: [dot && (0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)('shrink-0 rounded-full', sz.dot, style.dot) }), children ?? (0, jsx_runtime_1.jsx)("span", { className: "capitalize", children: status.replace(/_/g, ' ') })] }));
+}
+//# sourceMappingURL=status-badge.js.map

package/dist/ui/chrome/status-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.js","sourceRoot":"","sources":["../../../src/ui/chrome/status-badge.tsx"],"names":[],"mappings":";;AAkDA,8BAwBC;;AAxED,8BAA2B;AAC3B,oDAAkD;AAClD,+CAA4C;AAmB5C,MAAM,WAAW,GAAwC;IACvD,EAAE,EAAE;QACF,KAAK,EAAE,8CAA8C;QACrD,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,OAAO;KACb;IACD,EAAE,EAAE;QACF,KAAK,EAAE,wCAAwC;QAC/C,GAAG,EAAE,aAAa;QAClB,GAAG,EAAE,SAAS;KACf;IACD,EAAE,EAAE;QACF,KAAK,EAAE,2BAA2B;QAClC,GAAG,EAAE,aAAa;QAClB,GAAG,EAAE,SAAS;KACf;CACF,CAAC;AAWF,SAAwB,WAAW,CAAC,EAClC,MAAM,EACN,SAAS,EACT,GAAG,EACH,IAAI,GAAG,IAAI,EACX,QAAQ,GACS;IACjB,MAAM,KAAK,GAAG,IAAA,8BAAc,EAAC,MAAM,CAAC,CAAC;IACrC,MAAM,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,CACL,wBAAC,aAAK,IACJ,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,IAAA,OAAE,EACX,uCAAuC,EACvC,EAAE,CAAC,KAAK,EACR,EAAE,CAAC,GAAG,EACN,KAAK,CAAC,KAAK,EACX,SAAS,CACV,aAEA,GAAG,IAAI,iCAAM,SAAS,EAAE,IAAA,OAAE,EAAC,uBAAuB,EAAE,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,GAAI,EAC1E,QAAQ,IAAI,iCAAM,SAAS,EAAC,YAAY,YAAE,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,GAAQ,IACtE,CACT,CAAC;AACJ,CAAC"}

package/dist/ui/design-tokens.d.ts

@@ -0,0 +1,72 @@
+export interface StatusStyle {
+    badge: string;
+    dot: string;
+    text: string;
+    bg: string;
+    border: string;
+    icon: string;
+}
+export type Tone = 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'accent';
+export declare const TONE_STYLES: Record<Tone, string>;
+export declare const STATUS_STYLES: Record<string, StatusStyle>;
+export declare function getStatusStyle(status: string): StatusStyle;
+export interface PriorityStyle {
+    badge: string;
+    text: string;
+    bg: string;
+    border: string;
+    label: string;
+}
+export declare const PRIORITY_STYLES: Record<string, PriorityStyle>;
+export declare function getPriorityStyle(priority: string): PriorityStyle;
+export interface SeverityStyle {
+    badge: string;
+    text: string;
+    bg: string;
+    border: string;
+}
+export declare const SEVERITY_STYLES: Record<string, SeverityStyle>;
+export declare function getSeverityStyle(severity: string): SeverityStyle;
+export declare const TYPE_STYLES: Record<string, {
+    badge: string;
+    text: string;
+    border: string;
+}>;
+export declare const CARD_STYLES: {
+    readonly default: "bg-card border border-border/50 rounded-xl shadow-[var(--shadow-2)]";
+    readonly elevated: "bg-card border border-border/40 rounded-xl shadow-[var(--shadow-8)]";
+    readonly dark: "bg-foreground text-background rounded-xl shadow-[var(--shadow-16)]";
+    readonly accent: "bg-primary/5 border border-primary/15 rounded-xl";
+    readonly empty: "border-2 border-dashed border-border/50 rounded-xl";
+};
+export declare const SECTION_STYLES: {
+    readonly pageTitle: "text-lg sm:text-xl font-semibold tracking-tight text-ink";
+    readonly sectionHeader: "text-sm font-semibold text-ink";
+    readonly cardLabel: "text-[11px] font-semibold uppercase tracking-wider text-ink-3";
+    readonly description: "text-sm text-ink-3";
+    readonly metricValue: "text-xl sm:text-2xl font-semibold tabular-nums text-ink";
+    readonly metricLabel: "text-sm text-ink-3";
+};
+export declare const IMPORTANCE_STYLES: Record<number, {
+    badge: string;
+    label: string;
+    star: string;
+}>;
+export declare const RISK_LEVEL_STYLES: Record<string, {
+    badge: string;
+    text: string;
+}>;
+export declare function getRiskLevelStyle(level: string): {
+    badge: string;
+    text: string;
+};
+export declare const AGENT_SOURCE_STYLES: Record<string, {
+    border: string;
+    bg: string;
+    icon: string;
+    iconBg: string;
+}>;
+export declare const KIND_STYLES: Record<string, string>;
+export declare const STATE_STYLES: Record<string, string>;
+export declare const ORIGIN_STYLES: Record<string, string>;
+//# sourceMappingURL=design-tokens.d.ts.map

package/dist/ui/design-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-tokens.d.ts","sourceRoot":"","sources":["../../src/ui/design-tokens.ts"],"names":[],"mappings":"AAeA,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AA2DD,MAAM,MAAM,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEhG,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAQ5C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAiDrD,CAAC;AAEF,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,CAE1D;AAID,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CA6BzD,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,aAAa,CAEhE;AAID,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAqCzD,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,aAAa,CAGhE;AAID,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAKvF,CAAC;AAIF,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAIX,eAAO,MAAM,cAAc;;;;;;;CAOjB,CAAC;AAIX,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAK5F,CAAC;AAIF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAK7E,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAEhF;AAID,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAa5G,CAAC;AAIF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK9C,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAO/C,CAAC;AAIF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQhD,CAAC"}