@industry-theme/file-city-panel 0.2.1 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/panels/CodeCityPanel.d.ts.map +1 -1
  2. package/dist/panels/components/Legend.d.ts.map +1 -1
  3. package/dist/panels.bundle.js +98 -75
  4. package/dist/panels.bundle.js.map +1 -1
  5. package/package.json +1 -1
package/dist/panels/CodeCityPanel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CodeCityPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CodeCityPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAuBjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAYpD;;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;AA2sCD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EA4BxC,CAAC"}
1
+ {"version":3,"file":"CodeCityPanel.d.ts","sourceRoot":"","sources":["../../src/panels/CodeCityPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAsBjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAYpD;;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;AA8tCD;;;;;;;;;;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.map CHANGED
@@ -1 +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,CA8axC,CAAC"}
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,CA2bxC,CAAC"}
package/dist/panels.bundle.js CHANGED
@@ -106,7 +106,7 @@ const createLucideIcon = (iconName, iconNode) => {
106
106
  * This source code is licensed under the ISC license.
107
107
  * See the LICENSE file in the root directory of this source tree.
108
108
  */
109
- const __iconNode$7 = [
109
+ const __iconNode$6 = [
110
110
  [
111
111
  "path",
112
112
  {
@@ -115,14 +115,14 @@ const __iconNode$7 = [
115
115
  }
116
116
  ]
117
117
  ];
118
- const Activity = createLucideIcon("activity", __iconNode$7);
118
+ const Activity = createLucideIcon("activity", __iconNode$6);
119
119
  /**
120
120
  * @license lucide-react v0.552.0 - ISC
121
121
  *
122
122
  * This source code is licensed under the ISC license.
123
123
  * See the LICENSE file in the root directory of this source tree.
124
124
  */
125
- const __iconNode$6 = [
125
+ const __iconNode$5 = [
126
126
  ["path", { d: "M10 12h4", key: "a56b0p" }],
127
127
  ["path", { d: "M10 8h4", key: "1sr2af" }],
128
128
  ["path", { d: "M14 21v-3a2 2 0 0 0-4 0v3", key: "1rgiei" }],
@@ -135,35 +135,35 @@ const __iconNode$6 = [
135
135
  ],
136
136
  ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
137
137
  ];
138
- const Building2 = createLucideIcon("building-2", __iconNode$6);
138
+ const Building2 = createLucideIcon("building-2", __iconNode$5);
139
139
  /**
140
140
  * @license lucide-react v0.552.0 - ISC
141
141
  *
142
142
  * This source code is licensed under the ISC license.
143
143
  * See the LICENSE file in the root directory of this source tree.
144
144
  */
145
- const __iconNode$5 = [
145
+ const __iconNode$4 = [
146
146
  ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
147
147
  ["path", { d: "M18 17V9", key: "2bz60n" }],
148
148
  ["path", { d: "M13 17V5", key: "1frdt8" }],
149
149
  ["path", { d: "M8 17v-3", key: "17ska0" }]
150
150
  ];
151
- const ChartColumn = createLucideIcon("chart-column", __iconNode$5);
151
+ const ChartColumn = createLucideIcon("chart-column", __iconNode$4);
152
152
  /**
153
153
  * @license lucide-react v0.552.0 - ISC
154
154
  *
155
155
  * This source code is licensed under the ISC license.
156
156
  * See the LICENSE file in the root directory of this source tree.
157
157
  */
158
- const __iconNode$4 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
159
- const ChevronDown = createLucideIcon("chevron-down", __iconNode$4);
158
+ const __iconNode$3 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
159
+ const ChevronDown = createLucideIcon("chevron-down", __iconNode$3);
160
160
  /**
161
161
  * @license lucide-react v0.552.0 - ISC
162
162
  *
163
163
  * This source code is licensed under the ISC license.
164
164
  * See the LICENSE file in the root directory of this source tree.
165
165
  */
166
- const __iconNode$3 = [
166
+ const __iconNode$2 = [
167
167
  [
168
168
  "path",
169
169
  {
@@ -173,14 +173,14 @@ const __iconNode$3 = [
173
173
  ],
174
174
  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
175
175
  ];
176
- const File = createLucideIcon("file", __iconNode$3);
176
+ const File = createLucideIcon("file", __iconNode$2);
177
177
  /**
178
178
  * @license lucide-react v0.552.0 - ISC
179
179
  *
180
180
  * This source code is licensed under the ISC license.
181
181
  * See the LICENSE file in the root directory of this source tree.
182
182
  */
183
- const __iconNode$2 = [
183
+ const __iconNode$1 = [
184
184
  [
185
185
  "path",
186
186
  {
@@ -189,22 +189,7 @@ const __iconNode$2 = [
189
189
  }
190
190
  ]
191
191
  ];
192
- const Folder = createLucideIcon("folder", __iconNode$2);
193
- /**
194
- * @license lucide-react v0.552.0 - ISC
195
- *
196
- * This source code is licensed under the ISC license.
197
- * See the LICENSE file in the root directory of this source tree.
198
- */
199
- const __iconNode$1 = [
200
- ["path", { d: "M3 5h.01", key: "18ugdj" }],
201
- ["path", { d: "M3 12h.01", key: "nlz23k" }],
202
- ["path", { d: "M3 19h.01", key: "noohij" }],
203
- ["path", { d: "M8 5h13", key: "1pao27" }],
204
- ["path", { d: "M8 12h13", key: "1za7za" }],
205
- ["path", { d: "M8 19h13", key: "m83p4d" }]
206
- ];
207
- const List = createLucideIcon("list", __iconNode$1);
192
+ const Folder = createLucideIcon("folder", __iconNode$1);
208
193
  /**
209
194
  * @license lucide-react v0.552.0 - ISC
210
195
  *
@@ -2223,7 +2208,8 @@ const Legend = ({
2223
2208
  display: "flex",
2224
2209
  alignItems: "center",
2225
2210
  gap: "6px",
2226
- fontSize: "11px",
2211
+ fontSize: theme2.fontSizes[0],
2212
+ fontFamily: theme2.fonts.body,
2227
2213
  fontWeight: 600,
2228
2214
  color: theme2.colors.textSecondary,
2229
2215
  textTransform: "uppercase",
@@ -2281,7 +2267,8 @@ const Legend = ({
2281
2267
  "span",
2282
2268
  {
2283
2269
  style: {
2284
- fontSize: "11px",
2270
+ fontSize: theme2.fontSizes[0],
2271
+ fontFamily: theme2.fonts.body,
2285
2272
  color: theme2.colors.text,
2286
2273
  whiteSpace: "nowrap",
2287
2274
  overflow: "hidden",
@@ -2296,7 +2283,8 @@ const Legend = ({
2296
2283
  "span",
2297
2284
  {
2298
2285
  style: {
2299
- fontSize: "10px",
2286
+ fontSize: theme2.fontSizes[0],
2287
+ fontFamily: theme2.fonts.body,
2300
2288
  color: theme2.colors.textSecondary,
2301
2289
  flexShrink: 0
2302
2290
  },
@@ -2331,7 +2319,8 @@ const Legend = ({
2331
2319
  display: "flex",
2332
2320
  alignItems: "center",
2333
2321
  gap: "6px",
2334
- fontSize: "11px",
2322
+ fontSize: theme2.fontSizes[0],
2323
+ fontFamily: theme2.fonts.body,
2335
2324
  fontWeight: 600,
2336
2325
  color: theme2.colors.primary,
2337
2326
  textTransform: "uppercase",
@@ -2352,7 +2341,8 @@ const Legend = ({
2352
2341
  alignItems: "center",
2353
2342
  gap: "4px",
2354
2343
  padding: "2px 6px",
2355
- fontSize: "10px",
2344
+ fontSize: theme2.fontSizes[0],
2345
+ fontFamily: theme2.fonts.body,
2356
2346
  color: theme2.colors.textSecondary,
2357
2347
  backgroundColor: "transparent",
2358
2348
  border: `1px solid ${theme2.colors.border}`,
@@ -2416,7 +2406,8 @@ const Legend = ({
2416
2406
  "span",
2417
2407
  {
2418
2408
  style: {
2419
- fontSize: "11px",
2409
+ fontSize: theme2.fontSizes[0],
2410
+ fontFamily: theme2.fonts.body,
2420
2411
  color: theme2.colors.text,
2421
2412
  whiteSpace: "nowrap",
2422
2413
  overflow: "hidden",
@@ -2431,7 +2422,8 @@ const Legend = ({
2431
2422
  "span",
2432
2423
  {
2433
2424
  style: {
2434
- fontSize: "10px",
2425
+ fontSize: theme2.fontSizes[0],
2426
+ fontFamily: theme2.fonts.body,
2435
2427
  color: theme2.colors.textSecondary,
2436
2428
  flexShrink: 0
2437
2429
  },
@@ -2450,7 +2442,8 @@ const Legend = ({
2450
2442
  "div",
2451
2443
  {
2452
2444
  style: {
2453
- fontSize: "11px",
2445
+ fontSize: theme2.fontSizes[0],
2446
+ fontFamily: theme2.fonts.body,
2454
2447
  fontWeight: 600,
2455
2448
  color: theme2.colors.textSecondary,
2456
2449
  textTransform: "uppercase",
@@ -2505,7 +2498,8 @@ const Legend = ({
2505
2498
  "span",
2506
2499
  {
2507
2500
  style: {
2508
- fontSize: "12px",
2501
+ fontSize: theme2.fontSizes[0],
2502
+ fontFamily: theme2.fonts.body,
2509
2503
  color: theme2.colors.text,
2510
2504
  whiteSpace: "nowrap",
2511
2505
  overflow: "hidden",
@@ -2520,7 +2514,8 @@ const Legend = ({
2520
2514
  "span",
2521
2515
  {
2522
2516
  style: {
2523
- fontSize: "10px",
2517
+ fontSize: theme2.fontSizes[0],
2518
+ fontFamily: theme2.fonts.body,
2524
2519
  color: theme2.colors.textSecondary,
2525
2520
  flexShrink: 0
2526
2521
  },
@@ -2539,7 +2534,8 @@ const Legend = ({
2539
2534
  "div",
2540
2535
  {
2541
2536
  style: {
2542
- fontSize: "11px",
2537
+ fontSize: theme2.fontSizes[0],
2538
+ fontFamily: theme2.fonts.body,
2543
2539
  fontWeight: 600,
2544
2540
  color: theme2.colors.textSecondary,
2545
2541
  textTransform: "uppercase",
@@ -2595,7 +2591,8 @@ const Legend = ({
2595
2591
  "span",
2596
2592
  {
2597
2593
  style: {
2598
- fontSize: "12px",
2594
+ fontSize: theme2.fontSizes[0],
2595
+ fontFamily: theme2.fonts.body,
2599
2596
  color: theme2.colors.text,
2600
2597
  whiteSpace: "nowrap",
2601
2598
  overflow: "hidden",
@@ -2610,7 +2607,8 @@ const Legend = ({
2610
2607
  "span",
2611
2608
  {
2612
2609
  style: {
2613
- fontSize: "10px",
2610
+ fontSize: theme2.fontSizes[0],
2611
+ fontFamily: theme2.fonts.body,
2614
2612
  color: theme2.colors.textSecondary,
2615
2613
  flexShrink: 0
2616
2614
  },
@@ -14618,6 +14616,7 @@ const CodeCityPanelContent = ({
14618
14616
  resizeObserver.observe(container);
14619
14617
  return () => resizeObserver.disconnect();
14620
14618
  }, []);
14619
+ const headerCompact = containerSize ? containerSize.width < 400 : false;
14621
14620
  const LEGEND_MIN_SIZE = 200;
14622
14621
  const layout = useMemo(() => {
14623
14622
  if (!containerSize) {
@@ -15185,26 +15184,40 @@ const CodeCityPanelContent = ({
15185
15184
  padding: "0 16px",
15186
15185
  height: "40px",
15187
15186
  borderBottom: `1px solid ${theme2.colors.border}`,
15188
- backgroundColor: theme2.colors.backgroundLight,
15187
+ backgroundColor: theme2.colors.background,
15189
15188
  flexShrink: 0,
15190
15189
  gap: "12px"
15191
15190
  },
15192
15191
  children: [
15193
- /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: computedTreeStats && /* @__PURE__ */ jsxs(Fragment, { children: [
15194
- /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
15195
- /* @__PURE__ */ jsx(File, { size: 14, style: { color: theme2.colors.textSecondary } }),
15196
- /* @__PURE__ */ jsxs("span", { style: { fontSize: "13px", color: theme2.colors.text }, children: [
15197
- computedTreeStats.fileCount.toLocaleString(),
15198
- " files"
15199
- ] })
15200
- ] }),
15201
- /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "4px" }, children: [
15202
- /* @__PURE__ */ jsx(Folder, { size: 14, style: { color: theme2.colors.textSecondary } }),
15203
- /* @__PURE__ */ jsxs("span", { style: { fontSize: "13px", color: theme2.colors.text }, children: [
15204
- computedTreeStats.directoryCount.toLocaleString(),
15205
- " folders"
15206
- ] })
15207
- ] })
15192
+ /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "12px", minWidth: 0, flexShrink: 1 }, children: computedTreeStats && /* @__PURE__ */ jsxs(Fragment, { children: [
15193
+ /* @__PURE__ */ jsxs(
15194
+ "div",
15195
+ {
15196
+ style: { display: "flex", alignItems: "center", gap: "4px", whiteSpace: "nowrap" },
15197
+ title: `${computedTreeStats.fileCount.toLocaleString()} files`,
15198
+ children: [
15199
+ /* @__PURE__ */ jsx(File, { size: 14, style: { color: theme2.colors.textSecondary, flexShrink: 0 } }),
15200
+ /* @__PURE__ */ jsxs("span", { style: { fontSize: theme2.fontSizes[1], fontFamily: theme2.fonts.body, color: theme2.colors.text }, children: [
15201
+ computedTreeStats.fileCount.toLocaleString(),
15202
+ !headerCompact && " files"
15203
+ ] })
15204
+ ]
15205
+ }
15206
+ ),
15207
+ /* @__PURE__ */ jsxs(
15208
+ "div",
15209
+ {
15210
+ style: { display: "flex", alignItems: "center", gap: "4px", whiteSpace: "nowrap" },
15211
+ title: `${computedTreeStats.directoryCount.toLocaleString()} folders`,
15212
+ children: [
15213
+ /* @__PURE__ */ jsx(Folder, { size: 14, style: { color: theme2.colors.textSecondary, flexShrink: 0 } }),
15214
+ /* @__PURE__ */ jsxs("span", { style: { fontSize: theme2.fontSizes[1], fontFamily: theme2.fonts.body, color: theme2.colors.text }, children: [
15215
+ computedTreeStats.directoryCount.toLocaleString(),
15216
+ !headerCompact && " folders"
15217
+ ] })
15218
+ ]
15219
+ }
15220
+ )
15208
15221
  ] }) }),
15209
15222
  availableColorModes.length > 1 && /* @__PURE__ */ jsxs(
15210
15223
  "div",
@@ -15221,7 +15234,8 @@ const CodeCityPanelContent = ({
15221
15234
  alignItems: "center",
15222
15235
  gap: "6px",
15223
15236
  padding: "4px 10px",
15224
- fontSize: "12px",
15237
+ fontSize: theme2.fontSizes[0],
15238
+ fontFamily: theme2.fonts.body,
15225
15239
  color: theme2.colors.text,
15226
15240
  backgroundColor: theme2.colors.background,
15227
15241
  border: `1px solid ${theme2.colors.border}`,
@@ -15276,7 +15290,8 @@ const CodeCityPanelContent = ({
15276
15290
  alignItems: "flex-start",
15277
15291
  width: "100%",
15278
15292
  padding: "8px 12px",
15279
- fontSize: "12px",
15293
+ fontSize: theme2.fontSizes[0],
15294
+ fontFamily: theme2.fonts.body,
15280
15295
  color: mode.id === colorMode ? theme2.colors.primary : theme2.colors.text,
15281
15296
  backgroundColor: mode.id === colorMode ? theme2.colors.primary + "15" : "transparent",
15282
15297
  border: "none",
@@ -15300,7 +15315,8 @@ const CodeCityPanelContent = ({
15300
15315
  "span",
15301
15316
  {
15302
15317
  style: {
15303
- fontSize: "10px",
15318
+ fontSize: theme2.fontSizes[0],
15319
+ fontFamily: theme2.fonts.body,
15304
15320
  color: theme2.colors.textSecondary,
15305
15321
  marginTop: "2px"
15306
15322
  },
@@ -15316,28 +15332,28 @@ const CodeCityPanelContent = ({
15316
15332
  ]
15317
15333
  }
15318
15334
  ),
15319
- (legendFileTypes.length > 0 || legendGitStatus.length > 0 || legendQualityMetrics.length > 0) && /* @__PURE__ */ jsxs(
15335
+ (legendFileTypes.length > 0 || legendGitStatus.length > 0 || legendQualityMetrics.length > 0) && /* @__PURE__ */ jsx(
15320
15336
  "button",
15321
15337
  {
15322
15338
  onClick: () => setShowLegend(!showLegend),
15323
15339
  style: {
15324
- fontSize: "12px",
15340
+ fontSize: theme2.fontSizes[0],
15341
+ fontFamily: theme2.fonts.body,
15325
15342
  color: showLegend ? theme2.colors.primary : theme2.colors.textSecondary,
15326
15343
  backgroundColor: showLegend ? theme2.colors.primary + "22" : theme2.colors.background,
15327
- padding: "2px 8px",
15328
- borderRadius: "4px",
15344
+ padding: "0 16px",
15345
+ marginRight: "-16px",
15346
+ borderRadius: 0,
15329
15347
  display: "flex",
15330
15348
  alignItems: "center",
15349
+ alignSelf: "stretch",
15331
15350
  gap: "4px",
15332
- border: showLegend ? `1px solid ${theme2.colors.primary}` : "1px solid transparent",
15351
+ border: "none",
15333
15352
  cursor: "pointer",
15334
15353
  transition: "all 0.2s ease"
15335
15354
  },
15336
15355
  title: showLegend ? "Hide legend" : "Show legend",
15337
- children: [
15338
- /* @__PURE__ */ jsx(List, { size: 12 }),
15339
- "Legend"
15340
- ]
15356
+ children: "Legend"
15341
15357
  }
15342
15358
  )
15343
15359
  ]
@@ -15422,7 +15438,8 @@ const CodeCityPanelContent = ({
15422
15438
  display: "flex",
15423
15439
  alignItems: "center",
15424
15440
  padding: "0 12px",
15425
- fontSize: "12px",
15441
+ fontSize: theme2.fontSizes[0],
15442
+ fontFamily: theme2.fonts.body,
15426
15443
  color: theme2.colors.text,
15427
15444
  gap: "12px",
15428
15445
  flexShrink: 0
@@ -15444,8 +15461,9 @@ const CodeCityPanelContent = ({
15444
15461
  {
15445
15462
  style: {
15446
15463
  fontWeight: 600,
15464
+ fontFamily: theme2.fonts.monospace,
15447
15465
  color: theme2.colors.primary,
15448
- fontSize: "13px",
15466
+ fontSize: theme2.fontSizes[1],
15449
15467
  overflow: "hidden",
15450
15468
  textOverflow: "ellipsis",
15451
15469
  whiteSpace: "nowrap"
@@ -15457,8 +15475,9 @@ const CodeCityPanelContent = ({
15457
15475
  "div",
15458
15476
  {
15459
15477
  style: {
15478
+ fontFamily: theme2.fonts.monospace,
15460
15479
  color: theme2.colors.textSecondary,
15461
- fontSize: "10px",
15480
+ fontSize: theme2.fontSizes[0],
15462
15481
  overflow: "hidden",
15463
15482
  textOverflow: "ellipsis",
15464
15483
  whiteSpace: "nowrap"
@@ -15473,8 +15492,9 @@ const CodeCityPanelContent = ({
15473
15492
  "div",
15474
15493
  {
15475
15494
  style: {
15495
+ fontFamily: theme2.fonts.body,
15476
15496
  color: theme2.colors.textSecondary,
15477
- fontSize: "11px",
15497
+ fontSize: theme2.fontSizes[0],
15478
15498
  flexShrink: 0
15479
15499
  },
15480
15500
  children: [
@@ -15495,7 +15515,8 @@ const CodeCityPanelContent = ({
15495
15515
  backgroundColor: theme2.colors.backgroundLight,
15496
15516
  borderRadius: "4px",
15497
15517
  border: `1px solid ${theme2.colors.border}`,
15498
- fontSize: "11px",
15518
+ fontSize: theme2.fontSizes[0],
15519
+ fontFamily: theme2.fonts.body,
15499
15520
  fontWeight: 500,
15500
15521
  color: hoveredFileMetric.value === null ? theme2.colors.textSecondary : theme2.colors.text,
15501
15522
  flexShrink: 0
@@ -15513,7 +15534,8 @@ const CodeCityPanelContent = ({
15513
15534
  alignItems: "center",
15514
15535
  gap: "8px",
15515
15536
  color: theme2.colors.text,
15516
- fontSize: "11px"
15537
+ fontSize: theme2.fontSizes[0],
15538
+ fontFamily: theme2.fonts.body
15517
15539
  },
15518
15540
  children: [
15519
15541
  /* @__PURE__ */ jsxs(
@@ -15549,7 +15571,8 @@ const CodeCityPanelContent = ({
15549
15571
  style: {
15550
15572
  color: theme2.colors.textSecondary,
15551
15573
  fontStyle: "italic",
15552
- fontSize: "11px"
15574
+ fontSize: theme2.fontSizes[0],
15575
+ fontFamily: theme2.fonts.body
15553
15576
  },
15554
15577
  children: "Hover over files and directories to see details • Click to open"
15555
15578
  }