@industry-theme/file-city-panel 0.2.15 → 0.2.17

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;AAspCD;;;;;;;;;;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;AAyqCD;;;;;;;;;;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/CodeCityPanel.stories.d.ts

@@ -63,6 +63,24 @@ export declare const WithDeadCode: Story;
  * Starts in Coverage mode - use the dropdown to switch between different quality visualizations
  */
 export declare const WithAllQualityMetrics: Story;
+/**
+ * With Agent Activity - demonstrates agent session event layers
+ * Shows files being read, written, and edited by an AI agent
+ * Agent layers take priority and display exclusively when present
+ */
+export declare const WithAgentActivity: Story;
+/**
+ * With Multiple Agent Events - demonstrates a complex agent session
+ * Shows all operation types: READ, WRITE, CREATE, EDIT, DELETE, SEARCH, LIST
+ */
+export declare const WithMultipleAgentEvents: Story;
+/**
+ * With Agent And Git Changes - demonstrates agent activity combined with git status
+ * Shows how agent layers display alongside git changes (staged, unstaged, untracked)
+ * File type colors are hidden, but git status remains visible
+ */
+export declare const WithAgentAndGitChanges: Story;
+export declare const WithLiveAgentSession: Story;
 /**
  * With Documentation - demonstrates Alexandria documentation color mode
  * Shows: green (documented), red (needs docs), gray (no data)

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

@@ -1 +1 @@
-{"version":3,"file":"CodeCityPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/CodeCityPanel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD;;;;GAIG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAoBpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KA6BrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAwC7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAyC5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAyD9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAkD/B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KA8DlC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KA8DlC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KA8D1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KA6FnC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA6D/B,CAAC"}
+{"version":3,"file":"CodeCityPanel.stories.d.ts","sourceRoot":"","sources":["../../src/panels/CodeCityPanel.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD;;;;GAIG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAoBpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KA6BrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAwC7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAgD5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAyD9B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAkD/B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KA8DlC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KA8DlC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KA8D1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KA6FnC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAsE/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,KA6GrC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,KA+EpC,CAAC;AA4BF,eAAO,MAAM,oBAAoB,EAAE,KA+ElC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KA6D/B,CAAC"}

package/dist/panels.bundle.js

@@ -14972,6 +14972,14 @@ const CodeCityPanelContent = ({
   const fileTreeSlice = context.getSlice("fileTree");
   const gitSlice = context.getSlice("git");
   const agentHighlightLayersSlice = context.getSlice("agentHighlightLayers");
+  useEffect(() => {
+    var _a2;
+    console.log("[CodeCityPanel] agentHighlightLayers slice:", {
+      hasSlice: !!agentHighlightLayersSlice,
+      data: agentHighlightLayersSlice == null ? void 0 : agentHighlightLayersSlice.data,
+      dataLength: ((_a2 = agentHighlightLayersSlice == null ? void 0 : agentHighlightLayersSlice.data) == null ? void 0 : _a2.length) ?? 0
+    });
+  }, [agentHighlightLayersSlice == null ? void 0 : agentHighlightLayersSlice.data]);
   const colorModesSlice = context.getSlice("fileCityColorModes");
   const qualityData = (_c = colorModesSlice == null ? void 0 : colorModesSlice.data) == null ? void 0 : _c.qualityData;
   const fileColorLayersRegistered = useRef(false);
@@ -15405,33 +15413,44 @@ const CodeCityPanelContent = ({
       priority: layer.priority || 150,
       items: layer.items
     }));
-    if (formattedAgentLayers.length > 0) {
-      setHighlightLayers(formattedAgentLayers);
-      fileColorLayersRegistered.current = false;
-      gitLayersRegistered.current = false;
-      agentLayersRegistered.current = true;
-      return;
-    }
+    const hasAgentLayers = formattedAgentLayers.length > 0;
+    console.log("[CodeCityPanel] Processing layers:", {
+      hasAgentLayers,
+      agentLayerCount: formattedAgentLayers.length,
+      agentLayers: formattedAgentLayers.map((l) => {
+        var _a2, _b2;
+        return {
+          id: l.id,
+          itemCount: ((_a2 = l.items) == null ? void 0 : _a2.length) ?? 0,
+          items: (_b2 = l.items) == null ? void 0 : _b2.slice(0, 3).map((i) => i.path)
+          // First 3 for brevity
+        };
+      })
+    });
     let modeLayers = [];
-    switch (colorMode) {
-      case "fileTypes":
-        modeLayers = fileColorLayers.map((layer) => ({
-          id: layer.id,
-          name: layer.name,
-          enabled: true,
-          color: layer.color,
-          opacity: layer.opacity,
-          borderWidth: layer.borderWidth,
-          priority: layer.priority || 0,
-          items: layer.items
-        }));
-        break;
-      case "git":
-        modeLayers = gitStatusLayers;
-        break;
-      default:
-        modeLayers = qualityLayers;
-        break;
+    if (hasAgentLayers) {
+      modeLayers = [...gitStatusLayers, ...formattedAgentLayers];
+    } else {
+      switch (colorMode) {
+        case "fileTypes":
+          modeLayers = fileColorLayers.map((layer) => ({
+            id: layer.id,
+            name: layer.name,
+            enabled: true,
+            color: layer.color,
+            opacity: layer.opacity,
+            borderWidth: layer.borderWidth,
+            priority: layer.priority || 0,
+            items: layer.items
+          }));
+          break;
+        case "git":
+          modeLayers = gitStatusLayers;
+          break;
+        default:
+          modeLayers = qualityLayers;
+          break;
+      }
     }
     setBaseLayers(modeLayers);
     const activePackagePath = selectedPackagePath ?? hoveredPackagePath;
@@ -15453,9 +15472,9 @@ const CodeCityPanelContent = ({
     } else {
       setHighlightLayers(modeLayers);
     }
-    fileColorLayersRegistered.current = colorMode === "fileTypes";
-    gitLayersRegistered.current = colorMode === "git";
-    agentLayersRegistered.current = false;
+    fileColorLayersRegistered.current = !hasAgentLayers && colorMode === "fileTypes";
+    gitLayersRegistered.current = hasAgentLayers || colorMode === "git";
+    agentLayersRegistered.current = hasAgentLayers;
   }, [colorMode, fileColorLayers, gitStatusLayers, qualityLayers, agentHighlightLayersSlice == null ? void 0 : agentHighlightLayersSlice.data, hoveredPackagePath, selectedPackagePath, isFileInPackage]);
   useEffect(() => {
     if (!(fileTreeSlice == null ? void 0 : fileTreeSlice.data) || !fileTreeSlice.data.allFiles) {