@winspan/claude-forge 8.54.4 → 9.12.0

package/dist/web/static/assets/IssuesPage-SKmhlCrw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IssuesPage-SKmhlCrw.js","sources":["../../src/pages/IssuesPage.tsx"],"sourcesContent":["/**\n * IssuesPage — 治理 · 问题（治理）列表 (Phase 3b, decision 29688066).\n *\n * 替换 `/issues` 的占位组件（接管旧 ViolationsPage 的语义，改名「问题」+ 前端\n * merge 三源）。把原型「问题」列表翻译成真 Arco 组件（**严禁直搬原型 Tailwind CSS**）：\n *   - 两 Tab：①拦截/违规/失败（一表，Arco Table，按时间倒序）②漂移（Arco Card 卡片）。\n *   - 列：类型 Tag / 严重度 Tag / 标题（规则名 or 任务标题）/ 动作 or 来源 / session/任务 / 时间。\n *   - 点行进整页详情 `/issues/:id`（稳定 id 带源前缀）。\n *\n * 三源前端 merge（零新后端）：/api/violations + /api/tasks(failed) + /api/drift/report。\n * 受全局时间窗驱动（各源按 days/window）。取数 + merge 在 useIssuesFeed / issues-derive，\n * 本组件只渲染派生结果。drift 源缺失（端点报错）→ 漂移 Tab 显空态降级，不阻塞前两源。\n */\nimport { useMemo, useState } from 'react'\nimport { useNavigate } from 'react-router-dom'\n\nimport Card from '@arco-design/web-react/es/Card'\nimport Table from '@arco-design/web-react/es/Table'\nimport Tabs from '@arco-design/web-react/es/Tabs'\nimport Tag from '@arco-design/web-react/es/Tag'\nimport Grid from '@arco-design/web-react/es/Grid'\nimport Typography from '@arco-design/web-react/es/Typography'\nimport Button from '@arco-design/web-react/es/Button'\nimport Empty from '@arco-design/web-react/es/Empty'\nimport Result from '@arco-design/web-react/es/Result'\nimport Alert from '@arco-design/web-react/es/Alert'\nimport { IconRight, IconExclamationCircle } from '@arco-design/web-react/icon'\n\nimport { useIssuesFeed } from '../hooks/useIssuesFeed'\nimport {\n  splitIssues,\n  buildIssueCounts,\n  typeLabel,\n  typeColor,\n  severityLabel,\n  severityColor,\n  fmtTime,\n  type Issue,\n} from '../hooks/issues-derive'\n\nconst TabPane = Tabs.TabPane\nconst Row = Grid.Row\nconst Col = Grid.Col\n\nfunction typeTag(t: Issue['type']) {\n  return (\n    <Tag color={typeColor(t)} size=\"small\">\n      {typeLabel(t)}\n    </Tag>\n  )\n}\n\nfunction sevTag(s: Issue['severity']) {\n  return (\n    <Tag color={severityColor(s)} size=\"small\">\n      {severityLabel(s)}\n    </Tag>\n  )\n}\n\n/** 漂移卡片（端点 fail check → 卡片，与原型漂移网格对齐成 Arco Card）。 */\nfunction DriftCard({ issue }: { issue: Issue }) {\n  return (\n    <Card bordered style={{ height: '100%' }}>\n      <div style={{ display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap' }}>\n        <IconExclamationCircle style={{ color: 'rgb(var(--gold-6))' }} />\n        <Typography.Text style={{ fontSize: 14, fontWeight: 600 }}>{issue.rule}</Typography.Text>\n        {sevTag(issue.severity)}\n      </div>\n      <Typography.Paragraph style={{ margin: '8px 0 0', fontSize: 13 }}>\n        {issue.what}\n      </Typography.Paragraph>\n      <div\n        style={{\n          marginTop: 10,\n          paddingTop: 8,\n          borderTop: '1px solid var(--color-border-1)',\n          display: 'flex',\n          justifyContent: 'flex-end',\n        }}\n      >\n        <Button type=\"text\" size=\"mini\">\n          查看详情 <IconRight />\n        </Button>\n      </div>\n    </Card>\n  )\n}\n\nexport default function IssuesPage() {\n  const navigate = useNavigate()\n  const { issues, loading, isError, error, violationsError, tasksError, driftError, tasksTruncated } =\n    useIssuesFeed()\n  const [tab, setTab] = useState<'primary' | 'drift'>('primary')\n\n  const { primary, drift } = useMemo(() => splitIssues(issues), [issues])\n  const counts = useMemo(() => buildIssueCounts(issues), [issues])\n\n  if (isError) {\n    return (\n      <div style={{ padding: 16 }}>\n        <Result\n          status=\"error\"\n          title=\"加载问题失败\"\n          subTitle={error?.message || '三源端点均不可用'}\n        />\n      </div>\n    )\n  }\n\n  const goDetail = (id: string) => navigate(`/issues/${encodeURIComponent(id)}`)\n\n  const columns = [\n    {\n      title: '类型',\n      dataIndex: 'type',\n      width: 84,\n      render: (_: unknown, row: Issue) => typeTag(row.type),\n    },\n    {\n      title: '严重度',\n      dataIndex: 'severity',\n      width: 76,\n      render: (_: unknown, row: Issue) => sevTag(row.severity),\n    },\n    {\n      title: '问题 · 规则',\n      dataIndex: 'title',\n      render: (_: unknown, row: Issue) => (\n        <div style={{ minWidth: 0 }}>\n          <Typography.Paragraph\n            style={{ margin: 0, fontSize: 13 }}\n            ellipsis={{ rows: 1, showTooltip: true }}\n          >\n            {row.title}\n          </Typography.Paragraph>\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12, fontFamily: 'monospace' }}>\n            {row.rule}\n          </Typography.Text>\n        </div>\n      ),\n    },\n    {\n      title: '动作 / 来源',\n      dataIndex: 'action',\n      width: 110,\n      render: (_: unknown, row: Issue) => (\n        <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n          {row.action}\n        </Typography.Text>\n      ),\n    },\n    {\n      title: 'session / 任务',\n      dataIndex: 'session',\n      width: 130,\n      render: (_: unknown, row: Issue) =>\n        row.relatedTaskId ? (\n          <Button\n            type=\"text\"\n            size=\"mini\"\n            style={{ paddingLeft: 0, fontFamily: 'monospace', fontSize: 12 }}\n            onClick={(e) => {\n              e.stopPropagation()\n              navigate(`/tasks/${encodeURIComponent(row.relatedTaskId!)}`)\n            }}\n          >\n            {row.relatedTaskId.slice(0, 8)}…\n          </Button>\n        ) : row.session ? (\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12, fontFamily: 'monospace' }}>\n            {row.session.slice(0, 8)}…\n          </Typography.Text>\n        ) : (\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n            —\n          </Typography.Text>\n        ),\n    },\n    {\n      title: '时间',\n      dataIndex: 'time',\n      width: 120,\n      sorter: (a: Issue, b: Issue) => (a.time < b.time ? -1 : a.time > b.time ? 1 : 0),\n      render: (_: unknown, row: Issue) => (\n        <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n          {fmtTime(row.time)}\n        </Typography.Text>\n      ),\n    },\n    {\n      title: '操作',\n      dataIndex: 'op',\n      width: 72,\n      align: 'right' as const,\n      render: (_: unknown, row: Issue) => (\n        <Button\n          type=\"text\"\n          size=\"mini\"\n          onClick={(e) => {\n            e.stopPropagation()\n            goDetail(row.id)\n          }}\n        >\n          详情 <IconRight />\n        </Button>\n      ),\n    },\n  ]\n\n  return (\n    <div style={{ padding: 16, display: 'flex', flexDirection: 'column', gap: 16 }}>\n      <Card bordered>\n        <div style={{ display: 'flex', alignItems: 'center', gap: 12, flexWrap: 'wrap' }}>\n          <Typography.Title heading={6} style={{ margin: 0 }}>\n            问题\n          </Typography.Title>\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n            前端 merge 三源 · 拦截 / 违规 / 失败任务 / 漂移（零新后端）\n          </Typography.Text>\n          <div style={{ flex: 1 }} />\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n            拦截 <Typography.Text style={{ fontWeight: 600, color: 'rgb(var(--red-6))' }}>{counts.intercept}</Typography.Text>\n          </Typography.Text>\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n            违规 <Typography.Text style={{ fontWeight: 600, color: 'rgb(var(--orange-6))' }}>{counts.violation}</Typography.Text>\n          </Typography.Text>\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n            失败 <Typography.Text style={{ fontWeight: 600, color: 'rgb(var(--red-6))' }}>{counts.failure}</Typography.Text>\n          </Typography.Text>\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n            漂移 <Typography.Text style={{ fontWeight: 600, color: 'rgb(var(--gold-6))' }}>{counts.drift}</Typography.Text>\n          </Typography.Text>\n        </div>\n        {(violationsError || tasksError || driftError) && (\n          <Alert\n            type=\"warning\"\n            style={{ marginTop: 12 }}\n            content={\n              <span style={{ fontSize: 12 }}>\n                部分源降级：\n                {violationsError && '违规拦截源不可用；'}\n                {tasksError && '失败任务源不可用；'}\n                {driftError && '漂移源不可用（/api/drift/report 报错，已降级跳过漂移项）；'}\n                其余源照常合并。\n              </span>\n            }\n          />\n        )}\n        {tasksTruncated && (\n          <Alert\n            type=\"warning\"\n            style={{ marginTop: 12 }}\n            content={\n              <span style={{ fontSize: 12 }}>\n                失败任务可能因超出扫描上限少报：当前时间窗任务数超过分页扫描安全上限，\n                未扫描到的部分失败任务不在列表内。可缩短时间窗以覆盖更近期的任务。\n              </span>\n            }\n          />\n        )}\n      </Card>\n\n      <Tabs activeTab={tab} onChange={(k) => setTab(k as 'primary' | 'drift')}>\n        <TabPane key=\"primary\" title={`拦截 / 违规 / 失败 ${primary.length}`}>\n          <Card bordered style={{ padding: 0 }}>\n            <Table<Issue>\n              rowKey=\"id\"\n              loading={loading}\n              data={primary}\n              columns={columns}\n              pagination={primary.length > 20 ? { pageSize: 20, showTotal: true } : false}\n              border={{ wrapper: false, cell: false }}\n              onRow={(row) => ({\n                onClick: () => goDetail(row.id),\n                style: { cursor: 'pointer' },\n              })}\n            />\n          </Card>\n        </TabPane>\n        <TabPane key=\"drift\" title={`漂移 ${drift.length}`}>\n          {drift.length === 0 ? (\n            <Card bordered>\n              <Empty\n                description={\n                  driftError\n                    ? '漂移源不可用（/api/drift/report 报错，已降级）'\n                    : '近窗口内无合规漂移（所有 drift check 通过）'\n                }\n              />\n            </Card>\n          ) : (\n            <Row gutter={[16, 16]}>\n              {drift.map((d) => (\n                <Col key={d.id} xs={24} md={12} xl={8}>\n                  <div style={{ cursor: 'pointer' }} onClick={() => goDetail(d.id)}>\n                    <DriftCard issue={d} />\n                  </div>\n                </Col>\n              ))}\n            </Row>\n          )}\n        </TabPane>\n      </Tabs>\n    </div>\n  )\n}\n"],"names":["TabPane","Tabs","Row","Grid","Col","typeTag","t","jsx","Tag","typeColor","typeLabel","sevTag","s","severityColor","severityLabel","DriftCard","issue","jsxs","Card","IconExclamationCircle","Typography","Button","IconRight","IssuesPage","navigate","useNavigate","issues","loading","isError","error","violationsError","tasksError","driftError","tasksTruncated","useIssuesFeed","tab","setTab","useState","primary","drift","useMemo","splitIssues","counts","buildIssueCounts","Result","goDetail","id","columns","_","row","e","a","b","fmtTime","Alert","k","Table","Empty","d"],"mappings":"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"}

package/dist/web/static/assets/KbDetailPage-Yna86Na8.js

@@ -0,0 +1,2 @@
+import{j as e}from"./react-vendor-tkvCrao7.js";import{J as r,d as b,D as v,F as c,X as S,x as z,T as n,Y as T,a2 as k,K as g,E as x,y as C,$ as w,O as I,b as a,a3 as B}from"./arco-DV6xCLhr.js";import{M as D}from"./MarkdownRenderer-DlDQNihj.js";import{a as R,k as p,f as u,s as W}from"./useKbHits-xKXWgqh9.js";import{d as $,u as K}from"./react-router-Cxmg8RuL.js";import"./vendor-DS-q4Eyc.js";import"./syntax-highlighter-BDYycNja.js";import"./markdown-CA7ePUts.js";import"./query-CgCOpYWf.js";import"./index-DileOOE4.js";import"./lucide-CnlPQoG8.js";import"./useEffectiveProject-DQiyX54y.js";const M=g.Row,y=g.Col;function m(l){const i={"agent-pull":"arcoblue",injection:"cyan",mixed:"purple",none:"gray"};return e.jsx(a,{color:i[l],size:"small",children:W(l)})}function E(l){return l==="agent-pull"?e.jsx(a,{color:"arcoblue",size:"small",children:"agent-pull"}):l==="injection"?e.jsx(a,{color:"cyan",size:"small",children:"injection"}):e.jsx(a,{size:"small",children:l})}function F(l){if(!l||!Number.isFinite(l))return"—";try{const i=new Date(l),t=o=>String(o).padStart(2,"0");return`${t(i.getMonth()+1)}-${t(i.getDate())} ${t(i.getHours())}:${t(i.getMinutes())}`}catch{return"—"}}function U(){const{name:l}=$(),i=K(),{view:t,loading:o,isError:h,error:d}=R(l);if(o)return e.jsx("div",{style:{padding:16},children:e.jsx(r,{bordered:!0,children:e.jsx(b,{animation:!0,text:{rows:8}})})});if(h||!t)return e.jsx("div",{style:{padding:16},children:e.jsx(v,{status:"error",title:"加载 KB 详情失败",subTitle:(d==null?void 0:d.message)||"KB 页不存在或端点不可用",extra:e.jsx(c,{type:"primary",onClick:()=>i("/ai/kb"),children:"返回 KB 命中"})})});const f=()=>{var s;try{(s=navigator.clipboard)==null||s.writeText(t.name),B.success(`已复制 ${t.name}`)}catch{}};return e.jsxs("div",{style:{padding:16,display:"flex",flexDirection:"column",gap:16},children:[e.jsxs(r,{bordered:!0,children:[e.jsx(c,{type:"text",size:"small",icon:e.jsx(S,{}),style:{marginBottom:8,paddingLeft:0},onClick:()=>i("/ai/kb"),children:"返回 KB 命中"}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:16,flexWrap:"wrap"},children:[e.jsxs("div",{style:{minWidth:0,flex:1},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,flexWrap:"wrap"},children:[e.jsx(z,{style:{color:"rgb(var(--arcoblue-6))"}}),e.jsx(n.Title,{heading:5,style:{margin:0,fontFamily:"monospace"},children:t.name}),m(t.dominantSource)]}),e.jsxs("div",{style:{display:"flex",gap:12,flexWrap:"wrap",marginTop:8,alignItems:"center"},children:[e.jsx(n.Text,{type:"secondary",style:{fontSize:12},children:p(t.kind)}),e.jsxs(n.Text,{type:"secondary",style:{fontSize:12},children:["命中 ",e.jsx("b",{children:t.hits})]}),e.jsxs(n.Text,{type:"secondary",style:{fontSize:12},children:["采纳率 ",e.jsx("b",{children:u(t.adoptionRate)})]}),t.generatedAt&&e.jsxs(n.Text,{type:"secondary",style:{fontSize:12,display:"inline-flex",alignItems:"center",gap:4},children:[e.jsx(T,{})," ",t.generatedAt.slice(0,16).replace("T"," ")]})]})]}),e.jsx(c,{size:"small",icon:e.jsx(k,{}),onClick:f,children:"复制路径"})]})]}),e.jsxs(M,{gutter:16,align:"start",children:[e.jsx(y,{xs:24,xl:16,style:{marginBottom:16},children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[e.jsx(r,{bordered:!0,title:e.jsx("span",{style:{fontSize:14,fontWeight:600},children:"📄 正文预览"}),extra:e.jsxs(n.Text,{type:"secondary",style:{fontSize:12},children:[t.wordCount," 字"]}),children:t.content?e.jsx("div",{style:{border:"1px solid var(--color-border-2)",borderRadius:4,background:"var(--color-fill-1)",padding:"12px 16px",maxHeight:520,overflow:"auto"},children:e.jsx(D,{content:t.content})}):e.jsx(x,{description:"无正文内容"})}),e.jsx(r,{bordered:!0,title:e.jsx("span",{style:{fontSize:14,fontWeight:600},children:"🔗 谁 pull 了它"}),extra:e.jsxs(n.Text,{type:"secondary",style:{fontSize:12},children:["窗口内 agent 主动 pull · ",t.pulls.length," 条"]}),children:t.pulls.length>0?e.jsx("div",{style:{display:"flex",flexDirection:"column"},children:t.pulls.map((s,j)=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12,padding:"8px 0",borderBottom:"1px solid var(--color-border-1)"},children:[e.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:6,width:180,flexShrink:0,fontSize:13},children:[e.jsx(C,{style:{color:"var(--color-text-3)"}}),s.agent]}),e.jsx(n.Text,{style:{fontFamily:"monospace",fontSize:12,flex:1,minWidth:0},ellipsis:!0,title:s.reason,children:s.reason}),E(s.source),e.jsx(n.Text,{type:"secondary",style:{fontSize:12,width:96,textAlign:"right"},children:F(s.ts)})]},`${s.agent}-${s.ts}-${j}`))}):e.jsx(x,{description:"窗口内无 agent 主动 pull 记录（仅注入命中）"})})]})}),e.jsx(y,{xs:24,xl:8,style:{marginBottom:16},children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[e.jsx(r,{bordered:!0,title:e.jsx("span",{style:{fontSize:14,fontWeight:600},children:"概要"}),children:e.jsx(w,{colon:" :",size:"small",column:1,labelStyle:{width:88,color:"var(--color-text-3)"},data:[{label:"路径",value:e.jsx(n.Text,{code:!0,style:{fontSize:11},children:t.name})},{label:"类型",value:p(t.kind)},{label:"字数",value:t.wordCount},{label:"引用",value:t.refs},{label:"命中",value:e.jsx(n.Text,{style:{fontWeight:600,color:"rgb(var(--arcoblue-6))"},children:t.hits})},{label:"采纳率",value:u(t.adoptionRate)},{label:"主要来源",value:m(t.dominantSource)},{label:"审计",value:t.auditStatus==="ok"?e.jsxs(n.Text,{style:{fontSize:12,color:"rgb(var(--green-6))",display:"inline-flex",alignItems:"center",gap:4},children:[e.jsx(I,{})," ok"]}):e.jsx(a,{color:t.auditStatus==="error"?"red":"orange",size:"small",children:t.auditStatus})}]})}),e.jsx(r,{bordered:!0,title:e.jsx("span",{style:{fontSize:14,fontWeight:600},children:"关联任务"}),children:e.jsx(x,{description:"暂无关联任务（端点未提供 per-page 关联）"})})]})})]})]})}export{U as default};
+//# sourceMappingURL=KbDetailPage-Yna86Na8.js.map

package/dist/web/static/assets/KbDetailPage-Yna86Na8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KbDetailPage-Yna86Na8.js","sources":["../../src/pages/ai/KbDetailPage.tsx"],"sourcesContent":["/**\n * KbDetailPage — AI 资源 · KB 命中详情整页 (Phase 2b, decision 29688066).\n *\n * 替换 `/ai/kb/:name` 的占位组件。整页（非抽屉）布局，翻译原型「命中详情」\n * 成真 Arco 组件（**严禁直搬原型 Tailwind CSS**）：\n *   A. 页头横条：路径标题 + 来源 Tag + 元信息（类型/命中/采纳率/最近生成）+ 复制路径\n *   B. 左右双栏：\n *      左 = 正文预览（MarkdownRenderer）+「谁 pull 了它」（agent / reason\n *           workflow/phase / source / 时间）\n *      右 360 = 概要 Descriptions + 关联任务（可链 /tasks/:id；当前端点未提供\n *           per-page 关联任务，降级为空态提示）\n *\n * 数据接真实端点（GET /api/knowledge/page/:name + 同窗 cited/pulls/list），取数 +\n * 派生在 useKbDetail / kb-derive，本组件只渲染。\n */\nimport { useParams, useNavigate } from 'react-router-dom'\n\nimport Card from '@arco-design/web-react/es/Card'\nimport Grid from '@arco-design/web-react/es/Grid'\nimport Tag from '@arco-design/web-react/es/Tag'\nimport Typography from '@arco-design/web-react/es/Typography'\nimport Descriptions from '@arco-design/web-react/es/Descriptions'\nimport Button from '@arco-design/web-react/es/Button'\nimport Empty from '@arco-design/web-react/es/Empty'\nimport Skeleton from '@arco-design/web-react/es/Skeleton'\nimport Result from '@arco-design/web-react/es/Result'\nimport Message from '@arco-design/web-react/es/Message'\nimport {\n  IconLeft,\n  IconBook,\n  IconClockCircle,\n  IconCheckCircle,\n  IconCopy,\n  IconRobot,\n} from '@arco-design/web-react/icon'\n\nimport MarkdownRenderer from '../../components/MarkdownRenderer'\nimport { useKbDetail } from '../../hooks/useKbHits'\nimport {\n  formatPct,\n  kindLabel,\n  sourceLabel,\n  type KbSource,\n  type KbPullRow,\n} from '../../hooks/kb-derive'\n\nconst Row = Grid.Row\nconst Col = Grid.Col\n\nfunction sourceTag(source: KbSource) {\n  const map: Record<KbSource, string> = {\n    'agent-pull': 'arcoblue',\n    injection: 'cyan',\n    mixed: 'purple',\n    none: 'gray',\n  }\n  return <Tag color={map[source]} size=\"small\">{sourceLabel(source)}</Tag>\n}\n\nfunction pullSourceTag(source: KbPullRow['source']) {\n  if (source === 'agent-pull') return <Tag color=\"arcoblue\" size=\"small\">agent-pull</Tag>\n  if (source === 'injection') return <Tag color=\"cyan\" size=\"small\">injection</Tag>\n  return <Tag size=\"small\">{source}</Tag>\n}\n\nfunction fmtTs(ts: number): string {\n  if (!ts || !Number.isFinite(ts)) return '—'\n  try {\n    const d = new Date(ts)\n    const pad = (n: number) => String(n).padStart(2, '0')\n    return `${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`\n  } catch {\n    return '—'\n  }\n}\n\nexport default function KbDetailPage() {\n  const { name } = useParams<{ name: string }>()\n  const navigate = useNavigate()\n  const { view, loading, isError, error } = useKbDetail(name)\n\n  if (loading) {\n    return (\n      <div style={{ padding: 16 }}>\n        <Card bordered>\n          <Skeleton animation text={{ rows: 8 }} />\n        </Card>\n      </div>\n    )\n  }\n\n  if (isError || !view) {\n    return (\n      <div style={{ padding: 16 }}>\n        <Result\n          status=\"error\"\n          title=\"加载 KB 详情失败\"\n          subTitle={error?.message || 'KB 页不存在或端点不可用'}\n          extra={\n            <Button type=\"primary\" onClick={() => navigate('/ai/kb')}>\n              返回 KB 命中\n            </Button>\n          }\n        />\n      </div>\n    )\n  }\n\n  const copyPath = () => {\n    try {\n      void navigator.clipboard?.writeText(view.name)\n      Message.success(`已复制 ${view.name}`)\n    } catch {\n      /* clipboard unavailable — ignore */\n    }\n  }\n\n  return (\n    <div style={{ padding: 16, display: 'flex', flexDirection: 'column', gap: 16 }}>\n      {/* ── A. 页头横条 ─────────────────────────────────────────────── */}\n      <Card bordered>\n        <Button\n          type=\"text\"\n          size=\"small\"\n          icon={<IconLeft />}\n          style={{ marginBottom: 8, paddingLeft: 0 }}\n          onClick={() => navigate('/ai/kb')}\n        >\n          返回 KB 命中\n        </Button>\n        <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 16, flexWrap: 'wrap' }}>\n          <div style={{ minWidth: 0, flex: 1 }}>\n            <div style={{ display: 'flex', alignItems: 'center', gap: 10, flexWrap: 'wrap' }}>\n              <IconBook style={{ color: 'rgb(var(--arcoblue-6))' }} />\n              <Typography.Title heading={5} style={{ margin: 0, fontFamily: 'monospace' }}>\n                {view.name}\n              </Typography.Title>\n              {sourceTag(view.dominantSource)}\n            </div>\n            <div style={{ display: 'flex', gap: 12, flexWrap: 'wrap', marginTop: 8, alignItems: 'center' }}>\n              <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>{kindLabel(view.kind)}</Typography.Text>\n              <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>命中 <b>{view.hits}</b></Typography.Text>\n              <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>采纳率 <b>{formatPct(view.adoptionRate)}</b></Typography.Text>\n              {view.generatedAt && (\n                <Typography.Text type=\"secondary\" style={{ fontSize: 12, display: 'inline-flex', alignItems: 'center', gap: 4 }}>\n                  <IconClockCircle /> {view.generatedAt.slice(0, 16).replace('T', ' ')}\n                </Typography.Text>\n              )}\n            </div>\n          </div>\n          <Button size=\"small\" icon={<IconCopy />} onClick={copyPath}>复制路径</Button>\n        </div>\n      </Card>\n\n      {/* ── B. 左右双栏 ─────────────────────────────────────────────── */}\n      <Row gutter={16} align=\"start\">\n        {/* 左主栏：正文预览 + 谁 pull 了它 */}\n        <Col xs={24} xl={16} style={{ marginBottom: 16 }}>\n          <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>\n            <Card\n              bordered\n              title={<span style={{ fontSize: 14, fontWeight: 600 }}>📄 正文预览</span>}\n              extra={<Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>{view.wordCount} 字</Typography.Text>}\n            >\n              {view.content ? (\n                <div\n                  style={{\n                    border: '1px solid var(--color-border-2)',\n                    borderRadius: 4,\n                    background: 'var(--color-fill-1)',\n                    padding: '12px 16px',\n                    maxHeight: 520,\n                    overflow: 'auto',\n                  }}\n                >\n                  <MarkdownRenderer content={view.content} />\n                </div>\n              ) : (\n                <Empty description=\"无正文内容\" />\n              )}\n            </Card>\n\n            <Card\n              bordered\n              title={<span style={{ fontSize: 14, fontWeight: 600 }}>🔗 谁 pull 了它</span>}\n              extra={<Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>窗口内 agent 主动 pull · {view.pulls.length} 条</Typography.Text>}\n            >\n              {view.pulls.length > 0 ? (\n                <div style={{ display: 'flex', flexDirection: 'column' }}>\n                  {view.pulls.map((p, i) => (\n                    <div\n                      key={`${p.agent}-${p.ts}-${i}`}\n                      style={{\n                        display: 'flex',\n                        alignItems: 'center',\n                        gap: 12,\n                        padding: '8px 0',\n                        borderBottom: '1px solid var(--color-border-1)',\n                      }}\n                    >\n                      <span style={{ display: 'inline-flex', alignItems: 'center', gap: 6, width: 180, flexShrink: 0, fontSize: 13 }}>\n                        <IconRobot style={{ color: 'var(--color-text-3)' }} />\n                        {p.agent}\n                      </span>\n                      <Typography.Text style={{ fontFamily: 'monospace', fontSize: 12, flex: 1, minWidth: 0 }} ellipsis title={p.reason}>\n                        {p.reason}\n                      </Typography.Text>\n                      {pullSourceTag(p.source)}\n                      <Typography.Text type=\"secondary\" style={{ fontSize: 12, width: 96, textAlign: 'right' }}>\n                        {fmtTs(p.ts)}\n                      </Typography.Text>\n                    </div>\n                  ))}\n                </div>\n              ) : (\n                <Empty description=\"窗口内无 agent 主动 pull 记录（仅注入命中）\" />\n              )}\n            </Card>\n          </div>\n        </Col>\n\n        {/* 右侧栏：概要 + 关联任务 */}\n        <Col xs={24} xl={8} style={{ marginBottom: 16 }}>\n          <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>\n            <Card bordered title={<span style={{ fontSize: 14, fontWeight: 600 }}>概要</span>}>\n              <Descriptions\n                colon=\" :\"\n                size=\"small\"\n                column={1}\n                labelStyle={{ width: 88, color: 'var(--color-text-3)' }}\n                data={[\n                  { label: '路径', value: <Typography.Text code style={{ fontSize: 11 }}>{view.name}</Typography.Text> },\n                  { label: '类型', value: kindLabel(view.kind) },\n                  { label: '字数', value: view.wordCount },\n                  { label: '引用', value: view.refs },\n                  { label: '命中', value: <Typography.Text style={{ fontWeight: 600, color: 'rgb(var(--arcoblue-6))' }}>{view.hits}</Typography.Text> },\n                  { label: '采纳率', value: formatPct(view.adoptionRate) },\n                  { label: '主要来源', value: sourceTag(view.dominantSource) },\n                  {\n                    label: '审计',\n                    value:\n                      view.auditStatus === 'ok'\n                        ? <Typography.Text style={{ fontSize: 12, color: 'rgb(var(--green-6))', display: 'inline-flex', alignItems: 'center', gap: 4 }}><IconCheckCircle /> ok</Typography.Text>\n                        : <Tag color={view.auditStatus === 'error' ? 'red' : 'orange'} size=\"small\">{view.auditStatus}</Tag>,\n                  },\n                ]}\n              />\n            </Card>\n\n            <Card bordered title={<span style={{ fontSize: 14, fontWeight: 600 }}>关联任务</span>}>\n              {/*\n                端点未提供 per-page 关联任务（kb-cited-pages 只回计数，\n                agent-kb-pulls.recent 无 page_name 可 join）。按 spec「缺字段降级」\n                先空态提示，关联任务可在 Phase 3+ 端点补齐后挂 /tasks/:id 链接。\n              */}\n              <Empty description=\"暂无关联任务（端点未提供 per-page 关联）\" />\n            </Card>\n          </div>\n        </Col>\n      </Row>\n    </div>\n  )\n}\n"],"names":["Row","Grid","Col","sourceTag","source","map","jsx","Tag","sourceLabel","pullSourceTag","fmtTs","ts","d","pad","n","KbDetailPage","name","useParams","navigate","useNavigate","view","loading","isError","error","useKbDetail","Card","Skeleton","Result","Button","copyPath","_a","Message","jsxs","IconLeft","IconBook","Typography","kindLabel","formatPct","IconClockCircle","IconCopy","MarkdownRenderer","Empty","p","i","IconRobot","Descriptions","IconCheckCircle"],"mappings":"+kBA8CA,MAAMA,EAAMC,EAAK,IACXC,EAAMD,EAAK,IAEjB,SAASE,EAAUC,EAAkB,CACnC,MAAMC,EAAgC,CACpC,aAAc,WACd,UAAW,OACX,MAAO,SACP,KAAM,MAAA,EAER,OAAOC,EAAAA,IAACC,EAAA,CAAI,MAAOF,EAAID,CAAM,EAAG,KAAK,QAAS,SAAAI,EAAYJ,CAAM,CAAA,CAAE,CACpE,CAEA,SAASK,EAAcL,EAA6B,CAClD,OAAIA,IAAW,aAAqBE,EAAAA,IAACC,GAAI,MAAM,WAAW,KAAK,QAAQ,SAAA,YAAA,CAAU,EAC7EH,IAAW,YAAoBE,EAAAA,IAACC,GAAI,MAAM,OAAO,KAAK,QAAQ,SAAA,WAAA,CAAS,EACpED,EAAAA,IAACC,EAAA,CAAI,KAAK,QAAS,SAAAH,EAAO,CACnC,CAEA,SAASM,EAAMC,EAAoB,CACjC,GAAI,CAACA,GAAM,CAAC,OAAO,SAASA,CAAE,EAAG,MAAO,IACxC,GAAI,CACF,MAAMC,EAAI,IAAI,KAAKD,CAAE,EACfE,EAAOC,GAAc,OAAOA,CAAC,EAAE,SAAS,EAAG,GAAG,EACpD,MAAO,GAAGD,EAAID,EAAE,SAAA,EAAa,CAAC,CAAC,IAAIC,EAAID,EAAE,QAAA,CAAS,CAAC,IAAIC,EAAID,EAAE,UAAU,CAAC,IAAIC,EAAID,EAAE,WAAA,CAAY,CAAC,EACjG,MAAQ,CACN,MAAO,GACT,CACF,CAEA,SAAwBG,GAAe,CACrC,KAAM,CAAE,KAAAC,CAAA,EAASC,EAAA,EACXC,EAAWC,EAAA,EACX,CAAE,KAAAC,EAAM,QAAAC,EAAS,QAAAC,EAAS,MAAAC,CAAA,EAAUC,EAAYR,CAAI,EAE1D,GAAIK,EACF,OACEf,MAAC,OAAI,MAAO,CAAE,QAAS,EAAA,EACrB,eAACmB,EAAA,CAAK,SAAQ,GACZ,SAAAnB,MAACoB,EAAA,CAAS,UAAS,GAAC,KAAM,CAAE,KAAM,CAAA,EAAK,CAAA,CACzC,CAAA,CACF,EAIJ,GAAIJ,GAAW,CAACF,EACd,aACG,MAAA,CAAI,MAAO,CAAE,QAAS,IACrB,SAAAd,EAAAA,IAACqB,EAAA,CACC,OAAO,QACP,MAAM,aACN,UAAUJ,GAAA,YAAAA,EAAO,UAAW,gBAC5B,MACEjB,EAAAA,IAACsB,EAAA,CAAO,KAAK,UAAU,QAAS,IAAMV,EAAS,QAAQ,EAAG,SAAA,UAAA,CAE1D,CAAA,CAAA,EAGN,EAIJ,MAAMW,EAAW,IAAM,OACrB,GAAI,EACGC,EAAA,UAAU,YAAV,MAAAA,EAAqB,UAAUV,EAAK,MACzCW,EAAQ,QAAQ,OAAOX,EAAK,IAAI,EAAE,CACpC,MAAQ,CAER,CACF,EAEA,OACEY,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAS,GAAI,QAAS,OAAQ,cAAe,SAAU,IAAK,EAAA,EAExE,SAAA,CAAAA,EAAAA,KAACP,EAAA,CAAK,SAAQ,GACZ,SAAA,CAAAnB,EAAAA,IAACsB,EAAA,CACC,KAAK,OACL,KAAK,QACL,WAAOK,EAAA,EAAS,EAChB,MAAO,CAAE,aAAc,EAAG,YAAa,CAAA,EACvC,QAAS,IAAMf,EAAS,QAAQ,EACjC,SAAA,UAAA,CAAA,EAGDc,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,WAAY,aAAc,eAAgB,gBAAiB,IAAK,GAAI,SAAU,QAC3G,SAAA,CAAAA,OAAC,OAAI,MAAO,CAAE,SAAU,EAAG,KAAM,GAC/B,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,WAAY,SAAU,IAAK,GAAI,SAAU,MAAA,EACtE,SAAA,CAAA1B,EAAAA,IAAC4B,EAAA,CAAS,MAAO,CAAE,MAAO,0BAA4B,EACtD5B,EAAAA,IAAC6B,EAAW,MAAX,CAAiB,QAAS,EAAG,MAAO,CAAE,OAAQ,EAAG,WAAY,WAAA,EAC3D,WAAK,KACR,EACChC,EAAUiB,EAAK,cAAc,CAAA,EAChC,EACAY,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,IAAK,GAAI,SAAU,OAAQ,UAAW,EAAG,WAAY,UAClF,SAAA,CAAA1B,EAAAA,IAAC6B,EAAW,KAAX,CAAgB,KAAK,YAAY,MAAO,CAAE,SAAU,EAAA,EAAO,SAAAC,EAAUhB,EAAK,IAAI,CAAA,CAAE,EACjFY,EAAAA,KAACG,EAAW,KAAX,CAAgB,KAAK,YAAY,MAAO,CAAE,SAAU,EAAA,EAAM,SAAA,CAAA,MAAG7B,EAAAA,IAAC,IAAA,CAAG,SAAAc,EAAK,IAAA,CAAK,CAAA,EAAI,EAChFY,EAAAA,KAACG,EAAW,KAAX,CAAgB,KAAK,YAAY,MAAO,CAAE,SAAU,EAAA,EAAM,SAAA,CAAA,OAAI7B,EAAAA,IAAC,IAAA,CAAG,SAAA+B,EAAUjB,EAAK,YAAY,CAAA,CAAE,CAAA,EAAI,EACnGA,EAAK,aACJY,EAAAA,KAACG,EAAW,KAAX,CAAgB,KAAK,YAAY,MAAO,CAAE,SAAU,GAAI,QAAS,cAAe,WAAY,SAAU,IAAK,GAC1G,SAAA,CAAA7B,EAAAA,IAACgC,EAAA,EAAgB,EAAE,IAAElB,EAAK,YAAY,MAAM,EAAG,EAAE,EAAE,QAAQ,IAAK,GAAG,CAAA,CAAA,CACrE,CAAA,CAAA,CAEJ,CAAA,EACF,EACAd,EAAAA,IAACsB,EAAA,CAAO,KAAK,QAAQ,WAAOW,EAAA,CAAA,CAAS,EAAI,QAASV,EAAU,SAAA,MAAA,CAAI,CAAA,CAAA,CAClE,CAAA,EACF,EAGAG,EAAAA,KAAChC,EAAA,CAAI,OAAQ,GAAI,MAAM,QAErB,SAAA,CAAAM,EAAAA,IAACJ,EAAA,CAAI,GAAI,GAAI,GAAI,GAAI,MAAO,CAAE,aAAc,IAC1C,gBAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,cAAe,SAAU,IAAK,IAC3D,SAAA,CAAAI,EAAAA,IAACmB,EAAA,CACC,SAAQ,GACR,MAAOnB,EAAAA,IAAC,OAAA,CAAK,MAAO,CAAE,SAAU,GAAI,WAAY,GAAA,EAAO,SAAA,SAAA,CAAO,EAC9D,MAAO0B,EAAAA,KAACG,EAAW,KAAX,CAAgB,KAAK,YAAY,MAAO,CAAE,SAAU,EAAA,EAAO,SAAA,CAAAf,EAAK,UAAU,IAAA,EAAE,EAEnF,WAAK,QACJd,EAAAA,IAAC,MAAA,CACC,MAAO,CACL,OAAQ,kCACR,aAAc,EACd,WAAY,sBACZ,QAAS,YACT,UAAW,IACX,SAAU,MAAA,EAGZ,SAAAA,EAAAA,IAACkC,EAAA,CAAiB,QAASpB,EAAK,OAAA,CAAS,CAAA,CAAA,EAG3Cd,MAACmC,EAAA,CAAM,YAAY,OAAA,CAAQ,CAAA,CAAA,EAI/BnC,EAAAA,IAACmB,EAAA,CACC,SAAQ,GACR,MAAOnB,EAAAA,IAAC,OAAA,CAAK,MAAO,CAAE,SAAU,GAAI,WAAY,GAAA,EAAO,SAAA,cAAA,CAAY,EACnE,MAAO0B,EAAAA,KAACG,EAAW,KAAX,CAAgB,KAAK,YAAY,MAAO,CAAE,SAAU,EAAA,EAAM,SAAA,CAAA,uBAAqBf,EAAK,MAAM,OAAO,IAAA,EAAE,EAE1G,WAAK,MAAM,OAAS,EACnBd,EAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,cAAe,UAC3C,SAAAc,EAAK,MAAM,IAAI,CAACsB,EAAGC,IAClBX,EAAAA,KAAC,MAAA,CAEC,MAAO,CACL,QAAS,OACT,WAAY,SACZ,IAAK,GACL,QAAS,QACT,aAAc,iCAAA,EAGhB,SAAA,CAAAA,EAAAA,KAAC,OAAA,CAAK,MAAO,CAAE,QAAS,cAAe,WAAY,SAAU,IAAK,EAAG,MAAO,IAAK,WAAY,EAAG,SAAU,IACxG,SAAA,CAAA1B,EAAAA,IAACsC,EAAA,CAAU,MAAO,CAAE,MAAO,uBAAyB,EACnDF,EAAE,KAAA,EACL,EACApC,MAAC6B,EAAW,KAAX,CAAgB,MAAO,CAAE,WAAY,YAAa,SAAU,GAAI,KAAM,EAAG,SAAU,GAAK,SAAQ,GAAC,MAAOO,EAAE,OACxG,SAAAA,EAAE,OACL,EACCjC,EAAciC,EAAE,MAAM,QACtBP,EAAW,KAAX,CAAgB,KAAK,YAAY,MAAO,CAAE,SAAU,GAAI,MAAO,GAAI,UAAW,OAAA,EAC5E,SAAAzB,EAAMgC,EAAE,EAAE,CAAA,CACb,CAAA,CAAA,EAnBK,GAAGA,EAAE,KAAK,IAAIA,EAAE,EAAE,IAAIC,CAAC,EAAA,CAqB/B,CAAA,CACH,EAEArC,EAAAA,IAACmC,EAAA,CAAM,YAAY,8BAAA,CAA+B,CAAA,CAAA,CAEtD,CAAA,CACF,CAAA,CACF,EAGAnC,EAAAA,IAACJ,GAAI,GAAI,GAAI,GAAI,EAAG,MAAO,CAAE,aAAc,IACzC,SAAA8B,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,cAAe,SAAU,IAAK,EAAA,EAC3D,SAAA,CAAA1B,MAACmB,EAAA,CAAK,SAAQ,GAAC,YAAQ,OAAA,CAAK,MAAO,CAAE,SAAU,GAAI,WAAY,GAAA,EAAO,cAAE,EACtE,SAAAnB,EAAAA,IAACuC,EAAA,CACC,MAAM,KACN,KAAK,QACL,OAAQ,EACR,WAAY,CAAE,MAAO,GAAI,MAAO,qBAAA,EAChC,KAAM,CACJ,CAAE,MAAO,KAAM,MAAOvC,EAAAA,IAAC6B,EAAW,KAAX,CAAgB,KAAI,GAAC,MAAO,CAAE,SAAU,IAAO,SAAAf,EAAK,KAAK,CAAA,EAChF,CAAE,MAAO,KAAM,MAAOgB,EAAUhB,EAAK,IAAI,CAAA,EACzC,CAAE,MAAO,KAAM,MAAOA,EAAK,SAAA,EAC3B,CAAE,MAAO,KAAM,MAAOA,EAAK,IAAA,EAC3B,CAAE,MAAO,KAAM,MAAOd,EAAAA,IAAC6B,EAAW,KAAX,CAAgB,MAAO,CAAE,WAAY,IAAK,MAAO,0BAA6B,SAAAf,EAAK,KAAK,CAAA,EAC/G,CAAE,MAAO,MAAO,MAAOiB,EAAUjB,EAAK,YAAY,CAAA,EAClD,CAAE,MAAO,OAAQ,MAAOjB,EAAUiB,EAAK,cAAc,CAAA,EACrD,CACE,MAAO,KACP,MACEA,EAAK,cAAgB,YAChBe,EAAW,KAAX,CAAgB,MAAO,CAAE,SAAU,GAAI,MAAO,sBAAuB,QAAS,cAAe,WAAY,SAAU,IAAK,GAAK,SAAA,CAAA7B,EAAAA,IAACwC,EAAA,EAAgB,EAAE,KAAA,CAAA,CAAG,EACpJxC,EAAAA,IAACC,EAAA,CAAI,MAAOa,EAAK,cAAgB,QAAU,MAAQ,SAAU,KAAK,QAAS,SAAAA,EAAK,WAAA,CAAY,CAAA,CACpG,CACF,CAAA,EAEJ,EAEAd,EAAAA,IAACmB,GAAK,SAAQ,GAAC,MAAOnB,EAAAA,IAAC,OAAA,CAAK,MAAO,CAAE,SAAU,GAAI,WAAY,KAAO,SAAA,MAAA,CAAI,EAMxE,eAACmC,EAAA,CAAM,YAAY,4BAA4B,CAAA,CACjD,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/web/static/assets/KbHitsPage-Cljl7H9p.js

@@ -0,0 +1,2 @@
+import{j as e}from"./react-vendor-tkvCrao7.js";import{D as d,J as c,T as n,a1 as h,F as u,N as m,b as l}from"./arco-DV6xCLhr.js";import{u as f,k as j,f as T,s as b}from"./useKbHits-xKXWgqh9.js";import{u as z}from"./react-router-Cxmg8RuL.js";import"./vendor-DS-q4Eyc.js";import"./query-CgCOpYWf.js";import"./index-DileOOE4.js";import"./lucide-CnlPQoG8.js";import"./useEffectiveProject-DQiyX54y.js";function p(s){const i={"agent-pull":"arcoblue",injection:"cyan",mixed:"purple",none:"gray"};return e.jsx(l,{color:i[s],size:"small",children:b(s)})}function w(s){return s==="stale"?e.jsx(l,{color:"orange",size:"small",children:"stale"}):s==="error"?e.jsx(l,{color:"red",size:"small",children:"error"}):null}function W(){const s=z(),{view:i,loading:o,isError:x,error:a}=f();if(x)return e.jsx("div",{style:{padding:16},children:e.jsx(d,{status:"error",title:"加载 KB 命中失败",subTitle:(a==null?void 0:a.message)||"/api/knowledge/list 端点不可用"})});if(!o&&!i.built)return e.jsx("div",{style:{padding:16},children:e.jsx(d,{status:"warning",title:"知识库尚未构建",subTitle:"运行 cf knowledge build --apply 后再查看 KB 命中。"})});const y=[{title:"KB 页路径",dataIndex:"name",render:(r,t)=>e.jsxs("div",{style:{minWidth:0},children:[e.jsx(n.Text,{code:!0,style:{fontSize:13},children:t.name}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,marginTop:2},children:[e.jsxs(n.Text,{type:"secondary",style:{fontSize:12},children:[j(t.kind)," · ",t.refs," 引用"]}),w(t.audit_status)]})]})},{title:"命中次数",dataIndex:"hits",width:100,sorter:(r,t)=>r.hits-t.hits,render:(r,t)=>e.jsx(n.Text,{style:{fontWeight:600},children:t.hits})},{title:"采纳率",dataIndex:"adopt",width:92,render:()=>e.jsx(n.Text,{type:"secondary",style:{fontSize:13},children:T(i.adoptionRate)})},{title:"主要来源",dataIndex:"source",width:120,render:(r,t)=>p(t.source)},{title:"最近生成",dataIndex:"generated_at",width:150,render:(r,t)=>e.jsx(n.Text,{type:"secondary",style:{fontSize:12},children:t.generated_at?t.generated_at.slice(0,16).replace("T"," "):"—"})},{title:"操作",dataIndex:"op",width:76,align:"right",render:(r,t)=>e.jsxs(u,{type:"text",size:"mini",onClick:g=>{g.stopPropagation(),s(`/ai/kb/${encodeURIComponent(t.name)}`)},children:["详情 ",e.jsx(m,{})]})}];return e.jsxs("div",{style:{padding:16,display:"flex",flexDirection:"column",gap:16},children:[e.jsx(c,{bordered:!0,children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12,flexWrap:"wrap"},children:[e.jsx(n.Title,{heading:6,style:{margin:0},children:"KB 命中"}),e.jsx(n.Text,{type:"secondary",style:{fontSize:12},children:"知识库注入命中分析 · kb_query_log / injections（按命中数排序）"}),e.jsx("div",{style:{flex:1}}),e.jsxs(n.Text,{type:"secondary",style:{fontSize:12},children:["页数 ",e.jsx(n.Text,{style:{fontWeight:600},children:i.totalPages})]}),e.jsxs(n.Text,{type:"secondary",style:{fontSize:12},children:["总命中 ",e.jsx(n.Text,{style:{fontWeight:600,color:"rgb(var(--arcoblue-6))"},children:i.totalHits})]}),e.jsxs(n.Text,{type:"secondary",style:{fontSize:12},children:["主要来源 ",p(i.dominantSource)]})]})}),e.jsx(c,{bordered:!0,style:{padding:0},children:e.jsx(h,{rowKey:"name",loading:o,data:i.rows,columns:y,pagination:i.rows.length>20?{pageSize:20,showTotal:!0}:!1,border:{wrapper:!1,cell:!1},onRow:r=>({onClick:()=>s(`/ai/kb/${encodeURIComponent(r.name)}`),style:{cursor:"pointer"}})})})]})}export{W as default};
+//# sourceMappingURL=KbHitsPage-Cljl7H9p.js.map

package/dist/web/static/assets/KbHitsPage-Cljl7H9p.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KbHitsPage-Cljl7H9p.js","sources":["../../src/pages/ai/KbHitsPage.tsx"],"sourcesContent":["/**\n * KbHitsPage — AI 资源 · KB 命中列表 (Phase 2b, decision 29688066).\n *\n * 替换 `/ai/kb` 的占位组件。把原型「KB 命中」列表翻译成真 Arco 组件\n * （**严禁直搬原型 Tailwind CSS**）：Card 页头汇总 + Arco Table（按命中数排序），\n * 列：KB 页路径 / 命中次数 / 采纳率 / 主要来源 / 最近生成 / 操作。点行进整页详情\n * `/ai/kb/:name`。数据接真实端点（见 useKbHits），受全局时间窗驱动。\n *\n * 命中口径见 kb-derive.ts：命中=注入 cited 计数；采纳率=列表聚合 effective 命中率；\n * 来源为窗口级降级（per-page 来源拆分不可得）。\n */\nimport { useNavigate } from 'react-router-dom'\n\nimport Card from '@arco-design/web-react/es/Card'\nimport Table from '@arco-design/web-react/es/Table'\nimport Tag from '@arco-design/web-react/es/Tag'\nimport Typography from '@arco-design/web-react/es/Typography'\nimport Button from '@arco-design/web-react/es/Button'\nimport Result from '@arco-design/web-react/es/Result'\nimport { IconRight } from '@arco-design/web-react/icon'\n\nimport { useKbHits } from '../../hooks/useKbHits'\nimport {\n  formatPct,\n  kindLabel,\n  sourceLabel,\n  type KbHitRow,\n  type KbSource,\n} from '../../hooks/kb-derive'\n\nfunction sourceTag(source: KbSource) {\n  const map: Record<KbSource, string> = {\n    'agent-pull': 'arcoblue',\n    injection: 'cyan',\n    mixed: 'purple',\n    none: 'gray',\n  }\n  return (\n    <Tag color={map[source]} size=\"small\">\n      {sourceLabel(source)}\n    </Tag>\n  )\n}\n\nfunction auditTag(status: string) {\n  if (status === 'stale') return <Tag color=\"orange\" size=\"small\">stale</Tag>\n  if (status === 'error') return <Tag color=\"red\" size=\"small\">error</Tag>\n  return null\n}\n\nexport default function KbHitsPage() {\n  const navigate = useNavigate()\n  const { view, loading, isError, error } = useKbHits()\n\n  if (isError) {\n    return (\n      <div style={{ padding: 16 }}>\n        <Result\n          status=\"error\"\n          title=\"加载 KB 命中失败\"\n          subTitle={error?.message || '/api/knowledge/list 端点不可用'}\n        />\n      </div>\n    )\n  }\n\n  if (!loading && !view.built) {\n    return (\n      <div style={{ padding: 16 }}>\n        <Result\n          status=\"warning\"\n          title=\"知识库尚未构建\"\n          subTitle=\"运行 cf knowledge build --apply 后再查看 KB 命中。\"\n        />\n      </div>\n    )\n  }\n\n  const columns = [\n    {\n      title: 'KB 页路径',\n      dataIndex: 'name',\n      render: (_: unknown, row: KbHitRow) => (\n        <div style={{ minWidth: 0 }}>\n          <Typography.Text code style={{ fontSize: 13 }}>{row.name}</Typography.Text>\n          <div style={{ display: 'flex', alignItems: 'center', gap: 6, marginTop: 2 }}>\n            <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n              {kindLabel(row.kind)} · {row.refs} 引用\n            </Typography.Text>\n            {auditTag(row.audit_status)}\n          </div>\n        </div>\n      ),\n    },\n    {\n      title: '命中次数',\n      dataIndex: 'hits',\n      width: 100,\n      sorter: (a: KbHitRow, b: KbHitRow) => a.hits - b.hits,\n      render: (_: unknown, row: KbHitRow) => (\n        <Typography.Text style={{ fontWeight: 600 }}>{row.hits}</Typography.Text>\n      ),\n    },\n    {\n      title: '采纳率',\n      dataIndex: 'adopt',\n      width: 92,\n      render: () => (\n        <Typography.Text type=\"secondary\" style={{ fontSize: 13 }}>\n          {formatPct(view.adoptionRate)}\n        </Typography.Text>\n      ),\n    },\n    {\n      title: '主要来源',\n      dataIndex: 'source',\n      width: 120,\n      render: (_: unknown, row: KbHitRow) => sourceTag(row.source),\n    },\n    {\n      title: '最近生成',\n      dataIndex: 'generated_at',\n      width: 150,\n      render: (_: unknown, row: KbHitRow) => (\n        <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n          {row.generated_at ? row.generated_at.slice(0, 16).replace('T', ' ') : '—'}\n        </Typography.Text>\n      ),\n    },\n    {\n      title: '操作',\n      dataIndex: 'op',\n      width: 76,\n      align: 'right' as const,\n      render: (_: unknown, row: KbHitRow) => (\n        <Button\n          type=\"text\"\n          size=\"mini\"\n          onClick={(e) => {\n            e.stopPropagation()\n            navigate(`/ai/kb/${encodeURIComponent(row.name)}`)\n          }}\n        >\n          详情 <IconRight />\n        </Button>\n      ),\n    },\n  ]\n\n  return (\n    <div style={{ padding: 16, display: 'flex', flexDirection: 'column', gap: 16 }}>\n      <Card bordered>\n        <div style={{ display: 'flex', alignItems: 'center', gap: 12, flexWrap: 'wrap' }}>\n          <Typography.Title heading={6} style={{ margin: 0 }}>KB 命中</Typography.Title>\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n            知识库注入命中分析 · kb_query_log / injections（按命中数排序）\n          </Typography.Text>\n          <div style={{ flex: 1 }} />\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n            页数 <Typography.Text style={{ fontWeight: 600 }}>{view.totalPages}</Typography.Text>\n          </Typography.Text>\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n            总命中 <Typography.Text style={{ fontWeight: 600, color: 'rgb(var(--arcoblue-6))' }}>{view.totalHits}</Typography.Text>\n          </Typography.Text>\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n            主要来源 {sourceTag(view.dominantSource)}\n          </Typography.Text>\n        </div>\n      </Card>\n\n      <Card bordered style={{ padding: 0 }}>\n        <Table<KbHitRow>\n          rowKey=\"name\"\n          loading={loading}\n          data={view.rows}\n          columns={columns}\n          pagination={view.rows.length > 20 ? { pageSize: 20, showTotal: true } : false}\n          border={{ wrapper: false, cell: false }}\n          onRow={(row) => ({\n            onClick: () => navigate(`/ai/kb/${encodeURIComponent(row.name)}`),\n            style: { cursor: 'pointer' },\n          })}\n        />\n      </Card>\n    </div>\n  )\n}\n"],"names":["sourceTag","source","map","jsx","Tag","sourceLabel","auditTag","status","KbHitsPage","navigate","useNavigate","view","loading","isError","error","useKbHits","Result","columns","_","row","jsxs","Typography","kindLabel","a","b","formatPct","Button","e","IconRight","Card","Table"],"mappings":"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"}

package/dist/web/static/assets/MarkdownRenderer-DlDQNihj.js

@@ -0,0 +1,3 @@
+import{j as a}from"./react-vendor-tkvCrao7.js";import{S as r,o as j,t as n,a as f,j as N,b as d,m as c,s as w,p}from"./syntax-highlighter-BDYycNja.js";import{M as k,r as v}from"./markdown-CA7ePUts.js";r.registerLanguage("typescript",n);r.registerLanguage("ts",n);r.registerLanguage("tsx",f);r.registerLanguage("javascript",n);r.registerLanguage("js",n);r.registerLanguage("json",N);r.registerLanguage("bash",d);r.registerLanguage("shell",d);r.registerLanguage("sh",d);r.registerLanguage("markdown",c);r.registerLanguage("md",c);r.registerLanguage("sql",w);r.registerLanguage("python",p);r.registerLanguage("py",p);const L=new Set(["mermaid","flowchart","sequence","gantt","classDiagram","stateDiagram"]);function I({content:b,className:y=""}){return a.jsx("div",{className:`kb-markdown ${y}`,children:a.jsx(k,{remarkPlugins:[v],components:{code({inline:e,className:o,children:i,node:t,...l}){var m;const g=/language-(\w+)/.exec(o||""),s=g==null?void 0:g[1],x=String(i??""),u=x.includes(`
+`),h=(t==null?void 0:t.position)&&((m=t==null?void 0:t.parent)==null?void 0:m.tagName)==="pre";return e===!0||e===void 0&&!s&&!u&&!h?a.jsx("code",{className:"bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-[13px] font-mono border border-gray-200",...l,children:i}):s&&L.has(s)?a.jsxs("div",{className:"my-4 rounded-lg border border-gray-200 bg-gray-50 px-4 py-3",children:[a.jsxs("div",{className:"flex items-center gap-2 text-xs text-gray-500 mb-2",children:[a.jsx("svg",{className:"w-3.5 h-3.5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7"})}),s==="mermaid"?"Mermaid 流程图":`${s} 图表`,"（暂不支持在线渲染）"]}),a.jsx("pre",{className:"text-xs text-gray-600 font-mono whitespace-pre-wrap leading-relaxed",children:x.replace(/\n$/,"")})]}):s?a.jsxs("div",{className:"my-4 rounded-lg overflow-hidden border border-slate-700",children:[a.jsx("div",{className:"flex items-center justify-between bg-slate-800 px-4 py-1.5",children:a.jsx("span",{className:"text-xs text-slate-300 font-mono",children:s})}),a.jsx(r,{style:j,language:s,PreTag:"div",customStyle:{margin:0,borderRadius:0,fontSize:"12.5px",padding:"16px",lineHeight:"1.6",background:"#1e293b"},...l,children:x.replace(/\n$/,"")})]}):a.jsx("code",{className:"block bg-slate-800 text-slate-100 rounded-lg p-4 overflow-x-auto text-xs font-mono leading-relaxed whitespace-pre",...l,children:i})},pre:({children:e})=>a.jsx(a.Fragment,{children:e}),h1:({children:e})=>a.jsx("h1",{className:"text-xl font-bold text-gray-900 mt-8 mb-3 pb-2 border-b border-gray-200 first:mt-0",children:e}),h2:({children:e})=>a.jsx("h2",{className:"text-lg font-bold text-gray-900 mt-7 mb-3 pb-1.5 border-b border-gray-100 first:mt-0",children:e}),h3:({children:e})=>a.jsx("h3",{className:"text-base font-semibold text-gray-800 mt-5 mb-2",children:e}),h4:({children:e})=>a.jsx("h4",{className:"text-sm font-semibold text-gray-800 mt-4 mb-1.5",children:e}),p:({children:e})=>a.jsx("p",{className:"text-sm text-gray-700 my-3 leading-relaxed",children:e}),ul:({children:e})=>a.jsx("ul",{className:"list-disc pl-5 text-sm text-gray-700 my-3 space-y-1.5",children:e}),ol:({children:e})=>a.jsx("ol",{className:"list-decimal pl-5 text-sm text-gray-700 my-3 space-y-1.5",children:e}),li:({children:e})=>a.jsx("li",{className:"text-sm leading-relaxed pl-1",children:e}),a:({children:e,href:o})=>a.jsx("a",{href:o,target:"_blank",rel:"noopener noreferrer",className:"text-indigo-600 hover:text-indigo-800 underline decoration-indigo-300 hover:decoration-indigo-500 transition-colors",children:e}),blockquote:({children:e})=>a.jsx("blockquote",{className:"border-l-4 border-indigo-200 bg-indigo-50/50 pl-4 pr-3 py-2 my-4 rounded-r-lg text-sm text-gray-700 italic",children:e}),table:({children:e})=>a.jsx("div",{className:"overflow-x-auto my-4 rounded-lg border border-gray-200",children:a.jsx("table",{className:"min-w-full text-sm divide-y divide-gray-200",children:e})}),thead:({children:e})=>a.jsx("thead",{className:"bg-gray-50",children:e}),th:({children:e})=>a.jsx("th",{className:"px-3 py-2 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider",children:e}),td:({children:e})=>a.jsx("td",{className:"px-3 py-2 text-sm text-gray-700 border-t border-gray-100",children:e}),hr:()=>a.jsx("hr",{className:"my-6 border-gray-200"}),strong:({children:e})=>a.jsx("strong",{className:"font-semibold text-gray-900",children:e})},children:b})})}export{I as M};
+//# sourceMappingURL=MarkdownRenderer-DlDQNihj.js.map

package/dist/web/static/assets/MarkdownRenderer-DlDQNihj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer-DlDQNihj.js","sources":["../../src/components/MarkdownRenderer.tsx"],"sourcesContent":["import ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\n// Import PrismLight from its subpath instead of the barrel ('react-syntax-highlighter')\n// to bypass the package's index re-exports of `Prism` (which transitively imports\n// `refractor/all` and bloats the chunk to ~620KB even with tree-shaking).\nimport SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light'\nimport { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism'\nimport typescript from 'react-syntax-highlighter/dist/esm/languages/prism/typescript'\nimport tsx from 'react-syntax-highlighter/dist/esm/languages/prism/tsx'\nimport json from 'react-syntax-highlighter/dist/esm/languages/prism/json'\nimport bash from 'react-syntax-highlighter/dist/esm/languages/prism/bash'\nimport markdown from 'react-syntax-highlighter/dist/esm/languages/prism/markdown'\nimport sql from 'react-syntax-highlighter/dist/esm/languages/prism/sql'\nimport python from 'react-syntax-highlighter/dist/esm/languages/prism/python'\n\n// Register only common languages used in our KB / docs.\n// Unregistered languages fall back to plain text (no crash).\nSyntaxHighlighter.registerLanguage('typescript', typescript)\nSyntaxHighlighter.registerLanguage('ts', typescript)\nSyntaxHighlighter.registerLanguage('tsx', tsx)\nSyntaxHighlighter.registerLanguage('javascript', typescript)\nSyntaxHighlighter.registerLanguage('js', typescript)\nSyntaxHighlighter.registerLanguage('json', json)\nSyntaxHighlighter.registerLanguage('bash', bash)\nSyntaxHighlighter.registerLanguage('shell', bash)\nSyntaxHighlighter.registerLanguage('sh', bash)\nSyntaxHighlighter.registerLanguage('markdown', markdown)\nSyntaxHighlighter.registerLanguage('md', markdown)\nSyntaxHighlighter.registerLanguage('sql', sql)\nSyntaxHighlighter.registerLanguage('python', python)\nSyntaxHighlighter.registerLanguage('py', python)\n\ninterface Props {\n  content: string\n  className?: string\n}\n\n// Languages that represent diagrams (not real code)\nconst DIAGRAM_LANGS = new Set(['mermaid', 'flowchart', 'sequence', 'gantt', 'classDiagram', 'stateDiagram'])\n\nexport default function MarkdownRenderer({ content, className = '' }: Props) {\n  return (\n    <div className={`kb-markdown ${className}`}>\n      <ReactMarkdown\n        remarkPlugins={[remarkGfm]}\n        components={{\n          code({ inline, className, children, node, ...props }: any) {\n            const match = /language-(\\w+)/.exec(className || '')\n            const lang = match?.[1]\n\n            // Detect inline code:\n            // - react-markdown v8 passes `inline` prop\n            // - react-markdown v9+ does NOT pass `inline`; detect by:\n            //   1) no language-* className AND\n            //   2) content has no newline AND\n            //   3) parent is not `pre`\n            const text = String(children ?? '')\n            const hasNewline = text.includes('\\n')\n            const parentIsPre = node?.position && (node as any)?.parent?.tagName === 'pre'\n            const isInline =\n              inline === true ||\n              (inline === undefined && !lang && !hasNewline && !parentIsPre)\n\n            if (isInline) {\n              return (\n                <code\n                  className=\"bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-[13px] font-mono border border-gray-200\"\n                  {...props}\n                >\n                  {children}\n                </code>\n              )\n            }\n\n            // Handle diagram code blocks gracefully\n            if (lang && DIAGRAM_LANGS.has(lang)) {\n              return (\n                <div className=\"my-4 rounded-lg border border-gray-200 bg-gray-50 px-4 py-3\">\n                  <div className=\"flex items-center gap-2 text-xs text-gray-500 mb-2\">\n                    <svg className=\"w-3.5 h-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7\" />\n                    </svg>\n                    {lang === 'mermaid' ? 'Mermaid 流程图' : `${lang} 图表`}（暂不支持在线渲染）\n                  </div>\n                  <pre className=\"text-xs text-gray-600 font-mono whitespace-pre-wrap leading-relaxed\">\n                    {text.replace(/\\n$/, '')}\n                  </pre>\n                </div>\n              )\n            }\n\n            // Regular code blocks with syntax highlighting\n            if (lang) {\n              return (\n                <div className=\"my-4 rounded-lg overflow-hidden border border-slate-700\">\n                  <div className=\"flex items-center justify-between bg-slate-800 px-4 py-1.5\">\n                    <span className=\"text-xs text-slate-300 font-mono\">{lang}</span>\n                  </div>\n                  <SyntaxHighlighter\n                    style={oneDark}\n                    language={lang}\n                    PreTag=\"div\"\n                    customStyle={{\n                      margin: 0,\n                      borderRadius: 0,\n                      fontSize: '12.5px',\n                      padding: '16px',\n                      lineHeight: '1.6',\n                      background: '#1e293b',\n                    }}\n                    {...props}\n                  >\n                    {text.replace(/\\n$/, '')}\n                  </SyntaxHighlighter>\n                </div>\n              )\n            }\n\n            // Code blocks without language\n            return (\n              <code\n                className=\"block bg-slate-800 text-slate-100 rounded-lg p-4 overflow-x-auto text-xs font-mono leading-relaxed whitespace-pre\"\n                {...props}\n              >\n                {children}\n              </code>\n            )\n          },\n          pre: ({ children }) => <>{children}</>,\n          h1: ({ children }) => (\n            <h1 className=\"text-xl font-bold text-gray-900 mt-8 mb-3 pb-2 border-b border-gray-200 first:mt-0\">\n              {children}\n            </h1>\n          ),\n          h2: ({ children }) => (\n            <h2 className=\"text-lg font-bold text-gray-900 mt-7 mb-3 pb-1.5 border-b border-gray-100 first:mt-0\">\n              {children}\n            </h2>\n          ),\n          h3: ({ children }) => (\n            <h3 className=\"text-base font-semibold text-gray-800 mt-5 mb-2\">{children}</h3>\n          ),\n          h4: ({ children }) => (\n            <h4 className=\"text-sm font-semibold text-gray-800 mt-4 mb-1.5\">{children}</h4>\n          ),\n          p: ({ children }) => (\n            <p className=\"text-sm text-gray-700 my-3 leading-relaxed\">{children}</p>\n          ),\n          ul: ({ children }) => (\n            <ul className=\"list-disc pl-5 text-sm text-gray-700 my-3 space-y-1.5\">{children}</ul>\n          ),\n          ol: ({ children }) => (\n            <ol className=\"list-decimal pl-5 text-sm text-gray-700 my-3 space-y-1.5\">{children}</ol>\n          ),\n          li: ({ children }) => (\n            <li className=\"text-sm leading-relaxed pl-1\">{children}</li>\n          ),\n          a: ({ children, href }) => (\n            <a href={href} target=\"_blank\" rel=\"noopener noreferrer\" className=\"text-indigo-600 hover:text-indigo-800 underline decoration-indigo-300 hover:decoration-indigo-500 transition-colors\">\n              {children}\n            </a>\n          ),\n          blockquote: ({ children }) => (\n            <blockquote className=\"border-l-4 border-indigo-200 bg-indigo-50/50 pl-4 pr-3 py-2 my-4 rounded-r-lg text-sm text-gray-700 italic\">\n              {children}\n            </blockquote>\n          ),\n          table: ({ children }) => (\n            <div className=\"overflow-x-auto my-4 rounded-lg border border-gray-200\">\n              <table className=\"min-w-full text-sm divide-y divide-gray-200\">{children}</table>\n            </div>\n          ),\n          thead: ({ children }) => (\n            <thead className=\"bg-gray-50\">{children}</thead>\n          ),\n          th: ({ children }) => (\n            <th className=\"px-3 py-2 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider\">{children}</th>\n          ),\n          td: ({ children }) => (\n            <td className=\"px-3 py-2 text-sm text-gray-700 border-t border-gray-100\">{children}</td>\n          ),\n          hr: () => <hr className=\"my-6 border-gray-200\" />,\n          strong: ({ children }) => (\n            <strong className=\"font-semibold text-gray-900\">{children}</strong>\n          ),\n        }}\n      >\n        {content}\n      </ReactMarkdown>\n    </div>\n  )\n}\n"],"names":["SyntaxHighlighter","typescript","tsx","json","bash","markdown","sql","python","DIAGRAM_LANGS","MarkdownRenderer","content","className","jsx","ReactMarkdown","remarkGfm","inline","children","node","props","match","lang","text","hasNewline","parentIsPre","_a","jsxs","oneDark","href"],"mappings":"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"}

package/dist/web/static/assets/NotFound-LMzbP51V.js

@@ -0,0 +1,2 @@
+import{j as t}from"./react-vendor-tkvCrao7.js";import{b as a,L as i}from"./react-router-Cxmg8RuL.js";import{T as n,F as r}from"./arco-DV6xCLhr.js";import"./vendor-DS-q4Eyc.js";function c(){const e=a(),o=`${e.pathname}${e.search}`;return t.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"64px 16px",gap:12},"data-testid":"not-found-page",children:[t.jsx(n.Title,{heading:2,style:{marginBottom:0},children:"404"}),t.jsx(n.Text,{type:"secondary",style:{fontSize:14},children:"找不到这个页面"}),t.jsx("code",{style:{fontSize:12,padding:"4px 8px",background:"var(--color-fill-2)",borderRadius:4,maxWidth:600,overflow:"auto",whiteSpace:"nowrap"},title:o,children:o}),t.jsx(i,{to:"/health",replace:!0,children:t.jsx(r,{type:"primary",style:{marginTop:12},children:"返回 Health 主页"})})]})}export{c as default};
+//# sourceMappingURL=NotFound-LMzbP51V.js.map

package/dist/web/static/assets/NotFound-LMzbP51V.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound-LMzbP51V.js","sources":["../../src/components/NotFound.tsx"],"sourcesContent":["/**\n * NotFound — v4 catch-all 404 page (C-3).\n *\n * Renders inside the standard Layout so the topbar/sidebar stay visible. We\n * surface the offending path so debugging stale links is straightforward,\n * and offer a one-click back to /health.\n */\nimport { useLocation, Link } from 'react-router-dom'\nimport Typography from '@arco-design/web-react/es/Typography'\nimport Button from '@arco-design/web-react/es/Button'\n\nexport default function NotFound() {\n  const location = useLocation()\n  const fullPath = `${location.pathname}${location.search}`\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        padding: '64px 16px',\n        gap: 12,\n      }}\n      data-testid=\"not-found-page\"\n    >\n      <Typography.Title heading={2} style={{ marginBottom: 0 }}>\n        404\n      </Typography.Title>\n      <Typography.Text type=\"secondary\" style={{ fontSize: 14 }}>\n        找不到这个页面\n      </Typography.Text>\n      <code\n        style={{\n          fontSize: 12,\n          padding: '4px 8px',\n          background: 'var(--color-fill-2)',\n          borderRadius: 4,\n          maxWidth: 600,\n          overflow: 'auto',\n          whiteSpace: 'nowrap',\n        }}\n        title={fullPath}\n      >\n        {fullPath}\n      </code>\n      <Link to=\"/health\" replace>\n        <Button type=\"primary\" style={{ marginTop: 12 }}>\n          返回 Health 主页\n        </Button>\n      </Link>\n    </div>\n  )\n}\n"],"names":["NotFound","location","useLocation","fullPath","jsxs","jsx","Typography","Link","Button"],"mappings":"gLAWA,SAAwBA,GAAW,CACjC,MAAMC,EAAWC,EAAA,EACXC,EAAW,GAAGF,EAAS,QAAQ,GAAGA,EAAS,MAAM,GAEvD,OACEG,EAAAA,KAAC,MAAA,CACC,MAAO,CACL,QAAS,OACT,cAAe,SACf,WAAY,SACZ,eAAgB,SAChB,QAAS,YACT,IAAK,EAAA,EAEP,cAAY,iBAEZ,SAAA,CAAAC,EAAAA,IAACC,EAAW,MAAX,CAAiB,QAAS,EAAG,MAAO,CAAE,aAAc,CAAA,EAAK,SAAA,KAAA,CAE1D,EACAD,EAAAA,IAACC,EAAW,KAAX,CAAgB,KAAK,YAAY,MAAO,CAAE,SAAU,EAAA,EAAM,SAAA,SAAA,CAE3D,EACAD,EAAAA,IAAC,OAAA,CACC,MAAO,CACL,SAAU,GACV,QAAS,UACT,WAAY,sBACZ,aAAc,EACd,SAAU,IACV,SAAU,OACV,WAAY,QAAA,EAEd,MAAOF,EAEN,SAAAA,CAAA,CAAA,QAEFI,EAAA,CAAK,GAAG,UAAU,QAAO,GACxB,SAAAF,MAACG,EAAA,CAAO,KAAK,UAAU,MAAO,CAAE,UAAW,IAAM,wBAEjD,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/web/static/assets/SettingsPage-DzoK4PKg.js

@@ -0,0 +1,2 @@
+import{r as y,j as e}from"./react-vendor-tkvCrao7.js";import{e as I}from"./index-DileOOE4.js";import{a as R}from"./react-router-Cxmg8RuL.js";import{a as E,u as G,c as $}from"./query-CgCOpYWf.js";import{a as L}from"./auth-Bnf8ZcqN.js";import{c as T,q as M,T as f,R as O,n as F,y as q,a8 as A,S as D,ac as v,F as x,J as C,aA as S,b as w,ag as _,ae as N,az as j}from"./arco-DV6xCLhr.js";import"./vendor-DS-q4Eyc.js";import"./lucide-CnlPQoG8.js";function Q(n,s,t){return n&&s.includes(n)?n:t}function B(n,s,t="tab"){const[o,a]=R(),r=o.get(t),c=y.useMemo(()=>Q(r,n,s),[r,n,s]),d=y.useCallback(u=>{const p=new URLSearchParams(o);u===s?p.delete(t):p.set(t,u),a(p,{replace:!1})},[o,a,s,t]);return{tab:c,setTab:d}}const U={threshold:"阈值配置",governance:"治理开关",retention:"数据保留"},J=["threshold","governance","retention"];function V(n){return n==="true"}function W(n,s){if(n!==void 0&&/^-?\d+$/.test(n)){const t=Number(n);if(Number.isInteger(t))return t}return s.min??0}function H(n){if(!n||!n.writable)return{groups:[],hasGovernance:!1,empty:!0};const s=new Map;for(const r of n.items??[])s.set(r.key,r);const t=new Map;let o=!1;for(const[r,c]of Object.entries(n.writable)){const d=s.get(r),u=d==null?void 0:d.value,p=c.type==="bool"?V(u):W(u,c);c.governance&&(o=!0);const g={key:r,spec:c,value:p,rawValue:u??null,updated_at:(d==null?void 0:d.updated_at)??null},m=t.get(c.group)??[];m.push(g),t.set(c.group,m)}const a=[];for(const r of J){const c=t.get(r);!c||c.length===0||(c.sort((d,u)=>d.spec.label.localeCompare(u.spec.label)),a.push({group:r,title:U[r],fields:c}))}return{groups:a,hasGovernance:o,empty:a.length===0}}function K(n,s){const t=[];for(const o of n.groups)for(const a of o.fields){if(!(a.key in s))continue;const r=s[a.key],c=typeof r=="boolean"?String(r):String(r).trim(),d=String(a.value);c!==d&&t.push({key:a.key,value:c})}return t}async function X(){const n=await fetch("/api/config");if(!n.ok)throw new Error(`/api/config → ${n.status}`);return n.json()}async function Y(n){const s=await L("/api/config",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n.length===1?n[0]:{items:n})});if(!s.ok){const t=await s.json().catch(()=>null);throw new Error((t==null?void 0:t.message)??(t==null?void 0:t.error)??`HTTP ${s.status}`)}return s.json()}function Z(){const n=E(),s=G({queryKey:["config"],queryFn:X,staleTime:3e4}),t=$({mutationFn:Y,onSuccess:()=>{n.invalidateQueries({queryKey:["config"]})}});return{view:y.useMemo(()=>H(s.data),[s.data]),loading:s.isLoading,isError:s.isError,error:s.error??null,refetch:()=>{s.refetch()},save:a=>t.mutateAsync(a),saving:t.isPending}}const b=T.TabPane,ee=O.Group,ne=["config","theme","about"];function te({field:n,value:s,onChange:t}){return n.spec.type==="bool"?e.jsx(_,{checked:s,onChange:o=>t(o),"data-testid":`cfg-switch-${n.key}`}):e.jsx(N,{value:s,min:n.spec.min,max:n.spec.max,step:1,style:{width:160},onChange:o=>t(typeof o=="number"?o:n.spec.min??0),"data-testid":`cfg-input-${n.key}`})}function se(){const{view:n,loading:s,isError:t,error:o,save:a,saving:r,refetch:c}=Z(),[d,u]=y.useState({}),p=y.useMemo(()=>{const l={};for(const i of n.groups)for(const h of i.fields)l[h.key]=h.value;return l},[n]);y.useEffect(()=>{u(p)},[p]);const g=K(n,d),m=g.length>0,k=y.useMemo(()=>{const l=new Set;for(const i of n.groups)for(const h of i.fields)h.spec.governance&&l.add(h.key);return g.some(i=>l.has(i.key))},[g,n]);async function P(){if(g.length!==0)try{const l=await a(g);j.success({content:`已保存 ${l.applied.length} 项配置`}),l.needsRestart&&j.warning({content:"治理类配置已写入，需 restart daemon 生效：cf daemon restart",duration:6e3})}catch(l){j.error({content:`保存失败：${String((l==null?void 0:l.message)??l)}`})}}return s?e.jsx("div",{style:{display:"flex",justifyContent:"center",padding:48},children:e.jsx(D,{tip:"加载配置..."})}):t?e.jsx(v,{type:"error",title:"读取配置失败",content:String((o==null?void 0:o.message)??o),action:e.jsx(x,{size:"small",onClick:c,children:"重试"})}):e.jsxs("div",{"data-testid":"config-panel",style:{display:"flex",flexDirection:"column",gap:16},children:[k&&e.jsx(v,{type:"warning",showIcon:!0,content:"检测到治理类配置改动 —— 保存后需 restart daemon 才会生效（cf daemon restart）。"}),n.groups.map(l=>e.jsx(C,{title:l.title,bordered:!0,headerStyle:{fontSize:15},children:e.jsx(S,{layout:"horizontal",labelCol:{span:10},wrapperCol:{span:14},children:l.fields.map(i=>e.jsx(S.Item,{label:e.jsxs("span",{children:[i.spec.label,i.spec.governance&&e.jsx(w,{size:"small",color:"orange",style:{marginLeft:8},children:"治理"})]}),extra:e.jsxs(f.Text,{type:"secondary",style:{fontSize:12},children:[i.spec.description,i.spec.type==="int"&&i.spec.min!==void 0&&e.jsxs("span",{style:{marginLeft:6},children:["（区间 ",i.spec.min,"–",i.spec.max,"）"]}),i.rawValue===null&&e.jsx(w,{size:"small",style:{marginLeft:6},children:"未设置 · 用默认"})]}),children:e.jsx(te,{field:i,value:d[i.key]??i.value,onChange:h=>u(z=>({...z,[i.key]:h}))})},i.key))})},l.group)),e.jsx(C,{title:"Agent 同步",bordered:!0,headerStyle:{fontSize:15},children:e.jsxs(f.Paragraph,{type:"secondary",style:{fontSize:13,margin:0},children:["本地 ",e.jsx("code",{children:".claude/agents"})," 与全局 ",e.jsx("code",{children:"~/.claude/agents"})," 的同步由 CLI ",e.jsx("code",{children:"cf agents sync"})," 管理。Web 设置页不直接触发同步（避免误操作）， 请在终端运行该命令。"]})}),e.jsxs("div",{style:{display:"flex",justifyContent:"flex-end",gap:12},children:[e.jsx(x,{onClick:()=>u(p),disabled:!m||r,children:"重置"}),e.jsxs(x,{type:"primary",onClick:P,loading:r,disabled:!m,"data-testid":"cfg-save",children:["保存",m?` (${g.length})`:""]})]})]})}function pe(){const{tab:n,setTab:s}=B(ne,"config","section"),[t,o]=I();return e.jsx("div",{"data-testid":"settings-page","data-section":n,style:{padding:24},children:e.jsxs(T,{activeTab:n,onChange:a=>s(a),type:"line",children:[e.jsx(b,{title:e.jsxs("span",{children:[e.jsx(M,{})," 配置"]}),children:e.jsx("div",{style:{paddingTop:16},children:e.jsx(se,{})})},"config"),e.jsx(b,{title:e.jsxs("span",{children:[e.jsx(F,{})," 主题"]}),children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:12,padding:16},children:[e.jsx(f.Title,{heading:6,children:"外观"}),e.jsx(ee,{type:"button",value:t,onChange:a=>o(a),options:[{value:"light",label:"浅色"},{value:"dark",label:"深色"}]}),e.jsxs(f.Paragraph,{type:"secondary",style:{fontSize:12},children:["主题偏好保存在 localStorage ",e.jsx("code",{children:"claude-forge:theme"}),"，刷新页面后保留。"]})]})},"theme"),e.jsx(b,{title:e.jsxs("span",{children:[e.jsx(A,{})," 关于"]}),children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8,padding:16},children:[e.jsx(f.Title,{heading:6,children:"claude-forge"}),e.jsxs(f.Paragraph,{style:{fontSize:13},children:["版本: ",e.jsxs("code",{children:["v","9.12.0"]})]}),e.jsxs(f.Paragraph,{style:{fontSize:13},children:[e.jsx(q,{})," 配置写入 ",e.jsx("code",{children:"forge_config"})," 表（",e.jsx("code",{children:"~/.claude-forge/data.db"}),"）。 治理类开关改后需 ",e.jsx("code",{children:"cf daemon restart"}),"；schema 相关 key 无自动 migration， 故设置页只暴露后端白名单内的安全 key。"]}),e.jsx(f.Paragraph,{type:"secondary",style:{fontSize:12},children:"Arco 管理后台重设计（2026-06）— 分组 11 视图 · 设置页可写（Phase 4a，decision 29688066）。"})]})},"about")]})})}export{pe as default};
+//# sourceMappingURL=SettingsPage-DzoK4PKg.js.map

package/dist/web/static/assets/SettingsPage-DzoK4PKg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage-DzoK4PKg.js","sources":["../../src/hooks/useTabsParam.ts","../../src/hooks/config-derive.ts","../../src/hooks/useConfig.ts","../../src/pages/SettingsPage.tsx"],"sourcesContent":["/**\n * useTabsParam — generic ?tab=<key> URL-param state hook.\n *\n * Three v4 IA pages (Context / Violations / Settings) all reimplemented the\n * same scaffold: a `KNOWN[]` array, a `parseTab` clamp, and a `handleChange`\n * that wrote/deleted the URL param. This hook consolidates that logic so the\n * pages keep their own `<Tabs>` JSX but share the URL-state plumbing.\n *\n * Design notes:\n * - We DO NOT wrap Arco `<Tabs>` — that's over-abstraction. Each page still\n *   owns its tab JSX (tab titles, lazy-loading, icons differ per page).\n * - When `tab === defaultKey`, the URL param is DELETED (clean URLs) — this\n *   matches existing behavior in all 3 call sites pre-refactor.\n * - The `paramName` arg defaults to `'tab'`. SettingsPage passes `'section'`.\n *\n * Pure logic (`clampTab`) is exported separately so unit tests can cover it\n * without mounting React / react-router.\n */\n\nimport { useCallback, useMemo } from 'react'\nimport { useSearchParams } from 'react-router-dom'\n\n/**\n * Clamp an arbitrary string (or null) to the known tab set.\n * Returns `defaultKey` if `raw` is null, empty, or not in `known`.\n */\nexport function clampTab<K extends string>(\n  raw: string | null,\n  known: readonly K[],\n  defaultKey: K,\n): K {\n  if (!raw) return defaultKey\n  if ((known as readonly string[]).includes(raw)) return raw as K\n  return defaultKey\n}\n\nexport interface UseTabsParamResult<K extends string> {\n  tab: K\n  setTab: (key: K) => void\n}\n\nexport function useTabsParam<K extends string>(\n  known: readonly K[],\n  defaultKey: K,\n  paramName: string = 'tab',\n): UseTabsParamResult<K> {\n  const [searchParams, setSearchParams] = useSearchParams()\n  const raw = searchParams.get(paramName)\n  const tab = useMemo(() => clampTab(raw, known, defaultKey), [raw, known, defaultKey])\n\n  const setTab = useCallback(\n    (key: K) => {\n      const next = new URLSearchParams(searchParams)\n      if (key === defaultKey) next.delete(paramName)\n      else next.set(paramName, key)\n      setSearchParams(next, { replace: false })\n    },\n    // searchParams identity is stable per render from react-router; setSearchParams is also stable.\n    [searchParams, setSearchParams, defaultKey, paramName],\n  )\n\n  return { tab, setTab }\n}\n","/**\n * config-derive — /api/config 响应 → 设置页视图模型（纯函数，可单测）。\n *\n * Arco Phase 4a (decision 29688066)。把后端 { items[], writable{} } 装配成\n * 按 group 分组的可编辑字段列表：每个字段携带白名单 schema（type/range/\n * governance/label）+ 当前值（来自 items，缺则用 type 默认）。页面组件按 group\n * 渲染 Form 分组卡，治理类字段渲染 Switch、int 字段渲染 InputNumber。\n *\n * 与 agent-derive / issues-derive 同一模式：取数 hook 调本模块装配，页面只渲染。\n */\n\nexport type ConfigType = 'bool' | 'int'\nexport type ConfigGroup = 'threshold' | 'governance' | 'retention'\n\n/** 后端白名单 schema 的前端镜像（CONFIG_WRITE_WHITELIST 的值形状）。 */\nexport interface ConfigSpec {\n  type: ConfigType\n  min?: number\n  max?: number\n  governance: boolean\n  label: string\n  description: string\n  group: ConfigGroup\n}\n\nexport interface ConfigItem {\n  key: string\n  value: string\n  updated_at: string\n}\n\nexport interface ConfigApiResponse {\n  generated_at: string\n  items: ConfigItem[]\n  writable: Record<string, ConfigSpec>\n}\n\n/** 一个可编辑字段（合并 schema + 当前值）。 */\nexport interface ConfigField {\n  key: string\n  spec: ConfigSpec\n  /** 当前持久值。bool → boolean；int → number；缺失用 type 默认。 */\n  value: boolean | number\n  /** 原始字符串值（缺失为 null，UI 可标「未设置（用默认）」）。 */\n  rawValue: string | null\n  updated_at: string | null\n}\n\nexport interface ConfigGroupView {\n  group: ConfigGroup\n  title: string\n  fields: ConfigField[]\n}\n\nexport interface ConfigView {\n  groups: ConfigGroupView[]\n  /** 任一 governance 字段 → 设置页提示「治理类改动需 restart daemon」。 */\n  hasGovernance: boolean\n  empty: boolean\n}\n\nconst GROUP_TITLES: Record<ConfigGroup, string> = {\n  threshold: '阈值配置',\n  governance: '治理开关',\n  retention: '数据保留',\n}\n\nconst GROUP_ORDER: ConfigGroup[] = ['threshold', 'governance', 'retention']\n\n/** bool 字符串 → boolean（仅 'true' 为真；与后端 ConfigStore.isEnabled 同口径）。 */\nfunction coerceBool(raw: string | undefined): boolean {\n  return raw === 'true'\n}\n\n/** int 字符串 → number（无效/缺失退回区间下界或 0）。 */\nfunction coerceInt(raw: string | undefined, spec: ConfigSpec): number {\n  if (raw !== undefined && /^-?\\d+$/.test(raw)) {\n    const n = Number(raw)\n    if (Number.isInteger(n)) return n\n  }\n  return spec.min ?? 0\n}\n\n/**\n * 装配设置页视图。resp 为空（loading / error）时返回空视图（页面渲染骨架/错误）。\n */\nexport function buildConfigView(resp: ConfigApiResponse | undefined): ConfigView {\n  if (!resp || !resp.writable) {\n    return { groups: [], hasGovernance: false, empty: true }\n  }\n\n  const valueByKey = new Map<string, ConfigItem>()\n  for (const it of resp.items ?? []) valueByKey.set(it.key, it)\n\n  const byGroup = new Map<ConfigGroup, ConfigField[]>()\n  let hasGovernance = false\n\n  for (const [key, spec] of Object.entries(resp.writable)) {\n    const item = valueByKey.get(key)\n    const raw = item?.value\n    const value: boolean | number =\n      spec.type === 'bool' ? coerceBool(raw) : coerceInt(raw, spec)\n    if (spec.governance) hasGovernance = true\n\n    const field: ConfigField = {\n      key,\n      spec,\n      value,\n      rawValue: raw ?? null,\n      updated_at: item?.updated_at ?? null,\n    }\n    const list = byGroup.get(spec.group) ?? []\n    list.push(field)\n    byGroup.set(spec.group, list)\n  }\n\n  const groups: ConfigGroupView[] = []\n  for (const g of GROUP_ORDER) {\n    const fields = byGroup.get(g)\n    if (!fields || fields.length === 0) continue\n    // 组内按 label 稳定排序，渲染顺序确定。\n    fields.sort((a, b) => a.spec.label.localeCompare(b.spec.label))\n    groups.push({ group: g, title: GROUP_TITLES[g], fields })\n  }\n\n  return { groups, hasGovernance, empty: groups.length === 0 }\n}\n\n/**\n * 把页面表单值（key → boolean|number|string）归一成 POST body 的字符串对。\n * 仅产出与 baseline 不同的项（最小写集；空 → 调用方可跳过提交）。\n */\nexport function diffConfigChanges(\n  view: ConfigView,\n  formValues: Record<string, boolean | number | string>,\n): Array<{ key: string; value: string }> {\n  const out: Array<{ key: string; value: string }> = []\n  for (const g of view.groups) {\n    for (const f of g.fields) {\n      if (!(f.key in formValues)) continue\n      const next = formValues[f.key]\n      const nextStr =\n        typeof next === 'boolean' ? String(next) : String(next).trim()\n      const curStr = String(f.value)\n      if (nextStr !== curStr) out.push({ key: f.key, value: nextStr })\n    }\n  }\n  return out\n}\n","/**\n * useConfig — 设置页取数 + 写配置 hook（Arco Phase 4a, decision 29688066）。\n *\n * 接真实 GET/POST /api/config（唯一硬后端缺口，本轮新补）：\n *   GET  /api/config → { items[], writable{} }  读全量回显 + 白名单 schema\n *   POST /api/config → 写单/批量（白名单 + 范围/类型校验，治理类返回 needsRestart）\n *\n * 写操作走 authFetch（带 Bearer，server.ts 对 /api 非 GET 挂 requireAuth）。\n * 成功后 invalidate 重拉以回显 daemon 写入的 canonical updated_at。\n *\n * 纯装配（按 group/type 分组、合并当前值与白名单 schema）放在 config-derive.ts，\n * 页面组件只渲染派生结果（与 agent-derive / issues-derive 同一模式）。\n */\nimport { useMemo } from 'react'\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'\n\nimport { authFetch } from '../utils/auth'\nimport {\n  buildConfigView,\n  type ConfigApiResponse,\n  type ConfigView,\n} from './config-derive'\n\nasync function fetchConfig(): Promise<ConfigApiResponse> {\n  const r = await fetch('/api/config')\n  if (!r.ok) throw new Error(`/api/config → ${r.status}`)\n  return r.json() as Promise<ConfigApiResponse>\n}\n\nexport interface ConfigWriteItem {\n  key: string\n  value: string\n}\n\nexport interface ConfigWriteResult {\n  ok: boolean\n  applied: Array<{ key: string; value: string; updated_at: string; governance: boolean }>\n  needsRestart: boolean\n  restart_hint: string | null\n}\n\nasync function writeConfig(items: ConfigWriteItem[]): Promise<ConfigWriteResult> {\n  const res = await authFetch('/api/config', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(items.length === 1 ? items[0] : { items }),\n  })\n  if (!res.ok) {\n    const body = (await res.json().catch(() => null)) as { message?: string; error?: string } | null\n    throw new Error(body?.message ?? body?.error ?? `HTTP ${res.status}`)\n  }\n  return res.json() as Promise<ConfigWriteResult>\n}\n\nexport interface UseConfigResult {\n  view: ConfigView\n  loading: boolean\n  isError: boolean\n  error: Error | null\n  refetch: () => void\n  /** 写单/批量配置（mutation）。 */\n  save: (items: ConfigWriteItem[]) => Promise<ConfigWriteResult>\n  saving: boolean\n}\n\nexport function useConfig(): UseConfigResult {\n  const qc = useQueryClient()\n\n  const cfgQ = useQuery({\n    queryKey: ['config'],\n    queryFn: fetchConfig,\n    staleTime: 30_000,\n  })\n\n  const mutation = useMutation<ConfigWriteResult, Error, ConfigWriteItem[]>({\n    mutationFn: writeConfig,\n    onSuccess: () => {\n      // 重拉以回显 daemon 写入的 canonical value / updated_at。\n      void qc.invalidateQueries({ queryKey: ['config'] })\n    },\n  })\n\n  const view = useMemo(() => buildConfigView(cfgQ.data), [cfgQ.data])\n\n  return {\n    view,\n    loading: cfgQ.isLoading,\n    isError: cfgQ.isError,\n    error: (cfgQ.error as Error) ?? null,\n    refetch: () => {\n      void cfgQ.refetch()\n    },\n    save: (items) => mutation.mutateAsync(items),\n    saving: mutation.isPending,\n  }\n}\n","/**\n * /system/settings — 系统 · 设置（可写）。Arco Phase 4a, decision 29688066。\n *\n * 替换 Phase 0 的占位组件为真实可写设置页。读 GET /api/config 回显当前\n * 值，改值后 POST /api/config（authFetch 带 Bearer）。治理类 key 改动后显示\n * 「需 restart daemon 生效」Alert（Q2，用户拍板）。\n *\n * 真 Arco 组件（Form / Switch / InputNumber / Card / Button / Alert），严禁直搬\n * 原型 Tailwind CSS。分组卡：阈值配置 / 治理开关 / 数据保留 + Agent 同步（只读状态）+\n * 主题 / 关于（保留原 theme/about）。\n *\n * 危险/不可写的 key 不暴露为可编辑——后端白名单 CONFIG_WRITE_WHITELIST 是唯一\n * 真源，前端只渲染 writable schema 返回的字段（KB 注入 threshold / TASK_SWITCH /\n * MAX_BUFFER 等运行时常量类 key 后端故意未列入，前端自然不显示为可写）。\n */\nimport { useEffect, useMemo, useState } from 'react'\nimport {\n  Alert,\n  Button,\n  Card,\n  Form,\n  InputNumber,\n  Notification,\n  Radio,\n  Spin,\n  Switch,\n  Tabs,\n  Tag,\n  Typography,\n} from '@arco-design/web-react'\nimport { IconSettings, IconSun, IconInfoCircle, IconRobot } from '@arco-design/web-react/icon'\n\nimport { useTheme } from '../lib/theme'\nimport { useTabsParam } from '../hooks/useTabsParam'\nimport { useConfig } from '../hooks/useConfig'\nimport { diffConfigChanges, type ConfigField, type ConfigView } from '../hooks/config-derive'\n\nconst TabPane = Tabs.TabPane\nconst RadioGroup = Radio.Group\n\ntype SettingsSection = 'config' | 'theme' | 'about'\nconst KNOWN: readonly SettingsSection[] = ['config', 'theme', 'about'] as const\n\n/** 单个可编辑字段的控件（bool → Switch，int → InputNumber）。 */\nfunction FieldControl({\n  field,\n  value,\n  onChange,\n}: {\n  field: ConfigField\n  value: boolean | number\n  onChange: (v: boolean | number) => void\n}) {\n  if (field.spec.type === 'bool') {\n    return (\n      <Switch\n        checked={value as boolean}\n        onChange={(v) => onChange(v)}\n        data-testid={`cfg-switch-${field.key}`}\n      />\n    )\n  }\n  return (\n    <InputNumber\n      value={value as number}\n      min={field.spec.min}\n      max={field.spec.max}\n      step={1}\n      style={{ width: 160 }}\n      onChange={(v) => onChange(typeof v === 'number' ? v : (field.spec.min ?? 0))}\n      data-testid={`cfg-input-${field.key}`}\n    />\n  )\n}\n\n/** 配置可写面（阈值 / 治理 / 保留分组卡 + 保存）。 */\nfunction ConfigPanel() {\n  const { view, loading, isError, error, save, saving, refetch } = useConfig()\n  // 本地编辑态：key → 值。初值由 view 派生，view 变化（重拉）时重置。\n  const [draft, setDraft] = useState<Record<string, boolean | number>>({})\n\n  const baseline = useMemo(() => {\n    const m: Record<string, boolean | number> = {}\n    for (const g of view.groups) for (const f of g.fields) m[f.key] = f.value\n    return m\n  }, [view])\n\n  useEffect(() => {\n    setDraft(baseline)\n  }, [baseline])\n\n  const changes = diffConfigChanges(view as ConfigView, draft)\n  const dirty = changes.length > 0\n  // 改动是否含治理类 key（决定是否提示 restart）。\n  const touchesGovernance = useMemo(() => {\n    const govKeys = new Set<string>()\n    for (const g of view.groups) for (const f of g.fields) if (f.spec.governance) govKeys.add(f.key)\n    return changes.some((c) => govKeys.has(c.key))\n  }, [changes, view])\n\n  async function handleSave() {\n    if (changes.length === 0) return\n    try {\n      const result = await save(changes)\n      Notification.success({ content: `已保存 ${result.applied.length} 项配置` })\n      if (result.needsRestart) {\n        Notification.warning({\n          content: '治理类配置已写入，需 restart daemon 生效：cf daemon restart',\n          duration: 6000,\n        })\n      }\n    } catch (err) {\n      Notification.error({ content: `保存失败：${String((err as Error)?.message ?? err)}` })\n    }\n  }\n\n  if (loading) {\n    return (\n      <div style={{ display: 'flex', justifyContent: 'center', padding: 48 }}>\n        <Spin tip=\"加载配置...\" />\n      </div>\n    )\n  }\n  if (isError) {\n    return (\n      <Alert\n        type=\"error\"\n        title=\"读取配置失败\"\n        content={String(error?.message ?? error)}\n        action={<Button size=\"small\" onClick={refetch}>重试</Button>}\n      />\n    )\n  }\n\n  return (\n    <div data-testid=\"config-panel\" style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>\n      {touchesGovernance && (\n        <Alert\n          type=\"warning\"\n          showIcon\n          content=\"检测到治理类配置改动 —— 保存后需 restart daemon 才会生效（cf daemon restart）。\"\n        />\n      )}\n\n      {view.groups.map((grp) => (\n        <Card key={grp.group} title={grp.title} bordered headerStyle={{ fontSize: 15 }}>\n          <Form layout=\"horizontal\" labelCol={{ span: 10 }} wrapperCol={{ span: 14 }}>\n            {grp.fields.map((f) => (\n              <Form.Item\n                key={f.key}\n                label={\n                  <span>\n                    {f.spec.label}\n                    {f.spec.governance && (\n                      <Tag size=\"small\" color=\"orange\" style={{ marginLeft: 8 }}>治理</Tag>\n                    )}\n                  </span>\n                }\n                extra={\n                  <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n                    {f.spec.description}\n                    {f.spec.type === 'int' && f.spec.min !== undefined && (\n                      <span style={{ marginLeft: 6 }}>\n                        （区间 {f.spec.min}–{f.spec.max}）\n                      </span>\n                    )}\n                    {f.rawValue === null && (\n                      <Tag size=\"small\" style={{ marginLeft: 6 }}>未设置 · 用默认</Tag>\n                    )}\n                  </Typography.Text>\n                }\n              >\n                <FieldControl\n                  field={f}\n                  value={draft[f.key] ?? f.value}\n                  onChange={(v) => setDraft((d) => ({ ...d, [f.key]: v }))}\n                />\n              </Form.Item>\n            ))}\n          </Form>\n        </Card>\n      ))}\n\n      {/* Agent 同步（只读状态卡；原型 cfg sync 为 toast mock，本轮不接真实 sync 后端）。 */}\n      <Card title=\"Agent 同步\" bordered headerStyle={{ fontSize: 15 }}>\n        <Typography.Paragraph type=\"secondary\" style={{ fontSize: 13, margin: 0 }}>\n          本地 <code>.claude/agents</code> 与全局 <code>~/.claude/agents</code> 的同步由\n          CLI <code>cf agents sync</code> 管理。Web 设置页不直接触发同步（避免误操作），\n          请在终端运行该命令。\n        </Typography.Paragraph>\n      </Card>\n\n      <div style={{ display: 'flex', justifyContent: 'flex-end', gap: 12 }}>\n        <Button onClick={() => setDraft(baseline)} disabled={!dirty || saving}>\n          重置\n        </Button>\n        <Button\n          type=\"primary\"\n          onClick={handleSave}\n          loading={saving}\n          disabled={!dirty}\n          data-testid=\"cfg-save\"\n        >\n          保存{dirty ? ` (${changes.length})` : ''}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport default function SettingsPage() {\n  const { tab: section, setTab } = useTabsParam<SettingsSection>(KNOWN, 'config', 'section')\n  const [theme, setTheme] = useTheme()\n\n  return (\n    <div data-testid=\"settings-page\" data-section={section} style={{ padding: 24 }}>\n      <Tabs activeTab={section} onChange={(k) => setTab(k as SettingsSection)} type=\"line\">\n        <TabPane key=\"config\" title={<span><IconSettings /> 配置</span>}>\n          <div style={{ paddingTop: 16 }}>\n            <ConfigPanel />\n          </div>\n        </TabPane>\n\n        <TabPane key=\"theme\" title={<span><IconSun /> 主题</span>}>\n          <div style={{ display: 'flex', flexDirection: 'column', gap: 12, padding: 16 }}>\n            <Typography.Title heading={6}>外观</Typography.Title>\n            <RadioGroup\n              type=\"button\"\n              value={theme}\n              onChange={(v: 'light' | 'dark') => setTheme(v)}\n              options={[\n                { value: 'light', label: '浅色' },\n                { value: 'dark', label: '深色' },\n              ]}\n            />\n            <Typography.Paragraph type=\"secondary\" style={{ fontSize: 12 }}>\n              主题偏好保存在 localStorage <code>claude-forge:theme</code>，刷新页面后保留。\n            </Typography.Paragraph>\n          </div>\n        </TabPane>\n\n        <TabPane key=\"about\" title={<span><IconInfoCircle /> 关于</span>}>\n          <div style={{ display: 'flex', flexDirection: 'column', gap: 8, padding: 16 }}>\n            <Typography.Title heading={6}>claude-forge</Typography.Title>\n            <Typography.Paragraph style={{ fontSize: 13 }}>\n              版本: <code>v{__APP_VERSION__}</code>\n            </Typography.Paragraph>\n            <Typography.Paragraph style={{ fontSize: 13 }}>\n              <IconRobot /> 配置写入 <code>forge_config</code> 表（<code>~/.claude-forge/data.db</code>）。\n              治理类开关改后需 <code>cf daemon restart</code>；schema 相关 key 无自动 migration，\n              故设置页只暴露后端白名单内的安全 key。\n            </Typography.Paragraph>\n            <Typography.Paragraph type=\"secondary\" style={{ fontSize: 12 }}>\n              Arco 管理后台重设计（2026-06）— 分组 11 视图 · 设置页可写（Phase 4a，decision 29688066）。\n            </Typography.Paragraph>\n          </div>\n        </TabPane>\n      </Tabs>\n    </div>\n  )\n}\n"],"names":["clampTab","raw","known","defaultKey","useTabsParam","paramName","searchParams","setSearchParams","useSearchParams","tab","useMemo","setTab","useCallback","key","next","GROUP_TITLES","GROUP_ORDER","coerceBool","coerceInt","spec","n","buildConfigView","resp","valueByKey","it","byGroup","hasGovernance","item","value","field","list","groups","g","fields","a","b","diffConfigChanges","view","formValues","out","f","nextStr","curStr","fetchConfig","r","writeConfig","items","res","authFetch","body","useConfig","qc","useQueryClient","cfgQ","useQuery","mutation","useMutation","TabPane","Tabs","RadioGroup","Radio","KNOWN","FieldControl","onChange","jsx","Switch","v","InputNumber","ConfigPanel","loading","isError","error","save","saving","refetch","draft","setDraft","useState","baseline","m","useEffect","changes","dirty","touchesGovernance","govKeys","c","handleSave","result","Notification","err","Spin","Alert","Button","jsxs","grp","Card","Form","Tag","Typography","d","SettingsPage","section","theme","setTheme","useTheme","k","IconSettings","IconSun","IconInfoCircle","IconRobot"],"mappings":"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"}

package/dist/web/static/assets/SkillDetailPage-BuBJJ_NX.js

@@ -0,0 +1,2 @@
+import{j as e}from"./react-vendor-tkvCrao7.js";import{J as a,d as u,D as b,F as p,X as v,w as T,T as s,Y as S,K as f,E as o,$ as k,b as c,a4 as z,y as w,a5 as R}from"./arco-DV6xCLhr.js";import{M as C}from"./MarkdownRenderer-DlDQNihj.js";import{c as I,a as x,b as j,r as W,d as D,i as B}from"./useSkillStats-B5hbIwdf.js";import{G as E}from"./GlobalScopeHint-Q3wTJx3F.js";import{d as L,u as M}from"./react-router-Cxmg8RuL.js";import"./vendor-DS-q4Eyc.js";import"./syntax-highlighter-BDYycNja.js";import"./markdown-CA7ePUts.js";import"./query-CgCOpYWf.js";import"./index-DileOOE4.js";import"./lucide-CnlPQoG8.js";import"./useEffectiveProject-DQiyX54y.js";const P=f.Row,y=f.Col;function A(l,i){return i===0?e.jsx(c,{size:"small",color:"gray",children:"未评分"}):e.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:6},children:[e.jsx(z,{readonly:!0,allowHalf:!0,value:W(l),style:{fontSize:14}}),e.jsx(s.Text,{style:{fontWeight:600},children:j(l)})]})}function G(l){const i=[{label:"helped",n:l.helped,color:"rgb(var(--green-6))"},{label:"partial",n:l.partial,color:"rgb(var(--orange-6))"},{label:"not-actionable",n:l.notActionable,color:"rgb(var(--red-6))"}],t=l.totalRated||1;return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:10},children:[i.map(n=>e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:4},children:[e.jsx(s.Text,{style:{fontSize:12},children:n.label}),e.jsxs(s.Text,{type:"secondary",style:{fontSize:12},children:[n.n," · ",l.totalRated>0?Math.round(n.n/t*100):0,"%"]})]}),e.jsx(R,{percent:l.totalRated>0?Math.round(n.n/t*100):0,showText:!1,color:n.color,size:"small"})]},n.label)),l.pending>0&&e.jsxs(s.Text,{type:"secondary",style:{fontSize:11},children:["另有 ",l.pending," 次调用未评分（不计入有用率分母）"]})]})}function H(l){const i=D(l.usefulness);return e.jsxs("div",{style:{padding:"10px 0",borderBottom:"1px solid var(--color-border-1)"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,flexWrap:"wrap"},children:[e.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:6,fontSize:13},children:[e.jsx(w,{style:{color:"var(--color-text-3)"}}),l.agent]}),e.jsx(c,{size:"small",children:B(l.invocationType)}),e.jsx(s.Text,{code:!0,style:{fontSize:11},title:l.reason,children:l.reason}),e.jsx("div",{style:{flex:1}}),e.jsx(c,{size:"small",color:i.color,children:i.label}),e.jsx(s.Text,{type:"secondary",style:{fontSize:12,width:96,textAlign:"right"},children:x(l.ts)})]}),l.usefulnessNote&&e.jsxs(s.Text,{type:"secondary",style:{fontSize:12,display:"block",marginTop:4,paddingLeft:22},children:["“",l.usefulnessNote,"”"]})]},l.id)}function _(){const{id:l}=L(),i=M(),{view:t,loading:n,isError:h,error:d,project:g,isAllProjects:m}=I(l);if(n)return e.jsx("div",{style:{padding:16},children:e.jsx(a,{bordered:!0,children:e.jsx(u,{animation:!0,text:{rows:8}})})});if(h||!t)return e.jsx("div",{style:{padding:16},children:e.jsx(b,{status:"error",title:"加载 Skill 详情失败",subTitle:(d==null?void 0:d.message)||"skill 不存在或端点不可用",extra:e.jsx(p,{type:"primary",onClick:()=>i("/ai/skills"),children:"返回 Skill 调用"})})});const r=t.breakdown;return e.jsxs("div",{style:{padding:16,display:"flex",flexDirection:"column",gap:16},children:[e.jsxs(a,{bordered:!0,children:[e.jsx(p,{type:"text",size:"small",icon:e.jsx(v,{}),style:{marginBottom:8,paddingLeft:0},onClick:()=>i("/ai/skills"),children:"返回 Skill 调用"}),e.jsx("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:16,flexWrap:"wrap"},children:e.jsxs("div",{style:{minWidth:0,flex:1},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,flexWrap:"wrap"},children:[e.jsx(T,{style:{color:"rgb(var(--arcoblue-6))"}}),e.jsx(s.Title,{heading:5,style:{margin:0,fontFamily:"monospace"},children:t.id}),A(r.actionableRate,r.totalRated),e.jsx(E,{project:g,isAllProjects:m,usageLabel:"调用统计"})]}),t.description&&e.jsx(s.Text,{type:"secondary",style:{fontSize:12,display:"block",marginTop:6},children:t.description}),e.jsxs("div",{style:{display:"flex",gap:12,flexWrap:"wrap",marginTop:8,alignItems:"center"},children:[e.jsxs(s.Text,{type:"secondary",style:{fontSize:12},children:["调用 ",e.jsx("b",{children:t.calls}),"（真调 ",t.invoked,"）"]}),e.jsxs(s.Text,{type:"secondary",style:{fontSize:12},children:["已评 ",e.jsx("b",{children:r.totalRated})]}),t.caller&&e.jsxs(s.Text,{type:"secondary",style:{fontSize:12},children:["主要调用方 ",e.jsx("b",{children:t.caller})]}),t.lastTs>0&&e.jsxs(s.Text,{type:"secondary",style:{fontSize:12,display:"inline-flex",alignItems:"center",gap:4},children:[e.jsx(S,{})," ",x(t.lastTs)]})]})]})})]}),e.jsxs(P,{gutter:16,align:"start",children:[e.jsx(y,{xs:24,xl:16,style:{marginBottom:16},children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[e.jsx(a,{bordered:!0,title:e.jsx("span",{style:{fontSize:14,fontWeight:600},children:"📖 方法论正文"}),children:t.contentExists&&t.content?e.jsx("div",{style:{border:"1px solid var(--color-border-2)",borderRadius:4,background:"var(--color-fill-1)",padding:"12px 16px",maxHeight:520,overflow:"auto"},children:e.jsx(C,{content:t.content})}):e.jsx(o,{description:"该 skill 无可读正文（非 distilled 文件或 content endpoint 不可用）"})}),e.jsx(a,{bordered:!0,title:e.jsx("span",{style:{fontSize:14,fontWeight:600},children:"🧾 调用记录"}),extra:e.jsxs(s.Text,{type:"secondary",style:{fontSize:12},children:["窗口内 ",t.records.length," 条"]}),children:t.records.length>0?e.jsx("div",{style:{display:"flex",flexDirection:"column"},children:t.records.map(H)}):e.jsx(o,{description:"窗口内无调用记录"})})]})}),e.jsx(y,{xs:24,xl:8,style:{marginBottom:16},children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[e.jsx(a,{bordered:!0,title:e.jsx("span",{style:{fontSize:14,fontWeight:600},children:"概要"}),children:e.jsx(k,{colon:" :",size:"small",column:1,labelStyle:{width:88,color:"var(--color-text-3)"},data:[{label:"Skill",value:e.jsx(s.Text,{code:!0,style:{fontSize:11},children:t.id})},{label:"调用数",value:e.jsx(s.Text,{style:{fontWeight:600},children:t.calls})},{label:"真调用",value:t.invoked},{label:"注入",value:t.injected},{label:"已评分",value:r.totalRated},{label:"有用率",value:j(r.actionableRate)},{label:"主要调用方",value:t.caller||"—"},{label:"最近",value:x(t.lastTs)}]})}),e.jsx(a,{bordered:!0,title:e.jsx("span",{style:{fontSize:14,fontWeight:600},children:"有用性分布"}),children:r.totalRated>0?G(r):e.jsx(o,{description:"尚无有用性自评（agent 用完 skill 后 cf skill feedback 写入）"})}),e.jsx(a,{bordered:!0,title:e.jsx("span",{style:{fontSize:14,fontWeight:600},children:"关联任务"}),children:e.jsx(o,{description:"暂无关联任务（端点未提供 per-skill 关联）"})})]})})]})]})}export{_ as default};
+//# sourceMappingURL=SkillDetailPage-BuBJJ_NX.js.map

package/dist/web/static/assets/SkillDetailPage-BuBJJ_NX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkillDetailPage-BuBJJ_NX.js","sources":["../../src/pages/ai/SkillDetailPage.tsx"],"sourcesContent":["/**\n * SkillDetailPage — AI 资源 · Skill 调用详情整页 (Phase 2c, decision 29688066).\n *\n * 替换 `/ai/skills/:id` 的占位组件。整页（非抽屉）布局，翻译原型「Skill 调用\n * 详情」成真 Arco 组件（**严禁直搬原型 Tailwind CSS**）：\n *   A. 页头横条：skill id + ★平均有用性 Tag + 调用数/最近 + 返回\n *   B. 左右双栏：\n *      左 = 方法论正文预览（MarkdownRenderer；content endpoint 不提供则降级）+\n *           调用记录列表（agent + reason workflow/phase + invocation_type +\n *           rating + note + 时间）\n *      右 360 = 概要 Descriptions + helped/partial/not-actionable 分布条 +\n *           关联任务（端点未提供 per-skill 关联，降级空态）\n *\n * 数据接真实端点（GET /api/skill-stats/invocations/:id + /api/skills/:id/content +\n * 同窗 list stat），取数 + 派生在 useSkillDetail / skill-derive，本组件只渲染。\n */\nimport { useParams, useNavigate } from 'react-router-dom'\n\nimport Card from '@arco-design/web-react/es/Card'\nimport Grid from '@arco-design/web-react/es/Grid'\nimport Tag from '@arco-design/web-react/es/Tag'\nimport Typography from '@arco-design/web-react/es/Typography'\nimport Descriptions from '@arco-design/web-react/es/Descriptions'\nimport Button from '@arco-design/web-react/es/Button'\nimport Rate from '@arco-design/web-react/es/Rate'\nimport Empty from '@arco-design/web-react/es/Empty'\nimport Skeleton from '@arco-design/web-react/es/Skeleton'\nimport Result from '@arco-design/web-react/es/Result'\nimport Progress from '@arco-design/web-react/es/Progress'\nimport {\n  IconLeft,\n  IconThunderbolt,\n  IconClockCircle,\n  IconRobot,\n} from '@arco-design/web-react/icon'\n\nimport MarkdownRenderer from '../../components/MarkdownRenderer'\nimport { useSkillDetail } from '../../hooks/useSkillStats'\nimport GlobalScopeHint from '../../components/ai/GlobalScopeHint'\nimport {\n  formatPct,\n  formatTs,\n  ratingStars,\n  invocationTypeLabel,\n  usefulnessMeta,\n  type SkillRecordRow,\n  type UsefulnessBreakdown,\n} from '../../hooks/skill-derive'\n\nconst Row = Grid.Row\nconst Col = Grid.Col\n\nfunction ratingTag(rate: number | null, totalRated: number) {\n  if (totalRated === 0) {\n    return <Tag size=\"small\" color=\"gray\">未评分</Tag>\n  }\n  return (\n    <span style={{ display: 'inline-flex', alignItems: 'center', gap: 6 }}>\n      <Rate readonly allowHalf value={ratingStars(rate)} style={{ fontSize: 14 }} />\n      <Typography.Text style={{ fontWeight: 600 }}>{formatPct(rate)}</Typography.Text>\n    </span>\n  )\n}\n\n/** helped/partial/not-actionable 三段分布条（Arco Progress steps 风格手搓段条）。 */\nfunction breakdownBars(b: UsefulnessBreakdown) {\n  const segs: Array<{ label: string; n: number; color: string }> = [\n    { label: 'helped', n: b.helped, color: 'rgb(var(--green-6))' },\n    { label: 'partial', n: b.partial, color: 'rgb(var(--orange-6))' },\n    { label: 'not-actionable', n: b.notActionable, color: 'rgb(var(--red-6))' },\n  ]\n  const denom = b.totalRated || 1\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: 10 }}>\n      {segs.map((s) => (\n        <div key={s.label}>\n          <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: 4 }}>\n            <Typography.Text style={{ fontSize: 12 }}>{s.label}</Typography.Text>\n            <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n              {s.n} · {b.totalRated > 0 ? Math.round((s.n / denom) * 100) : 0}%\n            </Typography.Text>\n          </div>\n          <Progress\n            percent={b.totalRated > 0 ? Math.round((s.n / denom) * 100) : 0}\n            showText={false}\n            color={s.color}\n            size=\"small\"\n          />\n        </div>\n      ))}\n      {b.pending > 0 && (\n        <Typography.Text type=\"secondary\" style={{ fontSize: 11 }}>\n          另有 {b.pending} 次调用未评分（不计入有用率分母）\n        </Typography.Text>\n      )}\n    </div>\n  )\n}\n\nfunction recordItem(r: SkillRecordRow) {\n  const meta = usefulnessMeta(r.usefulness)\n  return (\n    <div\n      key={r.id}\n      style={{\n        padding: '10px 0',\n        borderBottom: '1px solid var(--color-border-1)',\n      }}\n    >\n      <div style={{ display: 'flex', alignItems: 'center', gap: 10, flexWrap: 'wrap' }}>\n        <span style={{ display: 'inline-flex', alignItems: 'center', gap: 6, fontSize: 13 }}>\n          <IconRobot style={{ color: 'var(--color-text-3)' }} />\n          {r.agent}\n        </span>\n        <Tag size=\"small\">{invocationTypeLabel(r.invocationType)}</Tag>\n        <Typography.Text code style={{ fontSize: 11 }} title={r.reason}>\n          {r.reason}\n        </Typography.Text>\n        <div style={{ flex: 1 }} />\n        <Tag size=\"small\" color={meta.color}>\n          {meta.label}\n        </Tag>\n        <Typography.Text type=\"secondary\" style={{ fontSize: 12, width: 96, textAlign: 'right' }}>\n          {formatTs(r.ts)}\n        </Typography.Text>\n      </div>\n      {r.usefulnessNote && (\n        <Typography.Text\n          type=\"secondary\"\n          style={{ fontSize: 12, display: 'block', marginTop: 4, paddingLeft: 22 }}\n        >\n          “{r.usefulnessNote}”\n        </Typography.Text>\n      )}\n    </div>\n  )\n}\n\nexport default function SkillDetailPage() {\n  const { id } = useParams<{ id: string }>()\n  const navigate = useNavigate()\n  const { view, loading, isError, error, project, isAllProjects } = useSkillDetail(id)\n\n  if (loading) {\n    return (\n      <div style={{ padding: 16 }}>\n        <Card bordered>\n          <Skeleton animation text={{ rows: 8 }} />\n        </Card>\n      </div>\n    )\n  }\n\n  if (isError || !view) {\n    return (\n      <div style={{ padding: 16 }}>\n        <Result\n          status=\"error\"\n          title=\"加载 Skill 详情失败\"\n          subTitle={error?.message || 'skill 不存在或端点不可用'}\n          extra={\n            <Button type=\"primary\" onClick={() => navigate('/ai/skills')}>\n              返回 Skill 调用\n            </Button>\n          }\n        />\n      </div>\n    )\n  }\n\n  const b = view.breakdown\n\n  return (\n    <div style={{ padding: 16, display: 'flex', flexDirection: 'column', gap: 16 }}>\n      {/* ── A. 页头横条 ─────────────────────────────────────────────── */}\n      <Card bordered>\n        <Button\n          type=\"text\"\n          size=\"small\"\n          icon={<IconLeft />}\n          style={{ marginBottom: 8, paddingLeft: 0 }}\n          onClick={() => navigate('/ai/skills')}\n        >\n          返回 Skill 调用\n        </Button>\n        <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 16, flexWrap: 'wrap' }}>\n          <div style={{ minWidth: 0, flex: 1 }}>\n            <div style={{ display: 'flex', alignItems: 'center', gap: 10, flexWrap: 'wrap' }}>\n              <IconThunderbolt style={{ color: 'rgb(var(--arcoblue-6))' }} />\n              <Typography.Title heading={5} style={{ margin: 0, fontFamily: 'monospace' }}>\n                {view.id}\n              </Typography.Title>\n              {ratingTag(b.actionableRate, b.totalRated)}\n              <GlobalScopeHint project={project} isAllProjects={isAllProjects} usageLabel=\"调用统计\" />\n            </div>\n            {view.description && (\n              <Typography.Text type=\"secondary\" style={{ fontSize: 12, display: 'block', marginTop: 6 }}>\n                {view.description}\n              </Typography.Text>\n            )}\n            <div style={{ display: 'flex', gap: 12, flexWrap: 'wrap', marginTop: 8, alignItems: 'center' }}>\n              <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n                调用 <b>{view.calls}</b>（真调 {view.invoked}）\n              </Typography.Text>\n              <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n                已评 <b>{b.totalRated}</b>\n              </Typography.Text>\n              {view.caller && (\n                <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n                  主要调用方 <b>{view.caller}</b>\n                </Typography.Text>\n              )}\n              {view.lastTs > 0 && (\n                <Typography.Text type=\"secondary\" style={{ fontSize: 12, display: 'inline-flex', alignItems: 'center', gap: 4 }}>\n                  <IconClockCircle /> {formatTs(view.lastTs)}\n                </Typography.Text>\n              )}\n            </div>\n          </div>\n        </div>\n      </Card>\n\n      {/* ── B. 左右双栏 ─────────────────────────────────────────────── */}\n      <Row gutter={16} align=\"start\">\n        {/* 左主栏：方法论正文 + 调用记录 */}\n        <Col xs={24} xl={16} style={{ marginBottom: 16 }}>\n          <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>\n            <Card\n              bordered\n              title={<span style={{ fontSize: 14, fontWeight: 600 }}>📖 方法论正文</span>}\n            >\n              {view.contentExists && view.content ? (\n                <div\n                  style={{\n                    border: '1px solid var(--color-border-2)',\n                    borderRadius: 4,\n                    background: 'var(--color-fill-1)',\n                    padding: '12px 16px',\n                    maxHeight: 520,\n                    overflow: 'auto',\n                  }}\n                >\n                  <MarkdownRenderer content={view.content} />\n                </div>\n              ) : (\n                <Empty description=\"该 skill 无可读正文（非 distilled 文件或 content endpoint 不可用）\" />\n              )}\n            </Card>\n\n            <Card\n              bordered\n              title={<span style={{ fontSize: 14, fontWeight: 600 }}>🧾 调用记录</span>}\n              extra={\n                <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n                  窗口内 {view.records.length} 条\n                </Typography.Text>\n              }\n            >\n              {view.records.length > 0 ? (\n                <div style={{ display: 'flex', flexDirection: 'column' }}>\n                  {view.records.map(recordItem)}\n                </div>\n              ) : (\n                <Empty description=\"窗口内无调用记录\" />\n              )}\n            </Card>\n          </div>\n        </Col>\n\n        {/* 右侧栏：概要 + 分布条 + 关联任务 */}\n        <Col xs={24} xl={8} style={{ marginBottom: 16 }}>\n          <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>\n            <Card bordered title={<span style={{ fontSize: 14, fontWeight: 600 }}>概要</span>}>\n              <Descriptions\n                colon=\" :\"\n                size=\"small\"\n                column={1}\n                labelStyle={{ width: 88, color: 'var(--color-text-3)' }}\n                data={[\n                  { label: 'Skill', value: <Typography.Text code style={{ fontSize: 11 }}>{view.id}</Typography.Text> },\n                  { label: '调用数', value: <Typography.Text style={{ fontWeight: 600 }}>{view.calls}</Typography.Text> },\n                  { label: '真调用', value: view.invoked },\n                  { label: '注入', value: view.injected },\n                  { label: '已评分', value: b.totalRated },\n                  { label: '有用率', value: formatPct(b.actionableRate) },\n                  { label: '主要调用方', value: view.caller || '—' },\n                  { label: '最近', value: formatTs(view.lastTs) },\n                ]}\n              />\n            </Card>\n\n            <Card bordered title={<span style={{ fontSize: 14, fontWeight: 600 }}>有用性分布</span>}>\n              {b.totalRated > 0 ? (\n                breakdownBars(b)\n              ) : (\n                <Empty description=\"尚无有用性自评（agent 用完 skill 后 cf skill feedback 写入）\" />\n              )}\n            </Card>\n\n            <Card bordered title={<span style={{ fontSize: 14, fontWeight: 600 }}>关联任务</span>}>\n              {/*\n                records 端点回 session_id 但无 task_id；per-skill→task 关联端点未提供，\n                按 spec「缺字段降级」先空态。可在端点补 task 关联后挂 /tasks/:id 链接。\n              */}\n              <Empty description=\"暂无关联任务（端点未提供 per-skill 关联）\" />\n            </Card>\n          </div>\n        </Col>\n      </Row>\n    </div>\n  )\n}\n"],"names":["Row","Grid","Col","ratingTag","rate","totalRated","Tag","jsxs","jsx","Rate","ratingStars","Typography","formatPct","breakdownBars","b","segs","denom","s","Progress","recordItem","r","meta","usefulnessMeta","IconRobot","invocationTypeLabel","formatTs","SkillDetailPage","id","useParams","navigate","useNavigate","view","loading","isError","error","project","isAllProjects","useSkillDetail","Card","Skeleton","Result","Button","IconLeft","IconThunderbolt","GlobalScopeHint","IconClockCircle","MarkdownRenderer","Empty","Descriptions"],"mappings":"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"}

package/dist/web/static/assets/SkillsPage-aojkJpBc.js

@@ -0,0 +1,2 @@
+import{r as m,j as e}from"./react-vendor-tkvCrao7.js";import{D as T,J as c,T as s,R as r,a1 as S,b as x,y as v,F as k,N as b,a4 as z}from"./arco-DV6xCLhr.js";import{u as R,f as C,a as I,r as W,b as _}from"./useSkillStats-B5hbIwdf.js";import{G as w}from"./GlobalScopeHint-Q3wTJx3F.js";import{u as L}from"./react-router-Cxmg8RuL.js";import"./vendor-DS-q4Eyc.js";import"./query-CgCOpYWf.js";import"./index-DileOOE4.js";import"./lucide-CnlPQoG8.js";import"./useEffectiveProject-DQiyX54y.js";function D(i){return i.totalRated===0?e.jsx(s.Text,{type:"secondary",style:{fontSize:12},children:"未评分"}):e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e.jsx(z,{readonly:!0,allowHalf:!0,value:W(i.actionableRate),style:{fontSize:13}}),e.jsx(s.Text,{style:{fontWeight:600,fontSize:13},children:_(i.actionableRate)})]}),e.jsxs(s.Text,{type:"secondary",style:{fontSize:11},children:[i.helped," helped · ",i.partial," partial · ",i.notActionable," 无效",i.pending>0?` · ${i.pending} 待评`:""]})]})}function J(){const i=L(),{view:n,loading:p,isError:y,error:o,project:h,isAllProjects:f}=R(),[a,j]=m.useState("all");if(y)return e.jsx("div",{style:{padding:16},children:e.jsx(T,{status:"error",title:"加载 Skill 调用失败",subTitle:(o==null?void 0:o.message)||"/api/skill-stats/invocations 端点不可用"})});const d=C(n.rows,a),u=[{title:"Skill",dataIndex:"id",render:(l,t)=>e.jsxs("div",{style:{minWidth:0},children:[e.jsx(s.Text,{code:!0,style:{fontSize:13},children:t.id}),t.isUnused&&e.jsx(x,{color:"gray",size:"small",style:{marginLeft:6},children:"未使用"}),t.description&&e.jsx("div",{style:{marginTop:2},children:e.jsx(s.Text,{type:"secondary",style:{fontSize:12},ellipsis:{rows:1,showTooltip:!0},children:t.description})})]})},{title:"调用次数",dataIndex:"calls",width:116,sorter:(l,t)=>l.calls-t.calls,render:(l,t)=>e.jsxs("div",{children:[e.jsx(s.Text,{style:{fontWeight:600},children:t.calls}),e.jsxs(s.Text,{type:"secondary",style:{fontSize:11,marginLeft:6},children:["真调 ",t.invoked]})]})},{title:"有用性",dataIndex:"actionableRate",width:200,sorter:(l,t)=>(l.actionableRate??-1)-(t.actionableRate??-1),render:(l,t)=>D(t)},{title:"主要调用方",dataIndex:"caller",width:140,render:(l,t)=>t.caller?e.jsx(x,{color:"arcoblue",size:"small",icon:e.jsx(v,{}),children:t.caller}):e.jsx(s.Text,{type:"secondary",style:{fontSize:12},children:"—"})},{title:"最近调用",dataIndex:"lastTs",width:124,sorter:(l,t)=>l.lastTs-t.lastTs,render:(l,t)=>e.jsx(s.Text,{type:"secondary",style:{fontSize:12},children:I(t.lastTs)})},{title:"操作",dataIndex:"op",width:76,align:"right",render:(l,t)=>e.jsxs(k,{type:"text",size:"mini",onClick:g=>{g.stopPropagation(),i(`/ai/skills/${encodeURIComponent(t.id)}`)},children:["详情 ",e.jsx(b,{})]})}];return e.jsxs("div",{style:{padding:16,display:"flex",flexDirection:"column",gap:16},children:[e.jsxs(c,{bordered:!0,children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12,flexWrap:"wrap"},children:[e.jsx(s.Title,{heading:6,style:{margin:0},children:"Skill 调用"}),e.jsx(s.Text,{type:"secondary",style:{fontSize:12},children:"方法论 skill 调用与有用性自评 · skill_invocations（按调用数排序）"}),e.jsx(w,{project:h,isAllProjects:f,usageLabel:"调用统计"}),e.jsx("div",{style:{flex:1}}),e.jsxs(s.Text,{type:"secondary",style:{fontSize:12},children:["Skill 数"," ",e.jsx(s.Text,{style:{fontWeight:600},children:n.totalSkills}),n.unusedSkills>0&&e.jsxs(s.Text,{type:"secondary",style:{fontSize:11,marginLeft:6},children:["· 未使用"," ",e.jsx(s.Text,{style:{fontWeight:600},children:n.unusedSkills})]})]}),e.jsxs(s.Text,{type:"secondary",style:{fontSize:12},children:["真实调用"," ",e.jsx(s.Text,{style:{fontWeight:600,color:"rgb(var(--arcoblue-6))"},children:n.totalInvoked}),e.jsxs(s.Text,{type:"secondary",style:{fontSize:11,marginLeft:6},children:["· 总行 ",n.totalCalls,"（含注入/历史匹配）"]})]}),e.jsxs(s.Text,{type:"secondary",style:{fontSize:12},children:["已评分"," ",e.jsxs(s.Text,{style:{fontWeight:600},children:[n.totalHelped,"/",n.totalRated," helped"]})]})]}),e.jsx("div",{style:{marginTop:12},children:e.jsxs(r.Group,{type:"button",size:"small",value:a,onChange:l=>j(l),children:[e.jsx(r,{value:"all",children:"全部"}),e.jsx(r,{value:"invoked",children:"仅调用过"}),e.jsx(r,{value:"unused",children:"仅未使用"})]})})]}),e.jsx(c,{bordered:!0,style:{padding:0},children:e.jsx(S,{rowKey:"id",loading:p,data:d,columns:u,pagination:d.length>20?{pageSize:20,showTotal:!0}:!1,border:{wrapper:!1,cell:!1},noDataElement:e.jsx(s.Text,{type:"secondary",children:a==="unused"?"没有未使用的 skill":a==="invoked"?"窗口内暂无 skill 调用记录":"暂无 skill"}),onRow:l=>({onClick:()=>i(`/ai/skills/${encodeURIComponent(l.id)}`),style:{cursor:"pointer"}})})})]})}export{J as default};
+//# sourceMappingURL=SkillsPage-aojkJpBc.js.map

package/dist/web/static/assets/SkillsPage-aojkJpBc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkillsPage-aojkJpBc.js","sources":["../../src/pages/ai/SkillsPage.tsx"],"sourcesContent":["/**\n * SkillsPage — AI 资源 · Skill 调用列表 (Phase 2c, decision 29688066).\n *\n * 替换 `/ai/skills` 的占位组件。把原型「Skill 调用」列表翻译成真 Arco\n * 组件（**严禁直搬原型 Tailwind CSS**）：Card 页头汇总 + Arco Table（按调用数排序），\n * 列：skill id / 调用次数 / 有用性（helped 占比 + ★）/ 主要调用方 / 最近调用 / 操作。\n * 点行进整页详情 `/ai/skills/:id`。数据接真实端点（见 useSkillStats），受全局时间窗驱动。\n *\n * 口径见 skill-derive.ts：列「调用次数」=invocations[].total（全行，含注入/历史\n * 匹配），副信息「真调 invoked」=真实使用；有用性=actionable_rate（helped/\n * total_rated）；主要调用方降级为 top_workflow（agent_id 列实测恒空）。\n * 页头主数字用「真实调用」=Σ invoked（与工作台 KPI 同口径，decision 2d6d59b0），\n * 「总行」降为次要小字消除「工作台 2、这里 165」的困惑。\n */\nimport { useState } from 'react'\nimport { useNavigate } from 'react-router-dom'\n\nimport Card from '@arco-design/web-react/es/Card'\nimport Table from '@arco-design/web-react/es/Table'\nimport Tag from '@arco-design/web-react/es/Tag'\nimport Typography from '@arco-design/web-react/es/Typography'\nimport Button from '@arco-design/web-react/es/Button'\nimport Radio from '@arco-design/web-react/es/Radio'\nimport Rate from '@arco-design/web-react/es/Rate'\nimport Result from '@arco-design/web-react/es/Result'\nimport { IconRight, IconRobot } from '@arco-design/web-react/icon'\n\nimport { useSkillStats } from '../../hooks/useSkillStats'\nimport GlobalScopeHint from '../../components/ai/GlobalScopeHint'\nimport {\n  formatPct,\n  formatTs,\n  ratingStars,\n  filterSkillRows,\n  type SkillRow,\n  type SkillUsageFilter,\n} from '../../hooks/skill-derive'\n\nfunction usefulnessCell(row: SkillRow) {\n  if (row.totalRated === 0) {\n    return (\n      <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n        未评分\n      </Typography.Text>\n    )\n  }\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n      <div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>\n        <Rate\n          readonly\n          allowHalf\n          value={ratingStars(row.actionableRate)}\n          style={{ fontSize: 13 }}\n        />\n        <Typography.Text style={{ fontWeight: 600, fontSize: 13 }}>\n          {formatPct(row.actionableRate)}\n        </Typography.Text>\n      </div>\n      <Typography.Text type=\"secondary\" style={{ fontSize: 11 }}>\n        {row.helped} helped · {row.partial} partial · {row.notActionable} 无效\n        {row.pending > 0 ? ` · ${row.pending} 待评` : ''}\n      </Typography.Text>\n    </div>\n  )\n}\n\nexport default function SkillsPage() {\n  const navigate = useNavigate()\n  const { view, loading, isError, error, project, isAllProjects } = useSkillStats()\n  // decision 568a8c53 Q2: 列表三态筛选——全部 / 仅调用过 / 仅未使用。\n  const [usageFilter, setUsageFilter] = useState<SkillUsageFilter>('all')\n\n  if (isError) {\n    return (\n      <div style={{ padding: 16 }}>\n        <Result\n          status=\"error\"\n          title=\"加载 Skill 调用失败\"\n          subTitle={error?.message || '/api/skill-stats/invocations 端点不可用'}\n        />\n      </div>\n    )\n  }\n\n  const rows = filterSkillRows(view.rows, usageFilter)\n\n  const columns = [\n    {\n      title: 'Skill',\n      dataIndex: 'id',\n      render: (_: unknown, row: SkillRow) => (\n        <div style={{ minWidth: 0 }}>\n          <Typography.Text code style={{ fontSize: 13 }}>\n            {row.id}\n          </Typography.Text>\n          {row.isUnused && (\n            <Tag color=\"gray\" size=\"small\" style={{ marginLeft: 6 }}>\n              未使用\n            </Tag>\n          )}\n          {row.description && (\n            <div style={{ marginTop: 2 }}>\n              <Typography.Text\n                type=\"secondary\"\n                style={{ fontSize: 12 }}\n                ellipsis={{ rows: 1, showTooltip: true }}\n              >\n                {row.description}\n              </Typography.Text>\n            </div>\n          )}\n        </div>\n      ),\n    },\n    {\n      title: '调用次数',\n      dataIndex: 'calls',\n      width: 116,\n      sorter: (a: SkillRow, b: SkillRow) => a.calls - b.calls,\n      render: (_: unknown, row: SkillRow) => (\n        <div>\n          <Typography.Text style={{ fontWeight: 600 }}>{row.calls}</Typography.Text>\n          <Typography.Text type=\"secondary\" style={{ fontSize: 11, marginLeft: 6 }}>\n            真调 {row.invoked}\n          </Typography.Text>\n        </div>\n      ),\n    },\n    {\n      title: '有用性',\n      dataIndex: 'actionableRate',\n      width: 200,\n      sorter: (a: SkillRow, b: SkillRow) =>\n        (a.actionableRate ?? -1) - (b.actionableRate ?? -1),\n      render: (_: unknown, row: SkillRow) => usefulnessCell(row),\n    },\n    {\n      title: '主要调用方',\n      dataIndex: 'caller',\n      width: 140,\n      render: (_: unknown, row: SkillRow) =>\n        row.caller ? (\n          <Tag color=\"arcoblue\" size=\"small\" icon={<IconRobot />}>\n            {row.caller}\n          </Tag>\n        ) : (\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n            —\n          </Typography.Text>\n        ),\n    },\n    {\n      title: '最近调用',\n      dataIndex: 'lastTs',\n      width: 124,\n      sorter: (a: SkillRow, b: SkillRow) => a.lastTs - b.lastTs,\n      render: (_: unknown, row: SkillRow) => (\n        <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n          {formatTs(row.lastTs)}\n        </Typography.Text>\n      ),\n    },\n    {\n      title: '操作',\n      dataIndex: 'op',\n      width: 76,\n      align: 'right' as const,\n      render: (_: unknown, row: SkillRow) => (\n        <Button\n          type=\"text\"\n          size=\"mini\"\n          onClick={(e) => {\n            e.stopPropagation()\n            navigate(`/ai/skills/${encodeURIComponent(row.id)}`)\n          }}\n        >\n          详情 <IconRight />\n        </Button>\n      ),\n    },\n  ]\n\n  return (\n    <div style={{ padding: 16, display: 'flex', flexDirection: 'column', gap: 16 }}>\n      <Card bordered>\n        <div style={{ display: 'flex', alignItems: 'center', gap: 12, flexWrap: 'wrap' }}>\n          <Typography.Title heading={6} style={{ margin: 0 }}>\n            Skill 调用\n          </Typography.Title>\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n            方法论 skill 调用与有用性自评 · skill_invocations（按调用数排序）\n          </Typography.Text>\n          <GlobalScopeHint project={project} isAllProjects={isAllProjects} usageLabel=\"调用统计\" />\n          <div style={{ flex: 1 }} />\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n            Skill 数{' '}\n            <Typography.Text style={{ fontWeight: 600 }}>{view.totalSkills}</Typography.Text>\n            {view.unusedSkills > 0 && (\n              <Typography.Text type=\"secondary\" style={{ fontSize: 11, marginLeft: 6 }}>\n                · 未使用{' '}\n                <Typography.Text style={{ fontWeight: 600 }}>{view.unusedSkills}</Typography.Text>\n              </Typography.Text>\n            )}\n          </Typography.Text>\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n            真实调用{' '}\n            <Typography.Text style={{ fontWeight: 600, color: 'rgb(var(--arcoblue-6))' }}>\n              {view.totalInvoked}\n            </Typography.Text>\n            <Typography.Text type=\"secondary\" style={{ fontSize: 11, marginLeft: 6 }}>\n              · 总行 {view.totalCalls}（含注入/历史匹配）\n            </Typography.Text>\n          </Typography.Text>\n          <Typography.Text type=\"secondary\" style={{ fontSize: 12 }}>\n            已评分{' '}\n            <Typography.Text style={{ fontWeight: 600 }}>\n              {view.totalHelped}/{view.totalRated} helped\n            </Typography.Text>\n          </Typography.Text>\n        </div>\n        <div style={{ marginTop: 12 }}>\n          <Radio.Group\n            type=\"button\"\n            size=\"small\"\n            value={usageFilter}\n            onChange={(v) => setUsageFilter(v as SkillUsageFilter)}\n          >\n            <Radio value=\"all\">全部</Radio>\n            <Radio value=\"invoked\">仅调用过</Radio>\n            <Radio value=\"unused\">仅未使用</Radio>\n          </Radio.Group>\n        </div>\n      </Card>\n\n      <Card bordered style={{ padding: 0 }}>\n        <Table<SkillRow>\n          rowKey=\"id\"\n          loading={loading}\n          data={rows}\n          columns={columns}\n          pagination={rows.length > 20 ? { pageSize: 20, showTotal: true } : false}\n          border={{ wrapper: false, cell: false }}\n          noDataElement={\n            <Typography.Text type=\"secondary\">\n              {usageFilter === 'unused'\n                ? '没有未使用的 skill'\n                : usageFilter === 'invoked'\n                  ? '窗口内暂无 skill 调用记录'\n                  : '暂无 skill'}\n            </Typography.Text>\n          }\n          onRow={(row) => ({\n            onClick: () => navigate(`/ai/skills/${encodeURIComponent(row.id)}`),\n            style: { cursor: 'pointer' },\n          })}\n        />\n      </Card>\n    </div>\n  )\n}\n"],"names":["usefulnessCell","row","jsx","Typography","jsxs","Rate","ratingStars","formatPct","SkillsPage","navigate","useNavigate","view","loading","isError","error","project","isAllProjects","useSkillStats","usageFilter","setUsageFilter","useState","Result","rows","filterSkillRows","columns","_","Tag","a","b","IconRobot","formatTs","Button","e","IconRight","Card","GlobalScopeHint","Radio","v","Table"],"mappings":"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"}

package/dist/web/static/assets/TaskDetailPage-1ckxnGhw.js

@@ -0,0 +1,4 @@
+import{r as ge,j as e}from"./react-vendor-tkvCrao7.js";import{d as ye,u as je,L as _}from"./react-router-Cxmg8RuL.js";import{J as k,d as be,D as ve,F as N,K as ae,V as ce,W,X as Se,T as c,Y as de,b as u,Z as U,_ as J,E as ue,u as H,v as Y,$ as ke,x as we,a0 as pe,y as fe,O as xe,t as Te,i as V}from"./arco-DV6xCLhr.js";import{M as w}from"./MarkdownRenderer-DlDQNihj.js";import{u as Z}from"./query-CgCOpYWf.js";import{n as Ie}from"./task-title-BhOcemuR.js";import{p as q}from"./index-DileOOE4.js";import{f as G}from"./date-fns-sbWH3_uq.js";import"./vendor-DS-q4Eyc.js";import"./syntax-highlighter-BDYycNja.js";import"./markdown-CA7ePUts.js";import"./lucide-CnlPQoG8.js";const ze=["content","result","text","content_text","markdown","message","output","final","summary"];function ee(n){if(typeof n=="string")return n.trim()?n:null;if(Array.isArray(n)){const t=[];for(const l of n)typeof l=="string"?t.push(l):l&&typeof l=="object"&&typeof l.text=="string"&&t.push(l.text);const s=t.join(`
+
+`).trim();return s||null}return null}function M(n){try{return JSON.stringify(n,null,2)}catch{return String(n)}}function Ce(n){const t=(n??"").trim();if(!t)return{kind:"md",markdown:""};if(!(t.startsWith("{")||t.startsWith("[")))return{kind:"md",markdown:t};let l;try{l=JSON.parse(t)}catch{return{kind:"md",markdown:t}}if(l===null||typeof l!="object")return{kind:"md",markdown:t};if(!Array.isArray(l)){const o=l;for(const r of ze)if(r in o){const i=ee(o[r]);if(i)return{kind:"json-with-md",markdown:i,json:l,pretty:M(l),bodyKey:r}}return{kind:"json",json:l,pretty:M(l)}}const d=ee(l);return d?{kind:"json-with-md",markdown:d,json:l,pretty:M(l),bodyKey:"(array)"}:{kind:"json",json:l,pretty:M(l)}}const _e=new Set(["verify-agent"]),te=/Verdict[:：]\s*\**\s*(PASS|FAIL|BLOCKED|SKIP)\b/gi;function $e(n){if(!n)return null;const t=n;let s=null;te.lastIndex=0;let l;for(;(l=te.exec(t))!==null;)s=l[1].toUpperCase();if(s){if(s==="FAIL"||s==="BLOCKED")return"FAIL";if(s==="PASS"||s==="SKIP")return"PASS"}return/\bFAIL\b|\bBLOCKED\b/.test(t)?"FAIL":/\bPARTIAL\b/.test(t)?"PARTIAL":/\bPASS\b|\bSKIP\b/.test(t)?"PASS":null}function Ae(n){if(!n)return!1;const t=n.toLowerCase();return t==="coder"||t.includes("implementer")||t.includes("safety-net")||t.includes("feature-developer")||t.includes("refactor")||t.includes("general-purpose")||t.startsWith("harness-")}function De(n){if(!n)return!1;const t=n.toLowerCase();return t==="decision-maker"||t.includes("planner")}function me(n){return n?_e.has(n.toLowerCase()):!1}function Me(n){return De(n)?{step:"decision",fallback:!1}:me(n)?{step:"verify",fallback:!1}:Ae(n)?{step:"implement",fallback:!1}:{step:"implement",fallback:!0}}const Ee=200,E={decision:"决策",implement:"实施",verify:"验证",commit:"提交"};function I(n){if(!n)return null;const t=new Date(n).getTime();return Number.isFinite(t)?t:null}function Re(n,t){const s=(n.subagent_type??"").toLowerCase(),l=I(n.at);let d,o=Number.POSITIVE_INFINITY;for(const r of t){if((r.subagent_type??"").toLowerCase()!==s)continue;const i=I(r.timestamp),f=l!==null&&i!==null?Math.abs(l-i):Number.POSITIVE_INFINITY;f<o&&(o=f,d=r)}return d}function Le(n,t){if(n){const s=I(n.timestamp),l=I(n.end_timestamp);if(s!==null&&l!==null&&l>=s)return l-s}return(t==null?void 0:t.duration_ms)??null}function Fe(n,t){return n&&(n.prompt||n.output)?{prompt:n.prompt??null,output:n.output??null,truncated:!1}:t?{prompt:t.prompt_preview||null,output:t.output_preview||null,truncated:!0}:{prompt:null,output:null,truncated:!1}}function Be(n,t,s){const l=Re(n,t),d=Fe(l,n),o=me(n.subagent_type),r=(l==null?void 0:l.linked)===0;return{actor:n.subagent_type??"(unknown)",at:n.at??null,durationMs:Le(l,n),fullPrompt:d.prompt,fullOutput:d.output,verdict:o?$e(d.output??n.output_preview):null,commit:null,commitMessage:null,truncated:d.truncated,fallback:s,adjacent:r,bestEffort:!1}}const K=(n,t)=>(I(n.at)??0)-(I(t.at)??0),R=n=>n.filter(t=>!t.adjacent).length,L=n=>n.filter(t=>t.adjacent).length;function F(n){const t=n.filter(r=>!r.adjacent);if(t.length===0)return null;const s=new Map,l=new Map;let d=0;for(const r of t)s.has(r.actor)||s.set(r.actor,d++),l.set(r.actor,(l.get(r.actor)??0)+1);return[...l.entries()].sort((r,i)=>i[1]-r[1]||(s.get(r[0])??0)-(s.get(i[0])??0)).map(([r,i])=>i>1?`${r} ×${i}`:r).join(" + ")}function We(n,t=[]){var a,j,X;const s=n.filter(h=>h.kind==="agent_spawn"),l=n.filter(h=>h.kind==="decision_resolved"),d=n.filter(h=>h.kind==="commit"),o=[],r=[],i=[];for(const h of s){const{step:z,fallback:P}=Me(h.subagent_type),C=Be(h,t,P);z==="decision"?o.push(C):z==="verify"?i.push(C):r.push(C)}o.sort(K),r.sort(K),i.sort(K);const f=d.map(h=>{const z=typeof h.message_full=="string",P=(z?h.message_full:h.message_preview)||null,C=z?h.message_truncated===!0:h.message_preview.length>=Ee;return{actor:"commit",at:h.at??null,durationMs:null,fullPrompt:null,fullOutput:null,verdict:null,commit:h.hash,commitMessage:P,truncated:C,fallback:!1,adjacent:!1,bestEffort:h.attribution==="best-effort"}}),m=l[0],y=f[f.length-1],p=o.find(h=>h.actor.toLowerCase()==="decision-maker")??o[0],v=(m==null?void 0:m.at)??(p==null?void 0:p.at)??null,O=(p==null?void 0:p.actor)??(m?"decision-maker":null),S=o.length>0||!!m,b=ne("决策",o,{decisionEv:m,empty:"本任务未记录决策步骤（可能为元任务 / 纯确认 / skip decision）。"}),g=r[r.length-1],$=ne("实施",r,{empty:"本任务未记录实施 agent 委托。"}),x=i[i.length-1],T=(x==null?void 0:x.verdict)??null,A=i.length>0?i.length===1?`verify-agent 裁决：${T??"未解析出 verdict"}（完整报告见下方）。`:`${i.length} 个 verify-agent 验证（最终裁决 ${T??"未解析"}；逐条报告见下方）。`:"本任务未记录 verify-agent 验证步骤。",D=f.length>0?f.length===1?`提交 ${y.commit}。`:`${f.length} 个提交（最终 ${y.commit}；逐条见下方）。`:"未产生提交（验证未通过 / 无代码改动）。";return[{key:"decision",label:E.decision,entries:o,actor:O,actorSummary:F(o),at:v,verdict:null,commit:null,present:S,detail:b,fullPrompt:(p==null?void 0:p.fullPrompt)??null,fullOutput:(p==null?void 0:p.fullOutput)??null,durationMs:(p==null?void 0:p.durationMs)??null,decisionId:(m==null?void 0:m.decision_id)??null,decisionStatus:(m==null?void 0:m.status)??null,commitMessage:null,truncated:(p==null?void 0:p.truncated)??!1,agentCount:o.length,strictCount:R(o),adjacentCount:L(o)},{key:"implement",label:E.implement,entries:r,actor:(g==null?void 0:g.actor)??null,actorSummary:F(r),at:((a=r[0])==null?void 0:a.at)??null,verdict:null,commit:null,present:r.length>0,detail:$,fullPrompt:(g==null?void 0:g.fullPrompt)??null,fullOutput:(g==null?void 0:g.fullOutput)??null,durationMs:(g==null?void 0:g.durationMs)??null,decisionId:null,decisionStatus:null,commitMessage:null,truncated:(g==null?void 0:g.truncated)??!1,agentCount:r.length,strictCount:R(r),adjacentCount:L(r)},{key:"verify",label:E.verify,entries:i,actor:(x==null?void 0:x.actor)??null,actorSummary:F(i),at:((j=i[0])==null?void 0:j.at)??null,verdict:T,commit:null,present:i.length>0,detail:A,fullPrompt:(x==null?void 0:x.fullPrompt)??null,fullOutput:(x==null?void 0:x.fullOutput)??null,durationMs:(x==null?void 0:x.durationMs)??null,decisionId:null,decisionStatus:null,commitMessage:null,truncated:(x==null?void 0:x.truncated)??!1,agentCount:i.length,strictCount:R(i),adjacentCount:L(i)},{key:"commit",label:E.commit,entries:f,actor:y?"commit":null,actorSummary:F(f),at:((X=f[0])==null?void 0:X.at)??null,verdict:null,commit:(y==null?void 0:y.commit)??null,present:f.length>0,detail:D,fullPrompt:null,fullOutput:null,durationMs:null,decisionId:null,decisionStatus:null,commitMessage:(y==null?void 0:y.commitMessage)??null,truncated:(y==null?void 0:y.truncated)??!1,agentCount:f.length,strictCount:R(f),adjacentCount:L(f)}]}function ne(n,t,s){if(t.length===0)return s.decisionEv?`决策 #${s.decisionEv.decision_id} 已 ${s.decisionEv.status}。`:s.empty;const l=new Map;for(const r of t)l.set(r.actor,(l.get(r.actor)??0)+1);const d=[...l.entries()].map(([r,i])=>i>1?`${r} ×${i}`:r),o=s.decisionEv?`决策 #${s.decisionEv.decision_id} 已 ${s.decisionEv.status}；`:"";return t.length===1?`${o}${d[0]} 执行（完整 prompt / 产出见下方）。`:`${o}${n}步共 ${t.length} 个执行单元：${d.join("、")}（逐条见下方）。`}const Oe=["code","spec","changelog","template","archive"];function Pe(n){if(!n)return[];const t=[];for(const s of Oe)for(const l of n[s]??[])t.push({path:l,bucket:s});return t}function Ke(n){return n.filter(t=>t.kind==="commit").map(t=>({hash:t.hash,message:t.message_preview}))}function Ne(n){return n.filter(t=>t.kind==="daemon_enforce").map((t,s)=>({id:`${t.at}-${t.rule_id}-${s}`,rule_id:t.rule_id,tool:t.tool,decision:t.decision,hint:t.hint,at:t.at}))}function se(n){if(n==null||n==="")return null;if(typeof n=="number")return n;const t=String(n).toLowerCase();return t==="helped"?3:t==="partial"?2:t==="not-actionable"?1:null}function He(n,t,s){const l=(n??[]).map(r=>({skill_id:r.skill_id,reason:r.reason,usefulness:se(r.usefulness)})),d=new Set;for(const r of t??[])r.subagent_type&&d.add(r.subagent_type);return{kbPulls:(s??[]).map(r=>({name:r.page,reason:r.reason??null,usefulness:se(r.usefulness),ts:typeof r.ts=="number"?r.ts:null})),skills:l,agents:[...d]}}function Ve(n){const t=n.filter(o=>o.kind==="user_prompt").slice().sort((o,r)=>o.at<r.at?-1:o.at>r.at?1:0),s=new Set,l=[];let d=0;for(const o of t){if(o.event_id){if(s.has(o.event_id))continue;s.add(o.event_id)}const r=o.kind_label??"user",i=r==="user";l.push({at:o.at,text:o.text,isHuman:i,kind:r,roundNo:i?++d:null,taskId:o.task_id??null,eventId:o.event_id??null})}return l}function Ue(n){const t=n.find(s=>s.kind==="decision_resolved");return(t==null?void 0:t.decision_id)??null}function Je(n){const t=n==null?void 0:n.workflow;return!t||!t.aggregated?{crossRound:!1,taskCount:1,decisionId:(t==null?void 0:t.decision_id)??null,source:(t==null?void 0:t.source)??null}:{crossRound:t.turn_count>1,taskCount:t.turn_count,decisionId:t.decision_id,source:t.source??(t.decision_id?"decision_id":"parent_task")}}function Ye(n){return n.key==="decision"&&n.present&&n.entries.length===0&&!!n.decisionId}function qe(n){return n.present?"finish":"wait"}function Ge(n,t){if(!t)return"进行中";const s=new Date(t).getTime()-new Date(n).getTime();if(!Number.isFinite(s)||s<0)return"—";const l=Math.round(s/1e3);if(l<60)return`${l}s`;const d=Math.floor(l/60),o=l%60;return d<60?o?`${d}m${o}s`:`${d}m`:`${Math.floor(d/60)}h${d%60}m`}async function Qe(n){const t=await fetch(`/api/tasks/${n}`);if(!t.ok)throw new Error(`Failed to fetch task detail (${t.status})`);const s=await t.json();return{...s.task,userPrompts:s.userPrompts??[],injections:s.injections??[],timeline:s.timeline??[],skillInvocations:s.skillInvocations??[],kbPulls:s.kbPulls??[],artifacts:s.artifacts??[],pendingSpecs:s.pendingSpecs??[],agentSpawns:s.agentSpawns??[]}}async function Xe(n){const t=await fetch(`/api/tasks/${n}/timeline`);if(!t.ok)throw new Error(`Failed to fetch task timeline (${t.status})`);return t.json()}function Ze(n){const t=Z({queryKey:["task-detail-page",n],queryFn:()=>Qe(n),enabled:!!n,refetchInterval:15e3}),s=Z({queryKey:["task-detail-timeline",n],queryFn:()=>Xe(n),enabled:!!n,refetchInterval:15e3}),l=t.isLoading||s.isLoading,d=t.error||s.error;let o=null;if(t.data&&s.data){const r=s.data.events;o={detail:t.data,timeline:s.data,chain:We(r,t.data.agentSpawns),changedFiles:Pe(s.data.artifacts),commits:Ke(r),issues:Ne(r),used:He(t.data.skillInvocations,t.data.agentSpawns,t.data.kbPulls),userPromptRounds:Ve(r),relatedDecisionId:Ue(r),workflowSpan:Je(s.data)}}return{vm:o,isLoading:l,error:d,refetch:()=>{t.refetch(),s.refetch()}}}const et=ae.Row,re=ae.Col,tt=ce.Step,B=W.Item;function nt(n){if(n===null||!Number.isFinite(n)||n<0)return null;if(n<1e3)return`${n}ms`;const t=n/1e3;if(t<60)return`${t.toFixed(1)}s`;const s=Math.floor(t/60),l=Math.round(t%60);return l?`${s}m${l}s`:`${s}m`}function he({text:n,maxHeight:t=360}){return e.jsx("div",{style:{background:"var(--color-fill-1)",border:"1px solid var(--color-border-2)",borderRadius:4,padding:"4px 12px",maxHeight:t,overflow:"auto",wordBreak:"break-word",color:"var(--color-text-1)"},children:e.jsx(w,{content:n})})}function st({raw:n,maxHeight:t=360}){const s=Ce(n),l=d=>e.jsx("div",{style:{background:"var(--color-fill-1)",border:"1px solid var(--color-border-2)",borderRadius:4,padding:"4px 12px",maxHeight:t,overflow:"auto",wordBreak:"break-word",color:"var(--color-text-1)"},children:d});return s.kind==="md"?l(e.jsx(w,{content:s.markdown})):s.kind==="json"?l(e.jsx(w,{content:"```json\n"+s.pretty+"\n```"})):l(e.jsxs(e.Fragment,{children:[e.jsx(w,{content:s.markdown}),e.jsx(W,{bordered:!1,defaultActiveKey:[],style:{background:"transparent",marginTop:4},children:e.jsx(B,{name:"raw-json",header:e.jsxs(V,{size:6,children:[e.jsx(Y,{}),e.jsx("span",{style:{fontSize:12},children:"原始 JSON / 完整信封"}),e.jsxs(c.Text,{type:"secondary",style:{fontSize:11},children:["正文字段 ",s.bodyKey," 已抽出渲染，其余结构在此"]})]}),children:e.jsx(w,{content:"```json\n"+s.pretty+"\n```"})})})]}))}function le(n){return n==="success"?e.jsx(u,{color:"green",children:"成功"}):n==="partial"?e.jsx(u,{color:"orange",children:"部分"}):n==="failed"?e.jsx(u,{color:"red",children:"失败"}):n==="abandoned"?e.jsx(u,{color:"gray",children:"放弃"}):null}function oe(n){return n==="completed"?e.jsx(u,{color:"green",children:"已完成"}):n==="active"?e.jsx(u,{color:"arcoblue",children:"进行中"}):n==="abandoned"?e.jsx(u,{color:"gray",children:"已放弃"}):e.jsx(u,{children:n})}function Q(n){return n==="PASS"?e.jsx(u,{color:"green",size:"small",children:"PASS"}):n==="FAIL"?e.jsx(u,{color:"red",size:"small",children:"FAIL"}):n==="PARTIAL"?e.jsx(u,{color:"orange",size:"small",children:"PARTIAL"}):null}const rt={code:{label:"代码",color:"arcoblue"},spec:{label:"Spec",color:"purple"},changelog:{label:"Changelog",color:"green"},template:{label:"模板",color:"cyan"},archive:{label:"存档",color:"gray"}};function ie({n}){if(n===null)return null;const t=Math.round(n);return e.jsx("span",{style:{display:"inline-flex",alignItems:"center",gap:1},children:Array.from({length:3}).map((s,l)=>e.jsx(pe,{style:{fontSize:11,color:l<t?"var(--cf-tag-orange, #FF7D00)":"var(--color-fill-3, #E5E6EB)"}},l))})}function lt({stepKey:n,entry:t,index:s,total:l}){const d=nt(t.durationMs),o=t.actor==="commit"||n==="commit",r=o?"Commit Message":"完整 Prompt",i=n==="verify"?"完整 verify 报告":"完整产出 / Result",f=o?t.commitMessage:t.fullPrompt,m=!!(f||!o&&t.fullOutput);return e.jsxs("div",{style:{border:"1px solid var(--color-border-2)",borderRadius:4,padding:"10px 12px",background:"var(--color-bg-2)"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:m?8:0,flexWrap:"wrap"},children:[l>1&&e.jsxs(c.Text,{type:"secondary",style:{fontSize:11,fontFamily:"monospace"},children:["#",s+1,"/",l]}),e.jsx(u,{size:"small",color:o?"gray":"arcoblue",bordered:!0,icon:o?e.jsx(H,{}):e.jsx(fe,{}),children:t.actor}),t.fallback&&e.jsx(u,{size:"small",color:"orange",children:"其它（未知 agent 类型）"}),t.adjacent&&e.jsx(u,{size:"small",color:"gray",bordered:!0,children:"疑似邻接任务"}),t.at&&e.jsxs(c.Text,{type:"secondary",style:{fontSize:12},children:[e.jsx(de,{style:{marginRight:2}}),G(q(t.at),"HH:mm:ss")]}),d&&e.jsxs(c.Text,{type:"secondary",style:{fontSize:12},children:["耗时 ",d]}),t.verdict&&Q(t.verdict),t.commit&&e.jsx(u,{size:"small",icon:e.jsx(H,{}),style:{fontFamily:"monospace"},children:t.commit.slice(0,10)}),t.truncated&&e.jsx(u,{size:"small",color:"orange",children:"内容可能被截断"}),o&&t.bestEffort&&e.jsx(u,{size:"small",color:"gray",bordered:!0,title:"提交段按工作流时间窗 best-effort 归因，可能漏或误纳邻接 commit",children:"提交按时间窗归因（可能不精确）"})]}),m?e.jsxs(W,{bordered:!1,defaultActiveKey:l<=2?["prompt"]:[],style:{background:"transparent"},children:[f?e.jsx(B,{name:"prompt",header:e.jsxs(V,{size:6,children:[e.jsx(J,{}),e.jsx("span",{style:{fontSize:13,fontWeight:500},children:r}),e.jsxs(c.Text,{type:"secondary",style:{fontSize:11},children:[f.length," 字符"]})]}),children:e.jsx(he,{text:f})}):null,!o&&t.fullOutput?e.jsx(B,{name:"output",header:e.jsxs(V,{size:6,children:[e.jsx(Y,{}),e.jsx("span",{style:{fontSize:13,fontWeight:500},children:i}),e.jsxs(c.Text,{type:"secondary",style:{fontSize:11},children:[t.fullOutput.length," 字符"]})]}),children:e.jsx(st,{raw:t.fullOutput})}):null]}):null]})}function ot({decisionId:n,status:t}){return e.jsxs("div",{style:{border:"1px solid var(--color-border-2)",borderRadius:4,padding:"10px 12px",background:"var(--color-bg-2)",display:"flex",flexDirection:"column",gap:8},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,flexWrap:"wrap"},children:[e.jsxs(u,{size:"small",color:"green",bordered:!0,icon:e.jsx(xe,{}),children:["决策已",t==="resolved"?"解决":t??"处理"]}),e.jsxs(c.Text,{style:{fontSize:13,color:"var(--color-text-2)"},children:["本任务决策 #",n," 已批准 / 解决（未经 decision-maker spawn，常见于 skip decision 的快捷批准）。"]})]}),e.jsx(_,{to:`/decisions/${n}`,children:e.jsx(N,{type:"outline",size:"small",icon:e.jsx(U,{}),children:"查看完整决策内容（选项 / 推荐 / Triage）"})})]})}function it({stepNo:n,step:t}){return e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:10,flexWrap:"wrap"},children:[e.jsxs(c.Text,{style:{fontWeight:600,fontSize:13},children:["第 ",n," 步 · ",t.label]}),t.strictCount>0&&e.jsxs(u,{size:"small",color:"arcoblue",children:[t.strictCount," 个执行单元"]}),t.adjacentCount>0&&e.jsxs(u,{size:"small",color:"gray",bordered:!0,children:["+",t.adjacentCount," 疑似邻接"]}),t.key==="verify"&&Q(t.verdict),t.decisionId&&e.jsx(_,{to:`/decisions/${t.decisionId}`,children:e.jsxs(u,{size:"small",color:"purple",icon:e.jsx(U,{}),style:{cursor:"pointer"},children:["#",t.decisionId,t.decisionStatus?` · ${t.decisionStatus}`:""]})})]}),e.jsx(c.Paragraph,{style:{fontSize:13,margin:"0 0 10px",color:"var(--color-text-2)",whiteSpace:"pre-wrap"},children:t.detail}),t.entries.length>0?e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:10},children:t.entries.map((s,l)=>e.jsx(lt,{stepKey:t.key,entry:s,index:l,total:t.entries.length},`${s.actor}-${s.at??l}-${l}`))}):Ye(t)&&t.decisionId?e.jsx(ot,{decisionId:t.decisionId,status:t.decisionStatus}):null]})}function at({rounds:n,fallback:t}){const s=n.filter(r=>r.isHuman),l=n.filter(r=>!r.isHuman),d=r=>{try{return G(q(r),"MM-dd HH:mm:ss")}catch{return r}},o=r=>r==="agent-callback"?"task-notification 回灌":r==="image"?"图片附件":"系统消息";return e.jsxs(k,{bordered:!0,title:e.jsxs("span",{style:{fontSize:14,fontWeight:600,display:"inline-flex",alignItems:"center",gap:6},children:[e.jsx(J,{}),"人工输入（逐轮）"]}),extra:s.length>0?e.jsxs(c.Text,{type:"secondary",style:{fontSize:12},children:[s.length," 轮"]}):null,children:[s.length>0?e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:12},children:s.map(r=>e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:4},children:[e.jsxs(u,{color:"arcoblue",size:"small",children:["第 ",r.roundNo," 轮"]}),e.jsx(c.Text,{type:"secondary",style:{fontSize:12},children:d(r.at)})]}),e.jsx("div",{style:{borderLeft:"3px solid rgb(var(--arcoblue-6))",background:"var(--color-fill-1)",padding:"4px 14px",borderRadius:"0 4px 4px 0",color:"var(--color-text-2)",wordBreak:"break-word",maxHeight:320,overflow:"auto"},children:e.jsx(w,{content:r.text})})]},r.eventId??`${r.at}-${r.roundNo}`))}):t?e.jsx("div",{style:{borderLeft:"3px solid rgb(var(--arcoblue-6))",background:"var(--color-fill-1)",padding:"4px 14px",borderRadius:"0 4px 4px 0",color:"var(--color-text-2)",wordBreak:"break-word",maxHeight:320,overflow:"auto"},children:e.jsx(w,{content:t})}):e.jsx(ue,{description:"无人工输入（可能为元任务）"}),l.length>0&&e.jsx(W,{style:{marginTop:s.length>0||t?12:0},children:e.jsx(B,{name:"machine-refills",header:e.jsxs(c.Text,{type:"secondary",style:{fontSize:12},children:[l.length," 条系统回灌（","<task-notification>"," 等，非人工输入）"]}),children:e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:10},children:l.map((r,i)=>e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:4},children:[e.jsx(u,{color:"gray",size:"small",children:"系统回灌"}),e.jsxs(c.Text,{type:"secondary",style:{fontSize:12},children:[o(r.kind)," · ",d(r.at)]})]}),e.jsx(he,{text:r.text,maxHeight:200})]},r.eventId??`${r.at}-${i}`))})})})]})}function vt(){var A,D;const{taskId:n}=ye(),t=je(),{vm:s,isLoading:l,error:d}=Ze(n),[o,r]=ge.useState(null);if(l)return e.jsx("div",{style:{padding:16},children:e.jsx(k,{bordered:!0,children:e.jsx(be,{animation:!0,text:{rows:8}})})});if(d||!s)return e.jsx("div",{style:{padding:16},children:e.jsx(ve,{status:"error",title:"加载任务详情失败",subTitle:(d==null?void 0:d.message)||"任务不存在或端点不可用",extra:e.jsx(N,{type:"primary",onClick:()=>t("/tasks"),children:"返回任务列表"})})});const{detail:i,chain:f,changedFiles:m,commits:y,issues:p,used:v,userPromptRounds:O,relatedDecisionId:S,workflowSpan:b}=s,g=Ie(i.title,(A=i.userPrompts[0])==null?void 0:A.content),$=Ge(i.start_time,i.end_time),x=G(q(i.start_time),"MM-dd HH:mm"),T=o!==null?f[o-1]??null:null;return e.jsxs("div",{style:{padding:16,display:"flex",flexDirection:"column",gap:16},children:[e.jsxs(k,{bordered:!0,children:[e.jsx(N,{type:"text",size:"small",icon:e.jsx(Se,{}),style:{marginBottom:8,paddingLeft:0},onClick:()=>t("/tasks"),children:"返回任务"}),e.jsx("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:16,flexWrap:"wrap"},children:e.jsxs("div",{style:{minWidth:0,flex:1},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,flexWrap:"wrap"},children:[e.jsx(c.Title,{heading:5,style:{margin:0},children:g}),oe(i.status),le(i.outcome)]}),e.jsxs("div",{style:{display:"flex",gap:12,flexWrap:"wrap",marginTop:8,alignItems:"center"},children:[e.jsxs(c.Text,{type:"secondary",style:{fontSize:12,display:"inline-flex",alignItems:"center",gap:4},children:[e.jsx(de,{})," 耗时 ",$]}),e.jsx(c.Text,{type:"secondary",style:{fontSize:12},children:x}),e.jsx(c.Text,{type:"secondary",style:{fontSize:12,fontFamily:"monospace"},title:i.id,children:i.id.length>16?`${i.id.slice(0,16)}…`:i.id}),S&&e.jsx(_,{to:`/decisions/${S}`,style:{fontSize:12},children:e.jsxs(u,{color:"arcoblue",bordered:!0,icon:e.jsx(U,{}),style:{cursor:"pointer"},children:["#",S]})})]})]})})]}),e.jsxs(k,{bordered:!0,title:e.jsxs("span",{style:{fontSize:14,fontWeight:600,display:"inline-flex",alignItems:"center",gap:8,flexWrap:"wrap"},children:["执行链路",b.crossRound&&e.jsxs(u,{color:"purple",bordered:!0,style:{fontWeight:400},children:["跨 ",b.taskCount," 轮工作流",b.source==="parent_task"?"（按任务链路推断聚合）":b.decisionId?`（按 decision #${b.decisionId} 聚合）`:""]}),b.crossRound&&b.source==="parent_task"&&e.jsx(c.Text,{type:"secondary",style:{fontSize:12,fontWeight:400},children:"无决策 ID，按 parent_task 链路保守串联，可能不完整"})]}),extra:e.jsx(c.Text,{type:"secondary",style:{fontSize:12},children:"点步骤查看细节"}),children:[e.jsx(ce,{type:"arrow",current:o??-1,onChange:a=>r(j=>j===a?null:a),style:{cursor:"pointer"},children:f.map(a=>e.jsx(tt,{title:a.label,status:qe(a),description:e.jsxs("span",{style:{fontSize:12,display:"inline-flex",alignItems:"center",gap:4,flexWrap:"wrap"},children:[a.key==="verify"&&a.verdict?Q(a.verdict):null,a.actorSummary??a.actor?e.jsxs(c.Text,{type:"secondary",style:{fontSize:11},children:[a.actorSummary??a.actor,a.adjacentCount>0?` (+${a.adjacentCount})`:""]}):a.key==="verify"&&a.verdict?null:e.jsx(c.Text,{type:"secondary",style:{fontSize:11},children:"—"})]})},a.key))}),e.jsx("div",{style:{marginTop:12,borderTop:"1px solid var(--color-border-2)",paddingTop:12},children:T?e.jsx(it,{stepNo:o??1,step:T}):e.jsx(c.Text,{type:"secondary",style:{fontSize:12},children:"点击上方任一步骤，在此展开该步的完整 prompt / 产出 / verdict / commit 细节。"})})]}),e.jsxs(et,{gutter:16,align:"start",children:[e.jsx(re,{xs:24,xl:16,style:{marginBottom:16},children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[e.jsx(at,{rounds:O,fallback:(D=i.userPrompts[0])==null?void 0:D.content}),e.jsxs(k,{bordered:!0,title:e.jsxs("span",{style:{fontSize:14,fontWeight:600,display:"inline-flex",alignItems:"center",gap:6},children:[e.jsx(Y,{}),"改动文件 · Commits"]}),extra:e.jsxs(c.Text,{type:"secondary",style:{fontSize:12},children:[m.length," 文件 · ",y.length," commit"]}),children:[m.length>0?e.jsx("div",{style:{display:"flex",flexDirection:"column"},children:m.map(a=>{const j=rt[a.bucket];return e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"6px 0",borderBottom:"1px solid var(--color-border-1)"},children:[e.jsx(J,{style:{color:"var(--color-text-3)",flexShrink:0}}),e.jsx(c.Text,{code:!0,style:{fontSize:12,flex:1,minWidth:0},ellipsis:!0,title:a.path,children:a.path}),e.jsx(u,{size:"small",color:j.color,children:j.label})]},a.path)})}):e.jsx(ue,{description:"本任务无改动文件"}),e.jsx(c.Text,{style:{fontSize:12,fontWeight:500,color:"var(--color-text-3)",display:"block",marginTop:16,marginBottom:8},children:"Commits"}),y.length>0?y.map((a,j)=>e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:8,padding:"6px 0",borderBottom:"1px solid var(--color-border-1)"},children:[e.jsx(H,{style:{color:"var(--color-text-3)",marginTop:2,flexShrink:0}}),e.jsxs("div",{style:{minWidth:0},children:[e.jsx(c.Text,{style:{fontFamily:"monospace",fontSize:13,color:"rgb(var(--arcoblue-6))"},children:a.hash.slice(0,10)}),e.jsx(c.Paragraph,{style:{fontSize:12,margin:"2px 0 0",color:"var(--color-text-2)"},ellipsis:{rows:2},children:a.message||"（无 message）"})]})]},`${a.hash}-${j}`)):e.jsx(c.Text,{type:"secondary",style:{fontSize:13},children:"未产生提交（验证未通过 / 无代码改动）"})]})]})}),e.jsx(re,{xs:24,xl:8,style:{marginBottom:16},children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[e.jsx(k,{bordered:!0,title:e.jsx("span",{style:{fontSize:14,fontWeight:600},children:"概要"}),children:e.jsx(ke,{colon:" :",size:"small",column:1,labelStyle:{width:88,color:"var(--color-text-3)"},data:[{label:"状态",value:oe(i.status)},{label:"结果",value:le(i.outcome)??e.jsx(c.Text,{type:"secondary",children:"—"})},{label:"耗时",value:$},{label:"事件数",value:i.event_count},{label:"Task ID",value:e.jsx(c.Text,{code:!0,style:{fontSize:11},children:i.id})},{label:"关联决策",value:S?e.jsxs(_,{to:`/decisions/${S}`,style:{fontFamily:"monospace"},children:["#",S]}):e.jsx(c.Text,{type:"secondary",children:"—"})}]})}),e.jsxs(k,{bordered:!0,title:e.jsx("span",{style:{fontSize:14,fontWeight:600},children:"用了什么"}),children:[e.jsxs(c.Text,{style:{fontSize:12,fontWeight:500,color:"var(--color-text-3)",display:"flex",alignItems:"center",gap:4},children:[e.jsx(we,{})," KB 主动 pull"]}),v.kbPulls.length>0?v.kbPulls.map((a,j)=>e.jsxs("div",{style:{padding:"3px 0"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e.jsx(c.Text,{style:{fontFamily:"monospace",fontSize:12},children:a.name}),a.usefulness!==null&&e.jsx(ie,{n:a.usefulness})]}),a.reason&&e.jsx(c.Text,{type:"secondary",style:{fontSize:11},children:a.reason})]},`${a.name}-${a.ts??j}`)):e.jsx(c.Text,{type:"secondary",style:{fontSize:12,display:"block",padding:"2px 0"},children:"无主动 pull"}),e.jsxs(c.Text,{style:{fontSize:12,fontWeight:500,color:"var(--color-text-3)",display:"flex",alignItems:"center",gap:4,marginTop:12,paddingTop:8,borderTop:"1px solid var(--color-border-1)"},children:[e.jsx(pe,{})," Skill（带有用性评分）"]}),v.skills.length>0?v.skills.map(a=>e.jsxs("div",{style:{padding:"3px 0"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[e.jsx(c.Text,{style:{fontFamily:"monospace",fontSize:12},children:a.skill_id}),e.jsx(ie,{n:a.usefulness})]}),e.jsx(c.Text,{type:"secondary",style:{fontSize:11},children:a.reason})]},a.skill_id)):e.jsx(c.Text,{type:"secondary",style:{fontSize:12,display:"block",padding:"2px 0"},children:"未调用 Skill"}),e.jsxs(c.Text,{style:{fontSize:12,fontWeight:500,color:"var(--color-text-3)",display:"flex",alignItems:"center",gap:4,marginTop:12,paddingTop:8,borderTop:"1px solid var(--color-border-1)"},children:[e.jsx(fe,{})," Agent 委托"]}),e.jsx("div",{style:{marginTop:4},children:v.agents.length>0?v.agents.map(a=>e.jsx(u,{size:"small",style:{marginRight:6,marginBottom:6},children:a},a)):e.jsx(c.Text,{type:"secondary",style:{fontSize:12},children:"无"})})]}),e.jsx(k,{bordered:!0,title:e.jsxs("span",{style:{fontSize:14,fontWeight:600,display:"inline-flex",alignItems:"center",gap:6},children:[e.jsx(Te,{style:{color:p.length>0?"var(--cf-tag-orange, #FF7D00)":"var(--color-text-3)"}}),"问题"]}),extra:p.length>0?e.jsxs(c.Text,{style:{fontSize:12,color:"rgb(var(--red-6))"},children:[p.length," 项"]}):void 0,children:p.length>0?e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:10},children:p.map(a=>e.jsxs("div",{style:{border:"1px solid var(--color-border-2)",borderRadius:4,padding:10},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:4},children:[e.jsx(u,{size:"small",color:a.decision==="deny"?"red":"orange",children:a.decision}),e.jsx(c.Text,{style:{fontSize:13,fontWeight:500},children:a.rule_id}),e.jsx(u,{size:"small",children:a.tool})]}),a.hint&&e.jsx(c.Paragraph,{style:{fontSize:12,margin:0,color:"var(--color-text-2)"},ellipsis:{rows:3},children:a.hint}),e.jsx(_,{to:"/issues",style:{fontSize:12},children:"在「问题」中查看"})]},a.id))}):e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,fontSize:13,color:"rgb(var(--green-6))"},children:[e.jsx(xe,{}),"本任务无拦截 / 违规 / 失败"]})})]})})]})]})}export{vt as default};
+//# sourceMappingURL=TaskDetailPage-1ckxnGhw.js.map