fix(deps): update dependency zod to v4

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

.github/workflows/docker-build.yml

@@ -54,7 +54,7 @@ jobs:
             type=raw,value=latest,enable={{is_default_branch}}
 
       - name: Build and push Docker image
-        uses: docker/build-push-action@v5
+        uses: docker/build-push-action@v6
         with:
           context: .
           push: ${{ github.event_name != 'pull_request' }}

components/chat-input.tsx

@@ -1,15 +1,22 @@
 "use client"
 
-import { Image as ImageIcon, Loader2, Send, Trash2 } from "lucide-react"
+import {
+    Download,
+    History,
+    Image as ImageIcon,
+    Loader2,
+    Send,
+    Trash2,
+} from "lucide-react"
 import type React from "react"
 import { useCallback, useEffect, useRef, useState } from "react"
 import { toast } from "sonner"
 import { ButtonWithTooltip } from "@/components/button-with-tooltip"
 import { ErrorToast } from "@/components/error-toast"
-
+import { HistoryDialog } from "@/components/history-dialog"
 import { ModelSelector } from "@/components/model-selector"
 import { ResetWarningModal } from "@/components/reset-warning-modal"
-
+import { SaveDialog } from "@/components/save-dialog"
 import { Button } from "@/components/ui/button"
 import { Switch } from "@/components/ui/switch"
 import { Textarea } from "@/components/ui/textarea"
@@ -18,7 +25,7 @@ import {
     TooltipContent,
     TooltipTrigger,
 } from "@/components/ui/tooltip"
-
+import { useDiagram } from "@/contexts/diagram-context"
 import { useDictionary } from "@/hooks/use-dictionary"
 import { formatMessage } from "@/lib/i18n/utils"
 import { isPdfFile, isTextFile } from "@/lib/pdf-utils"
@@ -145,7 +152,8 @@ interface ChatInputProps {
         File,
         { text: string; charCount: number; isExtracting: boolean }
     >
-
+    showHistory?: boolean
+    onToggleHistory?: (show: boolean) => void
     sessionId?: string
     error?: Error | null
     minimalStyle?: boolean
@@ -167,7 +175,9 @@ export function ChatInput({
     files = [],
     onFileChange = () => {},
     pdfData = new Map(),
-
+    showHistory = false,
+    onToggleHistory = () => {},
+    sessionId,
     error = null,
     minimalStyle = false,
     onMinimalStyleChange = () => {},
@@ -178,7 +188,12 @@ export function ChatInput({
     onConfigureModels = () => {},
 }: ChatInputProps) {
     const dict = useDictionary()
-
+    const {
+        diagramHistory,
+        saveDiagramToFile,
+        showSaveDialog,
+        setShowSaveDialog,
+    } = useDiagram()
     const textareaRef = useRef<HTMLTextAreaElement>(null)
     const fileInputRef = useRef<HTMLInputElement>(null)
     const [isDragging, setIsDragging] = useState(false)
@@ -371,6 +386,11 @@ export function ChatInput({
                             onClear={handleClear}
                         />
 
+                        <HistoryDialog
+                            showHistory={showHistory}
+                            onToggleHistory={onToggleHistory}
+                        />
+
                         <Tooltip>
                             <TooltipTrigger asChild>
                                 <div className="flex items-center gap-1.5">
@@ -401,7 +421,41 @@ export function ChatInput({
                     </div>
 
                     <div className="flex items-center gap-1 overflow-hidden justify-end">
-                        <div className="flex items-center gap-1 overflow-x-hidden">
+                        <ButtonWithTooltip
+                            type="button"
+                            variant="ghost"
+                            size="sm"
+                            onClick={() => onToggleHistory(true)}
+                            disabled={isDisabled || diagramHistory.length === 0}
+                            tooltipContent={dict.chat.diagramHistory}
+                            className="h-8 w-8 p-0 text-muted-foreground hover:text-foreground"
+                        >
+                            <History className="h-4 w-4" />
+                        </ButtonWithTooltip>
+
+                        <ButtonWithTooltip
+                            type="button"
+                            variant="ghost"
+                            size="sm"
+                            onClick={() => setShowSaveDialog(true)}
+                            disabled={isDisabled}
+                            tooltipContent={dict.chat.saveDiagram}
+                            className="h-8 w-8 p-0 text-muted-foreground hover:text-foreground"
+                        >
+                            <Download className="h-4 w-4" />
+                        </ButtonWithTooltip>
+
+                        <SaveDialog
+                            open={showSaveDialog}
+                            onOpenChange={setShowSaveDialog}
+                            onSave={(filename, format) =>
+                                saveDiagramToFile(filename, format, sessionId)
+                            }
+                            defaultFilename={`diagram-${new Date()
+                                .toISOString()
+                                .slice(0, 10)}`}
+                        />
+
                         <ButtonWithTooltip
                             type="button"
                             variant="ghost"
@@ -423,7 +477,7 @@ export function ChatInput({
                             multiple
                             disabled={isDisabled}
                         />
-                        </div>
+
                         <ModelSelector
                             models={models}
                             selectedModelId={selectedModelId}
@@ -432,7 +486,9 @@ export function ChatInput({
                             disabled={isDisabled}
                             showUnvalidatedModels={showUnvalidatedModels}
                         />
+
                         <div className="w-px h-5 bg-border mx-1" />
+
                         <Button
                             type="submit"
                             disabled={isDisabled || !input.trim()}

components/chat-panel.tsx

@@ -154,6 +154,7 @@ export default function ChatPanel({
     // File processing using extracted hook
     const { files, pdfData, handleFileChange, setFiles } = useFileProcessor()
 
+    const [showHistory, setShowHistory] = useState(false)
     const [showSettingsDialog, setShowSettingsDialog] = useState(false)
     const [showModelConfigDialog, setShowModelConfigDialog] = useState(false)
 
@@ -1065,6 +1066,8 @@ export default function ChatPanel({
                     files={files}
                     onFileChange={handleFileChange}
                     pdfData={pdfData}
+                    showHistory={showHistory}
+                    onToggleHistory={setShowHistory}
                     sessionId={sessionId}
                     error={error}
                     minimalStyle={minimalStyle}
@@ -1085,7 +1088,6 @@ export default function ChatPanel({
                 onToggleDrawioUi={onToggleDrawioUi}
                 darkMode={darkMode}
                 onToggleDarkMode={onToggleDarkMode}
-                sessionId={sessionId}
             />
 
             <ModelConfigDialog

components/settings-dialog.tsx

@@ -1,10 +1,8 @@
 "use client"
 
-import { Download, History, Moon, Sun } from "lucide-react"
+import { Moon, Sun } from "lucide-react"
 import { usePathname, useRouter, useSearchParams } from "next/navigation"
 import { Suspense, useEffect, useState } from "react"
-import { HistoryDialog } from "@/components/history-dialog"
-import { type ExportFormat, SaveDialog } from "@/components/save-dialog"
 import { Button } from "@/components/ui/button"
 import {
     Dialog,
@@ -23,7 +21,6 @@ import {
     SelectValue,
 } from "@/components/ui/select"
 import { Switch } from "@/components/ui/switch"
-import { useDiagram } from "@/contexts/diagram-context"
 import { useDictionary } from "@/hooks/use-dictionary"
 import { getApiEndpoint } from "@/lib/base-path"
 import { i18n, type Locale } from "@/lib/i18n/config"
@@ -68,7 +65,6 @@ interface SettingsDialogProps {
     onToggleDrawioUi: () => void
     darkMode: boolean
     onToggleDarkMode: () => void
-    sessionId?: string
 }
 
 export const STORAGE_ACCESS_CODE_KEY = "next-ai-draw-io-access-code"
@@ -90,7 +86,6 @@ function SettingsContent({
     onToggleDrawioUi,
     darkMode,
     onToggleDarkMode,
-    sessionId,
 }: SettingsDialogProps) {
     const dict = useDictionary()
     const router = useRouter()
@@ -100,21 +95,11 @@ function SettingsContent({
     const [closeProtection, setCloseProtection] = useState(true)
     const [isVerifying, setIsVerifying] = useState(false)
     const [error, setError] = useState("")
-    const [showHistory, setShowHistory] = useState(false)
-    const [showSaveDialog, setShowSaveDialog] = useState(false)
     const [accessCodeRequired, setAccessCodeRequired] = useState(
         () => getStoredAccessCodeRequired() ?? false,
     )
     const [currentLang, setCurrentLang] = useState("en")
 
-    // Get diagram context
-    const { diagramHistory, saveDiagramToFile } = useDiagram()
-
-    // Handler for saving diagram (RENAMED to avoid conflict)
-    const handleDiagramSave = (filename: string, format: ExportFormat) => {
-        saveDiagramToFile(filename, format, sessionId)
-    }
-
     useEffect(() => {
         // Only fetch if not cached in localStorage
         if (getStoredAccessCodeRequired() !== null) return
@@ -221,7 +206,6 @@ function SettingsContent({
     }
 
     return (
-        <>
         <DialogContent className="sm:max-w-lg p-0 gap-0">
             {/* Header */}
             <DialogHeader className="px-6 pt-6 pb-4">
@@ -265,9 +249,7 @@ function SettingsContent({
                                 />
                                 <Button
                                     onClick={handleSave}
-                                        disabled={
+                                    disabled={isVerifying || !accessCode.trim()}
-                                            isVerifying || !accessCode.trim()
-                                        }
                                     className="h-9 px-4 rounded-xl"
                                 >
                                     {isVerifying ? "..." : dict.common.save}
@@ -351,9 +333,7 @@ function SettingsContent({
                     {/* Close Protection */}
                     <SettingItem
                         label={dict.settings.closeProtection}
-                            description={
+                        description={dict.settings.closeProtectionDescription}
-                                dict.settings.closeProtectionDescription
-                            }
                     >
                         <Switch
                             id="close-protection"
@@ -368,38 +348,6 @@ function SettingsContent({
                             }}
                         />
                     </SettingItem>
-
-                        {/* Diagram Actions */}
-                        <SettingItem
-                            label={dict.settings.diagramActions}
-                            description={
-                                dict.settings.diagramActionsDescription
-                            }
-                        >
-                            <div className="flex gap-2">
-                                <Button
-                                    id="history-button"
-                                    variant="outline"
-                                    size="sm"
-                                    onClick={() => setShowHistory(true)}
-                                    disabled={diagramHistory.length === 0}
-                                    className="h-9 rounded-xl border-border-subtle hover:bg-interactive-hover"
-                                >
-                                    <History className="h-4 w-4 mr-1.5" />
-                                    {dict.settings.history}
-                                </Button>
-                                <Button
-                                    id="download-button"
-                                    variant="outline"
-                                    size="sm"
-                                    onClick={() => setShowSaveDialog(true)}
-                                    className="h-9 rounded-xl border-border-subtle hover:bg-interactive-hover"
-                                >
-                                    <Download className="h-4 w-4 mr-1.5" />
-                                    {dict.settings.download}
-                                </Button>
-                            </div>
-                        </SettingItem>
                 </div>
             </div>
 
@@ -410,22 +358,6 @@ function SettingsContent({
                 </p>
             </div>
         </DialogContent>
-            ;(
-            <HistoryDialog
-                showHistory={showHistory}
-                onToggleHistory={setShowHistory}
-            />
-            )
-            <SaveDialog
-                open={showSaveDialog}
-                onOpenChange={setShowSaveDialog}
-                onSave={handleDiagramSave}
-                defaultFilename={`diagram-${new Date()
-                    .toISOString()
-                    .slice(0, 10)}
-`}
-            />
-        </>
     )
 }
 

lib/i18n/dictionaries/en.json

@@ -98,11 +98,7 @@
         "minimal": "Minimal",
         "sketch": "Sketch",
         "closeProtection": "Close Protection",
-        "closeProtectionDescription": "Show confirmation when leaving the page.",
+        "closeProtectionDescription": "Show confirmation when leaving the page."
-        "diagramActions": "Diagram Actions",
-        "diagramActionsDescription": "Manage diagram history and exports",
-        "history": "History",
-        "download": "Download"
     },
     "save": {
         "title": "Save Diagram",

lib/i18n/dictionaries/ja.json

@@ -98,11 +98,7 @@
         "minimal": "ミニマル",
         "sketch": "スケッチ",
         "closeProtection": "ページ離脱確認",
-        "closeProtectionDescription": "ページを離れる際に確認を表示します。",
+        "closeProtectionDescription": "ページを離れる際に確認を表示します。"
-        "diagramActions": "ダイアグラム操作",
-        "diagramActionsDescription": "ダイアグラムの履歴とエクスポートを管理",
-        "history": "履歴",
-        "download": "ダウンロード"
     },
     "save": {
         "title": "ダイアグラムを保存",

lib/i18n/dictionaries/zh.json

@@ -98,11 +98,7 @@
         "minimal": "简约",
         "sketch": "草图",
         "closeProtection": "关闭确认",
-        "closeProtectionDescription": "离开页面时显示确认。",
+        "closeProtectionDescription": "离开页面时显示确认。"
-        "diagramActions": "图表操作",
-        "diagramActionsDescription": "管理图表历史记录和导出",
-        "history": "历史记录",
-        "download": "下载"
     },
     "save": {
         "title": "保存图表",

packages/mcp-server/package-lock.json

@@ -11,8 +11,8 @@
             "dependencies": {
                 "@modelcontextprotocol/sdk": "^1.0.4",
                 "linkedom": "^0.18.0",
-                "open": "^10.1.0",
+                "open": "^11.0.0",
-                "zod": "^3.24.0"
+                "zod": "^4.0.0"
             },
             "bin": {
                 "next-ai-drawio-mcp": "dist/index.js"
@@ -1372,6 +1372,18 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/is-in-ssh": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-in-ssh/-/is-in-ssh-1.0.0.tgz",
+            "integrity": "sha512-jYa6Q9rH90kR1vKB6NM7qqd1mge3Fx4Dhw5TVlK1MUBqhEOuCagrEHMevNuCcbECmXZ0ThXkRm+Ymr51HwEPAw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=20"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/is-inside-container": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz",
@@ -1587,18 +1599,20 @@
             }
         },
         "node_modules/open": {
-            "version": "10.2.0",
+            "version": "11.0.0",
-            "resolved": "https://registry.npmjs.org/open/-/open-10.2.0.tgz",
+            "resolved": "https://registry.npmjs.org/open/-/open-11.0.0.tgz",
-            "integrity": "sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==",
+            "integrity": "sha512-smsWv2LzFjP03xmvFoJ331ss6h+jixfA4UUV/Bsiyuu4YJPfN+FIQGOIiv4w9/+MoHkfkJ22UIaQWRVFRfH6Vw==",
             "license": "MIT",
             "dependencies": {
-                "default-browser": "^5.2.1",
+                "default-browser": "^5.4.0",
                 "define-lazy-prop": "^3.0.0",
+                "is-in-ssh": "^1.0.0",
                 "is-inside-container": "^1.0.0",
-                "wsl-utils": "^0.1.0"
+                "powershell-utils": "^0.1.0",
+                "wsl-utils": "^0.3.0"
             },
             "engines": {
-                "node": ">=18"
+                "node": ">=20"
             },
             "funding": {
                 "url": "https://github.com/sponsors/sindresorhus"
@@ -1641,6 +1655,18 @@
                 "node": ">=16.20.0"
             }
         },
+        "node_modules/powershell-utils": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/powershell-utils/-/powershell-utils-0.1.0.tgz",
+            "integrity": "sha512-dM0jVuXJPsDN6DvRpea484tCUaMiXWjuCn++HGTqUWzGDjv5tZkEZldAJ/UMlqRYGFrD/etByo4/xOuC/snX2A==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=20"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/proxy-addr": {
             "version": "2.0.7",
             "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -2009,24 +2035,25 @@
             "license": "ISC"
         },
         "node_modules/wsl-utils": {
-            "version": "0.1.0",
+            "version": "0.3.0",
-            "resolved": "https://registry.npmjs.org/wsl-utils/-/wsl-utils-0.1.0.tgz",
+            "resolved": "https://registry.npmjs.org/wsl-utils/-/wsl-utils-0.3.0.tgz",
-            "integrity": "sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==",
+            "integrity": "sha512-3sFIGLiaDP7rTO4xh3g+b3AzhYDIUGGywE/WsmqzJWDxus5aJXVnPTNC/6L+r2WzrwXqVOdD262OaO+cEyPMSQ==",
             "license": "MIT",
             "dependencies": {
-                "is-wsl": "^3.1.0"
+                "is-wsl": "^3.1.0",
+                "powershell-utils": "^0.1.0"
             },
             "engines": {
-                "node": ">=18"
+                "node": ">=20"
             },
             "funding": {
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
         "node_modules/zod": {
-            "version": "3.25.76",
+            "version": "4.2.1",
-            "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+            "resolved": "https://registry.npmjs.org/zod/-/zod-4.2.1.tgz",
-            "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+            "integrity": "sha512-0wZ1IRqGGhMP76gLqz8EyfBXKk0J2qo2+H3fi4mcUP/KtTocoX08nmIAHl1Z2kJIZbZee8KOpBCSNPRgauucjw==",
             "license": "MIT",
             "peer": true,
             "funding": {

packages/mcp-server/package.json

@@ -38,8 +38,8 @@
     "dependencies": {
         "@modelcontextprotocol/sdk": "^1.0.4",
         "linkedom": "^0.18.0",
-        "open": "^10.1.0",
+        "open": "^11.0.0",
-        "zod": "^3.24.0"
+        "zod": "^4.0.0"
     },
     "devDependencies": {
         "@types/node": "^20",