Simplify Load button and remove skill error toast

Author: chriswritescode-dev

frontend/src/components/repo/RepoSkillsList.tsx

@@ -1,5 +1,4 @@
-import { AlertCircle, Loader2, Sparkles } from 'lucide-react'
-import { Button } from '@/components/ui/button'
+import { AlertCircle, Loader2 } from 'lucide-react'
 import type { SkillFileInfo } from '@opencode-manager/shared'
 
 interface RepoSkillsListProps {
@@ -74,15 +73,13 @@ export function RepoSkillsList({
               )}
             </div>
             {onLoad && (
-              <Button
-                variant="ghost"
-                size="sm"
+              <button
+                type="button"
                 onClick={() => onLoad(skill)}
-                className="shrink-0"
+                className="shrink-0 text-xs font-medium text-primary hover:text-foreground transition-colors"
               >
-                <Sparkles className="w-4 h-4" />
-                <span>Load</span>
-              </Button>
+                Load
+              </button>
             )}
           </div>
         ))}

frontend/src/hooks/useOpenCode.ts

@@ -685,17 +685,15 @@ export const useLoadSkill = (
       const response = await client.sendCommand(sessionID, { command: skillName, arguments: "" });
       return { optimisticUserID, response };
     },
-    onError: (error) => {
+    onError: () => {
       if (sessionID) {
         const messagesQueryKey = ["opencode", "messages", opcodeUrl, sessionID, directory];
-      setSessionStatus(sessionID!, { type: "idle" });
+        setSessionStatus(sessionID!, { type: "idle" });
         queryClient.setQueryData<MessageWithParts[]>(
           messagesQueryKey,
           (old) => old?.filter((m) => !m.info.id.startsWith("optimistic_")),
         );
       }
-      const message = error instanceof Error ? error.message : "Failed to load skill";
-      showToast.error(message);
     },
     onSuccess: (data) => {
       const { response } = data;