@massdriver/backstage-plugin 1.0.0

package/dist/features/repo/tabs/DeploymentsTab.esm.js

@@ -0,0 +1,188 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import Alert from '@massdriver/ui/Alert';
+import Box from '@massdriver/ui/Box';
+import LoadingIndicator from '@massdriver/ui/LoadingIndicator';
+import Select, { MenuItem } from '@massdriver/ui/Select';
+import FilterListIcon from '@massdriver/ui/icons/FilterListIcon';
+import HistoryIcon from '@massdriver/ui/icons/HistoryIcon';
+import SortIcon from '@massdriver/ui/icons/SortIcon';
+import stylin from '@massdriver/ui/stylin';
+import { RepoEmptyState } from '../RepoEmptyState.esm.js';
+import { RepoNoVersionsState } from '../RepoNoVersionsState.esm.js';
+import { RepoTabHeader } from '../RepoTabHeader.esm.js';
+import { RepoTabLayout } from '../RepoTabLayout.esm.js';
+import { buildRepoVersionFilter } from '../repoFilter.esm.js';
+import { ALL_VERSIONS } from '../resolveVersion.esm.js';
+import { REPO_DEPLOYMENTS_QUERY } from '../queries.esm.js';
+import { useInfiniteRelayList } from '../useInfiniteRelayList.esm.js';
+import { useInfiniteScroll } from '../useInfiniteScroll.esm.js';
+import { DeploymentRow } from './DeploymentRow.esm.js';
+import { DeploymentsTabLoading } from './DeploymentsTab.loading.esm.js';
+import { DEFAULT_SORT_VALUE, DEFAULT_STATUS_VALUE, DEFAULT_ACTION_VALUE, sortValueToInput, filterValue, ACTION_OPTIONS, STATUS_OPTIONS, SORT_OPTIONS } from './DeploymentsTab.helpers.esm.js';
+import '@mui/material/Chip';
+import '@mui/material/Drawer';
+import '@mui/material/OutlinedInput';
+import { selectClasses } from '@mui/material/Select';
+import '@mui/material/ToggleButton';
+
+const DeploymentsTab = ({
+  repoId,
+  version,
+  hasNoVersions
+}) => {
+  const [sortValue, setSortValue] = useState(DEFAULT_SORT_VALUE);
+  const [statusValue, setStatusValue] = useState(DEFAULT_STATUS_VALUE);
+  const [actionValue, setActionValue] = useState(DEFAULT_ACTION_VALUE);
+  const [, setSearchParams] = useSearchParams();
+  const versionScoped = version !== ALL_VERSIONS;
+  const setParam = (key, value) => setSearchParams(
+    (prev) => {
+      const next = new URLSearchParams(prev);
+      next.set(key, value);
+      return next;
+    },
+    { replace: false }
+  );
+  const onViewDetails = (deploymentId) => setParam("deployment", deploymentId);
+  const onViewLogs = (deploymentId) => setParam("logs", deploymentId);
+  const sort = useMemo(() => sortValueToInput(sortValue), [sortValue]);
+  const status = useMemo(() => filterValue(statusValue), [statusValue]);
+  const action = useMemo(() => filterValue(actionValue), [actionValue]);
+  const versionFilter = buildRepoVersionFilter(repoId, version);
+  const filter = versionFilter ? {
+    ...versionFilter,
+    ...status ? { status: { eq: status } } : {},
+    ...action ? { action: { eq: action } } : {}
+  } : void 0;
+  const { items, loading, loadingMore, error, hasMore, onLoadMore } = useInfiniteRelayList(REPO_DEPLOYMENTS_QUERY, {
+    responseKey: "deployments",
+    variables: { filter, sort },
+    pageSize: 20,
+    skip: hasNoVersions
+  });
+  const sentinelRef = useInfiniteScroll({
+    onLoadMore,
+    hasMore,
+    loading: loading || loadingMore
+  });
+  if (hasNoVersions) {
+    return /* @__PURE__ */ jsx(RepoNoVersionsState, { tabLabel: "deployments" });
+  }
+  const description = versionScoped ? "Deployments stamped with this bundle version, across every instance in your organization." : "Deployments of this bundle across every instance in your organization.";
+  return /* @__PURE__ */ jsxs(RepoTabLayout, { children: [
+    /* @__PURE__ */ jsx(RepoTabHeader, { title: "Deployments", description }),
+    /* @__PURE__ */ jsxs(Controls, { children: [
+      /* @__PURE__ */ jsxs(ControlGroup, { children: [
+        /* @__PURE__ */ jsx(FilterListIcon, { fontSize: "small" }),
+        /* @__PURE__ */ jsx(
+          ControlSelect,
+          {
+            value: actionValue,
+            onChange: (event) => setActionValue(event.target.value),
+            size: "small",
+            variant: "standard",
+            InputProps: { disableUnderline: true },
+            "aria-label": "Filter by action",
+            children: ACTION_OPTIONS.map((option) => /* @__PURE__ */ jsx(MenuItem, { value: option.value, children: option.label }, option.value))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(ControlGroup, { children: [
+        /* @__PURE__ */ jsx(FilterListIcon, { fontSize: "small" }),
+        /* @__PURE__ */ jsx(
+          ControlSelect,
+          {
+            value: statusValue,
+            onChange: (event) => setStatusValue(event.target.value),
+            size: "small",
+            variant: "standard",
+            InputProps: { disableUnderline: true },
+            "aria-label": "Filter by deployment status",
+            children: STATUS_OPTIONS.map((option) => /* @__PURE__ */ jsx(MenuItem, { value: option.value, children: option.label }, option.value))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(ControlGroup, { children: [
+        /* @__PURE__ */ jsx(SortIcon, { fontSize: "small" }),
+        /* @__PURE__ */ jsx(
+          ControlSelect,
+          {
+            value: sortValue,
+            onChange: (event) => setSortValue(event.target.value),
+            size: "small",
+            variant: "standard",
+            InputProps: { disableUnderline: true },
+            "aria-label": "Sort deployments",
+            children: SORT_OPTIONS.map((option) => /* @__PURE__ */ jsx(MenuItem, { value: option.value, children: option.label }, option.value))
+          }
+        )
+      ] })
+    ] }),
+    error ? /* @__PURE__ */ jsx(Alert, { severity: "error", children: String(error.message ?? error) }) : loading && items.length === 0 ? /* @__PURE__ */ jsx(DeploymentsTabLoading, {}) : items.length === 0 ? /* @__PURE__ */ jsx(
+      RepoEmptyState,
+      {
+        icon: /* @__PURE__ */ jsx(HistoryIcon, {}),
+        title: "No deployments",
+        description: versionScoped ? "No deployments match these filters for this bundle version." : "No deployments match these filters for this bundle."
+      }
+    ) : /* @__PURE__ */ jsxs(List, { children: [
+      items.map((deployment) => /* @__PURE__ */ jsx(
+        DeploymentRow,
+        {
+          deployment,
+          onViewLogs,
+          onViewDetails
+        },
+        deployment.id
+      )),
+      /* @__PURE__ */ jsx(Sentinel, { ref: sentinelRef }),
+      loadingMore ? /* @__PURE__ */ jsx(LoadingMoreRow, { children: /* @__PURE__ */ jsx(LoadingIndicator, { size: 24, delay: 0 }) }) : null
+    ] })
+  ] });
+};
+const Controls = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(2),
+  flexWrap: "wrap",
+  paddingBottom: theme.spacing(0.5),
+  borderBottom: `1px solid ${theme.palette.divider}`
+}));
+const ControlGroup = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(0.75),
+  color: theme.palette.text.secondary,
+  "& > svg": {
+    color: theme.palette.text.disabled
+  }
+}));
+const ControlSelect = stylin(Select)(({ theme }) => ({
+  [`& .${selectClasses.select}`]: {
+    fontSize: theme.typography.body2.fontSize,
+    padding: theme.spacing(0.25, 0.5),
+    paddingRight: `${theme.spacing(3)} !important`,
+    color: theme.palette.text.primary,
+    borderRadius: 1
+  }
+}));
+const List = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1.5)
+}));
+const Sentinel = stylin("div")({
+  height: 1,
+  width: "100%"
+});
+const LoadingMoreRow = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: theme.spacing(1.5)
+}));
+
+export { DeploymentsTab };
+//# sourceMappingURL=DeploymentsTab.esm.js.map

package/dist/features/repo/tabs/DeploymentsTab.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeploymentsTab.esm.js","sources":["../../../../src/features/repo/tabs/DeploymentsTab.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport Alert from '@massdriver/ui/Alert';\nimport Box from '@massdriver/ui/Box';\nimport LoadingIndicator from '@massdriver/ui/LoadingIndicator';\nimport Select, { MenuItem } from '@massdriver/ui/Select';\nimport FilterListIcon from '@massdriver/ui/icons/FilterListIcon';\nimport HistoryIcon from '@massdriver/ui/icons/HistoryIcon';\nimport SortIcon from '@massdriver/ui/icons/SortIcon';\nimport stylin from '@massdriver/ui/stylin';\nimport { RepoEmptyState } from '../RepoEmptyState';\nimport { RepoNoVersionsState } from '../RepoNoVersionsState';\nimport { RepoTabHeader } from '../RepoTabHeader';\nimport { RepoTabLayout } from '../RepoTabLayout';\nimport { buildRepoVersionFilter } from '../repoFilter';\nimport { ALL_VERSIONS } from '../resolveVersion';\nimport { REPO_DEPLOYMENTS_QUERY } from '../queries';\nimport type { RepoTabProps } from '../RepoDetailsPage';\nimport type { RepoDeployment } from '../types';\nimport { useInfiniteRelayList } from '../useInfiniteRelayList';\nimport { useInfiniteScroll } from '../useInfiniteScroll';\nimport { DeploymentRow } from './DeploymentRow';\nimport { DeploymentsTabLoading } from './DeploymentsTab.loading';\nimport {\n  ACTION_OPTIONS,\n  DEFAULT_ACTION_VALUE,\n  DEFAULT_SORT_VALUE,\n  DEFAULT_STATUS_VALUE,\n  SORT_OPTIONS,\n  STATUS_OPTIONS,\n  filterValue,\n  sortValueToInput,\n} from './DeploymentsTab.helpers';\nimport { selectClasses } from '../../../theme/muiClasses';\n\n// Ported from apps/web/features/repos/sections/DeploymentsTab/ (container + view\n// merged into one component, matching this plugin's single-file tab style). The\n// web app's infinite-scroll card list is reproduced here over the relay via\n// useInfiniteRelayList + an IntersectionObserver sentinel. Rows open the in-place\n// ViewDeploymentDetailsDialog / DeploymentLogsDrawer (mounted at RepoDetailsPage\n// level) by setting the same `deployment` / `logs` URL params the web uses.\nexport const DeploymentsTab = ({\n  repoId,\n  version,\n  hasNoVersions,\n}: RepoTabProps) => {\n  const [sortValue, setSortValue] = useState(DEFAULT_SORT_VALUE);\n  const [statusValue, setStatusValue] = useState(DEFAULT_STATUS_VALUE);\n  const [actionValue, setActionValue] = useState(DEFAULT_ACTION_VALUE);\n  const [, setSearchParams] = useSearchParams();\n  const versionScoped = version !== ALL_VERSIONS;\n\n  const setParam = (key: string, value: string) =>\n    setSearchParams(\n      prev => {\n        const next = new URLSearchParams(prev);\n        next.set(key, value);\n        return next;\n      },\n      { replace: false },\n    );\n  const onViewDetails = (deploymentId: string) =>\n    setParam('deployment', deploymentId);\n  const onViewLogs = (deploymentId: string) => setParam('logs', deploymentId);\n\n  const sort = useMemo(() => sortValueToInput(sortValue), [sortValue]);\n  const status = useMemo(() => filterValue(statusValue), [statusValue]);\n  const action = useMemo(() => filterValue(actionValue), [actionValue]);\n\n  const versionFilter = buildRepoVersionFilter(repoId, version);\n  const filter = versionFilter\n    ? {\n        ...versionFilter,\n        ...(status ? { status: { eq: status } } : {}),\n        ...(action ? { action: { eq: action } } : {}),\n      }\n    : undefined;\n\n  const { items, loading, loadingMore, error, hasMore, onLoadMore } =\n    useInfiniteRelayList<RepoDeployment>(REPO_DEPLOYMENTS_QUERY, {\n      responseKey: 'deployments',\n      variables: { filter, sort },\n      pageSize: 20,\n      skip: hasNoVersions,\n    });\n\n  const sentinelRef = useInfiniteScroll({\n    onLoadMore,\n    hasMore,\n    loading: loading || loadingMore,\n  });\n\n  if (hasNoVersions) {\n    return <RepoNoVersionsState tabLabel=\"deployments\" />;\n  }\n\n  const description = versionScoped\n    ? 'Deployments stamped with this bundle version, across every instance in your organization.'\n    : 'Deployments of this bundle across every instance in your organization.';\n\n  return (\n    <RepoTabLayout>\n      <RepoTabHeader title=\"Deployments\" description={description} />\n      <Controls>\n        <ControlGroup>\n          <FilterListIcon fontSize=\"small\" />\n          <ControlSelect\n            value={actionValue}\n            onChange={(event: { target: { value: string } }) =>\n              setActionValue(event.target.value)\n            }\n            size=\"small\"\n            variant=\"standard\"\n            InputProps={{ disableUnderline: true }}\n            aria-label=\"Filter by action\"\n          >\n            {ACTION_OPTIONS.map(option => (\n              <MenuItem key={option.value} value={option.value}>\n                {option.label}\n              </MenuItem>\n            ))}\n          </ControlSelect>\n        </ControlGroup>\n        <ControlGroup>\n          <FilterListIcon fontSize=\"small\" />\n          <ControlSelect\n            value={statusValue}\n            onChange={(event: { target: { value: string } }) =>\n              setStatusValue(event.target.value)\n            }\n            size=\"small\"\n            variant=\"standard\"\n            InputProps={{ disableUnderline: true }}\n            aria-label=\"Filter by deployment status\"\n          >\n            {STATUS_OPTIONS.map(option => (\n              <MenuItem key={option.value} value={option.value}>\n                {option.label}\n              </MenuItem>\n            ))}\n          </ControlSelect>\n        </ControlGroup>\n        <ControlGroup>\n          <SortIcon fontSize=\"small\" />\n          <ControlSelect\n            value={sortValue}\n            onChange={(event: { target: { value: string } }) =>\n              setSortValue(event.target.value)\n            }\n            size=\"small\"\n            variant=\"standard\"\n            InputProps={{ disableUnderline: true }}\n            aria-label=\"Sort deployments\"\n          >\n            {SORT_OPTIONS.map(option => (\n              <MenuItem key={option.value} value={option.value}>\n                {option.label}\n              </MenuItem>\n            ))}\n          </ControlSelect>\n        </ControlGroup>\n      </Controls>\n      {error ? (\n        <Alert severity=\"error\">{String(error.message ?? error)}</Alert>\n      ) : loading && items.length === 0 ? (\n        <DeploymentsTabLoading />\n      ) : items.length === 0 ? (\n        <RepoEmptyState\n          icon={<HistoryIcon />}\n          title=\"No deployments\"\n          description={\n            versionScoped\n              ? 'No deployments match these filters for this bundle version.'\n              : 'No deployments match these filters for this bundle.'\n          }\n        />\n      ) : (\n        <List>\n          {items.map(deployment => (\n            <DeploymentRow\n              key={deployment.id}\n              deployment={deployment}\n              onViewLogs={onViewLogs}\n              onViewDetails={onViewDetails}\n            />\n          ))}\n          <Sentinel ref={sentinelRef} />\n          {loadingMore ? (\n            <LoadingMoreRow>\n              <LoadingIndicator size={24} delay={0} />\n            </LoadingMoreRow>\n          ) : null}\n        </List>\n      )}\n    </RepoTabLayout>\n  );\n};\n\nconst Controls = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(2),\n  flexWrap: 'wrap',\n  paddingBottom: theme.spacing(0.5),\n  borderBottom: `1px solid ${theme.palette.divider}`,\n}));\n\nconst ControlGroup = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(0.75),\n  color: theme.palette.text.secondary,\n  '& > svg': {\n    color: theme.palette.text.disabled,\n  },\n}));\n\nconst ControlSelect = stylin(Select)(({ theme }: { theme: any }) => ({\n  [`& .${selectClasses.select}`]: {\n    fontSize: theme.typography.body2.fontSize,\n    padding: theme.spacing(0.25, 0.5),\n    paddingRight: `${theme.spacing(3)} !important`,\n    color: theme.palette.text.primary,\n    borderRadius: 1,\n  },\n}));\n\nconst List = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1.5),\n}));\n\nconst Sentinel = stylin('div')({\n  height: 1,\n  width: '100%',\n});\n\nconst LoadingMoreRow = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  padding: theme.spacing(1.5),\n}));\n"],"names":[],"mappings":"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"}

package/dist/features/repo/tabs/DeploymentsTab.helpers.esm.js

@@ -0,0 +1,46 @@
+const STATUS_OPTIONS = [
+  { value: "ALL", label: "All statuses" },
+  { value: "RUNNING", label: "Running" },
+  { value: "PENDING", label: "Pending" },
+  { value: "COMPLETED", label: "Completed" },
+  { value: "FAILED", label: "Failed" },
+  { value: "PROPOSED", label: "Proposed" },
+  { value: "APPROVED", label: "Approved" },
+  { value: "REJECTED", label: "Rejected" },
+  { value: "ABORTED", label: "Aborted" }
+];
+const DEFAULT_STATUS_VALUE = "ALL";
+const ACTION_OPTIONS = [
+  { value: "ALL", label: "All actions" },
+  { value: "PROVISION", label: "Provision" },
+  { value: "DECOMMISSION", label: "Decommission" },
+  { value: "PLAN", label: "Plan" }
+];
+const DEFAULT_ACTION_VALUE = "ALL";
+const filterValue = (value) => value === "ALL" || !value ? null : value;
+const SORT_OPTIONS = [
+  { value: "UPDATED_AT_DESC", label: "Last activity (newest)" },
+  { value: "UPDATED_AT_ASC", label: "Last activity (oldest)" },
+  { value: "CREATED_AT_DESC", label: "Created (newest)" },
+  { value: "CREATED_AT_ASC", label: "Created (oldest)" },
+  { value: "STATUS_ASC", label: "Status (A\u2013Z)" }
+];
+const DEFAULT_SORT_VALUE = "UPDATED_AT_DESC";
+const sortValueToInput = (value) => {
+  switch (value) {
+    case "UPDATED_AT_ASC":
+      return { field: "UPDATED_AT", order: "ASC" };
+    case "CREATED_AT_DESC":
+      return { field: "CREATED_AT", order: "DESC" };
+    case "CREATED_AT_ASC":
+      return { field: "CREATED_AT", order: "ASC" };
+    case "STATUS_ASC":
+      return { field: "STATUS", order: "ASC" };
+    case "UPDATED_AT_DESC":
+    default:
+      return { field: "UPDATED_AT", order: "DESC" };
+  }
+};
+
+export { ACTION_OPTIONS, DEFAULT_ACTION_VALUE, DEFAULT_SORT_VALUE, DEFAULT_STATUS_VALUE, SORT_OPTIONS, STATUS_OPTIONS, filterValue, sortValueToInput };
+//# sourceMappingURL=DeploymentsTab.helpers.esm.js.map

package/dist/features/repo/tabs/DeploymentsTab.helpers.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeploymentsTab.helpers.esm.js","sources":["../../../../src/features/repo/tabs/DeploymentsTab.helpers.ts"],"sourcesContent":["// Ported from apps/web/features/repos/sections/DeploymentsTab/DeploymentsTab.helpers.js.\n\nexport const STATUS_OPTIONS = [\n  { value: 'ALL', label: 'All statuses' },\n  { value: 'RUNNING', label: 'Running' },\n  { value: 'PENDING', label: 'Pending' },\n  { value: 'COMPLETED', label: 'Completed' },\n  { value: 'FAILED', label: 'Failed' },\n  { value: 'PROPOSED', label: 'Proposed' },\n  { value: 'APPROVED', label: 'Approved' },\n  { value: 'REJECTED', label: 'Rejected' },\n  { value: 'ABORTED', label: 'Aborted' },\n];\n\nexport const DEFAULT_STATUS_VALUE = 'ALL';\n\nexport const ACTION_OPTIONS = [\n  { value: 'ALL', label: 'All actions' },\n  { value: 'PROVISION', label: 'Provision' },\n  { value: 'DECOMMISSION', label: 'Decommission' },\n  { value: 'PLAN', label: 'Plan' },\n];\n\nexport const DEFAULT_ACTION_VALUE = 'ALL';\n\nexport const filterValue = (value: string): string | null =>\n  value === 'ALL' || !value ? null : value;\n\n// UPDATED_AT tracks the most recent change to a deployment record (status\n// transitions, log compaction); CREATED_AT is when the deployment was enqueued.\nexport const SORT_OPTIONS = [\n  { value: 'UPDATED_AT_DESC', label: 'Last activity (newest)' },\n  { value: 'UPDATED_AT_ASC', label: 'Last activity (oldest)' },\n  { value: 'CREATED_AT_DESC', label: 'Created (newest)' },\n  { value: 'CREATED_AT_ASC', label: 'Created (oldest)' },\n  { value: 'STATUS_ASC', label: 'Status (A–Z)' },\n];\n\nexport const DEFAULT_SORT_VALUE = 'UPDATED_AT_DESC';\n\nexport interface SortInput {\n  field: string;\n  order: 'ASC' | 'DESC';\n}\n\nexport const sortValueToInput = (value: string): SortInput => {\n  switch (value) {\n    case 'UPDATED_AT_ASC':\n      return { field: 'UPDATED_AT', order: 'ASC' };\n    case 'CREATED_AT_DESC':\n      return { field: 'CREATED_AT', order: 'DESC' };\n    case 'CREATED_AT_ASC':\n      return { field: 'CREATED_AT', order: 'ASC' };\n    case 'STATUS_ASC':\n      return { field: 'STATUS', order: 'ASC' };\n    case 'UPDATED_AT_DESC':\n    default:\n      return { field: 'UPDATED_AT', order: 'DESC' };\n  }\n};\n"],"names":[],"mappings":"AAEO,MAAM,cAAA,GAAiB;AAAA,EAC5B,EAAE,KAAA,EAAO,KAAA,EAAO,KAAA,EAAO,cAAA,EAAe;AAAA,EACtC,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,SAAA,EAAU;AAAA,EACrC,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,SAAA,EAAU;AAAA,EACrC,EAAE,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,WAAA,EAAY;AAAA,EACzC,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,QAAA,EAAS;AAAA,EACnC,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,UAAA,EAAW;AAAA,EACvC,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,UAAA,EAAW;AAAA,EACvC,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,UAAA,EAAW;AAAA,EACvC,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,SAAA;AAC7B;AAEO,MAAM,oBAAA,GAAuB;AAE7B,MAAM,cAAA,GAAiB;AAAA,EAC5B,EAAE,KAAA,EAAO,KAAA,EAAO,KAAA,EAAO,aAAA,EAAc;AAAA,EACrC,EAAE,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,WAAA,EAAY;AAAA,EACzC,EAAE,KAAA,EAAO,cAAA,EAAgB,KAAA,EAAO,cAAA,EAAe;AAAA,EAC/C,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA;AAC1B;AAEO,MAAM,oBAAA,GAAuB;AAE7B,MAAM,cAAc,CAAC,KAAA,KAC1B,UAAU,KAAA,IAAS,CAAC,QAAQ,IAAA,GAAO;AAI9B,MAAM,YAAA,GAAe;AAAA,EAC1B,EAAE,KAAA,EAAO,iBAAA,EAAmB,KAAA,EAAO,wBAAA,EAAyB;AAAA,EAC5D,EAAE,KAAA,EAAO,gBAAA,EAAkB,KAAA,EAAO,wBAAA,EAAyB;AAAA,EAC3D,EAAE,KAAA,EAAO,iBAAA,EAAmB,KAAA,EAAO,kBAAA,EAAmB;AAAA,EACtD,EAAE,KAAA,EAAO,gBAAA,EAAkB,KAAA,EAAO,kBAAA,EAAmB;AAAA,EACrD,EAAE,KAAA,EAAO,YAAA,EAAc,KAAA,EAAO,mBAAA;AAChC;AAEO,MAAM,kBAAA,GAAqB;AAO3B,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAA6B;AAC5D,EAAA,QAAQ,KAAA;AAAO,IACb,KAAK,gBAAA;AACH,MAAA,OAAO,EAAE,KAAA,EAAO,YAAA,EAAc,KAAA,EAAO,KAAA,EAAM;AAAA,IAC7C,KAAK,iBAAA;AACH,MAAA,OAAO,EAAE,KAAA,EAAO,YAAA,EAAc,KAAA,EAAO,MAAA,EAAO;AAAA,IAC9C,KAAK,gBAAA;AACH,MAAA,OAAO,EAAE,KAAA,EAAO,YAAA,EAAc,KAAA,EAAO,KAAA,EAAM;AAAA,IAC7C,KAAK,YAAA;AACH,MAAA,OAAO,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,KAAA,EAAM;AAAA,IACzC,KAAK,iBAAA;AAAA,IACL;AACE,MAAA,OAAO,EAAE,KAAA,EAAO,YAAA,EAAc,KAAA,EAAO,MAAA,EAAO;AAAA;AAElD;;;;"}

package/dist/features/repo/tabs/DeploymentsTab.loading.esm.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Box from '@massdriver/ui/Box';
+import Skeleton from '@massdriver/ui/Skeleton';
+import stylin from '@massdriver/ui/stylin';
+
+const ROW_COUNT = 4;
+const DeploymentsTabLoading = () => /* @__PURE__ */ jsx(List, { children: Array.from({ length: ROW_COUNT }).map((_, index) => /* @__PURE__ */ jsxs(RowSkeleton, { children: [
+  /* @__PURE__ */ jsx(Skeleton, { variant: "circular", width: 18, height: 18 }),
+  /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 80 }),
+  /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", width: 60, height: 20 }),
+  /* @__PURE__ */ jsx(Spacer, {}),
+  /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 80 }),
+  /* @__PURE__ */ jsx(Sub, { children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "40%" }) })
+] }, index)) });
+const List = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1.5)
+}));
+const RowSkeleton = stylin(Box)(({ theme }) => ({
+  display: "grid",
+  gridTemplateColumns: "auto auto auto 1fr auto",
+  alignItems: "center",
+  rowGap: theme.spacing(0.5),
+  columnGap: theme.spacing(1),
+  padding: theme.spacing(1.5),
+  borderRadius: 1,
+  border: `1px solid ${theme.palette.divider}`,
+  backgroundColor: theme.palette.background.paper
+}));
+const Spacer = stylin(Box)({});
+const Sub = stylin(Box)({
+  gridColumn: "1 / -1"
+});
+
+export { DeploymentsTabLoading };
+//# sourceMappingURL=DeploymentsTab.loading.esm.js.map

package/dist/features/repo/tabs/DeploymentsTab.loading.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeploymentsTab.loading.esm.js","sources":["../../../../src/features/repo/tabs/DeploymentsTab.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/features/repos/sections/DeploymentsTab/DeploymentsTab.loading.js.\nconst ROW_COUNT = 4;\n\nexport const DeploymentsTabLoading = () => (\n  <List>\n    {Array.from({ length: ROW_COUNT }).map((_, index) => (\n      <RowSkeleton key={index}>\n        <Skeleton variant=\"circular\" width={18} height={18} />\n        <Skeleton variant=\"text\" width={80} />\n        <Skeleton variant=\"rounded\" width={60} height={20} />\n        <Spacer />\n        <Skeleton variant=\"text\" width={80} />\n        <Sub>\n          <Skeleton variant=\"text\" width=\"40%\" />\n        </Sub>\n      </RowSkeleton>\n    ))}\n  </List>\n);\n\nexport default DeploymentsTabLoading;\n\nconst List = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1.5),\n}));\n\nconst RowSkeleton = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'grid',\n  gridTemplateColumns: 'auto auto auto 1fr auto',\n  alignItems: 'center',\n  rowGap: theme.spacing(0.5),\n  columnGap: theme.spacing(1),\n  padding: theme.spacing(1.5),\n  borderRadius: 1,\n  border: `1px solid ${theme.palette.divider}`,\n  backgroundColor: theme.palette.background.paper,\n}));\n\nconst Spacer = stylin(Box)({});\n\nconst Sub = stylin(Box)({\n  gridColumn: '1 / -1',\n});\n"],"names":[],"mappings":";;;;;AAKA,MAAM,SAAA,GAAY,CAAA;AAEX,MAAM,wBAAwB,sBACnC,GAAA,CAAC,IAAA,EAAA,EACE,QAAA,EAAA,KAAA,CAAM,KAAK,EAAE,MAAA,EAAQ,SAAA,EAAW,EAAE,GAAA,CAAI,CAAC,CAAA,EAAG,KAAA,0BACxC,WAAA,EAAA,EACC,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,YAAS,OAAA,EAAQ,UAAA,EAAW,KAAA,EAAO,EAAA,EAAI,QAAQ,EAAA,EAAI,CAAA;AAAA,kBACpD,GAAA,CAAC,QAAA,EAAA,EAAS,OAAA,EAAQ,MAAA,EAAO,OAAO,EAAA,EAAI,CAAA;AAAA,sBACnC,QAAA,EAAA,EAAS,OAAA,EAAQ,WAAU,KAAA,EAAO,EAAA,EAAI,QAAQ,EAAA,EAAI,CAAA;AAAA,sBAClD,MAAA,EAAA,EAAO,CAAA;AAAA,kBACR,GAAA,CAAC,QAAA,EAAA,EAAS,OAAA,EAAQ,MAAA,EAAO,OAAO,EAAA,EAAI,CAAA;AAAA,kBACpC,GAAA,CAAC,OACC,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAQ,MAAA,EAAO,KAAA,EAAM,OAAM,CAAA,EACvC;AAAA,CAAA,EAAA,EARgB,KASlB,CACD,CAAA,EACH;AAKF,MAAM,OAAO,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACvD,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG;AACxB,CAAA,CAAE,CAAA;AAEF,MAAM,cAAc,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAC9D,OAAA,EAAS,MAAA;AAAA,EACT,mBAAA,EAAqB,yBAAA;AAAA,EACrB,UAAA,EAAY,QAAA;AAAA,EACZ,MAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,EACzB,SAAA,EAAW,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EAC1B,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,EAC1B,YAAA,EAAc,CAAA;AAAA,EACd,MAAA,EAAQ,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA,CAAA;AAAA,EAC1C,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,UAAA,CAAW;AAC5C,CAAA,CAAE,CAAA;AAEF,MAAM,MAAA,GAAS,MAAA,CAAO,GAAG,CAAA,CAAE,EAAE,CAAA;AAE7B,MAAM,GAAA,GAAM,MAAA,CAAO,GAAG,CAAA,CAAE;AAAA,EACtB,UAAA,EAAY;AACd,CAAC,CAAA;;;;"}

package/dist/features/repo/tabs/FilesTab.esm.js

@@ -0,0 +1,142 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useCallback, useMemo } from 'react';
+import { useApi } from '@backstage/frontend-plugin-api';
+import { useSearchParams } from 'react-router-dom';
+import Alert from '@massdriver/ui/Alert';
+import Box from '@massdriver/ui/Box';
+import LoadingIndicator from '@massdriver/ui/LoadingIndicator';
+import HistoryIcon from '@massdriver/ui/icons/HistoryIcon';
+import stylin from '@massdriver/ui/stylin';
+import useAsync from 'react-use/esm/useAsync';
+import { massdriverApiRef } from '../../../api.esm.js';
+import { RepoEmptyState } from '../RepoEmptyState.esm.js';
+import { RepoNoVersionsState } from '../RepoNoVersionsState.esm.js';
+import { FileTree } from '../FileTree.esm.js';
+import { FileViewer } from '../FileViewer.esm.js';
+import { REPO_TAG_FILES_QUERY } from '../queries.esm.js';
+import { resolveSelectedVersion } from '../resolveVersion.esm.js';
+
+const MAX_PAGES = 100;
+const PAGE_LIMIT = 100;
+const FilesTab = ({
+  repoId,
+  version,
+  hasNoVersions,
+  repo
+}) => {
+  const api = useApi(massdriverApiRef);
+  const [searchParams, setSearchParams] = useSearchParams();
+  const selectedPath = searchParams.get("file") ?? "";
+  const onSelectPath = useCallback(
+    (nextPath) => {
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          if (nextPath) next.set("file", nextPath);
+          else next.delete("file");
+          return next;
+        },
+        { replace: false }
+      );
+    },
+    [setSearchParams]
+  );
+  const resolvedVersion = resolveSelectedVersion(version, repo);
+  const isResolutionMissing = Boolean(repo) && !resolvedVersion && !hasNoVersions;
+  const { value, loading, error } = useAsync(async () => {
+    if (hasNoVersions || isResolutionMissing || !repoId || !resolvedVersion) {
+      return [];
+    }
+    const files2 = [];
+    let cursor = { limit: PAGE_LIMIT };
+    for (let page = 0; page < MAX_PAGES; page++) {
+      const data = await api.query(REPO_TAG_FILES_QUERY, {
+        repoId,
+        version: resolvedVersion,
+        cursor
+      });
+      const filesPage = data?.ociRepo?.tags?.items?.[0]?.files;
+      files2.push(...(filesPage?.items ?? []).filter(Boolean));
+      const next = filesPage?.cursor?.next;
+      if (!next) break;
+      cursor = { limit: PAGE_LIMIT, next };
+    }
+    return files2;
+  }, [api, repoId, resolvedVersion, hasNoVersions, isResolutionMissing]);
+  const files = useMemo(() => value ?? [], [value]);
+  const selectedFile = useMemo(
+    () => files.find((file) => file.name === selectedPath) ?? null,
+    [files, selectedPath]
+  );
+  if (hasNoVersions) {
+    return /* @__PURE__ */ jsx(RepoNoVersionsState, { tabLabel: "files" });
+  }
+  if (isResolutionMissing) {
+    return /* @__PURE__ */ jsx(
+      RepoEmptyState,
+      {
+        icon: /* @__PURE__ */ jsx(HistoryIcon, {}),
+        title: "Files unavailable",
+        description: "We couldn't resolve a version to load files for. Pick a different version above."
+      }
+    );
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsx(Centered, { children: /* @__PURE__ */ jsx(LoadingIndicator, {}) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Padded, { children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: String(error.message ?? error) }) });
+  }
+  return /* @__PURE__ */ jsxs(Layout, { children: [
+    /* @__PURE__ */ jsx(TreePane, { children: /* @__PURE__ */ jsx(
+      FileTree,
+      {
+        files,
+        selectedPath,
+        onSelectPath
+      }
+    ) }),
+    /* @__PURE__ */ jsx(ViewerPane, { children: /* @__PURE__ */ jsx(FileViewer, { file: selectedFile }) })
+  ] });
+};
+const Layout = stylin(Box)(({ theme }) => ({
+  display: "grid",
+  gridTemplateColumns: "280px 1fr",
+  height: "calc(100vh - 220px)",
+  minHeight: 400,
+  borderTop: `1px solid ${theme.palette.divider}`,
+  [theme.breakpoints.down("md")]: {
+    gridTemplateColumns: "1fr",
+    gridTemplateRows: "minmax(180px, 30vh) 1fr",
+    height: "auto"
+  }
+}));
+const TreePane = stylin(Box)(({ theme }) => ({
+  borderRight: `1px solid ${theme.palette.divider}`,
+  backgroundColor: theme.palette.background.paper,
+  overflow: "hidden",
+  display: "flex",
+  flexDirection: "column",
+  minHeight: 0,
+  [theme.breakpoints.down("md")]: {
+    borderRight: "none",
+    borderBottom: `1px solid ${theme.palette.divider}`
+  }
+}));
+const ViewerPane = stylin(Box)({
+  minHeight: 0,
+  overflow: "hidden",
+  display: "flex",
+  flexDirection: "column"
+});
+const Centered = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  justifyContent: "center",
+  padding: theme.spacing(6)
+}));
+const Padded = stylin(Box)(({ theme }) => ({
+  padding: theme.spacing(3)
+}));
+
+export { FilesTab };
+//# sourceMappingURL=FilesTab.esm.js.map

package/dist/features/repo/tabs/FilesTab.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesTab.esm.js","sources":["../../../../src/features/repo/tabs/FilesTab.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { useApi } from '@backstage/frontend-plugin-api';\nimport { useSearchParams } from 'react-router-dom';\nimport Alert from '@massdriver/ui/Alert';\nimport Box from '@massdriver/ui/Box';\nimport LoadingIndicator from '@massdriver/ui/LoadingIndicator';\nimport HistoryIcon from '@massdriver/ui/icons/HistoryIcon';\nimport stylin from '@massdriver/ui/stylin';\nimport useAsync from 'react-use/esm/useAsync';\nimport { massdriverApiRef } from '../../../api';\nimport { RepoEmptyState } from '../RepoEmptyState';\nimport { RepoNoVersionsState } from '../RepoNoVersionsState';\nimport { FileTree } from '../FileTree';\nimport { FileViewer } from '../FileViewer';\nimport { REPO_TAG_FILES_QUERY } from '../queries';\nimport { resolveSelectedVersion } from '../resolveVersion';\nimport type { RepoTabProps } from '../RepoDetailsPage';\nimport type { RepoFile } from '../types';\n\nconst MAX_PAGES = 100;\nconst PAGE_LIMIT = 100;\n\ninterface FilesQueryResult {\n  ociRepo: {\n    tags?: {\n      items?: Array<{\n        tag: string;\n        files?: {\n          cursor?: { next?: string | null } | null;\n          items?: Array<RepoFile | null> | null;\n        } | null;\n      } | null> | null;\n    } | null;\n  } | null;\n}\n\n// Ported from apps/web/features/repos/sections/FilesTab/ + components/FileViewer.\n//\n// DIVERGENCE: the web app stores the selected file path in a URL catch-all\n// segment (`/files/<path>`). This plugin's route is\n// `repositories/:repoId/:version/:tab` with no catch-all, so the selected file\n// lives in a `?file=` search param instead — deep-linking still works. File\n// contents are fetched through the backend content proxy (see FileViewer), so\n// the real in-app viewer is fully functional here.\nexport const FilesTab = ({\n  repoId,\n  version,\n  hasNoVersions,\n  repo,\n}: RepoTabProps) => {\n  const api = useApi(massdriverApiRef);\n  const [searchParams, setSearchParams] = useSearchParams();\n  const selectedPath = searchParams.get('file') ?? '';\n\n  const onSelectPath = useCallback(\n    (nextPath: string) => {\n      setSearchParams(\n        prev => {\n          const next = new URLSearchParams(prev);\n          if (nextPath) next.set('file', nextPath);\n          else next.delete('file');\n          return next;\n        },\n        { replace: false },\n      );\n    },\n    [setSearchParams],\n  );\n\n  const resolvedVersion = resolveSelectedVersion(version, repo);\n  const isResolutionMissing =\n    Boolean(repo) && !resolvedVersion && !hasNoVersions;\n\n  const { value, loading, error } = useAsync(async () => {\n    if (hasNoVersions || isResolutionMissing || !repoId || !resolvedVersion) {\n      return [] as RepoFile[];\n    }\n    const files: RepoFile[] = [];\n    let cursor: { limit: number; next?: string } = { limit: PAGE_LIMIT };\n    for (let page = 0; page < MAX_PAGES; page++) {\n      const data = (await api.query(REPO_TAG_FILES_QUERY, {\n        repoId,\n        version: resolvedVersion,\n        cursor,\n      })) as FilesQueryResult;\n      const filesPage = data?.ociRepo?.tags?.items?.[0]?.files;\n      files.push(...((filesPage?.items ?? []).filter(Boolean) as RepoFile[]));\n      const next = filesPage?.cursor?.next;\n      if (!next) break;\n      cursor = { limit: PAGE_LIMIT, next };\n    }\n    return files;\n  }, [api, repoId, resolvedVersion, hasNoVersions, isResolutionMissing]);\n\n  const files = useMemo(() => value ?? [], [value]);\n  const selectedFile = useMemo(\n    () => files.find(file => file.name === selectedPath) ?? null,\n    [files, selectedPath],\n  );\n\n  if (hasNoVersions) {\n    return <RepoNoVersionsState tabLabel=\"files\" />;\n  }\n\n  if (isResolutionMissing) {\n    return (\n      <RepoEmptyState\n        icon={<HistoryIcon />}\n        title=\"Files unavailable\"\n        description=\"We couldn't resolve a version to load files for. Pick a different version above.\"\n      />\n    );\n  }\n\n  if (loading) {\n    return (\n      <Centered>\n        <LoadingIndicator />\n      </Centered>\n    );\n  }\n\n  if (error) {\n    return (\n      <Padded>\n        <Alert severity=\"error\">{String(error.message ?? error)}</Alert>\n      </Padded>\n    );\n  }\n\n  return (\n    <Layout>\n      <TreePane>\n        <FileTree\n          files={files}\n          selectedPath={selectedPath}\n          onSelectPath={onSelectPath}\n        />\n      </TreePane>\n      <ViewerPane>\n        <FileViewer file={selectedFile} />\n      </ViewerPane>\n    </Layout>\n  );\n};\n\nconst Layout = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'grid',\n  gridTemplateColumns: '280px 1fr',\n  height: 'calc(100vh - 220px)',\n  minHeight: 400,\n  borderTop: `1px solid ${theme.palette.divider}`,\n  [theme.breakpoints.down('md')]: {\n    gridTemplateColumns: '1fr',\n    gridTemplateRows: 'minmax(180px, 30vh) 1fr',\n    height: 'auto',\n  },\n}));\n\nconst TreePane = stylin(Box)(({ theme }: { theme: any }) => ({\n  borderRight: `1px solid ${theme.palette.divider}`,\n  backgroundColor: theme.palette.background.paper,\n  overflow: 'hidden',\n  display: 'flex',\n  flexDirection: 'column',\n  minHeight: 0,\n  [theme.breakpoints.down('md')]: {\n    borderRight: 'none',\n    borderBottom: `1px solid ${theme.palette.divider}`,\n  },\n}));\n\nconst ViewerPane = stylin(Box)({\n  minHeight: 0,\n  overflow: 'hidden',\n  display: 'flex',\n  flexDirection: 'column',\n});\n\nconst Centered = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  padding: theme.spacing(6),\n}));\n\nconst Padded = stylin(Box)(({ theme }: { theme: any }) => ({\n  padding: theme.spacing(3),\n}));\n"],"names":["files"],"mappings":"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"}

package/dist/features/repo/tabs/InstanceRow.esm.js

@@ -0,0 +1,121 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { parseInstanceId } from '@massdriver/backstage-plugin-common';
+import Box from '@massdriver/ui/Box';
+import Typography from '@massdriver/ui/Typography';
+import stylin from '@massdriver/ui/stylin';
+import { InstanceStatusPill } from '../../../components/InstanceStatusPill.esm.js';
+import { RouterLinkAdapter } from '../../../components/RouterLinkAdapter.esm.js';
+import VersionBadge from '../../../components/VersionBadge.esm.js';
+import { formatRelativeTime } from '../../../utils/formatRelativeTime.esm.js';
+import { internalRoutes } from '../../../internalRoutes.esm.js';
+import { formatCost } from './InstancesTab.helpers.esm.js';
+
+const InstanceRow = ({ instance }) => {
+  const { projectId, scopedEnvironmentId, scopedComponentId } = parseInstanceId(
+    instance.id
+  );
+  const href = internalRoutes.instance(
+    projectId,
+    scopedEnvironmentId,
+    scopedComponentId
+  );
+  const projectName = instance.component?.project?.name ?? "\u2014";
+  const environmentName = instance.environment?.name ?? "\u2014";
+  const displayVersion = instance.deployedVersion ?? instance.resolvedVersion ?? instance.version;
+  const cost = formatCost(instance.cost?.lastMonth, { fallback: null });
+  const updated = formatRelativeTime(instance.updatedAt);
+  return /* @__PURE__ */ jsxs(Card, { component: RouterLinkAdapter, href, children: [
+    /* @__PURE__ */ jsxs(Header, { children: [
+      /* @__PURE__ */ jsx(InstanceStatusPill, { status: instance.status }),
+      /* @__PURE__ */ jsx(Name, { title: instance.id, children: instance.id }),
+      displayVersion ? /* @__PURE__ */ jsx(VersionBadge, { version: displayVersion }) : null
+    ] }),
+    /* @__PURE__ */ jsxs(Meta, { variant: "caption", children: [
+      /* @__PURE__ */ jsxs(Group, { children: [
+        /* @__PURE__ */ jsx("strong", { children: projectName }),
+        /* @__PURE__ */ jsx(Sep, { children: "/" }),
+        /* @__PURE__ */ jsx("span", { children: environmentName })
+      ] }),
+      /* @__PURE__ */ jsx(Dot, { children: "\xB7" }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Updated ",
+        updated
+      ] }),
+      cost ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Dot, { children: "\xB7" }),
+        /* @__PURE__ */ jsxs(CostText, { children: [
+          cost,
+          " last month"
+        ] })
+      ] }) : null
+    ] })
+  ] });
+};
+const Card = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(0.5),
+  padding: theme.spacing(1.25, 1.5),
+  borderRadius: 1,
+  border: `1px solid ${theme.palette.divider}`,
+  backgroundColor: theme.palette.background.paper,
+  color: "inherit",
+  textDecoration: "none",
+  transition: "background-color 120ms ease, border-color 120ms ease",
+  "&:hover": {
+    backgroundColor: theme.palette.action.hover,
+    borderColor: theme.palette.divider
+  },
+  "&:focus-visible": {
+    outline: `2px solid ${theme.palette.primary.main}`,
+    outlineOffset: 2
+  }
+}));
+const Header = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1),
+  flexWrap: "wrap",
+  minWidth: 0
+}));
+const Name = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(14),
+  fontWeight: 600,
+  color: theme.palette.text.primary,
+  minWidth: 0,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+  flex: "1 1 auto"
+}));
+const Meta = stylin(Typography)(({ theme }) => ({
+  color: theme.palette.text.secondary,
+  display: "flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  gap: theme.spacing(0.5),
+  minWidth: 0
+}));
+const Group = stylin("span")(({ theme }) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  gap: theme.spacing(0.5),
+  minWidth: 0,
+  color: theme.palette.text.secondary,
+  "& strong": {
+    color: theme.palette.text.primary,
+    fontWeight: 500
+  }
+}));
+const Sep = stylin("span")(({ theme }) => ({
+  color: theme.palette.text.disabled
+}));
+const Dot = stylin("span")(({ theme }) => ({
+  color: theme.palette.text.disabled
+}));
+const CostText = stylin("span")({
+  fontVariantNumeric: "tabular-nums"
+});
+
+export { InstanceRow };
+//# sourceMappingURL=InstanceRow.esm.js.map

package/dist/features/repo/tabs/InstanceRow.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstanceRow.esm.js","sources":["../../../../src/features/repo/tabs/InstanceRow.tsx"],"sourcesContent":["import { parseInstanceId } from '@massdriver/backstage-plugin-common';\nimport Box from '@massdriver/ui/Box';\nimport Typography from '@massdriver/ui/Typography';\nimport stylin from '@massdriver/ui/stylin';\nimport { InstanceStatusPill } from '../../../components/InstanceStatusPill';\nimport { RouterLinkAdapter } from '../../../components/RouterLinkAdapter';\nimport VersionBadge from '../../../components/VersionBadge';\nimport { formatRelativeTime } from '../../../utils/formatRelativeTime';\nimport { internalRoutes } from '../../../internalRoutes';\nimport type { RepoInstance } from '../types';\nimport { formatCost } from './InstancesTab.helpers';\n\n// Ported from apps/web/features/repos/sections/InstancesTab/InstanceRow.js. The\n// whole card is a link to the instance drawer. The web renders the plain\n// (static) InstanceStatusPill here too — the live, latest-deployment-aware pill\n// is only used inside the environment graph — so `status={instance.status}` is\n// the faithful equivalent (differs only while a deployment is actively running).\nexport const InstanceRow = ({ instance }: { instance: RepoInstance }) => {\n  const { projectId, scopedEnvironmentId, scopedComponentId } = parseInstanceId(\n    instance.id,\n  );\n  const href = internalRoutes.instance(\n    projectId,\n    scopedEnvironmentId,\n    scopedComponentId,\n  );\n  const projectName = instance.component?.project?.name ?? '—';\n  const environmentName = instance.environment?.name ?? '—';\n  const displayVersion =\n    instance.deployedVersion ?? instance.resolvedVersion ?? instance.version;\n  const cost = formatCost(instance.cost?.lastMonth, { fallback: null });\n  const updated = formatRelativeTime(instance.updatedAt);\n\n  return (\n    <Card component={RouterLinkAdapter} href={href}>\n      <Header>\n        <InstanceStatusPill status={instance.status} />\n        <Name title={instance.id}>{instance.id}</Name>\n        {displayVersion ? <VersionBadge version={displayVersion} /> : null}\n      </Header>\n      <Meta variant=\"caption\">\n        <Group>\n          <strong>{projectName}</strong>\n          <Sep>/</Sep>\n          <span>{environmentName}</span>\n        </Group>\n        <Dot>·</Dot>\n        <span>Updated {updated}</span>\n        {cost ? (\n          <>\n            <Dot>·</Dot>\n            <CostText>{cost} last month</CostText>\n          </>\n        ) : null}\n      </Meta>\n    </Card>\n  );\n};\n\nexport default InstanceRow;\n\nconst Card = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(0.5),\n  padding: theme.spacing(1.25, 1.5),\n  borderRadius: 1,\n  border: `1px solid ${theme.palette.divider}`,\n  backgroundColor: theme.palette.background.paper,\n  color: 'inherit',\n  textDecoration: 'none',\n  transition: 'background-color 120ms ease, border-color 120ms ease',\n  '&:hover': {\n    backgroundColor: theme.palette.action.hover,\n    borderColor: theme.palette.divider,\n  },\n  '&:focus-visible': {\n    outline: `2px solid ${theme.palette.primary.main}`,\n    outlineOffset: 2,\n  },\n}));\n\nconst Header = 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 Name = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(14),\n  fontWeight: 600,\n  color: theme.palette.text.primary,\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  flex: '1 1 auto',\n}));\n\nconst Meta = stylin(Typography)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.secondary,\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n  minWidth: 0,\n}));\n\nconst Group = stylin('span')(({ theme }: { theme: any }) => ({\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n  minWidth: 0,\n  color: theme.palette.text.secondary,\n  '& strong': {\n    color: theme.palette.text.primary,\n    fontWeight: 500,\n  },\n}));\n\nconst Sep = stylin('span')(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.disabled,\n}));\n\nconst Dot = stylin('span')(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.disabled,\n}));\n\nconst CostText = stylin('span')({\n  fontVariantNumeric: 'tabular-nums',\n});\n"],"names":[],"mappings":"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"}