@shi-yangyang/dsh-token-dashboard 0.2.0 → 0.2.1

package/client/client.js

@@ -39,10 +39,10 @@ window.__ModuleLoader__.load({
     module.exports = __toCommonJS(index_exports);
 
     // src/client/plugin.ts
-    var import_react94 = require("react");
+    var import_react93 = require("react");
 
     // src/client/App.tsx
-    var import_react93 = require("react");
+    var import_react92 = require("react");
 
     // src/client/components/Cards.tsx
     var import_react = require("react");
@@ -329,10 +329,10 @@ window.__ModuleLoader__.load({
     }
 
     // src/client/components/Cost.tsx
-    var import_react57 = require("react");
+    var import_react56 = require("react");
 
     // src/client/components/common.tsx
-    var import_react50 = require("react");
+    var import_react49 = require("react");
 
     // src/client/icons.tsx
     var import_react2 = require("react");
@@ -15869,7 +15869,7 @@ window.__ModuleLoader__.load({
 
     // src/client/beui/components/motion/morphing-modal.tsx
     var import_react47 = require("react");
-    var import_react49 = require("react");
+    var import_react48 = require("react");
 
     // src/client/beui/lib/hooks/use-focus-trap.ts
     var import_react46 = require("react");
@@ -15935,154 +15935,6 @@ window.__ModuleLoader__.load({
       }, [open, panel]);
     }
 
-    // src/client/beui/components/motion/morphing-modal.tsx
-    function MorphingModal({
-      viewId,
-      onClose,
-      children,
-      placement = "bottom",
-      ariaLabel,
-      className
-    }) {
-      const open = viewId !== null;
-      const reduce = useReducedMotion();
-      const panelRef = (0, import_react49.useRef)(null);
-      const uid = (0, import_react49.useId)();
-      const [headingId, setHeadingId] = (0, import_react49.useState)();
-      useFocusTrap(open, panelRef, { onEscape: onClose });
-      const currentView = () => Array.from(
-        panelRef.current?.querySelectorAll("[data-view]") ?? []
-      ).find((element) => element.dataset.view === viewId);
-      (0, import_react49.useLayoutEffect)(() => {
-        if (!viewId || ariaLabel) return;
-        const heading = currentView()?.querySelector(
-          "h1, h2, h3, h4, h5, h6"
-        );
-        if (heading && !heading.id) heading.id = `${uid}-${viewId}-title`;
-        setHeadingId(heading?.id);
-      });
-      const shownView = (0, import_react49.useRef)(viewId);
-      (0, import_react49.useEffect)(() => {
-        const previous = shownView.current;
-        shownView.current = viewId;
-        if (!viewId || !previous || previous === viewId) return;
-        const panel = panelRef.current;
-        const active2 = document.activeElement;
-        if (!panel || active2 && active2 !== document.body && !panel.contains(active2))
-          return;
-        const view = currentView();
-        (focusablesIn(view ?? null)[0] ?? panel).focus({ preventScroll: true });
-      });
-      const enterY = reduce ? 0 : placement === "bottom" ? 40 : 20;
-      const enterScale = reduce ? 1 : 0.97;
-      (0, import_react49.useEffect)(() => {
-        if (!open) return;
-        const prev = document.body.style.overflow;
-        document.body.style.overflow = "hidden";
-        return () => {
-          document.body.style.overflow = prev;
-        };
-      }, [open]);
-      return /* @__PURE__ */ (0, import_react47.createElement)(AnimatePresence, { initial: false }, open ? /* @__PURE__ */ (0, import_react47.createElement)(PresenceGate, { key: "backdrop" }, ({ gate }) => /* @__PURE__ */ (0, import_react47.createElement)(
-        motion2.button,
-        {
-          type: "button",
-          "aria-label": "Close modal",
-          tabIndex: -1,
-          initial: { opacity: 0 },
-          animate: { opacity: 1 },
-          exit: { opacity: 0 },
-          transition: { duration: 0.2, ease: EASE_OUT },
-          ...gate,
-          onClick: onClose,
-          className: "pointer-events-auto fixed inset-0 z-[80] bg-background/5 [backdrop-filter:blur(14px)_saturate(140%)] [-webkit-backdrop-filter:blur(14px)_saturate(140%)]"
-        }
-      )) : null, open ? /* @__PURE__ */ (0, import_react47.createElement)(PresenceGate, { key: "panel-layer" }, ({ isPresent: isPresent2, gate }) => (
-        // The layer itself never takes pointer events, so it carries
-        // `inert` alone rather than the gate's pointer-events value.
-        /* @__PURE__ */ (0, import_react47.createElement)(
-          "div",
-          {
-            inert: !isPresent2 ? "" : void 0,
-            className: cn(
-              "pointer-events-none fixed inset-4 z-[80] flex justify-center",
-              placement === "bottom" ? "items-end pb-4" : "items-center"
-            )
-          },
-          /* @__PURE__ */ (0, import_react47.createElement)(
-            motion2.div,
-            {
-              key: "panel",
-              ref: panelRef,
-              role: "dialog",
-              "aria-modal": "true",
-              "aria-label": ariaLabel,
-              "aria-labelledby": ariaLabel ? void 0 : headingId,
-              tabIndex: -1,
-              layout: true,
-              initial: { opacity: 0, y: enterY, scale: enterScale },
-              animate: { opacity: 1, y: 0, scale: 1 },
-              exit: {
-                opacity: 0,
-                y: enterY,
-                scale: reduce ? 1 : 0.98,
-                transition: { duration: 0.18, ease: EASE_OUT }
-              },
-              transition: SPRING_PANEL,
-              ...gate,
-              className: cn(
-                "pointer-events-auto relative w-full max-w-sm overflow-hidden rounded-3xl border border-border bg-background shadow-2xl outline-none will-change-transform",
-                className
-              )
-            },
-            /* @__PURE__ */ (0, import_react47.createElement)(motion2.div, { layout: "position", className: "p-5" }, /* @__PURE__ */ (0, import_react47.createElement)(AnimatePresence, { mode: "popLayout", initial: false }, /* @__PURE__ */ (0, import_react47.createElement)(
-              motion2.div,
-              {
-                key: viewId,
-                "data-view": viewId,
-                initial: reduce ? { opacity: 0 } : { opacity: 0, y: 8, filter: "blur(4px)" },
-                animate: reduce ? {
-                  opacity: 1,
-                  transition: {
-                    duration: 0.18,
-                    ease: EASE_OUT
-                  }
-                } : {
-                  opacity: 1,
-                  y: 0,
-                  filter: "blur(0px)",
-                  transition: {
-                    duration: 0.24,
-                    ease: EASE_OUT
-                  }
-                },
-                exit: reduce ? {
-                  opacity: 0,
-                  transition: {
-                    duration: 0.14,
-                    ease: EASE_OUT
-                  }
-                } : {
-                  opacity: 0,
-                  y: -8,
-                  filter: "blur(4px)",
-                  transition: {
-                    duration: 0.16,
-                    ease: EASE_OUT
-                  }
-                }
-              },
-              /* @__PURE__ */ (0, import_react47.createElement)(PresenceGate, null, ({ isPresent: viewPresent }) => (
-                // The outgoing view stays for its exit; inert keeps
-                // the trap and assistive technology on the incoming one.
-                /* @__PURE__ */ (0, import_react47.createElement)("div", { inert: !viewPresent ? "" : void 0 }, children)
-              ))
-            )))
-          )
-        )
-      )) : null);
-    }
-
     // src/client/components/common.tsx
     function Button3({
       variant = "default",
@@ -16094,7 +15946,7 @@ window.__ModuleLoader__.load({
       ...rest
     }) {
       const beuiVariant = variant === "primary" ? "primary" : variant === "ghost" ? "ghost" : "outline";
-      return (0, import_react50.createElement)(Button, {
+      return (0, import_react49.createElement)(Button, {
         ...rest,
         variant: beuiVariant,
         size: iconOnly ? "icon" : "sm",
@@ -16105,46 +15957,46 @@ window.__ModuleLoader__.load({
     }
     function Tag({ tone, children }) {
       const suffix = tone === void 0 ? "" : ` tdb-tag--${tone}`;
-      return (0, import_react50.createElement)("span", { className: `tdb-tag${suffix}` }, children);
+      return (0, import_react49.createElement)("span", { className: `tdb-tag${suffix}` }, children);
     }
     function ShareBar({ ratio, label: label2 }) {
       const percent2 = Number.isFinite(ratio) ? Math.max(0, Math.min(1, ratio)) : 0;
-      return (0, import_react50.createElement)(
+      return (0, import_react49.createElement)(
         "div",
         { className: "tdb-share" },
-        (0, import_react50.createElement)(
+        (0, import_react49.createElement)(
           "div",
           { className: "tdb-share-track" },
-          (0, import_react50.createElement)("div", { className: "tdb-share-fill", style: { width: `${(percent2 * 100).toFixed(2)}%` } })
+          (0, import_react49.createElement)("div", { className: "tdb-share-fill", style: { width: `${(percent2 * 100).toFixed(2)}%` } })
         ),
-        (0, import_react50.createElement)("span", { className: "tdb-share-text" }, label2)
+        (0, import_react49.createElement)("span", { className: "tdb-share-text" }, label2)
       );
     }
     function Notice({ tone = "info", icon, children, action }) {
       const variant = tone === "error" ? "destructive" : tone === "warn" ? "warning" : "info";
-      return (0, import_react50.createElement)(
+      return (0, import_react49.createElement)(
         Alert,
         { variant, open: true, className: "tdb-notice", role: tone === "error" ? "alert" : "status" },
-        (0, import_react50.createElement)(
+        (0, import_react49.createElement)(
           AlertContent,
           {},
           icon,
-          (0, import_react50.createElement)("div", { className: "min-w-0" }, children),
-          action === void 0 ? null : (0, import_react50.createElement)(AlertAction, {}, action)
+          (0, import_react49.createElement)("div", { className: "min-w-0" }, children),
+          action === void 0 ? null : (0, import_react49.createElement)(AlertAction, {}, action)
         )
       );
     }
     function EmptyState({ icon, title }) {
-      return (0, import_react50.createElement)(
+      return (0, import_react49.createElement)(
         "div",
         { className: "tdb-empty" },
         icon ?? null,
-        (0, import_react50.createElement)("div", { style: { color: "var(--tdb-ink)" } }, title)
+        (0, import_react49.createElement)("div", { style: { color: "var(--tdb-ink)" } }, title)
       );
     }
     function Menu({ open, onClose, triggerRef, children }) {
-      const ref = (0, import_react50.useRef)(null);
-      (0, import_react50.useEffect)(() => {
+      const ref = (0, import_react49.useRef)(null);
+      (0, import_react49.useEffect)(() => {
         if (!open) return;
         const onPointer = (event) => {
           const target = event.target;
@@ -16164,76 +16016,45 @@ window.__ModuleLoader__.load({
         };
       }, [open, onClose, triggerRef]);
       if (!open) return null;
-      return (0, import_react50.createElement)("div", { className: "tdb-menu", ref, role: "menu" }, children);
+      return (0, import_react49.createElement)("div", { className: "tdb-menu", ref, role: "menu" }, children);
     }
     function MenuItem({ onClick, title }) {
-      return (0, import_react50.createElement)("button", { type: "button", className: "tdb-menu-item", role: "menuitem", onClick }, title);
-    }
-    function Modal({ open, title, subtitle, onClose, closeLabel, children, footer }) {
-      if (!open) return null;
-      return (0, import_react50.createElement)(MorphingModal, {
-        viewId: "modal",
-        onClose,
-        placement: "center",
-        ariaLabel: typeof title === "string" ? title : closeLabel,
-        className: "tdb-modal max-w-2xl",
-        children: [
-          (0, import_react50.createElement)(
-            "div",
-            { className: "tdb-modal-head" },
-            (0, import_react50.createElement)(
-              "div",
-              {},
-              (0, import_react50.createElement)("h2", { className: "tdb-modal-title" }, title),
-              subtitle === void 0 ? null : (0, import_react50.createElement)("p", { className: "tdb-modal-sub" }, subtitle)
-            ),
-            (0, import_react50.createElement)(Button3, {
-              variant: "ghost",
-              iconOnly: true,
-              "data-autofocus": true,
-              "aria-label": closeLabel,
-              onClick: onClose
-            }, (0, import_react50.createElement)(CloseIcon, { size: 16 }))
-          ),
-          (0, import_react50.createElement)("div", { className: "tdb-modal-body" }, children),
-          footer === void 0 ? null : (0, import_react50.createElement)("div", { className: "tdb-modal-foot" }, footer)
-        ]
-      });
+      return (0, import_react49.createElement)("button", { type: "button", className: "tdb-menu-item", role: "menuitem", onClick }, title);
     }
     function SkeletonDashboard() {
-      return (0, import_react50.createElement)(
+      return (0, import_react49.createElement)(
         "div",
         { className: "tdb-container", "aria-busy": "true" },
-        (0, import_react50.createElement)(
+        (0, import_react49.createElement)(
           "div",
           { className: "tdb-head" },
-          (0, import_react50.createElement)("div", { className: "tdb-skeleton", style: { width: "180px", height: "26px" } })
+          (0, import_react49.createElement)("div", { className: "tdb-skeleton", style: { width: "180px", height: "26px" } })
         ),
-        (0, import_react50.createElement)(
+        (0, import_react49.createElement)(
           "div",
           { className: "tdb-surface" },
-          (0, import_react50.createElement)(
+          (0, import_react49.createElement)(
             "div",
             { className: "tdb-kpis" },
-            (0, import_react50.createElement)("div", { className: "tdb-kpi" }, (0, import_react50.createElement)("div", { className: "tdb-skeleton", style: { height: "58px" } })),
-            (0, import_react50.createElement)("div", { className: "tdb-kpi" }, (0, import_react50.createElement)("div", { className: "tdb-skeleton", style: { height: "58px" } })),
-            (0, import_react50.createElement)("div", { className: "tdb-kpi" }, (0, import_react50.createElement)("div", { className: "tdb-skeleton", style: { height: "58px" } })),
-            (0, import_react50.createElement)("div", { className: "tdb-kpi" }, (0, import_react50.createElement)("div", { className: "tdb-skeleton", style: { height: "58px" } }))
+            (0, import_react49.createElement)("div", { className: "tdb-kpi" }, (0, import_react49.createElement)("div", { className: "tdb-skeleton", style: { height: "58px" } })),
+            (0, import_react49.createElement)("div", { className: "tdb-kpi" }, (0, import_react49.createElement)("div", { className: "tdb-skeleton", style: { height: "58px" } })),
+            (0, import_react49.createElement)("div", { className: "tdb-kpi" }, (0, import_react49.createElement)("div", { className: "tdb-skeleton", style: { height: "58px" } })),
+            (0, import_react49.createElement)("div", { className: "tdb-kpi" }, (0, import_react49.createElement)("div", { className: "tdb-skeleton", style: { height: "58px" } }))
           ),
-          (0, import_react50.createElement)("div", { className: "tdb-rule" }),
-          (0, import_react50.createElement)("div", { className: "tdb-section" }, (0, import_react50.createElement)("div", { className: "tdb-skeleton tdb-skeleton--chart" })),
-          (0, import_react50.createElement)("div", { className: "tdb-rule" }),
-          (0, import_react50.createElement)("div", { className: "tdb-section" }, (0, import_react50.createElement)("div", { className: "tdb-skeleton tdb-skeleton--table" }))
+          (0, import_react49.createElement)("div", { className: "tdb-rule" }),
+          (0, import_react49.createElement)("div", { className: "tdb-section" }, (0, import_react49.createElement)("div", { className: "tdb-skeleton tdb-skeleton--chart" })),
+          (0, import_react49.createElement)("div", { className: "tdb-rule" }),
+          (0, import_react49.createElement)("div", { className: "tdb-section" }, (0, import_react49.createElement)("div", { className: "tdb-skeleton tdb-skeleton--table" }))
         )
       );
     }
 
     // src/client/components/ui/Pager.tsx
-    var import_react54 = require("react");
+    var import_react53 = require("react");
 
     // src/client/beui/components/motion/pagination.tsx
-    var import_react51 = require("react");
-    var import_react53 = require("react");
+    var import_react50 = require("react");
+    var import_react52 = require("react");
     function paginationRange(page, totalPages, siblings = 1, boundaries = 1) {
       const range = (start, end) => Array.from({ length: Math.max(0, end - start + 1) }, (_, index) => start + index);
       const slots = boundaries * 2 + siblings * 2 + 3;
@@ -16279,11 +16100,11 @@ window.__ModuleLoader__.load({
       "aria-label": ariaLabel = "Pagination",
       ...props
     }) {
-      const id3 = (0, import_react53.useId)();
+      const id3 = (0, import_react52.useId)();
       const reduce = useReducedMotion();
       const total = Math.max(1, Math.floor(totalPages));
       const clamp3 = (value) => Math.min(total, Math.max(1, Math.round(value)));
-      const [internal, setInternal] = (0, import_react53.useState)(() => clamp3(defaultPage));
+      const [internal, setInternal] = (0, import_react52.useState)(() => clamp3(defaultPage));
       const current2 = clamp3(page ?? internal);
       const go = (next) => {
         const target = clamp3(next);
@@ -16315,22 +16136,22 @@ window.__ModuleLoader__.load({
               go(target);
             }
           };
-          return renderLink ? renderLink(linkProps) : /* @__PURE__ */ (0, import_react51.createElement)("a", { ...linkProps });
+          return renderLink ? renderLink(linkProps) : /* @__PURE__ */ (0, import_react50.createElement)("a", { ...linkProps });
         }
-        return /* @__PURE__ */ (0, import_react51.createElement)("button", { type: "button", disabled, onClick: () => go(target), ...shared });
+        return /* @__PURE__ */ (0, import_react50.createElement)("button", { type: "button", disabled, onClick: () => go(target), ...shared });
       };
       const items = paginationRange(current2, total, siblings, boundaries);
       const fade = { duration: reduce ? 0.12 : 0.16, ease: EASE_OUT };
-      return /* @__PURE__ */ (0, import_react51.createElement)("nav", { ...props, "aria-label": ariaLabel, className: cn("flex", className) }, /* @__PURE__ */ (0, import_react51.createElement)(LayoutGroup, { id: id3 }, /* @__PURE__ */ (0, import_react51.createElement)("ul", { className: "relative flex items-center gap-0.5 sm:gap-1" }, /* @__PURE__ */ (0, import_react51.createElement)("li", null, control(current2 - 1, {
+      return /* @__PURE__ */ (0, import_react50.createElement)("nav", { ...props, "aria-label": ariaLabel, className: cn("flex", className) }, /* @__PURE__ */ (0, import_react50.createElement)(LayoutGroup, { id: id3 }, /* @__PURE__ */ (0, import_react50.createElement)("ul", { className: "relative flex items-center gap-0.5 sm:gap-1" }, /* @__PURE__ */ (0, import_react50.createElement)("li", null, control(current2 - 1, {
         label: "Previous page",
         disabled: current2 === 1,
         className: "text-muted-foreground hover:text-foreground disabled:pointer-events-none disabled:opacity-40",
-        children: /* @__PURE__ */ (0, import_react51.createElement)(ChevronLeft, { "aria-hidden": "true", className: "size-4" })
-      })), /* @__PURE__ */ (0, import_react51.createElement)(AnimatePresence, { mode: "popLayout", initial: false }, items.map((item) => {
+        children: /* @__PURE__ */ (0, import_react50.createElement)(ChevronLeft, { "aria-hidden": "true", className: "size-4" })
+      })), /* @__PURE__ */ (0, import_react50.createElement)(AnimatePresence, { mode: "popLayout", initial: false }, items.map((item) => {
         if (typeof item !== "number") {
           const back = item === "ellipsis-start";
           const Chevrons = back ? ChevronsLeft : ChevronsRight;
-          return /* @__PURE__ */ (0, import_react51.createElement)(
+          return /* @__PURE__ */ (0, import_react50.createElement)(
             motion2.li,
             {
               key: item,
@@ -16340,18 +16161,18 @@ window.__ModuleLoader__.load({
               exit: { opacity: 0, transition: fade },
               transition: { layout: SPRING_LAYOUT, opacity: fade }
             },
-            /* @__PURE__ */ (0, import_react51.createElement)(PresenceGate, null, ({ gate }) => control(current2 + (back ? -jump : jump), {
+            /* @__PURE__ */ (0, import_react50.createElement)(PresenceGate, null, ({ gate }) => control(current2 + (back ? -jump : jump), {
               gate,
               label: back ? `Back ${jump} pages` : `Forward ${jump} pages`,
               className: "group text-muted-foreground hover:text-foreground",
-              children: /* @__PURE__ */ (0, import_react51.createElement)(import_react51.Fragment, null, /* @__PURE__ */ (0, import_react51.createElement)(
+              children: /* @__PURE__ */ (0, import_react50.createElement)(import_react50.Fragment, null, /* @__PURE__ */ (0, import_react50.createElement)(
                 "span",
                 {
                   "aria-hidden": "true",
                   className: "transition-[opacity,transform] duration-150 ease-out group-hover:scale-75 group-hover:opacity-0 group-focus-visible:scale-75 group-focus-visible:opacity-0 motion-reduce:transform-none"
                 },
                 "\u2026"
-              ), /* @__PURE__ */ (0, import_react51.createElement)(
+              ), /* @__PURE__ */ (0, import_react50.createElement)(
                 Chevrons,
                 {
                   "aria-hidden": "true",
@@ -16362,7 +16183,7 @@ window.__ModuleLoader__.load({
           );
         }
         const isCurrent = item === current2;
-        return /* @__PURE__ */ (0, import_react51.createElement)(
+        return /* @__PURE__ */ (0, import_react50.createElement)(
           motion2.li,
           {
             key: item,
@@ -16372,12 +16193,12 @@ window.__ModuleLoader__.load({
             exit: { opacity: 0, scale: reduce ? 1 : 0.8, transition: fade },
             transition: { layout: SPRING_LAYOUT, opacity: fade, scale: SPRING_LAYOUT }
           },
-          /* @__PURE__ */ (0, import_react51.createElement)(PresenceGate, null, ({ gate }) => control(item, {
+          /* @__PURE__ */ (0, import_react50.createElement)(PresenceGate, null, ({ gate }) => control(item, {
             gate,
             label: `Page ${item}`,
             current: isCurrent,
             className: isCurrent ? "font-medium text-background" : "text-muted-foreground hover:bg-foreground/[0.05] hover:text-foreground",
-            children: /* @__PURE__ */ (0, import_react51.createElement)(import_react51.Fragment, null, isCurrent ? /* @__PURE__ */ (0, import_react51.createElement)(
+            children: /* @__PURE__ */ (0, import_react50.createElement)(import_react50.Fragment, null, isCurrent ? /* @__PURE__ */ (0, import_react50.createElement)(
               motion2.span,
               {
                 "aria-hidden": "true",
@@ -16385,28 +16206,28 @@ window.__ModuleLoader__.load({
                 transition: SPRING_LAYOUT,
                 className: "absolute inset-0 rounded-full bg-foreground"
               }
-            ) : null, /* @__PURE__ */ (0, import_react51.createElement)("span", { className: "relative" }, item))
+            ) : null, /* @__PURE__ */ (0, import_react50.createElement)("span", { className: "relative" }, item))
           }))
         );
-      })), /* @__PURE__ */ (0, import_react51.createElement)("li", null, control(current2 + 1, {
+      })), /* @__PURE__ */ (0, import_react50.createElement)("li", null, control(current2 + 1, {
         label: "Next page",
         disabled: current2 === total,
         className: "text-muted-foreground hover:text-foreground disabled:pointer-events-none disabled:opacity-40",
-        children: /* @__PURE__ */ (0, import_react51.createElement)(ChevronRight, { "aria-hidden": "true", className: "size-4" })
+        children: /* @__PURE__ */ (0, import_react50.createElement)(ChevronRight, { "aria-hidden": "true", className: "size-4" })
       })))));
     }
 
     // src/client/components/ui/Pager.tsx
     function Pager({ page, pages, onChange, label: label2, ariaLabel }) {
-      return (0, import_react54.createElement)(
+      return (0, import_react53.createElement)(
         "div",
         { className: "tdb-pager" },
-        (0, import_react54.createElement)("span", {}, label2),
-        (0, import_react54.createElement)(
+        (0, import_react53.createElement)("span", {}, label2),
+        (0, import_react53.createElement)(
           "div",
           { className: "tdb-pager-actions" },
-          (0, import_react54.createElement)("span", { className: "sr-only" }, `${page} / ${pages}`),
-          (0, import_react54.createElement)(Pagination, {
+          (0, import_react53.createElement)("span", { className: "sr-only" }, `${page} / ${pages}`),
+          (0, import_react53.createElement)(Pagination, {
             page,
             totalPages: pages,
             onPageChange: onChange,
@@ -16420,29 +16241,29 @@ window.__ModuleLoader__.load({
     }
 
     // src/client/components/ui/Section.tsx
-    var import_react55 = require("react");
+    var import_react54 = require("react");
     function Section({ title, actions, children, ariaLabel, className = "" }) {
       const hasHeader = title !== void 0 || actions !== void 0;
-      return (0, import_react55.createElement)(
+      return (0, import_react54.createElement)(
         "section",
         {
           className: `tdb-section ${className}`.trim(),
           "aria-label": ariaLabel ?? (typeof title === "string" ? title : void 0)
         },
-        hasHeader ? (0, import_react55.createElement)(
+        hasHeader ? (0, import_react54.createElement)(
           "div",
           {
             className: `tdb-section-head${title === void 0 ? " tdb-section-head--actions-only" : ""}`
           },
-          title === void 0 ? null : (0, import_react55.createElement)("h2", { className: "tdb-section-title" }, title),
-          actions === void 0 ? null : (0, import_react55.createElement)("div", { className: "tdb-section-actions" }, actions)
+          title === void 0 ? null : (0, import_react54.createElement)("h2", { className: "tdb-section-title" }, title),
+          actions === void 0 ? null : (0, import_react54.createElement)("div", { className: "tdb-section-actions" }, actions)
         ) : null,
         children
       );
     }
 
     // src/client/components/ui/DataTable.tsx
-    var import_react56 = require("react");
+    var import_react55 = require("react");
     function DataTable({
       rows,
       columns,
@@ -16452,23 +16273,23 @@ window.__ModuleLoader__.load({
       onRowActivate
     }) {
       const activate = onRowActivate;
-      return (0, import_react56.createElement)(
+      return (0, import_react55.createElement)(
         "div",
         { className: "tdb-table-wrap" },
-        (0, import_react56.createElement)(
+        (0, import_react55.createElement)(
           "table",
           { className: "tdb-table", "aria-label": ariaLabel },
-          (0, import_react56.createElement)(
+          (0, import_react55.createElement)(
             "thead",
             {},
-            (0, import_react56.createElement)("tr", {}, columns.map((column) => (0, import_react56.createElement)("th", {
+            (0, import_react55.createElement)("tr", {}, columns.map((column) => (0, import_react55.createElement)("th", {
               key: column.key,
               className: column.headerClassName,
               style: column.style,
               ...column.headerProps
             }, column.header)))
           ),
-          (0, import_react56.createElement)("tbody", {}, rows.map((row) => (0, import_react56.createElement)("tr", {
+          (0, import_react55.createElement)("tbody", {}, rows.map((row) => (0, import_react55.createElement)("tr", {
             key: rowKey(row),
             className: rowClassName ?? (activate === void 0 ? void 0 : "tdb-row"),
             tabIndex: activate === void 0 ? void 0 : 0,
@@ -16478,7 +16299,7 @@ window.__ModuleLoader__.load({
               event.preventDefault();
               activate(row);
             }
-          }, columns.map((column) => (0, import_react56.createElement)("td", {
+          }, columns.map((column) => (0, import_react55.createElement)("td", {
             key: column.key,
             className: typeof column.cellClassName === "function" ? column.cellClassName(row) : column.cellClassName
           }, column.render(row))))))
@@ -16487,7 +16308,7 @@ window.__ModuleLoader__.load({
     }
 
     // src/shared/builtin-prices.generated.ts
-    var GENERATED_PRICE_UPDATED = "2026-10-30";
+    var GENERATED_PRICE_UPDATED = "2026-11-09";
     var GENERATED_PRICES = [
       {
         id: "~anthropic/claude-fable-latest",
@@ -16507,15 +16328,15 @@ window.__ModuleLoader__.load({
       },
       {
         id: "~deepseek/deepseek-flash-latest",
-        price: { "currency": "USD", "input": 0.0309, "output": 1.25, "cacheRead": 0.0306, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 6e-3, "output": 0.5, "cacheRead": 5e-3, "cacheWrite": 0 }
       },
       {
         id: "~deepseek/deepseek-pro-latest",
-        price: { "currency": "USD", "input": 0.1035, "output": 8, "cacheRead": 0.1, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.0999, "output": 8, "cacheRead": 0.0999, "cacheWrite": 0 }
       },
       {
         id: "~deepseek/deepseek-v4-flash-latest",
-        price: { "currency": "USD", "input": 0.0359, "output": 0.3, "cacheRead": 0.0349, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.0434, "output": 0.3, "cacheRead": 0.035, "cacheWrite": 0 }
       },
       {
         id: "~google/gemini-flash-latest",
@@ -16527,7 +16348,7 @@ window.__ModuleLoader__.load({
       },
       {
         id: "~moonshotai/kimi-latest",
-        price: { "currency": "USD", "input": 0.1624, "output": 9.3388, "cacheRead": 0.16, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.1824, "output": 9.3388, "cacheRead": 0.18, "cacheWrite": 0 }
       },
       {
         id: "~openai/gpt-astra-latest",
@@ -16559,7 +16380,7 @@ window.__ModuleLoader__.load({
       },
       {
         id: "~z-ai/glm-flash-latest",
-        price: { "currency": "USD", "input": 0.0478, "output": 0.0701, "cacheRead": 0.03, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.0335, "output": 0.083, "cacheRead": 0.03, "cacheWrite": 0 }
       },
       {
         id: "~z-ai/glm-latest",
@@ -16611,68 +16432,128 @@ window.__ModuleLoader__.load({
       },
       {
         id: "anthracite-org/magnum-v4-72b",
-        price: { "currency": "USD", "input": 2.5, "output": 5, "cacheRead": 0, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 2.5, "output": 5, "cacheRead": 2.5, "cacheWrite": 0 }
       },
       {
         id: "anthropic/claude-fable-5",
         price: { "currency": "USD", "input": 10, "output": 50, "cacheRead": 1, "cacheWrite": 12.5 }
       },
+      {
+        id: "anthropic/claude-fable-5:batch",
+        price: { "currency": "USD", "input": 5, "output": 25, "cacheRead": 0.5, "cacheWrite": 6.25 }
+      },
       {
         id: "anthropic/claude-fable-5.1",
         price: { "currency": "USD", "input": 10, "output": 50, "cacheRead": 0.25, "cacheWrite": 12.5 }
       },
+      {
+        id: "anthropic/claude-fable-5.1:batch",
+        price: { "currency": "USD", "input": 5, "output": 25, "cacheRead": 0.125, "cacheWrite": 6.25 }
+      },
       {
         id: "anthropic/claude-haiku-4.5",
         price: { "currency": "USD", "input": 1, "output": 5, "cacheRead": 0.1, "cacheWrite": 1.25 }
       },
+      {
+        id: "anthropic/claude-haiku-4.5:batch",
+        price: { "currency": "USD", "input": 0.5, "output": 2.5, "cacheRead": 0.05, "cacheWrite": 0.625 }
+      },
       {
         id: "anthropic/claude-haiku-5.5",
         price: { "currency": "USD", "input": 0.1, "output": 0.5, "cacheRead": 0.01, "cacheWrite": 0.125 }
       },
+      {
+        id: "anthropic/claude-haiku-5.5:batch",
+        price: { "currency": "USD", "input": 0.05, "output": 0.25, "cacheRead": 5e-3, "cacheWrite": 0.0625 }
+      },
       {
         id: "anthropic/claude-opus-4.1",
         price: { "currency": "USD", "input": 15, "output": 75, "cacheRead": 1.5, "cacheWrite": 18.75 }
       },
+      {
+        id: "anthropic/claude-opus-4.1:batch",
+        price: { "currency": "USD", "input": 7.5, "output": 37.5, "cacheRead": 0.75, "cacheWrite": 9.375 }
+      },
       {
         id: "anthropic/claude-opus-4.5",
         price: { "currency": "USD", "input": 5, "output": 25, "cacheRead": 0.5, "cacheWrite": 6.25 }
       },
+      {
+        id: "anthropic/claude-opus-4.5:batch",
+        price: { "currency": "USD", "input": 2.5, "output": 12.5, "cacheRead": 0.25, "cacheWrite": 3.125 }
+      },
       {
         id: "anthropic/claude-opus-4.6",
         price: { "currency": "USD", "input": 5, "output": 25, "cacheRead": 0.5, "cacheWrite": 6.25 }
       },
+      {
+        id: "anthropic/claude-opus-4.6:batch",
+        price: { "currency": "USD", "input": 2.5, "output": 12.5, "cacheRead": 0.25, "cacheWrite": 3.125 }
+      },
       {
         id: "anthropic/claude-opus-4.7",
         price: { "currency": "USD", "input": 5, "output": 25, "cacheRead": 0.5, "cacheWrite": 6.25 }
       },
+      {
+        id: "anthropic/claude-opus-4.7:batch",
+        price: { "currency": "USD", "input": 2.5, "output": 12.5, "cacheRead": 0.25, "cacheWrite": 3.125 }
+      },
       {
         id: "anthropic/claude-opus-4.8",
         price: { "currency": "USD", "input": 5, "output": 25, "cacheRead": 0.5, "cacheWrite": 6.25 }
       },
+      {
+        id: "anthropic/claude-opus-4.8:batch",
+        price: { "currency": "USD", "input": 2.5, "output": 12.5, "cacheRead": 0.25, "cacheWrite": 3.125 }
+      },
       {
         id: "anthropic/claude-opus-5",
         price: { "currency": "USD", "input": 5, "output": 25, "cacheRead": 0.5, "cacheWrite": 6.25 }
       },
+      {
+        id: "anthropic/claude-opus-5:batch",
+        price: { "currency": "USD", "input": 2.5, "output": 12.5, "cacheRead": 0.25, "cacheWrite": 3.125 }
+      },
       {
         id: "anthropic/claude-opus-5.5",
         price: { "currency": "USD", "input": 4, "output": 20, "cacheRead": 0.2, "cacheWrite": 5 }
       },
+      {
+        id: "anthropic/claude-opus-5.5:batch",
+        price: { "currency": "USD", "input": 2, "output": 10, "cacheRead": 0.1, "cacheWrite": 2.5 }
+      },
       {
         id: "anthropic/claude-sonnet-4.5",
         price: { "currency": "USD", "input": 3, "output": 15, "cacheRead": 0.3, "cacheWrite": 3.75 }
       },
+      {
+        id: "anthropic/claude-sonnet-4.5:batch",
+        price: { "currency": "USD", "input": 1.5, "output": 7.5, "cacheRead": 0.15, "cacheWrite": 1.875 }
+      },
       {
         id: "anthropic/claude-sonnet-4.6",
         price: { "currency": "USD", "input": 3, "output": 15, "cacheRead": 0.3, "cacheWrite": 3.75 }
       },
+      {
+        id: "anthropic/claude-sonnet-4.6:batch",
+        price: { "currency": "USD", "input": 1.5, "output": 7.5, "cacheRead": 0.15, "cacheWrite": 1.875 }
+      },
       {
         id: "anthropic/claude-sonnet-5",
         price: { "currency": "USD", "input": 2, "output": 10, "cacheRead": 0.2, "cacheWrite": 2.5 }
       },
+      {
+        id: "anthropic/claude-sonnet-5:batch",
+        price: { "currency": "USD", "input": 1, "output": 5, "cacheRead": 0.1, "cacheWrite": 1.25 }
+      },
       {
         id: "anthropic/claude-sonnet-5.5",
         price: { "currency": "USD", "input": 2, "output": 10, "cacheRead": 0.1, "cacheWrite": 2.5 }
       },
+      {
+        id: "anthropic/claude-sonnet-5.5:batch",
+        price: { "currency": "USD", "input": 1, "output": 5, "cacheRead": 0.05, "cacheWrite": 1.25 }
+      },
       {
         id: "bytedance-seed/seed-1.6",
         price: { "currency": "USD", "input": 0.25, "output": 2, "cacheRead": 0, "cacheWrite": 0 }
@@ -16731,7 +16612,7 @@ window.__ModuleLoader__.load({
       },
       {
         id: "deepseek/deepseek-chat",
-        price: { "currency": "USD", "input": 0.2574, "output": 1.0287, "cacheRead": 0, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.32, "output": 0.89, "cacheRead": 0, "cacheWrite": 0 }
       },
       {
         id: "deepseek/deepseek-chat-v3-0324",
@@ -16751,27 +16632,51 @@ window.__ModuleLoader__.load({
       },
       {
         id: "deepseek/deepseek-v3.2",
-        price: { "currency": "USD", "input": 0.28, "output": 0.42, "cacheRead": 0.028, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.26, "output": 0.38, "cacheRead": 0.13, "cacheWrite": 0 }
       },
       {
         id: "deepseek/deepseek-v3.2-exp",
         price: { "currency": "USD", "input": 0.27, "output": 0.41, "cacheRead": 0, "cacheWrite": 0 }
       },
+      {
+        id: "deepseek/deepseek-v4-flash",
+        price: { "currency": "USD", "input": 0.091, "output": 0.182, "cacheRead": 0.0182, "cacheWrite": 0 }
+      },
       {
         id: "deepseek/deepseek-v4-flash-0731",
-        price: { "currency": "USD", "input": 0.119, "output": 0.238, "cacheRead": 0.0238, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.0434, "output": 0.3, "cacheRead": 0.035, "cacheWrite": 0 }
+      },
+      {
+        id: "deepseek/deepseek-v4-flash-0731:batch",
+        price: { "currency": "USD", "input": 0.048, "output": 0.144, "cacheRead": 0.012, "cacheWrite": 0 }
       },
       {
         id: "deepseek/deepseek-v4-flash-vision-exp",
-        price: { "currency": "USD", "input": 0.2156, "output": 0.6468, "cacheRead": 686e-5, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.44, "output": 1.32, "cacheRead": 0.014, "cacheWrite": 0 }
+      },
+      {
+        id: "deepseek/deepseek-v4-pro",
+        price: { "currency": "USD", "input": 0.894012, "output": 1.788024, "cacheRead": 0.074501, "cacheWrite": 0 }
       },
       {
         id: "deepseek/deepseek-v4-pro-0813",
-        price: { "currency": "USD", "input": 1.32, "output": 3.96, "cacheRead": 0.044, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.111, "output": 4.44, "cacheRead": 0.097, "cacheWrite": 0 }
+      },
+      {
+        id: "deepseek/deepseek-v4.1-flash",
+        price: { "currency": "USD", "input": 0.051, "output": 0.567, "cacheRead": 0.018, "cacheWrite": 0 }
       },
       {
         id: "deepseek/deepseek-v4.1-flash-1017",
-        price: { "currency": "USD", "input": 0.3, "output": 1.2, "cacheRead": 6e-3, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 6e-3, "output": 0.5, "cacheRead": 5e-3, "cacheWrite": 0 }
+      },
+      {
+        id: "deepseek/deepseek-v4.1-flash-1017:batch",
+        price: { "currency": "USD", "input": 0.011, "output": 0.2, "cacheRead": 2e-3, "cacheWrite": 0 }
+      },
+      {
+        id: "deepseek/deepseek-v4.1-flash:batch",
+        price: { "currency": "USD", "input": 0.011, "output": 0.2, "cacheRead": 2e-3, "cacheWrite": 0 }
       },
       {
         id: "dots-studio/dots-3-note-preview:free",
@@ -16809,6 +16714,10 @@ window.__ModuleLoader__.load({
         id: "google/gemini-3-flash-preview",
         price: { "currency": "USD", "input": 0.5, "output": 3, "cacheRead": 0.05, "cacheWrite": 0.083333 }
       },
+      {
+        id: "google/gemini-3-flash-preview:batch",
+        price: { "currency": "USD", "input": 0.25, "output": 1.5, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "google/gemini-3-pro-image",
         price: { "currency": "USD", "input": 2, "output": 12, "cacheRead": 0.2, "cacheWrite": 0.375 }
@@ -16837,6 +16746,10 @@ window.__ModuleLoader__.load({
         id: "google/gemini-3.1-flash-lite-preview",
         price: { "currency": "USD", "input": 0.25, "output": 1.5, "cacheRead": 0.025, "cacheWrite": 0.083333 }
       },
+      {
+        id: "google/gemini-3.1-flash-lite:batch",
+        price: { "currency": "USD", "input": 0.125, "output": 0.75, "cacheRead": 0.0125, "cacheWrite": 0 }
+      },
       {
         id: "google/gemini-3.1-pro-preview",
         price: { "currency": "USD", "input": 2, "output": 12, "cacheRead": 0.2, "cacheWrite": 0.375 }
@@ -16845,6 +16758,10 @@ window.__ModuleLoader__.load({
         id: "google/gemini-3.1-pro-preview-customtools",
         price: { "currency": "USD", "input": 2, "output": 12, "cacheRead": 0.2, "cacheWrite": 0.375 }
       },
+      {
+        id: "google/gemini-3.1-pro-preview:batch",
+        price: { "currency": "USD", "input": 1, "output": 6, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "google/gemini-3.5-flash",
         price: { "currency": "USD", "input": 1.5, "output": 9, "cacheRead": 0.15, "cacheWrite": 0.083333 }
@@ -16853,26 +16770,58 @@ window.__ModuleLoader__.load({
         id: "google/gemini-3.5-flash-lite",
         price: { "currency": "USD", "input": 0.3, "output": 2.5, "cacheRead": 0.03, "cacheWrite": 0.083333 }
       },
+      {
+        id: "google/gemini-3.5-flash-lite:batch",
+        price: { "currency": "USD", "input": 0.15, "output": 1.25, "cacheRead": 0.015, "cacheWrite": 0 }
+      },
+      {
+        id: "google/gemini-3.5-flash:batch",
+        price: { "currency": "USD", "input": 0.75, "output": 4.5, "cacheRead": 0.075, "cacheWrite": 0 }
+      },
       {
         id: "google/gemini-3.6-flash",
         price: { "currency": "USD", "input": 0.75, "output": 3.75, "cacheRead": 0.075, "cacheWrite": 0.041667 }
       },
+      {
+        id: "google/gemini-3.6-flash:batch",
+        price: { "currency": "USD", "input": 0.375, "output": 1.875, "cacheRead": 0.0375, "cacheWrite": 0.041667 }
+      },
       {
         id: "google/gemini-3.7-flash",
         price: { "currency": "USD", "input": 0.75, "output": 3.75, "cacheRead": 0.075, "cacheWrite": 0.041667 }
       },
+      {
+        id: "google/gemini-3.7-flash:batch",
+        price: { "currency": "USD", "input": 0.375, "output": 1.875, "cacheRead": 0.0375, "cacheWrite": 0.041667 }
+      },
       {
         id: "google/gemini-3.8-flash",
         price: { "currency": "USD", "input": 0.825, "output": 4.125, "cacheRead": 0.0825, "cacheWrite": 0.041667 }
       },
+      {
+        id: "google/gemini-3.8-flash:batch",
+        price: { "currency": "USD", "input": 0.375, "output": 1.875, "cacheRead": 0.0375, "cacheWrite": 0.041667 }
+      },
       {
         id: "google/gemini-4-argon",
         price: { "currency": "USD", "input": 2, "output": 10, "cacheRead": 0.1, "cacheWrite": 0.1875 }
       },
+      {
+        id: "google/gemini-4-argon:batch",
+        price: { "currency": "USD", "input": 1, "output": 5, "cacheRead": 0.05, "cacheWrite": 0.1875 }
+      },
       {
         id: "google/gemini-nano-banana-2.1",
         price: { "currency": "USD", "input": 1.5, "output": 7.5, "cacheRead": 0, "cacheWrite": 0 }
       },
+      {
+        id: "google/gemini-omni-1.1-flash",
+        price: { "currency": "USD", "input": 1.5, "output": 9, "cacheRead": 0, "cacheWrite": 0 }
+      },
+      {
+        id: "google/gemini-omni-1.2-flash",
+        price: { "currency": "USD", "input": 1.5, "output": 9, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "google/gemma-2-27b-it",
         price: { "currency": "USD", "input": 0.65, "output": 0.65, "cacheRead": 0, "cacheWrite": 0 }
@@ -16883,7 +16832,7 @@ window.__ModuleLoader__.load({
       },
       {
         id: "google/gemma-3-27b-it",
-        price: { "currency": "USD", "input": 0.08, "output": 0.35, "cacheRead": 0.04, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.08, "output": 0.45, "cacheRead": 0.04, "cacheWrite": 0 }
       },
       {
         id: "google/gemma-3-4b-it",
@@ -16891,12 +16840,20 @@ window.__ModuleLoader__.load({
       },
       {
         id: "google/gemma-4-26b-a4b-it",
-        price: { "currency": "USD", "input": 0.0765, "output": 0.255, "cacheRead": 0.0425, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.09, "output": 0.3, "cacheRead": 0.05, "cacheWrite": 0 }
+      },
+      {
+        id: "google/gemma-4-26b-a4b-it:free",
+        price: { "currency": "USD", "input": 0, "output": 0, "cacheRead": 0, "cacheWrite": 0 }
       },
       {
         id: "google/gemma-4-31b-it",
         price: { "currency": "USD", "input": 0.2, "output": 0.4, "cacheRead": 0, "cacheWrite": 0 }
       },
+      {
+        id: "google/gemma-4-31b-it:free",
+        price: { "currency": "USD", "input": 0, "output": 0, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "google/lyria-3-clip-preview",
         price: { "currency": "USD", "input": 0, "output": 0, "cacheRead": 0, "cacheWrite": 0 }
@@ -16911,19 +16868,7 @@ window.__ModuleLoader__.load({
       },
       {
         id: "ibm-granite/granite-4.2-8b",
-        price: { "currency": "USD", "input": 0.06, "output": 0.15, "cacheRead": 0.015, "cacheWrite": 0 }
-      },
-      {
-        id: "inception/mercury-2",
-        price: { "currency": "USD", "input": 0.25, "output": 0.75, "cacheRead": 0.025, "cacheWrite": 0 }
-      },
-      {
-        id: "inception/mercury-2.5",
-        price: { "currency": "USD", "input": 0.04, "output": 0.15, "cacheRead": 4e-3, "cacheWrite": 0 }
-      },
-      {
-        id: "inception/mercury-3",
-        price: { "currency": "USD", "input": 0.1, "output": 0.35, "cacheRead": 0.01, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.06, "output": 0.25, "cacheRead": 0.015, "cacheWrite": 0 }
       },
       {
         id: "inclusionai/ling-3.0-flash",
@@ -16933,9 +16878,13 @@ window.__ModuleLoader__.load({
         id: "inclusionai/ling-3.0-flash-vl",
         price: { "currency": "USD", "input": 0.06, "output": 0.18, "cacheRead": 0.012, "cacheWrite": 0 }
       },
+      {
+        id: "inclusionai/ling-3.0-tiny",
+        price: { "currency": "USD", "input": 0.015, "output": 0.045, "cacheRead": 3e-3, "cacheWrite": 0 }
+      },
       {
         id: "inclusionai/ling-3.1-flash",
-        price: { "currency": "USD", "input": 0.075, "output": 0.225, "cacheRead": 0.015, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.045, "output": 0.135, "cacheRead": 9e-3, "cacheWrite": 0 }
       },
       {
         id: "inference-net/schematron-v2-small",
@@ -16949,13 +16898,25 @@ window.__ModuleLoader__.load({
         id: "liquid/lfm-2.5-2.6b",
         price: { "currency": "USD", "input": 0.35, "output": 0.5, "cacheRead": 0.04, "cacheWrite": 0 }
       },
+      {
+        id: "liquid/lfm-2.5-2.6b:free",
+        price: { "currency": "USD", "input": 0, "output": 0, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "liquid/lfm-2.5-24b-a2b",
         price: { "currency": "USD", "input": 0.05, "output": 0.7, "cacheRead": 0.025, "cacheWrite": 0 }
       },
+      {
+        id: "liquid/lfm-3-1.7b",
+        price: { "currency": "USD", "input": 0.08, "output": 0.2, "cacheRead": 0.02, "cacheWrite": 0 }
+      },
+      {
+        id: "liquid/lfm-3-1.7b:free",
+        price: { "currency": "USD", "input": 0, "output": 0, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "mancer/weaver",
-        price: { "currency": "USD", "input": 0.4, "output": 0.75, "cacheRead": 0, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.4, "output": 0.75, "cacheRead": 0.4, "cacheWrite": 0 }
       },
       {
         id: "meituan/longcat-2.0",
@@ -16963,11 +16924,11 @@ window.__ModuleLoader__.load({
       },
       {
         id: "meta-llama/llama-3.1-70b-instruct",
-        price: { "currency": "USD", "input": 0.4, "output": 0.4, "cacheRead": 0, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.72, "output": 0.72, "cacheRead": 0, "cacheWrite": 0 }
       },
       {
         id: "meta-llama/llama-3.1-8b-instruct",
-        price: { "currency": "USD", "input": 0.05, "output": 0.08, "cacheRead": 0.025, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.02, "output": 0.04, "cacheRead": 0, "cacheWrite": 0 }
       },
       {
         id: "meta-llama/llama-3.2-1b-instruct",
@@ -16979,11 +16940,11 @@ window.__ModuleLoader__.load({
       },
       {
         id: "meta-llama/llama-3.3-70b-instruct",
-        price: { "currency": "USD", "input": 0.1, "output": 0.32, "cacheRead": 0, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.59, "output": 0.79, "cacheRead": 0.295, "cacheWrite": 0 }
       },
       {
         id: "meta-llama/llama-4-maverick",
-        price: { "currency": "USD", "input": 0.1875, "output": 0.6525, "cacheRead": 0.05, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.35, "output": 1, "cacheRead": 0.17, "cacheWrite": 0 }
       },
       {
         id: "meta-llama/llama-4-scout",
@@ -16997,6 +16958,10 @@ window.__ModuleLoader__.load({
         id: "meta/muse-glimmer-30b",
         price: { "currency": "USD", "input": 0.3, "output": 1.2, "cacheRead": 0.04, "cacheWrite": 0 }
       },
+      {
+        id: "meta/muse-glimmer-30b:batch",
+        price: { "currency": "USD", "input": 0.24, "output": 0.96, "cacheRead": 0.032, "cacheWrite": 0 }
+      },
       {
         id: "meta/muse-spark-1.1",
         price: { "currency": "USD", "input": 1.25, "output": 4.25, "cacheRead": 0.15, "cacheWrite": 0 }
@@ -17029,41 +16994,25 @@ window.__ModuleLoader__.load({
         id: "microsoft/phi-4",
         price: { "currency": "USD", "input": 0.07, "output": 0.14, "cacheRead": 0, "cacheWrite": 0 }
       },
-      {
-        id: "minimax/minimax-01",
-        price: { "currency": "USD", "input": 0.2, "output": 1.1, "cacheRead": 0, "cacheWrite": 0 }
-      },
-      {
-        id: "minimax/minimax-m1",
-        price: { "currency": "USD", "input": 0.55, "output": 2.2, "cacheRead": 0, "cacheWrite": 0 }
-      },
-      {
-        id: "minimax/minimax-m2",
-        price: { "currency": "USD", "input": 0.255, "output": 1.02, "cacheRead": 0, "cacheWrite": 0 }
-      },
-      {
-        id: "minimax/minimax-m2-her",
-        price: { "currency": "USD", "input": 0.3, "output": 1.2, "cacheRead": 0.03, "cacheWrite": 0 }
-      },
-      {
-        id: "minimax/minimax-m2.1",
-        price: { "currency": "USD", "input": 0.3, "output": 1.2, "cacheRead": 0.03, "cacheWrite": 0 }
-      },
       {
         id: "minimax/minimax-m2.5",
-        price: { "currency": "USD", "input": 0.3, "output": 1.2, "cacheRead": 0.03, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.3, "output": 1.2, "cacheRead": 0.06, "cacheWrite": 0 }
       },
       {
         id: "minimax/minimax-m2.7",
-        price: { "currency": "USD", "input": 0.3, "output": 1.2, "cacheRead": 0.06, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.21, "output": 0.84, "cacheRead": 0.042, "cacheWrite": 0 }
       },
       {
         id: "minimax/minimax-m3",
         price: { "currency": "USD", "input": 0.3, "output": 1.2, "cacheRead": 0.06, "cacheWrite": 0 }
       },
+      {
+        id: "minimax/minimax-m3:batch",
+        price: { "currency": "USD", "input": 0.224, "output": 0.88, "cacheRead": 0.0448, "cacheWrite": 0 }
+      },
       {
         id: "minimax/minimax-m3.1-flash",
-        price: { "currency": "USD", "input": 0.15, "output": 0.6, "cacheRead": 0.015, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.075, "output": 0.3, "cacheRead": 75e-4, "cacheWrite": 0 }
       },
       {
         id: "mistralai/codestral-2508",
@@ -17085,6 +17034,14 @@ window.__ModuleLoader__.load({
         id: "mistralai/ministral-8b-2512",
         price: { "currency": "USD", "input": 0.15, "output": 0.15, "cacheRead": 0.015, "cacheWrite": 0 }
       },
+      {
+        id: "mistralai/mistral-large",
+        price: { "currency": "USD", "input": 2, "output": 6, "cacheRead": 0.2, "cacheWrite": 0 }
+      },
+      {
+        id: "mistralai/mistral-large-2407",
+        price: { "currency": "USD", "input": 2, "output": 6, "cacheRead": 0.2, "cacheWrite": 0 }
+      },
       {
         id: "mistralai/mistral-large-2512",
         price: { "currency": "USD", "input": 0.5, "output": 1.5, "cacheRead": 0.05, "cacheWrite": 0 }
@@ -17101,6 +17058,10 @@ window.__ModuleLoader__.load({
         id: "mistralai/mistral-medium-3-5",
         price: { "currency": "USD", "input": 1.5, "output": 7.5, "cacheRead": 0, "cacheWrite": 0 }
       },
+      {
+        id: "mistralai/mistral-medium-3-5:batch",
+        price: { "currency": "USD", "input": 0.75, "output": 3.75, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "mistralai/mistral-medium-3.1",
         price: { "currency": "USD", "input": 0.4, "output": 2, "cacheRead": 0.04, "cacheWrite": 0 }
@@ -17127,7 +17088,7 @@ window.__ModuleLoader__.load({
       },
       {
         id: "mistralai/mistral-small-3.2-24b-instruct",
-        price: { "currency": "USD", "input": 0.075, "output": 0.2, "cacheRead": 0, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.1, "output": 0.3, "cacheRead": 0.01, "cacheWrite": 0 }
       },
       {
         id: "mistralai/mixtral-8x22b-instruct",
@@ -17145,6 +17106,10 @@ window.__ModuleLoader__.load({
         id: "moondream/moondream3.1-9b-a2b",
         price: { "currency": "USD", "input": 0.3, "output": 2.5, "cacheRead": 0, "cacheWrite": 0 }
       },
+      {
+        id: "moonshotai/kimi-k2",
+        price: { "currency": "USD", "input": 0.57, "output": 2.3, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "moonshotai/kimi-k2-0905",
         price: { "currency": "USD", "input": 0.6, "output": 2.5, "cacheRead": 0, "cacheWrite": 0 }
@@ -17155,7 +17120,7 @@ window.__ModuleLoader__.load({
       },
       {
         id: "moonshotai/kimi-k2.5",
-        price: { "currency": "USD", "input": 0.5, "output": 2.5, "cacheRead": 0.15, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.532, "output": 3.325, "cacheRead": 0.209, "cacheWrite": 0 }
       },
       {
         id: "moonshotai/kimi-k2.6",
@@ -17163,11 +17128,15 @@ window.__ModuleLoader__.load({
       },
       {
         id: "moonshotai/kimi-k2.7-code",
-        price: { "currency": "USD", "input": 0.56, "output": 3.1, "cacheRead": 0.15, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.6, "output": 3.5, "cacheRead": 0.16, "cacheWrite": 0 }
       },
       {
         id: "moonshotai/kimi-k3",
-        price: { "currency": "USD", "input": 0.192, "output": 15, "cacheRead": 0.182, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.192, "output": 16, "cacheRead": 0.182, "cacheWrite": 0 }
+      },
+      {
+        id: "moonshotai/kimi-k3:batch",
+        price: { "currency": "USD", "input": 0.883, "output": 6, "cacheRead": 0.218, "cacheWrite": 0 }
       },
       {
         id: "moonshotai/kimi-k3.1-pro",
@@ -17177,10 +17146,18 @@ window.__ModuleLoader__.load({
         id: "morph/morph-v3-fast",
         price: { "currency": "USD", "input": 0.8, "output": 1.2, "cacheRead": 0, "cacheWrite": 0 }
       },
+      {
+        id: "morph/morph-v3-fast:batch",
+        price: { "currency": "USD", "input": 0.4, "output": 0.6, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "morph/morph-v3-large",
         price: { "currency": "USD", "input": 0.9, "output": 1.9, "cacheRead": 0, "cacheWrite": 0 }
       },
+      {
+        id: "morph/morph-v3-large:batch",
+        price: { "currency": "USD", "input": 0.45, "output": 0.95, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "nex-agi/nex-n2.5-mini",
         price: { "currency": "USD", "input": 0.025, "output": 0.1, "cacheRead": 25e-4, "cacheWrite": 0 }
@@ -17189,14 +17166,6 @@ window.__ModuleLoader__.load({
         id: "nex-agi/nex-n2.5-pro",
         price: { "currency": "USD", "input": 0.075, "output": 0.25, "cacheRead": 0.015, "cacheWrite": 0 }
       },
-      {
-        id: "nousresearch/hermes-3-llama-3.1-405b",
-        price: { "currency": "USD", "input": 1, "output": 1, "cacheRead": 0, "cacheWrite": 0 }
-      },
-      {
-        id: "nousresearch/hermes-3-llama-3.1-70b",
-        price: { "currency": "USD", "input": 0.7, "output": 0.7, "cacheRead": 0, "cacheWrite": 0 }
-      },
       {
         id: "nousresearch/hermes-4-405b",
         price: { "currency": "USD", "input": 1, "output": 3, "cacheRead": 0.2, "cacheWrite": 0 }
@@ -17211,12 +17180,16 @@ window.__ModuleLoader__.load({
       },
       {
         id: "nvidia/nemotron-3-super-120b-a12b",
-        price: { "currency": "USD", "input": 0.3, "output": 2.4, "cacheRead": 0.15, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.075, "output": 0.4, "cacheRead": 0, "cacheWrite": 0 }
       },
       {
         id: "nvidia/nemotron-3-ultra-550b-a55b",
         price: { "currency": "USD", "input": 0.6, "output": 2.4, "cacheRead": 0.12, "cacheWrite": 0 }
       },
+      {
+        id: "nvidia/nemotron-3-ultra-550b-a55b:free",
+        price: { "currency": "USD", "input": 0, "output": 0, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "nvidia/nemotron-3.5-content-safety",
         price: { "currency": "USD", "input": 0.2, "output": 0.2, "cacheRead": 0, "cacheWrite": 0 }
@@ -17225,10 +17198,18 @@ window.__ModuleLoader__.load({
         id: "nvidia/nemotron-3.5-lightning",
         price: { "currency": "USD", "input": 0.07, "output": 0.2, "cacheRead": 0.04, "cacheWrite": 0 }
       },
+      {
+        id: "nvidia/nemotron-3.5-lightning:free",
+        price: { "currency": "USD", "input": 0, "output": 0, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "nvidia/nemotron-3.5-super-vl",
         price: { "currency": "USD", "input": 0.15, "output": 0.5, "cacheRead": 0.02, "cacheWrite": 0 }
       },
+      {
+        id: "nvidia/nemotron-3.5-super-vl:free",
+        price: { "currency": "USD", "input": 0, "output": 0, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "openai/gpt-3.5-turbo-0613",
         price: { "currency": "USD", "input": 1, "output": 2, "cacheRead": 0, "cacheWrite": 0 }
@@ -17241,6 +17222,10 @@ window.__ModuleLoader__.load({
         id: "openai/gpt-4",
         price: { "currency": "USD", "input": 30, "output": 60, "cacheRead": 0, "cacheWrite": 0 }
       },
+      {
+        id: "openai/gpt-4-turbo:batch",
+        price: { "currency": "USD", "input": 5, "output": 15, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "openai/gpt-4.1",
         price: { "currency": "USD", "input": 2, "output": 8, "cacheRead": 0.5, "cacheWrite": 0 }
@@ -17249,42 +17234,94 @@ window.__ModuleLoader__.load({
         id: "openai/gpt-4.1-mini",
         price: { "currency": "USD", "input": 0.4, "output": 1.6, "cacheRead": 0.1, "cacheWrite": 0 }
       },
+      {
+        id: "openai/gpt-4.1-mini:batch",
+        price: { "currency": "USD", "input": 0.2, "output": 0.8, "cacheRead": 0.05, "cacheWrite": 0 }
+      },
       {
         id: "openai/gpt-4.1-nano",
         price: { "currency": "USD", "input": 0.1, "output": 0.4, "cacheRead": 0.03, "cacheWrite": 0 }
       },
       {
-        id: "openai/gpt-4o-2024-11-20",
-        price: { "currency": "USD", "input": 2.5, "output": 10, "cacheRead": 1.25, "cacheWrite": 0 }
+        id: "openai/gpt-4.1-nano:batch",
+        price: { "currency": "USD", "input": 0.05, "output": 0.2, "cacheRead": 0.0125, "cacheWrite": 0 }
       },
       {
-        id: "openai/gpt-4o-mini",
-        price: { "currency": "USD", "input": 0.15, "output": 0.6, "cacheRead": 0.075, "cacheWrite": 0 }
+        id: "openai/gpt-4.1:batch",
+        price: { "currency": "USD", "input": 1, "output": 4, "cacheRead": 0.25, "cacheWrite": 0 }
       },
       {
-        id: "openai/gpt-5",
-        price: { "currency": "USD", "input": 1.25, "output": 10, "cacheRead": 0.125, "cacheWrite": 0 }
+        id: "openai/gpt-4o",
+        price: { "currency": "USD", "input": 2.5, "output": 10, "cacheRead": 1.25, "cacheWrite": 0 }
       },
       {
-        id: "openai/gpt-5-image",
-        price: { "currency": "USD", "input": 10, "output": 10, "cacheRead": 1.25, "cacheWrite": 0 }
+        id: "openai/gpt-4o-2024-05-13",
+        price: { "currency": "USD", "input": 5, "output": 15, "cacheRead": 0, "cacheWrite": 0 }
       },
       {
-        id: "openai/gpt-5-image-mini",
-        price: { "currency": "USD", "input": 2.5, "output": 2, "cacheRead": 0.25, "cacheWrite": 0 }
+        id: "openai/gpt-4o-2024-08-06",
+        price: { "currency": "USD", "input": 2.5, "output": 10, "cacheRead": 1.25, "cacheWrite": 0 }
       },
       {
-        id: "openai/gpt-5-mini",
-        price: { "currency": "USD", "input": 0.25, "output": 2, "cacheRead": 0.025, "cacheWrite": 0 }
+        id: "openai/gpt-4o-2024-11-20",
+        price: { "currency": "USD", "input": 2.5, "output": 10, "cacheRead": 1.25, "cacheWrite": 0 }
       },
       {
-        id: "openai/gpt-5-nano",
-        price: { "currency": "USD", "input": 0.05, "output": 0.4, "cacheRead": 5e-3, "cacheWrite": 0 }
-      },
+        id: "openai/gpt-4o-mini",
+        price: { "currency": "USD", "input": 0.15, "output": 0.6, "cacheRead": 0.075, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-4o-mini-2024-07-18",
+        price: { "currency": "USD", "input": 0.15, "output": 0.6, "cacheRead": 0.075, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-4o-mini:batch",
+        price: { "currency": "USD", "input": 0.075, "output": 0.3, "cacheRead": 0.0375, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-4o:batch",
+        price: { "currency": "USD", "input": 1.25, "output": 5, "cacheRead": 0.625, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-5",
+        price: { "currency": "USD", "input": 1.25, "output": 10, "cacheRead": 0.125, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-5-image",
+        price: { "currency": "USD", "input": 10, "output": 10, "cacheRead": 1.25, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-5-image-mini",
+        price: { "currency": "USD", "input": 2.5, "output": 2, "cacheRead": 0.25, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-5-mini",
+        price: { "currency": "USD", "input": 0.25, "output": 2, "cacheRead": 0.025, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-5-mini:batch",
+        price: { "currency": "USD", "input": 0.125, "output": 1, "cacheRead": 0.0125, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-5-nano",
+        price: { "currency": "USD", "input": 0.05, "output": 0.4, "cacheRead": 5e-3, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-5-nano:batch",
+        price: { "currency": "USD", "input": 0.025, "output": 0.2, "cacheRead": 25e-4, "cacheWrite": 0 }
+      },
       {
         id: "openai/gpt-5-pro",
         price: { "currency": "USD", "input": 15, "output": 120, "cacheRead": 0, "cacheWrite": 0 }
       },
+      {
+        id: "openai/gpt-5-pro:batch",
+        price: { "currency": "USD", "input": 7.5, "output": 60, "cacheRead": 0, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-5:batch",
+        price: { "currency": "USD", "input": 0.625, "output": 5, "cacheRead": 0.0625, "cacheWrite": 0 }
+      },
       {
         id: "openai/gpt-5.1",
         price: { "currency": "USD", "input": 1.25, "output": 10, "cacheRead": 0.125, "cacheWrite": 0 }
@@ -17301,6 +17338,10 @@ window.__ModuleLoader__.load({
         id: "openai/gpt-5.1-codex-mini",
         price: { "currency": "USD", "input": 0.25, "output": 2, "cacheRead": 0.03, "cacheWrite": 0 }
       },
+      {
+        id: "openai/gpt-5.1:batch",
+        price: { "currency": "USD", "input": 0.625, "output": 5, "cacheRead": 0.0625, "cacheWrite": 0 }
+      },
       {
         id: "openai/gpt-5.2",
         price: { "currency": "USD", "input": 1.75, "output": 14, "cacheRead": 0.175, "cacheWrite": 0 }
@@ -17317,6 +17358,14 @@ window.__ModuleLoader__.load({
         id: "openai/gpt-5.2-pro",
         price: { "currency": "USD", "input": 21, "output": 168, "cacheRead": 0, "cacheWrite": 0 }
       },
+      {
+        id: "openai/gpt-5.2-pro:batch",
+        price: { "currency": "USD", "input": 10.5, "output": 84, "cacheRead": 0, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-5.2:batch",
+        price: { "currency": "USD", "input": 0.875, "output": 7, "cacheRead": 0.0875, "cacheWrite": 0 }
+      },
       {
         id: "openai/gpt-5.3-codex",
         price: { "currency": "USD", "input": 1.75, "output": 14, "cacheRead": 0.175, "cacheWrite": 0 }
@@ -17333,14 +17382,30 @@ window.__ModuleLoader__.load({
         id: "openai/gpt-5.4-mini",
         price: { "currency": "USD", "input": 0.75, "output": 4.5, "cacheRead": 0.075, "cacheWrite": 0 }
       },
+      {
+        id: "openai/gpt-5.4-mini:batch",
+        price: { "currency": "USD", "input": 0.375, "output": 2.25, "cacheRead": 0.0375, "cacheWrite": 0 }
+      },
       {
         id: "openai/gpt-5.4-nano",
         price: { "currency": "USD", "input": 0.2, "output": 1.25, "cacheRead": 0.02, "cacheWrite": 0 }
       },
+      {
+        id: "openai/gpt-5.4-nano:batch",
+        price: { "currency": "USD", "input": 0.1, "output": 0.625, "cacheRead": 0.01, "cacheWrite": 0 }
+      },
       {
         id: "openai/gpt-5.4-pro",
         price: { "currency": "USD", "input": 30, "output": 180, "cacheRead": 0, "cacheWrite": 0 }
       },
+      {
+        id: "openai/gpt-5.4-pro:batch",
+        price: { "currency": "USD", "input": 15, "output": 90, "cacheRead": 0, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-5.4:batch",
+        price: { "currency": "USD", "input": 1.25, "output": 7.5, "cacheRead": 0.125, "cacheWrite": 0 }
+      },
       {
         id: "openai/gpt-5.5",
         price: { "currency": "USD", "input": 5, "output": 30, "cacheRead": 0.5, "cacheWrite": 0 }
@@ -17349,6 +17414,14 @@ window.__ModuleLoader__.load({
         id: "openai/gpt-5.5-pro",
         price: { "currency": "USD", "input": 30, "output": 180, "cacheRead": 0, "cacheWrite": 0 }
       },
+      {
+        id: "openai/gpt-5.5-pro:batch",
+        price: { "currency": "USD", "input": 15, "output": 90, "cacheRead": 0, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-5.5:batch",
+        price: { "currency": "USD", "input": 2.5, "output": 15, "cacheRead": 0.25, "cacheWrite": 0 }
+      },
       {
         id: "openai/gpt-5.6-luna",
         price: { "currency": "USD", "input": 0.2, "output": 1.2, "cacheRead": 0.02, "cacheWrite": 0.25 }
@@ -17357,6 +17430,14 @@ window.__ModuleLoader__.load({
         id: "openai/gpt-5.6-luna-pro",
         price: { "currency": "USD", "input": 0.2, "output": 1.2, "cacheRead": 0.02, "cacheWrite": 0.25 }
       },
+      {
+        id: "openai/gpt-5.6-luna-pro:batch",
+        price: { "currency": "USD", "input": 0.1, "output": 0.6, "cacheRead": 0.01, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-5.6-luna:batch",
+        price: { "currency": "USD", "input": 0.1, "output": 0.6, "cacheRead": 0.01, "cacheWrite": 0 }
+      },
       {
         id: "openai/gpt-5.6-sol",
         price: { "currency": "USD", "input": 4, "output": 20, "cacheRead": 0.4, "cacheWrite": 5 }
@@ -17365,6 +17446,14 @@ window.__ModuleLoader__.load({
         id: "openai/gpt-5.6-sol-pro",
         price: { "currency": "USD", "input": 4, "output": 20, "cacheRead": 0.4, "cacheWrite": 5 }
       },
+      {
+        id: "openai/gpt-5.6-sol-pro:batch",
+        price: { "currency": "USD", "input": 2, "output": 10, "cacheRead": 0.2, "cacheWrite": 2.5 }
+      },
+      {
+        id: "openai/gpt-5.6-sol:batch",
+        price: { "currency": "USD", "input": 2, "output": 10, "cacheRead": 0.2, "cacheWrite": 2.5 }
+      },
       {
         id: "openai/gpt-5.6-terra",
         price: { "currency": "USD", "input": 2, "output": 12, "cacheRead": 0.2, "cacheWrite": 2.5 }
@@ -17373,6 +17462,14 @@ window.__ModuleLoader__.load({
         id: "openai/gpt-5.6-terra-pro",
         price: { "currency": "USD", "input": 2, "output": 12, "cacheRead": 0.2, "cacheWrite": 2.5 }
       },
+      {
+        id: "openai/gpt-5.6-terra-pro:batch",
+        price: { "currency": "USD", "input": 1, "output": 6, "cacheRead": 0.1, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-5.6-terra:batch",
+        price: { "currency": "USD", "input": 1, "output": 6, "cacheRead": 0.1, "cacheWrite": 0 }
+      },
       {
         id: "openai/gpt-6-astra",
         price: { "currency": "USD", "input": 10, "output": 50, "cacheRead": 1, "cacheWrite": 12.5 }
@@ -17381,6 +17478,14 @@ window.__ModuleLoader__.load({
         id: "openai/gpt-6-astra-pro",
         price: { "currency": "USD", "input": 10, "output": 50, "cacheRead": 1, "cacheWrite": 12.5 }
       },
+      {
+        id: "openai/gpt-6-astra-pro:batch",
+        price: { "currency": "USD", "input": 5, "output": 25, "cacheRead": 0.5, "cacheWrite": 6.25 }
+      },
+      {
+        id: "openai/gpt-6-astra:batch",
+        price: { "currency": "USD", "input": 5, "output": 25, "cacheRead": 0.5, "cacheWrite": 6.25 }
+      },
       {
         id: "openai/gpt-6-luna",
         price: { "currency": "USD", "input": 0.1, "output": 0.5, "cacheRead": 0.01, "cacheWrite": 0.125 }
@@ -17389,6 +17494,14 @@ window.__ModuleLoader__.load({
         id: "openai/gpt-6-luna-pro",
         price: { "currency": "USD", "input": 0.1, "output": 0.5, "cacheRead": 0.01, "cacheWrite": 0.125 }
       },
+      {
+        id: "openai/gpt-6-luna-pro:batch",
+        price: { "currency": "USD", "input": 0.05, "output": 0.25, "cacheRead": 5e-3, "cacheWrite": 0.0625 }
+      },
+      {
+        id: "openai/gpt-6-luna:batch",
+        price: { "currency": "USD", "input": 0.05, "output": 0.25, "cacheRead": 5e-3, "cacheWrite": 0.0625 }
+      },
       {
         id: "openai/gpt-6-sol",
         price: { "currency": "USD", "input": 2, "output": 10, "cacheRead": 0.2, "cacheWrite": 2.5 }
@@ -17397,6 +17510,14 @@ window.__ModuleLoader__.load({
         id: "openai/gpt-6-sol-pro",
         price: { "currency": "USD", "input": 2, "output": 10, "cacheRead": 0.2, "cacheWrite": 2.5 }
       },
+      {
+        id: "openai/gpt-6-sol-pro:batch",
+        price: { "currency": "USD", "input": 1, "output": 5, "cacheRead": 0.1, "cacheWrite": 1.25 }
+      },
+      {
+        id: "openai/gpt-6-sol:batch",
+        price: { "currency": "USD", "input": 1, "output": 5, "cacheRead": 0.1, "cacheWrite": 1.25 }
+      },
       {
         id: "openai/gpt-6.1-sol",
         price: { "currency": "USD", "input": 2, "output": 10, "cacheRead": 0.1, "cacheWrite": 2.5 }
@@ -17405,6 +17526,14 @@ window.__ModuleLoader__.load({
         id: "openai/gpt-6.1-sol-pro",
         price: { "currency": "USD", "input": 2, "output": 10, "cacheRead": 0.1, "cacheWrite": 2.5 }
       },
+      {
+        id: "openai/gpt-6.1-sol-pro:batch",
+        price: { "currency": "USD", "input": 1, "output": 5, "cacheRead": 0.05, "cacheWrite": 1.25 }
+      },
+      {
+        id: "openai/gpt-6.1-sol:batch",
+        price: { "currency": "USD", "input": 1, "output": 5, "cacheRead": 0.05, "cacheWrite": 1.25 }
+      },
       {
         id: "openai/gpt-6.1-terra",
         price: { "currency": "USD", "input": 1, "output": 5, "cacheRead": 0.05, "cacheWrite": 1.25 }
@@ -17413,6 +17542,14 @@ window.__ModuleLoader__.load({
         id: "openai/gpt-6.1-terra-pro",
         price: { "currency": "USD", "input": 1, "output": 5, "cacheRead": 0.05, "cacheWrite": 1.25 }
       },
+      {
+        id: "openai/gpt-6.1-terra-pro:batch",
+        price: { "currency": "USD", "input": 0.5, "output": 2.5, "cacheRead": 0.025, "cacheWrite": 0.625 }
+      },
+      {
+        id: "openai/gpt-6.1-terra:batch",
+        price: { "currency": "USD", "input": 0.5, "output": 2.5, "cacheRead": 0.025, "cacheWrite": 0.625 }
+      },
       {
         id: "openai/gpt-audio",
         price: { "currency": "USD", "input": 2.5, "output": 10, "cacheRead": 0, "cacheWrite": 0 }
@@ -17429,9 +17566,17 @@ window.__ModuleLoader__.load({
         id: "openai/gpt-oss-120b",
         price: { "currency": "USD", "input": 0.15, "output": 0.6, "cacheRead": 0.075, "cacheWrite": 0 }
       },
+      {
+        id: "openai/gpt-oss-120b:batch",
+        price: { "currency": "USD", "input": 0.0296, "output": 0.136, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "openai/gpt-oss-20b",
-        price: { "currency": "USD", "input": 0.018, "output": 0.09, "cacheRead": 9e-3, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.03, "output": 0.13, "cacheRead": 0.03, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/gpt-oss-20b:batch",
+        price: { "currency": "USD", "input": 0.024, "output": 0.112, "cacheRead": 0, "cacheWrite": 0 }
       },
       {
         id: "openai/gpt-oss-safeguard-20b",
@@ -17441,17 +17586,29 @@ window.__ModuleLoader__.load({
         id: "openai/o3",
         price: { "currency": "USD", "input": 2, "output": 8, "cacheRead": 0.5, "cacheWrite": 0 }
       },
+      {
+        id: "openai/o3-mini:batch",
+        price: { "currency": "USD", "input": 0.55, "output": 2.2, "cacheRead": 0.275, "cacheWrite": 0 }
+      },
       {
         id: "openai/o3-pro",
         price: { "currency": "USD", "input": 20, "output": 80, "cacheRead": 0, "cacheWrite": 0 }
       },
+      {
+        id: "openai/o3:batch",
+        price: { "currency": "USD", "input": 1, "output": 4, "cacheRead": 0.25, "cacheWrite": 0 }
+      },
+      {
+        id: "openai/o4-mini:batch",
+        price: { "currency": "USD", "input": 0.55, "output": 2.2, "cacheRead": 0.1375, "cacheWrite": 0 }
+      },
       {
         id: "openrouter/free",
         price: { "currency": "USD", "input": 0, "output": 0, "cacheRead": 0, "cacheWrite": 0 }
       },
       {
         id: "particle-ai/particle-1",
-        price: { "currency": "USD", "input": 0.25, "output": 1, "cacheRead": 0.03, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.05, "output": 0.5, "cacheRead": 3e-3, "cacheWrite": 0 }
       },
       {
         id: "perceptron/perceptron-mk1",
@@ -17481,14 +17638,6 @@ window.__ModuleLoader__.load({
         id: "perplexity/sonar-reasoning-pro",
         price: { "currency": "USD", "input": 2, "output": 8, "cacheRead": 0, "cacheWrite": 0 }
       },
-      {
-        id: "poolside/laguna-s-2.1",
-        price: { "currency": "USD", "input": 0.09, "output": 0.18, "cacheRead": 9e-3, "cacheWrite": 0 }
-      },
-      {
-        id: "poolside/laguna-xs-2.1",
-        price: { "currency": "USD", "input": 0.06, "output": 0.12, "cacheRead": 0.03, "cacheWrite": 0 }
-      },
       {
         id: "prism-ml/ternary-bonsai-2-27b",
         price: { "currency": "USD", "input": 0.075, "output": 0.5, "cacheRead": 0.0375, "cacheWrite": 0 }
@@ -17523,7 +17672,7 @@ window.__ModuleLoader__.load({
       },
       {
         id: "qwen/qwen3-235b-a22b-2507",
-        price: { "currency": "USD", "input": 0.09, "output": 0.55, "cacheRead": 0, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.14, "output": 0.8, "cacheRead": 0.05, "cacheWrite": 0 }
       },
       {
         id: "qwen/qwen3-235b-a22b-thinking-2507",
@@ -17547,7 +17696,7 @@ window.__ModuleLoader__.load({
       },
       {
         id: "qwen/qwen3-coder-30b-a3b-instruct",
-        price: { "currency": "USD", "input": 0.07, "output": 0.28, "cacheRead": 0, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.15, "output": 0.6, "cacheRead": 0, "cacheWrite": 0 }
       },
       {
         id: "qwen/qwen3-coder-flash",
@@ -17591,7 +17740,7 @@ window.__ModuleLoader__.load({
       },
       {
         id: "qwen/qwen3.5-397b-a17b",
-        price: { "currency": "USD", "input": 0.5, "output": 3.6, "cacheRead": 0.3, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.6, "output": 3.6, "cacheRead": 0.12, "cacheWrite": 0 }
       },
       {
         id: "qwen/qwen3.5-9b",
@@ -17637,13 +17786,21 @@ window.__ModuleLoader__.load({
         id: "qwen/qwen3.7-plus",
         price: { "currency": "USD", "input": 0.32, "output": 1.28, "cacheRead": 0.064, "cacheWrite": 0.4 }
       },
+      {
+        id: "qwen/qwen3.7-plus:batch",
+        price: { "currency": "USD", "input": 0.23, "output": 0.92, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "qwen/qwen3.8-2.4t-a95b",
         price: { "currency": "USD", "input": 2, "output": 6, "cacheRead": 0.25, "cacheWrite": 0 }
       },
       {
         id: "qwen/qwen3.8-27b",
-        price: { "currency": "USD", "input": 0.039, "output": 1.25, "cacheRead": 39e-4, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.15, "output": 1.875, "cacheRead": 0.0375, "cacheWrite": 0 }
+      },
+      {
+        id: "qwen/qwen3.8-27b:batch",
+        price: { "currency": "USD", "input": 0.16, "output": 2, "cacheRead": 0.04, "cacheWrite": 0 }
       },
       {
         id: "qwen/qwen3.8-flash",
@@ -17653,6 +17810,10 @@ window.__ModuleLoader__.load({
         id: "qwen/qwen3.8-max-0902",
         price: { "currency": "USD", "input": 2, "output": 6, "cacheRead": 0.25, "cacheWrite": 0 }
       },
+      {
+        id: "qwen/qwen3.8-max-0902:batch",
+        price: { "currency": "USD", "input": 1.15, "output": 3.45, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "qwen/qwen3.8-max-prime",
         price: { "currency": "USD", "input": 4, "output": 12, "cacheRead": 0.5, "cacheWrite": 0 }
@@ -17667,7 +17828,7 @@ window.__ModuleLoader__.load({
       },
       {
         id: "reflection/beam-1.0-501b-a23b",
-        price: { "currency": "USD", "input": 0.25, "output": 1, "cacheRead": 0.05, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.3, "output": 1, "cacheRead": 0.04, "cacheWrite": 0 }
       },
       {
         id: "rekaai/reka-edge",
@@ -17685,6 +17846,10 @@ window.__ModuleLoader__.load({
         id: "relace/relace-search",
         price: { "currency": "USD", "input": 1, "output": 3, "cacheRead": 0, "cacheWrite": 0 }
       },
+      {
+        id: "ricursiveai/ripple-65b-preview",
+        price: { "currency": "USD", "input": 0.2, "output": 0.6, "cacheRead": 0.05, "cacheWrite": 0 }
+      },
       {
         id: "sakana/fugu-max",
         price: { "currency": "USD", "input": 2, "output": 6, "cacheRead": 0.25, "cacheWrite": 0 }
@@ -17717,6 +17882,10 @@ window.__ModuleLoader__.load({
         id: "scaledown/summarize",
         price: { "currency": "USD", "input": 0.04, "output": 0, "cacheRead": 0, "cacheWrite": 0 }
       },
+      {
+        id: "stealth/crouton-alpha",
+        price: { "currency": "USD", "input": 0, "output": 0, "cacheRead": 0, "cacheWrite": 0 }
+      },
       {
         id: "stepfun/step-3.5-flash",
         price: { "currency": "USD", "input": 0.1, "output": 0.3, "cacheRead": 0, "cacheWrite": 0 }
@@ -17747,15 +17916,19 @@ window.__ModuleLoader__.load({
       },
       {
         id: "tencent/hy3",
-        price: { "currency": "USD", "input": 0.132, "output": 0.528, "cacheRead": 0.033, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.0825, "output": 0.33, "cacheRead": 0.020625, "cacheWrite": 0 }
       },
       {
         id: "tencent/hy3-preview",
         price: { "currency": "USD", "input": 0.18, "output": 0.6, "cacheRead": 0.06, "cacheWrite": 0 }
       },
+      {
+        id: "tencent/hy4",
+        price: { "currency": "USD", "input": 0.417, "output": 1.2505, "cacheRead": 0.021, "cacheWrite": 0 }
+      },
       {
         id: "tencent/hy4-preview",
-        price: { "currency": "USD", "input": 0.834, "output": 2.501, "cacheRead": 0.042, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.7506, "output": 2.2509, "cacheRead": 0.0378, "cacheWrite": 0 }
       },
       {
         id: "thedrummer/cydonia-24b-v4.1",
@@ -17777,6 +17950,10 @@ window.__ModuleLoader__.load({
         id: "thinkingmachines/inkling-small",
         price: { "currency": "USD", "input": 0.45, "output": 1.2, "cacheRead": 0.1, "cacheWrite": 0 }
       },
+      {
+        id: "thinkingmachines/inkling-small:batch",
+        price: { "currency": "USD", "input": 0.36, "output": 0.96, "cacheRead": 0.08, "cacheWrite": 0 }
+      },
       {
         id: "unbiased/pareto-26.10",
         price: { "currency": "USD", "input": 0.8, "output": 3.2, "cacheRead": 0.03, "cacheWrite": 0 }
@@ -17787,7 +17964,7 @@ window.__ModuleLoader__.load({
       },
       {
         id: "undi95/remm-slerp-l2-13b",
-        price: { "currency": "USD", "input": 0.35, "output": 0.65, "cacheRead": 0, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.35, "output": 0.65, "cacheRead": 0.35, "cacheWrite": 0 }
       },
       {
         id: "upstage/solar-mini4",
@@ -17813,6 +17990,10 @@ window.__ModuleLoader__.load({
         id: "x-ai/grok-4.3",
         price: { "currency": "USD", "input": 1.25, "output": 2.5, "cacheRead": 0.2, "cacheWrite": 0 }
       },
+      {
+        id: "x-ai/grok-4.3:batch",
+        price: { "currency": "USD", "input": 1, "output": 2, "cacheRead": 0.16, "cacheWrite": 0 }
+      },
       {
         id: "x-ai/grok-4.5",
         price: { "currency": "USD", "input": 2, "output": 6, "cacheRead": 0.3, "cacheWrite": 0 }
@@ -17821,10 +18002,18 @@ window.__ModuleLoader__.load({
         id: "x-ai/grok-4.6",
         price: { "currency": "USD", "input": 2, "output": 6, "cacheRead": 0.5, "cacheWrite": 0 }
       },
+      {
+        id: "x-ai/grok-4.6:batch",
+        price: { "currency": "USD", "input": 1.6, "output": 4.8, "cacheRead": 0.4, "cacheWrite": 0 }
+      },
       {
         id: "x-ai/grok-4.7",
         price: { "currency": "USD", "input": 2, "output": 6, "cacheRead": 0.5, "cacheWrite": 0 }
       },
+      {
+        id: "x-ai/grok-4.7:batch",
+        price: { "currency": "USD", "input": 1.6, "output": 4.8, "cacheRead": 0.4, "cacheWrite": 0 }
+      },
       {
         id: "x-ai/grok-build-0.1",
         price: { "currency": "USD", "input": 1, "output": 2, "cacheRead": 0.2, "cacheWrite": 0 }
@@ -17859,7 +18048,7 @@ window.__ModuleLoader__.load({
       },
       {
         id: "z-ai/glm-4.5-air",
-        price: { "currency": "USD", "input": 0.13, "output": 0.85, "cacheRead": 0.025, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.2, "output": 1.1, "cacheRead": 0.03, "cacheWrite": 0 }
       },
       {
         id: "z-ai/glm-4.5v",
@@ -17875,7 +18064,7 @@ window.__ModuleLoader__.load({
       },
       {
         id: "z-ai/glm-4.7",
-        price: { "currency": "USD", "input": 0.54, "output": 1.98, "cacheRead": 0.099, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.6, "output": 2.2, "cacheRead": 0.11, "cacheWrite": 0 }
       },
       {
         id: "z-ai/glm-4.7-flash",
@@ -17895,24 +18084,40 @@ window.__ModuleLoader__.load({
       },
       {
         id: "z-ai/glm-5.2",
-        price: { "currency": "USD", "input": 6e-3, "output": 7, "cacheRead": 5e-3, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 6e-3, "output": 6.8, "cacheRead": 5e-3, "cacheWrite": 0 }
+      },
+      {
+        id: "z-ai/glm-5.2:batch",
+        price: { "currency": "USD", "input": 0.623, "output": 1.271, "cacheRead": 0.21, "cacheWrite": 0 }
       },
       {
         id: "z-ai/glm-5.3",
-        price: { "currency": "USD", "input": 0.08, "output": 3.6, "cacheRead": 0.076, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.0699, "output": 1.4, "cacheRead": 0.0689, "cacheWrite": 0 }
       },
       {
         id: "z-ai/glm-5.3-flash",
-        price: { "currency": "USD", "input": 0.0478, "output": 0.0701, "cacheRead": 0.03, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.0335, "output": 0.083, "cacheRead": 0.03, "cacheWrite": 0 }
+      },
+      {
+        id: "z-ai/glm-5.3-flash:batch",
+        price: { "currency": "USD", "input": 0.043, "output": 0.087, "cacheRead": 0.018, "cacheWrite": 0 }
       },
       {
         id: "z-ai/glm-5.3-flashx",
-        price: { "currency": "USD", "input": 0.37, "output": 1.25, "cacheRead": 0.09, "cacheWrite": 0 }
+        price: { "currency": "USD", "input": 0.37, "output": 1.25, "cacheRead": 0.075, "cacheWrite": 0 }
+      },
+      {
+        id: "z-ai/glm-5.3-flashx-legal",
+        price: { "currency": "USD", "input": 0.37, "output": 1.25, "cacheRead": 0.075, "cacheWrite": 0 }
       },
       {
         id: "z-ai/glm-5.3-prime",
         price: { "currency": "USD", "input": 2.8, "output": 8.8, "cacheRead": 0.56, "cacheWrite": 0 }
       },
+      {
+        id: "z-ai/glm-5.3:batch",
+        price: { "currency": "USD", "input": 0.45, "output": 2, "cacheRead": 0.1, "cacheWrite": 0 }
+      },
       {
         id: "z-ai/glm-5v-turbo",
         price: { "currency": "USD", "input": 1.2, "output": 4, "cacheRead": 0.24, "cacheWrite": 0 }
@@ -17985,10 +18190,30 @@ window.__ModuleLoader__.load({
       }
     }
     for (const entry of GENERATED_PRICES) {
-      for (const candidate of modelKeyCandidates(entry.id)) {
+      const candidates = modelKeyCandidates(entry.id);
+      if (candidates.some((candidate) => BUILTIN_BY_KEY.has(candidate))) continue;
+      for (const candidate of candidates) {
         if (!BUILTIN_BY_KEY.has(candidate)) BUILTIN_BY_KEY.set(candidate, entry.price);
       }
     }
+    function builtinPriceRows() {
+      const rows = BUILTIN_PRICES.map((entry) => ({
+        key: entry.id,
+        provider: "DeepSeek official",
+        model: entry.id,
+        price: entry.price
+      }));
+      for (const entry of GENERATED_PRICES) {
+        const slash = entry.id.indexOf("/");
+        rows.push({
+          key: entry.id,
+          provider: slash === -1 ? "OpenRouter" : entry.id.slice(0, slash).replace(/^~/, ""),
+          model: entry.id,
+          price: entry.price
+        });
+      }
+      return rows.sort((left, right) => left.key.localeCompare(right.key));
+    }
     function builtinPriceFor(model) {
       for (const key of modelKeyCandidates(model)) {
         const price = BUILTIN_BY_KEY.get(key);
@@ -18048,13 +18273,22 @@ window.__ModuleLoader__.load({
       const amount = (usage.uncachedInputTokens * price.input + usage.cacheReadTokens * price.cacheRead + usage.cacheWriteTokens * price.cacheWrite + usage.outputTokens * price.output) / 1e6;
       return Number.isFinite(amount) ? amount : null;
     }
+    function priceForModel(table, key, model) {
+      const direct = table[key];
+      if (direct !== void 0) return direct;
+      for (const candidate of modelKeyCandidates(model)) {
+        const price = table[candidate];
+        if (price !== void 0) return price;
+      }
+      return void 0;
+    }
     function estimateCost(models, table) {
       const rows = [];
       const totals = /* @__PURE__ */ new Map();
       let pricedModels = 0;
       let unpricedModels = 0;
       for (const model of models) {
-        const price = table[model.key];
+        const price = priceForModel(table, model.key, model.model);
         const configured = isPriceConfigured(price);
         const amount = configured ? costOf(model, price) : null;
         if (configured && amount !== null) {
@@ -18158,60 +18392,58 @@ window.__ModuleLoader__.load({
         refreshingPrices,
         priceError,
         onRefreshPrices,
-        onConfigure,
         autoSync
       } = props;
       const estimate = estimateCost([...models], pricing);
       const totalLabel = totalLabelOf(estimate);
       const refreshLabel = refreshingPrices ? t("cost.refreshing") : t("cost.refresh");
-      return (0, import_react57.createElement)(
+      return (0, import_react56.createElement)(
         Section,
         { ariaLabel: t("cost.title") },
-        models.length === 0 ? (0, import_react57.createElement)(EmptyState, { icon: (0, import_react57.createElement)(ChartIcon, { size: 20 }), title: t("models.empty") }) : (0, import_react57.createElement)(
+        models.length === 0 ? (0, import_react56.createElement)(EmptyState, { icon: (0, import_react56.createElement)(ChartIcon, { size: 20 }), title: t("models.empty") }) : (0, import_react56.createElement)(
           "div",
           { className: "tdb-cost-page" },
-          (0, import_react57.createElement)(
+          (0, import_react56.createElement)(
             "div",
             { className: "tdb-cost-summary" },
-            (0, import_react57.createElement)(
+            (0, import_react56.createElement)(
               "div",
               { className: "tdb-cost-summary-main" },
-              (0, import_react57.createElement)("div", { className: "tdb-cost-summary-value" }, totalLabel ?? "\u2014"),
-              (0, import_react57.createElement)(
+              (0, import_react56.createElement)("div", { className: "tdb-cost-summary-value" }, totalLabel ?? "\u2014"),
+              (0, import_react56.createElement)(
                 "div",
                 { className: "tdb-cost-summary-meta" },
-                (0, import_react57.createElement)("span", { className: "tdb-cost-meta" }, sourceText(t, intl, onlineAt, onlineSource, autoSync === true)),
-                estimate.unpricedModels > 0 ? (0, import_react57.createElement)("span", { className: "tdb-cost-hint" }, t("cost.unpriced", { count: estimate.unpricedModels })) : null
+                (0, import_react56.createElement)("span", { className: "tdb-cost-meta" }, sourceText(t, intl, onlineAt, onlineSource, autoSync === true)),
+                estimate.unpricedModels > 0 ? (0, import_react56.createElement)("span", { className: "tdb-cost-hint" }, t("cost.unpriced", { count: estimate.unpricedModels })) : null
               )
             ),
-            (0, import_react57.createElement)(
+            (0, import_react56.createElement)(
               "div",
               { className: "tdb-cost-actions tdb-cost-summary-actions" },
-              (0, import_react57.createElement)(Button3, { variant: "ghost", busy: refreshingPrices, onClick: onRefreshPrices }, refreshLabel),
-              (0, import_react57.createElement)(Button3, { onClick: onConfigure }, t("cost.manage"))
+              (0, import_react56.createElement)(Button3, { variant: "ghost", busy: refreshingPrices, onClick: onRefreshPrices }, refreshLabel)
             )
           ),
-          priceError ? (0, import_react57.createElement)("div", { className: "tdb-error-text", style: { marginTop: "6px" } }, t("cost.refreshError")) : null,
-          (0, import_react57.createElement)(CostTable, { rows: estimate.rows, t, intl })
+          priceError ? (0, import_react56.createElement)("div", { className: "tdb-error-text", style: { marginTop: "6px" } }, t("cost.refreshError")) : null,
+          (0, import_react56.createElement)(CostTable, { rows: estimate.rows, t, intl })
         )
       );
     }
     function CostTable({ rows, t, intl }) {
       const pageSize = TABLE_PAGE_SIZE;
-      const [page, setPage] = (0, import_react57.useState)(0);
+      const [page, setPage] = (0, import_react56.useState)(0);
       const pages = Math.max(1, Math.ceil(rows.length / pageSize));
       const current2 = Math.min(page, pages - 1);
       const visible = rows.slice(current2 * pageSize, current2 * pageSize + pageSize);
-      return (0, import_react57.createElement)(
+      return (0, import_react56.createElement)(
         "div",
         { className: "tdb-table-panel" },
-        (0, import_react57.createElement)(DataTable, {
+        (0, import_react56.createElement)(DataTable, {
           rows: visible,
           columns: costColumns(t, intl),
           rowKey: (row) => row.key,
           ariaLabel: t("cost.title")
         }),
-        pages > 1 ? (0, import_react57.createElement)(Pager, {
+        pages > 1 ? (0, import_react56.createElement)(Pager, {
           page: current2 + 1,
           pages,
           onChange: (next) => setPage(next - 1),
@@ -18225,15 +18457,15 @@ window.__ModuleLoader__.load({
         {
           key: "model",
           header: t("models.model"),
-          render: (row) => (0, import_react57.createElement)(
+          render: (row) => (0, import_react56.createElement)(
             "div",
             {},
-            (0, import_react57.createElement)(
+            (0, import_react56.createElement)(
               "div",
               { className: `tdb-model-name${row.model === "" ? " tdb-model-unknown" : ""}` },
               row.model === "" ? t("models.unknown") : row.model
             ),
-            (0, import_react57.createElement)("div", { className: "tdb-model-provider" }, row.provider === "" ? "\u2014" : row.provider)
+            (0, import_react56.createElement)("div", { className: "tdb-model-provider" }, row.provider === "" ? "\u2014" : row.provider)
           )
         },
         {
@@ -18248,7 +18480,7 @@ window.__ModuleLoader__.load({
           header: t("cost.title"),
           headerClassName: "tdb-num",
           cellClassName: "tdb-num",
-          render: (row) => row.priced && row.amount !== null && row.currency !== null ? formatAmount(row.amount, row.currency) : (0, import_react57.createElement)("span", { className: "tdb-cost-hint" }, t("cost.notSet"))
+          render: (row) => row.priced && row.amount !== null && row.currency !== null ? formatAmount(row.amount, row.currency) : (0, import_react56.createElement)("span", { className: "tdb-cost-hint" }, t("cost.notSet"))
         }
       ];
     }
@@ -18267,10 +18499,10 @@ window.__ModuleLoader__.load({
     }
 
     // src/client/components/DashboardHeader.tsx
-    var import_react66 = require("react");
+    var import_react65 = require("react");
 
     // src/client/components/ExportMenu.tsx
-    var import_react58 = require("react");
+    var import_react57 = require("react");
 
     // src/client/lib.ts
     var NS = "dsh-token-dashboard";
@@ -18482,8 +18714,8 @@ window.__ModuleLoader__.load({
 
     // src/client/components/ExportMenu.tsx
     function ExportMenu({ data, t }) {
-      const [open, setOpen] = (0, import_react58.useState)(false);
-      const anchor = (0, import_react58.useRef)(null);
+      const [open, setOpen] = (0, import_react57.useState)(false);
+      const anchor = (0, import_react57.useRef)(null);
       const close = () => setOpen(false);
       const stamp = data.today;
       const run = (kind) => {
@@ -18503,38 +18735,38 @@ window.__ModuleLoader__.load({
           close();
         }
       };
-      return (0, import_react58.createElement)(
+      return (0, import_react57.createElement)(
         "div",
         { className: "tdb-menu-anchor", ref: anchor },
-        (0, import_react58.createElement)(Button3, {
+        (0, import_react57.createElement)(Button3, {
           onClick: () => setOpen((current2) => !current2),
           "aria-haspopup": "menu",
           "aria-expanded": open
-        }, (0, import_react58.createElement)(DownloadIcon, { size: 14 }), t("actions.export")),
-        (0, import_react58.createElement)(
+        }, (0, import_react57.createElement)(DownloadIcon, { size: 14 }), t("actions.export")),
+        (0, import_react57.createElement)(
           Menu,
           { open, onClose: close, triggerRef: anchor },
-          (0, import_react58.createElement)(MenuItem, { onClick: () => run("summary"), title: t("export.summary") }),
-          (0, import_react58.createElement)(MenuItem, { onClick: () => run("sessions"), title: t("export.sessions") }),
-          (0, import_react58.createElement)(MenuItem, { onClick: () => run("json"), title: t("export.json") })
+          (0, import_react57.createElement)(MenuItem, { onClick: () => run("summary"), title: t("export.summary") }),
+          (0, import_react57.createElement)(MenuItem, { onClick: () => run("sessions"), title: t("export.sessions") }),
+          (0, import_react57.createElement)(MenuItem, { onClick: () => run("json"), title: t("export.json") })
         )
       );
     }
 
     // src/client/components/ui/Select.tsx
-    var import_react65 = require("react");
+    var import_react64 = require("react");
 
     // src/client/beui/components/motion/select.tsx
-    var import_react62 = require("react");
-    var import_react64 = require("react");
+    var import_react61 = require("react");
+    var import_react63 = require("react");
 
     // src/client/beui/lib/hooks/use-listbox.ts
-    var import_react61 = require("react");
+    var import_react60 = require("react");
 
     // src/client/beui/lib/hooks/use-on-open.ts
-    var import_react59 = require("react");
+    var import_react58 = require("react");
     function useOnOpen(open, start) {
-      const [wasOpen, setWasOpen] = (0, import_react59.useState)(open);
+      const [wasOpen, setWasOpen] = (0, import_react58.useState)(open);
       if (open !== wasOpen) {
         setWasOpen(open);
         if (open) start();
@@ -18542,24 +18774,24 @@ window.__ModuleLoader__.load({
     }
 
     // src/client/beui/lib/hooks/use-row-cursor.ts
-    var import_react60 = require("react");
+    var import_react59 = require("react");
     function indexOfCursor(rows, query, cursor) {
       if (cursor === null || cursor.query !== query) return -1;
       return rows.findIndex((row) => row.id === cursor.id);
     }
     function useRowCursor(rows, query) {
-      const [cursor, setCursor] = (0, import_react60.useState)(null);
-      const latest = (0, import_react60.useRef)({ rows, query });
-      (0, import_react60.useLayoutEffect)(() => {
+      const [cursor, setCursor] = (0, import_react59.useState)(null);
+      const latest = (0, import_react59.useRef)({ rows, query });
+      (0, import_react59.useLayoutEffect)(() => {
         latest.current = { rows, query };
       });
       const cursorRow = indexOfCursor(rows, query, cursor);
       if (cursor !== null && cursorRow < 0) setCursor(null);
-      const moveTo = (0, import_react60.useCallback)(
+      const moveTo = (0, import_react59.useCallback)(
         (id3) => setCursor(id3 === null ? null : { id: id3, query: latest.current.query }),
         []
       );
-      const moveActive = (0, import_react60.useCallback)((direction) => {
+      const moveActive = (0, import_react59.useCallback)((direction) => {
         const { rows: live, query: liveQuery } = latest.current;
         const last = live.length - 1;
         if (last < 0) return;
@@ -18580,19 +18812,19 @@ window.__ModuleLoader__.load({
       selected,
       list
     }) {
-      const enabled = (0, import_react61.useMemo)(() => rows.filter((row) => !row.disabled), [rows]);
+      const enabled = (0, import_react60.useMemo)(() => rows.filter((row) => !row.disabled), [rows]);
       const { activeIndex, moveTo, moveActive } = useRowCursor(enabled, "");
       useOnOpen(
         open,
         () => moveTo(enabled.some((row) => row.id === selected) ? selected ?? null : null)
       );
       const activeId = enabled[activeIndex]?.id;
-      const typed = (0, import_react61.useRef)({ text: "", at: 0 });
-      const openedOnMount = (0, import_react61.useRef)(open);
-      (0, import_react61.useEffect)(() => {
+      const typed = (0, import_react60.useRef)({ text: "", at: 0 });
+      const openedOnMount = (0, import_react60.useRef)(open);
+      (0, import_react60.useEffect)(() => {
         if (!open) openedOnMount.current = false;
       }, [open]);
-      (0, import_react61.useEffect)(() => {
+      (0, import_react60.useEffect)(() => {
         if (!open || activeId === void 0) return;
         if (openedOnMount.current && !list.current?.contains(document.activeElement))
           return;
@@ -18645,10 +18877,10 @@ window.__ModuleLoader__.load({
       hidden: { opacity: 0, y: -4, transition: { duration: 0.08, ease: EASE_OUT } },
       show: { opacity: 1, y: 0, transition: { duration: 0.12, ease: EASE_OUT } }
     };
-    var SelectContext = (0, import_react64.createContext)(null);
-    var ActiveOptionContext = (0, import_react64.createContext)(void 0);
+    var SelectContext = (0, import_react63.createContext)(null);
+    var ActiveOptionContext = (0, import_react63.createContext)(void 0);
     function useSelectContext(component) {
-      const ctx = (0, import_react64.useContext)(SelectContext);
+      const ctx = (0, import_react63.useContext)(SelectContext);
       if (!ctx) throw new Error(`${component} must be used within <Select>`);
       return ctx;
     }
@@ -18664,31 +18896,31 @@ window.__ModuleLoader__.load({
       children
     }) {
       const reduce = useReducedMotion() ?? false;
-      const baseId = (0, import_react64.useId)();
-      const rootRef = (0, import_react64.useRef)(null);
-      const [internalOpen, setInternalOpen] = (0, import_react64.useState)(defaultOpen);
-      const [internal, setInternal] = (0, import_react64.useState)(defaultValue);
-      const [labels, setLabels] = (0, import_react64.useState)(/* @__PURE__ */ new Map());
-      const [placement, setPlacement] = (0, import_react64.useState)("bottom");
+      const baseId = (0, import_react63.useId)();
+      const rootRef = (0, import_react63.useRef)(null);
+      const [internalOpen, setInternalOpen] = (0, import_react63.useState)(defaultOpen);
+      const [internal, setInternal] = (0, import_react63.useState)(defaultValue);
+      const [labels, setLabels] = (0, import_react63.useState)(/* @__PURE__ */ new Map());
+      const [placement, setPlacement] = (0, import_react63.useState)("bottom");
       const controlled = value !== void 0;
       const current2 = controlled ? value : internal;
       const openControlled = openProp !== void 0;
       const open = openControlled ? openProp : internalOpen;
       const progress2 = useMotionValue(open ? 1 : 0);
-      const setOpen = (0, import_react64.useCallback)(
+      const setOpen = (0, import_react63.useCallback)(
         (next) => {
           if (!openControlled) setInternalOpen(next);
           onOpenChange?.(next);
         },
         [onOpenChange, openControlled]
       );
-      const close = (0, import_react64.useCallback)(() => {
+      const close = (0, import_react63.useCallback)(() => {
         const trigger = document.getElementById(`${baseId}-trigger`);
         if (rootRef.current?.contains(document.activeElement) && document.activeElement !== trigger)
           trigger?.focus();
         setOpen(false);
       }, [baseId, setOpen]);
-      const select = (0, import_react64.useCallback)(
+      const select = (0, import_react63.useCallback)(
         (next) => {
           if (!controlled) setInternal(next);
           onValueChange?.(next);
@@ -18696,14 +18928,14 @@ window.__ModuleLoader__.load({
         },
         [controlled, onValueChange, close]
       );
-      const register = (0, import_react64.useCallback)((v, label2, disabled2) => {
+      const register = (0, import_react63.useCallback)((v, label2, disabled2) => {
         setLabels((m2) => {
           const entry = m2.get(v);
           if (entry?.label === label2 && entry.disabled === disabled2) return m2;
           return new Map(m2).set(v, { label: label2, disabled: disabled2 });
         });
       }, []);
-      const unregister = (0, import_react64.useCallback)((v) => {
+      const unregister = (0, import_react63.useCallback)((v) => {
         setLabels((m2) => {
           if (!m2.has(v)) return m2;
           const next = new Map(m2);
@@ -18711,7 +18943,7 @@ window.__ModuleLoader__.load({
           return next;
         });
       }, []);
-      (0, import_react64.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         const animation = animate(
           progress2,
           open ? 1 : 0,
@@ -18719,7 +18951,7 @@ window.__ModuleLoader__.load({
         );
         return () => animation.stop();
       }, [open, progress2, reduce]);
-      (0, import_react64.useEffect)(() => {
+      (0, import_react63.useEffect)(() => {
         if (!open) return;
         const onKey = (e) => e.key === "Escape" && close();
         const onPointer = (e) => {
@@ -18733,7 +18965,7 @@ window.__ModuleLoader__.load({
           window.removeEventListener("pointerdown", onPointer);
         };
       }, [open, setOpen, close]);
-      const rows = (0, import_react64.useMemo)(
+      const rows = (0, import_react63.useMemo)(
         () => Array.from(labels, ([id3, entry]) => ({
           id: id3,
           label: entry.label,
@@ -18741,7 +18973,7 @@ window.__ModuleLoader__.load({
         })),
         [labels]
       );
-      const ctx = (0, import_react64.useMemo)(
+      const ctx = (0, import_react63.useMemo)(
         () => ({
           value: current2,
           open,
@@ -18777,7 +19009,7 @@ window.__ModuleLoader__.load({
           placement
         ]
       );
-      return /* @__PURE__ */ (0, import_react62.createElement)(SelectContext.Provider, { value: ctx }, /* @__PURE__ */ (0, import_react62.createElement)("div", { ref: rootRef, className: cn("relative", className) }, children));
+      return /* @__PURE__ */ (0, import_react61.createElement)(SelectContext.Provider, { value: ctx }, /* @__PURE__ */ (0, import_react61.createElement)("div", { ref: rootRef, className: cn("relative", className) }, children));
     }
     function SelectTrigger({ className, ariaLabel, children }) {
       const ctx = useSelectContext("SelectTrigger");
@@ -18791,7 +19023,7 @@ window.__ModuleLoader__.load({
         ctx.progress,
         (p) => ctx.reduce ? ctx.open ? 180 : 0 : Math.min(1, Math.max(0, p)) * 180
       );
-      return /* @__PURE__ */ (0, import_react62.createElement)(
+      return /* @__PURE__ */ (0, import_react61.createElement)(
         motion2.button,
         {
           type: "button",
@@ -18822,21 +19054,21 @@ window.__ModuleLoader__.load({
           )
         },
         children,
-        /* @__PURE__ */ (0, import_react62.createElement)(
+        /* @__PURE__ */ (0, import_react61.createElement)(
           motion2.span,
           {
             "aria-hidden": true,
             style: { rotate: rotate2 },
             className: "text-muted-foreground"
           },
-          /* @__PURE__ */ (0, import_react62.createElement)(ChevronDown, { className: "h-4 w-4" })
+          /* @__PURE__ */ (0, import_react61.createElement)(ChevronDown, { className: "h-4 w-4" })
         )
       );
     }
     function SelectValue({ placeholder, className }) {
       const ctx = useSelectContext("SelectValue");
       const label2 = ctx.labelFor(ctx.value);
-      return /* @__PURE__ */ (0, import_react62.createElement)(
+      return /* @__PURE__ */ (0, import_react61.createElement)(
         "span",
         {
           className: cn(label2 ? "text-foreground" : "text-muted-foreground", className)
@@ -18846,8 +19078,8 @@ window.__ModuleLoader__.load({
     }
     function SelectContent({ className, children }) {
       const ctx = useSelectContext("SelectContent");
-      const panelRef = (0, import_react64.useRef)(null);
-      const [height, setHeight] = (0, import_react64.useState)(0);
+      const panelRef = (0, import_react63.useRef)(null);
+      const [height, setHeight] = (0, import_react63.useState)(0);
       const { open, progress: progress2, reduce, setPlacement } = ctx;
       const { activeId, onKeyDown } = useListbox({
         open,
@@ -18855,8 +19087,8 @@ window.__ModuleLoader__.load({
         selected: ctx.value,
         list: panelRef
       });
-      const [exiting, setExiting] = (0, import_react64.useState)(false);
-      const [wasOpen, setWasOpen] = (0, import_react64.useState)(open);
+      const [exiting, setExiting] = (0, import_react63.useState)(false);
+      const [wasOpen, setWasOpen] = (0, import_react63.useState)(open);
       if (open !== wasOpen) {
         setWasOpen(open);
         if (!open) setExiting(true);
@@ -18865,7 +19097,7 @@ window.__ModuleLoader__.load({
       useMotionValueEvent(progress2, "animationComplete", () => {
         if (progress2.get() === 0) setExiting(false);
       });
-      (0, import_react64.useLayoutEffect)(() => {
+      (0, import_react63.useLayoutEffect)(() => {
         const node = panelRef.current;
         if (!node || !present) return;
         const measure = () => setHeight(node.offsetHeight);
@@ -18874,7 +19106,7 @@ window.__ModuleLoader__.load({
         observer2.observe(node);
         return () => observer2.disconnect();
       }, [present]);
-      (0, import_react64.useLayoutEffect)(() => {
+      (0, import_react63.useLayoutEffect)(() => {
         if (!open) return;
         const trigger = document.getElementById(ctx.triggerId);
         const node = panelRef.current;
@@ -18905,7 +19137,7 @@ window.__ModuleLoader__.load({
         return `inset(${inset} round ${corners})`;
       });
       const opacity = useTransform(progress2, reduce ? [0, 1] : [0, 0.12], [0, 1]);
-      return /* @__PURE__ */ (0, import_react62.createElement)(
+      return /* @__PURE__ */ (0, import_react61.createElement)(
         motion2.div,
         {
           ref: panelRef,
@@ -18936,7 +19168,7 @@ window.__ModuleLoader__.load({
             className
           )
         },
-        /* @__PURE__ */ (0, import_react62.createElement)(ActiveOptionContext.Provider, { value: activeId }, /* @__PURE__ */ (0, import_react62.createElement)(
+        /* @__PURE__ */ (0, import_react61.createElement)(ActiveOptionContext.Provider, { value: activeId }, /* @__PURE__ */ (0, import_react61.createElement)(
           motion2.div,
           {
             initial: false,
@@ -18954,14 +19186,14 @@ window.__ModuleLoader__.load({
       children
     }) {
       const ctx = useSelectContext("SelectItem");
-      const activeId = (0, import_react64.useContext)(ActiveOptionContext);
+      const activeId = (0, import_react63.useContext)(ActiveOptionContext);
       const selected = ctx.value === value;
       const label2 = typeof children === "string" ? children : value;
-      (0, import_react64.useLayoutEffect)(() => {
+      (0, import_react63.useLayoutEffect)(() => {
         ctx.register(value, label2, disabled);
       }, [ctx.register, value, label2, disabled]);
-      (0, import_react64.useLayoutEffect)(() => () => ctx.unregister(value), [ctx.unregister, value]);
-      return /* @__PURE__ */ (0, import_react62.createElement)(motion2.div, { variants: ctx.reduce ? void 0 : ITEM_VARIANTS }, /* @__PURE__ */ (0, import_react62.createElement)(
+      (0, import_react63.useLayoutEffect)(() => () => ctx.unregister(value), [ctx.unregister, value]);
+      return /* @__PURE__ */ (0, import_react61.createElement)(motion2.div, { variants: ctx.reduce ? void 0 : ITEM_VARIANTS }, /* @__PURE__ */ (0, import_react61.createElement)(
         "button",
         {
           type: "button",
@@ -18979,30 +19211,30 @@ window.__ModuleLoader__.load({
           )
         },
         children,
-        selected ? /* @__PURE__ */ (0, import_react62.createElement)(Check, { className: "h-3.5 w-3.5 shrink-0" }) : null
+        selected ? /* @__PURE__ */ (0, import_react61.createElement)(Check, { className: "h-3.5 w-3.5 shrink-0" }) : null
       ));
     }
 
     // src/client/components/ui/Select.tsx
     function Select2({ value, options, onChange, ariaLabel, className = "" }) {
       const selected = options.find((option) => option.value === value) ?? options[0];
-      return (0, import_react65.createElement)(Select, {
+      return (0, import_react64.createElement)(Select, {
         value,
         onValueChange: onChange,
         className: `tdb-select-wrap ${className}`.trim(),
         children: [
-          (0, import_react65.createElement)(SelectTrigger, {
+          (0, import_react64.createElement)(SelectTrigger, {
             key: "trigger",
             className: "tdb-select-trigger",
             ariaLabel,
-            children: (0, import_react65.createElement)(SelectValue, {
+            children: (0, import_react64.createElement)(SelectValue, {
               placeholder: selected?.label ?? value
             })
           }),
-          (0, import_react65.createElement)(SelectContent, {
+          (0, import_react64.createElement)(SelectContent, {
             key: "content",
             className: "tdb-select-menu",
-            children: options.map((option) => (0, import_react65.createElement)(SelectItem, {
+            children: options.map((option) => (0, import_react64.createElement)(SelectItem, {
               key: option.value,
               value: option.value,
               className: "tdb-select-option",
@@ -19050,33 +19282,33 @@ window.__ModuleLoader__.load({
       scanInterval,
       onScanIntervalChange
     }) {
-      return (0, import_react66.createElement)(
+      return (0, import_react65.createElement)(
         "header",
         { className: "tdb-head" },
-        (0, import_react66.createElement)("h1", { className: "tdb-title" }, t("panel.title")),
-        (0, import_react66.createElement)(
+        (0, import_react65.createElement)("h1", { className: "tdb-title" }, t("panel.title")),
+        (0, import_react65.createElement)(
           "div",
           { className: "tdb-actions" },
-          (0, import_react66.createElement)(
+          (0, import_react65.createElement)(
             "div",
             { className: "tdb-lang-switch", role: "group", "aria-label": t("language.switch") },
-            (0, import_react66.createElement)("button", {
+            (0, import_react65.createElement)("button", {
               type: "button",
               className: "tdb-lang-choice",
               "aria-pressed": language === "zh",
               onClick: () => onChangeLanguage("zh")
             }, "\u4E2D\u6587"),
-            (0, import_react66.createElement)("button", {
+            (0, import_react65.createElement)("button", {
               type: "button",
               className: "tdb-lang-choice",
               "aria-pressed": language === "en",
               onClick: () => onChangeLanguage("en")
             }, "EN")
           ),
-          (0, import_react66.createElement)(
+          (0, import_react65.createElement)(
             "div",
             { className: "tdb-scan-top" },
-            (0, import_react66.createElement)(Select2, {
+            (0, import_react65.createElement)(Select2, {
               value: scanInterval,
               options: SCAN_INTERVALS.map((value) => ({ value, label: t(`scan.${value}`) })),
               onChange: (value) => onScanIntervalChange(value),
@@ -19084,7 +19316,7 @@ window.__ModuleLoader__.load({
               className: "tdb-scan-top-select"
             })
           ),
-          (0, import_react66.createElement)(
+          (0, import_react65.createElement)(
             Button3,
             {
               variant: "ghost",
@@ -19093,19 +19325,19 @@ window.__ModuleLoader__.load({
               "aria-label": t("actions.syncNow"),
               title: t("actions.syncNow")
             },
-            (0, import_react66.createElement)("span", { className: refreshing ? "tdb-spin" : "" }, (0, import_react66.createElement)(RefreshIcon, { size: 15 })),
-            (0, import_react66.createElement)("span", { className: "tdb-sync-now-label" }, t("actions.syncNow"))
+            (0, import_react65.createElement)("span", { className: refreshing ? "tdb-spin" : "" }, (0, import_react65.createElement)(RefreshIcon, { size: 15 })),
+            (0, import_react65.createElement)("span", { className: "tdb-sync-now-label" }, t("actions.syncNow"))
           ),
-          showExport && data !== null ? (0, import_react66.createElement)(ExportMenu, { data, t }) : null
+          showExport && data !== null ? (0, import_react65.createElement)(ExportMenu, { data, t }) : null
         )
       );
     }
 
     // src/client/components/Models.tsx
-    var import_react67 = require("react");
+    var import_react66 = require("react");
     function ModelTable({ models, total, t, intl }) {
       const pageSize = TABLE_PAGE_SIZE;
-      const [page, setPage] = (0, import_react67.useState)(0);
+      const [page, setPage] = (0, import_react66.useState)(0);
       const pages = Math.max(1, Math.ceil(models.length / pageSize));
       const current2 = Math.min(page, pages - 1);
       const visible = models.slice(current2 * pageSize, current2 * pageSize + pageSize);
@@ -19113,15 +19345,15 @@ window.__ModuleLoader__.load({
         {
           key: "model",
           header: t("models.model"),
-          render: (model) => (0, import_react67.createElement)(
+          render: (model) => (0, import_react66.createElement)(
             "div",
             {},
-            (0, import_react67.createElement)(
+            (0, import_react66.createElement)(
               "div",
               { className: `tdb-model-name${model.model === "" ? " tdb-model-unknown" : ""}` },
               model.model === "" ? t("models.unknown") : model.model
             ),
-            (0, import_react67.createElement)("div", { className: "tdb-model-provider" }, model.provider === "" ? "\u2014" : model.provider)
+            (0, import_react66.createElement)("div", { className: "tdb-model-provider" }, model.provider === "" ? "\u2014" : model.provider)
           )
         },
         {
@@ -19166,23 +19398,23 @@ window.__ModuleLoader__.load({
           cellClassName: "tdb-hide-sm",
           render: (model) => {
             const share = total <= 0 ? 0 : totalTokens(model) / total;
-            return (0, import_react67.createElement)(ShareBar, { ratio: share, label: formatPercent(share) });
+            return (0, import_react66.createElement)(ShareBar, { ratio: share, label: formatPercent(share) });
           }
         }
       ];
-      return (0, import_react67.createElement)(
+      return (0, import_react66.createElement)(
         Section,
         { ariaLabel: t("models.title") },
-        models.length === 0 ? (0, import_react67.createElement)(EmptyState, { icon: (0, import_react67.createElement)(ChartIcon, { size: 20 }), title: t("models.empty") }) : (0, import_react67.createElement)(
+        models.length === 0 ? (0, import_react66.createElement)(EmptyState, { icon: (0, import_react66.createElement)(ChartIcon, { size: 20 }), title: t("models.empty") }) : (0, import_react66.createElement)(
           "div",
           { className: "tdb-table-panel" },
-          (0, import_react67.createElement)(DataTable, {
+          (0, import_react66.createElement)(DataTable, {
             rows: visible,
             columns,
             rowKey: (model) => model.key,
             ariaLabel: t("models.title")
           }),
-          pages > 1 ? (0, import_react67.createElement)(Pager, {
+          pages > 1 ? (0, import_react66.createElement)(Pager, {
             page: current2 + 1,
             pages,
             onChange: (next) => setPage(next - 1),
@@ -19193,35 +19425,35 @@ window.__ModuleLoader__.load({
       );
     }
 
-    // src/client/components/PricingEditor.tsx
-    var import_react68 = require("react");
-    var PAGE_SIZE = 6;
-    function PricingEditor({ open, models, pricing, defaults, t, onClose, onSave }) {
-      const [draft, setDraft] = (0, import_react68.useState)({});
-      const [errors, setErrors] = (0, import_react68.useState)({});
-      const [page, setPage] = (0, import_react68.useState)(0);
-      const signature = (0, import_react68.useMemo)(() => models.map((model) => model.key).join("|"), [models]);
-      (0, import_react68.useEffect)(() => {
-        if (!open) return;
-        const next = {};
-        for (const model of models) {
-          const price = pricing[model.key] ?? defaults[model.key];
-          next[model.key] = price === void 0 ? { currency: "USD", input: "", output: "", cacheRead: "", cacheWrite: "" } : {
-            currency: price.currency,
-            input: String(price.input),
-            output: String(price.output),
-            cacheRead: String(price.cacheRead),
-            cacheWrite: String(price.cacheWrite)
-          };
-        }
-        setDraft(next);
+    // src/client/components/PricingPage.tsx
+    var import_react67 = require("react");
+    function seed(models, pricing, defaults) {
+      const next = {};
+      for (const model of models) {
+        const price = pricing[model.key] ?? defaults[model.key];
+        next[model.key] = price === void 0 ? { currency: "USD", input: "", output: "", cacheRead: "", cacheWrite: "" } : {
+          currency: price.currency,
+          input: String(price.input),
+          output: String(price.output),
+          cacheRead: String(price.cacheRead),
+          cacheWrite: String(price.cacheWrite)
+        };
+      }
+      return next;
+    }
+    function PricingPage({ models, pricing, defaults, t, onSave }) {
+      const [draft, setDraft] = (0, import_react67.useState)(() => seed(models, pricing, defaults));
+      const [errors, setErrors] = (0, import_react67.useState)({});
+      const [page, setPage] = (0, import_react67.useState)(0);
+      const signature = (0, import_react67.useMemo)(() => models.map((model) => model.key).join("|"), [models]);
+      (0, import_react67.useEffect)(() => {
+        setDraft(seed(models, pricing, defaults));
         setErrors({});
         setPage(0);
-      }, [open, signature]);
-      if (!open) return null;
-      const pages = Math.max(1, Math.ceil(models.length / PAGE_SIZE));
+      }, [signature]);
+      const pages = Math.max(1, Math.ceil(models.length / TABLE_PAGE_SIZE));
       const current2 = Math.min(page, pages - 1);
-      const visible = models.slice(current2 * PAGE_SIZE, current2 * PAGE_SIZE + PAGE_SIZE);
+      const visible = models.slice(current2 * TABLE_PAGE_SIZE, current2 * TABLE_PAGE_SIZE + TABLE_PAGE_SIZE);
       const update = (key, field, value) => {
         setDraft((current3) => ({
           ...current3,
@@ -19232,7 +19464,7 @@ window.__ModuleLoader__.load({
         }));
       };
       const save = () => {
-        const next = {};
+        const next = { ...pricing };
         const invalid = {};
         for (const model of models) {
           const row = draft[model.key];
@@ -19252,112 +19484,95 @@ window.__ModuleLoader__.load({
             cacheRead: parsed[2] ?? 0,
             cacheWrite: parsed[3] ?? 0
           };
-          if (!samePrice(candidate, defaults[model.key])) next[model.key] = candidate;
+          const keys = /* @__PURE__ */ new Set([model.key, ...modelKeyCandidates(model.model)]);
+          if (!samePrice(candidate, defaults[model.key])) {
+            for (const key of keys) next[key] = candidate;
+          } else {
+            for (const key of keys) delete next[key];
+          }
         }
         const firstInvalid = models.findIndex((model) => invalid[model.key] === true);
         if (firstInvalid >= 0) {
           setErrors(invalid);
-          setPage(Math.floor(firstInvalid / PAGE_SIZE));
+          setPage(Math.floor(firstInvalid / TABLE_PAGE_SIZE));
           return;
         }
         onSave(next);
-        onClose();
+        setErrors({});
       };
       const clear = () => {
         onSave({});
-        onClose();
+        setDraft(seed(models, {}, defaults));
+        setErrors({});
       };
-      const footer = (0, import_react68.createElement)(
-        "div",
-        { style: { display: "contents" } },
-        (0, import_react68.createElement)(Button3, { variant: "ghost", onClick: clear }, t("cost.clear")),
-        (0, import_react68.createElement)(
+      const body = models.length === 0 ? (0, import_react67.createElement)("div", { className: "tdb-empty" }, t("models.empty")) : (0, import_react67.createElement)(
+        import_react67.Fragment,
+        {},
+        (0, import_react67.createElement)(
           "div",
-          { style: { display: "flex", gap: "8px" } },
-          (0, import_react68.createElement)(Button3, { onClick: onClose }, t("cost.cancel")),
-          (0, import_react68.createElement)(Button3, { variant: "primary", onClick: save }, t("cost.save"))
-        )
-      );
-      return (0, import_react68.createElement)(
-        Modal,
-        {
-          open: true,
-          title: t("cost.manage"),
-          subtitle: t("cost.perMillion"),
-          onClose,
-          closeLabel: t("common.close"),
-          footer
-        },
-        models.length === 0 ? (0, import_react68.createElement)("div", { className: "tdb-empty" }, t("models.empty")) : (0, import_react68.createElement)(
-          import_react68.Fragment,
-          {},
-          (0, import_react68.createElement)("div", { key: "hint", className: "tdb-pricing-note" }, t("cost.pricingHint")),
-          (0, import_react68.createElement)(
+          { className: "tdb-pricing-wrap" },
+          (0, import_react67.createElement)(
             "div",
-            { key: "grid", className: "tdb-pricing-wrap" },
-            (0, import_react68.createElement)(
-              "div",
-              { className: "tdb-pricing-grid" },
-              (0, import_react68.createElement)("div", { className: "tdb-pricing-head" }, t("models.model")),
-              (0, import_react68.createElement)("div", { className: "tdb-pricing-head" }, t("cost.currency")),
-              (0, import_react68.createElement)("div", { className: "tdb-pricing-head" }, t("cost.input")),
-              (0, import_react68.createElement)("div", { className: "tdb-pricing-head" }, t("cost.output")),
-              (0, import_react68.createElement)("div", { className: "tdb-pricing-head tdb-pricing-head--extra" }, t("cost.cacheRead")),
-              (0, import_react68.createElement)("div", { className: "tdb-pricing-head tdb-pricing-head--extra" }, t("cost.cacheWrite")),
-              visible.map((model) => {
-                const row = draft[model.key] ?? { currency: "USD", input: "", output: "", cacheRead: "", cacheWrite: "" };
-                const invalid = errors[model.key] === true;
-                return [
-                  (0, import_react68.createElement)(
+            { className: "tdb-pricing-grid" },
+            (0, import_react67.createElement)("div", { className: "tdb-pricing-head" }, t("models.model")),
+            (0, import_react67.createElement)("div", { className: "tdb-pricing-head" }, t("cost.currency")),
+            (0, import_react67.createElement)("div", { className: "tdb-pricing-head" }, t("cost.input")),
+            (0, import_react67.createElement)("div", { className: "tdb-pricing-head" }, t("cost.output")),
+            (0, import_react67.createElement)("div", { className: "tdb-pricing-head tdb-pricing-head--extra" }, t("cost.cacheRead")),
+            (0, import_react67.createElement)("div", { className: "tdb-pricing-head tdb-pricing-head--extra" }, t("cost.cacheWrite")),
+            visible.map((model) => {
+              const row = draft[model.key] ?? { currency: "USD", input: "", output: "", cacheRead: "", cacheWrite: "" };
+              const invalid = errors[model.key] === true;
+              return [
+                (0, import_react67.createElement)(
+                  "div",
+                  { key: `${model.key}:name`, className: "tdb-pricing-model" },
+                  (0, import_react67.createElement)(
                     "div",
-                    { key: `${model.key}:name`, className: "tdb-pricing-model" },
-                    (0, import_react68.createElement)(
-                      "div",
-                      { className: `tdb-model-name${model.model === "" ? " tdb-model-unknown" : ""}` },
-                      model.model === "" ? t("models.unknown") : model.model
-                    ),
-                    (0, import_react68.createElement)("div", { className: "tdb-model-provider" }, model.provider === "" ? "\u2014" : model.provider)
+                    { className: `tdb-model-name${model.model === "" ? " tdb-model-unknown" : ""}` },
+                    model.model === "" ? t("models.unknown") : model.model
                   ),
-                  (0, import_react68.createElement)(Select2, {
-                    key: `${model.key}:currency`,
-                    value: row.currency,
-                    options: currencyOptions(row.currency),
-                    className: "tdb-pricing-currency",
-                    ariaLabel: `${t("cost.currency")} ${model.model}`,
-                    onChange: (value) => update(model.key, "currency", value)
-                  }),
-                  rateInput(model.key, "input", row.input, t("cost.input"), invalid, (value) => update(model.key, "input", value)),
-                  rateInput(model.key, "output", row.output, t("cost.output"), invalid, (value) => update(model.key, "output", value)),
-                  rateInput(model.key, "cacheRead", row.cacheRead, t("cost.cacheRead"), invalid, (value) => update(model.key, "cacheRead", value), true),
-                  rateInput(model.key, "cacheWrite", row.cacheWrite, t("cost.cacheWrite"), invalid, (value) => update(model.key, "cacheWrite", value), true),
-                  invalid ? (0, import_react68.createElement)("div", { key: `${model.key}:error`, className: "tdb-error-text", style: { gridColumn: "1 / -1" } }, t("cost.invalid")) : null
-                ];
-              })
-            )
-          ),
-          pages > 1 ? (0, import_react68.createElement)(
+                  (0, import_react67.createElement)("div", { className: "tdb-model-provider" }, model.provider === "" ? "\u2014" : model.provider)
+                ),
+                (0, import_react67.createElement)(Select2, {
+                  key: `${model.key}:currency`,
+                  value: row.currency,
+                  options: currencyOptions(row.currency),
+                  className: "tdb-pricing-currency",
+                  ariaLabel: `${t("cost.currency")} ${model.model}`,
+                  onChange: (value) => update(model.key, "currency", value)
+                }),
+                rateInput(model.key, "input", row.input, t("cost.input"), invalid, (value) => update(model.key, "input", value)),
+                rateInput(model.key, "output", row.output, t("cost.output"), invalid, (value) => update(model.key, "output", value)),
+                rateInput(model.key, "cacheRead", row.cacheRead, t("cost.cacheRead"), invalid, (value) => update(model.key, "cacheRead", value), true),
+                rateInput(model.key, "cacheWrite", row.cacheWrite, t("cost.cacheWrite"), invalid, (value) => update(model.key, "cacheWrite", value), true),
+                invalid ? (0, import_react67.createElement)("div", { key: `${model.key}:error`, className: "tdb-error-text", style: { gridColumn: "1 / -1" } }, t("cost.invalid")) : null
+              ];
+            })
+          )
+        ),
+        pages > 1 ? (0, import_react67.createElement)(Pager, {
+          page: current2 + 1,
+          pages,
+          onChange: (next) => setPage(next - 1),
+          label: t("sessions.page", { page: current2 + 1, pages }),
+          ariaLabel: t("tabs.pricing")
+        }) : null
+      );
+      return (0, import_react67.createElement)(
+        Section,
+        { ariaLabel: t("tabs.pricing") },
+        (0, import_react67.createElement)(
+          "div",
+          { className: "tdb-pricing-page" },
+          (0, import_react67.createElement)("div", { className: "tdb-pricing-note" }, t("cost.pricingHint")),
+          body,
+          (0, import_react67.createElement)(
             "div",
-            { key: "pager", className: "tdb-pager" },
-            (0, import_react68.createElement)("span", {}, t("sessions.page", { page: current2 + 1, pages })),
-            (0, import_react68.createElement)(
-              "div",
-              { className: "tdb-pager-actions" },
-              (0, import_react68.createElement)(Button3, {
-                variant: "ghost",
-                iconOnly: true,
-                disabled: current2 <= 0,
-                "aria-label": t("sessions.previous"),
-                onClick: () => setPage(Math.max(0, current2 - 1))
-              }, (0, import_react68.createElement)(ChevronLeftIcon, { size: 15 })),
-              (0, import_react68.createElement)(Button3, {
-                variant: "ghost",
-                iconOnly: true,
-                disabled: current2 >= pages - 1,
-                "aria-label": t("sessions.next"),
-                onClick: () => setPage(Math.min(pages - 1, current2 + 1))
-              }, (0, import_react68.createElement)(ChevronRightIcon, { size: 15 }))
-            )
-          ) : null
+            { className: "tdb-pricing-actions" },
+            (0, import_react67.createElement)(Button3, { variant: "ghost", onClick: clear }, t("cost.clear")),
+            (0, import_react67.createElement)(Button3, { variant: "primary", onClick: save }, t("cost.save"))
+          )
         )
       );
     }
@@ -19368,7 +19583,7 @@ window.__ModuleLoader__.load({
       return [...values].map((value) => ({ value, label: value }));
     }
     function rateInput(key, field, value, label2, invalid, onChange, extra = false) {
-      return (0, import_react68.createElement)("input", {
+      return (0, import_react67.createElement)("input", {
         key: `${key}:${field}`,
         className: `tdb-input tdb-pricing-input${invalid ? " tdb-pricing-row-error" : ""}${extra ? " tdb-pricing-cell--extra" : ""}`,
         type: "text",
@@ -19381,14 +19596,14 @@ window.__ModuleLoader__.load({
     }
 
     // src/client/components/SessionDetail.tsx
-    var import_react74 = require("react");
+    var import_react73 = require("react");
 
     // src/client/components/ui/Drawer.tsx
-    var import_react72 = require("react");
+    var import_react71 = require("react");
 
     // src/client/beui/components/motion/drawer.tsx
-    var import_react69 = require("react");
-    var import_react71 = require("react");
+    var import_react68 = require("react");
+    var import_react70 = require("react");
     function Drawer({
       open,
       onOpenChange,
@@ -19400,11 +19615,11 @@ window.__ModuleLoader__.load({
       dismissable = true
     }) {
       const reduce = useReducedMotion();
-      const panelRef = (0, import_react71.useRef)(null);
+      const panelRef = (0, import_react70.useRef)(null);
       useFocusTrap(open, panelRef, {
         onEscape: dismissable ? () => onOpenChange(false) : void 0
       });
-      (0, import_react71.useEffect)(() => {
+      (0, import_react70.useEffect)(() => {
         if (!open) return;
         const prevOverflow = document.body.style.overflow;
         document.body.style.overflow = "hidden";
@@ -19413,7 +19628,7 @@ window.__ModuleLoader__.load({
         };
       }, [open]);
       const offscreen = side === "right" ? "100%" : "-100%";
-      return /* @__PURE__ */ (0, import_react69.createElement)(AnimatePresence, null, open ? /* @__PURE__ */ (0, import_react69.createElement)(PresenceGate, { key: "backdrop" }, ({ gate }) => /* @__PURE__ */ (0, import_react69.createElement)(
+      return /* @__PURE__ */ (0, import_react68.createElement)(AnimatePresence, null, open ? /* @__PURE__ */ (0, import_react68.createElement)(PresenceGate, { key: "backdrop" }, ({ gate }) => /* @__PURE__ */ (0, import_react68.createElement)(
         motion2.button,
         {
           type: "button",
@@ -19430,7 +19645,7 @@ window.__ModuleLoader__.load({
             backdropClassName
           )
         }
-      )) : null, open ? /* @__PURE__ */ (0, import_react69.createElement)(PresenceGate, { key: "panel" }, ({ gate }) => /* @__PURE__ */ (0, import_react69.createElement)(
+      )) : null, open ? /* @__PURE__ */ (0, import_react68.createElement)(PresenceGate, { key: "panel" }, ({ gate }) => /* @__PURE__ */ (0, import_react68.createElement)(
         motion2.div,
         {
           ref: panelRef,
@@ -19465,7 +19680,7 @@ window.__ModuleLoader__.load({
       footer
     }) {
       if (!open) return null;
-      return (0, import_react72.createElement)(Drawer, {
+      return (0, import_react71.createElement)(Drawer, {
         open: true,
         side: "right",
         ariaLabel: typeof title === "string" ? title : closeLabel,
@@ -19474,46 +19689,46 @@ window.__ModuleLoader__.load({
           if (!next) onClose();
         },
         children: [
-          (0, import_react72.createElement)(
+          (0, import_react71.createElement)(
             "div",
             { key: "head", className: "tdb-drawer-head" },
-            (0, import_react72.createElement)(
+            (0, import_react71.createElement)(
               "div",
               { style: { minWidth: 0 } },
-              (0, import_react72.createElement)("h2", { className: "tdb-drawer-title" }, title),
-              subtitle === void 0 ? null : (0, import_react72.createElement)("p", { className: "tdb-drawer-sub" }, subtitle),
-              badges === void 0 ? null : (0, import_react72.createElement)("div", { className: "tdb-session-badges" }, badges)
+              (0, import_react71.createElement)("h2", { className: "tdb-drawer-title" }, title),
+              subtitle === void 0 ? null : (0, import_react71.createElement)("p", { className: "tdb-drawer-sub" }, subtitle),
+              badges === void 0 ? null : (0, import_react71.createElement)("div", { className: "tdb-session-badges" }, badges)
             ),
-            (0, import_react72.createElement)(Button3, {
+            (0, import_react71.createElement)(Button3, {
               variant: "ghost",
               iconOnly: true,
               "data-autofocus": true,
               "aria-label": closeLabel,
               onClick: onClose
-            }, (0, import_react72.createElement)(CloseIcon, { size: 16 }))
+            }, (0, import_react71.createElement)(CloseIcon, { size: 16 }))
           ),
-          (0, import_react72.createElement)("div", { key: "body", className: "tdb-drawer-body" }, children),
-          footer === void 0 ? null : (0, import_react72.createElement)("div", { key: "footer", className: "tdb-drawer-foot" }, footer)
+          (0, import_react71.createElement)("div", { key: "body", className: "tdb-drawer-body" }, children),
+          footer === void 0 ? null : (0, import_react71.createElement)("div", { key: "footer", className: "tdb-drawer-foot" }, footer)
         ]
       });
     }
 
     // src/client/components/ui/Stat.tsx
-    var import_react73 = require("react");
+    var import_react72 = require("react");
     function Stat({ label: label2, value, total = false }) {
-      return (0, import_react73.createElement)(
+      return (0, import_react72.createElement)(
         "div",
         { className: `tdb-detail-stat${total ? " tdb-detail-stat--total" : ""}` },
-        (0, import_react73.createElement)("div", { className: "tdb-detail-label" }, label2),
-        (0, import_react73.createElement)("div", { className: "tdb-detail-value" }, value)
+        (0, import_react72.createElement)("div", { className: "tdb-detail-label" }, label2),
+        (0, import_react72.createElement)("div", { className: "tdb-detail-value" }, value)
       );
     }
     function Field({ label: label2, value }) {
-      return (0, import_react73.createElement)(
+      return (0, import_react72.createElement)(
         "div",
         { className: "tdb-field" },
-        (0, import_react73.createElement)("div", { className: "tdb-field-label" }, label2),
-        (0, import_react73.createElement)("div", { className: "tdb-field-value" }, value)
+        (0, import_react72.createElement)("div", { className: "tdb-field-label" }, label2),
+        (0, import_react72.createElement)("div", { className: "tdb-field-value" }, value)
       );
     }
 
@@ -19522,46 +19737,46 @@ window.__ModuleLoader__.load({
       if (session === null) return null;
       const title = session.title ?? t("sessions.untitled");
       const badges = [
-        session.live ? (0, import_react74.createElement)(Tag, { key: "live", tone: "live" }, t("sessions.live")) : null,
-        session.origin === "subagent" ? (0, import_react74.createElement)(Tag, { key: "sub", tone: "sub" }, t("sessions.subagent")) : null,
-        session.seeded ? (0, import_react74.createElement)(Tag, { key: "fork" }, t("sessions.fork")) : null,
-        session.stale ? (0, import_react74.createElement)(Tag, { key: "stale", tone: "stale" }, t("sessions.stale")) : null
+        session.live ? (0, import_react73.createElement)(Tag, { key: "live", tone: "live" }, t("sessions.live")) : null,
+        session.origin === "subagent" ? (0, import_react73.createElement)(Tag, { key: "sub", tone: "sub" }, t("sessions.subagent")) : null,
+        session.seeded ? (0, import_react73.createElement)(Tag, { key: "fork" }, t("sessions.fork")) : null,
+        session.stale ? (0, import_react73.createElement)(Tag, { key: "stale", tone: "stale" }, t("sessions.stale")) : null
       ];
-      const models = session.models.length === 0 ? (0, import_react74.createElement)("div", { className: "tdb-empty", style: { padding: "20px 0" } }, t("detail.none")) : (0, import_react74.createElement)(
+      const models = session.models.length === 0 ? (0, import_react73.createElement)("div", { className: "tdb-empty", style: { padding: "20px 0" } }, t("detail.none")) : (0, import_react73.createElement)(
         "div",
         { className: "tdb-detail-models" },
-        session.models.map((model) => (0, import_react74.createElement)(
+        session.models.map((model) => (0, import_react73.createElement)(
           "div",
           { key: model.key, className: "tdb-detail-model" },
-          (0, import_react74.createElement)(
+          (0, import_react73.createElement)(
             "div",
             { className: "tdb-detail-model-head" },
-            (0, import_react74.createElement)(
+            (0, import_react73.createElement)(
               "div",
               { style: { minWidth: 0 } },
-              (0, import_react74.createElement)(
+              (0, import_react73.createElement)(
                 "div",
                 { className: `tdb-model-name${model.model === "" ? " tdb-model-unknown" : ""}` },
                 model.model === "" ? t("models.unknown") : model.model
               ),
-              (0, import_react74.createElement)("div", { className: "tdb-model-provider" }, model.provider === "" ? "\u2014" : model.provider)
+              (0, import_react73.createElement)("div", { className: "tdb-model-provider" }, model.provider === "" ? "\u2014" : model.provider)
             ),
-            (0, import_react74.createElement)("div", { className: "tdb-detail-model-total" }, formatNumber(totalTokens(model), intl))
+            (0, import_react73.createElement)("div", { className: "tdb-detail-model-total" }, formatNumber(totalTokens(model), intl))
           ),
-          (0, import_react74.createElement)(
+          (0, import_react73.createElement)(
             "div",
             { className: "tdb-detail-model-meta" },
             `${t("detail.input")} ${formatCompact(model.uncachedInputTokens, intl)} \xB7 ${t("detail.output")} ${formatCompact(model.outputTokens, intl)} \xB7 ${t("detail.cache")} ${formatCompact(cacheTokens(model), intl)} \xB7 ${formatNumber(model.requests, intl)} ${t("detail.requests").toLowerCase()}`
           )
         ))
       );
-      const footer = onOpen === void 0 ? (0, import_react74.createElement)(Button3, { variant: "primary", onClick: onClose }, t("detail.close")) : (0, import_react74.createElement)(
+      const footer = onOpen === void 0 ? (0, import_react73.createElement)(Button3, { variant: "primary", onClick: onClose }, t("detail.close")) : (0, import_react73.createElement)(
         Button3,
         { variant: "primary", onClick: () => onOpen(session.id) },
-        (0, import_react74.createElement)(ArrowRightIcon, { size: 14 }),
+        (0, import_react73.createElement)(ArrowRightIcon, { size: 14 }),
         t("detail.open")
       );
-      return (0, import_react74.createElement)(
+      return (0, import_react73.createElement)(
         Drawer2,
         {
           open: true,
@@ -19571,39 +19786,39 @@ window.__ModuleLoader__.load({
           onClose,
           footer
         },
-        (0, import_react74.createElement)(
+        (0, import_react73.createElement)(
           "div",
           { key: "stats", className: "tdb-detail-stats" },
-          (0, import_react74.createElement)(Stat, { label: t("detail.total"), value: formatNumber(totalTokens(session.totals), intl), total: true }),
-          (0, import_react74.createElement)(Stat, { label: t("detail.input"), value: formatNumber(session.totals.uncachedInputTokens, intl) }),
-          (0, import_react74.createElement)(Stat, { label: t("detail.output"), value: formatNumber(session.totals.outputTokens, intl) }),
-          (0, import_react74.createElement)(Stat, { label: t("detail.cache"), value: formatNumber(cacheTokens(session.totals), intl) }),
-          (0, import_react74.createElement)(Stat, { label: t("detail.requests"), value: formatNumber(session.requests, intl) })
+          (0, import_react73.createElement)(Stat, { label: t("detail.total"), value: formatNumber(totalTokens(session.totals), intl), total: true }),
+          (0, import_react73.createElement)(Stat, { label: t("detail.input"), value: formatNumber(session.totals.uncachedInputTokens, intl) }),
+          (0, import_react73.createElement)(Stat, { label: t("detail.output"), value: formatNumber(session.totals.outputTokens, intl) }),
+          (0, import_react73.createElement)(Stat, { label: t("detail.cache"), value: formatNumber(cacheTokens(session.totals), intl) }),
+          (0, import_react73.createElement)(Stat, { label: t("detail.requests"), value: formatNumber(session.requests, intl) })
         ),
-        (0, import_react74.createElement)(
+        (0, import_react73.createElement)(
           "div",
           { key: "fields", className: "tdb-fields" },
-          (0, import_react74.createElement)(Field, { label: t("detail.created"), value: formatDateTime(session.createdAt, intl) }),
-          (0, import_react74.createElement)(Field, { label: t("detail.last"), value: formatDateTime(session.lastActivity, intl) }),
-          (0, import_react74.createElement)(Field, { label: t("sessions.project"), value: session.project === "" ? "\u2014" : session.project }),
-          (0, import_react74.createElement)(Field, { label: t("detail.hitRate"), value: formatPercent(session.cacheHitRate) })
+          (0, import_react73.createElement)(Field, { label: t("detail.created"), value: formatDateTime(session.createdAt, intl) }),
+          (0, import_react73.createElement)(Field, { label: t("detail.last"), value: formatDateTime(session.lastActivity, intl) }),
+          (0, import_react73.createElement)(Field, { label: t("sessions.project"), value: session.project === "" ? "\u2014" : session.project }),
+          (0, import_react73.createElement)(Field, { label: t("detail.hitRate"), value: formatPercent(session.cacheHitRate) })
         ),
-        (0, import_react74.createElement)(
+        (0, import_react73.createElement)(
           "div",
           { key: "models" },
-          (0, import_react74.createElement)("h3", { className: "tdb-section-title", style: { marginBottom: "10px" } }, t("detail.models")),
+          (0, import_react73.createElement)("h3", { className: "tdb-section-title", style: { marginBottom: "10px" } }, t("detail.models")),
           models
         )
       );
     }
 
     // src/client/components/Sessions.tsx
-    var import_react78 = require("react");
+    var import_react77 = require("react");
 
     // src/client/beui/components/motion/input.tsx
-    var import_react75 = require("react");
-    var import_react77 = require("react");
-    var Input = (0, import_react77.forwardRef)(function Input2({
+    var import_react74 = require("react");
+    var import_react76 = require("react");
+    var Input = (0, import_react76.forwardRef)(function Input2({
       label: label2,
       value: valueProp,
       defaultValue,
@@ -19622,18 +19837,18 @@ window.__ModuleLoader__.load({
       type,
       ...rest
     }, ref) {
-      const reactId = (0, import_react77.useId)();
+      const reactId = (0, import_react76.useId)();
       const id3 = idProp ?? reactId;
       const reduce = useReducedMotion();
       const controlled = valueProp !== void 0;
-      const [internal, setInternal] = (0, import_react77.useState)(defaultValue ?? "");
+      const [internal, setInternal] = (0, import_react76.useState)(defaultValue ?? "");
       const value = controlled ? valueProp ?? "" : internal;
-      const [focused, setFocused] = (0, import_react77.useState)(false);
-      const fieldRef = (0, import_react77.useRef)(null);
+      const [focused, setFocused] = (0, import_react76.useState)(false);
+      const fieldRef = (0, import_react76.useRef)(null);
       const hasError = Boolean(error);
       const errorMessage = typeof error === "string" ? error : null;
       const rightSlot = success ? null : rightIcon;
-      (0, import_react77.useEffect)(() => {
+      (0, import_react76.useEffect)(() => {
         if (!fieldRef.current || reduce || !hasError) return;
         animate(
           fieldRef.current,
@@ -19645,12 +19860,12 @@ window.__ModuleLoader__.load({
         if (!controlled) setInternal(next);
         onChange?.(next);
       };
-      return /* @__PURE__ */ (0, import_react75.createElement)(
+      return /* @__PURE__ */ (0, import_react74.createElement)(
         "div",
         {
           className: cn("flex flex-col gap-1.5", className, classNames?.root)
         },
-        label2 ? /* @__PURE__ */ (0, import_react75.createElement)(
+        label2 ? /* @__PURE__ */ (0, import_react74.createElement)(
           "label",
           {
             htmlFor: id3,
@@ -19661,7 +19876,7 @@ window.__ModuleLoader__.load({
           },
           label2
         ) : null,
-        /* @__PURE__ */ (0, import_react75.createElement)(
+        /* @__PURE__ */ (0, import_react74.createElement)(
           "div",
           {
             ref: fieldRef,
@@ -19675,7 +19890,7 @@ window.__ModuleLoader__.load({
               classNames?.field
             )
           },
-          leftIcon ? /* @__PURE__ */ (0, import_react75.createElement)(
+          leftIcon ? /* @__PURE__ */ (0, import_react74.createElement)(
             "span",
             {
               className: cn(
@@ -19685,7 +19900,7 @@ window.__ModuleLoader__.load({
             },
             leftIcon
           ) : null,
-          /* @__PURE__ */ (0, import_react75.createElement)(
+          /* @__PURE__ */ (0, import_react74.createElement)(
             "input",
             {
               ref,
@@ -19715,7 +19930,7 @@ window.__ModuleLoader__.load({
               )
             }
           ),
-          success ? /* @__PURE__ */ (0, import_react75.createElement)(
+          success ? /* @__PURE__ */ (0, import_react74.createElement)(
             motion2.svg,
             {
               viewBox: "0 0 24 24",
@@ -19725,7 +19940,7 @@ window.__ModuleLoader__.load({
                 classNames?.successIcon
               )
             },
-            /* @__PURE__ */ (0, import_react75.createElement)(
+            /* @__PURE__ */ (0, import_react74.createElement)(
               motion2.path,
               {
                 d: "M5 12.5l4.5 4.5L19 7.5",
@@ -19738,7 +19953,7 @@ window.__ModuleLoader__.load({
                 transition: { duration: 0.35, ease: "easeOut" }
               }
             )
-          ) : rightSlot ? /* @__PURE__ */ (0, import_react75.createElement)(
+          ) : rightSlot ? /* @__PURE__ */ (0, import_react74.createElement)(
             "span",
             {
               className: cn(
@@ -19749,7 +19964,7 @@ window.__ModuleLoader__.load({
             rightSlot
           ) : null
         ),
-        /* @__PURE__ */ (0, import_react75.createElement)("div", { className: reserveErrorLine ? "min-h-4" : "contents" }, /* @__PURE__ */ (0, import_react75.createElement)(AnimatePresence, { initial: false }, errorMessage ? /* @__PURE__ */ (0, import_react75.createElement)(
+        /* @__PURE__ */ (0, import_react74.createElement)("div", { className: reserveErrorLine ? "min-h-4" : "contents" }, /* @__PURE__ */ (0, import_react74.createElement)(AnimatePresence, { initial: false }, errorMessage ? /* @__PURE__ */ (0, import_react74.createElement)(
           motion2.p,
           {
             id: `${id3}-error`,
@@ -19771,18 +19986,18 @@ window.__ModuleLoader__.load({
     // src/client/components/Sessions.tsx
     function SessionTable({ rows, t, intl, now: now2, onSelect }) {
       const pageSize = TABLE_PAGE_SIZE;
-      const [query, setQuery] = (0, import_react78.useState)("");
-      const [project, setProject] = (0, import_react78.useState)("");
-      const [model, setModel] = (0, import_react78.useState)("");
-      const [sortKey, setSortKey] = (0, import_react78.useState)("last");
-      const [sortDir, setSortDir] = (0, import_react78.useState)("desc");
-      const [page, setPage] = (0, import_react78.useState)(0);
-      const projects = (0, import_react78.useMemo)(() => {
+      const [query, setQuery] = (0, import_react77.useState)("");
+      const [project, setProject] = (0, import_react77.useState)("");
+      const [model, setModel] = (0, import_react77.useState)("");
+      const [sortKey, setSortKey] = (0, import_react77.useState)("last");
+      const [sortDir, setSortDir] = (0, import_react77.useState)("desc");
+      const [page, setPage] = (0, import_react77.useState)(0);
+      const projects = (0, import_react77.useMemo)(() => {
         const values = /* @__PURE__ */ new Set();
         for (const row of rows) if (row.project !== "") values.add(row.project);
         return [...values].sort((left, right) => left.localeCompare(right));
       }, [rows]);
-      const modelOptions = (0, import_react78.useMemo)(() => {
+      const modelOptions = (0, import_react77.useMemo)(() => {
         const values = /* @__PURE__ */ new Map();
         for (const row of rows) {
           for (const item of row.models) {
@@ -19791,7 +20006,7 @@ window.__ModuleLoader__.load({
         }
         return [...values.entries()].map(([value, label2]) => ({ value, label: label2 })).sort((left, right) => left.label.localeCompare(right.label));
       }, [rows, t]);
-      const filtered = (0, import_react78.useMemo)(() => {
+      const filtered = (0, import_react77.useMemo)(() => {
         const needle = query.trim().toLowerCase();
         const result = rows.filter((row) => {
           if (project !== "" && row.project !== project) return false;
@@ -19824,18 +20039,18 @@ window.__ModuleLoader__.load({
           key: "session",
           header: t("sessions.session"),
           headerClassName: "tdb-session-cell",
-          render: (row) => (0, import_react78.createElement)(
+          render: (row) => (0, import_react77.createElement)(
             "div",
             {},
-            (0, import_react78.createElement)("div", { className: "tdb-session-title" }, row.title ?? t("sessions.untitled")),
-            (0, import_react78.createElement)(
+            (0, import_react77.createElement)("div", { className: "tdb-session-title" }, row.title ?? t("sessions.untitled")),
+            (0, import_react77.createElement)(
               "div",
               { className: "tdb-session-badges" },
-              row.project === "" ? null : (0, import_react78.createElement)("span", { className: "tdb-session-sub" }, row.project),
-              row.live ? (0, import_react78.createElement)(Tag, { tone: "live" }, t("sessions.live")) : null,
-              row.origin === "subagent" ? (0, import_react78.createElement)(Tag, { tone: "sub" }, t("sessions.subagent")) : null,
-              row.seeded ? (0, import_react78.createElement)(Tag, {}, t("sessions.fork")) : null,
-              row.stale ? (0, import_react78.createElement)(Tag, { tone: "stale" }, t("sessions.stale")) : null
+              row.project === "" ? null : (0, import_react77.createElement)("span", { className: "tdb-session-sub" }, row.project),
+              row.live ? (0, import_react77.createElement)(Tag, { tone: "live" }, t("sessions.live")) : null,
+              row.origin === "subagent" ? (0, import_react77.createElement)(Tag, { tone: "sub" }, t("sessions.subagent")) : null,
+              row.seeded ? (0, import_react77.createElement)(Tag, {}, t("sessions.fork")) : null,
+              row.stale ? (0, import_react77.createElement)(Tag, { tone: "stale" }, t("sessions.stale")) : null
             )
           )
         },
@@ -19846,11 +20061,11 @@ window.__ModuleLoader__.load({
           cellClassName: "tdb-hide-sm",
           render: (row) => {
             const first = row.models[0];
-            return first === void 0 ? "\u2014" : (0, import_react78.createElement)(
+            return first === void 0 ? "\u2014" : (0, import_react77.createElement)(
               "span",
               { className: "tdb-session-model" },
               first.model === "" ? t("models.unknown") : first.model,
-              row.models.length > 1 ? (0, import_react78.createElement)(
+              row.models.length > 1 ? (0, import_react77.createElement)(
                 "span",
                 { className: "tdb-model-provider" },
                 ` ${t("sessions.modelsMore", { count: row.models.length - 1 })}`
@@ -19860,7 +20075,7 @@ window.__ModuleLoader__.load({
         },
         {
           key: "last",
-          header: (0, import_react78.createElement)(SortHeader, {
+          header: (0, import_react77.createElement)(SortHeader, {
             label: t("sessions.last"),
             title: t("sessions.sortLast"),
             active: sortKey === "last",
@@ -19869,7 +20084,7 @@ window.__ModuleLoader__.load({
           }),
           headerProps: { "aria-sort": activeSort(sortKey === "last", sortDir) },
           cellClassName: "tdb-nowrap",
-          render: (row) => (0, import_react78.createElement)(
+          render: (row) => (0, import_react77.createElement)(
             "span",
             { title: formatDateTime(row.lastActivity, intl) },
             formatRelative(row.lastActivity, now2, intl)
@@ -19877,7 +20092,7 @@ window.__ModuleLoader__.load({
         },
         {
           key: "total",
-          header: (0, import_react78.createElement)(SortHeader, {
+          header: (0, import_react77.createElement)(SortHeader, {
             label: t("sessions.total"),
             title: t("sessions.sortTotal"),
             active: sortKey === "total",
@@ -19887,13 +20102,13 @@ window.__ModuleLoader__.load({
           headerClassName: "tdb-num",
           headerProps: { "aria-sort": activeSort(sortKey === "total", sortDir) },
           cellClassName: "tdb-num",
-          render: (row) => (0, import_react78.createElement)("span", { style: { fontWeight: 600 } }, formatNumber(totalTokens(row.totals), intl))
+          render: (row) => (0, import_react77.createElement)("span", { style: { fontWeight: 600 } }, formatNumber(totalTokens(row.totals), intl))
         }
       ];
-      const body = rows.length === 0 ? (0, import_react78.createElement)(EmptyState, { icon: (0, import_react78.createElement)(DatabaseIcon, { size: 20 }), title: t("sessions.empty") }) : filtered.length === 0 ? (0, import_react78.createElement)(EmptyState, { icon: (0, import_react78.createElement)(SearchIcon, { size: 20 }), title: t("sessions.emptyFiltered") }) : (0, import_react78.createElement)(
+      const body = rows.length === 0 ? (0, import_react77.createElement)(EmptyState, { icon: (0, import_react77.createElement)(DatabaseIcon, { size: 20 }), title: t("sessions.empty") }) : filtered.length === 0 ? (0, import_react77.createElement)(EmptyState, { icon: (0, import_react77.createElement)(SearchIcon, { size: 20 }), title: t("sessions.emptyFiltered") }) : (0, import_react77.createElement)(
         "div",
         { className: "tdb-table-panel" },
-        (0, import_react78.createElement)(DataTable, {
+        (0, import_react77.createElement)(DataTable, {
           rows: visible,
           columns,
           rowKey: (row) => row.id,
@@ -19901,7 +20116,7 @@ window.__ModuleLoader__.load({
           rowClassName: "tdb-row",
           onRowActivate: onSelect
         }),
-        (0, import_react78.createElement)(Pager, {
+        (0, import_react77.createElement)(Pager, {
           page: current2 + 1,
           pages,
           onChange: (next) => setPage(next - 1),
@@ -19909,16 +20124,16 @@ window.__ModuleLoader__.load({
           ariaLabel: t("sessions.page", { page: current2 + 1, pages })
         })
       );
-      return (0, import_react78.createElement)(
+      return (0, import_react77.createElement)(
         Section,
         { ariaLabel: t("sessions.title") },
-        rows.length === 0 ? body : (0, import_react78.createElement)(
-          import_react78.Fragment,
+        rows.length === 0 ? body : (0, import_react77.createElement)(
+          import_react77.Fragment,
           {},
-          (0, import_react78.createElement)(
+          (0, import_react77.createElement)(
             "div",
             { className: "tdb-filters" },
-            (0, import_react78.createElement)(Input, {
+            (0, import_react77.createElement)(Input, {
               className: "tdb-search",
               type: "search",
               value: query,
@@ -19928,10 +20143,10 @@ window.__ModuleLoader__.load({
               },
               placeholder: t("sessions.search"),
               "aria-label": t("sessions.search"),
-              leftIcon: (0, import_react78.createElement)(SearchIcon, { size: 14 }),
+              leftIcon: (0, import_react77.createElement)(SearchIcon, { size: 14 }),
               classNames: { field: "h-8 rounded-lg", input: "text-xs" }
             }),
-            (0, import_react78.createElement)(Select2, {
+            (0, import_react77.createElement)(Select2, {
               value: project,
               ariaLabel: t("sessions.project"),
               options: [{ value: "", label: t("sessions.projectAll") }, ...projects.map((value) => ({ value, label: value }))],
@@ -19940,7 +20155,7 @@ window.__ModuleLoader__.load({
                 resetPage();
               }
             }),
-            (0, import_react78.createElement)(Select2, {
+            (0, import_react77.createElement)(Select2, {
               value: model,
               ariaLabel: t("models.model"),
               options: [{ value: "", label: t("sessions.modelAll") }, ...modelOptions],
@@ -19955,7 +20170,7 @@ window.__ModuleLoader__.load({
       );
     }
     function SortHeader({ label: label2, title, active: active2, direction, onClick }) {
-      return (0, import_react78.createElement)(
+      return (0, import_react77.createElement)(
         "button",
         {
           type: "button",
@@ -19964,7 +20179,7 @@ window.__ModuleLoader__.load({
           onClick
         },
         label2,
-        active2 ? (0, import_react78.createElement)("span", { className: "tdb-sort-arrow", "aria-hidden": "true" }, direction === "asc" ? "\u25B2" : "\u25BC") : null
+        active2 ? (0, import_react77.createElement)("span", { className: "tdb-sort-arrow", "aria-hidden": "true" }, direction === "asc" ? "\u25B2" : "\u25BC") : null
       );
     }
     function activeSort(active2, direction) {
@@ -19973,13 +20188,13 @@ window.__ModuleLoader__.load({
     }
 
     // src/client/components/RequestLog.tsx
-    var import_react79 = require("react");
+    var import_react78 = require("react");
     function RequestLog({ pricing, t, intl, refreshToken }) {
-      const [page, setPage] = (0, import_react79.useState)(0);
-      const [data, setData] = (0, import_react79.useState)(null);
-      const [loading, setLoading] = (0, import_react79.useState)(true);
-      const [failed, setFailed] = (0, import_react79.useState)(false);
-      (0, import_react79.useEffect)(() => {
+      const [page, setPage] = (0, import_react78.useState)(0);
+      const [data, setData] = (0, import_react78.useState)(null);
+      const [loading, setLoading] = (0, import_react78.useState)(true);
+      const [failed, setFailed] = (0, import_react78.useState)(false);
+      (0, import_react78.useEffect)(() => {
         let stopped = false;
         setLoading(true);
         setFailed(false);
@@ -20002,40 +20217,40 @@ window.__ModuleLoader__.load({
       const pages = Math.max(1, Math.ceil(total / TABLE_PAGE_SIZE));
       const current2 = Math.min(page, pages - 1);
       if (loading && data === null) {
-        return (0, import_react79.createElement)(
+        return (0, import_react78.createElement)(
           Section,
           { ariaLabel: t("tabs.requests") },
-          (0, import_react79.createElement)("div", { className: "tdb-empty" }, t("requests.loading"))
+          (0, import_react78.createElement)("div", { className: "tdb-empty" }, t("requests.loading"))
         );
       }
       if (failed) {
-        return (0, import_react79.createElement)(
+        return (0, import_react78.createElement)(
           Section,
           { ariaLabel: t("tabs.requests") },
-          (0, import_react79.createElement)("div", { className: "tdb-empty" }, t("requests.failed"))
+          (0, import_react78.createElement)("div", { className: "tdb-empty" }, t("requests.failed"))
         );
       }
       if (total === 0) {
-        return (0, import_react79.createElement)(
+        return (0, import_react78.createElement)(
           Section,
           { ariaLabel: t("tabs.requests") },
-          (0, import_react79.createElement)(EmptyState, { icon: (0, import_react79.createElement)(ChartIcon, { size: 20 }), title: t("requests.empty") })
+          (0, import_react78.createElement)(EmptyState, { icon: (0, import_react78.createElement)(ChartIcon, { size: 20 }), title: t("requests.empty") })
         );
       }
       const rows = data?.rows ?? [];
-      return (0, import_react79.createElement)(
+      return (0, import_react78.createElement)(
         Section,
         { ariaLabel: t("tabs.requests") },
-        (0, import_react79.createElement)(
+        (0, import_react78.createElement)(
           "div",
           { className: "tdb-table-panel" },
-          (0, import_react79.createElement)(DataTable, {
+          (0, import_react78.createElement)(DataTable, {
             rows,
             columns: requestColumns(pricing, t, intl),
             rowKey: (row) => row.id,
             ariaLabel: t("tabs.requests")
           }),
-          (0, import_react79.createElement)(Pager, {
+          (0, import_react78.createElement)(Pager, {
             page: current2 + 1,
             pages,
             onChange: (next) => setPage(next - 1),
@@ -20069,7 +20284,7 @@ window.__ModuleLoader__.load({
         {
           key: "model",
           header: t("requests.model"),
-          render: (row) => (0, import_react79.createElement)(
+          render: (row) => (0, import_react78.createElement)(
             "span",
             { className: "tdb-session-model", title: row.model },
             row.model === "" ? t("models.unknown") : row.model
@@ -20105,14 +20320,14 @@ window.__ModuleLoader__.load({
         },
         {
           key: "speed",
-          header: (0, import_react79.createElement)("span", { title: t("sessions.speedHint") }, t("sessions.speed")),
+          header: (0, import_react78.createElement)("span", { title: t("sessions.speedHint") }, t("sessions.speed")),
           headerClassName: "tdb-num tdb-hide-sm",
           cellClassName: "tdb-num tdb-hide-sm",
           render: (row) => formatSpeed(row.speed)
         },
         {
           key: "firstToken",
-          header: (0, import_react79.createElement)("span", { title: t("sessions.firstTokenHint") }, t("sessions.firstToken")),
+          header: (0, import_react78.createElement)("span", { title: t("sessions.firstTokenHint") }, t("sessions.firstToken")),
           headerClassName: "tdb-num tdb-hide-sm",
           cellClassName: "tdb-num tdb-hide-sm",
           render: (row) => formatFirstToken(row.firstToken)
@@ -20120,7 +20335,7 @@ window.__ModuleLoader__.load({
       ];
     }
     function requestCost(row, pricing) {
-      const price = pricing[row.modelKey];
+      const price = priceForModel(pricing, row.modelKey, row.model);
       const amount = costOf({
         uncachedInputTokens: row.inputTokens,
         cacheReadTokens: row.cacheReadTokens,
@@ -20145,17 +20360,17 @@ window.__ModuleLoader__.load({
     }
 
     // src/client/components/Trends.tsx
-    var import_react89 = require("react");
+    var import_react88 = require("react");
 
     // src/client/components/charts.tsx
-    var import_react83 = require("react");
+    var import_react82 = require("react");
 
     // src/client/hooks.ts
-    var import_react80 = require("react");
+    var import_react79 = require("react");
     function useElementSize() {
-      const ref = (0, import_react80.useRef)(null);
-      const [size, setSize] = (0, import_react80.useState)({ width: 0, height: 0 });
-      (0, import_react80.useEffect)(() => {
+      const ref = (0, import_react79.useRef)(null);
+      const [size, setSize] = (0, import_react79.useState)({ width: 0, height: 0 });
+      (0, import_react79.useEffect)(() => {
         const node = ref.current;
         if (node === null || typeof ResizeObserver === "undefined") return;
         const update = () => {
@@ -20170,24 +20385,24 @@ window.__ModuleLoader__.load({
       return [ref, size];
     }
     function useNow(intervalMs = 3e4) {
-      const [now2, setNow] = (0, import_react80.useState)(() => Date.now());
-      (0, import_react80.useEffect)(() => {
+      const [now2, setNow] = (0, import_react79.useState)(() => Date.now());
+      (0, import_react79.useEffect)(() => {
         const timer = setInterval(() => setNow(Date.now()), intervalMs);
         return () => clearInterval(timer);
       }, [intervalMs]);
       return now2;
     }
     function useStats(intervalMs = POLL_INTERVAL_MS) {
-      const [data, setData] = (0, import_react80.useState)(null);
-      const [loading, setLoading] = (0, import_react80.useState)(true);
-      const [refreshing, setRefreshing] = (0, import_react80.useState)(false);
-      const [error, setError] = (0, import_react80.useState)(null);
-      const [pollError, setPollError] = (0, import_react80.useState)(null);
-      const [lastUpdated, setLastUpdated] = (0, import_react80.useState)(null);
-      const etag = (0, import_react80.useRef)(null);
-      const inflight = (0, import_react80.useRef)(null);
-      const hasData = (0, import_react80.useRef)(false);
-      const load = (0, import_react80.useCallback)(async (mode) => {
+      const [data, setData] = (0, import_react79.useState)(null);
+      const [loading, setLoading] = (0, import_react79.useState)(true);
+      const [refreshing, setRefreshing] = (0, import_react79.useState)(false);
+      const [error, setError] = (0, import_react79.useState)(null);
+      const [pollError, setPollError] = (0, import_react79.useState)(null);
+      const [lastUpdated, setLastUpdated] = (0, import_react79.useState)(null);
+      const etag = (0, import_react79.useRef)(null);
+      const inflight = (0, import_react79.useRef)(null);
+      const hasData = (0, import_react79.useRef)(false);
+      const load = (0, import_react79.useCallback)(async (mode) => {
         if (mode === "poll" && inflight.current !== null) return;
         if (mode === "manual" && inflight.current !== null) inflight.current.abort();
         const controller = new AbortController();
@@ -20213,10 +20428,10 @@ window.__ModuleLoader__.load({
           if (inflight.current === controller) inflight.current = null;
         }
       }, []);
-      (0, import_react80.useEffect)(() => {
+      (0, import_react79.useEffect)(() => {
         void load("initial");
       }, [load]);
-      (0, import_react80.useEffect)(() => {
+      (0, import_react79.useEffect)(() => {
         const tick = () => {
           if (typeof document !== "undefined" && document.visibilityState !== "visible") return;
           void load("poll");
@@ -20232,14 +20447,14 @@ window.__ModuleLoader__.load({
           inflight.current?.abort();
         };
       }, [load, intervalMs]);
-      const refresh = (0, import_react80.useCallback)(() => {
+      const refresh = (0, import_react79.useCallback)(() => {
         void load("manual");
       }, [load]);
       return { data, loading, refreshing, error, pollError, lastUpdated, refresh };
     }
 
     // src/client/beui/components/motion/tooltip-surface.tsx
-    var import_react81 = require("react");
+    var import_react80 = require("react");
     function TooltipSurface({
       children,
       side: _side = "top",
@@ -20251,7 +20466,7 @@ window.__ModuleLoader__.load({
     }) {
       const reduce = useReducedMotion();
       const closed = { opacity: 0, scale: reduce ? 1 : 0.94 };
-      return /* @__PURE__ */ (0, import_react81.createElement)(
+      return /* @__PURE__ */ (0, import_react80.createElement)(
         motion2.span,
         {
           ref,
@@ -20285,7 +20500,7 @@ window.__ModuleLoader__.load({
       const [ref, size] = useElementSize();
       const width = Math.max(1, Math.round(size.width || 520));
       const height = Math.max(MIN_HEIGHT, Math.round(size.height || DEFAULT_HEIGHT));
-      const [hover2, setHover] = (0, import_react83.useState)(null);
+      const [hover2, setHover] = (0, import_react82.useState)(null);
       const innerWidth = Math.max(20, width - LEFT - RIGHT);
       const innerHeight = height - TOP - BOTTOM;
       const band = innerWidth / Math.max(1, buckets.length);
@@ -20311,10 +20526,10 @@ window.__ModuleLoader__.load({
         setHover({ index, x: LEFT + band * index + band / 2, y });
       };
       const hovered = hover2 === null ? void 0 : buckets[hover2.index];
-      return (0, import_react83.createElement)(
+      return (0, import_react82.createElement)(
         "div",
         { className: "tdb-chart", ref },
-        (0, import_react83.createElement)(
+        (0, import_react82.createElement)(
           "svg",
           {
             width,
@@ -20326,8 +20541,8 @@ window.__ModuleLoader__.load({
             onMouseLeave: () => setHover(null)
           },
           ...grid(width, scale2, toY, intl),
-          (0, import_react83.createElement)("line", { x1: LEFT, y1: bottom, x2: width - RIGHT, y2: bottom, className: "tdb-axis-line" }),
-          hover2 === null ? null : (0, import_react83.createElement)("rect", {
+          (0, import_react82.createElement)("line", { x1: LEFT, y1: bottom, x2: width - RIGHT, y2: bottom, className: "tdb-axis-line" }),
+          hover2 === null ? null : (0, import_react82.createElement)("rect", {
             className: "tdb-hover-band",
             x: LEFT + band * hover2.index,
             y: TOP,
@@ -20339,10 +20554,10 @@ window.__ModuleLoader__.load({
             const center = LEFT + band * index + band / 2;
             const inputHeight = visibleHeight(bucket.uncachedInputTokens, toY, bottom);
             const outputHeight = visibleHeight(bucket.outputTokens, toY, bottom);
-            return (0, import_react83.createElement)(
+            return (0, import_react82.createElement)(
               "g",
               { key: bucket.bucket },
-              inputHeight <= 0 ? null : (0, import_react83.createElement)("rect", {
+              inputHeight <= 0 ? null : (0, import_react82.createElement)("rect", {
                 x: center - gap / 2 - barWidth,
                 y: bottom - inputHeight,
                 width: barWidth,
@@ -20350,7 +20565,7 @@ window.__ModuleLoader__.load({
                 rx: Math.min(2.5, barWidth / 2),
                 className: "tdb-bar tdb-bar--input"
               }),
-              outputHeight <= 0 ? null : (0, import_react83.createElement)("rect", {
+              outputHeight <= 0 ? null : (0, import_react82.createElement)("rect", {
                 x: center + gap / 2,
                 y: bottom - outputHeight,
                 width: barWidth,
@@ -20362,7 +20577,7 @@ window.__ModuleLoader__.load({
           }),
           ...xLabels(buckets, band, width, bottom, labelOf)
         ),
-        hover2 === null || hovered === void 0 ? null : (0, import_react83.createElement)(Tooltip, {
+        hover2 === null || hovered === void 0 ? null : (0, import_react82.createElement)(Tooltip, {
           x: tooltipX(hover2.x, width),
           y: tooltipY(hover2.y, height),
           title: labelOf(hovered),
@@ -20373,14 +20588,14 @@ window.__ModuleLoader__.load({
             { label: t("sessions.requests"), value: String(hovered.requests), color: void 0 }
           ]
         }),
-        empty ? (0, import_react83.createElement)("div", { className: "tdb-chart-empty" }, t("trend.emptyIo")) : null
+        empty ? (0, import_react82.createElement)("div", { className: "tdb-chart-empty" }, t("trend.emptyIo")) : null
       );
     }
     function CacheChart({ buckets, granularity, t, intl }) {
       const [ref, size] = useElementSize();
       const width = Math.max(1, Math.round(size.width || 520));
       const height = Math.max(MIN_HEIGHT, Math.round(size.height || DEFAULT_HEIGHT));
-      const [hover2, setHover] = (0, import_react83.useState)(null);
+      const [hover2, setHover] = (0, import_react82.useState)(null);
       const right = 42;
       const innerWidth = Math.max(20, width - LEFT - right);
       const innerHeight = height - TOP - BOTTOM;
@@ -20421,10 +20636,10 @@ window.__ModuleLoader__.load({
         const prompt = promptOf(hovered);
         return prompt === 0 ? null : hovered.cacheReadTokens / prompt;
       })();
-      return (0, import_react83.createElement)(
+      return (0, import_react82.createElement)(
         "div",
         { className: "tdb-chart", ref },
-        (0, import_react83.createElement)(
+        (0, import_react82.createElement)(
           "svg",
           {
             width,
@@ -20436,11 +20651,11 @@ window.__ModuleLoader__.load({
             onMouseLeave: () => setHover(null)
           },
           ...grid(width, scale2, toY, intl, right),
-          (0, import_react83.createElement)("text", { x: width - right + 6, y: TOP + 3, className: "tdb-axis-text" }, "100%"),
-          (0, import_react83.createElement)("text", { x: width - right + 6, y: TOP + innerHeight / 2, className: "tdb-axis-text" }, "50%"),
-          (0, import_react83.createElement)("text", { x: width - right + 6, y: bottom, className: "tdb-axis-text" }, "0%"),
-          (0, import_react83.createElement)("line", { x1: LEFT, y1: bottom, x2: width - right, y2: bottom, className: "tdb-axis-line" }),
-          hover2 === null ? null : (0, import_react83.createElement)("rect", {
+          (0, import_react82.createElement)("text", { x: width - right + 6, y: TOP + 3, className: "tdb-axis-text" }, "100%"),
+          (0, import_react82.createElement)("text", { x: width - right + 6, y: TOP + innerHeight / 2, className: "tdb-axis-text" }, "50%"),
+          (0, import_react82.createElement)("text", { x: width - right + 6, y: bottom, className: "tdb-axis-text" }, "0%"),
+          (0, import_react82.createElement)("line", { x1: LEFT, y1: bottom, x2: width - right, y2: bottom, className: "tdb-axis-line" }),
+          hover2 === null ? null : (0, import_react82.createElement)("rect", {
             className: "tdb-hover-band",
             x: LEFT + band * hover2.index,
             y: TOP,
@@ -20451,10 +20666,10 @@ window.__ModuleLoader__.load({
           ...buckets.map((bucket, index) => {
             const readHeight = visibleHeight(bucket.cacheReadTokens, toY, bottom);
             const writeHeight = visibleHeight(bucket.cacheWriteTokens, toY, bottom);
-            return (0, import_react83.createElement)(
+            return (0, import_react82.createElement)(
               "g",
               { key: bucket.bucket },
-              readHeight <= 0 ? null : (0, import_react83.createElement)("rect", {
+              readHeight <= 0 ? null : (0, import_react82.createElement)("rect", {
                 x: LEFT + band * index + (band - barWidth) / 2,
                 y: bottom - readHeight,
                 width: barWidth,
@@ -20462,7 +20677,7 @@ window.__ModuleLoader__.load({
                 rx: Math.min(2.5, barWidth / 2),
                 className: "tdb-bar tdb-bar--cache-read"
               }),
-              writeHeight <= 0 ? null : (0, import_react83.createElement)("rect", {
+              writeHeight <= 0 ? null : (0, import_react82.createElement)("rect", {
                 x: LEFT + band * index + (band - barWidth) / 2,
                 y: bottom - readHeight - writeHeight,
                 width: barWidth,
@@ -20472,12 +20687,12 @@ window.__ModuleLoader__.load({
               })
             );
           }),
-          ...segments.map((points, index) => (0, import_react83.createElement)("polyline", {
+          ...segments.map((points, index) => (0, import_react82.createElement)("polyline", {
             key: `hit-${index}`,
             points,
             className: "tdb-line-hit"
           })),
-          ...hitPoints.map((point) => point === null ? null : (0, import_react83.createElement)("circle", {
+          ...hitPoints.map((point) => point === null ? null : (0, import_react82.createElement)("circle", {
             key: `dot-${point.index}`,
             cx: point.x,
             cy: point.y,
@@ -20486,7 +20701,7 @@ window.__ModuleLoader__.load({
           })),
           ...xLabels(buckets, band, width, bottom, labelOf)
         ),
-        hover2 === null || hovered === void 0 ? null : (0, import_react83.createElement)(Tooltip, {
+        hover2 === null || hovered === void 0 ? null : (0, import_react82.createElement)(Tooltip, {
           x: tooltipX(hover2.x, width),
           y: tooltipY(hover2.y, height),
           title: labelOf(hovered),
@@ -20496,30 +20711,30 @@ window.__ModuleLoader__.load({
             { label: t("legend.hitRate"), value: hoveredRatio === null ? "\u2014" : formatPercent(hoveredRatio), color: "var(--tdb-cat-hit)" }
           ]
         }),
-        empty ? (0, import_react83.createElement)("div", { className: "tdb-chart-empty" }, t("trend.emptyCache")) : null
+        empty ? (0, import_react82.createElement)("div", { className: "tdb-chart-empty" }, t("trend.emptyCache")) : null
       );
     }
     function Tooltip({ x, y, title, rows }) {
-      return (0, import_react83.createElement)(
+      return (0, import_react82.createElement)(
         "div",
         { className: "tdb-tooltip", style: { left: x, top: y } },
-        (0, import_react83.createElement)(TooltipSurface, {
+        (0, import_react82.createElement)(TooltipSurface, {
           ready: true,
           className: "tdb-tooltip-surface",
-          children: (0, import_react83.createElement)(
+          children: (0, import_react82.createElement)(
             "div",
             { className: "tdb-tooltip-content" },
-            (0, import_react83.createElement)("div", { className: "tdb-tooltip-title" }, title),
-            rows.map((row) => (0, import_react83.createElement)(
+            (0, import_react82.createElement)("div", { className: "tdb-tooltip-title" }, title),
+            rows.map((row) => (0, import_react82.createElement)(
               "div",
               { key: row.label, className: "tdb-tooltip-row" },
-              (0, import_react83.createElement)(
+              (0, import_react82.createElement)(
                 "span",
                 { style: { display: "inline-flex", alignItems: "center", gap: 5 } },
-                row.color === void 0 ? null : (0, import_react83.createElement)("span", { className: "tdb-legend-dot", style: { background: row.color } }),
+                row.color === void 0 ? null : (0, import_react82.createElement)("span", { className: "tdb-legend-dot", style: { background: row.color } }),
                 row.label
               ),
-              (0, import_react83.createElement)("b", {}, row.value)
+              (0, import_react82.createElement)("b", {}, row.value)
             ))
           )
         })
@@ -20530,7 +20745,7 @@ window.__ModuleLoader__.load({
       for (let index = 0; index <= INTERVALS; index += 1) {
         const value = scale2.step * index;
         const y = toY(value);
-        lines.push((0, import_react83.createElement)("line", {
+        lines.push((0, import_react82.createElement)("line", {
           key: `grid-${index}`,
           x1: LEFT,
           y1: y,
@@ -20538,7 +20753,7 @@ window.__ModuleLoader__.load({
           y2: y,
           className: "tdb-grid-line"
         }));
-        lines.push((0, import_react83.createElement)("text", {
+        lines.push((0, import_react82.createElement)("text", {
           key: `axis-${index}`,
           x: LEFT - 8,
           y: y + 3,
@@ -20559,7 +20774,7 @@ window.__ModuleLoader__.load({
           const previousX = LEFT + band * (index - step) + band / 2;
           if (x - previousX < 46) return;
         }
-        labels.push((0, import_react83.createElement)("text", {
+        labels.push((0, import_react82.createElement)("text", {
           key: `x-${bucket.bucket}`,
           x,
           y: bottom + 16,
@@ -20595,13 +20810,13 @@ window.__ModuleLoader__.load({
     }
 
     // src/client/components/ui/DatePicker.tsx
-    var import_react84 = require("react");
+    var import_react83 = require("react");
     function DatePicker({ value, onChange, ariaLabel, intl, min, max, previousLabel, nextLabel }) {
-      const [open, setOpen] = (0, import_react84.useState)(false);
-      const [position, setPosition] = (0, import_react84.useState)(null);
-      const [view, setView] = (0, import_react84.useState)(() => monthStart(selectedDate(value) ?? /* @__PURE__ */ new Date()));
-      const trigger = (0, import_react84.useRef)(null);
-      const layer = (0, import_react84.useRef)(null);
+      const [open, setOpen] = (0, import_react83.useState)(false);
+      const [position, setPosition] = (0, import_react83.useState)(null);
+      const [view, setView] = (0, import_react83.useState)(() => monthStart(selectedDate(value) ?? /* @__PURE__ */ new Date()));
+      const trigger = (0, import_react83.useRef)(null);
+      const layer = (0, import_react83.useRef)(null);
       const selected = selectedDate(value);
       const today = isoDate(/* @__PURE__ */ new Date());
       const place = () => {
@@ -20616,7 +20831,7 @@ window.__ModuleLoader__.load({
           top: openUp ? Math.max(8, box.top - 336) : box.bottom + 4
         });
       };
-      (0, import_react84.useEffect)(() => {
+      (0, import_react83.useEffect)(() => {
         if (!open) return;
         setView(monthStart(selected ?? /* @__PURE__ */ new Date()));
         place();
@@ -20649,7 +20864,7 @@ window.__ModuleLoader__.load({
           window.removeEventListener("scroll", onScroll, true);
         };
       }, [open]);
-      (0, import_react84.useEffect)(() => {
+      (0, import_react83.useEffect)(() => {
         if (!open) return;
         layer.current?.querySelector('[aria-pressed="true"]')?.focus();
       }, [open, view]);
@@ -20666,10 +20881,10 @@ window.__ModuleLoader__.load({
         ...Array.from({ length: days }, (_, index) => new Date(view.getFullYear(), view.getMonth(), index + 1))
       ];
       while (cells.length % 7 !== 0) cells.push(null);
-      return (0, import_react84.createElement)(
+      return (0, import_react83.createElement)(
         "div",
         { className: "tdb-date-picker" },
-        (0, import_react84.createElement)(
+        (0, import_react83.createElement)(
           "button",
           {
             ref: trigger,
@@ -20680,10 +20895,10 @@ window.__ModuleLoader__.load({
             "aria-expanded": open,
             onClick: () => setOpen((current2) => !current2)
           },
-          (0, import_react84.createElement)(CalendarIcon, { size: 14 }),
-          (0, import_react84.createElement)("span", { className: "tdb-date-value" }, selected === null ? "\u2014" : formatDate(selected, intl))
+          (0, import_react83.createElement)(CalendarIcon, { size: 14 }),
+          (0, import_react83.createElement)("span", { className: "tdb-date-value" }, selected === null ? "\u2014" : formatDate(selected, intl))
         ),
-        open && position !== null ? (0, import_react84.createElement)(
+        open && position !== null ? (0, import_react83.createElement)(
           "div",
           {
             ref: layer,
@@ -20692,32 +20907,32 @@ window.__ModuleLoader__.load({
             "aria-label": ariaLabel,
             style: { left: `${position.left}px`, top: `${position.top}px` }
           },
-          (0, import_react84.createElement)(
+          (0, import_react83.createElement)(
             "div",
             { className: "tdb-cal-head" },
-            (0, import_react84.createElement)(Button3, {
+            (0, import_react83.createElement)(Button3, {
               variant: "ghost",
               iconOnly: true,
               "aria-label": previousLabel,
               onClick: () => setView(new Date(view.getFullYear(), view.getMonth() - 1, 1))
-            }, (0, import_react84.createElement)(ChevronLeftIcon, { size: 14 })),
-            (0, import_react84.createElement)("span", { className: "tdb-cal-title" }, formatMonth(view, intl)),
-            (0, import_react84.createElement)(Button3, {
+            }, (0, import_react83.createElement)(ChevronLeftIcon, { size: 14 })),
+            (0, import_react83.createElement)("span", { className: "tdb-cal-title" }, formatMonth(view, intl)),
+            (0, import_react83.createElement)(Button3, {
               variant: "ghost",
               iconOnly: true,
               "aria-label": nextLabel,
               onClick: () => setView(new Date(view.getFullYear(), view.getMonth() + 1, 1))
-            }, (0, import_react84.createElement)(ChevronRightIcon, { size: 14 }))
+            }, (0, import_react83.createElement)(ChevronRightIcon, { size: 14 }))
           ),
-          (0, import_react84.createElement)(
+          (0, import_react83.createElement)(
             "div",
             { className: "tdb-cal-grid" },
-            ...weekdayLabels(intl).map((label2) => (0, import_react84.createElement)("span", { key: `w-${label2}`, className: "tdb-cal-weekday" }, label2)),
+            ...weekdayLabels(intl).map((label2) => (0, import_react83.createElement)("span", { key: `w-${label2}`, className: "tdb-cal-weekday" }, label2)),
             ...cells.map((date, index) => {
-              if (date === null) return (0, import_react84.createElement)("span", { key: `blank-${index}`, className: "tdb-cal-blank" });
+              if (date === null) return (0, import_react83.createElement)("span", { key: `blank-${index}`, className: "tdb-cal-blank" });
               const iso = isoDate(date);
               const disabled = min !== void 0 && iso < min || max !== void 0 && iso > max;
-              return (0, import_react84.createElement)("button", {
+              return (0, import_react83.createElement)("button", {
                 key: iso,
                 type: "button",
                 className: "tdb-cal-day",
@@ -20771,14 +20986,14 @@ window.__ModuleLoader__.load({
     }
 
     // src/client/components/ui/Tabs.tsx
-    var import_react88 = require("react");
+    var import_react87 = require("react");
 
     // src/client/beui/components/motion/tabs.tsx
-    var import_react85 = require("react");
-    var import_react87 = require("react");
-    var TabsCtx = (0, import_react87.createContext)(null);
+    var import_react84 = require("react");
+    var import_react86 = require("react");
+    var TabsCtx = (0, import_react86.createContext)(null);
     function useTabs() {
-      const ctx = (0, import_react87.useContext)(TabsCtx);
+      const ctx = (0, import_react86.useContext)(TabsCtx);
       if (!ctx) throw new Error("Tabs.* must be used inside <Tabs>");
       return ctx;
     }
@@ -20797,12 +21012,12 @@ window.__ModuleLoader__.load({
       children,
       className
     }) {
-      const [internal, setInternal] = (0, import_react87.useState)(defaultValue ?? "");
-      const layoutId = (0, import_react87.useId)();
+      const [internal, setInternal] = (0, import_react86.useState)(defaultValue ?? "");
+      const layoutId = (0, import_react86.useId)();
       const reduce = useReducedMotion();
       const controlled = value !== void 0;
       const current2 = controlled ? value : internal;
-      const setValue = (0, import_react87.useCallback)(
+      const setValue = (0, import_react86.useCallback)(
         (v) => {
           if (!controlled) setInternal(v);
           onValueChange?.(v);
@@ -20813,13 +21028,13 @@ window.__ModuleLoader__.load({
       const y = useSpring(0, transition);
       const width = useSpring(0, transition);
       const height = useSpring(0, transition);
-      const track = (0, import_react87.useMemo)(() => ({ x, y, width, height }), [x, y, width, height]);
-      const [placed, setPlaced] = (0, import_react87.useState)(false);
-      const [tabs, setTabs] = (0, import_react87.useState)(/* @__PURE__ */ new Map());
-      const registerTab = (0, import_react87.useCallback)((tab, disabled) => {
+      const track = (0, import_react86.useMemo)(() => ({ x, y, width, height }), [x, y, width, height]);
+      const [placed, setPlaced] = (0, import_react86.useState)(false);
+      const [tabs, setTabs] = (0, import_react86.useState)(/* @__PURE__ */ new Map());
+      const registerTab = (0, import_react86.useCallback)((tab, disabled) => {
         setTabs((map) => map.get(tab) === disabled ? map : new Map(map).set(tab, disabled));
       }, []);
-      const unregisterTab = (0, import_react87.useCallback)((tab) => {
+      const unregisterTab = (0, import_react86.useCallback)((tab) => {
         setTabs((map) => {
           if (!map.has(tab)) return map;
           const next = new Map(map);
@@ -20827,11 +21042,11 @@ window.__ModuleLoader__.load({
           return next;
         });
       }, []);
-      const [panels, setPanels] = (0, import_react87.useState)(/* @__PURE__ */ new Set());
-      const registerPanel = (0, import_react87.useCallback)((panel) => {
+      const [panels, setPanels] = (0, import_react86.useState)(/* @__PURE__ */ new Set());
+      const registerPanel = (0, import_react86.useCallback)((panel) => {
         setPanels((set) => set.has(panel) ? set : new Set(set).add(panel));
       }, []);
-      const unregisterPanel = (0, import_react87.useCallback)((panel) => {
+      const unregisterPanel = (0, import_react86.useCallback)((panel) => {
         setPanels((set) => {
           if (!set.has(panel)) return set;
           const next = new Set(set);
@@ -20844,10 +21059,10 @@ window.__ModuleLoader__.load({
         const enabled = Array.from(tabs).filter(([, disabled]) => !disabled);
         tabStop = enabled.some(([tab]) => tab === current2) ? current2 : enabled[0]?.[0] ?? "";
       }
-      const baseId = (0, import_react87.useId)();
-      const tabId = (0, import_react87.useCallback)((tab) => `${baseId}-tab-${tab.replace(/[^\w-]/g, "_")}`, [baseId]);
-      const panelId = (0, import_react87.useCallback)((tab) => `${baseId}-panel-${tab.replace(/[^\w-]/g, "_")}`, [baseId]);
-      const contextValue = (0, import_react87.useMemo)(
+      const baseId = (0, import_react86.useId)();
+      const tabId = (0, import_react86.useCallback)((tab) => `${baseId}-tab-${tab.replace(/[^\w-]/g, "_")}`, [baseId]);
+      const panelId = (0, import_react86.useCallback)((tab) => `${baseId}-panel-${tab.replace(/[^\w-]/g, "_")}`, [baseId]);
+      const contextValue = (0, import_react86.useMemo)(
         () => ({
           value: current2,
           setValue,
@@ -20868,7 +21083,7 @@ window.__ModuleLoader__.load({
         }),
         [current2, icons, layoutId, setValue, variant, track, placed, tabStop, registerTab, unregisterTab, panels, registerPanel, unregisterPanel, tabId, panelId]
       );
-      return /* @__PURE__ */ (0, import_react85.createElement)(MotionConfig, { transition: reduce ? { duration: 0 } : transition }, /* @__PURE__ */ (0, import_react85.createElement)(TabsCtx.Provider, { value: contextValue }, /* @__PURE__ */ (0, import_react85.createElement)(motion2.div, { layoutRoot: true, className }, children)));
+      return /* @__PURE__ */ (0, import_react84.createElement)(MotionConfig, { transition: reduce ? { duration: 0 } : transition }, /* @__PURE__ */ (0, import_react84.createElement)(TabsCtx.Provider, { value: contextValue }, /* @__PURE__ */ (0, import_react84.createElement)(motion2.div, { layoutRoot: true, className }, children)));
     }
     var listClasses = {
       pill: "inline-flex items-center gap-1 rounded-full bg-card p-1",
@@ -20885,12 +21100,12 @@ window.__ModuleLoader__.load({
       const { variant, value, icons, track, placed, setPlaced } = useTabs();
       const reduce = useReducedMotion();
       const tracked = icons === "selected" && variant !== "underline";
-      const rootRef = (0, import_react87.useRef)(null);
-      const viewportRef = (0, import_react87.useRef)(null);
-      const listRef = (0, import_react87.useRef)(null);
-      const viewportId = (0, import_react87.useId)();
-      const [edges, setEdges] = (0, import_react87.useState)({ overflow: false, left: false, right: false });
-      const measure = (0, import_react87.useCallback)(() => {
+      const rootRef = (0, import_react86.useRef)(null);
+      const viewportRef = (0, import_react86.useRef)(null);
+      const listRef = (0, import_react86.useRef)(null);
+      const viewportId = (0, import_react86.useId)();
+      const [edges, setEdges] = (0, import_react86.useState)({ overflow: false, left: false, right: false });
+      const measure = (0, import_react86.useCallback)(() => {
         const root = rootRef.current;
         const viewport = viewportRef.current;
         if (!root || !viewport) return;
@@ -20901,7 +21116,7 @@ window.__ModuleLoader__.load({
         const next = { overflow, left: fromLeft > 1, right: fromLeft < max - 1 };
         setEdges((previous) => previous.overflow === next.overflow && previous.left === next.left && previous.right === next.right ? previous : next);
       }, []);
-      const reveal = (0, import_react87.useCallback)((tab) => {
+      const reveal = (0, import_react86.useCallback)((tab) => {
         const viewport = viewportRef.current;
         if (!viewport || !tab) return;
         const frame2 = viewport.getBoundingClientRect();
@@ -20914,7 +21129,7 @@ window.__ModuleLoader__.load({
         const delta = item.left < left ? item.left - left : item.right > right ? item.right - right : 0;
         if (delta) viewport.scrollBy({ left: delta, behavior: reduce ? "instant" : "smooth" });
       }, [reduce]);
-      (0, import_react87.useLayoutEffect)(() => {
+      (0, import_react86.useLayoutEffect)(() => {
         const root = rootRef.current;
         const viewport = viewportRef.current;
         const list = listRef.current;
@@ -20934,14 +21149,14 @@ window.__ModuleLoader__.load({
           viewport.removeEventListener("scroll", measure);
         };
       }, [measure, reveal]);
-      (0, import_react87.useLayoutEffect)(() => {
+      (0, import_react86.useLayoutEffect)(() => {
         void children;
         void value;
         void edges.overflow;
         measure();
         reveal(listRef.current?.querySelector('[role="tab"][aria-selected="true"]') ?? null);
       }, [children, value, edges.overflow, measure, reveal]);
-      (0, import_react87.useLayoutEffect)(() => {
+      (0, import_react86.useLayoutEffect)(() => {
         if (!tracked) return;
         const list = listRef.current;
         if (!list) return;
@@ -20979,7 +21194,7 @@ window.__ModuleLoader__.load({
         for (const tab of list.querySelectorAll('[role="tab"]')) if (tab.parentElement) observer2.observe(tab.parentElement);
         return () => observer2.disconnect();
       }, [tracked, value, children, reduce, track, setPlaced]);
-      (0, import_react87.useLayoutEffect)(() => {
+      (0, import_react86.useLayoutEffect)(() => {
         if (variant === "underline") return;
         const list = listRef.current;
         if (!list) return;
@@ -21051,7 +21266,7 @@ window.__ModuleLoader__.load({
       };
       const controlClass = "absolute inset-y-0 z-20 inline-flex w-9 items-center justify-center text-foreground transition-opacity hover:opacity-70 focus-visible:outline-2 focus-visible:-outline-offset-4 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-0";
       const surfaceClass = variant === "pill" ? "rounded-full bg-card" : variant === "segment" ? "rounded-lg bg-card" : "";
-      return /* @__PURE__ */ (0, import_react85.createElement)("div", { ref: rootRef, className: cn("relative isolate flex w-full max-w-full min-w-0 items-center", edges.overflow && surfaceClass, wrapperClassName) }, edges.overflow && /* @__PURE__ */ (0, import_react85.createElement)("button", { type: "button", "aria-label": "Scroll tabs left", "aria-controls": viewportId, disabled: !edges.left, onClick: () => scroll(-1), className: cn(controlClass, "left-0 rounded-l-full") }, /* @__PURE__ */ (0, import_react85.createElement)(ChevronLeft, { size: 20, "aria-hidden": "true" })), /* @__PURE__ */ (0, import_react85.createElement)(
+      return /* @__PURE__ */ (0, import_react84.createElement)("div", { ref: rootRef, className: cn("relative isolate flex w-full max-w-full min-w-0 items-center", edges.overflow && surfaceClass, wrapperClassName) }, edges.overflow && /* @__PURE__ */ (0, import_react84.createElement)("button", { type: "button", "aria-label": "Scroll tabs left", "aria-controls": viewportId, disabled: !edges.left, onClick: () => scroll(-1), className: cn(controlClass, "left-0 rounded-l-full") }, /* @__PURE__ */ (0, import_react84.createElement)(ChevronLeft, { size: 20, "aria-hidden": "true" })), /* @__PURE__ */ (0, import_react84.createElement)(
         motion2.div,
         {
           ref: viewportRef,
@@ -21065,17 +21280,17 @@ window.__ModuleLoader__.load({
             if (event.target instanceof HTMLElement && event.target.getAttribute("role") === "tab") reveal(event.target);
           }
         },
-        /* @__PURE__ */ (0, import_react85.createElement)("div", { ...props, ref: listRef, role: "tablist", onKeyDown: onListKeyDown, className: cn(listClasses[variant], "w-max", tracked && "relative", className) }, children)
-      ), edges.overflow && edges.left && /* @__PURE__ */ (0, import_react85.createElement)("span", { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 left-0 z-10 w-10 rounded-l-[inherit] backdrop-blur-[2px] [mask-image:linear-gradient(to_right,black,transparent)]" }), edges.overflow && edges.right && /* @__PURE__ */ (0, import_react85.createElement)("span", { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 right-0 z-10 w-10 rounded-r-[inherit] backdrop-blur-[2px] [mask-image:linear-gradient(to_left,black,transparent)]" }), edges.overflow && /* @__PURE__ */ (0, import_react85.createElement)("button", { type: "button", "aria-label": "Scroll tabs right", "aria-controls": viewportId, disabled: !edges.right, onClick: () => scroll(1), className: cn(controlClass, "right-0 rounded-r-full") }, /* @__PURE__ */ (0, import_react85.createElement)(ChevronRight, { size: 20, "aria-hidden": "true" })));
+        /* @__PURE__ */ (0, import_react84.createElement)("div", { ...props, ref: listRef, role: "tablist", onKeyDown: onListKeyDown, className: cn(listClasses[variant], "w-max", tracked && "relative", className) }, children)
+      ), edges.overflow && edges.left && /* @__PURE__ */ (0, import_react84.createElement)("span", { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 left-0 z-10 w-10 rounded-l-[inherit] backdrop-blur-[2px] [mask-image:linear-gradient(to_right,black,transparent)]" }), edges.overflow && edges.right && /* @__PURE__ */ (0, import_react84.createElement)("span", { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 right-0 z-10 w-10 rounded-r-[inherit] backdrop-blur-[2px] [mask-image:linear-gradient(to_left,black,transparent)]" }), edges.overflow && /* @__PURE__ */ (0, import_react84.createElement)("button", { type: "button", "aria-label": "Scroll tabs right", "aria-controls": viewportId, disabled: !edges.right, onClick: () => scroll(1), className: cn(controlClass, "right-0 rounded-r-full") }, /* @__PURE__ */ (0, import_react84.createElement)(ChevronRight, { size: 20, "aria-hidden": "true" })));
     }
     var ICON_GAP = 6;
     function TriggerIcon({ icon, active: active2 }) {
       const { icons } = useTabs();
       const reduce = useReducedMotion();
       if (icons === "always") {
-        return /* @__PURE__ */ (0, import_react85.createElement)("span", { "aria-hidden": "true", className: "mr-1.5 inline-flex shrink-0 items-center" }, icon);
+        return /* @__PURE__ */ (0, import_react84.createElement)("span", { "aria-hidden": "true", className: "mr-1.5 inline-flex shrink-0 items-center" }, icon);
       }
-      return /* @__PURE__ */ (0, import_react85.createElement)(
+      return /* @__PURE__ */ (0, import_react84.createElement)(
         motion2.span,
         {
           "aria-hidden": "true",
@@ -21119,19 +21334,19 @@ window.__ModuleLoader__.load({
       } = useTabs();
       const active2 = current2 === value;
       const disabled = Boolean(props.disabled);
-      (0, import_react87.useLayoutEffect)(() => {
+      (0, import_react86.useLayoutEffect)(() => {
         registerTab(value, disabled);
       }, [registerTab, value, disabled]);
-      (0, import_react87.useLayoutEffect)(() => () => unregisterTab(value), [unregisterTab, value]);
+      (0, import_react86.useLayoutEffect)(() => () => unregisterTab(value), [unregisterTab, value]);
       const a11y = {
         id: tabId(value),
         "aria-controls": panels.has(value) ? panelId(value) : void 0,
         tabIndex: !disabled && (tabStop === null || tabStop === value) ? 0 : -1
       };
-      const content = icon ? /* @__PURE__ */ (0, import_react85.createElement)(import_react85.Fragment, null, /* @__PURE__ */ (0, import_react85.createElement)(TriggerIcon, { icon, active: active2 }), children) : children;
-      const [initialClip] = (0, import_react87.useState)(() => active2 ? "inset(0)" : "inset(0 100% 0 0)");
+      const content = icon ? /* @__PURE__ */ (0, import_react84.createElement)(import_react84.Fragment, null, /* @__PURE__ */ (0, import_react84.createElement)(TriggerIcon, { icon, active: active2 }), children) : children;
+      const [initialClip] = (0, import_react86.useState)(() => active2 ? "inset(0)" : "inset(0 100% 0 0)");
       if (variant === "underline") {
-        return /* @__PURE__ */ (0, import_react85.createElement)(
+        return /* @__PURE__ */ (0, import_react84.createElement)(
           "button",
           {
             ...a11y,
@@ -21150,7 +21365,7 @@ window.__ModuleLoader__.load({
             )
           },
           content,
-          active2 ? /* @__PURE__ */ (0, import_react85.createElement)(
+          active2 ? /* @__PURE__ */ (0, import_react84.createElement)(
             motion2.span,
             {
               layoutId,
@@ -21165,7 +21380,7 @@ window.__ModuleLoader__.load({
       }
       const radius = variant === "pill" ? "rounded-full" : "rounded-md";
       const tracked = icons === "selected" && placed;
-      return /* @__PURE__ */ (0, import_react85.createElement)("div", { className: cn("shrink-0", !tracked && "relative") }, active2 && tracked ? /* @__PURE__ */ (0, import_react85.createElement)(
+      return /* @__PURE__ */ (0, import_react84.createElement)("div", { className: cn("shrink-0", !tracked && "relative") }, active2 && tracked ? /* @__PURE__ */ (0, import_react84.createElement)(
         motion2.span,
         {
           key: "tracked",
@@ -21173,7 +21388,7 @@ window.__ModuleLoader__.load({
           style: { ...track, borderRadius: variant === "pill" ? 9999 : 8 },
           className: cn("absolute top-0 left-0 bg-primary", radius, indicatorClassName)
         }
-      ) : active2 ? /* @__PURE__ */ (0, import_react85.createElement)(
+      ) : active2 ? /* @__PURE__ */ (0, import_react84.createElement)(
         motion2.span,
         {
           key: "layout",
@@ -21187,7 +21402,7 @@ window.__ModuleLoader__.load({
             indicatorClassName
           )
         }
-      ) : null, /* @__PURE__ */ (0, import_react85.createElement)(
+      ) : null, /* @__PURE__ */ (0, import_react84.createElement)(
         "button",
         {
           ...a11y,
@@ -21208,7 +21423,7 @@ window.__ModuleLoader__.load({
           )
         },
         content,
-        /* @__PURE__ */ (0, import_react85.createElement)(
+        /* @__PURE__ */ (0, import_react84.createElement)(
           "span",
           {
             "data-tabs-label": "",
@@ -21230,14 +21445,14 @@ window.__ModuleLoader__.load({
       ariaLabel,
       kind = "range"
     }) {
-      return (0, import_react88.createElement)(Tabs, {
+      return (0, import_react87.createElement)(Tabs, {
         value,
         onValueChange: (next) => onChange(next),
         variant: kind === "view" ? "segment" : "pill",
-        children: (0, import_react88.createElement)(TabsList, {
+        children: (0, import_react87.createElement)(TabsList, {
           className: kind === "view" ? "tdb-view" : "tdb-range",
           "aria-label": ariaLabel,
-          children: items.map((item) => (0, import_react88.createElement)(TabsTrigger, {
+          children: items.map((item) => (0, import_react87.createElement)(TabsTrigger, {
             key: item.id,
             value: item.id,
             className: kind === "view" ? "tdb-view-btn" : "tdb-range-btn",
@@ -21282,25 +21497,25 @@ window.__ModuleLoader__.load({
         }
         onRangeChange({ id: id3, from: range.from, to: range.to });
       };
-      return (0, import_react89.createElement)(
+      return (0, import_react88.createElement)(
         Section,
         {
           ariaLabel: t("trend.title"),
-          actions: (0, import_react89.createElement)(SegmentedTabs, {
+          actions: (0, import_react88.createElement)(SegmentedTabs, {
             items: rangeTabs,
             value: range.id,
             onChange: chooseRange,
             ariaLabel: t("range.label")
           })
         },
-        range.id === "custom" ? (0, import_react89.createElement)(
+        range.id === "custom" ? (0, import_react88.createElement)(
           "div",
           { className: "tdb-custom-range" },
-          (0, import_react89.createElement)(
+          (0, import_react88.createElement)(
             "label",
             { className: "tdb-date" },
             t("range.from"),
-            (0, import_react89.createElement)(DatePicker, {
+            (0, import_react88.createElement)(DatePicker, {
               value: range.from,
               ariaLabel: t("range.from"),
               intl,
@@ -21310,11 +21525,11 @@ window.__ModuleLoader__.load({
               onChange: (value) => onRangeChange({ ...range, id: "custom", from: value })
             })
           ),
-          (0, import_react89.createElement)(
+          (0, import_react88.createElement)(
             "label",
             { className: "tdb-date" },
             t("range.to"),
-            (0, import_react89.createElement)(DatePicker, {
+            (0, import_react88.createElement)(DatePicker, {
               value: range.to,
               ariaLabel: t("range.to"),
               intl,
@@ -21325,17 +21540,17 @@ window.__ModuleLoader__.load({
             })
           )
         ) : null,
-        (0, import_react89.createElement)(
+        (0, import_react88.createElement)(
           "div",
           { className: "tdb-chart-toolbar" },
-          (0, import_react89.createElement)(SegmentedTabs, {
+          (0, import_react88.createElement)(SegmentedTabs, {
             items: views,
             value: view,
             onChange: onViewChange,
             ariaLabel: t("trend.views"),
             kind: "view"
           }),
-          (0, import_react89.createElement)(
+          (0, import_react88.createElement)(
             "div",
             { className: "tdb-chart-summary" },
             t("trend.rangeTotal", {
@@ -21344,8 +21559,8 @@ window.__ModuleLoader__.load({
             })
           )
         ),
-        view === "io" ? (0, import_react89.createElement)(GroupedBars, { buckets: result.buckets, granularity: result.granularity, t, intl }) : (0, import_react89.createElement)(CacheChart, { buckets: result.buckets, granularity: result.granularity, t, intl }),
-        (0, import_react89.createElement)(Legend, {
+        view === "io" ? (0, import_react88.createElement)(GroupedBars, { buckets: result.buckets, granularity: result.granularity, t, intl }) : (0, import_react88.createElement)(CacheChart, { buckets: result.buckets, granularity: result.granularity, t, intl }),
+        (0, import_react88.createElement)(Legend, {
           items: view === "io" ? [
             { label: t("legend.input"), color: "var(--tdb-cat-input)" },
             { label: t("legend.output"), color: "var(--tdb-cat-output)" }
@@ -21358,13 +21573,13 @@ window.__ModuleLoader__.load({
       );
     }
     function Legend({ items }) {
-      return (0, import_react89.createElement)(
+      return (0, import_react88.createElement)(
         "div",
         { className: "tdb-legend" },
-        items.map((item) => (0, import_react89.createElement)(
+        items.map((item) => (0, import_react88.createElement)(
           "span",
           { key: item.label, className: "tdb-legend-item" },
-          (0, import_react89.createElement)("span", {
+          (0, import_react88.createElement)("span", {
             className: `tdb-legend-dot${item.line === true ? " tdb-legend-dot--line" : ""}`,
             style: { background: item.color }
           }),
@@ -21374,16 +21589,16 @@ window.__ModuleLoader__.load({
     }
 
     // src/client/components/ui/PageTabs.tsx
-    var import_react90 = require("react");
+    var import_react89 = require("react");
     function PageTabs({ items, value, onChange, ariaLabel }) {
-      return (0, import_react90.createElement)(Tabs, {
+      return (0, import_react89.createElement)(Tabs, {
         value,
         onValueChange: (next) => onChange(next),
         variant: "underline",
-        children: (0, import_react90.createElement)(TabsList, {
+        children: (0, import_react89.createElement)(TabsList, {
           className: "tdb-pagetabs",
           "aria-label": ariaLabel,
-          children: items.map((item) => (0, import_react90.createElement)(TabsTrigger, {
+          children: items.map((item) => (0, import_react89.createElement)(TabsTrigger, {
             key: item.id,
             value: item.id,
             id: `tdb-tab-${item.id}`,
@@ -21396,7 +21611,7 @@ window.__ModuleLoader__.load({
     }
 
     // src/client/usePricing.ts
-    var import_react91 = require("react");
+    var import_react90 = require("react");
     var EMPTY_ONLINE = { prices: {}, source: "", fetchedAt: 0 };
     function loadOnline() {
       try {
@@ -21406,24 +21621,24 @@ window.__ModuleLoader__.load({
       }
     }
     function usePricing() {
-      const [pricing, setPricing] = (0, import_react91.useState)(() => {
+      const [pricing, setPricing] = (0, import_react90.useState)(() => {
         try {
           return parsePricing(localStorage.getItem(PRICING_KEY));
         } catch {
           return {};
         }
       });
-      const [onlineState, setOnlineState] = (0, import_react91.useState)(loadOnline);
-      const [refreshingOnline, setRefreshingOnline] = (0, import_react91.useState)(false);
-      const [onlineError, setOnlineError] = (0, import_react91.useState)(false);
-      const savePricing = (0, import_react91.useCallback)((table) => {
+      const [onlineState, setOnlineState] = (0, import_react90.useState)(loadOnline);
+      const [refreshingOnline, setRefreshingOnline] = (0, import_react90.useState)(false);
+      const [onlineError, setOnlineError] = (0, import_react90.useState)(false);
+      const savePricing = (0, import_react90.useCallback)((table) => {
         setPricing(table);
         try {
           localStorage.setItem(PRICING_KEY, serializePricing(table));
         } catch {
         }
       }, []);
-      const refreshOnline = (0, import_react91.useCallback)(async (models, options = {}) => {
+      const refreshOnline = (0, import_react90.useCallback)(async (models, options = {}) => {
         const names = [...new Set(
           models.map((model) => model.model.trim()).filter((model) => model !== "")
         )].slice(0, 100);
@@ -21465,7 +21680,7 @@ window.__ModuleLoader__.load({
     }
 
     // src/client/language.ts
-    var import_react92 = require("react");
+    var import_react91 = require("react");
     var LANGUAGE_KEY = "dsh-token-dashboard:language:v1";
     var current = "en";
     var initialized = false;
@@ -21520,7 +21735,7 @@ window.__ModuleLoader__.load({
       return () => listeners.delete(listener);
     }
     function useLanguage() {
-      return (0, import_react92.useSyncExternalStore)(subscribeLanguage, getLanguage, getLanguage);
+      return (0, import_react91.useSyncExternalStore)(subscribeLanguage, getLanguage, getLanguage);
     }
 
     // src/client/locales.ts
@@ -21555,6 +21770,7 @@ window.__ModuleLoader__.load({
       "tabs.models": "Models",
       "tabs.sessions": "Sessions",
       "tabs.costs": "Costs",
+      "tabs.pricing": "Rates",
       "tabs.requests": "Request log",
       "trend.title": "Usage",
       "trend.views": "Chart view",
@@ -21699,6 +21915,7 @@ window.__ModuleLoader__.load({
       "tabs.models": "\u6A21\u578B",
       "tabs.sessions": "\u4F1A\u8BDD",
       "tabs.costs": "\u8D39\u7528",
+      "tabs.pricing": "\u5355\u4EF7",
       "tabs.requests": "\u8BF7\u6C42\u65E5\u5FD7",
       "trend.title": "\u7528\u91CF",
       "trend.views": "\u56FE\u8868\u89C6\u56FE",
@@ -22224,6 +22441,8 @@ window.__ModuleLoader__.load({
       color: var(--tdb-ink-2);
     }
     .tdb-pager-actions { display: flex; align-items: center; gap: 4px; }
+    .tdb-pager ul, .tdb-pager li { margin: 0; padding: 0; list-style: none; }
+    .tdb-pager li::marker { content: ''; }
 
     .tdb-empty {
       display: flex;
@@ -22398,7 +22617,9 @@ window.__ModuleLoader__.load({
     }
     .tdb-menu-item:hover { background: var(--tdb-surface-2); }
 
-    .tdb-pricing-wrap { overflow-x: auto; }
+    .tdb-pricing-page { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
+    .tdb-pricing-wrap { flex: 0 1 auto; min-height: 0; overflow: hidden; }
+    .tdb-pricing-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin-top: auto; padding-top: 14px; }
     .tdb-pricing-grid {
       display: grid;
       grid-template-columns: 1.6fr 0.7fr repeat(4, minmax(0, 0.6fr));
@@ -22537,20 +22758,20 @@ window.__ModuleLoader__.load({
     `;
 
     // src/client/beui-css.ts
-    var BEUI_CSS = "/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-800:oklch(47.3% .137 46.201);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-black:#000;--spacing:.25rem;--container-sm:24rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-3xl:1.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-success:var(--tdb-success)}}@layer base{.tdb-root button,.tdb-root input{color:inherit;font:inherit;background:0 0;border:0}.tdb-root *,.tdb-root :before,.tdb-root :after{border-style:solid;border-width:0}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-4{inset:calc(var(--spacing) * 4)}.inset-y-0{inset-block:0}.top-0{top:0}.top-1\\/2{top:50%}.top-full{top:100%}.right-0{right:0}.right-3\\.5{right:calc(var(--spacing) * 3.5)}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-0{left:0}.left-3{left:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\\[80\\]{z-index:80}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-1\\.5{margin:calc(var(--spacing) * -1.5)}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-1\\.5{margin-right:calc(var(--spacing) * 1.5)}.-mb-px{margin-bottom:-1px}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.h-3\\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-full{height:100%}.h-px{height:1px}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-\\[44px\\]{min-height:44px}.w-3\\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-80{width:calc(var(--spacing) * 80)}.w-full{width:100%}.w-max{width:max-content}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\\[85vw\\]{max-width:85vw}.max-w-full{max-width:100%}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-8{min-width:calc(var(--spacing) * 8)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.\\[scrollbar-width\\:none\\]{scrollbar-width:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.\\[gap\\:inherit\\]{gap:inherit}.gap-0{gap:0}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.\\[border-radius\\:inherit\\]{border-radius:inherit}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-\\[inherit\\]{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.rounded-l-full{border-top-left-radius:2147483647px;border-bottom-left-radius:2147483647px}.rounded-r-\\[inherit\\]{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.rounded-r-full{border-top-right-radius:2147483647px;border-bottom-right-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border{border-color:var(--tdb-line)}.border-destructive{border-color:var(--tdb-error)}.border-foreground\\/40{border-color:var(--tdb-ink)}@supports (color:color-mix(in lab, red, red)){.border-foreground\\/40{border-color:color-mix(in oklab, var(--tdb-ink) 40%, transparent)}}.bg-amber-500\\/5{background-color:#f99c000d}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\\/5{background-color:color-mix(in oklab, var(--color-amber-500) 5%, transparent)}}.bg-background,.bg-background\\/5{background-color:var(--tdb-surface)}@supports (color:color-mix(in lab, red, red)){.bg-background\\/5{background-color:color-mix(in oklab, var(--tdb-surface) 5%, transparent)}}.bg-black\\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-card{background-color:var(--tdb-surface)}.bg-current{background-color:currentColor}.bg-destructive\\/5{background-color:var(--tdb-error)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\\/5{background-color:color-mix(in oklab, var(--tdb-error) 5%, transparent)}}.bg-emerald-500\\/5{background-color:#00bb7f0d}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\\/5{background-color:color-mix(in oklab, var(--color-emerald-500) 5%, transparent)}}.bg-foreground{background-color:var(--tdb-ink)}.bg-muted{background-color:var(--tdb-surface-2)}.bg-primary,.bg-primary\\/5{background-color:var(--tdb-brand)}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/5{background-color:color-mix(in oklab, var(--tdb-brand) 5%, transparent)}}.bg-transparent{background-color:#0000}.\\[mask-image\\:linear-gradient\\(to_left\\,black\\,transparent\\)\\]{-webkit-mask-image:linear-gradient(270deg,#000,#0000);mask-image:linear-gradient(270deg,#000,#0000)}.\\[mask-image\\:linear-gradient\\(to_right\\,black\\,transparent\\)\\]{-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.\\[padding\\:inherit\\]{padding:inherit}.p-0\\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pr-3\\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-2\\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-3\\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-left{text-align:left}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-pretty{text-wrap:pretty}.whitespace-nowrap{white-space:nowrap}.text-\\(--color-success\\){color:var(--color-success)}.text-amber-800{color:var(--color-amber-800)}.text-background{color:var(--tdb-surface)}.text-destructive{color:var(--tdb-error)}.text-emerald-700{color:var(--color-emerald-700)}.text-foreground{color:var(--tdb-ink)}.text-muted-foreground{color:var(--tdb-ink-2)}.text-primary{color:var(--tdb-brand)}.text-primary-foreground{color:var(--dsw-alias-bg-base,#fff)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.underline{text-decoration-line:underline}.caret-foreground{caret-color:var(--tdb-ink)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-destructive\\/25{--tw-ring-color:var(--tdb-error)}@supports (color:color-mix(in lab, red, red)){.ring-destructive\\/25{--tw-ring-color:color-mix(in oklab, var(--tdb-error) 25%, transparent)}}.ring-ring\\/40{--tw-ring-color:var(--tdb-brand)}@supports (color:color-mix(in lab, red, red)){.ring-ring\\/40{--tw-ring-color:color-mix(in oklab, var(--tdb-brand) 40%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.\\[backdrop-filter\\:blur\\(14px\\)_saturate\\(140\\%\\)\\]{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[color\\,background-color\\,transform\\]{transition-property:color,background-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,transform\\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[-webkit-backdrop-filter\\:blur\\(14px\\)_saturate\\(140\\%\\)\\]{-webkit-backdrop-filter:blur(14px)saturate(140%)}@media (hover:hover){:is(:where(.group):hover .group-hover\\:scale-75){--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}:is(:where(.group):hover .group-hover\\:scale-100){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}:is(:where(.group):hover .group-hover\\:opacity-0){opacity:0}:is(:where(.group):hover .group-hover\\:opacity-100){opacity:1}}:is(:where(.group):focus-visible .group-focus-visible\\:scale-75){--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}:is(:where(.group):focus-visible .group-focus-visible\\:scale-100){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}:is(:where(.group):focus-visible .group-focus-visible\\:opacity-0){opacity:0}:is(:where(.group):focus-visible .group-focus-visible\\:opacity-100){opacity:1}.placeholder\\:text-muted-foreground\\/60::placeholder{color:var(--tdb-ink-2)}@supports (color:color-mix(in lab, red, red)){.placeholder\\:text-muted-foreground\\/60::placeholder{color:color-mix(in oklab, var(--tdb-ink-2) 60%, transparent)}}@media (hover:hover){.hover\\:border-\\(--color-border-strong\\):hover{border-color:var(--color-border-strong)}.hover\\:border-border:hover{border-color:var(--tdb-line)}.hover\\:bg-foreground\\/5:hover{background-color:var(--tdb-ink)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/5:hover{background-color:color-mix(in oklab, var(--tdb-ink) 5%, transparent)}}.hover\\:bg-foreground\\/\\[0\\.05\\]:hover{background-color:var(--tdb-ink)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/\\[0\\.05\\]:hover{background-color:color-mix(in oklab, var(--tdb-ink) 5%, transparent)}}.hover\\:bg-muted:hover,.hover\\:bg-muted\\/60:hover{background-color:var(--tdb-surface-2)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/60:hover{background-color:color-mix(in oklab, var(--tdb-surface-2) 60%, transparent)}}.hover\\:bg-primary\\/90:hover{background-color:var(--tdb-brand)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab, var(--tdb-brand) 90%, transparent)}}.hover\\:text-foreground:hover{color:var(--tdb-ink)}.hover\\:opacity-70:hover{opacity:.7}}.focus-visible\\:bg-muted:focus-visible{background-color:var(--tdb-surface-2)}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-foreground\\/20:focus-visible{--tw-ring-color:var(--tdb-ink)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-foreground\\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--tdb-ink) 20%, transparent)}}.focus-visible\\:ring-ring:focus-visible,.focus-visible\\:ring-ring\\/40:focus-visible{--tw-ring-color:var(--tdb-brand)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-ring\\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--tdb-brand) 40%, transparent)}}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:-outline-offset-4:focus-visible{outline-offset:calc(4px * -1)}.focus-visible\\:outline-ring:focus-visible{outline-color:var(--tdb-brand)}.active\\:scale-\\[0\\.94\\]:active{scale:.94}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:opacity-0:disabled{opacity:0}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}@media (prefers-reduced-motion:reduce){.motion-reduce\\:transform-none{transform:none}.motion-reduce\\:active\\:scale-100:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media (min-width:40rem){.sm\\:h-9{height:calc(var(--spacing) * 9)}.sm\\:min-w-9{min-width:calc(var(--spacing) * 9)}.sm\\:gap-1{gap:var(--spacing)}}@media (prefers-color-scheme:dark){.dark\\:text-amber-300{color:var(--color-amber-300)}.dark\\:text-emerald-400{color:var(--color-emerald-400)}}.\\[\\&_a\\]\\:underline a{text-decoration-line:underline}.\\[\\&_a\\]\\:underline-offset-4 a{text-underline-offset:4px}.\\[\\&_button\\]\\:grid button{display:grid}.\\[\\&_button\\]\\:size-11 button{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.\\[\\&_button\\]\\:place-items-center button{place-items:center}.\\[\\&_svg\\]\\:h-4 svg{height:calc(var(--spacing) * 4)}.\\[\\&_svg\\]\\:w-4 svg{width:calc(var(--spacing) * 4)}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}.\\[\\&\\>svg\\]\\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}.tdb-root button,.tdb-root input{font:inherit}.tdb-root{--color-background:var(--tdb-surface);--color-foreground:var(--tdb-ink);--color-card:var(--tdb-surface);--color-card-foreground:var(--tdb-ink);--color-popover:var(--tdb-surface);--color-popover-foreground:var(--tdb-ink);--color-primary:var(--tdb-brand);--color-primary-foreground:var(--dsw-alias-bg-base,#fff);--color-secondary:var(--tdb-surface-2);--color-secondary-foreground:var(--tdb-ink);--color-muted:var(--tdb-surface-2);--color-muted-foreground:var(--tdb-ink-2);--color-accent:var(--tdb-surface-2);--color-accent-foreground:var(--tdb-ink);--color-border:var(--tdb-line);--color-input:var(--tdb-line-strong);--color-ring:var(--tdb-brand);--color-destructive:var(--tdb-error);--color-success:var(--tdb-success)}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}";
+    var BEUI_CSS = "/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-800:oklch(47.3% .137 46.201);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-black:#000;--spacing:.25rem;--container-sm:24rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-3xl:1.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-success:var(--tdb-success)}}@layer base{.tdb-root button,.tdb-root input{color:inherit;font:inherit;background:0 0;border:0}.tdb-root *,.tdb-root :before,.tdb-root :after{border-style:solid;border-width:0}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-4{inset:calc(var(--spacing) * 4)}.inset-y-0{inset-block:0}.top-0{top:0}.top-1\\/2{top:50%}.top-full{top:100%}.right-0{right:0}.right-3\\.5{right:calc(var(--spacing) * 3.5)}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-0{left:0}.left-3{left:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\\[80\\]{z-index:80}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-1\\.5{margin:calc(var(--spacing) * -1.5)}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-1\\.5{margin-right:calc(var(--spacing) * 1.5)}.-mb-px{margin-bottom:-1px}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.h-3\\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-full{height:100%}.h-px{height:1px}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-\\[44px\\]{min-height:44px}.w-3\\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-80{width:calc(var(--spacing) * 80)}.w-full{width:100%}.w-max{width:max-content}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\\[85vw\\]{max-width:85vw}.max-w-full{max-width:100%}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-8{min-width:calc(var(--spacing) * 8)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.\\[scrollbar-width\\:none\\]{scrollbar-width:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.\\[gap\\:inherit\\]{gap:inherit}.gap-0{gap:0}.gap-0\\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.\\[border-radius\\:inherit\\]{border-radius:inherit}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-\\[inherit\\]{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.rounded-l-full{border-top-left-radius:2147483647px;border-bottom-left-radius:2147483647px}.rounded-r-\\[inherit\\]{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.rounded-r-full{border-top-right-radius:2147483647px;border-bottom-right-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border{border-color:var(--tdb-line)}.border-destructive{border-color:var(--tdb-error)}.border-foreground\\/40{border-color:var(--tdb-ink)}@supports (color:color-mix(in lab, red, red)){.border-foreground\\/40{border-color:color-mix(in oklab, var(--tdb-ink) 40%, transparent)}}.bg-amber-500\\/5{background-color:#f99c000d}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\\/5{background-color:color-mix(in oklab, var(--color-amber-500) 5%, transparent)}}.bg-background,.bg-background\\/5{background-color:var(--tdb-surface)}@supports (color:color-mix(in lab, red, red)){.bg-background\\/5{background-color:color-mix(in oklab, var(--tdb-surface) 5%, transparent)}}.bg-black\\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-card{background-color:var(--tdb-surface)}.bg-current{background-color:currentColor}.bg-destructive\\/5{background-color:var(--tdb-error)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\\/5{background-color:color-mix(in oklab, var(--tdb-error) 5%, transparent)}}.bg-emerald-500\\/5{background-color:#00bb7f0d}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\\/5{background-color:color-mix(in oklab, var(--color-emerald-500) 5%, transparent)}}.bg-foreground{background-color:var(--tdb-ink)}.bg-muted{background-color:var(--tdb-surface-2)}.bg-primary,.bg-primary\\/5{background-color:var(--tdb-brand)}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/5{background-color:color-mix(in oklab, var(--tdb-brand) 5%, transparent)}}.bg-transparent{background-color:#0000}.\\[mask-image\\:linear-gradient\\(to_left\\,black\\,transparent\\)\\]{-webkit-mask-image:linear-gradient(270deg,#000,#0000);mask-image:linear-gradient(270deg,#000,#0000)}.\\[mask-image\\:linear-gradient\\(to_right\\,black\\,transparent\\)\\]{-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.\\[padding\\:inherit\\]{padding:inherit}.p-0\\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pr-3\\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-2\\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-3\\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-left{text-align:left}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-pretty{text-wrap:pretty}.whitespace-nowrap{white-space:nowrap}.text-\\(--color-success\\){color:var(--color-success)}.text-amber-800{color:var(--color-amber-800)}.text-background{color:var(--tdb-surface)}.text-destructive{color:var(--tdb-error)}.text-emerald-700{color:var(--color-emerald-700)}.text-foreground{color:var(--tdb-ink)}.text-muted-foreground{color:var(--tdb-ink-2)}.text-primary{color:var(--tdb-brand)}.text-primary-foreground{color:var(--dsw-alias-bg-base,#fff)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.underline{text-decoration-line:underline}.caret-foreground{caret-color:var(--tdb-ink)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-destructive\\/25{--tw-ring-color:var(--tdb-error)}@supports (color:color-mix(in lab, red, red)){.ring-destructive\\/25{--tw-ring-color:color-mix(in oklab, var(--tdb-error) 25%, transparent)}}.ring-ring\\/40{--tw-ring-color:var(--tdb-brand)}@supports (color:color-mix(in lab, red, red)){.ring-ring\\/40{--tw-ring-color:color-mix(in oklab, var(--tdb-brand) 40%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.backdrop-blur-\\[2px\\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.\\[backdrop-filter\\:blur\\(14px\\)_saturate\\(140\\%\\)\\]{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[color\\,background-color\\,transform\\]{transition-property:color,background-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[opacity\\,transform\\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[-webkit-backdrop-filter\\:blur\\(14px\\)_saturate\\(140\\%\\)\\]{-webkit-backdrop-filter:blur(14px)saturate(140%)}@media (hover:hover){:is(:where(.group):hover .group-hover\\:scale-75){--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}:is(:where(.group):hover .group-hover\\:scale-100){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}:is(:where(.group):hover .group-hover\\:opacity-0){opacity:0}:is(:where(.group):hover .group-hover\\:opacity-100){opacity:1}}:is(:where(.group):focus-visible .group-focus-visible\\:scale-75){--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}:is(:where(.group):focus-visible .group-focus-visible\\:scale-100){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}:is(:where(.group):focus-visible .group-focus-visible\\:opacity-0){opacity:0}:is(:where(.group):focus-visible .group-focus-visible\\:opacity-100){opacity:1}.placeholder\\:text-muted-foreground\\/60::placeholder{color:var(--tdb-ink-2)}@supports (color:color-mix(in lab, red, red)){.placeholder\\:text-muted-foreground\\/60::placeholder{color:color-mix(in oklab, var(--tdb-ink-2) 60%, transparent)}}@media (hover:hover){.hover\\:border-\\(--color-border-strong\\):hover{border-color:var(--color-border-strong)}.hover\\:border-border:hover{border-color:var(--tdb-line)}.hover\\:bg-foreground\\/5:hover{background-color:var(--tdb-ink)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/5:hover{background-color:color-mix(in oklab, var(--tdb-ink) 5%, transparent)}}.hover\\:bg-foreground\\/\\[0\\.05\\]:hover{background-color:var(--tdb-ink)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/\\[0\\.05\\]:hover{background-color:color-mix(in oklab, var(--tdb-ink) 5%, transparent)}}.hover\\:bg-muted:hover,.hover\\:bg-muted\\/60:hover{background-color:var(--tdb-surface-2)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/60:hover{background-color:color-mix(in oklab, var(--tdb-surface-2) 60%, transparent)}}.hover\\:bg-primary\\/90:hover{background-color:var(--tdb-brand)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab, var(--tdb-brand) 90%, transparent)}}.hover\\:text-foreground:hover{color:var(--tdb-ink)}.hover\\:opacity-70:hover{opacity:.7}}.focus-visible\\:bg-muted:focus-visible{background-color:var(--tdb-surface-2)}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-foreground\\/20:focus-visible{--tw-ring-color:var(--tdb-ink)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-foreground\\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--tdb-ink) 20%, transparent)}}.focus-visible\\:ring-ring:focus-visible,.focus-visible\\:ring-ring\\/40:focus-visible{--tw-ring-color:var(--tdb-brand)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-ring\\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--tdb-brand) 40%, transparent)}}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:-outline-offset-4:focus-visible{outline-offset:calc(4px * -1)}.focus-visible\\:outline-ring:focus-visible{outline-color:var(--tdb-brand)}.active\\:scale-\\[0\\.94\\]:active{scale:.94}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:opacity-0:disabled{opacity:0}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}@media (prefers-reduced-motion:reduce){.motion-reduce\\:transform-none{transform:none}.motion-reduce\\:active\\:scale-100:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media (min-width:40rem){.sm\\:h-9{height:calc(var(--spacing) * 9)}.sm\\:min-w-9{min-width:calc(var(--spacing) * 9)}.sm\\:gap-1{gap:var(--spacing)}}@media (prefers-color-scheme:dark){.dark\\:text-amber-300{color:var(--color-amber-300)}.dark\\:text-emerald-400{color:var(--color-emerald-400)}}.\\[\\&_a\\]\\:underline a{text-decoration-line:underline}.\\[\\&_a\\]\\:underline-offset-4 a{text-underline-offset:4px}.\\[\\&_button\\]\\:grid button{display:grid}.\\[\\&_button\\]\\:size-11 button{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.\\[\\&_button\\]\\:place-items-center button{place-items:center}.\\[\\&_svg\\]\\:h-4 svg{height:calc(var(--spacing) * 4)}.\\[\\&_svg\\]\\:w-4 svg{width:calc(var(--spacing) * 4)}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}.\\[\\&\\>svg\\]\\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}.tdb-root button,.tdb-root input{font:inherit}.tdb-root{--color-background:var(--tdb-surface);--color-foreground:var(--tdb-ink);--color-card:var(--tdb-surface);--color-card-foreground:var(--tdb-ink);--color-popover:var(--tdb-surface);--color-popover-foreground:var(--tdb-ink);--color-primary:var(--tdb-brand);--color-primary-foreground:var(--dsw-alias-bg-base,#fff);--color-secondary:var(--tdb-surface-2);--color-secondary-foreground:var(--tdb-ink);--color-muted:var(--tdb-surface-2);--color-muted-foreground:var(--tdb-ink-2);--color-accent:var(--tdb-surface-2);--color-accent-foreground:var(--tdb-ink);--color-border:var(--tdb-line);--color-input:var(--tdb-line-strong);--color-ring:var(--tdb-brand);--color-destructive:var(--tdb-error);--color-success:var(--tdb-success)}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}";
 
     // src/client/App.tsx
     var AUTO_PRICE_SYNC_MS = 6 * 60 * 60 * 1e3;
     var AUTO_PRICE_INITIAL_DELAY_MS = 3e3;
     function Dashboard({ onOpenSession }) {
       const language = useLanguage();
-      const t = (0, import_react93.useMemo)(
+      const t = (0, import_react92.useMemo)(
         () => makeT((key) => (language === "zh" ? zh : en)[key] ?? key),
         [language]
       );
       const intl = language === "zh" ? "zh-CN" : "en-US";
       const now2 = useNow(6e4);
-      const [scanInterval, setScanInterval] = (0, import_react93.useState)(readScanInterval);
+      const [scanInterval, setScanInterval] = (0, import_react92.useState)(readScanInterval);
       const stats = useStats(SCAN_INTERVAL_MS[scanInterval]);
       const data = stats.data;
       const {
@@ -22563,28 +22784,41 @@ window.__ModuleLoader__.load({
         onlineError,
         refreshOnline
       } = usePricing();
-      const models = (0, import_react93.useMemo)(() => data?.models ?? [], [data]);
-      const defaults = (0, import_react93.useMemo)(() => defaultsForModels(models, online), [models, online]);
-      const effectivePricing = (0, import_react93.useMemo)(() => mergePricing(defaults, pricing), [defaults, pricing]);
-      const [selectedId, setSelectedId] = (0, import_react93.useState)(null);
-      const [pricingOpen, setPricingOpen] = (0, import_react93.useState)(false);
-      const [page, setPage] = (0, import_react93.useState)("overview");
-      const [requestRefresh, setRequestRefresh] = (0, import_react93.useState)(0);
-      const [range, setRange] = (0, import_react93.useState)({ id: "30d", from: "", to: "" });
-      const [chartView, setChartView] = (0, import_react93.useState)("io");
-      const priceModelsRef = (0, import_react93.useRef)(models);
-      const onlineRef = (0, import_react93.useRef)(online);
-      const onlineAtRef = (0, import_react93.useRef)(onlineAt);
-      const refreshPricesRef = (0, import_react93.useRef)(refreshOnline);
+      const models = (0, import_react92.useMemo)(() => data?.models ?? [], [data]);
+      const defaults = (0, import_react92.useMemo)(() => defaultsForModels(models, online), [models, online]);
+      const effectivePricing = (0, import_react92.useMemo)(() => mergePricing(defaults, pricing), [defaults, pricing]);
+      const builtinRows = (0, import_react92.useMemo)(() => builtinPriceRows(), []);
+      const builtinModels = (0, import_react92.useMemo)(() => builtinRows.map((row) => ({
+        key: row.key,
+        provider: row.provider,
+        model: row.model,
+        requests: 0,
+        uncachedInputTokens: 0,
+        cacheReadTokens: 0,
+        cacheWriteTokens: 0,
+        outputTokens: 0
+      })), [builtinRows]);
+      const builtinDefaults = (0, import_react92.useMemo)(() => Object.fromEntries(
+        builtinRows.map((row) => [row.key, row.price])
+      ), [builtinRows]);
+      const [selectedId, setSelectedId] = (0, import_react92.useState)(null);
+      const [page, setPage] = (0, import_react92.useState)("overview");
+      const [requestRefresh, setRequestRefresh] = (0, import_react92.useState)(0);
+      const [range, setRange] = (0, import_react92.useState)({ id: "30d", from: "", to: "" });
+      const [chartView, setChartView] = (0, import_react92.useState)("io");
+      const priceModelsRef = (0, import_react92.useRef)(models);
+      const onlineRef = (0, import_react92.useRef)(online);
+      const onlineAtRef = (0, import_react92.useRef)(onlineAt);
+      const refreshPricesRef = (0, import_react92.useRef)(refreshOnline);
       priceModelsRef.current = models;
       onlineRef.current = online;
       onlineAtRef.current = onlineAt;
       refreshPricesRef.current = refreshOnline;
-      const priceModelKey = (0, import_react93.useMemo)(
+      const priceModelKey = (0, import_react92.useMemo)(
         () => [...new Set(models.map((model) => model.model))].sort().join("|"),
         [models]
       );
-      (0, import_react93.useEffect)(() => {
+      (0, import_react92.useEffect)(() => {
         if (priceModelsRef.current.length === 0) return;
         let stopped = false;
         let inFlight = false;
@@ -22615,7 +22849,7 @@ window.__ModuleLoader__.load({
           clearInterval(timer);
         };
       }, [priceModelKey]);
-      const rangeResult = (0, import_react93.useMemo)(() => selectRange({
+      const rangeResult = (0, import_react92.useMemo)(() => selectRange({
         days: data?.days ?? [],
         hours: data?.hours ?? [],
         today: data?.today ?? ""
@@ -22626,7 +22860,8 @@ window.__ModuleLoader__.load({
         { id: "models", label: t("tabs.models") },
         { id: "sessions", label: t("tabs.sessions") },
         { id: "requests", label: t("tabs.requests") },
-        { id: "costs", label: t("tabs.costs") }
+        { id: "costs", label: t("tabs.costs") },
+        { id: "pricing", label: t("tabs.pricing") }
       ];
       const refreshAll = () => {
         stats.refresh();
@@ -22636,7 +22871,7 @@ window.__ModuleLoader__.load({
         setPage(next);
         if (next !== "sessions") setSelectedId(null);
       };
-      const header = (showExport) => (0, import_react93.createElement)(DashboardHeader, {
+      const header = (showExport) => (0, import_react92.createElement)(DashboardHeader, {
         t,
         data,
         language,
@@ -22651,35 +22886,35 @@ window.__ModuleLoader__.load({
         }
       });
       if (stats.loading && data === null) {
-        return (0, import_react93.createElement)(
+        return (0, import_react92.createElement)(
           "div",
           { className: "tdb-root" },
-          (0, import_react93.createElement)("style", { key: "tdb-styles" }, CSS + BEUI_CSS),
-          (0, import_react93.createElement)("div", { className: "tdb-scroll" }, (0, import_react93.createElement)(SkeletonDashboard))
+          (0, import_react92.createElement)("style", { key: "tdb-styles" }, CSS + BEUI_CSS),
+          (0, import_react92.createElement)("div", { className: "tdb-scroll" }, (0, import_react92.createElement)(SkeletonDashboard))
         );
       }
       if (data === null) {
-        return (0, import_react93.createElement)(
+        return (0, import_react92.createElement)(
           "div",
           { className: "tdb-root" },
-          (0, import_react93.createElement)("style", { key: "tdb-styles" }, CSS + BEUI_CSS),
-          (0, import_react93.createElement)(
+          (0, import_react92.createElement)("style", { key: "tdb-styles" }, CSS + BEUI_CSS),
+          (0, import_react92.createElement)(
             "div",
             { className: "tdb-scroll" },
-            (0, import_react93.createElement)(
+            (0, import_react92.createElement)(
               "div",
               { className: "tdb-container" },
               header(false),
-              (0, import_react93.createElement)(
+              (0, import_react92.createElement)(
                 "div",
                 { className: "tdb-surface" },
-                (0, import_react93.createElement)(
+                (0, import_react92.createElement)(
                   "div",
                   { className: "tdb-section" },
-                  (0, import_react93.createElement)(Notice, {
+                  (0, import_react92.createElement)(Notice, {
                     tone: "error",
-                    icon: (0, import_react93.createElement)(AlertIcon, { size: 16 }),
-                    action: (0, import_react93.createElement)(Button3, { onClick: stats.refresh }, t("errors.retry"))
+                    icon: (0, import_react92.createElement)(AlertIcon, { size: 16 }),
+                    action: (0, import_react92.createElement)(Button3, { onClick: stats.refresh }, t("errors.retry"))
                   }, t("errors.title"))
                 )
               )
@@ -22688,24 +22923,24 @@ window.__ModuleLoader__.load({
         );
       }
       if (data.sessions.total === 0) {
-        return (0, import_react93.createElement)(
+        return (0, import_react92.createElement)(
           "div",
           { className: "tdb-root" },
-          (0, import_react93.createElement)("style", { key: "tdb-styles" }, CSS + BEUI_CSS),
-          (0, import_react93.createElement)(
+          (0, import_react92.createElement)("style", { key: "tdb-styles" }, CSS + BEUI_CSS),
+          (0, import_react92.createElement)(
             "div",
             { className: "tdb-scroll" },
-            (0, import_react93.createElement)(
+            (0, import_react92.createElement)(
               "div",
               { className: "tdb-container" },
               header(false),
-              (0, import_react93.createElement)(
+              (0, import_react92.createElement)(
                 "div",
                 { className: "tdb-surface" },
-                (0, import_react93.createElement)(
+                (0, import_react92.createElement)(
                   "div",
                   { className: "tdb-section" },
-                  (0, import_react93.createElement)(EmptyState, { icon: (0, import_react93.createElement)(DatabaseIcon, { size: 22 }), title: t("sessions.empty") })
+                  (0, import_react92.createElement)(EmptyState, { icon: (0, import_react92.createElement)(DatabaseIcon, { size: 22 }), title: t("sessions.empty") })
                 )
               )
             )
@@ -22713,28 +22948,28 @@ window.__ModuleLoader__.load({
         );
       }
       const problem = data.errors.length > 0 ? t("errors.partial", { count: data.errors.length }) : stats.pollError !== null ? t("errors.poll") : null;
-      return (0, import_react93.createElement)(
+      return (0, import_react92.createElement)(
         "div",
         { className: "tdb-root" },
-        (0, import_react93.createElement)("style", { key: "tdb-styles" }, CSS + BEUI_CSS),
-        (0, import_react93.createElement)(
+        (0, import_react92.createElement)("style", { key: "tdb-styles" }, CSS + BEUI_CSS),
+        (0, import_react92.createElement)(
           "div",
           { className: "tdb-scroll" },
-          (0, import_react93.createElement)(
+          (0, import_react92.createElement)(
             "div",
             { className: "tdb-container" },
             header(true),
-            problem === null ? null : (0, import_react93.createElement)(Notice, { tone: "warn", icon: (0, import_react93.createElement)(AlertIcon, { size: 15 }) }, problem),
-            (0, import_react93.createElement)(
+            problem === null ? null : (0, import_react92.createElement)(Notice, { tone: "warn", icon: (0, import_react92.createElement)(AlertIcon, { size: 15 }) }, problem),
+            (0, import_react92.createElement)(
               "div",
               { className: "tdb-surface tdb-surface--pages" },
-              (0, import_react93.createElement)(PageTabs, {
+              (0, import_react92.createElement)(PageTabs, {
                 items: pageTabs,
                 value: page,
                 onChange: changePage,
                 ariaLabel: t("tabs.label")
               }),
-              (0, import_react93.createElement)(
+              (0, import_react92.createElement)(
                 "div",
                 {
                   key: page,
@@ -22743,12 +22978,12 @@ window.__ModuleLoader__.load({
                   role: "tabpanel",
                   "aria-labelledby": `tdb-tab-${page}`
                 },
-                page === "overview" ? (0, import_react93.createElement)(
-                  import_react93.Fragment,
+                page === "overview" ? (0, import_react92.createElement)(
+                  import_react92.Fragment,
                   {},
-                  (0, import_react93.createElement)(KpiCards, { data, result: rangeResult, t, intl }),
-                  (0, import_react93.createElement)("div", { className: "tdb-rule" }),
-                  (0, import_react93.createElement)(Trends, {
+                  (0, import_react92.createElement)(KpiCards, { data, result: rangeResult, t, intl }),
+                  (0, import_react92.createElement)("div", { className: "tdb-rule" }),
+                  (0, import_react92.createElement)(Trends, {
                     data,
                     result: rangeResult,
                     range,
@@ -22758,18 +22993,24 @@ window.__ModuleLoader__.load({
                     t,
                     intl
                   })
-                ) : page === "models" ? (0, import_react93.createElement)(ModelTable, { models: data.models, total: totalTokens(data.totals), t, intl }) : page === "sessions" ? (0, import_react93.createElement)(SessionTable, {
+                ) : page === "models" ? (0, import_react92.createElement)(ModelTable, { models: data.models, total: totalTokens(data.totals), t, intl }) : page === "sessions" ? (0, import_react92.createElement)(SessionTable, {
                   rows: data.sessionRows,
                   t,
                   intl,
                   now: now2,
                   onSelect: (session) => setSelectedId(session.id)
-                }) : page === "requests" ? (0, import_react93.createElement)(RequestLog, {
+                }) : page === "requests" ? (0, import_react92.createElement)(RequestLog, {
                   pricing: effectivePricing,
                   t,
                   intl,
                   refreshToken: `${data.revision}:${requestRefresh}`
-                }) : (0, import_react93.createElement)(CostPage, {
+                }) : page === "pricing" ? (0, import_react92.createElement)(PricingPage, {
+                  models: builtinModels,
+                  pricing,
+                  defaults: builtinDefaults,
+                  t,
+                  onSave: savePricing
+                }) : (0, import_react92.createElement)(CostPage, {
                   models: data.models,
                   pricing: effectivePricing,
                   t,
@@ -22781,14 +23022,13 @@ window.__ModuleLoader__.load({
                   onRefreshPrices: () => {
                     void refreshOnline(data.models);
                   },
-                  onConfigure: () => setPricingOpen(true),
                   autoSync: true
                 })
               )
             )
           )
         ),
-        (0, import_react93.createElement)(SessionDetail, {
+        (0, import_react92.createElement)(SessionDetail, {
           session: selected,
           t,
           intl,
@@ -22797,15 +23037,6 @@ window.__ModuleLoader__.load({
             onOpenSession(id3);
             setSelectedId(null);
           }
-        }),
-        (0, import_react93.createElement)(PricingEditor, {
-          open: pricingOpen,
-          models: data.models,
-          pricing,
-          defaults,
-          t,
-          onClose: () => setPricingOpen(false),
-          onSave: savePricing
         })
       );
     }
@@ -22847,18 +23078,18 @@ window.__ModuleLoader__.load({
             name: "main",
             key: PANEL_ID,
             locale: NS
-          }, () => (0, import_react94.createElement)(Dashboard, {
+          }, () => (0, import_react93.createElement)(Dashboard, {
             ...canOpen ? { onOpenSession: openSession } : {}
           })));
           const FooterEntry = (owner = {}) => {
             const language = useLanguage();
             const wide = owner.wide !== false;
             const label2 = (language === "zh" ? zh : en)["panel.title"] ?? "Token usage";
-            return (0, import_react94.createElement)(
-              import_react94.Fragment,
+            return (0, import_react93.createElement)(
+              import_react93.Fragment,
               {},
-              (0, import_react94.createElement)("style", { key: "tdb-footer-style" }, FOOTER_CSS),
-              (0, import_react94.createElement)(
+              (0, import_react93.createElement)("style", { key: "tdb-footer-style" }, FOOTER_CSS),
+              (0, import_react93.createElement)(
                 "button",
                 {
                   key: "tdb-footer-button",
@@ -22873,8 +23104,8 @@ window.__ModuleLoader__.load({
                     }
                   }
                 },
-                (0, import_react94.createElement)(ChartIcon, { size: wide ? 16 : 18 }),
-                wide ? (0, import_react94.createElement)("span", { className: "tdb-footer-action-label" }, label2) : null
+                (0, import_react93.createElement)(ChartIcon, { size: wide ? 16 : 18 }),
+                wide ? (0, import_react93.createElement)("span", { className: "tdb-footer-action-label" }, label2) : null
               )
             );
           };