claude-simple 0.2.7 → 0.2.9

package/public/shell/templates.js

@@ -69,6 +69,13 @@ export const AppShell = (opts = {}) => {
           <span class="text-[10px] opacity-50">▾</span>
         </button>
       </div>
+      <div id="notifications-wrap" class="relative flex-shrink-0">
+        <button type="button" id="btn-notifications" class="btn btn-ghost btn-xs border border-base-300 gap-1 min-h-8 px-2"
+                title="通知" aria-haspopup="dialog" aria-expanded="false">
+          <span>🔔</span>
+          <span id="notifications-badge" class="hidden inline-flex min-w-5 h-5 px-1 items-center justify-center rounded-full bg-error text-error-content text-[10px] font-bold">0</span>
+        </button>
+      </div>
       <span id="topbar-project" class="text-sm text-base-content/50 flex-1 truncate min-w-0">Select a session</span>
       <span id="conn-dot" class="w-2 h-2 rounded-full bg-base-content/30 flex-shrink-0" title="连接状态"></span>
       <div class="flex gap-2 topbar-actions">
@@ -93,6 +100,17 @@ export const AppShell = (opts = {}) => {
       <div id="recent-menu-list" class="flex flex-col gap-0.5"></div>
       <p id="recent-menu-empty" class="text-xs text-base-content/40 px-1 py-2 hidden">暂无最近会话</p>
     </div>
+    <div id="notifications-backdrop" class="hidden fixed inset-0 z-[55] bg-black/40" aria-hidden="true"></div>
+    <div id="notifications-menu" class="hidden fixed z-[60] w-[min(26rem,calc(100vw-1rem))] max-h-[min(30rem,75vh)] overflow-y-auto
+         rounded-lg border border-base-300 bg-base-100 shadow-xl p-2"
+         role="dialog" aria-label="通知中心">
+      <div class="flex items-center justify-between px-1 pb-1.5 mb-1 border-b border-base-300 sticky top-0 bg-base-100 z-[1]">
+        <span class="text-[10px] uppercase tracking-wide text-base-content/45 font-semibold">通知</span>
+        <button type="button" id="btn-notifications-read-all" class="btn btn-ghost btn-xs px-1 text-[10px]">全部已读</button>
+      </div>
+      <div id="notifications-menu-list" class="flex flex-col gap-1"></div>
+      <p id="notifications-menu-empty" class="text-xs text-base-content/40 px-1 py-2 hidden">暂无通知</p>
+    </div>
     <!-- Hub: only when no remembered machine (or last one offline) -->
     <div id="machine-picker" class="hidden fixed inset-0 z-[60] bg-base-100 flex items-center justify-center p-4">
       <div class="w-full max-w-md">

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.
@@ -245,6 +285,18 @@ export function getEffortsForModel(agent, modelId) {
   return ['low', 'medium', 'high', 'xhigh', 'max'];
 }
 
+/** Default reasoning effort for agent/model (Grok → low). */
+export function getDefaultEffort(agent, modelId) {
+  const a = (agent || 'claude').toLowerCase();
+  const meta = agentsMeta.peek()?.defaults?.[a];
+  if (meta?.effortDefault) return String(meta.effortDefault);
+  const models = getModelsForAgent(a);
+  const m = models.find(x => x.value === modelId);
+  if (m?.defaultEffort) return String(m.defaultEffort);
+  if (a === 'grok') return 'low';
+  return '';
+}
+
 export function setAgent(agent) {
   const a = (agent || 'claude').toLowerCase();
   currentAgent.value = a;
@@ -252,12 +304,17 @@ 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);
   }
+  const defEffort = getDefaultEffort(a, currentModel.peek());
+  if (defEffort) currentEffort.value = defEffort;
+  else if (a !== 'grok') currentEffort.value = '';
 }
 
 function matchesAgentFilter(s, filter) {

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',