@givolt/i3-composer-agent 2.2.3 → 2.3.0

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/qa/visual-comparison.json

@@ -0,0 +1,342 @@
+[
+  {
+    "name": "workbench",
+    "path": "/workbench",
+    "html": [
+      {
+        "height": 720,
+        "selector": ".sidebar",
+        "width": 224,
+        "x": 0,
+        "y": 0
+      },
+      {
+        "height": 64,
+        "selector": ".topbar",
+        "width": 1041,
+        "x": 224,
+        "y": 0
+      },
+      {
+        "height": 2341.734375,
+        "selector": "#main-content",
+        "width": 1041,
+        "x": 224,
+        "y": 64
+      },
+      {
+        "height": 57.796875,
+        "selector": ".page-heading",
+        "width": 993,
+        "x": 248,
+        "y": 96
+      },
+      {
+        "height": 133.65625,
+        "selector": ".wb-metric",
+        "width": 320.328125,
+        "x": 248,
+        "y": 214.1875
+      },
+      {
+        "height": 681.8125,
+        "selector": ".ant-table-content table",
+        "width": 690,
+        "x": 272,
+        "y": 501.84375
+      }
+    ],
+    "original": [
+      {
+        "height": 720,
+        "selector": ".sidebar",
+        "width": 224,
+        "x": 0,
+        "y": 0
+      },
+      {
+        "height": 64,
+        "selector": ".topbar",
+        "width": 1041,
+        "x": 224,
+        "y": 0
+      },
+      {
+        "height": 2341.734375,
+        "selector": "#main-content",
+        "width": 1041,
+        "x": 224,
+        "y": 64
+      },
+      {
+        "height": 57.796875,
+        "selector": ".page-heading",
+        "width": 993,
+        "x": 248,
+        "y": 96
+      },
+      {
+        "height": 133.65625,
+        "selector": ".wb-metric",
+        "width": 320.328125,
+        "x": 248,
+        "y": 214.1875
+      },
+      {
+        "height": 681.8125,
+        "selector": ".ant-table-content table",
+        "width": 690,
+        "x": 272,
+        "y": 501.84375
+      }
+    ]
+  },
+  {
+    "name": "models",
+    "path": "/models",
+    "html": [
+      {
+        "height": 720,
+        "selector": ".sidebar",
+        "width": 224,
+        "x": 0,
+        "y": 0
+      },
+      {
+        "height": 64,
+        "selector": ".topbar",
+        "width": 1041,
+        "x": 224,
+        "y": 0
+      },
+      {
+        "height": 931.796875,
+        "selector": "#main-content",
+        "width": 1041,
+        "x": 224,
+        "y": 64
+      },
+      {
+        "height": 57.796875,
+        "selector": ".page-heading",
+        "width": 993,
+        "x": 248,
+        "y": 96
+      },
+      {
+        "height": 652,
+        "selector": ".model-table-panel",
+        "width": 993,
+        "x": 248,
+        "y": 319.796875
+      },
+      {
+        "height": 473,
+        "selector": ".ant-table-content table",
+        "width": 1083,
+        "x": 264,
+        "y": 411.796875
+      }
+    ],
+    "original": [
+      {
+        "height": 720,
+        "selector": ".sidebar",
+        "width": 224,
+        "x": 0,
+        "y": 0
+      },
+      {
+        "height": 64,
+        "selector": ".topbar",
+        "width": 1041,
+        "x": 224,
+        "y": 0
+      },
+      {
+        "height": 931.796875,
+        "selector": "#main-content",
+        "width": 1041,
+        "x": 224,
+        "y": 64
+      },
+      {
+        "height": 57.796875,
+        "selector": ".page-heading",
+        "width": 993,
+        "x": 248,
+        "y": 96
+      },
+      {
+        "height": 652,
+        "selector": ".model-table-panel",
+        "width": 993,
+        "x": 248,
+        "y": 319.796875
+      },
+      {
+        "height": 473,
+        "selector": ".ant-table-content table",
+        "width": 1083,
+        "x": 264,
+        "y": 411.796875
+      }
+    ]
+  },
+  {
+    "name": "intent-create",
+    "path": "/intents/new",
+    "html": [
+      {
+        "height": 720,
+        "selector": ".sidebar",
+        "width": 224,
+        "x": 0,
+        "y": 0
+      },
+      {
+        "height": 64,
+        "selector": ".topbar",
+        "width": 1041,
+        "x": 224,
+        "y": 0
+      },
+      {
+        "height": 957.984375,
+        "selector": "#main-content",
+        "width": 1041,
+        "x": 224,
+        "y": 64
+      },
+      {
+        "height": 57.796875,
+        "selector": ".page-heading",
+        "width": 993,
+        "x": 248,
+        "y": 126.390625
+      },
+      {
+        "height": 697.796875,
+        "selector": ".intent-main",
+        "width": 656.40625,
+        "x": 248,
+        "y": 300.1875
+      }
+    ],
+    "original": [
+      {
+        "height": 720,
+        "selector": ".sidebar",
+        "width": 224,
+        "x": 0,
+        "y": 0
+      },
+      {
+        "height": 64,
+        "selector": ".topbar",
+        "width": 1041,
+        "x": 224,
+        "y": 0
+      },
+      {
+        "height": 957.984375,
+        "selector": "#main-content",
+        "width": 1041,
+        "x": 224,
+        "y": 64
+      },
+      {
+        "height": 57.796875,
+        "selector": ".page-heading",
+        "width": 993,
+        "x": 248,
+        "y": 126.390625
+      },
+      {
+        "height": 697.796875,
+        "selector": ".intent-main",
+        "width": 656.40625,
+        "x": 248,
+        "y": 300.1875
+      }
+    ]
+  },
+  {
+    "name": "flow-editor",
+    "path": "/workflows/flow-0/edit",
+    "html": [
+      {
+        "height": 720,
+        "selector": ".sidebar",
+        "width": 224,
+        "x": 0,
+        "y": 0
+      },
+      {
+        "height": 64,
+        "selector": ".topbar",
+        "width": 1041,
+        "x": 224,
+        "y": 0
+      },
+      {
+        "height": 1214.40625,
+        "selector": "#main-content",
+        "width": 1041,
+        "x": 224,
+        "y": 64
+      },
+      {
+        "height": 93.796875,
+        "selector": ".page-heading",
+        "width": 993,
+        "x": 248,
+        "y": 96
+      },
+      {
+        "height": 608.8125,
+        "selector": ".flow-canvas",
+        "width": 697,
+        "x": 248,
+        "y": 481.796875
+      }
+    ],
+    "original": [
+      {
+        "height": 720,
+        "selector": ".sidebar",
+        "width": 224,
+        "x": 0,
+        "y": 0
+      },
+      {
+        "height": 64,
+        "selector": ".topbar",
+        "width": 1041,
+        "x": 224,
+        "y": 0
+      },
+      {
+        "height": 1214.40625,
+        "selector": "#main-content",
+        "width": 1041,
+        "x": 224,
+        "y": 64
+      },
+      {
+        "height": 93.796875,
+        "selector": ".page-heading",
+        "width": 993,
+        "x": 248,
+        "y": 96
+      },
+      {
+        "height": 608.8125,
+        "selector": ".flow-canvas",
+        "width": 697,
+        "x": 248,
+        "y": 481.796875
+      }
+    ]
+  }
+]

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/readme.md

@@ -0,0 +1,73 @@
+# Antdv Next HTML 交互原型
+
+以 `交互原型/console-operations-v0.14` 为固定来源，把累计原型转换为 HTML、CSS 与 JavaScript，供 i3 Composer 的原型设计复用和本轮人工审查。
+
+`v0.14` 是这份累计原型包的版本，最后一轮主要新增 PT-06b 运行验收与异常反馈；它不是 Antdv Next 的版本，也不是 i3 Composer 整个平台的正式发布版本。来源实际安装的 Antdv Next 为 **1.5.3**，Pro 组件为 **1.4.5**。
+
+## 打开审查版
+
+在本目录执行：
+
+```sh
+node tools/serve.mjs
+```
+
+打开 [工作台](http://127.0.0.1:4194/#/workbench)。如果该端口已有预览，直接打开即可；另选端口可运行 `node tools/serve.mjs 4195`。
+
+也可以使用任意静态 HTTP 服务，例如在本目录运行 `python3 -m http.server 4194 --bind 127.0.0.1`。浏览器加载本地 HTML 片段和 ES 模块，需要通过 HTTP 打开。运行预览无需安装 npm 包，也不需要原版项目存在。
+
+## 保留的范围
+
+- 12 个业务模块，37 条业务路由，34 个不同业务页面，93 个 HTML 页面与组件片段。
+- 工作台、PBC、意图、规格、模型、Agent、流程、权限、任务、评审、发布、运行的原有内容与入口。
+- 筛选、分页、列设置、选择与批量操作；抽屉、弹层、表单、校验、流程画布、演示身份及权限联动。
+- 版本快照、来源链、异常与未知响应、原请求回执、历史记录，以及本地刷新恢复。
+- 工具与 MCP、知识库、规范与治理、组织与审计、系统设置继续使用原来的占位页。
+
+原版目录没有被修改。HTML 版存储键使用 `i3-prototype-antdv-` 前缀，与原版数据隔离。演示设置中的“重置演示数据”只恢复本模板的本地记录。
+
+## 文件结构
+
+| 路径 | 用途 |
+| --- | --- |
+| `index.html` / `app.js` | 原生 HTML 入口及页面装配 |
+| `src/模块/*.html` | 可编辑的标准 HTML 模板片段 |
+| `src/模块/*.js` | 同名页面控制器、模拟数据及业务规则 |
+| `styles/` | 原版主题、布局、组件样式及原生 DOM 适配 |
+| `runtime/` | 本地 JavaScript 的 DOM 绑定、状态、路由及控件 |
+| `assets/` | 本地图标/插图、原版组件样式参考快照 |
+| `routes.json` | 全部 44 条路由定义，含 37 条业务路由、占位模式与跳转 |
+| `design-tokens.json` | 原版实际渲染时的 876 项 CSS 变量 |
+| `baseline.json` | 来源版本与 163 个源码文件 SHA-256 |
+| `qa/` | 测试、浏览器检查、截图与完整性报告 |
+
+HTML 使用 `<template>` 和 `data-*` 属性描述条件、循环、值绑定及事件。`runtime/` 用浏览器 DOM API 完成渲染；浏览器不加载 Vue、Pinia、Vue Router、Antdv Next 或 Pro 组件包。原来的 TypeScript 业务逻辑已转为 JavaScript，原版编译后的 Vue 应用没有被复制为运行入口。
+
+## 如何审查
+
+1. 从工作台和各模块导航检查布局、文案、操作入口与页面状态。
+2. 使用“切换演示身份”核对可见范围及按钮权限，或在角色管理修改本地演示授权。
+3. 操作模型表单、流程编辑、PBC 向导、评审、发布和运行记录，核对来源及版本保留。
+4. 运行模块初始没有运行记录；点击“载入运行演示样例”可查看验收、异常和修复跟踪。
+5. 演示设置及各页的原型控件可以切换空列表、失败、版本冲突、结果待核实等场景。
+
+当前仍是原版的本地交互模拟。GitLab、Dapr、Kubernetes、SSO、模型调用、CI、部署和监控都没有接入真实服务。
+
+## 验证与复用
+
+```sh
+npm test
+npm run verify
+```
+
+测试包含原版 130 项规则及 8 项原生运行层验证。`verify` 检查语法、路由、相对导入及来源完整性；存在原版目录时，还核对其 630 项冻结交付清单。
+
+复用时先阅读 [设计与结构参考](REFERENCE.md) 和 [审查记录](qa/REVIEW.md)。本轮只交付模板，skill 的入口、选择规则、安装及打包留待用户审查后确定。
+
+重新生成已转换的页面可运行 `npm run convert`，这一步需要本工作区的原版目录与其中已安装的 TypeScript/模板编译工具；通常审查或运行无需执行它。修改生成器后会覆盖 `src/` 的转换结果，手写运行层位于 `runtime/`。
+
+## 来源
+
+- `baseline.json` 固定本地 v0.14 源码 SHA，不把原包的历史验收当作 HTML 版的验收。
+- [HTML template](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/template) 与 [TypeScript Compiler API](https://github.com/microsoft/TypeScript/wiki/Using-the-Compiler-API) 用于转换机制参考。
+- [组件来源与许可](CREDITS.md)。

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/reference.md

@@ -0,0 +1,59 @@
+# 设计与结构参考
+
+这份模板保留原版 EASEL 的示例业务，以便对照审查。后续给其他项目生成原型时，应提取布局、视觉和控件模式，再替换为目标项目的页面内容与业务规则。
+
+## 视觉基础
+
+基础布局使用 224px 左侧导航、64px 顶栏、24px 内容间距，灰色页面底与白色面板。标题为 20px，区块标题为 16px，正文为 14px；字体沿用系统中文字体。间距、圆角、颜色及组件变量分别记录在 `styles/tokens.css` 与 `design-tokens.json`。
+
+自定义布局的主色变量为 `--easel-primary`；Antdv 控件使用原版渲染得到的 `--ant-*` 变量。复用时应同时保持两套语义变量的关系，避免只替换按钮颜色而遗漏导航、标签、表单和状态。
+
+## 可复用模式
+
+| 模式 | 参考文件 |
+| --- | --- |
+| 导航、顶栏、移动菜单、身份切换 | `src/shell/ConsoleShell.html` |
+| 筛选 + 工具栏 + 表格 + 分页 | `src/models/ModelTable.html` |
+| 通用管理列表、列设置、批量保护 | `src/pbc/ManagementTable.html`、`src/shared/ColumnSettings.html` |
+| 抽屉表单、校验、取消未保存修改 | `src/models/ModelEditor.html` |
+| 主内容 + 摘要栏 | `src/intents/IntentCreate.html` |
+| 三步向导、服务方案与提交复核 | `src/pbc/PbcWizard.html` |
+| 画布 + 属性面板 + 配置检查 | `src/workflows/FlowEditor.html`、`src/workflows/FlowCanvas.html` |
+| 列表 / 看板、阶段导航、只读产物 | `src/tasks/TasksPage.html`、`src/tasks/TaskDetail.html` |
+| 固定版本、证据及人工处理 | `src/reviews/ReviewDetail.html`、`src/reviews/ReviewProcess.html` |
+| 发布材料、授权及执行结果 | `src/releases/ReleaseDetail.html`、`src/releases/ReleaseExecution.html` |
+| 运行验收、异常、修复来源链 | `src/operations/RunDetail.html`、`src/operations/RepairTrack.html` |
+
+## HTML 绑定约定
+
+生成文件使用标准 HTML 属性，不包含 Vue 模板指令：
+
+```html
+<section class="panel">
+  <h2>{{ title }}</h2>
+  <template data-component="Button"
+            data-bind-disabled="!allowed"
+            data-on-click="save">
+    保存
+  </template>
+  <template data-component="Input"
+            data-model-value="name"
+            aria-label="名称">
+  </template>
+  <p data-if="error" role="alert">{{ error }}</p>
+</section>
+```
+
+`data-component` 由同目录 JavaScript 控制器或本地控件注册表提供。`data-bind-*` 读取属性，`data-model-*` 读写字段，`data-on-*` 绑定事件，`data-if`/`data-each` 控制展示与迭代，`data-slot` 描述标题、工具栏、额外操作和页脚。最终展示的是原生 HTML 元素。
+
+页面控制器通过 `createComponent` 关联同名 HTML 片段。状态、路由、表格、表单和弹层分别在 `runtime/state.js`、`router.js`、`table.js`、`forms.js`、`dialogs.js` 中实现。需要直接写静态 HTML 时，也可以复用相同的原版 CSS 类和设计变量。
+
+## 交互约束
+
+- 查看、编辑、使用、确认、删除和发布的权限保持分开；演示岗位名称不自动授予动作。
+- 保存草稿、测试通过、人工确认、发布、运行健康和运行验收分别记录。
+- 操作绑定具体对象及版本；遇到未知响应时查询原请求，保留用户输入与操作编号。
+- 列表选择随页码、筛选与身份变化清除；PBC 归属选择使用单选。
+- 流程治理节点、来源链、旧快照及历史证据保留原版的保护规则。
+
+这些约束来自原型示例。新项目需要依据自己的规格确定状态、权限及校验，不能把本地模拟当作真实执行结果。

package/skills/i3-ui-prototype/assets/templates/enterprise-admin/reference/routes.json

@@ -0,0 +1,178 @@
+[
+  {
+    "path": "/",
+    "redirect": "/workbench"
+  },
+  {
+    "path": "/workbench",
+    "component": "./src/workbench/WorkbenchPage.js"
+  },
+  {
+    "path": "/module/workbench",
+    "redirect": "/workbench"
+  },
+  {
+    "path": "/pbcs",
+    "component": "./src/pbc/PbcsPage.js"
+  },
+  {
+    "path": "/pbcs/:id/workspace",
+    "component": "./src/pbc/PbcWorkspace.js"
+  },
+  {
+    "path": "/pbcs/:id",
+    "component": "./src/pbc/PbcDetail.js"
+  },
+  {
+    "path": "/operations",
+    "component": "./src/operations/OperationsPage.js"
+  },
+  {
+    "path": "/operations/:taskId/:runId/incidents/:incidentId/repair",
+    "component": "./src/operations/RepairTrack.js"
+  },
+  {
+    "path": "/operations/:taskId/:runId/incidents/:incidentId",
+    "component": "./src/operations/IncidentDetail.js"
+  },
+  {
+    "path": "/module/operations",
+    "redirect": "/operations"
+  },
+  {
+    "path": "/releases",
+    "component": "./src/releases/ReleasesPage.js"
+  },
+  {
+    "path": "/releases/:taskId/:releaseId/execution",
+    "component": "./src/releases/ReleaseExecution.js"
+  },
+  {
+    "path": "/releases/:taskId/:releaseId",
+    "component": "./src/releases/ReleaseDetail.js"
+  },
+  {
+    "path": "/module/release",
+    "redirect": "/releases"
+  },
+  {
+    "path": "/reviews",
+    "component": "./src/reviews/ReviewsPage.js"
+  },
+  {
+    "path": "/reviews/:taskId/:reviewId/process",
+    "component": "./src/reviews/ReviewProcess.js"
+  },
+  {
+    "path": "/reviews/:taskId/:reviewId",
+    "component": "./src/reviews/ReviewDetail.js"
+  },
+  {
+    "path": "/module/quality",
+    "redirect": "/reviews"
+  },
+  {
+    "path": "/tasks",
+    "component": "./src/tasks/TasksPage.js"
+  },
+  {
+    "path": "/tasks/new",
+    "component": "./src/tasks/TaskCreate.js"
+  },
+  {
+    "path": "/tasks/:id/edit",
+    "component": "./src/tasks/TaskCreate.js"
+  },
+  {
+    "path": "/tasks/:id/artifacts/:artifact",
+    "component": "./src/tasks/ArtifactDetail.js"
+  },
+  {
+    "path": "/tasks/:id",
+    "component": "./src/tasks/TaskDetail.js"
+  },
+  {
+    "path": "/workflows",
+    "component": "./src/workflows/WorkflowsPage.js"
+  },
+  {
+    "path": "/workflows/new",
+    "component": "./src/workflows/FlowEditor.js"
+  },
+  {
+    "path": "/workflows/:id/edit",
+    "component": "./src/workflows/FlowEditor.js"
+  },
+  {
+    "path": "/workflows/:id",
+    "component": "./src/workflows/FlowDetail.js"
+  },
+  {
+    "path": "/agents",
+    "component": "./src/agents/AgentsPage.js"
+  },
+  {
+    "path": "/agents/new",
+    "component": "./src/agents/AgentEditor.js"
+  },
+  {
+    "path": "/agents/:id/edit",
+    "component": "./src/agents/AgentEditor.js"
+  },
+  {
+    "path": "/agents/:id",
+    "component": "./src/agents/AgentDetail.js"
+  },
+  {
+    "path": "/permissions/roles",
+    "component": "./src/permissions/RolesPage.js"
+  },
+  {
+    "path": "/permissions/members",
+    "component": "./src/permissions/MembersPage.js"
+  },
+  {
+    "path": "/permissions/records",
+    "component": "./src/permissions/RecordsPage.js"
+  },
+  {
+    "path": "/intents",
+    "component": "./src/intents/IntentList.js"
+  },
+  {
+    "path": "/intents/new",
+    "component": "./src/intents/IntentCreate.js"
+  },
+  {
+    "path": "/intents/:id/spec",
+    "component": "./src/specs/SpecWorkspace.js"
+  },
+  {
+    "path": "/intents/:id/spec/review",
+    "component": "./src/specs/SpecReview.js"
+  },
+  {
+    "path": "/intents/:id/pbc",
+    "component": "./src/pbc/PbcPage.js"
+  },
+  {
+    "path": "/intents/:id/workspace",
+    "component": "./src/intents/IntentWorkspace.js"
+  },
+  {
+    "path": "/intents/:id",
+    "component": "./src/intents/IntentDetail.js"
+  },
+  {
+    "path": "/models",
+    "component": "./src/models/ModelsPage.js"
+  },
+  {
+    "path": "/module/:id",
+    "component": "./src/shell/ScopePage.js"
+  },
+  {
+    "path": "/:pathMatch(.*)*",
+    "redirect": "/intents"
+  }
+]