@w6w/embed 0.2.1 → 0.2.19

package/dist/forms.mjs

@@ -1,186 +1,198 @@
 "use client";
-import { C as re, a as se } from "./CreateFunctionModal-DRsFx-FB.js";
-import { jsxs as n, jsx as e, Fragment as V } from "react/jsx-runtime";
-import { ApiError as x } from "@w6w/sdk";
-import { Copyable as A, EditButton as L, DeleteButton as j, useEnterSubmit as P } from "@w6w/ui";
-import { useState as h } from "react";
-import { C as F, a as $, M as O } from "./ConfirmModal-RLbZT5_k.js";
-import { u as T } from "./project-context-BiCjv_E3.js";
-import { i as J, d as Q, b as U, h as _, f as B, c as R, u as I, g as W } from "./vault-BSEWhMYC.js";
-const q = ["string", "number", "boolean", "json"];
-function M(t) {
+import { C as He, a as Ye } from "./CreateFunctionModal-DScxp_LN.js";
+import { jsxs as a, jsx as e, Fragment as ne } from "react/jsx-runtime";
+import { ApiError as L } from "@w6w/sdk";
+import { EmptyState as U, DataTable as T, Copyable as se, EditButton as A, DeleteButton as O, useEnterSubmit as V, BudgetMeter as re } from "@w6w/ui";
+import { useState as m } from "react";
+import { C as W, a as oe, M as R } from "./ConfirmModal-Pv2-A_3U.js";
+import { u as ae } from "./project-context-Tvp-La7A.js";
+import { i as de, d as ce, b as ue, h as me, f as he, c as ge, u as ve, g as be } from "./vault-BSEWhMYC.js";
+import { M as Ge } from "./ModelRoutesManager-1Ac5wcas.js";
+import { F as pe, D as fe, C as ye, I as Ne, E as Ce } from "./models-bAayQPJ_.js";
+const Se = ["string", "number", "boolean", "json"];
+function q(t) {
   if (t.type === "boolean" || t.type === "number" || t.type === "string") return String(t.value);
-  const a = JSON.stringify(t.value);
-  return a.length > 80 ? `${a.slice(0, 80)}…` : a;
+  const n = JSON.stringify(t.value);
+  return n.length > 80 ? `${n.slice(0, 80)}…` : n;
 }
-function ae(t) {
-  var d, S;
-  const a = t.slots, s = T(t.project), [v, i] = h(null), [f, o] = h(null), u = J(s ?? void 0, s != null), g = Q(), p = s != null, m = () => {
-    s != null && i({ mode: "create" });
-  }, b = (a == null ? void 0 : a.header) === void 0 ? /* @__PURE__ */ n("div", { children: [
+function Fe(t) {
+  var k;
+  const n = t.slots, l = ae(t.project), [h, i] = m(null), [f, o] = m(null), g = de(l ?? void 0, l != null), b = ce(), y = l != null, p = () => {
+    l != null && i({ mode: "create" });
+  }, N = (n == null ? void 0 : n.header) === void 0 ? /* @__PURE__ */ a("div", { children: [
     /* @__PURE__ */ e("h3", { children: "Variables" }),
-    /* @__PURE__ */ n("p", { className: "muted small", children: [
+    /* @__PURE__ */ a("p", { className: "muted small", children: [
       "User-defined typed values addressable by name. Plaintext — use ",
       /* @__PURE__ */ e("strong", { children: "Secrets" }),
       " ",
       "for sensitive values."
     ] })
-  ] }) : a.header, N = a == null ? void 0 : a.actions, y = N === void 0 ? /* @__PURE__ */ e("button", { type: "button", className: "btn", disabled: !p, onClick: m, children: "+ Add variable" }) : typeof N == "function" ? N({ openCreate: m, canCreate: p }) : N, C = (a == null ? void 0 : a.empty) === void 0 ? /* @__PURE__ */ e("p", { className: "muted", children: "No variables yet." }) : a.empty;
-  return /* @__PURE__ */ e("div", { className: "w6w-embed-root", children: /* @__PURE__ */ n("section", { className: "section", children: [
-    (b != null || y != null) && /* @__PURE__ */ n("div", { className: "section-head", children: [
-      b,
-      y
-    ] }),
-    /* @__PURE__ */ n("div", { className: "card", children: [
-      u.isLoading && /* @__PURE__ */ e("p", { className: "muted", children: "Loading…" }),
-      ((d = u.data) == null ? void 0 : d.length) === 0 && C,
-      /* @__PURE__ */ e("ul", { className: "list", children: (S = u.data) == null ? void 0 : S.map((r) => /* @__PURE__ */ n("li", { children: [
-        /* @__PURE__ */ n("div", { className: "list-main", children: [
-          /* @__PURE__ */ e("strong", { className: "list-name", title: r.name, children: r.name }),
-          " ",
-          /* @__PURE__ */ e("span", { className: "tag", children: r.type }),
-          /* @__PURE__ */ n("div", { className: "muted small list-preview", title: M(r), children: [
-            /* @__PURE__ */ e(A, { value: M(r), readOnly: !0, children: /* @__PURE__ */ e(
-              "code",
-              {
-                style: {
-                  overflowWrap: "anywhere",
-                  display: "block",
-                  minWidth: 0,
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  flex: 1
-                },
-                children: M(r)
-              }
-            ) }),
-            r.description && /* @__PURE__ */ n(V, { children: [
-              " · ",
-              r.description
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ n("div", { style: { display: "flex", gap: "var(--w6w-sp-1-5)" }, children: [
-          /* @__PURE__ */ e(F, { resource: { kind: "var", name: r.name } }),
-          /* @__PURE__ */ e(
-            L,
-            {
-              label: "Edit",
-              onClick: () => i({ mode: "edit", v: r }),
-              "data-testid": `var-edit-${r.id}`
-            }
-          ),
-          /* @__PURE__ */ e(
-            j,
+  ] }) : n.header, C = n == null ? void 0 : n.actions, S = C === void 0 ? /* @__PURE__ */ e("button", { type: "button", className: "btn", disabled: !y, onClick: p, children: "+ Add variable" }) : typeof C == "function" ? C({ openCreate: p, canCreate: y }) : C, s = (n == null ? void 0 : n.empty) === void 0 ? /* @__PURE__ */ e(U, { testId: "vars-manager-empty", children: "No variables yet." }) : n.empty, u = [
+    {
+      key: "name",
+      header: "Variable",
+      render: (c) => /* @__PURE__ */ a("div", { className: "list-main", style: { maxWidth: 0, minWidth: "100%" }, children: [
+        /* @__PURE__ */ e("strong", { className: "list-name", title: c.name, children: c.name }),
+        " ",
+        /* @__PURE__ */ e("span", { className: "tag", children: c.type }),
+        /* @__PURE__ */ a("div", { className: "muted small list-preview", title: q(c), children: [
+          /* @__PURE__ */ e(se, { value: q(c), readOnly: !0, children: /* @__PURE__ */ e(
+            "code",
             {
-              label: "Delete",
-              onClick: () => o(r),
-              disabled: g.isPending,
-              "data-testid": `var-delete-${r.id}`
+              style: {
+                overflowWrap: "anywhere",
+                display: "block",
+                minWidth: 0,
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                flex: 1
+              },
+              children: q(c)
             }
-          )
+          ) }),
+          c.description && /* @__PURE__ */ a(ne, { children: [
+            " · ",
+            c.description
+          ] })
         ] })
-      ] }, r.id)) })
+      ] })
+    },
+    {
+      key: "actions",
+      header: "",
+      align: "right",
+      link: !1,
+      render: (c) => /* @__PURE__ */ a("div", { style: { display: "flex", gap: "var(--w6w-sp-1-5)" }, children: [
+        /* @__PURE__ */ e(oe, { resource: { kind: "var", name: c.name } }),
+        /* @__PURE__ */ e(
+          A,
+          {
+            label: "Edit",
+            onClick: () => i({ mode: "edit", v: c }),
+            "data-testid": `var-edit-${c.id}`
+          }
+        ),
+        /* @__PURE__ */ e(
+          O,
+          {
+            label: "Delete",
+            onClick: () => o(c),
+            disabled: b.isPending,
+            "data-testid": `var-delete-${c.id}`
+          }
+        )
+      ] })
+    }
+  ];
+  return /* @__PURE__ */ e("div", { className: "w6w-embed-root", children: /* @__PURE__ */ a("section", { className: "section", children: [
+    (N != null || S != null) && /* @__PURE__ */ a("div", { className: "section-head", children: [
+      N,
+      S
     ] }),
-    v && s != null && /* @__PURE__ */ e(
-      Y,
+    /* @__PURE__ */ a("div", { className: "card", children: [
+      g.isLoading && /* @__PURE__ */ e("p", { className: "muted", children: "Loading…" }),
+      ((k = g.data) == null ? void 0 : k.length) === 0 && s,
+      g.data != null && g.data.length > 0 && /* @__PURE__ */ e(T, { columns: u, rows: g.data, rowKey: (c) => c.id })
+    ] }),
+    h && l != null && /* @__PURE__ */ e(
+      ke,
       {
-        project: s,
-        initial: v.mode === "edit" ? v.v : void 0,
+        project: l,
+        initial: h.mode === "edit" ? h.v : void 0,
         onClose: () => i(null),
         onSaved: () => i(null)
       }
     ),
-    f && s != null && /* @__PURE__ */ e(
-      $,
+    f && l != null && /* @__PURE__ */ e(
+      W,
       {
         title: "Delete variable",
         message: `Delete the variable "${f.name}"? This cannot be undone.`,
         confirmLabel: "Delete",
         onConfirm: () => {
-          g.mutate({ id: f.id, project: s }), o(null);
+          b.mutate({ id: f.id, project: l }), o(null);
         },
         onClose: () => o(null)
       }
     )
   ] }) });
 }
-function Y(t) {
-  var k, c, D;
-  const a = !!t.initial, [s, v] = h(((k = t.initial) == null ? void 0 : k.name) ?? ""), [i, f] = h(((c = t.initial) == null ? void 0 : c.type) ?? "string"), [o, u] = h(() => t.initial ? t.initial.type === "string" ? String(t.initial.value ?? "") : JSON.stringify(t.initial.value, null, 2) : ""), [g, p] = h(((D = t.initial) == null ? void 0 : D.description) ?? ""), [m, b] = h(null);
-  function N() {
+function ke(t) {
+  var M, v, E;
+  const n = !!t.initial, [l, h] = m(((M = t.initial) == null ? void 0 : M.name) ?? ""), [i, f] = m(((v = t.initial) == null ? void 0 : v.type) ?? "string"), [o, g] = m(() => t.initial ? t.initial.type === "string" ? String(t.initial.value ?? "") : JSON.stringify(t.initial.value, null, 2) : ""), [b, y] = m(((E = t.initial) == null ? void 0 : E.description) ?? ""), [p, N] = m(null);
+  function C() {
     if (i === "string") return { ok: !0, value: o };
     if (i === "boolean")
       return o === "true" ? { ok: !0, value: !0 } : o === "false" ? { ok: !0, value: !1 } : { ok: !1, error: "Value must be `true` or `false`." };
     if (i === "number") {
-      const l = Number(o);
-      return Number.isFinite(l) ? { ok: !0, value: l } : { ok: !1, error: "Value must be a finite number." };
+      const d = Number(o);
+      return Number.isFinite(d) ? { ok: !0, value: d } : { ok: !1, error: "Value must be a finite number." };
     }
     try {
       return { ok: !0, value: JSON.parse(o) };
-    } catch (l) {
-      return { ok: !1, error: `Invalid JSON: ${l.message}` };
+    } catch (d) {
+      return { ok: !1, error: `Invalid JSON: ${d.message}` };
     }
   }
-  const y = U(), C = _(), d = y.isPending || C.isPending;
-  function S() {
-    const l = N();
-    if (!l.ok) {
-      b(l.error);
+  const S = ue(), s = me(), u = S.isPending || s.isPending;
+  function k() {
+    const d = C();
+    if (!d.ok) {
+      N(d.error);
       return;
     }
-    b(null);
-    const E = {
+    N(null);
+    const x = {
       onSuccess: () => t.onSaved(),
-      onError: (w) => b((w instanceof x, w.message))
+      onError: (w) => N((w instanceof L, w.message))
     };
     if (t.initial) {
-      C.mutate(
+      s.mutate(
         {
           id: t.initial.id,
-          patch: { type: i, value: l.value, description: g },
+          patch: { type: i, value: d.value, description: b },
           project: t.project
         },
-        E
+        x
       );
       return;
     }
-    y.mutate(
-      { input: { name: s, type: i, value: l.value, description: g }, project: t.project },
-      E
+    S.mutate(
+      { input: { name: l, type: i, value: d.value, description: b }, project: t.project },
+      x
     );
   }
-  const r = P(S, { enabled: !!s && !d });
-  return /* @__PURE__ */ n(
-    O,
+  const c = V(k, { enabled: !!l && !u });
+  return /* @__PURE__ */ a(
+    R,
     {
       title: t.initial ? `Edit ${t.initial.name}` : "Add variable",
       onClose: t.onClose,
       children: [
-        /* @__PURE__ */ n("div", { className: "modal-body", children: [
-          /* @__PURE__ */ n("label", { className: "field", children: [
+        /* @__PURE__ */ a("div", { className: "modal-body", children: [
+          /* @__PURE__ */ a("label", { className: "field", children: [
             /* @__PURE__ */ e("span", { children: "Name" }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
-                value: s,
-                disabled: a,
-                onChange: (l) => v(l.target.value),
+                value: l,
+                disabled: n,
+                onChange: (d) => h(d.target.value),
                 placeholder: "e.g. api_base_url",
                 maxLength: 64,
-                ...r
+                ...c
               }
             ),
-            !a && /* @__PURE__ */ e("span", { className: "hint", children: "Lowercase letters, digits, and underscores. Must start with a letter or underscore." })
+            !n && /* @__PURE__ */ e("span", { className: "hint", children: "Letters, digits, and underscores. Must start with a letter or underscore. Case-sensitive." })
           ] }),
-          /* @__PURE__ */ n("label", { className: "field", children: [
+          /* @__PURE__ */ a("label", { className: "field", children: [
             /* @__PURE__ */ e("span", { children: "Type" }),
-            /* @__PURE__ */ e("select", { value: i, onChange: (l) => f(l.target.value), children: q.map((l) => /* @__PURE__ */ e("option", { value: l, children: l }, l)) })
+            /* @__PURE__ */ e("select", { value: i, onChange: (d) => f(d.target.value), children: Se.map((d) => /* @__PURE__ */ e("option", { value: d, children: d }, d)) })
           ] }),
-          /* @__PURE__ */ n("label", { className: "field", htmlFor: "var-value", children: [
+          /* @__PURE__ */ a("label", { className: "field", htmlFor: "var-value", children: [
             /* @__PURE__ */ e("span", { children: "Value" }),
-            i === "boolean" ? /* @__PURE__ */ n("select", { id: "var-value", value: o || "true", onChange: (l) => u(l.target.value), children: [
+            i === "boolean" ? /* @__PURE__ */ a("select", { id: "var-value", value: o || "true", onChange: (d) => g(d.target.value), children: [
               /* @__PURE__ */ e("option", { value: "true", children: "true" }),
               /* @__PURE__ */ e("option", { value: "false", children: "false" })
             ] }) : i === "number" ? /* @__PURE__ */ e(
@@ -189,9 +201,9 @@ function Y(t) {
                 id: "var-value",
                 type: "number",
                 value: o,
-                onChange: (l) => u(l.target.value),
+                onChange: (d) => g(d.target.value),
                 placeholder: "0",
-                ...r
+                ...c
               }
             ) : i === "json" ? /* @__PURE__ */ e(
               "textarea",
@@ -200,7 +212,7 @@ function Y(t) {
                 className: "code",
                 rows: 6,
                 value: o,
-                onChange: (l) => u(l.target.value),
+                onChange: (d) => g(d.target.value),
                 placeholder: '{"key": "value"}'
               }
             ) : /* @__PURE__ */ e(
@@ -209,199 +221,586 @@ function Y(t) {
                 id: "var-value",
                 type: "text",
                 value: o,
-                onChange: (l) => u(l.target.value),
+                onChange: (d) => g(d.target.value),
                 placeholder: "",
-                ...r
+                ...c
               }
             )
           ] }),
-          /* @__PURE__ */ n("label", { className: "field", children: [
+          /* @__PURE__ */ a("label", { className: "field", children: [
             /* @__PURE__ */ e("span", { children: "Description" }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
-                value: g,
-                onChange: (l) => p(l.target.value),
+                value: b,
+                onChange: (d) => y(d.target.value),
                 placeholder: "Optional",
-                ...r
+                ...c
               }
             )
           ] }),
-          m && /* @__PURE__ */ e("div", { className: "result error", children: m })
+          p && /* @__PURE__ */ e("div", { className: "result error", children: p })
         ] }),
-        /* @__PURE__ */ n("div", { className: "modal-actions", children: [
+        /* @__PURE__ */ a("div", { className: "modal-actions", children: [
           /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: t.onClose, children: "Cancel" }),
-          /* @__PURE__ */ e("button", { type: "button", className: "btn", disabled: !s || d, onClick: S, children: d ? "Saving…" : a ? "Save changes" : "Save variable" })
+          /* @__PURE__ */ e("button", { type: "button", className: "btn", disabled: !l || u, onClick: k, children: u ? "Saving…" : n ? "Save changes" : "Save variable" })
         ] })
       ]
     }
   );
 }
-function ne(t) {
-  var y, C;
-  const a = t.slots, [s, v] = h(null), [i, f] = h(null), o = B(), u = R(), g = () => v({ mode: "create" }), p = (a == null ? void 0 : a.header) === void 0 ? /* @__PURE__ */ n("div", { children: [
+function Ke(t) {
+  var s;
+  const n = t.slots, [l, h] = m(null), [i, f] = m(null), o = he(), g = ge(), b = () => h({ mode: "create" }), y = (n == null ? void 0 : n.header) === void 0 ? /* @__PURE__ */ a("div", { children: [
     /* @__PURE__ */ e("h3", { children: "Secrets" }),
     /* @__PURE__ */ e("p", { className: "muted small", children: "Secrets addressable by name. Stored encrypted at rest and never returned from the server — to change a secret, overwrite it." })
-  ] }) : a.header, m = a == null ? void 0 : a.actions, b = m === void 0 ? /* @__PURE__ */ e("button", { type: "button", className: "btn", onClick: g, children: "+ Add secret" }) : typeof m == "function" ? m({ openCreate: g, canCreate: !0 }) : m, N = (a == null ? void 0 : a.empty) === void 0 ? /* @__PURE__ */ e("p", { className: "muted", children: "No secrets yet." }) : a.empty;
-  return /* @__PURE__ */ e("div", { className: "w6w-embed-root", children: /* @__PURE__ */ n("section", { className: "section", children: [
-    (p != null || b != null) && /* @__PURE__ */ n("div", { className: "section-head", children: [
-      p,
-      b
+  ] }) : n.header, p = n == null ? void 0 : n.actions, N = p === void 0 ? /* @__PURE__ */ e("button", { type: "button", className: "btn", onClick: b, children: "+ Add secret" }) : typeof p == "function" ? p({ openCreate: b, canCreate: !0 }) : p, C = (n == null ? void 0 : n.empty) === void 0 ? /* @__PURE__ */ e(U, { testId: "secrets-manager-empty", children: "No secrets yet." }) : n.empty, S = [
+    {
+      key: "name",
+      header: "Secret",
+      render: (u) => /* @__PURE__ */ a("div", { className: "list-main", style: { maxWidth: 0, minWidth: "100%" }, children: [
+        /* @__PURE__ */ e("strong", { className: "list-name", title: u.name, children: u.name }),
+        " ",
+        /* @__PURE__ */ e("code", { className: "muted small", children: "••••••••" }),
+        /* @__PURE__ */ a("div", { className: "muted small list-preview", children: [
+          u.description && /* @__PURE__ */ a(ne, { children: [
+            u.description,
+            " · "
+          ] }),
+          "updated ",
+          new Date(u.updatedAt).toLocaleString()
+        ] })
+      ] })
+    },
+    {
+      key: "actions",
+      header: "",
+      align: "right",
+      link: !1,
+      render: (u) => /* @__PURE__ */ a("div", { style: { display: "flex", gap: "var(--w6w-sp-1-5)" }, children: [
+        /* @__PURE__ */ e(
+          A,
+          {
+            label: "Rotate",
+            onClick: () => h({ mode: "edit", s: u }),
+            "data-testid": `secret-rotate-${u.id}`
+          }
+        ),
+        /* @__PURE__ */ e(
+          O,
+          {
+            label: "Delete",
+            onClick: () => f(u),
+            disabled: g.isPending,
+            "data-testid": `secret-delete-${u.id}`
+          }
+        )
+      ] })
+    }
+  ];
+  return /* @__PURE__ */ e("div", { className: "w6w-embed-root", children: /* @__PURE__ */ a("section", { className: "section", children: [
+    (y != null || N != null) && /* @__PURE__ */ a("div", { className: "section-head", children: [
+      y,
+      N
     ] }),
-    /* @__PURE__ */ n("div", { className: "card", children: [
+    /* @__PURE__ */ a("div", { className: "card", children: [
       o.isLoading && /* @__PURE__ */ e("p", { className: "muted", children: "Loading…" }),
-      ((y = o.data) == null ? void 0 : y.length) === 0 && N,
-      /* @__PURE__ */ e("ul", { className: "list", children: (C = o.data) == null ? void 0 : C.map((d) => /* @__PURE__ */ n("li", { children: [
-        /* @__PURE__ */ n("div", { className: "list-main", children: [
-          /* @__PURE__ */ e("strong", { className: "list-name", title: d.name, children: d.name }),
-          " ",
-          /* @__PURE__ */ e("code", { className: "muted small", children: "••••••••" }),
-          /* @__PURE__ */ n("div", { className: "muted small list-preview", children: [
-            d.description && /* @__PURE__ */ n(V, { children: [
-              d.description,
-              " · "
-            ] }),
-            "updated ",
-            new Date(d.updatedAt).toLocaleString()
-          ] })
-        ] }),
-        /* @__PURE__ */ n("div", { style: { display: "flex", gap: "var(--w6w-sp-1-5)" }, children: [
-          /* @__PURE__ */ e(
-            L,
-            {
-              label: "Rotate",
-              onClick: () => v({ mode: "edit", s: d }),
-              "data-testid": `secret-rotate-${d.id}`
-            }
-          ),
-          /* @__PURE__ */ e(
-            j,
-            {
-              label: "Delete",
-              onClick: () => f(d),
-              disabled: u.isPending,
-              "data-testid": `secret-delete-${d.id}`
-            }
-          )
-        ] })
-      ] }, d.id)) })
+      ((s = o.data) == null ? void 0 : s.length) === 0 && C,
+      o.data != null && o.data.length > 0 && /* @__PURE__ */ e(T, { columns: S, rows: o.data, rowKey: (u) => u.id })
     ] }),
-    s && /* @__PURE__ */ e(
-      z,
+    l && /* @__PURE__ */ e(
+      Me,
       {
-        initial: s.mode === "edit" ? s.s : void 0,
-        onClose: () => v(null),
-        onSaved: () => v(null)
+        initial: l.mode === "edit" ? l.s : void 0,
+        onClose: () => h(null),
+        onSaved: () => h(null)
       }
     ),
     i && /* @__PURE__ */ e(
-      $,
+      W,
       {
         title: "Delete secret",
         message: `Delete the secret "${i.name}"? This cannot be undone.`,
         confirmLabel: "Delete",
         onConfirm: () => {
-          u.mutate(i.id), f(null);
+          g.mutate(i.id), f(null);
         },
         onClose: () => f(null)
       }
     )
   ] }) });
 }
-function z(t) {
-  var S, r, k;
-  const a = !!t.initial, [s, v] = h(((S = t.initial) == null ? void 0 : S.name) ?? ""), [i, f] = h(""), [o, u] = h(((r = t.initial) == null ? void 0 : r.description) ?? ""), [g, p] = h(null), m = I(), b = W(((k = t.initial) == null ? void 0 : k.id) ?? ""), N = a ? b : m, y = !!s && (a || !!i) && !N.isPending;
-  function C() {
-    if (p(null), a) {
-      b.mutate(
+function Me(t) {
+  var k, c, M;
+  const n = !!t.initial, [l, h] = m(((k = t.initial) == null ? void 0 : k.name) ?? ""), [i, f] = m(""), [o, g] = m(((c = t.initial) == null ? void 0 : c.description) ?? ""), [b, y] = m(null), p = ve(), N = be(((M = t.initial) == null ? void 0 : M.id) ?? ""), C = n ? N : p, S = !!l && (n || !!i) && !C.isPending;
+  function s() {
+    if (y(null), n) {
+      N.mutate(
         { value: i === "" ? void 0 : i, description: o },
         {
           onSuccess: () => t.onSaved(),
-          onError: (c) => p((c instanceof x, c.message))
+          onError: (v) => y((v instanceof L, v.message))
         }
       );
       return;
     }
     if (i === "") {
-      p("A secret value is required.");
+      y("A secret value is required.");
       return;
     }
-    m.mutate(
-      { name: s, value: i, description: o },
+    p.mutate(
+      { name: l, value: i, description: o },
       {
         onSuccess: () => t.onSaved(),
-        onError: (c) => p((c instanceof x, c.message))
+        onError: (v) => y((v instanceof L, v.message))
       }
     );
   }
-  const d = P(C, { enabled: y });
-  return /* @__PURE__ */ n(
-    O,
+  const u = V(s, { enabled: S });
+  return /* @__PURE__ */ a(
+    R,
     {
       title: t.initial ? `Rotate ${t.initial.name}` : "Add secret",
       onClose: t.onClose,
       children: [
-        /* @__PURE__ */ n("div", { className: "modal-body", children: [
-          /* @__PURE__ */ n("label", { className: "field", children: [
+        /* @__PURE__ */ a("div", { className: "modal-body", children: [
+          /* @__PURE__ */ a("label", { className: "field", children: [
             /* @__PURE__ */ e("span", { children: "Name" }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
-                value: s,
-                disabled: a,
-                onChange: (c) => v(c.target.value),
+                value: l,
+                disabled: n,
+                onChange: (v) => h(v.target.value),
                 placeholder: "e.g. openai_api_key",
                 maxLength: 64,
-                ...d
+                ...u
               }
             ),
-            !a && /* @__PURE__ */ e("span", { className: "hint", children: "Lowercase letters, digits, and underscores. Must start with a letter or underscore." })
+            !n && /* @__PURE__ */ e("span", { className: "hint", children: "Letters, digits, and underscores. Must start with a letter or underscore. Case-sensitive." })
           ] }),
-          /* @__PURE__ */ n("label", { className: "field", children: [
-            /* @__PURE__ */ e("span", { children: a ? "New value" : "Value" }),
+          /* @__PURE__ */ a("label", { className: "field", children: [
+            /* @__PURE__ */ e("span", { children: n ? "New value" : "Value" }),
             /* @__PURE__ */ e(
               "textarea",
               {
                 className: "code",
                 rows: 3,
                 value: i,
-                onChange: (c) => f(c.target.value),
-                placeholder: a ? "Leave blank to keep the current value" : "sk-…",
+                onChange: (v) => f(v.target.value),
+                placeholder: n ? "Leave blank to keep the current value" : "sk-…",
                 autoComplete: "off",
                 spellCheck: !1
               }
             ),
             /* @__PURE__ */ e("span", { className: "hint", children: "Stored encrypted at rest. Once saved, it is not readable through the UI." })
           ] }),
-          /* @__PURE__ */ n("label", { className: "field", children: [
+          /* @__PURE__ */ a("label", { className: "field", children: [
             /* @__PURE__ */ e("span", { children: "Description" }),
             /* @__PURE__ */ e(
               "input",
               {
                 type: "text",
                 value: o,
-                onChange: (c) => u(c.target.value),
+                onChange: (v) => g(v.target.value),
                 placeholder: "Optional",
-                ...d
+                ...u
               }
             )
           ] }),
-          g && /* @__PURE__ */ e("div", { className: "result error", children: g })
+          b && /* @__PURE__ */ e("div", { className: "result error", children: b })
         ] }),
-        /* @__PURE__ */ n("div", { className: "modal-actions", children: [
+        /* @__PURE__ */ a("div", { className: "modal-actions", children: [
           /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: t.onClose, children: "Cancel" }),
-          /* @__PURE__ */ e("button", { type: "button", className: "btn", disabled: !y, onClick: C, children: N.isPending ? "Saving…" : a ? "Save changes" : "Save secret" })
+          /* @__PURE__ */ e("button", { type: "button", className: "btn", disabled: !S, onClick: s, children: C.isPending ? "Saving…" : n ? "Save changes" : "Save secret" })
         ] })
       ]
     }
   );
 }
+const we = {
+  costMinor: "Cost",
+  tokens: "Tokens",
+  requests: "Requests"
+}, Ee = ["block", "warn"], ee = ["tenant", "account", "project", "route", "connection"], xe = {
+  tenant: "Tenant",
+  account: "Account",
+  project: "Project",
+  route: "Model route",
+  connection: "Connection"
+}, De = (t) => t === "route" || t === "connection", te = ["day", "month"];
+function P(t) {
+  return String(t).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+}
+function je(t, n) {
+  return t === "costMinor" ? (l) => `${n} ${(l / 100).toFixed(2)}` : P;
+}
+function $e(t) {
+  return t.costMinor != null ? "costMinor" : t.tokens != null ? "tokens" : t.requests != null ? "requests" : null;
+}
+function Ie(t) {
+  return t.costMinor == null ? null : `${t.currency ?? "USD"} ${(t.costMinor / 100).toFixed(2)}`;
+}
+function Le(t) {
+  const n = [];
+  t.requests != null && n.push(`${P(t.requests)} requests`), t.tokens != null && n.push(`${P(t.tokens)} tokens`);
+  const l = Ie(t);
+  return l != null && n.push(l), n.length === 0 ? "no limit" : n.join(" · ");
+}
+function I(t) {
+  return t.scopeId == null ? `this ${t.scopeKind}` : `${t.scopeKind} ${t.scopeId}`;
+}
+function le(t) {
+  return t instanceof L || t instanceof Error ? t.message : String(t);
+}
+function B(t) {
+  const n = t.trim();
+  if (n === "") return null;
+  const l = Number(n);
+  return Number.isFinite(l) ? l : null;
+}
+function Qe(t) {
+  var S;
+  const n = ae(t.projectId), [l, h] = m(null), [i, f] = m(null), [o, g] = m(null), b = pe(n ?? void 0), y = fe(), p = b.data ?? [], N = n != null, C = [
+    {
+      key: "scope",
+      header: "Scope",
+      render: (s) => /* @__PURE__ */ a("div", { className: "list-main", style: { maxWidth: 0, minWidth: "100%" }, children: [
+        /* @__PURE__ */ e("strong", { className: "list-name", title: I(s), children: s.scopeKind }),
+        " ",
+        /* @__PURE__ */ e("span", { className: s.onBreach === "warn" ? "tag warn" : "tag", children: s.onBreach }),
+        /* @__PURE__ */ e("div", { className: "muted small list-preview", title: I(s), children: s.scopeId == null ? `the whole ${s.scopeKind}` : s.scopeId })
+      ] })
+    },
+    {
+      key: "window",
+      header: "Window",
+      render: (s) => s.window
+    },
+    {
+      key: "limits",
+      header: "Limit",
+      render: (s) => /* @__PURE__ */ e("span", { className: "muted small", children: Le(s.limits) })
+    },
+    {
+      key: "usage",
+      header: "Used",
+      // Rows only exist once the project-scoped query ran, so `project` is set here.
+      render: (s) => n == null ? null : /* @__PURE__ */ e(qe, { budget: s, projectId: n })
+    },
+    {
+      key: "actions",
+      header: "",
+      align: "right",
+      link: !1,
+      render: (s) => /* @__PURE__ */ a("div", { style: { display: "flex", gap: "var(--w6w-sp-1-5)" }, children: [
+        /* @__PURE__ */ e(
+          A,
+          {
+            label: "Edit",
+            onClick: () => h({ budget: s }),
+            "data-testid": `model-budget-edit-${s.id}`
+          }
+        ),
+        /* @__PURE__ */ e(
+          O,
+          {
+            label: "Delete",
+            onClick: () => f(s),
+            disabled: y.isPending,
+            "data-testid": `model-budget-delete-${s.id}`
+          }
+        )
+      ] })
+    }
+  ];
+  return /* @__PURE__ */ e("div", { className: "w6w-embed-root", children: /* @__PURE__ */ a("section", { className: "section", children: [
+    /* @__PURE__ */ a("div", { className: "section-head", children: [
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e("h3", { children: "Model budgets" }),
+        /* @__PURE__ */ e("p", { className: "muted small", children: "Caps on what a tenant, account, project, route or connection may spend. A breached budget either warns or blocks the call, per its own setting." })
+      ] }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "btn",
+          disabled: !N,
+          onClick: () => h({}),
+          "data-testid": "model-budget-add",
+          children: "+ Add budget"
+        }
+      )
+    ] }),
+    o && /* @__PURE__ */ e("div", { className: "result error", role: "alert", "data-testid": "model-budget-delete-error", children: o }),
+    /* @__PURE__ */ a("div", { className: "card", children: [
+      b.isLoading && /* @__PURE__ */ e("p", { className: "muted", children: "Loading…" }),
+      ((S = b.data) == null ? void 0 : S.length) === 0 && /* @__PURE__ */ e(U, { testId: "model-budgets-empty", children: "No model budgets yet. Add one to cap spend or request volume." }),
+      p.length > 0 && /* @__PURE__ */ e(
+        T,
+        {
+          columns: C,
+          rows: p,
+          rowKey: (s) => s.id,
+          testId: "model-budgets-table"
+        }
+      )
+    ] }),
+    l != null && n != null && /* @__PURE__ */ e(
+      Be,
+      {
+        project: n,
+        initial: l.budget,
+        onClose: () => h(null),
+        onSaved: () => h(null)
+      }
+    ),
+    i != null && n != null && /* @__PURE__ */ e(
+      W,
+      {
+        title: "Delete model budget",
+        message: `Delete the budget on ${I(i)}? Calls stop being capped by it immediately.`,
+        confirmLabel: "Delete",
+        onConfirm: () => {
+          const s = i;
+          g(null), y.mutate(
+            { project: n, id: s.id },
+            {
+              onError: (u) => g(
+                `Could not delete the budget on ${I(s)}: ${le(u)}`
+              )
+            }
+          ), f(null);
+        },
+        onClose: () => f(null)
+      }
+    )
+  ] }) });
+}
+function qe(t) {
+  const n = Ce(t.budget.id, t.projectId);
+  if (n.isLoading) return /* @__PURE__ */ e("span", { className: "muted small", children: "Loading…" });
+  const l = n.data;
+  if (l == null) return /* @__PURE__ */ e("span", { className: "muted small", children: "—" });
+  const h = l.limits ?? t.budget.limits, i = $e(h);
+  return i == null ? /* @__PURE__ */ e("span", { className: "muted small", children: "no limit" }) : /* @__PURE__ */ e(
+    re,
+    {
+      label: we[i],
+      used: l.used[i],
+      limit: h[i] ?? 0,
+      reserved: l.reserved[i],
+      format: je(i, h.currency ?? "USD"),
+      testId: `model-budget-meter-${t.budget.id}`
+    }
+  );
+}
+function Be(t) {
+  var Q, _, J, H, Y, z, G, X;
+  const n = !!t.initial, [l, h] = m(((Q = t.initial) == null ? void 0 : Q.scopeKind) ?? "project"), [i, f] = m(((_ = t.initial) == null ? void 0 : _.scopeId) ?? ""), [o, g] = m(((J = t.initial) == null ? void 0 : J.window) ?? "day"), [b, y] = m(
+    ((H = t.initial) == null ? void 0 : H.limits.requests) != null ? String(t.initial.limits.requests) : ""
+  ), [p, N] = m(
+    ((Y = t.initial) == null ? void 0 : Y.limits.tokens) != null ? String(t.initial.limits.tokens) : ""
+  ), [C, S] = m(
+    ((z = t.initial) == null ? void 0 : z.limits.costMinor) != null ? String(t.initial.limits.costMinor / 100) : ""
+  ), [s, u] = m(((G = t.initial) == null ? void 0 : G.limits.currency) ?? ""), [k, c] = m(((X = t.initial) == null ? void 0 : X.onBreach) ?? "warn"), [M, v] = m(null), E = ye(), d = Ne(), x = E.isPending || d.isPending, w = De(l), F = !!l && !!o && (!w || n || i.trim() !== "") && !x;
+  function ie() {
+    const r = {}, j = B(b);
+    j != null && (r.requests = j);
+    const $ = B(p);
+    $ != null && (r.tokens = $);
+    const Z = B(C);
+    return Z != null && (r.costMinor = Math.round(Z * 100)), r.costMinor != null && s.trim() !== "" && (r.currency = s.trim()), Object.keys(r).length === 0 ? null : r;
+  }
+  function K() {
+    const r = ie();
+    if (r == null) {
+      v("Set at least one limit: requests, tokens or cost.");
+      return;
+    }
+    v(null);
+    const j = {
+      onSuccess: () => t.onSaved(),
+      onError: ($) => v(le($))
+    };
+    if (t.initial) {
+      d.mutate(
+        { project: t.project, id: t.initial.id, patch: { window: o, limits: r, onBreach: k } },
+        j
+      );
+      return;
+    }
+    E.mutate(
+      {
+        project: t.project,
+        input: {
+          scopeKind: l,
+          // Only route/connection budgets carry a scope id; the server refuses one elsewhere.
+          ...w ? { scopeId: i.trim() } : {},
+          window: o,
+          limits: r,
+          onBreach: k
+        }
+      },
+      j
+    );
+  }
+  const D = V(K, { enabled: F });
+  return /* @__PURE__ */ a(R, { title: t.initial ? "Edit model budget" : "Add model budget", onClose: t.onClose, children: [
+    /* @__PURE__ */ a("div", { className: "modal-body", children: [
+      /* @__PURE__ */ a("label", { className: "field", children: [
+        /* @__PURE__ */ e("span", { children: "Scope" }),
+        /* @__PURE__ */ a(
+          "select",
+          {
+            value: l,
+            disabled: n,
+            onChange: (r) => h(r.target.value),
+            "data-testid": "model-budget-scope-kind",
+            children: [
+              !ee.includes(l) && /* @__PURE__ */ e("option", { value: l, children: l }),
+              ee.map((r) => /* @__PURE__ */ e("option", { value: r, children: xe[r] }, r))
+            ]
+          }
+        ),
+        !n && /* @__PURE__ */ e("span", { className: "hint", children: "What the budget caps — this tenant, account or project as a whole, or one model route or connection. Fixed once created." })
+      ] }),
+      w && /* @__PURE__ */ a("label", { className: "field", children: [
+        /* @__PURE__ */ a("span", { children: [
+          l === "route" ? "Route" : "Connection id",
+          " *"
+        ] }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: i,
+            disabled: n,
+            onChange: (r) => f(r.target.value),
+            placeholder: l === "route" ? "e.g. fast" : "e.g. conn_…",
+            "data-testid": "model-budget-scope-id",
+            ...D
+          }
+        ),
+        !n && /* @__PURE__ */ e("span", { className: "hint", children: l === "route" ? "The route's name or id. Required for a route budget." : "The model-provider connection's id. Required for a connection budget." })
+      ] }),
+      /* @__PURE__ */ a("label", { className: "field", children: [
+        /* @__PURE__ */ e("span", { children: "Window" }),
+        /* @__PURE__ */ a(
+          "select",
+          {
+            value: o,
+            onChange: (r) => g(r.target.value),
+            "data-testid": "model-budget-window",
+            children: [
+              !te.includes(o) && /* @__PURE__ */ e("option", { value: o, children: o }),
+              te.map((r) => /* @__PURE__ */ e("option", { value: r, children: r }, r))
+            ]
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "hint", children: "The period the limits reset over, in UTC." })
+      ] }),
+      /* @__PURE__ */ a("label", { className: "field", children: [
+        /* @__PURE__ */ e("span", { children: "Requests" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            value: b,
+            onChange: (r) => y(r.target.value),
+            placeholder: "Unlimited",
+            "data-testid": "model-budget-requests",
+            ...D
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("label", { className: "field", children: [
+        /* @__PURE__ */ e("span", { children: "Tokens" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            value: p,
+            onChange: (r) => N(r.target.value),
+            placeholder: "Unlimited",
+            "data-testid": "model-budget-tokens",
+            ...D
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("label", { className: "field", children: [
+        /* @__PURE__ */ e("span", { children: "Cost" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            step: "0.01",
+            value: C,
+            onChange: (r) => S(r.target.value),
+            placeholder: "Unlimited",
+            "data-testid": "model-budget-cost",
+            ...D
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "hint", children: "In major units of the currency below (12.50 = 12.50 USD)." })
+      ] }),
+      /* @__PURE__ */ a("label", { className: "field", children: [
+        /* @__PURE__ */ e("span", { children: "Currency" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: s,
+            onChange: (r) => u(r.target.value),
+            placeholder: "USD",
+            maxLength: 8,
+            "data-testid": "model-budget-currency",
+            ...D
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("label", { className: "field", children: [
+        /* @__PURE__ */ e("span", { children: "On breach" }),
+        /* @__PURE__ */ e(
+          "select",
+          {
+            value: k,
+            onChange: (r) => c(r.target.value),
+            "data-testid": "model-budget-on-breach",
+            children: Ee.map((r) => /* @__PURE__ */ e("option", { value: r, children: r }, r))
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "hint", children: "`block` refuses calls past the limit; `warn` lets them through and flags them." })
+      ] }),
+      M && /* @__PURE__ */ e("div", { className: "result error", "data-testid": "model-budget-error", children: M })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "modal-actions", children: [
+      /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: t.onClose, children: "Cancel" }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "btn",
+          disabled: !F,
+          onClick: K,
+          "data-testid": "model-budget-save",
+          children: x ? "Saving…" : n ? "Save changes" : "Save budget"
+        }
+      )
+    ] })
+  ] });
+}
 export {
-  re as CreateEndpointModal,
-  se as CreateFunctionModal,
-  ne as SecretsManager,
-  ae as VarsManager
+  He as CreateEndpointModal,
+  Ye as CreateFunctionModal,
+  Qe as ModelBudgetsManager,
+  Ge as ModelRoutesManager,
+  Ke as SecretsManager,
+  Fe as VarsManager
 };
 //# sourceMappingURL=forms.mjs.map