fix(site): refine trajectory page UI and update base URL

- Update `getServerBaseUrl` to use `fletch.getpochi.com`
- Refine `Tabs` and `TabsTrigger` styles for better consistency
- Remove hardcoded theme variables and use standard background/border

🤖 Generated with [Pochi](https://getpochi.com) | [Task](https://app.getpochi.com/share/p-38aa4ccfc3104a4882e62b1b244decc0)

Co-Authored-By: Pochi <noreply@getpochi.com>

Author: liangfung

site/app/tasks/[name]/[jobId]/trajectory/components/trajectory-page.tsx

@@ -60,25 +60,25 @@ export function TrajectoryPage({
           <Tabs
             value={activeTab}
             onValueChange={setActiveTab}
-            className="h-full gap-0 overflow-hidden rounded-xl border border-border/60 bg-background/70 backdrop-blur-sm shadow-sm"
+            className="h-full gap-0 overflow-hidden rounded-xl border border-border bg-background/70 backdrop-blur-sm shadow-sm"
           >
-            <div className="border-b border-border/50 bg-background/50 px-3 py-3 sm:px-4">
-              <TabsList className="grid h-11 w-[300px] max-w-full grid-cols-3 items-stretch gap-1 border border-border/40 bg-background/60 p-1">
+            <div className="border-b border-border bg-background/40 px-3 py-3 sm:px-4">
+              <TabsList className="grid h-11 w-[300px] max-w-full grid-cols-3 items-stretch gap-1 rounded-xl bg-muted/30 p-1">
                 <TabsTrigger
                   value="trajectory"
-                  className="h-full w-full cursor-pointer border border-transparent py-0 leading-none text-muted-foreground transition-colors hover:bg-primary/10 hover:text-foreground data-[state=active]:border-primary/35 data-[state=active]:bg-primary/18 data-[state=active]:text-foreground data-[state=active]:shadow-none"
+                  className="h-full w-full cursor-pointer rounded-lg border-0 py-0 leading-none text-muted-foreground transition-colors hover:bg-primary/10 hover:text-foreground data-[state=active]:bg-primary/18 data-[state=active]:text-foreground data-[state=active]:shadow-none"
                 >
                   Trajectory
                 </TabsTrigger>
                 <TabsTrigger
                   value="log"
-                  className="h-full w-full cursor-pointer border border-transparent py-0 leading-none text-muted-foreground transition-colors hover:bg-primary/10 hover:text-foreground data-[state=active]:border-primary/35 data-[state=active]:bg-primary/18 data-[state=active]:text-foreground data-[state=active]:shadow-none"
+                  className="h-full w-full cursor-pointer rounded-lg border-0 py-0 leading-none text-muted-foreground transition-colors hover:bg-primary/10 hover:text-foreground data-[state=active]:bg-primary/18 data-[state=active]:text-foreground data-[state=active]:shadow-none"
                 >
                   Log
                 </TabsTrigger>
                 <TabsTrigger
                   value="test"
-                  className="h-full w-full cursor-pointer border border-transparent py-0 leading-none text-muted-foreground transition-colors hover:bg-primary/10 hover:text-foreground data-[state=active]:border-primary/35 data-[state=active]:bg-primary/18 data-[state=active]:text-foreground data-[state=active]:shadow-none"
+                  className="h-full w-full cursor-pointer rounded-lg border-0 py-0 leading-none text-muted-foreground transition-colors hover:bg-primary/10 hover:text-foreground data-[state=active]:bg-primary/18 data-[state=active]:text-foreground data-[state=active]:shadow-none"
                 >
                   Test
                 </TabsTrigger>

site/app/tasks/[name]/[jobId]/trajectory/page.tsx

@@ -1,4 +1,3 @@
-import type { CSSProperties } from "react";
 import tasksData from "@/tasks.json";
 import { TrajectoryPage } from "./components/trajectory-page";
 import zealtConfig from "@/../zealt.json";
@@ -148,7 +147,7 @@ function splitTrialName(trialName: string): { taskName: string; jobId: string }
 }
 
 function getServerBaseUrl() {
-  return process.env.CLIPS_BASE_URL || 'https://cc.getpochi.com';
+  return process.env.CLIPS_BASE_URL || 'https://fletch.getpochi.com';
 }
 
 function getGithubOwnerRepo(): string {
@@ -279,15 +278,11 @@ export default async function TrajectoryRoutePage({
   }
   const stderrText = trialEntry?.stderr_text ?? null;
   const verifierText = trialEntry?.verifier_text ?? null;
-  const pageThemeVars = {
-    "--background": "oklch(0.268 0.004 106.643)",
-    "--border": "oklch(0.362 0.01 106.893)",
-  } as CSSProperties;
 
   return (
-    <div style={pageThemeVars} className="w-full h-screen bg-background text-foreground font-sans selection:bg-primary/20 overflow-hidden">
+    <div className="w-full h-screen bg-background text-foreground font-sans selection:bg-primary/20 overflow-hidden">
       <div className="fixed inset-0 -z-10 h-full w-full bg-background bg-[radial-gradient(#2a2a2a_1px,transparent_1px)] [background-size:16px_16px] [mask-image:radial-gradient(ellipse_50%_50%_at_50%_50%,#000_70%,transparent_100%)] opacity-20 dark:opacity-40"></div>
-      <div className="fixed inset-x-0 top-0 z-40 border-b border-border/50 bg-background/85 backdrop-blur-sm">
+      <div className="fixed inset-x-0 top-0 z-40 bg-background/85 backdrop-blur-sm">
         <div className="mx-auto w-full max-w-[1400px] px-4 py-4 sm:px-7 lg:px-10">
           <div className="flex flex-col gap-1">
             <h1 className="truncate whitespace-nowrap font-bold text-2xl">