@tonyclaw/agent-inspector 3.0.23 → 3.0.24

package/src/components/ProxyViewerContainer.tsx

@@ -16,6 +16,11 @@ import {
   type SessionLoadProgress,
   type SessionMembershipEvidence,
 } from "./ProxyViewer";
+import {
+  filterLogs,
+  mergeLogsById,
+  mergeSessionIds,
+} from "./proxy-viewer/proxyViewerContainerLogic";
 import { dispatchLogFocusRequest } from "./proxy-viewer/logFocus";
 import { TransientToast, useTransientToast } from "./ui/transient-toast";
 
@@ -112,24 +117,6 @@ function extractModels(logs: CapturedLog[]): string[] {
   return [...set];
 }
 
-/**
- * Filter logs by selected session/model. Both `__all__` and missing values
- * pass through. Returns the input array reference when no log matches the
- * filter, so referential equality is preserved for empty results.
- */
-export function filterLogs(
-  logs: CapturedLog[],
-  selectedSession: string,
-  selectedModel: string,
-): CapturedLog[] {
-  if (selectedSession === "__all__" && selectedModel === "__all__") return logs;
-  return logs.filter((l) => {
-    if (selectedSession !== "__all__" && l.sessionId !== selectedSession) return false;
-    if (selectedModel !== "__all__" && l.model !== selectedModel) return false;
-    return true;
-  });
-}
-
 const DEBOUNCE_MS = 100;
 const HASH_SCROLL_ATTEMPTS = 12;
 const HASH_HIGHLIGHT_MS = 1800;
@@ -243,35 +230,6 @@ async function deleteAllGroupsForFullHistoryDelete(): Promise<GroupCleanupResult
   }
 }
 
-export function mergeLogsById(
-  previousLogs: readonly CapturedLog[],
-  incomingLogs: readonly CapturedLog[],
-): CapturedLog[] {
-  if (incomingLogs.length === 0) return [...previousLogs];
-  const byId = new Map<number, CapturedLog>();
-  for (const log of previousLogs) {
-    byId.set(log.id, log);
-  }
-  for (const log of incomingLogs) {
-    byId.set(log.id, log);
-  }
-  return [...byId.values()].sort((left, right) => left.id - right.id);
-}
-
-export function mergeSessionIds(
-  previousSessions: readonly string[],
-  incomingSessions: readonly string[],
-): string[] {
-  const sessions = new Set<string>();
-  for (const session of previousSessions) {
-    if (session !== "") sessions.add(session);
-  }
-  for (const session of incomingSessions) {
-    if (session !== "") sessions.add(session);
-  }
-  return [...sessions].sort();
-}
-
 export function ProxyViewerContainer({
   initialSessionId,
 }: {

package/src/components/alerts/AlertsDialog.tsx

@@ -469,7 +469,11 @@ export function AlertsDialog(): JSX.Element {
   const warningCount = summary?.warning ?? 0;
   const noticeCount = summary?.notice ?? 0;
   const triggerTone =
-    criticalCount > 0 ? "bg-red-500" : warningCount > 0 ? "bg-amber-400" : "bg-sky-400";
+    criticalCount > 0
+      ? "bg-red-600 text-white"
+      : warningCount > 0
+        ? "bg-amber-400 text-zinc-950"
+        : "bg-sky-400 text-zinc-950";
 
   return (
     <Dialog open={open} onOpenChange={setOpen}>
@@ -488,7 +492,7 @@ export function AlertsDialog(): JSX.Element {
           ) : totalCount > 0 ? (
             <span
               className={cn(
-                "absolute -right-1 -top-1 min-w-4 rounded-full px-1 text-[10px] font-semibold leading-4 text-white",
+                "absolute -right-1 -top-1 min-w-4 rounded-full px-1 text-[10px] font-semibold leading-4",
                 triggerTone,
               )}
             >