deerflow2/.planning/quick/260417-kcb-suggestion-hover.../260417-kcb-PLAN.md

1.5 KiB
Raw Blame History

mode must_haves
quick-full
truths artifacts key_links
suggestion hover 能看到 children dropdown
dropdown 菜单项 hover 能看到 detail tooltip
suggestion click 发送 children 全量 id bootstrap
dropdown item click 仅发送当前 id bootstrap
bootstrap 发起时 sessionStorage 立即同步,失败可回滚
frontend/src/components/workspace/input-box.tsx
frontend/src/hooks/use-iframe-skill.ts
frontend/src/core/i18n/locales/types.ts
frontend/src/core/iframe-messages.ts
frontend/src/core/i18n/locales/zh-CN.ts

Plan

Task 1: 类型与文案扩展

  • files: frontend/src/core/i18n/locales/types.ts, frontend/src/core/iframe-messages.ts, frontend/src/core/i18n/locales/zh-CN.ts
  • action: 为 children 增加 detail 可选字段并补充中文建议数据。
  • verify: TypeScript 通过i18n suggestions 可读取 detail。
  • done: completed

Task 2: suggestion hover dropdown + item tooltip

  • files: frontend/src/components/workspace/input-box.tsx
  • action: 引入 hover 打开 dropdown菜单项展示 childrentooltip 展示 detail。
  • verify: 交互符合需求,主 suggestion 与子项点击行为分离。
  • done: completed

Task 3: bootstrap 触发时同步 sessionStorage

  • files: frontend/src/hooks/use-iframe-skill.ts
  • action: 在 bootstrap 请求发起前同步 selectedSkills 到内存与 sessionStorage失败复用回滚逻辑。
  • verify: pnpm -s typecheck 通过。
  • done: completed