feat: add image generation tool and WebUI mode

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

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}} (자동 압축)",