openxiangda-cli 2.0.0-alpha.171 → 2.0.0-alpha.173

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openxiangda-cli",
-  "version": "2.0.0-alpha.171",
+  "version": "2.0.0-alpha.173",
   "description": "Thin application-level CLI for OpenXiangda 2.0.",
   "type": "module",
   "main": "./dist/index.js",
@@ -21,10 +21,10 @@
   ],
   "dependencies": {
     "@oclif/core": "4.13.3",
-    "openxiangda-contracts": "2.0.0-alpha.85",
-    "openxiangda-devkit-core": "2.0.0-alpha.109",
-    "openxiangda-mcp": "2.0.0-alpha.109",
-    "openxiangda-skill-kit": "2.0.0-alpha.134"
+    "openxiangda-contracts": "2.0.0-alpha.87",
+    "openxiangda-devkit-core": "2.0.0-alpha.111",
+    "openxiangda-mcp": "2.0.0-alpha.111",
+    "openxiangda-skill-kit": "2.0.0-alpha.136"
   },
   "devDependencies": {
     "tsx": "4.23.12",

package/template/apps/web/e2e/mobile-files.spec.ts

@@ -75,6 +75,9 @@ test.describe('mobile managed files', () => {
     await expect(page.locator('.adm-image-viewer-indicator')).toHaveText('2 / 2');
     await expect(page.locator('.adm-image-viewer-image-wrapper img').last()).toHaveJSProperty('naturalWidth', 640);
     await page.screenshot({ path: info.outputPath('mobile-image-preview.png') });
+    const imageDownload = page.waitForEvent('download');
+    await page.getByRole('button', { name: '下载', exact: true }).click();
+    expect((await imageDownload).suggestedFilename()).toBe('第二张.png');
     await page.getByRole('button', { name: '关闭预览', exact: true }).click();
     await expect(page.getByRole('button', { name: '关闭预览', exact: true })).toHaveCount(0);
     let downloadAttempts = 0;

package/template/apps/web/e2e/resource-platform-mock.ts

@@ -3,7 +3,7 @@ import { appCode, capabilities } from '../../../packages/contracts/src/generated
 const runtimeBase = `/view/${appCode}`;
 const allCapabilities = [...capabilities] as string[];
 
-function runtimeAuthorization(authorized: boolean, superAdmin = false) {
+export function runtimeAuthorization(authorized: boolean, superAdmin = false) {
   return {
     schemaVersion: 'openxiangda.runtime-authorization/v2',
     state: 'active',

package/template/apps/web/e2e/resources.spec.ts

@@ -335,7 +335,10 @@ test('renders canonical semantic labels in the real generated resource list', as
   const detail = page.getByRole('dialog');
   await expect(detail).toBeVisible();
   await expect(detail).toContainText('组织信息演示');
-  await expect(detail.locator('.oxa-form-section')).toHaveCount(2);
+  const frame = detail.locator('[data-detail-frame="standard"]');
+  await expect(frame).toBeVisible();
+  await expect(frame.locator('.oxa-record-detail-card')).toHaveCount(2);
+  await expect(frame.locator('.oxa-record-detail-card').getByRole('heading', { level: 2 })).toHaveText(['栏目设置', '管理信息']);
 });
 
 test('renders the canonical first field on the mobile generated list', async ({ page }) => {

package/template/apps/web/e2e/standard-admin.spec.ts

@@ -148,7 +148,7 @@ test('named views share records while keeping columns, drawer routes and drafts
   await expect(nextPage.getByLabel('栏目说明', { exact: true })).toHaveCount(0);
   await nextPage.screenshot({ path: testInfo.outputPath('named-quick-new-page.png'), fullPage: true, animations: 'disabled' });
   await nextPage.getByRole('button', { name: '提交', exact: true }).click();
-  await expect(nextPage).toHaveURL(`${base}/quick`);
+  await expect(nextPage).toHaveURL(`${base}/quick/record-22`);
   expect(state.writes).toHaveLength(1);
   expect(state.writes[0].resourceCode).toBe('resource-01');
   expect(state.records.at(-1)?.name).toBe('简要登记的草稿');
@@ -174,7 +174,7 @@ test('mobile named forms retain their grouping and return to the same view after
   expect(await page.evaluate(() => document.documentElement.scrollWidth <= innerWidth)).toBe(true);
   await page.screenshot({ path: testInfo.outputPath('named-mobile-complete-form.png'), fullPage: true, animations: 'disabled' });
   await form.getByRole('button', { name: '提交', exact: true }).click();
-  await expect(page).toHaveURL('/m/admin/resources/resource-01/views/complete');
+  await expect(page).toHaveURL('/m/admin/resources/resource-01/views/complete/record-22');
   expect(state.writes).toHaveLength(1);
   expect(state.drafts).toHaveLength(0);
 });
@@ -285,7 +285,7 @@ test('drawer full screen preserves input, close discards edits and new page rest
   expect(state.drafts).toHaveLength(1);
   await nextPage.screenshot({ path: testInfo.outputPath('standard-new-page-draft.png'), fullPage: true, animations: 'disabled' });
   await nextPage.getByRole('button', { name: '提交', exact: true }).click();
-  await expect(nextPage).toHaveURL('/admin/resources/resource-01');
+  await expect(nextPage).toHaveURL('/admin/resources/resource-01/record-22');
   expect(state.writes).toHaveLength(1); expect(state.drafts).toHaveLength(0);
 });
 
@@ -307,7 +307,7 @@ test('record reads can retry and reconnect refresh does not overwrite an edit or
   await page.context().setOffline(false);
   await expect.poll(() => state.reads).toBeGreaterThan(reads);
   await expect(drawer.getByLabel('栏目名称', { exact: true })).toHaveValue('我的修改');
-  await drawer.getByRole('button', { name: '提交' }).click();
+  await drawer.getByRole('button', { name: '保存' }).click();
   await expect(drawer.getByText('保存失败', { exact: true })).toBeVisible();
   expect(state.writes.at(-1).expectedRevision).toBe(1);
   await expect(drawer.getByLabel('栏目名称', { exact: true })).toHaveValue('我的修改');
@@ -333,7 +333,7 @@ test('mobile grouped entry keeps one column and saves through the same Data API'
   expect(await page.evaluate(() => document.documentElement.scrollWidth <= innerWidth)).toBe(true);
   await page.screenshot({ path: testInfo.outputPath('standard-mobile-form.png'), animations: 'disabled' });
   await form.getByRole('button', { name: '提交', exact: true }).click();
-  await expect(page).toHaveURL('/m/admin/resources/resource-01');
+  await expect(page).toHaveURL('/m/admin/resources/resource-01/record-22');
   expect(state.writes).toHaveLength(1);
   expect(state.records.at(-1)?.name).toBe('移动端新增记录');
   expect(errors).toEqual([]);
@@ -430,7 +430,7 @@ test('mobile partial drafts restore from a bottom sheet and submit once', async
   await page.screenshot({ path: testInfo.outputPath('mobile-draft-restore.png'), animations: 'disabled' });
   await prompt.getByRole('button', { name: '载入草稿' }).click();
   await expect(form.getByRole('textbox', { name: '栏目说明', exact: true })).toHaveValue('手机暂存内容');
-  await page.getByRole('button', { name: '草稿箱', exact: true }).click();
+  await page.getByRole('button', { name: /^草稿箱/ }).click();
   const draftBox = page.getByRole('dialog', { name: /草稿箱/ });
   await expect(draftBox.locator('.oxa-draft-card')).toBeVisible();
   await expect.poll(async () => { const box = await draftBox.boundingBox(); return box ? Math.abs(box.y + box.height - 844) : Infinity; }).toBeLessThan(2);
@@ -439,7 +439,7 @@ test('mobile partial drafts restore from a bottom sheet and submit once', async
   await page.getByRole('button', { name: '关闭弹层' }).click();
   await form.getByRole('textbox', { name: '栏目名称', exact: true }).fill('手机恢复后提交');
   await form.getByRole('button', { name: '提交', exact: true }).click();
-  await expect(page).toHaveURL('/m/admin/resources/resource-01');
+  await expect(page).toHaveURL('/m/admin/resources/resource-01/record-22');
   expect(state.writes).toHaveLength(1); expect(state.drafts).toHaveLength(0);
 });
 
@@ -452,6 +452,11 @@ test('direct entry is independent and adapts desktop URLs to touch controls with
   await page.setViewportSize({ width: 390, height: 844 });
   await expect(page.locator('.oxa-mobile-form')).toBeVisible();
   await expect(page.locator('.oxa-mobile-entry')).toBeVisible();
+  await expect(page.locator('.oxa-mobile-entry')).toHaveCSS('padding-left', '0px');
+  const header = await page.locator('.oxa-mobile-header').boundingBox();
+  const entry = await page.locator('.oxa-mobile-entry').boundingBox();
+  expect(header?.x).toBe(entry?.x); expect(header?.width).toBe(entry?.width);
+  await expect(page.getByRole('button', { name: /^草稿箱/ })).toHaveCount(0);
   await expect(page.getByRole('textbox', { name: /栏目名称/ })).toHaveValue('保留未暂存输入');
   await expect(page.locator('.oxa-sider, .oxa-topbar')).toHaveCount(0);
   await page.setViewportSize({ width: 1280, height: 900 });
@@ -459,18 +464,30 @@ test('direct entry is independent and adapts desktop URLs to touch controls with
   await expect(page.getByRole('textbox', { name: /栏目名称/ })).toHaveValue('保留未暂存输入');
 });
 
-test('details open readonly in a drawer and closing unsaved entry has no confirmation or write', async ({ page }) => {
+test('details open readonly in a drawer and closing unsaved entry has no confirmation or write', async ({ page }, testInfo) => {
   const state = await editablePlatform(page);
   await page.goto('/resource-experience.e2e.html?primary=business');
   const initialUrl = page.url();
   await page.getByRole('button', { name: '查看', exact: true }).first().click();
   const detail = page.getByRole('dialog', { name: '内容栏目详情' });
   await expect(detail).toBeVisible();
-  await expect(detail.locator('.oxa-form-sections')).toBeVisible();
-  await expect(detail.getByText('业务记录 1', { exact: true })).toBeVisible();
+  await expect(detail.locator('.oxa-record-detail-sections')).toBeVisible();
+  await expect(detail.getByRole('heading', { name: '业务记录 1', exact: true })).toBeVisible();
   await expect(detail.getByRole('textbox')).toHaveCount(0);
   await expect(detail.getByRole('button', { name: '提交', exact: true })).toHaveCount(0);
   expect(page.url()).toBe(initialUrl);
+  await expect(detail).toHaveCSS('width', '850px');
+  await page.screenshot({ path: testInfo.outputPath('ordinary-detail-drawer-850.png'), animations: 'disabled' });
+  await detail.getByRole('button', { name: '编辑', exact: true }).first().click();
+  const edit = page.getByRole('dialog', { name: '编辑数据' });
+  await expect(page.getByRole('dialog')).toHaveCount(1);
+  await expect(edit.locator('.oxa-record-detail.is-editing')).toBeVisible();
+  await edit.getByLabel('栏目名称', { exact: true }).fill('普通原地编辑');
+  await page.screenshot({ path: testInfo.outputPath('ordinary-detail-inline-edit.png'), animations: 'disabled' });
+  await edit.getByRole('button', { name: '关闭', exact: true }).click();
+  await expect(detail).toBeVisible();
+  await expect(detail.getByRole('heading', { name: '业务记录 1', exact: true })).toBeVisible();
+  expect(page.url()).toBe(initialUrl);
   await detail.getByRole('button', { name: '关闭', exact: true }).click();
   await page.getByRole('button', { name: '新增', exact: true }).click();
   const entry = page.getByRole('dialog', { name: '新增数据' });
@@ -481,3 +498,14 @@ test('details open readonly in a drawer and closing unsaved entry has no confirm
   expect(state.writes).toHaveLength(0);
   expect(state.draftWrites).toHaveLength(0);
 });
+
+
+test('edit uses current record without prompting for an existing saved draft', async ({ page }) => {
+  const state = await editablePlatform(page);
+  state.drafts.push({id:'edit-draft', mode:'update', recordId:'record-1', revision:1, recordRevision:1, values:{name:'旧草稿'}, updatedAt:'2026-09-05T07:06:00.000Z'});
+  await page.goto('/admin/resources/resource-01/record-1/edit');
+  await expect(page.getByRole('textbox', {name:/栏目名称/})).toHaveValue('业务记录 1');
+  await expect(page.getByRole('dialog', {name:'载入暂存数据'})).toHaveCount(0);
+  await page.getByRole('button', {name:'草稿箱', exact:true}).click();
+  await expect(page.getByRole('dialog', {name:/草稿箱/})).toContainText('旧草稿');
+});

package/template/apps/web/e2e/workflow-entry-fixture.tsx

@@ -0,0 +1,107 @@
+import { Refine } from '@refinedev/core';
+import { App as AntdApp } from 'antd';
+import React, { useState } from 'react';
+import ReactDOM from 'react-dom/client';
+import { MemoryRouter, Route, Routes, useLocation } from 'react-router-dom';
+import {
+  createApplicationProvider, GeneratedResourcePage, OpenXiangdaResourceDefinitionsProvider,
+  OpenXiangdaUiProvider, OpenXiangdaWorkflowDefinitionsProvider, RuntimeBoundary, WorkflowSubmissionPage,
+  type GeneratedResourceDefinition,
+} from 'openxiangda/react';
+import 'openxiangda/react/styles.css';
+import 'openxiangda/mobile/styles.css';
+
+const code = 'purchase-orders';
+const capabilityBase = `app:openxiangda-application:data:${code}`;
+const capabilities = {
+  read: `${capabilityBase}:read`, create: `${capabilityBase}:create`,
+  update: `${capabilityBase}:update`, delete: `${capabilityBase}:delete`,
+};
+const fieldCapabilities = { readCapabilities: [capabilities.read], createCapabilities: [], updateCapabilities: [] };
+const definition: GeneratedResourceDefinition = {
+  code, name: '采购申请', capabilities,
+  surface: {
+    mutationOwner: 'workflow',
+    generated: { list: true, detail: true, create: false, update: false, delete: false },
+    fields: {
+      title: { label: '申请名称', type: 'text.short', widget: 'text', requiredHint: true, list: true, ...fieldCapabilities },
+      amount: { label: '申请金额', type: 'number.decimal', widget: 'money', requiredHint: true, list: true, ...fieldCapabilities },
+      internalNote: { label: '隐藏字段', type: 'text.short', widget: 'text', ...fieldCapabilities },
+      systemValue: { label: '系统字段', type: 'text.short', widget: 'text', system: true, ...fieldCapabilities },
+      decision: { label: '审批结论', type: 'text.short', widget: 'readonly', ...fieldCapabilities },
+      attachments: { label: '审批附件', type: 'file', widget: 'attachment', ...fieldCapabilities },
+    },
+    list: { defaultPageSize: 20, fieldOrder: ['title', 'amount'] },
+    form: { layout: 'flat', fieldOrder: ['title', 'amount', 'systemValue', 'decision'] },
+    detail: { layout: 'flat', fieldOrder: ['title', 'amount', 'decision'] },
+    mobile: { enabled: true },
+  },
+};
+const childCode = 'purchase-lines';
+const childCapability = `app:openxiangda-application:data:${childCode}`;
+const childDefinition: GeneratedResourceDefinition = {
+  code: childCode, name: '采购明细',
+  capabilities: { read: `${childCapability}:read`, create: `${childCapability}:create`, update: `${childCapability}:update`, delete: `${childCapability}:delete` },
+  surface: {
+    mutationOwner: 'native', generated: { list: false, detail: false, create: false, update: false, delete: false },
+    fields: {
+      purchaseId: { label: '主记录', type: 'text.short', widget: 'text', ...fieldCapabilities },
+      sortOrder: { label: '顺序', type: 'number.integer', widget: 'number', ...fieldCapabilities },
+      name: { label: '品名', type: 'text.short', widget: 'text', requiredHint: true, ...fieldCapabilities },
+      quantity: { label: '数量', type: 'number.integer', widget: 'number', requiredHint: true, ...fieldCapabilities },
+      hiddenNote: { label: '隐藏明细字段', type: 'text.short', widget: 'text', hidden: true, ...fieldCapabilities },
+      detailNote: { label: '仅详情说明', type: 'text.short', widget: 'text', ...fieldCapabilities },
+    },
+    form: { layout: 'flat', fieldOrder: ['name', 'quantity', 'hiddenNote'] },
+    detail: { layout: 'flat', fieldOrder: ['name', 'quantity', 'detailNote', 'hiddenNote'] },
+  },
+};
+const definitions = { [code]: definition, [childCode]: childDefinition };
+const workflowDefinitions = [{
+  code: 'purchase-approval', title: '采购审批', launch: { mode: 'standalone' },
+  subject: { resourceCode: code, factProjection: { amount: 'amount' }, summaryFields: ['amount'] },
+  processOperationCode: 'openxiangda.workflow.purchase-approval.submit',
+}] as const;
+const query = new URLSearchParams(window.location.search);
+if (query.get('fields') === 'complex') {
+  definition.surface.fields.items = {
+    label: '采购明细', type: 'subtable', widget: 'subtable',
+    subtable: { resourceCode: childCode, foreignKey: 'purchaseId', orderField: 'sortOrder', maxRows: 20 },
+    ...fieldCapabilities,
+  };
+  definition.surface.detail!.fieldOrder!.push('items');
+}
+const mode = query.get('mode') || 'list';
+const base = mode === 'mobile-detail' ? '/m/admin/purchases' : '/admin/purchases';
+const paths = { fallback: '/admin', list: base, detail: `${base}/:id` };
+
+function Entry() {
+  const [completions, setCompletions] = useState<string[]>([]);
+  const [render, setRender] = useState(0);
+  const [dismissed, setDismissed] = useState(false);
+  const location = useLocation();
+  if (mode === 'list') return <GeneratedResourcePage resourceCode={code} paths={paths} />;
+  if (mode === 'mobile-detail' || mode === 'desktop-detail') return <Routes><Route path={paths.detail} element={<GeneratedResourcePage resourceCode={code} mode="detail" variant={mode === 'mobile-detail' ? 'mobile' : 'desktop'} paths={paths} />} /></Routes>;
+  return <>
+    <button onClick={() => setRender(value => value + 1)}>重新渲染父页面</button>
+    <output data-testid="parent-render">{render}</output>
+    <output data-testid="completions">{completions.join(',')}</output>
+    <output data-testid="route">{location.pathname}{location.search}</output>
+    {!dismissed && <WorkflowSubmissionPage workflowCode="purchase-approval" variant={mode === 'mobile' ? 'mobile' : 'desktop'}
+      onDismiss={() => setDismissed(true)} onCompleted={id => setCompletions(values => [...values, id])} />}
+  </>;
+}
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <OpenXiangdaUiProvider><AntdApp><MemoryRouter initialEntries={[(mode === 'mobile-detail' || mode === 'desktop-detail') ? `${paths.list}/record-1` : paths.list]}><RuntimeBoundary>
+      <OpenXiangdaResourceDefinitionsProvider definitions={definitions}>
+        <OpenXiangdaWorkflowDefinitionsProvider definitions={workflowDefinitions}>
+          <Refine dataProvider={createApplicationProvider(definitions)} resources={[{ name: code, list: paths.list, show: paths.detail }]}>
+            <Entry />
+          </Refine>
+        </OpenXiangdaWorkflowDefinitionsProvider>
+      </OpenXiangdaResourceDefinitionsProvider>
+    </RuntimeBoundary></MemoryRouter></AntdApp></OpenXiangdaUiProvider>
+  </React.StrictMode>,
+);

package/template/apps/web/e2e/workflow-entry.spec.ts

@@ -0,0 +1,525 @@
+import { expect, test, type Page } from '@playwright/test';
+import { mockPlatform, runtimeAuthorization } from './resource-platform-mock';
+
+const appCode = 'openxiangda-application';
+const resourceCode = 'purchase-orders';
+const commandId = '55555555-5555-4555-8555-555555555555';
+const instanceId = '22222222-2222-4222-8222-222222222222';
+const workflowBase = `/openxiangda-api/v2/applications/${appCode}/workflow`;
+const processBase = `/openxiangda-api/v2/applications/${appCode}/business-process`;
+const capability = `app:${appCode}:data:${resourceCode}:read`;
+const fieldCapabilities = { readCapabilities: [capability], createCapabilities: [], updateCapabilities: [] };
+const correctionFields = {
+  title: { label: '申请名称', type: 'text.short', widget: 'text', requiredHint: true, ...fieldCapabilities },
+  amount: { label: '申请金额', type: 'number.decimal', widget: 'money', requiredHint: true, ...fieldCapabilities },
+};
+
+async function workflowEntryPlatform(page: Page) {
+  await mockPlatform(page, false, undefined, true);
+  const state = {
+    admin: true,
+    record: { id: 'record-1', revision: 8, title: '原业务申请', amount: 28600, decision: '已同意', internalNote: '不得显示', systemValue: '内部标识', attachments: [], richText: '<p>原说明</p>' },
+    complexFields: false, uploads: [] as any[], childQueries: [] as any[],
+    children: [
+      { id: 'line-1', revision: 3, purchaseId: 'record-1', sortOrder: 0, name: '原明细甲', quantity: 2, hiddenNote: '不得显示的明细值', detailNote: '保留详情说明' },
+      { id: 'line-2', revision: 4, purchaseId: 'record-1', sortOrder: 1, name: '原明细乙', quantity: 3, hiddenNote: '不得显示的明细值', detailNote: '第二项说明' },
+    ],
+    correctionReads: 0, correctionWrites: [] as any[], correctionEffects: 0,
+    correctionReadFailure: false, wrongSurfaceScope: false, forbiddenEditable: false,
+    loseCorrectionResponse: false, loseLaunchResponse: false,
+    launches: [] as any[], launchEffects: 0, statusReads: 0, failStatusOnce: false,
+    processStatus: 'started' as 'accepted' | 'started' | 'awaiting_input',
+    answers: [] as any[], nativeWrites: [] as string[],
+    corrections: new Map<string, unknown>(), commands: new Map<string, unknown>(),
+  };
+  const file = { schemaVersion: 'openxiangda.data-file-ref/v2', id: 'file-1', name: '申请说明.txt', size: 6, contentType: 'text/plain' };
+  await page.route('**/fixture-file-upload', route => route.fulfill({ status: 200, body: '' }));
+  function command(status = state.processStatus) {
+    return {
+      schemaVersion: 'openxiangda.business-process.command/v2', id: commandId, appCode,
+      environmentKey: 'preproduction', operationCode: 'openxiangda.workflow.purchase-approval.submit',
+      idempotencyKey: 'fixture-command-key', workflowCode: 'purchase-approval', status,
+      revision: status === 'started' ? 4 : 1,
+      subject: { resourceCode, id: state.record.id, dataRevision: state.record.revision, factDigest: 'a'.repeat(64) },
+      definitionVersion: 1, bindingVersion: 1, requirements: [], answers: {}, preview: {},
+      workflowInstanceId: status === 'started' ? instanceId : null, attemptCount: 1, lastError: null,
+      replayed: false, createdAt: '2026-09-06T01:00:00.000Z', updatedAt: '2026-09-06T01:00:01.000Z',
+    };
+  }
+  await page.route('**/service/**', async route => {
+    const request = route.request();
+    const path = new URL(request.url()).pathname;
+    const ok = (data: unknown) => route.fulfill({ json: { code: 200, data } });
+    const fail = (status: number, message: string) => route.fulfill({ status, json: { code: status, message } });
+    if (path.endsWith('/native/authz/current')) {
+      const authorization = runtimeAuthorization(false, state.admin);
+      authorization.principal.capabilityCodes = [capability];
+      return ok(authorization);
+    }
+    if (path.endsWith('/auth/surface')) return ok({ csrfToken: 'workflow-entry-csrf' });
+    if (path.includes('/native/admin-list/preferences/')) return ok(null);
+    if (path.endsWith(`/workflow/records/${resourceCode}/${state.record.id}/detail`)) {
+      const childFields = { name: { label: '品名', type: 'text.short', widget: 'text', ...fieldCapabilities }, quantity: { label: '数量', type: 'number.integer', widget: 'number', ...fieldCapabilities }, detailNote: { label: '仅详情说明', type: 'text.short', widget: 'text', ...fieldCapabilities } };
+      const fields = { ...correctionFields, decision: { label: '审批结论', type: 'text.short', widget: 'readonly', ...fieldCapabilities }, ...(state.complexFields ? { items: { label: '采购明细', type: 'subtable', widget: 'subtable', subtable: { resourceCode: 'purchase-lines', foreignKey: 'purchaseId', orderField: 'sortOrder', maxRows: 20 }, ...fieldCapabilities } } : {}) };
+      const instance = { id: instanceId, appCode, environmentKey: 'preproduction', status: 'approved', outcome: 'approved', startedAt: '2026-09-06T01:00:00Z', completedAt: '2026-09-06T02:38:00Z', dataRef: { resourceCode, recordId: state.record.id } };
+      const surface = { schemaVersion: 'openxiangda.workflow-surface/v2', protocolVersion: 'workflow_surface_v2', engineVersion: '2.0', surfaceRevision: 'a'.repeat(64), instanceSequence: 4, instance, task: null, operations: [],
+        detailNavigation: { desktopPath: `/admin/purchases/${state.record.id}`, mobilePath: `/m/admin/purchases/${state.record.id}`, custom: false },
+        presentation: { summary: { title: '采购申请', initiatorDisplayName: '陈晨', departmentDisplayName: '办公室', submittedAt: instance.startedAt }, businessDetail: {
+          status: 'ready', resourceCode, resourceName: '采购申请', recordId: state.record.id, requestedRevision: state.record.revision, sourceRevision: state.record.revision,
+          surface: { mutationOwner: 'workflow', fields, detail: { layout: 'sections', fieldOrder: Object.keys(fields) } }, record: state.record,
+          subtables: state.complexFields ? { items: { resourceCode: 'purchase-lines', surface: { fields: childFields, detail: { fieldOrder: Object.keys(childFields) } }, rows: state.children, total: state.children.length } } : {}, projectionDigest: 'c'.repeat(64),
+        } },
+      };
+      const timeline = { engineVersion: '2.0', instanceId, instanceSequence: 4, timelineRevision: 'b'.repeat(64), flow: { nodes: [], edges: [] }, items: [], display: { entries: [] } };
+      return ok({ schemaVersion: 'openxiangda.workflow-detail-surface/v2', protocolVersion: 'workflow_detail_surface_v2', detailRevision: 'd'.repeat(64), instanceSequence: 4, timelineRevision: timeline.timelineRevision, surface, timeline,
+        currentStatus: { code: 'approved', label: '已同意', tone: 'success' }, nodes: [], handlingRecords: [], operations: [], navigationContext: { desktopReturnPath: '/admin/purchases', mobileReturnPath: '/m/admin/purchases' } });
+    }
+    if (path.endsWith(`/workflow/instances/${instanceId}/data-audit`)) return ok({ schemaVersion: 'openxiangda.data-audit-page/v2', items: [], total: 0, offset: 0, limit: 50 });
+    if (path.endsWith('/native/data/purchase-lines/query')) {
+      state.childQueries.push(request.postDataJSON());
+      return ok({ schemaVersion: 'openxiangda.data-page/v2', resourceCode: 'purchase-lines', items: state.children, total: state.children.length, offset: 0, limit: 20 });
+    }
+    if (path.endsWith(`/native/data/${resourceCode}/query`)) {
+      return ok({ schemaVersion: 'openxiangda.data-page/v2', resourceCode, items: [state.record], total: 1, offset: 0, limit: 20 });
+    }
+    if (path.includes(`/native/data/${resourceCode}/records/`) && request.method() === 'GET') {
+      return ok({ schemaVersion: 'openxiangda.data-record/v2', data: state.record });
+    }
+    if (path.endsWith(`/native/data/${resourceCode}/files/uploads/initiate`)) {
+      state.uploads.push(request.postDataJSON());
+      return ok({ schemaVersion: 'openxiangda.data-file-upload-plan/v2', resourceCode, fieldCode: 'attachments', file, uploadMethod: 'PUT', uploadUrl: new URL('/fixture-file-upload', request.url()).href, headers: {}, expiresAt: '2099-01-01T00:00:00.000Z' });
+    }
+    if (path.endsWith(`/native/data/${resourceCode}/files/file-1/complete`)) return ok(file);
+    if (path.includes(`/native/data/${resourceCode}/`) && request.method() !== 'GET') {
+      state.nativeWrites.push(path);
+      return fail(403, '流程记录不允许普通 CRUD 写入');
+    }
+    if (path.endsWith('/correction-surface')) {
+      state.correctionReads += 1;
+      if (!state.admin) return fail(403, '当前用户无权编辑数据');
+      if (state.correctionReadFailure) return fail(500, '暂时无法读取编辑表单');
+      const fields = state.complexFields ? {
+        ...correctionFields,
+        attachments: { label: '申请附件', type: 'file', widget: 'attachment', maxCount: 3, ...fieldCapabilities },
+        richText: { label: '申请说明', type: 'text.rich', widget: 'rich-text', ...fieldCapabilities },
+        items: { label: '采购明细', type: 'subtable', widget: 'subtable', subtable: { resourceCode: 'purchase-lines', foreignKey: 'purchaseId', orderField: 'sortOrder', maxRows: 20 }, ...fieldCapabilities },
+      } : correctionFields;
+      return ok({
+        schemaVersion: 'openxiangda.workflow-record-correction-surface/v2', appCode, resourceCode,
+        recordId: state.record.id, environmentKey: state.wrongSurfaceScope ? 'production' : 'preproduction',
+        record: state.record, expectedRevision: state.record.revision, preservesApprovalResult: true,
+        editableFields: state.forbiddenEditable ? ['title', 'amount', 'internalNote'] : Object.keys(fields),
+        surface: {
+          mutationOwner: 'workflow', fields,
+          form: { layout: 'flat', fieldOrder: Object.keys(fields) },
+        },
+        command: { method: 'POST', href: `${workflowBase}/records/${resourceCode}/${state.record.id}/corrections` },
+      });
+    }
+    if (path.endsWith('/corrections')) {
+      const input = request.postDataJSON();
+      state.correctionWrites.push(input);
+      expect(request.headers()['x-openxiangda-csrf-token']).toBe('workflow-entry-csrf');
+      if (!state.admin) return fail(403, '当前用户无权编辑数据');
+      const stored = state.corrections.get(input.idempotencyKey);
+      if (stored) return ok(stored);
+      if (input.operations[0].expectedRevision !== state.record.revision) return fail(409, '数据已发生变化，请关闭后重新核对');
+      for (const operation of input.operations.slice(1)) {
+        expect(Object.keys(operation.data || {}).every(key => ['name', 'quantity', 'purchaseId', 'sortOrder'].includes(key))).toBe(true);
+        const child = state.children.find(row => row.id === operation.id);
+        if (operation.operation !== 'create' && (!child || child.revision !== operation.expectedRevision)) return fail(409, '明细已发生变化，请重新核对');
+      }
+      await new Promise(resolve => setTimeout(resolve, 300));
+      Object.assign(state.record, input.operations[0].data, { revision: state.record.revision + 1 });
+      for (const operation of input.operations.slice(1)) {
+        if (operation.operation === 'create') state.children.push({ id: `line-${state.children.length + 3}`, revision: 1, ...operation.data });
+        else if (operation.operation === 'delete') state.children = state.children.filter(row => row.id !== operation.id);
+        else {
+          const child = state.children.find(row => row.id === operation.id)!;
+          Object.assign(child, operation.data, { revision: child.revision + 1 });
+        }
+      }
+      state.correctionEffects += 1;
+      const result = {
+        schemaVersion: 'openxiangda.workflow-record-correction-result/v2', preservesApprovalResult: true,
+        transaction: { replayed: false, items: [{ id: state.record.id, revision: state.record.revision }] },
+      };
+      state.corrections.set(input.idempotencyKey, result);
+      if (state.loseCorrectionResponse) { state.loseCorrectionResponse = false; return fail(500, '响应暂时不可用，请重试'); }
+      return ok(result);
+    }
+    if (path.endsWith('/workflow/definitions/purchase-approval/launch-surface')) {
+      const commit = { method: 'POST', href: `${processBase}/standard-commands`, idempotencyRequired: true };
+      return ok({
+        schemaVersion: 'openxiangda.workflow-launch-surface/v3', protocolVersion: 'workflow_launch_surface_v3',
+        surfaceRevision: 'launch-revision', engineVersion: '2.0', appCode, environmentKey: 'preproduction',
+        environmentId: 'preproduction-id', workflowCode: 'purchase-approval', title: '采购审批', launchMode: 'standalone',
+        subject: { resourceCode, factProjection: { amount: 'amount' }, summaryFields: ['amount'] },
+        inputSchema: { type: 'object', properties: {} },
+        head: { workflowRevision: 4, definitionVersion: 1, bindingVersion: 1, nativeRevision: 3, contractRevisionId: 'contract-1' },
+        paths: { desktop: '/workflows/purchase-approval/start', mobile: '/m/workflows/purchase-approval/start' },
+        submission: { kind: 'standard-process', processOperationCode: 'openxiangda.workflow.purchase-approval.submit', commit },
+      });
+    }
+    if (path.endsWith('/business-process/standard-commands')) {
+      const input = request.postDataJSON();
+      state.launches.push(input);
+      const stored = state.commands.get(input.idempotencyKey);
+      if (stored) return ok(stored);
+      await new Promise(resolve => setTimeout(resolve, 300));
+      Object.assign(state.record, input.mutation.data, { id: 'record-created', revision: 1, decision: '审批中' });
+      state.launchEffects += 1;
+      const result = command('accepted');
+      state.commands.set(input.idempotencyKey, result);
+      if (state.loseLaunchResponse) { state.loseLaunchResponse = false; return fail(500, '响应暂时不可用，请重试'); }
+      return ok(result);
+    }
+    if (path.endsWith(`/business-process/commands/${commandId}/surface`)) {
+      state.statusReads += 1;
+      if (state.failStatusOnce) { state.failStatusOnce = false; return fail(500, '状态暂时不可用'); }
+      return ok({
+        schemaVersion: 'openxiangda.process-command-surface/v2', surfaceRevision: 'b'.repeat(64), command: command(),
+        subject: { resourceCode, recordId: state.record.id, dataRevision: state.record.revision, form: { kind: 'native-resource-form', resourceCode, recordId: state.record.id } },
+        requirements: state.processStatus === 'awaiting_input' ? [{ id: 'department', kind: 'choose_department', title: '申请部门', required: true, candidates: [{ value: 'college', label: '理学院' }] }] : [],
+        resume: {
+          status: { method: 'GET', href: `${processBase}/commands/${commandId}` },
+          surface: { method: 'GET', href: `${processBase}/commands/${commandId}/surface` },
+          answer: state.processStatus === 'awaiting_input' ? { method: 'POST', href: `${processBase}/commands/${commandId}/answers`, expectedRevision: 1 } : null,
+          retry: null,
+        },
+      });
+    }
+    if (path.endsWith(`/business-process/commands/${commandId}/answers`)) {
+      state.answers.push(request.postDataJSON());
+      await new Promise(resolve => setTimeout(resolve, 300));
+      state.processStatus = 'started';
+      return ok(command());
+    }
+    return route.fallback();
+  });
+  return state;
+}
+
+async function openCorrection(page: Page, search = '') {
+  await page.goto(`/workflow-entry.e2e.html${search}`);
+  await page.getByRole('button', { name: '编辑', exact: true }).first().click();
+  const drawer = page.getByRole('dialog', { name: '编辑数据' });
+  await expect(drawer.getByLabel('申请名称', { exact: true })).toHaveValue('原业务申请');
+  await expect(drawer.getByLabel('申请金额', { exact: true })).toHaveValue('28600');
+  return drawer;
+}
+
+test('ordinary workflow editing uses the shared form and opens readonly detail after one guarded save', async ({ page }, testInfo) => {
+  const state = await workflowEntryPlatform(page);
+  const drawer = await openCorrection(page);
+  await expect(drawer.locator('.ant-alert')).toHaveCount(0);
+  await expect(drawer.getByText(/更正|审计|重新审批/)).toHaveCount(0);
+  for (const label of ['隐藏字段', '系统字段', '审批结论', '审批附件']) await expect(drawer.getByLabel(label, { exact: true })).toHaveCount(0);
+  await drawer.getByLabel('申请名称', { exact: true }).fill('已更正的业务申请');
+  await drawer.getByRole('button', { name: '保存' }).dblclick();
+  await expect(drawer.getByRole('button', { name: '关闭', exact: true })).toBeDisabled();
+  await page.keyboard.press('Escape');
+  await expect(drawer).toBeVisible();
+  const detail = page.getByRole('dialog', { name: '申请详情' });
+  await expect(detail.getByRole('heading', { name: '已更正的业务申请', exact: true })).toBeVisible();
+  await expect(detail.locator('input,textarea')).toHaveCount(0);
+  await expect(detail.locator('.oxa-record-detail-hero').getByText('已同意', { exact: true })).toBeVisible();
+  expect(state.correctionWrites).toHaveLength(1);
+  expect(state.correctionWrites[0].operations[0]).toMatchObject({ expectedRevision: 8, data: { title: '已更正的业务申请', amount: 28600 } });
+  expect(Object.keys(state.correctionWrites[0].operations[0].data).sort()).toEqual(['amount', 'title']);
+  expect(state.correctionEffects).toBe(1);
+  expect(state.nativeWrites).toEqual([]);
+  expect(state.launches).toEqual([]);
+  await page.screenshot({ path: testInfo.outputPath('workflow-correction-readonly-detail.png'), animations: 'disabled' });
+});
+
+test('an uncertain workflow edit preserves input and replays the original revision and idempotency key', async ({ page }) => {
+  const state = await workflowEntryPlatform(page);
+  state.loseCorrectionResponse = true;
+  const drawer = await openCorrection(page);
+  await drawer.getByLabel('申请名称', { exact: true }).fill('网络重试后保留的申请');
+  await drawer.getByRole('button', { name: '保存' }).click();
+  await expect(drawer.getByText('响应暂时不可用，请重试')).toBeVisible();
+  await expect(drawer.getByLabel('申请名称', { exact: true })).toHaveValue('网络重试后保留的申请');
+  await drawer.getByRole('button', { name: '保存' }).click();
+  await expect(page.getByRole('dialog', { name: '申请详情' }).getByRole('heading', { name: '网络重试后保留的申请', exact: true })).toBeVisible();
+  expect(state.correctionWrites).toHaveLength(2);
+  expect(state.correctionWrites[1]).toEqual(state.correctionWrites[0]);
+  expect(state.correctionEffects).toBe(1);
+  expect(state.launches).toEqual([]);
+});
+
+test('CAS conflicts retain the original form and revision without a hidden reload or reapproval', async ({ page }) => {
+  const state = await workflowEntryPlatform(page);
+  const drawer = await openCorrection(page);
+  const initialReads = state.correctionReads;
+  state.record.revision = 9;
+  await drawer.getByLabel('申请名称', { exact: true }).fill('尚未覆盖并发修改');
+  await drawer.getByRole('button', { name: '保存' }).click();
+  await expect(drawer.getByText('数据已发生变化，请关闭后重新核对')).toBeVisible();
+  await drawer.getByRole('button', { name: '保存' }).click();
+  await expect.poll(() => state.correctionWrites.length).toBe(2);
+  await expect(drawer.getByLabel('申请名称', { exact: true })).toHaveValue('尚未覆盖并发修改');
+  expect(state.correctionWrites[1]).toEqual(state.correctionWrites[0]);
+  expect(state.correctionWrites[1].operations[0].expectedRevision).toBe(8);
+  expect(state.correctionReads).toBe(initialReads);
+  expect(state.correctionEffects).toBe(0);
+  expect(state.launches).toEqual([]);
+});
+
+test('revoked admin authority fails saving and hides editing when identity is reloaded', async ({ page }) => {
+  const state = await workflowEntryPlatform(page);
+  const drawer = await openCorrection(page);
+  state.admin = false;
+  await drawer.getByLabel('申请名称', { exact: true }).fill('撤权后不能保存');
+  await drawer.getByRole('button', { name: '保存' }).click();
+  await expect(drawer.getByText('当前用户无权编辑数据')).toBeVisible();
+  await expect(drawer.getByLabel('申请名称', { exact: true })).toHaveValue('撤权后不能保存');
+  await page.reload();
+  await expect(page.getByRole('button', { name: '查看', exact: true })).toBeVisible();
+  await expect(page.getByRole('button', { name: '编辑', exact: true })).toHaveCount(0);
+  expect(state.correctionEffects).toBe(0);
+});
+
+test('record edit load retries and rejects a Surface for another environment or a hidden editable field', async ({ page }) => {
+  const state = await workflowEntryPlatform(page);
+  state.correctionReadFailure = true;
+  await page.goto('/workflow-entry.e2e.html');
+  await page.getByRole('button', { name: '编辑', exact: true }).first().click();
+  const drawer = page.getByRole('dialog', { name: '编辑数据' });
+  await expect(drawer.getByText('暂时无法读取编辑表单')).toBeVisible();
+  state.correctionReadFailure = false;
+  state.wrongSurfaceScope = true;
+  await drawer.getByRole('button', { name: '重试', exact: true }).click();
+  await expect(drawer.getByText('OPENXIANGDA_WORKFLOW_CORRECTION_SURFACE_SCOPE_INVALID')).toBeVisible();
+  state.wrongSurfaceScope = false;
+  state.forbiddenEditable = true;
+  await drawer.getByRole('button', { name: '重试', exact: true }).click();
+  await expect(drawer.getByText('OPENXIANGDA_WORKFLOW_CORRECTION_FIELDS_INVALID')).toBeVisible();
+  await expect(drawer.locator('input,textarea')).toHaveCount(0);
+  state.forbiddenEditable = false;
+  await drawer.getByRole('button', { name: '重试', exact: true }).click();
+  await expect(drawer.getByLabel('申请名称', { exact: true })).toHaveValue('原业务申请');
+  expect(state.correctionWrites).toEqual([]);
+});
+
+test('workflow launch retries one command, blocks close while processing and opens readonly record detail', async ({ page }, testInfo) => {
+  const state = await workflowEntryPlatform(page);
+  state.admin = false;
+  state.loseLaunchResponse = true;
+  state.processStatus = 'accepted';
+  await page.goto('/workflow-entry.e2e.html');
+  await page.getByRole('button', { name: '新增流程申请' }).click();
+  const drawer = page.getByRole('dialog', { name: '采购审批' });
+  await expect(drawer.getByRole('link', { name: '新开页面' })).toHaveAttribute('href', '/workflows/purchase-approval/start');
+  await drawer.getByLabel('申请名称', { exact: true }).fill('抽屉新增的申请');
+  await drawer.getByLabel('申请金额', { exact: true }).fill('1200');
+  for (const label of ['隐藏字段', '系统字段', '审批结论', '审批附件']) await expect(drawer.getByLabel(label, { exact: true })).toHaveCount(0);
+  await drawer.getByRole('button', { name: '提交审批' }).dblclick();
+  await expect(drawer.getByRole('button', { name: '关闭', exact: true })).toBeDisabled();
+  await expect(page.getByText('响应暂时不可用，请重试')).toBeVisible();
+  await expect(drawer.getByLabel('申请名称', { exact: true })).toHaveValue('抽屉新增的申请');
+  await drawer.getByRole('button', { name: '提交审批' }).click();
+  await expect.poll(() => state.statusReads).toBeGreaterThan(0);
+  await expect(drawer.getByRole('link', { name: '新开页面' })).toHaveAttribute('href', `/workflows/purchase-approval/start?processCommandId=${commandId}`);
+  await expect(drawer.getByRole('button', { name: '关闭', exact: true })).toBeDisabled();
+  await page.keyboard.press('Escape');
+  await expect(drawer).toBeVisible();
+  state.processStatus = 'started';
+  const detail = page.getByRole('dialog', { name: '申请详情' });
+  await expect(detail.getByRole('heading', { name: '抽屉新增的申请', exact: true })).toBeVisible();
+  await expect(detail.locator('input,textarea')).toHaveCount(0);
+  expect(state.launches).toHaveLength(2);
+  expect(state.launches[1]).toEqual(state.launches[0]);
+  expect(state.launchEffects).toBe(1);
+  expect(state.nativeWrites).toEqual([]);
+  expect(state.correctionWrites).toEqual([]);
+  await page.screenshot({ path: testInfo.outputPath('workflow-launch-readonly-detail.png'), animations: 'disabled' });
+});
+
+test('mobile launch completes once across parent renders and does not change the parent route', async ({ page }, testInfo) => {
+  const state = await workflowEntryPlatform(page);
+  await page.setViewportSize({ width: 390, height: 844 });
+  await page.goto('/workflow-entry.e2e.html?mode=mobile');
+  const drawer = page.getByRole('dialog', { name: '采购审批' });
+  await drawer.getByRole('textbox', { name: '申请名称', exact: true }).fill('移动流程申请');
+  await drawer.getByRole('textbox', { name: '申请金额', exact: true }).fill('320');
+  await page.screenshot({ path: testInfo.outputPath('workflow-launch-mobile.png'), animations: 'disabled' });
+  await drawer.getByRole('button', { name: '提交审批' }).click();
+  await expect(page.getByTestId('completions')).toHaveText('record-created');
+  await drawer.getByRole('button', { name: '关闭', exact: true }).click();
+  await page.getByRole('button', { name: '重新渲染父页面' }).click();
+  await expect(page.getByTestId('parent-render')).toHaveText('1');
+  await expect(page.getByTestId('completions')).toHaveText('record-created');
+  await expect(page.getByTestId('route')).toHaveText('/admin/purchases');
+  expect(state.launchEffects).toBe(1);
+  expect(state.nativeWrites).toEqual([]);
+});
+
+test('a failed command status read refreshes in the same drawer without another submission', async ({ page }) => {
+  const state = await workflowEntryPlatform(page);
+  state.failStatusOnce = true;
+  await page.goto('/workflow-entry.e2e.html?mode=callback');
+  const drawer = page.getByRole('dialog', { name: '采购审批' });
+  await drawer.getByLabel('申请名称', { exact: true }).fill('状态重试申请');
+  await drawer.getByLabel('申请金额', { exact: true }).fill('200');
+  await drawer.getByRole('button', { name: '提交审批' }).click();
+  await expect(drawer.getByText('暂时无法确认申请状态')).toBeVisible();
+  await drawer.getByRole('button', { name: '刷新提交状态' }).click();
+  await expect(page.getByTestId('completions')).toHaveText('record-created');
+  // A parent state update supplies a new callback while the drawer remains mounted.
+  await page.getByRole('button', { name: '重新渲染父页面' }).evaluate(element => element.click());
+  await expect(page.getByTestId('parent-render')).toHaveText('1');
+  await expect(page.getByTestId('completions')).toHaveText('record-created');
+  expect(state.launches).toHaveLength(1);
+});
+
+test('supplementary answers are guarded and resume completion without resubmitting approval', async ({ page }) => {
+  const state = await workflowEntryPlatform(page);
+  state.processStatus = 'awaiting_input';
+  await page.goto('/workflow-entry.e2e.html?mode=callback');
+  const drawer = page.getByRole('dialog', { name: '采购审批' });
+  await drawer.getByLabel('申请名称', { exact: true }).fill('需要补充部门');
+  await drawer.getByLabel('申请金额', { exact: true }).fill('800');
+  await drawer.getByRole('button', { name: '提交审批' }).click();
+  await drawer.getByRole('combobox', { name: '申请部门' }).click();
+  await page.locator('.ant-select-dropdown').getByText('理学院', { exact: true }).click();
+  await drawer.getByRole('button', { name: '提交补充信息' }).dblclick();
+  await expect(page.getByTestId('completions')).toHaveText('record-created');
+  expect(state.answers).toHaveLength(1);
+  expect(state.answers[0]).toMatchObject({ expectedRevision: 1, answers: { department: 'college' } });
+  expect(state.launches).toHaveLength(1);
+});
+
+test('detail switches to the ordinary full-width editor and back with only one dialog', async ({ page }, testInfo) => {
+  const state = await workflowEntryPlatform(page);
+  await page.goto('/workflow-entry.e2e.html');
+  await page.getByRole('button', { name: '查看', exact: true }).click();
+  const detail = page.getByRole('dialog', { name: '申请详情' });
+  await expect(detail.getByRole('heading', { name: '原业务申请', exact: true })).toBeVisible();
+  await expect(detail).toHaveCSS('width', '850px');
+  await page.screenshot({ path: testInfo.outputPath('workflow-detail-drawer-850.png'), animations: 'disabled' });
+  await detail.getByRole('button', { name: '全屏', exact: true }).click();
+  await expect.poll(async () => Math.round((await detail.boundingBox())!.width)).toBe(page.viewportSize()!.width);
+  await detail.getByRole('button', { name: '编辑', exact: true }).click();
+  const editor = page.getByRole('dialog', { name: '编辑数据' });
+  await expect(editor.getByLabel('申请名称', { exact: true })).toHaveValue('原业务申请');
+  await expect(page.getByRole('dialog')).toHaveCount(1);
+  await expect(page.getByRole('dialog', { name: /编辑申请|更正/ })).toHaveCount(0);
+  await expect(editor.getByRole('button', { name: '退出全屏' })).toBeVisible();
+  await expect.poll(async () => Math.round((await editor.boundingBox())!.width)).toBe(page.viewportSize()!.width);
+  await editor.getByLabel('申请名称', { exact: true }).fill('直接编辑的数据');
+  await page.screenshot({ path: testInfo.outputPath('workflow-ordinary-editor-fullscreen.png'), animations: 'disabled' });
+  await editor.getByRole('button', { name: '保存', exact: true }).click();
+  await expect(detail.getByRole('heading', { name: '直接编辑的数据', exact: true })).toBeVisible();
+  await expect(page.getByRole('dialog')).toHaveCount(1);
+  await expect(detail.getByRole('button', { name: '退出全屏' })).toBeVisible();
+  expect(state.correctionWrites[0].operations[0].id).toBe('record-1');
+  expect(state.launches).toEqual([]);
+});
+
+test('standalone record detail keeps the approved content width and cancels editing in place', async ({ page }, testInfo) => {
+  const state = await workflowEntryPlatform(page);
+  await page.setViewportSize({ width: 1440, height: 900 });
+  await page.goto('/workflow-entry.e2e.html?mode=desktop-detail');
+  const heading = page.getByRole('heading', { name: '原业务申请', exact: true });
+  await expect(heading).toBeVisible();
+  await expect(page.getByRole('dialog')).toHaveCount(0);
+  await expect(page.locator('.oxa-record-detail-body > .oxa-record-detail-width')).toHaveCSS('width', '1056px');
+  await expect(page.locator('.oxa-record-detail-hero h1')).toHaveCSS('font-size', '23px');
+  await expect(page.getByRole('tab')).toHaveCount(3);
+  await page.screenshot({ path: testInfo.outputPath('workflow-detail-standalone-1056.png'), animations: 'disabled' });
+  await page.getByRole('button', { name: '编辑', exact: true }).first().click();
+  await page.getByLabel('申请名称', { exact: true }).fill('取消的更改');
+  await page.screenshot({ path: testInfo.outputPath('workflow-detail-standalone-inline-edit.png'), animations: 'disabled' });
+  await page.getByRole('button', { name: /取\s*消/ }).click();
+  await expect(heading).toBeVisible();
+  expect(state.correctionWrites).toHaveLength(0);
+  expect(state.launches).toHaveLength(0);
+});
+
+test('mobile detail edits on the current page and returns to the same readonly record', async ({ page }, testInfo) => {
+  const state = await workflowEntryPlatform(page);
+  await page.setViewportSize({ width: 390, height: 844 });
+  await page.goto('/workflow-entry.e2e.html?mode=mobile-detail');
+  await expect(page.getByRole('heading', { name: '原业务申请', exact: true })).toBeVisible();
+  await expect(page.locator('.oxa-record-detail-hero h1')).toHaveCSS('font-size', '20px');
+  await page.screenshot({ path: testInfo.outputPath('workflow-detail-mobile-390.png'), animations: 'disabled' });
+  await page.getByRole('button', { name: '编辑', exact: true }).first().click();
+  await expect(page.getByRole('dialog')).toHaveCount(0);
+  const form = page.locator('.oxa-mobile-form');
+  await expect(form.getByRole('textbox', { name: '申请名称', exact: true })).toHaveValue('原业务申请');
+  await form.getByRole('textbox', { name: '申请名称', exact: true }).fill('移动页面直接修改');
+  expect(await page.evaluate(() => document.documentElement.scrollWidth <= innerWidth)).toBe(true);
+  await page.screenshot({ path: testInfo.outputPath('workflow-ordinary-editor-mobile.png'), animations: 'disabled' });
+  await form.getByRole('button', { name: '保存', exact: true }).click();
+  await expect(page.getByRole('heading', { name: '移动页面直接修改', exact: true })).toBeVisible();
+  await expect(page.getByRole('dialog')).toHaveCount(0);
+  await expect(page.locator('.oxa-readonly-form input')).toHaveCount(0);
+  expect(state.record.id).toBe('record-1');
+  expect(state.launches).toEqual([]);
+});
+
+test('ordinary workflow editing reuses Native uploads, rich text and parent-child transaction plans', async ({ page }, testInfo) => {
+  const state = await workflowEntryPlatform(page);
+  state.complexFields = true;
+  const editor = await openCorrection(page, '?fields=complex');
+  const subtable = editor.locator('.oxa-subtable-field');
+  await expect(subtable.getByLabel('品名', { exact: true }).first()).toHaveValue('原明细甲');
+  await expect(subtable.getByText('仅详情说明', { exact: true })).toHaveCount(0);
+  await expect(subtable.getByText('隐藏明细字段', { exact: true })).toHaveCount(0);
+  await editor.locator('input[type="file"]').first().setInputFiles({ name: '申请说明.txt', mimeType: 'text/plain', buffer: Buffer.from('说明') });
+  await expect(editor.getByText('申请说明.txt', { exact: true })).toBeVisible();
+  await editor.getByRole('textbox', { name: '富文本内容' }).fill('直接修改富文本说明');
+  await subtable.getByLabel('品名', { exact: true }).first().fill('');
+  await editor.getByRole('button', { name: '保存', exact: true }).click();
+  await expect(editor.getByText('请完善子表单第 1 项')).toBeVisible();
+  expect(state.correctionWrites).toHaveLength(0);
+  await subtable.getByLabel('品名', { exact: true }).first().fill('修改后的明细甲');
+  await subtable.getByRole('row').nth(2).getByRole('button', { name: '删除', exact: true }).click();
+  await subtable.getByRole('button', { name: '新增一项' }).click();
+  await subtable.getByLabel('品名', { exact: true }).nth(1).fill('新增明细丙');
+  await subtable.getByLabel('数量', { exact: true }).nth(1).fill('5');
+  await expect(page.getByRole('dialog')).toHaveCount(1);
+  await page.screenshot({ path: testInfo.outputPath('workflow-ordinary-editor-attachments-subtable.png'), animations: 'disabled' });
+  await editor.getByRole('button', { name: '保存', exact: true }).click();
+  await expect(page.getByRole('dialog', { name: '申请详情' })).toBeVisible();
+  await expect(page.getByRole('dialog', { name: '申请详情' }).getByText('保留详情说明', { exact: true })).toBeVisible();
+  await expect(page.getByRole('dialog', { name: '申请详情' }).getByText('不得显示的明细值', { exact: true })).toHaveCount(0);
+  expect(state.uploads).toMatchObject([{ fieldCode: 'attachments', recordId: 'record-1' }]);
+  const operations = state.correctionWrites[0].operations;
+  expect(operations[0]).toMatchObject({ operation: 'update', id: 'record-1', expectedRevision: 8, data: { attachments: [{ id: 'file-1' }] } });
+  expect(operations[0].data.richText).toContain('直接修改富文本说明');
+  expect(operations[0].data).not.toHaveProperty('items');
+  expect(operations).toEqual(expect.arrayContaining([
+    expect.objectContaining({ operation: 'delete', resourceCode: 'purchase-lines', id: 'line-2', expectedRevision: 4 }),
+    expect.objectContaining({ operation: 'update', resourceCode: 'purchase-lines', id: 'line-1', expectedRevision: 3, data: { name: '修改后的明细甲' } }),
+    expect.objectContaining({ operation: 'create', resourceCode: 'purchase-lines', data: { name: '新增明细丙', quantity: 5, purchaseId: 'record-1', sortOrder: 1 } }),
+  ]));
+  expect(state.correctionEffects).toBe(1);
+  expect(state.record.decision).toBe('已同意');
+  expect(state.launches).toEqual([]);
+});
+
+test('mobile child editing selects form fields while readonly details retain their own selected fields', async ({ page }) => {
+  const state = await workflowEntryPlatform(page);
+  state.complexFields = true;
+  await page.setViewportSize({ width: 390, height: 844 });
+  await page.goto('/workflow-entry.e2e.html?mode=mobile-detail&fields=complex');
+  await expect(page.locator('.oxa-workflow-subtable-mobile')).toContainText('保留详情说明');
+  await expect(page.getByLabel('隐藏明细字段', { exact: true })).toHaveCount(0);
+  await page.getByRole('button', { name: '编辑', exact: true }).first().click();
+  const form = page.locator('.oxa-mobile-form');
+  const childName = form.getByRole('textbox', { name: '品名', exact: true }).first();
+  await expect(childName).toHaveValue('原明细甲');
+  await expect(form.getByLabel('仅详情说明', { exact: true })).toHaveCount(0);
+  await expect(form.getByLabel('隐藏明细字段', { exact: true })).toHaveCount(0);
+  await childName.fill('移动明细修改');
+  await form.getByRole('button', { name: '保存', exact: true }).click();
+  await expect(page.locator('.oxa-workflow-subtable-mobile')).toContainText('保留详情说明');
+  await expect(page.locator('.oxa-workflow-subtable-mobile')).toContainText('移动明细修改');
+  await expect(page.getByRole('dialog')).toHaveCount(0);
+  expect(state.correctionWrites[0].operations.slice(1)).toEqual([
+    { operation: 'update', resourceCode: 'purchase-lines', id: 'line-1', expectedRevision: 3, data: { name: '移动明细修改' } },
+  ]);
+});

package/template/apps/web/e2e/workflow.spec.ts

@@ -526,7 +526,7 @@ function processCommandSurface() {
   };
 }
 
-function todoPage(offset = 0) {
+function todoPage(offset = 0, view = 'all') {
   const first = {
     messageId: '33333333-3333-4333-8333-333333333333',
     recipientId: '44444444-4444-4444-8444-444444444444',
@@ -560,7 +560,7 @@ function todoPage(offset = 0) {
     schemaVersion: 'openxiangda.application-todo-center/v2',
     appCode,
     environmentKey: 'preproduction',
-    view: 'pending',
+    view,
     counts: { pending: 1, informational: 2, completed: 3, unread: 1 },
     items: [offset > 0 ? second : first],
     total: 2,
@@ -649,7 +649,7 @@ async function mockWorkflow(
       return route.fulfill({
         contentType: 'application/json',
         body: JSON.stringify(
-          envelope(todoPage(Number(url.searchParams.get('offset') || 0))),
+          envelope(todoPage(Number(url.searchParams.get('offset') || 0), url.searchParams.get('view') || 'all')),
         ),
       });
     }
@@ -709,6 +709,7 @@ async function mockWorkflow(
       });
     }
     if (path.endsWith('/workflow/work-center/items')) {
+      const view = url.searchParams.get('view') || 'pending';
       return route.fulfill({
         contentType: 'application/json',
         body: JSON.stringify(
@@ -716,11 +717,12 @@ async function mockWorkflow(
             engineVersion: '2.0',
             authorizationMode: 'current_user_role_union',
             authorizationDigest: 'digest-1',
-            status: 'pending',
+            view,
+            counts: { created: 1, pending: completed ? 0 : 1, handled: completed ? 1 : 0, cc: 1 },
             total: 1,
             limit: 20,
             offset: 0,
-            items: [task(completed, options.customDetail)],
+            items: [{ ...task(completed, options.customDetail), id: view === 'pending' ? taskId : instanceId, itemKind: view === 'pending' ? 'task' : 'instance', instanceId, taskId: view === 'pending' ? taskId : null, workflowTitle: '采购审批', taskTitle: '负责人审批', instanceStatus: completed ? 'approved' : 'running', resourceCode: 'purchase-orders', recordId: 'purchase-1', occurredAt: '2026-08-25T01:00:00.000Z' }],
           })
         ),
       });
@@ -803,9 +805,55 @@ test('renders a paged desktop work center from the current-user role union', asy
 }) => {
   await mockWorkflow(page);
   await page.goto('/workflow-experience.e2e.html?initial=/work-center');
-  await expect(page.getByRole('heading', { name: '审批工作台' })).toBeVisible();
-  await expect(page.getByRole('link', { name: '采购申请审批' })).toBeVisible();
-  await expect(page.getByText('PO-2026-0825')).toBeVisible();
+  await expect(page.getByRole('heading', { name: '待办中心' })).toBeVisible();
+  await expect(page.getByRole('button', { name: '采购申请审批' })).toBeVisible();
+  await expect(page.getByText('采购审批', { exact: true })).toBeVisible();
+  for (const [view, label] of [['created', '我创建的'], ['handled', '我已处理'], ['cc', '抄送我的'], ['pending', '待我审批']]) {
+    const request = page.waitForRequest(request => new URL(request.url()).pathname.endsWith('/workflow/work-center/items') && new URL(request.url()).searchParams.get('view') === view);
+    await page.getByRole('tab', { name: new RegExp(label) }).click();
+    await request;
+    await expect(page.getByRole('button', { name: '采购申请审批' })).toBeVisible();
+  }
+});
+
+test('a current task handler can send CC with the Surface instance command and multiple directory users', async ({ page }) => {
+  await mockWorkflow(page);
+  const current = detail();
+  const cc = {
+    key: 'cc', kind: 'workflow_command', label: '抄送', group: 'instance_control', audience: 'participant',
+    placement: 'overflow', emphasis: 'neutral', tone: 'neutral', visible: true, enabled: true,
+    inputSchema: { type: 'object', additionalProperties: false, required: ['userIds'], properties: {
+      userIds: { type: 'array', title: '抄送给', minItems: 1, maxItems: 20, uniqueItems: true, items: { type: 'string' } },
+      comment: { type: 'string', title: '留言', maxLength: 4000 },
+    } },
+    uiSchema: { presentation: 'dialog', confirmText: '确认抄送', properties: { userIds: { component: 'user_select', mode: 'multiple' } } },
+    execute: { method: 'POST', href: `/openxiangda-api/v2/applications/${appCode}/workflow/instances/${instanceId}/commands/cc`, idempotencyRequired: true },
+    refresh: ['surface', 'timeline', 'work_center'],
+  };
+  const augmented = { ...current, operations: [...current.operations, cc], surface: { ...current.surface, operations: [...current.surface.operations, cc] } };
+  await page.route('**/workflow/tasks/*/detail', route => route.fulfill({ json: envelope(augmented) }));
+  await page.route('**/directory/users?**', route => route.fulfill({ json: envelope({ items: [{ id: 'cc-user-1', label: '陈老师' }, { id: 'cc-user-2', label: '李老师' }], nextCursor: null }) }));
+  let writes = 0;
+  await page.route('**/workflow/instances/*/commands/cc', async route => {
+    writes += 1;
+    expect(route.request().postDataJSON()).toMatchObject({ commandToken: current.surface.commandToken, input: { userIds: ['cc-user-1', 'cc-user-2'], comment: '请查阅' } });
+    expect(route.request().postDataJSON().idempotencyKey).toBeTruthy();
+    expect(route.request().headers()['x-openxiangda-csrf-token']).toBe('workflow-csrf-1');
+    await route.fulfill({ json: envelope({ status: 'completed', advanced: false, instanceId }) });
+  });
+  await page.goto(workflowFixtureUrl(`/tasks/${taskId}`));
+  await page.getByRole('button', { name: '更多操作' }).click();
+  await page.getByRole('button', { name: '抄送', exact: true }).click();
+  await page.getByRole('button', { name: '确认抄送' }).click();
+  expect(writes).toBe(0);
+  const select = page.getByRole('dialog').getByRole('combobox');
+  await select.fill('老师');
+  await page.getByTitle('陈老师', { exact: true }).click();
+  await page.getByTitle('李老师', { exact: true }).click();
+  await page.getByLabel('留言').fill('请查阅');
+  await page.getByRole('button', { name: '确认抄送' }).click();
+  await expect.poll(() => writes).toBe(1);
+  await expect(page.getByRole('button', { name: /同\s*意/ })).toBeVisible();
 });
 
 test('renders the generic desktop and mobile application todo center without a second router', async ({
@@ -813,7 +861,7 @@ test('renders the generic desktop and mobile application todo center without a s
 }) => {
   await mockWorkflow(page);
   await page.goto('/workflow-experience.e2e.html?initial=/todos');
-  await expect(page.getByRole('heading', { name: '待办中心' })).toBeVisible();
+  await expect(page.getByRole('heading', { name: '消息中心' })).toBeVisible();
   await expect(page.getByTestId('standard-frame-desktop')).toHaveCount(0);
   await expect(page.locator('.oxa-todo-table')).toBeVisible();
   await expect(page.locator('.oxa-todo-preview-card')).toHaveCount(0);
@@ -881,7 +929,7 @@ test('selects paired application todo renderers while the platform owns data, pa
   await page.getByRole('button', { name: '切换未读' }).click();
   await unreadRequest;
   await expect(page.getByTestId('custom-todo-query')).toContainText(
-    'pending/true/all',
+    'all/true/all',
   );
 
   await page.getByRole('button', { name: '设备采购申请待审批' }).click();
@@ -970,7 +1018,7 @@ test('routes desktop and mobile work-center entries to the declared custom detai
 }) => {
   await mockWorkflow(page, { customDetail: true });
   await page.goto('/workflow-experience.e2e.html?initial=/work-center');
-  await page.getByRole('link', { name: '采购申请审批' }).click();
+  await page.getByRole('button', { name: '采购申请审批' }).click();
   await expect(page.getByTestId('custom-workflow-detail')).toContainText(
     `${instanceId} / ${taskId}`
   );
@@ -1008,7 +1056,7 @@ test('renders a standalone desktop detail on the canonical user URL', async ({
   await page.goto(
     workflowFixtureUrl(`/tasks/${taskId}?from=todo#approval`),
   );
-  await expect(page.locator('.oxa-workflow-desktop-standalone-page')).toBeVisible();
+  await expect(page.locator('.oxa-record-detail-desktop.is-page')).toBeVisible();
   await expect(page).toHaveURL(
     new RegExp(`/tasks/${taskId}\\?from=todo#approval$`),
   );
@@ -1019,6 +1067,7 @@ test('renders a standalone desktop detail on the canonical user URL', async ({
   await expect(page.getByText('业务数据已变化')).toHaveCount(0);
   await expect(page.getByText('流程信息')).toHaveCount(0);
   await expect(page.getByText('操作记录')).toHaveCount(0);
+  await page.getByRole('tab', { name: '审批历史' }).click();
   await expect(page.getByText('由值班负责人继续处理')).toHaveCount(1);
   await expect(page.getByRole('button', { name: /同\s*意/ })).toBeVisible();
   await expect(page.getByRole('button', { name: /拒\s*绝/ })).toBeVisible();
@@ -1042,8 +1091,9 @@ test('renders the independent mobile task and executes only a Surface operation'
   await mockWorkflow(page);
   await page.setViewportSize({ width: 390, height: 844 });
   await page.goto(`/workflow-experience.e2e.html?initial=/m/tasks/${taskId}`);
-  await expect(page.locator('.oxa-workflow-mobile-page')).toBeVisible();
+  await expect(page.locator('.oxa-record-detail-mobile')).toBeVisible();
   await expect(page.getByText('¥30,000')).toBeVisible();
+  await page.getByRole('tab', { name: '审批历史' }).click();
   await expect(page.getByText('财务负责人').first()).toBeVisible();
   await expect(page.getByRole('button', { name: /同\s*意/ })).toBeVisible();
   await page.getByRole('button', { name: /同\s*意/ }).click();
@@ -1064,7 +1114,7 @@ test('shows an explicit authorization error instead of an empty work center', as
   await expect(page.getByRole('alert')).toContainText('403: forbidden', {
     timeout: 30_000,
   });
-  await expect(page.getByRole('link', { name: '采购申请审批' })).toHaveCount(0);
+  await expect(page.getByRole('button', { name: '采购申请审批' })).toHaveCount(0);
 });
 
 test('negotiates direct standard routes after BrowserRouter listener setup', async ({
@@ -1112,7 +1162,7 @@ test('negotiates direct standard routes after BrowserRouter listener setup', asy
   await page.goto(
     workflowFixtureUrl(`/tasks/${taskId}?from=todo#approval`),
   );
-  await expect(page.locator('.oxa-workflow-detail-mobile-native')).toBeVisible();
+  await expect(page.locator('.oxa-record-detail-mobile')).toBeVisible();
   await expect(page).toHaveURL(
     new RegExp(`/m/tasks/${taskId}\\?from=todo#approval$`),
   );
@@ -1120,7 +1170,7 @@ test('negotiates direct standard routes after BrowserRouter listener setup', asy
   await page.goto(
     workflowFixtureUrl(`/workflows/${instanceId}?from=todo#timeline`),
   );
-  await expect(page.locator('.oxa-workflow-detail-mobile-native')).toBeVisible();
+  await expect(page.locator('.oxa-record-detail-mobile')).toBeVisible();
   await expect(page).toHaveURL(
     new RegExp(`/m/workflows/${instanceId}\\?from=todo#timeline$`),
   );
@@ -1146,7 +1196,7 @@ test('negotiates launch pairs in both directions and preserves the mount basenam
   );
 
   await page.setViewportSize({ width: 1_440, height: 900 });
-  await expect(page.locator('.oxa-workflow-submission-desktop')).toBeVisible();
+  await expect(page.locator('.oxa-workflow-entry')).toBeVisible();
   await expect(page).toHaveURL(
     new RegExp(
       `${base}/workflows/purchase-approval/start\\?source=todo#launch$`,

package/template/apps/web/package.json

@@ -14,7 +14,7 @@
     "@ant-design/icons": "6.2.3",
     "@refinedev/core": "5.0.12",
     "antd": "6.4.3",
-    "openxiangda": "2.0.0-alpha.97",
+    "openxiangda": "2.0.0-alpha.99",
     "react": "19.2.8",
     "react-dom": "19.2.8",
     "react-router-dom": "7.8.2"

package/template/apps/web/test/contracts.test.ts

@@ -144,6 +144,7 @@ test('browser acceptance serializes the prewarmed Vite HTML entrypoints', () =>
     'field-protocol.e2e.html',
     'mobile-reference.e2e.html',
     'resource-experience.e2e.html',
+    'workflow-entry.e2e.html',
     'workflow-experience.e2e.html',
   ]);
   for (const entry of htmlEntries) {

package/template/apps/web/vite.config.ts

@@ -17,6 +17,7 @@ export default defineConfig({
       'mobile-reference.e2e.html',
       'resource-experience.e2e.html',
       'workflow-experience.e2e.html',
+      'workflow-entry.e2e.html',
     ],
   },
   server: {

package/template/apps/web/workflow-entry.e2e.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="openxiangda-runtime-base" content="/" />
+    <meta name="openxiangda-app-code" content="openxiangda-application" />
+    <meta name="openxiangda-environment" content="preproduction" />
+    <title>Workflow entry acceptance</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/e2e/workflow-entry-fixture.tsx"></script>
+  </body>
+</html>

package/template/package.json

@@ -22,7 +22,7 @@
     "build": "pnpm --recursive build"
   },
   "devDependencies": {
-    "openxiangda": "2.0.0-alpha.97",
+    "openxiangda": "2.0.0-alpha.99",
     "typescript": "5.9.3"
   }
 }