refine deployment and runtime config behavior

src/pages/runtime/RuntimeConfigPage.tsx

@@ -209,9 +209,11 @@ export function RuntimeConfigPage() {
 
   const addVariable = () => {
     if (!selectedProfile || !variableComponentId || !variableKey.trim() || !variableValue.trim()) return;
+    const key = variableKey.trim();
+    setError('');
     createRuntimeVariable(selectedProfile.id, {
       componentId: variableComponentId,
-      key: variableKey.trim(),
+      key,
       value: variableValue.trim(),
       isSecret: variableIsSecret
     })
@@ -219,9 +221,17 @@ export function RuntimeConfigPage() {
         setVariableKey('');
         setVariableValue('');
         setVariableIsSecret(false);
+        toast({
+          type: 'success',
+          title: '설정값 등록',
+          message: `${key} 설정값을 추가했습니다. 실행 중인 파드에는 적용 버튼을 눌러야 반영됩니다.`
+        });
         refreshProfiles(appId, selectedProfile.id);
       })
-      .catch((createError: Error) => setError(createError.message));
+      .catch((createError: Error) => {
+        setError(createError.message);
+        toast({ type: 'error', title: '설정값 등록 실패', message: createError.message });
+      });
   };
 
   const removeVariable = (variableId: string) => {
@@ -497,7 +507,7 @@ export function RuntimeConfigPage() {
               <label className="block">
                 <span className="text-xs font-medium text-muted-foreground">Key</span>
                 <div className="mt-2 flex items-center gap-2">
-                  <input className="h-9 min-w-0 flex-1 rounded-md border border-input bg-background px-3 font-mono text-sm text-foreground outline-none placeholder:text-muted-foreground focus:ring-2 focus:ring-ring" value={variableKey} onChange={(event) => setVariableKey(event.target.value)} placeholder="DATABASE_URL" />
+                  <input className="h-9 min-w-0 flex-1 rounded-md border border-input bg-background px-3 font-mono text-sm text-foreground outline-none placeholder:text-muted-foreground focus:ring-2 focus:ring-ring" value={variableKey} onChange={(event) => setVariableKey(event.target.value)} placeholder="키 입력" />
                   <label className="flex shrink-0 items-center gap-2 text-xs text-muted-foreground">
                     <input type="checkbox" className="size-4 accent-primary" checked={variableIsSecret} onChange={(event) => setVariableIsSecret(event.target.checked)} />
                     Secret