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

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.
@@ -1 +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"}
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;AAqpCD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EA8BxC,CAAC"}
@@ -63,6 +63,24 @@ export declare const WithDeadCode: Story;
63
63
  * Starts in Coverage mode - use the dropdown to switch between different quality visualizations
64
64
  */
65
65
  export declare const WithAllQualityMetrics: Story;
66
+ /**
67
+ * With Agent Activity - demonstrates agent session event layers
68
+ * Shows files being read, written, and edited by an AI agent
69
+ * Agent layers take priority and display exclusively when present
70
+ */
71
+ export declare const WithAgentActivity: Story;
72
+ /**
73
+ * With Multiple Agent Events - demonstrates a complex agent session
74
+ * Shows all operation types: READ, WRITE, CREATE, EDIT, DELETE, SEARCH, LIST
75
+ */
76
+ export declare const WithMultipleAgentEvents: Story;
77
+ /**
78
+ * With Agent And Git Changes - demonstrates agent activity combined with git status
79
+ * Shows how agent layers display alongside git changes (staged, unstaged, untracked)
80
+ * File type colors are hidden, but git status remains visible
81
+ */
82
+ export declare const WithAgentAndGitChanges: Story;
83
+ export declare const WithLiveAgentSession: Story;
66
84
  /**
67
85
  * With Documentation - demonstrates Alexandria documentation color mode
68
86
  * Shows: green (documented), red (needs docs), gray (no data)
@@ -1 +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"}
1
+ {"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"}
@@ -15405,33 +15405,31 @@ const CodeCityPanelContent = ({
15405
15405
  priority: layer.priority || 150,
15406
15406
  items: layer.items
15407
15407
  }));
15408
- if (formattedAgentLayers.length > 0) {
15409
- setHighlightLayers(formattedAgentLayers);
15410
- fileColorLayersRegistered.current = false;
15411
- gitLayersRegistered.current = false;
15412
- agentLayersRegistered.current = true;
15413
- return;
15414
- }
15408
+ const hasAgentLayers = formattedAgentLayers.length > 0;
15415
15409
  let modeLayers = [];
15416
- switch (colorMode) {
15417
- case "fileTypes":
15418
- modeLayers = fileColorLayers.map((layer) => ({
15419
- id: layer.id,
15420
- name: layer.name,
15421
- enabled: true,
15422
- color: layer.color,
15423
- opacity: layer.opacity,
15424
- borderWidth: layer.borderWidth,
15425
- priority: layer.priority || 0,
15426
- items: layer.items
15427
- }));
15428
- break;
15429
- case "git":
15430
- modeLayers = gitStatusLayers;
15431
- break;
15432
- default:
15433
- modeLayers = qualityLayers;
15434
- break;
15410
+ if (hasAgentLayers) {
15411
+ modeLayers = [...gitStatusLayers, ...formattedAgentLayers];
15412
+ } else {
15413
+ switch (colorMode) {
15414
+ case "fileTypes":
15415
+ modeLayers = fileColorLayers.map((layer) => ({
15416
+ id: layer.id,
15417
+ name: layer.name,
15418
+ enabled: true,
15419
+ color: layer.color,
15420
+ opacity: layer.opacity,
15421
+ borderWidth: layer.borderWidth,
15422
+ priority: layer.priority || 0,
15423
+ items: layer.items
15424
+ }));
15425
+ break;
15426
+ case "git":
15427
+ modeLayers = gitStatusLayers;
15428
+ break;
15429
+ default:
15430
+ modeLayers = qualityLayers;
15431
+ break;
15432
+ }
15435
15433
  }
15436
15434
  setBaseLayers(modeLayers);
15437
15435
  const activePackagePath = selectedPackagePath ?? hoveredPackagePath;
@@ -15453,9 +15451,9 @@ const CodeCityPanelContent = ({
15453
15451
  } else {
15454
15452
  setHighlightLayers(modeLayers);
15455
15453
  }
15456
- fileColorLayersRegistered.current = colorMode === "fileTypes";
15457
- gitLayersRegistered.current = colorMode === "git";
15458
- agentLayersRegistered.current = false;
15454
+ fileColorLayersRegistered.current = !hasAgentLayers && colorMode === "fileTypes";
15455
+ gitLayersRegistered.current = hasAgentLayers || colorMode === "git";
15456
+ agentLayersRegistered.current = hasAgentLayers;
15459
15457
  }, [colorMode, fileColorLayers, gitStatusLayers, qualityLayers, agentHighlightLayersSlice == null ? void 0 : agentHighlightLayersSlice.data, hoveredPackagePath, selectedPackagePath, isFileInPackage]);
15460
15458
  useEffect(() => {
15461
15459
  if (!(fileTreeSlice == null ? void 0 : fileTreeSlice.data) || !fileTreeSlice.data.allFiles) {