/** * Skills State Store * Manages skill/plugin state */ import { create } from 'zustand'; import { hostApiFetch } from '@/lib/host-api'; import { AppError, normalizeAppError } from '@/lib/error-model'; import { useGatewayStore } from './gateway'; import type { Skill, MarketplaceSkill } from '../types/skill'; type GatewaySkillStatus = { skillKey: string; slug?: string; name?: string; description?: string; disabled?: boolean; emoji?: string; version?: string; author?: string; config?: Record; bundled?: boolean; always?: boolean; source?: string; baseDir?: string; filePath?: string; }; type GatewaySkillsStatusResult = { skills?: GatewaySkillStatus[]; }; type ClawHubListResult = { slug: string; version?: string; source?: string; baseDir?: string; }; function mapErrorCodeToSkillErrorKey( code: AppError['code'], operation: 'fetch' | 'search' | 'install', ): string { if (code === 'TIMEOUT') { return operation === 'search' ? 'searchTimeoutError' : operation === 'install' ? 'installTimeoutError' : 'fetchTimeoutError'; } if (code === 'RATE_LIMIT') { return operation === 'search' ? 'searchRateLimitError' : operation === 'install' ? 'installRateLimitError' : 'fetchRateLimitError'; } return 'rateLimitError'; } interface SkillsState { skills: Skill[]; searchResults: MarketplaceSkill[]; loading: boolean; searching: boolean; searchError: string | null; installing: Record; // slug -> boolean error: string | null; // Actions fetchSkills: () => Promise; searchSkills: (query: string) => Promise; installSkill: (slug: string, version?: string) => Promise; uninstallSkill: (slug: string) => Promise; enableSkill: (skillId: string) => Promise; disableSkill: (skillId: string) => Promise; setSkills: (skills: Skill[]) => void; updateSkill: (skillId: string, updates: Partial) => void; } export const useSkillsStore = create((set, get) => ({ skills: [], searchResults: [], loading: false, searching: false, searchError: null, installing: {}, error: null, fetchSkills: async () => { // Only show loading state if we have no skills yet (initial load) if (get().skills.length === 0) { set({ loading: true, error: null }); } try { // 1. Fetch from Gateway (running skills) const gatewayData = await useGatewayStore.getState().rpc('skills.status'); // 2. Fetch from ClawHub (installed on disk) const clawhubResult = await hostApiFetch<{ success: boolean; results?: ClawHubListResult[]; error?: string }>('/api/clawhub/list'); // 3. Fetch configurations directly from Electron (since Gateway doesn't return them) const configResult = await hostApiFetch }>>('/api/skills/configs'); let combinedSkills: Skill[] = []; const currentSkills = get().skills; // Map gateway skills info if (gatewayData.skills) { combinedSkills = gatewayData.skills.map((s: GatewaySkillStatus) => { // Merge with direct config if available const directConfig = configResult[s.skillKey] || {}; return { id: s.skillKey, slug: s.slug || s.skillKey, name: s.name || s.skillKey, description: s.description || '', enabled: !s.disabled, icon: s.emoji || '📦', version: s.version || '1.0.0', author: s.author, config: { ...(s.config || {}), ...directConfig, }, isCore: s.bundled && s.always, isBundled: s.bundled, source: s.source, baseDir: s.baseDir, filePath: s.filePath, }; }); } else if (currentSkills.length > 0) { // ... if gateway down ... combinedSkills = [...currentSkills]; } // Merge with ClawHub results if (clawhubResult.success && clawhubResult.results) { clawhubResult.results.forEach((cs: ClawHubListResult) => { const existing = combinedSkills.find(s => s.id === cs.slug); if (existing) { if (!existing.baseDir && cs.baseDir) { existing.baseDir = cs.baseDir; } if (!existing.source && cs.source) { existing.source = cs.source; } return; } const directConfig = configResult[cs.slug] || {}; combinedSkills.push({ id: cs.slug, slug: cs.slug, name: cs.slug, description: 'Recently installed, initializing...', enabled: false, icon: '⌛', version: cs.version || 'unknown', author: undefined, config: directConfig, isCore: false, isBundled: false, source: cs.source || 'openclaw-managed', baseDir: cs.baseDir, }); }); } set({ skills: combinedSkills, loading: false }); } catch (error) { console.error('Failed to fetch skills:', error); const appError = normalizeAppError(error, { module: 'skills', operation: 'fetch' }); set({ loading: false, error: mapErrorCodeToSkillErrorKey(appError.code, 'fetch') }); } }, searchSkills: async (query: string) => { set({ searching: true, searchError: null }); try { const result = await hostApiFetch<{ success: boolean; results?: MarketplaceSkill[]; error?: string }>('/api/clawhub/search', { method: 'POST', body: JSON.stringify({ query }), }); if (result.success) { set({ searchResults: result.results || [] }); } else { throw normalizeAppError(new Error(result.error || 'Search failed'), { module: 'skills', operation: 'search', }); } } catch (error) { const appError = normalizeAppError(error, { module: 'skills', operation: 'search' }); set({ searchError: mapErrorCodeToSkillErrorKey(appError.code, 'search') }); } finally { set({ searching: false }); } }, installSkill: async (slug: string, version?: string) => { set((state) => ({ installing: { ...state.installing, [slug]: true } })); try { const result = await hostApiFetch<{ success: boolean; error?: string }>('/api/clawhub/install', { method: 'POST', body: JSON.stringify({ slug, version }), }); if (!result.success) { const appError = normalizeAppError(new Error(result.error || 'Install failed'), { module: 'skills', operation: 'install', }); throw new Error(mapErrorCodeToSkillErrorKey(appError.code, 'install')); } // Refresh skills after install await get().fetchSkills(); } catch (error) { console.error('Install error:', error); throw error; } finally { set((state) => { const newInstalling = { ...state.installing }; delete newInstalling[slug]; return { installing: newInstalling }; }); } }, uninstallSkill: async (slug: string) => { set((state) => ({ installing: { ...state.installing, [slug]: true } })); try { const result = await hostApiFetch<{ success: boolean; error?: string }>('/api/clawhub/uninstall', { method: 'POST', body: JSON.stringify({ slug }), }); if (!result.success) { throw new Error(result.error || 'Uninstall failed'); } // Refresh skills after uninstall await get().fetchSkills(); } catch (error) { console.error('Uninstall error:', error); throw error; } finally { set((state) => { const newInstalling = { ...state.installing }; delete newInstalling[slug]; return { installing: newInstalling }; }); } }, enableSkill: async (skillId) => { const { updateSkill } = get(); try { await useGatewayStore.getState().rpc('skills.update', { skillKey: skillId, enabled: true }); updateSkill(skillId, { enabled: true }); } catch (error) { console.error('Failed to enable skill:', error); throw error; } }, disableSkill: async (skillId) => { const { updateSkill, skills } = get(); const skill = skills.find((s) => s.id === skillId); if (skill?.isCore) { throw new Error('Cannot disable core skill'); } try { await useGatewayStore.getState().rpc('skills.update', { skillKey: skillId, enabled: false }); updateSkill(skillId, { enabled: false }); } catch (error) { console.error('Failed to disable skill:', error); throw error; } }, setSkills: (skills) => set({ skills }), updateSkill: (skillId, updates) => { set((state) => ({ skills: state.skills.map((skill) => skill.id === skillId ? { ...skill, ...updates } : skill ), })); }, }));