@alfadocs/ui-kit-debug 1.40.0 → 1.41.1

package/dist/_chunks/help-me-write-templates-B-m7zgJa.js

@@ -0,0 +1,775 @@
+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 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 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 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 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 me extends Error {
+  constructor(c = "AI credits exhausted") {
+    super(c), this.name = "AiCreditsExhaustedError";
+  }
+}
+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",
+  "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--foreground)]",
+  "ds:[&_ul]:list-disc ds:[&_ul]:ps-[var(--spacing-md)]",
+  "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(" "), ue = "ds:[block-size:14rem]";
+function ve(r) {
+  return [...r].sort(
+    (c, o) => Number(o.isDefault) - Number(c.isDefault)
+  );
+}
+function he(r, c) {
+  return c ? r ? /\s$/.test(r) ? `${r}${c}` : `${r} ${c}` : c : r;
+}
+function Ue(r) {
+  return typeof r == "object" && r !== null && "name" in r && r.name === "AbortError";
+}
+function Ge({
+  credits: r,
+  onBack: c
+}) {
+  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;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      "data-component": "ai-credits-exhausted-notice",
+      children: [
+        /* @__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: [
+            /* @__PURE__ */ i("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              /* @__PURE__ */ e("span", { className: "type-label", children: o("helpMeWriteTemplates.credits.meterLabel") }),
+              /* @__PURE__ */ e("span", { className: "type-label ds:ms-auto ds:tabular-nums", children: t })
+            ] }),
+            /* @__PURE__ */ e(
+              De,
+              {
+                value: Math.max(0, u - b),
+                max: u,
+                size: "sm",
+                ariaLabel: o("helpMeWriteTemplates.credits.meterLabel"),
+                ariaValueText: t
+              }
+            )
+          ] }) : null,
+          r != null && r.onBuyCredits || r != null && r.onSeeCosts ? /* @__PURE__ */ i(R.Action, { children: [
+            r.onBuyCredits ? /* @__PURE__ */ e(
+              g,
+              {
+                intent: "tonal",
+                size: "sm",
+                startIcon: /* @__PURE__ */ e(ze, { "aria-hidden": "true" }),
+                onClick: r.onBuyCredits,
+                children: o("helpMeWriteTemplates.credits.cta")
+              }
+            ) : 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(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") })
+        ] })
+      ]
+    }
+  );
+}
+function Ve({
+  context: r,
+  templates: c,
+  onGenerate: o,
+  onManageTemplates: p,
+  onApplied: u,
+  credits: b,
+  enableDictation: t = !0,
+  suspendClose: n = !1
+}) {
+  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: ""
+  }), 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 = B.current) == null ? void 0 : l.abort();
+  }, []), We = O(() => {
+    if (T) {
+      P();
+      return;
+    }
+    if (!D) return;
+    const l = new AbortController();
+    B.current = l, se(!0), Z(a("helpMeWriteTemplates.bar.listening")), D({
+      signal: l.signal,
+      onPartialTranscript: (d) => {
+        l.signal.aborted || Y(d);
+      },
+      onFinalTranscript: (d) => {
+        if (l.signal.aborted) return;
+        Y("");
+        const W = d.trim();
+        W && (x((m) => he(m, W)), Z(W));
+      }
+    }).catch((d) => {
+      d instanceof me && $(!0);
+    }).finally(() => {
+      Y(""), B.current === l && (B.current = null, se(!1), Z(""));
+    });
+  }, [T, D, P, a]);
+  U(() => {
+    var l, d;
+    if (N) {
+      x(""), v(null), F(!1), $(r.creditsExhausted), _(null);
+      const W = r.selectionText.trim(), m = W || r.getText();
+      X({
+        kind: W ? "selection" : "document",
+        words: m.split(/\s+/).filter(Boolean).length,
+        text: m
+      });
+    } else
+      (l = A.current) == null || l.abort(), (d = B.current) == null || d.abort();
+  }, [N]), U(
+    () => () => {
+      var l, d;
+      (l = A.current) == null || l.abort(), (d = B.current) == null || d.abort();
+    },
+    []
+  );
+  const J = O(
+    (l) => {
+      var W;
+      if (s || (l ? k.words === 0 : !C.trim())) return;
+      P(), (W = A.current) == null || W.abort();
+      const d = new AbortController();
+      A.current = d, F(!1), v(l), o({
+        template: l,
+        prompt: C.trim(),
+        sourceText: l ? k.text : "",
+        signal: d.signal
+      }).then((m) => {
+        d.signal.aborted || (_({ draft: m, template: l }), v(null));
+      }).catch((m) => {
+        d.signal.aborted || Ue(m) || (m instanceof me ? $(!0) : F(!0), v(null));
+      });
+    },
+    [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: () => ye(m)
+    });
+  }, 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: b,
+        onBack: () => $(!1)
+      }
+    );
+  else if (w) {
+    const l = !!w.template;
+    j = /* @__PURE__ */ i(E, { children: [
+      /* @__PURE__ */ i(
+        "div",
+        {
+          className: l ? "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:lg:grid-cols-2" : "ds:grid ds:grid-cols-1",
+          children: [
+            l ? /* @__PURE__ */ i(
+              "section",
+              {
+                "aria-labelledby": `${M}-before`,
+                className: "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]",
+                children: [
+                  /* @__PURE__ */ e("h2", { id: `${M}-before`, className: pe, children: k.kind === "selection" ? a("helpMeWriteTemplates.bar.beforeSelection") : a("helpMeWriteTemplates.bar.beforeDocument") }),
+                  /* @__PURE__ */ e(
+                    "p",
+                    {
+                      className: `${ee} ${ue} ds:text-[color:var(--muted-foreground)]`,
+                      tabIndex: 0,
+                      children: k.text
+                    }
+                  )
+                ]
+              }
+            ) : null,
+            /* @__PURE__ */ i(
+              "section",
+              {
+                "aria-labelledby": `${M}-after`,
+                className: "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]",
+                children: [
+                  /* @__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: w.draft,
+                      profile: "rich-text",
+                      className: l ? `${ee} ${ue}` : ee,
+                      tabIndex: 0
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ e(g, { intent: "ghost", startIcon: /* @__PURE__ */ e(de, {}), onClick: r.onClose, children: a("helpMeWriteTemplates.bar.discard") }),
+        /* @__PURE__ */ e(
+          g,
+          {
+            intent: "ghost",
+            startIcon: /* @__PURE__ */ e(Be, {}),
+            onClick: () => {
+              _(null), J(w.template);
+            },
+            children: a("helpMeWriteTemplates.bar.retry")
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "ds:flex-1", "aria-hidden": "true" }),
+        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 = 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(
+          H,
+          {
+            size: "md",
+            intent: "outline",
+            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(
+          ge,
+          {
+            size: "md",
+            value: d,
+            onChange: (m) => x(m.target.value),
+            placeholder: a("helpMeWriteTemplates.bar.prompt"),
+            "aria-label": a("helpMeWriteTemplates.bar.prompt"),
+            autoResize: !0,
+            minRows: 1,
+            maxRows: 3,
+            readOnly: s || T,
+            tone: y ? "error" : "default",
+            "aria-describedby": y ? S : void 0
+          }
+        ) }),
+        D ? /* @__PURE__ */ e(
+          H,
+          {
+            size: "md",
+            intent: "outline",
+            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(z.Root, { children: [
+          /* @__PURE__ */ e(z.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+            g,
+            {
+              intent: "outline",
+              size: "md",
+              className: Pe,
+              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": I ? !0 : void 0,
+              disabled: s,
+              "aria-describedby": M,
+              children: a("helpMeWriteTemplates.bar.templatesMenu")
+            }
+          ) }),
+          /* @__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(
+              z.Item,
+              {
+                startIcon: /* @__PURE__ */ e(ce, {}),
+                description: m.description || void 0,
+                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(fe, { variant: "brand", size: "sm", children: a("helpMeWriteTemplates.bar.defaultBadge") }) : null
+                ] })
+              },
+              m.id
+            )),
+            p && c.length === 0 ? /* @__PURE__ */ e(
+              z.Item,
+              {
+                startIcon: /* @__PURE__ */ e(be, {}),
+                onSelect: () => p("create"),
+                children: a("helpMeWriteTemplates.bar.createFirst")
+              }
+            ) : null,
+            p && c.length > 0 ? /* @__PURE__ */ i(E, { children: [
+              /* @__PURE__ */ e(z.Separator, {}),
+              /* @__PURE__ */ e(
+                z.Item,
+                {
+                  startIcon: /* @__PURE__ */ e(_e, {}),
+                  onSelect: () => p("list"),
+                  children: a("helpMeWriteTemplates.bar.manage")
+                }
+              )
+            ] }) : null
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ e(
+          H,
+          {
+            size: "md",
+            intent: "primary",
+            className: je,
+            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: () => J(void 0)
+          }
+        )
+      ] }),
+      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
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ e(
+    we,
+    {
+      open: N,
+      onClose: Ce,
+      ariaLabel: a("editor.ai.helpMeWrite"),
+      children: /* @__PURE__ */ e("div", { className: "ds:contents", "data-component": "help-me-write-templates-bar", children: j })
+    }
+  );
+}
+const re = {
+  name: "",
+  description: "",
+  prompt: "",
+  isDefault: !1,
+  submitted: !1
+};
+function Xe({
+  open: r,
+  onOpenChange: c,
+  initialMode: o = "list",
+  templates: p,
+  onSaveTemplate: u,
+  onDeleteTemplate: b
+}) {
+  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" ? { ...re, isDefault: p.length === 0 } : null
+    ));
+  }, [r]);
+  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 ? 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 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: D,
+          description: s.description.trim() || void 0,
+          prompt: T,
+          isDefault: s.isDefault
+        }), a(null);
+      } catch {
+        C(!0);
+      } finally {
+        M(!1);
+      }
+    }
+  }, 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(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(
+          Q,
+          {
+            label: t("helpMeWriteTemplates.manager.name"),
+            error: _,
+            required: !0,
+            children: /* @__PURE__ */ e(
+              oe,
+              {
+                value: n.name,
+                maxLength: 100,
+                placeholder: t(
+                  "helpMeWriteTemplates.manager.namePlaceholder"
+                ),
+                onChange: (s) => a({ ...n, name: s.target.value })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          Q,
+          {
+            label: t("helpMeWriteTemplates.manager.descLabel"),
+            description: t("helpMeWriteTemplates.manager.descHint"),
+            optional: !0,
+            children: /* @__PURE__ */ e(
+              oe,
+              {
+                value: n.description,
+                maxLength: 120,
+                onChange: (s) => a({ ...n, description: s.target.value })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          Q,
+          {
+            label: t("helpMeWriteTemplates.manager.prompt"),
+            description: t(
+              "helpMeWriteTemplates.manager.promptDescription"
+            ),
+            error: k,
+            required: !0,
+            children: /* @__PURE__ */ e(
+              ge,
+              {
+                value: n.prompt,
+                maxLength: 4e3,
+                autoResize: !0,
+                minRows: 4,
+                maxRows: 10,
+                onChange: (s) => a({ ...n, prompt: s.target.value })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          Ie,
+          {
+            label: t("helpMeWriteTemplates.manager.isDefault"),
+            checked: n.isDefault,
+            onCheckedChange: (s) => a({ ...n, isDefault: s })
+          }
+        )
+      ] }) : p.length === 0 ? /* @__PURE__ */ e(
+        ke,
+        {
+          variant: "first-use",
+          size: "sm",
+          title: t("helpMeWriteTemplates.manager.emptyTitle"),
+          description: t(
+            "helpMeWriteTemplates.manager.emptyDescription"
+          ),
+          primaryAction: {
+            label: t("helpMeWriteTemplates.manager.new"),
+            onClick: () => a({ ...re, isDefault: !0 })
+          }
+        }
+      ) : /* @__PURE__ */ e(
+        "ul",
+        {
+          "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: 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)]",
+              children: [
+                /* @__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(fe, { variant: "brand", size: "sm", children: t("helpMeWriteTemplates.bar.defaultBadge") }) : null
+                  ] }),
+                  /* @__PURE__ */ e("p", { className: `${G} ds:line-clamp-2`, children: s.description || s.prompt })
+                ] }),
+                /* @__PURE__ */ e(
+                  H,
+                  {
+                    size: "sm",
+                    intent: "ghost",
+                    icon: /* @__PURE__ */ e($e, {}),
+                    "aria-label": t("helpMeWriteTemplates.manager.edit", {
+                      name: s.name
+                    }),
+                    onClick: () => a({
+                      id: s.id,
+                      name: s.name,
+                      description: s.description ?? "",
+                      prompt: s.prompt,
+                      isDefault: s.isDefault,
+                      submitted: !1
+                    })
+                  }
+                ),
+                b ? /* @__PURE__ */ e(
+                  H,
+                  {
+                    size: "sm",
+                    intent: "ghost",
+                    icon: /* @__PURE__ */ e(Ae, {}),
+                    "aria-label": t("helpMeWriteTemplates.manager.delete", {
+                      name: s.name
+                    }),
+                    onClick: () => I(s)
+                  }
+                ) : null
+              ]
+            },
+            s.id
+          ))
+        }
+      ) }),
+      /* @__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(
+          g,
+          {
+            intent: "primary",
+            loading: N,
+            onClick: () => void X(),
+            children: t("helpMeWriteTemplates.manager.save")
+          }
+        )
+      ] }) : /* @__PURE__ */ i(E, { children: [
+        p.length > 0 ? /* @__PURE__ */ e(
+          g,
+          {
+            intent: "outline",
+            startIcon: /* @__PURE__ */ e(be, {}),
+            onClick: () => a({ ...re }),
+            children: t("helpMeWriteTemplates.manager.new")
+          }
+        ) : null,
+        /* @__PURE__ */ e(f.Close, { asChild: !0, children: /* @__PURE__ */ e(g, { intent: "primary", children: t("helpMeWriteTemplates.manager.done") }) })
+      ] }) })
+    ] }) }) }),
+    /* @__PURE__ */ e(
+      f,
+      {
+        open: x != null,
+        onOpenChange: (s) => {
+          !s && !v && (I(null), L(!1));
+        },
+        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(f.Description, { children: t("helpMeWriteTemplates.manager.deleteDescription") })
+          ] }),
+          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(
+              g,
+              {
+                intent: "destructive",
+                loading: v,
+                onClick: () => void $(),
+                children: t("helpMeWriteTemplates.manager.deleteConfirm")
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function Ye({
+  applied: r,
+  onUndo: c,
+  onDismiss: o
+}) {
+  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 b = r.template.name;
+  return /* @__PURE__ */ e(
+    R,
+    {
+      variant: "success",
+      dismissible: !0,
+      onOpenChange: (t) => {
+        t || o();
+      },
+      "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: b }) : p("helpMeWriteTemplates.undo.replaced", { name: b }) }),
+        /* @__PURE__ */ e(g, { ref: u, intent: "outline", size: "sm", onClick: c, children: p("helpMeWriteTemplates.undo.undo") })
+      ] })
+    }
+  );
+}
+function Dr({
+  templates: r,
+  onGenerate: c,
+  onSaveTemplate: o,
+  onDeleteTemplate: p,
+  credits: u,
+  enableDictation: b,
+  onApplied: t
+}) {
+  const [n, a] = h({ open: !1, mode: "list" }), [N, M] = h(null), S = O(
+    (v = "list") => a({ open: !0, mode: v }),
+    []
+  ), C = O(
+    (v) => /* @__PURE__ */ e(
+      Ve,
+      {
+        context: v,
+        templates: r,
+        onGenerate: c,
+        onManageTemplates: o ? S : void 0,
+        credits: u,
+        enableDictation: b,
+        suspendClose: n.open,
+        onApplied: (y) => {
+          M(y.template ? y : null), t == null || t(y);
+        }
+      }
+    ),
+    [
+      r,
+      c,
+      o,
+      S,
+      u,
+      b,
+      n.open,
+      t
+    ]
+  ), x = Ne(
+    () => o ? /* @__PURE__ */ e(
+      Xe,
+      {
+        open: n.open,
+        initialMode: n.mode,
+        onOpenChange: (v) => a((y) => ({ ...y, open: v })),
+        templates: r,
+        onSaveTemplate: o,
+        onDeleteTemplate: p
+      }
+    ) : null,
+    [n, r, o, p]
+  );
+  return {
+    renderHelpMeWrite: C,
+    manager: x,
+    undoNotice: /* @__PURE__ */ e(
+      Ye,
+      {
+        applied: N,
+        onUndo: () => {
+          N == null || N.undo(), M(null);
+        },
+        onDismiss: () => M(null)
+      }
+    ),
+    openManager: S
+  };
+}
+export {
+  me as A,
+  Ve as H,
+  Ge as a,
+  Xe as b,
+  Ye as c,
+  Dr as u
+};
+//# sourceMappingURL=help-me-write-templates-B-m7zgJa.js.map