@xemahq/ui-kernel 0.8.0 → 0.9.0

package/dist/ui/chrome/EmptyState.js

@@ -1,27 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = EmptyState;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const cn_1 = require("../cn");
-const button_1 = require("../primitives/button");
-const card_1 = require("../primitives/card");
-const DefaultLink = ({ href, children }) => ((0, jsx_runtime_1.jsx)("a", { href: href, children: children }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../cn';
+import { Button } from '../primitives/button';
+import { Card, CardContent } from '../primitives/card';
+const DefaultLink = ({ href, children }) => (_jsx("a", { href: href, children: children }));
 const VARIANT_DEFAULTS = {
     'not-configured': { iconBg: 'bg-info/10', iconColor: 'text-info' },
     'no-results': { iconBg: 'bg-warning/10', iconColor: 'text-warning' },
     'disabled-context': { iconBg: 'bg-muted', iconColor: 'text-ink-3' },
 };
-function EmptyState({ icon: Icon, title, description, illustration, variant = 'not-configured', size = 'comfortable', iconBg, iconColor, action, secondaryAction, linkComponent, className, }) {
+export default function EmptyState({ icon: Icon, title, description, illustration, variant = 'not-configured', size = 'comfortable', iconBg, iconColor, action, secondaryAction, linkComponent, className, }) {
     const Link = linkComponent ?? DefaultLink;
     const defaults = VARIANT_DEFAULTS[variant];
     const resolvedIconBg = iconBg ?? defaults.iconBg;
     const resolvedIconColor = iconColor ?? defaults.iconColor;
     if (size === 'inline') {
-        return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('flex items-center justify-center px-3 py-6 text-center text-body-2 text-ink-4', className), children: (0, jsx_runtime_1.jsxs)("div", { className: "max-w-sm space-y-1", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-ink-3", children: title }), description && (0, jsx_runtime_1.jsx)("p", { className: "text-ink-4", children: description }), (action || secondaryAction) && ((0, jsx_runtime_1.jsxs)("div", { className: "mt-3 flex items-center justify-center gap-2", children: [action && ((0, jsx_runtime_1.jsxs)(button_1.Button, { size: "sm", variant: "outline", onClick: action.onClick, className: "h-7 gap-1.5 text-body-2", children: [action.icon && (0, jsx_runtime_1.jsx)(action.icon, { className: "h-3.5 w-3.5" }), action.label] })), secondaryAction && ((0, jsx_runtime_1.jsx)(button_1.Button, { asChild: true, size: "sm", variant: "ghost", className: "h-7 px-2 text-body-2", children: (0, jsx_runtime_1.jsx)(Link, { href: secondaryAction.href, children: secondaryAction.label }) }))] }))] }) }));
+        return (_jsx("div", { className: cn('flex items-center justify-center px-3 py-6 text-center text-body-2 text-ink-4', className), children: _jsxs("div", { className: "max-w-sm space-y-1", children: [_jsx("p", { className: "text-ink-3", children: title }), description && _jsx("p", { className: "text-ink-4", children: description }), (action || secondaryAction) && (_jsxs("div", { className: "mt-3 flex items-center justify-center gap-2", children: [action && (_jsxs(Button, { size: "sm", variant: "outline", onClick: action.onClick, className: "h-7 gap-1.5 text-body-2", children: [action.icon && _jsx(action.icon, { className: "h-3.5 w-3.5" }), action.label] })), secondaryAction && (_jsx(Button, { asChild: true, size: "sm", variant: "ghost", className: "h-7 px-2 text-body-2", children: _jsx(Link, { href: secondaryAction.href, children: secondaryAction.label }) }))] }))] }) }));
     }
     if (size === 'dense') {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex flex-col items-center justify-center px-4 py-8 text-center', className), children: [illustration ?? ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('h-9 w-9 rounded-xl flex items-center justify-center mb-3', resolvedIconBg), children: (0, jsx_runtime_1.jsx)(Icon, { className: (0, cn_1.cn)('h-4 w-4', resolvedIconColor) }) })), (0, jsx_runtime_1.jsx)("p", { className: "text-body-1 font-semibold text-ink", children: title }), description && ((0, jsx_runtime_1.jsx)("p", { className: "mt-1 max-w-md text-body-2 leading-snug text-ink-3", children: description })), (action || secondaryAction) && ((0, jsx_runtime_1.jsxs)("div", { className: "mt-3 flex items-center gap-2", children: [action && ((0, jsx_runtime_1.jsxs)(button_1.Button, { size: "sm", variant: "outline", onClick: action.onClick, className: "h-7 gap-1.5 text-body-2", children: [action.icon && (0, jsx_runtime_1.jsx)(action.icon, { className: "h-3.5 w-3.5" }), action.label] })), secondaryAction && ((0, jsx_runtime_1.jsx)(button_1.Button, { asChild: true, size: "sm", variant: "ghost", className: "h-7 px-2 text-body-2", children: (0, jsx_runtime_1.jsx)(Link, { href: secondaryAction.href, children: secondaryAction.label }) }))] }))] }));
+        return (_jsxs("div", { className: cn('flex flex-col items-center justify-center px-4 py-8 text-center', className), children: [illustration ?? (_jsx("div", { className: cn('h-9 w-9 rounded-xl flex items-center justify-center mb-3', resolvedIconBg), children: _jsx(Icon, { className: cn('h-4 w-4', resolvedIconColor) }) })), _jsx("p", { className: "text-body-1 font-semibold text-ink", children: title }), description && (_jsx("p", { className: "mt-1 max-w-md text-body-2 leading-snug text-ink-3", children: description })), (action || secondaryAction) && (_jsxs("div", { className: "mt-3 flex items-center gap-2", children: [action && (_jsxs(Button, { size: "sm", variant: "outline", onClick: action.onClick, className: "h-7 gap-1.5 text-body-2", children: [action.icon && _jsx(action.icon, { className: "h-3.5 w-3.5" }), action.label] })), secondaryAction && (_jsx(Button, { asChild: true, size: "sm", variant: "ghost", className: "h-7 px-2 text-body-2", children: _jsx(Link, { href: secondaryAction.href, children: secondaryAction.label }) }))] }))] }));
     }
-    return ((0, jsx_runtime_1.jsx)(card_1.Card, { className: (0, cn_1.cn)('border-2 border-dashed border-border/50 rounded-xl', className), children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "flex flex-col items-center justify-center py-16 text-center", children: [illustration ?? ((0, jsx_runtime_1.jsx)("div", { className: `h-16 w-16 rounded-2xl flex items-center justify-center mb-5 ${resolvedIconBg}`, children: (0, jsx_runtime_1.jsx)(Icon, { className: `h-7 w-7 ${resolvedIconColor}` }) })), (0, jsx_runtime_1.jsx)("p", { className: "text-subtitle font-semibold text-ink", children: title }), description && ((0, jsx_runtime_1.jsx)("p", { className: "text-body-1 mt-2 max-w-sm text-ink-3 leading-relaxed", children: description })), (action || secondaryAction) && ((0, jsx_runtime_1.jsxs)("div", { className: "mt-6 flex items-center gap-3", children: [action && ((0, jsx_runtime_1.jsxs)(button_1.Button, { size: "sm", variant: "outline", onClick: action.onClick, className: "gap-2 h-10 px-5", children: [action.icon && (0, jsx_runtime_1.jsx)(action.icon, { className: "h-4 w-4" }), action.label] })), secondaryAction && ((0, jsx_runtime_1.jsx)(button_1.Button, { asChild: true, size: "sm", variant: "ghost", className: "h-10 px-3", children: (0, jsx_runtime_1.jsx)(Link, { href: secondaryAction.href, children: secondaryAction.label }) }))] }))] }) }));
+    return (_jsx(Card, { className: cn('border-2 border-dashed border-border/50 rounded-xl', className), children: _jsxs(CardContent, { className: "flex flex-col items-center justify-center py-16 text-center", children: [illustration ?? (_jsx("div", { className: `h-16 w-16 rounded-2xl flex items-center justify-center mb-5 ${resolvedIconBg}`, children: _jsx(Icon, { className: `h-7 w-7 ${resolvedIconColor}` }) })), _jsx("p", { className: "text-subtitle font-semibold text-ink", children: title }), description && (_jsx("p", { className: "text-body-1 mt-2 max-w-sm text-ink-3 leading-relaxed", children: description })), (action || secondaryAction) && (_jsxs("div", { className: "mt-6 flex items-center gap-3", children: [action && (_jsxs(Button, { size: "sm", variant: "outline", onClick: action.onClick, className: "gap-2 h-10 px-5", children: [action.icon && _jsx(action.icon, { className: "h-4 w-4" }), action.label] })), secondaryAction && (_jsx(Button, { asChild: true, size: "sm", variant: "ghost", className: "h-10 px-3", children: _jsx(Link, { href: secondaryAction.href, children: secondaryAction.label }) }))] }))] }) }));
 }
 //# sourceMappingURL=EmptyState.js.map

package/dist/ui/chrome/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/ui/chrome/EmptyState.tsx"],"names":[],"mappings":";;AAwEA,6BA+GC;;AApLD,8BAA2B;AAC3B,iDAA8C;AAC9C,6CAAuD;AA2BvD,MAAM,WAAW,GAA4B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnE,8BAAG,IAAI,EAAE,IAAI,YAAG,QAAQ,GAAK,CAC9B,CAAC;AAgCF,MAAM,gBAAgB,GAAqE;IACzF,gBAAgB,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE;IAClE,YAAY,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,cAAc,EAAE;IACpE,kBAAkB,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE;CACpE,CAAC;AAEF,SAAwB,UAAU,CAAC,EACjC,IAAI,EAAE,IAAI,EACV,KAAK,EACL,WAAW,EACX,YAAY,EACZ,OAAO,GAAG,gBAAgB,EAC1B,IAAI,GAAG,aAAa,EACpB,MAAM,EACN,SAAS,EACT,MAAM,EACN,eAAe,EACf,aAAa,EACb,SAAS,GACiB;IAC1B,MAAM,IAAI,GAAG,aAAa,IAAI,WAAW,CAAC;IAC1C,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC3C,MAAM,cAAc,GAAG,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC;IACjD,MAAM,iBAAiB,GAAG,SAAS,IAAI,QAAQ,CAAC,SAAS,CAAC;IAE1D,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,OAAE,EAAC,+EAA+E,EAAE,SAAS,CAAC,YAC5G,iCAAK,SAAS,EAAC,oBAAoB,aACjC,8BAAG,SAAS,EAAC,YAAY,YAAE,KAAK,GAAK,EACpC,WAAW,IAAI,8BAAG,SAAS,EAAC,YAAY,YAAE,WAAW,GAAK,EAC1D,CAAC,MAAM,IAAI,eAAe,CAAC,IAAI,CAC9B,iCAAK,SAAS,EAAC,6CAA6C,aACzD,MAAM,IAAI,CACT,wBAAC,eAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,SAAS,EAAC,yBAAyB,aAC7F,MAAM,CAAC,IAAI,IAAI,uBAAC,MAAM,CAAC,IAAI,IAAC,SAAS,EAAC,aAAa,GAAG,EACtD,MAAM,CAAC,KAAK,IACN,CACV,EACA,eAAe,IAAI,CAClB,uBAAC,eAAM,IAAC,OAAO,QAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,sBAAsB,YACxE,uBAAC,IAAI,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,YAAG,eAAe,CAAC,KAAK,GAAQ,GACzD,CACV,IACG,CACP,IACG,GACF,CACP,CAAC;IACJ,CAAC;IAED,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,OAAE,EACX,iEAAiE,EACjE,SAAS,CACV,aAEA,YAAY,IAAI,CACf,gCAAK,SAAS,EAAE,IAAA,OAAE,EAAC,0DAA0D,EAAE,cAAc,CAAC,YAC5F,uBAAC,IAAI,IAAC,SAAS,EAAE,IAAA,OAAE,EAAC,SAAS,EAAE,iBAAiB,CAAC,GAAI,GACjD,CACP,EACD,8BAAG,SAAS,EAAC,oCAAoC,YAAE,KAAK,GAAK,EAC5D,WAAW,IAAI,CACd,8BAAG,SAAS,EAAC,mDAAmD,YAAE,WAAW,GAAK,CACnF,EACA,CAAC,MAAM,IAAI,eAAe,CAAC,IAAI,CAC9B,iCAAK,SAAS,EAAC,8BAA8B,aAC1C,MAAM,IAAI,CACT,wBAAC,eAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,SAAS,EAAC,yBAAyB,aAC7F,MAAM,CAAC,IAAI,IAAI,uBAAC,MAAM,CAAC,IAAI,IAAC,SAAS,EAAC,aAAa,GAAG,EACtD,MAAM,CAAC,KAAK,IACN,CACV,EACA,eAAe,IAAI,CAClB,uBAAC,eAAM,IAAC,OAAO,QAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,sBAAsB,YACxE,uBAAC,IAAI,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,YAAG,eAAe,CAAC,KAAK,GAAQ,GACzD,CACV,IACG,CACP,IACG,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,WAAI,IAAC,SAAS,EAAE,IAAA,OAAE,EAAC,oDAAoD,EAAE,SAAS,CAAC,YAClF,wBAAC,kBAAW,IAAC,SAAS,EAAC,6DAA6D,aACjF,YAAY,IAAI,CACf,gCAAK,SAAS,EAAE,+DAA+D,cAAc,EAAE,YAC7F,uBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,iBAAiB,EAAE,GAAI,GAC/C,CACP,EACD,8BAAG,SAAS,EAAC,sCAAsC,YAAE,KAAK,GAAK,EAC9D,WAAW,IAAI,CACd,8BAAG,SAAS,EAAC,sDAAsD,YAAE,WAAW,GAAK,CACtF,EACA,CAAC,MAAM,IAAI,eAAe,CAAC,IAAI,CAC9B,iCAAK,SAAS,EAAC,8BAA8B,aAC1C,MAAM,IAAI,CACT,wBAAC,eAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,SAAS,EAAC,iBAAiB,aACrF,MAAM,CAAC,IAAI,IAAI,uBAAC,MAAM,CAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,EAClD,MAAM,CAAC,KAAK,IACN,CACV,EACA,eAAe,IAAI,CAClB,uBAAC,eAAM,IAAC,OAAO,QAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,WAAW,YAC7D,uBAAC,IAAI,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,YAAG,eAAe,CAAC,KAAK,GAAQ,GACzD,CACV,IACG,CACP,IACW,GACT,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/ui/chrome/EmptyState.tsx"],"names":[],"mappings":"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"}

package/dist/ui/chrome/ErrorCard.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ErrorCard;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-const errors_1 = require("../../lib/biome-host/errors");
-const button_1 = require("../primitives/button");
-const card_1 = require("../primitives/card");
-const defaultFormatError = (error, fallback) => (0, errors_1.getUserFacingErrorMessage)(error, fallback);
-function ErrorCard({ error, title = 'Something went wrong', onRetry, formatError = defaultFormatError, fallbackMessage = 'Unable to load this content right now.', }) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertCircle, RefreshCw } from 'lucide-react';
+import { getUserFacingErrorMessage } from '../../lib/biome-host/errors';
+import { Button } from '../primitives/button';
+import { Card, CardContent } from '../primitives/card';
+const defaultFormatError = (error, fallback) => getUserFacingErrorMessage(error, fallback);
+export default function ErrorCard({ error, title = 'Something went wrong', onRetry, formatError = defaultFormatError, fallbackMessage = 'Unable to load this content right now.', }) {
     const message = formatError(error, fallbackMessage);
-    return ((0, jsx_runtime_1.jsx)(card_1.Card, { className: "border-destructive/25 bg-destructive/[0.03] rounded-xl", children: (0, jsx_runtime_1.jsxs)(card_1.CardContent, { className: "flex flex-col items-center py-14 text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-14 w-14 rounded-2xl bg-destructive/10 flex items-center justify-center mb-4", children: (0, jsx_runtime_1.jsx)(lucide_react_1.AlertCircle, { className: "h-6 w-6 text-destructive" }) }), (0, jsx_runtime_1.jsx)("p", { className: "text-subtitle font-semibold text-ink", children: title }), (0, jsx_runtime_1.jsx)("p", { className: "text-body-1 text-ink-3 mt-2 max-w-md leading-relaxed", children: message }), onRetry && ((0, jsx_runtime_1.jsxs)(button_1.Button, { size: "sm", variant: "outline", onClick: onRetry, className: "mt-5 gap-2 h-10 border-destructive/20 text-destructive hover:bg-destructive/5", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { className: "h-4 w-4" }), "Retry"] }))] }) }));
+    return (_jsx(Card, { className: "border-destructive/25 bg-destructive/[0.03] rounded-xl", children: _jsxs(CardContent, { className: "flex flex-col items-center py-14 text-center", children: [_jsx("div", { className: "h-14 w-14 rounded-2xl bg-destructive/10 flex items-center justify-center mb-4", children: _jsx(AlertCircle, { className: "h-6 w-6 text-destructive" }) }), _jsx("p", { className: "text-subtitle font-semibold text-ink", children: title }), _jsx("p", { className: "text-body-1 text-ink-3 mt-2 max-w-md leading-relaxed", children: message }), onRetry && (_jsxs(Button, { size: "sm", variant: "outline", onClick: onRetry, className: "mt-5 gap-2 h-10 border-destructive/20 text-destructive hover:bg-destructive/5", children: [_jsx(RefreshCw, { className: "h-4 w-4" }), "Retry"] }))] }) }));
 }
 //# sourceMappingURL=ErrorCard.js.map

package/dist/ui/chrome/ErrorCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorCard.js","sourceRoot":"","sources":["../../../src/ui/chrome/ErrorCard.tsx"],"names":[],"mappings":";;AA+BA,4BA+BC;;AA9DD,+CAAsD;AAEtD,wDAAwE;AACxE,iDAA8C;AAC9C,6CAAuD;AAWvD,MAAM,kBAAkB,GAA0B,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,CACpE,IAAA,kCAAyB,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAe7C,SAAwB,SAAS,CAAC,EAChC,KAAK,EACL,KAAK,GAAG,sBAAsB,EAC9B,OAAO,EACP,WAAW,GAAG,kBAAkB,EAChC,eAAe,GAAG,wCAAwC,GAC3C;IACf,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IAEpD,OAAO,CACL,uBAAC,WAAI,IAAC,SAAS,EAAC,wDAAwD,YACtE,wBAAC,kBAAW,IAAC,SAAS,EAAC,8CAA8C,aACnE,gCAAK,SAAS,EAAC,+EAA+E,YAC5F,uBAAC,0BAAW,IAAC,SAAS,EAAC,0BAA0B,GAAG,GAChD,EACN,8BAAG,SAAS,EAAC,sCAAsC,YAAE,KAAK,GAAK,EAC/D,8BAAG,SAAS,EAAC,sDAAsD,YAAE,OAAO,GAAK,EAChF,OAAO,IAAI,CACV,wBAAC,eAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,+EAA+E,aAEzF,uBAAC,wBAAS,IAAC,SAAS,EAAC,SAAS,GAAG,aAE1B,CACV,IACW,GACT,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ErrorCard.js","sourceRoot":"","sources":["../../../src/ui/chrome/ErrorCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAWvD,MAAM,kBAAkB,GAA0B,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,CACpE,yBAAyB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAe7C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,KAAK,GAAG,sBAAsB,EAC9B,OAAO,EACP,WAAW,GAAG,kBAAkB,EAChC,eAAe,GAAG,wCAAwC,GAC3C;IACf,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IAEpD,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,wDAAwD,YACtE,MAAC,WAAW,IAAC,SAAS,EAAC,8CAA8C,aACnE,cAAK,SAAS,EAAC,+EAA+E,YAC5F,KAAC,WAAW,IAAC,SAAS,EAAC,0BAA0B,GAAG,GAChD,EACN,YAAG,SAAS,EAAC,sCAAsC,YAAE,KAAK,GAAK,EAC/D,YAAG,SAAS,EAAC,sDAAsD,YAAE,OAAO,GAAK,EAChF,OAAO,IAAI,CACV,MAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,+EAA+E,aAEzF,KAAC,SAAS,IAAC,SAAS,EAAC,SAAS,GAAG,aAE1B,CACV,IACW,GACT,CACR,CAAC;AACJ,CAAC"}

package/dist/ui/chrome/LoadingState.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = LoadingState;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-const cn_1 = require("../cn");
-const skeleton_1 = require("../primitives/skeleton");
-function LoadingState({ variant = 'spinner', label = 'Loading…', rows = 4, className, }) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Loader2 } from 'lucide-react';
+import { cn } from '../cn';
+import { Skeleton } from '../primitives/skeleton';
+export default function LoadingState({ variant = 'spinner', label = 'Loading…', rows = 4, className, }) {
     if (variant === 'skeleton-list') {
-        return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('space-y-3', className), role: "status", "aria-label": label, children: Array.from({ length: rows }).map((_, i) => ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-12 w-full rounded-xl" }, i))) }));
+        return (_jsx("div", { className: cn('space-y-3', className), role: "status", "aria-label": label, children: Array.from({ length: rows }).map((_, i) => (_jsx(Skeleton, { className: "h-12 w-full rounded-xl" }, i))) }));
     }
     if (variant === 'skeleton-card') {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('space-y-3', className), role: "status", "aria-label": label, children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-40 w-full rounded-2xl" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-2/3 rounded" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 w-1/2 rounded" })] }));
+        return (_jsxs("div", { className: cn('space-y-3', className), role: "status", "aria-label": label, children: [_jsx(Skeleton, { className: "h-40 w-full rounded-2xl" }), _jsx(Skeleton, { className: "h-4 w-2/3 rounded" }), _jsx(Skeleton, { className: "h-4 w-1/2 rounded" })] }));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex flex-col items-center justify-center py-14 text-center', className), role: "status", "aria-label": label, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-6 w-6 animate-spin text-ink-3" }), label && (0, jsx_runtime_1.jsx)("p", { className: "mt-3 text-body-2 text-ink-3", children: label })] }));
+    return (_jsxs("div", { className: cn('flex flex-col items-center justify-center py-14 text-center', className), role: "status", "aria-label": label, children: [_jsx(Loader2, { className: "h-6 w-6 animate-spin text-ink-3" }), label && _jsx("p", { className: "mt-3 text-body-2 text-ink-3", children: label })] }));
 }
 //# sourceMappingURL=LoadingState.js.map

package/dist/ui/chrome/LoadingState.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingState.js","sourceRoot":"","sources":["../../../src/ui/chrome/LoadingState.tsx"],"names":[],"mappings":";;AAwBA,+BAoCC;;AA5DD,+CAAuC;AAEvC,8BAA2B;AAC3B,qDAAkD;AAqBlD,SAAwB,YAAY,CAAC,EACnC,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,UAAU,EAClB,IAAI,GAAG,CAAC,EACR,SAAS,GACmB;IAC5B,IAAI,OAAO,KAAK,eAAe,EAAE,CAAC;QAChC,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,OAAE,EAAC,WAAW,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,QAAQ,gBAAa,KAAK,YACxE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1C,uBAAC,mBAAQ,IAAS,SAAS,EAAC,wBAAwB,IAArC,CAAC,CAAuC,CACxD,CAAC,GACE,CACP,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,KAAK,eAAe,EAAE,CAAC;QAChC,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,OAAE,EAAC,WAAW,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,QAAQ,gBAAa,KAAK,aACzE,uBAAC,mBAAQ,IAAC,SAAS,EAAC,yBAAyB,GAAG,EAChD,uBAAC,mBAAQ,IAAC,SAAS,EAAC,mBAAmB,GAAG,EAC1C,uBAAC,mBAAQ,IAAC,SAAS,EAAC,mBAAmB,GAAG,IACtC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,OAAE,EAAC,6DAA6D,EAAE,SAAS,CAAC,EACvF,IAAI,EAAC,QAAQ,gBACD,KAAK,aAEjB,uBAAC,sBAAO,IAAC,SAAS,EAAC,iCAAiC,GAAG,EACtD,KAAK,IAAI,8BAAG,SAAS,EAAC,6BAA6B,YAAE,KAAK,GAAK,IAC5D,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"LoadingState.js","sourceRoot":"","sources":["../../../src/ui/chrome/LoadingState.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAqBlD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,UAAU,EAClB,IAAI,GAAG,CAAC,EACR,SAAS,GACmB;IAC5B,IAAI,OAAO,KAAK,eAAe,EAAE,CAAC;QAChC,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,QAAQ,gBAAa,KAAK,YACxE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1C,KAAC,QAAQ,IAAS,SAAS,EAAC,wBAAwB,IAArC,CAAC,CAAuC,CACxD,CAAC,GACE,CACP,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,KAAK,eAAe,EAAE,CAAC;QAChC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,QAAQ,gBAAa,KAAK,aACzE,KAAC,QAAQ,IAAC,SAAS,EAAC,yBAAyB,GAAG,EAChD,KAAC,QAAQ,IAAC,SAAS,EAAC,mBAAmB,GAAG,EAC1C,KAAC,QAAQ,IAAC,SAAS,EAAC,mBAAmB,GAAG,IACtC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,6DAA6D,EAAE,SAAS,CAAC,EACvF,IAAI,EAAC,QAAQ,gBACD,KAAK,aAEjB,KAAC,OAAO,IAAC,SAAS,EAAC,iCAAiC,GAAG,EACtD,KAAK,IAAI,YAAG,SAAS,EAAC,6BAA6B,YAAE,KAAK,GAAK,IAC5D,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/chrome/PageHeader.js

@@ -1,15 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = PageHeader;
-exports.PageToolbar = PageToolbar;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const biome_host_1 = require("../../lib/biome-host");
-const cn_1 = require("../cn");
-function PageHeader({ title, description, topbarDescription, eyebrow, helpActions, actions, backTo, }) {
-    const topbarActions = (0, react_1.useMemo)(() => actions, [actions]);
-    const topbarMeta = (0, react_1.useMemo)(() => (description ? (0, jsx_runtime_1.jsx)("span", { children: description }) : null), [description]);
-    (0, biome_host_1.useHostBridge)().pageMeta.usePageMeta({
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useHostBridge } from '../../lib/biome-host';
+import { cn } from '../cn';
+export default function PageHeader({ title, description, topbarDescription, eyebrow, helpActions, actions, backTo, }) {
+    const topbarActions = useMemo(() => actions, [actions]);
+    const topbarMeta = useMemo(() => (description ? _jsx("span", { children: description }) : null), [description]);
+    useHostBridge().pageMeta.usePageMeta({
         title,
         eyebrow,
         description: topbarDescription ?? description,
@@ -20,7 +16,7 @@ function PageHeader({ title, description, topbarDescription, eyebrow, helpAction
     });
     return null;
 }
-function PageToolbar({ children, trailing, className, }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex shrink-0 items-center gap-2 border-b border-rule/50 bg-paper px-4 py-1.5 sm:px-6', className), children: [(0, jsx_runtime_1.jsx)("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-2", children: children }), trailing && (0, jsx_runtime_1.jsx)("div", { className: "flex shrink-0 items-center gap-1.5", children: trailing })] }));
+export function PageToolbar({ children, trailing, className, }) {
+    return (_jsxs("div", { className: cn('flex shrink-0 items-center gap-2 border-b border-rule/50 bg-paper px-4 py-1.5 sm:px-6', className), children: [_jsx("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-2", children: children }), trailing && _jsx("div", { className: "flex shrink-0 items-center gap-1.5", children: trailing })] }));
 }
 //# sourceMappingURL=PageHeader.js.map

package/dist/ui/chrome/PageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/ui/chrome/PageHeader.tsx"],"names":[],"mappings":";;AAmEA,6BA+BC;AAsBD,kCAgBC;;AAlHD,iCAAgD;AAEhD,qDAA0E;AAC1E,8BAA2B;AA0C3B,SAAwB,UAAU,CAAC,EACjC,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,OAAO,EACP,WAAW,EACX,OAAO,EACP,MAAM,GACoB;IAI1B,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,2CAAO,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EACvD,CAAC,WAAW,CAAC,CACd,CAAC;IAKF,IAAA,0BAAa,GAAE,CAAC,QAAQ,CAAC,WAAW,CAAC;QACnC,KAAK;QACL,OAAO;QACP,WAAW,EAAE,iBAAiB,IAAI,WAAW;QAC7C,OAAO,EAAE,WAAW;QACpB,aAAa;QACb,UAAU;QACV,MAAM;KACP,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACd,CAAC;AAsBD,SAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,SAAS,GACkB;IAC3B,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,OAAE,EACX,uFAAuF,EACvF,SAAS,CACV,aAED,gCAAK,SAAS,EAAC,kDAAkD,YAAE,QAAQ,GAAO,EACjF,QAAQ,IAAI,gCAAK,SAAS,EAAC,oCAAoC,YAAE,QAAQ,GAAO,IAC7E,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../src/ui/chrome/PageHeader.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,OAAO,EAAkB,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAuB,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA0C3B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,OAAO,EACP,WAAW,EACX,OAAO,EACP,MAAM,GACoB;IAI1B,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,yBAAO,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EACvD,CAAC,WAAW,CAAC,CACd,CAAC;IAKF,aAAa,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC;QACnC,KAAK;QACL,OAAO;QACP,WAAW,EAAE,iBAAiB,IAAI,WAAW;QAC7C,OAAO,EAAE,WAAW;QACpB,aAAa;QACb,UAAU;QACV,MAAM;KACP,CAAC,CAAC;IACH,OAAO,IAAI,CAAC;AACd,CAAC;AAsBD,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,SAAS,GACkB;IAC3B,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,SAAS,CACV,aAED,cAAK,SAAS,EAAC,kDAAkD,YAAE,QAAQ,GAAO,EACjF,QAAQ,IAAI,cAAK,SAAS,EAAC,oCAAoC,YAAE,QAAQ,GAAO,IAC7E,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/chrome/StateCard.js

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StateCard = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-const react_1 = require("react");
-const cn_1 = require("../cn");
-const StateCard = ({ variant, icon, title, description, action, errorDetails, className = '', }) => {
-    const [detailsExpanded, setDetailsExpanded] = (0, react_1.useState)(false);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronRight } from 'lucide-react';
+import { useState } from 'react';
+import { cn } from '../cn';
+export const StateCard = ({ variant, icon, title, description, action, errorDetails, className = '', }) => {
+    const [detailsExpanded, setDetailsExpanded] = useState(false);
     const isError = variant.startsWith('error');
     const isDetailed = variant === 'error-detailed';
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex flex-col items-center justify-center py-14 px-6 rounded-xl border-2', isError ? 'border-destructive/20 bg-destructive/[0.03]' : 'border-dashed border-border/50 bg-paper-elev/60', className), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('h-14 w-14 rounded-2xl flex items-center justify-center mb-5', isError ? 'bg-destructive/10' : 'bg-primary/10'), children: (0, jsx_runtime_1.jsx)("span", { className: isError ? 'text-destructive' : 'text-primary', children: icon }) }), (0, jsx_runtime_1.jsx)("h2", { className: "text-subtitle font-semibold text-ink mb-2 text-center", children: title }), description && ((0, jsx_runtime_1.jsx)("p", { className: "text-body-1 text-ink-3 max-w-md text-center mb-4 leading-relaxed", children: description })), isDetailed && errorDetails && ((0, jsx_runtime_1.jsxs)("div", { className: "mt-4 w-full max-w-md", children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => setDetailsExpanded(!detailsExpanded), className: "text-body-1 font-medium text-destructive hover:text-destructive flex items-center gap-1.5 mb-2", children: [detailsExpanded ? (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "h-4 w-4" }) : (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "h-4 w-4" }), "Error Details"] }), detailsExpanded && ((0, jsx_runtime_1.jsxs)("div", { className: "p-4 bg-card border border-destructive/20 rounded-xl space-y-3", children: [errorDetails.fields && errorDetails.fields.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "space-y-1.5", children: errorDetails.fields.map((field, idx) => ((0, jsx_runtime_1.jsxs)("div", { className: "text-body-1", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-semibold text-destructive", children: field.label }), (0, jsx_runtime_1.jsxs)("span", { className: "text-ink/70", children: [": ", field.value] })] }, idx))) })), errorDetails.stackTrace && ((0, jsx_runtime_1.jsxs)("details", { className: "text-body-1", children: [(0, jsx_runtime_1.jsx)("summary", { className: "font-medium text-destructive cursor-pointer mb-1", children: "Stack Trace" }), (0, jsx_runtime_1.jsx)("pre", { className: "bg-destructive/5 p-3 rounded-lg overflow-auto max-h-32 text-destructive whitespace-pre-wrap break-words text-body-1 font-mono", children: errorDetails.stackTrace })] })), errorDetails.requestId && ((0, jsx_runtime_1.jsxs)("div", { className: "text-body-1 pt-2 border-t border-destructive/15", children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium text-ink-3", children: "Request ID" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("code", { className: "text-body-1 text-ink/70 font-mono break-all", children: errorDetails.requestId })] }))] }))] })), action && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: action.onClick, className: (0, cn_1.cn)('mt-6 px-5 py-2.5 rounded-lg font-medium transition-colors h-10', isError
+    return (_jsxs("div", { className: cn('flex flex-col items-center justify-center py-14 px-6 rounded-xl border-2', isError ? 'border-destructive/20 bg-destructive/[0.03]' : 'border-dashed border-border/50 bg-paper-elev/60', className), children: [_jsx("div", { className: cn('h-14 w-14 rounded-2xl flex items-center justify-center mb-5', isError ? 'bg-destructive/10' : 'bg-primary/10'), children: _jsx("span", { className: isError ? 'text-destructive' : 'text-primary', children: icon }) }), _jsx("h2", { className: "text-subtitle font-semibold text-ink mb-2 text-center", children: title }), description && (_jsx("p", { className: "text-body-1 text-ink-3 max-w-md text-center mb-4 leading-relaxed", children: description })), isDetailed && errorDetails && (_jsxs("div", { className: "mt-4 w-full max-w-md", children: [_jsxs("button", { type: "button", onClick: () => setDetailsExpanded(!detailsExpanded), className: "text-body-1 font-medium text-destructive hover:text-destructive flex items-center gap-1.5 mb-2", children: [detailsExpanded ? _jsx(ChevronDown, { className: "h-4 w-4" }) : _jsx(ChevronRight, { className: "h-4 w-4" }), "Error Details"] }), detailsExpanded && (_jsxs("div", { className: "p-4 bg-card border border-destructive/20 rounded-xl space-y-3", children: [errorDetails.fields && errorDetails.fields.length > 0 && (_jsx("div", { className: "space-y-1.5", children: errorDetails.fields.map((field, idx) => (_jsxs("div", { className: "text-body-1", children: [_jsx("span", { className: "font-semibold text-destructive", children: field.label }), _jsxs("span", { className: "text-ink/70", children: [": ", field.value] })] }, idx))) })), errorDetails.stackTrace && (_jsxs("details", { className: "text-body-1", children: [_jsx("summary", { className: "font-medium text-destructive cursor-pointer mb-1", children: "Stack Trace" }), _jsx("pre", { className: "bg-destructive/5 p-3 rounded-lg overflow-auto max-h-32 text-destructive whitespace-pre-wrap break-words text-body-1 font-mono", children: errorDetails.stackTrace })] })), errorDetails.requestId && (_jsxs("div", { className: "text-body-1 pt-2 border-t border-destructive/15", children: [_jsx("span", { className: "font-medium text-ink-3", children: "Request ID" }), _jsx("br", {}), _jsx("code", { className: "text-body-1 text-ink/70 font-mono break-all", children: errorDetails.requestId })] }))] }))] })), action && (_jsx("button", { type: "button", onClick: action.onClick, className: cn('mt-6 px-5 py-2.5 rounded-lg font-medium transition-colors h-10', isError
                     ? 'bg-destructive text-destructive-foreground hover:bg-destructive/90'
                     : 'bg-primary text-primary-foreground hover:bg-primary/90'), children: action.label }))] }));
 };
-exports.StateCard = StateCard;
 //# sourceMappingURL=StateCard.js.map

package/dist/ui/chrome/StateCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateCard.js","sourceRoot":"","sources":["../../../src/ui/chrome/StateCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StateCard.js","sourceRoot":"","sources":["../../../src/ui/chrome/StateCard.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACzD,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAmC3B,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,YAAY,EACZ,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9D,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,UAAU,GAAG,OAAO,KAAK,gBAAgB,CAAC;IAEhD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAChB,0EAA0E,EAC1E,OAAO,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,iDAAiD,EAC3G,SAAS,CACV,aACC,cAAK,SAAS,EAAE,EAAE,CAChB,6DAA6D,EAC7D,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,eAAe,CAChD,YACC,eAAM,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,cAAc,YAAG,IAAI,GAAQ,GACzE,EAEN,aAAI,SAAS,EAAC,uDAAuD,YAClE,KAAK,GACH,EAEJ,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,kEAAkE,YAC5E,WAAW,GACV,CACL,EAGA,UAAU,IAAI,YAAY,IAAI,CAC7B,eAAK,SAAS,EAAC,sBAAsB,aACnC,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC,EACnD,SAAS,EAAC,gGAAgG,aAEzG,eAAe,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,SAAS,EAAC,SAAS,GAAG,qBAEtF,EAER,eAAe,IAAI,CAClB,eAAK,SAAS,EAAC,+DAA+D,aAE3E,YAAY,CAAC,MAAM,IAAI,YAAY,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACxD,cAAK,SAAS,EAAC,aAAa,YACzB,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CACvC,eAAe,SAAS,EAAC,aAAa,aACpC,eAAM,SAAS,EAAC,gCAAgC,YAAE,KAAK,CAAC,KAAK,GAAQ,EACrE,gBAAM,SAAS,EAAC,aAAa,mBAAI,KAAK,CAAC,KAAK,IAAQ,KAF5C,GAAG,CAGP,CACP,CAAC,GACE,CACP,EAGA,YAAY,CAAC,UAAU,IAAI,CAC1B,mBAAS,SAAS,EAAC,aAAa,aAC9B,kBAAS,SAAS,EAAC,kDAAkD,4BAE3D,EACV,cAAK,SAAS,EAAC,+HAA+H,YAC3I,YAAY,CAAC,UAAU,GACpB,IACE,CACX,EAGA,YAAY,CAAC,SAAS,IAAI,CACzB,eAAK,SAAS,EAAC,iDAAiD,aAC9D,eAAM,SAAS,EAAC,wBAAwB,2BAAkB,EAC1D,cAAM,EACN,eAAM,SAAS,EAAC,6CAA6C,YAAE,YAAY,CAAC,SAAS,GAAQ,IACzF,CACP,IACG,CACP,IACG,CACP,EAGA,MAAM,IAAI,CACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,OAAO;oBACL,CAAC,CAAC,oEAAoE;oBACtE,CAAC,CAAC,wDAAwD,CAC7D,YAEA,MAAM,CAAC,KAAK,GACN,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,10 +1,7 @@
-"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] })] })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Loader2 } from 'lucide-react';
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from '../primitives/alert-dialog';
+export default 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 (_jsx(AlertDialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: title }), _jsx(AlertDialogDescription, { children: description })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { disabled: isPending, children: "Cancel" }), _jsxs(AlertDialogAction, { onClick: onConfirm, disabled: isPending, className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: [isPending && _jsx(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

@@ -1 +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"}
+{"version":3,"file":"confirm-delete-dialog.js","sourceRoot":"","sources":["../../../src/ui/chrome/confirm-delete-dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,4BAA4B,CAAC;AAiBpC,MAAM,CAAC,OAAO,UAAU,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,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,YACjD,MAAC,kBAAkB,eACjB,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,cAAE,KAAK,GAAoB,EAC5C,KAAC,sBAAsB,cAAE,WAAW,GAA0B,IAC5C,EACpB,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,IAAC,QAAQ,EAAE,SAAS,uBAA4B,EAClE,MAAC,iBAAiB,IAChB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,oEAAoE,aAE7E,SAAS,IAAI,KAAC,OAAO,IAAC,SAAS,EAAC,6BAA6B,GAAG,EAChE,YAAY,IACK,IACF,IACD,GACT,CACf,CAAC;AACJ,CAAC"}

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

@@ -1,19 +1,13 @@
-"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 });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FileQuestion } from 'lucide-react';
+import { useHostBridge } from '../../lib/biome-host';
+import EmptyState from './EmptyState';
+import { Tabs, TabsList, TabsTrigger } from '../primitives/tabs';
+export default function PageShell({ icon: _Icon, title, description, children, actions, tabs, activeTab, onTabChange, maxWidth, embedded, eyebrow, backTo, topbarActions, }) {
+    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 (_jsxs("div", { className: "flex h-full min-h-0 flex-col bg-paper", children: [(tabs && tabs.length > 0) || actions ? (_jsx("div", { className: "shrink-0 border-b border-rule bg-paper-elev/40", children: _jsxs("div", { className: "flex items-center gap-3 px-4 py-2 lg:px-6", children: [tabs && tabs.length > 0 && (_jsx(Tabs, { value: activeTab, onValueChange: onTabChange, className: "flex-1 min-w-0", children: _jsx("div", { className: "overflow-x-auto", children: _jsx(TabsList, { className: "h-7 bg-transparent p-0 gap-0", children: tabs.map((tab) => (_jsxs(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 && (_jsx("span", { className: "ml-1.5 text-caption tabular-nums opacity-70", children: tab.count })), tab.indicator && (_jsx("span", { className: "ml-1.5 inline-block h-1.5 w-1.5 rounded-full bg-warning" }))] }, tab.value))) }) }) })), !tabs && _jsx("div", { className: "flex-1" }), actions && _jsx("div", { className: "flex items-center gap-2 shrink-0", children: actions })] }) })) : null, _jsx("div", { className: "flex-1 overflow-auto min-h-0", children: _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." })) })] }));
+    return (_jsxs("div", { className: `flex h-full min-h-0 flex-col ${maxWidth ?? ''}`, children: [(tabs || actions) && (_jsx("div", { className: "shrink-0 border-b border-border/50 px-4 sm:px-5 lg:px-8", children: _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 && (_jsx(Tabs, { value: activeTab, onValueChange: onTabChange, className: "flex-1 min-w-0", children: _jsx("div", { className: "overflow-x-auto", children: _jsx(TabsList, { className: "h-7 bg-transparent p-0 gap-0", children: tabs.map((tab) => (_jsxs(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 && (_jsx("span", { className: "ml-1.5 text-caption tabular-nums opacity-60", children: tab.count })), tab.indicator && (_jsx("span", { className: "ml-1.5 inline-block h-1.5 w-1.5 rounded-full bg-warning" }))] }, tab.value))) }) }) })), !tabs && _jsx("div", { className: "flex-1" }), actions && (_jsx("div", { className: "flex w-full flex-wrap items-center gap-2 sm:w-auto sm:shrink-0 sm:justify-end", children: actions }))] }) })), _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 || (_jsx(EmptyState, { icon: 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

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

@@ -1,10 +1,7 @@
-"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 }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../cn';
+import { TONE_STYLES } from '../design-tokens';
+export default function ScopeBadge({ label, tone = 'neutral', hint, className, }) {
+    return (_jsx("span", { className: cn('inline-flex shrink-0 items-center rounded-sm border px-1.5 py-0 text-[10px] font-medium uppercase tracking-wide', TONE_STYLES[tone], className), title: hint, children: label }));
 }
 //# sourceMappingURL=scope-badge.js.map

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

@@ -1 +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"}
+{"version":3,"file":"scope-badge.js","sourceRoot":"","sources":["../../../src/ui/chrome/scope-badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAa,MAAM,kBAAkB,CAAC;AAoB1D,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,SAAS,GACO;IAChB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,iHAAiH,EACjH,WAAW,CAAC,IAAI,CAAC,EACjB,SAAS,CACV,EACD,KAAK,EAAE,IAAI,YAEV,KAAK,GACD,CACR,CAAC;AACJ,CAAC"}

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

@@ -1,10 +1,7 @@
-"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");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../cn';
+import { getStatusStyle } from '../design-tokens';
+import { Badge } from '../primitives/badge';
 const SIZE_TOKENS = {
     xs: {
         badge: 'h-[18px] px-1.5 py-0 text-[10px] font-medium',
@@ -22,9 +19,9 @@ const SIZE_TOKENS = {
         gap: 'gap-1.5',
     },
 };
-function StatusBadge({ status, className, dot, size = 'sm', children, }) {
-    const style = (0, design_tokens_1.getStatusStyle)(status);
+export default function StatusBadge({ status, className, dot, size = 'sm', children, }) {
+    const style = 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, ' ') })] }));
+    return (_jsxs(Badge, { variant: "outline", className: cn('inline-flex items-center rounded-full', sz.badge, sz.gap, style.badge, className), children: [dot && _jsx("span", { className: cn('shrink-0 rounded-full', sz.dot, style.dot) }), children ?? _jsx("span", { className: "capitalize", children: status.replace(/_/g, ' ') })] }));
 }
 //# sourceMappingURL=status-badge.js.map

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

@@ -1 +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"}
+{"version":3,"file":"status-badge.js","sourceRoot":"","sources":["../../../src/ui/chrome/status-badge.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;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,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,SAAS,EACT,GAAG,EACH,IAAI,GAAG,IAAI,EACX,QAAQ,GACS;IACjB,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACrC,MAAM,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,CACL,MAAC,KAAK,IACJ,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,EAAE,CACX,uCAAuC,EACvC,EAAE,CAAC,KAAK,EACR,EAAE,CAAC,GAAG,EACN,KAAK,CAAC,KAAK,EACX,SAAS,CACV,aAEA,GAAG,IAAI,eAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,GAAI,EAC1E,QAAQ,IAAI,eAAM,SAAS,EAAC,YAAY,YAAE,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,GAAQ,IACtE,CACT,CAAC;AACJ,CAAC"}

package/dist/ui/cn.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cn = cn;
-const clsx_1 = require("clsx");
-const tailwind_merge_1 = require("tailwind-merge");
-const twMerge = (0, tailwind_merge_1.extendTailwindMerge)({
+import { clsx } from 'clsx';
+import { extendTailwindMerge } from 'tailwind-merge';
+const twMerge = extendTailwindMerge({
     extend: {
         classGroups: {
             'font-size': [
@@ -12,7 +9,7 @@ const twMerge = (0, tailwind_merge_1.extendTailwindMerge)({
         },
     },
 });
-function cn(...inputs) {
-    return twMerge((0, clsx_1.clsx)(inputs));
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
 }
 //# sourceMappingURL=cn.js.map

package/dist/ui/cn.js.map

@@ -1 +1 @@
-{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/ui/cn.ts"],"names":[],"mappings":";;AA6BA,gBAEC;AA/BD,+BAA6C;AAC7C,mDAAqD;AAcrD,MAAM,OAAO,GAAG,IAAA,oCAAmB,EAAC;IAClC,MAAM,EAAE;QACN,WAAW,EAAE;YACX,WAAW,EAAE;gBACX,EAAE,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE;aAC1E;SACF;KACF;CACF,CAAC,CAAC;AAMH,SAAgB,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAA,WAAI,EAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC"}
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/ui/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAcrD,MAAM,OAAO,GAAG,mBAAmB,CAAC;IAClC,MAAM,EAAE;QACN,WAAW,EAAE;YACX,WAAW,EAAE;gBACX,EAAE,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE;aAC1E;SACF;KACF;CACF,CAAC,CAAC;AAMH,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC"}

package/dist/ui/design-tokens.js

@@ -1,10 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ORIGIN_STYLES = exports.STATE_STYLES = exports.KIND_STYLES = exports.AGENT_SOURCE_STYLES = exports.RISK_LEVEL_STYLES = exports.IMPORTANCE_STYLES = exports.SECTION_STYLES = exports.CARD_STYLES = exports.TYPE_STYLES = exports.SEVERITY_STYLES = exports.PRIORITY_STYLES = exports.STATUS_STYLES = exports.TONE_STYLES = void 0;
-exports.getStatusStyle = getStatusStyle;
-exports.getPriorityStyle = getPriorityStyle;
-exports.getSeverityStyle = getSeverityStyle;
-exports.getRiskLevelStyle = getRiskLevelStyle;
 const SUCCESS_STYLE = {
     badge: 'bg-success/15 text-success dark:text-success border-success/30',
     dot: 'bg-success',
@@ -53,7 +46,7 @@ const NEUTRAL_STYLE = {
     border: 'border-border',
     icon: 'text-ink-3',
 };
-exports.TONE_STYLES = {
+export const TONE_STYLES = {
     neutral: 'bg-paper-elev text-ink-3 border-border',
     primary: 'bg-primary/10 text-primary border-primary/20',
     info: 'bg-info/15 text-info dark:text-info border-info/20',
@@ -62,7 +55,7 @@ exports.TONE_STYLES = {
     danger: 'bg-destructive/15 text-destructive dark:text-destructive border-destructive/20',
     accent: 'bg-amber-500/15 text-amber-700 dark:text-amber-400 border-amber-500/20',
 };
-exports.STATUS_STYLES = {
+export const STATUS_STYLES = {
     pending: INFO_STYLE,
     running: WARNING_STYLE,
     waiting_on_approval: WARNING_STYLE,
@@ -97,10 +90,10 @@ exports.STATUS_STYLES = {
     approved: SUCCESS_STYLE,
     manual_review: WARNING_STYLE,
 };
-function getStatusStyle(status) {
-    return exports.STATUS_STYLES[status] ?? exports.STATUS_STYLES.pending;
+export function getStatusStyle(status) {
+    return STATUS_STYLES[status] ?? STATUS_STYLES.pending;
 }
-exports.PRIORITY_STYLES = {
+export const PRIORITY_STYLES = {
     p0: {
         badge: 'bg-destructive text-white border-destructive',
         text: 'text-destructive dark:text-destructive',
@@ -130,10 +123,10 @@ exports.PRIORITY_STYLES = {
         label: 'Low',
     },
 };
-function getPriorityStyle(priority) {
-    return exports.PRIORITY_STYLES[priority] ?? exports.PRIORITY_STYLES.p3;
+export function getPriorityStyle(priority) {
+    return PRIORITY_STYLES[priority] ?? PRIORITY_STYLES.p3;
 }
-exports.SEVERITY_STYLES = {
+export const SEVERITY_STYLES = {
     critical: {
         badge: 'bg-destructive text-white border-destructive',
         text: 'text-destructive dark:text-destructive',
@@ -171,24 +164,24 @@ exports.SEVERITY_STYLES = {
         border: 'border-info/30',
     },
 };
-function getSeverityStyle(severity) {
+export function getSeverityStyle(severity) {
     const s = severity.toLowerCase();
-    return exports.SEVERITY_STYLES[s] ?? { badge: 'bg-paper-elev text-ink-3 border-border', text: 'text-ink-3', bg: 'bg-muted/30', border: 'border-border' };
+    return SEVERITY_STYLES[s] ?? { badge: 'bg-paper-elev text-ink-3 border-border', text: 'text-ink-3', bg: 'bg-muted/30', border: 'border-border' };
 }
-exports.TYPE_STYLES = {
+export const TYPE_STYLES = {
     epic: { badge: 'bg-primary/15 text-primary dark:text-primary border-primary/30', text: 'text-primary dark:text-primary', border: 'border-l-purple-600' },
     story: { badge: 'bg-info/15 text-info dark:text-info border-info/30', text: 'text-info dark:text-info', border: 'border-l-blue-600' },
     task: { badge: 'bg-success/15 text-success dark:text-success border-success/30', text: 'text-success dark:text-success', border: 'border-l-green-600' },
     bug: { badge: 'bg-destructive/15 text-destructive dark:text-destructive border-destructive/30', text: 'text-destructive dark:text-destructive', border: 'border-l-red-600' },
 };
-exports.CARD_STYLES = {
+export const CARD_STYLES = {
     default: 'bg-card border border-border/50 rounded-xl shadow-[var(--shadow-2)]',
     elevated: 'bg-card border border-border/40 rounded-xl shadow-[var(--shadow-8)]',
     dark: 'bg-foreground text-background rounded-xl shadow-[var(--shadow-16)]',
     accent: 'bg-primary/5 border border-primary/15 rounded-xl',
     empty: 'border-2 border-dashed border-border/50 rounded-xl',
 };
-exports.SECTION_STYLES = {
+export const SECTION_STYLES = {
     pageTitle: 'text-lg sm:text-xl font-semibold tracking-tight text-ink',
     sectionHeader: 'text-sm font-semibold text-ink',
     cardLabel: 'text-[11px] font-semibold uppercase tracking-wider text-ink-3',
@@ -196,22 +189,22 @@ exports.SECTION_STYLES = {
     metricValue: 'text-xl sm:text-2xl font-semibold tabular-nums text-ink',
     metricLabel: 'text-sm text-ink-3',
 };
-exports.IMPORTANCE_STYLES = {
+export const IMPORTANCE_STYLES = {
     1: { badge: 'bg-paper-elev text-ink-3 border-border', label: 'Low', star: 'text-ink-3' },
     2: { badge: 'bg-info/15 text-info dark:text-info border-info/30', label: 'Normal', star: 'text-info' },
     3: { badge: 'bg-warning/15 text-warning dark:text-warning border-warning/30', label: 'High', star: 'text-warning' },
     4: { badge: 'bg-destructive/15 text-destructive dark:text-destructive border-destructive/30', label: 'Critical', star: 'text-destructive' },
 };
-exports.RISK_LEVEL_STYLES = {
+export const RISK_LEVEL_STYLES = {
     low: { badge: 'bg-success/15 text-success dark:text-success border-success/30', text: 'text-success dark:text-success' },
     medium: { badge: 'bg-warning/15 text-warning dark:text-warning border-warning/30', text: 'text-warning dark:text-warning' },
     high: { badge: 'bg-warning/15 text-warning dark:text-warning border-warning/30', text: 'text-warning dark:text-warning' },
     critical: { badge: 'bg-destructive/15 text-destructive dark:text-destructive border-destructive/30', text: 'text-destructive dark:text-destructive' },
 };
-function getRiskLevelStyle(level) {
-    return exports.RISK_LEVEL_STYLES[level] ?? exports.RISK_LEVEL_STYLES.low;
+export function getRiskLevelStyle(level) {
+    return RISK_LEVEL_STYLES[level] ?? RISK_LEVEL_STYLES.low;
 }
-exports.AGENT_SOURCE_STYLES = {
+export const AGENT_SOURCE_STYLES = {
     dynamic: {
         border: 'border-warning/30',
         bg: 'bg-warning/5',
@@ -225,13 +218,13 @@ exports.AGENT_SOURCE_STYLES = {
         iconBg: 'bg-primary/10',
     },
 };
-exports.KIND_STYLES = {
+export const KIND_STYLES = {
     LESSON: 'bg-info/15 text-info dark:text-info border-info/30',
     PATTERN: 'bg-primary/15 text-primary dark:text-primary border-primary/30',
     CORRECTION: 'bg-destructive/15 text-destructive dark:text-destructive border-destructive/30',
     PREFERENCE: 'bg-success/15 text-success dark:text-success border-success/30',
 };
-exports.STATE_STYLES = {
+export const STATE_STYLES = {
     CANDIDATE: 'bg-paper-elev text-ink-3 border-border',
     ACTIVE: 'bg-success/15 text-success dark:text-success border-success/30',
     SUPERSEDED: 'bg-paper-elev text-ink-3 border-border line-through',
@@ -239,7 +232,7 @@ exports.STATE_STYLES = {
     REVIEW_REQUIRED: 'bg-warning/15 text-warning dark:text-warning border-warning/30',
     ARCHIVED: 'bg-paper-elev text-ink-3 border-border opacity-60',
 };
-exports.ORIGIN_STYLES = {
+export const ORIGIN_STYLES = {
     GATE_REJECTION: 'bg-destructive/15 text-destructive dark:text-destructive border-destructive/30',
     GATE_APPROVAL: 'bg-success/15 text-success dark:text-success border-success/30',
     USER_CORRECTION: 'bg-warning/15 text-warning dark:text-warning border-warning/30',