@rytass/bpm-core-react 0.2.0 → 0.3.1

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/components/notification-drawer.tsx","../src/lib/providers.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Fragment,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type ChangeEvent,\n  type ReactElement,\n} from 'react';\nimport Drawer from '@mezzanine-ui/react/Drawer';\nimport NotificationCenter from '@mezzanine-ui/react/NotificationCenter';\nimport type { NotificationSeverity } from '@mezzanine-ui/core/notification-center';\nimport {\n  listNotifications,\n  markAllNotificationsRead,\n  markNotificationRead,\n  type NotificationRecord,\n  type NotificationType,\n} from '@rytass/bpm-core-client/workflow';\nimport { useAuth } from '../lib/auth-provider';\nimport { useNotificationDrawer } from '../lib/notification-drawer-provider';\nimport { useNotificationUnread } from '../lib/notification-unread-provider';\nimport { useRouterAdapter } from '../lib/router-adapter';\n\ntype FilterValue = 'all' | 'read' | 'unread';\n\ntype TimeGroup = 'today' | 'yesterday' | 'past7Days' | 'earlier';\n\nconst TIME_GROUP_ORDER: readonly TimeGroup[] = [\n  'today',\n  'yesterday',\n  'past7Days',\n  'earlier',\n];\n\nconst TIME_GROUP_LABEL: Readonly<Record<TimeGroup, string>> = {\n  earlier: '更早',\n  past7Days: '過去七天',\n  today: '今天',\n  yesterday: '昨天',\n};\n\nconst PAGE_SIZE = 50;\n\n/**\n * Right-side notification drawer mounted at the root by `<Providers>`.\n * Opens / closes via `useNotificationDrawer()`, polls\n * `listNotifications()` for the current member, supports filter\n * (`all` / `read` / `unread`), per-row mark-read, bulk mark-all-read, and\n * load-more pagination. Clicking a row with an `instanceId` navigates to\n * `/instances/<id>` via the host's router adapter.\n */\nexport function NotificationDrawer(): ReactElement | null {\n  const router = useRouterAdapter();\n  const { member } = useAuth();\n  const { close, isOpen } = useNotificationDrawer();\n  const { refreshUnreadCount } = useNotificationUnread();\n  const currentMemberId = member?.memberId ?? null;\n  const [rows, setRows] = useState<readonly NotificationRecord[]>([]);\n  const [totalCount, setTotalCount] = useState(0);\n  const [page, setPage] = useState(1);\n  const [loading, setLoading] = useState(false);\n  const [bulkLoading, setBulkLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [filter, setFilter] = useState<FilterValue>('all');\n\n  const loadPage = useCallback(\n    async (nextPage: number, append: boolean): Promise<void> => {\n      if (!currentMemberId) return;\n      setLoading(true);\n      setError(null);\n      try {\n        const result = await listNotifications({\n          includeRead: true,\n          page: nextPage,\n          pageSize: PAGE_SIZE,\n          recipientMemberId: currentMemberId,\n        });\n        setRows((current): readonly NotificationRecord[] =>\n          append ? [...current, ...result.notifications] : result.notifications,\n        );\n        setTotalCount(result.totalCount);\n        setPage(nextPage);\n        await refreshUnreadCount();\n      } catch (e: unknown) {\n        setError(readErrorMessage(e));\n      } finally {\n        setLoading(false);\n      }\n    },\n    [currentMemberId, refreshUnreadCount],\n  );\n\n  useEffect((): void => {\n    if (!isOpen || !currentMemberId) return;\n    void loadPage(1, false);\n  }, [isOpen, currentMemberId, loadPage]);\n\n  const handleFilterChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>): void => {\n      const next = event.target.value;\n      if (next === 'all' || next === 'read' || next === 'unread') setFilter(next);\n    },\n    [],\n  );\n\n  const handleMarkAllRead = useCallback(async (): Promise<void> => {\n    if (!currentMemberId || bulkLoading) return;\n    setBulkLoading(true);\n    setError(null);\n    try {\n      await markAllNotificationsRead({ recipientMemberId: currentMemberId });\n      await loadPage(1, false);\n    } catch (e: unknown) {\n      setError(readErrorMessage(e));\n    } finally {\n      setBulkLoading(false);\n    }\n  }, [bulkLoading, currentMemberId, loadPage]);\n\n  const handleLoadMore = useCallback((): void => {\n    if (loading) return;\n    void loadPage(page + 1, true);\n  }, [loading, loadPage, page]);\n\n  const handleMarkRead = useCallback(\n    async (id: string): Promise<void> => {\n      if (!currentMemberId) return;\n      try {\n        await markNotificationRead({ id, readerMemberId: currentMemberId });\n        await loadPage(1, false);\n      } catch (e: unknown) {\n        setError(readErrorMessage(e));\n      }\n    },\n    [currentMemberId, loadPage],\n  );\n\n  const handleOpenInstance = useCallback(\n    async (record: NotificationRecord): Promise<void> => {\n      if (!record.instanceId || !currentMemberId) return;\n      try {\n        if (record.status !== 'READ') {\n          await markNotificationRead({\n            id: record.id,\n            readerMemberId: currentMemberId,\n          });\n          await refreshUnreadCount();\n        }\n        close();\n        router.push(`/instances/${record.instanceId}`);\n      } catch (e: unknown) {\n        setError(readErrorMessage(e));\n      }\n    },\n    [close, currentMemberId, refreshUnreadCount, router],\n  );\n\n  const filteredRows = useMemo(\n    (): readonly NotificationRecord[] =>\n      rows.filter((row): boolean => {\n        if (filter === 'all') return true;\n        if (filter === 'read') return row.status === 'READ';\n        return row.status !== 'READ';\n      }),\n    [filter, rows],\n  );\n\n  const groupedRows = useMemo(\n    (): ReadonlyArray<readonly [TimeGroup, readonly NotificationRecord[]]> => {\n      const now = new Date();\n      const buckets = TIME_GROUP_ORDER.reduce<\n        Record<TimeGroup, NotificationRecord[]>\n      >(\n        (accumulator, group) => {\n          accumulator[group] = [];\n          return accumulator;\n        },\n        { earlier: [], past7Days: [], today: [], yesterday: [] },\n      );\n      filteredRows.forEach((row): void => {\n        buckets[resolveTimeGroup(row.createdAt, now)].push(row);\n      });\n      return TIME_GROUP_ORDER.map(\n        (group) => [group, buckets[group]] as const,\n      ).filter(([, items]) => items.length > 0);\n    },\n    [filteredRows],\n  );\n\n  const hasMore = rows.length < totalCount;\n\n  if (!currentMemberId) return null;\n\n  return (\n    <Drawer\n      bottomGhostActionDisabled={bulkLoading || loading}\n      bottomGhostActionLoading={bulkLoading}\n      bottomGhostActionText=\"全部標為已讀\"\n      bottomOnGhostActionClick={(): void => {\n        void handleMarkAllRead();\n      }}\n      bottomOnPrimaryActionClick={(): void => {\n        handleLoadMore();\n      }}\n      bottomPrimaryActionDisabled={!hasMore || loading}\n      bottomPrimaryActionLoading={loading && hasMore}\n      bottomPrimaryActionText={hasMore ? '載入更多' : '已顯示全部'}\n      contentKey={`${filter}:${rows.length}`}\n      filterAreaAllRadioLabel=\"全部\"\n      filterAreaOnRadioChange={handleFilterChange}\n      filterAreaReadRadioLabel=\"已讀\"\n      filterAreaShow\n      filterAreaUnreadRadioLabel=\"未讀\"\n      filterAreaValue={filter}\n      headerTitle=\"通知中心\"\n      isBottomDisplay\n      isHeaderDisplay\n      onClose={close}\n      open={isOpen}\n      size=\"medium\"\n    >\n      <div role=\"list\">\n        {error ? (\n          <p\n            role=\"alert\"\n            style={{\n              color: 'var(--mzn-color-text-error, #d92d20)',\n              padding: '12px 16px',\n            }}\n          >\n            {error}\n          </p>\n        ) : null}\n        {groupedRows.length === 0 ? (\n          <p\n            style={{\n              color: 'var(--mzn-color-text-secondary, #6b7280)',\n              padding: '24px 16px',\n              textAlign: 'center',\n            }}\n          >\n            {loading ? '載入中…' : '目前沒有通知'}\n          </p>\n        ) : null}\n        {groupedRows.map(([group, items], groupIndex) => (\n          <Fragment key={group}>\n            {items.map((record, itemIndex) => (\n              <NotificationCenter\n                appendTips={\n                  groupIndex === groupedRows.length - 1 &&\n                  itemIndex === items.length - 1 &&\n                  !hasMore\n                    ? '已顯示全部通知'\n                    : undefined\n                }\n                cancelButtonText={\n                  record.status !== 'READ' ? '標為已讀' : undefined\n                }\n                description={record.body}\n                key={record.id}\n                onCancel={\n                  record.status !== 'READ'\n                    ? (): void => {\n                        void handleMarkRead(record.id);\n                      }\n                    : undefined\n                }\n                onConfirm={\n                  record.instanceId\n                    ? (): void => {\n                        void handleOpenInstance(record);\n                      }\n                    : undefined\n                }\n                confirmButtonText={record.instanceId ? '查看案件' : undefined}\n                prependTips={itemIndex === 0 ? TIME_GROUP_LABEL[group] : undefined}\n                reference={record.id}\n                severity={toSeverity(record.type)}\n                showBadge={record.status !== 'READ'}\n                timeStamp={record.createdAt}\n                title={record.title}\n                type=\"drawer\"\n              />\n            ))}\n          </Fragment>\n        ))}\n      </div>\n    </Drawer>\n  );\n}\n\nfunction toSeverity(type: NotificationType): NotificationSeverity {\n  if (type === 'SLA_OVERDUE') return 'error';\n  if (type === 'SLA_WARNING') return 'warning';\n  if (type === 'INSTANCE_COMPLETED') return 'success';\n  return 'info';\n}\n\nfunction resolveTimeGroup(value: string, now: Date): TimeGroup {\n  const notificationDate = new Date(value);\n  if (Number.isNaN(notificationDate.getTime())) return 'earlier';\n  const nowStartOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n  const notificationStartOfDay = new Date(\n    notificationDate.getFullYear(),\n    notificationDate.getMonth(),\n    notificationDate.getDate(),\n  );\n  if (notificationStartOfDay.getTime() === nowStartOfDay.getTime()) return 'today';\n  const yesterdayStartOfDay = new Date(nowStartOfDay);\n  yesterdayStartOfDay.setDate(yesterdayStartOfDay.getDate() - 1);\n  if (notificationStartOfDay.getTime() === yesterdayStartOfDay.getTime())\n    return 'yesterday';\n  const diffInDays =\n    (now.getTime() - notificationDate.getTime()) / (1000 * 60 * 60 * 24);\n  if (diffInDays <= 7) return 'past7Days';\n  return 'earlier';\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n","'use client';\n\nimport type { ReactElement, ReactNode } from 'react';\nimport {\n  CalendarConfigProviderMoment,\n  CalendarLocale,\n} from '@mezzanine-ui/react/moment';\nimport { AuthProvider } from './auth-provider';\nimport { NotificationDrawer } from '../components/notification-drawer';\nimport { NotificationDrawerProvider } from './notification-drawer-provider';\nimport { NotificationUnreadProvider } from './notification-unread-provider';\n\ninterface ProvidersProps {\n  readonly children: ReactNode;\n  /** Override Mezzanine calendar locale. Defaults to `CalendarLocale.ZH_TW`. */\n  readonly locale?: CalendarLocale;\n  /**\n   * Public paths that should not trigger redirect to `/login` when there\n   * is no session. Forwarded to `<AuthProvider>`. Defaults to `['/login']`.\n   */\n  readonly publicPaths?: readonly string[];\n  /** Where to send unauthenticated users. Defaults to `'/login'`. */\n  readonly loginPath?: string;\n}\n\n/**\n * One-stop BPM admin provider stack. Wires:\n *\n * - Mezzanine UI calendar locale (moment-based, `ZH_TW` by default)\n * - `<AuthProvider>` (BPM session via REST `/auth/*`)\n * - `<NotificationUnreadProvider>` (polls unread count)\n * - `<NotificationDrawerProvider>` (controls drawer open/close state)\n * - `<NotificationDrawer />` mounted at the root so the bell-icon button in\n *   `<AppNavigation />` can open it.\n *\n * Consumer hosts wrap this **inside** a `<RouterAdapterProvider>` (provided\n * by the `pages/*` subpath shims when consuming via Next.js, or wired by\n * hand for other frameworks).\n */\nexport function Providers({\n  children,\n  locale = CalendarLocale.ZH_TW,\n  publicPaths,\n  loginPath,\n}: ProvidersProps): ReactElement {\n  return (\n    <CalendarConfigProviderMoment locale={locale}>\n      <AuthProvider publicPaths={publicPaths} loginPath={loginPath}>\n        <NotificationUnreadProvider>\n          <NotificationDrawerProvider>\n            {children}\n            <NotificationDrawer />\n          </NotificationDrawerProvider>\n        </NotificationUnreadProvider>\n      </AuthProvider>\n    </CalendarConfigProviderMoment>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/components/notification-drawer.tsx","../src/lib/providers.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Fragment,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type ChangeEvent,\n  type ReactElement,\n} from 'react';\nimport Drawer from '@mezzanine-ui/react/Drawer';\nimport NotificationCenter from '@mezzanine-ui/react/NotificationCenter';\nimport type { NotificationSeverity } from '@mezzanine-ui/core/notification-center';\nimport {\n  listNotifications,\n  markAllNotificationsRead,\n  markNotificationRead,\n  type NotificationRecord,\n  type NotificationType,\n} from '@rytass/bpm-core-client/workflow';\nimport { useAuth } from '../lib/auth-provider';\nimport { useNotificationDrawer } from '../lib/notification-drawer-provider';\nimport { useNotificationUnread } from '../lib/notification-unread-provider';\nimport { useRouterAdapter } from '../lib/router-adapter';\n\ntype FilterValue = 'all' | 'read' | 'unread';\n\ntype TimeGroup = 'today' | 'yesterday' | 'past7Days' | 'earlier';\n\nconst TIME_GROUP_ORDER: readonly TimeGroup[] = [\n  'today',\n  'yesterday',\n  'past7Days',\n  'earlier',\n];\n\nconst TIME_GROUP_LABEL: Readonly<Record<TimeGroup, string>> = {\n  earlier: '更早',\n  past7Days: '過去七天',\n  today: '今天',\n  yesterday: '昨天',\n};\n\nconst PAGE_SIZE = 50;\n\n/**\n * Right-side notification drawer mounted at the root by `<Providers>`.\n * Opens / closes via `useNotificationDrawer()`, polls\n * `listNotifications()` for the current member, supports filter\n * (`all` / `read` / `unread`), per-row mark-read, bulk mark-all-read, and\n * load-more pagination. Clicking a row with an `instanceId` navigates to\n * `/instances/<id>` via the host's router adapter.\n */\nexport function NotificationDrawer(): ReactElement | null {\n  const router = useRouterAdapter();\n  const { member } = useAuth();\n  const { close, isOpen } = useNotificationDrawer();\n  const { refreshUnreadCount } = useNotificationUnread();\n  const currentMemberId = member?.memberId ?? null;\n  const [rows, setRows] = useState<readonly NotificationRecord[]>([]);\n  const [totalCount, setTotalCount] = useState(0);\n  const [page, setPage] = useState(1);\n  const [loading, setLoading] = useState(false);\n  const [bulkLoading, setBulkLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [filter, setFilter] = useState<FilterValue>('all');\n\n  const loadPage = useCallback(\n    async (nextPage: number, append: boolean): Promise<void> => {\n      if (!currentMemberId) return;\n      setLoading(true);\n      setError(null);\n      try {\n        const result = await listNotifications({\n          includeRead: true,\n          page: nextPage,\n          pageSize: PAGE_SIZE,\n          recipientMemberId: currentMemberId,\n        });\n        setRows((current): readonly NotificationRecord[] =>\n          append ? [...current, ...result.notifications] : result.notifications,\n        );\n        setTotalCount(result.totalCount);\n        setPage(nextPage);\n        await refreshUnreadCount();\n      } catch (e: unknown) {\n        setError(readErrorMessage(e));\n      } finally {\n        setLoading(false);\n      }\n    },\n    [currentMemberId, refreshUnreadCount],\n  );\n\n  useEffect((): void => {\n    if (!isOpen || !currentMemberId) return;\n    void loadPage(1, false);\n  }, [isOpen, currentMemberId, loadPage]);\n\n  const handleFilterChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>): void => {\n      const next = event.target.value;\n      if (next === 'all' || next === 'read' || next === 'unread') setFilter(next);\n    },\n    [],\n  );\n\n  const handleMarkAllRead = useCallback(async (): Promise<void> => {\n    if (!currentMemberId || bulkLoading) return;\n    setBulkLoading(true);\n    setError(null);\n    try {\n      await markAllNotificationsRead({ recipientMemberId: currentMemberId });\n      await loadPage(1, false);\n    } catch (e: unknown) {\n      setError(readErrorMessage(e));\n    } finally {\n      setBulkLoading(false);\n    }\n  }, [bulkLoading, currentMemberId, loadPage]);\n\n  const handleLoadMore = useCallback((): void => {\n    if (loading) return;\n    void loadPage(page + 1, true);\n  }, [loading, loadPage, page]);\n\n  const handleMarkRead = useCallback(\n    async (id: string): Promise<void> => {\n      if (!currentMemberId) return;\n      try {\n        await markNotificationRead({ id, readerMemberId: currentMemberId });\n        await loadPage(1, false);\n      } catch (e: unknown) {\n        setError(readErrorMessage(e));\n      }\n    },\n    [currentMemberId, loadPage],\n  );\n\n  const handleOpenInstance = useCallback(\n    async (record: NotificationRecord): Promise<void> => {\n      if (!record.instanceId || !currentMemberId) return;\n      try {\n        if (record.status !== 'READ') {\n          await markNotificationRead({\n            id: record.id,\n            readerMemberId: currentMemberId,\n          });\n          await refreshUnreadCount();\n        }\n        close();\n        router.push(`/instances/${record.instanceId}`);\n      } catch (e: unknown) {\n        setError(readErrorMessage(e));\n      }\n    },\n    [close, currentMemberId, refreshUnreadCount, router],\n  );\n\n  const filteredRows = useMemo(\n    (): readonly NotificationRecord[] =>\n      rows.filter((row): boolean => {\n        if (filter === 'all') return true;\n        if (filter === 'read') return row.status === 'READ';\n        return row.status !== 'READ';\n      }),\n    [filter, rows],\n  );\n\n  const groupedRows = useMemo(\n    (): ReadonlyArray<readonly [TimeGroup, readonly NotificationRecord[]]> => {\n      const now = new Date();\n      const buckets = TIME_GROUP_ORDER.reduce<\n        Record<TimeGroup, NotificationRecord[]>\n      >(\n        (accumulator, group) => {\n          accumulator[group] = [];\n          return accumulator;\n        },\n        { earlier: [], past7Days: [], today: [], yesterday: [] },\n      );\n      filteredRows.forEach((row): void => {\n        buckets[resolveTimeGroup(row.createdAt, now)].push(row);\n      });\n      return TIME_GROUP_ORDER.map(\n        (group) => [group, buckets[group]] as const,\n      ).filter(([, items]) => items.length > 0);\n    },\n    [filteredRows],\n  );\n\n  const hasMore = rows.length < totalCount;\n\n  if (!currentMemberId) return null;\n\n  return (\n    <Drawer\n      bottomGhostActionDisabled={bulkLoading || loading}\n      bottomGhostActionLoading={bulkLoading}\n      bottomGhostActionText=\"全部標為已讀\"\n      bottomOnGhostActionClick={(): void => {\n        void handleMarkAllRead();\n      }}\n      bottomOnPrimaryActionClick={(): void => {\n        handleLoadMore();\n      }}\n      bottomPrimaryActionDisabled={!hasMore || loading}\n      bottomPrimaryActionLoading={loading && hasMore}\n      bottomPrimaryActionText={hasMore ? '載入更多' : '已顯示全部'}\n      contentKey={`${filter}:${rows.length}`}\n      filterAreaAllRadioLabel=\"全部\"\n      filterAreaOnRadioChange={handleFilterChange}\n      filterAreaReadRadioLabel=\"已讀\"\n      filterAreaShow\n      filterAreaUnreadRadioLabel=\"未讀\"\n      filterAreaValue={filter}\n      headerTitle=\"通知中心\"\n      isBottomDisplay\n      isHeaderDisplay\n      onClose={close}\n      open={isOpen}\n      size=\"medium\"\n    >\n      <div role=\"list\">\n        {error ? (\n          <p\n            role=\"alert\"\n            style={{\n              color: 'var(--mzn-color-text-error, #d92d20)',\n              padding: '12px 16px',\n            }}\n          >\n            {error}\n          </p>\n        ) : null}\n        {groupedRows.length === 0 ? (\n          <p\n            style={{\n              color: 'var(--mzn-color-text-secondary, #6b7280)',\n              padding: '24px 16px',\n              textAlign: 'center',\n            }}\n          >\n            {loading ? '載入中…' : '目前沒有通知'}\n          </p>\n        ) : null}\n        {groupedRows.map(([group, items], groupIndex) => (\n          <Fragment key={group}>\n            {items.map((record, itemIndex) => (\n              <NotificationCenter\n                appendTips={\n                  groupIndex === groupedRows.length - 1 &&\n                  itemIndex === items.length - 1 &&\n                  !hasMore\n                    ? '已顯示全部通知'\n                    : undefined\n                }\n                cancelButtonText={\n                  record.status !== 'READ' ? '標為已讀' : undefined\n                }\n                description={record.body}\n                key={record.id}\n                onCancel={\n                  record.status !== 'READ'\n                    ? (): void => {\n                        void handleMarkRead(record.id);\n                      }\n                    : undefined\n                }\n                onConfirm={\n                  record.instanceId\n                    ? (): void => {\n                        void handleOpenInstance(record);\n                      }\n                    : undefined\n                }\n                confirmButtonText={record.instanceId ? '查看案件' : undefined}\n                prependTips={itemIndex === 0 ? TIME_GROUP_LABEL[group] : undefined}\n                reference={record.id}\n                severity={toSeverity(record.type)}\n                showBadge={record.status !== 'READ'}\n                timeStamp={record.createdAt}\n                title={record.title}\n                type=\"drawer\"\n              />\n            ))}\n          </Fragment>\n        ))}\n      </div>\n    </Drawer>\n  );\n}\n\nfunction toSeverity(type: NotificationType): NotificationSeverity {\n  if (type === 'SLA_OVERDUE') return 'error';\n  if (type === 'SLA_WARNING') return 'warning';\n  if (type === 'INSTANCE_COMPLETED') return 'success';\n  return 'info';\n}\n\nfunction resolveTimeGroup(value: string, now: Date): TimeGroup {\n  const notificationDate = new Date(value);\n  if (Number.isNaN(notificationDate.getTime())) return 'earlier';\n  const nowStartOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n  const notificationStartOfDay = new Date(\n    notificationDate.getFullYear(),\n    notificationDate.getMonth(),\n    notificationDate.getDate(),\n  );\n  if (notificationStartOfDay.getTime() === nowStartOfDay.getTime()) return 'today';\n  const yesterdayStartOfDay = new Date(nowStartOfDay);\n  yesterdayStartOfDay.setDate(yesterdayStartOfDay.getDate() - 1);\n  if (notificationStartOfDay.getTime() === yesterdayStartOfDay.getTime())\n    return 'yesterday';\n  const diffInDays =\n    (now.getTime() - notificationDate.getTime()) / (1000 * 60 * 60 * 24);\n  if (diffInDays <= 7) return 'past7Days';\n  return 'earlier';\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n","'use client';\n\nimport type { ReactElement, ReactNode } from 'react';\nimport {\n  CalendarConfigProviderMoment,\n  CalendarLocale,\n} from '@mezzanine-ui/react/moment';\nimport { AuthProvider } from './auth-provider';\nimport { NotificationDrawer } from '../components/notification-drawer';\nimport { NotificationDrawerProvider } from './notification-drawer-provider';\nimport { NotificationUnreadProvider } from './notification-unread-provider';\n\ninterface ProvidersProps {\n  readonly children: ReactNode;\n  /** Override Mezzanine calendar locale. Defaults to `CalendarLocale.ZH_TW`. */\n  readonly locale?: CalendarLocale;\n  /**\n   * Public paths that should not trigger redirect to `/login` when there\n   * is no session. Forwarded to `<AuthProvider>`. Defaults to `['/login']`.\n   */\n  readonly publicPaths?: readonly string[];\n  /** Where to send unauthenticated users. Defaults to `'/login'`. */\n  readonly loginPath?: string;\n}\n\n/**\n * One-stop BPM admin provider stack. Wires:\n *\n * - Mezzanine UI calendar locale (moment-based, `ZH_TW` by default)\n * - `<AuthProvider>` (BPM session via REST `/auth/*`)\n * - `<NotificationUnreadProvider>` (polls unread count)\n * - `<NotificationDrawerProvider>` (controls drawer open/close state)\n * - `<NotificationDrawer />` mounted at the root so the bell-icon button in\n *   `<AppLayout />` can open it.\n *\n * Consumer hosts wrap this **inside** a `<RouterAdapterProvider>` (provided\n * by the `pages/*` subpath shims when consuming via Next.js, or wired by\n * hand for other frameworks).\n */\nexport function Providers({\n  children,\n  locale = CalendarLocale.ZH_TW,\n  publicPaths,\n  loginPath,\n}: ProvidersProps): ReactElement {\n  return (\n    <CalendarConfigProviderMoment locale={locale}>\n      <AuthProvider publicPaths={publicPaths} loginPath={loginPath}>\n        <NotificationUnreadProvider>\n          <NotificationDrawerProvider>\n            {children}\n            <NotificationDrawer />\n          </NotificationDrawerProvider>\n        </NotificationUnreadProvider>\n      </AuthProvider>\n    </CalendarConfigProviderMoment>\n  );\n}\n"],"mappings":"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"}

package/dist/lib/notification-drawer-provider.d.ts

@@ -11,7 +11,7 @@ interface NotificationDrawerProviderProps {
 /**
  * Controls the open/closed state of the BPM notification drawer. Wraps
  * children with a context that `<NotificationDrawer />` reads to mount /
- * hide itself, and that `<AppNavigation />` reads to open the drawer when
+ * hide itself, and that `<AppLayout />` reads to open the drawer when
  * the bell icon is clicked.
  *
  * When used outside this provider, the returned hook is a safe no-op so

package/dist/lib/notification-unread-provider.d.ts

@@ -9,7 +9,7 @@ interface NotificationUnreadProviderProps {
 /**
  * Polls BPM for the current member's unread notification count via
  * `readUnreadNotificationCount` and exposes it through context for
- * `<AppNavigation />` (bell badge) and `<NotificationDrawer />` (header
+ * `<AppLayout />` (bell badge) and `<NotificationDrawer />` (header
  * count). Refresh is triggered on mount and whenever the auth member id
  * changes; consumers can call `refreshUnreadCount()` after acknowledging
  * a notification.

package/dist/lib/providers.d.ts

@@ -20,7 +20,7 @@ interface ProvidersProps {
  * - `<NotificationUnreadProvider>` (polls unread count)
  * - `<NotificationDrawerProvider>` (controls drawer open/close state)
  * - `<NotificationDrawer />` mounted at the root so the bell-icon button in
- *   `<AppNavigation />` can open it.
+ *   `<AppLayout />` can open it.
  *
  * Consumer hosts wrap this **inside** a `<RouterAdapterProvider>` (provided
  * by the `pages/*` subpath shims when consuming via Next.js, or wired by

package/dist/next/BPMNextProviders.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement, ReactNode } from 'react';
+interface BPMNextProvidersProps {
+    readonly children: ReactNode;
+}
+export declare function BPMNextProviders({ children, }: BPMNextProvidersProps): ReactElement;
+export {};

package/dist/next/index.cjs

@@ -0,0 +1,2 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("react/jsx-runtime"),n=require("next/navigation"),r=require("@rytass/bpm-core-react");function i({children:i}){let a=(0,n.useRouter)(),o=(0,n.usePathname)(),s=(0,n.useSearchParams)();return(0,t.jsx)(r.RouterAdapterProvider,{value:(0,e.useMemo)(()=>({pathname:o,push:e=>a.push(e),replace:e=>a.replace(e),back:()=>a.back(),searchParams:()=>new URLSearchParams(s?.toString()??``)}),[a,o,s]),children:(0,t.jsx)(r.Providers,{children:i})})}function a({children:n}){return(0,t.jsx)(e.Suspense,{fallback:null,children:(0,t.jsx)(i,{children:n})})}exports.BPMNextProviders=a;
+//# sourceMappingURL=index.cjs.map

package/dist/next/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/next/BPMNextProviders.tsx"],"sourcesContent":["'use client';\n\n// One-line Next.js App Router shim for BPM. Reads `next/navigation` hooks,\n// builds a `RouterAdapter`, then composes `<RouterAdapterProvider>` and the\n// shared `<BPMProviders>`. Wrapped in `<Suspense>` so static prerender of\n// routes like `/404` does not fail on `useSearchParams()` during `next build`.\n\nimport { Suspense, useMemo, type ReactElement, type ReactNode } from 'react';\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation';\nimport {\n  Providers as BPMProviders,\n  RouterAdapterProvider,\n  type RouterAdapter,\n} from '@rytass/bpm-core-react';\n\ninterface BPMNextProvidersProps {\n  readonly children: ReactNode;\n}\n\nfunction BPMNextProvidersBody({\n  children,\n}: BPMNextProvidersProps): ReactElement {\n  const nextRouter = useRouter();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  const adapter = useMemo<RouterAdapter>(\n    () => ({\n      pathname,\n      push: (href: string): void => nextRouter.push(href),\n      replace: (href: string): void => nextRouter.replace(href),\n      back: (): void => nextRouter.back(),\n      searchParams: (): URLSearchParams =>\n        new URLSearchParams(searchParams?.toString() ?? ''),\n    }),\n    [nextRouter, pathname, searchParams],\n  );\n\n  return (\n    <RouterAdapterProvider value={adapter}>\n      <BPMProviders>{children}</BPMProviders>\n    </RouterAdapterProvider>\n  );\n}\n\nexport function BPMNextProviders({\n  children,\n}: BPMNextProvidersProps): ReactElement {\n  return (\n    <Suspense fallback={null}>\n      <BPMNextProvidersBody>{children}</BPMNextProvidersBody>\n    </Suspense>\n  );\n}\n"],"mappings":"uMAmBA,SAAS,EAAqB,CAC5B,YACsC,CACtC,IAAM,GAAA,EAAA,EAAA,WAAuB,EACvB,GAAA,EAAA,EAAA,aAAuB,EACvB,GAAA,EAAA,EAAA,iBAA+B,EAcrC,OACE,EAAA,EAAA,KAAC,EAAA,sBAAD,CAAuB,OAAA,EAAA,EAAA,cAZhB,CACL,WACA,KAAO,GAAuB,EAAW,KAAK,CAAI,EAClD,QAAU,GAAuB,EAAW,QAAQ,CAAI,EACxD,SAAkB,EAAW,KAAK,EAClC,iBACE,IAAI,gBAAgB,GAAc,SAAS,GAAK,EAAE,CACtD,GACA,CAAC,EAAY,EAAU,CAAY,CAIL,YAC5B,EAAA,EAAA,KAAC,EAAA,UAAD,CAAe,UAAuB,CAAA,CACjB,CAAA,CAE3B,CAEA,SAAgB,EAAiB,CAC/B,YACsC,CACtC,OACE,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,SAAU,eAClB,EAAA,EAAA,KAAC,EAAD,CAAuB,UAA+B,CAAA,CAC9C,CAAA,CAEd"}

package/dist/next/index.d.ts

@@ -0,0 +1 @@
+export * from './BPMNextProviders';

package/dist/next/index.js

@@ -0,0 +1,33 @@
+"use client";
+import { Suspense as e, useMemo as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { usePathname as r, useRouter as i, useSearchParams as a } from "next/navigation";
+import { Providers as o, RouterAdapterProvider as s } from "@rytass/bpm-core-react";
+//#region src/next/BPMNextProviders.tsx
+function c({ children: e }) {
+	let c = i(), l = r(), u = a();
+	return /* @__PURE__ */ n(s, {
+		value: t(() => ({
+			pathname: l,
+			push: (e) => c.push(e),
+			replace: (e) => c.replace(e),
+			back: () => c.back(),
+			searchParams: () => new URLSearchParams(u?.toString() ?? "")
+		}), [
+			c,
+			l,
+			u
+		]),
+		children: /* @__PURE__ */ n(o, { children: e })
+	});
+}
+function l({ children: t }) {
+	return /* @__PURE__ */ n(e, {
+		fallback: null,
+		children: /* @__PURE__ */ n(c, { children: t })
+	});
+}
+//#endregion
+export { l as BPMNextProviders };
+
+//# sourceMappingURL=index.js.map

package/dist/next/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/next/BPMNextProviders.tsx"],"sourcesContent":["'use client';\n\n// One-line Next.js App Router shim for BPM. Reads `next/navigation` hooks,\n// builds a `RouterAdapter`, then composes `<RouterAdapterProvider>` and the\n// shared `<BPMProviders>`. Wrapped in `<Suspense>` so static prerender of\n// routes like `/404` does not fail on `useSearchParams()` during `next build`.\n\nimport { Suspense, useMemo, type ReactElement, type ReactNode } from 'react';\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation';\nimport {\n  Providers as BPMProviders,\n  RouterAdapterProvider,\n  type RouterAdapter,\n} from '@rytass/bpm-core-react';\n\ninterface BPMNextProvidersProps {\n  readonly children: ReactNode;\n}\n\nfunction BPMNextProvidersBody({\n  children,\n}: BPMNextProvidersProps): ReactElement {\n  const nextRouter = useRouter();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  const adapter = useMemo<RouterAdapter>(\n    () => ({\n      pathname,\n      push: (href: string): void => nextRouter.push(href),\n      replace: (href: string): void => nextRouter.replace(href),\n      back: (): void => nextRouter.back(),\n      searchParams: (): URLSearchParams =>\n        new URLSearchParams(searchParams?.toString() ?? ''),\n    }),\n    [nextRouter, pathname, searchParams],\n  );\n\n  return (\n    <RouterAdapterProvider value={adapter}>\n      <BPMProviders>{children}</BPMProviders>\n    </RouterAdapterProvider>\n  );\n}\n\nexport function BPMNextProviders({\n  children,\n}: BPMNextProvidersProps): ReactElement {\n  return (\n    <Suspense fallback={null}>\n      <BPMNextProvidersBody>{children}</BPMNextProvidersBody>\n    </Suspense>\n  );\n}\n"],"mappings":";;;;;;AAmBA,SAAS,EAAqB,EAC5B,eACsC;CACtC,IAAM,IAAa,EAAU,GACvB,IAAW,EAAY,GACvB,IAAe,EAAgB;CAcrC,OACE,kBAAC,GAAD;EAAuB,OAbT,SACP;GACL;GACA,OAAO,MAAuB,EAAW,KAAK,CAAI;GAClD,UAAU,MAAuB,EAAW,QAAQ,CAAI;GACxD,YAAkB,EAAW,KAAK;GAClC,oBACE,IAAI,gBAAgB,GAAc,SAAS,KAAK,EAAE;EACtD,IACA;GAAC;GAAY;GAAU;EAAY,CAIL;YAC5B,kBAAC,GAAD,EAAe,YAAuB,CAAA;CACjB,CAAA;AAE3B;AAEA,SAAgB,EAAiB,EAC/B,eACsC;CACtC,OACE,kBAAC,GAAD;EAAU,UAAU;YAClB,kBAAC,GAAD,EAAuB,YAA+B,CAAA;CAC9C,CAAA;AAEd"}

package/dist/pages/admin/delegations/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./AdminDelegationsClientView.cjs");let t=require("react/jsx-runtime");var n={title:`代理設定 | BPM Admin`,description:`設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。`};function r(){return(0,t.jsx)(e.default,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/delegations-DkDBWOQ7.cjs");let t=require("react/jsx-runtime");var n={title:`代理設定 | BPM Admin`,description:`設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/admin/delegations/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/admin/delegations/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport AdminDelegationsClientView from './AdminDelegationsClientView';\n\nexport const metadata: Metadata = {\n  title: '代理設定 | BPM Admin',\n  description: '設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。',\n};\n\nexport default function AdminDelegationsPage(): ReactElement {\n  return <AdminDelegationsClientView />;\n}\n"],"mappings":"sLAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,8BACf,EAEA,SAAwB,GAAqC,CAC3D,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAA6B,CAAA,CACtC"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/admin/delegations/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { AdminDelegationsView } from '../../../views/admin/delegations';\n\nexport const metadata: Metadata = {\n  title: '代理設定 | BPM Admin',\n  description: '設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。',\n};\n\nexport default function AdminDelegationsPage(): ReactElement {\n  return <AdminDelegationsView />;\n}\n"],"mappings":"8LAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,8BACf,EAEA,SAAwB,GAAqC,CAC3D,OAAO,EAAA,EAAA,KAAC,EAAA,EAAD,CAAuB,CAAA,CAChC"}

package/dist/pages/admin/delegations/index.js

@@ -1,4 +1,4 @@
-import e from "./AdminDelegationsClientView.js";
+import { t as e } from "../../../chunks/delegations-C5PzZ5Kn.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/admin/delegations/index.tsx
 var n = {

package/dist/pages/admin/delegations/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/admin/delegations/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport AdminDelegationsClientView from './AdminDelegationsClientView';\n\nexport const metadata: Metadata = {\n  title: '代理設定 | BPM Admin',\n  description: '設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。',\n};\n\nexport default function AdminDelegationsPage(): ReactElement {\n  return <AdminDelegationsClientView />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwB,IAAqC;CAC3D,OAAO,kBAAC,GAAD,CAA6B,CAAA;AACtC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/admin/delegations/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { AdminDelegationsView } from '../../../views/admin/delegations';\n\nexport const metadata: Metadata = {\n  title: '代理設定 | BPM Admin',\n  description: '設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。',\n};\n\nexport default function AdminDelegationsPage(): ReactElement {\n  return <AdminDelegationsView />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwB,IAAqC;CAC3D,OAAO,kBAAC,GAAD,CAAuB,CAAA;AAChC"}

package/dist/pages/admin/orgs/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./AdminOrgsClientView.cjs");let t=require("react/jsx-runtime");var n={title:`組織管理 | BPM Admin`,description:`維護組織樹、職位、會員歸屬與簽核主管解析規則。`};function r(){return(0,t.jsx)(e.default,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/orgs-DgZ0DQ3-.cjs");let t=require("react/jsx-runtime");var n={title:`組織管理 | BPM Admin`,description:`維護組織樹、職位、會員歸屬與簽核主管解析規則。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/admin/orgs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/admin/orgs/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport AdminOrgsClientView from './AdminOrgsClientView';\n\nexport const metadata: Metadata = {\n  title: '組織管理 | BPM Admin',\n  description: '維護組織樹、職位、會員歸屬與簽核主管解析規則。',\n};\n\nexport default function AdminOrgsPage(): ReactElement {\n  return <AdminOrgsClientView />;\n}\n"],"mappings":"+KAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,yBACf,EAEA,SAAwB,GAA8B,CACpD,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAsB,CAAA,CAC/B"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/admin/orgs/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { AdminOrgsView } from '../../../views/admin/orgs';\n\nexport const metadata: Metadata = {\n  title: '組織管理 | BPM Admin',\n  description: '維護組織樹、職位、會員歸屬與簽核主管解析規則。',\n};\n\nexport default function AdminOrgsPage(): ReactElement {\n  return <AdminOrgsView />;\n}\n"],"mappings":"uLAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,yBACf,EAEA,SAAwB,GAA8B,CACpD,OAAO,EAAA,EAAA,KAAC,EAAA,EAAD,CAAgB,CAAA,CACzB"}

package/dist/pages/admin/orgs/index.js

@@ -1,4 +1,4 @@
-import e from "./AdminOrgsClientView.js";
+import { t as e } from "../../../chunks/orgs-xrdhb3hS.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/admin/orgs/index.tsx
 var n = {

package/dist/pages/admin/orgs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/admin/orgs/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport AdminOrgsClientView from './AdminOrgsClientView';\n\nexport const metadata: Metadata = {\n  title: '組織管理 | BPM Admin',\n  description: '維護組織樹、職位、會員歸屬與簽核主管解析規則。',\n};\n\nexport default function AdminOrgsPage(): ReactElement {\n  return <AdminOrgsClientView />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwB,IAA8B;CACpD,OAAO,kBAAC,GAAD,CAAsB,CAAA;AAC/B"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/admin/orgs/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { AdminOrgsView } from '../../../views/admin/orgs';\n\nexport const metadata: Metadata = {\n  title: '組織管理 | BPM Admin',\n  description: '維護組織樹、職位、會員歸屬與簽核主管解析規則。',\n};\n\nexport default function AdminOrgsPage(): ReactElement {\n  return <AdminOrgsView />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwB,IAA8B;CACpD,OAAO,kBAAC,GAAD,CAAgB,CAAA;AACzB"}

package/dist/pages/admin/users/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./AdminUsersClientView.cjs");let t=require("react/jsx-runtime");var n={title:`會員對照 | BPM Admin`,description:`檢視 BPM 內部會員組織歸屬與主管解析。`};function r(){return(0,t.jsx)(e.default,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/users-DHnu_056.cjs");let t=require("react/jsx-runtime");var n={title:`會員對照 | BPM Admin`,description:`檢視 BPM 內部會員組織歸屬與主管解析。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/admin/users/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/admin/users/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport AdminUsersClientView from './AdminUsersClientView';\n\nexport const metadata: Metadata = {\n  title: '會員對照 | BPM Admin',\n  description: '檢視 BPM 內部會員組織歸屬與主管解析。',\n};\n\nexport default function AdminUsersPage(): ReactElement {\n  return <AdminUsersClientView />;\n}\n"],"mappings":"gLAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,uBACf,EAEA,SAAwB,GAA+B,CACrD,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAuB,CAAA,CAChC"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/admin/users/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { AdminUsersView } from '../../../views/admin/users';\n\nexport const metadata: Metadata = {\n  title: '會員對照 | BPM Admin',\n  description: '檢視 BPM 內部會員組織歸屬與主管解析。',\n};\n\nexport default function AdminUsersPage(): ReactElement {\n  return <AdminUsersView />;\n}\n"],"mappings":"wLAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,uBACf,EAEA,SAAwB,GAA+B,CACrD,OAAO,EAAA,EAAA,KAAC,EAAA,EAAD,CAAiB,CAAA,CAC1B"}

package/dist/pages/admin/users/index.js

@@ -1,4 +1,4 @@
-import e from "./AdminUsersClientView.js";
+import { t as e } from "../../../chunks/users-CY4-NK3j.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/admin/users/index.tsx
 var n = {

package/dist/pages/admin/users/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/admin/users/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport AdminUsersClientView from './AdminUsersClientView';\n\nexport const metadata: Metadata = {\n  title: '會員對照 | BPM Admin',\n  description: '檢視 BPM 內部會員組織歸屬與主管解析。',\n};\n\nexport default function AdminUsersPage(): ReactElement {\n  return <AdminUsersClientView />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwB,IAA+B;CACrD,OAAO,kBAAC,GAAD,CAAuB,CAAA;AAChC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/admin/users/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { AdminUsersView } from '../../../views/admin/users';\n\nexport const metadata: Metadata = {\n  title: '會員對照 | BPM Admin',\n  description: '檢視 BPM 內部會員組織歸屬與主管解析。',\n};\n\nexport default function AdminUsersPage(): ReactElement {\n  return <AdminUsersView />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwB,IAA+B;CACrD,OAAO,kBAAC,GAAD,CAAiB,CAAA;AAC1B"}

package/dist/pages/cc/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./CcClientView.cjs");let t=require("react/jsx-runtime");var n={title:`抄送給我 | BPM Admin`};function r(){return(0,t.jsx)(e.default,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../views/cc/index.cjs");let t=require("react/jsx-runtime");var n={title:`抄送給我 | BPM Admin`};function r(){return(0,t.jsx)(e.CcView,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/cc/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/cc/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport CcClientView from './CcClientView';\n\n/**\n * Next.js metadata for the BPM \"cc\" page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '抄送給我 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM cc inbox. Usage in\n * `app/cc/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/cc';\n * ```\n */\nexport default function CcPage(): ReactElement {\n  return <CcClientView />;\n}\n"],"mappings":"wKAQA,IAAa,EAAqB,CAChC,MAAO,kBACT,EAUA,SAAwB,GAAuB,CAC7C,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAe,CAAA,CACxB"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/cc/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { CcView } from '../../views/cc';\n\n/**\n * Next.js metadata for the BPM \"cc\" page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '抄送給我 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM cc inbox. Usage in\n * `app/cc/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/cc';\n * ```\n */\nexport default function CcPage(): ReactElement {\n  return <CcView />;\n}\n"],"mappings":"8KAQA,IAAa,EAAqB,CAChC,MAAO,kBACT,EAUA,SAAwB,GAAuB,CAC7C,OAAO,EAAA,EAAA,KAAC,EAAA,OAAD,CAAS,CAAA,CAClB"}

package/dist/pages/cc/index.js

@@ -1,4 +1,4 @@
-import e from "./CcClientView.js";
+import { CcView as e } from "../../views/cc/index.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/cc/index.tsx
 var n = { title: "抄送給我 | BPM Admin" };

package/dist/pages/cc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/cc/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport CcClientView from './CcClientView';\n\n/**\n * Next.js metadata for the BPM \"cc\" page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '抄送給我 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM cc inbox. Usage in\n * `app/cc/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/cc';\n * ```\n */\nexport default function CcPage(): ReactElement {\n  return <CcClientView />;\n}\n"],"mappings":";;;AAQA,IAAa,IAAqB,EAChC,OAAO,mBACT;AAUA,SAAwB,IAAuB;CAC7C,OAAO,kBAAC,GAAD,CAAe,CAAA;AACxB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/cc/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { CcView } from '../../views/cc';\n\n/**\n * Next.js metadata for the BPM \"cc\" page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '抄送給我 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM cc inbox. Usage in\n * `app/cc/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/cc';\n * ```\n */\nexport default function CcPage(): ReactElement {\n  return <CcView />;\n}\n"],"mappings":";;;AAQA,IAAa,IAAqB,EAChC,OAAO,mBACT;AAUA,SAAwB,IAAuB;CAC7C,OAAO,kBAAC,GAAD,CAAS,CAAA;AAClB"}

package/dist/pages/dashboard/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./DashboardClientView.cjs");let t=require("react/jsx-runtime");var n={title:`工作台 | BPM Admin`};function r(){return(0,t.jsx)(e.default,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../views/dashboard/index.cjs");let t=require("react/jsx-runtime");var n={title:`工作台 | BPM Admin`};function r(){return(0,t.jsx)(e.DashboardView,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/dashboard/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/dashboard/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport DashboardClientView from './DashboardClientView';\n\n/**\n * Next.js metadata for the BPM dashboard page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '工作台 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM dashboard. Usage in\n * `app/dashboard/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/dashboard';\n * ```\n */\nexport default function DashboardPage(): ReactElement {\n  return <DashboardClientView />;\n}\n"],"mappings":"+KAQA,IAAa,EAAqB,CAChC,MAAO,iBACT,EAUA,SAAwB,GAA8B,CACpD,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAsB,CAAA,CAC/B"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/dashboard/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { DashboardView } from '../../views/dashboard';\n\n/**\n * Next.js metadata for the BPM dashboard page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '工作台 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM dashboard. Usage in\n * `app/dashboard/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/dashboard';\n * ```\n */\nexport default function DashboardPage(): ReactElement {\n  return <DashboardView />;\n}\n"],"mappings":"qLAQA,IAAa,EAAqB,CAChC,MAAO,iBACT,EAUA,SAAwB,GAA8B,CACpD,OAAO,EAAA,EAAA,KAAC,EAAA,cAAD,CAAgB,CAAA,CACzB"}

package/dist/pages/dashboard/index.js

@@ -1,4 +1,4 @@
-import e from "./DashboardClientView.js";
+import { DashboardView as e } from "../../views/dashboard/index.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/dashboard/index.tsx
 var n = { title: "工作台 | BPM Admin" };

package/dist/pages/dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/dashboard/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport DashboardClientView from './DashboardClientView';\n\n/**\n * Next.js metadata for the BPM dashboard page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '工作台 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM dashboard. Usage in\n * `app/dashboard/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/dashboard';\n * ```\n */\nexport default function DashboardPage(): ReactElement {\n  return <DashboardClientView />;\n}\n"],"mappings":";;;AAQA,IAAa,IAAqB,EAChC,OAAO,kBACT;AAUA,SAAwB,IAA8B;CACpD,OAAO,kBAAC,GAAD,CAAsB,CAAA;AAC/B"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/dashboard/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { DashboardView } from '../../views/dashboard';\n\n/**\n * Next.js metadata for the BPM dashboard page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '工作台 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM dashboard. Usage in\n * `app/dashboard/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/dashboard';\n * ```\n */\nexport default function DashboardPage(): ReactElement {\n  return <DashboardView />;\n}\n"],"mappings":";;;AAQA,IAAa,IAAqB,EAChC,OAAO,kBACT;AAUA,SAAwB,IAA8B;CACpD,OAAO,kBAAC,GAAD,CAAgB,CAAA;AACzB"}

package/dist/pages/delegations/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./DelegationsClientView.cjs");let t=require("react/jsx-runtime");var n={title:`我的代理 | BPM Admin`,description:`設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。`};function r(){return(0,t.jsx)(e.default,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../chunks/delegations-DOGDvybX.cjs");let t=require("react/jsx-runtime");var n={title:`我的代理 | BPM Admin`,description:`設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/delegations/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/delegations/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport DelegationsClientView from './DelegationsClientView';\n\nexport const metadata: Metadata = {\n  title: '我的代理 | BPM Admin',\n  description: '設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。',\n};\n\nexport default function DelegationsPage(): ReactElement {\n  return <DelegationsClientView />;\n}\n"],"mappings":"iLAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,kCACf,EAEA,SAAwB,GAAgC,CACtD,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAwB,CAAA,CACjC"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/delegations/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { DelegationsView } from '../../views/delegations';\n\nexport const metadata: Metadata = {\n  title: '我的代理 | BPM Admin',\n  description: '設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。',\n};\n\nexport default function DelegationsPage(): ReactElement {\n  return <DelegationsView />;\n}\n"],"mappings":"2LAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,kCACf,EAEA,SAAwB,GAAgC,CACtD,OAAO,EAAA,EAAA,KAAC,EAAA,EAAD,CAAkB,CAAA,CAC3B"}

package/dist/pages/delegations/index.js

@@ -1,4 +1,4 @@
-import e from "./DelegationsClientView.js";
+import { t as e } from "../../chunks/delegations-C-ZrwzvU.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/delegations/index.tsx
 var n = {

package/dist/pages/delegations/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/delegations/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport DelegationsClientView from './DelegationsClientView';\n\nexport const metadata: Metadata = {\n  title: '我的代理 | BPM Admin',\n  description: '設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。',\n};\n\nexport default function DelegationsPage(): ReactElement {\n  return <DelegationsClientView />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwB,IAAgC;CACtD,OAAO,kBAAC,GAAD,CAAwB,CAAA;AACjC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/delegations/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { DelegationsView } from '../../views/delegations';\n\nexport const metadata: Metadata = {\n  title: '我的代理 | BPM Admin',\n  description: '設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。',\n};\n\nexport default function DelegationsPage(): ReactElement {\n  return <DelegationsView />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwB,IAAgC;CACtD,OAAO,kBAAC,GAAD,CAAkB,CAAA;AAC3B"}

package/dist/pages/forms/builder/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./FormBuilderClientView.cjs");let t=require("react/jsx-runtime");var n={title:`表單編輯器 | BPM Admin`,description:`編輯 BPM 表單欄位、版本與預覽。`};async function r({params:n}){let{id:r}=await n;return(0,t.jsx)(e.default,{formId:r})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/builder-DPhAH381.cjs");let t=require("react/jsx-runtime");var n={title:`表單編輯器 | BPM Admin`,description:`編輯 BPM 表單欄位、版本與預覽。`};async function r({params:n}){let{id:r}=await n;return(0,t.jsx)(e.t,{formId:r})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/forms/builder/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/forms/builder/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport FormBuilderClientView from './FormBuilderClientView';\n\n/**\n * Next.js metadata for the BPM form builder page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '表單編輯器 | BPM Admin',\n  description: '編輯 BPM 表單欄位、版本與預覽。',\n};\n\ninterface FormBuilderPageProps {\n  readonly params: Promise<{ readonly id: string }>;\n}\n\n/**\n * Drop-in Next.js App Router page for the BPM form builder screen.\n *\n * Consumer usage in `app/forms/[id]/builder/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/forms/builder';\n * ```\n */\nexport default async function FormBuilderPage({\n  params,\n}: FormBuilderPageProps): Promise<ReactElement> {\n  const { id } = await params;\n\n  return <FormBuilderClientView formId={id} />;\n}\n"],"mappings":"iLAQA,IAAa,EAAqB,CAChC,MAAO,oBACP,YAAa,oBACf,EAeA,eAA8B,EAAgB,CAC5C,UAC8C,CAC9C,GAAM,CAAE,MAAO,MAAM,EAErB,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAuB,OAAQ,CAAK,CAAA,CAC7C"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/forms/builder/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { FormBuilderView } from '../../../views/forms/builder';\n\n/**\n * Next.js metadata for the BPM form builder page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '表單編輯器 | BPM Admin',\n  description: '編輯 BPM 表單欄位、版本與預覽。',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM form builder screen.\n *\n * Consumer usage in `app/forms/[id]/builder/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/forms/builder';\n * ```\n */\nexport default async function FormBuilderPage({\n  params,\n}: {\n  readonly params: Promise<{ readonly id: string }>;\n}): Promise<ReactElement> {\n  const { id } = await params;\n  return <FormBuilderView formId={id} />;\n}\n"],"mappings":"0LAQA,IAAa,EAAqB,CAChC,MAAO,oBACP,YAAa,oBACf,EAWA,eAA8B,EAAgB,CAC5C,UAGwB,CACxB,GAAM,CAAE,MAAO,MAAM,EACrB,OAAO,EAAA,EAAA,KAAC,EAAA,EAAD,CAAiB,OAAQ,CAAK,CAAA,CACvC"}

package/dist/pages/forms/builder/index.d.ts

@@ -5,11 +5,6 @@ import { ReactElement } from 'react';
  * alongside the default page component.
  */
 export declare const metadata: Metadata;
-interface FormBuilderPageProps {
-    readonly params: Promise<{
-        readonly id: string;
-    }>;
-}
 /**
  * Drop-in Next.js App Router page for the BPM form builder screen.
  *
@@ -19,5 +14,8 @@ interface FormBuilderPageProps {
  * export { default, metadata } from '@rytass/bpm-core-react/pages/forms/builder';
  * ```
  */
-export default function FormBuilderPage({ params, }: FormBuilderPageProps): Promise<ReactElement>;
-export {};
+export default function FormBuilderPage({ params, }: {
+    readonly params: Promise<{
+        readonly id: string;
+    }>;
+}): Promise<ReactElement>;

package/dist/pages/forms/builder/index.js

@@ -1,4 +1,4 @@
-import e from "./FormBuilderClientView.js";
+import { t as e } from "../../../chunks/builder-DqZskyXC.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/forms/builder/index.tsx
 var n = {

package/dist/pages/forms/builder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/forms/builder/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport FormBuilderClientView from './FormBuilderClientView';\n\n/**\n * Next.js metadata for the BPM form builder page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '表單編輯器 | BPM Admin',\n  description: '編輯 BPM 表單欄位、版本與預覽。',\n};\n\ninterface FormBuilderPageProps {\n  readonly params: Promise<{ readonly id: string }>;\n}\n\n/**\n * Drop-in Next.js App Router page for the BPM form builder screen.\n *\n * Consumer usage in `app/forms/[id]/builder/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/forms/builder';\n * ```\n */\nexport default async function FormBuilderPage({\n  params,\n}: FormBuilderPageProps): Promise<ReactElement> {\n  const { id } = await params;\n\n  return <FormBuilderClientView formId={id} />;\n}\n"],"mappings":";;;AAQA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAeA,eAA8B,EAAgB,EAC5C,aAC8C;CAC9C,IAAM,EAAE,UAAO,MAAM;CAErB,OAAO,kBAAC,GAAD,EAAuB,QAAQ,EAAK,CAAA;AAC7C"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/forms/builder/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { FormBuilderView } from '../../../views/forms/builder';\n\n/**\n * Next.js metadata for the BPM form builder page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '表單編輯器 | BPM Admin',\n  description: '編輯 BPM 表單欄位、版本與預覽。',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM form builder screen.\n *\n * Consumer usage in `app/forms/[id]/builder/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/forms/builder';\n * ```\n */\nexport default async function FormBuilderPage({\n  params,\n}: {\n  readonly params: Promise<{ readonly id: string }>;\n}): Promise<ReactElement> {\n  const { id } = await params;\n  return <FormBuilderView formId={id} />;\n}\n"],"mappings":";;;AAQA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAWA,eAA8B,EAAgB,EAC5C,aAGwB;CACxB,IAAM,EAAE,UAAO,MAAM;CACrB,OAAO,kBAAC,GAAD,EAAiB,QAAQ,EAAK,CAAA;AACvC"}

package/dist/pages/forms/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./FormsClientView.cjs");let t=require("react/jsx-runtime");var n={title:`表單管理 | BPM Admin`,description:`建立、編輯與管理 BPM 表單定義版本。`};function r(){return(0,t.jsx)(e.default,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../views/forms/index.cjs");let t=require("react/jsx-runtime");var n={title:`表單管理 | BPM Admin`,description:`建立、編輯與管理 BPM 表單定義版本。`};function r(){return(0,t.jsx)(e.FormsView,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/forms/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/forms/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport FormsClientView from './FormsClientView';\n\n/**\n * Next.js metadata for the BPM forms list page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '表單管理 | BPM Admin',\n  description: '建立、編輯與管理 BPM 表單定義版本。',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM forms list screen.\n *\n * Consumer usage in `app/forms/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/forms';\n * ```\n */\nexport default function FormsPage(): ReactElement {\n  return <FormsClientView />;\n}\n"],"mappings":"2KAQA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,sBACf,EAWA,SAAwB,GAA0B,CAChD,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAkB,CAAA,CAC3B"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/forms/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { FormsView } from '../../views/forms';\n\n/**\n * Next.js metadata for the BPM forms list page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '表單管理 | BPM Admin',\n  description: '建立、編輯與管理 BPM 表單定義版本。',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM forms list screen.\n *\n * Consumer usage in `app/forms/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/forms';\n * ```\n */\nexport default function FormsPage(): ReactElement {\n  return <FormsView />;\n}\n"],"mappings":"iLAQA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,sBACf,EAWA,SAAwB,GAA0B,CAChD,OAAO,EAAA,EAAA,KAAC,EAAA,UAAD,CAAY,CAAA,CACrB"}

package/dist/pages/forms/index.js

@@ -1,4 +1,4 @@
-import e from "./FormsClientView.js";
+import { FormsView as e } from "../../views/forms/index.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/forms/index.tsx
 var n = {

package/dist/pages/forms/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/forms/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport FormsClientView from './FormsClientView';\n\n/**\n * Next.js metadata for the BPM forms list page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '表單管理 | BPM Admin',\n  description: '建立、編輯與管理 BPM 表單定義版本。',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM forms list screen.\n *\n * Consumer usage in `app/forms/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/forms';\n * ```\n */\nexport default function FormsPage(): ReactElement {\n  return <FormsClientView />;\n}\n"],"mappings":";;;AAQA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAWA,SAAwB,IAA0B;CAChD,OAAO,kBAAC,GAAD,CAAkB,CAAA;AAC3B"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/forms/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { FormsView } from '../../views/forms';\n\n/**\n * Next.js metadata for the BPM forms list page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '表單管理 | BPM Admin',\n  description: '建立、編輯與管理 BPM 表單定義版本。',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM forms list screen.\n *\n * Consumer usage in `app/forms/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/forms';\n * ```\n */\nexport default function FormsPage(): ReactElement {\n  return <FormsView />;\n}\n"],"mappings":";;;AAQA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAWA,SAAwB,IAA0B;CAChD,OAAO,kBAAC,GAAD,CAAY,CAAA;AACrB"}

package/dist/pages/inbox/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./InboxClientView.cjs");let t=require("react/jsx-runtime");var n={title:`我的待簽 | BPM Admin`};function r(){return(0,t.jsx)(e.default,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../views/inbox/index.cjs");let t=require("react/jsx-runtime");var n={title:`我的待簽 | BPM Admin`};function r(){return(0,t.jsx)(e.InboxView,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/inbox/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/inbox/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport InboxClientView from './InboxClientView';\n\n/**\n * Next.js metadata for the BPM inbox page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '我的待簽 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM inbox. Usage in\n * `app/inbox/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/inbox';\n * ```\n */\nexport default function InboxPage(): ReactElement {\n  return <InboxClientView />;\n}\n"],"mappings":"2KAQA,IAAa,EAAqB,CAChC,MAAO,kBACT,EAUA,SAAwB,GAA0B,CAChD,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAkB,CAAA,CAC3B"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/inbox/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { InboxView } from '../../views/inbox';\n\n/**\n * Next.js metadata for the BPM inbox page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '我的待簽 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM inbox. Usage in\n * `app/inbox/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/inbox';\n * ```\n */\nexport default function InboxPage(): ReactElement {\n  return <InboxView />;\n}\n"],"mappings":"iLAQA,IAAa,EAAqB,CAChC,MAAO,kBACT,EAUA,SAAwB,GAA0B,CAChD,OAAO,EAAA,EAAA,KAAC,EAAA,UAAD,CAAY,CAAA,CACrB"}

package/dist/pages/inbox/index.js

@@ -1,4 +1,4 @@
-import e from "./InboxClientView.js";
+import { InboxView as e } from "../../views/inbox/index.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/inbox/index.tsx
 var n = { title: "我的待簽 | BPM Admin" };

package/dist/pages/inbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/inbox/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport InboxClientView from './InboxClientView';\n\n/**\n * Next.js metadata for the BPM inbox page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '我的待簽 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM inbox. Usage in\n * `app/inbox/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/inbox';\n * ```\n */\nexport default function InboxPage(): ReactElement {\n  return <InboxClientView />;\n}\n"],"mappings":";;;AAQA,IAAa,IAAqB,EAChC,OAAO,mBACT;AAUA,SAAwB,IAA0B;CAChD,OAAO,kBAAC,GAAD,CAAkB,CAAA;AAC3B"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/inbox/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { InboxView } from '../../views/inbox';\n\n/**\n * Next.js metadata for the BPM inbox page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '我的待簽 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM inbox. Usage in\n * `app/inbox/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/inbox';\n * ```\n */\nexport default function InboxPage(): ReactElement {\n  return <InboxView />;\n}\n"],"mappings":";;;AAQA,IAAa,IAAqB,EAChC,OAAO,mBACT;AAUA,SAAwB,IAA0B;CAChD,OAAO,kBAAC,GAAD,CAAY,CAAA;AACrB"}

package/dist/pages/instances/detail/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./InstanceDetailClientView.cjs");let t=require("react/jsx-runtime");var n={title:`案件詳情 | BPM Admin`};async function r({params:n}){let{id:r}=await n;return(0,t.jsx)(e.default,{instanceId:r})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/detail-B2gcOPkd.cjs");let t=require("react/jsx-runtime");var n={title:`案件詳情 | BPM Admin`};async function r({params:n}){let{id:r}=await n;return(0,t.jsx)(e.t,{instanceId:r})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/instances/detail/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/instances/detail/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport InstanceDetailClientView from './InstanceDetailClientView';\n\n/**\n * Next.js metadata for the BPM instance detail page. Consumers re-export\n * this alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '案件詳情 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM instance detail screen.\n * Accepts the standard App Router `params: Promise<{ id: string }>` shape\n * and forwards the resolved `id` into the client view as `instanceId`.\n *\n * Usage in `app/instances/[id]/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/instances/detail';\n * ```\n */\nexport default async function InstanceDetailPage({\n  params,\n}: {\n  readonly params: Promise<{ readonly id: string }>;\n}): Promise<ReactElement> {\n  const { id: instanceId } = await params;\n\n  return <InstanceDetailClientView instanceId={instanceId} />;\n}\n"],"mappings":"oLAQA,IAAa,EAAqB,CAChC,MAAO,kBACT,EAaA,eAA8B,EAAmB,CAC/C,UAGwB,CACxB,GAAM,CAAE,GAAI,GAAe,MAAM,EAEjC,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAsC,YAAa,CAAA,CAC5D"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/instances/detail/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { InstanceDetailView } from '../../../views/instances/detail';\n\n/**\n * Next.js metadata for the BPM instance detail page. Consumers re-export\n * this alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '案件詳情 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM instance detail screen.\n * Accepts the standard App Router `params: Promise<{ id: string }>` shape\n * and forwards the resolved `id` into the view as `instanceId`.\n *\n * Usage in `app/instances/[id]/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/instances/detail';\n * ```\n */\nexport default async function InstanceDetailPage({\n  params,\n}: {\n  readonly params: Promise<{ readonly id: string }>;\n}): Promise<ReactElement> {\n  const { id } = await params;\n  return <InstanceDetailView instanceId={id} />;\n}\n"],"mappings":"yLAQA,IAAa,EAAqB,CAChC,MAAO,kBACT,EAaA,eAA8B,EAAmB,CAC/C,UAGwB,CACxB,GAAM,CAAE,MAAO,MAAM,EACrB,OAAO,EAAA,EAAA,KAAC,EAAA,EAAD,CAAoB,WAAY,CAAK,CAAA,CAC9C"}

package/dist/pages/instances/detail/index.d.ts

@@ -8,7 +8,7 @@ export declare const metadata: Metadata;
 /**
  * Drop-in Next.js App Router page for the BPM instance detail screen.
  * Accepts the standard App Router `params: Promise<{ id: string }>` shape
- * and forwards the resolved `id` into the client view as `instanceId`.
+ * and forwards the resolved `id` into the view as `instanceId`.
  *
  * Usage in `app/instances/[id]/page.tsx`:
  *

package/dist/pages/instances/detail/index.js

@@ -1,4 +1,4 @@
-import e from "./InstanceDetailClientView.js";
+import { t as e } from "../../../chunks/detail-CfFyU5zC.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/instances/detail/index.tsx
 var n = { title: "案件詳情 | BPM Admin" };

package/dist/pages/instances/detail/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/instances/detail/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport InstanceDetailClientView from './InstanceDetailClientView';\n\n/**\n * Next.js metadata for the BPM instance detail page. Consumers re-export\n * this alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '案件詳情 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM instance detail screen.\n * Accepts the standard App Router `params: Promise<{ id: string }>` shape\n * and forwards the resolved `id` into the client view as `instanceId`.\n *\n * Usage in `app/instances/[id]/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/instances/detail';\n * ```\n */\nexport default async function InstanceDetailPage({\n  params,\n}: {\n  readonly params: Promise<{ readonly id: string }>;\n}): Promise<ReactElement> {\n  const { id: instanceId } = await params;\n\n  return <InstanceDetailClientView instanceId={instanceId} />;\n}\n"],"mappings":";;;AAQA,IAAa,IAAqB,EAChC,OAAO,mBACT;AAaA,eAA8B,EAAmB,EAC/C,aAGwB;CACxB,IAAM,EAAE,IAAI,MAAe,MAAM;CAEjC,OAAO,kBAAC,GAAD,EAAsC,cAAa,CAAA;AAC5D"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/instances/detail/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { InstanceDetailView } from '../../../views/instances/detail';\n\n/**\n * Next.js metadata for the BPM instance detail page. Consumers re-export\n * this alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '案件詳情 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM instance detail screen.\n * Accepts the standard App Router `params: Promise<{ id: string }>` shape\n * and forwards the resolved `id` into the view as `instanceId`.\n *\n * Usage in `app/instances/[id]/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/instances/detail';\n * ```\n */\nexport default async function InstanceDetailPage({\n  params,\n}: {\n  readonly params: Promise<{ readonly id: string }>;\n}): Promise<ReactElement> {\n  const { id } = await params;\n  return <InstanceDetailView instanceId={id} />;\n}\n"],"mappings":";;;AAQA,IAAa,IAAqB,EAChC,OAAO,mBACT;AAaA,eAA8B,EAAmB,EAC/C,aAGwB;CACxB,IAAM,EAAE,UAAO,MAAM;CACrB,OAAO,kBAAC,GAAD,EAAoB,YAAY,EAAK,CAAA;AAC9C"}

package/dist/pages/instances/new/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./InstanceNewClientView.cjs");let t=require("react/jsx-runtime");var n={title:`發起簽核 | BPM Admin`};function r(){return(0,t.jsx)(e.default,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../views/instances/new/index.cjs");let t=require("react/jsx-runtime");var n={title:`發起簽核 | BPM Admin`};async function r({searchParams:n}){let{templateId:r}=await n;return(0,t.jsx)(e.InstanceNewView,{templateId:r??null})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/instances/new/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/instances/new/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport InstanceNewClientView from './InstanceNewClientView';\n\n/**\n * Next.js metadata for the BPM \"launch approval\" page. Consumers re-export\n * this alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '發起簽核 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM launch screen. Usage in\n * `app/instances/new/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/instances/new';\n * ```\n */\nexport default function InstanceNewPage(): ReactElement {\n  return <InstanceNewClientView />;\n}\n"],"mappings":"iLAQA,IAAa,EAAqB,CAChC,MAAO,kBACT,EAUA,SAAwB,GAAgC,CACtD,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAwB,CAAA,CACjC"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/instances/new/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { InstanceNewView } from '../../../views/instances/new';\n\n/**\n * Next.js metadata for the BPM \"launch approval\" page. Consumers re-export\n * this alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '發起簽核 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM launch screen. Usage in\n * `app/instances/new/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/instances/new';\n * ```\n */\nexport default async function InstanceNewPage({\n  searchParams,\n}: {\n  readonly searchParams: Promise<{ readonly templateId?: string }>;\n}): Promise<ReactElement> {\n  const { templateId } = await searchParams;\n  return <InstanceNewView templateId={templateId ?? null} />;\n}\n"],"mappings":"4LAQA,IAAa,EAAqB,CAChC,MAAO,kBACT,EAUA,eAA8B,EAAgB,CAC5C,gBAGwB,CACxB,GAAM,CAAE,cAAe,MAAM,EAC7B,OAAO,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,WAAY,GAAc,IAAO,CAAA,CAC3D"}

package/dist/pages/instances/new/index.d.ts

@@ -13,4 +13,8 @@ export declare const metadata: Metadata;
  * export { default, metadata } from '@rytass/bpm-core-react/pages/instances/new';
  * ```
  */
-export default function InstanceNewPage(): ReactElement;
+export default function InstanceNewPage({ searchParams, }: {
+    readonly searchParams: Promise<{
+        readonly templateId?: string;
+    }>;
+}): Promise<ReactElement>;