docs: sync CN/JA READMEs with EN structure and fix all paths

docs: fix broken import statements in cloudflare deploy guides
docs: update README and provider docs
2026-01-03 14:52:28 +08:00 · 2025-12-30 23:40:00 +09:00 · 2025-12-30 23:35:38 +09:00 · 2025-12-30 23:12:02 +09:00 · 2025-12-30 22:52:40 +09:00 · 2025-12-30 22:50:51 +09:00
24 changed files with 1362 additions and 4629 deletions
--- a/.github/workflows/electron-release.yml
+++ b/.github/workflows/electron-release.yml
@@ -38,7 +38,7 @@ jobs:
          cache: "npm"

      - name: Install dependencies
-        run: npm install
+        run: npm ci

      - name: Build and publish Electron app
        run: npm run dist:${{ matrix.platform }}
--- a/app/[lang]/about/cn/page.tsx
+++ b/app/[lang]/about/cn/page.tsx
@@ -72,6 +72,28 @@ export default function AboutCN() {
                        <p className="text-xl text-gray-600 font-medium">
                            AI驱动的图表创建工具 - 对话、绘制、可视化
                        </p>
+                        <div className="flex justify-center gap-4 mt-4 text-sm">
+                            <Link
+                                href="/about"
+                                className="text-gray-600 hover:text-blue-600"
+                            >
+                                English
+                            </Link>
+                            <span className="text-gray-400">|</span>
+                            <Link
+                                href="/about/cn"
+                                className="text-blue-600 font-semibold"
+                            >
+                                中文
+                            </Link>
+                            <span className="text-gray-400">|</span>
+                            <Link
+                                href="/about/ja"
+                                className="text-gray-600 hover:text-blue-600"
+                            >
+                                日本語
+                            </Link>
+                        </div>
                    </div>

                    <div className="relative mb-8 rounded-2xl bg-gradient-to-br from-amber-50 via-orange-50 to-yellow-50 p-[1px] shadow-lg">
--- a/app/[lang]/about/ja/page.tsx
+++ b/app/[lang]/about/ja/page.tsx
@@ -80,6 +80,28 @@ export default function AboutJA() {
                            AI搭載のダイアグラム作成ツール -
                            チャット、描画、可視化
                        </p>
+                        <div className="flex justify-center gap-4 mt-4 text-sm">
+                            <Link
+                                href="/about"
+                                className="text-gray-600 hover:text-blue-600"
+                            >
+                                English
+                            </Link>
+                            <span className="text-gray-400">|</span>
+                            <Link
+                                href="/about/cn"
+                                className="text-gray-600 hover:text-blue-600"
+                            >
+                                中文
+                            </Link>
+                            <span className="text-gray-400">|</span>
+                            <Link
+                                href="/about/ja"
+                                className="text-blue-600 font-semibold"
+                            >
+                                日本語
+                            </Link>
+                        </div>
                    </div>

                    <div className="relative mb-8 rounded-2xl bg-gradient-to-br from-amber-50 via-orange-50 to-yellow-50 p-[1px] shadow-lg">
--- a/app/[lang]/about/page.tsx
+++ b/app/[lang]/about/page.tsx
@@ -80,6 +80,28 @@ export default function About() {
                            AI-Powered Diagram Creation Tool - Chat, Draw,
                            Visualize
                        </p>
+                        <div className="flex justify-center gap-4 mt-4 text-sm">
+                            <Link
+                                href="/about"
+                                className="text-blue-600 font-semibold"
+                            >
+                                English
+                            </Link>
+                            <span className="text-gray-400">|</span>
+                            <Link
+                                href="/about/cn"
+                                className="text-gray-600 hover:text-blue-600"
+                            >
+                                中文
+                            </Link>
+                            <span className="text-gray-400">|</span>
+                            <Link
+                                href="/about/ja"
+                                className="text-gray-600 hover:text-blue-600"
+                            >
+                                日本語
+                            </Link>
+                        </div>
                    </div>

                    <div className="relative mb-8 rounded-2xl bg-gradient-to-br from-amber-50 via-orange-50 to-yellow-50 p-[1px] shadow-lg">
--- a/app/[lang]/page.tsx
+++ b/app/[lang]/page.tsx
@@ -28,14 +28,11 @@ export default function Home() {
    } = useDiagram()
    const router = useRouter()
    const pathname = usePathname()
-    // Extract current language from pathname (e.g., "/zh/about" → "zh")
-    const currentLang = (pathname.split("/")[1] || i18n.defaultLocale) as Locale
    const [isMobile, setIsMobile] = useState(false)
    const [isChatVisible, setIsChatVisible] = useState(true)
    const [drawioUi, setDrawioUi] = useState<"min" | "sketch">("min")
    const [darkMode, setDarkMode] = useState(false)
    const [isLoaded, setIsLoaded] = useState(false)
-    const [isDrawioReady, setIsDrawioReady] = useState(false)
    const [closeProtection, setCloseProtection] = useState(false)

    const chatPanelRef = useRef<ImperativePanelHandle>(null)
@@ -105,18 +102,12 @@ export default function Home() {
        setIsLoaded(true)
    }, [pathname, router])

-    const handleDrawioLoad = useCallback(() => {
-        setIsDrawioReady(true)
-        onDrawioLoad()
-    }, [onDrawioLoad])
-
    const handleDarkModeChange = async () => {
        await saveDiagramToStorage()
        const newValue = !darkMode
        setDarkMode(newValue)
        localStorage.setItem("next-ai-draw-io-dark-mode", String(newValue))
        document.documentElement.classList.toggle("dark", newValue)
-        setIsDrawioReady(false)
        resetDrawioReady()
    }

@@ -125,7 +116,6 @@ export default function Home() {
        const newUi = drawioUi === "min" ? "sketch" : "min"
        localStorage.setItem("drawio-theme", newUi)
        setDrawioUi(newUi)
-        setIsDrawioReady(false)
        resetDrawioReady()
    }

@@ -139,7 +129,6 @@ export default function Home() {
                newIsMobile !== isMobileRef.current
            ) {
                saveDiagramToStorage().catch(() => {})
-                setIsDrawioReady(false)
                resetDrawioReady()
            }
            isMobileRef.current = newIsMobile
@@ -215,35 +204,27 @@ export default function Home() {
                            mouseOverDrawioRef.current = false
                        }}
                    >
-                        <div className="h-full rounded-xl overflow-hidden shadow-soft-lg border border-border/30 relative">
-                            {isLoaded && (
-                                <div
-                                    className={`h-full w-full ${isDrawioReady ? "" : "invisible absolute inset-0"}`}
-                                >
-                                    <DrawIoEmbed
-                                        key={`${drawioUi}-${darkMode}-${currentLang}`}
-                                        ref={drawioRef}
-                                        onExport={handleDiagramExport}
-                                        onLoad={handleDrawioLoad}
-                                        onSave={handleDrawioSave}
-                                        baseUrl={drawioBaseUrl}
-                                        urlParameters={{
-                                            ui: drawioUi,
-                                            spin: false,
-                                            libraries: false,
-                                            saveAndExit: false,
-                                            noExitBtn: true,
-                                            dark: darkMode,
-                                            lang: currentLang,
-                                        }}
-                                    />
-                                </div>
-                            )}
-                            {(!isLoaded || !isDrawioReady) && (
-                                <div className="h-full w-full bg-background flex items-center justify-center">
-                                    <span className="text-muted-foreground">
-                                        Draw.io panel is loading...
-                                    </span>
+                        <div className="h-full rounded-xl overflow-hidden shadow-soft-lg border border-border/30">
+                            {isLoaded ? (
+                                <DrawIoEmbed
+                                    key={`${drawioUi}-${darkMode}`}
+                                    ref={drawioRef}
+                                    onExport={handleDiagramExport}
+                                    onLoad={onDrawioLoad}
+                                    onSave={handleDrawioSave}
+                                    baseUrl={drawioBaseUrl}
+                                    urlParameters={{
+                                        ui: drawioUi,
+                                        spin: true,
+                                        libraries: false,
+                                        saveAndExit: false,
+                                        noExitBtn: true,
+                                        dark: darkMode,
+                                    }}
+                                />
+                            ) : (
+                                <div className="h-full w-full flex items-center justify-center bg-background">
+                                    <div className="animate-spin h-8 w-8 border-4 border-primary border-t-transparent rounded-full" />
                                </div>
                            )}
                        </div>
--- a/app/api/chat/route.ts
+++ b/app/api/chat/route.ts
@@ -12,11 +12,7 @@ import fs from "fs/promises"
 import { jsonrepair } from "jsonrepair"
 import path from "path"
 import { z } from "zod"
-import {
-    getAIModel,
-    supportsImageInput,
-    supportsPromptCaching,
-} from "@/lib/ai-providers"
+import { getAIModel, supportsPromptCaching } from "@/lib/ai-providers"
 import { findCachedResponse } from "@/lib/cached-responses"
 import {
    checkAndIncrementRequest,
@@ -299,17 +295,6 @@ async function handleChatRequest(req: Request): Promise<Response> {
        lastUserMessage?.parts?.filter((part: any) => part.type === "file") ||
        []

-    // Check if user is sending images to a model that doesn't support them
-    // AI SDK silently drops unsupported parts, so we need to catch this early
-    if (fileParts.length > 0 && !supportsImageInput(modelId)) {
-        return Response.json(
-            {
-                error: `The model "${modelId}" does not support image input. Please use a vision-capable model (e.g., GPT-4o, Claude, Gemini) or remove the image.`,
-            },
-            { status: 400 },
-        )
-    }
-
    // User input only - XML is now in a separate cached system message
    const formattedUserInput = `User input:
 """md
--- a/biome.json
+++ b/biome.json
@@ -1,5 +1,5 @@
 {
-    "$schema": "https://biomejs.dev/schemas/2.3.10/schema.json",
+    "$schema": "https://biomejs.dev/schemas/2.3.8/schema.json",
    "vcs": {
        "enabled": true,
        "clientKind": "git",
--- a/components/chat-message-display.tsx
+++ b/components/chat-message-display.tsx
@@ -193,7 +193,6 @@ interface ChatMessageDisplayProps {
    onRegenerate?: (messageIndex: number) => void
    onEditMessage?: (messageIndex: number, newText: string) => void
    status?: "streaming" | "submitted" | "idle" | "error" | "ready"
-    isRestored?: boolean
 }

 export function ChatMessageDisplay({
@@ -206,7 +205,6 @@ export function ChatMessageDisplay({
    onRegenerate,
    onEditMessage,
    status = "idle",
-    isRestored = false,
 }: ChatMessageDisplayProps) {
    const dict = useDictionary()
    const { chartXML, loadDiagram: onDisplayChart } = useDiagram()
@@ -232,12 +230,6 @@ export function ChatMessageDisplay({
    const [expandedTools, setExpandedTools] = useState<Record<string, boolean>>(
        {},
    )
-    const [copiedToolCallId, setCopiedToolCallId] = useState<string | null>(
-        null,
-    )
-    const [copyFailedToolCallId, setCopyFailedToolCallId] = useState<
-        string | null
-    >(null)
    const [copiedMessageId, setCopiedMessageId] = useState<string | null>(null)
    const [copyFailedMessageId, setCopyFailedMessageId] = useState<
        string | null
@@ -252,49 +244,14 @@ export function ChatMessageDisplay({
    const [expandedPdfSections, setExpandedPdfSections] = useState<
        Record<string, boolean>
    >({})
-    // Track message IDs that were restored from localStorage (skip animation for these)
-    const restoredMessageIdsRef = useRef<Set<string> | null>(null)

-    // Capture restored message IDs once when isRestored becomes true
-    useEffect(() => {
-        if (isRestored && restoredMessageIdsRef.current === null) {
-            restoredMessageIdsRef.current = new Set(messages.map((m) => m.id))
-        }
-    }, [isRestored, messages])
-
-    const setCopyState = (
-        messageId: string,
-        isToolCall: boolean,
-        isSuccess: boolean,
-    ) => {
-        if (isSuccess) {
-            if (isToolCall) {
-                setCopiedToolCallId(messageId)
-                setTimeout(() => setCopiedToolCallId(null), 2000)
-            } else {
-                setCopiedMessageId(messageId)
-                setTimeout(() => setCopiedMessageId(null), 2000)
-            }
-        } else {
-            if (isToolCall) {
-                setCopyFailedToolCallId(messageId)
-                setTimeout(() => setCopyFailedToolCallId(null), 2000)
-            } else {
-                setCopyFailedMessageId(messageId)
-                setTimeout(() => setCopyFailedMessageId(null), 2000)
-            }
-        }
-    }
-
-    const copyMessageToClipboard = async (
-        messageId: string,
-        text: string,
-        isToolCall = false,
-    ) => {
+    const copyMessageToClipboard = async (messageId: string, text: string) => {
        try {
            await navigator.clipboard.writeText(text)
-            setCopyState(messageId, isToolCall, true)
-        } catch (_err) {
+
+            setCopiedMessageId(messageId)
+            setTimeout(() => setCopiedMessageId(null), 2000)
+        } catch (err) {
            // Fallback for non-secure contexts (HTTP) or permission denied
            const textarea = document.createElement("textarea")
            textarea.value = text
@@ -309,11 +266,13 @@ export function ChatMessageDisplay({
                if (!success) {
                    throw new Error("Copy command failed")
                }
-                setCopyState(messageId, isToolCall, true)
+                setCopiedMessageId(messageId)
+                setTimeout(() => setCopiedMessageId(null), 2000)
            } catch (fallbackErr) {
                console.error("Failed to copy message:", fallbackErr)
                toast.error(dict.chat.failedToCopyDetail)
-                setCopyState(messageId, isToolCall, false)
+                setCopyFailedMessageId(messageId)
+                setTimeout(() => setCopyFailedMessageId(null), 2000)
            } finally {
                document.body.removeChild(textarea)
            }
@@ -680,10 +639,8 @@ export function ChatMessageDisplay({
    const renderToolPart = (part: ToolPartLike) => {
        const callId = part.toolCallId
        const { state, input, output } = part
-        // Default to collapsed if tool is complete, expanded if still streaming
-        const isExpanded = expandedTools[callId] ?? state !== "output-available"
+        const isExpanded = expandedTools[callId] ?? true
        const toolName = part.type?.replace("tool-", "")
-        const isCopied = copiedToolCallId === callId

        const toggleExpanded = () => {
            setExpandedTools((prev) => ({
@@ -705,35 +662,6 @@ export function ChatMessageDisplay({
            }
        }

-        const handleCopy = () => {
-            let textToCopy = ""
-
-            if (input && typeof input === "object") {
-                if (input.xml) {
-                    textToCopy = input.xml
-                } else if (
-                    input.operations &&
-                    Array.isArray(input.operations)
-                ) {
-                    textToCopy = JSON.stringify(input.operations, null, 2)
-                } else if (Object.keys(input).length > 0) {
-                    textToCopy = JSON.stringify(input, null, 2)
-                }
-            }
-
-            if (
-                output &&
-                toolName === "get_shape_library" &&
-                typeof output === "string"
-            ) {
-                textToCopy = output
-            }
-
-            if (textToCopy) {
-                copyMessageToClipboard(callId, textToCopy, true)
-            }
-        }
-
        return (
            <div
                key={callId}
@@ -753,32 +681,9 @@ export function ChatMessageDisplay({
                            <div className="h-4 w-4 border-2 border-primary border-t-transparent rounded-full animate-spin" />
                        )}
                        {state === "output-available" && (
-                            <>
-                                <span className="text-xs font-medium text-green-600 bg-green-50 px-2 py-0.5 rounded-full">
-                                    {dict.tools.complete}
-                                </span>
-                                {isExpanded && (
-                                    <button
-                                        type="button"
-                                        onClick={handleCopy}
-                                        className="p-1 rounded hover:bg-muted transition-colors"
-                                        title={
-                                            copiedToolCallId === callId
-                                                ? dict.chat.copied
-                                                : copyFailedToolCallId ===
-                                                    callId
-                                                  ? dict.chat.failedToCopy
-                                                  : dict.chat.copyResponse
-                                        }
-                                    >
-                                        {isCopied ? (
-                                            <Check className="w-4 h-4 text-green-600" />
-                                        ) : (
-                                            <Copy className="w-4 h-4 text-muted-foreground" />
-                                        )}
-                                    </button>
-                                )}
-                            </>
+                            <span className="text-xs font-medium text-green-600 bg-green-50 px-2 py-0.5 rounded-full">
+                                Complete
+                            </span>
                        )}
                        {state === "output-error" &&
                            (() => {
@@ -871,9 +776,9 @@ export function ChatMessageDisplay({

    return (
        <ScrollArea className="h-full w-full scrollbar-thin">
-            {messages.length === 0 && isRestored ? (
+            {messages.length === 0 ? (
                <ExamplePanel setInput={setInput} setFiles={setFiles} />
-            ) : messages.length === 0 ? null : (
+            ) : (
                <div className="py-4 px-4 space-y-4">
                    {messages.map((message, messageIndex) => {
                        const userMessageText =
@@ -893,23 +798,13 @@ export function ChatMessageDisplay({
                                    .slice(messageIndex + 1)
                                    .every((m) => m.role !== "user"))
                        const isEditing = editingMessageId === message.id
-                        // Skip animation for restored messages
-                        // If isRestored but ref not set yet, we're in first render after restoration - treat all as restored
-                        const isRestoredMessage =
-                            isRestored &&
-                            (restoredMessageIdsRef.current === null ||
-                                restoredMessageIdsRef.current.has(message.id))
                        return (
                            <div
                                key={message.id}
-                                className={`flex w-full ${message.role === "user" ? "justify-end" : "justify-start"} ${isRestoredMessage ? "" : "animate-message-in"}`}
-                                style={
-                                    isRestoredMessage
-                                        ? undefined
-                                        : {
-                                              animationDelay: `${messageIndex * 50}ms`,
-                                          }
-                                }
+                                className={`flex w-full ${message.role === "user" ? "justify-end" : "justify-start"} animate-message-in`}
+                                style={{
+                                    animationDelay: `${messageIndex * 50}ms`,
+                                }}
                            >
                                {message.role === "user" &&
                                    userMessageText &&
@@ -1006,9 +901,6 @@ export function ChatMessageDisplay({
                                                            isStreaming={
                                                                isStreamingReasoning
                                                            }
-                                                            defaultOpen={
-                                                                !isRestoredMessage
-                                                            }
                                                        >
                                                            <ReasoningTrigger />
                                                            <ReasoningContent>
--- a/components/chat-panel.tsx
+++ b/components/chat-panel.tsx
@@ -3,20 +3,16 @@
 import { useChat } from "@ai-sdk/react"
 import { DefaultChatTransport } from "ai"
 import {
+    AlertTriangle,
    MessageSquarePlus,
    PanelRightClose,
    PanelRightOpen,
    Settings,
 } from "lucide-react"
 import Image from "next/image"
+import Link from "next/link"
 import type React from "react"
-import {
-    useCallback,
-    useEffect,
-    useLayoutEffect,
-    useRef,
-    useState,
-} from "react"
+import { useCallback, useEffect, useRef, useState } from "react"
 import { flushSync } from "react-dom"
 import { Toaster, toast } from "sonner"
 import { ButtonWithTooltip } from "@/components/button-with-tooltip"
@@ -34,7 +30,7 @@ import { formatMessage } from "@/lib/i18n/utils"
 import { isPdfFile, isTextFile } from "@/lib/pdf-utils"
 import { type FileData, useFileProcessor } from "@/lib/use-file-processor"
 import { useQuotaManager } from "@/lib/use-quota-manager"
-import { cn, formatXML } from "@/lib/utils"
+import { formatXML } from "@/lib/utils"
 import { ChatMessageDisplay } from "./chat-message-display"
 import { DevXmlSimulator } from "./dev-xml-simulator"

@@ -207,18 +203,6 @@ export default function ChatPanel({

    // Flag to track if we've restored from localStorage
    const hasRestoredRef = useRef(false)
-    const [isRestored, setIsRestored] = useState(false)
-
-    // Track previous isVisible to only animate when toggling (not on page load)
-    const prevIsVisibleRef = useRef(isVisible)
-    const [shouldAnimatePanel, setShouldAnimatePanel] = useState(false)
-    useEffect(() => {
-        // Only animate when visibility changes from false to true (not on initial load)
-        if (!prevIsVisibleRef.current && isVisible) {
-            setShouldAnimatePanel(true)
-        }
-        prevIsVisibleRef.current = isVisible
-    }, [isVisible])

    // Ref to track latest chartXML for use in callbacks (avoids stale closure)
    const chartXMLRef = useRef(chartXML)
@@ -353,10 +337,7 @@ export default function ChatPanel({
                }

                // Translate image not supported error
-                if (
-                    friendlyMessage.includes("image content block") ||
-                    friendlyMessage.toLowerCase().includes("image_url")
-                ) {
+                if (friendlyMessage.includes("image content block")) {
                    friendlyMessage = "This model doesn't support image input."
                }

@@ -447,8 +428,7 @@ export default function ChatPanel({
    const messagesEndRef = useRef<HTMLDivElement>(null)

    // Restore messages and XML snapshots from localStorage on mount
-    // useLayoutEffect runs synchronously before browser paint, so messages appear immediately
-    useLayoutEffect(() => {
+    useEffect(() => {
        if (hasRestoredRef.current) return
        hasRestoredRef.current = true

@@ -476,10 +456,8 @@ export default function ChatPanel({
            localStorage.removeItem(STORAGE_MESSAGES_KEY)
            localStorage.removeItem(STORAGE_XML_SNAPSHOTS_KEY)
            toast.error(dict.errors.sessionCorrupted)
-        } finally {
-            setIsRestored(true)
        }
-    }, [setMessages, dict.errors.sessionCorrupted])
+    }, [setMessages])

    // Save messages to localStorage whenever they change (debounced to prevent blocking during streaming)
    useEffect(() => {
@@ -926,6 +904,7 @@ export default function ChatPanel({
                    className="text-sm font-medium text-muted-foreground mt-8 tracking-wide"
                    style={{
                        writingMode: "vertical-rl",
+                        transform: "rotate(180deg)",
                    }}
                >
                    {dict.nav.aiChat}
@@ -936,16 +915,12 @@ export default function ChatPanel({

    // Full view
    return (
-        <div
-            className={cn(
-                "h-full flex flex-col bg-card shadow-soft rounded-xl border border-border/30 relative",
-                shouldAnimatePanel && "animate-slide-in-right",
-            )}
-        >
+        <div className="h-full flex flex-col bg-card shadow-soft animate-slide-in-right rounded-xl border border-border/30 relative">
            <Toaster
-                position="bottom-left"
+                position="bottom-center"
                richColors
                expand
+                style={{ position: "absolute" }}
                toastOptions={{
                    style: {
                        maxWidth: "480px",
@@ -977,6 +952,32 @@ export default function ChatPanel({
                                Next AI Drawio
                            </h1>
                        </div>
+                        {!isMobile && (
+                            <Link
+                                href="/about"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                                className="text-sm text-muted-foreground hover:text-foreground transition-colors ml-2"
+                            >
+                                {dict.nav.about}
+                            </Link>
+                        )}
+                        {!isMobile && (
+                            <Link
+                                href="/about"
+                                target="_blank"
+                                rel="noopener noreferrer"
+                            >
+                                <ButtonWithTooltip
+                                    tooltipContent={dict.nav.sponsorTooltip}
+                                    variant="ghost"
+                                    size="icon"
+                                    className="h-6 w-6 text-amber-500 hover:text-amber-600"
+                                >
+                                    <AlertTriangle className="h-4 w-4" />
+                                </ButtonWithTooltip>
+                            </Link>
+                        )}
                    </div>
                    <div className="flex items-center gap-1 justify-end overflow-visible">
                        <ButtonWithTooltip
@@ -1031,7 +1032,6 @@ export default function ChatPanel({
                    onRegenerate={handleRegenerate}
                    status={status}
                    onEditMessage={handleEditMessage}
-                    isRestored={isRestored}
                />
            </main>

--- a/components/model-config-dialog.tsx
+++ b/components/model-config-dialog.tsx
--- a/components/settings-dialog.tsx
+++ b/components/settings-dialog.tsx
@@ -395,13 +395,13 @@ function SettingsContent({
                        <>
                            <span className="text-muted-foreground">·</span>
                            <a
-                                href={`/${currentLang}/about${currentLang === "zh" ? "/cn" : currentLang === "ja" ? "/ja" : ""}`}
+                                href="/about"
                                target="_blank"
                                rel="noopener noreferrer"
                                className="text-xs text-muted-foreground hover:text-foreground transition-colors flex items-center gap-1"
                            >
                                <Info className="h-3 w-3" />
-                                {dict.nav.about}
+                                About
                            </a>
                        </>
                    )}
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -11,7 +11,7 @@ services:
        # - NEXT_PUBLIC_BASE_PATH=/nextaidrawio
    ports: ["3000:3000"]
    env_file: .env
-    # environment:
-    #   # For subdirectory deployment, uncomment and set your path:
-    #   NEXT_PUBLIC_BASE_PATH: /nextaidrawio
+    environment:
+      # For subdirectory deployment, uncomment and set your path:
+      # NEXT_PUBLIC_BASE_PATH: /nextaidrawio
    depends_on: [drawio]
--- a/hooks/use-model-config.ts
+++ b/hooks/use-model-config.ts
@@ -11,6 +11,7 @@ import {
    flattenModels,
    type ModelConfig,
    type MultiModelConfig,
+    PROVIDER_INFO,
    type ProviderConfig,
    type ProviderName,
 } from "@/lib/types/model-config"
--- a/lib/ai-providers.ts
+++ b/lib/ai-providers.ts
@@ -786,7 +786,7 @@ export function getAIModel(overrides?: ClientOverrides): ModelConfig {
                                                `data: ${JSON.stringify(data)}\n\n`,
                                            ),
                                        )
-                                    } catch (_e) {
+                                    } catch (e) {
                                        // If parsing fails, forward the original message to avoid breaking the stream.
                                        controller.enqueue(
                                            new TextEncoder().encode(
@@ -906,34 +906,3 @@ export function supportsPromptCaching(modelId: string): boolean {
        modelId.startsWith("eu.anthropic")
    )
 }
-
-/**
- * Check if a model supports image/vision input.
- * Some models silently drop image parts without error (AI SDK warning only).
- */
-export function supportsImageInput(modelId: string): boolean {
-    const lowerModelId = modelId.toLowerCase()
-
-    // Helper to check if model has vision capability indicator
-    const hasVisionIndicator =
-        lowerModelId.includes("vision") || lowerModelId.includes("vl")
-
-    // Models that DON'T support image/vision input (unless vision variant)
-    // Kimi K2 models don't support images
-    if (lowerModelId.includes("kimi") && !hasVisionIndicator) {
-        return false
-    }
-
-    // DeepSeek text models (not vision variants)
-    if (lowerModelId.includes("deepseek") && !hasVisionIndicator) {
-        return false
-    }
-
-    // Qwen text models (not vision variants like qwen-vl)
-    if (lowerModelId.includes("qwen") && !hasVisionIndicator) {
-        return false
-    }
-
-    // Default: assume model supports images
-    return true
-}
--- a/lib/i18n/dictionaries/en.json
+++ b/lib/i18n/dictionaries/en.json
@@ -18,7 +18,8 @@
        "settings": "Settings",
        "hidePanel": "Hide chat panel (Ctrl+B)",
        "showPanel": "Show chat panel (Ctrl+B)",
-        "aiChat": "AI Chat"
+        "aiChat": "AI Chat",
+        "sponsorTooltip": "Sponsored by ByteDance Doubao K2-thinking. See About page for details."
    },
    "providers": {
        "useServerDefault": "Use Server Default",
--- a/lib/i18n/dictionaries/ja.json
+++ b/lib/i18n/dictionaries/ja.json
@@ -18,7 +18,8 @@
        "settings": "設定",
        "hidePanel": "チャットパネルを非表示 (Ctrl+B)",
        "showPanel": "チャットパネルを表示 (Ctrl+B)",
-        "aiChat": "AI チャット"
+        "aiChat": "AI チャット",
+        "sponsorTooltip": "ByteDance Doubao K2-thinking によるスポンサー。詳細は概要ページをご覧ください。"
    },
    "providers": {
        "useServerDefault": "サーバーデフォルトを使用",
--- a/lib/i18n/dictionaries/zh.json
+++ b/lib/i18n/dictionaries/zh.json
@@ -18,7 +18,8 @@
        "settings": "设置",
        "hidePanel": "隐藏聊天面板 (Ctrl+B)",
        "showPanel": "显示聊天面板 (Ctrl+B)",
-        "aiChat": "AI 聊天"
+        "aiChat": "AI 聊天",
+        "sponsorTooltip": "由字节跳动豆包 K2-thinking 赞助。详情请参阅关于页面。"
    },
    "providers": {
        "useServerDefault": "使用服务器默认值",
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
    "name": "next-ai-draw-io",
-    "version": "0.4.8",
+    "version": "0.4.7",
    "license": "Apache-2.0",
    "private": true,
    "main": "dist-electron/main/index.js",
@@ -71,7 +71,7 @@
        "motion": "^12.23.25",
        "negotiator": "^1.0.0",
        "next": "^16.0.7",
-        "ollama-ai-provider-v2": "^2.0.0",
+        "ollama-ai-provider-v2": "^1.5.4",
        "pako": "^2.1.0",
        "prism-react-renderer": "^2.4.1",
        "react": "^19.1.2",
--- a/packages/mcp-server/README.md
+++ b/packages/mcp-server/README.md
@@ -64,24 +64,6 @@ Add to Cursor MCP config (`~/.cursor/mcp.json`):
 }
 ```

-### Cline (VS Code Extension)
-
-1. Click the **MCP Servers** icon in Cline's top menu bar
-2. Select the **Configure** tab
-3. Click **Configure MCP Servers** to edit `cline_mcp_settings.json`
-4. Add the drawio server:
-
-```json
-{
-  "mcpServers": {
-    "drawio": {
-      "command": "npx",
-      "args": ["@next-ai-drawio/mcp-server@latest"]
-    }
-  }
-}
-```
-
 ### Claude Code CLI

 ```bash
@@ -108,7 +90,7 @@ Use the standard MCP configuration with:
 - **Natural Language**: Describe diagrams in plain text - flowcharts, architecture diagrams, etc.
 - **Edit Support**: Modify existing diagrams with natural language instructions
 - **Export**: Save diagrams as `.drawio` files
- **Self-contained**: Embedded server, works offline (except draw.io UI which loads from `embed.diagrams.net` by default, configurable via `DRAWIO_BASE_URL`)
+- **Self-contained**: Embedded server, works offline (except draw.io UI which loads from embed.diagrams.net)

 ## Available Tools

@@ -148,33 +130,6 @@ Use the standard MCP configuration with:
 | Variable | Default | Description |
 |----------|---------|-------------|
 | `PORT` | `6002` | Port for the embedded HTTP server |
-| `DRAWIO_BASE_URL` | `https://embed.diagrams.net` | Base URL for the draw.io embed. Set this to use a self-hosted draw.io instance for private deployments. |
-
-### Private Deployment (Self-hosted draw.io)
-
-For security-sensitive environments that require private deployment of draw.io:
-
-```json
-{
-  "mcpServers": {
-    "drawio": {
-      "command": "npx",
-      "args": ["@next-ai-drawio/mcp-server@latest"],
-      "env": { 
-        "DRAWIO_BASE_URL": "https://drawio.your-company.com"
-      }
-    }
-  }
-}
-```
-
-You can deploy your own draw.io instance using the official Docker image:
-
-```bash
-docker run -d -p 8080:8080 jgraph/drawio
-```
-
-Then set `DRAWIO_BASE_URL=http://localhost:8080` (or your server's URL).

 ## Troubleshooting

--- a/packages/mcp-server/package.json
+++ b/packages/mcp-server/package.json
@@ -1,6 +1,6 @@
 {
    "name": "@next-ai-drawio/mcp-server",
-    "version": "0.1.11",
+    "version": "0.1.10",
    "description": "MCP server for Next AI Draw.io - AI-powered diagram generation with real-time browser preview",
    "type": "module",
    "main": "dist/index.js",
--- a/packages/mcp-server/src/http-server.ts
+++ b/packages/mcp-server/src/http-server.ts
@@ -13,45 +13,6 @@ import {
 } from "./history.js"
 import { log } from "./logger.js"

-// Configurable draw.io embed URL for private deployments
-const DRAWIO_BASE_URL =
-    process.env.DRAWIO_BASE_URL || "https://embed.diagrams.net"
-
-// Extract origin (scheme + host + port) from URL for postMessage security check
-function getOrigin(url: string): string {
-    try {
-        const parsed = new URL(url)
-        return `${parsed.protocol}//${parsed.host}`
-    } catch {
-        return url // Fallback if parsing fails
-    }
-}
-
-const DRAWIO_ORIGIN = getOrigin(DRAWIO_BASE_URL)
-
-// Minimal blank diagram used to bootstrap new sessions.
-// This avoids the draw.io embed spinner (spin=1) getting stuck when no `load(xml)` is ever sent.
-const DEFAULT_DIAGRAM_XML = `<mxfile host="app.diagrams.net"><diagram id="blank" name="Page-1"><mxGraphModel><root><mxCell id="0"/><mxCell id="1" parent="0"/></root></mxGraphModel></diagram></mxfile>`
-
-// Normalize URL for iframe src - ensure no double slashes
-function normalizeUrl(url: string): string {
-    // Remove trailing slash to avoid double slashes
-    return url.replace(/\/$/, "")
-}
-
-function isLikelyMcpSessionId(sessionId: string): boolean {
-    // Keep this cheap and conservative to avoid creating state for arbitrary IDs.
-    return sessionId.startsWith("mcp-") && sessionId.length <= 128
-}
-
-function ensureSessionStateInitialized(sessionId: string): void {
-    if (!sessionId) return
-    if (!isLikelyMcpSessionId(sessionId)) return
-    if (stateStore.has(sessionId)) return
-
-    setState(sessionId, DEFAULT_DIAGRAM_XML)
-}
-
 interface SessionState {
    xml: string
    version: number
@@ -166,12 +127,7 @@ function cleanupExpiredSessions(): void {
    }
 }

-const cleanupIntervalId = setInterval(cleanupExpiredSessions, 5 * 60 * 1000)
-
-export function shutdown(): void {
-    clearInterval(cleanupIntervalId)
-    stopHttpServer()
-}
+setInterval(cleanupExpiredSessions, 5 * 60 * 1000)

 export function getServerPort(): number {
    return serverPort
@@ -194,11 +150,8 @@ function handleRequest(
    }

    if (url.pathname === "/" || url.pathname === "/index.html") {
-        const sessionId = url.searchParams.get("mcp") || ""
-        ensureSessionStateInitialized(sessionId)
-
        res.writeHead(200, { "Content-Type": "text/html" })
-        res.end(getHtmlPage(sessionId))
+        res.end(getHtmlPage(url.searchParams.get("mcp") || ""))
    } else if (url.pathname === "/api/state") {
        handleStateApi(req, res, url)
    } else if (url.pathname === "/api/history") {
@@ -225,7 +178,6 @@ function handleStateApi(
            res.end(JSON.stringify({ error: "sessionId required" }))
            return
        }
-        ensureSessionStateInitialized(sessionId)
        const state = stateStore.get(sessionId)
        res.writeHead(200, { "Content-Type": "application/json" })
        res.end(
@@ -446,7 +398,7 @@ function getHtmlPage(sessionId: string): string {
            </div>
            <div id="status" class="status disconnected">Connecting...</div>
        </div>
-        <iframe id="drawio" src="${normalizeUrl(DRAWIO_BASE_URL)}/?embed=1&proto=json&spin=1&libraries=1"></iframe>
+        <iframe id="drawio" src="https://embed.diagrams.net/?embed=1&proto=json&spin=1&libraries=1"></iframe>
    </div>
    <button id="history-btn" title="History" ${sessionId ? "" : "disabled"}>
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -476,7 +428,7 @@ function getHtmlPage(sessionId: string): string {
        let pendingAiSvg = false;

        window.addEventListener('message', (e) => {
-            if (e.origin !== '${DRAWIO_ORIGIN}') return;
+            if (e.origin !== 'https://embed.diagrams.net') return;
            try {
                const msg = JSON.parse(e.data);
                if (msg.event === 'init') {
--- a/packages/mcp-server/src/index.ts
+++ b/packages/mcp-server/src/index.ts
@@ -39,7 +39,6 @@ import {
    getState,
    requestSync,
    setState,
-    shutdown,
    startHttpServer,
    waitForSync,
 } from "./http-server.js"
@@ -48,7 +47,7 @@ import { validateAndFixXml } from "./xml-validation.js"

 // Server configuration
 const config = {
-    port: parseInt(process.env.PORT || "6002", 10),
+    port: parseInt(process.env.PORT || "6002"),
 }

 // Session state (single session for simplicity)
@@ -619,31 +618,6 @@ server.registerTool(
    },
 )

-// Graceful shutdown handler
-let isShuttingDown = false
-function gracefulShutdown(reason: string) {
-    if (isShuttingDown) return
-    isShuttingDown = true
-    log.info(`Shutting down: ${reason}`)
-    shutdown()
-    process.exit(0)
-}
-
-// Handle stdin close (primary method - works on all platforms including Windows)
-process.stdin.on("close", () => gracefulShutdown("stdin closed"))
-process.stdin.on("end", () => gracefulShutdown("stdin ended"))
-
-// Handle signals (may not work reliably on Windows)
-process.on("SIGINT", () => gracefulShutdown("SIGINT"))
-process.on("SIGTERM", () => gracefulShutdown("SIGTERM"))
-
-// Handle broken pipe (writing to closed stdout)
-process.stdout.on("error", (err) => {
-    if (err.code === "EPIPE" || err.code === "ERR_STREAM_DESTROYED") {
-        gracefulShutdown("stdout error")
-    }
-})
-
 // Start the MCP server
 async function main() {
    log.info("Starting MCP server for Next AI Draw.io (embedded mode)...")
--- a/scripts/electron-dev.mjs
+++ b/scripts/electron-dev.mjs
@@ -253,7 +253,7 @@ async function main() {
                },
            )
            console.log("👀 Watching for preset configuration changes...")
-        } catch (_err) {
+        } catch (err) {
            // File might not exist yet, that's ok
            setTimeout(setupConfigWatcher, 5000)
        }
Author	SHA1	Message	Date
dayuan.jiang	5df0050334	docs: sync CN/JA READMEs with EN structure and fix all paths	2025-12-30 23:40:00 +09:00
dayuan.jiang	f63ed75465	docs: fix broken import statements in cloudflare deploy guides	2025-12-30 23:35:38 +09:00
dayuan.jiang	dcd1ee9a2e	docs: update README and provider docs	2025-12-30 23:12:02 +09:00
dayuan.jiang	7b18bcaf68	docs: fix links to new docs folder structure	2025-12-30 22:52:40 +09:00
dayuan.jiang	454b86d898	docs: reorganize docs into en/cn/ja folders - Move documentation files into language-specific folders (en, cn, ja) - Add Chinese and Japanese translations for all docs - Extract Docker section from README to separate doc file - Update README to link to new doc locations	2025-12-30 22:50:51 +09:00