claude-simple 0.2.9 → 0.2.11

package/public/shell.js

@@ -7,7 +7,7 @@ import {
   expandedFolders, collapsedFolders, filesPath, viewingFile, filteredSessions, projectGroups,
   currentProject, currentTab, filesRoot, gitRoot,
   currentModel, currentEffort, currentPermission, currentAgent, setAgent, setCurrentModel,
-  sidebarView, agentFilter, timeRange, activityHits, activityLoading,
+  sidebarView, agentFilter, agentFilters, timeRange, activityHits, activityLoading,
   chatDensity, setChatDensity,
   favoritesOnly, showHiddenOnly, hubMode, hubMachineReady, selectedMachineId, setSelectedMachine,
   machinesList, AGENT_LABELS, getDefaultModel, sessionMetaMap, ctx,
@@ -20,7 +20,7 @@ import {
   connectWS, clearMessages, appendMsg, appendSystemMsg, sendMessage, stopProcessing,
   applyChatDensity,
 } from './chat.js';
-import { syncHash } from './router.js';
+import { syncHash, currentSessionShareUrl } from './router.js';
 import { initSettings, openSettings } from './settings.js';
 import { openMetaAgent, toggleMetaAgent } from './agent-panel.js';
 import {
@@ -322,20 +322,31 @@ export function initShell(opts = {}) {
   });
   document.addEventListener('router:home', goHome);
 
-  document.addEventListener('router:session', async ({ detail: { id, tab } }) => {
+  document.addEventListener('router:session', async ({ detail: { id, tab, machineId, agent } }) => {
     const s = sessionsData.peek().find(x => x.sessionId === id);
     const last = getLastSessionContext();
     await resumeSession(
       id,
       s?.cwd || (last?.sessionId === id ? last.cwd : null) || null,
       s?.configDir || (last?.sessionId === id ? last.configDir : null) || null,
-      s?.agent || (last?.sessionId === id ? last.agent : null) || null,
-      s?.machineId || (last?.sessionId === id ? last.machineId : null) || null,
+      agent || s?.agent || (last?.sessionId === id ? last.agent : null) || null,
+      machineId || s?.machineId || (last?.sessionId === id ? last.machineId : null) || null,
       { tab: tab || 'chat' },
     );
   });
 
   delegate.on('click', '#btn-home', goHome);
+  delegate.on('click', '#btn-share-session', async (_, el) => {
+    const url = currentSessionShareUrl();
+    if (!url) return;
+    try {
+      await navigator.clipboard.writeText(url);
+      el.textContent = '已复制';
+      setTimeout(() => { el.textContent = '分享'; }, 1400);
+    } catch {
+      window.prompt('复制会话链接：', url);
+    }
+  });
   delegate.on('click', '#auth-btn', submitAuth);
   delegate.on('submit', '#auth-form', e => { e.preventDefault(); submitAuth(); });
   delegate.on('keydown', '#auth-username, #auth-password', e => { if (e.key === 'Enter') submitAuth(); });
@@ -353,6 +364,41 @@ export function initShell(opts = {}) {
     sessionSearch.value = el.value;
     scheduleActivitySearch(el.value);
   });
+  delegate.on('click', '#sidebar-filter-toggle', () => {
+    const menu = $('sidebar-filter-menu');
+    if (!menu) return;
+    const open = menu.classList.toggle('hidden');
+    $('sidebar-filter-toggle')?.setAttribute('aria-expanded', String(!open));
+  });
+  delegate.on('change', '[data-agent-option]', (_, el) => {
+    const next = new Set(agentFilters.peek());
+    if (el.checked) next.add(el.dataset.agentOption);
+    else next.delete(el.dataset.agentOption);
+    const values = [...next];
+    agentFilters.value = values;
+    localStorage.setItem('agentFilters', JSON.stringify(values));
+    agentFilter.value = values.length === 1 ? values[0] : 'all';
+  });
+  delegate.on('change', '#filter-favorites', (_, el) => {
+    favoritesOnly.value = el.checked;
+    localStorage.setItem('favoritesOnly', el.checked ? '1' : '0');
+  });
+  delegate.on('change', '#filter-hidden', (_, el) => {
+    showHiddenOnly.value = el.checked;
+    localStorage.setItem('showHiddenOnly', el.checked ? '1' : '0');
+  });
+  delegate.on('click', '#filter-clear', () => {
+    agentFilters.value = [];
+    agentFilter.value = 'all';
+    favoritesOnly.value = false;
+    showHiddenOnly.value = false;
+    localStorage.setItem('agentFilters', '[]');
+    localStorage.setItem('favoritesOnly', '0');
+    localStorage.setItem('showHiddenOnly', '0');
+    document.querySelectorAll('[data-agent-option]').forEach(el => { el.checked = false; });
+    if ($('filter-favorites')) $('filter-favorites').checked = false;
+    if ($('filter-hidden')) $('filter-hidden').checked = false;
+  });
   delegate.on('click', '#session-filter-badge', () => { sessionFilter.value = null; });
   delegate.on('click', '[data-ws-tab]', (_, el) => { sessionFilter.value = el.dataset.wsTab || null; });
   delegate.on('click', '#sidebar-refresh', () => {
@@ -368,12 +414,6 @@ export function initShell(opts = {}) {
     localStorage.setItem('agentFilter', el.dataset.agentFilter);
     if (sessionSearch.peek().trim()) scheduleActivitySearch(sessionSearch.peek());
   });
-  delegate.on('change', '#time-range', (_, el) => {
-    timeRange.value = el.value;
-    localStorage.setItem('timeRange', el.value);
-    loadAllSessions({ waitFresh: true });
-    if (sessionSearch.peek().trim()) scheduleActivitySearch(sessionSearch.peek());
-  });
   delegate.on('dblclick', '[data-project-cwd]', (_, el) => {
     const cwd = el.dataset.projectCwd;
     if (!cwd) return;
@@ -783,8 +823,9 @@ export function initShell(opts = {}) {
   applyChatDensity();
   const dens = $('sel-density');
   if (dens) dens.value = chatDensity.peek() || 'normal';
-  const tr = $('time-range');
-  if (tr) tr.value = timeRange.peek() || '14';
+  document.querySelectorAll('[data-agent-option]').forEach(el => { el.checked = agentFilters.peek().includes(el.dataset.agentOption); });
+  if ($('filter-favorites')) $('filter-favorites').checked = favoritesOnly.peek();
+  if ($('filter-hidden')) $('filter-hidden').checked = showHiddenOnly.peek();
   document.querySelectorAll('[data-agent-filter]').forEach(btn => {
     btn.classList.toggle('active', btn.dataset.agentFilter === agentFilter.peek());
   });

package/public/state.js

@@ -55,7 +55,7 @@ export function setCurrentModel(model, agent = currentAgent.peek(), sessionId =
   currentModel.value = value;
 }
 
-export const currentAgent      = signal(initialAgent); // 'claude'|'codex'|'grok'
+export const currentAgent      = signal(initialAgent); // 'claude'|'codex'|'grok'|'gemini'|'cursor'
 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
@@ -67,7 +67,13 @@ export const agentsMeta     = signal(null); // from /api/agents (dynamic model l
 
 // Sidebar project-management filters
 export const sidebarView    = signal(localStorage.getItem('sidebarView') || 'projects'); // 'projects' | 'timeline'
-export const agentFilter    = signal(localStorage.getItem('agentFilter') || 'all'); // all|claude|codex|grok
+export const agentFilter    = signal(localStorage.getItem('agentFilter') || 'all'); // all|claude|codex|grok|gemini|cursor
+export const agentFilters   = signal((() => {
+  try {
+    const saved = JSON.parse(localStorage.getItem('agentFilters') || '[]');
+    return Array.isArray(saved) ? saved.filter(Boolean) : [];
+  } catch { return []; }
+})()); // multi-select sidebar filter; empty means all agents
 export const timeRange      = signal(localStorage.getItem('timeRange') || '14'); // '0'|'1'|'7'|'14'|'30'
 export const activityHits   = signal(null); // null | { q, results, loading, error }
 export const activityLoading = signal(false);
@@ -147,6 +153,8 @@ export const AGENT_LABELS = {
   claude: 'Claude',
   codex:  'Codex',
   grok:   'Grok',
+  gemini: 'Gemini',
+  cursor: 'Cursor',
 };
 
 /** Static fallbacks when /api/agents has not loaded yet. */
@@ -171,12 +179,32 @@ export const AGENT_MODELS = {
     { value: 'grok-3', label: 'grok-3' },
     { value: 'grok-3-mini', label: 'grok-3-mini' },
   ],
+  gemini: [
+    { value: 'gemini-3.7-flash-high', label: 'Gemini 3.7 Flash (High)' },
+    { value: 'gemini-3.7-flash-medium', label: 'Gemini 3.7 Flash (Medium)' },
+    { value: 'gemini-3.7-flash-low', label: 'Gemini 3.7 Flash (Low)' },
+    { value: 'gemini-3.6-flash-high', label: 'Gemini 3.6 Flash (High)' },
+    { value: 'gemini-3.6-flash-medium', label: 'Gemini 3.6 Flash (Medium)' },
+    { value: 'gemini-3.6-flash-low', label: 'Gemini 3.6 Flash (Low)' },
+    { value: 'gemini-3.5-flash-high', label: 'Gemini 3.5 Flash (High)' },
+    { value: 'gemini-3.5-flash-medium', label: 'Gemini 3.5 Flash (Medium)' },
+    { value: 'gemini-3.5-flash-low', label: 'Gemini 3.5 Flash (Low)' },
+    { value: 'gemini-3.1-pro-high', label: 'Gemini 3.1 Pro (High)' },
+    { value: 'gemini-3.1-pro-low', label: 'Gemini 3.1 Pro (Low)' },
+  ],
+  cursor: [
+    { value: 'auto', label: 'Auto' },
+    { value: 'gpt-5.3-codex', label: 'GPT-5.3 Codex' },
+    { value: 'composer-2.5', label: 'Composer 2.5' },
+  ],
 };
 
 export const AGENT_DEFAULT_MODEL = {
   claude: 'claude-sonnet-4-5',
   codex:  'gpt-5.4',
   grok:   'grok-4.5',
+  gemini: 'gemini-3.7-flash-high',
+  cursor: 'auto',
 };
 
 function normalizeModelEntry(m) {
@@ -294,6 +322,7 @@ export function getDefaultEffort(agent, modelId) {
   const m = models.find(x => x.value === modelId);
   if (m?.defaultEffort) return String(m.defaultEffort);
   if (a === 'grok') return 'low';
+  if (a === 'gemini') return String(modelId || '').match(/-(low|medium|high)$/i)?.[1]?.toLowerCase() || '';
   return '';
 }
 
@@ -314,7 +343,7 @@ export function setAgent(agent) {
   }
   const defEffort = getDefaultEffort(a, currentModel.peek());
   if (defEffort) currentEffort.value = defEffort;
-  else if (a !== 'grok') currentEffort.value = '';
+  else if (a !== 'grok' && a !== 'gemini') currentEffort.value = '';
 }
 
 function matchesAgentFilter(s, filter) {
@@ -359,7 +388,7 @@ export const filteredSessions = computed(() => {
   const search = sessionSearch.value.toLowerCase().trim();
   const sort   = sessionSort.value;
   const aFilter = agentFilter.value;
-  const days = timeRange.value;
+  const aFilters = agentFilters.value;
   const favOnly = favoritesOnly.value;
   const hiddenOnly = showHiddenOnly.value;
   const metaMap = sessionMetaMap.value;
@@ -375,7 +404,9 @@ export const filteredSessions = computed(() => {
   if (hubMode.value && mid) {
     list = list.filter(s => s && (!s.machineId || s.machineId === mid));
   }
-  list = list.filter(s => s && matchesAgentFilter(s, aFilter) && matchesTimeRange(s, days));
+  list = list.filter(s => s && (aFilters.length
+    ? aFilters.includes(s.agent || 'claude')
+    : matchesAgentFilter(s, aFilter)));
   // Hidden sessions: excluded by default; "Hidden" filter shows only them
   if (hiddenOnly) {
     list = list.filter(s => s && metaMap?.[metaKey(s.agent, s.sessionId, s.machineId)]?.hidden);

package/public/style.css

@@ -1141,6 +1141,18 @@ html.pwa-standalone .ma-panel {
 #recent-menu.recent-menu-open {
   display: block; /* beat .hidden if both race */
 }
+.topbar-icon-btn {
+  gap: .35rem;
+  min-width: 2rem;
+  padding-inline: .45rem;
+}
+.topbar-icon {
+  width: 1rem;
+  height: 1rem;
+  display: block;
+  flex: 0 0 auto;
+}
+.topbar-icon-label { display: inline; }
 @media (max-width: 640px) {
   #recent-menu {
     min-width: 0;
@@ -1161,6 +1173,7 @@ html.pwa-standalone .ma-panel {
   #btn-pwa-install {
     display: none !important;
   }
+  .topbar-icon-label { display: none; }
   #topbar-project {
     font-size: 11px;
     max-width: 30vw;

package/public/sw.js

@@ -1,13 +1,18 @@
 /* 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-v15';
+const CACHE = 'agent-ui-shell-v16';
 const PRECACHE = [
   '/',
   '/index.html',
   '/manifest.webmanifest',
   '/style.css?v=ui-11',
   '/style.css',
+  '/ui.min.css',
+  '/vendor/mini-react.min.js',
+  '/vendor/marked.min.js',
+  '/vendor/highlight.min.js',
+  '/vendor/highlight-dark.min.css',
   '/app.js',
   '/icons/icon-192.png',
   '/icons/icon-512.png',
@@ -60,7 +65,6 @@ self.addEventListener('fetch', (event) => {
   // Let the browser handle API + anything that might upgrade to WebSocket.
   if (isApiOrRealtime(url)) return;
 
-  // Cross-origin (CDN daisyui/tailwind/marked): network only — do not cache opaque forever.
   if (url.origin !== self.location.origin) return;
 
   // Navigations: network-first so deploys show up; offline → cached shell.