@skyhook-io/radar-app 1.13.5 → 1.14.1

package/src/components/diagnose/InvestigationResourceEvidence.test.tsx

@@ -16,6 +16,36 @@ function render(resource: InvestigationKubernetesResource): string {
 }
 
 describe("InvestigationResourceEvidence", () => {
+  it("hides a multi-line sensitive value instead of rendering it as a block", () => {
+    const html = render({
+      apiVersion: "v1",
+      kind: "ConfigMap",
+      metadata: { namespace: "dev", name: "certs" },
+      data: {
+        "tls.key":
+          "-----BEGIN RSA PRIVATE KEY-----\nMIIEabc\n-----END RSA PRIVATE KEY-----",
+      },
+    });
+    expect(html).toContain("Value hidden");
+    expect(html).not.toMatch(/<pre[^>]*>-----BEGIN/);
+    expect(html).not.toContain("MIIEabc");
+  });
+
+  it("renders a file-shaped ConfigMap value as a block under its key", () => {
+    const html = render({
+      apiVersion: "v1",
+      kind: "ConfigMap",
+      metadata: { namespace: "kourier-system", name: "kourier-bootstrap" },
+      data: {
+        "envoy-bootstrap.yaml":
+          "dynamic_resources:\n  ads_config:\n    transport_api_version: V3\n    api_type: GRPC\n",
+        LOG_LEVEL: "info",
+      },
+    });
+    expect(html).toMatch(/colspan="2"/i);
+    expect(html).toMatch(/<pre[^>]*>dynamic_resources:\n {2}ads_config:/);
+    expect(html).toContain("LOG_LEVEL");
+  });
   it("keeps every ConfigMap key inspectable in a bounded table and hides sensitive-looking values", () => {
     const html = render({
       apiVersion: "v1",

package/src/components/diagnose/InvestigationResourceEvidence.tsx

@@ -51,6 +51,26 @@ function ConfigMapEvidence({
             </colgroup>
             <tbody className="divide-y divide-theme-border/70">
               {entries.map((entry) => {
+                // A file-shaped value (YAML, a config) reads as a block under
+                // its key, not squeezed into the right-hand column.
+                const value = entry.value ?? "";
+                const block =
+                  !entry.sensitive &&
+                  !entry.binary &&
+                  (value.includes("\n") || value.length > 80);
+                if (block)
+                  return (
+                    <tr key={`data-${entry.key}`}>
+                      <td colSpan={2} className="px-2.5 py-1.5 align-top">
+                        <span className="block font-mono text-xs font-medium text-theme-text-secondary">
+                          {entry.key}
+                        </span>
+                        <pre className="mt-1 max-h-48 overflow-auto whitespace-pre font-mono text-xs leading-relaxed text-theme-text-primary">
+                          {value}
+                        </pre>
+                      </td>
+                    </tr>
+                  );
                 return (
                   <tr key={`${entry.binary ? "binary" : "data"}-${entry.key}`}>
                     <th