@rytass/bpm-core-react 0.4.1 → 0.5.0

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--gYs13E8.cjs"),n=require("../../chunks/auth-provider-4BeCw7cI.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

@@ -2,7 +2,7 @@
 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-Dcr5mM8g.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-u9DdLhDW.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--gYs13E8.cjs"),n=require("../../../chunks/auth-provider-4BeCw7cI.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

@@ -2,7 +2,7 @@
 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/search/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/approval-instance-list-page-C5ZKPHdA.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-BF2r5D2-.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-C5ZKPHdA.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-BF2r5D2-.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/templates/TemplatesView.d.ts

@@ -1,2 +1,7 @@
 import { ReactElement } from 'react';
+export interface TemplateCategoryOption {
+    readonly categoryId: string | null;
+    readonly id: string;
+    readonly name: string;
+}
 export declare function TemplatesView(): ReactElement;

package/dist/views/templates/compose/TemplateComposeWizardView.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+/**
+ * Unified "form + flow" template creation wizard. Walks the user through
+ * Step 0 表單設計 → Step 1 流程設計 → Step 2 檢視並發佈, then commits both
+ * sides atomically through `composeApprovalTemplateWithForm`. Coexists with
+ * the separate `/forms` and `/templates` entry points.
+ */
+export declare function TemplateComposeWizardView(): ReactElement;

package/dist/views/templates/compose/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/compose-ziVbRYdo.cjs");exports.EMPTY_COMPOSE_FORM_SCHEMA=e.n,exports.EMPTY_COMPOSE_FORM_UI_SCHEMA=e.r,exports.TemplateComposeWizardView=e.t,exports.useTemplateComposeWizard=e.i;

package/dist/views/templates/compose/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TemplateComposeWizardView';
+export * from './use-template-compose-wizard';

package/dist/views/templates/compose/index.js

@@ -0,0 +1,2 @@
+import { i as e, n as t, r as n, t as r } from "../../../chunks/compose-PMrmi-LE.js";
+export { t as EMPTY_COMPOSE_FORM_SCHEMA, n as EMPTY_COMPOSE_FORM_UI_SCHEMA, r as TemplateComposeWizardView, e as useTemplateComposeWizard };

package/dist/views/templates/compose/steps/ComposeFormStep.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+import { FormDefinitionSchema, FormUiSchema } from '@rytass/bpm-core-shared/form';
+export interface ComposeFormStepProps {
+    readonly name: string;
+    readonly categoryId: string | null;
+    readonly formSchema: FormDefinitionSchema;
+    readonly formUiSchema: FormUiSchema;
+    readonly onNameChange: (value: string) => void;
+    readonly onCategoryIdChange: (value: string | null) => void;
+    readonly onFormChange: (next: {
+        readonly schema: FormDefinitionSchema;
+        readonly uiSchema: FormUiSchema;
+    }) => void;
+}
+export declare function ComposeFormStep({ categoryId, formSchema, formUiSchema, name, onCategoryIdChange, onFormChange, onNameChange, }: ComposeFormStepProps): ReactElement;

package/dist/views/templates/compose/steps/ComposeReviewStep.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { FormDefinitionSchema, FormUiSchema } from '@rytass/bpm-core-shared/form';
+import { WorkflowDefinition } from '@rytass/bpm-core-shared/workflow';
+export interface ComposeReviewStepProps {
+    readonly name: string;
+    readonly formSchema: FormDefinitionSchema;
+    readonly formUiSchema: FormUiSchema;
+    readonly workflowDefinition: WorkflowDefinition | null;
+    readonly initiatorPolicyCel: string | null;
+    readonly publishError: string | null;
+}
+export declare function ComposeReviewStep({ formSchema, formUiSchema, initiatorPolicyCel, name, publishError, workflowDefinition, }: ComposeReviewStepProps): ReactElement;

package/dist/views/templates/compose/steps/ComposeWorkflowStep.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+import { FormDefinitionSchema } from '@rytass/bpm-core-shared/form';
+import { WorkflowDefinition } from '@rytass/bpm-core-shared/workflow';
+export interface ComposeWorkflowStepProps {
+    readonly formSchema: FormDefinitionSchema;
+    readonly workflowDefinition: WorkflowDefinition | null;
+    readonly initiatorPolicyCel: string | null;
+    readonly onWorkflowChange: (definition: WorkflowDefinition) => void;
+    readonly onInitiatorPolicyChange: (cel: string | null) => void;
+}
+export declare function ComposeWorkflowStep({ formSchema, initiatorPolicyCel, onInitiatorPolicyChange, onWorkflowChange, workflowDefinition, }: ComposeWorkflowStepProps): ReactElement;

package/dist/views/templates/compose/use-template-compose-wizard.d.ts

@@ -0,0 +1,46 @@
+import { FormDefinitionSchema, FormUiSchema } from '@rytass/bpm-core-shared/form';
+import { WorkflowDefinition } from '@rytass/bpm-core-shared/workflow';
+import { ComposeApprovalTemplateWithFormResult } from '@rytass/bpm-core-client/template';
+export type ComposeWizardStep = 0 | 1 | 2;
+export type ComposePublishPhase = 'error' | 'idle' | 'submitting' | 'success';
+export declare const EMPTY_COMPOSE_FORM_SCHEMA: FormDefinitionSchema;
+export declare const EMPTY_COMPOSE_FORM_UI_SCHEMA: FormUiSchema;
+export interface TemplateComposeWizard {
+    readonly currentStep: ComposeWizardStep;
+    /**
+     * Single user-facing name. Persisted to both the template and the form
+     * (`templateName` / `formName`) at the `composeApprovalTemplateWithForm`
+     * boundary — the DB keeps two columns, the UI keeps one field.
+     */
+    readonly name: string;
+    readonly categoryId: string | null;
+    readonly formSchema: FormDefinitionSchema;
+    readonly formUiSchema: FormUiSchema;
+    readonly workflowDefinition: WorkflowDefinition | null;
+    readonly initiatorPolicyCel: string | null;
+    readonly publishPhase: ComposePublishPhase;
+    readonly publishError: string | null;
+    readonly canLeaveBasics: boolean;
+    readonly goToStep: (step: ComposeWizardStep) => void;
+    readonly goNext: () => void;
+    readonly goBack: () => void;
+    readonly setName: (value: string) => void;
+    readonly setCategoryId: (value: string | null) => void;
+    readonly setFormValue: (next: {
+        readonly schema: FormDefinitionSchema;
+        readonly uiSchema: FormUiSchema;
+    }) => void;
+    readonly setWorkflowDefinition: (definition: WorkflowDefinition) => void;
+    readonly setInitiatorPolicyCel: (cel: string | null) => void;
+    readonly publish: () => Promise<ComposeApprovalTemplateWithFormResult | null>;
+}
+/**
+ * Owns the cross-step state for the unified "form + flow" template wizard.
+ *
+ * Step 0 (表單) edits `formSchema`/`formUiSchema`; that same in-memory schema
+ * feeds Step 1 (流程) as the field source for condition branches, so the
+ * embedded designer never needs a published form version. Step 2 (檢視發佈)
+ * submits everything through the atomic `composeApprovalTemplateWithForm`
+ * mutation.
+ */
+export declare function useTemplateComposeWizard(): TemplateComposeWizard;

package/dist/views/templates/designer/TemplateDesignerView.d.ts

@@ -1,5 +1,63 @@
 import { ReactElement } from 'react';
+import { FormDefinitionSchema } from '@rytass/bpm-core-shared/form';
+import { WorkflowDefinition } from '@rytass/bpm-core-shared/workflow';
 export interface TemplateDesignerViewProps {
-    readonly templateId: string;
+    /**
+     * Template id to load. Required in non-embedded mode; unused in embedded mode.
+     */
+    readonly templateId?: string;
+    /**
+     * When `true`, the component operates in embedded / wizard mode:
+     * - No `readTemplateDesigner` call (no templateId needed).
+     * - Only org data is loaded for approver pickers.
+     * - PageHeader / ContentHeader, form-version binding, dry-run, and the AI
+     *   drawer are hidden.
+     * - Mutations flow out via `onWorkflowChange` / `onInitiatorPolicyChange`
+     *   rather than save-draft / publish actions.
+     * Default `false`.
+     */
+    readonly embedded?: boolean;
+    /**
+     * In embedded mode: the formSchema used for condition-edge compilation,
+     * injected from outside (e.g. the wizard already knows the form). Replaces
+     * the "bind form version" picker. Pass `null` to clear.
+     */
+    readonly formSchemaOverride?: FormDefinitionSchema | null;
+    /**
+     * In embedded mode: the initial workflow definition to seed the canvas.
+     * Falls back to an empty start→end workflow when omitted.
+     */
+    readonly initialWorkflowDefinition?: WorkflowDefinition;
+    /**
+     * In embedded mode: the initial initiator-policy CEL expression.
+     * Falls back to `null` (no policy) when omitted.
+     */
+    readonly initialInitiatorPolicyCel?: string | null;
+    /**
+     * In embedded mode: called whenever the workflow definition changes so the
+     * host can persist the current canvas state.
+     */
+    readonly onWorkflowChange?: (definition: WorkflowDefinition) => void;
+    /**
+     * In embedded mode: called whenever the initiator-policy CEL changes.
+     */
+    readonly onInitiatorPolicyChange?: (cel: string | null) => void;
+    /**
+     * Render the "試跑流程" (dry-run) button at all. Default `true`. Hosts can
+     * pass `false` to hide it (e.g. deployments that don't expose dry-run).
+     * Has no effect in embedded mode, where the PageHeader is hidden entirely.
+     */
+    readonly showDryRun?: boolean;
+    /**
+     * Render the AI assistant toggle at all. Default `false` — the feature is
+     * hidden unless the host opts in (e.g. a deployment that has it configured).
+     */
+    readonly showAiAssistant?: boolean;
+    /**
+     * Whether the LLM backend is configured (e.g. the host has an API key set).
+     * Default `true`. When `false`, the toggle is shown but disabled and labelled
+     * as not configured — a placeholder rather than a broken feature.
+     */
+    readonly aiAssistantAvailable?: boolean;
 }
-export declare function TemplateDesignerView({ templateId, }: TemplateDesignerViewProps): ReactElement;
+export declare function TemplateDesignerView({ aiAssistantAvailable, embedded, formSchemaOverride, initialInitiatorPolicyCel, initialWorkflowDefinition, onInitiatorPolicyChange, onWorkflowChange, showAiAssistant, showDryRun, templateId, }: TemplateDesignerViewProps): ReactElement;

package/dist/views/templates/designer/chrome-workflow-chat.d.ts

@@ -0,0 +1,12 @@
+import { UIMessage } from 'ai';
+import { WorkflowDesignerController } from './use-workflow-designer-controller';
+export interface UseChromeWorkflowChatResult {
+    /** True only when the on-device model is usable in this browser. */
+    readonly available: boolean;
+    readonly messages: readonly UIMessage[];
+    readonly status: 'ready' | 'submitted' | 'streaming' | 'error';
+    readonly send: (text: string) => void;
+}
+export declare function useChromeWorkflowChat({ controller, }: {
+    readonly controller: WorkflowDesignerController;
+}): UseChromeWorkflowChatResult;