n9router 0.3.89 → 0.3.91

package/.next/standalone/src/mitm/usageTracker.js

@@ -0,0 +1,524 @@
+const zlib = require("zlib");
+const { log, err } = require("./logger");
+
+const INTERNAL_USAGE_URL = process.env.ROUTER_USAGE_URL || "http://127.0.0.1:20128/api/internal/usage";
+const INTERNAL_REQUEST_DETAIL_URL = process.env.ROUTER_REQUEST_DETAIL_URL || "http://127.0.0.1:20128/api/internal/request-detail";
+const INTERNAL_REQUEST_HEADER = { name: "x-request-source", value: "local" };
+const OPTIONAL_REQUEST_FIELDS = [
+  "temperature", "top_p", "top_k",
+  "max_tokens", "max_completion_tokens",
+  "thinking", "reasoning", "enable_thinking",
+  "presence_penalty", "frequency_penalty",
+  "seed", "stop", "tools", "tool_choice",
+  "response_format", "prediction", "store", "metadata",
+  "n", "logprobs", "top_logprobs", "logit_bias",
+  "user", "parallel_tool_calls"
+];
+
+function safeJsonParse(value) {
+  try {
+    return JSON.parse(value);
+  } catch {
+    return null;
+  }
+}
+
+function normalizeUsage(usage) {
+  if (!usage || typeof usage !== "object" || Array.isArray(usage)) return null;
+
+  const normalized = {};
+  const assignNumber = (key, value) => {
+    if (value === undefined || value === null) return;
+    const numeric = Number(value);
+    if (Number.isFinite(numeric)) normalized[key] = numeric;
+  };
+
+  assignNumber("prompt_tokens", usage.prompt_tokens);
+  assignNumber("completion_tokens", usage.completion_tokens);
+  assignNumber("total_tokens", usage.total_tokens);
+  assignNumber("cache_read_input_tokens", usage.cache_read_input_tokens);
+  assignNumber("cache_creation_input_tokens", usage.cache_creation_input_tokens);
+  assignNumber("cached_tokens", usage.cached_tokens);
+  assignNumber("reasoning_tokens", usage.reasoning_tokens);
+  if (usage.estimated === true) normalized.estimated = true;
+
+  return Object.keys(normalized).length > 0 ? normalized : null;
+}
+
+function hasValidUsage(usage) {
+  if (!usage || typeof usage !== "object") return false;
+  const fields = [
+    "prompt_tokens",
+    "completion_tokens",
+    "total_tokens",
+    "input_tokens",
+    "output_tokens",
+    "promptTokenCount",
+    "candidatesTokenCount"
+  ];
+
+  return fields.some((field) => typeof usage[field] === "number" && usage[field] > 0);
+}
+
+function extractUsage(chunk) {
+  if (!chunk || typeof chunk !== "object") return null;
+
+  if (chunk.type === "message_delta" && chunk.usage && typeof chunk.usage === "object") {
+    return normalizeUsage({
+      prompt_tokens: chunk.usage.input_tokens || 0,
+      completion_tokens: chunk.usage.output_tokens || 0,
+      cache_read_input_tokens: chunk.usage.cache_read_input_tokens,
+      cache_creation_input_tokens: chunk.usage.cache_creation_input_tokens
+    });
+  }
+
+  if ((chunk.type === "response.completed" || chunk.type === "response.done") && chunk.response?.usage && typeof chunk.response.usage === "object") {
+    const usage = chunk.response.usage;
+    return normalizeUsage({
+      prompt_tokens: usage.input_tokens || usage.prompt_tokens || 0,
+      completion_tokens: usage.output_tokens || usage.completion_tokens || 0,
+      cached_tokens: usage.input_tokens_details?.cached_tokens,
+      reasoning_tokens: usage.output_tokens_details?.reasoning_tokens
+    });
+  }
+
+  if (chunk.usage && typeof chunk.usage === "object" && chunk.usage.prompt_tokens !== undefined) {
+    return normalizeUsage({
+      prompt_tokens: chunk.usage.prompt_tokens,
+      completion_tokens: chunk.usage.completion_tokens || 0,
+      cached_tokens: chunk.usage.prompt_tokens_details?.cached_tokens,
+      reasoning_tokens: chunk.usage.completion_tokens_details?.reasoning_tokens
+    });
+  }
+
+  const usageMeta = chunk.usageMetadata || chunk.response?.usageMetadata;
+  if (usageMeta && typeof usageMeta === "object") {
+    return normalizeUsage({
+      prompt_tokens: usageMeta.promptTokenCount || 0,
+      completion_tokens: usageMeta.candidatesTokenCount || 0,
+      total_tokens: usageMeta.totalTokenCount,
+      cached_tokens: usageMeta.cachedContentTokenCount,
+      reasoning_tokens: usageMeta.thoughtsTokenCount
+    });
+  }
+
+  return null;
+}
+
+function getPartsTextLength(parts) {
+  if (!Array.isArray(parts)) return 0;
+  return parts.reduce((total, part) => total + (typeof part?.text === "string" ? part.text.length : 0), 0);
+}
+
+function getOpenAIMessageTextLength(message) {
+  if (!message) return 0;
+  if (typeof message.content === "string") return message.content.length;
+  if (!Array.isArray(message.content)) return 0;
+
+  return message.content.reduce((total, item) => {
+    if (typeof item?.text === "string") return total + item.text.length;
+    if (item?.type === "output_text" && typeof item?.text === "string") return total + item.text.length;
+    return total;
+  }, 0);
+}
+
+function extractContentLength(chunk) {
+  if (!chunk || typeof chunk !== "object") return 0;
+
+  let total = 0;
+
+  if (typeof chunk.delta?.text === "string") total += chunk.delta.text.length;
+  if (typeof chunk.delta?.thinking === "string") total += chunk.delta.thinking.length;
+  if (typeof chunk.choices?.[0]?.delta?.content === "string") total += chunk.choices[0].delta.content.length;
+  if (typeof chunk.choices?.[0]?.delta?.reasoning_content === "string") total += chunk.choices[0].delta.reasoning_content.length;
+  if (chunk.choices?.[0]?.message) total += getOpenAIMessageTextLength(chunk.choices[0].message);
+  if (Array.isArray(chunk.content)) {
+    total += chunk.content.reduce((sum, item) => {
+      if (typeof item?.text === "string") return sum + item.text.length;
+      if (item?.type === "thinking" && typeof item?.thinking === "string") return sum + item.thinking.length;
+      return sum;
+    }, 0);
+  }
+  if (chunk.response?.output_text && typeof chunk.response.output_text === "string") total += chunk.response.output_text.length;
+  if (chunk.response?.output && Array.isArray(chunk.response.output)) {
+    total += chunk.response.output.reduce((sum, item) => sum + getOpenAIMessageTextLength(item), 0);
+  }
+
+  const geminiParts = chunk.candidates?.[0]?.content?.parts || chunk.response?.candidates?.[0]?.content?.parts;
+  total += getPartsTextLength(geminiParts);
+
+  return total;
+}
+
+function estimateInputTokens(body) {
+  if (!body || typeof body !== "object") return 0;
+  try {
+    return Math.ceil(JSON.stringify(body).length / 4);
+  } catch {
+    return 0;
+  }
+}
+
+function estimateOutputTokens(contentLength) {
+  if (!contentLength || contentLength <= 0) return 0;
+  return Math.max(1, Math.floor(contentLength / 4));
+}
+
+function estimateUsage(body, contentLength) {
+  const promptTokens = estimateInputTokens(body);
+  const completionTokens = estimateOutputTokens(contentLength);
+
+  return normalizeUsage({
+    prompt_tokens: promptTokens,
+    completion_tokens: completionTokens,
+    total_tokens: promptTokens + completionTokens,
+    estimated: true
+  });
+}
+
+function decodeResponseBody(rawBuffer, contentEncoding) {
+  if (!rawBuffer || rawBuffer.length === 0) return "";
+
+  try {
+    if (!contentEncoding) {
+      return rawBuffer.toString("utf-8");
+    }
+
+    const encoding = String(contentEncoding).toLowerCase();
+    if (encoding.includes("gzip")) {
+      return zlib.gunzipSync(rawBuffer).toString("utf-8");
+    }
+    if (encoding.includes("br")) {
+      return zlib.brotliDecompressSync(rawBuffer).toString("utf-8");
+    }
+    if (encoding.includes("deflate")) {
+      return zlib.inflateSync(rawBuffer).toString("utf-8");
+    }
+
+    return rawBuffer.toString("utf-8");
+  } catch (error) {
+    err(`[token-swap] failed to decode upstream body (${contentEncoding || "identity"}): ${error.message}`);
+    return "";
+  }
+}
+
+async function persistUsage(entry) {
+  const response = await fetch(INTERNAL_USAGE_URL, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      [INTERNAL_REQUEST_HEADER.name]: INTERNAL_REQUEST_HEADER.value
+    },
+    body: JSON.stringify(entry)
+  });
+
+  if (!response.ok) {
+    const text = await response.text().catch(() => "");
+    throw new Error(`usage persistence failed: ${response.status} ${text}`.trim());
+  }
+}
+
+async function persistRequestDetail(entry) {
+  const response = await fetch(INTERNAL_REQUEST_DETAIL_URL, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      [INTERNAL_REQUEST_HEADER.name]: INTERNAL_REQUEST_HEADER.value
+    },
+    body: JSON.stringify(entry)
+  });
+
+  if (!response.ok) {
+    const text = await response.text().catch(() => "");
+    throw new Error(`request detail persistence failed: ${response.status} ${text}`.trim());
+  }
+}
+
+function generateDetailId(model) {
+  const timestamp = new Date().toISOString();
+  const random = Math.random().toString(36).slice(2, 8);
+  const modelPart = model ? String(model).replace(/[^a-zA-Z0-9-]/g, "-") : "unknown";
+  return `${timestamp}-${random}-${modelPart}`;
+}
+
+function extractText(instruction) {
+  if (typeof instruction === "string") return instruction;
+  if (instruction?.parts && Array.isArray(instruction.parts)) {
+    return instruction.parts.map((part) => part?.text || "").join("");
+  }
+  return "";
+}
+
+function convertAntigravityContent(content) {
+  const role = content?.role === "model" ? "assistant" : content?.role === "user" ? "user" : content?.role;
+  if (!role || !Array.isArray(content?.parts)) return null;
+
+  const textParts = [];
+  const toolCalls = [];
+  const toolResults = [];
+  let reasoningContent = "";
+
+  for (const part of content.parts) {
+    if (part?.thought === true && part?.text) {
+      reasoningContent += part.text;
+      continue;
+    }
+
+    if (part?.thoughtSignature && part?.text !== undefined) {
+      textParts.push({ type: "text", text: part.text });
+      continue;
+    }
+
+    if (part?.text !== undefined) {
+      textParts.push({ type: "text", text: part.text });
+    }
+
+    if (part?.inlineData) {
+      textParts.push({
+        type: "image_url",
+        image_url: {
+          url: `data:${part.inlineData.mimeType};base64,${part.inlineData.data}`
+        }
+      });
+    }
+
+    if (part?.functionCall) {
+      toolCalls.push({
+        id: part.functionCall.id || `call_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`,
+        type: "function",
+        function: {
+          name: part.functionCall.name,
+          arguments: JSON.stringify(part.functionCall.args || {})
+        }
+      });
+    }
+
+    if (part?.functionResponse) {
+      toolResults.push({
+        role: "tool",
+        tool_call_id: part.functionResponse.id || part.functionResponse.name,
+        content: JSON.stringify(part.functionResponse.response?.result || part.functionResponse.response || {})
+      });
+    }
+  }
+
+  if (toolResults.length > 0) return toolResults;
+
+  if (toolCalls.length > 0) {
+    const message = { role: "assistant", tool_calls: toolCalls };
+    if (textParts.length > 0) {
+      message.content = textParts.length === 1 && textParts[0].type === "text" ? textParts[0].text : textParts;
+    }
+    if (reasoningContent) {
+      message.reasoning_content = reasoningContent;
+    }
+    return message;
+  }
+
+  if (textParts.length > 0 || reasoningContent) {
+    const message = { role };
+    if (textParts.length > 0) {
+      message.content = textParts.length === 1 && textParts[0].type === "text" ? textParts[0].text : textParts;
+    }
+    if (reasoningContent) {
+      message.reasoning_content = reasoningContent;
+    }
+    return message;
+  }
+
+  return null;
+}
+
+function convertAntigravityRequest(body) {
+  const req = body?.request || body;
+  const result = {
+    model: body?.model || req?.model,
+    messages: [],
+    stream: true
+  };
+
+  if (req?.systemInstruction) {
+    const systemText = extractText(req.systemInstruction);
+    if (systemText) {
+      result.messages.push({ role: "system", content: systemText });
+    }
+  }
+
+  if (Array.isArray(req?.contents)) {
+    for (const content of req.contents) {
+      const converted = convertAntigravityContent(content);
+      if (!converted) continue;
+      if (Array.isArray(converted)) {
+        result.messages.push(...converted);
+      } else {
+        result.messages.push(converted);
+      }
+    }
+  }
+
+  const generationConfig = req?.generationConfig;
+  if (generationConfig?.temperature !== undefined) result.temperature = generationConfig.temperature;
+  if (generationConfig?.topP !== undefined) result.top_p = generationConfig.topP;
+  if (generationConfig?.topK !== undefined) result.top_k = generationConfig.topK;
+  if (generationConfig?.maxOutputTokens !== undefined) result.max_tokens = generationConfig.maxOutputTokens;
+
+  return result;
+}
+
+function extractRequestConfig(body) {
+  if (!body || typeof body !== "object") return {};
+
+  if (body.request?.contents && Array.isArray(body.request.contents)) {
+    return convertAntigravityRequest(body);
+  }
+
+  const config = { messages: body.messages || [], model: body.model, stream: body.stream !== false };
+  for (const field of OPTIONAL_REQUEST_FIELDS) {
+    if (body[field] !== undefined) config[field] = body[field];
+  }
+  return config;
+}
+
+function buildInputOnlyRequestDetail({ detailId, provider, model, connectionId, bodyBuffer }) {
+  const parsedBody = safeJsonParse(bodyBuffer.toString()) || {};
+
+  return {
+    id: detailId,
+    provider,
+    model: model || parsedBody.model || "unknown",
+    connectionId,
+    status: "input_only",
+    latency: { ttft: 0, total: 0 },
+    tokens: { prompt_tokens: 0, completion_tokens: 0 },
+    request: extractRequestConfig(parsedBody),
+    providerRequest: parsedBody,
+    providerResponse: "[Token swap passthrough - provider response not captured]",
+    response: {
+      content: "[Output not captured in token swap mode]",
+      thinking: null,
+      type: "token_swap_input_only"
+    }
+  };
+}
+
+function createTokenSwapUsageObserver({ provider, model, connectionId, accountLabel, bodyBuffer, contentType, contentEncoding, statusCode, detailRecord, requestStartTime }) {
+  const decoder = new TextDecoder("utf-8", { fatal: false });
+  const isSse = typeof contentType === "string" && contentType.includes("text/event-stream");
+  const isEncoded = Boolean(contentEncoding);
+  const requestBody = safeJsonParse(bodyBuffer.toString());
+  const rawChunks = [];
+
+  let buffer = "";
+  let contentLength = 0;
+  let usage = null;
+  let finished = false;
+
+  const processParsedChunk = (parsed) => {
+    const extracted = extractUsage(parsed);
+    if (extracted) usage = extracted;
+    contentLength += extractContentLength(parsed);
+  };
+
+  const processSseLine = (line) => {
+    const trimmed = line.trim();
+    if (!trimmed.startsWith("data:")) return;
+
+    const payload = trimmed.slice(5).trim();
+    if (!payload || payload === "[DONE]") return;
+
+    const parsed = safeJsonParse(payload);
+    if (parsed) processParsedChunk(parsed);
+  };
+
+  return {
+    onChunk(chunk) {
+      if (finished) return;
+
+      if (isEncoded || !isSse) {
+        rawChunks.push(chunk);
+        return;
+      }
+
+      buffer += decoder.decode(chunk, { stream: true });
+      const lines = buffer.split("\n");
+      buffer = lines.pop() || "";
+
+      for (const line of lines) {
+        processSseLine(line);
+      }
+    },
+
+    async onEnd() {
+      if (finished) return;
+      finished = true;
+
+      if (statusCode < 200 || statusCode >= 300) return;
+
+      if (isEncoded) {
+        const decoded = decodeResponseBody(Buffer.concat(rawChunks), contentEncoding);
+        if (decoded) {
+          if (isSse) {
+            for (const line of decoded.split("\n")) {
+              processSseLine(line);
+            }
+          } else {
+            const parsed = safeJsonParse(decoded);
+            if (parsed) processParsedChunk(parsed);
+          }
+        }
+      } else if (isSse) {
+        const remaining = decoder.decode();
+        if (remaining) buffer += remaining;
+        if (buffer.trim()) processSseLine(buffer);
+      } else if (rawChunks.length > 0) {
+        const parsed = safeJsonParse(Buffer.concat(rawChunks).toString("utf-8"));
+        if (parsed) {
+          processParsedChunk(parsed);
+        }
+      }
+
+      if (!hasValidUsage(usage) && contentLength > 0) {
+        usage = estimateUsage(requestBody, contentLength);
+      }
+
+      if (!hasValidUsage(usage)) return;
+
+      const inTokens = usage.prompt_tokens || usage.input_tokens || 0;
+      const outTokens = usage.completion_tokens || usage.output_tokens || 0;
+      log(`📊 [token-swap] usage "${accountLabel}" in=${inTokens} out=${outTokens}${usage.estimated ? " estimated" : ""}`);
+
+      try {
+        await persistUsage({
+          provider,
+          model,
+          connectionId,
+          tokens: usage,
+          status: `${statusCode} OK`
+        });
+      } catch (error) {
+        err(`[token-swap] ${error.message}`);
+      }
+
+      if (!detailRecord?.id) return;
+
+      try {
+        await persistRequestDetail({
+          ...detailRecord,
+          tokens: usage,
+          latency: {
+            ttft: 0,
+            total: requestStartTime ? Date.now() - requestStartTime : 0
+          }
+        });
+      } catch (error) {
+        err(`[token-swap] ${error.message}`);
+      }
+    }
+  };
+}
+
+module.exports = {
+  buildInputOnlyRequestDetail,
+  createTokenSwapUsageObserver,
+  generateDetailId,
+};

package/.next/standalone/tests/unit/tokenPool.test.js

@@ -8,7 +8,7 @@
  *  - isTokenSwapEnabled
  *  - getNextConnection / round-robin
  *  - getAllActiveConnections
- *  - triggerRefreshIfNeeded (fire-and-forget http call)
+ *  - triggerRefreshIfNeeded (awaits refresh and reloads persisted token)
  */
 
 import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
@@ -376,31 +376,58 @@ describe("triggerRefreshIfNeeded", () => {
     tmp.cleanup();
   });
 
-  it("does not make HTTP request when no expiresAt set", () => {
+  it("does not make HTTP request when no expiresAt set", async () => {
     httpSpy = vi.spyOn(http, "request").mockReturnValue({ on: vi.fn(), end: vi.fn() });
     pool = loadTokenPool(tmp.DATA_DIR);
     const conn = makeConn({ expiresAt: null });
-    pool.triggerRefreshIfNeeded(conn);
+    const result = await pool.triggerRefreshIfNeeded(conn);
     expect(httpSpy).not.toHaveBeenCalled();
+    expect(result).toEqual(conn);
   });
 
-  it("does not make HTTP request when token expires far in future (>5min)", () => {
+  it("does not make HTTP request when token expires far in future (>5min)", async () => {
     httpSpy = vi.spyOn(http, "request").mockReturnValue({ on: vi.fn(), end: vi.fn() });
     pool = loadTokenPool(tmp.DATA_DIR);
     const futureDate = new Date(Date.now() + 10 * 60_000).toISOString(); // 10 min
-    const conn = makeConn({ expiresAt: futureDate });
-    pool.triggerRefreshIfNeeded(conn);
+    const conn = makeConn({ expiresAt: futureDate, refreshToken: "reftok" });
+    const result = await pool.triggerRefreshIfNeeded(conn);
     expect(httpSpy).not.toHaveBeenCalled();
+    expect(result).toEqual(conn);
   });
 
-  it("fires HTTP request when token expires within 5min (near expiry)", () => {
-    const mockReq = { on: vi.fn(), end: vi.fn() };
+  it("does not make HTTP request when no refreshToken exists", async () => {
+    httpSpy = vi.spyOn(http, "request").mockReturnValue({ on: vi.fn(), end: vi.fn() });
+    pool = loadTokenPool(tmp.DATA_DIR);
+    const nearExpiry = new Date(Date.now() + 3 * 60_000).toISOString();
+    const conn = makeConn({ expiresAt: nearExpiry, refreshToken: null });
+    const result = await pool.triggerRefreshIfNeeded(conn);
+    expect(httpSpy).not.toHaveBeenCalled();
+    expect(result).toEqual(conn);
+  });
+
+  it("fires HTTP request when token expires within 5min (near expiry)", async () => {
+    const mockRes = {
+      on: vi.fn((event, handler) => {
+        if (event === "end") handler();
+        return mockRes;
+      }),
+    };
+    const mockReq = {
+      on: vi.fn(),
+      end: vi.fn(() => {
+        const db = JSON.parse(fs.readFileSync(tmp.dbPath, "utf-8"));
+        db.providerConnections[0].accessToken = "tok-new";
+        fs.writeFileSync(tmp.dbPath, JSON.stringify(db));
+        httpSpy.mock.calls[0][1](mockRes);
+      }),
+    };
     httpSpy = vi.spyOn(http, "request").mockReturnValue(mockReq);
     pool = loadTokenPool(tmp.DATA_DIR);
 
     const nearExpiry = new Date(Date.now() + 3 * 60_000).toISOString(); // 3 min
-    const conn = makeConn({ id: "refresh-me", expiresAt: nearExpiry });
-    pool.triggerRefreshIfNeeded(conn);
+    const conn = makeConn({ id: "refresh-me", expiresAt: nearExpiry, refreshToken: "reftok" });
+    fs.writeFileSync(tmp.dbPath, JSON.stringify({ providerConnections: [conn] }));
+    const result = await pool.triggerRefreshIfNeeded(conn);
 
     expect(httpSpy).toHaveBeenCalledWith(
       expect.objectContaining({
@@ -410,18 +437,32 @@ describe("triggerRefreshIfNeeded", () => {
       expect.any(Function)
     );
     expect(mockReq.end).toHaveBeenCalled();
+    expect(result.accessToken).toBe("tok-new");
   });
 
-  it("fires HTTP request when token is already expired", () => {
-    const mockReq = { on: vi.fn(), end: vi.fn() };
+  it("fires HTTP request when token is already expired", async () => {
+    const mockRes = {
+      on: vi.fn((event, handler) => {
+        if (event === "end") handler();
+        return mockRes;
+      }),
+    };
+    const mockReq = {
+      on: vi.fn(),
+      end: vi.fn(() => {
+        httpSpy.mock.calls[0][1](mockRes);
+      }),
+    };
     httpSpy = vi.spyOn(http, "request").mockReturnValue(mockReq);
     pool = loadTokenPool(tmp.DATA_DIR);
 
     const pastDate = new Date(Date.now() - 60_000).toISOString(); // 1 min ago
-    const conn = makeConn({ id: "expired-conn", expiresAt: pastDate });
-    pool.triggerRefreshIfNeeded(conn);
+    const conn = makeConn({ id: "expired-conn", expiresAt: pastDate, refreshToken: "reftok" });
+    fs.writeFileSync(tmp.dbPath, JSON.stringify({ providerConnections: [conn] }));
+    const result = await pool.triggerRefreshIfNeeded(conn);
 
     expect(httpSpy).toHaveBeenCalled();
+    expect(result.id).toBe("expired-conn");
   });
 });
 

package/.next/static/chunks/0-rta-yheghf7.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,36380,e=>{"use strict";var t=e.i(43476),s=e.i(71645),a=e.i(18566);e.i(38730);var r=e.i(93509),r=r,n=e.i(74045),n=n,l=e.i(50832),i=e.i(12157),i=i,d=e.i(10092),o=e.i(45101),c=e.i(46333);function x({isOpen:e,onClose:a,title:r,children:n,width:l="md",className:i}){let d={sm:"w-[400px]",md:"w-[500px]",lg:"w-[600px]",xl:"w-[800px]",full:"w-full"};return((0,s.useEffect)(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),(0,s.useEffect)(()=>{let t=t=>{"Escape"===t.key&&e&&a()};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[e,a]),e)?(0,t.jsxs)("div",{className:"fixed inset-0 z-50",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-black/50 backdrop-blur-sm transition-opacity cursor-pointer",onClick:a,"aria-hidden":"true"}),(0,t.jsxs)("div",{className:(0,c.cn)("absolute right-0 top-0 h-full bg-surface shadow-2xl flex flex-col","animate-in slide-in-from-right duration-200","border-l border-black/10 dark:border-white/10",d[l]||d.md,i),children:[(0,t.jsxs)("div",{className:"flex items-center justify-between p-6 border-b border-black/5 dark:border-white/5 flex-shrink-0",children:[(0,t.jsx)("div",{className:"flex items-center gap-3",children:r&&(0,t.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:r})}),(0,t.jsx)("button",{type:"button",onClick:a,className:"p-1.5 rounded-lg text-text-muted hover:bg-black/5 dark:hover:bg-white/5 transition-colors",children:(0,t.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"close"})})]}),(0,t.jsx)("div",{className:"flex-1 overflow-y-auto p-6",children:n})]})]}):null}function m({currentPage:e,pageSize:s,totalItems:a,onPageChange:r,onPageSizeChange:n,className:l}){let i=Math.ceil(a/s),d=a>0?(e-1)*s+1:0,x=Math.min(e*s,a),h=(()=>{let t=[],s=Math.max(1,e-2),a=Math.min(i,s+5-1);a-s+1<5&&(s=Math.max(1,a-5+1));for(let e=s;e<=a;e++)t.push(e);return t})();return(0,t.jsxs)("div",{className:(0,c.cn)("flex flex-col sm:flex-row items-center justify-between gap-4 py-4",l),children:[a>0&&(0,t.jsxs)("div",{className:"text-sm text-text-muted",children:["Showing ",(0,t.jsx)("span",{className:"font-medium text-text-main",children:d})," to"," ",(0,t.jsx)("span",{className:"font-medium text-text-main",children:x})," of"," ",(0,t.jsx)("span",{className:"font-medium text-text-main",children:a})," results"]}),(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[n&&(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"text-sm text-text-muted",children:"Rows:"}),(0,t.jsx)("select",{value:s,onChange:e=>n(Number(e.target.value)),className:(0,c.cn)("h-9 rounded-lg border border-black/10 dark:border-white/10 bg-surface","text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20","cursor-pointer"),children:[10,20,50].map(e=>(0,t.jsx)("option",{value:e,children:e},e))})]}),i>1&&(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[(0,t.jsx)(o.default,{variant:"outline",size:"sm",onClick:()=>r(e-1),disabled:1===e,className:"w-9 px-0",children:(0,t.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"chevron_left"})}),h[0]>1&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.default,{variant:"ghost",size:"sm",onClick:()=>r(1),className:"w-9 px-0",children:"1"}),h[0]>2&&(0,t.jsx)("span",{className:"text-text-muted px-1",children:"..."})]}),h.map(s=>(0,t.jsx)(o.default,{variant:e===s?"primary":"ghost",size:"sm",onClick:()=>r(s),className:"w-9 px-0",children:s},s)),h[h.length-1]<i&&(0,t.jsxs)(t.Fragment,{children:[h[h.length-1]<i-1&&(0,t.jsx)("span",{className:"text-text-muted px-1",children:"..."}),(0,t.jsx)(o.default,{variant:"ghost",size:"sm",onClick:()=>r(i),className:"w-9 px-0",children:i})]}),(0,t.jsx)(o.default,{variant:"outline",size:"sm",onClick:()=>r(e+1),disabled:e===i,className:"w-9 px-0",children:(0,t.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"chevron_right"})})]})]})]})}var h=e.i(85035);let p=null,u=null;async function f(){if(p&&u)return{providerNameCache:p,providerNodesCache:u};let e=await fetch("/api/provider-nodes"),t=(await e.json()).nodes||[];for(let e of(u={},t))u[e.id]=e.name;return{providerNameCache:p={...h.AI_PROVIDERS,...u},providerNodesCache:u}}function b(e,t){if(!e||!t)return e;let s=t[e];if("string"==typeof s)return s;if(s?.name)return s.name;let a=(0,h.getProviderByAlias)(e)||h.AI_PROVIDERS[e];return a?.name||e}function j({title:e,children:a,defaultOpen:r=!1,icon:n=null}){let[l,i]=(0,s.useState)(r);return(0,t.jsxs)("div",{className:"border border-black/5 dark:border-white/5 rounded-lg overflow-hidden",children:[(0,t.jsxs)("button",{type:"button",onClick:()=>i(!l),className:"w-full flex items-center justify-between p-3 bg-black/[0.02] dark:bg-white/[0.02] hover:bg-black/[0.04] dark:hover:bg-white/[0.04] transition-colors",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[n&&(0,t.jsx)("span",{className:"material-symbols-outlined text-[18px] text-text-muted",children:n}),(0,t.jsx)("span",{className:"font-semibold text-sm text-text-main",children:e})]}),(0,t.jsx)("span",{className:(0,c.cn)("material-symbols-outlined text-[20px] text-text-muted transition-transform duration-200",l?"rotate-90":""),children:"chevron_right"})]}),l&&(0,t.jsx)("div",{className:"p-4 border-t border-black/5 dark:border-white/5",children:a})]})}function g(){var e,a;let[r,n]=(0,s.useState)([]),[l,i]=(0,s.useState)({page:1,pageSize:20,totalItems:0,totalPages:0}),[h,p]=(0,s.useState)(!1),[u,g]=(0,s.useState)(null),[v,N]=(0,s.useState)(!1),[k,w]=(0,s.useState)([]),[y,S]=(0,s.useState)(null),[C,D]=(0,s.useState)({provider:"",startDate:"",endDate:""}),R=(0,s.useCallback)(async()=>{try{let e=await fetch("/api/usage/providers"),t=await e.json();w(t.providers||[]);let s=await f();S(s.providerNameCache)}catch(e){console.error("Failed to fetch providers:",e)}},[]),T=(0,s.useCallback)(async()=>{p(!0);try{let e=new URLSearchParams({page:l.page.toString(),pageSize:l.pageSize.toString()});C.provider&&e.append("provider",C.provider),C.startDate&&e.append("startDate",C.startDate),C.endDate&&e.append("endDate",C.endDate);let t=await fetch(`/api/usage/request-details?${e}`),s=await t.json();n(s.details||[]),i(e=>({...e,...s.pagination}))}catch(e){console.error("Failed to fetch request details:",e)}finally{p(!1)}},[l.page,l.pageSize,C]);return(0,s.useEffect)(()=>{R()},[R]),(0,s.useEffect)(()=>{T()},[T]),(0,t.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,t.jsx)(d.default,{padding:"md",children:(0,t.jsxs)("div",{className:"flex flex-wrap gap-4",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsx)("label",{htmlFor:"provider-filter",className:"text-sm font-medium text-text-main",children:"Provider"}),(0,t.jsxs)("select",{id:"provider-filter",value:C.provider,onChange:e=>D({...C,provider:e.target.value}),className:(0,c.cn)("h-9 px-3 rounded-lg border border-black/10 dark:border-white/10 bg-surface","text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20","cursor-pointer min-w-[150px]"),children:[(0,t.jsx)("option",{value:"",children:"All Providers"}),k.map(e=>(0,t.jsx)("option",{value:e.id,children:e.name},e.id))]})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsx)("label",{htmlFor:"start-date-filter",className:"text-sm font-medium text-text-main",children:"Start Date"}),(0,t.jsx)("input",{id:"start-date-filter",type:"datetime-local",value:C.startDate,onChange:e=>D({...C,startDate:e.target.value}),className:(0,c.cn)("h-9 px-3 rounded-lg border border-black/10 dark:border-white/10 bg-surface","text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20")})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsx)("label",{htmlFor:"end-date-filter",className:"text-sm font-medium text-text-main",children:"End Date"}),(0,t.jsx)("input",{id:"end-date-filter",type:"datetime-local",value:C.endDate,onChange:e=>D({...C,endDate:e.target.value}),className:(0,c.cn)("h-9 px-3 rounded-lg border border-black/10 dark:border-white/10 bg-surface","text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20")})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,t.jsx)("span",{className:"text-sm font-medium text-text-main opacity-0","aria-hidden":"true",children:"Clear"}),(0,t.jsx)(o.default,{variant:"ghost",onClick:()=>{D({provider:"",startDate:"",endDate:""})},disabled:!C.provider&&!C.startDate&&!C.endDate,children:"Clear Filters"})]})]})}),(0,t.jsxs)(d.default,{padding:"none",children:[(0,t.jsx)("div",{className:"overflow-x-auto",children:(0,t.jsxs)("table",{className:"w-full",children:[(0,t.jsx)("thead",{children:(0,t.jsxs)("tr",{className:"border-b border-black/5 dark:border-white/5",children:[(0,t.jsx)("th",{className:"text-left p-4 text-sm font-semibold text-text-main",children:"Timestamp"}),(0,t.jsx)("th",{className:"text-left p-4 text-sm font-semibold text-text-main",children:"Model"}),(0,t.jsx)("th",{className:"text-left p-4 text-sm font-semibold text-text-main",children:"Provider"}),(0,t.jsx)("th",{className:"text-right p-4 text-sm font-semibold text-text-main",children:"Input Tokens"}),(0,t.jsx)("th",{className:"text-right p-4 text-sm font-semibold text-text-main",children:"Output Tokens"}),(0,t.jsx)("th",{className:"text-left p-4 text-sm font-semibold text-text-main",children:"Latency"}),(0,t.jsx)("th",{className:"text-center p-4 text-sm font-semibold text-text-main",children:"Action"})]})}),(0,t.jsx)("tbody",{children:h?(0,t.jsx)("tr",{children:(0,t.jsx)("td",{colSpan:"7",className:"p-8 text-center text-text-muted",children:(0,t.jsxs)("div",{className:"flex items-center justify-center gap-2",children:[(0,t.jsx)("span",{className:"material-symbols-outlined animate-spin text-[20px]",children:"progress_activity"}),"Loading..."]})})}):0===r.length?(0,t.jsx)("tr",{children:(0,t.jsx)("td",{colSpan:"7",className:"p-8 text-center text-text-muted",children:"No request details found"})}):r.map((e,s)=>(0,t.jsxs)("tr",{className:"border-b border-black/5 dark:border-white/5 last:border-b-0 hover:bg-black/[0.02] dark:hover:bg-white/[0.02] transition-colors",children:[(0,t.jsx)("td",{className:"p-4 text-sm text-text-main",children:new Date(e.timestamp).toLocaleString()}),(0,t.jsx)("td",{className:"p-4 text-sm text-text-main font-mono",children:e.model}),(0,t.jsx)("td",{className:"p-4 text-sm text-text-main",children:(0,t.jsx)("span",{className:"font-medium",children:b(e.provider,y)})}),(0,t.jsx)("td",{className:"p-4 text-sm text-text-main text-right font-mono",children:e.tokens?.prompt_tokens?.toLocaleString()||0}),(0,t.jsx)("td",{className:"p-4 text-sm text-text-main text-right font-mono",children:e.tokens?.completion_tokens?.toLocaleString()||0}),(0,t.jsx)("td",{className:"p-4 text-sm text-text-muted",children:(0,t.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,t.jsxs)("div",{children:["TTFT: ",(0,t.jsxs)("span",{className:"font-mono",children:[e.latency?.ttft||0,"ms"]})]}),(0,t.jsxs)("div",{children:["Total: ",(0,t.jsxs)("span",{className:"font-mono",children:[e.latency?.total||0,"ms"]})]})]})}),(0,t.jsx)("td",{className:"p-4 text-center",children:(0,t.jsx)(o.default,{variant:"outline",size:"sm",onClick:()=>{g(e),N(!0)},children:"Detail"})})]},`${e.id}-${s}`))})]})}),!h&&r.length>0&&(0,t.jsx)("div",{className:"border-t border-black/5 dark:border-white/5",children:(0,t.jsx)(m,{currentPage:l.page,pageSize:l.pageSize,totalItems:l.totalItems,onPageChange:e=>{i(t=>({...t,page:e}))},onPageSizeChange:e=>{i(t=>({...t,pageSize:e,page:1}))}})})]}),(0,t.jsx)(x,{isOpen:v,onClose:()=>N(!1),title:"Request Details",width:"lg",children:u&&(0,t.jsxs)("div",{className:"space-y-6",children:[(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-4 text-sm",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-text-muted",children:"ID:"})," ",(0,t.jsx)("span",{className:"text-text-main font-mono",children:u.id})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-text-muted",children:"Timestamp:"})," ",(0,t.jsx)("span",{className:"text-text-main",children:new Date(u.timestamp).toLocaleString()})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-text-muted",children:"Provider:"})," ",(0,t.jsx)("span",{className:"text-text-main font-medium",children:b(u.provider,y)})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-text-muted",children:"Model:"})," ",(0,t.jsx)("span",{className:"text-text-main font-mono",children:u.model})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-text-muted",children:"Status:"})," ",(0,t.jsx)("span",{className:(0,c.cn)("font-medium","success"===(e=u.status)?"text-green-600":"input_only"===e||"partial"===e?"text-amber-600":"text-red-600"),children:"input_only"===(a=u.status)?"input only":a})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-text-muted",children:"Latency:"})," ",(0,t.jsxs)("span",{className:"text-text-main font-mono",children:["TTFT ",u.latency?.ttft||0,"ms / Total ",u.latency?.total||0,"ms"]})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-text-muted",children:"Input Tokens:"})," ",(0,t.jsx)("span",{className:"text-text-main font-mono",children:u.tokens?.prompt_tokens?.toLocaleString()||0})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-text-muted",children:"Output Tokens:"})," ",(0,t.jsx)("span",{className:"text-text-main font-mono",children:u.tokens?.completion_tokens?.toLocaleString()||0})]})]}),(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsx)(j,{title:"1. Client Request (Input)",defaultOpen:!0,icon:"input",children:(0,t.jsx)("pre",{className:"bg-black/5 dark:bg-white/5 p-4 rounded-lg overflow-auto max-h-[300px] text-xs font-mono text-text-main border border-black/5 dark:border-white/5",children:JSON.stringify(u.request,null,2)})}),u.providerRequest&&(0,t.jsx)(j,{title:"2. Provider Request (Translated)",icon:"translate",children:(0,t.jsx)("pre",{className:"bg-black/5 dark:bg-white/5 p-4 rounded-lg overflow-auto max-h-[300px] text-xs font-mono text-text-main border border-black/5 dark:border-white/5",children:JSON.stringify(u.providerRequest,null,2)})}),u.providerResponse&&(0,t.jsx)(j,{title:"3. Provider Response (Raw)",icon:"data_object",children:(0,t.jsx)("pre",{className:"bg-black/5 dark:bg-white/5 p-4 rounded-lg overflow-auto max-h-[300px] text-xs font-mono text-text-main border border-black/5 dark:border-white/5",children:"object"==typeof u.providerResponse?JSON.stringify(u.providerResponse,null,2):u.providerResponse})}),(0,t.jsxs)(j,{title:"4. Client Response (Final)",defaultOpen:!0,icon:"output",children:[u.response?.thinking&&(0,t.jsxs)("div",{className:"mb-4",children:[(0,t.jsxs)("h4",{className:"font-semibold text-text-main mb-2 flex items-center gap-2 text-xs uppercase tracking-wide opacity-70",children:[(0,t.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"psychology"}),"Thinking Process"]}),(0,t.jsx)("pre",{className:"bg-amber-50 dark:bg-amber-950/30 p-4 rounded-lg overflow-auto max-h-[200px] text-xs font-mono text-amber-900 dark:text-amber-100 border border-amber-200 dark:border-amber-800",children:u.response.thinking})]}),(0,t.jsx)("h4",{className:"font-semibold text-text-main mb-2 text-xs uppercase tracking-wide opacity-70",children:"Content"}),(0,t.jsx)("pre",{className:"bg-black/5 dark:bg-white/5 p-4 rounded-lg overflow-auto max-h-[300px] text-xs font-mono text-text-main border border-black/5 dark:border-white/5",children:u.response?.content||"[No content]"})]})]})]})})]})}function v(){let e=(0,a.useSearchParams)(),d=(0,a.useRouter)(),[o,c]=(0,s.useState)(!1),x=e.get("tab"),m=x&&["overview","logs","details"].includes(x)?x:"overview";return(0,t.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,t.jsx)(i.default,{options:[{value:"overview",label:"Overview"},{value:"details",label:"Details"}],value:m,onChange:t=>{if(t===m)return;c(!0);let s=new URLSearchParams(e);s.set("tab",t),d.push(`/dashboard/usage?${s.toString()}`,{scroll:!1}),setTimeout(()=>c(!1),300)}}),o?(0,t.jsx)(l.CardSkeleton,{}):(0,t.jsxs)(t.Fragment,{children:["overview"===m&&(0,t.jsx)(s.Suspense,{fallback:(0,t.jsx)(l.CardSkeleton,{}),children:(0,t.jsx)(r.default,{})}),"logs"===m&&(0,t.jsx)(n.default,{}),"details"===m&&(0,t.jsx)(g,{})]})]})}e.s(["default",0,function(){return(0,t.jsx)(s.Suspense,{fallback:(0,t.jsx)(l.CardSkeleton,{}),children:(0,t.jsx)(v,{})})}],36380)}]);