From 39eb8b20fe57fe175c73b68f0a5d3026049b0bb7 Mon Sep 17 00:00:00 2001
From: Yun Chan <yunchan@twentyoz.kr>
Date: Sun, 5 Apr 2026 13:40:34 +0900
Subject: [PATCH] =?UTF-8?q?=EB=84=9B=EC=A7=95=20=EB=B2=84=EB=B8=94:=2010?=
 =?UTF-8?q?=EC=B4=88=20=EC=9E=90=EB=8F=99=20=EC=88=A8=EA=B9=80=20+=20X=20?=
 =?UTF-8?q?=EB=8B=AB=EA=B8=B0=20=EB=B2=84=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/components/StatusBar.tsx | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/renderer/components/StatusBar.tsx b/src/renderer/components/StatusBar.tsx
index cf0b26e..9f5827e 100644
--- a/src/renderer/components/StatusBar.tsx
+++ b/src/renderer/components/StatusBar.tsx
@@ -2,7 +2,8 @@
 // 인스트루먼트 섀시 하단 — 각인 스타일 상태 표시 + Ollama 오프라인 넛징
 
 import { useState, useEffect } from 'react'
-import { Box, Typography, Fade } from '@mui/material'
+import { Box, Typography, Fade, IconButton } from '@mui/material'
+import CloseIcon from '@mui/icons-material/Close'
 import { Led } from './ds'
 import { d3roPalette, d3roFontMono } from '../theme'
 import { OllamaGuideModal } from './OllamaGuideModal'
@@ -30,11 +31,12 @@ export function StatusBar(): React.ReactElement {
 
   const connected = llmStatus?.connectionState === 'connected'
 
-  // 오프라인 3초 후 넛징 버블 표시
+  // 오프라인 3초 후 넛징 버블 표시 → 10초 후 자동 숨김
   useEffect(() => {
     if (!connected) {
-      const timer = setTimeout(() => setShowNudge(true), 3000)
-      return () => clearTimeout(timer)
+      const showTimer = setTimeout(() => setShowNudge(true), 3000)
+      const hideTimer = setTimeout(() => setShowNudge(false), 13000)
+      return () => { clearTimeout(showTimer); clearTimeout(hideTimer) }
     }
     setShowNudge(false)
     return undefined
@@ -86,9 +88,14 @@ export function StatusBar(): React.ReactElement {
               },
             }}
           >
-            <Typography sx={{ fontSize: '12px', color: d3roPalette.text.primary, mb: 0.5, fontWeight: 600 }}>
-              Ollama가 실행되지 않고 있어요
-            </Typography>
+            <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start' }}>
+              <Typography sx={{ fontSize: '12px', color: d3roPalette.text.primary, mb: 0.5, fontWeight: 600 }}>
+                Ollama가 실행되지 않고 있어요
+              </Typography>
+              <IconButton size="small" onClick={() => setShowNudge(false)} sx={{ color: d3roPalette.text.inactive, p: 0, ml: 1 }}>
+                <CloseIcon sx={{ fontSize: 14 }} />
+              </IconButton>
+            </Box>
             <Typography sx={{ fontSize: '11px', color: d3roPalette.text.inactive, mb: 1 }}>
               LLM 후처리(번역, 요약 등)를 사용하려면 Ollama가 필요합니다.
             </Typography>