ltcai 0.3.0 → 0.3.2

package/static/scripts/chat.js

@@ -11,6 +11,8 @@ const chatViewport = document.getElementById('chat-viewport');
         let currentUserNickname = "Guest";
         let currentUserEmail = "";
         let isAdmin = false;
+        let telegramHistorySyncEnabled = false;
+        let telegramHistorySyncInFlight = false;
 
         // ── 멀티 LLM 파이프라인 상태 ──
         let pipelineConfig = { planning: null, executing: null, reviewing: null };
@@ -517,6 +519,32 @@ const chatViewport = document.getElementById('chat-viewport');
             localStorage.setItem(scopedStorageKey('onboarding_complete'), 'true');
         }
 
+        function consumeSetupAfterLoginFlag() {
+            try {
+                const params = new URLSearchParams(window.location.search);
+                const value = params.get('setup') === '1' || sessionStorage.getItem('ltcai_force_setup_after_login') === 'true';
+                sessionStorage.removeItem('ltcai_force_setup_after_login');
+                if (params.get('setup') === '1') {
+                    const cleanUrl = `${window.location.pathname}${window.location.hash || ''}`;
+                    window.history.replaceState({}, '', cleanUrl);
+                }
+                return value;
+            } catch (_) {
+                return false;
+            }
+        }
+
+        async function modelLoadedForChat() {
+            try {
+                const res = await apiFetch('/health');
+                if (!res.ok) return false;
+                const data = await res.json();
+                return Boolean(data.current_model || (data.loaded_models || []).length);
+            } catch (_) {
+                return false;
+            }
+        }
+
         function workspaceLabel(kind) {
             if (kind === 'company') return currentLang === 'ko' ? '회사 워크스페이스' : 'Company Workspace';
             return currentLang === 'ko' ? '개인 워크스페이스' : 'Personal Workspace';
@@ -799,14 +827,20 @@ const chatViewport = document.getElementById('chat-viewport');
         let onboardingRecs = null;
         let onboardingSelectedModel = null;
 
-        function startOnboardingIfNeeded(force = false) {
+        async function startOnboardingIfNeeded(force = false) {
             updateWorkspaceModeUi();
-            if (!force && onboardingComplete()) {
+            const forceAfterLogin = consumeSetupAfterLoginFlag();
+            const hasLoadedModel = await modelLoadedForChat();
+            if (!force && !forceAfterLogin && onboardingComplete() && hasLoadedModel) {
                 document.getElementById('onboarding-overlay')?.classList.remove('open');
                 return;
             }
             document.getElementById('onboarding-overlay')?.classList.add('open');
-            renderOnboardingWorkspace();
+            if (forceAfterLogin || !hasLoadedModel) {
+                renderPcAnalysis();
+            } else {
+                renderOnboardingWorkspace();
+            }
         }
 
         function renderOnboardingShell(stepIndex, bodyHtml, actionsHtml = '') {
@@ -1260,7 +1294,7 @@ const chatViewport = document.getElementById('chat-viewport');
             selectMode(mode);
             setOnboardingComplete();
             document.getElementById('onboarding-overlay')?.classList.remove('open');
-            showHome();
+            showChat();
         }
 
         function switchAcctTab(tab) {
@@ -1435,7 +1469,7 @@ const chatViewport = document.getElementById('chat-viewport');
             const icon = isUnavailable ? 'ti-lock' : (engineMissing || needsPull) ? 'ti-cloud-download' : verifyUnknown ? 'ti-activity' : 'ti-switch-3';
             const cls = (engineMissing || needsPull) && isLocalEngine ? ' needs-pull' : '';
             const action = isLocalEngine
-                ? `prepareAndLoadModel('${encodeURIComponent(model.id)}', '${engine?.id || ''}')`
+                ? `selectModelByCard('${encodeURIComponent(model.id)}', '${engine?.id || ''}')`
                 : `loadSelectedModel('${encodeURIComponent(model.id)}', '${engine?.id || ''}')`;
             return `
                 <button class="model-option${cls}" ${isUnavailable ? 'disabled' : ''} onclick="${action}">
@@ -1635,7 +1669,17 @@ const chatViewport = document.getElementById('chat-viewport');
                 if (!res.ok) throw new Error(data.detail || '모델 로드에 실패했습니다.');
                 closeModelPanel();
                 await loadModelStatus();
-                addMessage('ai', `모델을 <b>${escapeHtml(compactModelName(data.current || modelId))}</b>로 전환했습니다.`);
+                // 피드백 #1/#2: 클라우드 경로도 백엔드 current를 단일 진실원으로 사용한다.
+                const actualCurrent = resolveActualCurrent(data, modelId);
+                setCurrentModel(actualCurrent);
+                updateCurrentModelUI(actualCurrent);
+                let statusLine = `모델을 <b>${escapeHtml(compactModelName(actualCurrent))}</b>로 전환했습니다.`;
+                const compat = describeCompatibility(data);
+                if (compat) {
+                    statusLine += `<br><span class="sensitivity-preview">${escapeHtml(compat.message)}</span>`;
+                    showModelCompatibilityWarning(data);
+                }
+                addMessage('ai', statusLine);
             } catch (e) {
                 document.getElementById('model-list').innerHTML = `
                     <div class="sensitivity-preview">${escapeHtml(e.message)}</div>
@@ -1795,6 +1839,66 @@ const chatViewport = document.getElementById('chat-viewport');
             if (buffer.trim()) dispatchBlock(buffer.trim());
         }
 
+        // 피드백 #1/#2: "사용자가 보는 현재 모델" === "실제로 채팅에 사용되는 모델".
+        // 백엔드가 돌려준 current/resolution을 단일 진실원으로 사용한다.
+        function resolveActualCurrent(finalData, fallbackId) {
+            if (!finalData) return fallbackId || '';
+            return (
+                finalData.current
+                || (finalData.resolution && (finalData.resolution.expected_current || finalData.resolution.resolved_model))
+                || fallbackId
+                || ''
+            );
+        }
+
+        function setCurrentModel(modelId) {
+            if (!modelId) return;
+            window.__latticeActiveModel = modelId;
+        }
+
+        function updateCurrentModelUI(modelId) {
+            if (!modelId) return;
+            const modelEl = document.getElementById('ops-model');
+            if (modelEl) {
+                modelEl.textContent = compactModelName(modelId);
+                modelEl.title = modelId;
+            }
+            const metaEl = document.getElementById('ops-model-meta');
+            if (metaEl && !metaEl.dataset.loaded) {
+                metaEl.dataset.loaded = 'true';
+            }
+        }
+
+        function describeCompatibility(finalData) {
+            if (!finalData) return null;
+            if (finalData.ready_to_chat === false) {
+                const reason = (finalData.smoke_test && finalData.smoke_test.reason) || '채팅 호환성 검사 실패';
+                return {
+                    severity: 'degraded',
+                    message: `⚠️ 채팅 호환성이 낮습니다 (${reason}). 다른 실행 엔진을 추천합니다.`,
+                };
+            }
+            if (finalData.compatibility_status === 'degraded') {
+                return {
+                    severity: 'degraded',
+                    message: '⚠️ 모델은 로드됐지만 호환성 테스트가 degraded로 나왔습니다. 답변 품질이 일정하지 않을 수 있어요.',
+                };
+            }
+            if (finalData.compatibility_status === 'unknown') {
+                return {
+                    severity: 'unknown',
+                    message: '호환성 테스트를 완료하지 못했습니다. 채팅이 가능하지만 답변 품질이 일정하지 않을 수 있어요.',
+                };
+            }
+            return null;
+        }
+
+        function showModelCompatibilityWarning(finalData) {
+            const info = describeCompatibility(finalData);
+            if (!info) return;
+            try { showToast(info.message); } catch (_) {}
+        }
+
         async function prepareAndLoadModel(encodedId, engine = '') {
             const modelId = decodeURIComponent(encodedId);
             const displayName = compactModelName(modelId);
@@ -1836,12 +1940,22 @@ const chatViewport = document.getElementById('chat-viewport');
                 if (!finalData) throw new Error('모델 준비 응답이 비어 있습니다.');
                 closeModelPanel();
                 await loadModelStatus();
-                addMessage('ai', `<b>${escapeHtml(compactModelName(finalData.current || modelId))}</b> 로드 되었습니다.`);
+                const actualCurrent = resolveActualCurrent(finalData, modelId);
+                setCurrentModel(actualCurrent);
+                updateCurrentModelUI(actualCurrent);
+                let statusLine = `<b>${escapeHtml(compactModelName(actualCurrent))}</b> 로드 되었습니다.`;
+                const compat = describeCompatibility(finalData);
+                if (compat) {
+                    statusLine += `<br><span class="sensitivity-preview">${escapeHtml(compat.message)}</span>`;
+                }
+                addMessage('ai', statusLine);
+                return finalData;
             } catch (e) {
                 document.getElementById('model-list').innerHTML = `
                     <div class="sensitivity-preview">${escapeHtml(e.message)}</div>
                     <button class="admin-action" onclick="openModelPanel()" style="margin-top: 12px;">목록으로 돌아가기</button>
                 `;
+                throw e;
             }
         }
 
@@ -1849,6 +1963,38 @@ const chatViewport = document.getElementById('chat-viewport');
             return prepareAndLoadModel(encodedId, engine);
         }
 
+        // 피드백 #1/#2: 모델 카드 클릭 → prepare/load → smoke test → current 반영 → 채팅 가능 여부 표시
+        // 가 하나의 흐름으로 이어지도록 한다. encodedId/engine 또는 card 객체 양쪽 모두 받는다.
+        async function selectModelByCard(modelIdOrCard, engineArg) {
+            let encoded;
+            let engine = engineArg || '';
+            if (typeof modelIdOrCard === 'string') {
+                encoded = modelIdOrCard.includes('%') ? modelIdOrCard : encodeURIComponent(modelIdOrCard);
+            } else if (modelIdOrCard && modelIdOrCard.id) {
+                encoded = encodeURIComponent(modelIdOrCard.id);
+                if (!engine) {
+                    engine = modelIdOrCard.engine
+                        || (Array.isArray(modelIdOrCard.engine_options) && modelIdOrCard.engine_options[0]?.engine)
+                        || '';
+                }
+            } else {
+                throw new Error('모델 카드가 비어 있습니다.');
+            }
+            const result = await prepareAndLoadModel(encoded, engine);
+            if (result && result.current) {
+                setCurrentModel(result.current);
+                updateCurrentModelUI(result.current);
+            }
+            if (result && (result.ready_to_chat === false || result.compatibility_status === 'degraded')) {
+                showModelCompatibilityWarning(result);
+            }
+            return result;
+        }
+        if (typeof window !== 'undefined') {
+            window.selectModelByCard = selectModelByCard;
+            window.prepareAndLoadModel = prepareAndLoadModel;
+        }
+
         function fillVpcForm(config) {
             if (!config) return;
             document.getElementById('vpc-provider').value = config.provider || '';
@@ -1938,7 +2084,7 @@ const chatViewport = document.getElementById('chat-viewport');
             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;';
+                t.style.cssText = 'position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.96);color:#14162c;border:1px solid rgba(111,66,232,0.16);border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;z-index:9999;box-shadow:0 8px 24px rgba(88,72,150,0.16);pointer-events:none;transition:opacity .2s;';
                 document.body.appendChild(t);
             }
             t.textContent = msg;
@@ -3264,10 +3410,13 @@ const chatViewport = document.getElementById('chat-viewport');
         }
 
         async function syncTelegramHistory() {
+            if (!telegramHistorySyncEnabled || telegramHistorySyncInFlight) return;
+            telegramHistorySyncInFlight = true;
             try {
                 const res = await apiFetch('/history');
                 if (!res.ok) return;
                 const history = await res.json();
+                let added = false;
                 for (const item of history) {
                     if (item.source !== 'telegram') continue;
                     const key = `${item.timestamp || ''}:${item.role}:${item.content}`;
@@ -3278,9 +3427,13 @@ const chatViewport = document.getElementById('chat-viewport');
                         ? 'Lattice AI'
                         : (item.user_nickname || 'Telegram');
                     addMessage(role, item.content || '', null, sender);
+                    added = true;
                 }
-                loadHistory();
+                if (added) loadHistory();
             } catch (e) { }
+            finally {
+                telegramHistorySyncInFlight = false;
+            }
         }
 
         async function sendToAgent(text, extraCtx = '') {
@@ -3866,10 +4019,19 @@ const chatViewport = document.getElementById('chat-viewport');
                 const res = await apiFetch('/runtime_features');
                 if (res.ok) {
                     const f = await res.json();
+                    telegramHistorySyncEnabled = Boolean(f.telegram_enabled);
                     if (!f.graph_enabled) {
                         const btn = document.getElementById('data-graph-btn');
                         if (btn) btn.style.display = 'none';
                     }
+                    return;
+                }
+            } catch (_) {}
+            try {
+                const res = await apiFetch('/health');
+                if (res.ok) {
+                    const data = await res.json();
+                    telegramHistorySyncEnabled = Boolean(data.features?.telegram_enabled);
                 }
             } catch (_) {}
         })();
@@ -3878,7 +4040,7 @@ const chatViewport = document.getElementById('chat-viewport');
         loadVpcStatus();
         restoreCurrentConversation();
         syncTelegramHistory();
-        setInterval(syncTelegramHistory, 2500);
+        setInterval(syncTelegramHistory, 15000);
 
         // ── 내 컴퓨터 ──────────────────────────────────────────────────
         let cuAgentRunning = false;
@@ -4370,7 +4532,7 @@ const chatViewport = document.getElementById('chat-viewport');
     function _showComplete() {
         _subtitle('설정 완료!');
         _footInfo('');
-        _footBtns(`<button class="wbtn wbtn-primary" onclick="closeSetupWizard();loadModelStatus()">완료 ✓</button>`);
+        _footBtns(`<button class="wbtn wbtn-primary" onclick="closeSetupWizard();loadModelStatus();showChat()">완료 ✓</button>`);
     }
 
 // ── MCP 관리 모달 ────────────────────────────────────────────────────────

package/static/scripts/graph.js

@@ -324,8 +324,12 @@ const API_BASE = window.location.protocol === 'file:' ? 'http://localhost:4825'
         </div>
         ${rootRows ? `<div class="local-root-list">${rootRows}</div>` : ''}
         <div class="local-option-row">
-          <label><input type="checkbox" ${localState.includeOcr ? 'checked' : ''} onchange="setLocalOption('includeOcr', this.checked)"> ${t('local_ocr')}</label>
-          <label><input type="checkbox" ${localState.watchEnabled ? 'checked' : ''} onchange="setLocalOption('watchEnabled', this.checked)"> ${t('local_watch')}</label>
+          <button type="button" class="local-option-btn ${localState.includeOcr ? 'active' : ''}" onclick="setLocalOption('includeOcr', ${localState.includeOcr ? 'false' : 'true'})" aria-pressed="${localState.includeOcr ? 'true' : 'false'}">
+            <i class="ti ti-photo-scan"></i><span>${t('local_ocr')}</span>
+          </button>
+          <button type="button" class="local-option-btn ${localState.watchEnabled ? 'active' : ''}" onclick="setLocalOption('watchEnabled', ${localState.watchEnabled ? 'false' : 'true'})" aria-pressed="${localState.watchEnabled ? 'true' : 'false'}">
+            <i class="ti ti-refresh-dot"></i><span>${t('local_watch')}</span>
+          </button>
         </div>
         <div class="local-source-actions">
           <button class="local-source-btn" ${localState.busy ? 'disabled' : ''} onclick="runLocalTree()" title="${t('local_tree')}"><i class="ti ti-folders"></i>${t('local_tree')}</button>

package/static/sw.js

@@ -1,6 +1,6 @@
 // Lattice AI Service Worker — enables PWA install on Android/iOS
 // Strategy: network-first for API, cache-first for static assets.
-const CACHE = "ltcai-v6";
+const CACHE = "ltcai-v7";
 const STATIC = [
   "/",
   "/static/lattice-reference.css",