diff --git a/.github/skills/frontend-standards/components.md b/.github/skills/frontend-standards/components.md
index 505773e6d..45b2b97bd 100644
--- a/.github/skills/frontend-standards/components.md
+++ b/.github/skills/frontend-standards/components.md
@@ -52,8 +52,11 @@ Small shared primitives already exist. Reuse or extend them instead of duplicati
 | Info/warning callout | `InfoBanner` (`tone="info" \| "warning"`) |
 | Page title + description + action | `PageHeader` |
 | Destructive action without a modal | `ConfirmButton` (two-click arm/confirm) |
+| Filter over a small fixed option set | `FilterSelect` (token-styled native `<select>`) |
+| Filter over a large or open option set | `FilterMultiComboBox` (type-to-filter, holds a set of values; `allowsCustom` when the value space is not enumerable) |
+| Applied filters, each removable | `FilterChips` (`components/FilterChips.tsx`); one chip per value, and pass `clearLabel` so several chips of one dimension stay distinguishable |
 | Form field wrapper | `Field` (`components/Field.tsx`) |
-| Tabular data | `Table` (`components/Table.tsx`) |
+| Tabular data | `DataTable` (`components/DataTable.tsx`) |
 
 `errorMessage(error)` centralizes turning an `ApiError`/`Error`/unknown into a display string;
 use it rather than reaching into `error.message` yourself.
diff --git a/AGENTS.md b/AGENTS.md
index f7b3d7382..f67aa3134 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -41,7 +41,8 @@ The per-request flow (auth → budget → dispatch → reconciliation) spans sev
   bugs suite-wide. Mark a genuinely flaky test with
   `@pytest.mark.flaky(reruns=...)` (from `pytest-rerunfailures`) and say why,
   rather than reintroducing a global retry.
-- Integration tests can use `TEST_DATABASE_URL` (if provided), or Testcontainers PostgreSQL (`postgres:17`) if not. Running integration tests without Docker may fail when Testcontainers is required.
+- Integration tests need PostgreSQL: `TEST_DATABASE_URL` if set, otherwise a Testcontainers `postgres:17`, so without Docker the suite cannot start. SQLite is not a fallback even though `_to_async_url` accepts one: the fixtures tear down with `DROP TABLE ... CASCADE`, which SQLite rejects, so every test errors in teardown. With no Docker, point `TEST_DATABASE_URL` at any reachable PostgreSQL instead.
+- Two tests assert the provider-error sanitization by making a real outbound call (`test_error_detail_leakage.py::test_provider_error_does_not_leak_details`, `test_streaming_error_event.py::test_streaming_creation_error_returns_http_error`). With no network egress the upstream fails differently and both report a status mismatch, so treat them as environment noise rather than a regression, and confirm a change against the rest of the suite.
 
 ## Generated Artifacts
 - The Postman collection is generated **from** `docs/public/openapi.json`, so it goes stale
diff --git a/docs/api-reference.md b/docs/api-reference.md
index f1b5b082d..6d93c3b8c 100644
--- a/docs/api-reference.md
+++ b/docs/api-reference.md
@@ -274,10 +274,11 @@ targets, which is what a policy exists to keep off the wire.
 
 | Method | Path | Description | Auth |
 |--------|------|-------------|------|
-| `GET` | `/v1/usage` | List usage logs. Filters: `start_date`, `end_date`, `user_id`, `status`, `status_code`, `model`, `endpoint`, `provider`, `source`, `source_label`, `api_key_id`, `request_group_id`. `status_code` is the HTTP status classifying a failure (e.g. 429 provider rate limit, 402 missing pricing); only error rows carry one, so filtering by it also restricts to `status=error` unless `status` is passed explicitly. `request_group_id` is repeatable and returns a routed request's whole attempt plan (see [Routing](routing.md)). | Master key |
-| `GET` | `/v1/usage/count` | Total rows matching the filters (paginator total). | Master key |
-| `GET` | `/v1/usage/summary` | Aggregated spend/volume: totals, breakdowns by model/user/key/source/session/endpoint/provider, the failure taxonomy in `errors_by_status_code` (failures grouped by `status_code` with a coarse `error_class`), and a time series. `dimensions` narrows which breakdowns are computed (each one is a separate `GROUP BY`, including `status_code` for the taxonomy); `dimensions=none` returns totals and series only. | Master key |
-| `GET` | `/v1/usage/summary.csv` | Every breakdown as a CSV download. | Master key |
+| `GET` | `/v1/usage` | List usage logs. Filters: `start_date`, `end_date`, `user_id`, `status`, `status_code`, `model`, `endpoint`, `provider`, `source`, `source_label`, `api_key_id`, `request_group_id`. `user_id`, `model`, and `api_key_id` are repeatable (up to 50 values each) and match any of the values given. `status_code` is the HTTP status classifying a failure (e.g. 429 provider rate limit, 402 missing pricing); only error rows carry one, so filtering by it also restricts to `status=error` unless `status` is passed explicitly. `request_group_id` is repeatable and returns a routed request's whole attempt plan (see [Routing](routing.md)). | Master key |
+| `GET` | `/v1/usage/count` | Total rows matching the filters (paginator total). Same filters as `GET /v1/usage`, so a multi-value filter counts the same rows the list returns. | Master key |
+| `GET` | `/v1/usage/summary` | Aggregated spend/volume: totals, breakdowns by model/user/key/source/session/endpoint/provider, the failure taxonomy in `errors_by_status_code` (failures grouped by `status_code` with a coarse `error_class`), and a time series. `dimensions` narrows which breakdowns are computed (each one is a separate `GROUP BY`, including `status_code` for the taxonomy); `dimensions=none` returns totals and series only. `model`, `user_id`, and `api_key_id` are repeatable (up to 50 values each) and match any of the values given, so one call can compare a set of models, users, or keys. | Master key |
+| `GET` | `/v1/usage/summary.csv` | Every breakdown as a CSV download. Same filters as `/v1/usage/summary`, including the repeatable `model` / `user_id` / `api_key_id`. | Master key |
+| `GET` | `/v1/usage/series` | One time series per group, for stacked charts. `group_by` is required (`model`, `user_id`, `api_key_id`, or `source`). Same filters and window bounds as `/v1/usage/summary`, including the repeatable `model` / `user_id` / `api_key_id` (up to 50 values each, matching any of them). Returns the window's top eight groups by spend, with everything past them folded into one `other` series per bucket, so the stack reconciles with the summary totals. Points are sparse (populated cells only), and an `hour` bucket over a window of more than 1000 buckets is rejected with a 422 rather than returning an oversized payload. | Master key |
 | `POST` | `/v1/usage/external-events` | Import externally-observed usage (e.g. Claude Code) as source-tagged rows, priced at API rates, never counted toward budget. An API key (must be budget-exempt) attributes to its own user; the master key may name any user. Idempotent by `(source, source_event_id)`. See [Importing external usage](external-usage.md). | API key (budget-exempt) or master key |
 | `POST` | `/v1/traces` | OTLP receiver for GenAI usage **spans** (protobuf or JSON). Maps the OpenTelemetry GenAI conventions (`gen_ai.*`, `otari.*`) onto external usage ingestion. Any instrumented app can ship here. See [Importing external usage](external-usage.md). | API key (budget-exempt); master key refused |
 | `POST` | `/v1/logs` | OTLP receiver for GenAI usage **log events** (protobuf or JSON), including Claude Code's `api_request` and Codex's `codex.sse_event` / `codex.api_request`. Same mapping as `/v1/traces`. See [Importing external usage](external-usage.md). | API key (budget-exempt); master key refused |
diff --git a/docs/dashboard.md b/docs/dashboard.md
index f64691291..97db3837a 100644
--- a/docs/dashboard.md
+++ b/docs/dashboard.md
@@ -195,10 +195,20 @@ gateway.
   number of calls, and the **Tool** filter narrows the log to one of them. The
   request detail lists the calls, how many failed, and what they cost. Query text
   is never stored: the log records counts and names only.
+  The **User**, **Model**, and **API key** filters here take several values too, so
+  a drill-down from Usage arrives intact and a comparison can be read as one list.
+  The Model box also accepts a name that is not in its suggestions: press Enter to
+  add it, since the suggestions only cover models with traffic in the window. When
+  "select all N matching" is used for a bulk delete or reprice, the selection is
+  scoped to exactly the values shown in the chips.
 - **Usage**: aggregate usage and analytics, showing spend and volume over time,
   broken down by model and by user, plus a switchable breakdown by session,
-  endpoint, provider, or source. Clicking any row opens the Activity log scoped
-  to that group, so "spend went up" leads straight to the requests behind it.
+  endpoint, provider, or source. The **User**, **Model**, and **API key** pickers
+  each take several values, so a chart can compare a set ("these two models across
+  this team's keys") rather than one entity at a time; every pick becomes its own
+  chip, and the chip's ✕ removes just that value. Clicking any row opens the
+  Activity log scoped to that group, carrying the whole selection with it, so
+  "spend went up" leads straight to the requests behind it.
   When the window contains gateway-run tool calls, a **Gateway-run tools** table
   shows calls, failures, and spend per tool, so "what did search cost me last
   week" has an answer that is not one request at a time. MCP tools are excluded
diff --git a/docs/public/openapi.json b/docs/public/openapi.json
index fb8c4b2fd..80720e209 100644
--- a/docs/public/openapi.json
+++ b/docs/public/openapi.json
@@ -5547,6 +5547,13 @@
               {
                 "type": "string"
               },
+              {
+                "items": {
+                  "type": "string"
+                },
+                "maxItems": 50,
+                "type": "array"
+              },
               {
                 "type": "null"
               }
@@ -5601,6 +5608,13 @@
               {
                 "type": "string"
               },
+              {
+                "items": {
+                  "type": "string"
+                },
+                "maxItems": 50,
+                "type": "array"
+              },
               {
                 "type": "null"
               }
@@ -5690,6 +5704,13 @@
               {
                 "type": "string"
               },
+              {
+                "items": {
+                  "type": "string"
+                },
+                "maxItems": 50,
+                "type": "array"
+              },
               {
                 "type": "null"
               }
@@ -6405,6 +6426,13 @@
               {
                 "type": "string"
               },
+              {
+                "items": {
+                  "type": "string"
+                },
+                "maxItems": 50,
+                "type": "array"
+              },
               {
                 "type": "null"
               }
@@ -6488,6 +6516,13 @@
               {
                 "type": "string"
               },
+              {
+                "items": {
+                  "type": "string"
+                },
+                "maxItems": 50,
+                "type": "array"
+              },
               {
                 "type": "null"
               }
@@ -6582,6 +6617,13 @@
               {
                 "type": "string"
               },
+              {
+                "items": {
+                  "type": "string"
+                },
+                "maxItems": 50,
+                "type": "array"
+              },
               {
                 "type": "null"
               }
@@ -10863,20 +10905,24 @@
             }
           },
           {
-            "description": "Filter to a single user",
+            "description": "Filter to one or more users; repeatable (user_id=a&user_id=b). Several values match any of them. At most 50 per call.",
             "in": "query",
             "name": "user_id",
             "required": false,
             "schema": {
               "anyOf": [
                 {
-                  "type": "string"
+                  "items": {
+                    "type": "string"
+                  },
+                  "maxItems": 50,
+                  "type": "array"
                 },
                 {
                   "type": "null"
                 }
               ],
-              "description": "Filter to a single user",
+              "description": "Filter to one or more users; repeatable (user_id=a&user_id=b). Several values match any of them. At most 50 per call.",
               "title": "User Id"
             }
           },
@@ -10917,20 +10963,24 @@
             }
           },
           {
-            "description": "Filter to a single model",
+            "description": "Filter to one or more models; repeatable (model=a&model=b). Several values match any of them. At most 50 per call.",
             "in": "query",
             "name": "model",
             "required": false,
             "schema": {
               "anyOf": [
                 {
-                  "type": "string"
+                  "items": {
+                    "type": "string"
+                  },
+                  "maxItems": 50,
+                  "type": "array"
                 },
                 {
                   "type": "null"
                 }
               ],
-              "description": "Filter to a single model",
+              "description": "Filter to one or more models; repeatable (model=a&model=b). Several values match any of them. At most 50 per call.",
               "title": "Model"
             }
           },
@@ -11007,20 +11057,24 @@
             }
           },
           {
-            "description": "Filter to a single API key id",
+            "description": "Filter to one or more API key ids; repeatable (api_key_id=a&api_key_id=b). Several values match any of them. At most 50 per call.",
             "in": "query",
             "name": "api_key_id",
             "required": false,
             "schema": {
               "anyOf": [
                 {
-                  "type": "string"
+                  "items": {
+                    "type": "string"
+                  },
+                  "maxItems": 50,
+                  "type": "array"
                 },
                 {
                   "type": "null"
                 }
               ],
-              "description": "Filter to a single API key id",
+              "description": "Filter to one or more API key ids; repeatable (api_key_id=a&api_key_id=b). Several values match any of them. At most 50 per call.",
               "title": "Api Key Id"
             }
           },
@@ -11213,20 +11267,24 @@
             }
           },
           {
-            "description": "Filter to a single user",
+            "description": "Filter to one or more users; repeatable (user_id=a&user_id=b). Several values match any of them. At most 50 per call.",
             "in": "query",
             "name": "user_id",
             "required": false,
             "schema": {
               "anyOf": [
                 {
-                  "type": "string"
+                  "items": {
+                    "type": "string"
+                  },
+                  "maxItems": 50,
+                  "type": "array"
                 },
                 {
                   "type": "null"
                 }
               ],
-              "description": "Filter to a single user",
+              "description": "Filter to one or more users; repeatable (user_id=a&user_id=b). Several values match any of them. At most 50 per call.",
               "title": "User Id"
             }
           },
@@ -11267,20 +11325,24 @@
             }
           },
           {
-            "description": "Filter to a single model",
+            "description": "Filter to one or more models; repeatable (model=a&model=b). Several values match any of them. At most 50 per call.",
             "in": "query",
             "name": "model",
             "required": false,
             "schema": {
               "anyOf": [
                 {
-                  "type": "string"
+                  "items": {
+                    "type": "string"
+                  },
+                  "maxItems": 50,
+                  "type": "array"
                 },
                 {
                   "type": "null"
                 }
               ],
-              "description": "Filter to a single model",
+              "description": "Filter to one or more models; repeatable (model=a&model=b). Several values match any of them. At most 50 per call.",
               "title": "Model"
             }
           },
@@ -11357,20 +11419,24 @@
             }
           },
           {
-            "description": "Filter to a single API key id",
+            "description": "Filter to one or more API key ids; repeatable (api_key_id=a&api_key_id=b). Several values match any of them. At most 50 per call.",
             "in": "query",
             "name": "api_key_id",
             "required": false,
             "schema": {
               "anyOf": [
                 {
-                  "type": "string"
+                  "items": {
+                    "type": "string"
+                  },
+                  "maxItems": 50,
+                  "type": "array"
                 },
                 {
                   "type": "null"
                 }
               ],
-              "description": "Filter to a single API key id",
+              "description": "Filter to one or more API key ids; repeatable (api_key_id=a&api_key_id=b). Several values match any of them. At most 50 per call.",
               "title": "Api Key Id"
             }
           },
@@ -11603,20 +11669,24 @@
             }
           },
           {
-            "description": "Filter to a single user",
+            "description": "Filter to one or more users; repeatable (user_id=a&user_id=b). Several values match any of them. At most 50 per call.",
             "in": "query",
             "name": "user_id",
             "required": false,
             "schema": {
               "anyOf": [
                 {
-                  "type": "string"
+                  "items": {
+                    "type": "string"
+                  },
+                  "maxItems": 50,
+                  "type": "array"
                 },
                 {
                   "type": "null"
                 }
               ],
-              "description": "Filter to a single user",
+              "description": "Filter to one or more users; repeatable (user_id=a&user_id=b). Several values match any of them. At most 50 per call.",
               "title": "User Id"
             }
           },
@@ -11657,20 +11727,24 @@
             }
           },
           {
-            "description": "Filter to a single model",
+            "description": "Filter to one or more models; repeatable (model=a&model=b). Several values match any of them. At most 50 per call.",
             "in": "query",
             "name": "model",
             "required": false,
             "schema": {
               "anyOf": [
                 {
-                  "type": "string"
+                  "items": {
+                    "type": "string"
+                  },
+                  "maxItems": 50,
+                  "type": "array"
                 },
                 {
                   "type": "null"
                 }
               ],
-              "description": "Filter to a single model",
+              "description": "Filter to one or more models; repeatable (model=a&model=b). Several values match any of them. At most 50 per call.",
               "title": "Model"
             }
           },
@@ -11747,20 +11821,24 @@
             }
           },
           {
-            "description": "Filter to a single API key id",
+            "description": "Filter to one or more API key ids; repeatable (api_key_id=a&api_key_id=b). Several values match any of them. At most 50 per call.",
             "in": "query",
             "name": "api_key_id",
             "required": false,
             "schema": {
               "anyOf": [
                 {
-                  "type": "string"
+                  "items": {
+                    "type": "string"
+                  },
+                  "maxItems": 50,
+                  "type": "array"
                 },
                 {
                   "type": "null"
                 }
               ],
-              "description": "Filter to a single API key id",
+              "description": "Filter to one or more API key ids; repeatable (api_key_id=a&api_key_id=b). Several values match any of them. At most 50 per call.",
               "title": "Api Key Id"
             }
           },
@@ -11928,7 +12006,7 @@
     },
     "/v1/usage/summary": {
       "get": {
-        "description": "Aggregate spend, tokens, and request volume for the dashboard Usage page.\n\nRange-bounded (default last 30 days, hard-capped): unlike the raw ``/v1/usage``\nlist, every aggregate is scoped to a bounded window so it stays served by the\ntimestamp index. Returns grand totals, breakdowns by model / user / API key /\nsource / session (``source_label``) / endpoint / provider (top rows plus a\nreconciling ``other`` fold, billed token counts), the error taxonomy grouped\nby failure status code, and a UTC-bucketed time series carrying each bucket's\nerror count and billed token composition (input incl. cache, cache read/write,\noutput).\n\nEach breakdown is its own ``GROUP BY`` pass, so a caller that reads only the\ntotals or the series should narrow ``dimensions`` rather than pay for all eight\n(the dashboard's tiles, timeline context, and model typeahead all do). Omitting\nthe parameter keeps the full set.",
+        "description": "Aggregate spend, tokens, and request volume for the dashboard Usage page.\n\nRange-bounded (default last 30 days, hard-capped): unlike the raw ``/v1/usage``\nlist, every aggregate is scoped to a bounded window so it stays served by the\ntimestamp index. Returns grand totals, breakdowns by model / user / API key /\nsource / session (``source_label``) / endpoint / provider (top rows plus a\nreconciling ``other`` fold, billed token counts), the error taxonomy grouped\nby failure status code, and a UTC-bucketed time series carrying each bucket's\nerror count and billed token composition (input incl. cache, cache read/write,\noutput).\n\nEach breakdown is its own ``GROUP BY`` pass, so a caller that reads only the\ntotals or the series should narrow ``dimensions`` rather than pay for all eight\n(the dashboard's tiles, timeline context, and model typeahead all do). Omitting\nthe parameter keeps the full set.\n\n``model``, ``user_id``, and ``api_key_id`` are repeatable: several values match\nany of them, so one chart can compare a handful of models, users, or keys.",
         "operationId": "usage_summary_v1_usage_summary_get",
         "parameters": [
           {
@@ -11970,20 +12048,24 @@
             }
           },
           {
-            "description": "Filter to a single user",
+            "description": "Filter to one or more users; repeatable (user_id=a&user_id=b). Several values match any of them. At most 50 per call.",
             "in": "query",
             "name": "user_id",
             "required": false,
             "schema": {
               "anyOf": [
                 {
-                  "type": "string"
+                  "items": {
+                    "type": "string"
+                  },
+                  "maxItems": 50,
+                  "type": "array"
                 },
                 {
                   "type": "null"
                 }
               ],
-              "description": "Filter to a single user",
+              "description": "Filter to one or more users; repeatable (user_id=a&user_id=b). Several values match any of them. At most 50 per call.",
               "title": "User Id"
             }
           },
@@ -12024,20 +12106,24 @@
             }
           },
           {
-            "description": "Filter to a single model",
+            "description": "Filter to one or more models; repeatable (model=a&model=b). Several values match any of them. At most 50 per call.",
             "in": "query",
             "name": "model",
             "required": false,
             "schema": {
               "anyOf": [
                 {
-                  "type": "string"
+                  "items": {
+                    "type": "string"
+                  },
+                  "maxItems": 50,
+                  "type": "array"
                 },
                 {
                   "type": "null"
                 }
               ],
-              "description": "Filter to a single model",
+              "description": "Filter to one or more models; repeatable (model=a&model=b). Several values match any of them. At most 50 per call.",
               "title": "Model"
             }
           },
@@ -12114,20 +12200,24 @@
             }
           },
           {
-            "description": "Filter to a single API key id",
+            "description": "Filter to one or more API key ids; repeatable (api_key_id=a&api_key_id=b). Several values match any of them. At most 50 per call.",
             "in": "query",
             "name": "api_key_id",
             "required": false,
             "schema": {
               "anyOf": [
                 {
-                  "type": "string"
+                  "items": {
+                    "type": "string"
+                  },
+                  "maxItems": 50,
+                  "type": "array"
                 },
                 {
                   "type": "null"
                 }
               ],
-              "description": "Filter to a single API key id",
+              "description": "Filter to one or more API key ids; repeatable (api_key_id=a&api_key_id=b). Several values match any of them. At most 50 per call.",
               "title": "Api Key Id"
             }
           },
@@ -12320,20 +12410,24 @@
             }
           },
           {
-            "description": "Filter to a single user",
+            "description": "Filter to one or more users; repeatable (user_id=a&user_id=b). Several values match any of them. At most 50 per call.",
             "in": "query",
             "name": "user_id",
             "required": false,
             "schema": {
               "anyOf": [
                 {
-                  "type": "string"
+                  "items": {
+                    "type": "string"
+                  },
+                  "maxItems": 50,
+                  "type": "array"
                 },
                 {
                   "type": "null"
                 }
               ],
-              "description": "Filter to a single user",
+              "description": "Filter to one or more users; repeatable (user_id=a&user_id=b). Several values match any of them. At most 50 per call.",
               "title": "User Id"
             }
           },
@@ -12374,20 +12468,24 @@
             }
           },
           {
-            "description": "Filter to a single model",
+            "description": "Filter to one or more models; repeatable (model=a&model=b). Several values match any of them. At most 50 per call.",
             "in": "query",
             "name": "model",
             "required": false,
             "schema": {
               "anyOf": [
                 {
-                  "type": "string"
+                  "items": {
+                    "type": "string"
+                  },
+                  "maxItems": 50,
+                  "type": "array"
                 },
                 {
                   "type": "null"
                 }
               ],
-              "description": "Filter to a single model",
+              "description": "Filter to one or more models; repeatable (model=a&model=b). Several values match any of them. At most 50 per call.",
               "title": "Model"
             }
           },
@@ -12464,20 +12562,24 @@
             }
           },
           {
-            "description": "Filter to a single API key id",
+            "description": "Filter to one or more API key ids; repeatable (api_key_id=a&api_key_id=b). Several values match any of them. At most 50 per call.",
             "in": "query",
             "name": "api_key_id",
             "required": false,
             "schema": {
               "anyOf": [
                 {
-                  "type": "string"
+                  "items": {
+                    "type": "string"
+                  },
+                  "maxItems": 50,
+                  "type": "array"
                 },
                 {
                   "type": "null"
                 }
               ],
-              "description": "Filter to a single API key id",
+              "description": "Filter to one or more API key ids; repeatable (api_key_id=a&api_key_id=b). Several values match any of them. At most 50 per call.",
               "title": "Api Key Id"
             }
           },
diff --git a/docs/public/otari.postman_collection.json b/docs/public/otari.postman_collection.json
index 36514f38a..68e479644 100644
--- a/docs/public/otari.postman_collection.json
+++ b/docs/public/otari.postman_collection.json
@@ -2359,7 +2359,7 @@
                   "value": ""
                 },
                 {
-                  "description": "Filter to a single user",
+                  "description": "Filter to one or more users; repeatable (user_id=a&user_id=b). Several values match any of them. At most 50 per call.",
                   "disabled": true,
                   "key": "user_id",
                   "value": ""
@@ -2377,7 +2377,7 @@
                   "value": ""
                 },
                 {
-                  "description": "Filter to a single model",
+                  "description": "Filter to one or more models; repeatable (model=a&model=b). Several values match any of them. At most 50 per call.",
                   "disabled": true,
                   "key": "model",
                   "value": ""
@@ -2407,7 +2407,7 @@
                   "value": ""
                 },
                 {
-                  "description": "Filter to a single API key id",
+                  "description": "Filter to one or more API key ids; repeatable (api_key_id=a&api_key_id=b). Several values match any of them. At most 50 per call.",
                   "disabled": true,
                   "key": "api_key_id",
                   "value": ""
@@ -2500,7 +2500,7 @@
                   "value": ""
                 },
                 {
-                  "description": "Filter to a single user",
+                  "description": "Filter to one or more users; repeatable (user_id=a&user_id=b). Several values match any of them. At most 50 per call.",
                   "disabled": true,
                   "key": "user_id",
                   "value": ""
@@ -2518,7 +2518,7 @@
                   "value": ""
                 },
                 {
-                  "description": "Filter to a single model",
+                  "description": "Filter to one or more models; repeatable (model=a&model=b). Several values match any of them. At most 50 per call.",
                   "disabled": true,
                   "key": "model",
                   "value": ""
@@ -2548,7 +2548,7 @@
                   "value": ""
                 },
                 {
-                  "description": "Filter to a single API key id",
+                  "description": "Filter to one or more API key ids; repeatable (api_key_id=a&api_key_id=b). Several values match any of them. At most 50 per call.",
                   "disabled": true,
                   "key": "api_key_id",
                   "value": ""
@@ -2650,7 +2650,7 @@
                   "value": ""
                 },
                 {
-                  "description": "Filter to a single user",
+                  "description": "Filter to one or more users; repeatable (user_id=a&user_id=b). Several values match any of them. At most 50 per call.",
                   "disabled": true,
                   "key": "user_id",
                   "value": ""
@@ -2668,7 +2668,7 @@
                   "value": ""
                 },
                 {
-                  "description": "Filter to a single model",
+                  "description": "Filter to one or more models; repeatable (model=a&model=b). Several values match any of them. At most 50 per call.",
                   "disabled": true,
                   "key": "model",
                   "value": ""
@@ -2698,7 +2698,7 @@
                   "value": ""
                 },
                 {
-                  "description": "Filter to a single API key id",
+                  "description": "Filter to one or more API key ids; repeatable (api_key_id=a&api_key_id=b). Several values match any of them. At most 50 per call.",
                   "disabled": true,
                   "key": "api_key_id",
                   "value": ""
@@ -2768,7 +2768,7 @@
         {
           "name": "Usage Summary",
           "request": {
-            "description": "Aggregate spend, tokens, and request volume for the dashboard Usage page.\n\nRange-bounded (default last 30 days, hard-capped): unlike the raw ``/v1/usage``\nlist, every aggregate is scoped to a bounded window so it stays served by the\ntimestamp index. Returns grand totals, breakdowns by model / user / API key /\nsource / session (``source_label``) / endpoint / provider (top rows plus a\nreconciling ``other`` fold, billed token counts), the error taxonomy grouped\nby failure status code, and a UTC-bucketed time series carrying each bucket's\nerror count and billed token composition (input incl. cache, cache read/write,\noutput).\n\nEach breakdown is its own ``GROUP BY`` pass, so a caller that reads only the\ntotals or the series should narrow ``dimensions`` rather than pay for all eight\n(the dashboard's tiles, timeline context, and model typeahead all do). Omitting\nthe parameter keeps the full set.",
+            "description": "Aggregate spend, tokens, and request volume for the dashboard Usage page.\n\nRange-bounded (default last 30 days, hard-capped): unlike the raw ``/v1/usage``\nlist, every aggregate is scoped to a bounded window so it stays served by the\ntimestamp index. Returns grand totals, breakdowns by model / user / API key /\nsource / session (``source_label``) / endpoint / provider (top rows plus a\nreconciling ``other`` fold, billed token counts), the error taxonomy grouped\nby failure status code, and a UTC-bucketed time series carrying each bucket's\nerror count and billed token composition (input incl. cache, cache read/write,\noutput).\n\nEach breakdown is its own ``GROUP BY`` pass, so a caller that reads only the\ntotals or the series should narrow ``dimensions`` rather than pay for all eight\n(the dashboard's tiles, timeline context, and model typeahead all do). Omitting\nthe parameter keeps the full set.\n\n``model``, ``user_id``, and ``api_key_id`` are repeatable: several values match\nany of them, so one chart can compare a handful of models, users, or keys.",
             "header": [],
             "method": "GET",
             "url": {
@@ -2794,7 +2794,7 @@
                   "value": ""
                 },
                 {
-                  "description": "Filter to a single user",
+                  "description": "Filter to one or more users; repeatable (user_id=a&user_id=b). Several values match any of them. At most 50 per call.",
                   "disabled": true,
                   "key": "user_id",
                   "value": ""
@@ -2812,7 +2812,7 @@
                   "value": ""
                 },
                 {
-                  "description": "Filter to a single model",
+                  "description": "Filter to one or more models; repeatable (model=a&model=b). Several values match any of them. At most 50 per call.",
                   "disabled": true,
                   "key": "model",
                   "value": ""
@@ -2842,7 +2842,7 @@
                   "value": ""
                 },
                 {
-                  "description": "Filter to a single API key id",
+                  "description": "Filter to one or more API key ids; repeatable (api_key_id=a&api_key_id=b). Several values match any of them. At most 50 per call.",
                   "disabled": true,
                   "key": "api_key_id",
                   "value": ""
@@ -2911,7 +2911,7 @@
                   "value": ""
                 },
                 {
-                  "description": "Filter to a single user",
+                  "description": "Filter to one or more users; repeatable (user_id=a&user_id=b). Several values match any of them. At most 50 per call.",
                   "disabled": true,
                   "key": "user_id",
                   "value": ""
@@ -2929,7 +2929,7 @@
                   "value": ""
                 },
                 {
-                  "description": "Filter to a single model",
+                  "description": "Filter to one or more models; repeatable (model=a&model=b). Several values match any of them. At most 50 per call.",
                   "disabled": true,
                   "key": "model",
                   "value": ""
@@ -2959,7 +2959,7 @@
                   "value": ""
                 },
                 {
-                  "description": "Filter to a single API key id",
+                  "description": "Filter to one or more API key ids; repeatable (api_key_id=a&api_key_id=b). Several values match any of them. At most 50 per call.",
                   "disabled": true,
                   "key": "api_key_id",
                   "value": ""
diff --git a/src/gateway/AGENTS.md b/src/gateway/AGENTS.md
index 9b243001b..c6cde708d 100644
--- a/src/gateway/AGENTS.md
+++ b/src/gateway/AGENTS.md
@@ -37,6 +37,16 @@ ORM entities are in `src/gateway/models/entities.py` (User, APIKey, Budget, Usag
   - `db.rollback()` on `SQLAlchemyError`,
   - re-raise mapped API/domain errors.
 - Reuse repository helpers (e.g., `get_active_user`) for shared query logic.
+- Conditions shared between a route's read filters and a service's write selection live in `core/sql.py` (e.g. `match_any`, `MAX_FILTER_VALUES`), not duplicated on each side: a service may not import the API layer, so `core` is the only place both can reach.
+
+## Usage filters: read and mutate must agree
+A bulk usage mutation (`DELETE /v1/usage`, `POST /v1/usage/set-price`) can target rows two ways: an explicit `ids` list, or `by_filter` plus filter fields. The dashboard sizes its "select all N matching" affordance from `GET /v1/usage/count` and then sends the filter fields, so the server re-derives the target set from the body rather than from the count. Three consequences, each of which has been violated at least once:
+
+- **Every filter that scopes the table must exist on `UsageSelection`.** One left out widens the delete past the rows the operator was shown (a session drill-down would wipe every other session).
+- **A filter's accepted value space must match on both sides.** `model` / `user_id` / `api_key_id` are repeatable, so the selection body takes lists too; a body that could only express one value would target every value of that dimension.
+- **The bounds must match as well.** The read endpoints cap a repeatable filter at `MAX_FILTER_VALUES`, so the selection body carries the same ceiling. Without it a value set `/count` refuses (422) was still deletable, on an unbounded `IN` list. Annotate the bound on the list arm (`str | Annotated[list[str], Field(max_length=...)] | None`); on the union it would also cap a single value's character length and reject a long `provider:model` name.
+
+The imported-only guards in `_selection_conditions` (`source != "gateway"` plus `counts_toward_budget = False`) bound the damage but do not substitute for any of the above: they keep a mutation off gateway rows, not off the wrong imported rows.
 
 ## Logging
 - Use module logger from `gateway.log_config`.
diff --git a/src/gateway/api/routes/usage.py b/src/gateway/api/routes/usage.py
index f713ac43f..32a60140b 100644
--- a/src/gateway/api/routes/usage.py
+++ b/src/gateway/api/routes/usage.py
@@ -17,6 +17,7 @@
 
 from gateway.api.deps import get_config, get_db, verify_api_key_or_master_key, verify_master_key
 from gateway.core.config import GatewayConfig
+from gateway.core.sql import MAX_FILTER_VALUES, match_any
 from gateway.models.entities import APIKey, UsageLog
 from gateway.services.external_usage_service import (
     ExternalEventsRequest,
@@ -203,7 +204,6 @@ class UsageCount(BaseModel):
 # Shared query descriptions so the list and count endpoints stay in lockstep.
 _START_DESC = "Return logs with timestamp >= start_date (ISO 8601 or Unix epoch seconds)"
 _END_DESC = "Return logs with timestamp < end_date (ISO 8601 or Unix epoch seconds)"
-_USER_DESC = "Filter to a single user"
 _STATUS_DESC = (
     "Filter to a single status: 'success', 'error', or 'absorbed' (an attempt a routing policy "
     "recovered from, excluded from error_count and request_count)"
@@ -213,12 +213,10 @@ class UsageCount(BaseModel):
     "402 for missing-pricing rejections). Only error rows carry one, so this "
     "filter also restricts to status='error' unless 'status' is given explicitly"
 )
-_MODEL_DESC = "Filter to a single model"
 _ENDPOINT_DESC = "Filter to a single endpoint (e.g. '/v1/chat/completions')"
 _PROVIDER_DESC = "Filter to a single provider (e.g. 'openai')"
 _SOURCE_DESC = "Filter to a single provenance source (e.g. 'gateway' or 'claude_code')"
 _SOURCE_LABEL_DESC = "Filter to a single session/project label (the source_label carried by imported usage)"
-_API_KEY_DESC = "Filter to a single API key id"
 _REQUEST_GROUP_DESC = (
     "Filter to the rows of one or more request groups; repeatable "
     "(request_group_id=a&request_group_id=b). A routed request writes one row per "
@@ -241,6 +239,24 @@ class UsageCount(BaseModel):
     "Filter by budget participation: true = only enforced gateway rows, "
     "false = only imported rows that never touch a budget"
 )
+# The three entity filters are repeatable on every usage endpoint, so a chart or a
+# log view can compare a handful of models / users / keys instead of one at a time.
+# The bulk delete / set-price selection body takes the same form (see
+# UsageSelection): "all N matching" is counted over these filters and re-derived
+# from that body, so a filter one side could not express would target a different
+# set of rows than the operator was shown.
+_USER_MULTI_DESC = (
+    "Filter to one or more users; repeatable (user_id=a&user_id=b). Several values match any of "
+    f"them. At most {MAX_FILTER_VALUES} per call."
+)
+_MODEL_MULTI_DESC = (
+    "Filter to one or more models; repeatable (model=a&model=b). Several values match any of them. "
+    f"At most {MAX_FILTER_VALUES} per call."
+)
+_API_KEY_MULTI_DESC = (
+    "Filter to one or more API key ids; repeatable (api_key_id=a&api_key_id=b). Several values "
+    f"match any of them. At most {MAX_FILTER_VALUES} per call."
+)
 _DIMENSIONS_DESC = (
     "Which breakdowns to compute; repeatable (dimensions=model&dimensions=user). Each value names the "
     "'by_<value>' response field it fills, except 'status_code', which fills the failure taxonomy in "
@@ -254,14 +270,14 @@ def _usage_filters(
     *,
     start_date: datetime | None,
     end_date: datetime | None,
-    user_id: str | None,
+    user_id: str | list[str] | None,
     status: str | None,
-    model: str | None,
+    model: str | list[str] | None,
     endpoint: str | None,
     provider: str | None = None,
     source: str | None = None,
     source_label: str | None = None,
-    api_key_id: str | None = None,
+    api_key_id: str | list[str] | None = None,
     priced: bool | None = None,
     tool: str | None = None,
     counts_toward_budget: bool | None = None,
@@ -278,8 +294,8 @@ def _usage_filters(
         conditions.append(UsageLog.timestamp >= start_date)
     if end_date is not None:
         conditions.append(UsageLog.timestamp < end_date)
-    if user_id is not None:
-        conditions.append(UsageLog.user_id == user_id)
+    if user_id is not None and user_id != []:
+        conditions.append(match_any(UsageLog.user_id, user_id))
     if status is not None:
         conditions.append(UsageLog.status == status)
     if status_code is not None:
@@ -293,8 +309,8 @@ def _usage_filters(
             # window. An explicit ``status`` wins, so the combination stays a
             # literal query rather than a silently contradictory one.
             conditions.append(UsageLog.status == "error")
-    if model is not None:
-        conditions.append(UsageLog.model == model)
+    if model is not None and model != []:
+        conditions.append(match_any(UsageLog.model, model))
     if endpoint is not None:
         conditions.append(UsageLog.endpoint == endpoint)
     if provider is not None:
@@ -303,17 +319,13 @@ def _usage_filters(
         conditions.append(UsageLog.source == source)
     if source_label is not None:
         conditions.append(UsageLog.source_label == source_label)
-    if api_key_id is not None:
-        conditions.append(UsageLog.api_key_id == api_key_id)
+    if api_key_id is not None and api_key_id != []:
+        conditions.append(match_any(UsageLog.api_key_id, api_key_id))
     if request_group_id:
         # A one-id lookup stays an equality test so it uses the index the same way
         # a single-row fetch would; the IN form is for the dashboard's batched
         # page lookup.
-        conditions.append(
-            UsageLog.request_group_id == request_group_id[0]
-            if len(request_group_id) == 1
-            else UsageLog.request_group_id.in_(request_group_id)
-        )
+        conditions.append(match_any(UsageLog.request_group_id, request_group_id))
     if priced is True:
         conditions.append(~_needs_pricing_expr())
     elif priced is False:
@@ -330,15 +342,19 @@ async def list_usage(
     db: Annotated[AsyncSession, Depends(get_db)],
     start_date: datetime | None = Query(default=None, description=_START_DESC),
     end_date: datetime | None = Query(default=None, description=_END_DESC),
-    user_id: str | None = Query(default=None, description=_USER_DESC),
+    user_id: Annotated[
+        list[str] | None, Query(max_length=MAX_FILTER_VALUES, description=_USER_MULTI_DESC)
+    ] = None,
     status: str | None = Query(default=None, description=_STATUS_DESC),
     status_code: int | None = Query(default=None, description=_STATUS_CODE_DESC),
-    model: str | None = Query(default=None, description=_MODEL_DESC),
+    model: Annotated[list[str] | None, Query(max_length=MAX_FILTER_VALUES, description=_MODEL_MULTI_DESC)] = None,
     endpoint: str | None = Query(default=None, description=_ENDPOINT_DESC),
     provider: str | None = Query(default=None, description=_PROVIDER_DESC),
     source: str | None = Query(default=None, description=_SOURCE_DESC),
     source_label: str | None = Query(default=None, description=_SOURCE_LABEL_DESC),
-    api_key_id: str | None = Query(default=None, description=_API_KEY_DESC),
+    api_key_id: Annotated[
+        list[str] | None, Query(max_length=MAX_FILTER_VALUES, description=_API_KEY_MULTI_DESC)
+    ] = None,
     priced: bool | None = Query(default=None, description=_PRICED_DESC),
     tool: ToolFilter | None = Query(default=None, description=_TOOL_DESC),
     counts_toward_budget: bool | None = Query(default=None, description=_COUNTS_DESC),
@@ -416,15 +432,19 @@ async def count_usage(
     db: Annotated[AsyncSession, Depends(get_db)],
     start_date: datetime | None = Query(default=None, description=_START_DESC),
     end_date: datetime | None = Query(default=None, description=_END_DESC),
-    user_id: str | None = Query(default=None, description=_USER_DESC),
+    user_id: Annotated[
+        list[str] | None, Query(max_length=MAX_FILTER_VALUES, description=_USER_MULTI_DESC)
+    ] = None,
     status: str | None = Query(default=None, description=_STATUS_DESC),
     status_code: int | None = Query(default=None, description=_STATUS_CODE_DESC),
-    model: str | None = Query(default=None, description=_MODEL_DESC),
+    model: Annotated[list[str] | None, Query(max_length=MAX_FILTER_VALUES, description=_MODEL_MULTI_DESC)] = None,
     endpoint: str | None = Query(default=None, description=_ENDPOINT_DESC),
     provider: str | None = Query(default=None, description=_PROVIDER_DESC),
     source: str | None = Query(default=None, description=_SOURCE_DESC),
     source_label: str | None = Query(default=None, description=_SOURCE_LABEL_DESC),
-    api_key_id: str | None = Query(default=None, description=_API_KEY_DESC),
+    api_key_id: Annotated[
+        list[str] | None, Query(max_length=MAX_FILTER_VALUES, description=_API_KEY_MULTI_DESC)
+    ] = None,
     priced: bool | None = Query(default=None, description=_PRICED_DESC),
     tool: ToolFilter | None = Query(default=None, description=_TOOL_DESC),
     counts_toward_budget: bool | None = Query(default=None, description=_COUNTS_DESC),
@@ -1087,14 +1107,14 @@ async def _summary_context(
     *,
     start_date: datetime | None,
     end_date: datetime | None,
-    user_id: str | None,
+    user_id: list[str] | None,
     status: str | None,
-    model: str | None,
+    model: list[str] | None,
     endpoint: str | None,
     provider: str | None = None,
     source: str | None = None,
     source_label: str | None = None,
-    api_key_id: str | None = None,
+    api_key_id: list[str] | None = None,
     priced: bool | None = None,
     tool: str | None = None,
     counts_toward_budget: bool | None = None,
@@ -1167,15 +1187,19 @@ async def usage_summary(
     db: Annotated[AsyncSession, Depends(get_db)],
     start_date: datetime | None = Query(default=None, description=_START_DESC),
     end_date: datetime | None = Query(default=None, description=_END_DESC),
-    user_id: str | None = Query(default=None, description=_USER_DESC),
+    user_id: Annotated[
+        list[str] | None, Query(max_length=MAX_FILTER_VALUES, description=_USER_MULTI_DESC)
+    ] = None,
     status: str | None = Query(default=None, description=_STATUS_DESC),
     status_code: int | None = Query(default=None, description=_STATUS_CODE_DESC),
-    model: str | None = Query(default=None, description=_MODEL_DESC),
+    model: Annotated[list[str] | None, Query(max_length=MAX_FILTER_VALUES, description=_MODEL_MULTI_DESC)] = None,
     endpoint: str | None = Query(default=None, description=_ENDPOINT_DESC),
     provider: str | None = Query(default=None, description=_PROVIDER_DESC),
     source: str | None = Query(default=None, description=_SOURCE_DESC),
     source_label: str | None = Query(default=None, description=_SOURCE_LABEL_DESC),
-    api_key_id: str | None = Query(default=None, description=_API_KEY_DESC),
+    api_key_id: Annotated[
+        list[str] | None, Query(max_length=MAX_FILTER_VALUES, description=_API_KEY_MULTI_DESC)
+    ] = None,
     priced: bool | None = Query(default=None, description=_PRICED_DESC),
     tool: ToolFilter | None = Query(default=None, description=_TOOL_DESC),
     counts_toward_budget: bool | None = Query(default=None, description=_COUNTS_DESC),
@@ -1197,6 +1221,9 @@ async def usage_summary(
     totals or the series should narrow ``dimensions`` rather than pay for all eight
     (the dashboard's tiles, timeline context, and model typeahead all do). Omitting
     the parameter keeps the full set.
+
+    ``model``, ``user_id``, and ``api_key_id`` are repeatable: several values match
+    any of them, so one chart can compare a handful of models, users, or keys.
     """
     start, end, conditions, totals = await _summary_context(
         db,
@@ -1298,15 +1325,19 @@ async def usage_series(
     group_by: SeriesGroupBy = Query(description="Dimension to split the series by"),
     start_date: datetime | None = Query(default=None, description=_START_DESC),
     end_date: datetime | None = Query(default=None, description=_END_DESC),
-    user_id: str | None = Query(default=None, description=_USER_DESC),
+    user_id: Annotated[
+        list[str] | None, Query(max_length=MAX_FILTER_VALUES, description=_USER_MULTI_DESC)
+    ] = None,
     status: str | None = Query(default=None, description=_STATUS_DESC),
     status_code: int | None = Query(default=None, description=_STATUS_CODE_DESC),
-    model: str | None = Query(default=None, description=_MODEL_DESC),
+    model: Annotated[list[str] | None, Query(max_length=MAX_FILTER_VALUES, description=_MODEL_MULTI_DESC)] = None,
     endpoint: str | None = Query(default=None, description=_ENDPOINT_DESC),
     provider: str | None = Query(default=None, description=_PROVIDER_DESC),
     source: str | None = Query(default=None, description=_SOURCE_DESC),
     source_label: str | None = Query(default=None, description=_SOURCE_LABEL_DESC),
-    api_key_id: str | None = Query(default=None, description=_API_KEY_DESC),
+    api_key_id: Annotated[
+        list[str] | None, Query(max_length=MAX_FILTER_VALUES, description=_API_KEY_MULTI_DESC)
+    ] = None,
     priced: bool | None = Query(default=None, description=_PRICED_DESC),
     tool: ToolFilter | None = Query(default=None, description=_TOOL_DESC),
     counts_toward_budget: bool | None = Query(default=None, description=_COUNTS_DESC),
@@ -1429,15 +1460,19 @@ async def usage_summary_csv(
     db: Annotated[AsyncSession, Depends(get_db)],
     start_date: datetime | None = Query(default=None, description=_START_DESC),
     end_date: datetime | None = Query(default=None, description=_END_DESC),
-    user_id: str | None = Query(default=None, description=_USER_DESC),
+    user_id: Annotated[
+        list[str] | None, Query(max_length=MAX_FILTER_VALUES, description=_USER_MULTI_DESC)
+    ] = None,
     status: str | None = Query(default=None, description=_STATUS_DESC),
     status_code: int | None = Query(default=None, description=_STATUS_CODE_DESC),
-    model: str | None = Query(default=None, description=_MODEL_DESC),
+    model: Annotated[list[str] | None, Query(max_length=MAX_FILTER_VALUES, description=_MODEL_MULTI_DESC)] = None,
     endpoint: str | None = Query(default=None, description=_ENDPOINT_DESC),
     provider: str | None = Query(default=None, description=_PROVIDER_DESC),
     source: str | None = Query(default=None, description=_SOURCE_DESC),
     source_label: str | None = Query(default=None, description=_SOURCE_LABEL_DESC),
-    api_key_id: str | None = Query(default=None, description=_API_KEY_DESC),
+    api_key_id: Annotated[
+        list[str] | None, Query(max_length=MAX_FILTER_VALUES, description=_API_KEY_MULTI_DESC)
+    ] = None,
     priced: bool | None = Query(default=None, description=_PRICED_DESC),
     tool: ToolFilter | None = Query(default=None, description=_TOOL_DESC),
     counts_toward_budget: bool | None = Query(default=None, description=_COUNTS_DESC),
diff --git a/src/gateway/core/sql.py b/src/gateway/core/sql.py
new file mode 100644
index 000000000..9e09fee9d
--- /dev/null
+++ b/src/gateway/core/sql.py
@@ -0,0 +1,36 @@
+"""Small SQLAlchemy expression helpers shared across layers.
+
+Lives in ``core`` so both the API routes (read filters) and the services (bulk
+mutation selections) can build the same condition from the same code: the two must
+agree exactly, because a bulk delete re-derives its target set server-side from the
+filters the operator was shown.
+"""
+
+from typing import Any, cast
+
+from sqlalchemy import ColumnElement
+
+# How many values one repeatable entity filter (model / user / API key) may carry.
+# Far above what a chart can distinguish (a stacked series folds past eight groups),
+# so it never binds a real comparison; it is there to keep a caller from posting an
+# unbounded IN list. Shared by the read endpoints and the bulk-mutation selection
+# body for the same reason ``match_any`` is shared: the count an operator confirms
+# is taken over the read filters and the mutation re-derives its target set from the
+# body, so a value set one side rejects and the other accepts breaks that agreement.
+MAX_FILTER_VALUES = 50
+
+
+def match_any(column: Any, value: str | list[str]) -> ColumnElement[bool]:
+    """Match a column against one value or any of several.
+
+    A single value stays an equality test so it uses the column's index the way a
+    one-value filter always did; several become an ``IN``. An empty list would match
+    nothing, so callers skip the condition entirely rather than emitting ``IN ()``.
+    """
+    if isinstance(value, str):
+        condition = column == value
+    elif len(value) == 1:
+        condition = column == value[0]
+    else:
+        condition = column.in_(value)
+    return cast("ColumnElement[bool]", condition)
diff --git a/src/gateway/services/usage_admin_service.py b/src/gateway/services/usage_admin_service.py
index c8dedd239..d6d739fb0 100644
--- a/src/gateway/services/usage_admin_service.py
+++ b/src/gateway/services/usage_admin_service.py
@@ -19,7 +19,7 @@
 """
 
 from datetime import datetime
-from typing import Any, cast
+from typing import Annotated, Any, cast
 
 from pydantic import BaseModel, Field, model_validator
 from sqlalchemy import ColumnElement, delete, func, select
@@ -27,6 +27,7 @@
 from sqlalchemy.exc import SQLAlchemyError
 from sqlalchemy.ext.asyncio import AsyncSession
 
+from gateway.core.sql import MAX_FILTER_VALUES, match_any
 from gateway.core.usage import GatewayUsage
 from gateway.log_config import logger
 from gateway.models.entities import ModelPricing, UsageLog
@@ -41,6 +42,12 @@
 # variables in one IN() (999), mirroring the ingest path.
 _REPRICE_CHUNK = 500
 
+# A repeatable entity filter's values, bounded the way the read endpoints bound
+# theirs (see MAX_FILTER_VALUES). The bound is annotated on the list itself rather
+# than on the ``str | list[str]`` field: on the union it would also cap a single
+# value's character length, rejecting a long provider-qualified model name.
+_CappedValues = Annotated[list[str], Field(max_length=MAX_FILTER_VALUES)]
+
 
 class UsageSelection(BaseModel):
     """Which imported usage rows an operation targets.
@@ -54,9 +61,16 @@ class UsageSelection(BaseModel):
     ids: list[str] | None = Field(default=None, max_length=_MAX_IDS)
     by_filter: bool = False
     source: str | None = None
-    model: str | None = None
-    user_id: str | None = None
-    api_key_id: str | None = None
+    # The three entity filters accept several values, matching the repeatable form
+    # the read endpoints take. They have to: "all N matching" is counted from the
+    # filters the operator was shown and re-derived here, so a filter this body
+    # could not express would target more rows than the table displayed. They carry
+    # the read endpoints' ceiling for the mirror of that reason: a value set /count
+    # rejects (422) but a delete accepted would run destructively over rows no count
+    # could have been shown for.
+    model: str | _CappedValues | None = None
+    user_id: str | _CappedValues | None = None
+    api_key_id: str | _CappedValues | None = None
     status: str | None = None
     endpoint: str | None = None
     provider: str | None = None
@@ -145,12 +159,17 @@ def _selection_conditions(selection: UsageSelection) -> list[ColumnElement[bool]
         return conditions
     if selection.source is not None:
         conditions.append(UsageLog.source == selection.source)
-    if selection.model is not None:
-        conditions.append(UsageLog.model == selection.model)
-    if selection.user_id is not None:
-        conditions.append(UsageLog.user_id == selection.user_id)
-    if selection.api_key_id is not None:
-        conditions.append(UsageLog.api_key_id == selection.api_key_id)
+    # An empty list is no filter at all, the same reading the count endpoint applies.
+    # That agreement is the point: the "N matching" an operator confirms comes from
+    # /v1/usage/count over this same filter set, so a dimension the two endpoints
+    # scoped differently would delete a different number of rows than the dialog
+    # promised. (The dashboard sends the field absent, never empty.)
+    if selection.model is not None and selection.model != []:
+        conditions.append(match_any(UsageLog.model, selection.model))
+    if selection.user_id is not None and selection.user_id != []:
+        conditions.append(match_any(UsageLog.user_id, selection.user_id))
+    if selection.api_key_id is not None and selection.api_key_id != []:
+        conditions.append(match_any(UsageLog.api_key_id, selection.api_key_id))
     if selection.status is not None:
         conditions.append(UsageLog.status == selection.status)
     if selection.endpoint is not None:
diff --git a/src/gateway/static/dashboard/assets/ActivityPage-CHnjo06U.js b/src/gateway/static/dashboard/assets/ActivityPage-CHnjo06U.js
deleted file mode 100644
index 17a3ad31d..000000000
--- a/src/gateway/static/dashboard/assets/ActivityPage-CHnjo06U.js
+++ /dev/null
@@ -1 +0,0 @@
-import{j as t}from"./tanstack-query-1t81HyiD.js";import{r as x,u as At}from"./react-dgEcD0HR.js";import{f as Et,b as Ot,a as Dt,r as Ft,u as qt,c as Lt,d as Ut,e as Je,g as Pe,h as H,i as Bt,j as nt,A as pe,k as Kt,l as zt,m as Wt,P as Gt,E as Vt,C as lt,n as z,R as Yt,F as ue,o as Ie,p as it,q as Zt,Y as Ht}from"./index-BE7E0N2z.js";import{C as Xt,T as Jt}from"./charts-krq1PqQO.js";import{B as U,S as Qt}from"./heroui-COmYdDDM.js";import{u as es,r as ts,B as ss}from"./tableSelection-BJDASjEj.js";import{C as rs}from"./ConfirmDialog-DzIVWoi5.js";import{D as as}from"./DataTable-DuDxGlJc.js";import{F as os}from"./FilterChips-o0JYRTLi.js";import{T as ns,S as Qe,P as ls}from"./TablePagination-Bnlr8FbD.js";import"./recharts-C3cGlHOx.js";import"./Field-CBU9MRjz.js";function et(e,r){const o=new Date(e);return Number.isNaN(o.getTime())?e:r==="hour"?o.toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit",timeZone:"UTC"}):o.toLocaleDateString(void 0,{month:"short",day:"numeric",timeZone:"UTC"})}const is={key:"success",label:"Succeeded",color:"var(--otari-brand)"},cs={key:"errors",label:"Failed",color:"var(--otari-danger)"},ds={key:"requests",label:"Requests",color:"var(--otari-brand)"};function us({presets:e,extentKey:r,onPreset:o,onSelectRange:a,onSelectFull:i,series:d,bucket:l,windowStart:m,windowEnd:p,loading:g=!1,ariaLabel:u="Request volume over the selected window",action:N}){const b=d.map(n=>n.bucketStart),h=d.length,I=Et(m,p),C=d.some(n=>(n.errors??0)>0),w=C?[is,cs]:[ds],ae=d.map(n=>{const f=Math.min(n.errors??0,n.requests);return C?{x:n.bucketStart,success:n.requests-f,errors:f}:{x:n.bucketStart,requests:n.requests}}),X=h>0?Ot(b,m,p):{startIndex:0,endIndex:0},[F,W]=x.useState(null),_=x.useRef(F),G=n=>{_.current=n,W(n)},j=F??X,P=j.endIndex-j.startIndex+1,V=j.startIndex===0&&j.endIndex>=h-1,Y=h>0&&!V,R=(n,f)=>{if(h===0)return;const S=Math.max(0,Math.min(n,f)),O=Math.min(h-1,Math.max(n,f));if(S===0&&O===h-1){i();return}const D=Ft(b,S,O,l);D&&a(D.startIso,D.endIso)},v=e.findIndex(n=>n.key===r),y=v>=0?e[v].seconds:h*Dt(l)/1e3,q=v>=0?e[v+1]:e.find(n=>n.seconds===null||y!==null&&n.seconds>y),J=n=>{const f=Math.max(1,Math.min(h,Math.round(n))),S=(j.startIndex+j.endIndex+1)/2;let O=Math.round(S-f/2);O=Math.max(0,Math.min(h-f,O)),R(O,O+f-1)},A=()=>{if(V){q&&o(q);return}J(P*2)},B=()=>J(P/2),Q=x.useRef(null),E=x.useRef(null),Z=n=>{const f=Math.max(0,Math.min(h-P,n));return{startIndex:f,endIndex:f+P-1}},oe=n=>{const f=n.key==="ArrowRight"||n.key==="ArrowUp"?1:n.key==="ArrowLeft"||n.key==="ArrowDown"?-1:n.key==="PageUp"?P:n.key==="PageDown"?-P:n.key==="Home"?-h:n.key==="End"?h:0;if(f===0)return;n.preventDefault();const S=Z(j.startIndex+f);S.startIndex!==j.startIndex&&R(S.startIndex,S.endIndex)},ge=n=>{if(!E.current||!Q.current)return;const f=Q.current.getBoundingClientRect().width;if(f<=0)return;const S=Math.round((n.clientX-E.current.x)/f*h);G(Z(E.current.startIndex+S))},ee=n=>{n.currentTarget.hasPointerCapture(n.pointerId)&&n.currentTarget.releasePointerCapture(n.pointerId),E.current=null;const f=_.current;G(null),f&&f.startIndex!==X.startIndex&&R(f.startIndex,f.endIndex)},te=h?j.startIndex/h*100:0,ne=h?(j.endIndex+1)/h*100:100,L=Math.max(0,h-P);return t.jsxs("div",{className:"flex flex-col gap-2",children:[t.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.map(n=>t.jsx(U,{size:"sm",variant:r===n.key?"primary":"outline",onPress:()=>o(n),children:n.label},n.key)),t.jsxs("div",{className:"ml-auto flex items-center gap-3",children:[t.jsxs("span",{className:"text-xs text-[var(--otari-muted)]",children:["Showing ",I," · UTC"]}),N]})]}),t.jsxs("div",{className:"rounded-xl border border-[var(--otari-line)] bg-[var(--otari-surface)] p-2",children:[t.jsxs("div",{className:"flex items-center justify-between gap-2 px-1 pb-1",children:[t.jsxs("span",{className:"flex items-center gap-3",children:[t.jsxs("span",{className:"text-[11px] font-medium uppercase tracking-wide text-[var(--otari-muted)]",children:["Requests / ",l==="hour"?"hour":"day"]}),t.jsx(Xt,{series:w})]}),t.jsxs("div",{className:"flex items-center gap-1.5",children:[t.jsx("span",{className:"hidden text-[11px] text-[var(--otari-muted)] sm:inline",children:"drag across the chart to zoom"}),t.jsx(U,{size:"sm",variant:"ghost",isIconOnly:!0,"aria-label":"Zoom in",isDisabled:h===0,onPress:B,children:t.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-4 w-4","aria-hidden":"true",children:t.jsx("path",{d:"M12 5v14M5 12h14",strokeLinecap:"round"})})}),t.jsx(U,{size:"sm",variant:"ghost",isIconOnly:!0,"aria-label":"Zoom out",isDisabled:h===0||V&&!q,onPress:A,children:t.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-4 w-4","aria-hidden":"true",children:t.jsx("path",{d:"M5 12h14",strokeLinecap:"round"})})}),Y?t.jsx(U,{size:"sm",variant:"ghost",onPress:()=>R(0,h-1),children:"Reset"}):null]})]}),g&&h===0?t.jsx("div",{className:"flex h-[90px] items-center justify-center",children:t.jsx(Qt,{size:"sm"})}):h===0?t.jsx("div",{className:"flex h-[90px] items-center justify-center text-xs text-[var(--otari-muted)]",children:"No activity in this range."}):t.jsxs("div",{className:"flex flex-col gap-1",children:[t.jsx(Jt,{data:ae,series:w,formatValue:n=>n.toLocaleString(),formatXTick:n=>et(n,l),ariaLabel:u,height:90,onSelectRange:R,window:Y||F?j:null}),Y||F?t.jsx("div",{ref:Q,className:"relative h-2.5 w-full rounded-full bg-[var(--otari-bg)]",children:t.jsx("div",{role:"slider","aria-label":"Pan the selected window","aria-valuemin":0,"aria-valuemax":L,"aria-valuenow":Math.min(j.startIndex,L),"aria-valuetext":`Window starting at ${et(b[j.startIndex]??b[0],l)}`,tabIndex:0,className:"absolute inset-y-0 cursor-grab touch-none rounded-full bg-[var(--otari-brand)]/40 outline-none hover:bg-[var(--otari-brand)]/60 focus-visible:ring-2 focus-visible:ring-[var(--otari-brand)] active:cursor-grabbing",style:{left:`${te}%`,width:`${Math.max(2,ne-te)}%`},onKeyDown:oe,onPointerDown:n=>{n.preventDefault(),E.current={x:n.clientX,startIndex:j.startIndex},G({...j}),n.currentTarget.setPointerCapture(n.pointerId)},onPointerMove:ge,onPointerUp:ee,onPointerCancel:ee})}):null]})]})]})}function ms(e){const[r,o]=At(),a=x.useCallback(l=>r.get(l)??e[l],[r,e]),i=x.useCallback(l=>{const m=Number.parseInt(r.get(l)??"",10);if(!Number.isNaN(m))return m;const p=Number.parseInt(e[l],10);return Number.isNaN(p)?0:p},[r,e]),d=x.useCallback(l=>{o(m=>{const p=new URLSearchParams(m);for(const[g,u]of Object.entries(l)){const N=String(u);N===""||N===e[g]?p.delete(g):p.set(g,N)}return p},{replace:!0})},[o,e]);return{get:a,getNumber:i,patch:d}}const Re=new Intl.NumberFormat(void 0,{style:"currency",currency:"USD",maximumFractionDigits:4});function K(e){return e===null?"—":Re.format(e)}function $(e){return e===null?"—":e.toLocaleString()}const ps=new Intl.NumberFormat(void 0,{style:"currency",currency:"USD",maximumSignificantDigits:3});function hs(e){return e===0?Re.format(0):e<1e-4?ps.format(e):Re.format(e)}function xs(e){return[...e].sort((r,o)=>+("unit_rate"in r)-+("unit_rate"in o))}function $e(e){return e===null?"—":e<1e3?`${e} ms`:`${(e/1e3).toFixed(e<1e4?2:1)} s`}function fs(e){const r=new Date(e);return Number.isNaN(r.getTime())?e:r.toLocaleString()}function gs(e){const r=new Date(e).getTime();if(Number.isNaN(r))return e;const o=Math.max(0,Math.round((Date.now()-r)/1e3));if(o<60)return`${o}s ago`;const a=Math.round(o/60);if(a<60)return`${a}m ago`;const i=Math.round(a/60);return i<24?`${i}h ago`:`${Math.round(i/24)}d ago`}const bs=e=>e.id,vs=e=>{if(e.status==="error")return"bg-red-50";if(e.status==="absorbed")return"bg-amber-50"},tt=[{label:"All",value:""},{label:"Success",value:"success"},{label:"Error",value:"error"},{label:"Absorbed",value:"absorbed"}],st=[{label:"All",value:""},{label:"Priced",value:"true"},{label:"Unpriced",value:"false"}],rt=[{label:"All",value:""},{label:"Any tool",value:"any"},{label:"Web search",value:"web_search"},{label:"Code execution",value:"code_execution"}],_s=["tool"],ks=50,js=["model","source"],ys=["source"],ws={range:pe,start_date:"",end_date:"",status:"",model:"",user_id:"",api_key_id:"",priced:"",source:"",source_label:"",endpoint:"",provider:"",tool:"",page:"0",size:String(ks)};function me(e,r,o){if(r||o)return{start:r||void 0,end:o||void 0};if(e===lt)return{};const a=H(z,e)??H(z,pe),i=(a==null?void 0:a.seconds)??null;return{start:i==null?void 0:it(i),end:void 0}}function Me(e){const r=me(e,"","");if(r.start)return r;const o=H(z,e);return(o==null?void 0:o.seconds)==null?{start:it(Ht)}:r}function Ss({status:e}){const r=e==="error"?"border-red-200 bg-red-50 text-red-700":e==="absorbed"?"border-amber-200 bg-amber-50 text-amber-700":"border-[var(--otari-line)] bg-[var(--otari-brand-tint)] text-[var(--otari-brand-dark)]";return t.jsx("span",{className:`inline-flex items-center rounded-full border px-2 py-0.5 text-xs font-medium ${r}`,children:e})}const Ns={gateway:"Gateway",claude_code:"Claude Code",codex:"Codex"};function Te(e){return Ns[e]??e}function he(e){return typeof e=="number"&&Number.isFinite(e)&&e>0?e:0}function ct(e){const r=e.billing_meters??null,o=(g,u)=>r&&typeof r[g]=="number"?he(r[g]):he(u),a=o("total_input_tokens",e.prompt_tokens),i=o("cache_read_tokens",e.cache_read_tokens),d=o("cache_write_tokens",e.cache_write_tokens),l=o("completion_tokens",e.completion_tokens),m=Math.max(0,a-i-d),p=m+i+d+l;return p>0?{fresh:m,cacheRead:i,cacheWrite:d,output:l,total:p}:null}function xe(e){var o;const r=(o=e.billing_meters)==null?void 0:o.tools;return!r||typeof r!="object"?[]:Object.entries(r).flatMap(([a,i])=>{if(!i||typeof i!="object")return[];const d=i,l=he(d.billed),m=he(d.errors);if(!l&&!m)return[];const p=d.unit_rate;return[{tool:a,billed:l,errors:m,unitRate:typeof p=="number"?p:null}]}).sort((a,i)=>i.billed-a.billed||a.tool.localeCompare(i.tool))}function dt(e){const r=e.tool.replaceAll("_"," "),o=e.billed?[`${r} ×${e.billed}`]:[r];return e.errors&&o.push(`${e.errors} failed`),o.join(", ")}function at(e){const r=xe(e).filter(o=>o.unitRate!==null);return r.length?r.reduce((o,a)=>o+a.billed*(a.unitRate??0),0):null}const Cs=[{key:"fresh",label:"Fresh input",fill:"var(--otari-ink)"},{key:"cacheRead",label:"Cache read",fill:"var(--otari-brand)"},{key:"cacheWrite",label:"Cache write",fill:"var(--otari-brand-soft)"},{key:"output",label:"Output",fill:"var(--otari-brand-dark)"}];function Ps({entry:e}){const r=ct(e);if(r===null)return t.jsx("span",{className:"tabular-nums",children:$(e.total_tokens)});const o=Cs.map(l=>({...l,value:r[l.key]})),a=o.filter(l=>l.value>0).map(l=>`${l.label} ${l.value.toLocaleString()}`).join(", ");let i=0;const d=o.map(l=>{const m=l.value/r.total*100,p={...l,x:i,width:m};return i+=m,p});return t.jsxs("span",{className:"inline-flex flex-col items-end gap-1",title:a,children:[t.jsx("span",{className:"tabular-nums",children:r.total.toLocaleString()}),t.jsx("svg",{viewBox:"0 0 100 4",preserveAspectRatio:"none",role:"img","aria-label":`Token composition: ${a}`,className:"h-1.5 w-20 overflow-hidden rounded-full bg-[var(--otari-brand-tint)]",children:d.filter(l=>l.width>0).map(l=>t.jsx("rect",{x:l.x,y:0,width:l.width,height:4,fill:l.fill},l.key))})]})}function ut(e){if(!e)return null;if(e==="static")return"the policy's only target";if(e==="default")return"the policy's default target";if(e==="on_failure")return"a fallback candidate";if(e.startsWith("condition:")){const r=e.slice(10).split(",").filter(Boolean).join(", ");return r?`matched on ${r}`:"matched a condition"}if(e.startsWith("router:")){const r=e.slice(7);return r?`chosen by router ${r}`:"chosen by a router"}return e.replaceAll("_"," ")}function ot(e){const r=new Map;for(const o of e)!o.request_group_id||o.status==="absorbed"||r.set(o.request_group_id,{servedBy:o.status==="success"?fe(o):null,servedPosition:o.status==="success"?o.attempt_position??null:null});return r}function Is(e,r){const o=ut(e.selection_reason),a=e.attempt_position,i=e.attempt_count;if(a==null||i==null||i<=1)return o;const d=`attempt ${a} of ${i}`;return e.status==="absorbed"?r!=null&&r.servedBy?`${d} failed, served by ${r.servedBy}`:r?`${d} failed, and the request ended in an error`:`${d} failed, fell back`:e.status==="error"?a<i?`${d} failed, no further candidate tried`:`${d} failed, plan exhausted`:o?`served on ${d} (${o})`:`served on ${d}`}function Ms({entry:e,outcome:r}){if(e.policy_name==null)return null;const o=Is(e,r);return t.jsxs("span",{className:"flex flex-col leading-tight",children:[t.jsx("span",{className:"text-[var(--otari-ink)]",children:e.policy_name}),o?t.jsx("span",{className:"text-xs break-words text-[var(--otari-muted)]",children:o}):null]})}function Rs(e){return e.status==="absorbed"?e.status_code===null?"failed, fell back":`failed ${e.status_code}, fell back`:e.status==="error"?e.status_code===null?"failed":`failed ${e.status_code}`:"served the request"}function Ts(e){return[...e].sort((r,o)=>(r.attempt_position??0)-(o.attempt_position??0)||r.timestamp.localeCompare(o.timestamp))}function $s({entry:e}){const r=e.request_group_id,a=nt(r?[r]:[]),i=r?(a.data??[]).filter(u=>u.request_group_id===r):[],d=Ts(i.length?i:[e]),l=i.length>0,m=d.find(u=>u.status==="success"),p=e.attempt_count??d.length,g=l?m?`Served by attempt ${m.attempt_position??"?"} of ${p}: ${fe(m)}`:d.some(u=>u.status==="error")?"No candidate served this request.":"This request has no outcome row yet.":a.isError?"Could not load this request's other attempts.":e.request_group_id?"Loading the rest of this request's attempts…":"This row carries no request group, so its other attempts cannot be found.";return t.jsxs("div",{className:"flex flex-col gap-2",children:[t.jsxs("span",{className:"text-[11px] font-medium uppercase tracking-wide text-[var(--otari-muted)]",children:["Routing plan · ",e.policy_name]}),t.jsx("span",{className:"text-sm text-[var(--otari-ink)]",children:g}),t.jsx("div",{className:"overflow-x-auto rounded-lg border border-[var(--otari-line)]",children:t.jsxs("table",{className:"w-full text-xs","aria-label":`Routing plan for policy ${e.policy_name}`,children:[t.jsx("thead",{className:"text-[var(--otari-muted)]",children:t.jsxs("tr",{className:"border-b border-[var(--otari-line)]",children:[t.jsx("th",{scope:"col",className:"px-3 py-2 text-left font-medium",children:"#"}),t.jsx("th",{scope:"col",className:"px-3 py-2 text-left font-medium",children:"Target"}),t.jsx("th",{scope:"col",className:"px-3 py-2 text-left font-medium",children:"Selected as"}),t.jsx("th",{scope:"col",className:"px-3 py-2 text-left font-medium",children:"Outcome"}),t.jsx("th",{scope:"col",className:"px-3 py-2 text-right font-medium",children:"Total time"}),t.jsx("th",{scope:"col",className:"px-3 py-2 text-right font-medium",children:"Cost"})]})}),t.jsx("tbody",{children:d.map(u=>t.jsxs("tr",{className:`border-t border-[var(--otari-line)] first:border-t-0 ${u.status==="success"?"bg-[var(--otari-brand-tint)]":""}`,children:[t.jsx("td",{className:"px-3 py-2 tabular-nums",children:u.attempt_position??"?"}),t.jsxs("td",{className:"px-3 py-2 break-all text-[var(--otari-ink)]",children:[fe(u),u.id===e.id?t.jsx("span",{className:"ml-2 rounded-full border border-[var(--otari-line)] px-1.5 py-0.5 text-[10px] text-[var(--otari-muted)]",children:"this row"}):null]}),t.jsx("td",{className:"px-3 py-2",children:ut(u.selection_reason)??"—"}),t.jsx("td",{className:`px-3 py-2 ${u.status==="success"?"":"text-amber-700"}`,children:Rs(u)}),t.jsx("td",{className:"px-3 py-2 text-right tabular-nums",children:$e(u.latency_ms)}),t.jsx("td",{className:"px-3 py-2 text-right tabular-nums",children:K(u.cost)})]},u.id))})]})}),t.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Cost and tool charges settle on the attempt that served, so a failed attempt carries its tokens and no charge."})]})}function k({label:e,copyValue:r,copyLabel:o,children:a}){return t.jsxs("div",{className:"flex flex-col gap-0.5",children:[t.jsx("span",{className:"text-[11px] font-medium uppercase tracking-wide text-[var(--otari-muted)]",children:e}),r?t.jsx(Zt,{value:r,label:o??e.toLowerCase(),className:"text-sm text-[var(--otari-ink)] break-all",children:a}):t.jsx("span",{className:"text-sm text-[var(--otari-ink)] break-all",children:a})]})}function fe(e){return e.provider?e.model.startsWith(`${e.provider}:`)?e.model:`${e.provider}:${e.model}`:e.model}function As({entry:e,onPriceModel:r}){var i,d;const o=e.cost===null,a=fe(e);return t.jsxs("div",{className:"flex flex-col gap-4 px-4 py-4",children:[e.error_message?t.jsxs("div",{className:"flex flex-col gap-1.5",children:[t.jsxs("span",{className:"text-[11px] font-medium uppercase tracking-wide text-[var(--otari-muted)]",children:["Error",e.status_code!==null?` (${e.status_code})`:""]}),t.jsx("pre",{className:"max-h-48 overflow-auto rounded-lg border border-red-200 bg-red-50 p-3 text-xs whitespace-pre-wrap break-all text-red-700",children:e.error_message})]}):null,e.policy_name!==null&&e.policy_name!==void 0?t.jsx($s,{entry:e}):null,t.jsxs("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-4",children:[t.jsx(k,{label:"Provider",children:e.provider??"—"}),t.jsx(k,{label:"Endpoint",children:e.endpoint}),t.jsx(k,{label:"Source",children:Te(e.source)}),e.source_label?t.jsx(k,{label:"Session",children:e.source_label}):null,t.jsx(k,{label:"User",copyValue:e.user_id,copyLabel:"user id",children:e.user_id??"—"}),t.jsx(k,{label:"API key",copyValue:e.api_key_id,copyLabel:"api key id",children:e.api_key_id??"—"}),t.jsx(k,{label:"Prompt tokens",children:$(e.prompt_tokens)}),t.jsx(k,{label:"Completion tokens",children:$(e.completion_tokens)}),t.jsx(k,{label:"Total tokens",children:$(e.total_tokens)}),t.jsx(k,{label:"Billed tokens",children:t.jsx("span",{title:"Fresh input, cache reads and writes, and output: the tokens this request was priced on, and the total the activity row's bar splits.",children:$(((i=ct(e))==null?void 0:i.total)??null)})}),t.jsx(k,{label:"Cost",children:K(e.cost)}),xe(e).length?t.jsxs(t.Fragment,{children:[t.jsx(k,{label:"Tools",children:xe(e).map(dt).join(" · ")}),t.jsx(k,{label:"Tool cost",children:at(e)===null?t.jsx("span",{className:"text-[var(--otari-warning-ink,var(--otari-muted))]",title:"No per-request price is configured for this tool, so its calls were recorded at zero cost. Set one on the Tools & Guardrails screen.",children:"unpriced"}):K(at(e))})]}):null,t.jsx(k,{label:"Cache read tokens",children:$(e.cache_read_tokens)}),t.jsx(k,{label:"Cache write tokens",children:$(e.cache_write_tokens)}),t.jsx(k,{label:"1h cache writes",children:$(e.cache_write_1h_tokens??null)}),t.jsx(k,{label:"Total time",children:$e(e.latency_ms)}),t.jsx(k,{label:"Request ID",copyValue:e.id,children:e.id})]}),o?t.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[t.jsx(U,{size:"sm",variant:"outline",onPress:()=>r(a),children:"Price this model"}),t.jsxs("span",{className:"text-xs text-[var(--otari-muted)]",children:["This request carries no cost. Set a price for ",t.jsx("code",{className:"break-all",children:a})," so later requests are metered and count against budgets. Rows already logged keep the cost they were served with."]})]}):null,(d=e.pricing_breakdown)!=null&&d.length?t.jsxs("div",{className:"flex flex-col gap-2",children:[t.jsx("span",{className:"text-[11px] font-medium uppercase tracking-wide text-[var(--otari-muted)]",children:"Billed meters"}),t.jsx("div",{className:"grid gap-2 sm:grid-cols-2 lg:grid-cols-3",children:xs(e.pricing_breakdown).map(l=>t.jsx(k,{label:l.meter.replaceAll("_"," "),children:"unit_rate"in l?`${$(l.units)} at ${hs(l.unit_rate)} each, ${K(l.cost)}`:`${$(l.units)} at ${K(l.rate_per_million)} / 1M, ${K(l.cost)}`},l.meter))})]}):null]})}function Zs(){var Be,Ke,ze,We,Ge,Ve,Ye,Ze;const e=qt(),r=Lt(),o=x.useMemo(()=>{const s=new Map;for(const c of r.data??[])s.set(c.id,c.key_name??`${c.id.slice(0,8)}…`);return s},[r.data]),a=ms(ws),i=a.get("range"),d=a.get("start_date"),l=a.get("end_date"),m=a.get("status"),p=a.get("model"),g=a.get("user_id"),u=a.get("api_key_id"),N=a.get("priced"),b=a.get("source"),h=a.get("source_label"),I=a.get("endpoint"),C=a.get("provider"),w=a.get("tool"),ae=Math.max(0,a.getNumber("page")),X=a.getNumber("size"),F=ls.reduce((s,c)=>Math.abs(c-X)<Math.abs(s-X)?c:s),W=`${i}|${d}|${l}`,[_,G]=x.useState(()=>me(i,d,l)),j=x.useRef(W);x.useEffect(()=>{j.current!==W&&(j.current=W,G(me(i,d,l)))},[W,i,d,l]);const[P,V]=x.useState(()=>Me(i)),Y=x.useRef(i);x.useEffect(()=>{Y.current!==i&&(Y.current=i,V(Me(i)))},[i]);const R=N==="true"?!0:N==="false"?!1:void 0,v=x.useMemo(()=>({start_date:_.start,end_date:_.end,status:m||void 0,model:p.trim()||void 0,user_id:g||void 0,api_key_id:u||void 0,source:b||void 0,source_label:h||void 0,endpoint:I||void 0,provider:C||void 0,tool:w||void 0,priced:R}),[_,w,m,p,g,u,b,h,I,C,R]),y=es(),q=JSON.stringify(v),J=x.useRef(q);x.useEffect(()=>{J.current!==q&&(J.current=q,a.patch({page:0}),y.clear())},[q,a,y]);const A=Ut(v,ae,F),B=Je(v),Q=x.useMemo(()=>({start_date:_.start,end_date:_.end,status:m||void 0,user_id:g||void 0,api_key_id:u||void 0,source:b||void 0,source_label:h||void 0,endpoint:I||void 0,provider:C||void 0,tool:w||void 0}),[_,m,g,u,b,h,I,C,w]),E=Pe(Q,"day",js),Z=((Ke=(Be=E.data)==null?void 0:Be.by_model)==null?void 0:Ke.filter(s=>!s.is_other&&s.key!==null).map(s=>s.key))??[],oe=(r.data??[]).map(s=>({value:s.id,label:s.key_name??`${s.id.slice(0,8)}…`})),ge=x.useMemo(()=>({start_date:_.start,end_date:_.end,status:m||void 0,model:p.trim()||void 0,user_id:g||void 0,api_key_id:u||void 0}),[_,m,p,g,u]),ee=Pe(ge,"day",ys,!!b),te=(ze=b?ee.data:E.data)==null?void 0:ze.by_source,ne=x.useMemo(()=>{const s=(te??[]).filter(c=>!c.is_other&&c.key!==null).map(c=>c.key);return b&&!s.includes(b)?[b,...s]:s},[te,b]),L=H(z,i)??H(z,pe),n=!!(_.start&&P.start&&new Date(_.start).getTime()<new Date(P.start).getTime()),f=n?lt:i,S=n?Bt(_.start,_.end):(L==null?void 0:L.bucket)??"day",O=x.useMemo(()=>({start_date:n?_.start:P.start,end_date:n?_.end:void 0,status:m||void 0,model:p.trim()||void 0,user_id:g||void 0,api_key_id:u||void 0,source:b||void 0,source_label:h||void 0,endpoint:I||void 0,provider:C||void 0,tool:w||void 0,priced:R}),[n,w,_,P,m,p,g,u,b,h,I,C,R]),D=Pe(O,S,_s),mt=(((We=D.data)==null?void 0:We.series)??[]).map(s=>({bucketStart:s.bucket_start,requests:s.requests,errors:s.errors??0})),T=A.data??[],{pageOutcomes:be,unresolvedGroupIds:pt}=x.useMemo(()=>{const s=ot(T),c=new Set;for(const M of T)M.status==="absorbed"&&M.request_group_id&&!s.has(M.request_group_id)&&c.add(M.request_group_id);return{pageOutcomes:s,unresolvedGroupIds:[...c]}},[T]),ve=nt(pt),Ae=x.useMemo(()=>{var s;return(s=ve.data)!=null&&s.length?new Map([...be,...ot(ve.data)]):be},[be,ve.data]),ht=B.isSuccess&&!B.isPlaceholderData?((Ge=B.data)==null?void 0:Ge.total)??0:null,_e=H(z,i),xt=!!(d||l)||i!==pe&&(_e==null?void 0:_e.seconds)!=null,ft=!!(m||p.trim()||g||u||N||b||h||I||C||w||xt),se=(s,c)=>{var M;return((M=s.find(de=>de.value===c))==null?void 0:M.label)??c},Ee=(e.data??[]).map(s=>({value:s.user_id,label:s.alias?`${s.alias} (${s.user_id})`:s.user_id})),gt=()=>a.patch({status:"",priced:"",model:"",user_id:"",api_key_id:"",source:"",source_label:"",endpoint:"",provider:"",tool:""}),bt=[...m?[{key:"status",label:"Status",value:se(tt,m),onClear:()=>a.patch({status:""})}]:[],...N?[{key:"priced",label:"Priced",value:se(st,N),onClear:()=>a.patch({priced:""})}]:[],...g?[{key:"user",label:"User",value:se(Ee,g),onClear:()=>a.patch({user_id:""})}]:[],...p.trim()?[{key:"model",label:"Model",value:p.trim(),onClear:()=>a.patch({model:""})}]:[],...u?[{key:"key",label:"API key",value:se(oe,u),onClear:()=>a.patch({api_key_id:""})}]:[],...b?[{key:"source",label:"Source",value:Te(b),onClear:()=>a.patch({source:""})}]:[],...h?[{key:"session",label:"Session",value:h,onClear:()=>a.patch({source_label:""})}]:[],...I?[{key:"endpoint",label:"Endpoint",value:I,onClear:()=>a.patch({endpoint:""})}]:[],...C?[{key:"provider",label:"Provider",value:C,onClear:()=>a.patch({provider:""})}]:[],...w?[{key:"tool",label:"Tool",value:se(rt,w),onClear:()=>a.patch({tool:""})}]:[]],le=x.useMemo(()=>T.filter(s=>!s.counts_toward_budget).map(s=>s.id),[T]),vt=x.useMemo(()=>T.filter(s=>s.counts_toward_budget).map(s=>s.id),[T]),Oe=ts(y.selectedKeys,le),re=Oe.length,De=y.allMatching||re>0,_t=x.useMemo(()=>({...v,counts_toward_budget:!1}),[v]),Fe=Je(_t,De),ie=Fe.isSuccess?((Ve=Fe.data)==null?void 0:Ve.total)??null:null,kt=le.length>0&&re===le.length&&ie!=null&&ie>re,ce=y.allMatching?ie??re:re,jt=le.length>0||y.allMatching,ke=Kt(),je=zt(),ye=Wt(),[yt,we]=x.useState(!1),[wt,Se]=x.useState(!1),[Ne,Ce]=x.useState(null),[St,qe]=x.useState(null),Nt=x.useCallback(s=>t.jsxs("div",{children:[t.jsxs("div",{className:"flex items-center justify-between border-b border-[var(--otari-line)] px-4 py-2",children:[t.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Request detail"}),t.jsx(U,{size:"sm",variant:"ghost",onPress:()=>qe(null),children:"Close"})]}),t.jsx(As,{entry:s,onPriceModel:Ce})]}),[]),Le=()=>y.allMatching?{by_filter:!0,model:v.model,user_id:v.user_id,api_key_id:v.api_key_id,status:v.status,source:v.source,source_label:v.source_label,endpoint:v.endpoint,provider:v.provider,tool:v.tool,start_date:v.start_date,end_date:v.end_date,priced:v.priced}:{ids:Oe},Ct=()=>{ke.mutate(Le(),{onSuccess:()=>{we(!1),y.clear()}})},Pt=(s,c)=>{ye.mutate({model_key:c,input_price_per_million:s.input_price_per_million,output_price_per_million:s.output_price_per_million,cache_read_price_per_million:s.cache_read_price_per_million??null,cache_write_price_per_million:s.cache_write_price_per_million??null},{onSuccess:()=>Ce(null)})},It=s=>{je.mutate({...Le(),...s},{onSuccess:()=>{Se(!1),y.clear()}})},Mt=()=>{A.refetch(),B.refetch(),D.refetch(),E.refetch(),b&&ee.refetch()},Ue=s=>{if(s.key===i&&!d&&!l){G(me(s.key,"","")),V(Me(s.key));return}a.patch({range:s.key,start_date:"",end_date:""})},Rt=(s,c)=>a.patch({start_date:s,end_date:c}),Tt=x.useMemo(()=>{const s=c=>c===null?"—":o.get(c)??`${c.slice(0,8)}…`;return[{id:"time",header:"Time",cell:c=>t.jsx("span",{title:fs(c.timestamp),className:"text-[var(--otari-muted)]",children:gs(c.timestamp)})},{id:"user",header:"User",cell:c=>c.user_id??"—"},{id:"model",header:"Model",isRowHeader:!0,cell:c=>{const M=xe(c);if(!M.length)return c.model;const de=M.reduce(($t,Xe)=>$t+Xe.billed+Xe.errors,0),He=M.map(dt).join(" · ");return t.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[c.model,t.jsxs("span",{className:"inline-flex items-center rounded-full border border-[var(--otari-line)] bg-[var(--otari-brand-tint)] px-1.5 py-0.5 text-[11px] font-medium text-[var(--otari-brand-dark)]",title:He,"aria-label":`Gateway tools: ${He}`,children:[de," ",de===1?"tool":"tools"]})]})}},{id:"routing",header:"Routing",cell:c=>t.jsx(Ms,{entry:c,outcome:Ae.get(c.request_group_id??"")??null})},{id:"api_key",header:"API key",cell:c=>t.jsx("span",{className:"text-[var(--otari-muted)]",children:s(c.api_key_id)})},{id:"tokens",header:"Tokens",align:"end",cell:c=>t.jsx(Ps,{entry:c})},{id:"cost",header:"Cost",align:"end",cell:c=>K(c.cost)},{id:"latency",header:"Total time",align:"end",cell:c=>$e(c.latency_ms)},{id:"status",header:"Status",cell:c=>t.jsx(Ss,{status:c.status})}]},[o,Ae]);return t.jsxs("div",{className:"flex flex-col gap-6",children:[t.jsx(Gt,{title:"Activity",description:"A per-request log of what the gateway served: tokens, cost, latency, and failures. No request or response content is stored."}),t.jsx(Vt,{error:A.error??B.error??D.error}),t.jsxs("div",{className:"flex flex-col gap-3",children:[t.jsx(us,{presets:z,extentKey:f,onPreset:Ue,onSelectRange:Rt,onSelectFull:()=>L?Ue(L):void 0,series:mt,bucket:S,windowStart:_.start,windowEnd:_.end,loading:D.isLoading,ariaLabel:"Activity request volume over the selected window",action:t.jsx(Yt,{onRefresh:Mt,isFetching:A.isFetching,updatedAt:A.dataUpdatedAt})}),t.jsxs(os,{chips:bt,onClearAll:gt,children:[t.jsx(ue,{id:"filter-status",label:"Status",value:m,onChange:s=>a.patch({status:s}),children:tt.map(s=>t.jsx("option",{value:s.value,children:s.label},s.value))}),t.jsx(ue,{id:"filter-priced",label:"Priced?",value:N,onChange:s=>a.patch({priced:s}),children:st.map(s=>t.jsx("option",{value:s.value,children:s.label},s.value))}),w||(Ze=(Ye=D.data)==null?void 0:Ye.by_tool)!=null&&Ze.length?t.jsx(ue,{id:"filter-tool",label:"Tool",value:w,onChange:s=>a.patch({tool:s}),children:rt.map(s=>t.jsx("option",{value:s.value,children:s.label},s.value))}):null,ne.length>1||b?t.jsxs(ue,{id:"filter-source",label:"Source",value:b,onChange:s=>a.patch({source:s}),children:[t.jsx("option",{value:"",children:"All"}),ne.map(s=>t.jsx("option",{value:s,children:Te(s)},s))]}):null,t.jsx(Ie,{label:"API key",value:u,onChange:s=>a.patch({api_key_id:s}),placeholder:"All keys",options:oe}),t.jsx(Ie,{label:"User",value:g,onChange:s=>a.patch({user_id:s}),placeholder:"All users",options:Ee}),t.jsx(Ie,{label:"Model",value:p,onChange:s=>a.patch({model:s}),allowsCustom:!0,placeholder:"Any model",options:(p&&!Z.includes(p)?[p,...Z]:Z).map(s=>({value:s,label:s}))})]})]}),De?t.jsxs(ss,{selectedCount:ce,allMatching:y.allMatching,matchingTotal:ie,canSelectAllMatching:kt,onSelectAllMatching:y.enableAllMatching,onClear:y.clear,children:[t.jsx(U,{size:"sm",variant:"primary",onPress:()=>Se(!0),children:"Set price"}),t.jsx(U,{size:"sm",variant:"danger",onPress:()=>we(!0),children:"Delete"})]}):null,t.jsx(as,{ariaLabel:"Activity log",columns:Tt,rows:T,getRowKey:bs,isLoading:A.isLoading,emptyContent:ft?"No requests match these filters.":"No requests recorded yet.",selectionMode:jt?"multiple":"none",selectedKeys:y.selectedKeys,onSelectionChange:y.onSelectionChange,disabledKeys:vt,onRowAction:s=>qe(c=>c===s?null:s),rowClassName:vs,detailKey:St,renderDetail:Nt}),t.jsx(ns,{page:ae,pageSize:F,total:ht,rowsOnPage:T.length,onPageChange:s=>a.patch({page:s}),onPageSizeChange:s=>a.patch({size:s,page:0}),isFetching:A.isFetching,hasNextFallback:T.length===F}),t.jsx(rs,{isOpen:yt,onOpenChange:we,heading:"Delete usage rows",body:`Delete ${ce.toLocaleString()} imported ${ce===1?"row":"rows"}? Only imported rows are removed, and this cannot be undone.`,confirmLabel:"Delete",isPending:ke.isPending,error:ke.error,onConfirm:Ct}),t.jsx(Qe,{isOpen:wt,onOpenChange:Se,targetCount:ce,isPending:je.isPending,error:je.error,onSubmit:It}),t.jsx(Qe,{isOpen:Ne!==null,onOpenChange:s=>Ce(s?Ne??"":null),isPending:ye.isPending,error:ye.error,onSubmit:Pt,collectModelKey:!0,initialModelKey:Ne??"",title:"Price this model",description:()=>"Set what this model costs, taken from the request you were looking at. Requests from now on are costed at these rates and counted against budgets; rows already logged keep the cost they were served with."})]})}export{Zs as ActivityPage};
diff --git a/src/gateway/static/dashboard/assets/ActivityPage-m0y8T4IF.js b/src/gateway/static/dashboard/assets/ActivityPage-m0y8T4IF.js
new file mode 100644
index 000000000..bcedda0f2
--- /dev/null
+++ b/src/gateway/static/dashboard/assets/ActivityPage-m0y8T4IF.js
@@ -0,0 +1 @@
+import{j as t}from"./tanstack-query-1t81HyiD.js";import{r as x,u as Et}from"./react-dgEcD0HR.js";import{f as Ot,b as Dt,a as Ft,r as qt,u as Lt,c as Ut,d as Bt,e as et,g as Ae,h as X,i as Kt,j as it,A as fe,k as zt,l as Wt,m as Gt,P as Vt,E as Yt,C as ct,n as W,R as Zt,F as he,o as $e,p as dt,q as Ht,Y as Xt}from"./index-DnXjp6g_.js";import{C as Jt,T as Qt}from"./charts-krq1PqQO.js";import{B as U,S as es}from"./heroui-COmYdDDM.js";import{u as ts,r as ss,B as rs}from"./tableSelection-BJDASjEj.js";import{C as as}from"./ConfirmDialog-BqztIUQ8.js";import{D as os}from"./DataTable-DuDxGlJc.js";import{F as ns}from"./FilterChips-DTdIceb1.js";import{T as ls,S as tt,P as is}from"./TablePagination-CodBBmt3.js";import"./recharts-C3cGlHOx.js";import"./Field-CBU9MRjz.js";function st(e,r){const o=new Date(e);return Number.isNaN(o.getTime())?e:r==="hour"?o.toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit",timeZone:"UTC"}):o.toLocaleDateString(void 0,{month:"short",day:"numeric",timeZone:"UTC"})}const cs={key:"success",label:"Succeeded",color:"var(--otari-brand)"},ds={key:"errors",label:"Failed",color:"var(--otari-danger)"},us={key:"requests",label:"Requests",color:"var(--otari-brand)"};function ms({presets:e,extentKey:r,onPreset:o,onSelectRange:a,onSelectFull:l,series:m,bucket:c,windowStart:u,windowEnd:h,loading:f=!1,ariaLabel:d="Request volume over the selected window",action:C}){const g=m.map(n=>n.bucketStart),p=m.length,M=Ot(u,h),P=m.some(n=>(n.errors??0)>0),w=P?[cs,ds]:[us],ne=m.map(n=>{const b=Math.min(n.errors??0,n.requests);return P?{x:n.bucketStart,success:n.requests-b,errors:b}:{x:n.bucketStart,requests:n.requests}}),J=p>0?Dt(g,u,h):{startIndex:0,endIndex:0},[F,G]=x.useState(null),_=x.useRef(F),V=n=>{_.current=n,G(n)},k=F??J,I=k.endIndex-k.startIndex+1,Y=k.startIndex===0&&k.endIndex>=p-1,Z=p>0&&!Y,R=(n,b)=>{if(p===0)return;const S=Math.max(0,Math.min(n,b)),O=Math.min(p-1,Math.max(n,b));if(S===0&&O===p-1){l();return}const D=qt(g,S,O,c);D&&a(D.startIso,D.endIso)},v=e.findIndex(n=>n.key===r),y=v>=0?e[v].seconds:p*Ft(c)/1e3,q=v>=0?e[v+1]:e.find(n=>n.seconds===null||y!==null&&n.seconds>y),Q=n=>{const b=Math.max(1,Math.min(p,Math.round(n))),S=(k.startIndex+k.endIndex+1)/2;let O=Math.round(S-b/2);O=Math.max(0,Math.min(p-b,O)),R(O,O+b-1)},T=()=>{if(Y){q&&o(q);return}Q(I*2)},B=()=>Q(I/2),ee=x.useRef(null),E=x.useRef(null),le=n=>{const b=Math.max(0,Math.min(p-I,n));return{startIndex:b,endIndex:b+I-1}},ie=n=>{const b=n.key==="ArrowRight"||n.key==="ArrowUp"?1:n.key==="ArrowLeft"||n.key==="ArrowDown"?-1:n.key==="PageUp"?I:n.key==="PageDown"?-I:n.key==="Home"?-p:n.key==="End"?p:0;if(b===0)return;n.preventDefault();const S=le(k.startIndex+b);S.startIndex!==k.startIndex&&R(S.startIndex,S.endIndex)},_e=n=>{if(!E.current||!ee.current)return;const b=ee.current.getBoundingClientRect().width;if(b<=0)return;const S=Math.round((n.clientX-E.current.x)/b*p);V(le(E.current.startIndex+S))},te=n=>{n.currentTarget.hasPointerCapture(n.pointerId)&&n.currentTarget.releasePointerCapture(n.pointerId),E.current=null;const b=_.current;V(null),b&&b.startIndex!==J.startIndex&&R(b.startIndex,b.endIndex)},se=p?k.startIndex/p*100:0,ce=p?(k.endIndex+1)/p*100:100,L=Math.max(0,p-I);return t.jsxs("div",{className:"flex flex-col gap-2",children:[t.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.map(n=>t.jsx(U,{size:"sm",variant:r===n.key?"primary":"outline",onPress:()=>o(n),children:n.label},n.key)),t.jsxs("div",{className:"ml-auto flex items-center gap-3",children:[t.jsxs("span",{className:"text-xs text-[var(--otari-muted)]",children:["Showing ",M," · UTC"]}),C]})]}),t.jsxs("div",{className:"rounded-xl border border-[var(--otari-line)] bg-[var(--otari-surface)] p-2",children:[t.jsxs("div",{className:"flex items-center justify-between gap-2 px-1 pb-1",children:[t.jsxs("span",{className:"flex items-center gap-3",children:[t.jsxs("span",{className:"text-[11px] font-medium uppercase tracking-wide text-[var(--otari-muted)]",children:["Requests / ",c==="hour"?"hour":"day"]}),t.jsx(Jt,{series:w})]}),t.jsxs("div",{className:"flex items-center gap-1.5",children:[t.jsx("span",{className:"hidden text-[11px] text-[var(--otari-muted)] sm:inline",children:"drag across the chart to zoom"}),t.jsx(U,{size:"sm",variant:"ghost",isIconOnly:!0,"aria-label":"Zoom in",isDisabled:p===0,onPress:B,children:t.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-4 w-4","aria-hidden":"true",children:t.jsx("path",{d:"M12 5v14M5 12h14",strokeLinecap:"round"})})}),t.jsx(U,{size:"sm",variant:"ghost",isIconOnly:!0,"aria-label":"Zoom out",isDisabled:p===0||Y&&!q,onPress:T,children:t.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-4 w-4","aria-hidden":"true",children:t.jsx("path",{d:"M5 12h14",strokeLinecap:"round"})})}),Z?t.jsx(U,{size:"sm",variant:"ghost",onPress:()=>R(0,p-1),children:"Reset"}):null]})]}),f&&p===0?t.jsx("div",{className:"flex h-[90px] items-center justify-center",children:t.jsx(es,{size:"sm"})}):p===0?t.jsx("div",{className:"flex h-[90px] items-center justify-center text-xs text-[var(--otari-muted)]",children:"No activity in this range."}):t.jsxs("div",{className:"flex flex-col gap-1",children:[t.jsx(Qt,{data:ne,series:w,formatValue:n=>n.toLocaleString(),formatXTick:n=>st(n,c),ariaLabel:d,height:90,onSelectRange:R,window:Z||F?k:null}),Z||F?t.jsx("div",{ref:ee,className:"relative h-2.5 w-full rounded-full bg-[var(--otari-bg)]",children:t.jsx("div",{role:"slider","aria-label":"Pan the selected window","aria-valuemin":0,"aria-valuemax":L,"aria-valuenow":Math.min(k.startIndex,L),"aria-valuetext":`Window starting at ${st(g[k.startIndex]??g[0],c)}`,tabIndex:0,className:"absolute inset-y-0 cursor-grab touch-none rounded-full bg-[var(--otari-brand)]/40 outline-none hover:bg-[var(--otari-brand)]/60 focus-visible:ring-2 focus-visible:ring-[var(--otari-brand)] active:cursor-grabbing",style:{left:`${se}%`,width:`${Math.max(2,ce-se)}%`},onKeyDown:ie,onPointerDown:n=>{n.preventDefault(),E.current={x:n.clientX,startIndex:k.startIndex},V({...k}),n.currentTarget.setPointerCapture(n.pointerId)},onPointerMove:_e,onPointerUp:te,onPointerCancel:te})}):null]})]})]})}function ps(e){const[r,o]=Et(),a=x.useCallback(u=>r.get(u)??e[u],[r,e]),l=x.useCallback(u=>r.has(u)?r.getAll(u).map(h=>h.trim()).filter(h=>h!==""):e[u]?[e[u]]:[],[r,e]),m=x.useCallback(u=>{const h=Number.parseInt(r.get(u)??"",10);if(!Number.isNaN(h))return h;const f=Number.parseInt(e[u],10);return Number.isNaN(f)?0:f},[r,e]),c=x.useCallback(u=>{o(h=>{const f=new URLSearchParams(h);for(const[d,C]of Object.entries(u)){if(Array.isArray(C)){f.delete(d);for(const p of C)p!==""&&f.append(d,p);continue}const g=String(C);g===""||g===e[d]?f.delete(d):f.set(d,g)}return f},{replace:!0})},[o,e]);return{get:a,getAll:l,getNumber:m,patch:c}}const Ee=new Intl.NumberFormat(void 0,{style:"currency",currency:"USD",maximumFractionDigits:4});function z(e){return e===null?"—":Ee.format(e)}function $(e){return e===null?"—":e.toLocaleString()}const hs=new Intl.NumberFormat(void 0,{style:"currency",currency:"USD",maximumSignificantDigits:3});function xs(e){return e===0?Ee.format(0):e<1e-4?hs.format(e):Ee.format(e)}function fs(e){return[...e].sort((r,o)=>+("unit_rate"in r)-+("unit_rate"in o))}function De(e){return e===null?"—":e<1e3?`${e} ms`:`${(e/1e3).toFixed(e<1e4?2:1)} s`}function gs(e){const r=new Date(e);return Number.isNaN(r.getTime())?e:r.toLocaleString()}function bs(e){const r=new Date(e).getTime();if(Number.isNaN(r))return e;const o=Math.max(0,Math.round((Date.now()-r)/1e3));if(o<60)return`${o}s ago`;const a=Math.round(o/60);if(a<60)return`${a}m ago`;const l=Math.round(a/60);return l<24?`${l}h ago`:`${Math.round(l/24)}d ago`}const vs=e=>e.id,_s=e=>{if(e.status==="error")return"bg-red-50";if(e.status==="absorbed")return"bg-amber-50"},rt=[{label:"All",value:""},{label:"Success",value:"success"},{label:"Error",value:"error"},{label:"Absorbed",value:"absorbed"}],at=[{label:"All",value:""},{label:"Priced",value:"true"},{label:"Unpriced",value:"false"}],ot=[{label:"All",value:""},{label:"Any tool",value:"any"},{label:"Web search",value:"web_search"},{label:"Code execution",value:"code_execution"}],js=["tool"],ks=50,ys=["model","source"],ws=["source"],Ss={range:fe,start_date:"",end_date:"",status:"",model:"",user_id:"",api_key_id:"",priced:"",source:"",source_label:"",endpoint:"",provider:"",tool:"",page:"0",size:String(ks)};function xe(e,r,o){if(r||o)return{start:r||void 0,end:o||void 0};if(e===ct)return{};const a=X(W,e)??X(W,fe),l=(a==null?void 0:a.seconds)??null;return{start:l==null?void 0:dt(l),end:void 0}}function Te(e){const r=xe(e,"","");if(r.start)return r;const o=X(W,e);return(o==null?void 0:o.seconds)==null?{start:dt(Xt)}:r}function Ns({status:e}){const r=e==="error"?"border-red-200 bg-red-50 text-red-700":e==="absorbed"?"border-amber-200 bg-amber-50 text-amber-700":"border-[var(--otari-line)] bg-[var(--otari-brand-tint)] text-[var(--otari-brand-dark)]";return t.jsx("span",{className:`inline-flex items-center rounded-full border px-2 py-0.5 text-xs font-medium ${r}`,children:e})}const Cs={gateway:"Gateway",claude_code:"Claude Code",codex:"Codex"};function Oe(e){return Cs[e]??e}function ge(e){return typeof e=="number"&&Number.isFinite(e)&&e>0?e:0}function ut(e){const r=e.billing_meters??null,o=(f,d)=>r&&typeof r[f]=="number"?ge(r[f]):ge(d),a=o("total_input_tokens",e.prompt_tokens),l=o("cache_read_tokens",e.cache_read_tokens),m=o("cache_write_tokens",e.cache_write_tokens),c=o("completion_tokens",e.completion_tokens),u=Math.max(0,a-l-m),h=u+l+m+c;return h>0?{fresh:u,cacheRead:l,cacheWrite:m,output:c,total:h}:null}function be(e){var o;const r=(o=e.billing_meters)==null?void 0:o.tools;return!r||typeof r!="object"?[]:Object.entries(r).flatMap(([a,l])=>{if(!l||typeof l!="object")return[];const m=l,c=ge(m.billed),u=ge(m.errors);if(!c&&!u)return[];const h=m.unit_rate;return[{tool:a,billed:c,errors:u,unitRate:typeof h=="number"?h:null}]}).sort((a,l)=>l.billed-a.billed||a.tool.localeCompare(l.tool))}function mt(e){const r=e.tool.replaceAll("_"," "),o=e.billed?[`${r} ×${e.billed}`]:[r];return e.errors&&o.push(`${e.errors} failed`),o.join(", ")}function nt(e){const r=be(e).filter(o=>o.unitRate!==null);return r.length?r.reduce((o,a)=>o+a.billed*(a.unitRate??0),0):null}const Ps=[{key:"fresh",label:"Fresh input",fill:"var(--otari-ink)"},{key:"cacheRead",label:"Cache read",fill:"var(--otari-brand)"},{key:"cacheWrite",label:"Cache write",fill:"var(--otari-brand-soft)"},{key:"output",label:"Output",fill:"var(--otari-brand-dark)"}];function Is({entry:e}){const r=ut(e);if(r===null)return t.jsx("span",{className:"tabular-nums",children:$(e.total_tokens)});const o=Ps.map(c=>({...c,value:r[c.key]})),a=o.filter(c=>c.value>0).map(c=>`${c.label} ${c.value.toLocaleString()}`).join(", ");let l=0;const m=o.map(c=>{const u=c.value/r.total*100,h={...c,x:l,width:u};return l+=u,h});return t.jsxs("span",{className:"inline-flex flex-col items-end gap-1",title:a,children:[t.jsx("span",{className:"tabular-nums",children:r.total.toLocaleString()}),t.jsx("svg",{viewBox:"0 0 100 4",preserveAspectRatio:"none",role:"img","aria-label":`Token composition: ${a}`,className:"h-1.5 w-20 overflow-hidden rounded-full bg-[var(--otari-brand-tint)]",children:m.filter(c=>c.width>0).map(c=>t.jsx("rect",{x:c.x,y:0,width:c.width,height:4,fill:c.fill},c.key))})]})}function pt(e){if(!e)return null;if(e==="static")return"the policy's only target";if(e==="default")return"the policy's default target";if(e==="on_failure")return"a fallback candidate";if(e.startsWith("condition:")){const r=e.slice(10).split(",").filter(Boolean).join(", ");return r?`matched on ${r}`:"matched a condition"}if(e.startsWith("router:")){const r=e.slice(7);return r?`chosen by router ${r}`:"chosen by a router"}return e.replaceAll("_"," ")}function lt(e){const r=new Map;for(const o of e)!o.request_group_id||o.status==="absorbed"||r.set(o.request_group_id,{servedBy:o.status==="success"?ve(o):null,servedPosition:o.status==="success"?o.attempt_position??null:null});return r}function Ms(e,r){const o=pt(e.selection_reason),a=e.attempt_position,l=e.attempt_count;if(a==null||l==null||l<=1)return o;const m=`attempt ${a} of ${l}`;return e.status==="absorbed"?r!=null&&r.servedBy?`${m} failed, served by ${r.servedBy}`:r?`${m} failed, and the request ended in an error`:`${m} failed, fell back`:e.status==="error"?a<l?`${m} failed, no further candidate tried`:`${m} failed, plan exhausted`:o?`served on ${m} (${o})`:`served on ${m}`}function Rs({entry:e,outcome:r}){if(e.policy_name==null)return null;const o=Ms(e,r);return t.jsxs("span",{className:"flex flex-col leading-tight",children:[t.jsx("span",{className:"text-[var(--otari-ink)]",children:e.policy_name}),o?t.jsx("span",{className:"text-xs break-words text-[var(--otari-muted)]",children:o}):null]})}function As(e){return e.status==="absorbed"?e.status_code===null?"failed, fell back":`failed ${e.status_code}, fell back`:e.status==="error"?e.status_code===null?"failed":`failed ${e.status_code}`:"served the request"}function $s(e){return[...e].sort((r,o)=>(r.attempt_position??0)-(o.attempt_position??0)||r.timestamp.localeCompare(o.timestamp))}function Ts({entry:e}){const r=e.request_group_id,a=it(r?[r]:[]),l=r?(a.data??[]).filter(d=>d.request_group_id===r):[],m=$s(l.length?l:[e]),c=l.length>0,u=m.find(d=>d.status==="success"),h=e.attempt_count??m.length,f=c?u?`Served by attempt ${u.attempt_position??"?"} of ${h}: ${ve(u)}`:m.some(d=>d.status==="error")?"No candidate served this request.":"This request has no outcome row yet.":a.isError?"Could not load this request's other attempts.":e.request_group_id?"Loading the rest of this request's attempts…":"This row carries no request group, so its other attempts cannot be found.";return t.jsxs("div",{className:"flex flex-col gap-2",children:[t.jsxs("span",{className:"text-[11px] font-medium uppercase tracking-wide text-[var(--otari-muted)]",children:["Routing plan · ",e.policy_name]}),t.jsx("span",{className:"text-sm text-[var(--otari-ink)]",children:f}),t.jsx("div",{className:"overflow-x-auto rounded-lg border border-[var(--otari-line)]",children:t.jsxs("table",{className:"w-full text-xs","aria-label":`Routing plan for policy ${e.policy_name}`,children:[t.jsx("thead",{className:"text-[var(--otari-muted)]",children:t.jsxs("tr",{className:"border-b border-[var(--otari-line)]",children:[t.jsx("th",{scope:"col",className:"px-3 py-2 text-left font-medium",children:"#"}),t.jsx("th",{scope:"col",className:"px-3 py-2 text-left font-medium",children:"Target"}),t.jsx("th",{scope:"col",className:"px-3 py-2 text-left font-medium",children:"Selected as"}),t.jsx("th",{scope:"col",className:"px-3 py-2 text-left font-medium",children:"Outcome"}),t.jsx("th",{scope:"col",className:"px-3 py-2 text-right font-medium",children:"Total time"}),t.jsx("th",{scope:"col",className:"px-3 py-2 text-right font-medium",children:"Cost"})]})}),t.jsx("tbody",{children:m.map(d=>t.jsxs("tr",{className:`border-t border-[var(--otari-line)] first:border-t-0 ${d.status==="success"?"bg-[var(--otari-brand-tint)]":""}`,children:[t.jsx("td",{className:"px-3 py-2 tabular-nums",children:d.attempt_position??"?"}),t.jsxs("td",{className:"px-3 py-2 break-all text-[var(--otari-ink)]",children:[ve(d),d.id===e.id?t.jsx("span",{className:"ml-2 rounded-full border border-[var(--otari-line)] px-1.5 py-0.5 text-[10px] text-[var(--otari-muted)]",children:"this row"}):null]}),t.jsx("td",{className:"px-3 py-2",children:pt(d.selection_reason)??"—"}),t.jsx("td",{className:`px-3 py-2 ${d.status==="success"?"":"text-amber-700"}`,children:As(d)}),t.jsx("td",{className:"px-3 py-2 text-right tabular-nums",children:De(d.latency_ms)}),t.jsx("td",{className:"px-3 py-2 text-right tabular-nums",children:z(d.cost)})]},d.id))})]})}),t.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Cost and tool charges settle on the attempt that served, so a failed attempt carries its tokens and no charge."})]})}function j({label:e,copyValue:r,copyLabel:o,children:a}){return t.jsxs("div",{className:"flex flex-col gap-0.5",children:[t.jsx("span",{className:"text-[11px] font-medium uppercase tracking-wide text-[var(--otari-muted)]",children:e}),r?t.jsx(Ht,{value:r,label:o??e.toLowerCase(),className:"text-sm text-[var(--otari-ink)] break-all",children:a}):t.jsx("span",{className:"text-sm text-[var(--otari-ink)] break-all",children:a})]})}function ve(e){return e.provider?e.model.startsWith(`${e.provider}:`)?e.model:`${e.provider}:${e.model}`:e.model}function Es({entry:e,onPriceModel:r}){var l,m;const o=e.cost===null,a=ve(e);return t.jsxs("div",{className:"flex flex-col gap-4 px-4 py-4",children:[e.error_message?t.jsxs("div",{className:"flex flex-col gap-1.5",children:[t.jsxs("span",{className:"text-[11px] font-medium uppercase tracking-wide text-[var(--otari-muted)]",children:["Error",e.status_code!==null?` (${e.status_code})`:""]}),t.jsx("pre",{className:"max-h-48 overflow-auto rounded-lg border border-red-200 bg-red-50 p-3 text-xs whitespace-pre-wrap break-all text-red-700",children:e.error_message})]}):null,e.policy_name!==null&&e.policy_name!==void 0?t.jsx(Ts,{entry:e}):null,t.jsxs("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-4",children:[t.jsx(j,{label:"Provider",children:e.provider??"—"}),t.jsx(j,{label:"Endpoint",children:e.endpoint}),t.jsx(j,{label:"Source",children:Oe(e.source)}),e.source_label?t.jsx(j,{label:"Session",children:e.source_label}):null,t.jsx(j,{label:"User",copyValue:e.user_id,copyLabel:"user id",children:e.user_id??"—"}),t.jsx(j,{label:"API key",copyValue:e.api_key_id,copyLabel:"api key id",children:e.api_key_id??"—"}),t.jsx(j,{label:"Prompt tokens",children:$(e.prompt_tokens)}),t.jsx(j,{label:"Completion tokens",children:$(e.completion_tokens)}),t.jsx(j,{label:"Total tokens",children:$(e.total_tokens)}),t.jsx(j,{label:"Billed tokens",children:t.jsx("span",{title:"Fresh input, cache reads and writes, and output: the tokens this request was priced on, and the total the activity row's bar splits.",children:$(((l=ut(e))==null?void 0:l.total)??null)})}),t.jsx(j,{label:"Cost",children:z(e.cost)}),be(e).length?t.jsxs(t.Fragment,{children:[t.jsx(j,{label:"Tools",children:be(e).map(mt).join(" · ")}),t.jsx(j,{label:"Tool cost",children:nt(e)===null?t.jsx("span",{className:"text-[var(--otari-warning-ink,var(--otari-muted))]",title:"No per-request price is configured for this tool, so its calls were recorded at zero cost. Set one on the Tools & Guardrails screen.",children:"unpriced"}):z(nt(e))})]}):null,t.jsx(j,{label:"Cache read tokens",children:$(e.cache_read_tokens)}),t.jsx(j,{label:"Cache write tokens",children:$(e.cache_write_tokens)}),t.jsx(j,{label:"1h cache writes",children:$(e.cache_write_1h_tokens??null)}),t.jsx(j,{label:"Total time",children:De(e.latency_ms)}),t.jsx(j,{label:"Request ID",copyValue:e.id,children:e.id})]}),o?t.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[t.jsx(U,{size:"sm",variant:"outline",onPress:()=>r(a),children:"Price this model"}),t.jsxs("span",{className:"text-xs text-[var(--otari-muted)]",children:["This request carries no cost. Set a price for ",t.jsx("code",{className:"break-all",children:a})," so later requests are metered and count against budgets. Rows already logged keep the cost they were served with."]})]}):null,(m=e.pricing_breakdown)!=null&&m.length?t.jsxs("div",{className:"flex flex-col gap-2",children:[t.jsx("span",{className:"text-[11px] font-medium uppercase tracking-wide text-[var(--otari-muted)]",children:"Billed meters"}),t.jsx("div",{className:"grid gap-2 sm:grid-cols-2 lg:grid-cols-3",children:fs(e.pricing_breakdown).map(c=>t.jsx(j,{label:c.meter.replaceAll("_"," "),children:"unit_rate"in c?`${$(c.units)} at ${xs(c.unit_rate)} each, ${z(c.cost)}`:`${$(c.units)} at ${z(c.rate_per_million)} / 1M, ${z(c.cost)}`},c.meter))})]}):null]})}function Hs(){var Ge,Ve,Ye,Ze,He,Xe,Je,Qe;const e=Lt(),r=Ut(),o=x.useMemo(()=>{const s=new Map;for(const i of r.data??[])s.set(i.id,i.key_name??`${i.id.slice(0,8)}…`);return s},[r.data]),a=ps(Ss),l=a.get("range"),m=a.get("start_date"),c=a.get("end_date"),u=a.get("status"),h=a.getAll("model"),f=a.getAll("user_id"),d=a.getAll("api_key_id"),C=a.get("priced"),g=a.get("source"),p=a.get("source_label"),M=a.get("endpoint"),P=a.get("provider"),w=a.get("tool"),ne=Math.max(0,a.getNumber("page")),J=a.getNumber("size"),F=is.reduce((s,i)=>Math.abs(i-J)<Math.abs(s-J)?i:s),G=`${l}|${m}|${c}`,[_,V]=x.useState(()=>xe(l,m,c)),k=x.useRef(G);x.useEffect(()=>{k.current!==G&&(k.current=G,V(xe(l,m,c)))},[G,l,m,c]);const[I,Y]=x.useState(()=>Te(l)),Z=x.useRef(l);x.useEffect(()=>{Z.current!==l&&(Z.current=l,Y(Te(l)))},[l]);const R=C==="true"?!0:C==="false"?!1:void 0,v=x.useMemo(()=>({start_date:_.start,end_date:_.end,status:u||void 0,model:h.length>0?h:void 0,user_id:f.length>0?f:void 0,api_key_id:d.length>0?d:void 0,source:g||void 0,source_label:p||void 0,endpoint:M||void 0,provider:P||void 0,tool:w||void 0,priced:R}),[_,w,u,h,f,d,g,p,M,P,R]),y=ts(),q=JSON.stringify(v),Q=x.useRef(q);x.useEffect(()=>{Q.current!==q&&(Q.current=q,a.patch({page:0}),y.clear())},[q,a,y]);const T=Bt(v,ne,F),B=et(v),ee=x.useMemo(()=>({start_date:_.start,end_date:_.end,status:u||void 0,user_id:f.length>0?f:void 0,api_key_id:d.length>0?d:void 0,source:g||void 0,source_label:p||void 0,endpoint:M||void 0,provider:P||void 0,tool:w||void 0}),[_,u,f,d,g,p,M,P,w]),E=Ae(ee,"day",ys),le=((Ve=(Ge=E.data)==null?void 0:Ge.by_model)==null?void 0:Ve.filter(s=>!s.is_other&&s.key!==null).map(s=>s.key))??[],ie=(r.data??[]).map(s=>({value:s.id,label:s.key_name??`${s.id.slice(0,8)}…`})),_e=x.useMemo(()=>({start_date:_.start,end_date:_.end,status:u||void 0,model:h.length>0?h:void 0,user_id:f.length>0?f:void 0,api_key_id:d.length>0?d:void 0}),[_,u,h,f,d]),te=Ae(_e,"day",ws,!!g),se=(Ye=g?te.data:E.data)==null?void 0:Ye.by_source,ce=x.useMemo(()=>{const s=(se??[]).filter(i=>!i.is_other&&i.key!==null).map(i=>i.key);return g&&!s.includes(g)?[g,...s]:s},[se,g]),L=X(W,l)??X(W,fe),n=!!(_.start&&I.start&&new Date(_.start).getTime()<new Date(I.start).getTime()),b=n?ct:l,S=n?Kt(_.start,_.end):(L==null?void 0:L.bucket)??"day",O=x.useMemo(()=>({start_date:n?_.start:I.start,end_date:n?_.end:void 0,status:u||void 0,model:h.length>0?h:void 0,user_id:f.length>0?f:void 0,api_key_id:d.length>0?d:void 0,source:g||void 0,source_label:p||void 0,endpoint:M||void 0,provider:P||void 0,tool:w||void 0,priced:R}),[n,w,_,I,u,h,f,d,g,p,M,P,R]),D=Ae(O,S,js),ht=(((Ze=D.data)==null?void 0:Ze.series)??[]).map(s=>({bucketStart:s.bucket_start,requests:s.requests,errors:s.errors??0})),A=T.data??[],{pageOutcomes:je,unresolvedGroupIds:xt}=x.useMemo(()=>{const s=lt(A),i=new Set;for(const N of A)N.status==="absorbed"&&N.request_group_id&&!s.has(N.request_group_id)&&i.add(N.request_group_id);return{pageOutcomes:s,unresolvedGroupIds:[...i]}},[A]),ke=it(xt),Fe=x.useMemo(()=>{var s;return(s=ke.data)!=null&&s.length?new Map([...je,...lt(ke.data)]):je},[je,ke.data]),ft=B.isSuccess&&!B.isPlaceholderData?((He=B.data)==null?void 0:He.total)??0:null,ye=X(W,l),gt=!!(m||c)||l!==fe&&(ye==null?void 0:ye.seconds)!=null,bt=!!(u||h.length||f.length||d.length||C||g||p||M||P||w||gt),re=(s,i)=>{var N;return((N=s.find(K=>K.value===i))==null?void 0:N.label)??i},qe=(e.data??[]).map(s=>({value:s.user_id,label:s.alias?`${s.alias} (${s.user_id})`:s.user_id})),vt=()=>a.patch({status:"",priced:"",model:[],user_id:[],api_key_id:[],source:"",source_label:"",endpoint:"",provider:"",tool:""}),we=(s,i,N,K,oe)=>K.map(H=>({key:`${s}:${H}`,label:i,value:oe(H),clearLabel:`Remove ${i} filter ${oe(H)}`,onClear:()=>a.patch({[N]:K.filter(pe=>pe!==H)})})),_t=[...u?[{key:"status",label:"Status",value:re(rt,u),onClear:()=>a.patch({status:""})}]:[],...C?[{key:"priced",label:"Priced",value:re(at,C),onClear:()=>a.patch({priced:""})}]:[],...we("user","User","user_id",f,s=>re(qe,s)),...we("model","Model","model",h,s=>s),...we("key","API key","api_key_id",d,s=>re(ie,s)),...g?[{key:"source",label:"Source",value:Oe(g),onClear:()=>a.patch({source:""})}]:[],...p?[{key:"session",label:"Session",value:p,onClear:()=>a.patch({source_label:""})}]:[],...M?[{key:"endpoint",label:"Endpoint",value:M,onClear:()=>a.patch({endpoint:""})}]:[],...P?[{key:"provider",label:"Provider",value:P,onClear:()=>a.patch({provider:""})}]:[],...w?[{key:"tool",label:"Tool",value:re(ot,w),onClear:()=>a.patch({tool:""})}]:[]],de=x.useMemo(()=>A.filter(s=>!s.counts_toward_budget).map(s=>s.id),[A]),jt=x.useMemo(()=>A.filter(s=>s.counts_toward_budget).map(s=>s.id),[A]),Le=ss(y.selectedKeys,de),ae=Le.length,Ue=y.allMatching||ae>0,kt=x.useMemo(()=>({...v,counts_toward_budget:!1}),[v]),Be=et(kt,Ue),ue=Be.isSuccess?((Xe=Be.data)==null?void 0:Xe.total)??null:null,yt=de.length>0&&ae===de.length&&ue!=null&&ue>ae,me=y.allMatching?ue??ae:ae,wt=de.length>0||y.allMatching,Se=zt(),Ne=Wt(),Ce=Gt(),[St,Pe]=x.useState(!1),[Nt,Ie]=x.useState(!1),[Me,Re]=x.useState(null),[Ct,Ke]=x.useState(null),Pt=x.useCallback(s=>t.jsxs("div",{children:[t.jsxs("div",{className:"flex items-center justify-between border-b border-[var(--otari-line)] px-4 py-2",children:[t.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Request detail"}),t.jsx(U,{size:"sm",variant:"ghost",onPress:()=>Ke(null),children:"Close"})]}),t.jsx(Es,{entry:s,onPriceModel:Re})]}),[]),ze=()=>y.allMatching?{by_filter:!0,model:v.model,user_id:v.user_id,api_key_id:v.api_key_id,status:v.status,source:v.source,source_label:v.source_label,endpoint:v.endpoint,provider:v.provider,tool:v.tool,start_date:v.start_date,end_date:v.end_date,priced:v.priced}:{ids:Le},It=()=>{Se.mutate(ze(),{onSuccess:()=>{Pe(!1),y.clear()}})},Mt=(s,i)=>{Ce.mutate({model_key:i,input_price_per_million:s.input_price_per_million,output_price_per_million:s.output_price_per_million,cache_read_price_per_million:s.cache_read_price_per_million??null,cache_write_price_per_million:s.cache_write_price_per_million??null},{onSuccess:()=>Re(null)})},Rt=s=>{Ne.mutate({...ze(),...s},{onSuccess:()=>{Ie(!1),y.clear()}})},At=()=>{T.refetch(),B.refetch(),D.refetch(),E.refetch(),g&&te.refetch()},We=s=>{if(s.key===l&&!m&&!c){V(xe(s.key,"","")),Y(Te(s.key));return}a.patch({range:s.key,start_date:"",end_date:""})},$t=(s,i)=>a.patch({start_date:s,end_date:i}),Tt=x.useMemo(()=>{const s=i=>i===null?"—":o.get(i)??`${i.slice(0,8)}…`;return[{id:"time",header:"Time",cell:i=>t.jsx("span",{title:gs(i.timestamp),className:"text-[var(--otari-muted)]",children:bs(i.timestamp)})},{id:"user",header:"User",cell:i=>i.user_id??"—"},{id:"model",header:"Model",isRowHeader:!0,cell:i=>{const N=be(i);if(!N.length)return i.model;const K=N.reduce((H,pe)=>H+pe.billed+pe.errors,0),oe=N.map(mt).join(" · ");return t.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[i.model,t.jsxs("span",{className:"inline-flex items-center rounded-full border border-[var(--otari-line)] bg-[var(--otari-brand-tint)] px-1.5 py-0.5 text-[11px] font-medium text-[var(--otari-brand-dark)]",title:oe,"aria-label":`Gateway tools: ${oe}`,children:[K," ",K===1?"tool":"tools"]})]})}},{id:"routing",header:"Routing",cell:i=>t.jsx(Rs,{entry:i,outcome:Fe.get(i.request_group_id??"")??null})},{id:"api_key",header:"API key",cell:i=>t.jsx("span",{className:"text-[var(--otari-muted)]",children:s(i.api_key_id)})},{id:"tokens",header:"Tokens",align:"end",cell:i=>t.jsx(Is,{entry:i})},{id:"cost",header:"Cost",align:"end",cell:i=>z(i.cost)},{id:"latency",header:"Total time",align:"end",cell:i=>De(i.latency_ms)},{id:"status",header:"Status",cell:i=>t.jsx(Ns,{status:i.status})}]},[o,Fe]);return t.jsxs("div",{className:"flex flex-col gap-6",children:[t.jsx(Vt,{title:"Activity",description:"A per-request log of what the gateway served: tokens, cost, latency, and failures. No request or response content is stored."}),t.jsx(Yt,{error:T.error??B.error??D.error}),t.jsxs("div",{className:"flex flex-col gap-3",children:[t.jsx(ms,{presets:W,extentKey:b,onPreset:We,onSelectRange:$t,onSelectFull:()=>L?We(L):void 0,series:ht,bucket:S,windowStart:_.start,windowEnd:_.end,loading:D.isLoading,ariaLabel:"Activity request volume over the selected window",action:t.jsx(Zt,{onRefresh:At,isFetching:T.isFetching,updatedAt:T.dataUpdatedAt})}),t.jsxs(ns,{chips:_t,onClearAll:vt,children:[t.jsx(he,{id:"filter-status",label:"Status",value:u,onChange:s=>a.patch({status:s}),children:rt.map(s=>t.jsx("option",{value:s.value,children:s.label},s.value))}),t.jsx(he,{id:"filter-priced",label:"Priced?",value:C,onChange:s=>a.patch({priced:s}),children:at.map(s=>t.jsx("option",{value:s.value,children:s.label},s.value))}),w||(Qe=(Je=D.data)==null?void 0:Je.by_tool)!=null&&Qe.length?t.jsx(he,{id:"filter-tool",label:"Tool",value:w,onChange:s=>a.patch({tool:s}),children:ot.map(s=>t.jsx("option",{value:s.value,children:s.label},s.value))}):null,ce.length>1||g?t.jsxs(he,{id:"filter-source",label:"Source",value:g,onChange:s=>a.patch({source:s}),children:[t.jsx("option",{value:"",children:"All"}),ce.map(s=>t.jsx("option",{value:s,children:Oe(s)},s))]}):null,t.jsx($e,{label:"API key",values:d,onChange:s=>a.patch({api_key_id:s}),placeholder:"All keys",options:ie}),t.jsx($e,{label:"User",values:f,onChange:s=>a.patch({user_id:s}),placeholder:"All users",options:qe}),t.jsx($e,{label:"Model",values:h,onChange:s=>a.patch({model:s}),allowsCustom:!0,placeholder:"Any model",options:le.map(s=>({value:s,label:s}))})]})]}),Ue?t.jsxs(rs,{selectedCount:me,allMatching:y.allMatching,matchingTotal:ue,canSelectAllMatching:yt,onSelectAllMatching:y.enableAllMatching,onClear:y.clear,children:[t.jsx(U,{size:"sm",variant:"primary",onPress:()=>Ie(!0),children:"Set price"}),t.jsx(U,{size:"sm",variant:"danger",onPress:()=>Pe(!0),children:"Delete"})]}):null,t.jsx(os,{ariaLabel:"Activity log",columns:Tt,rows:A,getRowKey:vs,isLoading:T.isLoading,emptyContent:bt?"No requests match these filters.":"No requests recorded yet.",selectionMode:wt?"multiple":"none",selectedKeys:y.selectedKeys,onSelectionChange:y.onSelectionChange,disabledKeys:jt,onRowAction:s=>Ke(i=>i===s?null:s),rowClassName:_s,detailKey:Ct,renderDetail:Pt}),t.jsx(ls,{page:ne,pageSize:F,total:ft,rowsOnPage:A.length,onPageChange:s=>a.patch({page:s}),onPageSizeChange:s=>a.patch({size:s,page:0}),isFetching:T.isFetching,hasNextFallback:A.length===F}),t.jsx(as,{isOpen:St,onOpenChange:Pe,heading:"Delete usage rows",body:`Delete ${me.toLocaleString()} imported ${me===1?"row":"rows"}? Only imported rows are removed, and this cannot be undone.`,confirmLabel:"Delete",isPending:Se.isPending,error:Se.error,onConfirm:It}),t.jsx(tt,{isOpen:Nt,onOpenChange:Ie,targetCount:me,isPending:Ne.isPending,error:Ne.error,onSubmit:Rt}),t.jsx(tt,{isOpen:Me!==null,onOpenChange:s=>Re(s?Me??"":null),isPending:Ce.isPending,error:Ce.error,onSubmit:Mt,collectModelKey:!0,initialModelKey:Me??"",title:"Price this model",description:()=>"Set what this model costs, taken from the request you were looking at. Requests from now on are costed at these rates and counted against budgets; rows already logged keep the cost they were served with."})]})}export{Hs as ActivityPage};
diff --git a/src/gateway/static/dashboard/assets/BudgetsPage-H5EC9TjF.js b/src/gateway/static/dashboard/assets/BudgetsPage-CCjnKhY4.js
similarity index 98%
rename from src/gateway/static/dashboard/assets/BudgetsPage-H5EC9TjF.js
rename to src/gateway/static/dashboard/assets/BudgetsPage-CCjnKhY4.js
index 9f00b6b13..68c4bdc05 100644
--- a/src/gateway/static/dashboard/assets/BudgetsPage-H5EC9TjF.js
+++ b/src/gateway/static/dashboard/assets/BudgetsPage-CCjnKhY4.js
@@ -1 +1 @@
-import{j as e}from"./tanstack-query-1t81HyiD.js";import{r as i}from"./react-dgEcD0HR.js";import{H as ne,u as re,I as le,J as ie,K as oe,L as de,q as ue,P as ce,E as H,M as me,z as xe,N as ge}from"./index-BE7E0N2z.js";import{u as he,r as pe,B as fe}from"./tableSelection-BJDASjEj.js";import{C as be}from"./ConfirmDialog-DzIVWoi5.js";import{D as je}from"./DataTable-DuDxGlJc.js";import{F as $}from"./Field-CBU9MRjz.js";import{C as E,I as ve,a as ye,b as Ne,B as x,d as k,S as Se}from"./heroui-COmYdDDM.js";const _e=50;function Ce({value:t,onChange:r,users:n,label:o,description:l}){const[g,h]=i.useState(""),d=i.useMemo(()=>n.filter(s=>!s.user_id.startsWith("apikey-")).map(s=>({id:s.user_id,label:s.alias?`${s.user_id} (${s.alias})`:s.user_id})),[n]),p=i.useMemo(()=>{const s=g.trim().toLowerCase();return d.filter(u=>!t.includes(u.id)).filter(u=>!s||u.id.toLowerCase().includes(s)||u.label.toLowerCase().includes(s)).slice(0,_e)},[d,t,g]),c=s=>{t.includes(s)||r([...t,s]),h("")},m=s=>r(t.filter(u=>u!==s));return e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:o}),l?e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:l}):null]}),t.length>0?e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.map(s=>e.jsxs("span",{className:"inline-flex items-center gap-1 rounded-full bg-[var(--otari-brand-tint)] px-2.5 py-1 font-mono text-xs text-[var(--otari-brand-dark)]",children:[s,e.jsx("button",{type:"button","aria-label":`Remove ${s}`,onClick:()=>m(s),className:"text-[var(--otari-brand-dark)] hover:text-red-700",children:"×"})]},s))}):null,d.length===0?e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"No users yet. Create users first, then assign them here or from the Users page."}):e.jsxs(E.Root,{allowsEmptyCollection:!0,menuTrigger:"input",inputValue:g,onInputChange:h,selectedKey:null,onSelectionChange:s=>{s!=null&&c(String(s))},className:"flex flex-col gap-1",children:[e.jsxs(E.InputGroup,{children:[e.jsx(ve,{"aria-label":"Add a user",placeholder:"Search users…",autoComplete:"off"}),e.jsx(E.Trigger,{})]}),e.jsx(E.Popover,{children:e.jsx(ye,{items:p,className:"max-h-72 overflow-auto",children:s=>e.jsx(Ne,{id:s.id,textValue:s.label,children:s.label})})})]})]})}const we=new Intl.NumberFormat(void 0,{style:"currency",currency:"USD",maximumFractionDigits:2});function D(t){return we.format(t)}const j=86400,q=3600,O=[{label:"No reset",seconds:null},{label:"Daily",seconds:j},{label:"Weekly",seconds:7*j},{label:"Monthly",seconds:30*j}];function De(t){if(t===null)return"No reset";const r=O.find(n=>n.seconds===t);return r?r.label:t%j===0?`Every ${t/j} days`:t%q===0?`Every ${t/q} hours`:`Every ${t}s`}function W(t){if(!t)return"—";const r=new Date(t);return Number.isNaN(r.getTime())?"—":r.toLocaleString()}function Be(t){const r=t.trim();if(r==="")return{value:null,valid:!0};const n=Number(r);return!Number.isFinite(n)||n<0?{value:null,valid:!1}:{value:n,valid:!0}}function Y(t){return t!==null&&t%j===0?String(t/j):""}function Pe({value:t,onChange:r,onInvalidChange:n}){const o=O.some(s=>s.seconds===t),[l,g]=i.useState(!o),[h,d]=i.useState(()=>Y(t)),p=h.trim(),c=Number(p),m=p!==""&&(!Number.isSafeInteger(c)||c<=0);return i.useEffect(()=>{n==null||n(m)},[m,n]),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Reset period"}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[O.map(s=>e.jsx(x,{size:"sm",variant:!l&&t===s.seconds?"primary":"outline",onPress:()=>{g(!1),d(Y(s.seconds)),r(s.seconds)},children:s.label},s.label)),e.jsx(x,{size:"sm",variant:l?"primary":"outline",onPress:()=>g(!0),children:"Custom"})]}),l?e.jsx("div",{className:"flex items-end gap-2",children:e.jsx($,{label:"Every N days",value:h,onChange:s=>{d(s);const u=Number(s.trim());r(s.trim()===""||!Number.isSafeInteger(u)||u<=0?null:u*j)},placeholder:"14",description:m?e.jsx("span",{className:"text-red-700",children:"Enter a whole number of days."}):"Whole days between resets."})}):null,e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Spend returns to zero each period. A user’s clock starts when the budget is assigned to them."})]})}function G({title:t,submitLabel:r,initial:n,error:o,isPending:l,onSubmit:g,onClose:h,assignUsers:d}){const[p,c]=i.useState(n.name??""),[m,s]=i.useState(n.max_budget===null?"":String(n.max_budget)),[u,b]=i.useState(n.budget_duration_sec),[S,v]=i.useState(!1),[B,P]=i.useState([]),f=Be(m),A=!l&&f.valid&&!S,C=()=>{A&&g({name:p.trim()||null,max_budget:f.value,budget_duration_sec:u},B)};return e.jsx(k,{children:e.jsxs(k.Content,{className:"flex flex-col gap-4 p-5",children:[e.jsx("div",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:t}),e.jsx(H,{error:o}),e.jsx($,{label:"Name (optional)",value:p,onChange:c,autoFocus:!0,placeholder:"team-free-tier",description:"A label to recognize this budget later."}),e.jsx($,{label:"Spending limit (USD)",value:m,onChange:s,placeholder:"100.00",description:f.valid?"The most a single user on this budget may spend per period. Leave blank for no limit.":e.jsx("span",{className:"text-red-700",children:"Enter a non-negative number, or leave blank for no limit."})}),e.jsx(Pe,{value:u,onChange:b,onInvalidChange:v}),d?e.jsx(Ce,{label:"Assign to users (optional)",description:"Attach this budget to existing users now. You can also manage assignments later on the Users page.",value:B,onChange:P,users:d}):null,e.jsxs("div",{className:"flex gap-2",children:[e.jsx(x,{variant:"primary",isDisabled:!A,onPress:C,children:l?"Saving…":r}),e.jsx(x,{variant:"ghost",isDisabled:l,onPress:h,children:"Cancel"})]})]})})}function Ae({budget:t}){if(t.user_count===0)return e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"No users assigned"});const r=t.total_spend;if(t.max_budget===null)return e.jsxs("span",{className:"text-xs text-[var(--otari-ink)]",children:[D(r)," spent",e.jsx("span",{className:"text-[var(--otari-muted)]",children:" · no limit"})]});const n=t.max_budget*t.user_count,o=n>0?Math.min(100,r/n*100):0,l=r>n;return e.jsxs("div",{className:"flex min-w-[140px] flex-col gap-1",children:[e.jsxs("div",{className:"flex items-baseline justify-between gap-2 text-xs",children:[e.jsx("span",{className:"text-[var(--otari-ink)]",children:D(r)}),e.jsxs("span",{className:"text-[var(--otari-muted)]",children:["of ",D(n)]})]}),e.jsx("div",{className:"h-1.5 w-full overflow-hidden rounded-full bg-[var(--otari-line)]",role:"progressbar","aria-valuenow":Math.round(o),"aria-valuemin":0,"aria-valuemax":100,"aria-label":"Aggregate spend against total allocation",children:e.jsx("div",{className:`h-full rounded-full ${l?"bg-red-500":"bg-[var(--otari-brand)]"}`,style:{width:`${Math.max(o,l?100:2)}%`}})})]})}function Ee({budgetId:t}){const r=ge(t);if(r.isLoading)return e.jsxs("div",{className:"flex items-center gap-2 px-4 py-4 text-sm text-[var(--otari-muted)]",children:[e.jsx(Se,{size:"sm"})," Loading reset history…"]});if(r.error)return e.jsx("div",{className:"px-4 py-4",children:e.jsx(H,{error:r.error})});const n=r.data??[];return n.length===0?e.jsx("div",{className:"px-4 py-4 text-sm text-[var(--otari-muted)]",children:"No resets recorded yet for this budget."}):e.jsx("div",{className:"overflow-x-auto px-4 py-3",children:e.jsxs("table",{className:"w-full border-collapse text-xs",children:[e.jsx("thead",{className:"text-left text-[var(--otari-muted)]",children:e.jsxs("tr",{children:[e.jsx("th",{className:"py-1.5 pr-4 font-medium",children:"User"}),e.jsx("th",{className:"py-1.5 pr-4 font-medium",children:"Spend cleared"}),e.jsx("th",{className:"py-1.5 pr-4 font-medium",children:"Reset at"}),e.jsx("th",{className:"py-1.5 font-medium",children:"Next reset"})]})}),e.jsx("tbody",{children:n.map(o=>e.jsxs("tr",{className:"border-t border-[var(--otari-line)]",children:[e.jsx("td",{className:"py-1.5 pr-4",children:e.jsx("code",{children:o.user_id??"—"})}),e.jsx("td",{className:"py-1.5 pr-4 text-[var(--otari-ink)]",children:D(o.previous_spend)}),e.jsx("td",{className:"py-1.5 pr-4 text-[var(--otari-muted)]",children:W(o.reset_at)}),e.jsx("td",{className:"py-1.5 text-[var(--otari-muted)]",children:W(o.next_reset_at)})]},o.id))})]})})}function ke({label:t,isPending:r,onConfirm:n}){const[o,l]=i.useState(!1);return o?e.jsxs("div",{className:"flex flex-col items-end gap-1.5 rounded-lg border border-amber-200 bg-amber-50 p-2 text-right",children:[e.jsxs("span",{className:"max-w-xs text-xs text-amber-800",children:["Delete ",e.jsx("strong",{children:t}),"? Users keep their spend but lose this limit. Cannot be undone."]}),e.jsxs("span",{className:"inline-flex gap-1",children:[e.jsx(x,{size:"sm",variant:"danger",isDisabled:r,onPress:n,children:"Delete permanently"}),e.jsx(x,{size:"sm",variant:"ghost",isDisabled:r,onPress:()=>l(!1),children:"Cancel"})]})]}):e.jsx(x,{size:"sm",variant:"danger-soft",onPress:()=>l(!0),children:"Delete"})}const Ue=t=>t.budget_id;function J(t){return t.split("-")[0]}function z(t){return t.name??J(t.budget_id)}function Ke(){const t=ne(),r=re(),n=le(),o=ie(),l=oe(),g=de(),[h,d]=i.useState(!1),[p,c]=i.useState(null),[m,s]=i.useState(null),[u,b]=i.useState(null),[S,v]=i.useState(null),[B,P]=i.useState(!1),f=he(),[A,C]=i.useState(!1),[Q,K]=i.useState(void 0),[X,T]=i.useState(!1),w=t.data??[],F=t.isLoading,y=w.find(a=>a.budget_id===p)??null,U=w.find(a=>a.budget_id===m)??null,L=!F&&w.length===0&&!h,Z=w.map(a=>a.budget_id),_=pe(f.selectedKeys,Z),ee=async()=>{T(!0),K(void 0);try{for(const a of _)await l.mutateAsync(a);f.clear(),C(!1)}catch(a){K(a)}finally{T(!1)}},te=i.useMemo(()=>[{id:"budget",header:"Budget",isRowHeader:!0,cell:a=>e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx("span",{className:"font-medium text-[var(--otari-ink)]",children:a.name??e.jsx("span",{className:"text-[var(--otari-muted)]",children:"(unnamed)"})}),e.jsx(ue,{value:a.budget_id,label:"budget id",children:e.jsx("code",{className:"text-[11px] text-[var(--otari-muted)]",title:a.budget_id,children:J(a.budget_id)})})]})},{id:"limit",header:"Limit (per user)",cell:a=>a.max_budget===null?e.jsx("span",{className:"text-[var(--otari-muted)]",children:"Unlimited"}):D(a.max_budget)},{id:"reset",header:"Reset",cell:a=>e.jsx("span",{className:"text-[var(--otari-muted)]",children:De(a.budget_duration_sec)})},{id:"users",header:"Users",cell:a=>e.jsx("span",{className:"text-[var(--otari-muted)]",children:a.user_count})},{id:"usage",header:"Usage",cell:a=>e.jsx(Ae,{budget:a})},{id:"actions",header:"Actions",align:"end",cell:a=>e.jsxs("div",{className:"flex items-center justify-end gap-1.5",children:[e.jsx(x,{size:"sm",variant:"ghost",onPress:()=>s(N=>N===a.budget_id?null:a.budget_id),children:m===a.budget_id?"Hide history":"History"}),e.jsx(x,{size:"sm",variant:"ghost",onPress:()=>{d(!1),c(a.budget_id)},children:"Edit"}),e.jsx(ke,{label:z(a),isPending:l.isPending,onConfirm:()=>l.mutate(a.budget_id)})]})}],[m,l.isPending,l.mutate]),V=async(a,N)=>{P(!0),b(null);const I=await Promise.allSettled(N.map(M=>g.mutateAsync({id:M,body:{budget_id:a}})));P(!1);const R=I.flatMap((M,ae)=>M.status==="rejected"?[N[ae]]:[]);if(R.length>0){v({budgetId:a,userIds:R}),b(new Error(`Budget created, but could not assign it to: ${R.join(", ")}. Retry to try again.`));return}v(null),d(!1)},se=(a,N)=>{if(S){V(S.budgetId,S.userIds);return}b(null),n.mutate(a,{onSuccess:async I=>{if(N.length>0){await V(I.budget_id,N);return}d(!1)}})};return e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(ce,{title:"Budgets",description:"Define spending limits and reset schedules. Assign a budget to users to enforce it.",action:h||L?null:e.jsx(x,{variant:"primary",onPress:()=>{c(null),b(null),v(null),d(!0)},children:"Create budget"})}),e.jsx(H,{error:t.error??n.error??o.error??l.error??g.error}),e.jsx(me,{children:"Assign a budget to users when you create it, or later from the Users page. Each row’s usage aggregates the spend of the users currently on that budget."}),L?e.jsx(xe,{title:"No budgets yet",description:"A budget caps how much a user may spend and, optionally, resets that spend on a schedule. Create one, then assign it to users to enforce a limit.",actionLabel:"Create your first budget",onAction:()=>{c(null),b(null),v(null),d(!0)}}):null,h?e.jsx(G,{title:"Create budget",submitLabel:S?"Retry assignments":"Create budget",initial:{name:null,max_budget:null,budget_duration_sec:null},error:n.error??u,isPending:n.isPending||B,assignUsers:r.data??[],onSubmit:se,onClose:()=>{b(null),v(null),d(!1)}}):null,y?e.jsx(G,{title:`Edit budget ${z(y)}`,submitLabel:"Save changes",initial:{name:y.name,max_budget:y.max_budget,budget_duration_sec:y.budget_duration_sec},error:o.error,isPending:o.isPending,onSubmit:a=>o.mutate({id:y.budget_id,body:a},{onSuccess:()=>c(null)}),onClose:()=>c(null)},y.budget_id):null,_.length>0?e.jsx(fe,{selectedCount:_.length,allMatching:!1,matchingTotal:null,canSelectAllMatching:!1,onSelectAllMatching:()=>{},onClear:f.clear,children:e.jsx(x,{size:"sm",variant:"danger",onPress:()=>C(!0),children:"Delete"})}):null,L?null:e.jsx(je,{ariaLabel:"Budgets",columns:te,rows:w,getRowKey:Ue,isLoading:F,emptyContent:"No budgets yet. Create one to cap spending.",selectionMode:"multiple",selectedKeys:f.selectedKeys,onSelectionChange:f.onSelectionChange}),U?e.jsx(k,{children:e.jsxs(k.Content,{className:"p-0",children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-[var(--otari-line)] px-4 py-2",children:[e.jsxs("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:["Reset history — ",z(U)]}),e.jsx(x,{size:"sm",variant:"ghost",onPress:()=>s(null),children:"Close"})]}),e.jsx(Ee,{budgetId:U.budget_id})]})}):null,e.jsx(be,{isOpen:A,onOpenChange:C,heading:"Delete budgets",body:`Delete ${_.length} ${_.length===1?"budget":"budgets"}? Users on ${_.length===1?"it":"them"} will no longer be capped.`,confirmLabel:"Delete",isPending:X,error:Q,onConfirm:ee})]})}export{Ke as BudgetsPage};
+import{j as e}from"./tanstack-query-1t81HyiD.js";import{r as i}from"./react-dgEcD0HR.js";import{H as ne,u as re,I as le,J as ie,K as oe,L as de,q as ue,P as ce,E as H,M as me,z as xe,N as ge}from"./index-DnXjp6g_.js";import{u as he,r as pe,B as fe}from"./tableSelection-BJDASjEj.js";import{C as be}from"./ConfirmDialog-BqztIUQ8.js";import{D as je}from"./DataTable-DuDxGlJc.js";import{F as $}from"./Field-CBU9MRjz.js";import{C as E,I as ve,a as ye,b as Ne,B as x,d as k,S as Se}from"./heroui-COmYdDDM.js";const _e=50;function Ce({value:t,onChange:r,users:n,label:o,description:l}){const[g,h]=i.useState(""),d=i.useMemo(()=>n.filter(s=>!s.user_id.startsWith("apikey-")).map(s=>({id:s.user_id,label:s.alias?`${s.user_id} (${s.alias})`:s.user_id})),[n]),p=i.useMemo(()=>{const s=g.trim().toLowerCase();return d.filter(u=>!t.includes(u.id)).filter(u=>!s||u.id.toLowerCase().includes(s)||u.label.toLowerCase().includes(s)).slice(0,_e)},[d,t,g]),c=s=>{t.includes(s)||r([...t,s]),h("")},m=s=>r(t.filter(u=>u!==s));return e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:o}),l?e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:l}):null]}),t.length>0?e.jsx("div",{className:"flex flex-wrap gap-1.5",children:t.map(s=>e.jsxs("span",{className:"inline-flex items-center gap-1 rounded-full bg-[var(--otari-brand-tint)] px-2.5 py-1 font-mono text-xs text-[var(--otari-brand-dark)]",children:[s,e.jsx("button",{type:"button","aria-label":`Remove ${s}`,onClick:()=>m(s),className:"text-[var(--otari-brand-dark)] hover:text-red-700",children:"×"})]},s))}):null,d.length===0?e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"No users yet. Create users first, then assign them here or from the Users page."}):e.jsxs(E.Root,{allowsEmptyCollection:!0,menuTrigger:"input",inputValue:g,onInputChange:h,selectedKey:null,onSelectionChange:s=>{s!=null&&c(String(s))},className:"flex flex-col gap-1",children:[e.jsxs(E.InputGroup,{children:[e.jsx(ve,{"aria-label":"Add a user",placeholder:"Search users…",autoComplete:"off"}),e.jsx(E.Trigger,{})]}),e.jsx(E.Popover,{children:e.jsx(ye,{items:p,className:"max-h-72 overflow-auto",children:s=>e.jsx(Ne,{id:s.id,textValue:s.label,children:s.label})})})]})]})}const we=new Intl.NumberFormat(void 0,{style:"currency",currency:"USD",maximumFractionDigits:2});function D(t){return we.format(t)}const j=86400,q=3600,O=[{label:"No reset",seconds:null},{label:"Daily",seconds:j},{label:"Weekly",seconds:7*j},{label:"Monthly",seconds:30*j}];function De(t){if(t===null)return"No reset";const r=O.find(n=>n.seconds===t);return r?r.label:t%j===0?`Every ${t/j} days`:t%q===0?`Every ${t/q} hours`:`Every ${t}s`}function W(t){if(!t)return"—";const r=new Date(t);return Number.isNaN(r.getTime())?"—":r.toLocaleString()}function Be(t){const r=t.trim();if(r==="")return{value:null,valid:!0};const n=Number(r);return!Number.isFinite(n)||n<0?{value:null,valid:!1}:{value:n,valid:!0}}function Y(t){return t!==null&&t%j===0?String(t/j):""}function Pe({value:t,onChange:r,onInvalidChange:n}){const o=O.some(s=>s.seconds===t),[l,g]=i.useState(!o),[h,d]=i.useState(()=>Y(t)),p=h.trim(),c=Number(p),m=p!==""&&(!Number.isSafeInteger(c)||c<=0);return i.useEffect(()=>{n==null||n(m)},[m,n]),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Reset period"}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[O.map(s=>e.jsx(x,{size:"sm",variant:!l&&t===s.seconds?"primary":"outline",onPress:()=>{g(!1),d(Y(s.seconds)),r(s.seconds)},children:s.label},s.label)),e.jsx(x,{size:"sm",variant:l?"primary":"outline",onPress:()=>g(!0),children:"Custom"})]}),l?e.jsx("div",{className:"flex items-end gap-2",children:e.jsx($,{label:"Every N days",value:h,onChange:s=>{d(s);const u=Number(s.trim());r(s.trim()===""||!Number.isSafeInteger(u)||u<=0?null:u*j)},placeholder:"14",description:m?e.jsx("span",{className:"text-red-700",children:"Enter a whole number of days."}):"Whole days between resets."})}):null,e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Spend returns to zero each period. A user’s clock starts when the budget is assigned to them."})]})}function G({title:t,submitLabel:r,initial:n,error:o,isPending:l,onSubmit:g,onClose:h,assignUsers:d}){const[p,c]=i.useState(n.name??""),[m,s]=i.useState(n.max_budget===null?"":String(n.max_budget)),[u,b]=i.useState(n.budget_duration_sec),[S,v]=i.useState(!1),[B,P]=i.useState([]),f=Be(m),A=!l&&f.valid&&!S,C=()=>{A&&g({name:p.trim()||null,max_budget:f.value,budget_duration_sec:u},B)};return e.jsx(k,{children:e.jsxs(k.Content,{className:"flex flex-col gap-4 p-5",children:[e.jsx("div",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:t}),e.jsx(H,{error:o}),e.jsx($,{label:"Name (optional)",value:p,onChange:c,autoFocus:!0,placeholder:"team-free-tier",description:"A label to recognize this budget later."}),e.jsx($,{label:"Spending limit (USD)",value:m,onChange:s,placeholder:"100.00",description:f.valid?"The most a single user on this budget may spend per period. Leave blank for no limit.":e.jsx("span",{className:"text-red-700",children:"Enter a non-negative number, or leave blank for no limit."})}),e.jsx(Pe,{value:u,onChange:b,onInvalidChange:v}),d?e.jsx(Ce,{label:"Assign to users (optional)",description:"Attach this budget to existing users now. You can also manage assignments later on the Users page.",value:B,onChange:P,users:d}):null,e.jsxs("div",{className:"flex gap-2",children:[e.jsx(x,{variant:"primary",isDisabled:!A,onPress:C,children:l?"Saving…":r}),e.jsx(x,{variant:"ghost",isDisabled:l,onPress:h,children:"Cancel"})]})]})})}function Ae({budget:t}){if(t.user_count===0)return e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"No users assigned"});const r=t.total_spend;if(t.max_budget===null)return e.jsxs("span",{className:"text-xs text-[var(--otari-ink)]",children:[D(r)," spent",e.jsx("span",{className:"text-[var(--otari-muted)]",children:" · no limit"})]});const n=t.max_budget*t.user_count,o=n>0?Math.min(100,r/n*100):0,l=r>n;return e.jsxs("div",{className:"flex min-w-[140px] flex-col gap-1",children:[e.jsxs("div",{className:"flex items-baseline justify-between gap-2 text-xs",children:[e.jsx("span",{className:"text-[var(--otari-ink)]",children:D(r)}),e.jsxs("span",{className:"text-[var(--otari-muted)]",children:["of ",D(n)]})]}),e.jsx("div",{className:"h-1.5 w-full overflow-hidden rounded-full bg-[var(--otari-line)]",role:"progressbar","aria-valuenow":Math.round(o),"aria-valuemin":0,"aria-valuemax":100,"aria-label":"Aggregate spend against total allocation",children:e.jsx("div",{className:`h-full rounded-full ${l?"bg-red-500":"bg-[var(--otari-brand)]"}`,style:{width:`${Math.max(o,l?100:2)}%`}})})]})}function Ee({budgetId:t}){const r=ge(t);if(r.isLoading)return e.jsxs("div",{className:"flex items-center gap-2 px-4 py-4 text-sm text-[var(--otari-muted)]",children:[e.jsx(Se,{size:"sm"})," Loading reset history…"]});if(r.error)return e.jsx("div",{className:"px-4 py-4",children:e.jsx(H,{error:r.error})});const n=r.data??[];return n.length===0?e.jsx("div",{className:"px-4 py-4 text-sm text-[var(--otari-muted)]",children:"No resets recorded yet for this budget."}):e.jsx("div",{className:"overflow-x-auto px-4 py-3",children:e.jsxs("table",{className:"w-full border-collapse text-xs",children:[e.jsx("thead",{className:"text-left text-[var(--otari-muted)]",children:e.jsxs("tr",{children:[e.jsx("th",{className:"py-1.5 pr-4 font-medium",children:"User"}),e.jsx("th",{className:"py-1.5 pr-4 font-medium",children:"Spend cleared"}),e.jsx("th",{className:"py-1.5 pr-4 font-medium",children:"Reset at"}),e.jsx("th",{className:"py-1.5 font-medium",children:"Next reset"})]})}),e.jsx("tbody",{children:n.map(o=>e.jsxs("tr",{className:"border-t border-[var(--otari-line)]",children:[e.jsx("td",{className:"py-1.5 pr-4",children:e.jsx("code",{children:o.user_id??"—"})}),e.jsx("td",{className:"py-1.5 pr-4 text-[var(--otari-ink)]",children:D(o.previous_spend)}),e.jsx("td",{className:"py-1.5 pr-4 text-[var(--otari-muted)]",children:W(o.reset_at)}),e.jsx("td",{className:"py-1.5 text-[var(--otari-muted)]",children:W(o.next_reset_at)})]},o.id))})]})})}function ke({label:t,isPending:r,onConfirm:n}){const[o,l]=i.useState(!1);return o?e.jsxs("div",{className:"flex flex-col items-end gap-1.5 rounded-lg border border-amber-200 bg-amber-50 p-2 text-right",children:[e.jsxs("span",{className:"max-w-xs text-xs text-amber-800",children:["Delete ",e.jsx("strong",{children:t}),"? Users keep their spend but lose this limit. Cannot be undone."]}),e.jsxs("span",{className:"inline-flex gap-1",children:[e.jsx(x,{size:"sm",variant:"danger",isDisabled:r,onPress:n,children:"Delete permanently"}),e.jsx(x,{size:"sm",variant:"ghost",isDisabled:r,onPress:()=>l(!1),children:"Cancel"})]})]}):e.jsx(x,{size:"sm",variant:"danger-soft",onPress:()=>l(!0),children:"Delete"})}const Ue=t=>t.budget_id;function J(t){return t.split("-")[0]}function z(t){return t.name??J(t.budget_id)}function Ke(){const t=ne(),r=re(),n=le(),o=ie(),l=oe(),g=de(),[h,d]=i.useState(!1),[p,c]=i.useState(null),[m,s]=i.useState(null),[u,b]=i.useState(null),[S,v]=i.useState(null),[B,P]=i.useState(!1),f=he(),[A,C]=i.useState(!1),[Q,K]=i.useState(void 0),[X,T]=i.useState(!1),w=t.data??[],F=t.isLoading,y=w.find(a=>a.budget_id===p)??null,U=w.find(a=>a.budget_id===m)??null,L=!F&&w.length===0&&!h,Z=w.map(a=>a.budget_id),_=pe(f.selectedKeys,Z),ee=async()=>{T(!0),K(void 0);try{for(const a of _)await l.mutateAsync(a);f.clear(),C(!1)}catch(a){K(a)}finally{T(!1)}},te=i.useMemo(()=>[{id:"budget",header:"Budget",isRowHeader:!0,cell:a=>e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx("span",{className:"font-medium text-[var(--otari-ink)]",children:a.name??e.jsx("span",{className:"text-[var(--otari-muted)]",children:"(unnamed)"})}),e.jsx(ue,{value:a.budget_id,label:"budget id",children:e.jsx("code",{className:"text-[11px] text-[var(--otari-muted)]",title:a.budget_id,children:J(a.budget_id)})})]})},{id:"limit",header:"Limit (per user)",cell:a=>a.max_budget===null?e.jsx("span",{className:"text-[var(--otari-muted)]",children:"Unlimited"}):D(a.max_budget)},{id:"reset",header:"Reset",cell:a=>e.jsx("span",{className:"text-[var(--otari-muted)]",children:De(a.budget_duration_sec)})},{id:"users",header:"Users",cell:a=>e.jsx("span",{className:"text-[var(--otari-muted)]",children:a.user_count})},{id:"usage",header:"Usage",cell:a=>e.jsx(Ae,{budget:a})},{id:"actions",header:"Actions",align:"end",cell:a=>e.jsxs("div",{className:"flex items-center justify-end gap-1.5",children:[e.jsx(x,{size:"sm",variant:"ghost",onPress:()=>s(N=>N===a.budget_id?null:a.budget_id),children:m===a.budget_id?"Hide history":"History"}),e.jsx(x,{size:"sm",variant:"ghost",onPress:()=>{d(!1),c(a.budget_id)},children:"Edit"}),e.jsx(ke,{label:z(a),isPending:l.isPending,onConfirm:()=>l.mutate(a.budget_id)})]})}],[m,l.isPending,l.mutate]),V=async(a,N)=>{P(!0),b(null);const I=await Promise.allSettled(N.map(M=>g.mutateAsync({id:M,body:{budget_id:a}})));P(!1);const R=I.flatMap((M,ae)=>M.status==="rejected"?[N[ae]]:[]);if(R.length>0){v({budgetId:a,userIds:R}),b(new Error(`Budget created, but could not assign it to: ${R.join(", ")}. Retry to try again.`));return}v(null),d(!1)},se=(a,N)=>{if(S){V(S.budgetId,S.userIds);return}b(null),n.mutate(a,{onSuccess:async I=>{if(N.length>0){await V(I.budget_id,N);return}d(!1)}})};return e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(ce,{title:"Budgets",description:"Define spending limits and reset schedules. Assign a budget to users to enforce it.",action:h||L?null:e.jsx(x,{variant:"primary",onPress:()=>{c(null),b(null),v(null),d(!0)},children:"Create budget"})}),e.jsx(H,{error:t.error??n.error??o.error??l.error??g.error}),e.jsx(me,{children:"Assign a budget to users when you create it, or later from the Users page. Each row’s usage aggregates the spend of the users currently on that budget."}),L?e.jsx(xe,{title:"No budgets yet",description:"A budget caps how much a user may spend and, optionally, resets that spend on a schedule. Create one, then assign it to users to enforce a limit.",actionLabel:"Create your first budget",onAction:()=>{c(null),b(null),v(null),d(!0)}}):null,h?e.jsx(G,{title:"Create budget",submitLabel:S?"Retry assignments":"Create budget",initial:{name:null,max_budget:null,budget_duration_sec:null},error:n.error??u,isPending:n.isPending||B,assignUsers:r.data??[],onSubmit:se,onClose:()=>{b(null),v(null),d(!1)}}):null,y?e.jsx(G,{title:`Edit budget ${z(y)}`,submitLabel:"Save changes",initial:{name:y.name,max_budget:y.max_budget,budget_duration_sec:y.budget_duration_sec},error:o.error,isPending:o.isPending,onSubmit:a=>o.mutate({id:y.budget_id,body:a},{onSuccess:()=>c(null)}),onClose:()=>c(null)},y.budget_id):null,_.length>0?e.jsx(fe,{selectedCount:_.length,allMatching:!1,matchingTotal:null,canSelectAllMatching:!1,onSelectAllMatching:()=>{},onClear:f.clear,children:e.jsx(x,{size:"sm",variant:"danger",onPress:()=>C(!0),children:"Delete"})}):null,L?null:e.jsx(je,{ariaLabel:"Budgets",columns:te,rows:w,getRowKey:Ue,isLoading:F,emptyContent:"No budgets yet. Create one to cap spending.",selectionMode:"multiple",selectedKeys:f.selectedKeys,onSelectionChange:f.onSelectionChange}),U?e.jsx(k,{children:e.jsxs(k.Content,{className:"p-0",children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-[var(--otari-line)] px-4 py-2",children:[e.jsxs("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:["Reset history — ",z(U)]}),e.jsx(x,{size:"sm",variant:"ghost",onPress:()=>s(null),children:"Close"})]}),e.jsx(Ee,{budgetId:U.budget_id})]})}):null,e.jsx(be,{isOpen:A,onOpenChange:C,heading:"Delete budgets",body:`Delete ${_.length} ${_.length===1?"budget":"budgets"}? Users on ${_.length===1?"it":"them"} will no longer be capped.`,confirmLabel:"Delete",isPending:X,error:Q,onConfirm:ee})]})}export{Ke as BudgetsPage};
diff --git a/src/gateway/static/dashboard/assets/ConfirmDialog-DzIVWoi5.js b/src/gateway/static/dashboard/assets/ConfirmDialog-BqztIUQ8.js
similarity index 92%
rename from src/gateway/static/dashboard/assets/ConfirmDialog-DzIVWoi5.js
rename to src/gateway/static/dashboard/assets/ConfirmDialog-BqztIUQ8.js
index d32b0dfaa..c54cec049 100644
--- a/src/gateway/static/dashboard/assets/ConfirmDialog-DzIVWoi5.js
+++ b/src/gateway/static/dashboard/assets/ConfirmDialog-BqztIUQ8.js
@@ -1 +1 @@
-import{j as r}from"./tanstack-query-1t81HyiD.js";import{E as j}from"./index-BE7E0N2z.js";import{A as e,B as l}from"./heroui-COmYdDDM.js";function p({isOpen:s,onOpenChange:a,heading:n,body:o,confirmLabel:t,confirmVariant:c="danger",isPending:i,error:d,onConfirm:x}){return r.jsx(e,{isOpen:s,onOpenChange:a,children:s?r.jsx(e.Backdrop,{children:r.jsx(e.Container,{placement:"center",size:"md",children:r.jsxs(e.Dialog,{children:[r.jsx(e.Header,{children:r.jsx(e.Heading,{children:n})}),r.jsxs(e.Body,{className:"flex flex-col gap-4",children:[r.jsx("div",{className:"text-sm text-[var(--otari-muted)]",children:o}),r.jsx(j,{error:d})]}),r.jsxs(e.Footer,{children:[r.jsx(l,{variant:"ghost",isDisabled:i,onPress:()=>a(!1),children:"Cancel"}),r.jsx(l,{variant:c,isPending:i,onPress:x,children:t})]})]})})}):null})}export{p as C};
+import{j as r}from"./tanstack-query-1t81HyiD.js";import{E as j}from"./index-DnXjp6g_.js";import{A as e,B as l}from"./heroui-COmYdDDM.js";function p({isOpen:s,onOpenChange:a,heading:n,body:o,confirmLabel:t,confirmVariant:c="danger",isPending:i,error:d,onConfirm:x}){return r.jsx(e,{isOpen:s,onOpenChange:a,children:s?r.jsx(e.Backdrop,{children:r.jsx(e.Container,{placement:"center",size:"md",children:r.jsxs(e.Dialog,{children:[r.jsx(e.Header,{children:r.jsx(e.Heading,{children:n})}),r.jsxs(e.Body,{className:"flex flex-col gap-4",children:[r.jsx("div",{className:"text-sm text-[var(--otari-muted)]",children:o}),r.jsx(j,{error:d})]}),r.jsxs(e.Footer,{children:[r.jsx(l,{variant:"ghost",isDisabled:i,onPress:()=>a(!1),children:"Cancel"}),r.jsx(l,{variant:c,isPending:i,onPress:x,children:t})]})]})})}):null})}export{p as C};
diff --git a/src/gateway/static/dashboard/assets/DocsPage-DT-vQq9F.js b/src/gateway/static/dashboard/assets/DocsPage-BLX9Ugok.js
similarity index 99%
rename from src/gateway/static/dashboard/assets/DocsPage-DT-vQq9F.js
rename to src/gateway/static/dashboard/assets/DocsPage-BLX9Ugok.js
index 9f10be624..531efa9a0 100644
--- a/src/gateway/static/dashboard/assets/DocsPage-DT-vQq9F.js
+++ b/src/gateway/static/dashboard/assets/DocsPage-BLX9Ugok.js
@@ -1,4 +1,4 @@
-import{j as re}from"./tanstack-query-1t81HyiD.js";import{P as gi}from"./index-BE7E0N2z.js";import{d as ct}from"./heroui-COmYdDDM.js";import{g as nr}from"./react-dgEcD0HR.js";function yi(e,t){const n={};return(e[e.length-1]===""?[...e,""]:e).join((n.padRight?" ":"")+","+(n.padLeft===!1?"":" ")).trim()}const ki=/^[$_\p{ID_Start}][$_\u{200C}\u{200D}\p{ID_Continue}]*$/u,xi=/^[$_\p{ID_Start}][-$_\u{200C}\u{200D}\p{ID_Continue}]*$/u,bi={};function ht(e,t){return(bi.jsx?xi:ki).test(e)}const wi=/[ \t\n\f\r]/g;function Si(e){return typeof e=="object"?e.type==="text"?ft(e.value):!1:ft(e)}function ft(e){return e.replace(wi,"")===""}class Ke{constructor(t,n,r){this.normal=n,this.property=t,r&&(this.space=r)}}Ke.prototype.normal={};Ke.prototype.property={};Ke.prototype.space=void 0;function tr(e,t){const n={},r={};for(const i of e)Object.assign(n,i.property),Object.assign(r,i.normal);return new Ke(n,r,t)}function zn(e){return e.toLowerCase()}class ee{constructor(t,n){this.attribute=n,this.property=t}}ee.prototype.attribute="";ee.prototype.booleanish=!1;ee.prototype.boolean=!1;ee.prototype.commaOrSpaceSeparated=!1;ee.prototype.commaSeparated=!1;ee.prototype.defined=!1;ee.prototype.mustUseProperty=!1;ee.prototype.number=!1;ee.prototype.overloadedBoolean=!1;ee.prototype.property="";ee.prototype.spaceSeparated=!1;ee.prototype.space=void 0;let Ci=0;const D=Ie(),Y=Ie(),_n=Ie(),v=Ie(),$=Ie(),Ee=Ie(),te=Ie();function Ie(){return 2**++Ci}const Dn=Object.freeze(Object.defineProperty({__proto__:null,boolean:D,booleanish:Y,commaOrSpaceSeparated:te,commaSeparated:Ee,number:v,overloadedBoolean:_n,spaceSeparated:$},Symbol.toStringTag,{value:"Module"})),pn=Object.keys(Dn);class qn extends ee{constructor(t,n,r,i){let o=-1;if(super(t,n),pt(this,"space",i),typeof r=="number")for(;++o<pn.length;){const l=pn[o];pt(this,pn[o],(r&Dn[l])===Dn[l])}}}qn.prototype.defined=!0;function pt(e,t,n){n&&(e[t]=n)}function Re(e){const t={},n={};for(const[r,i]of Object.entries(e.properties)){const o=new qn(r,e.transform(e.attributes||{},r),i,e.space);e.mustUseProperty&&e.mustUseProperty.includes(r)&&(o.mustUseProperty=!0),t[r]=o,n[zn(r)]=r,n[zn(o.attribute)]=r}return new Ke(t,n,e.space)}const rr=Re({properties:{ariaActiveDescendant:null,ariaAtomic:Y,ariaAutoComplete:null,ariaBusy:Y,ariaChecked:Y,ariaColCount:v,ariaColIndex:v,ariaColSpan:v,ariaControls:$,ariaCurrent:null,ariaDescribedBy:$,ariaDetails:null,ariaDisabled:Y,ariaDropEffect:$,ariaErrorMessage:null,ariaExpanded:Y,ariaFlowTo:$,ariaGrabbed:Y,ariaHasPopup:null,ariaHidden:Y,ariaInvalid:null,ariaKeyShortcuts:null,ariaLabel:null,ariaLabelledBy:$,ariaLevel:v,ariaLive:null,ariaModal:Y,ariaMultiLine:Y,ariaMultiSelectable:Y,ariaOrientation:null,ariaOwns:$,ariaPlaceholder:null,ariaPosInSet:v,ariaPressed:Y,ariaReadOnly:Y,ariaRelevant:null,ariaRequired:Y,ariaRoleDescription:$,ariaRowCount:v,ariaRowIndex:v,ariaRowSpan:v,ariaSelected:Y,ariaSetSize:v,ariaSort:null,ariaValueMax:v,ariaValueMin:v,ariaValueNow:v,ariaValueText:null,role:null},transform(e,t){return t==="role"?t:"aria-"+t.slice(4).toLowerCase()}});function ir(e,t){return t in e?e[t]:t}function lr(e,t){return ir(e,t.toLowerCase())}const vi=Re({attributes:{acceptcharset:"accept-charset",classname:"class",htmlfor:"for",httpequiv:"http-equiv"},mustUseProperty:["checked","multiple","muted","selected"],properties:{abbr:null,accept:Ee,acceptCharset:$,accessKey:$,action:null,allow:null,allowFullScreen:D,allowPaymentRequest:D,allowUserMedia:D,alpha:D,alt:null,as:null,async:D,autoCapitalize:null,autoComplete:$,autoFocus:D,autoPlay:D,blocking:$,capture:null,charSet:null,checked:D,cite:null,className:$,closedBy:null,colorSpace:null,cols:v,colSpan:v,command:null,commandFor:null,content:null,contentEditable:Y,controls:D,controlsList:$,coords:v|Ee,crossOrigin:null,data:null,dateTime:null,decoding:null,default:D,defer:D,dir:null,dirName:null,disabled:D,download:_n,draggable:Y,encType:null,enterKeyHint:null,fetchPriority:null,form:null,formAction:null,formEncType:null,formMethod:null,formNoValidate:D,formTarget:null,headers:$,height:v,hidden:_n,high:v,href:null,hrefLang:null,htmlFor:$,httpEquiv:$,id:null,imageSizes:null,imageSrcSet:null,inert:D,inputMode:null,integrity:null,is:null,isMap:D,itemId:null,itemProp:$,itemRef:$,itemScope:D,itemType:$,kind:null,label:null,lang:null,language:null,list:null,loading:null,loop:D,low:v,manifest:null,max:null,maxLength:v,media:null,method:null,min:null,minLength:v,multiple:D,muted:D,name:null,nonce:null,noModule:D,noValidate:D,onAbort:null,onAfterPrint:null,onAuxClick:null,onBeforeMatch:null,onBeforePrint:null,onBeforeToggle:null,onBeforeUnload:null,onBlur:null,onCancel:null,onCanPlay:null,onCanPlayThrough:null,onChange:null,onClick:null,onClose:null,onContextLost:null,onContextMenu:null,onContextRestored:null,onCopy:null,onCueChange:null,onCut:null,onDblClick:null,onDrag:null,onDragEnd:null,onDragEnter:null,onDragExit:null,onDragLeave:null,onDragOver:null,onDragStart:null,onDrop:null,onDurationChange:null,onEmptied:null,onEnded:null,onError:null,onFocus:null,onFormData:null,onHashChange:null,onInput:null,onInvalid:null,onKeyDown:null,onKeyPress:null,onKeyUp:null,onLanguageChange:null,onLoad:null,onLoadedData:null,onLoadedMetadata:null,onLoadEnd:null,onLoadStart:null,onMessage:null,onMessageError:null,onMouseDown:null,onMouseEnter:null,onMouseLeave:null,onMouseMove:null,onMouseOut:null,onMouseOver:null,onMouseUp:null,onOffline:null,onOnline:null,onPageHide:null,onPageShow:null,onPaste:null,onPause:null,onPlay:null,onPlaying:null,onPopState:null,onProgress:null,onRateChange:null,onRejectionHandled:null,onReset:null,onResize:null,onScroll:null,onScrollEnd:null,onSecurityPolicyViolation:null,onSeeked:null,onSeeking:null,onSelect:null,onSlotChange:null,onStalled:null,onStorage:null,onSubmit:null,onSuspend:null,onTimeUpdate:null,onToggle:null,onUnhandledRejection:null,onUnload:null,onVolumeChange:null,onWaiting:null,onWheel:null,open:D,optimum:v,pattern:null,ping:$,placeholder:null,playsInline:D,popover:null,popoverTarget:null,popoverTargetAction:null,poster:null,preload:null,readOnly:D,referrerPolicy:null,rel:$,required:D,reversed:D,rows:v,rowSpan:v,sandbox:$,scope:null,scoped:D,seamless:D,selected:D,shadowRootClonable:D,shadowRootCustomElementRegistry:D,shadowRootDelegatesFocus:D,shadowRootMode:null,shadowRootSerializable:D,shape:null,size:v,sizes:null,slot:null,span:v,spellCheck:Y,src:null,srcDoc:null,srcLang:null,srcSet:null,start:v,step:null,style:null,tabIndex:v,target:null,title:null,translate:null,type:null,typeMustMatch:D,useMap:null,value:Y,width:v,wrap:null,writingSuggestions:null,align:null,aLink:null,archive:$,axis:null,background:null,bgColor:null,border:v,borderColor:null,bottomMargin:v,cellPadding:null,cellSpacing:null,char:null,charOff:null,classId:null,clear:null,code:null,codeBase:null,codeType:null,color:null,compact:D,declare:D,event:null,face:null,frame:null,frameBorder:null,hSpace:v,leftMargin:v,link:null,longDesc:null,lowSrc:null,marginHeight:v,marginWidth:v,noResize:D,noHref:D,noShade:D,noWrap:D,object:null,profile:null,prompt:null,rev:null,rightMargin:v,rules:null,scheme:null,scrolling:Y,standby:null,summary:null,text:null,topMargin:v,valueType:null,version:null,vAlign:null,vLink:null,vSpace:v,allowTransparency:null,autoCorrect:null,autoSave:null,credentialless:D,disablePictureInPicture:D,disableRemotePlayback:D,exportParts:Ee,part:$,prefix:null,property:null,results:v,security:null,unselectable:null},space:"html",transform:lr}),Ei=Re({attributes:{accentHeight:"accent-height",alignmentBaseline:"alignment-baseline",arabicForm:"arabic-form",baselineShift:"baseline-shift",capHeight:"cap-height",className:"class",clipPath:"clip-path",clipRule:"clip-rule",colorInterpolation:"color-interpolation",colorInterpolationFilters:"color-interpolation-filters",colorProfile:"color-profile",colorRendering:"color-rendering",crossOrigin:"crossorigin",dataType:"datatype",dominantBaseline:"dominant-baseline",enableBackground:"enable-background",fillOpacity:"fill-opacity",fillRule:"fill-rule",floodColor:"flood-color",floodOpacity:"flood-opacity",fontFamily:"font-family",fontSize:"font-size",fontSizeAdjust:"font-size-adjust",fontStretch:"font-stretch",fontStyle:"font-style",fontVariant:"font-variant",fontWeight:"font-weight",glyphName:"glyph-name",glyphOrientationHorizontal:"glyph-orientation-horizontal",glyphOrientationVertical:"glyph-orientation-vertical",hrefLang:"hreflang",horizAdvX:"horiz-adv-x",horizOriginX:"horiz-origin-x",horizOriginY:"horiz-origin-y",imageRendering:"image-rendering",letterSpacing:"letter-spacing",lightingColor:"lighting-color",markerEnd:"marker-end",markerMid:"marker-mid",markerStart:"marker-start",maskType:"mask-type",navDown:"nav-down",navDownLeft:"nav-down-left",navDownRight:"nav-down-right",navLeft:"nav-left",navNext:"nav-next",navPrev:"nav-prev",navRight:"nav-right",navUp:"nav-up",navUpLeft:"nav-up-left",navUpRight:"nav-up-right",onAbort:"onabort",onActivate:"onactivate",onAfterPrint:"onafterprint",onBeforePrint:"onbeforeprint",onBegin:"onbegin",onCancel:"oncancel",onCanPlay:"oncanplay",onCanPlayThrough:"oncanplaythrough",onChange:"onchange",onClick:"onclick",onClose:"onclose",onCopy:"oncopy",onCueChange:"oncuechange",onCut:"oncut",onDblClick:"ondblclick",onDrag:"ondrag",onDragEnd:"ondragend",onDragEnter:"ondragenter",onDragExit:"ondragexit",onDragLeave:"ondragleave",onDragOver:"ondragover",onDragStart:"ondragstart",onDrop:"ondrop",onDurationChange:"ondurationchange",onEmptied:"onemptied",onEnd:"onend",onEnded:"onended",onError:"onerror",onFocus:"onfocus",onFocusIn:"onfocusin",onFocusOut:"onfocusout",onHashChange:"onhashchange",onInput:"oninput",onInvalid:"oninvalid",onKeyDown:"onkeydown",onKeyPress:"onkeypress",onKeyUp:"onkeyup",onLoad:"onload",onLoadedData:"onloadeddata",onLoadedMetadata:"onloadedmetadata",onLoadStart:"onloadstart",onMessage:"onmessage",onMouseDown:"onmousedown",onMouseEnter:"onmouseenter",onMouseLeave:"onmouseleave",onMouseMove:"onmousemove",onMouseOut:"onmouseout",onMouseOver:"onmouseover",onMouseUp:"onmouseup",onMouseWheel:"onmousewheel",onOffline:"onoffline",onOnline:"ononline",onPageHide:"onpagehide",onPageShow:"onpageshow",onPaste:"onpaste",onPause:"onpause",onPlay:"onplay",onPlaying:"onplaying",onPopState:"onpopstate",onProgress:"onprogress",onRateChange:"onratechange",onRepeat:"onrepeat",onReset:"onreset",onResize:"onresize",onScroll:"onscroll",onSeeked:"onseeked",onSeeking:"onseeking",onSelect:"onselect",onShow:"onshow",onStalled:"onstalled",onStorage:"onstorage",onSubmit:"onsubmit",onSuspend:"onsuspend",onTimeUpdate:"ontimeupdate",onToggle:"ontoggle",onUnload:"onunload",onVolumeChange:"onvolumechange",onWaiting:"onwaiting",onZoom:"onzoom",overlinePosition:"overline-position",overlineThickness:"overline-thickness",paintOrder:"paint-order",panose1:"panose-1",pointerEvents:"pointer-events",referrerPolicy:"referrerpolicy",renderingIntent:"rendering-intent",shapeRendering:"shape-rendering",stopColor:"stop-color",stopOpacity:"stop-opacity",strikethroughPosition:"strikethrough-position",strikethroughThickness:"strikethrough-thickness",strokeDashArray:"stroke-dasharray",strokeDashOffset:"stroke-dashoffset",strokeLineCap:"stroke-linecap",strokeLineJoin:"stroke-linejoin",strokeMiterLimit:"stroke-miterlimit",strokeOpacity:"stroke-opacity",strokeWidth:"stroke-width",tabIndex:"tabindex",textAnchor:"text-anchor",textDecoration:"text-decoration",textRendering:"text-rendering",transformOrigin:"transform-origin",typeOf:"typeof",underlinePosition:"underline-position",underlineThickness:"underline-thickness",unicodeBidi:"unicode-bidi",unicodeRange:"unicode-range",unitsPerEm:"units-per-em",vAlphabetic:"v-alphabetic",vHanging:"v-hanging",vIdeographic:"v-ideographic",vMathematical:"v-mathematical",vectorEffect:"vector-effect",vertAdvY:"vert-adv-y",vertOriginX:"vert-origin-x",vertOriginY:"vert-origin-y",wordSpacing:"word-spacing",writingMode:"writing-mode",xHeight:"x-height",playbackOrder:"playbackorder",timelineBegin:"timelinebegin"},properties:{about:te,accentHeight:v,accumulate:null,additive:null,alignmentBaseline:null,alphabetic:v,amplitude:v,arabicForm:null,ascent:v,attributeName:null,attributeType:null,azimuth:v,bandwidth:null,baselineShift:null,baseFrequency:null,baseProfile:null,bbox:null,begin:null,bias:v,by:null,calcMode:null,capHeight:v,className:$,clip:null,clipPath:null,clipPathUnits:null,clipRule:null,color:null,colorInterpolation:null,colorInterpolationFilters:null,colorProfile:null,colorRendering:null,content:null,contentScriptType:null,contentStyleType:null,crossOrigin:null,cursor:null,cx:null,cy:null,d:null,dataType:null,defaultAction:null,descent:v,diffuseConstant:v,direction:null,display:null,dur:null,divisor:v,dominantBaseline:null,download:D,dx:null,dy:null,edgeMode:null,editable:null,elevation:v,enableBackground:null,end:null,event:null,exponent:v,externalResourcesRequired:null,fill:null,fillOpacity:v,fillRule:null,filter:null,filterRes:null,filterUnits:null,floodColor:null,floodOpacity:null,focusable:null,focusHighlight:null,fontFamily:null,fontSize:null,fontSizeAdjust:null,fontStretch:null,fontStyle:null,fontVariant:null,fontWeight:null,format:null,fr:null,from:null,fx:null,fy:null,g1:Ee,g2:Ee,glyphName:Ee,glyphOrientationHorizontal:null,glyphOrientationVertical:null,glyphRef:null,gradientTransform:null,gradientUnits:null,handler:null,hanging:v,hatchContentUnits:null,hatchUnits:null,height:null,href:null,hrefLang:null,horizAdvX:v,horizOriginX:v,horizOriginY:v,id:null,ideographic:v,imageRendering:null,initialVisibility:null,in:null,in2:null,intercept:v,k:v,k1:v,k2:v,k3:v,k4:v,kernelMatrix:te,kernelUnitLength:null,keyPoints:null,keySplines:null,keyTimes:null,kerning:null,lang:null,lengthAdjust:null,letterSpacing:null,lightingColor:null,limitingConeAngle:v,local:null,markerEnd:null,markerMid:null,markerStart:null,markerHeight:null,markerUnits:null,markerWidth:null,mask:null,maskContentUnits:null,maskType:null,maskUnits:null,mathematical:null,max:null,media:null,mediaCharacterEncoding:null,mediaContentEncodings:null,mediaSize:v,mediaTime:null,method:null,min:null,mode:null,name:null,navDown:null,navDownLeft:null,navDownRight:null,navLeft:null,navNext:null,navPrev:null,navRight:null,navUp:null,navUpLeft:null,navUpRight:null,numOctaves:null,observer:null,offset:null,onAbort:null,onActivate:null,onAfterPrint:null,onBeforePrint:null,onBegin:null,onCancel:null,onCanPlay:null,onCanPlayThrough:null,onChange:null,onClick:null,onClose:null,onCopy:null,onCueChange:null,onCut:null,onDblClick:null,onDrag:null,onDragEnd:null,onDragEnter:null,onDragExit:null,onDragLeave:null,onDragOver:null,onDragStart:null,onDrop:null,onDurationChange:null,onEmptied:null,onEnd:null,onEnded:null,onError:null,onFocus:null,onFocusIn:null,onFocusOut:null,onHashChange:null,onInput:null,onInvalid:null,onKeyDown:null,onKeyPress:null,onKeyUp:null,onLoad:null,onLoadedData:null,onLoadedMetadata:null,onLoadStart:null,onMessage:null,onMouseDown:null,onMouseEnter:null,onMouseLeave:null,onMouseMove:null,onMouseOut:null,onMouseOver:null,onMouseUp:null,onMouseWheel:null,onOffline:null,onOnline:null,onPageHide:null,onPageShow:null,onPaste:null,onPause:null,onPlay:null,onPlaying:null,onPopState:null,onProgress:null,onRateChange:null,onRepeat:null,onReset:null,onResize:null,onScroll:null,onSeeked:null,onSeeking:null,onSelect:null,onShow:null,onStalled:null,onStorage:null,onSubmit:null,onSuspend:null,onTimeUpdate:null,onToggle:null,onUnload:null,onVolumeChange:null,onWaiting:null,onZoom:null,opacity:null,operator:null,order:null,orient:null,orientation:null,origin:null,overflow:null,overlay:null,overlinePosition:v,overlineThickness:v,paintOrder:null,panose1:null,path:null,pathLength:v,patternContentUnits:null,patternTransform:null,patternUnits:null,phase:null,ping:$,pitch:null,playbackOrder:null,pointerEvents:null,points:null,pointsAtX:v,pointsAtY:v,pointsAtZ:v,preserveAlpha:null,preserveAspectRatio:null,primitiveUnits:null,propagate:null,property:te,r:null,radius:null,referrerPolicy:null,refX:null,refY:null,rel:te,rev:te,renderingIntent:null,repeatCount:null,repeatDur:null,requiredExtensions:te,requiredFeatures:te,requiredFonts:te,requiredFormats:te,resource:null,restart:null,result:null,rotate:null,rx:null,ry:null,scale:null,seed:null,shapeRendering:null,side:null,slope:null,snapshotTime:null,specularConstant:v,specularExponent:v,spreadMethod:null,spacing:null,startOffset:null,stdDeviation:null,stemh:null,stemv:null,stitchTiles:null,stopColor:null,stopOpacity:null,strikethroughPosition:v,strikethroughThickness:v,string:null,stroke:null,strokeDashArray:te,strokeDashOffset:null,strokeLineCap:null,strokeLineJoin:null,strokeMiterLimit:v,strokeOpacity:v,strokeWidth:null,style:null,surfaceScale:v,syncBehavior:null,syncBehaviorDefault:null,syncMaster:null,syncTolerance:null,syncToleranceDefault:null,systemLanguage:te,tabIndex:v,tableValues:null,target:null,targetX:v,targetY:v,textAnchor:null,textDecoration:null,textRendering:null,textLength:null,timelineBegin:null,title:null,transformBehavior:null,type:null,typeOf:te,to:null,transform:null,transformOrigin:null,u1:null,u2:null,underlinePosition:v,underlineThickness:v,unicode:null,unicodeBidi:null,unicodeRange:null,unitsPerEm:v,values:null,vAlphabetic:v,vMathematical:v,vectorEffect:null,vHanging:v,vIdeographic:v,version:null,vertAdvY:v,vertOriginX:v,vertOriginY:v,viewBox:null,viewTarget:null,visibility:null,width:null,widths:null,wordSpacing:null,writingMode:null,x:null,x1:null,x2:null,xChannelSelector:null,xHeight:v,y:null,y1:null,y2:null,yChannelSelector:null,z:null,zoomAndPan:null},space:"svg",transform:ir}),or=Re({properties:{xLinkActuate:null,xLinkArcRole:null,xLinkHref:null,xLinkRole:null,xLinkShow:null,xLinkTitle:null,xLinkType:null},space:"xlink",transform(e,t){return"xlink:"+t.slice(5).toLowerCase()}}),ar=Re({attributes:{xmlnsxlink:"xmlns:xlink"},properties:{xmlnsXLink:null,xmlns:null},space:"xmlns",transform:lr}),sr=Re({properties:{xmlBase:null,xmlLang:null,xmlSpace:null},space:"xml",transform(e,t){return"xml:"+t.slice(3).toLowerCase()}}),Ti={classId:"classID",dataType:"datatype",itemId:"itemID",strokeDashArray:"strokeDasharray",strokeDashOffset:"strokeDashoffset",strokeLineCap:"strokeLinecap",strokeLineJoin:"strokeLinejoin",strokeMiterLimit:"strokeMiterlimit",typeOf:"typeof",xLinkActuate:"xlinkActuate",xLinkArcRole:"xlinkArcrole",xLinkHref:"xlinkHref",xLinkRole:"xlinkRole",xLinkShow:"xlinkShow",xLinkTitle:"xlinkTitle",xLinkType:"xlinkType",xmlnsXLink:"xmlnsXlink"},Ii=/[A-Z]/g,dt=/-[a-z]/g,Ai=/^data[-\w.:]+$/i;function Pi(e,t){const n=zn(t);let r=t,i=ee;if(n in e.normal)return e.property[e.normal[n]];if(n.length>4&&n.slice(0,4)==="data"&&Ai.test(t)){if(t.charAt(4)==="-"){const o=t.slice(5).replace(dt,_i);r="data"+o.charAt(0).toUpperCase()+o.slice(1)}else{const o=t.slice(4);if(!dt.test(o)){let l=o.replace(Ii,zi);l.charAt(0)!=="-"&&(l="-"+l),t="data"+l}}i=qn}return new i(r,t)}function zi(e){return"-"+e.toLowerCase()}function _i(e){return e.charAt(1).toUpperCase()}const Di=tr([rr,vi,or,ar,sr],"html"),Hn=tr([rr,Ei,or,ar,sr],"svg");function Li(e){return e.join(" ").trim()}var _e={},dn,mt;function Ri(){if(mt)return dn;mt=1;var e=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g,t=/\n/g,n=/^\s*/,r=/^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/,i=/^:\s*/,o=/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/,l=/^[;\s]*/,a=/^\s+|\s+$/g,s=`
+import{j as re}from"./tanstack-query-1t81HyiD.js";import{P as gi}from"./index-DnXjp6g_.js";import{d as ct}from"./heroui-COmYdDDM.js";import{g as nr}from"./react-dgEcD0HR.js";function yi(e,t){const n={};return(e[e.length-1]===""?[...e,""]:e).join((n.padRight?" ":"")+","+(n.padLeft===!1?"":" ")).trim()}const ki=/^[$_\p{ID_Start}][$_\u{200C}\u{200D}\p{ID_Continue}]*$/u,xi=/^[$_\p{ID_Start}][-$_\u{200C}\u{200D}\p{ID_Continue}]*$/u,bi={};function ht(e,t){return(bi.jsx?xi:ki).test(e)}const wi=/[ \t\n\f\r]/g;function Si(e){return typeof e=="object"?e.type==="text"?ft(e.value):!1:ft(e)}function ft(e){return e.replace(wi,"")===""}class Ke{constructor(t,n,r){this.normal=n,this.property=t,r&&(this.space=r)}}Ke.prototype.normal={};Ke.prototype.property={};Ke.prototype.space=void 0;function tr(e,t){const n={},r={};for(const i of e)Object.assign(n,i.property),Object.assign(r,i.normal);return new Ke(n,r,t)}function zn(e){return e.toLowerCase()}class ee{constructor(t,n){this.attribute=n,this.property=t}}ee.prototype.attribute="";ee.prototype.booleanish=!1;ee.prototype.boolean=!1;ee.prototype.commaOrSpaceSeparated=!1;ee.prototype.commaSeparated=!1;ee.prototype.defined=!1;ee.prototype.mustUseProperty=!1;ee.prototype.number=!1;ee.prototype.overloadedBoolean=!1;ee.prototype.property="";ee.prototype.spaceSeparated=!1;ee.prototype.space=void 0;let Ci=0;const D=Ie(),Y=Ie(),_n=Ie(),v=Ie(),$=Ie(),Ee=Ie(),te=Ie();function Ie(){return 2**++Ci}const Dn=Object.freeze(Object.defineProperty({__proto__:null,boolean:D,booleanish:Y,commaOrSpaceSeparated:te,commaSeparated:Ee,number:v,overloadedBoolean:_n,spaceSeparated:$},Symbol.toStringTag,{value:"Module"})),pn=Object.keys(Dn);class qn extends ee{constructor(t,n,r,i){let o=-1;if(super(t,n),pt(this,"space",i),typeof r=="number")for(;++o<pn.length;){const l=pn[o];pt(this,pn[o],(r&Dn[l])===Dn[l])}}}qn.prototype.defined=!0;function pt(e,t,n){n&&(e[t]=n)}function Re(e){const t={},n={};for(const[r,i]of Object.entries(e.properties)){const o=new qn(r,e.transform(e.attributes||{},r),i,e.space);e.mustUseProperty&&e.mustUseProperty.includes(r)&&(o.mustUseProperty=!0),t[r]=o,n[zn(r)]=r,n[zn(o.attribute)]=r}return new Ke(t,n,e.space)}const rr=Re({properties:{ariaActiveDescendant:null,ariaAtomic:Y,ariaAutoComplete:null,ariaBusy:Y,ariaChecked:Y,ariaColCount:v,ariaColIndex:v,ariaColSpan:v,ariaControls:$,ariaCurrent:null,ariaDescribedBy:$,ariaDetails:null,ariaDisabled:Y,ariaDropEffect:$,ariaErrorMessage:null,ariaExpanded:Y,ariaFlowTo:$,ariaGrabbed:Y,ariaHasPopup:null,ariaHidden:Y,ariaInvalid:null,ariaKeyShortcuts:null,ariaLabel:null,ariaLabelledBy:$,ariaLevel:v,ariaLive:null,ariaModal:Y,ariaMultiLine:Y,ariaMultiSelectable:Y,ariaOrientation:null,ariaOwns:$,ariaPlaceholder:null,ariaPosInSet:v,ariaPressed:Y,ariaReadOnly:Y,ariaRelevant:null,ariaRequired:Y,ariaRoleDescription:$,ariaRowCount:v,ariaRowIndex:v,ariaRowSpan:v,ariaSelected:Y,ariaSetSize:v,ariaSort:null,ariaValueMax:v,ariaValueMin:v,ariaValueNow:v,ariaValueText:null,role:null},transform(e,t){return t==="role"?t:"aria-"+t.slice(4).toLowerCase()}});function ir(e,t){return t in e?e[t]:t}function lr(e,t){return ir(e,t.toLowerCase())}const vi=Re({attributes:{acceptcharset:"accept-charset",classname:"class",htmlfor:"for",httpequiv:"http-equiv"},mustUseProperty:["checked","multiple","muted","selected"],properties:{abbr:null,accept:Ee,acceptCharset:$,accessKey:$,action:null,allow:null,allowFullScreen:D,allowPaymentRequest:D,allowUserMedia:D,alpha:D,alt:null,as:null,async:D,autoCapitalize:null,autoComplete:$,autoFocus:D,autoPlay:D,blocking:$,capture:null,charSet:null,checked:D,cite:null,className:$,closedBy:null,colorSpace:null,cols:v,colSpan:v,command:null,commandFor:null,content:null,contentEditable:Y,controls:D,controlsList:$,coords:v|Ee,crossOrigin:null,data:null,dateTime:null,decoding:null,default:D,defer:D,dir:null,dirName:null,disabled:D,download:_n,draggable:Y,encType:null,enterKeyHint:null,fetchPriority:null,form:null,formAction:null,formEncType:null,formMethod:null,formNoValidate:D,formTarget:null,headers:$,height:v,hidden:_n,high:v,href:null,hrefLang:null,htmlFor:$,httpEquiv:$,id:null,imageSizes:null,imageSrcSet:null,inert:D,inputMode:null,integrity:null,is:null,isMap:D,itemId:null,itemProp:$,itemRef:$,itemScope:D,itemType:$,kind:null,label:null,lang:null,language:null,list:null,loading:null,loop:D,low:v,manifest:null,max:null,maxLength:v,media:null,method:null,min:null,minLength:v,multiple:D,muted:D,name:null,nonce:null,noModule:D,noValidate:D,onAbort:null,onAfterPrint:null,onAuxClick:null,onBeforeMatch:null,onBeforePrint:null,onBeforeToggle:null,onBeforeUnload:null,onBlur:null,onCancel:null,onCanPlay:null,onCanPlayThrough:null,onChange:null,onClick:null,onClose:null,onContextLost:null,onContextMenu:null,onContextRestored:null,onCopy:null,onCueChange:null,onCut:null,onDblClick:null,onDrag:null,onDragEnd:null,onDragEnter:null,onDragExit:null,onDragLeave:null,onDragOver:null,onDragStart:null,onDrop:null,onDurationChange:null,onEmptied:null,onEnded:null,onError:null,onFocus:null,onFormData:null,onHashChange:null,onInput:null,onInvalid:null,onKeyDown:null,onKeyPress:null,onKeyUp:null,onLanguageChange:null,onLoad:null,onLoadedData:null,onLoadedMetadata:null,onLoadEnd:null,onLoadStart:null,onMessage:null,onMessageError:null,onMouseDown:null,onMouseEnter:null,onMouseLeave:null,onMouseMove:null,onMouseOut:null,onMouseOver:null,onMouseUp:null,onOffline:null,onOnline:null,onPageHide:null,onPageShow:null,onPaste:null,onPause:null,onPlay:null,onPlaying:null,onPopState:null,onProgress:null,onRateChange:null,onRejectionHandled:null,onReset:null,onResize:null,onScroll:null,onScrollEnd:null,onSecurityPolicyViolation:null,onSeeked:null,onSeeking:null,onSelect:null,onSlotChange:null,onStalled:null,onStorage:null,onSubmit:null,onSuspend:null,onTimeUpdate:null,onToggle:null,onUnhandledRejection:null,onUnload:null,onVolumeChange:null,onWaiting:null,onWheel:null,open:D,optimum:v,pattern:null,ping:$,placeholder:null,playsInline:D,popover:null,popoverTarget:null,popoverTargetAction:null,poster:null,preload:null,readOnly:D,referrerPolicy:null,rel:$,required:D,reversed:D,rows:v,rowSpan:v,sandbox:$,scope:null,scoped:D,seamless:D,selected:D,shadowRootClonable:D,shadowRootCustomElementRegistry:D,shadowRootDelegatesFocus:D,shadowRootMode:null,shadowRootSerializable:D,shape:null,size:v,sizes:null,slot:null,span:v,spellCheck:Y,src:null,srcDoc:null,srcLang:null,srcSet:null,start:v,step:null,style:null,tabIndex:v,target:null,title:null,translate:null,type:null,typeMustMatch:D,useMap:null,value:Y,width:v,wrap:null,writingSuggestions:null,align:null,aLink:null,archive:$,axis:null,background:null,bgColor:null,border:v,borderColor:null,bottomMargin:v,cellPadding:null,cellSpacing:null,char:null,charOff:null,classId:null,clear:null,code:null,codeBase:null,codeType:null,color:null,compact:D,declare:D,event:null,face:null,frame:null,frameBorder:null,hSpace:v,leftMargin:v,link:null,longDesc:null,lowSrc:null,marginHeight:v,marginWidth:v,noResize:D,noHref:D,noShade:D,noWrap:D,object:null,profile:null,prompt:null,rev:null,rightMargin:v,rules:null,scheme:null,scrolling:Y,standby:null,summary:null,text:null,topMargin:v,valueType:null,version:null,vAlign:null,vLink:null,vSpace:v,allowTransparency:null,autoCorrect:null,autoSave:null,credentialless:D,disablePictureInPicture:D,disableRemotePlayback:D,exportParts:Ee,part:$,prefix:null,property:null,results:v,security:null,unselectable:null},space:"html",transform:lr}),Ei=Re({attributes:{accentHeight:"accent-height",alignmentBaseline:"alignment-baseline",arabicForm:"arabic-form",baselineShift:"baseline-shift",capHeight:"cap-height",className:"class",clipPath:"clip-path",clipRule:"clip-rule",colorInterpolation:"color-interpolation",colorInterpolationFilters:"color-interpolation-filters",colorProfile:"color-profile",colorRendering:"color-rendering",crossOrigin:"crossorigin",dataType:"datatype",dominantBaseline:"dominant-baseline",enableBackground:"enable-background",fillOpacity:"fill-opacity",fillRule:"fill-rule",floodColor:"flood-color",floodOpacity:"flood-opacity",fontFamily:"font-family",fontSize:"font-size",fontSizeAdjust:"font-size-adjust",fontStretch:"font-stretch",fontStyle:"font-style",fontVariant:"font-variant",fontWeight:"font-weight",glyphName:"glyph-name",glyphOrientationHorizontal:"glyph-orientation-horizontal",glyphOrientationVertical:"glyph-orientation-vertical",hrefLang:"hreflang",horizAdvX:"horiz-adv-x",horizOriginX:"horiz-origin-x",horizOriginY:"horiz-origin-y",imageRendering:"image-rendering",letterSpacing:"letter-spacing",lightingColor:"lighting-color",markerEnd:"marker-end",markerMid:"marker-mid",markerStart:"marker-start",maskType:"mask-type",navDown:"nav-down",navDownLeft:"nav-down-left",navDownRight:"nav-down-right",navLeft:"nav-left",navNext:"nav-next",navPrev:"nav-prev",navRight:"nav-right",navUp:"nav-up",navUpLeft:"nav-up-left",navUpRight:"nav-up-right",onAbort:"onabort",onActivate:"onactivate",onAfterPrint:"onafterprint",onBeforePrint:"onbeforeprint",onBegin:"onbegin",onCancel:"oncancel",onCanPlay:"oncanplay",onCanPlayThrough:"oncanplaythrough",onChange:"onchange",onClick:"onclick",onClose:"onclose",onCopy:"oncopy",onCueChange:"oncuechange",onCut:"oncut",onDblClick:"ondblclick",onDrag:"ondrag",onDragEnd:"ondragend",onDragEnter:"ondragenter",onDragExit:"ondragexit",onDragLeave:"ondragleave",onDragOver:"ondragover",onDragStart:"ondragstart",onDrop:"ondrop",onDurationChange:"ondurationchange",onEmptied:"onemptied",onEnd:"onend",onEnded:"onended",onError:"onerror",onFocus:"onfocus",onFocusIn:"onfocusin",onFocusOut:"onfocusout",onHashChange:"onhashchange",onInput:"oninput",onInvalid:"oninvalid",onKeyDown:"onkeydown",onKeyPress:"onkeypress",onKeyUp:"onkeyup",onLoad:"onload",onLoadedData:"onloadeddata",onLoadedMetadata:"onloadedmetadata",onLoadStart:"onloadstart",onMessage:"onmessage",onMouseDown:"onmousedown",onMouseEnter:"onmouseenter",onMouseLeave:"onmouseleave",onMouseMove:"onmousemove",onMouseOut:"onmouseout",onMouseOver:"onmouseover",onMouseUp:"onmouseup",onMouseWheel:"onmousewheel",onOffline:"onoffline",onOnline:"ononline",onPageHide:"onpagehide",onPageShow:"onpageshow",onPaste:"onpaste",onPause:"onpause",onPlay:"onplay",onPlaying:"onplaying",onPopState:"onpopstate",onProgress:"onprogress",onRateChange:"onratechange",onRepeat:"onrepeat",onReset:"onreset",onResize:"onresize",onScroll:"onscroll",onSeeked:"onseeked",onSeeking:"onseeking",onSelect:"onselect",onShow:"onshow",onStalled:"onstalled",onStorage:"onstorage",onSubmit:"onsubmit",onSuspend:"onsuspend",onTimeUpdate:"ontimeupdate",onToggle:"ontoggle",onUnload:"onunload",onVolumeChange:"onvolumechange",onWaiting:"onwaiting",onZoom:"onzoom",overlinePosition:"overline-position",overlineThickness:"overline-thickness",paintOrder:"paint-order",panose1:"panose-1",pointerEvents:"pointer-events",referrerPolicy:"referrerpolicy",renderingIntent:"rendering-intent",shapeRendering:"shape-rendering",stopColor:"stop-color",stopOpacity:"stop-opacity",strikethroughPosition:"strikethrough-position",strikethroughThickness:"strikethrough-thickness",strokeDashArray:"stroke-dasharray",strokeDashOffset:"stroke-dashoffset",strokeLineCap:"stroke-linecap",strokeLineJoin:"stroke-linejoin",strokeMiterLimit:"stroke-miterlimit",strokeOpacity:"stroke-opacity",strokeWidth:"stroke-width",tabIndex:"tabindex",textAnchor:"text-anchor",textDecoration:"text-decoration",textRendering:"text-rendering",transformOrigin:"transform-origin",typeOf:"typeof",underlinePosition:"underline-position",underlineThickness:"underline-thickness",unicodeBidi:"unicode-bidi",unicodeRange:"unicode-range",unitsPerEm:"units-per-em",vAlphabetic:"v-alphabetic",vHanging:"v-hanging",vIdeographic:"v-ideographic",vMathematical:"v-mathematical",vectorEffect:"vector-effect",vertAdvY:"vert-adv-y",vertOriginX:"vert-origin-x",vertOriginY:"vert-origin-y",wordSpacing:"word-spacing",writingMode:"writing-mode",xHeight:"x-height",playbackOrder:"playbackorder",timelineBegin:"timelinebegin"},properties:{about:te,accentHeight:v,accumulate:null,additive:null,alignmentBaseline:null,alphabetic:v,amplitude:v,arabicForm:null,ascent:v,attributeName:null,attributeType:null,azimuth:v,bandwidth:null,baselineShift:null,baseFrequency:null,baseProfile:null,bbox:null,begin:null,bias:v,by:null,calcMode:null,capHeight:v,className:$,clip:null,clipPath:null,clipPathUnits:null,clipRule:null,color:null,colorInterpolation:null,colorInterpolationFilters:null,colorProfile:null,colorRendering:null,content:null,contentScriptType:null,contentStyleType:null,crossOrigin:null,cursor:null,cx:null,cy:null,d:null,dataType:null,defaultAction:null,descent:v,diffuseConstant:v,direction:null,display:null,dur:null,divisor:v,dominantBaseline:null,download:D,dx:null,dy:null,edgeMode:null,editable:null,elevation:v,enableBackground:null,end:null,event:null,exponent:v,externalResourcesRequired:null,fill:null,fillOpacity:v,fillRule:null,filter:null,filterRes:null,filterUnits:null,floodColor:null,floodOpacity:null,focusable:null,focusHighlight:null,fontFamily:null,fontSize:null,fontSizeAdjust:null,fontStretch:null,fontStyle:null,fontVariant:null,fontWeight:null,format:null,fr:null,from:null,fx:null,fy:null,g1:Ee,g2:Ee,glyphName:Ee,glyphOrientationHorizontal:null,glyphOrientationVertical:null,glyphRef:null,gradientTransform:null,gradientUnits:null,handler:null,hanging:v,hatchContentUnits:null,hatchUnits:null,height:null,href:null,hrefLang:null,horizAdvX:v,horizOriginX:v,horizOriginY:v,id:null,ideographic:v,imageRendering:null,initialVisibility:null,in:null,in2:null,intercept:v,k:v,k1:v,k2:v,k3:v,k4:v,kernelMatrix:te,kernelUnitLength:null,keyPoints:null,keySplines:null,keyTimes:null,kerning:null,lang:null,lengthAdjust:null,letterSpacing:null,lightingColor:null,limitingConeAngle:v,local:null,markerEnd:null,markerMid:null,markerStart:null,markerHeight:null,markerUnits:null,markerWidth:null,mask:null,maskContentUnits:null,maskType:null,maskUnits:null,mathematical:null,max:null,media:null,mediaCharacterEncoding:null,mediaContentEncodings:null,mediaSize:v,mediaTime:null,method:null,min:null,mode:null,name:null,navDown:null,navDownLeft:null,navDownRight:null,navLeft:null,navNext:null,navPrev:null,navRight:null,navUp:null,navUpLeft:null,navUpRight:null,numOctaves:null,observer:null,offset:null,onAbort:null,onActivate:null,onAfterPrint:null,onBeforePrint:null,onBegin:null,onCancel:null,onCanPlay:null,onCanPlayThrough:null,onChange:null,onClick:null,onClose:null,onCopy:null,onCueChange:null,onCut:null,onDblClick:null,onDrag:null,onDragEnd:null,onDragEnter:null,onDragExit:null,onDragLeave:null,onDragOver:null,onDragStart:null,onDrop:null,onDurationChange:null,onEmptied:null,onEnd:null,onEnded:null,onError:null,onFocus:null,onFocusIn:null,onFocusOut:null,onHashChange:null,onInput:null,onInvalid:null,onKeyDown:null,onKeyPress:null,onKeyUp:null,onLoad:null,onLoadedData:null,onLoadedMetadata:null,onLoadStart:null,onMessage:null,onMouseDown:null,onMouseEnter:null,onMouseLeave:null,onMouseMove:null,onMouseOut:null,onMouseOver:null,onMouseUp:null,onMouseWheel:null,onOffline:null,onOnline:null,onPageHide:null,onPageShow:null,onPaste:null,onPause:null,onPlay:null,onPlaying:null,onPopState:null,onProgress:null,onRateChange:null,onRepeat:null,onReset:null,onResize:null,onScroll:null,onSeeked:null,onSeeking:null,onSelect:null,onShow:null,onStalled:null,onStorage:null,onSubmit:null,onSuspend:null,onTimeUpdate:null,onToggle:null,onUnload:null,onVolumeChange:null,onWaiting:null,onZoom:null,opacity:null,operator:null,order:null,orient:null,orientation:null,origin:null,overflow:null,overlay:null,overlinePosition:v,overlineThickness:v,paintOrder:null,panose1:null,path:null,pathLength:v,patternContentUnits:null,patternTransform:null,patternUnits:null,phase:null,ping:$,pitch:null,playbackOrder:null,pointerEvents:null,points:null,pointsAtX:v,pointsAtY:v,pointsAtZ:v,preserveAlpha:null,preserveAspectRatio:null,primitiveUnits:null,propagate:null,property:te,r:null,radius:null,referrerPolicy:null,refX:null,refY:null,rel:te,rev:te,renderingIntent:null,repeatCount:null,repeatDur:null,requiredExtensions:te,requiredFeatures:te,requiredFonts:te,requiredFormats:te,resource:null,restart:null,result:null,rotate:null,rx:null,ry:null,scale:null,seed:null,shapeRendering:null,side:null,slope:null,snapshotTime:null,specularConstant:v,specularExponent:v,spreadMethod:null,spacing:null,startOffset:null,stdDeviation:null,stemh:null,stemv:null,stitchTiles:null,stopColor:null,stopOpacity:null,strikethroughPosition:v,strikethroughThickness:v,string:null,stroke:null,strokeDashArray:te,strokeDashOffset:null,strokeLineCap:null,strokeLineJoin:null,strokeMiterLimit:v,strokeOpacity:v,strokeWidth:null,style:null,surfaceScale:v,syncBehavior:null,syncBehaviorDefault:null,syncMaster:null,syncTolerance:null,syncToleranceDefault:null,systemLanguage:te,tabIndex:v,tableValues:null,target:null,targetX:v,targetY:v,textAnchor:null,textDecoration:null,textRendering:null,textLength:null,timelineBegin:null,title:null,transformBehavior:null,type:null,typeOf:te,to:null,transform:null,transformOrigin:null,u1:null,u2:null,underlinePosition:v,underlineThickness:v,unicode:null,unicodeBidi:null,unicodeRange:null,unitsPerEm:v,values:null,vAlphabetic:v,vMathematical:v,vectorEffect:null,vHanging:v,vIdeographic:v,version:null,vertAdvY:v,vertOriginX:v,vertOriginY:v,viewBox:null,viewTarget:null,visibility:null,width:null,widths:null,wordSpacing:null,writingMode:null,x:null,x1:null,x2:null,xChannelSelector:null,xHeight:v,y:null,y1:null,y2:null,yChannelSelector:null,z:null,zoomAndPan:null},space:"svg",transform:ir}),or=Re({properties:{xLinkActuate:null,xLinkArcRole:null,xLinkHref:null,xLinkRole:null,xLinkShow:null,xLinkTitle:null,xLinkType:null},space:"xlink",transform(e,t){return"xlink:"+t.slice(5).toLowerCase()}}),ar=Re({attributes:{xmlnsxlink:"xmlns:xlink"},properties:{xmlnsXLink:null,xmlns:null},space:"xmlns",transform:lr}),sr=Re({properties:{xmlBase:null,xmlLang:null,xmlSpace:null},space:"xml",transform(e,t){return"xml:"+t.slice(3).toLowerCase()}}),Ti={classId:"classID",dataType:"datatype",itemId:"itemID",strokeDashArray:"strokeDasharray",strokeDashOffset:"strokeDashoffset",strokeLineCap:"strokeLinecap",strokeLineJoin:"strokeLinejoin",strokeMiterLimit:"strokeMiterlimit",typeOf:"typeof",xLinkActuate:"xlinkActuate",xLinkArcRole:"xlinkArcrole",xLinkHref:"xlinkHref",xLinkRole:"xlinkRole",xLinkShow:"xlinkShow",xLinkTitle:"xlinkTitle",xLinkType:"xlinkType",xmlnsXLink:"xmlnsXlink"},Ii=/[A-Z]/g,dt=/-[a-z]/g,Ai=/^data[-\w.:]+$/i;function Pi(e,t){const n=zn(t);let r=t,i=ee;if(n in e.normal)return e.property[e.normal[n]];if(n.length>4&&n.slice(0,4)==="data"&&Ai.test(t)){if(t.charAt(4)==="-"){const o=t.slice(5).replace(dt,_i);r="data"+o.charAt(0).toUpperCase()+o.slice(1)}else{const o=t.slice(4);if(!dt.test(o)){let l=o.replace(Ii,zi);l.charAt(0)!=="-"&&(l="-"+l),t="data"+l}}i=qn}return new i(r,t)}function zi(e){return"-"+e.toLowerCase()}function _i(e){return e.charAt(1).toUpperCase()}const Di=tr([rr,vi,or,ar,sr],"html"),Hn=tr([rr,Ei,or,ar,sr],"svg");function Li(e){return e.join(" ").trim()}var _e={},dn,mt;function Ri(){if(mt)return dn;mt=1;var e=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g,t=/\n/g,n=/^\s*/,r=/^(\*?[-#/*\\\w]+(\[[0-9a-z_-]+\])?)\s*/,i=/^:\s*/,o=/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^)]*?\)|[^};])+)/,l=/^[;\s]*/,a=/^\s+|\s+$/g,s=`
 `,u="/",h="*",c="",p="comment",f="declaration";function g(S,y){if(typeof S!="string")throw new TypeError("First argument must be a string");if(!S)return[];y=y||{};var E=1,C=1;function R(_){var I=_.match(t);I&&(E+=I.length);var U=_.lastIndexOf(s);C=~U?_.length-U:C+_.length}function F(){var _={line:E,column:C};return function(I){return I.position=new b(_),j(),I}}function b(_){this.start=_,this.end={line:E,column:C},this.source=y.source}b.prototype.content=S;function M(_){var I=new Error(y.source+":"+E+":"+C+": "+_);if(I.reason=_,I.filename=y.source,I.line=E,I.column=C,I.source=S,!y.silent)throw I}function q(_){var I=_.exec(S);if(I){var U=I[0];return R(U),S=S.slice(U.length),I}}function j(){q(n)}function k(_){var I;for(_=_||[];I=A();)I!==!1&&_.push(I);return _}function A(){var _=F();if(!(u!=S.charAt(0)||h!=S.charAt(1))){for(var I=2;c!=S.charAt(I)&&(h!=S.charAt(I)||u!=S.charAt(I+1));)++I;if(I+=2,c===S.charAt(I-1))return M("End of comment missing");var U=S.slice(2,I-2);return C+=2,R(U),S=S.slice(I),C+=2,_({type:p,comment:U})}}function P(){var _=F(),I=q(r);if(I){if(A(),!q(i))return M("property missing ':'");var U=q(o),K=_({type:f,property:w(I[0].replace(e,c)),value:U?w(U[0].replace(e,c)):c});return q(l),K}}function H(){var _=[];k(_);for(var I;I=P();)I!==!1&&(_.push(I),k(_));return _}return j(),H()}function w(S){return S?S.replace(a,c):c}return dn=g,dn}var gt;function Fi(){if(gt)return _e;gt=1;var e=_e&&_e.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(_e,"__esModule",{value:!0}),_e.default=n;const t=e(Ri());function n(r,i){let o=null;if(!r||typeof r!="string")return o;const l=(0,t.default)(r),a=typeof i=="function";return l.forEach(s=>{if(s.type!=="declaration")return;const{property:u,value:h}=s;a?i(u,h,s):h&&(o=o||{},o[u]=h)}),o}return _e}var Be={},yt;function Oi(){if(yt)return Be;yt=1,Object.defineProperty(Be,"__esModule",{value:!0}),Be.camelCase=void 0;var e=/^--[a-zA-Z0-9_-]+$/,t=/-([a-z])/g,n=/^[^-]+$/,r=/^-(webkit|moz|ms|o|khtml)-/,i=/^-(ms)-/,o=function(u){return!u||n.test(u)||e.test(u)},l=function(u,h){return h.toUpperCase()},a=function(u,h){return"".concat(h,"-")},s=function(u,h){return h===void 0&&(h={}),o(u)?u:(u=u.toLowerCase(),h.reactCompat?u=u.replace(i,a):u=u.replace(r,a),u.replace(t,l))};return Be.camelCase=s,Be}var je,kt;function Mi(){if(kt)return je;kt=1;var e=je&&je.__importDefault||function(i){return i&&i.__esModule?i:{default:i}},t=e(Fi()),n=Oi();function r(i,o){var l={};return!i||typeof i!="string"||(0,t.default)(i,function(a,s){a&&s&&(l[(0,n.camelCase)(a,o)]=s)}),l}return r.default=r,je=r,je}var Ni=Mi();const Bi=nr(Ni),ur=cr("end"),Un=cr("start");function cr(e){return t;function t(n){const r=n&&n.position&&n.position[e]||{};if(typeof r.line=="number"&&r.line>0&&typeof r.column=="number"&&r.column>0)return{line:r.line,column:r.column,offset:typeof r.offset=="number"&&r.offset>-1?r.offset:void 0}}}function ji(e){const t=Un(e),n=ur(e);if(t&&n)return{start:t,end:n}}function Ue(e){return!e||typeof e!="object"?"":"position"in e||"type"in e?xt(e.position):"start"in e||"end"in e?xt(e):"line"in e||"column"in e?Ln(e):""}function Ln(e){return bt(e&&e.line)+":"+bt(e&&e.column)}function xt(e){return Ln(e&&e.start)+"-"+Ln(e&&e.end)}function bt(e){return e&&typeof e=="number"?e:1}class G extends Error{constructor(t,n,r){super(),typeof n=="string"&&(r=n,n=void 0);let i="",o={},l=!1;if(n&&("line"in n&&"column"in n?o={place:n}:"start"in n&&"end"in n?o={place:n}:"type"in n?o={ancestors:[n],place:n.position}:o={...n}),typeof t=="string"?i=t:!o.cause&&t&&(l=!0,i=t.message,o.cause=t),!o.ruleId&&!o.source&&typeof r=="string"){const s=r.indexOf(":");s===-1?o.ruleId=r:(o.source=r.slice(0,s),o.ruleId=r.slice(s+1))}if(!o.place&&o.ancestors&&o.ancestors){const s=o.ancestors[o.ancestors.length-1];s&&(o.place=s.position)}const a=o.place&&"start"in o.place?o.place.start:o.place;this.ancestors=o.ancestors||void 0,this.cause=o.cause||void 0,this.column=a?a.column:void 0,this.fatal=void 0,this.file="",this.message=i,this.line=a?a.line:void 0,this.name=Ue(o.place)||"1:1",this.place=o.place||void 0,this.reason=this.message,this.ruleId=o.ruleId||void 0,this.source=o.source||void 0,this.stack=l&&o.cause&&typeof o.cause.stack=="string"?o.cause.stack:"",this.actual=void 0,this.expected=void 0,this.note=void 0,this.url=void 0}}G.prototype.file="";G.prototype.name="";G.prototype.reason="";G.prototype.message="";G.prototype.stack="";G.prototype.column=void 0;G.prototype.line=void 0;G.prototype.ancestors=void 0;G.prototype.cause=void 0;G.prototype.fatal=void 0;G.prototype.place=void 0;G.prototype.ruleId=void 0;G.prototype.source=void 0;const Vn={}.hasOwnProperty,qi=new Map,Hi=/[A-Z]/g,Ui=new Set(["table","tbody","thead","tfoot","tr"]),Vi=new Set(["td","th"]),hr="https://github.com/syntax-tree/hast-util-to-jsx-runtime";function $i(e,t){if(!t||t.Fragment===void 0)throw new TypeError("Expected `Fragment` in options");const n=t.filePath||void 0;let r;if(t.development){if(typeof t.jsxDEV!="function")throw new TypeError("Expected `jsxDEV` in options when `development: true`");r=Zi(n,t.jsxDEV)}else{if(typeof t.jsx!="function")throw new TypeError("Expected `jsx` in production options");if(typeof t.jsxs!="function")throw new TypeError("Expected `jsxs` in production options");r=Ji(n,t.jsx,t.jsxs)}const i={Fragment:t.Fragment,ancestors:[],components:t.components||{},create:r,elementAttributeNameCase:t.elementAttributeNameCase||"react",evaluater:t.createEvaluater?t.createEvaluater():void 0,filePath:n,ignoreInvalidStyle:t.ignoreInvalidStyle||!1,passKeys:t.passKeys!==!1,passNode:t.passNode||!1,schema:t.space==="svg"?Hn:Di,stylePropertyNameCase:t.stylePropertyNameCase||"dom",tableCellAlignToStyle:t.tableCellAlignToStyle!==!1},o=fr(i,e,void 0);return o&&typeof o!="string"?o:i.create(e,i.Fragment,{children:o||void 0},void 0)}function fr(e,t,n){if(t.type==="element")return Wi(e,t,n);if(t.type==="mdxFlowExpression"||t.type==="mdxTextExpression")return Yi(e,t);if(t.type==="mdxJsxFlowElement"||t.type==="mdxJsxTextElement")return Qi(e,t,n);if(t.type==="mdxjsEsm")return Ki(e,t);if(t.type==="root")return Xi(e,t,n);if(t.type==="text")return Gi(e,t)}function Wi(e,t,n){const r=e.schema;let i=r;t.tagName.toLowerCase()==="svg"&&r.space==="html"&&(i=Hn,e.schema=i),e.ancestors.push(t);const o=dr(e,t.tagName,!1),l=el(e,t);let a=Wn(e,t);return Ui.has(t.tagName)&&(a=a.filter(function(s){return typeof s=="string"?!Si(s):!0})),pr(e,l,o,t),$n(l,a),e.ancestors.pop(),e.schema=r,e.create(t,o,l,n)}function Yi(e,t){if(t.data&&t.data.estree&&e.evaluater){const r=t.data.estree.body[0];return r.type,e.evaluater.evaluateExpression(r.expression)}We(e,t.position)}function Ki(e,t){if(t.data&&t.data.estree&&e.evaluater)return e.evaluater.evaluateProgram(t.data.estree);We(e,t.position)}function Qi(e,t,n){const r=e.schema;let i=r;t.name==="svg"&&r.space==="html"&&(i=Hn,e.schema=i),e.ancestors.push(t);const o=t.name===null?e.Fragment:dr(e,t.name,!0),l=nl(e,t),a=Wn(e,t);return pr(e,l,o,t),$n(l,a),e.ancestors.pop(),e.schema=r,e.create(t,o,l,n)}function Xi(e,t,n){const r={};return $n(r,Wn(e,t)),e.create(t,e.Fragment,r,n)}function Gi(e,t){return t.value}function pr(e,t,n,r){typeof n!="string"&&n!==e.Fragment&&e.passNode&&(t.node=r)}function $n(e,t){if(t.length>0){const n=t.length>1?t:t[0];n&&(e.children=n)}}function Ji(e,t,n){return r;function r(i,o,l,a){const u=Array.isArray(l.children)?n:t;return a?u(o,l,a):u(o,l)}}function Zi(e,t){return n;function n(r,i,o,l){const a=Array.isArray(o.children),s=Un(r);return t(i,o,l,a,{columnNumber:s?s.column-1:void 0,fileName:e,lineNumber:s?s.line:void 0},void 0)}}function el(e,t){const n={};let r,i;for(i in t.properties)if(i!=="children"&&Vn.call(t.properties,i)){const o=tl(e,i,t.properties[i]);if(o){const[l,a]=o;e.tableCellAlignToStyle&&l==="align"&&typeof a=="string"&&Vi.has(t.tagName)?r=a:n[l]=a}}if(r){const o=n.style||(n.style={});o[e.stylePropertyNameCase==="css"?"text-align":"textAlign"]=r}return n}function nl(e,t){const n={};for(const r of t.attributes)if(r.type==="mdxJsxExpressionAttribute")if(r.data&&r.data.estree&&e.evaluater){const o=r.data.estree.body[0];o.type;const l=o.expression;l.type;const a=l.properties[0];a.type,Object.assign(n,e.evaluater.evaluateExpression(a.argument))}else We(e,t.position);else{const i=r.name;let o;if(r.value&&typeof r.value=="object")if(r.value.data&&r.value.data.estree&&e.evaluater){const a=r.value.data.estree.body[0];a.type,o=e.evaluater.evaluateExpression(a.expression)}else We(e,t.position);else o=r.value===null?!0:r.value;n[i]=o}return n}function Wn(e,t){const n=[];let r=-1;const i=e.passKeys?new Map:qi;for(;++r<t.children.length;){const o=t.children[r];let l;if(e.passKeys){const s=o.type==="element"?o.tagName:o.type==="mdxJsxFlowElement"||o.type==="mdxJsxTextElement"?o.name:void 0;if(s){const u=i.get(s)||0;l=s+"-"+u,i.set(s,u+1)}}const a=fr(e,o,l);a!==void 0&&n.push(a)}return n}function tl(e,t,n){const r=Pi(e.schema,t);if(!(n==null||typeof n=="number"&&Number.isNaN(n))){if(Array.isArray(n)&&(n=r.commaSeparated?yi(n):Li(n)),r.property==="style"){let i=typeof n=="object"?n:rl(e,String(n));return e.stylePropertyNameCase==="css"&&(i=il(i)),["style",i]}return[e.elementAttributeNameCase==="react"&&r.space?Ti[r.property]||r.property:r.attribute,n]}}function rl(e,t){try{return Bi(t,{reactCompat:!0})}catch(n){if(e.ignoreInvalidStyle)return{};const r=n,i=new G("Cannot parse `style` attribute",{ancestors:e.ancestors,cause:r,ruleId:"style",source:"hast-util-to-jsx-runtime"});throw i.file=e.filePath||void 0,i.url=hr+"#cannot-parse-style-attribute",i}}function dr(e,t,n){let r;if(!n)r={type:"Literal",value:t};else if(t.includes(".")){const i=t.split(".");let o=-1,l;for(;++o<i.length;){const a=ht(i[o])?{type:"Identifier",name:i[o]}:{type:"Literal",value:i[o]};l=l?{type:"MemberExpression",object:l,property:a,computed:!!(o&&a.type==="Literal"),optional:!1}:a}r=l}else r=ht(t)&&!/^[a-z]/.test(t)?{type:"Identifier",name:t}:{type:"Literal",value:t};if(r.type==="Literal"){const i=r.value;return Vn.call(e.components,i)?e.components[i]:i}if(e.evaluater)return e.evaluater.evaluateExpression(r);We(e)}function We(e,t){const n=new G("Cannot handle MDX estrees without `createEvaluater`",{ancestors:e.ancestors,place:t,ruleId:"mdx-estree",source:"hast-util-to-jsx-runtime"});throw n.file=e.filePath||void 0,n.url=hr+"#cannot-handle-mdx-estrees-without-createevaluater",n}function il(e){const t={};let n;for(n in e)Vn.call(e,n)&&(t[ll(n)]=e[n]);return t}function ll(e){let t=e.replace(Hi,ol);return t.slice(0,3)==="ms-"&&(t="-"+t),t}function ol(e){return"-"+e.toLowerCase()}const mn={action:["form"],cite:["blockquote","del","ins","q"],data:["object"],formAction:["button","input"],href:["a","area","base","link"],icon:["menuitem"],itemId:null,manifest:["html"],ping:["a","area"],poster:["video"],src:["audio","embed","iframe","img","input","script","source","track","video"]},al={};function Yn(e,t){const n=al,r=typeof n.includeImageAlt=="boolean"?n.includeImageAlt:!0,i=typeof n.includeHtml=="boolean"?n.includeHtml:!0;return mr(e,r,i)}function mr(e,t,n){if(sl(e)){if("value"in e)return e.type==="html"&&!n?"":e.value;if(t&&"alt"in e&&e.alt)return e.alt;if("children"in e)return wt(e.children,t,n)}return Array.isArray(e)?wt(e,t,n):""}function wt(e,t,n){const r=[];let i=-1;for(;++i<e.length;)r[i]=mr(e[i],t,n);return r.join("")}function sl(e){return!!(e&&typeof e=="object")}const St=document.createElement("i");function Kn(e){const t="&"+e+";";St.innerHTML=t;const n=St.textContent;return n.charCodeAt(n.length-1)===59&&e!=="semi"||n===t?!1:n}function ie(e,t,n,r){const i=e.length;let o=0,l;if(t<0?t=-t>i?0:i+t:t=t>i?i:t,n=n>0?n:0,r.length<1e4)l=Array.from(r),l.unshift(t,n),e.splice(...l);else for(n&&e.splice(t,n);o<r.length;)l=r.slice(o,o+1e4),l.unshift(t,0),e.splice(...l),o+=1e4,t+=1e4}function le(e,t){return e.length>0?(ie(e,e.length,0,t),e):t}const Ct={}.hasOwnProperty;function gr(e){const t={};let n=-1;for(;++n<e.length;)ul(t,e[n]);return t}function ul(e,t){let n;for(n in t){const i=(Ct.call(e,n)?e[n]:void 0)||(e[n]={}),o=t[n];let l;if(o)for(l in o){Ct.call(i,l)||(i[l]=[]);const a=o[l];cl(i[l],Array.isArray(a)?a:a?[a]:[])}}}function cl(e,t){let n=-1;const r=[];for(;++n<t.length;)(t[n].add==="after"?e:r).push(t[n]);ie(e,0,0,r)}function yr(e,t){const n=Number.parseInt(e,t);return n<9||n===11||n>13&&n<32||n>126&&n<160||n>55295&&n<57344||n>64975&&n<65008||(n&65535)===65535||(n&65535)===65534||n>1114111?"�":String.fromCodePoint(n)}function ce(e){return e.replace(/[\t\n\r ]+/g," ").replace(/^ | $/g,"").toLowerCase().toUpperCase()}const J=be(/[A-Za-z]/),X=be(/[\dA-Za-z]/),hl=be(/[#-'*+\--9=?A-Z^-~]/);function rn(e){return e!==null&&(e<32||e===127)}const Rn=be(/\d/),fl=be(/[\dA-Fa-f]/),pl=be(/[!-/:-@[-`{-~]/);function z(e){return e!==null&&e<-2}function W(e){return e!==null&&(e<0||e===32)}function O(e){return e===-2||e===-1||e===32}const sn=be(new RegExp("\\p{P}|\\p{S}","u")),Te=be(/\s/);function be(e){return t;function t(n){return n!==null&&n>-1&&e.test(String.fromCharCode(n))}}function Fe(e){const t=[];let n=-1,r=0,i=0;for(;++n<e.length;){const o=e.charCodeAt(n);let l="";if(o===37&&X(e.charCodeAt(n+1))&&X(e.charCodeAt(n+2)))i=2;else if(o<128)/[!#$&-;=?-Z_a-z~]/.test(String.fromCharCode(o))||(l=String.fromCharCode(o));else if(o>55295&&o<57344){const a=e.charCodeAt(n+1);o<56320&&a>56319&&a<57344?(l=String.fromCharCode(o,a),i=1):l="�"}else l=String.fromCharCode(o);l&&(t.push(e.slice(r,n),encodeURIComponent(l)),r=n+i+1,l=""),i&&(n+=i,i=0)}return t.join("")+e.slice(r)}function B(e,t,n,r){const i=r?r-1:Number.POSITIVE_INFINITY;let o=0;return l;function l(s){return O(s)?(e.enter(n),a(s)):t(s)}function a(s){return O(s)&&o++<i?(e.consume(s),a):(e.exit(n),t(s))}}const dl={tokenize:ml};function ml(e){const t=e.attempt(this.parser.constructs.contentInitial,r,i);let n;return t;function r(a){if(a===null){e.consume(a);return}return e.enter("lineEnding"),e.consume(a),e.exit("lineEnding"),B(e,t,"linePrefix")}function i(a){return e.enter("paragraph"),o(a)}function o(a){const s=e.enter("chunkText",{contentType:"text",previous:n});return n&&(n.next=s),n=s,l(a)}function l(a){if(a===null){e.exit("chunkText"),e.exit("paragraph"),e.consume(a);return}return z(a)?(e.consume(a),e.exit("chunkText"),o):(e.consume(a),l)}}const gl={tokenize:yl},vt={tokenize:kl};function yl(e){const t=this,n=[];let r=0,i,o,l;return a;function a(C){if(r<n.length){const R=n[r];return t.containerState=R[1],e.attempt(R[0].continuation,s,u)(C)}return u(C)}function s(C){if(r++,t.containerState._closeFlow){t.containerState._closeFlow=void 0,i&&E();const R=t.events.length;let F=R,b;for(;F--;)if(t.events[F][0]==="exit"&&t.events[F][1].type==="chunkFlow"){b=t.events[F][1].end;break}y(r);let M=R;for(;M<t.events.length;)t.events[M][1].end={...b},M++;return ie(t.events,F+1,0,t.events.slice(R)),t.events.length=M,u(C)}return a(C)}function u(C){if(r===n.length){if(!i)return p(C);if(i.currentConstruct&&i.currentConstruct.concrete)return g(C);t.interrupt=!!(i.currentConstruct&&!i._gfmTableDynamicInterruptHack)}return t.containerState={},e.check(vt,h,c)(C)}function h(C){return i&&E(),y(r),p(C)}function c(C){return t.parser.lazy[t.now().line]=r!==n.length,l=t.now().offset,g(C)}function p(C){return t.containerState={},e.attempt(vt,f,g)(C)}function f(C){return r++,n.push([t.currentConstruct,t.containerState]),p(C)}function g(C){if(C===null){i&&E(),y(0),e.consume(C);return}return i=i||t.parser.flow(t.now()),e.enter("chunkFlow",{_tokenizer:i,contentType:"flow",previous:o}),w(C)}function w(C){if(C===null){S(e.exit("chunkFlow"),!0),y(0),e.consume(C);return}return z(C)?(e.consume(C),S(e.exit("chunkFlow")),r=0,t.interrupt=void 0,a):(e.consume(C),w)}function S(C,R){const F=t.sliceStream(C);if(R&&F.push(null),C.previous=o,o&&(o.next=C),o=C,i.defineSkip(C.start),i.write(F),t.parser.lazy[C.start.line]){let b=i.events.length;for(;b--;)if(i.events[b][1].start.offset<l&&(!i.events[b][1].end||i.events[b][1].end.offset>l))return;const M=t.events.length;let q=M,j,k;for(;q--;)if(t.events[q][0]==="exit"&&t.events[q][1].type==="chunkFlow"){if(j){k=t.events[q][1].end;break}j=!0}for(y(r),b=M;b<t.events.length;)t.events[b][1].end={...k},b++;ie(t.events,q+1,0,t.events.slice(M)),t.events.length=b}}function y(C){let R=n.length;for(;R-- >C;){const F=n[R];t.containerState=F[1],F[0].exit.call(t,e)}n.length=C}function E(){i.write([null]),o=void 0,i=void 0,t.containerState._closeFlow=void 0}}function kl(e,t,n){return B(e,e.attempt(this.parser.constructs.document,t,n),"linePrefix",this.parser.constructs.disable.null.includes("codeIndented")?void 0:4)}function Le(e){if(e===null||W(e)||Te(e))return 1;if(sn(e))return 2}function un(e,t,n){const r=[];let i=-1;for(;++i<e.length;){const o=e[i].resolveAll;o&&!r.includes(o)&&(t=o(t,n),r.push(o))}return t}const Fn={name:"attention",resolveAll:xl,tokenize:bl};function xl(e,t){let n=-1,r,i,o,l,a,s,u,h;for(;++n<e.length;)if(e[n][0]==="enter"&&e[n][1].type==="attentionSequence"&&e[n][1]._close){for(r=n;r--;)if(e[r][0]==="exit"&&e[r][1].type==="attentionSequence"&&e[r][1]._open&&t.sliceSerialize(e[r][1]).charCodeAt(0)===t.sliceSerialize(e[n][1]).charCodeAt(0)){if((e[r][1]._close||e[n][1]._open)&&(e[n][1].end.offset-e[n][1].start.offset)%3&&!((e[r][1].end.offset-e[r][1].start.offset+e[n][1].end.offset-e[n][1].start.offset)%3))continue;s=e[r][1].end.offset-e[r][1].start.offset>1&&e[n][1].end.offset-e[n][1].start.offset>1?2:1;const c={...e[r][1].end},p={...e[n][1].start};Et(c,-s),Et(p,s),l={type:s>1?"strongSequence":"emphasisSequence",start:c,end:{...e[r][1].end}},a={type:s>1?"strongSequence":"emphasisSequence",start:{...e[n][1].start},end:p},o={type:s>1?"strongText":"emphasisText",start:{...e[r][1].end},end:{...e[n][1].start}},i={type:s>1?"strong":"emphasis",start:{...l.start},end:{...a.end}},e[r][1].end={...l.start},e[n][1].start={...a.end},u=[],e[r][1].end.offset-e[r][1].start.offset&&(u=le(u,[["enter",e[r][1],t],["exit",e[r][1],t]])),u=le(u,[["enter",i,t],["enter",l,t],["exit",l,t],["enter",o,t]]),u=le(u,un(t.parser.constructs.insideSpan.null,e.slice(r+1,n),t)),u=le(u,[["exit",o,t],["enter",a,t],["exit",a,t],["exit",i,t]]),e[n][1].end.offset-e[n][1].start.offset?(h=2,u=le(u,[["enter",e[n][1],t],["exit",e[n][1],t]])):h=0,ie(e,r-1,n-r+3,u),n=r+u.length-h-2;break}}for(n=-1;++n<e.length;)e[n][1].type==="attentionSequence"&&(e[n][1].type="data");return e}function bl(e,t){const n=this.parser.constructs.attentionMarkers.null,r=this.previous,i=Le(r);let o;return l;function l(s){return o=s,e.enter("attentionSequence"),a(s)}function a(s){if(s===o)return e.consume(s),a;const u=e.exit("attentionSequence"),h=Le(s),c=!h||h===2&&i||n.includes(s),p=!i||i===2&&h||n.includes(r);return u._open=!!(o===42?c:c&&(i||!p)),u._close=!!(o===42?p:p&&(h||!c)),t(s)}}function Et(e,t){e.column+=t,e.offset+=t,e._bufferIndex+=t}const wl={name:"autolink",tokenize:Sl};function Sl(e,t,n){let r=0;return i;function i(f){return e.enter("autolink"),e.enter("autolinkMarker"),e.consume(f),e.exit("autolinkMarker"),e.enter("autolinkProtocol"),o}function o(f){return J(f)?(e.consume(f),l):f===64?n(f):u(f)}function l(f){return f===43||f===45||f===46||X(f)?(r=1,a(f)):u(f)}function a(f){return f===58?(e.consume(f),r=0,s):(f===43||f===45||f===46||X(f))&&r++<32?(e.consume(f),a):(r=0,u(f))}function s(f){return f===62?(e.exit("autolinkProtocol"),e.enter("autolinkMarker"),e.consume(f),e.exit("autolinkMarker"),e.exit("autolink"),t):f===null||f===32||f===60||rn(f)?n(f):(e.consume(f),s)}function u(f){return f===64?(e.consume(f),h):hl(f)?(e.consume(f),u):n(f)}function h(f){return X(f)?c(f):n(f)}function c(f){return f===46?(e.consume(f),r=0,h):f===62?(e.exit("autolinkProtocol").type="autolinkEmail",e.enter("autolinkMarker"),e.consume(f),e.exit("autolinkMarker"),e.exit("autolink"),t):p(f)}function p(f){if((f===45||X(f))&&r++<63){const g=f===45?p:c;return e.consume(f),g}return n(f)}}const Qe={partial:!0,tokenize:Cl};function Cl(e,t,n){return r;function r(o){return O(o)?B(e,i,"linePrefix")(o):i(o)}function i(o){return o===null||z(o)?t(o):n(o)}}const kr={continuation:{tokenize:El},exit:Tl,name:"blockQuote",tokenize:vl};function vl(e,t,n){const r=this;return i;function i(l){if(l===62){const a=r.containerState;return a.open||(e.enter("blockQuote",{_container:!0}),a.open=!0),e.enter("blockQuotePrefix"),e.enter("blockQuoteMarker"),e.consume(l),e.exit("blockQuoteMarker"),o}return n(l)}function o(l){return O(l)?(e.enter("blockQuotePrefixWhitespace"),e.consume(l),e.exit("blockQuotePrefixWhitespace"),e.exit("blockQuotePrefix"),t):(e.exit("blockQuotePrefix"),t(l))}}function El(e,t,n){const r=this;return i;function i(l){return O(l)?B(e,o,"linePrefix",r.parser.constructs.disable.null.includes("codeIndented")?void 0:4)(l):o(l)}function o(l){return e.attempt(kr,t,n)(l)}}function Tl(e){e.exit("blockQuote")}const xr={name:"characterEscape",tokenize:Il};function Il(e,t,n){return r;function r(o){return e.enter("characterEscape"),e.enter("escapeMarker"),e.consume(o),e.exit("escapeMarker"),i}function i(o){return pl(o)?(e.enter("characterEscapeValue"),e.consume(o),e.exit("characterEscapeValue"),e.exit("characterEscape"),t):n(o)}}const br={name:"characterReference",tokenize:Al};function Al(e,t,n){const r=this;let i=0,o,l;return a;function a(c){return e.enter("characterReference"),e.enter("characterReferenceMarker"),e.consume(c),e.exit("characterReferenceMarker"),s}function s(c){return c===35?(e.enter("characterReferenceMarkerNumeric"),e.consume(c),e.exit("characterReferenceMarkerNumeric"),u):(e.enter("characterReferenceValue"),o=31,l=X,h(c))}function u(c){return c===88||c===120?(e.enter("characterReferenceMarkerHexadecimal"),e.consume(c),e.exit("characterReferenceMarkerHexadecimal"),e.enter("characterReferenceValue"),o=6,l=fl,h):(e.enter("characterReferenceValue"),o=7,l=Rn,h(c))}function h(c){if(c===59&&i){const p=e.exit("characterReferenceValue");return l===X&&!Kn(r.sliceSerialize(p))?n(c):(e.enter("characterReferenceMarker"),e.consume(c),e.exit("characterReferenceMarker"),e.exit("characterReference"),t)}return l(c)&&i++<o?(e.consume(c),h):n(c)}}const Tt={partial:!0,tokenize:zl},It={concrete:!0,name:"codeFenced",tokenize:Pl};function Pl(e,t,n){const r=this,i={partial:!0,tokenize:F};let o=0,l=0,a;return s;function s(b){return u(b)}function u(b){const M=r.events[r.events.length-1];return o=M&&M[1].type==="linePrefix"?M[2].sliceSerialize(M[1],!0).length:0,a=b,e.enter("codeFenced"),e.enter("codeFencedFence"),e.enter("codeFencedFenceSequence"),h(b)}function h(b){return b===a?(l++,e.consume(b),h):l<3?n(b):(e.exit("codeFencedFenceSequence"),O(b)?B(e,c,"whitespace")(b):c(b))}function c(b){return b===null||z(b)?(e.exit("codeFencedFence"),r.interrupt?t(b):e.check(Tt,w,R)(b)):(e.enter("codeFencedFenceInfo"),e.enter("chunkString",{contentType:"string"}),p(b))}function p(b){return b===null||z(b)?(e.exit("chunkString"),e.exit("codeFencedFenceInfo"),c(b)):O(b)?(e.exit("chunkString"),e.exit("codeFencedFenceInfo"),B(e,f,"whitespace")(b)):b===96&&b===a?n(b):(e.consume(b),p)}function f(b){return b===null||z(b)?c(b):(e.enter("codeFencedFenceMeta"),e.enter("chunkString",{contentType:"string"}),g(b))}function g(b){return b===null||z(b)?(e.exit("chunkString"),e.exit("codeFencedFenceMeta"),c(b)):b===96&&b===a?n(b):(e.consume(b),g)}function w(b){return e.attempt(i,R,S)(b)}function S(b){return e.enter("lineEnding"),e.consume(b),e.exit("lineEnding"),y}function y(b){return o>0&&O(b)?B(e,E,"linePrefix",o+1)(b):E(b)}function E(b){return b===null||z(b)?e.check(Tt,w,R)(b):(e.enter("codeFlowValue"),C(b))}function C(b){return b===null||z(b)?(e.exit("codeFlowValue"),E(b)):(e.consume(b),C)}function R(b){return e.exit("codeFenced"),t(b)}function F(b,M,q){let j=0;return k;function k(I){return b.enter("lineEnding"),b.consume(I),b.exit("lineEnding"),A}function A(I){return b.enter("codeFencedFence"),O(I)?B(b,P,"linePrefix",r.parser.constructs.disable.null.includes("codeIndented")?void 0:4)(I):P(I)}function P(I){return I===a?(b.enter("codeFencedFenceSequence"),H(I)):q(I)}function H(I){return I===a?(j++,b.consume(I),H):j>=l?(b.exit("codeFencedFenceSequence"),O(I)?B(b,_,"whitespace")(I):_(I)):q(I)}function _(I){return I===null||z(I)?(b.exit("codeFencedFence"),M(I)):q(I)}}}function zl(e,t,n){const r=this;return i;function i(l){return l===null?n(l):(e.enter("lineEnding"),e.consume(l),e.exit("lineEnding"),o)}function o(l){return r.parser.lazy[r.now().line]?n(l):t(l)}}const gn={name:"codeIndented",tokenize:Dl},_l={partial:!0,tokenize:Ll};function Dl(e,t,n){const r=this;return i;function i(u){return e.enter("codeIndented"),B(e,o,"linePrefix",5)(u)}function o(u){const h=r.events[r.events.length-1];return h&&h[1].type==="linePrefix"&&h[2].sliceSerialize(h[1],!0).length>=4?l(u):n(u)}function l(u){return u===null?s(u):z(u)?e.attempt(_l,l,s)(u):(e.enter("codeFlowValue"),a(u))}function a(u){return u===null||z(u)?(e.exit("codeFlowValue"),l(u)):(e.consume(u),a)}function s(u){return e.exit("codeIndented"),t(u)}}function Ll(e,t,n){const r=this;return i;function i(l){return r.parser.lazy[r.now().line]?n(l):z(l)?(e.enter("lineEnding"),e.consume(l),e.exit("lineEnding"),i):B(e,o,"linePrefix",5)(l)}function o(l){const a=r.events[r.events.length-1];return a&&a[1].type==="linePrefix"&&a[2].sliceSerialize(a[1],!0).length>=4?t(l):z(l)?i(l):n(l)}}const Rl={name:"codeText",previous:Ol,resolve:Fl,tokenize:Ml};function Fl(e){let t=e.length-4,n=3,r,i;if((e[n][1].type==="lineEnding"||e[n][1].type==="space")&&(e[t][1].type==="lineEnding"||e[t][1].type==="space")){for(r=n;++r<t;)if(e[r][1].type==="codeTextData"){e[n][1].type="codeTextPadding",e[t][1].type="codeTextPadding",n+=2,t-=2;break}}for(r=n-1,t++;++r<=t;)i===void 0?r!==t&&e[r][1].type!=="lineEnding"&&(i=r):(r===t||e[r][1].type==="lineEnding")&&(e[i][1].type="codeTextData",r!==i+2&&(e[i][1].end=e[r-1][1].end,e.splice(i+2,r-i-2),t-=r-i-2,r=i+2),i=void 0);return e}function Ol(e){return e!==96||this.events[this.events.length-1][1].type==="characterEscape"}function Ml(e,t,n){let r=0,i,o;return l;function l(c){return e.enter("codeText"),e.enter("codeTextSequence"),a(c)}function a(c){return c===96?(e.consume(c),r++,a):(e.exit("codeTextSequence"),s(c))}function s(c){return c===null?n(c):c===32?(e.enter("space"),e.consume(c),e.exit("space"),s):c===96?(o=e.enter("codeTextSequence"),i=0,h(c)):z(c)?(e.enter("lineEnding"),e.consume(c),e.exit("lineEnding"),s):(e.enter("codeTextData"),u(c))}function u(c){return c===null||c===32||c===96||z(c)?(e.exit("codeTextData"),s(c)):(e.consume(c),u)}function h(c){return c===96?(e.consume(c),i++,h):i===r?(e.exit("codeTextSequence"),e.exit("codeText"),t(c)):(o.type="codeTextData",u(c))}}class Nl{constructor(t){this.left=t?[...t]:[],this.right=[]}get(t){if(t<0||t>=this.left.length+this.right.length)throw new RangeError("Cannot access index `"+t+"` in a splice buffer of size `"+(this.left.length+this.right.length)+"`");return t<this.left.length?this.left[t]:this.right[this.right.length-t+this.left.length-1]}get length(){return this.left.length+this.right.length}shift(){return this.setCursor(0),this.right.pop()}slice(t,n){const r=n??Number.POSITIVE_INFINITY;return r<this.left.length?this.left.slice(t,r):t>this.left.length?this.right.slice(this.right.length-r+this.left.length,this.right.length-t+this.left.length).reverse():this.left.slice(t).concat(this.right.slice(this.right.length-r+this.left.length).reverse())}splice(t,n,r){const i=n||0;this.setCursor(Math.trunc(t));const o=this.right.splice(this.right.length-i,Number.POSITIVE_INFINITY);return r&&qe(this.left,r),o.reverse()}pop(){return this.setCursor(Number.POSITIVE_INFINITY),this.left.pop()}push(t){this.setCursor(Number.POSITIVE_INFINITY),this.left.push(t)}pushMany(t){this.setCursor(Number.POSITIVE_INFINITY),qe(this.left,t)}unshift(t){this.setCursor(0),this.right.push(t)}unshiftMany(t){this.setCursor(0),qe(this.right,t.reverse())}setCursor(t){if(!(t===this.left.length||t>this.left.length&&this.right.length===0||t<0&&this.left.length===0))if(t<this.left.length){const n=this.left.splice(t,Number.POSITIVE_INFINITY);qe(this.right,n.reverse())}else{const n=this.right.splice(this.left.length+this.right.length-t,Number.POSITIVE_INFINITY);qe(this.left,n.reverse())}}}function qe(e,t){let n=0;if(t.length<1e4)e.push(...t);else for(;n<t.length;)e.push(...t.slice(n,n+1e4)),n+=1e4}function wr(e){const t={};let n=-1,r,i,o,l,a,s,u;const h=new Nl(e);for(;++n<h.length;){for(;n in t;)n=t[n];if(r=h.get(n),n&&r[1].type==="chunkFlow"&&h.get(n-1)[1].type==="listItemPrefix"&&(s=r[1]._tokenizer.events,o=0,o<s.length&&s[o][1].type==="lineEndingBlank"&&(o+=2),o<s.length&&s[o][1].type==="content"))for(;++o<s.length&&s[o][1].type!=="content";)s[o][1].type==="chunkText"&&(s[o][1]._isInFirstContentOfListItem=!0,o++);if(r[0]==="enter")r[1].contentType&&(Object.assign(t,Bl(h,n)),n=t[n],u=!0);else if(r[1]._container){for(o=n,i=void 0;o--;)if(l=h.get(o),l[1].type==="lineEnding"||l[1].type==="lineEndingBlank")l[0]==="enter"&&(i&&(h.get(i)[1].type="lineEndingBlank"),l[1].type="lineEnding",i=o);else if(!(l[1].type==="linePrefix"||l[1].type==="listItemIndent"))break;i&&(r[1].end={...h.get(i)[1].start},a=h.slice(i,n),a.unshift(r),h.splice(i,n-i+1,a))}}return ie(e,0,Number.POSITIVE_INFINITY,h.slice(0)),!u}function Bl(e,t){const n=e.get(t)[1],r=e.get(t)[2];let i=t-1;const o=[];let l=n._tokenizer;l||(l=r.parser[n.contentType](n.start),n._contentTypeTextTrailing&&(l._contentTypeTextTrailing=!0));const a=l.events,s=[],u={};let h,c,p=-1,f=n,g=0,w=0;const S=[w];for(;f;){for(;e.get(++i)[1]!==f;);o.push(i),f._tokenizer||(h=r.sliceStream(f),f.next||h.push(null),c&&l.defineSkip(f.start),f._isInFirstContentOfListItem&&(l._gfmTasklistFirstContentOfListItem=!0),l.write(h),f._isInFirstContentOfListItem&&(l._gfmTasklistFirstContentOfListItem=void 0)),c=f,f=f.next}for(f=n;++p<a.length;)a[p][0]==="exit"&&a[p-1][0]==="enter"&&a[p][1].type===a[p-1][1].type&&a[p][1].start.line!==a[p][1].end.line&&(w=p+1,S.push(w),f._tokenizer=void 0,f.previous=void 0,f=f.next);for(l.events=[],f?(f._tokenizer=void 0,f.previous=void 0):S.pop(),p=S.length;p--;){const y=a.slice(S[p],S[p+1]),E=o.pop();s.push([E,E+y.length-1]),e.splice(E,2,y)}for(s.reverse(),p=-1;++p<s.length;)u[g+s[p][0]]=g+s[p][1],g+=s[p][1]-s[p][0]-1;return u}const jl={resolve:Hl,tokenize:Ul},ql={partial:!0,tokenize:Vl};function Hl(e){return wr(e),e}function Ul(e,t){let n;return r;function r(a){return e.enter("content"),n=e.enter("chunkContent",{contentType:"content"}),i(a)}function i(a){return a===null?o(a):z(a)?e.check(ql,l,o)(a):(e.consume(a),i)}function o(a){return e.exit("chunkContent"),e.exit("content"),t(a)}function l(a){return e.consume(a),e.exit("chunkContent"),n.next=e.enter("chunkContent",{contentType:"content",previous:n}),n=n.next,i}}function Vl(e,t,n){const r=this;return i;function i(l){return e.exit("chunkContent"),e.enter("lineEnding"),e.consume(l),e.exit("lineEnding"),B(e,o,"linePrefix")}function o(l){if(l===null||z(l))return n(l);const a=r.events[r.events.length-1];return!r.parser.constructs.disable.null.includes("codeIndented")&&a&&a[1].type==="linePrefix"&&a[2].sliceSerialize(a[1],!0).length>=4?t(l):e.interrupt(r.parser.constructs.flow,n,t)(l)}}function Sr(e,t,n,r,i,o,l,a,s){const u=s||Number.POSITIVE_INFINITY;let h=0;return c;function c(y){return y===60?(e.enter(r),e.enter(i),e.enter(o),e.consume(y),e.exit(o),p):y===null||y===32||y===41||rn(y)?n(y):(e.enter(r),e.enter(l),e.enter(a),e.enter("chunkString",{contentType:"string"}),w(y))}function p(y){return y===62?(e.enter(o),e.consume(y),e.exit(o),e.exit(i),e.exit(r),t):(e.enter(a),e.enter("chunkString",{contentType:"string"}),f(y))}function f(y){return y===62?(e.exit("chunkString"),e.exit(a),p(y)):y===null||y===60||z(y)?n(y):(e.consume(y),y===92?g:f)}function g(y){return y===60||y===62||y===92?(e.consume(y),f):f(y)}function w(y){return!h&&(y===null||y===41||W(y))?(e.exit("chunkString"),e.exit(a),e.exit(l),e.exit(r),t(y)):h<u&&y===40?(e.consume(y),h++,w):y===41?(e.consume(y),h--,w):y===null||y===32||y===40||rn(y)?n(y):(e.consume(y),y===92?S:w)}function S(y){return y===40||y===41||y===92?(e.consume(y),w):w(y)}}function Cr(e,t,n,r,i,o){const l=this;let a=0,s;return u;function u(f){return e.enter(r),e.enter(i),e.consume(f),e.exit(i),e.enter(o),h}function h(f){return a>999||f===null||f===91||f===93&&!s||f===94&&!a&&"_hiddenFootnoteSupport"in l.parser.constructs?n(f):f===93?(e.exit(o),e.enter(i),e.consume(f),e.exit(i),e.exit(r),t):z(f)?(e.enter("lineEnding"),e.consume(f),e.exit("lineEnding"),h):(e.enter("chunkString",{contentType:"string"}),c(f))}function c(f){return f===null||f===91||f===93||z(f)||a++>999?(e.exit("chunkString"),h(f)):(e.consume(f),s||(s=!O(f)),f===92?p:c)}function p(f){return f===91||f===92||f===93?(e.consume(f),a++,c):c(f)}}function vr(e,t,n,r,i,o){let l;return a;function a(p){return p===34||p===39||p===40?(e.enter(r),e.enter(i),e.consume(p),e.exit(i),l=p===40?41:p,s):n(p)}function s(p){return p===l?(e.enter(i),e.consume(p),e.exit(i),e.exit(r),t):(e.enter(o),u(p))}function u(p){return p===l?(e.exit(o),s(l)):p===null?n(p):z(p)?(e.enter("lineEnding"),e.consume(p),e.exit("lineEnding"),B(e,u,"linePrefix")):(e.enter("chunkString",{contentType:"string"}),h(p))}function h(p){return p===l||p===null||z(p)?(e.exit("chunkString"),u(p)):(e.consume(p),p===92?c:h)}function c(p){return p===l||p===92?(e.consume(p),h):h(p)}}function Ve(e,t){let n;return r;function r(i){return z(i)?(e.enter("lineEnding"),e.consume(i),e.exit("lineEnding"),n=!0,r):O(i)?B(e,r,n?"linePrefix":"lineSuffix")(i):t(i)}}const $l={name:"definition",tokenize:Yl},Wl={partial:!0,tokenize:Kl};function Yl(e,t,n){const r=this;let i;return o;function o(f){return e.enter("definition"),l(f)}function l(f){return Cr.call(r,e,a,n,"definitionLabel","definitionLabelMarker","definitionLabelString")(f)}function a(f){return i=ce(r.sliceSerialize(r.events[r.events.length-1][1]).slice(1,-1)),f===58?(e.enter("definitionMarker"),e.consume(f),e.exit("definitionMarker"),s):n(f)}function s(f){return W(f)?Ve(e,u)(f):u(f)}function u(f){return Sr(e,h,n,"definitionDestination","definitionDestinationLiteral","definitionDestinationLiteralMarker","definitionDestinationRaw","definitionDestinationString")(f)}function h(f){return e.attempt(Wl,c,c)(f)}function c(f){return O(f)?B(e,p,"whitespace")(f):p(f)}function p(f){return f===null||z(f)?(e.exit("definition"),r.parser.defined.push(i),t(f)):n(f)}}function Kl(e,t,n){return r;function r(a){return W(a)?Ve(e,i)(a):n(a)}function i(a){return vr(e,o,n,"definitionTitle","definitionTitleMarker","definitionTitleString")(a)}function o(a){return O(a)?B(e,l,"whitespace")(a):l(a)}function l(a){return a===null||z(a)?t(a):n(a)}}const Ql={name:"hardBreakEscape",tokenize:Xl};function Xl(e,t,n){return r;function r(o){return e.enter("hardBreakEscape"),e.consume(o),i}function i(o){return z(o)?(e.exit("hardBreakEscape"),t(o)):n(o)}}const Gl={name:"headingAtx",resolve:Jl,tokenize:Zl};function Jl(e,t){let n=e.length-2,r=3,i,o;return e[r][1].type==="whitespace"&&(r+=2),n-2>r&&e[n][1].type==="whitespace"&&(n-=2),e[n][1].type==="atxHeadingSequence"&&(r===n-1||n-4>r&&e[n-2][1].type==="whitespace")&&(n-=r+1===n?2:4),n>r&&(i={type:"atxHeadingText",start:e[r][1].start,end:e[n][1].end},o={type:"chunkText",start:e[r][1].start,end:e[n][1].end,contentType:"text"},ie(e,r,n-r+1,[["enter",i,t],["enter",o,t],["exit",o,t],["exit",i,t]])),e}function Zl(e,t,n){let r=0;return i;function i(h){return e.enter("atxHeading"),o(h)}function o(h){return e.enter("atxHeadingSequence"),l(h)}function l(h){return h===35&&r++<6?(e.consume(h),l):h===null||W(h)?(e.exit("atxHeadingSequence"),a(h)):n(h)}function a(h){return h===35?(e.enter("atxHeadingSequence"),s(h)):h===null||z(h)?(e.exit("atxHeading"),t(h)):O(h)?B(e,a,"whitespace")(h):(e.enter("atxHeadingText"),u(h))}function s(h){return h===35?(e.consume(h),s):(e.exit("atxHeadingSequence"),a(h))}function u(h){return h===null||h===35||W(h)?(e.exit("atxHeadingText"),a(h)):(e.consume(h),u)}}const eo=["address","article","aside","base","basefont","blockquote","body","caption","center","col","colgroup","dd","details","dialog","dir","div","dl","dt","fieldset","figcaption","figure","footer","form","frame","frameset","h1","h2","h3","h4","h5","h6","head","header","hr","html","iframe","legend","li","link","main","menu","menuitem","nav","noframes","ol","optgroup","option","p","param","search","section","summary","table","tbody","td","tfoot","th","thead","title","tr","track","ul"],At=["pre","script","style","textarea"],no={concrete:!0,name:"htmlFlow",resolveTo:io,tokenize:lo},to={partial:!0,tokenize:ao},ro={partial:!0,tokenize:oo};function io(e){let t=e.length;for(;t--&&!(e[t][0]==="enter"&&e[t][1].type==="htmlFlow"););return t>1&&e[t-2][1].type==="linePrefix"&&(e[t][1].start=e[t-2][1].start,e[t+1][1].start=e[t-2][1].start,e.splice(t-2,2)),e}function lo(e,t,n){const r=this;let i,o,l,a,s;return u;function u(m){return h(m)}function h(m){return e.enter("htmlFlow"),e.enter("htmlFlowData"),e.consume(m),c}function c(m){return m===33?(e.consume(m),p):m===47?(e.consume(m),o=!0,w):m===63?(e.consume(m),i=3,r.interrupt?t:d):J(m)?(e.consume(m),l=String.fromCharCode(m),S):n(m)}function p(m){return m===45?(e.consume(m),i=2,f):m===91?(e.consume(m),i=5,a=0,g):J(m)?(e.consume(m),i=4,r.interrupt?t:d):n(m)}function f(m){return m===45?(e.consume(m),r.interrupt?t:d):n(m)}function g(m){const se="CDATA[";return m===se.charCodeAt(a++)?(e.consume(m),a===se.length?r.interrupt?t:P:g):n(m)}function w(m){return J(m)?(e.consume(m),l=String.fromCharCode(m),S):n(m)}function S(m){if(m===null||m===47||m===62||W(m)){const se=m===47,we=l.toLowerCase();return!se&&!o&&At.includes(we)?(i=1,r.interrupt?t(m):P(m)):eo.includes(l.toLowerCase())?(i=6,se?(e.consume(m),y):r.interrupt?t(m):P(m)):(i=7,r.interrupt&&!r.parser.lazy[r.now().line]?n(m):o?E(m):C(m))}return m===45||X(m)?(e.consume(m),l+=String.fromCharCode(m),S):n(m)}function y(m){return m===62?(e.consume(m),r.interrupt?t:P):n(m)}function E(m){return O(m)?(e.consume(m),E):k(m)}function C(m){return m===47?(e.consume(m),k):m===58||m===95||J(m)?(e.consume(m),R):O(m)?(e.consume(m),C):k(m)}function R(m){return m===45||m===46||m===58||m===95||X(m)?(e.consume(m),R):F(m)}function F(m){return m===61?(e.consume(m),b):O(m)?(e.consume(m),F):C(m)}function b(m){return m===null||m===60||m===61||m===62||m===96?n(m):m===34||m===39?(e.consume(m),s=m,M):O(m)?(e.consume(m),b):q(m)}function M(m){return m===s?(e.consume(m),s=null,j):m===null||z(m)?n(m):(e.consume(m),M)}function q(m){return m===null||m===34||m===39||m===47||m===60||m===61||m===62||m===96||W(m)?F(m):(e.consume(m),q)}function j(m){return m===47||m===62||O(m)?C(m):n(m)}function k(m){return m===62?(e.consume(m),A):n(m)}function A(m){return m===null||z(m)?P(m):O(m)?(e.consume(m),A):n(m)}function P(m){return m===45&&i===2?(e.consume(m),U):m===60&&i===1?(e.consume(m),K):m===62&&i===4?(e.consume(m),ae):m===63&&i===3?(e.consume(m),d):m===93&&i===5?(e.consume(m),pe):z(m)&&(i===6||i===7)?(e.exit("htmlFlowData"),e.check(to,de,H)(m)):m===null||z(m)?(e.exit("htmlFlowData"),H(m)):(e.consume(m),P)}function H(m){return e.check(ro,_,de)(m)}function _(m){return e.enter("lineEnding"),e.consume(m),e.exit("lineEnding"),I}function I(m){return m===null||z(m)?H(m):(e.enter("htmlFlowData"),P(m))}function U(m){return m===45?(e.consume(m),d):P(m)}function K(m){return m===47?(e.consume(m),l="",oe):P(m)}function oe(m){if(m===62){const se=l.toLowerCase();return At.includes(se)?(e.consume(m),ae):P(m)}return J(m)&&l.length<8?(e.consume(m),l+=String.fromCharCode(m),oe):P(m)}function pe(m){return m===93?(e.consume(m),d):P(m)}function d(m){return m===62?(e.consume(m),ae):m===45&&i===2?(e.consume(m),d):P(m)}function ae(m){return m===null||z(m)?(e.exit("htmlFlowData"),de(m)):(e.consume(m),ae)}function de(m){return e.exit("htmlFlow"),t(m)}}function oo(e,t,n){const r=this;return i;function i(l){return z(l)?(e.enter("lineEnding"),e.consume(l),e.exit("lineEnding"),o):n(l)}function o(l){return r.parser.lazy[r.now().line]?n(l):t(l)}}function ao(e,t,n){return r;function r(i){return e.enter("lineEnding"),e.consume(i),e.exit("lineEnding"),e.attempt(Qe,t,n)}}const so={name:"htmlText",tokenize:uo};function uo(e,t,n){const r=this;let i,o,l;return a;function a(d){return e.enter("htmlText"),e.enter("htmlTextData"),e.consume(d),s}function s(d){return d===33?(e.consume(d),u):d===47?(e.consume(d),F):d===63?(e.consume(d),C):J(d)?(e.consume(d),q):n(d)}function u(d){return d===45?(e.consume(d),h):d===91?(e.consume(d),o=0,g):J(d)?(e.consume(d),E):n(d)}function h(d){return d===45?(e.consume(d),f):n(d)}function c(d){return d===null?n(d):d===45?(e.consume(d),p):z(d)?(l=c,K(d)):(e.consume(d),c)}function p(d){return d===45?(e.consume(d),f):c(d)}function f(d){return d===62?U(d):d===45?p(d):c(d)}function g(d){const ae="CDATA[";return d===ae.charCodeAt(o++)?(e.consume(d),o===ae.length?w:g):n(d)}function w(d){return d===null?n(d):d===93?(e.consume(d),S):z(d)?(l=w,K(d)):(e.consume(d),w)}function S(d){return d===93?(e.consume(d),y):w(d)}function y(d){return d===62?U(d):d===93?(e.consume(d),y):w(d)}function E(d){return d===null||d===62?U(d):z(d)?(l=E,K(d)):(e.consume(d),E)}function C(d){return d===null?n(d):d===63?(e.consume(d),R):z(d)?(l=C,K(d)):(e.consume(d),C)}function R(d){return d===62?U(d):C(d)}function F(d){return J(d)?(e.consume(d),b):n(d)}function b(d){return d===45||X(d)?(e.consume(d),b):M(d)}function M(d){return z(d)?(l=M,K(d)):O(d)?(e.consume(d),M):U(d)}function q(d){return d===45||X(d)?(e.consume(d),q):d===47||d===62||W(d)?j(d):n(d)}function j(d){return d===47?(e.consume(d),U):d===58||d===95||J(d)?(e.consume(d),k):z(d)?(l=j,K(d)):O(d)?(e.consume(d),j):U(d)}function k(d){return d===45||d===46||d===58||d===95||X(d)?(e.consume(d),k):A(d)}function A(d){return d===61?(e.consume(d),P):z(d)?(l=A,K(d)):O(d)?(e.consume(d),A):j(d)}function P(d){return d===null||d===60||d===61||d===62||d===96?n(d):d===34||d===39?(e.consume(d),i=d,H):z(d)?(l=P,K(d)):O(d)?(e.consume(d),P):(e.consume(d),_)}function H(d){return d===i?(e.consume(d),i=void 0,I):d===null?n(d):z(d)?(l=H,K(d)):(e.consume(d),H)}function _(d){return d===null||d===34||d===39||d===60||d===61||d===96?n(d):d===47||d===62||W(d)?j(d):(e.consume(d),_)}function I(d){return d===47||d===62||W(d)?j(d):n(d)}function U(d){return d===62?(e.consume(d),e.exit("htmlTextData"),e.exit("htmlText"),t):n(d)}function K(d){return e.exit("htmlTextData"),e.enter("lineEnding"),e.consume(d),e.exit("lineEnding"),oe}function oe(d){return O(d)?B(e,pe,"linePrefix",r.parser.constructs.disable.null.includes("codeIndented")?void 0:4)(d):pe(d)}function pe(d){return e.enter("htmlTextData"),l(d)}}const Qn={name:"labelEnd",resolveAll:po,resolveTo:mo,tokenize:go},co={tokenize:yo},ho={tokenize:ko},fo={tokenize:xo};function po(e){let t=-1;const n=[];for(;++t<e.length;){const r=e[t][1];if(n.push(e[t]),r.type==="labelImage"||r.type==="labelLink"||r.type==="labelEnd"){const i=r.type==="labelImage"?4:2;r.type="data",t+=i}}return e.length!==n.length&&ie(e,0,e.length,n),e}function mo(e,t){let n=e.length,r=0,i,o,l,a;for(;n--;)if(i=e[n][1],o){if(i.type==="link"||i.type==="labelLink"&&i._inactive)break;e[n][0]==="enter"&&i.type==="labelLink"&&(i._inactive=!0)}else if(l){if(e[n][0]==="enter"&&(i.type==="labelImage"||i.type==="labelLink")&&!i._balanced&&(o=n,i.type!=="labelLink")){r=2;break}}else i.type==="labelEnd"&&(l=n);const s={type:e[o][1].type==="labelLink"?"link":"image",start:{...e[o][1].start},end:{...e[e.length-1][1].end}},u={type:"label",start:{...e[o][1].start},end:{...e[l][1].end}},h={type:"labelText",start:{...e[o+r+2][1].end},end:{...e[l-2][1].start}};return a=[["enter",s,t],["enter",u,t]],a=le(a,e.slice(o+1,o+r+3)),a=le(a,[["enter",h,t]]),a=le(a,un(t.parser.constructs.insideSpan.null,e.slice(o+r+4,l-3),t)),a=le(a,[["exit",h,t],e[l-2],e[l-1],["exit",u,t]]),a=le(a,e.slice(l+1)),a=le(a,[["exit",s,t]]),ie(e,o,e.length,a),e}function go(e,t,n){const r=this;let i=r.events.length,o,l;for(;i--;)if((r.events[i][1].type==="labelImage"||r.events[i][1].type==="labelLink")&&!r.events[i][1]._balanced){o=r.events[i][1];break}return a;function a(p){return o?o._inactive?c(p):(l=r.parser.defined.includes(ce(r.sliceSerialize({start:o.end,end:r.now()}))),e.enter("labelEnd"),e.enter("labelMarker"),e.consume(p),e.exit("labelMarker"),e.exit("labelEnd"),s):n(p)}function s(p){return p===40?e.attempt(co,h,l?h:c)(p):p===91?e.attempt(ho,h,l?u:c)(p):l?h(p):c(p)}function u(p){return e.attempt(fo,h,c)(p)}function h(p){return t(p)}function c(p){return o._balanced=!0,n(p)}}function yo(e,t,n){return r;function r(c){return e.enter("resource"),e.enter("resourceMarker"),e.consume(c),e.exit("resourceMarker"),i}function i(c){return W(c)?Ve(e,o)(c):o(c)}function o(c){return c===41?h(c):Sr(e,l,a,"resourceDestination","resourceDestinationLiteral","resourceDestinationLiteralMarker","resourceDestinationRaw","resourceDestinationString",32)(c)}function l(c){return W(c)?Ve(e,s)(c):h(c)}function a(c){return n(c)}function s(c){return c===34||c===39||c===40?vr(e,u,n,"resourceTitle","resourceTitleMarker","resourceTitleString")(c):h(c)}function u(c){return W(c)?Ve(e,h)(c):h(c)}function h(c){return c===41?(e.enter("resourceMarker"),e.consume(c),e.exit("resourceMarker"),e.exit("resource"),t):n(c)}}function ko(e,t,n){const r=this;return i;function i(a){return Cr.call(r,e,o,l,"reference","referenceMarker","referenceString")(a)}function o(a){return r.parser.defined.includes(ce(r.sliceSerialize(r.events[r.events.length-1][1]).slice(1,-1)))?t(a):n(a)}function l(a){return n(a)}}function xo(e,t,n){return r;function r(o){return e.enter("reference"),e.enter("referenceMarker"),e.consume(o),e.exit("referenceMarker"),i}function i(o){return o===93?(e.enter("referenceMarker"),e.consume(o),e.exit("referenceMarker"),e.exit("reference"),t):n(o)}}const bo={name:"labelStartImage",resolveAll:Qn.resolveAll,tokenize:wo};function wo(e,t,n){const r=this;return i;function i(a){return e.enter("labelImage"),e.enter("labelImageMarker"),e.consume(a),e.exit("labelImageMarker"),o}function o(a){return a===91?(e.enter("labelMarker"),e.consume(a),e.exit("labelMarker"),e.exit("labelImage"),l):n(a)}function l(a){return a===94&&"_hiddenFootnoteSupport"in r.parser.constructs?n(a):t(a)}}const So={name:"labelStartLink",resolveAll:Qn.resolveAll,tokenize:Co};function Co(e,t,n){const r=this;return i;function i(l){return e.enter("labelLink"),e.enter("labelMarker"),e.consume(l),e.exit("labelMarker"),e.exit("labelLink"),o}function o(l){return l===94&&"_hiddenFootnoteSupport"in r.parser.constructs?n(l):t(l)}}const yn={name:"lineEnding",tokenize:vo};function vo(e,t){return n;function n(r){return e.enter("lineEnding"),e.consume(r),e.exit("lineEnding"),B(e,t,"linePrefix")}}const tn={name:"thematicBreak",tokenize:Eo};function Eo(e,t,n){let r=0,i;return o;function o(u){return e.enter("thematicBreak"),l(u)}function l(u){return i=u,a(u)}function a(u){return u===i?(e.enter("thematicBreakSequence"),s(u)):r>=3&&(u===null||z(u))?(e.exit("thematicBreak"),t(u)):n(u)}function s(u){return u===i?(e.consume(u),r++,s):(e.exit("thematicBreakSequence"),O(u)?B(e,a,"whitespace")(u):a(u))}}const Z={continuation:{tokenize:Po},exit:_o,name:"list",tokenize:Ao},To={partial:!0,tokenize:Do},Io={partial:!0,tokenize:zo};function Ao(e,t,n){const r=this,i=r.events[r.events.length-1];let o=i&&i[1].type==="linePrefix"?i[2].sliceSerialize(i[1],!0).length:0,l=0;return a;function a(f){const g=r.containerState.type||(f===42||f===43||f===45?"listUnordered":"listOrdered");if(g==="listUnordered"?!r.containerState.marker||f===r.containerState.marker:Rn(f)){if(r.containerState.type||(r.containerState.type=g,e.enter(g,{_container:!0})),g==="listUnordered")return e.enter("listItemPrefix"),f===42||f===45?e.check(tn,n,u)(f):u(f);if(!r.interrupt||f===49)return e.enter("listItemPrefix"),e.enter("listItemValue"),s(f)}return n(f)}function s(f){return Rn(f)&&++l<10?(e.consume(f),s):(!r.interrupt||l<2)&&(r.containerState.marker?f===r.containerState.marker:f===41||f===46)?(e.exit("listItemValue"),u(f)):n(f)}function u(f){return e.enter("listItemMarker"),e.consume(f),e.exit("listItemMarker"),r.containerState.marker=r.containerState.marker||f,e.check(Qe,r.interrupt?n:h,e.attempt(To,p,c))}function h(f){return r.containerState.initialBlankLine=!0,o++,p(f)}function c(f){return O(f)?(e.enter("listItemPrefixWhitespace"),e.consume(f),e.exit("listItemPrefixWhitespace"),p):n(f)}function p(f){return r.containerState.size=o+r.sliceSerialize(e.exit("listItemPrefix"),!0).length,t(f)}}function Po(e,t,n){const r=this;return r.containerState._closeFlow=void 0,e.check(Qe,i,o);function i(a){return r.containerState.furtherBlankLines=r.containerState.furtherBlankLines||r.containerState.initialBlankLine,B(e,t,"listItemIndent",r.containerState.size+1)(a)}function o(a){return r.containerState.furtherBlankLines||!O(a)?(r.containerState.furtherBlankLines=void 0,r.containerState.initialBlankLine=void 0,l(a)):(r.containerState.furtherBlankLines=void 0,r.containerState.initialBlankLine=void 0,e.attempt(Io,t,l)(a))}function l(a){return r.containerState._closeFlow=!0,r.interrupt=void 0,B(e,e.attempt(Z,t,n),"linePrefix",r.parser.constructs.disable.null.includes("codeIndented")?void 0:4)(a)}}function zo(e,t,n){const r=this;return B(e,i,"listItemIndent",r.containerState.size+1);function i(o){const l=r.events[r.events.length-1];return l&&l[1].type==="listItemIndent"&&l[2].sliceSerialize(l[1],!0).length===r.containerState.size?t(o):n(o)}}function _o(e){e.exit(this.containerState.type)}function Do(e,t,n){const r=this;return B(e,i,"listItemPrefixWhitespace",r.parser.constructs.disable.null.includes("codeIndented")?void 0:5);function i(o){const l=r.events[r.events.length-1];return!O(o)&&l&&l[1].type==="listItemPrefixWhitespace"?t(o):n(o)}}const Pt={name:"setextUnderline",resolveTo:Lo,tokenize:Ro};function Lo(e,t){let n=e.length,r,i,o;for(;n--;)if(e[n][0]==="enter"){if(e[n][1].type==="content"){r=n;break}e[n][1].type==="paragraph"&&(i=n)}else e[n][1].type==="content"&&e.splice(n,1),!o&&e[n][1].type==="definition"&&(o=n);const l={type:"setextHeading",start:{...e[r][1].start},end:{...e[e.length-1][1].end}};return e[i][1].type="setextHeadingText",o?(e.splice(i,0,["enter",l,t]),e.splice(o+1,0,["exit",e[r][1],t]),e[r][1].end={...e[o][1].end}):e[r][1]=l,e.push(["exit",l,t]),e}function Ro(e,t,n){const r=this;let i;return o;function o(u){let h=r.events.length,c;for(;h--;)if(r.events[h][1].type!=="lineEnding"&&r.events[h][1].type!=="linePrefix"&&r.events[h][1].type!=="content"){c=r.events[h][1].type==="paragraph";break}return!r.parser.lazy[r.now().line]&&(r.interrupt||c)?(e.enter("setextHeadingLine"),i=u,l(u)):n(u)}function l(u){return e.enter("setextHeadingLineSequence"),a(u)}function a(u){return u===i?(e.consume(u),a):(e.exit("setextHeadingLineSequence"),O(u)?B(e,s,"lineSuffix")(u):s(u))}function s(u){return u===null||z(u)?(e.exit("setextHeadingLine"),t(u)):n(u)}}const Fo={tokenize:Oo};function Oo(e){const t=this,n=e.attempt(Qe,r,e.attempt(this.parser.constructs.flowInitial,i,B(e,e.attempt(this.parser.constructs.flow,i,e.attempt(jl,i)),"linePrefix")));return n;function r(o){if(o===null){e.consume(o);return}return e.enter("lineEndingBlank"),e.consume(o),e.exit("lineEndingBlank"),t.currentConstruct=void 0,n}function i(o){if(o===null){e.consume(o);return}return e.enter("lineEnding"),e.consume(o),e.exit("lineEnding"),t.currentConstruct=void 0,n}}const Mo={resolveAll:Tr()},No=Er("string"),Bo=Er("text");function Er(e){return{resolveAll:Tr(e==="text"?jo:void 0),tokenize:t};function t(n){const r=this,i=this.parser.constructs[e],o=n.attempt(i,l,a);return l;function l(h){return u(h)?o(h):a(h)}function a(h){if(h===null){n.consume(h);return}return n.enter("data"),n.consume(h),s}function s(h){return u(h)?(n.exit("data"),o(h)):(n.consume(h),s)}function u(h){if(h===null)return!0;const c=i[h];let p=-1;if(c)for(;++p<c.length;){const f=c[p];if(!f.previous||f.previous.call(r,r.previous))return!0}return!1}}}function Tr(e){return t;function t(n,r){let i=-1,o;for(;++i<=n.length;)o===void 0?n[i]&&n[i][1].type==="data"&&(o=i,i++):(!n[i]||n[i][1].type!=="data")&&(i!==o+2&&(n[o][1].end=n[i-1][1].end,n.splice(o+2,i-o-2),i=o+2),o=void 0);return e?e(n,r):n}}function jo(e,t){let n=0;for(;++n<=e.length;)if((n===e.length||e[n][1].type==="lineEnding")&&e[n-1][1].type==="data"){const r=e[n-1][1],i=t.sliceStream(r);let o=i.length,l=-1,a=0,s;for(;o--;){const u=i[o];if(typeof u=="string"){for(l=u.length;u.charCodeAt(l-1)===32;)a++,l--;if(l)break;l=-1}else if(u===-2)s=!0,a++;else if(u!==-1){o++;break}}if(t._contentTypeTextTrailing&&n===e.length&&(a=0),a){const u={type:n===e.length||s||a<2?"lineSuffix":"hardBreakTrailing",start:{_bufferIndex:o?l:r.start._bufferIndex+l,_index:r.start._index+o,line:r.end.line,column:r.end.column-a,offset:r.end.offset-a},end:{...r.end}};r.end={...u.start},r.start.offset===r.end.offset?Object.assign(r,u):(e.splice(n,0,["enter",u,t],["exit",u,t]),n+=2)}n++}return e}const qo={42:Z,43:Z,45:Z,48:Z,49:Z,50:Z,51:Z,52:Z,53:Z,54:Z,55:Z,56:Z,57:Z,62:kr},Ho={91:$l},Uo={[-2]:gn,[-1]:gn,32:gn},Vo={35:Gl,42:tn,45:[Pt,tn],60:no,61:Pt,95:tn,96:It,126:It},$o={38:br,92:xr},Wo={[-5]:yn,[-4]:yn,[-3]:yn,33:bo,38:br,42:Fn,60:[wl,so],91:So,92:[Ql,xr],93:Qn,95:Fn,96:Rl},Yo={null:[Fn,Mo]},Ko={null:[42,95]},Qo={null:[]},Xo=Object.freeze(Object.defineProperty({__proto__:null,attentionMarkers:Ko,contentInitial:Ho,disable:Qo,document:qo,flow:Vo,flowInitial:Uo,insideSpan:Yo,string:$o,text:Wo},Symbol.toStringTag,{value:"Module"}));function Go(e,t,n){let r={_bufferIndex:-1,_index:0,line:n&&n.line||1,column:n&&n.column||1,offset:n&&n.offset||0};const i={},o=[];let l=[],a=[];const s={attempt:M(F),check:M(b),consume:E,enter:C,exit:R,interrupt:M(b,{interrupt:!0})},u={code:null,containerState:{},defineSkip:w,events:[],now:g,parser:e,previous:null,sliceSerialize:p,sliceStream:f,write:c};let h=t.tokenize.call(u,s);return t.resolveAll&&o.push(t),u;function c(A){return l=le(l,A),S(),l[l.length-1]!==null?[]:(q(t,0),u.events=un(o,u.events,u),u.events)}function p(A,P){return Zo(f(A),P)}function f(A){return Jo(l,A)}function g(){const{_bufferIndex:A,_index:P,line:H,column:_,offset:I}=r;return{_bufferIndex:A,_index:P,line:H,column:_,offset:I}}function w(A){i[A.line]=A.column,k()}function S(){let A;for(;r._index<l.length;){const P=l[r._index];if(typeof P=="string")for(A=r._index,r._bufferIndex<0&&(r._bufferIndex=0);r._index===A&&r._bufferIndex<P.length;)y(P.charCodeAt(r._bufferIndex));else y(P)}}function y(A){h=h(A)}function E(A){z(A)?(r.line++,r.column=1,r.offset+=A===-3?2:1,k()):A!==-1&&(r.column++,r.offset++),r._bufferIndex<0?r._index++:(r._bufferIndex++,r._bufferIndex===l[r._index].length&&(r._bufferIndex=-1,r._index++)),u.previous=A}function C(A,P){const H=P||{};return H.type=A,H.start=g(),u.events.push(["enter",H,u]),a.push(H),H}function R(A){const P=a.pop();return P.end=g(),u.events.push(["exit",P,u]),P}function F(A,P){q(A,P.from)}function b(A,P){P.restore()}function M(A,P){return H;function H(_,I,U){let K,oe,pe,d;return Array.isArray(_)?de(_):"tokenize"in _?de([_]):ae(_);function ae(Q){return Oe;function Oe(ke){const Ae=ke!==null&&Q[ke],Pe=ke!==null&&Q.null,Ge=[...Array.isArray(Ae)?Ae:Ae?[Ae]:[],...Array.isArray(Pe)?Pe:Pe?[Pe]:[]];return de(Ge)(ke)}}function de(Q){return K=Q,oe=0,Q.length===0?U:m(Q[oe])}function m(Q){return Oe;function Oe(ke){return d=j(),pe=Q,Q.partial||(u.currentConstruct=Q),Q.name&&u.parser.constructs.disable.null.includes(Q.name)?we():Q.tokenize.call(P?Object.assign(Object.create(u),P):u,s,se,we)(ke)}}function se(Q){return A(pe,d),I}function we(Q){return d.restore(),++oe<K.length?m(K[oe]):U}}}function q(A,P){A.resolveAll&&!o.includes(A)&&o.push(A),A.resolve&&ie(u.events,P,u.events.length-P,A.resolve(u.events.slice(P),u)),A.resolveTo&&(u.events=A.resolveTo(u.events,u))}function j(){const A=g(),P=u.previous,H=u.currentConstruct,_=u.events.length,I=Array.from(a);return{from:_,restore:U};function U(){r=A,u.previous=P,u.currentConstruct=H,u.events.length=_,a=I,k()}}function k(){r.line in i&&r.column<2&&(r.column=i[r.line],r.offset+=i[r.line]-1)}}function Jo(e,t){const n=t.start._index,r=t.start._bufferIndex,i=t.end._index,o=t.end._bufferIndex;let l;if(n===i)l=[e[n].slice(r,o)];else{if(l=e.slice(n,i),r>-1){const a=l[0];typeof a=="string"?l[0]=a.slice(r):l.shift()}o>0&&l.push(e[i].slice(0,o))}return l}function Zo(e,t){let n=-1;const r=[];let i;for(;++n<e.length;){const o=e[n];let l;if(typeof o=="string")l=o;else switch(o){case-5:{l="\r";break}case-4:{l=`
 `;break}case-3:{l=`\r
 `;break}case-2:{l=t?" ":"	";break}case-1:{if(!t&&i)continue;l=" ";break}default:l=String.fromCharCode(o)}i=o===-2,r.push(l)}return r.join("")}function ea(e){const r={constructs:gr([Xo,...(e||{}).extensions||[]]),content:i(dl),defined:[],document:i(gl),flow:i(Fo),lazy:{},string:i(No),text:i(Bo)};return r;function i(o){return l;function l(a){return Go(r,o,a)}}}function na(e){for(;!wr(e););return e}const zt=/[\0\t\n\r]/g;function ta(){let e=1,t="",n=!0,r;return i;function i(o,l,a){const s=[];let u,h,c,p,f;for(o=t+(typeof o=="string"?o.toString():new TextDecoder(l||void 0).decode(o)),c=0,t="",n&&(o.charCodeAt(0)===65279&&c++,n=void 0);c<o.length;){if(zt.lastIndex=c,u=zt.exec(o),p=u&&u.index!==void 0?u.index:o.length,f=o.charCodeAt(p),!u){t=o.slice(c);break}if(f===10&&c===p&&r)s.push(-3),r=void 0;else switch(r&&(s.push(-5),r=void 0),c<p&&(s.push(o.slice(c,p)),e+=p-c),f){case 0:{s.push(65533),e++;break}case 9:{for(h=Math.ceil(e/4)*4,s.push(-2);e++<h;)s.push(-1);break}case 10:{s.push(-4),e=1;break}default:r=!0,e=1}c=p+1}return a&&(r&&s.push(-5),t&&s.push(t),s.push(null)),s}}const ra=/\\([!-/:-@[-`{-~])|&(#(?:\d{1,7}|x[\da-f]{1,6})|[\da-z]{1,31});/gi;function ia(e){return e.replace(ra,la)}function la(e,t,n){if(t)return t;if(n.charCodeAt(0)===35){const i=n.charCodeAt(1),o=i===120||i===88;return yr(n.slice(o?2:1),o?16:10)}return Kn(n)||e}const Ir={}.hasOwnProperty;function oa(e,t,n){return t&&typeof t=="object"&&(n=t,t=void 0),aa(n)(na(ea(n).document().write(ta()(e,t,!0))))}function aa(e){const t={transforms:[],canContainEols:["emphasis","fragment","heading","paragraph","strong"],enter:{autolink:o(st),autolinkProtocol:j,autolinkEmail:j,atxHeading:o(lt),blockQuote:o(Pe),characterEscape:j,characterReference:j,codeFenced:o(Ge),codeFencedFenceInfo:l,codeFencedFenceMeta:l,codeIndented:o(Ge,l),codeText:o(ai,l),codeTextData:j,data:j,codeFlowValue:j,definition:o(si),definitionDestinationString:l,definitionLabelString:l,definitionTitleString:l,emphasis:o(ui),hardBreakEscape:o(ot),hardBreakTrailing:o(ot),htmlFlow:o(at,l),htmlFlowData:j,htmlText:o(at,l),htmlTextData:j,image:o(ci),label:l,link:o(st),listItem:o(hi),listItemValue:p,listOrdered:o(ut,c),listUnordered:o(ut),paragraph:o(fi),reference:m,referenceString:l,resourceDestinationString:l,resourceTitleString:l,setextHeading:o(lt),strong:o(pi),thematicBreak:o(mi)},exit:{atxHeading:s(),atxHeadingSequence:F,autolink:s(),autolinkEmail:Ae,autolinkProtocol:ke,blockQuote:s(),characterEscapeValue:k,characterReferenceMarkerHexadecimal:we,characterReferenceMarkerNumeric:we,characterReferenceValue:Q,characterReference:Oe,codeFenced:s(S),codeFencedFence:w,codeFencedFenceInfo:f,codeFencedFenceMeta:g,codeFlowValue:k,codeIndented:s(y),codeText:s(I),codeTextData:k,data:k,definition:s(),definitionDestinationString:R,definitionLabelString:E,definitionTitleString:C,emphasis:s(),hardBreakEscape:s(P),hardBreakTrailing:s(P),htmlFlow:s(H),htmlFlowData:k,htmlText:s(_),htmlTextData:k,image:s(K),label:pe,labelText:oe,lineEnding:A,link:s(U),listItem:s(),listOrdered:s(),listUnordered:s(),paragraph:s(),referenceString:se,resourceDestinationString:d,resourceTitleString:ae,resource:de,setextHeading:s(q),setextHeadingLineSequence:M,setextHeadingText:b,strong:s(),thematicBreak:s()}};Ar(t,(e||{}).mdastExtensions||[]);const n={};return r;function r(x){let T={type:"root",children:[]};const L={stack:[T],tokenStack:[],config:t,enter:a,exit:u,buffer:l,resume:h,data:n},N=[];let V=-1;for(;++V<x.length;)if(x[V][1].type==="listOrdered"||x[V][1].type==="listUnordered")if(x[V][0]==="enter")N.push(V);else{const ue=N.pop();V=i(x,ue,V)}for(V=-1;++V<x.length;){const ue=t[x[V][0]];Ir.call(ue,x[V][1].type)&&ue[x[V][1].type].call(Object.assign({sliceSerialize:x[V][2].sliceSerialize},L),x[V][1])}if(L.tokenStack.length>0){const ue=L.tokenStack[L.tokenStack.length-1];(ue[1]||_t).call(L,void 0,ue[0])}for(T.position={start:xe(x.length>0?x[0][1].start:{line:1,column:1,offset:0}),end:xe(x.length>0?x[x.length-2][1].end:{line:1,column:1,offset:0})},V=-1;++V<t.transforms.length;)T=t.transforms[V](T)||T;return T}function i(x,T,L){let N=T-1,V=-1,ue=!1,Se,me,Me,Ne;for(;++N<=L;){const ne=x[N];switch(ne[1].type){case"listUnordered":case"listOrdered":case"blockQuote":{ne[0]==="enter"?V++:V--,Ne=void 0;break}case"lineEndingBlank":{ne[0]==="enter"&&(Se&&!Ne&&!V&&!Me&&(Me=N),Ne=void 0);break}case"linePrefix":case"listItemValue":case"listItemMarker":case"listItemPrefix":case"listItemPrefixWhitespace":break;default:Ne=void 0}if(!V&&ne[0]==="enter"&&ne[1].type==="listItemPrefix"||V===-1&&ne[0]==="exit"&&(ne[1].type==="listUnordered"||ne[1].type==="listOrdered")){if(Se){let ze=N;for(me=void 0;ze--;){const ge=x[ze];if(ge[1].type==="lineEnding"||ge[1].type==="lineEndingBlank"){if(ge[0]==="exit")continue;me&&(x[me][1].type="lineEndingBlank",ue=!0),ge[1].type="lineEnding",me=ze}else if(!(ge[1].type==="linePrefix"||ge[1].type==="blockQuotePrefix"||ge[1].type==="blockQuotePrefixWhitespace"||ge[1].type==="blockQuoteMarker"||ge[1].type==="listItemIndent"))break}Me&&(!me||Me<me)&&(Se._spread=!0),Se.end=Object.assign({},me?x[me][1].start:ne[1].end),x.splice(me||N,0,["exit",Se,ne[2]]),N++,L++}if(ne[1].type==="listItemPrefix"){const ze={type:"listItem",_spread:!1,start:Object.assign({},ne[1].start),end:void 0};Se=ze,x.splice(N,0,["enter",ze,ne[2]]),N++,L++,Me=void 0,Ne=!0}}}return x[T][1]._spread=ue,L}function o(x,T){return L;function L(N){a.call(this,x(N),N),T&&T.call(this,N)}}function l(){this.stack.push({type:"fragment",children:[]})}function a(x,T,L){this.stack[this.stack.length-1].children.push(x),this.stack.push(x),this.tokenStack.push([T,L||void 0]),x.position={start:xe(T.start),end:void 0}}function s(x){return T;function T(L){x&&x.call(this,L),u.call(this,L)}}function u(x,T){const L=this.stack.pop(),N=this.tokenStack.pop();if(N)N[0].type!==x.type&&(T?T.call(this,x,N[0]):(N[1]||_t).call(this,x,N[0]));else throw new Error("Cannot close `"+x.type+"` ("+Ue({start:x.start,end:x.end})+"): it’s not open");L.position.end=xe(x.end)}function h(){return Yn(this.stack.pop())}function c(){this.data.expectingFirstListItemValue=!0}function p(x){if(this.data.expectingFirstListItemValue){const T=this.stack[this.stack.length-2];T.start=Number.parseInt(this.sliceSerialize(x),10),this.data.expectingFirstListItemValue=void 0}}function f(){const x=this.resume(),T=this.stack[this.stack.length-1];T.lang=x}function g(){const x=this.resume(),T=this.stack[this.stack.length-1];T.meta=x}function w(){this.data.flowCodeInside||(this.buffer(),this.data.flowCodeInside=!0)}function S(){const x=this.resume(),T=this.stack[this.stack.length-1];T.value=x.replace(/^(\r?\n|\r)|(\r?\n|\r)$/g,""),this.data.flowCodeInside=void 0}function y(){const x=this.resume(),T=this.stack[this.stack.length-1];T.value=x.replace(/(\r?\n|\r)$/g,"")}function E(x){const T=this.resume(),L=this.stack[this.stack.length-1];L.label=T,L.identifier=ce(this.sliceSerialize(x)).toLowerCase()}function C(){const x=this.resume(),T=this.stack[this.stack.length-1];T.title=x}function R(){const x=this.resume(),T=this.stack[this.stack.length-1];T.url=x}function F(x){const T=this.stack[this.stack.length-1];if(!T.depth){const L=this.sliceSerialize(x).length;T.depth=L}}function b(){this.data.setextHeadingSlurpLineEnding=!0}function M(x){const T=this.stack[this.stack.length-1];T.depth=this.sliceSerialize(x).codePointAt(0)===61?1:2}function q(){this.data.setextHeadingSlurpLineEnding=void 0}function j(x){const L=this.stack[this.stack.length-1].children;let N=L[L.length-1];(!N||N.type!=="text")&&(N=di(),N.position={start:xe(x.start),end:void 0},L.push(N)),this.stack.push(N)}function k(x){const T=this.stack.pop();T.value+=this.sliceSerialize(x),T.position.end=xe(x.end)}function A(x){const T=this.stack[this.stack.length-1];if(this.data.atHardBreak){const L=T.children[T.children.length-1];L.position.end=xe(x.end),this.data.atHardBreak=void 0;return}!this.data.setextHeadingSlurpLineEnding&&t.canContainEols.includes(T.type)&&(j.call(this,x),k.call(this,x))}function P(){this.data.atHardBreak=!0}function H(){const x=this.resume(),T=this.stack[this.stack.length-1];T.value=x}function _(){const x=this.resume(),T=this.stack[this.stack.length-1];T.value=x}function I(){const x=this.resume(),T=this.stack[this.stack.length-1];T.value=x}function U(){const x=this.stack[this.stack.length-1];if(this.data.inReference){const T=this.data.referenceType||"shortcut";x.type+="Reference",x.referenceType=T,delete x.url,delete x.title}else delete x.identifier,delete x.label;this.data.referenceType=void 0}function K(){const x=this.stack[this.stack.length-1];if(this.data.inReference){const T=this.data.referenceType||"shortcut";x.type+="Reference",x.referenceType=T,delete x.url,delete x.title}else delete x.identifier,delete x.label;this.data.referenceType=void 0}function oe(x){const T=this.sliceSerialize(x),L=this.stack[this.stack.length-2];L.label=ia(T),L.identifier=ce(T).toLowerCase()}function pe(){const x=this.stack[this.stack.length-1],T=this.resume(),L=this.stack[this.stack.length-1];if(this.data.inReference=!0,L.type==="link"){const N=x.children;L.children=N}else L.alt=T}function d(){const x=this.resume(),T=this.stack[this.stack.length-1];T.url=x}function ae(){const x=this.resume(),T=this.stack[this.stack.length-1];T.title=x}function de(){this.data.inReference=void 0}function m(){this.data.referenceType="collapsed"}function se(x){const T=this.resume(),L=this.stack[this.stack.length-1];L.label=T,L.identifier=ce(this.sliceSerialize(x)).toLowerCase(),this.data.referenceType="full"}function we(x){this.data.characterReferenceType=x.type}function Q(x){const T=this.sliceSerialize(x),L=this.data.characterReferenceType;let N;L?(N=yr(T,L==="characterReferenceMarkerNumeric"?10:16),this.data.characterReferenceType=void 0):N=Kn(T);const V=this.stack[this.stack.length-1];V.value+=N}function Oe(x){const T=this.stack.pop();T.position.end=xe(x.end)}function ke(x){k.call(this,x);const T=this.stack[this.stack.length-1];T.url=this.sliceSerialize(x)}function Ae(x){k.call(this,x);const T=this.stack[this.stack.length-1];T.url="mailto:"+this.sliceSerialize(x)}function Pe(){return{type:"blockquote",children:[]}}function Ge(){return{type:"code",lang:null,meta:null,value:""}}function ai(){return{type:"inlineCode",value:""}}function si(){return{type:"definition",identifier:"",label:null,title:null,url:""}}function ui(){return{type:"emphasis",children:[]}}function lt(){return{type:"heading",depth:0,children:[]}}function ot(){return{type:"break"}}function at(){return{type:"html",value:""}}function ci(){return{type:"image",title:null,url:"",alt:null}}function st(){return{type:"link",title:null,url:"",children:[]}}function ut(x){return{type:"list",ordered:x.type==="listOrdered",start:null,spread:x._spread,children:[]}}function hi(x){return{type:"listItem",spread:x._spread,checked:null,children:[]}}function fi(){return{type:"paragraph",children:[]}}function pi(){return{type:"strong",children:[]}}function di(){return{type:"text",value:""}}function mi(){return{type:"thematicBreak"}}}function xe(e){return{line:e.line,column:e.column,offset:e.offset}}function Ar(e,t){let n=-1;for(;++n<t.length;){const r=t[n];Array.isArray(r)?Ar(e,r):sa(e,r)}}function sa(e,t){let n;for(n in t)if(Ir.call(t,n))switch(n){case"canContainEols":{const r=t[n];r&&e[n].push(...r);break}case"transforms":{const r=t[n];r&&e[n].push(...r);break}case"enter":case"exit":{const r=t[n];r&&Object.assign(e[n],r);break}}}function _t(e,t){throw e?new Error("Cannot close `"+e.type+"` ("+Ue({start:e.start,end:e.end})+"): a different token (`"+t.type+"`, "+Ue({start:t.start,end:t.end})+") is open"):new Error("Cannot close document, a token (`"+t.type+"`, "+Ue({start:t.start,end:t.end})+") is still open")}function ua(e){const t=this;t.parser=n;function n(r){return oa(r,{...t.data("settings"),...e,extensions:t.data("micromarkExtensions")||[],mdastExtensions:t.data("fromMarkdownExtensions")||[]})}}function ca(e,t){const n={type:"element",tagName:"blockquote",properties:{},children:e.wrap(e.all(t),!0)};return e.patch(t,n),e.applyData(t,n)}function ha(e,t){const n={type:"element",tagName:"br",properties:{},children:[]};return e.patch(t,n),[e.applyData(t,n),{type:"text",value:`
@@ -223,10 +223,20 @@ gateway.
   number of calls, and the **Tool** filter narrows the log to one of them. The
   request detail lists the calls, how many failed, and what they cost. Query text
   is never stored: the log records counts and names only.
+  The **User**, **Model**, and **API key** filters here take several values too, so
+  a drill-down from Usage arrives intact and a comparison can be read as one list.
+  The Model box also accepts a name that is not in its suggestions: press Enter to
+  add it, since the suggestions only cover models with traffic in the window. When
+  "select all N matching" is used for a bulk delete or reprice, the selection is
+  scoped to exactly the values shown in the chips.
 - **Usage**: aggregate usage and analytics, showing spend and volume over time,
   broken down by model and by user, plus a switchable breakdown by session,
-  endpoint, provider, or source. Clicking any row opens the Activity log scoped
-  to that group, so "spend went up" leads straight to the requests behind it.
+  endpoint, provider, or source. The **User**, **Model**, and **API key** pickers
+  each take several values, so a chart can compare a set ("these two models across
+  this team's keys") rather than one entity at a time; every pick becomes its own
+  chip, and the chip's ✕ removes just that value. Clicking any row opens the
+  Activity log scoped to that group, carrying the whole selection with it, so
+  "spend went up" leads straight to the requests behind it.
   When the window contains gateway-run tool calls, a **Gateway-run tools** table
   shows calls, failures, and spend per tool, so "what did search cost me last
   week" has an answer that is not one request at a time. MCP tools are excluded
diff --git a/src/gateway/static/dashboard/assets/FilterChips-DTdIceb1.js b/src/gateway/static/dashboard/assets/FilterChips-DTdIceb1.js
new file mode 100644
index 000000000..a623698a8
--- /dev/null
+++ b/src/gateway/static/dashboard/assets/FilterChips-DTdIceb1.js
@@ -0,0 +1 @@
+import{j as e}from"./tanstack-query-1t81HyiD.js";import{r as i}from"./react-dgEcD0HR.js";import{B as o}from"./heroui-COmYdDDM.js";function v({chips:s,children:d,onClearAll:t,start:x,end:l}){const[a,m]=i.useState(!1),n=i.useId();return e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[x,e.jsx(o,{size:"sm",variant:"outline",onPress:()=>m(r=>!r),"aria-expanded":a,"aria-controls":n,children:a?"Done":"Add filter"}),s.map(r=>e.jsxs("span",{className:"inline-flex items-center gap-1 rounded-full border border-[var(--otari-line)] bg-[var(--otari-brand-tint)] py-0.5 pl-2.5 pr-1 text-xs text-[var(--otari-brand-dark)]",children:[e.jsxs("span",{className:"text-[var(--otari-muted)]",children:[r.label,":"]}),e.jsx("span",{className:"font-medium",children:r.value}),e.jsx("button",{type:"button",onClick:r.onClear,"aria-label":r.clearLabel??`Remove ${r.label} filter`,className:"ml-0.5 inline-flex h-4 w-4 items-center justify-center rounded-full text-[var(--otari-muted)] outline-none hover:bg-[var(--otari-line)] hover:text-[var(--otari-ink)] focus-visible:ring-2 focus-visible:ring-[var(--otari-brand)]",children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",className:"h-3 w-3","aria-hidden":"true",children:e.jsx("path",{d:"M6 6l12 12M18 6L6 18",strokeLinecap:"round"})})})]},r.key)),s.length>0&&t?e.jsx(o,{size:"sm",variant:"ghost",onPress:t,children:"Clear all"}):null,l?e.jsx("div",{className:"ml-auto flex items-center gap-3",children:l}):null]}),e.jsx("div",{id:n,className:a?"flex flex-wrap items-end gap-3":"hidden",children:d})]})}export{v as F};
diff --git a/src/gateway/static/dashboard/assets/FilterChips-o0JYRTLi.js b/src/gateway/static/dashboard/assets/FilterChips-o0JYRTLi.js
deleted file mode 100644
index 2518f3e76..000000000
--- a/src/gateway/static/dashboard/assets/FilterChips-o0JYRTLi.js
+++ /dev/null
@@ -1 +0,0 @@
-import{j as e}from"./tanstack-query-1t81HyiD.js";import{r as i}from"./react-dgEcD0HR.js";import{B as o}from"./heroui-COmYdDDM.js";function p({chips:s,children:d,onClearAll:t,start:x,end:n}){const[a,m]=i.useState(!1),l=i.useId();return e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[x,e.jsx(o,{size:"sm",variant:"outline",onPress:()=>m(r=>!r),"aria-expanded":a,"aria-controls":l,children:a?"Done":"Add filter"}),s.map(r=>e.jsxs("span",{className:"inline-flex items-center gap-1 rounded-full border border-[var(--otari-line)] bg-[var(--otari-brand-tint)] py-0.5 pl-2.5 pr-1 text-xs text-[var(--otari-brand-dark)]",children:[e.jsxs("span",{className:"text-[var(--otari-muted)]",children:[r.label,":"]}),e.jsx("span",{className:"font-medium",children:r.value}),e.jsx("button",{type:"button",onClick:r.onClear,"aria-label":`Remove ${r.label} filter`,className:"ml-0.5 inline-flex h-4 w-4 items-center justify-center rounded-full text-[var(--otari-muted)] outline-none hover:bg-[var(--otari-line)] hover:text-[var(--otari-ink)] focus-visible:ring-2 focus-visible:ring-[var(--otari-brand)]",children:e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",className:"h-3 w-3","aria-hidden":"true",children:e.jsx("path",{d:"M6 6l12 12M18 6L6 18",strokeLinecap:"round"})})})]},r.key)),s.length>0&&t?e.jsx(o,{size:"sm",variant:"ghost",onPress:t,children:"Clear all"}):null,n?e.jsx("div",{className:"ml-auto flex items-center gap-3",children:n}):null]}),e.jsx("div",{id:l,className:a?"flex flex-wrap items-end gap-3":"hidden",children:d})]})}export{p as F};
diff --git a/src/gateway/static/dashboard/assets/KeysPage-CtY-9BqY.js b/src/gateway/static/dashboard/assets/KeysPage-eN3TspGP.js
similarity index 98%
rename from src/gateway/static/dashboard/assets/KeysPage-CtY-9BqY.js
rename to src/gateway/static/dashboard/assets/KeysPage-eN3TspGP.js
index 54d36a6ea..bc92e7a8f 100644
--- a/src/gateway/static/dashboard/assets/KeysPage-CtY-9BqY.js
+++ b/src/gateway/static/dashboard/assets/KeysPage-eN3TspGP.js
@@ -1,4 +1,4 @@
-import{j as e}from"./tanstack-query-1t81HyiD.js";import{r as i}from"./react-dgEcD0HR.js";import{c as J,O as H,Q as X,S as Z,P as ee,E as K,z as te,T as se,u as q,M as ae}from"./index-BE7E0N2z.js";import{u as re,r as ne,B as ie}from"./tableSelection-BJDASjEj.js";import{C as le}from"./ConfirmDialog-DzIVWoi5.js";import{D as oe}from"./DataTable-DuDxGlJc.js";import{F as M}from"./Field-CBU9MRjz.js";import{a as z,M as V}from"./ModelScopeControl-dT2wvSYp.js";import{U as ce}from"./UserComboBox-DoloPF6p.js";import{g as I,B as f,d as E}from"./heroui-COmYdDDM.js";function $(t){if(!t)return"—";const a=new Date(t);return Number.isNaN(a.getTime())?"—":a.toLocaleDateString()}function de(t){if(!t)return null;const a=new Date(t).getTime();if(Number.isNaN(a))return null;const r=Math.round((a-Date.now())/1e3),n=Math.abs(r),d=[["day",86400],["hour",3600],["minute",60]],o=new Intl.RelativeTimeFormat(void 0,{numeric:"auto"});for(const[l,h]of d)if(n>=h)return o.format(Math.round(r/h),l);return o.format(r,"second")}function ue(t){if(!t.expires_at)return!1;const a=new Date(t.expires_at).getTime();return!Number.isNaN(a)&&a<Date.now()}function me(t){if(!t)return"";const a=new Date(t);if(Number.isNaN(a.getTime()))return"";const r=n=>String(n).padStart(2,"0");return`${a.getFullYear()}-${r(a.getMonth()+1)}-${r(a.getDate())}T${r(a.getHours())}:${r(a.getMinutes())}`}const xe=t=>(t??"").startsWith("apikey-"),O=t=>t.key_name??t.id,he=t=>t.id;function F({label:t,value:a,multiline:r=!1,fieldRef:n}){const d=i.useRef(null),o=n??d,[l,h]=i.useState(!1),[p,g]=i.useState(!1),c=async()=>{var m,y,x;(m=o.current)==null||m.focus(),(y=o.current)==null||y.select();try{if((x=navigator.clipboard)!=null&&x.writeText){await navigator.clipboard.writeText(a),h(!0),g(!1),window.setTimeout(()=>h(!1),2e3);return}}catch{}g(!0)},u="w-full rounded-lg border border-[var(--otari-line)] bg-[var(--otari-bg)] px-3 py-2 font-mono text-xs text-[var(--otari-ink)]";return e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-xs font-medium text-[var(--otari-muted)]",children:t}),e.jsx(f,{size:"sm",variant:"outline",onPress:c,children:l?"Copied":"Copy"})]}),r?e.jsx("textarea",{ref:o,readOnly:!0,rows:a.split(`
+import{j as e}from"./tanstack-query-1t81HyiD.js";import{r as i}from"./react-dgEcD0HR.js";import{c as J,O as H,Q as X,S as Z,P as ee,E as K,z as te,T as se,u as q,M as ae}from"./index-DnXjp6g_.js";import{u as re,r as ne,B as ie}from"./tableSelection-BJDASjEj.js";import{C as le}from"./ConfirmDialog-BqztIUQ8.js";import{D as oe}from"./DataTable-DuDxGlJc.js";import{F as M}from"./Field-CBU9MRjz.js";import{a as z,M as V}from"./ModelScopeControl-BTAbFoU-.js";import{U as ce}from"./UserComboBox-DoloPF6p.js";import{g as I,B as f,d as E}from"./heroui-COmYdDDM.js";function $(t){if(!t)return"—";const a=new Date(t);return Number.isNaN(a.getTime())?"—":a.toLocaleDateString()}function de(t){if(!t)return null;const a=new Date(t).getTime();if(Number.isNaN(a))return null;const r=Math.round((a-Date.now())/1e3),n=Math.abs(r),d=[["day",86400],["hour",3600],["minute",60]],o=new Intl.RelativeTimeFormat(void 0,{numeric:"auto"});for(const[l,h]of d)if(n>=h)return o.format(Math.round(r/h),l);return o.format(r,"second")}function ue(t){if(!t.expires_at)return!1;const a=new Date(t.expires_at).getTime();return!Number.isNaN(a)&&a<Date.now()}function me(t){if(!t)return"";const a=new Date(t);if(Number.isNaN(a.getTime()))return"";const r=n=>String(n).padStart(2,"0");return`${a.getFullYear()}-${r(a.getMonth()+1)}-${r(a.getDate())}T${r(a.getHours())}:${r(a.getMinutes())}`}const xe=t=>(t??"").startsWith("apikey-"),O=t=>t.key_name??t.id,he=t=>t.id;function F({label:t,value:a,multiline:r=!1,fieldRef:n}){const d=i.useRef(null),o=n??d,[l,h]=i.useState(!1),[p,g]=i.useState(!1),c=async()=>{var m,y,x;(m=o.current)==null||m.focus(),(y=o.current)==null||y.select();try{if((x=navigator.clipboard)!=null&&x.writeText){await navigator.clipboard.writeText(a),h(!0),g(!1),window.setTimeout(()=>h(!1),2e3);return}}catch{}g(!0)},u="w-full rounded-lg border border-[var(--otari-line)] bg-[var(--otari-bg)] px-3 py-2 font-mono text-xs text-[var(--otari-ink)]";return e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-xs font-medium text-[var(--otari-muted)]",children:t}),e.jsx(f,{size:"sm",variant:"outline",onPress:c,children:l?"Copied":"Copy"})]}),r?e.jsx("textarea",{ref:o,readOnly:!0,rows:a.split(`
 `).length,value:a,onFocus:m=>m.currentTarget.select(),className:`${u} resize-none whitespace-pre`}):e.jsx("input",{ref:o,readOnly:!0,value:a,onFocus:m=>m.currentTarget.select(),className:u}),e.jsx("span",{"aria-live":"polite",className:"text-xs text-green-700",children:l?"Copied to clipboard.":""}),p?e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Selected. Press Ctrl/Cmd-C to copy."}):null]})}function fe({title:t,result:a,onClose:r}){const n=i.useRef(null),d=i.useRef(null),o=typeof window<"u"?window.location.origin:"",l=a.key;i.useEffect(()=>{var c,u;(c=d.current)==null||c.focus(),(u=d.current)==null||u.select()},[]);const h=c=>{var x;if(c.key!=="Tab")return;const u=(x=n.current)==null?void 0:x.querySelectorAll('button, input, textarea, a[href], [tabindex]:not([tabindex="-1"])');if(!u||u.length===0)return;const m=u[0],y=u[u.length-1];c.shiftKey&&document.activeElement===m?(c.preventDefault(),y.focus()):!c.shiftKey&&document.activeElement===y&&(c.preventDefault(),m.focus())},p=[`curl ${o}/v1/chat/completions \\`,`  -H "Otari-Key: ${l}" \\`,'  -H "Content-Type: application/json" \\',`  -d '{"model": "your-model", "messages": [{"role": "user", "content": "Hello"}]}'`].join(`
 `),g=["from openai import OpenAI","",`client = OpenAI(base_url="${o}/v1", api_key="${l}")`,"resp = client.chat.completions.create(",'    model="your-model",','    messages=[{"role": "user", "content": "Hello"}],',")","print(resp.choices[0].message.content)"].join(`
 `);return e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",role:"presentation",children:e.jsxs("div",{ref:n,role:"dialog","aria-modal":"true","aria-labelledby":"reveal-title",onKeyDown:h,className:"flex max-h-[90vh] w-full max-w-2xl flex-col gap-4 overflow-y-auto rounded-xl bg-[var(--otari-surface)] p-6 shadow-xl",children:[e.jsx("h2",{id:"reveal-title",className:"text-lg font-semibold text-[var(--otari-ink)]",children:t}),e.jsx(ae,{tone:"warning",children:"Copy this key now. For security it is shown only once and cannot be retrieved later. If you lose it, use Regenerate to issue a new secret."}),e.jsxs("p",{className:"text-xs text-[var(--otari-muted)]",children:["Model access: ",z(a.allowed_models).text,"."]}),e.jsx(F,{label:"Secret key",value:l,fieldRef:d}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Make your first call"}),e.jsxs("p",{className:"text-xs text-[var(--otari-muted)]",children:["Replace ",e.jsx("code",{children:"your-model"})," with a model from the Models page."]})]}),e.jsx(F,{label:"curl",value:p,multiline:!0}),e.jsx(F,{label:"Python (OpenAI SDK)",value:g,multiline:!0})]}),e.jsx("div",{className:"flex justify-end",children:e.jsx(f,{variant:"primary",onPress:r,children:"I’ve saved this key"})})]})})}function U({trigger:t,message:a,confirmLabel:r,isPending:n,onConfirm:d}){const[o,l]=i.useState(!1);return o?e.jsxs("div",{className:"flex flex-col items-end gap-1.5 rounded-lg border border-amber-200 bg-amber-50 p-2 text-right",children:[e.jsx("span",{className:"max-w-xs text-xs text-amber-800",children:a}),e.jsxs("span",{className:"inline-flex gap-1",children:[e.jsx(f,{size:"sm",variant:"danger",isDisabled:n,onPress:d,children:r}),e.jsx(f,{size:"sm",variant:"ghost",isDisabled:n,onPress:()=>l(!1),children:"Cancel"})]})]}):e.jsx(f,{size:"sm",variant:"danger-soft",onPress:()=>l(!0),children:t})}function W({userId:t,users:a}){const r=t.trim();if(r==="")return e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:"Choose an owner above to see the models this key can inherit."});const n=a.find(l=>l.user_id===r);if(!n)return e.jsxs("p",{className:"text-xs text-[var(--otari-muted)]",children:["New user ",e.jsx("code",{children:r})," starts unrestricted, so this key may allow any model."]});const{text:d}=z(n.allowed_models),o=n.allowed_models&&n.allowed_models.length>0?n.allowed_models.join(", "):null;return e.jsxs("p",{className:"text-xs text-[var(--otari-muted)]",children:["Owner ",e.jsx("code",{children:r})," allows ",e.jsx("span",{className:"font-medium text-[var(--otari-ink)]",children:d.toLowerCase()}),o?e.jsxs(e.Fragment,{children:[" (",e.jsx("span",{className:"font-mono",children:o}),")"]}):null,". This key inherits that, or narrows within it."]})}function Q({checked:t,onChange:a}){return e.jsxs("label",{className:"flex items-start gap-2 rounded-lg border border-[var(--otari-line)] p-3 text-sm",children:[e.jsx("input",{type:"checkbox",checked:t,onChange:r=>a(r.target.checked),className:"mt-0.5 h-4 w-4 accent-[var(--otari-brand)]","aria-label":"Exempt this key from budget"}),e.jsxs("span",{className:"flex flex-col gap-0.5",children:[e.jsx("span",{className:"font-medium text-[var(--otari-ink)]",children:"Exempt from budget"}),e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Requests on this key are logged with their cost but never counted toward the owner's budget or spend, and never blocked by it."})]})]})}function Y({value:t,onChange:a}){const r="key-reject-user-mismatch";return e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsxs("label",{htmlFor:r,className:"text-sm font-medium text-[var(--otari-ink)]",children:["Mismatched ",e.jsx("code",{children:"user"})," field"]}),e.jsxs("select",{id:r,value:t===null?"inherit":t?"reject":"accept",onChange:n=>a(n.target.value==="inherit"?null:n.target.value==="reject"),className:"w-full rounded-lg border border-[var(--otari-line)] bg-[var(--otari-bg)] px-3 py-2 text-sm text-[var(--otari-ink)]",children:[e.jsx("option",{value:"inherit",children:"Use the deployment setting (default)"}),e.jsx("option",{value:"reject",children:"Always reject (403)"}),e.jsx("option",{value:"accept",children:"Always accept"})]}),e.jsxs("span",{className:"text-xs text-[var(--otari-muted)]",children:["What happens when a request on this key names a different ",e.jsx("code",{children:"user"})," than its owner. Accept it for clients that send telemetry there rather than an identity, such as Claude Code. Spend binds to this key's owner either way."]})]})}function pe({onClose:t,onCreated:a}){const r=se(),n=q(),[d,o]=i.useState(""),[l,h]=i.useState(""),[p,g]=i.useState(!1),[c,u]=i.useState(""),[m,y]=i.useState(null),[x,N]=i.useState(!1),[v,k]=i.useState(null),[b,_]=i.useState(!0),P=l!==""&&new Date(l).getTime()<Date.now(),A=c.trim()==="",C=()=>{if(r.isPending||!b||A)return;const j={key_name:d.trim()||null,user_id:c.trim(),expires_at:l?new Date(l).toISOString():null,allowed_models:m,exclude_from_budget:x,reject_user_mismatch:v};r.mutate(j,{onSuccess:w=>{a(w),t()}})};return e.jsx(E,{children:e.jsxs(E.Content,{className:"flex flex-col gap-4 p-5",children:[e.jsx("div",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:"Create API key"}),e.jsx(K,{error:r.error}),e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[e.jsx(M,{label:"Name",value:d,onChange:o,placeholder:"ci-bot",autoFocus:!0,description:"A label to recognize this key later."}),e.jsx(M,{label:"Expires (optional)",value:l,onChange:h,type:"datetime-local",description:P?e.jsx("span",{className:"text-red-700",children:"That time is in the past; the key would be rejected immediately."}):"Leave blank for a key that never expires."})]}),e.jsx(ce,{value:c,onChange:u,users:n.data??[]}),e.jsx("button",{type:"button",className:"self-start text-xs font-medium text-[var(--otari-brand-dark)]",onClick:()=>g(j=>!j),children:p?"Hide advanced":"Advanced"}),p?e.jsxs("div",{className:"flex flex-col gap-4 rounded-lg border border-[var(--otari-line)] p-4",children:[e.jsx(W,{userId:c,users:n.data??[]}),e.jsx(V,{title:"Restrict this key's models",description:"By default this key inherits its owner's access. Optionally narrow it to a subset; a key can never exceed its owner's allowed models.",anyLabel:"Inherit owner access",initial:null,onChange:(j,w)=>{y(j),_(w)}}),e.jsx(Q,{checked:x,onChange:N}),e.jsx(Y,{value:v,onChange:k})]}):null,e.jsxs("div",{className:"flex gap-2",children:[e.jsx(f,{variant:"primary",isDisabled:r.isPending||!b||A,onPress:C,children:r.isPending?"Creating…":"Create key"}),e.jsx(f,{variant:"ghost",onPress:t,children:"Cancel"})]})]})})}function ge({apiKey:t,onClose:a}){const r=H(),n=q(),[d,o]=i.useState(t.key_name??""),[l,h]=i.useState(me(t.expires_at)),[p,g]=i.useState(t.allowed_models),[c,u]=i.useState(t.exclude_from_budget),[m,y]=i.useState(t.reject_user_mismatch),[x,N]=i.useState(!0),v=()=>{r.isPending||!x||r.mutate({id:t.id,body:{key_name:d.trim()||null,expires_at:l?new Date(l).toISOString():null,allowed_models:p,exclude_from_budget:c,reject_user_mismatch:m}},{onSuccess:a})};return e.jsx(E,{children:e.jsxs(E.Content,{className:"flex flex-col gap-4 p-5",children:[e.jsxs("div",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:["Edit ",e.jsx("code",{children:t.key_name??t.id})]}),e.jsx(K,{error:r.error}),e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[e.jsx(M,{label:"Name",value:d,onChange:o,placeholder:"ci-bot"}),e.jsx(M,{label:"Expires",value:l,onChange:h,type:"datetime-local",description:"Blank clears the expiry."})]}),t.user_id?e.jsx(W,{userId:t.user_id,users:n.data??[]}):null,e.jsx(V,{title:"Restrict this key's models",description:"This key inherits its owner's access by default. Narrow it to a subset here; it can never exceed the owner's allowed models.",anyLabel:"Inherit owner access",initial:t.allowed_models,onChange:(k,b)=>{g(k),N(b)}}),e.jsx(Q,{checked:c,onChange:u}),e.jsx(Y,{value:m,onChange:y}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(f,{variant:"primary",isDisabled:r.isPending||!x,onPress:v,children:r.isPending?"Saving…":"Save changes"}),e.jsx(f,{variant:"ghost",onPress:a,children:"Cancel"})]})]})})}function ye({apiKey:t}){return t.is_active?ue(t)?e.jsx(I,{size:"sm",color:"warning",children:"Expired"}):e.jsx(I,{size:"sm",color:"accent",children:"Active"}):e.jsx(I,{size:"sm",color:"default",children:"Disabled"})}function je({allowed:t}){const{text:a,tone:r}=z(t),n=r==="danger"?"text-red-700 font-medium":r==="muted"?"text-[var(--otari-muted)]":"text-[var(--otari-brand-dark)] font-medium",d=t&&t.length>0?t.join(", "):void 0;return e.jsx("span",{className:`text-xs ${n}`,title:d,children:a})}function De(){const t=J(),a=H(),r=X(),n=Z(),[d,o]=i.useState(!1),[l,h]=i.useState(null),[p,g]=i.useState(null),c=t.data??[],u=t.isLoading,m=c.find(s=>s.id===l)??null,y=!u&&c.length===0&&!d,x=re(),[N,v]=i.useState(!1),[k,b]=i.useState(void 0),[_,P]=i.useState(!1),A=c.map(s=>s.id),C=ne(x.selectedKeys,A),j=c.filter(s=>C.includes(s.id)),w=i.useCallback((s,S)=>a.mutate({id:s.id,body:{is_active:S}}),[a.mutate]),L=i.useCallback(s=>r.mutate(s.id,{onSuccess:S=>g({title:`New secret for ${O(s)}`,result:S})}),[r.mutate]),T=async(s,S,R)=>{P(!0),b(void 0);try{for(const B of s)await S(B);x.clear(),R==null||R()}catch(B){b(B)}finally{P(!1)}},G=i.useMemo(()=>[{id:"name",header:"Name",isRowHeader:!0,cell:s=>e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx("span",{className:"font-medium text-[var(--otari-ink)]",children:s.key_name??e.jsx("span",{className:"text-[var(--otari-muted)]",children:"(unnamed)"})}),e.jsxs("div",{className:"flex flex-wrap items-center gap-1",children:[e.jsx(je,{allowed:s.allowed_models}),s.exclude_from_budget?e.jsx("span",{className:"inline-flex items-center rounded-full border border-[var(--otari-line)] bg-[var(--otari-brand-tint)] px-2 py-0.5 text-xs font-medium text-[var(--otari-brand-dark)]",title:"Requests on this key are logged with cost but never counted toward budget",children:"Budget-exempt"}):null,s.reject_user_mismatch===null?null:e.jsx("span",{className:"inline-flex items-center rounded-full border border-[var(--otari-line)] bg-[var(--otari-brand-tint)] px-2 py-0.5 text-xs font-medium text-[var(--otari-brand-dark)]",title:s.reject_user_mismatch?"This key always rejects a request naming a different user, whatever the deployment setting says":"This key always accepts a request naming a different user; spend still binds to its owner",children:s.reject_user_mismatch?"Strict user":"Lenient user"})]})]})},{id:"status",header:"Status",cell:s=>e.jsx(ye,{apiKey:s})},{id:"owner",header:"Owner",cell:s=>xe(s.user_id)?e.jsx(I,{size:"sm",color:"default",children:"virtual"}):e.jsx("code",{className:"text-xs text-[var(--otari-muted)]",children:s.user_id??"—"})},{id:"key",header:"Key",cell:s=>e.jsx("code",{className:"text-xs text-[var(--otari-muted)]",children:s.key_prefix?`${s.key_prefix}…`:"—"})},{id:"created",header:"Created",cell:s=>e.jsx("span",{className:"text-[var(--otari-muted)]",children:$(s.created_at)})},{id:"last_used",header:"Last used",cell:s=>e.jsx("span",{className:"text-[var(--otari-muted)]",children:de(s.last_used_at)??"never"})},{id:"expires",header:"Expires",cell:s=>e.jsx("span",{className:"text-[var(--otari-muted)]",title:s.expires_at?new Date(s.expires_at).toLocaleString():void 0,children:s.expires_at?$(s.expires_at):"never"})},{id:"actions",header:"Actions",align:"end",cell:s=>e.jsxs("div",{className:"flex items-center justify-end gap-1.5",children:[e.jsx(f,{size:"sm",variant:"outline",isDisabled:a.isPending,onPress:()=>w(s,!s.is_active),children:s.is_active?"Disable":"Enable"}),e.jsx(f,{size:"sm",variant:"ghost",onPress:()=>{o(!1),h(s.id)},children:"Edit"}),e.jsx(U,{trigger:"Regenerate",confirmLabel:"Regenerate",isPending:r.isPending,message:e.jsxs(e.Fragment,{children:["Regenerate the secret for ",e.jsx("strong",{children:O(s)}),"? The current secret stops working immediately, with no grace period."]}),onConfirm:()=>L(s)}),s.is_active?null:e.jsx(U,{trigger:"Delete",confirmLabel:"Delete permanently",isPending:n.isPending,message:e.jsxs(e.Fragment,{children:["Permanently delete ",e.jsx("strong",{children:O(s)}),"? This removes the key and unlinks its usage history. Cannot be undone."]}),onConfirm:()=>n.mutate(s.id)})]})}],[a.isPending,r.isPending,n.isPending,n.mutate,w,L]),D=j.filter(s=>!s.is_active);return e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(ee,{title:"API keys",description:"Issue and revoke the keys that authenticate callers to this gateway. Secrets are shown once at creation.",action:d?null:e.jsx(f,{variant:"primary",onPress:()=>{h(null),o(!0)},children:"Create key"})}),e.jsx(K,{error:t.error??a.error??r.error??n.error}),y?e.jsx(te,{title:"No API keys yet",description:"An API key authenticates callers to this gateway. Create one to make your first request; the secret is shown once, so keep it somewhere safe.",actionLabel:"Create your first key",onAction:()=>{h(null),o(!0)}}):null,d?e.jsx(pe,{onClose:()=>o(!1),onCreated:s=>g({title:"API key created",result:s})}):null,m?e.jsx(ge,{apiKey:m,onClose:()=>h(null)},m.id):null,C.length>0?e.jsxs(ie,{selectedCount:C.length,allMatching:!1,matchingTotal:null,canSelectAllMatching:!1,onSelectAllMatching:()=>{},onClear:x.clear,children:[e.jsx(f,{size:"sm",variant:"outline",isDisabled:_,onPress:()=>void T(j,s=>a.mutateAsync({id:s.id,body:{is_active:!1}})),children:"Disable"}),e.jsx(f,{size:"sm",variant:"outline",isDisabled:_,onPress:()=>void T(j,s=>a.mutateAsync({id:s.id,body:{exclude_from_budget:!0}})),children:"Budget-exempt"}),e.jsx(f,{size:"sm",variant:"danger",isDisabled:D.length===0,onPress:()=>v(!0),children:"Delete"})]}):null,y?null:e.jsx(oe,{ariaLabel:"API keys",columns:G,rows:c,getRowKey:he,isLoading:u,emptyContent:"No API keys yet. Create one to authenticate a caller.",selectionMode:"multiple",selectedKeys:x.selectedKeys,onSelectionChange:x.onSelectionChange}),e.jsx(le,{isOpen:N,onOpenChange:v,heading:"Delete API keys",body:`Permanently delete ${D.length} disabled ${D.length===1?"key":"keys"}? This removes them and unlinks their usage history. Cannot be undone. Active keys in the selection are skipped; disable them first.`,confirmLabel:"Delete permanently",isPending:_,error:k,onConfirm:()=>void T(D,s=>n.mutateAsync(s.id),()=>v(!1))}),p?e.jsx(fe,{title:p.title,result:p.result,onClose:()=>{g(null),r.reset()}}):null]})}export{De as KeysPage};
diff --git a/src/gateway/static/dashboard/assets/ModelScopeControl-dT2wvSYp.js b/src/gateway/static/dashboard/assets/ModelScopeControl-BTAbFoU-.js
similarity index 98%
rename from src/gateway/static/dashboard/assets/ModelScopeControl-dT2wvSYp.js
rename to src/gateway/static/dashboard/assets/ModelScopeControl-BTAbFoU-.js
index e06220899..7423c0491 100644
--- a/src/gateway/static/dashboard/assets/ModelScopeControl-dT2wvSYp.js
+++ b/src/gateway/static/dashboard/assets/ModelScopeControl-BTAbFoU-.js
@@ -1 +1 @@
-import{j as t}from"./tanstack-query-1t81HyiD.js";import{r as n}from"./react-dgEcD0HR.js";import{a2 as A,s as $,v as P}from"./index-BE7E0N2z.js";import{C as d,I as R,a as T,b as V}from"./heroui-COmYdDDM.js";function q(r){return r===null?"any":r.length===0?"block":"only"}const O=50;function W({initial:r,onChange:m,title:N="Model access",description:w,anyLabel:C="Any model"}){const x=A(),u=$(),v=P(),[i,S]=n.useState(q(r)),[a,g]=n.useState(r??[]),[p,y]=n.useState(""),f=n.useMemo(()=>{var j,k;const e=new Set,s=[],l=(o,c)=>{o&&!e.has(o)&&(e.add(o),s.push({id:o,label:c}))};for(const o of((j=x.data)==null?void 0:j.providers)??[])l(`${o.instance}:*`,`${o.instance}:*  ·  all ${o.instance} models`);for(const o of((k=u.data)==null?void 0:k.providers)??[])for(const c of o.models)l(c.key,c.key);for(const o of v.data??[])l(o.target,`${o.name}  ·  alias`);return s},[x.data,u.data,v.data]),L=n.useMemo(()=>{const e=p.trim().toLowerCase();return f.filter(s=>!a.includes(s.id)).filter(s=>!e||s.id.toLowerCase().includes(e)||s.label.toLowerCase().includes(e)).slice(0,O)},[f,a,p]),h=(e,s)=>{e==="any"?m(null,!0):e==="block"?m([],!0):m(s,s.length>0)},B=e=>{S(e),h(e,a)},M=e=>{const s=a.includes(e)?a:[...a,e];g(s),y(""),h("only",s)},E=e=>{const s=a.filter(l=>l!==e);g(s),h("only",s)},b=(e,s)=>t.jsx("button",{type:"button","aria-pressed":i===e,onClick:()=>B(e),className:i===e?"rounded-md bg-white px-3 py-1.5 text-sm font-medium text-[var(--otari-ink)] shadow-sm":"rounded-md px-3 py-1.5 text-sm text-[var(--otari-muted)] hover:text-[var(--otari-ink)]",children:s}),I=!u.isLoading&&!x.isLoading&&f.length===0;return t.jsxs("div",{className:"flex flex-col gap-3",children:[t.jsxs("div",{children:[t.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:N}),t.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:w??"Which models this key may list and call. The master key is never restricted, so blocking a key cannot lock you out of the dashboard."})]}),t.jsxs("div",{className:"flex w-fit items-center gap-1 rounded-lg bg-[var(--otari-bg)] p-1",children:[b("any",C),b("only","Only selected"),b("block","Block all")]}),i==="block"?t.jsxs("div",{className:"rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800",children:["Blocked from ",t.jsx("strong",{children:"every"})," model until you change this access."]}):null,i==="only"?t.jsxs("div",{className:"flex flex-col gap-2",children:[t.jsx("div",{className:"flex flex-wrap gap-1.5",children:a.length===0?t.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Pick at least one model below, or choose “Block all”."}):a.map(e=>t.jsxs("span",{className:"inline-flex items-center gap-1 rounded-full bg-[var(--otari-brand-tint)] px-2.5 py-1 font-mono text-xs text-[var(--otari-brand-dark)]",children:[e,t.jsx("button",{type:"button","aria-label":`Remove ${e}`,onClick:()=>E(e),className:"text-[var(--otari-brand-dark)] hover:text-red-700",children:"×"})]},e))}),I?t.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"No providers or models discovered yet. Configure a provider first, then scope this key."}):t.jsxs(d.Root,{allowsEmptyCollection:!0,menuTrigger:"input",inputValue:p,onInputChange:y,selectedKey:null,onSelectionChange:e=>{e!=null&&M(String(e))},className:"flex max-w-md flex-col gap-1",children:[t.jsxs(d.InputGroup,{children:[t.jsx(R,{"aria-label":"Add a model",placeholder:"Search providers, models, aliases…",autoComplete:"off"}),t.jsx(d.Trigger,{})]}),t.jsx(d.Popover,{children:t.jsx(T,{items:L,className:"max-h-72 overflow-auto",children:e=>t.jsx(V,{id:e.id,textValue:e.label,children:e.label})})})]})]}):null]})}function X(r){return r===null?{text:"All models",tone:"muted"}:r.length===0?{text:"No models",tone:"danger"}:{text:"Selected models",tone:"normal"}}export{W as M,X as a};
+import{j as t}from"./tanstack-query-1t81HyiD.js";import{r as n}from"./react-dgEcD0HR.js";import{a2 as A,s as $,v as P}from"./index-DnXjp6g_.js";import{C as d,I as R,a as T,b as V}from"./heroui-COmYdDDM.js";function q(r){return r===null?"any":r.length===0?"block":"only"}const O=50;function W({initial:r,onChange:m,title:N="Model access",description:w,anyLabel:C="Any model"}){const x=A(),u=$(),v=P(),[i,S]=n.useState(q(r)),[a,g]=n.useState(r??[]),[p,y]=n.useState(""),f=n.useMemo(()=>{var j,k;const e=new Set,s=[],l=(o,c)=>{o&&!e.has(o)&&(e.add(o),s.push({id:o,label:c}))};for(const o of((j=x.data)==null?void 0:j.providers)??[])l(`${o.instance}:*`,`${o.instance}:*  ·  all ${o.instance} models`);for(const o of((k=u.data)==null?void 0:k.providers)??[])for(const c of o.models)l(c.key,c.key);for(const o of v.data??[])l(o.target,`${o.name}  ·  alias`);return s},[x.data,u.data,v.data]),L=n.useMemo(()=>{const e=p.trim().toLowerCase();return f.filter(s=>!a.includes(s.id)).filter(s=>!e||s.id.toLowerCase().includes(e)||s.label.toLowerCase().includes(e)).slice(0,O)},[f,a,p]),h=(e,s)=>{e==="any"?m(null,!0):e==="block"?m([],!0):m(s,s.length>0)},B=e=>{S(e),h(e,a)},M=e=>{const s=a.includes(e)?a:[...a,e];g(s),y(""),h("only",s)},E=e=>{const s=a.filter(l=>l!==e);g(s),h("only",s)},b=(e,s)=>t.jsx("button",{type:"button","aria-pressed":i===e,onClick:()=>B(e),className:i===e?"rounded-md bg-white px-3 py-1.5 text-sm font-medium text-[var(--otari-ink)] shadow-sm":"rounded-md px-3 py-1.5 text-sm text-[var(--otari-muted)] hover:text-[var(--otari-ink)]",children:s}),I=!u.isLoading&&!x.isLoading&&f.length===0;return t.jsxs("div",{className:"flex flex-col gap-3",children:[t.jsxs("div",{children:[t.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:N}),t.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:w??"Which models this key may list and call. The master key is never restricted, so blocking a key cannot lock you out of the dashboard."})]}),t.jsxs("div",{className:"flex w-fit items-center gap-1 rounded-lg bg-[var(--otari-bg)] p-1",children:[b("any",C),b("only","Only selected"),b("block","Block all")]}),i==="block"?t.jsxs("div",{className:"rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800",children:["Blocked from ",t.jsx("strong",{children:"every"})," model until you change this access."]}):null,i==="only"?t.jsxs("div",{className:"flex flex-col gap-2",children:[t.jsx("div",{className:"flex flex-wrap gap-1.5",children:a.length===0?t.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Pick at least one model below, or choose “Block all”."}):a.map(e=>t.jsxs("span",{className:"inline-flex items-center gap-1 rounded-full bg-[var(--otari-brand-tint)] px-2.5 py-1 font-mono text-xs text-[var(--otari-brand-dark)]",children:[e,t.jsx("button",{type:"button","aria-label":`Remove ${e}`,onClick:()=>E(e),className:"text-[var(--otari-brand-dark)] hover:text-red-700",children:"×"})]},e))}),I?t.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"No providers or models discovered yet. Configure a provider first, then scope this key."}):t.jsxs(d.Root,{allowsEmptyCollection:!0,menuTrigger:"input",inputValue:p,onInputChange:y,selectedKey:null,onSelectionChange:e=>{e!=null&&M(String(e))},className:"flex max-w-md flex-col gap-1",children:[t.jsxs(d.InputGroup,{children:[t.jsx(R,{"aria-label":"Add a model",placeholder:"Search providers, models, aliases…",autoComplete:"off"}),t.jsx(d.Trigger,{})]}),t.jsx(d.Popover,{children:t.jsx(T,{items:L,className:"max-h-72 overflow-auto",children:e=>t.jsx(V,{id:e.id,textValue:e.label,children:e.label})})})]})]}):null]})}function X(r){return r===null?{text:"All models",tone:"muted"}:r.length===0?{text:"No models",tone:"danger"}:{text:"Selected models",tone:"normal"}}export{W as M,X as a};
diff --git a/src/gateway/static/dashboard/assets/ModelsPage-BHrGQHDE.js b/src/gateway/static/dashboard/assets/ModelsPage-BHFs32Be.js
similarity index 99%
rename from src/gateway/static/dashboard/assets/ModelsPage-BHrGQHDE.js
rename to src/gateway/static/dashboard/assets/ModelsPage-BHFs32Be.js
index 3fa317ca1..205604c2f 100644
--- a/src/gateway/static/dashboard/assets/ModelsPage-BHrGQHDE.js
+++ b/src/gateway/static/dashboard/assets/ModelsPage-BHFs32Be.js
@@ -1 +1 @@
-import{j as e}from"./tanstack-query-1t81HyiD.js";import{u as kt,r as c}from"./react-dgEcD0HR.js";import{U as Mt,V as Wt,s as Tt,W as It,m as Ne,P as Lt,E as $t,F,M as At,X as se,q as He,Z as Ue,y as Ge,_ as Pe,$ as Et,a0 as Ot,a1 as E}from"./index-BE7E0N2z.js";import{u as Dt,r as Ft,B as Kt}from"./tableSelection-BJDASjEj.js";import{D as Bt}from"./DataTable-DuDxGlJc.js";import{i as Rt,T as wt,S as Re}from"./TablePagination-Bnlr8FbD.js";import{B as I,d as ae,g as z}from"./heroui-COmYdDDM.js";import"./Field-CBU9MRjz.js";function we(t){const i=t.indexOf(":");return i>0?t.slice(0,i):"—"}function zt(t,i=Date.now()){const r=new Map;for(const n of t){const a=r.get(n.model_key)??[];a.push(n),r.set(n.model_key,a)}const l=[];for(const n of r.values()){const a=[...n].sort((u,f)=>Date.parse(u.effective_at)-Date.parse(f.effective_at)),d=[...a].reverse().find(u=>Date.parse(u.effective_at)<=i);l.push(d??a[0])}return l.sort((n,a)=>n.model_key.localeCompare(a.model_key))}const Vt="otari",qt="otari",ze=[{value:"vision",label:"Vision",test:t=>Array.isArray(t.input_modalities)&&t.input_modalities.includes("image")},{value:"tool_call",label:"Tool calling",test:t=>!!t.tool_call},{value:"reasoning",label:"Reasoning",test:t=>!!t.reasoning},{value:"structured_output",label:"Structured output",test:t=>!!t.structured_output},{value:"attachment",label:"Attachments",test:t=>!!t.attachment},{value:"audio",label:"Audio",test:t=>Array.isArray(t.input_modalities)&&t.input_modalities.includes("audio")},{value:"pdf",label:"PDF",test:t=>Array.isArray(t.input_modalities)&&t.input_modalities.includes("pdf")}],Yt=[{key:"reasoning",label:"Reasoning"},{key:"tool_call",label:"Tool calling"},{key:"structured_output",label:"Structured output"},{key:"attachment",label:"Attachments"},{key:"temperature",label:"Temperature"}],Ve={text:"Text",image:"Image",audio:"Audio",video:"Video",pdf:"PDF"},Ht=[{value:"0",label:"Any context"},{value:"8000",label:"≥ 8K"},{value:"32000",label:"≥ 32K"},{value:"128000",label:"≥ 128K"},{value:"200000",label:"≥ 200K"},{value:"1000000",label:"≥ 1M"}],Ut=[{value:"",label:"Any price"},{value:"1",label:"≤ $1 / 1M in"},{value:"3",label:"≤ $3 / 1M in"},{value:"10",label:"≤ $10 / 1M in"},{value:"30",label:"≤ $30 / 1M in"}],Gt=[{value:"",label:"Base prices"},{value:"8000",label:"Compare at 8K"},{value:"128000",label:"Compare at 128K"},{value:"200000",label:"Compare at 200K"},{value:"500000",label:"Compare at 500K"},{value:"1000000",label:"Compare at 1M"}],Jt=[{value:"all",label:"Any release date"},{value:"365",label:"Past year"},{value:"730",label:"Past 2 years"},{value:"1095",label:"Past 3 years"}],Xt=1440*60*1e3,Zt=t=>t.key;function qe(t,i){const r=`${i}:`;return t.startsWith(r)?t.slice(r.length):t}function Ye(t,i){const r={inputPrice:t.inputPrice,outputPrice:t.outputPrice,cacheReadPrice:t.cacheReadPrice,cacheWritePrice:t.cacheWritePrice,cacheWrite1hPrice:t.cacheWrite1hPrice};if(i==null)return r;const l=t.pricingTiers.filter(n=>n.min_input_tokens<=i).sort((n,a)=>a.min_input_tokens-n.min_input_tokens)[0];return l?{inputPrice:l.input_price_per_million??r.inputPrice,outputPrice:l.output_price_per_million??r.outputPrice,cacheReadPrice:l.cache_read_price_per_million??r.cacheReadPrice,cacheWritePrice:l.cache_write_price_per_million??r.cacheWritePrice,cacheWrite1hPrice:l.cache_write_1h_price_per_million??r.cacheWrite1hPrice}:r}function ce(t){const i=Number(t);return t.trim()!==""&&Number.isFinite(i)&&i>=0}function w(t){if(t.trim()==="")return!0;const i=Number(t);return Number.isFinite(i)&&i>=0}function V(t){return t.trim()===""?null:Number(t)}function Je(t){return t.map((i,r)=>({id:r,minInputTokens:String(i.min_input_tokens),input:i.input_price_per_million==null?"":String(i.input_price_per_million),output:i.output_price_per_million==null?"":String(i.output_price_per_million),cacheRead:i.cache_read_price_per_million==null?"":String(i.cache_read_price_per_million),cacheWrite:i.cache_write_price_per_million==null?"":String(i.cache_write_price_per_million),cacheWrite1h:i.cache_write_1h_price_per_million==null?"":String(i.cache_write_1h_price_per_million)}))}function Xe(t){const i=new Set;return t.every(r=>{const l=Number(r.minInputTokens),n=[r.input,r.output,r.cacheRead,r.cacheWrite,r.cacheWrite1h].some(a=>a.trim()!=="");return!Number.isInteger(l)||l<=0||i.has(l)||!n?!1:(i.add(l),[r.input,r.output,r.cacheRead,r.cacheWrite,r.cacheWrite1h].every(w))})}function Ze(t){return t.map(i=>({min_input_tokens:Number(i.minInputTokens),...i.input.trim()===""?{}:{input_price_per_million:Number(i.input)},...i.output.trim()===""?{}:{output_price_per_million:Number(i.output)},...i.cacheRead.trim()===""?{}:{cache_read_price_per_million:Number(i.cacheRead)},...i.cacheWrite.trim()===""?{}:{cache_write_price_per_million:Number(i.cacheWrite)},...i.cacheWrite1h.trim()===""?{}:{cache_write_1h_price_per_million:Number(i.cacheWrite1h)}}))}function j({value:t,onChange:i,ariaLabel:r}){return e.jsx("input",{type:"number",step:"any",min:"0",inputMode:"decimal","aria-label":r,value:t,onChange:l=>i(l.target.value),className:"w-28 rounded-md border border-[var(--otari-line)] bg-white px-2 py-1 text-right text-sm tabular-nums focus:border-[var(--otari-brand)] focus:outline-none"})}function Qe({tiers:t,onChange:i}){const r=(n,a,d)=>{i(t.map(u=>u.id===n?{...u,[a]:d}:u))},l=()=>{const n=t.reduce((a,d)=>Math.max(a,d.id),-1)+1;i([...t,{id:n,minInputTokens:"128000",input:"",output:"",cacheRead:"",cacheWrite:"",cacheWrite1h:""}])};return e.jsxs("div",{className:"flex flex-col gap-2 rounded-lg border border-[var(--otari-line)] p-3",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-medium text-[var(--otari-ink)]",children:"Long-context price tiers"}),e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:"At a threshold, listed rates replace the base rate for the whole request."})]}),e.jsx(I,{size:"sm",variant:"outline",onPress:l,children:"Add tier"})]}),t.map(n=>e.jsxs("div",{className:"flex flex-wrap items-end gap-2 border-t border-[var(--otari-line)] pt-2",children:[e.jsxs("label",{className:"flex flex-col gap-1 text-xs text-[var(--otari-muted)]",children:["Context ≥ tokens",e.jsx("input",{type:"number",min:"1",step:"1",inputMode:"numeric","aria-label":"Tier context threshold",value:n.minInputTokens,onChange:a=>r(n.id,"minInputTokens",a.target.value),className:"w-28 rounded-md border border-[var(--otari-line)] bg-white px-2 py-1 text-right text-sm tabular-nums focus:border-[var(--otari-brand)] focus:outline-none"})]}),e.jsxs("label",{className:"flex flex-col gap-1 text-xs text-[var(--otari-muted)]",children:["Input",e.jsx(j,{value:n.input,onChange:a=>r(n.id,"input",a),ariaLabel:"Tier input price"})]}),e.jsxs("label",{className:"flex flex-col gap-1 text-xs text-[var(--otari-muted)]",children:["Output",e.jsx(j,{value:n.output,onChange:a=>r(n.id,"output",a),ariaLabel:"Tier output price"})]}),e.jsxs("label",{className:"flex flex-col gap-1 text-xs text-[var(--otari-muted)]",children:["Cache read",e.jsx(j,{value:n.cacheRead,onChange:a=>r(n.id,"cacheRead",a),ariaLabel:"Tier cache read price"})]}),e.jsxs("label",{className:"flex flex-col gap-1 text-xs text-[var(--otari-muted)]",children:["Cache write",e.jsx(j,{value:n.cacheWrite,onChange:a=>r(n.id,"cacheWrite",a),ariaLabel:"Tier cache write price"})]}),e.jsxs("label",{className:"flex flex-col gap-1 text-xs text-[var(--otari-muted)]",children:["1h write",e.jsx(j,{value:n.cacheWrite1h,onChange:a=>r(n.id,"cacheWrite1h",a),ariaLabel:"Tier 1 hour cache write price"})]}),e.jsx(I,{size:"sm",variant:"ghost",onPress:()=>i(t.filter(a=>a.id!==n.id)),children:"Remove"})]},n.id))]})}function Qt({source:t}){return t==="configured"?e.jsx(z,{size:"sm",color:"default",children:"configured"}):t==="default"||t==="alias"?e.jsx(z,{size:"sm",color:"accent",children:t}):e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"not priced"})}function oe({label:t,tone:i="info",children:r}){const l=c.useId();return e.jsxs("span",{className:"group relative inline-flex items-center font-normal normal-case",children:[e.jsx("button",{type:"button","aria-label":t,"aria-describedby":l,className:`inline-flex h-4 w-4 items-center justify-center rounded-full border text-[10px] leading-none ${i==="warning"?"border-[#c2843a] text-[#b45309]":"border-[var(--otari-line)] text-[var(--otari-muted)] hover:border-[var(--otari-brand)] hover:text-[var(--otari-brand)]"}`,children:"i"}),e.jsx("span",{id:l,role:"tooltip",className:"pointer-events-none absolute top-full right-0 z-20 mt-1.5 w-72 rounded-lg border border-[var(--otari-line)] bg-[var(--otari-surface)] px-3 py-2 text-left text-xs font-normal whitespace-normal break-words text-[var(--otari-ink)] opacity-0 shadow-lg transition-opacity group-hover:opacity-100 group-focus-within:opacity-100",children:r})]})}function ei(){const t=Ot();return t.data?t.data.default_pricing?e.jsx(oe,{label:"How unpriced models are metered",tone:"info",children:"Default pricing is on: models without a configured price are metered using community-maintained rates (the bundled genai-prices dataset). Set a price to override the fallback."}):e.jsxs(oe,{label:"How unpriced models are metered",tone:"warning",children:["Default pricing is off: only models with a configured price are metered.",t.data.require_pricing?" Requests for any other model are rejected (HTTP 402) because require_pricing is on.":" Other models are served without cost tracking."]}):null}function T({label:t,value:i}){return e.jsxs("div",{className:"flex items-baseline justify-between gap-3",children:[e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:t}),e.jsx("span",{className:"text-right text-sm text-[var(--otari-ink)] tabular-nums",children:i})]})}function le({title:t,children:i}){return e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("span",{className:"text-xs font-semibold uppercase tracking-wide text-[var(--otari-muted)]",children:t}),i]})}function ti({row:t}){const i=Ne(),r=Ue(),[l,n]=c.useState(!1),[a,d]=c.useState(""),[u,f]=c.useState(""),[b,N]=c.useState(""),[$,C]=c.useState(""),[P,m]=c.useState(""),[k,y]=c.useState([]),q=()=>{d(t.inputPrice==null?"":String(t.inputPrice)),f(t.outputPrice==null?"":String(t.outputPrice)),N(t.cacheReadPrice==null?"":String(t.cacheReadPrice)),C(t.cacheWritePrice==null?"":String(t.cacheWritePrice)),m(t.cacheWrite1hPrice==null?"":String(t.cacheWrite1hPrice)),y(Je(t.pricingTiers)),n(!0)},M=ce(a)&&ce(u)&&w(b)&&w($)&&w(P)&&Xe(k),ue=()=>{M&&i.mutate({model_key:t.key,input_price_per_million:Number(a),output_price_per_million:Number(u),cache_read_price_per_million:V(b),cache_write_price_per_million:V($),cache_write_1h_price_per_million:V(P),pricing_tiers:Ze(k)},{onSuccess:()=>n(!1)})};return l?e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Input $ / 1M"}),e.jsx(j,{value:a,onChange:d,ariaLabel:`Input price for ${t.key}`})]}),e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Output $ / 1M"}),e.jsx(j,{value:u,onChange:f,ariaLabel:`Output price for ${t.key}`})]}),e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Cache read $ / 1M"}),e.jsx(j,{value:b,onChange:N,ariaLabel:`Cache read price for ${t.key}`})]}),e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Cache write $ / 1M"}),e.jsx(j,{value:$,onChange:C,ariaLabel:`Cache write price for ${t.key}`})]}),e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"1h cache write $ / 1M"}),e.jsx(j,{value:P,onChange:m,ariaLabel:`1 hour cache write price for ${t.key}`})]}),e.jsx(Qe,{tiers:k,onChange:y}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(I,{size:"sm",variant:"primary",isDisabled:i.isPending||!M,onPress:ue,children:"Save"}),e.jsx(I,{size:"sm",variant:"ghost",isDisabled:i.isPending,onPress:()=>n(!1),children:"Cancel"})]}),i.error?e.jsx("span",{className:"text-xs text-red-700",children:Pe(i.error)}):null]}):e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(T,{label:"Input",value:t.inputPrice==null?"—":`${E(t.inputPrice)} / 1M`}),e.jsx(T,{label:"Output",value:t.outputPrice==null?"—":`${E(t.outputPrice)} / 1M`}),e.jsx(T,{label:"Cache read",value:t.cacheReadPrice==null?"—":`${E(t.cacheReadPrice)} / 1M`}),e.jsx(T,{label:"Cache write",value:t.cacheWritePrice==null?"—":`${E(t.cacheWritePrice)} / 1M`}),e.jsx(T,{label:"1h cache write",value:t.cacheWrite1hPrice==null?"—":`${E(t.cacheWrite1hPrice)} / 1M`}),e.jsx(T,{label:"Context tiers",value:t.pricingTiers.length?`${t.pricingTiers.length} configured`:"—"}),e.jsxs("div",{className:"flex items-center gap-2 pt-1",children:[e.jsx(I,{size:"sm",variant:"outline",onPress:q,children:t.source==="configured"?"Edit price":"Set price"}),t.source==="configured"?e.jsxs(e.Fragment,{children:[e.jsx(Ge,{confirmLabel:"Reset",isPending:r.isPending,onConfirm:()=>r.mutate(t.key),children:"Reset"}),e.jsx(oe,{label:"What reset does",children:"Removes the custom price. The model reverts to the default rate (genai-prices) when default pricing is on, otherwise it is metered at no cost."})]}):null,r.error?e.jsx("span",{className:"text-xs text-red-700",children:Pe(r.error)}):null]})]})}function ii({row:t,metadata:i,metadataAvailable:r,onClose:l}){const n=(i==null?void 0:i.input_modalities)??[],a=(i==null?void 0:i.output_modalities)??[],d=Yt.filter(({key:u})=>i==null?void 0:i[u]);return e.jsx(ae,{children:e.jsxs(ae.Content,{className:"flex flex-col gap-5 p-5",children:[e.jsxs("div",{className:"flex items-start justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("h2",{className:"text-base font-semibold break-all text-[var(--otari-ink)]",children:t.model}),i!=null&&i.deprecated?e.jsx(z,{size:"sm",color:"danger",children:"deprecated"}):null]}),e.jsxs("p",{className:"mt-1 text-xs break-all text-[var(--otari-muted)]",children:["Selector:"," ",e.jsx(He,{value:t.key,label:"model id",children:e.jsx("code",{children:t.key})})]}),i!=null&&i.family?e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:i.family}):null]}),e.jsx("button",{type:"button","aria-label":"Close model details",onClick:l,className:"-mt-1 -mr-1 shrink-0 rounded-md px-1.5 py-0.5 text-lg leading-none text-[var(--otari-muted)] hover:bg-[var(--otari-bg)] hover:text-[var(--otari-ink)]",children:"✕"})]}),i!=null&&i.description?e.jsx("p",{className:"text-sm text-[var(--otari-ink)]",children:i.description}):null,e.jsxs(le,{title:"Pricing",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Qt,{source:t.source}),t.isDiscovered?null:e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"not discovered"})]}),e.jsx(ti,{row:t},t.key)]}),e.jsxs(le,{title:"Specs",children:[e.jsx(T,{label:"Context window",value:se(t.contextWindow)}),e.jsx(T,{label:"Max output",value:se((i==null?void 0:i.max_output_tokens)??null)}),e.jsx(T,{label:"Knowledge cutoff",value:(i==null?void 0:i.knowledge_cutoff)??"—"}),e.jsx(T,{label:"Released",value:Et(i==null?void 0:i.release_date)}),e.jsx(T,{label:"Open weights",value:i?i.open_weights?"Yes":"No":"—"})]}),e.jsx(le,{title:"Modalities",children:n.length===0&&a.length===0?e.jsx("span",{className:"text-sm text-[var(--otari-muted)]",children:"Unknown."}):e.jsxs("div",{className:"flex flex-col gap-1.5 text-xs text-[var(--otari-muted)]",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-1",children:[e.jsx("span",{children:"In:"}),n.map(u=>e.jsx(z,{size:"sm",color:"default",children:Ve[u]??u},u))]}),e.jsxs("div",{className:"flex flex-wrap items-center gap-1",children:[e.jsx("span",{children:"Out:"}),a.map(u=>e.jsx(z,{size:"sm",color:"default",children:Ve[u]??u},u))]})]})}),e.jsx(le,{title:"Capabilities",children:d.length>0?e.jsx("div",{className:"flex flex-wrap gap-1.5",children:d.map(({key:u,label:f})=>e.jsx(z,{size:"sm",color:"default",children:f},u))}):e.jsx("span",{className:"text-sm text-[var(--otari-muted)]",children:r?"None reported.":"Extended metadata unavailable (models.dev disabled or unreachable)."})})]})})}const ri=15;function ni({value:t,onChange:i,placeholder:r}){return e.jsx("input",{type:"search",value:t,onChange:l=>i(l.target.value),placeholder:r,"aria-label":r,className:"w-full max-w-xs rounded-md border border-[var(--otari-line)] bg-white px-3 py-1.5 text-sm focus:border-[var(--otari-brand)] focus:outline-none"})}const et="otari.dashboard.modelsSort",je={col:"model",dir:"asc"},li=["model","released","input","output"];function si(){if(typeof window>"u")return je;try{const t=window.localStorage.getItem(et);if(!t)return je;const i=JSON.parse(t);if(li.includes(i.col)&&(i.dir==="asc"||i.dir==="desc"))return{col:i.col,dir:i.dir}}catch{}return je}function ai({row:t,onClose:i}){const r=Ne(),l=Ue(),[n,a]=c.useState(t.inputPrice==null?"":String(t.inputPrice)),[d,u]=c.useState(t.outputPrice==null?"":String(t.outputPrice)),[f,b]=c.useState(t.cacheReadPrice==null?"":String(t.cacheReadPrice)),[N,$]=c.useState(t.cacheWritePrice==null?"":String(t.cacheWritePrice)),[C,P]=c.useState(t.cacheWrite1hPrice==null?"":String(t.cacheWrite1hPrice)),[m,k]=c.useState(Je(t.pricingTiers)),y=ce(n)&&ce(d)&&w(f)&&w(N)&&w(C)&&Xe(m),q=()=>{y&&r.mutate({model_key:t.key,input_price_per_million:Number(n),output_price_per_million:Number(d),cache_read_price_per_million:V(f),cache_write_price_per_million:V(N),cache_write_1h_price_per_million:V(C),pricing_tiers:Ze(m)},{onSuccess:i})};return e.jsxs("div",{className:"flex flex-col gap-3 px-4 py-3",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx("span",{className:"text-xs font-medium break-all text-[var(--otari-muted)]",children:t.key}),e.jsxs("label",{className:"flex items-center gap-1.5 text-xs text-[var(--otari-muted)]",children:["Input $ / 1M",e.jsx(j,{value:n,onChange:a,ariaLabel:`Input price for ${t.key}`})]}),e.jsxs("label",{className:"flex items-center gap-1.5 text-xs text-[var(--otari-muted)]",children:["Output $ / 1M",e.jsx(j,{value:d,onChange:u,ariaLabel:`Output price for ${t.key}`})]}),e.jsxs("label",{className:"flex items-center gap-1.5 text-xs text-[var(--otari-muted)]",children:["Cache read $ / 1M",e.jsx(j,{value:f,onChange:b,ariaLabel:`Cache read price for ${t.key}`})]}),e.jsxs("label",{className:"flex items-center gap-1.5 text-xs text-[var(--otari-muted)]",children:["Cache write $ / 1M",e.jsx(j,{value:N,onChange:$,ariaLabel:`Cache write price for ${t.key}`})]}),e.jsxs("label",{className:"flex items-center gap-1.5 text-xs text-[var(--otari-muted)]",children:["1h cache write $ / 1M",e.jsx(j,{value:C,onChange:P,ariaLabel:`1 hour cache write price for ${t.key}`})]}),e.jsx(I,{size:"sm",variant:"primary",isDisabled:r.isPending||!y,onPress:q,children:r.isPending?"Saving…":"Save"}),e.jsx(I,{size:"sm",variant:"ghost",isDisabled:r.isPending,onPress:i,children:"Cancel"}),t.source==="configured"?e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx(Ge,{confirmLabel:"Reset",isPending:l.isPending,onConfirm:()=>l.mutate(t.key,{onSuccess:i}),children:"Reset"}),e.jsx(oe,{label:"What reset does",children:"Removes the custom price. The model reverts to the default rate (genai-prices) when default pricing is on, otherwise it is metered at no cost."})]}):null,r.error||l.error?e.jsx("span",{className:"text-xs text-red-700",children:Pe(r.error??l.error)}):null]}),e.jsx(Qe,{tiers:m,onChange:k})]})}function ci({primary:t,secondary:i,rowKey:r,primaryLabel:l,secondaryLabel:n,onEdit:a}){const d=(u,f)=>e.jsx("button",{type:"button","aria-label":`Edit ${f} price for ${r}`,className:"tabular-nums hover:text-[var(--otari-brand-dark)] hover:underline",onClick:b=>{b.stopPropagation(),a()},children:u==null?"—":E(u)});return e.jsxs("span",{className:"inline-flex items-center justify-end gap-1",children:[d(t,l),e.jsx("span",{className:"text-[var(--otari-muted)]",children:"/"}),d(i,n)]})}function oi({rates:t,rowKey:i,onEdit:r}){const l=[t.cacheReadPrice==null?null:`R ${E(t.cacheReadPrice)}`,t.cacheWritePrice==null?null:`W ${E(t.cacheWritePrice)}`,t.cacheWrite1hPrice==null?null:`1h ${E(t.cacheWrite1hPrice)}`].filter(n=>n!==null);return e.jsx("button",{type:"button","aria-label":`Edit caching price for ${i}`,className:"max-w-44 text-right text-xs leading-5 text-[var(--otari-muted)] hover:text-[var(--otari-brand-dark)] hover:underline",onClick:n=>{n.stopPropagation(),r()},children:l.length>0?l.join(" · "):"Input-rate fallback"})}function ui({row:t,onEdit:i}){const r=[...t.pricingTiers].sort((n,a)=>n.min_input_tokens-a.min_input_tokens).map(n=>se(n.min_input_tokens)),l=r.length===0?"Base only":`${r.length} tier${r.length===1?"":"s"} · ≥ ${r.join(", ")}`;return e.jsx("button",{type:"button","aria-label":`Edit pricing policy for ${t.key}`,className:"max-w-40 text-right text-xs leading-5 text-[var(--otari-muted)] hover:text-[var(--otari-brand-dark)] hover:underline",onClick:n=>{n.stopPropagation(),i()},children:l})}function di({rows:t,isLoading:i,empty:r,sortDescriptor:l,onSortChange:n,selectedKey:a,onSelect:d,onEditPricing:u,comparisonContextTokens:f,selectedKeys:b,onSelectionChange:N}){const $=c.useMemo(()=>{const P=f==null?"Base":`at ${se(f)}`;return[{id:"model",header:"Model",isRowHeader:!0,allowsSorting:!0,cell:m=>e.jsxs(He,{value:m.key,label:"model id",className:"font-medium break-all",children:[m.model,e.jsx("span",{className:"sr-only select-none",children:m.key})]})},{id:"provider",header:"Provider",cell:m=>e.jsx("span",{className:"text-[var(--otari-muted)]",children:m.provider})},{id:"input",header:e.jsxs("span",{className:"inline-flex items-center gap-1",children:[`${P} in / out $ / 1M`,e.jsx(ei,{})]}),align:"end",allowsSorting:!0,cell:m=>{const k=Ye(m,f);return e.jsx(ci,{primary:k.inputPrice,secondary:k.outputPrice,rowKey:m.key,primaryLabel:"input",secondaryLabel:"output",onEdit:()=>u(m.key)})}},{id:"caching",header:`Caching ${f==null?"policy":P}`,align:"end",cell:m=>e.jsx(oi,{rates:Ye(m,f),rowKey:m.key,onEdit:()=>u(m.key)})},{id:"policy",header:"Pricing policy",align:"end",cell:m=>e.jsx(ui,{row:m,onEdit:()=>u(m.key)})}]},[f,u]),C=c.useCallback(P=>P.key===a?"bg-[var(--otari-brand-tint)]":void 0,[a]);return e.jsx(Bt,{ariaLabel:"Models",columns:$,rows:t,getRowKey:Zt,isLoading:i,emptyContent:r,selectionMode:"multiple",selectedKeys:b,onSelectionChange:N,sortDescriptor:l,onSortChange:n,onRowAction:d,rowClassName:C})}function pi({providers:t,onPriceModel:i}){if(t.length===0)return null;const r=t.filter(d=>!d.discovery_unsupported),l=t.filter(d=>d.discovery_unsupported),n=d=>d.map(u=>u.provider).join(", "),a=d=>d.length===1;return e.jsxs(At,{tone:"warning",children:[r.length>0?e.jsxs("span",{className:"block",children:["Could not list ",n(r),". Check ",a(r)?"that provider's":"those providers'"," ","credentials in config.yml; ",a(r)?"its":"their"," models are missing from the list below."]}):null,l.length>0?e.jsxs("span",{className:"block",children:[n(l)," ",a(l)?"does":"do"," not offer model discovery, so"," ",a(l)?"its":"their"," models are missing from the list below."," ",a(l)?"The provider":"They"," may still serve requests. Price a model by its selector to meter it here, or declare the model ids ",a(l)?"it serves":"they serve"," under the"," ",e.jsx("code",{children:"models:"})," key in config.yml to list them all.",e.jsx(I,{size:"sm",variant:"outline",className:"mt-2",onPress:()=>i(a(l)?`${l[0].provider}:`:""),children:"Price a model"})]}):null]})}function ji(){var Oe,De,Fe;const[t]=kt(),i=Mt(),r=Wt(),l=Tt(),n=It(),a=Ne(),[d,u]=c.useState(""),[f,b]=c.useState(0),[N,$]=c.useState(ri),[C,P]=c.useState(null),[m,k]=c.useState(null),[y,q]=c.useState(si),M=Dt(),[ue,de]=c.useState(!1),[tt,Se]=c.useState(!1),[it,Ce]=c.useState(void 0),[pe,Z]=c.useState(null),[rt,ke]=c.useState(!1),[nt,Me]=c.useState(void 0);c.useEffect(()=>{try{window.localStorage.setItem(et,JSON.stringify(y))}catch{}},[y]);const[O,We]=c.useState(t.get("provider")||"all"),[K,lt]=c.useState("all"),[Y,st]=c.useState("all"),[H,at]=c.useState("all"),[me,ct]=c.useState("0"),[Q,ot]=c.useState(""),[ee,ut]=c.useState("all"),[he,dt]=c.useState(""),D=((Oe=n.data)==null?void 0:Oe.models)??{},pt=((De=n.data)==null?void 0:De.available)??!1,Te=c.useMemo(()=>{var s;return new Set((((s=l.data)==null?void 0:s.providers)??[]).flatMap(h=>h.models.map(o=>o.key)))},[l.data]),mt=s=>{u(s),b(0)},B=s=>h=>{s(h),b(0)},te=c.useMemo(()=>{var W,_,v,A,L,R,Ke;const s=new Map(zt(r.data??[]).map(p=>[p.model_key,p])),h=[],o=new Set,g=(p,ye,Be,x)=>{if(o.has(p))return;o.add(p);const S=s.get(p);h.push({key:p,model:qe(ye,Be),provider:Be,isDiscovered:Te.has(p),contextWindow:(x==null?void 0:x.contextWindow)??null,inputPrice:S?S.input_price_per_million:(x==null?void 0:x.inputPrice)??null,outputPrice:S?S.output_price_per_million:(x==null?void 0:x.outputPrice)??null,cacheReadPrice:S?S.cache_read_price_per_million:(x==null?void 0:x.cacheReadPrice)??null,cacheWritePrice:S?S.cache_write_price_per_million:(x==null?void 0:x.cacheWritePrice)??null,cacheWrite1hPrice:S?S.cache_write_1h_price_per_million??null:(x==null?void 0:x.cacheWrite1hPrice)??null,pricingTiers:S?S.pricing_tiers??[]:(x==null?void 0:x.pricingTiers)??[],source:S?"configured":(x==null?void 0:x.source)??"none"})};for(const p of((W=i.data)==null?void 0:W.data)??[]){if(p.owned_by===qt)continue;const ye=p.pricing_source==="default"?"default":p.pricing?"configured":"none";g(p.id,p.id,p.owned_by||we(p.id),{key:p.id,model:p.id,provider:p.owned_by,contextWindow:p.context_window,inputPrice:((_=p.pricing)==null?void 0:_.input_price_per_million)??null,outputPrice:((v=p.pricing)==null?void 0:v.output_price_per_million)??null,cacheReadPrice:((A=p.pricing)==null?void 0:A.cache_read_price_per_million)??null,cacheWritePrice:((L=p.pricing)==null?void 0:L.cache_write_price_per_million)??null,cacheWrite1hPrice:((R=p.pricing)==null?void 0:R.cache_write_1h_price_per_million)??null,pricingTiers:((Ke=p.pricing)==null?void 0:Ke.pricing_tiers)??[],source:ye})}for(const p of s.keys())p.startsWith(`${Vt}:`)||g(p,p,we(p));return h},[i.data,r.data,Te]),Ie=c.useMemo(()=>new Map(te.map(s=>[s.key,s])),[te]),ie=c.useMemo(()=>{var o,g,W;const s=te.map(_=>{var v,A;return{..._,contextWindow:_.contextWindow??((v=D[_.key])==null?void 0:v.context_window)??null,releaseDate:((A=D[_.key])==null?void 0:A.release_date)??null}}),h=new Set(s.map(_=>_.key));for(const _ of((o=l.data)==null?void 0:o.providers)??[])for(const v of _.models)h.has(v.key)||(h.add(v.key),s.push({key:v.key,model:qe(v.key,_.provider),provider:_.provider,isDiscovered:!0,contextWindow:((g=D[v.key])==null?void 0:g.context_window)??null,releaseDate:((W=D[v.key])==null?void 0:W.release_date)??null,inputPrice:null,outputPrice:null,cacheReadPrice:null,cacheWritePrice:null,cacheWrite1hPrice:null,pricingTiers:[],source:"none"}));return s},[te,l.data,D]),ht=(((Fe=l.data)==null?void 0:Fe.providers)??[]).filter(s=>!s.ok),re=c.useMemo(()=>{const s=Array.from(new Set(ie.map(h=>h.provider))).sort((h,o)=>h.localeCompare(o));return[{value:"all",label:"All providers"},...s.map(h=>({value:h,label:h}))]},[ie]);c.useEffect(()=>{O==="all"||re.length<=1||re.some(s=>s.value===O)||We("all")},[re,O]);const U=d.trim().toLowerCase(),xe=Number(me)||0,fe=Q===""?Number.POSITIVE_INFINITY:Number(Q),xt=he===""?null:Number(he),ge=ee==="all"?null:Date.now()-Number(ee)*Xt,G=c.useMemo(()=>{const s=o=>{if(U&&!o.key.toLowerCase().includes(U)&&!o.provider.toLowerCase().includes(U)||O!=="all"&&o.provider!==O||K==="configured"&&o.source!=="configured"||K==="default"&&o.source!=="default"||K==="priced"&&o.inputPrice==null||K==="unpriced"&&o.inputPrice!=null||Y==="discovered"&&!o.isDiscovered||Y==="custom"&&o.isDiscovered)return!1;if(H!=="all"){const g=ze.find(_=>_.value===H),W=D[o.key];if(!g||!W||!g.test(W))return!1}if(xe>0&&(o.contextWindow==null||o.contextWindow<xe)||fe!==Number.POSITIVE_INFINITY&&(o.inputPrice==null||o.inputPrice>fe))return!1;if(ge!=null){const g=o.releaseDate?Date.parse(o.releaseDate):Number.NaN;if(Number.isNaN(g)||g<ge)return!1}return!0},h=(o,g)=>{const W=y.dir==="asc"?1:-1;if(y.col==="model")return o.model.localeCompare(g.model)*W;if(y.col==="released"){const L=o.releaseDate??null,R=g.releaseDate??null;return!L&&!R?o.model.localeCompare(g.model):L?R?(L<R?-1:L>R?1:0)*W||o.model.localeCompare(g.model):-1:1}const _=L=>y.col==="input"?L.inputPrice:L.outputPrice,v=_(o),A=_(g);return v==null&&A==null?o.model.localeCompare(g.model):v==null?1:A==null?-1:(v-A)*W||o.model.localeCompare(g.model)};return ie.filter(s).sort(h)},[ie,U,O,K,Y,H,xe,fe,ge,D,y]),J=G.length,ft=Math.max(1,Math.ceil(J/N)),Le=Math.min(f,ft-1),$e=Le*N,_e=G.slice($e,$e+N),gt={column:y.col,direction:y.dir==="asc"?"ascending":"descending"},_t=s=>{q({col:String(s.column),dir:s.direction==="ascending"?"asc":"desc"}),b(0)},vt=c.useCallback(s=>P(h=>h===s?null:s),[]),ve=_e.map(s=>s.key),X=Ft(M.selectedKeys,ve),bt=ve.length>0&&X.length===ve.length&&J>X.length,yt=M.allMatching?G.map(s=>s.key):X,Ae=M.allMatching?J:X.length,Ee=C?G.find(s=>s.key===C)??Ie.get(C)??null:null,jt=async s=>{Se(!0),Ce(void 0);try{for(const h of yt)await a.mutateAsync({model_key:h,input_price_per_million:s.input_price_per_million,output_price_per_million:s.output_price_per_million,cache_read_price_per_million:s.cache_read_price_per_million??null,cache_write_price_per_million:s.cache_write_price_per_million??null,cache_write_1h_price_per_million:null,pricing_tiers:[]});M.clear(),de(!1)}catch(h){Ce(h)}finally{Se(!1)}},Pt=async(s,h)=>{ke(!0),Me(void 0);try{const o=await a.mutateAsync({model_key:h,input_price_per_million:s.input_price_per_million,output_price_per_million:s.output_price_per_million,cache_read_price_per_million:s.cache_read_price_per_million??null,cache_write_price_per_million:s.cache_write_price_per_million??null});Z(null),k(o.model_key)}catch(o){Me(o)}finally{ke(!1)}},Nt=i.isLoading||r.isLoading||l.isLoading,St=U!==""||O!=="all"||K!=="all"||Y!=="all"||H!=="all"||me!=="0"||Q!==""||ee!=="all",be=Rt(d)?d.trim():null,Ct=e.jsxs("div",{className:"flex flex-col items-center gap-2 py-2",children:[e.jsx("span",{children:St?"No models match your filters.":"No models yet. Add a provider on the Providers page."}),e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"A provider that serves no model listing still answers requests, so a model you can call may not be listed here."}),e.jsx(I,{size:"sm",variant:"outline",onPress:()=>Z(be??""),children:be?`Price ${be}`:"Price a model by hand"})]}),ne=m?G.find(s=>s.key===m)??Ie.get(m)??null:null;return e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(Lt,{title:"Models",description:"Every model your providers can serve. Set a price on any model so budgets and usage tracking work."}),e.jsx($t,{error:i.error??r.error??l.error??n.error}),e.jsxs("div",{className:`grid gap-4 lg:items-start ${ne?"lg:grid-cols-[minmax(0,1fr)_360px]":"grid-cols-1"}`,children:[e.jsxs("div",{className:"flex min-w-0 flex-col gap-3",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx(ni,{value:d,onChange:mt,placeholder:"Search models…"}),e.jsx(F,{ariaLabel:"Filter by provider",value:O,onChange:B(We),options:re}),e.jsx(F,{ariaLabel:"Filter by pricing",value:K,onChange:B(lt),options:[{value:"all",label:"Any pricing"},{value:"configured",label:"Custom price"},{value:"default",label:"Default price"},{value:"priced",label:"Priced"},{value:"unpriced",label:"Unpriced"}]}),e.jsx(F,{ariaLabel:"Filter by source",value:Y,onChange:B(st),options:[{value:"all",label:"Any source"},{value:"discovered",label:"Discovered"},{value:"custom",label:"Custom (not discovered)"}]}),e.jsx(F,{ariaLabel:"Filter by capability",value:H,onChange:B(at),options:[{value:"all",label:"Any capability"},...ze.map(s=>({value:s.value,label:s.label}))]}),e.jsx(F,{ariaLabel:"Minimum context window",value:me,onChange:B(ct),options:Ht}),e.jsx(F,{ariaLabel:"Maximum input price",value:Q,onChange:B(ot),options:Ut}),e.jsx(F,{ariaLabel:"Compare prices at context",value:he,onChange:dt,options:Gt}),e.jsx(F,{ariaLabel:"Filter by release date",value:ee,onChange:B(ut),options:Jt})]}),e.jsx(pi,{providers:ht,onPriceModel:Z}),X.length>0?e.jsx(Kt,{selectedCount:Ae,allMatching:M.allMatching,matchingTotal:J,canSelectAllMatching:bt,onSelectAllMatching:M.enableAllMatching,onClear:M.clear,children:e.jsx(I,{size:"sm",variant:"primary",onPress:()=>de(!0),children:"Set pricing"})}):null,e.jsx(di,{rows:_e,isLoading:Nt,empty:Ct,sortDescriptor:gt,onSortChange:_t,selectedKey:m,onSelect:k,onEditPricing:vt,comparisonContextTokens:xt,selectedKeys:M.selectedKeys,onSelectionChange:M.onSelectionChange}),Ee?e.jsx(ae,{children:e.jsxs(ae.Content,{className:"p-0",children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-[var(--otari-line)] px-4 py-2",children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Edit pricing"}),e.jsx(I,{size:"sm",variant:"ghost",onPress:()=>P(null),children:"Close"})]}),e.jsx(ai,{row:Ee,onClose:()=>P(null)})]})}):null,e.jsx(wt,{page:Le,pageSize:N,total:J,rowsOnPage:_e.length,onPageChange:b,onPageSizeChange:s=>{$(s),b(0)},pageSizeOptions:[15,25,50]})]}),ne?e.jsx("aside",{className:"lg:sticky lg:top-4",children:e.jsx(ii,{row:ne,metadata:D[ne.key],metadataAvailable:pt,onClose:()=>k(null)})}):null]}),e.jsx(Re,{isOpen:ue,onOpenChange:de,targetCount:Ae,isPending:tt,error:it,onSubmit:jt,title:"Set pricing",description:s=>`Apply these per-1M rates to ${s.toLocaleString()} selected ${s===1?"model":"models"}. This replaces each model's price; pricing tiers and the 1h cache rate are cleared. Edit a single model for tiers.`}),e.jsx(Re,{isOpen:pe!==null,onOpenChange:s=>Z(s?pe??"":null),isPending:rt,error:nt,onSubmit:Pt,collectModelKey:!0,initialModelKey:pe??"",title:"Price a model",description:()=>"Meter a model the catalogue does not list, for a provider that serves no model listing. Type the selector you send as model and its rates; the model then appears here as custom, and its usage is costed and counted against budgets."})]})}export{ji as ModelsPage};
+import{j as e}from"./tanstack-query-1t81HyiD.js";import{u as kt,r as c}from"./react-dgEcD0HR.js";import{U as Mt,V as Wt,s as Tt,W as It,m as Ne,P as Lt,E as $t,F,M as At,X as se,q as He,Z as Ue,y as Ge,_ as Pe,$ as Et,a0 as Ot,a1 as E}from"./index-DnXjp6g_.js";import{u as Dt,r as Ft,B as Kt}from"./tableSelection-BJDASjEj.js";import{D as Bt}from"./DataTable-DuDxGlJc.js";import{i as Rt,T as wt,S as Re}from"./TablePagination-CodBBmt3.js";import{B as I,d as ae,g as z}from"./heroui-COmYdDDM.js";import"./Field-CBU9MRjz.js";function we(t){const i=t.indexOf(":");return i>0?t.slice(0,i):"—"}function zt(t,i=Date.now()){const r=new Map;for(const n of t){const a=r.get(n.model_key)??[];a.push(n),r.set(n.model_key,a)}const l=[];for(const n of r.values()){const a=[...n].sort((u,f)=>Date.parse(u.effective_at)-Date.parse(f.effective_at)),d=[...a].reverse().find(u=>Date.parse(u.effective_at)<=i);l.push(d??a[0])}return l.sort((n,a)=>n.model_key.localeCompare(a.model_key))}const Vt="otari",qt="otari",ze=[{value:"vision",label:"Vision",test:t=>Array.isArray(t.input_modalities)&&t.input_modalities.includes("image")},{value:"tool_call",label:"Tool calling",test:t=>!!t.tool_call},{value:"reasoning",label:"Reasoning",test:t=>!!t.reasoning},{value:"structured_output",label:"Structured output",test:t=>!!t.structured_output},{value:"attachment",label:"Attachments",test:t=>!!t.attachment},{value:"audio",label:"Audio",test:t=>Array.isArray(t.input_modalities)&&t.input_modalities.includes("audio")},{value:"pdf",label:"PDF",test:t=>Array.isArray(t.input_modalities)&&t.input_modalities.includes("pdf")}],Yt=[{key:"reasoning",label:"Reasoning"},{key:"tool_call",label:"Tool calling"},{key:"structured_output",label:"Structured output"},{key:"attachment",label:"Attachments"},{key:"temperature",label:"Temperature"}],Ve={text:"Text",image:"Image",audio:"Audio",video:"Video",pdf:"PDF"},Ht=[{value:"0",label:"Any context"},{value:"8000",label:"≥ 8K"},{value:"32000",label:"≥ 32K"},{value:"128000",label:"≥ 128K"},{value:"200000",label:"≥ 200K"},{value:"1000000",label:"≥ 1M"}],Ut=[{value:"",label:"Any price"},{value:"1",label:"≤ $1 / 1M in"},{value:"3",label:"≤ $3 / 1M in"},{value:"10",label:"≤ $10 / 1M in"},{value:"30",label:"≤ $30 / 1M in"}],Gt=[{value:"",label:"Base prices"},{value:"8000",label:"Compare at 8K"},{value:"128000",label:"Compare at 128K"},{value:"200000",label:"Compare at 200K"},{value:"500000",label:"Compare at 500K"},{value:"1000000",label:"Compare at 1M"}],Jt=[{value:"all",label:"Any release date"},{value:"365",label:"Past year"},{value:"730",label:"Past 2 years"},{value:"1095",label:"Past 3 years"}],Xt=1440*60*1e3,Zt=t=>t.key;function qe(t,i){const r=`${i}:`;return t.startsWith(r)?t.slice(r.length):t}function Ye(t,i){const r={inputPrice:t.inputPrice,outputPrice:t.outputPrice,cacheReadPrice:t.cacheReadPrice,cacheWritePrice:t.cacheWritePrice,cacheWrite1hPrice:t.cacheWrite1hPrice};if(i==null)return r;const l=t.pricingTiers.filter(n=>n.min_input_tokens<=i).sort((n,a)=>a.min_input_tokens-n.min_input_tokens)[0];return l?{inputPrice:l.input_price_per_million??r.inputPrice,outputPrice:l.output_price_per_million??r.outputPrice,cacheReadPrice:l.cache_read_price_per_million??r.cacheReadPrice,cacheWritePrice:l.cache_write_price_per_million??r.cacheWritePrice,cacheWrite1hPrice:l.cache_write_1h_price_per_million??r.cacheWrite1hPrice}:r}function ce(t){const i=Number(t);return t.trim()!==""&&Number.isFinite(i)&&i>=0}function w(t){if(t.trim()==="")return!0;const i=Number(t);return Number.isFinite(i)&&i>=0}function V(t){return t.trim()===""?null:Number(t)}function Je(t){return t.map((i,r)=>({id:r,minInputTokens:String(i.min_input_tokens),input:i.input_price_per_million==null?"":String(i.input_price_per_million),output:i.output_price_per_million==null?"":String(i.output_price_per_million),cacheRead:i.cache_read_price_per_million==null?"":String(i.cache_read_price_per_million),cacheWrite:i.cache_write_price_per_million==null?"":String(i.cache_write_price_per_million),cacheWrite1h:i.cache_write_1h_price_per_million==null?"":String(i.cache_write_1h_price_per_million)}))}function Xe(t){const i=new Set;return t.every(r=>{const l=Number(r.minInputTokens),n=[r.input,r.output,r.cacheRead,r.cacheWrite,r.cacheWrite1h].some(a=>a.trim()!=="");return!Number.isInteger(l)||l<=0||i.has(l)||!n?!1:(i.add(l),[r.input,r.output,r.cacheRead,r.cacheWrite,r.cacheWrite1h].every(w))})}function Ze(t){return t.map(i=>({min_input_tokens:Number(i.minInputTokens),...i.input.trim()===""?{}:{input_price_per_million:Number(i.input)},...i.output.trim()===""?{}:{output_price_per_million:Number(i.output)},...i.cacheRead.trim()===""?{}:{cache_read_price_per_million:Number(i.cacheRead)},...i.cacheWrite.trim()===""?{}:{cache_write_price_per_million:Number(i.cacheWrite)},...i.cacheWrite1h.trim()===""?{}:{cache_write_1h_price_per_million:Number(i.cacheWrite1h)}}))}function j({value:t,onChange:i,ariaLabel:r}){return e.jsx("input",{type:"number",step:"any",min:"0",inputMode:"decimal","aria-label":r,value:t,onChange:l=>i(l.target.value),className:"w-28 rounded-md border border-[var(--otari-line)] bg-white px-2 py-1 text-right text-sm tabular-nums focus:border-[var(--otari-brand)] focus:outline-none"})}function Qe({tiers:t,onChange:i}){const r=(n,a,d)=>{i(t.map(u=>u.id===n?{...u,[a]:d}:u))},l=()=>{const n=t.reduce((a,d)=>Math.max(a,d.id),-1)+1;i([...t,{id:n,minInputTokens:"128000",input:"",output:"",cacheRead:"",cacheWrite:"",cacheWrite1h:""}])};return e.jsxs("div",{className:"flex flex-col gap-2 rounded-lg border border-[var(--otari-line)] p-3",children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-medium text-[var(--otari-ink)]",children:"Long-context price tiers"}),e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:"At a threshold, listed rates replace the base rate for the whole request."})]}),e.jsx(I,{size:"sm",variant:"outline",onPress:l,children:"Add tier"})]}),t.map(n=>e.jsxs("div",{className:"flex flex-wrap items-end gap-2 border-t border-[var(--otari-line)] pt-2",children:[e.jsxs("label",{className:"flex flex-col gap-1 text-xs text-[var(--otari-muted)]",children:["Context ≥ tokens",e.jsx("input",{type:"number",min:"1",step:"1",inputMode:"numeric","aria-label":"Tier context threshold",value:n.minInputTokens,onChange:a=>r(n.id,"minInputTokens",a.target.value),className:"w-28 rounded-md border border-[var(--otari-line)] bg-white px-2 py-1 text-right text-sm tabular-nums focus:border-[var(--otari-brand)] focus:outline-none"})]}),e.jsxs("label",{className:"flex flex-col gap-1 text-xs text-[var(--otari-muted)]",children:["Input",e.jsx(j,{value:n.input,onChange:a=>r(n.id,"input",a),ariaLabel:"Tier input price"})]}),e.jsxs("label",{className:"flex flex-col gap-1 text-xs text-[var(--otari-muted)]",children:["Output",e.jsx(j,{value:n.output,onChange:a=>r(n.id,"output",a),ariaLabel:"Tier output price"})]}),e.jsxs("label",{className:"flex flex-col gap-1 text-xs text-[var(--otari-muted)]",children:["Cache read",e.jsx(j,{value:n.cacheRead,onChange:a=>r(n.id,"cacheRead",a),ariaLabel:"Tier cache read price"})]}),e.jsxs("label",{className:"flex flex-col gap-1 text-xs text-[var(--otari-muted)]",children:["Cache write",e.jsx(j,{value:n.cacheWrite,onChange:a=>r(n.id,"cacheWrite",a),ariaLabel:"Tier cache write price"})]}),e.jsxs("label",{className:"flex flex-col gap-1 text-xs text-[var(--otari-muted)]",children:["1h write",e.jsx(j,{value:n.cacheWrite1h,onChange:a=>r(n.id,"cacheWrite1h",a),ariaLabel:"Tier 1 hour cache write price"})]}),e.jsx(I,{size:"sm",variant:"ghost",onPress:()=>i(t.filter(a=>a.id!==n.id)),children:"Remove"})]},n.id))]})}function Qt({source:t}){return t==="configured"?e.jsx(z,{size:"sm",color:"default",children:"configured"}):t==="default"||t==="alias"?e.jsx(z,{size:"sm",color:"accent",children:t}):e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"not priced"})}function oe({label:t,tone:i="info",children:r}){const l=c.useId();return e.jsxs("span",{className:"group relative inline-flex items-center font-normal normal-case",children:[e.jsx("button",{type:"button","aria-label":t,"aria-describedby":l,className:`inline-flex h-4 w-4 items-center justify-center rounded-full border text-[10px] leading-none ${i==="warning"?"border-[#c2843a] text-[#b45309]":"border-[var(--otari-line)] text-[var(--otari-muted)] hover:border-[var(--otari-brand)] hover:text-[var(--otari-brand)]"}`,children:"i"}),e.jsx("span",{id:l,role:"tooltip",className:"pointer-events-none absolute top-full right-0 z-20 mt-1.5 w-72 rounded-lg border border-[var(--otari-line)] bg-[var(--otari-surface)] px-3 py-2 text-left text-xs font-normal whitespace-normal break-words text-[var(--otari-ink)] opacity-0 shadow-lg transition-opacity group-hover:opacity-100 group-focus-within:opacity-100",children:r})]})}function ei(){const t=Ot();return t.data?t.data.default_pricing?e.jsx(oe,{label:"How unpriced models are metered",tone:"info",children:"Default pricing is on: models without a configured price are metered using community-maintained rates (the bundled genai-prices dataset). Set a price to override the fallback."}):e.jsxs(oe,{label:"How unpriced models are metered",tone:"warning",children:["Default pricing is off: only models with a configured price are metered.",t.data.require_pricing?" Requests for any other model are rejected (HTTP 402) because require_pricing is on.":" Other models are served without cost tracking."]}):null}function T({label:t,value:i}){return e.jsxs("div",{className:"flex items-baseline justify-between gap-3",children:[e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:t}),e.jsx("span",{className:"text-right text-sm text-[var(--otari-ink)] tabular-nums",children:i})]})}function le({title:t,children:i}){return e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("span",{className:"text-xs font-semibold uppercase tracking-wide text-[var(--otari-muted)]",children:t}),i]})}function ti({row:t}){const i=Ne(),r=Ue(),[l,n]=c.useState(!1),[a,d]=c.useState(""),[u,f]=c.useState(""),[b,N]=c.useState(""),[$,C]=c.useState(""),[P,m]=c.useState(""),[k,y]=c.useState([]),q=()=>{d(t.inputPrice==null?"":String(t.inputPrice)),f(t.outputPrice==null?"":String(t.outputPrice)),N(t.cacheReadPrice==null?"":String(t.cacheReadPrice)),C(t.cacheWritePrice==null?"":String(t.cacheWritePrice)),m(t.cacheWrite1hPrice==null?"":String(t.cacheWrite1hPrice)),y(Je(t.pricingTiers)),n(!0)},M=ce(a)&&ce(u)&&w(b)&&w($)&&w(P)&&Xe(k),ue=()=>{M&&i.mutate({model_key:t.key,input_price_per_million:Number(a),output_price_per_million:Number(u),cache_read_price_per_million:V(b),cache_write_price_per_million:V($),cache_write_1h_price_per_million:V(P),pricing_tiers:Ze(k)},{onSuccess:()=>n(!1)})};return l?e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Input $ / 1M"}),e.jsx(j,{value:a,onChange:d,ariaLabel:`Input price for ${t.key}`})]}),e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Output $ / 1M"}),e.jsx(j,{value:u,onChange:f,ariaLabel:`Output price for ${t.key}`})]}),e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Cache read $ / 1M"}),e.jsx(j,{value:b,onChange:N,ariaLabel:`Cache read price for ${t.key}`})]}),e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Cache write $ / 1M"}),e.jsx(j,{value:$,onChange:C,ariaLabel:`Cache write price for ${t.key}`})]}),e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"1h cache write $ / 1M"}),e.jsx(j,{value:P,onChange:m,ariaLabel:`1 hour cache write price for ${t.key}`})]}),e.jsx(Qe,{tiers:k,onChange:y}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(I,{size:"sm",variant:"primary",isDisabled:i.isPending||!M,onPress:ue,children:"Save"}),e.jsx(I,{size:"sm",variant:"ghost",isDisabled:i.isPending,onPress:()=>n(!1),children:"Cancel"})]}),i.error?e.jsx("span",{className:"text-xs text-red-700",children:Pe(i.error)}):null]}):e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(T,{label:"Input",value:t.inputPrice==null?"—":`${E(t.inputPrice)} / 1M`}),e.jsx(T,{label:"Output",value:t.outputPrice==null?"—":`${E(t.outputPrice)} / 1M`}),e.jsx(T,{label:"Cache read",value:t.cacheReadPrice==null?"—":`${E(t.cacheReadPrice)} / 1M`}),e.jsx(T,{label:"Cache write",value:t.cacheWritePrice==null?"—":`${E(t.cacheWritePrice)} / 1M`}),e.jsx(T,{label:"1h cache write",value:t.cacheWrite1hPrice==null?"—":`${E(t.cacheWrite1hPrice)} / 1M`}),e.jsx(T,{label:"Context tiers",value:t.pricingTiers.length?`${t.pricingTiers.length} configured`:"—"}),e.jsxs("div",{className:"flex items-center gap-2 pt-1",children:[e.jsx(I,{size:"sm",variant:"outline",onPress:q,children:t.source==="configured"?"Edit price":"Set price"}),t.source==="configured"?e.jsxs(e.Fragment,{children:[e.jsx(Ge,{confirmLabel:"Reset",isPending:r.isPending,onConfirm:()=>r.mutate(t.key),children:"Reset"}),e.jsx(oe,{label:"What reset does",children:"Removes the custom price. The model reverts to the default rate (genai-prices) when default pricing is on, otherwise it is metered at no cost."})]}):null,r.error?e.jsx("span",{className:"text-xs text-red-700",children:Pe(r.error)}):null]})]})}function ii({row:t,metadata:i,metadataAvailable:r,onClose:l}){const n=(i==null?void 0:i.input_modalities)??[],a=(i==null?void 0:i.output_modalities)??[],d=Yt.filter(({key:u})=>i==null?void 0:i[u]);return e.jsx(ae,{children:e.jsxs(ae.Content,{className:"flex flex-col gap-5 p-5",children:[e.jsxs("div",{className:"flex items-start justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("h2",{className:"text-base font-semibold break-all text-[var(--otari-ink)]",children:t.model}),i!=null&&i.deprecated?e.jsx(z,{size:"sm",color:"danger",children:"deprecated"}):null]}),e.jsxs("p",{className:"mt-1 text-xs break-all text-[var(--otari-muted)]",children:["Selector:"," ",e.jsx(He,{value:t.key,label:"model id",children:e.jsx("code",{children:t.key})})]}),i!=null&&i.family?e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:i.family}):null]}),e.jsx("button",{type:"button","aria-label":"Close model details",onClick:l,className:"-mt-1 -mr-1 shrink-0 rounded-md px-1.5 py-0.5 text-lg leading-none text-[var(--otari-muted)] hover:bg-[var(--otari-bg)] hover:text-[var(--otari-ink)]",children:"✕"})]}),i!=null&&i.description?e.jsx("p",{className:"text-sm text-[var(--otari-ink)]",children:i.description}):null,e.jsxs(le,{title:"Pricing",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Qt,{source:t.source}),t.isDiscovered?null:e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"not discovered"})]}),e.jsx(ti,{row:t},t.key)]}),e.jsxs(le,{title:"Specs",children:[e.jsx(T,{label:"Context window",value:se(t.contextWindow)}),e.jsx(T,{label:"Max output",value:se((i==null?void 0:i.max_output_tokens)??null)}),e.jsx(T,{label:"Knowledge cutoff",value:(i==null?void 0:i.knowledge_cutoff)??"—"}),e.jsx(T,{label:"Released",value:Et(i==null?void 0:i.release_date)}),e.jsx(T,{label:"Open weights",value:i?i.open_weights?"Yes":"No":"—"})]}),e.jsx(le,{title:"Modalities",children:n.length===0&&a.length===0?e.jsx("span",{className:"text-sm text-[var(--otari-muted)]",children:"Unknown."}):e.jsxs("div",{className:"flex flex-col gap-1.5 text-xs text-[var(--otari-muted)]",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-1",children:[e.jsx("span",{children:"In:"}),n.map(u=>e.jsx(z,{size:"sm",color:"default",children:Ve[u]??u},u))]}),e.jsxs("div",{className:"flex flex-wrap items-center gap-1",children:[e.jsx("span",{children:"Out:"}),a.map(u=>e.jsx(z,{size:"sm",color:"default",children:Ve[u]??u},u))]})]})}),e.jsx(le,{title:"Capabilities",children:d.length>0?e.jsx("div",{className:"flex flex-wrap gap-1.5",children:d.map(({key:u,label:f})=>e.jsx(z,{size:"sm",color:"default",children:f},u))}):e.jsx("span",{className:"text-sm text-[var(--otari-muted)]",children:r?"None reported.":"Extended metadata unavailable (models.dev disabled or unreachable)."})})]})})}const ri=15;function ni({value:t,onChange:i,placeholder:r}){return e.jsx("input",{type:"search",value:t,onChange:l=>i(l.target.value),placeholder:r,"aria-label":r,className:"w-full max-w-xs rounded-md border border-[var(--otari-line)] bg-white px-3 py-1.5 text-sm focus:border-[var(--otari-brand)] focus:outline-none"})}const et="otari.dashboard.modelsSort",je={col:"model",dir:"asc"},li=["model","released","input","output"];function si(){if(typeof window>"u")return je;try{const t=window.localStorage.getItem(et);if(!t)return je;const i=JSON.parse(t);if(li.includes(i.col)&&(i.dir==="asc"||i.dir==="desc"))return{col:i.col,dir:i.dir}}catch{}return je}function ai({row:t,onClose:i}){const r=Ne(),l=Ue(),[n,a]=c.useState(t.inputPrice==null?"":String(t.inputPrice)),[d,u]=c.useState(t.outputPrice==null?"":String(t.outputPrice)),[f,b]=c.useState(t.cacheReadPrice==null?"":String(t.cacheReadPrice)),[N,$]=c.useState(t.cacheWritePrice==null?"":String(t.cacheWritePrice)),[C,P]=c.useState(t.cacheWrite1hPrice==null?"":String(t.cacheWrite1hPrice)),[m,k]=c.useState(Je(t.pricingTiers)),y=ce(n)&&ce(d)&&w(f)&&w(N)&&w(C)&&Xe(m),q=()=>{y&&r.mutate({model_key:t.key,input_price_per_million:Number(n),output_price_per_million:Number(d),cache_read_price_per_million:V(f),cache_write_price_per_million:V(N),cache_write_1h_price_per_million:V(C),pricing_tiers:Ze(m)},{onSuccess:i})};return e.jsxs("div",{className:"flex flex-col gap-3 px-4 py-3",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx("span",{className:"text-xs font-medium break-all text-[var(--otari-muted)]",children:t.key}),e.jsxs("label",{className:"flex items-center gap-1.5 text-xs text-[var(--otari-muted)]",children:["Input $ / 1M",e.jsx(j,{value:n,onChange:a,ariaLabel:`Input price for ${t.key}`})]}),e.jsxs("label",{className:"flex items-center gap-1.5 text-xs text-[var(--otari-muted)]",children:["Output $ / 1M",e.jsx(j,{value:d,onChange:u,ariaLabel:`Output price for ${t.key}`})]}),e.jsxs("label",{className:"flex items-center gap-1.5 text-xs text-[var(--otari-muted)]",children:["Cache read $ / 1M",e.jsx(j,{value:f,onChange:b,ariaLabel:`Cache read price for ${t.key}`})]}),e.jsxs("label",{className:"flex items-center gap-1.5 text-xs text-[var(--otari-muted)]",children:["Cache write $ / 1M",e.jsx(j,{value:N,onChange:$,ariaLabel:`Cache write price for ${t.key}`})]}),e.jsxs("label",{className:"flex items-center gap-1.5 text-xs text-[var(--otari-muted)]",children:["1h cache write $ / 1M",e.jsx(j,{value:C,onChange:P,ariaLabel:`1 hour cache write price for ${t.key}`})]}),e.jsx(I,{size:"sm",variant:"primary",isDisabled:r.isPending||!y,onPress:q,children:r.isPending?"Saving…":"Save"}),e.jsx(I,{size:"sm",variant:"ghost",isDisabled:r.isPending,onPress:i,children:"Cancel"}),t.source==="configured"?e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx(Ge,{confirmLabel:"Reset",isPending:l.isPending,onConfirm:()=>l.mutate(t.key,{onSuccess:i}),children:"Reset"}),e.jsx(oe,{label:"What reset does",children:"Removes the custom price. The model reverts to the default rate (genai-prices) when default pricing is on, otherwise it is metered at no cost."})]}):null,r.error||l.error?e.jsx("span",{className:"text-xs text-red-700",children:Pe(r.error??l.error)}):null]}),e.jsx(Qe,{tiers:m,onChange:k})]})}function ci({primary:t,secondary:i,rowKey:r,primaryLabel:l,secondaryLabel:n,onEdit:a}){const d=(u,f)=>e.jsx("button",{type:"button","aria-label":`Edit ${f} price for ${r}`,className:"tabular-nums hover:text-[var(--otari-brand-dark)] hover:underline",onClick:b=>{b.stopPropagation(),a()},children:u==null?"—":E(u)});return e.jsxs("span",{className:"inline-flex items-center justify-end gap-1",children:[d(t,l),e.jsx("span",{className:"text-[var(--otari-muted)]",children:"/"}),d(i,n)]})}function oi({rates:t,rowKey:i,onEdit:r}){const l=[t.cacheReadPrice==null?null:`R ${E(t.cacheReadPrice)}`,t.cacheWritePrice==null?null:`W ${E(t.cacheWritePrice)}`,t.cacheWrite1hPrice==null?null:`1h ${E(t.cacheWrite1hPrice)}`].filter(n=>n!==null);return e.jsx("button",{type:"button","aria-label":`Edit caching price for ${i}`,className:"max-w-44 text-right text-xs leading-5 text-[var(--otari-muted)] hover:text-[var(--otari-brand-dark)] hover:underline",onClick:n=>{n.stopPropagation(),r()},children:l.length>0?l.join(" · "):"Input-rate fallback"})}function ui({row:t,onEdit:i}){const r=[...t.pricingTiers].sort((n,a)=>n.min_input_tokens-a.min_input_tokens).map(n=>se(n.min_input_tokens)),l=r.length===0?"Base only":`${r.length} tier${r.length===1?"":"s"} · ≥ ${r.join(", ")}`;return e.jsx("button",{type:"button","aria-label":`Edit pricing policy for ${t.key}`,className:"max-w-40 text-right text-xs leading-5 text-[var(--otari-muted)] hover:text-[var(--otari-brand-dark)] hover:underline",onClick:n=>{n.stopPropagation(),i()},children:l})}function di({rows:t,isLoading:i,empty:r,sortDescriptor:l,onSortChange:n,selectedKey:a,onSelect:d,onEditPricing:u,comparisonContextTokens:f,selectedKeys:b,onSelectionChange:N}){const $=c.useMemo(()=>{const P=f==null?"Base":`at ${se(f)}`;return[{id:"model",header:"Model",isRowHeader:!0,allowsSorting:!0,cell:m=>e.jsxs(He,{value:m.key,label:"model id",className:"font-medium break-all",children:[m.model,e.jsx("span",{className:"sr-only select-none",children:m.key})]})},{id:"provider",header:"Provider",cell:m=>e.jsx("span",{className:"text-[var(--otari-muted)]",children:m.provider})},{id:"input",header:e.jsxs("span",{className:"inline-flex items-center gap-1",children:[`${P} in / out $ / 1M`,e.jsx(ei,{})]}),align:"end",allowsSorting:!0,cell:m=>{const k=Ye(m,f);return e.jsx(ci,{primary:k.inputPrice,secondary:k.outputPrice,rowKey:m.key,primaryLabel:"input",secondaryLabel:"output",onEdit:()=>u(m.key)})}},{id:"caching",header:`Caching ${f==null?"policy":P}`,align:"end",cell:m=>e.jsx(oi,{rates:Ye(m,f),rowKey:m.key,onEdit:()=>u(m.key)})},{id:"policy",header:"Pricing policy",align:"end",cell:m=>e.jsx(ui,{row:m,onEdit:()=>u(m.key)})}]},[f,u]),C=c.useCallback(P=>P.key===a?"bg-[var(--otari-brand-tint)]":void 0,[a]);return e.jsx(Bt,{ariaLabel:"Models",columns:$,rows:t,getRowKey:Zt,isLoading:i,emptyContent:r,selectionMode:"multiple",selectedKeys:b,onSelectionChange:N,sortDescriptor:l,onSortChange:n,onRowAction:d,rowClassName:C})}function pi({providers:t,onPriceModel:i}){if(t.length===0)return null;const r=t.filter(d=>!d.discovery_unsupported),l=t.filter(d=>d.discovery_unsupported),n=d=>d.map(u=>u.provider).join(", "),a=d=>d.length===1;return e.jsxs(At,{tone:"warning",children:[r.length>0?e.jsxs("span",{className:"block",children:["Could not list ",n(r),". Check ",a(r)?"that provider's":"those providers'"," ","credentials in config.yml; ",a(r)?"its":"their"," models are missing from the list below."]}):null,l.length>0?e.jsxs("span",{className:"block",children:[n(l)," ",a(l)?"does":"do"," not offer model discovery, so"," ",a(l)?"its":"their"," models are missing from the list below."," ",a(l)?"The provider":"They"," may still serve requests. Price a model by its selector to meter it here, or declare the model ids ",a(l)?"it serves":"they serve"," under the"," ",e.jsx("code",{children:"models:"})," key in config.yml to list them all.",e.jsx(I,{size:"sm",variant:"outline",className:"mt-2",onPress:()=>i(a(l)?`${l[0].provider}:`:""),children:"Price a model"})]}):null]})}function ji(){var Oe,De,Fe;const[t]=kt(),i=Mt(),r=Wt(),l=Tt(),n=It(),a=Ne(),[d,u]=c.useState(""),[f,b]=c.useState(0),[N,$]=c.useState(ri),[C,P]=c.useState(null),[m,k]=c.useState(null),[y,q]=c.useState(si),M=Dt(),[ue,de]=c.useState(!1),[tt,Se]=c.useState(!1),[it,Ce]=c.useState(void 0),[pe,Z]=c.useState(null),[rt,ke]=c.useState(!1),[nt,Me]=c.useState(void 0);c.useEffect(()=>{try{window.localStorage.setItem(et,JSON.stringify(y))}catch{}},[y]);const[O,We]=c.useState(t.get("provider")||"all"),[K,lt]=c.useState("all"),[Y,st]=c.useState("all"),[H,at]=c.useState("all"),[me,ct]=c.useState("0"),[Q,ot]=c.useState(""),[ee,ut]=c.useState("all"),[he,dt]=c.useState(""),D=((Oe=n.data)==null?void 0:Oe.models)??{},pt=((De=n.data)==null?void 0:De.available)??!1,Te=c.useMemo(()=>{var s;return new Set((((s=l.data)==null?void 0:s.providers)??[]).flatMap(h=>h.models.map(o=>o.key)))},[l.data]),mt=s=>{u(s),b(0)},B=s=>h=>{s(h),b(0)},te=c.useMemo(()=>{var W,_,v,A,L,R,Ke;const s=new Map(zt(r.data??[]).map(p=>[p.model_key,p])),h=[],o=new Set,g=(p,ye,Be,x)=>{if(o.has(p))return;o.add(p);const S=s.get(p);h.push({key:p,model:qe(ye,Be),provider:Be,isDiscovered:Te.has(p),contextWindow:(x==null?void 0:x.contextWindow)??null,inputPrice:S?S.input_price_per_million:(x==null?void 0:x.inputPrice)??null,outputPrice:S?S.output_price_per_million:(x==null?void 0:x.outputPrice)??null,cacheReadPrice:S?S.cache_read_price_per_million:(x==null?void 0:x.cacheReadPrice)??null,cacheWritePrice:S?S.cache_write_price_per_million:(x==null?void 0:x.cacheWritePrice)??null,cacheWrite1hPrice:S?S.cache_write_1h_price_per_million??null:(x==null?void 0:x.cacheWrite1hPrice)??null,pricingTiers:S?S.pricing_tiers??[]:(x==null?void 0:x.pricingTiers)??[],source:S?"configured":(x==null?void 0:x.source)??"none"})};for(const p of((W=i.data)==null?void 0:W.data)??[]){if(p.owned_by===qt)continue;const ye=p.pricing_source==="default"?"default":p.pricing?"configured":"none";g(p.id,p.id,p.owned_by||we(p.id),{key:p.id,model:p.id,provider:p.owned_by,contextWindow:p.context_window,inputPrice:((_=p.pricing)==null?void 0:_.input_price_per_million)??null,outputPrice:((v=p.pricing)==null?void 0:v.output_price_per_million)??null,cacheReadPrice:((A=p.pricing)==null?void 0:A.cache_read_price_per_million)??null,cacheWritePrice:((L=p.pricing)==null?void 0:L.cache_write_price_per_million)??null,cacheWrite1hPrice:((R=p.pricing)==null?void 0:R.cache_write_1h_price_per_million)??null,pricingTiers:((Ke=p.pricing)==null?void 0:Ke.pricing_tiers)??[],source:ye})}for(const p of s.keys())p.startsWith(`${Vt}:`)||g(p,p,we(p));return h},[i.data,r.data,Te]),Ie=c.useMemo(()=>new Map(te.map(s=>[s.key,s])),[te]),ie=c.useMemo(()=>{var o,g,W;const s=te.map(_=>{var v,A;return{..._,contextWindow:_.contextWindow??((v=D[_.key])==null?void 0:v.context_window)??null,releaseDate:((A=D[_.key])==null?void 0:A.release_date)??null}}),h=new Set(s.map(_=>_.key));for(const _ of((o=l.data)==null?void 0:o.providers)??[])for(const v of _.models)h.has(v.key)||(h.add(v.key),s.push({key:v.key,model:qe(v.key,_.provider),provider:_.provider,isDiscovered:!0,contextWindow:((g=D[v.key])==null?void 0:g.context_window)??null,releaseDate:((W=D[v.key])==null?void 0:W.release_date)??null,inputPrice:null,outputPrice:null,cacheReadPrice:null,cacheWritePrice:null,cacheWrite1hPrice:null,pricingTiers:[],source:"none"}));return s},[te,l.data,D]),ht=(((Fe=l.data)==null?void 0:Fe.providers)??[]).filter(s=>!s.ok),re=c.useMemo(()=>{const s=Array.from(new Set(ie.map(h=>h.provider))).sort((h,o)=>h.localeCompare(o));return[{value:"all",label:"All providers"},...s.map(h=>({value:h,label:h}))]},[ie]);c.useEffect(()=>{O==="all"||re.length<=1||re.some(s=>s.value===O)||We("all")},[re,O]);const U=d.trim().toLowerCase(),xe=Number(me)||0,fe=Q===""?Number.POSITIVE_INFINITY:Number(Q),xt=he===""?null:Number(he),ge=ee==="all"?null:Date.now()-Number(ee)*Xt,G=c.useMemo(()=>{const s=o=>{if(U&&!o.key.toLowerCase().includes(U)&&!o.provider.toLowerCase().includes(U)||O!=="all"&&o.provider!==O||K==="configured"&&o.source!=="configured"||K==="default"&&o.source!=="default"||K==="priced"&&o.inputPrice==null||K==="unpriced"&&o.inputPrice!=null||Y==="discovered"&&!o.isDiscovered||Y==="custom"&&o.isDiscovered)return!1;if(H!=="all"){const g=ze.find(_=>_.value===H),W=D[o.key];if(!g||!W||!g.test(W))return!1}if(xe>0&&(o.contextWindow==null||o.contextWindow<xe)||fe!==Number.POSITIVE_INFINITY&&(o.inputPrice==null||o.inputPrice>fe))return!1;if(ge!=null){const g=o.releaseDate?Date.parse(o.releaseDate):Number.NaN;if(Number.isNaN(g)||g<ge)return!1}return!0},h=(o,g)=>{const W=y.dir==="asc"?1:-1;if(y.col==="model")return o.model.localeCompare(g.model)*W;if(y.col==="released"){const L=o.releaseDate??null,R=g.releaseDate??null;return!L&&!R?o.model.localeCompare(g.model):L?R?(L<R?-1:L>R?1:0)*W||o.model.localeCompare(g.model):-1:1}const _=L=>y.col==="input"?L.inputPrice:L.outputPrice,v=_(o),A=_(g);return v==null&&A==null?o.model.localeCompare(g.model):v==null?1:A==null?-1:(v-A)*W||o.model.localeCompare(g.model)};return ie.filter(s).sort(h)},[ie,U,O,K,Y,H,xe,fe,ge,D,y]),J=G.length,ft=Math.max(1,Math.ceil(J/N)),Le=Math.min(f,ft-1),$e=Le*N,_e=G.slice($e,$e+N),gt={column:y.col,direction:y.dir==="asc"?"ascending":"descending"},_t=s=>{q({col:String(s.column),dir:s.direction==="ascending"?"asc":"desc"}),b(0)},vt=c.useCallback(s=>P(h=>h===s?null:s),[]),ve=_e.map(s=>s.key),X=Ft(M.selectedKeys,ve),bt=ve.length>0&&X.length===ve.length&&J>X.length,yt=M.allMatching?G.map(s=>s.key):X,Ae=M.allMatching?J:X.length,Ee=C?G.find(s=>s.key===C)??Ie.get(C)??null:null,jt=async s=>{Se(!0),Ce(void 0);try{for(const h of yt)await a.mutateAsync({model_key:h,input_price_per_million:s.input_price_per_million,output_price_per_million:s.output_price_per_million,cache_read_price_per_million:s.cache_read_price_per_million??null,cache_write_price_per_million:s.cache_write_price_per_million??null,cache_write_1h_price_per_million:null,pricing_tiers:[]});M.clear(),de(!1)}catch(h){Ce(h)}finally{Se(!1)}},Pt=async(s,h)=>{ke(!0),Me(void 0);try{const o=await a.mutateAsync({model_key:h,input_price_per_million:s.input_price_per_million,output_price_per_million:s.output_price_per_million,cache_read_price_per_million:s.cache_read_price_per_million??null,cache_write_price_per_million:s.cache_write_price_per_million??null});Z(null),k(o.model_key)}catch(o){Me(o)}finally{ke(!1)}},Nt=i.isLoading||r.isLoading||l.isLoading,St=U!==""||O!=="all"||K!=="all"||Y!=="all"||H!=="all"||me!=="0"||Q!==""||ee!=="all",be=Rt(d)?d.trim():null,Ct=e.jsxs("div",{className:"flex flex-col items-center gap-2 py-2",children:[e.jsx("span",{children:St?"No models match your filters.":"No models yet. Add a provider on the Providers page."}),e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"A provider that serves no model listing still answers requests, so a model you can call may not be listed here."}),e.jsx(I,{size:"sm",variant:"outline",onPress:()=>Z(be??""),children:be?`Price ${be}`:"Price a model by hand"})]}),ne=m?G.find(s=>s.key===m)??Ie.get(m)??null:null;return e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(Lt,{title:"Models",description:"Every model your providers can serve. Set a price on any model so budgets and usage tracking work."}),e.jsx($t,{error:i.error??r.error??l.error??n.error}),e.jsxs("div",{className:`grid gap-4 lg:items-start ${ne?"lg:grid-cols-[minmax(0,1fr)_360px]":"grid-cols-1"}`,children:[e.jsxs("div",{className:"flex min-w-0 flex-col gap-3",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx(ni,{value:d,onChange:mt,placeholder:"Search models…"}),e.jsx(F,{ariaLabel:"Filter by provider",value:O,onChange:B(We),options:re}),e.jsx(F,{ariaLabel:"Filter by pricing",value:K,onChange:B(lt),options:[{value:"all",label:"Any pricing"},{value:"configured",label:"Custom price"},{value:"default",label:"Default price"},{value:"priced",label:"Priced"},{value:"unpriced",label:"Unpriced"}]}),e.jsx(F,{ariaLabel:"Filter by source",value:Y,onChange:B(st),options:[{value:"all",label:"Any source"},{value:"discovered",label:"Discovered"},{value:"custom",label:"Custom (not discovered)"}]}),e.jsx(F,{ariaLabel:"Filter by capability",value:H,onChange:B(at),options:[{value:"all",label:"Any capability"},...ze.map(s=>({value:s.value,label:s.label}))]}),e.jsx(F,{ariaLabel:"Minimum context window",value:me,onChange:B(ct),options:Ht}),e.jsx(F,{ariaLabel:"Maximum input price",value:Q,onChange:B(ot),options:Ut}),e.jsx(F,{ariaLabel:"Compare prices at context",value:he,onChange:dt,options:Gt}),e.jsx(F,{ariaLabel:"Filter by release date",value:ee,onChange:B(ut),options:Jt})]}),e.jsx(pi,{providers:ht,onPriceModel:Z}),X.length>0?e.jsx(Kt,{selectedCount:Ae,allMatching:M.allMatching,matchingTotal:J,canSelectAllMatching:bt,onSelectAllMatching:M.enableAllMatching,onClear:M.clear,children:e.jsx(I,{size:"sm",variant:"primary",onPress:()=>de(!0),children:"Set pricing"})}):null,e.jsx(di,{rows:_e,isLoading:Nt,empty:Ct,sortDescriptor:gt,onSortChange:_t,selectedKey:m,onSelect:k,onEditPricing:vt,comparisonContextTokens:xt,selectedKeys:M.selectedKeys,onSelectionChange:M.onSelectionChange}),Ee?e.jsx(ae,{children:e.jsxs(ae.Content,{className:"p-0",children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-[var(--otari-line)] px-4 py-2",children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Edit pricing"}),e.jsx(I,{size:"sm",variant:"ghost",onPress:()=>P(null),children:"Close"})]}),e.jsx(ai,{row:Ee,onClose:()=>P(null)})]})}):null,e.jsx(wt,{page:Le,pageSize:N,total:J,rowsOnPage:_e.length,onPageChange:b,onPageSizeChange:s=>{$(s),b(0)},pageSizeOptions:[15,25,50]})]}),ne?e.jsx("aside",{className:"lg:sticky lg:top-4",children:e.jsx(ii,{row:ne,metadata:D[ne.key],metadataAvailable:pt,onClose:()=>k(null)})}):null]}),e.jsx(Re,{isOpen:ue,onOpenChange:de,targetCount:Ae,isPending:tt,error:it,onSubmit:jt,title:"Set pricing",description:s=>`Apply these per-1M rates to ${s.toLocaleString()} selected ${s===1?"model":"models"}. This replaces each model's price; pricing tiers and the 1h cache rate are cleared. Edit a single model for tiers.`}),e.jsx(Re,{isOpen:pe!==null,onOpenChange:s=>Z(s?pe??"":null),isPending:rt,error:nt,onSubmit:Pt,collectModelKey:!0,initialModelKey:pe??"",title:"Price a model",description:()=>"Meter a model the catalogue does not list, for a provider that serves no model listing. Type the selector you send as model and its rates; the model then appears here as custom, and its usage is costed and counted against budgets."})]})}export{ji as ModelsPage};
diff --git a/src/gateway/static/dashboard/assets/OverviewPage-B5D-L-_p.js b/src/gateway/static/dashboard/assets/OverviewPage-CJaIAUu7.js
similarity index 99%
rename from src/gateway/static/dashboard/assets/OverviewPage-B5D-L-_p.js
rename to src/gateway/static/dashboard/assets/OverviewPage-CJaIAUu7.js
index 747fe1b6b..66e80dbc5 100644
--- a/src/gateway/static/dashboard/assets/OverviewPage-B5D-L-_p.js
+++ b/src/gateway/static/dashboard/assets/OverviewPage-CJaIAUu7.js
@@ -1 +1 @@
-import{j as t}from"./tanstack-query-1t81HyiD.js";import{r as y,i as it,N as J}from"./react-dgEcD0HR.js";import{a2 as lt,a3 as dt,g as R,a4 as ct,H as ut,c as mt,u as vt,d as ht,a5 as _,P as xt,R as ft,E as Q,a6 as g,a7 as k,a8 as E,a9 as D,aa as O,ab as gt,ac as C}from"./index-BE7E0N2z.js";import{S as W}from"./charts-krq1PqQO.js";import{D as pt}from"./DataTable-DuDxGlJc.js";import{d as G,B as bt}from"./heroui-COmYdDDM.js";import"./recharts-C3cGlHOx.js";function I(e){return e==="neutral"?void 0:e}const yt=.02,jt=.1;function T(e){if(!e||e.request_count===0)return{rate:null,status:"neutral"};const l=e.error_count/e.request_count,a=l>=jt?"alert":l>=yt?"warn":"ok";return{rate:l,status:a}}function wt(e){return!e||e.total===0?"neutral":e.healthy>=e.total?"ok":e.healthy+e.degraded===0?"alert":"warn"}const St=.8;function Nt(e){if(e.length===0)return{status:"neutral",label:"No budgets configured",overCount:0,nearCount:0,cappedCount:0};const l=e.filter(i=>i.max_budget!==null&&i.user_count>0);if(l.length===0)return{status:"neutral",label:"No capped budgets",overCount:0,nearCount:0,cappedCount:0};let a=0,n=0,r,p=-1;for(const i of l){const s=i.max_budget*i.user_count,o=s>0?i.total_spend/s:0;o>=1?a+=1:o>=St&&(n+=1),o>p&&(p=o,r={name:i.name??i.budget_id,spent:i.total_spend,allocated:s,pct:o})}const b=a>0?"alert":n>0?"warn":"ok",j=a>0?`${a} over limit`:n>0?`${n} near limit`:"All within budget";return{status:b,label:j,overCount:a,nearCount:n,cappedCount:l.length,worst:r}}const Y=864e5,V=30;function z(){const e=new Date;return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}function Rt(){const[e,l]=y.useState(z);return y.useEffect(()=>{const a=()=>{if(document.visibilityState==="visible"){const n=z();l(r=>r===n?r:n)}};return document.addEventListener("visibilitychange",a),window.addEventListener("focus",a),()=>{document.removeEventListener("visibilitychange",a),window.removeEventListener("focus",a)}},[]),y.useMemo(()=>{const a=Date.now(),n=new Date(a);return{today:new Date(n.getFullYear(),n.getMonth(),n.getDate()).toISOString(),periodStart:new Date(a-V*Y).toISOString(),prevStart:new Date(a-2*V*Y).toISOString()}},[e])}const _t={ok:"Healthy",warn:"Elevated",alert:"High"},Et={ok:"On track",warn:"Near limit",alert:"Over budget"};function Mt(){const e=lt();return e.isLoading?t.jsx(dt,{}):t.jsx(Dt,{needsSetup:e.isSuccess&&e.data.providers.length===0,setupError:e.error,refreshSetup:e.refetch,setupFetching:e.isFetching})}function Dt({needsSetup:e=!1,setupError:l,refreshSetup:a,setupFetching:n=!1}){var A,P,H,q,B,U,M,K;const r=Rt(),p=y.useMemo(()=>({start_date:r.today}),[r]),b=y.useMemo(()=>({start_date:r.periodStart}),[r]),j=y.useMemo(()=>({start_date:r.prevStart,end_date:r.periodStart}),[r]),i=R(p,"hour",C),s=R(b,"day",C),o=R(j,"day",C),d=ct(),c=ut(),w=mt(),S=vt(),h=ht({},0,5),F=(A=i.data)==null?void 0:A.totals,v=(P=s.data)==null?void 0:P.totals,x=(H=o.data)==null?void 0:H.totals,N=((q=s.data)==null?void 0:q.series)??[],L=N.length>1,u=T(v),$=T(x),X=u.rate!==null&&$.rate!==null?_(u.rate,$.rate):null,m=Nt(c.data??[]),Z=wt(d.data),tt=(w.data??[]).filter(f=>f.is_active).length,et=(S.data??[]).filter(f=>!f.blocked).length,rt=(((B=h.data)==null?void 0:B.length)??0)>0,at=e&&h.isSuccess&&!rt,st=l??i.error??s.error??d.error??c.error??w.error??S.error,nt=()=>{a==null||a(),i.refetch(),s.refetch(),o.refetch(),d.refetch(),c.refetch(),w.refetch(),S.refetch(),h.refetch()},ot=n||i.isFetching||s.isFetching||o.isFetching||d.isFetching||c.isFetching||w.isFetching||S.isFetching||h.isFetching;return t.jsxs("div",{className:"flex flex-col gap-6",children:[t.jsx(xt,{title:"Overview",description:"At-a-glance spend, traffic, and health across the gateway.",action:t.jsx(ft,{onRefresh:nt,isFetching:ot,updatedAt:s.dataUpdatedAt})}),at?t.jsx(Ct,{}):null,t.jsx(Q,{error:st}),t.jsx(Ot,{providerHealth:Z,healthy:((U=d.data)==null?void 0:U.healthy)??0,degraded:((M=d.data)==null?void 0:M.degraded)??0,total:((K=d.data)==null?void 0:K.total)??0,budget:m,errStatus:u.status,errRate:u.rate,ready:d.isSuccess&&c.isSuccess&&s.isSuccess,failed:d.isError||c.isError||s.isError}),t.jsxs("div",{className:"grid grid-cols-2 gap-4 sm:grid-cols-3 xl:grid-cols-4",children:[t.jsx(g,{label:"Spend today",value:F?k(F.cost):"—"}),t.jsx(g,{label:"Spend, last 30 days",value:v?k(v.cost):"—",hint:v?t.jsx(E,{fraction:_(v.cost,x==null?void 0:x.cost)}):null,chart:L?t.jsx(W,{values:N.map(f=>f.cost),ariaLabel:"Spend trend over the last 30 days"}):void 0}),t.jsx(g,{label:"Requests, last 30 days",value:v?D(v.request_count):"—",hint:v?t.jsx(E,{fraction:_(v.request_count,x==null?void 0:x.request_count)}):null,chart:L?t.jsx(W,{values:N.map(f=>f.requests),ariaLabel:"Request volume trend over the last 30 days"}):void 0}),t.jsx(g,{label:"Error rate, last 30 days",value:u.rate===null?"—":O(u.rate),status:I(u.status),statusLabel:u.status==="neutral"?void 0:_t[u.status],hint:u.rate!==null?t.jsx(E,{fraction:X}):null}),t.jsx(g,{label:"Budget health",value:c.data&&m.worst?O(m.worst.pct):"—",status:c.data?I(m.status):void 0,statusLabel:c.data&&m.status!=="neutral"?Et[m.status]:void 0,hint:c.data?m.worst?`${m.label} · worst: ${m.worst.name}`:m.label:void 0,to:"/budgets"}),t.jsx(g,{label:"Active keys",value:w.data?D(tt):"—",to:"/keys"}),t.jsx(g,{label:"Active users",value:S.data?D(et):"—",to:"/users"})]}),t.jsx(Lt,{entries:h.data??[],loading:h.isLoading,error:h.error})]})}function Ct(){const e=it();return t.jsx(G,{children:t.jsxs(G.Content,{className:"flex flex-col gap-3 p-6",children:[t.jsxs("div",{children:[t.jsx("h2",{className:"text-lg font-semibold text-[var(--otari-ink)]",children:"Get started with Otari"}),t.jsx("p",{className:"mt-1 text-sm text-[var(--otari-muted)]",children:"Add a provider to begin serving models. Once it is configured, this page will show your gateway’s traffic, spend, and health."})]}),t.jsx("div",{children:t.jsx(bt,{variant:"primary",onPress:()=>e("/providers"),children:"Add your first provider"})})]})})}function kt({text:e}){return t.jsx("div",{role:"status",className:"flex items-center gap-2 rounded-xl border border-[var(--otari-line)] bg-[var(--otari-bg)] px-4 py-3 text-sm text-[var(--otari-muted)]",children:e})}function Ot({providerHealth:e,healthy:l,degraded:a,total:n,budget:r,errStatus:p,errRate:b,ready:j,failed:i}){if(i)return t.jsx(kt,{text:"Some status data could not be loaded."});if(!j)return null;const s=[];if((e==="warn"||e==="alert")&&n>0){const o=n-l-a;o>0&&s.push({text:`${o} provider${o===1?"":"s"} unreachable`,to:"/providers"}),a>0&&s.push({text:`${a} provider${a===1?"":"s"} without model discovery`,to:"/providers"})}return r.overCount>0?s.push({text:`${r.overCount} budget${r.overCount===1?"":"s"} over limit`,to:"/budgets"}):r.nearCount>0&&s.push({text:`${r.nearCount} budget${r.nearCount===1?"":"s"} near limit`,to:"/budgets"}),p==="alert"&&b!==null&&s.push({text:`error rate ${O(b)}`,to:"/activity?status=error"}),s.length===0?null:t.jsxs("div",{role:"alert",className:"flex flex-col gap-2 rounded-xl border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900 sm:flex-row sm:flex-wrap sm:items-center",children:[t.jsx("span",{className:"font-medium",children:"Needs attention:"}),s.map((o,d)=>t.jsxs("span",{className:"flex items-center gap-2",children:[d>0?t.jsx("span",{"aria-hidden":!0,className:"text-amber-400",children:"·"}):null,t.jsx(J,{to:o.to,className:"underline underline-offset-2 hover:text-amber-950",children:o.text})]},o.to+o.text))]})}function Ft(e){return e==="error"?"error":e==="absorbed"?"absorbed":"ok"}function Lt({entries:e,loading:l,error:a}){const n=[{id:"time",header:"Time",cell:r=>t.jsx("span",{className:"text-[var(--otari-muted)]",title:new Date(r.timestamp).toLocaleString(),children:gt(r.timestamp)})},{id:"model",header:"Model",isRowHeader:!0,cell:r=>t.jsx("span",{className:"text-[var(--otari-ink)]",children:r.model})},{id:"cost",header:"Cost",align:"end",cell:r=>r.cost===null?"—":k(r.cost)},{id:"status",header:"Status",cell:r=>t.jsx("span",{className:`inline-flex items-center rounded-full border px-2 py-0.5 text-xs font-medium ${r.status==="error"?"border-red-200 bg-red-50 text-red-700":r.status==="absorbed"?"border-amber-200 bg-amber-50 text-amber-700":"border-[var(--otari-line)] bg-[var(--otari-brand-tint)] text-[var(--otari-brand-dark)]"}`,children:Ft(r.status)})}];return t.jsxs("div",{className:"flex flex-col gap-3",children:[t.jsxs("div",{className:"flex items-center justify-between",children:[t.jsx("h2",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:"Recent activity"}),t.jsx(J,{to:"/activity",className:"text-sm text-[var(--otari-brand-dark)] hover:underline",children:"View all →"})]}),t.jsx(Q,{error:a}),t.jsx(pt,{ariaLabel:"Recent activity",columns:n,rows:e,getRowKey:r=>r.id,isLoading:l,emptyContent:"No requests yet. Once the gateway serves traffic, it appears here."})]})}export{Mt as OverviewIndex,Dt as OverviewPage,z as localDayKey};
+import{j as t}from"./tanstack-query-1t81HyiD.js";import{r as y,i as it,N as J}from"./react-dgEcD0HR.js";import{a2 as lt,a3 as dt,g as R,a4 as ct,H as ut,c as mt,u as vt,d as ht,a5 as _,P as xt,R as ft,E as Q,a6 as g,a7 as k,a8 as E,a9 as D,aa as O,ab as gt,ac as C}from"./index-DnXjp6g_.js";import{S as W}from"./charts-krq1PqQO.js";import{D as pt}from"./DataTable-DuDxGlJc.js";import{d as G,B as bt}from"./heroui-COmYdDDM.js";import"./recharts-C3cGlHOx.js";function I(e){return e==="neutral"?void 0:e}const yt=.02,jt=.1;function T(e){if(!e||e.request_count===0)return{rate:null,status:"neutral"};const l=e.error_count/e.request_count,a=l>=jt?"alert":l>=yt?"warn":"ok";return{rate:l,status:a}}function wt(e){return!e||e.total===0?"neutral":e.healthy>=e.total?"ok":e.healthy+e.degraded===0?"alert":"warn"}const St=.8;function Nt(e){if(e.length===0)return{status:"neutral",label:"No budgets configured",overCount:0,nearCount:0,cappedCount:0};const l=e.filter(i=>i.max_budget!==null&&i.user_count>0);if(l.length===0)return{status:"neutral",label:"No capped budgets",overCount:0,nearCount:0,cappedCount:0};let a=0,n=0,r,p=-1;for(const i of l){const s=i.max_budget*i.user_count,o=s>0?i.total_spend/s:0;o>=1?a+=1:o>=St&&(n+=1),o>p&&(p=o,r={name:i.name??i.budget_id,spent:i.total_spend,allocated:s,pct:o})}const b=a>0?"alert":n>0?"warn":"ok",j=a>0?`${a} over limit`:n>0?`${n} near limit`:"All within budget";return{status:b,label:j,overCount:a,nearCount:n,cappedCount:l.length,worst:r}}const Y=864e5,V=30;function z(){const e=new Date;return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}function Rt(){const[e,l]=y.useState(z);return y.useEffect(()=>{const a=()=>{if(document.visibilityState==="visible"){const n=z();l(r=>r===n?r:n)}};return document.addEventListener("visibilitychange",a),window.addEventListener("focus",a),()=>{document.removeEventListener("visibilitychange",a),window.removeEventListener("focus",a)}},[]),y.useMemo(()=>{const a=Date.now(),n=new Date(a);return{today:new Date(n.getFullYear(),n.getMonth(),n.getDate()).toISOString(),periodStart:new Date(a-V*Y).toISOString(),prevStart:new Date(a-2*V*Y).toISOString()}},[e])}const _t={ok:"Healthy",warn:"Elevated",alert:"High"},Et={ok:"On track",warn:"Near limit",alert:"Over budget"};function Mt(){const e=lt();return e.isLoading?t.jsx(dt,{}):t.jsx(Dt,{needsSetup:e.isSuccess&&e.data.providers.length===0,setupError:e.error,refreshSetup:e.refetch,setupFetching:e.isFetching})}function Dt({needsSetup:e=!1,setupError:l,refreshSetup:a,setupFetching:n=!1}){var A,P,H,q,B,U,M,K;const r=Rt(),p=y.useMemo(()=>({start_date:r.today}),[r]),b=y.useMemo(()=>({start_date:r.periodStart}),[r]),j=y.useMemo(()=>({start_date:r.prevStart,end_date:r.periodStart}),[r]),i=R(p,"hour",C),s=R(b,"day",C),o=R(j,"day",C),d=ct(),c=ut(),w=mt(),S=vt(),h=ht({},0,5),F=(A=i.data)==null?void 0:A.totals,v=(P=s.data)==null?void 0:P.totals,x=(H=o.data)==null?void 0:H.totals,N=((q=s.data)==null?void 0:q.series)??[],L=N.length>1,u=T(v),$=T(x),X=u.rate!==null&&$.rate!==null?_(u.rate,$.rate):null,m=Nt(c.data??[]),Z=wt(d.data),tt=(w.data??[]).filter(f=>f.is_active).length,et=(S.data??[]).filter(f=>!f.blocked).length,rt=(((B=h.data)==null?void 0:B.length)??0)>0,at=e&&h.isSuccess&&!rt,st=l??i.error??s.error??d.error??c.error??w.error??S.error,nt=()=>{a==null||a(),i.refetch(),s.refetch(),o.refetch(),d.refetch(),c.refetch(),w.refetch(),S.refetch(),h.refetch()},ot=n||i.isFetching||s.isFetching||o.isFetching||d.isFetching||c.isFetching||w.isFetching||S.isFetching||h.isFetching;return t.jsxs("div",{className:"flex flex-col gap-6",children:[t.jsx(xt,{title:"Overview",description:"At-a-glance spend, traffic, and health across the gateway.",action:t.jsx(ft,{onRefresh:nt,isFetching:ot,updatedAt:s.dataUpdatedAt})}),at?t.jsx(Ct,{}):null,t.jsx(Q,{error:st}),t.jsx(Ot,{providerHealth:Z,healthy:((U=d.data)==null?void 0:U.healthy)??0,degraded:((M=d.data)==null?void 0:M.degraded)??0,total:((K=d.data)==null?void 0:K.total)??0,budget:m,errStatus:u.status,errRate:u.rate,ready:d.isSuccess&&c.isSuccess&&s.isSuccess,failed:d.isError||c.isError||s.isError}),t.jsxs("div",{className:"grid grid-cols-2 gap-4 sm:grid-cols-3 xl:grid-cols-4",children:[t.jsx(g,{label:"Spend today",value:F?k(F.cost):"—"}),t.jsx(g,{label:"Spend, last 30 days",value:v?k(v.cost):"—",hint:v?t.jsx(E,{fraction:_(v.cost,x==null?void 0:x.cost)}):null,chart:L?t.jsx(W,{values:N.map(f=>f.cost),ariaLabel:"Spend trend over the last 30 days"}):void 0}),t.jsx(g,{label:"Requests, last 30 days",value:v?D(v.request_count):"—",hint:v?t.jsx(E,{fraction:_(v.request_count,x==null?void 0:x.request_count)}):null,chart:L?t.jsx(W,{values:N.map(f=>f.requests),ariaLabel:"Request volume trend over the last 30 days"}):void 0}),t.jsx(g,{label:"Error rate, last 30 days",value:u.rate===null?"—":O(u.rate),status:I(u.status),statusLabel:u.status==="neutral"?void 0:_t[u.status],hint:u.rate!==null?t.jsx(E,{fraction:X}):null}),t.jsx(g,{label:"Budget health",value:c.data&&m.worst?O(m.worst.pct):"—",status:c.data?I(m.status):void 0,statusLabel:c.data&&m.status!=="neutral"?Et[m.status]:void 0,hint:c.data?m.worst?`${m.label} · worst: ${m.worst.name}`:m.label:void 0,to:"/budgets"}),t.jsx(g,{label:"Active keys",value:w.data?D(tt):"—",to:"/keys"}),t.jsx(g,{label:"Active users",value:S.data?D(et):"—",to:"/users"})]}),t.jsx(Lt,{entries:h.data??[],loading:h.isLoading,error:h.error})]})}function Ct(){const e=it();return t.jsx(G,{children:t.jsxs(G.Content,{className:"flex flex-col gap-3 p-6",children:[t.jsxs("div",{children:[t.jsx("h2",{className:"text-lg font-semibold text-[var(--otari-ink)]",children:"Get started with Otari"}),t.jsx("p",{className:"mt-1 text-sm text-[var(--otari-muted)]",children:"Add a provider to begin serving models. Once it is configured, this page will show your gateway’s traffic, spend, and health."})]}),t.jsx("div",{children:t.jsx(bt,{variant:"primary",onPress:()=>e("/providers"),children:"Add your first provider"})})]})})}function kt({text:e}){return t.jsx("div",{role:"status",className:"flex items-center gap-2 rounded-xl border border-[var(--otari-line)] bg-[var(--otari-bg)] px-4 py-3 text-sm text-[var(--otari-muted)]",children:e})}function Ot({providerHealth:e,healthy:l,degraded:a,total:n,budget:r,errStatus:p,errRate:b,ready:j,failed:i}){if(i)return t.jsx(kt,{text:"Some status data could not be loaded."});if(!j)return null;const s=[];if((e==="warn"||e==="alert")&&n>0){const o=n-l-a;o>0&&s.push({text:`${o} provider${o===1?"":"s"} unreachable`,to:"/providers"}),a>0&&s.push({text:`${a} provider${a===1?"":"s"} without model discovery`,to:"/providers"})}return r.overCount>0?s.push({text:`${r.overCount} budget${r.overCount===1?"":"s"} over limit`,to:"/budgets"}):r.nearCount>0&&s.push({text:`${r.nearCount} budget${r.nearCount===1?"":"s"} near limit`,to:"/budgets"}),p==="alert"&&b!==null&&s.push({text:`error rate ${O(b)}`,to:"/activity?status=error"}),s.length===0?null:t.jsxs("div",{role:"alert",className:"flex flex-col gap-2 rounded-xl border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900 sm:flex-row sm:flex-wrap sm:items-center",children:[t.jsx("span",{className:"font-medium",children:"Needs attention:"}),s.map((o,d)=>t.jsxs("span",{className:"flex items-center gap-2",children:[d>0?t.jsx("span",{"aria-hidden":!0,className:"text-amber-400",children:"·"}):null,t.jsx(J,{to:o.to,className:"underline underline-offset-2 hover:text-amber-950",children:o.text})]},o.to+o.text))]})}function Ft(e){return e==="error"?"error":e==="absorbed"?"absorbed":"ok"}function Lt({entries:e,loading:l,error:a}){const n=[{id:"time",header:"Time",cell:r=>t.jsx("span",{className:"text-[var(--otari-muted)]",title:new Date(r.timestamp).toLocaleString(),children:gt(r.timestamp)})},{id:"model",header:"Model",isRowHeader:!0,cell:r=>t.jsx("span",{className:"text-[var(--otari-ink)]",children:r.model})},{id:"cost",header:"Cost",align:"end",cell:r=>r.cost===null?"—":k(r.cost)},{id:"status",header:"Status",cell:r=>t.jsx("span",{className:`inline-flex items-center rounded-full border px-2 py-0.5 text-xs font-medium ${r.status==="error"?"border-red-200 bg-red-50 text-red-700":r.status==="absorbed"?"border-amber-200 bg-amber-50 text-amber-700":"border-[var(--otari-line)] bg-[var(--otari-brand-tint)] text-[var(--otari-brand-dark)]"}`,children:Ft(r.status)})}];return t.jsxs("div",{className:"flex flex-col gap-3",children:[t.jsxs("div",{className:"flex items-center justify-between",children:[t.jsx("h2",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:"Recent activity"}),t.jsx(J,{to:"/activity",className:"text-sm text-[var(--otari-brand-dark)] hover:underline",children:"View all →"})]}),t.jsx(Q,{error:a}),t.jsx(pt,{ariaLabel:"Recent activity",columns:n,rows:e,getRowKey:r=>r.id,isLoading:l,emptyContent:"No requests yet. Once the gateway serves traffic, it appears here."})]})}export{Mt as OverviewIndex,Dt as OverviewPage,z as localDayKey};
diff --git a/src/gateway/static/dashboard/assets/ProvidersPage-Jb_jxGkj.js b/src/gateway/static/dashboard/assets/ProvidersPage-BYCOF7U0.js
similarity index 99%
rename from src/gateway/static/dashboard/assets/ProvidersPage-Jb_jxGkj.js
rename to src/gateway/static/dashboard/assets/ProvidersPage-BYCOF7U0.js
index 934e035b7..1b463e299 100644
--- a/src/gateway/static/dashboard/assets/ProvidersPage-Jb_jxGkj.js
+++ b/src/gateway/static/dashboard/assets/ProvidersPage-BYCOF7U0.js
@@ -1 +1 @@
-import{j as e}from"./tanstack-query-1t81HyiD.js";import{r as u,L as ee}from"./react-dgEcD0HR.js";import{a2 as te,ad as se,a0 as re,a4 as ae,ae as ne,af as ie,ag as oe,P as le,E as O,M as de,ah as ce,ai as ue,ab as U,y as me,aj as J,ak as xe,_ as Y,al as pe,am as he}from"./index-BE7E0N2z.js";import{F as C}from"./Field-CBU9MRjz.js";import{D as ve}from"./DataTable-DuDxGlJc.js";import{B as j,d as A,g as ge,e as V,L as D,I as G,D as W,h as fe,S as je,C as K,a as be,b as ye}from"./heroui-COmYdDDM.js";function L({value:t,onChange:r,label:s,placeholder:n,description:o}){return e.jsxs(V,{value:t,onChange:r,className:"flex max-w-md flex-col gap-1",children:[e.jsx(D,{className:"text-sm font-medium text-[var(--otari-ink)]",children:s}),e.jsx(G,{type:"password",placeholder:n??"sk-…",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,"data-1p-ignore":!0,"data-lpignore":"true"}),o?e.jsx(W,{className:"text-xs text-[var(--otari-muted)]",children:o}):null]})}function q(t){const r=t.trim();if(r==="")return{ok:!0,value:null};let s;try{s=JSON.parse(r)}catch{return{ok:!1,error:"Not valid JSON."}}return s===null||typeof s!="object"||Array.isArray(s)?{ok:!1,error:'Must be a JSON object, like {"timeout": 1800}.'}:{ok:!0,value:s}}function ke(t){return t&&Object.keys(t).length>0?JSON.stringify(t,null,2):""}function $({value:t,onChange:r,error:s}){return e.jsxs(V,{value:t,onChange:r,isInvalid:s!==null,className:"flex max-w-md flex-col gap-1",children:[e.jsx(D,{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Client options (JSON)"}),e.jsx(fe,{rows:3,placeholder:'{"timeout": 1800}',spellCheck:!1,className:"font-mono text-xs"}),e.jsx(W,{className:s?"text-xs text-red-700":"text-xs text-[var(--otari-muted)]",children:s??"Passed to the provider's client, e.g. a request timeout in seconds or custom headers. Stored in plain text, so keep secrets out."})]})}function Q({label:t,value:r,onChange:s,description:n,placeholder:o,extra:c=[],includeCatalog:d=!0}){var x;const b=pe(),h=u.useMemo(()=>d?[...c,...(b.data??[]).map(i=>({id:i.id,name:i.name}))]:c,[b.data,c,d]),[f,m]=u.useState(()=>{var i;return((i=h.find(l=>l.id===r))==null?void 0:i.name)??""}),y=((x=h.find(i=>i.id===r))==null?void 0:x.name)??"",p=f.trim()===y.trim()?"":f.trim().toLowerCase(),k=h.filter(i=>!p||i.name.toLowerCase().includes(p)||i.id.toLowerCase().includes(p)).slice(0,50);return e.jsxs(K.Root,{allowsEmptyCollection:!0,menuTrigger:"focus",inputValue:f,onInputChange:m,onSelectionChange:i=>{var l;i!=null?(s(String(i)),m(((l=h.find(_=>_.id===String(i)))==null?void 0:l.name)??"")):(s(""),m(""))},className:"flex max-w-md flex-col gap-1",children:[e.jsx(D,{className:"text-sm font-medium text-[var(--otari-ink)]",children:t}),e.jsxs(K.InputGroup,{children:[e.jsx(G,{placeholder:o??"Search providers…",autoComplete:"off","data-1p-ignore":!0,"data-lpignore":"true",onFocus:i=>i.currentTarget.select()}),e.jsx(K.Trigger,{})]}),e.jsx(K.Popover,{children:e.jsx(be,{items:k,className:"max-h-72 overflow-auto",children:i=>e.jsx(ye,{id:i.id,textValue:i.name,children:i.name})})}),n?e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:n}):null]})}function X({getPayload:t}){const r=he(),s=t();return e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsx(j,{variant:"outline",isDisabled:s===null||r.isPending,onPress:()=>{s&&r.mutate(s)},children:r.isPending?"Testing…":"Test connection"}),e.jsx("span",{role:"status","aria-live":"polite",children:r.isPending?null:r.error?e.jsx("span",{className:"text-xs text-red-700",children:Y(r.error)}):r.data?r.data.ok?e.jsxs("span",{className:"text-xs font-medium text-green-700",children:["Connected. ",r.data.model_count," model",r.data.model_count===1?"":"s"," available."]}):r.data.discovery_unsupported?e.jsxs("span",{className:"block max-w-md break-words text-xs text-amber-800",children:["This provider does not list models, so the key could not be verified here. Save it and use the provider; declare its model ids under ",e.jsx("code",{children:"models:"})," to have them show up in the catalogue. If you did not expect this, check the provider's reply below.",r.data.error?e.jsx("span",{className:"mt-0.5 block text-[var(--otari-muted)]",children:r.data.error}):null]}):e.jsx("span",{className:"block max-w-md break-words text-xs text-red-700",children:r.data.error??"Connection failed."}):null})]})}function Ne({onClose:t}){var E;const r=J(),[s,n]=u.useState(""),[o,c]=u.useState(""),[d,b]=u.useState(!1),[h,f]=u.useState(""),[m,y]=u.useState(""),[p,k]=u.useState(""),x=q(p),i=xe(s),l=((E=i.data)==null?void 0:E.id)===s?i.data:void 0;u.useEffect(()=>{l&&f(l.default_api_base??"")},[l]);const _=(l==null?void 0:l.env_key_present)??!1,N=((l==null?void 0:l.requires_api_key)??!0)&&!_,P=m.trim()!==""&&m.trim()!==s,S=/[:/]/.test(m),w=s!==""&&!S&&(!N||o.trim()!=="")&&x.ok&&!r.isPending,T=d||!x.ok||S,R=()=>{!w||!x.ok||r.mutate({instance:P?m.trim():s,provider_type:P?s:null,api_base:h.trim()||null,api_key:o.trim()||null,client_args:x.value},{onSuccess:t})};return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(O,{error:r.error}),e.jsx(Q,{label:"Provider",value:s,onChange:I=>{n(I),y(""),f("")},description:"Its endpoint is built in."}),e.jsx(L,{value:o,onChange:c,label:l&&!N?"API key (optional)":"API key",description:l?N?`${l.name}'s endpoint is built in — just add your key.`:_?`${l.env_key} is set on the server, so a key is optional here. Paste one to override it.`:`${l.name} needs no API key.`:"Stored encrypted. Requires OTARI_SECRET_KEY on the server."}),e.jsx("button",{type:"button",className:"self-start text-xs font-medium text-[var(--otari-brand-dark)]",onClick:()=>b(I=>!I),children:T?"Hide advanced":"Advanced (API base, rename, client options)"}),T?e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[e.jsx(C,{label:"API base",value:h,onChange:f,placeholder:(l==null?void 0:l.default_api_base)??"https://…/v1",description:"Only if you route through a proxy. Blank uses the built-in default."}),e.jsx(C,{label:"Name",value:m,onChange:y,placeholder:s||"instance name",description:S?e.jsx("span",{className:"text-red-700",children:"A name cannot contain “:” or “/”."}):"Rename to run two instances of the same provider."})]}),e.jsx($,{value:p,onChange:k,error:x.ok?null:x.error})]}):null,e.jsxs("div",{className:"flex flex-wrap items-start gap-2",children:[e.jsx(j,{variant:"primary",isDisabled:!w,onPress:R,children:r.isPending?"Adding…":"Add provider"}),e.jsx(j,{variant:"ghost",onPress:t,children:"Cancel"}),e.jsx(X,{getPayload:()=>s===""||!x.ok?null:{instance:P?m.trim():s,provider_type:P?s:null,api_base:h.trim()||null,api_key:o.trim()||null,client_args:x.value}})]})]})}function Pe({onClose:t}){const r=J(),[s,n]=u.useState(""),[o,c]=u.useState("openai-compatible"),[d,b]=u.useState(""),[h,f]=u.useState(""),[m,y]=u.useState(""),p=q(m),k=/[:/]/.test(s),x=s.trim()!==""&&!k&&d.trim()!==""&&p.ok&&!r.isPending,i=()=>{!x||!p.ok||r.mutate({instance:s.trim(),provider_type:o||"openai-compatible",api_base:d.trim(),api_key:h.trim()||null,client_args:p.value},{onSuccess:t})};return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(O,{error:r.error}),e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[e.jsx(C,{label:"Name",value:s,onChange:n,placeholder:"my-local-llm",isRequired:!0,autoFocus:!0,description:k?e.jsx("span",{className:"text-red-700",children:"A name cannot contain “:” or “/”."}):"Call it whatever you want."}),e.jsx(Q,{label:"Compatible with",value:o,onChange:c,includeCatalog:!1,description:"The API this endpoint speaks.",extra:[{id:"openai-compatible",name:"OpenAI"},{id:"anthropic-compatible",name:"Anthropic"}]})]}),e.jsx(C,{label:"API base",value:d,onChange:b,placeholder:"http://localhost:8000/v1",isRequired:!0,description:"The endpoint URL of your server."}),e.jsx(L,{value:h,onChange:f,label:"API key (optional)",description:"Many local backends need none. Stored encrypted."}),e.jsx($,{value:m,onChange:y,error:p.ok?null:p.error}),e.jsxs("div",{className:"flex flex-wrap items-start gap-2",children:[e.jsx(j,{variant:"primary",isDisabled:!x,onPress:i,children:r.isPending?"Adding…":"Add provider"}),e.jsx(j,{variant:"ghost",onPress:t,children:"Cancel"}),e.jsx(X,{getPayload:()=>s.trim()===""||d.trim()===""||!p.ok?null:{instance:s.trim(),provider_type:o||"openai-compatible",api_base:d.trim(),api_key:h.trim()||null,client_args:p.value}})]})]})}function Se({onClose:t}){const[r,s]=u.useState("known");return e.jsx(A,{children:e.jsxs(A.Content,{className:"flex flex-col gap-4 p-5",children:[e.jsx("div",{className:"flex items-center justify-between",children:e.jsx("div",{className:"flex items-center gap-1 rounded-lg bg-[var(--otari-bg)] p-1",children:[["known","Known provider"],["custom","Custom endpoint"]].map(([n,o])=>e.jsx("button",{type:"button","aria-pressed":r===n,onClick:()=>s(n),className:r===n?"rounded-md bg-white px-3 py-1.5 text-sm font-medium text-[var(--otari-ink)] shadow-sm":"rounded-md px-3 py-1.5 text-sm text-[var(--otari-muted)] hover:text-[var(--otari-ink)]",children:o},n))})}),r==="known"?e.jsx(Ne,{onClose:t}):e.jsx(Pe,{onClose:t})]})})}function _e({provider:t,onClose:r,onSaved:s}){const n=ce(),[o,c]=u.useState(t.provider_type??""),[d,b]=u.useState(t.api_base??""),[h,f]=u.useState(!1),[m,y]=u.useState(""),[p,k]=u.useState(()=>ke(t.client_args)),x=q(p),i=()=>{if(n.isPending||!x.ok)return;const l={provider_type:o.trim()||null,api_base:d.trim()||null,client_args:x.value,expected_updated_at:t.updated_at};h&&m.trim()&&(l.api_key=m.trim()),n.mutate({instance:t.instance,body:l},{onSuccess:()=>{s(t.instance),r()}})};return e.jsx(A,{children:e.jsxs(A.Content,{className:"flex flex-col gap-4 p-5",children:[e.jsxs("div",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:["Edit ",e.jsx("code",{children:t.instance})]}),e.jsx(O,{error:n.error}),e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[e.jsx(C,{label:"Provider type",value:o,onChange:c,placeholder:"openai"}),e.jsx(C,{label:"API base",value:d,onChange:b,placeholder:"https://api.openai.com/v1"})]}),e.jsx("div",{className:"flex flex-col gap-2",children:h?e.jsxs(e.Fragment,{children:[e.jsx(L,{value:m,onChange:y,label:"New API key",description:"Stored encrypted. The old key is replaced when you save."}),e.jsx("button",{type:"button",className:"self-start text-xs font-medium text-[var(--otari-brand-dark)]",onClick:()=>{f(!1),y("")},children:"Keep the current key"})]}):e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-sm text-[var(--otari-muted)]",children:["API key: ",e.jsx("code",{children:t.last4?`••••${t.last4}`:"none set"})]}),e.jsx(j,{size:"sm",variant:"outline",onPress:()=>f(!0),children:"Replace key"})]})}),e.jsx($,{value:p,onChange:k,error:x.ok?null:x.error}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(j,{variant:"primary",isDisabled:n.isPending||!x.ok,onPress:i,children:n.isPending?"Saving…":"Save changes"}),e.jsx(j,{variant:"ghost",onPress:r,children:"Cancel"})]})]})})}function Ce(t,r){const s=new Map((r??[]).map(c=>[c.instance,c])),n=new Map((t??[]).map(c=>[c.instance,c]));return[...new Set([...s.keys(),...n.keys()])].sort().map(c=>{const d=s.get(c);return{instance:c,source:d?"stored":"config",stored:d,meta:n.get(c)}})}function Ae({state:t}){return t?t.status==="pending"?e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-xs text-[var(--otari-muted)]",children:[e.jsx(je,{size:"sm"})," Testing…"]}):t.ok?e.jsxs("span",{className:"text-xs font-medium text-green-700",children:["Connected. ",t.model_count," model",t.model_count===1?"":"s"," available."]}):t.discovery_unsupported?e.jsxs("span",{className:"block max-w-xs break-words text-xs text-amber-800",children:["Could not list models, so the key could not be verified. It may still work for requests.",t.error?e.jsx("span",{className:"mt-0.5 block text-[var(--otari-muted)]",children:t.error}):null]}):e.jsx("span",{className:"block max-w-xs break-words text-xs text-red-700",children:t.error??"Connection failed."}):null}function we({health:t}){if(!t)return e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"—"});const r=!t.ok&&t.discovery_unsupported,s=t.ok?"border-green-200 bg-green-50 text-green-700":r?"border-amber-200 bg-amber-50 text-amber-800":"border-red-200 bg-red-50 text-red-700",n=t.ok?"bg-green-500":r?"bg-amber-500":"bg-red-500",o=t.checked_at?`Last checked ${U(t.checked_at)}`:"Not checked yet",c=r?`${t.error??"This provider does not list models."} Requests to it may still work.`:t.error??"Unreachable",d=t.ok?o:`${c} · ${o}`;return e.jsxs("span",{title:d,className:`inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium ${s}`,children:[e.jsx("span",{"aria-hidden":!0,className:`h-1.5 w-1.5 rounded-full ${n}`}),t.ok?"Reachable":r?"No model discovery":"Unreachable"]})}function Te({healthy:t,degraded:r,total:s,checkedAt:n}){const c=t===s?"bg-green-500":t+r===s?"bg-amber-500":"bg-red-500",d=ue();return e.jsxs("div",{className:"flex flex-wrap items-center gap-3 rounded-xl border border-[var(--otari-line)] bg-[var(--otari-surface)] px-4 py-2.5 text-sm",children:[e.jsx("span",{"aria-hidden":!0,className:`h-2 w-2 rounded-full ${c}`}),e.jsxs("span",{className:"font-medium text-[var(--otari-ink)]",children:[t," of ",s," provider",s===1?"":"s"," reachable"]}),r>0?e.jsxs("span",{className:"text-amber-800",children:[r," without model discovery"]}):null,n?e.jsxs("span",{className:"text-[var(--otari-muted)]",children:["Last checked ",U(n)]}):null,e.jsx(j,{size:"sm",variant:"ghost",className:"ml-auto",isDisabled:d.isPending,onPress:()=>d.mutate(),children:d.isPending?"Re-checking…":"Re-check all"})]})}function B({n:t,title:r,children:s}){return e.jsxs("li",{className:"flex gap-3",children:[e.jsx("span",{className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-[var(--otari-brand-tint)] text-xs font-semibold text-[var(--otari-brand-dark)]",children:t}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-medium text-[var(--otari-ink)]",children:r}),e.jsx("div",{className:"text-[var(--otari-muted)]",children:s})]})]})}function Ie({onAddProvider:t,needsPricing:r,onEnablePricing:s,enabling:n,secretKeyConfigured:o}){return e.jsx(A,{children:e.jsxs(A.Content,{className:"flex flex-col gap-4 p-6",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold text-[var(--otari-ink)]",children:"Welcome to Otari"}),e.jsx("p",{className:"mt-1 text-sm text-[var(--otari-muted)]",children:"You are signed in. Add a provider to start serving models: three quick steps."})]}),e.jsxs("ol",{className:"flex flex-col gap-3",children:[e.jsxs(B,{n:1,title:"Add a provider",children:["Enter a provider name (like ",e.jsx("code",{children:"openai"}),") and its API key. Keys are encrypted at rest."]}),e.jsxs(B,{n:2,title:"Test the connection",children:["Use ",e.jsx("strong",{children:"Test"})," on the provider row to confirm the key works and see how many models it serves."]}),e.jsxs(B,{n:3,title:"Send your first request",children:["Point your app at ",e.jsx("code",{children:"/v1"})," on this gateway with the API key printed in the server logs (",e.jsx("code",{children:"gw-…"}),"). See the"," ",e.jsx("a",{href:"/welcome",target:"_blank",rel:"noreferrer",className:"font-medium text-[var(--otari-brand-dark)]",children:"quickstart"}),"."]})]}),r?e.jsxs("p",{className:"text-sm text-[var(--otari-muted)]",children:["Tip: ",e.jsx("code",{children:"require_pricing"})," is on, so requests are rejected until pricing is set."," ",e.jsx("button",{type:"button",className:"font-medium text-[var(--otari-brand-dark)] disabled:opacity-50",disabled:n,onClick:s,children:"Enable default pricing"})," ","to meter new models with public rates."]}):null,e.jsx("div",{children:e.jsx(j,{variant:"primary",isDisabled:!o,onPress:t,children:"Add your first provider"})})]})})}function Le(){var F,H,M,z;const t=te(),r=se(),s=re(),n=ae(),o=ne(),c=ie(),d=oe(),[b,h]=u.useState(!1),[f,m]=u.useState(null),[y,p]=u.useState({}),k=Ce((F=t.data)==null?void 0:F.providers,r.data),x=new Map((((H=n.data)==null?void 0:H.providers)??[]).map(a=>[a.instance,a])),i=t.isLoading||r.isLoading,l=((M=r.data)==null?void 0:M.find(a=>a.instance===f))??null,_=((z=s.data)==null?void 0:z.require_pricing)===!0&&s.data.default_pricing===!1,N=s.data?s.data.secret_key_configured!==!1:!s.isError,P=!i&&k.length===0&&!b,S=u.useRef({}),w=a=>{const v=(S.current[a]??0)+1;return S.current[a]=v,v},T=a=>{w(a),p(v=>{if(!Object.hasOwn(v,a))return v;const g={...v};return delete g[a],g})},R=(a,v,g)=>{S.current[a]===v&&p(Z=>({...Z,[a]:g}))},E=async a=>{const v=w(a);p(g=>({...g,[a]:{status:"pending"}}));try{const g=await c.mutateAsync(a);R(a,v,{status:"done",...g})}catch(g){R(a,v,{status:"done",ok:!1,model_count:0,error:Y(g),discovery_unsupported:!1})}},I=[{id:"provider",header:"Provider",isRowHeader:!0,cell:a=>e.jsx(ee,{to:`/models?provider=${encodeURIComponent(a.instance)}`,className:"font-medium text-[var(--otari-ink)] hover:text-[var(--otari-brand-dark)] hover:underline",children:a.instance})},{id:"type",header:"Type",cell:a=>{var v,g;return e.jsx("span",{className:"text-[var(--otari-muted)]",children:((v=a.meta)==null?void 0:v.provider_type)??((g=a.stored)==null?void 0:g.provider_type)??a.instance})}},{id:"source",header:"Source",cell:a=>e.jsx(ge,{size:"sm",color:a.source==="stored"?"accent":"default",children:a.source==="stored"?"stored":"config"})},{id:"api_key",header:"API key",cell:a=>{var v,g;return e.jsx("span",{className:"text-[var(--otari-muted)]",children:a.source==="stored"?a.stored&&!a.stored.decryptable?e.jsx("span",{className:"text-amber-700",title:"This key can't be decrypted with the current OTARI_SECRET_KEY. Replace the key, or restore the original OTARI_SECRET_KEY.",children:"⚠ key unreadable"}):e.jsx("code",{children:(v=a.stored)!=null&&v.last4?`••••${a.stored.last4}`:"none set"}):(g=a.meta)!=null&&g.env_key?e.jsxs("span",{children:["via ",e.jsx("code",{children:a.meta.env_key})]}):"config.yml"})}},{id:"status",header:"Status",cell:a=>e.jsx(we,{health:x.get(a.instance)})},{id:"actions",header:"Actions",align:"end",cell:a=>{var v,g;return a.source==="stored"?e.jsxs("div",{className:"flex flex-col items-end gap-1.5",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(j,{size:"sm",variant:"outline",isDisabled:((v=y[a.instance])==null?void 0:v.status)==="pending"||((g=a.stored)==null?void 0:g.decryptable)===!1,onPress:()=>void E(a.instance),children:"Test"}),e.jsx(j,{size:"sm",variant:"ghost",onPress:()=>{h(!1),m(a.instance)},children:"Edit"}),e.jsx(me,{confirmLabel:"Delete",isPending:o.isPending,onConfirm:()=>o.mutate(a.instance,{onSuccess:()=>T(a.instance)}),children:"Delete"})]}),e.jsx(Ae,{state:y[a.instance]})]}):e.jsx("span",{className:"block text-right text-xs text-[var(--otari-muted)]",children:"managed in config.yml"})}}];return e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(le,{title:"Providers",description:"Add provider API keys here to serve models without editing config.yml. Keys are encrypted at rest.",action:b||P?null:e.jsx(j,{variant:"primary",isDisabled:!N,onPress:()=>{m(null),h(!0)},children:"Add provider"})}),e.jsx(O,{error:t.error??r.error??s.error??n.error??d.error??o.error}),N?null:e.jsxs(de,{tone:"warning",children:[e.jsx("code",{children:"OTARI_SECRET_KEY"})," is not set, so provider keys can't be encrypted at rest and adding providers from the dashboard is disabled. Set it on the server and restart to add providers here. Providers defined in"," ",e.jsx("code",{children:"config.yml"})," keep working without it."]}),P?e.jsx(Ie,{onAddProvider:()=>{m(null),h(!0)},needsPricing:_,onEnablePricing:()=>d.mutate({default_pricing:!0}),enabling:d.isPending,secretKeyConfigured:N}):null,b&&N?e.jsx(Se,{onClose:()=>h(!1)}):null,l?e.jsx(_e,{provider:l,onClose:()=>m(null),onSaved:T},l.instance):null,!i&&k.length>0&&n.data&&n.data.total>0?e.jsx(Te,{healthy:n.data.healthy,degraded:n.data.degraded,total:n.data.total,checkedAt:n.data.checked_at}):null,P?null:e.jsx(ve,{ariaLabel:"Providers",columns:I,rows:k,getRowKey:a=>a.instance,isLoading:i,emptyContent:"No providers yet. Add your first provider to start serving models."})]})}export{Le as ProvidersPage};
+import{j as e}from"./tanstack-query-1t81HyiD.js";import{r as u,L as ee}from"./react-dgEcD0HR.js";import{a2 as te,ad as se,a0 as re,a4 as ae,ae as ne,af as ie,ag as oe,P as le,E as O,M as de,ah as ce,ai as ue,ab as U,y as me,aj as J,ak as xe,_ as Y,al as pe,am as he}from"./index-DnXjp6g_.js";import{F as C}from"./Field-CBU9MRjz.js";import{D as ve}from"./DataTable-DuDxGlJc.js";import{B as j,d as A,g as ge,e as V,L as D,I as G,D as W,h as fe,S as je,C as K,a as be,b as ye}from"./heroui-COmYdDDM.js";function L({value:t,onChange:r,label:s,placeholder:n,description:o}){return e.jsxs(V,{value:t,onChange:r,className:"flex max-w-md flex-col gap-1",children:[e.jsx(D,{className:"text-sm font-medium text-[var(--otari-ink)]",children:s}),e.jsx(G,{type:"password",placeholder:n??"sk-…",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,"data-1p-ignore":!0,"data-lpignore":"true"}),o?e.jsx(W,{className:"text-xs text-[var(--otari-muted)]",children:o}):null]})}function q(t){const r=t.trim();if(r==="")return{ok:!0,value:null};let s;try{s=JSON.parse(r)}catch{return{ok:!1,error:"Not valid JSON."}}return s===null||typeof s!="object"||Array.isArray(s)?{ok:!1,error:'Must be a JSON object, like {"timeout": 1800}.'}:{ok:!0,value:s}}function ke(t){return t&&Object.keys(t).length>0?JSON.stringify(t,null,2):""}function $({value:t,onChange:r,error:s}){return e.jsxs(V,{value:t,onChange:r,isInvalid:s!==null,className:"flex max-w-md flex-col gap-1",children:[e.jsx(D,{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Client options (JSON)"}),e.jsx(fe,{rows:3,placeholder:'{"timeout": 1800}',spellCheck:!1,className:"font-mono text-xs"}),e.jsx(W,{className:s?"text-xs text-red-700":"text-xs text-[var(--otari-muted)]",children:s??"Passed to the provider's client, e.g. a request timeout in seconds or custom headers. Stored in plain text, so keep secrets out."})]})}function Q({label:t,value:r,onChange:s,description:n,placeholder:o,extra:c=[],includeCatalog:d=!0}){var x;const b=pe(),h=u.useMemo(()=>d?[...c,...(b.data??[]).map(i=>({id:i.id,name:i.name}))]:c,[b.data,c,d]),[f,m]=u.useState(()=>{var i;return((i=h.find(l=>l.id===r))==null?void 0:i.name)??""}),y=((x=h.find(i=>i.id===r))==null?void 0:x.name)??"",p=f.trim()===y.trim()?"":f.trim().toLowerCase(),k=h.filter(i=>!p||i.name.toLowerCase().includes(p)||i.id.toLowerCase().includes(p)).slice(0,50);return e.jsxs(K.Root,{allowsEmptyCollection:!0,menuTrigger:"focus",inputValue:f,onInputChange:m,onSelectionChange:i=>{var l;i!=null?(s(String(i)),m(((l=h.find(_=>_.id===String(i)))==null?void 0:l.name)??"")):(s(""),m(""))},className:"flex max-w-md flex-col gap-1",children:[e.jsx(D,{className:"text-sm font-medium text-[var(--otari-ink)]",children:t}),e.jsxs(K.InputGroup,{children:[e.jsx(G,{placeholder:o??"Search providers…",autoComplete:"off","data-1p-ignore":!0,"data-lpignore":"true",onFocus:i=>i.currentTarget.select()}),e.jsx(K.Trigger,{})]}),e.jsx(K.Popover,{children:e.jsx(be,{items:k,className:"max-h-72 overflow-auto",children:i=>e.jsx(ye,{id:i.id,textValue:i.name,children:i.name})})}),n?e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:n}):null]})}function X({getPayload:t}){const r=he(),s=t();return e.jsxs("div",{className:"flex flex-col gap-1.5",children:[e.jsx(j,{variant:"outline",isDisabled:s===null||r.isPending,onPress:()=>{s&&r.mutate(s)},children:r.isPending?"Testing…":"Test connection"}),e.jsx("span",{role:"status","aria-live":"polite",children:r.isPending?null:r.error?e.jsx("span",{className:"text-xs text-red-700",children:Y(r.error)}):r.data?r.data.ok?e.jsxs("span",{className:"text-xs font-medium text-green-700",children:["Connected. ",r.data.model_count," model",r.data.model_count===1?"":"s"," available."]}):r.data.discovery_unsupported?e.jsxs("span",{className:"block max-w-md break-words text-xs text-amber-800",children:["This provider does not list models, so the key could not be verified here. Save it and use the provider; declare its model ids under ",e.jsx("code",{children:"models:"})," to have them show up in the catalogue. If you did not expect this, check the provider's reply below.",r.data.error?e.jsx("span",{className:"mt-0.5 block text-[var(--otari-muted)]",children:r.data.error}):null]}):e.jsx("span",{className:"block max-w-md break-words text-xs text-red-700",children:r.data.error??"Connection failed."}):null})]})}function Ne({onClose:t}){var E;const r=J(),[s,n]=u.useState(""),[o,c]=u.useState(""),[d,b]=u.useState(!1),[h,f]=u.useState(""),[m,y]=u.useState(""),[p,k]=u.useState(""),x=q(p),i=xe(s),l=((E=i.data)==null?void 0:E.id)===s?i.data:void 0;u.useEffect(()=>{l&&f(l.default_api_base??"")},[l]);const _=(l==null?void 0:l.env_key_present)??!1,N=((l==null?void 0:l.requires_api_key)??!0)&&!_,P=m.trim()!==""&&m.trim()!==s,S=/[:/]/.test(m),w=s!==""&&!S&&(!N||o.trim()!=="")&&x.ok&&!r.isPending,T=d||!x.ok||S,R=()=>{!w||!x.ok||r.mutate({instance:P?m.trim():s,provider_type:P?s:null,api_base:h.trim()||null,api_key:o.trim()||null,client_args:x.value},{onSuccess:t})};return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(O,{error:r.error}),e.jsx(Q,{label:"Provider",value:s,onChange:I=>{n(I),y(""),f("")},description:"Its endpoint is built in."}),e.jsx(L,{value:o,onChange:c,label:l&&!N?"API key (optional)":"API key",description:l?N?`${l.name}'s endpoint is built in — just add your key.`:_?`${l.env_key} is set on the server, so a key is optional here. Paste one to override it.`:`${l.name} needs no API key.`:"Stored encrypted. Requires OTARI_SECRET_KEY on the server."}),e.jsx("button",{type:"button",className:"self-start text-xs font-medium text-[var(--otari-brand-dark)]",onClick:()=>b(I=>!I),children:T?"Hide advanced":"Advanced (API base, rename, client options)"}),T?e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[e.jsx(C,{label:"API base",value:h,onChange:f,placeholder:(l==null?void 0:l.default_api_base)??"https://…/v1",description:"Only if you route through a proxy. Blank uses the built-in default."}),e.jsx(C,{label:"Name",value:m,onChange:y,placeholder:s||"instance name",description:S?e.jsx("span",{className:"text-red-700",children:"A name cannot contain “:” or “/”."}):"Rename to run two instances of the same provider."})]}),e.jsx($,{value:p,onChange:k,error:x.ok?null:x.error})]}):null,e.jsxs("div",{className:"flex flex-wrap items-start gap-2",children:[e.jsx(j,{variant:"primary",isDisabled:!w,onPress:R,children:r.isPending?"Adding…":"Add provider"}),e.jsx(j,{variant:"ghost",onPress:t,children:"Cancel"}),e.jsx(X,{getPayload:()=>s===""||!x.ok?null:{instance:P?m.trim():s,provider_type:P?s:null,api_base:h.trim()||null,api_key:o.trim()||null,client_args:x.value}})]})]})}function Pe({onClose:t}){const r=J(),[s,n]=u.useState(""),[o,c]=u.useState("openai-compatible"),[d,b]=u.useState(""),[h,f]=u.useState(""),[m,y]=u.useState(""),p=q(m),k=/[:/]/.test(s),x=s.trim()!==""&&!k&&d.trim()!==""&&p.ok&&!r.isPending,i=()=>{!x||!p.ok||r.mutate({instance:s.trim(),provider_type:o||"openai-compatible",api_base:d.trim(),api_key:h.trim()||null,client_args:p.value},{onSuccess:t})};return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(O,{error:r.error}),e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[e.jsx(C,{label:"Name",value:s,onChange:n,placeholder:"my-local-llm",isRequired:!0,autoFocus:!0,description:k?e.jsx("span",{className:"text-red-700",children:"A name cannot contain “:” or “/”."}):"Call it whatever you want."}),e.jsx(Q,{label:"Compatible with",value:o,onChange:c,includeCatalog:!1,description:"The API this endpoint speaks.",extra:[{id:"openai-compatible",name:"OpenAI"},{id:"anthropic-compatible",name:"Anthropic"}]})]}),e.jsx(C,{label:"API base",value:d,onChange:b,placeholder:"http://localhost:8000/v1",isRequired:!0,description:"The endpoint URL of your server."}),e.jsx(L,{value:h,onChange:f,label:"API key (optional)",description:"Many local backends need none. Stored encrypted."}),e.jsx($,{value:m,onChange:y,error:p.ok?null:p.error}),e.jsxs("div",{className:"flex flex-wrap items-start gap-2",children:[e.jsx(j,{variant:"primary",isDisabled:!x,onPress:i,children:r.isPending?"Adding…":"Add provider"}),e.jsx(j,{variant:"ghost",onPress:t,children:"Cancel"}),e.jsx(X,{getPayload:()=>s.trim()===""||d.trim()===""||!p.ok?null:{instance:s.trim(),provider_type:o||"openai-compatible",api_base:d.trim(),api_key:h.trim()||null,client_args:p.value}})]})]})}function Se({onClose:t}){const[r,s]=u.useState("known");return e.jsx(A,{children:e.jsxs(A.Content,{className:"flex flex-col gap-4 p-5",children:[e.jsx("div",{className:"flex items-center justify-between",children:e.jsx("div",{className:"flex items-center gap-1 rounded-lg bg-[var(--otari-bg)] p-1",children:[["known","Known provider"],["custom","Custom endpoint"]].map(([n,o])=>e.jsx("button",{type:"button","aria-pressed":r===n,onClick:()=>s(n),className:r===n?"rounded-md bg-white px-3 py-1.5 text-sm font-medium text-[var(--otari-ink)] shadow-sm":"rounded-md px-3 py-1.5 text-sm text-[var(--otari-muted)] hover:text-[var(--otari-ink)]",children:o},n))})}),r==="known"?e.jsx(Ne,{onClose:t}):e.jsx(Pe,{onClose:t})]})})}function _e({provider:t,onClose:r,onSaved:s}){const n=ce(),[o,c]=u.useState(t.provider_type??""),[d,b]=u.useState(t.api_base??""),[h,f]=u.useState(!1),[m,y]=u.useState(""),[p,k]=u.useState(()=>ke(t.client_args)),x=q(p),i=()=>{if(n.isPending||!x.ok)return;const l={provider_type:o.trim()||null,api_base:d.trim()||null,client_args:x.value,expected_updated_at:t.updated_at};h&&m.trim()&&(l.api_key=m.trim()),n.mutate({instance:t.instance,body:l},{onSuccess:()=>{s(t.instance),r()}})};return e.jsx(A,{children:e.jsxs(A.Content,{className:"flex flex-col gap-4 p-5",children:[e.jsxs("div",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:["Edit ",e.jsx("code",{children:t.instance})]}),e.jsx(O,{error:n.error}),e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[e.jsx(C,{label:"Provider type",value:o,onChange:c,placeholder:"openai"}),e.jsx(C,{label:"API base",value:d,onChange:b,placeholder:"https://api.openai.com/v1"})]}),e.jsx("div",{className:"flex flex-col gap-2",children:h?e.jsxs(e.Fragment,{children:[e.jsx(L,{value:m,onChange:y,label:"New API key",description:"Stored encrypted. The old key is replaced when you save."}),e.jsx("button",{type:"button",className:"self-start text-xs font-medium text-[var(--otari-brand-dark)]",onClick:()=>{f(!1),y("")},children:"Keep the current key"})]}):e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"text-sm text-[var(--otari-muted)]",children:["API key: ",e.jsx("code",{children:t.last4?`••••${t.last4}`:"none set"})]}),e.jsx(j,{size:"sm",variant:"outline",onPress:()=>f(!0),children:"Replace key"})]})}),e.jsx($,{value:p,onChange:k,error:x.ok?null:x.error}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(j,{variant:"primary",isDisabled:n.isPending||!x.ok,onPress:i,children:n.isPending?"Saving…":"Save changes"}),e.jsx(j,{variant:"ghost",onPress:r,children:"Cancel"})]})]})})}function Ce(t,r){const s=new Map((r??[]).map(c=>[c.instance,c])),n=new Map((t??[]).map(c=>[c.instance,c]));return[...new Set([...s.keys(),...n.keys()])].sort().map(c=>{const d=s.get(c);return{instance:c,source:d?"stored":"config",stored:d,meta:n.get(c)}})}function Ae({state:t}){return t?t.status==="pending"?e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-xs text-[var(--otari-muted)]",children:[e.jsx(je,{size:"sm"})," Testing…"]}):t.ok?e.jsxs("span",{className:"text-xs font-medium text-green-700",children:["Connected. ",t.model_count," model",t.model_count===1?"":"s"," available."]}):t.discovery_unsupported?e.jsxs("span",{className:"block max-w-xs break-words text-xs text-amber-800",children:["Could not list models, so the key could not be verified. It may still work for requests.",t.error?e.jsx("span",{className:"mt-0.5 block text-[var(--otari-muted)]",children:t.error}):null]}):e.jsx("span",{className:"block max-w-xs break-words text-xs text-red-700",children:t.error??"Connection failed."}):null}function we({health:t}){if(!t)return e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"—"});const r=!t.ok&&t.discovery_unsupported,s=t.ok?"border-green-200 bg-green-50 text-green-700":r?"border-amber-200 bg-amber-50 text-amber-800":"border-red-200 bg-red-50 text-red-700",n=t.ok?"bg-green-500":r?"bg-amber-500":"bg-red-500",o=t.checked_at?`Last checked ${U(t.checked_at)}`:"Not checked yet",c=r?`${t.error??"This provider does not list models."} Requests to it may still work.`:t.error??"Unreachable",d=t.ok?o:`${c} · ${o}`;return e.jsxs("span",{title:d,className:`inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium ${s}`,children:[e.jsx("span",{"aria-hidden":!0,className:`h-1.5 w-1.5 rounded-full ${n}`}),t.ok?"Reachable":r?"No model discovery":"Unreachable"]})}function Te({healthy:t,degraded:r,total:s,checkedAt:n}){const c=t===s?"bg-green-500":t+r===s?"bg-amber-500":"bg-red-500",d=ue();return e.jsxs("div",{className:"flex flex-wrap items-center gap-3 rounded-xl border border-[var(--otari-line)] bg-[var(--otari-surface)] px-4 py-2.5 text-sm",children:[e.jsx("span",{"aria-hidden":!0,className:`h-2 w-2 rounded-full ${c}`}),e.jsxs("span",{className:"font-medium text-[var(--otari-ink)]",children:[t," of ",s," provider",s===1?"":"s"," reachable"]}),r>0?e.jsxs("span",{className:"text-amber-800",children:[r," without model discovery"]}):null,n?e.jsxs("span",{className:"text-[var(--otari-muted)]",children:["Last checked ",U(n)]}):null,e.jsx(j,{size:"sm",variant:"ghost",className:"ml-auto",isDisabled:d.isPending,onPress:()=>d.mutate(),children:d.isPending?"Re-checking…":"Re-check all"})]})}function B({n:t,title:r,children:s}){return e.jsxs("li",{className:"flex gap-3",children:[e.jsx("span",{className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-[var(--otari-brand-tint)] text-xs font-semibold text-[var(--otari-brand-dark)]",children:t}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-medium text-[var(--otari-ink)]",children:r}),e.jsx("div",{className:"text-[var(--otari-muted)]",children:s})]})]})}function Ie({onAddProvider:t,needsPricing:r,onEnablePricing:s,enabling:n,secretKeyConfigured:o}){return e.jsx(A,{children:e.jsxs(A.Content,{className:"flex flex-col gap-4 p-6",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold text-[var(--otari-ink)]",children:"Welcome to Otari"}),e.jsx("p",{className:"mt-1 text-sm text-[var(--otari-muted)]",children:"You are signed in. Add a provider to start serving models: three quick steps."})]}),e.jsxs("ol",{className:"flex flex-col gap-3",children:[e.jsxs(B,{n:1,title:"Add a provider",children:["Enter a provider name (like ",e.jsx("code",{children:"openai"}),") and its API key. Keys are encrypted at rest."]}),e.jsxs(B,{n:2,title:"Test the connection",children:["Use ",e.jsx("strong",{children:"Test"})," on the provider row to confirm the key works and see how many models it serves."]}),e.jsxs(B,{n:3,title:"Send your first request",children:["Point your app at ",e.jsx("code",{children:"/v1"})," on this gateway with the API key printed in the server logs (",e.jsx("code",{children:"gw-…"}),"). See the"," ",e.jsx("a",{href:"/welcome",target:"_blank",rel:"noreferrer",className:"font-medium text-[var(--otari-brand-dark)]",children:"quickstart"}),"."]})]}),r?e.jsxs("p",{className:"text-sm text-[var(--otari-muted)]",children:["Tip: ",e.jsx("code",{children:"require_pricing"})," is on, so requests are rejected until pricing is set."," ",e.jsx("button",{type:"button",className:"font-medium text-[var(--otari-brand-dark)] disabled:opacity-50",disabled:n,onClick:s,children:"Enable default pricing"})," ","to meter new models with public rates."]}):null,e.jsx("div",{children:e.jsx(j,{variant:"primary",isDisabled:!o,onPress:t,children:"Add your first provider"})})]})})}function Le(){var F,H,M,z;const t=te(),r=se(),s=re(),n=ae(),o=ne(),c=ie(),d=oe(),[b,h]=u.useState(!1),[f,m]=u.useState(null),[y,p]=u.useState({}),k=Ce((F=t.data)==null?void 0:F.providers,r.data),x=new Map((((H=n.data)==null?void 0:H.providers)??[]).map(a=>[a.instance,a])),i=t.isLoading||r.isLoading,l=((M=r.data)==null?void 0:M.find(a=>a.instance===f))??null,_=((z=s.data)==null?void 0:z.require_pricing)===!0&&s.data.default_pricing===!1,N=s.data?s.data.secret_key_configured!==!1:!s.isError,P=!i&&k.length===0&&!b,S=u.useRef({}),w=a=>{const v=(S.current[a]??0)+1;return S.current[a]=v,v},T=a=>{w(a),p(v=>{if(!Object.hasOwn(v,a))return v;const g={...v};return delete g[a],g})},R=(a,v,g)=>{S.current[a]===v&&p(Z=>({...Z,[a]:g}))},E=async a=>{const v=w(a);p(g=>({...g,[a]:{status:"pending"}}));try{const g=await c.mutateAsync(a);R(a,v,{status:"done",...g})}catch(g){R(a,v,{status:"done",ok:!1,model_count:0,error:Y(g),discovery_unsupported:!1})}},I=[{id:"provider",header:"Provider",isRowHeader:!0,cell:a=>e.jsx(ee,{to:`/models?provider=${encodeURIComponent(a.instance)}`,className:"font-medium text-[var(--otari-ink)] hover:text-[var(--otari-brand-dark)] hover:underline",children:a.instance})},{id:"type",header:"Type",cell:a=>{var v,g;return e.jsx("span",{className:"text-[var(--otari-muted)]",children:((v=a.meta)==null?void 0:v.provider_type)??((g=a.stored)==null?void 0:g.provider_type)??a.instance})}},{id:"source",header:"Source",cell:a=>e.jsx(ge,{size:"sm",color:a.source==="stored"?"accent":"default",children:a.source==="stored"?"stored":"config"})},{id:"api_key",header:"API key",cell:a=>{var v,g;return e.jsx("span",{className:"text-[var(--otari-muted)]",children:a.source==="stored"?a.stored&&!a.stored.decryptable?e.jsx("span",{className:"text-amber-700",title:"This key can't be decrypted with the current OTARI_SECRET_KEY. Replace the key, or restore the original OTARI_SECRET_KEY.",children:"⚠ key unreadable"}):e.jsx("code",{children:(v=a.stored)!=null&&v.last4?`••••${a.stored.last4}`:"none set"}):(g=a.meta)!=null&&g.env_key?e.jsxs("span",{children:["via ",e.jsx("code",{children:a.meta.env_key})]}):"config.yml"})}},{id:"status",header:"Status",cell:a=>e.jsx(we,{health:x.get(a.instance)})},{id:"actions",header:"Actions",align:"end",cell:a=>{var v,g;return a.source==="stored"?e.jsxs("div",{className:"flex flex-col items-end gap-1.5",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(j,{size:"sm",variant:"outline",isDisabled:((v=y[a.instance])==null?void 0:v.status)==="pending"||((g=a.stored)==null?void 0:g.decryptable)===!1,onPress:()=>void E(a.instance),children:"Test"}),e.jsx(j,{size:"sm",variant:"ghost",onPress:()=>{h(!1),m(a.instance)},children:"Edit"}),e.jsx(me,{confirmLabel:"Delete",isPending:o.isPending,onConfirm:()=>o.mutate(a.instance,{onSuccess:()=>T(a.instance)}),children:"Delete"})]}),e.jsx(Ae,{state:y[a.instance]})]}):e.jsx("span",{className:"block text-right text-xs text-[var(--otari-muted)]",children:"managed in config.yml"})}}];return e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(le,{title:"Providers",description:"Add provider API keys here to serve models without editing config.yml. Keys are encrypted at rest.",action:b||P?null:e.jsx(j,{variant:"primary",isDisabled:!N,onPress:()=>{m(null),h(!0)},children:"Add provider"})}),e.jsx(O,{error:t.error??r.error??s.error??n.error??d.error??o.error}),N?null:e.jsxs(de,{tone:"warning",children:[e.jsx("code",{children:"OTARI_SECRET_KEY"})," is not set, so provider keys can't be encrypted at rest and adding providers from the dashboard is disabled. Set it on the server and restart to add providers here. Providers defined in"," ",e.jsx("code",{children:"config.yml"})," keep working without it."]}),P?e.jsx(Ie,{onAddProvider:()=>{m(null),h(!0)},needsPricing:_,onEnablePricing:()=>d.mutate({default_pricing:!0}),enabling:d.isPending,secretKeyConfigured:N}):null,b&&N?e.jsx(Se,{onClose:()=>h(!1)}):null,l?e.jsx(_e,{provider:l,onClose:()=>m(null),onSaved:T},l.instance):null,!i&&k.length>0&&n.data&&n.data.total>0?e.jsx(Te,{healthy:n.data.healthy,degraded:n.data.degraded,total:n.data.total,checkedAt:n.data.checked_at}):null,P?null:e.jsx(ve,{ariaLabel:"Providers",columns:I,rows:k,getRowKey:a=>a.instance,isLoading:i,emptyContent:"No providers yet. Add your first provider to start serving models."})]})}export{Le as ProvidersPage};
diff --git a/src/gateway/static/dashboard/assets/RoutingPage-CD9-r0aL.js b/src/gateway/static/dashboard/assets/RoutingPage-CuN4PH28.js
similarity index 99%
rename from src/gateway/static/dashboard/assets/RoutingPage-CD9-r0aL.js
rename to src/gateway/static/dashboard/assets/RoutingPage-CuN4PH28.js
index 1c12d7b84..9553fcadc 100644
--- a/src/gateway/static/dashboard/assets/RoutingPage-CD9-r0aL.js
+++ b/src/gateway/static/dashboard/assets/RoutingPage-CuN4PH28.js
@@ -1 +1 @@
-import{j as e}from"./tanstack-query-1t81HyiD.js";import{r as j,u as J,L as D}from"./react-dgEcD0HR.js";import{s as X,t as Q,v as Y,w as Z,x as ee,q as M,y as se,P as te,E as U,z as ae,B as re,D as le,G as ne,u as ie}from"./index-BE7E0N2z.js";import{D as oe}from"./DataTable-DuDxGlJc.js";import{F as L}from"./Field-CBU9MRjz.js";import{C as A,L as de,I as ce,a as ue,b as me,g as q,B as _,d as $}from"./heroui-COmYdDDM.js";import{U as he}from"./UserComboBox-DoloPF6p.js";const xe=50;function E({label:s,value:a,onChange:r,description:n,placeholder:o="provider:model",autoFocus:h,isRequired:b}){const x=X(),{visible:p,total:k,failed:v}=j.useMemo(()=>{var y;const t=a.trim().toLowerCase(),f=((y=x.data)==null?void 0:y.providers)??[],u=f.flatMap(N=>N.models),C=t?u.filter(N=>N.key.toLowerCase().includes(t)):u;return{visible:C.slice(0,xe),total:C.length,failed:f.filter(N=>!N.ok)}},[x.data,a]),P=x.isLoading?"Loading models from your providers…":v.length>0?`Could not list models for ${v.map(f=>f.provider).join(", ")}. Check that provider's credentials, or type the model key directly.`:k>p.length?`Showing ${p.length} of ${k} matches. Keep typing to narrow them.`:n;return e.jsxs(A.Root,{allowsCustomValue:!0,allowsEmptyCollection:!0,menuTrigger:"input",inputValue:a,onInputChange:r,onSelectionChange:t=>{t!=null&&r(String(t))},isRequired:b,className:"flex max-w-md flex-col gap-1",children:[e.jsx(de,{className:"text-sm font-medium text-[var(--otari-ink)]",children:s}),e.jsxs(A.InputGroup,{children:[e.jsx(ce,{placeholder:o,autoFocus:h}),e.jsx(A.Trigger,{})]}),e.jsx(A.Popover,{children:e.jsx(ue,{items:p,className:"max-h-72 overflow-auto",children:t=>e.jsx(me,{id:t.key,textValue:t.key,children:t.key})})}),P?e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:P}):null]})}function pe(s){return{kind:"alias",name:s.name,spec:{select:[{default:s.target}]},source:s.source,user_id:s.user_id,is_dynamic:!1,created_at:s.created_at,updated_at:s.updated_at}}const fe=s=>JSON.stringify([s.kind,s.user_id,s.name]);function ve(){var n;const s=ne(),a=(n=s.data)==null?void 0:n.fields.find(o=>o.key==="guardrails_url"),r=typeof(a==null?void 0:a.value)=="string"?a.value.trim():"";return{configured:s.isLoading||r!=="",isLoading:s.isLoading}}function ge(s){return s.select.every(a=>{var o;if(a.default!==void 0)return a.when===void 0;if(a.router!==void 0)return!1;const r=a.when;if(r===void 0||a.target===void 0)return!1;const n=Object.keys(r);return n.length===1&&n[0]==="budget_used_pct"&&((o=r.budget_used_pct)==null?void 0:o.gte)!==void 0})}function G(s){var a;return((a=s.select.find(r=>r.default!==void 0))==null?void 0:a.default)??""}function je(s){return s.select.filter(a=>{var r,n;return((n=(r=a.when)==null?void 0:r.budget_used_pct)==null?void 0:n.gte)!==void 0&&a.target!==void 0}).map(a=>({threshold:a.when.budget_used_pct.gte,target:a.target}))}function be(s){const a=s.spec.on_failure??[];if(s.is_dynamic){const n=1+a.length;return`Chosen per request · ${n} candidate${n===1?"":"s"}`}const r=G(s.spec);return a.length>0?`${r}  +${a.length} on failure`:r}function ye({userId:s,onChange:a}){const r=ie(),n=s!==null,o=(h,b)=>e.jsx("button",{type:"button","aria-pressed":n===h,onClick:()=>a(h?"":null),className:n===h?"rounded-md bg-white px-3 py-1.5 text-sm font-medium text-[var(--otari-ink)] shadow-sm":"rounded-md px-3 py-1.5 text-sm text-[var(--otari-muted)] hover:text-[var(--otari-ink)]",children:b});return e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Applies to"}),e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:"A global policy resolves for every caller. A user-scoped one resolves only for that user, and takes precedence over a global policy of the same name."})]}),e.jsxs("div",{className:"flex w-fit items-center gap-1 rounded-lg bg-[var(--otari-bg)] p-1",children:[o(!1,"Every caller"),o(!0,"One user")]}),n?e.jsx(he,{label:"User",value:s??"",onChange:a,users:r.data??[],placeholder:"Pick a user…",description:"Only this user resolves the policy.",unknownHint:e.jsx("span",{className:"text-red-700",children:"No such user. Pick an existing one."})}):null]})}const Ne=["block","monitor"];function F({label:s,hint:a,value:r,onChange:n}){return e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:s}),e.jsx("div",{className:"flex w-fit items-center gap-1 rounded-lg bg-[var(--otari-bg)] p-1",children:Ne.map(o=>e.jsx("button",{type:"button","aria-pressed":r===o,onClick:()=>n(o),className:r===o?"rounded-md bg-white px-3 py-1 text-sm font-medium text-[var(--otari-ink)] shadow-sm":"rounded-md px-3 py-1 text-sm text-[var(--otari-muted)] hover:text-[var(--otari-ink)]",children:o},o))}),a===void 0?null:e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:a})]})}function O({existing:s,initialTarget:a="",onClose:r}){const n=re(),o=le(),h=s!==null,b=(s==null?void 0:s.kind)==="alias",x=ve(),[p,k]=j.useState((s==null?void 0:s.name)??""),[v,P]=j.useState((s==null?void 0:s.user_id)??null),[t,f]=j.useState(s?G(s.spec):a),[u,C]=j.useState((s==null?void 0:s.spec.on_failure)??[]),[y,N]=j.useState(s?je(s.spec):[]),[w,S]=j.useState((s==null?void 0:s.spec.guardrails)??[]),I=/[:/]/.test(p),V=v===null||v.trim()!=="",z=y.every(l=>l.target.trim()!==""&&l.threshold>0&&l.threshold<100),H=w.every(l=>l.profile.trim()!==""),T=p.trim()!==""&&t.trim()!==""&&!I&&V&&z&&H&&u.every(l=>l.trim()!==""),K=j.useMemo(()=>({select:[...y.map(l=>({when:{budget_used_pct:{gte:l.threshold}},target:l.target.trim()})),{default:t.trim()}],...u.length>0?{on_failure:u.map(l=>l.trim())}:{},...w.length>0?{guardrails:w}:{}}),[y,t,u,w]),R=b&&(u.length>0||y.length>0||w.length>0),B=n.isPending||o.isPending,W=()=>{if(!T||R)return;const l=v===null?null:v.trim();if(b){o.mutate({name:p.trim(),target:t.trim(),user_id:l},{onSuccess:r});return}n.mutate({name:p.trim(),spec:K,user_id:l},{onSuccess:r})};return e.jsx("div",{className:"flex flex-col gap-4",children:e.jsx($,{children:e.jsxs($.Content,{className:"flex flex-col gap-5 p-5",children:[e.jsx("div",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:h?e.jsxs(e.Fragment,{children:["Edit ",s.kind==="alias"?"alias":"policy"," ",e.jsx("code",{children:s.name}),s.user_id?e.jsxs(e.Fragment,{children:[" ","for user ",e.jsx("code",{children:s.user_id})]}):null]}):"New routing policy"}),e.jsx(U,{error:n.error??o.error}),e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[h?e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Policy name"}),e.jsx("code",{className:"text-sm text-[var(--otari-muted)]",children:s.name}),e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"The name and who it applies to are the key and cannot be changed here. Delete and recreate to change either."})]}):e.jsx(L,{label:"Policy name",value:p,onChange:k,placeholder:"fast",isRequired:!0,autoFocus:!0,description:I?e.jsx("span",{className:"text-red-700",children:"A policy name cannot contain “:” or “/”."}):"What callers send as `model`."}),e.jsx(E,{label:"Serves",value:t,onChange:f,isRequired:!0,description:"The model that serves a normal request. Callers never see it."})]}),h?null:e.jsx(ye,{userId:v,onChange:P}),y.length>0?e.jsxs("div",{className:"flex flex-col gap-3 rounded-lg border border-[var(--otari-line)] p-3",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Instead, when the budget fills up"}),e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:"Checked before the model above. A threshold must be under 100: the budget gate refuses a request before selection once the cap is reached, so a rule at 100 could never fire."})]}),y.map((l,c)=>e.jsxs("div",{className:"flex flex-wrap items-end gap-3",children:[e.jsx(L,{label:"Budget used at least (%)",value:String(l.threshold),onChange:d=>N(m=>m.map((i,g)=>g===c?{...i,threshold:Number(d)||0}:i)),description:l.threshold>=100?e.jsx("span",{className:"text-red-700",children:"Must be under 100."}):void 0}),e.jsx("div",{className:"min-w-56 flex-1",children:e.jsx(E,{label:"Use instead",value:l.target,onChange:d=>N(m=>m.map((i,g)=>g===c?{...i,target:d}:i)),isRequired:!0})}),e.jsx(_,{variant:"ghost",onPress:()=>N(d=>d.filter((m,i)=>i!==c)),children:"Remove"})]},c))]}):null,u.length>0?e.jsxs("div",{className:"flex flex-col gap-3 rounded-lg border border-[var(--otari-line)] p-3",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"If that fails, try"}),e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:"Tried in order after a retryable failure. Not tried once tokens have started streaming, or after a 400/401/403, which every provider would reject the same way."})]}),u.map((l,c)=>e.jsxs("div",{className:"flex flex-wrap items-end gap-3",children:[e.jsx("div",{className:"min-w-56 flex-1",children:e.jsx(E,{label:`Fallback ${c+1}`,value:l,onChange:d=>C(m=>m.map((i,g)=>g===c?d:i)),isRequired:!0})}),e.jsx(_,{variant:"ghost",onPress:()=>C(d=>d.filter((m,i)=>i!==c)),children:"Remove"})]},c)),e.jsx("div",{children:e.jsx("button",{type:"button",className:"text-sm text-[var(--otari-brand)] hover:underline",onClick:()=>C(l=>[...l,""]),children:"+ Another fallback"})})]}):null,w.length>0?e.jsxs("div",{className:"flex flex-col gap-3 rounded-lg border border-[var(--otari-line)] p-3",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Always check"}),e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:"Runs on every request through this policy. Callers can add their own guardrails but cannot weaken these."}),x.configured?null:e.jsxs("p",{className:"mt-1 text-xs text-amber-700",children:["No guardrails service is configured, so these cannot run. With `if the service is down` set to block, every request through this policy is refused until one is configured."," ",e.jsx(D,{to:"/tools",className:"underline",children:"Set one up"}),", or remove the guardrail."]})]}),w.map((l,c)=>e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxs("div",{className:"flex flex-wrap items-end gap-3",children:[e.jsx(L,{label:"Profile",value:l.profile,onChange:d=>S(m=>m.map((i,g)=>g===c?{...i,profile:d}:i)),placeholder:"prompt-injection",isRequired:!0,description:"A profile configured on the guardrails service."}),e.jsx(F,{label:"Mode",value:l.mode,onChange:d=>S(m=>m.map((i,g)=>g===c?{...i,mode:d}:i)),hint:"block rejects a flagged request; monitor records it and serves anyway."}),e.jsx(F,{label:"If the service is down",value:l.on_unavailable??"block",onChange:d=>S(m=>m.map((i,g)=>g===c?{...i,on_unavailable:d}:i)),hint:"block fails closed, so a guardrails outage refuses every request through this policy."}),e.jsx(_,{variant:"ghost",onPress:()=>S(d=>d.filter((m,i)=>i!==c)),children:"Remove"})]}),l.mode==="block"&&(l.on_unavailable??"block")==="block"?e.jsx("div",{className:"text-xs text-amber-700",children:"With both set to block, a guardrails-service outage rejects every request through this policy, ahead of any fallback above."}):null]},c))]}):null,e.jsxs("div",{className:"flex flex-wrap gap-3 text-sm",children:[y.length===0?e.jsx("button",{type:"button",className:"text-[var(--otari-brand)] hover:underline",onClick:()=>N([{threshold:80,target:""}]),children:"+ Tier down when the budget fills up"}):null,u.length===0?e.jsx("button",{type:"button",className:"text-[var(--otari-brand)] hover:underline",onClick:()=>C([""]),children:"+ Add a fallback chain"}):null,w.length===0?e.jsxs("span",{className:"flex flex-wrap items-baseline gap-2",children:[e.jsx("button",{type:"button",disabled:!x.configured,"aria-describedby":x.configured?void 0:"guardrails-unavailable",className:x.configured?"text-[var(--otari-brand)] hover:underline":"cursor-not-allowed text-[var(--otari-muted)] opacity-60",onClick:()=>S([{profile:"",mode:"block",on_unavailable:"block"}]),children:"+ Add guardrails"}),x.configured?null:e.jsxs("span",{id:"guardrails-unavailable",className:"text-xs text-[var(--otari-muted)]",children:["No guardrails service is configured, so there would be nothing to call."," ",e.jsx(D,{to:"/tools",className:"text-[var(--otari-brand)] hover:underline",children:"Set one up in Tools & Guardrails"}),"."]})]}):null]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(_,{variant:"primary",isDisabled:!T||B||R,onPress:W,children:B?"Saving…":h?"Save":"Create policy"}),e.jsx(_,{variant:"ghost",onPress:r,children:"Cancel"}),e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"In effect for new requests within 30s."}),R?e.jsx("span",{className:"text-xs text-amber-700",children:"An alias holds one target. To add a fallback, a condition, or a guardrail, delete this alias and create a policy with the same name."}):null]})]})})})}function Re(){const s=Q(),a=Y(),r=Z(),n=ee(),[o]=J(),h=o.get("target")??"",[b,x]=j.useState(h!==""),[p,k]=j.useState(null),v=[...(s.data??[]).map(t=>({...t,kind:"policy"})),...(a.data??[]).map(pe)].sort((t,f)=>t.name.localeCompare(f.name)||(t.user_id??"").localeCompare(f.user_id??"")),P=j.useMemo(()=>[{id:"name",header:"Policy",isRowHeader:!0,cell:t=>e.jsx(M,{value:t.name,label:"policy name"})},{id:"serves",header:"Serves",cell:t=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-[var(--otari-ink)]",children:be(t)}),t.is_dynamic?e.jsx(q,{size:"sm",color:"accent",children:"Dynamic"}):null]})},{id:"guards",header:"Guards",cell:t=>{const f=t.spec.guardrails??[];return f.length===0?e.jsx("span",{className:"text-[var(--otari-muted)]",children:"–"}):e.jsx("span",{className:"text-sm text-[var(--otari-ink)]",children:f.map(u=>`${u.profile} (${u.mode})`).join(", ")})}},{id:"scope",header:"Applies to",cell:t=>t.user_id===null?e.jsx("span",{className:"text-[var(--otari-muted)]",children:"Every caller"}):e.jsx(M,{value:t.user_id,label:"user id"})},{id:"source",header:"Source",cell:t=>e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(q,{size:"sm",color:t.source==="config"?"default":"accent",children:t.source}),t.kind==="alias"?e.jsx(q,{size:"sm",color:"default",children:"alias"}):null]})},{id:"actions",header:"",cell:t=>t.source==="config"?e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"set in config.yml"}):e.jsxs("div",{className:"flex items-center justify-end gap-2",children:[ge(t.spec)?e.jsx(_,{size:"sm",variant:"ghost",onPress:()=>{x(!1),k(t)},children:"Edit"}):e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Uses options this form cannot show yet. Edit it through the API so nothing is lost."}),e.jsx(se,{confirmLabel:"Confirm",isPending:r.isPending||n.isPending,onConfirm:()=>t.kind==="alias"?n.mutate({name:t.name,userId:t.user_id}):r.mutate({name:t.name,userId:t.user_id}),children:"Delete"})]})}],[r,n]);return e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(te,{title:"Routing",description:"Named models your callers send as `model`. A policy decides which real model serves each request, what is tried if that fails, and which guardrails always run.",action:b||p!==null?void 0:e.jsx(_,{variant:"primary",onPress:()=>{k(null),x(!0)},children:"New policy"})}),e.jsx(U,{error:s.error??a.error??r.error??n.error}),b?e.jsx(O,{existing:null,initialTarget:h,onClose:()=>x(!1)}):null,p!==null?e.jsx(O,{existing:p,onClose:()=>k(null)}):null,v.length===0&&!s.isLoading&&!a.isLoading&&!b?e.jsx(ae,{title:"No routing policies yet",children:e.jsxs("ol",{className:"flex list-decimal flex-col gap-1 pl-5 text-sm text-[var(--otari-muted)]",children:[e.jsx("li",{children:"Create a policy and point it at the model that should normally serve."}),e.jsx("li",{children:"Add a fallback chain so a provider outage does not become a failed request."}),e.jsx("li",{children:"Have your callers send the policy name as their `model`."})]})}):e.jsx(oe,{ariaLabel:"Routing policies",columns:P,rows:v,getRowKey:fe,isLoading:s.isLoading||a.isLoading,emptyContent:"No routing policies yet."})]})}export{Re as RoutingPage};
+import{j as e}from"./tanstack-query-1t81HyiD.js";import{r as j,u as J,L as D}from"./react-dgEcD0HR.js";import{s as X,t as Q,v as Y,w as Z,x as ee,q as M,y as se,P as te,E as U,z as ae,B as re,D as le,G as ne,u as ie}from"./index-DnXjp6g_.js";import{D as oe}from"./DataTable-DuDxGlJc.js";import{F as L}from"./Field-CBU9MRjz.js";import{C as A,L as de,I as ce,a as ue,b as me,g as q,B as _,d as $}from"./heroui-COmYdDDM.js";import{U as he}from"./UserComboBox-DoloPF6p.js";const xe=50;function E({label:s,value:a,onChange:r,description:n,placeholder:o="provider:model",autoFocus:h,isRequired:b}){const x=X(),{visible:p,total:k,failed:v}=j.useMemo(()=>{var y;const t=a.trim().toLowerCase(),f=((y=x.data)==null?void 0:y.providers)??[],u=f.flatMap(N=>N.models),C=t?u.filter(N=>N.key.toLowerCase().includes(t)):u;return{visible:C.slice(0,xe),total:C.length,failed:f.filter(N=>!N.ok)}},[x.data,a]),P=x.isLoading?"Loading models from your providers…":v.length>0?`Could not list models for ${v.map(f=>f.provider).join(", ")}. Check that provider's credentials, or type the model key directly.`:k>p.length?`Showing ${p.length} of ${k} matches. Keep typing to narrow them.`:n;return e.jsxs(A.Root,{allowsCustomValue:!0,allowsEmptyCollection:!0,menuTrigger:"input",inputValue:a,onInputChange:r,onSelectionChange:t=>{t!=null&&r(String(t))},isRequired:b,className:"flex max-w-md flex-col gap-1",children:[e.jsx(de,{className:"text-sm font-medium text-[var(--otari-ink)]",children:s}),e.jsxs(A.InputGroup,{children:[e.jsx(ce,{placeholder:o,autoFocus:h}),e.jsx(A.Trigger,{})]}),e.jsx(A.Popover,{children:e.jsx(ue,{items:p,className:"max-h-72 overflow-auto",children:t=>e.jsx(me,{id:t.key,textValue:t.key,children:t.key})})}),P?e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:P}):null]})}function pe(s){return{kind:"alias",name:s.name,spec:{select:[{default:s.target}]},source:s.source,user_id:s.user_id,is_dynamic:!1,created_at:s.created_at,updated_at:s.updated_at}}const fe=s=>JSON.stringify([s.kind,s.user_id,s.name]);function ve(){var n;const s=ne(),a=(n=s.data)==null?void 0:n.fields.find(o=>o.key==="guardrails_url"),r=typeof(a==null?void 0:a.value)=="string"?a.value.trim():"";return{configured:s.isLoading||r!=="",isLoading:s.isLoading}}function ge(s){return s.select.every(a=>{var o;if(a.default!==void 0)return a.when===void 0;if(a.router!==void 0)return!1;const r=a.when;if(r===void 0||a.target===void 0)return!1;const n=Object.keys(r);return n.length===1&&n[0]==="budget_used_pct"&&((o=r.budget_used_pct)==null?void 0:o.gte)!==void 0})}function G(s){var a;return((a=s.select.find(r=>r.default!==void 0))==null?void 0:a.default)??""}function je(s){return s.select.filter(a=>{var r,n;return((n=(r=a.when)==null?void 0:r.budget_used_pct)==null?void 0:n.gte)!==void 0&&a.target!==void 0}).map(a=>({threshold:a.when.budget_used_pct.gte,target:a.target}))}function be(s){const a=s.spec.on_failure??[];if(s.is_dynamic){const n=1+a.length;return`Chosen per request · ${n} candidate${n===1?"":"s"}`}const r=G(s.spec);return a.length>0?`${r}  +${a.length} on failure`:r}function ye({userId:s,onChange:a}){const r=ie(),n=s!==null,o=(h,b)=>e.jsx("button",{type:"button","aria-pressed":n===h,onClick:()=>a(h?"":null),className:n===h?"rounded-md bg-white px-3 py-1.5 text-sm font-medium text-[var(--otari-ink)] shadow-sm":"rounded-md px-3 py-1.5 text-sm text-[var(--otari-muted)] hover:text-[var(--otari-ink)]",children:b});return e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Applies to"}),e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:"A global policy resolves for every caller. A user-scoped one resolves only for that user, and takes precedence over a global policy of the same name."})]}),e.jsxs("div",{className:"flex w-fit items-center gap-1 rounded-lg bg-[var(--otari-bg)] p-1",children:[o(!1,"Every caller"),o(!0,"One user")]}),n?e.jsx(he,{label:"User",value:s??"",onChange:a,users:r.data??[],placeholder:"Pick a user…",description:"Only this user resolves the policy.",unknownHint:e.jsx("span",{className:"text-red-700",children:"No such user. Pick an existing one."})}):null]})}const Ne=["block","monitor"];function F({label:s,hint:a,value:r,onChange:n}){return e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:s}),e.jsx("div",{className:"flex w-fit items-center gap-1 rounded-lg bg-[var(--otari-bg)] p-1",children:Ne.map(o=>e.jsx("button",{type:"button","aria-pressed":r===o,onClick:()=>n(o),className:r===o?"rounded-md bg-white px-3 py-1 text-sm font-medium text-[var(--otari-ink)] shadow-sm":"rounded-md px-3 py-1 text-sm text-[var(--otari-muted)] hover:text-[var(--otari-ink)]",children:o},o))}),a===void 0?null:e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:a})]})}function O({existing:s,initialTarget:a="",onClose:r}){const n=re(),o=le(),h=s!==null,b=(s==null?void 0:s.kind)==="alias",x=ve(),[p,k]=j.useState((s==null?void 0:s.name)??""),[v,P]=j.useState((s==null?void 0:s.user_id)??null),[t,f]=j.useState(s?G(s.spec):a),[u,C]=j.useState((s==null?void 0:s.spec.on_failure)??[]),[y,N]=j.useState(s?je(s.spec):[]),[w,S]=j.useState((s==null?void 0:s.spec.guardrails)??[]),I=/[:/]/.test(p),V=v===null||v.trim()!=="",z=y.every(l=>l.target.trim()!==""&&l.threshold>0&&l.threshold<100),H=w.every(l=>l.profile.trim()!==""),T=p.trim()!==""&&t.trim()!==""&&!I&&V&&z&&H&&u.every(l=>l.trim()!==""),K=j.useMemo(()=>({select:[...y.map(l=>({when:{budget_used_pct:{gte:l.threshold}},target:l.target.trim()})),{default:t.trim()}],...u.length>0?{on_failure:u.map(l=>l.trim())}:{},...w.length>0?{guardrails:w}:{}}),[y,t,u,w]),R=b&&(u.length>0||y.length>0||w.length>0),B=n.isPending||o.isPending,W=()=>{if(!T||R)return;const l=v===null?null:v.trim();if(b){o.mutate({name:p.trim(),target:t.trim(),user_id:l},{onSuccess:r});return}n.mutate({name:p.trim(),spec:K,user_id:l},{onSuccess:r})};return e.jsx("div",{className:"flex flex-col gap-4",children:e.jsx($,{children:e.jsxs($.Content,{className:"flex flex-col gap-5 p-5",children:[e.jsx("div",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:h?e.jsxs(e.Fragment,{children:["Edit ",s.kind==="alias"?"alias":"policy"," ",e.jsx("code",{children:s.name}),s.user_id?e.jsxs(e.Fragment,{children:[" ","for user ",e.jsx("code",{children:s.user_id})]}):null]}):"New routing policy"}),e.jsx(U,{error:n.error??o.error}),e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[h?e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Policy name"}),e.jsx("code",{className:"text-sm text-[var(--otari-muted)]",children:s.name}),e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"The name and who it applies to are the key and cannot be changed here. Delete and recreate to change either."})]}):e.jsx(L,{label:"Policy name",value:p,onChange:k,placeholder:"fast",isRequired:!0,autoFocus:!0,description:I?e.jsx("span",{className:"text-red-700",children:"A policy name cannot contain “:” or “/”."}):"What callers send as `model`."}),e.jsx(E,{label:"Serves",value:t,onChange:f,isRequired:!0,description:"The model that serves a normal request. Callers never see it."})]}),h?null:e.jsx(ye,{userId:v,onChange:P}),y.length>0?e.jsxs("div",{className:"flex flex-col gap-3 rounded-lg border border-[var(--otari-line)] p-3",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Instead, when the budget fills up"}),e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:"Checked before the model above. A threshold must be under 100: the budget gate refuses a request before selection once the cap is reached, so a rule at 100 could never fire."})]}),y.map((l,c)=>e.jsxs("div",{className:"flex flex-wrap items-end gap-3",children:[e.jsx(L,{label:"Budget used at least (%)",value:String(l.threshold),onChange:d=>N(m=>m.map((i,g)=>g===c?{...i,threshold:Number(d)||0}:i)),description:l.threshold>=100?e.jsx("span",{className:"text-red-700",children:"Must be under 100."}):void 0}),e.jsx("div",{className:"min-w-56 flex-1",children:e.jsx(E,{label:"Use instead",value:l.target,onChange:d=>N(m=>m.map((i,g)=>g===c?{...i,target:d}:i)),isRequired:!0})}),e.jsx(_,{variant:"ghost",onPress:()=>N(d=>d.filter((m,i)=>i!==c)),children:"Remove"})]},c))]}):null,u.length>0?e.jsxs("div",{className:"flex flex-col gap-3 rounded-lg border border-[var(--otari-line)] p-3",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"If that fails, try"}),e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:"Tried in order after a retryable failure. Not tried once tokens have started streaming, or after a 400/401/403, which every provider would reject the same way."})]}),u.map((l,c)=>e.jsxs("div",{className:"flex flex-wrap items-end gap-3",children:[e.jsx("div",{className:"min-w-56 flex-1",children:e.jsx(E,{label:`Fallback ${c+1}`,value:l,onChange:d=>C(m=>m.map((i,g)=>g===c?d:i)),isRequired:!0})}),e.jsx(_,{variant:"ghost",onPress:()=>C(d=>d.filter((m,i)=>i!==c)),children:"Remove"})]},c)),e.jsx("div",{children:e.jsx("button",{type:"button",className:"text-sm text-[var(--otari-brand)] hover:underline",onClick:()=>C(l=>[...l,""]),children:"+ Another fallback"})})]}):null,w.length>0?e.jsxs("div",{className:"flex flex-col gap-3 rounded-lg border border-[var(--otari-line)] p-3",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Always check"}),e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:"Runs on every request through this policy. Callers can add their own guardrails but cannot weaken these."}),x.configured?null:e.jsxs("p",{className:"mt-1 text-xs text-amber-700",children:["No guardrails service is configured, so these cannot run. With `if the service is down` set to block, every request through this policy is refused until one is configured."," ",e.jsx(D,{to:"/tools",className:"underline",children:"Set one up"}),", or remove the guardrail."]})]}),w.map((l,c)=>e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxs("div",{className:"flex flex-wrap items-end gap-3",children:[e.jsx(L,{label:"Profile",value:l.profile,onChange:d=>S(m=>m.map((i,g)=>g===c?{...i,profile:d}:i)),placeholder:"prompt-injection",isRequired:!0,description:"A profile configured on the guardrails service."}),e.jsx(F,{label:"Mode",value:l.mode,onChange:d=>S(m=>m.map((i,g)=>g===c?{...i,mode:d}:i)),hint:"block rejects a flagged request; monitor records it and serves anyway."}),e.jsx(F,{label:"If the service is down",value:l.on_unavailable??"block",onChange:d=>S(m=>m.map((i,g)=>g===c?{...i,on_unavailable:d}:i)),hint:"block fails closed, so a guardrails outage refuses every request through this policy."}),e.jsx(_,{variant:"ghost",onPress:()=>S(d=>d.filter((m,i)=>i!==c)),children:"Remove"})]}),l.mode==="block"&&(l.on_unavailable??"block")==="block"?e.jsx("div",{className:"text-xs text-amber-700",children:"With both set to block, a guardrails-service outage rejects every request through this policy, ahead of any fallback above."}):null]},c))]}):null,e.jsxs("div",{className:"flex flex-wrap gap-3 text-sm",children:[y.length===0?e.jsx("button",{type:"button",className:"text-[var(--otari-brand)] hover:underline",onClick:()=>N([{threshold:80,target:""}]),children:"+ Tier down when the budget fills up"}):null,u.length===0?e.jsx("button",{type:"button",className:"text-[var(--otari-brand)] hover:underline",onClick:()=>C([""]),children:"+ Add a fallback chain"}):null,w.length===0?e.jsxs("span",{className:"flex flex-wrap items-baseline gap-2",children:[e.jsx("button",{type:"button",disabled:!x.configured,"aria-describedby":x.configured?void 0:"guardrails-unavailable",className:x.configured?"text-[var(--otari-brand)] hover:underline":"cursor-not-allowed text-[var(--otari-muted)] opacity-60",onClick:()=>S([{profile:"",mode:"block",on_unavailable:"block"}]),children:"+ Add guardrails"}),x.configured?null:e.jsxs("span",{id:"guardrails-unavailable",className:"text-xs text-[var(--otari-muted)]",children:["No guardrails service is configured, so there would be nothing to call."," ",e.jsx(D,{to:"/tools",className:"text-[var(--otari-brand)] hover:underline",children:"Set one up in Tools & Guardrails"}),"."]})]}):null]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(_,{variant:"primary",isDisabled:!T||B||R,onPress:W,children:B?"Saving…":h?"Save":"Create policy"}),e.jsx(_,{variant:"ghost",onPress:r,children:"Cancel"}),e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"In effect for new requests within 30s."}),R?e.jsx("span",{className:"text-xs text-amber-700",children:"An alias holds one target. To add a fallback, a condition, or a guardrail, delete this alias and create a policy with the same name."}):null]})]})})})}function Re(){const s=Q(),a=Y(),r=Z(),n=ee(),[o]=J(),h=o.get("target")??"",[b,x]=j.useState(h!==""),[p,k]=j.useState(null),v=[...(s.data??[]).map(t=>({...t,kind:"policy"})),...(a.data??[]).map(pe)].sort((t,f)=>t.name.localeCompare(f.name)||(t.user_id??"").localeCompare(f.user_id??"")),P=j.useMemo(()=>[{id:"name",header:"Policy",isRowHeader:!0,cell:t=>e.jsx(M,{value:t.name,label:"policy name"})},{id:"serves",header:"Serves",cell:t=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-[var(--otari-ink)]",children:be(t)}),t.is_dynamic?e.jsx(q,{size:"sm",color:"accent",children:"Dynamic"}):null]})},{id:"guards",header:"Guards",cell:t=>{const f=t.spec.guardrails??[];return f.length===0?e.jsx("span",{className:"text-[var(--otari-muted)]",children:"–"}):e.jsx("span",{className:"text-sm text-[var(--otari-ink)]",children:f.map(u=>`${u.profile} (${u.mode})`).join(", ")})}},{id:"scope",header:"Applies to",cell:t=>t.user_id===null?e.jsx("span",{className:"text-[var(--otari-muted)]",children:"Every caller"}):e.jsx(M,{value:t.user_id,label:"user id"})},{id:"source",header:"Source",cell:t=>e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(q,{size:"sm",color:t.source==="config"?"default":"accent",children:t.source}),t.kind==="alias"?e.jsx(q,{size:"sm",color:"default",children:"alias"}):null]})},{id:"actions",header:"",cell:t=>t.source==="config"?e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"set in config.yml"}):e.jsxs("div",{className:"flex items-center justify-end gap-2",children:[ge(t.spec)?e.jsx(_,{size:"sm",variant:"ghost",onPress:()=>{x(!1),k(t)},children:"Edit"}):e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Uses options this form cannot show yet. Edit it through the API so nothing is lost."}),e.jsx(se,{confirmLabel:"Confirm",isPending:r.isPending||n.isPending,onConfirm:()=>t.kind==="alias"?n.mutate({name:t.name,userId:t.user_id}):r.mutate({name:t.name,userId:t.user_id}),children:"Delete"})]})}],[r,n]);return e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(te,{title:"Routing",description:"Named models your callers send as `model`. A policy decides which real model serves each request, what is tried if that fails, and which guardrails always run.",action:b||p!==null?void 0:e.jsx(_,{variant:"primary",onPress:()=>{k(null),x(!0)},children:"New policy"})}),e.jsx(U,{error:s.error??a.error??r.error??n.error}),b?e.jsx(O,{existing:null,initialTarget:h,onClose:()=>x(!1)}):null,p!==null?e.jsx(O,{existing:p,onClose:()=>k(null)}):null,v.length===0&&!s.isLoading&&!a.isLoading&&!b?e.jsx(ae,{title:"No routing policies yet",children:e.jsxs("ol",{className:"flex list-decimal flex-col gap-1 pl-5 text-sm text-[var(--otari-muted)]",children:[e.jsx("li",{children:"Create a policy and point it at the model that should normally serve."}),e.jsx("li",{children:"Add a fallback chain so a provider outage does not become a failed request."}),e.jsx("li",{children:"Have your callers send the policy name as their `model`."})]})}):e.jsx(oe,{ariaLabel:"Routing policies",columns:P,rows:v,getRowKey:fe,isLoading:s.isLoading||a.isLoading,emptyContent:"No routing policies yet."})]})}export{Re as RoutingPage};
diff --git a/src/gateway/static/dashboard/assets/SettingsPage-BtoAJ9Y8.js b/src/gateway/static/dashboard/assets/SettingsPage-DAz4lpRs.js
similarity index 99%
rename from src/gateway/static/dashboard/assets/SettingsPage-BtoAJ9Y8.js
rename to src/gateway/static/dashboard/assets/SettingsPage-DAz4lpRs.js
index 72249fac4..edd2486e6 100644
--- a/src/gateway/static/dashboard/assets/SettingsPage-BtoAJ9Y8.js
+++ b/src/gateway/static/dashboard/assets/SettingsPage-DAz4lpRs.js
@@ -1 +1 @@
-import{j as e}from"./tanstack-query-1t81HyiD.js";import{r as u}from"./react-dgEcD0HR.js";import{a0 as R,ag as C,P,E as y,a3 as E,an as T,ao as _,ap as D,F as A,aq as O,ad as F,ar as K,M as w}from"./index-BE7E0N2z.js";import{d as v,B as h,A as d,i as I,I as M}from"./heroui-COmYdDDM.js";function b(t,r){return{[t]:r}}function z(t,r){let s=0;for(const a of r)if(a===t[s]&&(s+=1),s===t.length)return!0;return t.length===0}function L(t,r){const s=r.trim().toLowerCase();if(s==="")return!0;const a=`${t.key} ${t.description??""} ${t.group}`.toLowerCase(),n=t.key.toLowerCase().replace(/[^a-z0-9]/g,"");return s.split(/\s+/).every(i=>a.includes(i)||z(i,n))}function B({checked:t,onChange:r,label:s,disabled:a}){return e.jsx("button",{type:"button",role:"switch","aria-checked":t,"aria-label":s,disabled:a,onClick:()=>r(!t),className:`relative inline-flex h-6 w-11 shrink-0 items-center rounded-full transition-colors disabled:opacity-50 ${t?"bg-[var(--otari-brand)]":"bg-[var(--otari-line)]"}`,children:e.jsx("span",{className:`inline-block h-5 w-5 transform rounded-full bg-white shadow transition-transform ${t?"translate-x-5":"translate-x-0.5"}`})})}function $({field:t,onSave:r,disabled:s}){const a=typeof t.value=="number"?t.value:0,[n,i]=u.useState(String(a)),o=t.type==="float";u.useEffect(()=>{i(String(a))},[a]);const c=Number(n),p=n.trim()!==""&&Number.isFinite(c)&&(o||Number.isInteger(c)),m=t.minimum??void 0,x=t.exclusive_minimum??void 0,g=x!==void 0?c>x:m!==void 0?c>=m:c>=0,l=p&&g&&c!==a;return e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(M,{type:"number",min:"0",step:o?"any":"1",inputMode:o?"decimal":"numeric","aria-label":t.key,value:n,disabled:s,onChange:f=>i(f.target.value),className:"w-28 rounded-md border border-[var(--otari-line)] bg-white px-2 py-1 text-right text-sm tabular-nums focus:border-[var(--otari-brand)] focus:outline-none disabled:opacity-50"}),e.jsx(h,{size:"sm",variant:"primary","aria-label":`Save ${t.key}`,isDisabled:s||!l,onPress:()=>r(c),children:"Save"})]})}function H({field:t,onSave:r,disabled:s}){const a=typeof t.value=="string"?t.value:"",[n,i]=u.useState(a);u.useEffect(()=>{i(a)},[a]);const o=n!==a;return e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"text","aria-label":t.key,value:n,disabled:s,placeholder:"unset",onChange:c=>i(c.target.value),className:"w-56 rounded-md border border-[var(--otari-line)] bg-white px-2 py-1 text-sm focus:border-[var(--otari-brand)] focus:outline-none disabled:opacity-50"}),e.jsx(h,{size:"sm",variant:"primary","aria-label":`Save ${t.key}`,isDisabled:s||!o,onPress:()=>r(n.trim()===""?null:n),children:"Save"})]})}function Y(t){const{value:r}=t;return r==null?"unset":typeof r=="boolean"?r?"on":"off":Array.isArray(r)?r.length?r.join(", "):"none":String(r)}function q({field:t,patch:r,disabled:s}){return t.settable?t.type==="bool"?e.jsx(B,{checked:t.value===!0,onChange:a=>r(b(t.key,a)),label:t.key,disabled:s}):t.options&&t.options.length>0?e.jsx(A,{ariaLabel:t.key,value:String(t.value??""),onChange:a=>r(b(t.key,a)),options:t.options.map(a=>({value:a,label:a}))}):t.type==="int"||t.type==="float"?e.jsx($,{field:t,onSave:a=>r(b(t.key,a)),disabled:s}):e.jsx(H,{field:t,onSave:a=>r(b(t.key,a)),disabled:s}):e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm tabular-nums text-[var(--otari-ink)]",children:Y(t)}),e.jsx("span",{className:"rounded-full border border-[var(--otari-line)] px-2 py-0.5 text-xs text-[var(--otari-muted)]",children:"startup-only"})]})}function U({field:t,patch:r,disabled:s}){return e.jsxs("div",{className:"flex items-start justify-between gap-6 py-4",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("code",{className:"text-sm font-medium text-[var(--otari-ink)]",children:t.key}),t.description?e.jsx("p",{className:"mt-1 text-sm text-[var(--otari-muted)]",children:t.description}):null]}),e.jsx("div",{className:"shrink-0 pt-0.5",children:e.jsx(q,{field:t,patch:r,disabled:s})})]})}function V({value:t,fieldRef:r}){const s=u.useRef(null),a=r??s,[n,i]=u.useState(!1),[o,c]=u.useState(!1),p=async()=>{var m,x,g;(m=a.current)==null||m.focus(),(x=a.current)==null||x.select();try{if((g=navigator.clipboard)!=null&&g.writeText){await navigator.clipboard.writeText(t),i(!0),c(!1),window.setTimeout(()=>i(!1),2e3);return}}catch{}c(!0)};return e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-xs font-medium text-[var(--otari-muted)]",children:"New master key"}),e.jsx(h,{size:"sm",variant:"outline",onPress:p,children:n?"Copied":"Copy"})]}),e.jsx("input",{ref:a,readOnly:!0,value:t,onFocus:m=>m.currentTarget.select(),autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,"data-1p-ignore":!0,"data-lpignore":"true"}),e.jsx("span",{"aria-live":"polite",className:"text-xs text-[var(--otari-brand-dark)]",children:n?"Copied to clipboard.":""}),o?e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Selected. Press Ctrl/Cmd-C to copy."}):null]})}function G({masterKey:t,error:r,isPending:s,onRegenerate:a,onClose:n}){const i=u.useRef(null);return u.useEffect(()=>{var o,c;t!==void 0&&((o=i.current)==null||o.focus(),(c=i.current)==null||c.select())},[t]),e.jsx(d.Backdrop,{children:e.jsx(d.Container,{placement:"center",size:"lg",children:e.jsxs(d.Dialog,{children:[e.jsx(d.Header,{children:e.jsx(d.Heading,{children:t!==void 0?"Master key regenerated":"Regenerate master key?"})}),e.jsx(d.Body,{className:"flex flex-col gap-4",children:t!==void 0?e.jsxs(e.Fragment,{children:[e.jsx(w,{tone:"warning",children:"Copy this key now. It is shown once and cannot be retrieved again after you close this dialog."}),e.jsx("p",{className:"text-sm text-[var(--otari-muted)]",children:"The previous master key has stopped working. This browser tab now uses the new key."}),e.jsx(V,{value:t,fieldRef:i})]}):e.jsxs(e.Fragment,{children:[e.jsx(w,{tone:"warning",children:"This immediately invalidates the current dashboard master key. Other signed-in dashboard sessions will need the new key to continue."}),e.jsx("p",{className:"text-sm text-[var(--otari-muted)]",children:"The replacement key will be shown once. Save it before closing the next screen."}),e.jsx(y,{error:r})]})}),e.jsx(d.Footer,{children:t!==void 0?e.jsx(h,{variant:"primary",onPress:n,children:"I’ve saved this key"}):e.jsxs(e.Fragment,{children:[e.jsx(h,{variant:"ghost",isDisabled:s,onPress:n,children:"Cancel"}),e.jsx(h,{variant:"danger",isPending:s,onPress:a,children:"Regenerate key"})]})})]})})})}function X({source:t}){const r=O(),[s,a]=u.useState(!1),[n,i]=u.useState(),o=t==="generated",c=()=>r.mutate(void 0,{onSuccess:x=>{i(x.master_key)}}),p=()=>{a(!1),i(void 0),r.reset()},m=x=>{x?(r.reset(),a(!0)):n===void 0&&p()};return e.jsx("div",{className:"flex flex-col gap-4 py-4",children:e.jsxs("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("code",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"master_key"}),e.jsx("p",{className:"mt-1 max-w-3xl text-sm text-[var(--otari-muted)]",children:o?"This gateway uses its first-run generated dashboard key. Regeneration invalidates the current key immediately.":"This gateway uses a key managed through OTARI_MASTER_KEY or config.yml. Rotate it in configuration, then restart the gateway."})]}),e.jsxs(d,{isOpen:s,onOpenChange:m,children:[o?e.jsx(d.Trigger,{className:I({size:"sm",variant:"danger-soft"}),children:"Regenerate"}):e.jsx(h,{size:"sm",variant:"danger-soft",isDisabled:!0,children:"Managed in configuration"}),s?e.jsx(G,{masterKey:n,error:r.error,isPending:r.isPending,onRegenerate:c,onClose:p}):null]})]})})}function J(){var o;const t=F(),r=K(),s=r.data,a=((o=t.data)==null?void 0:o.length)??0,n=(t.data??[]).filter(c=>!c.decryptable).length,i=a>0;return e.jsxs("div",{className:"flex flex-col gap-4 py-4",children:[e.jsxs("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("code",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"OTARI_SECRET_KEY"}),e.jsxs("p",{className:"mt-1 max-w-3xl text-sm text-[var(--otari-muted)]",children:["Generate a new key with ",e.jsx("code",{children:"uv run otari gen-secret-key"}),", then restart with"," ",e.jsx("code",{children:"OTARI_SECRET_KEY=<new-key>,<old-key>"}),". Re-encrypt the stored provider keys, then restart with ",e.jsx("code",{children:"OTARI_SECRET_KEY=<new-key>"})," once none are unreadable."]})]}),e.jsx("div",{className:"shrink-0",children:e.jsx(h,{size:"sm",variant:"outline",isDisabled:!i||r.isPending,onPress:()=>r.mutate(),children:r.isPending?"Re-encrypting…":"Re-encrypt provider keys"})})]}),e.jsx(y,{error:t.error??r.error}),n>0?e.jsxs(w,{tone:"warning",children:[n," stored provider key",n===1?"":"s"," cannot be decrypted with the current"," ",e.jsx("code",{children:"OTARI_SECRET_KEY"}),". Restore the old secret key and re-encrypt, or edit each affected provider and replace its key."]}):null,s?e.jsxs("p",{className:"text-sm text-[var(--otari-muted)]",role:"status","aria-live":"polite",children:["Re-encrypted ",s.reencrypted," provider key",s.reencrypted===1?"":"s",".",s.unreadable>0?` ${s.unreadable} still need replacement.`:" All decryptable stored keys now use the primary secret key."]}):!t.isLoading&&!i?e.jsx("p",{className:"text-sm text-[var(--otari-muted)]",children:"No stored provider keys need re-encryption."}):null]})}function Q({masterKeySource:t}){return e.jsxs("section",{className:"flex flex-col gap-2",children:[e.jsxs("h2",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:["Credential security ",e.jsx("span",{className:"font-normal text-[var(--otari-muted)]",children:"(2)"})]}),e.jsx(v,{children:e.jsxs(v.Content,{className:"flex flex-col divide-y divide-[var(--otari-line)] px-5 py-1",children:[e.jsx(X,{source:t}),e.jsx(J,{})]})})]})}function W({preview:t,error:r,isPending:s,onAccept:a,onReject:n}){return e.jsx(d.Backdrop,{children:e.jsx(d.Container,{placement:"center",size:"lg",children:e.jsxs(d.Dialog,{children:[e.jsx(d.Header,{children:e.jsx(d.Heading,{children:"Review default price updates"})}),e.jsxs(d.Body,{className:"flex flex-col gap-4",children:[e.jsxs("p",{className:"text-sm text-[var(--otari-muted)]",children:[t.added_count," added, ",t.changed_count," changed, and ",t.removed_count," removed upstream model prices. The accepted catalog is saved in the database with source ",e.jsx("code",{children:"genai-prices"})," and reloads after a restart. Your ",t.protected_model_count," custom model price",t.protected_model_count===1?"":"s"," remain unchanged."]}),t.changes.length>0?e.jsx("ul",{className:"max-h-60 list-disc overflow-auto pl-5 text-sm text-[var(--otari-ink)]",children:t.changes.map(i=>e.jsxs("li",{children:[i.model_key,": ",i.change]},i.model_key))}):null,t.changes_truncated?e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:"Only the first 100 changes are shown."}):null,e.jsx(y,{error:r})]}),e.jsxs(d.Footer,{children:[e.jsx(h,{variant:"ghost",isDisabled:s,onPress:n,children:"Reject changes"}),e.jsx(h,{variant:"primary",isPending:s,onPress:a,children:"Accept price updates"})]})]})})})}function Z(){const t=T(),r=_(),s=D(),a=t.data,n=r.isPending||s.isPending,i=()=>{a===void 0||n||s.mutate(void 0,{onSuccess:t.reset})};return e.jsxs("section",{className:"flex flex-col gap-2",children:[e.jsx("h2",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:"Default pricing catalog"}),e.jsx(v,{children:e.jsxs(v.Content,{className:"flex flex-col gap-4 p-5",children:[e.jsxs("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"genai-prices defaults"}),e.jsxs("p",{className:"mt-1 max-w-3xl text-sm text-[var(--otari-muted)]",children:["Fetch the latest upstream catalog, review the proposed change summary, then accept or reject it. Accepted data is stored as ",e.jsx("code",{children:"genai-prices"}),"; custom prices remain separate and always take precedence."]})]}),e.jsx(h,{size:"sm",variant:"outline",isDisabled:t.isPending||n,onPress:()=>t.mutate(),children:t.isPending?"Checking prices…":"Check for price updates"})]}),e.jsx(y,{error:t.error})]})}),e.jsxs(d,{isOpen:a!==void 0,onOpenChange:o=>o?void 0:i(),children:[e.jsx(d.Trigger,{className:"hidden",children:"Review price updates"}),a?e.jsx(W,{preview:a,error:r.error??s.error,isPending:n,onAccept:()=>r.mutate(void 0,{onSuccess:t.reset}),onReject:i}):null]})]})}function ee(t){const r=[],s=new Map;for(const a of t){let n=s.get(a.group);n||(n={name:a.group,fields:[]},s.set(a.group,n),r.push(n)),n.fields.push(a)}return r}function ne(){const t=R(),r=C(),s=t.data,a=r.isPending,[n,i]=u.useState(""),[o,c]=u.useState(!1),p=u.useRef(null);u.useEffect(()=>{function l(f){var N;const j=f.target,S=j&&(j.tagName==="INPUT"||j.tagName==="TEXTAREA"||j.tagName==="SELECT");f.key==="/"&&!S&&(f.preventDefault(),(N=p.current)==null||N.focus())}return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[]);const m=l=>r.mutate(l),x=(s==null?void 0:s.config)??[],g=x.filter(l=>(o?l.settable:!0)&&L(l,n)),k=ee(g);return e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(P,{title:"Settings",description:"Every effective gateway setting. Settable fields apply immediately and persist across restarts; startup-only fields are shown for reference and change only via config.yml or environment variables (then a restart)."}),e.jsx(y,{error:t.error??r.error}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx("input",{ref:p,type:"search","aria-label":"Search settings",placeholder:"Search settings (press / to focus)…",value:n,onChange:l=>i(l.target.value),onKeyDown:l=>{l.key==="Escape"&&i("")},className:"min-w-0 flex-1 rounded-lg border border-[var(--otari-line)] bg-[var(--otari-bg)] px-3 py-2 text-sm text-[var(--otari-ink)] focus:border-[var(--otari-brand)] focus:outline-none"}),e.jsxs("label",{className:"flex items-center gap-2 text-sm text-[var(--otari-muted)]",children:[e.jsx("input",{type:"checkbox",checked:o,onChange:l=>c(l.target.checked),className:"h-4 w-4 accent-[var(--otari-brand)]"}),"Settable only"]})]}),s?e.jsxs("p",{className:"text-xs text-[var(--otari-muted)]",children:["Showing ",g.length," of ",x.length," settings"]}):null,s&&g.length===0?e.jsx("p",{className:"text-sm text-[var(--otari-muted)]",children:"No settings match your search."}):null,t.isLoading?e.jsx(E,{}):null,k.map(l=>e.jsxs("section",{className:"flex flex-col gap-2",children:[e.jsxs("h2",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:[l.name," ",e.jsxs("span",{className:"font-normal text-[var(--otari-muted)]",children:["(",l.fields.length,")"]})]}),e.jsx(v,{children:e.jsx(v.Content,{className:"flex flex-col divide-y divide-[var(--otari-line)] px-5 py-1",children:l.fields.map(f=>e.jsx(U,{field:f,patch:m,disabled:!s||a},f.key))})})]},l.name)),s?e.jsx(Z,{}):null,s?e.jsx(Q,{masterKeySource:s.master_key_source}):null,s?e.jsxs("p",{className:"text-xs text-[var(--otari-muted)]",children:["Mode: ",s.mode," · Version ",s.version,s.require_pricing?" · require_pricing on":""]}):null]})}export{ne as SettingsPage,L as fieldMatches};
+import{j as e}from"./tanstack-query-1t81HyiD.js";import{r as u}from"./react-dgEcD0HR.js";import{a0 as R,ag as C,P,E as y,a3 as E,an as T,ao as _,ap as D,F as A,aq as O,ad as F,ar as K,M as w}from"./index-DnXjp6g_.js";import{d as v,B as h,A as d,i as I,I as M}from"./heroui-COmYdDDM.js";function b(t,r){return{[t]:r}}function z(t,r){let s=0;for(const a of r)if(a===t[s]&&(s+=1),s===t.length)return!0;return t.length===0}function L(t,r){const s=r.trim().toLowerCase();if(s==="")return!0;const a=`${t.key} ${t.description??""} ${t.group}`.toLowerCase(),n=t.key.toLowerCase().replace(/[^a-z0-9]/g,"");return s.split(/\s+/).every(i=>a.includes(i)||z(i,n))}function B({checked:t,onChange:r,label:s,disabled:a}){return e.jsx("button",{type:"button",role:"switch","aria-checked":t,"aria-label":s,disabled:a,onClick:()=>r(!t),className:`relative inline-flex h-6 w-11 shrink-0 items-center rounded-full transition-colors disabled:opacity-50 ${t?"bg-[var(--otari-brand)]":"bg-[var(--otari-line)]"}`,children:e.jsx("span",{className:`inline-block h-5 w-5 transform rounded-full bg-white shadow transition-transform ${t?"translate-x-5":"translate-x-0.5"}`})})}function $({field:t,onSave:r,disabled:s}){const a=typeof t.value=="number"?t.value:0,[n,i]=u.useState(String(a)),o=t.type==="float";u.useEffect(()=>{i(String(a))},[a]);const c=Number(n),p=n.trim()!==""&&Number.isFinite(c)&&(o||Number.isInteger(c)),m=t.minimum??void 0,x=t.exclusive_minimum??void 0,g=x!==void 0?c>x:m!==void 0?c>=m:c>=0,l=p&&g&&c!==a;return e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(M,{type:"number",min:"0",step:o?"any":"1",inputMode:o?"decimal":"numeric","aria-label":t.key,value:n,disabled:s,onChange:f=>i(f.target.value),className:"w-28 rounded-md border border-[var(--otari-line)] bg-white px-2 py-1 text-right text-sm tabular-nums focus:border-[var(--otari-brand)] focus:outline-none disabled:opacity-50"}),e.jsx(h,{size:"sm",variant:"primary","aria-label":`Save ${t.key}`,isDisabled:s||!l,onPress:()=>r(c),children:"Save"})]})}function H({field:t,onSave:r,disabled:s}){const a=typeof t.value=="string"?t.value:"",[n,i]=u.useState(a);u.useEffect(()=>{i(a)},[a]);const o=n!==a;return e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"text","aria-label":t.key,value:n,disabled:s,placeholder:"unset",onChange:c=>i(c.target.value),className:"w-56 rounded-md border border-[var(--otari-line)] bg-white px-2 py-1 text-sm focus:border-[var(--otari-brand)] focus:outline-none disabled:opacity-50"}),e.jsx(h,{size:"sm",variant:"primary","aria-label":`Save ${t.key}`,isDisabled:s||!o,onPress:()=>r(n.trim()===""?null:n),children:"Save"})]})}function Y(t){const{value:r}=t;return r==null?"unset":typeof r=="boolean"?r?"on":"off":Array.isArray(r)?r.length?r.join(", "):"none":String(r)}function q({field:t,patch:r,disabled:s}){return t.settable?t.type==="bool"?e.jsx(B,{checked:t.value===!0,onChange:a=>r(b(t.key,a)),label:t.key,disabled:s}):t.options&&t.options.length>0?e.jsx(A,{ariaLabel:t.key,value:String(t.value??""),onChange:a=>r(b(t.key,a)),options:t.options.map(a=>({value:a,label:a}))}):t.type==="int"||t.type==="float"?e.jsx($,{field:t,onSave:a=>r(b(t.key,a)),disabled:s}):e.jsx(H,{field:t,onSave:a=>r(b(t.key,a)),disabled:s}):e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm tabular-nums text-[var(--otari-ink)]",children:Y(t)}),e.jsx("span",{className:"rounded-full border border-[var(--otari-line)] px-2 py-0.5 text-xs text-[var(--otari-muted)]",children:"startup-only"})]})}function U({field:t,patch:r,disabled:s}){return e.jsxs("div",{className:"flex items-start justify-between gap-6 py-4",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("code",{className:"text-sm font-medium text-[var(--otari-ink)]",children:t.key}),t.description?e.jsx("p",{className:"mt-1 text-sm text-[var(--otari-muted)]",children:t.description}):null]}),e.jsx("div",{className:"shrink-0 pt-0.5",children:e.jsx(q,{field:t,patch:r,disabled:s})})]})}function V({value:t,fieldRef:r}){const s=u.useRef(null),a=r??s,[n,i]=u.useState(!1),[o,c]=u.useState(!1),p=async()=>{var m,x,g;(m=a.current)==null||m.focus(),(x=a.current)==null||x.select();try{if((g=navigator.clipboard)!=null&&g.writeText){await navigator.clipboard.writeText(t),i(!0),c(!1),window.setTimeout(()=>i(!1),2e3);return}}catch{}c(!0)};return e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-xs font-medium text-[var(--otari-muted)]",children:"New master key"}),e.jsx(h,{size:"sm",variant:"outline",onPress:p,children:n?"Copied":"Copy"})]}),e.jsx("input",{ref:a,readOnly:!0,value:t,onFocus:m=>m.currentTarget.select(),autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,"data-1p-ignore":!0,"data-lpignore":"true"}),e.jsx("span",{"aria-live":"polite",className:"text-xs text-[var(--otari-brand-dark)]",children:n?"Copied to clipboard.":""}),o?e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"Selected. Press Ctrl/Cmd-C to copy."}):null]})}function G({masterKey:t,error:r,isPending:s,onRegenerate:a,onClose:n}){const i=u.useRef(null);return u.useEffect(()=>{var o,c;t!==void 0&&((o=i.current)==null||o.focus(),(c=i.current)==null||c.select())},[t]),e.jsx(d.Backdrop,{children:e.jsx(d.Container,{placement:"center",size:"lg",children:e.jsxs(d.Dialog,{children:[e.jsx(d.Header,{children:e.jsx(d.Heading,{children:t!==void 0?"Master key regenerated":"Regenerate master key?"})}),e.jsx(d.Body,{className:"flex flex-col gap-4",children:t!==void 0?e.jsxs(e.Fragment,{children:[e.jsx(w,{tone:"warning",children:"Copy this key now. It is shown once and cannot be retrieved again after you close this dialog."}),e.jsx("p",{className:"text-sm text-[var(--otari-muted)]",children:"The previous master key has stopped working. This browser tab now uses the new key."}),e.jsx(V,{value:t,fieldRef:i})]}):e.jsxs(e.Fragment,{children:[e.jsx(w,{tone:"warning",children:"This immediately invalidates the current dashboard master key. Other signed-in dashboard sessions will need the new key to continue."}),e.jsx("p",{className:"text-sm text-[var(--otari-muted)]",children:"The replacement key will be shown once. Save it before closing the next screen."}),e.jsx(y,{error:r})]})}),e.jsx(d.Footer,{children:t!==void 0?e.jsx(h,{variant:"primary",onPress:n,children:"I’ve saved this key"}):e.jsxs(e.Fragment,{children:[e.jsx(h,{variant:"ghost",isDisabled:s,onPress:n,children:"Cancel"}),e.jsx(h,{variant:"danger",isPending:s,onPress:a,children:"Regenerate key"})]})})]})})})}function X({source:t}){const r=O(),[s,a]=u.useState(!1),[n,i]=u.useState(),o=t==="generated",c=()=>r.mutate(void 0,{onSuccess:x=>{i(x.master_key)}}),p=()=>{a(!1),i(void 0),r.reset()},m=x=>{x?(r.reset(),a(!0)):n===void 0&&p()};return e.jsx("div",{className:"flex flex-col gap-4 py-4",children:e.jsxs("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("code",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"master_key"}),e.jsx("p",{className:"mt-1 max-w-3xl text-sm text-[var(--otari-muted)]",children:o?"This gateway uses its first-run generated dashboard key. Regeneration invalidates the current key immediately.":"This gateway uses a key managed through OTARI_MASTER_KEY or config.yml. Rotate it in configuration, then restart the gateway."})]}),e.jsxs(d,{isOpen:s,onOpenChange:m,children:[o?e.jsx(d.Trigger,{className:I({size:"sm",variant:"danger-soft"}),children:"Regenerate"}):e.jsx(h,{size:"sm",variant:"danger-soft",isDisabled:!0,children:"Managed in configuration"}),s?e.jsx(G,{masterKey:n,error:r.error,isPending:r.isPending,onRegenerate:c,onClose:p}):null]})]})})}function J(){var o;const t=F(),r=K(),s=r.data,a=((o=t.data)==null?void 0:o.length)??0,n=(t.data??[]).filter(c=>!c.decryptable).length,i=a>0;return e.jsxs("div",{className:"flex flex-col gap-4 py-4",children:[e.jsxs("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("code",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"OTARI_SECRET_KEY"}),e.jsxs("p",{className:"mt-1 max-w-3xl text-sm text-[var(--otari-muted)]",children:["Generate a new key with ",e.jsx("code",{children:"uv run otari gen-secret-key"}),", then restart with"," ",e.jsx("code",{children:"OTARI_SECRET_KEY=<new-key>,<old-key>"}),". Re-encrypt the stored provider keys, then restart with ",e.jsx("code",{children:"OTARI_SECRET_KEY=<new-key>"})," once none are unreadable."]})]}),e.jsx("div",{className:"shrink-0",children:e.jsx(h,{size:"sm",variant:"outline",isDisabled:!i||r.isPending,onPress:()=>r.mutate(),children:r.isPending?"Re-encrypting…":"Re-encrypt provider keys"})})]}),e.jsx(y,{error:t.error??r.error}),n>0?e.jsxs(w,{tone:"warning",children:[n," stored provider key",n===1?"":"s"," cannot be decrypted with the current"," ",e.jsx("code",{children:"OTARI_SECRET_KEY"}),". Restore the old secret key and re-encrypt, or edit each affected provider and replace its key."]}):null,s?e.jsxs("p",{className:"text-sm text-[var(--otari-muted)]",role:"status","aria-live":"polite",children:["Re-encrypted ",s.reencrypted," provider key",s.reencrypted===1?"":"s",".",s.unreadable>0?` ${s.unreadable} still need replacement.`:" All decryptable stored keys now use the primary secret key."]}):!t.isLoading&&!i?e.jsx("p",{className:"text-sm text-[var(--otari-muted)]",children:"No stored provider keys need re-encryption."}):null]})}function Q({masterKeySource:t}){return e.jsxs("section",{className:"flex flex-col gap-2",children:[e.jsxs("h2",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:["Credential security ",e.jsx("span",{className:"font-normal text-[var(--otari-muted)]",children:"(2)"})]}),e.jsx(v,{children:e.jsxs(v.Content,{className:"flex flex-col divide-y divide-[var(--otari-line)] px-5 py-1",children:[e.jsx(X,{source:t}),e.jsx(J,{})]})})]})}function W({preview:t,error:r,isPending:s,onAccept:a,onReject:n}){return e.jsx(d.Backdrop,{children:e.jsx(d.Container,{placement:"center",size:"lg",children:e.jsxs(d.Dialog,{children:[e.jsx(d.Header,{children:e.jsx(d.Heading,{children:"Review default price updates"})}),e.jsxs(d.Body,{className:"flex flex-col gap-4",children:[e.jsxs("p",{className:"text-sm text-[var(--otari-muted)]",children:[t.added_count," added, ",t.changed_count," changed, and ",t.removed_count," removed upstream model prices. The accepted catalog is saved in the database with source ",e.jsx("code",{children:"genai-prices"})," and reloads after a restart. Your ",t.protected_model_count," custom model price",t.protected_model_count===1?"":"s"," remain unchanged."]}),t.changes.length>0?e.jsx("ul",{className:"max-h-60 list-disc overflow-auto pl-5 text-sm text-[var(--otari-ink)]",children:t.changes.map(i=>e.jsxs("li",{children:[i.model_key,": ",i.change]},i.model_key))}):null,t.changes_truncated?e.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:"Only the first 100 changes are shown."}):null,e.jsx(y,{error:r})]}),e.jsxs(d.Footer,{children:[e.jsx(h,{variant:"ghost",isDisabled:s,onPress:n,children:"Reject changes"}),e.jsx(h,{variant:"primary",isPending:s,onPress:a,children:"Accept price updates"})]})]})})})}function Z(){const t=T(),r=_(),s=D(),a=t.data,n=r.isPending||s.isPending,i=()=>{a===void 0||n||s.mutate(void 0,{onSuccess:t.reset})};return e.jsxs("section",{className:"flex flex-col gap-2",children:[e.jsx("h2",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:"Default pricing catalog"}),e.jsx(v,{children:e.jsxs(v.Content,{className:"flex flex-col gap-4 p-5",children:[e.jsxs("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"genai-prices defaults"}),e.jsxs("p",{className:"mt-1 max-w-3xl text-sm text-[var(--otari-muted)]",children:["Fetch the latest upstream catalog, review the proposed change summary, then accept or reject it. Accepted data is stored as ",e.jsx("code",{children:"genai-prices"}),"; custom prices remain separate and always take precedence."]})]}),e.jsx(h,{size:"sm",variant:"outline",isDisabled:t.isPending||n,onPress:()=>t.mutate(),children:t.isPending?"Checking prices…":"Check for price updates"})]}),e.jsx(y,{error:t.error})]})}),e.jsxs(d,{isOpen:a!==void 0,onOpenChange:o=>o?void 0:i(),children:[e.jsx(d.Trigger,{className:"hidden",children:"Review price updates"}),a?e.jsx(W,{preview:a,error:r.error??s.error,isPending:n,onAccept:()=>r.mutate(void 0,{onSuccess:t.reset}),onReject:i}):null]})]})}function ee(t){const r=[],s=new Map;for(const a of t){let n=s.get(a.group);n||(n={name:a.group,fields:[]},s.set(a.group,n),r.push(n)),n.fields.push(a)}return r}function ne(){const t=R(),r=C(),s=t.data,a=r.isPending,[n,i]=u.useState(""),[o,c]=u.useState(!1),p=u.useRef(null);u.useEffect(()=>{function l(f){var N;const j=f.target,S=j&&(j.tagName==="INPUT"||j.tagName==="TEXTAREA"||j.tagName==="SELECT");f.key==="/"&&!S&&(f.preventDefault(),(N=p.current)==null||N.focus())}return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[]);const m=l=>r.mutate(l),x=(s==null?void 0:s.config)??[],g=x.filter(l=>(o?l.settable:!0)&&L(l,n)),k=ee(g);return e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(P,{title:"Settings",description:"Every effective gateway setting. Settable fields apply immediately and persist across restarts; startup-only fields are shown for reference and change only via config.yml or environment variables (then a restart)."}),e.jsx(y,{error:t.error??r.error}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx("input",{ref:p,type:"search","aria-label":"Search settings",placeholder:"Search settings (press / to focus)…",value:n,onChange:l=>i(l.target.value),onKeyDown:l=>{l.key==="Escape"&&i("")},className:"min-w-0 flex-1 rounded-lg border border-[var(--otari-line)] bg-[var(--otari-bg)] px-3 py-2 text-sm text-[var(--otari-ink)] focus:border-[var(--otari-brand)] focus:outline-none"}),e.jsxs("label",{className:"flex items-center gap-2 text-sm text-[var(--otari-muted)]",children:[e.jsx("input",{type:"checkbox",checked:o,onChange:l=>c(l.target.checked),className:"h-4 w-4 accent-[var(--otari-brand)]"}),"Settable only"]})]}),s?e.jsxs("p",{className:"text-xs text-[var(--otari-muted)]",children:["Showing ",g.length," of ",x.length," settings"]}):null,s&&g.length===0?e.jsx("p",{className:"text-sm text-[var(--otari-muted)]",children:"No settings match your search."}):null,t.isLoading?e.jsx(E,{}):null,k.map(l=>e.jsxs("section",{className:"flex flex-col gap-2",children:[e.jsxs("h2",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:[l.name," ",e.jsxs("span",{className:"font-normal text-[var(--otari-muted)]",children:["(",l.fields.length,")"]})]}),e.jsx(v,{children:e.jsx(v.Content,{className:"flex flex-col divide-y divide-[var(--otari-line)] px-5 py-1",children:l.fields.map(f=>e.jsx(U,{field:f,patch:m,disabled:!s||a},f.key))})})]},l.name)),s?e.jsx(Z,{}):null,s?e.jsx(Q,{masterKeySource:s.master_key_source}):null,s?e.jsxs("p",{className:"text-xs text-[var(--otari-muted)]",children:["Mode: ",s.mode," · Version ",s.version,s.require_pricing?" · require_pricing on":""]}):null]})}export{ne as SettingsPage,L as fieldMatches};
diff --git a/src/gateway/static/dashboard/assets/TablePagination-Bnlr8FbD.js b/src/gateway/static/dashboard/assets/TablePagination-CodBBmt3.js
similarity index 98%
rename from src/gateway/static/dashboard/assets/TablePagination-Bnlr8FbD.js
rename to src/gateway/static/dashboard/assets/TablePagination-CodBBmt3.js
index 1ac28098c..505ca2643 100644
--- a/src/gateway/static/dashboard/assets/TablePagination-Bnlr8FbD.js
+++ b/src/gateway/static/dashboard/assets/TablePagination-CodBBmt3.js
@@ -1 +1 @@
-import{j as e}from"./tanstack-query-1t81HyiD.js";import{r as l}from"./react-dgEcD0HR.js";import{F as k}from"./Field-CBU9MRjz.js";import{M as y,E as C,F as T}from"./index-BE7E0N2z.js";import{A as c,B as p,e as P,L as B,I as A,S as q}from"./heroui-COmYdDDM.js";function E({label:t,value:n,onChange:a,isRequired:o,autoFocus:i}){return e.jsxs(P,{value:n,onChange:a,isRequired:o,className:"flex flex-col gap-1",children:[e.jsx(B,{className:"text-sm font-medium text-[var(--otari-ink)]",children:t}),e.jsx(A,{inputMode:"decimal",placeholder:"0.00",autoFocus:i})]})}function F(t){const n=t.trim();if(n==="")return null;const a=Number(n);return Number.isFinite(a)&&a>=0?a:Number.NaN}function z(t){return/^[^\s:/]+[:/][^\s]+$/.test(t.trim())}const W=t=>`Recompute cost for ${t.toLocaleString()} imported ${t===1?"row":"rows"} from each row's own token counts at these per-1M rates. Enforced gateway rows are never affected.`;function K({isOpen:t,onOpenChange:n,targetCount:a=0,isPending:o,error:i,onSubmit:I,title:L="Set price",description:w=W,collectModelKey:h=!1,initialModelKey:d=""}){const[r,f]=l.useState(d),[b,N]=l.useState(""),[j,g]=l.useState(""),[v,u]=l.useState(""),[S,s]=l.useState("");l.useEffect(()=>{t&&(f(d),N(""),g(""),u(""),s(""))},[t,d]);const x=F(b),m=F(j),_=F(v),R=F(S),M=h&&!z(r),$=M||x===null||Number.isNaN(x)||m===null||Number.isNaN(m)||Number.isNaN(_??0)||Number.isNaN(R??0),D=()=>{$||x===null||m===null||I({input_price_per_million:x,output_price_per_million:m,..._!==null&&!Number.isNaN(_)?{cache_read_price_per_million:_}:{},...R!==null&&!Number.isNaN(R)?{cache_write_price_per_million:R}:{}},r.trim())};return e.jsx(c,{isOpen:t,onOpenChange:n,children:t?e.jsx(c.Backdrop,{children:e.jsx(c.Container,{placement:"center",size:"lg",children:e.jsxs(c.Dialog,{children:[e.jsx(c.Header,{children:e.jsx(c.Heading,{children:L})}),e.jsxs(c.Body,{className:"flex flex-col gap-4",children:[e.jsx("p",{className:"text-sm text-[var(--otari-muted)]",children:w(a)}),h?e.jsx(k,{label:"Model key",value:r,onChange:f,placeholder:"provider:model",isRequired:!0,autoFocus:!0,description:r.trim()!==""&&M?"Include the provider or instance prefix, as in ollama:llama3.2.":"The selector callers send as model, prefix included (for example vllm:mistral-small)."}):null,e.jsxs("div",{className:"grid gap-3 sm:grid-cols-2",children:[e.jsx(E,{label:"Input $ / 1M",value:b,onChange:N,isRequired:!0,autoFocus:!h}),e.jsx(E,{label:"Output $ / 1M",value:j,onChange:g,isRequired:!0}),e.jsx(E,{label:"Cache read $ / 1M",value:v,onChange:u}),e.jsx(E,{label:"Cache write $ / 1M",value:S,onChange:s})]}),e.jsx(y,{tone:"info",children:"Leave a cache rate blank to bill those tokens at the input rate."}),e.jsx(C,{error:i})]}),e.jsxs(c.Footer,{children:[e.jsx(p,{variant:"ghost",isDisabled:o,onPress:()=>n(!1),children:"Cancel"}),e.jsx(p,{variant:"primary",isDisabled:$,isPending:o,onPress:D,children:"Set price"})]})]})})}):null})}const G=[25,50,100];function Q({page:t,pageSize:n,total:a,rowsOnPage:o,onPageChange:i,onPageSizeChange:I,pageSizeOptions:L=G,isFetching:w=!1,hasNextFallback:h=!1}){const d=l.useId(),r=a!=null?Math.max(1,Math.ceil(a/n)):null,f=t===0,b=r!=null?t>=r-1:!h,N=o>0?t*n+1:0,j=t*n+o,g=a!=null?a===0?"0 of 0":`${N.toLocaleString()}–${j.toLocaleString()} of ${a.toLocaleString()}`:o>0?`${N.toLocaleString()}–${j.toLocaleString()}`:"0",[v,u]=l.useState(String(t+1));l.useEffect(()=>{u(String(t+1))},[t]);const S=()=>{const s=Number.parseInt(v,10);if(Number.isNaN(s)){u(String(t+1));return}const x=r??Number.MAX_SAFE_INTEGER,m=Math.min(Math.max(s,1),x);m-1!==t?i(m-1):u(String(t+1))};return e.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("label",{htmlFor:d,className:"text-sm text-[var(--otari-muted)]",children:"Rows"}),e.jsx(T,{id:d,ariaLabel:"Rows per page",value:String(n),onChange:s=>I(Number.parseInt(s,10)),options:L.map(s=>({value:String(s),label:String(s)}))}),w?e.jsx(q,{size:"sm"}):null]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-sm text-[var(--otari-muted)] tabular-nums",children:g}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(p,{size:"sm",variant:"outline","aria-label":"First page",isDisabled:f,onPress:()=>i(0),children:"«"}),e.jsx(p,{size:"sm",variant:"outline","aria-label":"Previous page",isDisabled:f,onPress:()=>i(t-1),children:"‹"}),e.jsxs("span",{className:"inline-flex items-center gap-1 text-sm text-[var(--otari-muted)]",children:[e.jsx("input",{"aria-label":"Page number",inputMode:"numeric",value:v,onChange:s=>u(s.target.value.replace(/[^0-9]/g,"")),onKeyDown:s=>{s.key==="Enter"&&s.currentTarget.blur()},onBlur:S,className:"w-12 rounded-lg border border-[var(--otari-line)] bg-[var(--otari-bg)] px-2 py-1 text-center text-sm text-[var(--otari-ink)] tabular-nums focus:border-[var(--otari-brand)] focus:outline-none"}),r!=null?e.jsxs("span",{className:"tabular-nums",children:["/ ",r.toLocaleString()]}):null]}),e.jsx(p,{size:"sm",variant:"outline","aria-label":"Next page",isDisabled:b,onPress:()=>i(t+1),children:"›"}),e.jsx(p,{size:"sm",variant:"outline","aria-label":"Last page",isDisabled:r==null||b,onPress:()=>r!=null&&i(r-1),children:"»"})]})]})]})}export{G as P,K as S,Q as T,z as i};
+import{j as e}from"./tanstack-query-1t81HyiD.js";import{r as l}from"./react-dgEcD0HR.js";import{F as k}from"./Field-CBU9MRjz.js";import{M as y,E as C,F as T}from"./index-DnXjp6g_.js";import{A as c,B as p,e as P,L as B,I as A,S as q}from"./heroui-COmYdDDM.js";function E({label:t,value:n,onChange:a,isRequired:o,autoFocus:i}){return e.jsxs(P,{value:n,onChange:a,isRequired:o,className:"flex flex-col gap-1",children:[e.jsx(B,{className:"text-sm font-medium text-[var(--otari-ink)]",children:t}),e.jsx(A,{inputMode:"decimal",placeholder:"0.00",autoFocus:i})]})}function F(t){const n=t.trim();if(n==="")return null;const a=Number(n);return Number.isFinite(a)&&a>=0?a:Number.NaN}function z(t){return/^[^\s:/]+[:/][^\s]+$/.test(t.trim())}const W=t=>`Recompute cost for ${t.toLocaleString()} imported ${t===1?"row":"rows"} from each row's own token counts at these per-1M rates. Enforced gateway rows are never affected.`;function K({isOpen:t,onOpenChange:n,targetCount:a=0,isPending:o,error:i,onSubmit:I,title:L="Set price",description:w=W,collectModelKey:h=!1,initialModelKey:d=""}){const[r,f]=l.useState(d),[b,N]=l.useState(""),[j,g]=l.useState(""),[v,u]=l.useState(""),[S,s]=l.useState("");l.useEffect(()=>{t&&(f(d),N(""),g(""),u(""),s(""))},[t,d]);const x=F(b),m=F(j),_=F(v),R=F(S),M=h&&!z(r),$=M||x===null||Number.isNaN(x)||m===null||Number.isNaN(m)||Number.isNaN(_??0)||Number.isNaN(R??0),D=()=>{$||x===null||m===null||I({input_price_per_million:x,output_price_per_million:m,..._!==null&&!Number.isNaN(_)?{cache_read_price_per_million:_}:{},...R!==null&&!Number.isNaN(R)?{cache_write_price_per_million:R}:{}},r.trim())};return e.jsx(c,{isOpen:t,onOpenChange:n,children:t?e.jsx(c.Backdrop,{children:e.jsx(c.Container,{placement:"center",size:"lg",children:e.jsxs(c.Dialog,{children:[e.jsx(c.Header,{children:e.jsx(c.Heading,{children:L})}),e.jsxs(c.Body,{className:"flex flex-col gap-4",children:[e.jsx("p",{className:"text-sm text-[var(--otari-muted)]",children:w(a)}),h?e.jsx(k,{label:"Model key",value:r,onChange:f,placeholder:"provider:model",isRequired:!0,autoFocus:!0,description:r.trim()!==""&&M?"Include the provider or instance prefix, as in ollama:llama3.2.":"The selector callers send as model, prefix included (for example vllm:mistral-small)."}):null,e.jsxs("div",{className:"grid gap-3 sm:grid-cols-2",children:[e.jsx(E,{label:"Input $ / 1M",value:b,onChange:N,isRequired:!0,autoFocus:!h}),e.jsx(E,{label:"Output $ / 1M",value:j,onChange:g,isRequired:!0}),e.jsx(E,{label:"Cache read $ / 1M",value:v,onChange:u}),e.jsx(E,{label:"Cache write $ / 1M",value:S,onChange:s})]}),e.jsx(y,{tone:"info",children:"Leave a cache rate blank to bill those tokens at the input rate."}),e.jsx(C,{error:i})]}),e.jsxs(c.Footer,{children:[e.jsx(p,{variant:"ghost",isDisabled:o,onPress:()=>n(!1),children:"Cancel"}),e.jsx(p,{variant:"primary",isDisabled:$,isPending:o,onPress:D,children:"Set price"})]})]})})}):null})}const G=[25,50,100];function Q({page:t,pageSize:n,total:a,rowsOnPage:o,onPageChange:i,onPageSizeChange:I,pageSizeOptions:L=G,isFetching:w=!1,hasNextFallback:h=!1}){const d=l.useId(),r=a!=null?Math.max(1,Math.ceil(a/n)):null,f=t===0,b=r!=null?t>=r-1:!h,N=o>0?t*n+1:0,j=t*n+o,g=a!=null?a===0?"0 of 0":`${N.toLocaleString()}–${j.toLocaleString()} of ${a.toLocaleString()}`:o>0?`${N.toLocaleString()}–${j.toLocaleString()}`:"0",[v,u]=l.useState(String(t+1));l.useEffect(()=>{u(String(t+1))},[t]);const S=()=>{const s=Number.parseInt(v,10);if(Number.isNaN(s)){u(String(t+1));return}const x=r??Number.MAX_SAFE_INTEGER,m=Math.min(Math.max(s,1),x);m-1!==t?i(m-1):u(String(t+1))};return e.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("label",{htmlFor:d,className:"text-sm text-[var(--otari-muted)]",children:"Rows"}),e.jsx(T,{id:d,ariaLabel:"Rows per page",value:String(n),onChange:s=>I(Number.parseInt(s,10)),options:L.map(s=>({value:String(s),label:String(s)}))}),w?e.jsx(q,{size:"sm"}):null]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-sm text-[var(--otari-muted)] tabular-nums",children:g}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(p,{size:"sm",variant:"outline","aria-label":"First page",isDisabled:f,onPress:()=>i(0),children:"«"}),e.jsx(p,{size:"sm",variant:"outline","aria-label":"Previous page",isDisabled:f,onPress:()=>i(t-1),children:"‹"}),e.jsxs("span",{className:"inline-flex items-center gap-1 text-sm text-[var(--otari-muted)]",children:[e.jsx("input",{"aria-label":"Page number",inputMode:"numeric",value:v,onChange:s=>u(s.target.value.replace(/[^0-9]/g,"")),onKeyDown:s=>{s.key==="Enter"&&s.currentTarget.blur()},onBlur:S,className:"w-12 rounded-lg border border-[var(--otari-line)] bg-[var(--otari-bg)] px-2 py-1 text-center text-sm text-[var(--otari-ink)] tabular-nums focus:border-[var(--otari-brand)] focus:outline-none"}),r!=null?e.jsxs("span",{className:"tabular-nums",children:["/ ",r.toLocaleString()]}):null]}),e.jsx(p,{size:"sm",variant:"outline","aria-label":"Next page",isDisabled:b,onPress:()=>i(t+1),children:"›"}),e.jsx(p,{size:"sm",variant:"outline","aria-label":"Last page",isDisabled:r==null||b,onPress:()=>r!=null&&i(r-1),children:"»"})]})]})]})}export{G as P,K as S,Q as T,z as i};
diff --git a/src/gateway/static/dashboard/assets/ToolsGuardrailsPage-DNC3Wa-x.js b/src/gateway/static/dashboard/assets/ToolsGuardrailsPage-Bh69IbXF.js
similarity index 99%
rename from src/gateway/static/dashboard/assets/ToolsGuardrailsPage-DNC3Wa-x.js
rename to src/gateway/static/dashboard/assets/ToolsGuardrailsPage-Bh69IbXF.js
index 55171f997..725ecf05c 100644
--- a/src/gateway/static/dashboard/assets/ToolsGuardrailsPage-DNC3Wa-x.js
+++ b/src/gateway/static/dashboard/assets/ToolsGuardrailsPage-Bh69IbXF.js
@@ -1 +1 @@
-import{j as e}from"./tanstack-query-1t81HyiD.js";import{r as m}from"./react-dgEcD0HR.js";import{G as B,V as F,m as I,as as K,P as z,E as G,a3 as O,_ as L,at as q,F as A}from"./index-BE7E0N2z.js";import{d as T,B as N}from"./heroui-COmYdDDM.js";function W(s,t){return{[s]:t}}const V=[{key:"web_search",label:"Web search",blurb:"Backend for otari_web_search tools (a SearXNG instance or a search adapter).",pricingKey:"otari:web_search",order:["web_search_url","web_search_engines","web_search_max_results","web_search_extract","web_search_purpose_hint"]},{key:"sandbox",label:"Code execution",blurb:"Backend for otari_code_execution tools (the sandbox that runs generated code).",pricingKey:"otari:code_execution",order:["sandbox_url","sandbox_purpose_hint"]},{key:"guardrails",label:"Guardrails",blurb:"Default input-guardrails service used when a request does not pass its own guardrail URL.",order:["guardrails_url"]}];function H(){const[s,t]=m.useState(null),n=m.useRef(void 0),l=r=>{t(r),window.clearTimeout(n.current),n.current=window.setTimeout(()=>t(null),2500)};return m.useEffect(()=>()=>window.clearTimeout(n.current),[]),[s,l]}function X({message:s}){return s?e.jsxs("div",{role:"status","aria-live":"polite",className:"fixed right-4 bottom-4 z-50 flex items-center gap-2 rounded-lg border border-green-200 bg-green-50 px-4 py-3 text-sm font-medium text-green-700 shadow-lg",children:[e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,className:"h-5 w-5",children:e.jsx("path",{d:"M20 6 9 17l-5-5",strokeLinecap:"round",strokeLinejoin:"round"})}),s]}):null}const C="rounded-md border border-[var(--otari-line)] bg-[var(--otari-surface)] px-2 py-1 text-sm focus:border-[var(--otari-brand)] focus:outline-none disabled:opacity-50",_="grid gap-x-4 gap-y-1.5 py-4 sm:grid-cols-[minmax(0,1fr)_16rem_10rem] sm:items-start",E=`w-full sm:col-start-2 ${C}`,k="flex items-center gap-2 sm:col-start-3",S="flex flex-col gap-1 sm:col-span-2 sm:col-start-2";function w({message:s}){return s?e.jsx("span",{className:"break-words text-xs text-red-700",children:s}):null}function P({field:s,help:t}){return e.jsxs("div",{className:"min-w-0 sm:col-start-1",children:[e.jsx("code",{className:"text-sm font-medium text-[var(--otari-ink)]",children:s.key}),s.description?e.jsx("p",{className:"mt-1 text-sm text-[var(--otari-muted)]",children:s.description}):null,t?e.jsx("p",{className:"mt-1 text-xs text-[var(--otari-muted)]",children:t}):null]})}function J({field:s,onSave:t,saveError:n,disabled:l}){const r=typeof s.value=="string"?s.value:"",[o,c]=m.useState(r),[u,x]=m.useState(null),i=q();m.useEffect(()=>{c(r)},[r]);const g=o.trim()!==r,p=o.trim(),y=u!==null&&u===p;return e.jsxs("div",{className:_,children:[e.jsx(P,{field:s,help:"Leave blank and Save to fall back to the configured default."}),e.jsx("input",{type:"text",inputMode:"url","aria-label":s.key,value:o,disabled:l,placeholder:"unset",onChange:j=>{c(j.target.value),i.reset()},className:E}),e.jsxs("div",{className:k,children:[e.jsx(N,{size:"sm",variant:"primary","aria-label":`Save ${s.key}`,isDisabled:l||!g,onPress:()=>t(p===""?null:p),children:"Save"}),e.jsx(N,{size:"sm",variant:"outline","aria-label":`Test ${s.service}`,isDisabled:p===""||i.isPending,onPress:()=>{x(p),i.mutate({service:s.service,url:p})},children:i.isPending?"Testing…":"Test"})]}),e.jsxs("div",{className:S,children:[e.jsx("span",{role:"status","aria-live":"polite",className:"block break-words text-xs",children:i.isPending||!y?null:i.error?e.jsx("span",{className:"text-red-700",children:L(i.error)}):i.data?e.jsx("span",{className:i.data.ok?"font-medium text-green-700":"text-red-700",children:i.data.reason}):null}),e.jsx(w,{message:n})]})]})}function Q({field:s,onSave:t,saveError:n,disabled:l}){const r=typeof s.value=="string"?s.value:"",[o,c]=m.useState(r);m.useEffect(()=>{c(r)},[r]);const u=o!==r;return e.jsxs("div",{className:_,children:[e.jsx(P,{field:s}),e.jsx("input",{type:"text","aria-label":s.key,value:o,disabled:l,placeholder:"default",onChange:x=>c(x.target.value),className:E}),e.jsx("div",{className:k,children:e.jsx(N,{size:"sm",variant:"primary","aria-label":`Save ${s.key}`,isDisabled:l||!u,onPress:()=>t(o.trim()===""?null:o.trim()),children:"Save"})}),n?e.jsx("div",{className:S,children:e.jsx(w,{message:n})}):null]})}function Y({field:s,onSave:t,saveError:n,disabled:l}){const r=typeof s.value=="number"?String(s.value):"",[o,c]=m.useState(r);m.useEffect(()=>{c(r)},[r]);const u=o.trim(),x=Number(u),g=(u===""||Number.isInteger(x)&&x>=1)&&u!==r;return e.jsxs("div",{className:_,children:[e.jsx(P,{field:s,help:"Leave blank to use the backend default."}),e.jsx("input",{type:"number",min:"1",step:"1",inputMode:"numeric","aria-label":s.key,value:o,disabled:l,placeholder:"default",onChange:p=>c(p.target.value),className:`w-full text-right tabular-nums sm:col-start-2 sm:w-28 sm:justify-self-end ${C}`}),e.jsx("div",{className:k,children:e.jsx(N,{size:"sm",variant:"primary","aria-label":`Save ${s.key}`,isDisabled:l||!g,onPress:()=>t(u===""?null:x),children:"Save"})}),n?e.jsx("div",{className:S,children:e.jsx(w,{message:n})}):null]})}const R=1e6;function Z({pricingKey:s,configured:t,onSave:n,saving:l,saveError:r,disabled:o}){const c=t===null?"":String(t/R),[u,x]=m.useState(c);m.useEffect(()=>{x(c)},[c]);const i=u.trim(),g=Number(i),y=i!==""&&Number.isFinite(g)&&g>=0&&i!==c;return e.jsxs("div",{className:_,children:[e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Price per call"}),e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:t===null?e.jsxs(e.Fragment,{children:["Not priced. Calls are recorded but billed nothing, and with"," ",e.jsx("code",{className:"font-mono",children:"require_pricing"})," on they are refused. Stored as"," ",e.jsx("code",{className:"font-mono",children:s}),"."]}):e.jsxs(e.Fragment,{children:["Charged per call and added to the request that ran it. Stored as"," ",e.jsx("code",{className:"font-mono",children:s}),"."]})})]}),e.jsxs("div",{className:"flex items-center gap-1.5 sm:col-start-2 sm:justify-self-end",children:[e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"USD"}),e.jsx("input",{type:"number",min:"0",step:"0.0001",inputMode:"decimal","aria-label":`Price per call for ${s}`,value:u,disabled:o,placeholder:"0.00",onChange:j=>x(j.target.value),className:`w-full text-right tabular-nums sm:w-28 ${C}`})]}),e.jsx("div",{className:k,children:e.jsx(N,{size:"sm",variant:"primary","aria-label":`Save price for ${s}`,isDisabled:o||!y||l,onPress:()=>n(g),children:l?"Saving…":"Save"})}),r?e.jsx("div",{className:S,children:e.jsx(w,{message:r})}):null]})}function ee({field:s,onSave:t,saveError:n,disabled:l}){const r=s.value===!0?"on":s.value===!1?"off":"default";return e.jsxs("div",{className:_,children:[e.jsx(P,{field:s}),e.jsx("div",{className:"sm:col-start-2 sm:justify-self-start",children:e.jsx(A,{ariaLabel:s.key,value:r,onChange:o=>t(o==="default"?null:o==="on"),options:[{value:"default",label:"Default"},{value:"on",label:"On"},{value:"off",label:"Off"}],disabled:l})}),n?e.jsx("div",{className:S,children:e.jsx(w,{message:n})}):null]})}function se({field:s,onSave:t,saveError:n,disabled:l}){return s.type==="url"?e.jsx(J,{field:s,onSave:t,saveError:n,disabled:l}):s.type==="int"?e.jsx(Y,{field:s,onSave:t,saveError:n,disabled:l}):s.type==="bool"?e.jsx(ee,{field:s,onSave:t,saveError:n,disabled:l}):e.jsx(Q,{field:s,onSave:t,saveError:n,disabled:l})}function le(){const s=B(),t=F(),n=I(),[l,r]=m.useState(null),[o,c]=m.useState({}),u=new Map;for(const a of t.data??[])u.get(a.model_key)===void 0&&u.set(a.model_key,a.input_price_per_million);const x=(a,b)=>{r(a),c(h=>({...h,[a]:""})),n.mutate({model_key:a,input_price_per_million:b*R,output_price_per_million:0},{onSuccess:()=>{r(null),p("Price saved")},onError:h=>{r(null),c(f=>({...f,[a]:h instanceof Error?h.message:"Could not save the price"}))}})},i=K(),[g,p]=H(),[y,j]=m.useState({}),v=s.data,D=!v||i.isPending,M=new Map(((v==null?void 0:v.fields)??[]).map(a=>[a.key,a])),$=(a,b)=>{j(h=>{const{[a.key]:f,...d}=h;return d}),i.mutate(W(a.key,b),{onSuccess:()=>p(`${a.key} saved`),onError:h=>j(f=>({...f,[a.key]:L(h)}))})};return e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(z,{title:"Tools & Guardrails",description:"Configure the built-in tool and guardrail service endpoints without a restart. Changes apply immediately and persist. URLs are validated for shape (http/https) and can be tested for reachability before saving; the network-safety gates for these services live on the Settings page."}),e.jsx(G,{error:s.error}),s.isLoading?e.jsx(O,{}):null,V.map(a=>{const b=a.order.map(d=>M.get(d)).filter(d=>d!==void 0),h=((v==null?void 0:v.fields)??[]).filter(d=>d.service===a.key&&!a.order.includes(d.key)),f=[...b,...h];return f.length===0?null:e.jsxs("section",{className:"flex flex-col gap-2",children:[e.jsx("h2",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:a.label}),e.jsx("p",{className:"text-sm text-[var(--otari-muted)]",children:a.blurb}),e.jsx(T,{children:e.jsxs(T.Content,{className:"flex flex-col divide-y divide-[var(--otari-line)] px-5 py-1",children:[a.pricingKey?e.jsx(Z,{pricingKey:a.pricingKey,configured:u.get(a.pricingKey)??null,onSave:d=>x(a.pricingKey,d),saving:l===a.pricingKey,saveError:o[a.pricingKey]||(t.error?"Could not load the current price. Reload before editing.":void 0),disabled:t.isLoading||!!t.error}):null,f.map(d=>e.jsx(se,{field:d,onSave:U=>$(d,U),saveError:y[d.key],disabled:D},d.key))]})})]},a.key)}),e.jsx(X,{message:g})]})}export{le as ToolsGuardrailsPage};
+import{j as e}from"./tanstack-query-1t81HyiD.js";import{r as m}from"./react-dgEcD0HR.js";import{G as B,V as F,m as I,as as K,P as z,E as G,a3 as O,_ as L,at as q,F as A}from"./index-DnXjp6g_.js";import{d as T,B as N}from"./heroui-COmYdDDM.js";function W(s,t){return{[s]:t}}const V=[{key:"web_search",label:"Web search",blurb:"Backend for otari_web_search tools (a SearXNG instance or a search adapter).",pricingKey:"otari:web_search",order:["web_search_url","web_search_engines","web_search_max_results","web_search_extract","web_search_purpose_hint"]},{key:"sandbox",label:"Code execution",blurb:"Backend for otari_code_execution tools (the sandbox that runs generated code).",pricingKey:"otari:code_execution",order:["sandbox_url","sandbox_purpose_hint"]},{key:"guardrails",label:"Guardrails",blurb:"Default input-guardrails service used when a request does not pass its own guardrail URL.",order:["guardrails_url"]}];function H(){const[s,t]=m.useState(null),n=m.useRef(void 0),l=r=>{t(r),window.clearTimeout(n.current),n.current=window.setTimeout(()=>t(null),2500)};return m.useEffect(()=>()=>window.clearTimeout(n.current),[]),[s,l]}function X({message:s}){return s?e.jsxs("div",{role:"status","aria-live":"polite",className:"fixed right-4 bottom-4 z-50 flex items-center gap-2 rounded-lg border border-green-200 bg-green-50 px-4 py-3 text-sm font-medium text-green-700 shadow-lg",children:[e.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,className:"h-5 w-5",children:e.jsx("path",{d:"M20 6 9 17l-5-5",strokeLinecap:"round",strokeLinejoin:"round"})}),s]}):null}const C="rounded-md border border-[var(--otari-line)] bg-[var(--otari-surface)] px-2 py-1 text-sm focus:border-[var(--otari-brand)] focus:outline-none disabled:opacity-50",_="grid gap-x-4 gap-y-1.5 py-4 sm:grid-cols-[minmax(0,1fr)_16rem_10rem] sm:items-start",E=`w-full sm:col-start-2 ${C}`,k="flex items-center gap-2 sm:col-start-3",S="flex flex-col gap-1 sm:col-span-2 sm:col-start-2";function w({message:s}){return s?e.jsx("span",{className:"break-words text-xs text-red-700",children:s}):null}function P({field:s,help:t}){return e.jsxs("div",{className:"min-w-0 sm:col-start-1",children:[e.jsx("code",{className:"text-sm font-medium text-[var(--otari-ink)]",children:s.key}),s.description?e.jsx("p",{className:"mt-1 text-sm text-[var(--otari-muted)]",children:s.description}):null,t?e.jsx("p",{className:"mt-1 text-xs text-[var(--otari-muted)]",children:t}):null]})}function J({field:s,onSave:t,saveError:n,disabled:l}){const r=typeof s.value=="string"?s.value:"",[o,c]=m.useState(r),[u,x]=m.useState(null),i=q();m.useEffect(()=>{c(r)},[r]);const g=o.trim()!==r,p=o.trim(),y=u!==null&&u===p;return e.jsxs("div",{className:_,children:[e.jsx(P,{field:s,help:"Leave blank and Save to fall back to the configured default."}),e.jsx("input",{type:"text",inputMode:"url","aria-label":s.key,value:o,disabled:l,placeholder:"unset",onChange:j=>{c(j.target.value),i.reset()},className:E}),e.jsxs("div",{className:k,children:[e.jsx(N,{size:"sm",variant:"primary","aria-label":`Save ${s.key}`,isDisabled:l||!g,onPress:()=>t(p===""?null:p),children:"Save"}),e.jsx(N,{size:"sm",variant:"outline","aria-label":`Test ${s.service}`,isDisabled:p===""||i.isPending,onPress:()=>{x(p),i.mutate({service:s.service,url:p})},children:i.isPending?"Testing…":"Test"})]}),e.jsxs("div",{className:S,children:[e.jsx("span",{role:"status","aria-live":"polite",className:"block break-words text-xs",children:i.isPending||!y?null:i.error?e.jsx("span",{className:"text-red-700",children:L(i.error)}):i.data?e.jsx("span",{className:i.data.ok?"font-medium text-green-700":"text-red-700",children:i.data.reason}):null}),e.jsx(w,{message:n})]})]})}function Q({field:s,onSave:t,saveError:n,disabled:l}){const r=typeof s.value=="string"?s.value:"",[o,c]=m.useState(r);m.useEffect(()=>{c(r)},[r]);const u=o!==r;return e.jsxs("div",{className:_,children:[e.jsx(P,{field:s}),e.jsx("input",{type:"text","aria-label":s.key,value:o,disabled:l,placeholder:"default",onChange:x=>c(x.target.value),className:E}),e.jsx("div",{className:k,children:e.jsx(N,{size:"sm",variant:"primary","aria-label":`Save ${s.key}`,isDisabled:l||!u,onPress:()=>t(o.trim()===""?null:o.trim()),children:"Save"})}),n?e.jsx("div",{className:S,children:e.jsx(w,{message:n})}):null]})}function Y({field:s,onSave:t,saveError:n,disabled:l}){const r=typeof s.value=="number"?String(s.value):"",[o,c]=m.useState(r);m.useEffect(()=>{c(r)},[r]);const u=o.trim(),x=Number(u),g=(u===""||Number.isInteger(x)&&x>=1)&&u!==r;return e.jsxs("div",{className:_,children:[e.jsx(P,{field:s,help:"Leave blank to use the backend default."}),e.jsx("input",{type:"number",min:"1",step:"1",inputMode:"numeric","aria-label":s.key,value:o,disabled:l,placeholder:"default",onChange:p=>c(p.target.value),className:`w-full text-right tabular-nums sm:col-start-2 sm:w-28 sm:justify-self-end ${C}`}),e.jsx("div",{className:k,children:e.jsx(N,{size:"sm",variant:"primary","aria-label":`Save ${s.key}`,isDisabled:l||!g,onPress:()=>t(u===""?null:x),children:"Save"})}),n?e.jsx("div",{className:S,children:e.jsx(w,{message:n})}):null]})}const R=1e6;function Z({pricingKey:s,configured:t,onSave:n,saving:l,saveError:r,disabled:o}){const c=t===null?"":String(t/R),[u,x]=m.useState(c);m.useEffect(()=>{x(c)},[c]);const i=u.trim(),g=Number(i),y=i!==""&&Number.isFinite(g)&&g>=0&&i!==c;return e.jsxs("div",{className:_,children:[e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx("span",{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Price per call"}),e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:t===null?e.jsxs(e.Fragment,{children:["Not priced. Calls are recorded but billed nothing, and with"," ",e.jsx("code",{className:"font-mono",children:"require_pricing"})," on they are refused. Stored as"," ",e.jsx("code",{className:"font-mono",children:s}),"."]}):e.jsxs(e.Fragment,{children:["Charged per call and added to the request that ran it. Stored as"," ",e.jsx("code",{className:"font-mono",children:s}),"."]})})]}),e.jsxs("div",{className:"flex items-center gap-1.5 sm:col-start-2 sm:justify-self-end",children:[e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"USD"}),e.jsx("input",{type:"number",min:"0",step:"0.0001",inputMode:"decimal","aria-label":`Price per call for ${s}`,value:u,disabled:o,placeholder:"0.00",onChange:j=>x(j.target.value),className:`w-full text-right tabular-nums sm:w-28 ${C}`})]}),e.jsx("div",{className:k,children:e.jsx(N,{size:"sm",variant:"primary","aria-label":`Save price for ${s}`,isDisabled:o||!y||l,onPress:()=>n(g),children:l?"Saving…":"Save"})}),r?e.jsx("div",{className:S,children:e.jsx(w,{message:r})}):null]})}function ee({field:s,onSave:t,saveError:n,disabled:l}){const r=s.value===!0?"on":s.value===!1?"off":"default";return e.jsxs("div",{className:_,children:[e.jsx(P,{field:s}),e.jsx("div",{className:"sm:col-start-2 sm:justify-self-start",children:e.jsx(A,{ariaLabel:s.key,value:r,onChange:o=>t(o==="default"?null:o==="on"),options:[{value:"default",label:"Default"},{value:"on",label:"On"},{value:"off",label:"Off"}],disabled:l})}),n?e.jsx("div",{className:S,children:e.jsx(w,{message:n})}):null]})}function se({field:s,onSave:t,saveError:n,disabled:l}){return s.type==="url"?e.jsx(J,{field:s,onSave:t,saveError:n,disabled:l}):s.type==="int"?e.jsx(Y,{field:s,onSave:t,saveError:n,disabled:l}):s.type==="bool"?e.jsx(ee,{field:s,onSave:t,saveError:n,disabled:l}):e.jsx(Q,{field:s,onSave:t,saveError:n,disabled:l})}function le(){const s=B(),t=F(),n=I(),[l,r]=m.useState(null),[o,c]=m.useState({}),u=new Map;for(const a of t.data??[])u.get(a.model_key)===void 0&&u.set(a.model_key,a.input_price_per_million);const x=(a,b)=>{r(a),c(h=>({...h,[a]:""})),n.mutate({model_key:a,input_price_per_million:b*R,output_price_per_million:0},{onSuccess:()=>{r(null),p("Price saved")},onError:h=>{r(null),c(f=>({...f,[a]:h instanceof Error?h.message:"Could not save the price"}))}})},i=K(),[g,p]=H(),[y,j]=m.useState({}),v=s.data,D=!v||i.isPending,M=new Map(((v==null?void 0:v.fields)??[]).map(a=>[a.key,a])),$=(a,b)=>{j(h=>{const{[a.key]:f,...d}=h;return d}),i.mutate(W(a.key,b),{onSuccess:()=>p(`${a.key} saved`),onError:h=>j(f=>({...f,[a.key]:L(h)}))})};return e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(z,{title:"Tools & Guardrails",description:"Configure the built-in tool and guardrail service endpoints without a restart. Changes apply immediately and persist. URLs are validated for shape (http/https) and can be tested for reachability before saving; the network-safety gates for these services live on the Settings page."}),e.jsx(G,{error:s.error}),s.isLoading?e.jsx(O,{}):null,V.map(a=>{const b=a.order.map(d=>M.get(d)).filter(d=>d!==void 0),h=((v==null?void 0:v.fields)??[]).filter(d=>d.service===a.key&&!a.order.includes(d.key)),f=[...b,...h];return f.length===0?null:e.jsxs("section",{className:"flex flex-col gap-2",children:[e.jsx("h2",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:a.label}),e.jsx("p",{className:"text-sm text-[var(--otari-muted)]",children:a.blurb}),e.jsx(T,{children:e.jsxs(T.Content,{className:"flex flex-col divide-y divide-[var(--otari-line)] px-5 py-1",children:[a.pricingKey?e.jsx(Z,{pricingKey:a.pricingKey,configured:u.get(a.pricingKey)??null,onSave:d=>x(a.pricingKey,d),saving:l===a.pricingKey,saveError:o[a.pricingKey]||(t.error?"Could not load the current price. Reload before editing.":void 0),disabled:t.isLoading||!!t.error}):null,f.map(d=>e.jsx(se,{field:d,onSave:U=>$(d,U),saveError:y[d.key],disabled:D},d.key))]})})]},a.key)}),e.jsx(X,{message:g})]})}export{le as ToolsGuardrailsPage};
diff --git a/src/gateway/static/dashboard/assets/UsagePage-BbuXicXf.js b/src/gateway/static/dashboard/assets/UsagePage-BbuXicXf.js
new file mode 100644
index 000000000..239cd54df
--- /dev/null
+++ b/src/gateway/static/dashboard/assets/UsagePage-BbuXicXf.js
@@ -0,0 +1 @@
+import{j as s}from"./tanstack-query-1t81HyiD.js";import{i as ys,r as u}from"./react-dgEcD0HR.js";import{u as bs,c as _s,p as ge,i as js,g as fe,au as ws,av as Ss,a5 as ee,aw as We,P as Ns,E as Cs,o as ke,f as Ls,R as Ts,ax as Ye,z as Es,a6 as G,a8 as se,a7 as ae,aa as Be,ay as H,F as Rs,h as Fs,ac as Os,r as qs}from"./index-DnXjp6g_.js";import{S as te,C as As,T as Ps}from"./charts-krq1PqQO.js";import{D as Ze}from"./DataTable-DuDxGlJc.js";import{F as Ds}from"./FilterChips-DTdIceb1.js";import{B as P,S as Me}from"./heroui-COmYdDDM.js";import"./recharts-C3cGlHOx.js";function D(c){return c.toLocaleString()}function $s(c){return c===null?"—":c<1e3?`${Math.round(c)} ms`:`${(c/1e3).toFixed(2)} s`}function Bs(c,x){const y=new Date(c);return Number.isNaN(y.getTime())?c:x==="hour"?y.toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit",timeZone:"UTC"}):y.toLocaleDateString(void 0,{month:"short",day:"numeric",timeZone:"UTC"})}const Ue=Fs(Ye,We),ye=15,Ie=[{key:"cost",label:"Cost"},{key:"tokens",label:"Tokens"},{key:"requests",label:"Requests"}],Ms=[{value:"",label:"None"},{value:"model",label:"Model"},{value:"user_id",label:"User"},{value:"api_key_id",label:"API key"},{value:"source",label:"Source"}],Us=[{key:"fresh",label:"Fresh input",color:"var(--otari-ink)"},{key:"cache_read",label:"Cache read",color:"var(--otari-brand)"},{key:"cache_write",label:"Cache write",color:"var(--otari-brand-soft)"},{key:"output",label:"Output",color:"var(--otari-brand-dark)"}],Is=[{key:"success",label:"Succeeded",color:"var(--otari-brand)"},{key:"errors",label:"Failed",color:"var(--otari-danger)"}],Ke=["var(--otari-cat-1)","var(--otari-cat-2)","var(--otari-cat-3)","var(--otari-cat-4)","var(--otari-cat-5)","var(--otari-cat-6)","var(--otari-cat-7)","var(--otari-cat-8)"],Ks="var(--otari-cat-other)";function zs(c){return c==="cost"?ae:c==="tokens"?H:D}const ze="__other__",Ge="__unknown__";function He({dimensionLabel:c,rows:x,totalCost:y,emptyLabel:v,unknownLabel:$="(unknown)",onDrill:n,loading:C}){const[g,B]=u.useState(!1),W=g?x:x.slice(0,ye),Y=x.length-W.length,re=o=>o.is_other?ze:o.key??Ge,Z=[{id:"name",header:c,isRowHeader:!0,cell:o=>{const M=y>0?o.cost/y:0;return s.jsxs("div",{className:"flex flex-col gap-1",children:[s.jsx("span",{className:"truncate text-[var(--otari-ink)]",children:o.is_other?`Other (${o.requests.toLocaleString()} req)`:o.key===null?$:o.key}),s.jsx("span",{className:"h-1 w-full overflow-hidden rounded-full bg-[var(--otari-line)]",children:s.jsx("span",{className:"block h-full rounded-full bg-[var(--otari-brand)]",style:{width:`${Math.min(100,M*100)}%`}})})]})}},{id:"requests",header:"Requests",align:"end",cell:o=>s.jsx("span",{className:"text-[var(--otari-muted)]",children:D(o.requests)})},{id:"tokens",header:"Tokens",align:"end",cell:o=>s.jsx("span",{className:"text-[var(--otari-muted)]",children:H(o.tokens)})},{id:"spend",header:"Spend",align:"end",cell:o=>s.jsx("span",{className:"text-[var(--otari-ink)]",children:ae(o.cost)})}];return s.jsxs("div",{className:"flex flex-col gap-2",children:[s.jsx(Ze,{ariaLabel:`Spend by ${c.toLowerCase()}`,columns:Z,rows:W,getRowKey:re,isLoading:C,emptyContent:v,onRowAction:o=>{o!==ze&&o!==Ge&&n(o)}}),!C&&Y>0?s.jsxs(P,{size:"sm",variant:"ghost",onPress:()=>B(!0),children:["Show all ",x.length]}):null,!C&&g&&x.length>ye?s.jsxs(P,{size:"sm",variant:"ghost",onPress:()=>B(!1),children:["Show top ",ye]}):null]})}function Gs({rows:c,totalCost:x,onDrill:y,loading:v}){const $=[{id:"tool",header:"Tool",isRowHeader:!0,cell:n=>{const C=x>0?n.cost/x:0;return s.jsxs("div",{className:"flex flex-col gap-1",children:[s.jsx("span",{className:"truncate text-[var(--otari-ink)]",children:n.tool.replaceAll("_"," ")}),s.jsx("span",{className:"h-1 w-full overflow-hidden rounded-full bg-[var(--otari-line)]",children:s.jsx("span",{className:"block h-full rounded-full bg-[var(--otari-brand)]",style:{width:`${Math.min(100,C*100)}%`}})})]})}},{id:"calls",header:"Calls",align:"end",cell:n=>s.jsx("span",{className:"text-[var(--otari-muted)]",children:D(n.calls)})},{id:"failed",header:"Failed",align:"end",cell:n=>s.jsx("span",{className:n.errors?"text-red-700":"text-[var(--otari-muted)]",children:D(n.errors)})},{id:"requests",header:"Requests",align:"end",cell:n=>s.jsx("span",{className:"text-[var(--otari-muted)]",children:D(n.requests)})},{id:"spend",header:"Spend",align:"end",cell:n=>s.jsx("span",{className:"text-[var(--otari-ink)]",children:ae(n.cost)})}];return s.jsx(Ze,{ariaLabel:"Spend by gateway-run tool",columns:$,rows:c,getRowKey:n=>n.tool,isLoading:v,emptyContent:"No gateway-run tool calls in this range.",onRowAction:n=>y(String(n))})}const Hs=["model","user","source_label","endpoint","provider","source","tool"],Ws=["model"];function tt(){var qe,Ae,Pe,De;const c=ys(),x=bs(),y=_s(),[v,$]=u.useState(Ue),[n,C]=u.useState(()=>ge(Ue.seconds??0)),[g,B]=u.useState(!1),[W,Y]=u.useState(),[re,Z]=u.useState(),[o,M]=u.useState([]),[b,oe]=u.useState([]),[f,ne]=u.useState([]),[h,Qe]=u.useState("cost"),[F,Ve]=u.useState(""),k=g?W:n,w=g?re:void 0,L=g?k?js(k,w):"day":v.bucket,T=u.useMemo(()=>({start_date:k,end_date:w,model:o.length>0?o:void 0,user_id:b.length>0?b:void 0,api_key_id:f.length>0?f:void 0}),[k,w,o,b,f]),U=u.useMemo(()=>{if(g){if(!k||!w)return null;const e=new Date(w).getTime()-new Date(k).getTime();return e>0?{...T,start_date:new Date(new Date(k).getTime()-e).toISOString(),end_date:k}:null}return!n||v.seconds===null?null:{...T,start_date:new Date(new Date(n).getTime()-v.seconds*1e3).toISOString(),end_date:n}},[g,k,w,T,v.seconds,n]),j=fe(T,L,Hs),le=fe(U??T,L,Os,U!==null),E=ws(T,L,F||null),ie=F!==""&&E.error instanceof Ss&&E.error.status===404,O=ie?"":F,t=j.data,a=t==null?void 0:t.totals,_=U!==null?(qe=le.data)==null?void 0:qe.totals:void 0,be=a?ee(a.cost,_==null?void 0:_.cost):null,Xe=u.useMemo(()=>({...T,model:void 0}),[T]),_e=fe(Xe,L,Ws),Je=((Pe=(Ae=_e.data)==null?void 0:Ae.by_model)==null?void 0:Pe.filter(e=>!e.is_other&&e.key!==null).map(e=>e.key))??[],je=(x.data??[]).map(e=>({value:e.user_id,label:e.alias?`${e.alias} (${e.user_id})`:e.user_id})),ce=(y.data??[]).map(e=>({value:e.id,label:e.key_name??`${e.id.slice(0,8)}…`})),es=e=>{var l;return((l=ce.find(i=>i.value===e))==null?void 0:l.label)??e},ss=Je.map(e=>({value:e,label:e})),ts=g||v.key!==We,de=o.length>0||b.length>0||f.length>0||ts,we=(e,l)=>{var i;return((i=e.find(r=>r.value===l))==null?void 0:i.label)??l},as=()=>{M([]),oe([]),ne([])},ue=(e,l,i,r,m)=>i.map(S=>({key:`${e}:${S}`,label:l,value:r(S),clearLabel:`Remove ${l} filter ${r(S)}`,onClear:()=>m(i.filter(A=>A!==S))})),rs=[...ue("user","User",b,e=>we(je,e),oe),...ue("model","Model",o,e=>e,M),...ue("key","API key",f,e=>we(ce,e),ne)],os=!!(t&&a&&a.request_count===0&&!de),ns=(t==null?void 0:t.start_date)??k,ls=(t==null?void 0:t.end_date)??w,Se=e=>{B(!1),$(e),C(ge(e.seconds??0)),Y(void 0),Z(void 0)},is=(e,l)=>{B(!0),Y(e),Z(l)},cs=()=>{g||C(ge(v.seconds??0)),j.refetch(),_e.refetch(),U!==null&&le.refetch(),F&&E.refetch()},q=e=>{const l=new URLSearchParams;k&&l.set("start_date",k),w&&l.set("end_date",w);for(const[i,r]of Object.entries(e))for(const m of typeof r=="string"?[r]:r??[])m&&l.append(i,m);c(`/activity?${l.toString()}`)},ds=a&&a.request_count>0?a.error_count/a.request_count:0,Ne=((t==null?void 0:t.by_source)??[]).filter(e=>!e.is_other).length>1,us=Ne||F==="source",p=(t==null?void 0:t.series)??[],Q=p.length>1,Ce=a==null?void 0:a.billed_input_tokens,V=a===void 0?null:Ce!==void 0?Ce+(a.billed_output_tokens??a.completion_tokens):a.total_tokens,ms=_===void 0?null:_.billed_input_tokens!==void 0?_.billed_input_tokens+(_.billed_output_tokens??_.completion_tokens):_.total_tokens,Le=e=>{let l=0,i=0,r=0;for(const m of e)l+=m.input_tokens??0,i+=m.cache_read_tokens??0,r+=m.cache_write_tokens??0;return{input:l,read:i,write:r}},I=Le(p),X=I.input>0?I.read/I.input:null,me=Le(U!==null?((De=le.data)==null?void 0:De.series)??[]:[]),Te=me.input>0?me.read/me.input:void 0,Ee=e=>e.input_tokens!==void 0?e.input_tokens+(e.output_tokens??0):e.tokens,he=p.some(e=>(e.input_tokens??0)>0),Re=p.some(e=>(e.errors??0)>0),R=u.useMemo(()=>{var i;const e=p.map(r=>r.bucket_start);if(O){const r=E.data;if(!r)return{series:[],data:[]};const m=r.groups.map((d,N)=>({key:`g${N}`,label:d.is_other?"Other":d.key===null?"(unknown)":O==="api_key_id"?es(d.key):d.key,color:d.is_other?Ks:Ke[N%Ke.length]})),S=new Map(r.groups.map((d,N)=>[`${d.is_other}|${d.key}`,`g${N}`])),A=new Map(e.map(d=>[d,{x:d,...Object.fromEntries(m.map(N=>[N.key,0]))}]));for(const d of r.points){const N=S.get(`${d.is_other}|${d.key}`),$e=A.get(d.bucket_start);!N||!$e||($e[N]=h==="cost"?d.cost:h==="tokens"?d.tokens:d.requests)}return{series:m,data:[...A.values()]}}return h==="tokens"&&he?{series:Us,data:p.map(r=>{const m=r.input_tokens??0,S=r.cache_read_tokens??0,A=r.cache_write_tokens??0;return{x:r.bucket_start,fresh:Math.max(0,m-S-A),cache_read:S,cache_write:A,output:r.output_tokens??0}})}:h==="requests"&&Re?{series:Is,data:p.map(r=>{const m=Math.min(r.errors??0,r.requests);return{x:r.bucket_start,success:r.requests-m,errors:m}})}:{series:[{key:h,label:((i=Ie.find(r=>r.key===h))==null?void 0:i.label)??h,color:"var(--otari-brand)"}],data:p.map(r=>({x:r.bucket_start,[h]:h==="cost"?r.cost:h==="tokens"?Ee(r):r.requests}))}},[p,O,E.data,h,he,Re,y.data]),Fe=zs(h),hs=j.isLoading||!!O&&E.isLoading,ps=R.data.length?Math.max(...R.data.map(e=>R.series.reduce((l,i)=>l+(typeof e[i.key]=="number"?e[i.key]:0),0))):0,xs=p.map(e=>e.bucket_start),vs=(e,l)=>{const i=qs(xs,e,l,L);i&&is(i.startIso,i.endIso)},pe=[{key:"model",label:"Model",rows:(t==null?void 0:t.by_model)??[],drill:e=>q({model:e,user_id:b,api_key_id:f})},{key:"user",label:"User",rows:(t==null?void 0:t.by_user)??[],drill:e=>q({user_id:e,model:o,api_key_id:f})}],gs=[{key:"source_label",label:"Session",rows:(t==null?void 0:t.by_source_label)??[],unknownLabel:"(no session)",drill:e=>q({source_label:e,model:o,user_id:b,api_key_id:f})},{key:"endpoint",label:"Endpoint",rows:(t==null?void 0:t.by_endpoint)??[],drill:e=>q({endpoint:e,model:o,user_id:b,api_key_id:f})},{key:"provider",label:"Provider",rows:(t==null?void 0:t.by_provider)??[],drill:e=>q({provider:e,model:o,user_id:b,api_key_id:f})},{key:"source",label:"Source",rows:(t==null?void 0:t.by_source)??[],drill:e=>q({source:e,model:o,user_id:b,api_key_id:f})}],Oe=(t==null?void 0:t.by_tool)??[],[xe,fs]=u.useState("model"),[J,ks]=u.useState("source_label"),K=pe.find(e=>e.key===xe)??pe[0],ve=gs.filter(e=>e.key!=="source"||Ne||J==="source"),z=ve.find(e=>e.key===J)??ve[0];return s.jsxs("div",{className:"flex flex-col gap-6",children:[s.jsx(Ns,{title:"Usage & analytics",description:"Spend, tokens, cache use, and request volume over time. Group the chart by model, user, key, or source, and click a breakdown row to drill into the request log."}),s.jsx(Cs,{error:j.error??(F!==""&&!ie?E.error:null)}),s.jsxs(Ds,{chips:rs,onClearAll:as,start:Ye.map(e=>s.jsx(P,{size:"sm",variant:!g&&v.key===e.key?"primary":"outline",onPress:()=>Se(e),children:e.label},e.key)),end:s.jsxs(s.Fragment,{children:[s.jsxs("span",{className:"text-xs text-[var(--otari-muted)]",children:["Showing ",Ls(ns,ls)," · UTC"]}),s.jsx(Ts,{onRefresh:cs,isFetching:j.isFetching,updatedAt:j.dataUpdatedAt})]}),children:[s.jsx(ke,{label:"User",values:b,onChange:oe,options:je,placeholder:"All users"}),s.jsx(ke,{label:"Model",values:o,onChange:M,options:ss,placeholder:"All models"}),s.jsx(ke,{label:"API key",values:f,onChange:ne,options:ce,placeholder:"All keys"})]}),os?s.jsx(Es,{title:"No usage yet",description:"Once the gateway serves requests, spend and volume appear here."}):s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"grid grid-cols-2 gap-4 sm:grid-cols-3 xl:grid-cols-5",children:[s.jsx(G,{label:"Tracked cost",value:a?ae(a.cost):"—",hint:a?s.jsxs("span",{className:"text-[var(--otari-muted)]",children:[s.jsx(se,{fraction:be}),a.unpriced_requests?`${be!==null?" · ":""}${D(a.unpriced_requests)} unpriced`:null]}):null,chart:Q?s.jsx(te,{values:p.map(e=>e.cost),ariaLabel:"Spend trend over the selected window"}):void 0}),s.jsx(G,{label:"Requests",value:a?D(a.request_count):"—",hint:a?s.jsxs("span",{className:"text-[var(--otari-muted)]",children:[Be(ds)," errors",_?s.jsxs(s.Fragment,{children:[" · ",s.jsx(se,{fraction:ee(a.request_count,_.request_count)})]}):null]}):null,chart:Q?s.jsx(te,{values:p.map(e=>e.requests),ariaLabel:"Request volume trend over the selected window"}):void 0}),s.jsx(G,{label:"Tokens (billed)",value:V!==null?H(V):"—",hint:V!==null?s.jsx(se,{fraction:ee(V,ms??void 0)}):null,chart:Q?s.jsx(te,{values:p.map(Ee),ariaLabel:"Billed token trend over the selected window"}):void 0}),s.jsx(G,{label:"Cache hit rate",value:X!==null?Be(X):"—",hint:a?s.jsxs("span",{className:"text-[var(--otari-muted)]",children:[X!==null&&Te!==void 0?s.jsxs(s.Fragment,{children:[s.jsx(se,{fraction:ee(X,Te)})," · "]}):null,H(I.read)," read · ",H(I.write)," written"]}):null,chart:Q&&he?s.jsx(te,{values:p.map(e=>(e.input_tokens??0)>0?(e.cache_read_tokens??0)/(e.input_tokens??1):0),ariaLabel:"Cache hit rate trend over the selected window"}):void 0}),s.jsx(G,{label:"Avg latency",value:a?$s(a.avg_latency_ms):"—"})]}),s.jsxs("div",{className:"flex flex-col gap-3 rounded-xl border border-[var(--otari-line)] bg-[var(--otari-surface)] p-4",children:[s.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[s.jsx("div",{className:"inline-flex gap-1.5",children:Ie.map(e=>s.jsx(P,{size:"sm",variant:h===e.key?"primary":"outline","aria-pressed":h===e.key,onPress:()=>Qe(e.key),children:e.label},e.key))}),s.jsxs("div",{className:"flex items-center gap-2",children:[g?s.jsx(P,{size:"sm",variant:"ghost",onPress:()=>Se(v),children:"Reset zoom"}):null,j.isFetching||O&&E.isFetching?s.jsx(Me,{size:"sm"}):null,s.jsx(Rs,{ariaLabel:"Group by",value:F,onChange:e=>Ve(e),options:Ms.filter(e=>e.value!=="source"||us).map(e=>({value:e.value,label:e.value?`By ${e.label.toLowerCase()}`:"No grouping"}))})]})]}),ie?s.jsx("div",{className:"rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800",children:"The running gateway predates grouped series, so the chart shows ungrouped totals. Restart the gateway on this build to enable grouping."}):null,s.jsx(As,{series:R.series}),hs?s.jsx("div",{className:"flex h-64 items-center justify-center",children:s.jsx(Me,{size:"sm"})}):R.data.length===0?s.jsx("div",{className:"flex h-64 items-center justify-center text-sm text-[var(--otari-muted)]",children:"No data in this range."}):s.jsxs("figure",{className:"flex flex-col gap-2",children:[s.jsx(Ps,{data:R.data,series:R.series,formatValue:Fe,formatXTick:e=>Bs(e,L),ariaLabel:`${h} per ${L}${O?`, grouped by ${O}`:""}`,height:260,showYAxis:!0,showTotal:!0,onSelectRange:vs}),s.jsxs("figcaption",{className:"text-xs text-[var(--otari-muted)]",children:[Fe(ps)," peak · ",R.data.length," ",L==="hour"?"hours":"days"," (times in UTC) · drag across the chart to zoom"]})]})]}),s.jsxs("div",{className:"grid gap-6 xl:grid-cols-2",children:[s.jsxs("div",{className:"flex flex-col gap-3",children:[s.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[s.jsxs("h2",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:["Spend by ",K.label.toLowerCase()]}),s.jsx("div",{className:"inline-flex gap-1.5",children:pe.map(e=>s.jsx(P,{size:"sm",variant:xe===e.key?"primary":"outline","aria-pressed":xe===e.key,onPress:()=>fs(e.key),children:e.label},e.key))})]}),s.jsx(He,{dimensionLabel:K.label,rows:K.rows,totalCost:(a==null?void 0:a.cost)??0,emptyLabel:de?"No usage matches these filters.":"No usage recorded yet.",unknownLabel:K.unknownLabel,onDrill:K.drill,loading:j.isLoading})]}),s.jsxs("div",{className:"flex flex-col gap-3",children:[s.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[s.jsxs("h2",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:["Spend by ",z.label.toLowerCase()]}),s.jsx("div",{className:"inline-flex gap-1.5",children:ve.map(e=>s.jsx(P,{size:"sm",variant:J===e.key?"primary":"outline","aria-pressed":J===e.key,onPress:()=>ks(e.key),children:e.label},e.key))})]}),s.jsx(He,{dimensionLabel:z.label,rows:z.rows,totalCost:(a==null?void 0:a.cost)??0,emptyLabel:de?"No usage matches these filters.":"No usage recorded yet.",unknownLabel:z.unknownLabel,onDrill:z.drill,loading:j.isLoading})]})]}),Oe.length?s.jsxs("div",{className:"rounded-2xl border border-[var(--otari-line)] bg-[var(--otari-surface)] p-4",children:[s.jsxs("div",{className:"mb-3 flex flex-col gap-1",children:[s.jsx("h2",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:"Gateway-run tools"}),s.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:"Tools Otari ran itself, billed per call. MCP tools are not listed here: their names come from your own server, so they appear on each request instead."})]}),s.jsx(Gs,{rows:Oe,totalCost:(a==null?void 0:a.cost)??0,onDrill:e=>q({tool:e}),loading:j.isLoading})]}):null]})]})}export{tt as UsagePage};
diff --git a/src/gateway/static/dashboard/assets/UsagePage-pCJIBBUc.js b/src/gateway/static/dashboard/assets/UsagePage-pCJIBBUc.js
deleted file mode 100644
index 8687ba675..000000000
--- a/src/gateway/static/dashboard/assets/UsagePage-pCJIBBUc.js
+++ /dev/null
@@ -1 +0,0 @@
-import{j as s}from"./tanstack-query-1t81HyiD.js";import{i as gs,r as u}from"./react-dgEcD0HR.js";import{u as ys,c as fs,p as ke,i as _s,g as be,au as js,av as ws,a5 as ee,aw as We,P as Ss,E as Ns,o as ge,f as Cs,R as Ls,ax as Ye,z as Ts,a6 as z,a8 as se,a7 as ae,aa as Ue,ay as G,F as Es,h as Rs,ac as Fs,r as Os}from"./index-BE7E0N2z.js";import{S as te,C as qs,T as As}from"./charts-krq1PqQO.js";import{D as Ze}from"./DataTable-DuDxGlJc.js";import{F as Ps}from"./FilterChips-o0JYRTLi.js";import{B as q,S as Me}from"./heroui-COmYdDDM.js";import"./recharts-C3cGlHOx.js";function A(i){return i.toLocaleString()}function Ds(i){return i===null?"—":i<1e3?`${Math.round(i)} ms`:`${(i/1e3).toFixed(2)} s`}function Bs(i,p){const g=new Date(i);return Number.isNaN(g.getTime())?i:p==="hour"?g.toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit",timeZone:"UTC"}):g.toLocaleDateString(void 0,{month:"short",day:"numeric",timeZone:"UTC"})}const $e=Rs(Ye,We),ye=15,Ie=[{key:"cost",label:"Cost"},{key:"tokens",label:"Tokens"},{key:"requests",label:"Requests"}],Us=[{value:"",label:"None"},{value:"model",label:"Model"},{value:"user_id",label:"User"},{value:"api_key_id",label:"API key"},{value:"source",label:"Source"}],Ms=[{key:"fresh",label:"Fresh input",color:"var(--otari-ink)"},{key:"cache_read",label:"Cache read",color:"var(--otari-brand)"},{key:"cache_write",label:"Cache write",color:"var(--otari-brand-soft)"},{key:"output",label:"Output",color:"var(--otari-brand-dark)"}],$s=[{key:"success",label:"Succeeded",color:"var(--otari-brand)"},{key:"errors",label:"Failed",color:"var(--otari-danger)"}],Ke=["var(--otari-cat-1)","var(--otari-cat-2)","var(--otari-cat-3)","var(--otari-cat-4)","var(--otari-cat-5)","var(--otari-cat-6)","var(--otari-cat-7)","var(--otari-cat-8)"],Is="var(--otari-cat-other)";function Ks(i){return i==="cost"?ae:i==="tokens"?G:A}const ze="__other__",Ge="__unknown__";function He({dimensionLabel:i,rows:p,totalCost:g,emptyLabel:v,unknownLabel:P="(unknown)",onDrill:n,loading:N}){const[x,D]=u.useState(!1),H=x?p:p.slice(0,ye),W=p.length-H.length,re=r=>r.is_other?ze:r.key??Ge,Y=[{id:"name",header:i,isRowHeader:!0,cell:r=>{const B=g>0?r.cost/g:0;return s.jsxs("div",{className:"flex flex-col gap-1",children:[s.jsx("span",{className:"truncate text-[var(--otari-ink)]",children:r.is_other?`Other (${r.requests.toLocaleString()} req)`:r.key===null?P:r.key}),s.jsx("span",{className:"h-1 w-full overflow-hidden rounded-full bg-[var(--otari-line)]",children:s.jsx("span",{className:"block h-full rounded-full bg-[var(--otari-brand)]",style:{width:`${Math.min(100,B*100)}%`}})})]})}},{id:"requests",header:"Requests",align:"end",cell:r=>s.jsx("span",{className:"text-[var(--otari-muted)]",children:A(r.requests)})},{id:"tokens",header:"Tokens",align:"end",cell:r=>s.jsx("span",{className:"text-[var(--otari-muted)]",children:G(r.tokens)})},{id:"spend",header:"Spend",align:"end",cell:r=>s.jsx("span",{className:"text-[var(--otari-ink)]",children:ae(r.cost)})}];return s.jsxs("div",{className:"flex flex-col gap-2",children:[s.jsx(Ze,{ariaLabel:`Spend by ${i.toLowerCase()}`,columns:Y,rows:H,getRowKey:re,isLoading:N,emptyContent:v,onRowAction:r=>{r!==ze&&r!==Ge&&n(r)}}),!N&&W>0?s.jsxs(q,{size:"sm",variant:"ghost",onPress:()=>D(!0),children:["Show all ",p.length]}):null,!N&&x&&p.length>ye?s.jsxs(q,{size:"sm",variant:"ghost",onPress:()=>D(!1),children:["Show top ",ye]}):null]})}function zs({rows:i,totalCost:p,onDrill:g,loading:v}){const P=[{id:"tool",header:"Tool",isRowHeader:!0,cell:n=>{const N=p>0?n.cost/p:0;return s.jsxs("div",{className:"flex flex-col gap-1",children:[s.jsx("span",{className:"truncate text-[var(--otari-ink)]",children:n.tool.replaceAll("_"," ")}),s.jsx("span",{className:"h-1 w-full overflow-hidden rounded-full bg-[var(--otari-line)]",children:s.jsx("span",{className:"block h-full rounded-full bg-[var(--otari-brand)]",style:{width:`${Math.min(100,N*100)}%`}})})]})}},{id:"calls",header:"Calls",align:"end",cell:n=>s.jsx("span",{className:"text-[var(--otari-muted)]",children:A(n.calls)})},{id:"failed",header:"Failed",align:"end",cell:n=>s.jsx("span",{className:n.errors?"text-red-700":"text-[var(--otari-muted)]",children:A(n.errors)})},{id:"requests",header:"Requests",align:"end",cell:n=>s.jsx("span",{className:"text-[var(--otari-muted)]",children:A(n.requests)})},{id:"spend",header:"Spend",align:"end",cell:n=>s.jsx("span",{className:"text-[var(--otari-ink)]",children:ae(n.cost)})}];return s.jsx(Ze,{ariaLabel:"Spend by gateway-run tool",columns:P,rows:i,getRowKey:n=>n.tool,isLoading:v,emptyContent:"No gateway-run tool calls in this range.",onRowAction:n=>g(String(n))})}const Gs=["model","user","source_label","endpoint","provider","source","tool"],Hs=["model"];function st(){var qe,Ae,Pe,De;const i=gs(),p=ys(),g=fs(),[v,P]=u.useState($e),[n,N]=u.useState(()=>ke($e.seconds??0)),[x,D]=u.useState(!1),[H,W]=u.useState(),[re,Y]=u.useState(),[r,B]=u.useState(""),[y,oe]=u.useState(""),[k,ne]=u.useState(""),[m,Qe]=u.useState("cost"),[R,Ve]=u.useState(""),b=x?H:n,w=x?re:void 0,C=x?b?_s(b,w):"day":v.bucket,L=u.useMemo(()=>({start_date:b,end_date:w,model:r.trim()||void 0,user_id:y||void 0,api_key_id:k||void 0}),[b,w,r,y,k]),U=u.useMemo(()=>{if(x){if(!b||!w)return null;const e=new Date(w).getTime()-new Date(b).getTime();return e>0?{...L,start_date:new Date(new Date(b).getTime()-e).toISOString(),end_date:b}:null}return!n||v.seconds===null?null:{...L,start_date:new Date(new Date(n).getTime()-v.seconds*1e3).toISOString(),end_date:n}},[x,b,w,L,v.seconds,n]),j=be(L,C,Gs),le=be(U??L,C,Fs,U!==null),T=js(L,C,R||null),ie=R!==""&&T.error instanceof ws&&T.error.status===404,F=ie?"":R,t=j.data,a=t==null?void 0:t.totals,f=U!==null?(qe=le.data)==null?void 0:qe.totals:void 0,fe=a?ee(a.cost,f==null?void 0:f.cost):null,Xe=u.useMemo(()=>({...L,model:void 0}),[L]),_e=be(Xe,C,Hs),ce=((Pe=(Ae=_e.data)==null?void 0:Ae.by_model)==null?void 0:Pe.filter(e=>!e.is_other&&e.key!==null).map(e=>e.key))??[],je=(p.data??[]).map(e=>({value:e.user_id,label:e.alias?`${e.alias} (${e.user_id})`:e.user_id})),de=(g.data??[]).map(e=>({value:e.id,label:e.key_name??`${e.id.slice(0,8)}…`})),Je=e=>{var l;return((l=de.find(c=>c.value===e))==null?void 0:l.label)??e},es=(r&&!ce.includes(r)?[r,...ce]:ce).map(e=>({value:e,label:e})),ss=x||v.key!==We,ue=!!(r.trim()||y||k||ss),we=(e,l)=>{var c;return((c=e.find(o=>o.value===l))==null?void 0:c.label)??l},ts=()=>{B(""),oe(""),ne("")},as=[...y?[{key:"user",label:"User",value:we(je,y),onClear:()=>oe("")}]:[],...r.trim()?[{key:"model",label:"Model",value:r.trim(),onClear:()=>B("")}]:[],...k?[{key:"key",label:"API key",value:we(de,k),onClear:()=>ne("")}]:[]],rs=!!(t&&a&&a.request_count===0&&!ue),os=(t==null?void 0:t.start_date)??b,ns=(t==null?void 0:t.end_date)??w,Se=e=>{D(!1),P(e),N(ke(e.seconds??0)),W(void 0),Y(void 0)},ls=(e,l)=>{D(!0),W(e),Y(l)},is=()=>{x||N(ke(v.seconds??0)),j.refetch(),_e.refetch(),U!==null&&le.refetch(),R&&T.refetch()},O=e=>{const l=new URLSearchParams;b&&l.set("start_date",b),w&&l.set("end_date",w);for(const[c,o]of Object.entries(e))o&&l.set(c,o);i(`/activity?${l.toString()}`)},cs=a&&a.request_count>0?a.error_count/a.request_count:0,Ne=((t==null?void 0:t.by_source)??[]).filter(e=>!e.is_other).length>1,ds=Ne||R==="source",h=(t==null?void 0:t.series)??[],Z=h.length>1,Ce=a==null?void 0:a.billed_input_tokens,Q=a===void 0?null:Ce!==void 0?Ce+(a.billed_output_tokens??a.completion_tokens):a.total_tokens,us=f===void 0?null:f.billed_input_tokens!==void 0?f.billed_input_tokens+(f.billed_output_tokens??f.completion_tokens):f.total_tokens,Le=e=>{let l=0,c=0,o=0;for(const _ of e)l+=_.input_tokens??0,c+=_.cache_read_tokens??0,o+=_.cache_write_tokens??0;return{input:l,read:c,write:o}},M=Le(h),V=M.input>0?M.read/M.input:null,me=Le(U!==null?((De=le.data)==null?void 0:De.series)??[]:[]),Te=me.input>0?me.read/me.input:void 0,Ee=e=>e.input_tokens!==void 0?e.input_tokens+(e.output_tokens??0):e.tokens,he=h.some(e=>(e.input_tokens??0)>0),Re=h.some(e=>(e.errors??0)>0),E=u.useMemo(()=>{var c;const e=h.map(o=>o.bucket_start);if(F){const o=T.data;if(!o)return{series:[],data:[]};const _=o.groups.map((d,S)=>({key:`g${S}`,label:d.is_other?"Other":d.key===null?"(unknown)":F==="api_key_id"?Je(d.key):d.key,color:d.is_other?Is:Ke[S%Ke.length]})),J=new Map(o.groups.map((d,S)=>[`${d.is_other}|${d.key}`,`g${S}`])),K=new Map(e.map(d=>[d,{x:d,...Object.fromEntries(_.map(S=>[S.key,0]))}]));for(const d of o.points){const S=J.get(`${d.is_other}|${d.key}`),Be=K.get(d.bucket_start);!S||!Be||(Be[S]=m==="cost"?d.cost:m==="tokens"?d.tokens:d.requests)}return{series:_,data:[...K.values()]}}return m==="tokens"&&he?{series:Ms,data:h.map(o=>{const _=o.input_tokens??0,J=o.cache_read_tokens??0,K=o.cache_write_tokens??0;return{x:o.bucket_start,fresh:Math.max(0,_-J-K),cache_read:J,cache_write:K,output:o.output_tokens??0}})}:m==="requests"&&Re?{series:$s,data:h.map(o=>{const _=Math.min(o.errors??0,o.requests);return{x:o.bucket_start,success:o.requests-_,errors:_}})}:{series:[{key:m,label:((c=Ie.find(o=>o.key===m))==null?void 0:c.label)??m,color:"var(--otari-brand)"}],data:h.map(o=>({x:o.bucket_start,[m]:m==="cost"?o.cost:m==="tokens"?Ee(o):o.requests}))}},[h,F,T.data,m,he,Re,g.data]),Fe=Ks(m),ms=j.isLoading||!!F&&T.isLoading,hs=E.data.length?Math.max(...E.data.map(e=>E.series.reduce((l,c)=>l+(typeof e[c.key]=="number"?e[c.key]:0),0))):0,ps=h.map(e=>e.bucket_start),vs=(e,l)=>{const c=Os(ps,e,l,C);c&&ls(c.startIso,c.endIso)},pe=[{key:"model",label:"Model",rows:(t==null?void 0:t.by_model)??[],drill:e=>O({model:e,user_id:y||void 0,api_key_id:k||void 0})},{key:"user",label:"User",rows:(t==null?void 0:t.by_user)??[],drill:e=>O({user_id:e,model:r.trim()||void 0,api_key_id:k||void 0})}],xs=[{key:"source_label",label:"Session",rows:(t==null?void 0:t.by_source_label)??[],unknownLabel:"(no session)",drill:e=>O({source_label:e,model:r.trim()||void 0,user_id:y||void 0,api_key_id:k||void 0})},{key:"endpoint",label:"Endpoint",rows:(t==null?void 0:t.by_endpoint)??[],drill:e=>O({endpoint:e,model:r.trim()||void 0,user_id:y||void 0,api_key_id:k||void 0})},{key:"provider",label:"Provider",rows:(t==null?void 0:t.by_provider)??[],drill:e=>O({provider:e,model:r.trim()||void 0,user_id:y||void 0,api_key_id:k||void 0})},{key:"source",label:"Source",rows:(t==null?void 0:t.by_source)??[],drill:e=>O({source:e,model:r.trim()||void 0,user_id:y||void 0,api_key_id:k||void 0})}],Oe=(t==null?void 0:t.by_tool)??[],[ve,ks]=u.useState("model"),[X,bs]=u.useState("source_label"),$=pe.find(e=>e.key===ve)??pe[0],xe=xs.filter(e=>e.key!=="source"||Ne||X==="source"),I=xe.find(e=>e.key===X)??xe[0];return s.jsxs("div",{className:"flex flex-col gap-6",children:[s.jsx(Ss,{title:"Usage & analytics",description:"Spend, tokens, cache use, and request volume over time. Group the chart by model, user, key, or source, and click a breakdown row to drill into the request log."}),s.jsx(Ns,{error:j.error??(R!==""&&!ie?T.error:null)}),s.jsxs(Ps,{chips:as,onClearAll:ts,start:Ye.map(e=>s.jsx(q,{size:"sm",variant:!x&&v.key===e.key?"primary":"outline",onPress:()=>Se(e),children:e.label},e.key)),end:s.jsxs(s.Fragment,{children:[s.jsxs("span",{className:"text-xs text-[var(--otari-muted)]",children:["Showing ",Cs(os,ns)," · UTC"]}),s.jsx(Ls,{onRefresh:is,isFetching:j.isFetching,updatedAt:j.dataUpdatedAt})]}),children:[s.jsx(ge,{label:"User",value:y,onChange:oe,options:je,placeholder:"All users"}),s.jsx(ge,{label:"Model",value:r,onChange:B,options:es,placeholder:"All models"}),s.jsx(ge,{label:"API key",value:k,onChange:ne,options:de,placeholder:"All keys"})]}),rs?s.jsx(Ts,{title:"No usage yet",description:"Once the gateway serves requests, spend and volume appear here."}):s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"grid grid-cols-2 gap-4 sm:grid-cols-3 xl:grid-cols-5",children:[s.jsx(z,{label:"Tracked cost",value:a?ae(a.cost):"—",hint:a?s.jsxs("span",{className:"text-[var(--otari-muted)]",children:[s.jsx(se,{fraction:fe}),a.unpriced_requests?`${fe!==null?" · ":""}${A(a.unpriced_requests)} unpriced`:null]}):null,chart:Z?s.jsx(te,{values:h.map(e=>e.cost),ariaLabel:"Spend trend over the selected window"}):void 0}),s.jsx(z,{label:"Requests",value:a?A(a.request_count):"—",hint:a?s.jsxs("span",{className:"text-[var(--otari-muted)]",children:[Ue(cs)," errors",f?s.jsxs(s.Fragment,{children:[" · ",s.jsx(se,{fraction:ee(a.request_count,f.request_count)})]}):null]}):null,chart:Z?s.jsx(te,{values:h.map(e=>e.requests),ariaLabel:"Request volume trend over the selected window"}):void 0}),s.jsx(z,{label:"Tokens (billed)",value:Q!==null?G(Q):"—",hint:Q!==null?s.jsx(se,{fraction:ee(Q,us??void 0)}):null,chart:Z?s.jsx(te,{values:h.map(Ee),ariaLabel:"Billed token trend over the selected window"}):void 0}),s.jsx(z,{label:"Cache hit rate",value:V!==null?Ue(V):"—",hint:a?s.jsxs("span",{className:"text-[var(--otari-muted)]",children:[V!==null&&Te!==void 0?s.jsxs(s.Fragment,{children:[s.jsx(se,{fraction:ee(V,Te)})," · "]}):null,G(M.read)," read · ",G(M.write)," written"]}):null,chart:Z&&he?s.jsx(te,{values:h.map(e=>(e.input_tokens??0)>0?(e.cache_read_tokens??0)/(e.input_tokens??1):0),ariaLabel:"Cache hit rate trend over the selected window"}):void 0}),s.jsx(z,{label:"Avg latency",value:a?Ds(a.avg_latency_ms):"—"})]}),s.jsxs("div",{className:"flex flex-col gap-3 rounded-xl border border-[var(--otari-line)] bg-[var(--otari-surface)] p-4",children:[s.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[s.jsx("div",{className:"inline-flex gap-1.5",children:Ie.map(e=>s.jsx(q,{size:"sm",variant:m===e.key?"primary":"outline","aria-pressed":m===e.key,onPress:()=>Qe(e.key),children:e.label},e.key))}),s.jsxs("div",{className:"flex items-center gap-2",children:[x?s.jsx(q,{size:"sm",variant:"ghost",onPress:()=>Se(v),children:"Reset zoom"}):null,j.isFetching||F&&T.isFetching?s.jsx(Me,{size:"sm"}):null,s.jsx(Es,{ariaLabel:"Group by",value:R,onChange:e=>Ve(e),options:Us.filter(e=>e.value!=="source"||ds).map(e=>({value:e.value,label:e.value?`By ${e.label.toLowerCase()}`:"No grouping"}))})]})]}),ie?s.jsx("div",{className:"rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800",children:"The running gateway predates grouped series, so the chart shows ungrouped totals. Restart the gateway on this build to enable grouping."}):null,s.jsx(qs,{series:E.series}),ms?s.jsx("div",{className:"flex h-64 items-center justify-center",children:s.jsx(Me,{size:"sm"})}):E.data.length===0?s.jsx("div",{className:"flex h-64 items-center justify-center text-sm text-[var(--otari-muted)]",children:"No data in this range."}):s.jsxs("figure",{className:"flex flex-col gap-2",children:[s.jsx(As,{data:E.data,series:E.series,formatValue:Fe,formatXTick:e=>Bs(e,C),ariaLabel:`${m} per ${C}${F?`, grouped by ${F}`:""}`,height:260,showYAxis:!0,showTotal:!0,onSelectRange:vs}),s.jsxs("figcaption",{className:"text-xs text-[var(--otari-muted)]",children:[Fe(hs)," peak · ",E.data.length," ",C==="hour"?"hours":"days"," (times in UTC) · drag across the chart to zoom"]})]})]}),s.jsxs("div",{className:"grid gap-6 xl:grid-cols-2",children:[s.jsxs("div",{className:"flex flex-col gap-3",children:[s.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[s.jsxs("h2",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:["Spend by ",$.label.toLowerCase()]}),s.jsx("div",{className:"inline-flex gap-1.5",children:pe.map(e=>s.jsx(q,{size:"sm",variant:ve===e.key?"primary":"outline","aria-pressed":ve===e.key,onPress:()=>ks(e.key),children:e.label},e.key))})]}),s.jsx(He,{dimensionLabel:$.label,rows:$.rows,totalCost:(a==null?void 0:a.cost)??0,emptyLabel:ue?"No usage matches these filters.":"No usage recorded yet.",unknownLabel:$.unknownLabel,onDrill:$.drill,loading:j.isLoading})]}),s.jsxs("div",{className:"flex flex-col gap-3",children:[s.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[s.jsxs("h2",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:["Spend by ",I.label.toLowerCase()]}),s.jsx("div",{className:"inline-flex gap-1.5",children:xe.map(e=>s.jsx(q,{size:"sm",variant:X===e.key?"primary":"outline","aria-pressed":X===e.key,onPress:()=>bs(e.key),children:e.label},e.key))})]}),s.jsx(He,{dimensionLabel:I.label,rows:I.rows,totalCost:(a==null?void 0:a.cost)??0,emptyLabel:ue?"No usage matches these filters.":"No usage recorded yet.",unknownLabel:I.unknownLabel,onDrill:I.drill,loading:j.isLoading})]})]}),Oe.length?s.jsxs("div",{className:"rounded-2xl border border-[var(--otari-line)] bg-[var(--otari-surface)] p-4",children:[s.jsxs("div",{className:"mb-3 flex flex-col gap-1",children:[s.jsx("h2",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:"Gateway-run tools"}),s.jsx("p",{className:"text-xs text-[var(--otari-muted)]",children:"Tools Otari ran itself, billed per call. MCP tools are not listed here: their names come from your own server, so they appear on each request instead."})]}),s.jsx(zs,{rows:Oe,totalCost:(a==null?void 0:a.cost)??0,onDrill:e=>O({tool:e}),loading:j.isLoading})]}):null]})]})}export{st as UsagePage};
diff --git a/src/gateway/static/dashboard/assets/UsersPage-CRNgQ9x1.js b/src/gateway/static/dashboard/assets/UsersPage-DgtI9L1U.js
similarity index 98%
rename from src/gateway/static/dashboard/assets/UsersPage-CRNgQ9x1.js
rename to src/gateway/static/dashboard/assets/UsersPage-DgtI9L1U.js
index 802ee0aca..7f26a6692 100644
--- a/src/gateway/static/dashboard/assets/UsersPage-CRNgQ9x1.js
+++ b/src/gateway/static/dashboard/assets/UsersPage-DgtI9L1U.js
@@ -1 +1 @@
-import{j as e}from"./tanstack-query-1t81HyiD.js";import{r}from"./react-dgEcD0HR.js";import{u as Q,H as M,L as K,az as X,q as Y,P as Z,E as A,z as ee,aA as se,F as te}from"./index-BE7E0N2z.js";import{u as ae,r as ne,B as re}from"./tableSelection-BJDASjEj.js";import{C as le}from"./ConfirmDialog-DzIVWoi5.js";import{D as ie}from"./DataTable-DuDxGlJc.js";import{F as B}from"./Field-CBU9MRjz.js";import{a as de,M as R}from"./ModelScopeControl-dT2wvSYp.js";import{g as I,B as d,d as S,A as f}from"./heroui-COmYdDDM.js";const oe=new Intl.NumberFormat(void 0,{style:"currency",currency:"USD",maximumFractionDigits:4});function U(t){return oe.format(t)}const ce=t=>t.user_id,D=t=>t.startsWith("apikey-");function H(t){return t.split("-")[0]}function z(t){return t.name??H(t.budget_id)}function $({value:t,onChange:l,budgets:n}){return e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("label",{htmlFor:"user-budget",className:"text-sm font-medium text-[var(--otari-ink)]",children:"Budget"}),e.jsxs("select",{id:"user-budget",value:t??"",onChange:a=>l(a.target.value||null),className:"w-full rounded-lg border border-[var(--otari-line)] bg-[var(--otari-bg)] px-3 py-2 text-sm text-[var(--otari-ink)]",children:[e.jsx("option",{value:"",children:"No budget (unlimited)"}),n.map(a=>e.jsxs("option",{value:a.budget_id,children:[z(a),a.max_budget===null?" · no limit":` · ${U(a.max_budget)}`]},a.budget_id))]}),e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"The spending limit this user is held to. Manage budgets on the Budgets page."})]})}function ue({onClose:t}){const l=se(),n=M(),[a,i]=r.useState(""),[o,u]=r.useState(""),[c,g]=r.useState(null),[p,m]=r.useState(null),[b,j]=r.useState(!0),x=()=>{if(l.isPending||!b||a.trim()==="")return;const h={user_id:a.trim(),alias:o.trim()||null,budget_id:c,allowed_models:p};l.mutate(h,{onSuccess:t})};return e.jsx(S,{children:e.jsxs(S.Content,{className:"flex flex-col gap-4 p-5",children:[e.jsx("div",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:"Create user"}),e.jsx(A,{error:l.error}),e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[e.jsx(B,{label:"User ID",value:a,onChange:i,placeholder:"alice@example.com",isRequired:!0,autoFocus:!0,description:"The identifier callers send as the `user` field; spend and budgets track against it."}),e.jsx(B,{label:"Alias (optional)",value:o,onChange:u,placeholder:"Alice"})]}),e.jsx($,{value:c,onChange:g,budgets:n.data??[]}),e.jsx(R,{title:"Model access (default for this user's keys)",description:"The models this user's keys may list and call by default. A key can narrow this, but never exceed it.",initial:null,onChange:(h,k)=>{m(h),j(k)}}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(d,{variant:"primary",isDisabled:l.isPending||!b||a.trim()==="",onPress:x,children:l.isPending?"Creating…":"Create user"}),e.jsx(d,{variant:"ghost",onPress:t,children:"Cancel"})]})]})})}function ge({user:t,onClose:l}){const n=K(),a=M(),[i,o]=r.useState(t.alias??""),[u,c]=r.useState(t.budget_id),[g,p]=r.useState(t.allowed_models),[m,b]=r.useState(!0),j=()=>{if(n.isPending||!m)return;const x={alias:i.trim()||null,budget_id:u,allowed_models:g};n.mutate({id:t.user_id,body:x},{onSuccess:l})};return e.jsx(S,{children:e.jsxs(S.Content,{className:"flex flex-col gap-4 p-5",children:[e.jsxs("div",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:["Edit ",e.jsx("code",{children:t.user_id})]}),e.jsx(A,{error:n.error}),e.jsx(B,{label:"Alias",value:i,onChange:o,placeholder:"Alice"}),e.jsx($,{value:u,onChange:c,budgets:a.data??[]}),e.jsx(R,{title:"Model access (default for this user's keys)",description:"The models this user's keys may list and call by default. A key can narrow this, but never exceed it.",initial:t.allowed_models,onChange:(x,h)=>{p(x),b(h)}}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(d,{variant:"primary",isDisabled:n.isPending||!m,onPress:j,children:n.isPending?"Saving…":"Save changes"}),e.jsx(d,{variant:"ghost",onPress:l,children:"Cancel"})]})]})})}function me({trigger:t,message:l,confirmLabel:n,isPending:a,onConfirm:i}){const[o,u]=r.useState(!1);return o?e.jsxs("div",{className:"flex flex-col items-end gap-1.5 rounded-lg border border-amber-200 bg-amber-50 p-2 text-right",children:[e.jsx("span",{className:"max-w-xs text-xs text-amber-800",children:l}),e.jsxs("span",{className:"inline-flex gap-1",children:[e.jsx(d,{size:"sm",variant:"danger",isDisabled:a,onPress:i,children:n}),e.jsx(d,{size:"sm",variant:"ghost",isDisabled:a,onPress:()=>u(!1),children:"Cancel"})]})]}):e.jsx(d,{size:"sm",variant:"danger-soft",onPress:()=>u(!0),children:t})}function xe({user:t}){return t.blocked?e.jsx(I,{size:"sm",color:"warning",children:"Blocked"}):e.jsx(I,{size:"sm",color:"accent",children:"Active"})}function he({allowed:t}){const{text:l,tone:n}=de(t),a=n==="danger"?"text-red-700 font-medium":n==="muted"?"text-[var(--otari-muted)]":"text-[var(--otari-brand-dark)] font-medium",i=t&&t.length>0?t.join(", "):void 0;return e.jsx("span",{className:`text-xs ${a}`,title:i,children:l})}function pe({isOpen:t,onOpenChange:l,budgets:n,count:a,isPending:i,error:o,onAssign:u}){const[c,g]=r.useState("");return r.useEffect(()=>{t&&g("")},[t]),e.jsx(f,{isOpen:t,onOpenChange:l,children:t?e.jsx(f.Backdrop,{children:e.jsx(f.Container,{placement:"center",size:"md",children:e.jsxs(f.Dialog,{children:[e.jsx(f.Header,{children:e.jsx(f.Heading,{children:"Assign budget"})}),e.jsxs(f.Body,{className:"flex flex-col gap-4",children:[e.jsxs("p",{className:"text-sm text-[var(--otari-muted)]",children:["Assign a budget to ",a," selected ",a===1?"user":"users","."]}),e.jsx(te,{label:"Budget",value:c,onChange:g,options:[{value:"",label:"Select a budget…"},...n.map(p=>({value:p.budget_id,label:z(p)}))]}),e.jsx(A,{error:o})]}),e.jsxs(f.Footer,{children:[e.jsx(d,{variant:"ghost",isDisabled:i,onPress:()=>l(!1),children:"Cancel"}),e.jsx(d,{variant:"primary",isDisabled:!c,isPending:i,onPress:()=>u(c),children:"Assign"})]})]})})}):null})}function Pe(){const t=Q(),l=M(),n=K(),a=X(),[i,o]=r.useState(!1),[u,c]=r.useState(null),[g,p]=r.useState(!1),m=t.data??[],b=t.isLoading,j=m.filter(s=>D(s.user_id)).length,x=g?m:m.filter(s=>!D(s.user_id)),h=m.find(s=>s.user_id===u)??null,k=!b&&x.length===0&&!i,P=r.useMemo(()=>new Map((l.data??[]).map(s=>[s.budget_id,s])),[l.data]),y=ae(),[q,_]=r.useState(!1),[W,N]=r.useState(!1),[E,F]=r.useState(void 0),[L,T]=r.useState(!1),G=x.map(s=>s.user_id),v=ne(y.selectedKeys,G),V=r.useCallback((s,C)=>n.mutate({id:s.user_id,body:{blocked:C}}),[n.mutate]),O=async(s,C)=>{T(!0),F(void 0);try{for(const w of v)await s(w);y.clear(),C()}catch(w){F(w)}finally{T(!1)}},J=r.useMemo(()=>[{id:"user",header:"User",isRowHeader:!0,cell:s=>e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx(Y,{value:s.user_id,label:"user id",children:e.jsx("code",{className:"text-xs font-medium text-[var(--otari-ink)]",children:s.user_id})}),D(s.user_id)?e.jsx(I,{size:"sm",color:"default",children:"virtual"}):null]}),s.alias?e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:s.alias}):null]})},{id:"status",header:"Status",cell:s=>e.jsx(xe,{user:s})},{id:"budget",header:"Budget",cell:s=>s.budget_id?e.jsx("span",{className:"text-[var(--otari-muted)]",title:s.budget_id,children:P.get(s.budget_id)?z(P.get(s.budget_id)):H(s.budget_id)}):e.jsx("span",{className:"text-[var(--otari-muted)]",children:"—"})},{id:"spend",header:"Spend",cell:s=>e.jsxs("span",{className:"text-[var(--otari-muted)]",children:[U(s.spend),s.reserved>0?e.jsxs("span",{children:[" (+",U(s.reserved)," held)"]}):null]})},{id:"access",header:"Model access",cell:s=>e.jsx(he,{allowed:s.allowed_models})},{id:"actions",header:"Actions",align:"end",cell:s=>e.jsxs("div",{className:"flex items-center justify-end gap-1.5",children:[e.jsx(d,{size:"sm",variant:"outline",isDisabled:n.isPending,onPress:()=>V(s,!s.blocked),children:s.blocked?"Unblock":"Block"}),e.jsx(d,{size:"sm",variant:"ghost",onPress:()=>{o(!1),c(s.user_id)},children:"Edit"}),e.jsx(me,{trigger:"Delete",confirmLabel:"Delete user",isPending:a.isPending,message:e.jsxs(e.Fragment,{children:["Delete ",e.jsx("strong",{children:s.user_id}),"? This deactivates its API keys and hides the user; usage history is preserved."]}),onConfirm:()=>a.mutate(s.user_id)})]})}],[P,n.isPending,a.isPending,a.mutate,V]);return e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(Z,{title:"Users",description:"People and teams that own API keys. Set each one's budget and default model access here; issue their keys on the API keys page.",action:i?null:e.jsx(d,{variant:"primary",onPress:()=>{c(null),o(!0)},children:"Create user"})}),e.jsx(A,{error:t.error??n.error??a.error}),k?e.jsx(ee,{title:"No users yet",description:"A user owns API keys and carries the budget and default model access those keys inherit. Create a user here, then issue its keys on the API keys page.",actionLabel:"Create your first user",onAction:()=>{c(null),o(!0)}}):null,j>0?e.jsxs("label",{className:"flex w-fit items-center gap-2 text-xs text-[var(--otari-muted)]",children:[e.jsx("input",{type:"checkbox",checked:g,onChange:s=>p(s.target.checked)}),"Show auto-created (virtual) users (",j,")"]}):null,i?e.jsx(ue,{onClose:()=>o(!1)}):null,h?e.jsx(ge,{user:h,onClose:()=>c(null)},h.user_id):null,v.length>0?e.jsxs(re,{selectedCount:v.length,allMatching:!1,matchingTotal:null,canSelectAllMatching:!1,onSelectAllMatching:()=>{},onClear:y.clear,children:[e.jsx(d,{size:"sm",variant:"primary",onPress:()=>N(!0),children:"Assign budget"}),e.jsx(d,{size:"sm",variant:"danger",onPress:()=>_(!0),children:"Delete"})]}):null,k?null:e.jsx(ie,{ariaLabel:"Users",columns:J,rows:x,getRowKey:ce,isLoading:b,emptyContent:"No users yet. Create one, or create an API key to auto-create one.",selectionMode:"multiple",selectedKeys:y.selectedKeys,onSelectionChange:y.onSelectionChange}),e.jsx(le,{isOpen:q,onOpenChange:_,heading:"Delete users",body:`Delete ${v.length} ${v.length===1?"user":"users"}? This deactivates their API keys and hides them; usage history is preserved.`,confirmLabel:"Delete",isPending:L,error:E,onConfirm:()=>O(s=>a.mutateAsync(s),()=>_(!1))}),e.jsx(pe,{isOpen:W,onOpenChange:N,budgets:l.data??[],count:v.length,isPending:L,error:E,onAssign:s=>O(C=>n.mutateAsync({id:C,body:{budget_id:s}}),()=>N(!1))})]})}export{Pe as UsersPage};
+import{j as e}from"./tanstack-query-1t81HyiD.js";import{r}from"./react-dgEcD0HR.js";import{u as Q,H as M,L as K,az as X,q as Y,P as Z,E as A,z as ee,aA as se,F as te}from"./index-DnXjp6g_.js";import{u as ae,r as ne,B as re}from"./tableSelection-BJDASjEj.js";import{C as le}from"./ConfirmDialog-BqztIUQ8.js";import{D as ie}from"./DataTable-DuDxGlJc.js";import{F as B}from"./Field-CBU9MRjz.js";import{a as de,M as R}from"./ModelScopeControl-BTAbFoU-.js";import{g as I,B as d,d as S,A as f}from"./heroui-COmYdDDM.js";const oe=new Intl.NumberFormat(void 0,{style:"currency",currency:"USD",maximumFractionDigits:4});function U(t){return oe.format(t)}const ce=t=>t.user_id,D=t=>t.startsWith("apikey-");function H(t){return t.split("-")[0]}function z(t){return t.name??H(t.budget_id)}function $({value:t,onChange:l,budgets:n}){return e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("label",{htmlFor:"user-budget",className:"text-sm font-medium text-[var(--otari-ink)]",children:"Budget"}),e.jsxs("select",{id:"user-budget",value:t??"",onChange:a=>l(a.target.value||null),className:"w-full rounded-lg border border-[var(--otari-line)] bg-[var(--otari-bg)] px-3 py-2 text-sm text-[var(--otari-ink)]",children:[e.jsx("option",{value:"",children:"No budget (unlimited)"}),n.map(a=>e.jsxs("option",{value:a.budget_id,children:[z(a),a.max_budget===null?" · no limit":` · ${U(a.max_budget)}`]},a.budget_id))]}),e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:"The spending limit this user is held to. Manage budgets on the Budgets page."})]})}function ue({onClose:t}){const l=se(),n=M(),[a,i]=r.useState(""),[o,u]=r.useState(""),[c,g]=r.useState(null),[p,m]=r.useState(null),[b,j]=r.useState(!0),x=()=>{if(l.isPending||!b||a.trim()==="")return;const h={user_id:a.trim(),alias:o.trim()||null,budget_id:c,allowed_models:p};l.mutate(h,{onSuccess:t})};return e.jsx(S,{children:e.jsxs(S.Content,{className:"flex flex-col gap-4 p-5",children:[e.jsx("div",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:"Create user"}),e.jsx(A,{error:l.error}),e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[e.jsx(B,{label:"User ID",value:a,onChange:i,placeholder:"alice@example.com",isRequired:!0,autoFocus:!0,description:"The identifier callers send as the `user` field; spend and budgets track against it."}),e.jsx(B,{label:"Alias (optional)",value:o,onChange:u,placeholder:"Alice"})]}),e.jsx($,{value:c,onChange:g,budgets:n.data??[]}),e.jsx(R,{title:"Model access (default for this user's keys)",description:"The models this user's keys may list and call by default. A key can narrow this, but never exceed it.",initial:null,onChange:(h,k)=>{m(h),j(k)}}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(d,{variant:"primary",isDisabled:l.isPending||!b||a.trim()==="",onPress:x,children:l.isPending?"Creating…":"Create user"}),e.jsx(d,{variant:"ghost",onPress:t,children:"Cancel"})]})]})})}function ge({user:t,onClose:l}){const n=K(),a=M(),[i,o]=r.useState(t.alias??""),[u,c]=r.useState(t.budget_id),[g,p]=r.useState(t.allowed_models),[m,b]=r.useState(!0),j=()=>{if(n.isPending||!m)return;const x={alias:i.trim()||null,budget_id:u,allowed_models:g};n.mutate({id:t.user_id,body:x},{onSuccess:l})};return e.jsx(S,{children:e.jsxs(S.Content,{className:"flex flex-col gap-4 p-5",children:[e.jsxs("div",{className:"text-sm font-semibold text-[var(--otari-ink)]",children:["Edit ",e.jsx("code",{children:t.user_id})]}),e.jsx(A,{error:n.error}),e.jsx(B,{label:"Alias",value:i,onChange:o,placeholder:"Alice"}),e.jsx($,{value:u,onChange:c,budgets:a.data??[]}),e.jsx(R,{title:"Model access (default for this user's keys)",description:"The models this user's keys may list and call by default. A key can narrow this, but never exceed it.",initial:t.allowed_models,onChange:(x,h)=>{p(x),b(h)}}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(d,{variant:"primary",isDisabled:n.isPending||!m,onPress:j,children:n.isPending?"Saving…":"Save changes"}),e.jsx(d,{variant:"ghost",onPress:l,children:"Cancel"})]})]})})}function me({trigger:t,message:l,confirmLabel:n,isPending:a,onConfirm:i}){const[o,u]=r.useState(!1);return o?e.jsxs("div",{className:"flex flex-col items-end gap-1.5 rounded-lg border border-amber-200 bg-amber-50 p-2 text-right",children:[e.jsx("span",{className:"max-w-xs text-xs text-amber-800",children:l}),e.jsxs("span",{className:"inline-flex gap-1",children:[e.jsx(d,{size:"sm",variant:"danger",isDisabled:a,onPress:i,children:n}),e.jsx(d,{size:"sm",variant:"ghost",isDisabled:a,onPress:()=>u(!1),children:"Cancel"})]})]}):e.jsx(d,{size:"sm",variant:"danger-soft",onPress:()=>u(!0),children:t})}function xe({user:t}){return t.blocked?e.jsx(I,{size:"sm",color:"warning",children:"Blocked"}):e.jsx(I,{size:"sm",color:"accent",children:"Active"})}function he({allowed:t}){const{text:l,tone:n}=de(t),a=n==="danger"?"text-red-700 font-medium":n==="muted"?"text-[var(--otari-muted)]":"text-[var(--otari-brand-dark)] font-medium",i=t&&t.length>0?t.join(", "):void 0;return e.jsx("span",{className:`text-xs ${a}`,title:i,children:l})}function pe({isOpen:t,onOpenChange:l,budgets:n,count:a,isPending:i,error:o,onAssign:u}){const[c,g]=r.useState("");return r.useEffect(()=>{t&&g("")},[t]),e.jsx(f,{isOpen:t,onOpenChange:l,children:t?e.jsx(f.Backdrop,{children:e.jsx(f.Container,{placement:"center",size:"md",children:e.jsxs(f.Dialog,{children:[e.jsx(f.Header,{children:e.jsx(f.Heading,{children:"Assign budget"})}),e.jsxs(f.Body,{className:"flex flex-col gap-4",children:[e.jsxs("p",{className:"text-sm text-[var(--otari-muted)]",children:["Assign a budget to ",a," selected ",a===1?"user":"users","."]}),e.jsx(te,{label:"Budget",value:c,onChange:g,options:[{value:"",label:"Select a budget…"},...n.map(p=>({value:p.budget_id,label:z(p)}))]}),e.jsx(A,{error:o})]}),e.jsxs(f.Footer,{children:[e.jsx(d,{variant:"ghost",isDisabled:i,onPress:()=>l(!1),children:"Cancel"}),e.jsx(d,{variant:"primary",isDisabled:!c,isPending:i,onPress:()=>u(c),children:"Assign"})]})]})})}):null})}function Pe(){const t=Q(),l=M(),n=K(),a=X(),[i,o]=r.useState(!1),[u,c]=r.useState(null),[g,p]=r.useState(!1),m=t.data??[],b=t.isLoading,j=m.filter(s=>D(s.user_id)).length,x=g?m:m.filter(s=>!D(s.user_id)),h=m.find(s=>s.user_id===u)??null,k=!b&&x.length===0&&!i,P=r.useMemo(()=>new Map((l.data??[]).map(s=>[s.budget_id,s])),[l.data]),y=ae(),[q,_]=r.useState(!1),[W,N]=r.useState(!1),[E,F]=r.useState(void 0),[L,T]=r.useState(!1),G=x.map(s=>s.user_id),v=ne(y.selectedKeys,G),V=r.useCallback((s,C)=>n.mutate({id:s.user_id,body:{blocked:C}}),[n.mutate]),O=async(s,C)=>{T(!0),F(void 0);try{for(const w of v)await s(w);y.clear(),C()}catch(w){F(w)}finally{T(!1)}},J=r.useMemo(()=>[{id:"user",header:"User",isRowHeader:!0,cell:s=>e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[e.jsx(Y,{value:s.user_id,label:"user id",children:e.jsx("code",{className:"text-xs font-medium text-[var(--otari-ink)]",children:s.user_id})}),D(s.user_id)?e.jsx(I,{size:"sm",color:"default",children:"virtual"}):null]}),s.alias?e.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:s.alias}):null]})},{id:"status",header:"Status",cell:s=>e.jsx(xe,{user:s})},{id:"budget",header:"Budget",cell:s=>s.budget_id?e.jsx("span",{className:"text-[var(--otari-muted)]",title:s.budget_id,children:P.get(s.budget_id)?z(P.get(s.budget_id)):H(s.budget_id)}):e.jsx("span",{className:"text-[var(--otari-muted)]",children:"—"})},{id:"spend",header:"Spend",cell:s=>e.jsxs("span",{className:"text-[var(--otari-muted)]",children:[U(s.spend),s.reserved>0?e.jsxs("span",{children:[" (+",U(s.reserved)," held)"]}):null]})},{id:"access",header:"Model access",cell:s=>e.jsx(he,{allowed:s.allowed_models})},{id:"actions",header:"Actions",align:"end",cell:s=>e.jsxs("div",{className:"flex items-center justify-end gap-1.5",children:[e.jsx(d,{size:"sm",variant:"outline",isDisabled:n.isPending,onPress:()=>V(s,!s.blocked),children:s.blocked?"Unblock":"Block"}),e.jsx(d,{size:"sm",variant:"ghost",onPress:()=>{o(!1),c(s.user_id)},children:"Edit"}),e.jsx(me,{trigger:"Delete",confirmLabel:"Delete user",isPending:a.isPending,message:e.jsxs(e.Fragment,{children:["Delete ",e.jsx("strong",{children:s.user_id}),"? This deactivates its API keys and hides the user; usage history is preserved."]}),onConfirm:()=>a.mutate(s.user_id)})]})}],[P,n.isPending,a.isPending,a.mutate,V]);return e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(Z,{title:"Users",description:"People and teams that own API keys. Set each one's budget and default model access here; issue their keys on the API keys page.",action:i?null:e.jsx(d,{variant:"primary",onPress:()=>{c(null),o(!0)},children:"Create user"})}),e.jsx(A,{error:t.error??n.error??a.error}),k?e.jsx(ee,{title:"No users yet",description:"A user owns API keys and carries the budget and default model access those keys inherit. Create a user here, then issue its keys on the API keys page.",actionLabel:"Create your first user",onAction:()=>{c(null),o(!0)}}):null,j>0?e.jsxs("label",{className:"flex w-fit items-center gap-2 text-xs text-[var(--otari-muted)]",children:[e.jsx("input",{type:"checkbox",checked:g,onChange:s=>p(s.target.checked)}),"Show auto-created (virtual) users (",j,")"]}):null,i?e.jsx(ue,{onClose:()=>o(!1)}):null,h?e.jsx(ge,{user:h,onClose:()=>c(null)},h.user_id):null,v.length>0?e.jsxs(re,{selectedCount:v.length,allMatching:!1,matchingTotal:null,canSelectAllMatching:!1,onSelectAllMatching:()=>{},onClear:y.clear,children:[e.jsx(d,{size:"sm",variant:"primary",onPress:()=>N(!0),children:"Assign budget"}),e.jsx(d,{size:"sm",variant:"danger",onPress:()=>_(!0),children:"Delete"})]}):null,k?null:e.jsx(ie,{ariaLabel:"Users",columns:J,rows:x,getRowKey:ce,isLoading:b,emptyContent:"No users yet. Create one, or create an API key to auto-create one.",selectionMode:"multiple",selectedKeys:y.selectedKeys,onSelectionChange:y.onSelectionChange}),e.jsx(le,{isOpen:q,onOpenChange:_,heading:"Delete users",body:`Delete ${v.length} ${v.length===1?"user":"users"}? This deactivates their API keys and hides them; usage history is preserved.`,confirmLabel:"Delete",isPending:L,error:E,onConfirm:()=>O(s=>a.mutateAsync(s),()=>_(!1))}),e.jsx(pe,{isOpen:W,onOpenChange:N,budgets:l.data??[],count:v.length,isPending:L,error:E,onAssign:s=>O(C=>n.mutateAsync({id:C,body:{budget_id:s}}),()=>N(!1))})]})}export{Pe as UsersPage};
diff --git a/src/gateway/static/dashboard/assets/index-BE7E0N2z.js b/src/gateway/static/dashboard/assets/index-BE7E0N2z.js
deleted file mode 100644
index 2bf393b5d..000000000
--- a/src/gateway/static/dashboard/assets/index-BE7E0N2z.js
+++ /dev/null
@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/ActivityPage-CHnjo06U.js","assets/tanstack-query-1t81HyiD.js","assets/react-dgEcD0HR.js","assets/charts-krq1PqQO.js","assets/recharts-C3cGlHOx.js","assets/heroui-COmYdDDM.js","assets/tableSelection-BJDASjEj.js","assets/ConfirmDialog-DzIVWoi5.js","assets/DataTable-DuDxGlJc.js","assets/FilterChips-o0JYRTLi.js","assets/TablePagination-Bnlr8FbD.js","assets/Field-CBU9MRjz.js","assets/RoutingPage-CD9-r0aL.js","assets/UserComboBox-DoloPF6p.js","assets/BudgetsPage-H5EC9TjF.js","assets/DocsPage-DT-vQq9F.js","assets/KeysPage-CtY-9BqY.js","assets/ModelScopeControl-dT2wvSYp.js","assets/ModelsPage-BHrGQHDE.js","assets/OverviewPage-B5D-L-_p.js","assets/ProvidersPage-Jb_jxGkj.js","assets/SettingsPage-BtoAJ9Y8.js","assets/ToolsGuardrailsPage-DNC3Wa-x.js","assets/UsagePage-pCJIBBUc.js","assets/UsersPage-CRNgQ9x1.js"])))=>i.map(i=>d[i]);
-var Oe=Object.defineProperty;var Me=(e,t,r)=>t in e?Oe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var ue=(e,t,r)=>Me(e,typeof t!="symbol"?t+"":t,r);import{u as v,j as n,a as p,b as h,k as U,Q as Fe,c as Ue}from"./tanstack-query-1t81HyiD.js";import{d as Ke,r as i,N as ee,L as Be,O as $e,H as ze,e as Qe,f as w,h as de}from"./react-dgEcD0HR.js";import{B as C,C as B,L as ge,I as pe,a as Ve,b as We,d as q,S as Ge,T as me,c as N,e as He,f as Je}from"./heroui-COmYdDDM.js";(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const a of document.querySelectorAll('link[rel="modulepreload"]'))s(a);new MutationObserver(a=>{for(const o of a)if(o.type==="childList")for(const l of o.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&s(l)}).observe(document,{childList:!0,subtree:!0});function r(a){const o={};return a.integrity&&(o.integrity=a.integrity),a.referrerPolicy&&(o.referrerPolicy=a.referrerPolicy),a.crossOrigin==="use-credentials"?o.credentials="include":a.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function s(a){if(a.ep)return;a.ep=!0;const o=r(a);fetch(a.href,o)}})();var Ye=Ke();const Xe="modulepreload",Ze=function(e){return"/"+e},fe={},P=function(t,r,s){let a=Promise.resolve();if(r&&r.length>0){let l=function(y){return Promise.all(y.map(x=>Promise.resolve(x).then(b=>({status:"fulfilled",value:b}),b=>({status:"rejected",reason:b}))))};document.getElementsByTagName("link");const d=document.querySelector("meta[property=csp-nonce]"),f=(d==null?void 0:d.nonce)||(d==null?void 0:d.getAttribute("nonce"));a=l(r.map(y=>{if(y=Ze(y),y in fe)return;fe[y]=!0;const x=y.endsWith(".css"),b=x?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${y}"]${b}`))return;const m=document.createElement("link");if(m.rel=x?"stylesheet":Xe,x||(m.as="script"),m.crossOrigin="",m.href=y,f&&m.setAttribute("nonce",f),document.head.appendChild(m),x)return new Promise((T,M)=>{m.addEventListener("load",T),m.addEventListener("error",()=>M(new Error(`Unable to preload CSS for ${y}`)))})}))}function o(l){const d=new Event("vite:preloadError",{cancelable:!0});if(d.payload=l,window.dispatchEvent(d),!d.defaultPrevented)throw l}return a.then(l=>{for(const d of l||[])d.status==="rejected"&&o(d.reason);return t().catch(o)})};class D extends Error{constructor(r,s){super(s);ue(this,"status");this.name="ApiError",this.status=r}}let $=null;function he(e){$=e}async function te(e){try{const t=await e.json();if(typeof t.detail=="string")return t.detail;if(t.detail!=null)return JSON.stringify(t.detail)}catch{}return e.statusText||`Request failed (${e.status})`}async function et(e){let t;try{t=await fetch("/v1/auth/session",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify({master_key:e})})}catch{throw new D(0,"Network error: could not reach the gateway.")}if(t.status===401||t.status===403)return!1;if(!t.ok)throw new D(t.status,await te(t));return!0}async function tt(){try{await fetch("/v1/auth/session",{method:"DELETE"})}catch{}}async function c(e,t={}){const r=new Headers(t.headers);r.set("Accept","application/json"),t.body!=null&&!r.has("Content-Type")&&r.set("Content-Type","application/json");let s;try{s=await fetch(e,{...t,headers:r})}catch{throw new D(0,"Network error: could not reach the gateway.")}if(s.status===401||s.status===403)throw $==null||$(),new D(s.status,await te(s));if(!s.ok)throw new D(s.status,await te(s));if(s.status!==204)return await s.json()}const ne="otari.dashboard.hasSession",be=i.createContext(null);function nt(){try{return window.localStorage.getItem(ne)==="1"}catch{return!1}}function rt({children:e}){const t=v(),[r,s]=i.useState(nt),a=i.useCallback(()=>{tt(),s(!1),t.clear();try{window.localStorage.removeItem(ne)}catch{}},[t]),o=i.useCallback(()=>{t.clear(),s(!0);try{window.localStorage.setItem(ne,"1")}catch{}},[t]);i.useEffect(()=>(he(a),()=>he(null)),[a]);const l=i.useMemo(()=>({isAuthenticated:r,login:o,logout:a}),[r,o,a]);return n.jsx(be.Provider,{value:l,children:e})}function re(){const e=i.useContext(be);if(!e)throw new Error("useAuth must be used within an AuthProvider");return e}function st(e){return e instanceof D&&e.status===0}function at(){const e=v(),[t,r]=i.useState(!1);return i.useEffect(()=>{const s=e.getQueryCache(),a=()=>s.getAll().some(o=>o.state.status==="error"&&st(o.state.error));return r(a()),s.subscribe(()=>r(a()))},[e]),t}function ot(){return at()?n.jsxs("div",{role:"alert","aria-live":"assertive",className:"fixed right-4 bottom-4 z-50 flex max-w-sm items-start gap-2.5 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 shadow-lg",children:[n.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,className:"mt-0.5 h-5 w-5 shrink-0",children:[n.jsx("path",{d:"M12 9v4M12 17h.01",strokeLinecap:"round",strokeLinejoin:"round"}),n.jsx("path",{d:"M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z",strokeLinejoin:"round"})]}),n.jsxs("span",{children:[n.jsx("strong",{className:"font-semibold",children:"Can’t reach the gateway."})," The backend isn’t responding; data won’t load or save until the connection is restored."]})]}):null}const Q=3600,_=86400,it=365*_,vn=[{key:"1h",label:"Last hour",seconds:Q,bucket:"hour"},{key:"24h",label:"24h",seconds:_,bucket:"hour"},{key:"7d",label:"7d",seconds:7*_,bucket:"day"},{key:"30d",label:"30d",seconds:30*_,bucket:"day"},{key:"90d",label:"90d",seconds:90*_,bucket:"day"},{key:"12mo",label:"12mo",seconds:it,bucket:"day"}],gn="30d",pn=[{key:"1h",label:"1h",seconds:Q,bucket:"hour"},{key:"24h",label:"24h",seconds:_,bucket:"hour"},{key:"7d",label:"7d",seconds:7*_,bucket:"day"},{key:"30d",label:"30d",seconds:30*_,bucket:"day"},{key:"all",label:"All",seconds:null,bucket:"day"}],bn="24h",wn="custom";function jn(e,t){return e.find(r=>r.key===t)}function ct(e,t=Date.now()){return new Date(t-e*1e3).toISOString()}function lt(e){return(e==="hour"?Q:_)*1e3}function Sn(e,t,r=Date.now()){const s=new Date(e).getTime();return(t?new Date(t).getTime():r)-s<=_*1e3?"hour":"day"}function kn(e,t,r,s){if(e.length===0)return null;const a=Math.max(0,Math.min(t,r)),o=Math.min(e.length-1,Math.max(t,r)),l=new Date(e[a]).getTime(),d=new Date(e[o]).getTime()+lt(s);return{startIso:new Date(l).toISOString(),endIso:new Date(d).toISOString()}}function En(e,t,r){const s=e.length;if(s===0)return{startIndex:0,endIndex:0};const a=e.map(d=>new Date(d).getTime());let o=0;if(t){const d=new Date(t).getTime();for(let f=0;f<s;f++)a[f]<=d&&(o=f)}let l=s-1;if(r){const d=new Date(r).getTime();l=0;for(let f=0;f<s;f++)a[f]<d&&(l=f)}return l<o&&(l=o),{startIndex:o,endIndex:l}}function I(e,t){return new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric",...t?{year:"numeric"}:{},timeZone:"UTC"})}function Cn(e,t){if(!e&&!t)return"All time";if(e&&!t)return`Since ${I(new Date(e).getTime(),!0)}`;if(!e&&t)return`Up to ${I(new Date(t).getTime()-1,!0)}`;const r=new Date(e).getTime(),s=new Date(t).getTime()-1;if(I(r,!0)===I(s,!0))return I(r,!0);const o=new Date(r).getUTCFullYear()===new Date(s).getUTCFullYear();return`${I(r,!o)} – ${I(s,!0)}`}const L="models",V="pricing",we="settings",je="tool-settings",se="aliases",ae="routing-policies",oe="discoverable",ie="providers",ce="provider-health",Se="stored-providers",ut="model-metadata",dt="build",A="keys",O="budgets",ke="users",R="usage",mt=6e4,xe=60*6e4;function Pn(){return p({queryKey:[L],queryFn:()=>c("/v1/models"),staleTime:6e4})}function ft(){return p({queryKey:[dt],queryFn:()=>c("/dashboard-build.json"),refetchInterval:mt,refetchOnWindowFocus:!0,staleTime:0,retry:!1})}function Tn(){return p({queryKey:[oe],queryFn:()=>c("/v1/models/discoverable"),staleTime:5*6e4})}function Nn(){return p({queryKey:[ie],queryFn:()=>c("/v1/providers"),staleTime:5*6e4})}function _n(){return p({queryKey:["provider-catalog"],queryFn:()=>c("/v1/providers/catalog"),staleTime:1/0})}function Ln(e){return p({queryKey:["provider-catalog",e],queryFn:()=>c(`/v1/providers/catalog/${encodeURIComponent(e)}`),enabled:e!=="",staleTime:1/0})}function Dn(){return p({queryKey:[ce],queryFn:()=>c("/v1/providers/health"),staleTime:xe,refetchInterval:xe})}function Rn(){const e=v();return h({mutationFn:()=>c("/v1/providers/health?refresh=true"),onSuccess:t=>e.setQueryData([ce],t)})}function In(){return p({queryKey:[Se],queryFn:()=>c("/v1/provider-credentials"),staleTime:6e4})}function W(e){e.invalidateQueries({queryKey:[Se]}),e.invalidateQueries({queryKey:[ie]}),e.invalidateQueries({queryKey:[L]}),e.invalidateQueries({queryKey:[oe]}),e.invalidateQueries({queryKey:[ce]})}function qn(){const e=v();return h({mutationFn:t=>c("/v1/provider-credentials",{method:"POST",body:JSON.stringify(t)}),onSuccess:()=>W(e)})}function An(){const e=v();return h({mutationFn:({instance:t,body:r})=>c(`/v1/provider-credentials/${encodeURIComponent(t)}`,{method:"PATCH",body:JSON.stringify(r)}),onSuccess:()=>W(e)})}function On(){const e=v();return h({mutationFn:t=>c(`/v1/provider-credentials/${encodeURIComponent(t)}`,{method:"DELETE"}),onSuccess:()=>W(e)})}function Mn(){const e=v();return h({mutationFn:()=>c("/v1/provider-credentials/reencrypt",{method:"POST"}),onSuccess:()=>W(e)})}function Fn(){return h({mutationFn:e=>c(`/v1/provider-credentials/${encodeURIComponent(e)}/test`,{method:"POST"})})}function Un(){return h({mutationFn:e=>c("/v1/provider-credentials/test",{method:"POST",body:JSON.stringify(e)})})}function Kn(){return p({queryKey:[ut],queryFn:()=>c("/v1/models/metadata"),staleTime:10*6e4})}function Bn(){return p({queryKey:[se],queryFn:()=>c("/v1/aliases"),staleTime:6e4})}function $n(){return p({queryKey:[ae],queryFn:()=>c("/v1/routing/policies"),staleTime:6e4})}function zn(){const e=v();return h({mutationFn:t=>c("/v1/routing/policies",{method:"POST",body:JSON.stringify(t)}),onSuccess:()=>{e.invalidateQueries({queryKey:[ae]}),e.invalidateQueries({queryKey:[L]})}})}function Qn(){const e=v();return h({mutationFn:({name:t,userId:r})=>{const s=r==null?"":`?user_id=${encodeURIComponent(r)}`;return c(`/v1/routing/policies/${encodeURIComponent(t)}${s}`,{method:"DELETE"})},onSuccess:()=>{e.invalidateQueries({queryKey:[ae]}),e.invalidateQueries({queryKey:[L]})}})}function Vn(){const e=v();return h({mutationFn:t=>c("/v1/aliases",{method:"POST",body:JSON.stringify(t)}),onSuccess:()=>{e.invalidateQueries({queryKey:[se]}),e.invalidateQueries({queryKey:[L]})}})}function Wn(){const e=v();return h({mutationFn:({name:t,userId:r})=>{const s=r==null?"":`?user_id=${encodeURIComponent(r)}`;return c(`/v1/aliases/${encodeURIComponent(t)}${s}`,{method:"DELETE"})},onSuccess:()=>{e.invalidateQueries({queryKey:[se]}),e.invalidateQueries({queryKey:[L]})}})}function ht(){return p({queryKey:[we],queryFn:()=>c("/v1/settings"),staleTime:6e4})}function xt(){const e=v();return h({mutationFn:t=>c("/v1/settings",{method:"PATCH",body:JSON.stringify(t)}),onSuccess:t=>{e.setQueryData([we],t),e.invalidateQueries({queryKey:[L]}),e.invalidateQueries({queryKey:[oe]})}})}function Gn(){return h({mutationFn:()=>c("/v1/settings/master-key/rotate",{method:"POST"})})}function Hn(){return p({queryKey:[je],queryFn:()=>c("/v1/tool-settings"),staleTime:6e4})}function Jn(){const e=v();return h({mutationFn:t=>c("/v1/tool-settings",{method:"PATCH",body:JSON.stringify(t)}),onSuccess:t=>{e.setQueryData([je],t)}})}function Yn(){return h({mutationFn:({service:e,url:t})=>c(`/v1/tool-settings/${encodeURIComponent(e)}/test`,{method:"POST",body:JSON.stringify({url:t})})})}const H=1e3,yt=100;async function vt(){const e=[];for(let t=0;t<yt;t+=1){const r=await c(`/v1/pricing?skip=${t*H}&limit=${H}`);if(e.push(...r),r.length<H)break}return e}function Xn(){return p({queryKey:[V],queryFn:vt})}function Zn(){const e=v();return h({mutationFn:t=>c("/v1/pricing",{method:"POST",body:JSON.stringify(t)}),onSuccess:()=>{e.invalidateQueries({queryKey:[V]}),e.invalidateQueries({queryKey:[L]})}})}function er(){const e=v();return h({mutationFn:t=>c(`/v1/pricing/${encodeURIComponent(t)}`,{method:"DELETE"}),onSuccess:()=>{e.invalidateQueries({queryKey:[V]}),e.invalidateQueries({queryKey:[L]})}})}function tr(){return h({mutationFn:()=>c("/v1/pricing/refresh",{method:"POST"})})}function nr(){const e=v();return h({mutationFn:()=>c("/v1/pricing/refresh/confirm",{method:"POST"}),onSuccess:()=>{e.invalidateQueries({queryKey:[V]}),e.invalidateQueries({queryKey:[L]}),e.invalidateQueries({queryKey:[ie]})}})}function rr(){return h({mutationFn:()=>c("/v1/pricing/refresh/reject",{method:"POST"})})}const J=1e3,gt=100;async function pt(){const e=[];for(let t=0;t<gt;t+=1){const r=await c(`/v1/keys?skip=${t*J}&limit=${J}`);if(e.push(...r),r.length<J)break}return e}function sr(){return p({queryKey:[A],queryFn:pt,staleTime:6e4})}function ar(){const e=v();return h({mutationFn:t=>c("/v1/keys",{method:"POST",body:JSON.stringify(t)}),onSuccess:()=>void e.invalidateQueries({queryKey:[A]})})}function or(){const e=v();return h({mutationFn:({id:t,body:r})=>c(`/v1/keys/${encodeURIComponent(t)}`,{method:"PATCH",body:JSON.stringify(r)}),onSuccess:()=>void e.invalidateQueries({queryKey:[A]})})}function ir(){const e=v();return h({mutationFn:t=>c(`/v1/keys/${encodeURIComponent(t)}/rotate`,{method:"POST"}),onSuccess:()=>void e.invalidateQueries({queryKey:[A]})})}function cr(){const e=v();return h({mutationFn:t=>c(`/v1/keys/${encodeURIComponent(t)}`,{method:"DELETE"}),onSuccess:()=>void e.invalidateQueries({queryKey:[A]})})}const Y=1e3,bt=100;async function wt(){const e=[];for(let t=0;t<bt;t+=1){const r=await c(`/v1/budgets?skip=${t*Y}&limit=${Y}`);if(e.push(...r),r.length<Y)break}return e}function lr(){return p({queryKey:[O],queryFn:wt,staleTime:6e4})}function ur(e){return p({queryKey:[O,e,"reset-logs"],queryFn:()=>c(`/v1/budgets/${encodeURIComponent(e)}/reset-logs`),enabled:e!==null,staleTime:6e4})}function dr(){const e=v();return h({mutationFn:t=>c("/v1/budgets",{method:"POST",body:JSON.stringify(t)}),onSuccess:()=>void e.invalidateQueries({queryKey:[O]})})}function mr(){const e=v();return h({mutationFn:({id:t,body:r})=>c(`/v1/budgets/${encodeURIComponent(t)}`,{method:"PATCH",body:JSON.stringify(r)}),onSuccess:()=>void e.invalidateQueries({queryKey:[O]})})}function fr(){const e=v();return h({mutationFn:t=>c(`/v1/budgets/${encodeURIComponent(t)}`,{method:"DELETE"}),onSuccess:()=>void e.invalidateQueries({queryKey:[O]})})}const X=1e3,jt=100;async function St(){const e=[];for(let t=0;t<jt;t+=1){const r=await c(`/v1/users?skip=${t*X}&limit=${X}`);if(e.push(...r),r.length<X)break}return e}function hr(){return p({queryKey:[ke],queryFn:St,staleTime:6e4})}function le(e){e.invalidateQueries({queryKey:[ke]}),e.invalidateQueries({queryKey:[O]})}function xr(){const e=v();return h({mutationFn:t=>c("/v1/users",{method:"POST",body:JSON.stringify(t)}),onSuccess:()=>le(e)})}function yr(){const e=v();return h({mutationFn:({id:t,body:r})=>c(`/v1/users/${encodeURIComponent(t)}`,{method:"PATCH",body:JSON.stringify(r)}),onSuccess:()=>le(e)})}function vr(){const e=v();return h({mutationFn:t=>c(`/v1/users/${encodeURIComponent(t)}`,{method:"DELETE"}),onSuccess:()=>{le(e),e.invalidateQueries({queryKey:[A]})}})}function K(e){const t=new URLSearchParams;return e.start_date&&t.set("start_date",e.start_date),e.end_date&&t.set("end_date",e.end_date),e.status&&t.set("status",e.status),e.model&&t.set("model",e.model),e.endpoint&&t.set("endpoint",e.endpoint),e.provider&&t.set("provider",e.provider),e.user_id&&t.set("user_id",e.user_id),e.api_key_id&&t.set("api_key_id",e.api_key_id),e.source&&t.set("source",e.source),e.source_label&&t.set("source_label",e.source_label),e.tool&&t.set("tool",e.tool),e.priced!==void 0&&t.set("priced",String(e.priced)),e.counts_toward_budget!==void 0&&t.set("counts_toward_budget",String(e.counts_toward_budget)),t}function gr(e,t,r){return p({queryKey:[R,"list",e,t,r],queryFn:()=>{const s=K(e);return s.set("skip",String(t*r)),s.set("limit",String(r)),c(`/v1/usage?${s.toString()}`)},placeholderData:U,staleTime:1e4})}function pr(e,t=!0){return p({queryKey:[R,"count",e],queryFn:()=>c(`/v1/usage/count?${K(e).toString()}`),enabled:t,placeholderData:U,staleTime:1e4})}const kt=6e4;function Et(e,t=!0){return p({queryKey:[R,"count","failures",e],queryFn:()=>{const r={status:"error",source:"gateway",start_date:ct(e)};return c(`/v1/usage/count?${K(r).toString()}`)},enabled:t,refetchInterval:kt,refetchOnWindowFocus:!0,staleTime:0,retry:!1})}const Ct=1e3;function br(e){const t=[...new Set(e)].sort();return p({queryKey:[R,"groups",t],queryFn:()=>{const r=new URLSearchParams;for(const s of t)r.append("request_group_id",s);return r.set("limit",String(Ct)),c(`/v1/usage?${r.toString()}`)},enabled:t.length>0,placeholderData:U,staleTime:3e4})}function wr(){const e=v();return h({mutationFn:t=>c("/v1/usage",{method:"DELETE",body:JSON.stringify(t)}),onSuccess:()=>{e.invalidateQueries({queryKey:[R]})}})}function jr(){const e=v();return h({mutationFn:t=>c("/v1/usage/set-price",{method:"POST",body:JSON.stringify(t)}),onSuccess:()=>{e.invalidateQueries({queryKey:[R]})}})}const Sr=[];function kr(e,t,r,s=!0){return p({queryKey:[R,"summary",e,t,r??"all"],queryFn:()=>{const a=K(e);if(a.set("bucket",t),r)for(const o of r.length>0?r:["none"])a.append("dimensions",o);return c(`/v1/usage/summary?${a.toString()}`)},enabled:s,placeholderData:U,staleTime:3e4})}function Er(e,t,r,s=!0){return p({queryKey:[R,"series",e,t,r],queryFn:()=>{const a=K(e);return a.set("bucket",t),a.set("group_by",r),c(`/v1/usage/series?${a.toString()}`)},enabled:s&&r!==null,placeholderData:U,staleTime:3e4,retry:(a,o)=>!(o instanceof D&&o.status===404)&&a<3})}async function Pt(e,t=navigator.clipboard){if(t)try{return await t.writeText(e),!0}catch{}return Tt(e)}function Tt(e){const t=document.createElement("textarea");t.value=e,t.readOnly=!0,t.style.position="fixed",t.style.top="-1000px",t.style.opacity="0",document.body.appendChild(t);const r=document.getSelection(),s=r&&r.rangeCount>0?r.getRangeAt(0):null,a=document.activeElement instanceof HTMLElement?document.activeElement:null;t.select();let o=!1;try{o=document.execCommand("copy")}catch{o=!1}return t.remove(),r&&s&&(r.removeAllRanges(),r.addRange(s)),a==null||a.focus(),o}function Cr(e){return e==null?"0":new Intl.NumberFormat("en-US").format(e)}function Pr(e){if(e==null)return"$0.00";const t=e!==0&&Math.abs(e)<.01?4:2;return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:t}).format(e)}function Tr(e){if(e==null)return"—";if(e>=1e6){const t=e/1e6;return`${Number.isInteger(t)?t:t.toFixed(1)}M`}if(e>=1e3){const t=Math.round(e/1e3);return t>=1e3?"1M":`${t}K`}return String(e)}const Nt=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function Nr(e){if(!e)return"—";const t=/^(\d{4})-(\d{2})/.exec(e);if(!t)return e;const r=Number(t[2])-1;return r<0||r>11?t[1]:`${Nt[r]} ${t[1]}`}const _t=new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",maximumFractionDigits:2});function _r(e){return _t.format(e)}function Lr(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function Lt(e){return`${(e*100).toFixed(1)}%`}function Dr(e,t){return t===void 0||t===0?null:(e-t)/t}function Dt(e,t=Date.now()){if(!e)return"never";const r=new Date(e);if(Number.isNaN(r.getTime()))return e;const s=Math.round((t-r.getTime())/1e3),a=s<0,o=Math.abs(s),l=[["second",60],["minute",60],["hour",24],["day",30],["month",12],["year",Number.POSITIVE_INFINITY]];let d=o,f="second";for(const[x,b]of l){if(f=x,d<b)break;d=Math.floor(d/b)}return new Intl.RelativeTimeFormat("en-US",{numeric:"auto"}).format(a?d:-d,f)}const ye={ok:{accent:"border-l-emerald-500",pill:"border-emerald-200 bg-emerald-50 text-emerald-700"},warn:{accent:"border-l-amber-500",pill:"border-amber-200 bg-amber-50 text-amber-800"},alert:{accent:"border-l-red-500",pill:"border-red-200 bg-red-50 text-red-700"}};function Rr({label:e,value:t,hint:r,status:s,statusLabel:a,chart:o,to:l}){const d=s?`border-l-4 ${ye[s].accent}`:"",f=n.jsxs(q.Content,{className:"flex flex-col gap-1 p-4 sm:p-5",children:[n.jsx("span",{className:"text-xs font-medium uppercase tracking-wide text-[var(--otari-muted)]",children:e}),n.jsxs("span",{className:"flex flex-wrap items-center gap-2",children:[n.jsx("span",{className:"text-xl font-semibold text-[var(--otari-ink)] sm:text-2xl",children:t}),s&&a?n.jsx("span",{className:`inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium ${ye[s].pill}`,children:a}):null]}),r?n.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:r}):null,o?n.jsx("div",{className:"mt-2",children:o}):null]}),y=`flex-1 min-w-0 p-0 ${d}`;return l?n.jsx(q,{className:`${y} transition-colors hover:border-[var(--otari-brand)]`,children:n.jsx(ee,{to:l,className:"block rounded-[inherit] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--otari-brand)]",children:f})}):n.jsx(q,{className:y,children:f})}function Ir({fraction:e}){if(e===null)return null;const t=e>0?"▲":e<0?"▼":"•";return n.jsxs("span",{className:"text-[var(--otari-muted)]",children:[t," ",Lt(Math.abs(e))," vs prev"]})}function Rt(e){return e instanceof D||e instanceof Error?e.message:"Something went wrong."}function It({error:e}){return e?n.jsx("div",{role:"alert",className:"rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700",children:Rt(e)}):null}function qt({tone:e="info",children:t}){const r=e==="warning"?"border-amber-200 bg-amber-50 text-amber-800":"border-[var(--otari-brand)] bg-[var(--otari-brand-tint)] text-[var(--otari-brand-dark)]";return n.jsx("div",{className:`rounded-lg border px-4 py-3 text-sm ${r}`,children:t})}function qr({title:e,description:t,action:r}){return n.jsxs("div",{className:"flex flex-col gap-3",children:[n.jsxs("div",{children:[n.jsx("h1",{className:"text-xl font-semibold text-[var(--otari-ink)]",children:e}),t?n.jsx("p",{className:"mt-1 text-sm text-[var(--otari-muted)]",children:t}):null]}),r?n.jsx("div",{className:"flex flex-wrap gap-2",children:r}):null]})}function At(e){const[t,r]=i.useState(()=>Date.now());return i.useEffect(()=>{let s;const a=()=>{s===void 0&&(s=setInterval(()=>r(Date.now()),e))},o=()=>{s!==void 0&&(clearInterval(s),s=void 0)},l=()=>{r(Date.now()),document.visibilityState==="visible"?a():o()};return l(),document.addEventListener("visibilitychange",l),()=>{o(),document.removeEventListener("visibilitychange",l)}},[e]),t}function Ar({onRefresh:e,isFetching:t=!1,updatedAt:r,label:s="Refresh"}){const a=At(15e3),o=r?Dt(new Date(r).toISOString(),a):null;return n.jsxs("span",{className:"inline-flex items-center gap-2",children:[o?n.jsxs("span",{className:"text-xs text-[var(--otari-muted)]",children:["Updated ",o]}):null,n.jsx(C,{variant:"outline",size:"sm",isIconOnly:!0,isDisabled:t,onPress:e,"aria-label":s,children:n.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:`h-4 w-4 ${t?"animate-spin":""}`,"aria-hidden":"true",children:[n.jsx("path",{d:"M20 11a8 8 0 1 0-.5 4",strokeLinecap:"round",strokeLinejoin:"round"}),n.jsx("path",{d:"M20 4v5h-5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]})}function Or({value:e,label:t,className:r,children:s}){const a=o=>o.stopPropagation();return n.jsxs("span",{className:"inline-flex items-center gap-1",children:[n.jsx("span",{tabIndex:-1,className:`select-text outline-none ${r??""}`,onPointerDown:a,onMouseDown:a,children:s??e}),n.jsx(Ot,{value:e,label:t})]})}function Ot({value:e,label:t}){const[r,s]=i.useState("idle"),a=i.useRef(void 0);i.useEffect(()=>()=>clearTimeout(a.current),[]);const o=async()=>{const l=await Pt(e);s(l?"copied":"failed"),clearTimeout(a.current),a.current=setTimeout(()=>s("idle"),l?1500:5e3)};return n.jsxs(me.Root,{isOpen:r!=="idle",children:[n.jsx(C,{size:"sm",variant:"ghost",isIconOnly:!0,"aria-label":`Copy ${t}`,onPress:o,children:n.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-3.5 w-3.5","aria-hidden":"true",children:[n.jsx("rect",{x:"9",y:"9",width:"11",height:"11",rx:"2"}),n.jsx("path",{d:"M5 15V5a2 2 0 0 1 2-2h8",strokeLinecap:"round",strokeLinejoin:"round"})]})}),n.jsx(me.Content,{placement:"top",showArrow:!0,children:r==="failed"?"Copy blocked, select the value and press Ctrl/Cmd-C":"Copied!"})]})}function Mr({title:e,description:t,actionLabel:r,onAction:s,isActionDisabled:a,children:o}){return n.jsx(q,{children:n.jsxs(q.Content,{className:"flex flex-col gap-4 p-6",children:[n.jsxs("div",{children:[n.jsx("h2",{className:"text-lg font-semibold text-[var(--otari-ink)]",children:e}),t?n.jsx("p",{className:"mt-1 text-sm text-[var(--otari-muted)]",children:t}):null]}),o,r&&s?n.jsx("div",{children:n.jsx(C,{variant:"primary",isDisabled:a,onPress:s,children:r})}):null]})})}function Fr({label:e="Loading…"}){return n.jsxs("div",{role:"status",className:"flex items-center justify-center gap-2 px-4 py-10 text-sm text-[var(--otari-muted)]",children:[n.jsx(Ge,{size:"sm"}),n.jsx("span",{children:e})]})}function Ur({children:e,confirmLabel:t,onConfirm:r,isPending:s}){const[a,o]=i.useState(!1);return a?n.jsxs("span",{className:"inline-flex items-center gap-1",children:[n.jsx(C,{size:"sm",variant:"danger",isDisabled:s,onPress:r,children:t}),n.jsx(C,{size:"sm",variant:"ghost",isDisabled:s,onPress:()=>o(!1),children:"Cancel"})]}):n.jsx(C,{size:"sm",variant:"danger-soft",onPress:()=>o(!0),children:e})}const Mt="rounded-lg border border-[var(--otari-line)] bg-[var(--otari-bg)] px-3 py-2 text-sm text-[var(--otari-ink)] focus:border-[var(--otari-brand)] focus:outline-none";function Kr({id:e,label:t,ariaLabel:r,value:s,onChange:a,options:o,children:l,disabled:d}){const f=i.useId(),y=e??(t?f:void 0),x=n.jsx("select",{id:y,"aria-label":t?void 0:r,value:s,disabled:d,onChange:b=>a(b.target.value),className:Mt,children:o?o.map(b=>n.jsx("option",{value:b.value,children:b.label},b.value)):l});return t?n.jsxs("div",{className:"flex flex-col gap-1",children:[n.jsx("label",{htmlFor:y,className:"text-xs font-medium text-[var(--otari-muted)]",children:t}),x]}):x}function Br({label:e,value:t,onChange:r,options:s,placeholder:a,maxVisible:o=50,allowsCustom:l=!1}){const d=m=>{var T;return((T=s.find(M=>M.value===m))==null?void 0:T.label)??m},[f,y]=i.useState(()=>d(t));i.useEffect(()=>{y(d(t))},[t]);const x=f.trim().toLowerCase(),b=s.filter(m=>!x||m.value.toLowerCase().includes(x)||m.label.toLowerCase().includes(x)).slice(0,o);return n.jsxs(B.Root,{allowsEmptyCollection:!0,allowsCustomValue:l,menuTrigger:"focus",inputValue:f,onInputChange:m=>{y(m),l?r(m.trim()):m.trim()===""&&r("")},onSelectionChange:m=>{m!=null&&r(String(m))},className:"flex flex-col gap-1",children:[n.jsx(ge,{className:"text-xs font-medium text-[var(--otari-muted)]",children:e}),n.jsxs(B.InputGroup,{children:[n.jsx(pe,{placeholder:a,autoComplete:"off",onFocus:m=>m.currentTarget.select()}),n.jsx(B.Trigger,{})]}),n.jsx(B.Popover,{children:n.jsx(Ve,{items:b,className:"max-h-72 overflow-auto",children:m=>n.jsx(We,{id:m.value,textValue:m.label,children:m.label})})})]})}function Ft(){var f,y;const e=ht(),t=xt(),[r,s]=i.useState(!1),o=((f=e.data)==null?void 0:f.require_pricing)===!0&&e.data.default_pricing===!1&&!r,d=((y=Et(Q,o).data)==null?void 0:y.total)??0;return o?n.jsx("div",{className:"shrink-0 px-6 pt-3",children:n.jsx(qt,{tone:"warning",children:n.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[n.jsxs("span",{children:["Requests are rejected until pricing is set (",n.jsx("code",{children:"require_pricing"})," is on). Enable default pricing to meter new models with public rates right away.",d>0?n.jsxs(n.Fragment,{children:[" ",n.jsxs("strong",{className:"font-semibold",children:[d.toLocaleString()," ",d===1?"request":"requests"," failed in the last hour."]})," ",n.jsx(Be,{to:"/activity?status=error&range=1h&source=gateway",className:"underline underline-offset-2",children:"View failed requests"})]}):null]}),n.jsxs("span",{className:"flex items-center gap-2",children:[n.jsx(C,{size:"sm",variant:"primary",isDisabled:t.isPending,onPress:()=>t.mutate({default_pricing:!0}),children:t.isPending?"Enabling…":"Enable default pricing"}),n.jsx(C,{size:"sm",variant:"ghost",onPress:()=>s(!0),children:"Dismiss"})]})]})})}):null}function Ut(){const{data:e}=ft(),t=i.useRef(null);return e&&t.current===null&&(t.current=e.build),e!=null&&t.current!=null&&e.build!==t.current}function Kt(){const e=Ut(),[t,r]=i.useState(!1);return!e||t?null:n.jsx("div",{className:"pointer-events-none absolute inset-x-0 top-0 z-50 flex justify-center",children:n.jsxs("div",{role:"status",className:"pointer-events-auto mt-1.5 flex items-center gap-3 rounded-full border border-[var(--otari-brand)] bg-[var(--otari-brand-tint)] py-1.5 pr-1.5 pl-4 text-sm text-[var(--otari-brand-dark)] shadow-md",children:[n.jsxs("span",{children:[n.jsx("strong",{className:"font-semibold",children:"An update is available."})," Reloading keeps you signed in."]}),n.jsx(C,{size:"sm",variant:"primary",onPress:()=>window.location.reload(),children:"Update now"}),n.jsx(C,{size:"sm",variant:"ghost",onPress:()=>r(!0),children:"Later"})]})})}const Ee=200,Ce=480,Z=240,Bt=60,Pe="otari.dashboard.sidebarWidth",Te="otari.dashboard.sidebarCollapsed",ve=16,Ne="(max-width: 767px)",z=e=>Math.min(Ce,Math.max(Ee,e));function $t(){return typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia(Ne).matches}const zt='a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])';function Qt(e){return e?Array.from(e.querySelectorAll(zt)).filter(t=>t.offsetParent!==null||t===document.activeElement):[]}function Vt(){if(typeof window>"u")return Z;try{const e=window.localStorage.getItem(Pe),t=e?Number.parseInt(e,10):Number.NaN;return Number.isNaN(t)?Z:z(t)}catch{return Z}}function Wt(){if(typeof window>"u")return!1;try{return window.localStorage.getItem(Te)==="1"}catch{return!1}}const Gt=[{key:"home"},{key:"observability",label:"Observability"},{key:"catalog",label:"Catalog"},{key:"access",label:"Access"},{key:"system"}],Ht=[{to:"/",section:"home",label:"Overview",end:!0,icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("rect",{x:"3.5",y:"3.5",width:"7",height:"7",rx:"1.5",strokeLinejoin:"round"}),n.jsx("rect",{x:"13.5",y:"3.5",width:"7",height:"7",rx:"1.5",strokeLinejoin:"round"}),n.jsx("rect",{x:"3.5",y:"13.5",width:"7",height:"7",rx:"1.5",strokeLinejoin:"round"}),n.jsx("rect",{x:"13.5",y:"13.5",width:"7",height:"7",rx:"1.5",strokeLinejoin:"round"})]})},{to:"/activity",section:"observability",label:"Activity",icon:n.jsx("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:n.jsx("path",{d:"M3 12h4l2.5-6 4 12 2.5-6H21",strokeLinecap:"round",strokeLinejoin:"round"})})},{to:"/usage",section:"observability",label:"Usage",icon:n.jsx("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:n.jsx("path",{d:"M4 20V10M10 20V4M16 20v-7M22 20H2",strokeLinecap:"round",strokeLinejoin:"round"})})},{to:"/providers",section:"catalog",label:"Providers",icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("rect",{x:"3.5",y:"4.5",width:"17",height:"6",rx:"1.5",strokeLinejoin:"round"}),n.jsx("rect",{x:"3.5",y:"13.5",width:"17",height:"6",rx:"1.5",strokeLinejoin:"round"}),n.jsx("path",{d:"M7 7.5h.01M7 16.5h.01",strokeLinecap:"round",strokeLinejoin:"round"})]})},{to:"/users",section:"access",label:"Users",icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("circle",{cx:"9",cy:"8",r:"3.2",strokeLinejoin:"round"}),n.jsx("path",{d:"M3.5 19a5.5 5.5 0 0 1 11 0",strokeLinecap:"round",strokeLinejoin:"round"}),n.jsx("path",{d:"M16 5.2a3.2 3.2 0 0 1 0 5.6M17.5 19a5.5 5.5 0 0 0-3-4.9",strokeLinecap:"round",strokeLinejoin:"round"})]})},{to:"/keys",section:"access",label:"API keys",icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("circle",{cx:"7.5",cy:"15.5",r:"3.5"}),n.jsx("path",{d:"M10 13l7-7M14 5l3 3M16.5 7.5l2-2",strokeLinecap:"round",strokeLinejoin:"round"})]})},{to:"/budgets",section:"access",label:"Budgets",icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("path",{d:"M3 7.5A1.5 1.5 0 0 1 4.5 6H18a1.5 1.5 0 0 1 1.5 1.5V9",strokeLinejoin:"round"}),n.jsx("rect",{x:"3",y:"7.5",width:"18",height:"12",rx:"1.5",strokeLinejoin:"round"}),n.jsx("path",{d:"M16 13.5h.01",strokeLinecap:"round",strokeLinejoin:"round"}),n.jsx("path",{d:"M21 12v3h-3.5a1.5 1.5 0 0 1 0-3H21z",strokeLinejoin:"round"})]})},{to:"/models",section:"catalog",label:"Models",icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("path",{d:"M12 3l8 4.5v9L12 21l-8-4.5v-9L12 3z",strokeLinejoin:"round"}),n.jsx("path",{d:"M12 12l8-4.5M12 12v9M12 12L4 7.5",strokeLinejoin:"round"})]})},{to:"/routing",section:"catalog",label:"Routing",icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("path",{d:"M4 5h4l4 7 4-7h4",strokeLinejoin:"round"}),n.jsx("path",{d:"M4 19h4l4-7",strokeLinejoin:"round"}),n.jsx("circle",{cx:"19",cy:"19",r:"2"}),n.jsx("circle",{cx:"19",cy:"5",r:"2"})]})},{to:"/tools",section:"system",label:"Tools & Guardrails",icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("path",{d:"M14.7 6.3a4 4 0 0 1 5 5l-8.4 8.4a2 2 0 0 1-2.8 0l-2.2-2.2a2 2 0 0 1 0-2.8z",strokeLinejoin:"round"}),n.jsx("path",{d:"M12 9 5 16",strokeLinecap:"round"})]})},{to:"/settings",section:"system",label:"Settings",icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("circle",{cx:"12",cy:"12",r:"3"}),n.jsx("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z",strokeLinejoin:"round"})]})}];function Jt(){const{logout:e}=re(),t=i.useRef(null),r=i.useRef(null),s=i.useRef(null),[a,o]=i.useState(Vt),[l,d]=i.useState(Wt),[f,y]=i.useState(!1),[x,b]=i.useState($t),[m,T]=i.useState(!1);i.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;const u=window.matchMedia(Ne),g=j=>{b(j.matches),j.matches||T(!1)};return typeof u.addEventListener=="function"?(u.addEventListener("change",g),()=>u.removeEventListener("change",g)):(u.addListener(g),()=>u.removeListener(g))},[]),i.useEffect(()=>{if(!m)return;const u=g=>{g.key==="Escape"&&T(!1)};return window.addEventListener("keydown",u),()=>window.removeEventListener("keydown",u)},[m]),i.useEffect(()=>{var u,g,j;x&&(m?(u=t.current)==null||u.focus():(g=t.current)!=null&&g.contains(document.activeElement)&&((j=s.current)==null||j.focus()))},[x,m]);const M=i.useCallback(u=>{if(u.key!=="Tab")return;const g=Qt(t.current);if(g.length===0)return;const j=g[0],k=g[g.length-1],F=document.activeElement;u.shiftKey&&(F===j||F===t.current)?(u.preventDefault(),k.focus()):!u.shiftKey&&F===k&&(u.preventDefault(),j.focus())},[]);i.useEffect(()=>{const u=window.setTimeout(()=>{try{window.localStorage.setItem(Pe,String(Math.round(a)))}catch{}},200);return()=>window.clearTimeout(u)},[a]),i.useEffect(()=>{try{window.localStorage.setItem(Te,l?"1":"0")}catch{}},[l]);const Le=i.useCallback(u=>{u.preventDefault(),u.currentTarget.setPointerCapture(u.pointerId),y(!0)},[]),De=i.useCallback(u=>{var j;if(!u.currentTarget.hasPointerCapture(u.pointerId))return;const g=((j=t.current)==null?void 0:j.getBoundingClientRect().left)??0;o(z(u.clientX-g))},[]),Re=i.useCallback(u=>{u.currentTarget.hasPointerCapture(u.pointerId)&&u.currentTarget.releasePointerCapture(u.pointerId),y(!1)},[]),Ie=i.useCallback(u=>{var g;u.preventDefault(),(g=r.current)==null||g.focus()},[]),qe=i.useCallback(u=>{u.key==="ArrowLeft"?(u.preventDefault(),o(g=>z(g-ve))):u.key==="ArrowRight"&&(u.preventDefault(),o(g=>z(g+ve)))},[]),Ae=l?Bt:a,S=x?!1:l,G=x&&m?!0:void 0;return n.jsxs("div",{className:N("relative flex h-full flex-col overflow-hidden",f&&"cursor-col-resize select-none"),children:[n.jsx("button",{type:"button",inert:G,onClick:Ie,className:"sr-only focus:not-sr-only focus:absolute focus:top-3 focus:left-3 focus:z-50 focus:rounded-lg focus:border focus:border-[var(--otari-brand)] focus:bg-[var(--otari-surface)] focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:text-[var(--otari-brand-dark)] focus:shadow-md focus:outline-none",children:"Skip to main content"}),n.jsxs("header",{inert:G,className:"flex shrink-0 items-center justify-between border-b border-[var(--otari-line)] bg-[var(--otari-surface)] px-5 py-3",children:[n.jsxs("div",{className:"flex items-center gap-2.5",children:[n.jsx("button",{type:"button",ref:s,onClick:()=>T(u=>!u),"aria-label":m?"Close navigation":"Open navigation","aria-expanded":m,"aria-controls":"app-sidebar",className:"-ml-1 flex h-8 w-8 items-center justify-center rounded-lg text-[var(--otari-muted)] transition-colors hover:bg-[var(--otari-bg)] hover:text-[var(--otari-ink)] md:hidden",children:n.jsx("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5",children:n.jsx("path",{d:"M4 6h16M4 12h16M4 18h16",strokeLinecap:"round",strokeLinejoin:"round"})})}),n.jsx("img",{src:"/favicon.svg",alt:"",className:"h-7 w-7 shrink-0"}),n.jsx("span",{className:"text-base font-semibold text-[var(--otari-ink)]",children:"Otari"})]}),n.jsx(C,{size:"sm",variant:"outline",onPress:e,"aria-label":"Sign out",children:"Sign out"})]}),n.jsx(Kt,{}),n.jsx(ot,{}),n.jsx(Ft,{}),n.jsxs("div",{className:"flex min-h-0 flex-1",children:[x&&m?n.jsx("div",{"aria-hidden":"true",onClick:()=>T(!1),className:"fixed inset-0 z-30 bg-black/40 md:hidden"}):null,n.jsxs("aside",{ref:t,id:"app-sidebar",role:x?"dialog":void 0,"aria-modal":x&&m?!0:void 0,"aria-label":x?"Navigation":void 0,tabIndex:x?-1:void 0,inert:x&&!m?!0:void 0,onKeyDown:x&&m?M:void 0,style:x?void 0:{width:Ae},className:N("flex flex-col border-r border-[var(--otari-line)] bg-[var(--otari-surface)] focus:outline-none",x?N("fixed inset-y-0 left-0 z-40 w-[17rem] shadow-xl transition-transform duration-200",m?"translate-x-0":"-translate-x-full"):N("relative shrink-0",!f&&"transition-[width] duration-150")),children:[n.jsx("button",{type:"button",onClick:()=>d(u=>!u),"aria-label":l?"Expand sidebar":"Collapse sidebar","aria-pressed":l,title:l?"Expand sidebar":"Collapse sidebar",className:"absolute -right-3 top-4 z-30 hidden h-6 w-6 items-center justify-center rounded-full border border-[var(--otari-line)] bg-[var(--otari-surface)] text-[var(--otari-muted)] shadow-sm transition-colors hover:border-[var(--otari-brand)] hover:text-[var(--otari-brand-dark)] md:flex",children:n.jsx("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",className:N("h-3.5 w-3.5 transition-transform",l&&"rotate-180"),children:n.jsx("path",{d:"M15 6l-6 6 6 6",strokeLinecap:"round",strokeLinejoin:"round"})})}),n.jsx("nav",{className:N("flex flex-col py-4",S?"px-2":"px-3"),children:Gt.map((u,g)=>{const j=Ht.filter(k=>k.section===u.key);return j.length===0?null:n.jsxs("div",{className:g>0?"mt-4":void 0,children:[!S&&u.label?n.jsx("div",{className:"px-3 pb-1 text-[11px] font-semibold tracking-wider text-[var(--otari-muted)] uppercase",children:u.label}):null,g>0&&(S||!u.label)?n.jsx("div",{className:"mx-1 mb-2 border-t border-[var(--otari-line)]"}):null,n.jsx("div",{className:"flex flex-col gap-1",children:j.map(k=>n.jsxs(ee,{to:k.to,end:k.end,onClick:()=>T(!1),"aria-label":S?k.label:void 0,title:S?k.label:void 0,className:({isActive:F})=>N("flex items-center rounded-lg py-2 text-sm font-medium transition-colors",S?"justify-center px-0":"gap-3 px-3",F?"bg-[var(--otari-brand-tint)] text-[var(--otari-brand-dark)]":"text-[var(--otari-muted)] hover:bg-[var(--otari-bg)] hover:text-[var(--otari-ink)]"),children:[k.icon,S?null:k.label]},k.to))})]},u.key)})}),n.jsxs("div",{className:"mt-auto flex flex-col gap-1 pb-3",children:[n.jsxs(ee,{to:"/docs",onClick:()=>T(!1),"aria-label":S?"User guide":void 0,title:S?"User guide":void 0,className:({isActive:u})=>N("flex items-center rounded-lg py-2 text-sm font-medium transition-colors",S?"mx-2 justify-center px-0":"mx-3 gap-3 px-3",u?"bg-[var(--otari-brand-tint)] text-[var(--otari-brand-dark)]":"text-[var(--otari-muted)] hover:bg-[var(--otari-bg)] hover:text-[var(--otari-ink)]"),children:[n.jsxs("svg",{"aria-hidden":"true",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("path",{d:"M12 6.5C10.5 5 8 4.5 4 4.5V18c4 0 6.5.5 8 2 1.5-1.5 4-2 8-2V4.5c-4 0-6.5.5-8 2z",strokeLinejoin:"round"}),n.jsx("path",{d:"M12 6.5V20",strokeLinecap:"round"})]}),S?null:"User guide"]}),n.jsxs("a",{href:"https://otari.ai",target:"_blank",rel:"noreferrer",title:"otari.ai: the hosted Otari gateway",className:N("flex items-center rounded-lg py-2 text-xs font-medium text-[var(--otari-muted)] transition-colors hover:bg-[var(--otari-bg)] hover:text-[var(--otari-brand-dark)]",S?"mx-2 justify-center px-0":"mx-3 gap-2 px-3"),children:[n.jsx("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-4 w-4 shrink-0",children:n.jsx("path",{d:"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z",strokeLinejoin:"round"})}),S?null:n.jsxs("span",{className:"flex-1",children:["otari.ai ",n.jsx("span",{"aria-hidden":!0,children:"↗"})]})]})]}),l||x?null:n.jsx("div",{role:"separator","aria-orientation":"vertical","aria-label":"Resize sidebar","aria-valuenow":Math.round(a),"aria-valuemin":Ee,"aria-valuemax":Ce,tabIndex:0,onPointerDown:Le,onPointerMove:De,onPointerUp:Re,onKeyDown:qe,className:N("absolute top-0 right-0 z-10 h-full w-1.5 cursor-col-resize touch-none transition-colors","hover:bg-[var(--otari-brand)] focus-visible:bg-[var(--otari-brand)] focus:outline-none",f?"bg-[var(--otari-brand)]":"bg-transparent")})]}),n.jsx("main",{ref:r,id:"main-content",tabIndex:-1,inert:G,className:"flex-1 overflow-y-auto focus:outline-none",children:n.jsx("div",{className:"mx-auto flex max-w-[1800px] flex-col gap-6 px-4 py-5 md:px-6 md:py-6",children:n.jsx($e,{})})})]})]})}function Yt(){const{login:e}=re(),[t,r]=i.useState(""),[s,a]=i.useState(null),[o,l]=i.useState(!1),d=async()=>{const f=t.trim();if(!(!f||o)){l(!0),a(null);try{await et(f)?e():a(new Error("Invalid master key."))}catch(y){a(y)}finally{l(!1)}}};return n.jsx("div",{className:"flex min-h-full items-center justify-center p-6",children:n.jsx(q,{className:"w-full max-w-md",children:n.jsxs(q.Content,{className:"flex flex-col gap-5 p-7",children:[n.jsxs("div",{className:"flex flex-col items-center gap-3 text-center",children:[n.jsx("img",{src:"/favicon.svg",alt:"Otari",className:"h-12 w-12"}),n.jsxs("div",{children:[n.jsx("h1",{className:"text-lg font-semibold text-[var(--otari-ink)]",children:"Otari Dashboard"}),n.jsx("p",{className:"mt-1 text-sm text-[var(--otari-muted)]",children:"Sign in with your master key to browse models, set pricing, and manage settings."})]})]}),n.jsxs("form",{className:"flex flex-col gap-4",onSubmit:f=>{f.preventDefault(),d()},children:[n.jsxs(He,{value:t,onChange:f=>{r(f),s&&a(null)},type:"password",isRequired:!0,className:"flex flex-col gap-1",children:[n.jsx(ge,{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Master key"}),n.jsx(pe,{placeholder:"otari-mk-… or your master key",autoFocus:!0,autoComplete:"off"})]}),n.jsxs("details",{className:"text-xs text-[var(--otari-muted)]",children:[n.jsx("summary",{className:"cursor-pointer font-medium text-[var(--otari-brand-dark)]",children:"First run? Where to find your key"}),n.jsxs("p",{className:"mt-2 leading-relaxed",children:["If you did not set ",n.jsx("code",{children:"OTARI_MASTER_KEY"}),", Otari generated one and printed it to the server logs on startup. Look for the line ",n.jsx("code",{children:"Your master key:"})," (for example, run"," ",n.jsx("code",{children:"docker logs <container>"}),") and paste it above."]})]}),n.jsx(It,{error:s}),n.jsx(C,{type:"submit",variant:"primary",fullWidth:!0,isDisabled:!t.trim()||o,children:o?"Signing in…":"Sign in"})]}),n.jsx("p",{className:"text-center text-xs text-[var(--otari-muted)]",children:"The key is sent once to this gateway and exchanged for a session cookie; it is never stored in the browser."}),n.jsx("div",{className:"border-t border-[var(--otari-line)] pt-4 text-center",children:n.jsx(Je,{href:"/welcome",className:"text-sm font-medium text-[var(--otari-brand-dark)]",children:"New to Otari? Open the welcome guide"})})]})})})}const Xt=i.lazy(async()=>({default:(await P(async()=>{const{ActivityPage:e}=await import("./ActivityPage-CHnjo06U.js");return{ActivityPage:e}},__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]))).ActivityPage})),Zt=i.lazy(async()=>({default:(await P(async()=>{const{RoutingPage:e}=await import("./RoutingPage-CD9-r0aL.js");return{RoutingPage:e}},__vite__mapDeps([12,1,2,8,5,11,13]))).RoutingPage})),en=i.lazy(async()=>({default:(await P(async()=>{const{BudgetsPage:e}=await import("./BudgetsPage-H5EC9TjF.js");return{BudgetsPage:e}},__vite__mapDeps([14,1,2,6,5,7,8,11]))).BudgetsPage})),tn=i.lazy(async()=>({default:(await P(async()=>{const{DocsPage:e}=await import("./DocsPage-DT-vQq9F.js");return{DocsPage:e}},__vite__mapDeps([15,1,2,5]))).DocsPage})),nn=i.lazy(async()=>({default:(await P(async()=>{const{KeysPage:e}=await import("./KeysPage-CtY-9BqY.js");return{KeysPage:e}},__vite__mapDeps([16,1,2,6,5,7,8,11,17,13]))).KeysPage})),rn=i.lazy(async()=>({default:(await P(async()=>{const{ModelsPage:e}=await import("./ModelsPage-BHrGQHDE.js");return{ModelsPage:e}},__vite__mapDeps([18,1,2,6,5,8,10,11]))).ModelsPage})),sn=i.lazy(async()=>({default:(await P(async()=>{const{OverviewIndex:e}=await import("./OverviewPage-B5D-L-_p.js");return{OverviewIndex:e}},__vite__mapDeps([19,1,2,3,4,5,8]))).OverviewIndex})),an=i.lazy(async()=>({default:(await P(async()=>{const{ProvidersPage:e}=await import("./ProvidersPage-Jb_jxGkj.js");return{ProvidersPage:e}},__vite__mapDeps([20,1,2,11,5,8]))).ProvidersPage})),on=i.lazy(async()=>({default:(await P(async()=>{const{SettingsPage:e}=await import("./SettingsPage-BtoAJ9Y8.js");return{SettingsPage:e}},__vite__mapDeps([21,1,2,5]))).SettingsPage})),cn=i.lazy(async()=>({default:(await P(async()=>{const{ToolsGuardrailsPage:e}=await import("./ToolsGuardrailsPage-DNC3Wa-x.js");return{ToolsGuardrailsPage:e}},__vite__mapDeps([22,1,2,5]))).ToolsGuardrailsPage})),ln=i.lazy(async()=>({default:(await P(async()=>{const{UsagePage:e}=await import("./UsagePage-pCJIBBUc.js");return{UsagePage:e}},__vite__mapDeps([23,1,2,3,4,5,8,9]))).UsagePage})),un=i.lazy(async()=>({default:(await P(async()=>{const{UsersPage:e}=await import("./UsersPage-CRNgQ9x1.js");return{UsersPage:e}},__vite__mapDeps([24,1,2,6,5,7,8,11,17]))).UsersPage}));function E(e){return n.jsx(i.Suspense,{fallback:n.jsx("div",{role:"status",children:"Loading page…"}),children:e})}function dn(){const{isAuthenticated:e}=re();return e?n.jsx(ze,{children:n.jsx(Qe,{children:n.jsxs(w,{element:n.jsx(Jt,{}),children:[n.jsx(w,{index:!0,element:E(n.jsx(sn,{}))}),n.jsx(w,{path:"providers",element:E(n.jsx(an,{}))}),n.jsx(w,{path:"keys",element:E(n.jsx(nn,{}))}),n.jsx(w,{path:"users",element:E(n.jsx(un,{}))}),n.jsx(w,{path:"budgets",element:E(n.jsx(en,{}))}),n.jsx(w,{path:"activity",element:E(n.jsx(Xt,{}))}),n.jsx(w,{path:"usage",element:E(n.jsx(ln,{}))}),n.jsx(w,{path:"models",element:E(n.jsx(rn,{}))}),n.jsx(w,{path:"aliases",element:n.jsx(de,{to:"/routing",replace:!0})}),n.jsx(w,{path:"routing",element:E(n.jsx(Zt,{}))}),n.jsx(w,{path:"tools",element:E(n.jsx(cn,{}))}),n.jsx(w,{path:"settings",element:E(n.jsx(on,{}))}),n.jsx(w,{path:"docs",element:E(n.jsx(tn,{}))}),n.jsx(w,{path:"*",element:n.jsx(de,{to:"/",replace:!0})})]})})}):n.jsx(Yt,{})}function mn({children:e}){const[t]=i.useState(()=>new Fe({defaultOptions:{queries:{refetchOnWindowFocus:!1,retry:(r,s)=>s instanceof D&&(s.status===401||s.status===403)?!1:r<2}}}));return n.jsx(Ue,{client:t,children:n.jsx(rt,{children:e})})}const _e=document.getElementById("root");if(!_e)throw new Error("Root element #root not found");Ye.createRoot(_e).render(n.jsx(i.StrictMode,{children:n.jsx(mn,{children:n.jsx(dn,{})})}));export{Nr as $,bn as A,zn as B,wn as C,Vn as D,It as E,Kr as F,Hn as G,lr as H,dr as I,mr as J,fr as K,yr as L,qt as M,ur as N,or as O,qr as P,ir as Q,Ar as R,cr as S,ar as T,Pn as U,Xn as V,Kn as W,Tr as X,it as Y,er as Z,Rt as _,lt as a,ht as a0,Pr as a1,Nn as a2,Fr as a3,Dn as a4,Dr as a5,Rr as a6,_r as a7,Ir as a8,Cr as a9,xr as aA,Lt as aa,Dt as ab,Sr as ac,In as ad,On as ae,Fn as af,xt as ag,An as ah,Rn as ai,qn as aj,Ln as ak,_n as al,Un as am,tr as an,nr as ao,rr as ap,Gn as aq,Mn as ar,Jn as as,Yn as at,Er as au,D as av,gn as aw,vn as ax,Lr as ay,vr as az,En as b,sr as c,gr as d,pr as e,Cn as f,kr as g,jn as h,Sn as i,br as j,wr as k,jr as l,Zn as m,pn as n,Br as o,ct as p,Or as q,kn as r,Tn as s,$n as t,hr as u,Bn as v,Qn as w,Wn as x,Ur as y,Mr as z};
diff --git a/src/gateway/static/dashboard/assets/index-DnXjp6g_.js b/src/gateway/static/dashboard/assets/index-DnXjp6g_.js
new file mode 100644
index 000000000..b23c4767e
--- /dev/null
+++ b/src/gateway/static/dashboard/assets/index-DnXjp6g_.js
@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/ActivityPage-m0y8T4IF.js","assets/tanstack-query-1t81HyiD.js","assets/react-dgEcD0HR.js","assets/charts-krq1PqQO.js","assets/recharts-C3cGlHOx.js","assets/heroui-COmYdDDM.js","assets/tableSelection-BJDASjEj.js","assets/ConfirmDialog-BqztIUQ8.js","assets/DataTable-DuDxGlJc.js","assets/FilterChips-DTdIceb1.js","assets/TablePagination-CodBBmt3.js","assets/Field-CBU9MRjz.js","assets/RoutingPage-CuN4PH28.js","assets/UserComboBox-DoloPF6p.js","assets/BudgetsPage-CCjnKhY4.js","assets/DocsPage-BLX9Ugok.js","assets/KeysPage-eN3TspGP.js","assets/ModelScopeControl-BTAbFoU-.js","assets/ModelsPage-BHFs32Be.js","assets/OverviewPage-CJaIAUu7.js","assets/ProvidersPage-BYCOF7U0.js","assets/SettingsPage-DAz4lpRs.js","assets/ToolsGuardrailsPage-Bh69IbXF.js","assets/UsagePage-BbuXicXf.js","assets/UsersPage-DgtI9L1U.js"])))=>i.map(i=>d[i]);
+var Oe=Object.defineProperty;var Me=(e,t,r)=>t in e?Oe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var me=(e,t,r)=>Me(e,typeof t!="symbol"?t+"":t,r);import{u as x,j as n,a as v,b as f,k as K,Q as Ue,c as Fe}from"./tanstack-query-1t81HyiD.js";import{d as Ke,r as i,N as ne,L as Be,O as $e,H as ze,e as Qe,f as j,h as fe}from"./react-dgEcD0HR.js";import{B as P,C as z,L as be,I as we,a as Ve,b as We,d as q,S as Ge,T as he,c as _,e as He,f as Je}from"./heroui-COmYdDDM.js";(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const a of document.querySelectorAll('link[rel="modulepreload"]'))s(a);new MutationObserver(a=>{for(const o of a)if(o.type==="childList")for(const u of o.addedNodes)u.tagName==="LINK"&&u.rel==="modulepreload"&&s(u)}).observe(document,{childList:!0,subtree:!0});function r(a){const o={};return a.integrity&&(o.integrity=a.integrity),a.referrerPolicy&&(o.referrerPolicy=a.referrerPolicy),a.crossOrigin==="use-credentials"?o.credentials="include":a.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function s(a){if(a.ep)return;a.ep=!0;const o=r(a);fetch(a.href,o)}})();var Ye=Ke();const Xe="modulepreload",Ze=function(e){return"/"+e},ye={},T=function(t,r,s){let a=Promise.resolve();if(r&&r.length>0){let u=function(h){return Promise.all(h.map(y=>Promise.resolve(y).then(w=>({status:"fulfilled",value:w}),w=>({status:"rejected",reason:w}))))};document.getElementsByTagName("link");const d=document.querySelector("meta[property=csp-nonce]"),m=(d==null?void 0:d.nonce)||(d==null?void 0:d.getAttribute("nonce"));a=u(r.map(h=>{if(h=Ze(h),h in ye)return;ye[h]=!0;const y=h.endsWith(".css"),w=y?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${h}"]${w}`))return;const p=document.createElement("link");if(p.rel=y?"stylesheet":Xe,y||(p.as="script"),p.crossOrigin="",p.href=h,m&&p.setAttribute("nonce",m),document.head.appendChild(p),y)return new Promise((N,U)=>{p.addEventListener("load",N),p.addEventListener("error",()=>U(new Error(`Unable to preload CSS for ${h}`)))})}))}function o(u){const d=new Event("vite:preloadError",{cancelable:!0});if(d.payload=u,window.dispatchEvent(d),!d.defaultPrevented)throw u}return a.then(u=>{for(const d of u||[])d.status==="rejected"&&o(d.reason);return t().catch(o)})};class R extends Error{constructor(r,s){super(s);me(this,"status");this.name="ApiError",this.status=r}}let Q=null;function xe(e){Q=e}async function re(e){try{const t=await e.json();if(typeof t.detail=="string")return t.detail;if(t.detail!=null)return JSON.stringify(t.detail)}catch{}return e.statusText||`Request failed (${e.status})`}async function et(e){let t;try{t=await fetch("/v1/auth/session",{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify({master_key:e})})}catch{throw new R(0,"Network error: could not reach the gateway.")}if(t.status===401||t.status===403)return!1;if(!t.ok)throw new R(t.status,await re(t));return!0}async function tt(){try{await fetch("/v1/auth/session",{method:"DELETE"})}catch{}}async function c(e,t={}){const r=new Headers(t.headers);r.set("Accept","application/json"),t.body!=null&&!r.has("Content-Type")&&r.set("Content-Type","application/json");let s;try{s=await fetch(e,{...t,headers:r})}catch{throw new R(0,"Network error: could not reach the gateway.")}if(s.status===401||s.status===403)throw Q==null||Q(),new R(s.status,await re(s));if(!s.ok)throw new R(s.status,await re(s));if(s.status!==204)return await s.json()}const se="otari.dashboard.hasSession",je=i.createContext(null);function nt(){try{return window.localStorage.getItem(se)==="1"}catch{return!1}}function rt({children:e}){const t=x(),[r,s]=i.useState(nt),a=i.useCallback(()=>{tt(),s(!1),t.clear();try{window.localStorage.removeItem(se)}catch{}},[t]),o=i.useCallback(()=>{t.clear(),s(!0);try{window.localStorage.setItem(se,"1")}catch{}},[t]);i.useEffect(()=>(xe(a),()=>xe(null)),[a]);const u=i.useMemo(()=>({isAuthenticated:r,login:o,logout:a}),[r,o,a]);return n.jsx(je.Provider,{value:u,children:e})}function ae(){const e=i.useContext(je);if(!e)throw new Error("useAuth must be used within an AuthProvider");return e}function st(e){return e instanceof R&&e.status===0}function at(){const e=x(),[t,r]=i.useState(!1);return i.useEffect(()=>{const s=e.getQueryCache(),a=()=>s.getAll().some(o=>o.state.status==="error"&&st(o.state.error));return r(a()),s.subscribe(()=>r(a()))},[e]),t}function ot(){return at()?n.jsxs("div",{role:"alert","aria-live":"assertive",className:"fixed right-4 bottom-4 z-50 flex max-w-sm items-start gap-2.5 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 shadow-lg",children:[n.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,className:"mt-0.5 h-5 w-5 shrink-0",children:[n.jsx("path",{d:"M12 9v4M12 17h.01",strokeLinecap:"round",strokeLinejoin:"round"}),n.jsx("path",{d:"M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z",strokeLinejoin:"round"})]}),n.jsxs("span",{children:[n.jsx("strong",{className:"font-semibold",children:"Can’t reach the gateway."})," The backend isn’t responding; data won’t load or save until the connection is restored."]})]}):null}const W=3600,L=86400,it=365*L,gn=[{key:"1h",label:"Last hour",seconds:W,bucket:"hour"},{key:"24h",label:"24h",seconds:L,bucket:"hour"},{key:"7d",label:"7d",seconds:7*L,bucket:"day"},{key:"30d",label:"30d",seconds:30*L,bucket:"day"},{key:"90d",label:"90d",seconds:90*L,bucket:"day"},{key:"12mo",label:"12mo",seconds:it,bucket:"day"}],pn="30d",vn=[{key:"1h",label:"1h",seconds:W,bucket:"hour"},{key:"24h",label:"24h",seconds:L,bucket:"hour"},{key:"7d",label:"7d",seconds:7*L,bucket:"day"},{key:"30d",label:"30d",seconds:30*L,bucket:"day"},{key:"all",label:"All",seconds:null,bucket:"day"}],bn="24h",wn="custom";function jn(e,t){return e.find(r=>r.key===t)}function ct(e,t=Date.now()){return new Date(t-e*1e3).toISOString()}function lt(e){return(e==="hour"?W:L)*1e3}function Sn(e,t,r=Date.now()){const s=new Date(e).getTime();return(t?new Date(t).getTime():r)-s<=L*1e3?"hour":"day"}function kn(e,t,r,s){if(e.length===0)return null;const a=Math.max(0,Math.min(t,r)),o=Math.min(e.length-1,Math.max(t,r)),u=new Date(e[a]).getTime(),d=new Date(e[o]).getTime()+lt(s);return{startIso:new Date(u).toISOString(),endIso:new Date(d).toISOString()}}function En(e,t,r){const s=e.length;if(s===0)return{startIndex:0,endIndex:0};const a=e.map(d=>new Date(d).getTime());let o=0;if(t){const d=new Date(t).getTime();for(let m=0;m<s;m++)a[m]<=d&&(o=m)}let u=s-1;if(r){const d=new Date(r).getTime();u=0;for(let m=0;m<s;m++)a[m]<d&&(u=m)}return u<o&&(u=o),{startIndex:o,endIndex:u}}function A(e,t){return new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric",...t?{year:"numeric"}:{},timeZone:"UTC"})}function Cn(e,t){if(!e&&!t)return"All time";if(e&&!t)return`Since ${A(new Date(e).getTime(),!0)}`;if(!e&&t)return`Up to ${A(new Date(t).getTime()-1,!0)}`;const r=new Date(e).getTime(),s=new Date(t).getTime()-1;if(A(r,!0)===A(s,!0))return A(r,!0);const o=new Date(r).getUTCFullYear()===new Date(s).getUTCFullYear();return`${A(r,!o)} – ${A(s,!0)}`}const D="models",G="pricing",Se="settings",ke="tool-settings",oe="aliases",ie="routing-policies",ce="discoverable",le="providers",ue="provider-health",Ee="stored-providers",ut="model-metadata",dt="build",O="keys",M="budgets",Ce="users",I="usage",mt=6e4,ge=60*6e4;function Pn(){return v({queryKey:[D],queryFn:()=>c("/v1/models"),staleTime:6e4})}function ft(){return v({queryKey:[dt],queryFn:()=>c("/dashboard-build.json"),refetchInterval:mt,refetchOnWindowFocus:!0,staleTime:0,retry:!1})}function Tn(){return v({queryKey:[ce],queryFn:()=>c("/v1/models/discoverable"),staleTime:5*6e4})}function Nn(){return v({queryKey:[le],queryFn:()=>c("/v1/providers"),staleTime:5*6e4})}function _n(){return v({queryKey:["provider-catalog"],queryFn:()=>c("/v1/providers/catalog"),staleTime:1/0})}function Ln(e){return v({queryKey:["provider-catalog",e],queryFn:()=>c(`/v1/providers/catalog/${encodeURIComponent(e)}`),enabled:e!=="",staleTime:1/0})}function Dn(){return v({queryKey:[ue],queryFn:()=>c("/v1/providers/health"),staleTime:ge,refetchInterval:ge})}function Rn(){const e=x();return f({mutationFn:()=>c("/v1/providers/health?refresh=true"),onSuccess:t=>e.setQueryData([ue],t)})}function In(){return v({queryKey:[Ee],queryFn:()=>c("/v1/provider-credentials"),staleTime:6e4})}function H(e){e.invalidateQueries({queryKey:[Ee]}),e.invalidateQueries({queryKey:[le]}),e.invalidateQueries({queryKey:[D]}),e.invalidateQueries({queryKey:[ce]}),e.invalidateQueries({queryKey:[ue]})}function An(){const e=x();return f({mutationFn:t=>c("/v1/provider-credentials",{method:"POST",body:JSON.stringify(t)}),onSuccess:()=>H(e)})}function qn(){const e=x();return f({mutationFn:({instance:t,body:r})=>c(`/v1/provider-credentials/${encodeURIComponent(t)}`,{method:"PATCH",body:JSON.stringify(r)}),onSuccess:()=>H(e)})}function On(){const e=x();return f({mutationFn:t=>c(`/v1/provider-credentials/${encodeURIComponent(t)}`,{method:"DELETE"}),onSuccess:()=>H(e)})}function Mn(){const e=x();return f({mutationFn:()=>c("/v1/provider-credentials/reencrypt",{method:"POST"}),onSuccess:()=>H(e)})}function Un(){return f({mutationFn:e=>c(`/v1/provider-credentials/${encodeURIComponent(e)}/test`,{method:"POST"})})}function Fn(){return f({mutationFn:e=>c("/v1/provider-credentials/test",{method:"POST",body:JSON.stringify(e)})})}function Kn(){return v({queryKey:[ut],queryFn:()=>c("/v1/models/metadata"),staleTime:10*6e4})}function Bn(){return v({queryKey:[oe],queryFn:()=>c("/v1/aliases"),staleTime:6e4})}function $n(){return v({queryKey:[ie],queryFn:()=>c("/v1/routing/policies"),staleTime:6e4})}function zn(){const e=x();return f({mutationFn:t=>c("/v1/routing/policies",{method:"POST",body:JSON.stringify(t)}),onSuccess:()=>{e.invalidateQueries({queryKey:[ie]}),e.invalidateQueries({queryKey:[D]})}})}function Qn(){const e=x();return f({mutationFn:({name:t,userId:r})=>{const s=r==null?"":`?user_id=${encodeURIComponent(r)}`;return c(`/v1/routing/policies/${encodeURIComponent(t)}${s}`,{method:"DELETE"})},onSuccess:()=>{e.invalidateQueries({queryKey:[ie]}),e.invalidateQueries({queryKey:[D]})}})}function Vn(){const e=x();return f({mutationFn:t=>c("/v1/aliases",{method:"POST",body:JSON.stringify(t)}),onSuccess:()=>{e.invalidateQueries({queryKey:[oe]}),e.invalidateQueries({queryKey:[D]})}})}function Wn(){const e=x();return f({mutationFn:({name:t,userId:r})=>{const s=r==null?"":`?user_id=${encodeURIComponent(r)}`;return c(`/v1/aliases/${encodeURIComponent(t)}${s}`,{method:"DELETE"})},onSuccess:()=>{e.invalidateQueries({queryKey:[oe]}),e.invalidateQueries({queryKey:[D]})}})}function ht(){return v({queryKey:[Se],queryFn:()=>c("/v1/settings"),staleTime:6e4})}function yt(){const e=x();return f({mutationFn:t=>c("/v1/settings",{method:"PATCH",body:JSON.stringify(t)}),onSuccess:t=>{e.setQueryData([Se],t),e.invalidateQueries({queryKey:[D]}),e.invalidateQueries({queryKey:[ce]})}})}function Gn(){return f({mutationFn:()=>c("/v1/settings/master-key/rotate",{method:"POST"})})}function Hn(){return v({queryKey:[ke],queryFn:()=>c("/v1/tool-settings"),staleTime:6e4})}function Jn(){const e=x();return f({mutationFn:t=>c("/v1/tool-settings",{method:"PATCH",body:JSON.stringify(t)}),onSuccess:t=>{e.setQueryData([ke],t)}})}function Yn(){return f({mutationFn:({service:e,url:t})=>c(`/v1/tool-settings/${encodeURIComponent(e)}/test`,{method:"POST",body:JSON.stringify({url:t})})})}const Y=1e3,xt=100;async function gt(){const e=[];for(let t=0;t<xt;t+=1){const r=await c(`/v1/pricing?skip=${t*Y}&limit=${Y}`);if(e.push(...r),r.length<Y)break}return e}function Xn(){return v({queryKey:[G],queryFn:gt})}function Zn(){const e=x();return f({mutationFn:t=>c("/v1/pricing",{method:"POST",body:JSON.stringify(t)}),onSuccess:()=>{e.invalidateQueries({queryKey:[G]}),e.invalidateQueries({queryKey:[D]})}})}function er(){const e=x();return f({mutationFn:t=>c(`/v1/pricing/${encodeURIComponent(t)}`,{method:"DELETE"}),onSuccess:()=>{e.invalidateQueries({queryKey:[G]}),e.invalidateQueries({queryKey:[D]})}})}function tr(){return f({mutationFn:()=>c("/v1/pricing/refresh",{method:"POST"})})}function nr(){const e=x();return f({mutationFn:()=>c("/v1/pricing/refresh/confirm",{method:"POST"}),onSuccess:()=>{e.invalidateQueries({queryKey:[G]}),e.invalidateQueries({queryKey:[D]}),e.invalidateQueries({queryKey:[le]})}})}function rr(){return f({mutationFn:()=>c("/v1/pricing/refresh/reject",{method:"POST"})})}const X=1e3,pt=100;async function vt(){const e=[];for(let t=0;t<pt;t+=1){const r=await c(`/v1/keys?skip=${t*X}&limit=${X}`);if(e.push(...r),r.length<X)break}return e}function sr(){return v({queryKey:[O],queryFn:vt,staleTime:6e4})}function ar(){const e=x();return f({mutationFn:t=>c("/v1/keys",{method:"POST",body:JSON.stringify(t)}),onSuccess:()=>void e.invalidateQueries({queryKey:[O]})})}function or(){const e=x();return f({mutationFn:({id:t,body:r})=>c(`/v1/keys/${encodeURIComponent(t)}`,{method:"PATCH",body:JSON.stringify(r)}),onSuccess:()=>void e.invalidateQueries({queryKey:[O]})})}function ir(){const e=x();return f({mutationFn:t=>c(`/v1/keys/${encodeURIComponent(t)}/rotate`,{method:"POST"}),onSuccess:()=>void e.invalidateQueries({queryKey:[O]})})}function cr(){const e=x();return f({mutationFn:t=>c(`/v1/keys/${encodeURIComponent(t)}`,{method:"DELETE"}),onSuccess:()=>void e.invalidateQueries({queryKey:[O]})})}const Z=1e3,bt=100;async function wt(){const e=[];for(let t=0;t<bt;t+=1){const r=await c(`/v1/budgets?skip=${t*Z}&limit=${Z}`);if(e.push(...r),r.length<Z)break}return e}function lr(){return v({queryKey:[M],queryFn:wt,staleTime:6e4})}function ur(e){return v({queryKey:[M,e,"reset-logs"],queryFn:()=>c(`/v1/budgets/${encodeURIComponent(e)}/reset-logs`),enabled:e!==null,staleTime:6e4})}function dr(){const e=x();return f({mutationFn:t=>c("/v1/budgets",{method:"POST",body:JSON.stringify(t)}),onSuccess:()=>void e.invalidateQueries({queryKey:[M]})})}function mr(){const e=x();return f({mutationFn:({id:t,body:r})=>c(`/v1/budgets/${encodeURIComponent(t)}`,{method:"PATCH",body:JSON.stringify(r)}),onSuccess:()=>void e.invalidateQueries({queryKey:[M]})})}function fr(){const e=x();return f({mutationFn:t=>c(`/v1/budgets/${encodeURIComponent(t)}`,{method:"DELETE"}),onSuccess:()=>void e.invalidateQueries({queryKey:[M]})})}const ee=1e3,jt=100;async function St(){const e=[];for(let t=0;t<jt;t+=1){const r=await c(`/v1/users?skip=${t*ee}&limit=${ee}`);if(e.push(...r),r.length<ee)break}return e}function hr(){return v({queryKey:[Ce],queryFn:St,staleTime:6e4})}function de(e){e.invalidateQueries({queryKey:[Ce]}),e.invalidateQueries({queryKey:[M]})}function yr(){const e=x();return f({mutationFn:t=>c("/v1/users",{method:"POST",body:JSON.stringify(t)}),onSuccess:()=>de(e)})}function xr(){const e=x();return f({mutationFn:({id:t,body:r})=>c(`/v1/users/${encodeURIComponent(t)}`,{method:"PATCH",body:JSON.stringify(r)}),onSuccess:()=>de(e)})}function gr(){const e=x();return f({mutationFn:t=>c(`/v1/users/${encodeURIComponent(t)}`,{method:"DELETE"}),onSuccess:()=>{de(e),e.invalidateQueries({queryKey:[O]})}})}function B(e){const t=new URLSearchParams,r=(s,a)=>{for(const o of typeof a=="string"?[a]:a??[])o&&t.append(s,o)};return e.start_date&&t.set("start_date",e.start_date),e.end_date&&t.set("end_date",e.end_date),e.status&&t.set("status",e.status),r("model",e.model),e.endpoint&&t.set("endpoint",e.endpoint),e.provider&&t.set("provider",e.provider),r("user_id",e.user_id),r("api_key_id",e.api_key_id),e.source&&t.set("source",e.source),e.source_label&&t.set("source_label",e.source_label),e.tool&&t.set("tool",e.tool),e.priced!==void 0&&t.set("priced",String(e.priced)),e.counts_toward_budget!==void 0&&t.set("counts_toward_budget",String(e.counts_toward_budget)),t}function pr(e,t,r){return v({queryKey:[I,"list",e,t,r],queryFn:()=>{const s=B(e);return s.set("skip",String(t*r)),s.set("limit",String(r)),c(`/v1/usage?${s.toString()}`)},placeholderData:K,staleTime:1e4})}function vr(e,t=!0){return v({queryKey:[I,"count",e],queryFn:()=>c(`/v1/usage/count?${B(e).toString()}`),enabled:t,placeholderData:K,staleTime:1e4})}const kt=6e4;function Et(e,t=!0){return v({queryKey:[I,"count","failures",e],queryFn:()=>{const r={status:"error",source:"gateway",start_date:ct(e)};return c(`/v1/usage/count?${B(r).toString()}`)},enabled:t,refetchInterval:kt,refetchOnWindowFocus:!0,staleTime:0,retry:!1})}const Ct=1e3;function br(e){const t=[...new Set(e)].sort();return v({queryKey:[I,"groups",t],queryFn:()=>{const r=new URLSearchParams;for(const s of t)r.append("request_group_id",s);return r.set("limit",String(Ct)),c(`/v1/usage?${r.toString()}`)},enabled:t.length>0,placeholderData:K,staleTime:3e4})}function wr(){const e=x();return f({mutationFn:t=>c("/v1/usage",{method:"DELETE",body:JSON.stringify(t)}),onSuccess:()=>{e.invalidateQueries({queryKey:[I]})}})}function jr(){const e=x();return f({mutationFn:t=>c("/v1/usage/set-price",{method:"POST",body:JSON.stringify(t)}),onSuccess:()=>{e.invalidateQueries({queryKey:[I]})}})}const Sr=[];function kr(e,t,r,s=!0){return v({queryKey:[I,"summary",e,t,r??"all"],queryFn:()=>{const a=B(e);if(a.set("bucket",t),r)for(const o of r.length>0?r:["none"])a.append("dimensions",o);return c(`/v1/usage/summary?${a.toString()}`)},enabled:s,placeholderData:K,staleTime:3e4})}function Er(e,t,r,s=!0){return v({queryKey:[I,"series",e,t,r],queryFn:()=>{const a=B(e);return a.set("bucket",t),a.set("group_by",r),c(`/v1/usage/series?${a.toString()}`)},enabled:s&&r!==null,placeholderData:K,staleTime:3e4,retry:(a,o)=>!(o instanceof R&&o.status===404)&&a<3})}async function Pt(e,t=navigator.clipboard){if(t)try{return await t.writeText(e),!0}catch{}return Tt(e)}function Tt(e){const t=document.createElement("textarea");t.value=e,t.readOnly=!0,t.style.position="fixed",t.style.top="-1000px",t.style.opacity="0",document.body.appendChild(t);const r=document.getSelection(),s=r&&r.rangeCount>0?r.getRangeAt(0):null,a=document.activeElement instanceof HTMLElement?document.activeElement:null;t.select();let o=!1;try{o=document.execCommand("copy")}catch{o=!1}return t.remove(),r&&s&&(r.removeAllRanges(),r.addRange(s)),a==null||a.focus(),o}function Cr(e){return e==null?"0":new Intl.NumberFormat("en-US").format(e)}function Pr(e){if(e==null)return"$0.00";const t=e!==0&&Math.abs(e)<.01?4:2;return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:t}).format(e)}function Tr(e){if(e==null)return"—";if(e>=1e6){const t=e/1e6;return`${Number.isInteger(t)?t:t.toFixed(1)}M`}if(e>=1e3){const t=Math.round(e/1e3);return t>=1e3?"1M":`${t}K`}return String(e)}const Nt=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function Nr(e){if(!e)return"—";const t=/^(\d{4})-(\d{2})/.exec(e);if(!t)return e;const r=Number(t[2])-1;return r<0||r>11?t[1]:`${Nt[r]} ${t[1]}`}const _t=new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",maximumFractionDigits:2});function _r(e){return _t.format(e)}function Lr(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function Lt(e){return`${(e*100).toFixed(1)}%`}function Dr(e,t){return t===void 0||t===0?null:(e-t)/t}function Dt(e,t=Date.now()){if(!e)return"never";const r=new Date(e);if(Number.isNaN(r.getTime()))return e;const s=Math.round((t-r.getTime())/1e3),a=s<0,o=Math.abs(s),u=[["second",60],["minute",60],["hour",24],["day",30],["month",12],["year",Number.POSITIVE_INFINITY]];let d=o,m="second";for(const[y,w]of u){if(m=y,d<w)break;d=Math.floor(d/w)}return new Intl.RelativeTimeFormat("en-US",{numeric:"auto"}).format(a?d:-d,m)}const pe={ok:{accent:"border-l-emerald-500",pill:"border-emerald-200 bg-emerald-50 text-emerald-700"},warn:{accent:"border-l-amber-500",pill:"border-amber-200 bg-amber-50 text-amber-800"},alert:{accent:"border-l-red-500",pill:"border-red-200 bg-red-50 text-red-700"}};function Rr({label:e,value:t,hint:r,status:s,statusLabel:a,chart:o,to:u}){const d=s?`border-l-4 ${pe[s].accent}`:"",m=n.jsxs(q.Content,{className:"flex flex-col gap-1 p-4 sm:p-5",children:[n.jsx("span",{className:"text-xs font-medium uppercase tracking-wide text-[var(--otari-muted)]",children:e}),n.jsxs("span",{className:"flex flex-wrap items-center gap-2",children:[n.jsx("span",{className:"text-xl font-semibold text-[var(--otari-ink)] sm:text-2xl",children:t}),s&&a?n.jsx("span",{className:`inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium ${pe[s].pill}`,children:a}):null]}),r?n.jsx("span",{className:"text-xs text-[var(--otari-muted)]",children:r}):null,o?n.jsx("div",{className:"mt-2",children:o}):null]}),h=`flex-1 min-w-0 p-0 ${d}`;return u?n.jsx(q,{className:`${h} transition-colors hover:border-[var(--otari-brand)]`,children:n.jsx(ne,{to:u,className:"block rounded-[inherit] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--otari-brand)]",children:m})}):n.jsx(q,{className:h,children:m})}function Ir({fraction:e}){if(e===null)return null;const t=e>0?"▲":e<0?"▼":"•";return n.jsxs("span",{className:"text-[var(--otari-muted)]",children:[t," ",Lt(Math.abs(e))," vs prev"]})}function Rt(e){return e instanceof R||e instanceof Error?e.message:"Something went wrong."}function It({error:e}){return e?n.jsx("div",{role:"alert",className:"rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700",children:Rt(e)}):null}function At({tone:e="info",children:t}){const r=e==="warning"?"border-amber-200 bg-amber-50 text-amber-800":"border-[var(--otari-brand)] bg-[var(--otari-brand-tint)] text-[var(--otari-brand-dark)]";return n.jsx("div",{className:`rounded-lg border px-4 py-3 text-sm ${r}`,children:t})}function Ar({title:e,description:t,action:r}){return n.jsxs("div",{className:"flex flex-col gap-3",children:[n.jsxs("div",{children:[n.jsx("h1",{className:"text-xl font-semibold text-[var(--otari-ink)]",children:e}),t?n.jsx("p",{className:"mt-1 text-sm text-[var(--otari-muted)]",children:t}):null]}),r?n.jsx("div",{className:"flex flex-wrap gap-2",children:r}):null]})}function qt(e){const[t,r]=i.useState(()=>Date.now());return i.useEffect(()=>{let s;const a=()=>{s===void 0&&(s=setInterval(()=>r(Date.now()),e))},o=()=>{s!==void 0&&(clearInterval(s),s=void 0)},u=()=>{r(Date.now()),document.visibilityState==="visible"?a():o()};return u(),document.addEventListener("visibilitychange",u),()=>{o(),document.removeEventListener("visibilitychange",u)}},[e]),t}function qr({onRefresh:e,isFetching:t=!1,updatedAt:r,label:s="Refresh"}){const a=qt(15e3),o=r?Dt(new Date(r).toISOString(),a):null;return n.jsxs("span",{className:"inline-flex items-center gap-2",children:[o?n.jsxs("span",{className:"text-xs text-[var(--otari-muted)]",children:["Updated ",o]}):null,n.jsx(P,{variant:"outline",size:"sm",isIconOnly:!0,isDisabled:t,onPress:e,"aria-label":s,children:n.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:`h-4 w-4 ${t?"animate-spin":""}`,"aria-hidden":"true",children:[n.jsx("path",{d:"M20 11a8 8 0 1 0-.5 4",strokeLinecap:"round",strokeLinejoin:"round"}),n.jsx("path",{d:"M20 4v5h-5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]})}function Or({value:e,label:t,className:r,children:s}){const a=o=>o.stopPropagation();return n.jsxs("span",{className:"inline-flex items-center gap-1",children:[n.jsx("span",{tabIndex:-1,className:`select-text outline-none ${r??""}`,onPointerDown:a,onMouseDown:a,children:s??e}),n.jsx(Ot,{value:e,label:t})]})}function Ot({value:e,label:t}){const[r,s]=i.useState("idle"),a=i.useRef(void 0);i.useEffect(()=>()=>clearTimeout(a.current),[]);const o=async()=>{const u=await Pt(e);s(u?"copied":"failed"),clearTimeout(a.current),a.current=setTimeout(()=>s("idle"),u?1500:5e3)};return n.jsxs(he.Root,{isOpen:r!=="idle",children:[n.jsx(P,{size:"sm",variant:"ghost",isIconOnly:!0,"aria-label":`Copy ${t}`,onPress:o,children:n.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-3.5 w-3.5","aria-hidden":"true",children:[n.jsx("rect",{x:"9",y:"9",width:"11",height:"11",rx:"2"}),n.jsx("path",{d:"M5 15V5a2 2 0 0 1 2-2h8",strokeLinecap:"round",strokeLinejoin:"round"})]})}),n.jsx(he.Content,{placement:"top",showArrow:!0,children:r==="failed"?"Copy blocked, select the value and press Ctrl/Cmd-C":"Copied!"})]})}function Mr({title:e,description:t,actionLabel:r,onAction:s,isActionDisabled:a,children:o}){return n.jsx(q,{children:n.jsxs(q.Content,{className:"flex flex-col gap-4 p-6",children:[n.jsxs("div",{children:[n.jsx("h2",{className:"text-lg font-semibold text-[var(--otari-ink)]",children:e}),t?n.jsx("p",{className:"mt-1 text-sm text-[var(--otari-muted)]",children:t}):null]}),o,r&&s?n.jsx("div",{children:n.jsx(P,{variant:"primary",isDisabled:a,onPress:s,children:r})}):null]})})}function Ur({label:e="Loading…"}){return n.jsxs("div",{role:"status",className:"flex items-center justify-center gap-2 px-4 py-10 text-sm text-[var(--otari-muted)]",children:[n.jsx(Ge,{size:"sm"}),n.jsx("span",{children:e})]})}function Fr({children:e,confirmLabel:t,onConfirm:r,isPending:s}){const[a,o]=i.useState(!1);return a?n.jsxs("span",{className:"inline-flex items-center gap-1",children:[n.jsx(P,{size:"sm",variant:"danger",isDisabled:s,onPress:r,children:t}),n.jsx(P,{size:"sm",variant:"ghost",isDisabled:s,onPress:()=>o(!1),children:"Cancel"})]}):n.jsx(P,{size:"sm",variant:"danger-soft",onPress:()=>o(!0),children:e})}const Mt="rounded-lg border border-[var(--otari-line)] bg-[var(--otari-bg)] px-3 py-2 text-sm text-[var(--otari-ink)] focus:border-[var(--otari-brand)] focus:outline-none";function Kr({id:e,label:t,ariaLabel:r,value:s,onChange:a,options:o,children:u,disabled:d}){const m=i.useId(),h=e??(t?m:void 0),y=n.jsx("select",{id:h,"aria-label":t?void 0:r,value:s,disabled:d,onChange:w=>a(w.target.value),className:Mt,children:o?o.map(w=>n.jsx("option",{value:w.value,children:w.label},w.value)):u});return t?n.jsxs("div",{className:"flex flex-col gap-1",children:[n.jsx("label",{htmlFor:h,className:"text-xs font-medium text-[var(--otari-muted)]",children:t}),y]}):y}function Br({label:e,values:t,onChange:r,options:s,placeholder:a,maxVisible:o=50,maxValues:u=50,allowsCustom:d=!1}){const[m,h]=i.useState(""),y=t.length>=u,w=m.trim().toLowerCase(),p=s.filter(b=>!t.includes(b.value)).filter(b=>!w||b.value.toLowerCase().includes(w)||b.label.toLowerCase().includes(w)).slice(0,o),N=b=>{y||t.includes(b)||r([...t,b])},U=b=>{if(!d||b.key!=="Enter"||b.currentTarget.getAttribute("aria-activedescendant"))return;const $=m.trim();$&&(N($),h(""))};return n.jsxs(z.Root,{allowsEmptyCollection:!0,allowsCustomValue:d,menuTrigger:"focus",inputValue:m,onInputChange:h,selectedKey:null,disabledKeys:y?p.map(b=>b.value):[],onSelectionChange:b=>{b!=null&&(N(String(b)),h(""))},className:"flex flex-col gap-1",children:[n.jsx(be,{className:"text-xs font-medium text-[var(--otari-muted)]",children:e}),n.jsxs(z.InputGroup,{children:[n.jsx(we,{placeholder:t.length===0?a:`${t.length} selected${y?" (max)":""}`,autoComplete:"off",onKeyDown:U}),n.jsx(z.Trigger,{})]}),n.jsx(z.Popover,{children:n.jsx(Ve,{items:p,className:"max-h-72 overflow-auto",children:b=>n.jsx(We,{id:b.value,textValue:b.label,children:b.label})})})]})}function Ut(){var m,h;const e=ht(),t=yt(),[r,s]=i.useState(!1),o=((m=e.data)==null?void 0:m.require_pricing)===!0&&e.data.default_pricing===!1&&!r,d=((h=Et(W,o).data)==null?void 0:h.total)??0;return o?n.jsx("div",{className:"shrink-0 px-6 pt-3",children:n.jsx(At,{tone:"warning",children:n.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[n.jsxs("span",{children:["Requests are rejected until pricing is set (",n.jsx("code",{children:"require_pricing"})," is on). Enable default pricing to meter new models with public rates right away.",d>0?n.jsxs(n.Fragment,{children:[" ",n.jsxs("strong",{className:"font-semibold",children:[d.toLocaleString()," ",d===1?"request":"requests"," failed in the last hour."]})," ",n.jsx(Be,{to:"/activity?status=error&range=1h&source=gateway",className:"underline underline-offset-2",children:"View failed requests"})]}):null]}),n.jsxs("span",{className:"flex items-center gap-2",children:[n.jsx(P,{size:"sm",variant:"primary",isDisabled:t.isPending,onPress:()=>t.mutate({default_pricing:!0}),children:t.isPending?"Enabling…":"Enable default pricing"}),n.jsx(P,{size:"sm",variant:"ghost",onPress:()=>s(!0),children:"Dismiss"})]})]})})}):null}function Ft(){const{data:e}=ft(),t=i.useRef(null);return e&&t.current===null&&(t.current=e.build),e!=null&&t.current!=null&&e.build!==t.current}function Kt(){const e=Ft(),[t,r]=i.useState(!1);return!e||t?null:n.jsx("div",{className:"pointer-events-none absolute inset-x-0 top-0 z-50 flex justify-center",children:n.jsxs("div",{role:"status",className:"pointer-events-auto mt-1.5 flex items-center gap-3 rounded-full border border-[var(--otari-brand)] bg-[var(--otari-brand-tint)] py-1.5 pr-1.5 pl-4 text-sm text-[var(--otari-brand-dark)] shadow-md",children:[n.jsxs("span",{children:[n.jsx("strong",{className:"font-semibold",children:"An update is available."})," Reloading keeps you signed in."]}),n.jsx(P,{size:"sm",variant:"primary",onPress:()=>window.location.reload(),children:"Update now"}),n.jsx(P,{size:"sm",variant:"ghost",onPress:()=>r(!0),children:"Later"})]})})}const Pe=200,Te=480,te=240,Bt=60,Ne="otari.dashboard.sidebarWidth",_e="otari.dashboard.sidebarCollapsed",ve=16,Le="(max-width: 767px)",V=e=>Math.min(Te,Math.max(Pe,e));function $t(){return typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia(Le).matches}const zt='a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])';function Qt(e){return e?Array.from(e.querySelectorAll(zt)).filter(t=>t.offsetParent!==null||t===document.activeElement):[]}function Vt(){if(typeof window>"u")return te;try{const e=window.localStorage.getItem(Ne),t=e?Number.parseInt(e,10):Number.NaN;return Number.isNaN(t)?te:V(t)}catch{return te}}function Wt(){if(typeof window>"u")return!1;try{return window.localStorage.getItem(_e)==="1"}catch{return!1}}const Gt=[{key:"home"},{key:"observability",label:"Observability"},{key:"catalog",label:"Catalog"},{key:"access",label:"Access"},{key:"system"}],Ht=[{to:"/",section:"home",label:"Overview",end:!0,icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("rect",{x:"3.5",y:"3.5",width:"7",height:"7",rx:"1.5",strokeLinejoin:"round"}),n.jsx("rect",{x:"13.5",y:"3.5",width:"7",height:"7",rx:"1.5",strokeLinejoin:"round"}),n.jsx("rect",{x:"3.5",y:"13.5",width:"7",height:"7",rx:"1.5",strokeLinejoin:"round"}),n.jsx("rect",{x:"13.5",y:"13.5",width:"7",height:"7",rx:"1.5",strokeLinejoin:"round"})]})},{to:"/activity",section:"observability",label:"Activity",icon:n.jsx("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:n.jsx("path",{d:"M3 12h4l2.5-6 4 12 2.5-6H21",strokeLinecap:"round",strokeLinejoin:"round"})})},{to:"/usage",section:"observability",label:"Usage",icon:n.jsx("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:n.jsx("path",{d:"M4 20V10M10 20V4M16 20v-7M22 20H2",strokeLinecap:"round",strokeLinejoin:"round"})})},{to:"/providers",section:"catalog",label:"Providers",icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("rect",{x:"3.5",y:"4.5",width:"17",height:"6",rx:"1.5",strokeLinejoin:"round"}),n.jsx("rect",{x:"3.5",y:"13.5",width:"17",height:"6",rx:"1.5",strokeLinejoin:"round"}),n.jsx("path",{d:"M7 7.5h.01M7 16.5h.01",strokeLinecap:"round",strokeLinejoin:"round"})]})},{to:"/users",section:"access",label:"Users",icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("circle",{cx:"9",cy:"8",r:"3.2",strokeLinejoin:"round"}),n.jsx("path",{d:"M3.5 19a5.5 5.5 0 0 1 11 0",strokeLinecap:"round",strokeLinejoin:"round"}),n.jsx("path",{d:"M16 5.2a3.2 3.2 0 0 1 0 5.6M17.5 19a5.5 5.5 0 0 0-3-4.9",strokeLinecap:"round",strokeLinejoin:"round"})]})},{to:"/keys",section:"access",label:"API keys",icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("circle",{cx:"7.5",cy:"15.5",r:"3.5"}),n.jsx("path",{d:"M10 13l7-7M14 5l3 3M16.5 7.5l2-2",strokeLinecap:"round",strokeLinejoin:"round"})]})},{to:"/budgets",section:"access",label:"Budgets",icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("path",{d:"M3 7.5A1.5 1.5 0 0 1 4.5 6H18a1.5 1.5 0 0 1 1.5 1.5V9",strokeLinejoin:"round"}),n.jsx("rect",{x:"3",y:"7.5",width:"18",height:"12",rx:"1.5",strokeLinejoin:"round"}),n.jsx("path",{d:"M16 13.5h.01",strokeLinecap:"round",strokeLinejoin:"round"}),n.jsx("path",{d:"M21 12v3h-3.5a1.5 1.5 0 0 1 0-3H21z",strokeLinejoin:"round"})]})},{to:"/models",section:"catalog",label:"Models",icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("path",{d:"M12 3l8 4.5v9L12 21l-8-4.5v-9L12 3z",strokeLinejoin:"round"}),n.jsx("path",{d:"M12 12l8-4.5M12 12v9M12 12L4 7.5",strokeLinejoin:"round"})]})},{to:"/routing",section:"catalog",label:"Routing",icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("path",{d:"M4 5h4l4 7 4-7h4",strokeLinejoin:"round"}),n.jsx("path",{d:"M4 19h4l4-7",strokeLinejoin:"round"}),n.jsx("circle",{cx:"19",cy:"19",r:"2"}),n.jsx("circle",{cx:"19",cy:"5",r:"2"})]})},{to:"/tools",section:"system",label:"Tools & Guardrails",icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("path",{d:"M14.7 6.3a4 4 0 0 1 5 5l-8.4 8.4a2 2 0 0 1-2.8 0l-2.2-2.2a2 2 0 0 1 0-2.8z",strokeLinejoin:"round"}),n.jsx("path",{d:"M12 9 5 16",strokeLinecap:"round"})]})},{to:"/settings",section:"system",label:"Settings",icon:n.jsxs("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("circle",{cx:"12",cy:"12",r:"3"}),n.jsx("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z",strokeLinejoin:"round"})]})}];function Jt(){const{logout:e}=ae(),t=i.useRef(null),r=i.useRef(null),s=i.useRef(null),[a,o]=i.useState(Vt),[u,d]=i.useState(Wt),[m,h]=i.useState(!1),[y,w]=i.useState($t),[p,N]=i.useState(!1);i.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;const l=window.matchMedia(Le),g=S=>{w(S.matches),S.matches||N(!1)};return typeof l.addEventListener=="function"?(l.addEventListener("change",g),()=>l.removeEventListener("change",g)):(l.addListener(g),()=>l.removeListener(g))},[]),i.useEffect(()=>{if(!p)return;const l=g=>{g.key==="Escape"&&N(!1)};return window.addEventListener("keydown",l),()=>window.removeEventListener("keydown",l)},[p]),i.useEffect(()=>{var l,g,S;y&&(p?(l=t.current)==null||l.focus():(g=t.current)!=null&&g.contains(document.activeElement)&&((S=s.current)==null||S.focus()))},[y,p]);const U=i.useCallback(l=>{if(l.key!=="Tab")return;const g=Qt(t.current);if(g.length===0)return;const S=g[0],E=g[g.length-1],F=document.activeElement;l.shiftKey&&(F===S||F===t.current)?(l.preventDefault(),E.focus()):!l.shiftKey&&F===E&&(l.preventDefault(),S.focus())},[]);i.useEffect(()=>{const l=window.setTimeout(()=>{try{window.localStorage.setItem(Ne,String(Math.round(a)))}catch{}},200);return()=>window.clearTimeout(l)},[a]),i.useEffect(()=>{try{window.localStorage.setItem(_e,u?"1":"0")}catch{}},[u]);const b=i.useCallback(l=>{l.preventDefault(),l.currentTarget.setPointerCapture(l.pointerId),h(!0)},[]),$=i.useCallback(l=>{var S;if(!l.currentTarget.hasPointerCapture(l.pointerId))return;const g=((S=t.current)==null?void 0:S.getBoundingClientRect().left)??0;o(V(l.clientX-g))},[]),Re=i.useCallback(l=>{l.currentTarget.hasPointerCapture(l.pointerId)&&l.currentTarget.releasePointerCapture(l.pointerId),h(!1)},[]),Ie=i.useCallback(l=>{var g;l.preventDefault(),(g=r.current)==null||g.focus()},[]),Ae=i.useCallback(l=>{l.key==="ArrowLeft"?(l.preventDefault(),o(g=>V(g-ve))):l.key==="ArrowRight"&&(l.preventDefault(),o(g=>V(g+ve)))},[]),qe=u?Bt:a,k=y?!1:u,J=y&&p?!0:void 0;return n.jsxs("div",{className:_("relative flex h-full flex-col overflow-hidden",m&&"cursor-col-resize select-none"),children:[n.jsx("button",{type:"button",inert:J,onClick:Ie,className:"sr-only focus:not-sr-only focus:absolute focus:top-3 focus:left-3 focus:z-50 focus:rounded-lg focus:border focus:border-[var(--otari-brand)] focus:bg-[var(--otari-surface)] focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:text-[var(--otari-brand-dark)] focus:shadow-md focus:outline-none",children:"Skip to main content"}),n.jsxs("header",{inert:J,className:"flex shrink-0 items-center justify-between border-b border-[var(--otari-line)] bg-[var(--otari-surface)] px-5 py-3",children:[n.jsxs("div",{className:"flex items-center gap-2.5",children:[n.jsx("button",{type:"button",ref:s,onClick:()=>N(l=>!l),"aria-label":p?"Close navigation":"Open navigation","aria-expanded":p,"aria-controls":"app-sidebar",className:"-ml-1 flex h-8 w-8 items-center justify-center rounded-lg text-[var(--otari-muted)] transition-colors hover:bg-[var(--otari-bg)] hover:text-[var(--otari-ink)] md:hidden",children:n.jsx("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5",children:n.jsx("path",{d:"M4 6h16M4 12h16M4 18h16",strokeLinecap:"round",strokeLinejoin:"round"})})}),n.jsx("img",{src:"/favicon.svg",alt:"",className:"h-7 w-7 shrink-0"}),n.jsx("span",{className:"text-base font-semibold text-[var(--otari-ink)]",children:"Otari"})]}),n.jsx(P,{size:"sm",variant:"outline",onPress:e,"aria-label":"Sign out",children:"Sign out"})]}),n.jsx(Kt,{}),n.jsx(ot,{}),n.jsx(Ut,{}),n.jsxs("div",{className:"flex min-h-0 flex-1",children:[y&&p?n.jsx("div",{"aria-hidden":"true",onClick:()=>N(!1),className:"fixed inset-0 z-30 bg-black/40 md:hidden"}):null,n.jsxs("aside",{ref:t,id:"app-sidebar",role:y?"dialog":void 0,"aria-modal":y&&p?!0:void 0,"aria-label":y?"Navigation":void 0,tabIndex:y?-1:void 0,inert:y&&!p?!0:void 0,onKeyDown:y&&p?U:void 0,style:y?void 0:{width:qe},className:_("flex flex-col border-r border-[var(--otari-line)] bg-[var(--otari-surface)] focus:outline-none",y?_("fixed inset-y-0 left-0 z-40 w-[17rem] shadow-xl transition-transform duration-200",p?"translate-x-0":"-translate-x-full"):_("relative shrink-0",!m&&"transition-[width] duration-150")),children:[n.jsx("button",{type:"button",onClick:()=>d(l=>!l),"aria-label":u?"Expand sidebar":"Collapse sidebar","aria-pressed":u,title:u?"Expand sidebar":"Collapse sidebar",className:"absolute -right-3 top-4 z-30 hidden h-6 w-6 items-center justify-center rounded-full border border-[var(--otari-line)] bg-[var(--otari-surface)] text-[var(--otari-muted)] shadow-sm transition-colors hover:border-[var(--otari-brand)] hover:text-[var(--otari-brand-dark)] md:flex",children:n.jsx("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",className:_("h-3.5 w-3.5 transition-transform",u&&"rotate-180"),children:n.jsx("path",{d:"M15 6l-6 6 6 6",strokeLinecap:"round",strokeLinejoin:"round"})})}),n.jsx("nav",{className:_("flex flex-col py-4",k?"px-2":"px-3"),children:Gt.map((l,g)=>{const S=Ht.filter(E=>E.section===l.key);return S.length===0?null:n.jsxs("div",{className:g>0?"mt-4":void 0,children:[!k&&l.label?n.jsx("div",{className:"px-3 pb-1 text-[11px] font-semibold tracking-wider text-[var(--otari-muted)] uppercase",children:l.label}):null,g>0&&(k||!l.label)?n.jsx("div",{className:"mx-1 mb-2 border-t border-[var(--otari-line)]"}):null,n.jsx("div",{className:"flex flex-col gap-1",children:S.map(E=>n.jsxs(ne,{to:E.to,end:E.end,onClick:()=>N(!1),"aria-label":k?E.label:void 0,title:k?E.label:void 0,className:({isActive:F})=>_("flex items-center rounded-lg py-2 text-sm font-medium transition-colors",k?"justify-center px-0":"gap-3 px-3",F?"bg-[var(--otari-brand-tint)] text-[var(--otari-brand-dark)]":"text-[var(--otari-muted)] hover:bg-[var(--otari-bg)] hover:text-[var(--otari-ink)]"),children:[E.icon,k?null:E.label]},E.to))})]},l.key)})}),n.jsxs("div",{className:"mt-auto flex flex-col gap-1 pb-3",children:[n.jsxs(ne,{to:"/docs",onClick:()=>N(!1),"aria-label":k?"User guide":void 0,title:k?"User guide":void 0,className:({isActive:l})=>_("flex items-center rounded-lg py-2 text-sm font-medium transition-colors",k?"mx-2 justify-center px-0":"mx-3 gap-3 px-3",l?"bg-[var(--otari-brand-tint)] text-[var(--otari-brand-dark)]":"text-[var(--otari-muted)] hover:bg-[var(--otari-bg)] hover:text-[var(--otari-ink)]"),children:[n.jsxs("svg",{"aria-hidden":"true",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-5 w-5 shrink-0",children:[n.jsx("path",{d:"M12 6.5C10.5 5 8 4.5 4 4.5V18c4 0 6.5.5 8 2 1.5-1.5 4-2 8-2V4.5c-4 0-6.5.5-8 2z",strokeLinejoin:"round"}),n.jsx("path",{d:"M12 6.5V20",strokeLinecap:"round"})]}),k?null:"User guide"]}),n.jsxs("a",{href:"https://otari.ai",target:"_blank",rel:"noreferrer",title:"otari.ai: the hosted Otari gateway",className:_("flex items-center rounded-lg py-2 text-xs font-medium text-[var(--otari-muted)] transition-colors hover:bg-[var(--otari-bg)] hover:text-[var(--otari-brand-dark)]",k?"mx-2 justify-center px-0":"mx-3 gap-2 px-3"),children:[n.jsx("svg",{"aria-hidden":!0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"h-4 w-4 shrink-0",children:n.jsx("path",{d:"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z",strokeLinejoin:"round"})}),k?null:n.jsxs("span",{className:"flex-1",children:["otari.ai ",n.jsx("span",{"aria-hidden":!0,children:"↗"})]})]})]}),u||y?null:n.jsx("div",{role:"separator","aria-orientation":"vertical","aria-label":"Resize sidebar","aria-valuenow":Math.round(a),"aria-valuemin":Pe,"aria-valuemax":Te,tabIndex:0,onPointerDown:b,onPointerMove:$,onPointerUp:Re,onKeyDown:Ae,className:_("absolute top-0 right-0 z-10 h-full w-1.5 cursor-col-resize touch-none transition-colors","hover:bg-[var(--otari-brand)] focus-visible:bg-[var(--otari-brand)] focus:outline-none",m?"bg-[var(--otari-brand)]":"bg-transparent")})]}),n.jsx("main",{ref:r,id:"main-content",tabIndex:-1,inert:J,className:"flex-1 overflow-y-auto focus:outline-none",children:n.jsx("div",{className:"mx-auto flex max-w-[1800px] flex-col gap-6 px-4 py-5 md:px-6 md:py-6",children:n.jsx($e,{})})})]})]})}function Yt(){const{login:e}=ae(),[t,r]=i.useState(""),[s,a]=i.useState(null),[o,u]=i.useState(!1),d=async()=>{const m=t.trim();if(!(!m||o)){u(!0),a(null);try{await et(m)?e():a(new Error("Invalid master key."))}catch(h){a(h)}finally{u(!1)}}};return n.jsx("div",{className:"flex min-h-full items-center justify-center p-6",children:n.jsx(q,{className:"w-full max-w-md",children:n.jsxs(q.Content,{className:"flex flex-col gap-5 p-7",children:[n.jsxs("div",{className:"flex flex-col items-center gap-3 text-center",children:[n.jsx("img",{src:"/favicon.svg",alt:"Otari",className:"h-12 w-12"}),n.jsxs("div",{children:[n.jsx("h1",{className:"text-lg font-semibold text-[var(--otari-ink)]",children:"Otari Dashboard"}),n.jsx("p",{className:"mt-1 text-sm text-[var(--otari-muted)]",children:"Sign in with your master key to browse models, set pricing, and manage settings."})]})]}),n.jsxs("form",{className:"flex flex-col gap-4",onSubmit:m=>{m.preventDefault(),d()},children:[n.jsxs(He,{value:t,onChange:m=>{r(m),s&&a(null)},type:"password",isRequired:!0,className:"flex flex-col gap-1",children:[n.jsx(be,{className:"text-sm font-medium text-[var(--otari-ink)]",children:"Master key"}),n.jsx(we,{placeholder:"otari-mk-… or your master key",autoFocus:!0,autoComplete:"off"})]}),n.jsxs("details",{className:"text-xs text-[var(--otari-muted)]",children:[n.jsx("summary",{className:"cursor-pointer font-medium text-[var(--otari-brand-dark)]",children:"First run? Where to find your key"}),n.jsxs("p",{className:"mt-2 leading-relaxed",children:["If you did not set ",n.jsx("code",{children:"OTARI_MASTER_KEY"}),", Otari generated one and printed it to the server logs on startup. Look for the line ",n.jsx("code",{children:"Your master key:"})," (for example, run"," ",n.jsx("code",{children:"docker logs <container>"}),") and paste it above."]})]}),n.jsx(It,{error:s}),n.jsx(P,{type:"submit",variant:"primary",fullWidth:!0,isDisabled:!t.trim()||o,children:o?"Signing in…":"Sign in"})]}),n.jsx("p",{className:"text-center text-xs text-[var(--otari-muted)]",children:"The key is sent once to this gateway and exchanged for a session cookie; it is never stored in the browser."}),n.jsx("div",{className:"border-t border-[var(--otari-line)] pt-4 text-center",children:n.jsx(Je,{href:"/welcome",className:"text-sm font-medium text-[var(--otari-brand-dark)]",children:"New to Otari? Open the welcome guide"})})]})})})}const Xt=i.lazy(async()=>({default:(await T(async()=>{const{ActivityPage:e}=await import("./ActivityPage-m0y8T4IF.js");return{ActivityPage:e}},__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]))).ActivityPage})),Zt=i.lazy(async()=>({default:(await T(async()=>{const{RoutingPage:e}=await import("./RoutingPage-CuN4PH28.js");return{RoutingPage:e}},__vite__mapDeps([12,1,2,8,5,11,13]))).RoutingPage})),en=i.lazy(async()=>({default:(await T(async()=>{const{BudgetsPage:e}=await import("./BudgetsPage-CCjnKhY4.js");return{BudgetsPage:e}},__vite__mapDeps([14,1,2,6,5,7,8,11]))).BudgetsPage})),tn=i.lazy(async()=>({default:(await T(async()=>{const{DocsPage:e}=await import("./DocsPage-BLX9Ugok.js");return{DocsPage:e}},__vite__mapDeps([15,1,2,5]))).DocsPage})),nn=i.lazy(async()=>({default:(await T(async()=>{const{KeysPage:e}=await import("./KeysPage-eN3TspGP.js");return{KeysPage:e}},__vite__mapDeps([16,1,2,6,5,7,8,11,17,13]))).KeysPage})),rn=i.lazy(async()=>({default:(await T(async()=>{const{ModelsPage:e}=await import("./ModelsPage-BHFs32Be.js");return{ModelsPage:e}},__vite__mapDeps([18,1,2,6,5,8,10,11]))).ModelsPage})),sn=i.lazy(async()=>({default:(await T(async()=>{const{OverviewIndex:e}=await import("./OverviewPage-CJaIAUu7.js");return{OverviewIndex:e}},__vite__mapDeps([19,1,2,3,4,5,8]))).OverviewIndex})),an=i.lazy(async()=>({default:(await T(async()=>{const{ProvidersPage:e}=await import("./ProvidersPage-BYCOF7U0.js");return{ProvidersPage:e}},__vite__mapDeps([20,1,2,11,5,8]))).ProvidersPage})),on=i.lazy(async()=>({default:(await T(async()=>{const{SettingsPage:e}=await import("./SettingsPage-DAz4lpRs.js");return{SettingsPage:e}},__vite__mapDeps([21,1,2,5]))).SettingsPage})),cn=i.lazy(async()=>({default:(await T(async()=>{const{ToolsGuardrailsPage:e}=await import("./ToolsGuardrailsPage-Bh69IbXF.js");return{ToolsGuardrailsPage:e}},__vite__mapDeps([22,1,2,5]))).ToolsGuardrailsPage})),ln=i.lazy(async()=>({default:(await T(async()=>{const{UsagePage:e}=await import("./UsagePage-BbuXicXf.js");return{UsagePage:e}},__vite__mapDeps([23,1,2,3,4,5,8,9]))).UsagePage})),un=i.lazy(async()=>({default:(await T(async()=>{const{UsersPage:e}=await import("./UsersPage-DgtI9L1U.js");return{UsersPage:e}},__vite__mapDeps([24,1,2,6,5,7,8,11,17]))).UsersPage}));function C(e){return n.jsx(i.Suspense,{fallback:n.jsx("div",{role:"status",children:"Loading page…"}),children:e})}function dn(){const{isAuthenticated:e}=ae();return e?n.jsx(ze,{children:n.jsx(Qe,{children:n.jsxs(j,{element:n.jsx(Jt,{}),children:[n.jsx(j,{index:!0,element:C(n.jsx(sn,{}))}),n.jsx(j,{path:"providers",element:C(n.jsx(an,{}))}),n.jsx(j,{path:"keys",element:C(n.jsx(nn,{}))}),n.jsx(j,{path:"users",element:C(n.jsx(un,{}))}),n.jsx(j,{path:"budgets",element:C(n.jsx(en,{}))}),n.jsx(j,{path:"activity",element:C(n.jsx(Xt,{}))}),n.jsx(j,{path:"usage",element:C(n.jsx(ln,{}))}),n.jsx(j,{path:"models",element:C(n.jsx(rn,{}))}),n.jsx(j,{path:"aliases",element:n.jsx(fe,{to:"/routing",replace:!0})}),n.jsx(j,{path:"routing",element:C(n.jsx(Zt,{}))}),n.jsx(j,{path:"tools",element:C(n.jsx(cn,{}))}),n.jsx(j,{path:"settings",element:C(n.jsx(on,{}))}),n.jsx(j,{path:"docs",element:C(n.jsx(tn,{}))}),n.jsx(j,{path:"*",element:n.jsx(fe,{to:"/",replace:!0})})]})})}):n.jsx(Yt,{})}function mn({children:e}){const[t]=i.useState(()=>new Ue({defaultOptions:{queries:{refetchOnWindowFocus:!1,retry:(r,s)=>s instanceof R&&(s.status===401||s.status===403)?!1:r<2}}}));return n.jsx(Fe,{client:t,children:n.jsx(rt,{children:e})})}const De=document.getElementById("root");if(!De)throw new Error("Root element #root not found");Ye.createRoot(De).render(n.jsx(i.StrictMode,{children:n.jsx(mn,{children:n.jsx(dn,{})})}));export{Nr as $,bn as A,zn as B,wn as C,Vn as D,It as E,Kr as F,Hn as G,lr as H,dr as I,mr as J,fr as K,xr as L,At as M,ur as N,or as O,Ar as P,ir as Q,qr as R,cr as S,ar as T,Pn as U,Xn as V,Kn as W,Tr as X,it as Y,er as Z,Rt as _,lt as a,ht as a0,Pr as a1,Nn as a2,Ur as a3,Dn as a4,Dr as a5,Rr as a6,_r as a7,Ir as a8,Cr as a9,yr as aA,Lt as aa,Dt as ab,Sr as ac,In as ad,On as ae,Un as af,yt as ag,qn as ah,Rn as ai,An as aj,Ln as ak,_n as al,Fn as am,tr as an,nr as ao,rr as ap,Gn as aq,Mn as ar,Jn as as,Yn as at,Er as au,R as av,pn as aw,gn as ax,Lr as ay,gr as az,En as b,sr as c,pr as d,vr as e,Cn as f,kr as g,jn as h,Sn as i,br as j,wr as k,jr as l,Zn as m,vn as n,Br as o,ct as p,Or as q,kn as r,Tn as s,$n as t,hr as u,Bn as v,Qn as w,Wn as x,Fr as y,Mr as z};
diff --git a/src/gateway/static/dashboard/index.html b/src/gateway/static/dashboard/index.html
index abf8d6ba3..80ec3f685 100644
--- a/src/gateway/static/dashboard/index.html
+++ b/src/gateway/static/dashboard/index.html
@@ -19,7 +19,7 @@
          insets to sit out of the way. -->
     <meta name="apple-mobile-web-app-status-bar-style" content="default" />
     <title>Otari Dashboard</title>
-    <script type="module" crossorigin src="/assets/index-BE7E0N2z.js"></script>
+    <script type="module" crossorigin src="/assets/index-DnXjp6g_.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/react-dgEcD0HR.js">
     <link rel="modulepreload" crossorigin href="/assets/tanstack-query-1t81HyiD.js">
     <link rel="modulepreload" crossorigin href="/assets/heroui-COmYdDDM.js">
diff --git a/tests/integration/test_usage_admin.py b/tests/integration/test_usage_admin.py
index 7af09334c..75926134c 100644
--- a/tests/integration/test_usage_admin.py
+++ b/tests/integration/test_usage_admin.py
@@ -12,6 +12,7 @@
 from fastapi.testclient import TestClient
 from sqlalchemy.orm import Session
 
+from gateway.core.sql import MAX_FILTER_VALUES
 from gateway.models.entities import UsageLog, User
 
 DELETE_PATH = "/v1/usage"
@@ -242,6 +243,124 @@ def test_ops_skip_budget_exempt_gateway_rows(
     assert _get(db_session, "gw-exempt").cost == 0.5  # type: ignore[union-attr]
 
 
+def test_delete_by_filter_scopes_to_the_named_models_only(
+    client: TestClient, master_key_header: dict[str, str], db_session: Session
+) -> None:
+    """A multi-value filter deletes exactly its values, never the rest.
+
+    This is the load-bearing case for repeatable filters on a destructive op: the
+    operator confirms a count taken over the same filter set, so a body that widened
+    a dimension (or ignored the extra values) would delete rows the table never
+    showed. Three models, two named: the third must survive untouched.
+    """
+    _make_log(db_session, log_id="m-gpt", counts_toward_budget=False, model="openai/gpt-4")
+    _make_log(db_session, log_id="m-claude", counts_toward_budget=False, model="anthropic/claude")
+    _make_log(db_session, log_id="m-gemini", counts_toward_budget=False, model="google/gemini")
+    db_session.commit()
+
+    # The count the operator would have been shown agrees with what the delete removes.
+    count = client.get(
+        COUNT_PATH,
+        headers=master_key_header,
+        params={"model": ["openai/gpt-4", "anthropic/claude"], "counts_toward_budget": False},
+    ).json()
+    assert count["total"] == 2
+
+    resp = client.request(
+        "DELETE",
+        DELETE_PATH,
+        json={"by_filter": True, "model": ["openai/gpt-4", "anthropic/claude"]},
+        headers=master_key_header,
+    )
+    assert resp.status_code == 200
+    assert resp.json() == {"deleted": 2}
+
+    db_session.expire_all()
+    assert _get(db_session, "m-gpt") is None
+    assert _get(db_session, "m-claude") is None
+    assert _get(db_session, "m-gemini") is not None
+
+
+def test_delete_by_filter_scopes_to_the_named_users_only(
+    client: TestClient, master_key_header: dict[str, str], db_session: Session
+) -> None:
+    _make_log(db_session, log_id="u-alice", counts_toward_budget=False, user_id="alice")
+    _make_log(db_session, log_id="u-bob", counts_toward_budget=False, user_id="bob")
+    _make_log(db_session, log_id="u-carol", counts_toward_budget=False, user_id="carol")
+    db_session.commit()
+
+    resp = client.request(
+        "DELETE", DELETE_PATH, json={"by_filter": True, "user_id": ["alice", "bob"]}, headers=master_key_header
+    )
+    assert resp.json() == {"deleted": 2}
+
+    db_session.expire_all()
+    assert _get(db_session, "u-carol") is not None
+
+
+def test_set_price_by_filter_prices_the_named_models_only(
+    client: TestClient, master_key_header: dict[str, str], db_session: Session
+) -> None:
+    _make_log(db_session, log_id="p-gpt", counts_toward_budget=False, model="openai/gpt-4", cost=None)
+    _make_log(db_session, log_id="p-claude", counts_toward_budget=False, model="anthropic/claude", cost=None)
+    _make_log(db_session, log_id="p-gemini", counts_toward_budget=False, model="google/gemini", cost=None)
+    db_session.commit()
+
+    resp = client.post(
+        SET_PRICE_PATH,
+        json={
+            "by_filter": True,
+            "model": ["openai/gpt-4", "anthropic/claude"],
+            "input_price_per_million": 1.0,
+            "output_price_per_million": 1.0,
+        },
+        headers=master_key_header,
+    )
+    assert resp.status_code == 200
+    assert resp.json()["matched"] == 2
+
+    db_session.expire_all()
+    assert _get(db_session, "p-gpt").cost is not None  # type: ignore[union-attr]
+    assert _get(db_session, "p-claude").cost is not None  # type: ignore[union-attr]
+    # The model left out of the filter keeps its unpriced state.
+    assert _get(db_session, "p-gemini").cost is None  # type: ignore[union-attr]
+
+
+def test_by_filter_rejects_more_values_than_the_read_endpoints_accept(
+    client: TestClient, master_key_header: dict[str, str]
+) -> None:
+    """The destructive body stops where /v1/usage/count stops.
+
+    The count an operator confirms comes from the read endpoints, which 422 past
+    MAX_FILTER_VALUES. A body that accepted more would delete over a filter set no
+    count could ever have been shown for, on an unbounded IN list.
+    """
+    too_many = [f"m{index}" for index in range(MAX_FILTER_VALUES + 1)]
+    assert client.get(COUNT_PATH, headers=master_key_header, params={"model": too_many}).status_code == 422
+
+    resp = client.request(
+        "DELETE", DELETE_PATH, json={"by_filter": True, "model": too_many}, headers=master_key_header
+    )
+    assert resp.status_code == 422
+
+    at_cap = too_many[:MAX_FILTER_VALUES]
+    assert (
+        client.request(
+            "DELETE", DELETE_PATH, json={"by_filter": True, "model": at_cap}, headers=master_key_header
+        ).status_code
+        == 200
+    )
+    # A single long value is not a list of 51: the bound is on the value count, so a
+    # provider-qualified model name well past 50 characters still filters.
+    long_name = f"openai/{'x' * 80}"
+    assert (
+        client.request(
+            "DELETE", DELETE_PATH, json={"by_filter": True, "model": long_name}, headers=master_key_header
+        ).status_code
+        == 200
+    )
+
+
 def test_delete_requires_master_key(client: TestClient) -> None:
     resp = client.request("DELETE", DELETE_PATH, json={"ids": ["x"]})
     assert resp.status_code == 401
diff --git a/tests/integration/test_usage_summary.py b/tests/integration/test_usage_summary.py
index 50c0a8ecf..55f4899e5 100644
--- a/tests/integration/test_usage_summary.py
+++ b/tests/integration/test_usage_summary.py
@@ -1,8 +1,9 @@
 """Integration tests for the aggregated usage summary + CSV export endpoints.
 
-Runs against whatever backend the suite is configured for (SQLite by default,
-PostgreSQL when TEST_DATABASE_URL / testcontainers provides one), so the same
-assertions pin the cross-dialect bucketing and reconciliation contract.
+Runs against the PostgreSQL the suite is configured for (``TEST_DATABASE_URL``, or
+a testcontainer). The bucketing expressions are dialect-aware (see
+``_bucket_expr``), and these assertions pin the bucketing and reconciliation
+contract they produce.
 """
 
 from __future__ import annotations
@@ -17,7 +18,8 @@
 from fastapi.testclient import TestClient
 from sqlalchemy.orm import Session
 
-from gateway.models.entities import UsageLog, User
+from gateway.core.sql import MAX_FILTER_VALUES
+from gateway.models.entities import APIKey, UsageLog, User
 
 SUMMARY_PATH = "/v1/usage/summary"
 CSV_PATH = "/v1/usage/summary.csv"
@@ -29,6 +31,13 @@ def _ensure_user(db: Session, user_id: str) -> None:
         db.flush()
 
 
+def _ensure_api_key(db: Session, key_id: str, user_id: str | None) -> None:
+    # usage_logs.api_key_id is a real FK, so a row attributed to a key needs one.
+    if db.query(APIKey).filter(APIKey.id == key_id).first() is None:
+        db.add(APIKey(id=key_id, key_hash=f"hash-{key_id}", key_name=key_id, user_id=user_id))
+        db.flush()
+
+
 def _make_log(
     db: Session,
     *,
@@ -54,6 +63,8 @@ def _make_log(
 ) -> None:
     if user_id is not None:
         _ensure_user(db, user_id)
+    if api_key_id is not None:
+        _ensure_api_key(db, api_key_id, user_id)
     db.add(
         UsageLog(
             id=str(uuid.uuid4()),
@@ -415,6 +426,121 @@ def test_summary_filters_by_session_endpoint_and_provider(
     assert by_provider["totals"]["request_count"] == 1
 
 
+def test_summary_filters_by_several_models_users_and_keys(
+    client: TestClient, master_key_header: dict[str, str], db_session: Session
+) -> None:
+    """The three entity filters are repeatable: several values match any of them.
+
+    The analytics page compares a handful of models / users / keys in one chart, so
+    a single-value filter would force one request per value and make the tiles
+    disagree with the comparison the operator asked for.
+    """
+    now = datetime.now(UTC) - timedelta(hours=1)
+    _make_log(db_session, user_id="multi-a", timestamp=now, model="gpt-4", api_key_id="key-a", cost=0.10)
+    _make_log(db_session, user_id="multi-b", timestamp=now, model="claude", api_key_id="key-b", cost=0.20)
+    _make_log(db_session, user_id="multi-c", timestamp=now, model="gemini", api_key_id="key-c", cost=0.40)
+    db_session.commit()
+
+    everyone = ["multi-a", "multi-b", "multi-c"]
+
+    two_users = client.get(SUMMARY_PATH, headers=master_key_header, params={"user_id": everyone[:2]}).json()
+    assert two_users["totals"]["request_count"] == 2
+    assert two_users["totals"]["cost"] == pytest.approx(0.30)
+    assert {row["key"] for row in two_users["by_user"]} == {"multi-a", "multi-b"}
+
+    two_models = client.get(
+        SUMMARY_PATH, headers=master_key_header, params={"user_id": everyone, "model": ["gpt-4", "gemini"]}
+    ).json()
+    assert two_models["totals"]["request_count"] == 2
+    assert two_models["totals"]["cost"] == pytest.approx(0.50)
+
+    two_keys = client.get(
+        SUMMARY_PATH, headers=master_key_header, params={"user_id": everyone, "api_key_id": ["key-a", "key-b"]}
+    ).json()
+    assert two_keys["totals"]["request_count"] == 2
+    assert two_keys["totals"]["cost"] == pytest.approx(0.30)
+
+    # A single value keeps working unchanged (the wire form every existing caller sends).
+    one_user = client.get(SUMMARY_PATH, headers=master_key_header, params={"user_id": "multi-c"}).json()
+    assert one_user["totals"]["request_count"] == 1
+    assert one_user["totals"]["cost"] == pytest.approx(0.40)
+
+
+def test_every_read_endpoint_caps_the_number_of_filter_values(
+    client: TestClient, master_key_header: dict[str, str]
+) -> None:
+    """Every endpoint taking a repeatable filter bounds it, at the same value.
+
+    The cap keeps a caller from posting an unbounded IN list, and it has to hold
+    across the whole read surface: the bulk-mutation body carries the same ceiling,
+    and that only means anything if the count an operator confirms is subject to it
+    too. Sits far above any comparison a chart can render.
+    """
+    too_many = [f"m{index}" for index in range(MAX_FILTER_VALUES + 1)]
+    at_cap = too_many[:MAX_FILTER_VALUES]
+    for path, extra in (
+        (SUMMARY_PATH, {}),
+        (SERIES_PATH, {"group_by": "model"}),
+        (CSV_PATH, {}),
+        ("/v1/usage", {}),
+        ("/v1/usage/count", {}),
+    ):
+        over = client.get(path, headers=master_key_header, params={**extra, "model": too_many})
+        assert over.status_code == 422, path
+        ok = client.get(path, headers=master_key_header, params={**extra, "model": at_cap})
+        assert ok.status_code == 200, path
+
+    # The bound counts values, not characters: a long provider-qualified model name
+    # is a single value and must still filter.
+    long_name = "openai:" + "a" * 80
+    assert client.get(SUMMARY_PATH, headers=master_key_header, params={"model": long_name}).status_code == 200
+
+
+def test_grouped_series_filters_by_several_models(
+    client: TestClient, master_key_header: dict[str, str], db_session: Session
+) -> None:
+    # /series claims filter parity with /summary, so the stacked chart must scope to
+    # the same value set the tiles beside it were computed over.
+    ts = datetime(2025, 9, 1, 12, 0, tzinfo=UTC)
+    _make_log(db_session, user_id="multiser", timestamp=ts, model="gpt-4", cost=0.10, total_tokens=15)
+    _make_log(db_session, user_id="multiser", timestamp=ts, model="claude", cost=0.20, total_tokens=15)
+    _make_log(db_session, user_id="multiser", timestamp=ts, model="gemini", cost=0.40, total_tokens=15)
+    db_session.commit()
+
+    body = client.get(
+        SERIES_PATH,
+        headers=master_key_header,
+        params={
+            "group_by": "model",
+            "user_id": "multiser",
+            "model": ["gpt-4", "claude"],
+            "start_date": "2025-09-01T00:00:00Z",
+            "end_date": "2025-09-02T00:00:00Z",
+        },
+    ).json()
+
+    assert {g["key"] for g in body["groups"]} == {"gpt-4", "claude"}
+    assert sum(p["cost"] for p in body["points"]) == pytest.approx(0.30)
+
+
+def test_csv_export_filters_by_several_users(
+    client: TestClient, master_key_header: dict[str, str], db_session: Session
+) -> None:
+    # The export takes the same window and filters as /summary, so a multi-value
+    # comparison can be downloaded rather than re-filtered by hand.
+    now = datetime.now(UTC) - timedelta(hours=1)
+    _make_log(db_session, user_id="csv-a", timestamp=now, model="gpt-4", cost=0.10)
+    _make_log(db_session, user_id="csv-b", timestamp=now, model="claude", cost=0.20)
+    _make_log(db_session, user_id="csv-c", timestamp=now, model="gemini", cost=0.40)
+    db_session.commit()
+
+    resp = client.get(CSV_PATH, headers=master_key_header, params={"user_id": ["csv-a", "csv-b"]})
+    assert resp.status_code == 200
+    rows = list(csv.DictReader(io.StringIO(resp.text)))
+    users = {row["key"] for row in rows if row["dimension"] == "user"}
+    assert users == {"csv-a", "csv-b"}
+
+
 def test_usage_list_and_count_filter_by_session_and_provider(
     client: TestClient, master_key_header: dict[str, str], db_session: Session
 ) -> None:
@@ -456,6 +582,36 @@ def test_usage_list_and_count_filter_by_session_and_provider(
     assert openai_rows[0]["provider"] == "openai"
 
 
+def test_usage_list_and_count_filter_by_several_values(
+    client: TestClient, master_key_header: dict[str, str], db_session: Session
+) -> None:
+    # The request log takes the same repeatable filters as the analytics endpoints, so
+    # a drill-down carrying a multi-value comparison lands on exactly those rows, and
+    # /count agrees with the list so the paginator total matches what is shown.
+    now = datetime.now(UTC) - timedelta(hours=1)
+    _make_log(db_session, user_id="listmulti", timestamp=now, model="gpt-4")
+    _make_log(db_session, user_id="listmulti", timestamp=now, model="claude")
+    _make_log(db_session, user_id="listmulti", timestamp=now, model="gemini")
+    db_session.commit()
+
+    params = {"user_id": "listmulti", "model": ["gpt-4", "claude"]}
+    rows = client.get("/v1/usage", headers=master_key_header, params=params).json()
+    assert sorted(row["model"] for row in rows) == ["claude", "gpt-4"]
+
+    count = client.get("/v1/usage/count", headers=master_key_header, params=params).json()
+    assert count["total"] == len(rows) == 2
+
+    # Two users, one model: the other dimension still narrows as usual.
+    _make_log(db_session, user_id="listmulti2", timestamp=now, model="gpt-4")
+    db_session.commit()
+    both = client.get(
+        "/v1/usage/count",
+        headers=master_key_header,
+        params={"user_id": ["listmulti", "listmulti2"], "model": "gpt-4"},
+    ).json()
+    assert both["total"] == 2
+
+
 def test_summary_series_day_buckets_are_canonical_utc(
     client: TestClient, master_key_header: dict[str, str], db_session: Session
 ) -> None:
diff --git a/web/src/api/hooks.ts b/web/src/api/hooks.ts
index c20e774d6..c4d2fed58 100644
--- a/web/src/api/hooks.ts
+++ b/web/src/api/hooks.ts
@@ -711,14 +711,22 @@ export function useDeleteUser() {
 // while the request goes out unfiltered and the table quietly shows everything.
 function usageParams(filters: UsageFilters): URLSearchParams {
   const params = new URLSearchParams();
+  // A multi-value filter goes on the wire as a repeated param (the analytics
+  // endpoints match any of them); an empty array is no filter at all, not a
+  // filter matching nothing.
+  const appendAll = (key: string, value: string | string[] | undefined) => {
+    for (const one of typeof value === "string" ? [value] : (value ?? [])) {
+      if (one) params.append(key, one);
+    }
+  };
   if (filters.start_date) params.set("start_date", filters.start_date);
   if (filters.end_date) params.set("end_date", filters.end_date);
   if (filters.status) params.set("status", filters.status);
-  if (filters.model) params.set("model", filters.model);
+  appendAll("model", filters.model);
   if (filters.endpoint) params.set("endpoint", filters.endpoint);
   if (filters.provider) params.set("provider", filters.provider);
-  if (filters.user_id) params.set("user_id", filters.user_id);
-  if (filters.api_key_id) params.set("api_key_id", filters.api_key_id);
+  appendAll("user_id", filters.user_id);
+  appendAll("api_key_id", filters.api_key_id);
   if (filters.source) params.set("source", filters.source);
   if (filters.source_label) params.set("source_label", filters.source_label);
   if (filters.tool) params.set("tool", filters.tool);
diff --git a/web/src/api/types.ts b/web/src/api/types.ts
index f37b59959..fb948fd64 100644
--- a/web/src/api/types.ts
+++ b/web/src/api/types.ts
@@ -557,11 +557,15 @@ export interface UsageFilters {
   // analytics previous-period query so its window does not overlap the current one.
   end_date?: string;
   status?: string;
-  model?: string;
+  // The three entity filters accept several values on every usage endpoint: they go
+  // on the wire as repeated query params and match any of them, so one chart can
+  // compare a handful of models / users / keys and the request log can be scoped to
+  // the same set a drill-down arrived with.
+  model?: string | string[];
   endpoint?: string;
   provider?: string;
-  user_id?: string;
-  api_key_id?: string;
+  user_id?: string | string[];
+  api_key_id?: string | string[];
   source?: string;
   // Session/project attribution (a row's `source_label`), so the log can be
   // scoped to the one agent session a breakdown row points at.
@@ -590,9 +594,11 @@ export interface UsageMutationSelection {
   ids?: string[];
   by_filter?: boolean;
   source?: string;
-  model?: string;
-  user_id?: string;
-  api_key_id?: string;
+  // Multi-value like the read filters, so a set the operator filtered on scopes the
+  // mutation to exactly those rows rather than every value of the dimension.
+  model?: string | string[];
+  user_id?: string | string[];
+  api_key_id?: string | string[];
   status?: string;
   // Every scoping filter the Activity log honors must be repeatable here: the
   // "all matching" path re-derives the target set server-side, so a filter the
diff --git a/web/src/components/FilterChips.tsx b/web/src/components/FilterChips.tsx
index 48f4c4d46..1e512ac39 100644
--- a/web/src/components/FilterChips.tsx
+++ b/web/src/components/FilterChips.tsx
@@ -14,6 +14,10 @@ export interface FilterChip {
   label: string;
   // The human-readable current value, e.g. "gpt-5.6".
   value: string;
+  // Accessible name for the ✕. Defaults to naming the dimension, which is enough
+  // while a dimension has one chip; a multi-value filter renders one chip per
+  // value and passes a name carrying the value, so the controls stay distinct.
+  clearLabel?: string;
   onClear: () => void;
 }
 
@@ -61,7 +65,7 @@ export function FilterChips({
             <button
               type="button"
               onClick={chip.onClear}
-              aria-label={`Remove ${chip.label} filter`}
+              aria-label={chip.clearLabel ?? `Remove ${chip.label} filter`}
               className="ml-0.5 inline-flex h-4 w-4 items-center justify-center rounded-full text-[var(--otari-muted)] outline-none hover:bg-[var(--otari-line)] hover:text-[var(--otari-ink)] focus-visible:ring-2 focus-visible:ring-[var(--otari-brand)]"
             >
               <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" className="h-3 w-3" aria-hidden="true">
diff --git a/web/src/components/ui.test.tsx b/web/src/components/ui.test.tsx
index 6f108da8b..9afaba2a7 100644
--- a/web/src/components/ui.test.tsx
+++ b/web/src/components/ui.test.tsx
@@ -1,8 +1,17 @@
 import { fireEvent, render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
+import { useState } from "react";
 import { afterEach, describe, expect, it, vi } from "vitest";
 
-import { CopyableValue, CopyButton, EmptyState, PageLoading, RefreshButton, StatCard } from "@/components/ui";
+import {
+  CopyableValue,
+  CopyButton,
+  EmptyState,
+  FilterMultiComboBox,
+  PageLoading,
+  RefreshButton,
+  StatCard,
+} from "@/components/ui";
 
 describe("StatCard", () => {
   it("renders its label and value", () => {
@@ -179,3 +188,131 @@ describe("PageLoading", () => {
     expect(status).toHaveTextContent("Loading…");
   });
 });
+
+describe("FilterMultiComboBox", () => {
+  function Harness({
+    onChange,
+    maxValues,
+    allowsCustom,
+  }: {
+    onChange?: (values: string[]) => void;
+    maxValues?: number;
+    allowsCustom?: boolean;
+  }) {
+    const [values, setValues] = useState<string[]>([]);
+    return (
+      <FilterMultiComboBox
+        label="Model"
+        values={values}
+        onChange={(next) => {
+          setValues(next);
+          onChange?.(next);
+        }}
+        options={[
+          { value: "gpt-5.6", label: "gpt-5.6" },
+          { value: "claude-sonnet-5", label: "claude-sonnet-5" },
+        ]}
+        placeholder="All models"
+        maxValues={maxValues}
+        allowsCustom={allowsCustom}
+      />
+    );
+  }
+
+  it("accumulates picks and drops the picked options from the list", async () => {
+    const user = userEvent.setup();
+    const onChange = vi.fn();
+    render(<Harness onChange={onChange} />);
+
+    const input = screen.getByRole("combobox", { name: "Model" });
+    await user.click(input);
+    await user.click(await screen.findByRole("option", { name: "gpt-5.6" }));
+    expect(onChange).toHaveBeenLastCalledWith(["gpt-5.6"]);
+
+    // The list stays open on what is left, so a comparison is one gesture; a
+    // picked value is not offered again (picking it twice would be a no-op).
+    expect(screen.queryByRole("option", { name: "gpt-5.6" })).not.toBeInTheDocument();
+    await user.click(await screen.findByRole("option", { name: "claude-sonnet-5" }));
+    expect(onChange).toHaveBeenLastCalledWith(["gpt-5.6", "claude-sonnet-5"]);
+
+    // The input reports the size of the selection: the values themselves are the
+    // page's chips, not text crammed into the box.
+    expect(input).toHaveAttribute("placeholder", "2 selected");
+  });
+
+  it("narrows the list as you type without committing the text", async () => {
+    const user = userEvent.setup();
+    const onChange = vi.fn();
+    render(<Harness onChange={onChange} />);
+
+    const input = screen.getByRole("combobox", { name: "Model" });
+    await user.click(input);
+    await user.type(input, "claude");
+    expect(screen.queryByRole("option", { name: "gpt-5.6" })).not.toBeInTheDocument();
+    expect(await screen.findByRole("option", { name: "claude-sonnet-5" })).toBeInTheDocument();
+    // Typing alone filters nothing: only a picked option becomes a filter value.
+    expect(onChange).not.toHaveBeenCalled();
+  });
+
+  it("commits typed text on Enter when custom values are allowed", async () => {
+    const user = userEvent.setup();
+    const onChange = vi.fn();
+    render(<Harness onChange={onChange} allowsCustom />);
+
+    const input = screen.getByRole("combobox", { name: "Model" });
+    await user.click(input);
+    await user.type(input, "unlisted-model");
+    await user.keyboard("{Enter}");
+
+    expect(onChange).toHaveBeenLastCalledWith(["unlisted-model"]);
+  });
+
+  it("does not also commit the query when Enter picks a highlighted option", async () => {
+    // One press must add one value. Arrowing onto an option and pressing Enter
+    // selects it; committing the partial text beside it would add "claude" as well.
+    const user = userEvent.setup();
+    const onChange = vi.fn();
+    render(<Harness onChange={onChange} allowsCustom />);
+
+    const input = screen.getByRole("combobox", { name: "Model" });
+    await user.click(input);
+    await user.type(input, "claude");
+    await user.keyboard("{ArrowDown}");
+    await user.keyboard("{Enter}");
+
+    expect(onChange).toHaveBeenCalledTimes(1);
+    expect(onChange).toHaveBeenLastCalledWith(["claude-sonnet-5"]);
+  });
+
+  it("ignores Enter on typed text when custom values are not allowed", async () => {
+    const user = userEvent.setup();
+    const onChange = vi.fn();
+    render(<Harness onChange={onChange} />);
+
+    const input = screen.getByRole("combobox", { name: "Model" });
+    await user.click(input);
+    await user.type(input, "not-an-option");
+    await user.keyboard("{Enter}");
+
+    expect(onChange).not.toHaveBeenCalled();
+  });
+
+  it("stops at the value ceiling the endpoints accept", async () => {
+    const user = userEvent.setup();
+    const onChange = vi.fn();
+    render(<Harness onChange={onChange} maxValues={1} />);
+
+    const input = screen.getByRole("combobox", { name: "Model" });
+    await user.click(input);
+    await user.click(await screen.findByRole("option", { name: "gpt-5.6" }));
+    expect(onChange).toHaveBeenLastCalledWith(["gpt-5.6"]);
+
+    // Past the ceiling the remaining options are inert rather than a pick that
+    // 422s every query on the page, and the input says the set is full.
+    expect(input).toHaveAttribute("placeholder", "1 selected (max)");
+    const remaining = await screen.findByRole("option", { name: "claude-sonnet-5" });
+    expect(remaining).toHaveAttribute("aria-disabled", "true");
+    await user.click(remaining);
+    expect(onChange).toHaveBeenCalledTimes(1);
+  });
+});
diff --git a/web/src/components/ui.tsx b/web/src/components/ui.tsx
index 291a9a5d8..64b9e6bbe 100644
--- a/web/src/components/ui.tsx
+++ b/web/src/components/ui.tsx
@@ -1,6 +1,6 @@
 import { Button, Card, ComboBox, Input, Label, ListBox, ListBoxItem, Spinner, Tooltip } from "@heroui/react";
 import { useEffect, useId, useRef, useState } from "react";
-import type { ReactNode } from "react";
+import type { KeyboardEvent as ReactKeyboardEvent, ReactNode } from "react";
 import { NavLink } from "react-router-dom";
 
 import { ApiError } from "@/api/client";
@@ -455,79 +455,101 @@ export function FilterSelect({
   return select;
 }
 
-// A type-to-filter combobox for page filter bars where the option list is large
-// (users, models): a native <select> with thousands of <option>s is unusable, so
-// this filters the list as you type and commits on selection. An empty input
-// means "no filter" (the caller's cleared value). Options-only by intent: you can
-// only filter to a value that exists, matching how the backend filters. If a
-// selected value is not in `options` (e.g. seeded from a URL), it still shows.
-export function FilterComboBox({
+// A type-to-filter combobox for page filter bars, accumulating a set of values.
+// The option list is large (users, models), so a native <select> with thousands of
+// <option>s is unusable and this narrows it as you type; and the question a usage
+// view answers is usually a comparison ("these three models"), not a single choice.
+// Picking an option adds it and clears the query, and the list stays open on the remaining
+// options so a run of selections takes one gesture; picked options drop out of it.
+// Removal lives with the page's filter chips (one per value) rather than a second
+// chip row here, so the applied set is visible whether or not the picker is open.
+// Dismiss the list (Escape, or a click outside) before reaching for the page
+// behind it: it is an overlay, so it holds focus while open.
+export function FilterMultiComboBox({
   label,
-  value,
+  values,
   onChange,
   options,
   placeholder,
   maxVisible = 50,
+  maxValues = 50,
   allowsCustom = false,
 }: {
   label: string;
-  value: string;
-  onChange: (value: string) => void;
+  values: string[];
+  onChange: (values: string[]) => void;
   options: { value: string; label: string }[];
+  // Shown while nothing is picked (e.g. "All users"); once something is, the
+  // input reports the size of the selection instead.
   placeholder?: string;
   maxVisible?: number;
-  // When true the typed text is itself a valid filter value (committed live, like
-  // a plain text box) and the options are suggestions. Use for a filter whose full
-  // value space is not enumerable (e.g. any model name the log might hold). When
-  // false the control is options-only: typing just narrows the suggestion list and
-  // a value is committed only by selecting one.
+  // Ceiling on the selection, matching what the analytics endpoints accept for
+  // one repeatable filter. Stopping here keeps a 51st pick from failing every
+  // query on the page with a 422 the operator cannot read.
+  maxValues?: number;
+  // When true, Enter adds whatever was typed, so a filter whose value space is not
+  // enumerable (any model name the log might hold, not just the ones a windowed
+  // suggestion list knows) can still be filtered on. The options stay suggestions.
   allowsCustom?: boolean;
 }) {
-  const labelFor = (v: string): string => options.find((o) => o.value === v)?.label ?? v;
-  const [text, setText] = useState(() => labelFor(value));
-
-  // Re-sync the input when the committed value changes from outside (a "Clear
-  // filters" press, or a drill-down seeding the value). Typing does not change
-  // `value` until a selection commits, so this does not fight the user mid-type.
-  useEffect(() => {
-    setText(labelFor(value));
-    // labelFor closes over options; value is the external source of truth here.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [value]);
+  const [text, setText] = useState("");
 
+  const atLimit = values.length >= maxValues;
   const query = text.trim().toLowerCase();
   const visible = options
+    .filter((o) => !values.includes(o.value))
     .filter((o) => !query || o.value.toLowerCase().includes(query) || o.label.toLowerCase().includes(query))
     .slice(0, maxVisible);
 
+  const add = (value: string) => {
+    if (atLimit || values.includes(value)) return;
+    onChange([...values, value]);
+  };
+
+  // Free text commits on Enter: react-aria fires no selection for a value that is
+  // not in the list, so the key event is the only signal. Skipped while an option is
+  // highlighted (aria-activedescendant), because that Enter belongs to the option
+  // and committing the partial query beside it would add two values from one press.
+  const onInputKeyDown = (event: ReactKeyboardEvent<HTMLInputElement>) => {
+    if (!allowsCustom || event.key !== "Enter") return;
+    if (event.currentTarget.getAttribute("aria-activedescendant")) return;
+    const typed = text.trim();
+    if (!typed) return;
+    add(typed);
+    setText("");
+  };
+
   return (
     <ComboBox.Root
       allowsEmptyCollection
       allowsCustomValue={allowsCustom}
       menuTrigger="focus"
       inputValue={text}
-      onInputChange={(next) => {
-        setText(next);
-        if (allowsCustom) {
-          // Free-text mode: the input is the filter (committed live, like a plain
-          // text box), with the options offered as suggestions.
-          onChange(next.trim());
-        } else if (next.trim() === "") {
-          // Options-only: deleting the text clears the filter; partial text just
-          // narrows the dropdown (committing it would filter to a missing value).
-          onChange("");
-        }
-      }}
+      onInputChange={setText}
+      // Never a committed selection of its own: the picked values live in
+      // `values`, so the input stays a search box.
+      selectedKey={null}
+      // At the ceiling the remaining options are offered but inert, so the list
+      // reads as "full" rather than silently swallowing a click.
+      disabledKeys={atLimit ? visible.map((o) => o.value) : []}
       onSelectionChange={(key) => {
-        if (key != null) {
-          onChange(String(key));
-        }
+        if (key == null) return;
+        add(String(key));
+        setText("");
       }}
       className="flex flex-col gap-1"
     >
       <Label className="text-xs font-medium text-[var(--otari-muted)]">{label}</Label>
       <ComboBox.InputGroup>
-        <Input placeholder={placeholder} autoComplete="off" onFocus={(event) => event.currentTarget.select()} />
+        <Input
+          placeholder={
+            values.length === 0
+              ? placeholder
+              : `${values.length} selected${atLimit ? " (max)" : ""}`
+          }
+          autoComplete="off"
+          onKeyDown={onInputKeyDown}
+        />
         <ComboBox.Trigger />
       </ComboBox.InputGroup>
       <ComboBox.Popover>
diff --git a/web/src/lib/urlState.test.tsx b/web/src/lib/urlState.test.tsx
index 7b4f0bc1f..96da607d2 100644
--- a/web/src/lib/urlState.test.tsx
+++ b/web/src/lib/urlState.test.tsx
@@ -1,4 +1,4 @@
-import { renderHook } from "@testing-library/react";
+import { act, renderHook } from "@testing-library/react";
 import type { ReactNode } from "react";
 import { MemoryRouter } from "react-router-dom";
 import { describe, expect, it } from "vitest";
@@ -37,3 +37,64 @@ describe("useUrlState.get", () => {
     expect(result.current.get("size")).toBe("50");
   });
 });
+
+const MULTI_DEFAULTS = { model: "", user_id: "" } as const;
+
+describe("useUrlState.getAll", () => {
+  it("reads every value of a repeated param, in order", () => {
+    const { result } = renderHook(() => useUrlState(MULTI_DEFAULTS), {
+      wrapper: wrapperFor("/?model=gpt-4o&model=claude-sonnet-5"),
+    });
+    expect(result.current.getAll("model")).toEqual(["gpt-4o", "claude-sonnet-5"]);
+  });
+
+  it("reads a single value as a one-element set", () => {
+    const { result } = renderHook(() => useUrlState(MULTI_DEFAULTS), { wrapper: wrapperFor("/?model=gpt-4o") });
+    expect(result.current.getAll("model")).toEqual(["gpt-4o"]);
+  });
+
+  it("treats an absent, blank, or whitespace param as no filter", () => {
+    // `?model=` is what a cleared filter can leave behind; it must not become a
+    // filter on the empty string, which would match nothing and read as "no rows".
+    const { result } = renderHook(() => useUrlState(MULTI_DEFAULTS), { wrapper: wrapperFor("/?model=") });
+    expect(result.current.getAll("model")).toEqual([]);
+    expect(result.current.getAll("user_id")).toEqual([]);
+
+    // A hand-edited whitespace value is the same thing, and trimming it keeps a chip
+    // from rendering with a blank label.
+    const spaced = renderHook(() => useUrlState(MULTI_DEFAULTS), { wrapper: wrapperFor("/?model=%20&model=gpt-4o") });
+    expect(spaced.result.current.getAll("model")).toEqual(["gpt-4o"]);
+  });
+
+  it("applies a non-empty default only when the key is absent", () => {
+    // Present-but-blank means the operator cleared the filter, so the default must
+    // not resurrect it. Matches how `get` reads the same URL.
+    const withDefault = { source: "gateway" } as const;
+    const absent = renderHook(() => useUrlState(withDefault), { wrapper: wrapperFor("/") });
+    expect(absent.result.current.getAll("source")).toEqual(["gateway"]);
+
+    const cleared = renderHook(() => useUrlState(withDefault), { wrapper: wrapperFor("/?source=") });
+    expect(cleared.result.current.getAll("source")).toEqual([]);
+  });
+});
+
+describe("useUrlState.patch with arrays", () => {
+  it("writes one param per value and drops the key when the set is empty", () => {
+    const { result } = renderHook(() => useUrlState(MULTI_DEFAULTS), {
+      wrapper: wrapperFor("/?model=gpt-4o&user_id=alice"),
+    });
+
+    act(() => result.current.patch({ model: ["gpt-4o", "claude-sonnet-5"] }));
+    expect(result.current.getAll("model")).toEqual(["gpt-4o", "claude-sonnet-5"]);
+    // The untouched key is left alone.
+    expect(result.current.getAll("user_id")).toEqual(["alice"]);
+
+    // A shorter set replaces the old one wholesale rather than appending, so a
+    // removed value actually disappears.
+    act(() => result.current.patch({ model: ["claude-sonnet-5"] }));
+    expect(result.current.getAll("model")).toEqual(["claude-sonnet-5"]);
+
+    act(() => result.current.patch({ model: [] }));
+    expect(result.current.getAll("model")).toEqual([]);
+  });
+});
diff --git a/web/src/lib/urlState.ts b/web/src/lib/urlState.ts
index d76cb1787..04837281e 100644
--- a/web/src/lib/urlState.ts
+++ b/web/src/lib/urlState.ts
@@ -33,9 +33,14 @@ export function useUrlParam(key: string, defaultValue = ""): [string, (value: st
 
 export interface UrlState<K extends string> {
   get: (key: K) => string;
+  /** Every value of a repeatable key (`?model=a&model=b`), empty when it is absent. */
+  getAll: (key: K) => string[];
   getNumber: (key: K) => number;
-  /** Apply several key changes in one history entry; "" or the default drops a key. */
-  patch: (updates: Partial<Record<K, string | number>>) => void;
+  /**
+   * Apply several key changes in one history entry; "" or the default drops a key.
+   * An array writes the key once per value, and an empty array drops it.
+   */
+  patch: (updates: Partial<Record<K, string | number | string[]>>) => void;
 }
 
 export function useUrlState<K extends string>(defaults: Record<K, string>): UrlState<K> {
@@ -43,6 +48,23 @@ export function useUrlState<K extends string>(defaults: Record<K, string>): UrlS
 
   const get = useCallback((key: K) => params.get(key) ?? defaults[key], [params, defaults]);
 
+  // Values are trimmed and blanks dropped, so `?model=` or `?model=%20` reads as no
+  // filter rather than a filter on whitespace (which would match nothing and look
+  // like an empty result set). The default applies only when the key is absent
+  // entirely: present-but-blank is a cleared filter, the same reading `get` gives it.
+  const getAll = useCallback(
+    (key: K) => {
+      if (!params.has(key)) {
+        return defaults[key] ? [defaults[key]] : [];
+      }
+      return params
+        .getAll(key)
+        .map((value) => value.trim())
+        .filter((value) => value !== "");
+    },
+    [params, defaults],
+  );
+
   const getNumber = useCallback(
     (key: K) => {
       // A present but non-numeric param (e.g. a hand-edited `?size=abc`) must fall
@@ -58,11 +80,20 @@ export function useUrlState<K extends string>(defaults: Record<K, string>): UrlS
   );
 
   const patch = useCallback(
-    (updates: Partial<Record<K, string | number>>) => {
+    (updates: Partial<Record<K, string | number | string[]>>) => {
       setParams(
         (prev) => {
           const next = new URLSearchParams(prev);
           for (const [key, raw] of Object.entries(updates)) {
+            if (Array.isArray(raw)) {
+              // Rewritten wholesale rather than appended to: the caller passes the
+              // filter's complete value set, so a removed value has to disappear.
+              next.delete(key);
+              for (const value of raw) {
+                if (value !== "") next.append(key, value);
+              }
+              continue;
+            }
             const value = String(raw);
             if (value === "" || value === defaults[key as K]) {
               next.delete(key);
@@ -78,5 +109,5 @@ export function useUrlState<K extends string>(defaults: Record<K, string>): UrlS
     [setParams, defaults],
   );
 
-  return { get, getNumber, patch };
+  return { get, getAll, getNumber, patch };
 }
diff --git a/web/src/pages/ActivityPage.test.tsx b/web/src/pages/ActivityPage.test.tsx
index 4ff5fe6c4..2a8b02e14 100644
--- a/web/src/pages/ActivityPage.test.tsx
+++ b/web/src/pages/ActivityPage.test.tsx
@@ -109,7 +109,15 @@ function mockApi(opts: { rows?: UsageEntry[]; total?: number; groupRows?: UsageE
       }
       return jsonResponse(rows);
     }
-    if (url.includes("/v1/users") || url.includes("/v1/keys")) {
+    if (url.includes("/v1/users")) {
+      // Alias-free so an option's name and a chip's label are the bare user id,
+      // which keeps the filter assertions readable.
+      return jsonResponse([
+        { user_id: "alice", alias: null },
+        { user_id: "bob", alias: null },
+      ]);
+    }
+    if (url.includes("/v1/keys")) {
       return jsonResponse([]);
     }
     return jsonResponse([]);
@@ -603,6 +611,56 @@ describe("ActivityPage", () => {
     expect(latest).toContain("status=error");
   });
 
+  it("seeds a multi-value filter from a drill-down and keeps every value", async () => {
+    // The analytics page drills with repeated params. Reading only the first would
+    // silently show a narrower slice than the chart the operator clicked.
+    const { calls } = mockApi({ rows: [entry()] });
+    renderPage(<ActivityPage />, "/activity?user_id=alice&user_id=bob&model=gpt-4o");
+
+    await screen.findByText("gpt-4o");
+    const latest = listCalls(calls).at(-1)!;
+    expect(latest).toContain("user_id=alice");
+    expect(latest).toContain("user_id=bob");
+
+    // Both values are chips, each clearing only itself.
+    expect(screen.getByRole("button", { name: "Remove User filter alice" })).toBeInTheDocument();
+    expect(screen.getByRole("button", { name: "Remove User filter bob" })).toBeInTheDocument();
+  });
+
+  it("adds a second value to a filter from the picker", async () => {
+    const user = userEvent.setup();
+    const { calls } = mockApi({ rows: [entry()] });
+    renderPage(<ActivityPage />, "/activity?user_id=alice");
+    await screen.findByText("gpt-4o");
+
+    const userInput = screen.getByRole("combobox", { name: "User" });
+    await user.click(userInput);
+    await user.click(await screen.findByRole("option", { name: /bob/ }));
+
+    await waitFor(() => {
+      const latest = listCalls(calls).at(-1)!;
+      expect(latest).toContain("user_id=alice");
+      expect(latest).toContain("user_id=bob");
+    });
+  });
+
+  it("takes a free-text model value on Enter, since any model may appear in the log", async () => {
+    // The model suggestions come from a windowed summary, so a model the log holds
+    // but the breakdown folded away would be unfilterable if the picker were
+    // options-only. Enter commits whatever was typed.
+    const user = userEvent.setup();
+    const { calls } = mockApi({ rows: [entry()] });
+    renderPage(<ActivityPage />);
+    await screen.findByText("gpt-4o");
+
+    const modelInput = screen.getByRole("combobox", { name: "Model" });
+    await user.click(modelInput);
+    await user.type(modelInput, "some-unlisted-model");
+    await user.keyboard("{Enter}");
+
+    await waitFor(() => expect(listCalls(calls).at(-1)!).toContain("model=some-unlisted-model"));
+  });
+
   it("snaps URL-supplied page sizes to the nearest offered option", async () => {
     // An old size=500 bookmark must not resurrect second-long selection
     // clicks, and a hand-edited size=-5 must not reach the API as a bad limit.
@@ -703,6 +761,39 @@ describe("ActivityPage", () => {
     });
   });
 
+  it("carries a multi-value filter into an 'all matching' delete", async () => {
+    // The dangerous case for repeatable filters: the operator confirms a count taken
+    // over two models, so the delete body has to name both. A body that dropped the
+    // extra value (or sent one of the two) would delete a different set than the
+    // count promised, in the one direction that loses rows.
+    const user = userEvent.setup();
+    const { calls } = mockApi({
+      rows: [entry({ id: "imp-1", model: "imported-model", counts_toward_budget: false })],
+      total: 5,
+    });
+    renderPage(<ActivityPage />, "/activity?model=gpt-4o&model=claude-sonnet-5");
+
+    const row = (await screen.findByText("imported-model")).closest("tr")!;
+    await user.click(within(row).getByRole("checkbox"));
+    await user.click(await screen.findByRole("button", { name: /Select all 5 matching/ }));
+
+    await user.click(screen.getByRole("button", { name: "Delete" }));
+    const dialog = await screen.findByRole("alertdialog");
+    await user.click(within(dialog).getByRole("button", { name: "Delete" }));
+
+    await waitFor(() => {
+      const del = calls.find((c) => c.url.endsWith("/v1/usage") && c.method === "DELETE");
+      expect(del).toBeTruthy();
+      const body = JSON.parse(del!.body ?? "{}");
+      expect(body.by_filter).toBe(true);
+      expect(body.model).toEqual(["gpt-4o", "claude-sonnet-5"]);
+    });
+
+    // The count that sized "all matching" was scoped to the same two models.
+    const counts = calls.filter((c) => c.url.includes("/v1/usage/count"));
+    expect(counts.some((c) => c.url.includes("model=gpt-4o") && c.url.includes("model=claude-sonnet-5"))).toBe(true);
+  });
+
   it("sets a manual price on the selected imported rows", async () => {
     const user = userEvent.setup();
     const { calls } = mockApi({
@@ -843,11 +934,12 @@ describe("ActivityPage", () => {
     await screen.findByText("gpt-4o");
 
     // A chip per active entity filter (model + status); the time range is not a chip.
-    expect(screen.getByRole("button", { name: "Remove Model filter" })).toBeInTheDocument();
+    // The entity filters hold sets, so their chips name the value they clear.
+    expect(screen.getByRole("button", { name: "Remove Model filter gpt-4o" })).toBeInTheDocument();
     expect(screen.getByRole("button", { name: "Remove Status filter" })).toBeInTheDocument();
 
     // Removing the model chip drops just that filter from the query.
-    await user.click(screen.getByRole("button", { name: "Remove Model filter" }));
+    await user.click(screen.getByRole("button", { name: "Remove Model filter gpt-4o" }));
     await waitFor(() => expect(listCalls(calls).some((url) => !url.includes("model=gpt-4o"))).toBe(true));
   });
 
diff --git a/web/src/pages/ActivityPage.tsx b/web/src/pages/ActivityPage.tsx
index 7badf3c32..f4382a124 100644
--- a/web/src/pages/ActivityPage.tsx
+++ b/web/src/pages/ActivityPage.tsx
@@ -21,7 +21,14 @@ import { DataTable, type DataTableColumn } from "@/components/DataTable";
 import { FilterChips, type FilterChip } from "@/components/FilterChips";
 import { SetPriceDialog, type ManualRates } from "@/components/SetPriceDialog";
 import { PAGE_SIZE_OPTIONS, TablePagination } from "@/components/TablePagination";
-import { CopyableValue, ErrorBanner, FilterComboBox, FilterSelect, PageHeader, RefreshButton } from "@/components/ui";
+import {
+  CopyableValue,
+  ErrorBanner,
+  FilterMultiComboBox,
+  FilterSelect,
+  PageHeader,
+  RefreshButton,
+} from "@/components/ui";
 import { resolveSelectedIds, useTableSelection } from "@/lib/tableSelection";
 import {
   ACTIVITY_DEFAULT_KEY,
@@ -764,9 +771,12 @@ export function ActivityPage() {
   const startParam = url.get("start_date");
   const endParam = url.get("end_date");
   const statusFilter = url.get("status");
-  const modelFilter = url.get("model");
-  const userFilter = url.get("user_id");
-  const apiKeyFilter = url.get("api_key_id");
+  // The three entity filters hold sets: each is repeatable in the URL and on the
+  // wire, so a comparison ("these two models") is one view rather than several, and
+  // a drill-down from the analytics page can carry its whole selection across.
+  const modelFilters = url.getAll("model");
+  const userFilters = url.getAll("user_id");
+  const apiKeyFilters = url.getAll("api_key_id");
   const pricedFilter = url.get("priced");
   // Provenance: gateway traffic vs an imported agent source. Set by its own select,
   // or by a drill-down (the pricing alarm links here scoped to gateway traffic).
@@ -825,9 +835,9 @@ export function ActivityPage() {
       start_date: win.start,
       end_date: win.end,
       status: statusFilter || undefined,
-      model: modelFilter.trim() || undefined,
-      user_id: userFilter || undefined,
-      api_key_id: apiKeyFilter || undefined,
+      model: modelFilters.length > 0 ? modelFilters : undefined,
+      user_id: userFilters.length > 0 ? userFilters : undefined,
+      api_key_id: apiKeyFilters.length > 0 ? apiKeyFilters : undefined,
       source: sourceFilter || undefined,
       source_label: sessionFilter || undefined,
       endpoint: endpointFilter || undefined,
@@ -839,9 +849,9 @@ export function ActivityPage() {
       win,
       toolFilter,
       statusFilter,
-      modelFilter,
-      userFilter,
-      apiKeyFilter,
+      modelFilters,
+      userFilters,
+      apiKeyFilters,
       sourceFilter,
       sessionFilter,
       endpointFilter,
@@ -874,8 +884,8 @@ export function ActivityPage() {
       start_date: win.start,
       end_date: win.end,
       status: statusFilter || undefined,
-      user_id: userFilter || undefined,
-      api_key_id: apiKeyFilter || undefined,
+      user_id: userFilters.length > 0 ? userFilters : undefined,
+      api_key_id: apiKeyFilters.length > 0 ? apiKeyFilters : undefined,
       source: sourceFilter || undefined,
       source_label: sessionFilter || undefined,
       endpoint: endpointFilter || undefined,
@@ -885,8 +895,8 @@ export function ActivityPage() {
     [
       win,
       statusFilter,
-      userFilter,
-      apiKeyFilter,
+      userFilters,
+      apiKeyFilters,
       sourceFilter,
       sessionFilter,
       endpointFilter,
@@ -917,11 +927,11 @@ export function ActivityPage() {
       start_date: win.start,
       end_date: win.end,
       status: statusFilter || undefined,
-      model: modelFilter.trim() || undefined,
-      user_id: userFilter || undefined,
-      api_key_id: apiKeyFilter || undefined,
+      model: modelFilters.length > 0 ? modelFilters : undefined,
+      user_id: userFilters.length > 0 ? userFilters : undefined,
+      api_key_id: apiKeyFilters.length > 0 ? apiKeyFilters : undefined,
     }),
-    [win, statusFilter, modelFilter, userFilter, apiKeyFilter],
+    [win, statusFilter, modelFilters, userFilters, apiKeyFilters],
   );
   const sourceSummary = useUsageSummary(sourceSuggestFilters, "day", SOURCE_BREAKDOWN, Boolean(sourceFilter));
   const sourceBreakdown = (sourceFilter ? sourceSummary.data : modelSummary.data)?.by_source;
@@ -957,9 +967,9 @@ export function ActivityPage() {
       start_date: winOutsideExtent ? win.start : extentWin.start,
       end_date: winOutsideExtent ? win.end : undefined,
       status: statusFilter || undefined,
-      model: modelFilter.trim() || undefined,
-      user_id: userFilter || undefined,
-      api_key_id: apiKeyFilter || undefined,
+      model: modelFilters.length > 0 ? modelFilters : undefined,
+      user_id: userFilters.length > 0 ? userFilters : undefined,
+      api_key_id: apiKeyFilters.length > 0 ? apiKeyFilters : undefined,
       source: sourceFilter || undefined,
       source_label: sessionFilter || undefined,
       endpoint: endpointFilter || undefined,
@@ -973,9 +983,9 @@ export function ActivityPage() {
       win,
       extentWin,
       statusFilter,
-      modelFilter,
-      userFilter,
-      apiKeyFilter,
+      modelFilters,
+      userFilters,
+      apiKeyFilters,
       sourceFilter,
       sessionFilter,
       endpointFilter,
@@ -1032,9 +1042,9 @@ export function ActivityPage() {
     Boolean(startParam || endParam) || (range !== ACTIVITY_DEFAULT_KEY && rangePreset?.seconds != null);
   const anyFilter = Boolean(
     statusFilter ||
-      modelFilter.trim() ||
-      userFilter ||
-      apiKeyFilter ||
+      modelFilters.length ||
+      userFilters.length ||
+      apiKeyFilters.length ||
       pricedFilter ||
       sourceFilter ||
       sessionFilter ||
@@ -1056,21 +1066,37 @@ export function ActivityPage() {
     url.patch({
       status: "",
       priced: "",
-      model: "",
-      user_id: "",
-      api_key_id: "",
+      model: [],
+      user_id: [],
+      api_key_id: [],
       source: "",
       source_label: "",
       endpoint: "",
       provider: "",
       tool: "",
     });
+  // One chip per picked value of a repeatable filter, each clearing only itself.
+  const valueChips = (
+    dimension: string,
+    label: string,
+    param: "model" | "user_id" | "api_key_id",
+    values: string[],
+    display: (value: string) => string,
+  ): FilterChip[] =>
+    values.map((value) => ({
+      key: `${dimension}:${value}`,
+      label,
+      value: display(value),
+      // Several chips share a dimension, so the value has to be part of the name.
+      clearLabel: `Remove ${label} filter ${display(value)}`,
+      onClear: () => url.patch({ [param]: values.filter((v) => v !== value) }),
+    }));
   const filterChips: FilterChip[] = [
     ...(statusFilter ? [{ key: "status", label: "Status", value: labelFrom(STATUS_OPTIONS, statusFilter), onClear: () => url.patch({ status: "" }) }] : []),
     ...(pricedFilter ? [{ key: "priced", label: "Priced", value: labelFrom(PRICED_OPTIONS, pricedFilter), onClear: () => url.patch({ priced: "" }) }] : []),
-    ...(userFilter ? [{ key: "user", label: "User", value: labelFrom(userOptionsList, userFilter), onClear: () => url.patch({ user_id: "" }) }] : []),
-    ...(modelFilter.trim() ? [{ key: "model", label: "Model", value: modelFilter.trim(), onClear: () => url.patch({ model: "" }) }] : []),
-    ...(apiKeyFilter ? [{ key: "key", label: "API key", value: labelFrom(keyOptions, apiKeyFilter), onClear: () => url.patch({ api_key_id: "" }) }] : []),
+    ...valueChips("user", "User", "user_id", userFilters, (v) => labelFrom(userOptionsList, v)),
+    ...valueChips("model", "Model", "model", modelFilters, (v) => v),
+    ...valueChips("key", "API key", "api_key_id", apiKeyFilters, (v) => labelFrom(keyOptions, v)),
     ...(sourceFilter ? [{ key: "source", label: "Source", value: sourceLabel(sourceFilter), onClear: () => url.patch({ source: "" }) }] : []),
     ...(sessionFilter ? [{ key: "session", label: "Session", value: sessionFilter, onClear: () => url.patch({ source_label: "" }) }] : []),
     ...(endpointFilter ? [{ key: "endpoint", label: "Endpoint", value: endpointFilter, onClear: () => url.patch({ endpoint: "" }) }] : []),
@@ -1138,6 +1164,10 @@ export function ActivityPage() {
   // counted client-side from the full filter set but re-derived server-side from
   // this body, so any filter left out widens the delete/reprice past the rows the
   // operator was shown (a session drill-down would wipe every other session).
+  //
+  // The entity filters travel as the sets they are: the selection body takes the same
+  // repeatable form as the read filters, so "all N matching" targets exactly the rows
+  // the count was taken over (see UsageSelection).
   const selectionBody = (): UsageMutationSelection =>
     selection.allMatching
       ? {
@@ -1360,30 +1390,27 @@ export function ActivityPage() {
               ))}
             </FilterSelect>
           ) : null}
-          <FilterComboBox
+          <FilterMultiComboBox
             label="API key"
-            value={apiKeyFilter}
-            onChange={(value) => url.patch({ api_key_id: value })}
+            values={apiKeyFilters}
+            onChange={(values) => url.patch({ api_key_id: values })}
             placeholder="All keys"
             options={keyOptions}
           />
-          <FilterComboBox
+          <FilterMultiComboBox
             label="User"
-            value={userFilter}
-            onChange={(value) => url.patch({ user_id: value })}
+            values={userFilters}
+            onChange={(values) => url.patch({ user_id: values })}
             placeholder="All users"
             options={userOptionsList}
           />
-          <FilterComboBox
+          <FilterMultiComboBox
             label="Model"
-            value={modelFilter}
-            onChange={(value) => url.patch({ model: value })}
+            values={modelFilters}
+            onChange={(values) => url.patch({ model: values })}
             allowsCustom
             placeholder="Any model"
-            options={(modelFilter && !modelOptions.includes(modelFilter)
-              ? [modelFilter, ...modelOptions]
-              : modelOptions
-            ).map((m) => ({ value: m, label: m }))}
+            options={modelOptions.map((m) => ({ value: m, label: m }))}
           />
         </FilterChips>
       </div>
diff --git a/web/src/pages/UsagePage.test.tsx b/web/src/pages/UsagePage.test.tsx
index a6a24691f..d0198f0db 100644
--- a/web/src/pages/UsagePage.test.tsx
+++ b/web/src/pages/UsagePage.test.tsx
@@ -89,7 +89,10 @@ function mockApi(body: UsageSummary | null) {
       });
     }
     if (url.includes("/v1/users")) {
-      return jsonResponse([{ user_id: "alice", alias: "Alice" }]);
+      return jsonResponse([
+        { user_id: "alice", alias: "Alice" },
+        { user_id: "bob", alias: "Bob" },
+      ]);
     }
     if (url.includes("/v1/keys")) {
       return jsonResponse([{ id: "key-1", key_name: "ci-bot", user_id: "alice", allowed_models: null }]);
@@ -362,6 +365,9 @@ describe("UsagePage", () => {
     await user.click(modelInput);
     await user.type(modelInput, "gpt");
     await user.click(await screen.findByRole("option", { name: /gpt-5.6/ }));
+    // The picker stays open on the remaining models (it takes several), so dismiss
+    // it before reaching the page behind the overlay.
+    await user.keyboard("{Escape}");
 
     await user.click(screen.getByRole("button", { name: "User" }));
     const row = (await screen.findByText("alice")).closest("tr")!;
@@ -651,9 +657,66 @@ describe("UsagePage", () => {
     await user.click(screen.getByRole("button", { name: "Add filter" }));
     await user.click(screen.getByPlaceholderText("All keys"));
     await user.click(await screen.findByRole("option", { name: "ci-bot" }));
+    // The picker stays open on the remaining keys; dismiss it to reach the chips.
+    await user.keyboard("{Escape}");
 
-    // The picked key shows as a chip with a remove control.
-    expect(await screen.findByRole("button", { name: "Remove API key filter" })).toBeInTheDocument();
+    // The picked key shows as a chip whose remove control names the value: a
+    // dimension can hold several, so the label has to distinguish them.
+    expect(await screen.findByRole("button", { name: "Remove API key filter ci-bot" })).toBeInTheDocument();
+  });
+
+  it("filters the chart on several models at once", async () => {
+    const user = userEvent.setup();
+    const fetchMock = mockApi(summary());
+    renderPage(<UsagePage />);
+    await screen.findByText("gpt-5.6");
+
+    // A spend question is usually a comparison, so the picker accumulates values
+    // and sends them as repeated params (the endpoints match any of them).
+    const modelInput = screen.getByRole("combobox", { name: "Model" });
+    await user.click(modelInput);
+    await user.click(await screen.findByRole("option", { name: "gpt-5.6" }));
+    await user.click(await screen.findByRole("option", { name: "claude-sonnet-5" }));
+
+    await vi.waitFor(() => {
+      const last = fetchMock.mock.calls
+        .map(([u]) => String(u))
+        .filter((u) => u.includes("/v1/usage/summary"))
+        .at(-1);
+      expect(last).toContain("model=gpt-5.6");
+      expect(last).toContain("model=claude-sonnet-5");
+    });
+
+    // Both picks carry their own chip, and removing one leaves the other applied.
+    await user.keyboard("{Escape}");
+    expect(screen.getByRole("button", { name: "Remove Model filter gpt-5.6" })).toBeInTheDocument();
+    await user.click(screen.getByRole("button", { name: "Remove Model filter claude-sonnet-5" }));
+
+    expect(screen.queryByRole("button", { name: "Remove Model filter claude-sonnet-5" })).not.toBeInTheDocument();
+    expect(screen.getByRole("button", { name: "Remove Model filter gpt-5.6" })).toBeInTheDocument();
+  });
+
+  it("carries a whole multi-value filter into the request log", async () => {
+    const user = userEvent.setup();
+    mockApi(summary());
+    renderPage(<UsagePage />);
+    await screen.findByText("gpt-5.6");
+
+    // A two-user comparison travels as repeated params, so the log opens on exactly
+    // the traffic the chart was showing rather than on a wider or arbitrary slice.
+    const userInput = screen.getByRole("combobox", { name: "User" });
+    await user.click(userInput);
+    await user.click(await screen.findByRole("option", { name: /alice/ }));
+    await user.click(await screen.findByRole("option", { name: /bob/ }));
+    await user.keyboard("{Escape}");
+
+    const row = (await screen.findByText("gpt-5.6")).closest("tr")!;
+    await user.click(row);
+
+    const loc = screen.getByRole("status", { name: "Current location" }).textContent ?? "";
+    expect(loc).toContain("model=gpt-5.6");
+    expect(loc).toContain("user_id=alice");
+    expect(loc).toContain("user_id=bob");
   });
 });
 
diff --git a/web/src/pages/UsagePage.tsx b/web/src/pages/UsagePage.tsx
index e6a1e583b..f3f3f8a49 100644
--- a/web/src/pages/UsagePage.tsx
+++ b/web/src/pages/UsagePage.tsx
@@ -20,7 +20,7 @@ import {
   DeltaHint,
   EmptyState,
   ErrorBanner,
-  FilterComboBox,
+  FilterMultiComboBox,
   FilterSelect,
   PageHeader,
   RefreshButton,
@@ -344,9 +344,12 @@ export function UsagePage() {
   const [customMode, setCustomMode] = useState(false);
   const [customStart, setCustomStart] = useState<string | undefined>();
   const [customEnd, setCustomEnd] = useState<string | undefined>();
-  const [modelFilter, setModelFilter] = useState("");
-  const [userFilter, setUserFilter] = useState("");
-  const [apiKeyFilter, setApiKeyFilter] = useState("");
+  // Entity filters are sets, not single choices: the question this page answers is
+  // usually a comparison ("these two models", "this team's three keys"). The
+  // endpoints take each one repeatably and match any of its values.
+  const [modelFilters, setModelFilters] = useState<string[]>([]);
+  const [userFilters, setUserFilters] = useState<string[]>([]);
+  const [apiKeyFilters, setApiKeyFilters] = useState<string[]>([]);
   const [metric, setMetric] = useState<ChartMetric>("cost");
   const [groupBy, setGroupBy] = useState<"" | UsageGroupBy>("");
 
@@ -364,11 +367,11 @@ export function UsagePage() {
     () => ({
       start_date: winStart,
       end_date: winEnd,
-      model: modelFilter.trim() || undefined,
-      user_id: userFilter || undefined,
-      api_key_id: apiKeyFilter || undefined,
+      model: modelFilters.length > 0 ? modelFilters : undefined,
+      user_id: userFilters.length > 0 ? userFilters : undefined,
+      api_key_id: apiKeyFilters.length > 0 ? apiKeyFilters : undefined,
     }),
-    [winStart, winEnd, modelFilter, userFilter, apiKeyFilter],
+    [winStart, winEnd, modelFilters, userFilters, apiKeyFilters],
   );
 
   // The immediately-preceding window of equal length, for period-over-period
@@ -425,30 +428,47 @@ export function UsagePage() {
     label: k.key_name ?? `${k.id.slice(0, 8)}…`,
   }));
   const keyLabel = (id: string) => keyOptions.find((o) => o.value === id)?.label ?? id;
-  // Keep a selected-but-not-in-list model visible (e.g. seeded from elsewhere).
-  const modelOptionList = (
-    modelFilter && !modelOptions.includes(modelFilter) ? [modelFilter, ...modelOptions] : modelOptions
-  ).map((m) => ({ value: m, label: m }));
+  // Just the in-window models: a picked one needs no place in this list, because
+  // the picker hides what is already selected and the chips carry the raw name.
+  const modelOptionList = modelOptions.map((m) => ({ value: m, label: m }));
 
   // The default 30d window is the baseline (like the old "All" was), so it does
   // not count as a user-applied time filter: clearing returns to it, and an
   // empty gateway on the default view still reads as onboarding, not "no match".
   const timeFiltered = customMode || preset.key !== USAGE_DEFAULT_KEY;
-  const anyFilter = Boolean(modelFilter.trim() || userFilter || apiKeyFilter || timeFiltered);
+  const anyFilter =
+    modelFilters.length > 0 || userFilters.length > 0 || apiKeyFilters.length > 0 || timeFiltered;
 
-  // Active entity filters as removable chips (time is driven by the presets and
-  // the chart selection, so it is not a chip). Values show the human label.
+  // Active entity filters as removable chips, one per picked value (time is driven
+  // by the presets and the chart selection, so it is not a chip). The chip row is
+  // also where a value is removed: it stays visible when the pickers are collapsed.
   const labelFor = (options: { value: string; label: string }[], value: string) =>
     options.find((o) => o.value === value)?.label ?? value;
   const clearEntityFilters = () => {
-    setModelFilter("");
-    setUserFilter("");
-    setApiKeyFilter("");
+    setModelFilters([]);
+    setUserFilters([]);
+    setApiKeyFilters([]);
   };
+  const valueChips = (
+    dimension: string,
+    label: string,
+    values: string[],
+    display: (value: string) => string,
+    setValues: (next: string[]) => void,
+  ): FilterChip[] =>
+    values.map((value) => ({
+      key: `${dimension}:${value}`,
+      label,
+      value: display(value),
+      // The value is part of the control's name: several chips share a dimension,
+      // and "Remove User filter" three times over names none of them.
+      clearLabel: `Remove ${label} filter ${display(value)}`,
+      onClear: () => setValues(values.filter((v) => v !== value)),
+    }));
   const filterChips: FilterChip[] = [
-    ...(userFilter ? [{ key: "user", label: "User", value: labelFor(userOptions, userFilter), onClear: () => setUserFilter("") }] : []),
-    ...(modelFilter.trim() ? [{ key: "model", label: "Model", value: modelFilter.trim(), onClear: () => setModelFilter("") }] : []),
-    ...(apiKeyFilter ? [{ key: "key", label: "API key", value: labelFor(keyOptions, apiKeyFilter), onClear: () => setApiKeyFilter("") }] : []),
+    ...valueChips("user", "User", userFilters, (v) => labelFor(userOptions, v), setUserFilters),
+    ...valueChips("model", "Model", modelFilters, (v) => v, setModelFilters),
+    ...valueChips("key", "API key", apiKeyFilters, (v) => labelFor(keyOptions, v), setApiKeyFilters),
   ];
 
   // Distinguish "this gateway has never served a request" from "no rows match
@@ -495,13 +515,17 @@ export function UsagePage() {
 
   // Drill from a breakdown row into the Activity log, pre-filtering on the picked
   // dimension plus the current time window. The bounds are absolute instants, so
-  // Activity reads the same window without any local/UTC reinterpretation.
-  const drillTo = (params: Record<string, string | undefined>) => {
+  // Activity reads the same window without any local/UTC reinterpretation. A
+  // multi-value filter travels whole, as repeated params: Activity reads the same
+  // sets, so the log opens on exactly the traffic the chart was showing.
+  const drillTo = (params: Record<string, string | string[] | undefined>) => {
     const search = new URLSearchParams();
     if (winStart) search.set("start_date", winStart);
     if (winEnd) search.set("end_date", winEnd);
-    for (const [k, v] of Object.entries(params)) {
-      if (v) search.set(k, v);
+    for (const [key, value] of Object.entries(params)) {
+      for (const one of typeof value === "string" ? [value] : (value ?? [])) {
+        if (one) search.append(key, one);
+      }
     }
     navigate(`/activity?${search.toString()}`);
   };
@@ -656,14 +680,14 @@ export function UsagePage() {
       key: "model",
       label: "Model",
       rows: data?.by_model ?? [],
-      drill: (key) => drillTo({ model: key, user_id: userFilter || undefined, api_key_id: apiKeyFilter || undefined }),
+      drill: (key) => drillTo({ model: key, user_id: userFilters, api_key_id: apiKeyFilters }),
     },
     {
       key: "user",
       label: "User",
       rows: data?.by_user ?? [],
       drill: (key) =>
-        drillTo({ user_id: key, model: modelFilter.trim() || undefined, api_key_id: apiKeyFilter || undefined }),
+        drillTo({ user_id: key, model: modelFilters, api_key_id: apiKeyFilters }),
     },
   ];
 
@@ -678,21 +702,21 @@ export function UsagePage() {
       rows: data?.by_source_label ?? [],
       unknownLabel: "(no session)",
       drill: (key) =>
-        drillTo({ source_label: key, model: modelFilter.trim() || undefined, user_id: userFilter || undefined, api_key_id: apiKeyFilter || undefined }),
+        drillTo({ source_label: key, model: modelFilters, user_id: userFilters, api_key_id: apiKeyFilters }),
     },
     {
       key: "endpoint",
       label: "Endpoint",
       rows: data?.by_endpoint ?? [],
       drill: (key) =>
-        drillTo({ endpoint: key, model: modelFilter.trim() || undefined, user_id: userFilter || undefined, api_key_id: apiKeyFilter || undefined }),
+        drillTo({ endpoint: key, model: modelFilters, user_id: userFilters, api_key_id: apiKeyFilters }),
     },
     {
       key: "provider",
       label: "Provider",
       rows: data?.by_provider ?? [],
       drill: (key) =>
-        drillTo({ provider: key, model: modelFilter.trim() || undefined, user_id: userFilter || undefined, api_key_id: apiKeyFilter || undefined }),
+        drillTo({ provider: key, model: modelFilters, user_id: userFilters, api_key_id: apiKeyFilters }),
     },
     {
       key: "source",
@@ -701,9 +725,9 @@ export function UsagePage() {
       drill: (key) =>
         drillTo({
           source: key,
-          model: modelFilter.trim() || undefined,
-          user_id: userFilter || undefined,
-          api_key_id: apiKeyFilter || undefined,
+          model: modelFilters,
+          user_id: userFilters,
+          api_key_id: apiKeyFilters,
         }),
     },
   ];
@@ -751,9 +775,27 @@ export function UsagePage() {
           </>
         }
       >
-        <FilterComboBox label="User" value={userFilter} onChange={setUserFilter} options={userOptions} placeholder="All users" />
-        <FilterComboBox label="Model" value={modelFilter} onChange={setModelFilter} options={modelOptionList} placeholder="All models" />
-        <FilterComboBox label="API key" value={apiKeyFilter} onChange={setApiKeyFilter} options={keyOptions} placeholder="All keys" />
+        <FilterMultiComboBox
+          label="User"
+          values={userFilters}
+          onChange={setUserFilters}
+          options={userOptions}
+          placeholder="All users"
+        />
+        <FilterMultiComboBox
+          label="Model"
+          values={modelFilters}
+          onChange={setModelFilters}
+          options={modelOptionList}
+          placeholder="All models"
+        />
+        <FilterMultiComboBox
+          label="API key"
+          values={apiKeyFilters}
+          onChange={setApiKeyFilters}
+          options={keyOptions}
+          placeholder="All keys"
+        />
       </FilterChips>
 
       {isEmptyEver ? (