[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"similar-DayuanJiang--next-ai-draw-io":3,"tool-DayuanJiang--next-ai-draw-io":62},[4,18,26,36,46,54],{"id":5,"name":6,"github_repo":7,"description_zh":8,"stars":9,"difficulty_score":10,"last_commit_at":11,"category_tags":12,"status":17},4358,"openclaw","openclaw\u002Fopenclaw","OpenClaw 是一款专为个人打造的本地化 AI 助手，旨在让你在自己的设备上拥有完全可控的智能伙伴。它打破了传统 AI 助手局限于特定网页或应用的束缚，能够直接接入你日常使用的各类通讯渠道，包括微信、WhatsApp、Telegram、Discord、iMessage 等数十种平台。无论你在哪个聊天软件中发送消息，OpenClaw 都能即时响应，甚至支持在 macOS、iOS 和 Android 设备上进行语音交互，并提供实时的画布渲染功能供你操控。\n\n这款工具主要解决了用户对数据隐私、响应速度以及“始终在线”体验的需求。通过将 AI 部署在本地，用户无需依赖云端服务即可享受快速、私密的智能辅助，真正实现了“你的数据，你做主”。其独特的技术亮点在于强大的网关架构，将控制平面与核心助手分离，确保跨平台通信的流畅性与扩展性。\n\nOpenClaw 非常适合希望构建个性化工作流的技术爱好者、开发者，以及注重隐私保护且不愿被单一生态绑定的普通用户。只要具备基础的终端操作能力（支持 macOS、Linux 及 Windows WSL2），即可通过简单的命令行引导完成部署。如果你渴望拥有一个懂你",349277,3,"2026-04-06T06:32:30",[13,14,15,16],"Agent","开发框架","图像","数据工具","ready",{"id":19,"name":20,"github_repo":21,"description_zh":22,"stars":23,"difficulty_score":10,"last_commit_at":24,"category_tags":25,"status":17},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,"2026-04-05T11:01:52",[14,15,13],{"id":27,"name":28,"github_repo":29,"description_zh":30,"stars":31,"difficulty_score":32,"last_commit_at":33,"category_tags":34,"status":17},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 真正成长为懂上",160784,2,"2026-04-19T11:32:54",[14,13,35],"语言模型",{"id":37,"name":38,"github_repo":39,"description_zh":40,"stars":41,"difficulty_score":42,"last_commit_at":43,"category_tags":44,"status":17},8272,"opencode","anomalyco\u002Fopencode","OpenCode 是一款开源的 AI 编程助手（Coding Agent），旨在像一位智能搭档一样融入您的开发流程。它不仅仅是一个代码补全插件，而是一个能够理解项目上下文、自主规划任务并执行复杂编码操作的智能体。无论是生成全新功能、重构现有代码，还是排查难以定位的 Bug，OpenCode 都能通过自然语言交互高效完成，显著减少开发者在重复性劳动和上下文切换上的时间消耗。\n\n这款工具专为软件开发者、工程师及技术研究人员设计，特别适合希望利用大模型能力来提升编码效率、加速原型开发或处理遗留代码维护的专业人群。其核心亮点在于完全开源的架构，这意味着用户可以审查代码逻辑、自定义行为策略，甚至私有化部署以保障数据安全，彻底打破了传统闭源 AI 助手的“黑盒”限制。\n\n在技术体验上，OpenCode 提供了灵活的终端界面（Terminal UI）和正在测试中的桌面应用程序，支持 macOS、Windows 及 Linux 全平台。它兼容多种包管理工具，安装便捷，并能无缝集成到现有的开发环境中。无论您是追求极致控制权的资深极客，还是渴望提升产出的独立开发者，OpenCode 都提供了一个透明、可信",144296,1,"2026-04-16T14:50:03",[13,45],"插件",{"id":47,"name":48,"github_repo":49,"description_zh":50,"stars":51,"difficulty_score":32,"last_commit_at":52,"category_tags":53,"status":17},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 都能提供强大的支持。其独特的模块化架构允许社区不断扩展新功能，使其成为当前最灵活、生态最丰富的开源扩散模型工具之一，帮助用户将创意高效转化为现实。",109154,"2026-04-18T11:18:24",[14,15,13],{"id":55,"name":56,"github_repo":57,"description_zh":58,"stars":59,"difficulty_score":32,"last_commit_at":60,"category_tags":61,"status":17},6121,"gemini-cli","google-gemini\u002Fgemini-cli","gemini-cli 是一款由谷歌推出的开源 AI 命令行工具，它将强大的 Gemini 大模型能力直接集成到用户的终端环境中。对于习惯在命令行工作的开发者而言，它提供了一条从输入提示词到获取模型响应的最短路径，无需切换窗口即可享受智能辅助。\n\n这款工具主要解决了开发过程中频繁上下文切换的痛点，让用户能在熟悉的终端界面内直接完成代码理解、生成、调试以及自动化运维任务。无论是查询大型代码库、根据草图生成应用，还是执行复杂的 Git 操作，gemini-cli 都能通过自然语言指令高效处理。\n\n它特别适合广大软件工程师、DevOps 人员及技术研究人员使用。其核心亮点包括支持高达 100 万 token 的超长上下文窗口，具备出色的逻辑推理能力；内置 Google 搜索、文件操作及 Shell 命令执行等实用工具；更独特的是，它支持 MCP（模型上下文协议），允许用户灵活扩展自定义集成，连接如图像生成等外部能力。此外，个人谷歌账号即可享受免费的额度支持，且项目基于 Apache 2.0 协议完全开源，是提升终端工作效率的理想助手。",100752,"2026-04-10T01:20:03",[45,13,15,14],{"id":63,"github_repo":64,"name":65,"description_en":66,"description_zh":67,"ai_summary_zh":68,"readme_en":69,"readme_zh":70,"quickstart_zh":71,"use_case_zh":72,"hero_image_url":73,"owner_login":74,"owner_name":75,"owner_avatar_url":76,"owner_bio":77,"owner_company":77,"owner_location":78,"owner_email":77,"owner_twitter":77,"owner_website":79,"owner_url":80,"languages":81,"stars":102,"forks":103,"last_commit_at":104,"license":105,"difficulty_score":32,"env_os":106,"env_gpu":107,"env_ram":107,"env_deps":108,"category_tags":115,"github_topics":116,"view_count":32,"oss_zip_url":77,"oss_zip_packed_at":77,"status":17,"created_at":120,"updated_at":121,"faqs":122,"releases":152},9703,"DayuanJiang\u002Fnext-ai-draw-io","next-ai-draw-io","A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.","next-ai-draw-io 是一款基于 Next.js 构建的开源 Web 应用，它将强大的 AI 能力与传统绘图工具 draw.io 深度融合。用户只需通过自然语言对话，即可轻松创建、修改或优化复杂的流程图、架构图甚至创意素描，实现了“聊天即绘图”的便捷体验。\n\n这款工具主要解决了传统绘图软件上手门槛高、手动拖拽元素耗时费力的问题。无论是梳理技术架构、设计业务流程，还是进行创意可视化，用户都不再需要纠结于具体的绘图操作，只需描述需求，AI 便能自动完成图形生成与布局调整，极大提升了内容创作效率。\n\n它非常适合开发者、系统架构师、产品经理以及研究人员使用。对于需要频繁绘制技术文档的程序员，或是希望快速将抽象概念可视化的非设计专业人士，next-ai-draw-io 都能提供得力辅助。\n\n在技术亮点方面，该工具支持多种大语言模型提供商（如字节豆包 GLM-4.7 等），并创新性地集成了 MCP（Model Context Protocol）服务器，使其不仅能作为独立网页运行，还能作为桌面应用或通过 Docker 部署，甚至能与 Claude Code CLI 等开发工具联动。其核心在","next-ai-draw-io 是一款基于 Next.js 构建的开源 Web 应用，它将强大的 AI 能力与传统绘图工具 draw.io 深度融合。用户只需通过自然语言对话，即可轻松创建、修改或优化复杂的流程图、架构图甚至创意素描，实现了“聊天即绘图”的便捷体验。\n\n这款工具主要解决了传统绘图软件上手门槛高、手动拖拽元素耗时费力的问题。无论是梳理技术架构、设计业务流程，还是进行创意可视化，用户都不再需要纠结于具体的绘图操作，只需描述需求，AI 便能自动完成图形生成与布局调整，极大提升了内容创作效率。\n\n它非常适合开发者、系统架构师、产品经理以及研究人员使用。对于需要频繁绘制技术文档的程序员，或是希望快速将抽象概念可视化的非设计专业人士，next-ai-draw-io 都能提供得力辅助。\n\n在技术亮点方面，该工具支持多种大语言模型提供商（如字节豆包 GLM-4.7 等），并创新性地集成了 MCP（Model Context Protocol）服务器，使其不仅能作为独立网页运行，还能作为桌面应用或通过 Docker 部署，甚至能与 Claude Code CLI 等开发工具联动。其核心在于利用 LLM 理解语义并转化为标准的 draw.io 图形数据，让智能绘图变得灵活且可扩展。","# Next AI Draw.io\n\n\u003Cdiv align=\"center\">\n\n**AI-Powered Diagram Creation Tool - Chat, Draw, Visualize**\n\nEnglish | [中文](.\u002Fdocs\u002Fcn\u002FREADME_CN.md) | [日本語](.\u002Fdocs\u002Fja\u002FREADME_JA.md)\n\n[![TrendShift](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FDayuanJiang_next-ai-draw-io_readme_4a68feb902da.png)](https:\u002F\u002Fnext-ai-drawio.jiang.jp\u002F)\n\n[![License: Apache 2.0](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-Apache%202.0-blue.svg)](https:\u002F\u002Fopensource.org\u002Flicenses\u002FApache-2.0)\n[![Next.js](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FNext.js-16.x-black)](https:\u002F\u002Fnextjs.org\u002F)\n[![React](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FReact-19.x-61dafb)](https:\u002F\u002Freact.dev\u002F)\n[![Sponsor](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FSponsor-❤-ea4aaa)](https:\u002F\u002Fgithub.com\u002Fsponsors\u002FDayuanJiang)\n\n[![Live Demo](.\u002Fpublic\u002Flive-demo-button.svg)](https:\u002F\u002Fnext-ai-drawio.jiang.jp\u002F)\n\n\u003C\u002Fdiv>\n\nA Next.js web application that integrates AI capabilities with draw.io diagrams. Create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.\n\n> Note: Thanks to \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FDayuanJiang_next-ai-draw-io_readme_84d576edfc8b.png\" alt=\"\" height=\"20\" \u002F> [ByteDance Doubao](https:\u002F\u002Fwww.volcengine.com\u002Factivity\u002Fcodingplan?ac=MMAP8JTTCAQ2&rc=Z9Z3LDTJ&utm_campaign=drawio&utm_content=drawio&utm_medium=devrel&utm_source=OWO&utm_term=drawio) sponsorship, the demo site now uses the powerful glm-4.7 model!\n\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F9d60a3e8-4a1c-4b5e-acbb-26af2d3eabd1\n\n\n\n## Table of Contents\n- [Next AI Draw.io](#next-ai-drawio)\n  - [Table of Contents](#table-of-contents)\n  - [Examples](#examples)\n  - [Features](#features)\n  - [MCP Server](#mcp-server)\n    - [Claude Code CLI](#claude-code-cli)\n  - [Getting Started](#getting-started)\n    - [Try it Online](#try-it-online)\n    - [Desktop Application](#desktop-application)\n    - [Run with Docker](#run-with-docker)\n    - [Installation](#installation)\n  - [Deployment](#deployment)\n    - [Deploy to EdgeOne Pages](#deploy-to-edgeone-pages)\n    - [Deploy on Vercel](#deploy-on-vercel)\n    - [Deploy on Cloudflare Workers](#deploy-on-cloudflare-workers)\n  - [Multi-Provider Support](#multi-provider-support)\n  - [How It Works](#how-it-works)\n  - [Support \\& Contact](#support--contact)\n  - [FAQ](#faq)\n  - [Star History](#star-history)\n\n## Examples\n\nHere are some example prompts and their generated diagrams:\n\n\u003Cdiv align=\"center\">\n\u003Ctable width=\"100%\">\n  \u003Ctr>\n    \u003Ctd colspan=\"2\" valign=\"top\" align=\"center\">\n      \u003Cstrong>Animated transformer connectors\u003C\u002Fstrong>\u003Cbr \u002F>\n      \u003Cp>\u003Cstrong>Prompt:\u003C\u002Fstrong> Give me a **animated connector** diagram of transformer's architecture.\u003C\u002Fp>\n      \u003Cimg src=\".\u002Fpublic\u002Fanimated_connectors.svg\" alt=\"Transformer Architecture with Animated Connectors\" width=\"480\" \u002F>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Cstrong>RAG Technique Diagram\u003C\u002Fstrong>\u003Cbr \u002F>\n      \u003Cp>\u003Cstrong>Prompt:\u003C\u002Fstrong> Generate a RAG architecture diagram for **chat application**. Use connected diagram for data ingestion\u003C\u002Fp>\n      \u003Cimg src=\".\u002Fpublic\u002Frag_prod.svg\" alt=\"RAG Architecture Diagram\" width=\"480\" \u002F>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Cstrong>Authentication using React and AWS\u003C\u002Fstrong>\u003Cbr \u002F>\n      \u003Cp>\u003Cstrong>Prompt:\u003C\u002Fstrong> Generate authentication process using React with **AWS**. Use Serverless architecture.\u003C\u002Fp>\n      \u003Cimg src=\".\u002Fpublic\u002Fauth.svg\" alt=\"Authentication Architecture Diagram\" width=\"480\" \u002F>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Cstrong>Open Innovation\u003C\u002Fstrong>\u003Cbr \u002F>\n      \u003Cp>\u003Cstrong>Prompt:\u003C\u002Fstrong> Create visualization of Henry Chesbrough's Open Innovation model.\u003C\u002Fp>\n      \u003Cimg src=\".\u002Fpublic\u002Finno.svg\" alt=\"Open Innovation Diagram\" width=\"480\" \u002F>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Cstrong>Cat sketch\u003C\u002Fstrong>\u003Cbr \u002F>\n      \u003Cp>\u003Cstrong>Prompt:\u003C\u002Fstrong> Draw a cute cat for me.\u003C\u002Fp>\n      \u003Cimg src=\".\u002Fpublic\u002Fcat_demo.svg\" alt=\"Cat Drawing\" width=\"240\" \u002F>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n## Features\n\n-   **LLM-Powered Diagram Creation**: Leverage Large Language Models to create and manipulate draw.io diagrams directly through natural language commands\n-   **Image-Based Diagram Replication**: Upload existing diagrams or images and have the AI replicate and enhance them automatically\n-   **PDF & Text File Upload**: Upload PDF documents and text files to extract content and generate diagrams from existing documents\n-   **AI Reasoning Display**: View the AI's thinking process for supported models (OpenAI o1\u002Fo3, Gemini, Claude, etc.)\n-   **Diagram History**: Comprehensive version control that tracks all changes, allowing you to view and restore previous versions of your diagrams before the AI editing.\n-   **Interactive Chat Interface**: Communicate with AI to refine your diagrams in real-time\n-   **Cloud Architecture Diagram Support**: Specialized support for generating cloud architecture diagrams (AWS, GCP, Azure)\n-   **Animated Connectors**: Create dynamic and animated connectors between diagram elements for better visualization\n\n## MCP Server\n\nUse Next AI Draw.io with AI agents like Claude Desktop, Cursor, and VS Code via MCP (Model Context Protocol).\n\n```json\n{\n  \"mcpServers\": {\n    \"drawio\": {\n      \"command\": \"npx\",\n      \"args\": [\"@next-ai-drawio\u002Fmcp-server@latest\"]\n    }\n  }\n}\n```\n\n### Claude Code CLI\n\n```bash\nclaude mcp add drawio -- npx @next-ai-drawio\u002Fmcp-server@latest\n```\n\nThen ask Claude to create diagrams:\n> \"Create a flowchart showing user authentication with login, MFA, and session management\"\n\nThe diagram appears in your browser in real-time!\n\nSee the [MCP Server README](.\u002Fpackages\u002Fmcp-server\u002FREADME.md) for VS Code, Cursor, and other client configurations.\n\n## Getting Started\n\n### Try it Online\n\nNo installation needed! Try the app directly on our demo site:\n\n[![Live Demo](.\u002Fpublic\u002Flive-demo-button.svg)](https:\u002F\u002Fnext-ai-drawio.jiang.jp\u002F)\n\n\n\n> **Bring Your Own API Key**: You can use your own API key to bypass usage limits on the demo site. Click the Settings icon in the chat panel to configure your provider and API key. Your key is stored locally in your browser and is never stored on the server.\n\n### Desktop Application\n\nDownload the native desktop app for your platform from the [Releases page](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases):\n\nSupported platforms: Windows, macOS, Linux.\n\n### Run with Docker\n\n[Go to Docker Guide](.\u002Fdocs\u002Fen\u002Fdocker.md)\n\n### Installation\n\n1. Clone the repository:\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\ncd next-ai-draw-io\nnpm install\ncp env.example .env.local\n```\n\nSee the [Provider Configuration Guide](.\u002Fdocs\u002Fen\u002Fai-providers.md) for detailed setup instructions for each provider.\n\n2. Run the development server:\n\n```bash\nnpm run dev\n```\n\n3. Open [http:\u002F\u002Flocalhost:6002](http:\u002F\u002Flocalhost:6002) in your browser to see the application.\n\n## Deployment\n\n### Deploy to EdgeOne Pages\n\nYou can deploy with one click using [Tencent EdgeOne Pages](https:\u002F\u002Fpages.edgeone.ai\u002F).\n\nDeploy by this button: \n\n[![Deploy to EdgeOne Pages](https:\u002F\u002Fcdnstatic.tencentcs.com\u002Fedgeone\u002Fpages\u002Fdeploy.svg)](https:\u002F\u002Fedgeone.ai\u002Fpages\u002Fnew?repository-url=https%3A%2F%2Fgithub.com%2FDayuanJiang%2Fnext-ai-draw-io)\n\nCheck out the [Tencent EdgeOne Pages documentation](https:\u002F\u002Fpages.edgeone.ai\u002Fdocument\u002Fdeployment-overview) for more details.\n\nAdditionally, deploying through Tencent EdgeOne Pages will also grant you a [daily free quota for DeepSeek models](https:\u002F\u002Fpages.edgeone.ai\u002Fdocument\u002Fedge-ai).\n\n### Deploy on Vercel \n\n[![Deploy with Vercel](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FDayuanJiang_next-ai-draw-io_readme_a4c0f8073a9c.png)](https:\u002F\u002Fvercel.com\u002Fnew\u002Fclone?repository-url=https%3A%2F%2Fgithub.com%2FDayuanJiang%2Fnext-ai-draw-io)\n\nThe easiest way to deploy is using [Vercel](https:\u002F\u002Fvercel.com\u002Fnew), the creators of Next.js. Be sure to **set the environment variables** in the Vercel dashboard as you did in your local `.env.local` file.\n\nSee the [Next.js deployment documentation](https:\u002F\u002Fnextjs.org\u002Fdocs\u002Fapp\u002Fbuilding-your-application\u002Fdeploying) for more details.\n\n### Deploy on Cloudflare Workers\n\n[Go to Cloudflare Deploy Guide](.\u002Fdocs\u002Fen\u002Fcloudflare-deploy.md)\n\n\n\n## Multi-Provider Support\n\n-   [ByteDance Doubao](https:\u002F\u002Fwww.volcengine.com\u002Factivity\u002Fcodingplan?ac=MMAP8JTTCAQ2&rc=Z9Z3LDTJ&utm_campaign=drawio&utm_content=drawio&utm_medium=devrel&utm_source=OWO&utm_term=drawio)\n-   AWS Bedrock (default)\n-   OpenAI\n-   Anthropic\n-   Google AI\n-   Google Vertex AI\n-   Azure OpenAI\n-   Ollama\n-   OpenRouter\n-   DeepSeek\n-   SiliconFlow\n-   ModelScope\n-   SGLang\n-   Vercel AI Gateway\n\n\nAll providers except AWS Bedrock and OpenRouter support custom endpoints.\n\n📖 **[Detailed Provider Configuration Guide](.\u002Fdocs\u002Fen\u002Fai-providers.md)** - See setup instructions for each provider.\n\n### Server-Side Multi-Model Configuration\n\nAdministrators can configure multiple server-side models that are available to all users without requiring personal API keys. Configure via `AI_MODELS_CONFIG` environment variable (JSON string) or `ai-models.json` file.\n\n**Model Requirements**: This task requires strong model capabilities for generating long-form text with strict formatting constraints (draw.io XML). Recommended models include Claude Sonnet 4.5, GPT-5.1, Gemini 3 Pro, and DeepSeek V3.2\u002FR1.\n\nNote that the `claude` series has been trained on draw.io diagrams with cloud architecture logos like AWS, Azure, GCP. So if you want to create cloud architecture diagrams, this is the best choice.\n\n\n## How It Works\n\nThe application uses the following technologies:\n\n-   **Next.js**: For the frontend framework and routing\n-   **Vercel AI SDK** (`ai` + `@ai-sdk\u002F*`): For streaming AI responses and multi-provider support\n-   **react-drawio**: For diagram representation and manipulation\n\nDiagrams are represented as XML that can be rendered in draw.io. The AI processes your commands and generates or modifies this XML accordingly.\n\n\n## Support & Contact\n\n**Special thanks to [ByteDance Doubao](https:\u002F\u002Fwww.volcengine.com\u002Factivity\u002Fcodingplan?ac=MMAP8JTTCAQ2&rc=Z9Z3LDTJ&utm_campaign=drawio&utm_content=drawio&utm_medium=devrel&utm_source=OWO&utm_term=drawio) for sponsoring the API token usage of the demo site!** Register on the ARK platform to get 500K free tokens for all models!\n\nIf you find this project useful, please consider [sponsoring](https:\u002F\u002Fgithub.com\u002Fsponsors\u002FDayuanJiang) to help me host the live demo site!\n\nFor support or inquiries, please open an issue on the GitHub repository or contact the maintainer at:\n\n-   Email: me[at]jiang.jp\n\n## FAQ\n\nSee [FAQ](.\u002Fdocs\u002Fen\u002FFAQ.md) for common issues and solutions.\n\n## Star History\n\n[![Star History Chart](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FDayuanJiang_next-ai-draw-io_readme_9eea0fda6b4f.png)](https:\u002F\u002Fwww.star-history.com\u002F#DayuanJiang\u002Fnext-ai-draw-io&type=date&legend=top-left)\n\n---\n","# Next AI Draw.io\n\n\u003Cdiv align=\"center\">\n\n**人工智能驱动的图表创建工具 - 聊天、绘图、可视化**\n\n英语 | [中文](.\u002Fdocs\u002Fcn\u002FREADME_CN.md) | [日语](.\u002Fdocs\u002Fja\u002FREADME_JA.md)\n\n[![TrendShift](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FDayuanJiang_next-ai-draw-io_readme_4a68feb902da.png)](https:\u002F\u002Fnext-ai-drawio.jiang.jp\u002F)\n\n[![许可证：Apache 2.0](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-Apache%202.0-blue.svg)](https:\u002F\u002Fopensource.org\u002Flicenses\u002FApache-2.0)\n[![Next.js](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FNext.js-16.x-black)](https:\u002F\u002Fnextjs.org\u002F)\n[![React](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FReact-19.x-61dafb)](https:\u002F\u002Freact.dev\u002F)\n[![赞助](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FSponsor-❤-ea4aaa)](https:\u002F\u002Fgithub.com\u002Fsponsors\u002FDayuanJiang)\n\n[![在线演示](.\u002Fpublic\u002Flive-demo-button.svg)](https:\u002F\u002Fnext-ai-drawio.jiang.jp\u002F)\n\n\u003C\u002Fdiv>\n\n一个将AI能力与draw.io图表集成的Next.js Web应用。通过自然语言指令和AI辅助可视化，创建、修改和增强图表。\n\n> 注意：感谢 \u003Cimg src=\"https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FDayuanJiang_next-ai-draw-io_readme_84d576edfc8b.png\" alt=\"\" height=\"20\" \u002F> [字节跳动豆包](https:\u002F\u002Fwww.volcengine.com\u002Factivity\u002Fcodingplan?ac=MMAP8JTTCAQ2&rc=Z9Z3LDTJ&utm_campaign=drawio&utm_content=drawio&utm_medium=devrel&utm_source=OWO&utm_term=drawio) 的赞助，演示站点现在使用强大的glm-4.7模型！\n\n\nhttps:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F9d60a3e8-4a1c-4b5e-acbb-26af2d3eabd1\n\n\n\n## 目录\n- [Next AI Draw.io](#next-ai-drawio)\n  - [目录](#table-of-contents)\n  - [示例](#examples)\n  - [特性](#features)\n  - [MCP服务器](#mcp-server)\n    - [Claude Code CLI](#claude-code-cli)\n  - [开始使用](#getting-started)\n    - [在线试用](#try-it-online)\n    - [桌面应用](#desktop-application)\n    - [使用 Docker 运行](#run-with-docker)\n    - [安装](#installation)\n  - [部署](#deployment)\n    - [部署到 EdgeOne Pages](#deploy-to-edgeone-pages)\n    - [在 Vercel 上部署](#deploy-on-vercel)\n    - [在 Cloudflare Workers 上部署](#deploy-on-cloudflare-workers)\n  - [多提供商支持](#multi-provider-support)\n  - [工作原理](#how-it-works)\n  - [支持与联系](#support--contact)\n  - [常见问题](#faq)\n  - [星标历史](#star-history)\n\n## 示例\n\n以下是一些示例提示及其生成的图表：\n\n\u003Cdiv align=\"center\">\n\u003Ctable width=\"100%\">\n  \u003Ctr>\n    \u003Ctd colspan=\"2\" valign=\"top\" align=\"center\">\n      \u003Cstrong>变压器架构中的动画连接线\u003C\u002Fstrong>\u003Cbr \u002F>\n      \u003Cp>\u003Cstrong>提示：\u003C\u002Fstrong>给我一个变压器架构的\u003Cstrong>动画连接线\u003C\u002Fstrong>图。\u003C\u002Fp>\n      \u003Cimg src=\".\u002Fpublic\u002Fanimated_connectors.svg\" alt=\"带有动画连接线的变压器架构\" width=\"480\" \u002F>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Cstrong>RAG 技术架构图\u003C\u002Fstrong>\u003Cbr \u002F>\n      \u003Cp>\u003Cstrong>提示：\u003C\u002Fstrong>为\u003Cstrong>聊天应用\u003C\u002Fstrong>生成一个RAG架构图。使用连接图来展示数据摄取过程。\u003C\u002Fp>\n      \u003Cimg src=\".\u002Fpublic\u002Frag_prod.svg\" alt=\"RAG 架构图\" width=\"480\" \u002F>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Cstrong>使用 React 和 AWS 的认证流程\u003C\u002Fstrong>\u003Cbr \u002F>\n      \u003Cp>\u003Cstrong>提示：\u003C\u002Fstrong>使用 React 和\u003Cstrong>AWS\u003C\u002Fstrong>生成一个认证流程图。采用无服务器架构。\u003C\u002Fp>\n      \u003Cimg src=\".\u002Fpublic\u002Fauth.svg\" alt=\"认证架构图\" width=\"480\" \u002F>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Cstrong>开放式创新\u003C\u002Fstrong>\u003Cbr \u002F>\n      \u003Cp>\u003Cstrong>提示：\u003C\u002Fstrong>请为我制作亨利·切斯布罗的开放式创新模型的可视化图。\u003C\u002Fp>\n      \u003Cimg src=\".\u002Fpublic\u002Finno.svg\" alt=\"开放式创新图\" width=\"480\" \u002F>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"50%\" valign=\"top\">\n      \u003Cstrong>猫咪草图\u003C\u002Fstrong>\u003Cbr \u002F>\n      \u003Cp>\u003Cstrong>提示：\u003C\u002Fstrong>帮我画一只可爱的小猫吧。\u003C\u002Fp>\n      \u003Cimg src=\".\u002Fpublic\u002Fcat_demo.svg\" alt=\"猫咪绘画\" width=\"240\" \u002F>\n    \u003C\u002Ftd)\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n## 特性\n\n-   **LLM 驱动的图表创建**：利用大型语言模型，直接通过自然语言命令创建和操作 draw.io 图表。\n-   **基于图像的图表复制**：上传现有图表或图片，让 AI 自动复制并增强它们。\n-   **PDF 和文本文件上传**：上传 PDF 文档和文本文件，提取内容并从现有文档中生成图表。\n-   **AI 推理过程显示**：对于支持的模型（如 OpenAI o1\u002Fo3、Gemini、Claude 等），可以查看 AI 的思考过程。\n-   **图表历史记录**：全面的版本控制功能，跟踪所有更改，允许您查看和恢复 AI 编辑之前的图表版本。\n-   **交互式聊天界面**：与 AI 沟通，实时优化您的图表。\n-   **云架构图支持**：专门支持生成云架构图（AWS、GCP、Azure）。\n-   **动画连接线**：在图表元素之间创建动态且带动画效果的连接线，以获得更好的可视化效果。\n\n## MCP 服务器\n\n通过 MCP（模型上下文协议）, 可以将 Next AI Draw.io 与 Claude Desktop、Cursor 和 VS Code 等 AI 助手一起使用。\n\n```json\n{\n  \"mcpServers\": {\n    \"drawio\": {\n      \"command\": \"npx\",\n      \"args\": [\"@next-ai-drawio\u002Fmcp-server@latest\"]\n    }\n  }\n}\n```\n\n### Claude Code CLI\n\n```bash\nclaude mcp add drawio -- npx @next-ai-drawio\u002Fmcp-server@latest\n```\n\n然后您可以要求 Claude 创建图表：\n> “创建一个展示用户认证流程的流程图，包括登录、MFA 和会话管理。”\n\n图表会实时出现在您的浏览器中！\n\n有关 VS Code、Cursor 等客户端配置，请参阅 [MCP 服务器 README](.\u002Fpackages\u002Fmcp-server\u002FREADME.md)。\n\n## 开始使用\n\n### 在线试用\n\n无需安装！直接在我们的演示网站上试用该应用：\n\n[![在线演示](.\u002Fpublic\u002Flive-demo-button.svg)](https:\u002F\u002Fnext-ai-drawio.jiang.jp\u002F)\n\n\n\n> **自备 API 密钥**：您可以使用自己的 API 密钥来绕过演示站点的使用限制。点击聊天面板中的设置图标，即可配置您的提供商和 API 密钥。您的密钥仅存储在本地浏览器中，绝不会存储在服务器上。\n\n### 桌面应用\n\n从 [发布页面](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases) 下载适用于您平台的原生桌面应用：\n\n支持的平台：Windows、macOS、Linux。\n\n### 使用 Docker 运行\n\n[前往 Docker 指南](.\u002Fdocs\u002Fen\u002Fdocker.md)\n\n### 安装\n\n1. 克隆仓库：\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\ncd next-ai-draw-io\nnpm install\ncp env.example .env.local\n```\n\n有关每个提供商的详细设置说明，请参阅 [提供商配置指南](.\u002Fdocs\u002Fen\u002Fai-providers.md)。\n\n2. 运行开发服务器：\n\n```bash\nnpm run dev\n```\n\n3. 在浏览器中打开 [http:\u002F\u002Flocalhost:6002](http:\u002F\u002Flocalhost:6002) 即可看到应用程序。\n\n## 部署\n\n### 部署到 EdgeOne Pages\n\n您可以使用 [腾讯 EdgeOne Pages](https:\u002F\u002Fpages.edgeone.ai\u002F) 一键部署。\n\n通过此按钮进行部署：\n\n[![Deploy to EdgeOne Pages](https:\u002F\u002Fcdnstatic.tencentcs.com\u002Fedgeone\u002Fpages\u002Fdeploy.svg)](https:\u002F\u002Fedgeone.ai\u002Fpages\u002Fnew?repository-url=https%3A%2F%2Fgithub.com%2FDayuanJiang%2Fnext-ai-draw-io)\n\n更多详情请参阅 [腾讯 EdgeOne Pages 文档](https:\u002F\u002Fpages.edgeone.ai\u002Fdocument\u002Fdeployment-overview)。\n\n此外，通过腾讯 EdgeOne Pages 部署还将为您提供 [DeepSeek 模型的每日免费配额](https:\u002F\u002Fpages.edgeone.ai\u002Fdocument\u002Fedge-ai)。\n\n### 在 Vercel 上部署\n\n[![Deploy with Vercel](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FDayuanJiang_next-ai-draw-io_readme_a4c0f8073a9c.png)](https:\u002F\u002Fvercel.com\u002Fnew\u002Fclone?repository-url=https%3A%2F%2Fgithub.com%2FDayuanJiang%2Fnext-ai-draw-io)\n\n最简单的部署方式是使用 Next.js 的创建者 [Vercel](https:\u002F\u002Fvercel.com\u002Fnew)。请务必在 Vercel 控制台中像在本地 `.env.local` 文件中一样 **设置环境变量**。\n\n更多详情请参阅 [Next.js 部署文档](https:\u002F\u002Fnextjs.org\u002Fdocs\u002Fapp\u002Fbuilding-your-application\u002Fdeploying)。\n\n### 在 Cloudflare Workers 上部署\n\n[前往 Cloudflare 部署指南](.\u002Fdocs\u002Fen\u002Fcloudflare-deploy.md)\n\n\n\n## 多提供商支持\n\n-   字节跳动 DouBao (Doubao)\n-   AWS Bedrock（默认）\n-   OpenAI\n-   Anthropic\n-   Google AI\n-   Google Vertex AI\n-   Azure OpenAI\n-   Ollama\n-   OpenRouter\n-   DeepSeek\n-   SiliconFlow\n-   ModelScope\n-   SGLang\n-   Vercel AI Gateway\n\n\n除 AWS Bedrock 和 OpenRouter 外，所有提供商均支持自定义端点。\n\n📖 **[详细提供商配置指南](.\u002Fdocs\u002Fen\u002Fai-providers.md)** - 查看各提供商的设置说明。\n\n### 服务器端多模型配置\n\n管理员可以配置多个对所有用户可用的服务器端模型，而无需个人 API 密钥。可通过 `AI_MODELS_CONFIG` 环境变量（JSON 字符串）或 `ai-models.json` 文件进行配置。\n\n**模型要求**：此任务需要强大的模型能力，以生成具有严格格式约束（draw.io XML）的长文本。推荐的模型包括 Claude Sonnet 4.5、GPT-5.1、Gemini 3 Pro 以及 DeepSeek V3.2\u002FR1。\n\n请注意，`claude` 系列模型曾接受过 draw.io 图表训练，其中包括 AWS、Azure、GCP 等云架构标志。因此，如果您希望创建云架构图，这是最佳选择。\n\n\n## 工作原理\n\n该应用使用以下技术：\n\n-   **Next.js**：用于前端框架和路由\n-   **Vercel AI SDK** (`ai` + `@ai-sdk\u002F*`)：用于流式传输 AI 响应及多提供商支持\n-   **react-drawio**：用于图表的表示与操作\n\n图表以可在 draw.io 中渲染的 XML 格式表示。AI 会处理您的指令，并相应地生成或修改此 XML。\n\n\n## 支持与联系\n\n**特别感谢 [字节跳动 DouBao](https:\u002F\u002Fwww.volcengine.com\u002Factivity\u002Fcodingplan?ac=MMAP8JTTCAQ2&rc=Z9Z3LDTJ&utm_campaign=drawio&utm_content=drawio&utm_medium=devrel&utm_source=OWO&utm_term=drawio) 对演示站点 API Token 使用的赞助！** 在 ARK 平台上注册即可获得所有模型的 50 万次免费调用额度！\n\n如果您觉得这个项目很有用，请考虑 [赞助](https:\u002F\u002Fgithub.com\u002Fsponsors\u002FDayuanJiang)，以帮助我托管实时演示站点！\n\n如需支持或咨询，请在 GitHub 仓库中提交问题，或联系维护者：\n\n-   邮箱：me[at]jiang.jp\n\n## 常见问题解答\n\n常见问题及解决方案请参阅 [FAQ](.\u002Fdocs\u002Fen\u002FFAQ.md)。\n\n## 星标历史\n\n[![星标历史图表](https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FDayuanJiang_next-ai-draw-io_readme_9eea0fda6b4f.png)](https:\u002F\u002Fwww.star-history.com\u002F#DayuanJiang\u002Fnext-ai-draw-io?type=date&legend=top-left)\n\n---","# Next AI Draw.io 快速上手指南\n\nNext AI Draw.io 是一款基于 Next.js 的开源工具，支持通过自然语言对话创建、修改和增强 draw.io 流程图。它集成了多种大模型（如 Doubao、Claude、GPT 等），可将文本描述直接转换为专业的架构图或示意图。\n\n## 环境准备\n\n在开始之前，请确保您的开发环境满足以下要求：\n\n*   **操作系统**：Windows, macOS, 或 Linux\n*   **Node.js**：建议安装 LTS 版本 (推荐 v18.x 或更高)\n*   **包管理器**：npm 或 pnpm\n*   **API Key**：准备一个大模型服务商的 API Key（项目默认支持字节跳动豆包、AWS Bedrock、OpenAI、DeepSeek 等）。\n    *   *国内开发者推荐*：可使用 [字节跳动豆包 (Doubao)](https:\u002F\u002Fwww.volcengine.com\u002Factivity\u002Fcodingplan) 或 [DeepSeek](https:\u002F\u002Fplatform.deepseek.com\u002F)，注册即可获得免费额度。\n\n## 安装步骤\n\n### 1. 克隆项目\n打开终端，执行以下命令获取源代码：\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\ncd next-ai-draw-io\n```\n\n### 2. 安装依赖\n安装项目所需的 Node.js 依赖包：\n\n```bash\nnpm install\n```\n\n### 3. 配置环境变量\n复制示例配置文件并创建本地环境变量文件：\n\n```bash\ncp env.example .env.local\n```\n\n编辑 `.env.local` 文件，填入您的 API Key 和选定的模型提供商。例如，若使用字节跳动豆包或 OpenAI 兼容接口：\n\n```env\n# 示例：配置 API Key (具体变量名请参考 env.example 或文档)\nOPENAI_API_KEY=your_api_key_here\nOPENAI_BASE_URL=https:\u002F\u002Fapi.doubao.com\u002Fv1 # 如果使用豆包或其他兼容接口\nNEXT_PUBLIC_DEFAULT_MODEL=glm-4-flash # 根据实际选择的模型填写\n```\n\n> **提示**：详细的各厂商配置指南可参考项目内的 `docs\u002Fen\u002Fai-providers.md`。\n\n### 4. 启动开发服务器\n运行以下命令启动应用：\n\n```bash\nnpm run dev\n```\n\n启动成功后，在浏览器中访问：**[http:\u002F\u002Flocalhost:6002](http:\u002F\u002Flocalhost:6002)**\n\n## 基本使用\n\n启动应用后，您将看到一个集成的聊天与绘图界面。以下是三种最核心的使用方式：\n\n### 1. 自然语言生成图表\n在对话框中输入您的需求，AI 将自动生成 draw.io XML 并渲染出图表。\n\n*   **示例提示词**：\n    > \"Generate a RAG architecture diagram for chat application. Use connected diagram for data ingestion\"\n    > （为聊天应用生成一个 RAG 架构图，数据摄入部分使用连接图表示）\n\n*   **示例提示词**：\n    > \"Create a flowchart showing user authentication with login, MFA, and session management\"\n    > （创建一个包含登录、多因素认证和会话管理的用户认证流程图）\n\n### 2. 图片\u002F文件上传复刻\n您可以直接上传现有的流程图截图、PDF 文档或文本文件。\n*   **操作**：点击输入框旁的上传按钮，选择文件。\n*   **效果**：AI 会分析文件内容，自动复刻并重绘为可编辑的 draw.io 图表，或基于文档内容生成新的架构图。\n\n### 3. 交互式修改\n生成图表后，您可以继续通过对话进行微调。\n*   **示例**：\n    > \"Change the database icon to AWS RDS style and add an animated connector between API and Database.\"\n    > （将数据库图标改为 AWS RDS 风格，并在 API 和数据库之间添加动态连接线。）\n\n### 其他运行方式\n如果不希望本地安装，也可以选择以下方式：\n*   **在线体验**：访问 [Live Demo](https:\u002F\u002Fnext-ai-drawio.jiang.jp\u002F)（支持在设置中填入自己的 API Key 以解除限制）。\n*   **桌面客户端**：前往 [Releases 页面](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases) 下载 Windows\u002FmacOS\u002FLinux 原生应用。\n*   **Docker 运行**：参考项目根目录下的 `docs\u002Fen\u002Fdocker.md` 指南。","某初创公司的后端架构师正在向非技术背景的投资人汇报，急需在会议前快速将复杂的微服务交互逻辑转化为直观的架构图。\n\n### 没有 next-ai-draw-io 时\n- **绘图耗时过长**：需要在 draw.io 中手动拖拽每一个方框和连线，调整对齐和样式往往花费数小时，严重压缩了梳理逻辑的时间。\n- **修改成本高昂**：投资人临时提出“增加一个缓存层”或“改为无服务器架构”，意味着要重新布局整个画布，极易打乱原有结构。\n- **沟通存在壁垒**：口头描述的技术细节难以实时转化为视觉图像，导致会议中反复解释仍无法达成视觉共识。\n- **美观度难保证**：非设计出身的开发者画出的图表往往线条杂乱、风格不统一，影响专业演示效果。\n\n### 使用 next-ai-draw-io 后\n- **自然语言即绘**：直接输入“生成基于 React 和 AWS 的无服务器认证流程图”，next-ai-draw-io 瞬间自动生成结构清晰、连线准确的完整架构图。\n- **指令即时迭代**：面对变更需求，只需追加命令“在数据库前加入 Redis 缓存层”，next-ai-draw-io 自动完成节点插入与布局重排，无需手动调整。\n- **所见即所得的协作**：在演示现场根据反馈实时修改提示词，next-ai-draw-io 立即呈现新方案，让技术构想与视觉呈现同步更新。\n- **智能美化输出**：next-ai-draw-io 内置的 AI 视觉优化能力自动处理配色与间距，直接产出达到出版级质量的矢量图。\n\nnext-ai-draw-io 将原本需要数小时的绘图工作缩短为分钟级的对话交互，让技术人员能专注于逻辑本身而非绘图工具的操作。","https:\u002F\u002Foss.gittoolsai.com\u002Fimages\u002FDayuanJiang_next-ai-draw-io_7e020eab.png","DayuanJiang","Dayuan Jiang","https:\u002F\u002Foss.gittoolsai.com\u002Favatars\u002FDayuanJiang_382e3131.jpg",null,"Tokyo","www.jiang.jp","https:\u002F\u002Fgithub.com\u002FDayuanJiang",[82,86,90,94,98],{"name":83,"color":84,"percentage":85},"TypeScript","#3178c6",93.5,{"name":87,"color":88,"percentage":89},"JavaScript","#f1e05a",4.7,{"name":91,"color":92,"percentage":93},"CSS","#663399",1.2,{"name":95,"color":96,"percentage":97},"HTML","#e34c26",0.4,{"name":99,"color":100,"percentage":101},"Dockerfile","#384d54",0.1,27470,2898,"2026-04-19T10:20:17","Apache-2.0","Windows, macOS, Linux","未说明",{"notes":109,"python":107,"dependencies":110},"该项目为基于 Next.js 的 Web 应用，主要通过 npm\u002Fnodejs 运行，支持 Docker 部署及桌面客户端下载。无需本地 GPU，AI 推理依赖外部 API（如 AWS Bedrock, OpenAI, Claude 等）。推荐使用具备强逻辑和长文本生成能力的模型（如 Claude Sonnet, GPT-4\u002F5, Gemini 等）以生成准确的 draw.io XML 代码。",[111,112,113,114],"Next.js 16.x","React 19.x","Vercel AI SDK","react-drawio",[15,13,14],[117,118,119],"ai","diagrams","productivity","2026-03-27T02:49:30.150509","2026-04-20T04:05:09.858855",[123,128,133,138,143,148],{"id":124,"question_zh":125,"answer_zh":126,"source_url":127},43588,"在 Windows 环境下使用 Claude Code 无法连接 MCP 服务器怎么办？","可以尝试手动执行调试命令查看具体错误：`DEBUG=true npx @next-ai-drawio\u002Fmcp-server@latest`。如果是因为权限或缓存问题，可能需要添加 `sudo`（Linux\u002FMac）或清理 npm 缓存。清理缓存的命令为：`sudo npm cache clean --force`（Windows 用户可使用 `npm cache clean --force`）。","https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Fissues\u002F287",{"id":129,"question_zh":130,"answer_zh":131,"source_url":132},43589,"自建大模型（如 Qwen）只输出思考过程而不生成图表，如何解决？","这通常是因为自建模型未开启 Tool Calling 功能。如果使用 Vllm 部署，需要在启动参数中显式启用自动工具选择和解析器，例如：`python -m vllm.entrypoints.openai.api_server --model Qwen\u002FQwen3-32B --enable-auto-tool-choice --tool-call-parser hermes`。此外，建议检查模型输出格式是否符合 OpenAI 标准。","https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Fissues\u002F269",{"id":134,"question_zh":135,"answer_zh":136,"source_url":137},43590,"为什么上传的图片无法被读取用于生成图表？","部分模型提供商（如 Kimi）目前不支持图片输入功能，导致无法读取图片。系统已更新提示逻辑，当使用不支持图片的模型（如 Kimi、DeepSeek 旧版本等）时会有相应提示。建议更换为支持多模态输入的模型（如 Qwen-VL 等）或检查图片格式与大小是否合规。","https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Fissues\u002F469",{"id":139,"question_zh":140,"answer_zh":141,"source_url":142},43591,"如何对 Draw.io 的 UI 界面进行二次开发或自定义？","由于 Draw.io 本身不是完全开源的（使用的是嵌入式版本），无法直接修改其源码中的 UI 部分。本项目通过 Draw.io 暴露的 API 与其交互。如果需要对画布进行深度定制和修改，建议考虑使用 `excalidraw`，因为它是一个 React 库，可以像普通组件一样自由修改和集成。","https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Fissues\u002F697",{"id":144,"question_zh":145,"answer_zh":146,"source_url":147},43592,"Docker 部署后点击发送按钮没有反应，可能是什么原因？","这通常是由于环境变量配置错误或后端服务未正确连接导致的。请检查 `docker-compose.yml` 中的 `NEXT_PUBLIC_DRAWIO_BASE_URL` 是否指向了正确的 Draw.io 服务地址，并确保 `.env` 文件中配置了有效的 AI Provider 和 API Key。同时确认容器间的网络依赖（depends_on）已正确设置，且防火墙未阻挡相关端口（如 3000 和 8080）。","https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Fissues\u002F351",{"id":149,"question_zh":150,"answer_zh":151,"source_url":132},43593,"如何在界面上删除已添加的模型提供商配置？","删除按钮原本位于模型面板下方，容易被忽略。最新的更新（PR #412）已将删除按钮移动到了更显眼的位置（通常在模型列表项的上方或右侧）。如果在旧版本中找不到，请尝试升级到最新版本，或者直接在配置文件中手动移除对应的提供商条目。",[153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233],{"id":154,"version":155,"summary_zh":156,"released_at":157},343206,"v0.4.15","## v0.4.15 新增内容\n\n### 新功能\n\n- **个人模板库**：在快速示例之外新增了个人模板库，用于保存和重复使用图表模板 (#773)\n- **XML+SVG 导出**：为图表新增 xmlsvg 导出选项 (#761)\n- **Linux RPM 包**：为 Linux 发行版添加了 electron-builder 的 rpm 构建目标 (#806)\n\n### 改进\n\n- **工具演示更新**：更新了英文“关于”页面上的工具演示 (#598)\n- **MCP 工具说明**：改进了 create_new_diagram 工具的说明，以防止误用 (#803)\n- **聊天大厅面板**：聊天大厅将显示所有已启用的面板，而不仅仅是模板 (#802)\n\n### 错误修复\n\n- **QvQ 视觉模型支持**：允许 QvQ（通义视觉问答）模型使用图像输入 (#808)\n- **通义千问 3.5 视觉模型支持**：允许通义千问 3.5 模型使用图像输入 (#800)\n- **CPU 使用优化**：降低大型 XML 流式传输时的 CPU 占用率 (#801)\n- **撤销\u002F重做恢复**：移除自动保存后多余的状态调用，以正确恢复撤销\u002F重做功能 (#780)\n- **MCP 安全性——仅绑定到 localhost**：将 MCP 服务器的 HTTP 服务仅绑定到 127.0.0.1 (#787)\n- **MCP 安全性——请求体大小限制**：为 MCP HTTP 端点添加 10MB 请求体大小限制 (#791)\n- **缩放与 IndexedDB 修复**：修复拖动时缩放重置问题以及 IndexedDB 版本冲突问题 (#776)\n- **系统消息合并**：为自定义的 OpenAI 兼容端点合并系统消息 (#774)\n- **依赖项更新**：更新了次要和补丁级别的依赖项 (#767)\n\n### 开发者体验\n\n- **移除 MCP 预览标签**：清理了用户界面中的 MCP 预览标签 (#790)\n- **Electron 构建改进**：始终在 Electron 构建中捆绑最新版本的 draw.io (#792)\n- **贡献指南**：在 CONTRIBUTING.md 中添加了 AI 工具相关指南 (#771)\n\n### 贡献者\n\n- @astordu\n- @DayuanJiang\n- @khanhthanhdev\n- @octo-patch\n- @yuzhichang\n- @zongxi1115\n\n### 下载\n\n| 平台 | 文件 | 备注 |\n|----------|------|-------|\n| macOS (Intel) | [Next-AI-Draw.io-0.4.15.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.15\u002FNext-AI-Draw.io-0.4.15.dmg) | |\n| macOS (Apple Silicon) | [Next-AI-Draw.io-0.4.15-arm64.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.15\u002FNext-AI-Draw.io-0.4.15-arm64.dmg) | |\n| Windows (安装程序) | [Next.AI.Draw.io.Setup.0.4.15.exe](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.15\u002FNext.AI.Draw.io.Setup.0.4.15.exe) | 推荐使用——安装至 Program Files 目录，并支持自动更新 |\n| Windows (便携版) | [Next.AI.Draw.io.0.4.15.exe](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.15\u002FNext.AI.Draw.io.0.4.15.exe) | 无需安装，直接运行即可 |\n| Linux (AppImage) | [Next-AI-Draw.io-0.4.15.AppImage](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.15\u002FNext-AI-Draw.io-0.4.15.AppImage) | |\n| Linux (deb) | [next-ai-draw-io_0.4.15_amd64.deb](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.15\u002Fnext-ai-draw-io_0.4.15_amd64.deb) | |\n| Linux (rpm) | [n","2026-04-14T15:01:02",{"id":159,"version":160,"summary_zh":161,"released_at":162},343207,"v0.4.14","## v0.4.14 新增内容\n\n### 新功能\n\n- **Novita AI 提供商**：新增 Novita AI 作为新的大模型提供商，支持与 OpenAI 兼容的 API 和开源模型 (#758)\n\n### 改进\n\n- **GLM 视觉模型检查**：增加了对 GLM 文本和视觉模型命名规范的检查 (#741)\n- **MiniMax M2.7 模型**：将 MiniMax 默认模型升级为 M2.7 高速版本 (#737)\n\n### 错误修复\n\n- **MCP 服务器 CORS 安全性**：将 CORS 限制为仅同源访问，防止外部站点访问 MCP 服务器 (#757)\n- **设置对话框溢出**：修复了在细滚动条样式下设置对话框溢出视口的问题 (#743)\n- **Windows\u002FLinux 上 Electron 启动问题**：解决了因端口冲突导致的 Windows 和 Linux 上 Electron 启动失败问题 (#709)\n- **IndexedDB 恢复**：修复了 IDB 关闭后的恢复问题，并在刷新后恢复仅包含图表的会话 (#648)\n\n### 开发者体验\n\n- **CI 清理**：移除了 CI 中阻塞无关 PR 的 `npm audit` 步骤 (#744)\n\n### 贡献者\n\n- @Alex-wuhu\n- @Biki-dev\n- @DayuanJiang\n- @octo-patch\n- @sbilly\n\n### 下载\n\n| 平台 | 文件 | 备注 |\n|----------|------|-------|\n| macOS (Intel) | [Next-AI-Draw.io-0.4.14.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.14\u002FNext-AI-Draw.io-0.4.14.dmg) | |\n| macOS (Apple Silicon) | [Next-AI-Draw.io-0.4.14-arm64.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.14\u002FNext-AI-Draw.io-0.4.14-arm64.dmg) | |\n| Windows (安装程序) | [Next.AI.Draw.io.Setup.0.4.14.exe](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.14\u002FNext.AI.Draw.io.Setup.0.4.14.exe) | 推荐使用 - 安装到 Program Files 目录，自动更新 |\n| Windows (便携版) | [Next.AI.Draw.io.0.4.14.exe](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.14\u002FNext.AI.Draw.io.0.4.14.exe) | 无需安装，直接运行 |\n| Linux (AppImage) | [Next-AI-Draw.io-0.4.14.AppImage](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.14\u002FNext-AI-Draw.io-0.4.14.AppImage) | |\n| Linux (deb) | [next-ai-draw-io_0.4.14_amd64.deb](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.14\u002Fnext-ai-draw-io_0.4.14_amd64.deb) | |\n\n> ⚠️ **注意**：该应用在 macOS 上未进行代码签名。您可能会看到安全警告：\n> - **macOS**：“应用已损坏” → 右键点击应用 → 打开 → 打开，或运行：`sudo xattr -rd com.apple.quarantine \"\u002FApplications\u002FNext AI Draw.io.app\"`\n> - **Windows**：现已使用 SignPath 进行代码签名！\n\n---\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Fcompare\u002Fv0.4.13...v0.4.14","2026-03-30T12:39:55",{"id":164,"version":165,"summary_zh":166,"released_at":167},343208,"v0.4.13","## v0.4.13 新增内容\n\n### 新功能\n\n- **中文AI提供商支持**：新增对MiniMax、GLM（智谱）、通义千问（阿里云）、Kimi（月之暗面）和七牛AI等提供商的支持 (#722)\n- **自定义系统消息**：新增自定义系统消息设置，用于AI个性化 (#728)\n- **API密钥负载均衡**：为各提供商新增API密钥负载均衡功能 (#676)\n- **Material Design图标**：新增Material Design Icons形状库 (#688)\n- **MCP PNG\u002FSVG导出**：在MCP服务器中新增PNG\u002FSVG导出功能 (#687)\n- **停止按钮**：新增停止按钮，用于取消AI生成任务 (#660)\n\n### 改进\n\n- **Ollama Cloud支持**：新增Ollama Cloud支持，并提供Base URL和API Key配置选项 (#692)\n- **客户端自定义Ollama Base URL**：支持由客户端提供Ollama的Base URL (#664)\n- **通义千问3.5 Plus视觉模型**：新增对通义千问3.5-plus视觉模型的支持 (#706)\n- **Kimi K2.5图像支持**：为Kimi K2.5模型启用图像支持 (#670)\n- **繁体中文本地化**：新增繁体中文（zh-Hant）本地化支持 (#650)\n- **语言感知响应**：新增基于语言的响应规则，并提供英文回退机制 (#641)\n- **API密钥可发现性**：在设置对话框中新增“API密钥与模型”链接，以提升可发现性 (#645)\n- **固定模型配置按钮**：将模型配置按钮固定在模型选择器底部 (#665)\n- **可点击的“显示未验证模型”**：使“显示未验证模型”变为可点击项 (#680)\n- **模型选择器阴影效果**：优化了条件性模型选择器的阴影逻辑 (#681)\n- **自托管配额弹窗**：针对自托管场景，关闭了配额弹窗中的部分功能 (#703)\n\n### 修复\n\n- **PDF URL错误处理**：在内容提取中，对PDF URL返回清晰的错误信息 (#694)\n- **Biome CI模式错误**：消除了“biome ci”命令中出现的虚假Biome模式版本错误 (#716)\n- **CVE漏洞修复**：修复了CVE-2026-26278和CVE-2026-25896漏洞 (#707)\n- **带Basepath的路径处理**：修复了带有Basepath的路径处理问题 (#657)\n- **缺失的繁体中文翻译**：在zh-Hant.json中添加了缺失的翻译键 (#659)\n- **Electron Beforeunload提示**：恢复了之前的beforeunload提示修复 (#646)\n- **依赖更新**：更新了次要和补丁级别的依赖包 (#671, #667, #668, #723)\n\n### 贡献者\n\n- @bnevis-i\n- @broBinChen\n- @DayuanJiang\n- @ElshadHu\n- @Gideon1107\n- @kyyril\n- @marvikomo\n- @MISAKIGA\n- @shibamudi\n- @Subhajeetch\n- @tuoxie2046\n- @vishakha1411\n- @walker83\n\n### 下载\n\n| 平台 | 文件 | 备注 |\n|----------|------|-------|\n| macOS (Intel) | [Next-AI-Draw.io-0.4.13.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.13\u002FNext-AI-Draw.io-0.4.13.dmg) | |\n| macOS (Apple Silicon) | [Next-AI-Draw.io-0.4.13-arm64.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.13\u002FNext-AI-Draw.io-0.4.13-arm64.dmg) | |\n| Windows (安装程序) | [Next.AI.Draw.io.Setup.0.4.13.exe](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.13\u002FNext.AI.Draw.io.Setup.0.4.13.exe) | 推荐","2026-03-07T13:39:08",{"id":169,"version":170,"summary_zh":171,"released_at":172},343209,"v0.4.12","## v0.4.12 版本更新内容\n\n### 新功能\n\n- **桌面应用支持离线 draw.io**：Electron 桌面应用现已内置 draw.io（v29.3.5），实现离线使用——无需互联网连接即可编辑图表（#629）\n- **基于 VLM 的图表验证**：新增使用视觉语言模型对 AI 生成的图表进行可视化验证，并在验证失败时自动重试（最多 3 次）（#602）\n\n### Bug 修复\n\n- **MCP 自动重定向**：修复了在未携带会话参数的情况下访问 MCP 服务器 URL 时出现的“无会话”无限加载提示问题——现可自动重定向至当前活跃会话（#634）\n- **Bedrock 用户配额绕过**：修复了拥有自有 Bedrock 凭证的用户仍受配额限制的问题（#621）\n- **提供者选择边框**：修复了在模型配置对话框中选择提供者时，边框渲染不完整的问题（#617）\n- **安全更新**：将 wrangler 升级至 ^4.60.0，以修复 CVE-2026-0933（命令注入漏洞）（#628）\n\n### 功能改进\n\n- **MCP UI 现代化**：更新了 MCP 服务器的 UI，添加了项目 logo、带有背景模糊效果的现代对话框样式、动画效果以及 DM Sans 字体（#636）\n- **基础 URL 提示**：在基础 URL 输入框中增加了 URL 格式提示，显示各提供者的示例 URL，帮助用户理解所需格式（#603）\n- **聊天中可折叠的 URL 内容**：提取出的 URL 内容块现可折叠，与文件上传类似，避免长文本挤占聊天记录（#616）\n\n### 贡献者\n\n- @Biki-dev\n- @broBinChen\n- @DayuanJiang\n- @Gideon1107\n- @tuoxie2046\n\n### 下载链接\n\n| 平台         | 文件                           | 备注           |\n|--------------|--------------------------------|----------------|\n| macOS (Intel) | [Next-AI-Draw.io-0.4.12.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.12\u002FNext-AI-Draw.io-0.4.12.dmg) |                |\n| macOS (Apple Silicon) | [Next-AI-Draw.io-0.4.12-arm64.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.12\u002FNext-AI-Draw.io-0.4.12-arm64.dmg) |                |\n| Windows (安装程序) | [Next.AI.Draw.io.Setup.0.4.12.exe](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.12\u002FNext.AI.Draw.io.Setup.0.4.12.exe) | 推荐使用——安装至 Program Files 目录，支持自动更新 |\n| Windows (便携版) | [Next.AI.Draw.io.0.4.12.exe](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.12\u002FNext.AI.Draw.io.0.4.12.exe) | 无需安装，直接运行 |\n| Linux (AppImage) | [Next-AI-Draw.io-0.4.12.AppImage](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.12\u002FNext-AI-Draw.io-0.4.12.AppImage) |                |\n| Linux (deb 包) | [next-ai-draw-io_0.4.12_amd64.deb](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.12\u002Fnext-ai-draw-io_0.4.12_amd64.deb) |                |\n\n> ⚠️ **注意**：该应用在 macOS 上未进行代码签名。您可能会看到以下安全警告：\n> - **macOS**：“应用已损坏” → 右键点击应用 → 打开 → 打开，或执行命令：`sudo xattr -rd com.apple.quarantine \"\u002FApplications\u002FNext AI Draw.io.app\"`\n> - **Windows**：现已使用 SignPath 进行代码签名！\n\n---\n\n**Ful","2026-01-24T10:28:02",{"id":174,"version":175,"summary_zh":176,"released_at":177},343210,"v0.4.11","## v0.4.11 新增内容\n\n### 新功能\n\n- **服务器端多提供商\u002F模型支持**：管理员可在服务器端配置多个 AI 模型，供所有用户使用，无需个人 API 密钥。支持通过环境变量或配置文件进行设置，并新增 `\u002Fapi\u002Fserver-models` 端点 (#583)\n- **Google Cloud Vertex AI**：新增 Vertex AI 提供商，采用 GCP 服务账号认证，无需 API 密钥 (#574)\n- **Enter\u002FCtrl+Enter 发送设置**：在聊天中可选择使用 Enter 或 Ctrl+Enter 发送消息 (#550)\n- **Electron 菜单国际化**：Electron 桌面菜单现可根据系统语言自动显示为英语、中文或日语 (#596)\n\n### Bug 修复\n\n- **编辑图表 JSON 解析**：修复了 edit_diagram JSON 中引号转义不一致的问题，LLM 生成的模式如 `y=\"-20\\\"` 会导致 JSON 解析失败 (#601)\n- **反向代理私有 URL 支持**：新增 `ALLOW_PRIVATE_URLS` 环境变量（默认为 `true`），允许自托管反向代理环境中使用 localhost 和私有 IP 地址 (#600)\n- **创建后立即编辑 MCP**：修复了在调用 `create_new_diagram` 后立即调用 `edit_diagram` 时出现的错误“必须先调用 get_diagram” (#595)\n- **OpenTelemetry 依赖**：添加了 langfuse.ts 所需的缺失依赖 `@opentelemetry\u002Fapi` (#592)\n- **API 密钥隔离**：修复了用户提供的 API 密钥被错误地发送到服务器自定义代理端点，导致“API 密钥格式错误”问题的 bug (#578)\n- **Electron 暗色模式图标**：通过在 Electron 构建过程中复制 `public\u002F` 文件夹，修复了暗色模式下 logo 显示异常的问题 (#545)\n- **SiliconFlow 端点**：随着 SiliconFlow 迁移到新域名并启用全球流量管理器，已将默认端点从 `.com` 更新为 `.cn` (#543)\n- **Electron macOS arm64 构建**：通过在构建脚本中正确解析符号链接，修复了代码签名失败的问题 (#609, #610)\n\n### 改进\n\n- **禁用空画布保存**：当图表画布为空时，保存按钮将被禁用，以防止保存无意义的文件 (#591)\n- **输入框自动聚焦**：点击“开始全新聊天”后，聊天输入框会自动获得焦点 (#586)\n- **移除关闭保护开关**：从设置中移除了冗余的“关闭保护”开关 (#573)\n- **现代化滚动条**：为输入字段采用了更细、更简洁的滚动条设计 (#538)\n\n### 文档\n\n- **FAQ 文档**：新增了英文、中文和日文版的 FAQ 文档，内容涵盖 PDF 导出、离线部署、自托管模型以及图片上传问题 (#544, #546)\n\n### 贡献者\n\n- @Biki-dev\n- @broBinChen\n- @danqzq\n- @DayuanJiang\n- @ElshadHu\n- @maifeeulasad\n- @preettrank53\n- @tuoxie2046\n- @vishakha1411\n\n### 下载\n\n| 平台 | 文件 | 备注 |\n|----------|------|-------|\n| macOS (Intel) | [Next-AI-Draw.io-0.4.11.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.11\u002FNext-AI-Draw.io-0.4.11.dmg) | |\n| macOS (Apple Silicon) | [Next-AI-Draw.io-0.4.11-arm64.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv","2026-01-18T10:59:31",{"id":179,"version":180,"summary_zh":181,"released_at":182},343211,"v0.4.10","## v0.4.10 新增内容\n\n### 新功能\n\n- **URL 内容提取**：直接在聊天中从 URL 提取并分析内容 (#514)\n- **ModelScope 支持**：新增 ModelScope 作为新的 AI 提供商 (#521)\n- **代理设置**：可在桌面应用中为 API 请求配置 HTTP\u002FHTTPS 代理 (#537)\n- **Windows 代码签名**：为 Windows 版本添加 SignPath 代码签名 (#531)\n\n### Bug 修复\n\n- **URL 提取加载状态**：修复加载状态卡在失败的问题 (#524)\n- **Doubao 模型**：将 Doubao 多模态模型的提供商切换为 OpenAI (#519)\n- **子目录部署**：添加 NEXT_PUBLIC_BASE_PATH 构建参数 (#518)\n- **缺失依赖**：添加缺失的 nanoid 依赖 (#528)\n- **SignPath 配置**：为 SignPath 指定 artifact-configuration-slug (#533)\n\n### 优化改进\n\n- **测试基础设施**：引入 Vitest 和 Playwright 测试框架 (#512)\n- **MCP 服务器**：修复作者和仓库元数据问题 (#529)\n- **关于页面**：移除关于页面中的使用限制 (#520)\n\n### 贡献者\n\n- @Biki-dev\n- @broBinChen\n- @DayuanJiang\n- @yrk111222\n- @zhoujie0531\n\n### 下载链接\n\n| 平台 | 文件 | 备注 |\n|----------|------|-------|\n| macOS (Intel) | [Next-AI-Draw.io-0.4.10.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.10\u002FNext-AI-Draw.io-0.4.10.dmg) | |\n| macOS (Apple Silicon) | [Next-AI-Draw.io-0.4.10-arm64.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.10\u002FNext-AI-Draw.io-0.4.10-arm64.dmg) | |\n| Windows (安装程序) | [Next.AI.Draw.io.Setup.0.4.10.exe](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.10\u002FNext.AI.Draw.io.Setup.0.4.10.exe) | 推荐使用 - 安装到 Program Files 目录，支持自动更新 |\n| Windows (便携版) | [Next.AI.Draw.io.0.4.10.exe](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.10\u002FNext.AI.Draw.io.0.4.10.exe) | 无需安装，直接运行 |\n| Linux (AppImage) | [Next-AI-Draw.io-0.4.10.AppImage](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.10\u002FNext-AI-Draw.io-0.4.10.AppImage) | |\n| Linux (deb) | [next-ai-draw-io_0.4.10_amd64.deb](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.10\u002Fnext-ai-draw-io_0.4.10_amd64.deb) | |\n\n> ⚠️ **注意**：该应用在 macOS 上未进行代码签名。您可能会看到安全警告：\n> - **macOS**：“应用已损坏” → 右键点击应用 → 打开 → 打开，或运行：`sudo xattr -rd com.apple.quarantine \"\u002FApplications\u002FNext AI Draw.io.app\"`\n> - **Windows**：现已使用 SignPath 进行代码签名！\n\n---\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Fcompare\u002Fv0.4.9...v0.4.10","2026-01-09T02:00:34",{"id":184,"version":185,"summary_zh":186,"released_at":187},343212,"v0.4.9","## v0.4.9 新增内容\n\n### 新功能\n\n- **聊天会话历史**：新增使用 IndexedDB 持久化的聊天会话历史记录 (#500)\n\n### 问题修复\n\n- **保存面板修复**：移除 draw.io 原生的保存按钮，以避免出现重复对话框 (#507)\n- **聊天按钮**：在流式传输期间禁用新建聊天按钮，防止出现错误 (#501)\n- **MCP 加载指示器**：通过初始化空白会话状态来防止加载指示器卡住 (#494)\n- **提示消息位置**：将提示通知移动到左下角，以提升用户体验 (#489)\n- **Docker**：修复 `docker-compose.yml` 中无效的 YAML 语法 (#498)\n\n### 改进\n\n- **代码重构**：提取 `ToolCallCard` 和 `ChatLobby` 组件，使代码更整洁 (#502)\n- **保存反馈**：保存图表后显示成功提示 (#484)\n\n### 文档更新\n\n- **Cline MCP**：添加 Cline MCP 的配置说明 (#488)\n\n### 贡献者\n\n- @DayuanJiang\n- @RohitChavan16\n- @yupeng0512\n\n### 下载链接\n\n| 平台 | 文件 |\n|----------|------|\n| macOS (Intel) | [Next-AI-Draw.io-0.4.9.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.9\u002FNext-AI-Draw.io-0.4.9.dmg) |\n| macOS (Apple Silicon) | [Next-AI-Draw.io-0.4.9-arm64.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.9\u002FNext-AI-Draw.io-0.4.9-arm64.dmg) |\n| Windows | [Next-AI-Draw.io-Setup-0.4.9.exe](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.9\u002FNext-AI-Draw.io-Setup-0.4.9.exe) |\n| Linux (AppImage) | [Next-AI-Draw.io-0.4.9.AppImage](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.9\u002FNext-AI-Draw.io-0.4.9.AppImage) |\n| Linux (deb) | [next-ai-draw-io_0.4.9_amd64.deb](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.9\u002Fnext-ai-draw-io_0.4.9_amd64.deb) |\n\n> ⚠️ **注意**：该应用未进行代码签名。您可能会看到安全警告：\n> - **macOS**：“应用已损坏” → 右键点击应用 → 打开 → 打开，或运行：`sudo xattr -rd com.apple.quarantine \"\u002FApplications\u002FNext AI Draw.io.app\"`\n> - **Windows**：SmartScreen 警告 → 点击“更多信息” → “仍要运行”\n\n---\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Fcompare\u002Fv0.4.8...v0.4.9","2026-01-04T10:06:07",{"id":189,"version":190,"summary_zh":191,"released_at":192},343213,"v0.4.8","## v0.4.8 版本更新内容\n\n🎉 **新年快乐！** 本次发布主要聚焦于 bug 修复和体验优化。敬请期待下个版本，届时将带来 **会话历史功能**！\n\n---\n\n### 新特性\n\n- **EdgeOne Pages 提供者**：新增 EdgeOne Pages 作为 AI 提供者选项 (#456)\n- **工具调用复制功能**：为工具调用区块添加复制按钮 (#463)\n- **未验证模型切换开关**：在模型选择器中添加显示未验证模型的切换开关 (#413)\n- **MCP 私有部署**：为私有部署新增 DRAWIO_BASE_URL 环境变量 (#467)\n\n\n### Bug 修复\n\n- **加载闪烁修复**：使用占位符隐藏 Draw.io 加载闪烁，并防止示例面板短暂闪现 (#481, #482)\n- **页面恢复提速**：加快消息恢复速度，并在刷新时跳过面板动画 (#483)\n- **DeepSeek 图像错误改进**：提升 DeepSeek 对不支持图像类型的错误检测能力 (#474)\n- **MCP 优雅关闭**：增加优雅关闭机制以避免僵尸进程 (#477)\n- **级联删除**：在 edit_diagram 中实现子节点和边的级联删除 (#451)\n- **语言环境重定向**：通过 Next.js 中间件恢复语言环境重定向功能 (#462)\n- **深色模式 Logo 切换**：根据深色模式切换 Logo 文件 (#425)\n- **响应式模型选择器**：使模型选择器标签随面板宽度自适应调整 (#443)\n- **分支 PR 自动格式化**：在自动格式化工作流中处理分支 PR (#419)\n\n### 优化改进\n\n- **Draw.io 多语言同步**：使 Draw.io 面板语言与应用语言环境保持一致 (#473)\n- **更简洁的聊天界面**：将历史记录和下载按钮移至设置对话框 (#442)\n- **聊天面板标签优化**：改善折叠状态下 aiChat 标签的显示效果 (#470)\n- **MCP 工具名称调整**：为清晰起见，将 display_diagram 重命名为 create_new_diagram (#449)\n- **聊天界面翻译**：补充聊天界面组件的缺失翻译 (#457)\n\n### 文档更新\n\n- **文档重组**：将文档按 i18n 文件夹结构重新组织 (#466)\n- **形状库示例**：为形状库示例添加标签位置说明 (#422)\n- **离线部署**：修正跨域配置相关文档 (#405)\n\n### 其他变更\n\n- 清理根目录，将配置文件移至新位置 (#448)\n- 从页眉中移除“关于”链接 (#464)\n- 添加功能增强问题模板 (#434)\n- 更新依赖并优化 CI\u002FCD 流程 (#427-432, #435, #436, #438, #439)\n\n### 下载链接\n\n| 平台         | 文件                                                         |\n|--------------|--------------------------------------------------------------|\n| macOS (Intel) | [Next-AI-Draw.io-0.4.8.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.8\u002FNext-AI-Draw.io-0.4.8.dmg) |\n| macOS (Apple Silicon) | [Next-AI-Draw.io-0.4.8-arm64.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.8\u002FNext-AI-Draw.io-0.4.8-arm64.dmg) |\n| Windows      | [Next-AI-Draw.io-Setup-0.4.8.exe](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.8\u002FNext-AI-Draw.io-Setup-0.4.8.exe) |\n| Linux (AppImage) | [Next-AI-Draw.io-0.4.8.AppImage](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.8\u002FNext-AI-Draw.io-0.4.8.AppImage) |\n| Linux (deb)  | [next-ai-draw-io_0.4.8","2026-01-01T09:00:55",{"id":194,"version":195,"summary_zh":196,"released_at":197},343214,"v0.4.7","## v0.4.7 版本更新内容\n\n### 新功能\n\n- **i18n 模型配置**：为模型配置界面添加多语言支持 (#368)\n- **开发 XML 模拟器**：新增用于 UI 调试的流式模拟器 (#385)\n\n### 问题修复\n\n- **Electron 设置持久化**：通过使用固定端口修复应用重启后设置无法保存的问题 (#415)\n- **OpenAI 推理显示**：修复 OpenAI 模型推理\u002F思考块不显示的问题 (#370)\n- **兼容 OpenAI 的代理**：改用 Chat Completions API 以提升代理兼容性 (#382)\n- **模型兼容性**：将 edit_diagram 类型字段重命名为 operation，以提高模型兼容性 (#402)\n- **XML 中的 HTML 转义**：通过转义 XML 属性值中的 HTML 内容修复解析错误 (#386)\n- **渐进式流式渲染**：在流式传输过程中启用图表渲染 (#380)\n- **续写重试机制**：为截断的图表添加重试限制 (#372)\n- **UI 修复**：切换提供商时重置测试按钮，并使模型列表可滚动 (#411, #395, #396)\n\n### 改进\n\n- **配置面板重新设计**：优化配置面板的极简美学 (#384)\n- **AI SDK v6**：升级至 AI SDK v6.0.1，并简化 Langfuse 集成 (#369, #375)\n- **代码重构**：将图表工具处理器和开发模拟器提取到独立组件中 (#388, #389)\n\n### 其他变更\n\n- 添加 CI 工作流和 Renovate 配置 (#406)\n- 在 Electron 设置面板中添加弃用提示 (#403)\n- 将删除提供商按钮移至页眉 (#412)\n- 从页眉中隐藏通知图标 (#366)\n\n### 下载链接\n\n| 平台 | 文件 |\n|----------|------|\n| macOS (Intel) | [Next-AI-Draw.io-0.4.7.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.7\u002FNext-AI-Draw.io-0.4.7.dmg) |\n| macOS (Apple Silicon) | [Next-AI-Draw.io-0.4.7-arm64.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.7\u002FNext-AI-Draw.io-0.4.7-arm64.dmg) |\n| Windows | [Next-AI-Draw.io-Setup-0.4.7.exe](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.7\u002FNext-AI-Draw.io-Setup-0.4.7.exe) |\n| Linux (AppImage) | [Next-AI-Draw.io-0.4.7.AppImage](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.7\u002FNext-AI-Draw.io-0.4.7.AppImage) |\n| Linux (deb) | [next-ai-draw-io_0.4.7_amd64.deb](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.7\u002Fnext-ai-draw-io_0.4.7_amd64.deb) |\n\n> ⚠️ **注意**：该应用未进行代码签名。您可能会看到安全警告：\n> - **macOS**：“应用已损坏” → 右键单击应用 → 打开 → 打开，或运行：`sudo xattr -rd com.apple.quarantine \"\u002FApplications\u002FNext AI Draw.io.app\"`\n> - **Windows**：SmartScreen 警告 → 点击“更多信息” → “仍要运行”\n\n---\n\n**完整变更日志**：https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Fcompare\u002Fv0.4.6...v0.4.7\n\n### 贡献者\n\n感谢 @Biki-dev 对本次发布的贡献！(#395, #396)","2025-12-25T13:32:56",{"id":199,"version":200,"summary_zh":201,"released_at":202},343215,"v0.4.6","## v0.4.6 版本更新内容\n\n### 新功能\n\n- **多提供商模型配置**：全面重构模型配置，支持 10 多家提供商（OpenAI、Anthropic、Google、Azure、Bedrock、OpenRouter、DeepSeek、SiliconFlow、Ollama、Gateway）(#355)\n  - 每个提供商可配置多个模型，并进行验证\n  - 自动检测重复模型并提供智能建议\n  - 当提供商下有 3 个及以上模型时，删除操作需确认\n  - 改进的模型选择器，显示当前使用的模型名称\n\n### 修复的 Bug\n\n- **安全：SSRF 防护**：在 `\u002Fapi\u002Fvalidate-model` 接口上添加了服务器端请求伪造防护，阻止向私有\u002F内部网络发起请求 (#357)\n- **SGLang 提供商支持**：修复了自定义 SGLang 部署中因 API 略有差异导致的流式传输问题 (#302) - 感谢 @pointerhacker!\n- **i18n：速率限制提示**：通过国际化将 TPM 速率限制提示消息本地化 (#353)\n\n### 改进\n\n- **子目录部署**：支持通过 `NEXT_PUBLIC_BASE_PATH` 将应用部署在子目录下 (#311) - 感谢 @Biki-dev!\n- **语言选择器**：将语言选择器移至设置对话框中，使界面更加整洁 (#352)\n\n### 其他变更\n\n- 更新应用图标，采用新的图示层级设计 (#350)\n- 在构建时为“关于”和“公告”页面配置内容 (#358, #360)\n\n### 下载链接\n\n| 平台 | 文件 |\n|----------|------|\n| macOS (Intel) | [Next-AI-Draw.io-0.4.6.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.6\u002FNext-AI-Draw.io-0.4.6.dmg) |\n| macOS (Apple Silicon) | [Next-AI-Draw.io-0.4.6-arm64.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.6\u002FNext-AI-Draw.io-0.4.6-arm64.dmg) |\n| Windows | [Next-AI-Draw.io-Setup-0.4.6.exe](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.6\u002FNext-AI-Draw.io-Setup-0.4.6.exe) |\n| Linux (AppImage) | [Next-AI-Draw.io-0.4.6.AppImage](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.6\u002FNext-AI-Draw.io-0.4.6.AppImage) |\n| Linux (deb) | [next-ai-draw-io_0.4.6_amd64.deb](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.6\u002Fnext-ai-draw-io_0.4.6_amd64.deb) |\n\n> ⚠️ **注意**：该应用未经过代码签名。您可能会看到以下安全警告：\n> - **macOS**：“应用已损坏” → 右键点击应用 → 打开 → 打开，或运行：`sudo xattr -rd com.apple.quarantine \"\u002FApplications\u002FNext AI Draw.io.app\"`\n> - **Windows**：SmartScreen 警告 → 点击“更多信息” → “仍要运行”\n\n---\n\n**完整更新日志**：https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Fcompare\u002Fv0.4.5...v0.4.6","2025-12-23T00:11:48",{"id":204,"version":205,"summary_zh":206,"released_at":207},343216,"v0.4.5","## What's New in v0.4.5\n\n### New Features\n\n- **Desktop Application**: Native Electron app for macOS, Windows, and Linux (#344) - Thanks @chouheiwa!\n  - Secure API key storage using OS keychain\n  - Configuration presets to switch between AI providers\n  - Native file dialogs for opening\u002Fsaving `.drawio` files\n  - Offline capable after first launch\n\n- **MCP Server: Version History**: Added diagram version history with SVG previews (#341)\n  - Track changes to your diagrams over time\n  - Visual SVG previews of each version\n\n### Bug Fixes\n\n- **MCP Server**: Sync browser state before `get_diagram` to prevent data loss (#342)\n\n### Other Changes\n\n- MCP Server version bumped to 0.1.5 (#343)\n\n### Downloads\n\n| Platform | File |\n|----------|------|\n| macOS (Intel) | [Next-AI-Draw.io-0.4.5.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.5\u002FNext-AI-Draw.io-0.4.5.dmg) |\n| macOS (Apple Silicon) | [Next-AI-Draw.io-0.4.5-arm64.dmg](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.5\u002FNext-AI-Draw.io-0.4.5-arm64.dmg) |\n| Windows | [Next-AI-Draw.io-Setup-0.4.5.exe](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.5\u002FNext-AI-Draw.io-Setup-0.4.5.exe) |\n| Linux (AppImage) | [Next-AI-Draw.io-0.4.5.AppImage](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.5\u002FNext-AI-Draw.io-0.4.5.AppImage) |\n| Linux (deb) | [next-ai-draw-io_0.4.5_amd64.deb](https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Freleases\u002Fdownload\u002Fv0.4.5\u002Fnext-ai-draw-io_0.4.5_amd64.deb) |\n\n> ⚠️ **Note**: The app is not code-signed. You may see security warnings:\n> - **macOS**: \"App is damaged\" → Right-click the app → Open → Open, or run: `sudo xattr -rd com.apple.quarantine \"\u002FApplications\u002FNext AI Draw.io.app\"`\n> - **Windows**: SmartScreen warning → Click \"More info\" → \"Run anyway\"\n\n---\n\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Fcompare\u002Fv0.4.4...v0.4.5","2025-12-22T02:41:09",{"id":209,"version":210,"summary_zh":211,"released_at":212},343217,"v0.4.4","## What's New in v0.4.4\n\n### Internationalization (i18n)\n\nAdded multi-language support with a language toggle in the chat header:\n- **English**, **Chinese (简体中文)**, and **Japanese (日本語)** translations\n- Dictionary-based localization for Settings dialog and chat UI\n- Browser locale detection with manual override (#334)\n\n### New Features\n\n- **Shape Library Discovery**: New `get_shape_library` tool allows AI to fetch icon\u002Fshape documentation on-demand, enabling proper AWS, GCP, Azure, and other icons in diagrams (#335)\n- **Custom AI Gateway URL**: Configure `AI_GATEWAY_BASE_URL` for self-hosted Gateway, enterprise proxy, or local development (#315)\n- **Version Display**: App version now shown in Settings dialog (#337)\n\n### MCP Server Improvements\n\n- **XML Validation & Auto-fix**: Added comprehensive validation with automatic repair for 20+ common XML issues including unescaped `&`, duplicate IDs, nested mxCell tags, and malformed closing tags (#336)\n\n### Bug Fixes\n\n- **Chat Panel Resize**: Fixed Send and sidebar buttons becoming inaccessible when chat-panel is resized (#309)\n- **Window Resize Data Loss**: Fixed DrawIO remount and data loss when resizing window across 768px breakpoint (#306)\n- **Save Button**: Made draw.io built-in Save button functional with mouse tracking to prevent false triggers (#296)\n\n### Developer Experience\n\n- **Auto-format Workflow**: Added GitHub workflow for automatic code formatting (#319)\n\n### Contributors\n\nThanks to all contributors who made this release possible!\n\n- [@DayuanJiang](https:\u002F\u002Fgithub.com\u002FDayuanJiang)\n- [@Biki-dev](https:\u002F\u002Fgithub.com\u002FBiki-dev)\n- [@rainx](https:\u002F\u002Fgithub.com\u002Frainx)\n- [@E66Crisp](https:\u002F\u002Fgithub.com\u002FE66Crisp)\n\n---\n\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Fcompare\u002Fv0.4.3...v0.4.4\n","2025-12-20T15:57:39",{"id":214,"version":215,"summary_zh":216,"released_at":217},343218,"v0.4.3","## What's New in v0.4.3\n\nThis release introduces the **MCP Server** - enabling AI agents like Claude Desktop, Cursor, and VS Code to generate and edit draw.io diagrams directly.\n\n### MCP Server (Preview)\n\nAdded Model Context Protocol server for AI-powered diagram generation with real-time browser preview. Now you can use Next AI Draw.io directly from your favorite AI tools!\n\n```json\n{\n  \"mcpServers\": {\n    \"drawio\": {\n      \"command\": \"npx\",\n      \"args\": [\"@next-ai-drawio\u002Fmcp-server@latest\"]\n    }\n  }\n}\n```\n\n**Available tools:**\n- `start_session` - Opens browser with real-time diagram preview\n- `display_diagram` - Create a new diagram from XML\n- `edit_diagram` - Edit diagram by ID-based operations (update\u002Fadd\u002Fdelete cells)\n- `get_diagram` - Get the current diagram XML\n- `export_diagram` - Save diagram to a `.drawio` file\n\n**Supported clients:**\n- Claude Desktop\n- VS Code (Copilot)\n- Cursor\n- Claude Code CLI\n\n### New Features\n\n- **Vercel AI Gateway Support**: Added support for Vercel AI Gateway (#274)\n- **PWA Manifest**: Added manifest.ts for progressive web app support (#270)\n- **Theme Change Warning**: Added warning dialog for theme and UI style changes (#248)\n\n### Improvements\n\n- **ID-based Diagram Editing**: Replaced text-based `edit_diagram` with ID-based operations for more reliable cell updates, additions, and deletions (#267)\n- **Streaming & JSON Repair**: Improved `edit_diagram` streaming performance and JSON repair for better handling of malformed AI responses (#271)\n\n### Bug Fixes\n\n- Fixed potential SSRF attack via custom base URL (GHSA-9qf7-mprq-9qgm)\n\n### Contributors\n\nThanks to all contributors who made this release possible!\n\n- [@DayuanJiang](https:\u002F\u002Fgithub.com\u002FDayuanJiang)\n- [@Biki-dev](https:\u002F\u002Fgithub.com\u002FBiki-dev)\n- [@tedcao](https:\u002F\u002Fgithub.com\u002Ftedcao)\n- [@Bridgetamana](https:\u002F\u002Fgithub.com\u002FBridgetamana)\n\n---\n\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Fcompare\u002Fv0.4.1...v0.4.3\n","2025-12-17T06:04:35",{"id":219,"version":220,"summary_zh":221,"released_at":222},343219,"v0.4.1","## What's New in v0.4.1\n\nThis is a maintenance release focused on **performance improvements** and **bug fixes**. Here are the main highlights:\n\n- **93% reduction** in diagram update calls during streaming (prevents browser crashes)\n- **Simplified LLM XML format** - less tokens = faster diagram generation\n- **XML auto-fix** improved from 58.7% to 99% success rate\n- **Minimal style mode** for faster black\u002Fwhite diagram generation\n\n### Performance Improvements\n\n- Debounced streaming diagram updates to prevent browser crashes during long sessions (#262)\n- Simplified LLM XML format to output bare mxCells only - reduces token usage (#254)\n- Added minimal style mode toggle for faster diagram generation (#260)\n- XML auto-fix with 99% fix rate for malformed LLM output (#247)\n- Optimized Vercel costs by removing analytics and tuning function settings (#238)\n- Added append_diagram tool for better truncation handling (#252)\n- Added configurable MAX_OUTPUT_TOKENS to prevent Bedrock truncation (#251)\n\n### Bug Fixes\n\n- Fixed browser crash during long streaming sessions with slow models (#262)\n- Fixed recovery from invalid XML in localStorage on startup (#261)\n- Fixed malformed XML handling from DeepSeek gracefully (#235)\n- Fixed UI revert and user notification when feedback submission fails (#237)\n- Added user feedback for clipboard copy failures (#236)\n- Fixed custom model setting bug (#227)\n- Improved Azure provider auto-detection and validation (#223, #225)\n- Fixed clipboard issues (#189)\n- Persisted processed tool calls to prevent replay after chat restore (#224)\n- Limited auto-retry to 3 attempts and enforced quota checks (#219)\n- Disabled history XML replacement by default (#217)\n\n### Contributors\n\nThanks to all contributors who made this release possible!\n\n- [@Biki-dev](https:\u002F\u002Fgithub.com\u002FBiki-dev)\n- [@eltociear](https:\u002F\u002Fgithub.com\u002Feltociear)\n- [@shashikiran797](https:\u002F\u002Fgithub.com\u002Fshashikiran797)\n- [@try2love](https:\u002F\u002Fgithub.com\u002Ftry2love)\n- [@Twelveeee](https:\u002F\u002Fgithub.com\u002FTwelveeee)\n\n---\n\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Fcompare\u002Fv0.4.0...v0.4.1\n","2025-12-14T14:12:09",{"id":224,"version":225,"summary_zh":226,"released_at":227},343220,"v0.4.0","## 🎉 What's New in v0.4.0\n\n### 🔑 Major Features\n\n#### Bring Your Own API Key (BYOK)\n- Use your own API keys from 7 providers: OpenAI, Anthropic, Google, Azure, OpenRouter, DeepSeek, SiliconFlow\n- Keys stored client-side only, never sent to server\n- Bypass server usage limits with your own keys\n- Configure via Settings dialog in chat panel\n\n#### PDF & Text File Upload\n- Upload and process PDF documents and text files\n- Client-side PDF text extraction using unpdf library\n- Support for multiple file types (.txt, .md, .json, .csv, .py, .js, .ts, etc.)\n- Configurable character limit via NEXT_PUBLIC_MAX_EXTRACTED_CHARS (default: 150k)\n\n#### AI Reasoning\u002FThinking Display\n- View AI's reasoning process for supported models\n- Supports: OpenAI (o1\u002Fo3\u002Fgpt-5), Google (Gemini 2.5\u002F3), Bedrock (Claude\u002FNova), Ollama (qwen3-like models)\n- Plain text rendering for thinking blocks\n- Auto-enabled for compatible models\n\n\n### 🐛 Bug Fixes\n\n- Fixed diagram regeneration loop after successful display\n- Improved LLM diagram context awareness and image preview\n- Fixed Azure OpenAI AZURE_RESOURCE_NAME configuration\n- Corrected NEXT_PUBLIC_DRAWIO_BASE_URL in offline deployment docs\n- Fixed React hydration mismatch for DrawIO theme loading\n- Added orphaned mxPoint validation and cleanup\n- Fixed message parts order in chat display\n- Improved XML validation before diagram display\n\n### ✨ Improvements\n\n#### Usage & Configuration\n- Light\u002Fdark mode toggle with browser preference detection\n- Configurable usage limits via env vars (DAILY_REQUEST_LIMIT, DAILY_TOKEN_LIMIT, TPM_LIMIT)\n- Daily token limit with actual usage tracking from API metadata\n- Configurable max duration via MAX_DURATION environment variable\n- Self-hosted draw.io support via NEXT_PUBLIC_DRAWIO_BASE_URL\n\n#### UI\u002FUX\n- Auto-save and restore session state (messages, XML snapshots, session ID)\n- Detailed error messages instead of generic \"Internal server error\"\n- Client-side caching for example diagrams\n- Close protection toggle in Settings\n- Settings button always visible in header\n\n#### Developer Experience\n- **3.9% code reduction** through DRY refactoring (PR #211)\n- Zero functional changes, improved maintainability\n- Improved XML search\u002Freplace matching strategies (6 strategies)\n- Tool call JSON repair for malformed responses\n- Bedrock API compatibility improvements\n\n### 📚 Documentation\n\n- Offline deployment guide with Docker Compose examples\n- GitHub issue templates for bug reports and feature requests\n- Updated chain-of-thought.txt with full research paper content\n- Aligned Chinese and Japanese README with main README\n- Improved README structure with badges, TOC, and live demo button\n\n### 🌐 New Providers & Models\n\n- Added SiliconFlow as supported AI provider\n- Added minimax model support with XML wrapping fix\n- Conditional prompt caching support\n\n### 👥 Contributors\n\nThanks to all contributors who made this release possible!\n\n- [@Biki-dev](https:\u002F\u002Fgithub.com\u002FBiki-dev)\n- [@qychen2001](https:\u002F\u002Fgithub.com\u002Fqychen2001)\n- [@singledog957](https:\u002F\u002Fgithub.com\u002Fsingledog957)\n- [@terrydash](https:\u002F\u002Fgithub.com\u002Fterrydash)\n- [@try2love](https:\u002F\u002Fgithub.com\u002Ftry2love)\n- [@aureliusshu](https:\u002F\u002Fgithub.com\u002Faureliusshu)\n\n---\n\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Fcompare\u002Fv0.3.0...v0.4.0\n","2025-12-11T08:00:18",{"id":229,"version":230,"summary_zh":231,"released_at":232},343221,"v0.3.0","# Release Notes v0.3.0\n\n**Release Date:** December 6, 2025\n\nThis release includes significant improvements to mobile experience, observability, code quality, and developer experience.\n\n## ✨ New Features\n\n### Performance\n- **Prompt Caching** (#34, #32): Reduced token usage with cached example responses and Bedrock prompt caching\n\n### Mobile Experience\n- **Mobile-Optimized Layout** (#109, #110, #112): New mobile layout with chat panel at the bottom, proper viewport meta tags, and forced re-rendering when switching layouts.\n\n### UI\u002FUX Enhancements\n- **Markdown Rendering & Resizable Chat Panel** (#104)\n- **Draw.io Theme Toggle** (#106): Switch between minimal and sketch themes\n- **Navigation Protection** (#99): Confirmation dialog to prevent accidental back navigation\n- **Message Edit & Regenerate** (#83)\n- **Save Diagrams Locally** (#60)\n- **Copy Messages to Clipboard** (#21) - Thanks @huminglong!\n\n### Configuration & Deployment\n- **Auto-Detect AI Provider** (#74)\n- **DeepSeek Provider Support** (#38)\n- **Custom Anthropic Base URL** (#28) - Thanks @clevertension!\n- **OpenAI-Compatible LLM Support** (#16) - Thanks @ylxmf2005!\n- **Access Code Protection** (#77) - Thanks @Twelveeee!\n\n### Observability\n- **Langfuse Integration** (#66, #69, #103): LLM observability with trace-level logging\n\n## 🐛 Bug Fixes\n\n- Button hover states (#111), markdown visibility (#108), clear button (#77)\n- File clearing on examples (#82), memory leak in file preview (#118)\n- Duplicate history entries (#64, #48), XML validation (#56)\n- Bedrock 503 error handling (#92, #94), empty message content (#31)\n\n## 🔧 Improvements\n\n- **Biome Integration** (#116): Unified formatting and linting\n- **Next.js 16 Upgrade** (#72)\n- **System Prompt Refactoring** (#117)\n- **i18n About Pages** (#46, #43)\n\n## 📚 Documentation\n\n- CONTRIBUTING.md (#119), AI provider guide (#100), Docker instructions (#62)\n\n## 🏗️ Infrastructure\n\n- **Docker Support** (#44) - Thanks @jianyun8023!\n- Apache 2.0 License (#68), Google Analytics (#59)\n\n## 👥 Contributors\n\n- @broBinChen, @Twelveeee, @jianyun8023, @clevertension, @huminglong, @ylxmf2005\n\n**Full Changelog**: https:\u002F\u002Fgithub.com\u002FDayuanJiang\u002Fnext-ai-draw-io\u002Fcompare\u002Fv0.2.0...v0.3.0","2025-12-06T10:31:11",{"id":234,"version":235,"summary_zh":236,"released_at":237},343222,"v0.2.0","## Features\n\n### Multi-Provider Support\n- Add support for 7 AI providers: AWS Bedrock, OpenAI, Anthropic, Google Generative AI, Azure OpenAI, Ollama, and OpenRouter\n- Environment-variable-driven configuration for easy provider switching\n- Automatic API key validation with clear error messages\n- Provider-specific options handling (e.g., Anthropic beta headers)\n\n### UI Improvements\n- Add show\u002Fhide chat panel toggle with **Ctrl+B** keyboard shortcut\n- Fix input not disabling during fast provider responses\n- Add tool input streaming support for better real-time feedback\n\n### Reliability\n- Implement automatic fallback from edit_diagram to display_diagram with 3-retry policy\n- Add debug logging for troubleshooting\n\n## Dependencies\n\n- Upgrade zod to v4.1.12\n- Add @openrouter\u002Fai-sdk-provider\n- Add ollama-ai-provider-v2\n- Add @ai-sdk\u002Fanthropic\n- Add @ai-sdk\u002Fazure\n\n## Documentation\n\n- Update README with multi-provider setup instructions\n- Add env.example with configuration templates for all providers\n\n## Usage\n\nSet your preferred provider and model in \\`.env.local\\`:\n\n\\`\\`\\`bash\nAI_PROVIDER=google\nAI_MODEL=gemini-2.5-pro\nGOOGLE_GENERATIVE_AI_API_KEY=your-api-key\n\\`\\`\\`\n\nSee \\`env.example\\` for all available configuration options.","2025-11-15T06:25:18"]