@gadmin2n/schematics 0.0.139 → 0.0.141

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/editor.tsx

@@ -26,6 +26,7 @@ import {
   SaveOutlined,
 } from '@ant-design/icons';
 import { useNavigate, useParams } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
 import { customRequest } from 'helpers/http';
 import { FlowRenderer } from './components/FlowRenderer';
 import { NodePropertyPanel } from './components/NodePropertyPanel';
@@ -47,6 +48,7 @@ const NEW_DRAFT_KEY = 'workflow_new_draft';
 const EDIT_DRAFT_KEY = (id: string) => `workflow_draft_${id}`;
 
 export default function WorkflowEditorPage() {
+  const { t } = useTranslation('workflow');
   const { id } = useParams<{ id: string }>();
   const isNewMode = !id;
   const navigate = useNavigate();
@@ -66,7 +68,7 @@ export default function WorkflowEditorPage() {
   const dslViewRef = useRef<DslViewHandle>(null);
 
   // Title editing state
-  const [title, setTitle] = useState(isNewMode ? 'Untitled Workflow' : '');
+  const [title, setTitle] = useState(isNewMode ? t('editor.untitled') : '');
   const [editingTitle, setEditingTitle] = useState(false);
   const titleInputRef = useRef<any>(null);
 
@@ -141,16 +143,22 @@ export default function WorkflowEditorPage() {
         setWorkflow(wf);
         setVersions(vers);
         setTitle(wf.name);
-        // DSL comes from findOne (includes full latest version with dsl field)
         // getVersions only returns metadata (no dsl) for the version selector
         const latestVersion = (wf as any).versions?.[0];
-        if (latestVersion?.dsl) {
+        // wf.dsl is the draft (source of truth for in-progress edits, same
+        // precedence as backend publish()); fall back to the last published
+        // version only when no draft has ever been saved.
+        if (wf.dsl) {
+          setDsl(wf.dsl);
+        } else if (latestVersion?.dsl) {
           setDsl(latestVersion.dsl);
+        }
+        if (latestVersion?.version) {
           setCurrentVersion(latestVersion.version);
         }
       })
       .catch((e) => {
-        message.error(e?.message ?? 'Failed to load workflow');
+        message.error(e?.message ?? t('editor.loadFailed'));
       })
       .finally(() => {
         setLoading(false);
@@ -185,7 +193,7 @@ export default function WorkflowEditorPage() {
       if (result && 'dsl' in result) {
         setDsl(result.dsl);
         setHasUnsavedChanges(true);
-        message.success(result.changeSummary || 'Workflow updated');
+        message.success(result.changeSummary || t('editor.updated'));
       }
     },
     [dsl, generate],
@@ -204,7 +212,7 @@ export default function WorkflowEditorPage() {
       if (result && 'dsl' in result) {
         setDsl(result.dsl);
         setHasUnsavedChanges(true);
-        message.success(result.changeSummary || 'Node updated');
+        message.success(result.changeSummary || t('editor.nodeUpdated'));
       }
     },
     [dsl, generate],
@@ -245,6 +253,7 @@ export default function WorkflowEditorPage() {
       updates: {
         label?: string;
         config?: Record<string, any>;
+        configOverride?: Record<string, any> | null;
         instanceRef?: WorkflowNode['instanceRef'] | null;
       },
     ) => {
@@ -261,6 +270,11 @@ export default function WorkflowEditorPage() {
         } else if (updates.instanceRef !== undefined) {
           updated.instanceRef = updates.instanceRef;
         }
+        if (updates.configOverride === null) {
+          delete updated.configOverride;
+        } else if (updates.configOverride !== undefined) {
+          updated.configOverride = updates.configOverride;
+        }
         return updated;
       });
       setDsl({ ...dsl, nodes: newNodes });
@@ -321,7 +335,7 @@ export default function WorkflowEditorPage() {
           dsl,
         });
         localStorage.removeItem(NEW_DRAFT_KEY);
-        message.success('Workflow saved!');
+        message.success(t('editor.saveSuccess'));
         navigate(`/admin/workflow/edit/${wf.id}`, { replace: true });
       } else {
         // Update existing: save draft
@@ -333,10 +347,10 @@ export default function WorkflowEditorPage() {
         await customRequest(`workflow/${id}/save`, 'PATCH', { dsl });
         localStorage.removeItem(EDIT_DRAFT_KEY(id!));
         setHasUnsavedChanges(false);
-        message.success('Saved!');
+        message.success(t('editor.saved'));
       }
     } catch (e: any) {
-      message.error(e?.message ?? 'Save failed');
+      message.error(e?.message ?? t('editor.saveFailed'));
     } finally {
       setSaving(false);
     }
@@ -378,7 +392,7 @@ export default function WorkflowEditorPage() {
       setSelectedNodeId(null);
       localStorage.removeItem(EDIT_DRAFT_KEY(id));
     } catch (e: any) {
-      message.error(e?.message ?? 'Failed to load version');
+      message.error(e?.message ?? t('editor.versionLoadFailed'));
     }
   }
 
@@ -441,7 +455,7 @@ export default function WorkflowEditorPage() {
         height: 'calc(100vh - 96px)',
         display: 'flex',
         flexDirection: 'column',
-        background: '#f0f2f5',
+        background: 'var(--ant-color-bg-layout)',
         overflow: 'hidden',
       }}
     >
@@ -482,7 +496,9 @@ export default function WorkflowEditorPage() {
                 />
               </>
             )}
-            {hasUnsavedChanges && <Tag color="orange">Unsaved</Tag>}
+            {hasUnsavedChanges && (
+              <Tag color="orange">{t('editor.unsaved')}</Tag>
+            )}
           </Space>
           <Space>
             {!isNewMode && versions.length > 0 && (
@@ -490,9 +506,9 @@ export default function WorkflowEditorPage() {
                 value={currentVersion}
                 onChange={handleSelectVersion}
                 style={{ width: 200 }}
-                placeholder="选择版本"
+                placeholder={t('editor.selectVersion')}
                 options={versions.map((v) => ({
-                  label: `v${v.version} - ${v.changeSummary?.slice(0, 20) || 'Saved'}`,
+                  label: `v${v.version} - ${v.changeSummary?.slice(0, 20) || t('editor.saved')}`,
                   value: v.version,
                 }))}
               />
@@ -503,7 +519,7 @@ export default function WorkflowEditorPage() {
                 icon={<RobotOutlined />}
                 onClick={handleOpenAiModal}
               >
-                AI自动生成
+                {t('editor.aiGenerate')}
               </Button>
             )}
             <Button
@@ -513,7 +529,7 @@ export default function WorkflowEditorPage() {
               loading={saving}
               onClick={handleSave}
             >
-              Save
+              {t('common.save')}
             </Button>
           </Space>
         </div>
@@ -589,18 +605,18 @@ export default function WorkflowEditorPage() {
 
       {/* Name modal for untitled workflows */}
       <Modal
-        title="Save Workflow"
+        title={t('editor.save')}
         open={nameModalOpen}
         onOk={handleNameModalOk}
         onCancel={() => setNameModalOpen(false)}
-        okText="Save"
+        okText={t('common.save')}
         okButtonProps={{ loading: saving }}
       >
         <div style={{ marginBottom: 8 }}>
-          <Typography.Text strong>Workflow Name</Typography.Text>
+          <Typography.Text strong>{t('editor.workflowName')}</Typography.Text>
         </div>
         <Input
-          placeholder="Enter workflow name"
+          placeholder={t('editor.workflowNamePlaceholder')}
           value={saveName}
           onChange={(e) => setSaveName(e.target.value)}
           onPressEnter={handleNameModalOk}
@@ -624,7 +640,7 @@ export default function WorkflowEditorPage() {
         <TextArea
           value={aiPromptText}
           onChange={(e) => setAiPromptText(e.target.value)}
-          placeholder="Describe changes to this workflow..."
+          placeholder={t('editor.changePlaceholder')}
           autoSize={{ minRows: 6, maxRows: 12 }}
           onPressEnter={(e) => {
             if (e.ctrlKey && aiPromptText.trim()) {
@@ -649,7 +665,7 @@ export default function WorkflowEditorPage() {
           style={{ marginTop: 12 }}
           block
         >
-          Generate Workflow
+          {t('editor.generate')}
         </Button>
       </Modal>
     </div>

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/hooks/useNodeInstanceLibrary.ts

@@ -0,0 +1,41 @@
+import { useCallback, useEffect, useState } from 'react';
+import { customRequest } from 'helpers/http';
+import type { WorkflowNodeInstance } from '../types';
+
+export function useNodeInstanceLibrary(nodeTypeId?: string, enabled = true) {
+  const [instances, setInstances] = useState<WorkflowNodeInstance[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<Error>();
+
+  const reload = useCallback(async () => {
+    if (!nodeTypeId || !enabled) {
+      setInstances([]);
+      return;
+    }
+    setLoading(true);
+    setError(undefined);
+    try {
+      const response = await customRequest<{ data: WorkflowNodeInstance[] }>(
+        'workflowNodeInstance/findMany',
+        'POST',
+        {
+          where: { nodeTypeId: Number(nodeTypeId), isEnabled: true },
+          orderBy: { name: 'asc' },
+          take: 100,
+        },
+      );
+      setInstances(Array.isArray(response) ? response : (response.data ?? []));
+    } catch (cause) {
+      setError(cause instanceof Error ? cause : new Error(String(cause)));
+      setInstances([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [enabled, nodeTypeId]);
+
+  useEffect(() => {
+    void reload();
+  }, [reload]);
+
+  return { instances, loading, error, reload };
+}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/hooks/useWorkflowAgent.ts

@@ -162,6 +162,12 @@ Each node: { "id": "uuid", "type": "node_type", "label": "Display Name", "positi
 Each edge: { "id": "uuid", "source": "nodeId", "target": "nodeId", "sourceHandle?": "string", "label?": "string" }
 ${handleSection}
 
+Data rules:
+- "input" always means the value returned by the immediately previous FLOW node.
+- "workflow" always means the original data received when the Workflow started.
+- A callable parameter binding must be structured as {"source":"INPUT"|"WORKFLOW","path":"relative.path"} or {"source":"FIXED","valueType":"STRING"|"NUMBER"|"BOOLEAN"|"JSON","value":"..."}.
+- Never generate context, inputMapping, node UUID paths, nodes.xxx, PREVIOUS, or CONTEXT_PATH as data references.
+
 Position nodes using: x = vertical order (increment by 250 for each sequential step), y = horizontal lane (0 for single-path flows; use different y values spaced by 200 only for parallel branches).`;
   }, [nodeTypes]);
 

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/index.tsx

@@ -11,7 +11,6 @@ import {
   Table,
   Tag,
   Tooltip,
-  Typography,
   message,
 } from 'antd';
 import {
@@ -32,8 +31,10 @@ import { StatusCards } from './components/StatusCards';
 import { ExportModal } from './components/ExportModal';
 import { ImportModal } from './components/ImportModal';
 import type { Workflow, WorkflowOverview } from './types';
+import { useTranslation } from 'react-i18next';
+import { PageHeader } from 'components';
+import { PAGE_WRAPPER_STYLE, SEARCH_CARD_PROPS } from 'constants/layout';
 
-const { Title } = Typography;
 const PAGE_SIZE = 20;
 
 function RunDot({
@@ -80,6 +81,7 @@ const STATUS_COLOR: Record<string, string> = {
 };
 
 export default function WorkflowListPage() {
+  const { t } = useTranslation('workflow');
   console.log('[WorkflowList] MOUNTED, pathname:', window.location.pathname);
   const navigate = useNavigate();
   const [workflows, setWorkflows] = useState<Workflow[]>([]);
@@ -162,7 +164,7 @@ export default function WorkflowListPage() {
       setTotal(listRes.total);
       setOverview(overviewRes);
     } catch (e: any) {
-      message.error(e?.message ?? 'Failed to fetch workflows');
+      message.error(e?.message ?? t('list.fetchFailed'));
     } finally {
       setLoading(false);
     }
@@ -175,7 +177,7 @@ export default function WorkflowListPage() {
   async function handleDelete(id: string) {
     try {
       await customRequest(`workflow/${id}`, 'DELETE');
-      message.success('Workflow deleted');
+      message.success(t('list.deleted'));
       fetchData();
     } catch (e: any) {
       message.error(e?.message ?? 'Delete failed');
@@ -189,13 +191,13 @@ export default function WorkflowListPage() {
       await customRequest(`workflow/${publishId}/publish`, 'POST', {
         changeSummary: publishSummary,
       });
-      message.success('Workflow published!');
+      message.success(t('list.published'));
       setPublishModalOpen(false);
       setPublishId(null);
       setPublishSummary('');
       fetchData();
     } catch (e: any) {
-      message.error(e?.message ?? 'Publish failed');
+      message.error(e?.message ?? t('list.publishFailed'));
     } finally {
       setPublishLoading(false);
     }
@@ -280,25 +282,25 @@ export default function WorkflowListPage() {
             <RunDot
               count={runs.pending}
               color="#faad14"
-              label="Pending"
+              label={t('list.pending')}
               onClick={() => go('PENDING')}
             />
             <RunDot
               count={runs.completed}
               color="#006d32"
-              label="Completed"
+              label={t('list.completed')}
               onClick={() => go('COMPLETED')}
             />
             <RunDot
               count={runs.running}
               color="#52c41a"
-              label="Running"
+              label={t('list.running')}
               onClick={() => go('RUNNING')}
             />
             <RunDot
               count={runs.failed}
               color="#ff4d4f"
-              label="Failed"
+              label={t('list.failed')}
               onClick={() => go('FAILED')}
             />
           </Space>
@@ -335,21 +337,21 @@ export default function WorkflowListPage() {
       width: 180,
       render: (_: any, record: Workflow) => (
         <Space>
-          <Tooltip title="View">
+          <Tooltip title={t('common.view')}>
             <Button
               size="small"
               icon={<EyeOutlined />}
               onClick={() => navigate(`/admin/workflow/show/${record.id}`)}
             />
           </Tooltip>
-          <Tooltip title="Edit">
+          <Tooltip title={t('common.edit')}>
             <Button
               size="small"
               icon={<EditOutlined />}
               onClick={() => navigate(`/admin/workflow/edit/${record.id}`)}
             />
           </Tooltip>
-          <Tooltip title="Run History">
+          <Tooltip title={t('list.runHistory')}>
             <Button
               size="small"
               icon={<HistoryOutlined />}
@@ -358,7 +360,7 @@ export default function WorkflowListPage() {
               }
             />
           </Tooltip>
-          <Tooltip title="Export">
+          <Tooltip title={t('list.export')}>
             <Button
               size="small"
               icon={<ExportOutlined />}
@@ -369,7 +371,7 @@ export default function WorkflowListPage() {
             />
           </Tooltip>
           {record.status === 'DRAFT' && (
-            <Tooltip title="Publish">
+            <Tooltip title={t('list.publish')}>
               <Button
                 size="small"
                 type="primary"
@@ -383,7 +385,7 @@ export default function WorkflowListPage() {
             </Tooltip>
           )}
           <Popconfirm
-            title="Delete this workflow?"
+            title={t('list.deleteConfirm')}
             description="All versions and instances will be deleted."
             okText="Delete"
             cancelText="Cancel"
@@ -400,18 +402,10 @@ export default function WorkflowListPage() {
   ];
 
   return (
-    <div style={{ background: '#f0f2f5', minHeight: 'calc(100vh - 64px)' }}>
-      <Card style={{ marginBottom: 16 }}>
-        <div
-          style={{
-            display: 'flex',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-          }}
-        >
-          <Title level={4} style={{ margin: 0 }}>
-            Workflows
-          </Title>
+    <div style={PAGE_WRAPPER_STYLE}>
+      <PageHeader
+        title={t('list.title')}
+        extra={
           <Space>
             <Tooltip title="查看 WorkflowEventOutbox 表原始数据">
               <Button
@@ -434,12 +428,12 @@ export default function WorkflowListPage() {
               icon={<PlusOutlined />}
               onClick={() => navigate('/admin/workflow/create')}
             >
-              New Workflow
+              {t('list.new')}
             </Button>
             <Button icon={<ReloadOutlined />} onClick={fetchData} />
           </Space>
-        </div>
-      </Card>
+        }
+      />
 
       <StatusCards
         overview={overview}
@@ -447,7 +441,7 @@ export default function WorkflowListPage() {
         onFilter={setFilterInstanceStatus}
       />
 
-      <Card style={{ marginBottom: 16 }}>
+      <Card {...SEARCH_CARD_PROPS}>
         <Space wrap>
           <Select
             placeholder="Status"
@@ -457,7 +451,7 @@ export default function WorkflowListPage() {
             style={{ width: 120 }}
             options={[
               { value: 'draft', label: 'Draft' },
-              { value: 'published', label: 'Published' },
+              { value: 'published', label: t('list.publishedStatus') },
             ]}
           />
           <Input
@@ -496,7 +490,7 @@ export default function WorkflowListPage() {
       </Card>
 
       <Modal
-        title="Publish Workflow"
+        title={t('list.publishTitle')}
         open={publishModalOpen}
         onOk={handlePublish}
         onCancel={() => {
@@ -504,7 +498,7 @@ export default function WorkflowListPage() {
           setPublishId(null);
           setPublishSummary('');
         }}
-        okText="Publish"
+        okText={t('list.publish')}
         cancelText="Cancel"
         confirmLoading={publishLoading}
       >

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/instance-detail.tsx

@@ -219,7 +219,7 @@ export default function WorkflowInstanceDetailPage() {
   return (
     <div
       style={{
-        background: '#f0f2f5',
+        background: 'var(--ant-color-bg-layout)',
         minHeight: 'calc(100vh - 64px)',
         padding: 0,
       }}
@@ -303,7 +303,6 @@ export default function WorkflowInstanceDetailPage() {
           </Space>
         </div>
       </Card>
-
       {/* Instance Info */}
       <Card style={{ marginBottom: 16 }} title="Execution Details">
         <Descriptions column={3} size="small">
@@ -325,7 +324,6 @@ export default function WorkflowInstanceDetailPage() {
           </Descriptions.Item>
         </Descriptions>
       </Card>
-
       {/* Node Execution Timeline / Canvas View */}
       <Card
         title={
@@ -425,7 +423,7 @@ export default function WorkflowInstanceDetailPage() {
                         <div
                           style={{
                             fontSize: 12,
-                            color: '#666',
+                            color: 'var(--ant-color-text-secondary)',
                             cursor: 'pointer',
                           }}
                           onClick={() =>
@@ -456,13 +454,12 @@ export default function WorkflowInstanceDetailPage() {
                 />
               )}
             </div>
-
             {/* Node Detail Panel (shared with canvas view) */}
             {selectedExecution && (
               <div
                 style={{
                   width: 320,
-                  borderLeft: '1px solid #f0f0f0',
+                  borderLeft: '1px solid var(--ant-color-border-secondary)',
                   paddingLeft: 16,
                   overflowY: 'auto',
                 }}
@@ -519,7 +516,7 @@ export default function WorkflowInstanceDetailPage() {
                     </Text>
                     <pre
                       style={{
-                        background: '#fafafa',
+                        background: 'var(--ant-color-fill-quaternary)',
                         padding: 8,
                         borderRadius: 4,
                         fontSize: 11,
@@ -539,7 +536,7 @@ export default function WorkflowInstanceDetailPage() {
                     </Text>
                     <pre
                       style={{
-                        background: '#fafafa',
+                        background: 'var(--ant-color-fill-quaternary)',
                         padding: 8,
                         borderRadius: 4,
                         fontSize: 11,
@@ -599,7 +596,7 @@ export default function WorkflowInstanceDetailPage() {
                   <div
                     style={{
                       width: 320,
-                      borderLeft: '1px solid #f0f0f0',
+                      borderLeft: '1px solid var(--ant-color-border-secondary)',
                       paddingLeft: 16,
                       overflowY: 'auto',
                     }}
@@ -663,7 +660,7 @@ export default function WorkflowInstanceDetailPage() {
                             </Text>
                             <pre
                               style={{
-                                background: '#fafafa',
+                                background: 'var(--ant-color-fill-quaternary)',
                                 padding: 8,
                                 borderRadius: 4,
                                 fontSize: 11,
@@ -683,7 +680,7 @@ export default function WorkflowInstanceDetailPage() {
                             </Text>
                             <pre
                               style={{
-                                background: '#fafafa',
+                                background: 'var(--ant-color-fill-quaternary)',
                                 padding: 8,
                                 borderRadius: 4,
                                 fontSize: 11,

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/instances.tsx

@@ -12,6 +12,7 @@ import {
 import { ArrowLeftOutlined } from '@ant-design/icons';
 import { useNavigate, useParams, useSearchParams } from 'react-router-dom';
 import { customRequest } from 'helpers/http';
+import { HEADER_CARD_PROPS, PAGE_WRAPPER_STYLE } from 'constants/layout';
 
 const { Title } = Typography;
 const PAGE_SIZE = 20;
@@ -183,8 +184,8 @@ export default function WorkflowInstancesPage() {
   ];
 
   return (
-    <div style={{ background: '#f0f2f5', minHeight: 'calc(100vh - 64px)' }}>
-      <Card style={{ marginBottom: 16 }}>
+    <div style={PAGE_WRAPPER_STYLE}>
+      <Card {...HEADER_CARD_PROPS}>
         <div
           style={{
             display: 'flex',
@@ -219,7 +220,7 @@ export default function WorkflowInstancesPage() {
         </div>
       </Card>
 
-      <Card>
+      <Card className="card-table">
         <Table
           rowKey="id"
           loading={loading}