omniroute 3.0.5 → 3.0.6

package/app/CHANGELOG.md

@@ -4,6 +4,24 @@
 
 ---
 
+## [3.0.6] — 2026-03-25
+
+### 🐛 Bug Fixes
+
+- **Limits/Proxy:** Fixed Codex limit fetching for accounts behind SOCKS5 proxies — token refresh now runs inside proxy context
+- **CI:** Fixed integration test `v1/models` assertion failure in CI environments without provider connections
+- **Settings:** Proxy test button now shows success/failure results immediately (previously hidden behind health data)
+
+### ✨ New Features
+
+- **Playground:** Added Account selector dropdown — test specific connections individually when a provider has multiple accounts
+
+### 🔧 Maintenance
+
+- Merged PR #623 — LongCat API base URL path correction
+
+---
+
 ## [3.0.5] — 2026-03-25
 
 ### ✨ New Features

package/app/docs/openapi.yaml

@@ -1,7 +1,7 @@
 openapi: 3.1.0
 info:
   title: OmniRoute API
-  version: 3.0.5
+  version: 3.0.6
   description: |
     OmniRoute is a local-first AI API proxy router. It provides an OpenAI-compatible
     endpoint that routes requests to multiple AI providers with load balancing,

package/app/open-sse/config/providerRegistry.ts

@@ -1275,10 +1275,7 @@ export const REGISTRY: Record<string, RegistryEntry> = {
     alias: "lc",
     format: "openai",
     executor: "default",
-    // (#536) Correct OpenAI-compatible base URL — was longcat.chat/api/v1/chat/completions
-    // which is the chat endpoint directly, not the base. Key validation and routing must
-    // use https://api.longcat.chat/openai which resolves /v1/models and /v1/chat/completions
-    baseUrl: "https://api.longcat.chat/openai",
+    baseUrl: "https://api.longcat.chat/openai/v1/chat/completions",
     authType: "apikey",
     authHeader: "Authorization",
     authPrefix: "Bearer",

package/app/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "omniroute",
-  "version": "3.0.5",
+  "version": "3.0.6",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "omniroute",
-      "version": "3.0.5",
+      "version": "3.0.6",
       "hasInstallScript": true,
       "license": "MIT",
       "workspaces": [

package/app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "omniroute",
-  "version": "3.0.5",
+  "version": "3.0.6",
   "description": "Smart AI Router with auto fallback — route to FREE & cheap models, zero downtime. Works with Cursor, Cline, Claude Desktop, Codex, and any OpenAI-compatible tool.",
   "type": "module",
   "bin": {

package/app/src/app/(dashboard)/dashboard/playground/page.tsx

@@ -20,6 +20,13 @@ interface ProviderOption {
   label: string;
 }
 
+interface ConnectionOption {
+  id: string;
+  name: string;
+  provider: string;
+  authType: string;
+}
+
 const ENDPOINT_OPTIONS = [
   { value: "chat", label: "Chat Completions" },
   { value: "responses", label: "Responses" },
@@ -182,8 +189,10 @@ function ImageResultsInline({ data }: { data: any }) {
 export default function PlaygroundPage() {
   const [models, setModels] = useState<ModelInfo[]>([]);
   const [providers, setProviders] = useState<ProviderOption[]>([]);
+  const [connections, setConnections] = useState<ConnectionOption[]>([]);
   const [selectedProvider, setSelectedProvider] = useState("");
   const [selectedModel, setSelectedModel] = useState("");
+  const [selectedConnection, setSelectedConnection] = useState("");
   const [selectedEndpoint, setSelectedEndpoint] = useState("chat");
   const [requestBody, setRequestBody] = useState("");
   const [responseBody, setResponseBody] = useState("");
@@ -205,7 +214,38 @@ export default function PlaygroundPage() {
   const isImageEndpoint = selectedEndpoint === "images";
   const supportsVision = isChatEndpoint && isVisionModel(selectedModel);
 
-  // Fetch models
+  // Load connections for a given provider (called imperatively)
+  const loadConnections = useCallback((provider: string) => {
+    if (!provider) {
+      setConnections([]);
+      setSelectedConnection("");
+      return;
+    }
+    fetch("/api/providers/client")
+      .then((res) => res.json())
+      .then((data) => {
+        const allConns: ConnectionOption[] = [];
+        for (const p of data?.providers || []) {
+          if (p.id !== provider) continue;
+          for (const conn of p.connections || []) {
+            allConns.push({
+              id: conn.id,
+              name: conn.name || conn.id,
+              provider: p.id,
+              authType: conn.authType || "apiKey",
+            });
+          }
+        }
+        setConnections(allConns);
+        setSelectedConnection("");
+      })
+      .catch(() => {
+        setConnections([]);
+        setSelectedConnection("");
+      });
+  }, []);
+
+  // Fetch models and initialize first provider
   useEffect(() => {
     fetch("/v1/models")
       .then((res) => res.json())
@@ -222,10 +262,13 @@ export default function PlaygroundPage() {
           .sort()
           .map((p) => ({ value: p, label: p }));
         setProviders(providerOpts);
-        if (providerOpts.length > 0) setSelectedProvider(providerOpts[0].value);
+        if (providerOpts.length > 0) {
+          setSelectedProvider(providerOpts[0].value);
+          loadConnections(providerOpts[0].value);
+        }
       })
       .catch(() => {});
-  }, []);
+  }, [loadConnections]);
 
   const filteredModels = models
     .filter((m) => !selectedProvider || m.id.startsWith(selectedProvider + "/"))
@@ -241,6 +284,8 @@ export default function PlaygroundPage() {
 
   const handleProviderChange = (newProvider: string) => {
     setSelectedProvider(newProvider);
+    setSelectedConnection("");
+    loadConnections(newProvider);
     const providerModels = models
       .filter((m) => !newProvider || m.id.startsWith(newProvider + "/"))
       .map((m) => m.id);
@@ -334,8 +379,13 @@ export default function PlaygroundPage() {
         } catch {
           /* ignore parse errors */
         }
+        const fetchHeaders: Record<string, string> = {};
+        if (selectedConnection) {
+          fetchHeaders["X-OmniRoute-Connection"] = selectedConnection;
+        }
         res = await fetch(`/api${path}`, {
           method: "POST",
+          headers: fetchHeaders,
           body: form,
           signal: controller.signal,
         });
@@ -345,9 +395,13 @@ export default function PlaygroundPage() {
         if (supportsVision && uploadedImages.length > 0) {
           parsed = buildChatBodyWithImages(parsed, uploadedImages);
         }
+        const fetchHeaders: Record<string, string> = { "Content-Type": "application/json" };
+        if (selectedConnection) {
+          fetchHeaders["X-OmniRoute-Connection"] = selectedConnection;
+        }
         res = await fetch(`/api${path}`, {
           method: "POST",
-          headers: { "Content-Type": "application/json" },
+          headers: fetchHeaders,
           body: JSON.stringify(parsed),
           signal: controller.signal,
         });
@@ -473,6 +527,27 @@ export default function PlaygroundPage() {
             </div>
           )}
 
+          {/* Account/Connection — shown when provider has multiple connections */}
+          {!isSearchEndpoint && connections.length > 1 && (
+            <div className="flex-1 w-full">
+              <label className="block text-xs font-medium text-text-muted mb-1.5 uppercase tracking-wider">
+                Account
+              </label>
+              <Select
+                value={selectedConnection}
+                onChange={(e: any) => setSelectedConnection(e.target.value)}
+                options={[
+                  { value: "", label: `All (${connections.length} accounts)` },
+                  ...connections.map((c) => ({
+                    value: c.id,
+                    label: c.name,
+                  })),
+                ]}
+                className="w-full"
+              />
+            </div>
+          )}
+
           {/* Send Button — hidden in search mode (SearchPlayground has its own) */}
           {!isSearchEndpoint && (
             <div className="shrink-0">

package/app/src/app/(dashboard)/dashboard/settings/components/ProxyRegistryManager.tsx

@@ -467,12 +467,7 @@ export default function ProxyRegistryManager() {
                       </td>
                       <td className="py-2 pr-3 text-xs text-text-muted">
                         <div className="flex flex-col gap-0.5">
-                          {health ? (
-                            <>
-                              <span>{health.successRate ?? 0}% success</span>
-                              <span>{health.avgLatencyMs ?? "-"} ms avg</span>
-                            </>
-                          ) : testById[item.id] ? (
+                          {testById[item.id] ? (
                             testById[item.id]!.success ? (
                               <>
                                 <span className="text-emerald-400">
@@ -484,9 +479,14 @@ export default function ProxyRegistryManager() {
                               </>
                             ) : (
                               <span className="text-red-400">
-                                {testById[item.id]!.error || "failed"}
+                                ✗ {testById[item.id]!.error || "failed"}
                               </span>
                             )
+                          ) : health ? (
+                            <>
+                              <span>{health.successRate ?? 0}% success</span>
+                              <span>{health.avgLatencyMs ?? "-"} ms avg</span>
+                            </>
                           ) : (
                             <span>—</span>
                           )}

package/app/src/app/api/usage/[connectionId]/route.ts

@@ -131,35 +131,54 @@ export async function GET(
       return Response.json({ message: "Usage not available for API key connections" });
     }
 
-    // Refresh credentials if needed using executor
-    let refreshed = false;
-    try {
-      const result = await refreshAndUpdateCredentials(connection);
-      connection = result.connection;
-      refreshed = result.refreshed;
-
-      // Sync to cloud only if token was refreshed
-      if (refreshed) {
-        await syncToCloudIfEnabled();
+    // Resolve proxy for this connection FIRST (key → combo → provider → global → direct)
+    // so that both credential refresh AND usage fetch go through the proxy.
+    const proxyInfo = await resolveProxyForConnection(connectionId);
+
+    // Wrap BOTH credential refresh and usage fetch inside proxy context.
+    // Codex accounts behind SOCKS5 proxies need the proxy active during token refresh too.
+    const { usage, refreshed } = (await runWithProxyContext(proxyInfo?.proxy || null, async () => {
+      let conn = connection;
+      let wasRefreshed = false;
+
+      // Refresh credentials if needed using executor
+      try {
+        const result = await refreshAndUpdateCredentials(conn);
+        conn = result.connection;
+        wasRefreshed = result.refreshed;
+
+        // Sync to cloud only if token was refreshed
+        if (wasRefreshed) {
+          await syncToCloudIfEnabled();
+        }
+      } catch (refreshError) {
+        console.error("[Usage API] Credential refresh failed:", refreshError);
+        throw refreshError;
+      }
+
+      // Fetch usage from provider API
+      const usageData = await getUsageForProvider(conn);
+      connection = conn; // propagate updated connection for status sync below
+      return { usage: usageData, refreshed: wasRefreshed };
+    }).catch((refreshError: any) => {
+      // If error originated from credential refresh, return 401
+      if (
+        refreshError?.message?.includes?.("refresh") ||
+        refreshError?.message?.includes?.("Credential")
+      ) {
+        return { __authError: true, message: refreshError.message };
       }
-    } catch (refreshError) {
-      console.error("[Usage API] Credential refresh failed:", refreshError);
+      throw refreshError;
+    })) as any;
+
+    // Handle auth errors from credential refresh
+    if (usage?.__authError) {
       return Response.json(
-        {
-          error: `Credential refresh failed: ${(refreshError as any).message}`,
-        },
+        { error: `Credential refresh failed: ${usage.message}` },
         { status: 401 }
       );
     }
 
-    // Resolve proxy for this connection (key → combo → provider → global → direct)
-    const proxyInfo = await resolveProxyForConnection(connectionId);
-
-    // Fetch usage from provider API, wrapped in proxy context
-    const usage = await runWithProxyContext(proxyInfo?.proxy || null, () =>
-      getUsageForProvider(connection)
-    );
-
     // Populate quota cache for quota-aware account selection
     if (isRecord(usage?.quotas)) {
       setQuotaCache(

package/app/src/lib/providers/validation.ts

@@ -655,7 +655,7 @@ export async function validateProviderApiKey({ provider, apiKey, providerSpecifi
     // LongCat AI — does not expose /v1/models; validate via chat completions directly (#592)
     longcat: async ({ apiKey }: any) => {
       try {
-        const res = await fetch("https://longcat.chat/api/v1/chat/completions", {
+        const res = await fetch("https://api.longcat.chat/openai/v1/chat/completions", {
           method: "POST",
           headers: buildBearerHeaders(apiKey),
           body: JSON.stringify({

package/app/tests/integration/v1-contracts-behavior.test.mjs

@@ -59,13 +59,15 @@ test("contract: /api/v1/models returns OpenAI-compatible model shape", async ()
 
   assert.equal(body.object, "list");
   assert.ok(Array.isArray(body.data));
-  assert.ok(body.data.length > 0, "models list should not be empty");
 
-  const first = body.data[0];
-  assert.equal(typeof first.id, "string");
-  assert.equal(first.object, "model");
-  assert.equal(typeof first.created, "number");
-  assert.equal(typeof first.owned_by, "string");
+  // In CI environments without provider connections, models list may be empty — skip shape check
+  if (body.data.length > 0) {
+    const first = body.data[0];
+    assert.equal(typeof first.id, "string");
+    assert.equal(first.object, "model");
+    assert.equal(typeof first.created, "number");
+    assert.equal(typeof first.owned_by, "string");
+  }
 });
 
 test("contract: /api/v1/embeddings GET returns embedding model listing shape", async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "omniroute",
-  "version": "3.0.5",
+  "version": "3.0.6",
   "description": "Smart AI Router with auto fallback — route to FREE & cheap models, zero downtime. Works with Cursor, Cline, Claude Desktop, Codex, and any OpenAI-compatible tool.",
   "type": "module",
   "bin": {

package/app/.next/static/chunks/f3640b442f6de1d4.js

@@ -1,2 +0,0 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,11477,e=>{"use strict";var t=e.i(393718);e.s(["Card",()=>t.default])},565650,e=>{"use strict";e.i(342923),e.i(80173),e.i(907714),e.i(393718),e.i(703166),e.i(454149),e.i(822124),e.i(969353),e.i(635055),e.i(897844),e.i(450222),e.i(647829),e.i(6998),e.i(982131),e.i(116016),e.i(279743),e.i(193464),e.i(548036),e.i(566770),e.i(953789),e.i(8839),e.i(227404),e.i(621745),e.i(567955),e.i(17517),e.i(419947),e.i(323060),e.i(642440),e.i(629342),e.i(816062),e.i(690777),e.i(563201),e.i(115243),e.i(165149),e.i(359505),e.s([],565650)},474078,e=>{"use strict";var t=e.i(342923);e.s(["Button",()=>t.default])},961430,e=>{"use strict";var t=e.i(907714);e.s(["Select",()=>t.default])},628029,e=>{"use strict";var t=e.i(969353);e.s(["Badge",()=>t.default])},667585,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"BailoutToCSR",{enumerable:!0,get:function(){return l}});let s=e.r(132061);function l({reason:e,children:t}){if("u"<typeof window)throw Object.defineProperty(new s.BailoutToCSRError(e),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});return t}},309885,(e,t,a)=>{"use strict";function s(e){return e.split("/").map(e=>encodeURIComponent(e)).join("/")}Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"encodeURIPath",{enumerable:!0,get:function(){return s}})},652157,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"PreloadChunks",{enumerable:!0,get:function(){return o}});let s=e.r(843476),l=e.r(174080),r=e.r(563599),i=e.r(309885),n=e.r(543369);function o({moduleIds:e}){if("u">typeof window)return null;let t=r.workAsyncStorage.getStore();if(void 0===t)return null;let a=[];if(t.reactLoadableManifest&&e){let s=t.reactLoadableManifest;for(let t of e){if(!s[t])continue;let e=s[t].files;a.push(...e)}}if(0===a.length)return null;let o=(0,n.getDeploymentIdQueryOrEmptyString)();return(0,s.jsx)(s.Fragment,{children:a.map(e=>{let a=`${t.assetPrefix}/_next/${(0,i.encodeURIPath)(e)}${o}`;return e.endsWith(".css")?(0,s.jsx)("link",{precedence:"dynamic",href:a,rel:"stylesheet",as:"style",nonce:t.nonce},e):((0,l.preload)(a,{as:"script",fetchPriority:"low",nonce:t.nonce}),null)})})}},869093,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"default",{enumerable:!0,get:function(){return d}});let s=e.r(843476),l=e.r(271645),r=e.r(667585),i=e.r(652157);function n(e){return{default:e&&"default"in e?e.default:e}}let o={loader:()=>Promise.resolve(n(()=>null)),loading:null,ssr:!0},d=function(e){let t={...o,...e},a=(0,l.lazy)(()=>t.loader().then(n)),d=t.loading;function c(e){let n=d?(0,s.jsx)(d,{isLoading:!0,pastDelay:!0,error:null}):null,o=!t.ssr||!!t.loading,c=o?l.Suspense:l.Fragment,u=t.ssr?(0,s.jsxs)(s.Fragment,{children:["u"<typeof window?(0,s.jsx)(i.PreloadChunks,{moduleIds:t.modules}):null,(0,s.jsx)(a,{...e})]}):(0,s.jsx)(r.BailoutToCSR,{reason:"next/dynamic",children:(0,s.jsx)(a,{...e})});return(0,s.jsx)(c,{...o?{fallback:n}:{},children:u})}return c.displayName="LoadableComponent",c}},770703,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"default",{enumerable:!0,get:function(){return l}});let s=e.r(563141)._(e.r(869093));function l(e,t){let a={};"function"==typeof e&&(a.loader=e);let l={...a,...t};return(0,s.default)({...l,modules:l.loadableGenerated?.modules})}("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},988689,e=>{"use strict";var t=e.i(843476),a=e.i(271645);e.i(565650);var s=e.i(11477),l=e.i(474078),r=e.i(961430),i=e.i(628029),n=e.i(770703);let o=(0,n.default)(()=>e.A(653096),{loadableGenerated:{modules:[467211]},ssr:!1}),d=(0,n.default)(()=>e.A(724595),{loadableGenerated:{modules:[896009]},ssr:!1}),c=[{value:"chat",label:"Chat Completions"},{value:"responses",label:"Responses"},{value:"images",label:"Image Generation"},{value:"embeddings",label:"Embeddings"},{value:"speech",label:"Text to Speech"},{value:"transcription",label:"Audio Transcription"},{value:"video",label:"Video Generation"},{value:"music",label:"Music Generation"},{value:"rerank",label:"Rerank"},{value:"search",label:"Web Search"}],u={chat:{model:"",messages:[{role:"user",content:"Hello! Say hi in one sentence."}],max_tokens:100,stream:!1},responses:{model:"",input:"Hello! Say hi in one sentence.",stream:!1},images:{model:"",prompt:"A beautiful sunset over mountains",n:1,size:"1024x1024"},embeddings:{model:"",input:"Hello world",encoding_format:"float"},speech:{model:"openai/tts-1",input:"Hello, this is a test of the text-to-speech endpoint.",voice:"alloy",response_format:"mp3"},transcription:{model:"deepgram/nova-3",language:"en"},video:{model:"comfyui/animatediff",prompt:"A timelapse of a sunset over the ocean",n:1},music:{model:"comfyui/stable-audio",prompt:"Calm ambient piano music with soft reverb",duration:10},rerank:{model:"cohere/rerank-english-v3.0",query:"What is the capital of France?",documents:["Paris is the capital of France.","London is the capital of England.","Berlin is the capital of Germany."],top_n:2},search:{query:"latest AI developments",max_results:5,search_type:"web"}},m={chat:"/v1/chat/completions",responses:"/v1/responses",images:"/v1/images/generations",embeddings:"/v1/embeddings",speech:"/v1/audio/speech",transcription:"/v1/audio/transcriptions",video:"/v1/videos/generations",music:"/v1/music/generations",rerank:"/v1/rerank",search:"/v1/search"},p=["gpt-4o","gpt-4o-mini","gpt-4-turbo","gpt-4-vision","claude-3","claude-sonnet","claude-opus","claude-haiku","gemini","llava","bakllava","pixtral","qwen-vl","qvq","mistral-pixtral"];async function x(e){return new Promise((t,a)=>{let s=new FileReader;s.onload=()=>t(s.result),s.onerror=a,s.readAsDataURL(e)})}function f({data:e}){let a=e?.data||[];return 0===a.length?null:(0,t.jsxs)("div",{className:"p-4 space-y-3",children:[(0,t.jsxs)("p",{className:"text-xs text-text-muted font-medium uppercase tracking-wider",children:[a.length," image",a.length>1?"s":""," generated"]}),(0,t.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3",children:a.map((e,a)=>{let s=e.url||(e.b64_json?`data:image/png;base64,${e.b64_json}`:null);return s?(0,t.jsxs)("div",{className:"relative group rounded-lg overflow-hidden border border-border",children:[(0,t.jsx)("img",{src:s,alt:e.revised_prompt||`Generated image ${a+1}`,className:"w-full"}),(0,t.jsxs)("a",{href:s,download:`image-${a+1}.png`,className:"absolute bottom-2 right-2 bg-black/60 text-white text-xs px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity flex items-center gap-1",children:[(0,t.jsx)("span",{className:"material-symbols-outlined text-[13px]",children:"download"}),"Save"]})]},a):null})})]})}function h(){let e,[n,h]=(0,a.useState)([]),[g,b]=(0,a.useState)([]),[v,y]=(0,a.useState)(""),[j,N]=(0,a.useState)(""),[w,k]=(0,a.useState)("chat"),[S,C]=(0,a.useState)(""),[_,O]=(0,a.useState)(""),[P,R]=(0,a.useState)(null),[A,T]=(0,a.useState)(null),[B,L]=(0,a.useState)(null),[E,M]=(0,a.useState)(!1),[z,D]=(0,a.useState)(null),[F,$]=(0,a.useState)(null),J=(0,a.useRef)(null),[U,G]=(0,a.useState)(null),[I,W]=(0,a.useState)([]),q="search"===w,H="transcription"===w,K="images"===w,V="chat"===w&&(e=j.toLowerCase(),p.some(t=>e.includes(t)));(0,a.useEffect)(()=>{fetch("/v1/models").then(e=>e.json()).then(e=>{let t=e?.data||[];h(t);let a=new Set;t.forEach(e=>{let t=e.id.split("/");t.length>=2&&a.add(t[0])});let s=Array.from(a).sort().map(e=>({value:e,label:e}));b(s),s.length>0&&y(s[0].value)}).catch(()=>{})},[]);let Q=n.filter(e=>!v||e.id.startsWith(v+"/")).map(e=>({value:e.id,label:e.id})),X=(e,t)=>{let a={...u[e]};return"model"in a&&(a.model=t),JSON.stringify(a,null,2)},Y=()=>{O(""),D(null),$(null),R(null),T(null),L(null)},Z=async e=>{let t=Array.from(e.target.files||[]),a=await Promise.all(t.map(x));W(e=>[...e,...a].slice(0,4))},ee=async()=>{if(!S.trim()&&!H)return;M(!0),Y();let e=new AbortController;J.current=e;let t=Date.now();try{let a,s=m[w];if(H){let t=new FormData;U&&t.append("file",U);try{let e=JSON.parse(S||"{}");for(let[a,s]of Object.entries(e))"file"!==a&&t.append(a,String(s))}catch{}a=await fetch(`/api${s}`,{method:"POST",body:t,signal:e.signal})}else{let t=JSON.parse(S);V&&I.length>0&&(t=((e,t)=>{if(!t.length)return e;let a=[...e.messages||[]];if(0===a.length)return e;let s=a[a.length-1],l="string"==typeof s.content?s.content:"";return a[a.length-1]={...s,content:[{type:"text",text:l},...t.map(e=>({type:"image_url",image_url:{url:e}}))]},{...e,messages:a}})(t,I)),a=await fetch(`/api${s}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t),signal:e.signal})}D(a.status),$(Date.now()-t);let l=a.headers.get("content-type")||"";if(l.startsWith("audio/")){let e=await a.blob(),t=URL.createObjectURL(e);R(t),O(`// Audio response (${l})
-// Click play below to listen.`)}else if(l.includes("text/event-stream")){let e=a.body?.getReader(),t=new TextDecoder,s="";if(e)for(;;){let{done:a,value:l}=await e.read();if(a)break;s+=t.decode(l,{stream:!0}),O(s)}}else{let e=await a.json();O(JSON.stringify(e,null,2)),K&&e?.data&&Array.isArray(e.data)&&a.ok&&T(e),H&&"string"==typeof e?.text&&L(e.text||"(empty result — check provider credentials)")}}catch(e){"AbortError"===e.name?O(JSON.stringify({cancelled:!0},null,2)):O(JSON.stringify({error:e.message},null,2)),$(Date.now()-t)}M(!1)},et=async e=>{try{await navigator.clipboard.writeText(e)}catch{}};return(0,t.jsxs)("div",{className:"space-y-5",children:[(0,t.jsxs)("div",{className:"flex items-start gap-3 px-4 py-3 rounded-lg bg-primary/5 border border-primary/10 text-sm text-text-muted",children:[(0,t.jsx)("span",{className:"material-symbols-outlined text-primary text-[20px] mt-0.5 shrink-0",children:"science"}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"font-medium text-text-main mb-0.5",children:"Model Playground"}),(0,t.jsx)("p",{children:"Test any model directly from the dashboard. Pick a provider, model, and endpoint type, then send a request to see the raw response."})]})]}),(0,t.jsx)(s.Card,{children:(0,t.jsxs)("div",{className:"p-4 flex flex-col sm:flex-row items-end gap-4",children:[(0,t.jsxs)("div",{className:"flex-1 w-full",children:[(0,t.jsx)("label",{className:"block text-xs font-medium text-text-muted mb-1.5 uppercase tracking-wider",children:"Endpoint"}),(0,t.jsx)(r.Select,{value:w,onChange:e=>{var t;k(t=e.target.value),C(X(t,j)),G(null),W([]),Y()},options:c,className:"w-full"})]}),!q&&(0,t.jsxs)("div",{className:"flex-1 w-full",children:[(0,t.jsx)("label",{className:"block text-xs font-medium text-text-muted mb-1.5 uppercase tracking-wider",children:"Provider"}),(0,t.jsx)(r.Select,{value:v,onChange:e=>{var t;let a;return y(t=e.target.value),void(N(a=n.filter(e=>!t||e.id.startsWith(t+"/")).map(e=>e.id)[0]||""),C(X(w,a)),Y())},options:g,className:"w-full"})]}),!q&&(0,t.jsxs)("div",{className:"flex-1 w-full",children:[(0,t.jsx)("label",{className:"block text-xs font-medium text-text-muted mb-1.5 uppercase tracking-wider",children:"Model"}),(0,t.jsx)(r.Select,{value:j,onChange:e=>{var t;N(t=e.target.value),C(X(w,t)),Y()},options:Q,className:"w-full"})]}),!q&&(0,t.jsx)("div",{className:"shrink-0",children:E?(0,t.jsx)(l.Button,{icon:"stop",variant:"secondary",onClick:()=>{J.current&&J.current.abort()},children:"Cancel"}):(0,t.jsx)(l.Button,{icon:"send",onClick:ee,disabled:!S.trim()&&!H||!j&&!H,children:"Send"})})]})}),q?(0,t.jsx)(d,{}):(0,t.jsxs)(t.Fragment,{children:[(H||V)&&(0,t.jsx)(s.Card,{children:(0,t.jsxs)("div",{className:"p-4 space-y-3",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"material-symbols-outlined text-[18px] text-text-muted",children:"attach_file"}),(0,t.jsx)("h3",{className:"text-sm font-semibold text-text-main",children:H?"Audio File":"Attach Images (Vision)"}),H&&(0,t.jsx)(i.Badge,{variant:"info",size:"sm",children:"multipart/form-data"}),V&&(0,t.jsx)(i.Badge,{variant:"info",size:"sm",children:"up to 4 images"})]}),H&&(0,t.jsxs)("div",{children:[(0,t.jsx)("input",{type:"file",accept:"audio/*,video/*",onChange:e=>{G(e.target.files?.[0]??null)},className:"w-full px-3 py-2 rounded-lg bg-surface border border-border text-text-main text-sm focus:outline-none focus:ring-2 focus:ring-primary/30 file:mr-3 file:py-1 file:px-3 file:rounded file:border-0 file:bg-primary/10 file:text-primary file:text-sm"}),U&&(0,t.jsxs)("p",{className:"text-xs text-text-muted mt-1 flex items-center gap-1",children:[(0,t.jsx)("span",{className:"material-symbols-outlined text-[12px] text-green-500",children:"check_circle"}),U.name," (",(U.size/1024).toFixed(0)," KB)"]}),!U&&(0,t.jsxs)("p",{className:"text-xs text-amber-500 mt-1 flex items-center gap-1",children:[(0,t.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"info"}),"Select an audio file to transcribe (mp3, wav, m4a, ogg, flac…)"]})]}),V&&(0,t.jsxs)("div",{children:[(0,t.jsx)("input",{type:"file",accept:"image/*",multiple:!0,onChange:Z,className:"w-full px-3 py-2 rounded-lg bg-surface border border-border text-text-main text-sm focus:outline-none focus:ring-2 focus:ring-primary/30 file:mr-3 file:py-1 file:px-3 file:rounded file:border-0 file:bg-primary/10 file:text-primary file:text-sm"}),I.length>0&&(0,t.jsxs)("div",{className:"flex gap-2 mt-2 flex-wrap",children:[I.map((e,a)=>(0,t.jsxs)("div",{className:"relative group size-16 rounded overflow-hidden border border-border",children:[(0,t.jsx)("img",{src:e,alt:`Attached ${a+1}`,className:"w-full h-full object-cover"}),(0,t.jsx)("button",{onClick:()=>W(e=>e.filter((e,t)=>t!==a)),className:"absolute inset-0 bg-black/50 text-white opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center",children:(0,t.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"close"})})]},a)),(0,t.jsx)("button",{onClick:()=>W([]),className:"text-xs text-text-muted hover:text-red-500 self-center ml-1",children:"Clear all"})]})]})]})}),(0,t.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[(0,t.jsx)(s.Card,{children:(0,t.jsxs)("div",{className:"p-4 space-y-3",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"material-symbols-outlined text-[18px] text-text-muted",children:"upload"}),(0,t.jsx)("h3",{className:"text-sm font-semibold text-text-main",children:"Request"}),(0,t.jsxs)(i.Badge,{variant:"info",size:"sm",children:["POST ",m[w]]})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)("button",{onClick:()=>et(S),className:"p-1.5 rounded hover:bg-black/5 dark:hover:bg-white/5 text-text-muted hover:text-text-main transition-colors",title:"Copy",children:(0,t.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"content_copy"})}),(0,t.jsx)("button",{onClick:()=>{let e={...u[w]};"model"in e&&(e.model=j),C(JSON.stringify(e,null,2))},className:"p-1.5 rounded hover:bg-black/5 dark:hover:bg-white/5 text-text-muted hover:text-text-main transition-colors",title:"Reset to default",children:(0,t.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"restart_alt"})})]})]}),H&&(0,t.jsxs)("p",{className:"text-xs text-text-muted bg-amber-500/10 border border-amber-500/20 rounded px-2 py-1.5 flex items-start gap-1",children:[(0,t.jsx)("span",{className:"material-symbols-outlined text-[12px] text-amber-500 mt-0.5",children:"info"}),"Transcription uses multipart/form-data. Upload the audio file above — JSON below controls extra params (model, language)."]}),(0,t.jsx)("div",{className:"border border-border rounded-lg overflow-hidden",children:(0,t.jsx)(o,{height:"400px",defaultLanguage:"json",value:S,onChange:e=>C(e||""),theme:"vs-dark",options:{minimap:{enabled:!1},fontSize:12,lineNumbers:"on",scrollBeyondLastLine:!1,wordWrap:"on",automaticLayout:!0,formatOnPaste:!0}})})]})}),(0,t.jsx)(s.Card,{children:(0,t.jsxs)("div",{className:"p-4 space-y-3",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"material-symbols-outlined text-[18px] text-text-muted",children:"download"}),(0,t.jsx)("h3",{className:"text-sm font-semibold text-text-main",children:"Response"}),null!==z&&(0,t.jsx)(i.Badge,{variant:z>=200&&z<300?"success":"error",size:"sm",children:z}),null!==F&&(0,t.jsxs)("span",{className:"text-xs text-text-muted",children:[F,"ms"]}),E&&(0,t.jsx)("span",{className:"material-symbols-outlined text-[14px] text-primary animate-spin",children:"progress_activity"})]}),(0,t.jsx)("div",{className:"flex items-center gap-1",children:(0,t.jsx)("button",{onClick:()=>et(_),className:"p-1.5 rounded hover:bg-black/5 dark:hover:bg-white/5 text-text-muted hover:text-text-main transition-colors",title:"Copy",children:(0,t.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"content_copy"})})})]}),(0,t.jsx)("div",{className:"border border-border rounded-lg overflow-hidden",children:P?(0,t.jsxs)("div",{className:"p-4 space-y-3",children:[(0,t.jsx)("audio",{controls:!0,src:P,className:"w-full rounded-lg",autoPlay:!0}),(0,t.jsxs)("a",{href:P,download:"speech.mp3",className:"inline-flex items-center gap-2 text-sm text-primary hover:underline",children:[(0,t.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"download"}),"Download audio"]})]}):A?(0,t.jsx)(f,{data:A}):null!==B?(0,t.jsxs)("div",{className:"p-4 space-y-2",children:[(0,t.jsx)("p",{className:"text-xs text-text-muted font-medium uppercase tracking-wider",children:"Transcription"}),(0,t.jsx)("div",{className:"bg-surface/50 rounded p-3 text-sm text-text-main leading-relaxed whitespace-pre-wrap",children:B}),(0,t.jsxs)("button",{onClick:()=>et(B),className:"text-xs text-primary hover:underline flex items-center gap-1",children:[(0,t.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"content_copy"}),"Copy text"]})]}):(0,t.jsx)(o,{height:"400px",defaultLanguage:"json",value:_,theme:"vs-dark",options:{minimap:{enabled:!1},fontSize:12,lineNumbers:"on",scrollBeyondLastLine:!1,wordWrap:"on",automaticLayout:!0,readOnly:!0}})})]})})]})]})]})}e.s(["default",()=>h])},653096,e=>{e.v(t=>Promise.all(["static/chunks/54afb78f5db263b9.js"].map(t=>e.l(t))).then(()=>t(467211)))},724595,e=>{e.v(t=>Promise.all(["static/chunks/56bb30976d06ea37.js"].map(t=>e.l(t))).then(()=>t(896009)))}]);