@industry-theme/file-city-panel 0.2.34 → 0.2.36

package/dist/panels.bundle.js

@@ -106,7 +106,7 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$g = [
+const __iconNode$h = [
   [
     "path",
     {
@@ -115,14 +115,14 @@ const __iconNode$g = [
     }
   ]
 ];
-const Activity = createLucideIcon("activity", __iconNode$g);
+const Activity = createLucideIcon("activity", __iconNode$h);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [
+const __iconNode$g = [
   ["path", { d: "M10 12h4", key: "a56b0p" }],
   ["path", { d: "M10 8h4", key: "1sr2af" }],
   ["path", { d: "M14 21v-3a2 2 0 0 0-4 0v3", key: "1rgiei" }],
@@ -135,55 +135,55 @@ const __iconNode$f = [
   ],
   ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$f);
+const Building2 = createLucideIcon("building-2", __iconNode$g);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [
+const __iconNode$f = [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   ["path", { d: "M18 17V9", key: "2bz60n" }],
   ["path", { d: "M13 17V5", key: "1frdt8" }],
   ["path", { d: "M8 17v-3", key: "17ska0" }]
 ];
-const ChartColumn = createLucideIcon("chart-column", __iconNode$e);
+const ChartColumn = createLucideIcon("chart-column", __iconNode$f);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$d);
+const __iconNode$e = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$e);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$c = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$c);
+const __iconNode$d = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$d);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$b = [
+const __iconNode$c = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$b);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$c);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$a = [
+const __iconNode$b = [
   [
     "path",
     {
@@ -201,14 +201,14 @@ const __iconNode$a = [
   ],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }]
 ];
-const EyeOff = createLucideIcon("eye-off", __iconNode$a);
+const EyeOff = createLucideIcon("eye-off", __iconNode$b);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$9 = [
+const __iconNode$a = [
   [
     "path",
     {
@@ -218,14 +218,14 @@ const __iconNode$9 = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$9);
+const Eye = createLucideIcon("eye", __iconNode$a);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$8 = [
+const __iconNode$9 = [
   [
     "path",
     {
@@ -236,14 +236,14 @@ const __iconNode$8 = [
   ["path", { d: "M12 17h.01", key: "p32p05" }],
   ["path", { d: "M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3", key: "mhlwft" }]
 ];
-const FileQuestionMark = createLucideIcon("file-question-mark", __iconNode$8);
+const FileQuestionMark = createLucideIcon("file-question-mark", __iconNode$9);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$7 = [
+const __iconNode$8 = [
   [
     "path",
     {
@@ -256,14 +256,14 @@ const __iconNode$7 = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$7);
+const FileText = createLucideIcon("file-text", __iconNode$8);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$6 = [
+const __iconNode$7 = [
   [
     "path",
     {
@@ -273,14 +273,14 @@ const __iconNode$6 = [
   ],
   ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
 ];
-const File = createLucideIcon("file", __iconNode$6);
+const File = createLucideIcon("file", __iconNode$7);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$5 = [
+const __iconNode$6 = [
   [
     "path",
     {
@@ -289,20 +289,33 @@ const __iconNode$5 = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$5);
+const Folder = createLucideIcon("folder", __iconNode$6);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$4 = [
+const __iconNode$5 = [
   ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
   ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
 ];
-const GitBranch = createLucideIcon("git-branch", __iconNode$4);
+const GitBranch = createLucideIcon("git-branch", __iconNode$5);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$4 = [
+  ["circle", { cx: "18", cy: "18", r: "3", key: "1xkwt0" }],
+  ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
+  ["path", { d: "M13 6h3a2 2 0 0 1 2 2v7", key: "1yeb86" }],
+  ["line", { x1: "6", x2: "6", y1: "9", y2: "21", key: "rroup" }]
+];
+const GitPullRequest = createLucideIcon("git-pull-request", __iconNode$4);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -10098,9 +10111,125 @@ const GitChangesTree = ({
     }
   );
 };
+const PrChangesTree = ({
+  prFiles,
+  rootPath,
+  onFileClick,
+  onNodeHover
+}) => {
+  const { theme: theme2 } = useTheme();
+  const hasChanges = useMemo(
+    () => prFiles.added.length > 0 || prFiles.modified.length > 0 || prFiles.removed.length > 0 || prFiles.renamed.length > 0,
+    [prFiles.added.length, prFiles.modified.length, prFiles.removed.length, prFiles.renamed.length]
+  );
+  const renamedPaths = useMemo(
+    () => prFiles.renamed.map((r) => r.filename),
+    [prFiles.renamed]
+  );
+  const getFileStatus = useCallback(
+    (filePath) => {
+      if (prFiles.added.includes(filePath)) {
+        return "added";
+      }
+      if (prFiles.modified.includes(filePath)) {
+        return "modified";
+      }
+      if (prFiles.removed.includes(filePath)) {
+        return "removed";
+      }
+      if (renamedPaths.includes(filePath)) {
+        return "renamed";
+      }
+      return void 0;
+    },
+    [prFiles, renamedPaths]
+  );
+  const handleFileSelect = useCallback(
+    (filePath) => {
+      const status = getFileStatus(filePath);
+      onFileClick == null ? void 0 : onFileClick(filePath, status);
+    },
+    [getFileStatus, onFileClick]
+  );
+  const prChangesData = useMemo(() => {
+    if (!hasChanges) {
+      return null;
+    }
+    const statusData = [
+      ...prFiles.added.map((filePath) => ({
+        filePath,
+        indexStatus: "A",
+        workingTreeStatus: " ",
+        status: "A"
+      })),
+      ...prFiles.modified.map((filePath) => ({
+        filePath,
+        indexStatus: "M",
+        workingTreeStatus: " ",
+        status: "M"
+      })),
+      ...prFiles.removed.map((filePath) => ({
+        filePath,
+        indexStatus: "D",
+        workingTreeStatus: " ",
+        status: "D"
+      })),
+      ...prFiles.renamed.map((renamed) => ({
+        filePath: renamed.filename,
+        indexStatus: "R",
+        workingTreeStatus: " ",
+        status: "R"
+      }))
+    ];
+    const allChangedFiles = [
+      ...prFiles.added,
+      ...prFiles.modified,
+      ...prFiles.removed,
+      ...renamedPaths
+    ].sort((a, b) => a.localeCompare(b));
+    const builder = new N();
+    const tree = builder.build({ files: allChangedFiles, rootPath: rootPath ?? "" });
+    return { tree, statusData };
+  }, [hasChanges, prFiles, renamedPaths, rootPath]);
+  if (!hasChanges) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          padding: "12px 0",
+          fontSize: theme2.fontSizes[0],
+          fontFamily: theme2.fonts.body,
+          color: theme2.colors.textSecondary,
+          fontStyle: "italic",
+          textAlign: "center"
+        },
+        children: "No PR selected"
+      }
+    );
+  }
+  if (!prChangesData) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+    GitStatusFileTree,
+    {
+      fileTree: prChangesData.tree,
+      theme: theme2,
+      gitStatusData: prChangesData.statusData,
+      onFileSelect: handleFileSelect,
+      onNodeHover,
+      transparentBackground: true,
+      horizontalNodePadding: "0px",
+      verticalPadding: "4px",
+      openByDefault: true
+    }
+  ) });
+};
 const Legend = ({
   fileTypes,
   gitStatus,
+  prFiles,
+  prNumber,
   fileTree,
   rootPath,
   agentLayers,
@@ -10109,6 +10238,8 @@ const Legend = ({
   onItemClick,
   onGitFileClick,
   onGitNodeHover,
+  onPrFileClick,
+  onPrNodeHover,
   onAgentLayerClick,
   onQualityMetricClick,
   onClearAgentLayers,
@@ -10116,9 +10247,10 @@ const Legend = ({
 }) => {
   const { theme: theme2 } = useTheme();
   const hasGitStatus = gitStatus != null && (gitStatus.staged.length > 0 || gitStatus.unstaged.length > 0 || gitStatus.untracked.length > 0 || gitStatus.deleted.length > 0);
+  const hasPrFiles = prFiles != null && (prFiles.added.length > 0 || prFiles.modified.length > 0 || prFiles.removed.length > 0 || prFiles.renamed.length > 0);
   const hasAgentLayers = agentLayers && agentLayers.length > 0;
   const hasQualityMetrics = qualityMetrics && qualityMetrics.length > 0;
-  const isEmpty = fileTypes.length === 0 && !hasGitStatus && !hasAgentLayers && !hasQualityMetrics;
+  const isEmpty = fileTypes.length === 0 && !hasGitStatus && !hasPrFiles && !hasAgentLayers && !hasQualityMetrics;
   const qualityModeLabels = {
     coverage: "Test Coverage",
     eslint: "Linting Quality",
@@ -10139,12 +10271,11 @@ const Legend = ({
         backgroundColor: theme2.colors.background,
         borderTop: isRight ? "none" : `1px solid ${theme2.colors.border}`,
         borderLeft: isRight ? `1px solid ${theme2.colors.border}` : "none",
-        overflowY: "auto",
-        overflowX: "hidden",
         boxSizing: "border-box",
         flex: 1,
         minWidth: 0,
-        minHeight: 0
+        minHeight: 0,
+        overflow: "hidden"
       },
       children: [
         isEmpty && /* @__PURE__ */ jsxs(
@@ -10429,7 +10560,41 @@ const Legend = ({
             }
           )
         ] }),
-        fileTypes.length > 0 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+        hasPrFiles && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px", flex: 1, minHeight: 0 }, children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "6px",
+                fontSize: theme2.fontSizes[0],
+                fontFamily: theme2.fonts.body,
+                fontWeight: 600,
+                color: theme2.colors.textSecondary,
+                textTransform: "uppercase",
+                letterSpacing: "0.5px",
+                flexShrink: 0
+              },
+              children: [
+                /* @__PURE__ */ jsx(GitPullRequest, { size: 12 }),
+                "PR Changes",
+                prNumber ? ` #${prNumber}` : "",
+                hasPrFiles && ` (${prFiles.added.length + prFiles.modified.length + prFiles.removed.length + prFiles.renamed.length} files)`
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { style: { flex: 1, minHeight: 0, overflowY: "auto" }, children: /* @__PURE__ */ jsx(
+            PrChangesTree,
+            {
+              prFiles,
+              rootPath,
+              onFileClick: onPrFileClick,
+              onNodeHover: onPrNodeHover
+            }
+          ) })
+        ] }),
+        fileTypes.length > 0 && !hasPrFiles && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
           /* @__PURE__ */ jsx(
             "div",
             {
@@ -24350,7 +24515,7 @@ const CodeCityPanelContent = ({
   actions: actions2,
   events
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
   const { theme: theme2 } = useTheme();
   const [cityData, setCityData] = useState(null);
   const [hoverInfo, setHoverInfo] = useState(null);
@@ -24464,7 +24629,7 @@ const CodeCityPanelContent = ({
     return COLOR_MODES.find((m) => m.id === colorMode) || COLOR_MODES[0];
   }, [colorMode]);
   const hoveredFileMetric = useMemo(() => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2;
     if (!((_a2 = hoverInfo == null ? void 0 : hoverInfo.hoveredBuilding) == null ? void 0 : _a2.path)) return null;
     const filePath = hoverInfo.hoveredBuilding.path;
     if (!qualityData) return null;
@@ -24529,7 +24694,7 @@ const CodeCityPanelContent = ({
         return { type: "knip", value: null, label: "No dead code data" };
       }
       case "alexandria": {
-        const metric = (_p = (_o2 = qualityData.fileMetrics) == null ? void 0 : _o2.alexandria) == null ? void 0 : _p.find((m) => m.file === filePath);
+        const metric = (_p2 = (_o2 = qualityData.fileMetrics) == null ? void 0 : _o2.alexandria) == null ? void 0 : _p2.find((m) => m.file === filePath);
         if (metric) {
           const issues = metric.issueCount;
           return { type: "alexandria", value: metric, label: issues > 0 ? `${issues} doc issue${issues > 1 ? "s" : ""}` : "Well documented" };
@@ -24817,6 +24982,12 @@ const CodeCityPanelContent = ({
     const { staged, unstaged, untracked, deleted } = gitSlice.data;
     return staged.length + unstaged.length + untracked.length + deleted.length;
   }, [gitSlice == null ? void 0 : gitSlice.data]);
+  useMemo(() => {
+    var _a2;
+    if (!((_a2 = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _a2.filesByStatus)) return 0;
+    const { added, modified, removed, renamed } = prFilesSlice.data.filesByStatus;
+    return added.length + modified.length + removed.length + renamed.length;
+  }, [(_g = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _g.filesByStatus]);
   const legendAgentLayers = useMemo(() => {
     const agentLayers = highlightLayers.filter(
       (layer) => layer.id.startsWith("event-highlight")
@@ -25073,7 +25244,7 @@ const CodeCityPanelContent = ({
     } finally {
       setLoading(false);
     }
-  }, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, fileTreeSlice == null ? void 0 : fileTreeSlice.loading, (_g = context.currentScope.repository) == null ? void 0 : _g.path]);
+  }, [fileTreeSlice == null ? void 0 : fileTreeSlice.data, fileTreeSlice == null ? void 0 : fileTreeSlice.loading, (_h = context.currentScope.repository) == null ? void 0 : _h.path]);
   const handleFileClick = useCallback(
     (filePath) => {
       if (actions2.openFile) {
@@ -25361,7 +25532,7 @@ const CodeCityPanelContent = ({
                                             textOverflow: "ellipsis",
                                             whiteSpace: "nowrap"
                                           },
-                                          children: ((_h = hoverInfo.fileTooltip) == null ? void 0 : _h.text) || ((_j = (_i = hoverInfo.hoveredDistrict) == null ? void 0 : _i.path) == null ? void 0 : _j.split("/").pop()) || ((_k = hoverInfo.hoveredDistrict) == null ? void 0 : _k.path) || "Unknown"
+                                          children: ((_i = hoverInfo.fileTooltip) == null ? void 0 : _i.text) || ((_k = (_j = hoverInfo.hoveredDistrict) == null ? void 0 : _j.path) == null ? void 0 : _k.split("/").pop()) || ((_l = hoverInfo.hoveredDistrict) == null ? void 0 : _l.path) || "Unknown"
                                         }
                                       ),
                                       /* @__PURE__ */ jsx(
@@ -25375,7 +25546,7 @@ const CodeCityPanelContent = ({
                                             textOverflow: "ellipsis",
                                             whiteSpace: "nowrap"
                                           },
-                                          children: ((_l = hoverInfo.hoveredBuilding) == null ? void 0 : _l.path) || ((_m = hoverInfo.hoveredDistrict) == null ? void 0 : _m.path) || "/"
+                                          children: ((_m = hoverInfo.hoveredBuilding) == null ? void 0 : _m.path) || ((_n = hoverInfo.hoveredDistrict) == null ? void 0 : _n.path) || "/"
                                         }
                                       )
                                     ]
@@ -25501,10 +25672,13 @@ const CodeCityPanelContent = ({
                           {
                             fileTypes: [],
                             gitStatus: gitSlice == null ? void 0 : gitSlice.data,
+                            prFiles: (_o = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _o.filesByStatus,
+                            prNumber: (_p = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _p.pullNumber,
                             fileTree: fileTreeSlice == null ? void 0 : fileTreeSlice.data,
-                            rootPath: (_n = context.currentScope.repository) == null ? void 0 : _n.path,
+                            rootPath: (_q = context.currentScope.repository) == null ? void 0 : _q.path,
                             onGitFileClick: handleFileClick,
                             onGitNodeHover: handleGitNodeHover,
+                            onPrFileClick: handleFileClick,
                             position: layout.legendPosition
                           }
                         ),
@@ -25519,14 +25693,17 @@ const CodeCityPanelContent = ({
                 {
                   fileTypes: legendFileTypes,
                   gitStatus: gitSlice == null ? void 0 : gitSlice.data,
+                  prFiles: (_r = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _r.filesByStatus,
+                  prNumber: (_s = prFilesSlice == null ? void 0 : prFilesSlice.data) == null ? void 0 : _s.pullNumber,
                   fileTree: fileTreeSlice == null ? void 0 : fileTreeSlice.data,
-                  rootPath: (_o = context.currentScope.repository) == null ? void 0 : _o.path,
+                  rootPath: (_t = context.currentScope.repository) == null ? void 0 : _t.path,
                   agentLayers: legendAgentLayers,
                   qualityMetrics: legendQualityMetrics,
                   colorMode,
                   onItemClick: toggleFileType,
                   onGitFileClick: handleFileClick,
                   onGitNodeHover: handleGitNodeHover,
+                  onPrFileClick: handleFileClick,
                   onAgentLayerClick: toggleAgentLayer,
                   onQualityMetricClick: toggleQualityMetric,
                   onClearAgentLayers: clearAgentLayers,