@massdriver/backstage-plugin 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewTab.esm.js","sources":["../../../../../src/features/environment/InstanceDrawer/tabs/OverviewTab.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport Box from '@massdriver/ui/Box';\nimport Typography from '@massdriver/ui/Typography';\nimport CopyButton from '@massdriver/ui/CopyButton';\nimport CodeBlock from '@massdriver/ui/CodeBlock';\nimport TextField from '@massdriver/ui/TextField';\nimport InputAdornment from '@massdriver/ui/InputAdornment';\nimport IconButton from '@massdriver/ui/IconButton';\nimport Tooltip from '@massdriver/ui/Tooltip';\nimport SearchIcon from '@massdriver/ui/icons/SearchIcon';\nimport ChevronLeftIcon from '@massdriver/ui/icons/ChevronLeftIcon';\nimport ChevronRightIcon from '@massdriver/ui/icons/ChevronRightIcon';\nimport ExpandCircleDownOutlinedIcon from '@massdriver/ui/icons/ExpandCircleDownOutlinedIcon';\nimport OpenInNewIcon from '@massdriver/ui/icons/OpenInNewIcon';\nimport AlertBanner from '@massdriver/ui/AlertBanner';\nimport stylin from '@massdriver/ui/stylin';\nimport { useApi } from '@backstage/frontend-plugin-api';\nimport {\n  instanceTabUrl,\n  repoVersionOverviewUrl,\n} from '@massdriver/backstage-plugin-common';\nimport { massdriverApiRef } from '../../../../api';\nimport { TabState } from '../TabState';\nimport AlarmCard from '../AlarmCard';\nimport { OVERVIEW_QUERY } from '../queries';\nimport { useInstanceApiQuery } from '../useInstanceApiQuery';\nimport {\n  filterAndPaginateProperties,\n  formatAttributeValue,\n  formatPropertyValue,\n  getFiringAlerts,\n  getReleaseChannel,\n  parseMap,\n} from '../helpers';\nimport type { Alarm, Bundle, InstanceProperty } from '../types';\nimport { outlinedInputClasses } from '../../../../theme/muiClasses';\n\ninterface OverviewInstance {\n  id: string;\n  name?: string | null;\n  status?: string | null;\n  version?: string | null;\n  resolvedVersion?: string | null;\n  availableUpgrade?: string | null;\n  effectiveAttributes?: unknown;\n  bundle?: Bundle | null;\n  properties?: (InstanceProperty | null)[] | null;\n  alarms?: { items?: (Alarm | null)[] | null } | null;\n}\n\n/** Read-only Overview tab: firing alerts, identifiers, version, attributes, properties. */\nexport const OverviewTab = ({ instanceId }: { instanceId: string | null }) => {\n  const api = useApi(massdriverApiRef);\n  const { value, loading, error } = useInstanceApiQuery<{\n    instance: OverviewInstance | null;\n  }>(OVERVIEW_QUERY, instanceId);\n  const instance = value?.instance;\n\n  // Editing the version is a mutation — link out to the instance's overview in\n  // Massdriver (where the change-version dialog lives). The bundle links to its\n  // version overview in the repository.\n  const changeVersionUrl =\n    instanceId && api.appUrl\n      ? instanceTabUrl(api.appUrl, api.organizationId, instanceId, 'overview')\n      : '';\n  const repoUrl =\n    instance?.bundle?.name && instance?.resolvedVersion && api.appUrl\n      ? repoVersionOverviewUrl(\n          api.appUrl,\n          api.organizationId,\n          instance.bundle.name,\n          instance.resolvedVersion,\n        )\n      : '';\n\n  const [search, setSearch] = useState('');\n  const [page, setPage] = useState(1);\n\n  const firingAlerts = useMemo(\n    () => getFiringAlerts(instance?.alarms?.items),\n    [instance?.alarms],\n  );\n  const releaseChannel = getReleaseChannel(\n    instance?.version,\n    instance?.resolvedVersion,\n  );\n  const properties = (instance?.properties ?? []).filter(\n    Boolean,\n  ) as InstanceProperty[];\n  const propertiesView = useMemo(\n    () => filterAndPaginateProperties(properties, { search, page }),\n    [properties, search, page],\n  );\n\n  return (\n    <TabState loading={loading} error={error}>\n      {instance ? (\n        <Root>\n          {firingAlerts.length ? (\n            <Section>\n              <Header>Firing Alerts</Header>\n              <AlertList>\n                {firingAlerts.map(alarm => (\n                  <AlarmCard key={alarm.id} alarm={alarm} />\n                ))}\n              </AlertList>\n            </Section>\n          ) : null}\n\n          <Section>\n            <Header>Identifiers</Header>\n            <IdGrid>\n              <Field>\n                <Label>Instance ID</Label>\n                <ValueRow>\n                  <Value title={instance.id}>{instance.id}</Value>\n                  <CopyButton text={instance.id} tooltip=\"Copy instance ID\" />\n                </ValueRow>\n              </Field>\n              <Field>\n                <Label>Name</Label>\n                <ValueRow>\n                  <Value title={instance.name ?? '—'}>\n                    {instance.name ?? '—'}\n                  </Value>\n                  {instance.name ? (\n                    <CopyButton text={instance.name} tooltip=\"Copy name\" />\n                  ) : null}\n                </ValueRow>\n              </Field>\n            </IdGrid>\n            {instance.bundle?.description ? (\n              <Field>\n                <Label>Description</Label>\n                <Description>{instance.bundle.description}</Description>\n              </Field>\n            ) : null}\n          </Section>\n\n          <Section>\n            <SectionHeaderRow>\n              <Header>Version</Header>\n              {changeVersionUrl && instance.status !== 'EXTERNAL' ? (\n                <Tooltip\n                  arrow\n                  title=\"Change version in Massdriver\"\n                  placement=\"top\"\n                >\n                  <HeaderLink\n                    href={changeVersionUrl}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    aria-label=\"Change version in Massdriver\"\n                  >\n                    <LinkIcon />\n                  </HeaderLink>\n                </Tooltip>\n              ) : null}\n            </SectionHeaderRow>\n            <Card>\n              {instance.status === 'EXTERNAL' ? (\n                <ExternalNote>\n                  You cannot edit the version of a remote reference instance.\n                </ExternalNote>\n              ) : (\n                <>\n                  {instance.bundle?.name ? (\n                    <RowLine>\n                      <RowLabel>Bundle</RowLabel>\n                      <RowValueGroup>\n                        <RowValue>{instance.bundle.name}</RowValue>\n                        {repoUrl ? (\n                          <Tooltip\n                            arrow\n                            title=\"View bundle in repository\"\n                            placement=\"top\"\n                          >\n                            <RepoLink\n                              href={repoUrl}\n                              target=\"_blank\"\n                              rel=\"noopener noreferrer\"\n                              aria-label=\"View bundle in repository\"\n                            >\n                              <LinkIcon />\n                            </RepoLink>\n                          </Tooltip>\n                        ) : null}\n                      </RowValueGroup>\n                    </RowLine>\n                  ) : null}\n                  <RowLine>\n                    <RowLabel>Version</RowLabel>\n                    <RowValueGroup>\n                      <RowValue>\n                        {instance.resolvedVersion\n                          ? `v${instance.resolvedVersion}`\n                          : '—'}\n                      </RowValue>\n                      {instance.availableUpgrade ? (\n                        <Tooltip\n                          arrow\n                          title={`Upgrade available: v${instance.availableUpgrade}`}\n                        >\n                          <UpgradeBadge>\n                            <UpArrow />\n                          </UpgradeBadge>\n                        </Tooltip>\n                      ) : null}\n                    </RowValueGroup>\n                  </RowLine>\n                  {releaseChannel ? (\n                    <RowLine>\n                      <RowLabel>Release channel</RowLabel>\n                      <RowValue>{releaseChannel.channel}</RowValue>\n                    </RowLine>\n                  ) : null}\n                </>\n              )}\n            </Card>\n          </Section>\n\n          <AttributesSection attributes={instance.effectiveAttributes} />\n\n          <PropertiesSection\n            status={instance.status}\n            hasAnyProperties={properties.length > 0}\n            view={propertiesView}\n            search={search}\n            onSearchChange={value2 => {\n              setSearch(value2);\n              setPage(1);\n            }}\n            onPrevPage={() => setPage(current => Math.max(1, current - 1))}\n            onNextPage={() =>\n              setPage(current =>\n                Math.min(propertiesView.totalPages, current + 1),\n              )\n            }\n          />\n        </Root>\n      ) : null}\n    </TabState>\n  );\n};\n\nexport default OverviewTab;\n\nconst AttributesSection = ({ attributes }: { attributes: unknown }) => {\n  const parsed = parseMap(attributes);\n  const entries = parsed ? Object.entries(parsed) : [];\n  return (\n    <Section>\n      <Header>Instance attributes</Header>\n      <Card>\n        {entries.length === 0 ? (\n          <EmptyNote>No effective attributes.</EmptyNote>\n        ) : (\n          entries.map(([key, value]) => (\n            <RowLine key={key}>\n              <MonoLabel title={key}>{key}</MonoLabel>\n              <MonoValue title={formatAttributeValue(value)}>\n                {formatAttributeValue(value)}\n              </MonoValue>\n            </RowLine>\n          ))\n        )}\n      </Card>\n    </Section>\n  );\n};\n\nconst PropertiesSection = ({\n  status,\n  hasAnyProperties,\n  view,\n  search,\n  onSearchChange,\n  onPrevPage,\n  onNextPage,\n}: {\n  status?: string | null;\n  hasAnyProperties: boolean;\n  view: { items: InstanceProperty[]; totalPages: number; page: number };\n  search: string;\n  onSearchChange: (value: string) => void;\n  onPrevPage: () => void;\n  onNextPage: () => void;\n}) => {\n  const isInitialized = status === 'INITIALIZED';\n  const isEmpty = view.items.length === 0;\n\n  return (\n    <Section>\n      <Header>Resource properties</Header>\n      {status === 'EXTERNAL' ? (\n        <AlertBanner\n          severity=\"info\"\n          description=\"These are properties of the remote reference resources.\"\n        />\n      ) : null}\n      {isInitialized ? (\n        <EmptyNote>\n          You must provision this instance to see its created properties.\n        </EmptyNote>\n      ) : !hasAnyProperties ? (\n        <EmptyNote>\n          This instance has no properties because it does not produce any\n          resources.\n        </EmptyNote>\n      ) : (\n        <Card>\n          <SearchField\n            fullWidth\n            size=\"small\"\n            placeholder=\"Search properties…\"\n            value={search}\n            onChange={(event: any) => onSearchChange(event.target.value)}\n            InputProps={{\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <SearchAdornmentIcon />\n                </InputAdornment>\n              ),\n            }}\n          />\n          {isEmpty ? (\n            <EmptyNote>No properties match your search.</EmptyNote>\n          ) : (\n            <PropList>\n              {view.items.map((property, index) => (\n                <PropertyItem\n                  key={`${property.name}-${property.path ?? index}`}\n                  name={property.name}\n                  path={property.path}\n                  value={property.value}\n                  isLast={index === view.items.length - 1}\n                />\n              ))}\n            </PropList>\n          )}\n          {view.totalPages > 1 ? (\n            <Pagination>\n              <PageInfo>\n                Page {view.page} of {view.totalPages}\n              </PageInfo>\n              <PaginationButtons>\n                <PageButton\n                  size=\"small\"\n                  onClick={onPrevPage}\n                  disabled={view.page === 1}\n                  aria-label=\"Previous page\"\n                >\n                  <ChevronLeftIcon fontSize=\"small\" />\n                </PageButton>\n                <PageButton\n                  size=\"small\"\n                  onClick={onNextPage}\n                  disabled={view.page === view.totalPages}\n                  aria-label=\"Next page\"\n                >\n                  <ChevronRightIcon fontSize=\"small\" />\n                </PageButton>\n              </PaginationButtons>\n            </Pagination>\n          ) : null}\n        </Card>\n      )}\n    </Section>\n  );\n};\n\nconst PropertyItem = ({\n  name,\n  path,\n  value,\n  isLast,\n}: {\n  name: string;\n  path?: string | null;\n  value: unknown;\n  isLast: boolean;\n}) => {\n  const [expanded, setExpanded] = useState(false);\n  const formatted = formatPropertyValue(value);\n  const isMultiline = formatted.includes('\\n') || formatted.length > 160;\n\n  return (\n    <PropContainer isLast={isLast}>\n      <PropHeader>\n        <PropContent>\n          <PropName title={name}>{name}</PropName>\n          {!expanded ? (\n            <PropValueText title={formatted}>{formatted}</PropValueText>\n          ) : null}\n          {path ? <PropPath title={path}>{path}</PropPath> : null}\n        </PropContent>\n        <PropActions>\n          {value != null ? (\n            <CopyButton text={formatted} tooltip=\"Copy value\" />\n          ) : null}\n          {isMultiline ? (\n            <ExpandToggle\n              expanded={expanded}\n              onClick={() => setExpanded(prev => !prev)}\n              size=\"small\"\n              aria-label={expanded ? 'Collapse value' : 'Expand value'}\n            >\n              <ExpandIcon fontSize=\"inherit\" />\n            </ExpandToggle>\n          ) : null}\n        </PropActions>\n      </PropHeader>\n      {expanded && isMultiline ? (\n        <PropExpanded>\n          <CodeBlock>{formatted}</CodeBlock>\n        </PropExpanded>\n      ) : null}\n    </PropContainer>\n  );\n};\n\nconst Root = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\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  marginBottom: theme.spacing(4),\n}));\n\nconst Header = 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 SectionHeaderRow = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n}));\n\nconst HeaderLink = stylin('a')(({ theme }: { theme: any }) => ({\n  display: 'inline-flex',\n  alignItems: 'center',\n  color: theme.palette.text.secondary,\n  '&:hover': { color: theme.palette.primary.main },\n}));\n\nconst RepoLink = stylin('a')(({ theme }: { theme: any }) => ({\n  display: 'inline-flex',\n  alignItems: 'center',\n  color: theme.palette.text.secondary,\n  '&:hover': { color: theme.palette.primary.main },\n}));\n\nconst LinkIcon = stylin(OpenInNewIcon)({\n  fontSize: 15,\n});\n\nconst AlertList = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n}));\n\nconst IdGrid = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'grid',\n  gridTemplateColumns: '1fr',\n  [theme.breakpoints.up('sm')]: {\n    gridTemplateColumns: 'repeat(2, minmax(0, 1fr))',\n  },\n  gap: theme.spacing(2),\n}));\n\nconst Field = stylin(Box)(({ theme }: { theme: any }) => ({\n  border: `1px solid ${theme.palette.divider}`,\n  borderRadius: 1,\n  padding: theme.spacing(1),\n  display: 'flex',\n  flexDirection: 'column',\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: 600,\n  textTransform: 'uppercase',\n  letterSpacing: '0.5px',\n  color: theme.palette.text.secondary,\n}));\n\nconst ValueRow = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n  minWidth: 0,\n}));\n\nconst Value = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(12),\n  color: theme.palette.text.primary,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  flex: 1,\n  minWidth: 0,\n}));\n\nconst Description = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(12),\n  color: theme.palette.text.primary,\n  whiteSpace: 'pre-wrap',\n}));\n\nconst Card = stylin(Box)(({ theme }: { theme: any }) => ({\n  border: `1px solid ${theme.palette.divider}`,\n  borderRadius: 1,\n  padding: theme.spacing(1),\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(0.5),\n  overflow: 'hidden',\n}));\n\nconst RowLine = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  flexWrap: 'wrap',\n  minWidth: 0,\n}));\n\nconst RowValueGroup = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n}));\n\nconst RowLabel = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  color: theme.palette.text.secondary,\n  minWidth: 110,\n}));\n\nconst RowValue = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(12),\n  color: theme.palette.text.primary,\n  fontFamily: theme.typography.fontFamilyMono,\n}));\n\nconst MonoLabel = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  color: theme.palette.text.secondary,\n  minWidth: 110,\n  fontFamily: theme.typography.fontFamilyMono,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}));\n\nconst MonoValue = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(12),\n  color: theme.palette.text.primary,\n  fontFamily: theme.typography.fontFamilyMono,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  flex: 1,\n  minWidth: 0,\n}));\n\nconst ExternalNote = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(12),\n  color: theme.palette.text.secondary,\n  fontStyle: 'italic',\n}));\n\nconst UpgradeBadge = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 16,\n  height: 16,\n  color: theme.palette.success.main,\n}));\n\nconst UpArrow = stylin(ExpandCircleDownOutlinedIcon)({\n  width: 16,\n  height: 16,\n  transform: 'rotate(180deg)',\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 SearchField = stylin(TextField)(({ theme }: { theme: any }) => ({\n  [`.${outlinedInputClasses.root}`]: {\n    fontSize: theme.typography.pxToRem(12),\n    borderRadius: 0,\n    '& fieldset': {\n      border: 'none',\n      borderBottom: `1px solid ${theme.palette.divider}`,\n    },\n    '&:hover fieldset': { borderBottom: `1px solid ${theme.palette.divider}` },\n    '&.Mui-focused fieldset': {\n      borderBottom: `1px solid ${theme.palette.divider}`,\n    },\n  },\n  [`.${outlinedInputClasses.input}`]: {\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    paddingRight: theme.spacing(1.5),\n    paddingLeft: 0,\n  },\n}));\n\nconst SearchAdornmentIcon = stylin(SearchIcon)(({ theme }: { theme: any }) => ({\n  fontSize: 18,\n  color: theme.palette.text.disabled,\n}));\n\nconst PropList = stylin(Box)({\n  display: 'flex',\n  flexDirection: 'column',\n});\n\nconst Pagination = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  padding: theme.spacing(1, 1.5),\n  borderTop: `1px solid ${theme.palette.divider}`,\n  backgroundColor: theme.palette.action.hover,\n}));\n\nconst PageInfo = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  color: theme.palette.text.secondary,\n}));\n\nconst PaginationButtons = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n}));\n\nconst PageButton = stylin(IconButton)(({ theme }: { theme: any }) => ({\n  padding: theme.spacing(0.25),\n  border: `1px solid ${theme.palette.divider}`,\n  borderRadius: 0.5,\n  color: theme.palette.text.secondary,\n}));\n\nconst PropContainer = stylin(Box, ['isLast'])(\n  ({ theme, isLast }: { theme: any; isLast: boolean }) => ({\n    borderBottom: isLast ? 'none' : `1px solid ${theme.palette.divider}`,\n  }),\n);\n\nconst PropHeader = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  padding: theme.spacing(1, 1, 1, 1.5),\n  minHeight: 48,\n}));\n\nconst PropContent = stylin(Box)({\n  flex: 1,\n  minWidth: 0,\n  overflow: 'hidden',\n});\n\nconst PropName = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(12),\n  fontWeight: 500,\n  lineHeight: 1.4,\n  color: theme.palette.text.primary,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}));\n\nconst PropValueText = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  lineHeight: 1.4,\n  marginTop: theme.spacing(0.25),\n  color: theme.palette.text.secondary,\n  fontFamily: theme.typography.fontFamilyMono,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}));\n\nconst PropPath = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(10),\n  lineHeight: 1.4,\n  color: theme.palette.text.disabled,\n  fontFamily: theme.typography.fontFamilyMono,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}));\n\nconst PropActions = stylin(Box)({\n  display: 'flex',\n  alignItems: 'center',\n  flexShrink: 0,\n});\n\nconst ExpandToggle = stylin(IconButton, ['expanded'])(\n  ({ theme, expanded }: { theme: any; expanded: boolean }) => ({\n    padding: theme.spacing(0.75),\n    color: theme.palette.text.disabled,\n    transform: expanded ? 'rotate(180deg)' : 'rotate(0deg)',\n    transition: 'transform 150ms ease',\n  }),\n);\n\nconst ExpandIcon = stylin(ExpandCircleDownOutlinedIcon)({\n  width: 18,\n  height: 18,\n});\n\nconst PropExpanded = stylin(Box)(({ theme }: { theme: any }) => ({\n  padding: theme.spacing(0, 1, 1, 1.5),\n}));\n"],"names":[],"mappings":"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"}

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

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