@skyhook-io/radar-app 1.14.2 → 1.14.3

package/src/components/diagnose/investigationEvidence/bodies/streams.tsx

@@ -0,0 +1,212 @@
+import { VISIBLE_LOG_EVIDENCE_LINES } from "../excerpt";
+import { useContext } from "react";
+import {
+  Badge,
+  DiffViewer,
+  TerminalBlock,
+  formatRelativeAgeTime,
+  ResourceLink,
+  stripAnsi,
+} from "@skyhook-io/k8s-ui";
+import { apiVersionToGroup } from "../../../../utils/navigation";
+import { Tooltip } from "../../../ui/Tooltip";
+import { EvidenceNavigationContext } from "../navigation";
+import type { EvidenceDataOf } from "../cardParts";
+
+export { VISIBLE_LOG_EVIDENCE_LINES } from "../excerpt";
+
+export function LogsBody({
+  data,
+  condensed = false,
+}: {
+  data: EvidenceDataOf<"logs">;
+  condensed?: boolean;
+}) {
+  const lines = data.logs?.lines ?? [];
+  const visibleLines = lines
+    .slice(-VISIBLE_LOG_EVIDENCE_LINES)
+    .map((line) => stripAnsi(line));
+  const omittedLines = lines.length - visibleLines.length;
+  return (
+    <div className="space-y-2">
+      <div className="flex flex-wrap items-center gap-1.5">
+        {condensed ? null : (
+          <>
+            <Badge tone="structural" size="sm">
+              {data.pod} / {data.container}
+            </Badge>
+            <Badge severity="neutral" size="sm">
+              {data.previous ? "previous instance" : "current instance"}
+            </Badge>
+          </>
+        )}
+        {data.logs?.fallback ? (
+          <Badge severity="neutral" size="sm">
+            Log tail · filter matched nothing
+          </Badge>
+        ) : null}
+        {data.logs ? (
+          <span className="text-xs text-theme-text-tertiary">
+            {data.logs.matchedLines} of {data.logs.totalLines} read lines
+            matched the filter
+          </span>
+        ) : null}
+      </div>
+      {condensed ? (
+        omittedLines > 0 ? (
+          <p className="text-xs text-theme-text-tertiary">
+            Showing the last {visibleLines.length} of {lines.length} lines.
+          </p>
+        ) : null
+      ) : visibleLines.length > 0 ? (
+        <TerminalBlock
+          label={
+            omittedLines > 0
+              ? `Selected log excerpt · last ${visibleLines.length} of ${lines.length} lines`
+              : "Selected log excerpt"
+          }
+        >
+          {visibleLines.join("\n")}
+        </TerminalBlock>
+      ) : (
+        <p className="text-xs italic text-theme-text-tertiary">
+          No lines were captured from this stream.
+        </p>
+      )}
+      {data.error ? (
+        <p className="text-xs leading-relaxed text-red-400">{data.error}</p>
+      ) : null}
+      {data.warnings.map((warning) => (
+        <p key={warning} className="text-xs text-warning-text">
+          {warning}
+        </p>
+      ))}
+    </div>
+  );
+}
+
+export function EventsBody({ data }: { data: EvidenceDataOf<"events"> }) {
+  return (
+    <div>
+      <p className="mb-2 text-xs text-theme-text-tertiary">{data.scope}</p>
+      <ol className="max-h-[28rem] space-y-0 overflow-y-auto pr-1">
+        {data.events.map((event, index) => (
+          <li
+            key={`${event.reason}-${event.lastTimestamp}-${index}`}
+            className="relative flex gap-3 pb-3 last:pb-0"
+          >
+            {index < data.events.length - 1 ? (
+              <span className="absolute bottom-0 left-[5px] top-3 w-px bg-theme-border" />
+            ) : null}
+            <span className="relative mt-1.5 h-2.5 w-2.5 shrink-0 rounded-full border-2 border-amber-500 bg-theme-surface" />
+            <div className="min-w-0 flex-1">
+              <div className="flex flex-wrap items-baseline justify-between gap-x-3 gap-y-0.5">
+                <span className="text-xs font-semibold text-theme-text-primary">
+                  {event.reason}
+                  {event.count > 1 ? (
+                    <span className="ml-1.5 font-mono text-[11px] font-normal text-theme-text-tertiary">
+                      ×{event.count}
+                    </span>
+                  ) : null}
+                </span>
+                <Tooltip
+                  content={new Date(event.lastTimestamp).toLocaleString()}
+                  delay={150}
+                  position="left"
+                >
+                  <time
+                    dateTime={event.lastTimestamp}
+                    className="text-xs text-theme-text-tertiary"
+                  >
+                    {formatRelativeAgeTime(event.lastTimestamp)}
+                  </time>
+                </Tooltip>
+              </div>
+              <p className="mt-0.5 text-xs leading-relaxed text-theme-text-secondary">
+                {event.message}
+              </p>
+            </div>
+          </li>
+        ))}
+      </ol>
+    </div>
+  );
+}
+
+export function ChangesBody({ data }: { data: EvidenceDataOf<"changes"> }) {
+  const { onOpenResource } = useContext(EvidenceNavigationContext);
+  return (
+    <div className="space-y-2.5">
+      {data.changeContext?.evidence ? (
+        <p className="text-xs leading-relaxed text-theme-text-secondary [overflow-wrap:anywhere]">
+          {data.changeContext.evidence}
+        </p>
+      ) : null}
+      {data.changes.map((change, index) => (
+        <div
+          key={`${change.kind}-${change.namespace ?? ""}-${change.name}-${change.timestamp}-${index}`}
+          className="rounded-md border border-theme-border/70 bg-theme-base/30 p-2.5"
+        >
+          <div className="flex flex-wrap items-center gap-1.5">
+            <Badge tone="structural" size="sm">
+              {change.kind}
+            </Badge>
+            <span className="font-mono text-xs">
+              <ResourceLink
+                name={change.name}
+                kind={change.kind}
+                namespace={change.namespace ?? ""}
+                group={
+                  change.apiVersion
+                    ? apiVersionToGroup(change.apiVersion)
+                    : undefined
+                }
+                label={`${change.namespace ? `${change.namespace}/` : ""}${change.name}`}
+                onNavigate={
+                  change.apiVersion && onOpenResource
+                    ? (ref) => onOpenResource(ref)
+                    : undefined
+                }
+              />
+            </span>
+            <Badge tone="note" size="sm">
+              {change.changeType.replaceAll("_", " ")}
+            </Badge>
+            <Tooltip
+              content={new Date(change.timestamp).toLocaleString()}
+              delay={150}
+              position="left"
+              wrapperClassName="ml-auto"
+            >
+              <time
+                dateTime={change.timestamp}
+                className="text-xs text-theme-text-tertiary"
+              >
+                {formatRelativeAgeTime(change.timestamp)}
+              </time>
+            </Tooltip>
+          </div>
+          {change.summary ? (
+            <p className="mt-1.5 text-xs text-theme-text-secondary">
+              {change.summary}
+            </p>
+          ) : null}
+          {change.fields?.length ? (
+            <div className="mt-2">
+              <DiffViewer
+                diff={{
+                  summary: `${change.fields.length} changed ${change.fields.length === 1 ? "field" : "fields"}`,
+                  fields: change.fields.map((field) => ({
+                    path: field.path,
+                    oldValue: field.oldValue ?? null,
+                    newValue: field.newValue ?? null,
+                  })),
+                }}
+              />
+            </div>
+          ) : null}
+        </div>
+      ))}
+    </div>
+  );
+}

package/src/components/diagnose/investigationEvidence/bodies/workload.tsx

@@ -0,0 +1,335 @@
+import { useContext } from "react";
+import { clsx } from "clsx";
+import { Info } from "lucide-react";
+import {
+  Badge,
+  StatusDot,
+  TerminalBlock,
+  displayKind,
+  HPADiagnosisSummary,
+  ResourceLink,
+} from "@skyhook-io/k8s-ui";
+import type {
+  DiagnosisResourceContext,
+  DiagnosisResourceRef,
+  DiagnosisScalerRef,
+} from "../../diagnoseEvidenceTypes";
+import { InvestigationResourceEvidence } from "../../InvestigationResourceEvidence";
+import { EvidenceNavigationContext } from "../navigation";
+import {
+  type EvidenceDataOf,
+  ResourceFact,
+  conditionStatusTone,
+  gitOpsValueSeverity,
+  severityBadge,
+} from "../cardParts";
+
+export function IssueBody({
+  data,
+  cardSummary,
+}: {
+  data: EvidenceDataOf<"issue">;
+  cardSummary?: string;
+}) {
+  const issue = data.issue;
+  const showCause =
+    Boolean(issue.cause) && issue.cause?.trim() !== cardSummary?.trim();
+  const showMessage =
+    Boolean(issue.message) &&
+    issue.message?.trim() !== cardSummary?.trim() &&
+    issue.message?.trim() !== issue.cause?.trim();
+  return (
+    <div className="space-y-2">
+      <div className="flex flex-wrap gap-1.5">
+        <Badge
+          severity={issue.severity === "critical" ? "error" : "warning"}
+          size="sm"
+        >
+          {issue.severity}
+        </Badge>
+        <Badge tone="structural" size="sm">
+          {issue.kind}
+        </Badge>
+        <Badge tone="structural" size="sm">
+          {issue.namespace ? `${issue.namespace}/` : ""}
+          {issue.name}
+        </Badge>
+        {data.pods && data.pods.length > 0 ? (
+          <>
+            <Badge tone="structural" size="sm">
+              {data.pods.length === 1 ? "1 Pod" : `${data.pods.length} Pods`}
+            </Badge>
+            {data.pods.map((pod) => (
+              <Badge key={pod} tone="structural" size="sm">
+                {pod}
+              </Badge>
+            ))}
+          </>
+        ) : null}
+      </div>
+      {showCause ? (
+        <p className="text-sm font-medium leading-relaxed text-theme-text-primary">
+          {issue.cause}
+        </p>
+      ) : null}
+      {showMessage ? (
+        <p className="text-xs leading-relaxed text-theme-text-secondary">
+          {issue.message}
+        </p>
+      ) : null}
+    </div>
+  );
+}
+
+export function StartupBody({ data }: { data: EvidenceDataOf<"startup"> }) {
+  const blocker = data.blocker;
+  const pods = data.pods && data.pods.length > 1 ? data.pods : [blocker.name];
+  return (
+    <div className="space-y-2">
+      <div className="flex flex-wrap gap-1.5">
+        <Badge tone="structural" size="sm">
+          {pods.length > 1 ? `${pods.length} ${blocker.kind}s` : blocker.kind}
+        </Badge>
+        {pods.map((pod) => (
+          <Badge key={pod} tone="structural" size="sm">
+            {pod}
+          </Badge>
+        ))}
+        <Badge severity={severityBadge(blocker.severity)} size="sm">
+          {blocker.severity}
+        </Badge>
+      </div>
+      <p className="text-sm leading-relaxed text-theme-text-primary">
+        {blocker.message}
+      </p>
+    </div>
+  );
+}
+
+export function CrashBody({ data }: { data: EvidenceDataOf<"crash"> }) {
+  const crash = data.crash;
+  return (
+    <div className="space-y-2.5">
+      <div className="flex flex-wrap gap-1.5">
+        <Badge severity="error" size="sm">
+          {crash.reason || crash.state}
+        </Badge>
+        <Badge tone="structural" size="sm">
+          exit {crash.exitCode}
+        </Badge>
+        <Badge tone="structural" size="sm">
+          {crash.container}
+        </Badge>
+      </div>
+      <p className="text-xs text-theme-text-tertiary">
+        {crash.pods.join(", ")} · {crash.logSource.replaceAll("_", " ")}
+      </p>
+      <TerminalBlock label="Selected crash line">{crash.logLine}</TerminalBlock>
+    </div>
+  );
+}
+
+export function ResourceBody({ data }: { data: EvidenceDataOf<"resource"> }) {
+  const replicas = data.resourceContext?.workloadSummary?.replicas;
+  // SealedSecret's dedicated body renders the resource's conditions beside
+  // its controller state, so repeating the derived summary here adds noise.
+  const conditions =
+    data.resource.kind.toLowerCase() === "sealedsecret"
+      ? []
+      : (data.resourceContext?.statusSummary?.conditions ?? []);
+  const desired = replicas?.desired;
+  const ready = replicas ? (replicas.ready ?? 0) : undefined;
+  const shortfall =
+    desired !== undefined && ready !== undefined && ready < desired;
+  const scalers = diagnosedScalers(data.resourceContext);
+  return (
+    <div className="space-y-3">
+      <InvestigationResourceEvidence resource={data.resource} />
+      {data.gitOpsDiagnosis ? (
+        <GitOpsStatusBody status={data.gitOpsDiagnosis} />
+      ) : null}
+      {desired !== undefined && ready !== undefined ? (
+        <dl className="flex flex-wrap gap-x-6 gap-y-2 text-xs">
+          <div>
+            <dt className="text-theme-text-tertiary">Ready replicas</dt>
+            <dd
+              className={clsx(
+                "font-mono font-semibold tabular-nums",
+                shortfall ? "text-warning-text" : "text-theme-text-primary",
+              )}
+            >
+              {ready}/{desired}
+            </dd>
+          </div>
+          <ResourceFact label="Available" value={replicas?.available} />
+          <ResourceFact label="Updated" value={replicas?.updated} />
+          <ResourceFact label="Unavailable" value={replicas?.unavailable} />
+          <ResourceFact
+            label="Phase"
+            value={data.resourceContext?.statusSummary?.phase}
+          />
+        </dl>
+      ) : null}
+      {conditions.length > 0 ? (
+        <div>
+          <div className="mb-1.5 text-xs font-semibold uppercase tracking-wide text-theme-text-tertiary">
+            Conditions
+          </div>
+          <div className="max-h-52 space-y-1.5 overflow-y-auto pr-1">
+            {conditions.map((condition) => (
+              <div
+                key={`${condition.type}-${condition.status}-${condition.reason ?? ""}`}
+                className="flex min-w-0 items-start gap-2 text-xs"
+              >
+                <StatusDot
+                  tone={conditionStatusTone(condition)}
+                  className="mt-1 shrink-0"
+                />
+                <p className="min-w-0 text-theme-text-secondary">
+                  <span className="font-medium text-theme-text-primary">
+                    {condition.type}={condition.status}
+                  </span>
+                  {condition.reason ? ` · ${condition.reason}` : ""}
+                  {condition.message ? ` — ${condition.message}` : ""}
+                </p>
+              </div>
+            ))}
+          </div>
+        </div>
+      ) : null}
+      {scalers.length > 0 ? (
+        <ScaledBySection
+          scalers={scalers}
+          allScalers={data.resourceContext?.scaledBy ?? []}
+        />
+      ) : null}
+      {data.warnings.length > 0 ? (
+        <ul className="space-y-1 text-xs text-theme-text-secondary">
+          {data.warnings.map((warning) => (
+            <li key={warning} className="flex items-start gap-1.5">
+              <Info className="mt-0.5 h-3.5 w-3.5 shrink-0 text-theme-text-tertiary" />
+              <span>{warning}</span>
+            </li>
+          ))}
+        </ul>
+      ) : null}
+    </div>
+  );
+}
+
+type DiagnosedScaler = DiagnosisScalerRef &
+  Required<Pick<DiagnosisScalerRef, "hpaSummary">>;
+
+export function diagnosedScalers(
+  context: DiagnosisResourceContext | undefined,
+): DiagnosedScaler[] {
+  return (context?.scaledBy ?? []).filter(
+    (scaler): scaler is DiagnosedScaler => scaler.hpaSummary !== undefined,
+  );
+}
+
+function ScaledBySection({
+  scalers,
+  allScalers,
+}: {
+  scalers: DiagnosedScaler[];
+  allScalers: DiagnosisScalerRef[];
+}) {
+  const { onOpenResource } = useContext(EvidenceNavigationContext);
+  // The ScaledObject is only a link when Radar listed it as a scaler too; a
+  // name read off the HPA's owner reference alone is not a resource we hold.
+  const listedScaler = (ref: DiagnosisResourceRef) =>
+    allScalers.some(
+      (scaler) =>
+        scaler.kind === ref.kind &&
+        scaler.name === ref.name &&
+        (scaler.namespace ?? "") === (ref.namespace ?? ""),
+    );
+  return (
+    <div>
+      <div className="mb-1.5 text-xs font-semibold uppercase tracking-wide text-theme-text-tertiary">
+        Scaled by
+      </div>
+      <div className="space-y-2">
+        {scalers.map((scaler) => (
+          <HPADiagnosisSummary
+            key={`${scaler.namespace ?? ""}/${scaler.name}`}
+            diagnosis={scaler.hpaSummary}
+            variant="inline"
+            header={
+              <>
+                <span className="font-medium text-theme-text-primary">
+                  {displayKind(scaler.kind)} {scaler.name}
+                </span>
+                {scaler.managedBy ? (
+                  <span className="text-theme-text-tertiary">
+                    managed by KEDA {displayKind(scaler.managedBy.kind)}{" "}
+                    <ResourceLink
+                      name={scaler.managedBy.name}
+                      kind={scaler.managedBy.kind}
+                      namespace={scaler.managedBy.namespace ?? ""}
+                      group={scaler.managedBy.group}
+                      onNavigate={
+                        onOpenResource && listedScaler(scaler.managedBy)
+                          ? (ref) => onOpenResource(ref)
+                          : undefined
+                      }
+                    />
+                  </span>
+                ) : null}
+              </>
+            }
+          />
+        ))}
+      </div>
+    </div>
+  );
+}
+
+function GitOpsStatusBody({
+  status,
+}: {
+  status: NonNullable<EvidenceDataOf<"resource">["gitOpsDiagnosis"]>;
+}) {
+  const fields = [
+    ["Sync", status.sync],
+    ["Health", status.health],
+    ["Operation", status.operationPhase],
+    ["Ready", status.ready],
+  ] as const;
+  return (
+    <div className="rounded-md border border-theme-border bg-theme-base/40 p-2.5">
+      <div className="mb-2 flex flex-wrap items-center gap-1.5">
+        <span className="text-xs font-semibold uppercase tracking-wide text-theme-text-tertiary">
+          GitOps controller status
+        </span>
+        <Badge tone="note" size="sm">
+          {status.tool === "argocd" ? "Argo CD" : "Flux"}
+        </Badge>
+        {status.suspended ? (
+          <Badge severity="info" size="sm">
+            Suspended
+          </Badge>
+        ) : null}
+      </div>
+      <div className="flex flex-wrap gap-1.5">
+        {fields.map(([label, value]) =>
+          value ? (
+            <Badge
+              key={label}
+              severity={gitOpsValueSeverity(label, value)}
+              size="sm"
+            >
+              {label}: {value}
+            </Badge>
+          ) : null,
+        )}
+        {status.appliedRevision ? (
+          <Badge tone="structural" size="sm">
+            {status.appliedRevision}
+          </Badge>
+        ) : null}
+      </div>
+    </div>
+  );
+}

package/src/components/diagnose/investigationEvidence/builder.ts

@@ -6,11 +6,19 @@ import { adaptChanges } from "./adapters/changes";
 import { adaptDiagnose } from "./adapters/diagnose";
 import { adaptEvents } from "./adapters/events";
 import { adaptHelmRelease } from "./adapters/helm";
+import {
+  adaptListHelmReleases,
+  adaptListPackages,
+  adaptSearch,
+} from "./adapters/listings";
+import { adaptTopResources } from "./adapters/rankings";
+import { adaptClusterAudit, adaptUpgradeReadiness } from "./adapters/posture";
 import { adaptIssues } from "./adapters/issues";
 import { adaptPodLogs, adaptWorkloadLogs } from "./adapters/logs";
 import { adaptSubjectPermissions } from "./adapters/permissions";
 import {
   adaptPrometheusRules,
+  adaptDiscoverMetrics,
   adaptQueryPrometheus,
 } from "./adapters/prometheus";
 import {
@@ -66,6 +74,13 @@ const ADAPTERS: Record<
   get_resource: adaptGetResource,
   list_resources: adaptListResources,
   list_namespaces: adaptListNamespaces,
+  list_helm_releases: adaptListHelmReleases,
+  list_packages: adaptListPackages,
+  search: adaptSearch,
+  top_resources: adaptTopResources,
+  get_cluster_audit: adaptClusterAudit,
+  get_cluster_upgrade_readiness: adaptUpgradeReadiness,
+  discover_metrics: adaptDiscoverMetrics,
   get_events: adaptEvents,
   get_pod_logs: adaptPodLogs,
   get_changes: adaptChanges,