@industry-theme/principal-view-panels 0.10.4 → 0.10.6

package/dist/panels.bundle.js

@@ -91441,7 +91441,7 @@ const CanvasEditorPanel = ({
   canvasName,
   canvasFileInfo
 }) => {
-  var _a, _b, _c;
+  var _a, _b;
   const { theme: theme2 } = useTheme();
   const graphRef = useRef(null);
   const [dimensions, setDimensions] = useState({ width: 800, height: 600 });
@@ -91518,10 +91518,10 @@ const CanvasEditorPanel = ({
       const canvas = ConfigLoader.parseCanvas(configContent);
       let library = null;
       if (ctx.hasSlice("fileTree") && !ctx.isSliceLoading("fileTree")) {
-        const fileTreeSlice = ctx.getSlice("fileTree");
-        const fileTreeData = fileTreeSlice == null ? void 0 : fileTreeSlice.data;
-        if (fileTreeData == null ? void 0 : fileTreeData.allFiles) {
-          const libraryPath = ConfigLoader.findLibraryPath(fileTreeData.allFiles);
+        const fileTreeSlice2 = ctx.getSlice("fileTree");
+        const fileTreeData2 = fileTreeSlice2 == null ? void 0 : fileTreeSlice2.data;
+        if (fileTreeData2 == null ? void 0 : fileTreeData2.allFiles) {
+          const libraryPath = ConfigLoader.findLibraryPath(fileTreeData2.allFiles);
           if (libraryPath) {
             try {
               const libraryFullPath = `${repositoryPath}/${libraryPath}`;
@@ -91670,14 +91670,14 @@ const CanvasEditorPanel = ({
         console.log("[CanvasEditorPanel] No fileTree slice available");
         return;
       }
-      const fileTreeSlice = ctx.getSlice("fileTree");
-      const fileTreeData = fileTreeSlice == null ? void 0 : fileTreeSlice.data;
-      if (!(fileTreeData == null ? void 0 : fileTreeData.allFiles)) {
+      const fileTreeSlice2 = ctx.getSlice("fileTree");
+      const fileTreeData2 = fileTreeSlice2 == null ? void 0 : fileTreeSlice2.data;
+      if (!(fileTreeData2 == null ? void 0 : fileTreeData2.allFiles)) {
         console.log("[CanvasEditorPanel] No allFiles in fileTreeData");
         return;
       }
-      console.log("[CanvasEditorPanel] FileTree has", fileTreeData.allFiles.length, "files, SHA:", fileTreeData.sha);
-      const canvasFile = fileTreeData.allFiles.find(
+      console.log("[CanvasEditorPanel] FileTree has", fileTreeData2.allFiles.length, "files, SHA:", fileTreeData2.sha);
+      const canvasFile = fileTreeData2.allFiles.find(
         (f) => f.path === canvasPath || f.relativePath === canvasPath
       );
       console.log("[CanvasEditorPanel] Looking for canvas file:", canvasPath, "Found:", !!canvasFile);
@@ -91706,11 +91706,11 @@ const CanvasEditorPanel = ({
       events.off("workspace:changed", handleWorkspaceChange);
     };
   }, [events, canvasPath, loadConfiguration]);
+  const fileTreeSlice = context == null ? void 0 : context.getSlice("fileTree");
+  const fileTreeData = fileTreeSlice == null ? void 0 : fileTreeSlice.data;
+  const fileTreeSha = fileTreeData == null ? void 0 : fileTreeData.sha;
   useEffect(() => {
-    if (!context || !canvasPath) return;
-    const fileTreeSlice = context.getSlice("fileTree");
-    const fileTreeData = fileTreeSlice == null ? void 0 : fileTreeSlice.data;
-    if (!(fileTreeData == null ? void 0 : fileTreeData.allFiles)) return;
+    if (!canvasPath || !(fileTreeData == null ? void 0 : fileTreeData.allFiles)) return;
     if (skipNextFileChangeRef.current) {
       return;
     }
@@ -91719,10 +91719,10 @@ const CanvasEditorPanel = ({
     );
     if (canvasFile == null ? void 0 : canvasFile.lastModified) {
       const currentTimestamp = canvasFile.lastModified.getTime();
-      console.log("[CanvasEditorPanel] FileTree updated, checking timestamp:", {
+      console.log("[CanvasEditorPanel] FileTree SHA changed, checking timestamp:", {
         stored: canvasFileTimestampRef.current,
         current: currentTimestamp,
-        sha: fileTreeData.sha,
+        sha: fileTreeSha,
         changed: canvasFileTimestampRef.current !== currentTimestamp
       });
       if (canvasFileTimestampRef.current && currentTimestamp !== canvasFileTimestampRef.current) {
@@ -91735,7 +91735,7 @@ const CanvasEditorPanel = ({
         canvasFileTimestampRef.current = currentTimestamp;
       }
     }
-  }, [context, canvasPath, loadConfiguration, (_a = context == null ? void 0 : context.getSlice("fileTree")) == null ? void 0 : _a.data]);
+  }, [canvasPath, loadConfiguration, fileTreeSha]);
   useEffect(() => {
     const unsubscribe = eventsRef.current.on("data:refresh", () => {
       loadConfiguration();
@@ -92049,7 +92049,7 @@ const CanvasEditorPanel = ({
           color: theme2.colors.textMuted,
           flexShrink: 0
         }, children: "Edges:" }),
-        ((_c = (_b = state.canvas) == null ? void 0 : _b.pv) == null ? void 0 : _c.edgeTypes) && Object.keys(state.canvas.pv.edgeTypes).length > 0 ? /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: theme2.space[4], flexWrap: "wrap" }, children: Object.entries(state.canvas.pv.edgeTypes).map(([typeName, edgeType]) => /* @__PURE__ */ jsxs(
+        ((_b = (_a = state.canvas) == null ? void 0 : _a.pv) == null ? void 0 : _b.edgeTypes) && Object.keys(state.canvas.pv.edgeTypes).length > 0 ? /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: theme2.space[4], flexWrap: "wrap" }, children: Object.entries(state.canvas.pv.edgeTypes).map(([typeName, edgeType]) => /* @__PURE__ */ jsxs(
           "div",
           {
             style: {