feat[logs]: added cost approximations for each model, display in logs sidebar (#135)

* added cost approximations for each model, display in logs sidebar

* npm run format

Author: waleedlatif1

sim/app/(auth)/verify/page.tsx

@@ -6,20 +6,15 @@ export default function VerifyPage() {
   const baseUrl = `${protocol}://${appUrl}`
 
   const hasResendKey = Boolean(
-    process.env.RESEND_API_KEY && 
-    process.env.RESEND_API_KEY !== 'placeholder'
+    process.env.RESEND_API_KEY && process.env.RESEND_API_KEY !== 'placeholder'
   )
   const isProduction = process.env.NODE_ENV === 'production'
 
   return (
     <main className="flex min-h-screen flex-col items-center justify-center bg-gray-50">
       <div className="sm:mx-auto sm:w-full sm:max-w-md">
         <h1 className="text-2xl font-bold text-center mb-8">Sim Studio</h1>
-        <VerifyContent 
-          hasResendKey={hasResendKey} 
-          baseUrl={baseUrl} 
-          isProduction={isProduction} 
-        />
+        <VerifyContent hasResendKey={hasResendKey} baseUrl={baseUrl} isProduction={isProduction} />
       </div>
     </main>
   )

sim/app/(auth)/verify/use-verification.ts

@@ -28,7 +28,10 @@ interface UseVerificationReturn {
   handleOtpChange: (value: string) => void
 }
 
-export function useVerification({ hasResendKey, isProduction }: UseVerificationParams): UseVerificationReturn {
+export function useVerification({
+  hasResendKey,
+  isProduction,
+}: UseVerificationParams): UseVerificationReturn {
   const router = useRouter()
   const searchParams = useSearchParams()
   const { addNotification } = useNotificationStore()
@@ -172,6 +175,6 @@ export function useVerification({ hasResendKey, isProduction }: UseVerificationP
     isProduction,
     verifyCode,
     resendCode,
-    handleOtpChange
+    handleOtpChange,
   }
-} 
+}

sim/app/(auth)/verify/verify-content.tsx

@@ -20,7 +20,13 @@ interface VerifyContentProps {
   isProduction: boolean
 }
 
-function VerificationForm({ hasResendKey, isProduction }: { hasResendKey: boolean, isProduction: boolean }) {
+function VerificationForm({
+  hasResendKey,
+  isProduction,
+}: {
+  hasResendKey: boolean
+  isProduction: boolean
+}) {
   const {
     otp,
     email,
@@ -31,7 +37,7 @@ function VerificationForm({ hasResendKey, isProduction }: { hasResendKey: boolea
     isOtpComplete,
     verifyCode,
     resendCode,
-    handleOtpChange
+    handleOtpChange,
   } = useVerification({ hasResendKey, isProduction })
 
   return (
@@ -124,9 +130,7 @@ function VerificationFormFallback() {
   return (
     <CardHeader>
       <CardTitle>Loading verification...</CardTitle>
-      <CardDescription>
-        Please wait while we load your verification details...
-      </CardDescription>
+      <CardDescription>Please wait while we load your verification details...</CardDescription>
     </CardHeader>
   )
 }

sim/app/blocks/blocks/github.ts

@@ -1,8 +1,17 @@
 import { GithubIcon } from '@/components/icons'
-import { CreateCommentResponse, LatestCommitResponse, PullRequestResponse, RepoInfoResponse } from '@/tools/github/types'
+import {
+  CreateCommentResponse,
+  LatestCommitResponse,
+  PullRequestResponse,
+  RepoInfoResponse,
+} from '@/tools/github/types'
 import { BlockConfig } from '../types'
 
-type GitHubResponse = PullRequestResponse | CreateCommentResponse | LatestCommitResponse | RepoInfoResponse
+type GitHubResponse =
+  | PullRequestResponse
+  | CreateCommentResponse
+  | LatestCommitResponse
+  | RepoInfoResponse
 
 export const GitHubBlock: BlockConfig<GitHubResponse> = {
   type: 'github',
@@ -160,8 +169,8 @@ export const GitHubBlock: BlockConfig<GitHubResponse> = {
     response: {
       type: {
         content: 'string',
-        metadata: 'json'
-      }
-    }
+        metadata: 'json',
+      },
+    },
   },
 }

sim/app/components/ui/command.tsx

@@ -36,6 +36,12 @@ import { cn } from '@/lib/utils'
 // This file is not typed correctly from shadcn, so we're disabling the type checker
 // @ts-nocheck
 
+// This file is not typed correctly from shadcn, so we're disabling the type checker
+// @ts-nocheck
+
+// This file is not typed correctly from shadcn, so we're disabling the type checker
+// @ts-nocheck
+
 const Command = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive>,
   React.ComponentPropsWithoutRef<typeof CommandPrimitive> & {