@industry-theme/file-city-panel 0.5.66 → 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/FileCityTrailExplorerPanel/overlays/TrailMarkdownOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TrailMarkdownOverlay.d.ts","sourceRoot":"","sources":["../../../../src/panels/FileCityTrailExplorerPanel/overlays/TrailMarkdownOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,cAAc;IAC7B,kEAAkE;IAClE,QAAQ,EAAE,MAAM,CAAC;IACjB,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qEAAqE;IACrE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,+DAA+D;IAC/D,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC7B,kDAAkD;IAClD,UAAU,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,QAAQ,EAAE,OAAO,CAAC;IAClB,uEAAuE;IACvE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,yBAAyB;IACxC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,8EAA8E;IAC9E,QAAQ,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,aAAa,EAAE,MAAM,CAAC;IACtB,4FAA4F;IAC5F,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACzC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;CAC1B;AAQD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAoPpE,CAAC"}
+{"version":3,"file":"TrailMarkdownOverlay.d.ts","sourceRoot":"","sources":["../../../../src/panels/FileCityTrailExplorerPanel/overlays/TrailMarkdownOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,cAAc;IAC7B,kEAAkE;IAClE,QAAQ,EAAE,MAAM,CAAC;IACjB,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qEAAqE;IACrE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,+DAA+D;IAC/D,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC7B,kDAAkD;IAClD,UAAU,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,QAAQ,EAAE,OAAO,CAAC;IAClB,uEAAuE;IACvE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,yBAAyB;IACxC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,8EAA8E;IAC9E,QAAQ,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,aAAa,EAAE,MAAM,CAAC;IACtB,4FAA4F;IAC5F,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACzC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;CAC1B;AAQD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA+OpE,CAAC"}

package/dist/panels.bundle.js

@@ -258107,27 +258107,19 @@ const TrailMarkdownOverlay = ({
               flexDirection: "column"
             },
             children: [
-              /* @__PURE__ */ jsx(
-                "div",
+              /* @__PURE__ */ jsx("div", { style: { flex: "0 0 auto" }, children: /* @__PURE__ */ jsx(
+                IndustryMarkdownSlide,
                 {
-                  style: {
-                    position: "relative",
-                    flex: "0 0 100%"
-                  },
-                  children: /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0 }, children: /* @__PURE__ */ jsx(
-                    IndustryMarkdownSlide,
-                    {
-                      content: body,
-                      slideIdPrefix,
-                      slideIndex: 0,
-                      isVisible: true,
-                      theme: theme2,
-                      transparentBackground: true,
-                      enableKeyboardScrolling: false
-                    }
-                  ) })
-                }
-              ),
+                  content: body,
+                  slideIdPrefix,
+                  slideIndex: 0,
+                  isVisible: true,
+                  theme: theme2,
+                  transparentBackground: true,
+                  enableKeyboardScrolling: false,
+                  disableScroll: true
+                }
+              ) }),
               nav ? /* @__PURE__ */ jsx(TrailMarkdownOverlayFooter, { nav }) : null,
               files && files.length > 0 ? /* @__PURE__ */ jsx(TrailFilesList, { files }) : null
             ]
@@ -258694,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;
@@ -258704,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]
@@ -258770,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
   );
@@ -258778,7 +258824,7 @@ const FileCityTrailSequenceLayout = ({
   }, [hasLineCounts]);
   const effectiveShow3D = false;
   const [viewMode, setViewMode] = React.useState("city");
-  const [showSequenceDrawer, setShowSequenceDrawer] = React.useState(false);
+  const [showSequenceDrawer, setShowSequenceDrawer] = React.useState(true);
   const [drawerHeightOverridePct, setDrawerHeightOverridePct] = React.useState(null);
   const [isResizingDrawer, setIsResizingDrawer] = React.useState(false);
   const drawerHeightPct = !showSequenceDrawer ? 0 : drawerHeightOverridePct ?? SEQUENCE_DRAWER_HEIGHT_PCT;
@@ -259098,10 +259144,14 @@ const FileCityTrailSequenceLayout = ({
               setDrawerHeightOverridePct(null);
               setShowSequenceDrawer((v) => !v);
             },
-            canExit: selectedMarkerId != null || showSequenceDrawer || snippetExpanded || viewMode !== "city",
+            canExit: (
+              // Drawer-open is the default start state, so it no longer
+              // counts as "non-idle". Exit is offered only when the user
+              // has drilled into something the start view doesn't show.
+              selectedMarkerId != null || snippetExpanded || viewMode !== "city"
+            ),
             onExitTrail: () => {
               onSelectMarker(null);
-              setShowSequenceDrawer(false);
               setDrawerHeightOverridePct(null);
               setSnippetExpanded(false);
               setViewMode("city");
@@ -259130,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,
                 {
@@ -259310,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`
       },
@@ -260014,40 +260070,38 @@ const TrailHeader = ({
           }
         ),
         /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-          isDoc ? null : /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: onToggleSequenceDrawer,
-              "aria-pressed": showSequenceDrawer,
-              title: showSequenceDrawer ? "Hide sequence diagram" : "Show sequence diagram",
-              style: toggleButtonStyle(showSequenceDrawer),
-              children: "Diagram"
-            }
-          ),
-          /* @__PURE__ */ jsx(
+          canExit ? /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
               onClick: onExitTrail,
-              disabled: !canExit,
-              title: canExit ? "Return to the trail summary" : "Already at the trail summary",
+              title: "Return to the trail summary",
               style: {
                 flexShrink: 0,
                 fontFamily: theme2.fonts.body,
                 fontSize: theme2.fontSizes[0],
                 fontWeight: theme2.fontWeights.medium,
-                color: canExit ? theme2.colors.text : theme2.colors.textTertiary,
+                color: theme2.colors.text,
                 background: "transparent",
                 border: `1px solid ${theme2.colors.muted}`,
                 borderRadius: theme2.radii[3],
                 padding: "4px 10px",
-                cursor: canExit ? "pointer" : "not-allowed",
-                opacity: canExit ? 1 : 0.5,
+                cursor: "pointer",
                 lineHeight: 1.2
               },
               children: "Exit"
             }
+          ) : null,
+          isDoc ? null : /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onToggleSequenceDrawer,
+              "aria-pressed": showSequenceDrawer,
+              title: showSequenceDrawer ? "Hide sequence diagram" : "Show sequence diagram",
+              style: toggleButtonStyle(showSequenceDrawer),
+              children: "Diagram"
+            }
           ),
           hideToggle || isDoc ? null : /* @__PURE__ */ jsx(
             "button",
@@ -260105,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",
           {