@tonyclaw/agent-inspector 3.0.44 → 3.0.46

package/.output/server/_ssr/InspectorPet-DNc4GQ7z.mjs

@@ -1,936 +0,0 @@
-import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
-import { r as reactDomExports } from "../_libs/react-dom.mjs";
-import { m as cn, ad as CrabLogo } from "./router-DWcUFPR3.mjs";
-import { W as WebGLRenderer, S as SRGBColorSpace, A as ACESFilmicToneMapping, a as Scene, O as OrthographicCamera, M as MeshPhysicalMaterial, C as Color, G as Group, b as Mesh, c as CircleGeometry, d as MeshBasicMaterial, e as SphereGeometry, f as AmbientLight, H as HemisphereLight, D as DirectionalLight, P as PointLight, V as Vector3, g as CylinderGeometry } from "../_libs/three.mjs";
-import "node:crypto";
-import "node:path";
-import "node:fs";
-import "node:child_process";
-import "node:buffer";
-import "node:url";
-import "crypto";
-import "node:util";
-import "node:net";
-import "../_libs/modelcontextprotocol__server.mjs";
-import "../_libs/jszip.mjs";
-import "node:os";
-import { aI as Heart, aJ as Pause, aK as Play } from "../_libs/lucide-react.mjs";
-import "util";
-import "async_hooks";
-import "stream";
-import "../_libs/tanstack__react-router.mjs";
-import "../_libs/tanstack__router-core.mjs";
-import "../_libs/cookie-es.mjs";
-import "../_libs/seroval.mjs";
-import "../_libs/seroval-plugins.mjs";
-import "node:stream";
-import "../_libs/tanstack__history.mjs";
-import "node:stream/web";
-import "../_libs/isbot.mjs";
-import "../_libs/swr.mjs";
-import "../_libs/use-sync-external-store.mjs";
-import "../_libs/dequal.mjs";
-import "../_libs/class-variance-authority.mjs";
-import "../_libs/clsx.mjs";
-import "../_libs/tailwind-merge.mjs";
-import "node:fs/promises";
-import "node:worker_threads";
-import "node:readline";
-import "../_libs/conf.mjs";
-import "node:process";
-import "node:assert";
-import "../_libs/dot-prop.mjs";
-import "../_libs/env-paths.mjs";
-import "../_libs/atomically.mjs";
-import "node:events";
-import "../_libs/stubborn-fs.mjs";
-import "../_libs/stubborn-utils.mjs";
-import "../_libs/when-exit.mjs";
-import "../_libs/ajv.mjs";
-import "../_libs/fast-deep-equal.mjs";
-import "../_libs/json-schema-traverse.mjs";
-import "../_libs/fast-uri.mjs";
-import "../_libs/ajv-formats.mjs";
-import "../_libs/debounce-fn.mjs";
-import "../_libs/mimic-function.mjs";
-import "../_libs/semver.mjs";
-import "../_libs/uint8array-extras.mjs";
-import "node:dns/promises";
-import "node:assert/strict";
-import "../_libs/zod.mjs";
-import "../_libs/modelcontextprotocol__core.mjs";
-import "../_libs/readable-stream.mjs";
-import "events";
-import "node:string_decoder";
-import "../_libs/process-nextick-args.mjs";
-import "../_libs/isarray.mjs";
-import "../_libs/safe-buffer.mjs";
-import "buffer";
-import "../_libs/core-util-is.mjs";
-import "../_libs/inherits.mjs";
-import "../_libs/util-deprecate.mjs";
-import "../_libs/lie.mjs";
-import "../_libs/immediate.mjs";
-import "../_libs/setimmediate.mjs";
-import "../_libs/pako.mjs";
-const INSPECTOR_PET_SIZE = 112;
-const INSPECTOR_PET_MARGIN = 14;
-const INSPECTOR_PET_EDGE_GAP = 20;
-const INSPECTOR_PET_MIN_STEP = 36;
-const INSPECTOR_PET_MAX_STEP = 92;
-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 edgeGap = scaledMetric(INSPECTOR_PET_EDGE_GAP, viewport);
-  return Math.max(edgeGap, viewport.width - scaledMetric(INSPECTOR_PET_SIZE, viewport) - edgeGap);
-}
-function maximumPetY(viewport) {
-  const edgeGap = scaledMetric(INSPECTOR_PET_EDGE_GAP, viewport);
-  return Math.max(edgeGap, viewport.height - scaledMetric(INSPECTOR_PET_SIZE, viewport) - edgeGap);
-}
-function clampInspectorPetPosition(position, viewport) {
-  const edgeGap = scaledMetric(INSPECTOR_PET_EDGE_GAP, viewport);
-  return {
-    x: Math.min(Math.max(position.x, edgeGap), maximumPetX(viewport)),
-    y: Math.min(Math.max(position.y, edgeGap), maximumPetY(viewport))
-  };
-}
-function nearestInspectorPetEdge(position, viewport) {
-  const clamped = clampInspectorPetPosition(position, viewport);
-  const edgeGap = scaledMetric(INSPECTOR_PET_EDGE_GAP, viewport);
-  const distances = [
-    { edge: "left", distance: clamped.x - edgeGap },
-    { edge: "right", distance: maximumPetX(viewport) - clamped.x },
-    { edge: "top", distance: clamped.y - edgeGap },
-    { 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 edgeGap = scaledMetric(INSPECTOR_PET_EDGE_GAP, viewport);
-  switch (edge) {
-    case "left":
-      return { x: edgeGap, y: clamped.y };
-    case "right":
-      return { x: maximumPetX(viewport), y: clamped.y };
-    case "top":
-      return { x: clamped.x, y: edgeGap };
-    case "bottom":
-      return { x: clamped.x, y: maximumPetY(viewport) };
-  }
-}
-function snapInspectorPetToCorner(position, viewport) {
-  const clamped = clampInspectorPetPosition(position, viewport);
-  const edgeGap = scaledMetric(INSPECTOR_PET_EDGE_GAP, viewport);
-  const maxX = maximumPetX(viewport);
-  const maxY = maximumPetY(viewport);
-  return {
-    x: clamped.x - edgeGap <= maxX - clamped.x ? edgeGap : maxX,
-    y: clamped.y - edgeGap <= maxY - clamped.y ? edgeGap : maxY
-  };
-}
-function randomInspectorPetEdgePosition(viewport, positionSample) {
-  const maxX = maximumPetX(viewport);
-  const maxY = maximumPetY(viewport);
-  const edgeGap = scaledMetric(INSPECTOR_PET_EDGE_GAP, viewport);
-  return {
-    x: clampUnit(positionSample) < 0.5 ? edgeGap : 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 edgeGap = scaledMetric(INSPECTOR_PET_EDGE_GAP, viewport);
-  const minimumSafeY = Math.min(scaledMetric(INSPECTOR_PET_VERTICAL_SAFE_MARGIN, viewport), maxY);
-  switch (edge) {
-    case "left":
-      return {
-        x: edgeGap,
-        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, edgeGap), maxX),
-        y: edgeGap
-      };
-    case "bottom":
-      return {
-        x: Math.min(Math.max(clamped.x + step * direction, edgeGap), 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
-  };
-}
-function createRod(start, end, radius, material) {
-  const direction = end.clone().sub(start);
-  const length = direction.length();
-  const rod = new Mesh(new CylinderGeometry(radius, radius * 0.9, length, 12), material);
-  rod.position.copy(start.clone().add(end).multiplyScalar(0.5));
-  rod.quaternion.setFromUnitVectors(new Vector3(0, 1, 0), direction.normalize());
-  return rod;
-}
-function addClaw(root, side, shellMaterial, accentMaterial) {
-  const clawScale = side < 0 ? 1.5 : 0.68;
-  const clawGroup = new Group();
-  const pincers = [];
-  root.add(clawGroup);
-  const shoulder = new Vector3(side * 1.2, 0.25, -0.05);
-  const wrist = new Vector3(side * (1.65 + clawScale * 0.18), 0.5, 0);
-  const arm = createRod(shoulder, wrist, 0.16 * clawScale, accentMaterial);
-  clawGroup.add(arm);
-  const palm = new Mesh(new SphereGeometry(0.55, 24, 16), shellMaterial);
-  palm.position.set(side * (1.95 + clawScale * 0.16), 0.62, 0.05);
-  palm.scale.set(1.05 * clawScale, 0.72 * clawScale, 0.55 * clawScale);
-  clawGroup.add(palm);
-  for (const pincerDirection of [-1, 1]) {
-    const pincer = new Mesh(new SphereGeometry(0.36, 20, 14), accentMaterial);
-    pincer.position.set(
-      side * (2.22 + clawScale * 0.26),
-      0.62 + pincerDirection * 0.24 * clawScale,
-      0.08
-    );
-    pincer.scale.set(1.05 * clawScale, 0.34 * clawScale, 0.42 * clawScale);
-    pincer.rotation.z = pincerDirection * side * 0.42;
-    clawGroup.add(pincer);
-    pincers.push({
-      direction: pincerDirection,
-      mesh: pincer,
-      restRotationZ: pincer.rotation.z,
-      restY: pincer.position.y
-    });
-  }
-  return { group: clawGroup, pincers, scale: clawScale };
-}
-function pinchPulse(cycleTime, start, duration) {
-  const progress = (cycleTime - start) / duration;
-  if (progress <= 0 || progress >= 1) return 0;
-  return Math.sin(progress * Math.PI);
-}
-function dominantClawGrip(elapsed) {
-  const cycleTime = elapsed % 6.8;
-  return Math.max(pinchPulse(cycleTime, 0.72, 0.82), pinchPulse(cycleTime, 1.72, 0.68));
-}
-function addEyes(root, shellMaterial, eyeMaterial) {
-  const eyes = [];
-  for (const side of [-1, 1]) {
-    const stalkStart = new Vector3(side * 0.48, 0.68, 0.05);
-    const stalkEnd = new Vector3(side * 0.1, 0.82, 0.07);
-    const eyeGroup = new Group();
-    eyeGroup.position.copy(stalkStart);
-    eyeGroup.add(createRod(new Vector3(0, 0, 0), stalkEnd, 0.1, shellMaterial));
-    const eye = new Mesh(new SphereGeometry(0.24, 20, 16), eyeMaterial);
-    eye.position.copy(stalkEnd);
-    eye.scale.set(1, 1, 0.85);
-    eyeGroup.add(eye);
-    const pupil = new Mesh(
-      new SphereGeometry(0.105, 16, 12),
-      new MeshPhysicalMaterial({ color: 1120295, roughness: 0.25 })
-    );
-    const pupilRest = new Vector3(stalkEnd.x, stalkEnd.y, stalkEnd.z + 0.2);
-    pupil.position.copy(pupilRest);
-    eyeGroup.add(pupil);
-    root.add(eyeGroup);
-    eyes.push({
-      group: eyeGroup,
-      phase: side < 0 ? 0 : Math.PI / 3,
-      pupil,
-      pupilRest
-    });
-  }
-  return eyes;
-}
-function addLegs(root, legMaterial) {
-  const legs = [];
-  for (const side of [-1, 1]) {
-    for (let index = 0; index < 4; index += 1) {
-      const leg = new Group();
-      const baseY = -0.3 - index * 0.22;
-      leg.position.set(side * (0.8 + index * 0.12), baseY, -0.18);
-      leg.add(
-        createRod(
-          new Vector3(0, 0, 0),
-          new Vector3(side * (0.62 + index * 0.06), -0.34, 0),
-          0.095,
-          legMaterial
-        )
-      );
-      leg.add(
-        createRod(
-          new Vector3(side * (0.58 + index * 0.06), -0.31, 0),
-          new Vector3(side * (1.02 + index * 0.08), -0.88 + index * 0.07, 0.04),
-          0.075,
-          legMaterial
-        )
-      );
-      root.add(leg);
-      legs.push({ group: leg, phase: index * Math.PI + (side > 0 ? Math.PI / 2 : 0), side });
-    }
-  }
-  return legs;
-}
-function createCrabScene(scene) {
-  const shellMaterial = new MeshPhysicalMaterial({
-    color: 16096779,
-    roughness: 0.34,
-    metalness: 0.04,
-    clearcoat: 0.78,
-    clearcoatRoughness: 0.18,
-    emissive: new Color(0),
-    emissiveIntensity: 0
-  });
-  const accentMaterial = new MeshPhysicalMaterial({
-    color: 16486972,
-    roughness: 0.42,
-    metalness: 0.02,
-    clearcoat: 0.52,
-    clearcoatRoughness: 0.28
-  });
-  const legMaterial = new MeshPhysicalMaterial({
-    color: 14251782,
-    roughness: 0.48,
-    clearcoat: 0.35,
-    clearcoatRoughness: 0.35
-  });
-  const eyeMaterial = new MeshPhysicalMaterial({
-    color: 16776171,
-    roughness: 0.22,
-    clearcoat: 0.8,
-    clearcoatRoughness: 0.12
-  });
-  const root = new Group();
-  root.rotation.x = -0.12;
-  root.rotation.y = -0.08;
-  root.scale.setScalar(1.08);
-  scene.add(root);
-  const shadow = new Mesh(
-    new CircleGeometry(1.65, 40),
-    new MeshBasicMaterial({ color: 1120295, transparent: true, opacity: 0.16, depthWrite: false })
-  );
-  shadow.position.set(0, -1.33, -0.65);
-  shadow.scale.set(1.4, 0.34, 1);
-  root.add(shadow);
-  const body = new Mesh(new SphereGeometry(1, 36, 24), shellMaterial);
-  body.position.set(0, 0.02, 0);
-  body.scale.set(1.58, 0.92, 0.68);
-  root.add(body);
-  const lowerShell = new Mesh(new SphereGeometry(0.92, 28, 20), accentMaterial);
-  lowerShell.position.set(0, -0.48, 0.22);
-  lowerShell.scale.set(1.28, 0.42, 0.56);
-  root.add(lowerShell);
-  const dominantClaw = addClaw(root, -1, shellMaterial, accentMaterial);
-  addClaw(root, 1, shellMaterial, accentMaterial);
-  const eyes = addEyes(root, shellMaterial, eyeMaterial);
-  const legs = addLegs(root, legMaterial);
-  scene.add(new AmbientLight(16775149, 1.65));
-  scene.add(new HemisphereLight(16775149, 1515571, 2.15));
-  const keyLight = new DirectionalLight(16777215, 3.6);
-  keyLight.position.set(3.5, 4.5, 6);
-  scene.add(keyLight);
-  const fillLight = new DirectionalLight(16498468, 1.35);
-  fillLight.position.set(-4, 1.5, 4);
-  scene.add(fillLight);
-  const rimLight = new PointLight(16096779, 1.8, 12, 2);
-  rimLight.position.set(0, 1.8, 4.5);
-  scene.add(rimLight);
-  return { bodyMaterial: shellMaterial, dominantClaw, eyes, legs, rimLight, root };
-}
-function moodColor(mood) {
-  switch (mood) {
-    case "active":
-      return 2282478;
-    case "attention":
-      return 15680580;
-    case "idle":
-      return 16096779;
-    case "sleeping":
-      return 9741240;
-  }
-}
-function isDisposableMesh(object) {
-  return object instanceof Mesh;
-}
-function disposeScene(scene) {
-  const materials = /* @__PURE__ */ new Set();
-  scene.traverse((object) => {
-    if (!isDisposableMesh(object)) return;
-    object.geometry.dispose();
-    const material = object.material;
-    if (Array.isArray(material)) {
-      for (const item of material) materials.add(item);
-      return;
-    }
-    materials.add(material);
-  });
-  for (const material of materials) material.dispose();
-}
-function InspectorPetCrab3D({
-  mood,
-  moving,
-  reduceMotion
-}) {
-  const canvasRef = reactExports.useRef(null);
-  const moodRef = reactExports.useRef(mood);
-  const movingRef = reactExports.useRef(moving);
-  const reduceMotionRef = reactExports.useRef(reduceMotion);
-  const [renderFailed, setRenderFailed] = reactExports.useState(false);
-  reactExports.useEffect(() => {
-    moodRef.current = mood;
-  }, [mood]);
-  reactExports.useEffect(() => {
-    movingRef.current = moving;
-  }, [moving]);
-  reactExports.useEffect(() => {
-    reduceMotionRef.current = reduceMotion;
-  }, [reduceMotion]);
-  reactExports.useEffect(() => {
-    const canvas = canvasRef.current;
-    if (canvas === null) return void 0;
-    let renderer;
-    try {
-      renderer = new WebGLRenderer({
-        alpha: true,
-        antialias: true,
-        canvas,
-        powerPreference: "low-power",
-        preserveDrawingBuffer: true
-      });
-    } catch {
-      setRenderFailed(true);
-      return void 0;
-    }
-    renderer.setClearColor(0, 0);
-    renderer.outputColorSpace = SRGBColorSpace;
-    renderer.toneMapping = ACESFilmicToneMapping;
-    renderer.toneMappingExposure = 1.18;
-    const scene = new Scene();
-    const camera = new OrthographicCamera(-3.65, 3.65, 3.65, -3.65, 0.1, 20);
-    camera.position.set(0, 0.05, 8);
-    camera.lookAt(0, 0, 0);
-    const parts = createCrabScene(scene);
-    const startedAt = window.performance.now();
-    let lastFrameAt = 0;
-    const renderFrame = (timestamp) => {
-      if (timestamp - lastFrameAt < 32) return;
-      lastFrameAt = timestamp;
-      const elapsed = (timestamp - startedAt) / 1e3;
-      const motionAllowed = !reduceMotionRef.current;
-      const gait = movingRef.current ? 1 : moodRef.current === "active" ? 0.42 : 0;
-      const idleMotion = motionAllowed ? Math.sin(elapsed * 0.85) : 0;
-      const stepMotion = motionAllowed ? Math.sin(elapsed * 3.4) : 0;
-      const clawGrip = motionAllowed ? dominantClawGrip(elapsed) : 0;
-      parts.root.position.y = idleMotion * 0.035 + Math.abs(stepMotion) * 0.055 * gait;
-      parts.root.rotation.y = -0.08 + idleMotion * 0.055;
-      parts.root.rotation.z = stepMotion * 0.028 * gait;
-      parts.dominantClaw.group.rotation.z = -clawGrip * 0.035;
-      for (const pincer of parts.dominantClaw.pincers) {
-        pincer.mesh.position.y = pincer.restY - pincer.direction * parts.dominantClaw.scale * 0.16 * clawGrip;
-        pincer.mesh.rotation.z = pincer.restRotationZ * (1 - clawGrip * 0.72);
-      }
-      for (const leg of parts.legs) {
-        leg.group.rotation.z = motionAllowed && gait > 0 ? Math.sin(elapsed * 4.25 + leg.phase) * 0.2 * leg.side * gait : 0;
-        leg.group.rotation.x = motionAllowed && gait > 0 ? stepMotion * 0.045 * gait : 0;
-      }
-      for (const eye of parts.eyes) {
-        const gaze = motionAllowed ? Math.sin(elapsed * 0.72 + eye.phase) : 0;
-        const lift = motionAllowed ? Math.cos(elapsed * 0.9 + eye.phase) : 0;
-        eye.group.rotation.z = gaze * 0.075;
-        eye.group.rotation.x = lift * 0.025;
-        eye.pupil.position.set(
-          eye.pupilRest.x + gaze * 0.055,
-          eye.pupilRest.y + lift * 0.025,
-          eye.pupilRest.z
-        );
-      }
-      const color = moodColor(moodRef.current);
-      parts.rimLight.color.setHex(color);
-      parts.rimLight.intensity = moodRef.current === "attention" ? 3.2 : 1.8;
-      parts.bodyMaterial.emissive.setHex(color);
-      parts.bodyMaterial.emissiveIntensity = moodRef.current === "active" ? 0.12 : 0.035;
-      renderer.render(scene, camera);
-    };
-    const resize = () => {
-      const width = Math.max(canvas.clientWidth, 1);
-      const height = Math.max(canvas.clientHeight, 1);
-      renderer.setDrawingBufferSize(width, height, Math.min(window.devicePixelRatio, 2));
-      renderer.render(scene, camera);
-    };
-    const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(resize);
-    if (resizeObserver === null) {
-      window.addEventListener("resize", resize);
-    } else {
-      resizeObserver.observe(canvas);
-    }
-    resize();
-    const handleContextLost = (event) => {
-      event.preventDefault();
-      setRenderFailed(true);
-    };
-    canvas.addEventListener("webglcontextlost", handleContextLost);
-    renderer.setAnimationLoop(renderFrame);
-    return () => {
-      renderer.setAnimationLoop(null);
-      if (resizeObserver === null) {
-        window.removeEventListener("resize", resize);
-      } else {
-        resizeObserver.disconnect();
-      }
-      canvas.removeEventListener("webglcontextlost", handleContextLost);
-      disposeScene(scene);
-      renderer.dispose();
-    };
-  }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "relative flex size-24 items-center justify-center", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "canvas",
-      {
-        ref: canvasRef,
-        className: renderFailed ? "hidden" : "block size-full bg-transparent",
-        "data-inspector-pet-canvas": "true"
-      }
-    ),
-    renderFailed && /* @__PURE__ */ jsxRuntimeExports.jsx(CrabLogo, { className: "size-22 text-amber-500 drop-shadow-[0_0_18px_rgba(245,158,11,0.28)]" })
-  ] });
-}
-const INSPECTOR_PET_ROAMING_STORAGE_KEY = "agent-inspector.pet.roaming";
-const INSPECTOR_PET_MIN_PAUSE_MS = 11e3;
-const INSPECTOR_PET_PAUSE_WINDOW_MS = 9e3;
-const INSPECTOR_PET_SCUTTLE_MS = 7200;
-const INSPECTOR_PET_PANEL_DISMISS_MS = 6e3;
-const INSPECTOR_PET_REACTION_MS = 760;
-const INSPECTOR_PET_DRAG_THRESHOLD = 4;
-const INSPECTOR_PET_TOP_LAYER_Z_INDEX = 2147483647;
-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 false;
-  try {
-    return window.localStorage.getItem(INSPECTOR_PET_ROAMING_STORAGE_KEY) === "1";
-  } catch {
-    return false;
-  }
-}
-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 [portalHost, setPortalHost] = reactExports.useState(null);
-  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 [scuttling, setScuttling] = reactExports.useState(false);
-  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(() => setPortalHost(document.body), []);
-  reactExports.useEffect(() => {
-    const nextViewport = readViewport();
-    setViewport(nextViewport);
-    setPosition(randomInspectorPetEdgePosition(nextViewport, 1));
-  }, []);
-  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 pauseTimeoutId = null;
-    let scuttleTimeoutId = null;
-    const scheduleScuttle = () => {
-      const delay = INSPECTOR_PET_MIN_PAUSE_MS + Math.random() * INSPECTOR_PET_PAUSE_WINDOW_MS;
-      pauseTimeoutId = window.setTimeout(() => {
-        setScuttling(true);
-        setPosition(
-          (current) => nextInspectorPetWalkingPosition(current, viewport, Math.random(), Math.random())
-        );
-        scuttleTimeoutId = window.setTimeout(() => {
-          setScuttling(false);
-          scheduleScuttle();
-        }, INSPECTOR_PET_SCUTTLE_MS);
-      }, delay);
-    };
-    scheduleScuttle();
-    return () => {
-      if (pauseTimeoutId !== null) window.clearTimeout(pauseTimeoutId);
-      if (scuttleTimeoutId !== null) window.clearTimeout(scuttleTimeoutId);
-    };
-  }, [dragging, reduceMotion, roaming, viewport]);
-  reactExports.useEffect(() => {
-    const handleResize = () => {
-      const nextViewport = readViewport();
-      setScuttling(false);
-      setViewport(nextViewport);
-      setPosition((current) => snapInspectorPetToCorner(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);
-    setScuttling(false);
-    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) => snapInspectorPetToCorner(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 handleToggleRoaming = reactExports.useCallback(() => {
-    setScuttling(false);
-    setRoaming((current) => !current);
-  }, []);
-  const petStyle = reactExports.useMemo(
-    () => ({
-      transform: `translate3d(${String(position.x)}px, ${String(position.y)}px, 0) scale(${dragging ? "1.04" : "1"})`,
-      transition: dragging ? "none" : scuttling ? `transform ${String(INSPECTOR_PET_SCUTTLE_MS)}ms cubic-bezier(0.22, 0.72, 0.32, 1)` : "transform 900ms cubic-bezier(0.22, 0.72, 0.32, 1)",
-      touchAction: "none"
-    }),
-    [dragging, position.x, position.y, scuttling]
-  );
-  const panelStyle = reactExports.useMemo(
-    () => ({ left: panelPosition.x, top: panelPosition.y }),
-    [panelPosition.x, panelPosition.y]
-  );
-  const roamingLabel = roaming ? "Pause pet roaming" : "Resume pet roaming";
-  if (portalHost === null) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
-  return reactDomExports.createPortal(
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: "pointer-events-none fixed inset-0 isolate",
-        style: { zIndex: INSPECTOR_PET_TOP_LAYER_Z_INDEX },
-        "data-inspector-pet-layer": "true",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              type: "button",
-              className: cn(
-                "pointer-events-auto fixed left-0 top-0 z-10 flex size-28 items-center justify-center bg-transparent text-foreground opacity-65 outline-none transition-[filter,opacity] duration-200 hover:opacity-100 hover:drop-shadow-[0_0_28px_rgba(245,158,11,0.32)] focus-visible:opacity-100 focus-visible:drop-shadow-[0_0_14px_rgba(251,191,36,0.72)]",
-                dragging ? "cursor-grabbing" : "cursor-grab"
-              ),
-              style: petStyle,
-              "data-pet-mood": status.mood,
-              "data-pet-moving": scuttling ? "true" : "false",
-              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 z-10 flex size-24 items-center justify-center",
-                    reactionVisible && "inspector-pet-patted"
-                  ),
-                  "aria-hidden": "true",
-                  children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      "span",
-                      {
-                        className: cn(
-                          "relative flex size-24 items-center justify-center",
-                          moodMotionClass(status.mood)
-                        ),
-                        children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "relative flex size-24 items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          InspectorPetCrab3D,
-                          {
-                            mood: status.mood,
-                            moving: scuttling && !dragging,
-                            reduceMotion
-                          }
-                        ) })
-                      }
-                    ),
-                    reactionVisible && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      Heart,
-                      {
-                        className: "inspector-pet-heart absolute -right-2 -top-3 size-5 fill-amber-400 text-amber-400"
-                      },
-                      reactionTick
-                    )
-                  ]
-                }
-              )
-            }
-          ),
-          panelVisible && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "div",
-            {
-              className: "pointer-events-auto fixed z-20 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-7 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 max-lg:size-10",
-                      onClick: handleToggleRoaming,
-                      "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` : scuttling ? "Scuttling" : roaming ? "Resting" : "Paused" })
-                ] })
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    portalHost
-  );
-}
-export {
-  InspectorPet
-};