vscode-workbench/.trae/specs/tool-fav-button-verify/tasks.md

Tasks

桌面端收藏按钮位置统一

• Task 1: 调整 JsonFormatter 收藏按钮位置

  • 将 ToolFavoriteButton 从工具栏移至英雄区标题旁
  • 改用 variant="hero" 样式
  • 将硬编码 toolId={1} 改为 urlPath="/utility/json-formatter"

• Task 2: 调整 Base64Tool 收藏按钮位置

  • 将 ToolFavoriteButton 从工具栏移至英雄区标题旁
  • 改用 variant="hero" 样式
  • 将硬编码 toolId={3} 改为 urlPath="/utility/base64"

• Task 3: 调整 EncodingConverter 收藏按钮位置

  • 将 ToolFavoriteButton 从工具栏移至英雄区标题旁
  • 改用 variant="hero" 样式
  • 将硬编码 toolId={4} 改为 urlPath="/utility/encoding-converter"

• Task 4: 调整 CodeFormatter 收藏按钮位置

  • 将 ToolFavoriteButton 从工具栏移至英雄区标题旁
  • 改用 variant="hero" 样式
  • 将硬编码 toolId={16} 改为 urlPath="/utility/code-formatter"

• Task 5: 调整 RegexTool 收藏按钮位置

  • 将 ToolFavoriteButton 从工具栏移至英雄区标题旁
  • 改用 variant="hero" 样式
  • 将硬编码 toolId={5} 改为 urlPath="/utility/regex-tool"

• Task 6: 调整 TextDiff 收藏按钮位置

  • 将 ToolFavoriteButton 添加至英雄区标题旁
  • 使用 variant="hero" 样式
  • 使用 urlPath="/utility/text-diff"

• Task 7: 调整 TimestampTool 收藏按钮位置

  • 将 ToolFavoriteButton 从工具栏移至英雄区标题旁
  • 改用 variant="hero" 样式
  • 将硬编码 toolId={2} 改为 urlPath="/utility/timestamp"

• Task 8: 调整 QRCodeGenerator 收藏按钮位置

  • 将 ToolFavoriteButton 从工具栏移至英雄区标题旁
  • 改用 variant="hero" 样式

• Task 9: 调整 ColorConverter 收藏按钮位置

  • 将 ToolFavoriteButton 从工具栏移至英雄区标题旁
  • 改用 variant="hero" 样式

• Task 10: 调整 ImageCompressor 收藏按钮位置

  • 将 ToolFavoriteButton 从工具栏移至英雄区标题旁
  • 改用 variant="hero" 样式

移动端收藏按钮补全

• Task 11: 为 CalculatorMobile 添加收藏按钮

  • 导入 ToolFavoriteButton 组件
  • 在英雄区标题旁添加收藏按钮
  • 使用 urlPath="/utility/calculator" variant="hero"

• Task 12: 为 Base64ToolMobile 添加收藏按钮

  • 导入 ToolFavoriteButton 组件
  • 在英雄区标题旁添加收藏按钮
  • 使用 urlPath="/utility/base64" variant="hero"

• Task 13: 为 CharsetConverterMobile 添加收藏按钮

  • 导入 ToolFavoriteButton 组件
  • 在英雄区标题旁添加收藏按钮
  • 使用 urlPath="/utility/charset-converter" variant="hero"

• Task 14: 为 CodeFormatterMobile 添加收藏按钮

  • 导入 ToolFavoriteButton 组件
  • 在英雄区标题旁添加收藏按钮
  • 使用 urlPath="/utility/code-formatter" variant="hero"

• Task 15: 为 ColorConverterMobile 添加收藏按钮

  • 导入 ToolFavoriteButton 组件
  • 在英雄区标题旁添加收藏按钮
  • 使用 urlPath="/utility/color-converter" variant="hero"

• Task 16: 为 EncodingConverterMobile 添加收藏按钮

  • 导入 ToolFavoriteButton 组件
  • 在英雄区标题旁添加收藏按钮
  • 使用 urlPath="/utility/encoding-converter" variant="hero"

• Task 17: 为 ImageCompressorMobile 添加收藏按钮

  • 导入 ToolFavoriteButton 组件
  • 在英雄区标题旁添加收藏按钮
  • 使用 urlPath="/utility/image-compressor" variant="hero"

• Task 18: 为 JsonFormatterMobile 添加收藏按钮

  • 导入 ToolFavoriteButton 组件
  • 在英雄区标题旁添加收藏按钮
  • 使用 urlPath="/utility/json-formatter" variant="hero"

• Task 19: 为 TextDiffMobile 添加收藏按钮

  • 导入 ToolFavoriteButton 组件
  • 在英雄区标题旁添加收藏按钮
  • 使用 urlPath="/utility/text-diff" variant="hero"

BaiduTranslate 调整

• Task 20: 调整 BaiduTranslate 收藏按钮
  • 将硬编码 toolId={9} 改为 urlPath="/utility/baidu-translator"
  • 将 size="small" 改为 variant="hero"
  • 移除 className="hero-favorite-btn"（variant="hero" 已包含样式）
  • 确认位置在英雄区标题旁

Task Dependencies

• Task 1-10（桌面端）相互独立，可并行执行
• Task 11-19（移动端）相互独立，可并行执行
• Task 20 独立执行