@industry-theme/file-city-panel 0.5.67 → 0.5.68

package/dist/panels/FileCityTrailExplorerPanel/FileCityTrailExplorerPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileCityTrailExplorerPanel.d.ts","sourceRoot":"","sources":["../../../src/panels/FileCityTrailExplorerPanel/FileCityTrailExplorerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,8BAA8B,CAAC;AAiBtC,OAAO,KAAK,EAEV,oCAAoC,EAErC,MAAM,wCAAwC,CAAC;AA2BhD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAC/C,oCAAoC,CA+ErC,CAAC"}
+{"version":3,"file":"FileCityTrailExplorerPanel.d.ts","sourceRoot":"","sources":["../../../src/panels/FileCityTrailExplorerPanel/FileCityTrailExplorerPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,8BAA8B,CAAC;AAiBtC,OAAO,KAAK,EAEV,oCAAoC,EAErC,MAAM,wCAAwC,CAAC;AA8EhD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAC/C,oCAAoC,CAwFrC,CAAC"}

package/dist/panels.bundle.js

@@ -258686,6 +258686,43 @@ const pierreOptionsBase = {
 const pierreStyle = {
   display: "block"
 };
+function useRenderTracer(name2, watch) {
+  const renderCount = React.useRef(0);
+  renderCount.current += 1;
+  const prevWatch = React.useRef(
+    void 0
+  );
+  const changed = [];
+  if (watch && prevWatch.current) {
+    for (const k of Object.keys(watch)) {
+      if (watch[k] !== prevWatch.current[k]) changed.push(k);
+    }
+  }
+  prevWatch.current = watch;
+  console.log(
+    `[trail-trace] render ${name2} #${renderCount.current}` + (changed.length ? ` changed=[${changed.join(",")}]` : "")
+  );
+  React.useEffect(() => {
+    console.log(`[trail-trace] mount   ${name2}`);
+    return () => {
+      console.log(`[trail-trace] unmount ${name2}`);
+    };
+  }, [name2]);
+}
+let __fc3dInstanceCounter = 0;
+function FileCity3DLifecycleTracer({ tag }) {
+  const id2 = React.useRef(null);
+  if (id2.current === null) {
+    id2.current = ++__fc3dInstanceCounter;
+  }
+  React.useEffect(() => {
+    console.log(`[trail-trace] FC3D mount   id=${id2.current} site=${tag}`);
+    return () => {
+      console.log(`[trail-trace] FC3D unmount id=${id2.current} site=${tag}`);
+    };
+  }, [tag]);
+  return null;
+}
 const SEQUENCE_DRAWER_HEIGHT_PCT = 45;
 const SNIPPET_PANE_WIDTH_PX = 460;
 const PANEL_TRANSITION_MS = 280;
@@ -258696,6 +258733,14 @@ const FileCityTrailExplorerPanel = ({ context, actions }) => {
   const lineCounts = ((_a = context.lineCounts.data) == null ? void 0 : _a.lineCounts) ?? null;
   const trail2 = context.trail.data;
   const repository = context.repository;
+  useRenderTracer("FileCityTrailExplorerPanel", {
+    context,
+    actions,
+    tree,
+    lineCounts,
+    trail: trail2,
+    repository
+  });
   const cityData = React.useMemo(
     () => tree ? buildCityDataFromContext({ fileTree: tree, lineCounts }) : null,
     [tree, lineCounts]
@@ -258762,6 +258807,15 @@ const FileCityTrailSequenceLayout = ({
 }) => {
   var _a, _b;
   const { theme: theme2 } = useTheme();
+  useRenderTracer("FileCityTrailSequenceLayout", {
+    trail: trail2,
+    view,
+    markersForThisRepo,
+    selectedMarkerId,
+    cityData,
+    hasLineCounts,
+    readFile
+  });
   const [show3D, setShow3D] = React.useState(
     false
   );
@@ -259126,23 +259180,26 @@ const FileCityTrailSequenceLayout = ({
               overflow: "hidden"
             },
             children: [
-              cityData ? /* @__PURE__ */ jsx(
-                FileCity3D,
-                {
-                  cityData,
-                  width: "100%",
-                  height: "100%",
-                  selectedPath: (selectedMarker == null ? void 0 : selectedMarker.sourcePath) ?? null,
-                  onBuildingClick: handleBuildingClick,
-                  onCameraFrame,
-                  showControls: false,
-                  backgroundColor: theme2.colors.background,
-                  textColor: theme2.colors.textMuted,
-                  isGrown: effectiveShow3D,
-                  highlightLayers: cityHighlightLayers,
-                  defaultBuildingColor: trailFilesActive ? theme2.colors.textTertiary : void 0
-                }
-              ) : /* @__PURE__ */ jsx(CityLoadingPlaceholder, {}),
+              cityData ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(FileCity3DLifecycleTracer, { tag: "sequence-layout" }),
+                /* @__PURE__ */ jsx(
+                  FileCity3D,
+                  {
+                    cityData,
+                    width: "100%",
+                    height: "100%",
+                    selectedPath: (selectedMarker == null ? void 0 : selectedMarker.sourcePath) ?? null,
+                    onBuildingClick: handleBuildingClick,
+                    onCameraFrame,
+                    showControls: false,
+                    backgroundColor: theme2.colors.background,
+                    textColor: theme2.colors.textMuted,
+                    isGrown: effectiveShow3D,
+                    highlightLayers: cityHighlightLayers,
+                    defaultBuildingColor: trailFilesActive ? theme2.colors.textTertiary : void 0
+                  }
+                )
+              ] }) : /* @__PURE__ */ jsx(CityLoadingPlaceholder, {}),
               /* @__PURE__ */ jsx(
                 TrailFilePath,
                 {
@@ -259306,7 +259363,10 @@ const SequenceDrawer = ({
         pointerEvents: visible ? "auto" : "none",
         backgroundColor: withAlpha(theme2.colors.background, 92),
         borderTop: `1px solid ${theme2.colors.border}`,
-        zIndex: 10,
+        // Above the leader-line (z 25) and trail-path (z 26) overlays so
+        // the drawer clips them, but below the snippet side pane (z 1900)
+        // and its edge-dot (z 1901) so those stay anchored on top.
+        zIndex: 30,
         overflow: "hidden",
         transition: isResizing ? `opacity ${PANEL_TRANSITION_MS}ms ease` : `height ${PANEL_TRANSITION_MS}ms ease, opacity ${PANEL_TRANSITION_MS}ms ease`
       },
@@ -260099,17 +260159,20 @@ const FileCityTrailExplorerEmptyState = ({
         color: theme2.colors.text
       },
       children: [
-        cityData ? /* @__PURE__ */ jsx(
-          FileCity3D,
-          {
-            cityData,
-            width: "100%",
-            height: "100%",
-            showControls: false,
-            backgroundColor: theme2.colors.background,
-            textColor: theme2.colors.textMuted
-          }
-        ) : null,
+        cityData ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(FileCity3DLifecycleTracer, { tag: "empty-state" }),
+          /* @__PURE__ */ jsx(
+            FileCity3D,
+            {
+              cityData,
+              width: "100%",
+              height: "100%",
+              showControls: false,
+              backgroundColor: theme2.colors.background,
+              textColor: theme2.colors.textMuted
+            }
+          )
+        ] }) : null,
         /* @__PURE__ */ jsx(
           "div",
           {