@skyhook-io/radar-app 1.13.1 → 1.13.2

package/src/components/diagnose/target.test.ts

@@ -0,0 +1,39 @@
+import { describe, expect, it } from "vitest";
+
+import { formatInvestigationTarget, runTargetKey } from "./target";
+
+describe("investigation target identity", () => {
+  it("uses one running key for singular Kinds and plural resource names", () => {
+    expect(runTargetKey("Deployment", "prod", "api", "apps")).toBe(
+      runTargetKey("deployments", "prod", "api", "apps"),
+    );
+  });
+
+  it("keeps same-named resources in different API groups distinct", () => {
+    expect(runTargetKey("Service", "prod", "api", "")).not.toBe(
+      runTargetKey("services", "prod", "api", "serving.knative.dev"),
+    );
+  });
+
+  it("formats a non-core target with its Kubernetes-qualified Kind", () => {
+    expect(
+      formatInvestigationTarget({
+        kind: "Rollout",
+        group: "argoproj.io",
+        namespace: "prod",
+        name: "checkout",
+      }),
+    ).toBe("Rollout.argoproj.io prod/checkout");
+  });
+
+  it("keeps the core target label compact", () => {
+    expect(
+      formatInvestigationTarget({
+        kind: "Service",
+        group: "",
+        namespace: "prod",
+        name: "api",
+      }),
+    ).toBe("Service prod/api");
+  });
+});

package/src/components/diagnose/target.ts

@@ -0,0 +1,36 @@
+import { resourceKey } from "@skyhook-io/k8s-ui";
+
+import { kindToPluralWithGroup } from "../../utils/navigation";
+
+export interface InvestigationTargetIdentity {
+  kind: string;
+  /** Kubernetes API group; empty means core. */
+  group: string;
+  namespace: string;
+  name: string;
+}
+
+// Normalize the Kind/resource-name boundary before comparing a run returned by
+// the API (singular Kind) with a UI action (often a plural resource name).
+export function runTargetKey(
+  kind: string,
+  namespace: string,
+  name: string,
+  group: string,
+): string {
+  return resourceKey(
+    group,
+    kindToPluralWithGroup(kind, group),
+    namespace,
+    name,
+  );
+}
+
+// Keep the UI aligned with the CLI and the prompts: a non-core target is shown
+// as Kind.api.group, which is the Kubernetes-qualified identity users can copy.
+export function formatInvestigationTarget(
+  target: InvestigationTargetIdentity,
+): string {
+  const kind = target.group ? `${target.kind}.${target.group}` : target.kind;
+  return `${kind} ${target.namespace ? `${target.namespace}/` : ""}${target.name}`;
+}

package/src/components/diagnose/useDisclosureReveal.ts

@@ -0,0 +1,117 @@
+import { useCallback, useLayoutEffect, useRef } from "react";
+
+// Shared Collapse uses a 200 ms grid-row transition. Keep a small paint margin
+// before moving focus so the destination is stationary. Reduced-motion users get
+// an immediate disclosure and focus hand-off because Collapse disables motion.
+export const INVESTIGATION_DISCLOSURE_SETTLE_MS = 220;
+export function prefersReducedMotion(): boolean {
+  return (
+    typeof window !== "undefined" &&
+    typeof window.matchMedia === "function" &&
+    window.matchMedia("(prefers-reduced-motion: reduce)").matches
+  );
+}
+
+export function investigationDisclosureSettleDelay(
+  reducedMotion: boolean,
+): number {
+  return reducedMotion ? 0 : INVESTIGATION_DISCLOSURE_SETTLE_MS;
+}
+
+export function investigationDisclosureScrollTop({
+  scrollTop,
+  viewportTop,
+  viewportBottom,
+  disclosureTop,
+  disclosureBottom,
+  inset = 8,
+}: {
+  scrollTop: number;
+  viewportTop: number;
+  viewportBottom: number;
+  disclosureTop: number;
+  disclosureBottom: number;
+  inset?: number;
+}): number | undefined {
+  const visibleTop = viewportTop + inset;
+  const visibleBottom = viewportBottom - inset;
+  if (disclosureTop >= visibleTop && disclosureBottom <= visibleBottom) {
+    return undefined;
+  }
+  if (disclosureTop < visibleTop) {
+    return Math.max(0, scrollTop + disclosureTop - visibleTop);
+  }
+  const viewportHeight = visibleBottom - visibleTop;
+  const disclosureHeight = disclosureBottom - disclosureTop;
+  if (disclosureHeight <= viewportHeight) {
+    return Math.max(0, scrollTop + disclosureBottom - visibleBottom);
+  }
+  return Math.max(0, scrollTop + disclosureTop - visibleTop);
+}
+
+export function useDisclosureReveal<T extends HTMLElement>() {
+  const elementRef = useRef<T>(null);
+  const timerRef = useRef<number | undefined>(undefined);
+  useLayoutEffect(
+    () => () => {
+      if (timerRef.current !== undefined) {
+        window.clearTimeout(timerRef.current);
+      }
+    },
+    [],
+  );
+
+  const revealAfterToggle = useCallback((opening: boolean) => {
+    if (timerRef.current !== undefined) {
+      window.clearTimeout(timerRef.current);
+      timerRef.current = undefined;
+    }
+    if (!opening) return;
+    const settleDelay = investigationDisclosureSettleDelay(
+      prefersReducedMotion(),
+    );
+    const initialScroller = elementRef.current?.closest<HTMLElement>(
+      "[data-investigation-findings-scroll], [data-investigation-activity-scroll]",
+    );
+    const initialScrollTop = initialScroller?.scrollTop;
+    // Even reduced-motion disclosures need one task boundary so React can
+    // commit the open layout before it is measured.
+    timerRef.current = window.setTimeout(() => {
+      timerRef.current = undefined;
+      const element = elementRef.current;
+      if (!element) return;
+      const scroller = element.closest<HTMLElement>(
+        "[data-investigation-findings-scroll], [data-investigation-activity-scroll]",
+      );
+      // This component lives in a bounded Diagnose surface. Never fall back to
+      // scrolling the document (or an overflow-hidden ancestor), which can move
+      // the entire workspace and expose blank space below it.
+      if (!scroller) return;
+      // Expansion is delayed until Collapse has settled. If the reader scrolls
+      // during that interval, their newer intent wins over the automatic reveal.
+      if (
+        scroller === initialScroller &&
+        initialScrollTop !== undefined &&
+        Math.abs(scroller.scrollTop - initialScrollTop) > 2
+      ) {
+        return;
+      }
+      const viewport = scroller.getBoundingClientRect();
+      const disclosure = element.getBoundingClientRect();
+      const top = investigationDisclosureScrollTop({
+        scrollTop: scroller.scrollTop,
+        viewportTop: viewport.top,
+        viewportBottom: viewport.bottom,
+        disclosureTop: disclosure.top,
+        disclosureBottom: disclosure.bottom,
+      });
+      if (top === undefined) return;
+      scroller.scrollTo({
+        top,
+        behavior: settleDelay === 0 ? "auto" : "smooth",
+      });
+    }, settleDelay);
+  }, []);
+
+  return { elementRef, revealAfterToggle };
+}

package/src/components/home/MCPSetupDialog.tsx

@@ -204,14 +204,14 @@ export function MCPSetupDialog({ open, onClose, mcpUrl }: MCPSetupDialogProps) {
               <a href="https://modelcontextprotocol.io" target="_blank" rel="noopener noreferrer" className="text-purple-400 hover:text-purple-300 underline underline-offset-2">
                 Model Context Protocol
               </a>{' '}
-              (MCP) server that lets AI agents inspect, diagnose, and operate your cluster through Radar.
+              (MCP) server that lets AI agents inspect, investigate, and operate your cluster through Radar.
               Unlike raw kubectl access, Radar gives your AI pre-processed, enriched data —
               topology graphs, health assessments, deduplicated events, filtered logs — so it
               can understand your cluster state quickly without burning through context on
               verbose YAML output.
             </p>
             <p className="text-sm text-theme-text-secondary leading-relaxed">
-              Most read tools do not change cluster state. Live route diagnosis can create up
+              Most read tools do not change cluster state. An in-cluster route probe can create up
               to five self-deleting probe pods when explicitly requested. Write tools (restart,
               scale, sync, apply, node drain) are annotated as destructive so your AI client
               can flag them and prompt before running.

package/src/components/home/mcpToolCatalog.test.ts

@@ -0,0 +1,22 @@
+import { describe, expect, it } from 'vitest'
+import { MCP_TOOL_CATALOG } from './mcpToolCatalog'
+
+describe('diagnose catalog copy', () => {
+  const description = MCP_TOOL_CATALOG.find((tool) => tool.name === 'diagnose')?.desc
+
+  it('describes a bounded evidence bundle without promising complete sources or a verdict', () => {
+    expect(description).toContain('Bounded, point-in-time evidence bundle')
+    expect(description).toContain('not an agent run')
+    expect(description).toContain('not an authoritative root-cause verdict')
+    expect(description).toContain('attempts selected, capped current and previous logs where available')
+    expect(description).toContain('a capped warning-event sample')
+    expect(description).toContain('only when the evidence establishes one')
+    expect(description).not.toContain('One-call root-cause bundle')
+  })
+
+  it('documents group-qualified Argo Rollout evidence', () => {
+    const diagnose = MCP_TOOL_CATALOG.find((tool) => tool.name === 'diagnose')
+    expect(diagnose?.desc).toContain('Argo Rollout')
+    expect(diagnose?.params.find((param) => param.arg === 'group')?.desc).toContain('argoproj.io')
+  })
+})

package/src/components/home/mcpToolCatalog.ts

@@ -109,9 +109,10 @@ export const MCP_TOOL_CATALOG: MCPToolInfo[] = [
   },
   {
     name: 'diagnose',
-    desc: 'One-call root-cause bundle. Workloads get spec + resourceContext + current AND previous logs across pods + warning events + startup blockers; GitOps reconcilers, including Flux HelmRelease, get status summary + parsed related issues; network entry kinds (Service / Ingress / HTTPRoute / GRPCRoute / Gateway) get a path-shaped trace naming the first broken hop, with an optional one-shot reachability test.',
+    desc: 'Bounded, point-in-time evidence bundle for one narrowed target — not an agent run and not an authoritative root-cause verdict. For workloads, including Argo Rollout, Radar attempts selected, capped current and previous logs where available, alongside resource context, a capped warning-event sample, and startup blockers; GitOps reconcilers, including Flux HelmRelease, get status summary + parsed related issues; network entry kinds (Service / Ingress / HTTPRoute / GRPCRoute / Gateway) get a coverage-honest path trace that identifies a broken hop only when the evidence establishes one, with an optional one-shot reachability test.',
     params: [
-      { arg: 'kind', required: true, desc: 'pod, deployment, statefulset, daemonset, application, kustomization, Flux HelmRelease, service, ingress, httproute, grpcroute, or gateway' },
+      { arg: 'kind', required: true, desc: 'pod, deployment, statefulset, daemonset, Argo Rollout, application, kustomization, Flux HelmRelease, service, ingress, httproute, grpcroute, or gateway' },
+      { arg: 'group', desc: 'API group for CRDs or kind collisions (for example argoproj.io for Rollout); built-ins are inferred' },
       { arg: 'namespace', required: true, desc: 'resource namespace' },
       { arg: 'name', required: true, desc: 'resource name' },
       { arg: 'probe', desc: 'network kinds only: add active DNS/TCP/TLS/HTTP probes against the declared path (0-3s wall time)' },

package/src/components/issues/IssuesPane.tsx

@@ -1,7 +1,10 @@
 import { useMemo, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { useIssues } from "../../api/client";
-import { useAPIResources, karpenterCapacityAvailable } from "../../api/apiResources";
+import {
+  useAPIResources,
+  karpenterCapacityAvailable,
+} from "../../api/apiResources";
 import { useCapabilitiesContext } from "../../contexts/CapabilitiesContext";
 import { useConnection } from "../../context/ConnectionContext";
 import type { SelectedResource } from "../../types";
@@ -242,6 +245,7 @@ export function IssuesPane({
                 )}
                 <IssueDiagnoseButton
                   kind={issue.kind}
+                  group={issue.group}
                   namespace={issue.namespace ?? ""}
                   name={issue.name}
                 />

package/src/components/settings/SettingsDialog.tsx

@@ -107,7 +107,7 @@ interface SettingsDialogProps {
 //     the owner-gated footer and applied after restart.
 //   • Live integrations (Prometheus, cost source, Argo CD) — their own Apply/Connect endpoints
 //     re-point the running server; effect immediately, NOT part of footer dirty.
-//   • Self-saving preferences (cost currency, AI diagnose) — applied immediately.
+//   • Self-saving preferences (cost currency, AI investigations) — applied immediately.
 // Integration fields (prometheusUrl, argoCdUrl, argoCdInsecureTls) apply through
 // their own controls and are excluded here. Every field is normalized so
 // unset≡default doesn't read as a change.
@@ -139,7 +139,7 @@ export function SettingsDialog({
   const { data: versionInfo } = useVersionCheck()
   // Radar configuration (kubeconfig, port, integrations…) is host-level and
   // affects every user of this instance, so it's gated to owners. Personal
-  // sections (My permissions, AI diagnose) stay usable by everyone. Non-Cloud
+  // sections (My permissions, AI investigations) stay usable by everyone. Non-Cloud
   // callers (OSS, OIDC, kubectl plugin) have no role and pass — single-user
   // laptops are never locked out of their own config. Backend enforces this too.
   const { canAtLeast } = useCloudRole()
@@ -163,9 +163,7 @@ export function SettingsDialog({
     open && section === 'argocd'
   )
 
-  // AI Diagnosis prefs are client-side (localStorage) and now SELF-SAVING: the
-  // section has its own Save that commits the draft to DiagnoseContext, so it's
-  // independent of the owner-gated footer. The draft is snapshotted on open.
+  // Local AI preferences save independently of the owner-gated server settings.
   const diag = useDiagnose()
   const aiAvailable = diag.available && diag.agents.length > 0
   const [aiDraft, setAiDraft] = useState<AIDraft>({
@@ -443,7 +441,7 @@ export function SettingsDialog({
   // Flat, un-grouped nav ordered as a narrative — at-a-glance, then you, then how
   // Radar connects, then data integrations, then AI, then advanced. The
   // per-section captions carry the restart-vs-live semantics, so group labels
-  // would only add visual weight. AI diagnose is always shown (the section
+  // would only add visual weight. AI investigations is always shown (the section
   // explains how to enable it when no agent CLI is installed).
   const navItems: NavItemDef[] = [
     { id: 'overview', label: 'Overview', icon: LayoutDashboard, ownerOnly: false, dirty: false },
@@ -452,7 +450,7 @@ export function SettingsDialog({
     { id: 'prometheus', label: 'Metrics', icon: Activity, ownerOnly: true, dirty: false },
     { id: 'cost', label: 'Cost', icon: Coins, ownerOnly: true, dirty: costIntegrationDirty },
     { id: 'argocd', label: 'Argo CD', icon: GitBranch, ownerOnly: true, dirty: false },
-    { id: 'ai', label: 'AI diagnose', icon: Sparkles, ownerOnly: false, dirty: aiDirty },
+    { id: 'ai', label: 'AI investigations', icon: Sparkles, ownerOnly: false, dirty: aiDirty },
     { id: 'advanced', label: 'Advanced', icon: SlidersHorizontal, ownerOnly: true, dirty: advancedDirty },
   ]
 
@@ -722,16 +720,16 @@ export function SettingsDialog({
               />
             </SectionPane>
 
-            {/* AI diagnose — self-saving, usable by everyone. Same heading block
+            {/* AI investigations — self-saving, usable by everyone. Same heading block
                 as every other tab; the body is the agent controls (when a CLI is
                 installed) or an enable explainer (when not). */}
             <div className={clsx(section !== 'ai' && 'hidden')} role="tabpanel" inert={section !== 'ai' || undefined}>
               <div className="mb-4">
-                <h3 className="text-base font-semibold text-theme-text-primary">AI diagnose</h3>
+                <h3 className="text-base font-semibold text-theme-text-primary">AI investigations</h3>
                 <p className="mt-0.5 text-xs text-theme-text-tertiary">
                   {diag.hosted
-                    ? `Investigate incidents with ${diag.agentLabel} — reading logs, events, and topology to explain what's wrong.`
-                    : "Investigate incidents with an AI agent that runs on your own machine — reading logs, events, and topology to explain what's wrong. No Radar cloud, no API key."}
+                    ? `Investigate incidents with ${diag.agentLabel} — reading logs, events, and topology to understand what's happening.`
+                    : "Investigate incidents with an AI agent that runs on your own machine — reading logs, events, and topology to understand what's happening. No Radar cloud, no API key."}
                 </p>
               </div>
               {aiAvailable ? (
@@ -1140,7 +1138,7 @@ function OverviewPanel({ active, onNavigate }: { active: boolean; onNavigate: (s
       copyable: mcpOn,
     },
     {
-      id: 'ai', icon: Sparkles, label: 'AI diagnose',
+      id: 'ai', icon: Sparkles, label: 'AI investigations',
       tone: aiAvailable ? 'ok' : 'off',
       value: aiAvailable ? 'Ready' : 'No agent CLI',
       detail: aiAvailable ? agentLabel : undefined,
@@ -1220,7 +1218,7 @@ function OverviewStatus({ tone }: { tone: OverviewTone }) {
   return <span className={clsx('w-2 h-2 rounded-full shrink-0', cls)} />
 }
 
-// AIUnavailableNotice is the body of the AI diagnose tab when no supported agent
+// AIUnavailableNotice is the body of the AI investigations tab when no supported agent
 // CLI is installed — the heading/description are provided by the tab itself, so
 // this is just the enable explainer (keeping the feature discoverable to whoever
 // would set it up).

package/src/components/workload/WorkloadView.tsx

@@ -1795,7 +1795,7 @@ function DiagnoseFromWorkloadHint({
 }) {
   if (services.length === 0) return null
   return (
-    <Section title="Diagnose network path">
+    <Section title="Trace network path">
       <div className="flex items-start gap-2 text-xs text-theme-text-secondary">
         <Stethoscope className="w-4 h-4 mt-0.5 shrink-0 text-theme-text-tertiary" aria-hidden />
         <div className="flex-1 min-w-0">

package/src/context/DiagnoseCustomization.tsx

@@ -1,24 +1,26 @@
-// Slot-based injection of a resource-level "Diagnose" action, and of the
+// Slot-based injection of a resource-level "Investigate" action, and of the
 // consent card's trust copy.
 //
-// Lets an embedding host (e.g. Radar Hub) inject a "Diagnose with AI" button
+// Lets an embedding host (e.g. Radar Hub) inject an "Investigate with AI" button
 // into every resource detail action bar — without forking WorkloadView or the
 // shared ResourceActionsBar. The host returns whatever node should render in
 // the action bar's right-aligned universal-actions area, given the resource
 // context.
 //
-// Default (no provider): Radar renders no Diagnose button — OSS stays
+// Default (no provider): Radar renders no Investigate button — OSS stays
 // agent-free.
-import { createContext, useContext, useMemo } from 'react';
-import type { ReactNode } from 'react';
+import { createContext, useContext, useMemo } from "react";
+import type { ReactNode } from "react";
 
-/** Render prop for the resource-level Diagnose action. */
+/** Render prop for the resource-level Investigate action. */
 export type RenderDiagnoseAction = (ctx: {
   kind: string;
+  /** Kubernetes API group; empty means core. */
+  group?: string;
   namespace: string;
   name: string;
   /** Coarse health of the resource (from its status badge), so the entry point can
-   *  adapt: an urgent "Diagnose" on a problem vs. a quiet "ask AI" when fine/unknown. */
+   *  adapt: an urgent "Investigate" on a problem vs. a quiet "ask AI" when fine/unknown. */
   health?: "problem" | "healthy" | "unknown";
 }) => ReactNode;
 
@@ -62,7 +64,8 @@ const DEFAULTS: DiagnoseCustomization = {
   onOpenSettings: undefined,
 };
 
-const DiagnoseCustomizationContext = createContext<DiagnoseCustomization>(DEFAULTS);
+const DiagnoseCustomizationContext =
+  createContext<DiagnoseCustomization>(DEFAULTS);
 
 export function DiagnoseCustomizationProvider({
   value,

package/src/index.css

@@ -1,4 +1,5 @@
 @import "tailwindcss";
+
 /*
  * Tailwind v4 JIT scans only sources under this CSS file's package (web/).
  * k8s-ui is a workspace package whose TSX files also use Tailwind classes;
@@ -15,6 +16,25 @@
 @import "@fontsource-variable/dm-sans";
 @import "@fontsource/dm-mono";
 
+@container investigation (min-width: 1000px) {
+  .investigation-split-enabled .investigation-evidence-jump { display: none; }
+}
+
+@layer components {
+  .investigation-assessment {
+    background: var(--color-investigation-assessment);
+    border-color: var(--color-investigation-assessment-border);
+  }
+  .investigation-evidence {
+    background: var(--color-investigation-evidence);
+    border-color: var(--color-investigation-evidence-border);
+  }
+  .investigation-next-steps {
+    background: var(--color-investigation-next-steps);
+    border-color: var(--color-investigation-next-steps-border);
+  }
+}
+
 /*
  * Tailwind v4 theme tokens. Migrated from the legacy v3 tailwind.config.js
  * to CSS-first @theme so library consumers (e.g. radar-hub-web) don't need
@@ -22,6 +42,12 @@
  * when they consume this package from npm.
  */
 @theme {
+  --color-investigation-assessment: light-dark(#edf3fc, #182237);
+  --color-investigation-assessment-border: light-dark(#d3dff0, #2b3b56);
+  --color-investigation-evidence: light-dark(#f3f0fa, #211e30);
+  --color-investigation-evidence-border: light-dark(#e0d8ee, #39314b);
+  --color-investigation-next-steps: light-dark(#edf6f5, #172a2c);
+  --color-investigation-next-steps-border: light-dark(#cfe4e0, #2a4546);
   /* Fonts — DM Sans for UI, DM Mono for code/metric panes. */
   --font-sans: "DM Sans Variable", "DM Sans", system-ui, sans-serif;
   --font-mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
@@ -44,8 +70,8 @@
   --color-accent: var(--accent);
 
   /* Border radius — rounder than Tailwind defaults to match the brand. */
-  --radius: 0.375rem;    /* default (was 0.25rem) */
-  --radius-md: 0.5rem;   /* was 0.375rem */
+  --radius: 0.375rem; /* default (was 0.25rem) */
+  --radius-md: 0.5rem; /* was 0.375rem */
   --radius-lg: 0.625rem; /* was 0.5rem */
   --radius-xl: 0.875rem; /* was 0.75rem */
 
@@ -54,12 +80,26 @@
 }
 
 @keyframes fadeInOut {
-  0%, 100% { opacity: 0; transform: translateY(-8px); }
-  15%, 85% { opacity: 1; transform: translateY(0); }
+  0%,
+  100% {
+    opacity: 0;
+    transform: translateY(-8px);
+  }
+  15%,
+  85% {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 /* Global: pointer cursor for all interactive elements */
-button, [role="button"], a, label, select, summary, [tabindex]:not([tabindex="-1"]) {
+button,
+[role="button"],
+a,
+label,
+select,
+summary,
+[tabindex]:not([tabindex="-1"]) {
   cursor: pointer;
 }
 
@@ -69,7 +109,7 @@ button, [role="button"], a, label, select, summary, [tabindex]:not([tabindex="-1
 
 :root {
   /* Font settings */
-  font-family: 'DM Sans Variable', 'DM Sans', system-ui, sans-serif;
+  font-family: "DM Sans Variable", "DM Sans", system-ui, sans-serif;
   line-height: 1.5;
   font-weight: 400;
 }
@@ -91,7 +131,6 @@ body {
   flex-direction: column;
 }
 
-
 /* ============================================
    REACT FLOW CUSTOMIZATIONS
    ============================================ */
@@ -218,8 +257,14 @@ body {
 }
 
 @keyframes slide-out-to-right {
-  from { transform: translateX(0); opacity: 1; }
-  to { transform: translateX(100%); opacity: 0; }
+  from {
+    transform: translateX(0);
+    opacity: 1;
+  }
+  to {
+    transform: translateX(100%);
+    opacity: 0;
+  }
 }
 
 .animate-out {
@@ -271,8 +316,12 @@ body {
 }
 
 @keyframes status-enter {
-  from { opacity: 0; }
-  to { opacity: 1; }
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 .animate-status-enter {
   animation: status-enter 140ms ease-out both;
@@ -315,24 +364,8 @@ body {
 
 /* Synthesis "thinking" dot — a calm breathing pulse (not a spinner) for the staged
    pre-verdict beats. */
-@keyframes synth-pulse {
-  0%,
-  100% {
-    opacity: 0.35;
-    transform: scale(0.85);
-  }
-  50% {
-    opacity: 1;
-    transform: scale(1.15);
-  }
-}
-.animate-synth-pulse {
-  animation: synth-pulse 1.1s ease-in-out infinite;
-}
-
-/* Result-reveal choreography. The card eases in; the root-cause label gets an accent
-   underline that sweeps out; the whole card pulses its accent border once to mark
-   "diagnosis ready." Sequenced via animation-delay relative to one mount. */
+/* Results enter with the same short spatial motion as new transcript/evidence rows.
+   Avoid pulsing glows or staged pauses: the evidence itself should carry emphasis. */
 @keyframes result-in {
   from {
     opacity: 0;
@@ -346,51 +379,6 @@ body {
 .animate-result-in {
   animation: result-in 320ms cubic-bezier(0.16, 1, 0.3, 1) both;
 }
-@keyframes underline-sweep {
-  from {
-    transform: scaleX(0);
-  }
-  to {
-    transform: scaleX(1);
-  }
-}
-.animate-underline-sweep {
-  transform-origin: left;
-  animation: underline-sweep 460ms cubic-bezier(0.16, 1, 0.3, 1) 120ms both;
-}
-/* Richer verdict reveal — a colored ring around the border plus an UNEVEN, breathing
-   outer glow (two soft peaks), held longer (~2.4s). Tinted per verdict via --glow
-   (amber root-cause, emerald healthy, accent remediation, slate inconclusive). */
-@keyframes verdict-reveal {
-  0% {
-    box-shadow:
-      0 0 0 0 color-mix(in oklab, var(--glow, var(--accent)) 0%, transparent),
-      0 0 0 0 transparent;
-  }
-  18% {
-    box-shadow:
-      0 0 0 1px color-mix(in oklab, var(--glow, var(--accent)) 60%, transparent),
-      0 0 20px 2px color-mix(in oklab, var(--glow, var(--accent)) 42%, transparent);
-  }
-  44% {
-    box-shadow:
-      0 0 0 1px color-mix(in oklab, var(--glow, var(--accent)) 32%, transparent),
-      0 0 10px 1px color-mix(in oklab, var(--glow, var(--accent)) 20%, transparent);
-  }
-  68% {
-    box-shadow:
-      0 0 0 1px color-mix(in oklab, var(--glow, var(--accent)) 50%, transparent),
-      0 0 24px 3px color-mix(in oklab, var(--glow, var(--accent)) 38%, transparent);
-  }
-  100% {
-    box-shadow:
-      0 0 0 0 transparent,
-      0 0 0 0 transparent;
-  }
-}
-.animate-verdict-reveal {
-  animation: verdict-reveal 2400ms cubic-bezier(0.32, 0.72, 0, 1) 120ms both;
-}
 @media (prefers-reduced-motion: reduce) {
   .ai-shimmer {
     animation: none;
@@ -398,10 +386,7 @@ body {
     -webkit-text-fill-color: currentColor;
     color: var(--text-secondary);
   }
-  .animate-synth-pulse,
-  .animate-result-in,
-  .animate-underline-sweep,
-  .animate-verdict-reveal {
+  .animate-result-in {
     animation: none;
   }
 }
@@ -428,7 +413,6 @@ body {
   animation: slide-in-from-right 0.2s ease-out;
 }
 
-
 /* ============================================
    XTERM TERMINAL STYLES
    ============================================ */

package/src/index.ts

@@ -31,7 +31,7 @@ export type {
   DiagnoseConsentCopy,
 } from './context/DiagnoseCustomization';
 
-// Standalone AI-diagnose surface — mount the investigation panel outside a
+// Standalone AI investigation surface — mount the investigation panel outside a
 // full <RadarApp>. No router dependency, no client-side cluster state: the
 // backend set via setApiBase() picks the cluster, so hosts remount
 // <DiagnoseProvider key={cluster}> to switch. Mount order: ThemeProvider >