@yancyyu/openhermit 1.6.37 → 1.6.39

package/src/renderer/components/sidebar/SidebarSessions.tsx

@@ -17,6 +17,7 @@ import {
   AlertCircle,
   ChevronDown,
   ChevronRight,
+  Download,
   Loader2,
   MessageSquare,
   Radio,
@@ -25,7 +26,14 @@ import {
   X,
 } from 'lucide-react';
 
-import type { CcSession, CcSessionDetail, TeamSummary } from '@shared/types';
+import type {
+  CcSession,
+  CcSessionDetail,
+  ConversationTelemetryResponse,
+  ConversationTelemetryRow,
+  TeamChangeEvent,
+  TeamSummary,
+} from '@shared/types';
 
 const PAGE_SIZE = 8;
 const REFRESH_INTERVAL_MS = 2000;
@@ -48,6 +56,9 @@ export const SidebarSessions = (): React.JSX.Element => {
   const [visibleCount, setVisibleCount] = useState(PAGE_SIZE);
   const [searchQuery, setSearchQuery] = useState('');
   const [cancellingId, setCancellingId] = useState<string | null>(null);
+  const [exporting, setExporting] = useState(false);
+  const [telemetryRows, setTelemetryRows] = useState<ConversationTelemetryRow[]>([]);
+  const [loadingTelemetry, setLoadingTelemetry] = useState(false);
   const [expandedId, setExpandedId] = useState<string | null>(null);
   const refreshInFlightRef = useRef(false);
   const needsRefreshRef = useRef(false);
@@ -143,6 +154,35 @@ export const SidebarSessions = (): React.JSX.Element => {
     void fetchAll();
   }, [fetchAll]);
 
+  useEffect(() => {
+    let cancelled = false;
+    setLoadingTelemetry(true);
+    const params = new URLSearchParams({
+      includeContent: 'summary',
+      includeToolResults: 'false',
+      includeSystemMessages: 'false',
+      limit: '100000',
+    });
+    void fetch(`/api/telemetry/conversations?${params.toString()}`)
+      .then(async (res) => {
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+        return (await res.json()) as ConversationTelemetryResponse;
+      })
+      .then((data) => {
+        if (!cancelled) setTelemetryRows(data.rows);
+      })
+      .catch((err) => {
+        console.error('Failed to load conversation telemetry:', err);
+        if (!cancelled) setTelemetryRows([]);
+      })
+      .finally(() => {
+        if (!cancelled) setLoadingTelemetry(false);
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
   useEffect(() => {
     setVisibleCount(PAGE_SIZE);
     setExpandedId(null);
@@ -161,6 +201,20 @@ export const SidebarSessions = (): React.JSX.Element => {
       if (scopedTeamName && change.teamName !== scopedTeamName) {
         return;
       }
+      // Only refresh the session list on events that may change session state.
+      // Skip high-frequency events like lead-context, tool-activity, lead-activity
+      // that don't affect the session list.
+      const sessionRelevantTypes: ReadonlySet<string> = new Set([
+        'inbox',
+        'lead-message',
+        'task',
+        'config',
+        'process',
+        'member-spawn',
+      ]);
+      if (!sessionRelevantTypes.has(change.type)) {
+        return;
+      }
       // Incremental refresh for the changed team — lightweight, no blocking
       void refreshTeam(change.teamName);
     });
@@ -195,14 +249,78 @@ export const SidebarSessions = (): React.JSX.Element => {
     setExpandedId((prev) => (prev === sessionId ? null : sessionId));
   }, []);
 
+  const handleExportAllSessions = useCallback(async () => {
+    setExporting(true);
+    try {
+      const params = new URLSearchParams({
+        format: 'csv',
+        includeContent: 'summary',
+        includeToolResults: 'false',
+        includeSystemMessages: 'false',
+      });
+      if (scopedTeamName) {
+        params.set('teamName', scopedTeamName);
+      }
+      const res = await fetch(`/api/telemetry/conversations/export?${params.toString()}`);
+      if (!res.ok) throw new Error(`HTTP ${res.status}`);
+      const payload = (await res.json()) as { filename: string; mimeType: string; content: string };
+      const blob = new Blob([`${payload.content}`], {
+        type: payload.mimeType || 'text/csv;charset=utf-8',
+      });
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = payload.filename || 'conversation-telemetry.csv';
+      document.body.appendChild(link);
+      link.click();
+      link.remove();
+      URL.revokeObjectURL(url);
+    } catch (err) {
+      console.error('Failed to export conversation telemetry:', err);
+      setError(err instanceof Error ? err.message : '导出失败');
+    } finally {
+      setExporting(false);
+    }
+  }, [scopedTeamName]);
+
+  const telemetryBySession = useMemo(() => {
+    const map = new Map<string, ConversationTelemetryRow>();
+    for (const row of telemetryRows) {
+      if (row.session.ccSessionId) map.set(row.session.ccSessionId, row);
+      map.set(row.session.sessionKey, row);
+    }
+    return map;
+  }, [telemetryRows]);
+
   // Filter + sort
   const filtered = allSessions.filter((s) => {
     if (!searchQuery.trim()) return true;
     const q = searchQuery.toLowerCase();
+    const telemetry = telemetryBySession.get(s.id) ?? telemetryBySession.get(s.sessionKey);
     const title = (s.title || '').toLowerCase();
     const team = s.teamDisplayName.toLowerCase();
-    const lastMsg = (s.lastMessage?.content || '').toLowerCase();
-    return title.includes(q) || team.includes(q) || lastMsg.includes(q);
+    const sessionKey = s.sessionKey.toLowerCase();
+    const platform = s.platform.toLowerCase();
+    const userName = (s.userName || telemetry?.identity.userName || '').toLowerCase();
+    const chatName = (s.chatName || telemetry?.identity.chatName || '').toLowerCase();
+    const firstQuestion = (telemetry?.content.firstUserMessage || '').toLowerCase();
+    const lastQuestion = (telemetry?.content.lastUserMessage || '').toLowerCase();
+    const lastMsg = (
+      s.lastMessage?.content ||
+      telemetry?.content.lastMessageContent ||
+      ''
+    ).toLowerCase();
+    return [
+      title,
+      team,
+      sessionKey,
+      platform,
+      userName,
+      chatName,
+      firstQuestion,
+      lastQuestion,
+      lastMsg,
+    ].some((value) => value.includes(q));
   });
 
   const allSorted = [...filtered].sort(
@@ -261,7 +379,7 @@ export const SidebarSessions = (): React.JSX.Element => {
 
   return (
     <div className="flex h-full flex-col overflow-hidden">
-      {/* Search */}
+      {/* Search / export */}
       <div className="flex shrink-0 items-center gap-1.5 border-b px-2 py-1.5">
         <Search size={12} className="shrink-0 text-[var(--color-text-muted)]" />
         <input
@@ -283,6 +401,16 @@ export const SidebarSessions = (): React.JSX.Element => {
             <X size={12} />
           </button>
         )}
+        <button
+          type="button"
+          className="inline-flex shrink-0 items-center gap-1 rounded-md px-1.5 py-0.5 text-[10px] text-[var(--color-text-muted)] transition-colors hover:bg-[var(--color-surface-raised)] hover:text-[var(--color-text)] disabled:cursor-not-allowed disabled:opacity-50"
+          onClick={() => void handleExportAllSessions()}
+          disabled={exporting}
+          title="导出所有会话为 CSV 表格"
+        >
+          {exporting ? <Loader2 size={12} className="animate-spin" /> : <Download size={12} />}
+          导出表格
+        </button>
       </div>
 
       {/* Session list */}
@@ -425,6 +553,56 @@ const SessionRow = ({
     return () => window.clearInterval(intervalId);
   }, [isExpanded, session.live, session.teamName, session.id, historyLimit]);
 
+  // SSE-driven immediate refresh: when inbox or lead-message events arrive for
+  // this session's team, refresh the detail right away instead of waiting for
+  // the next polling cycle. This makes agent replies appear in <100ms.
+  useEffect(() => {
+    if (!isExpanded) {
+      return;
+    }
+    const unsubscribe = api.teams.onTeamChange?.((_event, change: TeamChangeEvent) => {
+      if (change.teamName !== session.teamName) {
+        return;
+      }
+      if (change.type !== 'inbox' && change.type !== 'lead-message') {
+        return;
+      }
+      void (async () => {
+        try {
+          const d = await api.teams.getSessionDetail(session.teamName, session.id, historyLimit);
+          setDetail(d);
+        } catch {
+          // silent
+        }
+      })();
+    });
+    return () => {
+      if (typeof unsubscribe === 'function') {
+        unsubscribe();
+      }
+    };
+  }, [isExpanded, session.teamName, session.id, historyLimit]);
+
+  // Final refresh when session transitions from live → non-live.
+  // The polling useEffect above stops when live becomes false, which can miss
+  // the last few messages. This effect ensures we capture the complete
+  // conversation when the agent finishes.
+  const prevLiveRef = useRef(session.live);
+  useEffect(() => {
+    const wasLive = prevLiveRef.current;
+    prevLiveRef.current = session.live;
+    if (wasLive && !session.live && isExpanded) {
+      void (async () => {
+        try {
+          const d = await api.teams.getSessionDetail(session.teamName, session.id, historyLimit);
+          setDetail(d);
+        } catch {
+          // silent
+        }
+      })();
+    }
+  }, [session.live, isExpanded, session.teamName, session.id, historyLimit]);
+
   const handleLoadMoreHistory = useCallback(() => {
     if (loadingDetail || loadingMoreHistory || !hasMoreHistory) {
       return;

package/src/renderer/components/sidebar/SidebarTaskItem.tsx

@@ -19,7 +19,7 @@ import type { LucideIcon } from 'lucide-react';
 
 const statusConfig: Record<TeamTaskStatus, { icon: LucideIcon; color: string; label: string }> = {
   pending: { icon: Circle, color: 'text-amber-400', label: 'pending' },
-  in_progress: { icon: Loader2, color: 'text-blue-400', label: 'in progress' },
+  in_progress: { icon: Loader2, color: 'text-indigo-400', label: 'in progress' },
   completed: { icon: CheckCircle2, color: 'text-emerald-400', label: 'completed' },
   deleted: { icon: Circle, color: 'text-zinc-500', label: 'deleted' },
 };
@@ -145,7 +145,7 @@ export const SidebarTaskItem = ({
 
   const showTeamRow = showTeamName && !hideTeamName;
   const unreadBackgroundClass =
-    unreadCount > 0 ? (isLight ? 'bg-blue-500/[0.03]' : 'bg-blue-500/[0.05]') : '';
+    unreadCount > 0 ? (isLight ? 'bg-indigo-500/[0.03]' : 'bg-indigo-500/[0.05]') : '';
 
   return (
     <button
@@ -205,9 +205,9 @@ export const SidebarTaskItem = ({
                 <StatusIcon className={`mr-1.5 inline-block size-3 align-[-1px] ${cfg.color}`} />
                 {unreadCount > 0 &&
                   (unreadCount === 1 ? (
-                    <span className="mr-1 inline-block size-1.5 rounded-full bg-blue-400 align-middle" />
+                    <span className="mr-1 inline-block size-1.5 rounded-full bg-indigo-400 align-middle" />
                   ) : (
-                    <span className="mr-1 inline-flex size-3.5 items-center justify-center rounded-full bg-blue-500 align-middle text-[8px] font-bold leading-none text-white">
+                    <span className="mr-1 inline-flex size-3.5 items-center justify-center rounded-full bg-indigo-500 align-middle text-[8px] font-bold leading-none text-white">
                       {unreadCount > 9 ? '9+' : unreadCount}
                     </span>
                   ))}

package/src/renderer/components/sidebar/WorkspaceBrowser.tsx

@@ -7,6 +7,7 @@ import { Folder, FolderOpen, ChevronRight, ChevronDown, ArrowUp, HardDrive } fro
 import { useShallow } from 'zustand/react/shallow';
 
 import type { WorkspaceFileEntry, WorkspaceListResponse } from '@shared/types/editor';
+import { SYSTEM_MANAGER_DISPLAY_NAME, SYSTEM_MANAGER_TEAM_NAME } from '@shared/types/team';
 
 function getRelativePath(currentDir: string, rootPath: string): string {
   if (!currentDir || currentDir === rootPath) return '';
@@ -141,8 +142,13 @@ const TeamWorkspace = ({
           className={`shrink-0 text-[var(--color-text-muted)] transition-transform ${isExpanded ? '' : '-rotate-90'}`}
         />
         <HardDrive size={14} className="shrink-0 text-[var(--color-text-muted)]" />
-        <span className="min-w-0 flex-1 truncate text-sm font-medium text-[var(--color-text)]">
-          {teamDisplayName}
+        <span className="min-w-0 flex-1">
+          <span className="block truncate text-sm font-medium text-[var(--color-text)]">
+            {teamDisplayName}
+          </span>
+          <span className="block truncate font-mono text-[10px] text-[var(--color-text-muted)]" title={projectPath}>
+            {projectPath}
+          </span>
         </span>
         <span className="shrink-0 rounded bg-blue-500/20 px-1.5 py-0.5 text-[10px] font-medium text-blue-400">
           当前
@@ -254,6 +260,7 @@ export const WorkspaceBrowser = (): React.JSX.Element => {
     }))
   );
   const revealFileInEditor = useStore((s) => s.revealFileInEditor);
+  const [systemManagerProjectPath, setSystemManagerProjectPath] = useState<string | null>(null);
 
   const scopedTeamName = useMemo(() => {
     if (!activeTabId) {
@@ -268,10 +275,38 @@ export const WorkspaceBrowser = (): React.JSX.Element => {
     return selectedTeamName;
   }, [activeTabId, paneLayout.panes, selectedTeamName]);
 
+  useEffect(() => {
+    if (scopedTeamName !== SYSTEM_MANAGER_TEAM_NAME) {
+      setSystemManagerProjectPath(null);
+      return;
+    }
+
+    let cancelled = false;
+    void api.systemManager
+      .getConfig()
+      .then((config) => {
+        if (!cancelled) setSystemManagerProjectPath(config.selectedWorkDir);
+      })
+      .catch(() => {
+        if (!cancelled) setSystemManagerProjectPath(null);
+      });
+
+    return () => {
+      cancelled = true;
+    };
+  }, [scopedTeamName]);
+
   const currentTeamWorkspace = useMemo(() => {
     if (!scopedTeamName) {
       return null;
     }
+    if (scopedTeamName === SYSTEM_MANAGER_TEAM_NAME) {
+      return {
+        teamName: SYSTEM_MANAGER_TEAM_NAME,
+        teamDisplayName: SYSTEM_MANAGER_DISPLAY_NAME,
+        projectPath: systemManagerProjectPath,
+      };
+    }
     const team = teams.find((candidate) => candidate.teamName === scopedTeamName);
     if (!team) {
       return null;
@@ -289,7 +324,7 @@ export const WorkspaceBrowser = (): React.JSX.Element => {
       teamDisplayName: team.displayName || team.teamName,
       projectPath,
     };
-  }, [scopedTeamName, teams]);
+  }, [scopedTeamName, systemManagerProjectPath, teams]);
 
   const [expanded, setExpanded] = useState(true);
 
@@ -334,7 +369,7 @@ export const WorkspaceBrowser = (): React.JSX.Element => {
     <div className="flex h-full flex-col overflow-hidden">
       <div className="flex-1 overflow-y-auto">
         <TeamWorkspace
-          key={currentTeamWorkspace.teamName}
+          key={`${currentTeamWorkspace.teamName}:${currentTeamWorkspace.projectPath}`}
           teamDisplayName={currentTeamWorkspace.teamDisplayName}
           projectPath={currentTeamWorkspace.projectPath}
           isExpanded={expanded}