@rytass/bpm-core-react 0.4.0 → 0.5.0

package/dist/pages/templates/designer/index.js

@@ -1,4 +1,4 @@
-import { TemplateDesignerView as e } from "../../../views/templates/designer/index.js";
+import { t as e } from "../../../chunks/designer-mOMxJ0Py.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/templates/designer/index.tsx
 var n = {
@@ -7,7 +7,12 @@ var n = {
 };
 async function r({ params: n }) {
 	let { id: r } = await n;
-	return /* @__PURE__ */ t(e, { templateId: r });
+	return /* @__PURE__ */ t(e, {
+		aiAssistantAvailable: !!process.env.OPENAI_API_KEY,
+		showAiAssistant: process.env.BPM_AI_ASSISTANT_ENABLED === "true",
+		showDryRun: process.env.BPM_TEMPLATE_DRY_RUN_ENABLED !== "false",
+		templateId: r
+	});
 }
 //#endregion
 export { r as default, n as metadata };

package/dist/pages/templates/designer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/templates/designer/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { TemplateDesignerView } from '../../../views/templates/designer';\n\nexport const metadata: Metadata = {\n  title: '流程設計器 | BPM Admin',\n  description: '以視覺化設計器編輯 BPM 簽核流程節點、條件與發佈版本。',\n};\n\nexport default async function TemplateDesignerPage({\n  params,\n}: {\n  readonly params: Promise<{ readonly id: string }>;\n}): Promise<ReactElement> {\n  const { id } = await params;\n  return <TemplateDesignerView templateId={id} />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,eAA8B,EAAqB,EACjD,aAGwB;CACxB,IAAM,EAAE,UAAO,MAAM;CACrB,OAAO,kBAAC,GAAD,EAAsB,YAAY,EAAK,CAAA;AAChD"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/templates/designer/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { TemplateDesignerView } from '../../../views/templates/designer';\n\nexport const metadata: Metadata = {\n  title: '流程設計器 | BPM Admin',\n  description: '以視覺化設計器編輯 BPM 簽核流程節點、條件與發佈版本。',\n};\n\nexport default async function TemplateDesignerPage({\n  params,\n}: {\n  readonly params: Promise<{ readonly id: string }>;\n}): Promise<ReactElement> {\n  const { id } = await params;\n\n  // AI assistant is opt-in per deployment. `BPM_AI_ASSISTANT_ENABLED` shows the\n  // feature; `OPENAI_API_KEY` decides whether it's usable (else a disabled\n  // placeholder). Both are server-only env on the Next.js host.\n  //\n  // The dry-run button shows by default; set `BPM_TEMPLATE_DRY_RUN_ENABLED` to\n  // `'false'` to hide it for a deployment.\n  return (\n    <TemplateDesignerView\n      aiAssistantAvailable={Boolean(process.env.OPENAI_API_KEY)}\n      showAiAssistant={process.env.BPM_AI_ASSISTANT_ENABLED === 'true'}\n      showDryRun={process.env.BPM_TEMPLATE_DRY_RUN_ENABLED !== 'false'}\n      templateId={id}\n    />\n  );\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,eAA8B,EAAqB,EACjD,aAGwB;CACxB,IAAM,EAAE,UAAO,MAAM;CAQrB,OACE,kBAAC,GAAD;EACE,sBAAsB,EAAQ,QAAQ,IAAI;EAC1C,iBAAiB,QAAQ,IAAI,6BAA6B;EAC1D,YAAY,QAAQ,IAAI,iCAAiC;EACzD,YAAY;CACb,CAAA;AAEL"}

package/dist/pages/templates/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../chunks/templates-CL8bPvgn.cjs");let t=require("react/jsx-runtime");var n={title:`流程範本 | BPM Admin`,description:`管理 BPM 流程範本，建立、編輯與發佈簽核模板。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../views/templates/index.cjs");let t=require("react/jsx-runtime");var n={title:`簽核模板 | BPM Admin`,description:`設計簽核表單與流程，建立、編輯與發佈簽核模板。`};function r(){return(0,t.jsx)(e.TemplatesView,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/templates/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { TemplatesView } from '../../views/templates';\n\nexport const metadata: Metadata = {\n  title: '流程範本 | BPM Admin',\n  description: '管理 BPM 流程範本，建立、編輯與發佈簽核模板。',\n};\n\nexport default function TemplatesPage(): ReactElement {\n  return <TemplatesView />;\n}\n"],"mappings":"yLAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,2BACf,EAEA,SAAwB,GAA8B,CACpD,OAAO,EAAA,EAAA,KAAC,EAAA,EAAD,CAAgB,CAAA,CACzB"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/templates/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { TemplatesView } from '../../views/templates';\n\nexport const metadata: Metadata = {\n  title: '簽核模板 | BPM Admin',\n  description: '設計簽核表單與流程，建立、編輯與發佈簽核模板。',\n};\n\nexport default function TemplatesPage(): ReactElement {\n  return <TemplatesView />;\n}\n"],"mappings":"qLAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,yBACf,EAEA,SAAwB,GAA8B,CACpD,OAAO,EAAA,EAAA,KAAC,EAAA,cAAD,CAAgB,CAAA,CACzB"}

package/dist/pages/templates/index.js

@@ -1,9 +1,9 @@
-import { t as e } from "../../chunks/templates-DNfDOPGm.js";
+import { TemplatesView as e } from "../../views/templates/index.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/templates/index.tsx
 var n = {
-	title: "流程範本 | BPM Admin",
-	description: "管理 BPM 流程範本，建立、編輯與發佈簽核模板。"
+	title: "簽核模板 | BPM Admin",
+	description: "設計簽核表單與流程，建立、編輯與發佈簽核模板。"
 };
 function r() {
 	return /* @__PURE__ */ t(e, {});

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/templates/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { TemplatesView } from '../../views/templates';\n\nexport const metadata: Metadata = {\n  title: '流程範本 | BPM Admin',\n  description: '管理 BPM 流程範本，建立、編輯與發佈簽核模板。',\n};\n\nexport default function TemplatesPage(): ReactElement {\n  return <TemplatesView />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwB,IAA8B;CACpD,OAAO,kBAAC,GAAD,CAAgB,CAAA;AACzB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/templates/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { TemplatesView } from '../../views/templates';\n\nexport const metadata: Metadata = {\n  title: '簽核模板 | BPM Admin',\n  description: '設計簽核表單與流程，建立、編輯與發佈簽核模板。',\n};\n\nexport default function TemplatesPage(): ReactElement {\n  return <TemplatesView />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwB,IAA8B;CACpD,OAAO,kBAAC,GAAD,CAAgB,CAAA;AACzB"}

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/delegations-DwbYkNUg.cjs");exports.AdminDelegationsView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/delegations-DDEk-WI6.cjs");exports.AdminDelegationsView=e.t;

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../chunks/delegations-D5pPEWsP.js";
+import { t as e } from "../../../chunks/delegations-iVnRi3QE.js";
 export { e as AdminDelegationsView };

package/dist/views/admin/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/users-qghSMtLn.cjs"),t=require("../../chunks/orgs-BIiqzHvb.cjs"),n=require("../../chunks/delegations-DwbYkNUg.cjs");exports.AdminDelegationsView=n.t,exports.AdminOrgsView=t.t,exports.AdminUsersView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/users-qghSMtLn.cjs"),t=require("../../chunks/orgs-BIiqzHvb.cjs"),n=require("../../chunks/delegations-DDEk-WI6.cjs");exports.AdminDelegationsView=n.t,exports.AdminOrgsView=t.t,exports.AdminUsersView=e.t;

package/dist/views/admin/index.js

@@ -1,4 +1,4 @@
 import { t as e } from "../../chunks/users-CUY139DF.js";
 import { t } from "../../chunks/orgs-Cc18umVt.js";
-import { t as n } from "../../chunks/delegations-D5pPEWsP.js";
+import { t as n } from "../../chunks/delegations-iVnRi3QE.js";
 export { n as AdminDelegationsView, t as AdminOrgsView, e as AdminUsersView };

package/dist/views/cc/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/approval-instance-list-page-UNIIgUZy.cjs");let t=require("react/jsx-runtime");function n(){return(0,t.jsx)(e.t,{defaultState:null,description:`查看抄送給你的簽核案件。`,emptyMessage:`目前沒有抄送給你的簽核案件。`,searchPlaceholder:`關鍵字：搜尋案件、發起人、模板或狀態`,title:`抄送給我`,view:`CC`})}exports.CcView=n;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/approval-instance-list-page-BMUKxzcz.cjs");let t=require("react/jsx-runtime");function n(){return(0,t.jsx)(e.t,{defaultState:null,description:`查看抄送給你的簽核案件。`,emptyMessage:`目前沒有抄送給你的簽核案件。`,searchPlaceholder:`關鍵字：搜尋案件、發起人、模板或狀態`,title:`抄送給我`,view:`CC`})}exports.CcView=n;
 //# sourceMappingURL=index.cjs.map

package/dist/views/cc/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../../chunks/approval-instance-list-page-BtEc8Cs3.js";
+import { t as e } from "../../chunks/approval-instance-list-page-YZcGGDD8.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/views/cc/CcView.tsx
 function n() {

package/dist/views/dashboard/index.cjs

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

package/dist/views/dashboard/index.js

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

package/dist/views/delegations/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/delegations-CFXaJrdX.cjs");exports.DelegationsView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/delegations-C2wLWsDQ.cjs");exports.DelegationsView=e.t;

package/dist/views/delegations/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/delegations-FTLaWo1Y.js";
+import { t as e } from "../../chunks/delegations-ZNtodFaD.js";
 export { e as DelegationsView };

package/dist/views/forms/builder/FormBuilderView.d.ts

@@ -1,9 +1,18 @@
 import { ReactElement } from 'react';
+import { FormDefinitionSchema, FormUiSchema } from '@rytass/bpm-core-shared/form';
 export interface FormBuilderViewProps {
     /**
-     * The id of the form definition being edited. Routed via the host's
-     * dynamic segment (e.g. `[id]` in Next.js).
+     * Initial (or controlled) schema value.
+     * If omitted, the builder starts with empty schema / uiSchema.
      */
-    readonly formId: string;
+    readonly value?: {
+        readonly schema: FormDefinitionSchema;
+        readonly uiSchema: FormUiSchema;
+    };
+    /** Called whenever the schema or uiSchema changes. */
+    readonly onChange?: (next: {
+        readonly schema: FormDefinitionSchema;
+        readonly uiSchema: FormUiSchema;
+    }) => void;
 }
-export declare function FormBuilderView({ formId }: FormBuilderViewProps): ReactElement;
+export declare function FormBuilderView({ onChange, value, }: FormBuilderViewProps): ReactElement;

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/builder-f-Q_0NUs.cjs");exports.FormBuilderView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/FormBuilderView-B_KGPjlp.cjs");exports.FormBuilderView=e.t;

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../chunks/builder-C3E-8OJu.js";
+import { t as e } from "../../../chunks/FormBuilderView-D8DrQOXD.js";
 export { e as FormBuilderView };

package/dist/views/forms/builder/json-code-editor.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 interface JsonCodeEditorProps {
-    readonly disabled: boolean;
+    readonly disabled?: boolean;
     readonly height: string;
     readonly name: string;
     readonly onChange: (value: string) => void;

package/dist/views/inbox/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk-CMqjfN_6.cjs"),t=require("../../chunks/router-adapter-BybHrCNP.cjs"),n=require("../../chunks/auth-provider-D2P-qWmY.cjs"),r=require("../../chunks/format-date-time-XxBzF0F5.cjs"),i=require("../../chunks/routes-config-2aKbWq2H.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/react/ContentHeader");l=e.t(l,1);let u=require("@mezzanine-ui/icons");function d(){let e=t.r(),d=i.r(),{member:m}=n.n(),h=m?.memberId??null,[g,_]=(0,a.useState)(`pending`),[v,b]=(0,a.useState)(null),[S,w]=(0,a.useState)([]),[T,E]=(0,a.useState)(!0),[D,k]=(0,a.useState)([]);(0,a.useEffect)(()=>{h&&I()},[h]);let A=(0,a.useMemo)(()=>[{dataIndex:`caseTitle`,key:`caseTitle`,title:`案件`,width:280},{dataIndex:`nodeId`,key:`nodeId`,title:`節點`,width:180},{dataIndex:`statusLabel`,key:`statusLabel`,title:`狀態`,width:120},{key:`slaDueAt`,render:e=>(0,s.jsx)(o.Typography,{color:e.slaStatusColor,component:`span`,variant:`body`,children:e.slaStatusText}),title:`SLA`,width:180},{key:`createdAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:r.t(e.createdAt)}),title:`建立時間`,width:220}],[]),j=(0,a.useMemo)(()=>({render:t=>[{name:`處理`,onClick:()=>e.push(d.caseDetail(t.instanceId))}],variant:`base-secondary`,width:88}),[e,d]),M=(0,a.useMemo)(()=>[{dataIndex:`caseTitle`,key:`caseTitle`,title:`案件`,width:280},{dataIndex:`nodeId`,key:`nodeId`,title:`節點`,width:180},{key:`decisionLabel`,render:e=>(0,s.jsx)(o.Typography,{color:y(e.decisionAction),component:`span`,variant:`body`,children:e.decisionLabel}),title:`決議`,width:120},{key:`decisionComment`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:e.decisionCommentText}),title:`意見`,width:240},{key:`instanceStateLabel`,render:e=>(0,s.jsx)(o.Typography,{color:x(e.instanceState),component:`span`,variant:`body`,children:e.instanceStateLabel}),title:`流程狀態`,width:140},{key:`decidedAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:C(e.decidedAt)}),title:`簽核時間`,width:220}],[]),N=(0,a.useMemo)(()=>({render:t=>[{name:`查看`,onClick:()=>e.push(d.caseDetail(t.instanceId))}],variant:`base-secondary`,width:88}),[e,d]),P=(0,a.useMemo)(()=>S.filter(e=>e.instanceState===`RUNNING`),[S]);function F(e){if(e===`history`||e===`pending`||e===`tracking`){_(e);return}_(`pending`)}async function I(){E(!0),b(null);try{if(!h){k([]),w([]);return}let[e,t]=await Promise.all([(0,c.listInboxTasks)(h),(0,c.listApprovalHistoryTasks)(h)]),[n,r]=await Promise.all([f(e),p(t)]);k(n),w(r)}catch(e){b(O(e))}finally{E(!1)}}return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.PageHeader,{children:(0,s.jsx)(l.default,{description:`目前以 ${m?.name??h??`目前登入會員`} 查詢待處理與歷史簽核任務。`,title:`我的待簽`,children:(0,s.jsx)(o.Button,{icon:u.PlusIcon,iconType:`leading`,onClick:()=>e.push(d.caseNew()),variant:`base-primary`,children:`發起簽核`})})}),(0,s.jsx)(o.SectionGroup,{children:(0,s.jsxs)(o.Section,{children:[v?(0,s.jsx)(o.Typography,{color:`text-error`,variant:`body`,children:v}):null,(0,s.jsxs)(o.Tab,{activeKey:g,onChange:F,size:`sub`,children:[(0,s.jsx)(o.TabItem,{badgeCount:T?void 0:D.length,children:`待簽核`},`pending`),(0,s.jsx)(o.TabItem,{badgeCount:T?void 0:P.length,children:`已處理未結束`},`tracking`),(0,s.jsx)(o.TabItem,{children:`歷史簽核記錄`},`history`)]}),g===`pending`?(0,s.jsx)(o.Table,{actions:j,columns:A,dataSource:D,fullWidth:!0,loading:T}):null,g===`tracking`?(0,s.jsx)(o.Table,{actions:N,columns:M,dataSource:P,fullWidth:!0,loading:T}):null,g===`history`?(0,s.jsx)(o.Table,{actions:N,columns:M,dataSource:S,fullWidth:!0,loading:T}):null]})})]})}async function f(e){let t=await m(e);return e.map((e,n)=>({...e,caseTitle:h(e,t[n]??null),key:e.id,slaStatusColor:T(e.slaDueAt),slaStatusText:w(e.slaDueAt),statusLabel:D(e.status)}))}async function p(e){let[t,n]=await Promise.all([Promise.all(e.map(e=>(0,c.listTaskDecisions)(e.id))),m(e)]);return e.map((e,r)=>{let i=g(t[r]??[]),a=n[r]??null;return{...e,caseTitle:h(e,a),decisionAction:i?.action??null,decisionComment:i?.comment??null,decisionCommentText:S(i?.comment??null),decisionLabel:v(i?.action??null),decidedAt:i?.decidedAt??e.completedAt,instanceState:a?.state??null,instanceStateLabel:b(a?.state??null),key:e.id}})}async function m(e){return Promise.all(e.map(async e=>{try{return(await(0,c.readApprovalInstance)(e.instanceId)).instance}catch{return null}}))}function h(e,t){return t?(0,c.readApprovalInstanceCaseTitle)(t):e.instanceId}function g(e){return[...e].sort(_)[0]??null}function _(e,t){return new Date(t.decidedAt).getTime()-new Date(e.decidedAt).getTime()}function v(e){return e===`APPROVED`?`同意`:e===`REJECTED`?`拒絕`:e===`RETURNED`?`退回`:e===`TRANSFERRED`?`轉派`:`未記錄`}function y(e){return e===`APPROVED`?`text-success`:e===`REJECTED`||e===`RETURNED`?`text-error`:`text-neutral`}function b(e){return e===`RUNNING`?`進行中`:e===`APPROVED`?`已通過`:e===`REJECTED`?`已拒絕`:e===`RETURNED`?`已退回`:e===`CANCELLED`?`已取消`:e===`EXPIRED`?`已逾期`:e===`DRAFT`?`草稿`:`-`}function x(e){return e===`APPROVED`?`text-success`:e===`REJECTED`||e===`CANCELLED`||e===`EXPIRED`?`text-error`:`text-neutral`}function S(e){return(e?.trim()??``)||`-`}function C(e){return r.t(e)}function w(e){if(!e)return`-`;let t=new Date(e).getTime(),n=Date.now(),r=E(Math.abs(t-n));return t<n?`已逾期 ${r}`:`剩餘 ${r}`}function T(e){return e?new Date(e).getTime()<Date.now()?`text-error`:`text-success`:`text-neutral`}function E(e){let t=Math.max(1,Math.ceil(e/6e4)),n=Math.floor(t/1440),r=Math.floor(t%1440/60),i=t%60;return n>0?`${n}天 ${r}小時`:r>0?`${r}小時 ${i}分鐘`:`${i}分鐘`}function D(e){return e===`PENDING`?`待處理`:e===`IN_PROGRESS`?`處理中`:e===`COMPLETED`?`已完成`:e===`TRANSFERRED`?`已轉派`:e===`CANCELLED`?`已取消`:e}function O(e){return e instanceof Error?e.message:`發生未知錯誤`}exports.InboxView=d;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk-CMqjfN_6.cjs"),t=require("../../chunks/router-adapter--gYs13E8.cjs"),n=require("../../chunks/auth-provider-4BeCw7cI.cjs"),r=require("../../chunks/format-date-time-XxBzF0F5.cjs"),i=require("../../chunks/routes-config-fDVHmvXi.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/react/ContentHeader");l=e.t(l,1);let u=require("@mezzanine-ui/icons");function d(){let e=t.r(),d=i.r(),{member:m}=n.n(),h=m?.memberId??null,[g,_]=(0,a.useState)(`pending`),[v,b]=(0,a.useState)(null),[S,w]=(0,a.useState)([]),[T,E]=(0,a.useState)(!0),[D,k]=(0,a.useState)([]);(0,a.useEffect)(()=>{h&&I()},[h]);let A=(0,a.useMemo)(()=>[{dataIndex:`caseTitle`,key:`caseTitle`,title:`案件`,width:280},{dataIndex:`nodeId`,key:`nodeId`,title:`節點`,width:180},{dataIndex:`statusLabel`,key:`statusLabel`,title:`狀態`,width:120},{key:`slaDueAt`,render:e=>(0,s.jsx)(o.Typography,{color:e.slaStatusColor,component:`span`,variant:`body`,children:e.slaStatusText}),title:`SLA`,width:180},{key:`createdAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:r.t(e.createdAt)}),title:`建立時間`,width:220}],[]),j=(0,a.useMemo)(()=>({render:t=>[{name:`處理`,onClick:()=>e.push(d.caseDetail(t.instanceId))}],variant:`base-secondary`,width:88}),[e,d]),M=(0,a.useMemo)(()=>[{dataIndex:`caseTitle`,key:`caseTitle`,title:`案件`,width:280},{dataIndex:`nodeId`,key:`nodeId`,title:`節點`,width:180},{key:`decisionLabel`,render:e=>(0,s.jsx)(o.Typography,{color:y(e.decisionAction),component:`span`,variant:`body`,children:e.decisionLabel}),title:`決議`,width:120},{key:`decisionComment`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:e.decisionCommentText}),title:`意見`,width:240},{key:`instanceStateLabel`,render:e=>(0,s.jsx)(o.Typography,{color:x(e.instanceState),component:`span`,variant:`body`,children:e.instanceStateLabel}),title:`流程狀態`,width:140},{key:`decidedAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:C(e.decidedAt)}),title:`簽核時間`,width:220}],[]),N=(0,a.useMemo)(()=>({render:t=>[{name:`查看`,onClick:()=>e.push(d.caseDetail(t.instanceId))}],variant:`base-secondary`,width:88}),[e,d]),P=(0,a.useMemo)(()=>S.filter(e=>e.instanceState===`RUNNING`),[S]);function F(e){if(e===`history`||e===`pending`||e===`tracking`){_(e);return}_(`pending`)}async function I(){E(!0),b(null);try{if(!h){k([]),w([]);return}let[e,t]=await Promise.all([(0,c.listInboxTasks)(h),(0,c.listApprovalHistoryTasks)(h)]),[n,r]=await Promise.all([f(e),p(t)]);k(n),w(r)}catch(e){b(O(e))}finally{E(!1)}}return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.PageHeader,{children:(0,s.jsx)(l.default,{description:`目前以 ${m?.name??h??`目前登入會員`} 查詢待處理與歷史簽核任務。`,title:`我的待簽`,children:(0,s.jsx)(o.Button,{icon:u.PlusIcon,iconType:`leading`,onClick:()=>e.push(d.caseNew()),variant:`base-primary`,children:`發起簽核`})})}),(0,s.jsx)(o.SectionGroup,{children:(0,s.jsxs)(o.Section,{children:[v?(0,s.jsx)(o.Typography,{color:`text-error`,variant:`body`,children:v}):null,(0,s.jsxs)(o.Tab,{activeKey:g,onChange:F,size:`sub`,children:[(0,s.jsx)(o.TabItem,{badgeCount:T?void 0:D.length,children:`待簽核`},`pending`),(0,s.jsx)(o.TabItem,{badgeCount:T?void 0:P.length,children:`已處理未結束`},`tracking`),(0,s.jsx)(o.TabItem,{children:`歷史簽核記錄`},`history`)]}),g===`pending`?(0,s.jsx)(o.Table,{actions:j,columns:A,dataSource:D,fullWidth:!0,loading:T}):null,g===`tracking`?(0,s.jsx)(o.Table,{actions:N,columns:M,dataSource:P,fullWidth:!0,loading:T}):null,g===`history`?(0,s.jsx)(o.Table,{actions:N,columns:M,dataSource:S,fullWidth:!0,loading:T}):null]})})]})}async function f(e){let t=await m(e);return e.map((e,n)=>({...e,caseTitle:h(e,t[n]??null),key:e.id,slaStatusColor:T(e.slaDueAt),slaStatusText:w(e.slaDueAt),statusLabel:D(e.status)}))}async function p(e){let[t,n]=await Promise.all([Promise.all(e.map(e=>(0,c.listTaskDecisions)(e.id))),m(e)]);return e.map((e,r)=>{let i=g(t[r]??[]),a=n[r]??null;return{...e,caseTitle:h(e,a),decisionAction:i?.action??null,decisionComment:i?.comment??null,decisionCommentText:S(i?.comment??null),decisionLabel:v(i?.action??null),decidedAt:i?.decidedAt??e.completedAt,instanceState:a?.state??null,instanceStateLabel:b(a?.state??null),key:e.id}})}async function m(e){return Promise.all(e.map(async e=>{try{return(await(0,c.readApprovalInstance)(e.instanceId)).instance}catch{return null}}))}function h(e,t){return t?(0,c.readApprovalInstanceCaseTitle)(t):e.instanceId}function g(e){return[...e].sort(_)[0]??null}function _(e,t){return new Date(t.decidedAt).getTime()-new Date(e.decidedAt).getTime()}function v(e){return e===`APPROVED`?`同意`:e===`REJECTED`?`拒絕`:e===`RETURNED`?`退回`:e===`TRANSFERRED`?`轉派`:`未記錄`}function y(e){return e===`APPROVED`?`text-success`:e===`REJECTED`||e===`RETURNED`?`text-error`:`text-neutral`}function b(e){return e===`RUNNING`?`進行中`:e===`APPROVED`?`已通過`:e===`REJECTED`?`已拒絕`:e===`RETURNED`?`已退回`:e===`CANCELLED`?`已取消`:e===`EXPIRED`?`已逾期`:e===`DRAFT`?`草稿`:`-`}function x(e){return e===`APPROVED`?`text-success`:e===`REJECTED`||e===`CANCELLED`||e===`EXPIRED`?`text-error`:`text-neutral`}function S(e){return(e?.trim()??``)||`-`}function C(e){return r.t(e)}function w(e){if(!e)return`-`;let t=new Date(e).getTime(),n=Date.now(),r=E(Math.abs(t-n));return t<n?`已逾期 ${r}`:`剩餘 ${r}`}function T(e){return e?new Date(e).getTime()<Date.now()?`text-error`:`text-success`:`text-neutral`}function E(e){let t=Math.max(1,Math.ceil(e/6e4)),n=Math.floor(t/1440),r=Math.floor(t%1440/60),i=t%60;return n>0?`${n}天 ${r}小時`:r>0?`${r}小時 ${i}分鐘`:`${i}分鐘`}function D(e){return e===`PENDING`?`待處理`:e===`IN_PROGRESS`?`處理中`:e===`COMPLETED`?`已完成`:e===`TRANSFERRED`?`已轉派`:e===`CANCELLED`?`已取消`:e}function O(e){return e instanceof Error?e.message:`發生未知錯誤`}exports.InboxView=d;
 //# sourceMappingURL=index.cjs.map

package/dist/views/inbox/index.js

@@ -1,8 +1,8 @@
 "use client";
-import { r as e } from "../../chunks/router-adapter-BdHZXLS3.js";
-import { n as t } from "../../chunks/auth-provider-TTO9eNZV.js";
+import { r as e } from "../../chunks/router-adapter-DftlFTOd.js";
+import { n as t } from "../../chunks/auth-provider-B5oPmvk2.js";
 import { t as n } from "../../chunks/format-date-time-CB-LxzqT.js";
-import { r } from "../../chunks/routes-config-dxahImVe.js";
+import { r } from "../../chunks/routes-config-RBYQtUd0.js";
 import { useEffect as i, useMemo as a, useState as o } from "react";
 import { Button as s, PageHeader as c, Section as l, SectionGroup as u, Tab as d, TabItem as f, Table as p, Typography as m } from "@mezzanine-ui/react";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";

package/dist/views/instances/detail/InstanceDetailView.d.ts

@@ -2,6 +2,16 @@ import { ReactElement } from 'react';
 export interface InstanceDetailViewProps {
     /** Approval instance id (Next.js `params.id` resolved by the page shim). */
     readonly instanceId: string;
+    /** Show the form snapshot section (default: true). */
+    readonly showForm?: boolean;
+    /** Show the attachments section (default: true). */
+    readonly showAttachments?: boolean;
+    /** Show the tasks section (default: true). */
+    readonly showTasks?: boolean;
+    /** Show the signatures section (default: true). */
+    readonly showSignatures?: boolean;
+    /** Show the history section (default: true). */
+    readonly showHistory?: boolean;
 }
 /**
  * Framework-agnostic view for the BPM approval instance detail page.
@@ -9,4 +19,4 @@ export interface InstanceDetailViewProps {
  * `instanceId` is provided by the host page wrapper (typically resolved
  * from `params.id` in the Next.js Server Component shim).
  */
-export declare function InstanceDetailView({ instanceId, }: InstanceDetailViewProps): ReactElement;
+export declare function InstanceDetailView({ instanceId, showAttachments, showForm, showHistory, showSignatures, showTasks, }: InstanceDetailViewProps): ReactElement;

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/detail-B9JkYNHc.cjs");exports.InstanceDetailView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/detail-CWeCrmtC.cjs");exports.InstanceAttachmentsSection=e.a,exports.InstanceDetailView=e.t,exports.InstanceFormSection=e.o,exports.InstanceHistorySection=e.n,exports.InstanceSignaturesSection=e.r,exports.InstanceTasksSection=e.i;

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

@@ -1 +1,6 @@
 export * from './InstanceDetailView';
+export * from './sections/InstanceFormSection';
+export * from './sections/InstanceAttachmentsSection';
+export * from './sections/InstanceTasksSection';
+export * from './sections/InstanceSignaturesSection';
+export * from './sections/InstanceHistorySection';

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../chunks/detail-CSxI04gB.js";
-export { e as InstanceDetailView };
+import { a as e, i as t, n, o as r, r as i, t as a } from "../../../chunks/detail-Bml-vXHX.js";
+export { e as InstanceAttachmentsSection, a as InstanceDetailView, r as InstanceFormSection, n as InstanceHistorySection, i as InstanceSignaturesSection, t as InstanceTasksSection };

package/dist/views/instances/detail/sections/InstanceAttachmentsSection.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+import { AttachmentRecord } from '@rytass/bpm-core-client/workflow';
+export interface InstanceAttachmentsSectionProps {
+    /** The list of attachments for this instance. */
+    readonly attachments: readonly AttachmentRecord[];
+    /** Called when the user clicks the download action for an attachment. */
+    readonly onDownload: (attachment: AttachmentRecord) => void;
+    /** Called when the user clicks the preview action for a PDF attachment. */
+    readonly onPreview: (attachment: AttachmentRecord) => void;
+}
+/**
+ * Renders the attachments section of the approval instance detail page.
+ * Shows a table of attachments with download and (for PDFs) preview actions.
+ */
+export declare function InstanceAttachmentsSection({ attachments, onDownload, onPreview, }: InstanceAttachmentsSectionProps): ReactElement;

package/dist/views/instances/detail/sections/InstanceFormSection.d.ts

@@ -0,0 +1,33 @@
+import { ReactElement } from 'react';
+import { FormFieldDefinition } from '@rytass/bpm-core-shared/form';
+import { ApprovalInstanceRecord, WorkflowFormData } from '@rytass/bpm-core-client/workflow';
+export interface InstanceFormSectionProps {
+    /** The loaded approval instance, or null while loading. */
+    readonly instance: ApprovalInstanceRecord | null;
+    /** Whether the instance is in a loading state. */
+    readonly loading: boolean;
+    /** Error message to display, if any. */
+    readonly error: string | null;
+    /** Whether the current user can resubmit (edit + resubmit the returned form). */
+    readonly canResubmitInstance: boolean;
+    /** Current form data for the resubmit flow. */
+    readonly resubmitFormData: WorkflowFormData;
+    /** Validation error map for the resubmit form. */
+    readonly resubmitFormErrors: Readonly<Record<string, string>>;
+    /** Whether a decision/submit action is in progress. */
+    readonly deciding: boolean;
+    /** Called when the form data changes in the resubmit flow. */
+    readonly onResubmitFormChange: (values: WorkflowFormData) => void;
+    /** Called when the user clicks "重新送出". */
+    readonly onResubmitInstance: () => void;
+    /** Called when an attachment upload is requested via the form field. */
+    readonly onUploadAttachment: (field: FormFieldDefinition, file: File) => Promise<{
+        readonly id: string;
+    }>;
+}
+/**
+ * Renders the form snapshot section of the approval instance detail page.
+ * Displays the form in read-only mode normally, or editable mode when the
+ * instance has been returned and the current member can resubmit it.
+ */
+export declare function InstanceFormSection({ canResubmitInstance, deciding, error, instance, loading, onResubmitFormChange, onResubmitInstance, onUploadAttachment, resubmitFormData, resubmitFormErrors, }: InstanceFormSectionProps): ReactElement;

package/dist/views/instances/detail/sections/InstanceHistorySection.d.ts

@@ -0,0 +1,29 @@
+import { ReactElement } from 'react';
+import { ActivityLogRecord, ApprovalInstanceRecord, MemberProfileRecord, SignatureRecord, SignatureVerificationRecord, TaskDecisionRecord, TaskRecord, WorkflowTokenRecord } from '@rytass/bpm-core-client/workflow';
+import { WorkflowDefinition } from '@rytass/bpm-core-shared/workflow';
+export interface InstanceHistorySectionProps {
+    /** Activity log records for this instance. */
+    readonly activityLogs: readonly ActivityLogRecord[];
+    /** All tasks for this instance (used to compute pending/future steps). */
+    readonly tasks: readonly TaskRecord[];
+    /** All workflow tokens for this instance. */
+    readonly workflowTokens: readonly WorkflowTokenRecord[];
+    /** The workflow definition snapshot, or null if not yet loaded. */
+    readonly workflowSnapshot: WorkflowDefinition | null;
+    /** The current state of the instance. */
+    readonly instanceState: ApprovalInstanceRecord['state'];
+    /** Member profiles indexed by memberId. */
+    readonly memberProfilesById: ReadonlyMap<string, MemberProfileRecord>;
+    /** Task decisions indexed by taskId (latest per task). */
+    readonly taskDecisionsByTaskId: ReadonlyMap<string, TaskDecisionRecord>;
+    /** Signatures indexed by id. */
+    readonly signaturesById: ReadonlyMap<string, SignatureRecord>;
+    /** Signature chain verification result, or null. */
+    readonly signatureVerification: SignatureVerificationRecord | null;
+}
+/**
+ * Renders the activity history section of the approval instance detail page.
+ * Computes the step records from the provided data and renders them as a
+ * vertical dot stepper.
+ */
+export declare function InstanceHistorySection({ activityLogs, instanceState, memberProfilesById, signatureVerification, signaturesById, taskDecisionsByTaskId, tasks, workflowSnapshot, workflowTokens, }: InstanceHistorySectionProps): ReactElement;

package/dist/views/instances/detail/sections/InstanceSignaturesSection.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { SignatureRecord, SignatureVerificationRecord } from '@rytass/bpm-core-client/workflow';
+export interface InstanceSignaturesSectionProps {
+    /** The list of signatures for this instance. */
+    readonly signatures: readonly SignatureRecord[];
+    /** The signature chain verification result, or null if not yet loaded. */
+    readonly signatureVerification: SignatureVerificationRecord | null;
+}
+/**
+ * Renders the signatures section of the approval instance detail page.
+ * Shows the signature chain verification status and a table of individual
+ * signature records.
+ */
+export declare function InstanceSignaturesSection({ signatureVerification, signatures, }: InstanceSignaturesSectionProps): ReactElement;

package/dist/views/instances/detail/sections/InstanceTasksSection.d.ts

@@ -0,0 +1,44 @@
+import { ApprovalInstanceRecord, MemberProfileRecord, TaskRecord } from '@rytass/bpm-core-client/workflow';
+/**
+ * Imperative handle exposed by InstanceTasksSection via ref.
+ * The container uses these to wire PageHeader action buttons to the
+ * section's internal modal state without lifting state up.
+ */
+export interface InstanceTasksSectionHandle {
+    /** Whether a task action (decision) is currently in flight. */
+    readonly deciding: boolean;
+    /** Whether the current user has an actionable pending task. */
+    readonly hasCurrentTask: boolean;
+    /** Whether the current task's node allows a return action. */
+    readonly canReturnCurrentTask: boolean;
+    /** Opens the reject-reason modal. */
+    openRejectModal(): void;
+    /** Opens the return modal. */
+    openReturnModal(): void;
+    /** Opens the transfer modal. */
+    openTransferModal(): void;
+    /** Submits an APPROVED decision immediately (no modal needed). */
+    handleApprove(): void;
+}
+export interface InstanceTasksSectionProps {
+    /** All tasks for this instance. */
+    readonly tasks: readonly TaskRecord[];
+    /** The loaded approval instance (used to read workflowSnapshot node labels). */
+    readonly instance: ApprovalInstanceRecord | null;
+    /** Member profiles indexed by memberId, for displaying assignee labels. */
+    readonly memberProfilesById: ReadonlyMap<string, MemberProfileRecord>;
+    /** The currently authenticated member's id. */
+    readonly currentMemberId: string | null;
+    /**
+     * Called after any task decision action (approve / reject / return /
+     * transfer) completes successfully. The container should refresh data.
+     */
+    readonly onChanged: () => void | Promise<void>;
+}
+/**
+ * Renders the tasks section of the approval instance detail page.
+ * Contains the task table plus all decision action modals
+ * (reject, return, transfer). Approve is also handled here via the
+ * imperative handle exposed through the forwarded ref.
+ */
+export declare const InstanceTasksSection: import('react').ForwardRefExoticComponent<InstanceTasksSectionProps & import('react').RefAttributes<InstanceTasksSectionHandle>>;

package/dist/views/instances/detail/sections/container-helpers.d.ts

@@ -0,0 +1,8 @@
+import { ActivityLogRecord, MemberProfileRecord, TaskDecisionRecord, TaskRecord } from '@rytass/bpm-core-client/workflow';
+export { canMemberActOnTask, readErrorMessage, readInstanceStateLabel, readNodeRuntimeState, } from './shared';
+export declare function readMemberProfilesForTimeline({ activityLogs, tasks, }: {
+    readonly activityLogs: readonly ActivityLogRecord[];
+    readonly tasks: readonly TaskRecord[];
+}): Promise<readonly MemberProfileRecord[]>;
+export declare function readTaskDecisionsForTasks(tasks: readonly TaskRecord[]): Promise<readonly TaskDecisionRecord[]>;
+export declare function readLatestTaskDecisionsByTaskId(taskDecisions: readonly TaskDecisionRecord[]): ReadonlyMap<string, TaskDecisionRecord>;

package/dist/views/instances/detail/sections/shared.d.ts

@@ -0,0 +1,103 @@
+import { ActivityLogRecord, ApprovalInstanceRecord, AttachmentRecord, MemberProfileRecord, SignatureRecord, SignatureVerificationRecord, TaskDecisionRecord, TaskRecord, WorkflowTokenRecord } from '@rytass/bpm-core-client/workflow';
+import { WorkflowDefinition, WorkflowNode } from '@rytass/bpm-core-shared/workflow';
+export type TaskRow = Readonly<Record<string, unknown> & TaskRecord & {
+    assigneeLabel: string;
+    key: string;
+    nodeLabel: string;
+    statusLabel: string;
+}>;
+export type AttachmentRow = Readonly<Record<string, unknown> & {
+    attachment: AttachmentRecord;
+    createdAt: string;
+    filename: string;
+    id: string;
+    key: string;
+    mimeType: string;
+    sizeLabel: string;
+}>;
+export type SignatureRow = Readonly<Record<string, unknown> & {
+    algorithm: string;
+    hashLabel: string;
+    key: string;
+    keyVersion: number;
+    signedAtLabel: string;
+    signerMemberId: string;
+}>;
+export type MemberOption = Readonly<{
+    email: string | null;
+    id: string;
+    name: string;
+}>;
+export type ActivityStepDescriptionPart = Readonly<{
+    text: string;
+    type: 'text';
+}> | Readonly<{
+    text: string;
+    type: 'dangerText';
+}> | Readonly<{
+    email: string | null;
+    label: string;
+    memberId: string | null;
+    prefix: string;
+    type: 'member';
+}>;
+export interface ActivityStepRecord {
+    readonly descriptionParts: readonly ActivityStepDescriptionPart[];
+    readonly error: boolean;
+    readonly forcePending?: boolean;
+    readonly id: string;
+    readonly title: string;
+}
+interface DelegationChainStep {
+    readonly from: string;
+    readonly reason: string;
+    readonly ruleId: string | null;
+    readonly to: string;
+}
+export declare function readDelegationChain(value: string): readonly DelegationChainStep[];
+export declare function readStringField(record: Readonly<Record<string, unknown>>, key: string): string | null;
+export declare function readStringArrayField(record: Readonly<Record<string, unknown>>, key: string): readonly string[];
+export declare function readNumberField(record: Readonly<Record<string, unknown>>, key: string): number | null;
+export declare function isPresentText(value: string | null): value is string;
+export declare function isRecord(value: unknown): value is Readonly<Record<string, unknown>>;
+export declare function isPendingTask(task: TaskRecord): boolean;
+export declare function readErrorMessage(error: unknown): string;
+export declare function formatFileSize(sizeBytes: number): string;
+export declare function readShortHash(hash: string): string;
+export declare function readInstanceStateLabel(state: string): string;
+export declare function readTaskStatusLabel(status: TaskRecord['status']): string;
+export declare function readTaskDecisionActionLabel(action: string): string;
+export declare function readNodeKindLabel(type: WorkflowNode['type']): string;
+export declare function readNodeDisplayLabel(nodeId: string, workflow: WorkflowDefinition | null): string;
+export declare function readMemberDisplayText(memberId: string | null, memberProfilesById: ReadonlyMap<string, MemberProfileRecord>): string;
+export declare function readTaskAssigneeLabel(task: TaskRecord, memberProfilesById?: ReadonlyMap<string, MemberProfileRecord>): string;
+export declare function canMemberActOnTask(task: TaskRecord, memberId: string | null): boolean;
+export declare function readReturnTargetOptions(workflow: WorkflowDefinition, node: WorkflowNode): readonly {
+    readonly id: string;
+    readonly name: string;
+}[];
+export declare function readMemberOption(profile: MemberProfileRecord): MemberOption;
+export declare function readMemberOptionFromValue(value: unknown): MemberOption | null;
+export declare function readUniqueMemberOption(searchText: string, options: readonly MemberOption[]): MemberOption | null;
+export declare function readTextDescriptionPart(text: string | null): ActivityStepDescriptionPart | null;
+export declare function readDangerTextDescriptionPart(text: string | null): ActivityStepDescriptionPart | null;
+export declare function readMemberDescriptionPart(prefix: string, memberId: string | null, memberProfilesById: ReadonlyMap<string, MemberProfileRecord>, fallbackLabel: string): ActivityStepDescriptionPart;
+export declare function isActivityDescriptionPart(part: ActivityStepDescriptionPart | null): part is ActivityStepDescriptionPart;
+export declare function readCurrentActivityStep(activitySteps: readonly ActivityStepRecord[]): number;
+export declare function isUserMeaningfulActivity(activityLog: ActivityLogRecord): boolean;
+export declare function readActivityEventLabel(eventType: string, payload: Readonly<Record<string, unknown>>): string;
+export declare function readActivityPayload(activityLog: ActivityLogRecord): Readonly<Record<string, unknown>>;
+export declare function isActivityError(activityLog: ActivityLogRecord, payload: Readonly<Record<string, unknown>>): boolean;
+export declare function formatActivityDateTime(value: string): string;
+export declare function readActivityDetailParts(activityLog: ActivityLogRecord, payload: Readonly<Record<string, unknown>>, workflow: WorkflowDefinition | null, taskDecisionsByTaskId: ReadonlyMap<string, TaskDecisionRecord>, signaturesById: ReadonlyMap<string, SignatureRecord>, signatureVerification: SignatureVerificationRecord | null, memberProfilesById: ReadonlyMap<string, MemberProfileRecord>): readonly ActivityStepDescriptionPart[];
+export declare function isFutureTimelineNode(node: WorkflowNode, tasks: readonly TaskRecord[], tokens: readonly WorkflowTokenRecord[], instanceState: ApprovalInstanceRecord['state'], representedNodeIds: ReadonlySet<string>): boolean;
+export declare function readFutureTimelineNodes(workflow: WorkflowDefinition, tasks: readonly TaskRecord[], tokens: readonly WorkflowTokenRecord[], instanceState: ApprovalInstanceRecord['state'], representedNodeIds: ReadonlySet<string>): readonly WorkflowNode[];
+export declare function readFutureNodeStepTitle(node: WorkflowNode): string;
+export declare function readActivityStepRecords(activityLogs: readonly ActivityLogRecord[], tasks: readonly TaskRecord[], tokens: readonly WorkflowTokenRecord[], workflow: WorkflowDefinition | null, instanceState: ApprovalInstanceRecord['state'], memberProfilesById: ReadonlyMap<string, MemberProfileRecord>, taskDecisionsByTaskId: ReadonlyMap<string, TaskDecisionRecord>, signaturesById: ReadonlyMap<string, SignatureRecord>, signatureVerification: SignatureVerificationRecord | null): ActivityStepRecord[];
+type RuntimeTone = 'cancelled' | 'completed' | 'current' | 'neutral' | 'waiting';
+export declare function readNodeRuntimeState(node: WorkflowNode, tasks: readonly TaskRecord[], tokens: readonly WorkflowTokenRecord[], instanceState: string): Readonly<{
+    secondaryLabel: string;
+    statusLabel: string;
+    tone: RuntimeTone;
+}>;
+export {};

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

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/chunk-CMqjfN_6.cjs"),t=require("../../../chunks/router-adapter-BybHrCNP.cjs"),n=require("../../../chunks/auth-provider-D2P-qWmY.cjs"),r=require("../../../chunks/format-date-time-XxBzF0F5.cjs"),i=require("../../../chunks/routes-config-2aKbWq2H.cjs"),a=require("../../../chunks/FormRendererView-BwVsH2eX.cjs");let o=require("react"),s=require("@mezzanine-ui/react"),c=require("react/jsx-runtime"),l=require("@rytass/bpm-core-client/workflow"),u=require("@mezzanine-ui/react/ContentHeader");u=e.t(u,1);let d=require("@mezzanine-ui/icons"),f=require("@rytass/bpm-core-client/form");var p={display:`grid`,gap:16};function m(e={}){return(0,c.jsx)(o.Suspense,{fallback:(0,c.jsx)(g,{}),children:(0,c.jsx)(h,{templateId:e.templateId??void 0})})}function h({templateId:e}){let m=t.r(),h=i.r(),{member:g}=n.n(),v=g?.memberId??null,y=e??null,[b,x]=(0,o.useState)(null),[S,C]=(0,o.useState)({}),[w,T]=(0,o.useState)([]),[E,D]=(0,o.useState)(null),[O,k]=(0,o.useState)({}),[A,j]=(0,o.useState)(!0),[M,N]=(0,o.useState)(!1);(0,o.useEffect)(()=>{if(!y){L();return}R(y)},[y]);let P=(0,o.useMemo)(()=>w.map(e=>({...e,key:e.id,updatedAt:r.t(e.updatedAt),versionLabel:`v${e.version}`})),[w]),F=(0,o.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`模板名稱`,width:240},{dataIndex:`versionLabel`,key:`versionLabel`,title:`發布版本`,width:120},{dataIndex:`updatedAt`,key:`updatedAt`,title:`更新時間`,width:220}],[]),I=(0,o.useMemo)(()=>({render:e=>[{name:`發起`,onClick:()=>m.push(h.caseNew(e.id)),variant:`base-primary`}],variant:`base-secondary`,width:88}),[m]);async function L(){j(!0),D(null),x(null);try{T(await(0,l.listLaunchableTemplates)())}catch(e){D(_(e))}finally{j(!1)}}async function R(e){j(!0),D(null),T([]);try{x(await(0,l.readLaunchContext)(e))}catch(e){D(_(e))}finally{j(!1)}}async function z(){if(!b||!v)return;N(!0),D(null),k({});let e=(0,f.validateFormRendererValues)({schema:b.formVersion.schema,uiSchema:b.formVersion.uiSchema,values:S});if(!e.valid){k(e.errors),D(`請先補齊必填欄位。`),e.firstInvalidFieldKey&&(0,f.focusFormRendererField)(e.firstInvalidFieldKey),N(!1);return}try{let e=await(0,l.submitApprovalInstance)({formData:S,initiatorMemberId:v,templateId:b.template.id,title:(0,l.readFormDataCaseTitle)({fallbackTitle:b.template.name,formData:S,schema:b.formVersion.schema,uiSchema:b.formVersion.uiSchema})});m.push(h.caseDetail(e))}catch(e){D(_(e))}finally{N(!1)}}async function B(e,t){if(!v)throw Error(`尚未登入，無法上傳附件`);return{id:(await(0,l.uploadAttachment)({file:t,formFieldPath:`form.${e.fieldKey}`})).id}}return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(u.default,{description:b?`${b.template.name} · 表單 v${b.formVersion.version}`:`選擇可發起的已發布模板後填寫表單內容。`,title:`發起簽核`,children:b?(0,c.jsx)(s.Button,{disabled:A||M,icon:d.CheckedIcon,iconType:`leading`,onClick:z,variant:`base-primary`,children:`送出`}):null})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsx)(s.Section,{children:(0,c.jsxs)(`div`,{style:p,children:[E?(0,c.jsx)(s.Typography,{color:`text-error`,variant:`body`,children:E}):null,A?(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`body`,children:`載入中...`}):null,b?(0,c.jsx)(a.t,{errors:O,maxWidth:480,onChange:e=>{C(e),k({})},onUploadAttachment:B,schema:b.formVersion.schema,singleColumn:!0,uiSchema:b.formVersion.uiSchema,value:S}):null,!y&&!A?P.length>0?(0,c.jsx)(s.Table,{actions:I,columns:F,dataSource:P,fullWidth:!0}):(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`body`,children:`目前沒有可發起的已發布模板。`}):null]})})})]})}function g(){return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(u.default,{description:`選擇可發起的已發布模板後填寫表單內容。`,title:`發起簽核`})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsx)(s.Section,{children:(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`body`,children:`載入中...`})})})]})}function _(e){return e instanceof Error?e.message:`發生未知錯誤`}exports.InstanceNewView=m;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/chunk-CMqjfN_6.cjs"),t=require("../../../chunks/router-adapter--gYs13E8.cjs"),n=require("../../../chunks/auth-provider-4BeCw7cI.cjs"),r=require("../../../chunks/format-date-time-XxBzF0F5.cjs"),i=require("../../../chunks/routes-config-fDVHmvXi.cjs"),a=require("../../../chunks/FormRendererView-BwVsH2eX.cjs");let o=require("react"),s=require("@mezzanine-ui/react"),c=require("react/jsx-runtime"),l=require("@rytass/bpm-core-client/workflow"),u=require("@mezzanine-ui/react/ContentHeader");u=e.t(u,1);let d=require("@mezzanine-ui/icons"),f=require("@rytass/bpm-core-client/form");var p={display:`grid`,gap:16};function m(e={}){return(0,c.jsx)(o.Suspense,{fallback:(0,c.jsx)(g,{}),children:(0,c.jsx)(h,{templateId:e.templateId??void 0})})}function h({templateId:e}){let m=t.r(),h=i.r(),{member:g}=n.n(),v=g?.memberId??null,y=e??null,[b,x]=(0,o.useState)(null),[S,C]=(0,o.useState)({}),[w,T]=(0,o.useState)([]),[E,D]=(0,o.useState)(null),[O,k]=(0,o.useState)({}),[A,j]=(0,o.useState)(!0),[M,N]=(0,o.useState)(!1);(0,o.useEffect)(()=>{if(!y){L();return}R(y)},[y]);let P=(0,o.useMemo)(()=>w.map(e=>({...e,key:e.id,updatedAt:r.t(e.updatedAt),versionLabel:`v${e.version}`})),[w]),F=(0,o.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`模板名稱`,width:240},{dataIndex:`versionLabel`,key:`versionLabel`,title:`發布版本`,width:120},{dataIndex:`updatedAt`,key:`updatedAt`,title:`更新時間`,width:220}],[]),I=(0,o.useMemo)(()=>({render:e=>[{name:`發起`,onClick:()=>m.push(h.caseNew(e.id)),variant:`base-primary`}],variant:`base-secondary`,width:88}),[m]);async function L(){j(!0),D(null),x(null);try{T(await(0,l.listLaunchableTemplates)())}catch(e){D(_(e))}finally{j(!1)}}async function R(e){j(!0),D(null),T([]);try{x(await(0,l.readLaunchContext)(e))}catch(e){D(_(e))}finally{j(!1)}}async function z(){if(!b||!v)return;N(!0),D(null),k({});let e=(0,f.validateFormRendererValues)({schema:b.formVersion.schema,uiSchema:b.formVersion.uiSchema,values:S});if(!e.valid){k(e.errors),D(`請先補齊必填欄位。`),e.firstInvalidFieldKey&&(0,f.focusFormRendererField)(e.firstInvalidFieldKey),N(!1);return}try{let e=await(0,l.submitApprovalInstance)({formData:S,initiatorMemberId:v,templateId:b.template.id,title:(0,l.readFormDataCaseTitle)({fallbackTitle:b.template.name,formData:S,schema:b.formVersion.schema,uiSchema:b.formVersion.uiSchema})});m.push(h.caseDetail(e))}catch(e){D(_(e))}finally{N(!1)}}async function B(e,t){if(!v)throw Error(`尚未登入，無法上傳附件`);return{id:(await(0,l.uploadAttachment)({file:t,formFieldPath:`form.${e.fieldKey}`})).id}}return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(u.default,{description:b?`${b.template.name} · 表單 v${b.formVersion.version}`:`選擇可發起的已發布模板後填寫表單內容。`,title:`發起簽核`,children:b?(0,c.jsx)(s.Button,{disabled:A||M,icon:d.CheckedIcon,iconType:`leading`,onClick:z,variant:`base-primary`,children:`送出`}):null})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsx)(s.Section,{children:(0,c.jsxs)(`div`,{style:p,children:[E?(0,c.jsx)(s.Typography,{color:`text-error`,variant:`body`,children:E}):null,A?(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`body`,children:`載入中...`}):null,b?(0,c.jsx)(a.t,{errors:O,maxWidth:480,onChange:e=>{C(e),k({})},onUploadAttachment:B,schema:b.formVersion.schema,singleColumn:!0,uiSchema:b.formVersion.uiSchema,value:S}):null,!y&&!A?P.length>0?(0,c.jsx)(s.Table,{actions:I,columns:F,dataSource:P,fullWidth:!0}):(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`body`,children:`目前沒有可發起的已發布模板。`}):null]})})})]})}function g(){return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(u.default,{description:`選擇可發起的已發布模板後填寫表單內容。`,title:`發起簽核`})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsx)(s.Section,{children:(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`body`,children:`載入中...`})})})]})}function _(e){return e instanceof Error?e.message:`發生未知錯誤`}exports.InstanceNewView=m;
 //# sourceMappingURL=index.cjs.map

package/dist/views/instances/new/index.js

@@ -1,8 +1,8 @@
 "use client";
-import { r as e } from "../../../chunks/router-adapter-BdHZXLS3.js";
-import { n as t } from "../../../chunks/auth-provider-TTO9eNZV.js";
+import { r as e } from "../../../chunks/router-adapter-DftlFTOd.js";
+import { n as t } from "../../../chunks/auth-provider-B5oPmvk2.js";
 import { t as n } from "../../../chunks/format-date-time-CB-LxzqT.js";
-import { r } from "../../../chunks/routes-config-dxahImVe.js";
+import { r } from "../../../chunks/routes-config-RBYQtUd0.js";
 import { t as i } from "../../../chunks/FormRendererView-DrHsuSVo.js";
 import { Suspense as a, useEffect as o, useMemo as s, useState as c } from "react";
 import { Button as l, PageHeader as u, Section as d, SectionGroup as f, Table as p, Typography as m } from "@mezzanine-ui/react";

package/dist/views/login/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/login-BfmfCclF.cjs");exports.LoginView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/login-9bCXyjbX.cjs");exports.LoginView=e.t;

package/dist/views/login/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/login-xgI4wLHe.js";
+import { t as e } from "../../chunks/login-BKxpLibd.js";
 export { e as LoginView };

package/dist/views/search/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/approval-instance-list-page-UNIIgUZy.cjs");let t=require("react/jsx-runtime");function n(){return(0,t.jsx)(e.t,{defaultState:null,description:`以關鍵字與狀態查詢你有權限查看的簽核案件。`,emptyMessage:`沒有符合條件的簽核案件。`,searchPlaceholder:`關鍵字：搜尋案件、發起人、模板或狀態`,title:`案件搜尋`,view:`ALL`})}exports.SearchView=n;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/approval-instance-list-page-BMUKxzcz.cjs");let t=require("react/jsx-runtime");function n(){return(0,t.jsx)(e.t,{defaultState:null,description:`以關鍵字與狀態查詢你有權限查看的簽核案件。`,emptyMessage:`沒有符合條件的簽核案件。`,searchPlaceholder:`關鍵字：搜尋案件、發起人、模板或狀態`,title:`案件搜尋`,view:`ALL`})}exports.SearchView=n;
 //# sourceMappingURL=index.cjs.map

package/dist/views/search/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../../chunks/approval-instance-list-page-BtEc8Cs3.js";
+import { t as e } from "../../chunks/approval-instance-list-page-YZcGGDD8.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/views/search/SearchView.tsx
 function n() {

package/dist/views/sent/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/approval-instance-list-page-UNIIgUZy.cjs");let t=require("react/jsx-runtime");function n(){return(0,t.jsx)(e.t,{defaultState:null,description:`查看由你發起的簽核案件與目前流程狀態。`,emptyMessage:`目前沒有由你發起的簽核案件。`,searchPlaceholder:`關鍵字：搜尋案件、發起人、模板或狀態`,title:`我發起的`,view:`SENT`})}exports.SentView=n;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/approval-instance-list-page-BMUKxzcz.cjs");let t=require("react/jsx-runtime");function n(){return(0,t.jsx)(e.t,{defaultState:null,description:`查看由你發起的簽核案件與目前流程狀態。`,emptyMessage:`目前沒有由你發起的簽核案件。`,searchPlaceholder:`關鍵字：搜尋案件、發起人、模板或狀態`,title:`我發起的`,view:`SENT`})}exports.SentView=n;
 //# sourceMappingURL=index.cjs.map

package/dist/views/sent/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../../chunks/approval-instance-list-page-BtEc8Cs3.js";
+import { t as e } from "../../chunks/approval-instance-list-page-YZcGGDD8.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/views/sent/SentView.tsx
 function n() {

package/dist/views/settings/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/notifications-a-FCxV02.cjs");exports.SettingsNotificationsView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/notifications-BKs4--96.cjs");exports.SettingsNotificationsView=e.t;

package/dist/views/settings/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/notifications-BoNa1BXD.js";
+import { t as e } from "../../chunks/notifications-CSulztkU.js";
 export { e as SettingsNotificationsView };