다국어설정 모달생성

frontend/components/screen/toolbar/SlimToolbar.tsx

@@ -2,7 +2,7 @@
 
 import React from "react";
 import { Button } from "@/components/ui/button";
-import { Database, ArrowLeft, Save, Monitor, Smartphone, Languages } from "lucide-react";
+import { Database, ArrowLeft, Save, Monitor, Smartphone, Languages, Settings2 } from "lucide-react";
 import { ScreenResolution } from "@/types/screen";
 
 interface SlimToolbarProps {
@@ -15,6 +15,7 @@ interface SlimToolbarProps {
   onPreview?: () => void;
   onGenerateMultilang?: () => void;
   isGeneratingMultilang?: boolean;
+  onOpenMultilangSettings?: () => void;
 }
 
 export const SlimToolbar: React.FC<SlimToolbarProps> = ({
@@ -27,6 +28,7 @@ export const SlimToolbar: React.FC<SlimToolbarProps> = ({
   onPreview,
   onGenerateMultilang,
   isGeneratingMultilang = false,
+  onOpenMultilangSettings,
 }) => {
   return (
     <div className="flex h-14 items-center justify-between border-b border-gray-200 bg-gradient-to-r from-gray-50 to-white px-4 shadow-sm">
@@ -86,6 +88,17 @@ export const SlimToolbar: React.FC<SlimToolbarProps> = ({
             <span>{isGeneratingMultilang ? "생성 중..." : "다국어 생성"}</span>
           </Button>
         )}
+        {onOpenMultilangSettings && (
+          <Button
+            variant="outline"
+            onClick={onOpenMultilangSettings}
+            className="flex items-center space-x-2"
+            title="다국어 키 연결 및 설정을 관리합니다"
+          >
+            <Settings2 className="h-4 w-4" />
+            <span>다국어 설정</span>
+          </Button>
+        )}
         <Button onClick={onSave} disabled={isSaving} className="flex items-center space-x-2">
           <Save className="h-4 w-4" />
           <span>{isSaving ? "저장 중..." : "저장"}</span>