From 0f1d8fd8f34d556bb3903d072428b8b6438878ba Mon Sep 17 00:00:00 2001 From: CSCI <109275243+ESP-8266-offical@users.noreply.github.com> Date: Tue, 5 Aug 2025 21:33:24 +0800 Subject: [PATCH 1/4] Checkpoint from VS Code for coding agent session --- ...5\217\243\357\274\210\351\200\232\347\224\250\357\274\211.md" | 1 + 1 file changed, 1 insertion(+) create mode 100644 "Vapi/\350\201\212\345\244\251\346\216\245\345\217\243\357\274\210\351\200\232\347\224\250\357\274\211.md" diff --git "a/Vapi/\350\201\212\345\244\251\346\216\245\345\217\243\357\274\210\351\200\232\347\224\250\357\274\211.md" "b/Vapi/\350\201\212\345\244\251\346\216\245\345\217\243\357\274\210\351\200\232\347\224\250\357\274\211.md" new file mode 100644 index 00000000..8446fba5 --- /dev/null +++ "b/Vapi/\350\201\212\345\244\251\346\216\245\345\217\243\357\274\210\351\200\232\347\224\250\357\274\211.md" @@ -0,0 +1 @@ +\# 聊天接口（通用） ## OpenAPI Specification ```yaml openapi: 3.0.1 info: title: '' description: '' version: 1.0.0 paths: /v1/chat/completions: post: summary: 聊天接口（通用） deprecated: false description: >- 只提供简单的请求示例，更详细的API接口使用说明 [请阅读官方文档](https://platform.openai.com/docs/api-reference/chat) 注意：OpenAI、Claude、Gemini...等聊天模型均使用该接口格式。 tags: - 聊天模型（Chat） parameters: - name: Content-Type in: header description: '' required: true example: application/json schema: type: string requestBody: content: application/json: schema: type: object properties: model: type: string title: 模型名称 x-apifox-mock: gpt-4o messages: type: array items: type: object properties: role: type: string title: 角色 system | user x-apifox-mock: user content: type: string title: 提问消息 x-apifox-mock: 早上好！ x-apifox-orders: - role - content required: - role - content temperature: type: integer description: >- 使用什么采样温度，介于 0 和 2 之间。较高的值（如 0.8）将使输出更加随机，而较低的值（如 0.2）将使输出更加集中和确定。 我们通常建议改变这个或`top_p`但不是两者同时使用。 title: 温度 top_p: type: integer description: >- 一种替代温度采样的方法，称为核采样，其中模型考虑具有 top_p 概率质量的标记的结果。所以 0.1 意味着只考虑构成前 10% 概率质量的标记。 我们通常建议改变这个或`temperature`但不是两者同时使用。 stream: type: boolean title: 流式输出 description: 流式输出或非流式输出 max_tokens: type: number description: 聊天完成时生成的最大Tokens数量。 输入标记和生成标记的总长度受模型上下文长度的限制。 title: 最大回复 'n': type: number description: 为每个输入消息生成多少个聊天完成选项。 presence_penalty: type: integer description: '-2.0 和 2.0 之间的数字。正值会根据到目前为止是否出现在文本中来惩罚新标记，从而增加模型谈论新主题的可能性。' frequency_penalty: type: integer description: '-2.0 和 2.0 之间的数字。正值会根据新标记在文本中的现有频率对其进行惩罚，从而降低模型逐字重复同一行的可能性。' logit_bias: type: 'null' description: >- 修改指定标记出现在完成中的可能性。 接受一个 json 对象，该对象将标记（由标记器中的标记 ID 指定）映射到从 -100 到 100 的关联偏差值。从数学上讲，偏差会在采样之前添加到模型生成的 logits 中。确切的效果因模型而异，但 -1 和 1 之间的值应该会减少或增加选择的可能性；像 -100 或 100 这样的值应该导致相关令牌的禁止或独占选择。 user: type: string description: >- 代表您的最终用户的唯一标识符，可以帮助 OpenAI 监控和检测滥用行为。[了解更多](https://platform.openai.com/docs/guides/safety-best-practices/end-user-ids) stop: type: array items: type: string description: 传入该参数后，当遇到匹配的关键词 请求自动停止并完成。可传入字符串或字符串数组。 x-apifox-orders: - model - messages - temperature - top_p - max_tokens - stream - 'n' - presence_penalty - frequency_penalty - logit_bias - stop - user required: - model - messages example: model: gpt-4o messages: - role: user content: 晚上好 max_tokens: 1688 temperature: 0.5 stream: false responses: '200': description: '' content: application/json: schema: type: object properties: id: type: string object: type: string created: type: integer model: type: string choices: type: array items: type: object properties: index: type: integer message: type: object properties: role: type: string content: type: string refusal: type: 'null' required: - role - content - refusal x-apifox-orders: - role - content - refusal logprobs: type: 'null' finish_reason: type: string x-apifox-orders: - index - message - logprobs - finish_reason usage: type: object properties: prompt_tokens: type: integer completion_tokens: type: integer total_tokens: type: integer required: - prompt_tokens - completion_tokens - total_tokens x-apifox-orders: - prompt_tokens - completion_tokens - total_tokens system_fingerprint: type: string required: - id - object - created - model - choices - usage - system_fingerprint x-apifox-orders: - id - object - created - model - choices - usage - system_fingerprint example: id: chatcmpl-A1iMgDLzZtUJ9QDpfqDLxKH0zfUnp object: chat.completion created: 1724972230 model: gpt-4o-2024-05-13 choices: - index: 0 message: role: assistant content: 晚上好！有什么我可以帮你的吗？ refusal: null logprobs: null finish_reason: stop usage: prompt_tokens: 9 completion_tokens: 10 total_tokens: 19 system_fingerprint: fp_157b3831f5 headers: {} x-apifox-name: 成功 security: - bearer: [] x-apifox-folder: 聊天模型（Chat） x-apifox-status: released x-run-in-apifox: https://app.apifox.com/web/project/5076588/apis/api-210153849-run components: schemas: {} securitySchemes: bearer: type: http scheme: bearer servers: - url: https://api.gpt.ge description: 线上 security: - bearer: [] ``` \ No newline at end of file From d3d8c558b67e1b5868ecc2dce6b94aaa3af1a3f8 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 5 Aug 2025 13:33:35 +0000 Subject: [PATCH 2/4] Initial plan From 99bf567a50f23ce8fb75d360b9d8d27d852da51c Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 5 Aug 2025 13:52:48 +0000 Subject: [PATCH 3/4] Implement login system removal and dark theme foundation Co-authored-by: ESP-8266-offical <109275243+ESP-8266-offical@users.noreply.github.com> --- electron/main/api/tools.ts | 106 ++++++++- electron/main/tools/controller.ts | 33 ++- .../aiCommentManager.module.scss | 186 +++++++++++++++ src/components/AiCommentManager/index.tsx | 224 ++++++++++++++++++ .../EnhancedCard/enhancedCard.module.scss | 91 +++++++ src/components/EnhancedCard/index.tsx | 75 ++++++ src/index.scss | 49 ++-- src/layout/LayoutBody.tsx | 39 ++- src/layout/Navigation/index.tsx | 6 + src/main.tsx | 37 ++- src/router/index.tsx | 4 +- src/var.css | 69 +++--- src/views/replyother/replyother.tsx | 11 + 13 files changed, 851 insertions(+), 79 deletions(-) create mode 100644 src/components/AiCommentManager/aiCommentManager.module.scss create mode 100644 src/components/AiCommentManager/index.tsx create mode 100644 src/components/EnhancedCard/enhancedCard.module.scss create mode 100644 src/components/EnhancedCard/index.tsx diff --git a/electron/main/api/tools.ts b/electron/main/api/tools.ts index 45da1602..d0557b02 100644 --- a/electron/main/api/tools.ts +++ b/electron/main/api/tools.ts @@ -11,29 +11,125 @@ export enum FeedbackType { export class ToolsApi { - // 获取AI的评论回复 + // 获取AI的评论回复 - 使用新的OpenAI兼容格式 async aiRecoverReview(inData: { content: string; title?: string; desc?: string; max?: number; }): Promise { + // 构建新的OpenAI兼容请求格式 + const messages = [ + { + role: 'system', + content: `你是一个风趣幽默又有分寸的文字创作者的助手,请帮我对别人对我作品的评论进行回复. 请用中文回复,并且回复内容不超过${inData.max || 50}字.只需要返回你的回复内容.` + }, + { + role: 'user', + content: `作品标题: ${inData.title || '无'}, 作品描述: ${inData.desc || '无'}, 评论内容: ${inData.content}` + } + ]; + + const requestBody = { + model: 'gpt-4o', + messages, + max_tokens: inData.max || 50, + temperature: 0.7, + stream: false + }; + const res = await netRequest<{ - data: string; + data: { + id: string; + object: string; + created: number; + model: string; + choices: { + index: number; + message: { + role: string; + content: string; + refusal: null; + }; + logprobs: null; + finish_reason: string; + }[]; + usage: { + prompt_tokens: number; + completion_tokens: number; + total_tokens: number; + }; + system_fingerprint: string; + }; code: number; msg: string; }>({ method: 'POST', - url: 'tools/ai/recover/review', - body: inData, + url: 'v1/chat/completions', + body: requestBody, }); + const { status, data: { data, code }, } = res; if (status !== 200 && status !== 201) return ''; if (!!code) return ''; - return data; + + // 提取AI回复内容 + const aiResponse = data?.choices?.[0]?.message?.content || ''; + return aiResponse; + } + + // 生成AI评论 - 新的OpenAI兼容格式 + async aiGenerateComment(inData: { + subject: string; + prompt: string; + max?: number; + }): Promise { + const messages = [ + { + role: 'system', + content: inData.prompt || '你是我的好友,请对我发的短视频作品或者朋友圈作品进行评论. 请用中文回复,评论要自然、友好.' + }, + { + role: 'user', + content: `评论主旨: ${inData.subject}` + } + ]; + + const requestBody = { + model: 'gpt-4o', + messages, + max_tokens: inData.max || 50, + temperature: 0.8, + stream: false + }; + + const res = await netRequest<{ + data: { + choices: { + message: { + content: string; + }; + }[]; + }; + code: number; + msg: string; + }>({ + method: 'POST', + url: 'v1/chat/completions', + body: requestBody, + }); + + const { + status, + data: { data, code }, + } = res; + if (status !== 200 && status !== 201) return ''; + if (!!code) return ''; + + return data?.choices?.[0]?.message?.content || ''; } /** diff --git a/electron/main/tools/controller.ts b/electron/main/tools/controller.ts index a985842d..b0cea87f 100644 --- a/electron/main/tools/controller.ts +++ b/electron/main/tools/controller.ts @@ -74,5 +74,36 @@ export class ToolsController { clearOldLogs(); } + /** + * AI生成评论 + */ + @Icp('ai-generate-comment') + async aiGenerateComment( + event: Electron.IpcMainInvokeEvent, + data: { subject: string; prompt: string; max?: number }, + ): Promise { + try { + const result = await toolsApi.aiGenerateComment(data); + return result; + } catch (error) { + console.log('--- ai-generate-comment error ---', error); + return ''; + } + } -} + /** + * AI回复评论 + */ + @Icp('ai-recover-review') + async aiRecoverReview( + event: Electron.IpcMainInvokeEvent, + data: { content: string; title?: string; desc?: string; max?: number }, + ): Promise { + try { + const result = await toolsApi.aiRecoverReview(data); + return result; + } catch (error) { + console.log('--- ai-recover-review error ---', error); + return ''; + } + } diff --git a/src/components/AiCommentManager/aiCommentManager.module.scss b/src/components/AiCommentManager/aiCommentManager.module.scss new file mode 100644 index 00000000..542a6d61 --- /dev/null +++ b/src/components/AiCommentManager/aiCommentManager.module.scss @@ -0,0 +1,186 @@ +.aiCommentManager { + padding: 1.5rem; + background: var(--bg-primary); + min-height: 100vh; + + .title { + color: var(--text-primary) !important; + margin-bottom: 2rem; + text-align: center; + } + + .content { + max-width: 1200px; + margin: 0 auto; + display: grid; + grid-template-columns: 1fr 1fr; + gap: 1.5rem; + + @media (max-width: 768px) { + grid-template-columns: 1fr; + } + } + + .inputSection { + .inputCard { + height: fit-content; + } + + .input, .textarea { + background: var(--bg-tertiary) !important; + border-color: var(--border-color) !important; + color: var(--text-primary) !important; + + &:focus, &:hover { + border-color: #667eea !important; + box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2) !important; + } + + &::placeholder { + color: var(--text-muted) !important; + } + } + + .progressSection { + padding: 1rem; + background: var(--bg-tertiary); + border-radius: 8px; + border: 1px solid var(--border-color); + + .progress { + margin-top: 0.5rem; + } + } + + .generateBtn { + width: 100%; + height: 3rem; + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; + border: none !important; + font-size: 1.1rem; + font-weight: 600; + + &:hover { + background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%) !important; + transform: translateY(-1px); + box-shadow: 0 4px 16px rgba(102, 126, 234, 0.3); + } + } + } + + .resultSection { + .resultCard { + .resultContent { + padding: 1rem; + background: var(--bg-tertiary); + border-radius: 8px; + border: 1px solid var(--border-color); + min-height: 100px; + white-space: pre-wrap; + line-height: 1.6; + } + + .copyBtn { + background: var(--bg-tertiary) !important; + border-color: var(--border-color) !important; + color: var(--text-primary) !important; + + &:hover { + border-color: #667eea !important; + color: #667eea !important; + } + } + } + } + + .historySection { + grid-column: 1 / -1; + + .historyCard { + .historyHeader { + display: flex; + align-items: center; + gap: 0.5rem; + color: var(--text-primary); + font-size: 1.1rem; + } + + .historyItem { + background: var(--bg-tertiary); + border-radius: 8px; + padding: 1rem; + margin-bottom: 0.5rem; + border: 1px solid var(--border-color); + transition: all 0.3s ease; + + &:hover { + border-color: var(--border-hover); + background: rgba(38, 38, 38, 0.8); + } + + .historyContent { + width: 100%; + + .historyMeta { + margin-bottom: 0.5rem; + color: var(--text-secondary); + } + + .historyResult { + padding: 0.5rem; + background: rgba(15, 15, 15, 0.5); + border-radius: 4px; + color: var(--text-primary); + line-height: 1.6; + } + } + } + } + } +} + +/* Ant Design 暗黑主题覆盖 */ +:global { + .ant-card { + background: var(--bg-secondary) !important; + border-color: var(--border-color) !important; + color: var(--text-primary) !important; + + .ant-card-body { + color: var(--text-primary) !important; + } + } + + .ant-typography { + color: var(--text-primary) !important; + } + + .ant-typography-caption { + color: var(--text-muted) !important; + } + + .ant-list { + color: var(--text-primary) !important; + + .ant-list-item { + border-color: var(--border-color) !important; + } + } + + .ant-progress { + .ant-progress-text { + color: var(--text-primary) !important; + } + } + + .ant-btn { + &.ant-btn-text { + color: var(--text-secondary) !important; + + &:hover { + color: #667eea !important; + background: rgba(102, 126, 234, 0.1) !important; + } + } + } +} \ No newline at end of file diff --git a/src/components/AiCommentManager/index.tsx b/src/components/AiCommentManager/index.tsx new file mode 100644 index 00000000..2877bb3c --- /dev/null +++ b/src/components/AiCommentManager/index.tsx @@ -0,0 +1,224 @@ +import React, { useState } from 'react'; +import { Card, Input, Button, Progress, message, List, Space, Typography } from 'antd'; +import { SendOutlined, HistoryOutlined, DeleteOutlined } from '@ant-design/icons'; +import EnhancedCard from '../EnhancedCard'; +import styles from './aiCommentManager.module.scss'; + +const { TextArea } = Input; +const { Title, Text } = Typography; + +interface CommentRecord { + id: string; + subject: string; + prompt: string; + result: string; + timestamp: number; +} + +const AiCommentManager: React.FC = () => { + const [subject, setSubject] = useState(''); + const [prompt, setPrompt] = useState(''); + const [isGenerating, setIsGenerating] = useState(false); + const [progress, setProgress] = useState(0); + const [currentResult, setCurrentResult] = useState(''); + const [history, setHistory] = useState([]); + + const handleGenerate = async () => { + if (!subject.trim()) { + message.warning('请输入评论主旨'); + return; + } + + setIsGenerating(true); + setProgress(0); + setCurrentResult(''); + + try { + // 模拟进度更新 + const progressInterval = setInterval(() => { + setProgress(prev => { + if (prev >= 90) { + clearInterval(progressInterval); + return 90; + } + return prev + 10; + }); + }, 200); + + // 调用AI生成评论API (需要通过electron ipc) + const result = await window.ipcRenderer.invoke('ai-generate-comment', { + subject: subject.trim(), + prompt: prompt.trim() || '请为以下内容生成一条友善、自然的评论', + max: 100 + }); + + clearInterval(progressInterval); + setProgress(100); + + if (result) { + setCurrentResult(result); + + // 添加到历史记录 + const newRecord: CommentRecord = { + id: Date.now().toString(), + subject: subject.trim(), + prompt: prompt.trim() || '默认提示词', + result, + timestamp: Date.now() + }; + + setHistory(prev => [newRecord, ...prev.slice(0, 9)]); // 保留最近10条 + message.success('评论生成成功！'); + } else { + message.error('评论生成失败，请重试'); + } + } catch (error) { + console.error('生成评论失败:', error); + message.error('评论生成失败，请重试'); + } finally { + setIsGenerating(false); + setTimeout(() => setProgress(0), 2000); + } + }; + + const handleCopyResult = () => { + if (currentResult) { + navigator.clipboard.writeText(currentResult); + message.success('已复制到剪贴板'); + } + }; + + const handleDeleteHistory = (id: string) => { + setHistory(prev => prev.filter(item => item.id !== id)); + message.success('删除成功'); + }; + + const formatTime = (timestamp: number) => { + return new Date(timestamp).toLocaleString(); + }; + + return ( +
+ AI评论管理 + +
+
+ + +
+ 评论主旨 + setSubject(e.target.value)} + disabled={isGenerating} + className={styles.input} + /> +
+ +
+ 提示词 +