Merge branch 'dev'

Author: windbytes

bun.lock

@@ -23,7 +23,7 @@
     "@headlessui/react": "^2.2.4",
     "@tanstack/react-query": "^5.81.5",
     "@zxcvbn-ts/core": "^3.0.4",
-    "ahooks": "^3.8.5",
+    "ahooks": "^3.9.0",
     "antd": "^5.26.2",
     "axios": "^1.10.0",
     "clsx": "^2.1.1",
@@ -45,7 +45,7 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^2.0.6",
-    "@rsbuild/core": "^1.4.1",
+    "@rsbuild/core": "^1.4.2",
     "@rsbuild/plugin-image-compress": "^1.2.0",
     "@rsbuild/plugin-react": "^1.3.2",
     "@rsbuild/plugin-sass": "^1.3.2",
@@ -54,7 +54,7 @@
     "@tailwindcss/postcss": "^4.1.11",
     "@types/crypto-js": "^4.2.2",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^22.15.33",
+    "@types/node": "^22.15.34",
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
     "rsbuild-plugin-html-minifier-terser": "^1.1.1",

package.json

@@ -1,5 +1,5 @@
-import { NodeRenderContext } from '@/context/workflow/node-render-context';
 import { useContext } from 'react';
+import { NodeRenderContext } from '@/context/workflow/node-render-context';
 
 /**
  * 获取节点渲染上下文

src/context/workflow/use-node-render-context.ts

@@ -107,7 +107,15 @@ const UserDropdown: React.FC = memo(() => {
     },
     {
       key: 'about',
-      label: t('layout.header.userDropdown.about'),
+      label: (
+        <div className="flex items-center justify-between">
+          <span>{t('layout.header.userDropdown.about')}</span>
+          <div className="flex items-center">
+            <div className="text-[12px]">0.0.1</div>
+            <div className="w-2 h-2 bg-green-400 rounded-sm ml-1" />
+          </div>
+        </div>
+      ),
       icon: <InfoCircleOutlined />,
       onClick: () => {
         // 跳转到关于

src/layouts/Header/component/UserDropdown/index.tsx

@@ -46,6 +46,21 @@ const menu = {
     apps: 'Apps',
     endpoint: 'Endpoint',
     endpointConfig: 'EndpointConfig',
+    workflow: 'Workflow',
+    templates: 'Templates',
+    version: 'Version',
+  },
+  instance: {
+    main: 'Instance',
+    flowInstance: 'Flow Instance',
+    runningLog: 'Running Log',
+    trace: 'Trace',
+  },
+  nodes: {
+    main: 'Nodes',
+    flowNodes: 'Flow Nodes',
+    market: 'Market',
+    debug: 'Node Debug',
   },
   message: {
     main: 'Message',

src/locales/en-US/menu.ts

@@ -46,14 +46,29 @@ const menu = {
     apps: '应用中心',
     endpoint: '端点维护',
     endpointConfig: '端点配置管理',
+    workdlow: '流程编排',
+    templates: '模板库',
+    version: '版本管理',
+  },
+  instance: {
+    main: '实例监控',
+    flowInstance: '流程实例',
+    runningLog: '运行日志',
+    trace: '上下文追踪',
+  },
+  nodes: {
+    main: '节点管理',
+    flowNodes: '节点列表',
+    market: '插件市场',
+    debug: '节点调试',
   },
   message: {
     main: '消息中心',
     template: '消息模板',
   },
   editor: {
     main: '编辑器',
-    docWriter: '文档编辑器'
-  }
+    docWriter: '文档编辑器',
+  },
 };
 export default menu;

src/locales/zh-CN/menu.ts

@@ -84,6 +84,11 @@ function Home() {
           </Card>
         </Col>
       </Row>
+      <pre>
+        1、流程统计看板（Dashboard） 1、今日/本周运行流程数 2、成功/失败流程统计 3、异常流程预警 4、热门流程 TOP5
+        5、流程运行时间趋势图 2、快捷入口 1、新建流程 2、流程模板库 3、流程监控 4、节点管理 / 节点开发 5、操作日志
+        3、待办提醒 / 异常警报 1、失败流程列表 2、等待人工处理的流程 3、警告级别的系统通知
+      </pre>
     </>
   );
 }

src/pages/Home/index.tsx

@@ -0,0 +1,13 @@
+import type React from 'react';
+
+/**
+ * 流程实例页面
+ * @file FlowInstance/index.tsx
+ * @description 该文件是流程实例页面的入口文件，负责展示流程实例相关信息。
+ * @module FlowInstance
+ */
+const FlowInstance: React.FC = () => {
+  return <div>FlowInstance</div>;
+};
+
+export default FlowInstance;

src/pages/instance/FlowInstance/index.tsx

@@ -0,0 +1,8 @@
+/**
+ * 运行日志
+ * @returns 运行日志页面
+ */
+const RunningLog: React.FC = () => {
+  return <div>运行日志</div>;
+};
+export default RunningLog;

src/pages/instance/RunningLog/index.tsx

@@ -0,0 +1,9 @@
+/**
+ * 流程追踪
+ * @returns Trace 页面
+ */
+const Trace: React.FC = () => {
+  return <div>上下文追踪（数据溯源、运行时上下文可视化查看）</div>;
+};
+
+export default Trace;