@industry-theme/file-city-panel 0.2.18 → 0.2.20

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

@@ -1 +1 @@
-{"version":3,"file":"CodeCityPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CodeCityPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAqBjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAQpD;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAqpCD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EA8BxC,CAAC"}
+{"version":3,"file":"CodeCityPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CodeCityPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAqBjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAQpD;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAsnCD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EA8BxC,CAAC"}

package/dist/panels/components/Legend.d.ts

@@ -41,7 +41,6 @@ interface LegendProps {
     onQualityMetricClick?: (id: string) => void;
     onClearAgentLayers?: () => void;
     position?: 'bottom' | 'right';
-    maxSize?: number;
 }
 /**
  * Legend component that displays file type colors and layer information.

package/dist/panels/components/Legend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../../src/panels/components/Legend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,WAAW;IACnB,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,cAAc,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,oBAAoB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0cxC,CAAC"}
+{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../../src/panels/components/Legend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,WAAW;IACnB,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,cAAc,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,oBAAoB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAC/B;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAicxC,CAAC"}

package/dist/panels.bundle.js

@@ -2148,8 +2148,7 @@ const Legend = ({
   onAgentLayerClick,
   onQualityMetricClick,
   onClearAgentLayers,
-  position = "bottom",
-  maxSize
+  position = "bottom"
 }) => {
   const { theme: theme2 } = useTheme();
   const hasGitStatus = gitStatus && gitStatus.length > 0;
@@ -2179,15 +2178,9 @@ const Legend = ({
         overflowY: "auto",
         overflowX: "hidden",
         boxSizing: "border-box",
-        ...isRight ? {
-          width: maxSize,
-          maxWidth: maxSize,
-          height: "100%"
-        } : {
-          maxHeight: maxSize && maxSize > 0 ? maxSize : void 0,
-          width: "100%"
-        },
-        flexShrink: 0
+        flex: 1,
+        minWidth: 0,
+        minHeight: 0
       },
       children: [
         isEmpty && /* @__PURE__ */ jsxs(
@@ -14925,7 +14918,6 @@ const CodeCityPanelContent = ({
   const { theme: theme2 } = useTheme();
   const [cityData, setCityData] = useState(null);
   const [hoverInfo, setHoverInfo] = useState(null);
-  const [showLegend, setShowLegend] = useState(true);
   const [highlightLayers, setHighlightLayers] = useState([]);
   const [baseLayers, setBaseLayers] = useState([]);
   const [loading, setLoading] = useState(false);
@@ -14949,24 +14941,22 @@ const CodeCityPanelContent = ({
   }, []);
   const headerCompact = containerSize ? containerSize.width < 400 : false;
   const LEGEND_MIN_SIZE = 200;
+  const HOVER_BAR_HEIGHT = 48;
   const layout = useMemo(() => {
     if (!containerSize) {
-      return { minMapSize: 0, legendPosition: "bottom", legendMaxSize: 0 };
+      return { mapSize: 0, legendPosition: "bottom" };
     }
     const { width, height } = containerSize;
     const isLandscape = width > height;
     if (isLandscape) {
       const idealMapSize = height;
       const availableForLegend = width - idealMapSize;
-      const legendMaxSize = Math.max(availableForLegend, LEGEND_MIN_SIZE);
-      const minMapSize = width - legendMaxSize;
-      return { minMapSize, legendPosition: "right", legendMaxSize };
+      const legendNeedsMoreSpace = availableForLegend < LEGEND_MIN_SIZE;
+      const mapSize = legendNeedsMoreSpace ? width - LEGEND_MIN_SIZE : idealMapSize;
+      return { mapSize, legendPosition: "right" };
     } else {
-      const idealMapSize = width;
-      const availableForLegend = height - idealMapSize;
-      const legendMaxSize = Math.max(availableForLegend, LEGEND_MIN_SIZE);
-      const minMapSize = height - legendMaxSize;
-      return { minMapSize, legendPosition: "bottom", legendMaxSize };
+      const mapSize = width + HOVER_BAR_HEIGHT;
+      return { mapSize, legendPosition: "bottom" };
     }
   }, [containerSize]);
   const fileTreeSlice = context.getSlice("fileTree");
@@ -15566,30 +15556,6 @@ const CodeCityPanelContent = ({
                   },
                   children: currentColorModeConfig.name
                 }
-              ),
-              (legendFileTypes.length > 0 || legendGitStatus.length > 0 || legendQualityMetrics.length > 0) && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: () => setShowLegend(!showLegend),
-                  style: {
-                    fontSize: theme2.fontSizes[0],
-                    fontFamily: theme2.fonts.body,
-                    color: showLegend ? theme2.colors.primary : theme2.colors.textSecondary,
-                    backgroundColor: showLegend ? theme2.colors.primary + "22" : theme2.colors.background,
-                    padding: "0 16px",
-                    marginRight: "-16px",
-                    borderRadius: 0,
-                    display: "flex",
-                    alignItems: "center",
-                    alignSelf: "stretch",
-                    gap: "4px",
-                    border: "none",
-                    cursor: "pointer",
-                    transition: "all 0.2s ease"
-                  },
-                  title: showLegend ? "Hide legend" : "Show legend",
-                  children: "Legend"
-                }
               )
             ]
           }
@@ -15600,6 +15566,7 @@ const CodeCityPanelContent = ({
             ref: contentContainerRef,
             style: {
               flex: 1,
+              width: "100%",
               position: "relative",
               overflow: "hidden",
               display: "flex",
@@ -15610,9 +15577,11 @@ const CodeCityPanelContent = ({
                 "div",
                 {
                   style: {
-                    minWidth: layout.legendPosition === "right" ? layout.minMapSize : void 0,
-                    minHeight: layout.legendPosition === "bottom" ? layout.minMapSize : void 0,
-                    flex: 1,
+                    // In landscape: fixed width for square map, flex height
+                    // In portrait: fixed height for square map + hover bar, full width
+                    width: layout.legendPosition === "right" ? layout.mapSize : "100%",
+                    height: layout.legendPosition === "bottom" ? layout.mapSize : "100%",
+                    flexShrink: 0,
                     position: "relative",
                     display: "flex",
                     flexDirection: "column"
@@ -15818,7 +15787,7 @@ const CodeCityPanelContent = ({
                   ]
                 }
               ),
-              showLegend && /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx(
                 Legend,
                 {
                   fileTypes: legendFileTypes,
@@ -15831,8 +15800,7 @@ const CodeCityPanelContent = ({
                   onAgentLayerClick: toggleAgentLayer,
                   onQualityMetricClick: toggleQualityMetric,
                   onClearAgentLayers: clearAgentLayers,
-                  position: layout.legendPosition,
-                  maxSize: layout.legendMaxSize
+                  position: layout.legendPosition
                 }
               )
             ]