@industry-theme/repository-composition-panels 0.2.46 → 0.2.48

package/dist/panels/GitChangesPanel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { FileTree } from '@principal-ai/repository-abstraction';
-import type { GitStatus, GitChangeSelectionStatus, PanelComponentProps } from '../types';
+import type { FileTree, GitStatusWithFiles } from '@principal-ai/repository-abstraction';
+import type { GitChangeSelectionStatus, PanelComponentProps } from '../types';
 import './GitChangesPanel.css';
 export type ContextMenuAction = {
     type: 'copyFullPath';
@@ -17,7 +17,7 @@ export type ContextMenuAction = {
 };
 export interface GitChangesPanelProps {
     /** Git status data with categorized file paths */
-    gitStatus: GitStatus;
+    gitStatus: GitStatusWithFiles;
     /** Complete file tree structure - git status will be overlaid on this tree */
     fileTree: FileTree;
     /** Root path for the repository */

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,MAAM,sCAAsC,CAAC;AAErE,OAAO,KAAK,EAAE,SAAS,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACzF,OAAO,uBAAuB,CAAC;AAkB/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,SAAS,CAAC;IACrB,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,CAkUjE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAiD1C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwDzD,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,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"}

package/dist/panels.bundle.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React2, { createContext, useContext, forwardRef, createElement, useCallback, useState, useRef, useEffect, useMemo, memo, useLayoutEffect, useImperativeHandle } from "react";
+import React2, { createContext, useContext, forwardRef, createElement, useRef, useCallback, useState, 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";
@@ -569,10 +569,20 @@ const __iconNode$pM = [
 ];
 const X$2 = createLucideIcon$1("x", __iconNode$pM);
 const EMPTY_GIT_STATUS = {
-  staged: [],
-  unstaged: [],
-  untracked: [],
-  deleted: []
+  repoPath: "",
+  branch: "",
+  isDirty: false,
+  hasUntracked: false,
+  hasStaged: false,
+  ahead: 0,
+  behind: 0,
+  watchingEnabled: false,
+  stagedFiles: [],
+  modifiedFiles: [],
+  untrackedFiles: [],
+  deletedFiles: [],
+  createdFiles: [],
+  hash: "empty"
 };
 const GitChangesPanelContent = ({
   gitStatus,
@@ -586,6 +596,22 @@ 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 [contextMenu, setContextMenu] = useState({
     visible: false,
     x: 0,
@@ -606,21 +632,21 @@ const GitChangesPanelContent = ({
     }
   }, [contextMenu.visible]);
   useMemo(
-    () => gitStatus.staged.length > 0 || gitStatus.unstaged.length > 0 || gitStatus.untracked.length > 0 || gitStatus.deleted.length > 0,
-    [gitStatus.staged.length, gitStatus.unstaged.length, gitStatus.untracked.length, gitStatus.deleted.length]
+    () => 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.staged.includes(filePath)) {
+      if (gitStatus.stagedFiles.includes(filePath)) {
         return "staged";
       }
-      if (gitStatus.deleted.includes(filePath)) {
+      if (gitStatus.deletedFiles.includes(filePath)) {
         return "deleted";
       }
-      if (gitStatus.untracked.includes(filePath)) {
+      if (gitStatus.untrackedFiles.includes(filePath)) {
         return "untracked";
       }
-      if (gitStatus.unstaged.includes(filePath)) {
+      if (gitStatus.modifiedFiles.includes(filePath)) {
         return "unstaged";
       }
       return void 0;
@@ -700,21 +726,21 @@ const GitChangesPanelContent = ({
       }
       return expandedPaths;
     };
-    const expandedUntracked = expandDirectories(gitStatus.untracked);
+    const expandedUntracked = expandDirectories(gitStatus.untrackedFiles);
     const statusData = [
-      ...gitStatus.staged.map((filePath) => ({
+      ...gitStatus.stagedFiles.map((filePath) => ({
         filePath,
         indexStatus: "A",
         workingTreeStatus: " ",
         status: "A"
       })),
-      ...gitStatus.unstaged.map((filePath) => ({
+      ...gitStatus.modifiedFiles.map((filePath) => ({
         filePath,
         indexStatus: " ",
         workingTreeStatus: "M",
         status: "M"
       })),
-      ...gitStatus.deleted.map((filePath) => ({
+      ...gitStatus.deletedFiles.map((filePath) => ({
         filePath,
         indexStatus: " ",
         workingTreeStatus: "D",
@@ -926,7 +952,22 @@ const GitChangesPanelPreview = () => {
 };
 const GitChangesPanel = ({ context, events }) => {
   var _a;
-  const gitSlice = context.getSlice("git");
+  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;
   const fileTree = fileTreeSlice == null ? void 0 : fileTreeSlice.data;