@industry-theme/agent-panels 0.2.11 → 0.2.13

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

@@ -1 +1 @@
-{"version":3,"file":"SkillDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/SkillDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAQpD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsT5D,CAAC"}
+{"version":3,"file":"SkillDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/SkillDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAQpD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyT5D,CAAC"}

package/dist/panels/skills/components/SkillCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkillCard.d.ts","sourceRoot":"","sources":["../../../../src/panels/skills/components/SkillCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,KAAK,EAAe,MAAM,wBAAwB,CAAC;AAEjE,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAkDD;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyS9C,CAAC"}
+{"version":3,"file":"SkillCard.d.ts","sourceRoot":"","sources":["../../../../src/panels/skills/components/SkillCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,KAAK,EAAe,MAAM,wBAAwB,CAAC;AAEjE,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAkDD;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+S9C,CAAC"}

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

@@ -11,6 +11,12 @@ export interface SkillMetadata {
     sha?: string;
     files?: string[];
 }
+export interface FrontmatterValidation {
+    isValid: boolean;
+    hasStructure: boolean;
+    missingFields: string[];
+    errorMessage?: string;
+}
 export interface Skill {
     id: string;
     name: string;
@@ -28,7 +34,7 @@ export interface Skill {
     source: SkillSource;
     priority: 1 | 2 | 3 | 4 | 5;
     metadata?: SkillMetadata;
-    hasFrontmatter: boolean;
+    frontmatterValidation: FrontmatterValidation;
 }
 /**
  * Global skills data provided by the host application

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;IAEzB,cAAc,EAAE,OAAO,CAAC;CACzB;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;AAsND;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,cAE3B,mBAAmB,KAAG,mBAiHxB,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,qBAAqB;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;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;IAEzB,qBAAqB,EAAE,qBAAqB,CAAC;CAC9C;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;AAiQD;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,cAE3B,mBAAmB,KAAG,mBAiHxB,CAAC"}

package/dist/panels.bundle.js

@@ -2616,10 +2616,15 @@ const analyzeSkillStructure = (fileTree, skillPath) => {
     assetFiles
   };
 };
-const hasFrontmatterYAML = (content2) => {
+const validateFrontmatter = (content2) => {
   const trimmedContent = content2.trim();
   if (!trimmedContent.startsWith("---")) {
-    return false;
+    return {
+      isValid: false,
+      hasStructure: false,
+      missingFields: [],
+      errorMessage: "Missing YAML frontmatter (must start with ---)"
+    };
   }
   const lines = trimmedContent.split("\n");
   let frontmatterEnd = -1;
@@ -2629,7 +2634,36 @@ const hasFrontmatterYAML = (content2) => {
       break;
     }
   }
-  return frontmatterEnd > 0;
+  if (frontmatterEnd <= 0) {
+    return {
+      isValid: false,
+      hasStructure: false,
+      missingFields: [],
+      errorMessage: "Missing closing --- delimiter for frontmatter"
+    };
+  }
+  const frontmatterLines = lines.slice(1, frontmatterEnd);
+  const frontmatterText = frontmatterLines.join("\n");
+  const missingFields = [];
+  const hasName = /^name:\s*.+/m.test(frontmatterText);
+  const hasDescription = /^description:\s*.+/m.test(frontmatterText);
+  if (!hasName) {
+    missingFields.push("name");
+  }
+  if (!hasDescription) {
+    missingFields.push("description");
+  }
+  let errorMessage;
+  if (missingFields.length > 0) {
+    const fieldList = missingFields.map((f) => `'${f}'`).join(", ");
+    errorMessage = `Missing required field${missingFields.length > 1 ? "s" : ""}: ${fieldList}`;
+  }
+  return {
+    isValid: missingFields.length === 0,
+    hasStructure: true,
+    missingFields,
+    errorMessage
+  };
 };
 const parseSkillContent = async (content2, path2, fileTree, fileSystemAdapter, isBrowserMode = false) => {
   const pathParts = path2.split("/");
@@ -2670,7 +2704,7 @@ const parseSkillContent = async (content2, path2, fileTree, fileSystemAdapter, i
       console.debug("[useSkillsData] No metadata file for skill:", skillDirName);
     }
   }
-  const hasFrontmatter = hasFrontmatterYAML(content2);
+  const frontmatterValidation = validateFrontmatter(content2);
   return {
     id: path2,
     name: skillDirName.replace(/-/g, " ").replace(/_/g, " "),
@@ -2683,7 +2717,7 @@ const parseSkillContent = async (content2, path2, fileTree, fileSystemAdapter, i
     source: source2,
     priority,
     metadata,
-    hasFrontmatter
+    frontmatterValidation
   };
 };
 const useSkillsData = ({
@@ -2934,7 +2968,7 @@ Installed: ${skill.metadata.installedAt ? new Date(skill.metadata.installedAt).t
                   ]
                 }
               ),
-              !skill.hasFrontmatter && /* @__PURE__ */ jsxs(
+              !skill.frontmatterValidation.isValid && /* @__PURE__ */ jsxs(
                 "div",
                 {
                   style: {
@@ -2951,10 +2985,10 @@ Installed: ${skill.metadata.installedAt ? new Date(skill.metadata.installedAt).t
                     fontWeight: 500,
                     width: "fit-content"
                   },
-                  title: "This skill is missing YAML frontmatter metadata",
+                  title: skill.frontmatterValidation.errorMessage || "Invalid frontmatter",
                   children: [
                     /* @__PURE__ */ jsx(TriangleAlert, { size: 10 }),
-                    /* @__PURE__ */ jsx("span", { children: "No Frontmatter" })
+                    /* @__PURE__ */ jsx("span", { children: skill.frontmatterValidation.hasStructure ? skill.frontmatterValidation.missingFields.length > 0 ? `Missing: ${skill.frontmatterValidation.missingFields.join(", ")}` : "Invalid Frontmatter" : "No Frontmatter" })
                   ]
                 }
               )
@@ -47973,24 +48007,13 @@ const SkillDetailPanel = ({
     return unsubscribe;
   }, [events, selectedSkillIdProp]);
   useEffect(() => {
-    console.log("[SkillDetailPanel] Effect:", {
-      selectedSkillId,
-      selectedSkillIdProp,
-      skillsCount: skills.length,
-      isLoading,
-      skills: skills.map((s2) => ({ id: s2.id, name: s2.name }))
-    });
     if (selectedSkillId && skills.length > 0) {
       const foundSkill = skills.find((s2) => s2.id === selectedSkillId);
-      console.log("[SkillDetailPanel] Found skill:", foundSkill == null ? void 0 : foundSkill.name, "for ID:", selectedSkillId);
       setSkill(foundSkill || null);
     } else if (!selectedSkillId) {
-      console.log("[SkillDetailPanel] No selectedSkillId");
       setSkill(null);
-    } else {
-      console.log("[SkillDetailPanel] Skills not loaded yet, selectedSkillId:", selectedSkillId);
     }
-  }, [selectedSkillId, skills, selectedSkillIdProp, isLoading]);
+  }, [selectedSkillId, skills]);
   if (error) {
     return /* @__PURE__ */ jsx(
       "div",
@@ -48192,7 +48215,7 @@ const SkillDetailPanel = ({
             ]
           }
         ),
-        !skill.hasFrontmatter && /* @__PURE__ */ jsxs(
+        !skill.frontmatterValidation.isValid && /* @__PURE__ */ jsxs(
           "div",
           {
             style: {
@@ -48218,10 +48241,10 @@ const SkillDetailPanel = ({
                       fontWeight: theme2.fontWeights.semibold,
                       marginBottom: "0.25rem"
                     },
-                    children: "Missing YAML Frontmatter"
+                    children: "Invalid Skill Frontmatter"
                   }
                 ),
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsxs(
                   "div",
                   {
                     style: {
@@ -48230,7 +48253,25 @@ const SkillDetailPanel = ({
                       fontFamily: theme2.fonts.body,
                       lineHeight: "1.5"
                     },
-                    children: "This skill is missing YAML frontmatter metadata. Skills should have frontmatter (like backlog tasks) to properly define metadata such as name, description, and capabilities."
+                    children: [
+                      skill.frontmatterValidation.errorMessage || "This skill has invalid frontmatter metadata.",
+                      skill.frontmatterValidation.missingFields.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: "0.5rem" }, children: [
+                        "Required fields: ",
+                        /* @__PURE__ */ jsx("code", { style: {
+                          padding: "2px 4px",
+                          backgroundColor: "#f59e0b20",
+                          borderRadius: "3px",
+                          fontSize: theme2.fontSizes[0]
+                        }, children: "name" }),
+                        ", ",
+                        /* @__PURE__ */ jsx("code", { style: {
+                          padding: "2px 4px",
+                          backgroundColor: "#f59e0b20",
+                          borderRadius: "3px",
+                          fontSize: theme2.fontSizes[0]
+                        }, children: "description" })
+                      ] })
+                    ]
                   }
                 )
               ] })