feat: add image generation tool and WebUI mode

Co-authored-by: Cursor <cursoragent@cursor.com>

webui/src/i18n/locales/en/common.json

@@ -21,6 +21,14 @@
       "logoutHint": "Disconnect this browser from the gateway.",
       "logout": "Sign out"
     },
+    "system": {
+      "section": "System",
+      "restartHint": "Restart nanobot to apply runtime changes.",
+      "restart": "Restart nanobot"
+    },
+    "restart": {
+      "completed": "Restart completed in {{seconds}}s."
+    },
     "documentTitle": {
       "base": "nanobot",
       "chat": "{{title}} · nanobot"
@@ -104,6 +112,32 @@
           "title": "More",
           "prompt": "Show me a few useful ways you can help in this workspace."
         }
+      },
+      "imageQuickActions": {
+        "icon": {
+          "title": "Design an app icon",
+          "prompt": "Generate a clean 1:1 app icon for nanobot: friendly robot, simple vector style, soft blue and white palette, no text."
+        },
+        "sticker": {
+          "title": "Make a sticker",
+          "prompt": "Generate a cute sticker-style image of a tiny robot assistant, transparent-looking background, expressive and playful."
+        },
+        "poster": {
+          "title": "Create a poster",
+          "prompt": "Generate a polished poster concept for a personal AI assistant, modern composition, strong visual hierarchy, suitable for a landing page."
+        },
+        "product": {
+          "title": "Product mockup",
+          "prompt": "Generate a clean product mockup image for a conversational AI web app, minimal interface, premium lighting, realistic device frame."
+        },
+        "portrait": {
+          "title": "Stylized portrait",
+          "prompt": "Generate a stylized portrait of a friendly AI companion, soft lighting, detailed but approachable, modern illustration style."
+        },
+        "edit": {
+          "title": "Edit an image",
+          "prompt": "Help me edit an image. Ask me to upload or reference the image first, then generate the edited result."
+        }
       }
     },
     "header": {
@@ -120,7 +154,23 @@
       "inputAria": "Message input",
       "sendHint": "Enter to send · Shift+Enter for newline",
       "send": "Send message",
+      "stop": "Stop response",
       "attachImage": "Attach image",
+      "imageMode": {
+        "label": "Image Generation",
+        "toggle": "Toggle image generation mode",
+        "placeholder": "Describe or edit an image…",
+        "aspectAria": "Image aspect ratio",
+        "aspectLabel": "Image aspect",
+        "aspect": {
+          "auto": "Auto",
+          "1_1": "Square 1:1",
+          "3_4": "Portrait 3:4",
+          "9_16": "Story 9:16",
+          "4_3": "Landscape 4:3",
+          "16_9": "Wide 16:9"
+        }
+      },
       "tools": {
         "search": "Search",
         "reason": "Reason",

webui/src/i18n/locales/es/common.json

@@ -9,6 +9,14 @@
       "title": "No se pudo conectar con nanobot",
       "gatewayHint": "Asegúrate de que la gateway esté en ejecución (`nanobot gateway`) y de que esta página esté abierta en la misma máquina."
     },
+    "system": {
+      "section": "Sistema",
+      "restartHint": "Reinicia nanobot para aplicar los cambios de ejecución.",
+      "restart": "Reiniciar nanobot"
+    },
+    "restart": {
+      "completed": "Reinicio completado en {{seconds}} s."
+    },
     "documentTitle": {
       "base": "nanobot",
       "chat": "{{title}} · nanobot"
@@ -80,6 +88,32 @@
           "title": "Más",
           "prompt": "Muéstrame algunas formas útiles en las que puedes ayudar en este workspace."
         }
+      },
+      "imageQuickActions": {
+        "icon": {
+          "title": "Diseñar un icono de app",
+          "prompt": "Genera un icono de app 1:1 limpio para nanobot: robot amigable, estilo vectorial simple, paleta suave azul y blanca, sin texto."
+        },
+        "sticker": {
+          "title": "Crear un sticker",
+          "prompt": "Genera una imagen estilo sticker de un pequeño asistente robot, con fondo de apariencia transparente, expresivo y divertido."
+        },
+        "poster": {
+          "title": "Crear un póster",
+          "prompt": "Genera un concepto de póster pulido para un asistente personal de IA, composición moderna, jerarquía visual fuerte, apto para una landing page."
+        },
+        "product": {
+          "title": "Mockup de producto",
+          "prompt": "Genera una imagen limpia de mockup de producto para una app web de IA conversacional, interfaz mínima, iluminación premium, marco de dispositivo realista."
+        },
+        "portrait": {
+          "title": "Retrato estilizado",
+          "prompt": "Genera un retrato estilizado de un compañero de IA amigable, luz suave, detallado pero cercano, estilo de ilustración moderna."
+        },
+        "edit": {
+          "title": "Editar una imagen",
+          "prompt": "Ayúdame a editar una imagen. Primero pídeme que suba o indique la imagen, y luego genera el resultado editado."
+        }
       }
     },
     "header": {
@@ -93,7 +127,23 @@
       "inputAria": "Entrada de mensaje",
       "sendHint": "Enter para enviar · Shift+Enter para nueva línea",
       "send": "Enviar mensaje",
+      "stop": "Detener respuesta",
       "attachImage": "Adjuntar imagen",
+      "imageMode": {
+        "label": "Generar imagen",
+        "toggle": "Activar o desactivar modo de generación de imágenes",
+        "placeholder": "Describe o edita una imagen…",
+        "aspectAria": "Relación de aspecto de imagen",
+        "aspectLabel": "Formato de imagen",
+        "aspect": {
+          "auto": "Auto",
+          "1_1": "Cuadrado 1:1",
+          "3_4": "Vertical 3:4",
+          "9_16": "Historia 9:16",
+          "4_3": "Horizontal 4:3",
+          "16_9": "Panorámico 16:9"
+        }
+      },
       "encoding": "Procesando…",
       "remove": "Quitar adjunto",
       "normalizedSizeHint": "{{orig}} → {{current}} (auto)",

webui/src/i18n/locales/fr/common.json

@@ -9,6 +9,14 @@
       "title": "Impossible de joindre nanobot",
       "gatewayHint": "Assurez-vous que la gateway est en cours d’exécution (`nanobot gateway`) et que cette page est ouverte sur la même machine."
     },
+    "system": {
+      "section": "Système",
+      "restartHint": "Redémarrez nanobot pour appliquer les changements d’exécution.",
+      "restart": "Redémarrer nanobot"
+    },
+    "restart": {
+      "completed": "Redémarrage terminé en {{seconds}} s."
+    },
     "documentTitle": {
       "base": "nanobot",
       "chat": "{{title}} · nanobot"
@@ -80,6 +88,32 @@
           "title": "Plus",
           "prompt": "Montrez-moi quelques façons utiles dont vous pouvez m’aider dans cet espace de travail."
         }
+      },
+      "imageQuickActions": {
+        "icon": {
+          "title": "Créer une icône d’app",
+          "prompt": "Générez une icône d’application 1:1 propre pour nanobot : robot sympathique, style vectoriel simple, palette douce bleu et blanc, sans texte."
+        },
+        "sticker": {
+          "title": "Créer un sticker",
+          "prompt": "Générez une image façon sticker d’un petit assistant robot, avec un fond d’apparence transparente, expressive et ludique."
+        },
+        "poster": {
+          "title": "Créer une affiche",
+          "prompt": "Générez un concept d’affiche soigné pour un assistant IA personnel, composition moderne, hiérarchie visuelle forte, adapté à une landing page."
+        },
+        "product": {
+          "title": "Maquette produit",
+          "prompt": "Générez une maquette produit propre pour une application web d’IA conversationnelle, interface minimale, éclairage premium, cadre d’appareil réaliste."
+        },
+        "portrait": {
+          "title": "Portrait stylisé",
+          "prompt": "Générez un portrait stylisé d’un compagnon IA sympathique, lumière douce, détaillé mais accessible, style illustration moderne."
+        },
+        "edit": {
+          "title": "Modifier une image",
+          "prompt": "Aidez-moi à modifier une image. Demandez-moi d’abord de téléverser ou d’indiquer l’image, puis générez le résultat modifié."
+        }
       }
     },
     "header": {
@@ -93,7 +127,23 @@
       "inputAria": "Champ de message",
       "sendHint": "Entrée pour envoyer · Maj+Entrée pour un retour à la ligne",
       "send": "Envoyer le message",
+      "stop": "Arrêter la réponse",
       "attachImage": "Joindre une image",
+      "imageMode": {
+        "label": "Génération d’image",
+        "toggle": "Activer ou désactiver le mode génération d’image",
+        "placeholder": "Décrire ou modifier une image…",
+        "aspectAria": "Format de l’image",
+        "aspectLabel": "Format de l’image",
+        "aspect": {
+          "auto": "Auto",
+          "1_1": "Carré 1:1",
+          "3_4": "Portrait 3:4",
+          "9_16": "Story 9:16",
+          "4_3": "Paysage 4:3",
+          "16_9": "Large 16:9"
+        }
+      },
       "encoding": "Traitement…",
       "remove": "Retirer la pièce jointe",
       "normalizedSizeHint": "{{orig}} → {{current}} (auto)",

webui/src/i18n/locales/id/common.json

@@ -9,6 +9,14 @@
       "title": "Tidak dapat menjangkau nanobot",
       "gatewayHint": "Pastikan gateway sedang berjalan (`nanobot gateway`) dan halaman ini dibuka pada mesin yang sama."
     },
+    "system": {
+      "section": "Sistem",
+      "restartHint": "Mulai ulang nanobot untuk menerapkan perubahan runtime.",
+      "restart": "Mulai ulang nanobot"
+    },
+    "restart": {
+      "completed": "Mulai ulang selesai dalam {{seconds}} dtk."
+    },
     "documentTitle": {
       "base": "nanobot",
       "chat": "{{title}} · nanobot"
@@ -80,6 +88,32 @@
           "title": "Lainnya",
           "prompt": "Tunjukkan beberapa cara berguna Anda dapat membantu di workspace ini."
         }
+      },
+      "imageQuickActions": {
+        "icon": {
+          "title": "Desain ikon aplikasi",
+          "prompt": "Buat ikon aplikasi 1:1 yang bersih untuk nanobot: robot ramah, gaya vektor sederhana, palet biru dan putih lembut, tanpa teks."
+        },
+        "sticker": {
+          "title": "Buat stiker",
+          "prompt": "Buat gambar gaya stiker yang lucu dari asisten robot kecil, latar terlihat transparan, ekspresif dan menyenangkan."
+        },
+        "poster": {
+          "title": "Buat poster",
+          "prompt": "Buat konsep poster yang rapi untuk asisten AI pribadi, komposisi modern, hierarki visual kuat, cocok untuk landing page."
+        },
+        "product": {
+          "title": "Mockup produk",
+          "prompt": "Buat gambar mockup produk yang bersih untuk aplikasi web AI percakapan, antarmuka minimal, pencahayaan premium, bingkai perangkat realistis."
+        },
+        "portrait": {
+          "title": "Potret bergaya",
+          "prompt": "Buat potret bergaya dari pendamping AI yang ramah, pencahayaan lembut, detail tetapi tetap mudah didekati, gaya ilustrasi modern."
+        },
+        "edit": {
+          "title": "Edit gambar",
+          "prompt": "Bantu saya mengedit gambar. Minta saya mengunggah atau menyebutkan gambar terlebih dahulu, lalu buat hasil editnya."
+        }
       }
     },
     "header": {
@@ -93,7 +127,23 @@
       "inputAria": "Input pesan",
       "sendHint": "Enter untuk kirim · Shift+Enter untuk baris baru",
       "send": "Kirim pesan",
+      "stop": "Hentikan respons",
       "attachImage": "Lampirkan gambar",
+      "imageMode": {
+        "label": "Buat gambar",
+        "toggle": "Alihkan mode pembuatan gambar",
+        "placeholder": "Deskripsikan atau edit gambar…",
+        "aspectAria": "Rasio aspek gambar",
+        "aspectLabel": "Rasio gambar",
+        "aspect": {
+          "auto": "Otomatis",
+          "1_1": "Persegi 1:1",
+          "3_4": "Potret 3:4",
+          "9_16": "Story 9:16",
+          "4_3": "Lanskap 4:3",
+          "16_9": "Lebar 16:9"
+        }
+      },
       "encoding": "Memproses…",
       "remove": "Hapus lampiran",
       "normalizedSizeHint": "{{orig}} → {{current}} (auto)",

webui/src/i18n/locales/ja/common.json

@@ -9,6 +9,14 @@
       "title": "nanobot に接続できませんでした",
       "gatewayHint": "gateway（`nanobot gateway`）が起動しており、このページが同じマシン上で開かれていることを確認してください。"
     },
+    "system": {
+      "section": "システム",
+      "restartHint": "実行時の変更を適用するには nanobot を再起動します。",
+      "restart": "nanobot を再起動"
+    },
+    "restart": {
+      "completed": "{{seconds}} 秒で再起動が完了しました。"
+    },
     "documentTitle": {
       "base": "nanobot",
       "chat": "{{title}} · nanobot"
@@ -80,6 +88,32 @@
           "title": "その他",
           "prompt": "このワークスペースであなたが手伝える便利な方法をいくつか見せてください。"
         }
+      },
+      "imageQuickActions": {
+        "icon": {
+          "title": "アプリアイコンを作る",
+          "prompt": "nanobot のクリーンな 1:1 アプリアイコンを生成してください。親しみやすいロボット、シンプルなベクター風、柔らかい青と白の配色、文字なし。"
+        },
+        "sticker": {
+          "title": "ステッカーを作る",
+          "prompt": "小さなロボットアシスタントのかわいいステッカー風画像を生成してください。透明風の背景で、表情豊かで遊び心のある雰囲気。"
+        },
+        "poster": {
+          "title": "ポスターを作る",
+          "prompt": "個人向け AI アシスタントの洗練されたポスター案を生成してください。モダンな構図、強い視覚階層、ランディングページ向け。"
+        },
+        "product": {
+          "title": "製品モックアップ",
+          "prompt": "会話型 AI Web アプリのクリーンな製品モックアップ画像を生成してください。ミニマルな UI、上質なライティング、リアルなデバイスフレーム。"
+        },
+        "portrait": {
+          "title": "スタイル付きポートレート",
+          "prompt": "親しみやすい AI コンパニオンのスタイル付きポートレートを生成してください。柔らかい光、細部は豊かで近づきやすい、モダンなイラスト風。"
+        },
+        "edit": {
+          "title": "画像を編集",
+          "prompt": "画像編集を手伝ってください。まず編集する画像のアップロードまたは指定を求め、その後に編集後の結果を生成してください。"
+        }
       }
     },
     "header": {
@@ -93,7 +127,23 @@
       "inputAria": "メッセージ入力欄",
       "sendHint": "Enter で送信 · Shift+Enter で改行",
       "send": "メッセージを送信",
+      "stop": "応答を停止",
       "attachImage": "画像を添付",
+      "imageMode": {
+        "label": "画像生成",
+        "toggle": "画像生成モードを切り替え",
+        "placeholder": "画像を説明または編集…",
+        "aspectAria": "画像のアスペクト比",
+        "aspectLabel": "画像の比率",
+        "aspect": {
+          "auto": "自動",
+          "1_1": "正方形 1:1",
+          "3_4": "縦長 3:4",
+          "9_16": "ストーリー 9:16",
+          "4_3": "横長 4:3",
+          "16_9": "ワイド 16:9"
+        }
+      },
       "encoding": "処理中…",
       "remove": "添付を削除",
       "normalizedSizeHint": "{{orig}} → {{current}}（自動圧縮）",

webui/src/i18n/locales/ko/common.json

@@ -9,6 +9,14 @@
       "title": "nanobot에 연결할 수 없습니다",
       "gatewayHint": "gateway(`nanobot gateway`)가 실행 중인지, 그리고 이 페이지가 같은 머신에서 열려 있는지 확인하세요."
     },
+    "system": {
+      "section": "시스템",
+      "restartHint": "런타임 변경 사항을 적용하려면 nanobot을 다시 시작하세요.",
+      "restart": "nanobot 다시 시작"
+    },
+    "restart": {
+      "completed": "{{seconds}}초 만에 다시 시작되었습니다."
+    },
     "documentTitle": {
       "base": "nanobot",
       "chat": "{{title}} · nanobot"
@@ -80,6 +88,32 @@
           "title": "더 보기",
           "prompt": "이 워크스페이스에서 도와줄 수 있는 유용한 방법을 몇 가지 보여 주세요."
         }
+      },
+      "imageQuickActions": {
+        "icon": {
+          "title": "앱 아이콘 디자인",
+          "prompt": "nanobot을 위한 깔끔한 1:1 앱 아이콘을 생성해 주세요. 친근한 로봇, 단순한 벡터 스타일, 부드러운 파란색과 흰색 팔레트, 텍스트 없음."
+        },
+        "sticker": {
+          "title": "스티커 만들기",
+          "prompt": "작은 로봇 도우미의 귀여운 스티커 스타일 이미지를 생성해 주세요. 투명해 보이는 배경, 표정이 풍부하고 장난스러운 느낌."
+        },
+        "poster": {
+          "title": "포스터 만들기",
+          "prompt": "개인 AI 도우미를 위한 세련된 포스터 콘셉트를 생성해 주세요. 현대적인 구성, 강한 시각적 계층, 랜딩 페이지에 어울리는 스타일."
+        },
+        "product": {
+          "title": "제품 목업",
+          "prompt": "대화형 AI 웹 앱을 위한 깔끔한 제품 목업 이미지를 생성해 주세요. 미니멀한 인터페이스, 고급스러운 조명, 현실적인 기기 프레임."
+        },
+        "portrait": {
+          "title": "스타일화된 초상화",
+          "prompt": "친근한 AI 동반자의 스타일화된 초상화를 생성해 주세요. 부드러운 조명, 세밀하지만 다가가기 쉬운 분위기, 현대적인 일러스트 스타일."
+        },
+        "edit": {
+          "title": "이미지 편집",
+          "prompt": "이미지 편집을 도와주세요. 먼저 편집할 이미지를 업로드하거나 지정하게 한 뒤, 편집된 결과를 생성해 주세요."
+        }
       }
     },
     "header": {
@@ -93,7 +127,23 @@
       "inputAria": "메시지 입력",
       "sendHint": "Enter로 전송 · Shift+Enter로 줄바꿈",
       "send": "메시지 보내기",
+      "stop": "응답 중지",
       "attachImage": "이미지 첨부",
+      "imageMode": {
+        "label": "이미지 생성",
+        "toggle": "이미지 생성 모드 전환",
+        "placeholder": "이미지를 설명하거나 편집하세요…",
+        "aspectAria": "이미지 화면 비율",
+        "aspectLabel": "이미지 비율",
+        "aspect": {
+          "auto": "자동",
+          "1_1": "정사각형 1:1",
+          "3_4": "세로 3:4",
+          "9_16": "스토리 9:16",
+          "4_3": "가로 4:3",
+          "16_9": "와이드 16:9"
+        }
+      },
       "encoding": "처리 중…",
       "remove": "첨부 제거",
       "normalizedSizeHint": "{{orig}} → {{current}} (자동 압축)",

webui/src/i18n/locales/vi/common.json

@@ -9,6 +9,14 @@
       "title": "Không thể kết nối tới nanobot",
       "gatewayHint": "Hãy chắc chắn gateway đang chạy (`nanobot gateway`) và trang này được mở trên cùng máy."
     },
+    "system": {
+      "section": "Hệ thống",
+      "restartHint": "Khởi động lại nanobot để áp dụng thay đổi runtime.",
+      "restart": "Khởi động lại nanobot"
+    },
+    "restart": {
+      "completed": "Khởi động lại hoàn tất sau {{seconds}} giây."
+    },
     "documentTitle": {
       "base": "nanobot",
       "chat": "{{title}} · nanobot"
@@ -80,6 +88,32 @@
           "title": "Thêm",
           "prompt": "Cho tôi xem vài cách hữu ích mà bạn có thể giúp trong workspace này."
         }
+      },
+      "imageQuickActions": {
+        "icon": {
+          "title": "Thiết kế biểu tượng app",
+          "prompt": "Tạo một biểu tượng ứng dụng 1:1 gọn gàng cho nanobot: robot thân thiện, phong cách vector đơn giản, bảng màu xanh trắng dịu, không có chữ."
+        },
+        "sticker": {
+          "title": "Tạo sticker",
+          "prompt": "Tạo một hình kiểu sticker dễ thương của trợ lý robot nhỏ, nền trông như trong suốt, biểu cảm và vui nhộn."
+        },
+        "poster": {
+          "title": "Tạo poster",
+          "prompt": "Tạo một ý tưởng poster chỉn chu cho trợ lý AI cá nhân, bố cục hiện đại, phân cấp thị giác rõ, phù hợp cho landing page."
+        },
+        "product": {
+          "title": "Mockup sản phẩm",
+          "prompt": "Tạo một hình mockup sản phẩm gọn gàng cho ứng dụng web AI hội thoại, giao diện tối giản, ánh sáng cao cấp, khung thiết bị chân thực."
+        },
+        "portrait": {
+          "title": "Chân dung cách điệu",
+          "prompt": "Tạo chân dung cách điệu của một người bạn đồng hành AI thân thiện, ánh sáng mềm, chi tiết nhưng dễ gần, phong cách minh họa hiện đại."
+        },
+        "edit": {
+          "title": "Chỉnh sửa ảnh",
+          "prompt": "Giúp tôi chỉnh sửa một ảnh. Trước tiên hãy yêu cầu tôi tải lên hoặc chỉ định ảnh, rồi tạo kết quả đã chỉnh sửa."
+        }
       }
     },
     "header": {
@@ -93,7 +127,23 @@
       "inputAria": "Ô nhập tin nhắn",
       "sendHint": "Enter để gửi · Shift+Enter để xuống dòng",
       "send": "Gửi tin nhắn",
+      "stop": "Dừng phản hồi",
       "attachImage": "Đính kèm ảnh",
+      "imageMode": {
+        "label": "Tạo ảnh",
+        "toggle": "Bật/tắt chế độ tạo ảnh",
+        "placeholder": "Mô tả hoặc chỉnh sửa ảnh…",
+        "aspectAria": "Tỷ lệ khung hình ảnh",
+        "aspectLabel": "Tỷ lệ ảnh",
+        "aspect": {
+          "auto": "Tự động",
+          "1_1": "Vuông 1:1",
+          "3_4": "Dọc 3:4",
+          "9_16": "Story 9:16",
+          "4_3": "Ngang 4:3",
+          "16_9": "Rộng 16:9"
+        }
+      },
       "encoding": "Đang xử lý…",
       "remove": "Xóa tệp đính kèm",
       "normalizedSizeHint": "{{orig}} → {{current}} (tự động)",

webui/src/i18n/locales/zh-CN/common.json

@@ -9,6 +9,14 @@
       "title": "无法连接到 nanobot",
       "gatewayHint": "请确认 gateway 已启动（`nanobot gateway`），并且当前页面与 gateway 运行在同一台机器上。"
     },
+    "system": {
+      "section": "系统",
+      "restartHint": "重启 nanobot 以应用运行时更改。",
+      "restart": "重启 nanobot"
+    },
+    "restart": {
+      "completed": "重启已完成，用时 {{seconds}} 秒。"
+    },
     "documentTitle": {
       "base": "nanobot",
       "chat": "{{title}} · nanobot"
@@ -92,6 +100,32 @@
           "title": "更多",
           "prompt": "展示几个你在这个工作区里可以帮我的实用方式。"
         }
+      },
+      "imageQuickActions": {
+        "icon": {
+          "title": "设计应用图标",
+          "prompt": "生成一个干净的 1:1 nanobot 应用图标：友好的机器人，简洁矢量风格，蓝白柔和配色，不要文字。"
+        },
+        "sticker": {
+          "title": "制作贴纸",
+          "prompt": "生成一张可爱的贴纸风小机器人助手图片，背景像透明贴纸，表情活泼有趣。"
+        },
+        "poster": {
+          "title": "创建海报",
+          "prompt": "生成一张个人 AI 助手的精致海报概念图，现代构图，视觉层级清晰，适合落地页展示。"
+        },
+        "product": {
+          "title": "产品样机",
+          "prompt": "生成一张对话式 AI Web 应用的干净产品样机图，极简界面，高级光影，真实设备边框。"
+        },
+        "portrait": {
+          "title": "风格化头像",
+          "prompt": "生成一个友好的 AI 伙伴风格化头像，柔和光线，细节丰富但亲切，现代插画风格。"
+        },
+        "edit": {
+          "title": "编辑图片",
+          "prompt": "帮我编辑一张图片。先让我上传或指定要编辑的图片，然后生成编辑后的结果。"
+        }
       }
     },
     "header": {
@@ -108,7 +142,23 @@
       "inputAria": "消息输入框",
       "sendHint": "Enter 发送 · Shift+Enter 换行",
       "send": "发送消息",
+      "stop": "停止响应",
       "attachImage": "添加图片",
+      "imageMode": {
+        "label": "图片生成",
+        "toggle": "切换图片生成模式",
+        "placeholder": "描述或编辑图片…",
+        "aspectAria": "图片画幅",
+        "aspectLabel": "图片画幅",
+        "aspect": {
+          "auto": "自动",
+          "1_1": "方形 1:1",
+          "3_4": "竖版 3:4",
+          "9_16": "故事版 9:16",
+          "4_3": "横版 4:3",
+          "16_9": "宽屏 16:9"
+        }
+      },
       "tools": {
         "search": "搜索",
         "reason": "推理",

webui/src/i18n/locales/zh-TW/common.json

@@ -9,6 +9,14 @@
       "title": "無法連線到 nanobot",
       "gatewayHint": "請確認 gateway 已啟動（`nanobot gateway`），並且目前頁面與 gateway 在同一台機器上開啟。"
     },
+    "system": {
+      "section": "系統",
+      "restartHint": "重新啟動 nanobot 以套用執行階段變更。",
+      "restart": "重新啟動 nanobot"
+    },
+    "restart": {
+      "completed": "重新啟動已完成，耗時 {{seconds}} 秒。"
+    },
     "documentTitle": {
       "base": "nanobot",
       "chat": "{{title}} · nanobot"
@@ -80,6 +88,32 @@
           "title": "更多",
           "prompt": "展示幾個你在這個工作區裡可以幫我的實用方式。"
         }
+      },
+      "imageQuickActions": {
+        "icon": {
+          "title": "設計應用程式圖示",
+          "prompt": "生成一個乾淨的 1:1 nanobot 應用程式圖示：友善的機器人、簡潔向量風格、柔和藍白配色，不要文字。"
+        },
+        "sticker": {
+          "title": "製作貼圖",
+          "prompt": "生成一張可愛貼圖風格的小型機器人助理圖片，背景像透明貼紙，表情活潑有趣。"
+        },
+        "poster": {
+          "title": "建立海報",
+          "prompt": "生成一張個人 AI 助理的精緻海報概念圖，現代構圖、清楚的視覺層級，適合登陸頁展示。"
+        },
+        "product": {
+          "title": "產品樣機",
+          "prompt": "生成一張對話式 AI Web 應用的乾淨產品樣機圖，極簡介面、高級光影、真實裝置邊框。"
+        },
+        "portrait": {
+          "title": "風格化頭像",
+          "prompt": "生成一個友善 AI 夥伴的風格化頭像，柔和光線、細節豐富但親切，現代插畫風格。"
+        },
+        "edit": {
+          "title": "編輯圖片",
+          "prompt": "幫我編輯一張圖片。先請我上傳或指定要編輯的圖片，然後生成編輯後的結果。"
+        }
       }
     },
     "header": {
@@ -93,7 +127,23 @@
       "inputAria": "訊息輸入框",
       "sendHint": "Enter 送出 · Shift+Enter 換行",
       "send": "送出訊息",
+      "stop": "停止回覆",
       "attachImage": "附加圖片",
+      "imageMode": {
+        "label": "圖片生成",
+        "toggle": "切換圖片生成模式",
+        "placeholder": "描述或編輯圖片…",
+        "aspectAria": "圖片畫幅",
+        "aspectLabel": "圖片畫幅",
+        "aspect": {
+          "auto": "自動",
+          "1_1": "方形 1:1",
+          "3_4": "直式 3:4",
+          "9_16": "故事版 9:16",
+          "4_3": "橫式 4:3",
+          "16_9": "寬螢幕 16:9"
+        }
+      },
       "encoding": "處理中…",
       "remove": "移除附件",
       "normalizedSizeHint": "{{orig}} → {{current}}（已自動壓縮）",