@rytass/bpm-core-react 0.2.0 → 0.3.0

package/dist/chunks/orgs-c29y74w2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"orgs-c29y74w2.js","names":[],"sources":["../../src/lib/org-tree-draft.ts","../../src/components/org-unit-tree-draft-editor.module.scss","../../src/components/org-unit-tree-draft-editor.tsx","../../src/views/admin/orgs/orgs.module.scss","../../src/views/admin/orgs/AdminOrgsView.tsx"],"sourcesContent":["import type { OrgUnitRecord } from '@rytass/bpm-core-client/organization';\n\nexport type OrgUnitParentDraftMap = ReadonlyMap<string, string | null>;\n\nexport type OrgUnitHierarchyDraftChange = Readonly<{\n  orgUnitId: string;\n  parentId: string | null;\n  previousParentId: string | null;\n}>;\n\nexport type OrgUnitParentAssignmentResult = Readonly<{\n  message: string;\n  parentDraft: OrgUnitParentDraftMap;\n  status: 'INVALID' | 'UNCHANGED' | 'UPDATED';\n}>;\n\nexport function createOrgUnitParentDraftMap(\n  orgUnits: readonly OrgUnitRecord[],\n): OrgUnitParentDraftMap {\n  return new Map(\n    orgUnits.map((orgUnit): readonly [string, string | null] => [\n      orgUnit.id,\n      orgUnit.parentId,\n    ]),\n  );\n}\n\nexport function assignOrgUnitDraftParent({\n  orgUnitId,\n  parentDraft,\n  parentId,\n}: {\n  readonly orgUnitId: string;\n  readonly parentDraft: OrgUnitParentDraftMap;\n  readonly parentId: string | null;\n}): OrgUnitParentAssignmentResult {\n  const normalizedParentId = parentId === orgUnitId ? orgUnitId : parentId;\n  const validationMessage = readOrgUnitParentValidationMessage({\n    orgUnitId,\n    parentDraft,\n    parentId: normalizedParentId,\n  });\n\n  if (validationMessage) {\n    return {\n      message: validationMessage,\n      parentDraft,\n      status: 'INVALID',\n    };\n  }\n\n  if ((parentDraft.get(orgUnitId) ?? null) === normalizedParentId) {\n    return {\n      message: '父子關係沒有變更。',\n      parentDraft,\n      status: 'UNCHANGED',\n    };\n  }\n\n  const nextDraft = new Map(parentDraft);\n  nextDraft.set(orgUnitId, normalizedParentId);\n\n  return {\n    message: normalizedParentId ? '已暫存新的上層組織。' : '已暫存為根節點。',\n    parentDraft: nextDraft,\n    status: 'UPDATED',\n  };\n}\n\nexport function readOrgUnitHierarchyDraftChanges({\n  orgUnits,\n  parentDraft,\n}: {\n  readonly orgUnits: readonly OrgUnitRecord[];\n  readonly parentDraft: OrgUnitParentDraftMap;\n}): readonly OrgUnitHierarchyDraftChange[] {\n  return orgUnits\n    .map((orgUnit): OrgUnitHierarchyDraftChange | null => {\n      const parentId = parentDraft.get(orgUnit.id) ?? null;\n\n      return parentId === orgUnit.parentId\n        ? null\n        : {\n            orgUnitId: orgUnit.id,\n            parentId,\n            previousParentId: orgUnit.parentId,\n          };\n    })\n    .filter((change): change is OrgUnitHierarchyDraftChange => Boolean(change));\n}\n\nexport function readOrgUnitParentValidationMessage({\n  orgUnitId,\n  parentDraft,\n  parentId,\n}: {\n  readonly orgUnitId: string;\n  readonly parentDraft: OrgUnitParentDraftMap;\n  readonly parentId: string | null;\n}): string | null {\n  if (!parentDraft.has(orgUnitId)) {\n    return '找不到要搬移的組織節點。';\n  }\n\n  if (!parentId) {\n    return null;\n  }\n\n  if (!parentDraft.has(parentId)) {\n    return '找不到新的上層組織。';\n  }\n\n  if (parentId === orgUnitId) {\n    return '組織不可成為自己的上層。';\n  }\n\n  return createsOrgUnitParentCycle({ orgUnitId, parentDraft, parentId })\n    ? '不可搬移到自己的下層組織。'\n    : null;\n}\n\nfunction createsOrgUnitParentCycle({\n  orgUnitId,\n  parentDraft,\n  parentId,\n}: {\n  readonly orgUnitId: string;\n  readonly parentDraft: OrgUnitParentDraftMap;\n  readonly parentId: string;\n}): boolean {\n  const visitedIds = new Set<string>();\n  let currentParentId: string | null = parentId;\n\n  while (currentParentId) {\n    if (currentParentId === orgUnitId || visitedIds.has(currentParentId)) {\n      return true;\n    }\n\n    visitedIds.add(currentParentId);\n    currentParentId = parentDraft.get(currentParentId) ?? null;\n  }\n\n  return false;\n}\n",".orgTreeEditor {\n  display: grid;\n  gap: 12px;\n  min-width: 0;\n}\n\n.orgTreeSummary {\n  display: grid;\n  gap: 6px;\n  min-width: 0;\n  padding: 10px 12px;\n  border: 1px solid var(--mzn-color-border, #d9dce1);\n  border-radius: 8px;\n  background: var(--mzn-color-bg, #fff);\n}\n\n.orgTreeChangeList {\n  display: grid;\n  gap: 4px;\n  max-height: 128px;\n  margin: 0;\n  padding-left: 18px;\n  overflow: auto;\n  color: var(--mzn-color-text-neutral, #5f6673);\n  font-size: 13px;\n}\n\n.orgTreeCanvas {\n  width: 100%;\n  height: min(720px, calc(100vh - 300px));\n  min-height: 520px;\n  overflow: hidden;\n  border: 1px solid var(--mzn-color-border, #d9dce1);\n  border-radius: 8px;\n  background: #f7f9fc;\n}\n\n.orgTreeNode {\n  display: grid;\n  gap: 6px;\n  width: 232px;\n  min-height: 118px;\n  padding: 12px;\n  border: 1px solid var(--mzn-color-border, #d9dce1);\n  border-radius: 8px;\n  background: #fff;\n  box-shadow: 0 4px 12px rgb(20 28 44 / 8%);\n}\n\n.orgTreeNodeRoot {\n  min-height: 86px;\n  border-style: dashed;\n  background: #eef4ff;\n}\n\n.orgTreeNodeSelected {\n  border-color: var(--mzn-color-primary, #0057ff);\n  box-shadow: 0 0 0 3px rgb(0 87 255 / 14%);\n}\n\n.orgTreeNodeChanged {\n  border-color: var(--mzn-color-primary, #0057ff);\n}\n\n.orgTreeNodeDeleted {\n  opacity: 0.58;\n}\n\n.orgTreeNodeHeader {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 8px;\n  min-width: 0;\n}\n\n.orgTreeNodeHeader > :global(.mzn-typography) {\n  min-width: 0;\n}\n\n.orgTreeNodeBadge {\n  flex: 0 0 auto;\n  padding: 2px 6px;\n  border-radius: 999px;\n  background: #e4f0ff;\n  color: var(--mzn-color-primary, #0057ff);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.orgTreeNodeActions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  padding-top: 2px;\n}\n","'use client';\n\nimport {\n  ReactElement,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react';\nimport {\n  Background,\n  Connection,\n  ConnectionMode,\n  Controls,\n  Edge,\n  Handle,\n  MiniMap,\n  Node,\n  NodeProps,\n  NodeTypes,\n  OnNodeDrag,\n  OnNodesChange,\n  Position,\n  ReactFlow,\n  applyNodeChanges,\n} from '@xyflow/react';\nimport * as dagre from 'dagre';\nimport { Button, Typography } from '@mezzanine-ui/react';\nimport { EditIcon, PlusIcon } from '@mezzanine-ui/icons';\nimport type { OrgUnitRecord, OrgUnitType } from '@rytass/bpm-core-client/organization';\nimport {\n  OrgUnitHierarchyDraftChange,\n  OrgUnitParentDraftMap,\n  assignOrgUnitDraftParent,\n  createOrgUnitParentDraftMap,\n  readOrgUnitHierarchyDraftChanges,\n  readOrgUnitParentValidationMessage,\n} from '../lib/org-tree-draft';\nimport styles from './org-unit-tree-draft-editor.module.scss';\n\ntype OrgUnitTreeFlowData = Readonly<{\n  changed: boolean;\n  code: string;\n  deleted: boolean;\n  isEditing: boolean;\n  isSyntheticRoot: boolean;\n  name: string;\n  onCreateChild: (parentId: string | null) => void;\n  onEdit: (orgUnitId: string) => void;\n  orgUnitId: string | null;\n  parentLabel: string;\n  path: string;\n  typeLabel: string;\n}>;\n\ntype OrgUnitTreeNode = Node<OrgUnitTreeFlowData, 'orgUnit'>;\ntype OrgUnitTreeEdge = Edge<Record<string, never>>;\n\nexport type OrgUnitTreeDraftEditorHandle = Readonly<{\n  cancelEditing: () => void;\n  saveDraft: () => Promise<void>;\n  startEditing: () => void;\n}>;\n\nexport type OrgUnitTreeDraftEditorState = Readonly<{\n  hasDraftChanges: boolean;\n  isEditing: boolean;\n}>;\n\ntype OrgUnitTreeDraftEditorProps = Readonly<{\n  onCreateChild: (parentId: string) => void;\n  onCreateRoot: () => void;\n  onEditOrgUnit: (orgUnit: OrgUnitRecord) => void;\n  onSaveDraft?: (\n    changes: readonly OrgUnitHierarchyDraftChange[],\n  ) => Promise<void>;\n  onStateChange: (state: OrgUnitTreeDraftEditorState) => void;\n  orgUnits: readonly OrgUnitRecord[];\n  saving: boolean;\n}>;\n\nconst ORG_TREE_ROOT_ID = '__org-tree-root__';\nconst ORG_TREE_NODE_WIDTH = 232;\nconst ORG_TREE_NODE_HEIGHT = 118;\nconst ORG_TREE_ROOT_WIDTH = 232;\nconst ORG_TREE_ROOT_HEIGHT = 86;\nconst ORG_TREE_DROP_DISTANCE = 320;\n\nconst ORG_UNIT_TYPE_LABELS: Readonly<Record<Uppercase<OrgUnitType>, string>> = {\n  COMPANY: '公司',\n  DEPARTMENT: '部門',\n  DIVISION: '事業群',\n  TEAM: '小組',\n};\n\nconst orgUnitTreeNodeTypes: NodeTypes = {\n  orgUnit: OrgUnitTreeNodeCard,\n};\n\nexport const OrgUnitTreeDraftEditor = forwardRef<\n  OrgUnitTreeDraftEditorHandle,\n  OrgUnitTreeDraftEditorProps\n>(function OrgUnitTreeDraftEditor(\n  {\n    onCreateChild,\n    onCreateRoot,\n    onEditOrgUnit,\n    onSaveDraft,\n    onStateChange,\n    orgUnits,\n  },\n  ref,\n): ReactElement {\n  const [isEditing, setIsEditing] = useState(false);\n  const [draftMessage, setDraftMessage] = useState<string | null>(null);\n  const [selectedOrgUnitId, setSelectedOrgUnitId] = useState<string | null>(\n    null,\n  );\n  const [parentDraft, setParentDraft] = useState<OrgUnitParentDraftMap>(() =>\n    createOrgUnitParentDraftMap(orgUnits),\n  );\n  const [flowNodes, setFlowNodes] = useState<readonly OrgUnitTreeNode[]>([]);\n\n  const orgUnitsById = useMemo(\n    (): ReadonlyMap<string, OrgUnitRecord> =>\n      new Map(orgUnits.map((orgUnit) => [orgUnit.id, orgUnit])),\n    [orgUnits],\n  );\n  const draftChanges = useMemo(\n    (): readonly OrgUnitHierarchyDraftChange[] =>\n      readOrgUnitHierarchyDraftChanges({ orgUnits, parentDraft }),\n    [orgUnits, parentDraft],\n  );\n  const flowElements = useMemo(\n    (): Readonly<{\n      edges: readonly OrgUnitTreeEdge[];\n      nodes: readonly OrgUnitTreeNode[];\n    }> =>\n      createOrgUnitTreeFlowElements({\n        isEditing,\n        onCreateChild: (parentId): void => {\n          if (parentId) {\n            onCreateChild(parentId);\n          } else {\n            onCreateRoot();\n          }\n        },\n        onEditOrgUnit: (orgUnitId): void => {\n          const orgUnit = orgUnitsById.get(orgUnitId);\n\n          if (orgUnit) {\n            onEditOrgUnit(orgUnit);\n          }\n        },\n        orgUnits,\n        orgUnitsById,\n        parentDraft,\n        selectedOrgUnitId,\n      }),\n    [\n      isEditing,\n      onCreateChild,\n      onCreateRoot,\n      onEditOrgUnit,\n      orgUnits,\n      orgUnitsById,\n      parentDraft,\n      selectedOrgUnitId,\n    ],\n  );\n  const hasDraftChanges = draftChanges.length > 0;\n\n  useImperativeHandle(\n    ref,\n    (): OrgUnitTreeDraftEditorHandle => ({\n      cancelEditing,\n      saveDraft,\n      startEditing,\n    }),\n  );\n\n  useEffect((): void => {\n    onStateChange({ hasDraftChanges, isEditing });\n  }, [hasDraftChanges, isEditing, onStateChange]);\n\n  useEffect((): void => {\n    setParentDraft(createOrgUnitParentDraftMap(orgUnits));\n    setSelectedOrgUnitId(null);\n    setDraftMessage(null);\n    setIsEditing(false);\n  }, [orgUnits]);\n\n  useEffect((): void => {\n    setFlowNodes(flowElements.nodes);\n  }, [flowElements.nodes]);\n\n  const assignDraftParent = useCallback(\n    (orgUnitId: string, parentId: string | null): void => {\n      setParentDraft((currentDraft) => {\n        const result = assignOrgUnitDraftParent({\n          orgUnitId,\n          parentDraft: currentDraft,\n          parentId,\n        });\n\n        setDraftMessage(result.message);\n\n        return result.parentDraft;\n      });\n    },\n    [],\n  );\n\n  const handleConnect = useCallback(\n    (connection: Connection): void => {\n      if (!isEditing || !connection.target || !connection.source) {\n        return;\n      }\n\n      const nextParentId =\n        connection.source === ORG_TREE_ROOT_ID ? null : connection.source;\n\n      if (connection.target === ORG_TREE_ROOT_ID) {\n        setDraftMessage('根節點不能搬移到其他節點下。');\n        return;\n      }\n\n      assignDraftParent(connection.target, nextParentId);\n    },\n    [assignDraftParent, isEditing],\n  );\n\n  const handleNodeChanges = useCallback<OnNodesChange<OrgUnitTreeNode>>(\n    (changes): void => {\n      if (!isEditing) {\n        return;\n      }\n\n      setFlowNodes((currentNodes) =>\n        applyNodeChanges(changes, [...currentNodes]),\n      );\n    },\n    [isEditing],\n  );\n\n  const handleNodeDragStop = useCallback<OnNodeDrag<OrgUnitTreeNode>>(\n    (event, node, nodes): void => {\n      if (!isEditing || node.id === ORG_TREE_ROOT_ID) {\n        return;\n      }\n\n      const nearestParent =\n        readNearestParentNodeIdFromPointer(event, node.id) ??\n        readNearestParentNodeId(node, nodes);\n\n      if (nearestParent === undefined) {\n        setDraftMessage('拖曳到目標父節點附近，或從父節點拉線到子節點。');\n        return;\n      }\n\n      assignDraftParent(\n        node.id,\n        nearestParent === ORG_TREE_ROOT_ID ? null : nearestParent,\n      );\n    },\n    [assignDraftParent, isEditing],\n  );\n\n  function startEditing(): void {\n    setIsEditing(true);\n    setParentDraft(createOrgUnitParentDraftMap(orgUnits));\n    setDraftMessage('已進入編輯模式，拖曳節點或拉線只會更新前端草稿。');\n  }\n\n  function cancelEditing(): void {\n    setIsEditing(false);\n    setParentDraft(createOrgUnitParentDraftMap(orgUnits));\n    setDraftMessage('已取消草稿變更。');\n  }\n\n  async function saveDraft(): Promise<void> {\n    if (!onSaveDraft) {\n      setDraftMessage('批次儲存 API 尚未接上，草稿仍保留在前端。');\n      return;\n    }\n\n    await onSaveDraft(draftChanges);\n    setIsEditing(false);\n    setDraftMessage('組織樹草稿已儲存。');\n  }\n\n  return (\n    <div className={styles.orgTreeEditor}>\n      <div className={styles.orgTreeSummary}>\n        <Typography color=\"text-neutral\" variant=\"caption\">\n          {draftMessage ??\n            (hasDraftChanges\n              ? `目前有 ${draftChanges.length} 筆父子關係草稿變更。`\n              : '目前沒有草稿變更。')}\n        </Typography>\n        {hasDraftChanges ? (\n          <ul className={styles.orgTreeChangeList}>\n            {draftChanges.map((change) => (\n              <li key={change.orgUnitId}>\n                {readOrgUnitName(change.orgUnitId, orgUnitsById)}\n                {'：'}\n                {readOrgUnitName(change.previousParentId, orgUnitsById)}\n                {' -> '}\n                {readOrgUnitName(change.parentId, orgUnitsById)}\n              </li>\n            ))}\n          </ul>\n        ) : null}\n      </div>\n      <div className={styles.orgTreeCanvas}>\n        <ReactFlow\n          connectionMode={ConnectionMode.Strict}\n          edges={[...flowElements.edges]}\n          fitView\n          fitViewOptions={{ padding: 0.18 }}\n          isValidConnection={(connection): boolean =>\n            isOrgTreeConnectionValid(\n              { source: connection.source, target: connection.target },\n              parentDraft,\n            )\n          }\n          maxZoom={1.4}\n          minZoom={0.25}\n          nodeTypes={orgUnitTreeNodeTypes}\n          nodes={[...flowNodes]}\n          nodesConnectable={isEditing}\n          nodesDraggable={isEditing}\n          onConnect={handleConnect}\n          onNodeClick={(_, node): void => {\n            setSelectedOrgUnitId(node.id === ORG_TREE_ROOT_ID ? null : node.id);\n          }}\n          onNodeDoubleClick={(_, node): void => {\n            if (node.id !== ORG_TREE_ROOT_ID) {\n              const orgUnit = orgUnitsById.get(node.id);\n\n              if (orgUnit) {\n                onEditOrgUnit(orgUnit);\n              }\n            }\n          }}\n          onNodeDragStop={handleNodeDragStop}\n          onNodesChange={handleNodeChanges}\n          onPaneClick={(): void => setSelectedOrgUnitId(null)}\n          panOnDrag\n          proOptions={{ hideAttribution: true }}\n        >\n          <Background />\n          <Controls />\n          <MiniMap pannable zoomable />\n        </ReactFlow>\n      </div>\n    </div>\n  );\n});\n\nfunction OrgUnitTreeNodeCard({\n  data,\n  selected,\n}: NodeProps<OrgUnitTreeNode>): ReactElement {\n  return (\n    <div\n      className={[\n        styles.orgTreeNode,\n        data.isSyntheticRoot ? styles.orgTreeNodeRoot : '',\n        data.changed ? styles.orgTreeNodeChanged : '',\n        data.deleted ? styles.orgTreeNodeDeleted : '',\n        selected ? styles.orgTreeNodeSelected : '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {data.isSyntheticRoot ? null : (\n        <Handle\n          id=\"target\"\n          isConnectable={data.isEditing}\n          position={Position.Top}\n          type=\"target\"\n        />\n      )}\n      <Handle\n        id=\"source\"\n        isConnectable={data.isEditing}\n        position={Position.Bottom}\n        type=\"source\"\n      />\n      <div className={styles.orgTreeNodeHeader}>\n        <Typography\n          component=\"span\"\n          ellipsis\n          title={data.name}\n          variant=\"label-primary\"\n        >\n          {data.name}\n        </Typography>\n        {data.changed ? (\n          <span className={styles.orgTreeNodeBadge}>草稿</span>\n        ) : null}\n      </div>\n      <Typography\n        color=\"text-neutral\"\n        component=\"span\"\n        ellipsis\n        title={data.code}\n        variant=\"caption\"\n      >\n        {data.isSyntheticRoot\n          ? '根節點容器'\n          : `${data.typeLabel} · ${data.code}`}\n      </Typography>\n      {data.isSyntheticRoot ? null : (\n        <Typography\n          color=\"text-neutral\"\n          component=\"span\"\n          ellipsis\n          title={data.parentLabel}\n          variant=\"caption\"\n        >\n          上層：{data.parentLabel}\n        </Typography>\n      )}\n      <div className={styles.orgTreeNodeActions}>\n        {data.isSyntheticRoot ? (\n          <Button\n            icon={PlusIcon}\n            iconType=\"leading\"\n            onClick={(): void => data.onCreateChild(null)}\n            size=\"sub\"\n            variant=\"base-secondary\"\n          >\n            新增根節點\n          </Button>\n        ) : (\n          <>\n            <Button\n              icon={EditIcon}\n              iconType=\"leading\"\n              onClick={(): void => {\n                if (data.orgUnitId) {\n                  data.onEdit(data.orgUnitId);\n                }\n              }}\n              size=\"sub\"\n              variant=\"base-secondary\"\n            >\n              編輯\n            </Button>\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={(): void => data.onCreateChild(data.orgUnitId)}\n              size=\"sub\"\n              variant=\"base-secondary\"\n            >\n              新增子節點\n            </Button>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction createOrgUnitTreeFlowElements({\n  isEditing,\n  onCreateChild,\n  onEditOrgUnit,\n  orgUnits,\n  orgUnitsById,\n  parentDraft,\n  selectedOrgUnitId,\n}: {\n  readonly isEditing: boolean;\n  readonly onCreateChild: (parentId: string | null) => void;\n  readonly onEditOrgUnit: (orgUnitId: string) => void;\n  readonly orgUnits: readonly OrgUnitRecord[];\n  readonly orgUnitsById: ReadonlyMap<string, OrgUnitRecord>;\n  readonly parentDraft: OrgUnitParentDraftMap;\n  readonly selectedOrgUnitId: string | null;\n}): Readonly<{\n  edges: readonly OrgUnitTreeEdge[];\n  nodes: readonly OrgUnitTreeNode[];\n}> {\n  const graph = new dagre.graphlib.Graph();\n  graph.setDefaultEdgeLabel(() => ({}));\n  graph.setGraph({ marginx: 36, marginy: 36, nodesep: 44, rankdir: 'TB' });\n  graph.setNode(ORG_TREE_ROOT_ID, {\n    height: ORG_TREE_ROOT_HEIGHT,\n    width: ORG_TREE_ROOT_WIDTH,\n  });\n  orgUnits.forEach((orgUnit): void => {\n    graph.setNode(orgUnit.id, {\n      height: ORG_TREE_NODE_HEIGHT,\n      width: ORG_TREE_NODE_WIDTH,\n    });\n  });\n  orgUnits.forEach((orgUnit): void => {\n    const parentId = parentDraft.get(orgUnit.id) ?? null;\n    graph.setEdge(parentId ?? ORG_TREE_ROOT_ID, orgUnit.id);\n  });\n  dagre.layout(graph);\n\n  const rootNode = createOrgUnitTreeNode({\n    data: {\n      changed: false,\n      code: ORG_TREE_ROOT_ID,\n      deleted: false,\n      isEditing,\n      isSyntheticRoot: true,\n      name: '組織根節點',\n      onCreateChild,\n      onEdit: onEditOrgUnit,\n      orgUnitId: null,\n      parentLabel: '',\n      path: '',\n      typeLabel: '',\n    },\n    graph,\n    height: ORG_TREE_ROOT_HEIGHT,\n    id: ORG_TREE_ROOT_ID,\n    selected: selectedOrgUnitId === null,\n    width: ORG_TREE_ROOT_WIDTH,\n  });\n  const orgNodes = orgUnits.map((orgUnit): OrgUnitTreeNode => {\n    const parentId = parentDraft.get(orgUnit.id) ?? null;\n    const parentLabel = readOrgUnitName(parentId, orgUnitsById);\n\n    return createOrgUnitTreeNode({\n      data: {\n        changed: parentId !== orgUnit.parentId,\n        code: orgUnit.code,\n        deleted: Boolean(orgUnit.deletedAt),\n        isEditing,\n        isSyntheticRoot: false,\n        name: orgUnit.name,\n        onCreateChild,\n        onEdit: onEditOrgUnit,\n        orgUnitId: orgUnit.id,\n        parentLabel,\n        path: orgUnit.path,\n        typeLabel: readOrgUnitTypeLabel(orgUnit.type),\n      },\n      graph,\n      height: ORG_TREE_NODE_HEIGHT,\n      id: orgUnit.id,\n      selected: selectedOrgUnitId === orgUnit.id,\n      width: ORG_TREE_NODE_WIDTH,\n    });\n  });\n  const edges = orgUnits.map((orgUnit): OrgUnitTreeEdge => {\n    const parentId = parentDraft.get(orgUnit.id) ?? null;\n    const changed = parentId !== orgUnit.parentId;\n\n    return {\n      animated: isEditing && changed,\n      data: {},\n      id: `org-tree-edge-${parentId ?? 'root'}-${orgUnit.id}`,\n      source: parentId ?? ORG_TREE_ROOT_ID,\n      sourceHandle: 'source',\n      style: changed\n        ? { stroke: 'var(--mzn-color-primary, #0057ff)', strokeWidth: 2 }\n        : undefined,\n      target: orgUnit.id,\n      targetHandle: 'target',\n      type: 'smoothstep',\n    };\n  });\n\n  return {\n    edges,\n    nodes: [rootNode, ...orgNodes],\n  };\n}\n\nfunction createOrgUnitTreeNode({\n  data,\n  graph,\n  height,\n  id,\n  selected,\n  width,\n}: {\n  readonly data: OrgUnitTreeFlowData;\n  readonly graph: dagre.graphlib.Graph;\n  readonly height: number;\n  readonly id: string;\n  readonly selected: boolean;\n  readonly width: number;\n}): OrgUnitTreeNode {\n  const positionedNode = graph.node(id) as\n    | Readonly<{ x: number; y: number }>\n    | undefined;\n\n  return {\n    data,\n    height,\n    id,\n    initialHeight: height,\n    initialWidth: width,\n    position: positionedNode\n      ? {\n          x: positionedNode.x - width / 2,\n          y: positionedNode.y - height / 2,\n        }\n      : { x: 0, y: 0 },\n    selected,\n    sourcePosition: Position.Bottom,\n    targetPosition: Position.Top,\n    type: 'orgUnit',\n    width,\n  };\n}\n\nfunction readNearestParentNodeId(\n  draggedNode: OrgUnitTreeNode,\n  nodes: readonly OrgUnitTreeNode[],\n): string | undefined {\n  const draggedCenter = readNodeCenter(draggedNode);\n  const candidates = nodes\n    .filter((node) => node.id !== draggedNode.id)\n    .map(\n      (node): Readonly<{ distance: number; id: string }> => ({\n        distance: readDistance(draggedCenter, readNodeCenter(node)),\n        id: node.id,\n      }),\n    )\n    .filter((candidate) => candidate.distance <= ORG_TREE_DROP_DISTANCE)\n    .sort((left, right) => left.distance - right.distance);\n\n  return candidates[0]?.id;\n}\n\nfunction readNearestParentNodeIdFromPointer(\n  event: unknown,\n  draggedNodeId: string,\n): string | undefined {\n  const point = readPointerPoint(event);\n\n  if (!point) {\n    return undefined;\n  }\n\n  const candidates = Array.from(\n    document.querySelectorAll<HTMLElement>('.react-flow__node[data-id]'),\n  )\n    .map((element): Readonly<{ distance: number; id: string }> | null => {\n      const id = element.dataset['id'];\n\n      if (!id || id === draggedNodeId) {\n        return null;\n      }\n\n      const rect = element.getBoundingClientRect();\n      const center = {\n        x: rect.left + rect.width / 2,\n        y: rect.top + rect.height / 2,\n      };\n\n      return {\n        distance: readDistance(point, center),\n        id,\n      };\n    })\n    .filter(\n      (\n        candidate,\n      ): candidate is Readonly<{ distance: number; id: string }> =>\n        Boolean(candidate),\n    )\n    .filter((candidate) => candidate.distance <= ORG_TREE_DROP_DISTANCE)\n    .sort((left, right) => left.distance - right.distance);\n\n  return candidates[0]?.id;\n}\n\nfunction readPointerPoint(\n  event: unknown,\n): Readonly<{ x: number; y: number }> | null {\n  if (!isPointerEventLike(event)) {\n    return null;\n  }\n\n  return { x: event.clientX, y: event.clientY };\n}\n\nfunction isPointerEventLike(\n  event: unknown,\n): event is Readonly<{ clientX: number; clientY: number }> {\n  return (\n    typeof event === 'object' &&\n    event !== null &&\n    'clientX' in event &&\n    'clientY' in event &&\n    typeof event.clientX === 'number' &&\n    typeof event.clientY === 'number'\n  );\n}\n\nfunction readNodeCenter(\n  node: OrgUnitTreeNode,\n): Readonly<{ x: number; y: number }> {\n  return {\n    x: node.position.x + (node.width ?? ORG_TREE_NODE_WIDTH) / 2,\n    y: node.position.y + (node.height ?? ORG_TREE_NODE_HEIGHT) / 2,\n  };\n}\n\nfunction readDistance(\n  source: Readonly<{ x: number; y: number }>,\n  target: Readonly<{ x: number; y: number }>,\n): number {\n  return Math.hypot(source.x - target.x, source.y - target.y);\n}\n\nfunction isOrgTreeConnectionValid(\n  connection: Readonly<{ source: string | null; target: string | null }>,\n  parentDraft: OrgUnitParentDraftMap,\n): boolean {\n  if (!connection.source || !connection.target) {\n    return false;\n  }\n\n  if (connection.target === ORG_TREE_ROOT_ID) {\n    return false;\n  }\n\n  return (\n    readOrgUnitParentValidationMessage({\n      orgUnitId: connection.target,\n      parentDraft,\n      parentId:\n        connection.source === ORG_TREE_ROOT_ID ? null : connection.source,\n    }) === null\n  );\n}\n\nfunction readOrgUnitName(\n  orgUnitId: string | null,\n  orgUnitsById: ReadonlyMap<string, OrgUnitRecord>,\n): string {\n  if (!orgUnitId) {\n    return '根節點';\n  }\n\n  const orgUnit = orgUnitsById.get(orgUnitId);\n\n  return orgUnit ? `${orgUnit.name} · ${orgUnit.code}` : '未知組織';\n}\n\nfunction readOrgUnitTypeLabel(type: OrgUnitType): string {\n  const normalizedType = type.toUpperCase() as Uppercase<OrgUnitType>;\n\n  return ORG_UNIT_TYPE_LABELS[normalizedType] ?? '未知類型';\n}\n",".tableIntroActions {\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  flex: 0 0 auto;\n  max-width: 100%;\n}\n\n.tableIntroActions > :global(.mzn-button) {\n  flex: 0 0 auto;\n}\n\n.modalFields {\n  display: grid;\n  gap: 12px;\n  width: 100%;\n\n  :global(.mzn-form-field--horizontal) {\n    align-items: flex-start;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__label-area) {\n    flex: 0 0 120px;\n    width: 120px;\n    min-width: 120px;\n    white-space: nowrap;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__label) {\n    flex-wrap: nowrap;\n    white-space: nowrap;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__data-entry) {\n    flex: 1 1 auto;\n    align-items: stretch;\n    min-width: 0;\n    max-width: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-auto-complete) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-input),\n  :global(.mzn-input-container),\n  :global(.mzn-picker),\n  :global(.mzn-select),\n  :global(.mzn-select-trigger),\n  :global(.mzn-text-field) {\n    width: 100%;\n    min-width: 0 !important;\n  }\n\n  :global(.mzn-select-trigger__input) {\n    width: 100%;\n    min-width: 0 !important;\n    text-overflow: ellipsis;\n  }\n}\n\n.tableIntro {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n  min-width: 0;\n  max-width: 100%;\n  margin-bottom: 12px;\n}\n\n.tableIntro > div {\n  min-width: 0;\n}\n\n.tableIntro > div > * {\n  overflow-wrap: anywhere;\n}\n\n.tableFrame {\n  width: 100%;\n  min-width: 0;\n  max-width: 100%;\n  overflow-x: auto;\n}\n\n.orgFilterArea {\n  margin-bottom: 12px;\n\n  :global(.mzn-filter-line),\n  :global(.mzn-filter-area__line) {\n    flex-wrap: nowrap;\n  }\n\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n}\n\n.membershipFilterArea {\n  overflow-x: auto;\n\n  :global(.mzn-filter-line),\n  :global(.mzn-filter-area__line) {\n    align-items: center;\n    flex-wrap: nowrap !important;\n    min-width: 760px;\n  }\n\n  :global(.mzn-filter),\n  :global(.mzn-filter-area__filter) {\n    flex: 1 1 0;\n    min-width: 0;\n  }\n\n  :global(.mzn-filter:nth-child(3)),\n  :global(.mzn-filter-area__filter:nth-child(3)) {\n    flex: 0 0 180px;\n  }\n\n  :global(.mzn-autocomplete) {\n    width: 100%;\n    min-width: 0;\n  }\n}\n\n.scopeLabel {\n  display: inline-flex;\n  align-items: center;\n  min-height: 24px;\n}\n\n@media (max-width: 960px) {\n  .tableIntro {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .tableIntroActions {\n    justify-content: flex-start;\n  }\n\n  .tableIntroActions {\n    flex-wrap: wrap;\n  }\n\n  .orgFilterArea {\n    :global(.mzn-filter-line),\n    :global(.mzn-filter-area__line) {\n      flex-wrap: wrap;\n    }\n  }\n\n  .membershipFilterArea {\n    :global(.mzn-filter-line),\n    :global(.mzn-filter-area__line) {\n      align-items: stretch;\n      flex-wrap: nowrap !important;\n    }\n\n    :global(.mzn-form-field--horizontal) {\n      align-items: center;\n    }\n  }\n}\n","'use client';\n\nimport {\n  ChangeEvent,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  AutoComplete,\n  Button,\n  DatePicker,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  Layout,\n  Modal,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Select,\n  Tab,\n  TabItem,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport {\n  CloseIcon,\n  EditIcon,\n  PlusIcon,\n  SaveIcon,\n} from '@mezzanine-ui/icons';\nimport type { IconDefinition } from '@mezzanine-ui/icons';\nimport { BPMFormField } from '../../../components/bpm-form-field';\nimport {\n  MemberOption,\n  OrgUnitPicker,\n  OrgUnitOption,\n  PositionOption,\n  PositionPicker,\n  MemberPicker,\n  readMemberOption,\n  readOrgUnitOption,\n  readPositionOption,\n} from '../../../components/admin-pickers';\nimport {\n  commitOrgUnitTreeDraft,\n  createManagerResolution,\n  createMembership,\n  createOrgUnit,\n  createPosition,\n  deleteManagerResolution,\n  deleteMembership,\n  deleteOrgUnit,\n  ManagerResolutionRecord,\n  ManagerResolutionScopeType,\n  MembershipRecord,\n  OrgUnitRecord,\n  OrgUnitType,\n  PositionRecord,\n  readOrganizationDashboard,\n  updateManagerResolution,\n  updateMembership,\n  updateOrgUnit,\n  updatePosition,\n} from '@rytass/bpm-core-client/organization';\nimport { MemberProfileRecord, resolveMembers } from '@rytass/bpm-core-client';\nimport {\n  OrgUnitTreeDraftEditor,\n  OrgUnitTreeDraftEditorHandle,\n  OrgUnitTreeDraftEditorState,\n} from '../../../components/org-unit-tree-draft-editor';\nimport type { OrgUnitHierarchyDraftChange } from '../../../lib/org-tree-draft';\nimport styles from './orgs.module.scss';\nimport { AppNavigation } from '../../../components/app-navigation';\n\ntype AdminOrgTab = 'MANAGERS' | 'MEMBERSHIPS' | 'ORG_UNITS' | 'POSITIONS';\ntype OrgUnitViewMode = 'FLOW' | 'TABLE';\n\nconst INITIAL_ORG_TREE_EDITOR_STATE: OrgUnitTreeDraftEditorState = {\n  hasDraftChanges: false,\n  isEditing: false,\n};\n\ntype OrgUnitRow = Readonly<\n  Record<string, unknown> &\n    OrgUnitRecord & {\n      key: string;\n      parentName: string;\n      typeLabel: string;\n    }\n>;\n\ntype PositionRow = Readonly<\n  Record<string, unknown> &\n    PositionRecord & {\n      key: string;\n    }\n>;\n\ntype MembershipRow = Readonly<\n  Record<string, unknown> &\n    MembershipRecord & {\n      key: string;\n      memberName: string;\n      orgUnitName: string;\n      positionName: string;\n    }\n>;\n\ntype ManagerResolutionRow = Readonly<\n  Record<string, unknown> &\n    ManagerResolutionRecord & {\n      key: string;\n      managerName: string;\n      scopeLabel: string;\n    }\n>;\n\ntype OrgModalState = Readonly<{\n  parentId?: string | null;\n  record: OrgUnitRecord | null;\n  type: 'CREATE' | 'EDIT';\n}>;\n\ntype PositionModalState = Readonly<{\n  record: PositionRecord | null;\n  type: 'CREATE' | 'EDIT';\n}>;\n\ntype MembershipModalState = Readonly<{\n  record: MembershipRecord | null;\n  type: 'CREATE' | 'EDIT';\n}>;\n\ntype ManagerModalState = Readonly<{\n  record: ManagerResolutionRecord | null;\n  type: 'CREATE' | 'EDIT';\n}>;\n\ntype DeleteConfirmationState = Readonly<{\n  confirmText: string;\n  description: string;\n  id: string;\n  title: string;\n  type: 'MANAGER_RESOLUTION' | 'MEMBERSHIP' | 'ORG_UNIT';\n}>;\n\ntype OrgUnitTypeOption = Readonly<{\n  id: OrgUnitType;\n  name: string;\n}>;\n\ntype OrgUnitTypeFilterOption = Readonly<{\n  id: 'ALL' | OrgUnitType;\n  name: string;\n}>;\n\ntype ScopeTypeOption = Readonly<{\n  id: ManagerResolutionScopeType;\n  name: string;\n}>;\n\ntype ScopeTypeFilterOption = Readonly<{\n  id: 'ALL' | ManagerResolutionScopeType;\n  name: string;\n}>;\n\ntype ActiveFilterOption = Readonly<{\n  activeOnly: boolean;\n  id: 'ACTIVE' | 'ALL';\n  name: string;\n}>;\n\ntype PrimaryOption = Readonly<{\n  id: 'false' | 'true';\n  name: string;\n  value: boolean;\n}>;\n\ntype TablePaginationState = Readonly<{\n  onPageChange: (page: number) => void;\n  onPageSizeChange: (pageSize: number) => void;\n  page: number;\n  pageSize: number;\n  total: number;\n}>;\n\nconst ORG_UNIT_TYPES: readonly OrgUnitTypeOption[] = [\n  { id: 'COMPANY', name: '公司' },\n  { id: 'DIVISION', name: '事業群' },\n  { id: 'DEPARTMENT', name: '部門' },\n  { id: 'TEAM', name: '小組' },\n];\nconst ALL_ORG_UNIT_TYPE_FILTER: OrgUnitTypeFilterOption = {\n  id: 'ALL',\n  name: '全部類型',\n};\nconst ORG_UNIT_TYPE_FILTER_OPTIONS: readonly OrgUnitTypeFilterOption[] = [\n  ALL_ORG_UNIT_TYPE_FILTER,\n  ...ORG_UNIT_TYPES,\n];\n\nconst SCOPE_TYPES: readonly ScopeTypeOption[] = [\n  { id: 'MEMBER', name: '指定會員' },\n  { id: 'ORG_UNIT', name: '指定組織' },\n  { id: 'POSITION', name: '指定職位' },\n];\nconst ALL_SCOPE_TYPE_FILTER: ScopeTypeFilterOption = {\n  id: 'ALL',\n  name: '全部範圍',\n};\nconst SCOPE_TYPE_FILTER_OPTIONS: readonly ScopeTypeFilterOption[] = [\n  ALL_SCOPE_TYPE_FILTER,\n  ...SCOPE_TYPES,\n];\nconst ALL_ACTIVE_FILTER: ActiveFilterOption = {\n  activeOnly: false,\n  id: 'ALL',\n  name: '全部狀態',\n};\nconst ACTIVE_FILTER_OPTIONS: readonly ActiveFilterOption[] = [\n  ALL_ACTIVE_FILTER,\n  { activeOnly: true, id: 'ACTIVE', name: '目前有效' },\n];\n\nconst PRIMARY_OPTIONS: readonly PrimaryOption[] = [\n  { id: 'true', name: '主要歸屬', value: true },\n  { id: 'false', name: '一般歸屬', value: false },\n];\nconst ORGANIZATION_TABLE_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst ORG_UNIT_TABLE_MIN_WIDTH = 1368;\nconst POSITION_TABLE_MIN_WIDTH = 908;\nconst MEMBERSHIP_TABLE_MIN_WIDTH = 1292;\nconst MANAGER_TABLE_MIN_WIDTH = 1124;\n\nexport interface AdminOrgsViewProps {\n  readonly activeHref?: string;\n}\n\nexport function AdminOrgsView({\n  activeHref = '/admin/orgs',\n}: AdminOrgsViewProps = {}): ReactElement {\n  const [activeTab, setActiveTab] = useState<AdminOrgTab>('ORG_UNITS');\n  const [deleteConfirmation, setDeleteConfirmation] =\n    useState<DeleteConfirmationState | null>(null);\n  const [lastDeleteConfirmation, setLastDeleteConfirmation] =\n    useState<DeleteConfirmationState | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [managerModal, setManagerModal] = useState<ManagerModalState | null>(\n    null,\n  );\n  const [managerActiveFilter, setManagerActiveFilter] =\n    useState<ActiveFilterOption>(ALL_ACTIVE_FILTER);\n  const [managerPage, setManagerPage] = useState(1);\n  const [managerPageSize, setManagerPageSize] = useState(10);\n  const [managerScopeTypeFilter, setManagerScopeTypeFilter] =\n    useState<ScopeTypeFilterOption>(ALL_SCOPE_TYPE_FILTER);\n  const [managerTotalCount, setManagerTotalCount] = useState(0);\n  const [memberProfiles, setMemberProfiles] = useState<\n    readonly MemberProfileRecord[]\n  >([]);\n  const [membershipActiveFilter, setMembershipActiveFilter] =\n    useState<ActiveFilterOption | null>(null);\n  const [membershipModal, setMembershipModal] =\n    useState<MembershipModalState | null>(null);\n  const [membershipOrgUnitFilter, setMembershipOrgUnitFilter] =\n    useState<OrgUnitOption | null>(null);\n  const [membershipPage, setMembershipPage] = useState(1);\n  const [membershipPageSize, setMembershipPageSize] = useState(10);\n  const [membershipPositionFilter, setMembershipPositionFilter] =\n    useState<PositionOption | null>(null);\n  const [membershipTotalCount, setMembershipTotalCount] = useState(0);\n  const [orgModal, setOrgModal] = useState<OrgModalState | null>(null);\n  const [orgUnitPage, setOrgUnitPage] = useState(1);\n  const [orgUnitPageSize, setOrgUnitPageSize] = useState(10);\n  const [orgUnitSearchText, setOrgUnitSearchText] = useState('');\n  const [orgUnitTotalCount, setOrgUnitTotalCount] = useState(0);\n  const [orgUnitTypeFilter, setOrgUnitTypeFilter] =\n    useState<OrgUnitTypeFilterOption>(ALL_ORG_UNIT_TYPE_FILTER);\n  const [orgUnitViewMode, setOrgUnitViewMode] =\n    useState<OrgUnitViewMode>('TABLE');\n  const [orgUnits, setOrgUnits] = useState<readonly OrgUnitRecord[]>([]);\n  const [visibleOrgUnits, setVisibleOrgUnits] = useState<\n    readonly OrgUnitRecord[]\n  >([]);\n  const [visiblePositions, setVisiblePositions] = useState<\n    readonly PositionRecord[]\n  >([]);\n  const [positionModal, setPositionModal] = useState<PositionModalState | null>(\n    null,\n  );\n  const [positionPage, setPositionPage] = useState(1);\n  const [positionPageSize, setPositionPageSize] = useState(10);\n  const [positionSearchText, setPositionSearchText] = useState('');\n  const [positionTotalCount, setPositionTotalCount] = useState(0);\n  const [positions, setPositions] = useState<readonly PositionRecord[]>([]);\n  const [visibleManagerResolutions, setVisibleManagerResolutions] = useState<\n    readonly ManagerResolutionRecord[]\n  >([]);\n  const [visibleMemberships, setVisibleMemberships] = useState<\n    readonly MembershipRecord[]\n  >([]);\n  const [saving, setSaving] = useState(false);\n\n  useEffect((): void => {\n    if (deleteConfirmation) {\n      setLastDeleteConfirmation(deleteConfirmation);\n    }\n  }, [deleteConfirmation]);\n\n  const visibleDeleteConfirmation =\n    deleteConfirmation ?? lastDeleteConfirmation;\n\n  const refreshOrganization = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const dashboard = await readOrganizationDashboard({\n        managerActiveOnly: managerActiveFilter.activeOnly,\n        managerPage,\n        managerPageSize,\n        managerScopeType:\n          managerScopeTypeFilter.id === 'ALL'\n            ? null\n            : managerScopeTypeFilter.id,\n        membershipActiveOnly: membershipActiveFilter?.activeOnly ?? false,\n        membershipOrgUnitId: membershipOrgUnitFilter?.id ?? null,\n        membershipPage,\n        membershipPageSize,\n        membershipPositionId: membershipPositionFilter?.id ?? null,\n        orgUnitPage,\n        orgUnitPageSize,\n        orgUnitSearchText,\n        orgUnitType:\n          orgUnitTypeFilter.id === 'ALL' ? null : orgUnitTypeFilter.id,\n        positionPage,\n        positionPageSize,\n        positionSearchText,\n      });\n      const memberIds = readReferencedMemberIds(\n        dashboard.memberships,\n        dashboard.managerResolutions,\n      );\n      const profiles = await resolveMembers(memberIds);\n\n      setMemberProfiles(profiles);\n      setOrgUnits(dashboard.orgUnits);\n      setOrgUnitTotalCount(dashboard.orgUnitCount);\n      setVisibleOrgUnits(dashboard.filteredOrgUnits);\n      setPositions(dashboard.positions);\n      setPositionTotalCount(dashboard.positionCount);\n      setVisiblePositions(dashboard.filteredPositions);\n      setMembershipTotalCount(dashboard.membershipCount);\n      setVisibleMemberships(dashboard.filteredMemberships);\n      setManagerTotalCount(dashboard.managerResolutionCount);\n      setVisibleManagerResolutions(dashboard.filteredManagerResolutions);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [\n    managerActiveFilter,\n    managerPage,\n    managerPageSize,\n    managerScopeTypeFilter,\n    membershipActiveFilter,\n    membershipOrgUnitFilter,\n    membershipPage,\n    membershipPageSize,\n    membershipPositionFilter,\n    orgUnitPage,\n    orgUnitPageSize,\n    orgUnitSearchText,\n    orgUnitTypeFilter,\n    positionPage,\n    positionPageSize,\n    positionSearchText,\n  ]);\n\n  useEffect((): void => {\n    void refreshOrganization();\n  }, [refreshOrganization]);\n\n  const orgUnitsById = useMemo(\n    (): ReadonlyMap<string, OrgUnitRecord> =>\n      new Map(orgUnits.map((orgUnit) => [orgUnit.id, orgUnit])),\n    [orgUnits],\n  );\n  const positionsById = useMemo(\n    (): ReadonlyMap<string, PositionRecord> =>\n      new Map(positions.map((position) => [position.id, position])),\n    [positions],\n  );\n  const membersById = useMemo(\n    (): ReadonlyMap<string, MemberProfileRecord> =>\n      new Map(memberProfiles.map((member) => [member.memberId, member])),\n    [memberProfiles],\n  );\n\n  const orgRows = useMemo(\n    (): OrgUnitRow[] =>\n      visibleOrgUnits.map((orgUnit) => ({\n        ...orgUnit,\n        key: orgUnit.id,\n        parentName: orgUnit.parentId\n          ? readOrgUnitLabel(orgUnitsById.get(orgUnit.parentId))\n          : '根節點',\n        typeLabel: readOrgUnitTypeLabel(orgUnit.type),\n      })),\n    [visibleOrgUnits, orgUnitsById],\n  );\n  const positionRows = useMemo(\n    (): PositionRow[] =>\n      visiblePositions.map((position) => ({\n        ...position,\n        key: position.id,\n      })),\n    [visiblePositions],\n  );\n  const membershipRows = useMemo(\n    (): MembershipRow[] =>\n      visibleMemberships.map((membership) => ({\n        ...membership,\n        key: membership.id,\n        memberName: readMemberLabel(membersById.get(membership.memberId)),\n        orgUnitName: readOrgUnitLabel(orgUnitsById.get(membership.orgUnitId)),\n        positionName: membership.positionId\n          ? readPositionLabel(positionsById.get(membership.positionId))\n          : '未指定',\n      })),\n    [membersById, visibleMemberships, orgUnitsById, positionsById],\n  );\n  const managerRows = useMemo(\n    (): ManagerResolutionRow[] =>\n      visibleManagerResolutions.map((resolution) => ({\n        ...resolution,\n        key: resolution.id,\n        managerName: readMemberLabel(\n          membersById.get(resolution.managerMemberId),\n        ),\n        scopeLabel: readScopeLabel(resolution, {\n          membersById,\n          orgUnitsById,\n          positionsById,\n        }),\n      })),\n    [visibleManagerResolutions, membersById, orgUnitsById, positionsById],\n  );\n\n  const orgActions = useMemo(\n    (): TableActions<OrgUnitRow> => ({\n      render: (record): ReturnType<TableActions<OrgUnitRow>['render']> => [\n        {\n          name: '編輯',\n          onClick: (): void => setOrgModal({ record, type: 'EDIT' }),\n        },\n        {\n          name: '停用',\n          onClick: (): void =>\n            setDeleteConfirmation({\n              confirmText: '停用組織',\n              description: `停用「${record.name}」後，這個組織節點將不再出現在可用組織清單中。`,\n              id: record.id,\n              title: '停用組織節點',\n              type: 'ORG_UNIT',\n            }),\n          variant: 'destructive-secondary',\n        },\n      ],\n      variant: 'base-secondary',\n      width: 128,\n    }),\n    [],\n  );\n  const positionActions = useMemo(\n    (): TableActions<PositionRow> => ({\n      render: (record): ReturnType<TableActions<PositionRow>['render']> => [\n        {\n          name: '編輯',\n          onClick: (): void => setPositionModal({ record, type: 'EDIT' }),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [],\n  );\n  const membershipActions = useMemo(\n    (): TableActions<MembershipRow> => ({\n      render: (record): ReturnType<TableActions<MembershipRow>['render']> => [\n        {\n          name: '編輯',\n          onClick: (): void => setMembershipModal({ record, type: 'EDIT' }),\n        },\n        {\n          name: '刪除',\n          onClick: (): void =>\n            setDeleteConfirmation({\n              confirmText: '刪除歸屬',\n              description: `刪除「${record.memberName}」在「${record.orgUnitName}」的會員歸屬。`,\n              id: record.id,\n              title: '刪除會員歸屬',\n              type: 'MEMBERSHIP',\n            }),\n          variant: 'destructive-secondary',\n        },\n      ],\n      variant: 'base-secondary',\n      width: 128,\n    }),\n    [],\n  );\n  const managerActions = useMemo(\n    (): TableActions<ManagerResolutionRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<ManagerResolutionRow>['render']> => [\n        {\n          name: '編輯',\n          onClick: (): void => setManagerModal({ record, type: 'EDIT' }),\n        },\n        {\n          name: '刪除',\n          onClick: (): void =>\n            setDeleteConfirmation({\n              confirmText: '刪除主管規則',\n              description: `刪除「${record.scopeLabel}」指派給「${record.managerName}」的主管解析規則。`,\n              id: record.id,\n              title: '刪除主管解析規則',\n              type: 'MANAGER_RESOLUTION',\n            }),\n          variant: 'destructive-secondary',\n        },\n      ],\n      variant: 'base-secondary',\n      width: 128,\n    }),\n    [],\n  );\n\n  function updateOrgUnitSearchText(value: string): void {\n    setOrgUnitPage(1);\n    setOrgUnitSearchText(value);\n  }\n\n  function updateOrgUnitTypeFilter(value: OrgUnitTypeFilterOption): void {\n    setOrgUnitPage(1);\n    setOrgUnitTypeFilter(value);\n  }\n\n  function updatePositionSearchText(value: string): void {\n    setPositionPage(1);\n    setPositionSearchText(value);\n  }\n\n  function updateMembershipActiveFilter(value: ActiveFilterOption | null): void {\n    setMembershipPage(1);\n    setMembershipActiveFilter(value);\n  }\n\n  function updateMembershipOrgUnitFilter(value: OrgUnitOption | null): void {\n    setMembershipPage(1);\n    setMembershipOrgUnitFilter(value);\n  }\n\n  function updateMembershipPositionFilter(value: PositionOption | null): void {\n    setMembershipPage(1);\n    setMembershipPositionFilter(value);\n  }\n\n  function updateManagerActiveFilter(value: ActiveFilterOption): void {\n    setManagerPage(1);\n    setManagerActiveFilter(value);\n  }\n\n  function updateManagerScopeTypeFilter(value: ScopeTypeFilterOption): void {\n    setManagerPage(1);\n    setManagerScopeTypeFilter(value);\n  }\n\n  function closeDeleteConfirmation(): void {\n    if (saving) {\n      return;\n    }\n\n    setDeleteConfirmation(null);\n  }\n\n  async function handleConfirmDelete(): Promise<void> {\n    if (!deleteConfirmation) {\n      return;\n    }\n\n    await runMutation(async (): Promise<void> => {\n      if (deleteConfirmation.type === 'ORG_UNIT') {\n        await deleteOrgUnit(deleteConfirmation.id);\n      }\n\n      if (deleteConfirmation.type === 'MEMBERSHIP') {\n        await deleteMembership(deleteConfirmation.id);\n      }\n\n      if (deleteConfirmation.type === 'MANAGER_RESOLUTION') {\n        await deleteManagerResolution(deleteConfirmation.id);\n      }\n\n      setDeleteConfirmation(null);\n    });\n  }\n\n  async function saveOrgUnitTreeDraft(\n    changes: readonly OrgUnitHierarchyDraftChange[],\n  ): Promise<void> {\n    setSaving(true);\n    setError(null);\n\n    try {\n      await commitOrgUnitTreeDraft({\n        moves: changes.map((change) => {\n          const orgUnit = orgUnitsById.get(change.orgUnitId);\n\n          return {\n            baseUpdatedAt: orgUnit?.updatedAt ?? '',\n            id: change.orgUnitId,\n            parentId: change.parentId,\n          };\n        }),\n      });\n      await refreshOrganization();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n      throw requestError;\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  async function runMutation(mutation: () => Promise<void>): Promise<void> {\n    setSaving(true);\n    setError(null);\n\n    try {\n      await mutation();\n      await refreshOrganization();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  return (\n    <Layout>\n      <AppNavigation activeHref={activeHref} />\n\n      <Layout.Main>\n        <PageHeader>\n          <ContentHeader\n            description=\"維護組織樹、職位、會員歸屬與簽核主管解析規則。\"\n            title=\"組織管理\"\n          />\n        </PageHeader>\n\n        <SectionGroup>\n          <Section\n            tab={\n              <Tab\n                activeKey={activeTab}\n                onChange={(key): void => setActiveTab(readAdminOrgTab(key))}\n              >\n                <TabItem key=\"ORG_UNITS\">組織樹</TabItem>\n                <TabItem key=\"POSITIONS\">職位</TabItem>\n                <TabItem key=\"MEMBERSHIPS\">會員歸屬</TabItem>\n                <TabItem key=\"MANAGERS\">簽核主管</TabItem>\n              </Tab>\n            }\n          >\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            {activeTab === 'ORG_UNITS' ? (\n              <OrgUnitPanel\n                actions={orgActions}\n                loading={loading}\n                onCreate={(): void =>\n                  setOrgModal({ parentId: null, record: null, type: 'CREATE' })\n                }\n                onCreateChild={(parentId): void =>\n                  setOrgModal({ parentId, record: null, type: 'CREATE' })\n                }\n                onEditOrgUnit={(record): void =>\n                  setOrgModal({ record, type: 'EDIT' })\n                }\n                onPageChange={setOrgUnitPage}\n                onSaveDraft={saveOrgUnitTreeDraft}\n                onPageSizeChange={(pageSize): void => {\n                  setOrgUnitPage(1);\n                  setOrgUnitPageSize(pageSize);\n                }}\n                onSearchTextChange={updateOrgUnitSearchText}\n                onTypeFilterChange={updateOrgUnitTypeFilter}\n                orgUnits={orgUnits}\n                page={orgUnitPage}\n                pageSize={orgUnitPageSize}\n                rows={orgRows}\n                searchText={orgUnitSearchText}\n                saving={saving}\n                total={orgUnitTotalCount}\n                typeFilter={orgUnitTypeFilter}\n                viewMode={orgUnitViewMode}\n                onViewModeChange={setOrgUnitViewMode}\n              />\n            ) : null}\n            {activeTab === 'POSITIONS' ? (\n              <PositionPanel\n                actions={positionActions}\n                loading={loading}\n                onCreate={(): void =>\n                  setPositionModal({ record: null, type: 'CREATE' })\n                }\n                onPageChange={setPositionPage}\n                onPageSizeChange={(pageSize): void => {\n                  setPositionPage(1);\n                  setPositionPageSize(pageSize);\n                }}\n                onSearchTextChange={updatePositionSearchText}\n                page={positionPage}\n                pageSize={positionPageSize}\n                rows={positionRows}\n                searchText={positionSearchText}\n                total={positionTotalCount}\n              />\n            ) : null}\n            {activeTab === 'MEMBERSHIPS' ? (\n              <MembershipPanel\n                actions={membershipActions}\n                loading={loading}\n                onCreate={(): void =>\n                  setMembershipModal({ record: null, type: 'CREATE' })\n                }\n                onActiveFilterChange={updateMembershipActiveFilter}\n                onOrgUnitFilterChange={updateMembershipOrgUnitFilter}\n                onPageChange={setMembershipPage}\n                onPageSizeChange={(pageSize): void => {\n                  setMembershipPage(1);\n                  setMembershipPageSize(pageSize);\n                }}\n                onPositionFilterChange={updateMembershipPositionFilter}\n                orgUnitFilter={membershipOrgUnitFilter}\n                orgUnits={orgUnits}\n                page={membershipPage}\n                pageSize={membershipPageSize}\n                positionFilter={membershipPositionFilter}\n                positions={positions}\n                rows={membershipRows}\n                statusFilter={membershipActiveFilter}\n                total={membershipTotalCount}\n              />\n            ) : null}\n            {activeTab === 'MANAGERS' ? (\n              <ManagerPanel\n                actions={managerActions}\n                loading={loading}\n                onCreate={(): void =>\n                  setManagerModal({ record: null, type: 'CREATE' })\n                }\n                onActiveFilterChange={updateManagerActiveFilter}\n                onPageChange={setManagerPage}\n                onPageSizeChange={(pageSize): void => {\n                  setManagerPage(1);\n                  setManagerPageSize(pageSize);\n                }}\n                onScopeTypeFilterChange={updateManagerScopeTypeFilter}\n                page={managerPage}\n                pageSize={managerPageSize}\n                rows={managerRows}\n                scopeTypeFilter={managerScopeTypeFilter}\n                statusFilter={managerActiveFilter}\n                total={managerTotalCount}\n              />\n            ) : null}\n          </Section>\n        </SectionGroup>\n\n        <OrgUnitModal\n          modal={orgModal}\n          onClose={(): void => setOrgModal(null)}\n          onSubmit={(input): Promise<void> =>\n            runMutation(async (): Promise<void> => {\n              if (orgModal?.type === 'EDIT' && orgModal.record) {\n                await updateOrgUnit({\n                  ...input,\n                  id: orgModal.record.id,\n                  metadataJson: null,\n                });\n              } else {\n                await createOrgUnit({\n                  code: input.code ?? '',\n                  metadataJson: '{}',\n                  name: input.name ?? '',\n                  parentId: input.parentId,\n                  type: input.type ?? 'DEPARTMENT',\n                });\n              }\n              setOrgModal(null);\n            })\n          }\n          orgUnits={orgUnits}\n          saving={saving}\n        />\n        <PositionModal\n          modal={positionModal}\n          onClose={(): void => setPositionModal(null)}\n          onSubmit={(input): Promise<void> =>\n            runMutation(async (): Promise<void> => {\n              if (positionModal?.type === 'EDIT' && positionModal.record) {\n                await updatePosition({\n                  ...input,\n                  id: positionModal.record.id,\n                  metadataJson: null,\n                });\n              } else {\n                await createPosition({\n                  code: input.code ?? '',\n                  level: input.level ?? 0,\n                  metadataJson: '{}',\n                  name: input.name ?? '',\n                });\n              }\n              setPositionModal(null);\n            })\n          }\n          saving={saving}\n        />\n        <MembershipModal\n          membersById={membersById}\n          modal={membershipModal}\n          onClose={(): void => setMembershipModal(null)}\n          onSubmit={(input): Promise<void> =>\n            runMutation(async (): Promise<void> => {\n              if (membershipModal?.type === 'EDIT' && membershipModal.record) {\n                await updateMembership({\n                  ...input,\n                  id: membershipModal.record.id,\n                });\n              } else {\n                await createMembership({\n                  effectiveFrom: input.effectiveFrom ?? today(),\n                  effectiveTo: input.effectiveTo,\n                  isPrimary: input.isPrimary ?? false,\n                  memberId: input.memberId ?? '',\n                  orgUnitId: input.orgUnitId ?? '',\n                  positionId: input.positionId,\n                });\n              }\n              setMembershipModal(null);\n            })\n          }\n          orgUnits={orgUnits}\n          positions={positions}\n          saving={saving}\n        />\n        <ManagerResolutionModal\n          membersById={membersById}\n          modal={managerModal}\n          onClose={(): void => setManagerModal(null)}\n          onSubmit={(input): Promise<void> =>\n            runMutation(async (): Promise<void> => {\n              if (managerModal?.type === 'EDIT' && managerModal.record) {\n                await updateManagerResolution({\n                  ...input,\n                  id: managerModal.record.id,\n                });\n              } else {\n                await createManagerResolution({\n                  effectiveFrom: input.effectiveFrom ?? today(),\n                  effectiveTo: input.effectiveTo,\n                  managerMemberId: input.managerMemberId ?? '',\n                  priority: input.priority ?? 0,\n                  scopeId: input.scopeId ?? '',\n                  scopeType: input.scopeType ?? 'MEMBER',\n                });\n              }\n              setManagerModal(null);\n            })\n          }\n          orgUnits={orgUnits}\n          positions={positions}\n          saving={saving}\n        />\n        <Modal\n          cancelText=\"取消\"\n          confirmButtonProps={{ variant: 'destructive-primary' }}\n          confirmText={visibleDeleteConfirmation?.confirmText ?? ''}\n          loading={saving}\n          modalStatusType=\"error\"\n          modalType=\"standard\"\n          onCancel={closeDeleteConfirmation}\n          onClose={closeDeleteConfirmation}\n          onConfirm={(): void => void handleConfirmDelete()}\n          open={Boolean(deleteConfirmation)}\n          showModalFooter\n          showModalHeader\n          size=\"regular\"\n          supportingText=\"此操作會立即套用，請確認後再繼續。\"\n          title={visibleDeleteConfirmation?.title ?? ''}\n        >\n          <Typography color=\"text-neutral\" variant=\"body\">\n            {visibleDeleteConfirmation?.description ?? ''}\n          </Typography>\n        </Modal>\n      </Layout.Main>\n    </Layout>\n  );\n}\n\nfunction OrgUnitPanel({\n  actions,\n  loading,\n  onCreate,\n  onCreateChild,\n  onEditOrgUnit,\n  onPageChange,\n  onSaveDraft,\n  onPageSizeChange,\n  onSearchTextChange,\n  onTypeFilterChange,\n  onViewModeChange,\n  orgUnits,\n  page,\n  pageSize,\n  rows,\n  searchText,\n  saving,\n  total,\n  typeFilter,\n  viewMode,\n}: {\n  readonly actions: TableActions<OrgUnitRow>;\n  readonly loading: boolean;\n  readonly onCreate: () => void;\n  readonly onCreateChild: (parentId: string) => void;\n  readonly onEditOrgUnit: (record: OrgUnitRecord) => void;\n  readonly onPageChange: (page: number) => void;\n  readonly onSaveDraft: (\n    changes: readonly OrgUnitHierarchyDraftChange[],\n  ) => Promise<void>;\n  readonly onPageSizeChange: (pageSize: number) => void;\n  readonly onSearchTextChange: (value: string) => void;\n  readonly onTypeFilterChange: (value: OrgUnitTypeFilterOption) => void;\n  readonly onViewModeChange: (mode: OrgUnitViewMode) => void;\n  readonly orgUnits: readonly OrgUnitRecord[];\n  readonly page: number;\n  readonly pageSize: number;\n  readonly rows: readonly OrgUnitRow[];\n  readonly searchText: string;\n  readonly saving: boolean;\n  readonly total: number;\n  readonly typeFilter: OrgUnitTypeFilterOption;\n  readonly viewMode: OrgUnitViewMode;\n}): ReactElement {\n  const treeEditorRef = useRef<OrgUnitTreeDraftEditorHandle | null>(null);\n  const [treeEditorState, setTreeEditorState] =\n    useState<OrgUnitTreeDraftEditorState>(INITIAL_ORG_TREE_EDITOR_STATE);\n  const nextViewMode: OrgUnitViewMode = viewMode === 'TABLE' ? 'FLOW' : 'TABLE';\n  const viewModeToggleLabel = viewMode === 'TABLE' ? '切換樹狀圖' : '切換表格';\n  const isTreeMode = viewMode === 'FLOW';\n  const primaryActionLabel = readOrgUnitPrimaryActionLabel({\n    isTreeMode,\n    isTreeEditing: treeEditorState.isEditing,\n  });\n  const primaryActionIcon = readOrgUnitPrimaryActionIcon({\n    isTreeMode,\n    isTreeEditing: treeEditorState.isEditing,\n  });\n  const primaryActionDisabled = readOrgUnitPrimaryActionDisabled({\n    hasDraftChanges: treeEditorState.hasDraftChanges,\n    isTreeEditing: treeEditorState.isEditing,\n    isTreeMode,\n    loading,\n    saving,\n  });\n  const columns = useMemo(\n    (): TableColumn<OrgUnitRow>[] => [\n      { dataIndex: 'code', key: 'code', title: '代碼', width: 180 },\n      { dataIndex: 'name', key: 'name', title: '名稱', width: 240 },\n      { dataIndex: 'typeLabel', key: 'typeLabel', title: '類型', width: 120 },\n      { dataIndex: 'parentName', key: 'parentName', title: '上層', width: 280 },\n      { dataIndex: 'path', key: 'path', title: 'Path', width: 420 },\n    ],\n    [],\n  );\n\n  useEffect((): void => {\n    if (viewMode === 'TABLE') {\n      setTreeEditorState(INITIAL_ORG_TREE_EDITOR_STATE);\n    }\n  }, [viewMode]);\n\n  return (\n    <>\n      <PanelIntro\n        actionDisabled={primaryActionDisabled}\n        actionIcon={primaryActionIcon}\n        actionLabel={primaryActionLabel}\n        actions={\n          <>\n            <Button\n              onClick={(): void => onViewModeChange(nextViewMode)}\n              variant=\"base-secondary\"\n            >\n              {viewModeToggleLabel}\n            </Button>\n            {isTreeMode && treeEditorState.isEditing ? (\n              <Button\n                disabled={saving}\n                icon={CloseIcon}\n                iconType=\"leading\"\n                onClick={(): void => treeEditorRef.current?.cancelEditing()}\n                variant=\"base-secondary\"\n              >\n                取消\n              </Button>\n            ) : null}\n          </>\n        }\n        description=\"組織節點使用 ltree path 維護階層，搬移節點會同步更新子節點 path。\"\n        onCreate={(): void => {\n          if (!isTreeMode) {\n            onCreate();\n            return;\n          }\n\n          if (treeEditorState.isEditing) {\n            void treeEditorRef.current?.saveDraft();\n            return;\n          }\n\n          treeEditorRef.current?.startEditing();\n        }}\n        title=\"組織樹\"\n      />\n      {viewMode === 'TABLE' ? (\n        <>\n          <FilterArea className={styles.orgFilterArea} size=\"sub\">\n            <FilterLine>\n              <Filter span={3}>\n                <FormField\n                  fullWidth\n                  layout={FormFieldLayout.VERTICAL}\n                  name=\"orgUnitSearchText\"\n                >\n                  <Input\n                    fullWidth\n                    onChange={(event: ChangeEvent<HTMLInputElement>): void =>\n                      onSearchTextChange(event.target.value)\n                    }\n                    placeholder=\"搜尋組織名稱或代碼\"\n                    size=\"sub\"\n                    value={searchText}\n                    variant=\"base\"\n                  />\n                </FormField>\n              </Filter>\n              <Filter span={2}>\n                <FormField\n                  fullWidth\n                  layout={FormFieldLayout.VERTICAL}\n                  name=\"orgUnitTypeFilter\"\n                >\n                  <Select\n                    clearable={false}\n                    fullWidth\n                    onChange={(option): void =>\n                      onTypeFilterChange(readOrgUnitTypeFilterOption(option))\n                    }\n                    options={[...ORG_UNIT_TYPE_FILTER_OPTIONS]}\n                    placeholder=\"類型\"\n                    size=\"sub\"\n                    value={typeFilter}\n                  />\n                </FormField>\n              </Filter>\n            </FilterLine>\n          </FilterArea>\n          <div className={styles.tableFrame}>\n            <Table\n              actions={actions}\n              columns={columns}\n              dataSource={[...rows]}\n              fullWidth\n              loading={loading}\n              pagination={createTablePagination({\n                onPageChange,\n                onPageSizeChange,\n                page,\n                pageSize,\n                total,\n              })}\n              style={{ minWidth: ORG_UNIT_TABLE_MIN_WIDTH }}\n            />\n          </div>\n        </>\n      ) : (\n        <OrgUnitTreeDraftEditor\n          ref={treeEditorRef}\n          onCreateChild={onCreateChild}\n          onCreateRoot={onCreate}\n          onEditOrgUnit={onEditOrgUnit}\n          onSaveDraft={onSaveDraft}\n          onStateChange={setTreeEditorState}\n          orgUnits={orgUnits}\n          saving={saving}\n        />\n      )}\n    </>\n  );\n}\n\nfunction PositionPanel({\n  actions,\n  loading,\n  onCreate,\n  onPageChange,\n  onPageSizeChange,\n  onSearchTextChange,\n  page,\n  pageSize,\n  rows,\n  searchText,\n  total,\n}: {\n  readonly actions: TableActions<PositionRow>;\n  readonly loading: boolean;\n  readonly onCreate: () => void;\n  readonly onPageChange: (page: number) => void;\n  readonly onPageSizeChange: (pageSize: number) => void;\n  readonly onSearchTextChange: (value: string) => void;\n  readonly page: number;\n  readonly pageSize: number;\n  readonly rows: readonly PositionRow[];\n  readonly searchText: string;\n  readonly total: number;\n}): ReactElement {\n  const columns = useMemo(\n    (): TableColumn<PositionRow>[] => [\n      { dataIndex: 'code', key: 'code', title: '代碼', width: 180 },\n      { dataIndex: 'name', key: 'name', title: '名稱', width: 280 },\n      { dataIndex: 'level', key: 'level', title: '職等', width: 96 },\n      {\n        dataIndex: 'updatedAt',\n        key: 'updatedAt',\n        title: '更新時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n\n  return (\n    <>\n      <PanelIntro\n        actionLabel=\"新增職位\"\n        description=\"職位提供會員歸屬與主管解析規則使用。\"\n        onCreate={onCreate}\n        title=\"職位\"\n      />\n      <FilterArea className={styles.orgFilterArea} size=\"sub\">\n        <FilterLine>\n          <Filter span={3}>\n            <FormField\n              fullWidth\n              layout={FormFieldLayout.VERTICAL}\n              name=\"positionSearchText\"\n            >\n              <Input\n                fullWidth\n                onChange={(event: ChangeEvent<HTMLInputElement>): void =>\n                  onSearchTextChange(event.target.value)\n                }\n                placeholder=\"搜尋職位名稱或代碼\"\n                size=\"sub\"\n                value={searchText}\n                variant=\"base\"\n              />\n            </FormField>\n          </Filter>\n        </FilterLine>\n      </FilterArea>\n      <div className={styles.tableFrame}>\n        <Table\n          actions={actions}\n          columns={columns}\n          dataSource={[...rows]}\n          fullWidth\n          loading={loading}\n          pagination={createTablePagination({\n            onPageChange,\n            onPageSizeChange,\n            page,\n            pageSize,\n            total,\n          })}\n          style={{ minWidth: POSITION_TABLE_MIN_WIDTH }}\n        />\n      </div>\n    </>\n  );\n}\n\nfunction MembershipPanel({\n  actions,\n  loading,\n  onCreate,\n  onActiveFilterChange,\n  onOrgUnitFilterChange,\n  onPageChange,\n  onPageSizeChange,\n  onPositionFilterChange,\n  orgUnitFilter,\n  orgUnits,\n  page,\n  pageSize,\n  positionFilter,\n  positions,\n  rows,\n  statusFilter,\n  total,\n}: {\n  readonly actions: TableActions<MembershipRow>;\n  readonly loading: boolean;\n  readonly onCreate: () => void;\n  readonly onActiveFilterChange: (value: ActiveFilterOption | null) => void;\n  readonly onOrgUnitFilterChange: (value: OrgUnitOption | null) => void;\n  readonly onPageChange: (page: number) => void;\n  readonly onPageSizeChange: (pageSize: number) => void;\n  readonly onPositionFilterChange: (value: PositionOption | null) => void;\n  readonly orgUnitFilter: OrgUnitOption | null;\n  readonly orgUnits: readonly OrgUnitRecord[];\n  readonly page: number;\n  readonly pageSize: number;\n  readonly positionFilter: PositionOption | null;\n  readonly positions: readonly PositionRecord[];\n  readonly rows: readonly MembershipRow[];\n  readonly statusFilter: ActiveFilterOption | null;\n  readonly total: number;\n}): ReactElement {\n  const columns = useMemo(\n    (): TableColumn<MembershipRow>[] => [\n      { dataIndex: 'memberName', key: 'memberName', title: '會員', width: 280 },\n      {\n        dataIndex: 'orgUnitName',\n        key: 'orgUnitName',\n        title: '組織',\n        width: 280,\n      },\n      {\n        dataIndex: 'positionName',\n        key: 'positionName',\n        title: '職位',\n        width: 220,\n      },\n      {\n        key: 'isPrimary',\n        render: (record: MembershipRow): string =>\n          record.isPrimary ? '主要' : '一般',\n        title: '類型',\n        width: 104,\n      },\n      {\n        dataIndex: 'effectiveFrom',\n        key: 'effectiveFrom',\n        title: '生效日',\n        width: 140,\n      },\n      {\n        dataIndex: 'effectiveTo',\n        key: 'effectiveTo',\n        title: '結束日',\n        width: 140,\n      },\n    ],\n    [],\n  );\n  const orgUnitOptions = useMemo(\n    (): readonly OrgUnitOption[] => orgUnits.map(readOrgUnitOption),\n    [orgUnits],\n  );\n  const positionOptions = useMemo(\n    (): readonly PositionOption[] => positions.map(readPositionOption),\n    [positions],\n  );\n\n  return (\n    <>\n      <PanelIntro\n        actionLabel=\"新增歸屬\"\n        description=\"會員歸屬是 BPM 內部組織權限、主管解析與條件判斷的來源。\"\n        onCreate={onCreate}\n        title=\"會員歸屬\"\n      />\n      <FilterArea\n        className={[styles.orgFilterArea, styles.membershipFilterArea].join(\n          ' ',\n        )}\n        size=\"sub\"\n      >\n        <FilterLine>\n          <Filter span={2}>\n            <FormField\n              fullWidth\n              layout={FormFieldLayout.VERTICAL}\n              name=\"membershipOrgUnitFilter\"\n            >\n              <AutoComplete\n                disabledOptionsFilter\n                emptyText=\"沒有符合的組織\"\n                inputProps={{\n                  autoCapitalize: 'none',\n                  autoCorrect: 'off',\n                  name: 'membershipOrgUnitFilter',\n                  spellCheck: false,\n                }}\n                mode=\"single\"\n                name=\"membershipOrgUnitFilter\"\n                onChange={(option): void =>\n                  onOrgUnitFilterChange(readOrgUnitOptionFromValue(option))\n                }\n                options={[...orgUnitOptions]}\n                placeholder=\"全部組織\"\n                size=\"sub\"\n                value={orgUnitFilter}\n              />\n            </FormField>\n          </Filter>\n          <Filter span={2}>\n            <FormField\n              fullWidth\n              layout={FormFieldLayout.VERTICAL}\n              name=\"membershipPositionFilter\"\n            >\n              <AutoComplete\n                disabledOptionsFilter\n                emptyText=\"沒有符合的職位\"\n                inputProps={{\n                  autoCapitalize: 'none',\n                  autoCorrect: 'off',\n                  name: 'membershipPositionFilter',\n                  spellCheck: false,\n                }}\n                mode=\"single\"\n                name=\"membershipPositionFilter\"\n                onChange={(option): void =>\n                  onPositionFilterChange(readPositionOptionFromValue(option))\n                }\n                options={[...positionOptions]}\n                placeholder=\"全部職位\"\n                size=\"sub\"\n                value={positionFilter}\n              />\n            </FormField>\n          </Filter>\n          <Filter span={2}>\n            <FormField\n              fullWidth\n              layout={FormFieldLayout.VERTICAL}\n              name=\"membershipStatusFilter\"\n            >\n              <AutoComplete\n                disabledOptionsFilter\n                emptyText=\"沒有符合的狀態\"\n                inputProps={{\n                  autoCapitalize: 'none',\n                  autoCorrect: 'off',\n                  name: 'membershipStatusFilter',\n                  spellCheck: false,\n                }}\n                mode=\"single\"\n                name=\"membershipStatusFilter\"\n                onChange={(option): void =>\n                  onActiveFilterChange(readNullableActiveFilterOption(option))\n                }\n                options={[...ACTIVE_FILTER_OPTIONS]}\n                placeholder=\"全部狀態\"\n                size=\"sub\"\n                value={statusFilter}\n              />\n            </FormField>\n          </Filter>\n        </FilterLine>\n      </FilterArea>\n      <div className={styles.tableFrame}>\n        <Table\n          actions={actions}\n          columns={columns}\n          dataSource={[...rows]}\n          fullWidth\n          loading={loading}\n          pagination={createTablePagination({\n            onPageChange,\n            onPageSizeChange,\n            page,\n            pageSize,\n            total,\n          })}\n          style={{ minWidth: MEMBERSHIP_TABLE_MIN_WIDTH }}\n        />\n      </div>\n    </>\n  );\n}\n\nfunction ManagerPanel({\n  actions,\n  loading,\n  onCreate,\n  onActiveFilterChange,\n  onPageChange,\n  onPageSizeChange,\n  onScopeTypeFilterChange,\n  page,\n  pageSize,\n  rows,\n  scopeTypeFilter,\n  statusFilter,\n  total,\n}: {\n  readonly actions: TableActions<ManagerResolutionRow>;\n  readonly loading: boolean;\n  readonly onCreate: () => void;\n  readonly onActiveFilterChange: (value: ActiveFilterOption) => void;\n  readonly onPageChange: (page: number) => void;\n  readonly onPageSizeChange: (pageSize: number) => void;\n  readonly onScopeTypeFilterChange: (value: ScopeTypeFilterOption) => void;\n  readonly page: number;\n  readonly pageSize: number;\n  readonly rows: readonly ManagerResolutionRow[];\n  readonly scopeTypeFilter: ScopeTypeFilterOption;\n  readonly statusFilter: ActiveFilterOption;\n  readonly total: number;\n}): ReactElement {\n  const columns = useMemo(\n    (): TableColumn<ManagerResolutionRow>[] => [\n      {\n        dataIndex: 'scopeLabel',\n        key: 'scopeLabel',\n        title: '套用範圍',\n        width: 320,\n      },\n      {\n        dataIndex: 'managerName',\n        key: 'managerName',\n        title: '簽核主管',\n        width: 300,\n      },\n      { dataIndex: 'priority', key: 'priority', title: '優先序', width: 96 },\n      {\n        dataIndex: 'effectiveFrom',\n        key: 'effectiveFrom',\n        title: '生效日',\n        width: 140,\n      },\n      {\n        dataIndex: 'effectiveTo',\n        key: 'effectiveTo',\n        title: '結束日',\n        width: 140,\n      },\n    ],\n    [],\n  );\n\n  return (\n    <>\n      <PanelIntro\n        actionLabel=\"新增主管規則\"\n        description=\"簽核主管規則獨立於組織樹 parent，解析優先序為會員、組織、職位。\"\n        onCreate={onCreate}\n        title=\"簽核主管\"\n      />\n      <FilterArea className={styles.orgFilterArea} size=\"sub\">\n        <FilterLine>\n          <Filter span={3}>\n            <FormField\n              fullWidth\n              layout={FormFieldLayout.VERTICAL}\n              name=\"managerScopeTypeFilter\"\n            >\n              <Select\n                clearable={false}\n                fullWidth\n                onChange={(option): void =>\n                  onScopeTypeFilterChange(readScopeTypeFilterOption(option))\n                }\n                options={[...SCOPE_TYPE_FILTER_OPTIONS]}\n                placeholder=\"套用範圍\"\n                size=\"sub\"\n                value={scopeTypeFilter}\n              />\n            </FormField>\n          </Filter>\n          <Filter span={2}>\n            <FormField\n              fullWidth\n              layout={FormFieldLayout.VERTICAL}\n              name=\"managerStatusFilter\"\n            >\n              <Select\n                clearable={false}\n                fullWidth\n                onChange={(option): void =>\n                  onActiveFilterChange(readActiveFilterOption(option))\n                }\n                options={[...ACTIVE_FILTER_OPTIONS]}\n                placeholder=\"狀態\"\n                size=\"sub\"\n                value={statusFilter}\n              />\n            </FormField>\n          </Filter>\n        </FilterLine>\n      </FilterArea>\n      <div className={styles.tableFrame}>\n        <Table\n          actions={actions}\n          columns={columns}\n          dataSource={[...rows]}\n          fullWidth\n          loading={loading}\n          pagination={createTablePagination({\n            onPageChange,\n            onPageSizeChange,\n            page,\n            pageSize,\n            total,\n          })}\n          style={{ minWidth: MANAGER_TABLE_MIN_WIDTH }}\n        />\n      </div>\n    </>\n  );\n}\n\nfunction createTablePagination({\n  onPageChange,\n  onPageSizeChange,\n  page,\n  pageSize,\n  total,\n}: TablePaginationState): {\n  current: number;\n  onChange: (page: number) => void;\n  onChangePageSize: (pageSize: number) => void;\n  pageSize: number;\n  pageSizeLabel: string;\n  pageSizeOptions: number[];\n  renderResultSummary: (from: number, to: number, total: number) => string;\n  showPageSizeOptions: true;\n  total: number;\n} {\n  return {\n    current: page,\n    onChange: onPageChange,\n    onChangePageSize: onPageSizeChange,\n    pageSize,\n    pageSizeLabel: '每頁筆數',\n    pageSizeOptions: [...ORGANIZATION_TABLE_PAGE_SIZE_OPTIONS],\n    renderResultSummary: (from, to, resultTotal): string =>\n      `顯示 ${from}-${to} 筆，共 ${resultTotal} 筆`,\n    showPageSizeOptions: true,\n    total,\n  };\n}\n\nfunction readOrgUnitPrimaryActionLabel({\n  isTreeEditing,\n  isTreeMode,\n}: {\n  readonly isTreeEditing: boolean;\n  readonly isTreeMode: boolean;\n}): string {\n  if (!isTreeMode) {\n    return '新增組織';\n  }\n\n  return isTreeEditing ? '儲存' : '開始編輯';\n}\n\nfunction readOrgUnitPrimaryActionIcon({\n  isTreeEditing,\n  isTreeMode,\n}: {\n  readonly isTreeEditing: boolean;\n  readonly isTreeMode: boolean;\n}): IconDefinition {\n  if (!isTreeMode) {\n    return PlusIcon;\n  }\n\n  return isTreeEditing ? SaveIcon : EditIcon;\n}\n\nfunction readOrgUnitPrimaryActionDisabled({\n  hasDraftChanges,\n  isTreeEditing,\n  isTreeMode,\n  loading,\n  saving,\n}: {\n  readonly hasDraftChanges: boolean;\n  readonly isTreeEditing: boolean;\n  readonly isTreeMode: boolean;\n  readonly loading: boolean;\n  readonly saving: boolean;\n}): boolean {\n  if (!isTreeMode) {\n    return false;\n  }\n\n  if (!isTreeEditing) {\n    return loading;\n  }\n\n  return !hasDraftChanges || saving;\n}\n\nfunction PanelIntro({\n  actionDisabled = false,\n  actionIcon = PlusIcon,\n  actionLabel,\n  actions,\n  description,\n  onCreate,\n  title,\n}: {\n  readonly actionDisabled?: boolean;\n  readonly actionIcon?: IconDefinition;\n  readonly actionLabel: string;\n  readonly actions?: ReactElement;\n  readonly description: string;\n  readonly onCreate: () => void;\n  readonly title: string;\n}): ReactElement {\n  return (\n    <div className={styles.tableIntro}>\n      <div>\n        <Typography component=\"h2\" variant=\"h3\">\n          {title}\n        </Typography>\n        <Typography color=\"text-neutral\" variant=\"body\">\n          {description}\n        </Typography>\n      </div>\n      <div className={styles.tableIntroActions}>\n        {actions}\n        <Button\n          disabled={actionDisabled}\n          icon={actionIcon}\n          iconType=\"leading\"\n          onClick={onCreate}\n        >\n          {actionLabel}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction OrgUnitModal({\n  modal,\n  onClose,\n  onSubmit,\n  orgUnits,\n  saving,\n}: {\n  readonly modal: OrgModalState | null;\n  readonly onClose: () => void;\n  readonly onSubmit: (input: {\n    readonly code: string | null;\n    readonly name: string | null;\n    readonly parentId: string | null;\n    readonly type: OrgUnitType | null;\n  }) => Promise<void>;\n  readonly orgUnits: readonly OrgUnitRecord[];\n  readonly saving: boolean;\n}): ReactElement {\n  const [code, setCode] = useState('');\n  const [name, setName] = useState('');\n  const [parent, setParent] = useState<OrgUnitOption | null>(null);\n  const [type, setType] = useState<OrgUnitTypeOption>(ORG_UNIT_TYPES[2]);\n\n  useEffect((): void => {\n    if (!modal) {\n      return;\n    }\n\n    const record = modal.record;\n    const parentId = record?.parentId ?? modal.parentId ?? null;\n    const parentOrgUnit = parentId\n      ? (orgUnits.find((orgUnit) => orgUnit.id === parentId) ?? null)\n      : null;\n\n    setCode(record?.code ?? '');\n    setName(record?.name ?? '');\n    setParent(parentOrgUnit ? readOrgUnitOption(parentOrgUnit) : null);\n    setType(\n      ORG_UNIT_TYPES.find((option) => option.id === record?.type) ??\n        ORG_UNIT_TYPES[2],\n    );\n  }, [modal, orgUnits]);\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{ disabled: !code || !name }}\n      confirmText={modal?.type === 'EDIT' ? '儲存' : '建立'}\n      loading={saving}\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={(): void =>\n        void onSubmit({\n          code,\n          name,\n          parentId: parent?.id ?? null,\n          type: type.id,\n        })\n      }\n      open={Boolean(modal)}\n      showModalFooter\n      showModalHeader\n      size=\"regular\"\n      title={modal?.type === 'EDIT' ? '編輯組織' : '新增組織'}\n    >\n      <div className={styles.modalFields}>\n        <OrgModalTextField\n          label=\"代碼\"\n          name=\"orgCode\"\n          onChange={setCode}\n          placeholder=\"例如 FIN-TW\"\n          value={code}\n        />\n        <OrgModalTextField\n          label=\"名稱\"\n          name=\"orgName\"\n          onChange={setName}\n          placeholder=\"例如 財務部\"\n          value={name}\n        />\n        <BPMFormField label=\"類型\" name=\"orgType\">\n          <Select\n            clearable={false}\n            fullWidth\n            onChange={(option): void => setType(readOrgUnitTypeOption(option))}\n            options={[...ORG_UNIT_TYPES]}\n            placeholder=\"選擇組織類型\"\n            value={type}\n          />\n        </BPMFormField>\n        <BPMFormField label=\"上層組織\" name=\"parentId\">\n          <OrgUnitPicker\n            name=\"parentId\"\n            onChange={setParent}\n            orgUnits={orgUnits.filter(\n              (orgUnit) => orgUnit.id !== modal?.record?.id,\n            )}\n            placeholder=\"選擇上層組織\"\n            value={parent}\n          />\n        </BPMFormField>\n      </div>\n    </Modal>\n  );\n}\n\nfunction PositionModal({\n  modal,\n  onClose,\n  onSubmit,\n  saving,\n}: {\n  readonly modal: PositionModalState | null;\n  readonly onClose: () => void;\n  readonly onSubmit: (input: {\n    readonly code: string | null;\n    readonly level: number | null;\n    readonly name: string | null;\n  }) => Promise<void>;\n  readonly saving: boolean;\n}): ReactElement {\n  const [code, setCode] = useState('');\n  const [level, setLevel] = useState('0');\n  const [name, setName] = useState('');\n\n  useEffect((): void => {\n    if (!modal) {\n      return;\n    }\n\n    setCode(modal.record?.code ?? '');\n    setLevel(String(modal.record?.level ?? 0));\n    setName(modal.record?.name ?? '');\n  }, [modal]);\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{ disabled: !code || !name }}\n      confirmText={modal?.type === 'EDIT' ? '儲存' : '建立'}\n      loading={saving}\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={(): void =>\n        void onSubmit({\n          code,\n          level: Number(level),\n          name,\n        })\n      }\n      open={Boolean(modal)}\n      showModalFooter\n      showModalHeader\n      size=\"regular\"\n      title={modal?.type === 'EDIT' ? '編輯職位' : '新增職位'}\n    >\n      <div className={styles.modalFields}>\n        <OrgModalTextField\n          label=\"代碼\"\n          name=\"positionCode\"\n          onChange={setCode}\n          placeholder=\"例如 FIN-MGR\"\n          value={code}\n        />\n        <OrgModalTextField\n          label=\"名稱\"\n          name=\"positionName\"\n          onChange={setName}\n          placeholder=\"例如 財務主管\"\n          value={name}\n        />\n        <OrgModalTextField\n          label=\"職等\"\n          name=\"positionLevel\"\n          onChange={setLevel}\n          placeholder=\"例如 5\"\n          value={level}\n        />\n      </div>\n    </Modal>\n  );\n}\n\nfunction MembershipModal({\n  membersById,\n  modal,\n  onClose,\n  onSubmit,\n  orgUnits,\n  positions,\n  saving,\n}: {\n  readonly membersById: ReadonlyMap<string, MemberProfileRecord>;\n  readonly modal: MembershipModalState | null;\n  readonly onClose: () => void;\n  readonly onSubmit: (input: {\n    readonly effectiveFrom: string | null;\n    readonly effectiveTo: string | null;\n    readonly isPrimary: boolean | null;\n    readonly memberId: string | null;\n    readonly orgUnitId: string | null;\n    readonly positionId: string | null;\n  }) => Promise<void>;\n  readonly orgUnits: readonly OrgUnitRecord[];\n  readonly positions: readonly PositionRecord[];\n  readonly saving: boolean;\n}): ReactElement {\n  const [effectiveFrom, setEffectiveFrom] = useState(today());\n  const [effectiveTo, setEffectiveTo] = useState('');\n  const [isPrimary, setIsPrimary] = useState<PrimaryOption>(PRIMARY_OPTIONS[1]);\n  const [member, setMember] = useState<MemberOption | null>(null);\n  const [orgUnit, setOrgUnit] = useState<OrgUnitOption | null>(null);\n  const [position, setPosition] = useState<PositionOption | null>(null);\n\n  useEffect((): void => {\n    if (!modal) {\n      return;\n    }\n\n    const record = modal.record;\n    const profile = record ? membersById.get(record.memberId) : null;\n\n    setEffectiveFrom(record?.effectiveFrom ?? today());\n    setEffectiveTo(record?.effectiveTo ?? '');\n    setIsPrimary(\n      PRIMARY_OPTIONS.find((option) => option.value === record?.isPrimary) ??\n        PRIMARY_OPTIONS[1],\n    );\n    setMember(profile ? readMemberOption(profile) : null);\n    setOrgUnit(\n      readNullableOption(\n        orgUnits.find((candidate) => candidate.id === record?.orgUnitId),\n        readOrgUnitOption,\n      ),\n    );\n    setPosition(\n      readNullableOption(\n        positions.find((candidate) => candidate.id === record?.positionId),\n        readPositionOption,\n      ),\n    );\n  }, [membersById, modal, orgUnits, positions]);\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{ disabled: !member || !orgUnit }}\n      confirmText={modal?.type === 'EDIT' ? '儲存' : '建立'}\n      loading={saving}\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={(): void =>\n        void onSubmit({\n          effectiveFrom,\n          effectiveTo: effectiveTo || null,\n          isPrimary: isPrimary.value,\n          memberId: member?.id ?? null,\n          orgUnitId: orgUnit?.id ?? null,\n          positionId: position?.id ?? null,\n        })\n      }\n      open={Boolean(modal)}\n      showModalFooter\n      showModalHeader\n      size=\"regular\"\n      title={modal?.type === 'EDIT' ? '編輯會員歸屬' : '新增會員歸屬'}\n    >\n      <div className={styles.modalFields}>\n        <BPMFormField label=\"會員\" name=\"memberId\">\n          <MemberPicker\n            name=\"memberId\"\n            onChange={setMember}\n            placeholder=\"搜尋會員姓名或信箱\"\n            value={member}\n          />\n        </BPMFormField>\n        <BPMFormField label=\"組織\" name=\"orgUnitId\">\n          <OrgUnitPicker\n            name=\"orgUnitId\"\n            onChange={setOrgUnit}\n            orgUnits={orgUnits}\n            placeholder=\"選擇歸屬組織\"\n            value={orgUnit}\n          />\n        </BPMFormField>\n        <BPMFormField label=\"職位\" name=\"positionId\">\n          <PositionPicker\n            name=\"positionId\"\n            onChange={setPosition}\n            placeholder=\"選擇職位\"\n            positions={positions}\n            value={position}\n          />\n        </BPMFormField>\n        <BPMFormField label=\"歸屬類型\" name=\"isPrimary\">\n          <Select\n            clearable={false}\n            fullWidth\n            onChange={(option): void => setIsPrimary(readPrimaryOption(option))}\n            options={[...PRIMARY_OPTIONS]}\n            placeholder=\"選擇歸屬類型\"\n            value={isPrimary}\n          />\n        </BPMFormField>\n        <DateField\n          label=\"生效日\"\n          name=\"membershipEffectiveFrom\"\n          onChange={setEffectiveFrom}\n          placeholder=\"YYYY-MM-DD\"\n          value={effectiveFrom}\n        />\n        <DateField\n          label=\"結束日\"\n          name=\"membershipEffectiveTo\"\n          onChange={setEffectiveTo}\n          placeholder=\"YYYY-MM-DD，未設定代表無期限\"\n          value={effectiveTo}\n        />\n      </div>\n    </Modal>\n  );\n}\n\nfunction ManagerResolutionModal({\n  membersById,\n  modal,\n  onClose,\n  onSubmit,\n  orgUnits,\n  positions,\n  saving,\n}: {\n  readonly membersById: ReadonlyMap<string, MemberProfileRecord>;\n  readonly modal: ManagerModalState | null;\n  readonly onClose: () => void;\n  readonly onSubmit: (input: {\n    readonly effectiveFrom: string | null;\n    readonly effectiveTo: string | null;\n    readonly managerMemberId: string | null;\n    readonly priority: number | null;\n    readonly scopeId: string | null;\n    readonly scopeType: ManagerResolutionScopeType | null;\n  }) => Promise<void>;\n  readonly orgUnits: readonly OrgUnitRecord[];\n  readonly positions: readonly PositionRecord[];\n  readonly saving: boolean;\n}): ReactElement {\n  const [effectiveFrom, setEffectiveFrom] = useState(today());\n  const [effectiveTo, setEffectiveTo] = useState('');\n  const [manager, setManager] = useState<MemberOption | null>(null);\n  const [priority, setPriority] = useState('0');\n  const [scopeMember, setScopeMember] = useState<MemberOption | null>(null);\n  const [scopeOrgUnit, setScopeOrgUnit] = useState<OrgUnitOption | null>(null);\n  const [scopePosition, setScopePosition] = useState<PositionOption | null>(\n    null,\n  );\n  const [scopeType, setScopeType] = useState<ScopeTypeOption>(SCOPE_TYPES[0]);\n\n  useEffect((): void => {\n    if (!modal) {\n      return;\n    }\n\n    const record = modal.record;\n    const nextScopeType =\n      SCOPE_TYPES.find((option) => option.id === record?.scopeType) ??\n      SCOPE_TYPES[0];\n\n    setEffectiveFrom(record?.effectiveFrom ?? today());\n    setEffectiveTo(record?.effectiveTo ?? '');\n    setManager(\n      readNullableOption(\n        record ? membersById.get(record.managerMemberId) : null,\n        readMemberOption,\n      ),\n    );\n    setPriority(String(record?.priority ?? 0));\n    setScopeMember(\n      nextScopeType.id === 'MEMBER'\n        ? readNullableOption(\n            record ? membersById.get(record.scopeId) : null,\n            readMemberOption,\n          )\n        : null,\n    );\n    setScopeOrgUnit(\n      nextScopeType.id === 'ORG_UNIT'\n        ? readNullableOption(\n            orgUnits.find((candidate) => candidate.id === record?.scopeId),\n            readOrgUnitOption,\n          )\n        : null,\n    );\n    setScopePosition(\n      nextScopeType.id === 'POSITION'\n        ? readNullableOption(\n            positions.find((candidate) => candidate.id === record?.scopeId),\n            readPositionOption,\n          )\n        : null,\n    );\n    setScopeType(nextScopeType);\n  }, [membersById, modal, orgUnits, positions]);\n\n  const scopeId =\n    scopeType.id === 'MEMBER'\n      ? scopeMember?.id\n      : scopeType.id === 'ORG_UNIT'\n        ? scopeOrgUnit?.id\n        : scopePosition?.id;\n  const isSelfManagerResolution = Boolean(\n    scopeType.id === 'MEMBER' &&\n    scopeMember?.id &&\n    manager?.id &&\n    scopeMember.id === manager.id,\n  );\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{\n        disabled: !manager || !scopeId || isSelfManagerResolution,\n      }}\n      confirmText={modal?.type === 'EDIT' ? '儲存' : '建立'}\n      loading={saving}\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={(): void =>\n        void onSubmit({\n          effectiveFrom,\n          effectiveTo: effectiveTo || null,\n          managerMemberId: manager?.id ?? null,\n          priority: Number(priority),\n          scopeId: scopeId ?? null,\n          scopeType: scopeType.id,\n        })\n      }\n      open={Boolean(modal)}\n      showModalFooter\n      showModalHeader\n      size=\"regular\"\n      title={modal?.type === 'EDIT' ? '編輯主管規則' : '新增主管規則'}\n    >\n      <div className={styles.modalFields}>\n        <BPMFormField label=\"套用範圍\" name=\"scopeType\">\n          <Select\n            clearable={false}\n            fullWidth\n            onChange={(option): void =>\n              setScopeType(readScopeTypeOption(option))\n            }\n            options={[...SCOPE_TYPES]}\n            placeholder=\"選擇套用範圍\"\n            value={scopeType}\n          />\n        </BPMFormField>\n        {scopeType.id === 'MEMBER' ? (\n          <BPMFormField label=\"會員\" name=\"scopeMemberId\">\n            <MemberPicker\n              name=\"scopeMemberId\"\n              onChange={setScopeMember}\n              placeholder=\"搜尋套用會員\"\n              value={scopeMember}\n            />\n          </BPMFormField>\n        ) : null}\n        {scopeType.id === 'ORG_UNIT' ? (\n          <BPMFormField label=\"組織\" name=\"scopeOrgUnitId\">\n            <OrgUnitPicker\n              name=\"scopeOrgUnitId\"\n              onChange={setScopeOrgUnit}\n              orgUnits={orgUnits}\n              placeholder=\"選擇套用組織\"\n              value={scopeOrgUnit}\n            />\n          </BPMFormField>\n        ) : null}\n        {scopeType.id === 'POSITION' ? (\n          <BPMFormField label=\"職位\" name=\"scopePositionId\">\n            <PositionPicker\n              name=\"scopePositionId\"\n              onChange={setScopePosition}\n              placeholder=\"選擇套用職位\"\n              positions={positions}\n              value={scopePosition}\n            />\n          </BPMFormField>\n        ) : null}\n        <BPMFormField label=\"簽核主管\" name=\"managerMemberId\">\n          <MemberPicker\n            name=\"managerMemberId\"\n            onChange={setManager}\n            placeholder=\"搜尋簽核主管\"\n            value={manager}\n          />\n        </BPMFormField>\n        {isSelfManagerResolution ? (\n          <Typography color=\"text-error\" variant=\"caption\">\n            簽核主管不可設定為套用會員本人。\n          </Typography>\n        ) : null}\n        <OrgModalTextField\n          label=\"優先序\"\n          name=\"managerPriority\"\n          onChange={setPriority}\n          placeholder=\"例如 10\"\n          value={priority}\n        />\n        <DateField\n          label=\"生效日\"\n          name=\"managerEffectiveFrom\"\n          onChange={setEffectiveFrom}\n          placeholder=\"YYYY-MM-DD\"\n          value={effectiveFrom}\n        />\n        <DateField\n          label=\"結束日\"\n          name=\"managerEffectiveTo\"\n          onChange={setEffectiveTo}\n          placeholder=\"YYYY-MM-DD，未設定代表無期限\"\n          value={effectiveTo}\n        />\n      </div>\n    </Modal>\n  );\n}\n\nfunction OrgModalTextField({\n  label,\n  name,\n  onChange,\n  placeholder,\n  value,\n}: {\n  readonly label: string;\n  readonly name: string;\n  readonly onChange: (value: string) => void;\n  readonly placeholder: string;\n  readonly value: string;\n}): ReactElement {\n  return (\n    <BPMFormField label={label} name={name}>\n      <Input\n        fullWidth\n        name={name}\n        onChange={(event: ChangeEvent<HTMLInputElement>): void =>\n          onChange(event.target.value)\n        }\n        placeholder={placeholder}\n        value={value}\n      />\n    </BPMFormField>\n  );\n}\n\nfunction DateField({\n  label,\n  name,\n  onChange,\n  placeholder,\n  value,\n}: {\n  readonly label: string;\n  readonly name: string;\n  readonly onChange: (value: string) => void;\n  readonly placeholder: string;\n  readonly value: string;\n}): ReactElement {\n  return (\n    <BPMFormField label={label} name={name}>\n      <DatePicker\n        format=\"YYYY-MM-DD\"\n        fullWidth\n        inputProps={{ name }}\n        onChange={(nextValue): void => onChange(formatDateOnly(nextValue))}\n        placeholder={placeholder}\n        value={value.trim() ? value : undefined}\n      />\n    </BPMFormField>\n  );\n}\n\nfunction readReferencedMemberIds(\n  memberships: readonly MembershipRecord[],\n  managerResolutions: readonly ManagerResolutionRecord[],\n): readonly string[] {\n  return [\n    ...new Set([\n      ...memberships.map((membership) => membership.memberId),\n      ...managerResolutions.map((resolution) => resolution.managerMemberId),\n      ...managerResolutions\n        .filter((resolution) => resolution.scopeType === 'MEMBER')\n        .map((resolution) => resolution.scopeId),\n    ]),\n  ];\n}\n\nfunction readScopeLabel(\n  resolution: ManagerResolutionRecord,\n  lookup: {\n    readonly membersById: ReadonlyMap<string, MemberProfileRecord>;\n    readonly orgUnitsById: ReadonlyMap<string, OrgUnitRecord>;\n    readonly positionsById: ReadonlyMap<string, PositionRecord>;\n  },\n): string {\n  if (resolution.scopeType === 'MEMBER') {\n    return `會員：${readMemberLabel(lookup.membersById.get(resolution.scopeId))}`;\n  }\n\n  if (resolution.scopeType === 'ORG_UNIT') {\n    return `組織：${readOrgUnitLabel(lookup.orgUnitsById.get(resolution.scopeId))}`;\n  }\n\n  return `職位：${readPositionLabel(lookup.positionsById.get(resolution.scopeId))}`;\n}\n\nfunction readMemberLabel(member: MemberProfileRecord | undefined): string {\n  return member ? `${member.name} · ${member.email}` : '未知會員';\n}\n\nfunction readOrgUnitLabel(orgUnit: OrgUnitRecord | undefined): string {\n  return orgUnit ? `${orgUnit.name} · ${orgUnit.code}` : '未知組織';\n}\n\nfunction readOrgUnitTypeLabel(type: OrgUnitType): string {\n  return (\n    ORG_UNIT_TYPES.find(\n      (option) => option.id.toLowerCase() === type.toLowerCase(),\n    )?.name ?? '未知類型'\n  );\n}\n\nfunction readPositionLabel(position: PositionRecord | undefined): string {\n  return position ? `${position.name} · ${position.code}` : '未指定';\n}\n\nfunction readAdminOrgTab(value: unknown): AdminOrgTab {\n  return value === 'MANAGERS' ||\n    value === 'MEMBERSHIPS' ||\n    value === 'POSITIONS'\n    ? value\n    : 'ORG_UNITS';\n}\n\nfunction readOrgUnitTypeOption(value: unknown): OrgUnitTypeOption {\n  const record = isRecord(value) ? value : null;\n\n  if (typeof record?.id === 'string') {\n    const id = record.id;\n\n    return (\n      ORG_UNIT_TYPES.find(\n        (option) => option.id.toLowerCase() === id.toLowerCase(),\n      ) ?? ORG_UNIT_TYPES[2]\n    );\n  }\n\n  return ORG_UNIT_TYPES[2];\n}\n\nfunction readOrgUnitTypeFilterOption(value: unknown): OrgUnitTypeFilterOption {\n  const record = isRecord(value) ? value : null;\n\n  if (typeof record?.id === 'string') {\n    const id = record.id;\n\n    return (\n      ORG_UNIT_TYPE_FILTER_OPTIONS.find(\n        (option) => option.id.toLowerCase() === id.toLowerCase(),\n      ) ?? ALL_ORG_UNIT_TYPE_FILTER\n    );\n  }\n\n  return ALL_ORG_UNIT_TYPE_FILTER;\n}\n\nfunction readScopeTypeOption(value: unknown): ScopeTypeOption {\n  return readOption(value, SCOPE_TYPES, SCOPE_TYPES[0]);\n}\n\nfunction readScopeTypeFilterOption(value: unknown): ScopeTypeFilterOption {\n  return readOption(value, SCOPE_TYPE_FILTER_OPTIONS, ALL_SCOPE_TYPE_FILTER);\n}\n\nfunction readActiveFilterOption(value: unknown): ActiveFilterOption {\n  return readOption(value, ACTIVE_FILTER_OPTIONS, ALL_ACTIVE_FILTER);\n}\n\nfunction readNullableActiveFilterOption(\n  value: unknown,\n): ActiveFilterOption | null {\n  const record = isRecord(value) ? value : null;\n  const id = typeof record?.id === 'string' ? record.id : null;\n\n  return ACTIVE_FILTER_OPTIONS.find((option) => option.id === id) ?? null;\n}\n\nfunction readOrgUnitOptionFromValue(value: unknown): OrgUnitOption | null {\n  const record = isRecord(value) ? value : null;\n  const id = typeof record?.id === 'string' ? record.id : null;\n  const name = typeof record?.name === 'string' ? record.name : null;\n\n  return id && name ? { id, name } : null;\n}\n\nfunction readPositionOptionFromValue(value: unknown): PositionOption | null {\n  const record = isRecord(value) ? value : null;\n  const id = typeof record?.id === 'string' ? record.id : null;\n  const name = typeof record?.name === 'string' ? record.name : null;\n\n  return id && name ? { id, name } : null;\n}\n\nfunction readPrimaryOption(value: unknown): PrimaryOption {\n  return readOption(value, PRIMARY_OPTIONS, PRIMARY_OPTIONS[1]);\n}\n\nfunction readOption<TOption extends { readonly id: string }>(\n  value: unknown,\n  options: readonly TOption[],\n  fallback: TOption,\n): TOption {\n  const record = isRecord(value) ? value : null;\n  const id = typeof record?.id === 'string' ? record.id : null;\n\n  return options.find((option) => option.id === id) ?? fallback;\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nfunction readNullableOption<TValue, TOption>(\n  value: TValue | null | undefined,\n  mapper: (value: TValue) => TOption,\n): TOption | null {\n  return value ? mapper(value) : null;\n}\n\nfunction today(): string {\n  return formatDateParts(new Date());\n}\n\nfunction formatDateOnly(value: string | undefined): string {\n  const date = value ? new Date(value) : null;\n\n  return date && !Number.isNaN(date.getTime()) ? formatDateParts(date) : '';\n}\n\nfunction formatDateParts(date: Date): string {\n  return `${date.getFullYear()}-${padDatePart(date.getMonth() + 1)}-${padDatePart(\n    date.getDate(),\n  )}`;\n}\n\nfunction padDatePart(value: number): string {\n  return String(value).padStart(2, '0');\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '讀取組織資料失敗。';\n}\n"],"mappings":"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"}

package/dist/chunks/templates-Cd0WFheA.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("./app-navigation-BRRFCkxZ.cjs"),t=require("./auth-provider-BV8Iiwfb.cjs"),n=require("./format-date-time-hKLVMxq4.cjs"),r=require("./bpm-form-field-Bc6k4ZEO.cjs"),i=require("./categories-DshBQG33.cjs");let a=require("react"),o=require("@mezzanine-ui/react"),s=require("react/jsx-runtime"),c=require("@rytass/bpm-core-client/workflow"),l=require("@mezzanine-ui/icons"),u=require("@mezzanine-ui/react/ContentHeader");u=e.o(u,1);let d=require("@mezzanine-ui/core/form"),f=require("@rytass/bpm-core-client/template");function p({confirmText:e,categoryOptions:t,initialName:n,loading:i,onClose:c,onSubmit:l,open:u,title:d}){let[f,p]=(0,a.useState)(n),[_,v]=(0,a.useState)(t[0]??h),[y,b]=(0,a.useState)(null),x=f.trim();(0,a.useEffect)(()=>{u&&(p(n),v(t[0]??h),b(null))},[t,n,u]);async function S(){if(!x){b(`請輸入模板名稱`);return}try{await l({categoryId:_.categoryId,name:x})}catch(e){b(m(e))}}return(0,s.jsxs)(o.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!x},confirmText:e,loading:i,modalType:`standard`,onCancel:c,onClose:c,onConfirm:()=>void S(),open:u,showModalFooter:!0,showModalHeader:!0,size:`narrow`,title:d,children:[(0,s.jsx)(r.t,{label:`模板名稱`,name:`templateName`,required:!0,children:(0,s.jsx)(o.Input,{autoFocus:!0,fullWidth:!0,onChange:e=>{p(e.target.value),b(null)},placeholder:`例如：費用申請流程`,value:f,variant:`base`})}),(0,s.jsx)(r.t,{label:`分類`,name:`templateCategory`,children:(0,s.jsx)(o.Select,{clearable:!1,fullWidth:!0,onChange:e=>{v(g(e,t)),b(null)},options:[...t],placeholder:`選擇分類`,value:_})}),y?(0,s.jsx)(o.Typography,{color:`text-error`,variant:`body`,children:y}):null]})}function m(e){return e instanceof Error?e.message:`發生未知錯誤`}var h={categoryId:null,id:`UNCATEGORIZED`,name:`未分類`};function g(e,t){if(!_(e))return h;let n=typeof e.id==`string`?e.id:null;return t.find(e=>e.id===n)??h}function _(e){return typeof e==`object`&&!!e}var v=[10,20,50],y=[{key:`ALL`,label:`全部`},{key:`PUBLISHED`,label:`已發布`},{key:`DRAFT`,label:`草稿`}],b=100;function x({activeHref:r=`/templates`}={}){let m=t.a(),[g,_]=(0,a.useState)([]),[x,A]=(0,a.useState)(E),[j,M]=(0,a.useState)([]),[N,P]=(0,a.useState)(new Set),[F,I]=(0,a.useState)(!1),[L,R]=(0,a.useState)(!1),[z,B]=(0,a.useState)(null),[V,H]=(0,a.useState)(!0),[U,W]=(0,a.useState)(1),[G,K]=(0,a.useState)(10),[q,J]=(0,a.useState)(``),[Y,X]=(0,a.useState)(`ALL`),[Z,Q]=(0,a.useState)(0),$=(0,a.useCallback)(async()=>{H(!0),B(null);try{let[e,t,n]=await Promise.all([(0,f.listApprovalTemplatesPage)({categoryId:x.categoryId,page:U,pageSize:G,searchText:q,status:Y===`ALL`?null:Y}),(0,c.listLaunchableTemplates)(),(0,f.listApprovalTemplateCategoriesPage)({page:1,pageSize:b,searchText:``,status:`ACTIVE`})]);M([...n.categories.map(D)]),_(e.templates),Q(e.totalCount),P(new Set(t.map(e=>e.id)))}catch(e){B(S(e))}finally{H(!1)}},[x,U,G,q,Y]);(0,a.useEffect)(()=>{$()},[$]);let te=(0,a.useMemo)(()=>g.map(e=>({...e,categoryLabel:k(e),key:e.id,status:e.currentVersionId?`PUBLISHED`:`DRAFT`,updatedAt:n.t(e.updatedAt)})),[g]),ne=(0,a.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`模板名稱`,width:220},{key:`status`,render:e=>(0,s.jsx)(w,{status:e.status}),title:`狀態`,width:120},{key:`category`,render:e=>(0,s.jsx)(T,{record:e}),title:`分類`,width:160},{dataIndex:`updatedAt`,key:`updatedAt`,title:`更新時間`,width:220}],[]),re=(0,a.useMemo)(()=>({render:e=>[{disabled:e=>!N.has(e.id),name:`發起`,onClick:()=>m.push(`/instances/new?templateId=${e.id}`),variant:`base-primary`},{name:`設計`,onClick:()=>m.push(`/templates/${e.id}/designer`)},{name:`版本`,onClick:()=>m.push(`/templates/${e.id}/versions`)}],variant:`base-secondary`,width:192}),[N,m]);async function ie({categoryId:e,name:t}){R(!0),B(null);try{let n=await(0,f.createApprovalTemplate)({categoryId:e,name:t});I(!1),m.push(`/templates/${n}/designer`)}finally{R(!1)}}return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(o.Layout,{children:[(0,s.jsx)(e.t,{activeHref:r}),(0,s.jsxs)(o.Layout.Main,{children:[(0,s.jsx)(o.PageHeader,{children:(0,s.jsx)(u.default,{description:`建立流程模板、維護草稿與發布版本。`,title:`簽核模板`,children:(0,s.jsx)(o.Button,{disabled:L,icon:l.PlusIcon,iconType:`leading`,onClick:()=>I(!0),variant:`base-primary`,children:`建立模板`})})}),(0,s.jsx)(o.SectionGroup,{children:(0,s.jsxs)(o.Section,{filterArea:(0,s.jsx)(o.FilterArea,{className:i.n.templateFilterArea,size:`sub`,children:(0,s.jsxs)(o.FilterLine,{children:[(0,s.jsx)(o.Filter,{span:3,children:(0,s.jsx)(o.FormField,{fullWidth:!0,layout:d.FormFieldLayout.VERTICAL,name:`templateSearchText`,children:(0,s.jsx)(o.Input,{fullWidth:!0,onChange:e=>{J(e.target.value),W(1)},placeholder:`關鍵字：搜尋模板名稱、分類或描述`,size:`sub`,value:q,variant:`base`})})}),(0,s.jsx)(o.Filter,{span:2,children:(0,s.jsx)(o.FormField,{fullWidth:!0,layout:d.FormFieldLayout.VERTICAL,name:`templateCategoryFilter`,children:(0,s.jsx)(o.Select,{clearable:!1,fullWidth:!0,onChange:e=>{A(O(e,j)),W(1)},options:[E,...j],placeholder:`分類`,renderValue:e=>`分類：${ee(e)}`,size:`sub`,value:x})})})]})}),tab:(0,s.jsx)(o.Tab,{activeKey:Y,onChange:e=>{X(C(e)),W(1)},children:y.map(e=>(0,s.jsx)(o.TabItem,{children:e.label},e.key))}),children:[z?(0,s.jsx)(o.Typography,{color:`text-error`,variant:`body`,children:z}):null,(0,s.jsx)(o.Table,{actions:re,columns:ne,dataSource:te,fullWidth:!0,loading:V,pagination:{current:U,onChange:e=>{W(e)},onChangePageSize:e=>{W(1),K(e)},pageSize:G,pageSizeLabel:`每頁筆數`,pageSizeOptions:v,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:Z}})]})})]})]}),(0,s.jsx)(p,{categoryOptions:[h,...j],confirmText:`建立`,initialName:``,loading:L,onClose:()=>I(!1),onSubmit:ie,open:F,title:`建立簽核模板`})]})}function S(e){return e instanceof Error?e.message:`發生未知錯誤`}function C(e){return e===`PUBLISHED`||e===`DRAFT`?e:`ALL`}function w({status:e}){return e===`PUBLISHED`?(0,s.jsx)(o.Badge,{size:`sub`,text:`已發布`,variant:`dot-success`}):(0,s.jsx)(o.Badge,{size:`sub`,text:`草稿`,variant:`dot-inactive`})}function T({record:e}){return e.categoryDetail?.isActive===!1?(0,s.jsx)(o.Badge,{size:`sub`,text:`${e.categoryLabel}（停用）`,variant:`dot-inactive`}):(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:e.categoryLabel})}var E={categoryId:null,id:`ALL_CATEGORIES`,name:`全部分類`};function D(e){return{categoryId:e.id,id:e.id,name:e.name}}function O(e,t){if(!A(e))return E;let n=typeof e.id==`string`?e.id:null;return n===E.id?E:t.find(e=>e.id===n)??E}function ee(e){return Array.isArray(e)||!A(e)?E.name:typeof e.name==`string`?e.name:E.name}function k(e){return e.categoryDetail?.name??e.category??`未分類`}function A(e){return typeof e==`object`&&!!e}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return x}});
+//# sourceMappingURL=templates-Cd0WFheA.cjs.map

package/dist/chunks/templates-Cd0WFheA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates-Cd0WFheA.cjs","names":[],"sources":["../../src/views/templates/template-name-modal.tsx","../../src/views/templates/TemplatesView.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, ReactElement, useEffect, useState } from 'react';\nimport { Input, Modal, Select, Typography } from '@mezzanine-ui/react';\nimport { BPMFormField } from '../../components/bpm-form-field';\n\nexport interface TemplateCategoryOption {\n  readonly categoryId: string | null;\n  readonly id: string;\n  readonly name: string;\n}\n\ninterface TemplateNameModalProps {\n  readonly confirmText: string;\n  readonly categoryOptions: readonly TemplateCategoryOption[];\n  readonly initialName: string;\n  readonly loading: boolean;\n  readonly onClose: () => void;\n  readonly onSubmit: (input: {\n    readonly categoryId: string | null;\n    readonly name: string;\n  }) => Promise<void>;\n  readonly open: boolean;\n  readonly title: string;\n}\n\nexport function TemplateNameModal({\n  confirmText,\n  categoryOptions,\n  initialName,\n  loading,\n  onClose,\n  onSubmit,\n  open,\n  title,\n}: TemplateNameModalProps): ReactElement {\n  const [name, setName] = useState(initialName);\n  const [category, setCategory] = useState<TemplateCategoryOption>(\n    categoryOptions[0] ?? UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n  );\n  const [error, setError] = useState<string | null>(null);\n  const trimmedName = name.trim();\n\n  useEffect((): void => {\n    if (!open) {\n      return;\n    }\n\n    setName(initialName);\n    setCategory(categoryOptions[0] ?? UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION);\n    setError(null);\n  }, [categoryOptions, initialName, open]);\n\n  async function handleConfirm(): Promise<void> {\n    if (!trimmedName) {\n      setError('請輸入模板名稱');\n      return;\n    }\n\n    try {\n      await onSubmit({ categoryId: category.categoryId, name: trimmedName });\n    } catch (submitError: unknown) {\n      setError(readErrorMessage(submitError));\n    }\n  }\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{ disabled: !trimmedName }}\n      confirmText={confirmText}\n      loading={loading}\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={(): void => void handleConfirm()}\n      open={open}\n      showModalFooter\n      showModalHeader\n      size=\"narrow\"\n      title={title}\n    >\n      <BPMFormField label=\"模板名稱\" name=\"templateName\" required>\n        <Input\n          autoFocus\n          fullWidth\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n            setName(event.target.value);\n            setError(null);\n          }}\n          placeholder=\"例如：費用申請流程\"\n          value={name}\n          variant=\"base\"\n        />\n      </BPMFormField>\n      <BPMFormField label=\"分類\" name=\"templateCategory\">\n        <Select\n          clearable={false}\n          fullWidth\n          onChange={(option): void => {\n            setCategory(readCategoryOption(option, categoryOptions));\n            setError(null);\n          }}\n          options={[...categoryOptions]}\n          placeholder=\"選擇分類\"\n          value={category}\n        />\n      </BPMFormField>\n      {error ? (\n        <Typography color=\"text-error\" variant=\"body\">\n          {error}\n        </Typography>\n      ) : null}\n    </Modal>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nexport const UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION: TemplateCategoryOption = {\n  categoryId: null,\n  id: 'UNCATEGORIZED',\n  name: '未分類',\n};\n\nfunction readCategoryOption(\n  value: unknown,\n  options: readonly TemplateCategoryOption[],\n): TemplateCategoryOption {\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION;\n  }\n\n  const id = typeof value.id === 'string' ? value.id : null;\n\n  return (\n    options.find((option) => option.id === id) ??\n    UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION\n  );\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n","'use client';\n\nimport type { ChangeEvent, Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  Layout,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Select,\n  Tab,\n  TabItem,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport styles from './templates.module.scss';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { AppNavigation } from '../../components/app-navigation';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport {\n  TemplateCategoryOption,\n  TemplateNameModal,\n  UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n} from './template-name-modal';\nimport {\n  ApprovalTemplateListStatus,\n  ApprovalTemplateRecord,\n  ApprovalTemplateCategoryRecord,\n  createApprovalTemplate,\n  listApprovalTemplateCategoriesPage,\n  listApprovalTemplatesPage,\n} from '@rytass/bpm-core-client/template';\nimport { listLaunchableTemplates } from '@rytass/bpm-core-client/workflow';\n\nconst TEMPLATE_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst TEMPLATE_STATUS_TABS: readonly {\n  readonly key: TemplateStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'PUBLISHED', label: '已發布' },\n  { key: 'DRAFT', label: '草稿' },\n];\n\nconst TEMPLATE_CATEGORY_PAGE_SIZE = 100;\n\ntype TemplateStatusTabKey = 'ALL' | ApprovalTemplateListStatus;\n\ntype TemplateRow = Readonly<\n  Record<string, unknown> &\n    ApprovalTemplateRecord & {\n      categoryLabel: string;\n      key: string;\n      status: ApprovalTemplateListStatus;\n    }\n>;\n\nexport interface TemplatesViewProps {\n  readonly activeHref?: string;\n}\n\nexport function TemplatesView({\n  activeHref = '/templates',\n}: TemplatesViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const [templates, setTemplates] = useState<readonly ApprovalTemplateRecord[]>(\n    [],\n  );\n  const [categoryFilter, setCategoryFilter] = useState<TemplateCategoryOption>(\n    UNCATEGORIZED_TEMPLATE_FILTER_OPTION,\n  );\n  const [categoryOptions, setCategoryOptions] = useState<\n    readonly TemplateCategoryOption[]\n  >([]);\n  const [launchableTemplateIds, setLaunchableTemplateIds] = useState<\n    ReadonlySet<string>\n  >(new Set());\n  const [createModalOpen, setCreateModalOpen] = useState(false);\n  const [creating, setCreating] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [templatePage, setTemplatePage] = useState(1);\n  const [templatePageSize, setTemplatePageSize] = useState(10);\n  const [templateSearchText, setTemplateSearchText] = useState('');\n  const [templateStatus, setTemplateStatus] =\n    useState<TemplateStatusTabKey>('ALL');\n  const [templateTotalCount, setTemplateTotalCount] = useState(0);\n\n  const refreshTemplates = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const [\n        templatePageResult,\n        nextLaunchableTemplates,\n        activeCategoryPageResult,\n      ] = await Promise.all([\n        listApprovalTemplatesPage({\n          categoryId: categoryFilter.categoryId,\n          page: templatePage,\n          pageSize: templatePageSize,\n          searchText: templateSearchText,\n          status: templateStatus === 'ALL' ? null : templateStatus,\n        }),\n        listLaunchableTemplates(),\n        listApprovalTemplateCategoriesPage({\n          page: 1,\n          pageSize: TEMPLATE_CATEGORY_PAGE_SIZE,\n          searchText: '',\n          status: 'ACTIVE',\n        }),\n      ]);\n\n      setCategoryOptions([\n        ...activeCategoryPageResult.categories.map(readCategoryOption),\n      ]);\n      setTemplates(templatePageResult.templates);\n      setTemplateTotalCount(templatePageResult.totalCount);\n      setLaunchableTemplateIds(\n        new Set(nextLaunchableTemplates.map((template) => template.id)),\n      );\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [\n    categoryFilter,\n    templatePage,\n    templatePageSize,\n    templateSearchText,\n    templateStatus,\n  ]);\n\n  useEffect((): void => {\n    void refreshTemplates();\n  }, [refreshTemplates]);\n\n  const rows = useMemo(\n    (): TemplateRow[] =>\n      templates.map((template) => ({\n        ...template,\n        categoryLabel: readTemplateCategoryLabel(template),\n        key: template.id,\n        status: template.currentVersionId ? 'PUBLISHED' : 'DRAFT',\n        updatedAt: formatDateTime(template.updatedAt),\n      })),\n    [templates],\n  );\n  const columns = useMemo(\n    (): TableColumn<TemplateRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '模板名稱', width: 220 },\n      {\n        key: 'status',\n        render: (record: TemplateRow): ReactElement => (\n          <TemplateStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'category',\n        render: (record: TemplateRow): ReactElement => (\n          <TemplateCategoryLabel record={record} />\n        ),\n        title: '分類',\n        width: 160,\n      },\n      {\n        dataIndex: 'updatedAt',\n        key: 'updatedAt',\n        title: '更新時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<TemplateRow> => ({\n      render: (record): ReturnType<TableActions<TemplateRow>['render']> => [\n        {\n          disabled: (template): boolean =>\n            !launchableTemplateIds.has(template.id),\n          name: '發起',\n          onClick: (): void =>\n            router.push(`/instances/new?templateId=${record.id}`),\n          variant: 'base-primary',\n        },\n        {\n          name: '設計',\n          onClick: (): void => router.push(`/templates/${record.id}/designer`),\n        },\n        {\n          name: '版本',\n          onClick: (): void => router.push(`/templates/${record.id}/versions`),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 192,\n    }),\n    [launchableTemplateIds, router],\n  );\n\n  async function handleCreateTemplate({\n    categoryId,\n    name,\n  }: {\n    readonly categoryId: string | null;\n    readonly name: string;\n  }): Promise<void> {\n    setCreating(true);\n    setError(null);\n\n    try {\n      const templateId = await createApprovalTemplate({ categoryId, name });\n      setCreateModalOpen(false);\n      router.push(`/templates/${templateId}/designer`);\n    } finally {\n      setCreating(false);\n    }\n  }\n\n  return (\n    <>\n      <Layout>\n        <AppNavigation activeHref={activeHref} />\n\n        <Layout.Main>\n          <PageHeader>\n            <ContentHeader\n              description=\"建立流程模板、維護草稿與發布版本。\"\n              title=\"簽核模板\"\n            >\n              <Button\n                disabled={creating}\n                icon={PlusIcon}\n                iconType=\"leading\"\n                onClick={(): void => setCreateModalOpen(true)}\n                variant=\"base-primary\"\n              >\n                建立模板\n              </Button>\n            </ContentHeader>\n          </PageHeader>\n\n          <SectionGroup>\n            <Section\n              filterArea={\n                <FilterArea className={styles.templateFilterArea} size=\"sub\">\n                  <FilterLine>\n                    <Filter span={3}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"templateSearchText\"\n                      >\n                        <Input\n                          fullWidth\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            setTemplateSearchText(event.target.value);\n                            setTemplatePage(1);\n                          }}\n                          placeholder=\"關鍵字：搜尋模板名稱、分類或描述\"\n                          size=\"sub\"\n                          value={templateSearchText}\n                          variant=\"base\"\n                        />\n                      </FormField>\n                    </Filter>\n                    <Filter span={2}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"templateCategoryFilter\"\n                      >\n                        <Select\n                          clearable={false}\n                          fullWidth\n                          onChange={(option): void => {\n                            setCategoryFilter(\n                              readCategoryFilterOption(option, categoryOptions),\n                            );\n                            setTemplatePage(1);\n                          }}\n                          options={[\n                            UNCATEGORIZED_TEMPLATE_FILTER_OPTION,\n                            ...categoryOptions,\n                          ]}\n                          placeholder=\"分類\"\n                          renderValue={(value): string =>\n                            `分類：${readTemplateCategoryFilterLabel(value)}`\n                          }\n                          size=\"sub\"\n                          value={categoryFilter}\n                        />\n                      </FormField>\n                    </Filter>\n                  </FilterLine>\n                </FilterArea>\n              }\n              tab={\n                <Tab\n                  activeKey={templateStatus}\n                  onChange={(activeKey): void => {\n                    setTemplateStatus(readTemplateStatusTabKey(activeKey));\n                    setTemplatePage(1);\n                  }}\n                >\n                  {TEMPLATE_STATUS_TABS.map((statusTab) => (\n                    <TabItem key={statusTab.key}>{statusTab.label}</TabItem>\n                  ))}\n                </Tab>\n              }\n            >\n              {error ? (\n                <Typography color=\"text-error\" variant=\"body\">\n                  {error}\n                </Typography>\n              ) : null}\n              <Table\n                actions={tableActions}\n                columns={columns}\n                dataSource={rows}\n                fullWidth\n                loading={loading}\n                pagination={{\n                  current: templatePage,\n                  onChange: (page): void => {\n                    setTemplatePage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setTemplatePage(1);\n                    setTemplatePageSize(pageSize);\n                  },\n                  pageSize: templatePageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: TEMPLATE_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: templateTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </Layout.Main>\n      </Layout>\n\n      <TemplateNameModal\n        categoryOptions={[\n          UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n          ...categoryOptions,\n        ]}\n        confirmText=\"建立\"\n        initialName=\"\"\n        loading={creating}\n        onClose={(): void => setCreateModalOpen(false)}\n        onSubmit={handleCreateTemplate}\n        open={createModalOpen}\n        title=\"建立簽核模板\"\n      />\n    </>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nfunction readTemplateStatusTabKey(activeKey: Key): TemplateStatusTabKey {\n  if (activeKey === 'PUBLISHED' || activeKey === 'DRAFT') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction TemplateStatusBadge({\n  status,\n}: {\n  readonly status: ApprovalTemplateListStatus;\n}): ReactElement {\n  if (status === 'PUBLISHED') {\n    return <Badge size=\"sub\" text=\"已發布\" variant=\"dot-success\" />;\n  }\n\n  return <Badge size=\"sub\" text=\"草稿\" variant=\"dot-inactive\" />;\n}\n\nfunction TemplateCategoryLabel({\n  record,\n}: {\n  readonly record: TemplateRow;\n}): ReactElement {\n  if (record.categoryDetail?.isActive === false) {\n    return (\n      <Badge\n        size=\"sub\"\n        text={`${record.categoryLabel}（停用）`}\n        variant=\"dot-inactive\"\n      />\n    );\n  }\n\n  return (\n    <Typography component=\"span\" variant=\"body\">\n      {record.categoryLabel}\n    </Typography>\n  );\n}\n\nconst UNCATEGORIZED_TEMPLATE_FILTER_OPTION: TemplateCategoryOption = {\n  categoryId: null,\n  id: 'ALL_CATEGORIES',\n  name: '全部分類',\n};\n\nfunction readCategoryOption(\n  category: ApprovalTemplateCategoryRecord,\n): TemplateCategoryOption {\n  return {\n    categoryId: category.id,\n    id: category.id,\n    name: category.name,\n  };\n}\n\nfunction readCategoryFilterOption(\n  value: unknown,\n  options: readonly TemplateCategoryOption[],\n): TemplateCategoryOption {\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION;\n  }\n\n  const id = typeof value.id === 'string' ? value.id : null;\n\n  if (id === UNCATEGORIZED_TEMPLATE_FILTER_OPTION.id) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION;\n  }\n\n  return (\n    options.find((option) => option.id === id) ??\n    UNCATEGORIZED_TEMPLATE_FILTER_OPTION\n  );\n}\n\nfunction readTemplateCategoryFilterLabel(value: unknown): string {\n  if (Array.isArray(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n  }\n\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n  }\n\n  return typeof value.name === 'string'\n    ? value.name\n    : UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n}\n\nfunction readTemplateCategoryLabel(template: ApprovalTemplateRecord): string {\n  return template.categoryDetail?.name ?? template.category ?? '未分類';\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n"],"mappings":"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"}

package/dist/chunks/{TemplatesView-BLj9f-XI.js → templates-Dn9QHFSy.js}

@@ -1,9 +1,9 @@
 "use client";
-import { r as e } from "./router-adapter-BdHZXLS3.js";
+import { a as e } from "./auth-provider-Bnox5gsx.js";
 import { t } from "./format-date-time-CB-LxzqT.js";
-import { t as n } from "./app-navigation-CATITRM7.js";
+import { t as n } from "./app-navigation-rxhpHCch.js";
 import { t as r } from "./bpm-form-field-Cao0rMol.js";
-import { t as i } from "./templates.module-B5bg_goX.js";
+import { n as i } from "./categories-DG4k7S8V.js";
 import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
 import { Badge as l, Button as u, Filter as d, FilterArea as f, FilterLine as p, FormField as m, Input as h, Layout as g, Modal as _, PageHeader as v, Section as y, SectionGroup as b, Select as x, Tab as ee, TabItem as S, Table as C, Typography as w } from "@mezzanine-ui/react";
 import { Fragment as te, jsx as T, jsxs as E } from "react/jsx-runtime";
@@ -377,4 +377,4 @@ function z(e) {
 //#endregion
 export { M as t };
 
-//# sourceMappingURL=TemplatesView-BLj9f-XI.js.map
+//# sourceMappingURL=templates-Dn9QHFSy.js.map

package/dist/chunks/templates-Dn9QHFSy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates-Dn9QHFSy.js","names":[],"sources":["../../src/views/templates/template-name-modal.tsx","../../src/views/templates/TemplatesView.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, ReactElement, useEffect, useState } from 'react';\nimport { Input, Modal, Select, Typography } from '@mezzanine-ui/react';\nimport { BPMFormField } from '../../components/bpm-form-field';\n\nexport interface TemplateCategoryOption {\n  readonly categoryId: string | null;\n  readonly id: string;\n  readonly name: string;\n}\n\ninterface TemplateNameModalProps {\n  readonly confirmText: string;\n  readonly categoryOptions: readonly TemplateCategoryOption[];\n  readonly initialName: string;\n  readonly loading: boolean;\n  readonly onClose: () => void;\n  readonly onSubmit: (input: {\n    readonly categoryId: string | null;\n    readonly name: string;\n  }) => Promise<void>;\n  readonly open: boolean;\n  readonly title: string;\n}\n\nexport function TemplateNameModal({\n  confirmText,\n  categoryOptions,\n  initialName,\n  loading,\n  onClose,\n  onSubmit,\n  open,\n  title,\n}: TemplateNameModalProps): ReactElement {\n  const [name, setName] = useState(initialName);\n  const [category, setCategory] = useState<TemplateCategoryOption>(\n    categoryOptions[0] ?? UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n  );\n  const [error, setError] = useState<string | null>(null);\n  const trimmedName = name.trim();\n\n  useEffect((): void => {\n    if (!open) {\n      return;\n    }\n\n    setName(initialName);\n    setCategory(categoryOptions[0] ?? UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION);\n    setError(null);\n  }, [categoryOptions, initialName, open]);\n\n  async function handleConfirm(): Promise<void> {\n    if (!trimmedName) {\n      setError('請輸入模板名稱');\n      return;\n    }\n\n    try {\n      await onSubmit({ categoryId: category.categoryId, name: trimmedName });\n    } catch (submitError: unknown) {\n      setError(readErrorMessage(submitError));\n    }\n  }\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{ disabled: !trimmedName }}\n      confirmText={confirmText}\n      loading={loading}\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={(): void => void handleConfirm()}\n      open={open}\n      showModalFooter\n      showModalHeader\n      size=\"narrow\"\n      title={title}\n    >\n      <BPMFormField label=\"模板名稱\" name=\"templateName\" required>\n        <Input\n          autoFocus\n          fullWidth\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n            setName(event.target.value);\n            setError(null);\n          }}\n          placeholder=\"例如：費用申請流程\"\n          value={name}\n          variant=\"base\"\n        />\n      </BPMFormField>\n      <BPMFormField label=\"分類\" name=\"templateCategory\">\n        <Select\n          clearable={false}\n          fullWidth\n          onChange={(option): void => {\n            setCategory(readCategoryOption(option, categoryOptions));\n            setError(null);\n          }}\n          options={[...categoryOptions]}\n          placeholder=\"選擇分類\"\n          value={category}\n        />\n      </BPMFormField>\n      {error ? (\n        <Typography color=\"text-error\" variant=\"body\">\n          {error}\n        </Typography>\n      ) : null}\n    </Modal>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nexport const UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION: TemplateCategoryOption = {\n  categoryId: null,\n  id: 'UNCATEGORIZED',\n  name: '未分類',\n};\n\nfunction readCategoryOption(\n  value: unknown,\n  options: readonly TemplateCategoryOption[],\n): TemplateCategoryOption {\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION;\n  }\n\n  const id = typeof value.id === 'string' ? value.id : null;\n\n  return (\n    options.find((option) => option.id === id) ??\n    UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION\n  );\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n","'use client';\n\nimport type { ChangeEvent, Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  Layout,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Select,\n  Tab,\n  TabItem,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport styles from './templates.module.scss';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { AppNavigation } from '../../components/app-navigation';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport {\n  TemplateCategoryOption,\n  TemplateNameModal,\n  UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n} from './template-name-modal';\nimport {\n  ApprovalTemplateListStatus,\n  ApprovalTemplateRecord,\n  ApprovalTemplateCategoryRecord,\n  createApprovalTemplate,\n  listApprovalTemplateCategoriesPage,\n  listApprovalTemplatesPage,\n} from '@rytass/bpm-core-client/template';\nimport { listLaunchableTemplates } from '@rytass/bpm-core-client/workflow';\n\nconst TEMPLATE_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst TEMPLATE_STATUS_TABS: readonly {\n  readonly key: TemplateStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'PUBLISHED', label: '已發布' },\n  { key: 'DRAFT', label: '草稿' },\n];\n\nconst TEMPLATE_CATEGORY_PAGE_SIZE = 100;\n\ntype TemplateStatusTabKey = 'ALL' | ApprovalTemplateListStatus;\n\ntype TemplateRow = Readonly<\n  Record<string, unknown> &\n    ApprovalTemplateRecord & {\n      categoryLabel: string;\n      key: string;\n      status: ApprovalTemplateListStatus;\n    }\n>;\n\nexport interface TemplatesViewProps {\n  readonly activeHref?: string;\n}\n\nexport function TemplatesView({\n  activeHref = '/templates',\n}: TemplatesViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const [templates, setTemplates] = useState<readonly ApprovalTemplateRecord[]>(\n    [],\n  );\n  const [categoryFilter, setCategoryFilter] = useState<TemplateCategoryOption>(\n    UNCATEGORIZED_TEMPLATE_FILTER_OPTION,\n  );\n  const [categoryOptions, setCategoryOptions] = useState<\n    readonly TemplateCategoryOption[]\n  >([]);\n  const [launchableTemplateIds, setLaunchableTemplateIds] = useState<\n    ReadonlySet<string>\n  >(new Set());\n  const [createModalOpen, setCreateModalOpen] = useState(false);\n  const [creating, setCreating] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [templatePage, setTemplatePage] = useState(1);\n  const [templatePageSize, setTemplatePageSize] = useState(10);\n  const [templateSearchText, setTemplateSearchText] = useState('');\n  const [templateStatus, setTemplateStatus] =\n    useState<TemplateStatusTabKey>('ALL');\n  const [templateTotalCount, setTemplateTotalCount] = useState(0);\n\n  const refreshTemplates = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const [\n        templatePageResult,\n        nextLaunchableTemplates,\n        activeCategoryPageResult,\n      ] = await Promise.all([\n        listApprovalTemplatesPage({\n          categoryId: categoryFilter.categoryId,\n          page: templatePage,\n          pageSize: templatePageSize,\n          searchText: templateSearchText,\n          status: templateStatus === 'ALL' ? null : templateStatus,\n        }),\n        listLaunchableTemplates(),\n        listApprovalTemplateCategoriesPage({\n          page: 1,\n          pageSize: TEMPLATE_CATEGORY_PAGE_SIZE,\n          searchText: '',\n          status: 'ACTIVE',\n        }),\n      ]);\n\n      setCategoryOptions([\n        ...activeCategoryPageResult.categories.map(readCategoryOption),\n      ]);\n      setTemplates(templatePageResult.templates);\n      setTemplateTotalCount(templatePageResult.totalCount);\n      setLaunchableTemplateIds(\n        new Set(nextLaunchableTemplates.map((template) => template.id)),\n      );\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [\n    categoryFilter,\n    templatePage,\n    templatePageSize,\n    templateSearchText,\n    templateStatus,\n  ]);\n\n  useEffect((): void => {\n    void refreshTemplates();\n  }, [refreshTemplates]);\n\n  const rows = useMemo(\n    (): TemplateRow[] =>\n      templates.map((template) => ({\n        ...template,\n        categoryLabel: readTemplateCategoryLabel(template),\n        key: template.id,\n        status: template.currentVersionId ? 'PUBLISHED' : 'DRAFT',\n        updatedAt: formatDateTime(template.updatedAt),\n      })),\n    [templates],\n  );\n  const columns = useMemo(\n    (): TableColumn<TemplateRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '模板名稱', width: 220 },\n      {\n        key: 'status',\n        render: (record: TemplateRow): ReactElement => (\n          <TemplateStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'category',\n        render: (record: TemplateRow): ReactElement => (\n          <TemplateCategoryLabel record={record} />\n        ),\n        title: '分類',\n        width: 160,\n      },\n      {\n        dataIndex: 'updatedAt',\n        key: 'updatedAt',\n        title: '更新時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<TemplateRow> => ({\n      render: (record): ReturnType<TableActions<TemplateRow>['render']> => [\n        {\n          disabled: (template): boolean =>\n            !launchableTemplateIds.has(template.id),\n          name: '發起',\n          onClick: (): void =>\n            router.push(`/instances/new?templateId=${record.id}`),\n          variant: 'base-primary',\n        },\n        {\n          name: '設計',\n          onClick: (): void => router.push(`/templates/${record.id}/designer`),\n        },\n        {\n          name: '版本',\n          onClick: (): void => router.push(`/templates/${record.id}/versions`),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 192,\n    }),\n    [launchableTemplateIds, router],\n  );\n\n  async function handleCreateTemplate({\n    categoryId,\n    name,\n  }: {\n    readonly categoryId: string | null;\n    readonly name: string;\n  }): Promise<void> {\n    setCreating(true);\n    setError(null);\n\n    try {\n      const templateId = await createApprovalTemplate({ categoryId, name });\n      setCreateModalOpen(false);\n      router.push(`/templates/${templateId}/designer`);\n    } finally {\n      setCreating(false);\n    }\n  }\n\n  return (\n    <>\n      <Layout>\n        <AppNavigation activeHref={activeHref} />\n\n        <Layout.Main>\n          <PageHeader>\n            <ContentHeader\n              description=\"建立流程模板、維護草稿與發布版本。\"\n              title=\"簽核模板\"\n            >\n              <Button\n                disabled={creating}\n                icon={PlusIcon}\n                iconType=\"leading\"\n                onClick={(): void => setCreateModalOpen(true)}\n                variant=\"base-primary\"\n              >\n                建立模板\n              </Button>\n            </ContentHeader>\n          </PageHeader>\n\n          <SectionGroup>\n            <Section\n              filterArea={\n                <FilterArea className={styles.templateFilterArea} size=\"sub\">\n                  <FilterLine>\n                    <Filter span={3}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"templateSearchText\"\n                      >\n                        <Input\n                          fullWidth\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            setTemplateSearchText(event.target.value);\n                            setTemplatePage(1);\n                          }}\n                          placeholder=\"關鍵字：搜尋模板名稱、分類或描述\"\n                          size=\"sub\"\n                          value={templateSearchText}\n                          variant=\"base\"\n                        />\n                      </FormField>\n                    </Filter>\n                    <Filter span={2}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"templateCategoryFilter\"\n                      >\n                        <Select\n                          clearable={false}\n                          fullWidth\n                          onChange={(option): void => {\n                            setCategoryFilter(\n                              readCategoryFilterOption(option, categoryOptions),\n                            );\n                            setTemplatePage(1);\n                          }}\n                          options={[\n                            UNCATEGORIZED_TEMPLATE_FILTER_OPTION,\n                            ...categoryOptions,\n                          ]}\n                          placeholder=\"分類\"\n                          renderValue={(value): string =>\n                            `分類：${readTemplateCategoryFilterLabel(value)}`\n                          }\n                          size=\"sub\"\n                          value={categoryFilter}\n                        />\n                      </FormField>\n                    </Filter>\n                  </FilterLine>\n                </FilterArea>\n              }\n              tab={\n                <Tab\n                  activeKey={templateStatus}\n                  onChange={(activeKey): void => {\n                    setTemplateStatus(readTemplateStatusTabKey(activeKey));\n                    setTemplatePage(1);\n                  }}\n                >\n                  {TEMPLATE_STATUS_TABS.map((statusTab) => (\n                    <TabItem key={statusTab.key}>{statusTab.label}</TabItem>\n                  ))}\n                </Tab>\n              }\n            >\n              {error ? (\n                <Typography color=\"text-error\" variant=\"body\">\n                  {error}\n                </Typography>\n              ) : null}\n              <Table\n                actions={tableActions}\n                columns={columns}\n                dataSource={rows}\n                fullWidth\n                loading={loading}\n                pagination={{\n                  current: templatePage,\n                  onChange: (page): void => {\n                    setTemplatePage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setTemplatePage(1);\n                    setTemplatePageSize(pageSize);\n                  },\n                  pageSize: templatePageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: TEMPLATE_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: templateTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </Layout.Main>\n      </Layout>\n\n      <TemplateNameModal\n        categoryOptions={[\n          UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n          ...categoryOptions,\n        ]}\n        confirmText=\"建立\"\n        initialName=\"\"\n        loading={creating}\n        onClose={(): void => setCreateModalOpen(false)}\n        onSubmit={handleCreateTemplate}\n        open={createModalOpen}\n        title=\"建立簽核模板\"\n      />\n    </>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nfunction readTemplateStatusTabKey(activeKey: Key): TemplateStatusTabKey {\n  if (activeKey === 'PUBLISHED' || activeKey === 'DRAFT') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction TemplateStatusBadge({\n  status,\n}: {\n  readonly status: ApprovalTemplateListStatus;\n}): ReactElement {\n  if (status === 'PUBLISHED') {\n    return <Badge size=\"sub\" text=\"已發布\" variant=\"dot-success\" />;\n  }\n\n  return <Badge size=\"sub\" text=\"草稿\" variant=\"dot-inactive\" />;\n}\n\nfunction TemplateCategoryLabel({\n  record,\n}: {\n  readonly record: TemplateRow;\n}): ReactElement {\n  if (record.categoryDetail?.isActive === false) {\n    return (\n      <Badge\n        size=\"sub\"\n        text={`${record.categoryLabel}（停用）`}\n        variant=\"dot-inactive\"\n      />\n    );\n  }\n\n  return (\n    <Typography component=\"span\" variant=\"body\">\n      {record.categoryLabel}\n    </Typography>\n  );\n}\n\nconst UNCATEGORIZED_TEMPLATE_FILTER_OPTION: TemplateCategoryOption = {\n  categoryId: null,\n  id: 'ALL_CATEGORIES',\n  name: '全部分類',\n};\n\nfunction readCategoryOption(\n  category: ApprovalTemplateCategoryRecord,\n): TemplateCategoryOption {\n  return {\n    categoryId: category.id,\n    id: category.id,\n    name: category.name,\n  };\n}\n\nfunction readCategoryFilterOption(\n  value: unknown,\n  options: readonly TemplateCategoryOption[],\n): TemplateCategoryOption {\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION;\n  }\n\n  const id = typeof value.id === 'string' ? value.id : null;\n\n  if (id === UNCATEGORIZED_TEMPLATE_FILTER_OPTION.id) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION;\n  }\n\n  return (\n    options.find((option) => option.id === id) ??\n    UNCATEGORIZED_TEMPLATE_FILTER_OPTION\n  );\n}\n\nfunction readTemplateCategoryFilterLabel(value: unknown): string {\n  if (Array.isArray(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n  }\n\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n  }\n\n  return typeof value.name === 'string'\n    ? value.name\n    : UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n}\n\nfunction readTemplateCategoryLabel(template: ApprovalTemplateRecord): string {\n  return template.categoryDetail?.name ?? template.category ?? '未分類';\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n"],"mappings":"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"}

package/dist/chunks/users-B-trMu0E.cjs

@@ -0,0 +1,2 @@
+"use client";require('../users.css');const e=require("./app-navigation-BRRFCkxZ.cjs");let t=require("react"),n=require("@mezzanine-ui/react"),r=require("@rytass/bpm-core-client"),i=require("react/jsx-runtime"),a=require("@mezzanine-ui/react/ContentHeader");a=e.o(a,1);let o=require("@mezzanine-ui/core/form"),s=require("@rytass/bpm-core-client/organization");var c={memberFilterArea:`bpm_memberFilterArea_9RB2k`,header:`bpm_header_sIEtg`,detailFields:`bpm_detailFields_TyKNL`,detailSection:`bpm_detailSection_-iLjy`,membershipList:`bpm_membershipList_5n9iq`},l=[10,20,50];function u({activeHref:u=`/admin/users`}={}){let[f,p]=(0,t.useState)(null),[m,g]=(0,t.useState)([]),[_,v]=(0,t.useState)(null),[y,b]=(0,t.useState)(null),[x,S]=(0,t.useState)(null),[C,w]=(0,t.useState)(!0),[T,E]=(0,t.useState)(1),[D,O]=(0,t.useState)(10),[k,A]=(0,t.useState)(0),[j,M]=(0,t.useState)([]),[N,P]=(0,t.useState)([]),[F,I]=(0,t.useState)([]),[L,R]=(0,t.useState)(``),z=(0,t.useMemo)(()=>new Map(N.map(e=>[e.id,e])),[N]),B=(0,t.useMemo)(()=>new Map(F.map(e=>[e.id,e])),[F]),V=(0,t.useCallback)(async()=>{w(!0),S(null);try{let[e,t]=await Promise.all([(0,r.listMemberDirectoryPage)({page:T,pageSize:D,searchText:L}),(0,s.readOrganizationDashboard)()]);M(e.members),A(e.totalCount),P(t.orgUnits),I(t.positions)}catch(e){S(h(e))}finally{w(!1)}},[T,D,L]);(0,t.useEffect)(()=>{V()},[V]);let H=(0,t.useMemo)(()=>j.map(e=>({...e,key:e.memberId})),[j]),U=(0,t.useCallback)(async e=>{p(e),v(null),S(null);try{let[t,n]=await Promise.all([(0,s.listMemberships)({memberId:e.memberId}),(0,s.readResolvedManager)(e.memberId)]);g(t),b(n),v((await(0,r.resolveMembers)(n.managerMemberId?[n.managerMemberId]:[]))[0]??null)}catch(e){S(h(e))}},[]),W=(0,t.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`姓名`,width:160},{dataIndex:`email`,key:`email`,title:`信箱`,width:260}],[]),G=(0,t.useMemo)(()=>({render:()=>[{name:`檢視`,onClick:e=>{U(e)}}],variant:`base-secondary`,width:88}),[U]);function K(){p(null),v(null),g([]),b(null)}return(0,i.jsxs)(n.Layout,{children:[(0,i.jsx)(e.t,{activeHref:u}),(0,i.jsxs)(n.Layout.Main,{children:[(0,i.jsx)(n.PageHeader,{children:(0,i.jsx)(a.default,{description:`會員資料由 host member resolver 提供，BPM 僅維護組織歸屬與主管解析。`,title:`會員對照`})}),(0,i.jsx)(n.SectionGroup,{children:(0,i.jsxs)(n.Section,{filterArea:(0,i.jsx)(n.FilterArea,{className:c.memberFilterArea,children:(0,i.jsx)(n.FilterLine,{children:(0,i.jsx)(n.Filter,{span:3,children:(0,i.jsx)(n.FormField,{fullWidth:!0,layout:o.FormFieldLayout.VERTICAL,name:`memberSearchText`,children:(0,i.jsx)(n.Input,{fullWidth:!0,onChange:e=>{R(e.target.value),E(1)},placeholder:`搜尋姓名或信箱`,size:`sub`,value:L,variant:`base`})})})})}),children:[x?(0,i.jsx)(n.Typography,{color:`text-error`,variant:`body`,children:x}):null,(0,i.jsx)(n.Table,{actions:G,columns:W,dataSource:H,fullWidth:!0,loading:C,pagination:{current:T,onChange:e=>{E(e)},onChangePageSize:e=>{E(1),O(e)},pageSize:D,pageSizeLabel:`每頁筆數`,pageSizeOptions:l,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:k}})]})}),(0,i.jsx)(d,{managerProfile:_,member:f,memberships:m,onClose:K,orgUnitsById:z,positionsById:B,resolvedManager:y})]})]})}function d({managerProfile:e,member:t,memberships:r,onClose:a,orgUnitsById:o,positionsById:s,resolvedManager:l}){return(0,i.jsx)(n.Modal,{cancelText:`關閉`,confirmText:`關閉`,modalType:`standard`,onCancel:a,onClose:a,onConfirm:a,open:!!t,showModalFooter:!0,showModalHeader:!0,size:`regular`,title:t?.name??`會員明細`,children:t?(0,i.jsxs)(`div`,{className:c.detailFields,children:[(0,i.jsx)(n.BaseCard,{title:`基本資料`,children:(0,i.jsx)(`div`,{className:c.detailSection,children:(0,i.jsxs)(n.Typography,{variant:`body`,children:[`信箱：`,t.email]})})}),(0,i.jsx)(n.BaseCard,{title:`BPM 組織歸屬`,children:(0,i.jsx)(`div`,{className:c.membershipList,children:r.length?r.map(e=>(0,i.jsxs)(n.Typography,{variant:`body`,children:[f(o.get(e.orgUnitId)),` / `,e.positionId?p(s.get(e.positionId)):`未指定職位`,` / `,e.isPrimary?`主要`:`一般`]},e.id)):(0,i.jsx)(n.Typography,{color:`text-neutral`,variant:`body`,children:`尚未建立 BPM 組織歸屬`})})}),(0,i.jsx)(n.BaseCard,{title:`主管解析`,children:(0,i.jsx)(n.Typography,{variant:`body`,children:l?.managerMemberId?m(e):`尚未解析到主管`})})]}):null})}function f(e){return e?`${e.name} · ${e.code}`:`未知組織`}function p(e){return e?`${e.name} · ${e.code}`:`未知職位`}function m(e){return e?`${e.name} · ${e.email}`:`主管資料尚未載入`}function h(e){return e instanceof Error?e.message:`讀取會員資料失敗。`}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=users-B-trMu0E.cjs.map

package/dist/chunks/users-B-trMu0E.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"users-B-trMu0E.cjs","names":[],"sources":["../../src/views/admin/users/users.module.scss","../../src/views/admin/users/AdminUsersView.tsx"],"sourcesContent":[".memberFilterArea {\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-input),\n  :global(.mzn-input-container),\n  :global(.mzn-text-field) {\n    width: 100%;\n    min-width: 0 !important;\n  }\n}\n\n.header {\n  display: grid;\n  gap: 4px;\n  padding: 24px 24px 0;\n}\n\n.detailFields {\n  display: grid;\n  gap: 16px;\n}\n\n.detailSection {\n  display: grid;\n  gap: 8px;\n}\n\n.membershipList {\n  display: grid;\n  gap: 8px;\n}\n","'use client';\n\nimport {\n  ChangeEvent,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {\n  BaseCard,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  Layout,\n  Modal,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport styles from './users.module.scss';\nimport { AppNavigation } from '../../../components/app-navigation';\nimport {\n  listMemberDirectoryPage,\n  MemberProfileRecord,\n  resolveMembers,\n} from '@rytass/bpm-core-client';\nimport {\n  listMemberships,\n  MembershipRecord,\n  OrgUnitRecord,\n  PositionRecord,\n  readOrganizationDashboard,\n  readResolvedManager,\n  ResolvedManagerRecord,\n} from '@rytass/bpm-core-client/organization';\n\ntype MemberRow = Readonly<\n  Record<string, unknown> &\n    MemberProfileRecord & {\n      key: string;\n    }\n>;\n\nconst MEMBER_PAGE_SIZE_OPTIONS = [10, 20, 50];\n\nexport interface AdminUsersViewProps {\n  readonly activeHref?: string;\n}\n\nexport function AdminUsersView({\n  activeHref = '/admin/users',\n}: AdminUsersViewProps = {}): ReactElement {\n  const [detailMember, setDetailMember] = useState<MemberProfileRecord | null>(\n    null,\n  );\n  const [detailMemberships, setDetailMemberships] = useState<\n    readonly MembershipRecord[]\n  >([]);\n  const [detailManagerProfile, setDetailManagerProfile] =\n    useState<MemberProfileRecord | null>(null);\n  const [detailResolvedManager, setDetailResolvedManager] =\n    useState<ResolvedManagerRecord | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [memberPage, setMemberPage] = useState(1);\n  const [memberPageSize, setMemberPageSize] = useState(10);\n  const [memberTotalCount, setMemberTotalCount] = useState(0);\n  const [members, setMembers] = useState<readonly MemberProfileRecord[]>([]);\n  const [orgUnits, setOrgUnits] = useState<readonly OrgUnitRecord[]>([]);\n  const [positions, setPositions] = useState<readonly PositionRecord[]>([]);\n  const [searchText, setSearchText] = useState('');\n\n  const orgUnitsById = useMemo(\n    (): ReadonlyMap<string, OrgUnitRecord> =>\n      new Map(orgUnits.map((orgUnit) => [orgUnit.id, orgUnit])),\n    [orgUnits],\n  );\n  const positionsById = useMemo(\n    (): ReadonlyMap<string, PositionRecord> =>\n      new Map(positions.map((position) => [position.id, position])),\n    [positions],\n  );\n\n  const refreshMembers = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const [memberPageResult, organization] = await Promise.all([\n        listMemberDirectoryPage({\n          page: memberPage,\n          pageSize: memberPageSize,\n          searchText,\n        }),\n        readOrganizationDashboard(),\n      ]);\n\n      setMembers(memberPageResult.members);\n      setMemberTotalCount(memberPageResult.totalCount);\n      setOrgUnits(organization.orgUnits);\n      setPositions(organization.positions);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [memberPage, memberPageSize, searchText]);\n\n  useEffect((): void => {\n    void refreshMembers();\n  }, [refreshMembers]);\n\n  const rows = useMemo(\n    (): MemberRow[] =>\n      members.map((member) => ({\n        ...member,\n        key: member.memberId,\n      })),\n    [members],\n  );\n\n  const openDetail = useCallback(\n    async (member: MemberProfileRecord): Promise<void> => {\n      setDetailMember(member);\n      setDetailManagerProfile(null);\n      setError(null);\n\n      try {\n        const [memberships, resolvedManager] = await Promise.all([\n          listMemberships({ memberId: member.memberId }),\n          readResolvedManager(member.memberId),\n        ]);\n\n        setDetailMemberships(memberships);\n        setDetailResolvedManager(resolvedManager);\n        setDetailManagerProfile(\n          (\n            await resolveMembers(\n              resolvedManager.managerMemberId\n                ? [resolvedManager.managerMemberId]\n                : [],\n            )\n          )[0] ?? null,\n        );\n      } catch (requestError: unknown) {\n        setError(readErrorMessage(requestError));\n      }\n    },\n    [],\n  );\n\n  const columns = useMemo(\n    (): TableColumn<MemberRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '姓名', width: 160 },\n      { dataIndex: 'email', key: 'email', title: '信箱', width: 260 },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<MemberRow> => ({\n      render: (): ReturnType<TableActions<MemberRow>['render']> => [\n        {\n          name: '檢視',\n          onClick: (record): void => {\n            void openDetail(record);\n          },\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [openDetail],\n  );\n\n  function closeDetail(): void {\n    setDetailMember(null);\n    setDetailManagerProfile(null);\n    setDetailMemberships([]);\n    setDetailResolvedManager(null);\n  }\n\n  return (\n    <Layout>\n      <AppNavigation activeHref={activeHref} />\n\n      <Layout.Main>\n        <PageHeader>\n          <ContentHeader\n            description=\"會員資料由 host member resolver 提供，BPM 僅維護組織歸屬與主管解析。\"\n            title=\"會員對照\"\n          />\n        </PageHeader>\n\n        <SectionGroup>\n          <Section\n            filterArea={\n              <FilterArea className={styles.memberFilterArea}>\n                <FilterLine>\n                  <Filter span={3}>\n                    <FormField\n                      fullWidth\n                      layout={FormFieldLayout.VERTICAL}\n                      name=\"memberSearchText\"\n                    >\n                      <Input\n                        fullWidth\n                        onChange={(\n                          event: ChangeEvent<HTMLInputElement>,\n                        ): void => {\n                          setSearchText(event.target.value);\n                          setMemberPage(1);\n                        }}\n                        placeholder=\"搜尋姓名或信箱\"\n                        size=\"sub\"\n                        value={searchText}\n                        variant=\"base\"\n                      />\n                    </FormField>\n                  </Filter>\n                </FilterLine>\n              </FilterArea>\n            }\n          >\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <Table\n              actions={tableActions}\n              columns={columns}\n              dataSource={rows}\n              fullWidth\n              loading={loading}\n              pagination={{\n                current: memberPage,\n                onChange: (page): void => {\n                  setMemberPage(page);\n                },\n                onChangePageSize: (pageSize): void => {\n                  setMemberPage(1);\n                  setMemberPageSize(pageSize);\n                },\n                pageSize: memberPageSize,\n                pageSizeLabel: '每頁筆數',\n                pageSizeOptions: MEMBER_PAGE_SIZE_OPTIONS,\n                renderResultSummary: (from, to, total): string =>\n                  `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                showPageSizeOptions: true,\n                total: memberTotalCount,\n              }}\n            />\n          </Section>\n        </SectionGroup>\n\n        <MemberDetailModal\n          managerProfile={detailManagerProfile}\n          member={detailMember}\n          memberships={detailMemberships}\n          onClose={closeDetail}\n          orgUnitsById={orgUnitsById}\n          positionsById={positionsById}\n          resolvedManager={detailResolvedManager}\n        />\n      </Layout.Main>\n    </Layout>\n  );\n}\n\nfunction MemberDetailModal({\n  managerProfile,\n  member,\n  memberships,\n  onClose,\n  orgUnitsById,\n  positionsById,\n  resolvedManager,\n}: {\n  readonly managerProfile: MemberProfileRecord | null;\n  readonly member: MemberProfileRecord | null;\n  readonly memberships: readonly MembershipRecord[];\n  readonly onClose: () => void;\n  readonly orgUnitsById: ReadonlyMap<string, OrgUnitRecord>;\n  readonly positionsById: ReadonlyMap<string, PositionRecord>;\n  readonly resolvedManager: ResolvedManagerRecord | null;\n}): ReactElement {\n  return (\n    <Modal\n      cancelText=\"關閉\"\n      confirmText=\"關閉\"\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={onClose}\n      open={Boolean(member)}\n      showModalFooter\n      showModalHeader\n      size=\"regular\"\n      title={member?.name ?? '會員明細'}\n    >\n      {member ? (\n        <div className={styles.detailFields}>\n          <BaseCard title=\"基本資料\">\n            <div className={styles.detailSection}>\n              <Typography variant=\"body\">信箱：{member.email}</Typography>\n            </div>\n          </BaseCard>\n          <BaseCard title=\"BPM 組織歸屬\">\n            <div className={styles.membershipList}>\n              {memberships.length ? (\n                memberships.map((membership) => (\n                  <Typography key={membership.id} variant=\"body\">\n                    {readOrgUnitLabel(orgUnitsById.get(membership.orgUnitId))}\n                    {' / '}\n                    {membership.positionId\n                      ? readPositionLabel(\n                          positionsById.get(membership.positionId),\n                        )\n                      : '未指定職位'}\n                    {' / '}\n                    {membership.isPrimary ? '主要' : '一般'}\n                  </Typography>\n                ))\n              ) : (\n                <Typography color=\"text-neutral\" variant=\"body\">\n                  尚未建立 BPM 組織歸屬\n                </Typography>\n              )}\n            </div>\n          </BaseCard>\n          <BaseCard title=\"主管解析\">\n            <Typography variant=\"body\">\n              {resolvedManager?.managerMemberId\n                ? readMemberLabel(managerProfile)\n                : '尚未解析到主管'}\n            </Typography>\n          </BaseCard>\n        </div>\n      ) : null}\n    </Modal>\n  );\n}\n\nfunction readOrgUnitLabel(orgUnit: OrgUnitRecord | undefined): string {\n  return orgUnit ? `${orgUnit.name} · ${orgUnit.code}` : '未知組織';\n}\n\nfunction readPositionLabel(position: PositionRecord | undefined): string {\n  return position ? `${position.name} · ${position.code}` : '未知職位';\n}\n\nfunction readMemberLabel(member: MemberProfileRecord | null): string {\n  return member ? `${member.name} · ${member.email}` : '主管資料尚未載入';\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '讀取會員資料失敗。';\n}\n"],"mappings":"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"}