Vercel ai gateway (#7)

* feat: use vercel ai gateway

* chore: update UI

utils/commands/anthropic.ts

@@ -1,18 +1,27 @@
-import { getMessage } from '@utils/anthropicClient';
+import { queryAiGateway } from '@utils/aiGatewayClient';
 import { ShortcutsResponse } from '../types';
 import { dbOperations } from '@utils/db';
 
 export async function anthropicCommand(
   parameters: Record<string, string> | undefined
 ): Promise<ShortcutsResponse> {
+  const commandId = Math.random().toString(36).substring(7);
+  const startTime = Date.now();
+
   let question = '';
   let response = '';
   let success = false;
   let errorMessage: string | undefined;
   let tokensUsed: number | undefined;
 
+  console.info(`[CMD-${commandId}] Anthropic command started`, {
+    hasParameters: !!parameters,
+    timestamp: new Date().toISOString()
+  });
+
   try {
     if (!parameters || !parameters['question']) {
+      console.warn(`[CMD-${commandId}] Missing question parameter`);
       errorMessage = 'Need to provide a question.';
       return {
         success: false,
@@ -21,16 +30,35 @@ export async function anthropicCommand(
     }
 
     question = parameters['question'];
+    console.info(`[CMD-${commandId}] Processing question`, {
+      questionLength: question.length,
+      question:
+        question.substring(0, 100) + (question.length > 100 ? '...' : '')
+    });
+
     const prompt =
       'I want to know ' +
       question +
       '. Structure the response in a manner suitable for spoken communication.';
 
-    const anthropicResponse = await getMessage(prompt);
+    const anthropicResponse = await queryAiGateway(
+      prompt,
+      'anthropic/claude-sonnet-4.5'
+    );
     response = anthropicResponse.text;
     tokensUsed = anthropicResponse.tokensUsed;
     success = true;
 
+    const duration = Date.now() - startTime;
+    console.info(
+      `[CMD-${commandId}] Anthropic command completed in ${duration}ms`,
+      {
+        responseLength: response.length,
+        tokensUsed,
+        success: true
+      }
+    );
+
     return {
       success: true,
       message: response,
@@ -39,7 +67,11 @@ export async function anthropicCommand(
       }
     };
   } catch (error) {
-    console.error('Anthropic command error:', error);
+    const duration = Date.now() - startTime;
+    console.error(
+      `[CMD-${commandId}] Anthropic command failed after ${duration}ms:`,
+      error
+    );
     success = false;
     errorMessage = error instanceof Error ? error.message : 'Unknown error';
     response = 'Sorry. There was a problem with Anthropic.';
@@ -51,6 +83,7 @@ export async function anthropicCommand(
   } finally {
     if (question) {
       try {
+        console.info(`[CMD-${commandId}] Saving query to database`);
         await dbOperations.saveAnthropicQuery({
           question,
           response,
@@ -58,8 +91,12 @@ export async function anthropicCommand(
           errorMessage,
           tokensUsed
         });
+        console.info(`[CMD-${commandId}] Query saved to database successfully`);
       } catch (error) {
-        console.error('Failed to log query to database:', error);
+        console.error(
+          `[CMD-${commandId}] Failed to log query to database:`,
+          error
+        );
       }
     }
   }