omnius 1.0.320 → 1.0.321

package/dist/index.js

@@ -682806,8 +682806,8 @@ function getWebUI() {
   --color-border-strong:oklch(0.32 0 0);   /* emphasized — gray-800 */
 
   /* Functional accents (openwebui pattern: blue for actions, sparing) */
-  --color-accent:       #3b82f6;            /* blue-500 — primary actions */
-  --color-accent-hover: #60a5fa;            /* blue-400 */
+  --color-accent:       #14b8a6;            /* teal-500 — primary actions */
+  --color-accent-hover: #2dd4bf;            /* teal-400 */
   --color-success:      #22c55e;            /* green-500 */
   --color-warning:      #f59e0b;            /* amber-500 */
   --color-error:        #ef4444;            /* red-500 */
@@ -682815,8 +682815,8 @@ function getWebUI() {
 
   /* Omnius brand — kept narrow scope for Omnius-only marks (active tab strip,
    * brand glyphs, status accents). NOT the dominant accent anymore. */
-  --color-brand:        #b2920a;
-  --color-brand-hover:  #d4ac0e;
+  --color-brand:        #14b8a6;
+  --color-brand-hover:  #2dd4bf;
 
   /* Typography */
   --font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
@@ -683071,7 +683071,7 @@ body {
 }
 #tasks-row .task-item.pending     { color: var(--color-fg-faint); }
 #tasks-row .task-item.pending     .mark { color: var(--color-fg-faint); }
-#tasks-row .task-item.in_progress { color: var(--color-brand); border-color: var(--color-brand); box-shadow: 0 0 4px rgba(178,146,10,0.3); }
+#tasks-row .task-item.in_progress { color: var(--color-brand); border-color: var(--color-brand); box-shadow: 0 0 4px rgba(20,184,166,0.3); }
 #tasks-row .task-item.in_progress .mark { color: var(--color-brand); }
 #tasks-row .task-item.completed   { color: #4a7a4a; }
 #tasks-row .task-item.completed   .mark { color: #5fa55f; }
@@ -684047,7 +684047,8 @@ body { display:flex; flex-direction:column; height:100vh; margin:0; overflow:hid
     <button id="sidebar-toggle" onclick="toggleSidebar()" title="Toggle sidebar (Cmd/Ctrl+B)" style="background:transparent;border:none;color:var(--color-fg-muted);padding:4px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px">
       <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 3v18"/></svg>
     </button>
-    <span id="sidebar-brand" style="font-weight:600;font-size:0.92rem;color:var(--color-fg);letter-spacing:-0.01em;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">Omnius</span>
+    <span id="sidebar-brand-dot" title="Connection status" style="width:9px;height:9px;border-radius:999px;background:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.16);flex:0 0 auto"></span>
+    <span id="sidebar-brand" style="font-weight:600;font-size:0.92rem;color:var(--color-fg);letter-spacing:-0.01em;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">No project</span>
   </div>
 
   <!-- New chat button -->
@@ -684133,9 +684134,9 @@ body { display:flex; flex-direction:column; height:100vh; margin:0; overflow:hid
 <div id="omnius-main" style="flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--color-bg)">
 
 <div id="header">
-  <span class="accent">Omnius</span>
+  <span class="accent" id="header-project-name">No project</span>
   <span class="status" id="status">connecting...</span>
-  <span id="update-btn" style="display:none;background:#3a2a10;border:1px solid var(--color-brand);color:var(--color-brand);padding:2px 8px;border-radius:3px;font-family:inherit;font-size:0.6rem;cursor:pointer" onclick="doUpdate()">update</span>
+  <span id="update-btn" style="display:none;background:#0f3f3d;border:1px solid var(--color-brand);color:var(--color-brand);padding:2px 8px;border-radius:3px;font-family:inherit;font-size:0.6rem;cursor:pointer" onclick="doUpdate()">update</span>
   <select id="model-select"><option>loading...</option></select>
   <button class="key-btn" id="files-btn" onclick="toggleFilesForActiveTab()" title="Toggle workspace sidebar (chat or agent depending on active tab)">files</button>
   <button class="key-btn" id="sandbox-toggle" onclick="toggleSandbox()" title="Toggle Docker sandbox" style="opacity:0.5">sandbox: off</button>
@@ -684834,6 +684835,13 @@ $chatSessionId.subscribe(v => {
   const root = $currentProject.get()?.root;
   if (root) scopedSet(root, 'currentChatSessionId', v ?? '');
   schedulePrefsSave({ currentChatSessionId: v });
+  try { if (typeof updateSessionSelect === 'function') updateSessionSelect(); } catch {}
+  try {
+    if (typeof _renderSidebarChats === 'function') {
+      const search = document.getElementById('sidebar-search');
+      _renderSidebarChats(search ? search.value : '');
+    }
+  } catch {}
 });
 $agentRunId.subscribe(v => {
   const root = $currentProject.get()?.root;
@@ -684855,6 +684863,8 @@ $activeTab.subscribe(v => {
 $currentProject.subscribe(async (proj) => {
   if (!proj || !proj.root) return;
   await migrateLegacyLocalStorage(proj.root);
+  try { resetProjectWorkspace(proj.root); } catch {}
+  try { renderProjectChrome(); } catch {}
   // Local hydrate
   const localModel = scopedGet(proj.root, 'selectedModel', '') || '';
   const localChat = scopedGet(proj.root, 'currentChatSessionId', '') || '';
@@ -684871,6 +684881,9 @@ $currentProject.subscribe(async (proj) => {
   if (initialGuiRoute.tab) $activeTab.set(initialGuiRoute.tab);
   else if (server?.activeTab) $activeTab.set(server.activeTab);
   else if (localTab) $activeTab.set(localTab);
+  try { $chatSessions.set(loadScopedSessions()); } catch {}
+  try { if (typeof updateSessionSelect === 'function') updateSessionSelect(); } catch {}
+  try { renderProjectChrome(); } catch {}
 });
 
 // Backward-compat shims: legacy code reads "apiKey" and "chatSessionId"
@@ -684893,7 +684906,7 @@ Object.defineProperty(window, 'chatSessionId', {
 function loadScopedSessions() {
   const root = $currentProject.get()?.root;
   if (!root) {
-    try { return loadScopedSessions(); } catch { return {}; }
+    try { return JSON.parse(localStorage.getItem('omnius-sessions') || '{}'); } catch { return {}; }
   }
   try { return JSON.parse(scopedGet(root, 'chatSessions', '{}')); } catch { return {}; }
 }
@@ -684908,7 +684921,7 @@ function saveScopedSessions(obj) {
 function loadScopedAgentRuns() {
   const root = $currentProject.get()?.root;
   if (!root) {
-    try { return loadScopedAgentRuns(); } catch { return {}; }
+    try { return JSON.parse(localStorage.getItem('omnius-agent-runs') || '{}'); } catch { return {}; }
   }
   try { return JSON.parse(scopedGet(root, 'agentRuns', '{}')); } catch { return {}; }
 }
@@ -684937,6 +684950,56 @@ const modelSelect = document.getElementById('model-select');
 // because modelSelect already exists in the DOM at this point.
 modelSelect.addEventListener('change', () => persistSelectedModel());
 const statusEl = document.getElementById('status');
+let _connectionState = 'connecting';
+function _projectPathLeaf(path) {
+  if (!path) return '';
+  let trimmed = String(path);
+  while (trimmed.length > 1 && trimmed.endsWith('/')) trimmed = trimmed.slice(0, -1);
+  const parts = trimmed.split('/').filter(Boolean);
+  return parts[parts.length - 1] || trimmed || path;
+}
+function _projectDisplayName(proj) {
+  if (!proj) return 'No project';
+  return proj.name || _projectPathLeaf(proj.root) || proj.root || 'Project';
+}
+function _endpointDisplayName(endpoint) {
+  if (!endpoint) return '';
+  try { return new URL(endpoint).host || endpoint; } catch { return String(endpoint); }
+}
+function renderProjectChrome() {
+  const proj = $currentProject.get ? $currentProject.get() : null;
+  const cfg = $config.get ? ($config.get() || {}) : {};
+  const root = proj?.root || '';
+  const name = _projectDisplayName(proj);
+  const headerName = document.getElementById('header-project-name') || document.querySelector('#header .accent');
+  if (headerName) {
+    headerName.textContent = name;
+    headerName.title = root || name;
+  }
+  const brand = document.getElementById('sidebar-brand');
+  if (brand) {
+    brand.textContent = name;
+    brand.title = root || name;
+  }
+  if (statusEl) {
+    const selected = ($selectedModel.get && $selectedModel.get()) || (modelSelect && modelSelect.value) || '';
+    const endpointObj = cfg.endpoint || {};
+    const endpoint = endpointObj.url || cfg.backendUrl || '';
+    const endpointType = endpointObj.backendType || cfg.backendType || '';
+    const endpointLabel = endpoint ? ((endpointType ? endpointType + ' ' : '') + _endpointDisplayName(endpoint)) : '';
+    const bits = [String(_connectionState || 'connecting')];
+    if (selected) bits.push(selected);
+    if (endpointLabel) bits.push(endpointLabel);
+    statusEl.textContent = bits.join(' · ');
+    statusEl.title = [root, endpoint].filter(Boolean).join('\\n');
+    statusEl.className = /connected|ready|online/i.test(_connectionState || '') ? 'status live' : 'status';
+  }
+  try { _syncSidebarStatus(); } catch {}
+}
+function setConnectionState(state) {
+  _connectionState = state || 'connecting';
+  renderProjectChrome();
+}
 let streaming = false;
 let messages = [];
 let chatAbortController = null; // for stop button
@@ -685045,8 +685108,7 @@ async function checkHealth() {
   try {
     const r = await fetch('/health', { cache: 'no-store' });
     const d = await r.json();
-    statusEl.textContent = 'connected (' + d.version + ')';
-    statusEl.className = 'status live';
+    setConnectionState('connected');
     // Detect daemon version bump and refresh UI to new frontend bundle/state
     if (!seenVersion) {
       seenVersion = d.version || '';
@@ -685057,8 +685119,7 @@ async function checkHealth() {
       return;
     }
   } catch {
-    statusEl.textContent = 'disconnected';
-    statusEl.className = 'status';
+    setConnectionState('disconnected');
   }
 }
 
@@ -685074,6 +685135,7 @@ async function loadModels() {
       fetch('/v1/models', { headers: headers() }).then(r => r.json()).catch(() => ({})),
       fetch('/v1/config', { headers: headers() }).then(r => r.json()).catch(() => ({})),
     ]);
+    try { if (cfgResp && cfgResp.config) $config.set(cfgResp.config); renderProjectChrome(); } catch {}
     modelSelect.innerHTML = '';
     const list = Array.isArray(modelsResp.data) ? modelsResp.data : [];
     if (list.length === 0) {
@@ -685133,7 +685195,8 @@ async function loadModels() {
     const daemonModel = (cfgResp && cfgResp.config && cfgResp.config.model) || '';
     let cachedModel = '';
     try { cachedModel = localStorage.getItem('omnius.selectedModel') || ''; } catch {}
-    const candidates = [daemonModel, cachedModel].filter(Boolean);
+    const projectModel = ($selectedModel.get && $selectedModel.get()) || '';
+    const candidates = [projectModel, daemonModel, cachedModel].filter(Boolean);
     let recalled = null;
     for (const c of candidates) {
       const stripped = c.replace(/^local\\//, '');
@@ -685150,6 +685213,7 @@ async function loadModels() {
     // Persist the resolved value back to localStorage so a subsequent
     // refresh (before /v1/config has answered) can recall it instantly.
     try { localStorage.setItem('omnius.selectedModel', modelSelect.value); } catch {}
+    try { if (modelSelect.value) $selectedModel.set(modelSelect.value); renderProjectChrome(); } catch {}
   } catch { modelSelect.innerHTML = '<option>error loading models</option>'; }
 }
 
@@ -687261,6 +687325,7 @@ async function loadConfig() {
       fetch('/v1/models', { headers: headers() }).then(r => r.json()),
     ]);
     const c = cfg.config || {};
+    try { $config.set({ ...c, endpoint: ep }); renderProjectChrome(); } catch {}
     document.getElementById('config-content').innerHTML =
       '<table style="width:100%">' +
       Object.entries(c).map(([k,v]) =>
@@ -687809,6 +687874,7 @@ function saveSessions() {
     };
   }
   saveScopedSessions(saved);
+  try { $chatSessions.set(saved); } catch {}
   updateSessionSelect();
 }
 
@@ -687860,6 +687926,7 @@ function deleteChatSession() {
   const saved = loadScopedSessions();
   delete saved[chatSessionId];
   saveScopedSessions(saved);
+  try { $chatSessions.set(saved); } catch {}
   switchSession('');
   updateSessionSelect();
 }
@@ -688013,6 +688080,8 @@ function switchSession(id) {
     messages = [];
     document.getElementById('conversation').innerHTML = '';
     syncRouteForTab('chat', true);
+    updateSessionSelect();
+    try { _renderSidebarChats(_lastSidebarFilter || ''); } catch {}
     return;
   }
   const saved = loadScopedSessions();
@@ -688065,6 +688134,17 @@ function switchSession(id) {
       }
     }
     syncRouteForTab('chat', true);
+    updateSessionSelect();
+    try { _renderSidebarChats(_lastSidebarFilter || ''); } catch {}
+    try { refreshTodos(id); } catch {}
+  } else {
+    chatSessionId = null;
+    messages = [];
+    const conv = document.getElementById('conversation');
+    if (conv) conv.innerHTML = '';
+    addMessage('system', 'No saved messages for this session.');
+    updateSessionSelect();
+    try { _renderSidebarChats(_lastSidebarFilter || ''); } catch {}
   }
 }
 
@@ -688126,6 +688206,34 @@ const agentTreeExpanded = new Set();
 const agentTreeCache = new Map();
 let agentTreeRoot = null;
 
+function resetProjectWorkspace(root) {
+  const nextRoot = root || null;
+  chatWorkingDir = nextRoot;
+  agentWorkingDir = nextRoot;
+  contextFiles = [];
+  agentContextFiles = [];
+  try { treeExpanded.clear(); treeCache.clear(); } catch {}
+  try { agentTreeExpanded.clear(); agentTreeCache.clear(); } catch {}
+  treeRoot = nextRoot;
+  agentTreeRoot = nextRoot;
+  const chatLabel = document.getElementById('workspace-dir-label');
+  if (chatLabel) chatLabel.textContent = 'CWD: ' + (nextRoot || '(daemon default)');
+  const agentLabel = document.getElementById('agent-workspace-dir-label');
+  if (agentLabel) agentLabel.textContent = 'CWD: ' + (nextRoot || '(daemon default)');
+  const wdInput = document.getElementById('agent-working-dir');
+  if (wdInput) wdInput.value = nextRoot || '';
+  try { renderContextChips(); } catch {}
+  try { renderAgentContextChips(); } catch {}
+  try {
+    const chatSb = document.getElementById('workspace-sidebar');
+    if (chatSb && chatSb.style.display === 'block') loadWorkspaceRoot();
+  } catch {}
+  try {
+    const agentSb = document.getElementById('agent-workspace-sidebar');
+    if (agentSb && agentSb.style.display === 'block') loadAgentWorkspaceRoot();
+  } catch {}
+}
+
 function toggleAgentWorkspace() {
   const sb = document.getElementById('agent-workspace-sidebar');
   if (!sb) return;
@@ -688137,9 +688245,12 @@ async function loadAgentWorkspaceRoot() {
   const cwdEl = document.getElementById('agent-workspace-cwd');
   if (!cwdEl) return;
   try {
-    const r = await fetch('/v1/files', { headers: headers() });
+    const projectRoot = $currentProject.get()?.root || '';
+    const requestedRoot = agentWorkingDir || projectRoot;
+    const url = requestedRoot ? '/v1/files?path=' + encodeURIComponent(requestedRoot) : '/v1/files';
+    const r = await fetch(url, { headers: headers() });
     const d = await r.json();
-    const rootPath = d.path || '.';
+    const rootPath = d.path || requestedRoot || '.';
     cwdEl.innerHTML = '';
     const wsSpan = document.createElement('span');
     wsSpan.style.cssText = 'color:var(--color-fg-muted)';
@@ -688274,11 +688385,13 @@ window.toggleFilesForActiveTab = toggleFilesForActiveTab;
 
 async function loadWorkspaceRoot() {
   const cwdEl = document.getElementById('workspace-cwd');
-  // Default: daemon's cwd (from /v1/files with no path)
   try {
-    const r = await fetch('/v1/files', { headers: headers() });
+    const projectRoot = $currentProject.get()?.root || '';
+    const requestedRoot = chatWorkingDir || projectRoot;
+    const url = requestedRoot ? '/v1/files?path=' + encodeURIComponent(requestedRoot) : '/v1/files';
+    const r = await fetch(url, { headers: headers() });
     const d = await r.json();
-    const rootPath = d.path || '.';
+    const rootPath = d.path || requestedRoot || '.';
     cwdEl.innerHTML = '';
     const wsSpan = document.createElement('span');
     wsSpan.style.cssText = 'color:var(--color-fg-muted)';
@@ -689174,6 +689287,19 @@ async function restoreChatSession() {
         }
       }
     }
+    try {
+      const saved = loadScopedSessions();
+      saved[data.id] = {
+        id: data.id,
+        messages: messages,
+        model: data.model || modelSelect.value,
+        updatedAt: data.updated_at || data.updatedAt || new Date().toISOString(),
+        preview: messages.slice(-1)[0]?.content?.slice(0, 50) || 'empty',
+      };
+      saveScopedSessions(saved);
+      $chatSessions.set(saved);
+      updateSessionSelect();
+    } catch {}
     try { refreshTodos(data.id); } catch {}
     if (data.in_flight && data.in_flight.status === 'running') {
       attachInFlightPoller(data.id, data.in_flight);
@@ -689826,6 +689952,9 @@ $currentProject.subscribe((proj) => {
   // The hydrate subscriber inside the store layer has already updated
   // $selectedModel / $chatSessionId / $agentRunId from server prefs.
   // These reactions just refresh data the model + sessions panels need.
+  try { resetProjectWorkspace(proj?.root || null); } catch {}
+  try { $chatSessions.set(loadScopedSessions()); } catch {}
+  try { renderProjectChrome(); } catch {}
   try { if (typeof loadModels === 'function') loadModels(); } catch {}
   try { if (typeof loadConfig === 'function') loadConfig(); } catch {}
   try { if (typeof updateSessionSelect === 'function') updateSessionSelect(); } catch {}
@@ -689837,13 +689966,13 @@ $currentProject.subscribe((proj) => {
 // $selectedModel changes update the visible <select> if it's not
 // already in sync (handles cross-tab updates + server-side overrides).
 $selectedModel.subscribe((m) => {
-  if (!m || !modelSelect) return;
-  if (modelSelect.value !== m) {
+  if (m && modelSelect && modelSelect.value !== m) {
     // Only set if option exists; otherwise loadModels will reconcile
     if (Array.from(modelSelect.options).some(o => o.value === m)) {
       modelSelect.value = m;
     }
   }
+  try { renderProjectChrome(); } catch {}
 });
 
 // $activeTab changes flip the tab UI (one-way: subscriber → DOM).
@@ -690036,16 +690165,19 @@ function _syncSidebarStatus() {
   const src = document.getElementById('status');
   const dst = document.getElementById('sidebar-status-text');
   const dot = document.getElementById('sidebar-status-dot');
+  const brandDot = document.getElementById('sidebar-brand-dot');
   if (!src || !dst) return;
   const text = (src.textContent || '').trim();
-  dst.textContent = text || 'idle';
-  if (dot) {
-    let color = 'var(--color-fg-faint)';
-    if (/connect/i.test(text)) color = 'var(--color-warning)';
-    else if (/online|ready|ok/i.test(text)) color = 'var(--color-success)';
-    else if (/error|fail|down/i.test(text)) color = 'var(--color-error)';
-    else if (text) color = 'var(--color-success)';
-    dot.style.background = color;
+  const state = String(_connectionState || text || '').toLowerCase();
+  dst.textContent = text || state || 'idle';
+  let color = '#6b7280';
+  if (/disconnect|error|fail|down|offline/.test(state)) color = '#ef4444';
+  else if (/connected|online|ready|ok|live/.test(state)) color = '#22c55e';
+  else if (/connect|loading|pending/.test(state)) color = '#f59e0b';
+  for (const el of [dot, brandDot]) {
+    if (!el) continue;
+    el.style.background = color;
+    el.style.boxShadow = '0 0 0 2px ' + color + '22';
   }
   // Mirror the legacy update-btn visibility into the sidebar.
   const upd = document.getElementById('update-btn');
@@ -690161,10 +690293,10 @@ function deleteChatById(chatId) {
   // Also drop from pinned + folder map.
   setChatPinned(getChatPinned().filter(x => x !== chatId));
   const map = getChatFolderMap(); delete map[chatId]; setChatFolderMap(map);
-  try { if (typeof saveSessions === 'function') saveSessions(); } catch {}
+  try { saveScopedSessions(all); } catch {}
   // If we just deleted the active chat, route the user to a fresh new chat.
   try {
-    const active = (typeof $currentSession !== 'undefined' && $currentSession.get) ? $currentSession.get() : null;
+    const active = chatSessionId || (($chatSessionId.get && $chatSessionId.get()) || null);
     if (active === chatId && typeof newChatSession === 'function') newChatSession();
   } catch {}
 }
@@ -690307,7 +690439,7 @@ function _renderSidebarChats(filter) {
   const sessions = (typeof $chatSessions !== 'undefined' && $chatSessions.get) ? $chatSessions.get() : {};
   const allIds = Object.keys(sessions || {});
   const q = (filter || '').trim().toLowerCase();
-  const activeId = (typeof $currentSession !== 'undefined' && $currentSession.get) ? $currentSession.get() : null;
+  const activeId = chatSessionId || (($chatSessionId.get && $chatSessionId.get()) || null);
 
   const folders = getChatFolders();
   const pinned = getChatPinned();
@@ -690420,8 +690552,8 @@ function filterSidebarChats(q) {
       _renderSidebarChats(search ? search.value : '');
     });
   }
-  if (typeof $currentSession !== 'undefined' && $currentSession.subscribe) {
-    $currentSession.subscribe(() => {
+  if ($chatSessionId && $chatSessionId.subscribe) {
+    $chatSessionId.subscribe(() => {
       const search = document.getElementById('sidebar-search');
       _renderSidebarChats(search ? search.value : '');
     });

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "omnius",
-  "version": "1.0.320",
+  "version": "1.0.321",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "omnius",
-      "version": "1.0.320",
+      "version": "1.0.321",
       "bundleDependencies": [
         "image-to-ascii"
       ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "omnius",
-  "version": "1.0.320",
+  "version": "1.0.321",
   "description": "AI coding agent powered by open-source models (Ollama/vLLM) — interactive TUI with agentic tool-calling loop",
   "type": "module",
   "main": "./dist/index.js",