@massdriver/backstage-plugin 1.0.0

package/dist/features/environment/graph/handles/handleTypes.esm.js

@@ -0,0 +1,170 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Handle } from '@xyflow/react';
+import Box from '@massdriver/ui/Box';
+import BluetoothIcon from '@massdriver/ui/icons/BluetoothIcon';
+import stylin from '@massdriver/ui/stylin';
+
+const HANDLE_TYPE = {
+  DEFAULT: "default",
+  REQUIRED: "required",
+  ERROR: "error",
+  REMOTE_REFERENCE: "remote-reference"
+};
+const DefaultHandle = forwardRef(
+  ({ hasConnection: _hasConnection, ...props }, ref) => /* @__PURE__ */ jsx(DefaultStyledHandle, { ...props, ref })
+);
+const DefaultStyledHandle = stylin(Handle, [
+  "xPos",
+  "yPos",
+  "isValidConnectionTarget"
+])(
+  ({
+    theme,
+    xPos,
+    yPos,
+    position,
+    isValidConnectionTarget
+  }) => ({
+    "&.react-flow__handle": {
+      width: "16px",
+      height: "16px",
+      top: `${yPos || 0}px`,
+      [position]: `${xPos || 0}px`,
+      borderRadius: "50%",
+      zIndex: 10,
+      background: isValidConnectionTarget ? theme.palette.success.main : theme.palette.background.paper,
+      border: `1px solid ${isValidConnectionTarget ? theme.palette.success.main : theme.palette.grey[600]}`,
+      "&.connectable": { cursor: "pointer" },
+      "&:hover": {
+        backgroundColor: isValidConnectionTarget ? theme.palette.success.main : theme.palette.grey[600]
+      }
+    }
+  })
+);
+const ErrorHandle = forwardRef(
+  ({ hasConnection: _hasConnection, ...props }, ref) => /* @__PURE__ */ jsx(ErrorStyledHandle, { ...props, ref, isConnectable: false })
+);
+const ErrorStyledHandle = stylin(Handle, ["xPos", "yPos"])(
+  ({
+    theme,
+    xPos,
+    yPos,
+    position
+  }) => ({
+    "&.react-flow__handle": {
+      width: "16px",
+      height: "16px",
+      top: `${yPos || 0}px`,
+      [position]: `${xPos || 0}px`,
+      borderRadius: "50%",
+      zIndex: 10,
+      background: theme.palette.error.main,
+      border: `1px solid ${theme.palette.error.main}`,
+      cursor: "not-allowed"
+    }
+  })
+);
+const REQUIRED_DOT_CLASS = "required-handle-dot";
+const RequiredHandle = forwardRef(
+  ({ hasConnection, ...props }, ref) => /* @__PURE__ */ jsx(RequiredStyledHandle, { hasConnection, ...props, ref, children: /* @__PURE__ */ jsx(Dot, { className: REQUIRED_DOT_CLASS, hasConnection }) })
+);
+const RequiredStyledHandle = stylin(Handle, [
+  "hasConnection",
+  "xPos",
+  "yPos",
+  "isValidConnectionTarget"
+])(
+  ({
+    theme,
+    hasConnection,
+    xPos,
+    yPos,
+    position,
+    isValidConnectionTarget
+  }) => ({
+    "&.react-flow__handle": {
+      width: "16px",
+      height: "16px",
+      top: `${yPos || 0}px`,
+      [position]: `${xPos || 0}px`,
+      borderRadius: "50%",
+      zIndex: 10,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      background: isValidConnectionTarget ? theme.palette.success.main : theme.palette.background.paper,
+      border: `1px solid ${isValidConnectionTarget ? theme.palette.success.main : hasConnection ? theme.palette.grey[600] : theme.palette.error.main}`,
+      "&.connectable": { cursor: "pointer" },
+      "&:hover": {
+        backgroundColor: isValidConnectionTarget ? theme.palette.success.main : theme.palette.grey[600],
+        borderColor: isValidConnectionTarget ? theme.palette.success.main : theme.palette.grey[600],
+        [`.${REQUIRED_DOT_CLASS}`]: {
+          visibility: "hidden"
+        }
+      }
+    }
+  })
+);
+const Dot = stylin(Box, ["hasConnection"])(
+  ({ theme, hasConnection }) => ({
+    width: "4px",
+    height: "4px",
+    borderRadius: "50%",
+    pointerEvents: "none",
+    backgroundColor: hasConnection ? theme.palette.grey[600] : theme.palette.error.main
+  })
+);
+const REMOTE_ICON_CLASS = "remote-reference-handle-icon";
+const RemoteReferenceHandle = forwardRef(
+  ({ hasConnection, ...props }, ref) => /* @__PURE__ */ jsx(RemoteStyledHandle, { hasConnection, ...props, ref, children: /* @__PURE__ */ jsx(RemoteIcon, { className: REMOTE_ICON_CLASS }) })
+);
+const RemoteStyledHandle = stylin(Handle, [
+  "hasConnection",
+  "xPos",
+  "yPos",
+  "isValidConnectionTarget"
+])(
+  ({
+    theme,
+    xPos,
+    yPos,
+    position,
+    isValidConnectionTarget
+  }) => ({
+    "&.react-flow__handle": {
+      width: "16px",
+      height: "16px",
+      top: `${yPos || 0}px`,
+      [position]: `${xPos || 0}px`,
+      borderRadius: "50%",
+      zIndex: 10,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      background: isValidConnectionTarget ? theme.palette.success.main : theme.palette.background.paper,
+      border: `1px solid ${theme.palette.success.main}`,
+      "&.connectable": { cursor: "pointer" },
+      "&:hover": {
+        backgroundColor: theme.palette.success.main,
+        borderColor: theme.palette.success.main,
+        [`.${REMOTE_ICON_CLASS}`]: { visibility: "hidden" }
+      }
+    }
+  })
+);
+const RemoteIcon = stylin(BluetoothIcon)(({ theme }) => ({
+  width: "8px",
+  height: "8px",
+  pointerEvents: "none",
+  color: theme.palette.success.main
+}));
+const HANDLE_TYPES = {
+  [HANDLE_TYPE.DEFAULT]: DefaultHandle,
+  [HANDLE_TYPE.REQUIRED]: RequiredHandle,
+  [HANDLE_TYPE.ERROR]: ErrorHandle,
+  [HANDLE_TYPE.REMOTE_REFERENCE]: RemoteReferenceHandle
+};
+
+export { HANDLE_TYPE, HANDLE_TYPES };
+//# sourceMappingURL=handleTypes.esm.js.map

package/dist/features/environment/graph/handles/handleTypes.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleTypes.esm.js","sources":["../../../../../src/features/environment/graph/handles/handleTypes.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { Handle } from '@xyflow/react';\nimport Box from '@massdriver/ui/Box';\nimport BluetoothIcon from '@massdriver/ui/icons/BluetoothIcon';\nimport stylin from '@massdriver/ui/stylin';\n\n// Read-only ports of apps/web/.../NodeHandle/handle-types/*. The connect-state\n// styling (`isValidConnectionTarget`) is kept for visual parity even though\n// connections cannot be started in the read-only graph.\n\nexport const HANDLE_TYPE = {\n  DEFAULT: 'default',\n  REQUIRED: 'required',\n  ERROR: 'error',\n  REMOTE_REFERENCE: 'remote-reference',\n} as const;\n\nconst DefaultHandle = forwardRef<any, any>(\n  ({ hasConnection: _hasConnection, ...props }, ref) => (\n    <DefaultStyledHandle {...props} ref={ref} />\n  ),\n);\n\nconst DefaultStyledHandle = stylin(Handle, [\n  'xPos',\n  'yPos',\n  'isValidConnectionTarget',\n])(\n  ({\n    theme,\n    xPos,\n    yPos,\n    position,\n    isValidConnectionTarget,\n  }: {\n    theme: any;\n    xPos?: number;\n    yPos?: number;\n    position: string;\n    isValidConnectionTarget?: boolean;\n  }) => ({\n    '&.react-flow__handle': {\n      width: '16px',\n      height: '16px',\n      top: `${yPos || 0}px`,\n      [position]: `${xPos || 0}px`,\n      borderRadius: '50%',\n      zIndex: 10,\n      background: isValidConnectionTarget\n        ? theme.palette.success.main\n        : theme.palette.background.paper,\n      border: `1px solid ${\n        isValidConnectionTarget\n          ? theme.palette.success.main\n          : theme.palette.grey[600]\n      }`,\n      '&.connectable': { cursor: 'pointer' },\n      '&:hover': {\n        backgroundColor: isValidConnectionTarget\n          ? theme.palette.success.main\n          : theme.palette.grey[600],\n      },\n    },\n  }),\n);\n\nconst ErrorHandle = forwardRef<any, any>(\n  ({ hasConnection: _hasConnection, ...props }, ref) => (\n    <ErrorStyledHandle {...props} ref={ref} isConnectable={false} />\n  ),\n);\n\nconst ErrorStyledHandle = stylin(Handle, ['xPos', 'yPos'])(\n  ({\n    theme,\n    xPos,\n    yPos,\n    position,\n  }: {\n    theme: any;\n    xPos?: number;\n    yPos?: number;\n    position: string;\n  }) => ({\n    '&.react-flow__handle': {\n      width: '16px',\n      height: '16px',\n      top: `${yPos || 0}px`,\n      [position]: `${xPos || 0}px`,\n      borderRadius: '50%',\n      zIndex: 10,\n      background: theme.palette.error.main,\n      border: `1px solid ${theme.palette.error.main}`,\n      cursor: 'not-allowed',\n    },\n  }),\n);\n\nconst REQUIRED_DOT_CLASS = 'required-handle-dot';\n\nconst RequiredHandle = forwardRef<any, any>(\n  ({ hasConnection, ...props }, ref) => (\n    <RequiredStyledHandle hasConnection={hasConnection} {...props} ref={ref}>\n      <Dot className={REQUIRED_DOT_CLASS} hasConnection={hasConnection} />\n    </RequiredStyledHandle>\n  ),\n);\n\nconst RequiredStyledHandle = stylin(Handle, [\n  'hasConnection',\n  'xPos',\n  'yPos',\n  'isValidConnectionTarget',\n])(\n  ({\n    theme,\n    hasConnection,\n    xPos,\n    yPos,\n    position,\n    isValidConnectionTarget,\n  }: {\n    theme: any;\n    hasConnection?: boolean;\n    xPos?: number;\n    yPos?: number;\n    position: string;\n    isValidConnectionTarget?: boolean;\n  }) => ({\n    '&.react-flow__handle': {\n      width: '16px',\n      height: '16px',\n      top: `${yPos || 0}px`,\n      [position]: `${xPos || 0}px`,\n      borderRadius: '50%',\n      zIndex: 10,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      background: isValidConnectionTarget\n        ? theme.palette.success.main\n        : theme.palette.background.paper,\n      border: `1px solid ${\n        isValidConnectionTarget\n          ? theme.palette.success.main\n          : hasConnection\n          ? theme.palette.grey[600]\n          : theme.palette.error.main\n      }`,\n      '&.connectable': { cursor: 'pointer' },\n      '&:hover': {\n        backgroundColor: isValidConnectionTarget\n          ? theme.palette.success.main\n          : theme.palette.grey[600],\n        borderColor: isValidConnectionTarget\n          ? theme.palette.success.main\n          : theme.palette.grey[600],\n        [`.${REQUIRED_DOT_CLASS}`]: {\n          visibility: 'hidden',\n        },\n      },\n    },\n  }),\n);\n\nconst Dot = stylin(Box, ['hasConnection'])(\n  ({ theme, hasConnection }: { theme: any; hasConnection?: boolean }) => ({\n    width: '4px',\n    height: '4px',\n    borderRadius: '50%',\n    pointerEvents: 'none',\n    backgroundColor: hasConnection\n      ? theme.palette.grey[600]\n      : theme.palette.error.main,\n  }),\n);\n\nconst REMOTE_ICON_CLASS = 'remote-reference-handle-icon';\n\nconst RemoteReferenceHandle = forwardRef<any, any>(\n  ({ hasConnection, ...props }, ref) => (\n    <RemoteStyledHandle hasConnection={hasConnection} {...props} ref={ref}>\n      <RemoteIcon className={REMOTE_ICON_CLASS} />\n    </RemoteStyledHandle>\n  ),\n);\n\nconst RemoteStyledHandle = stylin(Handle, [\n  'hasConnection',\n  'xPos',\n  'yPos',\n  'isValidConnectionTarget',\n])(\n  ({\n    theme,\n    xPos,\n    yPos,\n    position,\n    isValidConnectionTarget,\n  }: {\n    theme: any;\n    xPos?: number;\n    yPos?: number;\n    position: string;\n    isValidConnectionTarget?: boolean;\n  }) => ({\n    '&.react-flow__handle': {\n      width: '16px',\n      height: '16px',\n      top: `${yPos || 0}px`,\n      [position]: `${xPos || 0}px`,\n      borderRadius: '50%',\n      zIndex: 10,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      background: isValidConnectionTarget\n        ? theme.palette.success.main\n        : theme.palette.background.paper,\n      border: `1px solid ${theme.palette.success.main}`,\n      '&.connectable': { cursor: 'pointer' },\n      '&:hover': {\n        backgroundColor: theme.palette.success.main,\n        borderColor: theme.palette.success.main,\n        [`.${REMOTE_ICON_CLASS}`]: { visibility: 'hidden' },\n      },\n    },\n  }),\n);\n\nconst RemoteIcon = stylin(BluetoothIcon)(({ theme }: { theme: any }) => ({\n  width: '8px',\n  height: '8px',\n  pointerEvents: 'none',\n  color: theme.palette.success.main,\n}));\n\nexport const HANDLE_TYPES: Record<string, any> = {\n  [HANDLE_TYPE.DEFAULT]: DefaultHandle,\n  [HANDLE_TYPE.REQUIRED]: RequiredHandle,\n  [HANDLE_TYPE.ERROR]: ErrorHandle,\n  [HANDLE_TYPE.REMOTE_REFERENCE]: RemoteReferenceHandle,\n};\n"],"names":[],"mappings":"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"}

package/dist/features/environment/graph/handles/useAnimationFrameSync.esm.js

@@ -0,0 +1,19 @@
+import { useEffect } from 'react';
+import { useUpdateNodeInternals } from '@xyflow/react';
+
+const useAnimationFrameSync = (nodeId, isActive) => {
+  const updateNodeInternals = useUpdateNodeInternals();
+  useEffect(() => {
+    if (!isActive || !nodeId) return void 0;
+    let frame;
+    const tick = () => {
+      updateNodeInternals(nodeId);
+      frame = window.requestAnimationFrame(tick);
+    };
+    frame = window.requestAnimationFrame(tick);
+    return () => window.cancelAnimationFrame(frame);
+  }, [nodeId, isActive, updateNodeInternals]);
+};
+
+export { useAnimationFrameSync as default };
+//# sourceMappingURL=useAnimationFrameSync.esm.js.map

package/dist/features/environment/graph/handles/useAnimationFrameSync.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimationFrameSync.esm.js","sources":["../../../../../src/features/environment/graph/handles/useAnimationFrameSync.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useUpdateNodeInternals } from '@xyflow/react';\n\nconst useAnimationFrameSync = (nodeId: string, isActive: boolean) => {\n  const updateNodeInternals = useUpdateNodeInternals();\n\n  useEffect(() => {\n    if (!isActive || !nodeId) return undefined;\n    let frame: number;\n    const tick = () => {\n      updateNodeInternals(nodeId);\n      frame = window.requestAnimationFrame(tick);\n    };\n    frame = window.requestAnimationFrame(tick);\n    return () => window.cancelAnimationFrame(frame);\n  }, [nodeId, isActive, updateNodeInternals]);\n};\n\nexport default useAnimationFrameSync;\n"],"names":[],"mappings":";;;AAGA,MAAM,qBAAA,GAAwB,CAAC,MAAA,EAAgB,QAAA,KAAsB;AACnE,EAAA,MAAM,sBAAsB,sBAAA,EAAuB;AAEnD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,QAAA,IAAY,CAAC,MAAA,EAAQ,OAAO,MAAA;AACjC,IAAA,IAAI,KAAA;AACJ,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,mBAAA,CAAoB,MAAM,CAAA;AAC1B,MAAA,KAAA,GAAQ,MAAA,CAAO,sBAAsB,IAAI,CAAA;AAAA,IAC3C,CAAA;AACA,IAAA,KAAA,GAAQ,MAAA,CAAO,sBAAsB,IAAI,CAAA;AACzC,IAAA,OAAO,MAAM,MAAA,CAAO,oBAAA,CAAqB,KAAK,CAAA;AAAA,EAChD,CAAA,EAAG,CAAC,MAAA,EAAQ,QAAA,EAAU,mBAAmB,CAAC,CAAA;AAC5C;;;;"}

package/dist/features/environment/graph/handles/useRadialPositions.esm.js

@@ -0,0 +1,37 @@
+import { useMemo } from 'react';
+
+const toRadians = (angle) => angle * (Math.PI / 180);
+const calcPositions = ({
+  startAngle,
+  endAngle,
+  radius,
+  numItems,
+  originX = 0,
+  originY = 0
+}) => {
+  if (numItems <= 1) return [];
+  const angleStep = (endAngle - startAngle) / (numItems - 1);
+  return Array.from({ length: numItems }, (_unused, index) => {
+    const angle = startAngle + angleStep * index;
+    const x = radius * Math.cos(toRadians(angle));
+    const y = radius * Math.sin(toRadians(angle));
+    return {
+      xPos: originX - Number(x.toFixed(2)),
+      yPos: originY - Number(y.toFixed(2))
+    };
+  });
+};
+const useRadialPositions = ({ startAngle, endAngle, radius, numItems, originX, originY }, { skip } = {}) => useMemo(
+  () => skip ? void 0 : calcPositions({
+    startAngle,
+    endAngle,
+    radius,
+    numItems,
+    originX,
+    originY
+  }),
+  [skip, startAngle, endAngle, radius, numItems, originX, originY]
+);
+
+export { useRadialPositions as default };
+//# sourceMappingURL=useRadialPositions.esm.js.map

package/dist/features/environment/graph/handles/useRadialPositions.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRadialPositions.esm.js","sources":["../../../../../src/features/environment/graph/handles/useRadialPositions.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nconst toRadians = (angle: number) => angle * (Math.PI / 180);\n\ninterface RadialArgs {\n  startAngle: number;\n  endAngle: number;\n  radius: number;\n  numItems: number;\n  originX?: number;\n  originY?: number;\n}\n\nexport interface RadialPosition {\n  xPos: number;\n  yPos: number;\n}\n\nconst calcPositions = ({\n  startAngle,\n  endAngle,\n  radius,\n  numItems,\n  originX = 0,\n  originY = 0,\n}: RadialArgs): RadialPosition[] => {\n  if (numItems <= 1) return [];\n  const angleStep = (endAngle - startAngle) / (numItems - 1);\n  return Array.from({ length: numItems }, (_unused, index) => {\n    const angle = startAngle + angleStep * index;\n    const x = radius * Math.cos(toRadians(angle));\n    const y = radius * Math.sin(toRadians(angle));\n    return {\n      xPos: originX - Number(x.toFixed(2)),\n      yPos: originY - Number(y.toFixed(2)),\n    };\n  });\n};\n\nconst useRadialPositions = (\n  { startAngle, endAngle, radius, numItems, originX, originY }: RadialArgs,\n  { skip }: { skip?: boolean } = {},\n): RadialPosition[] | undefined =>\n  useMemo(\n    () =>\n      skip\n        ? undefined\n        : calcPositions({\n            startAngle,\n            endAngle,\n            radius,\n            numItems,\n            originX,\n            originY,\n          }),\n    [skip, startAngle, endAngle, radius, numItems, originX, originY],\n  );\n\nexport default useRadialPositions;\n"],"names":[],"mappings":";;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAkB,KAAA,IAAS,KAAK,EAAA,GAAK,GAAA,CAAA;AAgBxD,MAAM,gBAAgB,CAAC;AAAA,EACrB,UAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,CAAA;AAAA,EACV,OAAA,GAAU;AACZ,CAAA,KAAoC;AAClC,EAAA,IAAI,QAAA,IAAY,CAAA,EAAG,OAAO,EAAC;AAC3B,EAAA,MAAM,SAAA,GAAA,CAAa,QAAA,GAAW,UAAA,KAAe,QAAA,GAAW,CAAA,CAAA;AACxD,EAAA,OAAO,KAAA,CAAM,KAAK,EAAE,MAAA,EAAQ,UAAS,EAAG,CAAC,SAAS,KAAA,KAAU;AAC1D,IAAA,MAAM,KAAA,GAAQ,aAAa,SAAA,GAAY,KAAA;AACvC,IAAA,MAAM,IAAI,MAAA,GAAS,IAAA,CAAK,GAAA,CAAI,SAAA,CAAU,KAAK,CAAC,CAAA;AAC5C,IAAA,MAAM,IAAI,MAAA,GAAS,IAAA,CAAK,GAAA,CAAI,SAAA,CAAU,KAAK,CAAC,CAAA;AAC5C,IAAA,OAAO;AAAA,MACL,MAAM,OAAA,GAAU,MAAA,CAAO,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,CAAA;AAAA,MACnC,MAAM,OAAA,GAAU,MAAA,CAAO,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC;AAAA,KACrC;AAAA,EACF,CAAC,CAAA;AACH,CAAA;AAEA,MAAM,kBAAA,GAAqB,CACzB,EAAE,UAAA,EAAY,UAAU,MAAA,EAAQ,QAAA,EAAU,OAAA,EAAS,OAAA,EAAQ,EAC3D,EAAE,IAAA,EAAK,GAAwB,EAAC,KAEhC,OAAA;AAAA,EACE,MACE,IAAA,GACI,MAAA,GACA,aAAA,CAAc;AAAA,IACZ,UAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACD,CAAA;AAAA,EACP,CAAC,IAAA,EAAM,UAAA,EAAY,UAAU,MAAA,EAAQ,QAAA,EAAU,SAAS,OAAO;AACjE;;;;"}

package/dist/features/environment/graph/handles/useTransitionLifecycle.esm.js

@@ -0,0 +1,19 @@
+import { useRef, useEffect } from 'react';
+
+const useTransitionLifecycle = (onStart, onCancel) => {
+  const ref = useRef(null);
+  useEffect(() => {
+    const node = ref.current;
+    if (!node) return void 0;
+    node.addEventListener("transitionstart", onStart);
+    node.addEventListener("transitioncancel", onCancel);
+    return () => {
+      node.removeEventListener("transitionstart", onStart);
+      node.removeEventListener("transitioncancel", onCancel);
+    };
+  }, [onStart, onCancel]);
+  return ref;
+};
+
+export { useTransitionLifecycle as default };
+//# sourceMappingURL=useTransitionLifecycle.esm.js.map

package/dist/features/environment/graph/handles/useTransitionLifecycle.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTransitionLifecycle.esm.js","sources":["../../../../../src/features/environment/graph/handles/useTransitionLifecycle.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nconst useTransitionLifecycle = (\n  onStart: (event: TransitionEvent) => void,\n  onCancel: (event: TransitionEvent) => void,\n) => {\n  const ref = useRef<HTMLElement | null>(null);\n  useEffect(() => {\n    const node = ref.current;\n    if (!node) return undefined;\n    node.addEventListener('transitionstart', onStart as EventListener);\n    node.addEventListener('transitioncancel', onCancel as EventListener);\n    return () => {\n      node.removeEventListener('transitionstart', onStart as EventListener);\n      node.removeEventListener('transitioncancel', onCancel as EventListener);\n    };\n  }, [onStart, onCancel]);\n  return ref;\n};\n\nexport default useTransitionLifecycle;\n"],"names":[],"mappings":";;AAEA,MAAM,sBAAA,GAAyB,CAC7B,OAAA,EACA,QAAA,KACG;AACH,EAAA,MAAM,GAAA,GAAM,OAA2B,IAAI,CAAA;AAC3C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,OAAO,GAAA,CAAI,OAAA;AACjB,IAAA,IAAI,CAAC,MAAM,OAAO,MAAA;AAClB,IAAA,IAAA,CAAK,gBAAA,CAAiB,mBAAmB,OAAwB,CAAA;AACjE,IAAA,IAAA,CAAK,gBAAA,CAAiB,oBAAoB,QAAyB,CAAA;AACnE,IAAA,OAAO,MAAM;AACX,MAAA,IAAA,CAAK,mBAAA,CAAoB,mBAAmB,OAAwB,CAAA;AACpE,MAAA,IAAA,CAAK,mBAAA,CAAoB,oBAAoB,QAAyB,CAAA;AAAA,IACxE,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,QAAQ,CAAC,CAAA;AACtB,EAAA,OAAO,GAAA;AACT;;;;"}

package/dist/features/environment/graph/hasUndeployedPlan.esm.js

@@ -0,0 +1,43 @@
+const parseMap = (value) => {
+  if (value == null) return null;
+  if (typeof value === "object") return value;
+  try {
+    return JSON.parse(value);
+  } catch {
+    return null;
+  }
+};
+const stripMdMetadata = (params) => {
+  const { md_metadata: _mdMetadata, ...rest } = params;
+  return rest;
+};
+const deepEqual = (left, right) => {
+  if (left === right) return true;
+  if (typeof left !== "object" || typeof right !== "object" || left === null || right === null) {
+    return false;
+  }
+  const leftIsArray = Array.isArray(left);
+  const rightIsArray = Array.isArray(right);
+  if (leftIsArray !== rightIsArray) return false;
+  const leftKeys = Object.keys(left);
+  const rightKeys = Object.keys(right);
+  if (leftKeys.length !== rightKeys.length) return false;
+  return leftKeys.every(
+    (key) => Object.prototype.hasOwnProperty.call(right, key) && deepEqual(
+      left[key],
+      right[key]
+    )
+  );
+};
+const hasUndeployedPlan = ({
+  instanceParams,
+  latestProvisionParams
+} = {}) => {
+  const current = parseMap(instanceParams);
+  const lastProvisioned = parseMap(latestProvisionParams);
+  if (!current || !lastProvisioned) return false;
+  return !deepEqual(stripMdMetadata(lastProvisioned), stripMdMetadata(current));
+};
+
+export { hasUndeployedPlan as default };
+//# sourceMappingURL=hasUndeployedPlan.esm.js.map

package/dist/features/environment/graph/hasUndeployedPlan.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasUndeployedPlan.esm.js","sources":["../../../../src/features/environment/graph/hasUndeployedPlan.ts"],"sourcesContent":["// Ported from apps/web/features/environments/utils/hasUndeployedPlan.js.\n// Compares an instance's current params against the params of its last\n// successful PROVISION deployment; drift means there is an undeployed plan.\n\nconst parseMap = (value: unknown): Record<string, unknown> | null => {\n  if (value == null) return null;\n  if (typeof value === 'object') return value as Record<string, unknown>;\n  try {\n    return JSON.parse(value as string);\n  } catch {\n    return null;\n  }\n};\n\nconst stripMdMetadata = (\n  params: Record<string, unknown>,\n): Record<string, unknown> => {\n  const { md_metadata: _mdMetadata, ...rest } = params;\n  return rest;\n};\n\nconst deepEqual = (left: unknown, right: unknown): boolean => {\n  if (left === right) return true;\n  if (\n    typeof left !== 'object' ||\n    typeof right !== 'object' ||\n    left === null ||\n    right === null\n  ) {\n    return false;\n  }\n  const leftIsArray = Array.isArray(left);\n  const rightIsArray = Array.isArray(right);\n  if (leftIsArray !== rightIsArray) return false;\n  const leftKeys = Object.keys(left as Record<string, unknown>);\n  const rightKeys = Object.keys(right as Record<string, unknown>);\n  if (leftKeys.length !== rightKeys.length) return false;\n  return leftKeys.every(\n    key =>\n      Object.prototype.hasOwnProperty.call(right, key) &&\n      deepEqual(\n        (left as Record<string, unknown>)[key],\n        (right as Record<string, unknown>)[key],\n      ),\n  );\n};\n\nconst hasUndeployedPlan = ({\n  instanceParams,\n  latestProvisionParams,\n}: {\n  instanceParams?: unknown;\n  latestProvisionParams?: unknown;\n} = {}): boolean => {\n  const current = parseMap(instanceParams);\n  const lastProvisioned = parseMap(latestProvisionParams);\n  if (!current || !lastProvisioned) return false;\n  return !deepEqual(stripMdMetadata(lastProvisioned), stripMdMetadata(current));\n};\n\nexport default hasUndeployedPlan;\n"],"names":[],"mappings":"AAIA,MAAM,QAAA,GAAW,CAAC,KAAA,KAAmD;AACnE,EAAA,IAAI,KAAA,IAAS,MAAM,OAAO,IAAA;AAC1B,EAAA,IAAI,OAAO,KAAA,KAAU,QAAA,EAAU,OAAO,KAAA;AACtC,EAAA,IAAI;AACF,IAAA,OAAO,IAAA,CAAK,MAAM,KAAe,CAAA;AAAA,EACnC,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,IAAA;AAAA,EACT;AACF,CAAA;AAEA,MAAM,eAAA,GAAkB,CACtB,MAAA,KAC4B;AAC5B,EAAA,MAAM,EAAE,WAAA,EAAa,WAAA,EAAa,GAAG,MAAK,GAAI,MAAA;AAC9C,EAAA,OAAO,IAAA;AACT,CAAA;AAEA,MAAM,SAAA,GAAY,CAAC,IAAA,EAAe,KAAA,KAA4B;AAC5D,EAAA,IAAI,IAAA,KAAS,OAAO,OAAO,IAAA;AAC3B,EAAA,IACE,OAAO,SAAS,QAAA,IAChB,OAAO,UAAU,QAAA,IACjB,IAAA,KAAS,IAAA,IACT,KAAA,KAAU,IAAA,EACV;AACA,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,MAAM,WAAA,GAAc,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA;AACtC,EAAA,MAAM,YAAA,GAAe,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA;AACxC,EAAA,IAAI,WAAA,KAAgB,cAAc,OAAO,KAAA;AACzC,EAAA,MAAM,QAAA,GAAW,MAAA,CAAO,IAAA,CAAK,IAA+B,CAAA;AAC5D,EAAA,MAAM,SAAA,GAAY,MAAA,CAAO,IAAA,CAAK,KAAgC,CAAA;AAC9D,EAAA,IAAI,QAAA,CAAS,MAAA,KAAW,SAAA,CAAU,MAAA,EAAQ,OAAO,KAAA;AACjD,EAAA,OAAO,QAAA,CAAS,KAAA;AAAA,IACd,SACE,MAAA,CAAO,SAAA,CAAU,eAAe,IAAA,CAAK,KAAA,EAAO,GAAG,CAAA,IAC/C,SAAA;AAAA,MACG,KAAiC,GAAG,CAAA;AAAA,MACpC,MAAkC,GAAG;AAAA;AACxC,GACJ;AACF,CAAA;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB,cAAA;AAAA,EACA;AACF,CAAA,GAGI,EAAC,KAAe;AAClB,EAAA,MAAM,OAAA,GAAU,SAAS,cAAc,CAAA;AACvC,EAAA,MAAM,eAAA,GAAkB,SAAS,qBAAqB,CAAA;AACtD,EAAA,IAAI,CAAC,OAAA,IAAW,CAAC,eAAA,EAAiB,OAAO,KAAA;AACzC,EAAA,OAAO,CAAC,SAAA,CAAU,eAAA,CAAgB,eAAe,CAAA,EAAG,eAAA,CAAgB,OAAO,CAAC,CAAA;AAC9E;;;;"}

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

@@ -0,0 +1,103 @@
+const PROJECT_BLUEPRINT_QUERY = `
+  query MassdriverProjectBlueprint($organizationId: ID!, $projectId: ID!) {
+    project(organizationId: $organizationId, id: $projectId) {
+      id
+      components {
+        id
+        name
+        position { x y }
+        ociRepo { id name }
+      }
+      links {
+        id
+        fromField
+        toField
+        fromComponent { id }
+        toComponent { id }
+      }
+    }
+  }
+`;
+const ENVIRONMENT_BLUEPRINT_QUERY = `
+  query MassdriverEnvironmentBlueprint(
+    $organizationId: ID!
+    $environmentId: ID!
+  ) {
+    environment(organizationId: $organizationId, id: $environmentId) {
+      id
+      name
+      instances {
+        id
+        name
+        status
+        version
+        bundle {
+          id
+          name
+          version
+          icon
+          dependencies {
+            name
+            required
+            resourceType { id connectionOrientation }
+          }
+          resources {
+            name
+            required
+            resourceType { id connectionOrientation }
+          }
+        }
+      }
+      connections {
+        id
+        fromField
+        toField
+        fromInstance { id }
+        toInstance { id }
+        link { id }
+      }
+    }
+  }
+`;
+const NODE_META_QUERY = `
+  query MassdriverNodeInstanceMeta($organizationId: ID!, $id: ID!) {
+    instance(organizationId: $organizationId, id: $id) {
+      id
+      updatedAt
+      resolvedVersion
+      deployedVersion
+      availableUpgrade
+      params
+      cost {
+        lastDay { amount currency }
+        lastMonth { amount currency }
+        dailyAverage { amount currency }
+        monthlyAverage { amount currency }
+      }
+      alarms(cursor: { limit: 50 }) {
+        items {
+          id
+          currentState { status }
+        }
+      }
+    }
+    latestProvision: deployments(
+      organizationId: $organizationId
+      filter: {
+        instanceId: { eq: $id }
+        action: { eq: PROVISION }
+        status: { eq: COMPLETED }
+      }
+      sort: { field: CREATED_AT, order: DESC }
+      cursor: { limit: 1 }
+    ) {
+      items {
+        id
+        params
+      }
+    }
+  }
+`;
+
+export { ENVIRONMENT_BLUEPRINT_QUERY, NODE_META_QUERY, PROJECT_BLUEPRINT_QUERY };
+//# sourceMappingURL=queries.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queries.esm.js","sources":["../../../../src/features/environment/graph/queries.ts"],"sourcesContent":["import type { Component, Connection, Instance, Link } from './diagramFactory';\n\n// Blueprint of a project's components + links (the graph's static topology).\nexport const PROJECT_BLUEPRINT_QUERY = `\n  query MassdriverProjectBlueprint($organizationId: ID!, $projectId: ID!) {\n    project(organizationId: $organizationId, id: $projectId) {\n      id\n      components {\n        id\n        name\n        position { x y }\n        ociRepo { id name }\n      }\n      links {\n        id\n        fromField\n        toField\n        fromComponent { id }\n        toComponent { id }\n      }\n    }\n  }\n`;\n\nexport interface ProjectBlueprintResult {\n  project: {\n    id: string;\n    components?: Component[] | null;\n    links?: Link[] | null;\n  } | null;\n}\n\n// Deployed instances + live connections in an environment.\nexport const ENVIRONMENT_BLUEPRINT_QUERY = `\n  query MassdriverEnvironmentBlueprint(\n    $organizationId: ID!\n    $environmentId: ID!\n  ) {\n    environment(organizationId: $organizationId, id: $environmentId) {\n      id\n      name\n      instances {\n        id\n        name\n        status\n        version\n        bundle {\n          id\n          name\n          version\n          icon\n          dependencies {\n            name\n            required\n            resourceType { id connectionOrientation }\n          }\n          resources {\n            name\n            required\n            resourceType { id connectionOrientation }\n          }\n        }\n      }\n      connections {\n        id\n        fromField\n        toField\n        fromInstance { id }\n        toInstance { id }\n        link { id }\n      }\n    }\n  }\n`;\n\nexport interface EnvironmentBlueprintResult {\n  environment: {\n    id: string;\n    name?: string | null;\n    instances?: Instance[] | null;\n    connections?: Connection[] | null;\n  } | null;\n}\n\n// Per-node metadata (cost, alarms, versions, last-edited, undeployed plan).\nexport const NODE_META_QUERY = `\n  query MassdriverNodeInstanceMeta($organizationId: ID!, $id: ID!) {\n    instance(organizationId: $organizationId, id: $id) {\n      id\n      updatedAt\n      resolvedVersion\n      deployedVersion\n      availableUpgrade\n      params\n      cost {\n        lastDay { amount currency }\n        lastMonth { amount currency }\n        dailyAverage { amount currency }\n        monthlyAverage { amount currency }\n      }\n      alarms(cursor: { limit: 50 }) {\n        items {\n          id\n          currentState { status }\n        }\n      }\n    }\n    latestProvision: deployments(\n      organizationId: $organizationId\n      filter: {\n        instanceId: { eq: $id }\n        action: { eq: PROVISION }\n        status: { eq: COMPLETED }\n      }\n      sort: { field: CREATED_AT, order: DESC }\n      cursor: { limit: 1 }\n    ) {\n      items {\n        id\n        params\n      }\n    }\n  }\n`;\n\nexport interface Money {\n  amount?: number | null;\n  currency?: string | null;\n}\n\nexport interface NodeCost {\n  lastDay?: Money | null;\n  lastMonth?: Money | null;\n  dailyAverage?: Money | null;\n  monthlyAverage?: Money | null;\n}\n\nexport interface AlarmItem {\n  id: string;\n  currentState?: { status?: string | null } | null;\n}\n\nexport interface NodeMetaResult {\n  instance: {\n    id: string;\n    updatedAt?: string | null;\n    resolvedVersion?: string | null;\n    deployedVersion?: string | null;\n    availableUpgrade?: string | null;\n    params?: unknown;\n    cost?: NodeCost | null;\n    alarms?: { items?: (AlarmItem | null)[] | null } | null;\n  } | null;\n  latestProvision?: {\n    items?: Array<{ id: string; params?: unknown } | null> | null;\n  } | null;\n}\n"],"names":[],"mappings":"AAGO,MAAM,uBAAA,GAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BhC,MAAM,2BAAA,GAA8B;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;AAoDpC,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;;;;"}

package/dist/features/environment/graph/useDiagramSnapshot.esm.js

@@ -0,0 +1,43 @@
+import { useState, useCallback } from 'react';
+import { toPng } from 'html-to-image';
+
+const EXCLUDED_CLASSES = [
+  "react-flow__controls",
+  "react-flow__minimap",
+  "react-flow__panel"
+];
+const excludeChrome = (node) => !EXCLUDED_CLASSES.some((name) => node?.classList?.contains(name));
+const useDiagramSnapshot = ({
+  wrapperRef,
+  fileNameBase
+}) => {
+  const [isSnapshotting, setIsSnapshotting] = useState(false);
+  const onSnapshotClick = useCallback(async () => {
+    const wrapper = wrapperRef?.current;
+    if (!wrapper) return;
+    setIsSnapshotting(true);
+    try {
+      const dataUrl = await toPng(wrapper, {
+        cacheBust: true,
+        backgroundColor: "#ffffff",
+        filter: excludeChrome
+      });
+      const link = document.createElement("a");
+      link.setAttribute(
+        "download",
+        `${fileNameBase}-diagram-snapshot-${(/* @__PURE__ */ new Date()).toISOString()}.png`
+      );
+      link.setAttribute("href", dataUrl);
+      link.click();
+      link.remove();
+    } catch (error) {
+      console.error("Unable to download diagram snapshot.", error);
+    } finally {
+      setIsSnapshotting(false);
+    }
+  }, [wrapperRef, fileNameBase]);
+  return { onSnapshotClick, isSnapshotting };
+};
+
+export { useDiagramSnapshot as default, useDiagramSnapshot };
+//# sourceMappingURL=useDiagramSnapshot.esm.js.map

package/dist/features/environment/graph/useDiagramSnapshot.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDiagramSnapshot.esm.js","sources":["../../../../src/features/environment/graph/useDiagramSnapshot.ts"],"sourcesContent":["import { useCallback, useState, type RefObject } from 'react';\nimport { toPng } from 'html-to-image';\n\n// React Flow chrome we don't want baked into the exported image.\nconst EXCLUDED_CLASSES = [\n  'react-flow__controls',\n  'react-flow__minimap',\n  'react-flow__panel',\n];\n\nconst excludeChrome = (node: HTMLElement) =>\n  !EXCLUDED_CLASSES.some(name => node?.classList?.contains(name));\n\n/**\n * Captures the diagram wrapper to a PNG and triggers a download. Ported from the\n * web app's `useDiagramSnapshot`; errors are logged rather than surfaced through\n * a snackbar (the plugin has no notice system).\n */\nexport const useDiagramSnapshot = ({\n  wrapperRef,\n  fileNameBase,\n}: {\n  wrapperRef: RefObject<HTMLElement>;\n  fileNameBase: string;\n}) => {\n  const [isSnapshotting, setIsSnapshotting] = useState(false);\n\n  const onSnapshotClick = useCallback(async () => {\n    const wrapper = wrapperRef?.current;\n    if (!wrapper) return;\n\n    setIsSnapshotting(true);\n    try {\n      const dataUrl = await toPng(wrapper, {\n        cacheBust: true,\n        backgroundColor: '#ffffff',\n        filter: excludeChrome,\n      });\n\n      const link = document.createElement('a');\n      link.setAttribute(\n        'download',\n        `${fileNameBase}-diagram-snapshot-${new Date().toISOString()}.png`,\n      );\n      link.setAttribute('href', dataUrl);\n      link.click();\n      link.remove();\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error('Unable to download diagram snapshot.', error);\n    } finally {\n      setIsSnapshotting(false);\n    }\n  }, [wrapperRef, fileNameBase]);\n\n  return { onSnapshotClick, isSnapshotting };\n};\n\nexport default useDiagramSnapshot;\n"],"names":[],"mappings":";;;AAIA,MAAM,gBAAA,GAAmB;AAAA,EACvB,sBAAA;AAAA,EACA,qBAAA;AAAA,EACA;AACF,CAAA;AAEA,MAAM,aAAA,GAAgB,CAAC,IAAA,KACrB,CAAC,gBAAA,CAAiB,IAAA,CAAK,CAAA,IAAA,KAAQ,IAAA,EAAM,SAAA,EAAW,QAAA,CAAS,IAAI,CAAC,CAAA;AAOzD,MAAM,qBAAqB,CAAC;AAAA,EACjC,UAAA;AAAA,EACA;AACF,CAAA,KAGM;AACJ,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAS,KAAK,CAAA;AAE1D,EAAA,MAAM,eAAA,GAAkB,YAAY,YAAY;AAC9C,IAAA,MAAM,UAAU,UAAA,EAAY,OAAA;AAC5B,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,iBAAA,CAAkB,IAAI,CAAA;AACtB,IAAA,IAAI;AACF,MAAA,MAAM,OAAA,GAAU,MAAM,KAAA,CAAM,OAAA,EAAS;AAAA,QACnC,SAAA,EAAW,IAAA;AAAA,QACX,eAAA,EAAiB,SAAA;AAAA,QACjB,MAAA,EAAQ;AAAA,OACT,CAAA;AAED,MAAA,MAAM,IAAA,GAAO,QAAA,CAAS,aAAA,CAAc,GAAG,CAAA;AACvC,MAAA,IAAA,CAAK,YAAA;AAAA,QACH,UAAA;AAAA,QACA,GAAG,YAAY,CAAA,kBAAA,EAAA,qBAAyB,IAAA,EAAK,EAAE,aAAa,CAAA,IAAA;AAAA,OAC9D;AACA,MAAA,IAAA,CAAK,YAAA,CAAa,QAAQ,OAAO,CAAA;AACjC,MAAA,IAAA,CAAK,KAAA,EAAM;AACX,MAAA,IAAA,CAAK,MAAA,EAAO;AAAA,IACd,SAAS,KAAA,EAAO;AAEd,MAAA,OAAA,CAAQ,KAAA,CAAM,wCAAwC,KAAK,CAAA;AAAA,IAC7D,CAAA,SAAE;AACA,MAAA,iBAAA,CAAkB,KAAK,CAAA;AAAA,IACzB;AAAA,EACF,CAAA,EAAG,CAAC,UAAA,EAAY,YAAY,CAAC,CAAA;AAE7B,EAAA,OAAO,EAAE,iBAAiB,cAAA,EAAe;AAC3C;;;;"}

package/dist/features/environment/realtime/RealtimeProvider.esm.js

@@ -0,0 +1,43 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, createContext, useContext } from 'react';
+import useMassdriverSubscription from '../../../hooks/useMassdriverSubscription.esm.js';
+import { ENVIRONMENT_EVENTS_SUBSCRIPTION, PROJECT_EVENTS_SUBSCRIPTION } from './queries.esm.js';
+
+const RealtimeRevisionContext = createContext(0);
+const useRealtimeRevision = () => useContext(RealtimeRevisionContext);
+const COALESCE_MS = 250;
+const RealtimeProvider = ({
+  projectId,
+  environmentId,
+  children
+}) => {
+  const [revision, setRevision] = useState(0);
+  const timerRef = useRef(void 0);
+  const bumpRevision = () => {
+    if (timerRef.current) return;
+    timerRef.current = setTimeout(() => {
+      timerRef.current = void 0;
+      setRevision((current) => current + 1);
+    }, COALESCE_MS);
+  };
+  useMassdriverSubscription(
+    ENVIRONMENT_EVENTS_SUBSCRIPTION,
+    { environmentId },
+    { skip: !environmentId, onData: bumpRevision }
+  );
+  useMassdriverSubscription(
+    PROJECT_EVENTS_SUBSCRIPTION,
+    { projectId },
+    { skip: !projectId, onData: bumpRevision }
+  );
+  useEffect(
+    () => () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx(RealtimeRevisionContext.Provider, { value: revision, children });
+};
+
+export { RealtimeProvider, useRealtimeRevision };
+//# sourceMappingURL=RealtimeProvider.esm.js.map

package/dist/features/environment/realtime/RealtimeProvider.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RealtimeProvider.esm.js","sources":["../../../../src/features/environment/realtime/RealtimeProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { useMassdriverSubscription } from '../../../hooks/useMassdriverSubscription';\nimport {\n  ENVIRONMENT_EVENTS_SUBSCRIPTION,\n  PROJECT_EVENTS_SUBSCRIPTION,\n} from './queries';\n\n// A monotonically-increasing revision that bumps whenever the environment emits\n// an event. Data hooks (graph snapshot, drawer tabs) include it in their\n// `useAsync` deps to refetch on change — the plugin has no Apollo cache to merge\n// live payloads into, so \"refetch on event\" is how the read-only views stay\n// live. Default 0 outside a provider (hooks simply never refetch from realtime).\nconst RealtimeRevisionContext = createContext(0);\n\n/** Latest realtime revision for the surrounding environment. */\nexport const useRealtimeRevision = (): number =>\n  useContext(RealtimeRevisionContext);\n\n// Coalesce bursts of events (a deployment can emit many in a tick) into a single\n// refetch on the trailing edge.\nconst COALESCE_MS = 250;\n\n/**\n * Mounts the environment-events and project-events subscriptions and exposes a\n * debounced revision to descendants. Wrap the environment graph page so the\n * graph and instance drawer refetch when the environment changes in the web\n * app. Both scopes are required: instances/deployments/connections/alarms are\n * environment events, but the blueprint half of the graph — components, their\n * positions, and links — only emits project events.\n */\nexport const RealtimeProvider = ({\n  projectId,\n  environmentId,\n  children,\n}: {\n  projectId: string;\n  environmentId: string;\n  children: ReactNode;\n}) => {\n  const [revision, setRevision] = useState(0);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  // Shared across both subscriptions so a burst spanning scopes (a deploy\n  // emits project and environment events) still coalesces into one refetch.\n  const bumpRevision = () => {\n    if (timerRef.current) return;\n    timerRef.current = setTimeout(() => {\n      timerRef.current = undefined;\n      setRevision(current => current + 1);\n    }, COALESCE_MS);\n  };\n\n  useMassdriverSubscription(\n    ENVIRONMENT_EVENTS_SUBSCRIPTION,\n    { environmentId },\n    { skip: !environmentId, onData: bumpRevision },\n  );\n\n  useMassdriverSubscription(\n    PROJECT_EVENTS_SUBSCRIPTION,\n    { projectId },\n    { skip: !projectId, onData: bumpRevision },\n  );\n\n  useEffect(\n    () => () => {\n      if (timerRef.current) clearTimeout(timerRef.current);\n    },\n    [],\n  );\n\n  return (\n    <RealtimeRevisionContext.Provider value={revision}>\n      {children}\n    </RealtimeRevisionContext.Provider>\n  );\n};\n\nexport default RealtimeProvider;\n"],"names":[],"mappings":";;;;;AAmBA,MAAM,uBAAA,GAA0B,cAAc,CAAC,CAAA;AAGxC,MAAM,mBAAA,GAAsB,MACjC,UAAA,CAAW,uBAAuB;AAIpC,MAAM,WAAA,GAAc,GAAA;AAUb,MAAM,mBAAmB,CAAC;AAAA,EAC/B,SAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,KAIM;AACJ,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,CAAC,CAAA;AAC1C,EAAA,MAAM,QAAA,GAAW,OAAkD,MAAS,CAAA;AAI5E,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,IAAI,SAAS,OAAA,EAAS;AACtB,IAAA,QAAA,CAAS,OAAA,GAAU,WAAW,MAAM;AAClC,MAAA,QAAA,CAAS,OAAA,GAAU,MAAA;AACnB,MAAA,WAAA,CAAY,CAAA,OAAA,KAAW,UAAU,CAAC,CAAA;AAAA,IACpC,GAAG,WAAW,CAAA;AAAA,EAChB,CAAA;AAEA,EAAA,yBAAA;AAAA,IACE,+BAAA;AAAA,IACA,EAAE,aAAA,EAAc;AAAA,IAChB,EAAE,IAAA,EAAM,CAAC,aAAA,EAAe,QAAQ,YAAA;AAAa,GAC/C;AAEA,EAAA,yBAAA;AAAA,IACE,2BAAA;AAAA,IACA,EAAE,SAAA,EAAU;AAAA,IACZ,EAAE,IAAA,EAAM,CAAC,SAAA,EAAW,QAAQ,YAAA;AAAa,GAC3C;AAEA,EAAA,SAAA;AAAA,IACE,MAAM,MAAM;AACV,MAAA,IAAI,QAAA,CAAS,OAAA,EAAS,YAAA,CAAa,QAAA,CAAS,OAAO,CAAA;AAAA,IACrD,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,2BACG,uBAAA,CAAwB,QAAA,EAAxB,EAAiC,KAAA,EAAO,UACtC,QAAA,EACH,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,76 @@
+const ENVIRONMENT_EVENTS_SUBSCRIPTION = `
+  subscription MassdriverEnvironmentEvents(
+    $organizationId: ID!
+    $environmentId: ID!
+  ) {
+    environmentEvents(
+      organizationId: $organizationId
+      environmentId: $environmentId
+    ) {
+      ... on Event {
+        action
+        timestamp
+      }
+      ... on InstanceEvent {
+        instance { id status version }
+      }
+      ... on DeploymentEvent {
+        deployment { id status }
+      }
+      ... on ConnectionEvent {
+        connection { id }
+      }
+      ... on AlarmEvent {
+        alarm { id currentState { id status } }
+      }
+      ... on EnvironmentDefaultEvent {
+        environmentDefault { id }
+      }
+    }
+  }
+`;
+const PROJECT_EVENTS_SUBSCRIPTION = `
+  subscription MassdriverProjectEvents(
+    $organizationId: ID!
+    $projectId: ID!
+  ) {
+    projectEvents(
+      organizationId: $organizationId
+      projectId: $projectId
+    ) {
+      ... on Event {
+        action
+        timestamp
+      }
+      ... on ProjectEvent {
+        project { id }
+      }
+      ... on EnvironmentEvent {
+        environment { id }
+      }
+      ... on ComponentEvent {
+        component { id position { x y } }
+      }
+      ... on LinkEvent {
+        link { id }
+      }
+    }
+  }
+`;
+const DEPLOYMENT_LOGS_SUBSCRIPTION = `
+  subscription MassdriverDeploymentLogs(
+    $organizationId: ID!
+    $deploymentId: ID!
+  ) {
+    deploymentLogs(
+      organizationId: $organizationId
+      deploymentId: $deploymentId
+    ) {
+      timestamp
+      message
+    }
+  }
+`;
+
+export { DEPLOYMENT_LOGS_SUBSCRIPTION, ENVIRONMENT_EVENTS_SUBSCRIPTION, PROJECT_EVENTS_SUBSCRIPTION };
+//# sourceMappingURL=queries.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queries.esm.js","sources":["../../../../src/features/environment/realtime/queries.ts"],"sourcesContent":["// Subscription documents for the environment graph's live updates. Proxied\n// through the backend SSE relay, which injects `organizationId` (callers pass\n// only the remaining variables). Every normalizable selection includes `id`.\n\n// Fires whenever anything in the environment changes — an instance's status or\n// version, a deployment's lifecycle, a connection, an alarm's firing state, or\n// an environment default. The drawer/graph don't keep an Apollo cache, so the\n// payload is only used to trigger a refetch; we still select id-bearing fields\n// so the document is valid and future consumers can read from it.\nexport const ENVIRONMENT_EVENTS_SUBSCRIPTION = `\n  subscription MassdriverEnvironmentEvents(\n    $organizationId: ID!\n    $environmentId: ID!\n  ) {\n    environmentEvents(\n      organizationId: $organizationId\n      environmentId: $environmentId\n    ) {\n      ... on Event {\n        action\n        timestamp\n      }\n      ... on InstanceEvent {\n        instance { id status version }\n      }\n      ... on DeploymentEvent {\n        deployment { id status }\n      }\n      ... on ConnectionEvent {\n        connection { id }\n      }\n      ... on AlarmEvent {\n        alarm { id currentState { id status } }\n      }\n      ... on EnvironmentDefaultEvent {\n        environmentDefault { id }\n      }\n    }\n  }\n`;\n\n// Blueprint-side changes — component adds/removes/moves (position), links, and\n// environment metadata — are project-scoped and flow through `projectEvents`,\n// NOT `environmentEvents`. Without this the graph never refetches when someone\n// rearranges or rewires the design in the web app. Same refetch-only contract\n// as above: the payload just bumps the revision.\nexport const PROJECT_EVENTS_SUBSCRIPTION = `\n  subscription MassdriverProjectEvents(\n    $organizationId: ID!\n    $projectId: ID!\n  ) {\n    projectEvents(\n      organizationId: $organizationId\n      projectId: $projectId\n    ) {\n      ... on Event {\n        action\n        timestamp\n      }\n      ... on ProjectEvent {\n        project { id }\n      }\n      ... on EnvironmentEvent {\n        environment { id }\n      }\n      ... on ComponentEvent {\n        component { id position { x y } }\n      }\n      ... on LinkEvent {\n        link { id }\n      }\n    }\n  }\n`;\n\n// Streams one batch of appended log lines per worker flush for a single\n// deployment. Unlike the query backfill, it sends only the new lines.\nexport const DEPLOYMENT_LOGS_SUBSCRIPTION = `\n  subscription MassdriverDeploymentLogs(\n    $organizationId: ID!\n    $deploymentId: ID!\n  ) {\n    deploymentLogs(\n      organizationId: $organizationId\n      deploymentId: $deploymentId\n    ) {\n      timestamp\n      message\n    }\n  }\n`;\n"],"names":[],"mappings":"AASO,MAAM,+BAAA,GAAkC;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;AAqCxC,MAAM,2BAAA,GAA8B;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;AA+BpC,MAAM,4BAAA,GAA+B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}