chore(v2): 从兴邦预审v2白名单抽取独立可运行基座
按 docs/v2/05-implementation-plan.md §1 候选迁移表与 claude_use/T00 白名单， 从 55e2cdb 抽取 224 个文件（2.48 MB）到独立目录 F:/mini-OpenClaw-v2。 - 排除：凭据(.env/server-deploy.conf/旧DELIVERY.md)、运行数据(xingbang_data 等 4 个 SQLite)、依赖(venv/node_modules 符号链接)、归档(_backup*/test-evidence/ ori_file)、Office 临时文件 - 目标目录独立 git 仓库，初始恢复点；Gitea 远程与分支待 OQ-06 Q2 定案 - 未部署、未启动服务、未调用模型 Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
Claude Code
@@ -0,0 +1,42 @@
|
||||
"use client";
|
||||
import {useState} from "react";
|
||||
import {Download, ShieldCheck, Plus, Trash2, X} from "lucide-react";
|
||||
|
||||
type Fields={item:any;field:(key:string,value:unknown)=>void};
|
||||
function Field({label,children}:{label:string;children:React.ReactNode}){return <label className="ra-field"><span>{label}</span>{children}</label>}
|
||||
|
||||
export function ConnectionFields({item,field}:Fields){return <>
|
||||
<Field label="连接类型"><select value={item.type} onChange={e=>field("type",e.target.value)}>{["demo","SQLite","PostgreSQL","MySQL"].map(t=><option key={t} value={t}>{t==="demo"?"本地演示数据库":t}</option>)}</select></Field>
|
||||
{item.type!=="demo"&&<>
|
||||
{item.type!=="SQLite"&&<><div className="ra-two"><Field label="主机地址"><input value={item.host||""} onChange={e=>field("host",e.target.value)}/></Field><Field label="端口"><input type="number" value={item.port||""} onChange={e=>field("port",e.target.value)}/></Field></div><Field label="只读账号"><input value={item.username||""} onChange={e=>field("username",e.target.value)}/></Field><Field label="服务器密码引用"><input placeholder="XINGBANG_DB_ERP_PASSWORD" value={item.password_env||""} onChange={e=>field("password_env",e.target.value)}/></Field></>}
|
||||
<Field label={item.type==="SQLite"?"服务器 SQLite 文件完整路径":"数据库名称"}><input value={item.database||""} onChange={e=>field("database",e.target.value)}/></Field>
|
||||
<Field label="允许访问的表或视图 · 每行一个"><textarea value={(item.allowed_tables||[]).join("\n")} onChange={e=>field("allowed_tables",e.target.value.split("\n").filter(Boolean))}/></Field>
|
||||
<div className="ra-two"><Field label="超时（秒）"><input type="number" min="1" max="60" value={item.timeout||15} onChange={e=>field("timeout",Number(e.target.value))}/></Field><Field label="最大返回行数"><input type="number" min="1" max="10000" value={item.max_rows||1000} onChange={e=>field("max_rows",Number(e.target.value))}/></Field></div>
|
||||
<p className="ra-note">密码由服务器密钥或环境配置提供，不写入数据卡。数据库账号必须具有只读权限。SQLite 文件须位于服务器允许的目录内。</p>
|
||||
</>}
|
||||
</>}
|
||||
|
||||
export function AlignmentFields({item,field}:Fields){const a=item.alignment||{};const set=(key:string,value:string)=>field("alignment",{...a,[key]:value});return <section className="ra-alignment"><h3>多卡数据对齐</h3><Field label="项目标识源字段"><input value={a.project_field??"project_id"} onChange={e=>set("project_field",e.target.value)}/></Field><div className="ra-two"><Field label="期间源字段（可选）"><input placeholder="period" value={a.period_field||""} onChange={e=>set("period_field",e.target.value)}/></Field><Field label="口径源字段（可选）"><input placeholder="scope" value={a.scope_field||""} onChange={e=>set("scope_field",e.target.value)}/></Field></div><Field label="记录选择方式"><select value={a.selection||"single"} onChange={e=>set("selection",e.target.value)}><option value="single">唯一记录</option><option value="latest">最新一期</option><option value="period">指定期间</option><option value="all">保留多期供综合研判</option></select></Field><div className="ra-two"><Field label="目标口径（可选）"><input placeholder="合并" value={a.target_scope||""} onChange={e=>set("target_scope",e.target.value)}/></Field>{a.selection==="period"&&<Field label="目标期间"><input placeholder="2025" value={a.target_period||""} onChange={e=>set("target_period",e.target.value)}/></Field>}</div><p className="ra-note">不同数据卡平级取数。金额换算保留原值证据，期间、口径及重复记录存在冲突时不自动计算。</p></section>}
|
||||
|
||||
export function RuleFields({item,field,json,setJson}:{item:any;field:Fields["field"];json:string;setJson:(value:string)=>void}){
|
||||
let conditions:any[]=[];let invalid=false;try{conditions=JSON.parse(json);if(!Array.isArray(conditions))invalid=true}catch{invalid=true}
|
||||
const change=(i:number,k:string,v:unknown)=>setJson(JSON.stringify(conditions.map((r,j)=>j===i?{...r,[k]:v}:r),null,2));
|
||||
return <><Field label="人为自然语言规则"><textarea placeholder="例如：结合利润与经营现金流的变化识别疑点，逐项列明证据不足之处，只给核查建议。" value={item.natural_language||""} onChange={e=>field("natural_language",e.target.value)}/></Field><p className="ra-note">所选规则随平级数据卡送入本地模型；模型不可修改规则或作出审批决定。模型未配置时明确显示该项未完成。</p><h3>确定性检查条件</h3>{!invalid&&conditions.map((c,i)=><div className="ra-rule-row" key={i}><Field label="检查名称"><input value={c.title||""} onChange={e=>change(i,"title",e.target.value)}/></Field><div className="ra-two"><Field label="标准字段"><input value={c.field||""} onChange={e=>change(i,"field",e.target.value)}/></Field><Field label="判断条件"><select value={c.operator||"gt"} onChange={e=>change(i,"operator",e.target.value)}><option value="gt">大于</option><option value="lt">小于</option><option value="eq">等于</option></select></Field></div><Field label="阈值"><input type="number" step="any" value={c.threshold??0} onChange={e=>change(i,"threshold",Number(e.target.value))}/></Field><Field label="核查建议"><input value={c.suggestion||""} onChange={e=>change(i,"suggestion",e.target.value)}/></Field><button className="ra-button" title="删除条件" onClick={()=>setJson(JSON.stringify(conditions.filter((_,j)=>j!==i),null,2))}><Trash2 size={15}/></button></div>)}<button className="ra-button" disabled={invalid} onClick={()=>setJson(JSON.stringify([...conditions,{title:"新检查",field:"metrics.debt_ratio",operator:"gt",threshold:0.7,suggestion:"请核实"}],null,2))}><Plus size={15}/>添加条件</button><details className="ra-note"><summary>高级 JSON 配置</summary><Field label="条件 JSON"><textarea className="ra-code" value={json} onChange={e=>setJson(e.target.value)}/></Field></details></>
|
||||
}
|
||||
|
||||
const demoRoles = [
|
||||
{value:"manager", label:"客户经理", description:"查看项目并发起研判，不能修改系统配置。"},
|
||||
{value:"reviewer", label:"发布审核员", description:"审核发布规则与协同成果，不能直接修改配置。"},
|
||||
{value:"admin", label:"配置管理员", description:"维护演示配置、规则与数据连接。"},
|
||||
];
|
||||
|
||||
export function AccessDialog({close,connected}:{close:()=>void;connected:()=>void}){
|
||||
const [role,setRole]=useState(()=>{const stored=sessionStorage.getItem("xingbang-demo-role");return demoRoles.some(item=>item.value===stored)?stored!:"manager"});
|
||||
const selected=demoRoles.find(item=>item.value===role)!;
|
||||
const finish=(next?:string)=>{sessionStorage.removeItem("xingbang-access-token");if(next)sessionStorage.setItem("xingbang-demo-role",next);else sessionStorage.removeItem("xingbang-demo-role");connected()};
|
||||
return <div className="ra-overlay"><section className="ra-confirm" role="dialog" aria-modal="true"><button style={{float:"right"}} title="关闭身份窗口" onClick={close}><X size={18}/></button><ShieldCheck size={24}/><h2>选择演示身份</h2><Field label="当前身份"><select aria-label="演示身份" value={role} onChange={e=>setRole(e.target.value)}>{demoRoles.map(item=><option key={item.value} value={item.value}>{item.label}</option>)}</select></Field><p>{selected.description}</p><p className="ra-note">这是临时演示入口，仅用于业务工作台和模拟数据。通用聊天及文件工具仍需管理员令牌，后续可切换为正式令牌或单点登录。</p><div><button className="ra-button" onClick={()=>finish()}>退出演示身份</button><button className="ra-button primary" onClick={()=>finish(role)}>以此身份进入</button></div></section></div>
|
||||
}
|
||||
|
||||
export function Reviews({items,busy,review}:{items:any[];busy:boolean;review:(id:string,approve:boolean,note:string)=>void}){const [notes,setNotes]=useState<Record<string,string>>({});return <section>{items.map(r=><article className="ra-review-row" key={r.id}><h3>{r.snapshot.name} · {r.snapshot.version}</h3><p className="ra-note">提交人 {r.submitted_by} · {new Date(r.time).toLocaleString()} · {r.status}</p><details className="ra-note"><summary>查看本次提交内容</summary><pre className="ra-result-json">{JSON.stringify(r.snapshot,null,2)}</pre></details>{r.status==="pending"?<><Field label="审核意见"><input value={notes[r.id]||""} onChange={e=>setNotes({...notes,[r.id]:e.target.value})}/></Field><button className="ra-button" disabled={busy||!notes[r.id]?.trim()} onClick={()=>review(r.id,false,notes[r.id])}>驳回</button> <button className="ra-button primary" disabled={busy||!notes[r.id]?.trim()} onClick={()=>review(r.id,true,notes[r.id])}>审核并发布</button></>:<p className="ra-note">{r.reviewed_by}：{r.note}</p>}</article>)}{!items.length&&<p className="ra-empty">暂无审核记录</p>}</section>}
|
||||
|
||||
export function ResultExtras({result,previous}:{result:any;previous:any}){const exportResult=()=>{const blob=new Blob([JSON.stringify(result,null,2)],{type:"application/json"});const url=URL.createObjectURL(blob);const a=document.createElement("a");a.href=url;a.download=`risk-${result.project_id}-${result.id.slice(0,8)}.json`;a.click();setTimeout(()=>URL.revokeObjectURL(url),1000)};const changes=previous&&previous.project_id===result.project_id?Object.keys({...previous.values,...result.values}).filter(k=>previous.values?.[k]!==result.values?.[k]):[];return <div><button className="ra-button" onClick={exportResult}><Download size={15}/>导出建议与证据</button>{result.summary?.incomplete&&<p className="ra-alert error">本次存在信息缺失或未完成检查，请补充或核查后重新研判。</p>}{previous&&previous.project_id===result.project_id&&<details className="ra-note"><summary>与上次运行比较：{changes.length} 项数据变化</summary>{changes.map(k=><p key={k}>{k}：{String(previous.values?.[k]??"缺失")} → {String(result.values?.[k]??"缺失")}</p>)}</details>}</div>}
|
||||
@@ -0,0 +1,86 @@
|
||||
"use client";
|
||||
|
||||
import { useEffect, useRef, useState } from "react";
|
||||
import { Activity, ArrowLeft, ArrowRight, Boxes, Check, CheckCircle2, ChevronRight, CircleDashed, Copy, Database, FileCode2, FolderUp, History, Layers3, Loader2, Pencil, Play, Plus, Search, ShieldCheck, Sparkles, Trash2, Workflow, X } from "lucide-react";
|
||||
import "./workspace.css";
|
||||
import {ConnectionFields, AlignmentFields, RuleFields, AccessDialog, Reviews, ResultExtras} from "./Enhancements";
|
||||
import AgentNav from "@/components/xingbang/AgentNav";
|
||||
|
||||
type Item = { id: string; name: string; description?: string; status: string; version: string; [key: string]: any };
|
||||
type Kind = "connections" | "cards" | "skills" | "rules" | "plans";
|
||||
type Catalog = Record<Kind, Item[]>;
|
||||
const EMPTY: Catalog = {connections:[],cards:[],skills:[],rules:[],plans:[]};
|
||||
const META = {connections:{label:"数据连接",icon:Database},cards:{label:"数据卡",icon:Layers3},skills:{label:"Skills 能力库",icon:Sparkles},rules:{label:"规则集",icon:ShieldCheck},plans:{label:"研判方案",icon:Workflow}};
|
||||
const STATUS: Record<string,string> = {published:"已发布",draft:"草稿",archived:"已归档"};
|
||||
const API = "/api/risk-agent";
|
||||
async function api(path: string, method="GET", body?: unknown) {
|
||||
const token=typeof window!=="undefined"?sessionStorage.getItem("xingbang-access-token"):null, role=typeof window!=="undefined"?sessionStorage.getItem("xingbang-demo-role"):null;
|
||||
const r=await fetch(API+path,{method,headers:{"Content-Type":"application/json",...(token?{"Authorization":"Bearer "+token}:{}),...(role?{"X-Xingbang-Demo-Role":role}:{})},body:body===undefined?undefined:JSON.stringify(body)});
|
||||
const data=await r.json();
|
||||
if(!r.ok) throw Error(typeof data.detail==="string"?data.detail:JSON.stringify(data.detail||data));
|
||||
return data;
|
||||
}
|
||||
const defaults = (kind:Kind): Record<string,unknown> => ({connections:{type:"demo",host:"",database:""},cards:{connection:"conn-erp",sql:"SELECT * FROM finance WHERE project_id = :project_id",mapping:{"financial.total_assets":"assets","financial.total_liabilities":"liabilities"},skills:[],grain:"客户 + 期间 + 口径",unit:"万元",period:"2025",scope:"合并"},skills:{engine:"quality",inputs:["*"],output:"quality.findings",instructions:"识别空值与缺失字段"},rules:{conditions:[]},plans:{cards:[],skills:[],rules:[]}}[kind]);
|
||||
|
||||
export default function RiskAgentConsole() {
|
||||
const folderInput=useRef<HTMLInputElement>(null);
|
||||
const [catalog,setCatalog]=useState<Catalog>(EMPTY),[view,setView]=useState<Kind|"run"|"history"|"reviews">("cards");
|
||||
const [search,setSearch]=useState(""),[status,setStatus]=useState("active"),[loading,setLoading]=useState(true),[busy,setBusy]=useState(false),[error,setError]=useState(""),[notice,setNotice]=useState("");
|
||||
const [editor,setEditor]=useState<{kind:Kind;item:Item;fresh:boolean}|null>(null),[advanced,setAdvanced]=useState(false),[json,setJson]=useState(""),[confirmDelete,setConfirmDelete]=useState<{kind:Kind;item:Item}|null>(null);
|
||||
const [project,setProject]=useState("XB-2026-001"),[plan,setPlan]=useState("plan-default"),[result,setResult]=useState<any>(null),[history,setHistory]=useState<any[]>([]),[test,setTest]=useState<any>(null);
|
||||
const [nativeSkills,setNativeSkills]=useState<any[]>([]);
|
||||
async function reload() { setCatalog(await api("/catalog")); }
|
||||
const [access,setAccess]=useState<any>({role:"admin",preview:true}),[accessOpen,setAccessOpen]=useState(false),[reviewItems,setReviewItems]=useState<any[]>([]),[previous,setPrevious]=useState<any>(null);
|
||||
const canManage=access.role!=="manager", canEdit=access.role==="admin";
|
||||
async function connectIdentity(){try{const user=await api("/access/context");const requested=typeof window!=="undefined"?new URLSearchParams(window.location.search).get("view"):null;const initialView=requested&&["run","history","rules"].includes(requested)?requested:(user.role==="manager"?"run":"cards");setAccess(user);setResult(null);setHistory([]);setEditor(null);setView(initialView as Kind|"run"|"history");await reload();if(user.role!=="manager")setNativeSkills(await api("/native-skills/list"));setAccessOpen(false);setError("")}catch(e:any){setError(e.message);setCatalog(EMPTY);setAccessOpen(true)}finally{setLoading(false)}}
|
||||
useEffect(()=>{connectIdentity()},[]);
|
||||
async function perform(fn:()=>Promise<void>){setBusy(true);setError("");setNotice("");try{await fn()}catch(e:any){setError(e.message)}finally{setBusy(false)}}
|
||||
function open(kind:Kind,item?:Item) {
|
||||
const value=item?structuredClone(item):{...defaults(kind),id:"",name:"",description:"",status:"draft",version:"v1"} as Item;
|
||||
setEditor({kind,item:value,fresh:!item});setAdvanced(false);setTest(null);
|
||||
setJson(JSON.stringify(kind==="cards"?value.mapping||{}:kind==="rules"?value.conditions||[]:{},null,2));
|
||||
}
|
||||
function field(key:string,value:unknown){setEditor(e=>e?{...e,item:{...e.item,[key]:value}}:e)}
|
||||
function toggle(key:string,id:string){if(editor)field(key,(editor.item[key]||[]).includes(id)?editor.item[key].filter((x:string)=>x!==id):[...(editor.item[key]||[]),id])}
|
||||
async function save(publish=false){if(!editor)return;await perform(async()=>{
|
||||
const data={...editor.item};if(editor.kind==="cards")data.mapping=JSON.parse(json);if(editor.kind==="rules")data.conditions=JSON.parse(json);
|
||||
data.status=publish&&access.preview?"published":"draft";
|
||||
const saved=await api(`/${editor.kind}${editor.fresh?"":"/"+data.id}`,editor.fresh?"POST":"PUT",{name:data.name,data});
|
||||
if(editor.fresh&&publish&&access.preview)await api(`/${editor.kind}/${saved.id}`,"PUT",{name:saved.name,data:{...saved,status:"published"}});
|
||||
if(publish&&!access.preview)await api(`/${editor.kind}/${saved.id}/submit`,"POST");
|
||||
await reload();setEditor(null);setNotice(publish?(access.preview?"配置已发布，后续运行使用新版本。":"已提交审核，独立审核员批准后生效。"):"草稿已保存。");
|
||||
})}
|
||||
async function importSkills(files:FileList|null){
|
||||
const selected=Array.from(files||[]).filter(file=>file.name==="SKILL.md");
|
||||
if(!selected.length){setError("所选文件夹中没有 SKILL.md");return;}
|
||||
await perform(async()=>{const result=await api("/native-skills/import","POST",{skills:await Promise.all(selected.map(async file=>({skill_md:await file.text()})))});await reload();setNativeSkills(await api("/native-skills/list"));setView("skills");setNotice(`已导入 ${result.count} 个 Skill${access.preview?"并发布":"为待审核草稿"}。`)});
|
||||
if(folderInput.current)folderInput.current.value="";
|
||||
}
|
||||
const active=(kind:Kind)=>catalog[kind].filter(x=>x.status!=="archived");
|
||||
const title=view==="reviews"?"发布审核":view==="run"?"项目提交前自查":view==="history"?"研判运行记录":META[view as Kind].label;
|
||||
const subtitle=view==="cards"?"把业务数据封装成可复用的数据卡，连接每一次风险研判。":view==="skills"?"组合专业检查、确定性计算与语义分析能力。":view==="plans"?"选择数据、能力与规则，形成客户经理的一键自查方案。":view==="run"?"项目事实、专业检查与制度规则在同一条证据链上汇合。":view==="rules"?"管理检查条件与核查建议，保留每一个制度版本。":view==="connections"?"统一维护连接配置，由数据卡复用。":view==="reviews"?"核对提交版本，由独立审核员发布或驳回。":"回看数据快照、配置版本、执行结果与证据。";
|
||||
const items=view in META?catalog[view as Kind].filter(x=>(status==="all"||x.status!=="archived")&&(x.name+" "+x.description).toLowerCase().includes(search.toLowerCase())):[];
|
||||
return <div className="xb-agent-shell"><AgentNav active="risk" project={project} identity={access}/><div className="ra-app">
|
||||
<aside className="ra-sidebar"><a href="/" className="ra-brand"><div className="ra-brand-mark"><Activity size={22}/></div><div>兴邦金租<small>RISK INTELLIGENCE</small></div></a><div className="ra-side-label">客户经理</div><button className={view==="run"?"active":""} onClick={()=>setView("run")}><ShieldCheck size={18}/>项目风险自查</button><button className={view==="history"?"active":""} onClick={()=>{setView("history");perform(async()=>setHistory(await api("/runs/history")))}}><History size={18}/>运行记录</button><div className="ra-side-label">配置管理</div>{(canManage?Object.keys(META) as Kind[]:[]).map(k=>{const Icon=META[k].icon;return <button key={k} className={view===k?"active":""} onClick={()=>{setView(k);setSearch("")}}><Icon size={18}/>{META[k].label}<span>{active(k).length}</span></button>})}{canManage&&<button className={view==="reviews"?"active":""} onClick={()=>{setView("reviews");perform(async()=>setReviewItems(await api("/reviews/list")))}}><ShieldCheck size={18}/>发布审核</button>}<div className="ra-sidebar-bottom"><div className="ra-env-dot"/>本地业务验证环境<small>示例数据 · 演示规则</small><a href="/xingbang-workbench"><ArrowLeft size={14}/>返回项目总览</a></div></aside>
|
||||
<div className="ra-body"><header className="ra-top"><div>风险研判 Agent <ChevronRight size={14}/><b>{title}</b></div><span className="ra-badge">业务验证版</span><button className="ra-button" onClick={()=>setAccessOpen(true)}>{access.preview?"本机预览":({admin:"配置管理员",manager:"客户经理",reviewer:"发布审核员"} as Record<string,string>)[access.role]}</button></header>
|
||||
<main className="ra-main"><div className="ra-heading"><div><div className="ra-eyebrow">RISK AGENT / {view.toUpperCase()}</div><h1>{title}</h1><p>{subtitle}</p></div>{canEdit&&view in META&&<div className="ra-heading-actions">{view==="skills"&&<><input ref={folderInput} className="ra-folder-input" type="file" multiple {...({webkitdirectory:"",directory:""} as any)} onChange={e=>importSkills(e.target.files)}/><button className="ra-button" onClick={()=>folderInput.current?.click()}><FolderUp size={16}/>从本地文件夹导入</button></>}<button className="ra-button primary" onClick={()=>open(view as Kind)}><Plus size={16}/>新建{META[view as Kind].label}</button></div>}</div>
|
||||
{error&&<div role="alert" className="ra-alert error">{error}<button title="关闭错误" onClick={()=>setError("")}><X size={16}/></button></div>}{notice&&<div role="status" className="ra-alert">{notice}<button title="关闭提示" onClick={()=>setNotice("")}><X size={16}/></button></div>}
|
||||
<div className="ra-pipeline">{[{label:"业务数据",sub:`${active("cards").length} 张数据卡`,icon:Database},{label:"专业能力",sub:`${active("skills").length} 项 Skills`,icon:Sparkles},{label:"制度规则",sub:`${active("rules").length} 套规则集`,icon:ShieldCheck},{label:"研判方案",sub:`${active("plans").length} 个方案`,icon:Workflow}].map((x,i)=><div key={x.label} className="ra-pipeline-step"><span className={`ra-stage-icon color-${i}`}><x.icon size={19}/></span><div><b>{x.label}</b><small>{x.sub}</small></div>{i<3&&<ArrowRight className="ra-pipeline-arrow" size={18}/>}</div>)}</div>
|
||||
{loading?<div className="ra-empty"><Loader2 className="ra-spin"/>正在读取配置…</div>:view in META?<><div className="ra-toolbar"><div className="ra-search"><Search size={16}/><input aria-label="搜索配置" placeholder="搜索名称或业务描述…" value={search} onChange={e=>setSearch(e.target.value)}/></div><select aria-label="状态筛选" value={status} onChange={e=>setStatus(e.target.value)}><option value="active">有效配置</option><option value="all">包含归档</option></select><span>{items.length} 个配置</span></div><div className="ra-card-grid">{items.map(item=>{const kind=view as Kind,Icon=META[kind].icon;return <article className="ra-card" key={item.id}><div className="ra-card-top"><div className={`ra-object-icon ${kind}`}><Icon size={23}/></div><span className={`ra-status ${item.status}`}><i/>{STATUS[item.status]}</span></div><h2>{item.name}</h2><p>{item.description||"尚未填写业务描述"}</p>{kind==="cards"?<><div className="ra-chips"><span>{catalog.connections.find(c=>c.id===item.connection)?.name||"未选择连接"}</span><span>{Object.keys(item.mapping||{}).length} 个字段</span></div><div className="ra-card-detail"><span>记录粒度</span><b>{item.grain||"未定义"}</b></div><div className="ra-card-detail"><span>关联 Skills</span><b>{(item.skills||[]).length} 项</b></div></>:kind==="skills"?<><div className="ra-chips"><span>{{quality:"质量检查",ratio:"确定性计算",overdue:"征信检查",model:"本地模型"}[item.engine as string]||item.engine}</span></div><div className="ra-card-detail"><span>输入依赖</span><b>{(item.inputs||[]).length} 个字段</b></div></>:kind==="plans"?<><div className="ra-plan-counts">{["cards","skills","rules"].map((k,i)=><div key={k}><b>{(item[k]||[]).length}</b><small>{["数据卡","Skills","规则集"][i]}</small></div>)}</div></>:kind==="rules"?<div className="ra-card-detail"><span>配置条件</span><b>{(item.conditions||[]).length} 条</b></div>:<><div className="ra-chips"><span>{item.type==="demo"?"演示数据库":item.type}</span></div><div className="ra-card-detail"><span>连接状态</span><b>{item.type==="demo"?"本地样例可运行":item.type==="SQLite"?"只读业务库已就绪":"只读连接已配置"}</b></div></>}
|
||||
<footer><span>{item.version}</span><div><button disabled={!canEdit} title="复制为草稿" onClick={()=>{open(kind,{...item,id:"",name:item.name+" 副本",status:"draft"});setEditor(e=>e?{...e,fresh:true}:e)}}><Copy size={15}/></button><button disabled={!canEdit} title="归档配置" onClick={()=>setConfirmDelete({kind,item})}><Trash2 size={15}/></button><button disabled={!canEdit} className="ra-edit" onClick={()=>open(kind,item)}><Pencil size={14}/>配置</button></div></footer></article>})}<button disabled={!canEdit} className="ra-add-card" onClick={()=>open(view as Kind)}><Plus size={27}/><b>添加{META[view as Kind].label}</b><span>扩展你的研判能力</span></button></div></>:view==="run"?<><section className="ra-run-form"><label>项目编号<input value={project} onChange={e=>setProject(e.target.value)}/></label><label>研判方案<select value={plan} onChange={e=>setPlan(e.target.value)}>{active("plans").map(p=><option key={p.id} value={p.id}>{p.name} · {STATUS[p.status]}</option>)}</select></label><button disabled={busy} className="ra-button primary" onClick={()=>perform(async()=>{setPrevious(result);setResult(await api(`/plans/${plan}/run`,"POST",{project_id:project}))})}>{busy?<Loader2 className="ra-spin" size={16}/>:<Play size={16}/>}开始风险自查</button></section><p className="ra-note">示例项目 XB-2026-001。数据库查询与指标计算真实执行；尚未接入兴邦 ERP 与正式制度，本地模型需配置内网端点。</p>{result?<><ResultExtras result={result} previous={previous}/><Results result={result}/></>:<div className="ra-empty"><ShieldCheck size={36}/><h2>从项目事实开始研判</h2><p>选择已发布方案，查看检查结果与来源证据。</p></div>}</>:view==="reviews"?<Reviews items={reviewItems} busy={busy} review={(id,approve,note)=>perform(async()=>{await api(`/reviews/${id}/review`,"POST",{approve,note});setReviewItems(await api("/reviews/list"));await reload();setNotice(approve?"已审核发布":"已驳回")})}/>:<><div className="ra-history">{history.map(r=><button key={r.id} onClick={()=>{setResult(r);setView("run")}}><History size={18}/><div><b>{r.project_id} · {r.plan.name}</b><small>{new Date(r.time).toLocaleString()} · {r.mode}</small></div><span>{r.findings.length} 项关注</span><ChevronRight size={16}/></button>)}</div>{!history.length&&<div className="ra-empty">暂无运行记录</div>}</>}
|
||||
</main></div>
|
||||
{editor&&<div className="ra-overlay"><section className="ra-drawer" role="dialog" aria-modal="true" aria-label="配置编辑"><header><div><small>{META[editor.kind].label} / {editor.fresh?"新建":"编辑"}</small><h2>{editor.item.name||"新配置"}</h2></div><button title="关闭编辑" onClick={()=>setEditor(null)}><X size={22}/></button></header><div className="ra-drawer-body">{error&&<div className="ra-alert error">{error}</div>}<div className="ra-two"><Field label="名称"><input value={editor.item.name} onChange={e=>field("name",e.target.value)}/></Field><Field label="版本 / 状态"><input readOnly value={`${editor.item.version} · ${STATUS[editor.item.status]}`}/></Field></div><Field label="业务描述"><textarea value={editor.item.description||""} onChange={e=>field("description",e.target.value)}/></Field>
|
||||
{editor.kind==="connections"&&<ConnectionFields item={editor.item} field={field}/>}
|
||||
{editor.kind==="cards"&&<><Field label="复用数据连接"><select value={editor.item.connection||""} onChange={e=>field("connection",e.target.value)}><option value="">请选择</option>{active("connections").map(c=><option key={c.id} value={c.id}>{c.name}</option>)}</select></Field><Field label="记录粒度"><input value={editor.item.grain||""} onChange={e=>field("grain",e.target.value)}/></Field><div className="ra-two"><Field label="金额单位"><input value={editor.item.unit||""} onChange={e=>field("unit",e.target.value)}/></Field><Field label="报表期间"><input value={editor.item.period||""} onChange={e=>field("period",e.target.value)}/></Field></div><Field label="财务口径"><input value={editor.item.scope||""} onChange={e=>field("scope",e.target.value)}/></Field><AlignmentFields item={editor.item} field={field}/><CheckList title="关联 Skills" items={active("skills")} checked={editor.item.skills||[]} onToggle={id=>toggle("skills",id)}/><button className="ra-button" onClick={()=>setAdvanced(!advanced)}><FileCode2 size={15}/>{advanced?"收起":"展开"} SQL 与字段映射</button>{advanced&&<><Field label="参数化 SQL · :project_id"><textarea className="ra-code" value={editor.item.sql||""} onChange={e=>field("sql",e.target.value)}/></Field><Field label="字段映射 · 标准字段 → 源字段 (JSON)"><textarea className="ra-code" value={json} onChange={e=>setJson(e.target.value)}/></Field></>}<button disabled={busy||editor.fresh} className="ra-button" onClick={()=>perform(async()=>setTest(await api(`/cards/${editor.item.id}/test`,"POST",{project_id:project})))}><Play size={15}/>测试已保存版本</button>{test&&<pre className="ra-result-json">{JSON.stringify(test,null,2)}</pre>}</>}
|
||||
{editor.kind==="skills"&&<><Field label="执行器"><select value={editor.item.engine} onChange={e=>field("engine",e.target.value)}><option value="quality">数据质量检查</option><option value="ratio">比率计算（Python）</option><option value="overdue">征信输入检查</option><option value="model">本地模型</option></select></Field><Field label="所需标准字段 · 每行一个"><textarea value={(editor.item.inputs||[]).join("\n")} onChange={e=>field("inputs",e.target.value.split("\n"))}/></Field>{editor.item.engine==="ratio"&&<div className="ra-two"><Field label="分子字段"><input value={editor.item.numerator||""} onChange={e=>field("numerator",e.target.value)}/></Field><Field label="分母字段"><input value={editor.item.denominator||""} onChange={e=>field("denominator",e.target.value)}/></Field></div>}<Field label="输出字段"><input value={editor.item.output||""} onChange={e=>field("output",e.target.value)}/></Field>{editor.item.engine==="model"&&<CheckList title="mini-openclaw 原生 Skills" items={nativeSkills.map(s=>({...s,status:"published",version:"SKILL.md"}))} checked={editor.item.native_skills||[]} onToggle={id=>toggle("native_skills",id)}/>}<Field label="业务说明 / 模型指令"><textarea value={editor.item.instructions||""} onChange={e=>field("instructions",e.target.value)}/></Field><p className="ra-note">确定性执行器依据结构化字段运行；模型指令在配置本地模型端点后执行。当前不支持上传任意 Python 脚本。</p></>}
|
||||
{editor.kind==="rules"&&<RuleFields item={editor.item} field={field} json={json} setJson={setJson}/>}
|
||||
{editor.kind==="plans"&&<><CheckList title="选择数据卡" items={active("cards")} checked={editor.item.cards||[]} onToggle={id=>toggle("cards",id)}/><CheckList title="选择 Skills" items={active("skills")} checked={editor.item.skills||[]} onToggle={id=>toggle("skills",id)}/><CheckList title="选择规则集" items={active("rules")} checked={editor.item.rules||[]} onToggle={id=>toggle("rules",id)}/><Dependency plan={editor.item} catalog={catalog}/></>}
|
||||
</div><footer><button className="ra-button" onClick={()=>setEditor(null)}>取消</button><button disabled={busy||!editor.item.name.trim()} className="ra-button" onClick={()=>save()}>保存草稿</button><button disabled={busy||!editor.item.name.trim()} className="ra-button primary" onClick={()=>save(true)}><Check size={16}/>{access.preview?"保存并发布":"保存并提交审核"}</button></footer></section></div>}
|
||||
{confirmDelete&&<div className="ra-overlay"><section className="ra-confirm" role="dialog" aria-modal="true"><Trash2 size={24}/><h2>归档「{confirmDelete.item.name}」？</h2><p>配置将停止使用，历史运行快照保留。被其他有效配置引用时需要先解除关联。</p><div><button className="ra-button" onClick={()=>setConfirmDelete(null)}>取消</button><button disabled={busy} className="ra-button primary" onClick={()=>perform(async()=>{await api(`/${confirmDelete.kind}/${confirmDelete.item.id}`,"DELETE");await reload();setConfirmDelete(null);setNotice("配置已归档")})}>确认归档</button></div>{error&&<p role="alert">{error}</p>}</section></div>}
|
||||
{accessOpen&&<AccessDialog close={()=>setAccessOpen(false)} connected={connectIdentity}/>}
|
||||
</div></div>;
|
||||
}
|
||||
function Field({label,children}:{label:string;children:React.ReactNode}){return <label className="ra-field"><span>{label}</span>{children}</label>}
|
||||
function CheckList({title,items,checked,onToggle}:{title:string;items:Item[];checked:string[];onToggle:(id:string)=>void}){return <section className="ra-checks"><h3>{title}<span>{checked.length} 已选</span></h3>{items.map(item=><label key={item.id}><input type="checkbox" checked={checked.includes(item.id)} onChange={()=>onToggle(item.id)}/><div><b>{item.name}</b><small>{item.description}</small></div><span className={`ra-status ${item.status}`}>{STATUS[item.status]}</span></label>)}</section>}
|
||||
function Dependency({plan,catalog}:{plan:Item;catalog:Catalog}){const fields=new Set(catalog.cards.filter(c=>(plan.cards||[]).includes(c.id)).flatMap(c=>Object.keys(c.mapping||{})));const issues=catalog.skills.filter(s=>(plan.skills||[]).includes(s.id)).flatMap(s=>(s.inputs||[]).filter((f:string)=>f!=="*"&&!fields.has(f)).map((f:string)=>s.name+" 缺少 "+f));return <div className={"ra-dependency "+(issues.length?"warning":"")}><h3>输入依赖检查</h3>{issues.length?issues.map((x:string)=><p key={x}>{x}</p>):<p>所选 Skills 的声明字段均有数据卡提供。</p>}</div>}
|
||||
function Results({result}:{result:any}){return <div className="ra-results"><section className="ra-findings"><div className="ra-section-heading"><h2>研判发现 <span>{result.findings.length}</span></h2><span className="ra-badge">{result.mode}</span></div>{result.findings.map((f:any,i:number)=><article key={i}><div className="ra-finding-title"><span className={"ra-finding-dot "+(f.category==="信息缺失"?"missing":"")}/><h3>{f.title}</h3><span>{f.category}</span></div><p>{f.suggestion}</p>{f.value!==undefined&&<p>计算值：<b>{Number(f.value).toFixed(4)}</b></p>}<details><summary>证据与规则 <ChevronRight size={13}/></summary><pre>{JSON.stringify({来源:f.evidence,规则:f.rule,条件:f.condition},null,2)}</pre></details></article>)}{result.advisories?.map((a:any,i:number)=><article key={`model-${i}`}><h3>{a.skill}</h3><span className="ra-badge">{a.status}</span><p style={{whiteSpace:"pre-wrap"}}>{a.text}</p></article>)}{!result.findings.length&&<p className="ra-note">当前检查未发现异常；不代表项目无风险。</p>}</section><aside className="ra-trace"><h2>执行轨迹</h2>{result.agent_traces?.map((trace:any,i:number)=><details key={`core-${i}`}><summary><Workflow size={17}/><span><b>mini-openclaw Agent 内核</b><small>{trace.skill} · 工具调用轨迹</small></span></summary>{trace.messages.filter((m:any)=>m.type!=="human").map((m:any,j:number)=><div key={j}><b>{m.type} {m.data.name||""}</b><pre>{JSON.stringify({content:m.data.content,tool_calls:m.data.tool_calls},null,2)}</pre></div>)}</details>)}<p className="ra-note">{new Date(result.time).toLocaleString()}</p>{result.steps.map((s:any,i:number)=><details key={i}><summary>{s.status==="完成"?<CheckCircle2 size={17}/>:<CircleDashed size={17}/>}<span><b>{s.name}</b><small>{s.status} · {s.version}</small></span></summary><p>{s.detail}</p>{s.rows&&<pre>{JSON.stringify(s.rows,null,2)}</pre>}</details>)}<p className="ra-note">运行 ID：{result.id}</p></aside></div>}
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user