@thangnm.nip/irouter 0.0.12 → 0.0.13

package/hooks/postinstall.js

@@ -4,9 +4,9 @@
  * Postinstall hook for 9router CLI
  *
  * The standalone Next.js build ships a pre-compiled better-sqlite3 binary
- * (built on macOS during CI). When installed on a different platform (Linux),
- * the binary is invalid. This hook detects the mismatch and installs
- * better-sqlite3 fresh from npm so it compiles for the target platform.
+ * (built on the publisher's machine). When installed on a different platform,
+ * the binary is invalid. This hook detects the mismatch and forces a
+ * fresh install of better-sqlite3 from npm registry.
  */
 
 const { execSync } = require("child_process");
@@ -14,92 +14,82 @@ const fs = require("fs");
 const path = require("path");
 
 const appDir = path.join(__dirname, "..", "app");
-const betterSqlitePath = path.join(appDir, "node_modules", "better-sqlite3");
+const nodeModulesDir = path.join(appDir, "node_modules");
+const betterSqlitePath = path.join(nodeModulesDir, "better-sqlite3");
 
-// Check if better-sqlite3 exists
-if (!fs.existsSync(betterSqlitePath)) {
-  console.log("[postinstall] better-sqlite3 not found in app/, installing...");
-  installFresh();
-  process.exit(0);
-}
+console.log("[postinstall] Checking better-sqlite3 native binary...");
+console.log("[postinstall] Platform:", process.platform, process.arch);
+console.log("[postinstall] App dir:", appDir);
 
-// Check if native binary is valid for current platform
-if (isValidBinary()) {
-  console.log("[postinstall] better-sqlite3 binary is valid for this platform ✓");
+// Check if better-sqlite3 exists and binary is valid
+if (fs.existsSync(betterSqlitePath) && isValidBinary()) {
+  console.log("[postinstall] better-sqlite3 binary is valid ✓");
   process.exit(0);
 }
 
-console.log("[postinstall] better-sqlite3 binary is not valid for this platform, reinstalling...");
+// Need to install/reinstall
+console.log("[postinstall] Binary invalid or missing, reinstalling better-sqlite3...");
 
-// Check if binding.gyp exists (needed for rebuild)
-const bindingGyp = path.join(betterSqlitePath, "binding.gyp");
-if (fs.existsSync(bindingGyp)) {
-  // Has source files — try rebuild first (faster)
-  console.log("[postinstall] Attempting rebuild...");
-  try {
-    execSync("npm rebuild better-sqlite3 --build-from-source", {
-      cwd: appDir,
-      stdio: "inherit",
-      timeout: 120000,
-    });
-    if (isValidBinary()) {
-      console.log("[postinstall] Rebuild successful ✓");
-      process.exit(0);
-    }
-  } catch (e) {
-    console.log("[postinstall] Rebuild failed, will install fresh...");
+// Get version from existing package or fallback
+let version = "^12.6.2";
+try {
+  const pkg = JSON.parse(
+    fs.readFileSync(path.join(betterSqlitePath, "package.json"), "utf-8")
+  );
+  version = pkg.version;
+} catch {}
+
+// Strategy: remove old, install fresh in app/node_modules
+try {
+  // 1. Remove broken copy
+  if (fs.existsSync(betterSqlitePath)) {
+    console.log("[postinstall] Removing old better-sqlite3...");
+    fs.rmSync(betterSqlitePath, { recursive: true, force: true });
   }
-}
-
-// No binding.gyp or rebuild failed — install fresh
-installFresh();
 
-// ─── Helpers ────────────────────────────────────────────────────────────────
-
-function installFresh() {
-  try {
-    // Read version from existing package if possible
-    let version = "";
-    try {
-      const pkg = JSON.parse(
-        fs.readFileSync(path.join(betterSqlitePath, "package.json"), "utf-8")
-      );
-      version = `@${pkg.version}`;
-    } catch {
-      version = "@^12.6.2"; // fallback
-    }
-
-    // Remove the broken copy
-    if (fs.existsSync(betterSqlitePath)) {
-      fs.rmSync(betterSqlitePath, { recursive: true, force: true });
-    }
+  // 2. Install fresh - use --prefix to ensure it installs in app dir
+  console.log(`[postinstall] Installing better-sqlite3@${version}...`);
+  
+  // Ensure node_modules exists
+  if (!fs.existsSync(nodeModulesDir)) {
+    fs.mkdirSync(nodeModulesDir, { recursive: true });
+  }
 
-    console.log(`[postinstall] Installing better-sqlite3${version} from npm...`);
-    execSync(`npm install better-sqlite3${version} --no-save --build-from-source`, {
-      cwd: appDir,
+  // Use --prefix to target app directory explicitly
+  execSync(
+    `npm install better-sqlite3@${version} --prefix "${appDir}" --no-save --no-package-lock`,
+    {
       stdio: "inherit",
       timeout: 180000,
-    });
-
-    if (isValidBinary()) {
-      console.log("[postinstall] better-sqlite3 installed successfully ✓");
-    } else {
-      console.warn("[postinstall] ⚠ Binary still invalid after fresh install");
-      console.warn("[postinstall] Make sure build tools are installed: python3, make, gcc/g++");
+      env: { ...process.env, npm_config_loglevel: "warn" },
     }
-  } catch (error) {
-    console.warn("[postinstall] ⚠ Failed to install better-sqlite3");
-    console.warn("[postinstall] Make sure build tools are installed: python3, make, gcc/g++");
-    console.warn("[postinstall] Error:", error.message);
+  );
+
+  // 3. Verify
+  if (isValidBinary()) {
+    console.log("[postinstall] better-sqlite3 installed successfully ✓");
+  } else {
+    console.warn("[postinstall] ⚠ Binary still invalid after install");
+    printBuildToolsHelp();
   }
+} catch (error) {
+  console.warn("[postinstall] ⚠ Failed to install better-sqlite3:", error.message);
+  printBuildToolsHelp();
+  // Don't fail the entire install
+  process.exit(0);
 }
 
+// ─── Helpers ────────────────────────────────────────────────────────────────
+
 function isValidBinary() {
   const binaryPath = path.join(
     betterSqlitePath, "build", "Release", "better_sqlite3.node"
   );
 
-  if (!fs.existsSync(binaryPath)) return false;
+  if (!fs.existsSync(binaryPath)) {
+    console.log("[postinstall] Binary not found at:", binaryPath);
+    return false;
+  }
 
   try {
     const fd = fs.openSync(binaryPath, "r");
@@ -108,17 +98,28 @@ function isValidBinary() {
     fs.closeSync(fd);
 
     const magic = buffer.toString("hex");
-
-    // ELF (Linux): 7f454c46
-    // Mach-O (macOS): cffaedfe or cefaedfe
-    // PE (Windows): 4d5a (MZ)
     const platform = process.platform;
-    if (platform === "linux") return magic.startsWith("7f454c46");
-    if (platform === "darwin") return magic.startsWith("cffaedfe") || magic.startsWith("cefaedfe");
-    if (platform === "win32") return magic.startsWith("4d5a");
 
-    return false;
-  } catch {
+    const valid =
+      (platform === "linux" && magic.startsWith("7f454c46")) ||
+      (platform === "darwin" && (magic.startsWith("cffaedfe") || magic.startsWith("cefaedfe"))) ||
+      (platform === "win32" && magic.startsWith("4d5a"));
+
+    if (!valid) {
+      console.log(`[postinstall] Binary format mismatch: got ${magic}, platform=${platform}`);
+    }
+    return valid;
+  } catch (err) {
+    console.log("[postinstall] Cannot read binary:", err.message);
     return false;
   }
 }
+
+function printBuildToolsHelp() {
+  console.warn("[postinstall] Ensure build tools are installed:");
+  console.warn("[postinstall]   Ubuntu/Debian: apt install -y python3 make gcc g++");
+  console.warn("[postinstall]   CentOS/RHEL:   yum install -y python3 make gcc gcc-c++");
+  console.warn("[postinstall]   macOS:         xcode-select --install");
+  console.warn("[postinstall] Then run manually:");
+  console.warn(`[postinstall]   cd ${appDir} && rm -rf node_modules/better-sqlite3 && npm install better-sqlite3@${version || "latest"} --no-save`);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thangnm.nip/irouter",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "9Router CLI - Start and manage 9Router server",
   "bin": {
     "irouter": "./cli.js"

package/app/.next/server/chunks/5708.js

@@ -1 +0,0 @@
-exports.id=5708,exports.ids=[5708],exports.modules={2422:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/UsageStats.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/UsageStats.js","default")},3080:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/OAuthModal.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/OAuthModal.js","default")},7290:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Card.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Card.js","default")},10079:(a,b,c)=>{"use strict";c.d(b,{ConfirmModal:()=>f,default:()=>e});var d=c(77943);let e=(0,d.registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Modal.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Modal.js","default"),f=(0,d.registerClientReference)(function(){throw Error("Attempted to call ConfirmModal() from the server but ConfirmModal is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Modal.js","ConfirmModal")},14285:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/KiroOAuthWrapper.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/KiroOAuthWrapper.js","default")},18421:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Tooltip.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Tooltip.js","default")},19083:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/RequestLogger.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/RequestLogger.js","default")},26866:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Sidebar.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Sidebar.js","default")},30508:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>f});var d=c(5735);c(45512),c(71230),c(83784),c(7290),c(10079),c(92082),c(70061),c(33893),c(70092),c(40515),c(89886),c(26866),c(92669),c(49123),c(3080),c(94582),c(70603),c(2422),c(45205),c(19083),c(82448),c(14285),c(87228),c(40167),c(80342),c(54065),c(18421);var e=c(61780);function f({children:a}){return(0,d.jsx)(e.default,{children:a})}c(64420)},33893:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Badge.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Badge.js","default")},40167:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/CursorAuthModal.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/CursorAuthModal.js","default")},40515:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/ThemeToggle.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/ThemeToggle.js","default")},45205:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/LanguageSwitcher.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/LanguageSwitcher.js","default")},45512:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Button.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Button.js","default")},49123:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Footer.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Footer.js","default")},54065:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/SegmentedControl.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/SegmentedControl.js","default")},61780:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/layouts/DashboardLayout.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/layouts/DashboardLayout.js","default")},64420:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/layouts/AuthLayout.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/layouts/AuthLayout.js","default")},70061:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Avatar.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Avatar.js","default")},70092:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Toggle.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Toggle.js","default")},70603:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/ManualConfigModal.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/ManualConfigModal.js","default")},71230:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Input.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Input.js","default")},79921:(a,b,c)=>{Promise.resolve().then(c.bind(c,25919)),Promise.resolve().then(c.bind(c,75171)),Promise.resolve().then(c.bind(c,99070)),Promise.resolve().then(c.bind(c,17660)),Promise.resolve().then(c.bind(c,51109)),Promise.resolve().then(c.bind(c,48781)),Promise.resolve().then(c.bind(c,86739)),Promise.resolve().then(c.bind(c,79488)),Promise.resolve().then(c.bind(c,83552)),Promise.resolve().then(c.bind(c,86209)),Promise.resolve().then(c.bind(c,5291)),Promise.resolve().then(c.bind(c,56110)),Promise.resolve().then(c.bind(c,267)),Promise.resolve().then(c.bind(c,53838)),Promise.resolve().then(c.bind(c,85306)),Promise.resolve().then(c.bind(c,74812)),Promise.resolve().then(c.bind(c,39645)),Promise.resolve().then(c.bind(c,95145)),Promise.resolve().then(c.bind(c,83352)),Promise.resolve().then(c.bind(c,79346)),Promise.resolve().then(c.bind(c,91809)),Promise.resolve().then(c.bind(c,91099)),Promise.resolve().then(c.bind(c,4770)),Promise.resolve().then(c.bind(c,42196)),Promise.resolve().then(c.bind(c,19308)),Promise.resolve().then(c.bind(c,53845)),Promise.resolve().then(c.bind(c,95514)),Promise.resolve().then(c.bind(c,32971)),Promise.resolve().then(c.bind(c,42507))},80342:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/IFlowCookieModal.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/IFlowCookieModal.js","default")},80593:(a,b,c)=>{Promise.resolve().then(c.bind(c,70061)),Promise.resolve().then(c.bind(c,33893)),Promise.resolve().then(c.bind(c,45512)),Promise.resolve().then(c.bind(c,7290)),Promise.resolve().then(c.bind(c,40167)),Promise.resolve().then(c.bind(c,49123)),Promise.resolve().then(c.bind(c,92669)),Promise.resolve().then(c.bind(c,80342)),Promise.resolve().then(c.bind(c,71230)),Promise.resolve().then(c.bind(c,82448)),Promise.resolve().then(c.bind(c,14285)),Promise.resolve().then(c.bind(c,87228)),Promise.resolve().then(c.bind(c,45205)),Promise.resolve().then(c.bind(c,64420)),Promise.resolve().then(c.bind(c,61780)),Promise.resolve().then(c.bind(c,92082)),Promise.resolve().then(c.bind(c,70603)),Promise.resolve().then(c.bind(c,10079)),Promise.resolve().then(c.bind(c,94582)),Promise.resolve().then(c.bind(c,3080)),Promise.resolve().then(c.bind(c,19083)),Promise.resolve().then(c.bind(c,54065)),Promise.resolve().then(c.bind(c,83784)),Promise.resolve().then(c.bind(c,26866)),Promise.resolve().then(c.bind(c,89886)),Promise.resolve().then(c.bind(c,40515)),Promise.resolve().then(c.bind(c,70092)),Promise.resolve().then(c.bind(c,18421)),Promise.resolve().then(c.bind(c,2422))},82448:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/KiroAuthModal.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/KiroAuthModal.js","default")},83784:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Select.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Select.js","default")},87228:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/KiroSocialOAuthModal.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/KiroSocialOAuthModal.js","default")},92082:(a,b,c)=>{"use strict";c.d(b,{CardSkeleton:()=>h,PageLoading:()=>f,Skeleton:()=>g,Spinner:()=>e,default:()=>i});var d=c(77943);let e=(0,d.registerClientReference)(function(){throw Error("Attempted to call Spinner() from the server but Spinner is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Loading.js","Spinner"),f=(0,d.registerClientReference)(function(){throw Error("Attempted to call PageLoading() from the server but PageLoading is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Loading.js","PageLoading"),g=(0,d.registerClientReference)(function(){throw Error("Attempted to call Skeleton() from the server but Skeleton is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Loading.js","Skeleton"),h=(0,d.registerClientReference)(function(){throw Error("Attempted to call CardSkeleton() from the server but CardSkeleton is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Loading.js","CardSkeleton"),i=(0,d.registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Loading.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Loading.js","default")},92669:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Header.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/Header.js","default")},94582:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/ModelSelectModal.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"/Users/nip/Desktop/WORKSPACE/iCheck/iCheck.AI.Workflows/9router/src/shared/components/ModelSelectModal.js","default")}};

package/app/.next/static/chunks/app/(dashboard)/dashboard/employees/[keyId]/page-260c2e244f08d44e.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5184],{29499:(e,t,s)=>{"use strict";s.d(t,{A:()=>n});var a=s(95155),l=s(12115),r=s(31474);function n({isOpen:e,onClose:t,title:s,children:i,width:d="md",className:o}){let c={sm:"w-[400px]",md:"w-[500px]",lg:"w-[600px]",xl:"w-[800px]",full:"w-full"};return((0,l.useEffect)(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),(0,l.useEffect)(()=>{let s=s=>{"Escape"===s.key&&e&&t()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[e,t]),e)?(0,a.jsxs)("div",{className:"fixed inset-0 z-50",children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-black/50 backdrop-blur-sm transition-opacity cursor-pointer",onClick:t,"aria-hidden":"true"}),(0,a.jsxs)("div",{className:(0,r.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",c[d]||c.md,o),children:[(0,a.jsxs)("div",{className:"flex items-center justify-between p-6 border-b border-black/5 dark:border-white/5 flex-shrink-0",children:[(0,a.jsx)("div",{className:"flex items-center gap-3",children:s&&(0,a.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:s})}),(0,a.jsx)("button",{type:"button",onClick:t,className:"p-1.5 rounded-lg text-text-muted hover:bg-black/5 dark:hover:bg-white/5 transition-colors",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"close"})})]}),(0,a.jsx)("div",{className:"flex-1 overflow-y-auto p-6",children:i})]})]}):null}},50378:(e,t,s)=>{"use strict";s.d(t,{A:()=>n});var a=s(95155),l=s(31474),r=s(92542);function n({currentPage:e,pageSize:t,totalItems:s,onPageChange:i,onPageSizeChange:d,className:o}){let c=Math.ceil(s/t),x=s>0?(e-1)*t+1:0,m=Math.min(e*t,s),p=(()=>{let t=[],s=Math.max(1,e-2),a=Math.min(c,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,a.jsxs)("div",{className:(0,l.cn)("flex flex-col sm:flex-row items-center justify-between gap-4 py-4",o),children:[s>0&&(0,a.jsxs)("div",{className:"text-sm text-text-muted",children:["Showing ",(0,a.jsx)("span",{className:"font-medium text-text-main",children:x})," to"," ",(0,a.jsx)("span",{className:"font-medium text-text-main",children:m})," of"," ",(0,a.jsx)("span",{className:"font-medium text-text-main",children:s})," results"]}),(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[d&&(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"text-sm text-text-muted",children:"Rows:"}),(0,a.jsx)("select",{value:t,onChange:e=>d(Number(e.target.value)),className:(0,l.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,a.jsx)("option",{value:e,children:e},e))})]}),c>1&&(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(r.default,{variant:"outline",size:"sm",onClick:()=>i(e-1),disabled:1===e,className:"w-9 px-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"chevron_left"})}),p[0]>1&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r.default,{variant:"ghost",size:"sm",onClick:()=>i(1),className:"w-9 px-0",children:"1"}),p[0]>2&&(0,a.jsx)("span",{className:"text-text-muted px-1",children:"..."})]}),p.map(t=>(0,a.jsx)(r.default,{variant:e===t?"primary":"ghost",size:"sm",onClick:()=>i(t),className:"w-9 px-0",children:t},t)),p[p.length-1]<c&&(0,a.jsxs)(a.Fragment,{children:[p[p.length-1]<c-1&&(0,a.jsx)("span",{className:"text-text-muted px-1",children:"..."}),(0,a.jsx)(r.default,{variant:"ghost",size:"sm",onClick:()=>i(c),className:"w-9 px-0",children:c})]}),(0,a.jsx)(r.default,{variant:"outline",size:"sm",onClick:()=>i(e+1),disabled:e===c,className:"w-9 px-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"chevron_right"})})]})]})]})}},71086:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>O});var a=s(95155),l=s(12115),r=s(73321),n=s(35497),i=s(84588),d=s(56061),o=s(1728),c=s(90639),x=s(28408),m=s(32539),p=s(59656),h=s(58021),u=s(54736);let f=e=>new Intl.NumberFormat().format(e||0),j=e=>`$${(e||0).toFixed(4)}`,g=[{value:"24h",label:"24h"},{value:"7d",label:"7D"},{value:"30d",label:"30D"},{value:"60d",label:"60D"}];function b({keyId:e}){let t,[s,r]=(0,l.useState)(null),[n,N]=(0,l.useState)(!0),[v,y]=(0,l.useState)("7d"),[k,w]=(0,l.useState)([]),[S,C]=(0,l.useState)("tokens"),T=(0,l.useCallback)(async()=>{N(!0);try{let[t,s]=await Promise.all([fetch(`/api/employees/${e}/stats?period=${v}`),fetch(`/api/usage/chart?period=${v}&apiKey=${e}`)]);if(t.ok){let e=await t.json();r(e)}if(s.ok){let e=await s.json();w(e)}}catch(e){console.error("Failed to fetch:",e)}finally{N(!1)}},[e,v]);(0,l.useEffect)(()=>{T()},[T]);let{modelRows:D,providerRows:R}=(0,l.useMemo)(()=>s?{modelRows:Object.entries(s.byModel||{}).map(([e,t])=>({name:e,provider:t.provider||"—",requests:t.requests||0,promptTokens:t.promptTokens||0,completionTokens:t.completionTokens||0,cost:t.cost||0})).sort((e,t)=>t.cost-e.cost),providerRows:Object.entries(s.byProvider||{}).map(([e,t])=>({name:e,requests:t.requests||0,promptTokens:t.promptTokens||0,completionTokens:t.completionTokens||0,cost:t.cost||0})).sort((e,t)=>t.cost-e.cost)}:{modelRows:[],providerRows:[]},[s]);if(n)return(0,a.jsx)("div",{className:"flex items-center justify-center py-12 text-text-muted",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[32px] animate-spin",children:"progress_activity"})});if(!s?.employee)return(0,a.jsx)("div",{className:"text-text-muted text-center py-12",children:"Employee not found."});let{employee:q,stats:$}=s;return(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsxs)(i.default,{className:"p-4 flex items-center gap-4 flex-wrap",children:[(0,a.jsx)("div",{className:"flex items-center justify-center size-12 rounded-full bg-primary/10 text-primary shrink-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[24px]",children:"person"})}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("h2",{className:"text-xl font-bold truncate",children:q.name||"Unnamed"}),(0,a.jsxs)("div",{className:"flex items-center gap-3 mt-1 flex-wrap",children:[(0,a.jsx)("code",{className:"text-xs bg-bg-subtle px-2 py-0.5 rounded",children:q.apiKey}),(0,a.jsx)(d.default,{variant:q.isActive?"success":"error",size:"sm",children:q.isActive?"Active":"Inactive"}),(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:["Created ",q.createdAt?new Date(q.createdAt).toLocaleDateString():"Unknown"]}),$?.lastActive&&(t=(Date.now()-new Date($.lastActive))/6e4,(0,a.jsxs)("span",{className:"text-xs flex items-center gap-1",children:[(0,a.jsx)("span",{className:`inline-block size-1.5 rounded-full ${t<1?"bg-green-500":t<=60?"bg-blue-400":"bg-red-500"} ${t<=60?"animate-pulse":""}`}),(0,a.jsx)("span",{className:"text-text-muted",children:"Last Active:"}),(0,a.jsx)("span",{className:`font-semibold ${t<1?"text-green-500":t<=60?"text-blue-400":"text-red-400"}`,children:(e=>{if(!e)return"Unknown";let t=new Date,s=new Date(e),a=Math.floor((t-s)/1e3),l=Math.floor(a/60),r=Math.floor(l/60),n=Math.floor(r/24);return a<60?"JUST NOW":l<60?`${l} min ago`:r<24?`${r} hour${r>1?"s":""} ago`:1===n?"Yesterday":n<7?`${n} days ago`:s.toLocaleDateString()})($.lastActive)})]}))]})]})]}),(0,a.jsx)("div",{className:"flex items-center gap-2 self-end",children:(0,a.jsx)("div",{className:"flex items-center gap-1 bg-bg-subtle rounded-lg p-1 border border-border",children:g.map(e=>(0,a.jsx)("button",{onClick:()=>y(e.value),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${v===e.value?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:e.label},e.value))})}),(0,a.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[(0,a.jsxs)(i.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Requests"}),(0,a.jsx)("span",{className:"text-2xl font-bold",children:f($.totalRequests)})]}),(0,a.jsxs)(i.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Input Tokens"}),(0,a.jsx)("span",{className:"text-2xl font-bold text-primary",children:f($.totalPromptTokens)})]}),(0,a.jsxs)(i.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Output Tokens"}),(0,a.jsx)("span",{className:"text-2xl font-bold text-success",children:f($.totalCompletionTokens)})]}),(0,a.jsxs)(i.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Est. Cost"}),(0,a.jsxs)("span",{className:"text-2xl font-bold text-warning",children:["~",j($.totalCost)]})]})]}),k.length>0&&(0,a.jsxs)(i.default,{className:"p-4 flex flex-col gap-3",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("h3",{className:"font-semibold text-sm text-text-muted uppercase",children:"Usage Trend"}),(0,a.jsxs)("div",{className:"flex items-center gap-1 bg-bg-subtle rounded-lg p-1 border border-border",children:[(0,a.jsx)("button",{onClick:()=>C("tokens"),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${"tokens"===S?"bg-primary text-white shadow-sm":"text-text-muted"}`,children:"Tokens"}),(0,a.jsx)("button",{onClick:()=>C("cost"),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${"cost"===S?"bg-primary text-white shadow-sm":"text-text-muted"}`,children:"Cost"})]})]}),(0,a.jsx)(o.u,{width:"100%",height:220,children:(0,a.jsxs)(c.Q,{data:k,margin:{top:4,right:8,left:0,bottom:0},children:[(0,a.jsx)("defs",{children:(0,a.jsxs)("linearGradient",{id:"empGrad",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,a.jsx)("stop",{offset:"5%",stopColor:"tokens"===S?"#6366f1":"#f59e0b",stopOpacity:.3}),(0,a.jsx)("stop",{offset:"95%",stopColor:"tokens"===S?"#6366f1":"#f59e0b",stopOpacity:0})]})}),(0,a.jsx)(x.d,{strokeDasharray:"3 3",strokeOpacity:.1}),(0,a.jsx)(m.W,{dataKey:"label",tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1}),(0,a.jsx)(p.h,{tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:"cost"===S?e=>`$${e.toFixed(2)}`:e=>e>=1e3?`${(e/1e3).toFixed(0)}K`:e,width:50}),(0,a.jsx)(h.m,{contentStyle:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",fontSize:"12px"},formatter:e=>["cost"===S?`$${e.toFixed(4)}`:f(e),"cost"===S?"Cost":"Tokens"]}),(0,a.jsx)(u.Gk,{type:"monotone",dataKey:S,stroke:"tokens"===S?"#6366f1":"#f59e0b",fill:"url(#empGrad)",strokeWidth:2})]})})]}),D.length>0&&(0,a.jsxs)(i.default,{className:"overflow-hidden",children:[(0,a.jsx)("div",{className:"p-4 border-b border-border bg-bg-subtle/50",children:(0,a.jsx)("h3",{className:"font-semibold text-sm",children:"Usage by Model"})}),(0,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsxs)("table",{className:"w-full text-sm text-left",children:[(0,a.jsx)("thead",{className:"bg-bg-subtle/30 text-text-muted uppercase text-xs",children:(0,a.jsxs)("tr",{children:[(0,a.jsx)("th",{className:"px-6 py-3",children:"Model"}),(0,a.jsx)("th",{className:"px-6 py-3",children:"Provider"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Requests"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Input Tokens"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Output Tokens"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Cost"})]})}),(0,a.jsx)("tbody",{className:"divide-y divide-border",children:D.map(e=>(0,a.jsxs)("tr",{className:"hover:bg-bg-subtle/50 transition-colors",children:[(0,a.jsx)("td",{className:"px-6 py-3 font-medium",children:e.name}),(0,a.jsx)("td",{className:"px-6 py-3 text-text-muted",children:e.provider}),(0,a.jsx)("td",{className:"px-6 py-3 text-right",children:f(e.requests)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-primary",children:f(e.promptTokens)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-success",children:f(e.completionTokens)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right font-medium text-warning",children:j(e.cost)})]},e.name))})]})})]}),R.length>0&&(0,a.jsxs)(i.default,{className:"overflow-hidden",children:[(0,a.jsx)("div",{className:"p-4 border-b border-border bg-bg-subtle/50",children:(0,a.jsx)("h3",{className:"font-semibold text-sm",children:"Usage by Provider"})}),(0,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsxs)("table",{className:"w-full text-sm text-left",children:[(0,a.jsx)("thead",{className:"bg-bg-subtle/30 text-text-muted uppercase text-xs",children:(0,a.jsxs)("tr",{children:[(0,a.jsx)("th",{className:"px-6 py-3",children:"Provider"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Requests"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Input Tokens"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Output Tokens"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Cost"})]})}),(0,a.jsx)("tbody",{className:"divide-y divide-border",children:R.map(e=>(0,a.jsxs)("tr",{className:"hover:bg-bg-subtle/50 transition-colors",children:[(0,a.jsx)("td",{className:"px-6 py-3 font-medium",children:e.name}),(0,a.jsx)("td",{className:"px-6 py-3 text-right",children:f(e.requests)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-primary",children:f(e.promptTokens)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-success",children:f(e.completionTokens)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right font-medium text-warning",children:j(e.cost)})]},e.name))})]})})]})]})}var N=s(92542),v=s(29499),y=s(50378),k=s(31474),w=s(52679);let S=null;async function C(){if(S)return S;try{let e=await fetch("/api/provider-nodes"),t=(await e.json()).nodes||[],s={};for(let e of t)s[e.id]=e.name;S={...w.Q2,...s}}catch{S={...w.Q2}}return S}function T(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,w.zt)(e)||w.Q2[e];return a?.name||e}function D({title:e,children:t,defaultOpen:s=!1,icon:r=null}){let[n,i]=(0,l.useState)(s);return(0,a.jsxs)("div",{className:"border border-black/5 dark:border-white/5 rounded-lg overflow-hidden",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>i(!n),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,a.jsxs)("div",{className:"flex items-center gap-2",children:[r&&(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-text-muted",children:r}),(0,a.jsx)("span",{className:"font-semibold text-sm text-text-main",children:e})]}),(0,a.jsx)("span",{className:(0,k.cn)("material-symbols-outlined text-[20px] text-text-muted transition-transform duration-200",n?"rotate-90":""),children:"chevron_right"})]}),n&&(0,a.jsx)("div",{className:"p-4 border-t border-black/5 dark:border-white/5",children:t})]})}function R({data:e}){return e&&("object"!=typeof e||0!==Object.keys(e).length)?e._truncated?(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)("p",{className:"text-xs text-amber-500 font-medium",children:["⚠️ Content truncated (original: ",e._originalSize?.toLocaleString()," chars)"]}),(0,a.jsx)("pre",{className:"text-xs text-text-muted bg-black/[0.02] dark:bg-white/[0.02] p-3 rounded-lg overflow-auto max-h-[300px] custom-scrollbar font-mono whitespace-pre-wrap",children:e._preview||"—"})]}):(0,a.jsx)("pre",{className:"text-xs text-text-muted bg-black/[0.02] dark:bg-white/[0.02] p-3 rounded-lg overflow-auto max-h-[400px] custom-scrollbar font-mono whitespace-pre-wrap",children:"string"==typeof e?e:JSON.stringify(e,null,2)}):(0,a.jsx)("p",{className:"text-text-muted text-sm italic",children:"No data"})}function q(e){return e||0===e?e<1e3?`${Math.round(e)}ms`:`${(e/1e3).toFixed(2)}s`:"—"}let $=e=>new Intl.NumberFormat().format(e||0);function z({keyId:e}){let[t,s]=(0,l.useState)([]),[r,n]=(0,l.useState)({page:1,pageSize:20,totalItems:0,totalPages:0}),[d,o]=(0,l.useState)(!1),[c,x]=(0,l.useState)(null),[m,p]=(0,l.useState)(!1),[h,u]=(0,l.useState)([]),[f,j]=(0,l.useState)(null),[g,b]=(0,l.useState)({provider:"",startDate:"",endDate:""}),w=(0,l.useCallback)(async()=>{try{let e=await fetch("/api/usage/providers"),t=await e.json();u(t.providers||[]);let s=await C();j(s)}catch(e){console.error("Failed to fetch providers:",e)}},[]),S=(0,l.useCallback)(async()=>{o(!0);try{let t=new URLSearchParams({page:r.page.toString(),pageSize:r.pageSize.toString(),apiKeyId:e});g.provider&&t.append("provider",g.provider),g.startDate&&t.append("startDate",g.startDate),g.endDate&&t.append("endDate",g.endDate);let a=await fetch(`/api/usage/request-details?${t}`);if(a.ok){let e=await a.json();s(e.details||[]),n(t=>({...t,...e.pagination}))}}catch(e){console.error("Failed to fetch request details:",e)}finally{o(!1)}},[e,r.page,r.pageSize,g]);(0,l.useEffect)(()=>{w()},[w]),(0,l.useEffect)(()=>{S()},[S]);let[O,P]=(0,l.useState)(!1),F=async e=>{x(e),p(!0),P(!1)};return(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsx)(i.default,{padding:"md",children:(0,a.jsxs)("div",{className:"flex flex-wrap gap-4",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{htmlFor:"emp-provider-filter",className:"text-sm font-medium text-text-main",children:"Provider"}),(0,a.jsxs)("select",{id:"emp-provider-filter",value:g.provider,onChange:e=>b({...g,provider:e.target.value}),className:(0,k.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,a.jsx)("option",{value:"",children:"All Providers"}),h.map(e=>(0,a.jsx)("option",{value:e.id,children:e.name},e.id))]})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{htmlFor:"emp-start-date",className:"text-sm font-medium text-text-main",children:"Start Date"}),(0,a.jsx)("input",{id:"emp-start-date",type:"datetime-local",value:g.startDate,onChange:e=>b({...g,startDate:e.target.value}),className:(0,k.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,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{htmlFor:"emp-end-date",className:"text-sm font-medium text-text-main",children:"End Date"}),(0,a.jsx)("input",{id:"emp-end-date",type:"datetime-local",value:g.endDate,onChange:e=>b({...g,endDate:e.target.value}),className:(0,k.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,a.jsx)("div",{className:"flex flex-col gap-2 justify-end",children:(0,a.jsx)(N.default,{variant:"outline",size:"sm",onClick:()=>{b({provider:"",startDate:"",endDate:""})},children:"Clear"})})]})}),(0,a.jsxs)(i.default,{className:"overflow-hidden",children:[(0,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsxs)("table",{className:"w-full text-sm text-left",children:[(0,a.jsx)("thead",{className:"bg-bg-subtle/30 text-text-muted uppercase text-xs",children:(0,a.jsxs)("tr",{children:[(0,a.jsx)("th",{className:"px-6 py-3",children:"Timestamp"}),(0,a.jsx)("th",{className:"px-6 py-3",children:"Model"}),(0,a.jsx)("th",{className:"px-6 py-3",children:"Provider"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Input"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Output"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Cost"}),(0,a.jsx)("th",{className:"px-6 py-3 text-center",children:"Status"}),(0,a.jsx)("th",{className:"px-6 py-3 text-center",children:"Detail"})]})}),(0,a.jsx)("tbody",{className:"divide-y divide-border",children:d?(0,a.jsx)("tr",{children:(0,a.jsx)("td",{colSpan:8,className:"px-6 py-8 text-center text-text-muted",children:(0,a.jsx)("span",{className:"material-symbols-outlined animate-spin",children:"progress_activity"})})}):0===t.length?(0,a.jsx)("tr",{children:(0,a.jsx)("td",{colSpan:8,className:"px-6 py-8 text-center text-text-muted",children:"No requests found for this employee."})}):t.map((e,t)=>(0,a.jsxs)("tr",{className:"hover:bg-bg-subtle/50 transition-colors",children:[(0,a.jsx)("td",{className:"px-6 py-3 whitespace-nowrap text-text-muted",children:new Date(e.timestamp).toLocaleString()}),(0,a.jsx)("td",{className:"px-6 py-3 font-medium",children:e.model||"—"}),(0,a.jsx)("td",{className:"px-6 py-3 text-text-muted",children:T(e.provider,f)||"—"}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-primary",children:$(e.tokens?.prompt_tokens||e.promptTokens||0)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-success",children:$(e.tokens?.completion_tokens||e.completionTokens||0)}),(0,a.jsxs)("td",{className:"px-6 py-3 text-right text-warning font-medium",children:["$",(e.cost||0).toFixed(4)]}),(0,a.jsx)("td",{className:"px-6 py-3 text-center",children:(0,a.jsx)("span",{className:(0,k.cn)("inline-flex items-center px-2 py-0.5 rounded text-xs font-medium","success"===e.status||"200"===e.status?"bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400":"error"===e.status||e.status&&e.status.startsWith?.("4")||e.status?.startsWith?.("5")?"bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400":"bg-gray-100 dark:bg-gray-900/30 text-gray-700 dark:text-gray-400"),children:e.status||"—"})}),(0,a.jsx)("td",{className:"px-6 py-3 text-center",children:(0,a.jsx)(N.default,{variant:"ghost",size:"sm",onClick:()=>F(e),children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"visibility"})})})]},`${e.id||e.timestamp}-${t}`))})]})}),r.totalPages>1&&(0,a.jsx)("div",{className:"p-4 border-t border-border",children:(0,a.jsx)(y.A,{page:r.page,totalPages:r.totalPages,totalItems:r.totalItems,pageSize:r.pageSize,onPageChange:e=>{n(t=>({...t,page:e}))},onPageSizeChange:e=>{n(t=>({...t,pageSize:e,page:1}))}})})]}),(0,a.jsx)(v.A,{isOpen:m,onClose:()=>{p(!1),x(null)},title:"Request Detail",width:"xl",children:c&&(0,a.jsxs)("div",{className:"space-y-4 p-4",children:[(0,a.jsxs)("div",{className:"grid grid-cols-2 gap-3 text-sm",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Model:"}),(0,a.jsx)("p",{className:"font-medium",children:c.model||"—"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Provider:"}),(0,a.jsx)("p",{className:"font-medium",children:T(c.provider,f)||"—"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Timestamp:"}),(0,a.jsx)("p",{className:"font-medium",children:new Date(c.timestamp).toLocaleString()})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Status:"}),(0,a.jsx)("p",{className:"font-medium",children:c.status||"—"})]}),c.latency&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"TTFT:"}),(0,a.jsx)("p",{className:"font-medium",children:q(c.latency?.ttft)})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Total Latency:"}),(0,a.jsx)("p",{className:"font-medium",children:q(c.latency?.total)})]})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-2 gap-3 text-sm bg-bg-subtle/50 p-3 rounded-lg",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Input Tokens:"}),(0,a.jsx)("p",{className:"font-bold text-primary",children:$(c.tokens?.prompt_tokens||c.promptTokens||0)})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Output Tokens:"}),(0,a.jsx)("p",{className:"font-bold text-success",children:$(c.tokens?.completion_tokens||c.completionTokens||0)})]})]}),c.request&&Object.keys(c.request).length>0&&(0,a.jsx)(D,{title:"Client Request",icon:"upload",defaultOpen:!0,children:(0,a.jsx)(R,{data:c.request})}),c.providerRequest&&("string"==typeof c.providerRequest?(0,a.jsx)(D,{title:"Provider Request",icon:"send",children:(0,a.jsx)("pre",{className:"text-xs text-text-muted whitespace-pre-wrap",children:c.providerRequest})}):Object.keys(c.providerRequest).length>0&&(0,a.jsx)(D,{title:"Provider Request",icon:"send",children:(0,a.jsx)(R,{data:c.providerRequest})})),c.providerResponse&&("string"==typeof c.providerResponse?(0,a.jsx)(D,{title:"Provider Response",icon:"download",children:(0,a.jsx)("pre",{className:"text-xs text-text-muted whitespace-pre-wrap",children:c.providerResponse})}):Object.keys(c.providerResponse).length>0&&(0,a.jsx)(D,{title:"Provider Response",icon:"download",children:(0,a.jsx)(R,{data:c.providerResponse})})),c.response&&Object.keys(c.response).length>0&&(0,a.jsx)(D,{title:"Client Response",icon:"reply",children:(0,a.jsx)(R,{data:c.response})})]})})]})}function O({params:e}){let t=(0,l.use)(e);return(0,a.jsx)(l.Suspense,{fallback:(0,a.jsx)(n.Qv,{}),children:(0,a.jsx)(P,{keyId:t.keyId})})}function P({keyId:e}){let t=(0,r.useSearchParams)(),s=(0,r.useRouter)(),[i,d]=(0,l.useState)(!1),o=t.get("tab"),c=o&&["overview","requests"].includes(o)?o:"overview";return(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsxs)("button",{onClick:()=>s.push("/dashboard/employees"),className:"flex items-center gap-2 text-text-muted hover:text-text transition-colors text-sm self-start",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"arrow_back"}),"Back to Employees"]}),(0,a.jsx)(n.Iz,{options:[{value:"overview",label:"Overview"},{value:"requests",label:"Request Details"}],value:c,onChange:a=>{if(a===c)return;d(!0);let l=new URLSearchParams(t);l.set("tab",a),s.push(`/dashboard/employees/${e}?${l.toString()}`,{scroll:!1}),setTimeout(()=>d(!1),300)}}),i?(0,a.jsx)(n.Qv,{}):(0,a.jsxs)(a.Fragment,{children:["overview"===c&&(0,a.jsx)(b,{keyId:e}),"requests"===c&&(0,a.jsx)(z,{keyId:e})]})]})}},81107:(e,t,s)=>{Promise.resolve().then(s.bind(s,71086))}},e=>{e.O(0,[2574,3862,6902,2652,5497,8441,3794,7358],()=>e(e.s=81107)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/employees/page-1186beab09df32f8.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7979],{52600:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>_});var a=s(95155),r=s(12115),l=s(73321),o=s(35497),i=s(98500),n=s.n(i),c=s(84588),d=s(56061),x=s(14051),m=s.n(x),u=s(81750),p=s(6793);s(53255);var h=s(52679);function f({data:e}){let{label:t,color:s,imageUrl:l,textIcon:o,active:i}=e,[n,c]=(0,r.useState)(!1);return(0,a.jsxs)("div",{className:"flex items-center gap-2.5 px-4 py-2.5 rounded-lg border-2 transition-all duration-300 bg-bg",style:{borderColor:i?s:"var(--color-border)",boxShadow:i?`0 0 16px ${s}40`:"none",minWidth:"150px"},children:[(0,a.jsx)(u.h7,{type:"target",position:p.yX.Left,id:"left",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)("div",{className:"w-8 h-8 rounded-md flex items-center justify-center shrink-0",style:{backgroundColor:`${s}15`},children:n?(0,a.jsx)("span",{className:"text-sm font-bold",style:{color:s},children:o}):(0,a.jsx)("img",{src:l,alt:t,className:"w-6 h-6 rounded-sm object-contain",onError:()=>c(!0)})}),(0,a.jsx)("span",{className:"text-base font-medium truncate",style:{color:i?s:"var(--color-text)"},children:t}),i&&(0,a.jsxs)("span",{className:"relative flex h-2 w-2 shrink-0",children:[(0,a.jsx)("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",style:{backgroundColor:s}}),(0,a.jsx)("span",{className:"relative inline-flex rounded-full h-2 w-2",style:{backgroundColor:s}})]})]})}function b({data:e}){let{label:t,active:s,color:r="#f59e0b"}=e;return(0,a.jsxs)("div",{className:"flex items-center gap-2 px-4 py-2.5 rounded-lg border-2 transition-all duration-300 bg-bg",style:{borderColor:s?r:"var(--color-border)",boxShadow:s?`0 0 12px ${r}40`:"none",minWidth:"120px"},children:[(0,a.jsx)("div",{className:"w-7 h-7 rounded-md flex items-center justify-center shrink-0",style:{backgroundColor:`${r}15`},children:(0,a.jsx)("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:s?r:"currentColor",style:{color:s?r:void 0},children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"})})}),(0,a.jsx)("span",{className:"text-sm font-medium truncate",style:{color:s?r:"var(--color-text)"},children:t}),s&&(0,a.jsxs)("span",{className:"relative flex h-2 w-2 shrink-0",children:[(0,a.jsx)("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",style:{backgroundColor:r}}),(0,a.jsx)("span",{className:"relative inline-flex rounded-full h-2 w-2",style:{backgroundColor:r}})]}),(0,a.jsx)(u.h7,{type:"source",position:p.yX.Right,id:"right",className:"!bg-transparent !border-0 !w-0 !h-0"})]})}function g({data:e}){return(0,a.jsxs)("div",{className:"flex items-center justify-center px-5 py-3 rounded-xl border-2 border-primary bg-primary/5 shadow-md min-w-[130px]",children:[(0,a.jsx)(u.h7,{type:"target",position:p.yX.Left,id:"left",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)(u.h7,{type:"source",position:p.yX.Right,id:"right",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)("img",{src:"/favicon.svg",alt:"iRouter",className:"w-6 h-6 mr-2"}),(0,a.jsx)("span",{className:"text-sm font-bold text-primary",children:"iRouter"}),e.activeCount>0&&(0,a.jsx)("span",{className:"ml-2 px-1.5 py-0.5 rounded-full bg-primary text-white text-xs font-bold",children:e.activeCount})]})}f.propTypes={data:m().object.isRequired},b.propTypes={data:m().object.isRequired},g.propTypes={data:m().object.isRequired};let y={provider:f,router:g,apikey:b};function v({providers:e=[],apiKeys:t=[],activeRequests:s=[],recentRequests:l=[],lastProvider:o="",errorProvider:i="",activeKeyNames:n=[]}){let c=(0,r.useMemo)(()=>s.map(e=>e.provider?.toLowerCase()).filter(Boolean).sort().join(","),[s]),d=o?.toLowerCase()||"",x=i?.toLowerCase()||"",m=(0,r.useMemo)(()=>new Set(n),[n]),p=(0,r.useMemo)(()=>new Set(c?c.split(","):[]),[c]),f=(0,r.useMemo)(()=>new Set(d?[d]:[]),[d]),b=(0,r.useMemo)(()=>new Set(x?[x]:[]),[x]),g=(0,r.useMemo)(()=>l.map(e=>`${e.keyName||""}:${e.provider||""}`).join(","),[l]),{nodes:j,edges:N,minRequiredWidth:k}=(0,r.useMemo)(()=>(function(e,t,s,a,r,l,o){t=t.filter(e=>!1!==e.isActive);let i=e.length,n=t.length,c=Math.max(160,240-((Math.ceil(n/7)||1)-1)*20),d=[],x=[],m=Date.now()-36e5,u={},p={};for(let e of l){let t=e.keyName||"",s=e.provider?.toLowerCase()||"";t&&s&&(e.timestamp&&new Date(e.timestamp).getTime()<m||(u[t]||(u[t]=new Set),u[t].add(s),p[s]||(p[s]=new Set),p[s].add(t)))}let f=["#6366f1","#22c55e","#f59e0b","#ef4444","#ec4899","#06b6d4","#8b5cf6","#14b8a6"],b={};t.forEach((e,t)=>{b[e.name||e.key?.slice(0,12)]=f[t%f.length]}),d.push({id:"router",type:"router",position:{x:-90,y:-22},data:{activeCount:s.size},draggable:!1});let g=[];for(let e=0;e<n;e+=7)g.push(t.slice(e,e+7));g.reverse();let y=g.length;g.forEach((e,t)=>{let a=-25-c-(y-1-t)*160,r=0-(e.length-1)*80/2;e.forEach((e,t)=>{let l=`apikey-${e.id}`,i=e.name||e.key?.slice(0,12)+"...",n=u[i],c=!!n,m=b[i]||"#6b7280",p=o.size>0?o.has(i):c&&[...n||[]].some(e=>s.has(e));d.push({id:l,type:"apikey",position:{x:a-80,y:r+80*t-20},data:{label:i,active:p,color:m},draggable:!1}),x.push({id:`e-key-${l}`,source:l,sourceHandle:"right",target:"router",targetHandle:"left",animated:p,style:p?{stroke:m,strokeWidth:2.5,opacity:.9}:c?{stroke:m,strokeWidth:2,opacity:.7}:{stroke:"var(--color-border)",strokeWidth:1,opacity:.2}})})});let v=[];for(let t=0;t<i;t+=7)v.push(e.slice(t,t+7));v.forEach((e,t)=>{let l=-25+c+40+160*t,o=0-(e.length-1)*80/2;e.forEach((e,t)=>{var i,n;let c=(i=e.provider,h.Q2[i]||{color:"#6b7280",name:i}),m=s.has(e.provider?.toLowerCase()),u=!m&&a.has(e.provider?.toLowerCase()),f=!m&&r.has(e.provider?.toLowerCase()),g=`provider-${e.provider}`,y=p[e.provider?.toLowerCase()]||new Set,v=y.size>0,j="var(--color-border)",N=1,k=.2,w=!1;f?(j="#ef4444",N=2.5,k=.9):m?(j="#22c55e",N=2.5,k=.9,w=!0):v?(j=b[[...y][0]]||"#6366f1",N=2,k=.7):u&&(j="#f59e0b",N=2,k=.7),d.push({id:g,type:"provider",position:{x:l-90,y:o+80*t-20},data:{label:(c.name!==e.provider?c.name:null)||e.name||e.provider,color:c.color||"#6b7280",imageUrl:(n=e.provider,`/providers/${n}.png`),textIcon:c.textIcon||(e.provider||"?").slice(0,2).toUpperCase(),active:m},draggable:!1}),x.push({id:`e-prov-${g}`,source:"router",sourceHandle:"right",target:g,targetHandle:"left",animated:w,style:{stroke:j,strokeWidth:N,opacity:k}})})});let j=g.length>0?-25-c-(y-1)*160-80:-90;return{nodes:d,edges:x,minRequiredWidth:Math.max(800,(v.length>0?-25+c+40+(v.length-1)*160+90:40)-j+10)}})(e,t,p,f,b,l,m),[e,t,c,d,x,g,m]),w=(0,r.useMemo)(()=>e.map(e=>e.provider).sort().join(",")+"|"+t.map(e=>e.id).sort().join(","),[e,t]),C=(0,r.useRef)(null),S=(0,r.useCallback)(e=>{C.current=e,setTimeout(()=>e.fitView({padding:.03}),50)},[]);return(0,a.jsx)("div",{className:"w-full rounded-lg border border-border bg-bg-subtle/30 overflow-x-auto custom-scrollbar",style:{height:480},children:0===e.length&&0===t.length?(0,a.jsx)("div",{className:"h-full flex items-center justify-center text-text-muted text-sm",children:"No providers or API keys configured"}):(0,a.jsx)("div",{style:{minWidth:k,height:"100%"},children:(0,a.jsx)(u.Gc,{nodes:j,edges:N,nodeTypes:y,fitView:!0,fitViewOptions:{padding:.03},onInit:S,minZoom:.3,proOptions:{hideAttribution:!0},panOnDrag:!1,zoomOnScroll:!1,zoomOnPinch:!1,zoomOnDoubleClick:!1,preventScrolling:!1,nodesDraggable:!1,nodesConnectable:!1,elementsSelectable:!1},w)})})}v.propTypes={providers:m().arrayOf(m().shape({id:m().string,provider:m().string,name:m().string})),apiKeys:m().arrayOf(m().shape({id:m().string,name:m().string,key:m().string})),activeRequests:m().arrayOf(m().shape({provider:m().string,model:m().string})),recentRequests:m().array,lastProvider:m().string,errorProvider:m().string,activeKeyNames:m().arrayOf(m().string)};var j=s(10124),N=s(1728),k=s(48035),w=s(28408),C=s(32539),S=s(59656),q=s(58021),$=s(61567),R=s(67389);let T=["#079A8B","#F57C00","#3B82F6","#EF4444","#8B5CF6","#EC4899","#22C55E","#F59E0B"],D=e=>new Intl.NumberFormat().format(e||0),A=e=>e?e>=1e9?`${(e/1e9).toFixed(1)}B`:e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:String(e):"0",L=e=>`$${(e||0).toFixed(2)}`;function E(e){let t=Math.floor((Date.now()-new Date(e))/1e3);return t<60?`${t}s ago`:t<3600?`${Math.floor(t/60)}m ago`:t<86400?`${Math.floor(t/3600)}h ago`:`${Math.floor(t/86400)}d ago`}function O({timestamp:e}){let[,t]=(0,r.useState)(0);return(0,r.useEffect)(()=>{let e=setInterval(()=>t(e=>e+1),1e3);return()=>clearInterval(e)},[]),(0,a.jsx)(a.Fragment,{children:E(e)})}function F({requests:e=[]}){return(0,a.jsxs)(c.default,{className:"flex flex-col overflow-hidden",padding:"sm",style:{height:480},children:[(0,a.jsx)("div",{className:"px-1 py-2 border-b border-border shrink-0",children:(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"Recent Requests"})}),e.length?(0,a.jsx)("div",{className:"flex-1 overflow-y-auto custom-scrollbar",children:(0,a.jsxs)("table",{className:"w-full text-xs border-collapse",children:[(0,a.jsx)("thead",{className:"sticky top-0 bg-bg z-10",children:(0,a.jsxs)("tr",{className:"border-b border-border",children:[(0,a.jsx)("th",{className:"py-1.5 text-left font-semibold text-text-muted w-2"}),(0,a.jsx)("th",{className:"py-1.5 text-left font-semibold text-text-muted",children:"Model"}),(0,a.jsx)("th",{className:"py-1.5 pl-3 text-left font-semibold text-text-muted",children:"API Key"}),(0,a.jsx)("th",{className:"py-1.5 text-right font-semibold text-text-muted whitespace-nowrap",children:"In / Out"}),(0,a.jsx)("th",{className:"py-1.5 text-right font-semibold text-text-muted",children:"When"})]})}),(0,a.jsx)("tbody",{className:"divide-y divide-border/50",children:e.map((e,t)=>{let s=!e.status||"ok"===e.status||"success"===e.status;return(0,a.jsxs)("tr",{className:"hover:bg-bg-subtle transition-colors",children:[(0,a.jsx)("td",{className:"py-1.5",children:(0,a.jsx)("span",{className:`block w-1.5 h-1.5 rounded-full ${s?"bg-success":"bg-error"}`})}),(0,a.jsx)("td",{className:"py-1.5 font-mono truncate max-w-[120px]",title:e.model,children:e.model}),(0,a.jsx)("td",{className:"py-1.5 pl-3 truncate max-w-[100px] text-secondary",title:e.keyName,children:e.keyName||"—"}),(0,a.jsxs)("td",{className:"py-1.5 text-right whitespace-nowrap",children:[(0,a.jsxs)("span",{className:"text-primary",children:[D(e.promptTokens),"↑"]})," ",(0,a.jsxs)("span",{className:"text-success",children:[D(e.completionTokens),"↓"]})]}),(0,a.jsx)("td",{className:"py-1.5 text-right text-text-muted whitespace-nowrap",children:(0,a.jsx)(O,{timestamp:e.timestamp})})]},t)})})]})}):(0,a.jsx)("div",{className:"flex-1 flex items-center justify-center text-text-muted text-sm",children:"No requests yet."})]})}let M=[{value:"2h",label:"2h"},{value:"6h",label:"6h"},{value:"12h",label:"12h"},{value:"24h",label:"24h"},{value:"7d",label:"7D"},{value:"30d",label:"30D"},{value:"60d",label:"60D"}];function z({timestamp:e}){let[,t]=(0,r.useState)(0);(0,r.useEffect)(()=>{let e=setInterval(()=>t(e=>e+1),1e3);return()=>clearInterval(e)},[]);let s=Math.floor((Date.now()-new Date(e))/1e3),l="var(--color-text-muted)";return s<120?l="#22c55e":s<=3600?l="var(--color-primary)":s<86400&&(l="#ef4444"),(0,a.jsx)("span",{style:{color:l},children:E(e)})}function K({employees:e=[],recentRequests:t=[]}){let s=(0,r.useMemo)(()=>{if(!e.length)return[];let s={};for(let e of t)e.keyName&&(!s[e.keyName]||new Date(e.timestamp)>new Date(s[e.keyName]))&&(s[e.keyName]=e.timestamp);return e.map(e=>{let t=s[e.name],a=e.lastActive;return t&&(!a||new Date(t)>new Date(a))&&(a=t),{...e,lastActive:a}}).sort((e,t)=>e.lastActive||t.lastActive?e.lastActive?t.lastActive?new Date(t.lastActive)-new Date(e.lastActive):-1:1:0)},[e,t]);return(0,a.jsxs)(c.default,{className:"flex flex-col overflow-hidden",padding:"sm",style:{height:480},children:[(0,a.jsx)("div",{className:"px-1 py-2 border-b border-border shrink-0",children:(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"Employees"})}),s.length?(0,a.jsx)("div",{className:"flex-1 overflow-y-auto custom-scrollbar",children:(0,a.jsxs)("table",{className:"w-full text-xs border-collapse",children:[(0,a.jsx)("thead",{className:"sticky top-0 bg-bg z-10",children:(0,a.jsxs)("tr",{className:"border-b border-border",children:[(0,a.jsx)("th",{className:"py-1.5 text-left font-semibold text-text-muted w-2"}),(0,a.jsx)("th",{className:"py-1.5 text-left font-semibold text-text-muted",children:"Name"}),(0,a.jsx)("th",{className:"py-1.5 text-right font-semibold text-text-muted whitespace-nowrap",children:"In / Out"}),(0,a.jsx)("th",{className:"py-1.5 text-right font-semibold text-text-muted",children:"Last"})]})}),(0,a.jsx)("tbody",{className:"divide-y divide-border/50",children:s.map((e,t)=>(0,a.jsxs)("tr",{className:"hover:bg-bg-subtle transition-colors",children:[(0,a.jsx)("td",{className:"py-1.5",children:(0,a.jsx)("span",{className:`block w-1.5 h-1.5 rounded-full ${e.isActive?"bg-success":"bg-text-muted"}`})}),(0,a.jsx)("td",{className:"py-1.5 font-medium truncate max-w-[140px]",title:e.name,children:(0,a.jsx)(n(),{href:`/dashboard/employees/${e.keyId}`,className:"text-secondary hover:text-primary transition-colors cursor-pointer",children:e.name})}),(0,a.jsxs)("td",{className:"py-1.5 text-right whitespace-nowrap",children:[(0,a.jsxs)("span",{className:"text-primary",children:[A(e.totalPromptTokens),"↑"]})," ",(0,a.jsxs)("span",{style:{color:"#ef4444"},children:[A(e.totalCompletionTokens),"↓"]})]}),(0,a.jsx)("td",{className:"py-1.5 text-right whitespace-nowrap",children:e.lastActive?(0,a.jsx)(z,{timestamp:e.lastActive}):"—"})]},t))})]})}):(0,a.jsx)("div",{className:"flex-1 flex items-center justify-center text-text-muted text-sm",children:"No employees yet."})]})}function P(){let[e,t]=(0,r.useState)(null),[s,l]=(0,r.useState)(!0),[o,i]=(0,r.useState)("7d"),[n,d]=(0,r.useState)("cost"),[x,m]=(0,r.useState)([]),[u,p]=(0,r.useState)([]),[h,f]=(0,r.useState)([]),[b,g]=(0,r.useState)([]),[y,A]=(0,r.useState)({activeRequests:[],recentRequests:[],errorProvider:"",activeKeyNames:[]}),E=(0,r.useCallback)(async()=>{l(!0);try{let[e,s]=await Promise.all([fetch(`/api/employees/stats?period=${o}`),fetch(`/api/usage/stats?period=${o}`)]);if(e.ok){let s=await e.json();t(s)}if(s.ok){let e=await s.json(),t=e.byAccount||{},a={};for(let e of Object.values(t)){let t=e.accountName||"Unknown";a[t]||(a[t]={name:t,requests:0,cost:0,tokens:0}),a[t].requests+=e.requests||0,a[t].cost+=e.cost||0,a[t].tokens+=(e.promptTokens||0)+(e.completionTokens||0)}m(Object.values(a).sort((e,t)=>t.requests-e.requests));let r=e.byModel||{},l=Object.values(r).map(e=>({name:e.rawModel||"Unknown",provider:e.provider||"",requests:e.requests||0,cost:e.cost||0,tokens:(e.promptTokens||0)+(e.completionTokens||0)})),o={};for(let e of l)o[e.name]||(o[e.name]={name:e.name,requests:0,cost:0,tokens:0}),o[e.name].requests+=e.requests,o[e.name].cost+=e.cost,o[e.name].tokens+=e.tokens;p(Object.values(o).sort((e,t)=>t.requests-e.requests))}}catch(e){console.error("Failed to fetch stats:",e)}finally{l(!1)}},[o]);(0,r.useEffect)(()=>{E()},[E]),(0,r.useEffect)(()=>{fetch("/api/providers").then(e=>e.ok?e.json():null).then(e=>{if(!e?.connections)return;let t=new Set;f(e.connections.filter(e=>!t.has(e.provider)&&(t.add(e.provider),!0)))}).catch(()=>{}),fetch("/api/keys").then(e=>e.ok?e.json():null).then(e=>{e?.keys&&g(e.keys)}).catch(()=>{}),fetch("/api/usage/stats?period=7d").then(e=>e.ok?e.json():null).then(e=>{e&&A({activeRequests:e.activeRequests||[],recentRequests:e.recentRequests||[],errorProvider:e.errorProvider||"",activeKeyNames:e.activeKeyNames||[]})}).catch(()=>{})},[]),(0,r.useEffect)(()=>{let e=new EventSource("/api/usage/stream");return e.onmessage=e=>{try{let t=JSON.parse(e.data);A({activeRequests:t.activeRequests||[],recentRequests:t.recentRequests||[],errorProvider:t.errorProvider||"",activeKeyNames:t.activeKeyNames||[]})}catch(e){console.error("[SSE CLIENT] parse error:",e)}},e.onerror=()=>{},()=>e.close()},[]);let O=(0,r.useMemo)(()=>e?.employees?[...e.employees].filter(e=>"cost"===n?e.totalCost>0:e.totalTokens>0).sort((e,t)=>"cost"===n?t.totalCost-e.totalCost:t.totalTokens-e.totalTokens).slice(0,10).map(e=>({name:e.name?.length>12?e.name.slice(0,12)+"…":e.name,fullName:e.name,value:"cost"===n?e.totalCost:e.totalTokens})):[],[e,n]);if(s)return(0,a.jsx)("div",{className:"flex items-center justify-center py-12 text-text-muted",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[32px] animate-spin",children:"progress_activity"})});if(!e)return(0,a.jsx)("div",{className:"text-text-muted text-center py-12",children:"Failed to load employee data."});let{summary:z}=e;return(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsx)("div",{className:"flex items-center gap-2 self-end",children:(0,a.jsx)("div",{className:"flex items-center gap-1 bg-bg-subtle rounded-lg p-1 border border-border",children:M.map(e=>(0,a.jsx)("button",{onClick:()=>i(e.value),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${o===e.value?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:e.label},e.value))})}),(0,a.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[(0,a.jsxs)(c.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Employees"}),(0,a.jsx)("span",{className:"text-2xl font-bold",children:D(z.totalEmployees)}),(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:[D(z.activeEmployees)," active"]})]}),(0,a.jsxs)(c.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Requests"}),(0,a.jsx)("span",{className:"text-2xl font-bold text-primary",children:D(z.totalRequests)})]}),(0,a.jsxs)(c.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Cost"}),(0,a.jsxs)("span",{className:"text-2xl font-bold text-warning",children:["~",L(z.totalCost)]})]}),(0,a.jsxs)(c.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Top Spender"}),(0,a.jsx)("span",{className:"text-2xl font-bold truncate",children:z.topSpender?.name||"—"}),(0,a.jsx)("span",{className:"text-xs text-text-muted",children:z.topSpender?L(z.topSpender.cost):"—"})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-[4fr_1fr] gap-4 items-stretch",children:[(0,a.jsx)(v,{providers:h,apiKeys:b,activeRequests:y.activeRequests,recentRequests:y.recentRequests,lastProvider:y.recentRequests?.[0]?.provider||"",errorProvider:y.errorProvider,activeKeyNames:y.activeKeyNames}),(0,a.jsx)(K,{employees:e?.employees||[],recentRequests:y.recentRequests})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-4 items-stretch",children:[(0,a.jsx)(F,{requests:y.recentRequests}),(0,a.jsxs)(c.default,{className:"flex flex-col overflow-hidden",padding:"sm",style:{height:480},children:[(0,a.jsx)("div",{className:"px-1 py-2 border-b border-border shrink-0",children:(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"By Model"})}),u.length>0?(0,a.jsx)("div",{className:"flex-1 min-h-0 w-full",children:(0,a.jsx)(N.u,{width:"100%",height:"100%",children:(0,a.jsxs)(k.E,{data:u.slice(0,8).map(e=>({name:e.name?.length>14?e.name.slice(0,14)+"…":e.name,fullName:e.name,requests:e.requests})),layout:"vertical",margin:{top:5,right:10,left:0,bottom:5},children:[(0,a.jsx)(w.d,{strokeDasharray:"3 3",strokeOpacity:.1,horizontal:!1}),(0,a.jsx)(C.W,{type:"number",tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:e=>e>=1e3?`${(e/1e3).toFixed(0)}K`:e}),(0,a.jsx)(S.h,{type:"category",dataKey:"name",tick:{fontSize:9,fill:"currentColor",fillOpacity:.6},tickLine:!1,axisLine:!1,width:90}),(0,a.jsx)(q.m,{cursor:!1,contentStyle:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",fontSize:"12px"},formatter:e=>[D(e),"Requests"],labelFormatter:(e,t)=>t?.[0]?.payload?.fullName||e}),(0,a.jsx)($.yP,{dataKey:"requests",radius:[0,4,4,0],maxBarSize:32,children:u.slice(0,8).map((e,t)=>(0,a.jsx)(R.f,{fill:T[t%T.length]},t))})]})})}):(0,a.jsx)("div",{className:"flex-1 flex items-center justify-center text-text-muted text-sm",children:"No data"})]}),(0,a.jsxs)(c.default,{className:"flex flex-col overflow-hidden",padding:"sm",style:{height:480},children:[(0,a.jsx)("div",{className:"px-1 py-2 border-b border-border shrink-0",children:(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"By Account"})}),x.length>0?(0,a.jsx)("div",{className:"flex-1 min-h-0 w-full",children:(0,a.jsx)(N.u,{width:"100%",height:"100%",children:(0,a.jsxs)(k.E,{data:x.slice(0,8).map(e=>({name:e.name?.length>12?e.name.slice(0,12)+"…":e.name,fullName:e.name,requests:e.requests})),layout:"vertical",margin:{top:5,right:10,left:0,bottom:5},children:[(0,a.jsx)(w.d,{strokeDasharray:"3 3",strokeOpacity:.1,horizontal:!1}),(0,a.jsx)(C.W,{type:"number",tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:e=>e>=1e3?`${(e/1e3).toFixed(0)}K`:e}),(0,a.jsx)(S.h,{type:"category",dataKey:"name",tick:{fontSize:9,fill:"currentColor",fillOpacity:.6},tickLine:!1,axisLine:!1,width:80}),(0,a.jsx)(q.m,{cursor:!1,contentStyle:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",fontSize:"12px"},formatter:e=>[D(e),"Requests"],labelFormatter:(e,t)=>t?.[0]?.payload?.fullName||e}),(0,a.jsx)($.yP,{dataKey:"requests",radius:[0,4,4,0],maxBarSize:32,children:x.slice(0,8).map((e,t)=>(0,a.jsx)(R.f,{fill:T[t%T.length]},t))})]})})}):(0,a.jsx)("div",{className:"flex-1 flex items-center justify-center text-text-muted text-sm",children:"No data"})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[O.length>0?(0,a.jsxs)(c.default,{className:"p-4 flex flex-col gap-3",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"Employee Comparison"}),(0,a.jsxs)("div",{className:"flex items-center gap-1 bg-bg-subtle rounded-lg p-1 border border-border",children:[(0,a.jsx)("button",{onClick:()=>d("cost"),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${"cost"===n?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:"Cost"}),(0,a.jsx)("button",{onClick:()=>d("tokens"),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${"tokens"===n?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:"Tokens"})]})]}),(0,a.jsx)(N.u,{width:"100%",height:250,children:(0,a.jsxs)(k.E,{data:O,margin:{top:4,right:8,left:0,bottom:0},children:[(0,a.jsx)(w.d,{strokeDasharray:"3 3",strokeOpacity:.1}),(0,a.jsx)(C.W,{dataKey:"name",tick:{fontSize:11,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1}),(0,a.jsx)(S.h,{tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:"cost"===n?e=>`$${e.toFixed(2)}`:e=>e>=1e3?`${(e/1e3).toFixed(0)}K`:e,width:55}),(0,a.jsx)(q.m,{cursor:!1,contentStyle:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",fontSize:"12px"},formatter:e=>["cost"===n?`$${e.toFixed(4)}`:D(e),"cost"===n?"Cost":"Tokens"],labelFormatter:(e,t)=>t?.[0]?.payload?.fullName||e}),(0,a.jsx)($.yP,{dataKey:"value",radius:[4,4,0,0],maxBarSize:40,children:O.map((e,t)=>(0,a.jsx)(R.f,{fill:T[t%T.length]},t))})]})})]}):(0,a.jsx)(c.default,{className:"p-4 flex items-center justify-center text-text-muted text-sm h-full",children:"No employee data"}),(0,a.jsx)(j.A,{period:o})]})]})}let I=e=>new Intl.NumberFormat().format(e||0),W=[{value:"24h",label:"24h"},{value:"7d",label:"7D"},{value:"30d",label:"30D"},{value:"60d",label:"60D"}],B=[{key:"name",label:"Employee",align:"left"},{key:"isActive",label:"Status",align:"center"},{key:"totalRequests",label:"Requests",align:"right"},{key:"totalPromptTokens",label:"Input Tokens",align:"right"},{key:"totalCompletionTokens",label:"Output Tokens",align:"right"},{key:"totalTokens",label:"Total Tokens",align:"right"},{key:"totalCost",label:"Cost",align:"right"},{key:"modelsUsed",label:"Models",align:"right"},{key:"lastActive",label:"Last Active",align:"right"},{key:"apiKey",label:"API Key",align:"center",sortable:!1}];function U(){let e=(0,l.useRouter)(),[t,s]=(0,r.useState)("7d"),[o,i]=(0,r.useState)(null),[n,x]=(0,r.useState)(!0),[m,u]=(0,r.useState)(""),[p,h]=(0,r.useState)("lastActive"),[f,b]=(0,r.useState)("desc"),g=(0,r.useCallback)(async()=>{x(!0);try{let e=await fetch(`/api/employees/stats?period=${t}`);if(e.ok){let t=await e.json();i(t)}}catch(e){console.error("Failed to fetch:",e)}finally{x(!1)}},[t]);(0,r.useEffect)(()=>{g()},[g]);let y=o?.employees||[],v=(0,r.useMemo)(()=>(m?y.filter(e=>e.name?.toLowerCase().includes(m.toLowerCase())):[...y]).sort((e,t)=>{let s=e[p],a=t[p];return("name"===p?(s=(s||"").toLowerCase(),a=(a||"").toLowerCase()):"isActive"===p?(s=+!!s,a=+!!a):"lastActive"===p?(s=s?new Date(s).getTime():0,a=a?new Date(a).getTime():0):(s=s||0,a=a||0),s<a)?"asc"===f?-1:1:s>a?"asc"===f?1:-1:0}),[y,m,p,f]);return n?(0,a.jsx)("div",{className:"flex items-center justify-center py-12 text-text-muted",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[32px] animate-spin",children:"progress_activity"})}):(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("div",{className:"flex items-center gap-1 bg-bg-subtle rounded-lg p-1 border border-border",children:W.map(e=>(0,a.jsx)("button",{onClick:()=>s(e.value),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${t===e.value?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:e.label},e.value))}),(0,a.jsx)("input",{type:"text",placeholder:"Filter by name...",value:m,onChange:e=>u(e.target.value),className:"px-3 py-1.5 rounded-lg border border-border bg-bg text-sm text-text focus:outline-none focus:ring-2 focus:ring-primary/50 w-48"})]}),(0,a.jsx)(c.default,{className:"overflow-hidden",children:(0,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsxs)("table",{className:"w-full text-sm text-left",children:[(0,a.jsx)("thead",{className:"bg-bg-subtle/30 text-text-muted uppercase text-xs",children:(0,a.jsx)("tr",{children:B.map(e=>{let t=!1!==e.sortable,s=p===e.key,r="center"===e.align?"text-center":"right"===e.align?"text-right":"text-left";return(0,a.jsx)("th",{className:`px-6 py-3 ${r} ${t?"cursor-pointer select-none hover:text-text transition-colors":""}`,onClick:()=>{var s;return t&&void((s=e.key)===p?b(e=>"asc"===e?"desc":"asc"):(h(s),b("desc")))},children:(0,a.jsxs)("span",{className:"inline-flex items-center gap-1",children:[e.label,t&&s&&(0,a.jsx)("span",{className:"text-[10px]",children:"asc"===f?"↑":"↓"}),t&&!s&&(0,a.jsx)("span",{className:"opacity-20 text-[10px]",children:"↕"})]})},e.key)})})}),(0,a.jsxs)("tbody",{className:"divide-y divide-border",children:[v.map(t=>{let s;return(0,a.jsxs)("tr",{onClick:()=>e.push(`/dashboard/employees/${t.keyId}`),className:"hover:bg-bg-subtle/50 transition-colors cursor-pointer",children:[(0,a.jsx)("td",{className:"px-6 py-3 font-medium",children:t.name||"Unnamed"}),(0,a.jsx)("td",{className:"px-6 py-3 text-center",children:(0,a.jsx)(d.default,{variant:t.isActive?"success":"error",size:"sm",children:t.isActive?"Active":"Inactive"})}),(0,a.jsx)("td",{className:"px-6 py-3 text-right",children:I(t.totalRequests)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-primary",children:I(t.totalPromptTokens)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-success",children:I(t.totalCompletionTokens)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right font-medium",children:I(t.totalTokens)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right font-medium text-warning",children:(s=t.totalCost,`$${(s||0).toFixed(2)}`)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right",children:t.modelsUsed}),(0,a.jsx)("td",{className:"px-6 py-3 text-right whitespace-nowrap",children:(0,a.jsxs)("span",{className:"inline-flex items-center gap-1",children:[t.lastActive&&(0,a.jsx)("span",{className:`inline-block size-1.5 rounded-full ${function(e){if(!e)return"";let t=(Date.now()-new Date(e))/6e4;return t<1?"bg-green-500":t<=60?"bg-blue-400":"bg-red-500"}(t.lastActive)} ${(Date.now()-new Date(t.lastActive))/6e4<=60?"animate-pulse":""}`}),(0,a.jsx)("span",{className:`font-semibold ${function(e){if(!e)return"text-text-muted";let t=(Date.now()-new Date(e))/6e4;return t<1?"text-green-500":t<=60?"text-blue-400":"text-red-400"}(t.lastActive)}`,children:function(e){if(!e)return"Never";let t=Math.floor((Date.now()-new Date(e))/6e4);return t<1?"JUST NOW":t<60?`${t}m ago`:t<1440?`${Math.floor(t/60)}h ago`:new Date(e).toLocaleDateString()}(t.lastActive)})]})}),(0,a.jsx)("td",{className:"px-6 py-3 text-center",children:(0,a.jsx)("code",{className:"text-xs bg-bg-subtle px-2 py-0.5 rounded",children:t.apiKey})})]},t.keyId)}),0===v.length&&(0,a.jsx)("tr",{children:(0,a.jsx)("td",{colSpan:10,className:"px-6 py-8 text-center text-text-muted",children:"No employees found."})})]})]})})})]})}function _(){return(0,a.jsx)(r.Suspense,{fallback:(0,a.jsx)(o.Qv,{}),children:(0,a.jsx)(H,{})})}function H(){let e=(0,l.useSearchParams)(),t=(0,l.useRouter)(),[s,i]=(0,r.useState)(!1),n=e.get("tab"),c=n&&["overview","details"].includes(n)?n:"overview";return(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsx)(o.Iz,{options:[{value:"overview",label:"Overview"},{value:"details",label:"Details"}],value:c,onChange:s=>{if(s===c)return;i(!0);let a=new URLSearchParams(e);a.set("tab",s),t.push(`/dashboard/employees?${a.toString()}`,{scroll:!1}),setTimeout(()=>i(!1),300)}}),s?(0,a.jsx)(o.Qv,{}):(0,a.jsxs)(a.Fragment,{children:["overview"===c&&(0,a.jsx)(r.Suspense,{fallback:(0,a.jsx)(o.Qv,{}),children:(0,a.jsx)(P,{})}),"details"===c&&(0,a.jsx)(U,{})]})]})}},70842:(e,t,s)=>{Promise.resolve().then(s.bind(s,52600))}},e=>{e.O(0,[2574,3862,6902,7505,2652,5497,8441,3794,7358],()=>e(e.s=70842)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/layout-fc4ee3669b9e2432.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9305],{51311:(e,s,n)=>{Promise.resolve().then(n.bind(n,56319)),Promise.resolve().then(n.bind(n,56061)),Promise.resolve().then(n.bind(n,92542)),Promise.resolve().then(n.bind(n,84588)),Promise.resolve().then(n.bind(n,30815)),Promise.resolve().then(n.bind(n,92173)),Promise.resolve().then(n.bind(n,74891)),Promise.resolve().then(n.bind(n,23936)),Promise.resolve().then(n.bind(n,11910)),Promise.resolve().then(n.bind(n,61500)),Promise.resolve().then(n.bind(n,62899)),Promise.resolve().then(n.bind(n,94230)),Promise.resolve().then(n.bind(n,21931)),Promise.resolve().then(n.bind(n,91450)),Promise.resolve().then(n.bind(n,7648)),Promise.resolve().then(n.bind(n,25086)),Promise.resolve().then(n.bind(n,28815)),Promise.resolve().then(n.bind(n,81127)),Promise.resolve().then(n.bind(n,72908)),Promise.resolve().then(n.bind(n,90882)),Promise.resolve().then(n.bind(n,23615)),Promise.resolve().then(n.bind(n,28067)),Promise.resolve().then(n.bind(n,98)),Promise.resolve().then(n.bind(n,92622)),Promise.resolve().then(n.bind(n,21110)),Promise.resolve().then(n.bind(n,38587)),Promise.resolve().then(n.bind(n,98542)),Promise.resolve().then(n.bind(n,97677)),Promise.resolve().then(n.bind(n,93927))}},e=>{e.O(0,[2574,3862,6902,2652,5497,8441,3794,7358],()=>e(e.s=51311)),_N_E=e.O()}]);