@rytass/bpm-core-react 0.3.6 → 0.3.8

package/CHANGELOG.md

@@ -8,6 +8,55 @@ 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.3.8 — 2026-05-28
+
+### Fixed
+
+- **`React.ReactElement` return-type annotation** in
+  `BPMRoutesProvider` and `RouterAdapterProvider` referenced the
+  unimported `React` namespace. Compiled fine under typical `jsx:
+  'react-jsx'` configs (which globalize the namespace) but broke
+  under stricter consumer setups. Now uses the directly-imported
+  `ReactElement` type to match the rest of the file.
+
+### Changed
+
+- **Dashboard "未讀通知" metric tile** now navigates to `routes.inbox()`
+  instead of `routes.notifications()`. The previous target had no
+  matching `pages/notifications` shim, so the click 404'd on hosts
+  that hadn't built their own page at that path. Inbox is the
+  most-actionable next step for an unread-notification click; the
+  notification drawer bell stays available globally for in-place
+  review.
+
+### Documentation
+
+- **`BPMRoutes.notifications()` JSDoc clarified** as a host-extension
+  point: BPM's built-in views do not navigate to it by default. The
+  default factory still returns `'/notifications'` so consumers can
+  mount their own page at that path if desired; no BPM-shipped
+  `pages/notifications` shim exists.
+
+### Why a patch
+
+Bug fix + behavior preservation. No public API change.
+
+## 0.3.7 — 2026-05-28
+
+### Documentation
+
+- **`transpilePackages` list expanded** to include `@rytass/bpm-core-client`
+  and `@rytass/bpm-core-shared` alongside `@rytass/bpm-core-react`. With
+  pnpm strict mode + Turbopack, transitive peer-dep resolution into
+  `node_modules/.pnpm/...` requires every package in the chain to be
+  listed explicitly — previous versions only mentioned `@rytass/bpm-core-react`.
+- **README "Status" banner refreshed** to `0.3.7` with a note pointing
+  at the per-release CHANGELOG history.
+
+### Why a patch
+
+Documentation only.
+
 ## 0.3.6 — 2026-05-28
 
 No source change. Lockstep peerDependency bump to `^0.1.9`.

package/README.md

@@ -6,7 +6,7 @@ This package composes [`@mezzanine-ui/react`](https://www.npmjs.com/package/@mez
 
 ## Status
 
-`0.3.0` — full admin surface: 12 view subpaths, 19 Next.js page shims (`pages/<feature>`), the `next` subpath (`BPMNextProviders`), and the foundation root barrel.
+`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.
 
 ## Install
 
@@ -24,7 +24,16 @@ If your host uses Next.js (15+) with pnpm strict mode, add the package to `trans
 /** @type {import('next').NextConfig} */
 module.exports = {
   reactStrictMode: true,
-  transpilePackages: ['@rytass/bpm-core-react'],
+  // Include the sibling packages too — BPM views import from
+  // `@rytass/bpm-core-client/workflow`, `/organization`, `/template`,
+  // `/form` and re-export shared types from `@rytass/bpm-core-shared`.
+  // pnpm strict mode + Turbopack rejects the transitive resolution
+  // without each entry listed explicitly.
+  transpilePackages: [
+    '@rytass/bpm-core-react',
+    '@rytass/bpm-core-client',
+    '@rytass/bpm-core-shared',
+  ],
 };
 ```
 

package/dist/chunks/auth-provider-BV8Iiwfb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"auth-provider-BV8Iiwfb.cjs","names":[],"sources":["../../src/lib/router-adapter.tsx","../../src/lib/auth-provider.module.scss","../../src/lib/auth-provider.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, type ReactNode } from 'react';\n\n/**\n * Framework-agnostic router contract every BPM view consumes.\n *\n * Next.js App Router consumers wire it from `useRouter()` / `usePathname()`,\n * but the contract is intentionally generic so SPA / Remix / Tanstack Router\n * hosts can plug in the same `<RouterAdapterProvider>` with their own\n * navigation primitives.\n */\nexport interface RouterAdapter {\n  /** Current pathname (e.g. \"/inbox\"). `null` during SSR before hydration. */\n  readonly pathname: string | null;\n  /** Navigate to `href` (push onto history). */\n  push(href: string): void;\n  /** Navigate to `href` and replace the current history entry. */\n  replace(href: string): void;\n  /** Optional: go back. Falls back to `history.back()` when omitted. */\n  back?(): void;\n  /**\n   * Optional search params accessor. Returned `URLSearchParams` should be\n   * read-only — mutating it does not navigate. Default implementation reads\n   * `window.location.search` on the client.\n   */\n  searchParams?(): URLSearchParams;\n}\n\nconst RouterAdapterContext = createContext<RouterAdapter | null>(null);\n\nexport interface RouterAdapterProviderProps {\n  readonly value: RouterAdapter;\n  readonly children: ReactNode;\n}\n\n/**\n * Wraps the BPM React tree so `useRouterAdapter()` resolves to the host's\n * navigation primitives. Consumers typically put this once at the very root\n * of their layout (or inside a `'use client'` shim that reads\n * `useRouter()` + `usePathname()` from `next/navigation`).\n */\nexport function RouterAdapterProvider({\n  value,\n  children,\n}: RouterAdapterProviderProps): React.ReactElement {\n  return (\n    <RouterAdapterContext.Provider value={value}>\n      {children}\n    </RouterAdapterContext.Provider>\n  );\n}\n\n/**\n * Reads the host-provided {@link RouterAdapter}. Throws when used outside a\n * `<RouterAdapterProvider>` to surface wiring mistakes early.\n */\nexport function useRouterAdapter(): RouterAdapter {\n  const value = useContext(RouterAdapterContext);\n  if (!value) {\n    throw new Error(\n      'useRouterAdapter must be used inside <RouterAdapterProvider>. ' +\n        'In Next.js, wrap your app with <NextRouterAdapterProvider> from ' +\n        '`@rytass/bpm-core-react/pages/router-adapter`.',\n    );\n  }\n  return value;\n}\n\n/**\n * Pure default search-params reader for the browser. Server-side returns an\n * empty `URLSearchParams`. Used internally when a {@link RouterAdapter}\n * does not override `searchParams()`.\n */\nexport function defaultBrowserSearchParams(): URLSearchParams {\n  if (typeof window === 'undefined') return new URLSearchParams();\n  return new URLSearchParams(window.location.search);\n}\n",".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":"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"}
+{"version":3,"file":"auth-provider-BV8Iiwfb.cjs","names":[],"sources":["../../src/lib/router-adapter.tsx","../../src/lib/auth-provider.module.scss","../../src/lib/auth-provider.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useContext,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\n/**\n * Framework-agnostic router contract every BPM view consumes.\n *\n * Next.js App Router consumers wire it from `useRouter()` / `usePathname()`,\n * but the contract is intentionally generic so SPA / Remix / Tanstack Router\n * hosts can plug in the same `<RouterAdapterProvider>` with their own\n * navigation primitives.\n */\nexport interface RouterAdapter {\n  /** Current pathname (e.g. \"/inbox\"). `null` during SSR before hydration. */\n  readonly pathname: string | null;\n  /** Navigate to `href` (push onto history). */\n  push(href: string): void;\n  /** Navigate to `href` and replace the current history entry. */\n  replace(href: string): void;\n  /** Optional: go back. Falls back to `history.back()` when omitted. */\n  back?(): void;\n  /**\n   * Optional search params accessor. Returned `URLSearchParams` should be\n   * read-only — mutating it does not navigate. Default implementation reads\n   * `window.location.search` on the client.\n   */\n  searchParams?(): URLSearchParams;\n}\n\nconst RouterAdapterContext = createContext<RouterAdapter | null>(null);\n\nexport interface RouterAdapterProviderProps {\n  readonly value: RouterAdapter;\n  readonly children: ReactNode;\n}\n\n/**\n * Wraps the BPM React tree so `useRouterAdapter()` resolves to the host's\n * navigation primitives. Consumers typically put this once at the very root\n * of their layout (or inside a `'use client'` shim that reads\n * `useRouter()` + `usePathname()` from `next/navigation`).\n */\nexport function RouterAdapterProvider({\n  value,\n  children,\n}: RouterAdapterProviderProps): ReactElement {\n  return (\n    <RouterAdapterContext.Provider value={value}>\n      {children}\n    </RouterAdapterContext.Provider>\n  );\n}\n\n/**\n * Reads the host-provided {@link RouterAdapter}. Throws when used outside a\n * `<RouterAdapterProvider>` to surface wiring mistakes early.\n */\nexport function useRouterAdapter(): RouterAdapter {\n  const value = useContext(RouterAdapterContext);\n  if (!value) {\n    throw new Error(\n      'useRouterAdapter must be used inside <RouterAdapterProvider>. ' +\n        'In Next.js, wrap your app with <NextRouterAdapterProvider> from ' +\n        '`@rytass/bpm-core-react/pages/router-adapter`.',\n    );\n  }\n  return value;\n}\n\n/**\n * Pure default search-params reader for the browser. Server-side returns an\n * empty `URLSearchParams`. Used internally when a {@link RouterAdapter}\n * does not override `searchParams()`.\n */\nexport function defaultBrowserSearchParams(): URLSearchParams {\n  if (typeof window === 'undefined') return new URLSearchParams();\n  return new URLSearchParams(window.location.search);\n}\n",".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":"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"}

package/dist/chunks/auth-provider-Bnox5gsx.js.map

@@ -1 +1 @@
-{"version":3,"file":"auth-provider-Bnox5gsx.js","names":[],"sources":["../../src/lib/router-adapter.tsx","../../src/lib/auth-provider.module.scss","../../src/lib/auth-provider.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, type ReactNode } from 'react';\n\n/**\n * Framework-agnostic router contract every BPM view consumes.\n *\n * Next.js App Router consumers wire it from `useRouter()` / `usePathname()`,\n * but the contract is intentionally generic so SPA / Remix / Tanstack Router\n * hosts can plug in the same `<RouterAdapterProvider>` with their own\n * navigation primitives.\n */\nexport interface RouterAdapter {\n  /** Current pathname (e.g. \"/inbox\"). `null` during SSR before hydration. */\n  readonly pathname: string | null;\n  /** Navigate to `href` (push onto history). */\n  push(href: string): void;\n  /** Navigate to `href` and replace the current history entry. */\n  replace(href: string): void;\n  /** Optional: go back. Falls back to `history.back()` when omitted. */\n  back?(): void;\n  /**\n   * Optional search params accessor. Returned `URLSearchParams` should be\n   * read-only — mutating it does not navigate. Default implementation reads\n   * `window.location.search` on the client.\n   */\n  searchParams?(): URLSearchParams;\n}\n\nconst RouterAdapterContext = createContext<RouterAdapter | null>(null);\n\nexport interface RouterAdapterProviderProps {\n  readonly value: RouterAdapter;\n  readonly children: ReactNode;\n}\n\n/**\n * Wraps the BPM React tree so `useRouterAdapter()` resolves to the host's\n * navigation primitives. Consumers typically put this once at the very root\n * of their layout (or inside a `'use client'` shim that reads\n * `useRouter()` + `usePathname()` from `next/navigation`).\n */\nexport function RouterAdapterProvider({\n  value,\n  children,\n}: RouterAdapterProviderProps): React.ReactElement {\n  return (\n    <RouterAdapterContext.Provider value={value}>\n      {children}\n    </RouterAdapterContext.Provider>\n  );\n}\n\n/**\n * Reads the host-provided {@link RouterAdapter}. Throws when used outside a\n * `<RouterAdapterProvider>` to surface wiring mistakes early.\n */\nexport function useRouterAdapter(): RouterAdapter {\n  const value = useContext(RouterAdapterContext);\n  if (!value) {\n    throw new Error(\n      'useRouterAdapter must be used inside <RouterAdapterProvider>. ' +\n        'In Next.js, wrap your app with <NextRouterAdapterProvider> from ' +\n        '`@rytass/bpm-core-react/pages/router-adapter`.',\n    );\n  }\n  return value;\n}\n\n/**\n * Pure default search-params reader for the browser. Server-side returns an\n * empty `URLSearchParams`. Used internally when a {@link RouterAdapter}\n * does not override `searchParams()`.\n */\nexport function defaultBrowserSearchParams(): URLSearchParams {\n  if (typeof window === 'undefined') return new URLSearchParams();\n  return new URLSearchParams(window.location.search);\n}\n",".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":";;;;;;AA6BA,IAAM,IAAuB,EAAoC,IAAI;AAarE,SAAgB,EAAsB,EACpC,UACA,eACiD;CACjD,OACE,kBAAC,EAAqB,UAAtB;EAAsC;EACnC;CAC4B,CAAA;AAEnC;AAMA,SAAgB,IAAkC;CAChD,IAAM,IAAQ,EAAW,CAAoB;CAC7C,IAAI,CAAC,GACH,MAAU,MACR,8KAGF;CAEF,OAAO;AACT;AAOA,SAAgB,IAA8C;CAE5D,OADI,OAAO,SAAW,MAAoB,IAAI,gBAAgB,IACvD,IAAI,gBAAgB,OAAO,SAAS,MAAM;AACnD;kDE5CM,IAAc,EAAuC,IAAI;AAsB/D,SAAgB,EAAa,EAC3B,aACA,iBAAc,CAAC,QAAQ,GACvB,eAAY,YACsB;CAClC,IAAM,IAAS,EAAiB,GAC1B,CAAC,GAAS,KAAc,EAAS,EAAI,GACrC,CAAC,GAAQ,KAAa,EAA2B,IAAI,GAErD,IAAU,EAAY,YAAuC;EACjE,IAAM,IAAU,MAAM,EAAqB;EAE3C,OADA,EAAU,CAAO,GACV;CACT,GAAG,CAAC,CAAC,GAEC,IAAQ,EACZ,OAAO,MAGmB;EACxB,IAAM,IAAO,MAAM,EAAS,CAAK;EAEjC,OADA,EAAU,CAAI,GACP;CACT,GACA,CAAC,CACH,GAEM,IAAS,EAAY,YAA2B;EAGpD,AAFA,MAAM,EAAU,GAChB,EAAU,IAAI,GACd,EAAO,QAAQ,CAAS;CAC1B,GAAG,CAAC,GAAW,CAAM,CAAC;CAoBtB,AAlBA,QAA8B;EAC5B,IAAI,IAAS;EAYb,OAXA,EAAW,EAAI,IACT,YAAY;GAChB,IAAI;IACF,IAAM,IAAU,MAAM,EAAqB;IAC3C,AAAI,KAAQ,EAAU,CAAO;GAC/B,QAAQ;IACN,AAAI,KAAQ,EAAU,IAAI;GAC5B,UAAU;IACR,AAAI,KAAQ,EAAW,EAAK;GAC9B;EACF,GAAG,SACgB;GACjB,IAAS;EACX;CACF,GAAG,CAAC,CAAC,GAEL,QAAsB;EAChB,KAAW,EAAa,EAAO,UAAU,CAAW,KAAK,KAC7D,EAAO,QACL,GAAG,EAAU,QAAQ,mBAAmB,EAAgB,EAAO,QAAQ,CAAC,GAC1E;CACF,GAAG;EAAC;EAAS;EAAW;EAAQ;EAAa;CAAM,CAAC;CAEpD,IAAM,IAAQ,SACL;EAAE;EAAS;EAAO;EAAQ;EAAQ;CAAQ,IACjD;EAAC;EAAS;EAAO;EAAQ;EAAQ;CAAO,CAC1C;CAQA,OANI,KAAW,CAAC,EAAa,EAAO,UAAU,CAAW,IAChD,kBAAC,GAAD,EAAkB,OAAM,SAAU,CAAA,IAEvC,CAAC,KAAW,CAAC,KAAU,CAAC,EAAa,EAAO,UAAU,CAAW,IAC5D,kBAAC,GAAD,EAAkB,OAAM,QAAS,CAAA,IAEnC,kBAAC,EAAY,UAAb;EAA6B;EAAQ;CAA+B,CAAA;AAC7E;AAKA,SAAgB,IAA4B;CAC1C,IAAM,IAAM,EAAW,CAAW;CAClC,IAAI,CAAC,GAAK,MAAU,MAAM,4CAA4C;CACtE,OAAO;AACT;AAEA,SAAS,EAAiB,EACxB,YAGe;CACf,OACE,kBAAC,QAAD;EAAM,WAAW,EAAO;YACtB,kBAAC,GAAD;GAAY,OAAM;GAAe,SAAQ;aACtC;EACS,CAAA;CACR,CAAA;AAEV;AAEA,SAAS,EACP,GACA,GACS;CACT,OAAO,EAAY,MAAM,MAAM,MAAM,CAAQ;AAC/C;AAEA,SAAS,EAAgB,GAAiC;CAExD,OADI,OAAO,SAAW,MAAoB,KAAY,MAC/C,GAAG,OAAO,SAAS,WAAW,OAAO,SAAS;AACvD"}
+{"version":3,"file":"auth-provider-Bnox5gsx.js","names":[],"sources":["../../src/lib/router-adapter.tsx","../../src/lib/auth-provider.module.scss","../../src/lib/auth-provider.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useContext,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\n/**\n * Framework-agnostic router contract every BPM view consumes.\n *\n * Next.js App Router consumers wire it from `useRouter()` / `usePathname()`,\n * but the contract is intentionally generic so SPA / Remix / Tanstack Router\n * hosts can plug in the same `<RouterAdapterProvider>` with their own\n * navigation primitives.\n */\nexport interface RouterAdapter {\n  /** Current pathname (e.g. \"/inbox\"). `null` during SSR before hydration. */\n  readonly pathname: string | null;\n  /** Navigate to `href` (push onto history). */\n  push(href: string): void;\n  /** Navigate to `href` and replace the current history entry. */\n  replace(href: string): void;\n  /** Optional: go back. Falls back to `history.back()` when omitted. */\n  back?(): void;\n  /**\n   * Optional search params accessor. Returned `URLSearchParams` should be\n   * read-only — mutating it does not navigate. Default implementation reads\n   * `window.location.search` on the client.\n   */\n  searchParams?(): URLSearchParams;\n}\n\nconst RouterAdapterContext = createContext<RouterAdapter | null>(null);\n\nexport interface RouterAdapterProviderProps {\n  readonly value: RouterAdapter;\n  readonly children: ReactNode;\n}\n\n/**\n * Wraps the BPM React tree so `useRouterAdapter()` resolves to the host's\n * navigation primitives. Consumers typically put this once at the very root\n * of their layout (or inside a `'use client'` shim that reads\n * `useRouter()` + `usePathname()` from `next/navigation`).\n */\nexport function RouterAdapterProvider({\n  value,\n  children,\n}: RouterAdapterProviderProps): ReactElement {\n  return (\n    <RouterAdapterContext.Provider value={value}>\n      {children}\n    </RouterAdapterContext.Provider>\n  );\n}\n\n/**\n * Reads the host-provided {@link RouterAdapter}. Throws when used outside a\n * `<RouterAdapterProvider>` to surface wiring mistakes early.\n */\nexport function useRouterAdapter(): RouterAdapter {\n  const value = useContext(RouterAdapterContext);\n  if (!value) {\n    throw new Error(\n      'useRouterAdapter must be used inside <RouterAdapterProvider>. ' +\n        'In Next.js, wrap your app with <NextRouterAdapterProvider> from ' +\n        '`@rytass/bpm-core-react/pages/router-adapter`.',\n    );\n  }\n  return value;\n}\n\n/**\n * Pure default search-params reader for the browser. Server-side returns an\n * empty `URLSearchParams`. Used internally when a {@link RouterAdapter}\n * does not override `searchParams()`.\n */\nexport function defaultBrowserSearchParams(): URLSearchParams {\n  if (typeof window === 'undefined') return new URLSearchParams();\n  return new URLSearchParams(window.location.search);\n}\n",".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":";;;;;;AAkCA,IAAM,IAAuB,EAAoC,IAAI;AAarE,SAAgB,EAAsB,EACpC,UACA,eAC2C;CAC3C,OACE,kBAAC,EAAqB,UAAtB;EAAsC;EACnC;CAC4B,CAAA;AAEnC;AAMA,SAAgB,IAAkC;CAChD,IAAM,IAAQ,EAAW,CAAoB;CAC7C,IAAI,CAAC,GACH,MAAU,MACR,8KAGF;CAEF,OAAO;AACT;AAOA,SAAgB,IAA8C;CAE5D,OADI,OAAO,SAAW,MAAoB,IAAI,gBAAgB,IACvD,IAAI,gBAAgB,OAAO,SAAS,MAAM;AACnD;kDEjDM,IAAc,EAAuC,IAAI;AAsB/D,SAAgB,EAAa,EAC3B,aACA,iBAAc,CAAC,QAAQ,GACvB,eAAY,YACsB;CAClC,IAAM,IAAS,EAAiB,GAC1B,CAAC,GAAS,KAAc,EAAS,EAAI,GACrC,CAAC,GAAQ,KAAa,EAA2B,IAAI,GAErD,IAAU,EAAY,YAAuC;EACjE,IAAM,IAAU,MAAM,EAAqB;EAE3C,OADA,EAAU,CAAO,GACV;CACT,GAAG,CAAC,CAAC,GAEC,IAAQ,EACZ,OAAO,MAGmB;EACxB,IAAM,IAAO,MAAM,EAAS,CAAK;EAEjC,OADA,EAAU,CAAI,GACP;CACT,GACA,CAAC,CACH,GAEM,IAAS,EAAY,YAA2B;EAGpD,AAFA,MAAM,EAAU,GAChB,EAAU,IAAI,GACd,EAAO,QAAQ,CAAS;CAC1B,GAAG,CAAC,GAAW,CAAM,CAAC;CAoBtB,AAlBA,QAA8B;EAC5B,IAAI,IAAS;EAYb,OAXA,EAAW,EAAI,IACT,YAAY;GAChB,IAAI;IACF,IAAM,IAAU,MAAM,EAAqB;IAC3C,AAAI,KAAQ,EAAU,CAAO;GAC/B,QAAQ;IACN,AAAI,KAAQ,EAAU,IAAI;GAC5B,UAAU;IACR,AAAI,KAAQ,EAAW,EAAK;GAC9B;EACF,GAAG,SACgB;GACjB,IAAS;EACX;CACF,GAAG,CAAC,CAAC,GAEL,QAAsB;EAChB,KAAW,EAAa,EAAO,UAAU,CAAW,KAAK,KAC7D,EAAO,QACL,GAAG,EAAU,QAAQ,mBAAmB,EAAgB,EAAO,QAAQ,CAAC,GAC1E;CACF,GAAG;EAAC;EAAS;EAAW;EAAQ;EAAa;CAAM,CAAC;CAEpD,IAAM,IAAQ,SACL;EAAE;EAAS;EAAO;EAAQ;EAAQ;CAAQ,IACjD;EAAC;EAAS;EAAO;EAAQ;EAAQ;CAAO,CAC1C;CAQA,OANI,KAAW,CAAC,EAAa,EAAO,UAAU,CAAW,IAChD,kBAAC,GAAD,EAAkB,OAAM,SAAU,CAAA,IAEvC,CAAC,KAAW,CAAC,KAAU,CAAC,EAAa,EAAO,UAAU,CAAW,IAC5D,kBAAC,GAAD,EAAkB,OAAM,QAAS,CAAA,IAEnC,kBAAC,EAAY,UAAb;EAA6B;EAAQ;CAA+B,CAAA;AAC7E;AAKA,SAAgB,IAA4B;CAC1C,IAAM,IAAM,EAAW,CAAW;CAClC,IAAI,CAAC,GAAK,MAAU,MAAM,4CAA4C;CACtE,OAAO;AACT;AAEA,SAAS,EAAiB,EACxB,YAGe;CACf,OACE,kBAAC,QAAD;EAAM,WAAW,EAAO;YACtB,kBAAC,GAAD;GAAY,OAAM;GAAe,SAAQ;aACtC;EACS,CAAA;CACR,CAAA;AAEV;AAEA,SAAS,EACP,GACA,GACS;CACT,OAAO,EAAY,MAAM,MAAM,MAAM,CAAQ;AAC/C;AAEA,SAAS,EAAgB,GAAiC;CAExD,OADI,OAAO,SAAW,MAAoB,KAAY,MAC/C,GAAG,OAAO,SAAS,WAAW,OAAO,SAAS;AACvD"}

package/dist/chunks/{dashboard-page-R_T2OEiE.js → dashboard-page-Bx1-Ys3e.js}

@@ -48,7 +48,7 @@ function S({ activeHref: S }) {
 		},
 		{
 			caption: "尚未讀取的站內通知",
-			href: E.notifications(),
+			href: E.inbox(),
 			label: "未讀通知",
 			value: C(N.unreadNotificationCount, j)
 		},
@@ -119,4 +119,4 @@ function w(e) {
 //#endregion
 export { S as t };
 
-//# sourceMappingURL=dashboard-page-R_T2OEiE.js.map
+//# sourceMappingURL=dashboard-page-Bx1-Ys3e.js.map

package/dist/chunks/dashboard-page-Bx1-Ys3e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-page-Bx1-Ys3e.js","names":[],"sources":["../../src/components/dashboard-page.module.scss","../../src/components/dashboard-page.tsx"],"sourcesContent":[".metricCard {\n  color: inherit;\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.metricCard:hover {\n  text-decoration: none;\n}\n","'use client';\n\nimport type { KeyboardEvent, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  BaseCard,\n  Button,\n  CardGroup,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport {\n  readWorkflowDashboardSummary,\n  type WorkflowDashboardSummaryRecord,\n} from '@rytass/bpm-core-client/workflow';\nimport { useAuth } from '../lib/auth-provider';\nimport { useRouterAdapter } from '../lib/router-adapter';\nimport { useBPMRoutes } from '../lib/routes-config';\nimport { AppLayout } from './app-navigation';\nimport styles from './dashboard-page.module.scss';\n\nexport interface DashboardPageProps {\n  readonly activeHref: string;\n}\n\ninterface Metric {\n  readonly caption: string;\n  readonly href: string;\n  readonly label: string;\n  readonly value: string;\n}\n\nconst EMPTY_DASHBOARD_SUMMARY: WorkflowDashboardSummaryRecord = {\n  activeInstanceCount: 0,\n  completedInstanceCount: 0,\n  overdueTaskCount: 0,\n  pendingTaskCount: 0,\n  rejectedInstanceCount: 0,\n  totalInstanceCount: 0,\n  unreadNotificationCount: 0,\n};\n\n/**\n * Operator dashboard — shows pending/unread/active counts for the\n * currently-authenticated member. Reads {@link readWorkflowDashboardSummary}\n * and renders five metric tiles that navigate via {@link useRouterAdapter}.\n */\nexport function DashboardPage({ activeHref }: DashboardPageProps): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [summary, setSummary] = useState<WorkflowDashboardSummaryRecord>(\n    EMPTY_DASHBOARD_SUMMARY,\n  );\n\n  const refreshSummary = useCallback(async (): Promise<void> => {\n    if (!currentMemberId) {\n      setLoading(false);\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      setSummary(\n        await readWorkflowDashboardSummary({\n          currentMemberId,\n          from: null,\n          to: null,\n        }),\n      );\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [currentMemberId]);\n\n  useEffect((): void => {\n    void refreshSummary();\n  }, [refreshSummary]);\n\n  const metrics = useMemo(\n    (): readonly Metric[] => [\n      {\n        caption: '目前需要你處理的任務',\n        href: routes.inbox(),\n        label: '待處理簽核',\n        value: readMetricValue(summary.pendingTaskCount, loading),\n      },\n      {\n        // 未讀通知 — clicking the tile routes to inbox where pending\n        // tasks are the most actionable next step. The notification\n        // drawer bell stays available globally for in-place review.\n        // (Hosts that want a dedicated /notifications page can override\n        // `routes.notifications` and swap this href accordingly.)\n        caption: '尚未讀取的站內通知',\n        href: routes.inbox(),\n        label: '未讀通知',\n        value: readMetricValue(summary.unreadNotificationCount, loading),\n      },\n      {\n        caption: '目前仍在流程中的案件',\n        href: routes.search(),\n        label: '進行中案件',\n        value: readMetricValue(summary.activeInstanceCount, loading),\n      },\n      {\n        caption: '已超過 SLA 的待處理任務',\n        href: routes.inbox(),\n        label: '逾時任務',\n        value: readMetricValue(summary.overdueTaskCount, loading),\n      },\n      {\n        caption: '你有權限查看的全部案件',\n        href: routes.search(),\n        label: '案件總數',\n        value: readMetricValue(summary.totalInstanceCount, loading),\n      },\n    ],\n    [loading, routes, summary],\n  );\n\n  return (\n    <AppLayout activeHref={activeHref}>\n        <PageHeader>\n          <ContentHeader\n            description=\"查看待處理簽核、近期通知與你發起的案件進度。\"\n            title=\"工作台\"\n          >\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={(): void => router.push(routes.caseNew())}\n              variant=\"base-primary\"\n            >\n              發起簽核\n            </Button>\n          </ContentHeader>\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <CardGroup>\n              {metrics.map((metric) => (\n                <BaseCard\n                  aria-label={`前往${metric.label}`}\n                  className={styles.metricCard}\n                  description={metric.value}\n                  key={metric.label}\n                  onClick={(): void => router.push(metric.href)}\n                  onKeyDown={(event: KeyboardEvent<HTMLElement>): void => {\n                    if (event.key === 'Enter' || event.key === ' ') {\n                      event.preventDefault();\n                      router.push(metric.href);\n                    }\n                  }}\n                  role=\"link\"\n                  tabIndex={0}\n                  title={metric.label}\n                >\n                  <Typography color=\"text-neutral\" variant=\"caption\">\n                    {metric.caption}\n                  </Typography>\n                </BaseCard>\n              ))}\n            </CardGroup>\n          </Section>\n        </SectionGroup>\n      </AppLayout>\n  );\n}\n\nfunction readMetricValue(value: number, loading: boolean): string {\n  return loading ? '-' : String(value);\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '讀取工作台摘要失敗。';\n}\n"],"mappings":";;;;;;;;;;gDCoCM,IAA0D;CAC9D,qBAAqB;CACrB,wBAAwB;CACxB,kBAAkB;CAClB,kBAAkB;CAClB,uBAAuB;CACvB,oBAAoB;CACpB,yBAAyB;AAC3B;AAOA,SAAgB,EAAc,EAAE,iBAAgD;CAC9E,IAAM,IAAS,EAAiB,GAC1B,IAAS,EAAa,GACtB,EAAE,cAAW,EAAQ,GACrB,IAAkB,GAAQ,YAAY,MACtC,CAAC,GAAO,KAAY,EAAwB,IAAI,GAChD,CAAC,GAAS,KAAc,EAAS,EAAI,GACrC,CAAC,GAAS,KAAc,EAC5B,CACF,GAEM,IAAiB,EAAY,YAA2B;EAC5D,IAAI,CAAC,GAAiB;GACpB,EAAW,EAAK;GAChB;EACF;EAGA,AADA,EAAW,EAAI,GACf,EAAS,IAAI;EAEb,IAAI;GACF,EACE,MAAM,EAA6B;IACjC;IACA,MAAM;IACN,IAAI;GACN,CAAC,CACH;EACF,SAAS,GAAuB;GAC9B,EAAS,EAAiB,CAAY,CAAC;EACzC,UAAU;GACR,EAAW,EAAK;EAClB;CACF,GAAG,CAAC,CAAe,CAAC;CAEpB,QAAsB;EACpB,EAAoB;CACtB,GAAG,CAAC,CAAc,CAAC;CAEnB,IAAM,IAAU,QACW;EACvB;GACE,SAAS;GACT,MAAM,EAAO,MAAM;GACnB,OAAO;GACP,OAAO,EAAgB,EAAQ,kBAAkB,CAAO;EAC1D;EACA;GAME,SAAS;GACT,MAAM,EAAO,MAAM;GACnB,OAAO;GACP,OAAO,EAAgB,EAAQ,yBAAyB,CAAO;EACjE;EACA;GACE,SAAS;GACT,MAAM,EAAO,OAAO;GACpB,OAAO;GACP,OAAO,EAAgB,EAAQ,qBAAqB,CAAO;EAC7D;EACA;GACE,SAAS;GACT,MAAM,EAAO,MAAM;GACnB,OAAO;GACP,OAAO,EAAgB,EAAQ,kBAAkB,CAAO;EAC1D;EACA;GACE,SAAS;GACT,MAAM,EAAO,OAAO;GACpB,OAAO;GACP,OAAO,EAAgB,EAAQ,oBAAoB,CAAO;EAC5D;CACF,GACA;EAAC;EAAS;EAAQ;CAAO,CAC3B;CAEA,OACE,kBAAC,GAAD;EAAuB;YAAvB,CACI,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,aAAY;GACZ,OAAM;aAEN,kBAAC,GAAD;IACE,MAAM;IACN,UAAS;IACT,eAAqB,EAAO,KAAK,EAAO,QAAQ,CAAC;IACjD,SAAQ;cACT;GAEO,CAAA;EACK,CAAA,EACL,CAAA,GAEZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA,CACG,IACC,kBAAC,GAAD;GAAY,OAAM;GAAa,SAAQ;aACpC;EACS,CAAA,IACV,MACJ,kBAAC,GAAD,EAAA,UACG,EAAQ,KAAK,MACZ,kBAAC,GAAD;GACE,cAAY,KAAK,EAAO;GACxB,WAAW,EAAO;GAClB,aAAa,EAAO;GAEpB,eAAqB,EAAO,KAAK,EAAO,IAAI;GAC5C,YAAY,MAA4C;IACtD,CAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,eAAe,GACrB,EAAO,KAAK,EAAO,IAAI;GAE3B;GACA,MAAK;GACL,UAAU;GACV,OAAO,EAAO;aAEd,kBAAC,GAAD;IAAY,OAAM;IAAe,SAAQ;cACtC,EAAO;GACE,CAAA;EACJ,GAfH,EAAO,KAeJ,CACX,EACQ,CAAA,CACJ,EAAA,CAAA,EACG,CAAA,CACL;;AAEjB;AAEA,SAAS,EAAgB,GAAe,GAA0B;CAChE,OAAO,IAAU,MAAM,OAAO,CAAK;AACrC;AAEA,SAAS,EAAiB,GAAwB;CAChD,OAAO,aAAiB,QAAQ,EAAM,UAAU;AAClD"}

package/dist/chunks/dashboard-page-CQNRbMkJ.cjs

@@ -0,0 +1,2 @@
+"use client";require('../dashboard-page.css');const e=require("./app-navigation-KnlJCUp1.cjs"),t=require("./auth-provider-BV8Iiwfb.cjs"),n=require("./routes-config-2aKbWq2H.cjs");let r=require("react"),i=require("@mezzanine-ui/react"),a=require("react/jsx-runtime"),o=require("@rytass/bpm-core-client/workflow"),s=require("@mezzanine-ui/icons"),c=require("@mezzanine-ui/react/ContentHeader");c=e.o(c,1);var l={metricCard:`bpm_metricCard_vp2qC`},u={activeInstanceCount:0,completedInstanceCount:0,overdueTaskCount:0,pendingTaskCount:0,rejectedInstanceCount:0,totalInstanceCount:0,unreadNotificationCount:0};function d({activeHref:d}){let m=t.a(),h=n.r(),{member:g}=t.n(),_=g?.memberId??null,[v,y]=(0,r.useState)(null),[b,x]=(0,r.useState)(!0),[S,C]=(0,r.useState)(u),w=(0,r.useCallback)(async()=>{if(!_){x(!1);return}x(!0),y(null);try{C(await(0,o.readWorkflowDashboardSummary)({currentMemberId:_,from:null,to:null}))}catch(e){y(p(e))}finally{x(!1)}},[_]);(0,r.useEffect)(()=>{w()},[w]);let T=(0,r.useMemo)(()=>[{caption:`目前需要你處理的任務`,href:h.inbox(),label:`待處理簽核`,value:f(S.pendingTaskCount,b)},{caption:`尚未讀取的站內通知`,href:h.inbox(),label:`未讀通知`,value:f(S.unreadNotificationCount,b)},{caption:`目前仍在流程中的案件`,href:h.search(),label:`進行中案件`,value:f(S.activeInstanceCount,b)},{caption:`已超過 SLA 的待處理任務`,href:h.inbox(),label:`逾時任務`,value:f(S.overdueTaskCount,b)},{caption:`你有權限查看的全部案件`,href:h.search(),label:`案件總數`,value:f(S.totalInstanceCount,b)}],[b,h,S]);return(0,a.jsxs)(e.t,{activeHref:d,children:[(0,a.jsx)(i.PageHeader,{children:(0,a.jsx)(c.default,{description:`查看待處理簽核、近期通知與你發起的案件進度。`,title:`工作台`,children:(0,a.jsx)(i.Button,{icon:s.PlusIcon,iconType:`leading`,onClick:()=>m.push(h.caseNew()),variant:`base-primary`,children:`發起簽核`})})}),(0,a.jsx)(i.SectionGroup,{children:(0,a.jsxs)(i.Section,{children:[v?(0,a.jsx)(i.Typography,{color:`text-error`,variant:`body`,children:v}):null,(0,a.jsx)(i.CardGroup,{children:T.map(e=>(0,a.jsx)(i.BaseCard,{"aria-label":`前往${e.label}`,className:l.metricCard,description:e.value,onClick:()=>m.push(e.href),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),m.push(e.href))},role:`link`,tabIndex:0,title:e.label,children:(0,a.jsx)(i.Typography,{color:`text-neutral`,variant:`caption`,children:e.caption})},e.label))})]})})]})}function f(e,t){return t?`-`:String(e)}function p(e){return e instanceof Error?e.message:`讀取工作台摘要失敗。`}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
+//# sourceMappingURL=dashboard-page-CQNRbMkJ.cjs.map

package/dist/chunks/dashboard-page-CQNRbMkJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-page-CQNRbMkJ.cjs","names":[],"sources":["../../src/components/dashboard-page.module.scss","../../src/components/dashboard-page.tsx"],"sourcesContent":[".metricCard {\n  color: inherit;\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.metricCard:hover {\n  text-decoration: none;\n}\n","'use client';\n\nimport type { KeyboardEvent, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  BaseCard,\n  Button,\n  CardGroup,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport {\n  readWorkflowDashboardSummary,\n  type WorkflowDashboardSummaryRecord,\n} from '@rytass/bpm-core-client/workflow';\nimport { useAuth } from '../lib/auth-provider';\nimport { useRouterAdapter } from '../lib/router-adapter';\nimport { useBPMRoutes } from '../lib/routes-config';\nimport { AppLayout } from './app-navigation';\nimport styles from './dashboard-page.module.scss';\n\nexport interface DashboardPageProps {\n  readonly activeHref: string;\n}\n\ninterface Metric {\n  readonly caption: string;\n  readonly href: string;\n  readonly label: string;\n  readonly value: string;\n}\n\nconst EMPTY_DASHBOARD_SUMMARY: WorkflowDashboardSummaryRecord = {\n  activeInstanceCount: 0,\n  completedInstanceCount: 0,\n  overdueTaskCount: 0,\n  pendingTaskCount: 0,\n  rejectedInstanceCount: 0,\n  totalInstanceCount: 0,\n  unreadNotificationCount: 0,\n};\n\n/**\n * Operator dashboard — shows pending/unread/active counts for the\n * currently-authenticated member. Reads {@link readWorkflowDashboardSummary}\n * and renders five metric tiles that navigate via {@link useRouterAdapter}.\n */\nexport function DashboardPage({ activeHref }: DashboardPageProps): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [summary, setSummary] = useState<WorkflowDashboardSummaryRecord>(\n    EMPTY_DASHBOARD_SUMMARY,\n  );\n\n  const refreshSummary = useCallback(async (): Promise<void> => {\n    if (!currentMemberId) {\n      setLoading(false);\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      setSummary(\n        await readWorkflowDashboardSummary({\n          currentMemberId,\n          from: null,\n          to: null,\n        }),\n      );\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [currentMemberId]);\n\n  useEffect((): void => {\n    void refreshSummary();\n  }, [refreshSummary]);\n\n  const metrics = useMemo(\n    (): readonly Metric[] => [\n      {\n        caption: '目前需要你處理的任務',\n        href: routes.inbox(),\n        label: '待處理簽核',\n        value: readMetricValue(summary.pendingTaskCount, loading),\n      },\n      {\n        // 未讀通知 — clicking the tile routes to inbox where pending\n        // tasks are the most actionable next step. The notification\n        // drawer bell stays available globally for in-place review.\n        // (Hosts that want a dedicated /notifications page can override\n        // `routes.notifications` and swap this href accordingly.)\n        caption: '尚未讀取的站內通知',\n        href: routes.inbox(),\n        label: '未讀通知',\n        value: readMetricValue(summary.unreadNotificationCount, loading),\n      },\n      {\n        caption: '目前仍在流程中的案件',\n        href: routes.search(),\n        label: '進行中案件',\n        value: readMetricValue(summary.activeInstanceCount, loading),\n      },\n      {\n        caption: '已超過 SLA 的待處理任務',\n        href: routes.inbox(),\n        label: '逾時任務',\n        value: readMetricValue(summary.overdueTaskCount, loading),\n      },\n      {\n        caption: '你有權限查看的全部案件',\n        href: routes.search(),\n        label: '案件總數',\n        value: readMetricValue(summary.totalInstanceCount, loading),\n      },\n    ],\n    [loading, routes, summary],\n  );\n\n  return (\n    <AppLayout activeHref={activeHref}>\n        <PageHeader>\n          <ContentHeader\n            description=\"查看待處理簽核、近期通知與你發起的案件進度。\"\n            title=\"工作台\"\n          >\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={(): void => router.push(routes.caseNew())}\n              variant=\"base-primary\"\n            >\n              發起簽核\n            </Button>\n          </ContentHeader>\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <CardGroup>\n              {metrics.map((metric) => (\n                <BaseCard\n                  aria-label={`前往${metric.label}`}\n                  className={styles.metricCard}\n                  description={metric.value}\n                  key={metric.label}\n                  onClick={(): void => router.push(metric.href)}\n                  onKeyDown={(event: KeyboardEvent<HTMLElement>): void => {\n                    if (event.key === 'Enter' || event.key === ' ') {\n                      event.preventDefault();\n                      router.push(metric.href);\n                    }\n                  }}\n                  role=\"link\"\n                  tabIndex={0}\n                  title={metric.label}\n                >\n                  <Typography color=\"text-neutral\" variant=\"caption\">\n                    {metric.caption}\n                  </Typography>\n                </BaseCard>\n              ))}\n            </CardGroup>\n          </Section>\n        </SectionGroup>\n      </AppLayout>\n  );\n}\n\nfunction readMetricValue(value: number, loading: boolean): string {\n  return loading ? '-' : String(value);\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '讀取工作台摘要失敗。';\n}\n"],"mappings":"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"}

package/dist/chunks/routes-config-2aKbWq2H.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"routes-config-2aKbWq2H.cjs","names":[],"sources":["../../src/lib/routes-config.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, useMemo, type ReactNode } from 'react';\n\n/**\n * Framework-agnostic path mapping every BPM view uses for internal\n * cross-navigation. When a host embeds BPM under a non-root prefix\n * (e.g. `/workspace/bpm/*`) it provides its own implementation through\n * `<BPMRoutesProvider value={...}>`; otherwise the default factory\n * preserves the historical `/instances/:id`, `/templates`, etc. paths.\n *\n * Function-shape (instead of string templates) means:\n * - Optional and multi-param routes can branch on argument presence\n *   (`caseNew(templateId?)`).\n * - Query-string composition stays inside the host's resolver, not the\n *   view.\n * - TypeScript flags missing arguments at compile time.\n *\n * Mirror sibling: {@link RouterAdapter} owns *navigation primitives*\n * (`push`, `replace`, `pathname`); `BPMRoutes` owns *path strings*. The\n * two compose: views call `router.push(routes.caseDetail(id))`.\n */\nexport interface BPMRoutes {\n  /** Workflow dashboard landing. Used by sidebar + dashboard tiles. */\n  dashboard(): string;\n  /** Inbox (待簽) — pending tasks assigned to the current member. */\n  inbox(): string;\n  /** Sent (我發起的) — instances the current member initiated. */\n  sent(): string;\n  /** CC (抄送給我) — instances the current member is copied on. */\n  cc(): string;\n  /** Cross-view search. */\n  search(): string;\n  /** Personal delegation rules. */\n  delegations(): string;\n  /** Notification list. */\n  notifications(): string;\n\n  /**\n   * Detail page for one approval instance.\n   *\n   * @example default → `/instances/abc123`\n   */\n  caseDetail(instanceId: string): string;\n  /**\n   * Launch a new approval instance. When `templateId` is passed, the\n   * launch form is pre-populated for that template — by default this is\n   * appended as a `?templateId=` query string so the path itself stays\n   * stable for routing.\n   *\n   * @example default `caseNew()` → `/instances/new`\n   * @example default `caseNew('tpl-1')` → `/instances/new?templateId=tpl-1`\n   */\n  caseNew(templateId?: string): string;\n\n  /** Template index. */\n  templates(): string;\n  /** Template designer (xyflow canvas). */\n  templateDesigner(templateId: string): string;\n  /** Template version history. */\n  templateVersions(templateId: string): string;\n  /** Template categories admin. */\n  templateCategories(): string;\n\n  /** Form definitions index. */\n  forms(): string;\n  /** Form-builder (CodeMirror schema editor + preview). */\n  formBuilder(formId: string): string;\n\n  /** Per-member notification preferences. */\n  notificationSettings(): string;\n\n  /** Admin: organization tree management. */\n  adminOrgs(): string;\n  /** Admin: member directory mapping. */\n  adminUsers(): string;\n  /** Admin: delegation rule management. */\n  adminDelegations(): string;\n}\n\n/**\n * Factory for the default `BPMRoutes` value. Reproduces the exact path\n * literals BPM views used before `BPMRoutesContext` existed, so existing\n * hosts (no provider mounted) keep working unchanged.\n */\nexport function createDefaultBPMRoutes(): BPMRoutes {\n  return {\n    dashboard: () => '/dashboard',\n    inbox: () => '/inbox',\n    sent: () => '/sent',\n    cc: () => '/cc',\n    search: () => '/search',\n    delegations: () => '/delegations',\n    notifications: () => '/notifications',\n\n    caseDetail: (instanceId) => `/instances/${instanceId}`,\n    caseNew: (templateId) =>\n      templateId\n        ? `/instances/new?templateId=${encodeURIComponent(templateId)}`\n        : '/instances/new',\n\n    templates: () => '/templates',\n    templateDesigner: (templateId) => `/templates/${templateId}/designer`,\n    templateVersions: (templateId) => `/templates/${templateId}/versions`,\n    templateCategories: () => '/templates/categories',\n\n    forms: () => '/forms',\n    formBuilder: (formId) => `/forms/${formId}/builder`,\n\n    notificationSettings: () => '/settings/notifications',\n\n    adminOrgs: () => '/admin/orgs',\n    adminUsers: () => '/admin/users',\n    adminDelegations: () => '/admin/delegations',\n  };\n}\n\nconst BPMRoutesContext = createContext<BPMRoutes | null>(null);\n\nexport interface BPMRoutesProviderProps {\n  /**\n   * Override the path mapping. Provide a full implementation, or spread\n   * the default and override individual entries:\n   *\n   * ```tsx\n   * <BPMRoutesProvider value={{\n   *   ...createDefaultBPMRoutes(),\n   *   caseDetail: (id) => `/workspace/cases/${id}`,\n   * }}>\n   * ```\n   */\n  readonly value?: BPMRoutes;\n  readonly children: ReactNode;\n}\n\n/**\n * Wraps the BPM React tree with a {@link BPMRoutes} value. Mounting the\n * provider is **optional** — `useBPMRoutes()` falls back to\n * {@link createDefaultBPMRoutes} when no provider is present. Use it\n * only when the host needs to remap BPM's internal paths.\n */\nexport function BPMRoutesProvider({\n  value,\n  children,\n}: BPMRoutesProviderProps): React.ReactElement {\n  const resolved = useMemo(() => value ?? createDefaultBPMRoutes(), [value]);\n  return (\n    <BPMRoutesContext.Provider value={resolved}>\n      {children}\n    </BPMRoutesContext.Provider>\n  );\n}\n\n/**\n * Reads the host-configured {@link BPMRoutes}. Falls back to\n * {@link createDefaultBPMRoutes} when no `<BPMRoutesProvider>` ancestor\n * is mounted, so views remain self-contained.\n */\nexport function useBPMRoutes(): BPMRoutes {\n  const value = useContext(BPMRoutesContext);\n  return value ?? DEFAULT_ROUTES;\n}\n\nconst DEFAULT_ROUTES: BPMRoutes = createDefaultBPMRoutes();\n"],"mappings":"mEAqFA,SAAgB,GAAoC,CAClD,MAAO,CACL,cAAiB,aACjB,UAAa,SACb,SAAY,QACZ,OAAU,MACV,WAAc,UACd,gBAAmB,eACnB,kBAAqB,iBAErB,WAAa,GAAe,cAAc,IAC1C,QAAU,GACR,EACI,6BAA6B,mBAAmB,CAAU,IAC1D,iBAEN,cAAiB,aACjB,iBAAmB,GAAe,cAAc,EAAW,WAC3D,iBAAmB,GAAe,cAAc,EAAW,WAC3D,uBAA0B,wBAE1B,UAAa,SACb,YAAc,GAAW,UAAU,EAAO,UAE1C,yBAA4B,0BAE5B,cAAiB,cACjB,eAAkB,eAClB,qBAAwB,oBAC1B,CACF,CAEA,IAAM,GAAA,EAAA,EAAA,eAAmD,IAAI,EAwB7D,SAAgB,EAAkB,CAChC,QACA,YAC6C,CAC7C,IAAM,GAAA,EAAA,EAAA,aAAyB,GAAS,EAAuB,EAAG,CAAC,CAAK,CAAC,EACzE,OACE,EAAA,EAAA,KAAC,EAAiB,SAAlB,CAA2B,MAAO,EAC/B,UACwB,CAAA,CAE/B,CAOA,SAAgB,GAA0B,CAExC,OAAA,EAAA,EAAA,YADyB,CAClB,GAAS,CAClB,CAEA,IAAM,EAA4B,EAAuB"}
+{"version":3,"file":"routes-config-2aKbWq2H.cjs","names":[],"sources":["../../src/lib/routes-config.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\n/**\n * Framework-agnostic path mapping every BPM view uses for internal\n * cross-navigation. When a host embeds BPM under a non-root prefix\n * (e.g. `/workspace/bpm/*`) it provides its own implementation through\n * `<BPMRoutesProvider value={...}>`; otherwise the default factory\n * preserves the historical `/instances/:id`, `/templates`, etc. paths.\n *\n * Function-shape (instead of string templates) means:\n * - Optional and multi-param routes can branch on argument presence\n *   (`caseNew(templateId?)`).\n * - Query-string composition stays inside the host's resolver, not the\n *   view.\n * - TypeScript flags missing arguments at compile time.\n *\n * Mirror sibling: {@link RouterAdapter} owns *navigation primitives*\n * (`push`, `replace`, `pathname`); `BPMRoutes` owns *path strings*. The\n * two compose: views call `router.push(routes.caseDetail(id))`.\n */\nexport interface BPMRoutes {\n  /** Workflow dashboard landing. Used by sidebar + dashboard tiles. */\n  dashboard(): string;\n  /** Inbox (待簽) — pending tasks assigned to the current member. */\n  inbox(): string;\n  /** Sent (我發起的) — instances the current member initiated. */\n  sent(): string;\n  /** CC (抄送給我) — instances the current member is copied on. */\n  cc(): string;\n  /** Cross-view search. */\n  search(): string;\n  /** Personal delegation rules. */\n  delegations(): string;\n  /**\n   * Reserved for hosts that want a dedicated `/notifications` page —\n   * BPM's built-in views do **not** navigate here by default (the\n   * notification drawer mounted by `<BPMNextProviders>` is the primary\n   * unread-notification UX). The `createDefaultBPMRoutes()` factory\n   * returns `'/notifications'` so consumers can mount their own page\n   * at that path if desired; no BPM-shipped `pages/notifications`\n   * shim exists.\n   */\n  notifications(): string;\n\n  /**\n   * Detail page for one approval instance.\n   *\n   * @example default → `/instances/abc123`\n   */\n  caseDetail(instanceId: string): string;\n  /**\n   * Launch a new approval instance. When `templateId` is passed, the\n   * launch form is pre-populated for that template — by default this is\n   * appended as a `?templateId=` query string so the path itself stays\n   * stable for routing.\n   *\n   * @example default `caseNew()` → `/instances/new`\n   * @example default `caseNew('tpl-1')` → `/instances/new?templateId=tpl-1`\n   */\n  caseNew(templateId?: string): string;\n\n  /** Template index. */\n  templates(): string;\n  /** Template designer (xyflow canvas). */\n  templateDesigner(templateId: string): string;\n  /** Template version history. */\n  templateVersions(templateId: string): string;\n  /** Template categories admin. */\n  templateCategories(): string;\n\n  /** Form definitions index. */\n  forms(): string;\n  /** Form-builder (CodeMirror schema editor + preview). */\n  formBuilder(formId: string): string;\n\n  /** Per-member notification preferences. */\n  notificationSettings(): string;\n\n  /** Admin: organization tree management. */\n  adminOrgs(): string;\n  /** Admin: member directory mapping. */\n  adminUsers(): string;\n  /** Admin: delegation rule management. */\n  adminDelegations(): string;\n}\n\n/**\n * Factory for the default `BPMRoutes` value. Reproduces the exact path\n * literals BPM views used before `BPMRoutesContext` existed, so existing\n * hosts (no provider mounted) keep working unchanged.\n */\nexport function createDefaultBPMRoutes(): BPMRoutes {\n  return {\n    dashboard: () => '/dashboard',\n    inbox: () => '/inbox',\n    sent: () => '/sent',\n    cc: () => '/cc',\n    search: () => '/search',\n    delegations: () => '/delegations',\n    notifications: () => '/notifications',\n\n    caseDetail: (instanceId) => `/instances/${instanceId}`,\n    caseNew: (templateId) =>\n      templateId\n        ? `/instances/new?templateId=${encodeURIComponent(templateId)}`\n        : '/instances/new',\n\n    templates: () => '/templates',\n    templateDesigner: (templateId) => `/templates/${templateId}/designer`,\n    templateVersions: (templateId) => `/templates/${templateId}/versions`,\n    templateCategories: () => '/templates/categories',\n\n    forms: () => '/forms',\n    formBuilder: (formId) => `/forms/${formId}/builder`,\n\n    notificationSettings: () => '/settings/notifications',\n\n    adminOrgs: () => '/admin/orgs',\n    adminUsers: () => '/admin/users',\n    adminDelegations: () => '/admin/delegations',\n  };\n}\n\nconst BPMRoutesContext = createContext<BPMRoutes | null>(null);\n\nexport interface BPMRoutesProviderProps {\n  /**\n   * Override the path mapping. Provide a full implementation, or spread\n   * the default and override individual entries:\n   *\n   * ```tsx\n   * <BPMRoutesProvider value={{\n   *   ...createDefaultBPMRoutes(),\n   *   caseDetail: (id) => `/workspace/cases/${id}`,\n   * }}>\n   * ```\n   */\n  readonly value?: BPMRoutes;\n  readonly children: ReactNode;\n}\n\n/**\n * Wraps the BPM React tree with a {@link BPMRoutes} value. Mounting the\n * provider is **optional** — `useBPMRoutes()` falls back to\n * {@link createDefaultBPMRoutes} when no provider is present. Use it\n * only when the host needs to remap BPM's internal paths.\n */\nexport function BPMRoutesProvider({\n  value,\n  children,\n}: BPMRoutesProviderProps): ReactElement {\n  const resolved = useMemo(() => value ?? createDefaultBPMRoutes(), [value]);\n  return (\n    <BPMRoutesContext.Provider value={resolved}>\n      {children}\n    </BPMRoutesContext.Provider>\n  );\n}\n\n/**\n * Reads the host-configured {@link BPMRoutes}. Falls back to\n * {@link createDefaultBPMRoutes} when no `<BPMRoutesProvider>` ancestor\n * is mounted, so views remain self-contained.\n */\nexport function useBPMRoutes(): BPMRoutes {\n  const value = useContext(BPMRoutesContext);\n  return value ?? DEFAULT_ROUTES;\n}\n\nconst DEFAULT_ROUTES: BPMRoutes = createDefaultBPMRoutes();\n"],"mappings":"mEAmGA,SAAgB,GAAoC,CAClD,MAAO,CACL,cAAiB,aACjB,UAAa,SACb,SAAY,QACZ,OAAU,MACV,WAAc,UACd,gBAAmB,eACnB,kBAAqB,iBAErB,WAAa,GAAe,cAAc,IAC1C,QAAU,GACR,EACI,6BAA6B,mBAAmB,CAAU,IAC1D,iBAEN,cAAiB,aACjB,iBAAmB,GAAe,cAAc,EAAW,WAC3D,iBAAmB,GAAe,cAAc,EAAW,WAC3D,uBAA0B,wBAE1B,UAAa,SACb,YAAc,GAAW,UAAU,EAAO,UAE1C,yBAA4B,0BAE5B,cAAiB,cACjB,eAAkB,eAClB,qBAAwB,oBAC1B,CACF,CAEA,IAAM,GAAA,EAAA,EAAA,eAAmD,IAAI,EAwB7D,SAAgB,EAAkB,CAChC,QACA,YACuC,CACvC,IAAM,GAAA,EAAA,EAAA,aAAyB,GAAS,EAAuB,EAAG,CAAC,CAAK,CAAC,EACzE,OACE,EAAA,EAAA,KAAC,EAAiB,SAAlB,CAA2B,MAAO,EAC/B,UACwB,CAAA,CAE/B,CAOA,SAAgB,GAA0B,CAExC,OAAA,EAAA,EAAA,YADyB,CAClB,GAAS,CAClB,CAEA,IAAM,EAA4B,EAAuB"}

package/dist/chunks/routes-config-dxahImVe.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes-config-dxahImVe.js","names":[],"sources":["../../src/lib/routes-config.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, useMemo, type ReactNode } from 'react';\n\n/**\n * Framework-agnostic path mapping every BPM view uses for internal\n * cross-navigation. When a host embeds BPM under a non-root prefix\n * (e.g. `/workspace/bpm/*`) it provides its own implementation through\n * `<BPMRoutesProvider value={...}>`; otherwise the default factory\n * preserves the historical `/instances/:id`, `/templates`, etc. paths.\n *\n * Function-shape (instead of string templates) means:\n * - Optional and multi-param routes can branch on argument presence\n *   (`caseNew(templateId?)`).\n * - Query-string composition stays inside the host's resolver, not the\n *   view.\n * - TypeScript flags missing arguments at compile time.\n *\n * Mirror sibling: {@link RouterAdapter} owns *navigation primitives*\n * (`push`, `replace`, `pathname`); `BPMRoutes` owns *path strings*. The\n * two compose: views call `router.push(routes.caseDetail(id))`.\n */\nexport interface BPMRoutes {\n  /** Workflow dashboard landing. Used by sidebar + dashboard tiles. */\n  dashboard(): string;\n  /** Inbox (待簽) — pending tasks assigned to the current member. */\n  inbox(): string;\n  /** Sent (我發起的) — instances the current member initiated. */\n  sent(): string;\n  /** CC (抄送給我) — instances the current member is copied on. */\n  cc(): string;\n  /** Cross-view search. */\n  search(): string;\n  /** Personal delegation rules. */\n  delegations(): string;\n  /** Notification list. */\n  notifications(): string;\n\n  /**\n   * Detail page for one approval instance.\n   *\n   * @example default → `/instances/abc123`\n   */\n  caseDetail(instanceId: string): string;\n  /**\n   * Launch a new approval instance. When `templateId` is passed, the\n   * launch form is pre-populated for that template — by default this is\n   * appended as a `?templateId=` query string so the path itself stays\n   * stable for routing.\n   *\n   * @example default `caseNew()` → `/instances/new`\n   * @example default `caseNew('tpl-1')` → `/instances/new?templateId=tpl-1`\n   */\n  caseNew(templateId?: string): string;\n\n  /** Template index. */\n  templates(): string;\n  /** Template designer (xyflow canvas). */\n  templateDesigner(templateId: string): string;\n  /** Template version history. */\n  templateVersions(templateId: string): string;\n  /** Template categories admin. */\n  templateCategories(): string;\n\n  /** Form definitions index. */\n  forms(): string;\n  /** Form-builder (CodeMirror schema editor + preview). */\n  formBuilder(formId: string): string;\n\n  /** Per-member notification preferences. */\n  notificationSettings(): string;\n\n  /** Admin: organization tree management. */\n  adminOrgs(): string;\n  /** Admin: member directory mapping. */\n  adminUsers(): string;\n  /** Admin: delegation rule management. */\n  adminDelegations(): string;\n}\n\n/**\n * Factory for the default `BPMRoutes` value. Reproduces the exact path\n * literals BPM views used before `BPMRoutesContext` existed, so existing\n * hosts (no provider mounted) keep working unchanged.\n */\nexport function createDefaultBPMRoutes(): BPMRoutes {\n  return {\n    dashboard: () => '/dashboard',\n    inbox: () => '/inbox',\n    sent: () => '/sent',\n    cc: () => '/cc',\n    search: () => '/search',\n    delegations: () => '/delegations',\n    notifications: () => '/notifications',\n\n    caseDetail: (instanceId) => `/instances/${instanceId}`,\n    caseNew: (templateId) =>\n      templateId\n        ? `/instances/new?templateId=${encodeURIComponent(templateId)}`\n        : '/instances/new',\n\n    templates: () => '/templates',\n    templateDesigner: (templateId) => `/templates/${templateId}/designer`,\n    templateVersions: (templateId) => `/templates/${templateId}/versions`,\n    templateCategories: () => '/templates/categories',\n\n    forms: () => '/forms',\n    formBuilder: (formId) => `/forms/${formId}/builder`,\n\n    notificationSettings: () => '/settings/notifications',\n\n    adminOrgs: () => '/admin/orgs',\n    adminUsers: () => '/admin/users',\n    adminDelegations: () => '/admin/delegations',\n  };\n}\n\nconst BPMRoutesContext = createContext<BPMRoutes | null>(null);\n\nexport interface BPMRoutesProviderProps {\n  /**\n   * Override the path mapping. Provide a full implementation, or spread\n   * the default and override individual entries:\n   *\n   * ```tsx\n   * <BPMRoutesProvider value={{\n   *   ...createDefaultBPMRoutes(),\n   *   caseDetail: (id) => `/workspace/cases/${id}`,\n   * }}>\n   * ```\n   */\n  readonly value?: BPMRoutes;\n  readonly children: ReactNode;\n}\n\n/**\n * Wraps the BPM React tree with a {@link BPMRoutes} value. Mounting the\n * provider is **optional** — `useBPMRoutes()` falls back to\n * {@link createDefaultBPMRoutes} when no provider is present. Use it\n * only when the host needs to remap BPM's internal paths.\n */\nexport function BPMRoutesProvider({\n  value,\n  children,\n}: BPMRoutesProviderProps): React.ReactElement {\n  const resolved = useMemo(() => value ?? createDefaultBPMRoutes(), [value]);\n  return (\n    <BPMRoutesContext.Provider value={resolved}>\n      {children}\n    </BPMRoutesContext.Provider>\n  );\n}\n\n/**\n * Reads the host-configured {@link BPMRoutes}. Falls back to\n * {@link createDefaultBPMRoutes} when no `<BPMRoutesProvider>` ancestor\n * is mounted, so views remain self-contained.\n */\nexport function useBPMRoutes(): BPMRoutes {\n  const value = useContext(BPMRoutesContext);\n  return value ?? DEFAULT_ROUTES;\n}\n\nconst DEFAULT_ROUTES: BPMRoutes = createDefaultBPMRoutes();\n"],"mappings":";;;;AAqFA,SAAgB,IAAoC;CAClD,OAAO;EACL,iBAAiB;EACjB,aAAa;EACb,YAAY;EACZ,UAAU;EACV,cAAc;EACd,mBAAmB;EACnB,qBAAqB;EAErB,aAAa,MAAe,cAAc;EAC1C,UAAU,MACR,IACI,6BAA6B,mBAAmB,CAAU,MAC1D;EAEN,iBAAiB;EACjB,mBAAmB,MAAe,cAAc,EAAW;EAC3D,mBAAmB,MAAe,cAAc,EAAW;EAC3D,0BAA0B;EAE1B,aAAa;EACb,cAAc,MAAW,UAAU,EAAO;EAE1C,4BAA4B;EAE5B,iBAAiB;EACjB,kBAAkB;EAClB,wBAAwB;CAC1B;AACF;AAEA,IAAM,IAAmB,EAAgC,IAAI;AAwB7D,SAAgB,EAAkB,EAChC,UACA,eAC6C;CAC7C,IAAM,IAAW,QAAc,KAAS,EAAuB,GAAG,CAAC,CAAK,CAAC;CACzE,OACE,kBAAC,EAAiB,UAAlB;EAA2B,OAAO;EAC/B;CACwB,CAAA;AAE/B;AAOA,SAAgB,IAA0B;CAExC,OADc,EAAW,CAClB,KAAS;AAClB;AAEA,IAAM,IAA4B,EAAuB"}
+{"version":3,"file":"routes-config-dxahImVe.js","names":[],"sources":["../../src/lib/routes-config.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\n/**\n * Framework-agnostic path mapping every BPM view uses for internal\n * cross-navigation. When a host embeds BPM under a non-root prefix\n * (e.g. `/workspace/bpm/*`) it provides its own implementation through\n * `<BPMRoutesProvider value={...}>`; otherwise the default factory\n * preserves the historical `/instances/:id`, `/templates`, etc. paths.\n *\n * Function-shape (instead of string templates) means:\n * - Optional and multi-param routes can branch on argument presence\n *   (`caseNew(templateId?)`).\n * - Query-string composition stays inside the host's resolver, not the\n *   view.\n * - TypeScript flags missing arguments at compile time.\n *\n * Mirror sibling: {@link RouterAdapter} owns *navigation primitives*\n * (`push`, `replace`, `pathname`); `BPMRoutes` owns *path strings*. The\n * two compose: views call `router.push(routes.caseDetail(id))`.\n */\nexport interface BPMRoutes {\n  /** Workflow dashboard landing. Used by sidebar + dashboard tiles. */\n  dashboard(): string;\n  /** Inbox (待簽) — pending tasks assigned to the current member. */\n  inbox(): string;\n  /** Sent (我發起的) — instances the current member initiated. */\n  sent(): string;\n  /** CC (抄送給我) — instances the current member is copied on. */\n  cc(): string;\n  /** Cross-view search. */\n  search(): string;\n  /** Personal delegation rules. */\n  delegations(): string;\n  /**\n   * Reserved for hosts that want a dedicated `/notifications` page —\n   * BPM's built-in views do **not** navigate here by default (the\n   * notification drawer mounted by `<BPMNextProviders>` is the primary\n   * unread-notification UX). The `createDefaultBPMRoutes()` factory\n   * returns `'/notifications'` so consumers can mount their own page\n   * at that path if desired; no BPM-shipped `pages/notifications`\n   * shim exists.\n   */\n  notifications(): string;\n\n  /**\n   * Detail page for one approval instance.\n   *\n   * @example default → `/instances/abc123`\n   */\n  caseDetail(instanceId: string): string;\n  /**\n   * Launch a new approval instance. When `templateId` is passed, the\n   * launch form is pre-populated for that template — by default this is\n   * appended as a `?templateId=` query string so the path itself stays\n   * stable for routing.\n   *\n   * @example default `caseNew()` → `/instances/new`\n   * @example default `caseNew('tpl-1')` → `/instances/new?templateId=tpl-1`\n   */\n  caseNew(templateId?: string): string;\n\n  /** Template index. */\n  templates(): string;\n  /** Template designer (xyflow canvas). */\n  templateDesigner(templateId: string): string;\n  /** Template version history. */\n  templateVersions(templateId: string): string;\n  /** Template categories admin. */\n  templateCategories(): string;\n\n  /** Form definitions index. */\n  forms(): string;\n  /** Form-builder (CodeMirror schema editor + preview). */\n  formBuilder(formId: string): string;\n\n  /** Per-member notification preferences. */\n  notificationSettings(): string;\n\n  /** Admin: organization tree management. */\n  adminOrgs(): string;\n  /** Admin: member directory mapping. */\n  adminUsers(): string;\n  /** Admin: delegation rule management. */\n  adminDelegations(): string;\n}\n\n/**\n * Factory for the default `BPMRoutes` value. Reproduces the exact path\n * literals BPM views used before `BPMRoutesContext` existed, so existing\n * hosts (no provider mounted) keep working unchanged.\n */\nexport function createDefaultBPMRoutes(): BPMRoutes {\n  return {\n    dashboard: () => '/dashboard',\n    inbox: () => '/inbox',\n    sent: () => '/sent',\n    cc: () => '/cc',\n    search: () => '/search',\n    delegations: () => '/delegations',\n    notifications: () => '/notifications',\n\n    caseDetail: (instanceId) => `/instances/${instanceId}`,\n    caseNew: (templateId) =>\n      templateId\n        ? `/instances/new?templateId=${encodeURIComponent(templateId)}`\n        : '/instances/new',\n\n    templates: () => '/templates',\n    templateDesigner: (templateId) => `/templates/${templateId}/designer`,\n    templateVersions: (templateId) => `/templates/${templateId}/versions`,\n    templateCategories: () => '/templates/categories',\n\n    forms: () => '/forms',\n    formBuilder: (formId) => `/forms/${formId}/builder`,\n\n    notificationSettings: () => '/settings/notifications',\n\n    adminOrgs: () => '/admin/orgs',\n    adminUsers: () => '/admin/users',\n    adminDelegations: () => '/admin/delegations',\n  };\n}\n\nconst BPMRoutesContext = createContext<BPMRoutes | null>(null);\n\nexport interface BPMRoutesProviderProps {\n  /**\n   * Override the path mapping. Provide a full implementation, or spread\n   * the default and override individual entries:\n   *\n   * ```tsx\n   * <BPMRoutesProvider value={{\n   *   ...createDefaultBPMRoutes(),\n   *   caseDetail: (id) => `/workspace/cases/${id}`,\n   * }}>\n   * ```\n   */\n  readonly value?: BPMRoutes;\n  readonly children: ReactNode;\n}\n\n/**\n * Wraps the BPM React tree with a {@link BPMRoutes} value. Mounting the\n * provider is **optional** — `useBPMRoutes()` falls back to\n * {@link createDefaultBPMRoutes} when no provider is present. Use it\n * only when the host needs to remap BPM's internal paths.\n */\nexport function BPMRoutesProvider({\n  value,\n  children,\n}: BPMRoutesProviderProps): ReactElement {\n  const resolved = useMemo(() => value ?? createDefaultBPMRoutes(), [value]);\n  return (\n    <BPMRoutesContext.Provider value={resolved}>\n      {children}\n    </BPMRoutesContext.Provider>\n  );\n}\n\n/**\n * Reads the host-configured {@link BPMRoutes}. Falls back to\n * {@link createDefaultBPMRoutes} when no `<BPMRoutesProvider>` ancestor\n * is mounted, so views remain self-contained.\n */\nexport function useBPMRoutes(): BPMRoutes {\n  const value = useContext(BPMRoutesContext);\n  return value ?? DEFAULT_ROUTES;\n}\n\nconst DEFAULT_ROUTES: BPMRoutes = createDefaultBPMRoutes();\n"],"mappings":";;;;AAmGA,SAAgB,IAAoC;CAClD,OAAO;EACL,iBAAiB;EACjB,aAAa;EACb,YAAY;EACZ,UAAU;EACV,cAAc;EACd,mBAAmB;EACnB,qBAAqB;EAErB,aAAa,MAAe,cAAc;EAC1C,UAAU,MACR,IACI,6BAA6B,mBAAmB,CAAU,MAC1D;EAEN,iBAAiB;EACjB,mBAAmB,MAAe,cAAc,EAAW;EAC3D,mBAAmB,MAAe,cAAc,EAAW;EAC3D,0BAA0B;EAE1B,aAAa;EACb,cAAc,MAAW,UAAU,EAAO;EAE1C,4BAA4B;EAE5B,iBAAiB;EACjB,kBAAkB;EAClB,wBAAwB;CAC1B;AACF;AAEA,IAAM,IAAmB,EAAgC,IAAI;AAwB7D,SAAgB,EAAkB,EAChC,UACA,eACuC;CACvC,IAAM,IAAW,QAAc,KAAS,EAAuB,GAAG,CAAC,CAAK,CAAC;CACzE,OACE,kBAAC,EAAiB,UAAlB;EAA2B,OAAO;EAC/B;CACwB,CAAA;AAE/B;AAOA,SAAgB,IAA0B;CAExC,OADc,EAAW,CAClB,KAAS;AAClB;AAEA,IAAM,IAA4B,EAAuB"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./chunks/app-navigation-KnlJCUp1.cjs"),t=require("./chunks/auth-provider-BV8Iiwfb.cjs"),n=require("./chunks/format-date-time-26_pFvv4.cjs"),r=require("./chunks/routes-config-2aKbWq2H.cjs"),i=require("./chunks/admin-pickers-Btvij1at.cjs"),a=require("./chunks/approval-instance-list-page-CVXgE2K3.cjs"),o=require("./chunks/bpm-form-field-Bc6k4ZEO.cjs"),s=require("./chunks/dashboard-page-1K_jQXQk.cjs");let c=require("react"),l=require("react/jsx-runtime"),u=require("@rytass/bpm-core-client/workflow"),d=require("@mezzanine-ui/react/moment"),f=require("@mezzanine-ui/react/Drawer");f=e.o(f,1);let p=require("@mezzanine-ui/react/NotificationCenter");p=e.o(p,1);var m=[`today`,`yesterday`,`past7Days`,`earlier`],h={earlier:`更早`,past7Days:`過去七天`,today:`今天`,yesterday:`昨天`},g=50;function _(){let n=t.a(),i=r.r(),{member:a}=t.n(),{close:o,isOpen:s}=e.a(),{refreshUnreadCount:d}=e.r(),_=a?.memberId??null,[x,S]=(0,c.useState)([]),[C,w]=(0,c.useState)(0),[T,E]=(0,c.useState)(1),[D,O]=(0,c.useState)(!1),[k,A]=(0,c.useState)(!1),[j,M]=(0,c.useState)(null),[N,P]=(0,c.useState)(`all`),F=(0,c.useCallback)(async(e,t)=>{if(_){O(!0),M(null);try{let n=await(0,u.listNotifications)({includeRead:!0,page:e,pageSize:g,recipientMemberId:_});S(e=>t?[...e,...n.notifications]:n.notifications),w(n.totalCount),E(e),await d()}catch(e){M(b(e))}finally{O(!1)}}},[_,d]);(0,c.useEffect)(()=>{!s||!_||F(1,!1)},[s,_,F]);let I=(0,c.useCallback)(e=>{let t=e.target.value;(t===`all`||t===`read`||t===`unread`)&&P(t)},[]),L=(0,c.useCallback)(async()=>{if(!(!_||k)){A(!0),M(null);try{await(0,u.markAllNotificationsRead)({recipientMemberId:_}),await F(1,!1)}catch(e){M(b(e))}finally{A(!1)}}},[k,_,F]),R=(0,c.useCallback)(()=>{D||F(T+1,!0)},[D,F,T]),z=(0,c.useCallback)(async e=>{if(_)try{await(0,u.markNotificationRead)({id:e,readerMemberId:_}),await F(1,!1)}catch(e){M(b(e))}},[_,F]),B=(0,c.useCallback)(async e=>{if(!(!e.instanceId||!_))try{e.status!==`READ`&&(await(0,u.markNotificationRead)({id:e.id,readerMemberId:_}),await d()),o(),n.push(i.caseDetail(e.instanceId))}catch(e){M(b(e))}},[o,_,d,n,i]),V=(0,c.useMemo)(()=>x.filter(e=>N===`all`?!0:N===`read`?e.status===`READ`:e.status!==`READ`),[N,x]),H=(0,c.useMemo)(()=>{let e=new Date,t=m.reduce((e,t)=>(e[t]=[],e),{earlier:[],past7Days:[],today:[],yesterday:[]});return V.forEach(n=>{t[y(n.createdAt,e)].push(n)}),m.map(e=>[e,t[e]]).filter(([,e])=>e.length>0)},[V]),U=x.length<C;return _?(0,l.jsx)(f.default,{bottomGhostActionDisabled:k||D,bottomGhostActionLoading:k,bottomGhostActionText:`全部標為已讀`,bottomOnGhostActionClick:()=>{L()},bottomOnPrimaryActionClick:()=>{R()},bottomPrimaryActionDisabled:!U||D,bottomPrimaryActionLoading:D&&U,bottomPrimaryActionText:U?`載入更多`:`已顯示全部`,contentKey:`${N}:${x.length}`,filterAreaAllRadioLabel:`全部`,filterAreaOnRadioChange:I,filterAreaReadRadioLabel:`已讀`,filterAreaShow:!0,filterAreaUnreadRadioLabel:`未讀`,filterAreaValue:N,headerTitle:`通知中心`,isBottomDisplay:!0,isHeaderDisplay:!0,onClose:o,open:s,size:`medium`,children:(0,l.jsxs)(`div`,{role:`list`,children:[j?(0,l.jsx)(`p`,{role:`alert`,style:{color:`var(--mzn-color-text-error, #d92d20)`,padding:`12px 16px`},children:j}):null,H.length===0?(0,l.jsx)(`p`,{style:{color:`var(--mzn-color-text-secondary, #6b7280)`,padding:`24px 16px`,textAlign:`center`},children:D?`載入中…`:`目前沒有通知`}):null,H.map(([e,t],n)=>(0,l.jsx)(c.Fragment,{children:t.map((r,i)=>(0,l.jsx)(p.default,{appendTips:n===H.length-1&&i===t.length-1&&!U?`已顯示全部通知`:void 0,cancelButtonText:r.status===`READ`?void 0:`標為已讀`,description:r.body,onCancel:r.status===`READ`?void 0:()=>{z(r.id)},onConfirm:r.instanceId?()=>{B(r)}:void 0,confirmButtonText:r.instanceId?`查看案件`:void 0,prependTips:i===0?h[e]:void 0,reference:r.id,severity:v(r.type),showBadge:r.status!==`READ`,timeStamp:r.createdAt,title:r.title,type:`drawer`},r.id))},e))]})}):null}function v(e){return e===`SLA_OVERDUE`?`error`:e===`SLA_WARNING`?`warning`:e===`INSTANCE_COMPLETED`?`success`:`info`}function y(e,t){let n=new Date(e);if(Number.isNaN(n.getTime()))return`earlier`;let r=new Date(t.getFullYear(),t.getMonth(),t.getDate()),i=new Date(n.getFullYear(),n.getMonth(),n.getDate());if(i.getTime()===r.getTime())return`today`;let a=new Date(r);return a.setDate(a.getDate()-1),i.getTime()===a.getTime()?`yesterday`:(t.getTime()-n.getTime())/(1e3*60*60*24)<=7?`past7Days`:`earlier`}function b(e){return e instanceof Error?e.message:`發生未知錯誤`}function x({children:n,locale:r=d.CalendarLocale.ZH_TW,publicPaths:i,loginPath:a}){return(0,l.jsx)(d.CalendarConfigProviderMoment,{locale:r,children:(0,l.jsx)(t.t,{publicPaths:i,loginPath:a,children:(0,l.jsx)(e.n,{children:(0,l.jsxs)(e.i,{children:[n,(0,l.jsx)(_,{})]})})})})}exports.AppLayout=e.t,exports.ApprovalInstanceListPage=a.t,exports.AuthProvider=t.t,exports.BPMFormField=o.t,exports.BPMRoutesProvider=r.t,exports.DashboardPage=s.t,exports.MemberPicker=i.t,exports.NotificationDrawer=_,exports.NotificationDrawerProvider=e.i,exports.NotificationUnreadProvider=e.n,exports.OrgUnitPicker=i.n,exports.PositionPicker=i.r,exports.Providers=x,exports.RouterAdapterProvider=t.r,exports.createDefaultBPMRoutes=r.n,exports.defaultBrowserSearchParams=t.i,exports.formatDateTime=n.t,exports.readMemberOption=i.i,exports.readOrgUnitOption=i.a,exports.readPositionOption=i.o,exports.useAuth=t.n,exports.useBPMRoutes=r.r,exports.useNotificationDrawer=e.a,exports.useNotificationUnread=e.r,exports.useRouterAdapter=t.a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./chunks/app-navigation-KnlJCUp1.cjs"),t=require("./chunks/auth-provider-BV8Iiwfb.cjs"),n=require("./chunks/format-date-time-26_pFvv4.cjs"),r=require("./chunks/routes-config-2aKbWq2H.cjs"),i=require("./chunks/admin-pickers-Btvij1at.cjs"),a=require("./chunks/approval-instance-list-page-CVXgE2K3.cjs"),o=require("./chunks/bpm-form-field-Bc6k4ZEO.cjs"),s=require("./chunks/dashboard-page-CQNRbMkJ.cjs");let c=require("react"),l=require("react/jsx-runtime"),u=require("@rytass/bpm-core-client/workflow"),d=require("@mezzanine-ui/react/moment"),f=require("@mezzanine-ui/react/Drawer");f=e.o(f,1);let p=require("@mezzanine-ui/react/NotificationCenter");p=e.o(p,1);var m=[`today`,`yesterday`,`past7Days`,`earlier`],h={earlier:`更早`,past7Days:`過去七天`,today:`今天`,yesterday:`昨天`},g=50;function _(){let n=t.a(),i=r.r(),{member:a}=t.n(),{close:o,isOpen:s}=e.a(),{refreshUnreadCount:d}=e.r(),_=a?.memberId??null,[x,S]=(0,c.useState)([]),[C,w]=(0,c.useState)(0),[T,E]=(0,c.useState)(1),[D,O]=(0,c.useState)(!1),[k,A]=(0,c.useState)(!1),[j,M]=(0,c.useState)(null),[N,P]=(0,c.useState)(`all`),F=(0,c.useCallback)(async(e,t)=>{if(_){O(!0),M(null);try{let n=await(0,u.listNotifications)({includeRead:!0,page:e,pageSize:g,recipientMemberId:_});S(e=>t?[...e,...n.notifications]:n.notifications),w(n.totalCount),E(e),await d()}catch(e){M(b(e))}finally{O(!1)}}},[_,d]);(0,c.useEffect)(()=>{!s||!_||F(1,!1)},[s,_,F]);let I=(0,c.useCallback)(e=>{let t=e.target.value;(t===`all`||t===`read`||t===`unread`)&&P(t)},[]),L=(0,c.useCallback)(async()=>{if(!(!_||k)){A(!0),M(null);try{await(0,u.markAllNotificationsRead)({recipientMemberId:_}),await F(1,!1)}catch(e){M(b(e))}finally{A(!1)}}},[k,_,F]),R=(0,c.useCallback)(()=>{D||F(T+1,!0)},[D,F,T]),z=(0,c.useCallback)(async e=>{if(_)try{await(0,u.markNotificationRead)({id:e,readerMemberId:_}),await F(1,!1)}catch(e){M(b(e))}},[_,F]),B=(0,c.useCallback)(async e=>{if(!(!e.instanceId||!_))try{e.status!==`READ`&&(await(0,u.markNotificationRead)({id:e.id,readerMemberId:_}),await d()),o(),n.push(i.caseDetail(e.instanceId))}catch(e){M(b(e))}},[o,_,d,n,i]),V=(0,c.useMemo)(()=>x.filter(e=>N===`all`?!0:N===`read`?e.status===`READ`:e.status!==`READ`),[N,x]),H=(0,c.useMemo)(()=>{let e=new Date,t=m.reduce((e,t)=>(e[t]=[],e),{earlier:[],past7Days:[],today:[],yesterday:[]});return V.forEach(n=>{t[y(n.createdAt,e)].push(n)}),m.map(e=>[e,t[e]]).filter(([,e])=>e.length>0)},[V]),U=x.length<C;return _?(0,l.jsx)(f.default,{bottomGhostActionDisabled:k||D,bottomGhostActionLoading:k,bottomGhostActionText:`全部標為已讀`,bottomOnGhostActionClick:()=>{L()},bottomOnPrimaryActionClick:()=>{R()},bottomPrimaryActionDisabled:!U||D,bottomPrimaryActionLoading:D&&U,bottomPrimaryActionText:U?`載入更多`:`已顯示全部`,contentKey:`${N}:${x.length}`,filterAreaAllRadioLabel:`全部`,filterAreaOnRadioChange:I,filterAreaReadRadioLabel:`已讀`,filterAreaShow:!0,filterAreaUnreadRadioLabel:`未讀`,filterAreaValue:N,headerTitle:`通知中心`,isBottomDisplay:!0,isHeaderDisplay:!0,onClose:o,open:s,size:`medium`,children:(0,l.jsxs)(`div`,{role:`list`,children:[j?(0,l.jsx)(`p`,{role:`alert`,style:{color:`var(--mzn-color-text-error, #d92d20)`,padding:`12px 16px`},children:j}):null,H.length===0?(0,l.jsx)(`p`,{style:{color:`var(--mzn-color-text-secondary, #6b7280)`,padding:`24px 16px`,textAlign:`center`},children:D?`載入中…`:`目前沒有通知`}):null,H.map(([e,t],n)=>(0,l.jsx)(c.Fragment,{children:t.map((r,i)=>(0,l.jsx)(p.default,{appendTips:n===H.length-1&&i===t.length-1&&!U?`已顯示全部通知`:void 0,cancelButtonText:r.status===`READ`?void 0:`標為已讀`,description:r.body,onCancel:r.status===`READ`?void 0:()=>{z(r.id)},onConfirm:r.instanceId?()=>{B(r)}:void 0,confirmButtonText:r.instanceId?`查看案件`:void 0,prependTips:i===0?h[e]:void 0,reference:r.id,severity:v(r.type),showBadge:r.status!==`READ`,timeStamp:r.createdAt,title:r.title,type:`drawer`},r.id))},e))]})}):null}function v(e){return e===`SLA_OVERDUE`?`error`:e===`SLA_WARNING`?`warning`:e===`INSTANCE_COMPLETED`?`success`:`info`}function y(e,t){let n=new Date(e);if(Number.isNaN(n.getTime()))return`earlier`;let r=new Date(t.getFullYear(),t.getMonth(),t.getDate()),i=new Date(n.getFullYear(),n.getMonth(),n.getDate());if(i.getTime()===r.getTime())return`today`;let a=new Date(r);return a.setDate(a.getDate()-1),i.getTime()===a.getTime()?`yesterday`:(t.getTime()-n.getTime())/(1e3*60*60*24)<=7?`past7Days`:`earlier`}function b(e){return e instanceof Error?e.message:`發生未知錯誤`}function x({children:n,locale:r=d.CalendarLocale.ZH_TW,publicPaths:i,loginPath:a}){return(0,l.jsx)(d.CalendarConfigProviderMoment,{locale:r,children:(0,l.jsx)(t.t,{publicPaths:i,loginPath:a,children:(0,l.jsx)(e.n,{children:(0,l.jsxs)(e.i,{children:[n,(0,l.jsx)(_,{})]})})})})}exports.AppLayout=e.t,exports.ApprovalInstanceListPage=a.t,exports.AuthProvider=t.t,exports.BPMFormField=o.t,exports.BPMRoutesProvider=r.t,exports.DashboardPage=s.t,exports.MemberPicker=i.t,exports.NotificationDrawer=_,exports.NotificationDrawerProvider=e.i,exports.NotificationUnreadProvider=e.n,exports.OrgUnitPicker=i.n,exports.PositionPicker=i.r,exports.Providers=x,exports.RouterAdapterProvider=t.r,exports.createDefaultBPMRoutes=r.n,exports.defaultBrowserSearchParams=t.i,exports.formatDateTime=n.t,exports.readMemberOption=i.i,exports.readOrgUnitOption=i.a,exports.readPositionOption=i.o,exports.useAuth=t.n,exports.useBPMRoutes=r.r,exports.useNotificationDrawer=e.a,exports.useNotificationUnread=e.r,exports.useRouterAdapter=t.a;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -6,7 +6,7 @@ import { n as d, r as f, t as p } from "./chunks/routes-config-dxahImVe.js";
 import { a as m, i as h, n as g, o as _, r as v, t as y } from "./chunks/admin-pickers-DLlG_1du.js";
 import { t as b } from "./chunks/approval-instance-list-page-CqNdoZqx.js";
 import { t as x } from "./chunks/bpm-form-field-Cao0rMol.js";
-import { t as S } from "./chunks/dashboard-page-R_T2OEiE.js";
+import { t as S } from "./chunks/dashboard-page-Bx1-Ys3e.js";
 import { Fragment as C, useCallback as w, useEffect as T, useMemo as E, useState as D } from "react";
 import { jsx as O, jsxs as k } from "react/jsx-runtime";
 import { listNotifications as A, markAllNotificationsRead as j, markNotificationRead as M } from "@rytass/bpm-core-client/workflow";

package/dist/lib/router-adapter.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 /**
  * Framework-agnostic router contract every BPM view consumes.
  *
@@ -33,7 +33,7 @@ export interface RouterAdapterProviderProps {
  * of their layout (or inside a `'use client'` shim that reads
  * `useRouter()` + `usePathname()` from `next/navigation`).
  */
-export declare function RouterAdapterProvider({ value, children, }: RouterAdapterProviderProps): React.ReactElement;
+export declare function RouterAdapterProvider({ value, children, }: RouterAdapterProviderProps): ReactElement;
 /**
  * Reads the host-provided {@link RouterAdapter}. Throws when used outside a
  * `<RouterAdapterProvider>` to surface wiring mistakes early.

package/dist/lib/routes-config.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 /**
  * Framework-agnostic path mapping every BPM view uses for internal
  * cross-navigation. When a host embeds BPM under a non-root prefix
@@ -30,7 +30,15 @@ export interface BPMRoutes {
     search(): string;
     /** Personal delegation rules. */
     delegations(): string;
-    /** Notification list. */
+    /**
+     * Reserved for hosts that want a dedicated `/notifications` page —
+     * BPM's built-in views do **not** navigate here by default (the
+     * notification drawer mounted by `<BPMNextProviders>` is the primary
+     * unread-notification UX). The `createDefaultBPMRoutes()` factory
+     * returns `'/notifications'` so consumers can mount their own page
+     * at that path if desired; no BPM-shipped `pages/notifications`
+     * shim exists.
+     */
     notifications(): string;
     /**
      * Detail page for one approval instance.
@@ -96,7 +104,7 @@ export interface BPMRoutesProviderProps {
  * {@link createDefaultBPMRoutes} when no provider is present. Use it
  * only when the host needs to remap BPM's internal paths.
  */
-export declare function BPMRoutesProvider({ value, children, }: BPMRoutesProviderProps): React.ReactElement;
+export declare function BPMRoutesProvider({ value, children, }: BPMRoutesProviderProps): ReactElement;
 /**
  * Reads the host-configured {@link BPMRoutes}. Falls back to
  * {@link createDefaultBPMRoutes} when no `<BPMRoutesProvider>` ancestor

package/dist/views/dashboard/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/dashboard-page-1K_jQXQk.cjs");let t=require("react/jsx-runtime");function n(n={}){return(0,t.jsx)(e.t,{activeHref:`/dashboard`})}exports.DashboardView=n;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/dashboard-page-CQNRbMkJ.cjs");let t=require("react/jsx-runtime");function n(n={}){return(0,t.jsx)(e.t,{activeHref:`/dashboard`})}exports.DashboardView=n;
 //# sourceMappingURL=index.cjs.map

package/dist/views/dashboard/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../../chunks/dashboard-page-R_T2OEiE.js";
+import { t as e } from "../../chunks/dashboard-page-Bx1-Ys3e.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/views/dashboard/DashboardView.tsx
 function n(n = {}) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rytass/bpm-core-react",
-  "version": "0.3.6",
+  "version": "0.3.8",
   "description": "BPM approval workflow React components and views for the Rytass BPM stack. Self-contained AuthProvider, NotificationDrawer, AppNavigation, plus full views for inbox / instances / templates / forms / admin / settings that compose on top of Mezzanine UI and the BPM client functions.",
   "keywords": [
     "bpm",
@@ -278,8 +278,8 @@
     }
   },
   "peerDependencies": {
-    "@rytass/bpm-core-client": "^0.1.9",
-    "@rytass/bpm-core-shared": "^0.1.9",
+    "@rytass/bpm-core-client": "^0.1.10",
+    "@rytass/bpm-core-shared": "^0.1.10",
     "@mezzanine-ui/react": "^1.1.0",
     "@mezzanine-ui/icons": "^1.0.2",
     "react": "^18.0.0 || ^19.0.0",

package/dist/chunks/dashboard-page-1K_jQXQk.cjs

@@ -1,2 +0,0 @@
-"use client";require('../dashboard-page.css');const e=require("./app-navigation-KnlJCUp1.cjs"),t=require("./auth-provider-BV8Iiwfb.cjs"),n=require("./routes-config-2aKbWq2H.cjs");let r=require("react"),i=require("@mezzanine-ui/react"),a=require("react/jsx-runtime"),o=require("@rytass/bpm-core-client/workflow"),s=require("@mezzanine-ui/icons"),c=require("@mezzanine-ui/react/ContentHeader");c=e.o(c,1);var l={metricCard:`bpm_metricCard_vp2qC`},u={activeInstanceCount:0,completedInstanceCount:0,overdueTaskCount:0,pendingTaskCount:0,rejectedInstanceCount:0,totalInstanceCount:0,unreadNotificationCount:0};function d({activeHref:d}){let m=t.a(),h=n.r(),{member:g}=t.n(),_=g?.memberId??null,[v,y]=(0,r.useState)(null),[b,x]=(0,r.useState)(!0),[S,C]=(0,r.useState)(u),w=(0,r.useCallback)(async()=>{if(!_){x(!1);return}x(!0),y(null);try{C(await(0,o.readWorkflowDashboardSummary)({currentMemberId:_,from:null,to:null}))}catch(e){y(p(e))}finally{x(!1)}},[_]);(0,r.useEffect)(()=>{w()},[w]);let T=(0,r.useMemo)(()=>[{caption:`目前需要你處理的任務`,href:h.inbox(),label:`待處理簽核`,value:f(S.pendingTaskCount,b)},{caption:`尚未讀取的站內通知`,href:h.notifications(),label:`未讀通知`,value:f(S.unreadNotificationCount,b)},{caption:`目前仍在流程中的案件`,href:h.search(),label:`進行中案件`,value:f(S.activeInstanceCount,b)},{caption:`已超過 SLA 的待處理任務`,href:h.inbox(),label:`逾時任務`,value:f(S.overdueTaskCount,b)},{caption:`你有權限查看的全部案件`,href:h.search(),label:`案件總數`,value:f(S.totalInstanceCount,b)}],[b,h,S]);return(0,a.jsxs)(e.t,{activeHref:d,children:[(0,a.jsx)(i.PageHeader,{children:(0,a.jsx)(c.default,{description:`查看待處理簽核、近期通知與你發起的案件進度。`,title:`工作台`,children:(0,a.jsx)(i.Button,{icon:s.PlusIcon,iconType:`leading`,onClick:()=>m.push(h.caseNew()),variant:`base-primary`,children:`發起簽核`})})}),(0,a.jsx)(i.SectionGroup,{children:(0,a.jsxs)(i.Section,{children:[v?(0,a.jsx)(i.Typography,{color:`text-error`,variant:`body`,children:v}):null,(0,a.jsx)(i.CardGroup,{children:T.map(e=>(0,a.jsx)(i.BaseCard,{"aria-label":`前往${e.label}`,className:l.metricCard,description:e.value,onClick:()=>m.push(e.href),onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),m.push(e.href))},role:`link`,tabIndex:0,title:e.label,children:(0,a.jsx)(i.Typography,{color:`text-neutral`,variant:`caption`,children:e.caption})},e.label))})]})})]})}function f(e,t){return t?`-`:String(e)}function p(e){return e instanceof Error?e.message:`讀取工作台摘要失敗。`}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
-//# sourceMappingURL=dashboard-page-1K_jQXQk.cjs.map

package/dist/chunks/dashboard-page-1K_jQXQk.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dashboard-page-1K_jQXQk.cjs","names":[],"sources":["../../src/components/dashboard-page.module.scss","../../src/components/dashboard-page.tsx"],"sourcesContent":[".metricCard {\n  color: inherit;\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.metricCard:hover {\n  text-decoration: none;\n}\n","'use client';\n\nimport type { KeyboardEvent, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  BaseCard,\n  Button,\n  CardGroup,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport {\n  readWorkflowDashboardSummary,\n  type WorkflowDashboardSummaryRecord,\n} from '@rytass/bpm-core-client/workflow';\nimport { useAuth } from '../lib/auth-provider';\nimport { useRouterAdapter } from '../lib/router-adapter';\nimport { useBPMRoutes } from '../lib/routes-config';\nimport { AppLayout } from './app-navigation';\nimport styles from './dashboard-page.module.scss';\n\nexport interface DashboardPageProps {\n  readonly activeHref: string;\n}\n\ninterface Metric {\n  readonly caption: string;\n  readonly href: string;\n  readonly label: string;\n  readonly value: string;\n}\n\nconst EMPTY_DASHBOARD_SUMMARY: WorkflowDashboardSummaryRecord = {\n  activeInstanceCount: 0,\n  completedInstanceCount: 0,\n  overdueTaskCount: 0,\n  pendingTaskCount: 0,\n  rejectedInstanceCount: 0,\n  totalInstanceCount: 0,\n  unreadNotificationCount: 0,\n};\n\n/**\n * Operator dashboard — shows pending/unread/active counts for the\n * currently-authenticated member. Reads {@link readWorkflowDashboardSummary}\n * and renders five metric tiles that navigate via {@link useRouterAdapter}.\n */\nexport function DashboardPage({ activeHref }: DashboardPageProps): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [summary, setSummary] = useState<WorkflowDashboardSummaryRecord>(\n    EMPTY_DASHBOARD_SUMMARY,\n  );\n\n  const refreshSummary = useCallback(async (): Promise<void> => {\n    if (!currentMemberId) {\n      setLoading(false);\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      setSummary(\n        await readWorkflowDashboardSummary({\n          currentMemberId,\n          from: null,\n          to: null,\n        }),\n      );\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [currentMemberId]);\n\n  useEffect((): void => {\n    void refreshSummary();\n  }, [refreshSummary]);\n\n  const metrics = useMemo(\n    (): readonly Metric[] => [\n      {\n        caption: '目前需要你處理的任務',\n        href: routes.inbox(),\n        label: '待處理簽核',\n        value: readMetricValue(summary.pendingTaskCount, loading),\n      },\n      {\n        caption: '尚未讀取的站內通知',\n        href: routes.notifications(),\n        label: '未讀通知',\n        value: readMetricValue(summary.unreadNotificationCount, loading),\n      },\n      {\n        caption: '目前仍在流程中的案件',\n        href: routes.search(),\n        label: '進行中案件',\n        value: readMetricValue(summary.activeInstanceCount, loading),\n      },\n      {\n        caption: '已超過 SLA 的待處理任務',\n        href: routes.inbox(),\n        label: '逾時任務',\n        value: readMetricValue(summary.overdueTaskCount, loading),\n      },\n      {\n        caption: '你有權限查看的全部案件',\n        href: routes.search(),\n        label: '案件總數',\n        value: readMetricValue(summary.totalInstanceCount, loading),\n      },\n    ],\n    [loading, routes, summary],\n  );\n\n  return (\n    <AppLayout activeHref={activeHref}>\n        <PageHeader>\n          <ContentHeader\n            description=\"查看待處理簽核、近期通知與你發起的案件進度。\"\n            title=\"工作台\"\n          >\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={(): void => router.push(routes.caseNew())}\n              variant=\"base-primary\"\n            >\n              發起簽核\n            </Button>\n          </ContentHeader>\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <CardGroup>\n              {metrics.map((metric) => (\n                <BaseCard\n                  aria-label={`前往${metric.label}`}\n                  className={styles.metricCard}\n                  description={metric.value}\n                  key={metric.label}\n                  onClick={(): void => router.push(metric.href)}\n                  onKeyDown={(event: KeyboardEvent<HTMLElement>): void => {\n                    if (event.key === 'Enter' || event.key === ' ') {\n                      event.preventDefault();\n                      router.push(metric.href);\n                    }\n                  }}\n                  role=\"link\"\n                  tabIndex={0}\n                  title={metric.label}\n                >\n                  <Typography color=\"text-neutral\" variant=\"caption\">\n                    {metric.caption}\n                  </Typography>\n                </BaseCard>\n              ))}\n            </CardGroup>\n          </Section>\n        </SectionGroup>\n      </AppLayout>\n  );\n}\n\nfunction readMetricValue(value: number, loading: boolean): string {\n  return loading ? '-' : String(value);\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '讀取工作台摘要失敗。';\n}\n"],"mappings":"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"}

package/dist/chunks/dashboard-page-R_T2OEiE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dashboard-page-R_T2OEiE.js","names":[],"sources":["../../src/components/dashboard-page.module.scss","../../src/components/dashboard-page.tsx"],"sourcesContent":[".metricCard {\n  color: inherit;\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.metricCard:hover {\n  text-decoration: none;\n}\n","'use client';\n\nimport type { KeyboardEvent, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  BaseCard,\n  Button,\n  CardGroup,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport {\n  readWorkflowDashboardSummary,\n  type WorkflowDashboardSummaryRecord,\n} from '@rytass/bpm-core-client/workflow';\nimport { useAuth } from '../lib/auth-provider';\nimport { useRouterAdapter } from '../lib/router-adapter';\nimport { useBPMRoutes } from '../lib/routes-config';\nimport { AppLayout } from './app-navigation';\nimport styles from './dashboard-page.module.scss';\n\nexport interface DashboardPageProps {\n  readonly activeHref: string;\n}\n\ninterface Metric {\n  readonly caption: string;\n  readonly href: string;\n  readonly label: string;\n  readonly value: string;\n}\n\nconst EMPTY_DASHBOARD_SUMMARY: WorkflowDashboardSummaryRecord = {\n  activeInstanceCount: 0,\n  completedInstanceCount: 0,\n  overdueTaskCount: 0,\n  pendingTaskCount: 0,\n  rejectedInstanceCount: 0,\n  totalInstanceCount: 0,\n  unreadNotificationCount: 0,\n};\n\n/**\n * Operator dashboard — shows pending/unread/active counts for the\n * currently-authenticated member. Reads {@link readWorkflowDashboardSummary}\n * and renders five metric tiles that navigate via {@link useRouterAdapter}.\n */\nexport function DashboardPage({ activeHref }: DashboardPageProps): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [summary, setSummary] = useState<WorkflowDashboardSummaryRecord>(\n    EMPTY_DASHBOARD_SUMMARY,\n  );\n\n  const refreshSummary = useCallback(async (): Promise<void> => {\n    if (!currentMemberId) {\n      setLoading(false);\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      setSummary(\n        await readWorkflowDashboardSummary({\n          currentMemberId,\n          from: null,\n          to: null,\n        }),\n      );\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [currentMemberId]);\n\n  useEffect((): void => {\n    void refreshSummary();\n  }, [refreshSummary]);\n\n  const metrics = useMemo(\n    (): readonly Metric[] => [\n      {\n        caption: '目前需要你處理的任務',\n        href: routes.inbox(),\n        label: '待處理簽核',\n        value: readMetricValue(summary.pendingTaskCount, loading),\n      },\n      {\n        caption: '尚未讀取的站內通知',\n        href: routes.notifications(),\n        label: '未讀通知',\n        value: readMetricValue(summary.unreadNotificationCount, loading),\n      },\n      {\n        caption: '目前仍在流程中的案件',\n        href: routes.search(),\n        label: '進行中案件',\n        value: readMetricValue(summary.activeInstanceCount, loading),\n      },\n      {\n        caption: '已超過 SLA 的待處理任務',\n        href: routes.inbox(),\n        label: '逾時任務',\n        value: readMetricValue(summary.overdueTaskCount, loading),\n      },\n      {\n        caption: '你有權限查看的全部案件',\n        href: routes.search(),\n        label: '案件總數',\n        value: readMetricValue(summary.totalInstanceCount, loading),\n      },\n    ],\n    [loading, routes, summary],\n  );\n\n  return (\n    <AppLayout activeHref={activeHref}>\n        <PageHeader>\n          <ContentHeader\n            description=\"查看待處理簽核、近期通知與你發起的案件進度。\"\n            title=\"工作台\"\n          >\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={(): void => router.push(routes.caseNew())}\n              variant=\"base-primary\"\n            >\n              發起簽核\n            </Button>\n          </ContentHeader>\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <CardGroup>\n              {metrics.map((metric) => (\n                <BaseCard\n                  aria-label={`前往${metric.label}`}\n                  className={styles.metricCard}\n                  description={metric.value}\n                  key={metric.label}\n                  onClick={(): void => router.push(metric.href)}\n                  onKeyDown={(event: KeyboardEvent<HTMLElement>): void => {\n                    if (event.key === 'Enter' || event.key === ' ') {\n                      event.preventDefault();\n                      router.push(metric.href);\n                    }\n                  }}\n                  role=\"link\"\n                  tabIndex={0}\n                  title={metric.label}\n                >\n                  <Typography color=\"text-neutral\" variant=\"caption\">\n                    {metric.caption}\n                  </Typography>\n                </BaseCard>\n              ))}\n            </CardGroup>\n          </Section>\n        </SectionGroup>\n      </AppLayout>\n  );\n}\n\nfunction readMetricValue(value: number, loading: boolean): string {\n  return loading ? '-' : String(value);\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '讀取工作台摘要失敗。';\n}\n"],"mappings":";;;;;;;;;;gDCoCM,IAA0D;CAC9D,qBAAqB;CACrB,wBAAwB;CACxB,kBAAkB;CAClB,kBAAkB;CAClB,uBAAuB;CACvB,oBAAoB;CACpB,yBAAyB;AAC3B;AAOA,SAAgB,EAAc,EAAE,iBAAgD;CAC9E,IAAM,IAAS,EAAiB,GAC1B,IAAS,EAAa,GACtB,EAAE,cAAW,EAAQ,GACrB,IAAkB,GAAQ,YAAY,MACtC,CAAC,GAAO,KAAY,EAAwB,IAAI,GAChD,CAAC,GAAS,KAAc,EAAS,EAAI,GACrC,CAAC,GAAS,KAAc,EAC5B,CACF,GAEM,IAAiB,EAAY,YAA2B;EAC5D,IAAI,CAAC,GAAiB;GACpB,EAAW,EAAK;GAChB;EACF;EAGA,AADA,EAAW,EAAI,GACf,EAAS,IAAI;EAEb,IAAI;GACF,EACE,MAAM,EAA6B;IACjC;IACA,MAAM;IACN,IAAI;GACN,CAAC,CACH;EACF,SAAS,GAAuB;GAC9B,EAAS,EAAiB,CAAY,CAAC;EACzC,UAAU;GACR,EAAW,EAAK;EAClB;CACF,GAAG,CAAC,CAAe,CAAC;CAEpB,QAAsB;EACpB,EAAoB;CACtB,GAAG,CAAC,CAAc,CAAC;CAEnB,IAAM,IAAU,QACW;EACvB;GACE,SAAS;GACT,MAAM,EAAO,MAAM;GACnB,OAAO;GACP,OAAO,EAAgB,EAAQ,kBAAkB,CAAO;EAC1D;EACA;GACE,SAAS;GACT,MAAM,EAAO,cAAc;GAC3B,OAAO;GACP,OAAO,EAAgB,EAAQ,yBAAyB,CAAO;EACjE;EACA;GACE,SAAS;GACT,MAAM,EAAO,OAAO;GACpB,OAAO;GACP,OAAO,EAAgB,EAAQ,qBAAqB,CAAO;EAC7D;EACA;GACE,SAAS;GACT,MAAM,EAAO,MAAM;GACnB,OAAO;GACP,OAAO,EAAgB,EAAQ,kBAAkB,CAAO;EAC1D;EACA;GACE,SAAS;GACT,MAAM,EAAO,OAAO;GACpB,OAAO;GACP,OAAO,EAAgB,EAAQ,oBAAoB,CAAO;EAC5D;CACF,GACA;EAAC;EAAS;EAAQ;CAAO,CAC3B;CAEA,OACE,kBAAC,GAAD;EAAuB;YAAvB,CACI,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,aAAY;GACZ,OAAM;aAEN,kBAAC,GAAD;IACE,MAAM;IACN,UAAS;IACT,eAAqB,EAAO,KAAK,EAAO,QAAQ,CAAC;IACjD,SAAQ;cACT;GAEO,CAAA;EACK,CAAA,EACL,CAAA,GAEZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA,CACG,IACC,kBAAC,GAAD;GAAY,OAAM;GAAa,SAAQ;aACpC;EACS,CAAA,IACV,MACJ,kBAAC,GAAD,EAAA,UACG,EAAQ,KAAK,MACZ,kBAAC,GAAD;GACE,cAAY,KAAK,EAAO;GACxB,WAAW,EAAO;GAClB,aAAa,EAAO;GAEpB,eAAqB,EAAO,KAAK,EAAO,IAAI;GAC5C,YAAY,MAA4C;IACtD,CAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,eAAe,GACrB,EAAO,KAAK,EAAO,IAAI;GAE3B;GACA,MAAK;GACL,UAAU;GACV,OAAO,EAAO;aAEd,kBAAC,GAAD;IAAY,OAAM;IAAe,SAAQ;cACtC,EAAO;GACE,CAAA;EACJ,GAfH,EAAO,KAeJ,CACX,EACQ,CAAA,CACJ,EAAA,CAAA,EACG,CAAA,CACL;;AAEjB;AAEA,SAAS,EAAgB,GAAe,GAA0B;CAChE,OAAO,IAAU,MAAM,OAAO,CAAK;AACrC;AAEA,SAAS,EAAiB,GAAwB;CAChD,OAAO,aAAiB,QAAQ,EAAM,UAAU;AAClD"}