feat(console): add /api prefix support

Author: pyadav

frontend/playgrounds/studio/app/(llm)/playground/hooks/useChat.tsx

@@ -15,7 +15,7 @@ export const useChat = (): (() => Promise<void>) => {
     async function chatCompletions() {
       try {
         const providerResponse = await fetch(
-          `${BASE_URL}/v1/providers/${provider}`
+          `${BASE_URL}/api/v1/providers/${provider}`
         );
         const providerData = await providerResponse.json();
         const apikey = pathOr("", ["provider", "config", "auth", "api_key"])(
@@ -25,7 +25,7 @@ export const useChat = (): (() => Promise<void>) => {
         if (!apikey)
           return toast.error(`Provide API key for provider - ${provider}`);
 
-        const response = await fetch(`${BASE_URL}/v1/chat/completions`, {
+        const response = await fetch(`${BASE_URL}/api/v1/chat/completions`, {
           method: "post",
           headers: {
             "x-ms-provider": provider,

frontend/playgrounds/studio/app/(llm)/playground/hooks/useLogsFetch.tsx

@@ -9,7 +9,7 @@ export function useLogsFetch() {
   useEffect(() => {
     async function fetchLogs() {
       try {
-        const response = await fetch(`${BASE_URL}/v1/tracking/logs`);
+        const response = await fetch(`${BASE_URL}/api/v1/tracking/logs`);
         const { logs = [] } = await response.json();
         setLogs(logs);
       } catch (e) {

frontend/playgrounds/studio/app/(llm)/playground/hooks/useModelFetch.tsx

@@ -18,7 +18,7 @@ export function useModelFetch() {
   useEffect(() => {
     async function fetchModels() {
       try {
-        const response = await fetch(`${BASE_URL}/v1/models`);
+        const response = await fetch(`${BASE_URL}/api/v1/models`);
         const { models } = await response.json();
         const fetchedProviders: ModelType[] = Object.keys(models).map(
           (key) => ({

frontend/playgrounds/studio/app/(llm)/providers/[providerId]/page.tsx

@@ -66,7 +66,7 @@ export default function SingleProvider() {
     try {
       const data = getValues();
       const response = await fetch(
-        `${BASE_URL}/v1/providers/${params.providerId}`,
+        `${BASE_URL}/api/v1/providers/${params.providerId}`,
         {
           method: "put",
           body: JSON.stringify(data),
@@ -75,7 +75,13 @@ export default function SingleProvider() {
           },
         }
       );
-      await response.json();
+      var res = await response.json();
+      if (!response.ok) {
+        return toast.error("Something went wrong", {
+          description: res.message,
+        });
+      }
+      
       toast.info("Updated", {
         description: "Configuration has been updated",
       });

frontend/playgrounds/studio/app/(llm)/providers/hooks/useProviderFetch.tsx

@@ -15,7 +15,7 @@ export function useProviderFetch(pname: string) {
   useEffect(() => {
     async function fetchProvider() {
       try {
-        const response = await fetch(`${BASE_URL}/v1/providers/${pname}`);
+        const response = await fetch(`${BASE_URL}/api/v1/providers/${pname}`);
         const { provider } = await response.json();
 
         setProvider(provider);
@@ -30,7 +30,7 @@ export function useProviderFetch(pname: string) {
     async function fetchProviderConfig() {
       try {
         const response = await fetch(
-          `${BASE_URL}/v1/providers/${pname}/config`
+          `${BASE_URL}/api/v1/providers/${pname}/config`
         );
         const { config } = await response.json();
 

frontend/playgrounds/studio/app/(llm)/providers/hooks/useProvidersFetch.tsx

@@ -14,7 +14,7 @@ export function useProvidersFetch() {
   useEffect(() => {
     async function fetchModels() {
       try {
-        const response = await fetch(`${BASE_URL}/v1/providers`);
+        const response = await fetch(`${BASE_URL}/api/v1/providers`);
         const { providers } = await response.json();
 
         setProviders(providers);

frontend/playgrounds/studio/tailwind.config.ts

@@ -5,7 +5,7 @@ const config = {
   content: [
     "./app/**/*.{js,ts,jsx,tsx}",
     "./components/**/*.{js,ts,jsx,tsx}",
-    "../../packages/ui/**/*.{js,ts,jsx,tsx}",
+    "../../node_modules/@missingstudio/ui/**/*.{js,ts,jsx,tsx}",
   ],
   prefix: "",
   theme: {