@burdenoff/microfe-auth 2026.510.127

package/dist/auth/components/ConfirmActionDialog.js

@@ -0,0 +1,68 @@
+import { AlertCircle as e, AlertTriangle as t, Info as n, Loader2 as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { AlertDialog as o, AlertDialogAction as s, AlertDialogCancel as c, AlertDialogContent as l, AlertDialogDescription as u, AlertDialogFooter as d, AlertDialogHeader as f, AlertDialogTitle as p } from "@burdenoff/fe-libs/ui";
+//#region src/auth/components/ConfirmActionDialog.tsx
+var m = {
+	default: {
+		icon: n,
+		iconContainerClassName: "bg-[var(--color-status-info-bg-subtle)]",
+		iconClassName: "text-[var(--color-status-info-text)]",
+		actionClassName: "bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)] hover:opacity-90"
+	},
+	warning: {
+		icon: t,
+		iconContainerClassName: "bg-[var(--color-status-warning-bg-subtle)]",
+		iconClassName: "text-[var(--color-status-warning-text)]",
+		actionClassName: "bg-[var(--color-status-warning-bg)] text-[var(--color-text-inverse)] hover:opacity-90"
+	},
+	danger: {
+		icon: e,
+		iconContainerClassName: "bg-[var(--color-status-error-bg-subtle)]",
+		iconClassName: "text-[var(--color-status-error-text)]",
+		actionClassName: "bg-[var(--color-status-error-bg)] text-[var(--color-text-inverse)] hover:opacity-90"
+	}
+};
+function h({ open: e, onOpenChange: t, title: n, description: h, confirmText: g = "Confirm", cancelText: _ = "Cancel", variant: v = "default", isPending: y = !1, disabled: b = !1, onConfirm: x }) {
+	let S = m[v], C = S.icon;
+	return /* @__PURE__ */ i(o, {
+		open: e,
+		onOpenChange: t,
+		children: /* @__PURE__ */ a(l, {
+			className: "max-w-md border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)]",
+			children: [/* @__PURE__ */ i(f, { children: /* @__PURE__ */ a("div", {
+				className: "flex items-start gap-4",
+				children: [/* @__PURE__ */ i("div", {
+					className: `flex h-10 w-10 shrink-0 items-center justify-center rounded-full ${S.iconContainerClassName}`,
+					children: /* @__PURE__ */ i(C, { className: `h-5 w-5 ${S.iconClassName}` })
+				}), /* @__PURE__ */ a("div", {
+					className: "flex-1",
+					children: [/* @__PURE__ */ i(p, {
+						className: "text-lg text-[var(--color-text-primary)]",
+						children: n
+					}), /* @__PURE__ */ i(u, {
+						className: "mt-2 text-sm text-[var(--color-text-secondary)]",
+						children: h
+					})]
+				})]
+			}) }), /* @__PURE__ */ a(d, {
+				className: "mt-6",
+				children: [/* @__PURE__ */ i(c, {
+					disabled: y,
+					className: "border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] hover:bg-[var(--color-bg-subtle)]",
+					children: _
+				}), /* @__PURE__ */ a(s, {
+					disabled: b || y,
+					onClick: (e) => {
+						e.preventDefault(), x();
+					},
+					className: S.actionClassName,
+					children: [y ? /* @__PURE__ */ i(r, { className: "h-4 w-4 animate-spin" }) : null, g]
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { h as ConfirmActionDialog };
+
+//# sourceMappingURL=ConfirmActionDialog.js.map

package/dist/auth/components/ConfirmActionDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmActionDialog.js","names":[],"sources":["../../../src/auth/components/ConfirmActionDialog.tsx"],"sourcesContent":["import { AlertCircle, AlertTriangle, Info, Loader2 } from \"lucide-react\";\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from \"@burdenoff/fe-libs/ui\";\n\ntype ConfirmActionDialogVariant = \"default\" | \"warning\" | \"danger\";\n\ninterface ConfirmActionDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title: string;\n  description: string;\n  confirmText?: string;\n  cancelText?: string;\n  variant?: ConfirmActionDialogVariant;\n  isPending?: boolean;\n  disabled?: boolean;\n  onConfirm: () => void | Promise<void>;\n}\n\nconst VARIANT_STYLES: Record<\n  ConfirmActionDialogVariant,\n  {\n    icon: typeof Info;\n    iconContainerClassName: string;\n    iconClassName: string;\n    actionClassName: string;\n  }\n> = {\n  default: {\n    icon: Info,\n    iconContainerClassName: \"bg-[var(--color-status-info-bg-subtle)]\",\n    iconClassName: \"text-[var(--color-status-info-text)]\",\n    actionClassName:\n      \"bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)] hover:opacity-90\",\n  },\n  warning: {\n    icon: AlertTriangle,\n    iconContainerClassName: \"bg-[var(--color-status-warning-bg-subtle)]\",\n    iconClassName: \"text-[var(--color-status-warning-text)]\",\n    actionClassName:\n      \"bg-[var(--color-status-warning-bg)] text-[var(--color-text-inverse)] hover:opacity-90\",\n  },\n  danger: {\n    icon: AlertCircle,\n    iconContainerClassName: \"bg-[var(--color-status-error-bg-subtle)]\",\n    iconClassName: \"text-[var(--color-status-error-text)]\",\n    actionClassName:\n      \"bg-[var(--color-status-error-bg)] text-[var(--color-text-inverse)] hover:opacity-90\",\n  },\n};\n\nexport function ConfirmActionDialog({\n  open,\n  onOpenChange,\n  title,\n  description,\n  confirmText = \"Confirm\",\n  cancelText = \"Cancel\",\n  variant = \"default\",\n  isPending = false,\n  disabled = false,\n  onConfirm,\n}: ConfirmActionDialogProps) {\n  const styles = VARIANT_STYLES[variant];\n  const Icon = styles.icon;\n\n  return (\n    <AlertDialog open={open} onOpenChange={onOpenChange}>\n      <AlertDialogContent className=\"max-w-md border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)]\">\n        <AlertDialogHeader>\n          <div className=\"flex items-start gap-4\">\n            <div\n              className={`flex h-10 w-10 shrink-0 items-center justify-center rounded-full ${styles.iconContainerClassName}`}\n            >\n              <Icon className={`h-5 w-5 ${styles.iconClassName}`} />\n            </div>\n            <div className=\"flex-1\">\n              <AlertDialogTitle className=\"text-lg text-[var(--color-text-primary)]\">\n                {title}\n              </AlertDialogTitle>\n              <AlertDialogDescription className=\"mt-2 text-sm text-[var(--color-text-secondary)]\">\n                {description}\n              </AlertDialogDescription>\n            </div>\n          </div>\n        </AlertDialogHeader>\n\n        <AlertDialogFooter className=\"mt-6\">\n          <AlertDialogCancel\n            disabled={isPending}\n            className=\"border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] hover:bg-[var(--color-bg-subtle)]\"\n          >\n            {cancelText}\n          </AlertDialogCancel>\n          <AlertDialogAction\n            disabled={disabled || isPending}\n            onClick={(event) => {\n              event.preventDefault();\n              void onConfirm();\n            }}\n            className={styles.actionClassName}\n          >\n            {isPending ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : null}\n            {confirmText}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n}\n"],"mappings":";;;;AA2BA,IAAM,IAQF;CACF,SAAS;EACP,MAAM;EACN,wBAAwB;EACxB,eAAe;EACf,iBACE;EACH;CACD,SAAS;EACP,MAAM;EACN,wBAAwB;EACxB,eAAe;EACf,iBACE;EACH;CACD,QAAQ;EACN,MAAM;EACN,wBAAwB;EACxB,eAAe;EACf,iBACE;EACH;CACF;AAED,SAAgB,EAAoB,EAClC,SACA,iBACA,UACA,gBACA,iBAAc,WACd,gBAAa,UACb,aAAU,WACV,eAAY,IACZ,cAAW,IACX,gBAC2B;CAC3B,IAAM,IAAS,EAAe,IACxB,IAAO,EAAO;AAEpB,QACE,kBAAC,GAAD;EAAmB;EAAoB;YACrC,kBAAC,GAAD;GAAoB,WAAU;aAA9B,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KACE,WAAW,oEAAoE,EAAO;eAEtF,kBAAC,GAAD,EAAM,WAAW,WAAW,EAAO,iBAAmB,CAAA;KAClD,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAkB,WAAU;gBACzB;MACgB,CAAA,EACnB,kBAAC,GAAD;MAAwB,WAAU;gBAC/B;MACsB,CAAA,CACrB;OACF;OACY,CAAA,EAEpB,kBAAC,GAAD;IAAmB,WAAU;cAA7B,CACE,kBAAC,GAAD;KACE,UAAU;KACV,WAAU;eAET;KACiB,CAAA,EACpB,kBAAC,GAAD;KACE,UAAU,KAAY;KACtB,UAAU,MAAU;AAEb,MADL,EAAM,gBAAgB,EACjB,GAAW;;KAElB,WAAW,EAAO;eANpB,CAQG,IAAY,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,GAAG,MAC3D,EACiB;OACF;MACD;;EACT,CAAA"}

package/dist/auth/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './AuthLayout';
+export * from './AuthIcons';
+export * from './ConfirmActionDialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/auth/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/auth/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC"}

package/dist/auth/components/profile/UserProfileMenu.d.ts

@@ -0,0 +1,42 @@
+export interface UserProfileMenuProps {
+    /**
+     * Callback when workspace switcher should be shown
+     */
+    onSwitchWorkspace?: () => void;
+    /**
+     * Logout handler (REQUIRED)
+     * Should clear auth state and redirect to login
+     */
+    onLogout: () => void;
+    /**
+     * Position of the dropdown menu
+     * @default 'right'
+     */
+    position?: "left" | "right";
+}
+/**
+ * User Profile Menu Component
+ *
+ * Displays user avatar/icon with dropdown menu containing:
+ * - User information
+ * - Switch Workspace option
+ * - Logout button
+ *
+ * @example
+ * ```tsx
+ * import { UserProfileMenu } from '@burdenoff/microfe-auth';
+ *
+ * function AppHeader() {
+ *   return (
+ *     <div className="header">
+ *       <UserProfileMenu
+ *         onSwitchWorkspace={() => setShowWorkspaceSwitcher(true)}
+ *         position="right"
+ *       />
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare function UserProfileMenu({ onSwitchWorkspace, onLogout, position, }: UserProfileMenuProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=UserProfileMenu.d.ts.map

package/dist/auth/components/profile/UserProfileMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfileMenu.d.ts","sourceRoot":"","sources":["../../../../src/auth/components/profile/UserProfileMenu.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE/B;;;OAGG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,iBAAiB,EACjB,QAAQ,EACR,QAAkB,GACnB,EAAE,oBAAoB,kDA2ItB"}

package/dist/auth/components/profile/UserProfileMenu.js

@@ -0,0 +1,91 @@
+import { useAuthStore as e } from "../../store/authStore.js";
+import { useEffect as t, useRef as n, useState as r } from "react";
+import { Building2 as i, ChevronDown as a, LogOut as o } from "lucide-react";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/auth/components/profile/UserProfileMenu.tsx
+function u({ onSwitchWorkspace: u, onLogout: d, position: f = "right" }) {
+	let { t: p } = s(), m = (e, t) => {
+		let n = p(e);
+		return n === e ? t : n;
+	}, [h, g] = r(!1), _ = n(null), v = e((e) => e.user), y = e((e) => e.currentWorkspaceId);
+	t(() => {
+		function e(e) {
+			_.current && !_.current.contains(e.target) && g(!1);
+		}
+		if (h) return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [h]);
+	let b = () => {
+		g(!1), d();
+	}, x = () => {
+		g(!1), u?.();
+	};
+	if (!v) return null;
+	let S = () => {
+		if (v.firstName && v.lastName) return `${v.firstName[0]}${v.lastName[0]}`.toUpperCase();
+		if (v.name) {
+			let e = v.name.split(" ");
+			return e.length >= 2 ? `${e[0][0]}${e[1][0]}`.toUpperCase() : v.name.substring(0, 2).toUpperCase();
+		}
+		return v.username ? v.username.substring(0, 2).toUpperCase() : v.email.substring(0, 2).toUpperCase();
+	}, C = v.name || `${v.firstName || ""} ${v.lastName || ""}`.trim() || v.username;
+	return /* @__PURE__ */ l("div", {
+		className: "relative",
+		ref: _,
+		children: [/* @__PURE__ */ l("button", {
+			onClick: () => g(!h),
+			className: "flex items-center gap-2 px-3 py-2 rounded-lg hover:bg-bg-sunken transition-colors",
+			"aria-label": "User menu",
+			"aria-expanded": h,
+			children: [
+				/* @__PURE__ */ c("div", {
+					className: "w-8 h-8 rounded-full bg-accent-blue flex items-center justify-center text-white text-sm font-medium",
+					children: S()
+				}),
+				/* @__PURE__ */ c("span", {
+					className: "hidden sm:block text-sm font-medium text-text-secondary",
+					children: C
+				}),
+				/* @__PURE__ */ c(a, { className: `w-4 h-4 text-text-secondary transition-transform ${h ? "rotate-180" : ""}` })
+			]
+		}), h && /* @__PURE__ */ l("div", {
+			className: `absolute top-full mt-2 w-64 bg-bg-surface rounded-lg shadow-lg border border-border-subtle py-2 z-50 ${f === "right" ? "right-0" : "left-0"}`,
+			children: [/* @__PURE__ */ l("div", {
+				className: "px-4 py-3 border-b border-border-subtle",
+				children: [
+					/* @__PURE__ */ c("p", {
+						className: "text-sm font-medium text-foreground truncate",
+						children: C
+					}),
+					/* @__PURE__ */ c("p", {
+						className: "text-xs text-text-secondary truncate",
+						children: v.email
+					}),
+					y && /* @__PURE__ */ l("p", {
+						className: "text-xs text-text-tertiary mt-1 truncate",
+						children: [
+							"Workspace: ",
+							y.substring(0, 8),
+							"..."
+						]
+					})
+				]
+			}), /* @__PURE__ */ l("div", {
+				className: "py-1",
+				children: [u && /* @__PURE__ */ l("button", {
+					onClick: x,
+					className: "w-full flex items-center gap-3 px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken transition-colors",
+					children: [/* @__PURE__ */ c(i, { className: "w-4 h-4" }), /* @__PURE__ */ c("span", { children: m("auth.profileMenu.switchWorkspace", "Switch Workspace") })]
+				}), /* @__PURE__ */ l("button", {
+					onClick: b,
+					className: "w-full flex items-center gap-3 px-4 py-2 text-sm text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
+					children: [/* @__PURE__ */ c(o, { className: "w-4 h-4" }), /* @__PURE__ */ c("span", { children: m("auth.profileMenu.logout", "Logout") })]
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { u as UserProfileMenu };
+
+//# sourceMappingURL=UserProfileMenu.js.map

package/dist/auth/components/profile/UserProfileMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfileMenu.js","names":[],"sources":["../../../../src/auth/components/profile/UserProfileMenu.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { LogOut, ChevronDown, Building2 } from \"lucide-react\";\nimport { useAuthStore } from \"../../store/authStore\";\n\nexport interface UserProfileMenuProps {\n  /**\n   * Callback when workspace switcher should be shown\n   */\n  onSwitchWorkspace?: () => void;\n\n  /**\n   * Logout handler (REQUIRED)\n   * Should clear auth state and redirect to login\n   */\n  onLogout: () => void;\n\n  /**\n   * Position of the dropdown menu\n   * @default 'right'\n   */\n  position?: \"left\" | \"right\";\n}\n\n/**\n * User Profile Menu Component\n *\n * Displays user avatar/icon with dropdown menu containing:\n * - User information\n * - Switch Workspace option\n * - Logout button\n *\n * @example\n * ```tsx\n * import { UserProfileMenu } from '@burdenoff/microfe-auth';\n *\n * function AppHeader() {\n *   return (\n *     <div className=\"header\">\n *       <UserProfileMenu\n *         onSwitchWorkspace={() => setShowWorkspaceSwitcher(true)}\n *         position=\"right\"\n *       />\n *     </div>\n *   );\n * }\n * ```\n */\nexport function UserProfileMenu({\n  onSwitchWorkspace,\n  onLogout,\n  position = \"right\",\n}: UserProfileMenuProps) {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n  const [isOpen, setIsOpen] = useState(false);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  const user = useAuthStore((state) => state.user);\n  const currentWorkspaceId = useAuthStore((state) => state.currentWorkspaceId);\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n      return () =>\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n  }, [isOpen]);\n\n  const handleLogout = () => {\n    setIsOpen(false);\n    onLogout();\n  };\n\n  const handleSwitchWorkspace = () => {\n    setIsOpen(false);\n    onSwitchWorkspace?.();\n  };\n\n  if (!user) {\n    return null;\n  }\n\n  // Get user initials for avatar\n  const getInitials = () => {\n    if (user.firstName && user.lastName) {\n      return `${user.firstName[0]}${user.lastName[0]}`.toUpperCase();\n    }\n    if (user.name) {\n      const parts = user.name.split(\" \");\n      if (parts.length >= 2) {\n        return `${parts[0][0]}${parts[1][0]}`.toUpperCase();\n      }\n      return user.name.substring(0, 2).toUpperCase();\n    }\n    if (user.username) {\n      return user.username.substring(0, 2).toUpperCase();\n    }\n    return user.email.substring(0, 2).toUpperCase();\n  };\n\n  const displayName =\n    user.name ||\n    `${user.firstName || \"\"} ${user.lastName || \"\"}`.trim() ||\n    user.username;\n\n  return (\n    <div className=\"relative\" ref={menuRef}>\n      {/* Profile Button */}\n      <button\n        onClick={() => setIsOpen(!isOpen)}\n        className=\"flex items-center gap-2 px-3 py-2 rounded-lg hover:bg-bg-sunken transition-colors\"\n        aria-label=\"User menu\"\n        aria-expanded={isOpen}\n      >\n        {/* Avatar */}\n        <div className=\"w-8 h-8 rounded-full bg-accent-blue flex items-center justify-center text-white text-sm font-medium\">\n          {getInitials()}\n        </div>\n\n        {/* User Name (optional, hide on small screens) */}\n        <span className=\"hidden sm:block text-sm font-medium text-text-secondary\">\n          {displayName}\n        </span>\n\n        {/* Chevron */}\n        <ChevronDown\n          className={`w-4 h-4 text-text-secondary transition-transform ${\n            isOpen ? \"rotate-180\" : \"\"\n          }`}\n        />\n      </button>\n\n      {/* Dropdown Menu */}\n      {isOpen && (\n        <div\n          className={`absolute top-full mt-2 w-64 bg-bg-surface rounded-lg shadow-lg border border-border-subtle py-2 z-50 ${\n            position === \"right\" ? \"right-0\" : \"left-0\"\n          }`}\n        >\n          {/* User Info Section */}\n          <div className=\"px-4 py-3 border-b border-border-subtle\">\n            <p className=\"text-sm font-medium text-foreground truncate\">\n              {displayName}\n            </p>\n            <p className=\"text-xs text-text-secondary truncate\">{user.email}</p>\n            {currentWorkspaceId && (\n              <p className=\"text-xs text-text-tertiary mt-1 truncate\">\n                Workspace: {currentWorkspaceId.substring(0, 8)}...\n              </p>\n            )}\n          </div>\n\n          {/* Menu Items */}\n          <div className=\"py-1\">\n            {/* Switch Workspace */}\n            {onSwitchWorkspace && (\n              <button\n                onClick={handleSwitchWorkspace}\n                className=\"w-full flex items-center gap-3 px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken transition-colors\"\n              >\n                <Building2 className=\"w-4 h-4\" />\n                <span>\n                  {tr(\"auth.profileMenu.switchWorkspace\", \"Switch Workspace\")}\n                </span>\n              </button>\n            )}\n\n            {/* Logout */}\n            <button\n              onClick={handleLogout}\n              className=\"w-full flex items-center gap-3 px-4 py-2 text-sm text-status-error-text hover:bg-status-error-bg-subtle transition-colors\"\n            >\n              <LogOut className=\"w-4 h-4\" />\n              <span>{tr(\"auth.profileMenu.logout\", \"Logout\")}</span>\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAgDA,SAAgB,EAAgB,EAC9B,sBACA,aACA,cAAW,WACY;CACvB,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAa,EAAE,EAAI;AACzB,SAAO,MAAe,IAAM,IAAW;IAEnC,CAAC,GAAQ,KAAa,EAAS,GAAM,EACrC,IAAU,EAAuB,KAAK,EAEtC,IAAO,GAAc,MAAU,EAAM,KAAK,EAC1C,IAAqB,GAAc,MAAU,EAAM,mBAAmB;AAG5E,SAAgB;EACd,SAAS,EAAmB,GAAmB;AAC7C,GAAI,EAAQ,WAAW,CAAC,EAAQ,QAAQ,SAAS,EAAM,OAAe,IACpE,EAAU,GAAM;;AAIpB,MAAI,EAEF,QADA,SAAS,iBAAiB,aAAa,EAAmB,QAExD,SAAS,oBAAoB,aAAa,EAAmB;IAEhE,CAAC,EAAO,CAAC;CAEZ,IAAM,UAAqB;AAEzB,EADA,EAAU,GAAM,EAChB,GAAU;IAGN,UAA8B;AAElC,EADA,EAAU,GAAM,EAChB,KAAqB;;AAGvB,KAAI,CAAC,EACH,QAAO;CAIT,IAAM,UAAoB;AACxB,MAAI,EAAK,aAAa,EAAK,SACzB,QAAO,GAAG,EAAK,UAAU,KAAK,EAAK,SAAS,KAAK,aAAa;AAEhE,MAAI,EAAK,MAAM;GACb,IAAM,IAAQ,EAAK,KAAK,MAAM,IAAI;AAIlC,UAHI,EAAM,UAAU,IACX,GAAG,EAAM,GAAG,KAAK,EAAM,GAAG,KAAK,aAAa,GAE9C,EAAK,KAAK,UAAU,GAAG,EAAE,CAAC,aAAa;;AAKhD,SAHI,EAAK,WACA,EAAK,SAAS,UAAU,GAAG,EAAE,CAAC,aAAa,GAE7C,EAAK,MAAM,UAAU,GAAG,EAAE,CAAC,aAAa;IAG3C,IACJ,EAAK,QACL,GAAG,EAAK,aAAa,GAAG,GAAG,EAAK,YAAY,KAAK,MAAM,IACvD,EAAK;AAEP,QACE,kBAAC,OAAD;EAAK,WAAU;EAAW,KAAK;YAA/B,CAEE,kBAAC,UAAD;GACE,eAAe,EAAU,CAAC,EAAO;GACjC,WAAU;GACV,cAAW;GACX,iBAAe;aAJjB;IAOE,kBAAC,OAAD;KAAK,WAAU;eACZ,GAAa;KACV,CAAA;IAGN,kBAAC,QAAD;KAAM,WAAU;eACb;KACI,CAAA;IAGP,kBAAC,GAAD,EACE,WAAW,oDACT,IAAS,eAAe,MAE1B,CAAA;IACK;MAGR,KACC,kBAAC,OAAD;GACE,WAAW,wGACT,MAAa,UAAU,YAAY;aAFvC,CAME,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,KAAD;MAAG,WAAU;gBACV;MACC,CAAA;KACJ,kBAAC,KAAD;MAAG,WAAU;gBAAwC,EAAK;MAAU,CAAA;KACnE,KACC,kBAAC,KAAD;MAAG,WAAU;gBAAb;OAAwD;OAC1C,EAAmB,UAAU,GAAG,EAAE;OAAC;OAC7C;;KAEF;OAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEG,KACC,kBAAC,UAAD;KACE,SAAS;KACT,WAAU;eAFZ,CAIE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EACjC,kBAAC,QAAD,EAAA,UACG,EAAG,oCAAoC,mBAAmB,EACtD,CAAA,CACA;QAIX,kBAAC,UAAD;KACE,SAAS;KACT,WAAU;eAFZ,CAIE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC9B,kBAAC,QAAD,EAAA,UAAO,EAAG,2BAA2B,SAAS,EAAQ,CAAA,CAC/C;OACL;MACF;KAEJ"}

package/dist/auth/components/workspace/WorkspaceSelector.d.ts

@@ -0,0 +1,76 @@
+import { Workspace } from '../../types';
+
+/**
+ * Organization interface (grouped from workspaces)
+ */
+export interface Organization {
+    id: string;
+    name: string;
+    workspaceCount: number;
+}
+/**
+ * Project interface (optional, for future use)
+ */
+export interface Project {
+    id: string;
+    name: string;
+    workspaceId: string;
+}
+export interface WorkspaceSelectorProps {
+    /**
+     * Control modal visibility
+     */
+    isOpen: boolean;
+    /**
+     * Callback when modal is closed without selection
+     */
+    onClose: () => void;
+    /**
+     * List of workspaces to choose from
+     */
+    workspaces: Workspace[];
+    /**
+     * Optional list of projects (filtered by workspace)
+     */
+    projects?: Project[];
+    /**
+     * Callback when workspace is selected and confirmed
+     */
+    onSelect: (workspace: Workspace, project?: Project) => void;
+    /**
+     * Loading state while issuing workspace token
+     */
+    isLoading?: boolean;
+    /**
+     * Error message to display
+     */
+    error?: string | null;
+}
+/**
+ * WorkspaceSelector Component
+ *
+ * Multi-level workspace selection modal for use across all Burdenoff products.
+ *
+ * Features:
+ * - Three-tier selection: Organization → Workspace → Project (optional)
+ * - Auto-select if only one option at each level
+ * - Loading and error states
+ * - Clean, accessible UI
+ *
+ * Usage:
+ * ```tsx
+ * import { WorkspaceSelector } from '@burdenoff/microfe-auth';
+ *
+ * <WorkspaceSelector
+ *   isOpen={showSelector}
+ *   onClose={() => setShowSelector(false)}
+ *   workspaces={workspaces}
+ *   onSelect={async (workspace) => {
+ *     await issueWorkspaceToken(workspace.id);
+ *     navigate('/');
+ *   }}
+ * />
+ * ```
+ */
+export declare function WorkspaceSelector({ isOpen, onClose, workspaces, projects, onSelect, isLoading, error, }: WorkspaceSelectorProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=WorkspaceSelector.d.ts.map

package/dist/auth/components/workspace/WorkspaceSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceSelector.d.ts","sourceRoot":"","sources":["../../../../src/auth/components/workspace/WorkspaceSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,UAAU,EAAE,SAAS,EAAE,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5D;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,OAAO,EACP,UAAU,EACV,QAAa,EACb,QAAQ,EACR,SAAiB,EACjB,KAAY,GACb,EAAE,sBAAsB,kDAyVxB"}

package/dist/auth/components/workspace/WorkspaceSelector.js

@@ -0,0 +1,240 @@
+import { useEffect as e, useMemo as t, useState as n } from "react";
+import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/auth/components/workspace/WorkspaceSelector.tsx
+function o({ isOpen: o, onClose: s, workspaces: c, projects: l = [], onSelect: u, isLoading: d = !1, error: f = null }) {
+	let { t: p } = r(), m = (e, t) => {
+		let n = p(e);
+		return n === e ? t : n;
+	}, [h, g] = n(null), [_, v] = n(null), [y, b] = n(null), x = t(() => {
+		let e = /* @__PURE__ */ new Map();
+		return c.forEach((t) => {
+			let n = t.organizationId || "default";
+			e.has(n) || e.set(n, {
+				name: n === "default" ? "Default" : `Organization ${n.slice(0, 8)}`,
+				count: 0
+			}), e.get(n).count++;
+		}), Array.from(e.entries()).map(([e, { name: t, count: n }]) => ({
+			id: e,
+			name: t,
+			workspaceCount: n
+		}));
+	}, [c]), S = t(() => h ? c.filter((e) => (e.organizationId || "default") === h) : c, [c, h]), C = t(() => _ ? l.filter((e) => e.workspaceId === _) : [], [l, _]), w = t(() => c.find((e) => e.id === _), [c, _]), T = t(() => l.find((e) => e.id === y), [l, y]);
+	e(() => {
+		x.length === 1 && !h && g(x[0].id);
+	}, [x, h]), e(() => {
+		S.length === 1 && !_ && v(S[0].id);
+	}, [S, _]);
+	let E = (e) => {
+		g(e), v(null), b(null);
+	}, D = (e) => {
+		v(e), b(null);
+	}, O = (e) => {
+		b(e);
+	}, k = () => {
+		w && u(w, T);
+	}, A = () => {
+		g(null), v(null), b(null), s();
+	}, j = _ !== null;
+	return o ? /* @__PURE__ */ a("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ i("div", {
+			className: "absolute inset-0 bg-black/50",
+			onClick: A,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ a("div", {
+			className: "relative bg-bg-surface rounded-2xl shadow-xl max-w-2xl w-full mx-4 p-6 space-y-6",
+			children: [
+				/* @__PURE__ */ a("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ i("h2", {
+						className: "text-2xl font-semibold text-foreground",
+						children: m("auth.workspaceSelector.title", "Select Your Workspace")
+					}), /* @__PURE__ */ i("p", {
+						className: "text-sm text-text-secondary",
+						children: m("auth.workspaceSelector.subtitle", "Choose the workspace you want to work in. You can switch workspaces later from the header.")
+					})]
+				}),
+				f && /* @__PURE__ */ a("div", {
+					className: "rounded-lg bg-status-error-bg-subtle p-4 text-sm text-status-error-text",
+					children: [/* @__PURE__ */ i("p", {
+						className: "font-medium",
+						children: m("auth.workspaceSelector.error", "Error")
+					}), /* @__PURE__ */ i("p", { children: f })]
+				}),
+				/* @__PURE__ */ a("div", {
+					className: "space-y-4",
+					children: [
+						x.length > 1 && /* @__PURE__ */ a("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ i("label", {
+								className: "block text-sm font-medium text-text-secondary",
+								children: /* @__PURE__ */ a("span", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ i("svg", {
+										className: "h-4 w-4",
+										fill: "none",
+										stroke: "currentColor",
+										viewBox: "0 0 24 24",
+										children: /* @__PURE__ */ i("path", {
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											strokeWidth: 2,
+											d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
+										})
+									}), "Organization"]
+								})
+							}), /* @__PURE__ */ a("select", {
+								value: h || "",
+								onChange: (e) => E(e.target.value),
+								className: "w-full rounded-lg border border-border-default bg-bg-surface px-4 py-2.5 text-sm text-foreground focus:border-primary focus:ring-2 focus:ring-primary/20",
+								children: [/* @__PURE__ */ i("option", {
+									value: "",
+									children: m("auth.workspaceSelector.selectOrg", "Select organization...")
+								}), x.map((e) => /* @__PURE__ */ a("option", {
+									value: e.id,
+									children: [
+										e.name,
+										" (",
+										e.workspaceCount,
+										" workspace",
+										e.workspaceCount === 1 ? "" : "s",
+										")"
+									]
+								}, e.id))]
+							})]
+						}),
+						/* @__PURE__ */ a("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ i("label", {
+								className: "block text-sm font-medium text-text-secondary",
+								children: /* @__PURE__ */ a("span", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ i("svg", {
+										className: "h-4 w-4",
+										fill: "none",
+										stroke: "currentColor",
+										viewBox: "0 0 24 24",
+										children: /* @__PURE__ */ i("path", {
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											strokeWidth: 2,
+											d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"
+										})
+									}), "Workspace"]
+								})
+							}), /* @__PURE__ */ a("select", {
+								value: _ || "",
+								onChange: (e) => D(e.target.value),
+								disabled: !h && x.length > 1,
+								className: "w-full rounded-lg border border-border-default bg-bg-surface px-4 py-2.5 text-sm text-foreground focus:border-primary focus:ring-2 focus:ring-primary/20 disabled:opacity-50 disabled:cursor-not-allowed",
+								children: [/* @__PURE__ */ i("option", {
+									value: "",
+									children: m("auth.workspaceSelector.selectWorkspace", "Select workspace...")
+								}), S.map((e) => /* @__PURE__ */ a("option", {
+									value: e.id,
+									children: [
+										e.name,
+										" (",
+										e.slug,
+										")"
+									]
+								}, e.id))]
+							})]
+						}),
+						C.length > 0 && /* @__PURE__ */ a("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ i("label", {
+								className: "block text-sm font-medium text-text-secondary",
+								children: /* @__PURE__ */ a("span", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ i("svg", {
+										className: "h-4 w-4",
+										fill: "none",
+										stroke: "currentColor",
+										viewBox: "0 0 24 24",
+										children: /* @__PURE__ */ i("path", {
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											strokeWidth: 2,
+											d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+										})
+									}), "Project (Optional)"]
+								})
+							}), /* @__PURE__ */ a("select", {
+								value: y || "",
+								onChange: (e) => O(e.target.value),
+								className: "w-full rounded-lg border border-border-default bg-bg-surface px-4 py-2.5 text-sm text-foreground focus:border-primary focus:ring-2 focus:ring-primary/20",
+								children: [/* @__PURE__ */ i("option", {
+									value: "",
+									children: m("auth.workspaceSelector.noProject", "No project selected")
+								}), C.map((e) => /* @__PURE__ */ i("option", {
+									value: e.id,
+									children: e.name
+								}, e.id))]
+							})]
+						}),
+						w && /* @__PURE__ */ a("div", {
+							className: "rounded-lg bg-bg-sunken p-4 space-y-2",
+							children: [/* @__PURE__ */ i("p", {
+								className: "text-sm font-medium text-foreground",
+								children: m("auth.workspaceSelector.selected", "Selected:")
+							}), /* @__PURE__ */ a("div", {
+								className: "text-sm text-text-secondary space-y-1",
+								children: [/* @__PURE__ */ a("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ i("svg", {
+										className: "h-3 w-3",
+										fill: "none",
+										stroke: "currentColor",
+										viewBox: "0 0 24 24",
+										children: /* @__PURE__ */ i("path", {
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											strokeWidth: 2,
+											d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"
+										})
+									}), /* @__PURE__ */ i("span", { children: w.name })]
+								}), T && /* @__PURE__ */ a("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ i("svg", {
+										className: "h-3 w-3",
+										fill: "none",
+										stroke: "currentColor",
+										viewBox: "0 0 24 24",
+										children: /* @__PURE__ */ i("path", {
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											strokeWidth: 2,
+											d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+										})
+									}), /* @__PURE__ */ i("span", { children: T.name })]
+								})]
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ a("div", {
+					className: "flex items-center justify-end gap-3 pt-4 border-t border-border-subtle",
+					children: [/* @__PURE__ */ i("button", {
+						type: "button",
+						onClick: A,
+						disabled: d,
+						className: "px-4 py-2 text-sm font-medium text-text-secondary hover:bg-bg-sunken rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+						children: "Cancel"
+					}), /* @__PURE__ */ i("button", {
+						type: "button",
+						onClick: k,
+						disabled: !j || d,
+						className: "px-4 py-2 text-sm font-medium text-primary-foreground bg-primary hover:bg-primary/90 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+						children: d ? m("auth.workspaceSelector.loading", "Loading...") : m("auth.workspaceSelector.continue", "Continue")
+					})]
+				})
+			]
+		})]
+	}) : null;
+}
+//#endregion
+export { o as WorkspaceSelector };
+
+//# sourceMappingURL=WorkspaceSelector.js.map

package/dist/auth/components/workspace/WorkspaceSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceSelector.js","names":[],"sources":["../../../../src/auth/components/workspace/WorkspaceSelector.tsx"],"sourcesContent":["import { useState, useMemo, useEffect } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport type { Workspace } from \"../../types\";\n\n/**\n * Organization interface (grouped from workspaces)\n */\nexport interface Organization {\n  id: string;\n  name: string;\n  workspaceCount: number;\n}\n\n/**\n * Project interface (optional, for future use)\n */\nexport interface Project {\n  id: string;\n  name: string;\n  workspaceId: string;\n}\n\nexport interface WorkspaceSelectorProps {\n  /**\n   * Control modal visibility\n   */\n  isOpen: boolean;\n\n  /**\n   * Callback when modal is closed without selection\n   */\n  onClose: () => void;\n\n  /**\n   * List of workspaces to choose from\n   */\n  workspaces: Workspace[];\n\n  /**\n   * Optional list of projects (filtered by workspace)\n   */\n  projects?: Project[];\n\n  /**\n   * Callback when workspace is selected and confirmed\n   */\n  onSelect: (workspace: Workspace, project?: Project) => void;\n\n  /**\n   * Loading state while issuing workspace token\n   */\n  isLoading?: boolean;\n\n  /**\n   * Error message to display\n   */\n  error?: string | null;\n}\n\n/**\n * WorkspaceSelector Component\n *\n * Multi-level workspace selection modal for use across all Burdenoff products.\n *\n * Features:\n * - Three-tier selection: Organization → Workspace → Project (optional)\n * - Auto-select if only one option at each level\n * - Loading and error states\n * - Clean, accessible UI\n *\n * Usage:\n * ```tsx\n * import { WorkspaceSelector } from '@burdenoff/microfe-auth';\n *\n * <WorkspaceSelector\n *   isOpen={showSelector}\n *   onClose={() => setShowSelector(false)}\n *   workspaces={workspaces}\n *   onSelect={async (workspace) => {\n *     await issueWorkspaceToken(workspace.id);\n *     navigate('/');\n *   }}\n * />\n * ```\n */\nexport function WorkspaceSelector({\n  isOpen,\n  onClose,\n  workspaces,\n  projects = [],\n  onSelect,\n  isLoading = false,\n  error = null,\n}: WorkspaceSelectorProps) {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n  // Selection state\n  const [selectedOrgId, setSelectedOrgId] = useState<string | null>(null);\n  const [selectedWorkspaceId, setSelectedWorkspaceId] = useState<string | null>(\n    null,\n  );\n  const [selectedProjectId, setSelectedProjectId] = useState<string | null>(\n    null,\n  );\n\n  // Group workspaces by organization\n  const organizations = useMemo<Organization[]>(() => {\n    const orgMap = new Map<string, { name: string; count: number }>();\n\n    workspaces.forEach((workspace) => {\n      const orgId = workspace.organizationId || \"default\";\n      if (!orgMap.has(orgId)) {\n        // Use org ID for name since workspace doesn't have organizationName\n        orgMap.set(orgId, {\n          name:\n            orgId === \"default\"\n              ? \"Default\"\n              : `Organization ${orgId.slice(0, 8)}`,\n          count: 0,\n        });\n      }\n      orgMap.get(orgId)!.count++;\n    });\n\n    return Array.from(orgMap.entries()).map(([id, { name, count }]) => ({\n      id,\n      name,\n      workspaceCount: count,\n    }));\n  }, [workspaces]);\n\n  // Filter workspaces by selected organization\n  const filteredWorkspaces = useMemo(() => {\n    if (!selectedOrgId) return workspaces;\n    return workspaces.filter(\n      (w) => (w.organizationId || \"default\") === selectedOrgId,\n    );\n  }, [workspaces, selectedOrgId]);\n\n  // Filter projects by selected workspace\n  const filteredProjects = useMemo(() => {\n    if (!selectedWorkspaceId) return [];\n    return projects.filter((p) => p.workspaceId === selectedWorkspaceId);\n  }, [projects, selectedWorkspaceId]);\n\n  // Get selected workspace object\n  const selectedWorkspace = useMemo(() => {\n    return workspaces.find((w) => w.id === selectedWorkspaceId);\n  }, [workspaces, selectedWorkspaceId]);\n\n  // Get selected project object\n  const selectedProject = useMemo(() => {\n    return projects.find((p) => p.id === selectedProjectId);\n  }, [projects, selectedProjectId]);\n\n  // Auto-select if only one organization\n  useEffect(() => {\n    if (organizations.length === 1 && !selectedOrgId) {\n      setSelectedOrgId(organizations[0].id);\n    }\n  }, [organizations, selectedOrgId]);\n\n  // Auto-select if only one workspace\n  useEffect(() => {\n    if (filteredWorkspaces.length === 1 && !selectedWorkspaceId) {\n      setSelectedWorkspaceId(filteredWorkspaces[0].id);\n    }\n  }, [filteredWorkspaces, selectedWorkspaceId]);\n\n  // Handle organization selection\n  const handleOrgChange = (orgId: string) => {\n    setSelectedOrgId(orgId);\n    setSelectedWorkspaceId(null);\n    setSelectedProjectId(null);\n  };\n\n  // Handle workspace selection\n  const handleWorkspaceChange = (workspaceId: string) => {\n    setSelectedWorkspaceId(workspaceId);\n    setSelectedProjectId(null);\n  };\n\n  // Handle project selection\n  const handleProjectChange = (projectId: string) => {\n    setSelectedProjectId(projectId);\n  };\n\n  // Handle continue button\n  const handleContinue = () => {\n    if (!selectedWorkspace) return;\n    onSelect(selectedWorkspace, selectedProject);\n  };\n\n  // Handle cancel\n  const handleCancel = () => {\n    setSelectedOrgId(null);\n    setSelectedWorkspaceId(null);\n    setSelectedProjectId(null);\n    onClose();\n  };\n\n  // Check if continue button should be enabled\n  const canContinue = selectedWorkspaceId !== null;\n\n  if (!isOpen) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <div\n        className=\"absolute inset-0 bg-black/50\"\n        onClick={handleCancel}\n        aria-hidden=\"true\"\n      />\n\n      {/* Modal */}\n      <div className=\"relative bg-bg-surface rounded-2xl shadow-xl max-w-2xl w-full mx-4 p-6 space-y-6\">\n        {/* Header */}\n        <div className=\"space-y-2\">\n          <h2 className=\"text-2xl font-semibold text-foreground\">\n            {tr(\"auth.workspaceSelector.title\", \"Select Your Workspace\")}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tr(\n              \"auth.workspaceSelector.subtitle\",\n              \"Choose the workspace you want to work in. You can switch workspaces later from the header.\",\n            )}\n          </p>\n        </div>\n\n        {/* Error display */}\n        {error && (\n          <div className=\"rounded-lg bg-status-error-bg-subtle p-4 text-sm text-status-error-text\">\n            <p className=\"font-medium\">\n              {tr(\"auth.workspaceSelector.error\", \"Error\")}\n            </p>\n            <p>{error}</p>\n          </div>\n        )}\n\n        {/* Form */}\n        <div className=\"space-y-4\">\n          {/* Organization selection */}\n          {organizations.length > 1 && (\n            <div className=\"space-y-2\">\n              <label className=\"block text-sm font-medium text-text-secondary\">\n                <span className=\"flex items-center gap-2\">\n                  <svg\n                    className=\"h-4 w-4\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    viewBox=\"0 0 24 24\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\n                    />\n                  </svg>\n                  Organization\n                </span>\n              </label>\n              <select\n                value={selectedOrgId || \"\"}\n                onChange={(e) => handleOrgChange(e.target.value)}\n                className=\"w-full rounded-lg border border-border-default bg-bg-surface px-4 py-2.5 text-sm text-foreground focus:border-primary focus:ring-2 focus:ring-primary/20\"\n              >\n                <option value=\"\">\n                  {tr(\n                    \"auth.workspaceSelector.selectOrg\",\n                    \"Select organization...\",\n                  )}\n                </option>\n                {organizations.map((org) => (\n                  <option key={org.id} value={org.id}>\n                    {org.name} ({org.workspaceCount} workspace\n                    {org.workspaceCount !== 1 ? \"s\" : \"\"})\n                  </option>\n                ))}\n              </select>\n            </div>\n          )}\n\n          {/* Workspace selection */}\n          <div className=\"space-y-2\">\n            <label className=\"block text-sm font-medium text-text-secondary\">\n              <span className=\"flex items-center gap-2\">\n                <svg\n                  className=\"h-4 w-4\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  viewBox=\"0 0 24 24\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z\"\n                  />\n                </svg>\n                Workspace\n              </span>\n            </label>\n            <select\n              value={selectedWorkspaceId || \"\"}\n              onChange={(e) => handleWorkspaceChange(e.target.value)}\n              disabled={!selectedOrgId && organizations.length > 1}\n              className=\"w-full rounded-lg border border-border-default bg-bg-surface px-4 py-2.5 text-sm text-foreground focus:border-primary focus:ring-2 focus:ring-primary/20 disabled:opacity-50 disabled:cursor-not-allowed\"\n            >\n              <option value=\"\">\n                {tr(\n                  \"auth.workspaceSelector.selectWorkspace\",\n                  \"Select workspace...\",\n                )}\n              </option>\n              {filteredWorkspaces.map((workspace) => (\n                <option key={workspace.id} value={workspace.id}>\n                  {workspace.name} ({workspace.slug})\n                </option>\n              ))}\n            </select>\n          </div>\n\n          {/* Project selection (optional) */}\n          {filteredProjects.length > 0 && (\n            <div className=\"space-y-2\">\n              <label className=\"block text-sm font-medium text-text-secondary\">\n                <span className=\"flex items-center gap-2\">\n                  <svg\n                    className=\"h-4 w-4\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    viewBox=\"0 0 24 24\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n                    />\n                  </svg>\n                  Project (Optional)\n                </span>\n              </label>\n              <select\n                value={selectedProjectId || \"\"}\n                onChange={(e) => handleProjectChange(e.target.value)}\n                className=\"w-full rounded-lg border border-border-default bg-bg-surface px-4 py-2.5 text-sm text-foreground focus:border-primary focus:ring-2 focus:ring-primary/20\"\n              >\n                <option value=\"\">\n                  {tr(\n                    \"auth.workspaceSelector.noProject\",\n                    \"No project selected\",\n                  )}\n                </option>\n                {filteredProjects.map((project) => (\n                  <option key={project.id} value={project.id}>\n                    {project.name}\n                  </option>\n                ))}\n              </select>\n            </div>\n          )}\n\n          {/* Selection summary */}\n          {selectedWorkspace && (\n            <div className=\"rounded-lg bg-bg-sunken p-4 space-y-2\">\n              <p className=\"text-sm font-medium text-foreground\">\n                {tr(\"auth.workspaceSelector.selected\", \"Selected:\")}\n              </p>\n              <div className=\"text-sm text-text-secondary space-y-1\">\n                <div className=\"flex items-center gap-2\">\n                  <svg\n                    className=\"h-3 w-3\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    viewBox=\"0 0 24 24\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z\"\n                    />\n                  </svg>\n                  <span>{selectedWorkspace.name}</span>\n                </div>\n                {selectedProject && (\n                  <div className=\"flex items-center gap-2\">\n                    <svg\n                      className=\"h-3 w-3\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      viewBox=\"0 0 24 24\"\n                    >\n                      <path\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        strokeWidth={2}\n                        d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n                      />\n                    </svg>\n                    <span>{selectedProject.name}</span>\n                  </div>\n                )}\n              </div>\n            </div>\n          )}\n        </div>\n\n        {/* Footer */}\n        <div className=\"flex items-center justify-end gap-3 pt-4 border-t border-border-subtle\">\n          <button\n            type=\"button\"\n            onClick={handleCancel}\n            disabled={isLoading}\n            className=\"px-4 py-2 text-sm font-medium text-text-secondary hover:bg-bg-sunken rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleContinue}\n            disabled={!canContinue || isLoading}\n            className=\"px-4 py-2 text-sm font-medium text-primary-foreground bg-primary hover:bg-primary/90 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n          >\n            {isLoading\n              ? tr(\"auth.workspaceSelector.loading\", \"Loading...\")\n              : tr(\"auth.workspaceSelector.continue\", \"Continue\")}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAqFA,SAAgB,EAAkB,EAChC,WACA,YACA,eACA,cAAW,EAAE,EACb,aACA,eAAY,IACZ,WAAQ,QACiB;CACzB,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,MAA6B;EACpD,IAAM,IAAa,EAAE,EAAI;AACzB,SAAO,MAAe,IAAM,IAAW;IAGnC,CAAC,GAAe,KAAoB,EAAwB,KAAK,EACjE,CAAC,GAAqB,KAA0B,EACpD,KACD,EACK,CAAC,GAAmB,KAAwB,EAChD,KACD,EAGK,IAAgB,QAA8B;EAClD,IAAM,oBAAS,IAAI,KAA8C;AAiBjE,SAfA,EAAW,SAAS,MAAc;GAChC,IAAM,IAAQ,EAAU,kBAAkB;AAW1C,GAVK,EAAO,IAAI,EAAM,IAEpB,EAAO,IAAI,GAAO;IAChB,MACE,MAAU,YACN,YACA,gBAAgB,EAAM,MAAM,GAAG,EAAE;IACvC,OAAO;IACR,CAAC,EAEJ,EAAO,IAAI,EAAM,CAAE;IACnB,EAEK,MAAM,KAAK,EAAO,SAAS,CAAC,CAAC,KAAK,CAAC,GAAI,EAAE,SAAM,iBAAc;GAClE;GACA;GACA,gBAAgB;GACjB,EAAE;IACF,CAAC,EAAW,CAAC,EAGV,IAAqB,QACpB,IACE,EAAW,QACf,OAAO,EAAE,kBAAkB,eAAe,EAC5C,GAH0B,GAI1B,CAAC,GAAY,EAAc,CAAC,EAGzB,IAAmB,QAClB,IACE,EAAS,QAAQ,MAAM,EAAE,gBAAgB,EAAoB,GADnC,EAAE,EAElC,CAAC,GAAU,EAAoB,CAAC,EAG7B,IAAoB,QACjB,EAAW,MAAM,MAAM,EAAE,OAAO,EAAoB,EAC1D,CAAC,GAAY,EAAoB,CAAC,EAG/B,IAAkB,QACf,EAAS,MAAM,MAAM,EAAE,OAAO,EAAkB,EACtD,CAAC,GAAU,EAAkB,CAAC;AAUjC,CAPA,QAAgB;AACd,EAAI,EAAc,WAAW,KAAK,CAAC,KACjC,EAAiB,EAAc,GAAG,GAAG;IAEtC,CAAC,GAAe,EAAc,CAAC,EAGlC,QAAgB;AACd,EAAI,EAAmB,WAAW,KAAK,CAAC,KACtC,EAAuB,EAAmB,GAAG,GAAG;IAEjD,CAAC,GAAoB,EAAoB,CAAC;CAG7C,IAAM,KAAmB,MAAkB;AAGzC,EAFA,EAAiB,EAAM,EACvB,EAAuB,KAAK,EAC5B,EAAqB,KAAK;IAItB,KAAyB,MAAwB;AAErD,EADA,EAAuB,EAAY,EACnC,EAAqB,KAAK;IAItB,KAAuB,MAAsB;AACjD,IAAqB,EAAU;IAI3B,UAAuB;AACtB,OACL,EAAS,GAAmB,EAAgB;IAIxC,UAAqB;AAIzB,EAHA,EAAiB,KAAK,EACtB,EAAuB,KAAK,EAC5B,EAAqB,KAAK,EAC1B,GAAS;IAIL,IAAc,MAAwB;AAI5C,QAFK,IAGH,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GACE,WAAU;GACV,SAAS;GACT,eAAY;GACZ,CAAA,EAGF,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAG,gCAAgC,wBAAwB;MACzD,CAAA,EACL,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,mCACA,6FACD;MACC,CAAA,CACA;;IAGL,KACC,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAG,gCAAgC,QAAQ;MAC1C,CAAA,EACJ,kBAAC,KAAD,EAAA,UAAI,GAAU,CAAA,CACV;;IAIR,kBAAC,OAAD;KAAK,WAAU;eAAf;MAEG,EAAc,SAAS,KACtB,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,SAAD;QAAO,WAAU;kBACf,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CACE,kBAAC,OAAD;UACE,WAAU;UACV,MAAK;UACL,QAAO;UACP,SAAQ;oBAER,kBAAC,QAAD;WACE,eAAc;WACd,gBAAe;WACf,aAAa;WACb,GAAE;WACF,CAAA;UACE,CAAA,EAAA,eAED;;QACD,CAAA,EACR,kBAAC,UAAD;QACE,OAAO,KAAiB;QACxB,WAAW,MAAM,EAAgB,EAAE,OAAO,MAAM;QAChD,WAAU;kBAHZ,CAKE,kBAAC,UAAD;SAAQ,OAAM;mBACX,EACC,oCACA,yBACD;SACM,CAAA,EACR,EAAc,KAAK,MAClB,kBAAC,UAAD;SAAqB,OAAO,EAAI;mBAAhC;UACG,EAAI;UAAK;UAAG,EAAI;UAAe;UAC/B,EAAI,mBAAmB,IAAU,KAAN;UAAS;UAC9B;WAHI,EAAI,GAGR,CACT,CACK;UACL;;MAIR,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,SAAD;QAAO,WAAU;kBACf,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CACE,kBAAC,OAAD;UACE,WAAU;UACV,MAAK;UACL,QAAO;UACP,SAAQ;oBAER,kBAAC,QAAD;WACE,eAAc;WACd,gBAAe;WACf,aAAa;WACb,GAAE;WACF,CAAA;UACE,CAAA,EAAA,YAED;;QACD,CAAA,EACR,kBAAC,UAAD;QACE,OAAO,KAAuB;QAC9B,WAAW,MAAM,EAAsB,EAAE,OAAO,MAAM;QACtD,UAAU,CAAC,KAAiB,EAAc,SAAS;QACnD,WAAU;kBAJZ,CAME,kBAAC,UAAD;SAAQ,OAAM;mBACX,EACC,0CACA,sBACD;SACM,CAAA,EACR,EAAmB,KAAK,MACvB,kBAAC,UAAD;SAA2B,OAAO,EAAU;mBAA5C;UACG,EAAU;UAAK;UAAG,EAAU;UAAK;UAC3B;WAFI,EAAU,GAEd,CACT,CACK;UACL;;MAGL,EAAiB,SAAS,KACzB,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,SAAD;QAAO,WAAU;kBACf,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CACE,kBAAC,OAAD;UACE,WAAU;UACV,MAAK;UACL,QAAO;UACP,SAAQ;oBAER,kBAAC,QAAD;WACE,eAAc;WACd,gBAAe;WACf,aAAa;WACb,GAAE;WACF,CAAA;UACE,CAAA,EAAA,qBAED;;QACD,CAAA,EACR,kBAAC,UAAD;QACE,OAAO,KAAqB;QAC5B,WAAW,MAAM,EAAoB,EAAE,OAAO,MAAM;QACpD,WAAU;kBAHZ,CAKE,kBAAC,UAAD;SAAQ,OAAM;mBACX,EACC,oCACA,sBACD;SACM,CAAA,EACR,EAAiB,KAAK,MACrB,kBAAC,UAAD;SAAyB,OAAO,EAAQ;mBACrC,EAAQ;SACF,EAFI,EAAQ,GAEZ,CACT,CACK;UACL;;MAIP,KACC,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAG,mCAAmC,YAAY;QACjD,CAAA,EACJ,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UACE,WAAU;UACV,MAAK;UACL,QAAO;UACP,SAAQ;oBAER,kBAAC,QAAD;WACE,eAAc;WACd,gBAAe;WACf,aAAa;WACb,GAAE;WACF,CAAA;UACE,CAAA,EACN,kBAAC,QAAD,EAAA,UAAO,EAAkB,MAAY,CAAA,CACjC;YACL,KACC,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UACE,WAAU;UACV,MAAK;UACL,QAAO;UACP,SAAQ;oBAER,kBAAC,QAAD;WACE,eAAc;WACd,gBAAe;WACf,aAAa;WACb,GAAE;WACF,CAAA;UACE,CAAA,EACN,kBAAC,QAAD,EAAA,UAAO,EAAgB,MAAY,CAAA,CAC/B;WAEJ;UACF;;MAEJ;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAU;gBACX;MAEQ,CAAA,EACT,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU,CAAC,KAAe;MAC1B,WAAU;gBAET,IACG,EAAG,kCAAkC,aAAa,GAClD,EAAG,mCAAmC,WAAW;MAC9C,CAAA,CACL;;IACF;KACF;MArOY"}

package/dist/auth/constants/permissions.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Auth Permission Constants
+ *
+ * Permission strings matching the @rbac directives on global-auth-svc.
+ * Only covers admin-facing operations — public auth flows (login, signup,
+ * password reset, MFA verify, OAuth, SSO) don't need RBAC.
+ * Self-service operations (own profile, sessions, API keys) are identity-scoped.
+ *
+ * Resource types and actions from global-rbac-svc seed:
+ *   user:       read, update, delete
+ *   app:        read, create, update
+ *   sso-config: manage, delete
+ *   oidc-config: manage, delete
+ *   auth-method: update
+ */
+export declare const AUTH_PERMISSIONS: {
+    readonly USER_READ: "user:read";
+    readonly USER_UPDATE: "user:update";
+    readonly USER_DELETE: "user:delete";
+    readonly APP_READ: "app:read";
+    readonly APP_CREATE: "app:create";
+    readonly APP_UPDATE: "app:update";
+    readonly SSO_CONFIG_MANAGE: "sso-config:manage";
+    readonly SSO_CONFIG_DELETE: "sso-config:delete";
+    readonly OIDC_CONFIG_MANAGE: "oidc-config:manage";
+    readonly OIDC_CONFIG_DELETE: "oidc-config:delete";
+    readonly AUTH_METHOD_UPDATE: "auth-method:update";
+};
+export type AuthPermission = (typeof AUTH_PERMISSIONS)[keyof typeof AUTH_PERMISSIONS];
+//# sourceMappingURL=permissions.d.ts.map