add manual manage..

src/renderer/src/pages/Dashboard.tsx

@@ -16,6 +16,7 @@ interface DashboardProps {
 }
 
 const LAUNCHER_API_BASE_URL = (import.meta.env.VITE_ATNMY_STDO_API_BASE_URL || 'http://localhost:4200').replace(/\/+$/, '')
+const MANUAL_BASE_URL = (import.meta.env.VITE_MANUAL_BASE_URL || 'http://localhost:5177').replace(/\/+$/, '')
 const NOTICE_READ_STORAGE_KEY = 'atnmy.notice.readSignatures'
 const LAST_LAUNCHED_APP_STORAGE_KEY = 'atnmy.launcher.lastLaunchedApp'
 const IS_DEV = import.meta.env.DEV
@@ -355,7 +356,7 @@ function Dashboard({ authSession, onSessionUpdate, onLogout, onSessionExpired }:
       if (response.status === 401) {
         const refreshed = await refreshSession()
         if (!refreshed) {
-          if (!cancelled) onLogout()
+          if (!cancelled) onSessionExpired()
           return
         }
 
@@ -393,7 +394,7 @@ function Dashboard({ authSession, onSessionUpdate, onLogout, onSessionExpired }:
     return () => {
       cancelled = true
     }
-  }, [authSession, onLogout, onSessionUpdate, refreshSession])
+  }, [authSession, onSessionExpired, onSessionUpdate, refreshSession])
 
   useEffect(() => {
     let cancelled = false
@@ -998,7 +999,7 @@ function Dashboard({ authSession, onSessionUpdate, onLogout, onSessionExpired }:
               <div className="absolute top-0 left-0 right-0 h-[48px] flex items-center px-4 gap-3 border-b border-[var(--border)] bg-[var(--bg-sidebar)] z-10">
                 <button
                   onClick={() => setShowManual(false)}
-                  className="flex items-center justify-center w-7 h-7 rounded-md text-[var(--text-muted)] hover:text-[var(--text-primary)] hover:bg-[rgba(255,255,255,0.06)] transition-colors"
+                  className="flex h-7 w-7 cursor-pointer items-center justify-center rounded-md text-[var(--text-muted)] transition-colors hover:bg-[rgba(255,255,255,0.06)] hover:text-[var(--text-primary)]"
                 >
                   <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round">
                     <polyline points="15 18 9 12 15 6"/>
@@ -1007,7 +1008,7 @@ function Dashboard({ authSession, onSessionUpdate, onLogout, onSessionExpired }:
                 <span className="text-[13px] font-medium text-[var(--text-secondary)]">사용 매뉴얼</span>
               </div>
               <iframe
-                src="appdocs://host/install.html"
+                src={`${MANUAL_BASE_URL}/?appKey=${encodeURIComponent(activeApp)}`}
                 className="absolute left-0 right-0 bottom-0 border-none"
                 style={{ top: '48px', width: '100%', height: 'calc(100% - 48px)', background: '#0a0b0e' }}
               />