@industry-theme/agent-panels 0.2.1 → 0.2.3
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.
package/dist/index.d.ts
CHANGED
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAItF,OAAO,KAAK,EAAE,eAAe,EAAqB,MAAM,SAAS,CAAC;AAGlE,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAErC;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,eAAe,EA6GnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,qBAGzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,qBAG3B,CAAC"}
|
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { PanelComponentProps } from '../types';
|
|
3
|
+
export interface SkillsListPanelProps extends PanelComponentProps {
|
|
4
|
+
/**
|
|
5
|
+
* When true, the panel operates in browse mode (e.g., browsing GitHub repos):
|
|
6
|
+
* - Changes "Project" filter label to "Git Repo"
|
|
7
|
+
*/
|
|
8
|
+
browseMode?: boolean;
|
|
9
|
+
}
|
|
3
10
|
/**
|
|
4
11
|
* SkillsListPanel - A panel for displaying Agent Skills from SKILL.md files
|
|
5
12
|
*
|
|
@@ -9,5 +16,5 @@ import type { PanelComponentProps } from '../types';
|
|
|
9
16
|
* - Skill metadata (name, description, capabilities)
|
|
10
17
|
* - Click to select and emit events for detail views
|
|
11
18
|
*/
|
|
12
|
-
export declare const SkillsListPanel: React.FC<
|
|
19
|
+
export declare const SkillsListPanel: React.FC<SkillsListPanelProps>;
|
|
13
20
|
//# sourceMappingURL=SkillsListPanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkillsListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/SkillsListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"SkillsListPanel.d.ts","sourceRoot":"","sources":["../../src/panels/SkillsListPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAIzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;IAC/D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4Z1D,CAAC"}
|
package/dist/panels.bundle.js
CHANGED
|
@@ -3054,7 +3054,8 @@ Installed: ${skill.metadata.installedAt ? new Date(skill.metadata.installedAt).t
|
|
|
3054
3054
|
};
|
|
3055
3055
|
const SkillsListPanel = ({
|
|
3056
3056
|
context,
|
|
3057
|
-
events
|
|
3057
|
+
events,
|
|
3058
|
+
browseMode = false
|
|
3058
3059
|
}) => {
|
|
3059
3060
|
const { theme: theme2 } = useTheme();
|
|
3060
3061
|
const panelRef = useRef(null);
|
|
@@ -3067,6 +3068,10 @@ const SkillsListPanel = ({
|
|
|
3067
3068
|
var _a;
|
|
3068
3069
|
return (_a = panelRef.current) == null ? void 0 : _a.focus();
|
|
3069
3070
|
});
|
|
3071
|
+
const hasRepository = useMemo(() => {
|
|
3072
|
+
const fileTreeSlice = context.getSlice("fileTree");
|
|
3073
|
+
return !!(fileTreeSlice == null ? void 0 : fileTreeSlice.data);
|
|
3074
|
+
}, [context]);
|
|
3070
3075
|
const filteredSkills = useMemo(() => {
|
|
3071
3076
|
let filtered = skills;
|
|
3072
3077
|
if (skillFilter === "project") {
|
|
@@ -3290,7 +3295,7 @@ const SkillsListPanel = ({
|
|
|
3290
3295
|
]
|
|
3291
3296
|
}
|
|
3292
3297
|
),
|
|
3293
|
-
/* @__PURE__ */ jsxs(
|
|
3298
|
+
hasRepository && /* @__PURE__ */ jsxs(
|
|
3294
3299
|
"div",
|
|
3295
3300
|
{
|
|
3296
3301
|
style: {
|
|
@@ -3321,7 +3326,7 @@ const SkillsListPanel = ({
|
|
|
3321
3326
|
children: "All Skills"
|
|
3322
3327
|
}
|
|
3323
3328
|
),
|
|
3324
|
-
/* @__PURE__ */
|
|
3329
|
+
/* @__PURE__ */ jsx(
|
|
3325
3330
|
"button",
|
|
3326
3331
|
{
|
|
3327
3332
|
onClick: () => setSkillFilter("project"),
|
|
@@ -3340,13 +3345,10 @@ const SkillsListPanel = ({
|
|
|
3340
3345
|
fontWeight: skillFilter === "project" ? 600 : 400,
|
|
3341
3346
|
transition: "all 0.2s ease"
|
|
3342
3347
|
},
|
|
3343
|
-
children:
|
|
3344
|
-
/* @__PURE__ */ jsx(Folder, { size: 14 }),
|
|
3345
|
-
"Project"
|
|
3346
|
-
]
|
|
3348
|
+
children: browseMode ? "Git Repo" : "Project"
|
|
3347
3349
|
}
|
|
3348
3350
|
),
|
|
3349
|
-
/* @__PURE__ */
|
|
3351
|
+
/* @__PURE__ */ jsx(
|
|
3350
3352
|
"button",
|
|
3351
3353
|
{
|
|
3352
3354
|
onClick: () => setSkillFilter("global"),
|
|
@@ -3365,10 +3367,7 @@ const SkillsListPanel = ({
|
|
|
3365
3367
|
fontWeight: skillFilter === "global" ? 600 : 400,
|
|
3366
3368
|
transition: "all 0.2s ease"
|
|
3367
3369
|
},
|
|
3368
|
-
children:
|
|
3369
|
-
/* @__PURE__ */ jsx(Globe, { size: 14 }),
|
|
3370
|
-
"Global"
|
|
3371
|
-
]
|
|
3370
|
+
children: "Global"
|
|
3372
3371
|
}
|
|
3373
3372
|
)
|
|
3374
3373
|
]
|