@alfadocs/ui-kit 1.45.0 → 1.46.0

package/dist/_chunks/{help-me-write-templates-GUeEn3Ff.js → help-me-write-templates-DHIwa4xR.js}

@@ -1,11 +1,11 @@
 import { jsxs as m, jsx as r, Fragment as _ } from "react/jsx-runtime";
-import { useState as b, useEffect as U, useId as ee, useRef as V, useCallback as S, useMemo as Y } from "react";
+import { useState as b, useEffect as U, useId as ee, useRef as V, useCallback as L, useMemo as Y } from "react";
 import { useTranslation as $ } from "react-i18next";
 import { c as ce } from "./index-D2ZczOXr.js";
-import { A as P } from "./alert-CiQ5Pa3Q.js";
-import { B as D } from "./button-CaUe1uyd.js";
-import { I as F } from "./icon-button-CehAeZoP.js";
-import { D as y } from "./dialog-BJiLqhx6.js";
+import { A as O } from "./alert-CiQ5Pa3Q.js";
+import { B as N } from "./button-CaUe1uyd.js";
+import { I as B } from "./icon-button-CehAeZoP.js";
+import { D as x } from "./dialog-BJiLqhx6.js";
 import { E as de } from "./editor-overlay-DwNKaI22.js";
 import { E as me } from "./empty-state-BUN_UAWf.js";
 import { F as Z } from "./form-field-CahJzTxp.js";
@@ -51,7 +51,7 @@ function Ie({
   credits: e,
   onBack: o
 }) {
-  const { t: l, i18n: u } = $(), f = e == null ? void 0 : e.limit, T = (e == null ? void 0 : e.remaining) ?? 0, a = f !== void 0 ? l("helpMeWriteTemplates.credits.remaining", { remaining: T, limit: f }) : void 0, t = e != null && e.resetsOn ? new Intl.DateTimeFormat(u.language, {
+  const { t: l, i18n: h } = $(), f = e == null ? void 0 : e.limit, T = (e == null ? void 0 : e.remaining) ?? 0, a = f !== void 0 ? l("helpMeWriteTemplates.credits.remaining", { remaining: T, limit: f }) : void 0, t = e != null && e.resetsOn ? new Intl.DateTimeFormat(h.language, {
     day: "numeric",
     month: "long"
   }).format(e.resetsOn) : void 0;
@@ -61,9 +61,9 @@ function Ie({
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
       "data-component": "ai-credits-exhausted-notice",
       children: [
-        /* @__PURE__ */ m(P, { variant: "promo", icon: /* @__PURE__ */ r(fe, { "aria-hidden": "true" }), children: [
-          /* @__PURE__ */ r(P.Title, { as: "h2", children: l("helpMeWriteTemplates.credits.title") }),
-          /* @__PURE__ */ r(P.Description, { children: e != null && e.onBuyCredits ? t ? l("helpMeWriteTemplates.credits.bodyResets", { date: t }) : l("helpMeWriteTemplates.credits.body") : t ? l("helpMeWriteTemplates.credits.bodyWaitResets", {
+        /* @__PURE__ */ m(O, { variant: "promo", icon: /* @__PURE__ */ r(fe, { "aria-hidden": "true" }), children: [
+          /* @__PURE__ */ r(O.Title, { as: "h2", children: l("helpMeWriteTemplates.credits.title") }),
+          /* @__PURE__ */ r(O.Description, { children: e != null && e.onBuyCredits ? t ? l("helpMeWriteTemplates.credits.bodyResets", { date: t }) : l("helpMeWriteTemplates.credits.body") : t ? l("helpMeWriteTemplates.credits.bodyWaitResets", {
             date: t
           }) : l("helpMeWriteTemplates.credits.bodyWait") }),
           f !== void 0 && a ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:[margin-block-start:var(--spacing-sm)]", children: [
@@ -82,9 +82,9 @@ function Ie({
               }
             )
           ] }) : null,
-          e != null && e.onBuyCredits || e != null && e.onSeeCosts ? /* @__PURE__ */ m(P.Action, { children: [
+          e != null && e.onBuyCredits || e != null && e.onSeeCosts ? /* @__PURE__ */ m(O.Action, { children: [
             e.onBuyCredits ? /* @__PURE__ */ r(
-              D,
+              N,
               {
                 intent: "tonal",
                 size: "sm",
@@ -93,11 +93,11 @@ function Ie({
                 children: l("helpMeWriteTemplates.credits.cta")
               }
             ) : null,
-            e.onSeeCosts ? /* @__PURE__ */ r(D, { intent: "link", size: "sm", onClick: e.onSeeCosts, children: l("helpMeWriteTemplates.credits.secondary") }) : null
+            e.onSeeCosts ? /* @__PURE__ */ r(N, { intent: "link", size: "sm", onClick: e.onSeeCosts, children: l("helpMeWriteTemplates.credits.secondary") }) : null
           ] }) : null
         ] }),
         /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-          o ? /* @__PURE__ */ r(D, { intent: "ghost", startIcon: /* @__PURE__ */ r(ve, {}), onClick: o, children: l("helpMeWriteTemplates.credits.back") }) : null,
+          o ? /* @__PURE__ */ r(N, { intent: "ghost", startIcon: /* @__PURE__ */ r(ve, {}), onClick: o, children: l("helpMeWriteTemplates.credits.back") }) : null,
           /* @__PURE__ */ r("p", { className: K, children: l("helpMeWriteTemplates.credits.kept") })
         ] })
       ]
@@ -108,65 +108,65 @@ function Re({
   context: e,
   onGenerate: o,
   onApplied: l,
-  credits: u,
+  credits: h,
   enableDictation: f = !0,
   suspendClose: T = !1
 }) {
-  const { t: a } = $(), { open: t } = e, x = ee(), s = ee(), [c, E] = b(""), [w, I] = b(!1), [z, i] = b(!1), [v, d] = b(!1), [C, h] = b(null), g = V(null), k = f ? e.onDictate : void 0, [N, A] = b(!1), [L, B] = b(""), [X, n] = b(""), W = V(null), R = S(() => {
+  const { t: a } = $(), { open: t } = e, k = ee(), s = ee(), [u, D] = b(""), [w, E] = b(!1), [z, i] = b(!1), [g, c] = b(!1), [C, I] = b(null), d = V(null), v = f ? e.onDictate : void 0, [W, A] = b(!1), [S, P] = b(""), [X, n] = b(""), y = V(null), R = L(() => {
     var p;
-    return (p = W.current) == null ? void 0 : p.abort();
-  }, []), ie = S(() => {
-    if (N) {
+    return (p = y.current) == null ? void 0 : p.abort();
+  }, []), ie = L(() => {
+    if (W) {
       R();
       return;
     }
-    if (!k) return;
+    if (!v) return;
     const p = new AbortController();
-    W.current = p, A(!0), n(a("helpMeWriteTemplates.bar.listening")), k({
+    y.current = p, A(!0), n(a("helpMeWriteTemplates.bar.listening")), v({
       signal: p.signal,
       onPartialTranscript: (M) => {
-        p.signal.aborted || B(M);
+        p.signal.aborted || P(M);
       },
       onFinalTranscript: (M) => {
         if (p.signal.aborted) return;
-        B("");
-        const O = M.trim();
-        O && (E((H) => ne(H, O)), n(O));
+        P("");
+        const H = M.trim();
+        H && (D((F) => ne(F, H)), n(H));
       }
     }).catch((M) => {
-      M instanceof ae && d(!0);
+      M instanceof ae && c(!0);
     }).finally(() => {
-      B(""), W.current === p && (W.current = null, A(!1), n(""));
+      P(""), y.current === p && (y.current = null, A(!1), n(""));
     });
-  }, [N, k, R, a]);
+  }, [W, v, R, a]);
   U(() => {
     var p, M;
-    t ? (E(""), I(!1), i(!1), d(e.creditsExhausted), h(null)) : ((p = g.current) == null || p.abort(), (M = W.current) == null || M.abort());
+    t ? (D(""), E(!1), i(!1), c(e.creditsExhausted), I(null)) : ((p = d.current) == null || p.abort(), (M = y.current) == null || M.abort());
   }, [t]), U(
     () => () => {
       var p, M;
-      (p = g.current) == null || p.abort(), (M = W.current) == null || M.abort();
+      (p = d.current) == null || p.abort(), (M = y.current) == null || M.abort();
     },
     []
   );
-  const Q = S(() => {
-    var O;
-    if (w || !c.trim()) return;
-    R(), (O = g.current) == null || O.abort();
+  const Q = L(() => {
+    var H;
+    if (w || !u.trim()) return;
+    R(), (H = d.current) == null || H.abort();
     const p = new AbortController();
-    g.current = p, i(!1), I(!0);
+    d.current = p, i(!1), E(!0);
     const M = e.scope === "selection";
     o({
-      prompt: c.trim(),
+      prompt: u.trim(),
       sourceText: M ? e.selectionText : e.getText(),
       scope: M ? "selection" : "document",
       signal: p.signal
-    }).then((H) => {
-      p.signal.aborted || (h(H), I(!1));
-    }).catch((H) => {
-      p.signal.aborted || ze(H) || (H instanceof ae ? d(!0) : i(!0), I(!1));
+    }).then((F) => {
+      p.signal.aborted || (I(F), E(!1));
+    }).catch((F) => {
+      p.signal.aborted || ze(F) || (F instanceof ae ? c(!0) : i(!0), E(!1));
     });
-  }, [w, c, o, R]), { onClose: G } = e, le = S(() => {
+  }, [w, u, o, R]), { onClose: G } = e, le = L(() => {
     T || G();
   }, [T, G]), oe = () => {
     if (C === null) return;
@@ -180,12 +180,12 @@ function Re({
     });
   };
   let j;
-  if (v)
+  if (g)
     j = /* @__PURE__ */ r(
       Ie,
       {
-        credits: u,
-        onBack: () => d(!1)
+        credits: h,
+        onBack: () => c(!1)
       }
     );
   else if (C !== null)
@@ -193,10 +193,10 @@ function Re({
       /* @__PURE__ */ m(
         "section",
         {
-          "aria-labelledby": x,
+          "aria-labelledby": k,
           className: "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]",
           children: [
-            /* @__PURE__ */ r("h2", { id: x, className: De, children: a("helpMeWriteTemplates.bar.after") }),
+            /* @__PURE__ */ r("h2", { id: k, className: De, children: a("helpMeWriteTemplates.bar.after") }),
             /* @__PURE__ */ r(
               he,
               {
@@ -210,28 +210,28 @@ function Re({
         }
       ),
       /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-        /* @__PURE__ */ r(D, { intent: "ghost", startIcon: /* @__PURE__ */ r(te, {}), onClick: e.onClose, children: a("helpMeWriteTemplates.bar.discard") }),
+        /* @__PURE__ */ r(N, { intent: "ghost", startIcon: /* @__PURE__ */ r(te, {}), onClick: e.onClose, children: a("helpMeWriteTemplates.bar.discard") }),
         /* @__PURE__ */ r(
-          D,
+          N,
           {
             intent: "ghost",
             startIcon: /* @__PURE__ */ r(Ce, {}),
             onClick: () => {
-              h(null), Q();
+              I(null), Q();
             },
             children: a("helpMeWriteTemplates.bar.retry")
           }
         ),
         /* @__PURE__ */ r("span", { className: "ds:flex-1", "aria-hidden": "true" }),
-        /* @__PURE__ */ r(D, { intent: "primary", onClick: oe, children: e.scope === "selection" ? a("helpMeWriteTemplates.bar.replace") : a("helpMeWriteTemplates.bar.insert") })
+        /* @__PURE__ */ r(N, { intent: "primary", onClick: oe, children: e.scope === "selection" ? a("helpMeWriteTemplates.bar.replace") : a("helpMeWriteTemplates.bar.insert") })
       ] })
     ] });
   else {
-    const p = N ? ne(c, L) : c;
+    const p = W ? ne(u, S) : u;
     j = /* @__PURE__ */ m(_, { children: [
       /* @__PURE__ */ m("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
         /* @__PURE__ */ r(
-          F,
+          B,
           {
             size: "md",
             intent: "outline",
@@ -246,45 +246,45 @@ function Re({
           {
             size: "md",
             value: p,
-            onChange: (M) => E(M.target.value),
+            onChange: (M) => D(M.target.value),
             placeholder: a("editor.ai.promptPlaceholder"),
             "aria-label": a("editor.ai.promptLabel"),
             autoResize: !0,
             minRows: 1,
             maxRows: 3,
-            readOnly: w || N,
+            readOnly: w || W,
             tone: z ? "error" : "default",
             "aria-describedby": z ? s : void 0
           }
         ) }),
-        k ? /* @__PURE__ */ r(
-          F,
+        v ? /* @__PURE__ */ r(
+          B,
           {
             size: "md",
             intent: "outline",
-            className: N ? `${q} ${ke}` : q,
-            icon: N ? /* @__PURE__ */ r(We, { className: "ds:fill-current" }) : /* @__PURE__ */ r(ye, {}),
-            "aria-pressed": N,
-            "aria-label": a(N ? "helpMeWriteTemplates.bar.dictateStop" : "helpMeWriteTemplates.bar.dictateStart"),
+            className: W ? `${q} ${ke}` : q,
+            icon: W ? /* @__PURE__ */ r(We, { className: "ds:fill-current" }) : /* @__PURE__ */ r(ye, {}),
+            "aria-pressed": W,
+            "aria-label": a(W ? "helpMeWriteTemplates.bar.dictateStop" : "helpMeWriteTemplates.bar.dictateStart"),
             disabled: w,
             onClick: ie
           }
         ) : null,
         /* @__PURE__ */ r(
-          F,
+          B,
           {
             size: "md",
             intent: "primary",
             className: Ne,
             icon: w ? /* @__PURE__ */ r(ue, { size: "sm", variant: "pulse" }) : /* @__PURE__ */ r(xe, {}),
-            disabled: w || !c.trim(),
+            disabled: w || !u.trim(),
             "aria-busy": w || void 0,
             "aria-label": a("helpMeWriteTemplates.bar.write"),
             onClick: Q
           }
         )
       ] }),
-      k ? /* @__PURE__ */ r("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: X }) : null,
+      v ? /* @__PURE__ */ r("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: X }) : null,
       z ? /* @__PURE__ */ r("p", { id: s, role: "alert", className: K, children: a("helpMeWriteTemplates.bar.error") }) : null,
       /* @__PURE__ */ m("p", { className: K, children: [
         e.scope === "selection" ? a("helpMeWriteTemplates.bar.contextSelection") : a("helpMeWriteTemplates.bar.contextDocument"),
@@ -314,52 +314,52 @@ const Ae = ce("", {
   defaultVariants: { dragging: !1, dropTarget: !1 }
 });
 function Se(e, o) {
-  const { t: l } = $(), [u, f] = b(null), [T, a] = b(null), [t, x] = b(""), s = V(!1), c = (i, v) => {
-    const d = Math.max(0, Math.min(e.length - 1, v));
-    if (!o || d === i) return;
-    const C = e.map((k) => k.id), [h] = C.splice(i, 1);
-    C.splice(d, 0, h), o(C), s.current = !s.current;
-    const g = l("helpMeWriteTemplates.manager.reorderAnnounce", {
+  const { t: l } = $(), [h, f] = b(null), [T, a] = b(null), [t, k] = b(""), s = V(!1), u = (i, g) => {
+    const c = Math.max(0, Math.min(e.length - 1, g));
+    if (!o || c === i) return;
+    const C = e.map((v) => v.id), [I] = C.splice(i, 1);
+    C.splice(c, 0, I), o(C), s.current = !s.current;
+    const d = l("helpMeWriteTemplates.manager.reorderAnnounce", {
       label: e[i].name,
-      to: d + 1,
+      to: c + 1,
       total: e.length
     });
-    x(s.current ? g : `${g}​`);
+    k(s.current ? d : `${d}​`);
   };
   return { rowProps: (i) => o ? {
     draggable: !0,
-    onDragStart: (v) => {
-      f(i), v.dataTransfer.effectAllowed = "move", v.dataTransfer.setData("text/plain", String(i));
+    onDragStart: (g) => {
+      f(i), g.dataTransfer.effectAllowed = "move", g.dataTransfer.setData("text/plain", String(i));
     },
     onDragEnd: () => {
       f(null), a(null);
     },
-    onDragOver: (v) => {
-      u !== null && (v.preventDefault(), v.dataTransfer.dropEffect = "move", a(i));
+    onDragOver: (g) => {
+      h !== null && (g.preventDefault(), g.dataTransfer.dropEffect = "move", a(i));
     },
     onDragLeave: () => a(null),
-    onDrop: (v) => {
-      v.preventDefault();
-      const d = u;
-      f(null), a(null), d !== null && c(d, i);
+    onDrop: (g) => {
+      g.preventDefault();
+      const c = h;
+      f(null), a(null), c !== null && u(c, i);
     }
   } : {}, rowClass: (i) => Ae({
-    dragging: u === i,
-    dropTarget: T === i && u !== i
-  }), handle: (i, v) => /* @__PURE__ */ r(
-    F,
+    dragging: h === i,
+    dropTarget: T === i && h !== i
+  }), handle: (i, g) => /* @__PURE__ */ r(
+    B,
     {
       size: "sm",
       intent: "ghost",
       icon: /* @__PURE__ */ r(we, { "aria-hidden": "true" }),
       "aria-label": l("helpMeWriteTemplates.manager.reorderHandle", {
-        label: v
+        label: g
       }),
       className: "ds:cursor-grab ds:active:cursor-grabbing",
-      onKeyDown: (d) => {
-        if (!d.altKey) return;
-        const C = d.key === "ArrowUp" ? i - 1 : d.key === "ArrowDown" ? i + 1 : d.key === "Home" ? 0 : d.key === "End" ? e.length - 1 : null;
-        C !== null && (d.preventDefault(), c(i, C));
+      onKeyDown: (c) => {
+        if (!c.altKey) return;
+        const C = c.key === "ArrowUp" ? i - 1 : c.key === "ArrowDown" ? i + 1 : c.key === "Home" ? 0 : c.key === "End" ? e.length - 1 : null;
+        C !== null && (c.preventDefault(), u(i, C));
       }
     }
   ), liveRegion: /* @__PURE__ */ r("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: t }) };
@@ -374,46 +374,46 @@ function Pe({
   open: e,
   onOpenChange: o,
   initialMode: l = "list",
-  templates: u,
+  templates: h,
   onSaveTemplate: f,
   onDeleteTemplate: T,
   onReorderTemplates: a
 }) {
-  const { t } = $(), x = Se(u, a), [s, c] = b(null), [E, w] = b(!1), [I, z] = b(!1), [i, v] = b(null), [d, C] = b(!1), [h, g] = b(!1), k = async () => {
-    if (!(!i || d)) {
-      C(!0), g(!1);
+  const { t } = $(), k = Se(h, a), [s, u] = b(null), [D, w] = b(!1), [E, z] = b(!1), [i, g] = b(null), [c, C] = b(!1), [I, d] = b(!1), v = async () => {
+    if (!(!i || c)) {
+      C(!0), d(!1);
       try {
-        await (T == null ? void 0 : T(i.id)), v(null);
+        await (T == null ? void 0 : T(i.id)), g(null);
       } catch {
-        g(!0);
+        d(!0);
       } finally {
         C(!1);
       }
     }
   };
   U(() => {
-    e && (z(!1), c(l === "create" ? { ...J } : null));
+    e && (z(!1), u(l === "create" ? { ...J } : null));
   }, [e]);
-  const N = (n, W) => u.some(
-    (R) => R.id !== W && R.name.toLowerCase() === n.toLowerCase()
+  const W = (n, y) => h.some(
+    (R) => R.id !== y && R.name.toLowerCase() === n.toLowerCase()
   ), A = (() => {
     if (!(s != null && s.submitted)) return;
     const n = s.name.trim();
-    return n ? N(n, s.id) ? t("helpMeWriteTemplates.manager.nameTaken") : void 0 : t("helpMeWriteTemplates.manager.nameRequired");
-  })(), L = s != null && s.submitted && !s.prompt.trim() ? t("helpMeWriteTemplates.manager.promptRequired") : void 0, B = async () => {
-    if (!s || E) return;
+    return n ? W(n, s.id) ? t("helpMeWriteTemplates.manager.nameTaken") : void 0 : t("helpMeWriteTemplates.manager.nameRequired");
+  })(), S = s != null && s.submitted && !s.prompt.trim() ? t("helpMeWriteTemplates.manager.promptRequired") : void 0, P = async () => {
+    if (!s || D) return;
     const n = { ...s, submitted: !0 };
-    c(n);
-    const W = n.name.trim(), R = n.prompt.trim();
-    if (!(!W || !R || N(W, n.id))) {
+    u(n);
+    const y = n.name.trim(), R = n.prompt.trim();
+    if (!(!y || !R || W(y, n.id))) {
       w(!0), z(!1);
       try {
         await f({
           id: n.id,
-          name: W,
+          name: y,
           description: n.description.trim() || void 0,
           prompt: R
-        }), c(null);
+        }), u(null);
       } catch {
         z(!0);
       } finally {
@@ -422,14 +422,14 @@ function Pe({
     }
   }, X = s ? s.id ? t("helpMeWriteTemplates.manager.formEdit") : t("helpMeWriteTemplates.manager.formNew") : t("helpMeWriteTemplates.manager.title");
   return /* @__PURE__ */ m(_, { children: [
-    /* @__PURE__ */ r(y, { open: e, onOpenChange: o, children: /* @__PURE__ */ r(y.Content, { size: "lg", children: /* @__PURE__ */ m("div", { className: "ds:contents", "data-component": "ai-template-manager", children: [
-      /* @__PURE__ */ m(y.Header, { children: [
-        /* @__PURE__ */ r(y.Title, { children: X }),
-        /* @__PURE__ */ r(y.Description, { children: t("helpMeWriteTemplates.manager.description") })
+    /* @__PURE__ */ r(x, { open: e, onOpenChange: o, children: /* @__PURE__ */ r(x.Content, { size: "lg", children: /* @__PURE__ */ m("div", { className: "ds:contents", "data-component": "ai-template-manager", children: [
+      /* @__PURE__ */ m(x.Header, { children: [
+        /* @__PURE__ */ r(x.Title, { children: X }),
+        /* @__PURE__ */ r(x.Description, { children: t("helpMeWriteTemplates.manager.description") })
       ] }),
-      /* @__PURE__ */ m(y.Body, { children: [
+      /* @__PURE__ */ m(x.Body, { children: [
         s ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-          I ? /* @__PURE__ */ r(P, { variant: "error", children: t("helpMeWriteTemplates.manager.saveError") }) : null,
+          E ? /* @__PURE__ */ r(O, { variant: "error", children: t("helpMeWriteTemplates.manager.saveError") }) : null,
           /* @__PURE__ */ r(
             Z,
             {
@@ -444,7 +444,7 @@ function Pe({
                   placeholder: t(
                     "helpMeWriteTemplates.manager.namePlaceholder"
                   ),
-                  onChange: (n) => c({ ...s, name: n.target.value })
+                  onChange: (n) => u({ ...s, name: n.target.value })
                 }
               )
             }
@@ -460,7 +460,7 @@ function Pe({
                 {
                   value: s.description,
                   maxLength: 120,
-                  onChange: (n) => c({ ...s, description: n.target.value })
+                  onChange: (n) => u({ ...s, description: n.target.value })
                 }
               )
             }
@@ -472,7 +472,7 @@ function Pe({
               description: t(
                 "helpMeWriteTemplates.manager.promptDescription"
               ),
-              error: L,
+              error: S,
               required: !0,
               children: /* @__PURE__ */ r(
                 se,
@@ -482,12 +482,12 @@ function Pe({
                   autoResize: !0,
                   minRows: 4,
                   maxRows: 10,
-                  onChange: (n) => c({ ...s, prompt: n.target.value })
+                  onChange: (n) => u({ ...s, prompt: n.target.value })
                 }
               )
             }
           )
-        ] }) : u.length === 0 ? /* @__PURE__ */ r(
+        ] }) : h.length === 0 ? /* @__PURE__ */ r(
           me,
           {
             variant: "first-use",
@@ -498,7 +498,7 @@ function Pe({
             ),
             primaryAction: {
               label: t("helpMeWriteTemplates.manager.new"),
-              onClick: () => c({ ...J })
+              onClick: () => u({ ...J })
             }
           }
         ) : /* @__PURE__ */ r(
@@ -506,19 +506,19 @@ function Pe({
           {
             "aria-label": t("helpMeWriteTemplates.manager.listLabel"),
             className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0",
-            children: u.map((n, W) => /* @__PURE__ */ m(
+            children: h.map((n, y) => /* @__PURE__ */ m(
               "li",
               {
-                ...x.rowProps(W),
-                className: `ds:flex ds:items-start ds:gap-[var(--spacing-sm)] ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)] ds:p-[var(--spacing-sm)] ${x.rowClass(W)}`,
+                ...k.rowProps(y),
+                className: `ds:flex ds:items-start ds:gap-[var(--spacing-sm)] ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)] ds:p-[var(--spacing-sm)] ${k.rowClass(y)}`,
                 children: [
-                  a ? x.handle(W, n.name) : null,
+                  a ? k.handle(y, n.name) : null,
                   /* @__PURE__ */ m("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
                     /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: /* @__PURE__ */ r("span", { className: "type-title-item ds:text-[color:var(--foreground)]", children: n.name }) }),
                     /* @__PURE__ */ r("p", { className: `${K} ds:line-clamp-2`, children: n.description || n.prompt })
                   ] }),
                   /* @__PURE__ */ r(
-                    F,
+                    B,
                     {
                       size: "sm",
                       intent: "ghost",
@@ -526,7 +526,7 @@ function Pe({
                       "aria-label": t("helpMeWriteTemplates.manager.edit", {
                         name: n.name
                       }),
-                      onClick: () => c({
+                      onClick: () => u({
                         id: n.id,
                         name: n.name,
                         description: n.description ?? "",
@@ -536,7 +536,7 @@ function Pe({
                     }
                   ),
                   T ? /* @__PURE__ */ r(
-                    F,
+                    B,
                     {
                       size: "sm",
                       intent: "ghost",
@@ -544,7 +544,7 @@ function Pe({
                       "aria-label": t("helpMeWriteTemplates.manager.delete", {
                         name: n.name
                       }),
-                      onClick: () => v(n)
+                      onClick: () => g(n)
                     }
                   ) : null
                 ]
@@ -553,55 +553,55 @@ function Pe({
             ))
           }
         ),
-        x.liveRegion
+        k.liveRegion
       ] }),
-      /* @__PURE__ */ r(y.Footer, { children: s ? /* @__PURE__ */ m(_, { children: [
-        /* @__PURE__ */ r(D, { intent: "secondary", onClick: () => c(null), children: t("helpMeWriteTemplates.manager.cancel") }),
+      /* @__PURE__ */ r(x.Footer, { children: s ? /* @__PURE__ */ m(_, { children: [
+        /* @__PURE__ */ r(N, { intent: "secondary", onClick: () => u(null), children: t("helpMeWriteTemplates.manager.cancel") }),
         /* @__PURE__ */ r(
-          D,
+          N,
           {
             intent: "primary",
-            loading: E,
-            onClick: () => void B(),
+            loading: D,
+            onClick: () => void P(),
             children: t("helpMeWriteTemplates.manager.save")
           }
         )
       ] }) : /* @__PURE__ */ m(_, { children: [
-        u.length > 0 ? /* @__PURE__ */ r(
-          D,
+        h.length > 0 ? /* @__PURE__ */ r(
+          N,
           {
             intent: "outline",
             startIcon: /* @__PURE__ */ r(Me, {}),
-            onClick: () => c({ ...J }),
+            onClick: () => u({ ...J }),
             children: t("helpMeWriteTemplates.manager.new")
           }
         ) : null,
-        /* @__PURE__ */ r(y.Close, { asChild: !0, children: /* @__PURE__ */ r(D, { intent: "primary", children: t("helpMeWriteTemplates.manager.done") }) })
+        /* @__PURE__ */ r(x.Close, { asChild: !0, children: /* @__PURE__ */ r(N, { intent: "primary", children: t("helpMeWriteTemplates.manager.done") }) })
       ] }) })
     ] }) }) }),
     /* @__PURE__ */ r(
-      y,
+      x,
       {
         open: i != null,
         onOpenChange: (n) => {
-          !n && !d && (v(null), g(!1));
+          !n && !c && (g(null), d(!1));
         },
-        children: /* @__PURE__ */ m(y.Content, { size: "sm", variant: "alert", children: [
-          /* @__PURE__ */ m(y.Header, { children: [
-            /* @__PURE__ */ r(y.Title, { children: t("helpMeWriteTemplates.manager.deleteTitle", {
+        children: /* @__PURE__ */ m(x.Content, { size: "sm", variant: "alert", children: [
+          /* @__PURE__ */ m(x.Header, { children: [
+            /* @__PURE__ */ r(x.Title, { children: t("helpMeWriteTemplates.manager.deleteTitle", {
               name: (i == null ? void 0 : i.name) ?? ""
             }) }),
-            /* @__PURE__ */ r(y.Description, { children: t("helpMeWriteTemplates.manager.deleteDescription") })
+            /* @__PURE__ */ r(x.Description, { children: t("helpMeWriteTemplates.manager.deleteDescription") })
           ] }),
-          h ? /* @__PURE__ */ r(y.Body, { children: /* @__PURE__ */ r(P, { variant: "error", children: t("helpMeWriteTemplates.manager.deleteError") }) }) : null,
-          /* @__PURE__ */ m(y.Footer, { children: [
-            /* @__PURE__ */ r(y.Close, { asChild: !0, children: /* @__PURE__ */ r(D, { intent: "secondary", disabled: d, children: t("helpMeWriteTemplates.manager.cancel") }) }),
+          I ? /* @__PURE__ */ r(x.Body, { children: /* @__PURE__ */ r(O, { variant: "error", children: t("helpMeWriteTemplates.manager.deleteError") }) }) : null,
+          /* @__PURE__ */ m(x.Footer, { children: [
+            /* @__PURE__ */ r(x.Close, { asChild: !0, children: /* @__PURE__ */ r(N, { intent: "secondary", disabled: c, children: t("helpMeWriteTemplates.manager.cancel") }) }),
             /* @__PURE__ */ r(
-              D,
+              N,
               {
                 intent: "destructive",
-                loading: d,
-                onClick: () => void k(),
+                loading: c,
+                onClick: () => void v(),
                 children: t("helpMeWriteTemplates.manager.deleteConfirm")
               }
             )
@@ -616,14 +616,14 @@ function Le({
   onUndo: o,
   onDismiss: l
 }) {
-  const { t: u } = $(), f = V(null);
+  const { t: h } = $(), f = V(null);
   if (U(() => {
     var a;
     e && ((a = f.current) == null || a.focus());
   }, [e]), !(e != null && e.template)) return null;
   const T = e.template.name;
   return /* @__PURE__ */ r(
-    P,
+    O,
     {
       variant: "success",
       dismissible: !0,
@@ -632,8 +632,8 @@ function Le({
       },
       "data-component": "help-me-write-undo-notice",
       children: /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-        /* @__PURE__ */ r("span", { children: e.mode === "below" ? u("helpMeWriteTemplates.undo.addedBelow", { name: T }) : u("helpMeWriteTemplates.undo.replaced", { name: T }) }),
-        /* @__PURE__ */ r(D, { ref: f, intent: "outline", size: "sm", onClick: o, children: u("helpMeWriteTemplates.undo.undo") })
+        /* @__PURE__ */ r("span", { children: e.mode === "below" ? h("helpMeWriteTemplates.undo.addedBelow", { name: T }) : h("helpMeWriteTemplates.undo.replaced", { name: T }) }),
+        /* @__PURE__ */ r(N, { ref: f, intent: "outline", size: "sm", onClick: o, children: h("helpMeWriteTemplates.undo.undo") })
       ] })
     }
   );
@@ -642,92 +642,98 @@ function mr({
   templates: e,
   onGenerate: o,
   onSaveTemplate: l,
-  onDeleteTemplate: u,
+  onDeleteTemplate: h,
   onReorderTemplates: f,
   credits: T,
   enableDictation: a,
-  onApplied: t
+  onApplied: t,
+  creditsNotice: k
 }) {
-  const [x, s] = b({ open: !1, mode: "list" }), [c, E] = b(null), w = S(
-    (h = "list") => s({ open: !0, mode: h }),
+  const [s, u] = b({ open: !1, mode: "list" }), [D, w] = b(null), E = L(
+    (d = "list") => u({ open: !0, mode: d }),
     []
-  ), I = S(
-    (h) => /* @__PURE__ */ r(
+  ), z = L(
+    (d) => /* @__PURE__ */ r(
       Re,
       {
-        context: h,
+        context: d,
         onGenerate: o,
         credits: T,
         enableDictation: a,
-        suspendClose: x.open,
+        suspendClose: s.open,
         onApplied: t
       }
     ),
-    [o, T, a, x.open, t]
-  ), z = Y(() => {
-    const h = new Map(e.map((g) => [g.id, g]));
+    [o, T, a, s.open, t]
+  ), i = Y(() => {
+    const d = new Map(e.map((v) => [v.id, v]));
     return {
       templates: e,
-      onRun: ({ template: g, text: k, scope: N, signal: A }) => {
-        const L = h.get(g.id);
-        return L ? o({
-          template: L,
+      onRun: ({ template: v, text: W, scope: A, signal: S }) => {
+        const P = d.get(v.id);
+        return P ? o({
+          template: P,
           prompt: "",
-          sourceText: k,
-          scope: N,
-          signal: A
+          sourceText: W,
+          scope: A,
+          signal: S
         }) : Promise.reject(new Error("Unknown template"));
       },
-      onManage: l ? w : void 0
+      onManage: l ? E : void 0
     };
-  }, [e, o, l, w]), i = S(
-    (h) => {
-      if (h.action !== "template" || !h.template) return;
-      const g = e.find((N) => {
-        var A;
-        return N.id === ((A = h.template) == null ? void 0 : A.id);
-      }), k = {
+  }, [e, o, l, E]), g = L(
+    (d) => {
+      if (d.action !== "template" || !d.template) return;
+      const v = e.find((A) => {
+        var S;
+        return A.id === ((S = d.template) == null ? void 0 : S.id);
+      }), W = {
         mode: "replace",
-        template: g,
-        previousHtml: h.previousHtml,
-        undo: h.undo
+        template: v,
+        previousHtml: d.previousHtml,
+        undo: d.undo
       };
-      E(g ? k : null), t == null || t(k);
+      w(v ? W : null), t == null || t(W);
     },
     [e, t]
-  ), v = Y(
+  ), c = Y(
     () => l ? /* @__PURE__ */ r(
       Pe,
       {
-        open: x.open,
-        initialMode: x.mode,
-        onOpenChange: (h) => s((g) => ({ ...g, open: h })),
+        open: s.open,
+        initialMode: s.mode,
+        onOpenChange: (d) => u((v) => ({ ...v, open: d })),
         templates: e,
         onSaveTemplate: l,
-        onDeleteTemplate: u,
+        onDeleteTemplate: h,
         onReorderTemplates: f
       }
     ) : null,
-    [x, e, l, u, f]
-  ), d = /* @__PURE__ */ r(
+    [s, e, l, h, f]
+  ), C = /* @__PURE__ */ r(
     Le,
     {
-      applied: c,
+      applied: D,
       onUndo: () => {
-        c == null || c.undo(), E(null);
+        D == null || D.undo(), w(null);
       },
-      onDismiss: () => E(null)
+      onDismiss: () => w(null)
     }
-  ), C = Y(
-    () => ({ renderHelpMeWrite: I, aiTemplates: z, onAiApplied: i }),
-    [I, z, i]
+  ), I = Y(
+    () => ({
+      renderHelpMeWrite: z,
+      aiTemplates: i,
+      onAiApplied: g,
+      aiCreditsNotice: k
+    }),
+    [z, i, g, k]
   );
   return {
-    ...C,
-    editorProps: C,
-    manager: v,
-    undoNotice: d,
-    openManager: w
+    ...I,
+    editorProps: I,
+    manager: c,
+    undoNotice: C,
+    openManager: E
   };
 }
 export {
@@ -738,4 +744,4 @@ export {
   Le as c,
   mr as u
 };
-//# sourceMappingURL=help-me-write-templates-GUeEn3Ff.js.map
+//# sourceMappingURL=help-me-write-templates-DHIwa4xR.js.map