feat: finish the ai plugin (B18)

plugins/ai/src/frontend/AiPanel.tsx

@@ -1,20 +1,20 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useTranslation } from "@termix/plugin-sdk/frontend";
 import { Loader2, Send, Settings2, Sparkles, Square } from "lucide-react";
-import { Button } from "@/components/button";
-import { Textarea } from "@/components/textarea";
-import { saveUserPreferences } from "@/main-axios";
 import {
+  Button,
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/select";
+  Textarea,
+} from "@termix/plugin-sdk/ui";
 import {
   getAiConversation,
   getAiProviders,
   getAiStatus,
+  setAiOptIn,
   type AiProposal,
   type AiProvider,
 } from "./ai-api";
@@ -133,7 +133,7 @@ export function AiPanel({ activeTab }: { activeTab?: string | null }) {
         // 403s through the gate, which surfaces as a bare permission error
         // rather than anything the user can act on.
         if (status.globallyEnabled && !status.enabled) {
-          await saveUserPreferences({ aiAssistantEnabled: true });
+          await setAiOptIn(true);
         }
         if (!status.globallyEnabled) return;