@agentaily/design-system 0.2.0 → 0.4.0

package/dist/components/auth/AccountControl.js

@@ -0,0 +1,47 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Avatar } from "../display/Avatar.js";
+import { Button } from "../buttons/Button.js";
+import { DropdownMenu } from "../overlay/DropdownMenu.js";
+import { Icon } from "../utilities/Icon.js";
+const AX_ACCOUNT_CSS = `
+.am-acct { appearance: none; border: none; background: none; padding: 0; cursor: pointer;
+  display: inline-flex; border-radius: var(--radius-2); transition: box-shadow var(--dur-1) var(--ease-out); }
+.am-acct:hover { box-shadow: 0 0 0 2px var(--border-strong); }
+.am-acct:active { transform: translateY(1px); }
+`;
+if (typeof document !== "undefined" && !document.getElementById("ax-account-css")) {
+  const s = document.createElement("style");
+  s.id = "ax-account-css";
+  s.textContent = AX_ACCOUNT_CSS;
+  document.head.appendChild(s);
+}
+function AccountControl({ user, onLogin, onLogout, items = [], signInLabel = "登录" }) {
+  if (!user) {
+    return /* @__PURE__ */ jsx(Button, { variant: "ghost", icon: /* @__PURE__ */ jsx(Icon, { name: "user", size: 14 }), onClick: onLogin, children: signInLabel });
+  }
+  return /* @__PURE__ */ jsx(
+    DropdownMenu,
+    {
+      align: "end",
+      trigger: /* @__PURE__ */ jsx("button", { className: "am-acct", "aria-label": "账户菜单", children: /* @__PURE__ */ jsx(Avatar, { name: user.name || user.email, size: "sm" }) }),
+      items: [
+        { type: "label", label: "已登录账户" },
+        { label: user.email, icon: /* @__PURE__ */ jsx(Icon, { name: "mail", size: 15 }), onSelect: () => {
+        } },
+        ...items.length ? [{ type: "separator" }, ...items] : [],
+        { type: "separator" },
+        {
+          label: "退出登录",
+          icon: /* @__PURE__ */ jsx(Icon, { name: "logout", size: 15 }),
+          danger: true,
+          onSelect: onLogout
+        }
+      ]
+    }
+  );
+}
+export {
+  AccountControl
+};
+//# sourceMappingURL=AccountControl.js.map

package/dist/components/auth/AccountControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountControl.js","sources":["../../../src/components/auth/AccountControl.jsx"],"sourcesContent":["import React from \"react\";\nimport { Avatar } from \"../display/Avatar.jsx\";\nimport { Button } from \"../buttons/Button.jsx\";\nimport { DropdownMenu } from \"../overlay/DropdownMenu.jsx\";\nimport { Icon } from \"../utilities/Icon.jsx\";\n\n// AccountControl — top-bar account affordance. Signed out: a \"登录\" button.\n// Signed in: an avatar that opens a dropdown (email, custom items, sign out).\nconst AX_ACCOUNT_CSS = `\n.am-acct { appearance: none; border: none; background: none; padding: 0; cursor: pointer;\n  display: inline-flex; border-radius: var(--radius-2); transition: box-shadow var(--dur-1) var(--ease-out); }\n.am-acct:hover { box-shadow: 0 0 0 2px var(--border-strong); }\n.am-acct:active { transform: translateY(1px); }\n`;\n\nif (typeof document !== \"undefined\" && !document.getElementById(\"ax-account-css\")) {\n  const s = document.createElement(\"style\");\n  s.id = \"ax-account-css\";\n  s.textContent = AX_ACCOUNT_CSS;\n  document.head.appendChild(s);\n}\n\nexport function AccountControl({ user, onLogin, onLogout, items = [], signInLabel = \"登录\" }) {\n  if (!user) {\n    return (\n      <Button variant=\"ghost\" icon={<Icon name=\"user\" size={14} />} onClick={onLogin}>\n        {signInLabel}\n      </Button>\n    );\n  }\n  return (\n    <DropdownMenu\n      align=\"end\"\n      trigger={\n        <button className=\"am-acct\" aria-label=\"账户菜单\">\n          <Avatar name={user.name || user.email} size=\"sm\" />\n        </button>\n      }\n      items={[\n        { type: \"label\", label: \"已登录账户\" },\n        { label: user.email, icon: <Icon name=\"mail\" size={15} />, onSelect: () => {} },\n        ...(items.length ? [{ type: \"separator\" }, ...items] : []),\n        { type: \"separator\" },\n        {\n          label: \"退出登录\",\n          icon: <Icon name=\"logout\" size={15} />,\n          danger: true,\n          onSelect: onLogout,\n        },\n      ]}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,IAAI,OAAO,aAAa,eAAe,CAAC,SAAS,eAAe,gBAAgB,GAAG;AACjF,QAAM,IAAI,SAAS,cAAc,OAAO;AACxC,IAAE,KAAK;AACP,IAAE,cAAc;AAChB,WAAS,KAAK,YAAY,CAAC;AAC7B;AAEO,SAAS,eAAe,EAAE,MAAM,SAAS,UAAU,QAAQ,CAAA,GAAI,cAAc,QAAQ;AAC1F,MAAI,CAAC,MAAM;AACT,WACE,oBAAC,QAAA,EAAO,SAAQ,SAAQ,MAAM,oBAAC,MAAA,EAAK,MAAK,QAAO,MAAM,IAAI,GAAI,SAAS,SACpE,UAAA,aACH;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SACE,oBAAC,UAAA,EAAO,WAAU,WAAU,cAAW,QACrC,UAAA,oBAAC,QAAA,EAAO,MAAM,KAAK,QAAQ,KAAK,OAAO,MAAK,MAAK,GACnD;AAAA,MAEF,OAAO;AAAA,QACL,EAAE,MAAM,SAAS,OAAO,QAAA;AAAA,QACxB,EAAE,OAAO,KAAK,OAAO,MAAM,oBAAC,MAAA,EAAK,MAAK,QAAO,MAAM,GAAA,CAAI,GAAI,UAAU,MAAM;AAAA,QAAC,EAAA;AAAA,QAC5E,GAAI,MAAM,SAAS,CAAC,EAAE,MAAM,eAAe,GAAG,KAAK,IAAI,CAAA;AAAA,QACvD,EAAE,MAAM,YAAA;AAAA,QACR;AAAA,UACE,OAAO;AAAA,UACP,MAAM,oBAAC,MAAA,EAAK,MAAK,UAAS,MAAM,IAAI;AAAA,UACpC,QAAQ;AAAA,UACR,UAAU;AAAA,QAAA;AAAA,MACZ;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components/auth/AuthDialog.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Sign in / register modal with a localStorage-persisted session. Tabs switch
+ * mode; client-side validation; a brief faux-submit then a success panel that
+ * fires `onSuccess(email)`. The session hook is exposed as `AuthDialog.useAuth`.
+ */
+export interface AuthUser {
+  email: string;
+  name: string;
+  since: number;
+}
+export interface AuthSession {
+  user: AuthUser | null;
+  signIn: (email: string) => void;
+  signOut: () => void;
+}
+export interface AuthCopy {
+  title?: string;
+  sub?: string;
+  cta?: string;
+  busy?: string;
+  okh?: string;
+}
+export interface AuthDialogProps {
+  open: boolean;
+  /** Optional gated-reason line shown above the form (e.g. "登录以继续导出"). */
+  reason?: string;
+  /** @default "login" */
+  initialMode?: "login" | "register";
+  /** Override per-mode copy (title / sub / cta / busy / okh). */
+  copy?: { login?: AuthCopy; register?: AuthCopy };
+  onClose?: () => void;
+  /** Fires with the email after a successful submit. */
+  onSuccess?: (email: string) => void;
+}
+export declare function AuthDialog(props: AuthDialogProps): JSX.Element | null;
+export declare namespace AuthDialog {
+  /** localStorage-persisted session: { user, signIn, signOut }. */
+  function useAuth(storageKey?: string): AuthSession;
+}

package/dist/components/auth/AuthDialog.js

@@ -0,0 +1,327 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useRef } from "react";
+import { BrandMark } from "../utilities/BrandMark.js";
+import { Button } from "../buttons/Button.js";
+import { Checkbox } from "../inputs/Checkbox.js";
+import { Icon } from "../utilities/Icon.js";
+import { Tabs } from "../display/Tabs.js";
+const AX_AUTH_CSS = `
+.am-modal { width: min(412px, calc(100vw - 40px)); position: relative; }
+.am-x { position: absolute; top: 14px; right: 14px; z-index: 1; appearance: none; background: none; border: none;
+  cursor: pointer; color: var(--text-faint); font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.02em;
+  padding: 3px 5px; border-radius: var(--radius-1); transition: color var(--dur-1) var(--ease-out), background var(--dur-1) var(--ease-out); }
+.am-x:hover { color: var(--text-body); background: var(--surface-raised); }
+.am-body { padding: 30px 30px 26px; }
+.am-brand { display: flex; align-items: center; gap: 9px; margin-bottom: 18px; }
+.am-reason { display: flex; align-items: center; gap: 8px; margin-bottom: 18px; padding: 9px 11px;
+  background: var(--surface-card); border: 1px solid var(--border-default); border-radius: var(--radius-2);
+  font-size: var(--text-xs); color: var(--text-muted); line-height: var(--leading-snug); }
+.am-reason svg { flex: none; color: var(--text-faint); }
+.am-switch { margin-bottom: 20px; }
+.am-head { margin-bottom: 20px; }
+.am-title { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 500;
+  letter-spacing: var(--tracking-tight); line-height: var(--leading-tight); color: var(--text-body); margin: 0 0 7px; }
+.am-sub { font-size: var(--text-sm); color: var(--text-muted); line-height: var(--leading-snug); margin: 0; }
+.am-form { display: flex; flex-direction: column; }
+.am-fields { display: flex; flex-direction: column; gap: 16px; }
+.am-pwwrap { position: relative; display: block; }
+.am-pwtoggle { position: absolute; top: 0; right: 0; height: 36px; width: 38px; display: flex;
+  align-items: center; justify-content: center; background: none; border: none; cursor: pointer;
+  color: var(--text-faint); border-radius: 0 var(--radius-2) var(--radius-2) 0; transition: color var(--dur-1) var(--ease-out); }
+.am-pwtoggle:hover { color: var(--text-body); }
+.am-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; }
+.am-link { appearance: none; border: none; background: none; padding: 0; cursor: pointer;
+  font-family: var(--font-body); font-size: var(--text-sm); color: var(--text-muted);
+  text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--border-strong);
+  transition: color var(--dur-1) var(--ease-out), text-decoration-color var(--dur-1) var(--ease-out); }
+.am-link:hover { color: var(--text-body); text-decoration-color: var(--text-faint); }
+.am-link--mute { color: var(--text-muted); }
+.am-note { margin: 12px 0 0; font-size: var(--text-xs); color: var(--text-faint); line-height: var(--leading-snug); }
+.am-note strong { color: var(--text-muted); font-weight: 500; }
+.am-submit { margin-top: 22px; }
+.am-terms { margin: 14px 0 0; text-align: center; font-size: var(--text-xs); color: var(--text-faint); line-height: var(--leading-snug); }
+.am-done { padding: 46px 30px 42px; display: flex; flex-direction: column; align-items: center; text-align: center; }
+.am-donemark { width: 48px; height: 48px; border-radius: var(--radius-full); background: var(--ok-dim); color: var(--ok);
+  display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
+.am-doneh { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 500;
+  letter-spacing: var(--tracking-tight); color: var(--text-body); margin: 0 0 9px; }
+.am-donep { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-muted); letter-spacing: 0.02em;
+  border: 1px solid var(--border-default); border-radius: var(--radius-2); padding: 7px 12px; margin: 0; }
+.am-in { animation: am-in var(--dur-3) var(--ease-out) both; }
+@keyframes am-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
+@media (prefers-reduced-motion: reduce) { .am-in { animation: none; } }
+`;
+if (typeof document !== "undefined" && !document.getElementById("ax-auth-css")) {
+  const s = document.createElement("style");
+  s.id = "ax-auth-css";
+  s.textContent = AX_AUTH_CSS;
+  document.head.appendChild(s);
+}
+const AUTH_KEY = "agentaily.auth.v1";
+function useAuth(storageKey = AUTH_KEY) {
+  const [user, setUser] = useState(() => {
+    try {
+      return JSON.parse(localStorage.getItem(storageKey) || "null");
+    } catch (e) {
+      return null;
+    }
+  });
+  const signIn = (email) => {
+    const u = { email, name: email.split("@")[0], since: Date.now() };
+    setUser(u);
+    try {
+      localStorage.setItem(storageKey, JSON.stringify(u));
+    } catch (e) {
+    }
+  };
+  const signOut = () => {
+    setUser(null);
+    try {
+      localStorage.removeItem(storageKey);
+    } catch (e) {
+    }
+  };
+  return { user, signIn, signOut };
+}
+function AuthPwField({ label, value, onChange, error, placeholder, autoComplete, name }) {
+  const [show, setShow] = useState(false);
+  return /* @__PURE__ */ jsxs("label", { className: "ax-field", children: [
+    /* @__PURE__ */ jsx("span", { className: "ax-field__label", children: label }),
+    /* @__PURE__ */ jsxs("span", { className: "am-pwwrap", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: "ax-input" + (error ? " ax-input--error" : ""),
+          type: show ? "text" : "password",
+          value,
+          name,
+          autoComplete,
+          placeholder,
+          onChange: (e) => onChange(e.target.value),
+          style: { paddingRight: 42 }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "am-pwtoggle",
+          tabIndex: -1,
+          "aria-label": show ? "隐藏密码" : "显示密码",
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: () => setShow((s) => !s),
+          children: /* @__PURE__ */ jsx(Icon, { name: show ? "eyeOff" : "eye", size: 16 })
+        }
+      )
+    ] }),
+    error ? /* @__PURE__ */ jsx("span", { className: "ax-field__hint ax-field__hint--error", children: error }) : null
+  ] });
+}
+const DEFAULT_COPY = {
+  login: { title: "欢迎回来", sub: "登录以继续。", cta: "登录", busy: "登录中…", okh: "登录成功" },
+  register: {
+    title: "创建账户",
+    sub: "注册一个 Agentaily 账户开始创作。",
+    cta: "创建账户",
+    busy: "创建中…",
+    okh: "账户已创建"
+  }
+};
+function AuthDialog({ open, reason, initialMode = "login", copy, onClose, onSuccess }) {
+  const COPY = {
+    login: { ...DEFAULT_COPY.login, ...copy && copy.login },
+    register: { ...DEFAULT_COPY.register, ...copy && copy.register }
+  };
+  const [mode, setMode] = useState(initialMode);
+  const [vals, setVals] = useState({ email: "", password: "", confirm: "" });
+  const [errs, setErrs] = useState({});
+  const [remember, setRemember] = useState(true);
+  const [forgot, setForgot] = useState(false);
+  const [submitting, setSubmitting] = useState(false);
+  const [ok, setOk] = useState(false);
+  const busy = useRef(false);
+  const lastOpen = useRef(false);
+  if (open && !lastOpen.current) {
+    lastOpen.current = true;
+    setMode(initialMode);
+    setVals({ email: "", password: "", confirm: "" });
+    setErrs({});
+    setForgot(false);
+    setSubmitting(false);
+    setOk(false);
+    busy.current = false;
+  }
+  if (!open && lastOpen.current) lastOpen.current = false;
+  if (!open) return null;
+  const c = COPY[mode];
+  const setField = (k, v) => {
+    setVals((s) => ({ ...s, [k]: v }));
+    if (errs[k])
+      setErrs((e) => {
+        const n = { ...e };
+        delete n[k];
+        return n;
+      });
+  };
+  const switchMode = (m) => {
+    if (m === mode || submitting || ok) return;
+    setMode(m);
+    setErrs({});
+    setForgot(false);
+  };
+  const validate = () => {
+    const e = {};
+    const email = vals.email.trim();
+    if (!email) e.email = "请输入邮箱";
+    else if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email)) e.email = "邮箱格式不正确";
+    if (!vals.password) e.password = "请输入密码";
+    else if (vals.password.length < 8) e.password = "密码至少 8 位";
+    if (mode === "register") {
+      if (!vals.confirm) e.confirm = "请再次输入密码";
+      else if (vals.confirm !== vals.password) e.confirm = "两次输入的密码不一致";
+    }
+    return e;
+  };
+  const submit = (ev) => {
+    if (ev) ev.preventDefault();
+    if (busy.current || ok) return;
+    const e = validate();
+    setErrs(e);
+    if (Object.keys(e).length) return;
+    const email = vals.email.trim();
+    busy.current = true;
+    setSubmitting(true);
+    setTimeout(() => {
+      setSubmitting(false);
+      setOk(true);
+      setTimeout(() => onSuccess && onSuccess(email), 720);
+    }, 780);
+  };
+  return /* @__PURE__ */ jsx("div", { className: "ax-dialog-overlay", onClick: onClose, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "ax-dialog am-modal",
+      role: "dialog",
+      "aria-modal": "true",
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsx("button", { className: "am-x", onClick: onClose, "aria-label": "关闭", children: "ESC ✕" }),
+        ok ? /* @__PURE__ */ jsxs("div", { className: "am-body am-done", children: [
+          /* @__PURE__ */ jsx("span", { className: "am-donemark", children: /* @__PURE__ */ jsx(Icon, { name: "check", size: 22, strokeWidth: 2.2 }) }),
+          /* @__PURE__ */ jsx("h2", { className: "am-doneh", children: c.okh }),
+          /* @__PURE__ */ jsx("p", { className: "am-donep", children: vals.email.trim() })
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "am-body", children: [
+          /* @__PURE__ */ jsx("div", { className: "am-brand", children: /* @__PURE__ */ jsx(BrandMark, { size: 20, wordmark: true, blink: false }) }),
+          reason ? /* @__PURE__ */ jsxs("div", { className: "am-reason", children: [
+            /* @__PURE__ */ jsx(Icon, { name: "lock", size: 13 }),
+            /* @__PURE__ */ jsx("span", { children: reason })
+          ] }) : null,
+          /* @__PURE__ */ jsx("div", { className: "am-switch", children: /* @__PURE__ */ jsx(
+            Tabs,
+            {
+              items: [
+                { id: "login", label: "登录" },
+                { id: "register", label: "注册" }
+              ],
+              active: mode,
+              onChange: switchMode
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "am-head", children: [
+            /* @__PURE__ */ jsx("h2", { className: "am-title", children: c.title }),
+            /* @__PURE__ */ jsx("p", { className: "am-sub", children: c.sub })
+          ] }),
+          /* @__PURE__ */ jsxs("form", { className: "am-form", onSubmit: submit, noValidate: true, children: [
+            /* @__PURE__ */ jsxs("div", { className: "am-fields", children: [
+              /* @__PURE__ */ jsxs("label", { className: "ax-field", children: [
+                /* @__PURE__ */ jsx("span", { className: "ax-field__label", children: "邮箱" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    className: "ax-input" + (errs.email ? " ax-input--error" : ""),
+                    type: "email",
+                    name: "email",
+                    autoComplete: "email",
+                    placeholder: "you@domain.com",
+                    value: vals.email,
+                    onChange: (e) => setField("email", e.target.value)
+                  }
+                ),
+                errs.email ? /* @__PURE__ */ jsx("span", { className: "ax-field__hint ax-field__hint--error", children: errs.email }) : null
+              ] }),
+              /* @__PURE__ */ jsx(
+                AuthPwField,
+                {
+                  label: "密码",
+                  name: "password",
+                  autoComplete: mode === "login" ? "current-password" : "new-password",
+                  placeholder: mode === "login" ? "输入密码" : "至少 8 位",
+                  value: vals.password,
+                  error: errs.password,
+                  onChange: (v) => setField("password", v)
+                }
+              ),
+              mode === "register" ? /* @__PURE__ */ jsx("div", { className: "am-in", children: /* @__PURE__ */ jsx(
+                AuthPwField,
+                {
+                  label: "确认密码",
+                  name: "confirm",
+                  autoComplete: "new-password",
+                  placeholder: "再次输入密码",
+                  value: vals.confirm,
+                  error: errs.confirm,
+                  onChange: (v) => setField("confirm", v)
+                }
+              ) }) : null
+            ] }),
+            mode === "login" ? /* @__PURE__ */ jsxs("div", { className: "am-row", children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  label: "记住我",
+                  checked: remember,
+                  onChange: (e) => setRemember(e.target.checked)
+                }
+              ),
+              /* @__PURE__ */ jsx("button", { type: "button", className: "am-link", onClick: () => setForgot(true), children: "忘记密码？" })
+            ] }) : null,
+            mode === "login" && forgot ? /* @__PURE__ */ jsxs("p", { className: "am-note am-in", children: [
+              "重置链接将发送到你的邮箱",
+              vals.email.trim() ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                " ",
+                "· ",
+                /* @__PURE__ */ jsx("strong", { children: vals.email.trim() })
+              ] }) : /* @__PURE__ */ jsx(Fragment, { children: "，请先填写邮箱" }),
+              "。"
+            ] }) : null,
+            /* @__PURE__ */ jsx("div", { className: "am-submit", children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "primary",
+                size: "lg",
+                full: true,
+                type: "submit",
+                disabled: submitting,
+                onClick: submit,
+                children: submitting ? c.busy : c.cta
+              }
+            ) }),
+            mode === "register" ? /* @__PURE__ */ jsxs("p", { className: "am-terms", children: [
+              "注册即代表你同意 ",
+              /* @__PURE__ */ jsx("span", { className: "am-link am-link--mute", children: "服务条款" }),
+              " 与",
+              " ",
+              /* @__PURE__ */ jsx("span", { className: "am-link am-link--mute", children: "隐私政策" }),
+              "。"
+            ] }) : null
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+AuthDialog.useAuth = useAuth;
+export {
+  AuthDialog
+};
+//# sourceMappingURL=AuthDialog.js.map

package/dist/components/auth/AuthDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthDialog.js","sources":["../../../src/components/auth/AuthDialog.jsx"],"sourcesContent":["import React, { useState, useRef } from \"react\";\nimport { BrandMark } from \"../utilities/BrandMark.jsx\";\nimport { Button } from \"../buttons/Button.jsx\";\nimport { Checkbox } from \"../inputs/Checkbox.jsx\";\nimport { Icon } from \"../utilities/Icon.jsx\";\nimport { Tabs } from \"../display/Tabs.jsx\";\n\n// AuthDialog — sign in / register modal with localStorage-persisted session.\n// The session hook is exposed as a static: AuthDialog.useAuth(). Copy text is\n// overridable so each product can say what it gates (\"编辑与导出你的脚本\" etc).\n// Built on the bundle's .ax-dialog + .ax-field; uses Tabs / Button / Checkbox.\nconst AX_AUTH_CSS = `\n.am-modal { width: min(412px, calc(100vw - 40px)); position: relative; }\n.am-x { position: absolute; top: 14px; right: 14px; z-index: 1; appearance: none; background: none; border: none;\n  cursor: pointer; color: var(--text-faint); font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.02em;\n  padding: 3px 5px; border-radius: var(--radius-1); transition: color var(--dur-1) var(--ease-out), background var(--dur-1) var(--ease-out); }\n.am-x:hover { color: var(--text-body); background: var(--surface-raised); }\n.am-body { padding: 30px 30px 26px; }\n.am-brand { display: flex; align-items: center; gap: 9px; margin-bottom: 18px; }\n.am-reason { display: flex; align-items: center; gap: 8px; margin-bottom: 18px; padding: 9px 11px;\n  background: var(--surface-card); border: 1px solid var(--border-default); border-radius: var(--radius-2);\n  font-size: var(--text-xs); color: var(--text-muted); line-height: var(--leading-snug); }\n.am-reason svg { flex: none; color: var(--text-faint); }\n.am-switch { margin-bottom: 20px; }\n.am-head { margin-bottom: 20px; }\n.am-title { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 500;\n  letter-spacing: var(--tracking-tight); line-height: var(--leading-tight); color: var(--text-body); margin: 0 0 7px; }\n.am-sub { font-size: var(--text-sm); color: var(--text-muted); line-height: var(--leading-snug); margin: 0; }\n.am-form { display: flex; flex-direction: column; }\n.am-fields { display: flex; flex-direction: column; gap: 16px; }\n.am-pwwrap { position: relative; display: block; }\n.am-pwtoggle { position: absolute; top: 0; right: 0; height: 36px; width: 38px; display: flex;\n  align-items: center; justify-content: center; background: none; border: none; cursor: pointer;\n  color: var(--text-faint); border-radius: 0 var(--radius-2) var(--radius-2) 0; transition: color var(--dur-1) var(--ease-out); }\n.am-pwtoggle:hover { color: var(--text-body); }\n.am-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; }\n.am-link { appearance: none; border: none; background: none; padding: 0; cursor: pointer;\n  font-family: var(--font-body); font-size: var(--text-sm); color: var(--text-muted);\n  text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--border-strong);\n  transition: color var(--dur-1) var(--ease-out), text-decoration-color var(--dur-1) var(--ease-out); }\n.am-link:hover { color: var(--text-body); text-decoration-color: var(--text-faint); }\n.am-link--mute { color: var(--text-muted); }\n.am-note { margin: 12px 0 0; font-size: var(--text-xs); color: var(--text-faint); line-height: var(--leading-snug); }\n.am-note strong { color: var(--text-muted); font-weight: 500; }\n.am-submit { margin-top: 22px; }\n.am-terms { margin: 14px 0 0; text-align: center; font-size: var(--text-xs); color: var(--text-faint); line-height: var(--leading-snug); }\n.am-done { padding: 46px 30px 42px; display: flex; flex-direction: column; align-items: center; text-align: center; }\n.am-donemark { width: 48px; height: 48px; border-radius: var(--radius-full); background: var(--ok-dim); color: var(--ok);\n  display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }\n.am-doneh { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 500;\n  letter-spacing: var(--tracking-tight); color: var(--text-body); margin: 0 0 9px; }\n.am-donep { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--text-muted); letter-spacing: 0.02em;\n  border: 1px solid var(--border-default); border-radius: var(--radius-2); padding: 7px 12px; margin: 0; }\n.am-in { animation: am-in var(--dur-3) var(--ease-out) both; }\n@keyframes am-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }\n@media (prefers-reduced-motion: reduce) { .am-in { animation: none; } }\n`;\n\nif (typeof document !== \"undefined\" && !document.getElementById(\"ax-auth-css\")) {\n  const s = document.createElement(\"style\");\n  s.id = \"ax-auth-css\";\n  s.textContent = AX_AUTH_CSS;\n  document.head.appendChild(s);\n}\n\nconst AUTH_KEY = \"agentaily.auth.v1\";\n\n// localStorage-persisted session hook (exposed as AuthDialog.useAuth)\nfunction useAuth(storageKey = AUTH_KEY) {\n  const [user, setUser] = useState(() => {\n    try {\n      return JSON.parse(localStorage.getItem(storageKey) || \"null\");\n    } catch (e) {\n      return null;\n    }\n  });\n  const signIn = (email) => {\n    const u = { email, name: email.split(\"@\")[0], since: Date.now() };\n    setUser(u);\n    try {\n      localStorage.setItem(storageKey, JSON.stringify(u));\n    } catch (e) {}\n  };\n  const signOut = () => {\n    setUser(null);\n    try {\n      localStorage.removeItem(storageKey);\n    } catch (e) {}\n  };\n  return { user, signIn, signOut };\n}\n\nfunction AuthPwField({ label, value, onChange, error, placeholder, autoComplete, name }) {\n  const [show, setShow] = useState(false);\n  return (\n    <label className=\"ax-field\">\n      <span className=\"ax-field__label\">{label}</span>\n      <span className=\"am-pwwrap\">\n        <input\n          className={\"ax-input\" + (error ? \" ax-input--error\" : \"\")}\n          type={show ? \"text\" : \"password\"}\n          value={value}\n          name={name}\n          autoComplete={autoComplete}\n          placeholder={placeholder}\n          onChange={(e) => onChange(e.target.value)}\n          style={{ paddingRight: 42 }}\n        />\n        <button\n          type=\"button\"\n          className=\"am-pwtoggle\"\n          tabIndex={-1}\n          aria-label={show ? \"隐藏密码\" : \"显示密码\"}\n          onMouseDown={(e) => e.preventDefault()}\n          onClick={() => setShow((s) => !s)}\n        >\n          <Icon name={show ? \"eyeOff\" : \"eye\"} size={16} />\n        </button>\n      </span>\n      {error ? <span className=\"ax-field__hint ax-field__hint--error\">{error}</span> : null}\n    </label>\n  );\n}\n\nconst DEFAULT_COPY = {\n  login: { title: \"欢迎回来\", sub: \"登录以继续。\", cta: \"登录\", busy: \"登录中…\", okh: \"登录成功\" },\n  register: {\n    title: \"创建账户\",\n    sub: \"注册一个 Agentaily 账户开始创作。\",\n    cta: \"创建账户\",\n    busy: \"创建中…\",\n    okh: \"账户已创建\",\n  },\n};\n\nexport function AuthDialog({ open, reason, initialMode = \"login\", copy, onClose, onSuccess }) {\n  const COPY = {\n    login: { ...DEFAULT_COPY.login, ...(copy && copy.login) },\n    register: { ...DEFAULT_COPY.register, ...(copy && copy.register) },\n  };\n\n  const [mode, setMode] = useState(initialMode);\n  const [vals, setVals] = useState({ email: \"\", password: \"\", confirm: \"\" });\n  const [errs, setErrs] = useState({});\n  const [remember, setRemember] = useState(true);\n  const [forgot, setForgot] = useState(false);\n  const [submitting, setSubmitting] = useState(false);\n  const [ok, setOk] = useState(false);\n  const busy = useRef(false);\n  const lastOpen = useRef(false);\n\n  if (open && !lastOpen.current) {\n    lastOpen.current = true;\n    setMode(initialMode);\n    setVals({ email: \"\", password: \"\", confirm: \"\" });\n    setErrs({});\n    setForgot(false);\n    setSubmitting(false);\n    setOk(false);\n    busy.current = false;\n  }\n  if (!open && lastOpen.current) lastOpen.current = false;\n  if (!open) return null;\n\n  const c = COPY[mode];\n  const setField = (k, v) => {\n    setVals((s) => ({ ...s, [k]: v }));\n    if (errs[k])\n      setErrs((e) => {\n        const n = { ...e };\n        delete n[k];\n        return n;\n      });\n  };\n  const switchMode = (m) => {\n    if (m === mode || submitting || ok) return;\n    setMode(m);\n    setErrs({});\n    setForgot(false);\n  };\n  const validate = () => {\n    const e = {};\n    const email = vals.email.trim();\n    if (!email) e.email = \"请输入邮箱\";\n    else if (!/^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$/.test(email)) e.email = \"邮箱格式不正确\";\n    if (!vals.password) e.password = \"请输入密码\";\n    else if (vals.password.length < 8) e.password = \"密码至少 8 位\";\n    if (mode === \"register\") {\n      if (!vals.confirm) e.confirm = \"请再次输入密码\";\n      else if (vals.confirm !== vals.password) e.confirm = \"两次输入的密码不一致\";\n    }\n    return e;\n  };\n  const submit = (ev) => {\n    if (ev) ev.preventDefault();\n    if (busy.current || ok) return;\n    const e = validate();\n    setErrs(e);\n    if (Object.keys(e).length) return;\n    const email = vals.email.trim();\n    busy.current = true;\n    setSubmitting(true);\n    setTimeout(() => {\n      setSubmitting(false);\n      setOk(true);\n      setTimeout(() => onSuccess && onSuccess(email), 720);\n    }, 780);\n  };\n\n  return (\n    <div className=\"ax-dialog-overlay\" onClick={onClose}>\n      <div\n        className=\"ax-dialog am-modal\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <button className=\"am-x\" onClick={onClose} aria-label=\"关闭\">\n          ESC ✕\n        </button>\n\n        {ok ? (\n          <div className=\"am-body am-done\">\n            <span className=\"am-donemark\">\n              <Icon name=\"check\" size={22} strokeWidth={2.2} />\n            </span>\n            <h2 className=\"am-doneh\">{c.okh}</h2>\n            <p className=\"am-donep\">{vals.email.trim()}</p>\n          </div>\n        ) : (\n          <div className=\"am-body\">\n            <div className=\"am-brand\">\n              <BrandMark size={20} wordmark blink={false} />\n            </div>\n\n            {reason ? (\n              <div className=\"am-reason\">\n                <Icon name=\"lock\" size={13} />\n                <span>{reason}</span>\n              </div>\n            ) : null}\n\n            <div className=\"am-switch\">\n              <Tabs\n                items={[\n                  { id: \"login\", label: \"登录\" },\n                  { id: \"register\", label: \"注册\" },\n                ]}\n                active={mode}\n                onChange={switchMode}\n              />\n            </div>\n\n            <div className=\"am-head\">\n              <h2 className=\"am-title\">{c.title}</h2>\n              <p className=\"am-sub\">{c.sub}</p>\n            </div>\n\n            <form className=\"am-form\" onSubmit={submit} noValidate>\n              <div className=\"am-fields\">\n                <label className=\"ax-field\">\n                  <span className=\"ax-field__label\">邮箱</span>\n                  <input\n                    className={\"ax-input\" + (errs.email ? \" ax-input--error\" : \"\")}\n                    type=\"email\"\n                    name=\"email\"\n                    autoComplete=\"email\"\n                    placeholder=\"you@domain.com\"\n                    value={vals.email}\n                    onChange={(e) => setField(\"email\", e.target.value)}\n                  />\n                  {errs.email ? (\n                    <span className=\"ax-field__hint ax-field__hint--error\">{errs.email}</span>\n                  ) : null}\n                </label>\n\n                <AuthPwField\n                  label=\"密码\"\n                  name=\"password\"\n                  autoComplete={mode === \"login\" ? \"current-password\" : \"new-password\"}\n                  placeholder={mode === \"login\" ? \"输入密码\" : \"至少 8 位\"}\n                  value={vals.password}\n                  error={errs.password}\n                  onChange={(v) => setField(\"password\", v)}\n                />\n\n                {mode === \"register\" ? (\n                  <div className=\"am-in\">\n                    <AuthPwField\n                      label=\"确认密码\"\n                      name=\"confirm\"\n                      autoComplete=\"new-password\"\n                      placeholder=\"再次输入密码\"\n                      value={vals.confirm}\n                      error={errs.confirm}\n                      onChange={(v) => setField(\"confirm\", v)}\n                    />\n                  </div>\n                ) : null}\n              </div>\n\n              {mode === \"login\" ? (\n                <div className=\"am-row\">\n                  <Checkbox\n                    label=\"记住我\"\n                    checked={remember}\n                    onChange={(e) => setRemember(e.target.checked)}\n                  />\n                  <button type=\"button\" className=\"am-link\" onClick={() => setForgot(true)}>\n                    忘记密码？\n                  </button>\n                </div>\n              ) : null}\n              {mode === \"login\" && forgot ? (\n                <p className=\"am-note am-in\">\n                  重置链接将发送到你的邮箱\n                  {vals.email.trim() ? (\n                    <>\n                      {\" \"}\n                      · <strong>{vals.email.trim()}</strong>\n                    </>\n                  ) : (\n                    <>，请先填写邮箱</>\n                  )}\n                  。\n                </p>\n              ) : null}\n\n              <div className=\"am-submit\">\n                <Button\n                  variant=\"primary\"\n                  size=\"lg\"\n                  full\n                  type=\"submit\"\n                  disabled={submitting}\n                  onClick={submit}\n                >\n                  {submitting ? c.busy : c.cta}\n                </Button>\n              </div>\n\n              {mode === \"register\" ? (\n                <p className=\"am-terms\">\n                  注册即代表你同意 <span className=\"am-link am-link--mute\">服务条款</span> 与{\" \"}\n                  <span className=\"am-link am-link--mute\">隐私政策</span>。\n                </p>\n              ) : null}\n            </form>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// session hook, exposed off the capitalized component (mirrors Form.useForm)\nAuthDialog.useAuth = useAuth;\n"],"names":[],"mappings":"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"}

package/dist/components/auth/SignInPage.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Full-page auth: a split brand panel (dot-grid + quote) beside a centered card.
+ * One component, two modes (signin / signup) — the brand panel, SSO, and chrome
+ * are shared; only fields, copy, and footer differ. The built-in footer link
+ * flips mode and fires onModeChange (wire it to your router to swap the URL).
+ * Light built-in validation (email format, password length, confirm match).
+ * For a modal instead, use AuthDialog. Brand panel hides < 860px.
+ */
+export interface SignInPageCopy {
+  title?: string;
+  subtitle?: string;
+  submit?: string;
+  /** Footer lead-in, e.g. "No account?" */
+  switchText?: string;
+  /** Footer link label that flips mode, e.g. "Create one" */
+  switchCta?: string;
+}
+/** Shared, non-mode-specific strings. All optional — merged over the English defaults. */
+export interface SignInPageSharedCopy {
+  /** Field labels + chrome: { email, password, confirm, forgot, or, sso }. */
+  labels?: { email?: string; password?: string; confirm?: string; forgot?: string; or?: string; sso?: string };
+  /** Input placeholders: { email, password, passwordNew, confirm }. */
+  placeholders?: { email?: string; password?: string; passwordNew?: string; confirm?: string };
+  /** Validation messages: { emailRequired, emailInvalid, passwordRequired, passwordShort, confirmRequired, confirmMismatch }. */
+  errors?: {
+    emailRequired?: string; emailInvalid?: string;
+    passwordRequired?: string; passwordShort?: string;
+    confirmRequired?: string; confirmMismatch?: string;
+  };
+  /** Default signup terms line (string). Overridden by the `terms` prop if passed. */
+  terms?: React.ReactNode;
+}
+export interface SignInPageProps {
+  /** Controlled mode. Omit for uncontrolled (uses defaultMode). */
+  mode?: "signin" | "signup";
+  /** Initial mode when uncontrolled. @default "signin" */
+  defaultMode?: "signin" | "signup";
+  /** Fires when the footer link flips mode — wire to your router (/signin ↔ /signup). */
+  onModeChange?: (mode: "signin" | "signup") => void;
+  /** Brand-panel lockup. @default <BrandMark wordmark /> (blinking cursor) */
+  brand?: React.ReactNode;
+  /**
+   * All user-facing strings, deep-merged over the English defaults. Per-mode
+   * copy under `signin`/`signup`; shared labels, placeholders, errors, and the
+   * terms line at the top level. Pass a full zh-CN object to localize.
+   */
+  copy?: { signin?: SignInPageCopy; signup?: SignInPageCopy } & SignInPageSharedCopy;
+  /** Props forwarded to the brand-panel RotatingTagline (prefix, phrases, flowDuration…). @default { breakAfterPrefix: true } */
+  tagline?: Record<string, unknown>;
+  email?: string;
+  password?: string;
+  onEmailChange?: (value: string) => void;
+  onPasswordChange?: (value: string) => void;
+  /** Submit handler (after validation passes); receives { mode, email, password }. */
+  onSubmit?: (values: { mode: "signin" | "signup"; email: string; password: string }) => void;
+  /** Show + handle the "Forgot?" link (signin mode only). */
+  onForgot?: () => void;
+  /** SSO button label. Overrides copy.labels.sso. @default "Continue with SSO" */
+  ssoLabel?: string;
+  /** Show + handle the SSO button (hidden when omitted). */
+  onSSO?: () => void;
+  /** Terms line shown in signup mode. Pass null to hide; omit for the default. */
+  terms?: React.ReactNode;
+  /** Override the built-in mode-flip footer. Pass null to hide; omit for the default. */
+  footer?: React.ReactNode;
+  /** Show the left brand panel. @default true */
+  showBrandPanel?: boolean;
+}
+export declare function SignInPage(props: SignInPageProps): JSX.Element;