ai: Refac B/F.

app/api/chat/route.ts

@@ -20,6 +20,8 @@ export async function POST(req: Request) {
       apiKey: config.api.key
     }).chat(config.api.model),
     messages: convertToModelMessages(messages),
+    maxRetries: config.api.maxRetries,
+    abortSignal: AbortSignal.timeout(config.api.timeout)
   });
   
   return result.toUIMessageStreamResponse();

app/assistant.tsx

@@ -1,85 +1,126 @@
-//  
-// SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>  
-// SPDX-License-Identifier: MIT  
-//  
-  
-"use client";  
-  
-import { AssistantRuntimeProvider } from "@assistant-ui/react";  
-import {  
-  useChatRuntime,  
-  AssistantChatTransport,  
-} from "@assistant-ui/react-ai-sdk";  
-import { Thread } from "@/components/assistant-ui/thread";  
-import {  
-  SidebarInset,  
-  SidebarProvider,  
-  SidebarTrigger,  
-} from "@/components/ui/sidebar";  
-import { ThreadListSidebar } from "@/components/assistant-ui/threadlist-sidebar";  
-import { Separator } from "@/components/ui/separator";  
-import {  
-  Breadcrumb,  
-  BreadcrumbItem,  
-  BreadcrumbList,  
-  BreadcrumbPage,  
-} from "@/components/ui/breadcrumb";  
-  
-export const Assistant = () => {  
-  const runtime = useChatRuntime({  
-    transport: new AssistantChatTransport({  
-      api: "/api/chat",  
-    }),  
-  });  
-  
-  return (  
-    <AssistantRuntimeProvider runtime={runtime}>  
-      <SidebarProvider>  
-        <div className="flex h-dvh w-full pr-0.5">  
-          <ThreadListSidebar />  
-          <SidebarInset>  
-            <header className="flex h-16 shrink-0 items-center gap-2 border-b px-4">  
-              <SidebarTrigger />  
-              <Separator orientation="vertical" className="mr-2 h-4" />  
-              <Breadcrumb>  
-                <BreadcrumbList>  
-                  <BreadcrumbItem>  
-                    <BreadcrumbPage>  
-                      <a  
-                        href="https://huggingface.co/spaces/umint/ai/discussions"  
-                        target="_blank"  
-                        rel="noopener noreferrer"  
-                        className="inline-flex items-center gap-1"  
-                      >  
-                        Changelogs  
-                        <svg   
-                          width="7.5"   
-                          height="7.5"   
-                          viewBox="0 0 12 12"   
-                          fill="none"   
-                          xmlns="http://www.w3.org/2000/svg"  
-                          className="inline-block"  
-                        >  
-                          <path   
-                            d="M3.5 1.5L8.5 1.5L8.5 6.5M8.5 1.5L1.5 8.5L8.5 1.5Z"   
-                            stroke="currentColor"   
-                            strokeWidth="1.5"   
-                            strokeLinecap="round"   
-                            strokeLinejoin="round"  
-                          />  
-                        </svg>  
-                      </a>  
-                    </BreadcrumbPage>  
-                  </BreadcrumbItem>  
-                </BreadcrumbList>  
-              </Breadcrumb>  
-            </header>  
-            <div className="flex-1 overflow-hidden">  
-              <Thread />  
-            </div>  
-          </SidebarInset>  
-        </div>  
-      </SidebarProvider>  
-    </AssistantRuntimeProvider>  
-  );  
+//
+// SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
+// SPDX-License-Identifier: MIT
+//
+
+"use client";
+
+import { AssistantRuntimeProvider } from "@assistant-ui/react";
+import {
+  useChatRuntime,
+  AssistantChatTransport,
+} from "@assistant-ui/react-ai-sdk";
+import { Thread } from "@/components/assistant-ui/thread";
+import {
+  SidebarInset,
+  SidebarProvider,
+  SidebarTrigger,
+} from "@/components/ui/sidebar";
+import { ThreadListSidebar } from "@/components/assistant-ui/threadlist-sidebar";
+import { Separator } from "@/components/ui/separator";
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbList,
+  BreadcrumbPage,
+} from "@/components/ui/breadcrumb";
+
+export const Assistant = () => {
+  const runtime = useChatRuntime({
+    transport: new AssistantChatTransport({
+      api: "/api/chat",
+    }),
+  });
+
+  return (
+    <AssistantRuntimeProvider runtime={runtime}>
+      <SidebarProvider>
+        <div className="flex h-dvh w-full pr-0.5">
+          <ThreadListSidebar />
+
+          <SidebarInset>
+            <header className="flex h-16 shrink-0 items-center gap-2 px-4">
+              <SidebarTrigger />
+
+              <Breadcrumb>
+                <BreadcrumbList>
+                  <BreadcrumbItem>
+                    <BreadcrumbPage />
+                  </BreadcrumbItem>
+                </BreadcrumbList>
+              </Breadcrumb>
+
+              <div className="ml-auto flex items-center gap-4">
+                <a
+                  href="https://huggingface.co/spaces/umint/ai/discussions"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="inline-flex items-center hover:opacity-70 transition-opacity"
+                  title="Changelogs"
+                >
+                  <svg
+                    width="15"
+                    height="15"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    strokeWidth="2"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  >
+                    <circle cx="12" cy="12" r="10" />
+                    <line x1="12" y1="16" x2="12" y2="12" />
+                    <line x1="12" y1="8" x2="12.01" y2="8" />
+                  </svg>
+                </a>
+
+                <a
+                  href="https://linkedin.com/in/hadadrjt"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="inline-flex items-center hover:opacity-70 transition-opacity"
+                  title="LinkedIn"
+                >
+                  <svg
+                    width="14"
+                    height="14"
+                    viewBox="0 0 24 24"
+                    fill="currentColor"
+                  >
+                    <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
+                    />
+                  </svg>
+                </a>
+
+                <a
+                  href="https://ko-fi.com/hadad"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="inline-flex items-center hover:opacity-70 transition-opacity"
+                  title="Donate"
+                >
+                  <svg
+                    width="15"
+                    height="15"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    strokeWidth="2"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  >
+                    <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" />
+                  </svg>
+                </a>
+              </div>
+            </header>
+
+            <div className="flex-1 overflow-hidden">
+              <Thread />
+            </div>
+          </SidebarInset>
+        </div>
+      </SidebarProvider>
+    </AssistantRuntimeProvider>
+  );
 };

app/globals.css

@@ -1,3 +1,8 @@
+/*
+ * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
+ * SPDX-License-Identifier: MIT
+ */
+
 @import "tailwindcss";
 @import "tw-animate-css";
 
@@ -45,71 +50,41 @@
 
 :root {
   --radius: 0.625rem;
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.141 0.005 285.823);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.141 0.005 285.823);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.141 0.005 285.823);
-  --primary: oklch(0.21 0.006 285.885);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.967 0.001 286.375);
-  --secondary-foreground: oklch(0.21 0.006 285.885);
-  --muted: oklch(0.967 0.001 286.375);
-  --muted-foreground: oklch(0.552 0.016 285.938);
-  --accent: oklch(0.967 0.001 286.375);
-  --accent-foreground: oklch(0.21 0.006 285.885);
-  --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.92 0.004 286.32);
-  --input: oklch(0.92 0.004 286.32);
-  --ring: oklch(0.705 0.015 286.067);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.141 0.005 285.823);
-  --sidebar-primary: oklch(0.21 0.006 285.885);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.967 0.001 286.375);
-  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
-  --sidebar-border: oklch(0.92 0.004 286.32);
-  --sidebar-ring: oklch(0.705 0.015 286.067);
-}
-
-.dark {
-  --background: oklch(0.141 0.005 285.823);
+  --background: oklch(0.263 0 0);
   --foreground: oklch(0.985 0 0);
-  --card: oklch(0.21 0.006 285.885);
+  --card: oklch(0.3 0.01 286);
   --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.21 0.006 285.885);
+  --popover: oklch(0.3 0.01 286);
   --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.92 0.004 286.32);
-  --primary-foreground: oklch(0.21 0.006 285.885);
-  --secondary: oklch(0.274 0.006 286.033);
+  --primary: oklch(0.65 0.25 264);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.5 0.15 200);
   --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.274 0.006 286.033);
-  --muted-foreground: oklch(0.705 0.015 286.067);
-  --accent: oklch(0.274 0.006 286.033);
+  --muted: oklch(0.35 0.01 286);
+  --muted-foreground: oklch(0.7 0.02 286);
+  --accent: oklch(0.7 0.19 162);
   --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.552 0.016 285.938);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.21 0.006 285.885);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --destructive: oklch(0.7 0.19 22);
+  --border: oklch(0.4 0.02 286);
+  --input: oklch(0.45 0.02 286);
+  --ring: oklch(0.65 0.25 264);
+  --chart-1: oklch(0.65 0.25 264);
+  --chart-2: oklch(0.7 0.19 162);
+  --chart-3: oklch(0.77 0.19 70);
+  --chart-4: oklch(0.63 0.27 304);
+  --chart-5: oklch(0.65 0.25 16);
+  --sidebar: oklch(0.3052 0 0);
+  --sidebar-foreground: oklch(0.95 0 0);
+  --sidebar-primary: oklch(0.65 0.25 264);
   --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.274 0.006 286.033);
+  --sidebar-accent: oklch(0.40 0.02 286);
   --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.552 0.016 285.938);
+  --sidebar-border: oklch(0.45 0.03 286);
+  --sidebar-ring: oklch(0.65 0.25 264);
+}
+
+:root.dark {
+  color-scheme: dark;
 }
 
 @layer base {
@@ -118,10 +93,6 @@
   }
 
   :root {
-    color-scheme: light;
-  }
-
-  :root.dark {
     color-scheme: dark;
   }
 

app/globals.css.orig

@@ -0,0 +1,131 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(0.21 0.006 285.885);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.705 0.015 286.067);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-primary: oklch(0.21 0.006 285.885);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.967 0.001 286.375);
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-border: oklch(0.92 0.004 286.32);
+  --sidebar-ring: oklch(0.705 0.015 286.067);
+}
+
+.dark {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.21 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.21 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.92 0.004 286.32);
+  --primary-foreground: oklch(0.21 0.006 285.885);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.274 0.006 286.033);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.274 0.006 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.552 0.016 285.938);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.274 0.006 286.033);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.552 0.016 285.938);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+
+  :root {
+    color-scheme: light;
+  }
+
+  :root.dark {
+    color-scheme: dark;
+  }
+
+  body {
+    @apply bg-background text-foreground;
+  }
+}

components/assistant-ui/threadlist-sidebar.tsx

@@ -3,92 +3,69 @@
 // SPDX-License-Identifier: MIT    
 //    
     
-import * as React from "react";        
-import { MessagesSquare } from "lucide-react";        
-import Link from "next/link";        
-import {        
-  Sidebar,        
-  SidebarContent,        
-  SidebarFooter,        
-  SidebarHeader,        
-  SidebarMenu,        
-  SidebarMenuButton,        
-  SidebarMenuItem,        
-  SidebarRail,        
-} from "@/components/ui/sidebar";        
-import { ThreadList } from "@/components/assistant-ui/thread-list";        
-        
-export function ThreadListSidebar({        
-  ...props        
-}: React.ComponentProps<typeof Sidebar>) {        
-  return (        
-    <Sidebar {...props}>        
-      <SidebarHeader className="aui-sidebar-header mb-2 border-b">        
-        <div className="aui-sidebar-header-content flex items-center justify-between">        
-          <SidebarMenu>        
-            <SidebarMenuItem>        
-              <SidebarMenuButton size="lg" asChild>        
-                <Link        
-                  href="https://umint-ai.hf.space"        
-                  target="_blank"        
-                  rel="noopener noreferrer"        
-                >        
-                  <div className="aui-sidebar-header-icon-wrapper flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground">        
-                    <MessagesSquare className="aui-sidebar-header-icon size-4" />        
-                  </div>        
-                  <div className="aui-sidebar-header-heading mr-6 flex flex-col gap-0.5 leading-none">        
-                    <span className="aui-sidebar-header-title font-semibold">        
-                      Demo Playground        
-                    </span>        
-                  </div>        
-                </Link>        
-              </SidebarMenuButton>        
-            </SidebarMenuItem>        
-          </SidebarMenu>        
-        </div>        
-      </SidebarHeader>        
-      <SidebarContent className="aui-sidebar-content px-2">        
-        <ThreadList />        
-      </SidebarContent>        
-      <SidebarRail />        
-      <SidebarFooter className="aui-sidebar-footer border-t">        
-        <SidebarMenu>        
-          <SidebarMenuItem>        
-            <SidebarMenuButton size="lg" asChild>        
-              <Link        
-                href="https://umint-openwebui.hf.space"        
-                target="_blank"        
-                rel="noopener noreferrer"        
-              >        
-                <div className="aui-sidebar-footer-heading flex flex-col gap-0.5 leading-none">        
-                  <span className="aui-sidebar-footer-title font-semibold inline-flex items-center gap-1">        
+import * as React from "react";
+import Link from "next/link";
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarHeader,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarRail,
+} from "@/components/ui/sidebar";
+import { ThreadList } from "@/components/assistant-ui/thread-list";
+
+export function ThreadListSidebar({
+  ...props
+}: React.ComponentProps<typeof Sidebar>) {
+  return (
+    <Sidebar {...props}>
+      <SidebarHeader className="aui-sidebar-header h-0.2">
+      </SidebarHeader>
+      <SidebarContent className="aui-sidebar-content px-2">
+        <ThreadList />
+      </SidebarContent>
+      <SidebarRail />
+      <SidebarFooter className="aui-sidebar-footer">
+        <SidebarMenu>
+          <SidebarMenuItem>
+            <SidebarMenuButton size="lg">
+              <div className="aui-sidebar-footer-heading flex flex-col gap-0.5 leading-none w-full">
+                <Link
+                  href="https://umint-openwebui.hf.space"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  <span className="aui-sidebar-footer-title font-semibold inline-flex items-center gap-1">
                     Switch to the full version
-                    <svg   
-                      width="7.5"   
-                      height="7.5"   
-                      viewBox="0 0 12 12"   
-                      fill="none"   
-                      xmlns="http://www.w3.org/2000/svg"  
-                      className="inline-block"  
-                    >  
-                      <path   
-                        d="M3.5 1.5L8.5 1.5L8.5 6.5M8.5 1.5L1.5 8.5L8.5 1.5Z"   
-                        stroke="currentColor"   
-                        strokeWidth="1.5"   
-                        strokeLinecap="round"   
-                        strokeLinejoin="round"  
-                      />  
-                    </svg>        
-                  </span>        
-                  <span className="text-[8.5px] text-muted-foreground leading-tight">    
-                    for a more advanced experience, rich in features, and access to a more complete set of premium AI models    
-                  </span>        
-                </div>        
-              </Link>        
-            </SidebarMenuButton>        
-          </SidebarMenuItem>        
-        </SidebarMenu>        
-      </SidebarFooter>        
-    </Sidebar>        
-  );        
+                    <svg
+                      width="7.5"
+                      height="7.5"
+                      viewBox="0 0 12 12"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg"
+                      className="inline-block"
+                    >
+                      <path
+                        d="M3.5 1.5L8.5 1.5L8.5 6.5M8.5 1.5L1.5 8.5L8.5 1.5Z"
+                        stroke="currentColor"
+                        strokeWidth="1.5"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                      />
+                    </svg>
+                  </span>
+                </Link>
+                <span className="text-[8.5px] text-muted-foreground leading-tight">
+                  for a more advanced experience, rich in features, and access to a more complete set of premium AI models
+                </span>
+              </div>
+            </SidebarMenuButton>
+          </SidebarMenuItem>
+        </SidebarMenu>
+      </SidebarFooter>
+    </Sidebar>
+  );
 }

config.ts

@@ -7,6 +7,8 @@ export default {
   api: {
     baseUrl: process.env.OPENAI_API_BASE_URL,  // /v1
     key: process.env.OPENAI_API_KEY,
-    model: "openai/gpt-5-chat-latest"
+    model: "openai/gpt-5-chat-latest",
+    maxRetries: 5,
+    timeout: 20000  // 20 seconds
   }
 };