feat: complete release preparation, 10+ ad mediation, CI/CD, and docker deployment

apps/desktop/src/renderer/components/TemplateSection.tsx

@@ -1,7 +1,7 @@
 // src/renderer/components/TemplateSection.tsx
 // Phase 12.3: 딕테이션 템플릿 관리 UI (CommandsPage 내 섹션)
 
-import { useState, useEffect, useCallback } from 'react'
+import { useState, useEffect, useCallback, useRef } from 'react'
 import { Box, Button, IconButton, Dialog, DialogTitle, DialogContent, DialogActions, TextField, Tooltip } from '@mui/material'
 import { Plus, Trash2, Pencil, Play } from 'lucide-react'
 import { MetalCard, PhosphorText, Led, PhysicalButton } from '@d3ro/ui/components/ds'
@@ -22,6 +22,10 @@ export function TemplateSection(): React.ReactElement {
   const [formFields, setFormFields] = useState<TemplateField[]>([])
   const [session, setSession] = useState<TemplateSessionInfo | null>(null)
 
+  const [saving, setSaving] = useState(false)
+  const isSavingRef = useRef(false)
+  const isDeletingRef = useRef(false)
+
   const loadData = useCallback(async () => {
     setLoading(true)
     const result = await window.electronAPI.dictationTemplate.getAll()
@@ -45,6 +49,7 @@ export function TemplateSection(): React.ReactElement {
   }, [loadData])
 
   const openCreate = () => {
+    if (dialogOpen) return
     setEditId(null)
     setFormName('')
     setFormDesc('')
@@ -54,6 +59,7 @@ export function TemplateSection(): React.ReactElement {
   }
 
   const openEdit = (template: DictationTemplate) => {
+    if (dialogOpen) return
     setEditId(template.id)
     setFormName(template.name)
     setFormDesc(template.description)
@@ -63,29 +69,43 @@ export function TemplateSection(): React.ReactElement {
   }
 
   const handleSave = async () => {
-    if (editId) {
-      await window.electronAPI.dictationTemplate.update({
-        id: editId,
-        name: formName.trim(),
-        description: formDesc.trim(),
-        fields: formFields,
-        outputFormat: formOutput,
-      })
-    } else {
-      await window.electronAPI.dictationTemplate.create({
-        name: formName.trim(),
-        description: formDesc.trim(),
-        fields: formFields,
-        outputFormat: formOutput,
-      })
+    if (!formName.trim() || formFields.length === 0 || saving || isSavingRef.current) return
+    isSavingRef.current = true
+    setSaving(true)
+    try {
+      if (editId) {
+        await window.electronAPI.dictationTemplate.update({
+          id: editId,
+          name: formName.trim(),
+          description: formDesc.trim(),
+          fields: formFields,
+          outputFormat: formOutput,
+        })
+      } else {
+        await window.electronAPI.dictationTemplate.create({
+          name: formName.trim(),
+          description: formDesc.trim(),
+          fields: formFields,
+          outputFormat: formOutput,
+        })
+      }
+      setDialogOpen(false)
+      loadData()
+    } finally {
+      setSaving(false)
+      isSavingRef.current = false
     }
-    setDialogOpen(false)
-    loadData()
   }
 
   const handleDelete = async (id: string) => {
-    await window.electronAPI.dictationTemplate.delete({ id })
-    loadData()
+    if (isDeletingRef.current) return
+    isDeletingRef.current = true
+    try {
+      await window.electronAPI.dictationTemplate.delete({ id })
+      loadData()
+    } finally {
+      isDeletingRef.current = false
+    }
   }
 
   const handleStartSession = async (templateId: string) => {
@@ -281,8 +301,8 @@ export function TemplateSection(): React.ReactElement {
           <Button onClick={() => setDialogOpen(false)} sx={{ color: d3roPalette.text.inactive }}>
             {t('common.cancel')}
           </Button>
-          <Button onClick={handleSave} variant="contained" disabled={!formName.trim() || formFields.length === 0}>
-            {t('common.save')}
+          <Button onClick={handleSave} variant="contained" disabled={!formName.trim() || formFields.length === 0 || saving}>
+            {saving ? t('common.saving') || '저장 중...' : t('common.save')}
           </Button>
         </DialogActions>
       </Dialog>