@alfadocs/ui-kit-debug 1.40.0 → 1.41.0

package/dist/_chunks/help-me-write-templates-GB70jnV9.js

@@ -0,0 +1,764 @@
+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 { 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 { 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 { 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 { 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 { S as _e } from "./settings-d25ju_6L.js";
+import { S as He } from "./send-C5kDJ-Mz.js";
+class ce 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 = [
+  "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(" "), pe = "ds:[block-size:14rem]";
+function be(r) {
+  return [...r].sort(
+    (c, o) => Number(o.isDefault) - Number(c.isDefault)
+  );
+}
+function ue(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 } = 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, {
+    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(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", {
+            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(
+              Ie,
+              {
+                value: Math.max(0, u - f),
+                max: u,
+                size: "sm",
+                ariaLabel: o("helpMeWriteTemplates.credits.meterLabel"),
+                ariaValueText: t
+              }
+            )
+          ] }) : null,
+          r != null && r.onBuyCredits || r != null && r.onSeeCosts ? /* @__PURE__ */ i(B.Action, { children: [
+            r.onBuyCredits ? /* @__PURE__ */ e(
+              h,
+              {
+                intent: "tonal",
+                size: "sm",
+                startIcon: /* @__PURE__ */ e(ze, { "aria-hidden": "true" }),
+                onClick: r.onBuyCredits,
+                children: o("helpMeWriteTemplates.credits.cta")
+              }
+            ) : null,
+            r.onSeeCosts ? /* @__PURE__ */ e(h, { 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") })
+        ] })
+      ]
+    }
+  );
+}
+function Ve({
+  context: r,
+  templates: c,
+  onGenerate: o,
+  onManageTemplates: p,
+  onApplied: u,
+  credits: f,
+  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({
+    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(() => {
+    var l;
+    return (l = $.current) == null ? void 0 : l.abort();
+  }, []), We = A(() => {
+    if (D) {
+      H();
+      return;
+    }
+    if (!L) return;
+    const l = new AbortController();
+    $.current = l, te(!0), Y(a("helpMeWriteTemplates.bar.listening")), L({
+      signal: l.signal,
+      onPartialTranscript: (d) => {
+        l.signal.aborted || X(d);
+      },
+      onFinalTranscript: (d) => {
+        if (l.signal.aborted) return;
+        X("");
+        const W = d.trim();
+        W && (x((m) => ue(m, W)), Y(W));
+      }
+    }).catch((d) => {
+      d instanceof ce && E(!0);
+    }).finally(() => {
+      X(""), $.current === l && ($.current = null, te(!1), Y(""));
+    });
+  }, [D, L, H, a]);
+  q(() => {
+    var l, d;
+    if (N) {
+      x(""), M(null), O(!1), E(r.creditsExhausted), k(null);
+      const W = r.selectionText.trim(), m = W || r.getText();
+      ve({
+        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(
+    () => () => {
+      var l, d;
+      (l = _.current) == null || l.abort(), (d = $.current) == null || d.abort();
+    },
+    []
+  );
+  const Z = A(
+    (l) => {
+      var W;
+      if (z || (l ? g.words === 0 : !C.trim())) return;
+      H(), (W = _.current) == null || W.abort();
+      const d = new AbortController();
+      _.current = d, O(!1), M(l), o({
+        template: l,
+        prompt: C.trim(),
+        sourceText: l ? g.text : "",
+        signal: d.signal
+      }).then((m) => {
+        d.signal.aborted || (k({ draft: m, template: l }), M(null));
+      }).catch((m) => {
+        d.signal.aborted || Ue(m) || (m instanceof ce ? E(!0) : O(!0), M(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;
+    u == null || u({
+      mode: l,
+      template: W,
+      previousHtml: m,
+      undo: () => Ne(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(
+      Ge,
+      {
+        credits: f,
+        onBack: () => E(!1)
+      }
+    );
+  else if (s) {
+    const l = !!s.template;
+    P = /* @__PURE__ */ i(R, { 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": `${T}-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(
+                    "p",
+                    {
+                      className: `${Q} ${pe} ds:text-[color:var(--muted-foreground)]`,
+                      tabIndex: 0,
+                      children: g.text
+                    }
+                  )
+                ]
+              }
+            ) : null,
+            /* @__PURE__ */ i(
+              "section",
+              {
+                "aria-labelledby": `${T}-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(
+                    Se,
+                    {
+                      html: s.draft,
+                      profile: "rich-text",
+                      className: l ? `${Q} ${pe}` : Q,
+                      tabIndex: 0
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      /* @__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(
+          h,
+          {
+            intent: "ghost",
+            startIcon: /* @__PURE__ */ e(Be, {}),
+            onClick: () => {
+              k(null), Z(s.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") })
+      ] })
+    ] });
+  } else {
+    const l = be(c), d = D ? ue(C, Te) : C, W = c.length > 0 || p;
+    P = /* @__PURE__ */ i(R, { children: [
+      /* @__PURE__ */ i("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ e(
+          F,
+          {
+            size: "md",
+            intent: "outline",
+            className: j,
+            icon: /* @__PURE__ */ e(oe, {}),
+            "aria-label": a("helpMeWriteTemplates.bar.close"),
+            onClick: r.onClose
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ e(
+          fe,
+          {
+            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: z || D,
+            tone: y ? "error" : "default",
+            "aria-describedby": y ? I : void 0
+          }
+        ) }),
+        L ? /* @__PURE__ */ e(
+          F,
+          {
+            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,
+            onClick: We
+          }
+        ) : null,
+        W ? /* @__PURE__ */ i(S.Root, { children: [
+          /* @__PURE__ */ e(S.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+            h,
+            {
+              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" }),
+              "aria-haspopup": "menu",
+              "aria-busy": w ? !0 : void 0,
+              disabled: z,
+              "aria-describedby": T,
+              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") }),
+            l.map((m) => /* @__PURE__ */ e(
+              S.Item,
+              {
+                startIcon: /* @__PURE__ */ e(de, {}),
+                description: m.description || void 0,
+                disabled: z || g.words === 0,
+                onSelect: () => Z(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.id
+            )),
+            p && c.length === 0 ? /* @__PURE__ */ e(
+              S.Item,
+              {
+                startIcon: /* @__PURE__ */ e(ge, {}),
+                onSelect: () => p("create"),
+                children: a("helpMeWriteTemplates.bar.createFirst")
+              }
+            ) : null,
+            p && c.length > 0 ? /* @__PURE__ */ i(R, { children: [
+              /* @__PURE__ */ e(S.Separator, {}),
+              /* @__PURE__ */ e(
+                S.Item,
+                {
+                  startIcon: /* @__PURE__ */ e(_e, {}),
+                  onSelect: () => p("list"),
+                  children: a("helpMeWriteTemplates.bar.manage")
+                }
+              )
+            ] }) : null
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ e(
+          F,
+          {
+            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,
+            "aria-label": a("helpMeWriteTemplates.bar.write"),
+            onClick: () => Z(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: [
+        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: P })
+    }
+  );
+}
+const ee = {
+  name: "",
+  description: "",
+  prompt: "",
+  isDefault: !1,
+  submitted: !1
+};
+function Xe({
+  open: r,
+  onOpenChange: c,
+  initialMode: o = "list",
+  templates: p,
+  onSaveTemplate: u,
+  onDeleteTemplate: f
+}) {
+  const { t } = G(), [n, a] = v(null), [N, T] = v(!1), [I, C] = v(!1), [x, w] = v(null);
+  q(() => {
+    r && (C(!1), a(
+      o === "create" ? { ...ee, isDefault: p.length === 0 } : null
+    ));
+  }, [r]);
+  const M = (s, k) => p.some(
+    (g) => g.id !== k && g.name.toLowerCase() === s.toLowerCase()
+  ), y = (() => {
+    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 () => {
+    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);
+      try {
+        await u({
+          id: s.id,
+          name: k,
+          description: s.description.trim() || void 0,
+          prompt: g,
+          isDefault: s.isDefault
+        }), a(null);
+      } catch {
+        C(!0);
+      } finally {
+        T(!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") })
+      ] }),
+      /* @__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(
+          K,
+          {
+            label: t("helpMeWriteTemplates.manager.name"),
+            error: y,
+            required: !0,
+            children: /* @__PURE__ */ e(
+              le,
+              {
+                value: n.name,
+                maxLength: 100,
+                placeholder: t(
+                  "helpMeWriteTemplates.manager.namePlaceholder"
+                ),
+                onChange: (s) => a({ ...n, name: s.target.value })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          K,
+          {
+            label: t("helpMeWriteTemplates.manager.descLabel"),
+            description: t("helpMeWriteTemplates.manager.descHint"),
+            optional: !0,
+            children: /* @__PURE__ */ e(
+              le,
+              {
+                value: n.description,
+                maxLength: 120,
+                onChange: (s) => a({ ...n, description: s.target.value })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          K,
+          {
+            label: t("helpMeWriteTemplates.manager.prompt"),
+            description: t(
+              "helpMeWriteTemplates.manager.promptDescription"
+            ),
+            error: O,
+            required: !0,
+            children: /* @__PURE__ */ e(
+              fe,
+              {
+                value: n.prompt,
+                maxLength: 4e3,
+                autoResize: !0,
+                minRows: 4,
+                maxRows: 10,
+                onChange: (s) => a({ ...n, prompt: s.target.value })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          De,
+          {
+            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({ ...ee, 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: be(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(he, { 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(
+                  F,
+                  {
+                    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
+                    })
+                  }
+                ),
+                f ? /* @__PURE__ */ e(
+                  F,
+                  {
+                    size: "sm",
+                    intent: "ghost",
+                    icon: /* @__PURE__ */ e(Ae, {}),
+                    "aria-label": t("helpMeWriteTemplates.manager.delete", {
+                      name: s.name
+                    }),
+                    onClick: () => w(s)
+                  }
+                ) : null
+              ]
+            },
+            s.id
+          ))
+        }
+      ) }),
+      /* @__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(
+          h,
+          {
+            intent: "primary",
+            loading: N,
+            onClick: () => void V(),
+            children: t("helpMeWriteTemplates.manager.save")
+          }
+        )
+      ] }) : /* @__PURE__ */ i(R, { children: [
+        p.length > 0 ? /* @__PURE__ */ e(
+          h,
+          {
+            intent: "outline",
+            startIcon: /* @__PURE__ */ e(ge, {}),
+            onClick: () => a({ ...ee }),
+            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(
+      b,
+      {
+        open: x != null,
+        onOpenChange: (s) => {
+          s || w(null);
+        },
+        children: /* @__PURE__ */ i(b.Content, { size: "sm", variant: "alert", children: [
+          /* @__PURE__ */ i(b.Header, { children: [
+            /* @__PURE__ */ e(b.Title, { children: t("helpMeWriteTemplates.manager.deleteTitle", {
+              name: (x == null ? void 0 : x.name) ?? ""
+            }) }),
+            /* @__PURE__ */ e(b.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") }) }),
+            /* @__PURE__ */ e(
+              h,
+              {
+                intent: "destructive",
+                onClick: () => {
+                  x && (f == null || f(x.id)), w(null);
+                },
+                children: t("helpMeWriteTemplates.manager.deleteConfirm")
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function Ye({
+  applied: r,
+  onUndo: c,
+  onDismiss: o
+}) {
+  const { t: p } = G(), u = re(null);
+  if (q(() => {
+    var t;
+    r && ((t = u.current) == null || t.focus());
+  }, [r]), !(r != null && r.template)) return null;
+  const f = r.template.name;
+  return /* @__PURE__ */ e(
+    B,
+    {
+      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: f }) : p("helpMeWriteTemplates.undo.replaced", { name: f }) }),
+        /* @__PURE__ */ e(h, { ref: u, intent: "outline", size: "sm", onClick: c, children: p("helpMeWriteTemplates.undo.undo") })
+      ] })
+    }
+  );
+}
+function Ir({
+  templates: r,
+  onGenerate: c,
+  onSaveTemplate: o,
+  onDeleteTemplate: p,
+  credits: u,
+  enableDictation: f,
+  onApplied: t
+}) {
+  const [n, a] = v({ open: !1, mode: "list" }), [N, T] = v(null), I = A(
+    (M = "list") => a({ open: !0, mode: M }),
+    []
+  ), C = A(
+    (M) => /* @__PURE__ */ e(
+      Ve,
+      {
+        context: M,
+        templates: r,
+        onGenerate: c,
+        onManageTemplates: o ? I : void 0,
+        credits: u,
+        enableDictation: f,
+        suspendClose: n.open,
+        onApplied: (y) => {
+          T(y.template ? y : null), t == null || t(y);
+        }
+      }
+    ),
+    [
+      r,
+      c,
+      o,
+      I,
+      u,
+      f,
+      n.open,
+      t
+    ]
+  ), x = ye(
+    () => o ? /* @__PURE__ */ e(
+      Xe,
+      {
+        open: n.open,
+        initialMode: n.mode,
+        onOpenChange: (M) => a((y) => ({ ...y, open: M })),
+        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(), T(null);
+        },
+        onDismiss: () => T(null)
+      }
+    ),
+    openManager: I
+  };
+}
+export {
+  ce as A,
+  Ve as H,
+  Ge as a,
+  Xe as b,
+  Ye as c,
+  Ir as u
+};
+//# sourceMappingURL=help-me-write-templates-GB70jnV9.js.map