Skip to content

Conversation

@GwIhViEte
Copy link
Contributor

连续截图功能与 UI 优化

变更摘要

本 PR 重点实现了 “连续截图” 功能,允许用户通过 Alt+Shift+Enter 追加截图到当前会话,AI 将结合历史截图上下文进行综合分析。同时优化了 UI 布局(增加水平画廊视图)、完善了加载状态指示,并修复了新旧会话的重置逻辑。

主要变更

快捷键逻辑

  • 新增 Alt+Shift+Enter:触发“追加截图”功能。此时不清除历史记录,AI 将基于当前会话的所有截图上下文进行分析。
  • 更新 Alt+Enter:触发“新截图”功能。现在会强制清空截图画廊和之前的 AI 回答,确保开启一个全新的会话。
  • 配置项:在 UI 设置面板中新增了上述自定义快捷键的配置选项。

UI/UX 改进

  • 水平画廊视图:在页面顶部引入了全新的截图预览区,支持最多显示 5 张 最近截图,并采用水平排列方式,解决多图显示拥挤的问题。
  • 状态反馈:优化了生成过程中的 UI 表现,增加了明确的 Spinner 加载状态。

AI 上下文

  • Prompt 逻辑升级:重构了 AI 请求参数构造逻辑,确保透传 conversationMessages 中的所有历史截图数据,修复了此前仅分析最后一张图的问题。

修复的问题

  • 修复了 AI 仅识别最后一张截图,忽略历史上下文的问题。
  • 修复了多张截图时 UI 无法水平排列、布局错乱的问题。
  • 修复了使用 Alt+Enter 开启新会话时,旧图片和旧答案未被彻底清除的 Bug。
  • 修复了生成过程中缺失“思考中...”状态指示的问题。

验证步骤

  1. 配置检查
    • 进入 设置 -> 快捷键,确认“追加截图”快捷键已正确注册且无冲突。
  2. 追加模式测试
    • 按下 Alt+Enter 截取第一张图,确认 AI 开始分析。
    • 按下 Alt+Shift+Enter 截取第二张图,确认顶部画廊显示两张图,且 AI 回答结合了两张图的内容。
  3. 重置模式测试
    • 再次按下 Alt+Enter,确认顶部画廊清空、旧答案清空,并开始新一轮的独立分析。
  4. UI 观察
    • 确认生成过程中状态栏显示 Spinner 动画。
    • 确认多张截图时,画廊区域可以正常水平滚动。

变更文件

src/ai.ts src/shortcuts.ts src/preload/index.ts src/renderer/src/AppContent.tsx src/renderer/src/lib/store/shortcuts.ts src/renderer/src/components/CustomShortcuts.tsx 
@ooboqoo ooboqoo merged commit 12920b1 into ooboqoo:main Nov 29, 2025
@ooboqoo
Copy link
Owner

ooboqoo commented Nov 29, 2025

又看了下代码,好像 loading 字段并没有实际用到,相关代码我先清理了,界面需要优化再另外提 PR

@GwIhViEte
Copy link
Contributor Author

又看了下代码,好像 loading 字段并没有实际用到,相关代码我先清理了,界面需要优化再另外提 PR

这几天在准备国考,考完再看看要改什么🥲

@GwIhViEte GwIhViEte deleted the feature/add-multiple-screenshots branch November 30, 2025 03:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

2 participants