@industry-theme/agent-panels 0.2.3 → 0.2.4

package/dist/mocks/panelContext.d.ts

@@ -17,8 +17,10 @@ export declare const createMockEvents: () => PanelEventEmitter;
  * Wraps components with mock context and ThemeProvider for Storybook
  */
 export declare const MockPanelProvider: React.FC<{
-    children: (props: PanelComponentProps) => React.ReactNode;
+    children: React.ReactNode | ((props: PanelComponentProps) => React.ReactNode);
     contextOverrides?: any;
     actionsOverrides?: Partial<PanelActions>;
+    mockSlices?: any;
+    mockAdapters?: any;
 }>;
 //# sourceMappingURL=panelContext.d.ts.map

package/dist/mocks/panelContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panelContext.d.ts","sourceRoot":"","sources":["../../src/mocks/panelContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,mBAAmB,EAEnB,YAAY,EACZ,iBAAiB,EAIlB,MAAM,UAAU,CAAC;AA+BlB;;GAEG;AAEH,eAAO,MAAM,iBAAiB,GAAI,YAAY,GAAG,KAAG,GAsJnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,YAAY,OAAO,CAAC,YAAY,CAAC,KAChC,YAkBD,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAAO,iBAwCnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;IAE1D,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAC1C,CAYA,CAAC"}
+{"version":3,"file":"panelContext.d.ts","sourceRoot":"","sources":["../../src/mocks/panelContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,mBAAmB,EAEnB,YAAY,EACZ,iBAAiB,EAIlB,MAAM,UAAU,CAAC;AA+BlB;;GAEG;AAEH,eAAO,MAAM,iBAAiB,GAAI,YAAY,GAAG,KAAG,GAsJnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,YAAY,OAAO,CAAC,YAAY,CAAC,KAChC,YAkBD,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAAO,iBAwCnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAE9E,gBAAgB,CAAC,EAAE,GAAG,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAEzC,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB,CAiCA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"AgentDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/AgentDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAQpD,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;CAAG;AAOrE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgb5D,CAAC"}
+{"version":3,"file":"AgentDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/AgentDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAQpD,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;CAAG;AAOrE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgc5D,CAAC"}

package/dist/panels/agents/hooks/useAgentsData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAgentsData.d.ts","sourceRoot":"","sources":["../../../../src/panels/agents/hooks/useAgentsData.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,MAAM,WAAW,GACnB,cAAc,GACd,gBAAgB,GAChB,kBAAkB,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEpB,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAED,UAAU,mBAAmB;IAC3B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACpC;AA4GD;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,cAE3B,mBAAmB,KAAG,mBAoFxB,CAAC"}
+{"version":3,"file":"useAgentsData.d.ts","sourceRoot":"","sources":["../../../../src/panels/agents/hooks/useAgentsData.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,MAAM,WAAW,GACnB,cAAc,GACd,gBAAgB,GAChB,kBAAkB,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEpB,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAKD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAED,UAAU,mBAAmB;IAC3B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACpC;AA4GD;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,cAE3B,mBAAmB,KAAG,mBAwGxB,CAAC"}

package/dist/panels/agents/hooks/useSubagentsData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSubagentsData.d.ts","sourceRoot":"","sources":["../../../../src/panels/agents/hooks/useSubagentsData.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,MAAM,cAAc,GACtB,gBAAgB,GAChB,eAAe,CAAC;AAEpB,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,cAAc,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,mBAAmB,GAAG,MAAM,CAAC;IACtF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,mBAAmB,CAAC;IACjC,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,QAAQ,EAAE,CAAC;CACvB;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAED,UAAU,sBAAsB;IAC9B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,gBAAgB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC;AAoHD;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,cAE9B,sBAAsB,KAAG,sBAoF3B,CAAC"}
+{"version":3,"file":"useSubagentsData.d.ts","sourceRoot":"","sources":["../../../../src/panels/agents/hooks/useSubagentsData.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,MAAM,cAAc,GACtB,gBAAgB,GAChB,eAAe,CAAC;AAEpB,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,cAAc,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,mBAAmB,GAAG,MAAM,CAAC;IACtF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,mBAAmB,CAAC;IACjC,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC;CACjB;AAKD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,QAAQ,EAAE,CAAC;CACvB;AAED,UAAU,sBAAsB;IAC9B,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAED,UAAU,sBAAsB;IAC9B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,gBAAgB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC;AAoHD;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,cAE9B,sBAAsB,KAAG,sBAwG3B,CAAC"}

package/dist/panels/skills/hooks/useSkillsData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSkillsData.d.ts","sourceRoot":"","sources":["../../../../src/panels/skills/hooks/useSkillsData.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,MAAM,WAAW,GACnB,mBAAmB,GACnB,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,eAAe,CAAC;AAEpB,MAAM,WAAW,aAAa;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IAEtB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAE5B,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAED,UAAU,mBAAmB;IAC3B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACpC;AA2KD;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,cAE3B,mBAAmB,KAAG,mBAsFxB,CAAC"}
+{"version":3,"file":"useSkillsData.d.ts","sourceRoot":"","sources":["../../../../src/panels/skills/hooks/useSkillsData.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,MAAM,WAAW,GACnB,mBAAmB,GACnB,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,eAAe,CAAC;AAEpB,MAAM,WAAW,aAAa;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IAEtB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAE5B,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAKD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB;AAED,UAAU,mBAAmB;IAC3B,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAED,UAAU,mBAAmB;IAC3B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACpC;AA2KD;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,cAE3B,mBAAmB,KAAG,mBA0GxB,CAAC"}

package/dist/panels.bundle.js

@@ -2548,6 +2548,7 @@ const __iconNode = [
   ]
 ];
 const Zap = createLucideIcon("zap", __iconNode);
+const EMPTY_SKILLS_ARRAY = [];
 const determineSkillSource = (path2) => {
   if (path2.includes(".agent/skills/")) {
     return { source: "project-universal", priority: 1 };
@@ -2656,17 +2657,25 @@ const useSkillsData = ({
   context
 }) => {
   var _a, _b, _c;
-  const [skills, setSkills] = useState([]);
+  const [skills, setSkills] = useState(EMPTY_SKILLS_ARRAY);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const fileTreeSlice = context.getSlice("fileTree");
   const fileTree = fileTreeSlice == null ? void 0 : fileTreeSlice.data;
   const fileTreeSha = fileTree == null ? void 0 : fileTree.sha;
   const globalSkillsSlice = context.getSlice("globalSkills");
-  const globalSkills = ((_a = globalSkillsSlice == null ? void 0 : globalSkillsSlice.data) == null ? void 0 : _a.skills) || [];
+  const globalSkills = ((_a = globalSkillsSlice == null ? void 0 : globalSkillsSlice.data) == null ? void 0 : _a.skills) ?? EMPTY_SKILLS_ARRAY;
+  const globalSkillsCount = globalSkills.length;
   const repoPath = (_b = context.currentScope.repository) == null ? void 0 : _b.path;
   const fileSystem = (_c = context.adapters) == null ? void 0 : _c.fileSystem;
+  const lastLoadedSha = useRef(void 0);
+  const lastGlobalSkillsCount = useRef(0);
   const loadSkills = useCallback(async () => {
+    if (fileTreeSha === lastLoadedSha.current && globalSkillsCount === lastGlobalSkillsCount.current) {
+      console.log("[useSkillsData] Skipping reload - data unchanged (SHA:", fileTreeSha, "globalCount:", globalSkillsCount, ")");
+      return;
+    }
+    console.log("[useSkillsData] Loading skills - SHA changed:", fileTreeSha !== lastLoadedSha.current, "globalCount changed:", globalSkillsCount !== lastGlobalSkillsCount.current);
     setIsLoading(true);
     setError(null);
     try {
@@ -2695,6 +2704,8 @@ const useSkillsData = ({
       const allSkills = [...localSkills, ...globalSkills];
       console.log("[useSkillsData] Total skills:", allSkills.length);
       setSkills(allSkills);
+      lastLoadedSha.current = fileTreeSha;
+      lastGlobalSkillsCount.current = globalSkillsCount;
     } catch (err) {
       const errorMessage = err instanceof Error ? err.message : "Failed to load skills";
       setError(errorMessage);
@@ -2702,8 +2713,10 @@ const useSkillsData = ({
     } finally {
       setIsLoading(false);
     }
-  }, [fileTree, fileTreeSha, globalSkills, repoPath, fileSystem]);
+  }, [fileTree, fileTreeSha, globalSkills, globalSkillsCount, repoPath, fileSystem]);
   const refreshSkills = useCallback(async () => {
+    lastLoadedSha.current = void 0;
+    lastGlobalSkillsCount.current = -1;
     await loadSkills();
   }, [loadSkills]);
   useEffect(() => {
@@ -47528,6 +47541,57 @@ var Ut;
   }
   return Ut || (Ut = createContext(void 0)), Ut;
 })();
+var DocumentView = ({
+  content: content2,
+  onCheckboxChange,
+  maxWidth = "900px",
+  slideIdPrefix = "document",
+  enableHtmlPopout = true,
+  enableKeyboardScrolling = true,
+  autoFocusOnVisible = true,
+  onLinkClick,
+  handleRunBashCommand,
+  handlePromptCopy,
+  repositoryInfo,
+  fontSizeScale,
+  theme: theme2,
+  transparentBackground = false,
+  editable = false
+}) => {
+  const containerRef = useRef(null);
+  const backgroundColor = transparentBackground ? "transparent" : theme2.colors.background;
+  return /* @__PURE__ */ React2__default.createElement("div", {
+    ref: containerRef,
+    style: {
+      height: "100%",
+      overflow: "auto",
+      backgroundColor
+    }
+  }, /* @__PURE__ */ React2__default.createElement("div", {
+    style: {
+      maxWidth: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
+      margin: "0 auto",
+      height: "100%"
+    }
+  }, /* @__PURE__ */ React2__default.createElement(IndustryMarkdownSlide, {
+    content: content2,
+    slideIdPrefix,
+    slideIndex: 0,
+    isVisible: true,
+    theme: theme2,
+    onCheckboxChange,
+    enableHtmlPopout,
+    enableKeyboardScrolling,
+    autoFocusOnVisible,
+    onLinkClick,
+    handleRunBashCommand,
+    fontSizeScale,
+    handlePromptCopy,
+    repositoryInfo,
+    transparentBackground,
+    editable
+  })));
+};
 var formatRelativeTime = (dateString) => {
   try {
     const date = new Date(dateString);
@@ -48079,6 +48143,7 @@ const SkillDetailPanel = ({
     }
   );
 };
+const EMPTY_AGENTS_ARRAY = [];
 const determineAgentSource = (path2) => {
   if (path2 === "AGENTS.md") {
     return { source: "project-root", priority: 1 };
@@ -48146,7 +48211,7 @@ const useAgentsData = ({
   context
 }) => {
   var _a, _b, _c;
-  const [agents, setAgents] = useState([]);
+  const [agents, setAgents] = useState(EMPTY_AGENTS_ARRAY);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const fileTreeSlice = context.getSlice("fileTree");
@@ -48156,13 +48221,21 @@ const useAgentsData = ({
   const globalAgents = useMemo(
     () => {
       var _a2;
-      return ((_a2 = globalAgentsSlice == null ? void 0 : globalAgentsSlice.data) == null ? void 0 : _a2.agents) || [];
+      return ((_a2 = globalAgentsSlice == null ? void 0 : globalAgentsSlice.data) == null ? void 0 : _a2.agents) ?? EMPTY_AGENTS_ARRAY;
     },
     [(_a = globalAgentsSlice == null ? void 0 : globalAgentsSlice.data) == null ? void 0 : _a.agents]
   );
+  const globalAgentsCount = globalAgents.length;
   const repoPath = (_b = context.currentScope.repository) == null ? void 0 : _b.path;
   const fileSystem = (_c = context.adapters) == null ? void 0 : _c.fileSystem;
+  const lastLoadedSha = useRef(void 0);
+  const lastGlobalAgentsCount = useRef(0);
   const loadAgents = useCallback(async () => {
+    if (fileTreeSha === lastLoadedSha.current && globalAgentsCount === lastGlobalAgentsCount.current) {
+      console.log("[useAgentsData] Skipping reload - data unchanged (SHA:", fileTreeSha, "globalCount:", globalAgentsCount, ")");
+      return;
+    }
+    console.log("[useAgentsData] Loading agents - SHA changed:", fileTreeSha !== lastLoadedSha.current, "globalCount changed:", globalAgentsCount !== lastGlobalAgentsCount.current);
     setIsLoading(true);
     setError(null);
     try {
@@ -48189,6 +48262,8 @@ const useAgentsData = ({
       const allAgents = [...localAgents, ...globalAgents];
       console.log("[useAgentsData] Total agents:", allAgents.length);
       setAgents(allAgents);
+      lastLoadedSha.current = fileTreeSha;
+      lastGlobalAgentsCount.current = globalAgentsCount;
     } catch (err) {
       const errorMessage = err instanceof Error ? err.message : "Failed to load agents";
       setError(errorMessage);
@@ -48196,8 +48271,10 @@ const useAgentsData = ({
     } finally {
       setIsLoading(false);
     }
-  }, [fileTree, fileTreeSha, globalAgents, repoPath, fileSystem]);
+  }, [fileTree, fileTreeSha, globalAgents, globalAgentsCount, repoPath, fileSystem]);
   const refreshAgents = useCallback(async () => {
+    lastLoadedSha.current = void 0;
+    lastGlobalAgentsCount.current = -1;
     await loadAgents();
   }, [loadAgents]);
   useEffect(() => {
@@ -48210,6 +48287,7 @@ const useAgentsData = ({
     refreshAgents
   };
 };
+const EMPTY_SUBAGENTS_ARRAY = [];
 const determineSubagentSource = (path2) => {
   if (path2.includes(".claude/agents/")) {
     return { source: "project-claude", priority: 1 };
@@ -48284,7 +48362,7 @@ const useSubagentsData = ({
   context
 }) => {
   var _a, _b, _c;
-  const [subagents, setSubagents] = useState([]);
+  const [subagents, setSubagents] = useState(EMPTY_SUBAGENTS_ARRAY);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const fileTreeSlice = context.getSlice("fileTree");
@@ -48294,13 +48372,21 @@ const useSubagentsData = ({
   const globalSubagents = useMemo(
     () => {
       var _a2;
-      return ((_a2 = globalSubagentsSlice == null ? void 0 : globalSubagentsSlice.data) == null ? void 0 : _a2.subagents) || [];
+      return ((_a2 = globalSubagentsSlice == null ? void 0 : globalSubagentsSlice.data) == null ? void 0 : _a2.subagents) ?? EMPTY_SUBAGENTS_ARRAY;
     },
     [(_a = globalSubagentsSlice == null ? void 0 : globalSubagentsSlice.data) == null ? void 0 : _a.subagents]
   );
+  const globalSubagentsCount = globalSubagents.length;
   const repoPath = (_b = context.currentScope.repository) == null ? void 0 : _b.path;
   const fileSystem = (_c = context.adapters) == null ? void 0 : _c.fileSystem;
+  const lastLoadedSha = useRef(void 0);
+  const lastGlobalSubagentsCount = useRef(0);
   const loadSubagents = useCallback(async () => {
+    if (fileTreeSha === lastLoadedSha.current && globalSubagentsCount === lastGlobalSubagentsCount.current) {
+      console.log("[useSubagentsData] Skipping reload - data unchanged (SHA:", fileTreeSha, "globalCount:", globalSubagentsCount, ")");
+      return;
+    }
+    console.log("[useSubagentsData] Loading subagents - SHA changed:", fileTreeSha !== lastLoadedSha.current, "globalCount changed:", globalSubagentsCount !== lastGlobalSubagentsCount.current);
     setIsLoading(true);
     setError(null);
     try {
@@ -48327,6 +48413,8 @@ const useSubagentsData = ({
       const allSubagents = [...localSubagents, ...globalSubagents];
       console.log("[useSubagentsData] Total subagents:", allSubagents.length);
       setSubagents(allSubagents);
+      lastLoadedSha.current = fileTreeSha;
+      lastGlobalSubagentsCount.current = globalSubagentsCount;
     } catch (err) {
       const errorMessage = err instanceof Error ? err.message : "Failed to load subagents";
       setError(errorMessage);
@@ -48334,8 +48422,10 @@ const useSubagentsData = ({
     } finally {
       setIsLoading(false);
     }
-  }, [fileTree, fileTreeSha, globalSubagents, repoPath, fileSystem]);
+  }, [fileTree, fileTreeSha, globalSubagents, globalSubagentsCount, repoPath, fileSystem]);
   const refreshSubagents = useCallback(async () => {
+    lastLoadedSha.current = void 0;
+    lastGlobalSubagentsCount.current = -1;
     await loadSubagents();
   }, [loadSubagents]);
   useEffect(() => {
@@ -49300,9 +49390,9 @@ const AgentDetailPanel = ({
         tabIndex: -1,
         style: {
           height: "100%",
-          overflow: "auto",
+          display: "flex",
+          flexDirection: "column",
           backgroundColor: theme2.colors.background,
-          padding: "clamp(16px, 3vw, 24px)",
           fontFamily: theme2.fonts.body,
           outline: "none"
         },
@@ -49311,9 +49401,11 @@ const AgentDetailPanel = ({
             "div",
             {
               style: {
-                marginBottom: "24px",
+                flexShrink: 0,
+                padding: "clamp(16px, 3vw, 24px)",
                 paddingBottom: "16px",
-                borderBottom: `1px solid ${theme2.colors.border}`
+                borderBottom: `1px solid ${theme2.colors.border}`,
+                backgroundColor: theme2.colors.background
               },
               children: [
                 /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px", marginBottom: "8px" }, children: [
@@ -49349,9 +49441,12 @@ const AgentDetailPanel = ({
             "div",
             {
               style: {
+                flex: 1,
+                overflow: "auto",
+                padding: "clamp(16px, 3vw, 24px)",
                 color: theme2.colors.text
               },
-              children: /* @__PURE__ */ jsx(SkillMarkdown, { content: agent.content, theme: theme2 })
+              children: /* @__PURE__ */ jsx(DocumentView, { content: agent.content, theme: theme2 })
             }
           )
         ]
@@ -49368,9 +49463,9 @@ const AgentDetailPanel = ({
         tabIndex: -1,
         style: {
           height: "100%",
-          overflow: "auto",
+          display: "flex",
+          flexDirection: "column",
           backgroundColor: theme2.colors.background,
-          padding: "clamp(16px, 3vw, 24px)",
           fontFamily: theme2.fonts.body,
           outline: "none"
         },
@@ -49379,9 +49474,11 @@ const AgentDetailPanel = ({
             "div",
             {
               style: {
-                marginBottom: "24px",
+                flexShrink: 0,
+                padding: "clamp(16px, 3vw, 24px)",
                 paddingBottom: "16px",
-                borderBottom: `1px solid ${theme2.colors.border}`
+                borderBottom: `1px solid ${theme2.colors.border}`,
+                backgroundColor: theme2.colors.background
               },
               children: [
                 /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px", marginBottom: "8px" }, children: [
@@ -49603,62 +49700,74 @@ const AgentDetailPanel = ({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs("div", { style: { marginTop: "32px" }, children: [
-            /* @__PURE__ */ jsx(
-              "h2",
-              {
-                style: {
-                  margin: "0 0 16px 0",
-                  fontSize: theme2.fontSizes[3],
-                  color: theme2.colors.text,
-                  fontWeight: 600
-                },
-                children: "Prompt"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: {
-                  padding: "16px",
-                  background: theme2.colors.backgroundSecondary,
-                  border: `1px solid ${theme2.colors.border}`,
-                  borderRadius: theme2.radii[2],
-                  color: theme2.colors.text
-                },
-                children: /* @__PURE__ */ jsx(SkillMarkdown, { content: subagent.prompt, theme: theme2 })
-              }
-            )
-          ] }),
-          fm.disallowedTools && /* @__PURE__ */ jsxs("div", { style: { marginTop: "24px" }, children: [
-            /* @__PURE__ */ jsx(
-              "h3",
-              {
-                style: {
-                  margin: "0 0 12px 0",
-                  fontSize: theme2.fontSizes[2],
-                  color: theme2.colors.text,
-                  fontWeight: 600
-                },
-                children: "Disallowed Tools"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: {
-                  padding: "12px",
-                  background: `${theme2.colors.error}10`,
-                  border: `1px solid ${theme2.colors.error}40`,
-                  borderRadius: theme2.radii[2],
-                  color: theme2.colors.text,
-                  fontFamily: theme2.fonts.monospace,
-                  fontSize: theme2.fontSizes[1]
-                },
-                children: fm.disallowedTools
-              }
-            )
-          ] })
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                flex: 1,
+                overflow: "auto",
+                padding: "clamp(16px, 3vw, 24px)"
+              },
+              children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx(
+                    "h2",
+                    {
+                      style: {
+                        margin: "0 0 16px 0",
+                        fontSize: theme2.fontSizes[3],
+                        color: theme2.colors.text,
+                        fontWeight: 600
+                      },
+                      children: "Prompt"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      style: {
+                        padding: "16px",
+                        background: theme2.colors.backgroundSecondary,
+                        border: `1px solid ${theme2.colors.border}`,
+                        borderRadius: theme2.radii[2],
+                        color: theme2.colors.text
+                      },
+                      children: /* @__PURE__ */ jsx(DocumentView, { content: subagent.prompt, theme: theme2 })
+                    }
+                  )
+                ] }),
+                fm.disallowedTools && /* @__PURE__ */ jsxs("div", { style: { marginTop: "24px" }, children: [
+                  /* @__PURE__ */ jsx(
+                    "h3",
+                    {
+                      style: {
+                        margin: "0 0 12px 0",
+                        fontSize: theme2.fontSizes[2],
+                        color: theme2.colors.text,
+                        fontWeight: 600
+                      },
+                      children: "Disallowed Tools"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      style: {
+                        padding: "12px",
+                        background: `${theme2.colors.error}10`,
+                        border: `1px solid ${theme2.colors.error}40`,
+                        borderRadius: theme2.radii[2],
+                        color: theme2.colors.text,
+                        fontFamily: theme2.fonts.monospace,
+                        fontSize: theme2.fontSizes[1]
+                      },
+                      children: fm.disallowedTools
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
         ]
       }
     );