@massdriver/backstage-plugin 1.0.0

package/dist/features/environment/CompareEnvironmentsDialog/flattenComparison.esm.js

@@ -0,0 +1,70 @@
+const VERSION_PATH = "__version__";
+const computeStatus = ({
+  equal,
+  source,
+  target
+}) => {
+  if (equal === true) return "equal";
+  if (!source?.present) return "targetOnly";
+  if (!target?.present) return "sourceOnly";
+  return "different";
+};
+const sideToString = (side) => {
+  if (!side?.present) return null;
+  const value = side.value;
+  if (value == null) return "null";
+  return typeof value === "string" ? value : JSON.stringify(value);
+};
+const flattenComparison = (comparison) => {
+  if (!comparison?.instances) return [];
+  return comparison.instances.filter(Boolean).flatMap((instance) => {
+    const { component, version, params } = instance;
+    const versionSource = {
+      present: version?.source != null,
+      value: version?.source ?? null
+    };
+    const versionTarget = {
+      present: version?.target != null,
+      value: version?.target ?? null
+    };
+    const versionRow = {
+      id: `${component.id}::version`,
+      kind: "version",
+      component,
+      componentName: component.name,
+      path: VERSION_PATH,
+      source: versionSource,
+      target: versionTarget,
+      sourceValue: sideToString(versionSource),
+      targetValue: sideToString(versionTarget),
+      equal: version?.equal ?? false,
+      status: computeStatus({
+        equal: version?.equal,
+        source: versionSource,
+        target: versionTarget
+      })
+    };
+    const paramRows = (params ?? []).filter(Boolean).map((rawParam) => {
+      const param = rawParam;
+      const source = param.source ?? { present: false };
+      const target = param.target ?? { present: false };
+      return {
+        id: `${component.id}::${param.path}`,
+        kind: "param",
+        component,
+        componentName: component.name,
+        path: param.path,
+        source,
+        target,
+        sourceValue: sideToString(source),
+        targetValue: sideToString(target),
+        equal: param.equal ?? false,
+        status: computeStatus({ equal: param.equal, source, target })
+      };
+    });
+    return [versionRow, ...paramRows];
+  });
+};
+
+export { VERSION_PATH, computeStatus, flattenComparison as default, flattenComparison };
+//# sourceMappingURL=flattenComparison.esm.js.map

package/dist/features/environment/CompareEnvironmentsDialog/flattenComparison.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flattenComparison.esm.js","sources":["../../../../src/features/environment/CompareEnvironmentsDialog/flattenComparison.ts"],"sourcesContent":["export const VERSION_PATH = '__version__';\n\nexport type ComparisonStatus =\n  | 'equal'\n  | 'different'\n  | 'sourceOnly'\n  | 'targetOnly';\n\nexport interface ComparisonSide {\n  present: boolean;\n  value?: unknown;\n}\n\nexport interface ComparisonRow {\n  id: string;\n  kind: 'version' | 'param';\n  component: { id: string; name: string };\n  componentName: string;\n  path: string;\n  source: ComparisonSide;\n  target: ComparisonSide;\n  sourceValue: string | null;\n  targetValue: string | null;\n  equal: boolean;\n  status: ComparisonStatus;\n}\n\ninterface CompareParam {\n  path: string;\n  equal?: boolean | null;\n  source?: ComparisonSide | null;\n  target?: ComparisonSide | null;\n}\n\nexport interface CompareInstance {\n  component: { id: string; name: string };\n  version?: {\n    source?: string | null;\n    target?: string | null;\n    equal?: boolean | null;\n  } | null;\n  params?: (CompareParam | null)[] | null;\n  equal?: boolean | null;\n}\n\nexport interface Comparison {\n  source?: { id: string; name?: string } | null;\n  target?: { id: string; name?: string } | null;\n  instances?: (CompareInstance | null)[] | null;\n}\n\nexport const computeStatus = ({\n  equal,\n  source,\n  target,\n}: {\n  equal?: boolean | null;\n  source: ComparisonSide;\n  target: ComparisonSide;\n}): ComparisonStatus => {\n  if (equal === true) return 'equal';\n  if (!source?.present) return 'targetOnly';\n  if (!target?.present) return 'sourceOnly';\n  return 'different';\n};\n\nconst sideToString = (side: ComparisonSide): string | null => {\n  if (!side?.present) return null;\n  const value = side.value;\n  if (value == null) return 'null';\n  return typeof value === 'string' ? value : JSON.stringify(value);\n};\n\nexport const flattenComparison = (\n  comparison?: Comparison | null,\n): ComparisonRow[] => {\n  if (!comparison?.instances) return [];\n\n  return comparison.instances.filter(Boolean).flatMap(instance => {\n    const { component, version, params } = instance as CompareInstance;\n\n    const versionSource: ComparisonSide = {\n      present: version?.source != null,\n      value: version?.source ?? null,\n    };\n    const versionTarget: ComparisonSide = {\n      present: version?.target != null,\n      value: version?.target ?? null,\n    };\n    const versionRow: ComparisonRow = {\n      id: `${component.id}::version`,\n      kind: 'version',\n      component,\n      componentName: component.name,\n      path: VERSION_PATH,\n      source: versionSource,\n      target: versionTarget,\n      sourceValue: sideToString(versionSource),\n      targetValue: sideToString(versionTarget),\n      equal: version?.equal ?? false,\n      status: computeStatus({\n        equal: version?.equal,\n        source: versionSource,\n        target: versionTarget,\n      }),\n    };\n\n    const paramRows: ComparisonRow[] = (params ?? [])\n      .filter(Boolean)\n      .map(rawParam => {\n        const param = rawParam as CompareParam;\n        const source: ComparisonSide = param.source ?? { present: false };\n        const target: ComparisonSide = param.target ?? { present: false };\n        return {\n          id: `${component.id}::${param.path}`,\n          kind: 'param' as const,\n          component,\n          componentName: component.name,\n          path: param.path,\n          source,\n          target,\n          sourceValue: sideToString(source),\n          targetValue: sideToString(target),\n          equal: param.equal ?? false,\n          status: computeStatus({ equal: param.equal, source, target }),\n        };\n      });\n\n    return [versionRow, ...paramRows];\n  });\n};\n\nexport default flattenComparison;\n"],"names":[],"mappings":"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"}

package/dist/features/environment/CompareEnvironmentsDialog/queries.esm.js

@@ -0,0 +1,32 @@
+const COMPARE_ENVIRONMENTS_QUERY = `
+  query MassdriverCompareEnvironments(
+    $organizationId: ID!
+    $sourceId: ID!
+    $targetId: ID!
+  ) {
+    compareEnvironments(
+      organizationId: $organizationId
+      sourceId: $sourceId
+      targetId: $targetId
+    ) {
+      source { id name }
+      target { id name }
+      instances {
+        component { id name }
+        source { id }
+        target { id }
+        version { source target equal }
+        params {
+          path
+          equal
+          source { present value }
+          target { present value }
+        }
+        equal
+      }
+    }
+  }
+`;
+
+export { COMPARE_ENVIRONMENTS_QUERY };
+//# sourceMappingURL=queries.esm.js.map

package/dist/features/environment/CompareEnvironmentsDialog/queries.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queries.esm.js","sources":["../../../../src/features/environment/CompareEnvironmentsDialog/queries.ts"],"sourcesContent":["import type { Comparison } from './flattenComparison';\n\n// Field-by-field diff of two environments. `organizationId` is injected by the\n// relay; callers pass sourceId + targetId only.\nexport const COMPARE_ENVIRONMENTS_QUERY = `\n  query MassdriverCompareEnvironments(\n    $organizationId: ID!\n    $sourceId: ID!\n    $targetId: ID!\n  ) {\n    compareEnvironments(\n      organizationId: $organizationId\n      sourceId: $sourceId\n      targetId: $targetId\n    ) {\n      source { id name }\n      target { id name }\n      instances {\n        component { id name }\n        source { id }\n        target { id }\n        version { source target equal }\n        params {\n          path\n          equal\n          source { present value }\n          target { present value }\n        }\n        equal\n      }\n    }\n  }\n`;\n\nexport interface CompareEnvironmentsResult {\n  compareEnvironments: Comparison | null;\n}\n"],"names":[],"mappings":"AAIO,MAAM,0BAAA,GAA6B;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/environment/EnvironmentGraphPage.esm.js

@@ -0,0 +1,131 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect, useMemo } from 'react';
+import { composeEnvironmentId } from '@massdriver/backstage-plugin-common';
+import Alert from '@massdriver/ui/Alert';
+import Box from '@massdriver/ui/Box';
+import LoadingIndicator from '@massdriver/ui/LoadingIndicator';
+import Typography from '@massdriver/ui/Typography';
+import stylin from '@massdriver/ui/stylin';
+import { ReactFlowProvider } from '@xyflow/react';
+import { useParams, useNavigate } from 'react-router-dom';
+import { NotFound } from '../../components/NotFound.esm.js';
+import { internalRoutes } from '../../internalRoutes.esm.js';
+import { GraphHeader } from './GraphHeader/GraphHeader.esm.js';
+import { InstanceDrawer } from './InstanceDrawer/InstanceDrawer.esm.js';
+import { OpenLogsProvider, DeploymentLogsPanel } from './InstanceDrawer/tabs/DeploymentLogsPanel.esm.js';
+import { RealtimeProvider } from './realtime/RealtimeProvider.esm.js';
+import { useLiveRelayQuery } from './realtime/useLiveRelayQuery.esm.js';
+import Diagram from './graph/Diagram.esm.js';
+import { buildDiagram } from './graph/diagramFactory.esm.js';
+import { ENVIRONMENT_BLUEPRINT_QUERY, PROJECT_BLUEPRINT_QUERY } from './graph/queries.esm.js';
+
+const EnvironmentGraphPage = () => {
+  const { projectId = "", scopedEnvironmentId = "" } = useParams();
+  const environmentId = composeEnvironmentId(projectId, scopedEnvironmentId);
+  return /* @__PURE__ */ jsx(RealtimeProvider, { projectId, environmentId, children: /* @__PURE__ */ jsx(EnvironmentGraphContent, {}) });
+};
+const EnvironmentGraphContent = () => {
+  const navigate = useNavigate();
+  const {
+    projectId = "",
+    scopedEnvironmentId = "",
+    scopedComponentId
+  } = useParams();
+  const environmentId = composeEnvironmentId(projectId, scopedEnvironmentId);
+  const openInstance = (id) => navigate(internalRoutes.instance(projectId, scopedEnvironmentId, id));
+  const closeInstance = () => navigate(internalRoutes.environment(projectId, environmentId));
+  const [logsDeploymentId, setLogsDeploymentId] = useState(null);
+  useEffect(() => setLogsDeploymentId(null), [environmentId]);
+  const onPaneClick = logsDeploymentId ? () => setLogsDeploymentId(null) : scopedComponentId ? closeInstance : void 0;
+  const projectQuery = useLiveRelayQuery(
+    PROJECT_BLUEPRINT_QUERY,
+    projectId ? { projectId } : null
+  );
+  const environmentQuery = useLiveRelayQuery(
+    ENVIRONMENT_BLUEPRINT_QUERY,
+    projectId && scopedEnvironmentId ? { environmentId } : null
+  );
+  const loading = projectQuery.loading || environmentQuery.loading;
+  const error = projectQuery.error ?? environmentQuery.error;
+  const value = useMemo(
+    () => projectQuery.value && environmentQuery.value ? {
+      project: projectQuery.value.project,
+      environment: environmentQuery.value.environment
+    } : void 0,
+    [projectQuery.value, environmentQuery.value]
+  );
+  const { nodes, edges } = useMemo(
+    () => buildDiagram({
+      components: value?.project?.components ?? [],
+      links: value?.project?.links ?? [],
+      instances: value?.environment?.instances ?? [],
+      connections: value?.environment?.connections ?? []
+    }),
+    [value]
+  );
+  const environmentName = value?.environment?.name ?? "Environment";
+  if (!loading && !error && (!value?.project || !value?.environment)) {
+    return /* @__PURE__ */ jsx(
+      NotFound,
+      {
+        title: "Environment not found",
+        message: "This environment doesn't exist or you don't have access to it."
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(OpenLogsProvider, { value: setLogsDeploymentId, children: /* @__PURE__ */ jsxs(Root, { children: [
+    /* @__PURE__ */ jsx(GraphHeader, { projectId, environmentId }),
+    /* @__PURE__ */ jsxs(GraphArea, { children: [
+      loading ? /* @__PURE__ */ jsx(Centered, { children: /* @__PURE__ */ jsx(LoadingIndicator, {}) }) : error ? /* @__PURE__ */ jsx(Centered, { children: /* @__PURE__ */ jsx(Alert, { severity: "error", children: String(error.message ?? error) }) }) : nodes.length === 0 ? /* @__PURE__ */ jsx(Centered, { children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "No deployed instances in this environment yet." }) }) : /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(
+        Diagram,
+        {
+          nodes,
+          edges,
+          snapshotName: environmentId || environmentName,
+          onNodeClick: openInstance,
+          onPaneClick,
+          selectedComponentId: scopedComponentId
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        InstanceDrawer,
+        {
+          projectId,
+          environmentId,
+          scopedComponentId,
+          onClose: closeInstance
+        }
+      ),
+      logsDeploymentId ? /* @__PURE__ */ jsx(
+        DeploymentLogsPanel,
+        {
+          deploymentId: logsDeploymentId,
+          onClose: () => setLogsDeploymentId(null)
+        }
+      ) : null
+    ] })
+  ] }) });
+};
+const Root = stylin(Box)({
+  display: "flex",
+  flexDirection: "column",
+  height: "100%",
+  minHeight: 0
+});
+const GraphArea = stylin(Box)({
+  flex: 1,
+  minHeight: 0,
+  minWidth: 0,
+  position: "relative",
+  display: "flex"
+});
+const Centered = stylin(Box)(({ theme }) => ({
+  flex: 1,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: theme.spacing(6)
+}));
+
+export { EnvironmentGraphPage };
+//# sourceMappingURL=EnvironmentGraphPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentGraphPage.esm.js","sources":["../../../src/features/environment/EnvironmentGraphPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { composeEnvironmentId } from '@massdriver/backstage-plugin-common';\nimport Alert from '@massdriver/ui/Alert';\nimport Box from '@massdriver/ui/Box';\nimport LoadingIndicator from '@massdriver/ui/LoadingIndicator';\nimport Typography from '@massdriver/ui/Typography';\nimport stylin from '@massdriver/ui/stylin';\nimport { ReactFlowProvider } from '@xyflow/react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { NotFound } from '../../components/NotFound';\nimport { internalRoutes } from '../../internalRoutes';\nimport { GraphHeader } from './GraphHeader';\nimport { InstanceDrawer } from './InstanceDrawer';\nimport DeploymentLogsPanel, {\n  OpenLogsProvider,\n} from './InstanceDrawer/tabs/DeploymentLogsPanel';\nimport { RealtimeProvider } from './realtime/RealtimeProvider';\nimport { useLiveRelayQuery } from './realtime/useLiveRelayQuery';\nimport Diagram from './graph/Diagram';\nimport { buildDiagram } from './graph/diagramFactory';\nimport {\n  ENVIRONMENT_BLUEPRINT_QUERY,\n  PROJECT_BLUEPRINT_QUERY,\n  type EnvironmentBlueprintResult,\n  type ProjectBlueprintResult,\n} from './graph/queries';\n\n/**\n * Read-only environment graph. Wraps the content in `RealtimeProvider` so the\n * graph and instance drawer refetch when the environment emits live events\n * (deploys, status changes, blueprint edits) originating in the web app.\n */\nexport const EnvironmentGraphPage = () => {\n  const { projectId = '', scopedEnvironmentId = '' } = useParams();\n  const environmentId = composeEnvironmentId(projectId, scopedEnvironmentId);\n  return (\n    <RealtimeProvider projectId={projectId} environmentId={environmentId}>\n      <EnvironmentGraphContent />\n    </RealtimeProvider>\n  );\n};\n\n/** Instances as nodes, connections/links as edges. */\nconst EnvironmentGraphContent = () => {\n  const navigate = useNavigate();\n  const {\n    projectId = '',\n    scopedEnvironmentId = '',\n    scopedComponentId,\n  } = useParams();\n  const environmentId = composeEnvironmentId(projectId, scopedEnvironmentId);\n\n  const openInstance = (id: string) =>\n    navigate(internalRoutes.instance(projectId, scopedEnvironmentId, id));\n  const closeInstance = () =>\n    navigate(internalRoutes.environment(projectId, environmentId));\n\n  // Page-level logs overlay, mirroring the web app's DeploymentLogsDrawer:\n  // status pills on the graph and the drawer tabs all open it via useOpenLogs.\n  const [logsDeploymentId, setLogsDeploymentId] = useState<string | null>(null);\n  useEffect(() => setLogsDeploymentId(null), [environmentId]);\n\n  // Pane click closes the topmost overlay: logs first, then the drawer.\n  const onPaneClick = logsDeploymentId\n    ? () => setLogsDeploymentId(null)\n    : scopedComponentId\n    ? closeInstance\n    : undefined;\n\n  // Two live queries (blueprint + environment). Revision refetches keep the\n  // rendered diagram mounted — see useLiveRelayQuery for the no-flash contract.\n  const projectQuery = useLiveRelayQuery<ProjectBlueprintResult>(\n    PROJECT_BLUEPRINT_QUERY,\n    projectId ? { projectId } : null,\n  );\n  const environmentQuery = useLiveRelayQuery<EnvironmentBlueprintResult>(\n    ENVIRONMENT_BLUEPRINT_QUERY,\n    projectId && scopedEnvironmentId ? { environmentId } : null,\n  );\n\n  const loading = projectQuery.loading || environmentQuery.loading;\n  const error = projectQuery.error ?? environmentQuery.error;\n  const value = useMemo(\n    () =>\n      projectQuery.value && environmentQuery.value\n        ? {\n            project: projectQuery.value.project,\n            environment: environmentQuery.value.environment,\n          }\n        : undefined,\n    [projectQuery.value, environmentQuery.value],\n  );\n\n  const { nodes, edges } = useMemo(\n    () =>\n      buildDiagram({\n        components: value?.project?.components ?? [],\n        links: value?.project?.links ?? [],\n        instances: value?.environment?.instances ?? [],\n        connections: value?.environment?.connections ?? [],\n      }),\n    [value],\n  );\n\n  const environmentName = value?.environment?.name ?? 'Environment';\n\n  if (!loading && !error && (!value?.project || !value?.environment)) {\n    return (\n      <NotFound\n        title=\"Environment not found\"\n        message=\"This environment doesn't exist or you don't have access to it.\"\n      />\n    );\n  }\n\n  return (\n    <OpenLogsProvider value={setLogsDeploymentId}>\n      <Root>\n        <GraphHeader projectId={projectId} environmentId={environmentId} />\n        <GraphArea>\n          {loading ? (\n            <Centered>\n              <LoadingIndicator />\n            </Centered>\n          ) : error ? (\n            <Centered>\n              <Alert severity=\"error\">{String(error.message ?? error)}</Alert>\n            </Centered>\n          ) : nodes.length === 0 ? (\n            <Centered>\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                No deployed instances in this environment yet.\n              </Typography>\n            </Centered>\n          ) : (\n            <ReactFlowProvider>\n              <Diagram\n                nodes={nodes}\n                edges={edges}\n                snapshotName={environmentId || environmentName}\n                onNodeClick={openInstance}\n                onPaneClick={onPaneClick}\n                selectedComponentId={scopedComponentId}\n              />\n            </ReactFlowProvider>\n          )}\n          <InstanceDrawer\n            projectId={projectId}\n            environmentId={environmentId}\n            scopedComponentId={scopedComponentId}\n            onClose={closeInstance}\n          />\n          {logsDeploymentId ? (\n            <DeploymentLogsPanel\n              deploymentId={logsDeploymentId}\n              onClose={() => setLogsDeploymentId(null)}\n            />\n          ) : null}\n        </GraphArea>\n      </Root>\n    </OpenLogsProvider>\n  );\n};\n\nexport default EnvironmentGraphPage;\n\nconst Root = stylin(Box)({\n  display: 'flex',\n  flexDirection: 'column',\n  height: '100%',\n  minHeight: 0,\n});\n\nconst GraphArea = stylin(Box)({\n  flex: 1,\n  minHeight: 0,\n  minWidth: 0,\n  position: 'relative',\n  display: 'flex',\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/GraphHeader/EnvironmentDefaults.esm.js

@@ -0,0 +1,252 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useRef, useState } from 'react';
+import Box from '@massdriver/ui/Box';
+import Typography from '@massdriver/ui/Typography';
+import Tooltip from '@massdriver/ui/Tooltip';
+import AvatarGroup from '@massdriver/ui/AvatarGroup';
+import IconTile from '@massdriver/ui/IconTile';
+import Menu, { MenuItem } from '@massdriver/ui/Menu';
+import stylin from '@massdriver/ui/stylin';
+import ExtensionIcon from '@massdriver/ui/icons/ExtensionIcon';
+import ArrowDropDownIcon from '@massdriver/ui/icons/ArrowDropDownIcon';
+import { useLiveRelayQuery } from '../realtime/useLiveRelayQuery.esm.js';
+import { ENVIRONMENT_DEFAULTS_QUERY } from './queries.esm.js';
+
+const MAX_COLLAPSED = 3;
+const TOOLTIP_SLOT_PROPS = {
+  tooltip: { sx: { maxWidth: 280, px: 1.25, py: 1 } }
+};
+const ResourceTooltipRow = ({ item }) => /* @__PURE__ */ jsxs(TooltipRow, { children: [
+  /* @__PURE__ */ jsx(
+    IconTile,
+    {
+      src: item.resource.resourceType.icon,
+      alt: item.resource.resourceType.name,
+      size: "small",
+      variant: "circular",
+      fallback: /* @__PURE__ */ jsx(FallbackIcon, {})
+    }
+  ),
+  /* @__PURE__ */ jsxs(TooltipRowInfo, { children: [
+    /* @__PURE__ */ jsx(TooltipRowName, { title: item.resource.name, children: item.resource.name }),
+    /* @__PURE__ */ jsx(TooltipRowType, { title: item.resource.resourceType.name, children: item.resource.resourceType.name })
+  ] })
+] });
+const EnvironmentDefaults = ({
+  environmentId
+}) => {
+  const rootRef = useRef(null);
+  const [menuOpen, setMenuOpen] = useState(false);
+  const { value, loading, error } = useLiveRelayQuery(
+    ENVIRONMENT_DEFAULTS_QUERY,
+    environmentId ? { environmentId } : null
+  );
+  const defaults = (value?.environment?.defaults?.items ?? []).filter(
+    Boolean
+  );
+  if (loading) {
+    return /* @__PURE__ */ jsx(Root, { ref: rootRef });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Root, { ref: rootRef, children: /* @__PURE__ */ jsx(EmptyLabel, { variant: "body2", children: "Couldn't load environment defaults" }) });
+  }
+  if (defaults.length === 0) {
+    return /* @__PURE__ */ jsx(Root, { ref: rootRef, children: /* @__PURE__ */ jsx(EmptyLabel, { variant: "body2", children: "No environment defaults" }) });
+  }
+  const closeMenu = () => setMenuOpen(false);
+  return /* @__PURE__ */ jsxs(Root, { ref: rootRef, children: [
+    /* @__PURE__ */ jsx(
+      AvatarGroup,
+      {
+        max: MAX_COLLAPSED,
+        onClick: () => setMenuOpen(true),
+        size: 26,
+        endAdornment: /* @__PURE__ */ jsx(DropdownIcon, {}),
+        renderSurplus: (count) => /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            arrow: true,
+            enterDelay: 300,
+            slotProps: TOOLTIP_SLOT_PROPS,
+            title: /* @__PURE__ */ jsx(SurplusTooltipList, { children: defaults.slice(MAX_COLLAPSED).map((item) => /* @__PURE__ */ jsx(ResourceTooltipRow, { item }, item.id)) }),
+            children: /* @__PURE__ */ jsxs(SurplusAvatar, { children: [
+              "+",
+              count
+            ] })
+          }
+        ),
+        children: defaults.map((item) => /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            arrow: true,
+            enterDelay: 300,
+            slotProps: TOOLTIP_SLOT_PROPS,
+            title: /* @__PURE__ */ jsx(ResourceTooltipRow, { item }),
+            children: /* @__PURE__ */ jsx(TooltipChild, { children: /* @__PURE__ */ jsx(
+              IconTile,
+              {
+                src: item.resource.resourceType.icon,
+                alt: item.resource.resourceType.name,
+                size: 26,
+                variant: "circular",
+                fallback: /* @__PURE__ */ jsx(FallbackIcon, {})
+              }
+            ) })
+          },
+          item.id
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Menu,
+      {
+        anchorEl: rootRef.current,
+        open: menuOpen && !!rootRef.current,
+        onClose: closeMenu,
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        transformOrigin: { vertical: "top", horizontal: "center" },
+        MenuListProps: { sx: { py: 0.5 } },
+        slotProps: { paper: { sx: { maxWidth: 320 } } },
+        children: [
+          /* @__PURE__ */ jsx(ListHeader, { children: /* @__PURE__ */ jsx(HeaderLabel, { children: "Environment Defaults" }) }),
+          defaults.map((item) => /* @__PURE__ */ jsxs(DefaultItem, { disableRipple: true, children: [
+            /* @__PURE__ */ jsx(
+              IconTile,
+              {
+                src: item.resource.resourceType.icon,
+                alt: item.resource.resourceType.name,
+                size: "medium",
+                fallback: /* @__PURE__ */ jsx(FallbackIcon, {})
+              }
+            ),
+            /* @__PURE__ */ jsxs(ItemInfo, { children: [
+              /* @__PURE__ */ jsx(ItemName, { title: item.resource.name, children: item.resource.name }),
+              /* @__PURE__ */ jsx(ItemType, { title: item.resource.resourceType.name, children: item.resource.resourceType.name })
+            ] })
+          ] }, item.id))
+        ]
+      }
+    )
+  ] });
+};
+const Root = stylin(Box)({
+  display: "flex",
+  alignItems: "center",
+  minWidth: 0,
+  maxWidth: "100%"
+});
+const DropdownIcon = stylin(ArrowDropDownIcon)(({ theme }) => ({
+  fontSize: 16,
+  color: theme.palette.text.disabled,
+  marginLeft: theme.spacing(0.25),
+  flexShrink: 0
+}));
+const FallbackIcon = stylin(ExtensionIcon)({ fontSize: 16 });
+const EmptyLabel = stylin(Typography)(({ theme }) => ({
+  color: theme.palette.text.disabled,
+  fontStyle: "italic",
+  whiteSpace: "nowrap"
+}));
+const ListHeader = stylin("div")(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  padding: `${theme.spacing(0.75)} ${theme.spacing(2)}`
+}));
+const HeaderLabel = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(11),
+  fontWeight: 600,
+  color: theme.palette.text.secondary,
+  textTransform: "uppercase",
+  letterSpacing: "0.5px"
+}));
+const DefaultItem = stylin(MenuItem)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1.5),
+  padding: `${theme.spacing(1)} ${theme.spacing(2)}`,
+  cursor: "default"
+}));
+const ItemInfo = stylin("div")({
+  display: "flex",
+  flexDirection: "column",
+  minWidth: 0,
+  flex: 1
+});
+const ItemName = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(13),
+  fontWeight: 500,
+  color: theme.palette.text.primary,
+  lineHeight: 1.4,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+}));
+const ItemType = stylin(Typography)(({ theme }) => ({
+  fontSize: theme.typography.pxToRem(11),
+  color: theme.palette.text.secondary,
+  lineHeight: 1.3,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+}));
+const TooltipChild = stylin("span")({
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center"
+});
+const SurplusAvatar = stylin("span")(({ theme }) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: 26,
+  height: 26,
+  borderRadius: "50%",
+  fontSize: 10,
+  fontWeight: 600,
+  color: theme.palette.text.secondary,
+  backgroundColor: theme.palette.grey[100],
+  border: `2px solid ${theme.palette.background.paper}`,
+  boxShadow: `0 0 0 1px ${theme.palette.divider}`,
+  position: "relative",
+  flexShrink: 0,
+  zIndex: 0
+}));
+const TooltipRow = stylin("span")(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1),
+  minWidth: 0,
+  width: "100%"
+}));
+const TooltipRowInfo = stylin("span")({
+  display: "flex",
+  flexDirection: "column",
+  minWidth: 0,
+  flex: 1
+});
+const TooltipRowName = stylin("span")(({ theme }) => ({
+  display: "block",
+  fontSize: theme.typography.pxToRem(12),
+  fontWeight: 600,
+  lineHeight: 1.35,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+}));
+const TooltipRowType = stylin("span")(({ theme }) => ({
+  display: "block",
+  fontSize: theme.typography.pxToRem(11),
+  opacity: 0.7,
+  lineHeight: 1.3,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+}));
+const SurplusTooltipList = stylin("span")(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1.25)
+}));
+
+export { EnvironmentDefaults, EnvironmentDefaults as default };
+//# sourceMappingURL=EnvironmentDefaults.esm.js.map

package/dist/features/environment/GraphHeader/EnvironmentDefaults.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentDefaults.esm.js","sources":["../../../../src/features/environment/GraphHeader/EnvironmentDefaults.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport Box from '@massdriver/ui/Box';\nimport Typography from '@massdriver/ui/Typography';\nimport Tooltip from '@massdriver/ui/Tooltip';\nimport AvatarGroup from '@massdriver/ui/AvatarGroup';\nimport IconTile from '@massdriver/ui/IconTile';\nimport Menu, { MenuItem } from '@massdriver/ui/Menu';\nimport stylin from '@massdriver/ui/stylin';\nimport ExtensionIcon from '@massdriver/ui/icons/ExtensionIcon';\nimport ArrowDropDownIcon from '@massdriver/ui/icons/ArrowDropDownIcon';\nimport { useLiveRelayQuery } from '../realtime/useLiveRelayQuery';\nimport {\n  ENVIRONMENT_DEFAULTS_QUERY,\n  type EnvironmentDefaultItem,\n  type EnvironmentDefaultsResult,\n} from './queries';\n\nconst MAX_COLLAPSED = 3;\nconst TOOLTIP_SLOT_PROPS = {\n  tooltip: { sx: { maxWidth: 280, px: 1.25, py: 1 } },\n};\n\nconst ResourceTooltipRow = ({ item }: { item: EnvironmentDefaultItem }) => (\n  <TooltipRow>\n    <IconTile\n      src={item.resource.resourceType.icon}\n      alt={item.resource.resourceType.name}\n      size=\"small\"\n      variant=\"circular\"\n      fallback={<FallbackIcon />}\n    />\n    <TooltipRowInfo>\n      <TooltipRowName title={item.resource.name}>\n        {item.resource.name}\n      </TooltipRowName>\n      <TooltipRowType title={item.resource.resourceType.name}>\n        {item.resource.resourceType.name}\n      </TooltipRowType>\n    </TooltipRowInfo>\n  </TooltipRow>\n);\n\n/**\n * Read-only environment defaults: an avatar group of resource-type icons that\n * opens a menu listing each default. All edit/remove/select actions from the\n * web app are dropped — this is display-only.\n */\nexport const EnvironmentDefaults = ({\n  environmentId,\n}: {\n  environmentId: string;\n}) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [menuOpen, setMenuOpen] = useState(false);\n\n  // Live query: defaults set/removed in the web app show up on the next\n  // realtime event. Identity resets on environment switch, so a previous\n  // environment's defaults never flash while the next one loads.\n  const { value, loading, error } =\n    useLiveRelayQuery<EnvironmentDefaultsResult>(\n      ENVIRONMENT_DEFAULTS_QUERY,\n      environmentId ? { environmentId } : null,\n    );\n\n  const defaults = (value?.environment?.defaults?.items ?? []).filter(\n    Boolean,\n  ) as EnvironmentDefaultItem[];\n\n  if (loading) {\n    return <Root ref={rootRef} />;\n  }\n\n  if (error) {\n    return (\n      <Root ref={rootRef}>\n        <EmptyLabel variant=\"body2\">\n          Couldn't load environment defaults\n        </EmptyLabel>\n      </Root>\n    );\n  }\n\n  if (defaults.length === 0) {\n    return (\n      <Root ref={rootRef}>\n        <EmptyLabel variant=\"body2\">No environment defaults</EmptyLabel>\n      </Root>\n    );\n  }\n\n  const closeMenu = () => setMenuOpen(false);\n\n  return (\n    <Root ref={rootRef}>\n      <AvatarGroup\n        max={MAX_COLLAPSED}\n        onClick={() => setMenuOpen(true)}\n        size={26}\n        endAdornment={<DropdownIcon />}\n        renderSurplus={(count: number) => (\n          <Tooltip\n            arrow\n            enterDelay={300}\n            slotProps={TOOLTIP_SLOT_PROPS}\n            title={\n              <SurplusTooltipList>\n                {defaults.slice(MAX_COLLAPSED).map(item => (\n                  <ResourceTooltipRow key={item.id} item={item} />\n                ))}\n              </SurplusTooltipList>\n            }\n          >\n            <SurplusAvatar>+{count}</SurplusAvatar>\n          </Tooltip>\n        )}\n      >\n        {defaults.map(item => (\n          <Tooltip\n            key={item.id}\n            arrow\n            enterDelay={300}\n            slotProps={TOOLTIP_SLOT_PROPS}\n            title={<ResourceTooltipRow item={item} />}\n          >\n            <TooltipChild>\n              <IconTile\n                src={item.resource.resourceType.icon}\n                alt={item.resource.resourceType.name}\n                size={26}\n                variant=\"circular\"\n                fallback={<FallbackIcon />}\n              />\n            </TooltipChild>\n          </Tooltip>\n        ))}\n      </AvatarGroup>\n\n      <Menu\n        anchorEl={rootRef.current}\n        open={menuOpen && !!rootRef.current}\n        onClose={closeMenu}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n        transformOrigin={{ vertical: 'top', horizontal: 'center' }}\n        MenuListProps={{ sx: { py: 0.5 } }}\n        slotProps={{ paper: { sx: { maxWidth: 320 } } }}\n      >\n        <ListHeader>\n          <HeaderLabel>Environment Defaults</HeaderLabel>\n        </ListHeader>\n        {defaults.map(item => (\n          <DefaultItem key={item.id} disableRipple>\n            <IconTile\n              src={item.resource.resourceType.icon}\n              alt={item.resource.resourceType.name}\n              size=\"medium\"\n              fallback={<FallbackIcon />}\n            />\n            <ItemInfo>\n              <ItemName title={item.resource.name}>\n                {item.resource.name}\n              </ItemName>\n              <ItemType title={item.resource.resourceType.name}>\n                {item.resource.resourceType.name}\n              </ItemType>\n            </ItemInfo>\n          </DefaultItem>\n        ))}\n      </Menu>\n    </Root>\n  );\n};\n\nexport default EnvironmentDefaults;\n\nconst Root = stylin(Box)({\n  display: 'flex',\n  alignItems: 'center',\n  minWidth: 0,\n  maxWidth: '100%',\n});\n\nconst DropdownIcon = stylin(ArrowDropDownIcon)(({ theme }: { theme: any }) => ({\n  fontSize: 16,\n  color: theme.palette.text.disabled,\n  marginLeft: theme.spacing(0.25),\n  flexShrink: 0,\n}));\n\nconst FallbackIcon = stylin(ExtensionIcon)({ fontSize: 16 });\n\nconst EmptyLabel = stylin(Typography)(({ theme }: { theme: any }) => ({\n  color: theme.palette.text.disabled,\n  fontStyle: 'italic',\n  whiteSpace: 'nowrap',\n}));\n\nconst ListHeader = stylin('div')(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  padding: `${theme.spacing(0.75)} ${theme.spacing(2)}`,\n}));\n\nconst HeaderLabel = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  fontWeight: 600,\n  color: theme.palette.text.secondary,\n  textTransform: 'uppercase',\n  letterSpacing: '0.5px',\n}));\n\nconst DefaultItem = stylin(MenuItem)(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1.5),\n  padding: `${theme.spacing(1)} ${theme.spacing(2)}`,\n  cursor: 'default',\n}));\n\nconst ItemInfo = stylin('div')({\n  display: 'flex',\n  flexDirection: 'column',\n  minWidth: 0,\n  flex: 1,\n});\n\nconst ItemName = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(13),\n  fontWeight: 500,\n  color: theme.palette.text.primary,\n  lineHeight: 1.4,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}));\n\nconst ItemType = stylin(Typography)(({ theme }: { theme: any }) => ({\n  fontSize: theme.typography.pxToRem(11),\n  color: theme.palette.text.secondary,\n  lineHeight: 1.3,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}));\n\nconst TooltipChild = stylin('span')({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n});\n\nconst SurplusAvatar = stylin('span')(({ theme }: { theme: any }) => ({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: 26,\n  height: 26,\n  borderRadius: '50%',\n  fontSize: 10,\n  fontWeight: 600,\n  color: theme.palette.text.secondary,\n  backgroundColor: theme.palette.grey[100],\n  border: `2px solid ${theme.palette.background.paper}`,\n  boxShadow: `0 0 0 1px ${theme.palette.divider}`,\n  position: 'relative',\n  flexShrink: 0,\n  zIndex: 0,\n}));\n\nconst TooltipRow = stylin('span')(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  minWidth: 0,\n  width: '100%',\n}));\n\nconst TooltipRowInfo = stylin('span')({\n  display: 'flex',\n  flexDirection: 'column',\n  minWidth: 0,\n  flex: 1,\n});\n\nconst TooltipRowName = stylin('span')(({ theme }: { theme: any }) => ({\n  display: 'block',\n  fontSize: theme.typography.pxToRem(12),\n  fontWeight: 600,\n  lineHeight: 1.35,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}));\n\nconst TooltipRowType = stylin('span')(({ theme }: { theme: any }) => ({\n  display: 'block',\n  fontSize: theme.typography.pxToRem(11),\n  opacity: 0.7,\n  lineHeight: 1.3,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}));\n\nconst SurplusTooltipList = stylin('span')(({ theme }: { theme: any }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1.25),\n}));\n"],"names":[],"mappings":"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"}