@givolt/i3-composer-agent 3.0.0 → 3.1.0

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/workflows/registry.js

@@ -0,0 +1,18 @@
+import { ref } from '../../runtime/state.js';
+import { seedFlows } from "./data.js";
+const key = 'i3-prototype-antdv-workflows-v010';
+let initial = { schema: 1, records: seedFlows(), uses: [], audit: [] };
+try {
+    const saved = JSON.parse(localStorage.getItem(key) || 'null');
+    if (saved?.schema === 1 && Array.isArray(saved.records) && Array.isArray(saved.uses) && Array.isArray(saved.audit))
+        initial = saved;
+}
+catch { /* Resettable local prototype. */ }
+export const flowRecords = ref(initial.records), flowUses = ref(initial.uses), flowAudit = ref(initial.audit);
+export function commitFlows(records, uses, audit) { try {
+    localStorage.setItem(key, JSON.stringify({ schema: 1, records, uses, audit }));
+}
+catch {
+    throw Error('浏览器无法保存流程模板，本次操作未提交。');
+} flowRecords.value = records; flowUses.value = uses; flowAudit.value = audit; }
+export const workflowAgentReferences = (agentId) => flowRecords.value.filter(r => !r.isDeleted).flatMap(r => [{ body: r.body, label: '草稿' }, ...r.versions.map(v => ({ body: v.body, label: 'v' + v.number }))].filter(v => v.body.nodes.some(n => n.agentId === agentId)).map(v => ({ name: r.body.name, version: v.label, flowId: r.id })));

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/src/workflows/store.js

@@ -0,0 +1,61 @@
+import { stateOf } from "../pbc/management.js";
+import { taskFlowReferenced } from "../tasks/registry.js";
+import { defineStore } from "../../runtime/state.js";
+import { computed, ref } from '../../runtime/state.js';
+import { useSession } from "../shared/session.js";
+import { metadata } from "../shared/policy.js";
+import { usePbcs } from "../pbc/store.js";
+import { useAgents } from "../agents/store.js";
+import { assertBatch } from "../shared/listBatch.js";
+import { clone, basics, validateFlow, assertRemovable } from "./domain.js";
+import { standardBody, seedFlows } from "./data.js";
+import { flowRecords, flowAudit, flowUses, commitFlows } from "./registry.js";
+export const useWorkflows = defineStore('workflows', () => {
+    const session = useSession(), pbcs = usePbcs(), agents = useAgents(), scene = ref('normal');
+    const records = computed(() => flowRecords.value.filter(r => !r.isDeleted && session.can('workflow:view', r.tenantId, r.pbcId)));
+    const projects = computed(() => pbcs.items.filter(p => stateOf(p) === 'active' && session.can('workflow:edit', p.tenantId, p.id)));
+    const item = (id) => records.value.find(r => r.id === id);
+    const choices = (r) => agents.records.filter(a => a.tenantId === r.tenantId && a.pbcId === r.pbcId).map(a => { const issues = agents.checks(a).filter(c => !c.ok); return { id: a.id, name: a.name, recordVersion: a.recordVersion, available: a.enabled && !issues.length, reason: !a.enabled ? 'Agent 已停用' : issues.length ? 'Agent 配置或模型使用授权失效' : '' }; });
+    const checks = (r, b = r.body) => { const p = pbcs.items.find(p => p.id === r.pbcId && p.tenantId === r.tenantId), ok = !!p && stateOf(p) === 'active'; return [{ id: 'pbc', title: '所属 PBC 状态', ok, detail: ok ? 'PBC 可继续交付' : 'PBC 已归档或不可访问' }, ...validateFlow(b, choices(r))]; };
+    const audits = (r) => session.can('workflow:audit', r.tenantId, r.pbcId) ? flowAudit.value.filter(e => e.flowId === r.id) : [];
+    const uses = (r) => flowUses.value.filter(u => u.flowId === r.id);
+    function log(r, action, detail) { return { id: crypto.randomUUID(), flowId: r.id, action, detail, actor: session.actor.name, at: new Date().toISOString() }; }
+    function current(id, action, version) { const r = flowRecords.value.find(r => r.id === id && !r.isDeleted); if (!r)
+        throw Error('模板不存在或无权访问。'); session.require('workflow:view', r.tenantId, r.pbcId); session.require(action, r.tenantId, r.pbcId); if (r.recordVersion !== version)
+        throw Error('记录已更新，请重新打开核对。'); return r; }
+    function commit(r, action, detail, isNew = false) { session.writeCheck(); const next = { ...r, recordVersion: isNew ? 1 : r.recordVersion + 1, updatedBy: session.actor.name, updatedAt: new Date().toISOString() }; commitFlows(isNew ? [next, ...flowRecords.value] : flowRecords.value.map(x => x.id === r.id ? next : x), flowUses.value, [log(next, action, detail), ...flowAudit.value]); return next; }
+    function blank() { const p = projects.value[0], body = standardBody(); body.name = ''; body.code = ''; return { ...metadata(session.actor, new Date().toISOString(), p?.tenantId || session.actor.tenantId), id: crypto.randomUUID(), pbcId: p?.id || '', project: p?.name || '', body, versions: [], state: 'draft', enabled: false, draftBy: session.actor.id }; }
+    function save(input, isNew) { session.require('workflow:view', input.tenantId, input.pbcId); session.require('workflow:edit', input.tenantId, input.pbcId); basics(input.body); if (!projects.value.some(p => p.id === input.pbcId && p.tenantId === input.tenantId))
+        throw Error('请选择有权配置的项目。'); if (flowRecords.value.some(r => !r.isDeleted && r.id !== input.id && r.tenantId === input.tenantId && r.body.code === input.body.code))
+        throw Error('该租户下的模板标识已存在。'); const old = isNew ? undefined : current(input.id, 'workflow:edit', input.recordVersion); if (old?.state === 'review')
+        throw Error('审核中的草稿不可修改，请先撤回审核。'); if (old && (old.pbcId !== input.pbcId || old.body.code !== input.body.code || old.tenantId !== input.tenantId))
+        throw Error('模板标识和所属项目不可更改。'); const r = old ? { ...old, body: clone(input.body), state: 'draft', draftBy: session.actor.id, reviewNote: undefined } : { ...clone(input), ...metadata(session.actor, new Date().toISOString(), input.tenantId), versions: [], enabled: false, state: 'draft', draftBy: session.actor.id }; return commit(r, isNew ? '创建模板' : '保存草稿', '不改变已发布版本。', isNew); }
+    function mustPass(r, b = r.body) { if (checks(r, b).some(c => !c.ok))
+        throw Error('流程检查未通过，请处理节点、资源或治理问题。'); }
+    function submit(id, v, note) { const r = current(id, 'workflow:edit', v); if (r.state !== 'draft')
+        throw Error('只有草稿可以提交审核。'); mustPass(r); if (!note.trim())
+        throw Error('请填写版本变更说明。'); return commit({ ...r, state: 'review', requestBy: session.actor.id, requestName: session.actor.name, reviewNote: note }, '提交配置审核', note); }
+    function withdraw(id, v) { const r = current(id, 'workflow:edit', v); if (r.state !== 'review')
+        throw Error('当前没有待审核草稿。'); return commit({ ...r, state: 'draft', requestBy: undefined }, '撤回审核', '保留草稿及已有发布版本。'); }
+    function review(id, v, approved, note) { const r = current(id, 'workflow:publish', v); if (r.state !== 'review')
+        throw Error('当前没有待审核草稿。'); if (r.requestBy === session.actor.id)
+        throw Error('请由另一位具有发布权限的成员审核本次提交。'); if (!approved && !note.trim())
+        throw Error('请说明退回原因。'); if (approved)
+        mustPass(r); const versions = approved ? [...r.versions, { number: (r.versions.at(-1)?.number || 0) + 1, body: clone(r.body), note: r.reviewNote || '', by: session.actor.name, at: new Date().toISOString(), submittedBy: r.requestName || '' }] : r.versions; return commit({ ...r, versions, state: approved ? 'published' : 'draft', reviewNote: approved ? r.reviewNote : note, requestBy: undefined }, approved ? '审核发布' : '退回草稿', approved ? '发布 v' + versions.at(-1).number : note); }
+    function toggle(id, v) { const r = current(id, 'workflow:status', v); const latest = r.versions.at(-1); if (!r.enabled) {
+        if (!latest)
+            throw Error('请先发布一个可用版本。');
+        mustPass(r, latest.body);
+    } return commit({ ...r, enabled: !r.enabled }, r.enabled ? '停用模板' : '启用模板', '仅影响新的版本选择；已有交接快照保留。'); }
+    function selectVersion(id, v, num) { const r = current(id, 'workflow:use', v); if (!r.enabled)
+        throw Error('模板已停用。'); const version = r.versions.find(v => v.number === num); if (!version)
+        throw Error('发布版本不存在。'); mustPass(r, version.body); session.writeCheck(); const choice = choices(r), use = { id: crypto.randomUUID(), flowId: id, tenantId: r.tenantId, pbcId: r.pbcId, project: r.project, version: clone(version), by: session.actor.name, at: new Date().toISOString(), agentVersions: choice.filter(a => version.body.nodes.some(n => n.agentId === a.id)).map(a => ({ id: a.id, name: a.name, recordVersion: a.recordVersion })) }; commitFlows(flowRecords.value, [use, ...flowUses.value], [log(r, '选择模板版本', '已保存 v' + num + ' 交接快照，未创建执行任务。'), ...flowAudit.value]); return use; }
+    function fromVersion(id, v, b) { const r = current(id, 'workflow:edit', v); if (r.state === 'review')
+        throw Error('请先撤回审核。'); return commit({ ...r, body: clone(b), state: 'draft', draftBy: session.actor.id }, '基于版本创建草稿', '历史发布版本保持不变。'); }
+    function copy(id) { const source = item(id); if (!source)
+        throw Error('模板不存在或无权访问。'); const r = blank(); r.tenantId = source.tenantId; r.pbcId = source.pbcId; r.project = source.project; r.body = clone(source.body); r.body.name += ' · 副本'; r.body.code = r.body.code.slice(0, 39) + '-' + Date.now().toString(36); return save(r, true); }
+    function checkRemove(t) { const r = current(t.id, 'workflow:delete', t.recordVersion); assertRemovable(r, uses(r).length > 0 || taskFlowReferenced(r.id)); }
+    function removeMany(targets) { const selected = assertBatch(flowRecords.value, targets, r => { session.require('workflow:view', r.tenantId, r.pbcId); session.require('workflow:delete', r.tenantId, r.pbcId); assertRemovable(r, uses(r).length > 0 || taskFlowReferenced(r.id)); }); session.writeCheck(); const ids = new Set(selected.map(r => r.id)), at = new Date().toISOString(); commitFlows(flowRecords.value.map(r => ids.has(r.id) ? { ...r, isDeleted: true, recordVersion: r.recordVersion + 1, updatedBy: session.actor.name, updatedAt: at } : r), flowUses.value, [...selected.map(r => log(r, '删除模板', '逻辑删除；本批 ' + selected.length + ' 项')), ...flowAudit.value]); }
+    function reset() { commitFlows(seedFlows(), [], []); scene.value = 'normal'; }
+    return { records, projects, item, choices, checks, audits, uses, scene, blank, save, submit, withdraw, review, toggle, selectVersion, fromVersion, copy, checkRemove, removeMany, reset };
+});

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/styles/admin.css

@@ -0,0 +1,60 @@
+.table-tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:var(--easel-space-2); }
+.table-tools > .ant-select { min-width:132px; }
+.column-choice { display:flex; align-items:center; justify-content:space-between; gap:var(--easel-space-2); padding:var(--easel-space-2) 0; border-bottom:1px solid var(--easel-border); }
+.column-choice .ant-checkbox-wrapper { flex:1; }
+.metadata-note { margin-top:var(--easel-space-3); font-size:var(--easel-caption); }
+.metadata-compact h2 { margin-bottom:var(--easel-space-4); }
+.metadata-compact .ant-descriptions-item-content { overflow-wrap:anywhere; }
+.metadata-compact .ant-descriptions-item-label { min-width:82px; }
+.version-comparison { display:grid; grid-template-columns:1fr 1fr; gap:var(--easel-space-4); margin:var(--easel-space-6) 0; }
+.version-comparison > div { padding:var(--easel-space-4); background:var(--easel-subtle); border:1px solid var(--easel-border); border-radius:var(--easel-button-radius); }
+.version-comparison strong { display:block; font-size:var(--easel-title); margin-top:var(--easel-space-2); }
+.reference-row, .grant-scope { padding:var(--easel-space-4) 0; border-bottom:1px solid var(--easel-border); overflow-wrap:anywhere; }
+.reference-row p, .grant-scope p { margin-top:var(--easel-space-2); }
+.full-width { width:100%; }
+.config-diff { overflow-x:auto; margin-bottom:var(--easel-space-4); }.config-diff table { width:100%; border-collapse:collapse; table-layout:fixed; }.config-diff th,.config-diff td { padding:var(--easel-space-3); border:1px solid var(--easel-border); text-align:left; overflow-wrap:anywhere; font-size:var(--easel-helper); }.config-diff th { background:var(--easel-subtle); font-weight:500; }.config-diff th:first-child { width:84px; }
+.decision-register { margin-top:var(--easel-space-6); padding-top:var(--easel-space-6); border-top:1px solid var(--easel-border); }
+.decision-register .section-heading { align-items:flex-start; margin-bottom:var(--easel-space-2); }
+.decision-register .ant-tag { flex-shrink:0; margin:0; }
+.decision-row { padding:var(--easel-space-4) 0; border-bottom:1px solid var(--easel-border); }
+.decision-row strong, .document-decision strong { overflow-wrap:anywhere; font-weight:500; line-height:1.7; }
+.decision-row p { white-space:pre-wrap; overflow-wrap:anywhere; }.decision-row small { display:block; margin-top:var(--easel-space-2); }
+.decision-row label, .decision-add label { display:block; margin:var(--easel-space-3) 0 var(--easel-space-2); }
+.decision-actions { display:flex; justify-content:flex-end; gap:var(--easel-space-2); margin-top:var(--easel-space-3); }
+.decision-add > .ant-btn { margin-top:var(--easel-space-3); }.decision-add { margin-top:var(--easel-space-4); }
+.document-decision + .document-decision { margin-top:var(--easel-space-3); }
+.intent-document h4 { margin:var(--easel-space-4) 0 var(--easel-space-2); font-size:var(--easel-helper); color:var(--easel-secondary); font-weight:500; }
+.intent-side-stack { display:flex; flex-direction:column; gap:var(--easel-space-4); min-width:0; }
+.intent-main h3.brief-outcome { margin-top:var(--easel-space-4); }
+.intent-heading > .ant-btn { margin-left:auto; }
+.intent-header-actions { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:var(--easel-space-2); margin-left:auto; flex-shrink:0; max-width:100%; }
+#main-content > div { min-width:0; }
+@media(max-width:767px) {
+ .table-tools { justify-content:flex-start; }
+ .table-tools > .ant-select { min-width:116px; }
+ .version-comparison { grid-template-columns:1fr; gap:var(--easel-space-2); }
+ .drawer-footer { flex-wrap:wrap; }
+ .drawer-footer > .ant-space { flex-wrap:wrap; }
+ .intent-steps .ant-steps-item { min-width:0; }
+}
+
+.list-heading { display:flex; flex-direction:column; gap:var(--easel-space-3); }
+.list-batch-bar { display:flex; flex-wrap:wrap; gap:var(--easel-space-2); align-items:center; }
+.selection-count { white-space:nowrap; }
+.selection-hint { font-size:var(--easel-caption); }
+.delete-preview { list-style:none; padding:0; margin:var(--easel-space-4) 0; max-height:320px; overflow:auto; }
+.delete-preview li { padding:var(--easel-space-3) 0; border-bottom:1px solid var(--easel-border); }
+.delete-preview li > div { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--easel-space-3); }
+.delete-preview strong { font-weight:500; overflow-wrap:anywhere; }
+.delete-preview .ant-tag { flex-shrink:0; margin:0; }
+.delete-preview p { margin-top:var(--easel-space-2); color:var(--easel-secondary); }
+.delete-footer { display:flex; flex-wrap:wrap; gap:var(--easel-space-2); }
+.footer-spacer { flex:1; }
+.mobile-table-hint { display:none; }
+@media(max-width:767px) {
+ .model-table-panel .pro-table_header { flex-direction:column; align-items:stretch; gap:var(--easel-space-3); }
+ .model-table-panel .pro-table_header_toolbar { margin-inline-start:0; }
+ .model-table-panel .ant-table-cell-fix-end { position:static !important; }
+ .model-table-panel .ant-table-cell-fix-end::after { display:none; }
+ .mobile-table-hint { display:block; flex-basis:100%; font-size:var(--easel-caption); }
+}

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/styles/agents.css

@@ -0,0 +1,46 @@
+.agent-panel {background:var(--easel-surface);border:1px solid var(--easel-border);border-radius:var(--easel-radius);padding:24px;margin-bottom:16px;min-width:0;}
+.agent-panel h2 {font-size:var(--easel-section);margin:0 0 16px;}
+.agent-panel h3 {font-size:14px;margin:0;}
+.agent-editor-layout {display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;}
+.agent-check-panel {position:sticky;top:80px;min-width:0;}
+.agent-form-grid,.agent-detail-grid {display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
+.agent-form-grid>* {min-width:0;}
+.agent-detail-grid {gap:32px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);}
+.agent-section-title {display:flex;gap:8px;align-items:center;margin-bottom:12px;}
+.agent-section-title>span:first-child {color:var(--easel-primary);font-size:12px;background:var(--easel-primary-soft);border-radius:4px;padding:4px 8px;}
+.agent-section-title h2,.agent-section-title h3 {margin:0;}
+.agent-resources {margin-top:12px;}
+.agent-resource {display:flex;justify-content:space-between;align-items:flex-start;padding:16px;margin:8px 0;border:1px solid var(--easel-border);border-radius:6px;background:var(--easel-subtle);gap:8px;word-break:break-word;}
+.agent-resource .ant-tag {margin-left:8px;}
+.agent-resource p {color:var(--easel-secondary);font-size:13px;margin:8px 0 0;}
+.agent-resource>div {min-width:0;}
+.agent-prompt {white-space:pre-wrap;word-break:break-word;background:var(--easel-subtle);border:1px solid var(--easel-border);padding:16px;line-height:1.8;}
+.agent-checks {list-style:none;padding:0;margin:16px 0;}
+.agent-checks li {padding:12px 0;border-bottom:1px solid var(--easel-border);}
+.agent-checks li>div {display:flex;justify-content:space-between;gap:8px;}
+.agent-checks p {color:var(--easel-secondary);font-size:13px;margin:8px 0 0;line-height:1.7;}
+.agent-check-button {width:100%;margin-top:16px;}
+.agent-outline {padding-top:8px;color:var(--easel-secondary);font-size:13px;}
+.agent-allow {display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
+.agent-allow span {background:var(--easel-surface);border:1px solid var(--easel-border-strong);border-radius:4px;font-size:12px;padding:2px 6px;}
+.agent-model-summary {margin-top:16px;border:1px solid var(--easel-border);padding:16px;border-radius:6px;}
+.agent-model-summary .ant-tag {margin-left:8px;}
+.agent-model-summary p {margin:8px 0 0;font-size:13px;color:var(--easel-secondary);}
+.agent-save-bar {position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--easel-surface);border:1px solid var(--easel-border-strong);border-radius:8px;z-index:5;}
+.agent-save-bar>span {font-size:13px;color:var(--easel-secondary);}
+.agent-back.ant-btn {padding:0;height:auto;margin-bottom:12px;}
+.agent-title {display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
+.agent-overview,.agent-meta-strip {display:flex;gap:24px;align-items:center;flex-wrap:wrap;background:var(--easel-surface);border:1px solid var(--easel-border);border-radius:8px;padding:16px 24px;margin-bottom:16px;}
+.agent-overview strong {font-size:20px;font-weight:600;margin-left:8px;}
+.agent-meta-strip {font-size:13px;}
+.agent-meta-strip strong {font-weight:500;margin-left:8px;}
+.agent-name.ant-btn {height:auto;padding:0;font-weight:500;max-width:100%;white-space:normal;text-align:left;}
+.agent-code {display:block;color:var(--easel-muted);font-size:12px;padding-top:4px;}
+.agent-detail-resource {padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--easel-border);}
+.agent-audit {list-style:none;padding:0;}
+.agent-audit li {border-bottom:1px solid var(--easel-border);padding:16px 0;}
+.agent-audit span {margin-left:16px;color:var(--easel-secondary);font-size:13px;}
+.agent-audit p {color:var(--easel-secondary);margin:8px 0 0;}
+@media(max-width:1100px){.agent-editor-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px;}.agent-panel{padding:16px;}}
+@media(max-width:767px){.agent-editor-layout,.agent-form-grid,.agent-detail-grid{grid-template-columns:1fr;}.agent-check-panel{position:static;}.agent-save-bar{padding:12px;}.agent-panel{padding:16px;}.agent-overview,.agent-meta-strip{gap:12px;padding:16px;}.agent-audit span{display:block;margin:8px 0 0;}}
+