saint
f273fef235
审阅意见逐项修复： 1. 主题包安装丢弃用户 CSS inspectThemePackage 之前只解析 YAML 清单，ThemesView 安装时另外 生成一套硬编码调色板，用户提供的 CSS 被整份丢掉。现在定义单文件 格式（YAML 清单 + `---` + CSS），parseThemePackage 取出真实 CSS 并原样安装；CSS 安全校验提前到预览阶段；按内容识别并拒绝 ZIP。 2. 主题恢复竞态导致页面无 data-theme initTheme 之前没有 await loadCustomThemes，自定义主题还没进 allThemes，applyTheme 找不到主题直接 return。现在先同步落一个 内置主题兜底（不写 localStorage，避免冲掉用户存的自定义主题 id）， 加载完成后再切到真正保存的那个；主题失效或列表加载失败时回退并 通过 themeLoadWarning 告知用户，不再静默。 3. Trace 建树依赖事件相邻顺序 后端真实顺序是 ModelCallStarted → ModelCallCompleted → Usage → ToolCall/ToolResult，工具在模型调用完成后才执行且并发跑，相邻性 不可用。改为按 model_call_id / parent_model_call_id / tool_call_id 关联；ToolResult 回填 ToolCall 的状态与耗时，结束后不再显示 running；SSE 断点恢复的孤立事件退回顶层而不是丢弃。 4. Trace 叶子节点无法查看数据 行的 click 是 `children.length && toggleExpand`，而详情 v-if 又 要求 `children.length === 0`，两个条件互斥。拆成 expandedNodes 与 detailNodes 两个状态集合；展开箭头改为独立按钮，行支持键盘 与 aria-expanded；引用节点补「定位」按钮。同时修正 Usage 卡片 字段（后端只发累计 token_usage）。 5. 引用定位逻辑三处重复且各自有缺陷 抽出 navigateToCitation（依赖注入，可独立测试）+ useCitationNavigation。 调用顺序固化：必须先 await loadFile 再 highlightBlock，否则 editor store 的 loadFile 末尾会把高亮清掉；loadFile 失败时不跳转。 AgentView / ChatView / AppShell 统一走这一处。 6. 插件命令 UI 重复实现 抽出 PluginCommandPanel 复用 PluginMcpPanel 的 schema 驱动表单， 删除 PluginsView 里的劣化副本。effect 现在真的执行 navigate / refresh（此前只拼成文本显示）；补上必填校验与布尔字段初始值， 修正「显示否但不提交该键」的不一致。 补充回归测试 64 项（相关 spec 由 25 项增至 89 项），并对 2、3、4 三项 缺陷做了变异验证：把修复回退成原写法后对应测试确实失败。 涉及 traceService / theme store / themePackageService / pluginCommandForm / useCitationNavigation / TraceTimeline，其中后三个为新增文件。 vue-tsc -b、vitest（32 文件 182 项）、vite build 全部通过。
65 lines
2.1 KiB
TypeScript
65 lines
2.1 KiB
TypeScript
import { useRouter } from 'vue-router'
|
||
import { useEditorStore } from '@/stores/editor'
|
||
import { useWorkspaceStore } from '@/stores/workspace'
|
||
|
||
/**
|
||
* 引用目标。字段用 unknown 是因为 Agent 事件流里拿到的是
|
||
* Record<string, unknown>（SSE 原始 data），不保证结构完整。
|
||
*/
|
||
export interface CitationTarget {
|
||
file_path?: unknown
|
||
block_id?: unknown
|
||
}
|
||
|
||
export interface CitationNavigationDeps {
|
||
loadFile: (filePath: string) => Promise<void>
|
||
openFile: (filePath: string) => void
|
||
highlightBlock: (blockId: string) => void
|
||
navigate: (path: string) => Promise<unknown> | unknown
|
||
}
|
||
|
||
function asPath(value: unknown): string {
|
||
return typeof value === 'string' && value.trim() !== '' ? value : ''
|
||
}
|
||
|
||
/**
|
||
* 定位到引用对应的笔记块。
|
||
*
|
||
* 调用顺序不能改：editor store 的 loadFile 在末尾会把 highlightBlockId 清空，
|
||
* 所以必须等它 resolve 之后再 highlightBlock，否则高亮会被自己冲掉。
|
||
* loadFile 失败（例如当前文件有未解决的保存冲突）时直接抛出，
|
||
* 不跳转，避免把用户从未保存的编辑器里弹走。
|
||
*/
|
||
export async function navigateToCitation(
|
||
target: CitationTarget,
|
||
deps: CitationNavigationDeps,
|
||
): Promise<void> {
|
||
const filePath = asPath(target.file_path)
|
||
if (!filePath) throw new Error('该引用缺少文件路径，无法定位到笔记。')
|
||
|
||
await deps.loadFile(filePath)
|
||
deps.openFile(filePath)
|
||
|
||
const blockId = asPath(target.block_id)
|
||
if (blockId) deps.highlightBlock(blockId)
|
||
|
||
await deps.navigate('/workspace')
|
||
}
|
||
|
||
/** 组件里用的封装：绑定真实的 store 与路由。 */
|
||
export function useCitationNavigation() {
|
||
const router = useRouter()
|
||
const editorStore = useEditorStore()
|
||
const workspaceStore = useWorkspaceStore()
|
||
|
||
return {
|
||
openCitation: (target: CitationTarget) =>
|
||
navigateToCitation(target, {
|
||
loadFile: (filePath) => editorStore.loadFile(filePath),
|
||
openFile: (filePath) => workspaceStore.openFile(filePath),
|
||
highlightBlock: (blockId) => editorStore.highlightBlock(blockId),
|
||
navigate: (path) => router.push(path),
|
||
}),
|
||
}
|
||
}
|