@burdenoff/fe-libs 2026.510.126

package/README.md

@@ -0,0 +1,65 @@
+# @burdenoff/fe-libs
+
+Frontend primitives and domain libraries for all Burdenoff products.
+
+## Architecture
+
+This is a **Layer 1 package** - a monolithic package with subpath exports for all primitives.
+
+## Package Structure
+
+```
+@burdenoff/fe-libs/
+├── /workflow    - Workflow primitives (Node, Canvas, Edge)
+├── /tag         - Tag components
+├── /form        - Form components
+├── /button      - Button primitives
+└── /shared      - Shared utilities (cn, types)
+```
+
+## Usage
+
+```typescript
+import { Button } from '@burdenoff/fe-libs/button';
+import { WorkflowNode, WorkflowCanvas } from '@burdenoff/fe-libs/workflow';
+import { cn } from '@burdenoff/fe-libs/shared';
+```
+
+## Development
+
+```bash
+# Install dependencies
+bun install
+
+# Build library
+bun run build
+
+# Type check
+bun run type:check
+
+# Run all checks
+bun run sanity
+```
+
+## Components
+
+### Workflow Primitives
+
+- **WorkflowNode** - Renders a workflow node with status indicators
+- **WorkflowCanvas** - Canvas component for workflow builder with grid background
+
+### Button
+
+- **Button** - Versatile button component with variants (default, destructive, outline, secondary, ghost, link)
+
+### Shared
+
+- **cn** - Utility for merging Tailwind classes
+
+## Tech Stack
+
+- React 19
+- TypeScript 5.9+
+- TailwindCSS v4
+- Radix UI (for accessible primitives)
+- Vite 7 (for building)

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,20 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, n) => {
+	let r = {};
+	for (var i in e) t(r, i, {
+		get: e[i],
+		enumerable: !0
+	});
+	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
+}, c = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, l = (n, r, a) => (a = n == null ? {} : e(i(n)), c(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n));
+//#endregion
+export { o as __commonJSMin, s as __exportAll, l as __toESM };

package/dist/button/Button.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };
+//# sourceMappingURL=Button.d.ts.map

package/dist/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,cAAc;;;8EA4BnB,CAAC;AAEF,MAAM,WAAW,WACf,SACE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAWX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/button/Button.js

@@ -0,0 +1,39 @@
+import { cn as e } from "../shared-utils.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Slot as r } from "@radix-ui/react-slot";
+import { cva as i } from "class-variance-authority";
+//#region src/button/Button.tsx
+var a = i("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all duration-200 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] hover:shadow-md", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground shadow hover:bg-primary/90 hover:shadow-lg active:shadow-sm",
+			destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 hover:shadow-lg active:shadow-sm",
+			outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground hover:border-accent-foreground/20",
+			secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80 hover:shadow-lg active:shadow-sm",
+			ghost: "hover:bg-accent hover:text-accent-foreground hover:shadow-sm",
+			link: "text-primary underline-offset-4 hover:underline hover:text-primary/80"
+		},
+		size: {
+			default: "h-9 px-4 py-2",
+			sm: "h-8 rounded-md px-3 text-xs",
+			lg: "h-10 rounded-md px-8",
+			icon: "h-9 w-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), o = t.forwardRef(({ className: t, variant: i, size: o, asChild: s = !1, ...c }, l) => /* @__PURE__ */ n(s ? r : "button", {
+	className: e(a({
+		variant: i,
+		size: o,
+		className: t
+	})),
+	ref: l,
+	...c
+}));
+o.displayName = "Button";
+//#endregion
+export { o as Button };

package/dist/button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export type { ButtonProps } from './Button';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/button.d.ts

@@ -0,0 +1,2 @@
+export * from './button/index'
+export {}

package/dist/button.js

@@ -0,0 +1,2 @@
+import { Button as e } from "./button/Button.js";
+export { e as Button };

package/dist/chrome/AccountSwitcher.d.ts

@@ -0,0 +1,51 @@
+import { FC } from 'react';
+export interface Account {
+    /** Unique account identifier */
+    id: string;
+    /** Account email */
+    email: string;
+    /** Display name */
+    name: string;
+    /** First name */
+    firstName?: string;
+    /** Last name */
+    lastName?: string;
+    /** Avatar URL */
+    avatar?: string;
+    /** Whether this is the currently active account */
+    isActive?: boolean;
+    /** Last login timestamp */
+    lastLogin?: Date;
+}
+export interface AccountSwitcherProps {
+    /** List of logged-in accounts */
+    accounts: Account[];
+    /** Currently active account ID */
+    activeAccountId?: string;
+    /** Callback when user switches to a different account */
+    onSwitchAccount?: (account: Account) => void;
+    /** Callback when user wants to add a new account */
+    onAddAccount?: () => void;
+    /** Callback when user wants to remove an account */
+    onRemoveAccount?: (accountId: string) => void;
+    /** Callback when user logs out of all accounts */
+    onLogoutAll?: () => void;
+    /** Show as compact (icon only) */
+    compact?: boolean;
+}
+/**
+ * AccountSwitcher component
+ *
+ * @example
+ * ```tsx
+ * <AccountSwitcher
+ *   accounts={accounts}
+ *   activeAccountId={currentUser.id}
+ *   onSwitchAccount={handleSwitch}
+ *   onAddAccount={handleAddAccount}
+ *   onRemoveAccount={handleRemove}
+ * />
+ * ```
+ */
+export declare const AccountSwitcher: FC<AccountSwitcherProps>;
+//# sourceMappingURL=AccountSwitcher.d.ts.map

package/dist/chrome/AccountSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountSwitcher.d.ts","sourceRoot":"","sources":["../../src/chrome/AccountSwitcher.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,MAAM,WAAW,OAAO;IACtB,gCAAgC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,iCAAiC;IACjC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yDAAyD;IACzD,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,oDAAoD;IACpD,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAoCD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAkTpD,CAAC"}

package/dist/chrome/AccountSwitcher.js

@@ -0,0 +1,221 @@
+import { Sheet as e, SheetContent as t, SheetHeader as n, SheetTitle as r } from "../ui/sheet.js";
+import { useEffect as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/chrome/AccountSwitcher.tsx
+function u(e = 640) {
+	let [t, n] = o(!1);
+	return i(() => {
+		let t = () => n(window.innerWidth < e);
+		return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+	}, [e]), t;
+}
+function d(e, t, n) {
+	if (t && n) return `${t.charAt(0)}${n.charAt(0)}`.toUpperCase();
+	let r = e.split(" ");
+	return r.length >= 2 ? `${r[0].charAt(0)}${r[1].charAt(0)}`.toUpperCase() : e.substring(0, 2).toUpperCase();
+}
+var f = ({ accounts: f, activeAccountId: p, onSwitchAccount: m, onAddAccount: h, onRemoveAccount: g, onLogoutAll: _, compact: v = !1 }) => {
+	let [y, b] = o(!1), x = u(), S = a(null), C = f.find((e) => e.id === p) || f[0], w = f.filter((e) => e.id !== p);
+	i(() => {
+		if (x) return;
+		let e = (e) => {
+			S.current && !S.current.contains(e.target) && b(!1);
+		};
+		if (y) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [y, x]);
+	let T = (e) => {
+		m && m(e), b(!1);
+	}, E = (e, t = !1) => {
+		let n = d(e.name, e.firstName, e.lastName);
+		return /* @__PURE__ */ l("div", {
+			className: `flex items-center gap-3 p-3 ${t ? "bg-action-ghost-bg-hover" : "hover:bg-action-ghost-bg-hover cursor-pointer"} transition-colors`,
+			onClick: () => !t && T(e),
+			role: t ? void 0 : "button",
+			tabIndex: t ? void 0 : 0,
+			onKeyDown: (n) => {
+				!t && (n.key === "Enter" || n.key === " ") && (n.preventDefault(), T(e));
+			},
+			children: [
+				/* @__PURE__ */ c("div", {
+					className: "w-10 h-10 rounded-full bg-action-primary-bg flex items-center justify-center flex-shrink-0",
+					children: e.avatar ? /* @__PURE__ */ c("img", {
+						src: e.avatar,
+						alt: e.name,
+						className: "w-full h-full rounded-full object-cover"
+					}) : /* @__PURE__ */ c("span", {
+						className: "text-action-primary-text font-semibold text-sm",
+						children: n
+					})
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ c("p", {
+						className: "font-medium text-text-primary truncate",
+						children: e.name
+					}), /* @__PURE__ */ c("p", {
+						className: "text-sm text-text-secondary truncate",
+						children: e.email
+					})]
+				}),
+				t && /* @__PURE__ */ c("svg", {
+					className: "w-5 h-5 text-action-primary-bg flex-shrink-0",
+					fill: "currentColor",
+					viewBox: "0 0 20 20",
+					children: /* @__PURE__ */ c("path", {
+						fillRule: "evenodd",
+						d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+						clipRule: "evenodd"
+					})
+				}),
+				!t && g && /* @__PURE__ */ c("button", {
+					onClick: (t) => {
+						t.stopPropagation(), g(e.id);
+					},
+					className: "p-1 rounded hover:bg-status-error-bg/20 text-text-tertiary hover:text-status-error-text transition-colors",
+					"aria-label": `Remove ${e.name}`,
+					children: /* @__PURE__ */ c("svg", {
+						className: "w-4 h-4",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ c("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M6 18L18 6M6 6l12 12"
+						})
+					})
+				})
+			]
+		}, e.id);
+	}, D = () => /* @__PURE__ */ l(s, { children: [
+		/* @__PURE__ */ l("div", {
+			className: "border-b border-border-subtle",
+			children: [/* @__PURE__ */ c("p", {
+				className: "px-3 pt-3 pb-1 text-xs font-semibold text-text-tertiary uppercase tracking-wider",
+				children: "Active Account"
+			}), C && E(C, !0)]
+		}),
+		w.length > 0 && /* @__PURE__ */ l("div", {
+			className: "border-b border-border-subtle",
+			children: [/* @__PURE__ */ c("p", {
+				className: "px-3 pt-3 pb-1 text-xs font-semibold text-text-tertiary uppercase tracking-wider",
+				children: "Switch Account"
+			}), w.map((e) => E(e))]
+		}),
+		/* @__PURE__ */ l("div", {
+			className: "p-2 space-y-1",
+			children: [h && /* @__PURE__ */ l("button", {
+				onClick: () => {
+					h(), b(!1);
+				},
+				className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg text-text-primary hover:bg-action-ghost-bg-hover transition-colors",
+				children: [/* @__PURE__ */ c("svg", {
+					className: "w-5 h-5",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ c("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z"
+					})
+				}), /* @__PURE__ */ c("span", {
+					className: "text-sm font-medium",
+					children: "Add Another Account"
+				})]
+			}), _ && f.length > 0 && /* @__PURE__ */ l("button", {
+				onClick: () => {
+					_(), b(!1);
+				},
+				className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg text-status-error-text hover:bg-status-error-bg/10 transition-colors",
+				children: [/* @__PURE__ */ c("svg", {
+					className: "w-5 h-5",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ c("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
+					})
+				}), /* @__PURE__ */ c("span", {
+					className: "text-sm font-medium",
+					children: "Sign Out All Accounts"
+				})]
+			})]
+		})
+	] }), O = /* @__PURE__ */ l("button", {
+		onClick: () => b(!y),
+		className: `flex items-center gap-2 p-2 rounded-button hover:bg-action-ghost-bg-hover transition-colors ${y ? "bg-action-ghost-bg-hover" : ""}`,
+		"aria-label": "Account switcher",
+		"aria-expanded": y,
+		children: [
+			C && /* @__PURE__ */ c("div", {
+				className: "w-8 h-8 rounded-full bg-action-primary-bg flex items-center justify-center",
+				children: C.avatar ? /* @__PURE__ */ c("img", {
+					src: C.avatar,
+					alt: C.name,
+					className: "w-full h-full rounded-full object-cover"
+				}) : /* @__PURE__ */ c("span", {
+					className: "text-action-primary-text font-semibold text-sm",
+					children: d(C.name, C.firstName, C.lastName)
+				})
+			}),
+			!v && C && /* @__PURE__ */ c("span", {
+				className: "hidden sm:block text-body-sm font-medium text-text-primary max-w-[120px] truncate",
+				children: C.name
+			}),
+			f.length > 1 && /* @__PURE__ */ l("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ c("svg", {
+					className: `w-4 h-4 text-text-secondary transition-transform ${y ? "rotate-180" : ""}`,
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ c("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M19 9l-7 7-7-7"
+					})
+				}), /* @__PURE__ */ c("span", {
+					className: "absolute -top-1 -right-1 w-3 h-3 text-[10px] bg-action-primary-bg text-action-primary-text rounded-full flex items-center justify-center font-bold",
+					children: f.length
+				})]
+			})
+		]
+	});
+	return x ? /* @__PURE__ */ l("div", {
+		className: "relative",
+		children: [O, /* @__PURE__ */ c(e, {
+			open: y,
+			onOpenChange: b,
+			children: /* @__PURE__ */ l(t, {
+				side: "bottom",
+				className: "h-auto max-h-[70vh] flex flex-col p-0",
+				children: [/* @__PURE__ */ c(n, {
+					className: "px-4 pt-4 pb-2 border-b border-border-subtle",
+					children: /* @__PURE__ */ c(r, {
+						className: "text-text-primary",
+						children: "Accounts"
+					})
+				}), /* @__PURE__ */ c("div", {
+					className: "flex-1 overflow-y-auto",
+					children: D()
+				})]
+			})
+		})]
+	}) : /* @__PURE__ */ l("div", {
+		className: "relative",
+		ref: S,
+		children: [O, y && /* @__PURE__ */ c("div", {
+			className: "absolute right-0 mt-2 w-80 bg-bg-elevated border border-border-default rounded-lg shadow-lg z-50 overflow-hidden",
+			children: D()
+		})]
+	});
+};
+//#endregion
+export { f as AccountSwitcher };

package/dist/chrome/AppShellLayout.d.ts

@@ -0,0 +1,67 @@
+import { FC, ReactNode } from 'react';
+/**
+ * AppShellLayout Props Interface
+ */
+export interface AppShellLayoutProps {
+    /** Header component */
+    header?: ReactNode;
+    /** Sidebar component */
+    sidebar?: ReactNode;
+    /** Footer component */
+    footer?: ReactNode;
+    /** Bottom panel area (resizable, for plugin panels) */
+    bottomPanel?: ReactNode;
+    /** Right panel area (resizable, for plugin panels) */
+    rightPanel?: ReactNode;
+    /** Status bar rendered at the very bottom */
+    statusBar?: ReactNode;
+    /** Main content */
+    children: ReactNode;
+    /** Whether header is visible */
+    headerVisible?: boolean;
+    /** Whether footer is visible */
+    footerVisible?: boolean;
+    /** Whether sidebar is visible */
+    sidebarVisible?: boolean;
+    /** Custom className for main content area */
+    contentClassName?: string;
+    /** Padding for main content area (e.g., 'p-4', 'p-6', 'p-8', 'p-card-padding'). Default: 'p-6' */
+    contentPadding?: string;
+    /** When true, footer is rendered inside main content area (scrolls with content). Default: false */
+    footerInContent?: boolean;
+}
+/**
+ * AppShellLayout Component
+ *
+ * Generic app shell layout for product shells. Pure presentation component
+ * that composes header, sidebar, footer, and main content.
+ *
+ * Features:
+ * - Flexible header/sidebar/footer composition
+ * - Visibility controls for each section
+ * - Responsive layout: overlay on mobile, push on desktop
+ * - Custom content styling
+ *
+ * Responsive Behavior:
+ * - Mobile (< md): Sidebar as overlay drawer with backdrop
+ * - Desktop (>= md): Sidebar pushes content with collapse support
+ *
+ * Uses semantic tokens for styling, which must be provided by the shell.
+ *
+ * @example
+ * ```tsx
+ * <AppShellLayout
+ *   header={<HeaderBar {...headerProps} />}
+ *   sidebar={<SideNavigation {...navProps} />}
+ *   footer={<FooterBar {...footerProps} />}
+ *   headerVisible={true}
+ *   footerVisible={true}
+ *   sidebarVisible={true}
+ *   contentPadding="p-6"
+ * >
+ *   <Routes>...</Routes>
+ * </AppShellLayout>
+ * ```
+ */
+export declare const AppShellLayout: FC<AppShellLayoutProps>;
+//# sourceMappingURL=AppShellLayout.d.ts.map

package/dist/chrome/AppShellLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShellLayout.d.ts","sourceRoot":"","sources":["../../src/chrome/AppShellLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,uBAAuB;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,wBAAwB;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,uBAAuB;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,uDAAuD;IACvD,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,sDAAsD;IACtD,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IAEpB,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,iCAAiC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,kGAAkG;IAClG,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,oGAAoG;IACpG,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4DlD,CAAC"}

package/dist/chrome/AppShellLayout.js

@@ -0,0 +1,32 @@
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/chrome/AppShellLayout.tsx
+var r = ({ header: r, sidebar: i, footer: a, bottomPanel: o, rightPanel: s, statusBar: c, children: l, headerVisible: u = !0, footerVisible: d = !0, sidebarVisible: f = !0, contentClassName: p, contentPadding: m = "p-6", footerInContent: h = !1 }) => {
+	let g = h ? `flex-1 overflow-auto bg-bg-canvas flex flex-col ${m}` : `flex-1 overflow-auto bg-bg-canvas ${m}`;
+	return /* @__PURE__ */ n("div", {
+		className: "flex flex-col h-screen bg-bg-canvas",
+		children: [
+			u && r,
+			/* @__PURE__ */ n("div", {
+				className: "flex flex-1 overflow-hidden relative",
+				children: [f && i, /* @__PURE__ */ n("div", {
+					className: "flex flex-1 overflow-hidden",
+					children: [/* @__PURE__ */ n("div", {
+						className: "flex flex-col flex-1 overflow-hidden",
+						children: [/* @__PURE__ */ t("main", {
+							className: p || g,
+							"data-shell-scroll-container": !0,
+							children: h ? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("div", {
+								className: "flex-1",
+								children: l
+							}), d && a] }) : l
+						}), o]
+					}), s]
+				})]
+			}),
+			!h && d && a,
+			c
+		]
+	});
+};
+//#endregion
+export { r as AppShellLayout };

package/dist/chrome/AutoBreadcrumbs.d.ts

@@ -0,0 +1,22 @@
+/**
+ * AutoBreadcrumbs — URL-path-based breadcrumb with UUID name resolution.
+ *
+ * Auto-generates breadcrumbs from the current URL path. Supports a global
+ * name registry for UUID path segments so MFEs can register human-readable
+ * names for entity IDs.
+ *
+ * @example
+ * ```tsx
+ * // In your app shell layout:
+ * <AutoBreadcrumbs />
+ *
+ * // In a MFE that loads an entity:
+ * window.__breadcrumbRegistry?.register(entityId, entityName);
+ * // cleanup:
+ * window.__breadcrumbRegistry?.unregister(entityId);
+ * ```
+ */
+export declare function registerBreadcrumbName(id: string, name: string): void;
+export declare function unregisterBreadcrumbName(id: string): void;
+export declare function AutoBreadcrumbs(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=AutoBreadcrumbs.d.ts.map

package/dist/chrome/AutoBreadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoBreadcrumbs.d.ts","sourceRoot":"","sources":["../../src/chrome/AutoBreadcrumbs.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAYH,wBAAgB,sBAAsB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAE9D;AAED,wBAAgB,wBAAwB,CAAC,EAAE,EAAE,MAAM,QAElD;AAiBD,wBAAgB,eAAe,mDAqG9B"}

package/dist/chrome/AutoBreadcrumbs.js

@@ -0,0 +1,84 @@
+import { useI18n as e } from "../shared/providers/shell/I18nProvider.js";
+import { useEffect as t, useMemo as n, useState as r } from "react";
+import { ChevronRight as i, Home as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useLocation as c, useNavigate as l } from "react-router-dom";
+//#region src/chrome/AutoBreadcrumbs.tsx
+var u = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, d = /* @__PURE__ */ new Map();
+function f(e, t) {
+	d.set(e.toLowerCase(), t);
+}
+function p(e) {
+	d.delete(e.toLowerCase());
+}
+typeof window < "u" && (window.__breadcrumbRegistry = {
+	register: f,
+	unregister: p
+});
+function m() {
+	let f = c(), p = l(), { t: m } = e(), [h, g] = r(0);
+	t(() => {
+		let e = setInterval(() => {
+			g((e) => e + 1);
+		}, 500);
+		return () => clearInterval(e);
+	}, []);
+	let _ = n(() => {
+		let e = f.pathname;
+		if (e === "/") return [];
+		let t = e.split("/").filter(Boolean), n = "";
+		return t.map((e, r) => {
+			n += `/${e}`;
+			let i = r === t.length - 1, a;
+			if (u.test(e)) a = d.get(e.toLowerCase()) || `${e.slice(0, 8)}...`;
+			else {
+				let t = e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), n = m(`nav.${t}`);
+				a = n === `nav.${t}` ? e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ") : n;
+			}
+			return {
+				label: a,
+				path: n,
+				isLast: i
+			};
+		});
+	}, [
+		f.pathname,
+		h,
+		m
+	]);
+	return _.length === 0 ? null : /* @__PURE__ */ o("nav", {
+		"aria-label": "Breadcrumb",
+		className: "mb-spacing-lg px-card-padding py-spacing-sm border-b border-border-subtle bg-bg-surface",
+		children: /* @__PURE__ */ s("ol", {
+			className: "flex items-center gap-spacing-xs text-body-sm flex-wrap",
+			children: [
+				/* @__PURE__ */ o("li", { children: /* @__PURE__ */ s("button", {
+					onClick: () => p("/"),
+					className: "flex items-center gap-icon-gap text-text-secondary hover:text-text-primary transition-colors",
+					"aria-label": "Home",
+					children: [/* @__PURE__ */ o(a, { className: "w-icon-sm h-icon-sm" }), /* @__PURE__ */ o("span", {
+						className: "hidden sm:inline",
+						children: (() => {
+							let e = m("nav.home");
+							return e === "nav.home" ? "Home" : e;
+						})()
+					})]
+				}) }),
+				/* @__PURE__ */ o(i, { className: "w-icon-xs h-icon-xs text-text-tertiary" }),
+				_.map((e) => /* @__PURE__ */ s("li", {
+					className: "flex items-center gap-spacing-xs",
+					children: [e.isLast ? /* @__PURE__ */ o("span", {
+						className: "text-text-primary font-medium truncate max-w-[200px] sm:max-w-none",
+						children: e.label
+					}) : /* @__PURE__ */ o("button", {
+						onClick: () => p(e.path),
+						className: "text-text-secondary hover:text-text-primary transition-colors truncate max-w-[120px] sm:max-w-[200px]",
+						children: e.label
+					}), !e.isLast && /* @__PURE__ */ o(i, { className: "w-icon-xs h-icon-xs text-text-tertiary flex-shrink-0" })]
+				}, e.path))
+			]
+		})
+	});
+}
+//#endregion
+export { m as AutoBreadcrumbs, f as registerBreadcrumbName, p as unregisterBreadcrumbName };