Menü
apps/desktop 前端代码修改后，按规范更新操作历史记录。
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
开发、实现英雄的技能、buff
Using browser automation (playwright-cli) to verify, debug, and review frontend client UI and functionality.
lol_core 的移动控制权争夺、自动攻击系统、CommandMovement 仲裁管线的设计与实现。
排查 corepack 与 pnpm 版本不一致、ERR_PNPM_UNEXPECTED_STORE、v10/v11 store 打架。
优化选中部分代码
安装、覆盖重装 shadcn-vue 组件（apps/desktop 前端），及三个常见坑的排查。
| name | frontend-op-history |
| description | apps/desktop 前端代码修改后，按规范更新操作历史记录。 |
apps/desktop 前端代码修改后，需要更新操作历史，保持信息密度，内容精简。
追加格式：
pnpm dlx shadcn-vue@latest add table
安装 @tanstack/vue-table，并使用 shadcn-vue CLI 安装 button、badge、dropdown-menu、select 和 checkbox 支撑组件。
重构 GameConsoleLogs.vue，利用 @tanstack/vue-table 与 Shadcn Table 替换原有的列表，支持多维度过滤、自选列开启/隐藏配置（Customize Columns）、完美保留物理服务端 SQL 分页。
修复了由于替换偏差导致的组件语法与截断问题，完善了事件参数类型标注（MouseEvent）及下拉选择框更新回调中的类型安全转换（String(val)），彻底消除了编译与 TypeScript 检查报错，实现 0 Error 完美通过构建。
重构表格列定义及模板，完成全站汉化本地化（Localization）；并将原生表情和陈旧动作符号全部升级为精致的 Lucide 矢量图标，通过 vue-tsc 严格类型检测并顺利编译通过。
安装 command 与 popover 组件（pnpm dlx shadcn-vue@latest add command popover，CLI 自动带入 cmdk-vue、input-group）。安装前需将 pnpm-workspace.yaml 的 allowBuilds 占位值填为 true（esbuild/protobufjs/sharp/vue-demi），否则 CLI 在非 TTY 下因 [ERR_PNPM_IGNORED_BUILDS] 中止；并通过 corepack pnpm install 将 node_modules 迁移到 v11 store 以匹配 CLI 调用的 corepack pnpm 11。
用 Popover + Command 组合（combobox 模式）重写 PresetSelect.vue：支持搜索过滤、勾选回显、末尾内置「＋ 新建预设」入口 emit new。供编排页 index.vue 的双阵营槽位选择 Agent 预设 / 出生点预设。
覆盖式重装全部 14 个 UI 组件（npx shadcn-vue@latest add <组件> --overwrite --yes），将组件文件还原为 shadcn 官方默认版本。
根治 corepack 与 shell pnpm 版本不一致（11.4.0 vs 10.33.2、v10/v11 store 打架）：仓库根 package.json 加 packageManager: pnpm@10.33.2+sha512...（项目级，最高优先级），并改 ~/.cache/node/corepack/lastKnownGood.json（全局级，影响仓库外目录）。验证仓库内外 corepack pnpm --version 均为 10.33.2。
风格迁移 reka-vega → reka-luma（preset a2vfHGK）：改 components.json 的 style 为 reka-luma，覆盖重装全部 14 个组件（--overwrite --yes），style.css 的 --radius 从 0.625rem 改为 0.45rem。注意：node_modules 此前被迁到 v11 store（凑旧 corepack pnpm 11），锁定 pnpm 10 后需 rm -rf node_modules && pnpm install 迁回 v10 store，否则 shadcn CLI 又报 store 不匹配。
风格迁移 reka-luma → reka-nova：改 components.json 的 style 为 reka-nova，覆盖重装全部组件（--overwrite --yes），保持 --radius 变量定义并顺利通过 pnpm build 构建。
风格迁移 reka-nova → reka-vega：改 components.json 的 style 为 reka-vega，覆盖重装全部组件（--overwrite --yes），style.css 的 --radius 修改为 0.625rem 并顺利通过 pnpm build 构建。
默认 dark 风格支持：在 index.html 根标记中默认引入 class="dark"，并在其头部注入用于防止白屏闪烁的 inline theme checker；同时重构 settings.vue 引入 watch 监听并利用 localStorage 缓存和响应式控制黑暗模式切换。
移除编排页标题图标：在 index.vue 中去除了「对局编排」标题左侧的 Sparkles 图标及其渐变背景容器，并删除了 Lucide 库中未被使用的 SparklesIcon 导入。
合并编排页控制栏：移除了 index.vue 顶部的场景命名与保存 Header 行，并将其所有控制项（包含「对局编排」标题、槽位数量、对局模式选择、错误提示、场景输入及保存/启动对局按钮）合并重构到了底部的控制底栏中，实现更紧凑简洁的单行布局。
移除底栏冗余标题与槽位徽章：移除了重复的「对局编排」标题及「0/2 槽位」徽章，并同步删除了未使用的 totalSlots 计算属性，仅保留对局模式选择等实际控制组件。
场景默认名称本地化：重构 index.vue 中 handleNewScenario 的场景命名逻辑，根据 localStorage 中的语言设置动态切换默认场景名（中文为「新建场景」，英文为「new_scenario」）。
新增模型连接测试及多模型上下文限制编辑：将 models 字段从简单的 string[] 重构为结构化的 ModelConfig[] 以保存最大 token 限制；增加了添加/编辑模型的 ModelEditDialog 弹出框以支持配置模型 ID 与最大 token，并在列表项中支持点击铅笔按钮编辑或点击播放按钮触发后端 lol_agent_runtime 中的 rig 连接测试，且完美通过前后端编译。