@xemahq/ui-kernel 0.4.1 → 0.5.0

package/dist/ui/design-tokens.js

@@ -0,0 +1,251 @@
+"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',
+    text: 'text-success dark:text-success',
+    bg: 'bg-success/10',
+    border: 'border-success/30',
+    icon: 'text-success',
+};
+const WARNING_STYLE = {
+    badge: 'bg-warning/15 text-warning dark:text-warning border-warning/30',
+    dot: 'bg-warning',
+    text: 'text-warning dark:text-warning',
+    bg: 'bg-warning/10',
+    border: 'border-warning/30',
+    icon: 'text-warning',
+};
+const INFO_STYLE = {
+    badge: 'bg-info/15 text-info dark:text-info border-info/30',
+    dot: 'bg-info',
+    text: 'text-info dark:text-info',
+    bg: 'bg-info/10',
+    border: 'border-info/30',
+    icon: 'text-info',
+};
+const PRIMARY_STYLE = {
+    badge: 'bg-primary/15 text-primary dark:text-primary border-primary/30',
+    dot: 'bg-primary',
+    text: 'text-primary dark:text-primary',
+    bg: 'bg-primary/10',
+    border: 'border-primary/30',
+    icon: 'text-primary',
+};
+const DESTRUCTIVE_STYLE = {
+    badge: 'bg-destructive/15 text-destructive dark:text-destructive border-destructive/30',
+    dot: 'bg-destructive',
+    text: 'text-destructive dark:text-destructive',
+    bg: 'bg-destructive/10',
+    border: 'border-destructive/30',
+    icon: 'text-destructive',
+};
+const NEUTRAL_STYLE = {
+    badge: 'bg-paper-elev text-ink-3 border-border',
+    dot: 'bg-muted-foreground/40',
+    text: 'text-ink-3',
+    bg: 'bg-muted/30',
+    border: 'border-border',
+    icon: 'text-ink-3',
+};
+exports.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',
+    success: 'bg-success/15 text-success dark:text-success border-success/20',
+    warning: 'bg-warning/15 text-warning dark:text-warning border-warning/20',
+    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 = {
+    pending: INFO_STYLE,
+    running: WARNING_STYLE,
+    waiting_on_approval: WARNING_STYLE,
+    waiting_on_human: WARNING_STYLE,
+    succeeded: SUCCESS_STYLE,
+    failed: DESTRUCTIVE_STYLE,
+    cancelled: NEUTRAL_STYLE,
+    aborted_for_migration: NEUTRAL_STYLE,
+    completed: SUCCESS_STYLE,
+    stopped: WARNING_STYLE,
+    undone: PRIMARY_STYLE,
+    skipped: NEUTRAL_STYLE,
+    creating: PRIMARY_STYLE,
+    provisioning: PRIMARY_STYLE,
+    active: SUCCESS_STYLE,
+    paused: WARNING_STYLE,
+    recovering: WARNING_STYLE,
+    completing: PRIMARY_STYLE,
+    archived: NEUTRAL_STYLE,
+    todo: NEUTRAL_STYLE,
+    in_progress: INFO_STYLE,
+    in_review: WARNING_STYLE,
+    done: SUCCESS_STYLE,
+    blocked: DESTRUCTIVE_STYLE,
+    open: INFO_STYLE,
+    exploring: WARNING_STYLE,
+    proposed: PRIMARY_STYLE,
+    accepted: SUCCESS_STYLE,
+    rejected: DESTRUCTIVE_STYLE,
+    merged: NEUTRAL_STYLE,
+    draft: NEUTRAL_STYLE,
+    approved: SUCCESS_STYLE,
+    manual_review: WARNING_STYLE,
+};
+function getStatusStyle(status) {
+    return exports.STATUS_STYLES[status] ?? exports.STATUS_STYLES.pending;
+}
+exports.PRIORITY_STYLES = {
+    p0: {
+        badge: 'bg-destructive text-white border-destructive',
+        text: 'text-destructive dark:text-destructive',
+        bg: 'bg-destructive/10',
+        border: 'border-destructive/30',
+        label: 'Critical',
+    },
+    p1: {
+        badge: 'bg-warning text-white border-warning',
+        text: 'text-warning dark:text-warning',
+        bg: 'bg-warning/10',
+        border: 'border-warning/30',
+        label: 'High',
+    },
+    p2: {
+        badge: 'bg-warning text-white border-warning',
+        text: 'text-warning dark:text-warning',
+        bg: 'bg-warning/10',
+        border: 'border-warning/30',
+        label: 'Medium',
+    },
+    p3: {
+        badge: 'bg-paper-elev text-ink-3 border-border',
+        text: 'text-ink-3',
+        bg: 'bg-muted/30',
+        border: 'border-border',
+        label: 'Low',
+    },
+};
+function getPriorityStyle(priority) {
+    return exports.PRIORITY_STYLES[priority] ?? exports.PRIORITY_STYLES.p3;
+}
+exports.SEVERITY_STYLES = {
+    critical: {
+        badge: 'bg-destructive text-white border-destructive',
+        text: 'text-destructive dark:text-destructive',
+        bg: 'bg-destructive/10',
+        border: 'border-destructive/30',
+    },
+    error: {
+        badge: 'bg-destructive text-white border-destructive',
+        text: 'text-destructive dark:text-destructive',
+        bg: 'bg-destructive/10',
+        border: 'border-destructive/30',
+    },
+    major: {
+        badge: 'bg-warning text-white border-warning',
+        text: 'text-warning dark:text-warning',
+        bg: 'bg-warning/10',
+        border: 'border-warning/30',
+    },
+    warning: {
+        badge: 'bg-warning text-white border-warning',
+        text: 'text-warning dark:text-warning',
+        bg: 'bg-warning/10',
+        border: 'border-warning/30',
+    },
+    minor: {
+        badge: 'bg-info/15 text-info dark:text-info border-info/30',
+        text: 'text-info dark:text-info',
+        bg: 'bg-info/10',
+        border: 'border-info/30',
+    },
+    info: {
+        badge: 'bg-info/15 text-info dark:text-info border-info/30',
+        text: 'text-info dark:text-info',
+        bg: 'bg-info/10',
+        border: 'border-info/30',
+    },
+};
+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' };
+}
+exports.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 = {
+    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 = {
+    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',
+    description: 'text-sm text-ink-3',
+    metricValue: 'text-xl sm:text-2xl font-semibold tabular-nums text-ink',
+    metricLabel: 'text-sm text-ink-3',
+};
+exports.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 = {
+    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;
+}
+exports.AGENT_SOURCE_STYLES = {
+    dynamic: {
+        border: 'border-warning/30',
+        bg: 'bg-warning/5',
+        icon: 'text-warning',
+        iconBg: 'bg-warning/10',
+    },
+    predefined: {
+        border: 'border-border',
+        bg: 'bg-muted/20',
+        icon: 'text-primary',
+        iconBg: 'bg-primary/10',
+    },
+};
+exports.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 = {
+    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',
+    CONTRADICTED: 'bg-destructive/15 text-destructive dark:text-destructive border-destructive/30 line-through',
+    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 = {
+    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',
+    MANUAL_OVERRIDE: 'bg-destructive/15 text-destructive dark:text-destructive border-destructive/30',
+    REVIEW_FINDING: 'bg-warning/15 text-warning dark:text-warning border-warning/30',
+    PATTERN_DETECTION: 'bg-primary/15 text-primary dark:text-primary border-primary/30',
+    USER_CREATED: 'bg-info/15 text-info dark:text-info border-info/30',
+};
+//# sourceMappingURL=design-tokens.js.map

package/dist/ui/design-tokens.js.map

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

package/dist/ui/hooks/use-debounced-value.d.ts

@@ -0,0 +1,2 @@
+export declare function useDebouncedValue<T>(value: T, delayMs?: number): T;
+//# sourceMappingURL=use-debounced-value.d.ts.map

package/dist/ui/hooks/use-debounced-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-value.d.ts","sourceRoot":"","sources":["../../../src/ui/hooks/use-debounced-value.ts"],"names":[],"mappings":"AAMA,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,SAAM,GAAG,CAAC,CAS/D"}

package/dist/ui/hooks/use-debounced-value.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebouncedValue = useDebouncedValue;
+const react_1 = require("react");
+function useDebouncedValue(value, delayMs = 300) {
+    const [debounced, setDebounced] = (0, react_1.useState)(value);
+    (0, react_1.useEffect)(() => {
+        const timer = setTimeout(() => setDebounced(value), delayMs);
+        return () => clearTimeout(timer);
+    }, [value, delayMs]);
+    return debounced;
+}
+//# sourceMappingURL=use-debounced-value.js.map

package/dist/ui/hooks/use-debounced-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-value.js","sourceRoot":"","sources":["../../../src/ui/hooks/use-debounced-value.ts"],"names":[],"mappings":";;AAMA,8CASC;AAfD,iCAA4C;AAM5C,SAAgB,iBAAiB,CAAI,KAAQ,EAAE,OAAO,GAAG,GAAG;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;QAC7D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAErB,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/dist/ui/index.d.ts

@@ -1,4 +1,6 @@
 export { cn } from './cn';
+export * from './design-tokens';
+export { useDebouncedValue } from './hooks/use-debounced-value';
 export * from './primitives/button';
 export * from './primitives/badge';
 export * from './primitives/input';
@@ -24,7 +26,13 @@ export * from './primitives/radio-group';
 export * from './primitives/overflow-tabs';
 export * from './primitives/tag-multi-select';
 export * from './primitives/sheet';
+export * from './primitives/form-stepper';
+export * from './primitives/async-combobox';
 export { default as ErrorCard, type ErrorMessageFormatter } from './chrome/ErrorCard';
+export { default as StatusBadge, type StatusBadgeProps, type StatusBadgeSize } from './chrome/status-badge';
+export { default as ScopeBadge, type ScopeBadgeProps } from './chrome/scope-badge';
+export { default as ConfirmDeleteDialog, type ConfirmDeleteDialogProps, } from './chrome/confirm-delete-dialog';
+export { default as PageShell } from './chrome/page-shell';
 export { default as EmptyState, type EmptyStateVariant, type EmptyStateSize, type EmptyStateLinkComponent, } from './chrome/EmptyState';
 export { StateCard } from './chrome/StateCard';
 export { default as PageHeader, PageToolbar } from './chrome/PageHeader';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAG1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oBAAoB,CAAC;AAGnC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AACtF,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,uBAAuB,GAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAG1B,cAAc,iBAAiB,CAAC;AAGhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGhE,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAG5C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACnF,OAAO,EACL,OAAO,IAAI,mBAAmB,EAC9B,KAAK,wBAAwB,GAC9B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,uBAAuB,GAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/ui/index.js

@@ -17,9 +17,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AsyncBoundary = exports.LoadingState = exports.PageToolbar = exports.PageHeader = exports.StateCard = exports.EmptyState = exports.ErrorCard = exports.cn = void 0;
+exports.AsyncBoundary = exports.LoadingState = exports.PageToolbar = exports.PageHeader = exports.StateCard = exports.EmptyState = exports.PageShell = exports.ConfirmDeleteDialog = exports.ScopeBadge = exports.StatusBadge = exports.ErrorCard = exports.useDebouncedValue = exports.cn = void 0;
 var cn_1 = require("./cn");
 Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return cn_1.cn; } });
+__exportStar(require("./design-tokens"), exports);
+var use_debounced_value_1 = require("./hooks/use-debounced-value");
+Object.defineProperty(exports, "useDebouncedValue", { enumerable: true, get: function () { return use_debounced_value_1.useDebouncedValue; } });
 __exportStar(require("./primitives/button"), exports);
 __exportStar(require("./primitives/badge"), exports);
 __exportStar(require("./primitives/input"), exports);
@@ -45,8 +48,18 @@ __exportStar(require("./primitives/radio-group"), exports);
 __exportStar(require("./primitives/overflow-tabs"), exports);
 __exportStar(require("./primitives/tag-multi-select"), exports);
 __exportStar(require("./primitives/sheet"), exports);
+__exportStar(require("./primitives/form-stepper"), exports);
+__exportStar(require("./primitives/async-combobox"), exports);
 var ErrorCard_1 = require("./chrome/ErrorCard");
 Object.defineProperty(exports, "ErrorCard", { enumerable: true, get: function () { return __importDefault(ErrorCard_1).default; } });
+var status_badge_1 = require("./chrome/status-badge");
+Object.defineProperty(exports, "StatusBadge", { enumerable: true, get: function () { return __importDefault(status_badge_1).default; } });
+var scope_badge_1 = require("./chrome/scope-badge");
+Object.defineProperty(exports, "ScopeBadge", { enumerable: true, get: function () { return __importDefault(scope_badge_1).default; } });
+var confirm_delete_dialog_1 = require("./chrome/confirm-delete-dialog");
+Object.defineProperty(exports, "ConfirmDeleteDialog", { enumerable: true, get: function () { return __importDefault(confirm_delete_dialog_1).default; } });
+var page_shell_1 = require("./chrome/page-shell");
+Object.defineProperty(exports, "PageShell", { enumerable: true, get: function () { return __importDefault(page_shell_1).default; } });
 var EmptyState_1 = require("./chrome/EmptyState");
 Object.defineProperty(exports, "EmptyState", { enumerable: true, get: function () { return __importDefault(EmptyState_1).default; } });
 var StateCard_1 = require("./chrome/StateCard");

package/dist/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,2BAA0B;AAAjB,wFAAA,EAAE,OAAA;AAGX,sDAAoC;AACpC,qDAAmC;AACnC,qDAAmC;AACnC,qDAAmC;AACnC,sDAAoC;AACpC,sDAAoC;AACpC,oDAAkC;AAClC,wDAAsC;AACtC,oDAAkC;AAClC,6DAA2C;AAC3C,wDAAsC;AACtC,wDAAsC;AACtC,qDAAmC;AACnC,uDAAqC;AACrC,sDAAoC;AACpC,yDAAuC;AACvC,2DAAyC;AACzC,4DAA0C;AAC1C,uDAAqC;AACrC,2DAAyC;AACzC,yDAAuC;AACvC,2DAAyC;AACzC,6DAA2C;AAC3C,gEAA8C;AAC9C,qDAAmC;AAGnC,gDAAsF;AAA7E,uHAAA,OAAO,OAAa;AAC7B,kDAK6B;AAJ3B,yHAAA,OAAO,OAAc;AAKvB,gDAA+C;AAAtC,sGAAA,SAAS,OAAA;AAClB,kDAAyE;AAAhE,yHAAA,OAAO,OAAc;AAAE,yGAAA,WAAW,OAAA;AAC3C,sDAA0F;AAAjF,6HAAA,OAAO,OAAgB;AAChC,wDAAkE;AAAzD,+HAAA,OAAO,OAAiB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,2BAA0B;AAAjB,wFAAA,EAAE,OAAA;AAGX,kDAAgC;AAGhC,mEAAgE;AAAvD,wHAAA,iBAAiB,OAAA;AAG1B,sDAAoC;AACpC,qDAAmC;AACnC,qDAAmC;AACnC,qDAAmC;AACnC,sDAAoC;AACpC,sDAAoC;AACpC,oDAAkC;AAClC,wDAAsC;AACtC,oDAAkC;AAClC,6DAA2C;AAC3C,wDAAsC;AACtC,wDAAsC;AACtC,qDAAmC;AACnC,uDAAqC;AACrC,sDAAoC;AACpC,yDAAuC;AACvC,2DAAyC;AACzC,4DAA0C;AAC1C,uDAAqC;AACrC,2DAAyC;AACzC,yDAAuC;AACvC,2DAAyC;AACzC,6DAA2C;AAC3C,gEAA8C;AAC9C,qDAAmC;AACnC,4DAA0C;AAC1C,8DAA4C;AAG5C,gDAAsF;AAA7E,uHAAA,OAAO,OAAa;AAC7B,sDAA4G;AAAnG,4HAAA,OAAO,OAAe;AAC/B,oDAAmF;AAA1E,0HAAA,OAAO,OAAc;AAC9B,wEAGwC;AAFtC,6IAAA,OAAO,OAAuB;AAGhC,kDAA2D;AAAlD,wHAAA,OAAO,OAAa;AAC7B,kDAK6B;AAJ3B,yHAAA,OAAO,OAAc;AAKvB,gDAA+C;AAAtC,sGAAA,SAAS,OAAA;AAClB,kDAAyE;AAAhE,yHAAA,OAAO,OAAc;AAAE,yGAAA,WAAW,OAAA;AAC3C,sDAA0F;AAAjF,6HAAA,OAAO,OAAgB;AAChC,wDAAkE;AAAzD,+HAAA,OAAO,OAAiB"}

package/dist/ui/primitives/async-combobox.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from 'react';
+export interface AsyncComboboxProps<T> {
+    queryKeyPrefix?: string;
+    value: T | null;
+    displayValue?: string;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    onSearch: (query: string) => Promise<readonly T[]> | readonly T[];
+    minSearchLength?: number;
+    debounceMs?: number;
+    renderItem: (item: T) => ReactNode;
+    getItemKey: (item: T) => string;
+    onSelect: (item: T) => void;
+    disabled?: boolean;
+    triggerClassName?: string;
+}
+export declare function AsyncCombobox<T>({ queryKeyPrefix, value, displayValue, placeholder, searchPlaceholder, emptyMessage, onSearch, minSearchLength, debounceMs, renderItem, getItemKey, onSelect, disabled, triggerClassName, }: Readonly<AsyncComboboxProps<T>>): import("react").JSX.Element;
+//# sourceMappingURL=async-combobox.d.ts.map

package/dist/ui/primitives/async-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-combobox.d.ts","sourceRoot":"","sources":["../../../src/ui/primitives/async-combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQpE,MAAM,WAAW,kBAAkB,CAAC,CAAC;IAEnC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAEhB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,CAAC;IAOlE,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAEnC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAEhC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAE5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAUD,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAC/B,cAA0B,EAC1B,KAAK,EACL,YAAY,EACZ,WAAuB,EACvB,iBAA6B,EAC7B,YAAiC,EACjC,QAAQ,EACR,eAAmB,EACnB,UAAgB,EAChB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,gBAAgB,GACjB,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,+BA4GjC"}

package/dist/ui/primitives/async-combobox.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AsyncCombobox = AsyncCombobox;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_query_1 = require("@tanstack/react-query");
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+const cn_1 = require("../cn");
+const use_debounced_value_1 = require("../hooks/use-debounced-value");
+const button_1 = require("./button");
+const input_1 = require("./input");
+const popover_1 = require("./popover");
+function AsyncCombobox({ queryKeyPrefix = 'default', value, displayValue, placeholder = 'Select…', searchPlaceholder = 'Search…', emptyMessage = 'No results found', onSearch, minSearchLength = 0, debounceMs = 300, renderItem, getItemKey, onSelect, disabled, triggerClassName, }) {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [search, setSearch] = (0, react_1.useState)('');
+    const inputRef = (0, react_1.useRef)(null);
+    const debouncedSearch = (0, use_debounced_value_1.useDebouncedValue)(search, debounceMs);
+    const searchEnabled = open && debouncedSearch.length >= minSearchLength;
+    const { data: results = [], isLoading } = (0, react_query_1.useQuery)({
+        queryKey: ['async-combobox', queryKeyPrefix, debouncedSearch],
+        queryFn: () => onSearch(debouncedSearch),
+        enabled: searchEnabled,
+        staleTime: 30_000,
+    });
+    (0, react_1.useEffect)(() => {
+        if (open) {
+            const timer = setTimeout(() => inputRef.current?.focus(), 50);
+            return () => clearTimeout(timer);
+        }
+        setSearch('');
+        return undefined;
+    }, [open]);
+    const handleSelect = (item) => {
+        onSelect(item);
+        setOpen(false);
+    };
+    const showTypeToSearchHint = !isLoading && minSearchLength > 0 && debouncedSearch.length < minSearchLength;
+    const showEmptyMessage = !isLoading && searchEnabled && results.length === 0;
+    return ((0, jsx_runtime_1.jsxs)(popover_1.Popover, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(popover_1.PopoverTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(button_1.Button, { variant: "outline", role: "combobox", "aria-expanded": open, disabled: disabled, className: (0, cn_1.cn)('w-full justify-between font-normal', !value && 'text-ink-3', triggerClassName), children: [(0, jsx_runtime_1.jsx)("span", { className: "truncate", children: value ? (displayValue ?? placeholder) : placeholder }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), (0, jsx_runtime_1.jsxs)(popover_1.PopoverContent, { className: "w-[--radix-popover-trigger-width] min-w-[18rem] p-0", align: "start", onOpenAutoFocus: (e) => e.preventDefault(), children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative border-b", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-ink-3" }), (0, jsx_runtime_1.jsx)(input_1.Input, { ref: inputRef, value: search, onChange: (e) => setSearch(e.target.value), placeholder: searchPlaceholder, className: "h-9 text-body-1 pl-8 border-0 rounded-none focus-visible:ring-0 focus-visible:ring-offset-0" })] }), (0, jsx_runtime_1.jsx)("div", { className: "max-h-80 overflow-y-auto overscroll-contain", children: (0, jsx_runtime_1.jsxs)("div", { className: "p-1", children: [isLoading && ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center py-4", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin text-ink-3" }) })), showTypeToSearchHint && ((0, jsx_runtime_1.jsxs)("p", { className: "text-body-1 text-ink-3 text-center py-4", children: ["Type ", minSearchLength, "+ characters to search"] })), showEmptyMessage && ((0, jsx_runtime_1.jsx)("p", { className: "text-body-1 text-ink-3 text-center py-4", children: emptyMessage })), !isLoading &&
+                                    results.map((item) => ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "w-full text-left text-body-1 px-2 py-1.5 rounded hover:bg-paper-elev transition-colors flex items-center gap-2", onClick: () => handleSelect(item), children: renderItem(item) }, getItemKey(item))))] }) })] })] }));
+}
+//# sourceMappingURL=async-combobox.js.map

package/dist/ui/primitives/async-combobox.js.map

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

package/dist/ui/primitives/form-stepper.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+export declare enum FormStepStatus {
+    PENDING = "pending",
+    ACTIVE = "active",
+    DONE = "done"
+}
+export interface FormStep {
+    readonly key: string;
+    readonly label: string;
+    readonly hint?: string;
+    readonly status: FormStepStatus;
+    readonly children: ReactNode;
+}
+interface FormStepperProps {
+    readonly steps: readonly FormStep[];
+}
+export declare function FormStepper({ steps }: FormStepperProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=form-stepper.d.ts.map

package/dist/ui/primitives/form-stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-stepper.d.ts","sourceRoot":"","sources":["../../../src/ui/primitives/form-stepper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,oBAAY,cAAc;IACxB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B;AAED,UAAU,gBAAgB;IACxB,QAAQ,CAAC,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAC;CACrC;AAQD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,gBAAgB,+BAatD"}

package/dist/ui/primitives/form-stepper.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormStepStatus = void 0;
+exports.FormStepper = FormStepper;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const cn_1 = require("../cn");
+var FormStepStatus;
+(function (FormStepStatus) {
+    FormStepStatus["PENDING"] = "pending";
+    FormStepStatus["ACTIVE"] = "active";
+    FormStepStatus["DONE"] = "done";
+})(FormStepStatus || (exports.FormStepStatus = FormStepStatus = {}));
+function FormStepper({ steps }) {
+    return ((0, jsx_runtime_1.jsx)("ol", { className: "space-y-4", children: steps.map((step, index) => ((0, jsx_runtime_1.jsx)(FormStepperItem, { step: step, stepNumber: index + 1, isLast: index === steps.length - 1 }, step.key))) }));
+}
+function FormStepperItem({ step, stepNumber, isLast }) {
+    const isPending = step.status === FormStepStatus.PENDING;
+    const isDone = step.status === FormStepStatus.DONE;
+    const isActive = step.status === FormStepStatus.ACTIVE;
+    return ((0, jsx_runtime_1.jsxs)("li", { className: "relative flex gap-3", children: [!isLast && ((0, jsx_runtime_1.jsx)("span", { "aria-hidden": true, className: (0, cn_1.cn)('absolute left-3.5 top-8 bottom-0 w-px -translate-x-1/2', isDone ? 'bg-primary/30' : 'bg-rule') })), (0, jsx_runtime_1.jsx)("span", { className: (0, cn_1.cn)('relative z-[1] mt-0.5 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border text-caption font-semibold', isDone && 'border-primary/40 bg-primary/15 text-primary', isActive && 'border-primary bg-primary text-primary-foreground', isPending && 'border-rule bg-paper-elev text-ink-3'), children: isDone ? (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "h-3.5 w-3.5", strokeWidth: 2.5 }) : stepNumber }), (0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex-1 min-w-0 rounded-lg border bg-card p-4 transition-opacity', isActive && 'border-primary/40 shadow-sm', isDone && 'border-rule', isPending && 'border-rule opacity-60'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-3 space-y-0.5", children: [(0, jsx_runtime_1.jsx)("p", { className: (0, cn_1.cn)('text-body-1 font-medium', isPending ? 'text-ink-3' : 'text-foreground'), children: step.label }), step.hint && (0, jsx_runtime_1.jsx)("p", { className: "text-caption text-ink-3", children: step.hint })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)(isPending && 'pointer-events-none select-none'), children: step.children })] })] }));
+}
+//# sourceMappingURL=form-stepper.js.map

package/dist/ui/primitives/form-stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-stepper.js","sourceRoot":"","sources":["../../../src/ui/primitives/form-stepper.tsx"],"names":[],"mappings":";;;AA8BA,kCAaC;;AA3CD,+CAAqC;AAIrC,8BAA2B;AAE3B,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,qCAAmB,CAAA;IACnB,mCAAiB,CAAA;IACjB,+BAAa,CAAA;AACf,CAAC,EAJW,cAAc,8BAAd,cAAc,QAIzB;AAoBD,SAAgB,WAAW,CAAC,EAAE,KAAK,EAAoB;IACrD,OAAO,CACL,+BAAI,SAAS,EAAC,WAAW,YACtB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,uBAAC,eAAe,IAEd,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,KAAK,GAAG,CAAC,EACrB,MAAM,EAAE,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,IAH7B,IAAI,CAAC,GAAG,CAIb,CACH,CAAC,GACC,CACN,CAAC;AACJ,CAAC;AAQD,SAAS,eAAe,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAwB;IACzE,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,OAAO,CAAC;IACzD,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,IAAI,CAAC;IACnD,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,MAAM,CAAC;IAEvD,OAAO,CACL,gCAAI,SAAS,EAAC,qBAAqB,aAGhC,CAAC,MAAM,IAAI,CACV,sDAEE,SAAS,EAAE,IAAA,OAAE,EACX,wDAAwD,EACxD,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CACrC,GACD,CACH,EAED,iCACE,SAAS,EAAE,IAAA,OAAE,EACX,+HAA+H,EAC/H,MAAM,IAAI,8CAA8C,EACxD,QAAQ,IAAI,mDAAmD,EAC/D,SAAS,IAAI,sCAAsC,CACpD,YAEA,MAAM,CAAC,CAAC,CAAC,uBAAC,oBAAK,IAAC,SAAS,EAAC,aAAa,EAAC,WAAW,EAAE,GAAG,GAAI,CAAC,CAAC,CAAC,UAAU,GACrE,EAEP,iCACE,SAAS,EAAE,IAAA,OAAE,EACX,iEAAiE,EACjE,QAAQ,IAAI,6BAA6B,EACzC,MAAM,IAAI,aAAa,EACvB,SAAS,IAAI,wBAAwB,CACtC,aAED,iCAAK,SAAS,EAAC,kBAAkB,aAC/B,8BACE,SAAS,EAAE,IAAA,OAAE,EACX,yBAAyB,EACzB,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAC7C,YAEA,IAAI,CAAC,KAAK,GACT,EACH,IAAI,CAAC,IAAI,IAAI,8BAAG,SAAS,EAAC,yBAAyB,YAAE,IAAI,CAAC,IAAI,GAAK,IAChE,EAGN,gCAAK,SAAS,EAAE,IAAA,OAAE,EAAC,SAAS,IAAI,iCAAiC,CAAC,YAC/D,IAAI,CAAC,QAAQ,GACV,IACF,IACH,CACN,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xemahq/ui-kernel",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "Host-framework-agnostic UI kernel for the Xema OS. Defines the SystemBus orchestration contract (capability.invoke, cross-biome intents, command palette, xema:// deeplinks, window manager) AND the biome-host contract surface (FrontendBiome/FrontendBiomeFactory, HostBridge, the singleton biomeRegistry, session contributions) that every frontend biome composes against. No Vite, Next.js, or React-Router — React itself IS allowed as the shared component model (the contracts traffic in ReactNode/ComponentType and a React context). Concrete host adapters (router/auth/toast wiring) live in separate packages that consume this kernel. The SystemBus is pure orchestration: it never authorizes, the backend capability-router enforces all policy.",
   "keywords": [
     "xema",

package/src/lib/biome-host/index.ts

@@ -31,3 +31,5 @@ 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';

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

@@ -0,0 +1,88 @@
+/**
+ * Unified mutation hook with automatic success/error toast notifications.
+ *
+ * Rebuilt on the {@link HostBridge}: toasts route through `bridge.toast` and
+ * error copy is decoded by the bridge's error decoder (falling back to the
+ * kernel {@link getUserFacingErrorMessage}). Biome code stays decoupled from
+ * any particular toast library or error-envelope shape.
+ *
+ * Requires `@tanstack/react-query` (an optional peer of the kernel) and a
+ * `QueryClientProvider` mounted above.
+ *
+ * Usage:
+ *   const mutation = useMutationWithErrorToast(
+ *     { mutationFn: (vars) => apiFn(vars), onSuccess: () => invalidate() },
+ *     { successTitle: 'Saved', errorTitle: 'Save failed' },
+ *   );
+ */
+import { useMutation, type UseMutationOptions } from '@tanstack/react-query';
+
+import { getUserFacingErrorMessage } from './errors';
+import { useHostBridge } from './host-bridge';
+
+export type MutationCoreOptions<
+  TData = unknown,
+  TError = Error,
+  TVariables = unknown,
+  TContext = unknown,
+> = Omit<UseMutationOptions<TData, TError, TVariables, TContext>, 'onError'>;
+
+export interface MutationToastOptions<TError = Error> {
+  /** Title for the success toast. Omit or pass null to suppress the success toast. */
+  successTitle?: string | null;
+  /** Optional description for the success toast. */
+  successDescription?: string;
+  /** Title for the error toast. Omit to suppress the error toast. */
+  errorTitle?: string;
+  /**
+   * Custom error side-effect. Called before the auto-error-toast.
+   * Return `true` to suppress the automatic toast.
+   */
+  onError?: (error: TError) => boolean | void;
+}
+
+export function useMutationWithErrorToast<
+  TData = unknown,
+  TError extends Error = Error,
+  TVariables = unknown,
+  TContext = unknown,
+>(
+  mutationOptions: MutationCoreOptions<TData, TError, TVariables, TContext>,
+  toastOptions?: MutationToastOptions<TError>,
+) {
+  const bridge = useHostBridge();
+  const decodeError =
+    bridge.errors?.getUserFacingErrorMessage ?? getUserFacingErrorMessage;
+
+  const { onSuccess: userOnSuccess, ...coreMutationOptions } = mutationOptions;
+  const {
+    successTitle,
+    successDescription,
+    errorTitle,
+    onError: customOnError,
+  } = toastOptions ?? {};
+
+  return 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: TError) => {
+      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);
+      }
+    },
+  });
+}