[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-openai--chatkit-js":3,"tool-openai--chatkit-js":64},[4,17,27,35,43,56],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":16},3808,"stable-diffusion-webui","AUTOMATIC1111\u002Fstable-diffusion-webui","stable-diffusion-webui 是一个基于 Gradio 构建的网页版操作界面，旨在让用户能够轻松地在本地运行和使用强大的 Stable Diffusion 图像生成模型。它解决了原始模型依赖命令行、操作门槛高且功能分散的痛点，将复杂的 AI 绘图流程整合进一个直观易用的图形化平台。\n\n无论是希望快速上手的普通创作者、需要精细控制画面细节的设计师，还是想要深入探索模型潜力的开发者与研究人员，都能从中获益。其核心亮点在于极高的功能丰富度：不仅支持文生图、图生图、局部重绘（Inpainting）和外绘（Outpainting）等基础模式，还独创了注意力机制调整、提示词矩阵、负向提示词以及“高清修复”等高级功能。此外，它内置了 GFPGAN 和 CodeFormer 等人脸修复工具，支持多种神经网络放大算法，并允许用户通过插件系统无限扩展能力。即使是显存有限的设备，stable-diffusion-webui 也提供了相应的优化选项，让高质量的 AI 艺术创作变得触手可及。",162132,3,"2026-04-05T11:01:52",[13,14,15],"开发框架","图像","Agent","ready",{"id":18,"name":19,"github_repo":20,"description_zh":21,"stars":22,"difficulty_score":23,"last_commit_at":24,"category_tags":25,"status":16},1381,"everything-claude-code","affaan-m\u002Feverything-claude-code","everything-claude-code 是一套专为 AI 编程助手（如 Claude Code、Codex、Cursor 等）打造的高性能优化系统。它不仅仅是一组配置文件，而是一个经过长期实战打磨的完整框架，旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。\n\n通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能，everything-claude-code 能显著提升 AI 在复杂任务中的表现，帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略，使得模型响应更快、成本更低，同时有效防御潜在的攻击向量。\n\n这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库，还是需要 AI 协助进行安全审计与自动化测试，everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目，它融合了多语言支持与丰富的实战钩子（hooks），让 AI 真正成长为懂上",140436,2,"2026-04-05T23:32:43",[13,15,26],"语言模型",{"id":28,"name":29,"github_repo":30,"description_zh":31,"stars":32,"difficulty_score":23,"last_commit_at":33,"category_tags":34,"status":16},2271,"ComfyUI","Comfy-Org\u002FComfyUI","ComfyUI 是一款功能强大且高度模块化的视觉 AI 引擎，专为设计和执行复杂的 Stable Diffusion 图像生成流程而打造。它摒弃了传统的代码编写模式，采用直观的节点式流程图界面，让用户通过连接不同的功能模块即可构建个性化的生成管线。\n\n这一设计巧妙解决了高级 AI 绘图工作流配置复杂、灵活性不足的痛点。用户无需具备编程背景，也能自由组合模型、调整参数并实时预览效果，轻松实现从基础文生图到多步骤高清修复等各类复杂任务。ComfyUI 拥有极佳的兼容性，不仅支持 Windows、macOS 和 Linux 全平台，还广泛适配 NVIDIA、AMD、Intel 及苹果 Silicon 等多种硬件架构，并率先支持 SDXL、Flux、SD3 等前沿模型。\n\n无论是希望深入探索算法潜力的研究人员和开发者，还是追求极致创作自由度的设计师与资深 AI 绘画爱好者，ComfyUI 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",107662,"2026-04-03T11:11:01",[13,14,15],{"id":36,"name":37,"github_repo":38,"description_zh":39,"stars":40,"difficulty_score":23,"last_commit_at":41,"category_tags":42,"status":16},3704,"NextChat","ChatGPTNextWeb\u002FNextChat","NextChat 是一款轻量且极速的 AI 助手，旨在为用户提供流畅、跨平台的大模型交互体验。它完美解决了用户在多设备间切换时难以保持对话连续性，以及面对众多 AI 模型不知如何统一管理的痛点。无论是日常办公、学习辅助还是创意激发，NextChat 都能让用户随时随地通过网页、iOS、Android、Windows、MacOS 或 Linux 端无缝接入智能服务。\n\n这款工具非常适合普通用户、学生、职场人士以及需要私有化部署的企业团队使用。对于开发者而言，它也提供了便捷的自托管方案，支持一键部署到 Vercel 或 Zeabur 等平台。\n\nNextChat 的核心亮点在于其广泛的模型兼容性，原生支持 Claude、DeepSeek、GPT-4 及 Gemini Pro 等主流大模型，让用户在一个界面即可自由切换不同 AI 能力。此外，它还率先支持 MCP（Model Context Protocol）协议，增强了上下文处理能力。针对企业用户，NextChat 提供专业版解决方案，具备品牌定制、细粒度权限控制、内部知识库整合及安全审计等功能，满足公司对数据隐私和个性化管理的高标准要求。",87618,"2026-04-05T07:20:52",[13,26],{"id":44,"name":45,"github_repo":46,"description_zh":47,"stars":48,"difficulty_score":23,"last_commit_at":49,"category_tags":50,"status":16},2268,"ML-For-Beginners","microsoft\u002FML-For-Beginners","ML-For-Beginners 是由微软推出的一套系统化机器学习入门课程，旨在帮助零基础用户轻松掌握经典机器学习知识。这套课程将学习路径规划为 12 周，包含 26 节精炼课程和 52 道配套测验，内容涵盖从基础概念到实际应用的完整流程，有效解决了初学者面对庞大知识体系时无从下手、缺乏结构化指导的痛点。\n\n无论是希望转型的开发者、需要补充算法背景的研究人员，还是对人工智能充满好奇的普通爱好者，都能从中受益。课程不仅提供了清晰的理论讲解，还强调动手实践，让用户在循序渐进中建立扎实的技能基础。其独特的亮点在于强大的多语言支持，通过自动化机制提供了包括简体中文在内的 50 多种语言版本，极大地降低了全球不同背景用户的学习门槛。此外，项目采用开源协作模式，社区活跃且内容持续更新，确保学习者能获取前沿且准确的技术资讯。如果你正寻找一条清晰、友好且专业的机器学习入门之路，ML-For-Beginners 将是理想的起点。",84991,"2026-04-05T10:45:23",[14,51,52,53,15,54,26,13,55],"数据工具","视频","插件","其他","音频",{"id":57,"name":58,"github_repo":59,"description_zh":60,"stars":61,"difficulty_score":10,"last_commit_at":62,"category_tags":63,"status":16},3128,"ragflow","infiniflow\u002Fragflow","RAGFlow 是一款领先的开源检索增强生成（RAG）引擎，旨在为大语言模型构建更精准、可靠的上下文层。它巧妙地将前沿的 RAG 技术与智能体（Agent）能力相结合，不仅支持从各类文档中高效提取知识，还能让模型基于这些知识进行逻辑推理和任务执行。\n\n在大模型应用中，幻觉问题和知识滞后是常见痛点。RAGFlow 通过深度解析复杂文档结构（如表格、图表及混合排版），显著提升了信息检索的准确度，从而有效减少模型“胡编乱造”的现象，确保回答既有据可依又具备时效性。其内置的智能体机制更进一步，使系统不仅能回答问题，还能自主规划步骤解决复杂问题。\n\n这款工具特别适合开发者、企业技术团队以及 AI 研究人员使用。无论是希望快速搭建私有知识库问答系统，还是致力于探索大模型在垂直领域落地的创新者，都能从中受益。RAGFlow 提供了可视化的工作流编排界面和灵活的 API 接口，既降低了非算法背景用户的上手门槛，也满足了专业开发者对系统深度定制的需求。作为基于 Apache 2.0 协议开源的项目，它正成为连接通用大模型与行业专有知识之间的重要桥梁。",77062,"2026-04-04T04:44:48",[15,14,13,26,54],{"id":65,"github_repo":66,"name":67,"description_en":68,"description_zh":69,"ai_summary_zh":69,"readme_en":70,"readme_zh":71,"quickstart_zh":72,"use_case_zh":73,"hero_image_url":74,"owner_login":75,"owner_name":76,"owner_avatar_url":77,"owner_bio":78,"owner_company":68,"owner_location":68,"owner_email":68,"owner_twitter":68,"owner_website":79,"owner_url":80,"languages":81,"stars":102,"forks":103,"last_commit_at":104,"license":105,"difficulty_score":10,"env_os":106,"env_gpu":107,"env_ram":107,"env_deps":108,"category_tags":115,"github_topics":68,"view_count":23,"oss_zip_url":68,"oss_zip_packed_at":68,"status":16,"created_at":116,"updated_at":117,"faqs":118,"releases":147},1263,"openai\u002Fchatkit-js","chatkit-js",null,"chatkit-js 是一个功能完备的框架，用于快速构建高质量、由 AI 驱动的聊天体验。它专为希望在应用中快速集成高级对话智能的开发者而设计，无需复杂的配置或重复造轮子。chatkit-js 提供开箱即用的生产级聊天界面，让开发者可以专注于核心功能的实现。\n\n它解决了传统聊天功能开发中常见的痛点，如 UI 自定义困难、响应流处理复杂、工具集成繁琐等。通过内置的响应流、丰富的交互组件、附件支持以及消息管理等功能，chatkit-js 让开发者能够轻松打造自然流畅的聊天体验。\n\nchatkit-js 适合前端开发者使用，特别是那些希望快速集成 AI 聊天功能但又不想从零开始构建聊天系统的团队。其独特的亮点包括框架无关性、深度 UI 定制能力以及对代理行为和推理过程的可视化支持，使得聊天界面不仅功能强大，还能与应用整体风格无缝融合。只需引入组件并进行简单配置，即可快速上手。","ChatKit is a batteries-included framework for building high-quality, AI-powered chat experiences. It’s designed for developers who want to add advanced conversational intelligence to their apps fast—with minimal setup and no reinventing the wheel. ChatKit delivers a complete, production-ready chat interface out of the box.\n\n**Key features include:**\n\n- **Deep UI customization** so that ChatKit feels like a first-class part of your app\n- **Built-in response streaming** for interactive, natural conversations\n- **Tool and workflow integration** for visualizing agentic actions and chain-of-thought reasoning\n- **Rich interactive widgets** rendered directly inside the chat\n- **Attachment handling** with support for file and image uploads\n- **Thread and message management** for organizing complex conversations\n- **Source annotations and entity tagging** for transparency and references\n\nSimply drop the ChatKit component into your app, configure a few options, and you're good to go.\n\n### What makes ChatKit different?\n\nChatKit is a framework-agnostic, drop-in chat solution.\nYou don’t need to build custom UIs, manage low-level chat state, or patch together various features yourself.\nJust add the ChatKit component, give it a client token, and customize the chat experience as needed, no extra work needed.\n\n## Quickstart\n\n1. Generate a client token on your server.\n\n   ```python\n   from fastapi import FastAPI\n   from pydantic import BaseModel\n   from openai import OpenAI\n   import os\n\n   app = FastAPI()\n   openai = OpenAI(api_key=os.environ[\"OPENAI_API_KEY\"])\n\n   @app.post(\"\u002Fapi\u002Fchatkit\u002Fsession\")\n   def create_chatkit_session():\n       session = openai.chatkit.sessions.create({\n         # ...\n       })\n       return { client_secret: session.client_secret }\n   ```\n\n2. Install the React bindings\n\n   ```bash\n   npm install @openai\u002Fchatkit-react\n   ```\n\n3. Add the ChatKit JS script to your page\n\n   ```html\n   \u003Cscript\n     src=\"https:\u002F\u002Fcdn.platform.openai.com\u002Fdeployments\u002Fchatkit\u002Fchatkit.js\"\n     async\n   >\u003C\u002Fscript>\n   ```\n\n4. Render ChatKit\n\n   ```tsx\n   import { ChatKit, useChatKit } from '@openai\u002Fchatkit-react';\n\n   export function MyChat() {\n     const { control } = useChatKit({\n       api: {\n         async getClientSecret(existing) {\n           if (existing) {\n             \u002F\u002F implement session refresh\n           }\n\n           const res = await fetch('\u002Fapi\u002Fchatkit\u002Fsession', {\n             method: 'POST',\n             headers: {\n               'Content-Type': 'application\u002Fjson',\n             },\n           });\n           const { client_secret } = await res.json();\n           return client_secret;\n         },\n       },\n     });\n\n     return \u003CChatKit control={control} className=\"h-[600px] w-[320px]\" \u002F>;\n   }\n   ```\n\n## See working examples\n\n- [Starter app](https:\u002F\u002Fgithub.com\u002Fopenai\u002Fopenai-chatkit-starter-app) - Clone a repo to start with a fully working template\n- [Samples](https:\u002F\u002Fgithub.com\u002Fopenai\u002Fopenai-chatkit-advanced-samples) - See working examples of ChatKit and get inspired\n\n## License\n\nThis project is licensed under the [Apache License 2.0](LICENSE).\n","ChatKit 是一个开箱即用的框架，旨在帮助开发者快速构建高质量、由 AI 驱动的聊天体验。它专为希望以最少的配置、无需从头开发即可为其应用添加先进对话智能的开发者而设计。ChatKit 提供一套完整的、可直接投入生产的聊天界面。\n\n**主要功能包括：**\n\n- **深度 UI 自定义**，让 ChatKit 无缝融入您的应用，成为其中的一等公民；\n- **内置响应流式传输**，实现互动自然的对话体验；\n- **工具与工作流集成**，支持可视化代理行为与思维链推理；\n- **丰富的交互小部件**，直接渲染在聊天窗口内；\n- **附件处理**，支持文件与图片上传；\n- **线程与消息管理**，便于组织复杂的对话；\n- **来源标注与实体标记**，提升透明度与引用清晰度。\n\n只需将 ChatKit 组件拖入您的应用，配置几项选项，即可立即投入使用。\n\n### ChatKit 的独特之处？\n\nChatKit 是一款与具体框架无关、即插即用的聊天解决方案。\n您无需自建自定义 UI、管理底层聊天状态，也不必自行拼凑各种功能。\n只需添加 ChatKit 组件、提供客户端令牌，并根据需求自定义聊天体验，无需额外开发工作。\n\n## 快速入门\n\n1. 在您的服务器上生成客户端令牌。\n\n   ```python\n   from fastapi import FastAPI\n   from pydantic import BaseModel\n   from openai import OpenAI\n   import os\n\n   app = FastAPI()\n   openai = OpenAI(api_key=os.environ[\"OPENAI_API_KEY\"])\n\n   @app.post(\"\u002Fapi\u002Fchatkit\u002Fsession\")\n   def create_chatkit_session():\n       session = openai.chatkit.sessions.create({\n         # ...\n       })\n       return { \"client_secret\": session.client_secret }\n   ```\n\n2. 安装 React 绑定。\n\n   ```bash\n   npm install @openai\u002Fchatkit-react\n   ```\n\n3. 将 ChatKit JS 脚本添加到您的页面。\n\n   ```html\n   \u003Cscript\n     src=\"https:\u002F\u002Fcdn.platform.openai.com\u002Fdeployments\u002Fchatkit\u002Fchatkit.js\"\n     async\n   >\u003C\u002Fscript>\n   ```\n\n4. 渲染 ChatKit。\n\n   ```tsx\n   import { ChatKit, useChatKit } from '@openai\u002Fchatkit-react';\n\n   export function MyChat() {\n     const { control } = useChatKit({\n       api: {\n         async getClientSecret(existing) {\n           if (existing) {\n             \u002F\u002F 实现会话刷新\n           }\n\n           const res = await fetch('\u002Fapi\u002Fchatkit\u002Fsession', {\n             method: 'POST',\n             headers: {\n               'Content-Type': 'application\u002Fjson',\n             },\n           });\n           const { client_secret } = await res.json();\n           return client_secret;\n         },\n       },\n     });\n\n     return \u003CChatKit control={control} className=\"h-[600px] w-[320px]\" \u002F>;\n   }\n   ```\n\n## 查看实际示例\n\n- [入门应用](https:\u002F\u002Fgithub.com\u002Fopenai\u002Fopenai-chatkit-starter-app) - 克隆仓库，即可获得一个完全可用的模板；\n- [示例集](https:\u002F\u002Fgithub.com\u002Fopenai\u002Fopenai-chatkit-advanced-samples) - 查看 ChatKit 的实际应用案例，获取灵感。\n\n## 许可协议\n\n本项目采用 [Apache License 2.0](LICENSE) 许可协议。","# chatkit-js 快速上手指南\n\n## 环境准备\n\n- **系统要求**：支持现代浏览器（Chrome、Edge、Firefox 等），适用于 Web 应用开发。\n- **前置依赖**：\n  - Node.js（建议 v16+）\n  - React 环境（如使用 Create React App 或 Vite 构建项目）\n  - 后端服务用于生成 client token，例如 FastAPI 或其他 Python 框架\n\n> 如果你在中国，可以使用国内镜像源加速 npm 包安装，例如：\n\n```bash\nnpm install --registry=https:\u002F\u002Fregistry.npmmirror.com\n```\n\n---\n\n## 安装步骤\n\n1. **安装 React 绑定库**\n\n   ```bash\n   npm install @openai\u002Fchatkit-react\n   ```\n\n2. **引入 ChatKit JS 脚本**\n\n   在你的 HTML 页面中添加以下脚本标签：\n\n   ```html\n   \u003Cscript\n     src=\"https:\u002F\u002Fcdn.platform.openai.com\u002Fdeployments\u002Fchatkit\u002Fchatkit.js\"\n     async\n   >\u003C\u002Fscript>\n   ```\n\n---\n\n## 基本使用\n\n以下是最简单的使用示例，展示如何在 React 中渲染 ChatKit 组件。\n\n### 步骤 1：创建后端接口生成 client token\n\n在你的服务器端（如 FastAPI）中添加如下代码：\n\n```python\nfrom fastapi import FastAPI\nfrom pydantic import BaseModel\nfrom openai import OpenAI\nimport os\n\napp = FastAPI()\nopenai = OpenAI(api_key=os.environ[\"OPENAI_API_KEY\"])\n\n@app.post(\"\u002Fapi\u002Fchatkit\u002Fsession\")\ndef create_chatkit_session():\n    session = openai.chatkit.sessions.create({\n        # 可以根据需要配置会话参数\n    })\n    return { \"client_secret\": session.client_secret }\n```\n\n### 步骤 2：在 React 组件中使用 ChatKit\n\n```tsx\nimport { ChatKit, useChatKit } from '@openai\u002Fchatkit-react';\n\nexport function MyChat() {\n  const { control } = useChatKit({\n    api: {\n      async getClientSecret(existing) {\n        if (existing) {\n          \u002F\u002F 实现会话刷新逻辑\n        }\n\n        const res = await fetch('\u002Fapi\u002Fchatkit\u002Fsession', {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application\u002Fjson',\n          },\n        });\n        const { client_secret } = await res.json();\n        return client_secret;\n      },\n    },\n  });\n\n  return \u003CChatKit control={control} className=\"h-[600px] w-[320px]\" \u002F>;\n}\n```\n\n---\n\n完成以上步骤后，即可在你的应用中看到一个完整的聊天界面。你可以根据需求进一步自定义样式和功能。","某在线教育平台正在开发一款面向企业客户的智能客服系统，用于解答客户关于课程内容、报名流程和售后服务的咨询。开发团队希望快速集成一个功能强大且易于定制的聊天界面，以提升用户体验并减少开发成本。\n\n### 没有 chatkit-js 时\n\n- 开发人员需要从零开始构建聊天界面，包括消息发送、接收、附件上传、会话管理等功能，耗费大量时间与资源。\n- 实现响应流式输出（如AI生成回复时逐步显示）需自行处理底层逻辑，增加代码复杂度。\n- 要实现高级功能（如文件上传、会话线程管理、来源标注等），需要引入多个第三方库并进行繁琐的集成工作。\n- UI 需要高度定制化，但缺乏统一框架支持，导致不同页面间的聊天组件风格不一致，影响整体产品体验。\n- 团队缺乏成熟的开源方案参考，只能依赖文档和社区支持，开发效率低下。\n\n### 使用 chatkit-js 后\n\n- 直接使用 chatkit-js 提供的完整聊天组件，无需从头开发基础功能，节省大量开发时间和人力成本。\n- 内置的响应流式输出功能可无缝接入AI模型，实现自然流畅的对话交互，无需额外开发。\n- 通过内置的附件处理、线程管理和来源标注等功能，快速实现复杂会话场景，减少第三方依赖。\n- 提供深度UI定制能力，使聊天界面与平台整体设计风格保持一致，提升用户使用体验。\n- 快速接入官方示例和文档，降低学习成本，加速项目上线进程。\n\nchatkit-js 让开发团队能够高效构建高质量、可定制的AI聊天体验，显著提升了开发效率和产品竞争力。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002Fopenai_chatkit-js_14998004.png","openai","OpenAI","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002Fopenai_1960bbf4.png","","https:\u002F\u002Fopenai.com\u002F","https:\u002F\u002Fgithub.com\u002Fopenai",[82,86,90,94,98],{"name":83,"color":84,"percentage":85},"TypeScript","#3178c6",31.2,{"name":87,"color":88,"percentage":89},"CSS","#663399",26.6,{"name":91,"color":92,"percentage":93},"MDX","#fcb32c",21.9,{"name":95,"color":96,"percentage":97},"Astro","#ff5a03",17.7,{"name":99,"color":100,"percentage":101},"JavaScript","#f1e05a",2.6,1895,182,"2026-04-04T15:29:47","Apache-2.0","Linux, macOS, Windows","未说明",{"notes":109,"python":110,"dependencies":111},"需要后端服务器生成 client token，前端需使用 React 框架并安装 @openai\u002Fchatkit-react 包。ChatKit JS 需通过 CDN 引入，且需配置 API 接口以获取 client secret。","3.8+",[112,113,75,114],"fastapi","pydantic","requests",[26,13,15],"2026-03-27T02:49:30.150509","2026-04-06T11:30:50.102422",[119,124,129,134,139,143],{"id":120,"question_zh":121,"answer_zh":122,"source_url":123},5751,"如何解决 ChatKit 在非本地环境部署时的域名验证失败问题？","在使用 `ChatKit` 的托管集成时，需要通过 `POST https:\u002F\u002Fapi.openai.com\u002Fv1\u002Fchatkit\u002Fdomain_keys\u002Fverify_hosted` 接口进行域名验证。确保你已在 OpenAI 平台创建了正确的域名密钥，并将其添加到 `ChatKit` 的 `api` 配置中。如果使用 `CustomApiConfig`，请确保你的 getter 函数返回有效的密钥，而不是直接传入字符串。若仍然遇到 401 错误，请检查密钥是否正确以及域名是否已加入允许列表。","https:\u002F\u002Fgithub.com\u002Fopenai\u002Fchatkit-js\u002Fissues\u002F62",{"id":125,"question_zh":126,"answer_zh":127,"source_url":128},5752,"如何在受限制网络环境中使用 ChatKit？","ChatKit 前端目前仅支持托管方式，无法本地自宿。如果你的网络环境禁止访问 `openai.com` 及其子域，可以考虑使用替代方案如 [ai-sdk](https:\u002F\u002Fai-sdk.dev\u002F) 和 [ai-sdk\u002Felements](https:\u002F\u002Fai-sdk.dev\u002Felements)，这些库可以在不依赖 CDN 的情况下运行。未来 OpenAI 可能会提供自宿选项，但目前没有官方解决方案。","https:\u002F\u002Fgithub.com\u002Fopenai\u002Fchatkit-js\u002Fissues\u002F57",{"id":130,"question_zh":131,"answer_zh":132,"source_url":133},5753,"如何解决浏览器扩展导致 ChatKit 内存泄漏的问题？","某些浏览器扩展（如 Microsoft Editor、MetaMask）可能会注入脚本到 ChatKit 的 iframe 中，导致内存泄漏和崩溃。建议禁用这些扩展或使用无痕模式运行页面。如果必须启用扩展，可尝试只启用一个扩展以排查具体原因，或者联系扩展开发者寻求兼容性修复。","https:\u002F\u002Fgithub.com\u002Fopenai\u002Fchatkit-js\u002Fissues\u002F79",{"id":135,"question_zh":136,"answer_zh":137,"source_url":138},5754,"如何解决 ChatKit 加载时出现的 400 错误？","当 ChatKit 初始化时出现 400 错误，通常是因为加载的 HTML 文档格式错误。请确保你使用的代码与文档示例一致，并且后端 `\u002Fapi\u002Fcreate-session` 接口正常工作。此外，检查浏览器控制台是否有其他错误信息，并确认请求头和响应内容是否符合预期。","https:\u002F\u002Fgithub.com\u002Fopenai\u002Fchatkit-js\u002Fissues\u002F48",{"id":140,"question_zh":141,"answer_zh":142,"source_url":128},5755,"如何解决 ChatKit 在生产环境中因域名未验证而无法加载的问题？","在生产环境中，ChatKit 要求域名验证通过后才能加载。你需要在 OpenAI 平台设置域名白名单并生成对应的域名密钥。然后将该密钥配置到 `ChatKit` 的 `api` 选项中。如果使用 `CustomApiConfig`，请确保密钥通过函数动态获取，而非硬编码。若仍出现问题，请检查密钥权限和域名匹配情况。",{"id":144,"question_zh":145,"answer_zh":146,"source_url":133},5756,"如何避免 ChatKit iframe 因第三方扩展导致的崩溃？","ChatKit iframe 在某些浏览器扩展（如 MetaMask）激活时可能被注入脚本，从而导致内存泄漏和崩溃。建议禁用相关扩展，或在无痕模式下测试 ChatKit。如果必须使用这些扩展，可尝试隔离 iframe 或联系扩展开发者以获得兼容性支持。",[148,153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233,238,243],{"id":149,"version":150,"summary_zh":151,"released_at":152},115090,"@openai\u002Fchatkit@1.6.0","### Minor Changes\n\n-   8486dbd: Add `chatkit.deeplink` event\n","2026-02-10T19:14:00",{"id":154,"version":155,"summary_zh":156,"released_at":157},115091,"@openai\u002Fchatkit-react@1.5.0","### Minor Changes\n\n-   8486dbd: Add `onDeeplink` to `UseChatKitOptions`\n\n### Patch Changes\n\n-   Updated dependencies [8486dbd]\n    -   @openai\u002Fchatkit@1.6.0\n","2026-02-10T19:13:57",{"id":159,"version":160,"summary_zh":161,"released_at":162},115092,"@openai\u002Fchatkit@1.5.0","### Minor Changes\n\n-   ec7afe0: Add composer.dictation option for composer voice input; disabled by default.\n","2026-01-21T18:44:20",{"id":164,"version":165,"summary_zh":166,"released_at":167},115093,"@openai\u002Fchatkit-react@1.4.3","### Patch Changes\n\n-   Updated dependencies [ec7afe0]\n    -   @openai\u002Fchatkit@1.5.0\n","2026-01-21T18:44:23",{"id":169,"version":170,"summary_zh":171,"released_at":172},115094,"@openai\u002Fchatkit@1.4.0","### Minor Changes\n\n-   aa31766: Add entities.showComposerMenu option that renders an entity tag search trigger button in the composer.\n","2026-01-17T00:10:17",{"id":174,"version":175,"summary_zh":176,"released_at":177},115095,"@openai\u002Fchatkit-react@1.4.2","### Patch Changes\n\n-   Updated dependencies [aa31766]\n    -   @openai\u002Fchatkit@1.4.0\n","2026-01-17T00:10:20",{"id":179,"version":180,"summary_zh":181,"released_at":182},115096,"@openai\u002Fchatkit@1.3.0","### Minor Changes\n\n-   546f1d0: - Add support for Lucide icons via icon names with the `lucide:` prefix\n    -   Add a `frameTitle` option\n","2026-01-10T01:13:46",{"id":184,"version":185,"summary_zh":186,"released_at":187},115097,"@openai\u002Fchatkit-react@1.4.1","### Patch Changes\n\n-   Updated dependencies [546f1d0]\n    -   @openai\u002Fchatkit@1.3.0\n","2026-01-10T01:13:43",{"id":189,"version":190,"summary_zh":191,"released_at":192},115098,"@openai\u002Fchatkit@1.2.0","### Minor Changes\r\n\r\n-   19fb9ec:\r\n    - Add a `chatkit.tool.change` event for tool selection updates.\r\n    -   Expose `showHistory()` and `hideHistory()` methods on the ChatKit web component.\r\n    -   Support entity tags in start screen prompts.\r\n    -   Update the `setComposerValue()` method to accept rich-content segments, optional tool\u002Fmodel selection, and a file list for queued attachments (`content`, `selectedToolId`, `selectedModelId`, `files`).\r\n    -   Update the `sendUserMessage()` method to accept rich-content segments plus inference options (`content`, `toolChoice`, `model`).\r\n    -   Expand the supported icon set.\r\n","2025-12-16T00:33:34",{"id":194,"version":195,"summary_zh":196,"released_at":197},115099,"@openai\u002Fchatkit-react@1.4.0","### Minor Changes\r\n\r\n-   19fb9ec:\r\n    - Add `onToolChange` to `UseChatKitOptions`.\r\n    -   Expose `showHistory()` and `hideHistory()` methods.\r\n    -   Support entity tags in start screen prompts.\r\n    -   Update the `setComposerValue()` method to accept rich-content segments, optional tool\u002Fmodel selection, and a file list for queued attachments (`content`, `selectedToolId`, `selectedModelId`, `files`).\r\n    -   Update the `sendUserMessage()` method to accept rich-content segments plus inference options (`content`, `toolChoice`, `model`).\r\n    -   Expand the supported icon set.\r\n\r\n### Patch Changes\r\n\r\n-   Updated dependencies [19fb9ec]\r\n    -   @openai\u002Fchatkit@1.2.0\r\n","2025-12-16T00:33:37",{"id":199,"version":200,"summary_zh":201,"released_at":202},115100,"@openai\u002Fchatkit@1.1.0","### Minor Changes\n\n-   8fcee7c: Add `chatkit.effect` event\n","2025-11-25T21:23:25",{"id":204,"version":205,"summary_zh":206,"released_at":207},115101,"@openai\u002Fchatkit-react@1.3.0","### Minor Changes\n\n-   8fcee7c: Add `onEffect` to `UseChatKitOptions`\n\n### Patch Changes\n\n-   Updated dependencies [8fcee7c]\n    -   @openai\u002Fchatkit@1.1.0\n","2025-11-25T21:23:28",{"id":209,"version":210,"summary_zh":211,"released_at":212},115102,"@openai\u002Fchatkit@1.0.3","### Patch Changes\n\n-   63c423a: Add `persistent` field to `ToolOption`\n","2025-11-19T20:58:41",{"id":214,"version":215,"summary_zh":216,"released_at":217},115103,"@openai\u002Fchatkit-react@1.2.3","### Patch Changes\n\n-   7107130: Fix event handlers registered multiple times\n","2025-11-19T21:20:35",{"id":219,"version":220,"summary_zh":221,"released_at":222},115104,"@openai\u002Fchatkit-react@1.2.2","### Patch Changes\n\n-   Updated dependencies [63c423a]\n    -   @openai\u002Fchatkit@1.0.3\n","2025-11-19T20:58:38",{"id":224,"version":225,"summary_zh":226,"released_at":227},115105,"@openai\u002Fchatkit@1.0.2","### Patch Changes\n\n-   3bc87d6: Fix type for Checkbox `defaultChecked`\n","2025-11-18T06:11:24",{"id":229,"version":230,"summary_zh":231,"released_at":232},115106,"@openai\u002Fchatkit-react@1.2.1","### Patch Changes\n\n-   Updated dependencies [3bc87d6]\n    -   @openai\u002Fchatkit@1.0.2\n","2025-11-18T06:11:27",{"id":234,"version":235,"summary_zh":236,"released_at":237},115107,"@openai\u002Fchatkit@1.0.1","### Patch Changes\n\n-   efb17dc: Added missing types for `chatkit.ready` event\n","2025-10-27T22:31:41",{"id":239,"version":240,"summary_zh":241,"released_at":242},115108,"@openai\u002Fchatkit-react@1.2.0","### Minor Changes\n\n-   0f922cb: Add `onReady` to `UseChatKitOptions`\n\n### Patch Changes\n\n-   Updated dependencies [efb17dc]\n    -   @openai\u002Fchatkit@1.0.1\n","2025-10-27T22:31:44",{"id":244,"version":245,"summary_zh":246,"released_at":247},115109,"@openai\u002Fchatkit@1.0.0","### Major Changes\r\n\r\n- 5e4488e: Initial release\r\n","2025-10-09T21:57:15"]