@massdriver/backstage-plugin 1.0.0

package/dist/components/VersionBadge.esm.js

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { alpha } from '@massdriver/ui/theme';
+import Box from '@massdriver/ui/Box';
+import Tooltip from '@massdriver/ui/Tooltip';
+import LockIcon from '@massdriver/ui/icons/LockIcon';
+import stylin from '@massdriver/ui/stylin';
+
+const SEMVER_RE = /^\d+\.\d+\.\d+(?:[-+].+)?$/;
+const isPinnedVersion = (version) => Boolean(version && SEMVER_RE.test(version));
+const VersionBadge = ({
+  version,
+  showPinnedWarning,
+  className
+}) => {
+  const pinned = isPinnedVersion(version);
+  const showWarning = Boolean(showPinnedWarning) && pinned;
+  const displayVersion = pinned ? `v${version}` : version;
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      arrow: true,
+      enterDelay: 600,
+      enterNextDelay: 600,
+      title: showWarning ? "This instance's version is pinned and won't update automatically. Consider using a release channel to keep it current." : "",
+      children: /* @__PURE__ */ jsxs(BadgeRoot, { pinned, className, children: [
+        pinned && /* @__PURE__ */ jsx(PinnedIcon, {}),
+        /* @__PURE__ */ jsx(VersionText, { children: displayVersion })
+      ] })
+    }
+  );
+};
+const BadgeRoot = stylin(Box, ["pinned"])(
+  ({ theme, pinned }) => ({
+    display: "inline-flex",
+    alignItems: "center",
+    gap: theme.spacing(0.5),
+    padding: theme.spacing(0.25, 0.75),
+    borderRadius: 1,
+    lineHeight: 1,
+    backgroundColor: pinned ? alpha(theme.palette.warning.main, 0.12) : theme.palette.background.field,
+    color: pinned ? theme.palette.warning.main : theme.palette.text.secondary,
+    border: `1px solid ${pinned ? alpha(theme.palette.warning.main, 0.3) : theme.palette.divider}`
+  })
+);
+const PinnedIcon = stylin(LockIcon)({
+  fontSize: 12
+});
+const VersionText = stylin("span")(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(12),
+  fontWeight: 500,
+  color: "inherit",
+  lineHeight: 1,
+  fontFamily: theme.typography.fontFamilyMono
+}));
+
+export { VersionBadge as default };
+//# sourceMappingURL=VersionBadge.esm.js.map

package/dist/components/VersionBadge.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionBadge.esm.js","sources":["../../src/components/VersionBadge.tsx"],"sourcesContent":["import { alpha } from '@massdriver/ui/theme';\nimport Box from '@massdriver/ui/Box';\nimport Tooltip from '@massdriver/ui/Tooltip';\nimport LockIcon from '@massdriver/ui/icons/LockIcon';\nimport stylin from '@massdriver/ui/stylin';\n\n// A pinned version is a concrete semver (e.g. \"1.2.3\"); release-channel names\n// (e.g. \"latest\", \"stable\") are not. Inlined to avoid a `semver` dependency.\nconst SEMVER_RE = /^\\d+\\.\\d+\\.\\d+(?:[-+].+)?$/;\nconst isPinnedVersion = (version?: string | null): boolean =>\n  Boolean(version && SEMVER_RE.test(version));\n\n/** Version chip with a pinned-version lock warning. Read-only port. */\nconst VersionBadge = ({\n  version,\n  showPinnedWarning,\n  className,\n}: {\n  version?: string | null;\n  showPinnedWarning?: boolean;\n  className?: string;\n}) => {\n  const pinned = isPinnedVersion(version);\n  const showWarning = Boolean(showPinnedWarning) && pinned;\n  const displayVersion = pinned ? `v${version}` : version;\n\n  return (\n    <Tooltip\n      arrow\n      enterDelay={600}\n      enterNextDelay={600}\n      title={\n        showWarning\n          ? \"This instance's version is pinned and won't update automatically. Consider using a release channel to keep it current.\"\n          : ''\n      }\n    >\n      <BadgeRoot pinned={pinned} className={className}>\n        {pinned && <PinnedIcon />}\n        <VersionText>{displayVersion}</VersionText>\n      </BadgeRoot>\n    </Tooltip>\n  );\n};\n\nconst BadgeRoot = stylin(Box, ['pinned'])(\n  ({ theme, pinned }: { theme: any; pinned: boolean }) => ({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    padding: theme.spacing(0.25, 0.75),\n    borderRadius: 1,\n    lineHeight: 1,\n    backgroundColor: pinned\n      ? alpha(theme.palette.warning.main, 0.12)\n      : theme.palette.background.field,\n    color: pinned ? theme.palette.warning.main : theme.palette.text.secondary,\n    border: `1px solid ${\n      pinned ? alpha(theme.palette.warning.main, 0.3) : theme.palette.divider\n    }`,\n  }),\n);\n\nconst PinnedIcon = stylin(LockIcon)({\n  fontSize: 12,\n});\n\nconst VersionText = stylin('span')(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(12),\n  fontWeight: 500,\n  color: 'inherit',\n  lineHeight: 1,\n  fontFamily: theme.typography.fontFamilyMono,\n}));\n\nexport default VersionBadge;\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,SAAA,GAAY,4BAAA;AAClB,MAAM,eAAA,GAAkB,CAAC,OAAA,KACvB,OAAA,CAAQ,WAAW,SAAA,CAAU,IAAA,CAAK,OAAO,CAAC,CAAA;AAG5C,MAAM,eAAe,CAAC;AAAA,EACpB,OAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAAA,KAIM;AACJ,EAAA,MAAM,MAAA,GAAS,gBAAgB,OAAO,CAAA;AACtC,EAAA,MAAM,WAAA,GAAc,OAAA,CAAQ,iBAAiB,CAAA,IAAK,MAAA;AAClD,EAAA,MAAM,cAAA,GAAiB,MAAA,GAAS,CAAA,CAAA,EAAI,OAAO,CAAA,CAAA,GAAK,OAAA;AAEhD,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAK,IAAA;AAAA,MACL,UAAA,EAAY,GAAA;AAAA,MACZ,cAAA,EAAgB,GAAA;AAAA,MAChB,KAAA,EACE,cACI,wHAAA,GACA,EAAA;AAAA,MAGN,QAAA,kBAAA,IAAA,CAAC,SAAA,EAAA,EAAU,MAAA,EAAgB,SAAA,EACxB,QAAA,EAAA;AAAA,QAAA,MAAA,wBAAW,UAAA,EAAA,EAAW,CAAA;AAAA,wBACvB,GAAA,CAAC,eAAa,QAAA,EAAA,cAAA,EAAe;AAAA,OAAA,EAC/B;AAAA;AAAA,GACF;AAEJ;AAEA,MAAM,SAAA,GAAY,MAAA,CAAO,GAAA,EAAK,CAAC,QAAQ,CAAC,CAAA;AAAA,EACtC,CAAC,EAAE,KAAA,EAAO,MAAA,EAAO,MAAwC;AAAA,IACvD,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,IACtB,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,IAAA,EAAM,IAAI,CAAA;AAAA,IACjC,YAAA,EAAc,CAAA;AAAA,IACd,UAAA,EAAY,CAAA;AAAA,IACZ,eAAA,EAAiB,MAAA,GACb,KAAA,CAAM,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ,IAAA,EAAM,IAAI,CAAA,GACtC,KAAA,CAAM,OAAA,CAAQ,UAAA,CAAW,KAAA;AAAA,IAC7B,KAAA,EAAO,SAAS,KAAA,CAAM,OAAA,CAAQ,QAAQ,IAAA,GAAO,KAAA,CAAM,QAAQ,IAAA,CAAK,SAAA;AAAA,IAChE,MAAA,EAAQ,CAAA,UAAA,EACN,MAAA,GAAS,KAAA,CAAM,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ,IAAA,EAAM,GAAG,CAAA,GAAI,KAAA,CAAM,OAAA,CAAQ,OAClE,CAAA;AAAA,GACF;AACF,CAAA;AAEA,MAAM,UAAA,GAAa,MAAA,CAAO,QAAQ,CAAA,CAAE;AAAA,EAClC,QAAA,EAAU;AACZ,CAAC,CAAA;AAED,MAAM,cAAc,MAAA,CAAO,MAAM,EAAE,CAAC,EAAE,OAAM,MAAuB;AAAA,EACjE,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,OAAA,CAAQ,EAAE,CAAA;AAAA,EACrC,UAAA,EAAY,GAAA;AAAA,EACZ,KAAA,EAAO,SAAA;AAAA,EACP,UAAA,EAAY,CAAA;AAAA,EACZ,UAAA,EAAY,MAAM,UAAA,CAAW;AAC/B,CAAA,CAAE,CAAA;;;;"}

package/dist/components/grantColumns.esm.js

@@ -0,0 +1,56 @@
+import { jsx } from 'react/jsx-runtime';
+import { col } from '@massdriver/ui/DataList';
+import DeleteOutlineIcon from '@massdriver/ui/icons/DeleteOutlineIcon';
+import { ConditionsCell } from './ConditionsCell.esm.js';
+
+const dateFormatter = new Intl.DateTimeFormat(void 0, {
+  year: "numeric",
+  month: "short",
+  day: "numeric",
+  timeZone: "UTC"
+});
+const formatGrantCreatedAt = (value) => {
+  if (!value) return "--";
+  const date = new Date(value);
+  return Number.isNaN(date.getTime()) ? "--" : dateFormatter.format(date);
+};
+const mapGrantToRow = (grant) => ({
+  id: grant.id,
+  action: grant.action,
+  recipientConditions: grant.recipientConditions,
+  createdAt: formatGrantCreatedAt(grant.createdAt)
+});
+const renderRecipientsCell = (_value, row) => /* @__PURE__ */ jsx(ConditionsCell, { conditions: row.recipientConditions });
+const buildGrantColumns = ({
+  manageUrl
+}) => [
+  col.text("action", "Action", {
+    flex: 1,
+    minWidth: 140,
+    sortable: false
+  }),
+  col.custom("recipientConditions", "Recipients", renderRecipientsCell, {
+    flex: 3,
+    minWidth: 240,
+    sortable: false,
+    searchable: false
+  }),
+  col.text("createdAt", "Created", {
+    flex: 1,
+    minWidth: 140,
+    sortable: false
+  }),
+  col.actions([
+    {
+      icon: /* @__PURE__ */ jsx(DeleteOutlineIcon, { fontSize: "small" }),
+      tooltip: "Remove in Massdriver",
+      href: () => manageUrl,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      color: "error"
+    }
+  ])
+];
+
+export { buildGrantColumns, formatGrantCreatedAt, mapGrantToRow };
+//# sourceMappingURL=grantColumns.esm.js.map

package/dist/components/grantColumns.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grantColumns.esm.js","sources":["../../src/components/grantColumns.tsx"],"sourcesContent":["import { col } from '@massdriver/ui/DataList';\nimport DeleteOutlineIcon from '@massdriver/ui/icons/DeleteOutlineIcon';\nimport { ConditionsCell } from './ConditionsCell';\n\n// Ported from apps/web/shared/grants/permissionColumns.js. The web app's\n// Remove action mutates, so here it deep-links out to the entity's Permissions\n// tab in the Massdriver web app instead (read-only parity: clear mutation\n// buttons link out rather than rendering disabled).\n\nconst dateFormatter = new Intl.DateTimeFormat(undefined, {\n  year: 'numeric',\n  month: 'short',\n  day: 'numeric',\n  timeZone: 'UTC',\n});\n\nexport const formatGrantCreatedAt = (value: string | null | undefined) => {\n  if (!value) return '--';\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? '--' : dateFormatter.format(date);\n};\n\n/** A grant as returned by the API's `grants { items }` selections. */\nexport interface Grant {\n  id: string;\n  action: string;\n  recipientConditions?: unknown;\n  createdAt?: string | null;\n}\n\nexport interface GrantRow {\n  id: string;\n  action: string;\n  recipientConditions?: unknown;\n  createdAt: string;\n}\n\nexport const mapGrantToRow = (grant: Grant): GrantRow => ({\n  id: grant.id,\n  action: grant.action,\n  recipientConditions: grant.recipientConditions,\n  createdAt: formatGrantCreatedAt(grant.createdAt),\n});\n\nconst renderRecipientsCell = (_value: unknown, row: GrantRow) => (\n  <ConditionsCell conditions={row.recipientConditions} />\n);\n\nexport const buildGrantColumns = ({\n  manageUrl,\n}: {\n  /** Web-app URL of the entity's Permissions tab, where grants are removed. */\n  manageUrl: string;\n}) => [\n  col.text('action', 'Action', {\n    flex: 1,\n    minWidth: 140,\n    sortable: false,\n  }),\n  col.custom('recipientConditions', 'Recipients', renderRecipientsCell, {\n    flex: 3,\n    minWidth: 240,\n    sortable: false,\n    searchable: false,\n  }),\n  col.text('createdAt', 'Created', {\n    flex: 1,\n    minWidth: 140,\n    sortable: false,\n  }),\n  col.actions([\n    {\n      icon: <DeleteOutlineIcon fontSize=\"small\" />,\n      tooltip: 'Remove in Massdriver',\n      href: () => manageUrl,\n      target: '_blank',\n      rel: 'noopener noreferrer',\n      color: 'error',\n    },\n  ]),\n];\n"],"names":[],"mappings":";;;;;AASA,MAAM,aAAA,GAAgB,IAAI,IAAA,CAAK,cAAA,CAAe,MAAA,EAAW;AAAA,EACvD,IAAA,EAAM,SAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,GAAA,EAAK,SAAA;AAAA,EACL,QAAA,EAAU;AACZ,CAAC,CAAA;AAEM,MAAM,oBAAA,GAAuB,CAAC,KAAA,KAAqC;AACxE,EAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,EAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,KAAK,CAAA;AAC3B,EAAA,OAAO,MAAA,CAAO,MAAM,IAAA,CAAK,OAAA,EAAS,CAAA,GAAI,IAAA,GAAO,aAAA,CAAc,MAAA,CAAO,IAAI,CAAA;AACxE;AAiBO,MAAM,aAAA,GAAgB,CAAC,KAAA,MAA4B;AAAA,EACxD,IAAI,KAAA,CAAM,EAAA;AAAA,EACV,QAAQ,KAAA,CAAM,MAAA;AAAA,EACd,qBAAqB,KAAA,CAAM,mBAAA;AAAA,EAC3B,SAAA,EAAW,oBAAA,CAAqB,KAAA,CAAM,SAAS;AACjD,CAAA;AAEA,MAAM,oBAAA,GAAuB,CAAC,MAAA,EAAiB,GAAA,yBAC5C,cAAA,EAAA,EAAe,UAAA,EAAY,IAAI,mBAAA,EAAqB,CAAA;AAGhD,MAAM,oBAAoB,CAAC;AAAA,EAChC;AACF,CAAA,KAGM;AAAA,EACJ,GAAA,CAAI,IAAA,CAAK,QAAA,EAAU,QAAA,EAAU;AAAA,IAC3B,IAAA,EAAM,CAAA;AAAA,IACN,QAAA,EAAU,GAAA;AAAA,IACV,QAAA,EAAU;AAAA,GACX,CAAA;AAAA,EACD,GAAA,CAAI,MAAA,CAAO,qBAAA,EAAuB,YAAA,EAAc,oBAAA,EAAsB;AAAA,IACpE,IAAA,EAAM,CAAA;AAAA,IACN,QAAA,EAAU,GAAA;AAAA,IACV,QAAA,EAAU,KAAA;AAAA,IACV,UAAA,EAAY;AAAA,GACb,CAAA;AAAA,EACD,GAAA,CAAI,IAAA,CAAK,WAAA,EAAa,SAAA,EAAW;AAAA,IAC/B,IAAA,EAAM,CAAA;AAAA,IACN,QAAA,EAAU,GAAA;AAAA,IACV,QAAA,EAAU;AAAA,GACX,CAAA;AAAA,EACD,IAAI,OAAA,CAAQ;AAAA,IACV;AAAA,MACE,IAAA,kBAAM,GAAA,CAAC,iBAAA,EAAA,EAAkB,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,MAC1C,OAAA,EAAS,sBAAA;AAAA,MACT,MAAM,MAAM,SAAA;AAAA,MACZ,MAAA,EAAQ,QAAA;AAAA,MACR,GAAA,EAAK,qBAAA;AAAA,MACL,KAAA,EAAO;AAAA;AACT,GACD;AACH;;;;"}

package/dist/components/icons/BundleIcon.esm.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+import SvgIcon from '@material-ui/core/SvgIcon';
+
+const BundleIcon = (props) => /* @__PURE__ */ jsx(SvgIcon, { viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("path", { d: "M18.961 6.828l-6.961 4.027-6.961-4.027 6.456-3.689c0.112-0.064 0.232-0.105 0.355-0.124 0.218-0.034 0.445 0.003 0.654 0.124zM11.526 22.961c0.141 0.076 0.303 0.119 0.474 0.119 0.173 0 0.336-0.044 0.478-0.121 0.356-0.058 0.701-0.18 1.017-0.36l7.001-4.001c0.618-0.357 1.060-0.897 1.299-1.514 0.133-0.342 0.202-0.707 0.205-1.084v-8c0-0.478-0.113-0.931-0.314-1.334-0.022-0.071-0.052-0.14-0.091-0.207-0.046-0.079-0.1-0.149-0.162-0.21-0.031-0.043-0.064-0.086-0.097-0.127-0.23-0.286-0.512-0.528-0.831-0.715l-7.009-4.005c-0.61-0.352-1.3-0.465-1.954-0.364-0.363 0.057-0.715 0.179-1.037 0.363l-7.001 4.001c-0.383 0.221-0.699 0.513-0.941 0.85-0.060 0.060-0.114 0.13-0.159 0.207-0.039 0.068-0.070 0.138-0.092 0.21-0.040 0.080-0.076 0.163-0.108 0.246-0.132 0.343-0.201 0.708-0.204 1.078v8.007c0.001 0.71 0.248 1.363 0.664 1.878 0.23 0.286 0.512 0.528 0.831 0.715l7.009 4.005c0.324 0.187 0.67 0.307 1.022 0.362zM11 12.587v7.991l-6.495-3.711c-0.111-0.065-0.207-0.148-0.285-0.245-0.139-0.172-0.22-0.386-0.22-0.622v-7.462zM13 20.578v-7.991l7-4.049v7.462c-0.001 0.121-0.025 0.246-0.070 0.362-0.080 0.206-0.225 0.384-0.426 0.5z" }) });
+
+export { BundleIcon };
+//# sourceMappingURL=BundleIcon.esm.js.map

package/dist/components/icons/BundleIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BundleIcon.esm.js","sources":["../../../src/components/icons/BundleIcon.tsx"],"sourcesContent":["import SvgIcon, { SvgIconProps } from '@material-ui/core/SvgIcon';\n\n// Local copy of @massdriver/ui/icons/BundleIcon rendered with MUI v4 SvgIcon.\n// This icon is reachable from the package root (via MassdriverSidebarItem),\n// which Backstage `require()`s eagerly at app boot — importing it from\n// `@massdriver/ui` would pull the whole `@mui/material` barrel into the boot\n// graph and freeze v5 class-name constants before Backstage configures its\n// `v5-` prefix (see .claude/rules/styling-and-theme.md).\nexport const BundleIcon = (props: SvgIconProps) => (\n  <SvgIcon viewBox=\"0 0 24 24\" {...props}>\n    <path d=\"M18.961 6.828l-6.961 4.027-6.961-4.027 6.456-3.689c0.112-0.064 0.232-0.105 0.355-0.124 0.218-0.034 0.445 0.003 0.654 0.124zM11.526 22.961c0.141 0.076 0.303 0.119 0.474 0.119 0.173 0 0.336-0.044 0.478-0.121 0.356-0.058 0.701-0.18 1.017-0.36l7.001-4.001c0.618-0.357 1.060-0.897 1.299-1.514 0.133-0.342 0.202-0.707 0.205-1.084v-8c0-0.478-0.113-0.931-0.314-1.334-0.022-0.071-0.052-0.14-0.091-0.207-0.046-0.079-0.1-0.149-0.162-0.21-0.031-0.043-0.064-0.086-0.097-0.127-0.23-0.286-0.512-0.528-0.831-0.715l-7.009-4.005c-0.61-0.352-1.3-0.465-1.954-0.364-0.363 0.057-0.715 0.179-1.037 0.363l-7.001 4.001c-0.383 0.221-0.699 0.513-0.941 0.85-0.060 0.060-0.114 0.13-0.159 0.207-0.039 0.068-0.070 0.138-0.092 0.21-0.040 0.080-0.076 0.163-0.108 0.246-0.132 0.343-0.201 0.708-0.204 1.078v8.007c0.001 0.71 0.248 1.363 0.664 1.878 0.23 0.286 0.512 0.528 0.831 0.715l7.009 4.005c0.324 0.187 0.67 0.307 1.022 0.362zM11 12.587v7.991l-6.495-3.711c-0.111-0.065-0.207-0.148-0.285-0.245-0.139-0.172-0.22-0.386-0.22-0.622v-7.462zM13 20.578v-7.991l7-4.049v7.462c-0.001 0.121-0.025 0.246-0.070 0.362-0.080 0.206-0.225 0.384-0.426 0.5z\" />\n  </SvgIcon>\n);\n"],"names":[],"mappings":";;;AAQO,MAAM,UAAA,GAAa,CAAC,KAAA,qBACzB,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC/B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,slCAAqlC,CAAA,EAC/lC;;;;"}

package/dist/components/icons/FolderOutlinedIcon.esm.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+import SvgIcon from '@material-ui/core/SvgIcon';
+
+const FolderOutlinedIcon = (props) => /* @__PURE__ */ jsx(SvgIcon, { viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("path", { d: "m9.17 6 2 2H20v10H4V6zM10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8z" }) });
+
+export { FolderOutlinedIcon };
+//# sourceMappingURL=FolderOutlinedIcon.esm.js.map

package/dist/components/icons/FolderOutlinedIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderOutlinedIcon.esm.js","sources":["../../../src/components/icons/FolderOutlinedIcon.tsx"],"sourcesContent":["import SvgIcon, { SvgIconProps } from '@material-ui/core/SvgIcon';\n\n// Local copy of @mui/icons-material FolderOutlined (what\n// @massdriver/ui/icons/FolderOutlinedIcon re-exports), rendered with MUI v4\n// SvgIcon so the eagerly-required package root never evaluates @mui/material.\n// See BundleIcon.tsx for the full rationale.\nexport const FolderOutlinedIcon = (props: SvgIconProps) => (\n  <SvgIcon viewBox=\"0 0 24 24\" {...props}>\n    <path d=\"m9.17 6 2 2H20v10H4V6zM10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8z\" />\n  </SvgIcon>\n);\n"],"names":[],"mappings":";;;AAMO,MAAM,kBAAA,GAAqB,CAAC,KAAA,qBACjC,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC/B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gHAA+G,CAAA,EACzH;;;;"}

package/dist/components/icons/TokenIcon.esm.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+import SvgIcon from '@material-ui/core/SvgIcon';
+
+const TokenIcon = (props) => /* @__PURE__ */ jsx(SvgIcon, { viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("path", { d: "M19.97 6.43 12 2 4.03 6.43 9.1 9.24C9.83 8.48 10.86 8 12 8s2.17.48 2.9 1.24zM10 12c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2m1 9.44L3 17V8.14l5.13 2.85c-.09.32-.13.66-.13 1.01 0 1.86 1.27 3.43 3 3.87zm2 0v-5.57c1.73-.44 3-2.01 3-3.87 0-.35-.04-.69-.13-1.01L21 8.14V17z" }) });
+
+export { TokenIcon };
+//# sourceMappingURL=TokenIcon.esm.js.map

package/dist/components/icons/TokenIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenIcon.esm.js","sources":["../../../src/components/icons/TokenIcon.tsx"],"sourcesContent":["import SvgIcon, { SvgIconProps } from '@material-ui/core/SvgIcon';\n\n// Local copy of @mui/icons-material Token (what @massdriver/ui/icons/TokenIcon\n// re-exports), rendered with MUI v4 SvgIcon so the eagerly-required package\n// root never evaluates @mui/material. See BundleIcon.tsx for the full\n// rationale.\nexport const TokenIcon = (props: SvgIconProps) => (\n  <SvgIcon viewBox=\"0 0 24 24\" {...props}>\n    <path d=\"M19.97 6.43 12 2 4.03 6.43 9.1 9.24C9.83 8.48 10.86 8 12 8s2.17.48 2.9 1.24zM10 12c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2m1 9.44L3 17V8.14l5.13 2.85c-.09.32-.13.66-.13 1.01 0 1.86 1.27 3.43 3 3.87zm2 0v-5.57c1.73-.44 3-2.01 3-3.87 0-.35-.04-.69-.13-1.01L21 8.14V17z\" />\n  </SvgIcon>\n);\n"],"names":[],"mappings":";;;AAMO,MAAM,SAAA,GAAY,CAAC,KAAA,qBACxB,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC/B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+QAA8Q,CAAA,EACxR;;;;"}

package/dist/entity.esm.js

@@ -0,0 +1,23 @@
+import { ANNOTATION_INSTANCE_ID, ANNOTATION_ORG_ID, ANNOTATION_ENVIRONMENT_ID, ANNOTATION_PROJECT_ID } from '@massdriver/backstage-plugin-common';
+
+const annotation = (entity, key) => entity.metadata.annotations?.[key];
+const getMassdriverScope = (entity) => {
+  const orgId = annotation(entity, ANNOTATION_ORG_ID);
+  const instanceId = annotation(entity, ANNOTATION_INSTANCE_ID);
+  if (instanceId) {
+    return { kind: "instance", instanceId, orgId };
+  }
+  const environmentId = annotation(entity, ANNOTATION_ENVIRONMENT_ID);
+  if (environmentId) {
+    return { kind: "environment", environmentId, orgId };
+  }
+  const projectId = annotation(entity, ANNOTATION_PROJECT_ID);
+  if (projectId) {
+    return { kind: "project", projectId, orgId };
+  }
+  return void 0;
+};
+const isMassdriverEntity = (entity) => Boolean(getMassdriverScope(entity));
+
+export { getMassdriverScope, isMassdriverEntity };
+//# sourceMappingURL=entity.esm.js.map

package/dist/entity.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity.esm.js","sources":["../src/entity.ts"],"sourcesContent":["import { Entity } from '@backstage/catalog-model';\nimport {\n  ANNOTATION_ENVIRONMENT_ID,\n  ANNOTATION_INSTANCE_ID,\n  ANNOTATION_ORG_ID,\n  ANNOTATION_PROJECT_ID,\n} from '@massdriver/backstage-plugin-common';\n\n/** The Massdriver resource an entity maps to. */\nexport type MassdriverScope =\n  | { kind: 'project'; projectId: string; orgId?: string }\n  | { kind: 'environment'; environmentId: string; orgId?: string }\n  | { kind: 'instance'; instanceId: string; orgId?: string };\n\nconst annotation = (entity: Entity, key: string): string | undefined =>\n  entity.metadata.annotations?.[key];\n\n/**\n * Resolve which Massdriver resource an entity represents from its annotations.\n * Instance is most specific, then environment, then project.\n */\nexport const getMassdriverScope = (\n  entity: Entity,\n): MassdriverScope | undefined => {\n  const orgId = annotation(entity, ANNOTATION_ORG_ID);\n  const instanceId = annotation(entity, ANNOTATION_INSTANCE_ID);\n  if (instanceId) {\n    return { kind: 'instance', instanceId, orgId };\n  }\n  const environmentId = annotation(entity, ANNOTATION_ENVIRONMENT_ID);\n  if (environmentId) {\n    return { kind: 'environment', environmentId, orgId };\n  }\n  const projectId = annotation(entity, ANNOTATION_PROJECT_ID);\n  if (projectId) {\n    return { kind: 'project', projectId, orgId };\n  }\n  return undefined;\n};\n\n/** True when the entity carries any Massdriver annotation. */\nexport const isMassdriverEntity = (entity: Entity): boolean =>\n  Boolean(getMassdriverScope(entity));\n"],"names":[],"mappings":";;AAcA,MAAM,aAAa,CAAC,MAAA,EAAgB,QAClC,MAAA,CAAO,QAAA,CAAS,cAAc,GAAG,CAAA;AAM5B,MAAM,kBAAA,GAAqB,CAChC,MAAA,KACgC;AAChC,EAAA,MAAM,KAAA,GAAQ,UAAA,CAAW,MAAA,EAAQ,iBAAiB,CAAA;AAClD,EAAA,MAAM,UAAA,GAAa,UAAA,CAAW,MAAA,EAAQ,sBAAsB,CAAA;AAC5D,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,OAAO,EAAE,IAAA,EAAM,UAAA,EAAY,UAAA,EAAY,KAAA,EAAM;AAAA,EAC/C;AACA,EAAA,MAAM,aAAA,GAAgB,UAAA,CAAW,MAAA,EAAQ,yBAAyB,CAAA;AAClE,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,OAAO,EAAE,IAAA,EAAM,aAAA,EAAe,aAAA,EAAe,KAAA,EAAM;AAAA,EACrD;AACA,EAAA,MAAM,SAAA,GAAY,UAAA,CAAW,MAAA,EAAQ,qBAAqB,CAAA;AAC1D,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,OAAO,EAAE,IAAA,EAAM,SAAA,EAAW,SAAA,EAAW,KAAA,EAAM;AAAA,EAC7C;AACA,EAAA,OAAO,MAAA;AACT;AAGO,MAAM,qBAAqB,CAAC,MAAA,KACjC,OAAA,CAAQ,kBAAA,CAAmB,MAAM,CAAC;;;;"}

package/dist/features/environment/CompareDeploymentsDialog/CompareDeploymentsDialog.esm.js

@@ -0,0 +1,115 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect, useMemo } from 'react';
+import { useApi } from '@backstage/frontend-plugin-api';
+import useAsync from 'react-use/esm/useAsync';
+import { Dialog, DialogTitle, DialogActions, DialogContent } from '@massdriver/ui/Dialog';
+import Box from '@massdriver/ui/Box';
+import Button from '@massdriver/ui/Button';
+import Alert from '@massdriver/ui/Alert';
+import LoadingIndicator from '@massdriver/ui/LoadingIndicator';
+import stylin from '@massdriver/ui/stylin';
+import { massdriverApiRef } from '../../../api.esm.js';
+import { SelectStep } from './SelectStep.esm.js';
+import { ResultsStep } from './ResultsStep.esm.js';
+import flattenDeploymentComparison from './flattenDeploymentComparison.esm.js';
+import { DEPLOYMENTS_BY_INSTANCE_QUERY, COMPARE_DEPLOYMENTS_QUERY } from './queries.esm.js';
+
+const CompareDeploymentsDialog = ({
+  open,
+  onClose,
+  instanceId
+}) => {
+  const api = useApi(massdriverApiRef);
+  const [step, setStep] = useState("select");
+  const [source, setSource] = useState(null);
+  const [target, setTarget] = useState(null);
+  useEffect(() => {
+    if (open) {
+      setSource(null);
+      setTarget(null);
+      setStep("select");
+    }
+  }, [open]);
+  const deploymentsAsync = useAsync(async () => {
+    if (!open || !instanceId) return [];
+    const data = await api.query(DEPLOYMENTS_BY_INSTANCE_QUERY, {
+      filter: { instanceId: { eq: instanceId } }
+    });
+    return (data.deployments?.items ?? []).filter(Boolean);
+  }, [api, open, instanceId]);
+  const deployments = useMemo(
+    () => deploymentsAsync.value ?? [],
+    [deploymentsAsync.value]
+  );
+  const positionMap = useMemo(() => {
+    const ascending = [...deployments].sort(
+      (left, right) => String(left.createdAt ?? "").localeCompare(String(right.createdAt ?? ""))
+    );
+    const map = /* @__PURE__ */ new Map();
+    ascending.forEach((deployment, index) => map.set(deployment.id, index + 1));
+    return map;
+  }, [deployments]);
+  const runCompare = step === "results" && Boolean(source) && Boolean(target);
+  const compareAsync = useAsync(async () => {
+    if (!runCompare) return null;
+    const data = await api.query(COMPARE_DEPLOYMENTS_QUERY, {
+      sourceId: source.id,
+      targetId: target.id
+    });
+    return data.compareDeployments;
+  }, [api, runCompare, source?.id, target?.id]);
+  const rows = useMemo(
+    () => flattenDeploymentComparison(compareAsync.value),
+    [compareAsync.value]
+  );
+  const handleCompare = () => {
+    if (!source || !target || source.id === target.id) return;
+    setStep("results");
+  };
+  const handleSwap = () => {
+    setSource(target);
+    setTarget(source);
+  };
+  return /* @__PURE__ */ jsxs(Dialog, { open, onClose, maxWidth: "lg", fullWidth: true, children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: "Compare Deployments" }),
+    /* @__PURE__ */ jsx(Body, { children: runCompare ? compareAsync.loading ? /* @__PURE__ */ jsx(Centered, { children: /* @__PURE__ */ jsx(LoadingIndicator, {}) }) : compareAsync.error ? /* @__PURE__ */ jsx(Centered, { children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: String(compareAsync.error.message ?? compareAsync.error) }) }) : /* @__PURE__ */ jsx(
+      ResultsStep,
+      {
+        rows,
+        source,
+        target,
+        sourcePosition: positionMap.get(source.id),
+        targetPosition: positionMap.get(target.id),
+        onChangeSelection: () => setStep("select")
+      }
+    ) : deploymentsAsync.loading ? /* @__PURE__ */ jsx(Centered, { children: /* @__PURE__ */ jsx(LoadingIndicator, {}) }) : deploymentsAsync.error ? /* @__PURE__ */ jsx(Centered, { children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: String(deploymentsAsync.error.message ?? deploymentsAsync.error) }) }) : /* @__PURE__ */ jsx(
+      SelectStep,
+      {
+        source,
+        target,
+        deployments,
+        positionMap,
+        onSourceChange: setSource,
+        onTargetChange: setTarget,
+        onSwap: handleSwap,
+        onCompare: handleCompare
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { variant: "text", onClick: onClose, children: "Close" }) })
+  ] });
+};
+const Body = stylin(DialogContent)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  minHeight: theme.spacing(60)
+}));
+const Centered = stylin(Box)(({ theme }) => ({
+  flex: 1,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: theme.spacing(6)
+}));
+
+export { CompareDeploymentsDialog, CompareDeploymentsDialog as default };
+//# sourceMappingURL=CompareDeploymentsDialog.esm.js.map

package/dist/features/environment/CompareDeploymentsDialog/CompareDeploymentsDialog.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompareDeploymentsDialog.esm.js","sources":["../../../../src/features/environment/CompareDeploymentsDialog/CompareDeploymentsDialog.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useApi } from '@backstage/frontend-plugin-api';\nimport useAsync from 'react-use/esm/useAsync';\nimport {\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n} from '@massdriver/ui/Dialog';\nimport Box from '@massdriver/ui/Box';\nimport Button from '@massdriver/ui/Button';\nimport Alert from '@massdriver/ui/Alert';\nimport LoadingIndicator from '@massdriver/ui/LoadingIndicator';\nimport stylin from '@massdriver/ui/stylin';\nimport { massdriverApiRef } from '../../../api';\nimport SelectStep from './SelectStep';\nimport ResultsStep from './ResultsStep';\nimport flattenDeploymentComparison from './flattenDeploymentComparison';\nimport {\n  COMPARE_DEPLOYMENTS_QUERY,\n  DEPLOYMENTS_BY_INSTANCE_QUERY,\n  type CompareDeploymentsResult,\n} from './queries';\nimport type { Deployment } from '../InstanceDrawer/types';\n\n/**\n * Read-only deployment comparison dialog. Two steps: pick source + target\n * (SelectStep), then view the flattened param/version diff (ResultsStep). No\n * mutations — the web app's URL-param + infinite-scroll pickers are replaced\n * with local `useState` and a capped, in-memory deployment list.\n */\nexport const CompareDeploymentsDialog = ({\n  open,\n  onClose,\n  instanceId,\n}: {\n  open: boolean;\n  onClose: () => void;\n  instanceId: string | null;\n}) => {\n  const api = useApi(massdriverApiRef);\n  const [step, setStep] = useState<'select' | 'results'>('select');\n  const [source, setSource] = useState<Deployment | null>(null);\n  const [target, setTarget] = useState<Deployment | null>(null);\n\n  useEffect(() => {\n    if (open) {\n      setSource(null);\n      setTarget(null);\n      setStep('select');\n    }\n  }, [open]);\n\n  const deploymentsAsync = useAsync(async () => {\n    if (!open || !instanceId) return [] as Deployment[];\n    const data = (await api.query(DEPLOYMENTS_BY_INSTANCE_QUERY, {\n      filter: { instanceId: { eq: instanceId } },\n    })) as { deployments: { items?: (Deployment | null)[] | null } | null };\n    return (data.deployments?.items ?? []).filter(Boolean) as Deployment[];\n  }, [api, open, instanceId]);\n\n  const deployments = useMemo(\n    () => deploymentsAsync.value ?? [],\n    [deploymentsAsync.value],\n  );\n\n  // Position numbers run oldest → newest (oldest = 1), independent of the list's\n  // display order, so \"#N\" stays stable regardless of sort.\n  const positionMap = useMemo(() => {\n    const ascending = [...deployments].sort((left, right) =>\n      String(left.createdAt ?? '').localeCompare(String(right.createdAt ?? '')),\n    );\n    const map = new Map<string, number>();\n    ascending.forEach((deployment, index) => map.set(deployment.id, index + 1));\n    return map;\n  }, [deployments]);\n\n  const runCompare = step === 'results' && Boolean(source) && Boolean(target);\n\n  const compareAsync = useAsync(async () => {\n    if (!runCompare) return null;\n    const data = (await api.query(COMPARE_DEPLOYMENTS_QUERY, {\n      sourceId: source!.id,\n      targetId: target!.id,\n    })) as CompareDeploymentsResult;\n    return data.compareDeployments;\n  }, [api, runCompare, source?.id, target?.id]);\n\n  const rows = useMemo(\n    () => flattenDeploymentComparison(compareAsync.value),\n    [compareAsync.value],\n  );\n\n  const handleCompare = () => {\n    if (!source || !target || source.id === target.id) return;\n    setStep('results');\n  };\n\n  const handleSwap = () => {\n    setSource(target);\n    setTarget(source);\n  };\n\n  return (\n    <Dialog open={open} onClose={onClose} maxWidth=\"lg\" fullWidth>\n      <DialogTitle>Compare Deployments</DialogTitle>\n      <Body>\n        {runCompare ? (\n          compareAsync.loading ? (\n            <Centered>\n              <LoadingIndicator />\n            </Centered>\n          ) : compareAsync.error ? (\n            <Centered>\n              <Alert severity=\"error\">\n                {String(compareAsync.error.message ?? compareAsync.error)}\n              </Alert>\n            </Centered>\n          ) : (\n            <ResultsStep\n              rows={rows}\n              source={source}\n              target={target}\n              sourcePosition={positionMap.get(source!.id)}\n              targetPosition={positionMap.get(target!.id)}\n              onChangeSelection={() => setStep('select')}\n            />\n          )\n        ) : deploymentsAsync.loading ? (\n          <Centered>\n            <LoadingIndicator />\n          </Centered>\n        ) : deploymentsAsync.error ? (\n          <Centered>\n            <Alert severity=\"error\">\n              {String(deploymentsAsync.error.message ?? deploymentsAsync.error)}\n            </Alert>\n          </Centered>\n        ) : (\n          <SelectStep\n            source={source}\n            target={target}\n            deployments={deployments}\n            positionMap={positionMap}\n            onSourceChange={setSource}\n            onTargetChange={setTarget}\n            onSwap={handleSwap}\n            onCompare={handleCompare}\n          />\n        )}\n      </Body>\n      <DialogActions>\n        <Button variant=\"text\" onClick={onClose}>\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default CompareDeploymentsDialog;\n\nconst Body = stylin(DialogContent)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  minHeight: theme.spacing(60),\n}));\n\nconst Centered = stylin(Box)(({ theme }: { theme: any }) => ({\n  flex: 1,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  padding: theme.spacing(6),\n}));\n"],"names":[],"mappings":"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"}

package/dist/features/environment/CompareDeploymentsDialog/ResultsStep.esm.js

@@ -0,0 +1,165 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+import Box from '@massdriver/ui/Box';
+import Typography from '@massdriver/ui/Typography';
+import Switch from '@massdriver/ui/Switch';
+import Alert from '@massdriver/ui/Alert';
+import Button from '@massdriver/ui/Button';
+import DataList from '@massdriver/ui/DataList';
+import stylin from '@massdriver/ui/stylin';
+import ChevronLeftIcon from '@massdriver/ui/icons/ChevronLeftIcon';
+import { buildCompareColumns } from './compareColumns.esm.js';
+import { truncateDeploymentId } from '../InstanceDrawer/helpers.esm.js';
+
+const labelFor = (deployment, position) => {
+  if (!deployment) return "";
+  const id = truncateDeploymentId(deployment.id);
+  return position != null ? `#${position} \xB7 ${id}` : id;
+};
+const ResultsStep = ({
+  rows,
+  source,
+  target,
+  sourcePosition,
+  targetPosition,
+  onChangeSelection
+}) => {
+  const [hideEqual, setHideEqual] = useState(true);
+  const filteredRows = useMemo(
+    () => hideEqual ? rows.filter((row) => row.status !== "equal") : rows,
+    [rows, hideEqual]
+  );
+  const columns = useMemo(
+    () => buildCompareColumns({
+      leftLabel: labelFor(source, sourcePosition),
+      rightLabel: labelFor(target, targetPosition)
+    }),
+    [source, target, sourcePosition, targetPosition]
+  );
+  const differingCount = useMemo(
+    () => rows.filter((row) => row.status !== "equal").length,
+    [rows]
+  );
+  const allEqual = rows.length > 0 && differingCount === 0;
+  return /* @__PURE__ */ jsxs(Root, { children: [
+    /* @__PURE__ */ jsxs(HeaderBar, { children: [
+      /* @__PURE__ */ jsx(
+        BackButton,
+        {
+          variant: "text",
+          size: "small",
+          startIcon: /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
+          onClick: onChangeSelection,
+          children: "Change selection"
+        }
+      ),
+      /* @__PURE__ */ jsxs(Title, { children: [
+        /* @__PURE__ */ jsx(DeploymentLabel, { children: labelFor(source, sourcePosition) }),
+        /* @__PURE__ */ jsx(ArrowText, { children: "\u2194" }),
+        /* @__PURE__ */ jsx(DeploymentLabel, { children: labelFor(target, targetPosition) })
+      ] }),
+      /* @__PURE__ */ jsx(HeaderSpacer, {})
+    ] }),
+    /* @__PURE__ */ jsxs(SummaryRow, { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: allEqual ? "No differences." : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Strong, { children: differingCount }),
+        " ",
+        differingCount === 1 ? "difference" : "differences"
+      ] }) }),
+      /* @__PURE__ */ jsx(ToolbarActions, { children: /* @__PURE__ */ jsxs(SwitchLabel, { children: [
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            size: "small",
+            checked: hideEqual,
+            onChange: (event) => setHideEqual(event.target.checked)
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "Hide identical" })
+      ] }) })
+    ] }),
+    allEqual ? /* @__PURE__ */ jsx(Alert, { severity: "success", variant: "outlined", children: "These deployments are identical." }) : null,
+    allEqual && hideEqual ? null : /* @__PURE__ */ jsx(
+      DataList,
+      {
+        rows: filteredRows,
+        columns,
+        searchable: true,
+        searchPlaceholder: "Search path\u2026",
+        defaultSort: { field: "path", direction: "asc" },
+        defaultPageSize: 20,
+        variant: "outlined",
+        size: "small",
+        emptyMessage: 'No fields match the current filters. Try clearing the search or toggling "Hide identical".'
+      }
+    )
+  ] });
+};
+const Root = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(2),
+  flex: 1
+}));
+const HeaderBar = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(2),
+  paddingBottom: theme.spacing(1.5),
+  borderBottom: `1px solid ${theme.palette.divider}`
+}));
+const BackButton = stylin(Button)(({ theme }) => ({
+  color: theme.palette.text.secondary,
+  flexShrink: 0
+}));
+const Title = stylin(Box)(({ theme }) => ({
+  flex: 1,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: theme.spacing(1.5)
+}));
+const DeploymentLabel = stylin("span")(({ theme }) => ({
+  fontFamily: theme.typography.fontFamilyMono,
+  fontSize: theme.typography.h6.fontSize,
+  fontWeight: 600,
+  color: theme.palette.text.primary,
+  maxWidth: theme.spacing(40),
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis"
+}));
+const ArrowText = stylin("span")(({ theme }) => ({
+  color: theme.palette.text.disabled,
+  fontSize: theme.typography.h6.fontSize
+}));
+const HeaderSpacer = stylin(Box)(({ theme }) => ({
+  width: theme.spacing(20),
+  flexShrink: 0
+}));
+const SummaryRow = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: theme.spacing(2),
+  flexWrap: "wrap"
+}));
+const Strong = stylin("span")(({ theme }) => ({
+  color: theme.palette.text.primary,
+  fontWeight: 600
+}));
+const ToolbarActions = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1.5),
+  flexWrap: "wrap"
+}));
+const SwitchLabel = stylin(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(0.5),
+  userSelect: "none"
+}));
+
+export { ResultsStep, ResultsStep as default };
+//# sourceMappingURL=ResultsStep.esm.js.map

package/dist/features/environment/CompareDeploymentsDialog/ResultsStep.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultsStep.esm.js","sources":["../../../../src/features/environment/CompareDeploymentsDialog/ResultsStep.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport Box from '@massdriver/ui/Box';\nimport Typography from '@massdriver/ui/Typography';\nimport Switch from '@massdriver/ui/Switch';\nimport Alert from '@massdriver/ui/Alert';\nimport Button from '@massdriver/ui/Button';\nimport DataList from '@massdriver/ui/DataList';\nimport stylin from '@massdriver/ui/stylin';\nimport ChevronLeftIcon from '@massdriver/ui/icons/ChevronLeftIcon';\nimport buildCompareColumns from './compareColumns';\nimport type { DeploymentComparisonRow } from './flattenDeploymentComparison';\nimport { truncateDeploymentId } from '../InstanceDrawer/helpers';\nimport type { Deployment } from '../InstanceDrawer/types';\n\nconst labelFor = (\n  deployment?: Deployment | null,\n  position?: number,\n): string => {\n  if (!deployment) return '';\n  const id = truncateDeploymentId(deployment.id);\n  return position != null ? `#${position} · ${id}` : id;\n};\n\n/** Step 2 of the deployment compare flow: the flattened diff as a DataList. */\nexport const ResultsStep = ({\n  rows,\n  source,\n  target,\n  sourcePosition,\n  targetPosition,\n  onChangeSelection,\n}: {\n  rows: DeploymentComparisonRow[];\n  source: Deployment | null;\n  target: Deployment | null;\n  sourcePosition?: number;\n  targetPosition?: number;\n  onChangeSelection: () => void;\n}) => {\n  const [hideEqual, setHideEqual] = useState(true);\n\n  const filteredRows = useMemo(\n    () => (hideEqual ? rows.filter(row => row.status !== 'equal') : rows),\n    [rows, hideEqual],\n  );\n\n  const columns = useMemo(\n    () =>\n      buildCompareColumns({\n        leftLabel: labelFor(source, sourcePosition),\n        rightLabel: labelFor(target, targetPosition),\n      }),\n    [source, target, sourcePosition, targetPosition],\n  );\n\n  const differingCount = useMemo(\n    () => rows.filter(row => row.status !== 'equal').length,\n    [rows],\n  );\n  const allEqual = rows.length > 0 && differingCount === 0;\n\n  return (\n    <Root>\n      <HeaderBar>\n        <BackButton\n          variant=\"text\"\n          size=\"small\"\n          startIcon={<ChevronLeftIcon />}\n          onClick={onChangeSelection}\n        >\n          Change selection\n        </BackButton>\n        <Title>\n          <DeploymentLabel>{labelFor(source, sourcePosition)}</DeploymentLabel>\n          <ArrowText>↔</ArrowText>\n          <DeploymentLabel>{labelFor(target, targetPosition)}</DeploymentLabel>\n        </Title>\n        <HeaderSpacer />\n      </HeaderBar>\n\n      <SummaryRow>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {allEqual ? (\n            'No differences.'\n          ) : (\n            <>\n              <Strong>{differingCount}</Strong>{' '}\n              {differingCount === 1 ? 'difference' : 'differences'}\n            </>\n          )}\n        </Typography>\n        <ToolbarActions>\n          <SwitchLabel>\n            <Switch\n              size=\"small\"\n              checked={hideEqual}\n              onChange={(event: any) => setHideEqual(event.target.checked)}\n            />\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              Hide identical\n            </Typography>\n          </SwitchLabel>\n        </ToolbarActions>\n      </SummaryRow>\n\n      {allEqual ? (\n        <Alert severity=\"success\" variant=\"outlined\">\n          These deployments are identical.\n        </Alert>\n      ) : null}\n\n      {allEqual && hideEqual ? null : (\n        <DataList\n          rows={filteredRows}\n          columns={columns}\n          searchable\n          searchPlaceholder=\"Search path…\"\n          defaultSort={{ field: 'path', direction: 'asc' }}\n          defaultPageSize={20}\n          variant=\"outlined\"\n          size=\"small\"\n          emptyMessage='No fields match the current filters. Try clearing the search or toggling \"Hide identical\".'\n        />\n      )}\n    </Root>\n  );\n};\n\nexport default ResultsStep;\n\nconst Root = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  flex: 1,\n}));\n\nconst HeaderBar = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(2),\n  paddingBottom: theme.spacing(1.5),\n  borderBottom: `1px solid ${theme.palette.divider}`,\n}));\n\nconst BackButton = stylin(Button)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.secondary,\n  flexShrink: 0,\n}));\n\nconst Title = stylin(Box)(({ theme }: { theme: any }) => ({\n  flex: 1,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: theme.spacing(1.5),\n}));\n\nconst DeploymentLabel = stylin('span')(({ theme }: { theme: any }) => ({\n  fontFamily: theme.typography.fontFamilyMono,\n  fontSize: theme.typography.h6.fontSize,\n  fontWeight: 600,\n  color: theme.palette.text.primary,\n  maxWidth: theme.spacing(40),\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n}));\n\nconst ArrowText = stylin('span')(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.disabled,\n  fontSize: theme.typography.h6.fontSize,\n}));\n\nconst HeaderSpacer = stylin(Box)(({ theme }: { theme: any }) => ({\n  width: theme.spacing(20),\n  flexShrink: 0,\n}));\n\nconst SummaryRow = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: theme.spacing(2),\n  flexWrap: 'wrap',\n}));\n\nconst Strong = stylin('span')(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.primary,\n  fontWeight: 600,\n}));\n\nconst ToolbarActions = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1.5),\n  flexWrap: 'wrap',\n}));\n\nconst SwitchLabel = stylin(Box)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n  userSelect: 'none',\n}));\n"],"names":[],"mappings":"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"}