@alfadocs/ui-kit-debug 1.41.0 → 1.42.0

package/dist/_chunks/{help-me-write-templates-GB70jnV9.js → help-me-write-templates-B-m7zgJa.js}

@@ -1,41 +1,41 @@
-import { jsxs as i, jsx as e, Fragment as R } from "react/jsx-runtime";
-import { useState as v, useEffect as q, useId as ne, useRef as re, useCallback as A, useMemo as ye } from "react";
-import { useTranslation as G } from "react-i18next";
-import { A as B } from "./alert-CiQ5Pa3Q.js";
-import { B as he } from "./badge-BudgzTe_.js";
-import { B as h } from "./button-CaUe1uyd.js";
-import { I as F } from "./icon-button-CehAeZoP.js";
-import { D as b } from "./dialog-BJiLqhx6.js";
-import { D as S } from "./dropdown-menu-DU-Hrf33.js";
+import { jsxs as i, jsx as e, Fragment as E } from "react/jsx-runtime";
+import { useState as h, useEffect as U, useId as ie, useRef as te, useCallback as O, useMemo as Ne } from "react";
+import { useTranslation as V } from "react-i18next";
+import { A as R } from "./alert-CiQ5Pa3Q.js";
+import { B as fe } from "./badge-BudgzTe_.js";
+import { B as g } from "./button-CaUe1uyd.js";
+import { I as H } from "./icon-button-CehAeZoP.js";
+import { D as f } from "./dialog-BJiLqhx6.js";
+import { D as z } from "./dropdown-menu-DU-Hrf33.js";
 import { E as we } from "./editor-overlay-DwNKaI22.js";
 import { E as ke } from "./empty-state-BUN_UAWf.js";
-import { F as K } from "./form-field-CahJzTxp.js";
-import { P as Ie } from "./progress-CK8otcQ-.js";
-import { S as ie } from "./spinner-hbwuKwMf.js";
-import { S as De } from "./switch-OILsBLWo.js";
-import { T as fe } from "./text-area-Bt3p7Pt0.js";
-import { T as le } from "./text-input-CUvCb6ST.js";
+import { F as Q } from "./form-field-CahJzTxp.js";
+import { P as De } from "./progress-CK8otcQ-.js";
+import { S as le } from "./spinner-hbwuKwMf.js";
+import { S as Ie } from "./switch-OILsBLWo.js";
+import { T as ge } from "./text-area-Bt3p7Pt0.js";
+import { T as oe } from "./text-input-CUvCb6ST.js";
 import { SafeHtml as Se } from "../safe-html/index.js";
 import { T as ze } from "./trending-up-C_luYBzS.js";
-import { A as Re } from "./astroid-BN4f5VXU.js";
-import { A as Ee } from "./arrow-left-BfaGqVam.js";
+import { A as Ee } from "./astroid-BN4f5VXU.js";
+import { A as Re } from "./arrow-left-BfaGqVam.js";
 import { P as $e } from "./pencil-B1sKKyuT.js";
 import { T as Ae } from "./trash-2-uumy3fy1.js";
-import { P as ge } from "./plus-DzMQ_c6b.js";
-import { X as oe } from "./x-B5YnXwCz.js";
+import { P as be } from "./plus-DzMQ_c6b.js";
+import { X as de } from "./x-B5YnXwCz.js";
 import { R as Be } from "./rotate-ccw-BBQnIVTr.js";
 import { S as Oe } from "./square-DASBRZ0U.js";
-import { M as Le } from "./mic-CUklMZGF.js";
-import { C as Fe } from "./chevron-down-DWE7GSq9.js";
-import { W as de } from "./wand-sparkles-DAjKyhz7.js";
+import { M as Fe } from "./mic-CUklMZGF.js";
+import { C as Le } from "./chevron-down-DWE7GSq9.js";
+import { W as ce } from "./wand-sparkles-DAjKyhz7.js";
 import { S as _e } from "./settings-d25ju_6L.js";
 import { S as He } from "./send-C5kDJ-Mz.js";
-class ce extends Error {
+class me extends Error {
   constructor(c = "AI credits exhausted") {
     super(c), this.name = "AiCreditsExhaustedError";
   }
 }
-const j = "ds:!size-[var(--min-target-size)]", Pe = "ds:!h-[var(--min-target-size)] ds:shrink-0", je = `${j} ds:bg-[image:var(--gradient-brand)] ds:rounded-full`, qe = "ds:aria-pressed:!bg-[var(--destructive)] ds:aria-pressed:!text-[var(--destructive-foreground)]", U = "ds:m-0 ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]", me = "type-eyebrow ds:m-0 ds:text-[color:var(--muted-foreground)]", Q = [
+const q = "ds:!size-[var(--min-target-size)]", Pe = "ds:!h-[var(--min-target-size)] ds:shrink-0", je = `${q} ds:bg-[image:var(--gradient-brand)] ds:rounded-full`, qe = "ds:aria-pressed:!bg-[var(--destructive)] ds:aria-pressed:!text-[var(--destructive-foreground)]", G = "ds:m-0 ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]", pe = "type-eyebrow ds:m-0 ds:text-[color:var(--muted-foreground)]", ee = [
   "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
   "ds:bg-[color-mix(in_srgb,var(--background)_70%,transparent)]",
   "ds:p-[var(--spacing-sm)] ds:[max-block-size:14rem] ds:overflow-y-auto",
@@ -44,13 +44,13 @@ const j = "ds:!size-[var(--min-target-size)]", Pe = "ds:!h-[var(--min-target-siz
   "ds:[&_h3]:font-medium ds:[&_h3]:[margin-block-start:var(--spacing-xs)]",
   "ds:[&_p]:[margin-block-end:var(--spacing-xs)]",
   "ds:[&>:first-child]:[margin-block-start:0]"
-].join(" "), pe = "ds:[block-size:14rem]";
-function be(r) {
+].join(" "), ue = "ds:[block-size:14rem]";
+function ve(r) {
   return [...r].sort(
     (c, o) => Number(o.isDefault) - Number(c.isDefault)
   );
 }
-function ue(r, c) {
+function he(r, c) {
   return c ? r ? /\s$/.test(r) ? `${r}${c}` : `${r} ${c}` : c : r;
 }
 function Ue(r) {
@@ -60,7 +60,7 @@ function Ge({
   credits: r,
   onBack: c
 }) {
-  const { t: o, i18n: p } = G(), u = r == null ? void 0 : r.limit, f = (r == null ? void 0 : r.remaining) ?? 0, t = u !== void 0 ? o("helpMeWriteTemplates.credits.remaining", { remaining: f, limit: u }) : void 0, n = r != null && r.resetsOn ? new Intl.DateTimeFormat(p.language, {
+  const { t: o, i18n: p } = V(), u = r == null ? void 0 : r.limit, b = (r == null ? void 0 : r.remaining) ?? 0, t = u !== void 0 ? o("helpMeWriteTemplates.credits.remaining", { remaining: b, limit: u }) : void 0, n = r != null && r.resetsOn ? new Intl.DateTimeFormat(p.language, {
     day: "numeric",
     month: "long"
   }).format(r.resetsOn) : void 0;
@@ -70,9 +70,9 @@ function Ge({
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
       "data-component": "ai-credits-exhausted-notice",
       children: [
-        /* @__PURE__ */ i(B, { variant: "promo", icon: /* @__PURE__ */ e(Re, { "aria-hidden": "true" }), children: [
-          /* @__PURE__ */ e(B.Title, { as: "h2", children: o("helpMeWriteTemplates.credits.title") }),
-          /* @__PURE__ */ e(B.Description, { children: r != null && r.onBuyCredits ? n ? o("helpMeWriteTemplates.credits.bodyResets", { date: n }) : o("helpMeWriteTemplates.credits.body") : n ? o("helpMeWriteTemplates.credits.bodyWaitResets", {
+        /* @__PURE__ */ i(R, { variant: "promo", icon: /* @__PURE__ */ e(Ee, { "aria-hidden": "true" }), children: [
+          /* @__PURE__ */ e(R.Title, { as: "h2", children: o("helpMeWriteTemplates.credits.title") }),
+          /* @__PURE__ */ e(R.Description, { children: r != null && r.onBuyCredits ? n ? o("helpMeWriteTemplates.credits.bodyResets", { date: n }) : o("helpMeWriteTemplates.credits.body") : n ? o("helpMeWriteTemplates.credits.bodyWaitResets", {
             date: n
           }) : o("helpMeWriteTemplates.credits.bodyWait") }),
           u !== void 0 && t ? /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:[margin-block-start:var(--spacing-sm)]", children: [
@@ -81,9 +81,9 @@ function Ge({
               /* @__PURE__ */ e("span", { className: "type-label ds:ms-auto ds:tabular-nums", children: t })
             ] }),
             /* @__PURE__ */ e(
-              Ie,
+              De,
               {
-                value: Math.max(0, u - f),
+                value: Math.max(0, u - b),
                 max: u,
                 size: "sm",
                 ariaLabel: o("helpMeWriteTemplates.credits.meterLabel"),
@@ -91,9 +91,9 @@ function Ge({
               }
             )
           ] }) : null,
-          r != null && r.onBuyCredits || r != null && r.onSeeCosts ? /* @__PURE__ */ i(B.Action, { children: [
+          r != null && r.onBuyCredits || r != null && r.onSeeCosts ? /* @__PURE__ */ i(R.Action, { children: [
             r.onBuyCredits ? /* @__PURE__ */ e(
-              h,
+              g,
               {
                 intent: "tonal",
                 size: "sm",
@@ -102,12 +102,12 @@ function Ge({
                 children: o("helpMeWriteTemplates.credits.cta")
               }
             ) : null,
-            r.onSeeCosts ? /* @__PURE__ */ e(h, { intent: "link", size: "sm", onClick: r.onSeeCosts, children: o("helpMeWriteTemplates.credits.secondary") }) : null
+            r.onSeeCosts ? /* @__PURE__ */ e(g, { intent: "link", size: "sm", onClick: r.onSeeCosts, children: o("helpMeWriteTemplates.credits.secondary") }) : null
           ] }) : null
         ] }),
         /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-          c ? /* @__PURE__ */ e(h, { intent: "ghost", startIcon: /* @__PURE__ */ e(Ee, {}), onClick: c, children: o("helpMeWriteTemplates.credits.back") }) : null,
-          /* @__PURE__ */ e("p", { className: U, children: o("helpMeWriteTemplates.credits.kept") })
+          c ? /* @__PURE__ */ e(g, { intent: "ghost", startIcon: /* @__PURE__ */ e(Re, {}), onClick: c, children: o("helpMeWriteTemplates.credits.back") }) : null,
+          /* @__PURE__ */ e("p", { className: G, children: o("helpMeWriteTemplates.credits.kept") })
         ] })
       ]
     }
@@ -119,104 +119,104 @@ function Ve({
   onGenerate: o,
   onManageTemplates: p,
   onApplied: u,
-  credits: f,
+  credits: b,
   enableDictation: t = !0,
   suspendClose: n = !1
 }) {
-  const { t: a } = G(), { open: N } = r, T = ne(), I = ne(), [C, x] = v(""), [w, M] = v(null), [y, O] = v(!1), [V, E] = v(!1), [s, k] = v(null), [g, ve] = v({
+  const { t: a } = V(), { open: N } = r, M = ie(), S = ie(), [C, x] = h(""), [I, v] = h(null), [y, F] = h(!1), [L, $] = h(!1), [w, _] = h(null), [k, X] = h({
     kind: "document",
     words: 0,
     text: ""
-  }), _ = re(null), z = w !== null, L = t ? r.onDictate : void 0, [D, te] = v(!1), [Te, X] = v(""), [Me, Y] = v(""), $ = re(null), H = A(() => {
+  }), A = te(null), s = I !== null, D = t ? r.onDictate : void 0, [T, se] = h(!1), [Te, Y] = h(""), [Me, Z] = h(""), B = te(null), P = O(() => {
     var l;
-    return (l = $.current) == null ? void 0 : l.abort();
-  }, []), We = A(() => {
-    if (D) {
-      H();
+    return (l = B.current) == null ? void 0 : l.abort();
+  }, []), We = O(() => {
+    if (T) {
+      P();
       return;
     }
-    if (!L) return;
+    if (!D) return;
     const l = new AbortController();
-    $.current = l, te(!0), Y(a("helpMeWriteTemplates.bar.listening")), L({
+    B.current = l, se(!0), Z(a("helpMeWriteTemplates.bar.listening")), D({
       signal: l.signal,
       onPartialTranscript: (d) => {
-        l.signal.aborted || X(d);
+        l.signal.aborted || Y(d);
       },
       onFinalTranscript: (d) => {
         if (l.signal.aborted) return;
-        X("");
+        Y("");
         const W = d.trim();
-        W && (x((m) => ue(m, W)), Y(W));
+        W && (x((m) => he(m, W)), Z(W));
       }
     }).catch((d) => {
-      d instanceof ce && E(!0);
+      d instanceof me && $(!0);
     }).finally(() => {
-      X(""), $.current === l && ($.current = null, te(!1), Y(""));
+      Y(""), B.current === l && (B.current = null, se(!1), Z(""));
     });
-  }, [D, L, H, a]);
-  q(() => {
+  }, [T, D, P, a]);
+  U(() => {
     var l, d;
     if (N) {
-      x(""), M(null), O(!1), E(r.creditsExhausted), k(null);
+      x(""), v(null), F(!1), $(r.creditsExhausted), _(null);
       const W = r.selectionText.trim(), m = W || r.getText();
-      ve({
+      X({
         kind: W ? "selection" : "document",
         words: m.split(/\s+/).filter(Boolean).length,
         text: m
       });
     } else
-      (l = _.current) == null || l.abort(), (d = $.current) == null || d.abort();
-  }, [N]), q(
+      (l = A.current) == null || l.abort(), (d = B.current) == null || d.abort();
+  }, [N]), U(
     () => () => {
       var l, d;
-      (l = _.current) == null || l.abort(), (d = $.current) == null || d.abort();
+      (l = A.current) == null || l.abort(), (d = B.current) == null || d.abort();
     },
     []
   );
-  const Z = A(
+  const J = O(
     (l) => {
       var W;
-      if (z || (l ? g.words === 0 : !C.trim())) return;
-      H(), (W = _.current) == null || W.abort();
+      if (s || (l ? k.words === 0 : !C.trim())) return;
+      P(), (W = A.current) == null || W.abort();
       const d = new AbortController();
-      _.current = d, O(!1), M(l), o({
+      A.current = d, F(!1), v(l), o({
         template: l,
         prompt: C.trim(),
-        sourceText: l ? g.text : "",
+        sourceText: l ? k.text : "",
         signal: d.signal
       }).then((m) => {
-        d.signal.aborted || (k({ draft: m, template: l }), M(null));
+        d.signal.aborted || (_({ draft: m, template: l }), v(null));
       }).catch((m) => {
-        d.signal.aborted || Ue(m) || (m instanceof ce ? E(!0) : O(!0), M(null));
+        d.signal.aborted || Ue(m) || (m instanceof me ? $(!0) : F(!0), v(null));
       });
     },
-    [z, g, C, o, H]
-  ), { onClose: se } = r, Ce = A(() => {
-    n || se();
-  }, [n, se]), J = (l) => {
-    if (!s) return;
-    const { draft: d, template: W } = s, m = r.getHTML(), ae = g.kind === "selection";
-    l === "insert" ? r.insertAtSelection(d) : l === "replace" ? ae ? r.insertAtSelection(d) : r.setContent(d) : ae ? r.insertAfterSelection(d) : r.setContent(`${m}${d}`), r.onClose();
-    const { setContent: Ne } = r;
+    [s, k, C, o, P]
+  ), { onClose: ae } = r, Ce = O(() => {
+    n || ae();
+  }, [n, ae]), K = (l) => {
+    if (!w) return;
+    const { draft: d, template: W } = w, m = r.getHTML(), ne = k.kind === "selection";
+    l === "insert" ? r.insertAtSelection(d) : l === "replace" ? ne ? r.insertAtSelection(d) : r.setContent(d) : ne ? r.insertAfterSelection(d) : r.setContent(`${m}${d}`), r.onClose();
+    const { setContent: ye } = r;
     u == null || u({
       mode: l,
       template: W,
       previousHtml: m,
-      undo: () => Ne(m)
+      undo: () => ye(m)
     });
-  }, xe = g.words === 0 ? a("helpMeWriteTemplates.bar.sourceEmpty") : g.kind === "selection" ? a("helpMeWriteTemplates.bar.sourceSelection") : a("helpMeWriteTemplates.bar.sourceDocument");
-  let P;
-  if (V)
-    P = /* @__PURE__ */ e(
+  }, xe = k.words === 0 ? a("helpMeWriteTemplates.bar.sourceEmpty") : k.kind === "selection" ? a("helpMeWriteTemplates.bar.sourceSelection") : a("helpMeWriteTemplates.bar.sourceDocument");
+  let j;
+  if (L)
+    j = /* @__PURE__ */ e(
       Ge,
       {
-        credits: f,
-        onBack: () => E(!1)
+        credits: b,
+        onBack: () => $(!1)
       }
     );
-  else if (s) {
-    const l = !!s.template;
-    P = /* @__PURE__ */ i(R, { children: [
+  else if (w) {
+    const l = !!w.template;
+    j = /* @__PURE__ */ i(E, { children: [
       /* @__PURE__ */ i(
         "div",
         {
@@ -225,16 +225,16 @@ function Ve({
             l ? /* @__PURE__ */ i(
               "section",
               {
-                "aria-labelledby": `${T}-before`,
+                "aria-labelledby": `${M}-before`,
                 className: "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]",
                 children: [
-                  /* @__PURE__ */ e("h2", { id: `${T}-before`, className: me, children: g.kind === "selection" ? a("helpMeWriteTemplates.bar.beforeSelection") : a("helpMeWriteTemplates.bar.beforeDocument") }),
+                  /* @__PURE__ */ e("h2", { id: `${M}-before`, className: pe, children: k.kind === "selection" ? a("helpMeWriteTemplates.bar.beforeSelection") : a("helpMeWriteTemplates.bar.beforeDocument") }),
                   /* @__PURE__ */ e(
                     "p",
                     {
-                      className: `${Q} ${pe} ds:text-[color:var(--muted-foreground)]`,
+                      className: `${ee} ${ue} ds:text-[color:var(--muted-foreground)]`,
                       tabIndex: 0,
-                      children: g.text
+                      children: k.text
                     }
                   )
                 ]
@@ -243,16 +243,16 @@ function Ve({
             /* @__PURE__ */ i(
               "section",
               {
-                "aria-labelledby": `${T}-after`,
+                "aria-labelledby": `${M}-after`,
                 className: "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]",
                 children: [
-                  /* @__PURE__ */ e("h2", { id: `${T}-after`, className: me, children: s.template ? `${a("helpMeWriteTemplates.bar.after")} · ${s.template.name}` : a("helpMeWriteTemplates.bar.after") }),
+                  /* @__PURE__ */ e("h2", { id: `${M}-after`, className: pe, children: w.template ? `${a("helpMeWriteTemplates.bar.after")} · ${w.template.name}` : a("helpMeWriteTemplates.bar.after") }),
                   /* @__PURE__ */ e(
                     Se,
                     {
-                      html: s.draft,
+                      html: w.draft,
                       profile: "rich-text",
-                      className: l ? `${Q} ${pe}` : Q,
+                      className: l ? `${ee} ${ue}` : ee,
                       tabIndex: 0
                     }
                   )
@@ -263,42 +263,42 @@ function Ve({
         }
       ),
       /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-        /* @__PURE__ */ e(h, { intent: "ghost", startIcon: /* @__PURE__ */ e(oe, {}), onClick: r.onClose, children: a("helpMeWriteTemplates.bar.discard") }),
+        /* @__PURE__ */ e(g, { intent: "ghost", startIcon: /* @__PURE__ */ e(de, {}), onClick: r.onClose, children: a("helpMeWriteTemplates.bar.discard") }),
         /* @__PURE__ */ e(
-          h,
+          g,
           {
             intent: "ghost",
             startIcon: /* @__PURE__ */ e(Be, {}),
             onClick: () => {
-              k(null), Z(s.template);
+              _(null), J(w.template);
             },
             children: a("helpMeWriteTemplates.bar.retry")
           }
         ),
         /* @__PURE__ */ e("span", { className: "ds:flex-1", "aria-hidden": "true" }),
-        l ? /* @__PURE__ */ i(R, { children: [
-          /* @__PURE__ */ e(h, { intent: "outline", onClick: () => J("below"), children: a("helpMeWriteTemplates.bar.insertBelow") }),
-          /* @__PURE__ */ e(h, { intent: "primary", onClick: () => J("replace"), children: a("helpMeWriteTemplates.bar.replace") })
-        ] }) : /* @__PURE__ */ e(h, { intent: "primary", onClick: () => J("insert"), children: a("helpMeWriteTemplates.bar.insert") })
+        l ? /* @__PURE__ */ i(E, { children: [
+          /* @__PURE__ */ e(g, { intent: "outline", onClick: () => K("below"), children: a("helpMeWriteTemplates.bar.insertBelow") }),
+          /* @__PURE__ */ e(g, { intent: "primary", onClick: () => K("replace"), children: a("helpMeWriteTemplates.bar.replace") })
+        ] }) : /* @__PURE__ */ e(g, { intent: "primary", onClick: () => K("insert"), children: a("helpMeWriteTemplates.bar.insert") })
       ] })
     ] });
   } else {
-    const l = be(c), d = D ? ue(C, Te) : C, W = c.length > 0 || p;
-    P = /* @__PURE__ */ i(R, { children: [
+    const l = ve(c), d = T ? he(C, Te) : C, W = c.length > 0 || p;
+    j = /* @__PURE__ */ i(E, { children: [
       /* @__PURE__ */ i("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
         /* @__PURE__ */ e(
-          F,
+          H,
           {
             size: "md",
             intent: "outline",
-            className: j,
-            icon: /* @__PURE__ */ e(oe, {}),
+            className: q,
+            icon: /* @__PURE__ */ e(de, {}),
             "aria-label": a("helpMeWriteTemplates.bar.close"),
             onClick: r.onClose
           }
         ),
         /* @__PURE__ */ e("div", { className: "ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ e(
-          fe,
+          ge,
           {
             size: "md",
             value: d,
@@ -308,68 +308,68 @@ function Ve({
             autoResize: !0,
             minRows: 1,
             maxRows: 3,
-            readOnly: z || D,
+            readOnly: s || T,
             tone: y ? "error" : "default",
-            "aria-describedby": y ? I : void 0
+            "aria-describedby": y ? S : void 0
           }
         ) }),
-        L ? /* @__PURE__ */ e(
-          F,
+        D ? /* @__PURE__ */ e(
+          H,
           {
             size: "md",
             intent: "outline",
-            className: D ? `${j} ${qe}` : j,
-            icon: D ? /* @__PURE__ */ e(Oe, { className: "ds:fill-current" }) : /* @__PURE__ */ e(Le, {}),
-            "aria-pressed": D,
-            "aria-label": a(D ? "helpMeWriteTemplates.bar.dictateStop" : "helpMeWriteTemplates.bar.dictateStart"),
-            disabled: z,
+            className: T ? `${q} ${qe}` : q,
+            icon: T ? /* @__PURE__ */ e(Oe, { className: "ds:fill-current" }) : /* @__PURE__ */ e(Fe, {}),
+            "aria-pressed": T,
+            "aria-label": a(T ? "helpMeWriteTemplates.bar.dictateStop" : "helpMeWriteTemplates.bar.dictateStart"),
+            disabled: s,
             onClick: We
           }
         ) : null,
-        W ? /* @__PURE__ */ i(S.Root, { children: [
-          /* @__PURE__ */ e(S.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
-            h,
+        W ? /* @__PURE__ */ i(z.Root, { children: [
+          /* @__PURE__ */ e(z.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+            g,
             {
               intent: "outline",
               size: "md",
               className: Pe,
-              startIcon: w ? /* @__PURE__ */ e(ie, { size: "sm", variant: "pulse" }) : /* @__PURE__ */ e(de, { "aria-hidden": "true" }),
-              endIcon: /* @__PURE__ */ e(Fe, { "aria-hidden": "true" }),
+              startIcon: I ? /* @__PURE__ */ e(le, { size: "sm", variant: "pulse" }) : /* @__PURE__ */ e(ce, { "aria-hidden": "true" }),
+              endIcon: /* @__PURE__ */ e(Le, { "aria-hidden": "true" }),
               "aria-haspopup": "menu",
-              "aria-busy": w ? !0 : void 0,
-              disabled: z,
-              "aria-describedby": T,
+              "aria-busy": I ? !0 : void 0,
+              disabled: s,
+              "aria-describedby": M,
               children: a("helpMeWriteTemplates.bar.templatesMenu")
             }
           ) }),
-          /* @__PURE__ */ i(S.Content, { side: "top", align: "end", sideOffset: 8, children: [
-            /* @__PURE__ */ e(S.Label, { children: a("helpMeWriteTemplates.bar.templatesGroup") }),
+          /* @__PURE__ */ i(z.Content, { side: "top", align: "end", sideOffset: 8, children: [
+            /* @__PURE__ */ e(z.Label, { children: a("helpMeWriteTemplates.bar.templatesGroup") }),
             l.map((m) => /* @__PURE__ */ e(
-              S.Item,
+              z.Item,
               {
-                startIcon: /* @__PURE__ */ e(de, {}),
+                startIcon: /* @__PURE__ */ e(ce, {}),
                 description: m.description || void 0,
-                disabled: z || g.words === 0,
-                onSelect: () => Z(m),
+                disabled: s || k.words === 0,
+                onSelect: () => J(m),
                 children: /* @__PURE__ */ i("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
                   m.name,
-                  m.isDefault ? /* @__PURE__ */ e(he, { variant: "brand", size: "sm", children: a("helpMeWriteTemplates.bar.defaultBadge") }) : null
+                  m.isDefault ? /* @__PURE__ */ e(fe, { variant: "brand", size: "sm", children: a("helpMeWriteTemplates.bar.defaultBadge") }) : null
                 ] })
               },
               m.id
             )),
             p && c.length === 0 ? /* @__PURE__ */ e(
-              S.Item,
+              z.Item,
               {
-                startIcon: /* @__PURE__ */ e(ge, {}),
+                startIcon: /* @__PURE__ */ e(be, {}),
                 onSelect: () => p("create"),
                 children: a("helpMeWriteTemplates.bar.createFirst")
               }
             ) : null,
-            p && c.length > 0 ? /* @__PURE__ */ i(R, { children: [
-              /* @__PURE__ */ e(S.Separator, {}),
+            p && c.length > 0 ? /* @__PURE__ */ i(E, { children: [
+              /* @__PURE__ */ e(z.Separator, {}),
               /* @__PURE__ */ e(
-                S.Item,
+                z.Item,
                 {
                   startIcon: /* @__PURE__ */ e(_e, {}),
                   onSelect: () => p("list"),
@@ -380,22 +380,22 @@ function Ve({
           ] })
         ] }) : null,
         /* @__PURE__ */ e(
-          F,
+          H,
           {
             size: "md",
             intent: "primary",
             className: je,
-            icon: w === void 0 ? /* @__PURE__ */ e(ie, { size: "sm", variant: "pulse" }) : /* @__PURE__ */ e(He, {}),
-            disabled: z || !C.trim(),
-            "aria-busy": w === void 0 || void 0,
+            icon: I === void 0 ? /* @__PURE__ */ e(le, { size: "sm", variant: "pulse" }) : /* @__PURE__ */ e(He, {}),
+            disabled: s || !C.trim(),
+            "aria-busy": I === void 0 || void 0,
             "aria-label": a("helpMeWriteTemplates.bar.write"),
-            onClick: () => Z(void 0)
+            onClick: () => J(void 0)
           }
         )
       ] }),
-      L ? /* @__PURE__ */ e("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: Me }) : null,
-      y ? /* @__PURE__ */ e("p", { id: I, role: "alert", className: U, children: a("helpMeWriteTemplates.bar.error") }) : null,
-      /* @__PURE__ */ i("p", { id: T, className: U, children: [
+      D ? /* @__PURE__ */ e("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: Me }) : null,
+      y ? /* @__PURE__ */ e("p", { id: S, role: "alert", className: G, children: a("helpMeWriteTemplates.bar.error") }) : null,
+      /* @__PURE__ */ i("p", { id: M, className: G, children: [
         xe,
         " ",
         r.privacyNotice
@@ -408,11 +408,11 @@ function Ve({
       open: N,
       onClose: Ce,
       ariaLabel: a("editor.ai.helpMeWrite"),
-      children: /* @__PURE__ */ e("div", { className: "ds:contents", "data-component": "help-me-write-templates-bar", children: P })
+      children: /* @__PURE__ */ e("div", { className: "ds:contents", "data-component": "help-me-write-templates-bar", children: j })
     }
   );
 }
-const ee = {
+const re = {
   name: "",
   description: "",
   prompt: "",
@@ -425,58 +425,69 @@ function Xe({
   initialMode: o = "list",
   templates: p,
   onSaveTemplate: u,
-  onDeleteTemplate: f
+  onDeleteTemplate: b
 }) {
-  const { t } = G(), [n, a] = v(null), [N, T] = v(!1), [I, C] = v(!1), [x, w] = v(null);
-  q(() => {
+  const { t } = V(), [n, a] = h(null), [N, M] = h(!1), [S, C] = h(!1), [x, I] = h(null), [v, y] = h(!1), [F, L] = h(!1), $ = async () => {
+    if (!(!x || v)) {
+      y(!0), L(!1);
+      try {
+        await (b == null ? void 0 : b(x.id)), I(null);
+      } catch {
+        L(!0);
+      } finally {
+        y(!1);
+      }
+    }
+  };
+  U(() => {
     r && (C(!1), a(
-      o === "create" ? { ...ee, isDefault: p.length === 0 } : null
+      o === "create" ? { ...re, isDefault: p.length === 0 } : null
     ));
   }, [r]);
-  const M = (s, k) => p.some(
-    (g) => g.id !== k && g.name.toLowerCase() === s.toLowerCase()
-  ), y = (() => {
+  const w = (s, D) => p.some(
+    (T) => T.id !== D && T.name.toLowerCase() === s.toLowerCase()
+  ), _ = (() => {
     if (!(n != null && n.submitted)) return;
     const s = n.name.trim();
-    return s ? M(s, n.id) ? t("helpMeWriteTemplates.manager.nameTaken") : void 0 : t("helpMeWriteTemplates.manager.nameRequired");
-  })(), O = n != null && n.submitted && !n.prompt.trim() ? t("helpMeWriteTemplates.manager.promptRequired") : void 0, V = async () => {
+    return s ? w(s, n.id) ? t("helpMeWriteTemplates.manager.nameTaken") : void 0 : t("helpMeWriteTemplates.manager.nameRequired");
+  })(), k = n != null && n.submitted && !n.prompt.trim() ? t("helpMeWriteTemplates.manager.promptRequired") : void 0, X = async () => {
     if (!n || N) return;
     const s = { ...n, submitted: !0 };
     a(s);
-    const k = s.name.trim(), g = s.prompt.trim();
-    if (!(!k || !g || M(k, s.id))) {
-      T(!0), C(!1);
+    const D = s.name.trim(), T = s.prompt.trim();
+    if (!(!D || !T || w(D, s.id))) {
+      M(!0), C(!1);
       try {
         await u({
           id: s.id,
-          name: k,
+          name: D,
           description: s.description.trim() || void 0,
-          prompt: g,
+          prompt: T,
           isDefault: s.isDefault
         }), a(null);
       } catch {
         C(!0);
       } finally {
-        T(!1);
+        M(!1);
       }
     }
-  }, E = n ? n.id ? t("helpMeWriteTemplates.manager.formEdit") : t("helpMeWriteTemplates.manager.formNew") : t("helpMeWriteTemplates.manager.title");
-  return /* @__PURE__ */ i(R, { children: [
-    /* @__PURE__ */ e(b, { open: r, onOpenChange: c, children: /* @__PURE__ */ e(b.Content, { size: "lg", children: /* @__PURE__ */ i("div", { className: "ds:contents", "data-component": "ai-template-manager", children: [
-      /* @__PURE__ */ i(b.Header, { children: [
-        /* @__PURE__ */ e(b.Title, { children: E }),
-        /* @__PURE__ */ e(b.Description, { children: t("helpMeWriteTemplates.manager.description") })
+  }, A = n ? n.id ? t("helpMeWriteTemplates.manager.formEdit") : t("helpMeWriteTemplates.manager.formNew") : t("helpMeWriteTemplates.manager.title");
+  return /* @__PURE__ */ i(E, { children: [
+    /* @__PURE__ */ e(f, { open: r, onOpenChange: c, children: /* @__PURE__ */ e(f.Content, { size: "lg", children: /* @__PURE__ */ i("div", { className: "ds:contents", "data-component": "ai-template-manager", children: [
+      /* @__PURE__ */ i(f.Header, { children: [
+        /* @__PURE__ */ e(f.Title, { children: A }),
+        /* @__PURE__ */ e(f.Description, { children: t("helpMeWriteTemplates.manager.description") })
       ] }),
-      /* @__PURE__ */ e(b.Body, { children: n ? /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-        I ? /* @__PURE__ */ e(B, { variant: "error", children: t("helpMeWriteTemplates.manager.saveError") }) : null,
+      /* @__PURE__ */ e(f.Body, { children: n ? /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+        S ? /* @__PURE__ */ e(R, { variant: "error", children: t("helpMeWriteTemplates.manager.saveError") }) : null,
         /* @__PURE__ */ e(
-          K,
+          Q,
           {
             label: t("helpMeWriteTemplates.manager.name"),
-            error: y,
+            error: _,
             required: !0,
             children: /* @__PURE__ */ e(
-              le,
+              oe,
               {
                 value: n.name,
                 maxLength: 100,
@@ -489,13 +500,13 @@ function Xe({
           }
         ),
         /* @__PURE__ */ e(
-          K,
+          Q,
           {
             label: t("helpMeWriteTemplates.manager.descLabel"),
             description: t("helpMeWriteTemplates.manager.descHint"),
             optional: !0,
             children: /* @__PURE__ */ e(
-              le,
+              oe,
               {
                 value: n.description,
                 maxLength: 120,
@@ -505,16 +516,16 @@ function Xe({
           }
         ),
         /* @__PURE__ */ e(
-          K,
+          Q,
           {
             label: t("helpMeWriteTemplates.manager.prompt"),
             description: t(
               "helpMeWriteTemplates.manager.promptDescription"
             ),
-            error: O,
+            error: k,
             required: !0,
             children: /* @__PURE__ */ e(
-              fe,
+              ge,
               {
                 value: n.prompt,
                 maxLength: 4e3,
@@ -527,7 +538,7 @@ function Xe({
           }
         ),
         /* @__PURE__ */ e(
-          De,
+          Ie,
           {
             label: t("helpMeWriteTemplates.manager.isDefault"),
             checked: n.isDefault,
@@ -545,7 +556,7 @@ function Xe({
           ),
           primaryAction: {
             label: t("helpMeWriteTemplates.manager.new"),
-            onClick: () => a({ ...ee, isDefault: !0 })
+            onClick: () => a({ ...re, isDefault: !0 })
           }
         }
       ) : /* @__PURE__ */ e(
@@ -553,7 +564,7 @@ function Xe({
         {
           "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: be(p).map((s) => /* @__PURE__ */ i(
+          children: ve(p).map((s) => /* @__PURE__ */ i(
             "li",
             {
               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)]",
@@ -561,12 +572,12 @@ function Xe({
                 /* @__PURE__ */ i("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
                   /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
                     /* @__PURE__ */ e("span", { className: "type-title-item ds:text-[color:var(--foreground)]", children: s.name }),
-                    s.isDefault ? /* @__PURE__ */ e(he, { variant: "brand", size: "sm", children: t("helpMeWriteTemplates.bar.defaultBadge") }) : null
+                    s.isDefault ? /* @__PURE__ */ e(fe, { variant: "brand", size: "sm", children: t("helpMeWriteTemplates.bar.defaultBadge") }) : null
                   ] }),
-                  /* @__PURE__ */ e("p", { className: `${U} ds:line-clamp-2`, children: s.description || s.prompt })
+                  /* @__PURE__ */ e("p", { className: `${G} ds:line-clamp-2`, children: s.description || s.prompt })
                 ] }),
                 /* @__PURE__ */ e(
-                  F,
+                  H,
                   {
                     size: "sm",
                     intent: "ghost",
@@ -584,8 +595,8 @@ function Xe({
                     })
                   }
                 ),
-                f ? /* @__PURE__ */ e(
-                  F,
+                b ? /* @__PURE__ */ e(
+                  H,
                   {
                     size: "sm",
                     intent: "ghost",
@@ -593,7 +604,7 @@ function Xe({
                     "aria-label": t("helpMeWriteTemplates.manager.delete", {
                       name: s.name
                     }),
-                    onClick: () => w(s)
+                    onClick: () => I(s)
                   }
                 ) : null
               ]
@@ -602,53 +613,53 @@ function Xe({
           ))
         }
       ) }),
-      /* @__PURE__ */ e(b.Footer, { children: n ? /* @__PURE__ */ i(R, { children: [
-        /* @__PURE__ */ e(h, { intent: "secondary", onClick: () => a(null), children: t("helpMeWriteTemplates.manager.cancel") }),
+      /* @__PURE__ */ e(f.Footer, { children: n ? /* @__PURE__ */ i(E, { children: [
+        /* @__PURE__ */ e(g, { intent: "secondary", onClick: () => a(null), children: t("helpMeWriteTemplates.manager.cancel") }),
         /* @__PURE__ */ e(
-          h,
+          g,
           {
             intent: "primary",
             loading: N,
-            onClick: () => void V(),
+            onClick: () => void X(),
             children: t("helpMeWriteTemplates.manager.save")
           }
         )
-      ] }) : /* @__PURE__ */ i(R, { children: [
+      ] }) : /* @__PURE__ */ i(E, { children: [
         p.length > 0 ? /* @__PURE__ */ e(
-          h,
+          g,
           {
             intent: "outline",
-            startIcon: /* @__PURE__ */ e(ge, {}),
-            onClick: () => a({ ...ee }),
+            startIcon: /* @__PURE__ */ e(be, {}),
+            onClick: () => a({ ...re }),
             children: t("helpMeWriteTemplates.manager.new")
           }
         ) : null,
-        /* @__PURE__ */ e(b.Close, { asChild: !0, children: /* @__PURE__ */ e(h, { intent: "primary", children: t("helpMeWriteTemplates.manager.done") }) })
+        /* @__PURE__ */ e(f.Close, { asChild: !0, children: /* @__PURE__ */ e(g, { intent: "primary", children: t("helpMeWriteTemplates.manager.done") }) })
       ] }) })
     ] }) }) }),
     /* @__PURE__ */ e(
-      b,
+      f,
       {
         open: x != null,
         onOpenChange: (s) => {
-          s || w(null);
+          !s && !v && (I(null), L(!1));
         },
-        children: /* @__PURE__ */ i(b.Content, { size: "sm", variant: "alert", children: [
-          /* @__PURE__ */ i(b.Header, { children: [
-            /* @__PURE__ */ e(b.Title, { children: t("helpMeWriteTemplates.manager.deleteTitle", {
+        children: /* @__PURE__ */ i(f.Content, { size: "sm", variant: "alert", children: [
+          /* @__PURE__ */ i(f.Header, { children: [
+            /* @__PURE__ */ e(f.Title, { children: t("helpMeWriteTemplates.manager.deleteTitle", {
               name: (x == null ? void 0 : x.name) ?? ""
             }) }),
-            /* @__PURE__ */ e(b.Description, { children: t("helpMeWriteTemplates.manager.deleteDescription") })
+            /* @__PURE__ */ e(f.Description, { children: t("helpMeWriteTemplates.manager.deleteDescription") })
           ] }),
-          /* @__PURE__ */ i(b.Footer, { children: [
-            /* @__PURE__ */ e(b.Close, { asChild: !0, children: /* @__PURE__ */ e(h, { intent: "secondary", children: t("helpMeWriteTemplates.manager.cancel") }) }),
+          F ? /* @__PURE__ */ e(f.Body, { children: /* @__PURE__ */ e(R, { variant: "error", children: t("helpMeWriteTemplates.manager.deleteError") }) }) : null,
+          /* @__PURE__ */ i(f.Footer, { children: [
+            /* @__PURE__ */ e(f.Close, { asChild: !0, children: /* @__PURE__ */ e(g, { intent: "secondary", disabled: v, children: t("helpMeWriteTemplates.manager.cancel") }) }),
             /* @__PURE__ */ e(
-              h,
+              g,
               {
                 intent: "destructive",
-                onClick: () => {
-                  x && (f == null || f(x.id)), w(null);
-                },
+                loading: v,
+                onClick: () => void $(),
                 children: t("helpMeWriteTemplates.manager.deleteConfirm")
               }
             )
@@ -663,14 +674,14 @@ function Ye({
   onUndo: c,
   onDismiss: o
 }) {
-  const { t: p } = G(), u = re(null);
-  if (q(() => {
+  const { t: p } = V(), u = te(null);
+  if (U(() => {
     var t;
     r && ((t = u.current) == null || t.focus());
   }, [r]), !(r != null && r.template)) return null;
-  const f = r.template.name;
+  const b = r.template.name;
   return /* @__PURE__ */ e(
-    B,
+    R,
     {
       variant: "success",
       dismissible: !0,
@@ -679,37 +690,37 @@ function Ye({
       },
       "data-component": "help-me-write-undo-notice",
       children: /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-        /* @__PURE__ */ e("span", { children: r.mode === "below" ? p("helpMeWriteTemplates.undo.addedBelow", { name: f }) : p("helpMeWriteTemplates.undo.replaced", { name: f }) }),
-        /* @__PURE__ */ e(h, { ref: u, intent: "outline", size: "sm", onClick: c, children: p("helpMeWriteTemplates.undo.undo") })
+        /* @__PURE__ */ e("span", { children: r.mode === "below" ? p("helpMeWriteTemplates.undo.addedBelow", { name: b }) : p("helpMeWriteTemplates.undo.replaced", { name: b }) }),
+        /* @__PURE__ */ e(g, { ref: u, intent: "outline", size: "sm", onClick: c, children: p("helpMeWriteTemplates.undo.undo") })
       ] })
     }
   );
 }
-function Ir({
+function Dr({
   templates: r,
   onGenerate: c,
   onSaveTemplate: o,
   onDeleteTemplate: p,
   credits: u,
-  enableDictation: f,
+  enableDictation: b,
   onApplied: t
 }) {
-  const [n, a] = v({ open: !1, mode: "list" }), [N, T] = v(null), I = A(
-    (M = "list") => a({ open: !0, mode: M }),
+  const [n, a] = h({ open: !1, mode: "list" }), [N, M] = h(null), S = O(
+    (v = "list") => a({ open: !0, mode: v }),
     []
-  ), C = A(
-    (M) => /* @__PURE__ */ e(
+  ), C = O(
+    (v) => /* @__PURE__ */ e(
       Ve,
       {
-        context: M,
+        context: v,
         templates: r,
         onGenerate: c,
-        onManageTemplates: o ? I : void 0,
+        onManageTemplates: o ? S : void 0,
         credits: u,
-        enableDictation: f,
+        enableDictation: b,
         suspendClose: n.open,
         onApplied: (y) => {
-          T(y.template ? y : null), t == null || t(y);
+          M(y.template ? y : null), t == null || t(y);
         }
       }
     ),
@@ -717,19 +728,19 @@ function Ir({
       r,
       c,
       o,
-      I,
+      S,
       u,
-      f,
+      b,
       n.open,
       t
     ]
-  ), x = ye(
+  ), x = Ne(
     () => o ? /* @__PURE__ */ e(
       Xe,
       {
         open: n.open,
         initialMode: n.mode,
-        onOpenChange: (M) => a((y) => ({ ...y, open: M })),
+        onOpenChange: (v) => a((y) => ({ ...y, open: v })),
         templates: r,
         onSaveTemplate: o,
         onDeleteTemplate: p
@@ -745,20 +756,20 @@ function Ir({
       {
         applied: N,
         onUndo: () => {
-          N == null || N.undo(), T(null);
+          N == null || N.undo(), M(null);
         },
-        onDismiss: () => T(null)
+        onDismiss: () => M(null)
       }
     ),
-    openManager: I
+    openManager: S
   };
 }
 export {
-  ce as A,
+  me as A,
   Ve as H,
   Ge as a,
   Xe as b,
   Ye as c,
-  Ir as u
+  Dr as u
 };
-//# sourceMappingURL=help-me-write-templates-GB70jnV9.js.map
+//# sourceMappingURL=help-me-write-templates-B-m7zgJa.js.map