feat(ui): add skills pane in left nav and wire skills api/service

src/components/layout/ThreePanelLayout.tsx

@@ -34,8 +34,8 @@ export interface PendingNode {
 import LeftToolbar from './LeftToolbar';
 import SplitHandle from './SplitHandle';
 
-// Pane components (ChatPane removed in rah-light, GuidesPane moved to settings)
-import { NodePane, DimensionsPane, MapPane, ViewsPane, TablePane } from '../panes';
+// Pane components (ChatPane removed in rah-light)
+import { NodePane, DimensionsPane, MapPane, ViewsPane, TablePane, SkillsPane } from '../panes';
 import QuickAddInput from '../agents/QuickAddInput';
 import type { PaneType, SlotState, PaneAction } from '../panes/types';
 
@@ -295,6 +295,7 @@ export default function ThreePanelLayout() {
             case 'GUIDE_UPDATED':
               if (typeof window !== 'undefined') {
                 window.dispatchEvent(new CustomEvent('guides:updated', { detail: data.data }));
+                window.dispatchEvent(new CustomEvent('skills:updated', { detail: data.data }));
               }
               break;
 
@@ -960,6 +961,17 @@ export default function ThreePanelLayout() {
           />
         );
 
+      case 'skills':
+        return (
+          <SkillsPane
+            slot={slot}
+            isActive={isActive}
+            onPaneAction={slot === 'A' ? handleSlotAAction : handleSlotBAction}
+            onCollapse={onCollapse}
+            onSwapPanes={slotB ? handleSwapPanes : undefined}
+          />
+        );
+
       default:
         return null;
     }