@yancyyu/openhermit 1.6.42 → 1.6.43

package/src/renderer/components/settings/sections/TaskBusSection.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react';
 
 import { Button } from '@renderer/components/ui/button';
+import { downloadTextFile } from '../../team/CcSessionsSection';
 import { SettingRow, SettingsSectionHeader, SettingsToggle } from '../components';
 import type { TaskBusConfig } from '@shared/types/team';
 import {
@@ -25,14 +26,19 @@ interface TelemetryStatus {
   tokensOut: number;
   cacheRead: number;
   cacheCreation: number;
+  totalTokens: number;
   activeDays: number;
   hourly: number[];
   projects: Array<{
     cwd: string;
+    displayName?: string;
+    teamSlug?: string;
+    bindProject?: string;
     sessions: number;
     messages: number;
     tokensIn: number;
     tokensOut: number;
+    tokensTotal: number;
   }>;
   workSecondsByDay: Record<string, number>;
 }
@@ -58,20 +64,27 @@ function UsageDashboard({ status }: { status: TelemetryStatus }): React.JSX.Elem
   return (
     <div className="space-y-4 rounded-md border border-[var(--color-border)] bg-[var(--color-surface-raised)] p-4">
       <div className="flex items-center justify-between">
-        <span className="text-xs font-medium text-[var(--color-text-muted)]">使用指标概览</span>
-        <span className="text-[10px] text-[var(--color-text-muted)]">累计数据（全部历史）</span>
+        <span className="text-xs font-medium text-[var(--color-text-muted)]">Loop 使用概览</span>
+        <span className="text-[10px] text-[var(--color-text-muted)]">
+          累计 Loop 数据（全部历史）
+        </span>
       </div>
       <div className="grid grid-cols-2 gap-3 sm:grid-cols-4">
         <StatCard
           icon={<MessageSquare size={14} />}
-          label="会话"
+          label="采集会话"
           value={formatNum(status.sessions)}
         />
         <StatCard
           icon={<MessageSquare size={14} />}
-          label="消息"
+          label="Messages"
           value={formatNum(status.messages)}
         />
+        <StatCard
+          icon={<Zap size={14} />}
+          label="Total Tokens"
+          value={formatNum(status.totalTokens)}
+        />
         <StatCard icon={<Zap size={14} />} label="Input" value={formatNum(status.tokensIn)} />
         <StatCard icon={<Zap size={14} />} label="Output" value={formatNum(status.tokensOut)} />
         <StatCard icon={<Calendar size={14} />} label="活跃天" value={String(status.activeDays)} />
@@ -89,14 +102,16 @@ function UsageDashboard({ status }: { status: TelemetryStatus }): React.JSX.Elem
       </div>
 
       <div>
-        <div className="mb-2 text-xs font-medium text-[var(--color-text-muted)]">24小时分布</div>
+        <div className="mb-2 text-xs font-medium text-[var(--color-text-muted)]">
+          24小时 Messages 分布
+        </div>
         <div className="flex h-16 items-end gap-0.5">
           {status.hourly.map((count, i) => {
             const pct = (count / maxHourly) * 100;
             return (
               <div
                 key={i}
-                className="flex-1 rounded-sm bg-indigo-500/60 transition-all hover:bg-indigo-500"
+                className="flex-1 rounded-sm bg-[var(--color-accent-muted)] transition-all hover:bg-[var(--color-accent)]"
                 style={{ height: `${Math.max(pct, 2)}%` }}
                 title={`${i}:00 - ${count} messages`}
               />
@@ -142,26 +157,24 @@ function UsageDashboard({ status }: { status: TelemetryStatus }): React.JSX.Elem
 
       {status.projects.length > 0 && (
         <div>
-          <div className="mb-2 text-xs font-medium text-[var(--color-text-muted)]">
-            项目排行（累计）
-          </div>
+          <div className="mb-2 text-xs font-medium text-[var(--color-text-muted)]">项目吞吐</div>
           {/* Header row */}
-          <div className="grid grid-cols-[1fr_64px_64px] items-center gap-2 pb-1 text-[10px] text-[var(--color-text-muted)]">
-            <span>项目</span>
-            <span className="text-right">消息</span>
-            <span className="text-right">Token</span>
+          <div className="grid grid-cols-[1fr_72px_80px] items-center gap-2 pb-1 text-[10px] text-[var(--color-text-muted)]">
+            <span>名称</span>
+            <span className="text-right">Messages</span>
+            <span className="text-right">Total Tokens</span>
           </div>
           <div className="max-h-40 space-y-1 overflow-y-auto">
             {status.projects.slice(0, 10).map((proj, i) => (
-              <div key={i} className="grid grid-cols-[1fr_64px_64px] items-center gap-2 text-xs">
+              <div key={i} className="grid grid-cols-[1fr_72px_80px] items-center gap-2 text-xs">
                 <span className="truncate text-[var(--color-text-secondary)]" title={proj.cwd}>
-                  {proj.cwd.split('/').pop() || proj.cwd}
+                  {proj.displayName || proj.cwd.split('/').pop() || proj.cwd}
                 </span>
                 <span className="text-right text-[var(--color-text-muted)]">
                   {formatNum(proj.messages)}
                 </span>
                 <span className="text-right text-[var(--color-text-muted)]">
-                  {formatNum(proj.tokensIn + proj.tokensOut)}
+                  {formatNum(proj.tokensTotal)}
                 </span>
               </div>
             ))}
@@ -207,6 +220,7 @@ export function TaskBusSection(): React.JSX.Element {
   const [collaborationEnabled, setCollaborationEnabled] = useState(false);
   const [telemetryPlatform, setTelemetryPlatform] = useState('claudecode');
   const [scanning, setScanning] = useState(false);
+  const [exporting, setExporting] = useState(false);
   const [telemetryStatus, setTelemetryStatus] = useState<TelemetryStatus | null>(null);
 
   useEffect(() => {
@@ -377,6 +391,23 @@ export function TaskBusSection(): React.JSX.Element {
       .finally(() => setScanning(false));
   };
 
+  const exportTelemetry = () => {
+    if (exporting) return;
+    setExporting(true);
+    fetch('/api/telemetry/export?format=csv')
+      .then((r) => r.json())
+      .then((payload: { filename?: string; mimeType?: string; content?: string }) => {
+        if (payload.filename && payload.mimeType && payload.content !== undefined) {
+          downloadTextFile(payload.content, payload.filename, payload.mimeType);
+          setMessage('采集数据已导出');
+        } else {
+          setMessage('导出失败：没有可导出的数据');
+        }
+      })
+      .catch(() => setMessage('导出失败，请稍后重试'))
+      .finally(() => setExporting(false));
+  };
+
   const saveTelemetryPlatform = (nextPlatform = telemetryPlatform) => {
     const config = buildConfig({ telemetryPlatform: nextPlatform });
     fetch('/api/settings/task-bus', {
@@ -412,7 +443,7 @@ export function TaskBusSection(): React.JSX.Element {
 
       <SettingRow
         label="数据采集"
-        description="扫描本机 ~/.claude/projects 会话文件，采集使用指标；不需要 Redis，也不会上传对话内容"
+        description="扫描本机 ~/.claude/projects 会话文件，采集 Loop 使用指标；不需要 Redis，也不会上传对话内容"
       >
         <div className="flex items-center gap-2">
           <select
@@ -422,7 +453,7 @@ export function TaskBusSection(): React.JSX.Element {
               setTelemetryPlatform(nextPlatform);
               saveTelemetryPlatform(nextPlatform);
             }}
-            className="rounded-md border border-[var(--color-border)] bg-[var(--color-bg)] px-2 py-1 text-xs outline-none focus:border-indigo-500/50"
+            className="rounded-md border border-[var(--color-border)] bg-[var(--color-bg)] px-2 py-1 text-xs outline-none focus:border-[var(--color-accent-border)]"
           >
             <option value="claudecode">Claude Code</option>
           </select>
@@ -447,6 +478,16 @@ export function TaskBusSection(): React.JSX.Element {
           {scanning ? <Loader2 size={12} className="animate-spin" /> : <BarChart3 size={12} />}
           {scanning ? '采集中...' : '立即采集'}
         </Button>
+        <Button
+          size="sm"
+          variant="outline"
+          onClick={exportTelemetry}
+          disabled={exporting || !telemetryStatus}
+          className="gap-1.5"
+        >
+          {exporting ? <Loader2 size={12} className="animate-spin" /> : <BarChart3 size={12} />}
+          导出 CSV
+        </Button>
         <span className="text-[10px] text-[var(--color-text-muted)]">
           本地扫描，不依赖团队总线或 Redis。{!collectionEnabled ? '开启数据采集后可手动刷新。' : ''}
         </span>
@@ -457,7 +498,7 @@ export function TaskBusSection(): React.JSX.Element {
           <UsageDashboard status={telemetryStatus} />
         ) : (
           <div className="rounded-md border border-[var(--color-border)] bg-[var(--color-surface-raised)] p-4 text-xs text-[var(--color-text-muted)]">
-            使用指标概览加载中；开启数据采集后会扫描本机 Claude Code 会话文件。
+            Loop 使用概览加载中；开启数据采集后会扫描本机 Claude Code 会话文件。
           </div>
         )}
       </div>
@@ -507,7 +548,7 @@ export function TaskBusSection(): React.JSX.Element {
                       setHost(e.target.value);
                       setConnected(false);
                     }}
-                    className="w-full rounded-md border border-[var(--color-border)] bg-[var(--color-bg)] px-2.5 py-1.5 text-sm outline-none focus:border-indigo-500/50 focus:ring-1 focus:ring-indigo-500/30"
+                    className="w-full rounded-md border border-[var(--color-border)] bg-[var(--color-bg)] px-2.5 py-1.5 text-sm outline-none focus:border-[var(--color-accent-border)] focus:ring-1 focus:ring-[var(--color-accent-border)]"
                     placeholder="127.0.0.1"
                   />
                 </div>
@@ -520,7 +561,7 @@ export function TaskBusSection(): React.JSX.Element {
                       setPort(Number(e.target.value));
                       setConnected(false);
                     }}
-                    className="w-full rounded-md border border-[var(--color-border)] bg-[var(--color-bg)] px-2.5 py-1.5 text-sm outline-none focus:border-indigo-500/50 focus:ring-1 focus:ring-indigo-500/30"
+                    className="w-full rounded-md border border-[var(--color-border)] bg-[var(--color-bg)] px-2.5 py-1.5 text-sm outline-none focus:border-[var(--color-accent-border)] focus:ring-1 focus:ring-[var(--color-accent-border)]"
                     placeholder="6379"
                   />
                 </div>
@@ -534,7 +575,7 @@ export function TaskBusSection(): React.JSX.Element {
                     setPassword(e.target.value);
                     setConnected(false);
                   }}
-                  className="w-full rounded-md border border-[var(--color-border)] bg-[var(--color-bg)] px-2.5 py-1.5 text-sm outline-none focus:border-indigo-500/50 focus:ring-1 focus:ring-indigo-500/30"
+                  className="w-full rounded-md border border-[var(--color-border)] bg-[var(--color-bg)] px-2.5 py-1.5 text-sm outline-none focus:border-[var(--color-accent-border)] focus:ring-1 focus:ring-[var(--color-accent-border)]"
                   placeholder="可选"
                 />
               </div>

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

@@ -39,6 +39,18 @@ const PAGE_SIZE = 8;
 const REFRESH_INTERVAL_MS = 2000;
 const SESSION_DETAIL_PAGE_SIZE = 50;
 
+function sessionExpansionKey(teamName: string, sessionId: string): string {
+  return `${teamName}\0${sessionId}`;
+}
+
+function formatSessionDetailError(error: unknown): string {
+  const message = error instanceof Error ? error.message : String(error || '');
+  if (/session not found/i.test(message)) {
+    return '会话文件已不存在，请刷新会话列表';
+  }
+  return message || '加载会话历史失败';
+}
+
 interface TaggedSession extends CcSession {
   teamName: string;
   teamDisplayName: string;
@@ -55,11 +67,11 @@ export const SidebarSessions = (): React.JSX.Element => {
   const [error, setError] = useState<string | null>(null);
   const [visibleCount, setVisibleCount] = useState(PAGE_SIZE);
   const [searchQuery, setSearchQuery] = useState('');
-  const [cancellingId, setCancellingId] = useState<string | null>(null);
+  const [cancellingKey, setCancellingKey] = 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 [expandedKey, setExpandedKey] = useState<string | null>(null);
   const refreshInFlightRef = useRef(false);
   const needsRefreshRef = useRef(false);
 
@@ -115,7 +127,9 @@ export const SidebarSessions = (): React.JSX.Element => {
           if (r.status === 'fulfilled') merged.push(...r.value);
         }
         setAllSessions(merged);
-        setExpandedId((prev) => (prev && merged.some((s) => s.id === prev) ? prev : null));
+        setExpandedKey((prev) =>
+          prev && merged.some((s) => sessionExpansionKey(s.teamName, s.id) === prev) ? prev : null
+        );
       } catch (err) {
         setError(err instanceof Error ? err.message : '加载失败');
       } finally {
@@ -185,7 +199,7 @@ export const SidebarSessions = (): React.JSX.Element => {
 
   useEffect(() => {
     setVisibleCount(PAGE_SIZE);
-    setExpandedId(null);
+    setExpandedKey(null);
   }, [scopedTeamName]);
 
   useEffect(() => {
@@ -227,26 +241,28 @@ export const SidebarSessions = (): React.JSX.Element => {
 
   const handleCancel = useCallback(
     async (teamName: string, sessionId: string) => {
-      setCancellingId(sessionId);
+      const key = sessionExpansionKey(teamName, sessionId);
+      setCancellingKey(key);
       try {
         await api.teams.cancelSession(teamName, sessionId);
         // Remove from list immediately
-        setAllSessions((prev) => prev.filter((s) => s.id !== sessionId));
+        setAllSessions((prev) => prev.filter((s) => sessionExpansionKey(s.teamName, s.id) !== key));
         // Clear expanded state if this session was expanded
-        if (expandedId === sessionId) {
-          setExpandedId(null);
+        if (expandedKey === key) {
+          setExpandedKey(null);
         }
       } catch (err) {
         console.error('Failed to close session:', err);
       } finally {
-        setCancellingId(null);
+        setCancellingKey(null);
       }
     },
-    [expandedId]
+    [expandedKey]
   );
 
   const handleExpand = useCallback((teamName: string, sessionId: string) => {
-    setExpandedId((prev) => (prev === sessionId ? null : sessionId));
+    const key = sessionExpansionKey(teamName, sessionId);
+    setExpandedKey((prev) => (prev === key ? null : key));
   }, []);
 
   const handleExportAllSessions = useCallback(async () => {
@@ -425,12 +441,12 @@ export const SidebarSessions = (): React.JSX.Element => {
               .filter((s) => s.live)
               .map((s) => (
                 <SessionRow
-                  key={s.id}
+                  key={sessionExpansionKey(s.teamName, s.id)}
                   session={s}
                   onCancel={handleCancel}
                   onExpand={handleExpand}
-                  isExpanded={expandedId === s.id}
-                  cancelling={cancellingId === s.id}
+                  isExpanded={expandedKey === sessionExpansionKey(s.teamName, s.id)}
+                  cancelling={cancellingKey === sessionExpansionKey(s.teamName, s.id)}
                 />
               ))}
           </>
@@ -446,11 +462,11 @@ export const SidebarSessions = (): React.JSX.Element => {
               .filter((s) => !s.live)
               .map((s) => (
                 <SessionRow
-                  key={s.id}
+                  key={sessionExpansionKey(s.teamName, s.id)}
                   session={s}
                   onCancel={handleCancel}
                   onExpand={handleExpand}
-                  isExpanded={expandedId === s.id}
+                  isExpanded={expandedKey === sessionExpansionKey(s.teamName, s.id)}
                   cancelling={false}
                 />
               ))}
@@ -492,6 +508,7 @@ const SessionRow = ({
   const platformLabel = session.platform === 'bridge' ? 'Bridge' : session.platform;
   const [detail, setDetail] = useState<CcSessionDetail | null>(null);
   const [loadingDetail, setLoadingDetail] = useState(false);
+  const [detailError, setDetailError] = useState<string | null>(null);
   const [historyLimit, setHistoryLimit] = useState(SESSION_DETAIL_PAGE_SIZE);
   const [loadingMoreHistory, setLoadingMoreHistory] = useState(false);
   const hasMoreHistory =
@@ -501,8 +518,9 @@ const SessionRow = ({
 
   // Fetch detail when expanded
   useEffect(() => {
-    if (!isExpanded) {
+    if (!isExpanded || session.hasLocalFile === false) {
       setDetail(null);
+      setDetailError(null);
       setLoadingDetail(false);
       setLoadingMoreHistory(false);
       setHistoryLimit(SESSION_DETAIL_PAGE_SIZE);
@@ -510,14 +528,18 @@ const SessionRow = ({
     }
     let cancelled = false;
     setLoadingDetail(true);
+    setDetailError(null);
     const isIncrementalLoad = historyLimit > SESSION_DETAIL_PAGE_SIZE;
     setLoadingMoreHistory(isIncrementalLoad);
     void (async () => {
       try {
         const d = await api.teams.getSessionDetail(session.teamName, session.id, historyLimit);
         if (!cancelled) setDetail(d);
-      } catch {
-        if (!cancelled) setDetail(null);
+      } catch (err) {
+        if (!cancelled) {
+          setDetail(null);
+          setDetailError(formatSessionDetailError(err));
+        }
       } finally {
         if (!cancelled) {
           setLoadingDetail(false);
@@ -534,7 +556,7 @@ const SessionRow = ({
   // refetch (no skeleton flash) so newly arrived messages show without needing
   // to collapse and reopen.
   useEffect(() => {
-    if (!isExpanded || !session.live) {
+    if (!isExpanded || !session.live || session.hasLocalFile === false) {
       return;
     }
     const intervalId = window.setInterval(() => {
@@ -557,7 +579,7 @@ const SessionRow = ({
   // 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) {
+    if (!isExpanded || session.hasLocalFile === false) {
       return;
     }
     const unsubscribe = api.teams.onTeamChange?.((_event, change: TeamChangeEvent) => {
@@ -591,7 +613,7 @@ const SessionRow = ({
   useEffect(() => {
     const wasLive = prevLiveRef.current;
     prevLiveRef.current = session.live;
-    if (wasLive && !session.live && isExpanded) {
+    if (wasLive && !session.live && isExpanded && session.hasLocalFile !== false) {
       void (async () => {
         try {
           const d = await api.teams.getSessionDetail(session.teamName, session.id, historyLimit);
@@ -689,69 +711,87 @@ const SessionRow = ({
       {/* Inline expanded messages */}
       {isExpanded && (
         <div className="ml-5 border-l-2 border-[var(--color-border)]">
-          {loadingDetail && !detail && (
-            <div className="px-3 py-3">
-              <div className="space-y-2">
-                {[1, 2, 3].map((i) => (
-                  <div
-                    key={i}
-                    className="h-3 animate-pulse rounded bg-[var(--color-surface-raised)]"
-                  />
-                ))}
-              </div>
+          {session.hasLocalFile === false ? (
+            // cc-only session (e.g. Feishu listening, no local JSONL yet) —
+            // no local history. Avoids the misleading "会话文件已不存在" 404
+            // path (#20). Same root cause as CcSessionsSection.
+            <div className="flex items-center gap-2 px-3 py-2 text-xs text-[var(--color-text-muted)]">
+              <Radio size={13} className="shrink-0 animate-pulse text-emerald-400" />
+              <span>监听中，暂无本地历史</span>
             </div>
-          )}
-          {detail && (
+          ) : (
             <>
-              {detail.history.length === 0 ? (
-                <div className="px-3 py-3 text-xs text-[var(--color-text-muted)]">暂无消息</div>
-              ) : (
+              {loadingDetail && !detail && (
+                <div className="px-3 py-3">
+                  <div className="space-y-2">
+                    {[1, 2, 3].map((i) => (
+                      <div
+                        key={i}
+                        className="h-3 animate-pulse rounded bg-[var(--color-surface-raised)]"
+                      />
+                    ))}
+                  </div>
+                </div>
+              )}
+              {detailError && !loadingDetail && (
+                <div className="flex items-center gap-2 px-3 py-2 text-xs text-red-400">
+                  <AlertCircle size={13} className="shrink-0" />
+                  <span>{detailError}</span>
+                </div>
+              )}
+              {detail && (
                 <>
-                  <div className="divide-[var(--color-border)]/50 max-h-64 divide-y overflow-y-auto">
-                    {[...detail.history].reverse().map((msg, i) => (
-                      <div key={i} className="px-3 py-2 text-[11px]">
-                        <div className="flex items-center gap-2">
-                          <span
-                            className={`shrink-0 text-[10px] font-medium ${
-                              msg.role === 'user'
-                                ? 'text-indigo-400'
-                                : 'text-[var(--color-text-muted)]'
-                            }`}
+                  {detail.history.length === 0 ? (
+                    <div className="px-3 py-3 text-xs text-[var(--color-text-muted)]">暂无消息</div>
+                  ) : (
+                    <>
+                      <div className="divide-[var(--color-border)]/50 max-h-64 divide-y overflow-y-auto">
+                        {[...detail.history].reverse().map((msg, i) => (
+                          <div key={i} className="px-3 py-2 text-[11px]">
+                            <div className="flex items-center gap-2">
+                              <span
+                                className={`shrink-0 text-[10px] font-medium ${
+                                  msg.role === 'user'
+                                    ? 'text-indigo-400'
+                                    : 'text-[var(--color-text-muted)]'
+                                }`}
+                              >
+                                {msg.role === 'user' ? '用户' : 'Agent'}
+                              </span>
+                              <span className="text-[10px] text-[var(--color-text-muted)] opacity-60">
+                                {formatMessageTime(msg.timestamp)}
+                              </span>
+                            </div>
+                            <div className="mt-1 whitespace-pre-wrap break-words text-[var(--color-text)]">
+                              {msg.content.slice(0, 500)}
+                              {msg.content.length > 500 ? '…' : ''}
+                            </div>
+                          </div>
+                        ))}
+                      </div>
+                      {hasMoreHistory && (
+                        <div className="border-[var(--color-border)]/50 border-t px-3 py-2">
+                          <button
+                            type="button"
+                            className="inline-flex items-center gap-1 text-xs text-[var(--color-text-muted)] transition-colors hover:text-[var(--color-text)] disabled:cursor-not-allowed disabled:opacity-50"
+                            onClick={handleLoadMoreHistory}
+                            disabled={loadingDetail || loadingMoreHistory}
                           >
-                            {msg.role === 'user' ? '用户' : 'Agent'}
-                          </span>
-                          <span className="text-[10px] text-[var(--color-text-muted)] opacity-60">
-                            {formatMessageTime(msg.timestamp)}
-                          </span>
-                        </div>
-                        <div className="mt-1 whitespace-pre-wrap break-words text-[var(--color-text)]">
-                          {msg.content.slice(0, 500)}
-                          {msg.content.length > 500 ? '…' : ''}
+                            {loadingMoreHistory ? (
+                              <>
+                                <Loader2 size={12} className="animate-spin" />
+                                正在加载更早消息...
+                              </>
+                            ) : (
+                              <>
+                                加载更早消息 (
+                                {Math.max(detail.historyCount - detail.history.length, 0)} 条)
+                              </>
+                            )}
+                          </button>
                         </div>
-                      </div>
-                    ))}
-                  </div>
-                  {hasMoreHistory && (
-                    <div className="border-[var(--color-border)]/50 border-t px-3 py-2">
-                      <button
-                        type="button"
-                        className="inline-flex items-center gap-1 text-xs text-[var(--color-text-muted)] transition-colors hover:text-[var(--color-text)] disabled:cursor-not-allowed disabled:opacity-50"
-                        onClick={handleLoadMoreHistory}
-                        disabled={loadingDetail || loadingMoreHistory}
-                      >
-                        {loadingMoreHistory ? (
-                          <>
-                            <Loader2 size={12} className="animate-spin" />
-                            正在加载更早消息...
-                          </>
-                        ) : (
-                          <>
-                            加载更早消息 ({Math.max(detail.historyCount - detail.history.length, 0)}{' '}
-                            条)
-                          </>
-                        )}
-                      </button>
-                    </div>
+                      )}
+                    </>
                   )}
                 </>
               )}

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

@@ -145,7 +145,7 @@ export const SidebarTaskItem = ({
 
   const showTeamRow = showTeamName && !hideTeamName;
   const unreadBackgroundClass =
-    unreadCount > 0 ? (isLight ? 'bg-indigo-500/[0.03]' : 'bg-indigo-500/[0.05]') : '';
+    unreadCount > 0 ? (isLight ? 'bg-blue-500/[0.03]' : 'bg-blue-500/[0.05]') : '';
 
   return (
     <button

package/src/renderer/components/splash/splashScene.ts

@@ -21,8 +21,11 @@ declare global {
   }
 }
 
+// Version is injected at build time from package.json (vite.web.config.ts define),
+// the same source the Settings page and Sentry use — so the splash version always
+// tracks the real release instead of a stale hardcoded literal.
 const BOOT_LINES = [
-  '🦀 hermit v1.6.38',
+  `🦀 hermit v${__APP_VERSION__}`,
   'connecting harness…',
   'loading team configs…',
   'scanning session history…',
@@ -96,7 +99,8 @@ export function startSplashScene(
     if (!line) return;
 
     const lineEl = document.createElement('div');
-    lineEl.style.cssText = 'opacity: 0; transform: translateY(4px); transition: opacity 0.3s, transform 0.3s;';
+    lineEl.style.cssText =
+      'opacity: 0; transform: translateY(4px); transition: opacity 0.3s, transform 0.3s;';
 
     if (lineIndex === 0) {
       // First line — brand with crab