ltcai 0.1.2 → 0.1.3

package/static/{indexd.html → chat.html}

@@ -335,6 +335,8 @@
             background: rgba(29,42,60,0.82);
             backdrop-filter: blur(20px);
             -webkit-backdrop-filter: blur(20px);
+            position: relative;
+            z-index: 50;
         }
 
         .header-left, .header-pills {
@@ -2807,43 +2809,6 @@
     </div>
     <div class="bg-grid"></div>
 
-    <div id="auth-overlay" class="auth-overlay">
-        <div class="auth-orb auth-orb-1"></div>
-        <div class="auth-orb auth-orb-2"></div>
-        <div class="auth-lang-picker lang-picker" id="auth-lang-picker">
-            <button class="auth-lang-btn" id="auth-lang-btn" onclick="toggleLangMenu('auth-lang-picker')">🌐 Languages</button>
-            <div class="lang-picker-menu" id="auth-lang-picker-menu">
-                <div class="lang-option" id="auth-lang-ko" onclick="setLang('ko')">🇰🇷 한국어</div>
-                <div class="lang-option" id="auth-lang-en" onclick="setLang('en')">🇺🇸 English</div>
-            </div>
-        </div>
-        <div class="auth-card">
-            <div id="login-form">
-                <div class="auth-logo"><i class="ti ti-brain"></i></div>
-                <h2 class="auth-title" data-i18n="login_title">Lattice AI</h2>
-                <p class="auth-subtitle" data-i18n="login_sub">Local AI Workspace — Apple Silicon</p>
-                <input class="auth-input" type="email" id="login-email" placeholder="이메일 주소" data-i18n-ph="ph_email">
-                <input class="auth-input" type="password" id="login-pw" placeholder="비밀번호" data-i18n-ph="ph_password">
-                <button class="auth-submit" onclick="handleLogin()" data-i18n="btn_login">로그인</button>
-                <p class="auth-switch"><span data-i18n="no_account">계정이 없으신가요?</span>
-                    <a href="#" onclick="toggleAuth(true)" data-i18n="go_register">회원가입</a></p>
-            </div>
-            <div id="register-form" style="display: none;">
-                <div class="auth-logo"><i class="ti ti-user-plus"></i></div>
-                <h2 class="auth-title" data-i18n="register_title">계정 만들기</h2>
-                <p class="auth-subtitle" data-i18n="register_sub">Lattice AI 워크스페이스에 참여하세요</p>
-                <input class="auth-input" type="email" id="reg-email" placeholder="이메일 주소" data-i18n-ph="ph_email">
-                <input class="auth-input" type="password" id="reg-pw" placeholder="비밀번호 (4자 이상)" data-i18n-ph="ph_new_pw">
-                <input class="auth-input" type="password" id="reg-pw2" placeholder="비밀번호 확인" data-i18n-ph="ph_pw_confirm">
-                <input class="auth-input" type="text" id="reg-name" placeholder="이름" data-i18n-ph="ph_fullname">
-                <input class="auth-input" type="text" id="reg-nickname" placeholder="닉네임" data-i18n-ph="ph_nick">
-                <div id="reg-msg" style="font-size:12px;min-height:16px;margin-bottom:4px;"></div>
-                <button class="auth-submit" id="reg-submit-btn" onclick="handleRegister()" data-i18n="btn_register">가입하기</button>
-                <p class="auth-switch"><span data-i18n="have_account">이미 계정이 있나요?</span>
-                    <a href="#" onclick="toggleAuth(false)" data-i18n="go_login">로그인</a></p>
-            </div>
-        </div>
-    </div>
 
     <div class="app-layout">
         <!-- Sidebar -->
@@ -3351,7 +3316,6 @@
             if (typeof acquireVsCodeApi === 'function') {
                 vscode = acquireVsCodeApi();
                 console.log("VS Code API Acquired");
-                document.getElementById('auth-overlay').style.display = 'none'; // VS Code에서는 로그인 건너뜀
             }
         } catch (e) { /* Not in VS Code */ }
 
@@ -3363,80 +3327,12 @@
             }
         });
 
-        function toggleAuth(showRegister) {
-            document.getElementById('login-form').style.display = showRegister ? 'none' : 'block';
-            document.getElementById('register-form').style.display = showRegister ? 'block' : 'none';
-        }
-
-        async function handleRegister() {
-            const email = document.getElementById('reg-email').value.trim();
-            const password = document.getElementById('reg-pw').value;
-            const password2 = document.getElementById('reg-pw2').value;
-            const name = document.getElementById('reg-name').value.trim();
-            const nickname = document.getElementById('reg-nickname').value.trim();
-            const msg = document.getElementById('reg-msg');
-            const btn = document.getElementById('reg-submit-btn');
-            const setMsg = (text, isError) => {
-                msg.textContent = text;
-                msg.style.color = isError ? '#f87171' : '#4ade80';
-            };
-            if (!email || !password || !password2 || !name || !nickname) return setMsg('모든 항목을 입력해주세요.', true);
-            if (password.length < 4) return setMsg('비밀번호는 4자 이상이어야 합니다.', true);
-            if (password !== password2) return setMsg('비밀번호가 일치하지 않습니다.', true);
-            btn.disabled = true; btn.textContent = '가입 중...';
-            try {
-                const res = await apiFetch('/register', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ email, password, name, nickname })
-                });
-                if (res.ok) {
-                    setMsg('✅ 가입 완료! 로그인 해주세요.', false);
-                    setTimeout(() => toggleAuth(false), 1200);
-                } else {
-                    const data = await res.json();
-                    setMsg(data.detail || '가입 실패', true);
-                }
-            } catch { setMsg('서버 연결 실패', true); }
-            finally { btn.disabled = false; btn.textContent = '가입하기'; }
-        }
-
-        async function handleLogin() {
-            const email = document.getElementById('login-email').value;
-            const password = document.getElementById('login-pw').value;
-            const res = await apiFetch('/login', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ email, password })
-            });
-            if (res.ok) {
-                const data = await res.json();
-                currentUserNickname = data.nickname;
-                currentUserEmail = data.email;
-                localStorage.setItem('ltcai_user_email', currentUserEmail);
-                localStorage.setItem('ltcai_user_nickname', currentUserNickname);
-                localStorage.setItem('ltcai_is_admin', data.is_admin ? 'true' : 'false');
-                isAdmin = Boolean(data.is_admin);
-                document.getElementById('user-nickname-display').innerText = currentUserNickname;
-                const av = document.getElementById('user-avatar-initial');
-                if (av) av.textContent = (currentUserNickname || 'G')[0].toUpperCase();
-                document.getElementById('admin-btn').style.display = 'flex';
-                document.getElementById('security-admin-meta').textContent = isAdmin ? '관리자 권한 있음' : '관리자 대시보드 접근';
-                document.getElementById('auth-overlay').style.display = 'none';
-                loadVpcStatus();
-                restoreCurrentConversation().then(() => {
-                    if (!chatViewport.querySelector('.message')) {
-                        addMessage('ai', `반갑습니다, <b>${currentUserNickname}</b>님!`);
-                    }
-                });
-            } else { alert("로그인 실패!"); }
-        }
-
-        function logout() {
+        async function logout() {
+            try { await apiFetch('/logout', { method: 'POST' }); } catch (_) {}
             localStorage.removeItem('ltcai_user_email');
             localStorage.removeItem('ltcai_user_nickname');
             localStorage.removeItem('ltcai_is_admin');
-            location.reload();
+            window.location.href = '/account';
         }
 
         const I18N = {
@@ -3461,7 +3357,7 @@
                 btn_save: '저장', btn_change: '변경', btn_cancel: '취소',
                 // ops 스트립
                 vpc_not_set: '설정 안 됨', vpc_click_to_set: '클릭하여 VPC 연결 설정',
-                security_monitor: '민감정보 감시', admin_dashboard_access: '관리자 대시보드 접근',
+                security_monitor: '민감정보 감시', admin_dashboard_access: '관리자 대시보드 접근', admin_has_rights: '관리자 권한 있음',
                 // 빈 화면
                 empty_title: '무엇을 만들까요?',
                 empty_sub: '로컬 모델, 이미지 분석, 코드 생성, 프라이빗 VPC — 모든 걸 한 화면에서 이어가세요.',
@@ -3500,7 +3396,7 @@
                 btn_save: 'Save', btn_change: 'Change', btn_cancel: 'Cancel',
                 // Ops strip
                 vpc_not_set: 'Not configured', vpc_click_to_set: 'Click to set up VPC',
-                security_monitor: 'Sensitive data monitor', admin_dashboard_access: 'Admin dashboard access',
+                security_monitor: 'Sensitive data monitor', admin_dashboard_access: 'Admin dashboard access', admin_has_rights: 'Has admin rights',
                 // Empty state
                 empty_title: 'What would you like to build?',
                 empty_sub: 'Local models, image analysis, code generation, private VPC — all in one workspace.',
@@ -4051,9 +3947,27 @@
         }
 
         async function openAdminPanel() {
+            if (!isAdmin) {
+                showToast(currentLang === 'ko' ? '관리자 권한이 없습니다.' : 'Admin access required.');
+                return;
+            }
             window.location.href = '/admin';
         }
 
+        function showToast(msg) {
+            let t = document.getElementById('ltcai-toast');
+            if (!t) {
+                t = document.createElement('div');
+                t.id = 'ltcai-toast';
+                t.style.cssText = 'position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#1e2330;color:#f8fafc;border:1px solid rgba(255,255,255,0.12);border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;z-index:9999;box-shadow:0 8px 24px rgba(0,0,0,0.4);pointer-events:none;transition:opacity .2s;';
+                document.body.appendChild(t);
+            }
+            t.textContent = msg;
+            t.style.opacity = '1';
+            clearTimeout(t._timer);
+            t._timer = setTimeout(() => { t.style.opacity = '0'; }, 2200);
+        }
+
         function closeAdminPanel() {
             document.getElementById('admin-overlay').style.display = 'none';
         }
@@ -5546,6 +5460,32 @@
 
         document.getElementById('new-chat-btn').onclick = startNewChat;
         applyI18n();
+
+        // Session check — redirect to /account if not logged in
+        (async function restoreSession() {
+            try {
+                const res = await apiFetch('/account/profile');
+                if (res.ok) {
+                    const data = await res.json();
+                    currentUserEmail = data.email;
+                    currentUserNickname = data.nickname || data.name || data.email;
+                    isAdmin = Boolean(data.is_admin);
+                    localStorage.setItem('ltcai_user_email', currentUserEmail);
+                    localStorage.setItem('ltcai_user_nickname', currentUserNickname);
+                    localStorage.setItem('ltcai_is_admin', isAdmin ? 'true' : 'false');
+                    document.getElementById('user-nickname-display').innerText = currentUserNickname;
+                    const av = document.getElementById('user-avatar-initial');
+                    if (av) av.textContent = (currentUserNickname || 'G')[0].toUpperCase();
+                    document.getElementById('admin-btn').style.display = 'flex';
+                    document.getElementById('security-admin-meta').textContent = isAdmin ? t('admin_has_rights') : t('admin_dashboard_access');
+                } else {
+                    window.location.href = '/account';
+                }
+            } catch (_) {
+                window.location.href = '/account';
+            }
+        })();
+
         loadModelStatus();
         loadVpcStatus();
         restoreCurrentConversation();

package/static/index.html

@@ -1,270 +0,0 @@
-<!DOCTYPE html>
-<html lang="ko">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Lattice AI | Local Hub</title>
-    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&family=Inter:wght@400;500&display=swap" rel="stylesheet">
-    <style>
-        :root {
-            --bg-color: #0f172a;
-            --glass-bg: rgba(30, 41, 59, 0.7);
-            --primary-accent: #6366f1;
-            --secondary-accent: #a855f7;
-            --text-main: #f8fafc;
-            --text-dim: #94a3b8;
-            --bot-msg-bg: rgba(51, 65, 85, 0.5);
-            --user-msg-bg: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
-        }
-
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-            font-family: 'Inter', sans-serif;
-        }
-
-        body {
-            background-color: var(--bg-color);
-            background-image: 
-                radial-gradient(at 0% 0%, rgba(99, 102, 241, 0.15) 0px, transparent 50%),
-                radial-gradient(at 100% 100%, rgba(168, 85, 247, 0.15) 0px, transparent 50%);
-            height: 100vh;
-            display: flex;
-            flex-direction: column;
-            color: var(--text-main);
-            overflow: hidden;
-        }
-
-        header {
-            padding: 1.5rem 2rem;
-            background: var(--glass-bg);
-            backdrop-filter: blur(12px);
-            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            z-index: 10;
-        }
-
-        .logo {
-            font-family: 'Outfit', sans-serif;
-            font-weight: 600;
-            font-size: 1.5rem;
-            background: linear-gradient(to right, #818cf8, #c084fc);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            display: flex;
-            align-items: center;
-            gap: 0.5rem;
-        }
-
-        .status-badge {
-            display: flex;
-            align-items: center;
-            gap: 0.5rem;
-            font-size: 0.85rem;
-            padding: 0.4rem 0.8rem;
-            background: rgba(34, 197, 94, 0.1);
-            color: #4ade80;
-            border-radius: 20px;
-            border: 1px solid rgba(34, 197, 94, 0.2);
-        }
-
-        .status-dot {
-            width: 8px;
-            height: 8px;
-            background-color: #4ade80;
-            border-radius: 50%;
-            box-shadow: 0 0 8px #4ade80;
-            animation: pulse 2s infinite;
-        }
-
-        @keyframes pulse {
-            0% { opacity: 1; }
-            50% { opacity: 0.4; }
-            100% { opacity: 1; }
-        }
-
-        #chat-container {
-            flex: 1;
-            overflow-y: auto;
-            padding: 2rem;
-            display: flex;
-            flex-direction: column;
-            gap: 1.5rem;
-            scroll-behavior: smooth;
-        }
-
-        .message {
-            max-width: 80%;
-            padding: 1rem 1.25rem;
-            border-radius: 1.25rem;
-            line-height: 1.6;
-            font-size: 0.95rem;
-            position: relative;
-            animation: slideUp 0.3s ease-out;
-        }
-
-        @keyframes slideUp {
-            from { opacity: 0; transform: translateY(10px); }
-            to { opacity: 1; transform: translateY(0); }
-        }
-
-        .user-message {
-            align-self: flex-end;
-            background: var(--user-msg-bg);
-            color: white;
-            border-bottom-right-radius: 0.25rem;
-            box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);
-        }
-
-        .bot-message {
-            align-self: flex-start;
-            background: var(--bot-msg-bg);
-            backdrop-filter: blur(5px);
-            border: 1px solid rgba(255, 255, 255, 0.05);
-            border-bottom-left-radius: 0.25rem;
-        }
-
-        .input-area {
-            padding: 2rem;
-            background: linear-gradient(to top, var(--bg-color), transparent);
-            position: relative;
-        }
-
-        .input-wrapper {
-            max-width: 900px;
-            margin: 0 auto;
-            background: var(--glass-bg);
-            backdrop-filter: blur(20px);
-            border: 1px solid rgba(255, 255, 255, 0.1);
-            border-radius: 1.5rem;
-            padding: 0.75rem;
-            display: flex;
-            gap: 0.75rem;
-            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
-            transition: transform 0.2s, border-color 0.2s;
-        }
-
-        textarea {
-            flex: 1;
-            background: transparent;
-            border: none;
-            color: white;
-            padding: 0.75rem;
-            resize: none;
-            outline: none;
-            font-size: 1rem;
-            max-height: 150px;
-        }
-
-        #send-btn {
-            background: var(--primary-accent);
-            color: white;
-            border: none;
-            width: 45px;
-            height: 45px;
-            border-radius: 12px;
-            cursor: pointer;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            transition: all 0.2s;
-        }
-
-        #send-btn:hover { background: var(--secondary-accent); transform: scale(1.05); }
-
-        .typing { display: flex; gap: 4px; padding: 0.5rem; }
-        .dot { width: 6px; height: 6px; background: var(--text-dim); border-radius: 50%; animation: bounce 1.4s infinite ease-in-out; }
-        .dot:nth-child(2) { animation-delay: 0.2s; }
-        .dot:nth-child(3) { animation-delay: 0.4s; }
-
-        @keyframes bounce { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } }
-    </style>
-</head>
-<body>
-    <header>
-        <div class="logo">
-            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a10 10 0 1 0 10 10H12V2z"></path><path d="M12 12L2.1 12.1"></path><path d="M12 12v10"></path><path d="M12 12l8.1-5.4"></path></svg>
-            Lattice AI | Premium
-        </div>
-        <div class="status-badge"><div class="status-dot"></div>Local Hub Active</div>
-    </header>
-
-    <div id="chat-container">
-        <div class="message bot-message">
-            ✨ 안녕하세요! 제가 정성껏 만든 프리미엄 로컬 허브입니다. <br>
-            브라우저에서 직접 Gemma 4와 대화해 보세요!
-        </div>
-    </div>
-
-    <div class="input-area">
-        <div class="input-wrapper">
-            <textarea id="user-input" placeholder="메시지를 입력하세요..." rows="1"></textarea>
-            <button id="send-btn">
-                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
-            </button>
-        </div>
-    </div>
-
-    <script>
-        const chatContainer = document.getElementById('chat-container');
-        const userInput = document.getElementById('user-input');
-        const sendBtn = document.getElementById('send-btn');
-
-        userInput.addEventListener('input', () => {
-            userInput.style.height = 'auto';
-            userInput.style.height = userInput.scrollHeight + 'px';
-        });
-
-        async function sendMessage() {
-            const message = userInput.value.trim();
-            if (!message) return;
-            addMessage(message, 'user');
-            userInput.value = '';
-            userInput.style.height = 'auto';
-            const loadingMsg = addLoadingMessage();
-            chatContainer.scrollTop = chatContainer.scrollHeight;
-            try {
-                const response = await fetch('/chat', {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ message: message, stream: false })
-                });
-                const data = await response.json();
-                loadingMsg.remove();
-                addMessage(data.response, 'bot');
-            } catch (error) {
-                loadingMsg.remove();
-                addMessage('❌ 서버 연결 실패', 'bot');
-            }
-            chatContainer.scrollTop = chatContainer.scrollHeight;
-        }
-
-        function addMessage(text, side) {
-            const div = document.createElement('div');
-            div.className = `message ${side}-message`;
-            div.innerHTML = text.replace(/\n/g, '<br>');
-            chatContainer.appendChild(div);
-            return div;
-        }
-
-        function addLoadingMessage() {
-            const div = document.createElement('div');
-            div.className = 'message bot-message typing';
-            div.innerHTML = '<div class="dot"></div><div class="dot"></div><div class="dot"></div>';
-            chatContainer.appendChild(div);
-            return div;
-        }
-
-        sendBtn.addEventListener('click', sendMessage);
-        userInput.addEventListener('keydown', (e) => {
-            if (e.key === 'Enter' && !e.shiftKey) {
-                e.preventDefault();
-                sendMessage();
-            }
-        });
-    </script>
-</body>
-</html>