claude-simple 0.2.7 → 0.2.8

package/public/shell.js

@@ -6,7 +6,7 @@ import {
   sessionsData, workspacesData, sessionFilter, sessionSearch,
   expandedFolders, collapsedFolders, filesPath, viewingFile, filteredSessions, projectGroups,
   currentProject, currentTab, filesRoot, gitRoot,
-  currentModel, currentEffort, currentPermission, currentAgent, setAgent,
+  currentModel, currentEffort, currentPermission, currentAgent, setAgent, setCurrentModel,
   sidebarView, agentFilter, timeRange, activityHits, activityLoading,
   chatDensity, setChatDensity,
   favoritesOnly, showHiddenOnly, hubMode, hubMachineReady, selectedMachineId, setSelectedMachine,
@@ -23,6 +23,9 @@ import {
 import { syncHash } from './router.js';
 import { initSettings, openSettings } from './settings.js';
 import { openMetaAgent, toggleMetaAgent } from './agent-panel.js';
+import {
+  initNotifications, refreshNotifications, toggleNotificationsMenu, closeNotificationsMenu,
+} from './notifications.js';
 
 import { AuthScreen, AppShell } from './shell/templates.js';
 import {
@@ -306,6 +309,7 @@ export function initShell(opts = {}) {
 
   initSidebarResize();
   initSidebarToggle();
+  initNotifications({ openSession: resumeSession });
 
   let sessionsChangedTimer = null;
   document.addEventListener('sessions-changed', () => {
@@ -519,8 +523,7 @@ export function initShell(opts = {}) {
     if (prev !== next) {
       ctx.sessionId = null;
       setAgent(next);
-      currentModel.value = getDefaultModel(next) || currentModel.peek();
-      localStorage.setItem('model', currentModel.peek());
+      setCurrentModel(getDefaultModel(next) || currentModel.peek());
       $('sel-permission').value = currentPermission.peek();
       refreshModelSelect();
       appendSystemMsg(`Agent → ${AGENT_LABELS[next] || next} · model ${currentModel.peek()} · new session`);
@@ -554,8 +557,7 @@ export function initShell(opts = {}) {
     }
   });
   delegate.on('change', '#sel-model', (_, el) => {
-    currentModel.value = el.value;
-    localStorage.setItem('model', el.value);
+    setCurrentModel(el.value);
     refreshEffortSelect();
   });
   delegate.on('click', '#btn-model-add', () => promptCustomModel({ editCurrent: false }));
@@ -590,6 +592,7 @@ export function initShell(opts = {}) {
       return;
     }
     await enterMachine(id, { forceReload: true });
+    refreshNotifications();
   });
   const refreshMachinesUi = async () => {
     const st = $('machine-picker-status');
@@ -611,6 +614,7 @@ export function initShell(opts = {}) {
   delegate.on('click', '#btn-machine-menu', async e => {
     e.stopPropagation();
     closeRecentMenu();
+    closeNotificationsMenu();
     const menu = $('machine-menu');
     if (!menu) return;
     if (menu.classList.contains('hidden')) {
@@ -625,7 +629,8 @@ export function initShell(opts = {}) {
     e.preventDefault();
     e.stopPropagation();
     closeMachineMenu();
-    toggleRecentMenu(getDashboardSessions());
+    closeNotificationsMenu();
+    toggleRecentMenu();
     const open = !$('recent-menu')?.classList.contains('hidden');
     const btn = $('btn-recent-sessions');
     if (btn) btn.setAttribute('aria-expanded', open ? 'true' : 'false');
@@ -649,6 +654,13 @@ export function initShell(opts = {}) {
       btn?.setAttribute('aria-expanded', 'false');
     }
   });
+  delegate.on('click', '#btn-notifications', e => {
+    e.preventDefault();
+    e.stopPropagation();
+    closeMachineMenu();
+    closeRecentMenu();
+    toggleNotificationsMenu();
+  });
   // Keep panel glued under topbar on rotate / URL bar show-hide
   window.addEventListener('resize', () => {
     if ($('recent-menu') && !$('recent-menu').classList.contains('hidden')) {
@@ -761,6 +773,12 @@ export function initShell(opts = {}) {
   });
 
   refreshModelSelect();
+  effect(() => {
+    void hubMode.value;
+    void selectedMachineId.value;
+    if (!ctx.token) return;
+    refreshNotifications();
+  });
   $('sel-permission').value = currentPermission.peek();
   applyChatDensity();
   const dens = $('sel-density');

package/public/state.js

@@ -15,8 +15,48 @@ export const currentTab     = signal('chat');
 export const isProcessing   = signal(false);
 /** Chat socket: idle | connecting | open | reconnecting | offline */
 export const wsStatus       = signal('idle');
-export const currentAgent      = signal(localStorage.getItem('agent') || 'claude'); // 'claude'|'codex'|'grok'
-export const currentModel      = signal(localStorage.getItem('model') || 'claude-sonnet-4-5');
+const MODEL_BY_SESSION_KEY = 'modelBySession';
+const initialAgent = localStorage.getItem('agent') || 'claude';
+
+function readModelBySession() {
+  try {
+    const value = JSON.parse(localStorage.getItem(MODEL_BY_SESSION_KEY) || '{}');
+    return value && typeof value === 'object' ? value : {};
+  } catch {
+    return {};
+  }
+}
+
+function modelSessionKey(agent, sessionId = ctx.sessionId, machineId = ctx.machineId) {
+  if (!sessionId) return '';
+  const a = (agent || 'claude').toLowerCase();
+  return `${machineId || ''}:${a}:${sessionId}`;
+}
+
+/** Restore the model explicitly selected for the active session. */
+export function getSavedModel(agent, sessionId = ctx.sessionId, machineId = ctx.machineId) {
+  const key = modelSessionKey(agent, sessionId, machineId);
+  if (!key) return null;
+  const saved = readModelBySession()[key];
+  if (typeof saved === 'string' && saved.trim()) return saved;
+  return null;
+}
+
+/** Update the picker and persist its value only when a session exists. */
+export function setCurrentModel(model, agent = currentAgent.peek(), sessionId = ctx.sessionId, machineId = ctx.machineId) {
+  const value = String(model || '').trim();
+  if (!value) return;
+  const key = modelSessionKey(agent, sessionId, machineId);
+  if (key) {
+    const saved = readModelBySession();
+    saved[key] = value;
+    localStorage.setItem(MODEL_BY_SESSION_KEY, JSON.stringify(saved));
+  }
+  currentModel.value = value;
+}
+
+export const currentAgent      = signal(initialAgent); // 'claude'|'codex'|'grok'
+export const currentModel      = signal('claude-sonnet-4-5');
 export const currentEffort     = signal('');
 // All local agents are trusted by default; users can still choose another mode
 // from the expanded composer options before starting a turn.
@@ -252,11 +292,13 @@ export function setAgent(agent) {
   currentPermission.value = 'bypassPermissions';
   const permissionSelect = typeof document === 'undefined' ? null : document.getElementById('sel-permission');
   if (permissionSelect) permissionSelect.value = currentPermission.peek();
-  const models = getModelsForAgent(a);
-  const def = getDefaultModel(a);
-  if (!models.some(m => m.value === currentModel.peek())) {
-    currentModel.value = def;
-    localStorage.setItem('model', def);
+  // Model selection belongs to a concrete session, not to the whole agent.
+  // New sessions start from the agent default until they receive a session id.
+  const saved = getSavedModel(a);
+  if (saved) {
+    currentModel.value = saved;
+  } else {
+    setCurrentModel(getDefaultModel(a), a);
   }
 }
 

package/public/sw.js

@@ -1,7 +1,7 @@
 /* Agent UI service worker — cache shell assets only.
  * Never intercepts WebSocket or mutates API semantics beyond offline fallback.
  * Bump CACHE when shipping UI that must invalidate old shells. */
-const CACHE = 'agent-ui-shell-v13';
+const CACHE = 'agent-ui-shell-v15';
 const PRECACHE = [
   '/',
   '/index.html',