@rytass/bpm-core-react 0.3.8 → 0.4.1

package/CHANGELOG.md

@@ -8,6 +8,160 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 Releases are managed by [`nx release`](https://nx.dev/recipes/nx-release) with
 Conventional Commits — see `nx.json` for the release config.
 
+## 0.4.1 — 2026-05-28
+
+### Fixed
+
+- **`<BPMNextProviders>` no longer breaks BPM views under Next.js 16 App
+  Router prerender.** Previous versions wrapped the provider body in
+  `<Suspense fallback={null}>` so that `useSearchParams()` could survive
+  the static prerender phase. In Next 16, `useSearchParams()` triggers a
+  client-side bailout at prerender time, the `<Suspense>` boundary then
+  rendered `null`, and `<RouterAdapterProvider>` — which lived **inside**
+  that boundary — vanished from the SSR/hydration tree. Every BPM view
+  that called `useRouterAdapter()` on mount then threw
+  `must be used inside <RouterAdapterProvider>` and Next.js surfaced the
+  global error overlay.
+
+  Fix: removed `useSearchParams()` from `BPMNextProviders` entirely. The
+  `searchParams()` method on the wired-up `RouterAdapter` now returns a
+  lazy snapshot from `defaultBrowserSearchParams()` (i.e.
+  `window.location.search` on the client, empty `URLSearchParams` on
+  the server). The `<Suspense>` wrapper is gone, so
+  `<RouterAdapterProvider>` always mounts immediately and is present in
+  every BPM view's ancestor chain throughout SSR and hydration.
+
+- **Error thrown by `useRouterAdapter()` outside a provider pointed at a
+  dead subpath.** The hint string referenced
+  `<NextRouterAdapterProvider>` from
+  `@rytass/bpm-core-react/pages/router-adapter` — neither the component
+  nor the subpath has ever existed in the published package. Replaced
+  with an accurate hint that names `<BPMNextProviders>` from
+  `@rytass/bpm-core-react/next` (Next.js hosts) and
+  `<RouterAdapterProvider>` (other hosts).
+
+### Trade-off
+
+- `RouterAdapter.searchParams()` is no longer reactive. Components that
+  read it inside a render body will see the URL at first mount but will
+  not re-render when the query string changes (without an accompanying
+  pathname change). None of the shipped BPM views consume this method,
+  so the change is API-compatible for the in-repo consumer. Hosts that
+  want reactive query-string state should call Next's
+  `useSearchParams()` directly in their page (wrapped in their own
+  `<Suspense>` per Next 16 conventions), not via the BPM
+  `RouterAdapter`.
+
+### Why a patch
+
+Bug fix only. Public API surface unchanged — same exports, same component
+shape, same prop types.
+
+## 0.4.0 — 2026-05-28
+
+### Breaking
+
+- **`<AppLayout>` removed from the public surface.** The 4-group
+  Mezzanine `<Layout>` + `<Navigation>` shell BPM used to ship is no
+  longer part of `@rytass/bpm-core-react`. Hosts are expected to own
+  their navigation chrome and mount BPM views inside their existing
+  sidebar / top bar. Together with `AppLayout`, the following exports
+  are gone: `AppLayout`, `AppLayoutProps`, `AppNavigationGroup`.
+- **Views no longer self-wrap.** Every view (`InboxView`, `FormsView`,
+  `TemplatesView`, `AdminOrgsView`, … 13 in total) used to render
+  `<AppLayout activeHref=…>…</AppLayout>` internally. They now return
+  the page content fragment (a `<PageHeader>` + `<SectionGroup>`
+  composition) so a host layout can wrap them. The `activeHref?` prop
+  on `TemplatesView` / `DelegationsView` / `TemplateDesignerView` /
+  `TemplateVersionsView` / `TemplateCategoriesView` / `AdminOrgsView` /
+  `AdminUsersView` / `AdminDelegationsView` /
+  `SettingsNotificationsView` is removed because it had no consumer
+  after the layout was lifted out.
+- **`DashboardPage` props simplified to `{}`** — `activeHref` removed
+  for the same reason. The component still renders the five-metric
+  workflow dashboard fragment unchanged.
+- **`ApprovalInstanceListPage` no longer accepts `activeHref`.** The
+  thin delegators (`SentView`, `CcView`, `SearchView`) drop the
+  hard-coded `activeHref` argument accordingly.
+
+### Added
+
+- **`<BPMNotificationBellButton />`** — drop-in notification bell for
+  host navigations. Opens the BPM `<NotificationDrawer />` (mounted by
+  `<Providers>`) on click and renders an unread-count badge from
+  `<NotificationUnreadProvider>`. Visual chrome uses Mezzanine
+  `NavigationIconButton`, but the button is decoupled from the
+  Mezzanine `<Navigation>` container — drop it anywhere in your nav.
+  Hosts that want a fully custom trigger can skip this widget and
+  consume `useNotificationDrawer().open` + `useNotificationUnread().unreadCount`
+  directly.
+- **`useBPMMember()` hook** — host-facing alias of `useAuth().member`.
+  Returns the currently authenticated `ApiMember | null` without
+  exposing the broader `useAuth()` surface.
+- **`useBPMLogout()` hook** — host-facing alias of `useAuth().logout`.
+  Returns `() => Promise<void>` that calls `logoutApi()` and redirects
+  to the configured `loginPath`. Mount on host logout buttons / menu
+  items so the host nav does not need to import `useAuth()` directly.
+
+### Removed
+
+- `AppLayout`, `AppLayoutProps`, `AppNavigationGroup` (see Breaking).
+- `components/app-navigation.tsx` and `components/app-navigation.module.scss`
+  are deleted from the lib source tree.
+
+### Why a minor (0.x semver)
+
+The library is still in `0.x` so breaking changes ride a minor bump per
+the project's release convention. The change targets a single consumer
+in the monorepo (`apps/client`) plus any external consumer wiring
+`@rytass/bpm-core-react` into their own host — both are expected to
+follow the migration recipe below.
+
+### Migration
+
+If your host re-exported page shims (`pages/<feature>`), you only need
+to add a layout wrapper:
+
+```diff
+  // app/layout.tsx
+  import { BPMNextProviders } from '@rytass/bpm-core-react/next';
++ import { MyHostLayout } from './_components/host-layout';
+
+  export default function RootLayout({ children }) {
+    return (
+      <html lang="zh-TW"><body>
+-       <BPMNextProviders>{children}</BPMNextProviders>
++       <BPMNextProviders>
++         <MyHostLayout>{children}</MyHostLayout>
++       </BPMNextProviders>
+      </body></html>
+    );
+  }
+```
+
+For a reference `MyHostLayout` that reproduces the legacy 4-group BPM
+nav using `useBPMRoutes` + `useBPMMember` + `useBPMLogout` +
+`<BPMNotificationBellButton />`, copy
+`apps/client/src/app/_components/host-layout.tsx` from the BPMCore
+repo. Adjust groups, branding, and which routes you expose to match
+your host.
+
+If your host imported `AppLayout` directly, swap to the same host
+layout pattern — `AppLayout` is no longer exported.
+
+### Documentation
+
+- README's `Usage` section rewritten around the new integration shape
+  (host owns the layout; BPM provides widgets).
+- New `docs/integration-guide.md` with a step-by-step host integration
+  walkthrough, the recommended 4-group nav structure (`我的工作` /
+  `查詢與代理` / `簽核設計` / `系統管理`), and notes on consuming the
+  widgets / hooks.
+- `docs/api-reference.md` updated to reflect the new root-barrel
+  surface (`useBPMMember`, `useBPMLogout`, `BPMNotificationBellButton`)
+  and the removal of `AppLayout` / `AppLayoutProps` /
+  `AppNavigationGroup`.
+
 ## 0.3.8 — 2026-05-28
 
 ### Fixed

package/README.md

@@ -6,7 +6,7 @@ This package composes [`@mezzanine-ui/react`](https://www.npmjs.com/package/@mez
 
 ## Status
 
-`0.3.7` — adds `BPMRoutesProvider` for host-controlled path remapping (0.3.2), forwards `loginPath` / `publicPaths` / `locale` on `BPMNextProviders` (0.3.3), 19 view subpaths + 19 Next.js page shims (`pages/<feature>`), `next` subpath barrel, and foundation root barrel. See `CHANGELOG.md` for the per-release history.
+`0.4.0` (breaking) — drops the bundled navigation shell. BPM views no longer wrap themselves in an `<AppLayout>` / Mezzanine `<Navigation>`; the host owns the layout chrome and mounts BPM views inside its own sidebar / top bar. New host-facing widgets ship in the root barrel: `useBPMMember`, `useBPMLogout`, `<BPMNotificationBellButton />`. See `CHANGELOG.md` for the migration walkthrough, and `docs/integration-guide.md` for a host integration recipe.
 
 ## Install
 
@@ -39,13 +39,78 @@ module.exports = {
 
 ## Usage
 
-### Drop-in Next.js page
+### Host integration shape
+
+BPM ships **page bodies, providers, and widgets** — never a full layout.
+The host wires its own `<Layout>` / `<Navigation>` (or its own design
+system equivalent), then drops BPM widgets and views into the slots:
+
+```tsx
+// app/layout.tsx
+import { BPMNextProviders } from '@rytass/bpm-core-react/next';
+import { MyHostLayout } from './host-layout';
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="zh-TW"><body>
+      <BPMNextProviders>
+        <MyHostLayout>{children}</MyHostLayout>
+      </BPMNextProviders>
+    </body></html>
+  );
+}
+```
+
+```tsx
+// app/host-layout.tsx
+'use client';
+import {
+  BPMNotificationBellButton,
+  useBPMLogout,
+  useBPMMember,
+  useBPMRoutes,
+  useRouterAdapter,
+} from '@rytass/bpm-core-react';
+
+export function MyHostLayout({ children }) {
+  const router = useRouterAdapter();
+  const routes = useBPMRoutes();
+  const member = useBPMMember();
+  const logout = useBPMLogout();
+  return (
+    <div className="grid grid-cols-[240px_1fr]">
+      <aside>
+        <h1>My Console</h1>
+        <ul>
+          <li><a href={routes.dashboard()}>工作台</a></li>
+          <li><a href={routes.inbox()}>我的待簽</a></li>
+          {/* …host's own nav items… */}
+        </ul>
+        <div className="flex items-center gap-2">
+          <span>{member?.name}</span>
+          <BPMNotificationBellButton />
+          <button onClick={() => logout()}>登出</button>
+        </div>
+      </aside>
+      <main>{children}</main>
+    </div>
+  );
+}
+```
+
+The page shims under `pages/*` are unchanged — they remain one-line
+`{ default, metadata }` re-exports and are mounted under the host
+layout exactly like any other Next.js page:
 
 ```tsx
-// app/login/page.tsx
-export { default, metadata } from '@rytass/bpm-core-react/pages/login';
+// app/inbox/page.tsx
+export { default, metadata } from '@rytass/bpm-core-react/pages/inbox';
 ```
 
+For an end-to-end reference layout (with the original 4-group BPM nav
+structure, admin-only filtering, and member display), see
+`apps/client/src/app/_components/host-layout.tsx` in the BPMCore repo.
+
 ### Framework-agnostic view
 
 ```tsx

package/dist/chunks/approval-instance-list-page-BF2r5D2-.js

@@ -0,0 +1,278 @@
+"use client";
+import { r as e } from "./router-adapter-DftlFTOd.js";
+import { t } from "./format-date-time-CB-LxzqT.js";
+import { r as n } from "./routes-config-dxahImVe.js";
+import { useCallback as r, useEffect as i, useMemo as a, useState as o } from "react";
+import { Filter as s, FilterArea as c, FilterLine as l, FormField as u, Input as d, PageHeader as f, Section as ee, SectionGroup as te, Select as ne, Table as p, Typography as m } from "@mezzanine-ui/react";
+import { resolveMembers as h } from "@rytass/bpm-core-client";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { listApprovalInstancesPage as y, readApprovalInstanceCaseTitle as b } from "@rytass/bpm-core-client/workflow";
+import x from "@mezzanine-ui/react/ContentHeader";
+import { FormFieldLayout as S } from "@mezzanine-ui/core/form";
+import '../approval-instance-list-page.css';var C = { instanceFilterArea: "bpm_instanceFilterArea_qpvJq" }, w = [
+	10,
+	20,
+	50
+], T = [
+	{
+		id: "ALL",
+		name: "全部狀態",
+		state: null
+	},
+	{
+		id: "RUNNING",
+		name: "進行中",
+		state: "RUNNING"
+	},
+	{
+		id: "APPROVED",
+		name: "已通過",
+		state: "APPROVED"
+	},
+	{
+		id: "REJECTED",
+		name: "已拒絕",
+		state: "REJECTED"
+	},
+	{
+		id: "RETURNED",
+		name: "已退回",
+		state: "RETURNED"
+	},
+	{
+		id: "CANCELLED",
+		name: "已取消",
+		state: "CANCELLED"
+	},
+	{
+		id: "EXPIRED",
+		name: "已逾期",
+		state: "EXPIRED"
+	},
+	{
+		id: "DRAFT",
+		name: "草稿",
+		state: "DRAFT"
+	}
+];
+function E({ defaultState: b, description: E, emptyMessage: O, searchPlaceholder: k, title: N, view: P }) {
+	let F = e(), I = n(), [L, R] = o(null), [z, B] = o(/* @__PURE__ */ new Map()), [V, H] = o(1), [U, W] = o(10), [G, K] = o(0), [q, J] = o(!0), [Y, oe] = o([]), [X, se] = o(""), [Z, Q] = o(D(b)), $ = r(async () => {
+		J(!0), R(null);
+		try {
+			let e = await y({
+				page: V,
+				pageSize: U,
+				searchText: X,
+				state: Z.state,
+				templateId: null,
+				view: P
+			});
+			oe(e.instances.map(re)), K(e.totalCount);
+		} catch (e) {
+			R(M(e));
+		} finally {
+			J(!1);
+		}
+	}, [
+		V,
+		U,
+		X,
+		Z,
+		P
+	]);
+	i(() => {
+		$();
+	}, [$]), i(() => {
+		let e = Array.from(new Set(Y.map((e) => e.initiatorMemberId).filter(Boolean)));
+		if (e.length === 0) {
+			B(/* @__PURE__ */ new Map());
+			return;
+		}
+		let t = !1;
+		return (async () => {
+			try {
+				let n = await h(e);
+				if (t) return;
+				B(new Map(n.map((e) => [e.memberId, e])));
+			} catch {
+				if (t) return;
+				B(/* @__PURE__ */ new Map());
+			}
+		})(), () => {
+			t = !0;
+		};
+	}, [Y]);
+	let ce = a(() => [
+		{
+			dataIndex: "caseTitle",
+			key: "caseTitle",
+			title: "案件",
+			width: 300
+		},
+		{
+			key: "state",
+			render: (e) => /* @__PURE__ */ _(m, {
+				color: A(e.state),
+				component: "span",
+				variant: "body",
+				children: e.stateLabel
+			}),
+			title: "狀態",
+			width: 120
+		},
+		{
+			key: "initiatorMemberId",
+			render: (e) => /* @__PURE__ */ _(m, {
+				component: "span",
+				variant: "body",
+				children: j(e.initiatorMemberId, z)
+			}),
+			title: "發起人",
+			width: 180
+		},
+		{
+			key: "startedAt",
+			render: (e) => /* @__PURE__ */ _(m, {
+				component: "span",
+				variant: "body",
+				children: t(e.startedAt)
+			}),
+			title: "發起時間",
+			width: 220
+		},
+		{
+			key: "completedAt",
+			render: (e) => /* @__PURE__ */ _(m, {
+				component: "span",
+				variant: "body",
+				children: t(e.completedAt)
+			}),
+			title: "完成時間",
+			width: 220
+		}
+	], [z]), le = a(() => ({
+		render: (e) => [{
+			name: "查看",
+			onClick: () => F.push(I.caseDetail(e.id))
+		}],
+		variant: "base-secondary",
+		width: 88
+	}), [F]);
+	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(f, { children: /* @__PURE__ */ _(x, {
+		description: E,
+		title: N
+	}) }), /* @__PURE__ */ _(te, { children: /* @__PURE__ */ v(ee, {
+		filterArea: /* @__PURE__ */ _(c, {
+			className: C.instanceFilterArea,
+			size: "sub",
+			children: /* @__PURE__ */ v(l, { children: [/* @__PURE__ */ _(s, {
+				span: 3,
+				children: /* @__PURE__ */ _(u, {
+					fullWidth: !0,
+					layout: S.VERTICAL,
+					name: "instanceSearchText",
+					children: /* @__PURE__ */ _(d, {
+						fullWidth: !0,
+						onChange: (e) => {
+							se(e.target.value), H(1);
+						},
+						placeholder: k,
+						size: "sub",
+						value: X,
+						variant: "base"
+					})
+				})
+			}), /* @__PURE__ */ _(s, {
+				span: 2,
+				children: /* @__PURE__ */ _(u, {
+					fullWidth: !0,
+					layout: S.VERTICAL,
+					name: "instanceState",
+					children: /* @__PURE__ */ _(ne, {
+						clearable: !1,
+						fullWidth: !0,
+						onChange: (e) => {
+							Q(ie(e)), H(1);
+						},
+						options: [...T],
+						placeholder: "狀態",
+						renderValue: (e) => `狀態：${ae(e)}`,
+						size: "sub",
+						value: Z
+					})
+				})
+			})] })
+		}),
+		children: [
+			L ? /* @__PURE__ */ _(m, {
+				color: "text-error",
+				variant: "body",
+				children: L
+			}) : null,
+			!L && !q && Y.length === 0 ? /* @__PURE__ */ _(m, {
+				color: "text-neutral",
+				variant: "body",
+				children: O
+			}) : null,
+			/* @__PURE__ */ _(p, {
+				actions: le,
+				columns: ce,
+				dataSource: [...Y],
+				fullWidth: !0,
+				loading: q,
+				pagination: {
+					current: V,
+					onChange: (e) => {
+						H(e);
+					},
+					onChangePageSize: (e) => {
+						H(1), W(e);
+					},
+					pageSize: U,
+					pageSizeLabel: "每頁筆數",
+					pageSizeOptions: w,
+					renderResultSummary: (e, t, n) => `顯示 ${e}-${t} 筆，共 ${n} 筆`,
+					showPageSizeOptions: !0,
+					total: G
+				}
+			})
+		]
+	}) })] });
+}
+function re(e) {
+	return {
+		...e,
+		caseTitle: b(e),
+		key: e.id,
+		stateLabel: k(e.state)
+	};
+}
+function ie(e) {
+	return O(e) ? D(e.state) : T[0];
+}
+function D(e) {
+	return T.find((t) => t.state === e) ?? T[0];
+}
+function ae(e) {
+	return O(e) ? e.name : T[0].name;
+}
+function O(e) {
+	return typeof e == "object" && !!e && "id" in e && "name" in e && "state" in e;
+}
+function k(e) {
+	return e === "RUNNING" ? "進行中" : e === "APPROVED" ? "已通過" : e === "REJECTED" ? "已拒絕" : e === "RETURNED" ? "已退回" : e === "CANCELLED" ? "已取消" : e === "EXPIRED" ? "已逾期" : "草稿";
+}
+function A(e) {
+	return e === "APPROVED" ? "text-success" : e === "REJECTED" || e === "CANCELLED" || e === "EXPIRED" ? "text-error" : "text-neutral";
+}
+function j(e, t) {
+	let n = (e ?? "").trim();
+	return n ? t.get(n)?.name ?? n : "未知發起人";
+}
+function M(e) {
+	return e instanceof Error ? e.message : "讀取簽核案件失敗。";
+}
+//#endregion
+export { E as t };
+
+//# sourceMappingURL=approval-instance-list-page-BF2r5D2-.js.map

package/dist/chunks/approval-instance-list-page-BF2r5D2-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-instance-list-page-BF2r5D2-.js","names":[],"sources":["../../src/components/approval-instance-list-page.module.scss","../../src/components/approval-instance-list-page.tsx"],"sourcesContent":[".instanceFilterArea {\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n}\n","'use client';\n\nimport type { ChangeEvent, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Select,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { resolveMembers, type MemberProfileRecord } from '@rytass/bpm-core-client';\nimport {\n  listApprovalInstancesPage,\n  readApprovalInstanceCaseTitle,\n  type ApprovalInstanceRecord,\n  type ApprovalInstanceState,\n  type ApprovalInstanceView,\n} from '@rytass/bpm-core-client/workflow';\nimport { useRouterAdapter } from '../lib/router-adapter';\nimport { useBPMRoutes } from '../lib/routes-config';\nimport { formatDateTime } from '../lib/format-date-time';\nimport styles from './approval-instance-list-page.module.scss';\n\nexport interface ApprovalInstanceListPageProps {\n  readonly defaultState: ApprovalInstanceState | null;\n  readonly description: string;\n  readonly emptyMessage: string;\n  readonly searchPlaceholder: string;\n  readonly title: string;\n  readonly view: ApprovalInstanceView;\n}\n\ntype StateFilterOption = Readonly<{\n  id: 'ALL' | ApprovalInstanceState;\n  name: string;\n  state: ApprovalInstanceState | null;\n}>;\n\ntype ApprovalInstanceRow = Readonly<\n  Record<string, unknown> &\n    ApprovalInstanceRecord & {\n      caseTitle: string;\n      key: string;\n      stateLabel: string;\n    }\n>;\n\nconst INSTANCE_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst STATE_FILTER_OPTIONS: readonly StateFilterOption[] = [\n  { id: 'ALL', name: '全部狀態', state: null },\n  { id: 'RUNNING', name: '進行中', state: 'RUNNING' },\n  { id: 'APPROVED', name: '已通過', state: 'APPROVED' },\n  { id: 'REJECTED', name: '已拒絕', state: 'REJECTED' },\n  { id: 'RETURNED', name: '已退回', state: 'RETURNED' },\n  { id: 'CANCELLED', name: '已取消', state: 'CANCELLED' },\n  { id: 'EXPIRED', name: '已逾期', state: 'EXPIRED' },\n  { id: 'DRAFT', name: '草稿', state: 'DRAFT' },\n];\n\n/**\n * Shared list page for any approval-instance \"view\" (inbox / sent / cc /\n * delegated). Caller picks the view + default state filter; the page renders\n * the standard BPM filter bar + paginated table and navigates to\n * `/instances/:id` on row action.\n */\nexport function ApprovalInstanceListPage({\n  defaultState,\n  description,\n  emptyMessage,\n  searchPlaceholder,\n  title,\n  view,\n}: ApprovalInstanceListPageProps): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const [error, setError] = useState<string | null>(null);\n  const [initiatorProfilesById, setInitiatorProfilesById] = useState<\n    ReadonlyMap<string, MemberProfileRecord>\n  >(new Map());\n  const [instancePage, setInstancePage] = useState(1);\n  const [instancePageSize, setInstancePageSize] = useState(10);\n  const [instanceTotalCount, setInstanceTotalCount] = useState(0);\n  const [loading, setLoading] = useState(true);\n  const [rows, setRows] = useState<readonly ApprovalInstanceRow[]>([]);\n  const [searchText, setSearchText] = useState('');\n  const [stateFilter, setStateFilter] = useState<StateFilterOption>(\n    readStateFilterOption(defaultState),\n  );\n\n  const refreshInstances = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await listApprovalInstancesPage({\n        page: instancePage,\n        pageSize: instancePageSize,\n        searchText,\n        state: stateFilter.state,\n        templateId: null,\n        view,\n      });\n\n      setRows(result.instances.map(readApprovalInstanceRow));\n      setInstanceTotalCount(result.totalCount);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [instancePage, instancePageSize, searchText, stateFilter, view]);\n\n  useEffect((): void => {\n    void refreshInstances();\n  }, [refreshInstances]);\n\n  useEffect((): (() => void) | void => {\n    const initiatorMemberIds = Array.from(\n      new Set(rows.map((row) => row.initiatorMemberId).filter(Boolean)),\n    );\n\n    if (initiatorMemberIds.length === 0) {\n      setInitiatorProfilesById(new Map());\n\n      return;\n    }\n\n    let cancelled = false;\n\n    void (async (): Promise<void> => {\n      try {\n        const profiles = await resolveMembers(initiatorMemberIds);\n\n        if (cancelled) {\n          return;\n        }\n\n        setInitiatorProfilesById(\n          new Map(profiles.map((profile) => [profile.memberId, profile])),\n        );\n      } catch {\n        if (cancelled) {\n          return;\n        }\n\n        setInitiatorProfilesById(new Map());\n      }\n    })();\n\n    return (): void => {\n      cancelled = true;\n    };\n  }, [rows]);\n\n  const columns = useMemo(\n    (): TableColumn<ApprovalInstanceRow>[] => [\n      { dataIndex: 'caseTitle', key: 'caseTitle', title: '案件', width: 300 },\n      {\n        key: 'state',\n        render: (record: ApprovalInstanceRow): ReactElement => (\n          <Typography\n            color={readInstanceStateColor(record.state)}\n            component=\"span\"\n            variant=\"body\"\n          >\n            {record.stateLabel}\n          </Typography>\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'initiatorMemberId',\n        render: (record: ApprovalInstanceRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {readInitiatorLabel(\n              record.initiatorMemberId,\n              initiatorProfilesById,\n            )}\n          </Typography>\n        ),\n        title: '發起人',\n        width: 180,\n      },\n      {\n        key: 'startedAt',\n        render: (record: ApprovalInstanceRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatDateTime(record.startedAt)}\n          </Typography>\n        ),\n        title: '發起時間',\n        width: 220,\n      },\n      {\n        key: 'completedAt',\n        render: (record: ApprovalInstanceRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatDateTime(record.completedAt)}\n          </Typography>\n        ),\n        title: '完成時間',\n        width: 220,\n      },\n    ],\n    [initiatorProfilesById],\n  );\n  const tableActions = useMemo(\n    (): TableActions<ApprovalInstanceRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<ApprovalInstanceRow>['render']> => [\n        {\n          name: '查看',\n          onClick: (): void => router.push(routes.caseDetail(record.id)),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n\n  return (\n    <>\n      <PageHeader>\n        <ContentHeader description={description} title={title} />\n      </PageHeader>\n\n      <SectionGroup>\n        <Section\n          filterArea={\n            <FilterArea className={styles.instanceFilterArea} size=\"sub\">\n              <FilterLine>\n                <Filter span={3}>\n                  <FormField\n                    fullWidth\n                    layout={FormFieldLayout.VERTICAL}\n                    name=\"instanceSearchText\"\n                  >\n                    <Input\n                      fullWidth\n                      onChange={(\n                        event: ChangeEvent<HTMLInputElement>,\n                      ): void => {\n                        setSearchText(event.target.value);\n                        setInstancePage(1);\n                      }}\n                      placeholder={searchPlaceholder}\n                      size=\"sub\"\n                      value={searchText}\n                      variant=\"base\"\n                    />\n                  </FormField>\n                </Filter>\n                <Filter span={2}>\n                  <FormField\n                    fullWidth\n                    layout={FormFieldLayout.VERTICAL}\n                    name=\"instanceState\"\n                  >\n                    <Select\n                      clearable={false}\n                      fullWidth\n                      onChange={(option): void => {\n                        setStateFilter(readSelectedStateFilterOption(option));\n                        setInstancePage(1);\n                      }}\n                      options={[...STATE_FILTER_OPTIONS]}\n                      placeholder=\"狀態\"\n                      renderValue={(value): string =>\n                        `狀態：${readStateFilterLabel(value)}`\n                      }\n                      size=\"sub\"\n                      value={stateFilter}\n                    />\n                  </FormField>\n                </Filter>\n              </FilterLine>\n            </FilterArea>\n          }\n        >\n          {error ? (\n            <Typography color=\"text-error\" variant=\"body\">\n              {error}\n            </Typography>\n          ) : null}\n          {!error && !loading && rows.length === 0 ? (\n            <Typography color=\"text-neutral\" variant=\"body\">\n              {emptyMessage}\n            </Typography>\n          ) : null}\n          <Table\n            actions={tableActions}\n            columns={columns}\n            dataSource={[...rows]}\n            fullWidth\n            loading={loading}\n            pagination={{\n              current: instancePage,\n              onChange: (page): void => {\n                setInstancePage(page);\n              },\n              onChangePageSize: (pageSize): void => {\n                setInstancePage(1);\n                setInstancePageSize(pageSize);\n              },\n              pageSize: instancePageSize,\n              pageSizeLabel: '每頁筆數',\n              pageSizeOptions: INSTANCE_PAGE_SIZE_OPTIONS,\n              renderResultSummary: (from, to, total): string =>\n                `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n              showPageSizeOptions: true,\n              total: instanceTotalCount,\n            }}\n          />\n        </Section>\n      </SectionGroup>\n    </>\n  );\n}\n\nfunction readApprovalInstanceRow(\n  instance: ApprovalInstanceRecord,\n): ApprovalInstanceRow {\n  return {\n    ...instance,\n    caseTitle: readApprovalInstanceCaseTitle(instance),\n    key: instance.id,\n    stateLabel: readInstanceStateLabel(instance.state),\n  };\n}\n\nfunction readSelectedStateFilterOption(option: unknown): StateFilterOption {\n  if (!isStateFilterOption(option)) {\n    return STATE_FILTER_OPTIONS[0];\n  }\n  return readStateFilterOption(option.state);\n}\n\nfunction readStateFilterOption(\n  state: ApprovalInstanceState | null,\n): StateFilterOption {\n  return (\n    STATE_FILTER_OPTIONS.find((option) => option.state === state) ??\n    STATE_FILTER_OPTIONS[0]\n  );\n}\n\nfunction readStateFilterLabel(value: unknown): string {\n  return isStateFilterOption(value) ? value.name : STATE_FILTER_OPTIONS[0].name;\n}\n\nfunction isStateFilterOption(value: unknown): value is StateFilterOption {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'id' in value &&\n    'name' in value &&\n    'state' in value\n  );\n}\n\nfunction readInstanceStateLabel(state: ApprovalInstanceState): string {\n  if (state === 'RUNNING') return '進行中';\n  if (state === 'APPROVED') return '已通過';\n  if (state === 'REJECTED') return '已拒絕';\n  if (state === 'RETURNED') return '已退回';\n  if (state === 'CANCELLED') return '已取消';\n  if (state === 'EXPIRED') return '已逾期';\n  return '草稿';\n}\n\nfunction readInstanceStateColor(\n  state: ApprovalInstanceState,\n): 'text-error' | 'text-neutral' | 'text-success' {\n  if (state === 'APPROVED') return 'text-success';\n  if (state === 'REJECTED' || state === 'CANCELLED' || state === 'EXPIRED') {\n    return 'text-error';\n  }\n  return 'text-neutral';\n}\n\nfunction readInitiatorLabel(\n  initiatorMemberId: string | null | undefined,\n  initiatorProfilesById: ReadonlyMap<string, MemberProfileRecord>,\n): string {\n  const trimmedMemberId = (initiatorMemberId ?? '').trim();\n  if (!trimmedMemberId) return '未知發起人';\n  return initiatorProfilesById.get(trimmedMemberId)?.name ?? trimmedMemberId;\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '讀取簽核案件失敗。';\n}\n"],"mappings":"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"}

package/dist/chunks/approval-instance-list-page-C5ZKPHdA.cjs

@@ -0,0 +1,2 @@
+"use client";require('../approval-instance-list-page.css');const e=require("./chunk-CMqjfN_6.cjs"),t=require("./router-adapter--gYs13E8.cjs"),n=require("./format-date-time-XxBzF0F5.cjs"),r=require("./routes-config-2aKbWq2H.cjs");let i=require("react"),a=require("@mezzanine-ui/react"),o=require("@rytass/bpm-core-client"),s=require("react/jsx-runtime"),c=require("@rytass/bpm-core-client/workflow"),l=require("@mezzanine-ui/react/ContentHeader");l=e.t(l,1);let u=require("@mezzanine-ui/core/form");var d={instanceFilterArea:`bpm_instanceFilterArea_qpvJq`},f=[10,20,50],p=[{id:`ALL`,name:`全部狀態`,state:null},{id:`RUNNING`,name:`進行中`,state:`RUNNING`},{id:`APPROVED`,name:`已通過`,state:`APPROVED`},{id:`REJECTED`,name:`已拒絕`,state:`REJECTED`},{id:`RETURNED`,name:`已退回`,state:`RETURNED`},{id:`CANCELLED`,name:`已取消`,state:`CANCELLED`},{id:`EXPIRED`,name:`已逾期`,state:`EXPIRED`},{id:`DRAFT`,name:`草稿`,state:`DRAFT`}];function m({defaultState:e,description:m,emptyMessage:y,searchPlaceholder:b,title:w,view:T}){let E=t.r(),D=r.r(),[O,k]=(0,i.useState)(null),[A,j]=(0,i.useState)(new Map),[M,N]=(0,i.useState)(1),[P,F]=(0,i.useState)(10),[I,L]=(0,i.useState)(0),[R,z]=(0,i.useState)(!0),[B,V]=(0,i.useState)([]),[H,U]=(0,i.useState)(``),[W,G]=(0,i.useState)(_(e)),K=(0,i.useCallback)(async()=>{z(!0),k(null);try{let e=await(0,c.listApprovalInstancesPage)({page:M,pageSize:P,searchText:H,state:W.state,templateId:null,view:T});V(e.instances.map(h)),L(e.totalCount)}catch(e){k(C(e))}finally{z(!1)}},[M,P,H,W,T]);(0,i.useEffect)(()=>{K()},[K]),(0,i.useEffect)(()=>{let e=Array.from(new Set(B.map(e=>e.initiatorMemberId).filter(Boolean)));if(e.length===0){j(new Map);return}let t=!1;return(async()=>{try{let n=await(0,o.resolveMembers)(e);if(t)return;j(new Map(n.map(e=>[e.memberId,e])))}catch{if(t)return;j(new Map)}})(),()=>{t=!0}},[B]);let q=(0,i.useMemo)(()=>[{dataIndex:`caseTitle`,key:`caseTitle`,title:`案件`,width:300},{key:`state`,render:e=>(0,s.jsx)(a.Typography,{color:x(e.state),component:`span`,variant:`body`,children:e.stateLabel}),title:`狀態`,width:120},{key:`initiatorMemberId`,render:e=>(0,s.jsx)(a.Typography,{component:`span`,variant:`body`,children:S(e.initiatorMemberId,A)}),title:`發起人`,width:180},{key:`startedAt`,render:e=>(0,s.jsx)(a.Typography,{component:`span`,variant:`body`,children:n.t(e.startedAt)}),title:`發起時間`,width:220},{key:`completedAt`,render:e=>(0,s.jsx)(a.Typography,{component:`span`,variant:`body`,children:n.t(e.completedAt)}),title:`完成時間`,width:220}],[A]),J=(0,i.useMemo)(()=>({render:e=>[{name:`查看`,onClick:()=>E.push(D.caseDetail(e.id))}],variant:`base-secondary`,width:88}),[E]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.PageHeader,{children:(0,s.jsx)(l.default,{description:m,title:w})}),(0,s.jsx)(a.SectionGroup,{children:(0,s.jsxs)(a.Section,{filterArea:(0,s.jsx)(a.FilterArea,{className:d.instanceFilterArea,size:`sub`,children:(0,s.jsxs)(a.FilterLine,{children:[(0,s.jsx)(a.Filter,{span:3,children:(0,s.jsx)(a.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`instanceSearchText`,children:(0,s.jsx)(a.Input,{fullWidth:!0,onChange:e=>{U(e.target.value),N(1)},placeholder:b,size:`sub`,value:H,variant:`base`})})}),(0,s.jsx)(a.Filter,{span:2,children:(0,s.jsx)(a.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`instanceState`,children:(0,s.jsx)(a.Select,{clearable:!1,fullWidth:!0,onChange:e=>{G(g(e)),N(1)},options:[...p],placeholder:`狀態`,renderValue:e=>`狀態：${v(e)}`,size:`sub`,value:W})})})]})}),children:[O?(0,s.jsx)(a.Typography,{color:`text-error`,variant:`body`,children:O}):null,!O&&!R&&B.length===0?(0,s.jsx)(a.Typography,{color:`text-neutral`,variant:`body`,children:y}):null,(0,s.jsx)(a.Table,{actions:J,columns:q,dataSource:[...B],fullWidth:!0,loading:R,pagination:{current:M,onChange:e=>{N(e)},onChangePageSize:e=>{N(1),F(e)},pageSize:P,pageSizeLabel:`每頁筆數`,pageSizeOptions:f,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:I}})]})})]})}function h(e){return{...e,caseTitle:(0,c.readApprovalInstanceCaseTitle)(e),key:e.id,stateLabel:b(e.state)}}function g(e){return y(e)?_(e.state):p[0]}function _(e){return p.find(t=>t.state===e)??p[0]}function v(e){return y(e)?e.name:p[0].name}function y(e){return typeof e==`object`&&!!e&&`id`in e&&`name`in e&&`state`in e}function b(e){return e===`RUNNING`?`進行中`:e===`APPROVED`?`已通過`:e===`REJECTED`?`已拒絕`:e===`RETURNED`?`已退回`:e===`CANCELLED`?`已取消`:e===`EXPIRED`?`已逾期`:`草稿`}function x(e){return e===`APPROVED`?`text-success`:e===`REJECTED`||e===`CANCELLED`||e===`EXPIRED`?`text-error`:`text-neutral`}function S(e,t){let n=(e??``).trim();return n?t.get(n)?.name??n:`未知發起人`}function C(e){return e instanceof Error?e.message:`讀取簽核案件失敗。`}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});
+//# sourceMappingURL=approval-instance-list-page-C5ZKPHdA.cjs.map

package/dist/chunks/approval-instance-list-page-C5ZKPHdA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-instance-list-page-C5ZKPHdA.cjs","names":[],"sources":["../../src/components/approval-instance-list-page.module.scss","../../src/components/approval-instance-list-page.tsx"],"sourcesContent":[".instanceFilterArea {\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n}\n","'use client';\n\nimport type { ChangeEvent, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Select,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { resolveMembers, type MemberProfileRecord } from '@rytass/bpm-core-client';\nimport {\n  listApprovalInstancesPage,\n  readApprovalInstanceCaseTitle,\n  type ApprovalInstanceRecord,\n  type ApprovalInstanceState,\n  type ApprovalInstanceView,\n} from '@rytass/bpm-core-client/workflow';\nimport { useRouterAdapter } from '../lib/router-adapter';\nimport { useBPMRoutes } from '../lib/routes-config';\nimport { formatDateTime } from '../lib/format-date-time';\nimport styles from './approval-instance-list-page.module.scss';\n\nexport interface ApprovalInstanceListPageProps {\n  readonly defaultState: ApprovalInstanceState | null;\n  readonly description: string;\n  readonly emptyMessage: string;\n  readonly searchPlaceholder: string;\n  readonly title: string;\n  readonly view: ApprovalInstanceView;\n}\n\ntype StateFilterOption = Readonly<{\n  id: 'ALL' | ApprovalInstanceState;\n  name: string;\n  state: ApprovalInstanceState | null;\n}>;\n\ntype ApprovalInstanceRow = Readonly<\n  Record<string, unknown> &\n    ApprovalInstanceRecord & {\n      caseTitle: string;\n      key: string;\n      stateLabel: string;\n    }\n>;\n\nconst INSTANCE_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst STATE_FILTER_OPTIONS: readonly StateFilterOption[] = [\n  { id: 'ALL', name: '全部狀態', state: null },\n  { id: 'RUNNING', name: '進行中', state: 'RUNNING' },\n  { id: 'APPROVED', name: '已通過', state: 'APPROVED' },\n  { id: 'REJECTED', name: '已拒絕', state: 'REJECTED' },\n  { id: 'RETURNED', name: '已退回', state: 'RETURNED' },\n  { id: 'CANCELLED', name: '已取消', state: 'CANCELLED' },\n  { id: 'EXPIRED', name: '已逾期', state: 'EXPIRED' },\n  { id: 'DRAFT', name: '草稿', state: 'DRAFT' },\n];\n\n/**\n * Shared list page for any approval-instance \"view\" (inbox / sent / cc /\n * delegated). Caller picks the view + default state filter; the page renders\n * the standard BPM filter bar + paginated table and navigates to\n * `/instances/:id` on row action.\n */\nexport function ApprovalInstanceListPage({\n  defaultState,\n  description,\n  emptyMessage,\n  searchPlaceholder,\n  title,\n  view,\n}: ApprovalInstanceListPageProps): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const [error, setError] = useState<string | null>(null);\n  const [initiatorProfilesById, setInitiatorProfilesById] = useState<\n    ReadonlyMap<string, MemberProfileRecord>\n  >(new Map());\n  const [instancePage, setInstancePage] = useState(1);\n  const [instancePageSize, setInstancePageSize] = useState(10);\n  const [instanceTotalCount, setInstanceTotalCount] = useState(0);\n  const [loading, setLoading] = useState(true);\n  const [rows, setRows] = useState<readonly ApprovalInstanceRow[]>([]);\n  const [searchText, setSearchText] = useState('');\n  const [stateFilter, setStateFilter] = useState<StateFilterOption>(\n    readStateFilterOption(defaultState),\n  );\n\n  const refreshInstances = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await listApprovalInstancesPage({\n        page: instancePage,\n        pageSize: instancePageSize,\n        searchText,\n        state: stateFilter.state,\n        templateId: null,\n        view,\n      });\n\n      setRows(result.instances.map(readApprovalInstanceRow));\n      setInstanceTotalCount(result.totalCount);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [instancePage, instancePageSize, searchText, stateFilter, view]);\n\n  useEffect((): void => {\n    void refreshInstances();\n  }, [refreshInstances]);\n\n  useEffect((): (() => void) | void => {\n    const initiatorMemberIds = Array.from(\n      new Set(rows.map((row) => row.initiatorMemberId).filter(Boolean)),\n    );\n\n    if (initiatorMemberIds.length === 0) {\n      setInitiatorProfilesById(new Map());\n\n      return;\n    }\n\n    let cancelled = false;\n\n    void (async (): Promise<void> => {\n      try {\n        const profiles = await resolveMembers(initiatorMemberIds);\n\n        if (cancelled) {\n          return;\n        }\n\n        setInitiatorProfilesById(\n          new Map(profiles.map((profile) => [profile.memberId, profile])),\n        );\n      } catch {\n        if (cancelled) {\n          return;\n        }\n\n        setInitiatorProfilesById(new Map());\n      }\n    })();\n\n    return (): void => {\n      cancelled = true;\n    };\n  }, [rows]);\n\n  const columns = useMemo(\n    (): TableColumn<ApprovalInstanceRow>[] => [\n      { dataIndex: 'caseTitle', key: 'caseTitle', title: '案件', width: 300 },\n      {\n        key: 'state',\n        render: (record: ApprovalInstanceRow): ReactElement => (\n          <Typography\n            color={readInstanceStateColor(record.state)}\n            component=\"span\"\n            variant=\"body\"\n          >\n            {record.stateLabel}\n          </Typography>\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'initiatorMemberId',\n        render: (record: ApprovalInstanceRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {readInitiatorLabel(\n              record.initiatorMemberId,\n              initiatorProfilesById,\n            )}\n          </Typography>\n        ),\n        title: '發起人',\n        width: 180,\n      },\n      {\n        key: 'startedAt',\n        render: (record: ApprovalInstanceRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatDateTime(record.startedAt)}\n          </Typography>\n        ),\n        title: '發起時間',\n        width: 220,\n      },\n      {\n        key: 'completedAt',\n        render: (record: ApprovalInstanceRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatDateTime(record.completedAt)}\n          </Typography>\n        ),\n        title: '完成時間',\n        width: 220,\n      },\n    ],\n    [initiatorProfilesById],\n  );\n  const tableActions = useMemo(\n    (): TableActions<ApprovalInstanceRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<ApprovalInstanceRow>['render']> => [\n        {\n          name: '查看',\n          onClick: (): void => router.push(routes.caseDetail(record.id)),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n\n  return (\n    <>\n      <PageHeader>\n        <ContentHeader description={description} title={title} />\n      </PageHeader>\n\n      <SectionGroup>\n        <Section\n          filterArea={\n            <FilterArea className={styles.instanceFilterArea} size=\"sub\">\n              <FilterLine>\n                <Filter span={3}>\n                  <FormField\n                    fullWidth\n                    layout={FormFieldLayout.VERTICAL}\n                    name=\"instanceSearchText\"\n                  >\n                    <Input\n                      fullWidth\n                      onChange={(\n                        event: ChangeEvent<HTMLInputElement>,\n                      ): void => {\n                        setSearchText(event.target.value);\n                        setInstancePage(1);\n                      }}\n                      placeholder={searchPlaceholder}\n                      size=\"sub\"\n                      value={searchText}\n                      variant=\"base\"\n                    />\n                  </FormField>\n                </Filter>\n                <Filter span={2}>\n                  <FormField\n                    fullWidth\n                    layout={FormFieldLayout.VERTICAL}\n                    name=\"instanceState\"\n                  >\n                    <Select\n                      clearable={false}\n                      fullWidth\n                      onChange={(option): void => {\n                        setStateFilter(readSelectedStateFilterOption(option));\n                        setInstancePage(1);\n                      }}\n                      options={[...STATE_FILTER_OPTIONS]}\n                      placeholder=\"狀態\"\n                      renderValue={(value): string =>\n                        `狀態：${readStateFilterLabel(value)}`\n                      }\n                      size=\"sub\"\n                      value={stateFilter}\n                    />\n                  </FormField>\n                </Filter>\n              </FilterLine>\n            </FilterArea>\n          }\n        >\n          {error ? (\n            <Typography color=\"text-error\" variant=\"body\">\n              {error}\n            </Typography>\n          ) : null}\n          {!error && !loading && rows.length === 0 ? (\n            <Typography color=\"text-neutral\" variant=\"body\">\n              {emptyMessage}\n            </Typography>\n          ) : null}\n          <Table\n            actions={tableActions}\n            columns={columns}\n            dataSource={[...rows]}\n            fullWidth\n            loading={loading}\n            pagination={{\n              current: instancePage,\n              onChange: (page): void => {\n                setInstancePage(page);\n              },\n              onChangePageSize: (pageSize): void => {\n                setInstancePage(1);\n                setInstancePageSize(pageSize);\n              },\n              pageSize: instancePageSize,\n              pageSizeLabel: '每頁筆數',\n              pageSizeOptions: INSTANCE_PAGE_SIZE_OPTIONS,\n              renderResultSummary: (from, to, total): string =>\n                `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n              showPageSizeOptions: true,\n              total: instanceTotalCount,\n            }}\n          />\n        </Section>\n      </SectionGroup>\n    </>\n  );\n}\n\nfunction readApprovalInstanceRow(\n  instance: ApprovalInstanceRecord,\n): ApprovalInstanceRow {\n  return {\n    ...instance,\n    caseTitle: readApprovalInstanceCaseTitle(instance),\n    key: instance.id,\n    stateLabel: readInstanceStateLabel(instance.state),\n  };\n}\n\nfunction readSelectedStateFilterOption(option: unknown): StateFilterOption {\n  if (!isStateFilterOption(option)) {\n    return STATE_FILTER_OPTIONS[0];\n  }\n  return readStateFilterOption(option.state);\n}\n\nfunction readStateFilterOption(\n  state: ApprovalInstanceState | null,\n): StateFilterOption {\n  return (\n    STATE_FILTER_OPTIONS.find((option) => option.state === state) ??\n    STATE_FILTER_OPTIONS[0]\n  );\n}\n\nfunction readStateFilterLabel(value: unknown): string {\n  return isStateFilterOption(value) ? value.name : STATE_FILTER_OPTIONS[0].name;\n}\n\nfunction isStateFilterOption(value: unknown): value is StateFilterOption {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'id' in value &&\n    'name' in value &&\n    'state' in value\n  );\n}\n\nfunction readInstanceStateLabel(state: ApprovalInstanceState): string {\n  if (state === 'RUNNING') return '進行中';\n  if (state === 'APPROVED') return '已通過';\n  if (state === 'REJECTED') return '已拒絕';\n  if (state === 'RETURNED') return '已退回';\n  if (state === 'CANCELLED') return '已取消';\n  if (state === 'EXPIRED') return '已逾期';\n  return '草稿';\n}\n\nfunction readInstanceStateColor(\n  state: ApprovalInstanceState,\n): 'text-error' | 'text-neutral' | 'text-success' {\n  if (state === 'APPROVED') return 'text-success';\n  if (state === 'REJECTED' || state === 'CANCELLED' || state === 'EXPIRED') {\n    return 'text-error';\n  }\n  return 'text-neutral';\n}\n\nfunction readInitiatorLabel(\n  initiatorMemberId: string | null | undefined,\n  initiatorProfilesById: ReadonlyMap<string, MemberProfileRecord>,\n): string {\n  const trimmedMemberId = (initiatorMemberId ?? '').trim();\n  if (!trimmedMemberId) return '未知發起人';\n  return initiatorProfilesById.get(trimmedMemberId)?.name ?? trimmedMemberId;\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '讀取簽核案件失敗。';\n}\n"],"mappings":"8fCyDM,EAA6B,CAAC,GAAI,GAAI,EAAE,EACxC,EAAqD,CACzD,CAAE,GAAI,MAAO,KAAM,OAAQ,MAAO,IAAK,EACvC,CAAE,GAAI,UAAW,KAAM,MAAO,MAAO,SAAU,EAC/C,CAAE,GAAI,WAAY,KAAM,MAAO,MAAO,UAAW,EACjD,CAAE,GAAI,WAAY,KAAM,MAAO,MAAO,UAAW,EACjD,CAAE,GAAI,WAAY,KAAM,MAAO,MAAO,UAAW,EACjD,CAAE,GAAI,YAAa,KAAM,MAAO,MAAO,WAAY,EACnD,CAAE,GAAI,UAAW,KAAM,MAAO,MAAO,SAAU,EAC/C,CAAE,GAAI,QAAS,KAAM,KAAM,MAAO,OAAQ,CAC5C,EAQA,SAAgB,EAAyB,CACvC,eACA,cACA,eACA,oBACA,QACA,QAC8C,CAC9C,IAAM,EAAS,EAAA,EAAiB,EAC1B,EAAS,EAAA,EAAa,EACtB,CAAC,EAAO,IAAA,EAAA,EAAA,UAAoC,IAAI,EAChD,CAAC,EAAuB,IAAA,EAAA,EAAA,UAE5B,IAAI,GAAK,EACL,CAAC,EAAc,IAAA,EAAA,EAAA,UAA4B,CAAC,EAC5C,CAAC,EAAkB,IAAA,EAAA,EAAA,UAAgC,EAAE,EACrD,CAAC,EAAoB,IAAA,EAAA,EAAA,UAAkC,CAAC,EACxD,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,EAAI,EACrC,CAAC,EAAM,IAAA,EAAA,EAAA,UAAoD,CAAC,CAAC,EAC7D,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,EAAE,EACzC,CAAC,EAAa,IAAA,EAAA,EAAA,UAClB,EAAsB,CAAY,CACpC,EAEM,GAAA,EAAA,EAAA,aAA+B,SAA2B,CAC9D,EAAW,EAAI,EACf,EAAS,IAAI,EAEb,GAAI,CACF,IAAM,EAAS,MAAA,EAAA,EAAA,2BAAgC,CAC7C,KAAM,EACN,SAAU,EACV,aACA,MAAO,EAAY,MACnB,WAAY,KACZ,MACF,CAAC,EAED,EAAQ,EAAO,UAAU,IAAI,CAAuB,CAAC,EACrD,EAAsB,EAAO,UAAU,CACzC,OAAS,EAAuB,CAC9B,EAAS,EAAiB,CAAY,CAAC,CACzC,QAAU,CACR,EAAW,EAAK,CAClB,CACF,EAAG,CAAC,EAAc,EAAkB,EAAY,EAAa,CAAI,CAAC,GAElE,EAAA,EAAA,eAAsB,CACpB,EAAsB,CACxB,EAAG,CAAC,CAAgB,CAAC,GAErB,EAAA,EAAA,eAAqC,CACnC,IAAM,EAAqB,MAAM,KAC/B,IAAI,IAAI,EAAK,IAAK,GAAQ,EAAI,iBAAiB,EAAE,OAAO,OAAO,CAAC,CAClE,EAEA,GAAI,EAAmB,SAAW,EAAG,CACnC,EAAyB,IAAI,GAAK,EAElC,MACF,CAEA,IAAI,EAAY,GAsBhB,OApBM,SAA2B,CAC/B,GAAI,CACF,IAAM,EAAW,MAAA,EAAA,EAAA,gBAAqB,CAAkB,EAExD,GAAI,EACF,OAGF,EACE,IAAI,IAAI,EAAS,IAAK,GAAY,CAAC,EAAQ,SAAU,CAAO,CAAC,CAAC,CAChE,CACF,MAAQ,CACN,GAAI,EACF,OAGF,EAAyB,IAAI,GAAK,CACpC,CACF,GAAG,MAEgB,CACjB,EAAY,EACd,CACF,EAAG,CAAC,CAAI,CAAC,EAET,IAAM,GAAA,EAAA,EAAA,aACsC,CACxC,CAAE,UAAW,YAAa,IAAK,YAAa,MAAO,KAAM,MAAO,GAAI,EACpE,CACE,IAAK,QACL,OAAS,IACP,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,MAAO,EAAuB,EAAO,KAAK,EAC1C,UAAU,OACV,QAAQ,gBAEP,EAAO,UACE,CAAA,EAEd,MAAO,KACP,MAAO,GACT,EACA,CACE,IAAK,oBACL,OAAS,IACP,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,UAAU,OAAO,QAAQ,gBAClC,EACC,EAAO,kBACP,CACF,CACU,CAAA,EAEd,MAAO,MACP,MAAO,GACT,EACA,CACE,IAAK,YACL,OAAS,IACP,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,UAAU,OAAO,QAAQ,gBAClC,EAAA,EAAe,EAAO,SAAS,CACtB,CAAA,EAEd,MAAO,OACP,MAAO,GACT,EACA,CACE,IAAK,cACL,OAAS,IACP,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,UAAU,OAAO,QAAQ,gBAClC,EAAA,EAAe,EAAO,WAAW,CACxB,CAAA,EAEd,MAAO,OACP,MAAO,GACT,CACF,EACA,CAAC,CAAqB,CACxB,EACM,GAAA,EAAA,EAAA,cACsC,CACxC,OACE,GAC4D,CAC5D,CACE,KAAM,KACN,YAAqB,EAAO,KAAK,EAAO,WAAW,EAAO,EAAE,CAAC,CAC/D,CACF,EACA,QAAS,iBACT,MAAO,EACT,GACA,CAAC,CAAM,CACT,EAEA,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,WAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAA4B,cAAoB,OAAQ,CAAA,CAC9C,CAAA,GAEZ,EAAA,EAAA,KAAC,EAAA,aAAD,CAAA,UACE,EAAA,EAAA,MAAC,EAAA,QAAD,CACE,YACE,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,UAAW,EAAO,mBAAoB,KAAK,gBACrD,EAAA,EAAA,MAAC,EAAA,WAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,KAAM,YACZ,EAAA,EAAA,KAAC,EAAA,UAAD,CACE,UAAA,GACA,OAAQ,EAAA,gBAAgB,SACxB,KAAK,+BAEL,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,UAAA,GACA,SACE,GACS,CACT,EAAc,EAAM,OAAO,KAAK,EAChC,EAAgB,CAAC,CACnB,EACA,YAAa,EACb,KAAK,MACL,MAAO,EACP,QAAQ,MACT,CAAA,CACQ,CAAA,CACL,CAAA,GACR,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,KAAM,YACZ,EAAA,EAAA,KAAC,EAAA,UAAD,CACE,UAAA,GACA,OAAQ,EAAA,gBAAgB,SACxB,KAAK,0BAEL,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,UAAW,GACX,UAAA,GACA,SAAW,GAAiB,CAC1B,EAAe,EAA8B,CAAM,CAAC,EACpD,EAAgB,CAAC,CACnB,EACA,QAAS,CAAC,GAAG,CAAoB,EACjC,YAAY,KACZ,YAAc,GACZ,MAAM,EAAqB,CAAK,IAElC,KAAK,MACL,MAAO,CACR,CAAA,CACQ,CAAA,CACL,CAAA,CACE,CAAA,CAAA,CACF,CAAA,WAjDhB,CAoDG,GACC,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,MAAM,aAAa,QAAQ,gBACpC,CACS,CAAA,EACV,KACH,CAAC,GAAS,CAAC,GAAW,EAAK,SAAW,GACrC,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,MAAM,eAAe,QAAQ,gBACtC,CACS,CAAA,EACV,MACJ,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,QAAS,EACA,UACT,WAAY,CAAC,GAAG,CAAI,EACpB,UAAA,GACS,UACT,WAAY,CACV,QAAS,EACT,SAAW,GAAe,CACxB,EAAgB,CAAI,CACtB,EACA,iBAAmB,GAAmB,CACpC,EAAgB,CAAC,EACjB,EAAoB,CAAQ,CAC9B,EACA,SAAU,EACV,cAAe,OACf,gBAAiB,EACjB,qBAAsB,EAAM,EAAI,IAC9B,MAAM,EAAK,GAAG,EAAG,OAAO,EAAM,IAChC,oBAAqB,GACrB,MAAO,CACT,CACD,CAAA,CACM,GACG,CAAA,CACd,CAAA,CAAA,CAEN,CAEA,SAAS,EACP,EACqB,CACrB,MAAO,CACL,GAAG,EACH,WAAA,EAAA,EAAA,+BAAyC,CAAQ,EACjD,IAAK,EAAS,GACd,WAAY,EAAuB,EAAS,KAAK,CACnD,CACF,CAEA,SAAS,EAA8B,EAAoC,CAIzE,OAHK,EAAoB,CAAM,EAGxB,EAAsB,EAAO,KAAK,EAFhC,EAAqB,EAGhC,CAEA,SAAS,EACP,EACmB,CACnB,OACE,EAAqB,KAAM,GAAW,EAAO,QAAU,CAAK,GAC5D,EAAqB,EAEzB,CAEA,SAAS,EAAqB,EAAwB,CACpD,OAAO,EAAoB,CAAK,EAAI,EAAM,KAAO,EAAqB,GAAG,IAC3E,CAEA,SAAS,EAAoB,EAA4C,CACvE,OACE,OAAO,GAAU,YACjB,GACA,OAAQ,GACR,SAAU,GACV,UAAW,CAEf,CAEA,SAAS,EAAuB,EAAsC,CAOpE,OANI,IAAU,UAAkB,MAC5B,IAAU,WAAmB,MAC7B,IAAU,WAAmB,MAC7B,IAAU,WAAmB,MAC7B,IAAU,YAAoB,MAC9B,IAAU,UAAkB,MACzB,IACT,CAEA,SAAS,EACP,EACgD,CAKhD,OAJI,IAAU,WAAmB,eAC7B,IAAU,YAAc,IAAU,aAAe,IAAU,UACtD,aAEF,cACT,CAEA,SAAS,EACP,EACA,EACQ,CACR,IAAM,GAAmB,GAAqB,IAAI,KAAK,EAEvD,OADK,EACE,EAAsB,IAAI,CAAe,GAAG,MAAQ,EAD9B,OAE/B,CAEA,SAAS,EAAiB,EAAwB,CAChD,OAAO,aAAiB,MAAQ,EAAM,QAAU,WAClD"}

package/dist/chunks/auth-provider-4BeCw7cI.cjs

@@ -0,0 +1,2 @@
+"use client";require('../auth-provider.css');const e=require("./router-adapter--gYs13E8.cjs");let t=require("react"),n=require("@mezzanine-ui/react"),r=require("@rytass/bpm-core-client"),i=require("react/jsx-runtime");var a={authLoading:`bpm_authLoading_GiBnf`},o=(0,t.createContext)(null);function s({children:n,publicPaths:a=[`/login`],loginPath:s=`/login`}){let c=e.r(),[f,p]=(0,t.useState)(!0),[m,h]=(0,t.useState)(null),g=(0,t.useCallback)(async()=>{let e=await(0,r.readApiCurrentMember)();return h(e),e},[]),_=(0,t.useCallback)(async e=>{let t=await(0,r.loginApi)(e);return h(t),t},[]),v=(0,t.useCallback)(async()=>{await(0,r.logoutApi)(),h(null),c.replace(s)},[s,c]);(0,t.useEffect)(()=>{let e=!0;return p(!0),(async()=>{try{let t=await(0,r.readApiCurrentMember)();e&&h(t)}catch{e&&h(null)}finally{e&&p(!1)}})(),()=>{e=!1}},[]),(0,t.useEffect)(()=>{f||u(c.pathname,a)||m||c.replace(`${s}?next=${encodeURIComponent(d(c.pathname))}`)},[f,s,m,a,c]);let y=(0,t.useMemo)(()=>({loading:f,login:_,logout:v,member:m,refresh:g}),[f,_,v,m,g]);return f&&!u(c.pathname,a)?(0,i.jsx)(l,{label:`確認登入狀態`}):!f&&!m&&!u(c.pathname,a)?(0,i.jsx)(l,{label:`前往登入頁`}):(0,i.jsx)(o.Provider,{value:y,children:n})}function c(){let e=(0,t.useContext)(o);if(!e)throw Error(`useAuth must be used inside <AuthProvider>`);return e}function l({label:e}){return(0,i.jsx)(`main`,{className:a.authLoading,children:(0,i.jsx)(n.Typography,{color:`text-neutral`,variant:`body`,children:e})})}function u(e,t){return t.some(t=>t===e)}function d(e){return typeof window>`u`?e??`/`:`${window.location.pathname}${window.location.search}`}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=auth-provider-4BeCw7cI.cjs.map

package/dist/chunks/auth-provider-4BeCw7cI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-provider-4BeCw7cI.cjs","names":[],"sources":["../../src/lib/auth-provider.module.scss","../../src/lib/auth-provider.tsx"],"sourcesContent":[".authLoading {\n  align-items: center;\n  background: var(--mzn-color-bg-body);\n  display: flex;\n  min-height: 100vh;\n  justify-content: center;\n  padding: 32px;\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 { Typography } from '@mezzanine-ui/react';\nimport {\n  loginApi,\n  logoutApi,\n  readApiCurrentMember,\n  type ApiMember,\n} from '@rytass/bpm-core-client';\nimport { useRouterAdapter } from './router-adapter';\nimport styles from './auth-provider.module.scss';\n\ninterface AuthContextValue {\n  readonly loading: boolean;\n  readonly member: ApiMember | null;\n  readonly login: (input: {\n    readonly identifier: string;\n    readonly password: string;\n  }) => Promise<ApiMember>;\n  readonly logout: () => Promise<void>;\n  readonly refresh: () => Promise<ApiMember | null>;\n}\n\nconst AuthContext = createContext<AuthContextValue | null>(null);\n\nexport interface AuthProviderProps {\n  readonly children: ReactNode;\n  /**\n   * Paths that should not redirect to `/login` when there is no session.\n   * Defaults to `['/login']`. Override when your host runs the login UI\n   * under a different path.\n   */\n  readonly publicPaths?: readonly string[];\n  /**\n   * Where to send unauthenticated users. Defaults to `'/login'`.\n   */\n  readonly loginPath?: string;\n}\n\n/**\n * BPM auth context provider. Reads / writes the host BPM API session via\n * `@rytass/bpm-core-client` (`loginApi` / `logoutApi` / `readApiCurrentMember`)\n * and uses the host-supplied {@link useRouterAdapter} to redirect\n * unauthenticated users.\n */\nexport function AuthProvider({\n  children,\n  publicPaths = ['/login'],\n  loginPath = '/login',\n}: AuthProviderProps): ReactElement {\n  const router = useRouterAdapter();\n  const [loading, setLoading] = useState(true);\n  const [member, setMember] = useState<ApiMember | null>(null);\n\n  const refresh = useCallback(async (): Promise<ApiMember | null> => {\n    const current = await readApiCurrentMember();\n    setMember(current);\n    return current;\n  }, []);\n\n  const login = useCallback(\n    async (input: {\n      readonly identifier: string;\n      readonly password: string;\n    }): Promise<ApiMember> => {\n      const next = await loginApi(input);\n      setMember(next);\n      return next;\n    },\n    [],\n  );\n\n  const logout = useCallback(async (): Promise<void> => {\n    await logoutApi();\n    setMember(null);\n    router.replace(loginPath);\n  }, [loginPath, router]);\n\n  useEffect((): (() => void) => {\n    let active = true;\n    setLoading(true);\n    void (async () => {\n      try {\n        const current = await readApiCurrentMember();\n        if (active) setMember(current);\n      } catch {\n        if (active) setMember(null);\n      } finally {\n        if (active) setLoading(false);\n      }\n    })();\n    return (): void => {\n      active = false;\n    };\n  }, []);\n\n  useEffect((): void => {\n    if (loading || isPublicPath(router.pathname, publicPaths) || member) return;\n    router.replace(\n      `${loginPath}?next=${encodeURIComponent(readCurrentPath(router.pathname))}`,\n    );\n  }, [loading, loginPath, member, publicPaths, router]);\n\n  const value = useMemo<AuthContextValue>(\n    () => ({ loading, login, logout, member, refresh }),\n    [loading, login, logout, member, refresh],\n  );\n\n  if (loading && !isPublicPath(router.pathname, publicPaths)) {\n    return <AuthLoadingState label=\"確認登入狀態\" />;\n  }\n  if (!loading && !member && !isPublicPath(router.pathname, publicPaths)) {\n    return <AuthLoadingState label=\"前往登入頁\" />;\n  }\n  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;\n}\n\n/**\n * Access the BPM auth context. Throws when used outside `<AuthProvider>`.\n */\nexport function useAuth(): AuthContextValue {\n  const ctx = useContext(AuthContext);\n  if (!ctx) throw new Error('useAuth must be used inside <AuthProvider>');\n  return ctx;\n}\n\nfunction AuthLoadingState({\n  label,\n}: {\n  readonly label: string;\n}): ReactElement {\n  return (\n    <main className={styles.authLoading}>\n      <Typography color=\"text-neutral\" variant=\"body\">\n        {label}\n      </Typography>\n    </main>\n  );\n}\n\nfunction isPublicPath(\n  pathname: string | null,\n  publicPaths: readonly string[],\n): boolean {\n  return publicPaths.some((p) => p === pathname);\n}\n\nfunction readCurrentPath(pathname: string | null): string {\n  if (typeof window === 'undefined') return pathname ?? '/';\n  return `${window.location.pathname}${window.location.search}`;\n}\n"],"mappings":"sOCiCM,GAAA,EAAA,EAAA,eAAqD,IAAI,EAsB/D,SAAgB,EAAa,CAC3B,WACA,cAAc,CAAC,QAAQ,EACvB,YAAY,UACsB,CAClC,IAAM,EAAS,EAAA,EAAiB,EAC1B,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,EAAI,EACrC,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAwC,IAAI,EAErD,GAAA,EAAA,EAAA,aAAsB,SAAuC,CACjE,IAAM,EAAU,MAAA,EAAA,EAAA,sBAA2B,EAE3C,OADA,EAAU,CAAO,EACV,CACT,EAAG,CAAC,CAAC,EAEC,GAAA,EAAA,EAAA,aACJ,KAAO,IAGmB,CACxB,IAAM,EAAO,MAAA,EAAA,EAAA,UAAe,CAAK,EAEjC,OADA,EAAU,CAAI,EACP,CACT,EACA,CAAC,CACH,EAEM,GAAA,EAAA,EAAA,aAAqB,SAA2B,CACpD,MAAA,EAAA,EAAA,WAAgB,EAChB,EAAU,IAAI,EACd,EAAO,QAAQ,CAAS,CAC1B,EAAG,CAAC,EAAW,CAAM,CAAC,GAEtB,EAAA,EAAA,eAA8B,CAC5B,IAAI,EAAS,GAYb,OAXA,EAAW,EAAI,GACT,SAAY,CAChB,GAAI,CACF,IAAM,EAAU,MAAA,EAAA,EAAA,sBAA2B,EACvC,GAAQ,EAAU,CAAO,CAC/B,MAAQ,CACF,GAAQ,EAAU,IAAI,CAC5B,QAAU,CACJ,GAAQ,EAAW,EAAK,CAC9B,CACF,GAAG,MACgB,CACjB,EAAS,EACX,CACF,EAAG,CAAC,CAAC,GAEL,EAAA,EAAA,eAAsB,CAChB,GAAW,EAAa,EAAO,SAAU,CAAW,GAAK,GAC7D,EAAO,QACL,GAAG,EAAU,QAAQ,mBAAmB,EAAgB,EAAO,QAAQ,CAAC,GAC1E,CACF,EAAG,CAAC,EAAS,EAAW,EAAQ,EAAa,CAAM,CAAC,EAEpD,IAAM,GAAA,EAAA,EAAA,cACG,CAAE,UAAS,QAAO,SAAQ,SAAQ,SAAQ,GACjD,CAAC,EAAS,EAAO,EAAQ,EAAQ,CAAO,CAC1C,EAQA,OANI,GAAW,CAAC,EAAa,EAAO,SAAU,CAAW,GAChD,EAAA,EAAA,KAAC,EAAD,CAAkB,MAAM,QAAU,CAAA,EAEvC,CAAC,GAAW,CAAC,GAAU,CAAC,EAAa,EAAO,SAAU,CAAW,GAC5D,EAAA,EAAA,KAAC,EAAD,CAAkB,MAAM,OAAS,CAAA,GAEnC,EAAA,EAAA,KAAC,EAAY,SAAb,CAA6B,QAAQ,UAA+B,CAAA,CAC7E,CAKA,SAAgB,GAA4B,CAC1C,IAAM,GAAA,EAAA,EAAA,YAAiB,CAAW,EAClC,GAAI,CAAC,EAAK,MAAU,MAAM,4CAA4C,EACtE,OAAO,CACT,CAEA,SAAS,EAAiB,CACxB,SAGe,CACf,OACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAO,sBACtB,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,MAAM,eAAe,QAAQ,gBACtC,CACS,CAAA,CACR,CAAA,CAEV,CAEA,SAAS,EACP,EACA,EACS,CACT,OAAO,EAAY,KAAM,GAAM,IAAM,CAAQ,CAC/C,CAEA,SAAS,EAAgB,EAAiC,CAExD,OADI,OAAO,OAAW,IAAoB,GAAY,IAC/C,GAAG,OAAO,SAAS,WAAW,OAAO,SAAS,QACvD"}