@industry-theme/repository-composition-panels 0.6.7 → 0.6.8

package/dist/{index-BOgxBkoa.js → index-iJqxW9Dv.js}

@@ -104205,7 +104205,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-AfGuQn9U.js");
+    await import("./browserAll-BMFz0tFK.js");
   }
 };
 const webworkerExt = {
@@ -104216,7 +104216,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-Dc1Ywudq.js");
+    await import("./webworkerAll-DQUlWM-8.js");
   }
 };
 class ObservablePoint {
@@ -116459,19 +116459,19 @@ async function autoDetectRenderer(options) {
   for (let i2 = 0; i2 < preferredOrder.length; i2++) {
     const rendererType = preferredOrder[i2];
     if (rendererType === "webgpu" && await isWebGPUSupported()) {
-      const { WebGPURenderer } = await import("./WebGPURenderer-CBPe3ZFu.js");
+      const { WebGPURenderer } = await import("./WebGPURenderer-DT7-x1xm.js");
       RendererClass = WebGPURenderer;
       finalOptions = { ...options, ...options.webgpu };
       break;
     } else if (rendererType === "webgl" && isWebGLSupported(
       options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat
     )) {
-      const { WebGLRenderer } = await import("./WebGLRenderer-KCjes89V.js");
+      const { WebGLRenderer } = await import("./WebGLRenderer-CxCLwJCl.js");
       RendererClass = WebGLRenderer;
       finalOptions = { ...options, ...options.webgl };
       break;
     } else if (rendererType === "canvas") {
-      const { CanvasRenderer } = await import("./CanvasRenderer-vrEt8Kvw.js");
+      const { CanvasRenderer } = await import("./CanvasRenderer-Bjw_lWbh.js");
       RendererClass = CanvasRenderer;
       finalOptions = { ...options, ...options.canvasOptions };
       break;
@@ -132872,8 +132872,8 @@ This indicates a sprite was rendered without valid backing data.`
     console.log("[nodes memo] Created nodes:", { total: memberNodes.length });
     return memberNodes;
   }, [collection.id, memberships, repositories, dependencies]);
-  const validatedNodes = useMemo(() => {
-    console.log("[validatedNodes] Validating nodes:", nodes.length);
+  const { validNodes, unplacedNodes } = useMemo(() => {
+    console.log("[nodeValidation] Validating nodes:", nodes.length);
     const nodesWithPositions = nodes.filter(
       (n2) => {
         var _a2, _b;
@@ -132882,41 +132882,29 @@ This indicates a sprite was rendered without valid backing data.`
     );
     const isInitialLoad = nodesWithPositions.length === 0 && nodes.length > 0;
     if (isInitialLoad) {
-      console.log("[validatedNodes] Initial load detected, skipping validation (auto-layout will run)");
-      return nodes;
+      console.log("[nodeValidation] Initial load detected, skipping validation (auto-layout will run)");
+      return { validNodes: nodes, unplacedNodes: [] };
     }
-    const invalidNodes = [];
+    const valid2 = [];
+    const unplaced = [];
     nodes.forEach((node2) => {
-      var _a2, _b;
       const hasRegion = !!node2.regionId;
-      const hasPosition = ((_a2 = node2.layout) == null ? void 0 : _a2.gridX) !== void 0 && ((_b = node2.layout) == null ? void 0 : _b.gridY) !== void 0;
-      if (!hasRegion) {
-        invalidNodes.push({
-          id: node2.id,
-          reason: `Missing regionId (has layout: ${hasPosition})`
-        });
+      if (hasRegion) {
+        valid2.push(node2);
+      } else {
+        unplaced.push(node2);
       }
     });
-    if (invalidNodes.length > 0) {
-      const error = new Error(
-        `[CollectionMapPanel] FATAL: Attempting to render nodes without regionId!
-This should never happen. All nodes must have a regionId before rendering.
-(Nodes without layout positions will be auto-positioned using circle packing)
-
-Invalid nodes (${invalidNodes.length}):
-` + invalidNodes.map((n2) => `  - ${n2.id}: ${n2.reason}`).join("\n") + `
-
-Total nodes: ${nodes.length}
-Collection: ${collection.id}
-
-This is not initial load - auto-assignment should have already run.`
+    if (unplaced.length > 0) {
+      console.warn(
+        `[nodeValidation] Found ${unplaced.length} unplaced nodes (no regionId):
+` + unplaced.map((n2) => `  - ${n2.id}`).join("\n")
       );
-      console.error(error);
-      throw error;
+    } else {
+      console.log("[nodeValidation] ✓ All nodes have regionId");
     }
-    console.log("[validatedNodes] ✓ All nodes valid");
-    return nodes;
-  }, [nodes, collection.id]);
+    return { validNodes: valid2, unplacedNodes: unplaced };
+  }, [nodes]);
   const hasComputedLayout = useRef(false);
   const prevCollectionIdRef = useRef(null);
   useEffect(() => {
@@ -132994,6 +132982,24 @@ This is not initial load - auto-assignment should have already run.`
     console.log("[CollectionMapPanel] Viewport ready for coordinate conversion");
     viewportRef.current = viewport;
   }, []);
+  const handleDrawerDrop = useCallback(async (event) => {
+    const unplacedNodeData = event.dataTransfer.getData("application/x-unplaced-node");
+    if (!unplacedNodeData) return;
+    event.preventDefault();
+    event.stopPropagation();
+    const { nodeId } = JSON.parse(unplacedNodeData);
+    console.log("[handleDrawerDrop] Dropping unplaced node:", nodeId);
+    const gridCoords = domEventToGridCoords(
+      event.clientX,
+      event.clientY,
+      viewportRef.current,
+      canvasRef.current
+    );
+    const gridX = Math.round(gridCoords.gridX);
+    const gridY = Math.round(gridCoords.gridY);
+    console.log("[handleDrawerDrop] Placing at:", { gridX, gridY });
+    await handleProjectMoved(nodeId, gridX, gridY);
+  }, [handleProjectMoved]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -133008,6 +133014,12 @@ This is not initial load - auto-assignment should have already run.`
         transition: "border-color 0.2s ease"
       },
       ...dropZoneProps,
+      onDragOver: (e2) => {
+        if (e2.dataTransfer.types.includes("application/x-unplaced-node")) {
+          e2.preventDefault();
+        }
+      },
+      onDrop: handleDrawerDrop,
       children: [
         /* @__PURE__ */ jsx(
           "button",
@@ -133042,7 +133054,7 @@ This is not initial load - auto-assignment should have already run.`
         /* @__PURE__ */ jsx(
           OverworldMapPanelContent,
           {
-            nodes: validatedNodes,
+            nodes: validNodes,
             regionLayout,
             isLoading,
             isEditingRegions,
@@ -133058,6 +133070,103 @@ This is not initial load - auto-assignment should have already run.`
             onRenameRegion: handleRenameRegion,
             onDeleteRegion: handleDeleteRegion
           }
+        ),
+        unplacedNodes.length > 0 && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              bottom: 0,
+              left: 0,
+              right: 0,
+              backgroundColor: "rgba(20, 20, 30, 0.95)",
+              borderTop: "2px solid #ef4444",
+              padding: "12px 16px",
+              display: "flex",
+              flexDirection: "column",
+              gap: "8px",
+              maxHeight: "180px",
+              zIndex: 200,
+              boxShadow: "0 -4px 6px rgba(0, 0, 0, 0.3)"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    color: "#ef4444",
+                    fontSize: "13px",
+                    fontWeight: 600,
+                    fontFamily: "monospace"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs("span", { children: [
+                      "⚠️ Unplaced Repositories (",
+                      unplacedNodes.length,
+                      ")"
+                    ] }),
+                    /* @__PURE__ */ jsx("span", { style: { fontSize: "11px", color: "#999" }, children: "Drag onto map to place" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    gap: "8px",
+                    overflowX: "auto",
+                    overflowY: "hidden",
+                    paddingBottom: "4px"
+                  },
+                  children: unplacedNodes.map((node2) => /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      draggable: true,
+                      onDragStart: (e2) => {
+                        e2.dataTransfer.setData("text/plain", node2.id);
+                        e2.dataTransfer.setData("application/x-unplaced-node", JSON.stringify({
+                          nodeId: node2.id,
+                          name: node2.name
+                        }));
+                      },
+                      style: {
+                        flexShrink: 0,
+                        minWidth: "120px",
+                        padding: "10px 12px",
+                        backgroundColor: "#2a2a3e",
+                        border: "1px solid #444",
+                        borderRadius: "6px",
+                        cursor: "grab",
+                        transition: "all 0.2s",
+                        color: "#fff",
+                        fontSize: "12px",
+                        fontWeight: 500
+                      },
+                      onMouseEnter: (e2) => {
+                        e2.currentTarget.style.backgroundColor = "#353548";
+                        e2.currentTarget.style.borderColor = "#666";
+                        e2.currentTarget.style.transform = "translateY(-2px)";
+                      },
+                      onMouseLeave: (e2) => {
+                        e2.currentTarget.style.backgroundColor = "#2a2a3e";
+                        e2.currentTarget.style.borderColor = "#444";
+                        e2.currentTarget.style.transform = "translateY(0)";
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx("div", { style: { fontWeight: 600, marginBottom: "2px" }, children: node2.name }),
+                        /* @__PURE__ */ jsx("div", { style: { fontSize: "10px", color: "#888" }, children: node2.category || "repository" })
+                      ]
+                    },
+                    node2.id
+                  ))
+                }
+              )
+            ]
+          }
         )
       ]
     }
@@ -134159,4 +134268,4 @@ export {
   UPDATE_PRIORITY as y,
   removeItems as z
 };
-//# sourceMappingURL=index-BOgxBkoa.js.map
+//# sourceMappingURL=index-iJqxW9Dv.js.map