@rytass/bpm-core-react 0.2.0

package/dist/chunks/admin-pickers-DLlG_1du.js

@@ -0,0 +1,140 @@
+"use client";
+import { useMemo as e, useState as t } from "react";
+import { AutoComplete as n, Select as r } from "@mezzanine-ui/react";
+import { searchMembers as i } from "@rytass/bpm-core-client";
+import { jsx as a } from "react/jsx-runtime";
+import '../admin-pickers.css';var o = { pickerHost: "bpm_pickerHost_Sw6gz" };
+//#endregion
+//#region src/components/admin-pickers.tsx
+function s({ disabled: e = !1, name: r, onChange: s, placeholder: c = "搜尋姓名或信箱", size: l, value: d }) {
+	let [f, m] = t(!1), [h, v] = t(d ? [d] : []);
+	async function y(e) {
+		m(!0);
+		try {
+			v((await i(e)).map(u));
+		} finally {
+			m(!1);
+		}
+	}
+	return /* @__PURE__ */ a("div", {
+		className: o.pickerHost,
+		children: /* @__PURE__ */ a(n, {
+			asyncData: !0,
+			disabled: e,
+			disabledOptionsFilter: !0,
+			emptyText: "沒有符合的會員",
+			inputProps: {
+				autoCapitalize: "none",
+				autoCorrect: "off",
+				name: r,
+				spellCheck: !1
+			},
+			loading: f,
+			loadingText: "搜尋會員中...",
+			mode: "single",
+			onChange: (e) => s(p(e)),
+			onSearch: y,
+			onSearchTextChange: (e) => s(g(e, h)),
+			onVisibilityChange: (e) => {
+				e && y("");
+			},
+			options: [..._(d ? [d] : [], h)],
+			placeholder: c,
+			searchDebounceTime: 300,
+			size: l,
+			value: d
+		})
+	});
+}
+function c({ disabled: t = !1, onChange: n, orgUnits: i, placeholder: s = "選擇組織", size: c, value: l }) {
+	let u = e(() => i.map(d), [i]);
+	return /* @__PURE__ */ a("div", {
+		className: o.pickerHost,
+		children: /* @__PURE__ */ a(r, {
+			clearable: !0,
+			disabled: t,
+			fullWidth: !0,
+			onChange: (e) => n(m(e)),
+			options: [...u],
+			placeholder: s,
+			size: c,
+			value: l
+		})
+	});
+}
+function l({ disabled: t = !1, onChange: n, placeholder: i = "選擇職位", positions: s, size: c, value: l }) {
+	let u = e(() => s.map(f), [s]);
+	return /* @__PURE__ */ a("div", {
+		className: o.pickerHost,
+		children: /* @__PURE__ */ a(r, {
+			clearable: !0,
+			disabled: t,
+			fullWidth: !0,
+			onChange: (e) => n(h(e)),
+			options: [...u],
+			placeholder: i,
+			size: c,
+			value: l
+		})
+	});
+}
+function u(e) {
+	return {
+		email: e.email,
+		id: e.memberId,
+		name: `${e.name} · ${e.email}`
+	};
+}
+function d(e) {
+	return {
+		id: e.id,
+		name: `${e.name} · ${e.code}`
+	};
+}
+function f(e) {
+	return {
+		id: e.id,
+		name: `${e.name} · ${e.code}`
+	};
+}
+function p(e) {
+	if (!v(e)) return null;
+	let t = e.email, n = e.id, r = e.name;
+	return typeof t == "string" && typeof n == "string" && typeof r == "string" ? {
+		email: t,
+		id: n,
+		name: r
+	} : null;
+}
+function m(e) {
+	if (!v(e)) return null;
+	let t = e.id, n = e.name;
+	return typeof t == "string" && typeof n == "string" ? {
+		id: t,
+		name: n
+	} : null;
+}
+function h(e) {
+	if (!v(e)) return null;
+	let t = e.id, n = e.name;
+	return typeof t == "string" && typeof n == "string" ? {
+		id: t,
+		name: n
+	} : null;
+}
+function g(e, t) {
+	let n = e.trim().toLocaleLowerCase();
+	if (!n) return null;
+	let r = t.filter((e) => e.id.toLocaleLowerCase() === n || e.email.toLocaleLowerCase() === n || e.name.toLocaleLowerCase() === n);
+	return r.length === 1 ? r[0] : null;
+}
+function _(e, t) {
+	return [...new Map([...e, ...t].map((e) => [e.id, e])).values()];
+}
+function v(e) {
+	return typeof e == "object" && !!e;
+}
+//#endregion
+export { d as a, u as i, c as n, f as o, l as r, s as t };
+
+//# sourceMappingURL=admin-pickers-DLlG_1du.js.map

package/dist/chunks/admin-pickers-DLlG_1du.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-pickers-DLlG_1du.js","names":[],"sources":["../../src/components/admin-pickers.module.scss","../../src/components/admin-pickers.tsx"],"sourcesContent":[".pickerHost {\n  width: 100%;\n  min-width: 0;\n\n  :global(.mzn-auto-complete),\n  :global(.mzn-input),\n  :global(.mzn-input-container),\n  :global(.mzn-select),\n  :global(.mzn-select-trigger),\n  :global(.mzn-text-field) {\n    width: 100%;\n    min-width: 0 !important;\n  }\n}\n","'use client';\n\nimport { useMemo, useState, type ReactElement } from 'react';\nimport { AutoComplete, Select } from '@mezzanine-ui/react';\nimport { searchMembers } from '@rytass/bpm-core-client';\nimport type {\n  OrgUnitRecord,\n  PositionRecord,\n} from '@rytass/bpm-core-client/organization';\nimport styles from './admin-pickers.module.scss';\n\nexport type MemberOption = Readonly<{\n  email: string;\n  id: string;\n  name: string;\n}>;\n\nexport type OrgUnitOption = Readonly<{\n  id: string;\n  name: string;\n}>;\n\nexport type PositionOption = Readonly<{\n  id: string;\n  name: string;\n}>;\n\ninterface MemberPickerProps {\n  readonly disabled?: boolean;\n  readonly name: string;\n  readonly onChange: (option: MemberOption | null) => void;\n  readonly placeholder?: string;\n  readonly size?: 'main' | 'sub';\n  readonly value: MemberOption | null;\n}\n\ninterface OrgUnitPickerProps {\n  readonly disabled?: boolean;\n  readonly name: string;\n  readonly onChange: (option: OrgUnitOption | null) => void;\n  readonly orgUnits: readonly OrgUnitRecord[];\n  readonly placeholder?: string;\n  readonly size?: 'main' | 'sub';\n  readonly value: OrgUnitOption | null;\n}\n\ninterface PositionPickerProps {\n  readonly disabled?: boolean;\n  readonly name: string;\n  readonly onChange: (option: PositionOption | null) => void;\n  readonly placeholder?: string;\n  readonly positions: readonly PositionRecord[];\n  readonly size?: 'main' | 'sub';\n  readonly value: PositionOption | null;\n}\n\n/**\n * AutoComplete-backed picker that searches the BPM member directory via\n * `searchMembers()`. Emits a {@link MemberOption} `{ id, name, email }`\n * on selection (or `null` when cleared).\n */\nexport function MemberPicker({\n  disabled = false,\n  name,\n  onChange,\n  placeholder = '搜尋姓名或信箱',\n  size,\n  value,\n}: MemberPickerProps): ReactElement {\n  const [loading, setLoading] = useState(false);\n  const [options, setOptions] = useState<readonly MemberOption[]>(\n    value ? [value] : [],\n  );\n\n  async function handleSearch(searchText: string): Promise<void> {\n    setLoading(true);\n    try {\n      setOptions((await searchMembers(searchText)).map(readMemberOption));\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  return (\n    <div className={styles.pickerHost}>\n      <AutoComplete\n        asyncData\n        disabled={disabled}\n        disabledOptionsFilter\n        emptyText=\"沒有符合的會員\"\n        inputProps={{\n          autoCapitalize: 'none',\n          autoCorrect: 'off',\n          name,\n          spellCheck: false,\n        }}\n        loading={loading}\n        loadingText=\"搜尋會員中...\"\n        mode=\"single\"\n        onChange={(option): void => onChange(readMemberOptionFromValue(option))}\n        onSearch={handleSearch}\n        onSearchTextChange={(searchText): void =>\n          onChange(readUniqueOption(searchText, options))\n        }\n        onVisibilityChange={(open): void => {\n          if (open) {\n            void handleSearch('');\n          }\n        }}\n        options={[...mergeMemberOptions(value ? [value] : [], options)]}\n        placeholder={placeholder}\n        searchDebounceTime={300}\n        size={size}\n        value={value}\n      />\n    </div>\n  );\n}\n\n/**\n * Static `<Select>` over a pre-fetched list of org units. Caller is\n * responsible for fetching the org units (typically via\n * `readOrganizationDashboard` from `@rytass/bpm-core-client/organization`).\n */\nexport function OrgUnitPicker({\n  disabled = false,\n  onChange,\n  orgUnits,\n  placeholder = '選擇組織',\n  size,\n  value,\n}: OrgUnitPickerProps): ReactElement {\n  const options = useMemo(\n    (): readonly OrgUnitOption[] => orgUnits.map(readOrgUnitOption),\n    [orgUnits],\n  );\n  return (\n    <div className={styles.pickerHost}>\n      <Select\n        clearable\n        disabled={disabled}\n        fullWidth\n        onChange={(option): void => onChange(readOrgUnitOptionFromValue(option))}\n        options={[...options]}\n        placeholder={placeholder}\n        size={size}\n        value={value}\n      />\n    </div>\n  );\n}\n\n/**\n * Static `<Select>` over a pre-fetched list of positions.\n */\nexport function PositionPicker({\n  disabled = false,\n  onChange,\n  placeholder = '選擇職位',\n  positions,\n  size,\n  value,\n}: PositionPickerProps): ReactElement {\n  const options = useMemo(\n    (): readonly PositionOption[] => positions.map(readPositionOption),\n    [positions],\n  );\n  return (\n    <div className={styles.pickerHost}>\n      <Select\n        clearable\n        disabled={disabled}\n        fullWidth\n        onChange={(option): void => onChange(readPositionOptionFromValue(option))}\n        options={[...options]}\n        placeholder={placeholder}\n        size={size}\n        value={value}\n      />\n    </div>\n  );\n}\n\nexport function readMemberOption(member: {\n  readonly email: string;\n  readonly memberId: string;\n  readonly name: string;\n}): MemberOption {\n  return {\n    email: member.email,\n    id: member.memberId,\n    name: `${member.name} · ${member.email}`,\n  };\n}\n\nexport function readOrgUnitOption(orgUnit: OrgUnitRecord): OrgUnitOption {\n  return { id: orgUnit.id, name: `${orgUnit.name} · ${orgUnit.code}` };\n}\n\nexport function readPositionOption(position: PositionRecord): PositionOption {\n  return { id: position.id, name: `${position.name} · ${position.code}` };\n}\n\nfunction readMemberOptionFromValue(value: unknown): MemberOption | null {\n  if (!isRecord(value)) return null;\n  const email = value.email;\n  const id = value.id;\n  const name = value.name;\n  return typeof email === 'string' &&\n    typeof id === 'string' &&\n    typeof name === 'string'\n    ? { email, id, name }\n    : null;\n}\n\nfunction readOrgUnitOptionFromValue(value: unknown): OrgUnitOption | null {\n  if (!isRecord(value)) return null;\n  const id = value.id;\n  const name = value.name;\n  return typeof id === 'string' && typeof name === 'string'\n    ? { id, name }\n    : null;\n}\n\nfunction readPositionOptionFromValue(value: unknown): PositionOption | null {\n  if (!isRecord(value)) return null;\n  const id = value.id;\n  const name = value.name;\n  return typeof id === 'string' && typeof name === 'string'\n    ? { id, name }\n    : null;\n}\n\nfunction readUniqueOption(\n  searchText: string,\n  options: readonly MemberOption[],\n): MemberOption | null {\n  const normalized = searchText.trim().toLocaleLowerCase();\n  if (!normalized) return null;\n  const matched = options.filter(\n    (option) =>\n      option.id.toLocaleLowerCase() === normalized ||\n      option.email.toLocaleLowerCase() === normalized ||\n      option.name.toLocaleLowerCase() === normalized,\n  );\n  return matched.length === 1 ? matched[0] : null;\n}\n\nfunction mergeMemberOptions(\n  selected: readonly MemberOption[],\n  options: readonly MemberOption[],\n): readonly MemberOption[] {\n  const byId = new Map(\n    [...selected, ...options].map(\n      (option): readonly [string, MemberOption] => [option.id, option],\n    ),\n  );\n  return [...byId.values()];\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n"],"mappings":"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"}

package/dist/chunks/app-navigation-CATITRM7.js

@@ -0,0 +1,263 @@
+"use client";
+import { r as e } from "./router-adapter-BdHZXLS3.js";
+import { n as t } from "./auth-provider-TTO9eNZV.js";
+import { createContext as n, useCallback as r, useContext as i, useEffect as a, useMemo as o, useState as s } from "react";
+import { Navigation as c, NavigationFooter as l, NavigationHeader as u, NavigationIconButton as d, NavigationOption as f, NavigationOptionCategory as p, NavigationUserMenu as m } from "@mezzanine-ui/react";
+import { logoutApi as h } from "@rytass/bpm-core-client";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { readUnreadNotificationCount as y } from "@rytass/bpm-core-client/workflow";
+import { FileIcon as b, FolderIcon as x, HomeIcon as S, ListIcon as C, LogoutIcon as w, MailIcon as T, MailUnreadIcon as E, NotificationUnreadIcon as D, SearchIcon as O, ShareIcon as k, SwitchHorizontalIcon as A, SystemIcon as j, UserIcon as M } from "@mezzanine-ui/icons";
+import '../app-navigation.css';//#region src/lib/notification-drawer-provider.tsx
+var N = n(null);
+function P({ children: e }) {
+	let [t, n] = s(!1), i = r(() => {
+		n(!0);
+	}, []), a = r(() => {
+		n(!1);
+	}, []), c = r(() => {
+		n((e) => !e);
+	}, []), l = o(() => ({
+		close: a,
+		isOpen: t,
+		open: i,
+		toggle: c
+	}), [
+		a,
+		t,
+		i,
+		c
+	]);
+	return /* @__PURE__ */ _(N.Provider, {
+		value: l,
+		children: e
+	});
+}
+function F() {
+	return i(N) || {
+		close: () => void 0,
+		isOpen: !1,
+		open: () => void 0,
+		toggle: () => void 0
+	};
+}
+//#endregion
+//#region src/lib/notification-unread-provider.tsx
+var I = n(null);
+function L({ children: e }) {
+	let { member: n } = t(), i = n?.memberId ?? null, [c, l] = s(0), u = r(async () => {
+		if (!i) return l(0), 0;
+		let e = await y(i);
+		return l(e), e;
+	}, [i]);
+	a(() => {
+		let e = !0;
+		return (async () => {
+			try {
+				let t = await u();
+				e && l(t);
+			} catch {
+				e && l(0);
+			}
+		})(), () => {
+			e = !1;
+		};
+	}, [u]);
+	let d = o(() => ({
+		refreshUnreadCount: u,
+		unreadCount: c
+	}), [u, c]);
+	return /* @__PURE__ */ _(I.Provider, {
+		value: d,
+		children: e
+	});
+}
+function R() {
+	return i(I) || {
+		refreshUnreadCount: async () => 0,
+		unreadCount: 0
+	};
+}
+var z = {
+	logo: "bpm_logo_QvBLU",
+	notificationBell: "bpm_notificationBell_W-wl7",
+	notificationBadge: "bpm_notificationBadge_Gy3Eq"
+}, B = [
+	{
+		title: "我的工作",
+		items: [
+			{
+				href: "/dashboard",
+				icon: S,
+				label: "工作台"
+			},
+			{
+				href: "/inbox",
+				icon: E,
+				label: "我的待簽"
+			},
+			{
+				href: "/sent",
+				icon: T,
+				label: "我發起的"
+			},
+			{
+				href: "/cc",
+				icon: k,
+				label: "抄送給我"
+			}
+		]
+	},
+	{
+		title: "查詢與代理",
+		items: [{
+			href: "/search",
+			icon: O,
+			label: "搜尋"
+		}, {
+			href: "/delegations",
+			icon: A,
+			label: "個人代理"
+		}]
+	},
+	{
+		title: "簽核設計",
+		items: [
+			{
+				href: "/templates",
+				icon: x,
+				label: "簽核模板",
+				requiresAdmin: !0
+			},
+			{
+				href: "/templates/categories",
+				icon: C,
+				label: "模板分類",
+				requiresAdmin: !0
+			},
+			{
+				href: "/forms",
+				icon: b,
+				label: "表單設計",
+				requiresAdmin: !0
+			}
+		]
+	},
+	{
+		title: "系統管理",
+		items: [
+			{
+				href: "/admin/orgs",
+				icon: j,
+				label: "組織管理",
+				requiresAdmin: !0
+			},
+			{
+				href: "/admin/users",
+				icon: M,
+				label: "會員對照",
+				requiresAdmin: !0
+			},
+			{
+				href: "/admin/delegations",
+				icon: k,
+				label: "代理設定",
+				requiresAdmin: !0
+			}
+		]
+	}
+];
+function V({ activeHref: n, logoSrc: r = "/rytass-logo.png", title: i = "BPM Admin", groups: a = B } = {}) {
+	let o = e(), { member: s } = t(), { unreadCount: g } = R(), y = n ?? o.pathname ?? "", b = H(s), x = a.map((e) => ({
+		title: e.title,
+		items: e.items.filter((e) => !e.requiresAdmin || b)
+	})).filter((e) => e.items.length > 0), S = async () => {
+		await h(), o.replace("/login");
+	};
+	return /* @__PURE__ */ _(c, {
+		exactActivatedMatch: !0,
+		children: [
+			/* @__PURE__ */ _(u, {
+				title: i,
+				children: /* @__PURE__ */ _("img", {
+					alt: "",
+					className: z.logo,
+					height: 24,
+					src: r,
+					width: 24
+				})
+			}, "header"),
+			...x.map((e) => /* @__PURE__ */ _(p, {
+				title: e.title,
+				children: e.items.map((e) => /* @__PURE__ */ _(f, {
+					active: e.href === y,
+					href: e.href,
+					icon: e.icon,
+					title: e.label
+				}, e.href))
+			}, e.title)),
+			/* @__PURE__ */ v(l, { children: [
+				/* @__PURE__ */ _(m, {
+					options: [{
+						id: "notification-settings",
+						name: "通知設定"
+					}, {
+						id: "logout",
+						name: "登出"
+					}],
+					onSelect: (e) => {
+						if (e.id === "notification-settings") {
+							o.push("/settings/notifications");
+							return;
+						}
+						e.id === "logout" && S();
+					},
+					children: /* @__PURE__ */ _(W, {})
+				}),
+				/* @__PURE__ */ _(U, { unreadCount: g }),
+				/* @__PURE__ */ _(d, {
+					"aria-label": "登出",
+					icon: w,
+					onClick: () => {
+						S();
+					},
+					title: "登出",
+					type: "button"
+				})
+			] }, "footer")
+		]
+	});
+}
+function H(e) {
+	return e ? (e.roles ?? []).includes("BPM_ADMIN") || (e.permissions ?? []).some((e) => [
+		"bpm:*",
+		"bpm:admin",
+		"bpm.admin",
+		"bpm:admin:*"
+	].includes(e)) : !1;
+}
+function U({ unreadCount: e }) {
+	let { open: t } = F();
+	return /* @__PURE__ */ v("span", {
+		className: z.notificationBell,
+		children: [/* @__PURE__ */ _(d, {
+			"aria-label": e > 0 ? `通知中心，${e} 則未讀` : "通知中心",
+			icon: D,
+			onClick: () => {
+				t();
+			},
+			title: "通知中心",
+			type: "button"
+		}), e > 0 ? /* @__PURE__ */ _("span", {
+			className: z.notificationBadge,
+			children: e > 99 ? "99+" : e
+		}) : null]
+	});
+}
+function W() {
+	let { member: e } = t();
+	return e ? /* @__PURE__ */ _(g, { children: e.name }) : null;
+}
+//#endregion
+export { F as a, P as i, L as n, R as r, V as t };
+
+//# sourceMappingURL=app-navigation-CATITRM7.js.map

package/dist/chunks/app-navigation-CATITRM7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-navigation-CATITRM7.js","names":[],"sources":["../../src/lib/notification-drawer-provider.tsx","../../src/lib/notification-unread-provider.tsx","../../src/components/app-navigation.module.scss","../../src/components/app-navigation.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\ninterface NotificationDrawerContextValue {\n  readonly close: () => void;\n  readonly isOpen: boolean;\n  readonly open: () => void;\n  readonly toggle: () => void;\n}\n\nconst NotificationDrawerContext =\n  createContext<NotificationDrawerContextValue | null>(null);\n\ninterface NotificationDrawerProviderProps {\n  readonly children: ReactNode;\n}\n\n/**\n * Controls the open/closed state of the BPM notification drawer. Wraps\n * children with a context that `<NotificationDrawer />` reads to mount /\n * hide itself, and that `<AppNavigation />` reads to open the drawer when\n * the bell icon is clicked.\n *\n * When used outside this provider, the returned hook is a safe no-op so\n * components don't crash in test or storybook environments.\n */\nexport function NotificationDrawerProvider({\n  children,\n}: NotificationDrawerProviderProps): ReactElement {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const open = useCallback((): void => {\n    setIsOpen(true);\n  }, []);\n  const close = useCallback((): void => {\n    setIsOpen(false);\n  }, []);\n  const toggle = useCallback((): void => {\n    setIsOpen((current) => !current);\n  }, []);\n\n  const value = useMemo<NotificationDrawerContextValue>(\n    () => ({ close, isOpen, open, toggle }),\n    [close, isOpen, open, toggle],\n  );\n\n  return (\n    <NotificationDrawerContext.Provider value={value}>\n      {children}\n    </NotificationDrawerContext.Provider>\n  );\n}\n\n/**\n * Read the BPM notification drawer's open state and control helpers.\n * Returns a no-op stub when used outside `<NotificationDrawerProvider>`.\n */\nexport function useNotificationDrawer(): NotificationDrawerContextValue {\n  const context = useContext(NotificationDrawerContext);\n  if (!context) {\n    return {\n      close: (): void => undefined,\n      isOpen: false,\n      open: (): void => undefined,\n      toggle: (): void => undefined,\n    };\n  }\n  return context;\n}\n","'use client';\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { readUnreadNotificationCount } from '@rytass/bpm-core-client/workflow';\nimport { useAuth } from './auth-provider';\n\ninterface NotificationUnreadContextValue {\n  readonly refreshUnreadCount: () => Promise<number>;\n  readonly unreadCount: number;\n}\n\nconst NotificationUnreadContext =\n  createContext<NotificationUnreadContextValue | null>(null);\n\ninterface NotificationUnreadProviderProps {\n  readonly children: ReactNode;\n}\n\n/**\n * Polls BPM for the current member's unread notification count via\n * `readUnreadNotificationCount` and exposes it through context for\n * `<AppNavigation />` (bell badge) and `<NotificationDrawer />` (header\n * count). Refresh is triggered on mount and whenever the auth member id\n * changes; consumers can call `refreshUnreadCount()` after acknowledging\n * a notification.\n */\nexport function NotificationUnreadProvider({\n  children,\n}: NotificationUnreadProviderProps): ReactElement {\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [unreadCount, setUnreadCount] = useState(0);\n\n  const refreshUnreadCount = useCallback(async (): Promise<number> => {\n    if (!currentMemberId) {\n      setUnreadCount(0);\n      return 0;\n    }\n    const next = await readUnreadNotificationCount(currentMemberId);\n    setUnreadCount(next);\n    return next;\n  }, [currentMemberId]);\n\n  useEffect((): (() => void) => {\n    let active = true;\n    void (async () => {\n      try {\n        const next = await refreshUnreadCount();\n        if (active) setUnreadCount(next);\n      } catch {\n        if (active) setUnreadCount(0);\n      }\n    })();\n    return (): void => {\n      active = false;\n    };\n  }, [refreshUnreadCount]);\n\n  const value = useMemo<NotificationUnreadContextValue>(\n    () => ({ refreshUnreadCount, unreadCount }),\n    [refreshUnreadCount, unreadCount],\n  );\n\n  return (\n    <NotificationUnreadContext.Provider value={value}>\n      {children}\n    </NotificationUnreadContext.Provider>\n  );\n}\n\n/**\n * Read the current unread-notification count and a manual refresh helper.\n * Returns a zero/no-op stub when used outside\n * `<NotificationUnreadProvider>`.\n */\nexport function useNotificationUnread(): NotificationUnreadContextValue {\n  const context = useContext(NotificationUnreadContext);\n  if (!context) {\n    return {\n      refreshUnreadCount: async (): Promise<number> => 0,\n      unreadCount: 0,\n    };\n  }\n  return context;\n}\n",".logo {\n  display: block;\n  height: 24px;\n  margin: auto;\n  object-fit: contain;\n  width: 24px;\n}\n\n.notificationBell {\n  display: inline-flex;\n  position: relative;\n}\n\n.notificationBadge {\n  align-items: center;\n  background: #d92d20;\n  border: 1px solid #fff;\n  border-radius: 999px;\n  color: #fff;\n  display: inline-flex;\n  font-size: 10px;\n  font-weight: 600;\n  height: 16px;\n  justify-content: center;\n  line-height: 1;\n  min-width: 16px;\n  padding: 0 4px;\n  pointer-events: none;\n  position: absolute;\n  right: -4px;\n  top: -4px;\n}\n","'use client';\n\nimport type { ReactElement } from 'react';\nimport {\n  Navigation,\n  NavigationFooter,\n  NavigationHeader,\n  NavigationIconButton,\n  NavigationOption,\n  NavigationOptionCategory,\n  NavigationUserMenu,\n} from '@mezzanine-ui/react';\nimport {\n  FileIcon,\n  FolderIcon,\n  HomeIcon,\n  ListIcon,\n  LogoutIcon,\n  MailIcon,\n  MailUnreadIcon,\n  NotificationUnreadIcon,\n  SearchIcon,\n  ShareIcon,\n  SystemIcon,\n  SwitchHorizontalIcon,\n  UserIcon,\n  type IconDefinition,\n} from '@mezzanine-ui/icons';\nimport { logoutApi } from '@rytass/bpm-core-client';\nimport { useAuth } from '../lib/auth-provider';\nimport { useRouterAdapter } from '../lib/router-adapter';\nimport { useNotificationDrawer } from '../lib/notification-drawer-provider';\nimport { useNotificationUnread } from '../lib/notification-unread-provider';\nimport styles from './app-navigation.module.scss';\n\ninterface NavigationItem {\n  readonly href: string;\n  readonly icon: IconDefinition;\n  readonly label: string;\n  readonly requiresAdmin?: boolean;\n}\n\ninterface NavigationGroup {\n  readonly title: string;\n  readonly items: readonly NavigationItem[];\n}\n\nconst DEFAULT_NAVIGATION_GROUPS: readonly NavigationGroup[] = [\n  {\n    title: '我的工作',\n    items: [\n      { href: '/dashboard', icon: HomeIcon, label: '工作台' },\n      { href: '/inbox', icon: MailUnreadIcon, label: '我的待簽' },\n      { href: '/sent', icon: MailIcon, label: '我發起的' },\n      { href: '/cc', icon: ShareIcon, label: '抄送給我' },\n    ],\n  },\n  {\n    title: '查詢與代理',\n    items: [\n      { href: '/search', icon: SearchIcon, label: '搜尋' },\n      { href: '/delegations', icon: SwitchHorizontalIcon, label: '個人代理' },\n    ],\n  },\n  {\n    title: '簽核設計',\n    items: [\n      { href: '/templates', icon: FolderIcon, label: '簽核模板', requiresAdmin: true },\n      { href: '/templates/categories', icon: ListIcon, label: '模板分類', requiresAdmin: true },\n      { href: '/forms', icon: FileIcon, label: '表單設計', requiresAdmin: true },\n    ],\n  },\n  {\n    title: '系統管理',\n    items: [\n      { href: '/admin/orgs', icon: SystemIcon, label: '組織管理', requiresAdmin: true },\n      { href: '/admin/users', icon: UserIcon, label: '會員對照', requiresAdmin: true },\n      { href: '/admin/delegations', icon: ShareIcon, label: '代理設定', requiresAdmin: true },\n    ],\n  },\n];\n\nexport interface AppNavigationProps {\n  /** Override the active href detection (defaults to router's pathname). */\n  readonly activeHref?: string;\n  /** Logo image URL displayed in the sidebar header. */\n  readonly logoSrc?: string;\n  /** Sidebar title (defaults to \"BPM Admin\"). */\n  readonly title?: string;\n  /**\n   * Override the entire navigation tree. When omitted, the default 4-group\n   * BPM admin nav (`我的工作` / `查詢與代理` / `簽核設計` / `系統管理`) is used.\n   */\n  readonly groups?: readonly NavigationGroup[];\n}\n\n/**\n * BPM admin sidebar — composes Mezzanine UI `<Navigation>` with the\n * default 4-group BPM tree. Reads `useAuth` to gate admin-only routes,\n * `useNotificationUnread` to render the bell badge count, and the host's\n * `RouterAdapter` to derive the active route. Calls `logoutApi()` and\n * navigates back to `/login` on logout.\n */\nexport function AppNavigation({\n  activeHref,\n  logoSrc = '/rytass-logo.png',\n  title = 'BPM Admin',\n  groups = DEFAULT_NAVIGATION_GROUPS,\n}: AppNavigationProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const { member } = useAuth();\n  const { unreadCount } = useNotificationUnread();\n  const resolvedActive = activeHref ?? router.pathname ?? '';\n  const isAdmin = isAdminMember(member);\n  const visibleGroups = groups\n    .map((group) => ({\n      title: group.title,\n      items: group.items.filter((item) => !item.requiresAdmin || isAdmin),\n    }))\n    .filter((group) => group.items.length > 0);\n\n  const handleLogout = async (): Promise<void> => {\n    await logoutApi();\n    router.replace('/login');\n  };\n\n  const children = [\n    <NavigationHeader key=\"header\" title={title}>\n      <img alt=\"\" className={styles.logo} height={24} src={logoSrc} width={24} />\n    </NavigationHeader>,\n    ...visibleGroups.map((group) => (\n      <NavigationOptionCategory key={group.title} title={group.title}>\n        {group.items.map((item) => (\n          <NavigationOption\n            active={item.href === resolvedActive}\n            href={item.href}\n            icon={item.icon}\n            key={item.href}\n            title={item.label}\n          />\n        ))}\n      </NavigationOptionCategory>\n    )),\n    <NavigationFooter key=\"footer\">\n      <NavigationUserMenu\n        options={[\n          { id: 'notification-settings', name: '通知設定' },\n          { id: 'logout', name: '登出' },\n        ]}\n        onSelect={(option): void => {\n          if (option.id === 'notification-settings') {\n            router.push('/settings/notifications');\n            return;\n          }\n          if (option.id === 'logout') {\n            void handleLogout();\n          }\n        }}\n      >\n        <NavigationMemberName />\n      </NavigationUserMenu>\n      <NotificationBell unreadCount={unreadCount} />\n      <NavigationIconButton\n        aria-label=\"登出\"\n        icon={LogoutIcon}\n        onClick={(): void => {\n          void handleLogout();\n        }}\n        title=\"登出\"\n        type=\"button\"\n      />\n    </NavigationFooter>,\n  ];\n\n  return <Navigation exactActivatedMatch>{children}</Navigation>;\n}\n\nfunction isAdminMember(member: ReturnType<typeof useAuth>['member']): boolean {\n  if (!member) return false;\n  return (\n    (member.roles ?? []).includes('BPM_ADMIN') ||\n    (member.permissions ?? []).some((p) =>\n      ['bpm:*', 'bpm:admin', 'bpm.admin', 'bpm:admin:*'].includes(p),\n    )\n  );\n}\n\nfunction NotificationBell({\n  unreadCount,\n}: {\n  readonly unreadCount: number;\n}): ReactElement {\n  const { open } = useNotificationDrawer();\n  return (\n    <span className={styles.notificationBell}>\n      <NavigationIconButton\n        aria-label={unreadCount > 0 ? `通知中心，${unreadCount} 則未讀` : '通知中心'}\n        icon={NotificationUnreadIcon}\n        onClick={(): void => {\n          open();\n        }}\n        title=\"通知中心\"\n        type=\"button\"\n      />\n      {unreadCount > 0 ? (\n        <span className={styles.notificationBadge}>\n          {unreadCount > 99 ? '99+' : unreadCount}\n        </span>\n      ) : null}\n    </span>\n  );\n}\n\nfunction NavigationMemberName(): ReactElement | null {\n  const { member } = useAuth();\n  if (!member) return null;\n  return <>{member.name}</>;\n}\n"],"mappings":"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"}

package/dist/chunks/app-navigation-DAC5gFbG.cjs

@@ -0,0 +1,2 @@
+"use client";require('../app-navigation.css');var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(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},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));const c=require("./router-adapter-BybHrCNP.cjs"),l=require("./auth-provider-D2P-qWmY.cjs");let u=require("react"),d=require("@mezzanine-ui/react"),f=require("@rytass/bpm-core-client"),p=require("react/jsx-runtime"),m=require("@rytass/bpm-core-client/workflow"),h=require("@mezzanine-ui/icons");var g=(0,u.createContext)(null);function _({children:e}){let[t,n]=(0,u.useState)(!1),r=(0,u.useCallback)(()=>{n(!0)},[]),i=(0,u.useCallback)(()=>{n(!1)},[]),a=(0,u.useCallback)(()=>{n(e=>!e)},[]),o=(0,u.useMemo)(()=>({close:i,isOpen:t,open:r,toggle:a}),[i,t,r,a]);return(0,p.jsx)(g.Provider,{value:o,children:e})}function v(){return(0,u.useContext)(g)||{close:()=>void 0,isOpen:!1,open:()=>void 0,toggle:()=>void 0}}var y=(0,u.createContext)(null);function b({children:e}){let{member:t}=l.n(),n=t?.memberId??null,[r,i]=(0,u.useState)(0),a=(0,u.useCallback)(async()=>{if(!n)return i(0),0;let e=await(0,m.readUnreadNotificationCount)(n);return i(e),e},[n]);(0,u.useEffect)(()=>{let e=!0;return(async()=>{try{let t=await a();e&&i(t)}catch{e&&i(0)}})(),()=>{e=!1}},[a]);let o=(0,u.useMemo)(()=>({refreshUnreadCount:a,unreadCount:r}),[a,r]);return(0,p.jsx)(y.Provider,{value:o,children:e})}function x(){return(0,u.useContext)(y)||{refreshUnreadCount:async()=>0,unreadCount:0}}var S={logo:`bpm_logo_QvBLU`,notificationBell:`bpm_notificationBell_W-wl7`,notificationBadge:`bpm_notificationBadge_Gy3Eq`},C=[{title:`我的工作`,items:[{href:`/dashboard`,icon:h.HomeIcon,label:`工作台`},{href:`/inbox`,icon:h.MailUnreadIcon,label:`我的待簽`},{href:`/sent`,icon:h.MailIcon,label:`我發起的`},{href:`/cc`,icon:h.ShareIcon,label:`抄送給我`}]},{title:`查詢與代理`,items:[{href:`/search`,icon:h.SearchIcon,label:`搜尋`},{href:`/delegations`,icon:h.SwitchHorizontalIcon,label:`個人代理`}]},{title:`簽核設計`,items:[{href:`/templates`,icon:h.FolderIcon,label:`簽核模板`,requiresAdmin:!0},{href:`/templates/categories`,icon:h.ListIcon,label:`模板分類`,requiresAdmin:!0},{href:`/forms`,icon:h.FileIcon,label:`表單設計`,requiresAdmin:!0}]},{title:`系統管理`,items:[{href:`/admin/orgs`,icon:h.SystemIcon,label:`組織管理`,requiresAdmin:!0},{href:`/admin/users`,icon:h.UserIcon,label:`會員對照`,requiresAdmin:!0},{href:`/admin/delegations`,icon:h.ShareIcon,label:`代理設定`,requiresAdmin:!0}]}];function w({activeHref:e,logoSrc:t=`/rytass-logo.png`,title:n=`BPM Admin`,groups:r=C}={}){let i=c.r(),{member:a}=l.n(),{unreadCount:o}=x(),s=e??i.pathname??``,u=T(a),m=r.map(e=>({title:e.title,items:e.items.filter(e=>!e.requiresAdmin||u)})).filter(e=>e.items.length>0),g=async()=>{await(0,f.logoutApi)(),i.replace(`/login`)};return(0,p.jsx)(d.Navigation,{exactActivatedMatch:!0,children:[(0,p.jsx)(d.NavigationHeader,{title:n,children:(0,p.jsx)(`img`,{alt:``,className:S.logo,height:24,src:t,width:24})},`header`),...m.map(e=>(0,p.jsx)(d.NavigationOptionCategory,{title:e.title,children:e.items.map(e=>(0,p.jsx)(d.NavigationOption,{active:e.href===s,href:e.href,icon:e.icon,title:e.label},e.href))},e.title)),(0,p.jsxs)(d.NavigationFooter,{children:[(0,p.jsx)(d.NavigationUserMenu,{options:[{id:`notification-settings`,name:`通知設定`},{id:`logout`,name:`登出`}],onSelect:e=>{if(e.id===`notification-settings`){i.push(`/settings/notifications`);return}e.id===`logout`&&g()},children:(0,p.jsx)(D,{})}),(0,p.jsx)(E,{unreadCount:o}),(0,p.jsx)(d.NavigationIconButton,{"aria-label":`登出`,icon:h.LogoutIcon,onClick:()=>{g()},title:`登出`,type:`button`})]},`footer`)]})}function T(e){return e?(e.roles??[]).includes(`BPM_ADMIN`)||(e.permissions??[]).some(e=>[`bpm:*`,`bpm:admin`,`bpm.admin`,`bpm:admin:*`].includes(e)):!1}function E({unreadCount:e}){let{open:t}=v();return(0,p.jsxs)(`span`,{className:S.notificationBell,children:[(0,p.jsx)(d.NavigationIconButton,{"aria-label":e>0?`通知中心，${e} 則未讀`:`通知中心`,icon:h.NotificationUnreadIcon,onClick:()=>{t()},title:`通知中心`,type:`button`}),e>0?(0,p.jsx)(`span`,{className:S.notificationBadge,children:e>99?`99+`:e}):null]})}function D(){let{member:e}=l.n();return e?(0,p.jsx)(p.Fragment,{children:e.name}):null}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return w}});
+//# sourceMappingURL=app-navigation-DAC5gFbG.cjs.map

package/dist/chunks/app-navigation-DAC5gFbG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-navigation-DAC5gFbG.cjs","names":[],"sources":["../../src/lib/notification-drawer-provider.tsx","../../src/lib/notification-unread-provider.tsx","../../src/components/app-navigation.module.scss","../../src/components/app-navigation.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\ninterface NotificationDrawerContextValue {\n  readonly close: () => void;\n  readonly isOpen: boolean;\n  readonly open: () => void;\n  readonly toggle: () => void;\n}\n\nconst NotificationDrawerContext =\n  createContext<NotificationDrawerContextValue | null>(null);\n\ninterface NotificationDrawerProviderProps {\n  readonly children: ReactNode;\n}\n\n/**\n * Controls the open/closed state of the BPM notification drawer. Wraps\n * children with a context that `<NotificationDrawer />` reads to mount /\n * hide itself, and that `<AppNavigation />` reads to open the drawer when\n * the bell icon is clicked.\n *\n * When used outside this provider, the returned hook is a safe no-op so\n * components don't crash in test or storybook environments.\n */\nexport function NotificationDrawerProvider({\n  children,\n}: NotificationDrawerProviderProps): ReactElement {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const open = useCallback((): void => {\n    setIsOpen(true);\n  }, []);\n  const close = useCallback((): void => {\n    setIsOpen(false);\n  }, []);\n  const toggle = useCallback((): void => {\n    setIsOpen((current) => !current);\n  }, []);\n\n  const value = useMemo<NotificationDrawerContextValue>(\n    () => ({ close, isOpen, open, toggle }),\n    [close, isOpen, open, toggle],\n  );\n\n  return (\n    <NotificationDrawerContext.Provider value={value}>\n      {children}\n    </NotificationDrawerContext.Provider>\n  );\n}\n\n/**\n * Read the BPM notification drawer's open state and control helpers.\n * Returns a no-op stub when used outside `<NotificationDrawerProvider>`.\n */\nexport function useNotificationDrawer(): NotificationDrawerContextValue {\n  const context = useContext(NotificationDrawerContext);\n  if (!context) {\n    return {\n      close: (): void => undefined,\n      isOpen: false,\n      open: (): void => undefined,\n      toggle: (): void => undefined,\n    };\n  }\n  return context;\n}\n","'use client';\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { readUnreadNotificationCount } from '@rytass/bpm-core-client/workflow';\nimport { useAuth } from './auth-provider';\n\ninterface NotificationUnreadContextValue {\n  readonly refreshUnreadCount: () => Promise<number>;\n  readonly unreadCount: number;\n}\n\nconst NotificationUnreadContext =\n  createContext<NotificationUnreadContextValue | null>(null);\n\ninterface NotificationUnreadProviderProps {\n  readonly children: ReactNode;\n}\n\n/**\n * Polls BPM for the current member's unread notification count via\n * `readUnreadNotificationCount` and exposes it through context for\n * `<AppNavigation />` (bell badge) and `<NotificationDrawer />` (header\n * count). Refresh is triggered on mount and whenever the auth member id\n * changes; consumers can call `refreshUnreadCount()` after acknowledging\n * a notification.\n */\nexport function NotificationUnreadProvider({\n  children,\n}: NotificationUnreadProviderProps): ReactElement {\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [unreadCount, setUnreadCount] = useState(0);\n\n  const refreshUnreadCount = useCallback(async (): Promise<number> => {\n    if (!currentMemberId) {\n      setUnreadCount(0);\n      return 0;\n    }\n    const next = await readUnreadNotificationCount(currentMemberId);\n    setUnreadCount(next);\n    return next;\n  }, [currentMemberId]);\n\n  useEffect((): (() => void) => {\n    let active = true;\n    void (async () => {\n      try {\n        const next = await refreshUnreadCount();\n        if (active) setUnreadCount(next);\n      } catch {\n        if (active) setUnreadCount(0);\n      }\n    })();\n    return (): void => {\n      active = false;\n    };\n  }, [refreshUnreadCount]);\n\n  const value = useMemo<NotificationUnreadContextValue>(\n    () => ({ refreshUnreadCount, unreadCount }),\n    [refreshUnreadCount, unreadCount],\n  );\n\n  return (\n    <NotificationUnreadContext.Provider value={value}>\n      {children}\n    </NotificationUnreadContext.Provider>\n  );\n}\n\n/**\n * Read the current unread-notification count and a manual refresh helper.\n * Returns a zero/no-op stub when used outside\n * `<NotificationUnreadProvider>`.\n */\nexport function useNotificationUnread(): NotificationUnreadContextValue {\n  const context = useContext(NotificationUnreadContext);\n  if (!context) {\n    return {\n      refreshUnreadCount: async (): Promise<number> => 0,\n      unreadCount: 0,\n    };\n  }\n  return context;\n}\n",".logo {\n  display: block;\n  height: 24px;\n  margin: auto;\n  object-fit: contain;\n  width: 24px;\n}\n\n.notificationBell {\n  display: inline-flex;\n  position: relative;\n}\n\n.notificationBadge {\n  align-items: center;\n  background: #d92d20;\n  border: 1px solid #fff;\n  border-radius: 999px;\n  color: #fff;\n  display: inline-flex;\n  font-size: 10px;\n  font-weight: 600;\n  height: 16px;\n  justify-content: center;\n  line-height: 1;\n  min-width: 16px;\n  padding: 0 4px;\n  pointer-events: none;\n  position: absolute;\n  right: -4px;\n  top: -4px;\n}\n","'use client';\n\nimport type { ReactElement } from 'react';\nimport {\n  Navigation,\n  NavigationFooter,\n  NavigationHeader,\n  NavigationIconButton,\n  NavigationOption,\n  NavigationOptionCategory,\n  NavigationUserMenu,\n} from '@mezzanine-ui/react';\nimport {\n  FileIcon,\n  FolderIcon,\n  HomeIcon,\n  ListIcon,\n  LogoutIcon,\n  MailIcon,\n  MailUnreadIcon,\n  NotificationUnreadIcon,\n  SearchIcon,\n  ShareIcon,\n  SystemIcon,\n  SwitchHorizontalIcon,\n  UserIcon,\n  type IconDefinition,\n} from '@mezzanine-ui/icons';\nimport { logoutApi } from '@rytass/bpm-core-client';\nimport { useAuth } from '../lib/auth-provider';\nimport { useRouterAdapter } from '../lib/router-adapter';\nimport { useNotificationDrawer } from '../lib/notification-drawer-provider';\nimport { useNotificationUnread } from '../lib/notification-unread-provider';\nimport styles from './app-navigation.module.scss';\n\ninterface NavigationItem {\n  readonly href: string;\n  readonly icon: IconDefinition;\n  readonly label: string;\n  readonly requiresAdmin?: boolean;\n}\n\ninterface NavigationGroup {\n  readonly title: string;\n  readonly items: readonly NavigationItem[];\n}\n\nconst DEFAULT_NAVIGATION_GROUPS: readonly NavigationGroup[] = [\n  {\n    title: '我的工作',\n    items: [\n      { href: '/dashboard', icon: HomeIcon, label: '工作台' },\n      { href: '/inbox', icon: MailUnreadIcon, label: '我的待簽' },\n      { href: '/sent', icon: MailIcon, label: '我發起的' },\n      { href: '/cc', icon: ShareIcon, label: '抄送給我' },\n    ],\n  },\n  {\n    title: '查詢與代理',\n    items: [\n      { href: '/search', icon: SearchIcon, label: '搜尋' },\n      { href: '/delegations', icon: SwitchHorizontalIcon, label: '個人代理' },\n    ],\n  },\n  {\n    title: '簽核設計',\n    items: [\n      { href: '/templates', icon: FolderIcon, label: '簽核模板', requiresAdmin: true },\n      { href: '/templates/categories', icon: ListIcon, label: '模板分類', requiresAdmin: true },\n      { href: '/forms', icon: FileIcon, label: '表單設計', requiresAdmin: true },\n    ],\n  },\n  {\n    title: '系統管理',\n    items: [\n      { href: '/admin/orgs', icon: SystemIcon, label: '組織管理', requiresAdmin: true },\n      { href: '/admin/users', icon: UserIcon, label: '會員對照', requiresAdmin: true },\n      { href: '/admin/delegations', icon: ShareIcon, label: '代理設定', requiresAdmin: true },\n    ],\n  },\n];\n\nexport interface AppNavigationProps {\n  /** Override the active href detection (defaults to router's pathname). */\n  readonly activeHref?: string;\n  /** Logo image URL displayed in the sidebar header. */\n  readonly logoSrc?: string;\n  /** Sidebar title (defaults to \"BPM Admin\"). */\n  readonly title?: string;\n  /**\n   * Override the entire navigation tree. When omitted, the default 4-group\n   * BPM admin nav (`我的工作` / `查詢與代理` / `簽核設計` / `系統管理`) is used.\n   */\n  readonly groups?: readonly NavigationGroup[];\n}\n\n/**\n * BPM admin sidebar — composes Mezzanine UI `<Navigation>` with the\n * default 4-group BPM tree. Reads `useAuth` to gate admin-only routes,\n * `useNotificationUnread` to render the bell badge count, and the host's\n * `RouterAdapter` to derive the active route. Calls `logoutApi()` and\n * navigates back to `/login` on logout.\n */\nexport function AppNavigation({\n  activeHref,\n  logoSrc = '/rytass-logo.png',\n  title = 'BPM Admin',\n  groups = DEFAULT_NAVIGATION_GROUPS,\n}: AppNavigationProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const { member } = useAuth();\n  const { unreadCount } = useNotificationUnread();\n  const resolvedActive = activeHref ?? router.pathname ?? '';\n  const isAdmin = isAdminMember(member);\n  const visibleGroups = groups\n    .map((group) => ({\n      title: group.title,\n      items: group.items.filter((item) => !item.requiresAdmin || isAdmin),\n    }))\n    .filter((group) => group.items.length > 0);\n\n  const handleLogout = async (): Promise<void> => {\n    await logoutApi();\n    router.replace('/login');\n  };\n\n  const children = [\n    <NavigationHeader key=\"header\" title={title}>\n      <img alt=\"\" className={styles.logo} height={24} src={logoSrc} width={24} />\n    </NavigationHeader>,\n    ...visibleGroups.map((group) => (\n      <NavigationOptionCategory key={group.title} title={group.title}>\n        {group.items.map((item) => (\n          <NavigationOption\n            active={item.href === resolvedActive}\n            href={item.href}\n            icon={item.icon}\n            key={item.href}\n            title={item.label}\n          />\n        ))}\n      </NavigationOptionCategory>\n    )),\n    <NavigationFooter key=\"footer\">\n      <NavigationUserMenu\n        options={[\n          { id: 'notification-settings', name: '通知設定' },\n          { id: 'logout', name: '登出' },\n        ]}\n        onSelect={(option): void => {\n          if (option.id === 'notification-settings') {\n            router.push('/settings/notifications');\n            return;\n          }\n          if (option.id === 'logout') {\n            void handleLogout();\n          }\n        }}\n      >\n        <NavigationMemberName />\n      </NavigationUserMenu>\n      <NotificationBell unreadCount={unreadCount} />\n      <NavigationIconButton\n        aria-label=\"登出\"\n        icon={LogoutIcon}\n        onClick={(): void => {\n          void handleLogout();\n        }}\n        title=\"登出\"\n        type=\"button\"\n      />\n    </NavigationFooter>,\n  ];\n\n  return <Navigation exactActivatedMatch>{children}</Navigation>;\n}\n\nfunction isAdminMember(member: ReturnType<typeof useAuth>['member']): boolean {\n  if (!member) return false;\n  return (\n    (member.roles ?? []).includes('BPM_ADMIN') ||\n    (member.permissions ?? []).some((p) =>\n      ['bpm:*', 'bpm:admin', 'bpm.admin', 'bpm:admin:*'].includes(p),\n    )\n  );\n}\n\nfunction NotificationBell({\n  unreadCount,\n}: {\n  readonly unreadCount: number;\n}): ReactElement {\n  const { open } = useNotificationDrawer();\n  return (\n    <span className={styles.notificationBell}>\n      <NavigationIconButton\n        aria-label={unreadCount > 0 ? `通知中心，${unreadCount} 則未讀` : '通知中心'}\n        icon={NotificationUnreadIcon}\n        onClick={(): void => {\n          open();\n        }}\n        title=\"通知中心\"\n        type=\"button\"\n      />\n      {unreadCount > 0 ? (\n        <span className={styles.notificationBadge}>\n          {unreadCount > 99 ? '99+' : unreadCount}\n        </span>\n      ) : null}\n    </span>\n  );\n}\n\nfunction NavigationMemberName(): ReactElement | null {\n  const { member } = useAuth();\n  if (!member) return null;\n  return <>{member.name}</>;\n}\n"],"mappings":"ixBAmBA,IAAM,GAAA,EAAA,EAAA,eACiD,IAAI,EAe3D,SAAgB,EAA2B,CACzC,YACgD,CAChD,GAAM,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,EAAK,EAEpC,GAAA,EAAA,EAAA,iBAA+B,CACnC,EAAU,EAAI,CAChB,EAAG,CAAC,CAAC,EACC,GAAA,EAAA,EAAA,iBAAgC,CACpC,EAAU,EAAK,CACjB,EAAG,CAAC,CAAC,EACC,GAAA,EAAA,EAAA,iBAAiC,CACrC,EAAW,GAAY,CAAC,CAAO,CACjC,EAAG,CAAC,CAAC,EAEC,GAAA,EAAA,EAAA,cACG,CAAE,QAAO,SAAQ,OAAM,QAAO,GACrC,CAAC,EAAO,EAAQ,EAAM,CAAM,CAC9B,EAEA,OACE,EAAA,EAAA,KAAC,EAA0B,SAA3B,CAA2C,QACxC,UACiC,CAAA,CAExC,CAMA,SAAgB,GAAwD,CAUtE,OATM,EAAA,EAAA,YAAqB,CACtB,GACI,CACL,UAAmB,IAAA,GACnB,OAAQ,GACR,SAAkB,IAAA,GAClB,WAAoB,IAAA,EACtB,CAGJ,CCzDA,IAAM,GAAA,EAAA,EAAA,eACiD,IAAI,EAc3D,SAAgB,EAA2B,CACzC,YACgD,CAChD,GAAM,CAAE,UAAW,EAAA,EAAQ,EACrB,EAAkB,GAAQ,UAAY,KACtC,CAAC,EAAa,IAAA,EAAA,EAAA,UAA2B,CAAC,EAE1C,GAAA,EAAA,EAAA,aAAiC,SAA6B,CAClE,GAAI,CAAC,EAEH,OADA,EAAe,CAAC,EACT,EAET,IAAM,EAAO,MAAA,EAAA,EAAA,6BAAkC,CAAe,EAE9D,OADA,EAAe,CAAI,EACZ,CACT,EAAG,CAAC,CAAe,CAAC,GAEpB,EAAA,EAAA,eAA8B,CAC5B,IAAI,EAAS,GASb,OARM,SAAY,CAChB,GAAI,CACF,IAAM,EAAO,MAAM,EAAmB,EAClC,GAAQ,EAAe,CAAI,CACjC,MAAQ,CACF,GAAQ,EAAe,CAAC,CAC9B,CACF,GAAG,MACgB,CACjB,EAAS,EACX,CACF,EAAG,CAAC,CAAkB,CAAC,EAEvB,IAAM,GAAA,EAAA,EAAA,cACG,CAAE,qBAAoB,aAAY,GACzC,CAAC,EAAoB,CAAW,CAClC,EAEA,OACE,EAAA,EAAA,KAAC,EAA0B,SAA3B,CAA2C,QACxC,UACiC,CAAA,CAExC,CAOA,SAAgB,GAAwD,CAQtE,OAPM,EAAA,EAAA,YAAqB,CACtB,GACI,CACL,mBAAoB,SAA6B,EACjD,YAAa,CACf,CAGJ,6HE9CM,EAAwD,CAC5D,CACE,MAAO,OACP,MAAO,CACL,CAAE,KAAM,aAAc,KAAM,EAAA,SAAU,MAAO,KAAM,EACnD,CAAE,KAAM,SAAU,KAAM,EAAA,eAAgB,MAAO,MAAO,EACtD,CAAE,KAAM,QAAS,KAAM,EAAA,SAAU,MAAO,MAAO,EAC/C,CAAE,KAAM,MAAO,KAAM,EAAA,UAAW,MAAO,MAAO,CAChD,CACF,EACA,CACE,MAAO,QACP,MAAO,CACL,CAAE,KAAM,UAAW,KAAM,EAAA,WAAY,MAAO,IAAK,EACjD,CAAE,KAAM,eAAgB,KAAM,EAAA,qBAAsB,MAAO,MAAO,CACpE,CACF,EACA,CACE,MAAO,OACP,MAAO,CACL,CAAE,KAAM,aAAc,KAAM,EAAA,WAAY,MAAO,OAAQ,cAAe,EAAK,EAC3E,CAAE,KAAM,wBAAyB,KAAM,EAAA,SAAU,MAAO,OAAQ,cAAe,EAAK,EACpF,CAAE,KAAM,SAAU,KAAM,EAAA,SAAU,MAAO,OAAQ,cAAe,EAAK,CACvE,CACF,EACA,CACE,MAAO,OACP,MAAO,CACL,CAAE,KAAM,cAAe,KAAM,EAAA,WAAY,MAAO,OAAQ,cAAe,EAAK,EAC5E,CAAE,KAAM,eAAgB,KAAM,EAAA,SAAU,MAAO,OAAQ,cAAe,EAAK,EAC3E,CAAE,KAAM,qBAAsB,KAAM,EAAA,UAAW,MAAO,OAAQ,cAAe,EAAK,CACpF,CACF,CACF,EAuBA,SAAgB,EAAc,CAC5B,aACA,UAAU,mBACV,QAAQ,YACR,SAAS,GACa,CAAC,EAAiB,CACxC,IAAM,EAAS,EAAA,EAAiB,EAC1B,CAAE,UAAW,EAAA,EAAQ,EACrB,CAAE,eAAgB,EAAsB,EACxC,EAAiB,GAAc,EAAO,UAAY,GAClD,EAAU,EAAc,CAAM,EAC9B,EAAgB,EACnB,IAAK,IAAW,CACf,MAAO,EAAM,MACb,MAAO,EAAM,MAAM,OAAQ,GAAS,CAAC,EAAK,eAAiB,CAAO,CACpE,EAAE,EACD,OAAQ,GAAU,EAAM,MAAM,OAAS,CAAC,EAErC,EAAe,SAA2B,CAC9C,MAAA,EAAA,EAAA,WAAgB,EAChB,EAAO,QAAQ,QAAQ,CACzB,EAkDA,OAAO,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,oBAAA,GAAqB,SAAA,EA/CtC,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAsC,kBACpC,EAAA,EAAA,KAAC,MAAD,CAAK,IAAI,GAAG,UAAW,EAAO,KAAM,OAAQ,GAAI,IAAK,EAAS,MAAO,EAAK,CAAA,CAC1D,EAFI,QAEJ,EAClB,GAAG,EAAc,IAAK,IACpB,EAAA,EAAA,KAAC,EAAA,yBAAD,CAA4C,MAAO,EAAM,eACtD,EAAM,MAAM,IAAK,IAChB,EAAA,EAAA,KAAC,EAAA,iBAAD,CACE,OAAQ,EAAK,OAAS,EACtB,KAAM,EAAK,KACX,KAAM,EAAK,KAEX,MAAO,EAAK,KACb,EAFM,EAAK,IAEX,CACF,CACuB,EAVK,EAAM,KAUX,CAC3B,GACD,EAAA,EAAA,MAAC,EAAA,iBAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CACE,QAAS,CACP,CAAE,GAAI,wBAAyB,KAAM,MAAO,EAC5C,CAAE,GAAI,SAAU,KAAM,IAAK,CAC7B,EACA,SAAW,GAAiB,CAC1B,GAAI,EAAO,KAAO,wBAAyB,CACzC,EAAO,KAAK,yBAAyB,EACrC,MACF,CACI,EAAO,KAAO,UAChB,EAAkB,CAEtB,YAEA,EAAA,EAAA,KAAC,EAAD,CAAuB,CAAA,CACL,CAAA,GACpB,EAAA,EAAA,KAAC,EAAD,CAA+B,aAAc,CAAA,GAC7C,EAAA,EAAA,KAAC,EAAA,qBAAD,CACE,aAAW,KACX,KAAM,EAAA,WACN,YAAqB,CACnB,EAAkB,CACpB,EACA,MAAM,KACN,KAAK,QACN,CAAA,CACe,CAAA,EA5BI,QA4BJ,CAGoB,CAAqB,CAAA,CAC/D,CAEA,SAAS,EAAc,EAAuD,CAE5E,OADK,GAEF,EAAO,OAAS,CAAC,GAAG,SAAS,WAAW,IACxC,EAAO,aAAe,CAAC,GAAG,KAAM,GAC/B,CAAC,QAAS,YAAa,YAAa,aAAa,EAAE,SAAS,CAAC,CAC/D,EALkB,EAOtB,CAEA,SAAS,EAAiB,CACxB,eAGe,CACf,GAAM,CAAE,QAAS,EAAsB,EACvC,OACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAO,0BAAxB,EACE,EAAA,EAAA,KAAC,EAAA,qBAAD,CACE,aAAY,EAAc,EAAI,QAAQ,EAAY,MAAQ,OAC1D,KAAM,EAAA,uBACN,YAAqB,CACnB,EAAK,CACP,EACA,MAAM,OACN,KAAK,QACN,CAAA,EACA,EAAc,GACb,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAO,2BACrB,EAAc,GAAK,MAAQ,CACxB,CAAA,EACJ,IACA,GAEV,CAEA,SAAS,GAA4C,CACnD,GAAM,CAAE,UAAW,EAAA,EAAQ,EAE3B,OADK,GACE,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SAAG,EAAO,IAAO,CAAA,EADJ,IAEtB"}