ltcai 2.2.2 → 3.0.1

package/latticeai/services/search_service.py

@@ -0,0 +1,346 @@
+"""Backend search orchestration for Lattice AI v3.
+
+The service composes the existing knowledge graph, the local vector index, and
+keyword search into UI-ready contracts without tying routers to store internals.
+"""
+
+from __future__ import annotations
+
+from dataclasses import dataclass
+from typing import Any, Dict, List, Mapping, Optional
+
+
+DEFAULT_HYBRID_WEIGHTS = {
+    "keyword": 0.35,
+    "vector": 0.40,
+    "graph": 0.25,
+}
+
+
+def _clean(text: Any, limit: int = 1000) -> str:
+    return " ".join(str(text or "").split())[:limit]
+
+
+def _result_key(result: Mapping[str, Any]) -> str:
+    return str(result.get("id") or result.get("node_id") or "")
+
+
+@dataclass
+class SearchService:
+    graph_store: Any
+
+    def _require_graph(self) -> Any:
+        if self.graph_store is None:
+            raise ValueError("knowledge graph is disabled")
+        return self.graph_store
+
+    def keyword_search(self, query: str, *, limit: int = 30) -> Dict[str, Any]:
+        graph = self._require_graph()
+        payload = graph.search(query, limit)
+        matches = []
+        for rank, match in enumerate(payload.get("matches", []), start=1):
+            matches.append({
+                "id": match["id"],
+                "node_id": match["id"],
+                "item_type": "node",
+                "type": match.get("type"),
+                "title": match.get("title"),
+                "summary": _clean(match.get("summary")),
+                "score": round(1.0 / rank, 6),
+                "rank": rank,
+                "sources": ["keyword"],
+                "source_scores": {"keyword": round(1.0 / rank, 6)},
+                "metadata": match.get("metadata") or {},
+                "updated_at": match.get("updated_at"),
+            })
+        return {"query": query, "mode": "keyword", "matches": matches}
+
+    def vector_search(self, query: str, *, limit: int = 30, min_score: float = 0.0) -> Dict[str, Any]:
+        graph = self._require_graph()
+        payload = graph.vector_search(query, limit=limit, min_score=min_score)
+        matches = []
+        for rank, match in enumerate(payload.get("matches", []), start=1):
+            score = float(match.get("score") or 0.0)
+            matches.append({
+                "id": match.get("id"),
+                "node_id": match.get("node_id"),
+                "item_type": match.get("item_type"),
+                "type": match.get("type"),
+                "title": match.get("title"),
+                "summary": _clean(match.get("summary")),
+                "score": round(score, 6),
+                "rank": rank,
+                "sources": ["vector"],
+                "source_scores": {"vector": round(score, 6)},
+                "metadata": match.get("metadata") or {},
+                "updated_at": match.get("updated_at"),
+            })
+        return {
+            "query": query,
+            "mode": "vector",
+            "embedding_model": payload.get("embedding_model"),
+            "embedding_dim": payload.get("embedding_dim"),
+            "matches": matches,
+        }
+
+    def graph_search(self, query: str, *, limit: int = 30, expand_depth: int = 1) -> Dict[str, Any]:
+        graph = self._require_graph()
+        limit = max(1, min(int(limit or 30), 100))
+        expand_depth = max(0, min(int(expand_depth or 1), 3))
+        direct = graph.search(query, limit=max(limit, 10)).get("matches", [])
+        relationships = graph.relationship_search(query=query, limit=limit).get("relationships", [])
+        by_id: Dict[str, Dict[str, Any]] = {}
+
+        def add_node(node: Mapping[str, Any], score: float, reason: str, edge: Optional[Mapping[str, Any]] = None) -> None:
+            node_id = str(node.get("id") or "")
+            if not node_id:
+                return
+            current = by_id.get(node_id)
+            if not current:
+                current = {
+                    "id": node_id,
+                    "node_id": node_id,
+                    "item_type": "node",
+                    "type": node.get("type"),
+                    "title": node.get("title"),
+                    "summary": _clean(node.get("summary")),
+                    "score": 0.0,
+                    "sources": ["graph"],
+                    "source_scores": {"graph": 0.0},
+                    "metadata": node.get("metadata") or {},
+                    "updated_at": node.get("updated_at"),
+                    "graph_context": [],
+                }
+                by_id[node_id] = current
+            current["score"] = max(float(current["score"]), score)
+            current["source_scores"]["graph"] = max(float(current["source_scores"]["graph"]), score)
+            context = {"reason": reason}
+            if edge:
+                context["relationship"] = {
+                    "id": edge.get("id"),
+                    "type": edge.get("type"),
+                    "weight": edge.get("weight"),
+                    "from": edge.get("from") or (edge.get("source") or {}).get("id"),
+                    "to": edge.get("to") or (edge.get("target") or {}).get("id"),
+                }
+            current["graph_context"].append(context)
+
+        for rank, match in enumerate(direct, start=1):
+            add_node(match, 1.0 / rank, "direct_match")
+            if expand_depth <= 0:
+                continue
+            try:
+                neighborhood = graph.traverse(match["id"], depth=expand_depth, limit=limit * 3)
+            except Exception:
+                neighborhood = {"nodes": [], "edges": []}
+            edge_by_pair = {
+                (edge.get("from"), edge.get("to")): edge
+                for edge in neighborhood.get("edges", [])
+            }
+            for node in neighborhood.get("nodes", []):
+                if node.get("id") == match.get("id"):
+                    continue
+                related_edge = None
+                for pair, edge in edge_by_pair.items():
+                    if match.get("id") in pair and node.get("id") in pair:
+                        related_edge = edge
+                        break
+                add_node(node, 0.45 / rank, "neighbor_expansion", related_edge)
+
+        for rank, rel in enumerate(relationships, start=1):
+            rel_score = 0.75 / rank
+            add_node(rel.get("source") or {}, rel_score, "relationship_match", rel)
+            add_node(rel.get("target") or {}, rel_score, "relationship_match", rel)
+
+        matches = sorted(by_id.values(), key=lambda item: item["score"], reverse=True)[:limit]
+        for rank, match in enumerate(matches, start=1):
+            match["rank"] = rank
+            match["score"] = round(float(match["score"]), 6)
+            match["source_scores"]["graph"] = round(float(match["source_scores"]["graph"]), 6)
+        return {"query": query, "mode": "graph", "expand_depth": expand_depth, "matches": matches}
+
+    def hybrid_search(
+        self,
+        query: str,
+        *,
+        limit: int = 30,
+        keyword_limit: int = 30,
+        vector_limit: int = 30,
+        graph_limit: int = 30,
+        weights: Optional[Mapping[str, float]] = None,
+    ) -> Dict[str, Any]:
+        weights = {**DEFAULT_HYBRID_WEIGHTS, **dict(weights or {})}
+        channels = {
+            "keyword": self.keyword_search(query, limit=keyword_limit),
+            "vector": self.vector_search(query, limit=vector_limit),
+            "graph": self.graph_search(query, limit=graph_limit),
+        }
+        fused: Dict[str, Dict[str, Any]] = {}
+        for source, payload in channels.items():
+            source_weight = float(weights.get(source, 0.0))
+            for rank, result in enumerate(payload.get("matches", []), start=1):
+                key = _result_key(result)
+                if not key:
+                    continue
+                source_score = float((result.get("source_scores") or {}).get(source, result.get("score") or 0.0))
+                rank_score = 1.0 / rank
+                contribution = source_weight * max(source_score, rank_score)
+                current = fused.get(key)
+                if not current:
+                    current = {
+                        **result,
+                        "sources": [],
+                        "source_scores": {},
+                        "score": 0.0,
+                    }
+                    fused[key] = current
+                current["score"] = float(current["score"]) + contribution
+                if source not in current["sources"]:
+                    current["sources"].append(source)
+                current["source_scores"][source] = round(source_score, 6)
+                if result.get("graph_context"):
+                    current.setdefault("graph_context", [])
+                    current["graph_context"].extend(result.get("graph_context") or [])
+
+        matches = sorted(fused.values(), key=lambda item: item["score"], reverse=True)[: max(1, min(limit, 100))]
+        for rank, match in enumerate(matches, start=1):
+            match["rank"] = rank
+            match["score"] = round(float(match["score"]), 6)
+            match["fusion"] = {
+                "weights": weights,
+                "sources": match.get("sources", []),
+            }
+        return {
+            "query": query,
+            "mode": "hybrid",
+            "weights": weights,
+            "channels": {
+                name: {
+                    key: value
+                    for key, value in payload.items()
+                    if key not in {"matches"}
+                }
+                for name, payload in channels.items()
+            },
+            "matches": matches,
+        }
+
+    def graph(self, *, limit: int = 300) -> Dict[str, Any]:
+        return self._require_graph().graph(limit=limit)
+
+    def node(self, node_id: str, *, include_neighbors: bool = True, depth: int = 1, limit: int = 100) -> Dict[str, Any]:
+        graph = self._require_graph()
+        payload = {"node": graph.get_node(node_id)}
+        if include_neighbors:
+            payload["neighborhood"] = graph.traverse(node_id, depth=depth, limit=limit)
+        return payload
+
+    def relationships(
+        self,
+        *,
+        query: str = "",
+        node_id: str = "",
+        relationship_type: str = "",
+        limit: int = 30,
+    ) -> Dict[str, Any]:
+        return self._require_graph().relationship_search(
+            query=query,
+            node_id=node_id,
+            relationship_type=relationship_type,
+            limit=limit,
+        )
+
+    def index_status(self) -> Dict[str, Any]:
+        return self._require_graph().index_status()
+
+    def embeddings_status(
+        self,
+        *,
+        resolved: Optional[Mapping[str, Any]] = None,
+        refresh: bool = False,
+    ) -> Dict[str, Any]:
+        """Report the active embedding provider for the Models → Embeddings UI.
+
+        Combines the resolved-provider info (requested vs active, fallback,
+        health) with the vector index's identity and last build time. The
+        ``state`` is one of ``production`` | ``fallback`` | ``unavailable`` so
+        the UI never shows a down provider as live.
+        """
+        resolved = dict(resolved or {})
+        graph = self.graph_store
+        embedder = getattr(graph, "_embedding_model", None)
+
+        meta: Dict[str, Any] = {}
+        if embedder is not None and hasattr(embedder, "metadata"):
+            try:
+                meta = dict(embedder.metadata())
+            except Exception:
+                meta = {}
+        else:  # legacy LocalEmbeddingModel
+            meta = {
+                "provider": "hash",
+                "model": getattr(embedder, "model_id", "lattice-local-hash-v1"),
+                "model_id": getattr(embedder, "model_id", "lattice-local-hash-v1"),
+                "dim": getattr(embedder, "dim", 384),
+                "grade": "fallback",
+            }
+
+        health = resolved.get("health") or {"status": "unknown", "detail": ""}
+        if refresh and embedder is not None and hasattr(embedder, "health"):
+            try:
+                health = embedder.health()
+            except Exception as exc:  # pragma: no cover - defensive
+                health = {"status": "unavailable", "detail": str(exc)}
+
+        fell_back = bool(resolved.get("fell_back"))
+        grade = str(meta.get("grade") or ("fallback" if fell_back else "production"))
+        if fell_back or health.get("status") == "unavailable":
+            state = "unavailable" if fell_back else "fallback"
+        else:
+            state = "fallback" if grade == "fallback" else "production"
+
+        index: Dict[str, Any] = {}
+        last_indexed_at = None
+        if graph is not None:
+            try:
+                status = graph.index_status()
+                index = {
+                    "status": status.get("status"),
+                    "source_items": status.get("source_items"),
+                    "indexed_items": status.get("indexed_items"),
+                    "ready_items": status.get("ready_items"),
+                    "pending_items": status.get("pending_items"),
+                    "stale_items": status.get("stale_items"),
+                    "embedding_model": (status.get("storage") or {}).get("embedding_model"),
+                    "embedding_dim": (status.get("storage") or {}).get("embedding_dim"),
+                }
+                for op in status.get("operations", []):
+                    if op.get("status") == "completed" and op.get("completed_at"):
+                        last_indexed_at = op.get("completed_at")
+                        break
+            except Exception as exc:  # pragma: no cover - defensive
+                index = {"error": str(exc)}
+
+        return {
+            "provider": meta.get("provider"),
+            "requested_provider": resolved.get("requested_provider") or meta.get("provider"),
+            "active_provider": resolved.get("active_provider") or meta.get("provider"),
+            "model": meta.get("model"),
+            "model_id": meta.get("model_id"),
+            "dimensions": meta.get("dim"),
+            "grade": grade,
+            "state": state,
+            "fell_back": fell_back,
+            "health": health,
+            "detail": resolved.get("detail", ""),
+            "last_indexed_at": last_indexed_at,
+            "index": index,
+            "available_providers": list(resolved.get("available_providers") or []),
+        }
+
+    def rebuild_index(self, *, full: bool = False, include_nodes: bool = True, include_chunks: bool = True) -> Dict[str, Any]:
+        return self._require_graph().rebuild_vector_index(
+            full=full,
+            include_nodes=include_nodes,
+            include_chunks=include_chunks,
+        )

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ltcai",
-  "version": "2.2.2",
-  "description": "Local-first AI workspace for knowledge graphs, AI pipelines, and multi-agent coding workflows.",
+  "version": "3.0.1",
+  "description": "Lattice AI v3 local-first AI workspace platform with knowledge graph, vector index, hybrid search, agents, and workspace modes.",
   "homepage": "https://github.com/TaeSooPark-PTS/LatticeAI#readme",
   "repository": {
     "type": "git",
@@ -19,7 +19,10 @@
     "dev": "python3 ltcai_cli.py --reload",
     "build": "npm run build:python",
     "build:python": "python3 -m build",
-    "check:python": "python3 -m py_compile ltcai_cli.py server.py latticeai/server_app.py latticeai/api/chat.py latticeai/api/computer_use.py latticeai/api/deps.py latticeai/api/garden.py latticeai/api/local_files.py latticeai/api/permissions.py latticeai/api/setup.py latticeai/api/static_routes.py latticeai/api/tools.py latticeai/api/plugins.py latticeai/api/workflow_designer.py latticeai/api/agents.py latticeai/api/realtime.py latticeai/api/marketplace.py latticeai/services/app_context.py latticeai/services/model_runtime.py latticeai/services/model_catalog.py latticeai/services/model_recommendation.py latticeai/services/tool_dispatch.py latticeai/services/upload_service.py latticeai/core/tool_registry.py latticeai/core/enterprise.py latticeai/core/enterprise_admin.py latticeai/core/agent_prompts.py latticeai/core/workspace_os.py latticeai/core/plugins.py latticeai/core/marketplace.py latticeai/core/workflow_engine.py latticeai/core/multi_agent.py latticeai/core/realtime.py knowledge_graph.py knowledge_graph_api.py local_knowledge_api.py llm_router.py p_reinforce.py telegram_bot.py tools.py codex_telegram_bot.py",
+    "check:python": "python3 -m py_compile ltcai_cli.py server.py latticeai/server_app.py latticeai/api/chat.py latticeai/api/computer_use.py latticeai/api/deps.py latticeai/api/garden.py latticeai/api/local_files.py latticeai/api/permissions.py latticeai/api/setup.py latticeai/api/static_routes.py latticeai/api/tools.py latticeai/api/plugins.py latticeai/api/workflow_designer.py latticeai/api/agents.py latticeai/api/realtime.py latticeai/api/marketplace.py latticeai/api/search.py latticeai/services/search_service.py latticeai/core/local_embeddings.py latticeai/core/embedding_providers.py latticeai/services/agent_runtime.py latticeai/core/config.py latticeai/api/admin.py latticeai/services/app_context.py latticeai/services/model_runtime.py latticeai/services/model_catalog.py latticeai/services/model_recommendation.py latticeai/services/tool_dispatch.py latticeai/services/upload_service.py latticeai/core/tool_registry.py latticeai/core/enterprise.py latticeai/core/enterprise_admin.py latticeai/core/agent_prompts.py latticeai/core/workspace_os.py latticeai/core/plugins.py latticeai/core/marketplace.py latticeai/core/workflow_engine.py latticeai/core/multi_agent.py latticeai/core/realtime.py knowledge_graph.py knowledge_graph_api.py local_knowledge_api.py llm_router.py p_reinforce.py telegram_bot.py tools.py codex_telegram_bot.py",
+    "lint": "node --check static/scripts/account.js && node --check static/scripts/admin.js && node --check static/scripts/chat.js && node --check static/scripts/graph.js && node --check static/scripts/platform.js && node --check static/scripts/ux.js && node --check static/scripts/workspace.js && node --check tests/visual/mock_server.cjs && node --check tests/visual/v3.spec.js && npm run lint:v3",
+    "lint:v3": "node scripts/lint_v3.mjs",
+    "typecheck": "cd vscode-extension && npm run build",
     "test": "python3 -m pytest tests/ -v",
     "test:unit": "python3 -m pytest tests/unit/ -v",
     "test:integration": "python3 -m pytest tests/integration/ -v",
@@ -80,13 +83,14 @@
     "static/workflows.html",
     "static/agents.html",
     "static/activity.html",
+    "static/favicon.ico",
     "static/manifest.json",
     "static/sw.js",
-    "static/lattice-reference.css",
     "static/workspace.css",
     "static/platform.css",
     "static/scripts/",
     "static/css/",
+    "static/v3/",
     "static/icons/",
     "plugins/",
     "docs/",

package/static/account.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content">
     <title>Lattice AI</title>
-    <script src="/static/scripts/ux.js?v=2.2.2"></script>
+    <script src="/static/scripts/ux.js?v=3.0.0"></script>
     <link rel="manifest" href="/manifest.json">
     <meta name="theme-color" content="#f3ecff">
     <meta name="apple-mobile-web-app-capable" content="yes">
@@ -14,8 +14,13 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
-    <link rel="stylesheet" href="/static/lattice-reference.css?v=0.3.3">
-    <link rel="stylesheet" href="/static/css/responsive.css?v=2.2.2">
+    <link rel="stylesheet" href="/static/css/tokens.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/reference/base.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/reference/account.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/reference/admin.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/reference/graph.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/reference/chat.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/responsive.css?v=3.0.0">
 </head>
 <body class="lattice-ref-auth">
     <div class="orb orb-1"></div>
@@ -105,6 +110,6 @@
         <a href="#" onclick="return false;" id="privacy-link">개인정보 처리방침</a>
     </footer>
 
-    <script src="/static/scripts/account.js?v=0.3.3"></script>
+    <script src="/static/scripts/account.js?v=3.0.0"></script>
 </body>
 </html>

package/static/activity.html

@@ -4,10 +4,10 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content" />
   <title>Realtime Activity — Lattice AI</title>
-  <script src="/static/scripts/ux.js?v=2.2.2"></script>
-  <link rel="stylesheet" href="/static/css/tokens.css?v=2.2.2" />
-  <link rel="stylesheet" href="/static/platform.css?v=2.2.2" />
-  <link rel="stylesheet" href="/static/css/responsive.css?v=2.2.2" />
+  <script src="/static/scripts/ux.js?v=3.0.0"></script>
+  <link rel="stylesheet" href="/static/css/tokens.css?v=3.0.0" />
+  <link rel="stylesheet" href="/static/platform.css?v=3.0.0" />
+  <link rel="stylesheet" href="/static/css/responsive.css?v=3.0.0" />
 </head>
 <body>
   <main>

package/static/admin.html

@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content">
     <title>Lattice AI Admin</title>
-    <script src="/static/scripts/ux.js?v=2.2.2"></script>
+    <script src="/static/scripts/ux.js?v=3.0.0"></script>
     <link rel="manifest" href="/manifest.json">
     <meta name="theme-color" content="#f3ecff">
     <meta name="apple-mobile-web-app-capable" content="yes">
@@ -15,8 +15,13 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
-    <link rel="stylesheet" href="/static/lattice-reference.css?v=0.3.3">
-    <link rel="stylesheet" href="/static/css/responsive.css?v=2.2.2">
+    <link rel="stylesheet" href="/static/css/tokens.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/reference/base.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/reference/account.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/reference/admin.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/reference/graph.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/reference/chat.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/responsive.css?v=3.0.0">
     <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
 </head>
 

package/static/agents.html

@@ -4,10 +4,10 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content" />
   <title>Multi-Agent Runtime — Lattice AI</title>
-  <script src="/static/scripts/ux.js?v=2.2.2"></script>
-  <link rel="stylesheet" href="/static/css/tokens.css?v=2.2.2" />
-  <link rel="stylesheet" href="/static/platform.css?v=2.2.2" />
-  <link rel="stylesheet" href="/static/css/responsive.css?v=2.2.2" />
+  <script src="/static/scripts/ux.js?v=3.0.0"></script>
+  <link rel="stylesheet" href="/static/css/tokens.css?v=3.0.0" />
+  <link rel="stylesheet" href="/static/platform.css?v=3.0.0" />
+  <link rel="stylesheet" href="/static/css/responsive.css?v=3.0.0" />
 </head>
 <body>
   <main>

package/static/chat.html

@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content">
     <title>Lattice AI — All-in-One Multimodal Workspace</title>
-    <script src="/static/scripts/ux.js?v=2.2.2"></script>
+    <script src="/static/scripts/ux.js?v=3.0.0"></script>
 
     <!-- PWA -->
     <link rel="manifest" href="/manifest.json">
@@ -24,8 +24,13 @@
     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
 
     <!-- ── Setup Wizard Styles ──────────────────────────────────────────── -->
-    <link rel="stylesheet" href="/static/lattice-reference.css?v=0.3.3">
-    <link rel="stylesheet" href="/static/css/responsive.css?v=2.2.2">
+    <link rel="stylesheet" href="/static/css/tokens.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/reference/base.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/reference/account.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/reference/admin.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/reference/graph.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/reference/chat.css?v=3.0.0">
+    <link rel="stylesheet" href="/static/css/responsive.css?v=3.0.0">
 </head>
 
 <body class="lattice-ref-chat">
@@ -414,7 +419,7 @@
                 <!-- Planning -->
                 <div class="pipeline-phase-row">
                     <div class="pipeline-phase-label">
-                        <span class="pipeline-phase-badge" style="background:rgba(99,102,241,0.15);color:#818cf8">📋 Planning</span>
+                        <span class="pipeline-phase-badge" style="background:rgba(99,102,241,0.15);color:var(--accent)">📋 Planning</span>
                         <span style="color:var(--muted);font-size:11px">계획 수립 · 유저와 함께 검토</span>
                     </div>
                     <select id="pipeline-planning-select" class="pipeline-select">
@@ -425,7 +430,7 @@
                 <!-- Executing -->
                 <div class="pipeline-phase-row">
                     <div class="pipeline-phase-label">
-                        <span class="pipeline-phase-badge" style="background:rgba(34,197,94,0.12);color:#4ade80">⚙️ Executing</span>
+                        <span class="pipeline-phase-badge" style="background:rgba(34,197,94,0.12);color:var(--success)">⚙️ Executing</span>
                         <span style="color:var(--muted);font-size:11px">코드 작성 · 파일 생성 · 툴 호출</span>
                     </div>
                     <select id="pipeline-executing-select" class="pipeline-select">
@@ -436,7 +441,7 @@
                 <!-- Reviewing -->
                 <div class="pipeline-phase-row">
                     <div class="pipeline-phase-label">
-                        <span class="pipeline-phase-badge" style="background:rgba(251,146,60,0.12);color:#fb923c">🔍 Reviewing</span>
+                        <span class="pipeline-phase-badge" style="background:rgba(251,146,60,0.12);color:var(--warning)">🔍 Reviewing</span>
                         <span style="color:var(--muted);font-size:11px">결과 검증 · 최종 답변 생성</span>
                     </div>
                     <select id="pipeline-reviewing-select" class="pipeline-select">
@@ -501,7 +506,7 @@
                     <button class="admin-action" onclick="sendFileToChat()" style="flex:1;background:rgba(111,66,232,0.12);border-color:rgba(111,66,232,0.28)">
                         <i class="ti ti-send"></i> AI에게 보내기
                     </button>
-                    <button class="status-btn" onclick="closeFileEditor();document.getElementById('local-browser-overlay').style.display='flex'" style="flex:1">
+                    <button class="status-btn" onclick="closeFileEditor();showModalLayer('local-browser-overlay')" style="flex:1">
                         <i class="ti ti-arrow-left"></i> 탐색기로
                     </button>
                 </div>
@@ -736,13 +741,13 @@
                         <div id="cu-screenshot-meta" style="font-size:11px;color:var(--faint);text-align:center"></div>
                     </div>
                     <!-- Controls panel -->
-                    <div style="width:280px;padding:14px;display:flex;flex-direction:column;gap:12px;overflow-y:auto">
+                    <div class="cu-controls-panel" style="padding:14px;display:flex;flex-direction:column;gap:12px;overflow-y:auto">
                         <!-- Agent task input -->
                         <div>
                             <div style="font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px">AI 자동 작업</div>
                             <textarea id="cu-task-input" placeholder="예: Safari 열고 apple.com 접속해줘&#10;예: 현재 화면에서 버튼 찾아서 클릭해줘" style="width:100%;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:10px;color:var(--text);font-size:13px;resize:vertical;min-height:80px;font-family:inherit;outline:none"></textarea>
                             <div style="display:flex;gap:6px;margin-top:6px">
-                                <button id="cu-run-btn" onclick="cuRunAgent()" style="flex:1;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:#fff;padding:8px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px"><i class="ti ti-player-play"></i> 실행</button>
+                                <button id="cu-run-btn" onclick="cuRunAgent()" style="flex:1;background:var(--accent);border:none;color:#fff;padding:8px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px"><i class="ti ti-player-play"></i> 실행</button>
                                 <button id="cu-stop-btn" onclick="cuStopAgent()" style="background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.25);color:var(--danger);padding:8px 14px;border-radius:8px;font-size:13px;cursor:pointer;display:none"><i class="ti ti-player-stop"></i></button>
                             </div>
                         </div>
@@ -774,7 +779,7 @@
                             <div id="cu-log" style="flex:1;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:8px;font-size:11px;font-family:monospace;color:var(--muted);overflow-y:auto;max-height:200px;min-height:80px"></div>
                         </div>
                         <!-- Permission note -->
-                        <div style="background:rgba(240,168,50,.07);border:1px solid rgba(240,168,50,.2);border-radius:8px;padding:9px 11px;font-size:11px;color:rgba(240,168,50,.85)">
+                        <div style="background:rgba(240,168,50,.07);border:1px solid rgba(240,168,50,.2);border-radius:8px;padding:9px 11px;font-size:11px;color:var(--warning)">
                             <i class="ti ti-alert-triangle"></i> macOS 손쉬운 사용 권한 필요<br>
                             <span style="opacity:.7">시스템 설정 → 개인 정보 보호 → 손쉬운 사용</span>
                         </div>
@@ -833,7 +838,7 @@
     </div>
 
 
-    <script src="/static/scripts/chat.js?v=0.3.4"></script>
+    <script src="/static/scripts/chat.js?v=3.0.0"></script>
 </body>
 
 </html>