@w6w/embed 0.2.21 → 0.2.22

package/dist/forms.mjs

@@ -1,58 +1,45 @@
 "use client";
-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 { C as Je, a as He } from "./CreateFunctionModal-DScxp_LN.js";
+import { jsxs as a, jsx as t, 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 { EmptyState as P, DataTable as U, EditButton as T, DeleteButton as A, useEnterSubmit as V, BudgetMeter as se } 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 { C as O, a as re, 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 n = JSON.stringify(t.value);
+import { i as oe, d as de, b as ce, h as ue, f as me, c as he, u as ge, g as ve } from "./vault-BSEWhMYC.js";
+import { M as ze } from "./ModelRoutesManager-BUw_sm-M.js";
+import { F as be, D as pe, C as fe, I as ye, E as Ne } from "./models-bAayQPJ_.js";
+const Ce = ["string", "number", "boolean", "json"];
+function Z(e) {
+  if (e.type === "boolean" || e.type === "number" || e.type === "string") return String(e.value);
+  const n = JSON.stringify(e.value);
   return n.length > 80 ? `${n.slice(0, 80)}…` : n;
 }
-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 = () => {
+function We(e) {
+  var w;
+  const n = e.slots, l = ae(e.project), [h, i] = m(null), [f, o] = m(null), g = oe(l ?? void 0, l != null), b = de(), 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__ */ t("h3", { children: "Variables" }),
     /* @__PURE__ */ a("p", { className: "muted small", children: [
       "User-defined typed values addressable by name. Plaintext — use ",
-      /* @__PURE__ */ e("strong", { children: "Secrets" }),
+      /* @__PURE__ */ t("strong", { children: "Secrets" }),
       " ",
       "for sensitive values."
     ] })
-  ] }) : 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 = [
+  ] }) : n.header, C = n == null ? void 0 : n.actions, S = C === void 0 ? /* @__PURE__ */ t("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__ */ t(P, { testId: "vars-manager-empty", children: "No variables yet." }) : n.empty, c = [
     {
       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 }),
+      render: (u) => /* @__PURE__ */ a("div", { className: "list-main", style: { maxWidth: 0, minWidth: "100%" }, children: [
+        /* @__PURE__ */ t("strong", { className: "list-name", title: u.name, children: u.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",
-            {
-              style: {
-                overflowWrap: "anywhere",
-                display: "block",
-                minWidth: 0,
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                flex: 1
-              },
-              children: q(c)
-            }
-          ) }),
-          c.description && /* @__PURE__ */ a(ne, { children: [
+        /* @__PURE__ */ t("span", { className: "tag", children: u.type }),
+        /* @__PURE__ */ a("div", { className: "muted small list-preview", title: Z(u), children: [
+          Z(u),
+          u.description && /* @__PURE__ */ a(ne, { children: [
             " · ",
-            c.description
+            u.description
           ] })
         ] })
       ] })
@@ -61,41 +48,49 @@ function Fe(t) {
       key: "actions",
       header: "",
       align: "right",
+      // Shrink to the buttons: the name cell's `maxWidth: 0` would otherwise split the width evenly.
+      width: "1%",
       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,
+      render: (u) => /* @__PURE__ */ a("div", { style: { display: "flex", gap: "var(--w6w-sp-1-5)", whiteSpace: "nowrap" }, children: [
+        /* @__PURE__ */ t(re, { resource: { kind: "var", name: u.name } }),
+        /* @__PURE__ */ t(
+          T,
           {
             label: "Edit",
-            onClick: () => i({ mode: "edit", v: c }),
-            "data-testid": `var-edit-${c.id}`
+            onClick: () => i({ mode: "edit", v: u }),
+            "data-testid": `var-edit-${u.id}`
           }
         ),
-        /* @__PURE__ */ e(
-          O,
+        /* @__PURE__ */ t(
+          A,
           {
             label: "Delete",
-            onClick: () => o(c),
+            onClick: () => o(u),
             disabled: b.isPending,
-            "data-testid": `var-delete-${c.id}`
+            "data-testid": `var-delete-${u.id}`
           }
         )
       ] })
     }
   ];
-  return /* @__PURE__ */ e("div", { className: "w6w-embed-root", children: /* @__PURE__ */ a("section", { className: "section", children: [
+  return /* @__PURE__ */ t("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
     ] }),
-    /* @__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,
+    g.isLoading && /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }),
+    ((w = g.data) == null ? void 0 : w.length) === 0 && s,
+    g.data != null && g.data.length > 0 && /* @__PURE__ */ t(
+      U,
+      {
+        className: "w6w-data-table-rows",
+        columns: c,
+        rows: g.data,
+        rowKey: (u) => u.id
+      }
+    ),
+    h && l != null && /* @__PURE__ */ t(
+      Se,
       {
         project: l,
         initial: h.mode === "edit" ? h.v : void 0,
@@ -103,8 +98,8 @@ function Fe(t) {
         onSaved: () => i(null)
       }
     ),
-    f && l != null && /* @__PURE__ */ e(
-      W,
+    f && l != null && /* @__PURE__ */ t(
+      O,
       {
         title: "Delete variable",
         message: `Delete the variable "${f.name}"? This cannot be undone.`,
@@ -117,9 +112,9 @@ function Fe(t) {
     )
   ] }) });
 }
-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 Se(e) {
+  var k, v, E;
+  const n = !!e.initial, [l, h] = m(((k = e.initial) == null ? void 0 : k.name) ?? ""), [i, f] = m(((v = e.initial) == null ? void 0 : v.type) ?? "string"), [o, g] = m(() => e.initial ? e.initial.type === "string" ? String(e.initial.value ?? "") : JSON.stringify(e.initial.value, null, 2) : ""), [b, y] = m(((E = e.initial) == null ? void 0 : E.description) ?? ""), [p, N] = m(null);
   function C() {
     if (i === "string") return { ok: !0, value: o };
     if (i === "boolean")
@@ -134,45 +129,45 @@ function ke(t) {
       return { ok: !1, error: `Invalid JSON: ${d.message}` };
     }
   }
-  const S = ue(), s = me(), u = S.isPending || s.isPending;
-  function k() {
+  const S = ce(), s = ue(), c = S.isPending || s.isPending;
+  function w() {
     const d = C();
     if (!d.ok) {
       N(d.error);
       return;
     }
     N(null);
-    const x = {
-      onSuccess: () => t.onSaved(),
-      onError: (w) => N((w instanceof L, w.message))
+    const D = {
+      onSuccess: () => e.onSaved(),
+      onError: (M) => N((M instanceof L, M.message))
     };
-    if (t.initial) {
+    if (e.initial) {
       s.mutate(
         {
-          id: t.initial.id,
+          id: e.initial.id,
           patch: { type: i, value: d.value, description: b },
-          project: t.project
+          project: e.project
         },
-        x
+        D
       );
       return;
     }
     S.mutate(
-      { input: { name: l, type: i, value: d.value, description: b }, project: t.project },
-      x
+      { input: { name: l, type: i, value: d.value, description: b }, project: e.project },
+      D
     );
   }
-  const c = V(k, { enabled: !!l && !u });
+  const u = V(w, { enabled: !!l && !c });
   return /* @__PURE__ */ a(
     R,
     {
-      title: t.initial ? `Edit ${t.initial.name}` : "Add variable",
-      onClose: t.onClose,
+      title: e.initial ? `Edit ${e.initial.name}` : "Add variable",
+      onClose: e.onClose,
       children: [
         /* @__PURE__ */ a("div", { className: "modal-body", children: [
           /* @__PURE__ */ a("label", { className: "field", children: [
-            /* @__PURE__ */ e("span", { children: "Name" }),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t("span", { children: "Name" }),
+            /* @__PURE__ */ t(
               "input",
               {
                 type: "text",
@@ -181,21 +176,21 @@ function ke(t) {
                 onChange: (d) => h(d.target.value),
                 placeholder: "e.g. api_base_url",
                 maxLength: 64,
-                ...c
+                ...u
               }
             ),
-            !n && /* @__PURE__ */ e("span", { className: "hint", children: "Letters, digits, and underscores. Must start with a letter or underscore. Case-sensitive." })
+            !n && /* @__PURE__ */ t("span", { className: "hint", children: "Letters, digits, and underscores. Must start with a letter or underscore. Case-sensitive." })
           ] }),
           /* @__PURE__ */ a("label", { className: "field", children: [
-            /* @__PURE__ */ e("span", { children: "Type" }),
-            /* @__PURE__ */ e("select", { value: i, onChange: (d) => f(d.target.value), children: Se.map((d) => /* @__PURE__ */ e("option", { value: d, children: d }, d)) })
+            /* @__PURE__ */ t("span", { children: "Type" }),
+            /* @__PURE__ */ t("select", { value: i, onChange: (d) => f(d.target.value), children: Ce.map((d) => /* @__PURE__ */ t("option", { value: d, children: d }, d)) })
           ] }),
           /* @__PURE__ */ a("label", { className: "field", htmlFor: "var-value", children: [
-            /* @__PURE__ */ e("span", { children: "Value" }),
+            /* @__PURE__ */ t("span", { children: "Value" }),
             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(
+              /* @__PURE__ */ t("option", { value: "true", children: "true" }),
+              /* @__PURE__ */ t("option", { value: "false", children: "false" })
+            ] }) : i === "number" ? /* @__PURE__ */ t(
               "input",
               {
                 id: "var-value",
@@ -203,9 +198,9 @@ function ke(t) {
                 value: o,
                 onChange: (d) => g(d.target.value),
                 placeholder: "0",
-                ...c
+                ...u
               }
-            ) : i === "json" ? /* @__PURE__ */ e(
+            ) : i === "json" ? /* @__PURE__ */ t(
               "textarea",
               {
                 id: "var-value",
@@ -215,7 +210,7 @@ function ke(t) {
                 onChange: (d) => g(d.target.value),
                 placeholder: '{"key": "value"}'
               }
-            ) : /* @__PURE__ */ e(
+            ) : /* @__PURE__ */ t(
               "input",
               {
                 id: "var-value",
@@ -223,53 +218,53 @@ function ke(t) {
                 value: o,
                 onChange: (d) => g(d.target.value),
                 placeholder: "",
-                ...c
+                ...u
               }
             )
           ] }),
           /* @__PURE__ */ a("label", { className: "field", children: [
-            /* @__PURE__ */ e("span", { children: "Description" }),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t("span", { children: "Description" }),
+            /* @__PURE__ */ t(
               "input",
               {
                 type: "text",
                 value: b,
                 onChange: (d) => y(d.target.value),
                 placeholder: "Optional",
-                ...c
+                ...u
               }
             )
           ] }),
-          p && /* @__PURE__ */ e("div", { className: "result error", children: p })
+          p && /* @__PURE__ */ t("div", { className: "result error", children: p })
         ] }),
         /* @__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: !l || u, onClick: k, children: u ? "Saving…" : n ? "Save changes" : "Save variable" })
+          /* @__PURE__ */ t("button", { type: "button", className: "btn ghost", onClick: e.onClose, children: "Cancel" }),
+          /* @__PURE__ */ t("button", { type: "button", className: "btn", disabled: !l || c, onClick: w, children: c ? "Saving…" : n ? "Save changes" : "Save variable" })
         ] })
       ]
     }
   );
 }
-function Ke(t) {
+function Fe(e) {
   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." })
-  ] }) : 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 = [
+  const n = e.slots, [l, h] = m(null), [i, f] = m(null), o = me(), g = he(), b = () => h({ mode: "create" }), y = (n == null ? void 0 : n.header) === void 0 ? /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ t("h3", { children: "Secrets" }),
+    /* @__PURE__ */ t("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." })
+  ] }) : n.header, p = n == null ? void 0 : n.actions, N = p === void 0 ? /* @__PURE__ */ t("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__ */ t(P, { 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 }),
+      render: (c) => /* @__PURE__ */ a("div", { className: "list-main", style: { maxWidth: 0, minWidth: "100%" }, children: [
+        /* @__PURE__ */ t("strong", { className: "list-name", title: c.name, children: c.name }),
         " ",
-        /* @__PURE__ */ e("code", { className: "muted small", children: "••••••••" }),
+        /* @__PURE__ */ t("code", { className: "muted small", children: "••••••••" }),
         /* @__PURE__ */ a("div", { className: "muted small list-preview", children: [
-          u.description && /* @__PURE__ */ a(ne, { children: [
-            u.description,
+          c.description && /* @__PURE__ */ a(ne, { children: [
+            c.description,
             " · "
           ] }),
           "updated ",
-          new Date(u.updatedAt).toLocaleString()
+          new Date(c.updatedAt).toLocaleString()
         ] })
       ] })
     },
@@ -277,48 +272,56 @@ function Ke(t) {
       key: "actions",
       header: "",
       align: "right",
+      // Shrink to the buttons: the name cell's `maxWidth: 0` would otherwise split the width evenly.
+      width: "1%",
       link: !1,
-      render: (u) => /* @__PURE__ */ a("div", { style: { display: "flex", gap: "var(--w6w-sp-1-5)" }, children: [
-        /* @__PURE__ */ e(
-          A,
+      render: (c) => /* @__PURE__ */ a("div", { style: { display: "flex", gap: "var(--w6w-sp-1-5)", whiteSpace: "nowrap" }, children: [
+        /* @__PURE__ */ t(
+          T,
           {
             label: "Rotate",
-            onClick: () => h({ mode: "edit", s: u }),
-            "data-testid": `secret-rotate-${u.id}`
+            onClick: () => h({ mode: "edit", s: c }),
+            "data-testid": `secret-rotate-${c.id}`
           }
         ),
-        /* @__PURE__ */ e(
-          O,
+        /* @__PURE__ */ t(
+          A,
           {
             label: "Delete",
-            onClick: () => f(u),
+            onClick: () => f(c),
             disabled: g.isPending,
-            "data-testid": `secret-delete-${u.id}`
+            "data-testid": `secret-delete-${c.id}`
           }
         )
       ] })
     }
   ];
-  return /* @__PURE__ */ e("div", { className: "w6w-embed-root", children: /* @__PURE__ */ a("section", { className: "section", children: [
+  return /* @__PURE__ */ t("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__ */ a("div", { className: "card", children: [
-      o.isLoading && /* @__PURE__ */ e("p", { className: "muted", children: "Loading…" }),
-      ((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 })
-    ] }),
-    l && /* @__PURE__ */ e(
-      Me,
+    o.isLoading && /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }),
+    ((s = o.data) == null ? void 0 : s.length) === 0 && C,
+    o.data != null && o.data.length > 0 && /* @__PURE__ */ t(
+      U,
+      {
+        className: "w6w-data-table-rows",
+        columns: S,
+        rows: o.data,
+        rowKey: (c) => c.id
+      }
+    ),
+    l && /* @__PURE__ */ t(
+      we,
       {
         initial: l.mode === "edit" ? l.s : void 0,
         onClose: () => h(null),
         onSaved: () => h(null)
       }
     ),
-    i && /* @__PURE__ */ e(
-      W,
+    i && /* @__PURE__ */ t(
+      O,
       {
         title: "Delete secret",
         message: `Delete the secret "${i.name}"? This cannot be undone.`,
@@ -331,15 +334,15 @@ function Ke(t) {
     )
   ] }) });
 }
-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 we(e) {
+  var w, u, k;
+  const n = !!e.initial, [l, h] = m(((w = e.initial) == null ? void 0 : w.name) ?? ""), [i, f] = m(""), [o, g] = m(((u = e.initial) == null ? void 0 : u.description) ?? ""), [b, y] = m(null), p = ge(), N = ve(((k = e.initial) == null ? void 0 : k.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(),
+          onSuccess: () => e.onSaved(),
           onError: (v) => y((v instanceof L, v.message))
         }
       );
@@ -352,22 +355,22 @@ function Me(t) {
     p.mutate(
       { name: l, value: i, description: o },
       {
-        onSuccess: () => t.onSaved(),
+        onSuccess: () => e.onSaved(),
         onError: (v) => y((v instanceof L, v.message))
       }
     );
   }
-  const u = V(s, { enabled: S });
+  const c = V(s, { enabled: S });
   return /* @__PURE__ */ a(
     R,
     {
-      title: t.initial ? `Rotate ${t.initial.name}` : "Add secret",
-      onClose: t.onClose,
+      title: e.initial ? `Rotate ${e.initial.name}` : "Add secret",
+      onClose: e.onClose,
       children: [
         /* @__PURE__ */ a("div", { className: "modal-body", children: [
           /* @__PURE__ */ a("label", { className: "field", children: [
-            /* @__PURE__ */ e("span", { children: "Name" }),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t("span", { children: "Name" }),
+            /* @__PURE__ */ t(
               "input",
               {
                 type: "text",
@@ -376,14 +379,14 @@ function Me(t) {
                 onChange: (v) => h(v.target.value),
                 placeholder: "e.g. openai_api_key",
                 maxLength: 64,
-                ...u
+                ...c
               }
             ),
-            !n && /* @__PURE__ */ e("span", { className: "hint", children: "Letters, digits, and underscores. Must start with a letter or underscore. Case-sensitive." })
+            !n && /* @__PURE__ */ t("span", { className: "hint", children: "Letters, digits, and underscores. Must start with a letter or underscore. Case-sensitive." })
           ] }),
           /* @__PURE__ */ a("label", { className: "field", children: [
-            /* @__PURE__ */ e("span", { children: n ? "New value" : "Value" }),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t("span", { children: n ? "New value" : "Value" }),
+            /* @__PURE__ */ t(
               "textarea",
               {
                 className: "code",
@@ -395,83 +398,83 @@ function Me(t) {
                 spellCheck: !1
               }
             ),
-            /* @__PURE__ */ e("span", { className: "hint", children: "Stored encrypted at rest. Once saved, it is not readable through the UI." })
+            /* @__PURE__ */ t("span", { className: "hint", children: "Stored encrypted at rest. Once saved, it is not readable through the UI." })
           ] }),
           /* @__PURE__ */ a("label", { className: "field", children: [
-            /* @__PURE__ */ e("span", { children: "Description" }),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t("span", { children: "Description" }),
+            /* @__PURE__ */ t(
               "input",
               {
                 type: "text",
                 value: o,
                 onChange: (v) => g(v.target.value),
                 placeholder: "Optional",
-                ...u
+                ...c
               }
             )
           ] }),
-          b && /* @__PURE__ */ e("div", { className: "result error", children: b })
+          b && /* @__PURE__ */ t("div", { className: "result error", children: b })
         ] }),
         /* @__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, onClick: s, children: C.isPending ? "Saving…" : n ? "Save changes" : "Save secret" })
+          /* @__PURE__ */ t("button", { type: "button", className: "btn ghost", onClick: e.onClose, children: "Cancel" }),
+          /* @__PURE__ */ t("button", { type: "button", className: "btn", disabled: !S, onClick: s, children: C.isPending ? "Saving…" : n ? "Save changes" : "Save secret" })
         ] })
       ]
     }
   );
 }
-const we = {
+const ke = {
   costMinor: "Cost",
   tokens: "Tokens",
   requests: "Requests"
-}, Ee = ["block", "warn"], ee = ["tenant", "account", "project", "route", "connection"], xe = {
+}, Me = ["block", "warn"], ee = ["tenant", "account", "project", "route", "connection"], Ee = {
   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, ",");
+}, De = (e) => e === "route" || e === "connection", te = ["day", "month"];
+function B(e) {
+  return String(e).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 }
-function je(t, n) {
-  return t === "costMinor" ? (l) => `${n} ${(l / 100).toFixed(2)}` : P;
+function je(e, n) {
+  return e === "costMinor" ? (l) => `${n} ${(l / 100).toFixed(2)}` : B;
 }
-function $e(t) {
-  return t.costMinor != null ? "costMinor" : t.tokens != null ? "tokens" : t.requests != null ? "requests" : null;
+function xe(e) {
+  return e.costMinor != null ? "costMinor" : e.tokens != null ? "tokens" : e.requests != null ? "requests" : null;
 }
-function Ie(t) {
-  return t.costMinor == null ? null : `${t.currency ?? "USD"} ${(t.costMinor / 100).toFixed(2)}`;
+function $e(e) {
+  return e.costMinor == null ? null : `${e.currency ?? "USD"} ${(e.costMinor / 100).toFixed(2)}`;
 }
-function Le(t) {
+function Ie(e) {
   const n = [];
-  t.requests != null && n.push(`${P(t.requests)} requests`), t.tokens != null && n.push(`${P(t.tokens)} tokens`);
-  const l = Ie(t);
+  e.requests != null && n.push(`${B(e.requests)} requests`), e.tokens != null && n.push(`${B(e.tokens)} tokens`);
+  const l = $e(e);
   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 I(e) {
+  return e.scopeId == null ? `this ${e.scopeKind}` : `${e.scopeKind} ${e.scopeId}`;
 }
-function le(t) {
-  return t instanceof L || t instanceof Error ? t.message : String(t);
+function le(e) {
+  return e instanceof L || e instanceof Error ? e.message : String(e);
 }
-function B(t) {
-  const n = t.trim();
+function q(e) {
+  const n = e.trim();
   if (n === "") return null;
   const l = Number(n);
   return Number.isFinite(l) ? l : null;
 }
-function Qe(t) {
+function Ke(e) {
   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 = [
+  const n = ae(e.projectId), [l, h] = m(null), [i, f] = m(null), [o, g] = m(null), b = be(n ?? void 0), y = pe(), 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__ */ t("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 })
+        /* @__PURE__ */ t("span", { className: s.onBreach === "warn" ? "tag warn" : "tag", children: s.onBreach }),
+        /* @__PURE__ */ t("div", { className: "muted small list-preview", title: I(s), children: s.scopeId == null ? `the whole ${s.scopeKind}` : s.scopeId })
       ] })
     },
     {
@@ -482,13 +485,13 @@ function Qe(t) {
     {
       key: "limits",
       header: "Limit",
-      render: (s) => /* @__PURE__ */ e("span", { className: "muted small", children: Le(s.limits) })
+      render: (s) => /* @__PURE__ */ t("span", { className: "muted small", children: Ie(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 })
+      render: (s) => n == null ? null : /* @__PURE__ */ t(Le, { budget: s, projectId: n })
     },
     {
       key: "actions",
@@ -496,16 +499,16 @@ function Qe(t) {
       align: "right",
       link: !1,
       render: (s) => /* @__PURE__ */ a("div", { style: { display: "flex", gap: "var(--w6w-sp-1-5)" }, children: [
-        /* @__PURE__ */ e(
-          A,
+        /* @__PURE__ */ t(
+          T,
           {
             label: "Edit",
             onClick: () => h({ budget: s }),
             "data-testid": `model-budget-edit-${s.id}`
           }
         ),
-        /* @__PURE__ */ e(
-          O,
+        /* @__PURE__ */ t(
+          A,
           {
             label: "Delete",
             onClick: () => f(s),
@@ -516,13 +519,13 @@ function Qe(t) {
       ] })
     }
   ];
-  return /* @__PURE__ */ e("div", { className: "w6w-embed-root", children: /* @__PURE__ */ a("section", { className: "section", children: [
+  return /* @__PURE__ */ t("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__ */ t("h3", { children: "Model budgets" }),
+        /* @__PURE__ */ t("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(
+      /* @__PURE__ */ t(
         "button",
         {
           type: "button",
@@ -534,12 +537,12 @@ function Qe(t) {
         }
       )
     ] }),
-    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,
+    o && /* @__PURE__ */ t("div", { className: "result error", role: "alert", "data-testid": "model-budget-delete-error", children: o }),
+    /* @__PURE__ */ a("div", { children: [
+      b.isLoading && /* @__PURE__ */ t("p", { className: "muted", children: "Loading…" }),
+      ((S = b.data) == null ? void 0 : S.length) === 0 && /* @__PURE__ */ t(P, { testId: "model-budgets-empty", children: "No model budgets yet. Add one to cap spend or request volume." }),
+      p.length > 0 && /* @__PURE__ */ t(
+        U,
         {
           columns: C,
           rows: p,
@@ -548,8 +551,8 @@ function Qe(t) {
         }
       )
     ] }),
-    l != null && n != null && /* @__PURE__ */ e(
-      Be,
+    l != null && n != null && /* @__PURE__ */ t(
+      qe,
       {
         project: n,
         initial: l.budget,
@@ -557,8 +560,8 @@ function Qe(t) {
         onSaved: () => h(null)
       }
     ),
-    i != null && n != null && /* @__PURE__ */ e(
-      W,
+    i != null && n != null && /* @__PURE__ */ t(
+      O,
       {
         title: "Delete model budget",
         message: `Delete the budget on ${I(i)}? Calls stop being capped by it immediately.`,
@@ -568,8 +571,8 @@ function Qe(t) {
           g(null), y.mutate(
             { project: n, id: s.id },
             {
-              onError: (u) => g(
-                `Could not delete the budget on ${I(s)}: ${le(u)}`
+              onError: (c) => g(
+                `Could not delete the budget on ${I(s)}: ${le(c)}`
               )
             }
           ), f(null);
@@ -579,79 +582,79 @@ function Qe(t) {
     )
   ] }) });
 }
-function qe(t) {
-  const n = Ce(t.budget.id, t.projectId);
-  if (n.isLoading) return /* @__PURE__ */ e("span", { className: "muted small", children: "Loading…" });
+function Le(e) {
+  const n = Ne(e.budget.id, e.projectId);
+  if (n.isLoading) return /* @__PURE__ */ t("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,
+  if (l == null) return /* @__PURE__ */ t("span", { className: "muted small", children: "—" });
+  const h = l.limits ?? e.budget.limits, i = xe(h);
+  return i == null ? /* @__PURE__ */ t("span", { className: "muted small", children: "no limit" }) : /* @__PURE__ */ t(
+    se,
     {
-      label: we[i],
+      label: ke[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}`
+      testId: `model-budget-meter-${e.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) : ""
+function qe(e) {
+  var K, Q, _, J, H, Y, z, G;
+  const n = !!e.initial, [l, h] = m(((K = e.initial) == null ? void 0 : K.scopeKind) ?? "project"), [i, f] = m(((Q = e.initial) == null ? void 0 : Q.scopeId) ?? ""), [o, g] = m(((_ = e.initial) == null ? void 0 : _.window) ?? "day"), [b, y] = m(
+    ((J = e.initial) == null ? void 0 : J.limits.requests) != null ? String(e.initial.limits.requests) : ""
   ), [p, N] = m(
-    ((Y = t.initial) == null ? void 0 : Y.limits.tokens) != null ? String(t.initial.limits.tokens) : ""
+    ((H = e.initial) == null ? void 0 : H.limits.tokens) != null ? String(e.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;
+    ((Y = e.initial) == null ? void 0 : Y.limits.costMinor) != null ? String(e.initial.limits.costMinor / 100) : ""
+  ), [s, c] = m(((z = e.initial) == null ? void 0 : z.limits.currency) ?? ""), [w, u] = m(((G = e.initial) == null ? void 0 : G.onBreach) ?? "warn"), [k, v] = m(null), E = fe(), d = ye(), D = E.isPending || d.isPending, M = De(l), W = !!l && !!o && (!M || n || i.trim() !== "") && !D;
   function ie() {
-    const r = {}, j = B(b);
-    j != null && (r.requests = j);
-    const $ = B(p);
+    const r = {}, x = q(b);
+    x != null && (r.requests = x);
+    const $ = q(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;
+    const X = q(C);
+    return X != null && (r.costMinor = Math.round(X * 100)), r.costMinor != null && s.trim() !== "" && (r.currency = s.trim()), Object.keys(r).length === 0 ? null : r;
   }
-  function K() {
+  function F() {
     const r = ie();
     if (r == null) {
       v("Set at least one limit: requests, tokens or cost.");
       return;
     }
     v(null);
-    const j = {
-      onSuccess: () => t.onSaved(),
+    const x = {
+      onSuccess: () => e.onSaved(),
       onError: ($) => v(le($))
     };
-    if (t.initial) {
+    if (e.initial) {
       d.mutate(
-        { project: t.project, id: t.initial.id, patch: { window: o, limits: r, onBreach: k } },
-        j
+        { project: e.project, id: e.initial.id, patch: { window: o, limits: r, onBreach: w } },
+        x
       );
       return;
     }
     E.mutate(
       {
-        project: t.project,
+        project: e.project,
         input: {
           scopeKind: l,
           // Only route/connection budgets carry a scope id; the server refuses one elsewhere.
-          ...w ? { scopeId: i.trim() } : {},
+          ...M ? { scopeId: i.trim() } : {},
           window: o,
           limits: r,
-          onBreach: k
+          onBreach: w
         }
       },
-      j
+      x
     );
   }
-  const D = V(K, { enabled: F });
-  return /* @__PURE__ */ a(R, { title: t.initial ? "Edit model budget" : "Add model budget", onClose: t.onClose, children: [
+  const j = V(F, { enabled: W });
+  return /* @__PURE__ */ a(R, { title: e.initial ? "Edit model budget" : "Add model budget", onClose: e.onClose, children: [
     /* @__PURE__ */ a("div", { className: "modal-body", children: [
       /* @__PURE__ */ a("label", { className: "field", children: [
-        /* @__PURE__ */ e("span", { children: "Scope" }),
+        /* @__PURE__ */ t("span", { children: "Scope" }),
         /* @__PURE__ */ a(
           "select",
           {
@@ -660,19 +663,19 @@ function Be(t) {
             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))
+              !ee.includes(l) && /* @__PURE__ */ t("option", { value: l, children: l }),
+              ee.map((r) => /* @__PURE__ */ t("option", { value: r, children: Ee[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." })
+        !n && /* @__PURE__ */ t("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: [
+      M && /* @__PURE__ */ a("label", { className: "field", children: [
         /* @__PURE__ */ a("span", { children: [
           l === "route" ? "Route" : "Connection id",
           " *"
         ] }),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "input",
           {
             type: "text",
@@ -681,13 +684,13 @@ function Be(t) {
             onChange: (r) => f(r.target.value),
             placeholder: l === "route" ? "e.g. fast" : "e.g. conn_…",
             "data-testid": "model-budget-scope-id",
-            ...D
+            ...j
           }
         ),
-        !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." })
+        !n && /* @__PURE__ */ t("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__ */ t("span", { children: "Window" }),
         /* @__PURE__ */ a(
           "select",
           {
@@ -695,16 +698,16 @@ function Be(t) {
             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))
+              !te.includes(o) && /* @__PURE__ */ t("option", { value: o, children: o }),
+              te.map((r) => /* @__PURE__ */ t("option", { value: r, children: r }, r))
             ]
           }
         ),
-        /* @__PURE__ */ e("span", { className: "hint", children: "The period the limits reset over, in UTC." })
+        /* @__PURE__ */ t("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(
+        /* @__PURE__ */ t("span", { children: "Requests" }),
+        /* @__PURE__ */ t(
           "input",
           {
             type: "number",
@@ -713,13 +716,13 @@ function Be(t) {
             onChange: (r) => y(r.target.value),
             placeholder: "Unlimited",
             "data-testid": "model-budget-requests",
-            ...D
+            ...j
           }
         )
       ] }),
       /* @__PURE__ */ a("label", { className: "field", children: [
-        /* @__PURE__ */ e("span", { children: "Tokens" }),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t("span", { children: "Tokens" }),
+        /* @__PURE__ */ t(
           "input",
           {
             type: "number",
@@ -728,13 +731,13 @@ function Be(t) {
             onChange: (r) => N(r.target.value),
             placeholder: "Unlimited",
             "data-testid": "model-budget-tokens",
-            ...D
+            ...j
           }
         )
       ] }),
       /* @__PURE__ */ a("label", { className: "field", children: [
-        /* @__PURE__ */ e("span", { children: "Cost" }),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t("span", { children: "Cost" }),
+        /* @__PURE__ */ t(
           "input",
           {
             type: "number",
@@ -744,63 +747,63 @@ function Be(t) {
             onChange: (r) => S(r.target.value),
             placeholder: "Unlimited",
             "data-testid": "model-budget-cost",
-            ...D
+            ...j
           }
         ),
-        /* @__PURE__ */ e("span", { className: "hint", children: "In major units of the currency below (12.50 = 12.50 USD)." })
+        /* @__PURE__ */ t("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(
+        /* @__PURE__ */ t("span", { children: "Currency" }),
+        /* @__PURE__ */ t(
           "input",
           {
             type: "text",
             value: s,
-            onChange: (r) => u(r.target.value),
+            onChange: (r) => c(r.target.value),
             placeholder: "USD",
             maxLength: 8,
             "data-testid": "model-budget-currency",
-            ...D
+            ...j
           }
         )
       ] }),
       /* @__PURE__ */ a("label", { className: "field", children: [
-        /* @__PURE__ */ e("span", { children: "On breach" }),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t("span", { children: "On breach" }),
+        /* @__PURE__ */ t(
           "select",
           {
-            value: k,
-            onChange: (r) => c(r.target.value),
+            value: w,
+            onChange: (r) => u(r.target.value),
             "data-testid": "model-budget-on-breach",
-            children: Ee.map((r) => /* @__PURE__ */ e("option", { value: r, children: r }, r))
+            children: Me.map((r) => /* @__PURE__ */ t("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." })
+        /* @__PURE__ */ t("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 })
+      k && /* @__PURE__ */ t("div", { className: "result error", "data-testid": "model-budget-error", children: k })
     ] }),
     /* @__PURE__ */ a("div", { className: "modal-actions", children: [
-      /* @__PURE__ */ e("button", { type: "button", className: "btn ghost", onClick: t.onClose, children: "Cancel" }),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ t("button", { type: "button", className: "btn ghost", onClick: e.onClose, children: "Cancel" }),
+      /* @__PURE__ */ t(
         "button",
         {
           type: "button",
           className: "btn",
-          disabled: !F,
-          onClick: K,
+          disabled: !W,
+          onClick: F,
           "data-testid": "model-budget-save",
-          children: x ? "Saving…" : n ? "Save changes" : "Save budget"
+          children: D ? "Saving…" : n ? "Save changes" : "Save budget"
         }
       )
     ] })
   ] });
 }
 export {
-  He as CreateEndpointModal,
-  Ye as CreateFunctionModal,
-  Qe as ModelBudgetsManager,
-  Ge as ModelRoutesManager,
-  Ke as SecretsManager,
-  Fe as VarsManager
+  Je as CreateEndpointModal,
+  He as CreateFunctionModal,
+  Ke as ModelBudgetsManager,
+  ze as ModelRoutesManager,
+  Fe as SecretsManager,
+  We as VarsManager
 };
 //# sourceMappingURL=forms.mjs.map