@anyshift/backstage-plugin-anyshift 0.1.0-beta.10 → 0.1.0-beta.12

package/dist/components/cloud/CloudResourceContent.esm.js

@@ -1,44 +1,82 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState, useCallback, useEffect } from 'react';
+import { useState, useRef, useMemo, useLayoutEffect, useCallback, useEffect } from 'react';
 import { Button, Grid, Typography, CircularProgress, Chip } from '@material-ui/core';
 import { Alert } from '@material-ui/lab';
 import { Progress, InfoCard, Link } from '@backstage/core-components';
 import { useApi } from '@backstage/frontend-plugin-api';
-import { ANYSHIFT_RESOURCE_ID_ANNOTATION, ANYSHIFT_CLOUD_RESOURCE_ARN_ANNOTATION, ANYSHIFT_CLOUD_PROVIDER_ANNOTATION, ANYSHIFT_RESOURCE_TYPE_ANNOTATION, ANYSHIFT_CLOUD_REGION_ANNOTATION, ANYSHIFT_CLOUD_ACCOUNT_ANNOTATION } from '@anyshift/backstage-plugin-anyshift-common';
-import { useEntity, EntityRefLink } from '@backstage/plugin-catalog-react';
+import { ANYSHIFT_CLOUD_PROVIDER_ANNOTATION, ANYSHIFT_RESOURCE_TYPE_ANNOTATION, ANYSHIFT_CLOUD_REGION_ANNOTATION, ANYSHIFT_CLOUD_ACCOUNT_ANNOTATION } from '@anyshift/backstage-plugin-anyshift-common';
+import { useEntity } from '@backstage/plugin-catalog-react';
 import { anyshiftApiRef } from '../../api/AnyshiftApi.esm.js';
+import { AskAnyshiftCard } from '../ask/AskAnyshiftCard.esm.js';
+import { askScopeForEntity } from '../ask/askScope.esm.js';
+import { cloudResourceIdentity } from '../entity/entityIdentity.esm.js';
+import { CloudImpactSection } from './CloudImpactSection.esm.js';
+import { CloudDependenciesSection, CloudDependentsSection } from './CloudRelationshipSections.esm.js';
 
-function cloudResourceIdentity(entity) {
-  const annotations = entity.metadata.annotations ?? {};
-  return annotations[ANYSHIFT_RESOURCE_ID_ANNOTATION] || annotations[ANYSHIFT_CLOUD_RESOURCE_ARN_ANNOTATION];
-}
-const CloudResourceContent = () => {
+const CloudResourceContent = () => /* @__PURE__ */ jsx(CloudResourceEvidenceContent, {});
+const CloudAnyshiftEntityContent = () => /* @__PURE__ */ jsx(CloudResourceEvidenceContent, { includeAsk: true });
+const CloudResourceEvidenceContent = ({ includeAsk = false }) => {
   const { entity } = useEntity();
   const api = useApi(anyshiftApiRef);
   const resourceId = cloudResourceIdentity(entity);
-  const [brief, setBrief] = useState();
+  const [loadedBrief, setLoadedBrief] = useState();
+  const brief = loadedBrief && loadedBrief.resourceId === resourceId ? loadedBrief.value : void 0;
   const [error, setError] = useState();
   const [refreshing, setRefreshing] = useState(false);
   const [loadingMore, setLoadingMore] = useState(false);
+  const [paginationError, setPaginationError] = useState();
+  const [capabilities, setCapabilities] = useState({
+    askEnabled: false,
+    queryEnabled: false
+  });
+  const operations = useRef({ identity: 0, primary: 0, pagination: 0 });
+  const askScope = useMemo(
+    () => includeAsk ? askScopeForEntity(entity) : void 0,
+    [entity, includeAsk]
+  );
+  useLayoutEffect(() => {
+    operations.current.identity += 1;
+    operations.current.primary += 1;
+    operations.current.pagination += 1;
+    setLoadedBrief(void 0);
+    setError(void 0);
+    setRefreshing(false);
+    setLoadingMore(false);
+    setPaginationError(void 0);
+  }, [resourceId]);
   const load = useCallback(
     async (refresh = false) => {
       if (!resourceId) return;
+      const identity = operations.current.identity;
+      const primary = ++operations.current.primary;
+      ++operations.current.pagination;
       setRefreshing(refresh);
+      setLoadingMore(false);
+      setPaginationError(void 0);
       setError(void 0);
       try {
-        setBrief(
-          await api.cloudResourceBrief(resourceId, {
-            since: "24h",
-            diff: true,
-            refresh
-          })
-        );
+        const next = await api.cloudResourceBrief(resourceId, {
+          since: "24h",
+          diff: true,
+          ...refresh ? { refresh: true } : {}
+        });
+        if (operations.current.identity === identity && operations.current.primary === primary) {
+          ++operations.current.pagination;
+          setLoadingMore(false);
+          setLoadedBrief({ resourceId, value: next });
+        }
       } catch (loadError) {
-        setError(
-          loadError instanceof Error ? loadError.message : "Unable to load cloud evidence"
-        );
+        if (operations.current.identity === identity && operations.current.primary === primary) {
+          ++operations.current.pagination;
+          setLoadingMore(false);
+          setError(
+            loadError instanceof Error ? loadError.message : "Unable to load cloud evidence"
+          );
+        }
       } finally {
-        setRefreshing(false);
+        if (operations.current.identity === identity && operations.current.primary === primary) {
+          setRefreshing(false);
+        }
       }
     },
     [api, resourceId]
@@ -46,41 +84,71 @@ const CloudResourceContent = () => {
   useEffect(() => {
     void load();
   }, [load]);
+  useEffect(() => {
+    if (!includeAsk) return void 0;
+    let active = true;
+    api.capabilities().then((next) => active && setCapabilities(next)).catch(
+      () => active && setCapabilities({ askEnabled: false, queryEnabled: false })
+    );
+    return () => {
+      active = false;
+    };
+  }, [api, includeAsk]);
   const loadMore = useCallback(async () => {
     const cursor = brief?.changes.data?.page.nextCursor;
     if (!resourceId || !cursor) return;
+    const identity = operations.current.identity;
+    const primary = operations.current.primary;
+    const pagination = ++operations.current.pagination;
     setLoadingMore(true);
+    setPaginationError(void 0);
     try {
       const next = await api.cloudResourceBrief(resourceId, {
         since: brief.since,
         diff: true,
         cursor
       });
-      setBrief((current) => {
-        if (!current?.changes.data || next.changes.state !== "data" || !next.changes.data) {
+      if (operations.current.identity !== identity || operations.current.primary !== primary || operations.current.pagination !== pagination) {
+        return;
+      }
+      if (next.changes.state === "error") {
+        setPaginationError(
+          next.changes.message || "Unable to load more cloud changes"
+        );
+        return;
+      }
+      if (next.changes.state === "data" && next.changes.data) {
+        setPaginationError(void 0);
+      }
+      setLoadedBrief((current) => {
+        if (!current || current.resourceId !== resourceId || !current.value.changes.data || next.changes.state !== "data" || !next.changes.data) {
           return current;
         }
         return {
-          ...current,
-          refreshedAt: next.refreshedAt,
-          changes: {
-            state: "data",
-            data: {
-              ...next.changes.data,
-              items: [
-                ...current.changes.data.items,
-                ...next.changes.data.items
-              ]
+          resourceId,
+          value: {
+            ...current.value,
+            refreshedAt: next.refreshedAt,
+            changes: {
+              state: "data",
+              data: mergeCloudEventsEvidence(
+                current.value.changes.data,
+                next.changes.data
+              )
             }
           }
         };
       });
     } catch (loadError) {
-      setError(
-        loadError instanceof Error ? loadError.message : "Unable to load more cloud changes"
-      );
+      if (operations.current.identity === identity && operations.current.primary === primary && operations.current.pagination === pagination) {
+        setPaginationError(
+          loadError instanceof Error ? loadError.message : "Unable to load more cloud changes"
+        );
+      }
     } finally {
-      setLoadingMore(false);
+      if (operations.current.identity === identity && operations.current.primary === primary && operations.current.pagination === pagination) {
+        setLoadingMore(false);
+      }
     }
   }, [api, brief, resourceId]);
   if (!resourceId) {
@@ -103,10 +171,50 @@ const CloudResourceContent = () => {
       onRefresh: () => void load(true),
       loadingMore,
       onLoadMore: () => void loadMore(),
-      error
+      error,
+      paginationError,
+      askEnabled: includeAsk && capabilities.askEnabled && Boolean(askScope),
+      askScope
     }
   );
 };
+function mergeCloudEventsEvidence(current, next) {
+  return {
+    ...next,
+    availability: mergeCloudEventAvailability(
+      current.availability,
+      next.availability
+    ),
+    warnings: [.../* @__PURE__ */ new Set([...current.warnings, ...next.warnings])],
+    items: [...current.items, ...next.items]
+  };
+}
+function mergeCloudEventAvailability(current, next) {
+  const availability = {};
+  for (const field of /* @__PURE__ */ new Set([
+    ...Object.keys(current),
+    ...Object.keys(next)
+  ])) {
+    availability[field] = leastCompleteAvailability(
+      current[field],
+      next[field]
+    );
+  }
+  return availability;
+}
+function leastCompleteAvailability(current, next) {
+  const normalizedCurrent = normalizeAvailability(current);
+  const normalizedNext = normalizeAvailability(next);
+  return AVAILABILITY_RANK[normalizedCurrent] <= AVAILABILITY_RANK[normalizedNext] ? normalizedCurrent : normalizedNext;
+}
+const AVAILABILITY_RANK = {
+  unavailable: 0,
+  partial: 1,
+  available: 2
+};
+function normalizeAvailability(value) {
+  return value && value in AVAILABILITY_RANK ? value : "unavailable";
+}
 const CloudResourceBriefView = ({
   entity,
   brief,
@@ -114,12 +222,12 @@ const CloudResourceBriefView = ({
   onRefresh,
   loadingMore,
   onLoadMore,
-  error
+  error,
+  paginationError,
+  askEnabled = false,
+  askScope
 }) => {
   const annotations = entity.metadata.annotations ?? {};
-  const relationships = (entity.relations ?? []).filter(
-    (relation) => ["dependencyOf", "dependsOn"].includes(relation.type)
-  );
   const consoleLink = entity.metadata.links?.find(
     (link) => link.url.startsWith("https://console.aws.amazon.com/")
   );
@@ -134,7 +242,6 @@ const CloudResourceBriefView = ({
           {
             size: "small",
             onClick: onRefresh,
-            disabled: refreshing,
             startIcon: refreshing ? /* @__PURE__ */ jsx(CircularProgress, { size: 14 }) : void 0,
             children: "Refresh"
           }
@@ -148,17 +255,7 @@ const CloudResourceBriefView = ({
         ] })
       }
     ) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-      ChangesSection,
-      {
-        section: brief.changes,
-        loadingMore,
-        onLoadMore
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsx(ProvenanceSection, { section: brief.provenance }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsx(DriftSection, { section: brief.drift }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsxs(InfoCard, { title: "Cloud identity", children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(InfoCard, { title: "Cloud identity", children: [
       /* @__PURE__ */ jsx(
         Definition,
         {
@@ -187,137 +284,167 @@ const CloudResourceBriefView = ({
           value: annotations[ANYSHIFT_CLOUD_ACCOUNT_ANNOTATION]
         }
       ),
+      /* @__PURE__ */ jsx(Definition, { label: "Stable resource ID", value: brief.resourceId }),
       consoleLink && /* @__PURE__ */ jsx(Link, { to: consoleLink.url, children: "Open in AWS Console" })
     ] }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsxs(InfoCard, { title: "Catalog context", children: [
-      /* @__PURE__ */ jsx(
-        Definition,
-        {
-          label: "Owner",
-          value: typeof entity.spec?.owner === "string" ? entity.spec.owner : void 0
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Definition,
-        {
-          label: "Namespace",
-          value: entity.metadata.namespace || "default"
-        }
-      ),
-      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Relationships" }),
-      relationships.length === 0 ? /* @__PURE__ */ jsx(Typography, { color: "textSecondary", children: "No component or resource relationships are available yet." }) : /* @__PURE__ */ jsx("ul", { children: relationships.map((relation) => /* @__PURE__ */ jsxs("li", { children: [
-        /* @__PURE__ */ jsx(
-          Chip,
-          {
-            size: "small",
-            label: relation.type,
-            style: { marginRight: 8 }
-          }
-        ),
-        /* @__PURE__ */ jsx(EntityRefLink, { entityRef: relation.targetRef })
-      ] }, `${relation.type}:${relation.targetRef}`)) })
-    ] }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(InfoCard, { title: "Stable resource identity", children: /* @__PURE__ */ jsx(
-      Typography,
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsx(CloudDependenciesSection, { entity }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsx(CloudDependentsSection, { entity }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(CloudImpactSection, { section: brief.impact, onRetry: onRefresh }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      ChangesSection,
       {
-        component: "code",
-        style: { overflowWrap: "anywhere", whiteSpace: "pre-wrap" },
-        children: brief.resourceId
+        section: brief.changes,
+        loadingMore,
+        onLoadMore,
+        paginationError
       }
-    ) }) })
+    ) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsx(ProvenanceSection, { section: brief.provenance }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, children: /* @__PURE__ */ jsx(DriftSection, { section: brief.drift }) }),
+    askEnabled && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(AskAnyshiftCard, { context: "entity", scope: askScope }) })
   ] });
 };
 const ChangesSection = ({
   section,
   loadingMore,
-  onLoadMore
-}) => /* @__PURE__ */ jsx(InfoCard, { title: "Recent cloud changes", children: /* @__PURE__ */ jsxs(SectionState, { section, children: [
-  section.data?.warnings?.map((warning) => /* @__PURE__ */ jsx(Alert, { severity: "warning", style: { marginBottom: 8 }, children: humanize(warning) }, warning)),
-  section.data?.items?.length ? section.data.items.map((event) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: 20 }, children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: event.summary || humanize(event.type) }),
-    /* @__PURE__ */ jsxs(Typography, { color: "textSecondary", children: [
-      formatCloudTimestamp(event.timestamp),
-      " \xB7 ",
-      event.category,
-      " \xB7",
-      " ",
-      event.evidence.source,
-      " \xB7 ",
-      event.evidence.status,
-      event.actor?.name || event.actor?.id ? ` \xB7 ${event.actor.name || event.actor.id}` : ""
-    ] }),
-    event.change.fields.length > 0 && /* @__PURE__ */ jsxs("details", { children: [
-      /* @__PURE__ */ jsx("summary", { children: "View sanitized field changes" }),
-      /* @__PURE__ */ jsx("ul", { children: event.change.fields.map((field) => {
-        const detail = event.change.details.find(
-          (candidate) => candidate.field === field
-        );
-        return /* @__PURE__ */ jsxs("li", { children: [
-          /* @__PURE__ */ jsx("code", { children: field }),
-          detail ? `: ${detail.before ?? "\u2205"} \u2192 ${detail.after ?? "\u2205"}` : ""
-        ] }, field);
-      }) })
-    ] })
-  ] }, event.id)) : /* @__PURE__ */ jsx(Typography, { color: "textSecondary", children: "No cloud changes were found in this window." }),
-  section.data?.page.hasMore && onLoadMore && /* @__PURE__ */ jsx(
-    Button,
-    {
-      size: "small",
-      onClick: onLoadMore,
-      disabled: loadingMore,
-      startIcon: loadingMore ? /* @__PURE__ */ jsx(CircularProgress, { size: 14 }) : void 0,
-      children: "Load more changes"
-    }
-  )
-] }) });
+  onLoadMore,
+  paginationError
+}) => {
+  const { hasEvidenceLimitations, actionableWarnings } = partitionCloudEventWarnings(section.data?.warnings);
+  if (section.state === "empty") {
+    return /* @__PURE__ */ jsx(InfoCard, { title: "Recent cloud changes", children: /* @__PURE__ */ jsx(Typography, { color: "textSecondary", children: section.message || "No cloud changes were found in this window." }) });
+  }
+  return /* @__PURE__ */ jsx(InfoCard, { title: "Recent cloud changes", children: /* @__PURE__ */ jsxs(SectionState, { section, children: [
+    paginationError && /* @__PURE__ */ jsx(Alert, { severity: "error", style: { marginBottom: 8 }, children: paginationError }),
+    hasEvidenceLimitations && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        "aria-label": "Cloud event evidence limitations",
+        variant: "caption",
+        color: "textSecondary",
+        display: "block",
+        style: { marginBottom: 8 },
+        children: "Event source is derived from graph relationships, and event status may be incomplete."
+      }
+    ),
+    actionableWarnings.map((warning) => /* @__PURE__ */ jsx(Alert, { severity: "warning", style: { marginBottom: 8 }, children: humanize(warning) }, warning)),
+    section.data?.items?.length ? section.data.items.map((event) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: 20 }, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: event.summary || humanize(event.type) }),
+      /* @__PURE__ */ jsxs(Typography, { color: "textSecondary", children: [
+        formatCloudTimestamp(event.timestamp),
+        " \xB7 ",
+        event.category,
+        " \xB7",
+        " ",
+        event.evidence.source,
+        " \xB7 ",
+        event.evidence.status,
+        event.actor?.name || event.actor?.id ? ` \xB7 ${event.actor.name || event.actor.id}` : ""
+      ] }),
+      event.change.fields.length > 0 && /* @__PURE__ */ jsxs("details", { children: [
+        /* @__PURE__ */ jsx("summary", { children: "View sanitized field changes" }),
+        /* @__PURE__ */ jsx("ul", { children: event.change.fields.map((field) => {
+          const detail = event.change.details.find(
+            (candidate) => candidate.field === field
+          );
+          return /* @__PURE__ */ jsxs("li", { children: [
+            /* @__PURE__ */ jsx("code", { children: field }),
+            detail ? `: ${detail.before ?? "\u2205"} \u2192 ${detail.after ?? "\u2205"}` : ""
+          ] }, field);
+        }) })
+      ] })
+    ] }, event.id)) : /* @__PURE__ */ jsx(Typography, { color: "textSecondary", children: "No cloud changes were found in this window." }),
+    section.data?.page.hasMore && onLoadMore && /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "small",
+        onClick: onLoadMore,
+        disabled: loadingMore,
+        startIcon: loadingMore ? /* @__PURE__ */ jsx(CircularProgress, { size: 14 }) : void 0,
+        children: "Load more changes"
+      }
+    )
+  ] }) });
+};
+const QUIET_EVIDENCE_LIMITATIONS = /* @__PURE__ */ new Set([
+  "event_source_derived",
+  "event_status_incomplete"
+]);
+function partitionCloudEventWarnings(warnings) {
+  const allWarnings = warnings ?? [];
+  return {
+    hasEvidenceLimitations: allWarnings.some(
+      (warning) => QUIET_EVIDENCE_LIMITATIONS.has(warning)
+    ),
+    actionableWarnings: allWarnings.filter(
+      (warning) => !QUIET_EVIDENCE_LIMITATIONS.has(warning)
+    )
+  };
+}
 const ProvenanceSection = ({
   section
-}) => /* @__PURE__ */ jsx(InfoCard, { title: "IaC provenance", children: /* @__PURE__ */ jsx(SectionState, { section, children: section.data?.resources?.length ? section.data.resources.map((resource) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: 16 }, children: [
-  /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: resource.terraform.address }),
-  /* @__PURE__ */ jsx(Chip, { size: "small", label: humanize(resource.status) }),
-  /* @__PURE__ */ jsx(Definition, { label: "File", value: resource.terraform.fileRef ?? "" }),
-  /* @__PURE__ */ jsx(
-    Definition,
-    {
-      label: "State links",
-      value: String(resource.states.length)
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    Definition,
-    {
-      label: "Cloud links",
-      value: String(resource.clouds.length)
-    }
-  ),
-  resource.terraform.githubUrl && /* @__PURE__ */ jsx(Link, { to: resource.terraform.githubUrl, children: "Open source" })
-] }, resource.terraform.hashedID)) : /* @__PURE__ */ jsx(Typography, { color: "textSecondary", children: "No Terraform provenance is linked to this resource." }) }) });
+}) => {
+  if (section.state === "empty") {
+    return /* @__PURE__ */ jsx(InfoCard, { title: "IaC provenance", children: /* @__PURE__ */ jsx(Typography, { color: "textSecondary", children: section.message || "No Terraform provenance is linked to this resource." }) });
+  }
+  return /* @__PURE__ */ jsx(InfoCard, { title: "IaC provenance", children: /* @__PURE__ */ jsx(SectionState, { section, children: section.data?.resources?.length ? section.data.resources.map((resource) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: 16 }, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: resource.terraform.address }),
+    /* @__PURE__ */ jsx(Chip, { size: "small", label: humanize(resource.status) }),
+    /* @__PURE__ */ jsx(
+      Definition,
+      {
+        label: "File",
+        value: resource.terraform.fileRef ?? ""
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Definition,
+      {
+        label: "State links",
+        value: String(resource.states.length)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Definition,
+      {
+        label: "Cloud links",
+        value: String(resource.clouds.length)
+      }
+    ),
+    resource.terraform.githubUrl && /* @__PURE__ */ jsx(Link, { to: resource.terraform.githubUrl, children: "Open source" })
+  ] }, resource.terraform.hashedID)) : /* @__PURE__ */ jsx(Typography, { color: "textSecondary", children: "No Terraform provenance is linked to this resource." }) }) });
+};
 const DriftSection = ({
   section
-}) => /* @__PURE__ */ jsx(InfoCard, { title: "IaC drift evidence", children: /* @__PURE__ */ jsx(SectionState, { section, children: section.data?.items?.length ? section.data.items.map((item) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: 16 }, children: [
-  /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: item.terraform.address }),
-  /* @__PURE__ */ jsx(
-    Chip,
-    {
-      size: "small",
-      color: item.status === "drifted" ? "secondary" : "default",
-      label: humanize(item.status)
-    }
-  ),
-  /* @__PURE__ */ jsx(Typography, { color: "textSecondary", children: item.status === "unknown" ? `Unknown is not drift: ${humanize(item.reason)}.` : `${item.comparedFields} supported fields compared.` }),
-  item.differences.length > 0 && /* @__PURE__ */ jsxs("details", { children: [
-    /* @__PURE__ */ jsx("summary", { children: "View sanitized differences" }),
-    /* @__PURE__ */ jsx("ul", { children: item.differences.map((difference) => /* @__PURE__ */ jsxs("li", { children: [
-      /* @__PURE__ */ jsx("code", { children: difference.field }),
-      ":",
-      " ",
-      difference.lastApplied ?? "\u2205",
-      " \u2192",
-      " ",
-      difference.observed ?? "\u2205"
-    ] }, difference.field)) })
-  ] })
-] }, item.terraform.hashedID)) : /* @__PURE__ */ jsx(Typography, { color: "textSecondary", children: "No comparable Terraform evidence is available." }) }) });
+}) => {
+  if (section.state === "empty") {
+    return /* @__PURE__ */ jsx(InfoCard, { title: "IaC drift evidence", children: /* @__PURE__ */ jsx(Typography, { color: "textSecondary", children: section.message || "No comparable Terraform evidence is available." }) });
+  }
+  return /* @__PURE__ */ jsx(InfoCard, { title: "IaC drift evidence", children: /* @__PURE__ */ jsx(SectionState, { section, children: section.data?.items?.length ? section.data.items.map((item) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: 16 }, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: item.terraform.address }),
+    /* @__PURE__ */ jsx(
+      Chip,
+      {
+        size: "small",
+        color: item.status === "drifted" ? "secondary" : "default",
+        label: humanize(item.status)
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography, { color: "textSecondary", children: item.status === "unknown" ? `Unknown is not drift: ${humanize(item.reason)}.` : `${item.comparedFields} supported fields compared.` }),
+    item.differences.length > 0 && /* @__PURE__ */ jsxs("details", { children: [
+      /* @__PURE__ */ jsx("summary", { children: "View sanitized differences" }),
+      /* @__PURE__ */ jsx("ul", { children: item.differences.map((difference) => /* @__PURE__ */ jsxs("li", { children: [
+        /* @__PURE__ */ jsx("code", { children: difference.field }),
+        ":",
+        " ",
+        difference.lastApplied ?? "\u2205",
+        " \u2192",
+        " ",
+        difference.observed ?? "\u2205"
+      ] }, difference.field)) })
+    ] })
+  ] }, item.terraform.hashedID)) : /* @__PURE__ */ jsx(Typography, { color: "textSecondary", children: "No comparable Terraform evidence is available." }) }) });
+};
 const SectionState = ({
   section,
   children
@@ -354,5 +481,5 @@ function formatCloudTimestamp(value) {
   return Number.isNaN(normalizedTimestamp) ? value : new Date(normalizedTimestamp).toLocaleString();
 }
 
-export { CloudResourceBriefView, CloudResourceContent, cloudResourceIdentity, formatCloudTimestamp };
+export { CloudAnyshiftEntityContent, CloudResourceBriefView, CloudResourceContent, formatCloudTimestamp, mergeCloudEventsEvidence };
 //# sourceMappingURL=CloudResourceContent.esm.js.map