@industry-theme/repository-composition-panels 0.2.49 → 0.2.50

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

@@ -1 +1 @@
-{"version":3,"file":"GitChangesPanel.d.ts","sourceRoot":"","sources":["../../src/panels/GitChangesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAIjF,OAAO,KAAK,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAEzF,OAAO,KAAK,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC9E,OAAO,uBAAuB,CAAC;AA4B/B,MAAM,MAAM,iBAAiB,GACzB;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACtC;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC1C;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzC,MAAM,WAAW,oBAAoB;IACnC,kDAAkD;IAClD,SAAS,EAAE,kBAAkB,CAAC;IAC9B,8EAA8E;IAC9E,QAAQ,EAAE,QAAQ,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC5E,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC1D,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgWjE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAiD1C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgFzD,CAAC"}
+{"version":3,"file":"GitChangesPanel.d.ts","sourceRoot":"","sources":["../../src/panels/GitChangesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAIjF,OAAO,KAAK,EAAE,QAAQ,EAAE,kBAAkB,EAA+B,MAAM,sCAAsC,CAAC;AAEtH,OAAO,KAAK,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC9E,OAAO,uBAAuB,CAAC;AA4B/B,MAAM,MAAM,iBAAiB,GACzB;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACtC;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC1C;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzC,MAAM,WAAW,oBAAoB;IACnC,kDAAkD;IAClD,SAAS,EAAE,kBAAkB,CAAC;IAC9B,8EAA8E;IAC9E,QAAQ,EAAE,QAAQ,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC5E,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC1D,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgajE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAiD1C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyDzD,CAAC"}

package/dist/panels.bundle.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React2, { createContext, useContext, forwardRef, createElement, useRef, useCallback, useState, useEffect, useMemo, memo, useLayoutEffect, useImperativeHandle } from "react";
+import React2, { createContext, useContext, forwardRef, createElement, useCallback, useState, useRef, useEffect, useMemo, memo, useLayoutEffect, useImperativeHandle } from "react";
 import { createPortal } from "react-dom";
 import { GitStatusFileTree, calculateTelemetryCoverageStats, TelemetryCoverageFileTree } from "@principal-ade/dynamic-file-tree";
 import { CanvasConverter } from "@principal-ai/principal-view-core/browser";
@@ -596,22 +596,7 @@ const GitChangesPanelContent = ({
   selectedFile
 }) => {
   const { theme } = useTheme$1();
-  const renderCountRef = useRef(0);
-  const prevPropsRef = useRef(null);
-  renderCountRef.current += 1;
-  if (prevPropsRef.current) {
-    const propsChanged = {
-      gitStatus: prevPropsRef.current.gitStatus !== gitStatus,
-      fileTree: prevPropsRef.current.fileTree !== fileTree,
-      rootPath: prevPropsRef.current.rootPath !== rootPath,
-      isLoading: prevPropsRef.current.isLoading !== isLoading,
-      onFileClick: prevPropsRef.current.onFileClick !== onFileClick,
-      onContextMenuAction: prevPropsRef.current.onContextMenuAction !== onContextMenuAction,
-      selectedFile: prevPropsRef.current.selectedFile !== selectedFile
-    };
-    console.log(`[GitChangesPanelContent] Render #${renderCountRef.current}`, propsChanged);
-  }
-  prevPropsRef.current = { gitStatus, fileTree, rootPath, isLoading, onFileClick, onContextMenuAction, selectedFile };
+  const [searchTerm, setSearchTerm] = useState("");
   const [contextMenu, setContextMenu] = useState({
     visible: false,
     x: 0,
@@ -631,10 +616,6 @@ const GitChangesPanelContent = ({
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }
   }, [contextMenu.visible]);
-  useMemo(
-    () => gitStatus.stagedFiles.length > 0 || gitStatus.modifiedFiles.length > 0 || gitStatus.untrackedFiles.length > 0 || gitStatus.deletedFiles.length > 0,
-    [gitStatus.stagedFiles.length, gitStatus.modifiedFiles.length, gitStatus.untrackedFiles.length, gitStatus.deletedFiles.length]
-  );
   const getFileStatus = useCallback(
     (filePath) => {
       if (gitStatus.stagedFiles.includes(filePath)) {
@@ -753,8 +734,53 @@ const GitChangesPanelContent = ({
         status: "??"
       }))
     ];
-    return { tree: fileTree, statusData };
-  }, [isLoading, fileTree, gitStatus]);
+    const filteredStatusData = searchTerm ? statusData.filter(
+      (item) => item.filePath.toLowerCase().includes(searchTerm.toLowerCase())
+    ) : statusData;
+    let filteredTree = fileTree;
+    if (searchTerm && fileTree.allFiles) {
+      const rootPath2 = fileTree.root.path;
+      const matchingPaths = /* @__PURE__ */ new Set();
+      filteredStatusData.forEach((item) => {
+        const absolutePath = `${rootPath2}/${item.filePath}`;
+        matchingPaths.add(absolutePath);
+        const parts = item.filePath.split("/");
+        for (let i = 1; i < parts.length; i++) {
+          const parentPath = `${rootPath2}/${parts.slice(0, i).join("/")}`;
+          matchingPaths.add(parentPath);
+        }
+      });
+      matchingPaths.add(rootPath2);
+      const filteredAllFiles = fileTree.allFiles.filter((file) => matchingPaths.has(file.path));
+      const filteredAllDirectories = fileTree.allDirectories.filter((dir) => matchingPaths.has(dir.path));
+      const filterDirectoryTree = (dir) => {
+        const filteredChildren = dir.children.filter((child) => matchingPaths.has(child.path)).map((child) => {
+          if ("children" in child) {
+            return filterDirectoryTree(child);
+          }
+          return child;
+        });
+        return {
+          ...dir,
+          children: filteredChildren,
+          fileCount: filteredChildren.filter((child) => !("children" in child)).length
+        };
+      };
+      const filteredRoot = filterDirectoryTree(fileTree.root);
+      filteredTree = {
+        ...fileTree,
+        root: filteredRoot,
+        allFiles: filteredAllFiles,
+        allDirectories: filteredAllDirectories,
+        stats: {
+          ...fileTree.stats,
+          totalFiles: filteredAllFiles.length,
+          totalDirectories: filteredAllDirectories.length
+        }
+      };
+    }
+    return { tree: filteredTree, statusData: filteredStatusData };
+  }, [isLoading, fileTree, gitStatus, searchTerm]);
   const renderContent = () => {
     if (isLoading) {
       return /* @__PURE__ */ jsx(
@@ -794,7 +820,7 @@ const GitChangesPanelContent = ({
         transparentBackground: true,
         horizontalNodePadding: "16px",
         verticalPadding: "16px",
-        openByDefault: false,
+        openByDefault: !!searchTerm,
         enableDragAndDrop: false
       }
     );
@@ -813,6 +839,45 @@ const GitChangesPanelContent = ({
     textAlign: "left"
   };
   return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          padding: "6px 16px",
+          borderBottom: `1px solid ${theme.colors.border}`,
+          backgroundColor: theme.colors.background,
+          height: "40px",
+          boxSizing: "border-box"
+        },
+        children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            placeholder: "Filter files...",
+            value: searchTerm,
+            onChange: (e) => setSearchTerm(e.target.value),
+            style: {
+              width: "100%",
+              padding: "4px 10px",
+              fontSize: theme.fontSizes[1],
+              fontFamily: theme.fonts.body,
+              color: theme.colors.text,
+              backgroundColor: theme.colors.backgroundSecondary,
+              border: `1px solid ${theme.colors.border}`,
+              borderRadius: "4px",
+              outline: "none",
+              boxSizing: "border-box"
+            },
+            onFocus: (e) => {
+              e.target.style.borderColor = theme.colors.primary;
+            },
+            onBlur: (e) => {
+              e.target.style.borderColor = theme.colors.border;
+            }
+          }
+        )
+      }
+    ),
     /* @__PURE__ */ jsx("div", { style: { flex: 1, overflow: "auto" }, children: renderContent() }),
     contextMenu.visible && createPortal(
       /* @__PURE__ */ jsxs(
@@ -952,21 +1017,6 @@ const GitChangesPanelPreview = () => {
 };
 const GitChangesPanel = ({ context, events }) => {
   var _a;
-  const renderCountRef = useRef(0);
-  const prevPropsRef = useRef(null);
-  renderCountRef.current += 1;
-  if (prevPropsRef.current) {
-    const propsChanged = {
-      context: prevPropsRef.current.context !== context,
-      events: prevPropsRef.current.events !== events,
-      // Also check individual context properties
-      "context.currentScope": prevPropsRef.current.context.currentScope !== context.currentScope,
-      "context.getSlice": prevPropsRef.current.context.getSlice !== context.getSlice,
-      "context.slices": prevPropsRef.current.context.slices !== context.slices
-    };
-    console.log(`[GitChangesPanel] Render #${renderCountRef.current}`, propsChanged);
-  }
-  prevPropsRef.current = { context, events };
   const gitSlice = context.getSlice("gitStatusWithFiles");
   const fileTreeSlice = context.getSlice("fileTree");
   const gitStatus = (gitSlice == null ? void 0 : gitSlice.data) ?? EMPTY_GIT_STATUS;