@howone/sdk 0.6.0 → 0.7.1

package/dist/index.js

@@ -164,7 +164,20 @@ function decodeJwtPayload(token) {
     if (pad === 2) base64 += "==";
     else if (pad === 3) base64 += "=";
     else if (pad !== 0) return null;
-    const json = atob(base64);
+    const binary = atob(base64);
+    let json = binary;
+    try {
+      if (typeof TextDecoder !== "undefined") {
+        const bytes = Uint8Array.from(binary, (ch) => ch.charCodeAt(0));
+        json = new TextDecoder("utf-8", { fatal: false }).decode(bytes);
+      } else {
+        json = decodeURIComponent(
+          binary.split("").map((ch) => `%${ch.charCodeAt(0).toString(16).padStart(2, "0")}`).join("")
+        );
+      }
+    } catch {
+      json = binary;
+    }
     return JSON.parse(json);
   } catch {
     return null;
@@ -284,13 +297,14 @@ var index_exports = {};
 __export(index_exports, {
   AUTH_TOKEN_KEY: () => AUTH_TOKEN_KEY,
   ClayxButton: () => ClayxButton,
+  ClayxToast: () => ClayxToast,
+  DEFAULT_LIMIT_EXCEEDED_MESSAGE: () => DEFAULT_LIMIT_EXCEEDED_MESSAGE,
   DefaultErrorFallback: () => DefaultErrorFallback,
   ElementSelector: () => ElementSelector,
   ElementSelectorProvider: () => ElementSelectorProvider,
   ErrorBoundary: () => ErrorBoundary,
   FloatingButton: () => FloatingButton,
   GlobalToastContainer: () => GlobalToastContainer,
-  GoeyToast: () => GoeyToast,
   HowOneProvider: () => HowOneProvider,
   Loading: () => Loading,
   LoadingSpinner: () => LoadingSpinner,
@@ -314,11 +328,13 @@ __export(index_exports, {
   getEnvs: () => getEnvs,
   getGlobalEnvironment: () => getGlobalEnvironment,
   getToken: () => getToken,
+  handleLimitExceeded: () => handleLimitExceeded,
   howone: () => client_default,
   iframeNavigation: () => iframeNavigation,
   initIframeNavigation: () => initIframeNavigation,
   isTokenValid: () => isTokenValid,
   loginWithEmailCode: () => loginWithEmailCode,
+  mergeLimitExceededOptions: () => mergeLimitExceededOptions,
   onAuthStateChanged: () => onAuthStateChanged,
   parseUserFromToken: () => parseUserFromToken,
   sendElementSelectionToParent: () => sendElementSelectionToParent,
@@ -818,162 +834,511 @@ function getCodeStatus(email) {
   return unifiedAuth.getCodeStatus(email);
 }
 
-// src/components/auth/LoginForm.tsx
-var import_react2 = require("react");
-var import_react3 = require("@iconify/react");
-var import_lucide_react = require("lucide-react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var LoginForm = ({
-  onLoginSuccess,
-  appName = "AI Application Platform",
-  className = ""
-}) => {
-  const [email, setEmail] = (0, import_react2.useState)("");
-  const [code, setCode] = (0, import_react2.useState)("");
-  const [validationErrors, setValidationErrors] = (0, import_react2.useState)({});
-  const [isAnyLoading, setIsAnyLoading] = (0, import_react2.useState)(false);
-  const [codeSent, setCodeSent] = (0, import_react2.useState)(false);
-  const [loginError, setLoginError] = (0, import_react2.useState)(null);
-  const googleLogin = async () => {
-  };
-  const githubLogin = async () => {
-  };
-  const sendEmailCode = async (email2) => {
-    setCodeSent(true);
-  };
-  const loginWithEmail = async (email2, code2) => {
-    if (onLoginSuccess) onLoginSuccess();
-  };
-  const clearError = () => {
-    setLoginError(null);
-    setValidationErrors({});
-  };
-  (0, import_react2.useEffect)(() => {
-    if (loginError) {
-      try {
-        const errorObj = JSON.parse(loginError);
-        const newErrors = {};
-        if (errorObj.code === 429) {
-          newErrors.form = errorObj.msg || "\u8BF7\u6C42\u8FC7\u4E8E\u9891\u7E41\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5";
-        } else if (errorObj.data?.code === 401 && errorObj.data?.message) {
-          if (codeSent) {
-            newErrors.code = errorObj.data.message;
-          } else {
-            newErrors.form = errorObj.data.message;
-          }
-        } else if (errorObj.msg) {
-          newErrors.form = errorObj.msg;
-        } else if (errorObj.data?.message) {
-          newErrors.form = errorObj.data.message;
-        } else {
-          newErrors.form = "\u53D1\u751F\u672A\u77E5\u9519\u8BEF\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5";
-        }
-        setValidationErrors(newErrors);
-      } catch (e) {
-        setValidationErrors({ form: loginError });
+// src/services/ai-workflow.ts
+var AIWorkflowClient = class {
+  constructor(options = {}) {
+    this.baseUrl = options.baseUrl?.replace(/\/+$/, "") || "";
+    this.apiKey = options.apiKey;
+    this.headers = { "Content-Type": "application/json", ...options.headers || {} };
+    this.fetchImpl = options.fetchImpl || fetch.bind(globalThis);
+  }
+  buildHeaders(extra) {
+    const h = { ...this.headers, ...extra || {} };
+    if (this.apiKey && !h["Authorization"]) {
+      h["Authorization"] = `Bearer ${this.apiKey}`;
+    }
+    return h;
+  }
+  async safeJson(resp) {
+    try {
+      return await resp.json();
+    } catch (_e) {
+      return null;
+    }
+  }
+  /**
+   * 按 ID 执行工作流：POST {baseUrl}/workflow/{workflowId}/execute
+   * body: { input, options }
+   */
+  async executeWorkflow(workflowId, inputs, options) {
+    if (!this.baseUrl) {
+      throw new Error("AI workflow client requires a baseUrl (e.g. https://evoagentx-server.fly.dev)");
+    }
+    const url = `${this.baseUrl}/workflow/${workflowId}/execute`;
+    try {
+      const res = await this.fetchImpl(url, {
+        method: "POST",
+        headers: this.buildHeaders(),
+        body: JSON.stringify({ inputs, options })
+      });
+      const data = await this.safeJson(res);
+      if (!res.ok) {
+        return { success: false, error: data?.error || `HTTP ${res.status}` };
       }
-      const timer = setTimeout(() => {
-        clearError();
-      }, 8e3);
-      return () => clearTimeout(timer);
+      return data || { success: true };
+    } catch (error) {
+      return { success: false, error: error instanceof Error ? error.message : "Network error" };
     }
-  }, [loginError, codeSent]);
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    const formData = new FormData(e.currentTarget);
-    setValidationErrors({});
-    if (!codeSent) {
-      const emailValue = formData.get("email");
-      if (!emailValue) {
-        setValidationErrors({ email: "Please enter your email address" });
-        return;
+  }
+};
+function createAIWorkflowClient(options = {}) {
+  return new AIWorkflowClient(options);
+}
+var aiWorkflow = createAIWorkflowClient({ baseUrl: "https://evoagentx-server" });
+
+// src/services/request/index.ts
+var import_axios = __toESM(require("axios"));
+var Request = class {
+  constructor(config) {
+    this.abortControllers = /* @__PURE__ */ new Map();
+    this.instance = import_axios.default.create({
+      ...config,
+      withCredentials: true,
+      validateStatus: (status) => {
+        return status >= 200 && status < 300;
       }
-      setIsAnyLoading(true);
-      try {
-        await sendEmailCode(emailValue);
-        setEmail(emailValue);
-      } catch (error) {
-        setLoginError(error instanceof Error ? error.message : "Failed to send code");
-      } finally {
-        setIsAnyLoading(false);
+    });
+    this.interceptors = config.interceptors;
+    this.instance.interceptors.request.use(
+      this.interceptors?.requestInterceptor,
+      this.interceptors?.requestInterceptorCatch
+    );
+    this.instance.interceptors.response.use(
+      this.interceptors?.responseInterceptor,
+      this.interceptors?.responseInterceptorCatch
+    );
+    this.instance.interceptors.request.use(
+      (config2) => {
+        return config2;
+      },
+      (err) => {
+        return Promise.reject(err);
       }
-    } else {
-      const codeValue = code;
-      if (!codeValue || codeValue.length !== 6) {
-        setValidationErrors({ code: "Please enter the 6-digit verification code" });
-        return;
+    );
+    this.instance.interceptors.response.use(
+      (res) => {
+        return res.data;
+      },
+      (err) => {
+        if (import_axios.default.isCancel(err)) {
+          return Promise.reject({
+            isCanceled: true,
+            message: "request canceled",
+            originalError: err
+          });
+        }
+        if (err.response?.data?.error) {
+          return Promise.reject(err.response.data.error);
+        }
+        return Promise.reject(err);
       }
-      setIsAnyLoading(true);
-      try {
-        await loginWithEmail(email, codeValue);
-      } catch (error) {
-        setLoginError(error instanceof Error ? error.message : "Login failed");
-      } finally {
-        setIsAnyLoading(false);
+    );
+  }
+  cancelRequest(url) {
+    this.abortControllers.forEach((controller, key) => {
+      if (key.includes(url)) {
+        controller.abort();
+        this.abortControllers.delete(key);
       }
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `w-full space-y-6 ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { className: "text-3xl font-bold text-gray-900", children: "Welcome Back!" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-sm text-gray-600", children: "Please enter log in details below" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("form", { className: "space-y-5", onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { htmlFor: "email", className: "text-gray-700 font-medium text-sm block", children: "Email" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "input",
-          {
-            id: "email",
-            type: "email",
-            name: "email",
-            value: email,
-            onChange: (e) => {
-              const value = e.target.value;
-              setEmail(value);
-              if (validationErrors.email) {
-                const newErrors = { ...validationErrors };
-                delete newErrors.email;
-                setValidationErrors(newErrors);
-              }
-            },
-            required: true,
-            "aria-invalid": !!validationErrors.email,
-            className: "w-full text-sm bg-gray-50 rounded-md h-11 px-3 hover:bg-gray-100 focus:bg-white border border-gray-200 focus:border-gray-400 focus:outline-none",
-            placeholder: ""
-          }
-        ),
-        validationErrors.email && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-red-600 text-sm", children: validationErrors.email })
-      ] }),
-      codeSent && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "text-gray-700 font-medium text-sm block", children: "Verification Code" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "input",
-          {
-            type: "text",
-            maxLength: 6,
-            value: code,
-            onChange: (e) => {
-              const value = e.target.value.replace(/\D/g, "");
-              setCode(value);
-              if (validationErrors.code) {
-                const newErrors = { ...validationErrors };
-                delete newErrors.code;
-                setValidationErrors(newErrors);
-              }
-            },
-            "aria-invalid": !!validationErrors.code,
-            className: "w-full text-center text-sm bg-gray-50 rounded-md h-11 px-3 hover:bg-gray-100 focus:bg-white border border-gray-200 focus:border-gray-400 focus:outline-none tracking-widest",
-            placeholder: "000000"
-          }
-        ),
-        validationErrors.code && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-red-600 text-sm", children: validationErrors.code })
-      ] }),
-      validationErrors.form && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-red-600 text-sm p-3 bg-red-50 rounded-md border border-red-200", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.Icon, { icon: "material-symbols:error", className: "text-red-600 mr-2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: validationErrors.form })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    });
+  }
+  cancelAllRequests() {
+    this.abortControllers.forEach((controller) => {
+      controller.abort();
+    });
+    this.abortControllers.clear();
+  }
+  request(config) {
+    const controller = new AbortController();
+    const url = config.url || "";
+    const method = config.method || "GET";
+    const key = `${method}:${url}`;
+    this.abortControllers.set(key, controller);
+    config.signal = controller.signal;
+    return new Promise((resolve, reject) => {
+      if (config.interceptors?.requestInterceptor) {
+        config = config.interceptors.requestInterceptor(config);
+      }
+      this.instance.request(config).then((res) => {
+        this.abortControllers.delete(key);
+        if (config.interceptors?.responseInterceptor) {
+          res = config.interceptors.responseInterceptor(res);
+        }
+        resolve(res);
+      }).catch((err) => {
+        this.abortControllers.delete(key);
+        reject(err);
+      });
+    });
+  }
+  get(config) {
+    return this.request({ ...config, method: "GET" });
+  }
+  post(config) {
+    return this.request({ ...config, method: "POST" });
+  }
+  delete(config) {
+    return this.request({ ...config, method: "DELETE" });
+  }
+  put(config) {
+    return this.request({ ...config, method: "PUT" });
+  }
+  patch(config) {
+    return this.request({ ...config, method: "PATCH" });
+  }
+};
+var request_default = Request;
+
+// src/services/ai-workflow-axios.ts
+function createAIWorkflowClientAxios(options = {}) {
+  const basePath = options.basePath ?? "/api";
+  const baseUrl = (options.baseUrl || "https://evoagentx-server.fly.dev").replace(/\/+$/, "");
+  const baseAPI = `${baseUrl}${basePath.startsWith("/") ? "" : "/"}${basePath}`.replace(/\/+$/, "");
+  const client = options.requestInstance || new request_default({
+    baseURL: baseAPI,
+    timeout: options.timeout ?? 6e4,
+    interceptors: {
+      requestInterceptor: (config) => {
+        config.headers = config.headers || {};
+        if (options.apiKey && !config.headers["Authorization"]) {
+          config.headers["Authorization"] = `Bearer ${options.apiKey}`;
+        }
+        if (options.headers) {
+          config.headers = { ...config.headers || {}, ...options.headers };
+        }
+        return config;
+      },
+      requestInterceptorCatch: (err) => Promise.reject(err),
+      responseInterceptor: (res) => res,
+      responseInterceptorCatch: (err) => Promise.reject(err)
+    }
+  });
+  return {
+    async executeWorkflow(workflowId, inputs, opts) {
+      const url = `${baseUrl}/workflow/${workflowId}/execute`;
+      const data = await client.post({ url, data: { inputs, options: opts } });
+      return data;
+    }
+  };
+}
+
+// src/services/artifact-types.ts
+function canAccessArtifact(a, ctx = {}) {
+  if (!a) return false;
+  if (a.visibility === "public") return true;
+  if (a.visibility === "project") {
+    if (ctx.projectId && a.projectId && ctx.projectId === a.projectId) return true;
+    if (ctx.tokenScopes && ctx.tokenScopes.includes("project:read")) return true;
+    return false;
+  }
+  if (a.visibility === "private") {
+    if (ctx.userId && a.ownerId && ctx.userId === a.ownerId) return true;
+    if (ctx.tokenScopes && (ctx.tokenScopes.includes("artifact:read:all") || ctx.tokenScopes.includes("admin"))) return true;
+    return false;
+  }
+  if (a.visibility === "shared") {
+    if (ctx.userId && a.sharedWith && a.sharedWith.includes(ctx.userId)) return true;
+    if (ctx.tokenScopes && (ctx.tokenScopes.includes("artifact:read:all") || ctx.tokenScopes.includes("admin"))) return true;
+    return false;
+  }
+  return false;
+}
+
+// src/services/artifacts-client.ts
+function createArtifactsClient(req) {
+  return {
+    async create(input) {
+      return await req.post({ url: "/artifacts", data: input });
+    },
+    async list(query) {
+      return await req.get({ url: "/artifacts", params: query });
+    },
+    async get(id) {
+      return await req.get({ url: `/artifacts/${encodeURIComponent(id)}` });
+    },
+    async setVisibility(id, visibility) {
+      await req.patch({ url: `/artifacts/${encodeURIComponent(id)}/visibility`, data: { visibility } });
+    },
+    async delete(id) {
+      await req.delete({ url: `/artifacts/${encodeURIComponent(id)}` });
+    },
+    // convenience local check (server is authoritative)
+    canAccessLocal(a, ctx) {
+      if (!a) return false;
+      if (a.visibility === "public") return true;
+      if (a.visibility === "project") return Boolean(ctx.projectId && a.projectId && ctx.projectId === a.projectId);
+      if (a.visibility === "private") return Boolean(ctx.userId && a.ownerId && ctx.userId === a.ownerId);
+      if (a.visibility === "shared") return Boolean(ctx.userId && a.sharedWith && a.sharedWith.includes(ctx.userId));
+      return false;
+    }
+  };
+}
+
+// src/services/upload-client.ts
+function createUploadClient(req, projectId) {
+  const uploadUrl = projectId ? `/entities/apps/${projectId}/files` : "/files";
+  return {
+    /**
+     * 上传单个文件
+     * 
+     * @example
+     * ```typescript
+     * const { url } = await client.upload.file(imageFile)
+     * console.log('文件地址:', url)
+     * ```
+     */
+    async file(file, options) {
+      const formData = new FormData();
+      if (typeof file === "string") {
+        if (file.startsWith("data:")) {
+          const response2 = await fetch(file);
+          const blob = await response2.blob();
+          formData.append("file", blob, "upload.bin");
+        } else {
+          formData.append("fileUrl", file);
+        }
+      } else if (file instanceof File) {
+        formData.append("file", file, file.name);
+      } else {
+        formData.append("file", file, "upload.bin");
+      }
+      if (options?.metadata) {
+        formData.append("metadata", JSON.stringify(options.metadata));
+      }
+      const response = await req.post({
+        url: uploadUrl,
+        data: formData,
+        signal: options?.signal
+      });
+      return {
+        url: response.data.publicUrl
+      };
+    },
+    /**
+     * 上传图片（快捷方法，专为 AI 设计）
+     * 
+     * @example
+     * ```typescript
+     * const { url } = await client.upload.image(imageFile)
+     * ```
+     */
+    async image(file) {
+      const result = await this.file(file);
+      return { url: result.url };
+    },
+    /**
+     * 批量上传文件
+     * 
+     * @example
+     * ```typescript
+     * const result = await client.upload.batch({
+     *   files: [file1, file2, file3],
+     *   concurrent: 3,
+     *   onProgress: (completed, total) => {
+     *     console.log(`${completed}/${total}`)
+     *   }
+     * })
+     * ```
+     */
+    async batch(options) {
+      const { files, concurrent = 3, onProgress, onFileComplete, signal } = options;
+      const success = [];
+      const failed = [];
+      let completed = 0;
+      for (let i = 0; i < files.length; i += concurrent) {
+        if (signal?.aborted) break;
+        const batch = files.slice(i, Math.min(i + concurrent, files.length));
+        const promises = batch.map(async (file, batchIndex) => {
+          const globalIndex = i + batchIndex;
+          try {
+            const result = await this.file(file, { signal });
+            success.push(result);
+            if (onFileComplete) {
+              onFileComplete(result, globalIndex);
+            }
+          } catch (error) {
+            const errorMsg = error instanceof Error ? error.message : String(error);
+            failed.push({ index: globalIndex, error: errorMsg });
+            if (onFileComplete) {
+              onFileComplete(
+                error instanceof Error ? error : new Error(errorMsg),
+                globalIndex
+              );
+            }
+          } finally {
+            completed++;
+            if (onProgress) {
+              onProgress(completed, files.length);
+            }
+          }
+        });
+        await Promise.all(promises);
+      }
+      return {
+        success,
+        failed,
+        total: files.length
+      };
+    }
+  };
+}
+
+// src/components/auth/LoginForm.tsx
+var import_react2 = require("react");
+var import_react3 = require("@iconify/react");
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var LoginForm = ({
+  onLoginSuccess,
+  appName = "AI Application Platform",
+  className = ""
+}) => {
+  const [email, setEmail] = (0, import_react2.useState)("");
+  const [code, setCode] = (0, import_react2.useState)("");
+  const [validationErrors, setValidationErrors] = (0, import_react2.useState)({});
+  const [isAnyLoading, setIsAnyLoading] = (0, import_react2.useState)(false);
+  const [codeSent, setCodeSent] = (0, import_react2.useState)(false);
+  const [loginError, setLoginError] = (0, import_react2.useState)(null);
+  const googleLogin = async () => {
+  };
+  const githubLogin = async () => {
+  };
+  const sendEmailCode = async (email2) => {
+    setCodeSent(true);
+  };
+  const loginWithEmail = async (email2, code2) => {
+    if (onLoginSuccess) onLoginSuccess();
+  };
+  const clearError = () => {
+    setLoginError(null);
+    setValidationErrors({});
+  };
+  (0, import_react2.useEffect)(() => {
+    if (loginError) {
+      try {
+        const errorObj = JSON.parse(loginError);
+        const newErrors = {};
+        if (errorObj.code === 429) {
+          newErrors.form = errorObj.msg || "\u8BF7\u6C42\u8FC7\u4E8E\u9891\u7E41\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5";
+        } else if (errorObj.data?.code === 401 && errorObj.data?.message) {
+          if (codeSent) {
+            newErrors.code = errorObj.data.message;
+          } else {
+            newErrors.form = errorObj.data.message;
+          }
+        } else if (errorObj.msg) {
+          newErrors.form = errorObj.msg;
+        } else if (errorObj.data?.message) {
+          newErrors.form = errorObj.data.message;
+        } else {
+          newErrors.form = "\u53D1\u751F\u672A\u77E5\u9519\u8BEF\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5";
+        }
+        setValidationErrors(newErrors);
+      } catch (e) {
+        setValidationErrors({ form: loginError });
+      }
+      const timer = setTimeout(() => {
+        clearError();
+      }, 8e3);
+      return () => clearTimeout(timer);
+    }
+  }, [loginError, codeSent]);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    setValidationErrors({});
+    if (!codeSent) {
+      const emailValue = formData.get("email");
+      if (!emailValue) {
+        setValidationErrors({ email: "Please enter your email address" });
+        return;
+      }
+      setIsAnyLoading(true);
+      try {
+        await sendEmailCode(emailValue);
+        setEmail(emailValue);
+      } catch (error) {
+        setLoginError(error instanceof Error ? error.message : "Failed to send code");
+      } finally {
+        setIsAnyLoading(false);
+      }
+    } else {
+      const codeValue = code;
+      if (!codeValue || codeValue.length !== 6) {
+        setValidationErrors({ code: "Please enter the 6-digit verification code" });
+        return;
+      }
+      setIsAnyLoading(true);
+      try {
+        await loginWithEmail(email, codeValue);
+      } catch (error) {
+        setLoginError(error instanceof Error ? error.message : "Login failed");
+      } finally {
+        setIsAnyLoading(false);
+      }
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `w-full space-y-6 ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { className: "text-3xl font-bold text-gray-900", children: "Welcome Back!" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-sm text-gray-600", children: "Please enter log in details below" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("form", { className: "space-y-5", onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { htmlFor: "email", className: "text-gray-700 font-medium text-sm block", children: "Email" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            id: "email",
+            type: "email",
+            name: "email",
+            value: email,
+            onChange: (e) => {
+              const value = e.target.value;
+              setEmail(value);
+              if (validationErrors.email) {
+                const newErrors = { ...validationErrors };
+                delete newErrors.email;
+                setValidationErrors(newErrors);
+              }
+            },
+            required: true,
+            "aria-invalid": !!validationErrors.email,
+            className: "w-full text-sm bg-gray-50 rounded-md h-11 px-3 hover:bg-gray-100 focus:bg-white border border-gray-200 focus:border-gray-400 focus:outline-none",
+            placeholder: ""
+          }
+        ),
+        validationErrors.email && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-red-600 text-sm", children: validationErrors.email })
+      ] }),
+      codeSent && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: "text-gray-700 font-medium text-sm block", children: "Verification Code" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            type: "text",
+            maxLength: 6,
+            value: code,
+            onChange: (e) => {
+              const value = e.target.value.replace(/\D/g, "");
+              setCode(value);
+              if (validationErrors.code) {
+                const newErrors = { ...validationErrors };
+                delete newErrors.code;
+                setValidationErrors(newErrors);
+              }
+            },
+            "aria-invalid": !!validationErrors.code,
+            className: "w-full text-center text-sm bg-gray-50 rounded-md h-11 px-3 hover:bg-gray-100 focus:bg-white border border-gray-200 focus:border-gray-400 focus:outline-none tracking-widest",
+            placeholder: "000000"
+          }
+        ),
+        validationErrors.code && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-red-600 text-sm", children: validationErrors.code })
+      ] }),
+      validationErrors.form && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-red-600 text-sm p-3 bg-red-50 rounded-md border border-red-200", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.Icon, { icon: "material-symbols:error", className: "text-red-600 mr-2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: validationErrors.form })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
         "button",
         {
           type: "submit",
@@ -1031,7 +1396,7 @@ var LoginForm = ({
 };
 
 // src/components/auth/HowoneProvider.tsx
-var import_react9 = require("react");
+var import_react8 = require("react");
 init_auth();
 
 // src/components/theme/ThemeProvider.tsx
@@ -1088,68 +1453,33 @@ var useTheme = () => {
 };
 
 // src/components/ui/Toast/GlobalToastContainer.tsx
-var import_goey_toast = require("goey-toast");
-var import_styles = require("goey-toast/styles.css");
-
-// src/components/theme/ThemeToggle.tsx
-var React2 = __toESM(require("react"));
-var import_react5 = require("@iconify/react");
+var import_react_toastify = require("react-toastify");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-function ThemeToggle({ className }) {
-  const { setTheme, theme } = useTheme();
-  const [mounted, setMounted] = React2.useState(false);
-  React2.useEffect(() => {
-    setMounted(true);
-  }, []);
-  const handleToggle = () => {
-    if (theme === "dark") {
-      setTheme("light");
-    } else {
-      setTheme("dark");
-    }
-  };
-  if (!mounted) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react5.Icon, { icon: "solar:sun-bold", width: 20, height: 20 });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "div",
-    {
-      className: `cursor-pointer ${className || ""}`,
-      onClick: handleToggle,
-      children: theme === "light" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react5.Icon, { icon: "solar:sun-bold", width: 20, height: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react5.Icon, { icon: "solar:moon-linear", width: 20, height: 20 })
-    }
-  );
-}
-
-// src/components/ui/Toast/GlobalToastContainer.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
 function GlobalToastContainer() {
-  const { theme } = useTheme();
-  const resolvedTheme = theme === "dark" ? "dark" : "light";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_goey_toast.GoeyToaster,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_toastify.ToastContainer,
     {
-      position: "bottom-right",
-      theme: resolvedTheme
+      newestOnTop: false,
+      closeButton: false
     }
   );
 }
 
 // src/components/ElementSelectorProvider.tsx
-var import_react8 = require("react");
+var import_react7 = require("react");
 
 // src/components/ElementSelector.tsx
-var import_react6 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_react5 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var ElementSelector = ({
   active,
   onSelect,
   onCancel
 }) => {
-  const [hoveredElement, setHoveredElement] = (0, import_react6.useState)(null);
-  const [highlightRect, setHighlightRect] = (0, import_react6.useState)(null);
-  const overlayRef = (0, import_react6.useRef)(null);
-  const getSourceLocation = (0, import_react6.useCallback)((element) => {
+  const [hoveredElement, setHoveredElement] = (0, import_react5.useState)(null);
+  const [highlightRect, setHighlightRect] = (0, import_react5.useState)(null);
+  const overlayRef = (0, import_react5.useRef)(null);
+  const getSourceLocation = (0, import_react5.useCallback)((element) => {
     let current = element;
     while (current && current !== document.body) {
       const sourceLocationAttr = current.getAttribute("data-source-location");
@@ -1164,7 +1494,7 @@ var ElementSelector = ({
     }
     return null;
   }, []);
-  const handleMouseMove = (0, import_react6.useCallback)((e) => {
+  const handleMouseMove = (0, import_react5.useCallback)((e) => {
     if (!active) return;
     const elements = document.elementsFromPoint(e.clientX, e.clientY);
     const targetElement = elements.find(
@@ -1176,7 +1506,7 @@ var ElementSelector = ({
       setHighlightRect(rect);
     }
   }, [active, hoveredElement]);
-  const handleClick = (0, import_react6.useCallback)((e) => {
+  const handleClick = (0, import_react5.useCallback)((e) => {
     if (!active || !hoveredElement) return;
     e.preventDefault();
     e.stopPropagation();
@@ -1204,7 +1534,7 @@ var ElementSelector = ({
       }
     }
   }, [active, hoveredElement, getSourceLocation, onSelect, onCancel]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (active) {
       document.addEventListener("mousemove", handleMouseMove);
       document.addEventListener("click", handleClick, true);
@@ -1220,8 +1550,8 @@ var ElementSelector = ({
     }
   }, [active, handleMouseMove, handleClick]);
   if (!active) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "div",
       {
         ref: overlayRef,
@@ -1238,7 +1568,7 @@ var ElementSelector = ({
         }
       }
     ),
-    highlightRect && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    highlightRect && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "div",
       {
         style: {
@@ -1256,7 +1586,7 @@ var ElementSelector = ({
         }
       }
     ),
-    hoveredElement && highlightRect && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    hoveredElement && highlightRect && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "div",
       {
         style: {
@@ -1282,17 +1612,17 @@ var ElementSelector = ({
 };
 
 // src/hooks/use-element-selector.ts
-var import_react7 = require("react");
+var import_react6 = require("react");
 function useElementSelector() {
-  const [isSelecting, setIsSelecting] = (0, import_react7.useState)(false);
-  const [selectedElement, setSelectedElement] = (0, import_react7.useState)(null);
-  const startSelecting = (0, import_react7.useCallback)(() => {
+  const [isSelecting, setIsSelecting] = (0, import_react6.useState)(false);
+  const [selectedElement, setSelectedElement] = (0, import_react6.useState)(null);
+  const startSelecting = (0, import_react6.useCallback)(() => {
     setIsSelecting(true);
   }, []);
-  const stopSelecting = (0, import_react7.useCallback)(() => {
+  const stopSelecting = (0, import_react6.useCallback)(() => {
     setIsSelecting(false);
   }, []);
-  const clearSelection = (0, import_react7.useCallback)(() => {
+  const clearSelection = (0, import_react6.useCallback)(() => {
     setSelectedElement(null);
   }, []);
   return {
@@ -1313,10 +1643,10 @@ function sendElementSelectionToParent(data) {
 }
 
 // src/components/ElementSelectorProvider.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var ElementSelectorProvider = ({ children }) => {
-  const [isSelecting, setIsSelecting] = (0, import_react8.useState)(false);
-  const handleCancel = (0, import_react8.useCallback)(() => {
+  const [isSelecting, setIsSelecting] = (0, import_react7.useState)(false);
+  const handleCancel = (0, import_react7.useCallback)(() => {
     setIsSelecting(false);
     if (window.parent && window.parent !== window) {
       window.parent.postMessage({
@@ -1324,10 +1654,10 @@ var ElementSelectorProvider = ({ children }) => {
       }, "*");
     }
   }, []);
-  const handleSelect = (0, import_react8.useCallback)((data) => {
+  const handleSelect = (0, import_react7.useCallback)((data) => {
     sendElementSelectionToParent(data);
   }, []);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     const handleStartSelection = () => {
       setIsSelecting(true);
     };
@@ -1350,9 +1680,9 @@ var ElementSelectorProvider = ({ children }) => {
       window.removeEventListener("message", handleMessage);
     };
   }, [handleCancel]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       ElementSelector,
       {
         active: isSelecting,
@@ -1365,8 +1695,8 @@ var ElementSelectorProvider = ({ children }) => {
 
 // src/components/auth/HowoneProvider.tsx
 init_config();
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var HowoneContext = (0, import_react9.createContext)(null);
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var HowoneContext = (0, import_react8.createContext)(null);
 var consumedTokenCache = /* @__PURE__ */ new Set();
 var redirectOverlayStylesInjected = false;
 var injectRedirectOverlayStyles = () => {
@@ -1427,15 +1757,15 @@ var HowOneProvider = ({
   forceDefaultTheme = false,
   redirectOnUnauthenticated = true
 }) => {
-  const [user, setUser] = (0, import_react9.useState)(() => parseUserFromToken(getToken()));
-  const [token, setTokenState] = (0, import_react9.useState)(() => getToken());
-  const [hasCheckedUrlToken, setHasCheckedUrlToken] = (0, import_react9.useState)(false);
-  const [pendingRedirect, setPendingRedirect] = (0, import_react9.useState)(false);
-  const authCookieRoot = (0, import_react9.useMemo)(() => {
+  const [user, setUser] = (0, import_react8.useState)(() => parseUserFromToken(getToken()));
+  const [token, setTokenState] = (0, import_react8.useState)(() => getToken());
+  const [hasCheckedUrlToken, setHasCheckedUrlToken] = (0, import_react8.useState)(false);
+  const [pendingRedirect, setPendingRedirect] = (0, import_react8.useState)(false);
+  const authCookieRoot = (0, import_react8.useMemo)(() => {
     const env3 = getGlobalEnvironment() ?? "dev";
     return setEnvironment(env3).AUTH_COOKIE_ROOT_VALUE;
   }, []);
-  const consumeTokenToCookie = (0, import_react9.useCallback)(async (value2) => {
+  const consumeTokenToCookie = (0, import_react8.useCallback)(async (value2) => {
     if (!value2) return;
     if (consumedTokenCache.has(value2)) return;
     consumedTokenCache.add(value2);
@@ -1462,7 +1792,7 @@ var HowOneProvider = ({
       console.warn("[HowOneProvider] Failed to consume token:", error);
     }
   }, [authCookieRoot]);
-  const logoutFromCookie = (0, import_react9.useCallback)(async () => {
+  const logoutFromCookie = (0, import_react8.useCallback)(async () => {
     try {
       await fetch(`${authCookieRoot}/logout`, {
         method: "POST",
@@ -1472,7 +1802,7 @@ var HowOneProvider = ({
       console.warn("[HowOneProvider] Failed to logout from cookie:", error);
     }
   }, [authCookieRoot]);
-  const readAccessTokenCookie = (0, import_react9.useCallback)(() => {
+  const readAccessTokenCookie = (0, import_react8.useCallback)(() => {
     if (typeof document === "undefined") return null;
     try {
       const parts = document.cookie.split("; ");
@@ -1488,7 +1818,7 @@ var HowOneProvider = ({
     }
     return null;
   }, []);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     try {
       const params = new URLSearchParams(window.location.search);
       let urlToken = params.get("access_token") || params.get("token");
@@ -1522,7 +1852,7 @@ var HowOneProvider = ({
       setHasCheckedUrlToken(true);
     }
   }, [consumeTokenToCookie, readAccessTokenCookie]);
-  const resolvedAuthUrl = (0, import_react9.useMemo)(() => {
+  const resolvedAuthUrl = (0, import_react8.useMemo)(() => {
     const env3 = getGlobalEnvironment() ?? "dev";
     switch (env3) {
       case "local":
@@ -1534,12 +1864,12 @@ var HowOneProvider = ({
         return "https://howone.dev/auth";
     }
   }, []);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (pendingRedirect) {
       injectRedirectOverlayStyles();
     }
   }, [pendingRedirect]);
-  const redirectToAuth = (0, import_react9.useCallback)(() => {
+  const redirectToAuth = (0, import_react8.useCallback)(() => {
     if (!redirectOnUnauthenticated || typeof window === "undefined") return;
     const activeProjectId = projectId ?? getDefaultProjectId();
     const navigateToResolvedAuth = () => {
@@ -1581,7 +1911,7 @@ var HowOneProvider = ({
       navigateToResolvedAuth();
     }
   }, [redirectOnUnauthenticated, resolvedAuthUrl, projectId]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!hasCheckedUrlToken) return;
     if (!token && !user) {
       redirectToAuth();
@@ -1604,31 +1934,31 @@ var HowOneProvider = ({
     logout
   };
   if (!hasCheckedUrlToken) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     ThemeProvider,
     {
       defaultTheme,
       storageKey: themeStorageKey,
       forceDefault: forceDefaultTheme,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ElementSelectorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(HowoneContext.Provider, { value, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ElementSelectorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(HowoneContext.Provider, { value, children: [
           children,
-          showHowOneFlag && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FloatingButton, { onClick: () => window.open("https://howone.ai", "_blank") }),
-          pendingRedirect && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          showHowOneFlag && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FloatingButton, { onClick: () => window.open("https://howone.ai", "_blank") }),
+          pendingRedirect && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "div",
             {
               "data-howone-auth-overlay-root": true,
               className: "fixed inset-0 z-[100000] h-full w-full flex flex-col items-center justify-center bg-black/65 backdrop-blur-sm text-white",
-              children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative mt-6 flex h-[220px] w-[220px] items-center justify-center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative mt-6 flex h-[220px] w-[220px] items-center justify-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                   "div",
                   {
                     className: "absolute inset-0 rounded-full bg-white/20",
                     style: { animation: "howone-glow-ring 2.4s ease-in-out infinite" }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "absolute inset-0 rounded-full bg-gradient-to-br from-white/10 via-white/25 to-white/10 blur-2xl" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "absolute inset-0 rounded-full bg-gradient-to-br from-white/10 via-white/25 to-white/10 blur-2xl" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                   "img",
                   {
                     style: { width: 250, animation: "howone-logo-pulse 2s ease-in-out infinite" },
@@ -1640,13 +1970,13 @@ var HowOneProvider = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(GlobalToastContainer, {})
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(GlobalToastContainer, {})
       ]
     }
   );
 };
 function useHowoneContext() {
-  const ctx = (0, import_react9.useContext)(HowoneContext);
+  const ctx = (0, import_react8.useContext)(HowoneContext);
   if (!ctx) {
     const t = getToken();
     return {
@@ -1750,7 +2080,7 @@ var howone = {
 var client_default = howone;
 
 // src/components/ui/Loading.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var Loading = ({
   size = "md",
   text = "Loading...",
@@ -1763,14 +2093,14 @@ var Loading = ({
     lg: "h-12 w-12"
   };
   const containerClasses = fullScreen ? "fixed inset-0 flex items-center justify-center bg-white/80 backdrop-blur-sm z-50" : "flex items-center justify-center p-4";
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `${containerClasses} ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: `${containerClasses} ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "div",
       {
         className: `animate-spin rounded-full border-2 border-gray-300 border-t-blue-600 mx-auto ${sizeClasses[size]}`
       }
     ),
-    text && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "mt-2 text-sm text-gray-600", children: text })
+    text && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "mt-2 text-sm text-gray-600", children: text })
   ] }) });
 };
 var LoadingSpinner = ({
@@ -1782,7 +2112,7 @@ var LoadingSpinner = ({
     md: "h-8 w-8",
     lg: "h-12 w-12"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "div",
     {
       className: `animate-spin rounded-full border-2 border-gray-300 border-t-blue-600 ${sizeClasses[size]} ${className}`
@@ -1791,9 +2121,9 @@ var LoadingSpinner = ({
 };
 
 // src/components/ui/ErrorBoundary.tsx
-var import_react10 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var ErrorBoundary = class extends import_react10.Component {
+var import_react9 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var ErrorBoundary = class extends import_react9.Component {
   constructor(props) {
     super(props);
     this.handleRetry = () => {
@@ -1815,13 +2145,13 @@ var ErrorBoundary = class extends import_react10.Component {
     if (this.state.hasError) {
       if (this.props.fallback) {
         const FallbackComponent = this.props.fallback;
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FallbackComponent, { error: this.state.error, retry: this.handleRetry });
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FallbackComponent, { error: this.state.error, retry: this.handleRetry });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "min-h-[400px] flex items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "text-center max-w-md", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-red-500 text-6xl mb-4", children: "\u26A0\uFE0F" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { className: "text-xl font-semibold text-gray-900 mb-2", children: "Something went wrong" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-gray-600 mb-4", children: "An unexpected error occurred. Please try refreshing the page." }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "min-h-[400px] flex items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "text-center max-w-md", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "text-red-500 text-6xl mb-4", children: "\u26A0\uFE0F" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: "text-xl font-semibold text-gray-900 mb-2", children: "Something went wrong" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-gray-600 mb-4", children: "An unexpected error occurred. Please try refreshing the page." }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "button",
           {
             onClick: this.handleRetry,
@@ -1835,10 +2165,10 @@ var ErrorBoundary = class extends import_react10.Component {
     return this.props.children;
   }
 };
-var DefaultErrorFallback = ({ retry }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "min-h-[200px] flex items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "text-center", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-red-500 text-4xl mb-2", children: "\u26A0\uFE0F" }),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-gray-600 mb-2", children: "Something went wrong" }),
-  retry && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var DefaultErrorFallback = ({ retry }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "min-h-[200px] flex items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "text-center", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "text-red-500 text-4xl mb-2", children: "\u26A0\uFE0F" }),
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-gray-600 mb-2", children: "Something went wrong" }),
+  retry && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "button",
     {
       onClick: retry,
@@ -1849,7 +2179,7 @@ var DefaultErrorFallback = ({ retry }) => /* @__PURE__ */ (0, import_jsx_runtime
 ] }) });
 
 // src/components/ui/ClayxButton.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var getSizeClasses = (size, isIconOnly) => {
   if (isIconOnly) {
     switch (size) {
@@ -1905,7 +2235,7 @@ var ClayxButton = ({
     disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none
   `.replace(/\s+/g, " ").trim();
   const combinedClasses = `${baseClasses} ${sizeClasses} ${variantClasses} ${className}`.trim();
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "button",
     {
       className: combinedClasses,
@@ -1917,57 +2247,204 @@ var ClayxButton = ({
 };
 
 // src/components/ui/LimitUpgradeToast.tsx
+var import_react13 = __toESM(require("react"));
+var import_react14 = require("@iconify/react");
+
+// src/components/ui/Toast/ClayxToast.tsx
 var import_react11 = __toESM(require("react"));
+var import_react_toastify2 = require("react-toastify");
 var import_react12 = require("@iconify/react");
 
-// src/components/ui/Toast/GoeyToast.tsx
-var import_goey_toast2 = require("goey-toast");
-var resolveDuration = (autoClose) => {
-  if (typeof autoClose === "number") return autoClose;
-  if (autoClose === false) return 24 * 60 * 60 * 1e3;
-  return void 0;
-};
-var createToast = (type) => {
-  return (params) => {
-    const { autoClose, ...rawOptions } = params.options ?? {};
-    const id = params.options?.id ?? `goey-${Date.now()}-${Math.random()}`;
-    const closeToast = () => import_goey_toast2.goeyToast.dismiss(id);
-    const description = params.component ?? (params.render ? params.render(closeToast) : params.message);
-    const duration = resolveDuration(autoClose);
-    const goeyOptions = {
-      ...rawOptions,
-      id,
-      description,
-      ...duration !== void 0 ? { duration } : {}
-    };
-    const title = params.title ?? "";
-    if (type === "default") {
-      (0, import_goey_toast2.goeyToast)(title, goeyOptions);
-      return;
+// src/components/theme/ThemeToggle.tsx
+var React6 = __toESM(require("react"));
+var import_react10 = require("@iconify/react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function ThemeToggle({ className }) {
+  const { setTheme, theme } = useTheme();
+  const [mounted, setMounted] = React6.useState(false);
+  React6.useEffect(() => {
+    setMounted(true);
+  }, []);
+  const handleToggle = () => {
+    if (theme === "dark") {
+      setTheme("light");
+    } else {
+      setTheme("dark");
     }
-    import_goey_toast2.goeyToast[type](title, goeyOptions);
   };
-};
-var GoeyToast = {
-  success: createToast("success"),
-  error: createToast("error"),
-  warning: createToast("warning"),
-  info: createToast("info"),
-  default: createToast("default")
-};
+  if (!mounted) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react10.Icon, { icon: "solar:sun-bold", width: 20, height: 20 });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "div",
+    {
+      className: `cursor-pointer ${className || ""}`,
+      onClick: handleToggle,
+      children: theme === "light" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react10.Icon, { icon: "solar:sun-bold", width: 20, height: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react10.Icon, { icon: "solar:moon-linear", width: 20, height: 20 })
+    }
+  );
+}
 
-// src/components/ui/LimitUpgradeToast.tsx
+// src/components/ui/Toast/ClayxToast.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var LimitToastContainer = ({ message, onUpgrade, closeToast }) => {
-  const [hover, setHover] = import_react11.default.useState(false);
-  const [closeHover, setCloseHover] = import_react11.default.useState(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative w-full max-w-[420px] overflow-hidden rounded-md bg-gradient-to-br from-[#1A1A1A] via-[#151515] to-[#1A1A1A] shadow-[0_20px_60px_rgba(168,85,247,0.2)] backdrop-blur-sm", children: [
+var TOAST_ICONS = {
+  success: {
+    icon: "mdi:success",
+    color: "text-green-400",
+    className: "text-green-400",
+    dark: {
+      bgGradient: "bg-[#14181d]",
+      gradientColor: "#389726",
+      borderGradient: "border-[#389726]",
+      borderGradientColor: "#389726"
+    },
+    light: {
+      bgGradient: "bg-[#fafafa]",
+      gradientColor: "#22c55e",
+      borderGradient: "border-[#22c55e]",
+      borderGradientColor: "#22c55e"
+    }
+  },
+  error: {
+    icon: "ic:outline-close",
+    color: "text-red-400",
+    className: "text-red-400",
+    dark: {
+      bgGradient: "bg-[#14181d]",
+      gradientColor: "#ef4444",
+      borderGradient: "border-[#ef4444]",
+      borderGradientColor: "#ef4444"
+    },
+    light: {
+      bgGradient: "bg-[#fafafa]",
+      gradientColor: "#f87171",
+      borderGradient: "border-[#f87171]",
+      borderGradientColor: "#f87171"
+    }
+  },
+  warning: {
+    icon: "mi:warning",
+    color: "text-yellow-400",
+    className: "text-yellow-400",
+    dark: {
+      bgGradient: "bg-[#14181d]",
+      gradientColor: "#facc15",
+      borderGradient: "border-[#facc15]",
+      borderGradientColor: "#facc15"
+    },
+    light: {
+      bgGradient: "bg-[#fafafa]",
+      gradientColor: "#f59e0b",
+      borderGradient: "border-[#f59e0b]",
+      borderGradientColor: "#f59e0b"
+    }
+  },
+  info: {
+    icon: "ic:outline-info",
+    color: "text-blue-400",
+    className: "text-blue-400",
+    dark: {
+      bgGradient: "bg-[#14181d]",
+      gradientColor: "#60a5fa",
+      borderGradient: "border-[#60a5fa]",
+      borderGradientColor: "#f0f0f0"
+    },
+    light: {
+      bgGradient: "bg-[#fafafa]",
+      gradientColor: "#3b82f6",
+      borderGradient: "border-[#3b82f6]",
+      borderGradientColor: "#3b82f6"
+    }
+  },
+  default: {
+    icon: "ic:round-notifications",
+    color: "text-gray-400",
+    className: "text-gray-400",
+    dark: {
+      bgGradient: "bg-[#14181d]",
+      gradientColor: "#9ca3af",
+      borderGradient: "border-[#9ca3af]",
+      borderGradientColor: "#9ca3af"
+    },
+    light: {
+      bgGradient: "bg-[#fafafa]",
+      gradientColor: "#6b7280",
+      borderGradient: "border-[#6b7280]",
+      borderGradientColor: "#6b7280"
+    }
+  }
+};
+var CloseButton = import_react11.default.memo(({ closeToast }) => {
+  const { theme } = useTheme();
+  const handleClick = (0, import_react11.useCallback)((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    closeToast?.();
+  }, [closeToast]);
+  const getCloseButtonColor = () => {
+    const actualTheme = theme === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : theme;
+    return actualTheme === "dark" ? "#b4b4b4" : "#6b7280";
+  };
+  const getCloseButtonHoverColor = () => {
+    const actualTheme = theme === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : theme;
+    return actualTheme === "dark" ? "white" : "#374151";
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react12.Icon,
+    {
+      icon: "vaadin:close",
+      className: "flex items-center justify-center rounded-full relative z-10 flex-shrink-0 cursor-pointer transition-colors duration-200 drop-shadow-sm",
+      onClick: handleClick,
+      width: 14,
+      height: 14,
+      style: {
+        color: getCloseButtonColor()
+      },
+      onMouseEnter: (e) => {
+        e.currentTarget.style.color = getCloseButtonHoverColor();
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.color = getCloseButtonColor();
+      }
+    }
+  );
+});
+CloseButton.displayName = "CloseButton";
+var ToastContent = ({ type, title, message, component, closeToast }) => {
+  const iconConfig = TOAST_ICONS[type];
+  const { theme } = useTheme();
+  const handleClose = (0, import_react11.useCallback)(() => {
+    closeToast?.();
+  }, [closeToast]);
+  const getTextColor = () => {
+    const actualTheme = theme === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : theme;
+    return actualTheme === "dark" ? "white" : "#1f2937";
+  };
+  const getThemeConfig = () => {
+    const actualTheme = theme === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : theme;
+    return actualTheme === "dark" ? iconConfig.dark : iconConfig.light;
+  };
+  const themeConfig = getThemeConfig();
+  const lightBaseBackgroundByType = {
+    success: "#f0fdf4",
+    error: "#fef2f2",
+    warning: "#fffbeb",
+    info: "#eff6ff",
+    default: "#f9fafb"
+  };
+  if (component) {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `flex items-start gap-3 !min-h-[90px] w-full backdrop-blur-md p-4 shadow-2xl overflow-hidden ${themeConfig.bgGradient}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex-1 relative z-10", children: component }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseButton, { closeToast: handleClose }) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `flex items-start gap-3 !min-h-[90px] w-full backdrop-blur-md p-4 shadow-2xl relative overflow-hidden ${themeConfig.bgGradient}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "div",
       {
-        className: "absolute left-0 top-0 w-full h-full rounded-md",
+        className: "absolute left-0 top-0 w-full h-full rounded-xl",
         style: {
-          background: "#0f1419",
+          background: theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "#0f1419" : lightBaseBackgroundByType[type],
           zIndex: -2
         }
       }
@@ -1975,9 +2452,9 @@ var LimitToastContainer = ({ message, onUpgrade, closeToast }) => {
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "div",
       {
-        className: "absolute left-0 top-0 w-full h-full pointer-events-none rounded-md",
+        className: "absolute left-0 top-0 w-full h-full pointer-events-none rounded-xl",
         style: {
-          background: `linear-gradient(135deg, rgba(168,85,247,0.3) 0%, rgba(168,85,247,0.2) 15%, #1A1A1A 30%)`,
+          background: theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? `linear-gradient(135deg, ${themeConfig.gradientColor}30 0%, ${themeConfig.gradientColor}20 15%, #14181df2 30%)` : `linear-gradient(135deg, ${themeConfig.gradientColor}20 0%, ${themeConfig.gradientColor}12 15%, #ffffff 30%)`,
           zIndex: -1
         }
       }
@@ -1985,443 +2462,246 @@ var LimitToastContainer = ({ message, onUpgrade, closeToast }) => {
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "div",
       {
-        className: "absolute left-0 top-0 w-full h-full pointer-events-none rounded-md",
+        className: "absolute left-0 top-0 w-full h-full pointer-events-none rounded-xl",
         style: {
           border: "2px solid transparent",
-          backgroundImage: `linear-gradient(135deg, rgba(168,85,247,0.6) 0%, rgba(168,85,247,0.4) 5%, transparent 22%)`,
+          backgroundImage: theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? `linear-gradient(135deg, ${themeConfig.borderGradientColor}60 0%, ${themeConfig.borderGradientColor}40 5%, transparent 22%)` : `linear-gradient(135deg, ${themeConfig.borderGradientColor}99 0%, ${themeConfig.borderGradientColor}66 5%, transparent 22%)`,
           backgroundOrigin: "border-box",
           backgroundClip: "border-box",
-          WebkitMask: "linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0)",
+          WebkitMask: "linear-gradient(#ffffff 0 0) padding-box, linear-gradient(#ffffff 0 0)",
           WebkitMaskComposite: "xor",
-          mask: "linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0)",
-          maskComposite: "exclude"
+          zIndex: 0
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "absolute -top-16 -right-16 h-32 w-32 rounded-full bg-gradient-to-br from-purple-500/20 via-pink-500/10 to-transparent blur-3xl animate-pulse" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "absolute -bottom-16 -left-16 h-32 w-32 rounded-full bg-gradient-to-tr from-blue-500/10 to-transparent blur-2xl animate-pulse", style: { animationDelay: "1s" } }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "relative z-10 flex items-start gap-4 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-1 flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-lg font-bold text-white", children: "Upgrade Required" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "px-2 py-0.5 text-xs font-bold bg-purple-500/20 text-purple-400 rounded-md border border-purple-500/30", children: "Premium" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          ClayxButton,
-          {
-            onClick: closeToast,
-            isIconOnly: true,
-            size: "sm",
-            onMouseEnter: () => setCloseHover(true),
-            onMouseLeave: () => setCloseHover(false),
-            style: {
-              height: "1.5rem",
-              width: "1.5rem",
-              minWidth: "1.5rem",
-              borderRadius: "9999px",
-              backgroundColor: closeHover ? "rgba(255,255,255,0.1)" : "rgba(255,255,255,0.05)",
-              transition: "background-color 150ms ease",
-              cursor: "pointer"
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react12.Icon, { icon: "iconamoon:close", className: "w-4 h-4 text-gray-400" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm text-gray-300 leading-relaxed", children: message }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mt-1 flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        ClayxButton,
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex-shrink-0 mt-0.5 relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `w-7 h-7 backdrop-blur-sm rounded-full flex items-center justify-center ${theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "bg-white/10" : "bg-black/5"}`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      import_react12.Icon,
+      {
+        icon: iconConfig.icon,
+        width: 16,
+        height: 16,
+        className: iconConfig.color,
+        style: {
+          color: themeConfig.gradientColor
+        }
+      }
+    ) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col gap-1 flex-1 relative z-10", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "div",
         {
-          onClick: () => {
-            onUpgrade();
-            closeToast?.();
+          className: "text-[16px] font-semibold leading-tight drop-shadow-sm",
+          style: {
+            color: getTextColor(),
+            backgroundClip: "text"
           },
-          onMouseEnter: () => setHover(true),
-          onMouseLeave: () => setHover(false),
+          children: title
+        }
+      ),
+      message && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "div",
+        {
+          className: "text-[13px] font-normal leading-relaxed drop-shadow-sm",
           style: {
-            flex: 1,
-            color: "#ffffff",
-            fontWeight: 600,
-            cursor: "pointer",
-            transition: "all 300ms ease-in-out",
-            backgroundImage: hover ? "linear-gradient(to right, #9333ea, #db2777)" : "linear-gradient(to right, #a855f7, #ec4899)",
-            boxShadow: hover ? "0 10px 15px -3px rgba(168,85,247,0.3), 0 4px 6px -2px rgba(168,85,247,0.3)" : "none"
+            color: getTextColor(),
+            backgroundClip: "text"
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react12.Icon, { icon: "solar:rocket-2-bold", className: "w-4 h-4" }),
-            "Upgrade Now"
-          ] })
+          children: message
         }
-      ) })
-    ] }) })
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseButton, { closeToast: handleClose }) })
   ] });
 };
-function showLimitUpgradeToast(message, onUpgrade) {
-  GoeyToast.default({
-    render: (closeToast) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(LimitToastContainer, { message, onUpgrade, closeToast }),
-    options: {
-      autoClose: false
-    }
-  });
-}
-
-// src/services/ai-workflow.ts
-var AIWorkflowClient = class {
-  constructor(options = {}) {
-    this.baseUrl = options.baseUrl?.replace(/\/+$/, "") || "";
-    this.apiKey = options.apiKey;
-    this.headers = { "Content-Type": "application/json", ...options.headers || {} };
-    this.fetchImpl = options.fetchImpl || fetch.bind(globalThis);
-  }
-  buildHeaders(extra) {
-    const h = { ...this.headers, ...extra || {} };
-    if (this.apiKey && !h["Authorization"]) {
-      h["Authorization"] = `Bearer ${this.apiKey}`;
-    }
-    return h;
-  }
-  async safeJson(resp) {
-    try {
-      return await resp.json();
-    } catch (_e) {
-      return null;
-    }
-  }
-  /**
-   * 按 ID 执行工作流：POST {baseUrl}/workflow/{workflowId}/execute
-   * body: { input, options }
-   */
-  async executeWorkflow(workflowId, inputs, options) {
-    if (!this.baseUrl) {
-      throw new Error("AI workflow client requires a baseUrl (e.g. https://evoagentx-server.fly.dev)");
-    }
-    const url = `${this.baseUrl}/workflow/${workflowId}/execute`;
-    try {
-      const res = await this.fetchImpl(url, {
-        method: "POST",
-        headers: this.buildHeaders(),
-        body: JSON.stringify({ inputs, options })
-      });
-      const data = await this.safeJson(res);
-      if (!res.ok) {
-        return { success: false, error: data?.error || `HTTP ${res.status}` };
-      }
-      if (data && data.status && data.status === 4003) {
-        showLimitUpgradeToast(
-          "Your credits are exhausted. Please upgrade your plan to continue generating projects.",
-          () => window.open("https://clayx.ai/pricing", "_blank")
-        );
-        return null;
-      }
-      return data || { success: true };
-    } catch (error) {
-      return { success: false, error: error instanceof Error ? error.message : "Network error" };
-    }
+var defaultToastOptions = {
+  position: "bottom-right",
+  autoClose: 3e3,
+  hideProgressBar: true,
+  closeOnClick: false,
+  pauseOnHover: true,
+  draggable: true,
+  pauseOnFocusLoss: false,
+  transition: import_react_toastify2.Bounce
+};
+var getToastifyTheme = () => {
+  if (typeof window !== "undefined") {
+    const root = document.documentElement;
+    if (root.classList.contains("dark")) return "dark";
+    if (root.classList.contains("light")) return "light";
+    return window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
   }
+  return "light";
 };
-function createAIWorkflowClient(options = {}) {
-  return new AIWorkflowClient(options);
-}
-var aiWorkflow = createAIWorkflowClient({ baseUrl: "https://evoagentx-server" });
-
-// src/services/request/index.ts
-var import_axios = __toESM(require("axios"));
-var Request = class {
-  constructor(config) {
-    this.abortControllers = /* @__PURE__ */ new Map();
-    this.instance = import_axios.default.create({
-      ...config,
-      withCredentials: true,
-      validateStatus: (status) => {
-        return status >= 200 && status < 300;
-      }
-    });
-    this.interceptors = config.interceptors;
-    this.instance.interceptors.request.use(
-      this.interceptors?.requestInterceptor,
-      this.interceptors?.requestInterceptorCatch
-    );
-    this.instance.interceptors.response.use(
-      this.interceptors?.responseInterceptor,
-      this.interceptors?.responseInterceptorCatch
-    );
-    this.instance.interceptors.request.use(
-      (config2) => {
-        return config2;
-      },
-      (err) => {
-        return Promise.reject(err);
-      }
-    );
-    this.instance.interceptors.response.use(
-      (res) => {
-        return res.data;
+var createToast = (type) => {
+  return (params) => {
+    const { title, message, component, options } = params;
+    (0, import_react_toastify2.toast)(
+      ({ closeToast }) => {
+        if (params.render) return params.render(closeToast ?? (() => {
+        }));
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          ToastContent,
+          {
+            type,
+            title,
+            message: message || "",
+            component,
+            closeToast
+          }
+        );
       },
-      (err) => {
-        if (import_axios.default.isCancel(err)) {
-          return Promise.reject({
-            isCanceled: true,
-            message: "request canceled",
-            originalError: err
-          });
-        }
-        if (err.response?.data?.error) {
-          return Promise.reject(err.response.data.error);
-        }
-        return Promise.reject(err);
+      {
+        ...defaultToastOptions,
+        ...options,
+        theme: getToastifyTheme(),
+        className: "!p-0 !shadow-none !rounded-xl",
+        style: { padding: 0, borderRadius: "0.75rem" }
       }
     );
-  }
-  cancelRequest(url) {
-    this.abortControllers.forEach((controller, key) => {
-      if (key.includes(url)) {
-        controller.abort();
-        this.abortControllers.delete(key);
-      }
-    });
-  }
-  cancelAllRequests() {
-    this.abortControllers.forEach((controller) => {
-      controller.abort();
-    });
-    this.abortControllers.clear();
-  }
-  request(config) {
-    const controller = new AbortController();
-    const url = config.url || "";
-    const method = config.method || "GET";
-    const key = `${method}:${url}`;
-    this.abortControllers.set(key, controller);
-    config.signal = controller.signal;
-    return new Promise((resolve, reject) => {
-      if (config.interceptors?.requestInterceptor) {
-        config = config.interceptors.requestInterceptor(config);
-      }
-      this.instance.request(config).then((res) => {
-        this.abortControllers.delete(key);
-        if (config.interceptors?.responseInterceptor) {
-          res = config.interceptors.responseInterceptor(res);
-        }
-        resolve(res);
-      }).catch((err) => {
-        this.abortControllers.delete(key);
-        reject(err);
-      });
-    });
-  }
-  get(config) {
-    return this.request({ ...config, method: "GET" });
-  }
-  post(config) {
-    return this.request({ ...config, method: "POST" });
-  }
-  delete(config) {
-    return this.request({ ...config, method: "DELETE" });
-  }
-  put(config) {
-    return this.request({ ...config, method: "PUT" });
-  }
-  patch(config) {
-    return this.request({ ...config, method: "PATCH" });
-  }
+  };
+};
+var ClayxToast = {
+  success: createToast("success"),
+  error: createToast("error"),
+  warning: createToast("warning"),
+  info: createToast("info"),
+  default: createToast("default")
 };
-var request_default = Request;
 
-// src/services/ai-workflow-axios.ts
-function createAIWorkflowClientAxios(options = {}) {
-  const basePath = options.basePath ?? "/api";
-  const baseUrl = (options.baseUrl || "https://evoagentx-server.fly.dev").replace(/\/+$/, "");
-  const baseAPI = `${baseUrl}${basePath.startsWith("/") ? "" : "/"}${basePath}`.replace(/\/+$/, "");
-  const client = options.requestInstance || new request_default({
-    baseURL: baseAPI,
-    timeout: options.timeout ?? 6e4,
-    interceptors: {
-      requestInterceptor: (config) => {
-        config.headers = config.headers || {};
-        if (options.apiKey && !config.headers["Authorization"]) {
-          config.headers["Authorization"] = `Bearer ${options.apiKey}`;
+// src/components/ui/LimitUpgradeToast.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var LimitToastContainer = ({ message, onUpgrade, closeToast }) => {
+  const [hover, setHover] = import_react13.default.useState(false);
+  const [closeHover, setCloseHover] = import_react13.default.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative w-full max-w-[420px] overflow-hidden rounded-md bg-gradient-to-br from-[#1A1A1A] via-[#151515] to-[#1A1A1A] shadow-[0_20px_60px_rgba(168,85,247,0.2)] backdrop-blur-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "div",
+      {
+        className: "absolute left-0 top-0 w-full h-full rounded-md",
+        style: {
+          background: "#0f1419",
+          zIndex: -2
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "div",
+      {
+        className: "absolute left-0 top-0 w-full h-full pointer-events-none rounded-md",
+        style: {
+          background: `linear-gradient(135deg, rgba(168,85,247,0.3) 0%, rgba(168,85,247,0.2) 15%, #1A1A1A 30%)`,
+          zIndex: -1
         }
-        if (options.headers) {
-          config.headers = { ...config.headers || {}, ...options.headers };
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "div",
+      {
+        className: "absolute left-0 top-0 w-full h-full pointer-events-none rounded-md",
+        style: {
+          border: "2px solid transparent",
+          backgroundImage: `linear-gradient(135deg, rgba(168,85,247,0.6) 0%, rgba(168,85,247,0.4) 5%, transparent 22%)`,
+          backgroundOrigin: "border-box",
+          backgroundClip: "border-box",
+          WebkitMask: "linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0)",
+          WebkitMaskComposite: "xor",
+          mask: "linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0)",
+          maskComposite: "exclude"
         }
-        return config;
-      },
-      requestInterceptorCatch: (err) => Promise.reject(err),
-      responseInterceptor: (res) => res,
-      responseInterceptorCatch: (err) => Promise.reject(err)
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "absolute -top-16 -right-16 h-32 w-32 rounded-full bg-gradient-to-br from-purple-500/20 via-pink-500/10 to-transparent blur-3xl animate-pulse" }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "absolute -bottom-16 -left-16 h-32 w-32 rounded-full bg-gradient-to-tr from-blue-500/10 to-transparent blur-2xl animate-pulse", style: { animationDelay: "1s" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "relative z-10 flex items-start gap-4 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-1 flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-lg font-bold text-white", children: "Upgrade Required" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "px-2 py-0.5 text-xs font-bold bg-purple-500/20 text-purple-400 rounded-md border border-purple-500/30", children: "Premium" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          ClayxButton,
+          {
+            onClick: closeToast,
+            isIconOnly: true,
+            size: "sm",
+            onMouseEnter: () => setCloseHover(true),
+            onMouseLeave: () => setCloseHover(false),
+            style: {
+              height: "1.5rem",
+              width: "1.5rem",
+              minWidth: "1.5rem",
+              borderRadius: "9999px",
+              backgroundColor: closeHover ? "rgba(255,255,255,0.1)" : "rgba(255,255,255,0.05)",
+              transition: "background-color 150ms ease",
+              cursor: "pointer"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react14.Icon, { icon: "iconamoon:close", className: "w-4 h-4 text-gray-400" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-sm text-gray-300 leading-relaxed", children: message }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "mt-1 flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        ClayxButton,
+        {
+          onClick: () => {
+            onUpgrade();
+            closeToast?.();
+          },
+          onMouseEnter: () => setHover(true),
+          onMouseLeave: () => setHover(false),
+          style: {
+            flex: 1,
+            color: "#ffffff",
+            fontWeight: 600,
+            cursor: "pointer",
+            transition: "all 300ms ease-in-out",
+            backgroundImage: hover ? "linear-gradient(to right, #9333ea, #db2777)" : "linear-gradient(to right, #a855f7, #ec4899)",
+            boxShadow: hover ? "0 10px 15px -3px rgba(168,85,247,0.3), 0 4px 6px -2px rgba(168,85,247,0.3)" : "none"
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react14.Icon, { icon: "solar:rocket-2-bold", className: "w-4 h-4" }),
+            "Upgrade Now"
+          ] })
+        }
+      ) })
+    ] }) })
+  ] });
+};
+function showLimitUpgradeToast(message, onUpgrade) {
+  ClayxToast.default({
+    render: (closeToast) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LimitToastContainer, { message, onUpgrade, closeToast }),
+    options: {
+      autoClose: false
     }
   });
-  return {
-    async executeWorkflow(workflowId, inputs, opts) {
-      const url = `${baseUrl}/workflow/${workflowId}/execute`;
-      const data = await client.post({ url, data: { inputs, options: opts } });
-      return data;
-    }
-  };
 }
 
-// src/services/artifact-types.ts
-function canAccessArtifact(a, ctx = {}) {
-  if (!a) return false;
-  if (a.visibility === "public") return true;
-  if (a.visibility === "project") {
-    if (ctx.projectId && a.projectId && ctx.projectId === a.projectId) return true;
-    if (ctx.tokenScopes && ctx.tokenScopes.includes("project:read")) return true;
-    return false;
-  }
-  if (a.visibility === "private") {
-    if (ctx.userId && a.ownerId && ctx.userId === a.ownerId) return true;
-    if (ctx.tokenScopes && (ctx.tokenScopes.includes("artifact:read:all") || ctx.tokenScopes.includes("admin"))) return true;
-    return false;
-  }
-  if (a.visibility === "shared") {
-    if (ctx.userId && a.sharedWith && a.sharedWith.includes(ctx.userId)) return true;
-    if (ctx.tokenScopes && (ctx.tokenScopes.includes("artifact:read:all") || ctx.tokenScopes.includes("admin"))) return true;
-    return false;
+// src/services/limit-exceeded.ts
+init_config();
+var DEFAULT_LIMIT_EXCEEDED_MESSAGE = "Your credits are exhausted. Please upgrade your plan to continue generating projects.";
+function handleLimitExceeded(context, options) {
+  options?.onLimitExceeded?.(context);
+  if (options?.showUpgradeToast === false) {
+    return;
   }
-  return false;
-}
-
-// src/services/artifacts-client.ts
-function createArtifactsClient(req) {
-  return {
-    async create(input) {
-      return await req.post({ url: "/artifacts", data: input });
-    },
-    async list(query) {
-      return await req.get({ url: "/artifacts", params: query });
-    },
-    async get(id) {
-      return await req.get({ url: `/artifacts/${encodeURIComponent(id)}` });
-    },
-    async setVisibility(id, visibility) {
-      await req.patch({ url: `/artifacts/${encodeURIComponent(id)}/visibility`, data: { visibility } });
-    },
-    async delete(id) {
-      await req.delete({ url: `/artifacts/${encodeURIComponent(id)}` });
-    },
-    // convenience local check (server is authoritative)
-    canAccessLocal(a, ctx) {
-      if (!a) return false;
-      if (a.visibility === "public") return true;
-      if (a.visibility === "project") return Boolean(ctx.projectId && a.projectId && ctx.projectId === a.projectId);
-      if (a.visibility === "private") return Boolean(ctx.userId && a.ownerId && ctx.userId === a.ownerId);
-      if (a.visibility === "shared") return Boolean(ctx.userId && a.sharedWith && a.sharedWith.includes(ctx.userId));
-      return false;
-    }
-  };
+  const upgradeUrl = options?.upgradeUrl || `${getEnvs().AUTH_ROOT_VALUE}/price`;
+  showLimitUpgradeToast(
+    context.message || DEFAULT_LIMIT_EXCEEDED_MESSAGE,
+    () => window.open(upgradeUrl, "_blank")
+  );
 }
-
-// src/services/upload-client.ts
-function createUploadClient(req, projectId) {
-  const uploadUrl = projectId ? `/entities/apps/${projectId}/files` : "/files";
+function mergeLimitExceededOptions(base, override) {
+  if (!base && !override) {
+    return void 0;
+  }
   return {
-    /**
-     * 上传单个文件
-     * 
-     * @example
-     * ```typescript
-     * const { url } = await client.upload.file(imageFile)
-     * console.log('文件地址:', url)
-     * ```
-     */
-    async file(file, options) {
-      const formData = new FormData();
-      if (typeof file === "string") {
-        if (file.startsWith("data:")) {
-          const response2 = await fetch(file);
-          const blob = await response2.blob();
-          formData.append("file", blob, "upload.bin");
-        } else {
-          formData.append("fileUrl", file);
-        }
-      } else if (file instanceof File) {
-        formData.append("file", file, file.name);
-      } else {
-        formData.append("file", file, "upload.bin");
-      }
-      if (options?.metadata) {
-        formData.append("metadata", JSON.stringify(options.metadata));
-      }
-      const response = await req.post({
-        url: uploadUrl,
-        data: formData,
-        signal: options?.signal
-      });
-      return {
-        url: response.data.publicUrl
-      };
-    },
-    /**
-     * 上传图片（快捷方法，专为 AI 设计）
-     * 
-     * @example
-     * ```typescript
-     * const { url } = await client.upload.image(imageFile)
-     * ```
-     */
-    async image(file) {
-      const result = await this.file(file);
-      return { url: result.url };
-    },
-    /**
-     * 批量上传文件
-     * 
-     * @example
-     * ```typescript
-     * const result = await client.upload.batch({
-     *   files: [file1, file2, file3],
-     *   concurrent: 3,
-     *   onProgress: (completed, total) => {
-     *     console.log(`${completed}/${total}`)
-     *   }
-     * })
-     * ```
-     */
-    async batch(options) {
-      const { files, concurrent = 3, onProgress, onFileComplete, signal } = options;
-      const success = [];
-      const failed = [];
-      let completed = 0;
-      for (let i = 0; i < files.length; i += concurrent) {
-        if (signal?.aborted) break;
-        const batch = files.slice(i, Math.min(i + concurrent, files.length));
-        const promises = batch.map(async (file, batchIndex) => {
-          const globalIndex = i + batchIndex;
-          try {
-            const result = await this.file(file, { signal });
-            success.push(result);
-            if (onFileComplete) {
-              onFileComplete(result, globalIndex);
-            }
-          } catch (error) {
-            const errorMsg = error instanceof Error ? error.message : String(error);
-            failed.push({ index: globalIndex, error: errorMsg });
-            if (onFileComplete) {
-              onFileComplete(
-                error instanceof Error ? error : new Error(errorMsg),
-                globalIndex
-              );
-            }
-          } finally {
-            completed++;
-            if (onProgress) {
-              onProgress(completed, files.length);
-            }
-          }
-        });
-        await Promise.all(promises);
-      }
-      return {
-        success,
-        failed,
-        total: files.length
-      };
-    }
+    ...base,
+    ...override,
+    onLimitExceeded: override?.onLimitExceeded ?? base?.onLimitExceeded
   };
 }
 
 // src/services/sse-executor.ts
-init_config();
 async function executeSSEWorkflow(request, options = {}) {
   const startTime = Date.now();
   const result = {
@@ -2512,7 +2792,7 @@ async function executeSSEWorkflow(request, options = {}) {
               if (errorData.log_type === "execution_display_error") {
                 const errorContent = errorData.content;
                 const displayMessage = errorContent || "Workflow execution failed";
-                GoeyToast.error({
+                ClayxToast.error({
                   title: "Execution Error",
                   message: displayMessage
                 });
@@ -2522,11 +2802,16 @@ async function executeSSEWorkflow(request, options = {}) {
               options.onStreamContent(rawEvent.delta);
             }
             if (rawEvent.type === "key_limit_exceed") {
-              const errorMsg = rawEvent.data.content;
+              const errorMsg = rawEvent.data?.content || DEFAULT_LIMIT_EXCEEDED_MESSAGE;
               result.errors.push(errorMsg);
-              showLimitUpgradeToast(
-                "Your credits are exhausted. Please upgrade your plan to continue generating projects.",
-                () => window.open(`${getEnvs().AUTH_ROOT_VALUE}/price`, "_blank")
+              handleLimitExceeded(
+                {
+                  source: "sse-executor",
+                  message: errorMsg,
+                  eventType: rawEvent.type,
+                  rawData: rawEvent.data
+                },
+                options.limitExceeded
               );
               if (options.onError) {
                 options.onError(new Error(errorMsg));
@@ -2737,7 +3022,7 @@ function createEventIterable(streamFactory, config) {
   };
 }
 function createSSEClient(config) {
-  const { baseUrl, projectId, getAuthToken } = config;
+  const { baseUrl, projectId, getAuthToken, limitExceeded } = config;
   const stream = (streamConfig) => {
     const { signal: externalSignal, ...callbacks } = streamConfig;
     const request = resolveRequest(baseUrl, projectId, streamConfig);
@@ -2753,7 +3038,11 @@ function createSSEClient(config) {
       {
         ...callbacks,
         authToken,
-        signal: controller.signal
+        signal: controller.signal,
+        limitExceeded: mergeLimitExceededOptions(
+          limitExceeded,
+          streamConfig.limitExceeded
+        )
       }
     ).finally(() => {
       controller.cleanup();
@@ -2929,6 +3218,19 @@ async function executeWorkflowStreamPost(baseUrl, projectId, workflowId, request
                 break;
               case "error":
                 throw new Error(event.message || "Workflow execution failed");
+              case "key_limit_exceed": {
+                const errorMessage = event?.data?.content || event.message || DEFAULT_LIMIT_EXCEEDED_MESSAGE;
+                handleLimitExceeded(
+                  {
+                    source: "sse-executor",
+                    message: errorMessage,
+                    eventType: event.type,
+                    rawData: event.data
+                  },
+                  options.limitExceeded
+                );
+                throw new Error(errorMessage);
+              }
             }
           } catch (err) {
             console.error("Failed to parse SSE event:", err);
@@ -2947,12 +3249,12 @@ async function executeWorkflowStreamPost(baseUrl, projectId, workflowId, request
 }
 
 // src/services/workflow-executor.ts
-init_config();
 var WorkflowExecutor = class {
-  constructor(baseUrl, projectId, authToken) {
+  constructor(baseUrl, projectId, authToken, limitExceeded) {
     this.baseUrl = baseUrl.replace(/\/$/, "");
     this.projectId = projectId;
     this.authToken = authToken;
+    this.limitExceeded = limitExceeded;
   }
   /**
    * 执行工作流 (SSE 模式)
@@ -3002,6 +3304,10 @@ var WorkflowExecutor = class {
       errors: []
     };
     let streamContent = "";
+    const limitExceededOptions = mergeLimitExceededOptions(
+      this.limitExceeded,
+      options?.limitExceeded
+    );
     try {
       const response = await fetch(url, {
         method: "POST",
@@ -3054,11 +3360,16 @@ var WorkflowExecutor = class {
                   }
                 }
               } else if (event.type === "key_limit_exceed") {
-                const errorMsg = event.data?.content;
+                const errorMsg = event.data?.content || DEFAULT_LIMIT_EXCEEDED_MESSAGE;
                 result.errors.push(errorMsg);
-                showLimitUpgradeToast(
-                  "Your credits are exhausted. Please upgrade your plan to continue generating projects.",
-                  () => window.open(`${getEnvs().AUTH_ROOT_VALUE}/price`, "_blank")
+                handleLimitExceeded(
+                  {
+                    source: "workflow-executor-sse",
+                    message: errorMsg,
+                    eventType: event.type,
+                    rawData: event.data
+                  },
+                  limitExceededOptions
                 );
                 if (options?.onError) {
                   options.onError(new Error(errorMsg));
@@ -3142,6 +3453,17 @@ var WorkflowExecutor = class {
         body: JSON.stringify({ inputs })
       });
       const data = await response.json();
+      if (data && data.status === 4003) {
+        handleLimitExceeded(
+          {
+            source: "workflow-executor-rest",
+            message: data?.error || data?.message || DEFAULT_LIMIT_EXCEEDED_MESSAGE,
+            status: response.status,
+            rawData: data
+          },
+          this.limitExceeded
+        );
+      }
       return {
         status: response.status,
         data
@@ -3223,14 +3545,6 @@ function createClient(opts) {
         },
         requestInterceptorCatch: (err) => Promise.reject(err),
         responseInterceptor: (res) => {
-          const data = res.data;
-          if (data && data.status && data.status === 4003) {
-            showLimitUpgradeToast(
-              "Your credits are exhausted. Please upgrade your plan to continue generating projects.",
-              () => window.open(`${getEnvs().AUTH_ROOT_VALUE}/price`, "_blank")
-            );
-            return res;
-          }
           return res;
         },
         responseInterceptorCatch: (err) => Promise.reject(err)
@@ -3338,7 +3652,8 @@ function createClient(opts) {
         void fetchExternalToken();
       }
       return token ?? cachedExternalToken ?? getToken() ?? null;
-    }
+    },
+    limitExceeded: opts.limitExceeded
   });
   const assignMethod = (config, method) => method ? { ...config, method } : config;
   function createMethodInvoker(invoker) {
@@ -3400,7 +3715,8 @@ function createClient(opts) {
     const executor = new WorkflowExecutor(
       actualAiBaseUrl,
       opts.projectId,
-      getCachedOrGlobalToken() ?? void 0
+      getCachedOrGlobalToken() ?? void 0,
+      opts.limitExceeded
     );
     return {
       executeSse: (inputs, options) => {
@@ -3618,11 +3934,11 @@ function createClient(opts) {
 }
 
 // src/hooks/use-mobile.ts
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React8.useState(void 0);
-  React8.useEffect(() => {
+  const [isMobile, setIsMobile] = React9.useState(void 0);
+  React9.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -3635,10 +3951,10 @@ function useIsMobile() {
 }
 
 // src/hooks/use-debounce.ts
-var import_react13 = require("react");
+var import_react15 = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react13.useState)(value);
-  (0, import_react13.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react15.useState)(value);
+  (0, import_react15.useEffect)(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -3650,9 +3966,9 @@ function useDebounce(value, delay) {
 }
 
 // src/hooks/use-workflow-stream.ts
-var import_react14 = require("react");
+var import_react16 = require("react");
 function useWorkflowStream() {
-  const [state, setState] = (0, import_react14.useState)({
+  const [state, setState] = (0, import_react16.useState)({
     loading: false,
     progress: 0,
     streamContent: "",
@@ -3660,8 +3976,8 @@ function useWorkflowStream() {
     result: null,
     error: null
   });
-  const abortControllerRef = (0, import_react14.useRef)(null);
-  const execute = (0, import_react14.useCallback)(async (executeWorkflowStream, workflowId, inputs) => {
+  const abortControllerRef = (0, import_react16.useRef)(null);
+  const execute = (0, import_react16.useCallback)(async (executeWorkflowStream, workflowId, inputs) => {
     setState({
       loading: true,
       progress: 0,
@@ -3714,7 +4030,7 @@ function useWorkflowStream() {
       throw error;
     }
   }, []);
-  const cancel = (0, import_react14.useCallback)(() => {
+  const cancel = (0, import_react16.useCallback)(() => {
     if (abortControllerRef.current) {
       abortControllerRef.current.abort();
       setState((prev) => ({
@@ -3724,7 +4040,7 @@ function useWorkflowStream() {
       }));
     }
   }, []);
-  const reset = (0, import_react14.useCallback)(() => {
+  const reset = (0, import_react16.useCallback)(() => {
     setState({
       loading: false,
       progress: 0,
@@ -4030,13 +4346,14 @@ var elementSelector = {
 0 && (module.exports = {
   AUTH_TOKEN_KEY,
   ClayxButton,
+  ClayxToast,
+  DEFAULT_LIMIT_EXCEEDED_MESSAGE,
   DefaultErrorFallback,
   ElementSelector,
   ElementSelectorProvider,
   ErrorBoundary,
   FloatingButton,
   GlobalToastContainer,
-  GoeyToast,
   HowOneProvider,
   Loading,
   LoadingSpinner,
@@ -4060,11 +4377,13 @@ var elementSelector = {
   getEnvs,
   getGlobalEnvironment,
   getToken,
+  handleLimitExceeded,
   howone,
   iframeNavigation,
   initIframeNavigation,
   isTokenValid,
   loginWithEmailCode,
+  mergeLimitExceededOptions,
   onAuthStateChanged,
   parseUserFromToken,
   sendElementSelectionToParent,