@massdriver/backstage-plugin 1.0.0

package/dist/features/environment/InstanceDrawer/tabs/DependenciesTab.esm.js

@@ -0,0 +1,413 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { parseInstanceId, environmentUrl, composeEnvironmentId, resourceUrl } from '@massdriver/backstage-plugin-common';
+import { useApi } from '@backstage/frontend-plugin-api';
+import Box from '@massdriver/ui/Box';
+import Typography from '@massdriver/ui/Typography';
+import Chip from '@massdriver/ui/Chip';
+import Tooltip from '@massdriver/ui/Tooltip';
+import HelpOutlineIcon from '@massdriver/ui/icons/HelpOutlineIcon';
+import stylin from '@massdriver/ui/stylin';
+import { massdriverApiRef } from '../../../../api.esm.js';
+import InstanceStatusPill from '../../components/InstanceStatusPill.esm.js';
+import { useOpenLogs } from './DeploymentLogsPanel.esm.js';
+import { DisabledAction } from '../../../../components/DisabledAction.esm.js';
+import { OpenInMassdriverButton } from '../../../../components/OpenInMassdriverButton.esm.js';
+import { RouterLinkAdapter } from '../../../../components/RouterLinkAdapter.esm.js';
+import { internalRoutes } from '../../../../internalRoutes.esm.js';
+import { TabState } from '../TabState.esm.js';
+import { DEPENDENCIES_QUERY } from '../queries.esm.js';
+import { useInstanceApiQuery } from '../useInstanceApiQuery.esm.js';
+import { buildDependencyRows, groupDependenciesBySection, DEPENDENCY_STATE } from '../helpers.esm.js';
+import { chipClasses } from '@mui/material/Chip';
+import '@mui/material/Drawer';
+import '@mui/material/OutlinedInput';
+import '@mui/material/Select';
+import '@mui/material/ToggleButton';
+
+const DependenciesTab = ({
+  instanceId
+}) => {
+  const { value, loading, error } = useInstanceApiQuery(DEPENDENCIES_QUERY, instanceId);
+  const rows = useMemo(
+    () => buildDependencyRows(
+      value?.instance?.bundle?.dependencies,
+      value?.instance?.dependencies
+    ),
+    [value?.instance]
+  );
+  const sections = useMemo(() => groupDependenciesBySection(rows), [rows]);
+  return /* @__PURE__ */ jsx(TabState, { loading, error, children: /* @__PURE__ */ jsx(Root, { children: rows.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: "This instance does not require any dependencies." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Section, { children: [
+      /* @__PURE__ */ jsx(SectionHeader, { children: "Fulfilled dependencies" }),
+      sections.fulfilled.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: "No dependencies are currently fulfilled." }) : /* @__PURE__ */ jsx(CardList, { children: sections.fulfilled.map((row) => /* @__PURE__ */ jsx(
+        DependencyCard,
+        {
+          row,
+          instanceId
+        },
+        row.field
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxs(Section, { children: [
+      /* @__PURE__ */ jsx(SectionHeader, { children: "Unfulfilled dependencies" }),
+      sections.unfulfilled.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: "All dependencies are fulfilled." }) : /* @__PURE__ */ jsx(CardList, { children: sections.unfulfilled.map((row) => /* @__PURE__ */ jsx(
+        DependencyCard,
+        {
+          row,
+          instanceId
+        },
+        row.field
+      )) })
+    ] })
+  ] }) }) });
+};
+const originHref = (id) => {
+  if (!id) return null;
+  const { projectId, scopedEnvironmentId, scopedComponentId } = parseInstanceId(id);
+  if (!projectId || !scopedEnvironmentId || !scopedComponentId) return null;
+  return internalRoutes.instance(
+    projectId,
+    scopedEnvironmentId,
+    scopedComponentId
+  );
+};
+const TypeRow = ({ resourceType }) => /* @__PURE__ */ jsxs(DetailRow, { children: [
+  /* @__PURE__ */ jsx(Label, { children: "Type:" }),
+  /* @__PURE__ */ jsx(Detail, { title: resourceType?.name || "\u2014", children: resourceType?.name || "\u2014" })
+] });
+const HelpTip = ({ children }) => /* @__PURE__ */ jsx(Tooltip, { placement: "top", arrow: true, title: /* @__PURE__ */ jsx(TooltipBody, { children }), children: /* @__PURE__ */ jsx(HelpIcon, {}) });
+const DependencyCard = ({
+  row,
+  instanceId
+}) => {
+  const api = useApi(massdriverApiRef);
+  const openLogs = useOpenLogs();
+  const onStatusClick = (deployment) => {
+    if (deployment?.id) openLogs(deployment.id);
+  };
+  const parts = instanceId ? parseInstanceId(instanceId) : null;
+  const envDefaultsUrl = parts?.projectId && parts?.scopedEnvironmentId && api.appUrl ? environmentUrl(
+    api.appUrl,
+    api.organizationId,
+    composeEnvironmentId(parts.projectId, parts.scopedEnvironmentId)
+  ) : "";
+  const resourceHref = (resourceId) => resourceId && api.appUrl ? resourceUrl(api.appUrl, api.organizationId, resourceId) : "";
+  if (row.state === DEPENDENCY_STATE.CONNECTION) {
+    const origin = row.source?.fromInstance ?? null;
+    const fromComponentName = row.source?.link?.fromComponent?.name ?? origin?.name ?? null;
+    const fromField = row.source?.fromField ?? null;
+    const isProvisioned = origin?.status === "PROVISIONED" || origin?.status === "EXTERNAL";
+    const fulfilledText = `${origin?.name || fromComponentName || "\u2014"} :: ${fromField || "\u2014"}`;
+    const href = originHref(origin?.id);
+    return /* @__PURE__ */ jsxs(Card, { pending: !isProvisioned, children: [
+      row.required ? /* @__PURE__ */ jsx(RequiredChip, { label: "Req", color: "success", size: "small" }) : null,
+      /* @__PURE__ */ jsxs(HeaderRow, { children: [
+        /* @__PURE__ */ jsxs(TitleRow, { children: [
+          /* @__PURE__ */ jsx(CardTitle, { title: row.field, children: row.field }),
+          /* @__PURE__ */ jsx(HelpTip, { children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("strong", { children: "Fulfilled by:" }),
+            " The instance whose resource is fulfilling this connection."
+          ] }) })
+        ] }),
+        origin ? /* @__PURE__ */ jsx(StyledStatusPill, { instance: origin, onClick: onStatusClick }) : null
+      ] }),
+      /* @__PURE__ */ jsxs(DetailColumn, { children: [
+        /* @__PURE__ */ jsx(TypeRow, { resourceType: row.resourceType }),
+        /* @__PURE__ */ jsxs(DetailRow, { children: [
+          /* @__PURE__ */ jsx(Label, { children: "Fulfilled by:" }),
+          href ? /* @__PURE__ */ jsx(FulfilledLink, { href, title: fulfilledText, children: fulfilledText }) : /* @__PURE__ */ jsx(Detail, { title: fulfilledText, children: fulfilledText })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(CardActions, { children: /* @__PURE__ */ jsx(
+        DisabledAction,
+        {
+          label: "Remove connection",
+          variant: "text",
+          size: "small",
+          color: "error",
+          tooltip: "This view is read-only. Open in Massdriver to remove this connection."
+        }
+      ) })
+    ] });
+  }
+  if (row.state === DEPENDENCY_STATE.ENV_DEFAULT) {
+    const resource = row.source?.resource ?? null;
+    const resourceName = resource?.name ?? "\u2014";
+    const resHref = resourceHref(resource?.id);
+    return /* @__PURE__ */ jsxs(Card, { children: [
+      row.required ? /* @__PURE__ */ jsx(RequiredChip, { label: "Req", color: "success", size: "small" }) : null,
+      /* @__PURE__ */ jsx(FulfilledNote, { children: "* This connection is being fulfilled by the environment's default resource." }),
+      /* @__PURE__ */ jsx(HeaderRow, { children: /* @__PURE__ */ jsxs(TitleRow, { children: [
+        /* @__PURE__ */ jsx(CardTitle, { title: row.field, children: row.field }),
+        /* @__PURE__ */ jsx(HelpTip, { children: /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("strong", { children: "Fulfilled by:" }),
+          " The environment-default resource currently satisfying this connection."
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs(DetailColumn, { children: [
+        /* @__PURE__ */ jsx(TypeRow, { resourceType: row.resourceType }),
+        /* @__PURE__ */ jsxs(DetailRow, { children: [
+          /* @__PURE__ */ jsx(Label, { children: "Fulfilled by:" }),
+          resHref ? /* @__PURE__ */ jsx(
+            FulfilledExtLink,
+            {
+              href: resHref,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              title: resourceName,
+              children: resourceName
+            }
+          ) : /* @__PURE__ */ jsx(Detail, { title: resourceName, children: resourceName })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(CardActions, { children: [
+        envDefaultsUrl ? /* @__PURE__ */ jsx(
+          OpenInMassdriverButton,
+          {
+            url: envDefaultsUrl,
+            variant: "text",
+            size: "small",
+            children: "Manage environment defaults"
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          DisabledAction,
+          {
+            label: "Override with remote reference",
+            variant: "text",
+            size: "small",
+            tooltip: "This view is read-only. Open in Massdriver to set a remote reference."
+          }
+        )
+      ] })
+    ] });
+  }
+  if (row.state === DEPENDENCY_STATE.REMOTE_REFERENCE) {
+    const resource = row.source?.resource ?? null;
+    const resourceName = resource?.name ?? "\u2014";
+    const resHref = resourceHref(resource?.id);
+    return /* @__PURE__ */ jsxs(Card, { children: [
+      row.required ? /* @__PURE__ */ jsx(RequiredChip, { label: "Req", color: "success", size: "small" }) : null,
+      /* @__PURE__ */ jsx(FulfilledNote, { children: "* This connection is overridden by a remote reference to a resource from another project or an imported resource." }),
+      /* @__PURE__ */ jsx(HeaderRow, { children: /* @__PURE__ */ jsxs(TitleRow, { children: [
+        /* @__PURE__ */ jsx(CardTitle, { title: row.field, children: row.field }),
+        /* @__PURE__ */ jsx(HelpTip, { children: /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("strong", { children: "Fulfilled by:" }),
+          " The remote-reference resource currently overriding this connection."
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ jsxs(DetailColumn, { children: [
+        /* @__PURE__ */ jsx(TypeRow, { resourceType: row.resourceType }),
+        /* @__PURE__ */ jsxs(DetailRow, { children: [
+          /* @__PURE__ */ jsx(Label, { children: "Fulfilled by:" }),
+          resHref ? /* @__PURE__ */ jsx(
+            FulfilledExtLink,
+            {
+              href: resHref,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              title: resourceName,
+              children: resourceName
+            }
+          ) : /* @__PURE__ */ jsx(Detail, { title: resourceName, children: resourceName })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(CardActions, { children: /* @__PURE__ */ jsx(
+        DisabledAction,
+        {
+          label: "Remove remote reference",
+          variant: "text",
+          size: "small",
+          color: "error",
+          tooltip: "This view is read-only. Open in Massdriver to remove the remote reference."
+        }
+      ) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    row.required ? /* @__PURE__ */ jsx(RequiredChip, { label: "Req", color: "error", size: "small" }) : null,
+    /* @__PURE__ */ jsx(HeaderRow, { children: /* @__PURE__ */ jsxs(TitleRow, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { title: row.field, children: row.field }),
+      /* @__PURE__ */ jsxs(HelpTip, { children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("strong", { children: "Req (Required):" }),
+          " Whether this connection is required to successfully deploy."
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("strong", { children: "Type:" }),
+          " The artifact type this connection expects."
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(DetailColumn, { children: /* @__PURE__ */ jsx(TypeRow, { resourceType: row.resourceType }) }),
+    /* @__PURE__ */ jsx(CardActions, { children: /* @__PURE__ */ jsx(
+      DisabledAction,
+      {
+        label: "Set remote reference",
+        variant: "text",
+        size: "small",
+        tooltip: "This view is read-only. Open in Massdriver to set a remote reference."
+      }
+    ) })
+  ] });
+};
+const Root = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(4),
+  padding: theme.spacing(1)
+}));
+const Section = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(2)
+}));
+const SectionHeader = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(14),
+  fontWeight: theme.typography.fontWeightBold,
+  color: theme.palette.text.primary
+}));
+const CardList = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(2)
+}));
+const EmptyNote = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(12),
+  color: theme.palette.text.secondary,
+  fontStyle: "italic"
+}));
+const Card = stylin(Box, ["pending"])(
+  ({ theme, pending }) => ({
+    position: "relative",
+    border: `1px ${pending ? "dashed" : "solid"} ${theme.palette.divider}`,
+    backgroundColor: theme.palette.background.paper,
+    borderRadius: "4px",
+    padding: theme.spacing(1, 1.75),
+    display: "flex",
+    flexDirection: "column",
+    gap: theme.spacing(0.5)
+  })
+);
+const RequiredChip = stylin(Chip)(({ theme }) => ({
+  position: "absolute",
+  top: "-10px",
+  right: "-10px",
+  height: 16,
+  fontSize: theme.typography.pxToRem(11),
+  pointerEvents: "none",
+  [`& .${chipClasses.label}`]: { paddingLeft: "6px", paddingRight: "6px" }
+}));
+const HeaderRow = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: theme.spacing(0.5),
+  minWidth: 0
+}));
+const TitleRow = stylin(Box)({
+  display: "flex",
+  alignItems: "center",
+  gap: "2px",
+  minWidth: 0,
+  flex: 1
+});
+const CardTitle = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(14),
+  color: theme.palette.text.primary,
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  minWidth: 0
+}));
+const HelpIcon = stylin(HelpOutlineIcon)(({ theme }) => ({
+  width: 15,
+  height: 15,
+  color: theme.palette.text.secondary,
+  flexShrink: 0,
+  "&:hover": { color: theme.palette.primary.main }
+}));
+const DetailColumn = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: "2px",
+  marginLeft: theme.spacing(1.5)
+}));
+const DetailRow = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "row",
+  gap: theme.spacing(0.5),
+  minWidth: 0
+}));
+const Label = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(11),
+  fontWeight: theme.typography.fontWeightMedium,
+  whiteSpace: "nowrap",
+  flexShrink: 0
+}));
+const Detail = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(11),
+  color: theme.palette.text.primary,
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis"
+}));
+const FulfilledLink = stylin(RouterLinkAdapter)(
+  ({ theme }) => ({
+    fontSize: theme.typography.pxToRem(11),
+    color: theme.palette.primary.main,
+    textDecoration: "underline",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    minWidth: 0,
+    display: "block",
+    "&:hover": { color: theme.palette.primary.dark }
+  })
+);
+const FulfilledExtLink = stylin("a")(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(11),
+  color: theme.palette.primary.main,
+  textDecoration: "underline",
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  minWidth: 0,
+  display: "block",
+  "&:hover": { color: theme.palette.primary.dark }
+}));
+const CardActions = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  gap: theme.spacing(0.5),
+  marginTop: theme.spacing(0.5),
+  marginLeft: theme.spacing(1.5)
+}));
+const FulfilledNote = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(11),
+  fontStyle: "italic",
+  color: theme.palette.text.secondary,
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis"
+}));
+const TooltipBody = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: "2px",
+  fontSize: theme.typography.pxToRem(12),
+  lineHeight: 1.4,
+  maxWidth: 320
+}));
+const StyledStatusPill = stylin(InstanceStatusPill)(
+  ({ theme }) => ({
+    height: 18,
+    fontSize: theme.typography.pxToRem(11),
+    flexShrink: 0
+  })
+);
+
+export { DependenciesTab, DependenciesTab as default };
+//# sourceMappingURL=DependenciesTab.esm.js.map

package/dist/features/environment/InstanceDrawer/tabs/DependenciesTab.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DependenciesTab.esm.js","sources":["../../../../../src/features/environment/InstanceDrawer/tabs/DependenciesTab.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react';\nimport {\n  composeEnvironmentId,\n  environmentUrl,\n  parseInstanceId,\n  resourceUrl,\n} from '@massdriver/backstage-plugin-common';\nimport { useApi } from '@backstage/frontend-plugin-api';\nimport Box from '@massdriver/ui/Box';\nimport Typography from '@massdriver/ui/Typography';\nimport Chip from '@massdriver/ui/Chip';\nimport Tooltip from '@massdriver/ui/Tooltip';\nimport HelpOutlineIcon from '@massdriver/ui/icons/HelpOutlineIcon';\nimport stylin from '@massdriver/ui/stylin';\nimport { massdriverApiRef } from '../../../../api';\nimport InstanceStatusPill from '../../components/InstanceStatusPill';\nimport { useOpenLogs } from './DeploymentLogsPanel';\nimport { DisabledAction } from '../../../../components/DisabledAction';\nimport { OpenInMassdriverButton } from '../../../../components/OpenInMassdriverButton';\nimport { RouterLinkAdapter } from '../../../../components/RouterLinkAdapter';\nimport { internalRoutes } from '../../../../internalRoutes';\nimport { TabState } from '../TabState';\nimport { DEPENDENCIES_QUERY } from '../queries';\nimport { useInstanceApiQuery } from '../useInstanceApiQuery';\nimport {\n  buildDependencyRows,\n  DEPENDENCY_STATE,\n  groupDependenciesBySection,\n  type BundleDependency,\n  type DependencyRow,\n  type InstanceDependency,\n} from '../helpers';\nimport type { ResourceType } from '../types';\nimport { chipClasses } from '../../../../theme/muiClasses';\n\n/** Read-only Dependencies tab: fulfilled + unfulfilled dependency cards. */\nexport const DependenciesTab = ({\n  instanceId,\n}: {\n  instanceId: string | null;\n}) => {\n  const { value, loading, error } = useInstanceApiQuery<{\n    instance: {\n      id: string;\n      bundle?: {\n        id: string;\n        dependencies?: (BundleDependency | null)[] | null;\n      } | null;\n      dependencies?: (InstanceDependency | null)[] | null;\n    } | null;\n  }>(DEPENDENCIES_QUERY, instanceId);\n\n  const rows = useMemo(\n    () =>\n      buildDependencyRows(\n        value?.instance?.bundle?.dependencies,\n        value?.instance?.dependencies,\n      ),\n    [value?.instance],\n  );\n  const sections = useMemo(() => groupDependenciesBySection(rows), [rows]);\n\n  return (\n    <TabState loading={loading} error={error}>\n      <Root>\n        {rows.length === 0 ? (\n          <EmptyNote>\n            This instance does not require any dependencies.\n          </EmptyNote>\n        ) : (\n          <>\n            <Section>\n              <SectionHeader>Fulfilled dependencies</SectionHeader>\n              {sections.fulfilled.length === 0 ? (\n                <EmptyNote>No dependencies are currently fulfilled.</EmptyNote>\n              ) : (\n                <CardList>\n                  {sections.fulfilled.map(row => (\n                    <DependencyCard\n                      key={row.field}\n                      row={row}\n                      instanceId={instanceId}\n                    />\n                  ))}\n                </CardList>\n              )}\n            </Section>\n            <Section>\n              <SectionHeader>Unfulfilled dependencies</SectionHeader>\n              {sections.unfulfilled.length === 0 ? (\n                <EmptyNote>All dependencies are fulfilled.</EmptyNote>\n              ) : (\n                <CardList>\n                  {sections.unfulfilled.map(row => (\n                    <DependencyCard\n                      key={row.field}\n                      row={row}\n                      instanceId={instanceId}\n                    />\n                  ))}\n                </CardList>\n              )}\n            </Section>\n          </>\n        )}\n      </Root>\n    </TabState>\n  );\n};\n\nexport default DependenciesTab;\n\nconst originHref = (id?: string | null): string | null => {\n  if (!id) return null;\n  const { projectId, scopedEnvironmentId, scopedComponentId } =\n    parseInstanceId(id);\n  if (!projectId || !scopedEnvironmentId || !scopedComponentId) return null;\n  return internalRoutes.instance(\n    projectId,\n    scopedEnvironmentId,\n    scopedComponentId,\n  );\n};\n\nconst TypeRow = ({ resourceType }: { resourceType?: ResourceType | null }) => (\n  <DetailRow>\n    <Label>Type:</Label>\n    <Detail title={resourceType?.name || '—'}>\n      {resourceType?.name || '—'}\n    </Detail>\n  </DetailRow>\n);\n\nconst HelpTip = ({ children }: { children: ReactNode }) => (\n  <Tooltip placement=\"top\" arrow title={<TooltipBody>{children}</TooltipBody>}>\n    <HelpIcon />\n  </Tooltip>\n);\n\nconst DependencyCard = ({\n  row,\n  instanceId,\n}: {\n  row: DependencyRow;\n  instanceId: string | null;\n}) => {\n  const api = useApi(massdriverApiRef);\n  const openLogs = useOpenLogs();\n  const onStatusClick = (deployment: { id: string } | null) => {\n    if (deployment?.id) openLogs(deployment.id);\n  };\n  const parts = instanceId ? parseInstanceId(instanceId) : null;\n  const envDefaultsUrl =\n    parts?.projectId && parts?.scopedEnvironmentId && api.appUrl\n      ? environmentUrl(\n          api.appUrl,\n          api.organizationId,\n          composeEnvironmentId(parts.projectId, parts.scopedEnvironmentId),\n        )\n      : '';\n  const resourceHref = (resourceId?: string | null): string =>\n    resourceId && api.appUrl\n      ? resourceUrl(api.appUrl, api.organizationId, resourceId)\n      : '';\n\n  if (row.state === DEPENDENCY_STATE.CONNECTION) {\n    const origin = row.source?.fromInstance ?? null;\n    const fromComponentName =\n      row.source?.link?.fromComponent?.name ?? origin?.name ?? null;\n    const fromField = row.source?.fromField ?? null;\n    const isProvisioned =\n      origin?.status === 'PROVISIONED' || origin?.status === 'EXTERNAL';\n    const fulfilledText = `${origin?.name || fromComponentName || '—'} :: ${\n      fromField || '—'\n    }`;\n    const href = originHref(origin?.id);\n\n    return (\n      <Card pending={!isProvisioned}>\n        {row.required ? (\n          <RequiredChip label=\"Req\" color=\"success\" size=\"small\" />\n        ) : null}\n        <HeaderRow>\n          <TitleRow>\n            <CardTitle title={row.field}>{row.field}</CardTitle>\n            <HelpTip>\n              <div>\n                <strong>Fulfilled by:</strong> The instance whose resource is\n                fulfilling this connection.\n              </div>\n            </HelpTip>\n          </TitleRow>\n          {origin ? (\n            <StyledStatusPill instance={origin} onClick={onStatusClick} />\n          ) : null}\n        </HeaderRow>\n        <DetailColumn>\n          <TypeRow resourceType={row.resourceType} />\n          <DetailRow>\n            <Label>Fulfilled by:</Label>\n            {href ? (\n              <FulfilledLink href={href} title={fulfilledText}>\n                {fulfilledText}\n              </FulfilledLink>\n            ) : (\n              <Detail title={fulfilledText}>{fulfilledText}</Detail>\n            )}\n          </DetailRow>\n        </DetailColumn>\n        <CardActions>\n          <DisabledAction\n            label=\"Remove connection\"\n            variant=\"text\"\n            size=\"small\"\n            color=\"error\"\n            tooltip=\"This view is read-only. Open in Massdriver to remove this connection.\"\n          />\n        </CardActions>\n      </Card>\n    );\n  }\n\n  if (row.state === DEPENDENCY_STATE.ENV_DEFAULT) {\n    const resource = row.source?.resource ?? null;\n    const resourceName = resource?.name ?? '—';\n    const resHref = resourceHref(resource?.id);\n    return (\n      <Card>\n        {row.required ? (\n          <RequiredChip label=\"Req\" color=\"success\" size=\"small\" />\n        ) : null}\n        <FulfilledNote>\n          * This connection is being fulfilled by the environment's default\n          resource.\n        </FulfilledNote>\n        <HeaderRow>\n          <TitleRow>\n            <CardTitle title={row.field}>{row.field}</CardTitle>\n            <HelpTip>\n              <div>\n                <strong>Fulfilled by:</strong> The environment-default resource\n                currently satisfying this connection.\n              </div>\n            </HelpTip>\n          </TitleRow>\n        </HeaderRow>\n        <DetailColumn>\n          <TypeRow resourceType={row.resourceType} />\n          <DetailRow>\n            <Label>Fulfilled by:</Label>\n            {resHref ? (\n              <FulfilledExtLink\n                href={resHref}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                title={resourceName}\n              >\n                {resourceName}\n              </FulfilledExtLink>\n            ) : (\n              <Detail title={resourceName}>{resourceName}</Detail>\n            )}\n          </DetailRow>\n        </DetailColumn>\n        <CardActions>\n          {envDefaultsUrl ? (\n            <OpenInMassdriverButton\n              url={envDefaultsUrl}\n              variant=\"text\"\n              size=\"small\"\n            >\n              Manage environment defaults\n            </OpenInMassdriverButton>\n          ) : null}\n          <DisabledAction\n            label=\"Override with remote reference\"\n            variant=\"text\"\n            size=\"small\"\n            tooltip=\"This view is read-only. Open in Massdriver to set a remote reference.\"\n          />\n        </CardActions>\n      </Card>\n    );\n  }\n\n  if (row.state === DEPENDENCY_STATE.REMOTE_REFERENCE) {\n    const resource = row.source?.resource ?? null;\n    const resourceName = resource?.name ?? '—';\n    const resHref = resourceHref(resource?.id);\n    return (\n      <Card>\n        {row.required ? (\n          <RequiredChip label=\"Req\" color=\"success\" size=\"small\" />\n        ) : null}\n        <FulfilledNote>\n          * This connection is overridden by a remote reference to a resource\n          from another project or an imported resource.\n        </FulfilledNote>\n        <HeaderRow>\n          <TitleRow>\n            <CardTitle title={row.field}>{row.field}</CardTitle>\n            <HelpTip>\n              <div>\n                <strong>Fulfilled by:</strong> The remote-reference resource\n                currently overriding this connection.\n              </div>\n            </HelpTip>\n          </TitleRow>\n        </HeaderRow>\n        <DetailColumn>\n          <TypeRow resourceType={row.resourceType} />\n          <DetailRow>\n            <Label>Fulfilled by:</Label>\n            {resHref ? (\n              <FulfilledExtLink\n                href={resHref}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                title={resourceName}\n              >\n                {resourceName}\n              </FulfilledExtLink>\n            ) : (\n              <Detail title={resourceName}>{resourceName}</Detail>\n            )}\n          </DetailRow>\n        </DetailColumn>\n        <CardActions>\n          <DisabledAction\n            label=\"Remove remote reference\"\n            variant=\"text\"\n            size=\"small\"\n            color=\"error\"\n            tooltip=\"This view is read-only. Open in Massdriver to remove the remote reference.\"\n          />\n        </CardActions>\n      </Card>\n    );\n  }\n\n  return (\n    <Card>\n      {row.required ? (\n        <RequiredChip label=\"Req\" color=\"error\" size=\"small\" />\n      ) : null}\n      <HeaderRow>\n        <TitleRow>\n          <CardTitle title={row.field}>{row.field}</CardTitle>\n          <HelpTip>\n            <div>\n              <strong>Req (Required):</strong> Whether this connection is\n              required to successfully deploy.\n            </div>\n            <div>\n              <strong>Type:</strong> The artifact type this connection expects.\n            </div>\n          </HelpTip>\n        </TitleRow>\n      </HeaderRow>\n      <DetailColumn>\n        <TypeRow resourceType={row.resourceType} />\n      </DetailColumn>\n      <CardActions>\n        <DisabledAction\n          label=\"Set remote reference\"\n          variant=\"text\"\n          size=\"small\"\n          tooltip=\"This view is read-only. Open in Massdriver to set a remote reference.\"\n        />\n      </CardActions>\n    </Card>\n  );\n};\n\nconst Root = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(4),\n  padding: theme.spacing(1),\n}));\n\nconst Section = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n}));\n\nconst SectionHeader = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(14),\n  fontWeight: theme.typography.fontWeightBold,\n  color: theme.palette.text.primary,\n}));\n\nconst CardList = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n}));\n\nconst EmptyNote = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(12),\n  color: theme.palette.text.secondary,\n  fontStyle: 'italic',\n}));\n\nconst Card = stylin(Box, ['pending'])(\n  ({ theme, pending }: { theme: any; pending?: boolean }) => ({\n    position: 'relative',\n    border: `1px ${pending ? 'dashed' : 'solid'} ${theme.palette.divider}`,\n    backgroundColor: theme.palette.background.paper,\n    borderRadius: '4px',\n    padding: theme.spacing(1, 1.75),\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(0.5),\n  }),\n);\n\nconst RequiredChip = stylin(Chip)(({ theme }: { theme: any }) => ({\n  position: 'absolute',\n  top: '-10px',\n  right: '-10px',\n  height: 16,\n  fontSize: theme.typography.pxToRem(11),\n  pointerEvents: 'none',\n  [`& .${chipClasses.label}`]: { paddingLeft: '6px', paddingRight: '6px' },\n}));\n\nconst HeaderRow = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: theme.spacing(0.5),\n  minWidth: 0,\n}));\n\nconst TitleRow = stylin(Box)({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '2px',\n  minWidth: 0,\n  flex: 1,\n});\n\nconst CardTitle = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(14),\n  color: theme.palette.text.primary,\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  minWidth: 0,\n}));\n\nconst HelpIcon = stylin(HelpOutlineIcon)(({ theme }: { theme: any }) => ({\n  width: 15,\n  height: 15,\n  color: theme.palette.text.secondary,\n  flexShrink: 0,\n  '&:hover': { color: theme.palette.primary.main },\n}));\n\nconst DetailColumn = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '2px',\n  marginLeft: theme.spacing(1.5),\n}));\n\nconst DetailRow = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'row',\n  gap: theme.spacing(0.5),\n  minWidth: 0,\n}));\n\nconst Label = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  fontWeight: theme.typography.fontWeightMedium,\n  whiteSpace: 'nowrap',\n  flexShrink: 0,\n}));\n\nconst Detail = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  color: theme.palette.text.primary,\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n}));\n\nconst FulfilledLink = stylin(RouterLinkAdapter)(\n  ({ theme }: { theme: any }) => ({\n    fontSize: theme.typography.pxToRem(11),\n    color: theme.palette.primary.main,\n    textDecoration: 'underline',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    minWidth: 0,\n    display: 'block',\n    '&:hover': { color: theme.palette.primary.dark },\n  }),\n);\n\nconst FulfilledExtLink = stylin('a')(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  color: theme.palette.primary.main,\n  textDecoration: 'underline',\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  minWidth: 0,\n  display: 'block',\n  '&:hover': { color: theme.palette.primary.dark },\n}));\n\nconst CardActions = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n  marginTop: theme.spacing(0.5),\n  marginLeft: theme.spacing(1.5),\n}));\n\nconst FulfilledNote = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  fontStyle: 'italic',\n  color: theme.palette.text.secondary,\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n}));\n\nconst TooltipBody = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '2px',\n  fontSize: theme.typography.pxToRem(12),\n  lineHeight: 1.4,\n  maxWidth: 320,\n}));\n\nconst StyledStatusPill = stylin(InstanceStatusPill)(\n  ({ theme }: { theme: any }) => ({\n    height: 18,\n    fontSize: theme.typography.pxToRem(11),\n    flexShrink: 0,\n  }),\n);\n"],"names":[],"mappings":"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"}