@massdriver/backstage-plugin 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResourcesTab.esm.js","sources":["../../../../../src/features/environment/InstanceDrawer/tabs/ResourcesTab.tsx"],"sourcesContent":["import { Fragment, useMemo, useState } from 'react';\nimport { useApi } from '@backstage/frontend-plugin-api';\nimport {\n  composeEnvironmentId,\n  parseEnvironmentId,\n  parseInstanceId,\n  resourceUrl,\n} from '@massdriver/backstage-plugin-common';\nimport Box from '@massdriver/ui/Box';\nimport Typography from '@massdriver/ui/Typography';\nimport Tooltip from '@massdriver/ui/Tooltip';\nimport Collapse from '@massdriver/ui/Collapse';\nimport CodeBlock from '@massdriver/ui/CodeBlock';\nimport CopyButton from '@massdriver/ui/CopyButton';\nimport Chip from '@massdriver/ui/Chip';\nimport IconButton from '@massdriver/ui/IconButton';\nimport HelpOutlineIcon from '@massdriver/ui/icons/HelpOutlineIcon';\nimport ExpandMoreIcon from '@massdriver/ui/icons/ExpandMoreIcon';\nimport ExpandLessIcon from '@massdriver/ui/icons/ExpandLessIcon';\nimport DownloadIcon from '@massdriver/ui/icons/DownloadIcon';\nimport stylin from '@massdriver/ui/stylin';\nimport { massdriverApiRef } from '../../../../api';\nimport { RouterLinkAdapter } from '../../../../components/RouterLinkAdapter';\nimport { internalRoutes } from '../../../../internalRoutes';\nimport { useLiveRelayQuery } from '../../realtime/useLiveRelayQuery';\nimport { TabState } from '../TabState';\nimport { RESOURCES_QUERY, RESOURCE_CONSUMERS_QUERY } from '../queries';\nimport { useInstanceApiQuery } from '../useInstanceApiQuery';\nimport {\n  buildResourceRows,\n  formatGrantConditions,\n  formatPayload,\n  RESOURCE_STATE,\n  type ResourceRow,\n} from '../helpers';\nimport type {\n  BundleResourceEntry,\n  InstanceResourceEntry,\n  ProducedResource,\n} from '../types';\nimport { chipClasses } from '../../../../theme/muiClasses';\n\n/** Read-only Resources tab: produced/pending resources with consumers + grants. */\nexport const ResourcesTab = ({ instanceId }: { instanceId: string | null }) => {\n  const { value, loading, error } = useInstanceApiQuery<{\n    instance: {\n      id: string;\n      bundle?: {\n        id: string;\n        resources?: (BundleResourceEntry | null)[] | null;\n      } | null;\n      resources?: (InstanceResourceEntry | null)[] | null;\n    } | null;\n  }>(RESOURCES_QUERY, instanceId);\n\n  const rows = useMemo(\n    () =>\n      buildResourceRows(\n        value?.instance?.bundle?.resources,\n        value?.instance?.resources,\n      ),\n    [value?.instance],\n  );\n\n  return (\n    <TabState loading={loading} error={error}>\n      <Root>\n        {rows.length === 0 ? (\n          <EmptyNote>This instance does not produce any resources.</EmptyNote>\n        ) : (\n          <List>\n            {rows.map(row =>\n              row.state === RESOURCE_STATE.CREATED ? (\n                <CreatedResourceCard key={row.field} row={row} />\n              ) : (\n                <UncreatedResourceCard key={row.field} row={row} />\n              ),\n            )}\n          </List>\n        )}\n      </Root>\n    </TabState>\n  );\n};\n\nexport default ResourcesTab;\n\ninterface Grant {\n  id: string;\n  action?: string | null;\n  recipientConditions?: unknown;\n}\ninterface Connection {\n  id: string;\n  toField?: string | null;\n  toInstance?: { id: string; name?: string | null } | null;\n}\ninterface RemoteReference {\n  id: string;\n  field?: string | null;\n  instance?: { id: string; name?: string | null } | null;\n}\ninterface EnvironmentDefault {\n  id: string;\n  environment?: {\n    id: string;\n    name?: string | null;\n    project?: { id: string; name?: string | null } | null;\n  } | null;\n}\n\nconst instanceHref = (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 environmentHref = (id?: string | null): string | null => {\n  if (!id) return null;\n  const { projectId, scopedEnvironmentId } = parseEnvironmentId(id);\n  if (!projectId || !scopedEnvironmentId) return null;\n  return internalRoutes.environment(\n    projectId,\n    composeEnvironmentId(projectId, scopedEnvironmentId),\n  );\n};\n\nconst CreatedResourceCard = ({ row }: { row: ResourceRow }) => {\n  const api = useApi(massdriverApiRef);\n  const [payloadOpen, setPayloadOpen] = useState(false);\n  const resource = row.resource as ProducedResource | null;\n\n  // Live query: consumers (connections/remote refs/env defaults/grants) track\n  // realtime events instead of going stale after the first render.\n  const { value: consumersResult, error: consumersError } = useLiveRelayQuery<{\n    resource: {\n      connections?: { items?: (Connection | null)[] | null };\n      environmentDefaults?: { items?: (EnvironmentDefault | null)[] | null };\n      remoteReferences?: { items?: (RemoteReference | null)[] | null };\n      grants?: { items?: (Grant | null)[] | null };\n    } | null;\n  }>(RESOURCE_CONSUMERS_QUERY, resource?.id ? { id: resource.id } : null);\n  const consumers = consumersResult?.resource ?? null;\n\n  const grants = (consumers?.grants?.items ?? []).filter(Boolean) as Grant[];\n  const connectionItems = (consumers?.connections?.items ?? []).filter(\n    Boolean,\n  ) as Connection[];\n  const remoteReferenceItems = (\n    consumers?.remoteReferences?.items ?? []\n  ).filter(Boolean) as RemoteReference[];\n  const environmentDefaultItems = (\n    consumers?.environmentDefaults?.items ?? []\n  ).filter(Boolean) as EnvironmentDefault[];\n\n  const payloadString = formatPayload(resource?.payload);\n  const resourceName = resource?.name || '—';\n  const resHref =\n    resource?.id && api.appUrl\n      ? resourceUrl(api.appUrl, api.organizationId, resource.id)\n      : '';\n\n  return (\n    <Card>\n      <HeaderRow>\n        <TitleRow>\n          <CardTitle title={row.field}>{row.field}</CardTitle>\n          <Tooltip\n            placement=\"top\"\n            arrow\n            title={\n              <TooltipBody>\n                <div>\n                  <strong>Type:</strong> The resource type produced by this\n                  instance output.\n                </div>\n                <div>\n                  <strong>Resource:</strong> The name of the produced resource.\n                </div>\n                <div>\n                  <strong>Connections / Remote refs / Env defaults:</strong>{' '}\n                  Other instances or environments that consume this resource.\n                </div>\n                <div>\n                  <strong>Resource data:</strong> The redacted payload.\n                </div>\n              </TooltipBody>\n            }\n          >\n            <HelpIcon />\n          </Tooltip>\n        </TitleRow>\n        <HeaderActions>\n          <ResourceGrantsChip grants={grants} />\n          {resource?.id ? (\n            <CopyButton\n              text={resource.id}\n              tooltip=\"Copy resource ID\"\n              size=\"small\"\n            />\n          ) : null}\n          <Tooltip\n            title=\"This view is read-only. Open in Massdriver to download resource data.\"\n            placement=\"top\"\n          >\n            <DownloadWrap>\n              <IconButton\n                size=\"small\"\n                disabled\n                aria-label=\"Download resource data\"\n              >\n                <DownloadIcon fontSize=\"small\" />\n              </IconButton>\n            </DownloadWrap>\n          </Tooltip>\n        </HeaderActions>\n      </HeaderRow>\n      <DetailColumn>\n        <DetailRow>\n          <Label>Type:</Label>\n          <Detail title={row.resourceType?.name || '—'}>\n            {row.resourceType?.name || '—'}\n          </Detail>\n        </DetailRow>\n        <DetailRow>\n          <Label>Resource:</Label>\n          {resHref ? (\n            <ResourceLink\n              href={resHref}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              title={resourceName}\n            >\n              {resourceName}\n            </ResourceLink>\n          ) : (\n            <Detail title={resourceName}>{resourceName}</Detail>\n          )}\n        </DetailRow>\n        {connectionItems.length > 0 ? (\n          <DetailRow>\n            <Label>Connections:</Label>\n            <ListValue>\n              <ConsumerList\n                items={connectionItems.map(connection => ({\n                  key: connection.id,\n                  label: connection.toInstance?.name ?? 'instance',\n                  href: instanceHref(connection.toInstance?.id),\n                }))}\n              />\n            </ListValue>\n          </DetailRow>\n        ) : null}\n        {remoteReferenceItems.length > 0 ? (\n          <DetailRow>\n            <Label>Remote refs:</Label>\n            <ListValue>\n              <ConsumerList\n                items={remoteReferenceItems.map(reference => ({\n                  key: reference.id,\n                  label: reference.instance?.name ?? 'instance',\n                  href: instanceHref(reference.instance?.id),\n                }))}\n              />\n            </ListValue>\n          </DetailRow>\n        ) : null}\n        {environmentDefaultItems.length > 0 ? (\n          <DetailRow>\n            <Label>Env defaults:</Label>\n            <ListValue>\n              <ConsumerList\n                items={environmentDefaultItems.map(envDefault => {\n                  const projectName = envDefault.environment?.project?.name;\n                  const envName = envDefault.environment?.name ?? 'environment';\n                  return {\n                    key: envDefault.id,\n                    label: projectName\n                      ? `${projectName} / ${envName}`\n                      : envName,\n                    href: environmentHref(envDefault.environment?.id),\n                  };\n                })}\n              />\n            </ListValue>\n          </DetailRow>\n        ) : null}\n        {consumersError ? (\n          <DetailRow>\n            <Label>Consumers:</Label>\n            <Detail title={consumersError.message}>\n              Couldn't load consumers\n            </Detail>\n          </DetailRow>\n        ) : null}\n      </DetailColumn>\n      <PayloadSection>\n        <PayloadToggle\n          type=\"button\"\n          onClick={() => setPayloadOpen(open => !open)}\n          aria-expanded={payloadOpen}\n        >\n          <PayloadToggleLabel>Resource data</PayloadToggleLabel>\n          {payloadOpen ? (\n            <ExpandLessIcon fontSize=\"small\" />\n          ) : (\n            <ExpandMoreIcon fontSize=\"small\" />\n          )}\n        </PayloadToggle>\n        <Collapse in={payloadOpen} unmountOnExit>\n          <PayloadInner>\n            {payloadString ? (\n              <PayloadCodeBlock>{payloadString}</PayloadCodeBlock>\n            ) : (\n              <EmptyPayload>No payload available.</EmptyPayload>\n            )}\n          </PayloadInner>\n        </Collapse>\n      </PayloadSection>\n    </Card>\n  );\n};\n\nconst UncreatedResourceCard = ({ row }: { row: ResourceRow }) => (\n  <Card pending>\n    <HeaderRow>\n      <TitleRow>\n        <CardTitle title={row.field}>{row.field}</CardTitle>\n        <Tooltip\n          placement=\"top\"\n          arrow\n          title={\n            <TooltipBody>\n              <div>\n                This resource has not been produced yet. Once the instance is\n                deployed successfully, it will be created and details will\n                appear here.\n              </div>\n            </TooltipBody>\n          }\n        >\n          <HelpIcon />\n        </Tooltip>\n      </TitleRow>\n    </HeaderRow>\n    <DetailColumn>\n      <DetailRow>\n        <Label>Type:</Label>\n        <Detail title={row.resourceType?.name || '—'}>\n          {row.resourceType?.name || '—'}\n        </Detail>\n      </DetailRow>\n    </DetailColumn>\n  </Card>\n);\n\nconst ConsumerList = ({\n  items,\n}: {\n  items: Array<{ key: string; label: string; href: string | null }>;\n}) => (\n  <>\n    {items.map((item, index) => (\n      <Fragment key={item.key}>\n        {index > 0 ? <Comma>, </Comma> : null}\n        {item.href ? (\n          <ConsumerAnchor href={item.href} title={item.label}>\n            {item.label}\n          </ConsumerAnchor>\n        ) : (\n          <ConsumerText title={item.label}>{item.label}</ConsumerText>\n        )}\n      </Fragment>\n    ))}\n  </>\n);\n\nconst ResourceGrantsChip = ({ grants }: { grants: Grant[] }) => {\n  if (!grants || grants.length === 0) return null;\n  return (\n    <Tooltip\n      placement=\"top\"\n      arrow\n      title={\n        <TooltipBody>\n          <TooltipTitle>\n            Shared with {grants.length} grant{grants.length === 1 ? '' : 's'}\n          </TooltipTitle>\n          {grants.map(grant => (\n            <GrantRow key={grant.id}>\n              <GrantAction>{grant.action}</GrantAction>\n              <GrantConditions>\n                {formatGrantConditions(grant.recipientConditions)}\n              </GrantConditions>\n            </GrantRow>\n          ))}\n        </TooltipBody>\n      }\n    >\n      <SharedChip label=\"Shared\" size=\"small\" color=\"info\" variant=\"outlined\" />\n    </Tooltip>\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 List = 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 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 HeaderActions = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(0.25),\n  flexShrink: 0,\n}));\n\nconst DownloadWrap = stylin('span')({\n  display: 'inline-flex',\n});\n\nconst ResourceLink = 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  '&:hover': { color: theme.palette.primary.dark },\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  alignItems: 'center',\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 ListValue = stylin(Box)({\n  display: 'flex',\n  flexDirection: 'row',\n  flexWrap: 'wrap',\n  alignItems: 'baseline',\n  minWidth: 0,\n});\n\nconst Comma = stylin('span')(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  color: theme.palette.text.primary,\n  marginRight: '2px',\n}));\n\nconst ConsumerAnchor = 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    '&:hover': { color: theme.palette.primary.dark },\n  }),\n);\n\nconst ConsumerText = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  color: theme.palette.text.primary,\n  whiteSpace: 'nowrap',\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 TooltipTitle = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(12),\n  fontWeight: theme.typography.fontWeightBold,\n}));\n\nconst GrantRow = stylin(Box)({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '2px',\n});\n\nconst GrantAction = stylin('span')(({ theme }: { theme: any }) => ({\n  fontFamily: 'monospace',\n  fontSize: theme.typography.pxToRem(11),\n}));\n\nconst GrantConditions = stylin('span')(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  opacity: 0.9,\n}));\n\nconst SharedChip = stylin(Chip)(({ theme }: { theme: any }) => ({\n  height: 18,\n  fontSize: theme.typography.pxToRem(11),\n  [`& .${chipClasses.label}`]: { paddingLeft: '6px', paddingRight: '6px' },\n}));\n\nconst PayloadSection = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  marginTop: theme.spacing(1),\n  marginLeft: `-${theme.spacing(1.75)}`,\n  marginRight: `-${theme.spacing(1.75)}`,\n  marginBottom: `-${theme.spacing(1)}`,\n}));\n\nconst PayloadToggle = stylin('button')(({ theme }: { theme: any }) => ({\n  border: 'none',\n  borderTop: `1px solid ${theme.palette.divider}`,\n  background: 'transparent',\n  padding: theme.spacing(0.75, 1.75),\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  cursor: 'pointer',\n  color: theme.palette.text.secondary,\n  fontFamily: 'inherit',\n  borderRadius: 0,\n  '&:hover': {\n    backgroundColor: theme.palette.action.hover,\n    color: theme.palette.primary.main,\n  },\n}));\n\nconst PayloadToggleLabel = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  fontWeight: theme.typography.fontWeightMedium,\n  color: 'inherit',\n}));\n\nconst PayloadInner = stylin(Box)(({ theme }: { theme: any }) => ({\n  padding: theme.spacing(1.75),\n}));\n\nconst PayloadCodeBlock = stylin(CodeBlock)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  padding: theme.spacing(1),\n}));\n\nconst EmptyPayload = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  color: theme.palette.text.secondary,\n  fontStyle: 'italic',\n}));\n"],"names":["Fragment"],"mappings":"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"}

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

@@ -0,0 +1,109 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Box from '@massdriver/ui/Box';
+import Typography from '@massdriver/ui/Typography';
+import TextField from '@massdriver/ui/TextField';
+import FormsMarkdown from '@massdriver/ui/FormsMarkdown';
+import stylin from '@massdriver/ui/stylin';
+import { DisabledAction } from '../../../../components/DisabledAction.esm.js';
+
+const MASKED_VALUE = "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022";
+const SecretsTab = ({
+  secretFields = []
+}) => /* @__PURE__ */ jsx(Root, { children: secretFields.length > 0 ? secretFields.map((field) => {
+  const isSet = Boolean(field.sha256);
+  return /* @__PURE__ */ jsxs(Item, { children: [
+    /* @__PURE__ */ jsx(SecretTitle, { children: `${field.title || field.name}${field.required ? "*" : ""}` }),
+    /* @__PURE__ */ jsxs(ValueRow, { children: [
+      /* @__PURE__ */ jsx(
+        MaskedField,
+        {
+          value: isSet ? MASKED_VALUE : "",
+          placeholder: isSet ? "" : "No value set",
+          size: "small",
+          fullWidth: true,
+          disabled: true
+        }
+      ),
+      /* @__PURE__ */ jsxs(Actions, { children: [
+        /* @__PURE__ */ jsx(
+          DisabledAction,
+          {
+            label: "Edit",
+            variant: "text",
+            size: "small",
+            tooltip: "This view is read-only. Open in Massdriver to set this secret."
+          }
+        ),
+        isSet ? /* @__PURE__ */ jsx(
+          DisabledAction,
+          {
+            label: "Clear",
+            variant: "text",
+            size: "small",
+            color: "error",
+            tooltip: "This view is read-only. Open in Massdriver to clear this secret."
+          }
+        ) : null
+      ] })
+    ] }),
+    isSet && field.sha256 ? /* @__PURE__ */ jsxs(Meta, { title: field.sha256, children: [
+      "sha256: ",
+      field.sha256.slice(0, 12),
+      "\u2026"
+    ] }) : null,
+    field.description ? /* @__PURE__ */ jsx(Description, { children: /* @__PURE__ */ jsx(FormsMarkdown, { children: field.description }) }) : null
+  ] }, field.name);
+}) : /* @__PURE__ */ jsx(EmptyNote, { children: "This component doesn't declare any secrets." }) });
+const Root = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(3),
+  padding: theme.spacing(1)
+}));
+const Item = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(0.75),
+  paddingBottom: theme.spacing(1.5),
+  borderBottom: `1px solid ${theme.palette.divider}`
+}));
+const SecretTitle = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(13),
+  fontWeight: 600,
+  color: theme.palette.text.primary
+}));
+const ValueRow = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1)
+}));
+const MaskedField = stylin(TextField)({
+  flex: 1,
+  minWidth: 0
+});
+const Actions = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(0.5),
+  flexShrink: 0
+}));
+const Meta = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(11),
+  color: theme.palette.text.secondary,
+  fontFamily: theme.typography.fontFamilyMono,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+}));
+const Description = stylin(Box)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(12),
+  color: theme.palette.text.secondary
+}));
+const EmptyNote = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(12),
+  color: theme.palette.text.secondary,
+  fontStyle: "italic"
+}));
+
+export { SecretsTab, SecretsTab as default };
+//# sourceMappingURL=SecretsTab.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SecretsTab.esm.js","sources":["../../../../../src/features/environment/InstanceDrawer/tabs/SecretsTab.tsx"],"sourcesContent":["import Box from '@massdriver/ui/Box';\nimport Typography from '@massdriver/ui/Typography';\nimport TextField from '@massdriver/ui/TextField';\nimport FormsMarkdown from '@massdriver/ui/FormsMarkdown';\nimport stylin from '@massdriver/ui/stylin';\nimport { DisabledAction } from '../../../../components/DisabledAction';\nimport type { SecretField } from '../types';\n\n// The secret value is never fetched (only `sha256`), so it is always masked.\nconst MASKED_VALUE = '••••••••••••';\n\n/**\n * Read-only Secrets tab: mirrors the web app's per-secret line item (masked\n * value field, sha256 fingerprint, markdown description). Set/clear are\n * mutations, so they render as disabled controls with a tooltip pointing to\n * Massdriver (the web app is where secrets are actually managed).\n */\nexport const SecretsTab = ({\n  secretFields = [],\n}: {\n  secretFields?: SecretField[];\n}) => (\n  <Root>\n    {secretFields.length > 0 ? (\n      secretFields.map(field => {\n        const isSet = Boolean(field.sha256);\n        return (\n          <Item key={field.name}>\n            <SecretTitle>\n              {`${field.title || field.name}${field.required ? '*' : ''}`}\n            </SecretTitle>\n            <ValueRow>\n              <MaskedField\n                value={isSet ? MASKED_VALUE : ''}\n                placeholder={isSet ? '' : 'No value set'}\n                size=\"small\"\n                fullWidth\n                disabled\n              />\n              <Actions>\n                <DisabledAction\n                  label=\"Edit\"\n                  variant=\"text\"\n                  size=\"small\"\n                  tooltip=\"This view is read-only. Open in Massdriver to set this secret.\"\n                />\n                {isSet ? (\n                  <DisabledAction\n                    label=\"Clear\"\n                    variant=\"text\"\n                    size=\"small\"\n                    color=\"error\"\n                    tooltip=\"This view is read-only. Open in Massdriver to clear this secret.\"\n                  />\n                ) : null}\n              </Actions>\n            </ValueRow>\n            {isSet && field.sha256 ? (\n              <Meta title={field.sha256}>\n                sha256: {field.sha256.slice(0, 12)}…\n              </Meta>\n            ) : null}\n            {field.description ? (\n              <Description>\n                <FormsMarkdown>{field.description}</FormsMarkdown>\n              </Description>\n            ) : null}\n          </Item>\n        );\n      })\n    ) : (\n      <EmptyNote>This component doesn't declare any secrets.</EmptyNote>\n    )}\n  </Root>\n);\n\nexport default SecretsTab;\n\nconst Root = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(3),\n  padding: theme.spacing(1),\n}));\n\nconst Item = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(0.75),\n  paddingBottom: theme.spacing(1.5),\n  borderBottom: `1px solid ${theme.palette.divider}`,\n}));\n\nconst SecretTitle = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(13),\n  fontWeight: 600,\n  color: theme.palette.text.primary,\n}));\n\nconst ValueRow = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n}));\n\nconst MaskedField = stylin(TextField)({\n  flex: 1,\n  minWidth: 0,\n});\n\nconst Actions = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n  flexShrink: 0,\n}));\n\nconst Meta = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  color: theme.palette.text.secondary,\n  fontFamily: theme.typography.fontFamilyMono,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}));\n\nconst Description = stylin(Box)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(12),\n  color: theme.palette.text.secondary,\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"],"names":[],"mappings":";;;;;;;;AASA,MAAM,YAAA,GAAe,0EAAA;AAQd,MAAM,aAAa,CAAC;AAAA,EACzB,eAAe;AACjB,CAAA,yBAGG,IAAA,EAAA,EACE,QAAA,EAAA,YAAA,CAAa,SAAS,CAAA,GACrB,YAAA,CAAa,IAAI,CAAA,KAAA,KAAS;AACxB,EAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,KAAA,CAAM,MAAM,CAAA;AAClC,EAAA,4BACG,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EACE,QAAA,EAAA,CAAA,EAAG,KAAA,CAAM,KAAA,IAAS,KAAA,CAAM,IAAI,CAAA,EAAG,KAAA,CAAM,QAAA,GAAW,GAAA,GAAM,EAAE,CAAA,CAAA,EAC3D,CAAA;AAAA,yBACC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,QAAQ,YAAA,GAAe,EAAA;AAAA,UAC9B,WAAA,EAAa,QAAQ,EAAA,GAAK,cAAA;AAAA,UAC1B,IAAA,EAAK,OAAA;AAAA,UACL,SAAA,EAAS,IAAA;AAAA,UACT,QAAA,EAAQ;AAAA;AAAA,OACV;AAAA,2BACC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,MAAA;AAAA,YACN,OAAA,EAAQ,MAAA;AAAA,YACR,IAAA,EAAK,OAAA;AAAA,YACL,OAAA,EAAQ;AAAA;AAAA,SACV;AAAA,QACC,KAAA,mBACC,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAM,OAAA;AAAA,YACN,OAAA,EAAQ,MAAA;AAAA,YACR,IAAA,EAAK,OAAA;AAAA,YACL,KAAA,EAAM,OAAA;AAAA,YACN,OAAA,EAAQ;AAAA;AAAA,SACV,GACE;AAAA,OAAA,EACN;AAAA,KAAA,EACF,CAAA;AAAA,IACC,SAAS,KAAA,CAAM,MAAA,wBACb,IAAA,EAAA,EAAK,KAAA,EAAO,MAAM,MAAA,EAAQ,QAAA,EAAA;AAAA,MAAA,UAAA;AAAA,MAChB,KAAA,CAAM,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,EAAE,CAAA;AAAA,MAAE;AAAA,KAAA,EACrC,CAAA,GACE,IAAA;AAAA,IACH,KAAA,CAAM,8BACL,GAAA,CAAC,WAAA,EAAA,EACC,8BAAC,aAAA,EAAA,EAAe,QAAA,EAAA,KAAA,CAAM,WAAA,EAAY,CAAA,EACpC,CAAA,GACE;AAAA,GAAA,EAAA,EAvCK,MAAM,IAwCjB,CAAA;AAEJ,CAAC,CAAA,mBAED,GAAA,CAAC,SAAA,EAAA,EAAU,QAAA,EAAA,6CAAA,EAA2C,CAAA,EAE1D;AAKF,MAAM,OAAO,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACvD,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EACpB,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAC;AAC1B,CAAA,CAAE,CAAA;AAEF,MAAM,OAAO,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACvD,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA;AAAA,EACvB,aAAA,EAAe,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,EAChC,YAAA,EAAc,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA;AAClD,CAAA,CAAE,CAAA;AAEF,MAAM,cAAc,MAAA,CAAO,UAAU,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACrE,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,OAAA,CAAQ,EAAE,CAAA;AAAA,EACrC,UAAA,EAAY,GAAA;AAAA,EACZ,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAC5B,CAAA,CAAE,CAAA;AAEF,MAAM,WAAW,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAC3D,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC;AACtB,CAAA,CAAE,CAAA;AAEF,MAAM,WAAA,GAAc,MAAA,CAAO,SAAS,CAAA,CAAE;AAAA,EACpC,IAAA,EAAM,CAAA;AAAA,EACN,QAAA,EAAU;AACZ,CAAC,CAAA;AAED,MAAM,UAAU,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAC1D,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,EACtB,UAAA,EAAY;AACd,CAAA,CAAE,CAAA;AAEF,MAAM,OAAO,MAAA,CAAO,UAAU,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAC9D,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,OAAA,CAAQ,EAAE,CAAA;AAAA,EACrC,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,EAC1B,UAAA,EAAY,MAAM,UAAA,CAAW,cAAA;AAAA,EAC7B,QAAA,EAAU,QAAA;AAAA,EACV,YAAA,EAAc,UAAA;AAAA,EACd,UAAA,EAAY;AACd,CAAA,CAAE,CAAA;AAEF,MAAM,cAAc,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAC9D,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,OAAA,CAAQ,EAAE,CAAA;AAAA,EACrC,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAC5B,CAAA,CAAE,CAAA;AAEF,MAAM,YAAY,MAAA,CAAO,UAAU,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACnE,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,OAAA,CAAQ,EAAE,CAAA;AAAA,EACrC,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,EAC1B,SAAA,EAAW;AACb,CAAA,CAAE,CAAA;;;;"}

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

@@ -0,0 +1,384 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { useApi } from '@backstage/frontend-plugin-api';
+import useAsync from 'react-use/esm/useAsync';
+import { Dialog, DialogHeader, DialogActions, DialogContent } from '@massdriver/ui/Dialog';
+import Box from '@massdriver/ui/Box';
+import Typography from '@massdriver/ui/Typography';
+import Button from '@massdriver/ui/Button';
+import IconButton from '@massdriver/ui/IconButton';
+import CopyButton from '@massdriver/ui/CopyButton';
+import Alert from '@massdriver/ui/Alert';
+import LoadingIndicator from '@massdriver/ui/LoadingIndicator';
+import DataList, { col } from '@massdriver/ui/DataList';
+import stylin from '@massdriver/ui/stylin';
+import CloseIcon from '@massdriver/ui/icons/CloseIcon';
+import HistoryIcon from '@massdriver/ui/icons/HistoryIcon';
+import { massdriverApiRef } from '../../../../api.esm.js';
+import InstanceStatusPill from '../../components/InstanceStatusPill.esm.js';
+import { composeInstanceStatus } from '../../../../utils/instanceStatuses.esm.js';
+import VersionBadge from '../../../../components/VersionBadge.esm.js';
+import { ComparisonValueCell } from '../../CompareEnvironmentsDialog/ComparisonValueCell.esm.js';
+import { DEPLOYMENT_QUERY } from '../queries.esm.js';
+import { formatDeploymentStatus, formatElapsed, formatRelativeTime, formatAbsoluteDateTime, parsePlanMessage, parseRollbackMessage, stripMessageContext, deploymentHasLogs, parseMap, truncateDeploymentId, formatAttributeValue } from '../helpers.esm.js';
+import flattenParams from './flattenParams.esm.js';
+import { useOpenLogs } from './DeploymentLogsPanel.esm.js';
+import { DisabledApprovalCluster, DisabledRollbackButton, LogsButton } from './DeploymentReadOnlyActions.esm.js';
+
+const renderValueCell = (_value, row) => /* @__PURE__ */ jsx(
+  ComparisonValueCell,
+  {
+    side: { present: true, value: row.value },
+    isDifferent: false,
+    isMissing: false
+  }
+);
+const COLUMNS = [
+  col.text("path", "Path", {
+    flex: 2,
+    minWidth: 200,
+    sortable: true,
+    searchable: true
+  }),
+  col.custom("value", "Value", renderValueCell, {
+    flex: 3,
+    minWidth: 220,
+    sortable: false,
+    searchable: false
+  })
+];
+const buildHeading = (componentName, statusLabel) => {
+  const verb = statusLabel && statusLabel !== "\u2014" ? statusLabel.toLowerCase() : null;
+  if (!componentName && !verb) return "Deployment";
+  if (!verb) return `${componentName} deployment`;
+  return componentName ? `${componentName} \xB7 ${verb}` : verb;
+};
+const ViewDeploymentDetails = ({
+  deploymentId,
+  onClose,
+  onShowSource
+}) => {
+  const api = useApi(massdriverApiRef);
+  const openLogs = useOpenLogs();
+  const open = Boolean(deploymentId);
+  const { value, loading, error } = useAsync(async () => {
+    if (!deploymentId) return null;
+    const data = await api.query(DEPLOYMENT_QUERY, { id: deploymentId });
+    return data.deployment;
+  }, [api, deploymentId]);
+  const deployment = value;
+  const paramRows = useMemo(
+    () => flattenParams(deployment?.params),
+    [deployment?.params]
+  );
+  const statusLabel = formatDeploymentStatus(
+    deployment?.action,
+    deployment?.status
+  );
+  const componentName = deployment?.instance?.component?.name;
+  const elapsed = formatElapsed(deployment?.elapsedTime);
+  const occurredIso = deployment?.lastTransitionedAt ?? deployment?.createdAt;
+  const time = formatRelativeTime(occurredIso);
+  const absoluteDate = formatAbsoluteDateTime(occurredIso);
+  const deployedBy = deployment?.deployedBy ?? "system";
+  const heading = buildHeading(componentName, statusLabel);
+  const planSource = deployment?.action === "PLAN" ? parsePlanMessage(deployment?.message) : null;
+  const rollbackSource = parseRollbackMessage(deployment?.message);
+  const displayMessage = stripMessageContext(deployment?.message);
+  const isProposed = deployment?.status === "PROPOSED";
+  const isRollbackEligible = deployment?.action === "PROVISION" && deployment?.status === "COMPLETED";
+  const hasLogs = deploymentHasLogs(deployment?.status);
+  const handleViewLogs = () => {
+    if (!deployment) return;
+    onClose();
+    openLogs(deployment.id);
+  };
+  const attributes = parseMap(deployment?.effectiveAttributes);
+  const attributeEntries = attributes ? Object.entries(attributes) : [];
+  return /* @__PURE__ */ jsxs(Dialog, { open, onClose, maxWidth: "md", fullWidth: true, children: [
+    /* @__PURE__ */ jsx(
+      DialogHeader,
+      {
+        icon: /* @__PURE__ */ jsx(HistoryIcon, {}),
+        actions: /* @__PURE__ */ jsx(IconButton, { onClick: onClose, "aria-label": "Close deployment details", children: /* @__PURE__ */ jsx(CloseIcon, {}) }),
+        children: heading
+      }
+    ),
+    /* @__PURE__ */ jsx(Body, { children: loading ? /* @__PURE__ */ jsx(Centered, { children: /* @__PURE__ */ jsx(LoadingIndicator, {}) }) : error ? /* @__PURE__ */ jsx(Alert, { severity: "error", children: String(error.message ?? error) }) : deployment ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(SummaryCard, { children: [
+        /* @__PURE__ */ jsxs(SummaryHeader, { children: [
+          /* @__PURE__ */ jsxs(SummaryHeaderLeft, { children: [
+            /* @__PURE__ */ jsx(
+              InstanceStatusPill,
+              {
+                status: composeInstanceStatus(
+                  deployment.action,
+                  deployment.status
+                ),
+                onClick: hasLogs ? handleViewLogs : void 0
+              }
+            ),
+            deployment.version ? /* @__PURE__ */ jsx(VersionBadge, { version: deployment.version }) : null
+          ] }),
+          isProposed ? /* @__PURE__ */ jsx(DisabledApprovalCluster, {}) : /* @__PURE__ */ jsxs(HeaderActions, { children: [
+            isRollbackEligible ? /* @__PURE__ */ jsx(DisabledRollbackButton, {}) : null,
+            hasLogs ? /* @__PURE__ */ jsx(LogsButton, { onClick: handleViewLogs }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(DefList, { children: [
+          /* @__PURE__ */ jsxs(DefRow, { children: [
+            /* @__PURE__ */ jsx(DefLabel, { children: "Status" }),
+            /* @__PURE__ */ jsx(DefValue, { children: statusLabel })
+          ] }),
+          /* @__PURE__ */ jsxs(DefRow, { children: [
+            /* @__PURE__ */ jsx(DefLabel, { children: "Occurred" }),
+            /* @__PURE__ */ jsxs(DefValue, { children: [
+              time,
+              absoluteDate ? /* @__PURE__ */ jsx(DefMuted, { children: ` \xB7 ${absoluteDate}` }) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(DefRow, { children: [
+            /* @__PURE__ */ jsx(DefLabel, { children: "Duration" }),
+            /* @__PURE__ */ jsx(DefValue, { children: elapsed ?? "\u2014" })
+          ] }),
+          /* @__PURE__ */ jsxs(DefRow, { children: [
+            /* @__PURE__ */ jsx(DefLabel, { children: "Deployed by" }),
+            /* @__PURE__ */ jsx(DefValue, { children: /* @__PURE__ */ jsx("strong", { children: deployedBy }) })
+          ] }),
+          /* @__PURE__ */ jsxs(DefRow, { children: [
+            /* @__PURE__ */ jsx(DefLabel, { children: "Deployment ID" }),
+            /* @__PURE__ */ jsxs(DefValue, { children: [
+              /* @__PURE__ */ jsx(Mono, { children: deployment.id }),
+              /* @__PURE__ */ jsx(
+                CopyButton,
+                {
+                  text: deployment.id,
+                  ariaLabel: "Copy deployment ID"
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        planSource ? /* @__PURE__ */ jsxs(PlanSourceBlock, { children: [
+          /* @__PURE__ */ jsxs(
+            PlanSourceLink,
+            {
+              variant: "text",
+              size: "small",
+              onClick: () => onShowSource(planSource.sourceId),
+              children: [
+                "Planned deployment of",
+                " ",
+                truncateDeploymentId(planSource.sourceId)
+              ]
+            }
+          ),
+          displayMessage ? /* @__PURE__ */ jsxs(MessageQuote, { children: [
+            '"',
+            displayMessage,
+            '"'
+          ] }) : null
+        ] }) : rollbackSource ? /* @__PURE__ */ jsxs(PlanSourceBlock, { children: [
+          /* @__PURE__ */ jsxs(
+            PlanSourceLink,
+            {
+              variant: "text",
+              size: "small",
+              onClick: () => onShowSource(rollbackSource.sourceId),
+              children: [
+                isProposed ? "Proposed rollback to deployment" : "Rollback to deployment",
+                " ",
+                truncateDeploymentId(rollbackSource.sourceId),
+                rollbackSource.version ? ` (v${rollbackSource.version})` : ""
+              ]
+            }
+          ),
+          displayMessage ? /* @__PURE__ */ jsxs(MessageQuote, { children: [
+            '"',
+            displayMessage,
+            '"'
+          ] }) : null
+        ] }) : displayMessage ? /* @__PURE__ */ jsxs(MessageQuote, { children: [
+          '"',
+          displayMessage,
+          '"'
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs(Section, { children: [
+        /* @__PURE__ */ jsx(SectionHeading, { variant: "subtitle1", children: "Attributes" }),
+        /* @__PURE__ */ jsx(Card, { children: attributeEntries.length === 0 ? /* @__PURE__ */ jsx(EmptyNote, { children: "No effective attributes." }) : attributeEntries.map(([key, attrValue]) => /* @__PURE__ */ jsxs(RowLine, { children: [
+          /* @__PURE__ */ jsx(MonoLabel, { title: key, children: key }),
+          /* @__PURE__ */ jsx(MonoValue, { title: formatAttributeValue(attrValue), children: formatAttributeValue(attrValue) })
+        ] }, key)) })
+      ] }),
+      /* @__PURE__ */ jsxs(Section, { children: [
+        /* @__PURE__ */ jsx(SectionHeading, { variant: "subtitle1", children: "Snapshot params" }),
+        /* @__PURE__ */ jsx(
+          DataList,
+          {
+            rows: paramRows,
+            columns: COLUMNS,
+            searchable: true,
+            searchPlaceholder: "Search path\u2026",
+            defaultSort: { field: "path", direction: "asc" },
+            defaultPageSize: 5,
+            variant: "outlined",
+            size: "small",
+            emptyMessage: "No parameters captured for this deployment."
+          }
+        )
+      ] })
+    ] }) : null }),
+    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { variant: "contained", onClick: onClose, children: "Close" }) })
+  ] });
+};
+const Body = stylin(DialogContent)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(2),
+  "& > *": {
+    flexShrink: 0
+  }
+}));
+const Centered = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  justifyContent: "center",
+  padding: theme.spacing(6)
+}));
+const SummaryCard = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(2.5),
+  padding: theme.spacing(2.5, 3),
+  borderRadius: 1,
+  border: `1px solid ${theme.palette.divider}`,
+  backgroundColor: theme.palette.background.paper
+}));
+const SummaryHeader = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  flexWrap: "wrap",
+  gap: theme.spacing(1.5)
+}));
+const SummaryHeaderLeft = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  flexWrap: "wrap",
+  gap: theme.spacing(1.5)
+}));
+const HeaderActions = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1)
+}));
+const DefList = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1.25)
+}));
+const DefRow = stylin(Box)(({ theme }) => ({
+  display: "grid",
+  gridTemplateColumns: `${theme.spacing(18)} 1fr`,
+  alignItems: "center",
+  gap: theme.spacing(2),
+  [theme.breakpoints.down("sm")]: {
+    gridTemplateColumns: "1fr",
+    gap: theme.spacing(0.25)
+  }
+}));
+const DefLabel = stylin(Typography)(({ theme }) => ({
+  color: theme.palette.text.secondary,
+  fontSize: theme.typography.body2.fontSize,
+  textTransform: "uppercase",
+  letterSpacing: "0.04em",
+  fontWeight: theme.typography.fontWeightMedium
+}));
+const DefValue = stylin(Typography)(({ theme }) => ({
+  color: theme.palette.text.primary,
+  fontSize: theme.typography.body1.fontSize,
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(0.75),
+  minWidth: 0
+}));
+const DefMuted = stylin("span")(({ theme }) => ({
+  color: theme.palette.text.secondary
+}));
+const Mono = stylin("span")(({ theme }) => ({
+  fontFamily: theme.typography.fontFamilyMono,
+  fontSize: theme.typography.body2.fontSize,
+  color: theme.palette.text.primary,
+  wordBreak: "break-all",
+  minWidth: 0
+}));
+const MessageQuote = stylin(Box)(({ theme }) => ({
+  fontStyle: "italic",
+  color: theme.palette.text.secondary,
+  borderLeft: `3px solid ${theme.palette.divider}`,
+  paddingLeft: theme.spacing(1.5),
+  paddingTop: theme.spacing(0.5),
+  paddingBottom: theme.spacing(0.5)
+}));
+const PlanSourceBlock = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1),
+  alignItems: "flex-start"
+}));
+const PlanSourceLink = stylin(Button)(({ theme }) => ({
+  alignSelf: "flex-start",
+  padding: theme.spacing(0.25, 1),
+  marginLeft: theme.spacing(-1)
+}));
+const Section = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1)
+}));
+const SectionHeading = stylin(Typography)(({ theme }) => ({
+  fontWeight: theme.typography.fontWeightBold
+}));
+const Card = stylin(Box)(({ theme }) => ({
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: 1,
+  padding: theme.spacing(1),
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(0.5),
+  overflow: "hidden"
+}));
+const RowLine = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1),
+  flexWrap: "wrap",
+  minWidth: 0
+}));
+const MonoLabel = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(11),
+  color: theme.palette.text.secondary,
+  minWidth: 110,
+  fontFamily: theme.typography.fontFamilyMono,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+}));
+const MonoValue = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(12),
+  color: theme.palette.text.primary,
+  fontFamily: theme.typography.fontFamilyMono,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+  flex: 1,
+  minWidth: 0
+}));
+const EmptyNote = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(12),
+  color: theme.palette.text.secondary,
+  fontStyle: "italic"
+}));
+
+export { ViewDeploymentDetails, ViewDeploymentDetails as default };
+//# sourceMappingURL=ViewDeploymentDetails.esm.js.map