@massdriver/backstage-plugin 1.0.0

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

@@ -0,0 +1,147 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+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 ExtensionIcon from '@massdriver/ui/icons/ExtensionIcon';
+import FilterListIcon from '@massdriver/ui/icons/FilterListIcon';
+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_INSTANCES_QUERY } from '../queries.esm.js';
+import { useInfiniteRelayList } from '../useInfiniteRelayList.esm.js';
+import { useInfiniteScroll } from '../useInfiniteScroll.esm.js';
+import { InstanceRow } from './InstanceRow.esm.js';
+import { InstancesTabLoading } from './InstancesTab.loading.esm.js';
+import { DEFAULT_SORT_VALUE, DEFAULT_STATUS_VALUE, sortValueToInput, statusValueToFilter, STATUS_OPTIONS, SORT_OPTIONS } from './InstancesTab.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 InstancesTab = ({
+  repoId,
+  version,
+  hasNoVersions
+}) => {
+  const [sortValue, setSortValue] = useState(DEFAULT_SORT_VALUE);
+  const [statusValue, setStatusValue] = useState(DEFAULT_STATUS_VALUE);
+  const versionScoped = version !== ALL_VERSIONS;
+  const sort = useMemo(() => sortValueToInput(sortValue), [sortValue]);
+  const status = useMemo(() => statusValueToFilter(statusValue), [statusValue]);
+  const versionFilter = buildRepoVersionFilter(repoId, version);
+  const filter = versionFilter && status ? { ...versionFilter, status: { eq: status } } : versionFilter;
+  const { items, loading, loadingMore, error, hasMore, onLoadMore } = useInfiniteRelayList(REPO_INSTANCES_QUERY, {
+    responseKey: "instances",
+    variables: { filter, sort },
+    pageSize: 20,
+    skip: hasNoVersions
+  });
+  const sentinelRef = useInfiniteScroll({
+    onLoadMore,
+    hasMore,
+    loading: loading || loadingMore
+  });
+  if (hasNoVersions) {
+    return /* @__PURE__ */ jsx(RepoNoVersionsState, { tabLabel: "instances" });
+  }
+  const description = versionScoped ? "Instances of this bundle version across your organization." : "Instances using any version of this bundle across your organization.";
+  return /* @__PURE__ */ jsxs(RepoTabLayout, { children: [
+    /* @__PURE__ */ jsx(RepoTabHeader, { title: "Instances", description }),
+    /* @__PURE__ */ jsxs(Controls, { children: [
+      /* @__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 instance 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 instances",
+            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(InstancesTabLoading, {}) : items.length === 0 ? /* @__PURE__ */ jsx(
+      RepoEmptyState,
+      {
+        icon: /* @__PURE__ */ jsx(ExtensionIcon, {}),
+        title: "No instances",
+        description: versionScoped ? "No instances match these filters for this bundle version." : "No instances match these filters for this bundle."
+      }
+    ) : /* @__PURE__ */ jsxs(List, { children: [
+      items.map((instance) => /* @__PURE__ */ jsx(InstanceRow, { instance }, instance.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 { InstancesTab };
+//# sourceMappingURL=InstancesTab.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InstancesTab.esm.js","sources":["../../../../src/features/repo/tabs/InstancesTab.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\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 ExtensionIcon from '@massdriver/ui/icons/ExtensionIcon';\nimport FilterListIcon from '@massdriver/ui/icons/FilterListIcon';\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_INSTANCES_QUERY } from '../queries';\nimport type { RepoTabProps } from '../RepoDetailsPage';\nimport type { RepoInstance } from '../types';\nimport { useInfiniteRelayList } from '../useInfiniteRelayList';\nimport { useInfiniteScroll } from '../useInfiniteScroll';\nimport { InstanceRow } from './InstanceRow';\nimport { InstancesTabLoading } from './InstancesTab.loading';\nimport {\n  DEFAULT_SORT_VALUE,\n  DEFAULT_STATUS_VALUE,\n  SORT_OPTIONS,\n  STATUS_OPTIONS,\n  sortValueToInput,\n  statusValueToFilter,\n} from './InstancesTab.helpers';\nimport { selectClasses } from '../../../theme/muiClasses';\n\n// Ported from apps/web/features/repos/sections/InstancesTab/ (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.\nexport const InstancesTab = ({\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 versionScoped = version !== ALL_VERSIONS;\n\n  const sort = useMemo(() => sortValueToInput(sortValue), [sortValue]);\n  const status = useMemo(() => statusValueToFilter(statusValue), [statusValue]);\n\n  const versionFilter = buildRepoVersionFilter(repoId, version);\n  const filter =\n    versionFilter && status\n      ? { ...versionFilter, status: { eq: status } }\n      : versionFilter;\n\n  const { items, loading, loadingMore, error, hasMore, onLoadMore } =\n    useInfiniteRelayList<RepoInstance>(REPO_INSTANCES_QUERY, {\n      responseKey: 'instances',\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=\"instances\" />;\n  }\n\n  const description = versionScoped\n    ? 'Instances of this bundle version across your organization.'\n    : 'Instances using any version of this bundle across your organization.';\n\n  return (\n    <RepoTabLayout>\n      <RepoTabHeader title=\"Instances\" description={description} />\n      <Controls>\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 instance 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 instances\"\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        <InstancesTabLoading />\n      ) : items.length === 0 ? (\n        <RepoEmptyState\n          icon={<ExtensionIcon />}\n          title=\"No instances\"\n          description={\n            versionScoped\n              ? 'No instances match these filters for this bundle version.'\n              : 'No instances match these filters for this bundle.'\n          }\n        />\n      ) : (\n        <List>\n          {items.map(instance => (\n            <InstanceRow key={instance.id} instance={instance} />\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/InstancesTab.helpers.esm.js

@@ -0,0 +1,44 @@
+const STATUS_OPTIONS = [
+  { value: "ALL", label: "All statuses" },
+  { value: "PROVISIONED", label: "Provisioned" },
+  { value: "INITIALIZED", label: "Initialized" },
+  { value: "FAILED", label: "Failed" },
+  { value: "DECOMMISSIONED", label: "Decommissioned" }
+];
+const DEFAULT_STATUS_VALUE = "ALL";
+const statusValueToFilter = (value) => value === "ALL" || !value ? null : value;
+const SORT_OPTIONS = [
+  { value: "NAME_ASC", label: "Name (A\u2013Z)" },
+  { value: "NAME_DESC", label: "Name (Z\u2013A)" },
+  { value: "CREATED_AT_DESC", label: "Newest first" },
+  { value: "CREATED_AT_ASC", label: "Oldest first" }
+];
+const DEFAULT_SORT_VALUE = "NAME_ASC";
+const sortValueToInput = (value) => {
+  switch (value) {
+    case "NAME_DESC":
+      return { field: "NAME", order: "DESC" };
+    case "CREATED_AT_ASC":
+      return { field: "CREATED_AT", order: "ASC" };
+    case "CREATED_AT_DESC":
+      return { field: "CREATED_AT", order: "DESC" };
+    case "NAME_ASC":
+    default:
+      return { field: "NAME", order: "ASC" };
+  }
+};
+const formatCost = (lastMonth, { fallback = "\u2014" } = {}) => {
+  if (!lastMonth || lastMonth.amount == null) return fallback;
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: lastMonth.currency || "USD",
+      maximumFractionDigits: 2
+    }).format(lastMonth.amount);
+  } catch {
+    return `${lastMonth.amount}`;
+  }
+};
+
+export { DEFAULT_SORT_VALUE, DEFAULT_STATUS_VALUE, SORT_OPTIONS, STATUS_OPTIONS, formatCost, sortValueToInput, statusValueToFilter };
+//# sourceMappingURL=InstancesTab.helpers.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InstancesTab.helpers.esm.js","sources":["../../../../src/features/repo/tabs/InstancesTab.helpers.ts"],"sourcesContent":["// Ported from apps/web/features/repos/sections/InstancesTab/InstancesTab.helpers.js.\n\nexport const STATUS_OPTIONS = [\n  { value: 'ALL', label: 'All statuses' },\n  { value: 'PROVISIONED', label: 'Provisioned' },\n  { value: 'INITIALIZED', label: 'Initialized' },\n  { value: 'FAILED', label: 'Failed' },\n  { value: 'DECOMMISSIONED', label: 'Decommissioned' },\n];\n\nexport const DEFAULT_STATUS_VALUE = 'ALL';\n\nexport const statusValueToFilter = (value: string): string | null =>\n  value === 'ALL' || !value ? null : value;\n\nexport const SORT_OPTIONS = [\n  { value: 'NAME_ASC', label: 'Name (A–Z)' },\n  { value: 'NAME_DESC', label: 'Name (Z–A)' },\n  { value: 'CREATED_AT_DESC', label: 'Newest first' },\n  { value: 'CREATED_AT_ASC', label: 'Oldest first' },\n];\n\nexport const DEFAULT_SORT_VALUE = 'NAME_ASC';\n\nexport interface SortInput {\n  field: string;\n  order: 'ASC' | 'DESC';\n}\n\nexport const sortValueToInput = (value: string): SortInput => {\n  switch (value) {\n    case 'NAME_DESC':\n      return { field: 'NAME', order: 'DESC' };\n    case 'CREATED_AT_ASC':\n      return { field: 'CREATED_AT', order: 'ASC' };\n    case 'CREATED_AT_DESC':\n      return { field: 'CREATED_AT', order: 'DESC' };\n    case 'NAME_ASC':\n    default:\n      return { field: 'NAME', order: 'ASC' };\n  }\n};\n\nexport const formatCost = (\n  lastMonth: { amount?: number | null; currency?: string } | null | undefined,\n  { fallback = '—' }: { fallback?: string | null } = {},\n): string | null => {\n  if (!lastMonth || lastMonth.amount == null) return fallback;\n  try {\n    return new Intl.NumberFormat('en-US', {\n      style: 'currency',\n      currency: lastMonth.currency || 'USD',\n      maximumFractionDigits: 2,\n    }).format(lastMonth.amount);\n  } catch {\n    return `${lastMonth.amount}`;\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,aAAA,EAAe,KAAA,EAAO,aAAA,EAAc;AAAA,EAC7C,EAAE,KAAA,EAAO,aAAA,EAAe,KAAA,EAAO,aAAA,EAAc;AAAA,EAC7C,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,QAAA,EAAS;AAAA,EACnC,EAAE,KAAA,EAAO,gBAAA,EAAkB,KAAA,EAAO,gBAAA;AACpC;AAEO,MAAM,oBAAA,GAAuB;AAE7B,MAAM,sBAAsB,CAAC,KAAA,KAClC,UAAU,KAAA,IAAS,CAAC,QAAQ,IAAA,GAAO;AAE9B,MAAM,YAAA,GAAe;AAAA,EAC1B,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,iBAAA,EAAa;AAAA,EACzC,EAAE,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,iBAAA,EAAa;AAAA,EAC1C,EAAE,KAAA,EAAO,iBAAA,EAAmB,KAAA,EAAO,cAAA,EAAe;AAAA,EAClD,EAAE,KAAA,EAAO,gBAAA,EAAkB,KAAA,EAAO,cAAA;AACpC;AAEO,MAAM,kBAAA,GAAqB;AAO3B,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAA6B;AAC5D,EAAA,QAAQ,KAAA;AAAO,IACb,KAAK,WAAA;AACH,MAAA,OAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAO;AAAA,IACxC,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,UAAA;AAAA,IACL;AACE,MAAA,OAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,KAAA,EAAO,KAAA,EAAM;AAAA;AAE3C;AAEO,MAAM,UAAA,GAAa,CACxB,SAAA,EACA,EAAE,WAAW,QAAA,EAAI,GAAkC,EAAC,KAClC;AAClB,EAAA,IAAI,CAAC,SAAA,IAAa,SAAA,CAAU,MAAA,IAAU,MAAM,OAAO,QAAA;AACnD,EAAA,IAAI;AACF,IAAA,OAAO,IAAI,IAAA,CAAK,YAAA,CAAa,OAAA,EAAS;AAAA,MACpC,KAAA,EAAO,UAAA;AAAA,MACP,QAAA,EAAU,UAAU,QAAA,IAAY,KAAA;AAAA,MAChC,qBAAA,EAAuB;AAAA,KACxB,CAAA,CAAE,MAAA,CAAO,SAAA,CAAU,MAAM,CAAA;AAAA,EAC5B,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,CAAA,EAAG,UAAU,MAAM,CAAA,CAAA;AAAA,EAC5B;AACF;;;;"}

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

@@ -0,0 +1,33 @@
+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 InstancesTabLoading = () => /* @__PURE__ */ jsx(List, { children: Array.from({ length: ROW_COUNT }).map((_, index) => /* @__PURE__ */ jsxs(RowSkeleton, { children: [
+  /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", width: 72, height: 20 }),
+  /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "30%" }),
+  /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", width: 60, height: 20 }),
+  /* @__PURE__ */ jsx(Spacer, {}),
+  /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 80 })
+] }, index)) });
+const List = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1.5)
+}));
+const RowSkeleton = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: 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)({
+  flex: 1
+});
+
+export { InstancesTabLoading };
+//# sourceMappingURL=InstancesTab.loading.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InstancesTab.loading.esm.js","sources":["../../../../src/features/repo/tabs/InstancesTab.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/InstancesTab/InstancesTab.loading.js.\nconst ROW_COUNT = 4;\n\nexport const InstancesTabLoading = () => (\n  <List>\n    {Array.from({ length: ROW_COUNT }).map((_, index) => (\n      <RowSkeleton key={index}>\n        <Skeleton variant=\"rounded\" width={72} height={20} />\n        <Skeleton variant=\"text\" width=\"30%\" />\n        <Skeleton variant=\"rounded\" width={60} height={20} />\n        <Spacer />\n        <Skeleton variant=\"text\" width={80} />\n      </RowSkeleton>\n    ))}\n  </List>\n);\n\nexport default InstancesTabLoading;\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: 'flex',\n  alignItems: 'center',\n  gap: 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  flex: 1,\n});\n"],"names":[],"mappings":";;;;;AAKA,MAAM,SAAA,GAAY,CAAA;AAEX,MAAM,sBAAsB,sBACjC,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,SAAA,EAAU,KAAA,EAAO,EAAA,EAAI,QAAQ,EAAA,EAAI,CAAA;AAAA,kBACnD,GAAA,CAAC,QAAA,EAAA,EAAS,OAAA,EAAQ,MAAA,EAAO,OAAM,KAAA,EAAM,CAAA;AAAA,sBACpC,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;AAAA,CAAA,EAAA,EALpB,KAMlB,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,UAAA,EAAY,QAAA;AAAA,EACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EACpB,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;AAAA,EACzB,IAAA,EAAM;AACR,CAAC,CAAA;;;;"}

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

@@ -0,0 +1,77 @@
+import { jsx } from 'react/jsx-runtime';
+import { useApi } from '@backstage/frontend-plugin-api';
+import Alert from '@massdriver/ui/Alert';
+import Box from '@massdriver/ui/Box';
+import Button from '@massdriver/ui/Button';
+import GuideMarkdown from '@massdriver/ui/GuideMarkdown';
+import LoadingIndicator from '@massdriver/ui/LoadingIndicator';
+import DescriptionOutlinedIcon from '@massdriver/ui/icons/DescriptionOutlinedIcon';
+import stylin from '@massdriver/ui/stylin';
+import useAsync from 'react-use/esm/useAsync';
+import { massdriverApiRef } from '../../../api.esm.js';
+import { BUNDLE_QUERY } from '../queries.esm.js';
+import { bundleQueryId } from '../resolveVersion.esm.js';
+import { RepoEmptyState } from '../RepoEmptyState.esm.js';
+import { RepoNoVersionsState } from '../RepoNoVersionsState.esm.js';
+
+const OverviewTab = ({
+  repoId,
+  version,
+  hasNoVersions
+}) => {
+  const api = useApi(massdriverApiRef);
+  const id = bundleQueryId(repoId, version);
+  const { value, loading, error } = useAsync(async () => {
+    if (hasNoVersions || !id) return null;
+    const data = await api.query(BUNDLE_QUERY, { id });
+    return data.bundle;
+  }, [api, id, hasNoVersions]);
+  if (hasNoVersions) {
+    return /* @__PURE__ */ jsx(RepoNoVersionsState, { tabLabel: "an overview" });
+  }
+  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) }) });
+  }
+  const readme = value?.readme;
+  const sourceUrl = value?.sourceUrl;
+  const versionLabel = !version || version === "all" ? "latest" : version;
+  return readme ? /* @__PURE__ */ jsx(ReadmeContainer, { children: /* @__PURE__ */ jsx(GuideMarkdown, { shouldLinkHeadings: true, children: readme }) }) : /* @__PURE__ */ jsx(EmptyContainer, { children: /* @__PURE__ */ jsx(
+    RepoEmptyState,
+    {
+      icon: /* @__PURE__ */ jsx(DescriptionOutlinedIcon, {}),
+      title: `Version ${versionLabel} has no README`,
+      description: sourceUrl ? "Add a README.md in the source repository to display it here." : "Add a README.md in your code repository to make it available here.",
+      action: sourceUrl ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          href: sourceUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          variant: "text",
+          children: "Open source repository"
+        }
+      ) : null
+    }
+  ) });
+};
+const ReadmeContainer = stylin(Box)(({ theme }) => ({
+  padding: theme.spacing(3),
+  maxWidth: "100%"
+}));
+const Padded = stylin(Box)(({ theme }) => ({
+  padding: theme.spacing(3)
+}));
+const Centered = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  justifyContent: "center",
+  padding: theme.spacing(6)
+}));
+const EmptyContainer = stylin(Box)(({ theme }) => ({
+  padding: theme.spacing(3)
+}));
+
+export { OverviewTab };
+//# sourceMappingURL=OverviewTab.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewTab.esm.js","sources":["../../../../src/features/repo/tabs/OverviewTab.tsx"],"sourcesContent":["import { useApi } from '@backstage/frontend-plugin-api';\nimport Alert from '@massdriver/ui/Alert';\nimport Box from '@massdriver/ui/Box';\nimport Button from '@massdriver/ui/Button';\nimport GuideMarkdown from '@massdriver/ui/GuideMarkdown';\nimport LoadingIndicator from '@massdriver/ui/LoadingIndicator';\nimport DescriptionOutlinedIcon from '@massdriver/ui/icons/DescriptionOutlinedIcon';\nimport stylin from '@massdriver/ui/stylin';\nimport useAsync from 'react-use/esm/useAsync';\nimport { massdriverApiRef } from '../../../api';\nimport type { RepoTabProps } from '../RepoDetailsPage';\nimport { BUNDLE_QUERY } from '../queries';\nimport { bundleQueryId } from '../resolveVersion';\nimport { RepoEmptyState } from '../RepoEmptyState';\nimport { RepoNoVersionsState } from '../RepoNoVersionsState';\nimport type { RepoBundle } from '../types';\n\n// Ported from apps/web/features/repos/sections/OverviewTab/. Renders the\n// bundle's README; empty state links out to the source repository when known.\nexport const OverviewTab = ({\n  repoId,\n  version,\n  hasNoVersions,\n}: RepoTabProps) => {\n  const api = useApi(massdriverApiRef);\n  const id = bundleQueryId(repoId, version);\n\n  const { value, loading, error } = useAsync(async () => {\n    if (hasNoVersions || !id) return null;\n    const data = (await api.query(BUNDLE_QUERY, { id })) as {\n      bundle: RepoBundle | null;\n    };\n    return data.bundle;\n  }, [api, id, hasNoVersions]);\n\n  if (hasNoVersions) {\n    return <RepoNoVersionsState tabLabel=\"an overview\" />;\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  const readme = value?.readme;\n  const sourceUrl = value?.sourceUrl;\n  const versionLabel = !version || version === 'all' ? 'latest' : version;\n\n  return readme ? (\n    <ReadmeContainer>\n      <GuideMarkdown shouldLinkHeadings>{readme}</GuideMarkdown>\n    </ReadmeContainer>\n  ) : (\n    <EmptyContainer>\n      <RepoEmptyState\n        icon={<DescriptionOutlinedIcon />}\n        title={`Version ${versionLabel} has no README`}\n        description={\n          sourceUrl\n            ? 'Add a README.md in the source repository to display it here.'\n            : 'Add a README.md in your code repository to make it available here.'\n        }\n        action={\n          sourceUrl ? (\n            <Button\n              href={sourceUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              variant=\"text\"\n            >\n              Open source repository\n            </Button>\n          ) : null\n        }\n      />\n    </EmptyContainer>\n  );\n};\n\nconst ReadmeContainer = stylin(Box)(({ theme }: { theme: any }) => ({\n  padding: theme.spacing(3),\n  maxWidth: '100%',\n}));\n\nconst Padded = stylin(Box)(({ theme }: { theme: any }) => ({\n  padding: theme.spacing(3),\n}));\n\nconst Centered = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  padding: theme.spacing(6),\n}));\n\nconst EmptyContainer = stylin(Box)(({ theme }: { theme: any }) => ({\n  padding: theme.spacing(3),\n}));\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,56 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useApi } from '@backstage/frontend-plugin-api';
+import { repoTabUrl } 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 { buildGrantColumns, mapGrantToRow } from '../../../components/grantColumns.esm.js';
+import { usePaginatedRelayQuery } from '../../../hooks/usePaginatedRelayQuery.esm.js';
+import { RepoTabHeader } from '../RepoTabHeader.esm.js';
+import { RepoTabLayout } from '../RepoTabLayout.esm.js';
+import { REPO_GRANTS_QUERY } from '../queries.esm.js';
+
+const PermissionsTab = ({ repoId, version }) => {
+  const api = useApi(massdriverApiRef);
+  const { items, loading, error, hasMore, dataListParams } = usePaginatedRelayQuery(REPO_GRANTS_QUERY, {
+    responseKey: ["ociRepo", "grants"],
+    variables: { id: repoId },
+    pageSize: 20
+  });
+  const manageUrl = repoTabUrl(
+    api.appUrl,
+    api.organizationId,
+    repoId,
+    version || "all",
+    "permissions"
+  );
+  const columns = buildGrantColumns({ manageUrl });
+  const rows = items.map(mapGrantToRow);
+  return /* @__PURE__ */ jsxs(RepoTabLayout, { children: [
+    /* @__PURE__ */ jsx(
+      RepoTabHeader,
+      {
+        title: "Permissions",
+        description: "Share this repository with other projects. Each permission grants repo:pull to recipient projects whose attributes match the recipient conditions.",
+        actions: /* @__PURE__ */ jsx(OpenInMassdriverButton, { url: manageUrl, children: "Add permission" })
+      }
+    ),
+    error ? /* @__PURE__ */ jsx(Alert, { severity: "error", children: String(error.message ?? error) }) : /* @__PURE__ */ jsx(
+      DataList,
+      {
+        rows,
+        columns,
+        loading,
+        serverSide: true,
+        hasMore,
+        emptyMessage: "No permissions yet. Add one to share this repository with other projects.",
+        variant: "outlined",
+        ...dataListParams
+      }
+    )
+  ] });
+};
+
+export { PermissionsTab };
+//# sourceMappingURL=PermissionsTab.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionsTab.esm.js","sources":["../../../../src/features/repo/tabs/PermissionsTab.tsx"],"sourcesContent":["import { useApi } from '@backstage/frontend-plugin-api';\nimport { repoTabUrl } 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 {\n  buildGrantColumns,\n  mapGrantToRow,\n  Grant,\n} from '../../../components/grantColumns';\nimport { usePaginatedRelayQuery } from '../../../hooks/usePaginatedRelayQuery';\nimport { RepoTabHeader } from '../RepoTabHeader';\nimport { RepoTabLayout } from '../RepoTabLayout';\nimport type { RepoTabProps } from '../RepoDetailsPage';\nimport { REPO_GRANTS_QUERY } from '../queries';\n\n// Ported from apps/web/features/repos/sections/PermissionsTab/. Uses the shared\n// tab layout + header, matching the web. The web app's \"Add permission\" and\n// per-row \"Remove\" both mutate — here they deep-link out to this repo's\n// Permissions tab in the Massdriver web app (read-only parity).\nexport const PermissionsTab = ({ repoId, version }: RepoTabProps) => {\n  const api = useApi(massdriverApiRef);\n  const { items, loading, error, hasMore, dataListParams } =\n    usePaginatedRelayQuery<Grant>(REPO_GRANTS_QUERY, {\n      responseKey: ['ociRepo', 'grants'],\n      variables: { id: repoId },\n      pageSize: 20,\n    });\n\n  const manageUrl = repoTabUrl(\n    api.appUrl,\n    api.organizationId,\n    repoId,\n    version || 'all',\n    'permissions',\n  );\n  const columns = buildGrantColumns({ manageUrl });\n  const rows = items.map(mapGrantToRow);\n\n  return (\n    <RepoTabLayout>\n      <RepoTabHeader\n        title=\"Permissions\"\n        description=\"Share this repository with other projects. Each permission grants repo:pull to recipient projects whose attributes match the recipient conditions.\"\n        actions={\n          <OpenInMassdriverButton url={manageUrl}>\n            Add permission\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          emptyMessage=\"No permissions yet. Add one to share this repository with other projects.\"\n          variant=\"outlined\"\n          {...dataListParams}\n        />\n      )}\n    </RepoTabLayout>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqBO,MAAM,cAAA,GAAiB,CAAC,EAAE,MAAA,EAAQ,SAAQ,KAAoB;AACnE,EAAA,MAAM,GAAA,GAAM,OAAO,gBAAgB,CAAA;AACnC,EAAA,MAAM,EAAE,OAAO,OAAA,EAAS,KAAA,EAAO,SAAS,cAAA,EAAe,GACrD,uBAA8B,iBAAA,EAAmB;AAAA,IAC/C,WAAA,EAAa,CAAC,SAAA,EAAW,QAAQ,CAAA;AAAA,IACjC,SAAA,EAAW,EAAE,EAAA,EAAI,MAAA,EAAO;AAAA,IACxB,QAAA,EAAU;AAAA,GACX,CAAA;AAEH,EAAA,MAAM,SAAA,GAAY,UAAA;AAAA,IAChB,GAAA,CAAI,MAAA;AAAA,IACJ,GAAA,CAAI,cAAA;AAAA,IACJ,MAAA;AAAA,IACA,OAAA,IAAW,KAAA;AAAA,IACX;AAAA,GACF;AACA,EAAA,MAAM,OAAA,GAAU,iBAAA,CAAkB,EAAE,SAAA,EAAW,CAAA;AAC/C,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,GAAA,CAAI,aAAa,CAAA;AAEpC,EAAA,4BACG,aAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,aAAA;AAAA,QACN,WAAA,EAAY,oJAAA;AAAA,QACZ,OAAA,kBACE,GAAA,CAAC,sBAAA,EAAA,EAAuB,GAAA,EAAK,WAAW,QAAA,EAAA,gBAAA,EAExC;AAAA;AAAA,KAEJ;AAAA,IACC,KAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,OAAA,EAAS,iBAAO,KAAA,CAAM,OAAA,IAAW,KAAK,CAAA,EAAE,CAAA,mBAExD,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,OAAA;AAAA,QACA,OAAA;AAAA,QACA,UAAA,EAAU,IAAA;AAAA,QACV,OAAA;AAAA,QACA,YAAA,EAAa,2EAAA;AAAA,QACb,OAAA,EAAQ,UAAA;AAAA,QACP,GAAG;AAAA;AAAA;AACN,GAAA,EAEJ,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,152 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Box from '@massdriver/ui/Box';
+import Chip from '@massdriver/ui/Chip';
+import Typography from '@massdriver/ui/Typography';
+import HistoryIcon from '@massdriver/ui/icons/HistoryIcon';
+import stylin from '@massdriver/ui/stylin';
+import { RepoEmptyState } from '../RepoEmptyState.esm.js';
+import { RepoNoVersionsState } from '../RepoNoVersionsState.esm.js';
+
+const dateFormatter = new Intl.DateTimeFormat(void 0, {
+  year: "numeric",
+  month: "long",
+  day: "numeric"
+});
+const formatDate = (value) => {
+  if (!value) return null;
+  const date = new Date(value);
+  return Number.isNaN(date.getTime()) ? null : dateFormatter.format(date);
+};
+const VersionsTab = ({ repo, hasNoVersions }) => {
+  if (hasNoVersions) {
+    return /* @__PURE__ */ jsx(RepoNoVersionsState, { tabLabel: "version history" });
+  }
+  const tags = (repo?.tags?.items ?? []).filter(Boolean);
+  const releaseChannels = (repo?.releaseChannels?.items ?? []).filter(
+    Boolean
+  );
+  if (tags.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyContainer, { children: /* @__PURE__ */ jsx(
+      RepoEmptyState,
+      {
+        icon: /* @__PURE__ */ jsx(HistoryIcon, {}),
+        title: "No published versions",
+        description: "Publish a version to populate this list."
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    releaseChannels.length > 0 ? /* @__PURE__ */ jsxs(Section, { children: [
+      /* @__PURE__ */ jsx(SectionTitle, { variant: "subtitle2", children: "Release channels" }),
+      /* @__PURE__ */ jsx(List, { children: releaseChannels.map((channel) => /* @__PURE__ */ jsxs(ChannelRow, { children: [
+        /* @__PURE__ */ jsx(ChannelName, { children: channel.name }),
+        /* @__PURE__ */ jsx(Arrow, { "aria-hidden": "true", children: "\u2192" }),
+        /* @__PURE__ */ jsx(VersionTag, { label: `v${channel.tag}`, size: "small" })
+      ] }, channel.name)) })
+    ] }) : null,
+    /* @__PURE__ */ jsxs(Section, { children: [
+      /* @__PURE__ */ jsxs(SectionTitle, { variant: "subtitle2", children: [
+        "Versions",
+        /* @__PURE__ */ jsxs(Count, { variant: "caption", children: [
+          "(",
+          tags.length,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(List, { children: tags.map((tag, index) => {
+        const releasedOn = formatDate(tag.createdAt);
+        return /* @__PURE__ */ jsxs(TagRow, { children: [
+          /* @__PURE__ */ jsxs(TagLeft, { children: [
+            /* @__PURE__ */ jsx(VersionTag, { label: `v${tag.tag}`, size: "small" }),
+            index === 0 ? /* @__PURE__ */ jsx(LatestChip, { label: "latest", size: "small", color: "primary" }) : null
+          ] }),
+          releasedOn ? /* @__PURE__ */ jsxs(ReleaseDate, { variant: "caption", children: [
+            "Released ",
+            releasedOn
+          ] }) : null
+        ] }, tag.tag);
+      }) })
+    ] })
+  ] });
+};
+const Container = stylin(Box)(({ theme }) => ({
+  padding: theme.spacing(3),
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(3)
+}));
+const Section = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1)
+}));
+const SectionTitle = stylin(Typography)(({ theme }) => ({
+  display: "flex",
+  alignItems: "baseline",
+  gap: theme.spacing(0.75),
+  fontWeight: 600,
+  color: theme.palette.text.primary
+}));
+const Count = stylin(Typography)(({ theme }) => ({
+  color: theme.palette.text.secondary,
+  fontWeight: 400
+}));
+const List = stylin(Box)(({ theme }) => ({
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: 1,
+  backgroundColor: theme.palette.background.paper,
+  overflow: "hidden"
+}));
+const ChannelRow = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1.5),
+  padding: theme.spacing(1.25, 2),
+  "&:not(:last-of-type)": {
+    borderBottom: `1px solid ${theme.palette.divider}`
+  }
+}));
+const ChannelName = stylin("span")(({ theme }) => ({
+  fontFamily: theme.typography.fontFamilyMono,
+  fontSize: theme.typography.pxToRem(13),
+  fontWeight: 600,
+  color: theme.palette.text.primary,
+  minWidth: theme.spacing(8)
+}));
+const Arrow = stylin("span")(({ theme }) => ({
+  color: theme.palette.text.disabled,
+  fontSize: theme.typography.pxToRem(14)
+}));
+const TagRow = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: theme.spacing(1.5),
+  padding: theme.spacing(1.25, 2),
+  "&:not(:last-of-type)": {
+    borderBottom: `1px solid ${theme.palette.divider}`
+  }
+}));
+const TagLeft = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1)
+}));
+const VersionTag = stylin(Chip)(({ theme }) => ({
+  fontFamily: theme.typography.fontFamilyMono,
+  fontWeight: 600
+}));
+const LatestChip = stylin(Chip)({
+  textTransform: "uppercase",
+  letterSpacing: "0.04em",
+  fontSize: "11px"
+});
+const ReleaseDate = stylin(Typography)(({ theme }) => ({
+  color: theme.palette.text.secondary
+}));
+const EmptyContainer = stylin(Box)(({ theme }) => ({
+  padding: theme.spacing(3)
+}));
+
+export { VersionsTab };
+//# sourceMappingURL=VersionsTab.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VersionsTab.esm.js","sources":["../../../../src/features/repo/tabs/VersionsTab.tsx"],"sourcesContent":["import Box from '@massdriver/ui/Box';\nimport Chip from '@massdriver/ui/Chip';\nimport Typography from '@massdriver/ui/Typography';\nimport HistoryIcon from '@massdriver/ui/icons/HistoryIcon';\nimport stylin from '@massdriver/ui/stylin';\nimport type { RepoTabProps } from '../RepoDetailsPage';\nimport { RepoEmptyState } from '../RepoEmptyState';\nimport { RepoNoVersionsState } from '../RepoNoVersionsState';\n\n// Ported from apps/web/features/repos/sections/VersionsTab/. Pure presentation\n// from the repo header's tags + releaseChannels.\nconst dateFormatter = new Intl.DateTimeFormat(undefined, {\n  year: 'numeric',\n  month: 'long',\n  day: 'numeric',\n});\n\nconst formatDate = (value?: string | null): string | null => {\n  if (!value) return null;\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? null : dateFormatter.format(date);\n};\n\nexport const VersionsTab = ({ repo, hasNoVersions }: RepoTabProps) => {\n  if (hasNoVersions) {\n    return <RepoNoVersionsState tabLabel=\"version history\" />;\n  }\n\n  const tags = (repo?.tags?.items ?? []).filter(Boolean) as Array<{\n    tag: string;\n    createdAt?: string;\n  }>;\n  const releaseChannels = (repo?.releaseChannels?.items ?? []).filter(\n    Boolean,\n  ) as Array<{ name: string; tag: string }>;\n\n  if (tags.length === 0) {\n    return (\n      <EmptyContainer>\n        <RepoEmptyState\n          icon={<HistoryIcon />}\n          title=\"No published versions\"\n          description=\"Publish a version to populate this list.\"\n        />\n      </EmptyContainer>\n    );\n  }\n\n  return (\n    <Container>\n      {releaseChannels.length > 0 ? (\n        <Section>\n          <SectionTitle variant=\"subtitle2\">Release channels</SectionTitle>\n          <List>\n            {releaseChannels.map(channel => (\n              <ChannelRow key={channel.name}>\n                <ChannelName>{channel.name}</ChannelName>\n                <Arrow aria-hidden=\"true\">→</Arrow>\n                <VersionTag label={`v${channel.tag}`} size=\"small\" />\n              </ChannelRow>\n            ))}\n          </List>\n        </Section>\n      ) : null}\n      <Section>\n        <SectionTitle variant=\"subtitle2\">\n          Versions\n          <Count variant=\"caption\">({tags.length})</Count>\n        </SectionTitle>\n        <List>\n          {tags.map((tag, index) => {\n            const releasedOn = formatDate(tag.createdAt);\n            return (\n              <TagRow key={tag.tag}>\n                <TagLeft>\n                  <VersionTag label={`v${tag.tag}`} size=\"small\" />\n                  {index === 0 ? (\n                    <LatestChip label=\"latest\" size=\"small\" color=\"primary\" />\n                  ) : null}\n                </TagLeft>\n                {releasedOn ? (\n                  <ReleaseDate variant=\"caption\">\n                    Released {releasedOn}\n                  </ReleaseDate>\n                ) : null}\n              </TagRow>\n            );\n          })}\n        </List>\n      </Section>\n    </Container>\n  );\n};\n\nconst Container = stylin(Box)(({ theme }: { theme: any }) => ({\n  padding: theme.spacing(3),\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(3),\n}));\n\nconst Section = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1),\n}));\n\nconst SectionTitle = stylin(Typography)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'baseline',\n  gap: theme.spacing(0.75),\n  fontWeight: 600,\n  color: theme.palette.text.primary,\n}));\n\nconst Count = stylin(Typography)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.secondary,\n  fontWeight: 400,\n}));\n\nconst List = stylin(Box)(({ theme }: { theme: any }) => ({\n  border: `1px solid ${theme.palette.divider}`,\n  borderRadius: 1,\n  backgroundColor: theme.palette.background.paper,\n  overflow: 'hidden',\n}));\n\nconst ChannelRow = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1.5),\n  padding: theme.spacing(1.25, 2),\n  '&:not(:last-of-type)': {\n    borderBottom: `1px solid ${theme.palette.divider}`,\n  },\n}));\n\nconst ChannelName = stylin('span')(({ theme }: { theme: any }) => ({\n  fontFamily: theme.typography.fontFamilyMono,\n  fontSize: theme.typography.pxToRem(13),\n  fontWeight: 600,\n  color: theme.palette.text.primary,\n  minWidth: theme.spacing(8),\n}));\n\nconst Arrow = stylin('span')(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.disabled,\n  fontSize: theme.typography.pxToRem(14),\n}));\n\nconst TagRow = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: theme.spacing(1.5),\n  padding: theme.spacing(1.25, 2),\n  '&:not(:last-of-type)': {\n    borderBottom: `1px solid ${theme.palette.divider}`,\n  },\n}));\n\nconst TagLeft = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n}));\n\nconst VersionTag = stylin(Chip)(({ theme }: { theme: any }) => ({\n  fontFamily: theme.typography.fontFamilyMono,\n  fontWeight: 600,\n}));\n\nconst LatestChip = stylin(Chip)({\n  textTransform: 'uppercase',\n  letterSpacing: '0.04em',\n  fontSize: '11px',\n});\n\nconst ReleaseDate = stylin(Typography)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.secondary,\n}));\n\nconst EmptyContainer = stylin(Box)(({ theme }: { theme: any }) => ({\n  padding: theme.spacing(3),\n}));\n"],"names":[],"mappings":"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"}