fix: resolve TypeScript type errors in tool status and AI provider

Author: 0x5457

packages/aipex-react/src/components/ai-elements/tool.tsx

@@ -39,16 +39,22 @@ const getStatusBadge = (status: ToolUIPart["state"] | "executing") => {
     "input-streaming": "Pending",
     "input-available": "Running",
     executing: "Running",
+    "approval-requested": "Approval Requested",
+    "approval-responded": "Approved",
     "output-available": "Completed",
     "output-error": "Error",
+    "output-denied": "Denied",
   } as const;
 
   const icons = {
     "input-streaming": <CircleIcon className="size-4" />,
     "input-available": <ClockIcon className="size-4 animate-pulse" />,
     executing: <ClockIcon className="size-4 animate-spin" />,
+    "approval-requested": <ClockIcon className="size-4 text-yellow-600" />,
+    "approval-responded": <CheckCircleIcon className="size-4 text-blue-600" />,
     "output-available": <CheckCircleIcon className="size-4 text-green-600" />,
     "output-error": <XCircleIcon className="size-4 text-red-600" />,
+    "output-denied": <XCircleIcon className="size-4 text-orange-600" />,
   } as const;
 
   return (

packages/aipex-react/src/components/settings/index.tsx

@@ -633,7 +633,7 @@ export function SettingsPage({
 
         // Use AI SDK to make the request (handles all URL construction automatically)
         await generateText({
-          model: provider(aiModel),
+          model: provider(aiModel) as any,
           prompt: "Hi",
         });