@industry-theme/agent-panels 0.1.1 → 0.1.2

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,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAOpD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;CAAG;AAErE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2O5D,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;CAAG;AAErE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsP5D,CAAC"}

package/dist/panels/SkillsLifecycle.stories.d.ts

@@ -17,13 +17,6 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-/**
- * Interactive workflow showing skill list and detail panels side by side.
- * Click a skill in the list to see its details.
- */
 export declare const SkillsBrowsing: Story;
-/**
- * Vertical layout variant showing list above detail
- */
 export declare const SkillsBrowsingVertical: Story;
 //# sourceMappingURL=SkillsLifecycle.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkillsLifecycle.stories.d.ts","sourceRoot":"","sources":["../../src/panels/SkillsLifecycle.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAY5D;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;CAYM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkLnC;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAiD5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAiDpC,CAAC"}
+{"version":3,"file":"SkillsLifecycle.stories.d.ts","sourceRoot":"","sources":["../../src/panels/SkillsLifecycle.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAY5D;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;CAYM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkQnC,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAC;AAiFF,eAAO,MAAM,sBAAsB,EAAE,KAUpC,CAAC"}

package/dist/panels.bundle.js

@@ -47461,6 +47461,15 @@ const SkillDetailPanel = ({
   const { skills, isLoading, error } = useSkillsData({ context });
   const [selectedSkillId, setSelectedSkillId] = useState(null);
   const [skill, setSkill] = useState(null);
+  const panelRef = useRef(null);
+  gt(
+    "skill-detail",
+    events,
+    () => {
+      var _a2;
+      return (_a2 = panelRef.current) == null ? void 0 : _a2.focus();
+    }
+  );
   useEffect(() => {
     const unsubscribe = events.on("skill:selected", (event) => {
       const payload = event.payload;
@@ -47561,11 +47570,14 @@ const SkillDetailPanel = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
+      ref: panelRef,
+      tabIndex: -1,
       style: {
         height: "100%",
         backgroundColor: theme2.colors.background,
         display: "flex",
-        flexDirection: "column"
+        flexDirection: "column",
+        outline: "none"
       },
       children: skill.content ? /* @__PURE__ */ jsxs(Fragment, { children: [
         hasStructure && /* @__PURE__ */ jsxs(