@tonyclaw/agent-inspector 3.0.24 → 3.0.25

package/.output/server/_ssr/{ProxyViewerContainer-D8SB0zyQ.mjs → ProxyViewerContainer-By-I0tJv.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, R as React } from "../_libs/react.mjs";
-import { C as CapturedLogSchema, z as DeleteInspectorGroupsResponseSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, d as RuntimeConfigSchema, g as readStoredUiScalePreference, h as persistUiScalePreference, i as applyUiScalePreference, w as extractStopReason, p as packageJson, P as ProviderConfigSchema, U as UI_SCALE_STORAGE_KEY, j as normalizeUiScalePreference, q as apiFormatForPath, B as GroupEvidenceExportResultSchema, E as DeleteInspectorGroupResponseSchema, $ as PiAgentResponseSchema, v as isTurnBoundary, r as readStoredThemeMode, e as applyThemeMode, f as persistThemeMode, a2 as formatUiScale, x as AlertSummarySchema, y as AlertListResponseSchema, I as InspectorGroupsListResponseSchema, G as GroupEvidenceReadResponseSchema, V as createPendingProviderTestResults, W as ProviderTestResultsSchema, X as createFailedProviderTestResults, Y as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, Z as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, _ as TimeDisplayFormatSchema, T as THEME_MODE_STORAGE_KEY, n as normalizeThemeMode, H as maskApiKey, M as PATH_V1_MESSAGES, N as PATH_V1_CHAT_COMPLETIONS, Q as PATH_V1_RESPONSES, F as providerHasContextMetadata, l as parseOpenAIResponse, m as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, o as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, k as AnthropicRequestSchema, s as safeGetOwnProperty, a0 as resolveProviderContextWindow, t as getSessionPath, J as findProviderModelMetadata, S as previewUpstreamUrl, K as KnowledgeCandidateSchema, a1 as isPlainRecord, u as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema } from "./router-BJzdUbcH.mjs";
+import { C as CapturedLogSchema, z as DeleteInspectorGroupsResponseSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, d as RuntimeConfigSchema, g as readStoredUiScalePreference, h as persistUiScalePreference, i as applyUiScalePreference, w as extractStopReason, p as packageJson, P as ProviderConfigSchema, U as UI_SCALE_STORAGE_KEY, j as normalizeUiScalePreference, q as apiFormatForPath, B as GroupEvidenceExportResultSchema, E as DeleteInspectorGroupResponseSchema, $ as PiAgentResponseSchema, v as isTurnBoundary, r as readStoredThemeMode, e as applyThemeMode, f as persistThemeMode, a2 as formatUiScale, x as AlertSummarySchema, y as AlertListResponseSchema, I as InspectorGroupsListResponseSchema, G as GroupEvidenceReadResponseSchema, V as createPendingProviderTestResults, W as ProviderTestResultsSchema, X as createFailedProviderTestResults, Y as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, Z as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, _ as TimeDisplayFormatSchema, T as THEME_MODE_STORAGE_KEY, n as normalizeThemeMode, H as maskApiKey, M as PATH_V1_MESSAGES, N as PATH_V1_CHAT_COMPLETIONS, Q as PATH_V1_RESPONSES, F as providerHasContextMetadata, l as parseOpenAIResponse, m as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, o as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, k as AnthropicRequestSchema, s as safeGetOwnProperty, a0 as resolveProviderContextWindow, t as getSessionPath, J as findProviderModelMetadata, S as previewUpstreamUrl, K as KnowledgeCandidateSchema, a1 as isPlainRecord, u as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema } from "./router-bofP-Ekl.mjs";
 import { u as useSWR, a as useSWRConfig } from "../_libs/swr.mjs";
 import { J as JSZip } from "../_libs/jszip.mjs";
 import { c as clsx } from "../_libs/clsx.mjs";
@@ -7,7 +7,7 @@ import { t as twMerge } from "../_libs/tailwind-merge.mjs";
 import { c as cva } from "../_libs/class-variance-authority.mjs";
 import { u as useWindowVirtualizer, a as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { d as diffJson, a as diffLines } from "../_libs/diff.mjs";
-import { T as TriangleAlert, C as CircleCheck, X, I as Info, a as ChevronDown, b as Check, P as PanelRightOpen, c as PanelRightClose, S as Search, U as Upload, D as Download, F as FileBraces, R as RefreshCw, d as Trash2, e as Plus, B as BrainCircuit, L as LoaderCircle, f as Send, A as ArrowLeft, g as ChevronUp, h as Copy, i as ChevronsLeft, j as ChevronLeft, k as ChevronRight, l as ChevronsRight, m as Clapperboard, n as Flag, o as Siren, p as Timer, G as Gauge, q as Sun, E as Eye, M as Moon, r as ALargeSmall, s as Layers, t as FlaskConical, u as Sparkles, v as Activity, w as Beaker, N as Network, x as Terminal, y as Settings, z as Monitor, H as Rocket, J as PackageCheck, K as History, O as Scan, Q as CircleAlert, V as ArrowUpRight, W as ArrowDownRight, Y as Cpu, Z as FolderOpen, _ as Bell, $ as Clock3, a0 as ShieldAlert, a1 as EyeOff, a2 as ExternalLink, a3 as Clock, a4 as RotateCw, a5 as Pencil, a6 as MessageSquare, a7 as Zap, a8 as Wrench, a9 as Brain, aa as CircleCheckBig, ab as Minus, ac as CircleX, ad as ShieldCheck, ae as Save, af as FileSearch, ag as CloudUpload, ah as CircleQuestionMark, ai as Server, aj as Lock, ak as Wifi, al as WifiOff, am as OctagonAlert, an as Radio, ao as Globe, ap as FileTerminal, aq as ChevronsUp, ar as ChevronsDown, as as FileDiff, at as RotateCcw, au as GitCompareArrows, av as ArrowUp, aw as ArrowDown, ax as Ellipsis, ay as CodeXml, az as Blocks, aA as MousePointerClick, aB as FileText, aC as Rows3, aD as Columns2 } from "../_libs/lucide-react.mjs";
+import { T as TriangleAlert, C as CircleCheck, X, I as Info, a as ChevronDown, b as Check, P as PanelRightOpen, c as PanelRightClose, S as Search, U as Upload, D as Download, F as FileBraces, R as RefreshCw, d as Trash2, H as Heart, e as Pause, f as Play, g as Plus, B as BrainCircuit, L as LoaderCircle, h as Send, A as ArrowLeft, i as ChevronUp, j as Copy, k as ChevronsLeft, l as ChevronLeft, m as ChevronRight, n as ChevronsRight, o as Clapperboard, p as Flag, q as Siren, r as Timer, G as Gauge, s as Sun, E as Eye, M as Moon, t as ALargeSmall, u as Layers, v as FlaskConical, w as Sparkles, x as Activity, y as Beaker, N as Network, z as Terminal, J as Settings, K as Monitor, O as Rocket, Q as PackageCheck, V as History, W as Scan, Y as CircleAlert, Z as ArrowUpRight, _ as ArrowDownRight, $ as Cpu, a0 as FolderOpen, a1 as Bell, a2 as Clock3, a3 as ShieldAlert, a4 as EyeOff, a5 as ExternalLink, a6 as Clock, a7 as RotateCw, a8 as Pencil, a9 as MessageSquare, aa as Zap, ab as Wrench, ac as Brain, ad as CircleCheckBig, ae as Minus, af as CircleX, ag as ShieldCheck, ah as Save, ai as FileSearch, aj as CloudUpload, ak as CircleQuestionMark, al as Server, am as Lock, an as Wifi, ao as WifiOff, ap as OctagonAlert, aq as Radio, ar as Globe, as as FileTerminal, at as ChevronsUp, au as ChevronsDown, av as FileDiff, aw as RotateCcw, ax as GitCompareArrows, ay as ArrowUp, az as ArrowDown, aA as Ellipsis, aB as CodeXml, aC as Blocks, aD as MousePointerClick, aE as FileText, aF as Rows3, aG as Columns2 } from "../_libs/lucide-react.mjs";
 import { u as union, o as object, e as array, l as literal, n as number, d as boolean, b as string, _ as _enum } from "../_libs/zod.mjs";
 import { S as Select$1, a as SelectTrigger$1, b as SelectIcon, c as SelectValue$1, d as SelectPortal, e as SelectContent$1, f as SelectViewport, g as SelectItem$1, h as SelectItemIndicator, i as SelectItemText, j as SelectScrollUpButton$1, k as SelectScrollDownButton$1 } from "../_libs/radix-ui__react-select.mjs";
 import { D as Dialog$1, a as DialogContent$1, b as DialogClose, c as DialogTitle$1, d as DialogDescription$1, e as DialogPortal$1, f as DialogOverlay$1, g as DialogTrigger$1 } from "../_libs/radix-ui__react-dialog.mjs";
@@ -2525,27 +2525,27 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-Cw7Dseo3.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-aH59Ab6x.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-B-YMhZkE.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-BO4Vy0et.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-a9d8UTYZ.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-FtOr7vSS.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-PzaZS4CN.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-cvw6ajue.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-C21_TCXk.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-Oc8S2kD6.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-Di2gxs9H.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-Cd6trhQr.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-Di2gxs9H.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => import("./json-viewer-Cd6trhQr.mjs").then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -12134,6 +12134,535 @@ function AgentLabDialog({ currentSessionId, logCount }) {
     ] })
   ] });
 }
+const INSPECTOR_PET_SIZE = 56;
+const INSPECTOR_PET_MARGIN = 14;
+const INSPECTOR_PET_EDGE_PEEK = 18;
+const INSPECTOR_PET_MIN_STEP = 72;
+const INSPECTOR_PET_MAX_STEP = 156;
+const INSPECTOR_PET_SLEEP_AFTER_MS = 45e3;
+const INSPECTOR_PET_PANEL_WIDTH = 192;
+const INSPECTOR_PET_PANEL_HEIGHT = 68;
+const INSPECTOR_PET_PANEL_GAP = 10;
+const INSPECTOR_PET_VERTICAL_SAFE_MARGIN = 78;
+function viewportScale(viewport) {
+  const scale = viewport.scale ?? 1;
+  return Number.isFinite(scale) && scale > 0 ? scale : 1;
+}
+function scaledMetric(value, viewport) {
+  return value * viewportScale(viewport);
+}
+function clampUnit(value) {
+  return Math.min(Math.max(value, 0), 1);
+}
+function maximumPetX(viewport) {
+  const edgePeek = scaledMetric(INSPECTOR_PET_EDGE_PEEK, viewport);
+  return Math.max(
+    -edgePeek,
+    viewport.width - scaledMetric(INSPECTOR_PET_SIZE, viewport) + edgePeek
+  );
+}
+function maximumPetY(viewport) {
+  const edgePeek = scaledMetric(INSPECTOR_PET_EDGE_PEEK, viewport);
+  return Math.max(
+    -edgePeek,
+    viewport.height - scaledMetric(INSPECTOR_PET_SIZE, viewport) + edgePeek
+  );
+}
+function clampInspectorPetPosition(position, viewport) {
+  const edgePeek = scaledMetric(INSPECTOR_PET_EDGE_PEEK, viewport);
+  return {
+    x: Math.min(Math.max(position.x, -edgePeek), maximumPetX(viewport)),
+    y: Math.min(Math.max(position.y, -edgePeek), maximumPetY(viewport))
+  };
+}
+function nearestInspectorPetEdge(position, viewport) {
+  const clamped = clampInspectorPetPosition(position, viewport);
+  const edgePeek = scaledMetric(INSPECTOR_PET_EDGE_PEEK, viewport);
+  const distances = [
+    { edge: "left", distance: clamped.x + edgePeek },
+    { edge: "right", distance: maximumPetX(viewport) - clamped.x },
+    { edge: "top", distance: clamped.y + INSPECTOR_PET_EDGE_PEEK },
+    { edge: "bottom", distance: maximumPetY(viewport) - clamped.y }
+  ];
+  return distances.reduce((best, current) => current.distance < best.distance ? current : best).edge;
+}
+function snapInspectorPetToEdge(position, viewport) {
+  const clamped = clampInspectorPetPosition(position, viewport);
+  const edge = nearestInspectorPetEdge(clamped, viewport);
+  const edgePeek = scaledMetric(INSPECTOR_PET_EDGE_PEEK, viewport);
+  switch (edge) {
+    case "left":
+      return { x: -edgePeek, y: clamped.y };
+    case "right":
+      return { x: maximumPetX(viewport), y: clamped.y };
+    case "top":
+      return { x: clamped.x, y: -edgePeek };
+    case "bottom":
+      return { x: clamped.x, y: maximumPetY(viewport) };
+  }
+}
+function randomInspectorPetEdgePosition(viewport, edgeSample, ySample) {
+  const maxX = maximumPetX(viewport);
+  const maxY = maximumPetY(viewport);
+  const edgePeek = scaledMetric(INSPECTOR_PET_EDGE_PEEK, viewport);
+  const minimumSafeY = Math.min(scaledMetric(INSPECTOR_PET_VERTICAL_SAFE_MARGIN, viewport), maxY);
+  const randomY = minimumSafeY + clampUnit(ySample) * (maxY - minimumSafeY);
+  const edgeIndex = Math.min(1, Math.floor(clampUnit(edgeSample) * 2));
+  switch (edgeIndex) {
+    case 0:
+      return { x: -edgePeek, y: randomY };
+    case 1:
+      return { x: maxX, y: randomY };
+    default:
+      return { x: maxX, y: maxY };
+  }
+}
+function nextInspectorPetWalkingPosition(position, viewport, stepSample, directionSample) {
+  const clamped = snapInspectorPetToEdge(position, viewport);
+  const step = scaledMetric(INSPECTOR_PET_MIN_STEP, viewport) + clampUnit(stepSample) * scaledMetric(INSPECTOR_PET_MAX_STEP - INSPECTOR_PET_MIN_STEP, viewport);
+  const direction = directionSample >= 0.5 ? 1 : -1;
+  const edge = nearestInspectorPetEdge(clamped, viewport);
+  const maxX = maximumPetX(viewport);
+  const maxY = maximumPetY(viewport);
+  const edgePeek = scaledMetric(INSPECTOR_PET_EDGE_PEEK, viewport);
+  const minimumSafeY = Math.min(scaledMetric(INSPECTOR_PET_VERTICAL_SAFE_MARGIN, viewport), maxY);
+  switch (edge) {
+    case "left":
+      return {
+        x: -edgePeek,
+        y: Math.min(Math.max(clamped.y + step * direction, minimumSafeY), maxY)
+      };
+    case "right":
+      return {
+        x: maxX,
+        y: Math.min(Math.max(clamped.y + step * direction, minimumSafeY), maxY)
+      };
+    case "top":
+      return {
+        x: Math.min(Math.max(clamped.x + step * direction, -edgePeek), maxX),
+        y: -edgePeek
+      };
+    case "bottom":
+      return {
+        x: Math.min(Math.max(clamped.x + step * direction, -edgePeek), maxX),
+        y: maxY
+      };
+  }
+}
+function inspectorPetPanelPosition(position, viewport) {
+  const edge = nearestInspectorPetEdge(position, viewport);
+  const petSize = scaledMetric(INSPECTOR_PET_SIZE, viewport);
+  const panelWidth = scaledMetric(INSPECTOR_PET_PANEL_WIDTH, viewport);
+  const panelHeight = scaledMetric(INSPECTOR_PET_PANEL_HEIGHT, viewport);
+  const panelGap = scaledMetric(INSPECTOR_PET_PANEL_GAP, viewport);
+  const margin = scaledMetric(INSPECTOR_PET_MARGIN, viewport);
+  let x = position.x + petSize / 2 - panelWidth / 2;
+  let y = position.y + petSize / 2 - panelHeight / 2;
+  switch (edge) {
+    case "left":
+      x = position.x + petSize + panelGap;
+      break;
+    case "right":
+      x = position.x - panelWidth - panelGap;
+      break;
+    case "top":
+      y = position.y + petSize + panelGap;
+      break;
+    case "bottom":
+      y = position.y - panelHeight - panelGap;
+      break;
+  }
+  return {
+    x: Math.min(Math.max(x, margin), Math.max(margin, viewport.width - panelWidth - margin)),
+    y: Math.min(Math.max(y, margin), Math.max(margin, viewport.height - panelHeight - margin))
+  };
+}
+function latestCapturedLog(logs) {
+  let latest = null;
+  for (const log of logs) {
+    if (latest === null || log.id > latest.id) latest = log;
+  }
+  return latest;
+}
+function logNeedsAttention(log) {
+  const hasHttpError = log.responseStatus !== null && log.responseStatus >= 400;
+  const hasStreamError = log.error !== null && log.error !== void 0 && log.error !== "";
+  return hasHttpError || hasStreamError;
+}
+function resolveInspectorPetStatus(logs, nowMs) {
+  const pendingCount = logs.filter((log) => log.responseStatus === null).length;
+  const capturedCount = logs.length;
+  if (pendingCount > 0) {
+    return {
+      mood: "active",
+      label: `${String(pendingCount)} request${pendingCount === 1 ? "" : "s"} in flight`,
+      pendingCount,
+      capturedCount
+    };
+  }
+  const latest = latestCapturedLog(logs);
+  if (latest !== null && logNeedsAttention(latest)) {
+    return {
+      mood: "attention",
+      label: "Latest request needs attention",
+      pendingCount,
+      capturedCount
+    };
+  }
+  if (latest === null) {
+    return {
+      mood: "idle",
+      label: "Waiting for traffic",
+      pendingCount,
+      capturedCount
+    };
+  }
+  const latestTimestamp = Date.parse(latest.timestamp);
+  if (Number.isFinite(latestTimestamp) && nowMs - latestTimestamp >= INSPECTOR_PET_SLEEP_AFTER_MS) {
+    return {
+      mood: "sleeping",
+      label: "All quiet",
+      pendingCount,
+      capturedCount
+    };
+  }
+  return {
+    mood: "idle",
+    label: "Watching the session",
+    pendingCount,
+    capturedCount
+  };
+}
+const INSPECTOR_PET_ROAMING_STORAGE_KEY = "agent-inspector.pet.roaming";
+const INSPECTOR_PET_MIN_DRIFT_MS = 5200;
+const INSPECTOR_PET_DRIFT_WINDOW_MS = 2400;
+const INSPECTOR_PET_PANEL_DISMISS_MS = 6e3;
+const INSPECTOR_PET_REACTION_MS = 760;
+const INSPECTOR_PET_DRAG_THRESHOLD = 4;
+function readViewport() {
+  if (typeof window === "undefined") return { width: 1280, height: 720, scale: 1 };
+  const rawScale = window.getComputedStyle(document.documentElement).getPropertyValue("--inspector-ui-scale");
+  const parsedScale = Number.parseFloat(rawScale);
+  const scale = Number.isFinite(parsedScale) && parsedScale > 0 ? parsedScale : 1;
+  return {
+    width: Math.max(window.innerWidth, INSPECTOR_PET_MARGIN * 2),
+    height: Math.max(window.innerHeight, INSPECTOR_PET_MARGIN * 2),
+    scale
+  };
+}
+function readStoredRoaming() {
+  if (typeof window === "undefined") return true;
+  try {
+    return window.localStorage.getItem(INSPECTOR_PET_ROAMING_STORAGE_KEY) !== "0";
+  } catch {
+    return true;
+  }
+}
+function moodDotClass(mood) {
+  switch (mood) {
+    case "active":
+      return "bg-cyan-400 shadow-[0_0_9px_rgba(34,211,238,0.65)]";
+    case "attention":
+      return "bg-red-500 shadow-[0_0_9px_rgba(239,68,68,0.55)]";
+    case "idle":
+      return "bg-amber-400 shadow-[0_0_8px_rgba(251,191,36,0.45)]";
+    case "sleeping":
+      return "bg-muted-foreground/45";
+  }
+}
+function moodMotionClass(mood) {
+  switch (mood) {
+    case "active":
+      return "inspector-pet-active";
+    case "attention":
+      return "inspector-pet-attention";
+    case "idle":
+      return "";
+    case "sleeping":
+      return "inspector-pet-sleeping";
+  }
+}
+function InspectorPet({ logs }) {
+  const [viewport, setViewport] = reactExports.useState(readViewport);
+  const [position, setPosition] = reactExports.useState({
+    x: INSPECTOR_PET_MARGIN,
+    y: INSPECTOR_PET_MARGIN
+  });
+  const [clockMs, setClockMs] = reactExports.useState(() => Date.now());
+  const [motionTick, setMotionTick] = reactExports.useState(0);
+  const [panelTick, setPanelTick] = reactExports.useState(0);
+  const [panelVisible, setPanelVisible] = reactExports.useState(false);
+  const [reactionTick, setReactionTick] = reactExports.useState(0);
+  const [reactionVisible, setReactionVisible] = reactExports.useState(false);
+  const [dragging, setDragging] = reactExports.useState(false);
+  const [roaming, setRoaming] = reactExports.useState(readStoredRoaming);
+  const [reduceMotion, setReduceMotion] = reactExports.useState(false);
+  const dragStateRef = reactExports.useRef(null);
+  const dragOccurredRef = reactExports.useRef(false);
+  const status = reactExports.useMemo(() => resolveInspectorPetStatus(logs, clockMs), [clockMs, logs]);
+  const panelPosition = reactExports.useMemo(
+    () => inspectorPetPanelPosition(position, viewport),
+    [position, viewport]
+  );
+  reactExports.useEffect(() => {
+    const nextViewport = readViewport();
+    setViewport(nextViewport);
+    setPosition(randomInspectorPetEdgePosition(nextViewport, Math.random(), Math.random()));
+  }, []);
+  reactExports.useEffect(() => {
+    const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+    const handleChange = (event) => setReduceMotion(event.matches);
+    setReduceMotion(mediaQuery.matches);
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, []);
+  reactExports.useEffect(() => {
+    const intervalId = window.setInterval(() => setClockMs(Date.now()), 15e3);
+    return () => window.clearInterval(intervalId);
+  }, []);
+  reactExports.useEffect(() => {
+    try {
+      window.localStorage.setItem(INSPECTOR_PET_ROAMING_STORAGE_KEY, roaming ? "1" : "0");
+    } catch {
+    }
+  }, [roaming]);
+  reactExports.useEffect(() => {
+    if (!roaming || dragging || reduceMotion) return void 0;
+    let timeoutId = null;
+    const scheduleDrift = () => {
+      const delay = INSPECTOR_PET_MIN_DRIFT_MS + Math.random() * INSPECTOR_PET_DRIFT_WINDOW_MS;
+      timeoutId = window.setTimeout(() => {
+        setMotionTick((current) => current + 1);
+        setPosition(
+          (current) => nextInspectorPetWalkingPosition(current, viewport, Math.random(), Math.random())
+        );
+        scheduleDrift();
+      }, delay);
+    };
+    scheduleDrift();
+    return () => {
+      if (timeoutId !== null) window.clearTimeout(timeoutId);
+    };
+  }, [dragging, reduceMotion, roaming, viewport]);
+  reactExports.useEffect(() => {
+    const handleResize = () => {
+      const nextViewport = readViewport();
+      setViewport(nextViewport);
+      setPosition((current) => snapInspectorPetToEdge(current, nextViewport));
+    };
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  reactExports.useEffect(() => {
+    if (!panelVisible) return void 0;
+    const timeoutId = window.setTimeout(
+      () => setPanelVisible(false),
+      INSPECTOR_PET_PANEL_DISMISS_MS
+    );
+    return () => window.clearTimeout(timeoutId);
+  }, [panelTick, panelVisible]);
+  reactExports.useEffect(() => {
+    if (!reactionVisible) return void 0;
+    const timeoutId = window.setTimeout(() => setReactionVisible(false), INSPECTOR_PET_REACTION_MS);
+    return () => window.clearTimeout(timeoutId);
+  }, [reactionTick, reactionVisible]);
+  const handlePet = reactExports.useCallback(() => {
+    if (dragOccurredRef.current) {
+      dragOccurredRef.current = false;
+      return;
+    }
+    setClockMs(Date.now());
+    setPanelTick((current) => current + 1);
+    setPanelVisible(true);
+    setReactionTick((current) => current + 1);
+    setReactionVisible(true);
+  }, []);
+  const handlePointerDown = reactExports.useCallback((event) => {
+    const rect = event.currentTarget.getBoundingClientRect();
+    dragOccurredRef.current = false;
+    dragStateRef.current = {
+      pointerId: event.pointerId,
+      offsetX: event.clientX - rect.left,
+      offsetY: event.clientY - rect.top,
+      startX: event.clientX,
+      startY: event.clientY,
+      moved: false
+    };
+    event.currentTarget.setPointerCapture(event.pointerId);
+    setPanelVisible(false);
+    setDragging(true);
+  }, []);
+  const handlePointerMove = reactExports.useCallback(
+    (event) => {
+      const dragState = dragStateRef.current;
+      if (dragState === null || dragState.pointerId !== event.pointerId) return;
+      const moved = dragState.moved || Math.abs(event.clientX - dragState.startX) >= INSPECTOR_PET_DRAG_THRESHOLD || Math.abs(event.clientY - dragState.startY) >= INSPECTOR_PET_DRAG_THRESHOLD;
+      dragState.moved = moved;
+      dragOccurredRef.current = moved;
+      setPosition(
+        clampInspectorPetPosition(
+          {
+            x: event.clientX - dragState.offsetX,
+            y: event.clientY - dragState.offsetY
+          },
+          viewport
+        )
+      );
+    },
+    [viewport]
+  );
+  const handlePointerUp = reactExports.useCallback(
+    (event) => {
+      const dragState = dragStateRef.current;
+      if (dragState === null || dragState.pointerId !== event.pointerId) return;
+      if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+        event.currentTarget.releasePointerCapture(event.pointerId);
+      }
+      dragOccurredRef.current = dragState.moved;
+      dragStateRef.current = null;
+      setDragging(false);
+      setPosition((current) => snapInspectorPetToEdge(current, viewport));
+    },
+    [viewport]
+  );
+  const handlePointerCancel = reactExports.useCallback((event) => {
+    if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+      event.currentTarget.releasePointerCapture(event.pointerId);
+    }
+    dragStateRef.current = null;
+    dragOccurredRef.current = false;
+    setDragging(false);
+  }, []);
+  const petStyle = reactExports.useMemo(
+    () => ({
+      transform: `translate3d(${String(position.x)}px, ${String(position.y)}px, 0) rotate(${motionTick % 2 === 0 ? "-4deg" : "5deg"}) scale(${dragging ? "1.08" : "1"})`,
+      transition: dragging ? "none" : "transform 4800ms cubic-bezier(0.33, 1, 0.68, 1)",
+      touchAction: "none"
+    }),
+    [dragging, motionTick, position.x, position.y]
+  );
+  const panelStyle = reactExports.useMemo(
+    () => ({ left: panelPosition.x, top: panelPosition.y }),
+    [panelPosition.x, panelPosition.y]
+  );
+  const roamingLabel = roaming ? "Pause pet roaming" : "Resume pet roaming";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          "fixed left-0 top-0 z-30 flex size-14 items-center justify-center bg-transparent text-foreground outline-none transition-[filter,opacity] duration-200 hover:opacity-95 hover:drop-shadow-[0_0_24px_rgba(245,158,11,0.36)] focus-visible:drop-shadow-[0_0_12px_rgba(251,191,36,0.72)]",
+          dragging ? "cursor-grabbing" : "cursor-grab"
+        ),
+        style: petStyle,
+        "data-pet-mood": status.mood,
+        onClick: handlePet,
+        onPointerDown: handlePointerDown,
+        onPointerMove: handlePointerMove,
+        onPointerUp: handlePointerUp,
+        onPointerCancel: handlePointerCancel,
+        "aria-label": `Inspector pet: ${status.label}`,
+        title: status.label,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "span",
+          {
+            className: cn(
+              "relative flex size-12 items-center justify-center",
+              reactionVisible && "inspector-pet-patted"
+            ),
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "span",
+                {
+                  className: cn(
+                    "relative flex size-12 items-center justify-center",
+                    moodMotionClass(status.mood)
+                  ),
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    "span",
+                    {
+                      className: cn(
+                        "relative flex size-12 items-center justify-center",
+                        !dragging && "floating-crab-body"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(CrabLogo, { className: "relative z-10 size-11 text-amber-500 drop-shadow-[0_0_15px_rgba(245,158,11,0.30)]" }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "pointer-events-none absolute inset-x-0 bottom-0 z-0 flex items-end justify-center gap-1 text-amber-400/80", children: [0, 1, 2, 3, 4, 5].map((leg) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          "span",
+                          {
+                            className: cn(
+                              "floating-crab-leg h-2 w-0.5 rounded-full bg-current shadow-[0_0_7px_rgba(245,158,11,0.24)]",
+                              leg < 3 ? "floating-crab-leg-left" : "floating-crab-leg-right",
+                              dragging && "animate-none"
+                            ),
+                            style: { animationDelay: `${String(leg % 2 === 0 ? 0 : 180)}ms` }
+                          },
+                          leg
+                        )) })
+                      ]
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "span",
+                {
+                  className: cn(
+                    "absolute right-0 top-1 size-2 rounded-full border border-background/90",
+                    moodDotClass(status.mood),
+                    status.mood === "active" && !reduceMotion && "animate-pulse"
+                  )
+                }
+              ),
+              reactionVisible && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Heart,
+                {
+                  className: "inspector-pet-heart absolute -right-1 -top-2 size-3.5 fill-amber-400 text-amber-400"
+                },
+                reactionTick
+              )
+            ]
+          }
+        )
+      }
+    ),
+    panelVisible && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "fixed z-50 w-48 rounded-md border border-border/80 bg-popover/95 px-3 py-2 text-popover-foreground shadow-[0_14px_34px_rgba(0,0,0,0.28)] backdrop-blur",
+        style: panelStyle,
+        role: "status",
+        "aria-live": "polite",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn("size-2 shrink-0 rounded-full", moodDotClass(status.mood)) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1 truncate text-xs font-medium", children: status.label }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                className: "inline-flex size-6 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none",
+                onClick: () => setRoaming((current) => !current),
+                "aria-label": roamingLabel,
+                title: roamingLabel,
+                children: roaming ? /* @__PURE__ */ jsxRuntimeExports.jsx(Pause, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Play, { className: "size-3.5" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 flex items-center justify-between gap-3 font-mono text-[10px] text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+              String(status.capturedCount),
+              " captured"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: status.pendingCount > 0 ? `${String(status.pendingCount)} active` : roaming ? "Roaming" : "Resting" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
 const DEFAULT_QUESTION = "Analyze the current Inspector session. What looks abnormal, slow, or likely to hang?";
 function providerSupportsPiAgent(provider) {
   return provider.openaiResponsesBaseUrl !== void 0 || provider.openaiBaseUrl !== void 0 || provider.anthropicBaseUrl !== void 0;
@@ -14561,256 +15090,12 @@ function BrandHeader({
     ] })
   ] });
 }
-const FLOATING_LOGO_SIZE = 56;
-const FLOATING_LOGO_MARGIN = 14;
-const FLOATING_LOGO_MIN_DRIFT_MS = 5200;
-const FLOATING_LOGO_DRIFT_WINDOW_MS = 2400;
-const FLOATING_LOGO_MIN_STEP = 72;
-const FLOATING_LOGO_MAX_STEP = 156;
 const DETAILS_PANEL_COLLAPSED_STORAGE_KEY = "agent-inspector.detailsPanelCollapsed";
 function readStoredDetailsPanelCollapsed() {
   if (typeof window === "undefined") return true;
   const stored = window.localStorage.getItem(DETAILS_PANEL_COLLAPSED_STORAGE_KEY);
   return stored === null || stored === "1";
 }
-function clampFloatingLogoPosition(position) {
-  const maxX = Math.max(
-    FLOATING_LOGO_MARGIN,
-    window.innerWidth - FLOATING_LOGO_SIZE - FLOATING_LOGO_MARGIN
-  );
-  const maxY = Math.max(
-    FLOATING_LOGO_MARGIN,
-    window.innerHeight - FLOATING_LOGO_SIZE - FLOATING_LOGO_MARGIN
-  );
-  return {
-    x: Math.min(Math.max(position.x, FLOATING_LOGO_MARGIN), maxX),
-    y: Math.min(Math.max(position.y, FLOATING_LOGO_MARGIN), maxY)
-  };
-}
-function snapFloatingLogoToEdge(position) {
-  const clamped = clampFloatingLogoPosition(position);
-  const maxX = Math.max(
-    FLOATING_LOGO_MARGIN,
-    window.innerWidth - FLOATING_LOGO_SIZE - FLOATING_LOGO_MARGIN
-  );
-  const maxY = Math.max(
-    FLOATING_LOGO_MARGIN,
-    window.innerHeight - FLOATING_LOGO_SIZE - FLOATING_LOGO_MARGIN
-  );
-  const leftDistance = clamped.x - FLOATING_LOGO_MARGIN;
-  const rightDistance = maxX - clamped.x;
-  const topDistance = clamped.y - FLOATING_LOGO_MARGIN;
-  const bottomDistance = maxY - clamped.y;
-  const nearestDistance = Math.min(leftDistance, rightDistance, topDistance, bottomDistance);
-  if (nearestDistance === leftDistance) return { x: FLOATING_LOGO_MARGIN, y: clamped.y };
-  if (nearestDistance === rightDistance) return { x: maxX, y: clamped.y };
-  if (nearestDistance === topDistance) return { x: clamped.x, y: FLOATING_LOGO_MARGIN };
-  return { x: clamped.x, y: maxY };
-}
-function randomFloatingLogoEdgePosition() {
-  const maxX = Math.max(
-    FLOATING_LOGO_MARGIN,
-    window.innerWidth - FLOATING_LOGO_SIZE - FLOATING_LOGO_MARGIN
-  );
-  const maxY = Math.max(
-    FLOATING_LOGO_MARGIN,
-    window.innerHeight - FLOATING_LOGO_SIZE - FLOATING_LOGO_MARGIN
-  );
-  const randomX = FLOATING_LOGO_MARGIN + Math.random() * (maxX - FLOATING_LOGO_MARGIN);
-  const randomY = FLOATING_LOGO_MARGIN + Math.random() * (maxY - FLOATING_LOGO_MARGIN);
-  const edgeIndex = Math.floor(Math.random() * 4);
-  switch (edgeIndex) {
-    case 0:
-      return { x: FLOATING_LOGO_MARGIN, y: randomY };
-    case 1:
-      return { x: maxX, y: randomY };
-    case 2:
-      return { x: randomX, y: FLOATING_LOGO_MARGIN };
-    case 3:
-      return { x: randomX, y: maxY };
-    default:
-      return { x: maxX, y: FLOATING_LOGO_MARGIN };
-  }
-}
-function nearestFloatingLogoEdge(position) {
-  const clamped = clampFloatingLogoPosition(position);
-  const maxX = Math.max(
-    FLOATING_LOGO_MARGIN,
-    window.innerWidth - FLOATING_LOGO_SIZE - FLOATING_LOGO_MARGIN
-  );
-  const maxY = Math.max(
-    FLOATING_LOGO_MARGIN,
-    window.innerHeight - FLOATING_LOGO_SIZE - FLOATING_LOGO_MARGIN
-  );
-  const distances = [
-    { edge: "left", distance: clamped.x - FLOATING_LOGO_MARGIN },
-    { edge: "right", distance: maxX - clamped.x },
-    { edge: "top", distance: clamped.y - FLOATING_LOGO_MARGIN },
-    { edge: "bottom", distance: maxY - clamped.y }
-  ];
-  return distances.reduce((best, current) => current.distance < best.distance ? current : best).edge;
-}
-function nextFloatingLogoWalkingPosition(position) {
-  const clamped = snapFloatingLogoToEdge(position);
-  const maxX = Math.max(
-    FLOATING_LOGO_MARGIN,
-    window.innerWidth - FLOATING_LOGO_SIZE - FLOATING_LOGO_MARGIN
-  );
-  const maxY = Math.max(
-    FLOATING_LOGO_MARGIN,
-    window.innerHeight - FLOATING_LOGO_SIZE - FLOATING_LOGO_MARGIN
-  );
-  const step = FLOATING_LOGO_MIN_STEP + Math.random() * (FLOATING_LOGO_MAX_STEP - FLOATING_LOGO_MIN_STEP);
-  const direction = Math.random() > 0.5 ? 1 : -1;
-  const edge = nearestFloatingLogoEdge(clamped);
-  switch (edge) {
-    case "left": {
-      const nextY = clamped.y + step * direction;
-      if (nextY <= FLOATING_LOGO_MARGIN)
-        return { x: FLOATING_LOGO_MARGIN, y: FLOATING_LOGO_MARGIN };
-      if (nextY >= maxY) return { x: FLOATING_LOGO_MARGIN, y: maxY };
-      return { x: FLOATING_LOGO_MARGIN, y: nextY };
-    }
-    case "right": {
-      const nextY = clamped.y + step * direction;
-      if (nextY <= FLOATING_LOGO_MARGIN) return { x: maxX, y: FLOATING_LOGO_MARGIN };
-      if (nextY >= maxY) return { x: maxX, y: maxY };
-      return { x: maxX, y: nextY };
-    }
-    case "top": {
-      const nextX = clamped.x + step * direction;
-      if (nextX <= FLOATING_LOGO_MARGIN)
-        return { x: FLOATING_LOGO_MARGIN, y: FLOATING_LOGO_MARGIN };
-      if (nextX >= maxX) return { x: maxX, y: FLOATING_LOGO_MARGIN };
-      return { x: nextX, y: FLOATING_LOGO_MARGIN };
-    }
-    case "bottom": {
-      const nextX = clamped.x + step * direction;
-      if (nextX <= FLOATING_LOGO_MARGIN) return { x: FLOATING_LOGO_MARGIN, y: maxY };
-      if (nextX >= maxX) return { x: maxX, y: maxY };
-      return { x: nextX, y: maxY };
-    }
-  }
-}
-function FloatingInspectorLogo() {
-  const [position, setPosition] = reactExports.useState({
-    x: FLOATING_LOGO_MARGIN,
-    y: FLOATING_LOGO_MARGIN
-  });
-  const [motionTick, setMotionTick] = reactExports.useState(0);
-  const [dragging, setDragging] = reactExports.useState(false);
-  const dragStateRef = reactExports.useRef(null);
-  reactExports.useEffect(() => {
-    setPosition(randomFloatingLogoEdgePosition());
-  }, []);
-  reactExports.useEffect(() => {
-    if (dragging) return void 0;
-    let timeoutId = null;
-    const scheduleDrift = () => {
-      const delay = FLOATING_LOGO_MIN_DRIFT_MS + Math.random() * FLOATING_LOGO_DRIFT_WINDOW_MS;
-      timeoutId = window.setTimeout(() => {
-        setMotionTick((current) => current + 1);
-        setPosition((current) => nextFloatingLogoWalkingPosition(current));
-        scheduleDrift();
-      }, delay);
-    };
-    scheduleDrift();
-    return () => {
-      if (timeoutId !== null) {
-        window.clearTimeout(timeoutId);
-      }
-    };
-  }, [dragging]);
-  reactExports.useEffect(() => {
-    const handleResize = () => {
-      setPosition((current) => snapFloatingLogoToEdge(current));
-    };
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
-  }, []);
-  const handlePointerDown = reactExports.useCallback((event) => {
-    const rect = event.currentTarget.getBoundingClientRect();
-    dragStateRef.current = {
-      pointerId: event.pointerId,
-      offsetX: event.clientX - rect.left,
-      offsetY: event.clientY - rect.top
-    };
-    event.currentTarget.setPointerCapture(event.pointerId);
-    setDragging(true);
-  }, []);
-  const handlePointerMove = reactExports.useCallback((event) => {
-    const dragState = dragStateRef.current;
-    if (dragState === null || dragState.pointerId !== event.pointerId) return;
-    setPosition(
-      clampFloatingLogoPosition({
-        x: event.clientX - dragState.offsetX,
-        y: event.clientY - dragState.offsetY
-      })
-    );
-  }, []);
-  const handlePointerUp = reactExports.useCallback((event) => {
-    const dragState = dragStateRef.current;
-    if (dragState === null || dragState.pointerId !== event.pointerId) return;
-    if (event.currentTarget.hasPointerCapture(event.pointerId)) {
-      event.currentTarget.releasePointerCapture(event.pointerId);
-    }
-    dragStateRef.current = null;
-    setDragging(false);
-    setPosition((current) => snapFloatingLogoToEdge(current));
-  }, []);
-  const style = reactExports.useMemo(
-    () => ({
-      transform: `translate3d(${position.x}px, ${position.y}px, 0) rotate(${motionTick % 2 === 0 ? "-4deg" : "5deg"}) scale(${dragging ? "1.08" : "1"})`,
-      transition: dragging ? "none" : "transform 4800ms cubic-bezier(0.33, 1, 0.68, 1)",
-      touchAction: "none"
-    }),
-    [dragging, motionTick, position.x, position.y]
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "button",
-    {
-      type: "button",
-      className: cn(
-        "fixed left-0 top-0 z-40 flex size-14 items-center justify-center rounded-full bg-transparent text-foreground outline-none transition-[filter,opacity] duration-200 hover:opacity-95 hover:drop-shadow-[0_0_24px_rgba(245,158,11,0.36)] focus-visible:ring-1 focus-visible:ring-amber-300/55",
-        dragging ? "cursor-grabbing" : "cursor-grab"
-      ),
-      style,
-      onPointerDown: handlePointerDown,
-      onPointerMove: handlePointerMove,
-      onPointerUp: handlePointerUp,
-      onPointerCancel: handlePointerUp,
-      "aria-label": "Floating Inspector logo",
-      title: "Drag Inspector logo",
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "span",
-        {
-          className: cn(
-            "relative flex size-12 items-center justify-center",
-            !dragging && "floating-crab-body"
-          ),
-          "aria-hidden": "true",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(CrabLogo, { className: "relative z-10 size-11 text-amber-500 drop-shadow-[0_0_15px_rgba(245,158,11,0.30)]" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "pointer-events-none absolute inset-x-0 bottom-0 z-0 flex items-end justify-center gap-1 text-amber-400/80", children: [0, 1, 2, 3, 4, 5].map((leg) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "span",
-              {
-                className: cn(
-                  "floating-crab-leg h-2 w-0.5 rounded-full bg-current shadow-[0_0_7px_rgba(245,158,11,0.24)]",
-                  leg < 3 ? "floating-crab-leg-left" : "floating-crab-leg-right",
-                  dragging && "animate-none"
-                ),
-                style: {
-                  animationDelay: `${leg % 2 === 0 ? 0 : 180}ms`
-                }
-              },
-              leg
-            )) })
-          ]
-        }
-      )
-    }
-  );
-}
 function SessionContextLogButton({ label, logId }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "button",
@@ -15379,7 +15664,7 @@ function ProxyViewer({
         ]
       }
     ),
-    detailsPanelCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsx(FloatingInspectorLogo, {}),
+    detailsPanelCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsx(InspectorPet, { logs }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {