@massdriver/backstage-plugin 1.0.0

package/dist/features/resources/ResourcesListPage.esm.js

@@ -0,0 +1,115 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useApi } from '@backstage/frontend-plugin-api';
+import { resourcesUrl } from '@massdriver/backstage-plugin-common';
+import Alert from '@massdriver/ui/Alert';
+import Box from '@massdriver/ui/Box';
+import DataList from '@massdriver/ui/DataList';
+import Select from '@massdriver/ui/Select';
+import stylin from '@massdriver/ui/stylin';
+import { useState } from 'react';
+import { massdriverApiRef } from '../../api.esm.js';
+import { OpenInMassdriverButton } from '../../components/OpenInMassdriverButton.esm.js';
+import { PageLayout } from '../../components/PageLayout.esm.js';
+import { usePaginatedRelayQuery } from '../../hooks/usePaginatedRelayQuery.esm.js';
+import { RESOURCES_QUERY } from './queries.esm.js';
+import { buildResourceColumns } from './resourceColumns.esm.js';
+import { ResourcesEmptyState } from './ResourcesEmptyState.esm.js';
+import { toResourceRow } from './toResourceRow.esm.js';
+
+const ORIGIN_OPTIONS = [
+  { value: "all", label: "All resources" },
+  { value: "IMPORTED", label: "Imported only" },
+  { value: "PROVISIONED", label: "Provisioned only" }
+];
+const ResourcesListPage = () => {
+  const api = useApi(massdriverApiRef);
+  const [origin, setOrigin] = useState("all");
+  const importUrl = `${resourcesUrl(
+    api.appUrl,
+    api.organizationId
+  )}?importResource=true`;
+  return /* @__PURE__ */ jsx(
+    PageLayout,
+    {
+      title: "Resources",
+      description: "All resources for your organization \u2014 both imported and provisioned. Resources flow into Massdriver automatically as instances deploy, or you can import existing resources by hand.",
+      actions: /* @__PURE__ */ jsx(OpenInMassdriverButton, { url: importUrl, children: "Import Resource" }),
+      children: /* @__PURE__ */ jsx(
+        ResourcesList,
+        {
+          origin,
+          onOriginChange: setOrigin,
+          importUrl
+        },
+        origin
+      )
+    }
+  );
+};
+const ResourcesList = ({
+  origin,
+  onOriginChange,
+  importUrl
+}) => {
+  const baseFilter = origin === "all" ? void 0 : { origin: { eq: origin } };
+  const { items, loading, error, hasMore, dataListParams } = usePaginatedRelayQuery(RESOURCES_QUERY, {
+    responseKey: "resources",
+    sortFieldMap: { name: "NAME", createdAt: "CREATED_AT" },
+    defaultSort: { field: "name", direction: "asc" },
+    pageSize: 25,
+    baseFilter
+  });
+  const api = useApi(massdriverApiRef);
+  const columns = buildResourceColumns({
+    appUrl: api.appUrl,
+    organizationId: api.organizationId
+  });
+  const rows = items.map(toResourceRow);
+  const filtersActive = origin !== "all" || Boolean(dataListParams.state.search);
+  const showEmptyState = !loading && !error && !filtersActive && rows.length === 0;
+  if (showEmptyState) {
+    return /* @__PURE__ */ jsx(ResourcesEmptyState, { importUrl });
+  }
+  return /* @__PURE__ */ jsxs(Wrap, { children: [
+    /* @__PURE__ */ jsx(Toolbar, { children: /* @__PURE__ */ jsx(
+      FilterSelect,
+      {
+        size: "small",
+        label: "Show",
+        options: ORIGIN_OPTIONS,
+        value: origin,
+        onChange: (event) => onOriginChange(event.target.value)
+      }
+    ) }),
+    error ? /* @__PURE__ */ jsx(Alert, { severity: "error", children: String(error.message ?? error) }) : /* @__PURE__ */ jsx(
+      DataList,
+      {
+        rows,
+        columns,
+        loading,
+        serverSide: true,
+        searchable: true,
+        searchPlaceholder: "Search resources\u2026",
+        hasMore,
+        emptyMessage: "No resources match.",
+        variant: "outlined",
+        ...dataListParams
+      }
+    )
+  ] });
+};
+const Wrap = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(2)
+}));
+const Toolbar = stylin(Box)({
+  display: "flex",
+  alignItems: "center"
+});
+const FilterSelect = stylin(Select)(({ theme }) => ({
+  minWidth: theme.spacing(28)
+}));
+
+export { ResourcesListPage };
+//# sourceMappingURL=ResourcesListPage.esm.js.map

package/dist/features/resources/ResourcesListPage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourcesListPage.esm.js","sources":["../../../src/features/resources/ResourcesListPage.tsx"],"sourcesContent":["import { useApi } from '@backstage/frontend-plugin-api';\nimport { resourcesUrl } from '@massdriver/backstage-plugin-common';\nimport Alert from '@massdriver/ui/Alert';\nimport Box from '@massdriver/ui/Box';\nimport DataList from '@massdriver/ui/DataList';\nimport Select from '@massdriver/ui/Select';\nimport stylin from '@massdriver/ui/stylin';\nimport { useState } from 'react';\nimport { massdriverApiRef } from '../../api';\nimport { OpenInMassdriverButton } from '../../components/OpenInMassdriverButton';\nimport { PageLayout } from '../../components/PageLayout';\nimport { usePaginatedRelayQuery } from '../../hooks/usePaginatedRelayQuery';\nimport { RESOURCES_QUERY } from './queries';\nimport { buildResourceColumns } from './resourceColumns';\nimport { ResourcesEmptyState } from './ResourcesEmptyState';\nimport { ResourceListItem, toResourceRow } from './toResourceRow';\n\n// Ported from apps/web/features/resources/pages/ResourcesPage.js and\n// sections/ResourcesList/. The web app's \"Import Resource\" opens a dialog; here\n// it deep-links into Massdriver (read-only parity).\n\ntype Origin = 'all' | 'IMPORTED' | 'PROVISIONED';\n\nconst ORIGIN_OPTIONS = [\n  { value: 'all', label: 'All resources' },\n  { value: 'IMPORTED', label: 'Imported only' },\n  { value: 'PROVISIONED', label: 'Provisioned only' },\n];\n\n/** Read-only resources list, mirroring the web app's Resources page. */\nexport const ResourcesListPage = () => {\n  const api = useApi(massdriverApiRef);\n  const [origin, setOrigin] = useState<Origin>('all');\n  const importUrl = `${resourcesUrl(\n    api.appUrl,\n    api.organizationId,\n  )}?importResource=true`;\n\n  return (\n    <PageLayout\n      title=\"Resources\"\n      description=\"All resources for your organization — both imported and provisioned. Resources flow into Massdriver automatically as instances deploy, or you can import existing resources by hand.\"\n      actions={\n        <OpenInMassdriverButton url={importUrl}>\n          Import Resource\n        </OpenInMassdriverButton>\n      }\n    >\n      {/* Remount on origin change so paging state resets (mirrors the web's\n          UsagePanel key pattern). */}\n      <ResourcesList\n        key={origin}\n        origin={origin}\n        onOriginChange={setOrigin}\n        importUrl={importUrl}\n      />\n    </PageLayout>\n  );\n};\n\nconst ResourcesList = ({\n  origin,\n  onOriginChange,\n  importUrl,\n}: {\n  origin: Origin;\n  onOriginChange: (origin: Origin) => void;\n  importUrl: string;\n}) => {\n  const baseFilter = origin === 'all' ? undefined : { origin: { eq: origin } };\n\n  const { items, loading, error, hasMore, dataListParams } =\n    usePaginatedRelayQuery<ResourceListItem>(RESOURCES_QUERY, {\n      responseKey: 'resources',\n      sortFieldMap: { name: 'NAME', createdAt: 'CREATED_AT' },\n      defaultSort: { field: 'name', direction: 'asc' },\n      pageSize: 25,\n      baseFilter,\n    });\n\n  const api = useApi(massdriverApiRef);\n  const columns = buildResourceColumns({\n    appUrl: api.appUrl,\n    organizationId: api.organizationId,\n  });\n  const rows = items.map(toResourceRow);\n\n  const filtersActive =\n    origin !== 'all' || Boolean(dataListParams.state.search);\n  const showEmptyState =\n    !loading && !error && !filtersActive && rows.length === 0;\n\n  // With no resources and no active filters, the web shows a catalog-onboarding\n  // card in place of the toolbar + table.\n  if (showEmptyState) {\n    return <ResourcesEmptyState importUrl={importUrl} />;\n  }\n\n  return (\n    <Wrap>\n      <Toolbar>\n        <FilterSelect\n          size=\"small\"\n          label=\"Show\"\n          options={ORIGIN_OPTIONS}\n          value={origin}\n          onChange={(event: { target: { value: Origin } }) =>\n            onOriginChange(event.target.value)\n          }\n        />\n      </Toolbar>\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          searchable\n          searchPlaceholder=\"Search resources…\"\n          hasMore={hasMore}\n          emptyMessage=\"No resources match.\"\n          variant=\"outlined\"\n          {...dataListParams}\n        />\n      )}\n    </Wrap>\n  );\n};\n\nconst Wrap = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n}));\n\nconst Toolbar = stylin(Box)({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nconst FilterSelect = stylin(Select)(({ theme }: { theme: any }) => ({\n  minWidth: theme.spacing(28),\n}));\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuBA,MAAM,cAAA,GAAiB;AAAA,EACrB,EAAE,KAAA,EAAO,KAAA,EAAO,KAAA,EAAO,eAAA,EAAgB;AAAA,EACvC,EAAE,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,eAAA,EAAgB;AAAA,EAC5C,EAAE,KAAA,EAAO,aAAA,EAAe,KAAA,EAAO,kBAAA;AACjC,CAAA;AAGO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,GAAA,GAAM,OAAO,gBAAgB,CAAA;AACnC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAiB,KAAK,CAAA;AAClD,EAAA,MAAM,YAAY,CAAA,EAAG,YAAA;AAAA,IACnB,GAAA,CAAI,MAAA;AAAA,IACJ,GAAA,CAAI;AAAA,GACL,CAAA,oBAAA,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,WAAA;AAAA,MACN,WAAA,EAAY,2LAAA;AAAA,MACZ,OAAA,kBACE,GAAA,CAAC,sBAAA,EAAA,EAAuB,GAAA,EAAK,WAAW,QAAA,EAAA,iBAAA,EAExC,CAAA;AAAA,MAKF,QAAA,kBAAA,GAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UAEC,MAAA;AAAA,UACA,cAAA,EAAgB,SAAA;AAAA,UAChB;AAAA,SAAA;AAAA,QAHK;AAAA;AAIP;AAAA,GACF;AAEJ;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB,MAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,KAIM;AACJ,EAAA,MAAM,UAAA,GAAa,WAAW,KAAA,GAAQ,MAAA,GAAY,EAAE,MAAA,EAAQ,EAAE,EAAA,EAAI,MAAA,EAAO,EAAE;AAE3E,EAAA,MAAM,EAAE,OAAO,OAAA,EAAS,KAAA,EAAO,SAAS,cAAA,EAAe,GACrD,uBAAyC,eAAA,EAAiB;AAAA,IACxD,WAAA,EAAa,WAAA;AAAA,IACb,YAAA,EAAc,EAAE,IAAA,EAAM,MAAA,EAAQ,WAAW,YAAA,EAAa;AAAA,IACtD,WAAA,EAAa,EAAE,KAAA,EAAO,MAAA,EAAQ,WAAW,KAAA,EAAM;AAAA,IAC/C,QAAA,EAAU,EAAA;AAAA,IACV;AAAA,GACD,CAAA;AAEH,EAAA,MAAM,GAAA,GAAM,OAAO,gBAAgB,CAAA;AACnC,EAAA,MAAM,UAAU,oBAAA,CAAqB;AAAA,IACnC,QAAQ,GAAA,CAAI,MAAA;AAAA,IACZ,gBAAgB,GAAA,CAAI;AAAA,GACrB,CAAA;AACD,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,GAAA,CAAI,aAAa,CAAA;AAEpC,EAAA,MAAM,gBACJ,MAAA,KAAW,KAAA,IAAS,OAAA,CAAQ,cAAA,CAAe,MAAM,MAAM,CAAA;AACzD,EAAA,MAAM,cAAA,GACJ,CAAC,OAAA,IAAW,CAAC,SAAS,CAAC,aAAA,IAAiB,KAAK,MAAA,KAAW,CAAA;AAI1D,EAAA,IAAI,cAAA,EAAgB;AAClB,IAAA,uBAAO,GAAA,CAAC,uBAAoB,SAAA,EAAsB,CAAA;AAAA,EACpD;AAEA,EAAA,4BACG,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,OAAA;AAAA,QACL,KAAA,EAAM,MAAA;AAAA,QACN,OAAA,EAAS,cAAA;AAAA,QACT,KAAA,EAAO,MAAA;AAAA,QACP,UAAU,CAAC,KAAA,KACT,cAAA,CAAe,KAAA,CAAM,OAAO,KAAK;AAAA;AAAA,KAErC,EACF,CAAA;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,UAAA,EAAU,IAAA;AAAA,QACV,iBAAA,EAAkB,wBAAA;AAAA,QAClB,OAAA;AAAA,QACA,YAAA,EAAa,qBAAA;AAAA,QACb,OAAA,EAAQ,UAAA;AAAA,QACP,GAAG;AAAA;AAAA;AACN,GAAA,EAEJ,CAAA;AAEJ,CAAA;AAEA,MAAM,OAAO,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACvD,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC;AACtB,CAAA,CAAE,CAAA;AAEF,MAAM,OAAA,GAAU,MAAA,CAAO,GAAG,CAAA,CAAE;AAAA,EAC1B,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY;AACd,CAAC,CAAA;AAED,MAAM,eAAe,MAAA,CAAO,MAAM,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAClE,QAAA,EAAU,KAAA,CAAM,OAAA,CAAQ,EAAE;AAC5B,CAAA,CAAE,CAAA;;;;"}

package/dist/features/resources/queries.esm.js

@@ -0,0 +1,50 @@
+const RESOURCES_QUERY = `
+  query MassdriverResourcesList(
+    $organizationId: ID!
+    $filter: ResourcesFilter
+    $sort: ResourcesSort
+    $cursor: Cursor
+  ) {
+    resources(
+      organizationId: $organizationId
+      filter: $filter
+      sort: $sort
+      cursor: $cursor
+    ) {
+      cursor {
+        next
+        previous
+      }
+      items {
+        id
+        name
+        origin
+        formats
+        attributes
+        effectiveAttributes
+        createdAt
+        updatedAt
+        resourceType {
+          id
+          name
+          icon
+        }
+        instance {
+          id
+          name
+          environment {
+            id
+            name
+            project {
+              id
+              name
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+
+export { RESOURCES_QUERY };
+//# sourceMappingURL=queries.esm.js.map

package/dist/features/resources/queries.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queries.esm.js","sources":["../../../src/features/resources/queries.ts"],"sourcesContent":["// Ported from apps/web/features/resources/hooks/useResourcesQuery.js\n\n/** Paginated resources list. `$organizationId` is injected by the relay. */\nexport const RESOURCES_QUERY = `\n  query MassdriverResourcesList(\n    $organizationId: ID!\n    $filter: ResourcesFilter\n    $sort: ResourcesSort\n    $cursor: Cursor\n  ) {\n    resources(\n      organizationId: $organizationId\n      filter: $filter\n      sort: $sort\n      cursor: $cursor\n    ) {\n      cursor {\n        next\n        previous\n      }\n      items {\n        id\n        name\n        origin\n        formats\n        attributes\n        effectiveAttributes\n        createdAt\n        updatedAt\n        resourceType {\n          id\n          name\n          icon\n        }\n        instance {\n          id\n          name\n          environment {\n            id\n            name\n            project {\n              id\n              name\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n"],"names":[],"mappings":"AAGO,MAAM,eAAA,GAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/features/resources/resourceColumns.esm.js

@@ -0,0 +1,158 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import Box from '@massdriver/ui/Box';
+import { col } from '@massdriver/ui/DataList';
+import IconTile from '@massdriver/ui/IconTile';
+import Typography from '@massdriver/ui/Typography';
+import DeleteIcon from '@massdriver/ui/icons/DeleteIcon';
+import EditIcon from '@massdriver/ui/icons/EditIcon';
+import ExtensionIcon from '@massdriver/ui/icons/ExtensionIcon';
+import stylin from '@massdriver/ui/stylin';
+import { resourceUrl } from '@massdriver/backstage-plugin-common';
+import { buildAttributesColumn, Code } from '../../components/AttributesColumn.esm.js';
+import { RouterLinkAdapter } from '../../components/RouterLinkAdapter.esm.js';
+import { internalRoutes } from '../../internalRoutes.esm.js';
+import { formatAbsoluteTime } from '../../utils/formatRelativeTime.esm.js';
+import { PROVISIONED_EDIT_TOOLTIP, IMPORTED_EDIT_TOOLTIP, PROVISIONED_DELETE_TOOLTIP, IMPORTED_DELETE_TOOLTIP } from './resourceConstants.esm.js';
+
+const renderType = (_value, row) => /* @__PURE__ */ jsxs(TypeCell, { children: [
+  /* @__PURE__ */ jsx(
+    IconTile,
+    {
+      src: row.resourceTypeIcon,
+      alt: row.resourceTypeName,
+      size: "small",
+      fallback: /* @__PURE__ */ jsx(FallbackIcon, {})
+    }
+  ),
+  /* @__PURE__ */ jsx(Typography, { variant: "body2", noWrap: true, title: row.resourceTypeName, children: row.resourceTypeName })
+] });
+const renderLocation = (_value, row) => {
+  const { location } = row;
+  if (!location) {
+    return /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "\u2014" });
+  }
+  const { projectId, environmentId, projectName, environmentName } = location;
+  return /* @__PURE__ */ jsxs(LocationCell, { title: `${projectName} : ${environmentName}`, children: [
+    /* @__PURE__ */ jsx(
+      LocationLink,
+      {
+        component: RouterLinkAdapter,
+        href: internalRoutes.project(projectId),
+        children: projectName
+      }
+    ),
+    /* @__PURE__ */ jsx(LocationSeparator, { children: " : " }),
+    environmentId ? /* @__PURE__ */ jsx(
+      LocationLink,
+      {
+        component: RouterLinkAdapter,
+        href: internalRoutes.environment(projectId, environmentId),
+        children: environmentName
+      }
+    ) : /* @__PURE__ */ jsx("span", { children: environmentName })
+  ] });
+};
+const buildActionsColumn = ({
+  appUrl,
+  organizationId
+}) => col.actions([
+  {
+    icon: /* @__PURE__ */ jsx(EditIcon, { fontSize: "small" }),
+    tooltip: (row) => row.origin === "PROVISIONED" ? PROVISIONED_EDIT_TOOLTIP : IMPORTED_EDIT_TOOLTIP,
+    href: (row) => resourceUrl(appUrl, organizationId, row.id),
+    target: "_blank",
+    rel: "noopener noreferrer",
+    disabled: (row) => row.origin === "PROVISIONED"
+  },
+  {
+    icon: /* @__PURE__ */ jsx(DeleteIcon, { fontSize: "small" }),
+    tooltip: (row) => row.origin === "PROVISIONED" ? PROVISIONED_DELETE_TOOLTIP : IMPORTED_DELETE_TOOLTIP,
+    href: (row) => resourceUrl(appUrl, organizationId, row.id),
+    target: "_blank",
+    rel: "noopener noreferrer",
+    disabled: (row) => row.origin === "PROVISIONED",
+    color: "error"
+  }
+]);
+const buildResourceColumns = ({
+  appUrl,
+  organizationId
+}) => [
+  col.link(
+    "name",
+    "Name",
+    (row) => internalRoutes.resourceTab(row.id, "general"),
+    {
+      flex: 2,
+      minWidth: 180,
+      LinkComponent: RouterLinkAdapter
+    }
+  ),
+  col.custom("resourceTypeName", "Type", renderType, {
+    flex: 1.4,
+    minWidth: 160,
+    sortable: false
+  }),
+  col.custom("location", "Project : Environment", renderLocation, {
+    flex: 1.4,
+    minWidth: 160,
+    sortable: false,
+    searchable: false
+  }),
+  buildAttributesColumn({
+    directText: "Key-value attributes assigned directly to this resource.",
+    effectiveText: /* @__PURE__ */ jsxs(Fragment, { children: [
+      "The full attribute map the authorization system evaluates policies against for this resource \u2014 the resource's own user attributes plus auto-injected ",
+      /* @__PURE__ */ jsx(Code, { children: "md-*" }),
+      " system attributes."
+    ] }),
+    flex: 1.4,
+    minWidth: 180
+  }),
+  col.text("originLabel", "Origin", {
+    flex: 0.8,
+    minWidth: 124,
+    sortable: false,
+    searchable: false
+  }),
+  col.text("createdAtRelative", "Created", {
+    flex: 1,
+    minWidth: 120,
+    sortable: false,
+    searchable: false,
+    tooltip: (_value, row) => formatAbsoluteTime(row.createdAt)
+  }),
+  buildActionsColumn({ appUrl, organizationId })
+];
+const TypeCell = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1),
+  minWidth: 0
+}));
+const FallbackIcon = stylin(ExtensionIcon)({
+  fontSize: 16
+});
+const LocationCell = stylin(Box)({
+  display: "-webkit-box",
+  WebkitLineClamp: 2,
+  WebkitBoxOrient: "vertical",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  wordBreak: "break-word",
+  fontSize: "0.875rem",
+  lineHeight: 1.43,
+  minWidth: 0
+});
+const LocationLink = stylin(Box)(({ theme }) => ({
+  color: theme.palette.text.primary,
+  textDecoration: "none",
+  "&:hover": { textDecoration: "underline" }
+}));
+const LocationSeparator = stylin("span")(({ theme }) => ({
+  color: theme.palette.text.secondary,
+  margin: `0 ${theme.spacing(0.5)}`
+}));
+
+export { buildResourceColumns };
+//# sourceMappingURL=resourceColumns.esm.js.map

package/dist/features/resources/resourceColumns.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resourceColumns.esm.js","sources":["../../../src/features/resources/resourceColumns.tsx"],"sourcesContent":["import Box from '@massdriver/ui/Box';\nimport { col } from '@massdriver/ui/DataList';\nimport IconTile from '@massdriver/ui/IconTile';\nimport Typography from '@massdriver/ui/Typography';\nimport DeleteIcon from '@massdriver/ui/icons/DeleteIcon';\nimport EditIcon from '@massdriver/ui/icons/EditIcon';\nimport ExtensionIcon from '@massdriver/ui/icons/ExtensionIcon';\nimport stylin from '@massdriver/ui/stylin';\nimport { resourceUrl } from '@massdriver/backstage-plugin-common';\nimport { buildAttributesColumn, Code } from '../../components/AttributesColumn';\nimport { RouterLinkAdapter } from '../../components/RouterLinkAdapter';\nimport { internalRoutes } from '../../internalRoutes';\nimport { formatAbsoluteTime } from '../../utils/formatRelativeTime';\nimport {\n  IMPORTED_DELETE_TOOLTIP,\n  IMPORTED_EDIT_TOOLTIP,\n  PROVISIONED_DELETE_TOOLTIP,\n  PROVISIONED_EDIT_TOOLTIP,\n} from './resourceConstants';\nimport type { ResourceRow } from './toResourceRow';\n\n// Ported from apps/web/features/resources/hooks/useResourceColumns.js. The web\n// app's Edit/Delete row actions mutate: for imported resources they deep-link\n// out to the resource in the Massdriver web app; for provisioned resources they\n// stay disabled with the same tooltips the web app shows (it disables them too).\n\nconst renderType = (_value: unknown, row: ResourceRow) => (\n  <TypeCell>\n    <IconTile\n      src={row.resourceTypeIcon}\n      alt={row.resourceTypeName}\n      size=\"small\"\n      fallback={<FallbackIcon />}\n    />\n    <Typography variant=\"body2\" noWrap title={row.resourceTypeName}>\n      {row.resourceTypeName}\n    </Typography>\n  </TypeCell>\n);\n\nconst renderLocation = (_value: unknown, row: ResourceRow) => {\n  const { location } = row;\n  if (!location) {\n    return (\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        —\n      </Typography>\n    );\n  }\n  const { projectId, environmentId, projectName, environmentName } = location;\n  return (\n    <LocationCell title={`${projectName} : ${environmentName}`}>\n      <LocationLink\n        component={RouterLinkAdapter}\n        href={internalRoutes.project(projectId)}\n      >\n        {projectName}\n      </LocationLink>\n      <LocationSeparator> : </LocationSeparator>\n      {environmentId ? (\n        <LocationLink\n          component={RouterLinkAdapter}\n          href={internalRoutes.environment(projectId, environmentId)}\n        >\n          {environmentName}\n        </LocationLink>\n      ) : (\n        <span>{environmentName}</span>\n      )}\n    </LocationCell>\n  );\n};\n\nconst buildActionsColumn = ({\n  appUrl,\n  organizationId,\n}: {\n  appUrl: string;\n  organizationId: string;\n}) =>\n  col.actions([\n    {\n      icon: <EditIcon fontSize=\"small\" />,\n      tooltip: (row: ResourceRow) =>\n        row.origin === 'PROVISIONED'\n          ? PROVISIONED_EDIT_TOOLTIP\n          : IMPORTED_EDIT_TOOLTIP,\n      href: (row: ResourceRow) => resourceUrl(appUrl, organizationId, row.id),\n      target: '_blank',\n      rel: 'noopener noreferrer',\n      disabled: (row: ResourceRow) => row.origin === 'PROVISIONED',\n    },\n    {\n      icon: <DeleteIcon fontSize=\"small\" />,\n      tooltip: (row: ResourceRow) =>\n        row.origin === 'PROVISIONED'\n          ? PROVISIONED_DELETE_TOOLTIP\n          : IMPORTED_DELETE_TOOLTIP,\n      href: (row: ResourceRow) => resourceUrl(appUrl, organizationId, row.id),\n      target: '_blank',\n      rel: 'noopener noreferrer',\n      disabled: (row: ResourceRow) => row.origin === 'PROVISIONED',\n      color: 'error',\n    },\n  ]);\n\nexport const buildResourceColumns = ({\n  appUrl,\n  organizationId,\n}: {\n  appUrl: string;\n  organizationId: string;\n}) => [\n  col.link(\n    'name',\n    'Name',\n    (row: ResourceRow) => internalRoutes.resourceTab(row.id, 'general'),\n    {\n      flex: 2,\n      minWidth: 180,\n      LinkComponent: RouterLinkAdapter,\n    },\n  ),\n  col.custom('resourceTypeName', 'Type', renderType, {\n    flex: 1.4,\n    minWidth: 160,\n    sortable: false,\n  }),\n  col.custom('location', 'Project : Environment', renderLocation, {\n    flex: 1.4,\n    minWidth: 160,\n    sortable: false,\n    searchable: false,\n  }),\n  buildAttributesColumn({\n    directText: 'Key-value attributes assigned directly to this resource.',\n    effectiveText: (\n      <>\n        The full attribute map the authorization system evaluates policies\n        against for this resource — the resource's own user attributes plus\n        auto-injected <Code>md-*</Code> system attributes.\n      </>\n    ),\n    flex: 1.4,\n    minWidth: 180,\n  }),\n  col.text('originLabel', 'Origin', {\n    flex: 0.8,\n    minWidth: 124,\n    sortable: false,\n    searchable: false,\n  }),\n  col.text('createdAtRelative', 'Created', {\n    flex: 1,\n    minWidth: 120,\n    sortable: false,\n    searchable: false,\n    tooltip: (_value: unknown, row: ResourceRow) =>\n      formatAbsoluteTime(row.createdAt),\n  }),\n  buildActionsColumn({ appUrl, organizationId }),\n];\n\nconst TypeCell = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  minWidth: 0,\n}));\n\nconst FallbackIcon = stylin(ExtensionIcon)({\n  fontSize: 16,\n});\n\nconst LocationCell = stylin(Box)({\n  display: '-webkit-box',\n  WebkitLineClamp: 2,\n  WebkitBoxOrient: 'vertical',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  wordBreak: 'break-word',\n  fontSize: '0.875rem',\n  lineHeight: 1.43,\n  minWidth: 0,\n});\n\nconst LocationLink = stylin(Box)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.primary,\n  textDecoration: 'none',\n  '&:hover': { textDecoration: 'underline' },\n}));\n\nconst LocationSeparator = stylin('span')(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.secondary,\n  margin: `0 ${theme.spacing(0.5)}`,\n}));\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA0BA,MAAM,UAAA,GAAa,CAAC,MAAA,EAAiB,GAAA,0BAClC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,kBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAK,GAAA,CAAI,gBAAA;AAAA,MACT,KAAK,GAAA,CAAI,gBAAA;AAAA,MACT,IAAA,EAAK,OAAA;AAAA,MACL,QAAA,sBAAW,YAAA,EAAA,EAAa;AAAA;AAAA,GAC1B;AAAA,kBACA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,MAAA,EAAM,MAAC,KAAA,EAAO,GAAA,CAAI,gBAAA,EAC3C,QAAA,EAAA,GAAA,CAAI,gBAAA,EACP;AAAA,CAAA,EACF,CAAA;AAGF,MAAM,cAAA,GAAiB,CAAC,MAAA,EAAiB,GAAA,KAAqB;AAC5D,EAAA,MAAM,EAAE,UAAS,GAAI,GAAA;AACrB,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,2BACG,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,KAAA,EAAM,kBAAiB,QAAA,EAAA,QAAA,EAEnD,CAAA;AAAA,EAEJ;AACA,EAAA,MAAM,EAAE,SAAA,EAAW,aAAA,EAAe,WAAA,EAAa,iBAAgB,GAAI,QAAA;AACnE,EAAA,4BACG,YAAA,EAAA,EAAa,KAAA,EAAO,GAAG,WAAW,CAAA,GAAA,EAAM,eAAe,CAAA,CAAA,EACtD,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,iBAAA;AAAA,QACX,IAAA,EAAM,cAAA,CAAe,OAAA,CAAQ,SAAS,CAAA;AAAA,QAErC,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,oBACA,GAAA,CAAC,qBAAkB,QAAA,EAAA,KAAA,EAAG,CAAA;AAAA,IACrB,aAAA,mBACC,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,iBAAA;AAAA,QACX,IAAA,EAAM,cAAA,CAAe,WAAA,CAAY,SAAA,EAAW,aAAa,CAAA;AAAA,QAExD,QAAA,EAAA;AAAA;AAAA,KACH,mBAEA,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,eAAA,EAAgB;AAAA,GAAA,EAE3B,CAAA;AAEJ,CAAA;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B,MAAA;AAAA,EACA;AACF,CAAA,KAIE,IAAI,OAAA,CAAQ;AAAA,EACV;AAAA,IACE,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,IACjC,SAAS,CAAC,GAAA,KACR,GAAA,CAAI,MAAA,KAAW,gBACX,wBAAA,GACA,qBAAA;AAAA,IACN,MAAM,CAAC,GAAA,KAAqB,YAAY,MAAA,EAAQ,cAAA,EAAgB,IAAI,EAAE,CAAA;AAAA,IACtE,MAAA,EAAQ,QAAA;AAAA,IACR,GAAA,EAAK,qBAAA;AAAA,IACL,QAAA,EAAU,CAAC,GAAA,KAAqB,GAAA,CAAI,MAAA,KAAW;AAAA,GACjD;AAAA,EACA;AAAA,IACE,IAAA,kBAAM,GAAA,CAAC,UAAA,EAAA,EAAW,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,IACnC,SAAS,CAAC,GAAA,KACR,GAAA,CAAI,MAAA,KAAW,gBACX,0BAAA,GACA,uBAAA;AAAA,IACN,MAAM,CAAC,GAAA,KAAqB,YAAY,MAAA,EAAQ,cAAA,EAAgB,IAAI,EAAE,CAAA;AAAA,IACtE,MAAA,EAAQ,QAAA;AAAA,IACR,GAAA,EAAK,qBAAA;AAAA,IACL,QAAA,EAAU,CAAC,GAAA,KAAqB,GAAA,CAAI,MAAA,KAAW,aAAA;AAAA,IAC/C,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAEI,MAAM,uBAAuB,CAAC;AAAA,EACnC,MAAA;AAAA,EACA;AACF,CAAA,KAGM;AAAA,EACJ,GAAA,CAAI,IAAA;AAAA,IACF,MAAA;AAAA,IACA,MAAA;AAAA,IACA,CAAC,GAAA,KAAqB,cAAA,CAAe,WAAA,CAAY,GAAA,CAAI,IAAI,SAAS,CAAA;AAAA,IAClE;AAAA,MACE,IAAA,EAAM,CAAA;AAAA,MACN,QAAA,EAAU,GAAA;AAAA,MACV,aAAA,EAAe;AAAA;AACjB,GACF;AAAA,EACA,GAAA,CAAI,MAAA,CAAO,kBAAA,EAAoB,MAAA,EAAQ,UAAA,EAAY;AAAA,IACjD,IAAA,EAAM,GAAA;AAAA,IACN,QAAA,EAAU,GAAA;AAAA,IACV,QAAA,EAAU;AAAA,GACX,CAAA;AAAA,EACD,GAAA,CAAI,MAAA,CAAO,UAAA,EAAY,uBAAA,EAAyB,cAAA,EAAgB;AAAA,IAC9D,IAAA,EAAM,GAAA;AAAA,IACN,QAAA,EAAU,GAAA;AAAA,IACV,QAAA,EAAU,KAAA;AAAA,IACV,UAAA,EAAY;AAAA,GACb,CAAA;AAAA,EACD,qBAAA,CAAsB;AAAA,IACpB,UAAA,EAAY,0DAAA;AAAA,IACZ,+BACE,IAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA;AAAA,MAAA,4JAAA;AAAA,sBAGc,GAAA,CAAC,QAAK,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,MAAO;AAAA,KAAA,EACjC,CAAA;AAAA,IAEF,IAAA,EAAM,GAAA;AAAA,IACN,QAAA,EAAU;AAAA,GACX,CAAA;AAAA,EACD,GAAA,CAAI,IAAA,CAAK,aAAA,EAAe,QAAA,EAAU;AAAA,IAChC,IAAA,EAAM,GAAA;AAAA,IACN,QAAA,EAAU,GAAA;AAAA,IACV,QAAA,EAAU,KAAA;AAAA,IACV,UAAA,EAAY;AAAA,GACb,CAAA;AAAA,EACD,GAAA,CAAI,IAAA,CAAK,mBAAA,EAAqB,SAAA,EAAW;AAAA,IACvC,IAAA,EAAM,CAAA;AAAA,IACN,QAAA,EAAU,GAAA;AAAA,IACV,QAAA,EAAU,KAAA;AAAA,IACV,UAAA,EAAY,KAAA;AAAA,IACZ,SAAS,CAAC,MAAA,EAAiB,GAAA,KACzB,kBAAA,CAAmB,IAAI,SAAS;AAAA,GACnC,CAAA;AAAA,EACD,kBAAA,CAAmB,EAAE,MAAA,EAAQ,cAAA,EAAgB;AAC/C;AAEA,MAAM,WAAW,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAC3D,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EACpB,QAAA,EAAU;AACZ,CAAA,CAAE,CAAA;AAEF,MAAM,YAAA,GAAe,MAAA,CAAO,aAAa,CAAA,CAAE;AAAA,EACzC,QAAA,EAAU;AACZ,CAAC,CAAA;AAED,MAAM,YAAA,GAAe,MAAA,CAAO,GAAG,CAAA,CAAE;AAAA,EAC/B,OAAA,EAAS,aAAA;AAAA,EACT,eAAA,EAAiB,CAAA;AAAA,EACjB,eAAA,EAAiB,UAAA;AAAA,EACjB,QAAA,EAAU,QAAA;AAAA,EACV,YAAA,EAAc,UAAA;AAAA,EACd,SAAA,EAAW,YAAA;AAAA,EACX,QAAA,EAAU,UAAA;AAAA,EACV,UAAA,EAAY,IAAA;AAAA,EACZ,QAAA,EAAU;AACZ,CAAC,CAAA;AAED,MAAM,eAAe,MAAA,CAAO,GAAG,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EAC/D,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,OAAA;AAAA,EAC1B,cAAA,EAAgB,MAAA;AAAA,EAChB,SAAA,EAAW,EAAE,cAAA,EAAgB,WAAA;AAC/B,CAAA,CAAE,CAAA;AAEF,MAAM,oBAAoB,MAAA,CAAO,MAAM,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACvE,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,EAC1B,MAAA,EAAQ,CAAA,EAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAC,CAAA;AACjC,CAAA,CAAE,CAAA;;;;"}

package/dist/features/resources/resourceConstants.esm.js

@@ -0,0 +1,7 @@
+const PROVISIONED_EDIT_TOOLTIP = "You can't rename a provisioned resource. Edit its instance configuration instead.";
+const PROVISIONED_DELETE_TOOLTIP = "You can't delete a provisioned resource. Decommission its instance instead.";
+const IMPORTED_EDIT_TOOLTIP = "Resources are edited in Massdriver";
+const IMPORTED_DELETE_TOOLTIP = "Resources are deleted in Massdriver";
+
+export { IMPORTED_DELETE_TOOLTIP, IMPORTED_EDIT_TOOLTIP, PROVISIONED_DELETE_TOOLTIP, PROVISIONED_EDIT_TOOLTIP };
+//# sourceMappingURL=resourceConstants.esm.js.map

package/dist/features/resources/resourceConstants.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resourceConstants.esm.js","sources":["../../../src/features/resources/resourceConstants.ts"],"sourcesContent":["// Ported from apps/web/features/resources/utils/resourceConstants.js\n\nexport const PROVISIONED_EDIT_TOOLTIP =\n  \"You can't rename a provisioned resource. Edit its instance configuration instead.\";\n\nexport const PROVISIONED_DELETE_TOOLTIP =\n  \"You can't delete a provisioned resource. Decommission its instance instead.\";\n\n// Read-only parity: the web app's edit/delete row actions mutate, so here they\n// stay visible but disabled with a tooltip pointing at Massdriver.\nexport const IMPORTED_EDIT_TOOLTIP = 'Resources are edited in Massdriver';\n\nexport const IMPORTED_DELETE_TOOLTIP = 'Resources are deleted in Massdriver';\n"],"names":[],"mappings":"AAEO,MAAM,wBAAA,GACX;AAEK,MAAM,0BAAA,GACX;AAIK,MAAM,qBAAA,GAAwB;AAE9B,MAAM,uBAAA,GAA0B;;;;"}

package/dist/features/resources/toResourceRow.esm.js

@@ -0,0 +1,29 @@
+import { parseInstanceId } from '@massdriver/backstage-plugin-common';
+import { formatRelativeTime } from '../../utils/formatRelativeTime.esm.js';
+
+const ORIGIN_LABELS = {
+  IMPORTED: "Imported",
+  PROVISIONED: "Provisioned"
+};
+const buildLocation = (instance) => {
+  if (!instance?.id) return null;
+  const { projectId, scopedEnvironmentId } = parseInstanceId(instance.id);
+  if (!projectId || !scopedEnvironmentId) return null;
+  return {
+    projectId,
+    environmentId: instance.environment?.id ?? null,
+    projectName: instance.environment?.project?.name ?? projectId,
+    environmentName: instance.environment?.name ?? scopedEnvironmentId
+  };
+};
+const toResourceRow = (resource) => ({
+  ...resource,
+  resourceTypeName: resource.resourceType?.name ?? "\u2014",
+  resourceTypeIcon: resource.resourceType?.icon ?? null,
+  originLabel: ORIGIN_LABELS[resource.origin] ?? resource.origin,
+  location: buildLocation(resource.instance),
+  createdAtRelative: formatRelativeTime(resource.createdAt)
+});
+
+export { toResourceRow };
+//# sourceMappingURL=toResourceRow.esm.js.map

package/dist/features/resources/toResourceRow.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toResourceRow.esm.js","sources":["../../../src/features/resources/toResourceRow.ts"],"sourcesContent":["import { parseInstanceId } from '@massdriver/backstage-plugin-common';\nimport { formatRelativeTime } from '../../utils/formatRelativeTime';\n\n// Ported from apps/web/features/resources/utils/resourceColumns.js\n// (transformResourcesResponse + buildLocation).\n\nconst ORIGIN_LABELS: Record<string, string> = {\n  IMPORTED: 'Imported',\n  PROVISIONED: 'Provisioned',\n};\n\n/** Where a provisioned resource lives, resolved for the Project : Environment cell. */\nexport interface ResourceLocation {\n  projectId: string;\n  /** Full composite environment id, for `internalRoutes.environment`. */\n  environmentId: string | null;\n  projectName: string;\n  environmentName: string;\n}\n\n/** A resource as returned by the list query. */\nexport interface ResourceListItem {\n  id: string;\n  name: string;\n  origin: string;\n  formats?: string[] | null;\n  attributes?: unknown;\n  effectiveAttributes?: unknown;\n  createdAt?: string | null;\n  updatedAt?: string | null;\n  resourceType?: {\n    id: string;\n    name?: string | null;\n    icon?: string | null;\n  } | null;\n  instance?: {\n    id: string;\n    name?: string | null;\n    environment?: {\n      id: string;\n      name?: string | null;\n      project?: { id: string; name?: string | null } | null;\n    } | null;\n  } | null;\n}\n\n/** A resource row as rendered in the DataList. */\nexport interface ResourceRow extends ResourceListItem {\n  resourceTypeName: string;\n  resourceTypeIcon: string | null;\n  originLabel: string;\n  location: ResourceLocation | null;\n  createdAtRelative: string;\n}\n\nconst buildLocation = (\n  instance: ResourceListItem['instance'],\n): ResourceLocation | null => {\n  if (!instance?.id) return null;\n  const { projectId, scopedEnvironmentId } = parseInstanceId(instance.id);\n  if (!projectId || !scopedEnvironmentId) return null;\n  return {\n    projectId,\n    environmentId: instance.environment?.id ?? null,\n    projectName: instance.environment?.project?.name ?? projectId,\n    environmentName: instance.environment?.name ?? scopedEnvironmentId,\n  };\n};\n\n/** Transform a raw resource into a display row (mirrors `transformResourcesResponse`). */\nexport const toResourceRow = (resource: ResourceListItem): ResourceRow => ({\n  ...resource,\n  resourceTypeName: resource.resourceType?.name ?? '—',\n  resourceTypeIcon: resource.resourceType?.icon ?? null,\n  originLabel: ORIGIN_LABELS[resource.origin] ?? resource.origin,\n  location: buildLocation(resource.instance),\n  createdAtRelative: formatRelativeTime(resource.createdAt),\n});\n"],"names":[],"mappings":";;;AAMA,MAAM,aAAA,GAAwC;AAAA,EAC5C,QAAA,EAAU,UAAA;AAAA,EACV,WAAA,EAAa;AACf,CAAA;AA8CA,MAAM,aAAA,GAAgB,CACpB,QAAA,KAC4B;AAC5B,EAAA,IAAI,CAAC,QAAA,EAAU,EAAA,EAAI,OAAO,IAAA;AAC1B,EAAA,MAAM,EAAE,SAAA,EAAW,mBAAA,EAAoB,GAAI,eAAA,CAAgB,SAAS,EAAE,CAAA;AACtE,EAAA,IAAI,CAAC,SAAA,IAAa,CAAC,mBAAA,EAAqB,OAAO,IAAA;AAC/C,EAAA,OAAO;AAAA,IACL,SAAA;AAAA,IACA,aAAA,EAAe,QAAA,CAAS,WAAA,EAAa,EAAA,IAAM,IAAA;AAAA,IAC3C,WAAA,EAAa,QAAA,CAAS,WAAA,EAAa,OAAA,EAAS,IAAA,IAAQ,SAAA;AAAA,IACpD,eAAA,EAAiB,QAAA,CAAS,WAAA,EAAa,IAAA,IAAQ;AAAA,GACjD;AACF,CAAA;AAGO,MAAM,aAAA,GAAgB,CAAC,QAAA,MAA6C;AAAA,EACzE,GAAG,QAAA;AAAA,EACH,gBAAA,EAAkB,QAAA,CAAS,YAAA,EAAc,IAAA,IAAQ,QAAA;AAAA,EACjD,gBAAA,EAAkB,QAAA,CAAS,YAAA,EAAc,IAAA,IAAQ,IAAA;AAAA,EACjD,WAAA,EAAa,aAAA,CAAc,QAAA,CAAS,MAAM,KAAK,QAAA,CAAS,MAAA;AAAA,EACxD,QAAA,EAAU,aAAA,CAAc,QAAA,CAAS,QAAQ,CAAA;AAAA,EACzC,iBAAA,EAAmB,kBAAA,CAAmB,QAAA,CAAS,SAAS;AAC1D,CAAA;;;;"}

package/dist/hooks/useAuthedSvg.esm.js

@@ -0,0 +1,34 @@
+import { useApi } from '@backstage/frontend-plugin-api';
+import { useState, useEffect } from 'react';
+import { massdriverApiRef } from '../api.esm.js';
+
+const useAuthedSvg = (url) => {
+  const api = useApi(massdriverApiRef);
+  const [svg, setSvg] = useState(null);
+  const [loading, setLoading] = useState(false);
+  useEffect(() => {
+    if (!url) {
+      setSvg(null);
+      setLoading(false);
+      return void 0;
+    }
+    let cancelled = false;
+    setLoading(true);
+    api.fetchText(url).then((text) => {
+      if (cancelled) return;
+      setSvg(text);
+      setLoading(false);
+    }).catch(() => {
+      if (cancelled) return;
+      setSvg(null);
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [api, url]);
+  return { svg, loading };
+};
+
+export { useAuthedSvg as default, useAuthedSvg };
+//# sourceMappingURL=useAuthedSvg.esm.js.map

package/dist/hooks/useAuthedSvg.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuthedSvg.esm.js","sources":["../../src/hooks/useAuthedSvg.ts"],"sourcesContent":["import { useApi } from '@backstage/frontend-plugin-api';\nimport { useEffect, useState } from 'react';\nimport { massdriverApiRef } from '../api';\n\n// Ported from apps/web/shared/hooks/useAuthedSvg.js. The web app fetches the\n// SVG directly with the browser's bearer token; here the fetch goes through\n// the backend content proxy (api.fetchText) since the browser holds no token.\nexport const useAuthedSvg = (url?: string | null) => {\n  const api = useApi(massdriverApiRef);\n  const [svg, setSvg] = useState<string | null>(null);\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    if (!url) {\n      setSvg(null);\n      setLoading(false);\n      return undefined;\n    }\n\n    let cancelled = false;\n    setLoading(true);\n\n    api\n      .fetchText(url)\n      .then(text => {\n        if (cancelled) return;\n        setSvg(text);\n        setLoading(false);\n      })\n      .catch(() => {\n        if (cancelled) return;\n        setSvg(null);\n        setLoading(false);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [api, url]);\n\n  return { svg, loading };\n};\n\nexport default useAuthedSvg;\n"],"names":[],"mappings":";;;;AAOO,MAAM,YAAA,GAAe,CAAC,GAAA,KAAwB;AACnD,EAAA,MAAM,GAAA,GAAM,OAAO,gBAAgB,CAAA;AACnC,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAwB,IAAI,CAAA;AAClD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,GAAA,EAAK;AACR,MAAA,MAAA,CAAO,IAAI,CAAA;AACX,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,OAAO,MAAA;AAAA,IACT;AAEA,IAAA,IAAI,SAAA,GAAY,KAAA;AAChB,IAAA,UAAA,CAAW,IAAI,CAAA;AAEf,IAAA,GAAA,CACG,SAAA,CAAU,GAAG,CAAA,CACb,IAAA,CAAK,CAAA,IAAA,KAAQ;AACZ,MAAA,IAAI,SAAA,EAAW;AACf,MAAA,MAAA,CAAO,IAAI,CAAA;AACX,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB,CAAC,CAAA,CACA,KAAA,CAAM,MAAM;AACX,MAAA,IAAI,SAAA,EAAW;AACf,MAAA,MAAA,CAAO,IAAI,CAAA;AACX,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB,CAAC,CAAA;AAEH,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,GAAY,IAAA;AAAA,IACd,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,GAAA,EAAK,GAAG,CAAC,CAAA;AAEb,EAAA,OAAO,EAAE,KAAK,OAAA,EAAQ;AACxB;;;;"}

package/dist/hooks/useCursorPagination.esm.js

@@ -0,0 +1,40 @@
+import { useRef } from 'react';
+
+const mapSort = (sort, fieldMap) => {
+  if (!sort) {
+    return void 0;
+  }
+  const field = fieldMap[sort.field];
+  if (!field) {
+    return void 0;
+  }
+  return { field, order: sort.direction === "asc" ? "ASC" : "DESC" };
+};
+const useCursorPagination = ({
+  state,
+  sortFieldMap = {}
+}) => {
+  const cursorsRef = useRef(/* @__PURE__ */ new Map());
+  const prevSortKeyRef = useRef("");
+  const sort = mapSort(state.sort, sortFieldMap);
+  const sortKey = `${sort?.field}-${sort?.order}-${state.pageSize}-${state.search}`;
+  if (sortKey !== prevSortKeyRef.current) {
+    cursorsRef.current = /* @__PURE__ */ new Map();
+    prevSortKeyRef.current = sortKey;
+  }
+  const next = state.page > 0 ? cursorsRef.current.get(state.page) : void 0;
+  const cursor = {
+    limit: state.pageSize,
+    ...next ? { next } : {}
+  };
+  const processPage = (page) => {
+    if (page?.cursor?.next) {
+      cursorsRef.current.set(state.page + 1, page.cursor.next);
+    }
+    return { hasMore: !!page?.cursor?.next };
+  };
+  return { cursor, sort, processPage };
+};
+
+export { useCursorPagination };
+//# sourceMappingURL=useCursorPagination.esm.js.map

package/dist/hooks/useCursorPagination.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCursorPagination.esm.js","sources":["../../src/hooks/useCursorPagination.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport interface DataListSort {\n  field: string;\n  direction: 'asc' | 'desc';\n}\nexport interface DataListState {\n  search: string;\n  page: number;\n  pageSize: number;\n  sort: DataListSort | null;\n}\n\ninterface PageResult {\n  cursor?: { next?: string | null } | null;\n}\n\nconst mapSort = (\n  sort: DataListSort | null,\n  fieldMap: Record<string, string>,\n): { field: string; order: 'ASC' | 'DESC' } | undefined => {\n  if (!sort) {\n    return undefined;\n  }\n  const field = fieldMap[sort.field];\n  if (!field) {\n    return undefined;\n  }\n  return { field, order: sort.direction === 'asc' ? 'ASC' : 'DESC' };\n};\n\n/**\n * Cursor pagination bridge for DataList's page-index model, ported from the web\n * app. Tracks the next-cursor for each page and resets when sort/pageSize\n * change.\n */\nexport const useCursorPagination = ({\n  state,\n  sortFieldMap = {},\n}: {\n  state: DataListState;\n  sortFieldMap?: Record<string, string>;\n}) => {\n  const cursorsRef = useRef(new Map<number, string>());\n  const prevSortKeyRef = useRef('');\n\n  const sort = mapSort(state.sort, sortFieldMap);\n\n  // Cursors are only valid for the exact query shape that produced them —\n  // reset the map when sort, pageSize, or search change (a cursor from one\n  // filter set is meaningless in another).\n  const sortKey = `${sort?.field}-${sort?.order}-${state.pageSize}-${state.search}`;\n  if (sortKey !== prevSortKeyRef.current) {\n    cursorsRef.current = new Map();\n    prevSortKeyRef.current = sortKey;\n  }\n\n  const next = state.page > 0 ? cursorsRef.current.get(state.page) : undefined;\n  const cursor = {\n    limit: state.pageSize,\n    ...(next ? { next } : {}),\n  };\n\n  const processPage = (page: PageResult | null | undefined) => {\n    if (page?.cursor?.next) {\n      cursorsRef.current.set(state.page + 1, page.cursor.next);\n    }\n    return { hasMore: !!page?.cursor?.next };\n  };\n\n  return { cursor, sort, processPage };\n};\n"],"names":[],"mappings":";;AAiBA,MAAM,OAAA,GAAU,CACd,IAAA,EACA,QAAA,KACyD;AACzD,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,MAAA;AAAA,EACT;AACA,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,IAAA,CAAK,KAAK,CAAA;AACjC,EAAA,IAAI,CAAC,KAAA,EAAO;AACV,IAAA,OAAO,MAAA;AAAA,EACT;AACA,EAAA,OAAO,EAAE,KAAA,EAAO,KAAA,EAAO,KAAK,SAAA,KAAc,KAAA,GAAQ,QAAQ,MAAA,EAAO;AACnE,CAAA;AAOO,MAAM,sBAAsB,CAAC;AAAA,EAClC,KAAA;AAAA,EACA,eAAe;AACjB,CAAA,KAGM;AACJ,EAAA,MAAM,UAAA,GAAa,MAAA,iBAAO,IAAI,GAAA,EAAqB,CAAA;AACnD,EAAA,MAAM,cAAA,GAAiB,OAAO,EAAE,CAAA;AAEhC,EAAA,MAAM,IAAA,GAAO,OAAA,CAAQ,KAAA,CAAM,IAAA,EAAM,YAAY,CAAA;AAK7C,EAAA,MAAM,OAAA,GAAU,CAAA,EAAG,IAAA,EAAM,KAAK,CAAA,CAAA,EAAI,IAAA,EAAM,KAAK,CAAA,CAAA,EAAI,KAAA,CAAM,QAAQ,CAAA,CAAA,EAAI,KAAA,CAAM,MAAM,CAAA,CAAA;AAC/E,EAAA,IAAI,OAAA,KAAY,eAAe,OAAA,EAAS;AACtC,IAAA,UAAA,CAAW,OAAA,uBAAc,GAAA,EAAI;AAC7B,IAAA,cAAA,CAAe,OAAA,GAAU,OAAA;AAAA,EAC3B;AAEA,EAAA,MAAM,IAAA,GAAO,MAAM,IAAA,GAAO,CAAA,GAAI,WAAW,OAAA,CAAQ,GAAA,CAAI,KAAA,CAAM,IAAI,CAAA,GAAI,MAAA;AACnE,EAAA,MAAM,MAAA,GAAS;AAAA,IACb,OAAO,KAAA,CAAM,QAAA;AAAA,IACb,GAAI,IAAA,GAAO,EAAE,IAAA,KAAS;AAAC,GACzB;AAEA,EAAA,MAAM,WAAA,GAAc,CAAC,IAAA,KAAwC;AAC3D,IAAA,IAAI,IAAA,EAAM,QAAQ,IAAA,EAAM;AACtB,MAAA,UAAA,CAAW,QAAQ,GAAA,CAAI,KAAA,CAAM,OAAO,CAAA,EAAG,IAAA,CAAK,OAAO,IAAI,CAAA;AAAA,IACzD;AACA,IAAA,OAAO,EAAE,OAAA,EAAS,CAAC,CAAC,IAAA,EAAM,QAAQ,IAAA,EAAK;AAAA,EACzC,CAAA;AAEA,EAAA,OAAO,EAAE,MAAA,EAAQ,IAAA,EAAM,WAAA,EAAY;AACrC;;;;"}

package/dist/hooks/useMassdriverSubscription.esm.js

@@ -0,0 +1,61 @@
+import { useRef, useEffect } from 'react';
+import { useApi } from '@backstage/frontend-plugin-api';
+import { massdriverApiRef } from '../api.esm.js';
+
+const MAX_BACKOFF_MS = 1e4;
+const backoffDelay = (attempt) => Math.min(1e3 * 2 ** Math.max(0, attempt - 1), MAX_BACKOFF_MS);
+const sleep = (ms, signal) => new Promise((resolve) => {
+  const timer = setTimeout(resolve, ms);
+  signal.addEventListener(
+    "abort",
+    () => {
+      clearTimeout(timer);
+      resolve();
+    },
+    { once: true }
+  );
+});
+const useMassdriverSubscription = (query, variables, {
+  onData,
+  onError,
+  skip
+}) => {
+  const api = useApi(massdriverApiRef);
+  const onDataRef = useRef(onData);
+  const onErrorRef = useRef(onError);
+  onDataRef.current = onData;
+  onErrorRef.current = onError;
+  const variablesKey = JSON.stringify(variables ?? {});
+  useEffect(() => {
+    if (skip) return void 0;
+    const controller = new AbortController();
+    const attempt = { count: 0 };
+    const fatal = { seen: false };
+    const handleData = (data) => {
+      attempt.count = 0;
+      onDataRef.current(data);
+    };
+    const handleError = (error) => {
+      if (error.fatal) fatal.seen = true;
+      onErrorRef.current?.(error);
+    };
+    const run = async () => {
+      while (!controller.signal.aborted) {
+        await api.subscribe(
+          query,
+          variables,
+          { onData: handleData, onError: handleError },
+          controller.signal
+        );
+        if (controller.signal.aborted || fatal.seen) break;
+        attempt.count += 1;
+        await sleep(backoffDelay(attempt.count), controller.signal);
+      }
+    };
+    void run();
+    return () => controller.abort();
+  }, [api, query, variablesKey, skip]);
+};
+
+export { useMassdriverSubscription as default, useMassdriverSubscription };
+//# sourceMappingURL=useMassdriverSubscription.esm.js.map

package/dist/hooks/useMassdriverSubscription.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMassdriverSubscription.esm.js","sources":["../../src/hooks/useMassdriverSubscription.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useApi } from '@backstage/frontend-plugin-api';\nimport { massdriverApiRef, type MassdriverSubscriptionError } from '../api';\n\nconst MAX_BACKOFF_MS = 10_000;\n\nconst backoffDelay = (attempt: number): number =>\n  Math.min(1000 * 2 ** Math.max(0, attempt - 1), MAX_BACKOFF_MS);\n\n// Abortable sleep — resolves after `ms`, or immediately if the signal aborts.\nconst sleep = (ms: number, signal: AbortSignal): Promise<void> =>\n  new Promise<void>(resolve => {\n    const timer = setTimeout(resolve, ms);\n    signal.addEventListener(\n      'abort',\n      () => {\n        clearTimeout(timer);\n        resolve();\n      },\n      { once: true },\n    );\n  });\n\n/**\n * Subscribe to a Massdriver GraphQL subscription through the backend SSE relay.\n *\n * Opens one SSE stream per (query, variables) and re-subscribes when they\n * change. `onData` / `onError` are held in refs so passing fresh inline\n * callbacks each render does not tear the stream down. If the stream ends\n * (server close or transport error) it reconnects with exponential backoff\n * — a healthy message resets the backoff. Aborted on unmount / when `skip`\n * flips true.\n */\nexport const useMassdriverSubscription = <T = unknown>(\n  query: string,\n  variables: Record<string, unknown> | undefined,\n  {\n    onData,\n    onError,\n    skip,\n  }: {\n    onData: (data: T) => void;\n    onError?: (error: Error) => void;\n    skip?: boolean;\n  },\n) => {\n  const api = useApi(massdriverApiRef);\n  const onDataRef = useRef(onData);\n  const onErrorRef = useRef(onError);\n  onDataRef.current = onData;\n  onErrorRef.current = onError;\n\n  const variablesKey = JSON.stringify(variables ?? {});\n\n  useEffect(() => {\n    if (skip) return undefined;\n    const controller = new AbortController();\n    const attempt = { count: 0 };\n    // Fatal errors (auth/validation — see MassdriverSubscriptionError) can't\n    // heal on retry; stop the loop instead of reconnecting forever.\n    const fatal = { seen: false };\n\n    const handleData = (data: T) => {\n      attempt.count = 0; // healthy stream → reset backoff\n      onDataRef.current(data);\n    };\n    const handleError = (error: MassdriverSubscriptionError) => {\n      if (error.fatal) fatal.seen = true;\n      onErrorRef.current?.(error);\n    };\n\n    const run = async () => {\n      while (!controller.signal.aborted) {\n        await api.subscribe<T>(\n          query,\n          variables,\n          { onData: handleData, onError: handleError },\n          controller.signal,\n        );\n        if (controller.signal.aborted || fatal.seen) break;\n        attempt.count += 1;\n        await sleep(backoffDelay(attempt.count), controller.signal);\n      }\n    };\n\n    void run();\n    return () => controller.abort();\n    // `variables` is compared by value via `variablesKey`.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [api, query, variablesKey, skip]);\n};\n\nexport default useMassdriverSubscription;\n"],"names":[],"mappings":";;;;AAIA,MAAM,cAAA,GAAiB,GAAA;AAEvB,MAAM,YAAA,GAAe,CAAC,OAAA,KACpB,IAAA,CAAK,GAAA,CAAI,GAAA,GAAO,CAAA,IAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,OAAA,GAAU,CAAC,GAAG,cAAc,CAAA;AAG/D,MAAM,QAAQ,CAAC,EAAA,EAAY,MAAA,KACzB,IAAI,QAAc,CAAA,OAAA,KAAW;AAC3B,EAAA,MAAM,KAAA,GAAQ,UAAA,CAAW,OAAA,EAAS,EAAE,CAAA;AACpC,EAAA,MAAA,CAAO,gBAAA;AAAA,IACL,OAAA;AAAA,IACA,MAAM;AACJ,MAAA,YAAA,CAAa,KAAK,CAAA;AAClB,MAAA,OAAA,EAAQ;AAAA,IACV,CAAA;AAAA,IACA,EAAE,MAAM,IAAA;AAAK,GACf;AACF,CAAC,CAAA;AAYI,MAAM,yBAAA,GAA4B,CACvC,KAAA,EACA,SAAA,EACA;AAAA,EACE,MAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,KAKG;AACH,EAAA,MAAM,GAAA,GAAM,OAAO,gBAAgB,CAAA;AACnC,EAAA,MAAM,SAAA,GAAY,OAAO,MAAM,CAAA;AAC/B,EAAA,MAAM,UAAA,GAAa,OAAO,OAAO,CAAA;AACjC,EAAA,SAAA,CAAU,OAAA,GAAU,MAAA;AACpB,EAAA,UAAA,CAAW,OAAA,GAAU,OAAA;AAErB,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,SAAA,CAAU,SAAA,IAAa,EAAE,CAAA;AAEnD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,MAAM,OAAO,MAAA;AACjB,IAAA,MAAM,UAAA,GAAa,IAAI,eAAA,EAAgB;AACvC,IAAA,MAAM,OAAA,GAAU,EAAE,KAAA,EAAO,CAAA,EAAE;AAG3B,IAAA,MAAM,KAAA,GAAQ,EAAE,IAAA,EAAM,KAAA,EAAM;AAE5B,IAAA,MAAM,UAAA,GAAa,CAAC,IAAA,KAAY;AAC9B,MAAA,OAAA,CAAQ,KAAA,GAAQ,CAAA;AAChB,MAAA,SAAA,CAAU,QAAQ,IAAI,CAAA;AAAA,IACxB,CAAA;AACA,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAuC;AAC1D,MAAA,IAAI,KAAA,CAAM,KAAA,EAAO,KAAA,CAAM,IAAA,GAAO,IAAA;AAC9B,MAAA,UAAA,CAAW,UAAU,KAAK,CAAA;AAAA,IAC5B,CAAA;AAEA,IAAA,MAAM,MAAM,YAAY;AACtB,MAAA,OAAO,CAAC,UAAA,CAAW,MAAA,CAAO,OAAA,EAAS;AACjC,QAAA,MAAM,GAAA,CAAI,SAAA;AAAA,UACR,KAAA;AAAA,UACA,SAAA;AAAA,UACA,EAAE,MAAA,EAAQ,UAAA,EAAY,OAAA,EAAS,WAAA,EAAY;AAAA,UAC3C,UAAA,CAAW;AAAA,SACb;AACA,QAAA,IAAI,UAAA,CAAW,MAAA,CAAO,OAAA,IAAW,KAAA,CAAM,IAAA,EAAM;AAC7C,QAAA,OAAA,CAAQ,KAAA,IAAS,CAAA;AACjB,QAAA,MAAM,MAAM,YAAA,CAAa,OAAA,CAAQ,KAAK,CAAA,EAAG,WAAW,MAAM,CAAA;AAAA,MAC5D;AAAA,IACF,CAAA;AAEA,IAAA,KAAK,GAAA,EAAI;AACT,IAAA,OAAO,MAAM,WAAW,KAAA,EAAM;AAAA,EAGhC,GAAG,CAAC,GAAA,EAAK,KAAA,EAAO,YAAA,EAAc,IAAI,CAAC,CAAA;AACrC;;;;"}