审阅意见逐项修复: 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 全部通过。
179 lines
5.3 KiB
TypeScript
179 lines
5.3 KiB
TypeScript
import { defineStore } from 'pinia'
|
|
import { ref, computed } from 'vue'
|
|
import type { FileNode } from '@/contracts'
|
|
import * as workspaceService from '@/services/workspaceService'
|
|
|
|
export const useWorkspaceStore = defineStore('workspace', () => {
|
|
const vaultPath = ref('')
|
|
const vaultId = ref('')
|
|
const vaultName = ref('')
|
|
const fileTree = ref<FileNode[]>([])
|
|
const openFiles = ref<string[]>([])
|
|
const activeFilePath = ref<string | null>(null)
|
|
const isLoading = ref(false)
|
|
const hasVault = ref(false)
|
|
const recentVaults = ref<workspaceService.VaultInfo[]>([])
|
|
|
|
const activeFile = computed(() => {
|
|
if (!activeFilePath.value) return null
|
|
return findNodeByPath(fileTree.value, activeFilePath.value)
|
|
})
|
|
|
|
function findNodeByPath(nodes: FileNode[], path: string): FileNode | null {
|
|
for (const node of nodes) {
|
|
if (node.path === path) return node
|
|
if (node.children) {
|
|
const found = findNodeByPath(node.children, path)
|
|
if (found) return found
|
|
}
|
|
}
|
|
return null
|
|
}
|
|
|
|
function toggleFolder(path: string) {
|
|
const node = findNodeByPath(fileTree.value, path)
|
|
if (node && node.type === 'folder') {
|
|
node.is_open = !node.is_open
|
|
}
|
|
}
|
|
|
|
function openFile(path: string) {
|
|
if (!openFiles.value.includes(path)) {
|
|
openFiles.value.push(path)
|
|
}
|
|
activeFilePath.value = path
|
|
}
|
|
|
|
function closeFile(path: string) {
|
|
const idx = openFiles.value.indexOf(path)
|
|
if (idx > -1) {
|
|
openFiles.value.splice(idx, 1)
|
|
if (activeFilePath.value === path) {
|
|
activeFilePath.value = openFiles.value[Math.min(idx, openFiles.value.length - 1)] || null
|
|
}
|
|
}
|
|
}
|
|
|
|
function setActiveFile(path: string | null) {
|
|
activeFilePath.value = path
|
|
}
|
|
|
|
async function loadRecentVaults() {
|
|
recentVaults.value = await workspaceService.getRecentVaults()
|
|
}
|
|
|
|
/** 重新拉取文件树。插件命令返回 refresh:workspace 时需要。 */
|
|
async function refreshFileTree() {
|
|
if (!hasVault.value) return
|
|
fileTree.value = await workspaceService.getFileTree()
|
|
}
|
|
|
|
async function openVault(path: string) {
|
|
isLoading.value = true
|
|
try {
|
|
const info = await workspaceService.openVault(path)
|
|
vaultPath.value = info.path
|
|
vaultId.value = info.vault_id
|
|
vaultName.value = info.name
|
|
fileTree.value = await workspaceService.getFileTree()
|
|
hasVault.value = true
|
|
localStorage.setItem('last-vault-path', info.path)
|
|
} finally {
|
|
isLoading.value = false
|
|
}
|
|
}
|
|
|
|
async function createVault(path: string, name: string) {
|
|
isLoading.value = true
|
|
try {
|
|
const info = await workspaceService.createVault(path, name)
|
|
vaultPath.value = info.path
|
|
vaultId.value = info.vault_id
|
|
vaultName.value = info.name
|
|
fileTree.value = await workspaceService.getFileTree()
|
|
hasVault.value = true
|
|
localStorage.setItem('last-vault-path', info.path)
|
|
} finally {
|
|
isLoading.value = false
|
|
}
|
|
}
|
|
|
|
function addFileToTree(parentPath: string, file: FileNode) {
|
|
if (parentPath === '/' || parentPath === '') {
|
|
fileTree.value.push(file)
|
|
return
|
|
}
|
|
const parent = findNodeByPath(fileTree.value, parentPath)
|
|
if (parent?.children) {
|
|
parent.children.push(file)
|
|
parent.is_open = true
|
|
}
|
|
}
|
|
|
|
function removeFromTree(path: string) {
|
|
function remove(nodes: FileNode[]): boolean {
|
|
for (let i = 0; i < nodes.length; i++) {
|
|
if (nodes[i].path === path) {
|
|
nodes.splice(i, 1)
|
|
return true
|
|
}
|
|
if (nodes[i].children && remove(nodes[i].children!)) return true
|
|
}
|
|
return false
|
|
}
|
|
remove(fileTree.value)
|
|
}
|
|
|
|
function renamePath(oldPath: string, newPath: string, newName: string) {
|
|
const node = findNodeByPath(fileTree.value, oldPath)
|
|
if (!node) return
|
|
// 文件夹重命名必须同步改写所有后代、标签页和当前文件路径。
|
|
const updateNodePath = (current: FileNode) => {
|
|
if (current.path === oldPath) current.name = newName
|
|
if (current.path === oldPath || current.path.startsWith(`${oldPath}/`)) {
|
|
current.path = `${newPath}${current.path.slice(oldPath.length)}`
|
|
}
|
|
current.children?.forEach(updateNodePath)
|
|
}
|
|
updateNodePath(node)
|
|
openFiles.value = openFiles.value.map((path) =>
|
|
path === oldPath || path.startsWith(`${oldPath}/`) ? `${newPath}${path.slice(oldPath.length)}` : path
|
|
)
|
|
if (activeFilePath.value && (activeFilePath.value === oldPath || activeFilePath.value.startsWith(`${oldPath}/`))) {
|
|
activeFilePath.value = `${newPath}${activeFilePath.value.slice(oldPath.length)}`
|
|
}
|
|
}
|
|
|
|
function closePath(path: string) {
|
|
const activeWasRemoved = Boolean(activeFilePath.value && (activeFilePath.value === path || activeFilePath.value.startsWith(`${path}/`)))
|
|
openFiles.value = openFiles.value.filter((openPath) => openPath !== path && !openPath.startsWith(`${path}/`))
|
|
if (activeWasRemoved) activeFilePath.value = openFiles.value.at(-1) ?? null
|
|
return activeWasRemoved
|
|
}
|
|
|
|
return {
|
|
vaultPath,
|
|
vaultId,
|
|
vaultName,
|
|
fileTree,
|
|
openFiles,
|
|
activeFilePath,
|
|
activeFile,
|
|
isLoading,
|
|
hasVault,
|
|
recentVaults,
|
|
toggleFolder,
|
|
openFile,
|
|
closeFile,
|
|
setActiveFile,
|
|
loadRecentVaults,
|
|
refreshFileTree,
|
|
openVault,
|
|
createVault,
|
|
addFileToTree,
|
|
removeFromTree,
|
|
renamePath,
|
|
closePath,
|
|
}
|
|
})
|