aidol 0.1.0

package/dist/client.js

@@ -0,0 +1,817 @@
+"use client";
+import { jsx as t, jsxs as o, Fragment as W } from "react/jsx-runtime";
+import { useTranslation as b } from "react-i18next";
+import z from "next/image";
+import * as i from "react";
+import { forwardRef as x, useState as S, useMemo as M, useCallback as Y } from "react";
+import { validateFieldsNatively as H, toNestErrors as q } from "@hookform/resolvers";
+import { appendErrors as J, useForm as Q, useFieldArray as X, Controller as ee } from "react-hook-form";
+import { g as te } from "./aidol-D1U55wfr.mjs";
+import { motion as g } from "framer-motion";
+function ae({
+  title: e,
+  titleId: a,
+  ...n
+}, r) {
+  return /* @__PURE__ */ i.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": a
+  }, n), e ? /* @__PURE__ */ i.createElement("title", {
+    id: a
+  }, e) : null, /* @__PURE__ */ i.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "m4.5 12.75 6 6 9-13.5"
+  }));
+}
+const re = i.forwardRef(ae);
+function ne({
+  title: e,
+  titleId: a,
+  ...n
+}, r) {
+  return /* @__PURE__ */ i.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": a
+  }, n), e ? /* @__PURE__ */ i.createElement("title", {
+    id: a
+  }, e) : null, /* @__PURE__ */ i.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M12 4.5v15m7.5-7.5h-15"
+  }));
+}
+const le = i.forwardRef(ne);
+function se({
+  title: e,
+  titleId: a,
+  ...n
+}, r) {
+  return /* @__PURE__ */ i.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": a
+  }, n), e ? /* @__PURE__ */ i.createElement("title", {
+    id: a
+  }, e) : null, /* @__PURE__ */ i.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M7.217 10.907a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186 9.566-5.314m-9.566 7.5 9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186 2.25 2.25 0 0 0-3.935-2.186Zm0-12.814a2.25 2.25 0 1 0 3.933-2.185 2.25 2.25 0 0 0-3.933 2.185Z"
+  }));
+}
+const oe = i.forwardRef(se);
+function ie({
+  title: e,
+  titleId: a,
+  ...n
+}, r) {
+  return /* @__PURE__ */ i.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": a
+  }, n), e ? /* @__PURE__ */ i.createElement("title", {
+    id: a
+  }, e) : null, /* @__PURE__ */ i.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z"
+  }));
+}
+const ce = i.forwardRef(ie);
+function de({
+  title: e,
+  titleId: a,
+  ...n
+}, r) {
+  return /* @__PURE__ */ i.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": a
+  }, n), e ? /* @__PURE__ */ i.createElement("title", {
+    id: a
+  }, e) : null, /* @__PURE__ */ i.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"
+  }));
+}
+const me = i.forwardRef(de), ue = {
+  sm: "size-16",
+  md: "size-24",
+  lg: "size-32"
+};
+function I({ url: e, alt: a, size: n = "md" }) {
+  const r = ue[n];
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: `relative overflow-hidden rounded-2xl bg-base-200 ${r}`,
+      children: e ? /* @__PURE__ */ t(z, { src: e, alt: a, fill: !0, className: "object-cover" }) : /* @__PURE__ */ t("div", { className: "flex size-full items-center justify-center bg-gradient-to-br from-primary/20 to-secondary/20", children: /* @__PURE__ */ t(me, { className: "size-1/2 text-base-content/50" }) })
+    }
+  );
+}
+function pe({ companion: e, onClick: a }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      onClick: a,
+      className: "card cursor-pointer bg-base-200 p-4 transition-shadow hover:shadow-lg",
+      role: a ? "button" : void 0,
+      tabIndex: a ? 0 : void 0,
+      onKeyDown: a ? (n) => {
+        (n.key === "Enter" || n.key === " ") && (n.preventDefault(), a());
+      } : void 0,
+      children: /* @__PURE__ */ o("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ t(
+          I,
+          {
+            url: e.profilePictureUrl,
+            alt: e.name,
+            size: "md"
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ t("h3", { className: "truncate text-title-m font-semibold text-base-content", children: e.name }),
+          e.biography && /* @__PURE__ */ t("p", { className: "mt-1 line-clamp-2 text-body-s text-base-content/70", children: e.biography })
+        ] })
+      ] })
+    }
+  );
+}
+function Ue({
+  companions: e,
+  onCompanionClick: a
+}) {
+  const { t: n } = b();
+  return /* @__PURE__ */ o("div", { className: "mt-8", children: [
+    /* @__PURE__ */ t("h2", { className: "mb-4 text-title-l font-semibold", children: n("aidol:aidol.members") }),
+    e && e.length > 0 ? /* @__PURE__ */ t("div", { className: "grid gap-4 sm:grid-cols-2", children: e.map((r) => /* @__PURE__ */ t(
+      pe,
+      {
+        companion: r,
+        onClick: () => a(r.id)
+      },
+      r.id
+    )) }) : /* @__PURE__ */ t("p", { className: "text-center text-base-content/50", children: n("aidol:aidol.noMembers") })
+  ] });
+}
+function $e({ aidol: e }) {
+  return /* @__PURE__ */ o("div", { className: "flex flex-col items-center gap-4 py-8 text-center", children: [
+    /* @__PURE__ */ t("div", { className: "relative size-32 overflow-hidden rounded-full bg-base-200", children: e.profileImageUrl ? /* @__PURE__ */ t(
+      z,
+      {
+        src: e.profileImageUrl,
+        alt: e.name,
+        fill: !0,
+        className: "object-cover"
+      }
+    ) : /* @__PURE__ */ t("div", { className: "flex size-full items-center justify-center bg-gradient-to-br from-primary/20 to-secondary/20", children: /* @__PURE__ */ t(ce, { className: "size-16 text-base-content/50" }) }) }),
+    /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ t("h1", { className: "text-display-s font-bold text-base-content", children: e.name }),
+      e.concept && /* @__PURE__ */ t("p", { className: "mt-2 text-body-l text-base-content/70", children: e.concept })
+    ] })
+  ] });
+}
+function be({ onClick: e, isLoading: a }) {
+  const { t: n } = b();
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      onClick: e,
+      disabled: a,
+      className: "btn btn-neutral h-16 min-w-48 text-base font-medium text-neutral-content",
+      children: a ? /* @__PURE__ */ t("span", { className: "loading loading-spinner loading-sm" }) : /* @__PURE__ */ o(W, { children: [
+        /* @__PURE__ */ t(le, { className: "size-5" }),
+        n("aidol:companion.addMember")
+      ] })
+    }
+  );
+}
+const R = x(
+  ({ placeholder: e, maxLength: a = 500, charCount: n, ...r }, s) => {
+    const { t: c } = b();
+    return /* @__PURE__ */ o("div", { className: "w-full", children: [
+      /* @__PURE__ */ t(
+        "textarea",
+        {
+          ref: s,
+          placeholder: e ?? c("aidol:companion.promptPlaceholder"),
+          maxLength: a,
+          className: "textarea textarea-bordered h-32 w-full resize-none bg-base-100 text-base-content placeholder:text-base-content/50 focus:border-primary focus:outline-none",
+          ...r
+        }
+      ),
+      /* @__PURE__ */ o("div", { className: "mt-1 text-right text-label-s text-base-content/50", children: [
+        n ?? 0,
+        "/",
+        a
+      ] })
+    ] });
+  }
+);
+R.displayName = "PromptInput";
+const U = x(({ options: e, ...a }, n) => {
+  const { t: r } = b();
+  return /* @__PURE__ */ o("div", { className: "form-control w-full", children: [
+    /* @__PURE__ */ t("label", { className: "label", children: /* @__PURE__ */ t("span", { className: "label-text text-base-content", children: r("aidol:creation.concept") }) }),
+    /* @__PURE__ */ o(
+      "select",
+      {
+        ref: n,
+        className: "select select-bordered w-full bg-base-100 text-base-content",
+        ...a,
+        children: [
+          /* @__PURE__ */ t("option", { value: "", children: r("aidol:creation.selectConcept") }),
+          e.map((s) => /* @__PURE__ */ t("option", { value: s.value, children: s.label }, s.value))
+        ]
+      }
+    )
+  ] });
+});
+U.displayName = "ConceptSelector";
+function he({
+  onGenerate: e,
+  isGenerating: a,
+  disabled: n
+}) {
+  const { t: r } = b(), [s, c] = S(""), l = () => {
+    s.trim() && e(s);
+  };
+  return /* @__PURE__ */ o("div", { className: "form-control w-full", children: [
+    /* @__PURE__ */ o("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          type: "text",
+          value: s,
+          onChange: (d) => c(d.target.value),
+          onKeyDown: (d) => {
+            d.key === "Enter" && s.trim() && !a && !n && (d.preventDefault(), l());
+          },
+          placeholder: r("aidol:creation.emblemPromptPlaceholder"),
+          maxLength: 200,
+          className: "input input-bordered flex-1",
+          disabled: n || a,
+          "data-testid": "emblem-prompt-input"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: l,
+          disabled: n || a || !s.trim(),
+          className: "btn btn-secondary",
+          "data-testid": "emblem-generate-button",
+          children: a ? /* @__PURE__ */ t("span", { className: "loading loading-spinner loading-sm" }) : r("aidol:creation.generate")
+        }
+      )
+    ] }),
+    a && /* @__PURE__ */ t("div", { className: "mt-2", children: /* @__PURE__ */ t("progress", { className: "progress w-full" }) })
+  ] });
+}
+var fe = function(e, a) {
+  for (var n = {}; e.length; ) {
+    var r = e[0], s = r.code, c = r.message, l = r.path.join(".");
+    if (!n[l]) if ("unionErrors" in r) {
+      var m = r.unionErrors[0].errors[0];
+      n[l] = { message: m.message, type: m.code };
+    } else n[l] = { message: c, type: s };
+    if ("unionErrors" in r && r.unionErrors.forEach(function(w) {
+      return w.errors.forEach(function(v) {
+        return e.push(v);
+      });
+    }), a) {
+      var d = n[l].types, h = d && d[r.code];
+      n[l] = J(l, a, n, s, h ? [].concat(h, r.message) : r.message);
+    }
+    e.shift();
+  }
+  return n;
+}, ge = function(e, a, n) {
+  return n === void 0 && (n = {}), function(r, s, c) {
+    try {
+      return Promise.resolve((function(l, m) {
+        try {
+          var d = Promise.resolve(e[n.mode === "sync" ? "parse" : "parseAsync"](r, a)).then(function(h) {
+            return c.shouldUseNativeValidation && H({}, c), { errors: {}, values: n.raw ? r : h };
+          });
+        } catch (h) {
+          return m(h);
+        }
+        return d && d.then ? d.then(void 0, m) : d;
+      })(0, function(l) {
+        if ((function(m) {
+          return Array.isArray(m?.errors);
+        })(l)) return { values: {}, errors: q(fe(l.errors, !c.shouldUseNativeValidation && c.criteriaMode === "all"), c) };
+        throw l;
+      }));
+    } catch (l) {
+      return Promise.reject(l);
+    }
+  };
+};
+function $(e) {
+  var a, n, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var s = e.length;
+    for (a = 0; a < s; a++) e[a] && (n = $(e[a])) && (r && (r += " "), r += n);
+  } else for (n in e) e[n] && (r && (r += " "), r += n);
+  return r;
+}
+function y() {
+  for (var e, a, n = 0, r = "", s = arguments.length; n < s; n++) (e = arguments[n]) && (a = $(e)) && (r && (r += " "), r += a);
+  return r;
+}
+const O = x(
+  ({ error: e, ...a }, n) => {
+    const { t: r } = b();
+    return /* @__PURE__ */ o("div", { className: "form-control w-full", children: [
+      /* @__PURE__ */ t("label", { className: "label", children: /* @__PURE__ */ t("span", { className: "label-text text-base-content", children: r("aidol:creation.groupName") }) }),
+      /* @__PURE__ */ t(
+        "input",
+        {
+          ref: n,
+          type: "text",
+          placeholder: r("aidol:creation.groupNamePlaceholder"),
+          className: y(
+            "input input-bordered w-full bg-base-100 text-base-content placeholder:text-base-content/50",
+            e && "input-error"
+          ),
+          ...a
+        }
+      ),
+      e && /* @__PURE__ */ t("label", { className: "label", children: /* @__PURE__ */ t("span", { className: "label-text-alt text-error", children: e }) })
+    ] });
+  }
+);
+O.displayName = "GroupNameInput";
+const Z = x(({ error: e, ...a }, n) => {
+  const { t: r } = b();
+  return /* @__PURE__ */ o("div", { className: "form-control w-full", children: [
+    /* @__PURE__ */ t("label", { className: "label", children: /* @__PURE__ */ t("span", { className: "label-text text-base-content", children: r("aidol:creation.memberName") }) }),
+    /* @__PURE__ */ t(
+      "input",
+      {
+        ref: n,
+        type: "text",
+        placeholder: r("aidol:creation.memberNamePlaceholder"),
+        className: y(
+          "input input-bordered w-full bg-base-100 text-base-content placeholder:text-base-content/50",
+          e && "input-error"
+        ),
+        ...a
+      }
+    ),
+    e && /* @__PURE__ */ t("label", { className: "label", children: /* @__PURE__ */ t("span", { className: "label-text-alt text-error", children: e }) })
+  ] });
+});
+Z.displayName = "MemberNameInput";
+function ve({
+  value: e,
+  onChange: a,
+  options: n
+}) {
+  const { t: r } = b();
+  return /* @__PURE__ */ o("div", { className: "form-control w-full", children: [
+    /* @__PURE__ */ t("label", { className: "label", children: /* @__PURE__ */ t("span", { className: "label-text text-base-content", children: r("aidol:creation.personality") }) }),
+    /* @__PURE__ */ t("div", { className: "space-y-2", children: n.map((s) => /* @__PURE__ */ o(
+      "label",
+      {
+        className: y(
+          "flex cursor-pointer items-start gap-3 rounded-lg border p-4 transition-colors",
+          e === s.value ? "border-primary bg-primary/10" : "border-base-300 hover:border-base-content/30"
+        ),
+        children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "radio",
+              name: "personality",
+              value: s.value,
+              checked: e === s.value,
+              onChange: (c) => a(c.target.value),
+              className: "radio-primary radio mt-0.5"
+            }
+          ),
+          /* @__PURE__ */ o("div", { children: [
+            /* @__PURE__ */ t("div", { className: "font-medium text-base-content", children: s.label }),
+            s.description && /* @__PURE__ */ t("div", { className: "mt-1 text-body-s text-base-content/70", children: s.description })
+          ] })
+        ]
+      },
+      s.value
+    )) })
+  ] });
+}
+function Ne({
+  currentStep: e,
+  totalSteps: a,
+  labels: n
+}) {
+  return /* @__PURE__ */ t("ul", { className: "steps w-full", children: Array.from({ length: a }, (r, s) => {
+    const c = s + 1, l = c < e;
+    return /* @__PURE__ */ t(
+      "li",
+      {
+        className: y(
+          "step",
+          (l || c === e) && "step-primary"
+        ),
+        children: n?.[s] ?? ""
+      },
+      c
+    );
+  }) });
+}
+const xe = ["cute", "cool", "elegant", "powerful"], ye = ["cheerful", "cool", "tsundere", "gentle"];
+function Oe({
+  onSubmit: e,
+  onComplete: a,
+  onGenerateImage: n,
+  isLoading: r,
+  isGeneratingImage: s,
+  isCompleted: c
+}) {
+  const { t: l } = b(), [m, d] = S(c ? 3 : 1), h = M(
+    () => xe.map((u) => ({
+      value: u,
+      label: l(`aidol:creation.concepts.${u}`)
+    })),
+    [l]
+  ), w = M(
+    () => ye.map((u) => ({
+      value: u,
+      label: l(`aidol:creation.personalities.${u}.label`),
+      description: l(`aidol:creation.personalities.${u}.description`)
+    })),
+    [l]
+  ), {
+    register: v,
+    control: P,
+    handleSubmit: F,
+    trigger: L,
+    watch: j,
+    setValue: B,
+    formState: { errors: f }
+  } = Q({
+    resolver: ge(te),
+    defaultValues: {
+      groupName: "",
+      concept: "",
+      profileImageUrl: "",
+      members: [{ name: "", personality: "", systemPrompt: "" }]
+    }
+  }), C = j("profileImageUrl"), { fields: D, append: T } = X({
+    control: P,
+    name: "members"
+  }), A = j("members"), G = async (u) => {
+    const p = await n(u);
+    p && B("profileImageUrl", p);
+  }, V = async () => {
+    await L(["groupName", "profileImageUrl"]) && d(2);
+  }, _ = F(async (u) => {
+    const p = u.members.filter((N) => N.name.trim());
+    await e({ ...u, members: p }), d(3);
+  }), K = () => {
+    T({ name: "", personality: "", systemPrompt: "" });
+  };
+  return /* @__PURE__ */ t("main", { className: "flex min-h-dvh w-full flex-col items-center bg-base-100 px-6 py-20", children: /* @__PURE__ */ o("div", { className: "w-full max-w-lg", children: [
+    /* @__PURE__ */ t(
+      Ne,
+      {
+        currentStep: m,
+        totalSteps: 3,
+        labels: [
+          l("aidol:creation.step1"),
+          l("aidol:creation.step2"),
+          l("aidol:creation.step3")
+        ]
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: "mt-8", children: [
+      m === 1 && /* @__PURE__ */ o("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ t("h2", { className: "text-display-s font-bold", children: l("aidol:creation.step1Title") }),
+        /* @__PURE__ */ t(
+          O,
+          {
+            ...v("groupName"),
+            error: f.groupName?.message ? l(f.groupName.message, { ns: "aidol" }) : void 0
+          }
+        ),
+        /* @__PURE__ */ t(
+          U,
+          {
+            ...v("concept"),
+            options: h
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: "form-control", children: [
+          /* @__PURE__ */ t("label", { className: "label", children: /* @__PURE__ */ t("span", { className: "label-text font-medium", children: l("aidol:creation.emblem") }) }),
+          /* @__PURE__ */ t(
+            he,
+            {
+              onGenerate: G,
+              isGenerating: s,
+              disabled: r
+            }
+          ),
+          C && /* @__PURE__ */ t("div", { className: "mt-2 flex justify-center", children: /* @__PURE__ */ t(
+            I,
+            {
+              url: C,
+              alt: l("aidol:creation.emblem"),
+              size: "lg"
+            }
+          ) }),
+          f.profileImageUrl?.message && /* @__PURE__ */ t("p", { className: "mt-1 text-sm text-error", children: l(f.profileImageUrl.message, { ns: "aidol" }) })
+        ] }),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            onClick: V,
+            disabled: !C,
+            className: "btn btn-primary w-full",
+            children: l("aidol:creation.next")
+          }
+        )
+      ] }),
+      m === 2 && /* @__PURE__ */ o("form", { onSubmit: _, className: "space-y-6", children: [
+        /* @__PURE__ */ t("h2", { className: "text-display-s font-bold", children: l("aidol:creation.step2Title") }),
+        D.map((u, p) => /* @__PURE__ */ o(
+          "div",
+          {
+            className: "space-y-4 rounded-lg border border-base-300 p-4",
+            children: [
+              /* @__PURE__ */ o("div", { className: "flex items-center gap-4", children: [
+                /* @__PURE__ */ t(
+                  I,
+                  {
+                    url: null,
+                    alt: A[p]?.name ?? "",
+                    size: "sm"
+                  }
+                ),
+                /* @__PURE__ */ t("div", { className: "flex-1", children: /* @__PURE__ */ t(
+                  Z,
+                  {
+                    ...v(`members.${p}.name`),
+                    error: f.members?.[p]?.name?.message ? l(f.members?.[p]?.name?.message ?? "", {
+                      ns: "aidol"
+                    }) : void 0
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ t(
+                ee,
+                {
+                  name: `members.${p}.personality`,
+                  control: P,
+                  render: ({ field: N }) => /* @__PURE__ */ t(
+                    ve,
+                    {
+                      value: N.value ?? "",
+                      onChange: N.onChange,
+                      options: w
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ t(
+                R,
+                {
+                  ...v(`members.${p}.systemPrompt`),
+                  charCount: A[p]?.systemPrompt?.length ?? 0
+                }
+              )
+            ]
+          },
+          u.id
+        )),
+        /* @__PURE__ */ t(be, { onClick: K, isLoading: !1 }),
+        f.members?.root?.message && /* @__PURE__ */ t("p", { className: "text-center text-error", children: l(f.members.root.message, { ns: "aidol" }) }),
+        /* @__PURE__ */ o("div", { className: "flex gap-4", children: [
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              onClick: () => d(1),
+              className: "btn btn-ghost flex-1",
+              disabled: r,
+              children: l("aidol:creation.back")
+            }
+          ),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "submit",
+              className: "btn btn-primary flex-1",
+              disabled: r,
+              children: r ? /* @__PURE__ */ t("span", { className: "loading loading-spinner loading-sm" }) : l("aidol:creation.create")
+            }
+          )
+        ] })
+      ] }),
+      m === 3 && /* @__PURE__ */ o("div", { className: "space-y-6 text-center", children: [
+        /* @__PURE__ */ t("div", { className: "text-6xl", children: "🎉" }),
+        /* @__PURE__ */ t("h2", { className: "text-display-s font-bold", children: l("aidol:creation.completeTitle") }),
+        /* @__PURE__ */ t("p", { className: "text-body-l text-base-content/70", children: l("aidol:creation.completeDescription") }),
+        /* @__PURE__ */ t("button", { onClick: a, className: "btn btn-primary w-full", children: l("aidol:creation.viewProfile") })
+      ] })
+    ] })
+  ] }) });
+}
+function we({
+  title: e,
+  titleId: a,
+  ...n
+}, r) {
+  return /* @__PURE__ */ i.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: r,
+    "aria-labelledby": a
+  }, n), e ? /* @__PURE__ */ i.createElement("title", {
+    id: a
+  }, e) : null, /* @__PURE__ */ i.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z",
+    clipRule: "evenodd"
+  }));
+}
+const Ce = i.forwardRef(we), E = {
+  initial: { y: 40, opacity: 0 },
+  animate: {
+    y: 0,
+    opacity: 1,
+    transition: {
+      duration: 0.8,
+      ease: "easeInOut"
+    }
+  }
+}, Ee = {
+  animate: {
+    transition: {
+      staggerChildren: 0.2
+    }
+  }
+};
+function Ze() {
+  const { t: e } = b();
+  return /* @__PURE__ */ o(
+    g.section,
+    {
+      variants: Ee,
+      initial: "initial",
+      whileInView: "animate",
+      viewport: { once: !0, amount: 0.1 },
+      className: "container mx-auto px-6 py-20 text-center md:py-28",
+      children: [
+        /* @__PURE__ */ t(g.div, { variants: E, children: /* @__PURE__ */ t(Ce, { className: "mx-auto size-24 text-secondary drop-shadow-[0_0_16px_theme(colors.secondary)]" }) }),
+        /* @__PURE__ */ t(
+          g.h2,
+          {
+            variants: E,
+            className: "mt-4 text-display-s md:text-display-m",
+            children: e("aidol:landing.demo.title")
+          }
+        ),
+        /* @__PURE__ */ t(
+          g.p,
+          {
+            variants: E,
+            className: "mx-auto mt-4 max-w-lg text-body-l text-neutral-content",
+            children: e("aidol:landing.demo.description")
+          }
+        )
+      ]
+    }
+  );
+}
+const k = {
+  initial: { y: 40, opacity: 0 },
+  animate: {
+    y: 0,
+    opacity: 1,
+    transition: {
+      duration: 0.8,
+      ease: "easeInOut"
+    }
+  }
+}, ke = {
+  animate: {
+    transition: {
+      staggerChildren: 0.2
+    }
+  }
+};
+function Fe({ onGetStarted: e }) {
+  const { t: a } = b();
+  return /* @__PURE__ */ t("div", { className: "hero min-h-screen bg-gradient-to-b from-base-200 to-primary pt-20", children: /* @__PURE__ */ o(
+    g.div,
+    {
+      variants: ke,
+      initial: "initial",
+      animate: "animate",
+      className: "hero-content flex-col gap-12 text-center text-base-content",
+      children: [
+        /* @__PURE__ */ o("div", { className: "max-w-3xl", children: [
+          /* @__PURE__ */ t(
+            g.h1,
+            {
+              variants: k,
+              className: "mb-4 text-display-m md:text-display-l",
+              children: a("aidol:landing.hero.title")
+            }
+          ),
+          /* @__PURE__ */ t(
+            g.p,
+            {
+              variants: k,
+              className: "mx-auto mt-6 max-w-xl text-body-l text-neutral-content",
+              children: a("aidol:landing.hero.description")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(g.div, { variants: k, children: /* @__PURE__ */ t(
+          "button",
+          {
+            onClick: e,
+            className: "btn btn-primary font-semibold",
+            children: a("aidol:landing.hero.cta")
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+function Le({ url: e, onShare: a }) {
+  const { t: n } = b(), [r, s] = S(!1), c = Y(async () => {
+    await navigator.clipboard.writeText(e), s(!0), a?.(), setTimeout(() => s(!1), 2e3);
+  }, [e, a]);
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      onClick: c,
+      className: "btn btn-circle btn-ghost",
+      "aria-label": n("aidol:share"),
+      children: r ? /* @__PURE__ */ t(re, { className: "size-6 text-success" }) : /* @__PURE__ */ t(oe, { className: "size-6" })
+    }
+  );
+}
+export {
+  be as AddMemberButton,
+  pe as Card,
+  Ue as CompanionGrid,
+  U as ConceptSelector,
+  Ze as DemoSection,
+  he as EmblemGenerator,
+  Oe as GroupCreation,
+  $e as GroupHeader,
+  O as GroupNameInput,
+  Fe as HeroSection,
+  I as ImagePreview,
+  Z as MemberNameInput,
+  ve as PersonalitySelector,
+  R as PromptInput,
+  Le as ShareButton,
+  Ne as StepIndicator
+};
+//# sourceMappingURL=client.js.map