@massdriver/backstage-plugin 1.0.0

package/dist/features/project/tabs/OverviewTab.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewTab.esm.js","sources":["../../../../src/features/project/tabs/OverviewTab.tsx"],"sourcesContent":["import { useApi } from '@backstage/frontend-plugin-api';\nimport { parseEnvironmentId } from '@massdriver/backstage-plugin-common';\nimport Box from '@massdriver/ui/Box';\nimport Card from '@massdriver/ui/Card';\nimport Divider from '@massdriver/ui/Divider';\nimport LoadingIndicator from '@massdriver/ui/LoadingIndicator';\nimport Alert from '@massdriver/ui/Alert';\nimport Typography from '@massdriver/ui/Typography';\nimport ChevronRightIcon from '@massdriver/ui/icons/ChevronRightIcon';\nimport stylin from '@massdriver/ui/stylin';\nimport useAsync from 'react-use/esm/useAsync';\nimport { massdriverApiRef } from '../../../api';\nimport { RouterLinkAdapter } from '../../../components/RouterLinkAdapter';\nimport { internalRoutes } from '../../../internalRoutes';\nimport {\n  formatCurrency,\n  formatRelativeTime,\n} from '../../../utils/formatRelativeTime';\n\ninterface Money {\n  amount?: number | null;\n  currency?: string | null;\n}\ninterface Cost {\n  lastDay?: Money;\n  dailyAverage?: Money;\n  lastMonth?: Money;\n  monthlyAverage?: Money;\n}\ninterface EnvSummary {\n  id: string;\n  name: string;\n  description?: string | null;\n  updatedAt?: string | null;\n  cost?: Cost;\n}\ninterface ProjectOverview {\n  id: string;\n  name?: string | null;\n  description?: string | null;\n  createdAt?: string | null;\n  updatedAt?: string | null;\n  cost?: Cost;\n  environments?: { items?: (EnvSummary | null)[] | null };\n}\n\nconst MONEY = `{ amount currency }`;\nconst COST = `cost { lastDay ${MONEY} dailyAverage ${MONEY} lastMonth ${MONEY} monthlyAverage ${MONEY} }`;\nconst OVERVIEW_QUERY = `\n  query MassdriverProjectOverview($organizationId: ID!, $id: ID!) {\n    project(organizationId: $organizationId, id: $id) {\n      id\n      name\n      description\n      createdAt\n      updatedAt\n      ${COST}\n      environments(cursor: { limit: 100 }) {\n        items { id name description updatedAt ${COST} }\n      }\n    }\n  }\n`;\n\nconst useProjectOverview = (projectId: string) => {\n  const api = useApi(massdriverApiRef);\n  return useAsync(async () => {\n    const data = (await api.query(OVERVIEW_QUERY, { id: projectId })) as {\n      project: ProjectOverview | null;\n    };\n    return data.project;\n  }, [api, projectId]);\n};\n\n/** Read-only project Overview tab: metadata, cost summary, environments. */\nexport const OverviewTab = ({ projectId }: { projectId: string }) => {\n  const { value: project, loading, error } = useProjectOverview(projectId);\n\n  if (loading) {\n    return (\n      <Centered>\n        <LoadingIndicator />\n      </Centered>\n    );\n  }\n  if (error) {\n    return (\n      <Wrapper>\n        <Alert severity=\"error\">{String(error.message ?? error)}</Alert>\n      </Wrapper>\n    );\n  }\n\n  const environments = (project?.environments?.items ?? []).filter(\n    Boolean,\n  ) as EnvSummary[];\n\n  return (\n    <Wrapper>\n      <TopRow>\n        <MetadataCard project={project} />\n        <CostSummaryCard cost={project?.cost} />\n      </TopRow>\n      <EnvironmentSummaryCards\n        environments={environments}\n        projectId={projectId}\n      />\n    </Wrapper>\n  );\n};\n\nconst MetadataCard = ({ project }: { project?: ProjectOverview | null }) => (\n  <MetaWrapper>\n    <SectionTitle variant=\"overline\">Details</SectionTitle>\n    <FieldList>\n      <Field label=\"Identifier\" value={project?.id} mono />\n      <Field\n        label=\"Created\"\n        value={project?.createdAt ? formatRelativeTime(project.createdAt) : '—'}\n      />\n      <Field\n        label=\"Last updated\"\n        value={project?.updatedAt ? formatRelativeTime(project.updatedAt) : '—'}\n      />\n    </FieldList>\n  </MetaWrapper>\n);\n\nconst Field = ({\n  label,\n  value,\n  mono,\n}: {\n  label: string;\n  value?: string | null;\n  mono?: boolean;\n}) => (\n  <FieldRow>\n    <Typography variant=\"caption\" color=\"text.secondary\">\n      {label}\n    </Typography>\n    <FieldValue variant=\"body2\" mono={mono} title={value ?? ''}>\n      {value}\n    </FieldValue>\n  </FieldRow>\n);\n\nconst CostSummaryCard = ({ cost }: { cost?: Cost }) => (\n  <CostWrapper>\n    <SectionTitle variant=\"overline\">Cost</SectionTitle>\n    <CostRow>\n      <CostBlock\n        label=\"Last 24 hours\"\n        amount={cost?.lastDay?.amount}\n        currency={cost?.lastDay?.currency}\n        avg={cost?.dailyAverage?.amount}\n        avgLabel=\"7-day avg\"\n      />\n      <CostBlock\n        label=\"Last month\"\n        amount={cost?.lastMonth?.amount}\n        currency={cost?.lastMonth?.currency}\n        avg={cost?.monthlyAverage?.amount}\n        avgLabel=\"Monthly avg\"\n      />\n    </CostRow>\n  </CostWrapper>\n);\n\nconst CostBlock = ({\n  label,\n  amount,\n  currency,\n  avg,\n  avgLabel,\n}: {\n  label: string;\n  amount?: number | null;\n  currency?: string | null;\n  avg?: number | null;\n  avgLabel: string;\n}) => (\n  <CostBlockRoot>\n    <CostLabel variant=\"caption\">{label}</CostLabel>\n    <CostAmount variant=\"h4\">\n      {formatCurrency(amount, currency ?? 'USD', 'No data yet')}\n    </CostAmount>\n    <CostAvg variant=\"caption\">\n      {avgLabel}: {formatCurrency(avg, currency ?? 'USD', 'No data yet')}\n    </CostAvg>\n  </CostBlockRoot>\n);\n\nconst EnvironmentSummaryCards = ({\n  environments,\n  projectId,\n}: {\n  environments: EnvSummary[];\n  projectId: string;\n}) => (\n  <EnvWrapper>\n    <SectionTitle variant=\"overline\">Environments</SectionTitle>\n    {environments.length === 0 ? (\n      <EmptyState>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          No environments yet. Create your first environment to start deploying.\n        </Typography>\n      </EmptyState>\n    ) : (\n      <List>\n        {environments.map((env, index) => (\n          <EnvironmentRow\n            key={env.id}\n            environment={env}\n            href={internalRoutes.environment(projectId, env.id)}\n            isFirst={index === 0}\n          />\n        ))}\n      </List>\n    )}\n  </EnvWrapper>\n);\n\nconst EnvironmentRow = ({\n  environment,\n  href,\n  isFirst,\n}: {\n  environment: EnvSummary;\n  href: string;\n  isFirst: boolean;\n}) => {\n  const { scopedEnvironmentId } = parseEnvironmentId(environment.id);\n  const currency =\n    environment.cost?.lastMonth?.currency ??\n    environment.cost?.monthlyAverage?.currency ??\n    environment.cost?.lastDay?.currency ??\n    environment.cost?.dailyAverage?.currency ??\n    'USD';\n\n  return (\n    <>\n      {!isFirst && <Divider />}\n      <RowLink component={RouterLinkAdapter} href={href}>\n        <Row>\n          <PrimaryColumn>\n            <NameRow>\n              <Name variant=\"subtitle1\">{environment.name}</Name>\n              <IdBadge>{scopedEnvironmentId}</IdBadge>\n            </NameRow>\n            {environment.description ? (\n              <Description variant=\"body2\">\n                {environment.description}\n              </Description>\n            ) : (\n              <DescriptionMuted variant=\"body2\">\n                No description\n              </DescriptionMuted>\n            )}\n          </PrimaryColumn>\n          <Stats>\n            <Stat>\n              <StatLabel variant=\"caption\">Last 24 hours</StatLabel>\n              <StatPrimary variant=\"body1\">\n                {formatCurrency(\n                  environment.cost?.lastDay?.amount,\n                  currency,\n                  '—',\n                )}\n              </StatPrimary>\n              <StatSecondary variant=\"caption\">\n                7-day avg{' '}\n                {formatCurrency(\n                  environment.cost?.dailyAverage?.amount,\n                  currency,\n                  '—',\n                )}\n              </StatSecondary>\n            </Stat>\n            <Stat>\n              <StatLabel variant=\"caption\">Last month</StatLabel>\n              <StatPrimary variant=\"body1\">\n                {formatCurrency(\n                  environment.cost?.lastMonth?.amount,\n                  currency,\n                  '—',\n                )}\n              </StatPrimary>\n              <StatSecondary variant=\"caption\">\n                Monthly avg{' '}\n                {formatCurrency(\n                  environment.cost?.monthlyAverage?.amount,\n                  currency,\n                  '—',\n                )}\n              </StatSecondary>\n            </Stat>\n          </Stats>\n          <Trailing>\n            {environment.updatedAt ? (\n              <Updated variant=\"caption\">\n                Updated {formatRelativeTime(environment.updatedAt)}\n              </Updated>\n            ) : null}\n            <Chevron />\n          </Trailing>\n        </Row>\n      </RowLink>\n    </>\n  );\n};\n\nconst Wrapper = stylin(Box)(({ theme }: { theme: any }) => ({\n  padding: theme.spacing(4),\n  maxWidth: 1400,\n  mx: 'auto',\n  width: '100%',\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(4),\n}));\n\nconst Centered = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  padding: theme.spacing(6),\n}));\n\nconst TopRow = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'grid',\n  gridTemplateColumns: 'minmax(280px, 1fr) minmax(360px, 1.6fr)',\n  gap: theme.spacing(2),\n  [theme.breakpoints.down('md')]: { gridTemplateColumns: '1fr' },\n}));\n\nconst SectionTitle = stylin(Typography)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.secondary,\n  letterSpacing: theme.spacing(0.1),\n}));\n\nconst MetaWrapper = stylin(Card)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1.5),\n  padding: theme.spacing(3),\n}));\n\nconst FieldList = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1.25),\n}));\n\nconst FieldRow = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'grid',\n  gridTemplateColumns: `${theme.spacing(14)} 1fr`,\n  alignItems: 'baseline',\n  gap: theme.spacing(2),\n  minWidth: 0,\n}));\n\nconst FieldValue = stylin(Typography, ['mono'])(\n  ({ theme, mono }: { theme: any; mono?: boolean }) => ({\n    color: theme.palette.text.primary,\n    fontFamily: mono\n      ? theme.typography.fontFamilyMono\n      : theme.typography.body2.fontFamily,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    minWidth: 0,\n  }),\n);\n\nconst CostWrapper = stylin(Card)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  padding: theme.spacing(3),\n}));\n\nconst CostRow = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'grid',\n  gridTemplateColumns: 'repeat(2, 1fr)',\n  gap: theme.spacing(3),\n}));\n\nconst CostBlockRoot = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(0.5),\n  paddingLeft: theme.spacing(1.5),\n  borderLeft: `2px solid ${theme.palette.divider}`,\n}));\n\nconst CostLabel = stylin(Typography)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.secondary,\n  textTransform: 'uppercase',\n  letterSpacing: '0.05em',\n  fontWeight: 600,\n  fontSize: '0.7rem',\n}));\n\nconst CostAmount = stylin(Typography)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.primary,\n  fontWeight: theme.typography.fontWeightBold,\n  lineHeight: 1.1,\n}));\n\nconst CostAvg = stylin(Typography)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.secondary,\n}));\n\nconst EnvWrapper = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1.5),\n}));\n\nconst List = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  border: `1px solid ${theme.palette.divider}`,\n  borderRadius: 1,\n  backgroundColor: theme.palette.background.paper,\n  overflow: 'hidden',\n}));\n\nconst RowLink = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'block',\n  padding: theme.spacing(2.5, 3),\n  textDecoration: 'none',\n  color: 'inherit',\n  transition: 'background-color 120ms ease',\n  '&:hover': { backgroundColor: `${theme.palette.primary.main}14` },\n}));\n\nconst Row = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'grid',\n  gridTemplateColumns: 'minmax(0, 2fr) minmax(0, 3fr) auto',\n  gap: theme.spacing(4),\n  alignItems: 'center',\n  [theme.breakpoints.down('md')]: {\n    gridTemplateColumns: '1fr',\n    gap: theme.spacing(2),\n  },\n}));\n\nconst PrimaryColumn = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(0.5),\n  minWidth: 0,\n}));\n\nconst NameRow = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  minWidth: 0,\n}));\n\nconst Name = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontWeight: theme.typography.fontWeightBold,\n  color: theme.palette.text.primary,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}));\n\nconst IdBadge = stylin(Box)(({ theme }: { theme: any }) => ({\n  fontFamily: theme.typography.fontFamilyMono,\n  fontSize: theme.typography.caption.fontSize,\n  color: theme.palette.text.secondary,\n  backgroundColor: theme.palette.action.hover,\n  padding: theme.spacing(0.25, 0.75),\n  borderRadius: theme.custom.general.borderRadiusSm,\n  whiteSpace: 'nowrap',\n  flexShrink: 0,\n}));\n\nconst Description = stylin(Typography)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.secondary,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}));\n\nconst DescriptionMuted = stylin(Typography)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.disabled,\n  fontStyle: 'italic',\n}));\n\nconst Stats = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  gap: theme.spacing(4),\n  [theme.breakpoints.down('md')]: { gap: theme.spacing(3) },\n}));\n\nconst Stat = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(0.25),\n  minWidth: theme.spacing(14),\n}));\n\nconst StatLabel = stylin(Typography)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.secondary,\n  textTransform: 'uppercase',\n  letterSpacing: '0.05em',\n  fontWeight: 600,\n  fontSize: '0.65rem',\n}));\n\nconst StatPrimary = stylin(Typography)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.primary,\n  fontWeight: theme.typography.fontWeightBold,\n  fontVariantNumeric: 'tabular-nums',\n}));\n\nconst StatSecondary = stylin(Typography)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.secondary,\n  fontVariantNumeric: 'tabular-nums',\n}));\n\nconst Trailing = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1.5),\n  flexShrink: 0,\n}));\n\nconst Updated = stylin(Typography)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.secondary,\n  whiteSpace: 'nowrap',\n}));\n\nconst Chevron = stylin(ChevronRightIcon)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.disabled,\n  fontSize: 20,\n}));\n\nconst EmptyState = stylin(Box)(({ theme }: { theme: any }) => ({\n  padding: theme.spacing(4),\n  border: `1px dashed ${theme.palette.divider}`,\n  borderRadius: 1,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  textAlign: 'center',\n}));\n"],"names":[],"mappings":"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"}

package/dist/features/projects/ProjectsListPage.esm.js

@@ -0,0 +1,50 @@
+import { jsx } from 'react/jsx-runtime';
+import { useApi } from '@backstage/frontend-plugin-api';
+import { projectsUrl } from '@massdriver/backstage-plugin-common';
+import Alert from '@massdriver/ui/Alert';
+import DataList from '@massdriver/ui/DataList';
+import { massdriverApiRef } from '../../api.esm.js';
+import { OpenInMassdriverButton } from '../../components/OpenInMassdriverButton.esm.js';
+import { PageLayout } from '../../components/PageLayout.esm.js';
+import { buildProjectColumns } from './projectColumns.esm.js';
+import { useProjectsPaginated, toProjectRow } from './useProjects.esm.js';
+
+const ProjectsListPage = () => {
+  const api = useApi(massdriverApiRef);
+  const { items, loading, error, hasMore, dataListParams } = useProjectsPaginated();
+  const columns = buildProjectColumns();
+  const rows = items.map(toProjectRow);
+  return /* @__PURE__ */ jsx(
+    PageLayout,
+    {
+      title: "Projects",
+      description: "Projects are the top-level organizational unit in the platform. Each project can contain multiple environments, which are used to deploy and manage your infrastructure.",
+      actions: /* @__PURE__ */ jsx(
+        OpenInMassdriverButton,
+        {
+          url: `${projectsUrl(
+            api.appUrl,
+            api.organizationId
+          )}?createProject=true`,
+          children: "Create Project"
+        }
+      ),
+      children: error ? /* @__PURE__ */ jsx(Alert, { severity: "error", children: String(error.message ?? error) }) : /* @__PURE__ */ jsx(
+        DataList,
+        {
+          rows,
+          columns,
+          loading,
+          serverSide: true,
+          hasMore,
+          variant: "outlined",
+          emptyMessage: "You haven't created any projects yet, or don't have access to them.",
+          ...dataListParams
+        }
+      )
+    }
+  );
+};
+
+export { ProjectsListPage };
+//# sourceMappingURL=ProjectsListPage.esm.js.map

package/dist/features/projects/ProjectsListPage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsListPage.esm.js","sources":["../../../src/features/projects/ProjectsListPage.tsx"],"sourcesContent":["import { useApi } from '@backstage/frontend-plugin-api';\nimport { projectsUrl } from '@massdriver/backstage-plugin-common';\nimport Alert from '@massdriver/ui/Alert';\nimport DataList from '@massdriver/ui/DataList';\nimport { massdriverApiRef } from '../../api';\nimport { OpenInMassdriverButton } from '../../components/OpenInMassdriverButton';\nimport { PageLayout } from '../../components/PageLayout';\nimport { buildProjectColumns } from './projectColumns';\nimport { toProjectRow, useProjectsPaginated } from './useProjects';\n\n/** Read-only projects list, rebuilt with `@massdriver/ui` to match the app. */\nexport const ProjectsListPage = () => {\n  const api = useApi(massdriverApiRef);\n  const { items, loading, error, hasMore, dataListParams } =\n    useProjectsPaginated();\n  const columns = buildProjectColumns();\n  const rows = items.map(toProjectRow);\n\n  return (\n    <PageLayout\n      title=\"Projects\"\n      description=\"Projects are the top-level organizational unit in the platform. Each project can contain multiple environments, which are used to deploy and manage your infrastructure.\"\n      actions={\n        <OpenInMassdriverButton\n          url={`${projectsUrl(\n            api.appUrl,\n            api.organizationId,\n          )}?createProject=true`}\n        >\n          Create Project\n        </OpenInMassdriverButton>\n      }\n    >\n      {error ? (\n        <Alert severity=\"error\">{String(error.message ?? error)}</Alert>\n      ) : (\n        <DataList\n          rows={rows}\n          columns={columns}\n          loading={loading}\n          serverSide\n          hasMore={hasMore}\n          variant=\"outlined\"\n          emptyMessage=\"You haven't created any projects yet, or don't have access to them.\"\n          {...dataListParams}\n        />\n      )}\n    </PageLayout>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAWO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,GAAA,GAAM,OAAO,gBAAgB,CAAA;AACnC,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,OAAO,OAAA,EAAS,cAAA,KACtC,oBAAA,EAAqB;AACvB,EAAA,MAAM,UAAU,mBAAA,EAAoB;AACpC,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,GAAA,CAAI,YAAY,CAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,UAAA;AAAA,MACN,WAAA,EAAY,0KAAA;AAAA,MACZ,OAAA,kBACE,GAAA;AAAA,QAAC,sBAAA;AAAA,QAAA;AAAA,UACC,KAAK,CAAA,EAAG,WAAA;AAAA,YACN,GAAA,CAAI,MAAA;AAAA,YACJ,GAAA,CAAI;AAAA,WACL,CAAA,mBAAA,CAAA;AAAA,UACF,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,MAGD,QAAA,EAAA,KAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,OAAA,EAAS,iBAAO,KAAA,CAAM,OAAA,IAAW,KAAK,CAAA,EAAE,CAAA,mBAExD,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,OAAA;AAAA,UACA,OAAA;AAAA,UACA,UAAA,EAAU,IAAA;AAAA,UACV,OAAA;AAAA,UACA,OAAA,EAAQ,UAAA;AAAA,UACR,YAAA,EAAa,qEAAA;AAAA,UACZ,GAAG;AAAA;AAAA;AACN;AAAA,GAEJ;AAEJ;;;;"}

package/dist/features/projects/ProjectsListPageLazy.esm.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy, Suspense } from 'react';
+
+const ProjectsListPageInner = lazy(
+  () => import('./ProjectsListPage.esm.js').then((module) => ({
+    default: module.ProjectsListPage
+  }))
+);
+const ProjectsListPage = () => /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(ProjectsListPageInner, {}) });
+
+export { ProjectsListPage };
+//# sourceMappingURL=ProjectsListPageLazy.esm.js.map

package/dist/features/projects/ProjectsListPageLazy.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectsListPageLazy.esm.js","sources":["../../../src/features/projects/ProjectsListPageLazy.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\n\nconst ProjectsListPageInner = lazy(() =>\n  import('./ProjectsListPage').then(module => ({\n    default: module.ProjectsListPage,\n  })),\n);\n\n/**\n * Lazy wrapper for the package-root export. The plugin's root entry is\n * `require()`d eagerly at app boot by Backstage's package detection\n * (`__backstage-autodetected-plugins__`), BEFORE Backstage's\n * UnifiedThemeProvider configures MUI v5's `v5-` ClassNameGenerator prefix.\n * A static import of the real page would evaluate `@massdriver/ui` → the\n * `@mui/material` barrel at that point, freezing every slot-class constant\n * unprefixed and silently breaking cross-slot selectors plugin-wide (see\n * .claude/rules/styling-and-theme.md). Everything reaching `@massdriver/ui`\n * from the package root must stay behind a dynamic import.\n */\nexport const ProjectsListPage = () => (\n  <Suspense fallback={null}>\n    <ProjectsListPageInner />\n  </Suspense>\n);\n"],"names":[],"mappings":";;;AAEA,MAAM,qBAAA,GAAwB,IAAA;AAAA,EAAK,MACjC,OAAO,2BAAoB,CAAA,CAAE,KAAK,CAAA,MAAA,MAAW;AAAA,IAC3C,SAAS,MAAA,CAAO;AAAA,GAClB,CAAE;AACJ,CAAA;AAaO,MAAM,gBAAA,GAAmB,sBAC9B,GAAA,CAAC,QAAA,EAAA,EAAS,UAAU,IAAA,EAClB,QAAA,kBAAA,GAAA,CAAC,yBAAsB,CAAA,EACzB;;;;"}

package/dist/features/projects/projectColumns.esm.js

@@ -0,0 +1,38 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { col } from '@massdriver/ui/DataList';
+import { buildAttributesColumn, Code } from '../../components/AttributesColumn.esm.js';
+import { RouterLinkAdapter } from '../../components/RouterLinkAdapter.esm.js';
+import { formatAbsoluteTime } from '../../utils/formatRelativeTime.esm.js';
+
+const buildProjectColumns = () => [
+  col.link("name", "Name", (row) => row.id, {
+    flex: 2,
+    minWidth: 200,
+    LinkComponent: RouterLinkAdapter
+  }),
+  col.text("id", "Identifier", { flex: 1, minWidth: 120, sortable: false }),
+  col.text("description", "Description", {
+    flex: 3,
+    minWidth: 150,
+    sortable: false
+  }),
+  buildAttributesColumn({
+    directText: "Key-value attributes assigned directly to this project. Attributes cascade to environments and instances.",
+    effectiveText: /* @__PURE__ */ jsxs(Fragment, { children: [
+      "The full attribute map the authorization system evaluates policies against for this project \u2014 the project's own user attributes plus auto-injected ",
+      /* @__PURE__ */ jsx(Code, { children: "md-*" }),
+      " system attributes."
+    ] }),
+    flex: 1
+  }),
+  col.text("updatedAt", "Updated", {
+    flex: 1,
+    minWidth: 150,
+    sortable: false,
+    searchable: false,
+    tooltip: (_value, row) => formatAbsoluteTime(row.updatedAtRaw)
+  })
+];
+
+export { buildProjectColumns };
+//# sourceMappingURL=projectColumns.esm.js.map

package/dist/features/projects/projectColumns.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"projectColumns.esm.js","sources":["../../../src/features/projects/projectColumns.tsx"],"sourcesContent":["import { col } from '@massdriver/ui/DataList';\nimport { buildAttributesColumn, Code } from '../../components/AttributesColumn';\nimport { RouterLinkAdapter } from '../../components/RouterLinkAdapter';\nimport { formatAbsoluteTime } from '../../utils/formatRelativeTime';\nimport type { ProjectRow } from './useProjects';\n\n/**\n * Projects list columns, matching the web app's `buildProjectColumns`. The Name\n * column links internally (react-router) to the project details route.\n */\nexport const buildProjectColumns = () => [\n  col.link('name', 'Name', (row: ProjectRow) => row.id, {\n    flex: 2,\n    minWidth: 200,\n    LinkComponent: RouterLinkAdapter,\n  }),\n  col.text('id', 'Identifier', { flex: 1, minWidth: 120, sortable: false }),\n  col.text('description', 'Description', {\n    flex: 3,\n    minWidth: 150,\n    sortable: false,\n  }),\n  buildAttributesColumn({\n    directText:\n      'Key-value attributes assigned directly to this project. Attributes cascade to environments and instances.',\n    effectiveText: (\n      <>\n        The full attribute map the authorization system evaluates policies\n        against for this project — the project's own user attributes plus\n        auto-injected <Code>md-*</Code> system attributes.\n      </>\n    ),\n    flex: 1,\n  }),\n  col.text('updatedAt', 'Updated', {\n    flex: 1,\n    minWidth: 150,\n    sortable: false,\n    searchable: false,\n    tooltip: (_value: unknown, row: ProjectRow) =>\n      formatAbsoluteTime(row.updatedAtRaw),\n  }),\n];\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,sBAAsB,MAAM;AAAA,EACvC,IAAI,IAAA,CAAK,MAAA,EAAQ,QAAQ,CAAC,GAAA,KAAoB,IAAI,EAAA,EAAI;AAAA,IACpD,IAAA,EAAM,CAAA;AAAA,IACN,QAAA,EAAU,GAAA;AAAA,IACV,aAAA,EAAe;AAAA,GAChB,CAAA;AAAA,EACD,GAAA,CAAI,IAAA,CAAK,IAAA,EAAM,YAAA,EAAc,EAAE,IAAA,EAAM,CAAA,EAAG,QAAA,EAAU,GAAA,EAAK,QAAA,EAAU,KAAA,EAAO,CAAA;AAAA,EACxE,GAAA,CAAI,IAAA,CAAK,aAAA,EAAe,aAAA,EAAe;AAAA,IACrC,IAAA,EAAM,CAAA;AAAA,IACN,QAAA,EAAU,GAAA;AAAA,IACV,QAAA,EAAU;AAAA,GACX,CAAA;AAAA,EACD,qBAAA,CAAsB;AAAA,IACpB,UAAA,EACE,2GAAA;AAAA,IACF,+BACE,IAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA;AAAA,MAAA,0JAAA;AAAA,sBAGc,GAAA,CAAC,QAAK,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,MAAO;AAAA,KAAA,EACjC,CAAA;AAAA,IAEF,IAAA,EAAM;AAAA,GACP,CAAA;AAAA,EACD,GAAA,CAAI,IAAA,CAAK,WAAA,EAAa,SAAA,EAAW;AAAA,IAC/B,IAAA,EAAM,CAAA;AAAA,IACN,QAAA,EAAU,GAAA;AAAA,IACV,QAAA,EAAU,KAAA;AAAA,IACV,UAAA,EAAY,KAAA;AAAA,IACZ,SAAS,CAAC,MAAA,EAAiB,GAAA,KACzB,kBAAA,CAAmB,IAAI,YAAY;AAAA,GACtC;AACH;;;;"}

package/dist/features/projects/useProjects.esm.js

@@ -0,0 +1,48 @@
+import { usePaginatedRelayQuery } from '../../hooks/usePaginatedRelayQuery.esm.js';
+import { formatRelativeTime } from '../../utils/formatRelativeTime.esm.js';
+
+const toProjectRow = (project) => ({
+  ...project,
+  name: project.name || "",
+  description: project.description || "",
+  updatedAtRaw: project.updatedAt,
+  updatedAt: formatRelativeTime(project.updatedAt)
+});
+const PROJECTS_QUERY = `
+  query MassdriverProjectsList(
+    $organizationId: ID!
+    $sort: ProjectsSort
+    $cursor: Cursor
+    $filter: ProjectsFilter
+  ) {
+    projects(
+      organizationId: $organizationId
+      sort: $sort
+      cursor: $cursor
+      filter: $filter
+    ) {
+      items {
+        id
+        name
+        description
+        attributes
+        effectiveAttributes
+        createdAt
+        updatedAt
+      }
+      cursor {
+        next
+        previous
+      }
+    }
+  }
+`;
+const useProjectsPaginated = () => usePaginatedRelayQuery(PROJECTS_QUERY, {
+  responseKey: "projects",
+  sortFieldMap: { name: "NAME", createdAt: "CREATED_AT" },
+  defaultSort: { field: "name", direction: "asc" },
+  pageSize: 20
+});
+
+export { toProjectRow, useProjectsPaginated };
+//# sourceMappingURL=useProjects.esm.js.map

package/dist/features/projects/useProjects.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProjects.esm.js","sources":["../../../src/features/projects/useProjects.ts"],"sourcesContent":["import {\n  PaginatedResult,\n  usePaginatedRelayQuery,\n} from '../../hooks/usePaginatedRelayQuery';\nimport { formatRelativeTime } from '../../utils/formatRelativeTime';\n\n/** A project as returned by the API. */\nexport interface ProjectListItem {\n  id: string;\n  name: string;\n  description?: string | null;\n  attributes?: unknown;\n  effectiveAttributes?: unknown;\n  createdAt?: string | null;\n  updatedAt?: string | null;\n}\n\n/** A project row as rendered in the DataList (mirrors the app's transform). */\nexport interface ProjectRow extends ProjectListItem {\n  updatedAt: string;\n  updatedAtRaw?: string | null;\n}\n\n/** Transform a raw project into a display row (mirrors `toProjectRow`). */\nexport const toProjectRow = (project: ProjectListItem): ProjectRow => ({\n  ...project,\n  name: project.name || '',\n  description: project.description || '',\n  updatedAtRaw: project.updatedAt,\n  updatedAt: formatRelativeTime(project.updatedAt),\n});\n\n// Mirrors the web app's `getProjects` field selection, with server-side\n// sort + cursor pagination.\nconst PROJECTS_QUERY = `\n  query MassdriverProjectsList(\n    $organizationId: ID!\n    $sort: ProjectsSort\n    $cursor: Cursor\n    $filter: ProjectsFilter\n  ) {\n    projects(\n      organizationId: $organizationId\n      sort: $sort\n      cursor: $cursor\n      filter: $filter\n    ) {\n      items {\n        id\n        name\n        description\n        attributes\n        effectiveAttributes\n        createdAt\n        updatedAt\n      }\n      cursor {\n        next\n        previous\n      }\n    }\n  }\n`;\n\n/** Server-side, cursor-paginated projects list (matches the web app). */\nexport const useProjectsPaginated = (): PaginatedResult<ProjectListItem> =>\n  usePaginatedRelayQuery<ProjectListItem>(PROJECTS_QUERY, {\n    responseKey: 'projects',\n    sortFieldMap: { name: 'NAME', createdAt: 'CREATED_AT' },\n    defaultSort: { field: 'name', direction: 'asc' },\n    pageSize: 20,\n  });\n"],"names":[],"mappings":";;;AAwBO,MAAM,YAAA,GAAe,CAAC,OAAA,MAA0C;AAAA,EACrE,GAAG,OAAA;AAAA,EACH,IAAA,EAAM,QAAQ,IAAA,IAAQ,EAAA;AAAA,EACtB,WAAA,EAAa,QAAQ,WAAA,IAAe,EAAA;AAAA,EACpC,cAAc,OAAA,CAAQ,SAAA;AAAA,EACtB,SAAA,EAAW,kBAAA,CAAmB,OAAA,CAAQ,SAAS;AACjD,CAAA;AAIA,MAAM,cAAA,GAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AA+BhB,MAAM,oBAAA,GAAuB,MAClC,sBAAA,CAAwC,cAAA,EAAgB;AAAA,EACtD,WAAA,EAAa,UAAA;AAAA,EACb,YAAA,EAAc,EAAE,IAAA,EAAM,MAAA,EAAQ,WAAW,YAAA,EAAa;AAAA,EACtD,WAAA,EAAa,EAAE,KAAA,EAAO,MAAA,EAAQ,WAAW,KAAA,EAAM;AAAA,EAC/C,QAAA,EAAU;AACZ,CAAC;;;;"}

package/dist/features/repo/DeploymentLogsDrawer.esm.js

@@ -0,0 +1,213 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect, useMemo } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { useApi } from '@backstage/frontend-plugin-api';
+import useAsync from 'react-use/esm/useAsync';
+import Box from '@massdriver/ui/Box';
+import Drawer from '@massdriver/ui/Drawer';
+import Typography from '@massdriver/ui/Typography';
+import Alert from '@massdriver/ui/Alert';
+import LogViewer from '@massdriver/ui/LogViewer';
+import { InteractiveIconButton, CloseIconButton } from '@massdriver/ui/IconButton';
+import DownloadIcon from '@massdriver/ui/icons/DownloadIcon';
+import stylin from '@massdriver/ui/stylin';
+import { logSurfaceColors, instanceStatusColors } from '@massdriver/ui/theme';
+import { massdriverApiRef } from '../../api.esm.js';
+import '@mui/material/Chip';
+import { drawerClasses } from '@mui/material/Drawer';
+import '@mui/material/OutlinedInput';
+import '@mui/material/Select';
+import '@mui/material/ToggleButton';
+import { composeInstanceStatus, isDeploymentActive } from '../../utils/instanceStatuses.esm.js';
+import { DEPLOYMENT_LOGS_QUERY, DEPLOYMENT_LOGS_SUBSCRIPTION } from './queries.esm.js';
+import { composeLogsText, formatDeploymentStatus } from './deploymentHelpers.esm.js';
+import { DeploymentLogsDrawerLoading } from './DeploymentLogsDrawer.loading.esm.js';
+import useMassdriverSubscription from '../../hooks/useMassdriverSubscription.esm.js';
+
+const downloadLogs = (text, deploymentId) => {
+  const blob = new Blob([text], { type: "text/plain" });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = `deployment-${deploymentId}.log`;
+  link.click();
+  URL.revokeObjectURL(url);
+};
+const DeploymentLogsContent = ({
+  deploymentId,
+  onClose
+}) => {
+  const api = useApi(massdriverApiRef);
+  const { value, loading, error } = useAsync(async () => {
+    const data = await api.query(DEPLOYMENT_LOGS_QUERY, {
+      id: deploymentId
+    });
+    return data.deployment;
+  }, [api, deploymentId]);
+  const deployment = value ?? null;
+  const status = deployment?.status;
+  const active = isDeploymentActive(status);
+  const [streamed, setStreamed] = useState([]);
+  useEffect(() => {
+    setStreamed([]);
+  }, [deployment]);
+  useMassdriverSubscription(
+    DEPLOYMENT_LOGS_SUBSCRIPTION,
+    { deploymentId },
+    {
+      skip: loading || !active,
+      onData: (data) => {
+        const line = data?.deploymentLogs;
+        if (line) setStreamed((previous) => [...previous, line]);
+      }
+    }
+  );
+  const text = useMemo(
+    () => composeLogsText([...deployment?.logs ?? [], ...streamed]),
+    [deployment?.logs, streamed]
+  );
+  const compoundStatus = composeInstanceStatus(deployment?.action, status);
+  const statusColor = compoundStatus ? instanceStatusColors[compoundStatus] : null;
+  const componentName = deployment?.instance?.component?.name;
+  const actionLabel = [
+    formatDeploymentStatus(deployment?.action, status),
+    componentName
+  ].filter((part) => part && part !== "\u2014").join(" \xB7 ");
+  return /* @__PURE__ */ jsxs(PanelContainer, { children: [
+    /* @__PURE__ */ jsxs(Header, { children: [
+      /* @__PURE__ */ jsx(ActionLine, { variant: "subtitle1", title: actionLabel, children: actionLabel || "Deployment logs" }),
+      status ? /* @__PURE__ */ jsx(StatusPill, { statusColor, children: status.toLowerCase() }) : null,
+      /* @__PURE__ */ jsx(
+        SurfaceIconButton,
+        {
+          icon: /* @__PURE__ */ jsx(DownloadIcon, {}),
+          ariaLabel: "Download logs",
+          tooltip: "Download logs",
+          onClick: () => downloadLogs(text, deploymentId),
+          disabled: !text
+        }
+      ),
+      /* @__PURE__ */ jsx(SurfaceCloseButton, { onClick: onClose, tooltip: "Close logs" })
+    ] }),
+    /* @__PURE__ */ jsx(Body, { children: loading ? /* @__PURE__ */ jsx(DeploymentLogsDrawerLoading, {}) : error ? /* @__PURE__ */ jsx(Padded, { children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: String(error.message ?? error) }) }) : /* @__PURE__ */ jsx(
+      LogViewer,
+      {
+        text,
+        follow: true,
+        enableLineNumbers: true,
+        enableSearch: true,
+        wrapLines: true
+      }
+    ) })
+  ] });
+};
+const DeploymentLogsDrawer = () => {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const deploymentId = searchParams.get("logs");
+  const isOpen = Boolean(deploymentId);
+  const onClose = () => setSearchParams(
+    (prev) => {
+      const next = new URLSearchParams(prev);
+      next.delete("logs");
+      return next;
+    },
+    { replace: false }
+  );
+  return /* @__PURE__ */ jsx(
+    StyledDrawer,
+    {
+      open: isOpen,
+      onClose,
+      anchor: "right",
+      variant: "temporary",
+      resizable: true,
+      minWidth: 575,
+      defaultWidth: 720,
+      transitionDuration: { enter: 280, exit: 220 },
+      ModalProps: {
+        keepMounted: true,
+        BackdropProps: { invisible: true },
+        sx: { zIndex: (theme) => theme.zIndex.modal + 100 }
+      },
+      children: deploymentId ? /* @__PURE__ */ jsx(
+        DeploymentLogsContent,
+        {
+          deploymentId,
+          onClose
+        },
+        deploymentId
+      ) : null
+    }
+  );
+};
+const StyledDrawer = stylin(Drawer)({
+  [`& .${drawerClasses.paper}`]: {
+    backgroundColor: logSurfaceColors.bg
+  }
+});
+const PanelContainer = stylin(Box)({
+  display: "flex",
+  flexDirection: "column",
+  height: "100%",
+  width: "100%",
+  overflow: "hidden",
+  backgroundColor: logSurfaceColors.bg
+});
+const Header = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1),
+  padding: theme.spacing(1.5, 2),
+  height: 57,
+  backgroundColor: logSurfaceColors.bg,
+  borderBottom: `1px solid ${logSurfaceColors.border}`,
+  flexShrink: 0
+}));
+const ActionLine = stylin(Typography)({
+  flex: 1,
+  minWidth: 0,
+  color: logSurfaceColors.textAction,
+  fontWeight: 700,
+  textTransform: "capitalize",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+});
+const StatusPill = stylin("span", ["statusColor"])(
+  ({ statusColor }) => ({
+    display: "inline-flex",
+    alignItems: "center",
+    flexShrink: 0,
+    padding: "2px 8px",
+    borderRadius: "9999px",
+    fontSize: "0.75rem",
+    fontWeight: 600,
+    lineHeight: 1.4,
+    textTransform: "lowercase",
+    letterSpacing: "0.02em",
+    color: statusColor || logSurfaceColors.textMuted,
+    backgroundColor: statusColor ? `${statusColor}1f` : "transparent",
+    border: `1px solid ${statusColor ? `${statusColor}33` : logSurfaceColors.border}`
+  })
+);
+const Body = stylin(Box)({
+  flex: 1,
+  minHeight: 0,
+  display: "flex",
+  flexDirection: "column",
+  backgroundColor: logSurfaceColors.bg
+});
+const Padded = stylin(Box)(({ theme }) => ({
+  padding: theme.spacing(2)
+}));
+const SurfaceIconButton = stylin(InteractiveIconButton)({
+  color: logSurfaceColors.textMuted,
+  "&:hover": { color: logSurfaceColors.textHover }
+});
+const SurfaceCloseButton = stylin(CloseIconButton)({
+  color: logSurfaceColors.textMuted,
+  "&:hover": { color: logSurfaceColors.textHover }
+});
+
+export { DeploymentLogsDrawer };
+//# sourceMappingURL=DeploymentLogsDrawer.esm.js.map

package/dist/features/repo/DeploymentLogsDrawer.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeploymentLogsDrawer.esm.js","sources":["../../../src/features/repo/DeploymentLogsDrawer.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { useApi } from '@backstage/frontend-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport Box from '@massdriver/ui/Box';\nimport Drawer from '@massdriver/ui/Drawer';\nimport Typography from '@massdriver/ui/Typography';\nimport Alert from '@massdriver/ui/Alert';\nimport LogViewer from '@massdriver/ui/LogViewer';\nimport {\n  CloseIconButton,\n  InteractiveIconButton,\n} from '@massdriver/ui/IconButton';\nimport DownloadIcon from '@massdriver/ui/icons/DownloadIcon';\nimport stylin from '@massdriver/ui/stylin';\nimport { instanceStatusColors, logSurfaceColors } from '@massdriver/ui/theme';\nimport { massdriverApiRef } from '../../api';\nimport { drawerClasses } from '../../theme/muiClasses';\nimport { composeInstanceStatus } from '../../utils/instanceStatuses';\nimport { DEPLOYMENT_LOGS_QUERY, DEPLOYMENT_LOGS_SUBSCRIPTION } from './queries';\nimport {\n  composeLogsText,\n  formatDeploymentStatus,\n  isDeploymentActive,\n} from './deploymentHelpers';\nimport { DeploymentLogsDrawerLoading } from './DeploymentLogsDrawer.loading';\nimport type { DeploymentLogLine, DeploymentLogs } from './types';\nimport useMassdriverSubscription from '../../hooks/useMassdriverSubscription';\n\nconst downloadLogs = (text: string, deploymentId: string) => {\n  const blob = new Blob([text], { type: 'text/plain' });\n  const url = URL.createObjectURL(blob);\n  const link = document.createElement('a');\n  link.href = url;\n  link.download = `deployment-${deploymentId}.log`;\n  link.click();\n  URL.revokeObjectURL(url);\n};\n\n// Inner content. Mounted with key={deploymentId} so each open is a fresh\n// instance — fresh backfill query and brand-new log subscription, no stale\n// state carried across opens (mirrors the web drawer's keyed content). The\n// backfill is fetched with useAsync + api.query rather than the environment\n// feature's useLiveRelayQuery, which needs the environment RealtimeProvider\n// that does not exist on the repo page; the live tail then streams over the\n// SSE relay exactly as features/environment's DeploymentLogsPanel does.\nconst DeploymentLogsContent = ({\n  deploymentId,\n  onClose,\n}: {\n  deploymentId: string;\n  onClose: () => void;\n}) => {\n  const api = useApi(massdriverApiRef);\n  const { value, loading, error } = useAsync(async () => {\n    const data = (await api.query(DEPLOYMENT_LOGS_QUERY, {\n      id: deploymentId,\n    })) as { deployment: DeploymentLogs | null };\n    return data.deployment;\n  }, [api, deploymentId]);\n\n  const deployment = value ?? null;\n  const status = deployment?.status;\n  const active = isDeploymentActive(status);\n\n  // Log lines streamed after the initial backfill.\n  const [streamed, setStreamed] = useState<DeploymentLogLine[]>([]);\n  useEffect(() => {\n    setStreamed([]);\n  }, [deployment]);\n\n  useMassdriverSubscription<{ deploymentLogs: DeploymentLogLine | null }>(\n    DEPLOYMENT_LOGS_SUBSCRIPTION,\n    { deploymentId },\n    {\n      skip: loading || !active,\n      onData: data => {\n        const line = data?.deploymentLogs;\n        if (line) setStreamed(previous => [...previous, line]);\n      },\n    },\n  );\n\n  const text = useMemo(\n    () => composeLogsText([...(deployment?.logs ?? []), ...streamed]),\n    [deployment?.logs, streamed],\n  );\n\n  const compoundStatus = composeInstanceStatus(deployment?.action, status);\n  const statusColor = compoundStatus\n    ? (instanceStatusColors as Record<string, string>)[compoundStatus]\n    : null;\n  const componentName = deployment?.instance?.component?.name;\n  const actionLabel = [\n    formatDeploymentStatus(deployment?.action, status),\n    componentName,\n  ]\n    .filter(part => part && part !== '—')\n    .join(' · ');\n\n  return (\n    <PanelContainer>\n      <Header>\n        <ActionLine variant=\"subtitle1\" title={actionLabel}>\n          {actionLabel || 'Deployment logs'}\n        </ActionLine>\n        {status ? (\n          <StatusPill statusColor={statusColor}>\n            {status.toLowerCase()}\n          </StatusPill>\n        ) : null}\n        <SurfaceIconButton\n          icon={<DownloadIcon />}\n          ariaLabel=\"Download logs\"\n          tooltip=\"Download logs\"\n          onClick={() => downloadLogs(text, deploymentId)}\n          disabled={!text}\n        />\n        <SurfaceCloseButton onClick={onClose} tooltip=\"Close logs\" />\n      </Header>\n      <Body>\n        {loading ? (\n          <DeploymentLogsDrawerLoading />\n        ) : error ? (\n          <Padded>\n            <Alert severity=\"error\">{String(error.message ?? error)}</Alert>\n          </Padded>\n        ) : (\n          <LogViewer\n            text={text}\n            follow\n            enableLineNumbers\n            enableSearch\n            wrapLines\n          />\n        )}\n      </Body>\n    </PanelContainer>\n  );\n};\n\n/**\n * In-place deployment logs drawer for the repo Deployments tab. Faithful port of\n * apps/web/shared/components/DeploymentLogsDrawer — a dark, right-anchored,\n * resizable Drawer driven by the same `logs` URL param the web reads via\n * useDialogParam (mirrored here with react-router's useSearchParams). Rendered\n * above MUI Dialog (zIndex.modal + 100) with an invisible backdrop, so it\n * overlays the details dialog with click-away-to-close, exactly as in the web.\n */\nexport const DeploymentLogsDrawer = () => {\n  const [searchParams, setSearchParams] = useSearchParams();\n  const deploymentId = searchParams.get('logs');\n  const isOpen = Boolean(deploymentId);\n\n  const onClose = () =>\n    setSearchParams(\n      prev => {\n        const next = new URLSearchParams(prev);\n        next.delete('logs');\n        return next;\n      },\n      { replace: false },\n    );\n\n  return (\n    <StyledDrawer\n      open={isOpen}\n      onClose={onClose}\n      anchor=\"right\"\n      variant=\"temporary\"\n      resizable\n      minWidth={575}\n      defaultWidth={720}\n      transitionDuration={{ enter: 280, exit: 220 }}\n      ModalProps={{\n        keepMounted: true,\n        BackdropProps: { invisible: true },\n        sx: { zIndex: (theme: any) => theme.zIndex.modal + 100 },\n      }}\n    >\n      {deploymentId ? (\n        <DeploymentLogsContent\n          key={deploymentId}\n          deploymentId={deploymentId}\n          onClose={onClose}\n        />\n      ) : null}\n    </StyledDrawer>\n  );\n};\n\nexport default DeploymentLogsDrawer;\n\nconst StyledDrawer = stylin(Drawer)({\n  [`& .${drawerClasses.paper}`]: {\n    backgroundColor: logSurfaceColors.bg,\n  },\n});\n\nconst PanelContainer = stylin(Box)({\n  display: 'flex',\n  flexDirection: 'column',\n  height: '100%',\n  width: '100%',\n  overflow: 'hidden',\n  backgroundColor: logSurfaceColors.bg,\n});\n\nconst Header = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  padding: theme.spacing(1.5, 2),\n  height: 57,\n  backgroundColor: logSurfaceColors.bg,\n  borderBottom: `1px solid ${logSurfaceColors.border}`,\n  flexShrink: 0,\n}));\n\nconst ActionLine = stylin(Typography)({\n  flex: 1,\n  minWidth: 0,\n  color: logSurfaceColors.textAction,\n  fontWeight: 700,\n  textTransform: 'capitalize',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nconst StatusPill = stylin('span', ['statusColor'])(\n  ({ statusColor }: { statusColor: string | null }) => ({\n    display: 'inline-flex',\n    alignItems: 'center',\n    flexShrink: 0,\n    padding: '2px 8px',\n    borderRadius: '9999px',\n    fontSize: '0.75rem',\n    fontWeight: 600,\n    lineHeight: 1.4,\n    textTransform: 'lowercase',\n    letterSpacing: '0.02em',\n    color: statusColor || logSurfaceColors.textMuted,\n    backgroundColor: statusColor ? `${statusColor}1f` : 'transparent',\n    border: `1px solid ${\n      statusColor ? `${statusColor}33` : logSurfaceColors.border\n    }`,\n  }),\n);\n\nconst Body = stylin(Box)({\n  flex: 1,\n  minHeight: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  backgroundColor: logSurfaceColors.bg,\n});\n\nconst Padded = stylin(Box)(({ theme }: { theme: any }) => ({\n  padding: theme.spacing(2),\n}));\n\nconst SurfaceIconButton = stylin(InteractiveIconButton)({\n  color: logSurfaceColors.textMuted,\n  '&:hover': { color: logSurfaceColors.textHover },\n});\n\nconst SurfaceCloseButton = stylin(CloseIconButton)({\n  color: logSurfaceColors.textMuted,\n  '&:hover': { color: logSurfaceColors.textHover },\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAM,YAAA,GAAe,CAAC,IAAA,EAAc,YAAA,KAAyB;AAC3D,EAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,CAAC,IAAI,CAAA,EAAG,EAAE,IAAA,EAAM,YAAA,EAAc,CAAA;AACpD,EAAA,MAAM,GAAA,GAAM,GAAA,CAAI,eAAA,CAAgB,IAAI,CAAA;AACpC,EAAA,MAAM,IAAA,GAAO,QAAA,CAAS,aAAA,CAAc,GAAG,CAAA;AACvC,EAAA,IAAA,CAAK,IAAA,GAAO,GAAA;AACZ,EAAA,IAAA,CAAK,QAAA,GAAW,cAAc,YAAY,CAAA,IAAA,CAAA;AAC1C,EAAA,IAAA,CAAK,KAAA,EAAM;AACX,EAAA,GAAA,CAAI,gBAAgB,GAAG,CAAA;AACzB,CAAA;AASA,MAAM,wBAAwB,CAAC;AAAA,EAC7B,YAAA;AAAA,EACA;AACF,CAAA,KAGM;AACJ,EAAA,MAAM,GAAA,GAAM,OAAO,gBAAgB,CAAA;AACnC,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,KAAA,EAAM,GAAI,SAAS,YAAY;AACrD,IAAA,MAAM,IAAA,GAAQ,MAAM,GAAA,CAAI,KAAA,CAAM,qBAAA,EAAuB;AAAA,MACnD,EAAA,EAAI;AAAA,KACL,CAAA;AACD,IAAA,OAAO,IAAA,CAAK,UAAA;AAAA,EACd,CAAA,EAAG,CAAC,GAAA,EAAK,YAAY,CAAC,CAAA;AAEtB,EAAA,MAAM,aAAa,KAAA,IAAS,IAAA;AAC5B,EAAA,MAAM,SAAS,UAAA,EAAY,MAAA;AAC3B,EAAA,MAAM,MAAA,GAAS,mBAAmB,MAAM,CAAA;AAGxC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,CAA8B,EAAE,CAAA;AAChE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,EAAE,CAAA;AAAA,EAChB,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,yBAAA;AAAA,IACE,4BAAA;AAAA,IACA,EAAE,YAAA,EAAa;AAAA,IACf;AAAA,MACE,IAAA,EAAM,WAAW,CAAC,MAAA;AAAA,MAClB,QAAQ,CAAA,IAAA,KAAQ;AACd,QAAA,MAAM,OAAO,IAAA,EAAM,cAAA;AACnB,QAAA,IAAI,MAAM,WAAA,CAAY,CAAA,QAAA,KAAY,CAAC,GAAG,QAAA,EAAU,IAAI,CAAC,CAAA;AAAA,MACvD;AAAA;AACF,GACF;AAEA,EAAA,MAAM,IAAA,GAAO,OAAA;AAAA,IACX,MAAM,eAAA,CAAgB,CAAC,GAAI,UAAA,EAAY,QAAQ,EAAC,EAAI,GAAG,QAAQ,CAAC,CAAA;AAAA,IAChE,CAAC,UAAA,EAAY,IAAA,EAAM,QAAQ;AAAA,GAC7B;AAEA,EAAA,MAAM,cAAA,GAAiB,qBAAA,CAAsB,UAAA,EAAY,MAAA,EAAQ,MAAM,CAAA;AACvE,EAAA,MAAM,WAAA,GAAc,cAAA,GACf,oBAAA,CAAgD,cAAc,CAAA,GAC/D,IAAA;AACJ,EAAA,MAAM,aAAA,GAAgB,UAAA,EAAY,QAAA,EAAU,SAAA,EAAW,IAAA;AACvD,EAAA,MAAM,WAAA,GAAc;AAAA,IAClB,sBAAA,CAAuB,UAAA,EAAY,MAAA,EAAQ,MAAM,CAAA;AAAA,IACjD;AAAA,GACF,CACG,OAAO,CAAA,IAAA,KAAQ,IAAA,IAAQ,SAAS,QAAG,CAAA,CACnC,KAAK,QAAK,CAAA;AAEb,EAAA,4BACG,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAW,OAAA,EAAQ,WAAA,EAAY,KAAA,EAAO,WAAA,EACpC,yBAAe,iBAAA,EAClB,CAAA;AAAA,MACC,yBACC,GAAA,CAAC,UAAA,EAAA,EAAW,aACT,QAAA,EAAA,MAAA,CAAO,WAAA,IACV,CAAA,GACE,IAAA;AAAA,sBACJ,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAA,sBAAO,YAAA,EAAA,EAAa,CAAA;AAAA,UACpB,SAAA,EAAU,eAAA;AAAA,UACV,OAAA,EAAQ,eAAA;AAAA,UACR,OAAA,EAAS,MAAM,YAAA,CAAa,IAAA,EAAM,YAAY,CAAA;AAAA,UAC9C,UAAU,CAAC;AAAA;AAAA,OACb;AAAA,sBACA,GAAA,CAAC,kBAAA,EAAA,EAAmB,OAAA,EAAS,OAAA,EAAS,SAAQ,YAAA,EAAa;AAAA,KAAA,EAC7D,CAAA;AAAA,wBACC,IAAA,EAAA,EACE,QAAA,EAAA,OAAA,uBACE,2BAAA,EAAA,EAA4B,CAAA,GAC3B,wBACF,GAAA,CAAC,MAAA,EAAA,EACC,8BAAC,KAAA,EAAA,EAAM,QAAA,EAAS,SAAS,QAAA,EAAA,MAAA,CAAO,KAAA,CAAM,WAAW,KAAK,CAAA,EAAE,GAC1D,CAAA,mBAEA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,MAAA,EAAM,IAAA;AAAA,QACN,iBAAA,EAAiB,IAAA;AAAA,QACjB,YAAA,EAAY,IAAA;AAAA,QACZ,SAAA,EAAS;AAAA;AAAA,KACX,EAEJ;AAAA,GAAA,EACF,CAAA;AAEJ,CAAA;AAUO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,eAAA,EAAgB;AACxD,EAAA,MAAM,YAAA,GAAe,YAAA,CAAa,GAAA,CAAI,MAAM,CAAA;AAC5C,EAAA,MAAM,MAAA,GAAS,QAAQ,YAAY,CAAA;AAEnC,EAAA,MAAM,UAAU,MACd,eAAA;AAAA,IACE,CAAA,IAAA,KAAQ;AACN,MAAA,MAAM,IAAA,GAAO,IAAI,eAAA,CAAgB,IAAI,CAAA;AACrC,MAAA,IAAA,CAAK,OAAO,MAAM,CAAA;AAClB,MAAA,OAAO,IAAA;AAAA,IACT,CAAA;AAAA,IACA,EAAE,SAAS,KAAA;AAAM,GACnB;AAEF,EAAA,uBACE,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,MAAA;AAAA,MACN,OAAA;AAAA,MACA,MAAA,EAAO,OAAA;AAAA,MACP,OAAA,EAAQ,WAAA;AAAA,MACR,SAAA,EAAS,IAAA;AAAA,MACT,QAAA,EAAU,GAAA;AAAA,MACV,YAAA,EAAc,GAAA;AAAA,MACd,kBAAA,EAAoB,EAAE,KAAA,EAAO,GAAA,EAAK,MAAM,GAAA,EAAI;AAAA,MAC5C,UAAA,EAAY;AAAA,QACV,WAAA,EAAa,IAAA;AAAA,QACb,aAAA,EAAe,EAAE,SAAA,EAAW,IAAA,EAAK;AAAA,QACjC,EAAA,EAAI,EAAE,MAAA,EAAQ,CAAC,UAAe,KAAA,CAAM,MAAA,CAAO,QAAQ,GAAA;AAAI,OACzD;AAAA,MAEC,QAAA,EAAA,YAAA,mBACC,GAAA;AAAA,QAAC,qBAAA;AAAA,QAAA;AAAA,UAEC,YAAA;AAAA,UACA;AAAA,SAAA;AAAA,QAFK;AAAA,OAGP,GACE;AAAA;AAAA,GACN;AAEJ;AAIA,MAAM,YAAA,GAAe,MAAA,CAAO,MAAM,CAAA,CAAE;AAAA,EAClC,CAAC,CAAA,GAAA,EAAM,aAAA,CAAc,KAAK,EAAE,GAAG;AAAA,IAC7B,iBAAiB,gBAAA,CAAiB;AAAA;AAEtC,CAAC,CAAA;AAED,MAAM,cAAA,GAAiB,MAAA,CAAO,GAAG,CAAA,CAAE;AAAA,EACjC,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,MAAA,EAAQ,MAAA;AAAA,EACR,KAAA,EAAO,MAAA;AAAA,EACP,QAAA,EAAU,QAAA;AAAA,EACV,iBAAiB,gBAAA,CAAiB;AACpC,CAAC,CAAA;AAED,MAAM,SAAS,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACzD,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EACpB,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,GAAA,EAAK,CAAC,CAAA;AAAA,EAC7B,MAAA,EAAQ,EAAA;AAAA,EACR,iBAAiB,gBAAA,CAAiB,EAAA;AAAA,EAClC,YAAA,EAAc,CAAA,UAAA,EAAa,gBAAA,CAAiB,MAAM,CAAA,CAAA;AAAA,EAClD,UAAA,EAAY;AACd,CAAA,CAAE,CAAA;AAEF,MAAM,UAAA,GAAa,MAAA,CAAO,UAAU,CAAA,CAAE;AAAA,EACpC,IAAA,EAAM,CAAA;AAAA,EACN,QAAA,EAAU,CAAA;AAAA,EACV,OAAO,gBAAA,CAAiB,UAAA;AAAA,EACxB,UAAA,EAAY,GAAA;AAAA,EACZ,aAAA,EAAe,YAAA;AAAA,EACf,QAAA,EAAU,QAAA;AAAA,EACV,YAAA,EAAc,UAAA;AAAA,EACd,UAAA,EAAY;AACd,CAAC,CAAA;AAED,MAAM,UAAA,GAAa,MAAA,CAAO,MAAA,EAAQ,CAAC,aAAa,CAAC,CAAA;AAAA,EAC/C,CAAC,EAAE,WAAA,EAAY,MAAuC;AAAA,IACpD,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,UAAA,EAAY,CAAA;AAAA,IACZ,OAAA,EAAS,SAAA;AAAA,IACT,YAAA,EAAc,QAAA;AAAA,IACd,QAAA,EAAU,SAAA;AAAA,IACV,UAAA,EAAY,GAAA;AAAA,IACZ,UAAA,EAAY,GAAA;AAAA,IACZ,aAAA,EAAe,WAAA;AAAA,IACf,aAAA,EAAe,QAAA;AAAA,IACf,KAAA,EAAO,eAAe,gBAAA,CAAiB,SAAA;AAAA,IACvC,eAAA,EAAiB,WAAA,GAAc,CAAA,EAAG,WAAW,CAAA,EAAA,CAAA,GAAO,aAAA;AAAA,IACpD,QAAQ,CAAA,UAAA,EACN,WAAA,GAAc,GAAG,WAAW,CAAA,EAAA,CAAA,GAAO,iBAAiB,MACtD,CAAA;AAAA,GACF;AACF,CAAA;AAEA,MAAM,IAAA,GAAO,MAAA,CAAO,GAAG,CAAA,CAAE;AAAA,EACvB,IAAA,EAAM,CAAA;AAAA,EACN,SAAA,EAAW,CAAA;AAAA,EACX,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,iBAAiB,gBAAA,CAAiB;AACpC,CAAC,CAAA;AAED,MAAM,SAAS,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACzD,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAC;AAC1B,CAAA,CAAE,CAAA;AAEF,MAAM,iBAAA,GAAoB,MAAA,CAAO,qBAAqB,CAAA,CAAE;AAAA,EACtD,OAAO,gBAAA,CAAiB,SAAA;AAAA,EACxB,SAAA,EAAW,EAAE,KAAA,EAAO,gBAAA,CAAiB,SAAA;AACvC,CAAC,CAAA;AAED,MAAM,kBAAA,GAAqB,MAAA,CAAO,eAAe,CAAA,CAAE;AAAA,EACjD,OAAO,gBAAA,CAAiB,SAAA;AAAA,EACxB,SAAA,EAAW,EAAE,KAAA,EAAO,gBAAA,CAAiB,SAAA;AACvC,CAAC,CAAA;;;;"}

package/dist/features/repo/DeploymentLogsDrawer.loading.esm.js

@@ -0,0 +1,43 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Box from '@massdriver/ui/Box';
+import Skeleton from '@massdriver/ui/Skeleton';
+import stylin from '@massdriver/ui/stylin';
+
+const DeploymentLogsDrawerLoading = () => /* @__PURE__ */ jsxs(Root, { children: [
+  /* @__PURE__ */ jsxs(Header, { children: [
+    /* @__PURE__ */ jsxs(HeaderText, { children: [
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 140, height: 24 }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 220, height: 16 })
+    ] }),
+    /* @__PURE__ */ jsx(Skeleton, { variant: "circular", width: 36, height: 36 }),
+    /* @__PURE__ */ jsx(Skeleton, { variant: "circular", width: 36, height: 36 })
+  ] }),
+  /* @__PURE__ */ jsx(Body, { children: /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", height: "100%" }) })
+] });
+const Root = stylin(Box)({
+  display: "flex",
+  flexDirection: "column",
+  height: "100%",
+  width: "100%"
+});
+const Header = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1),
+  padding: theme.spacing(1.5, 2),
+  borderBottom: `1px solid ${theme.palette.divider}`
+}));
+const HeaderText = stylin(Box)({
+  flex: 1,
+  display: "flex",
+  flexDirection: "column",
+  gap: "4px"
+});
+const Body = stylin(Box)(({ theme }) => ({
+  flex: 1,
+  padding: theme.spacing(2),
+  minHeight: 0
+}));
+
+export { DeploymentLogsDrawerLoading };
+//# sourceMappingURL=DeploymentLogsDrawer.loading.esm.js.map

package/dist/features/repo/DeploymentLogsDrawer.loading.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeploymentLogsDrawer.loading.esm.js","sources":["../../../src/features/repo/DeploymentLogsDrawer.loading.tsx"],"sourcesContent":["import Box from '@massdriver/ui/Box';\nimport Skeleton from '@massdriver/ui/Skeleton';\nimport stylin from '@massdriver/ui/stylin';\n\n// Ported from apps/web/shared/components/DeploymentLogsDrawer/DeploymentLogsDrawer.loading.js.\nexport const DeploymentLogsDrawerLoading = () => (\n  <Root>\n    <Header>\n      <HeaderText>\n        <Skeleton variant=\"text\" width={140} height={24} />\n        <Skeleton variant=\"text\" width={220} height={16} />\n      </HeaderText>\n      <Skeleton variant=\"circular\" width={36} height={36} />\n      <Skeleton variant=\"circular\" width={36} height={36} />\n    </Header>\n    <Body>\n      <Skeleton variant=\"rounded\" height=\"100%\" />\n    </Body>\n  </Root>\n);\n\nexport default DeploymentLogsDrawerLoading;\n\nconst Root = stylin(Box)({\n  display: 'flex',\n  flexDirection: 'column',\n  height: '100%',\n  width: '100%',\n});\n\nconst Header = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  padding: theme.spacing(1.5, 2),\n  borderBottom: `1px solid ${theme.palette.divider}`,\n}));\n\nconst HeaderText = stylin(Box)({\n  flex: 1,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: '4px',\n});\n\nconst Body = stylin(Box)(({ theme }: { theme: any }) => ({\n  flex: 1,\n  padding: theme.spacing(2),\n  minHeight: 0,\n}));\n"],"names":[],"mappings":";;;;;AAKO,MAAM,2BAAA,GAA8B,sBACzC,IAAA,CAAC,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,UAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAS,OAAA,EAAQ,MAAA,EAAO,KAAA,EAAO,GAAA,EAAK,QAAQ,EAAA,EAAI,CAAA;AAAA,0BAChD,QAAA,EAAA,EAAS,OAAA,EAAQ,QAAO,KAAA,EAAO,GAAA,EAAK,QAAQ,EAAA,EAAI;AAAA,KAAA,EACnD,CAAA;AAAA,wBACC,QAAA,EAAA,EAAS,OAAA,EAAQ,YAAW,KAAA,EAAO,EAAA,EAAI,QAAQ,EAAA,EAAI,CAAA;AAAA,wBACnD,QAAA,EAAA,EAAS,OAAA,EAAQ,YAAW,KAAA,EAAO,EAAA,EAAI,QAAQ,EAAA,EAAI;AAAA,GAAA,EACtD,CAAA;AAAA,kBACA,GAAA,CAAC,QACC,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAQ,SAAA,EAAU,MAAA,EAAO,QAAO,CAAA,EAC5C;AAAA,CAAA,EACF;AAKF,MAAM,IAAA,GAAO,MAAA,CAAO,GAAG,CAAA,CAAE;AAAA,EACvB,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,MAAA,EAAQ,MAAA;AAAA,EACR,KAAA,EAAO;AACT,CAAC,CAAA;AAED,MAAM,SAAS,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACzD,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EACpB,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,GAAA,EAAK,CAAC,CAAA;AAAA,EAC7B,YAAA,EAAc,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA;AAClD,CAAA,CAAE,CAAA;AAEF,MAAM,UAAA,GAAa,MAAA,CAAO,GAAG,CAAA,CAAE;AAAA,EAC7B,IAAA,EAAM,CAAA;AAAA,EACN,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,GAAA,EAAK;AACP,CAAC,CAAA;AAED,MAAM,OAAO,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACvD,IAAA,EAAM,CAAA;AAAA,EACN,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EACxB,SAAA,EAAW;AACb,CAAA,CAAE,CAAA;;;;"}