@howone/sdk 0.2.1 → 0.2.3

package/dist/index.js

@@ -768,17 +768,13 @@ var LoginForm = ({
   const [codeSent, setCodeSent] = (0, import_react2.useState)(false);
   const [loginError, setLoginError] = (0, import_react2.useState)(null);
   const googleLogin = async () => {
-    console.log("Google login clicked");
   };
   const githubLogin = async () => {
-    console.log("GitHub login clicked");
   };
   const sendEmailCode = async (email2) => {
-    console.log("Send code to:", email2, "for app:", appName);
     setCodeSent(true);
   };
   const loginWithEmail = async (email2, code2) => {
-    console.log("Login with email:", email2, "code:", code2);
     if (onLoginSuccess) onLoginSuccess();
   };
   const clearError = () => {
@@ -1225,11 +1221,9 @@ var ElementSelectorProvider = ({ children }) => {
         type: "ELEMENT_SELECTION_CANCELLED"
       }, "*");
     }
-    console.log("\u{1F6AB} \u5143\u7D20\u9009\u62E9\u5DF2\u53D6\u6D88 (ESC)");
   }, []);
   const handleSelect = (0, import_react7.useCallback)((data) => {
     sendElementSelectionToParent(data);
-    console.log("\u{1F3AF} \u5143\u7D20\u5DF2\u9009\u4E2D:", data.element.tagName, data.sourceLocation?.file);
   }, []);
   (0, import_react7.useEffect)(() => {
     const handleStartSelection = () => {
@@ -1281,14 +1275,12 @@ var ERROR_CONFIG = {
     LOW: ["info", "debug", "trace", "notice"]
   },
   CATEGORY_KEYWORDS: {
-    SYNTAX: ["syntaxerror", "unexpected token", "parse error", "invalid syntax"],
+    SYNTAX: ["syntaxerror", "unexpected token", "parse error", "invalid syntax", "expected", "transform failed"],
     NETWORK: ["fetch", "xhr", "network", "cors", "timeout", "connection"],
     RUNTIME: ["referenceerror", "typeerror", "rangeerror", "undefined"],
     SECURITY: ["csp", "xss", "csrf", "security", "unauthorized"],
     PERFORMANCE: ["slow", "memory", "leak", "performance", "timeout"],
-    DEVELOPMENT: ["vite", "hmr", "hot reload", "dev server", "webpack"],
-    REACT: ["react", "jsx", "component", "hook", "render"],
-    VITE: ["vite", "[vite]", "vite:react", "transform failed"]
+    DEVELOPMENT: ["vite", "hmr", "hot reload", "dev server", "webpack", "esbuild", "plugin:vite:esbuild"]
   }
 };
 var GLOBAL_CONFIG = {
@@ -1629,9 +1621,13 @@ var ViteHMRDetector = class {
   setupHMREventListeners() {
     if (typeof window !== "undefined" && window.import?.meta?.hot) {
       const hot = window.import.meta.hot;
-      hot.on("vite:error", () => {
+      hot.on("vite:error", (data) => {
+        this.handleViteError(data);
         requestAnimationFrame(() => this.checkForViteErrorOverlay());
       });
+      hot.on("vite:invalidate", (data) => {
+        setTimeout(() => this.checkForCompileErrors(), 500);
+      });
       hot.on("vite:beforeUpdate", () => {
         console.log("[ViteHMRDetector] HMR \u66F4\u65B0\u5F00\u59CB");
       });
@@ -1808,6 +1804,90 @@ File: ${errorInfo.fileText}`;
       }
     }
   }
+  /**
+   * 处理 Vite 错误事件
+   */
+  handleViteError(errorData) {
+    try {
+      const errorPayload = {
+        id: `vite-error-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
+        type: "vite_hmr",
+        error: {
+          name: "ViteError",
+          message: errorData?.message || "Vite error",
+          stack: errorData?.stack || ""
+        },
+        source: "vite:error",
+        timestamp: Date.now(),
+        severity: "error",
+        context: {
+          viteErrorData: errorData,
+          url: window.location.href,
+          userAgent: navigator.userAgent
+        }
+      };
+      if (window.__AUTO_ENGINEER_ERRORS__) {
+        window.__AUTO_ENGINEER_ERRORS__.push(errorPayload);
+      }
+      this.sendMessage({
+        type: "SYSTEM_EVENT",
+        payload: errorPayload,
+        timestamp: Date.now()
+      });
+    } catch (error) {
+      console.error("[ViteHMRDetector] \u5904\u7406 Vite \u9519\u8BEF\u5931\u8D25:", error);
+    }
+  }
+  /**
+   * 检查编译错误
+   */
+  async checkForCompileErrors() {
+    try {
+      if (document.querySelector("vite-error-overlay")) {
+        this.checkForViteErrorOverlay();
+        return;
+      }
+      const response = await fetch(window.location.href, {
+        method: "HEAD",
+        cache: "no-cache"
+      });
+      if (!response.ok) {
+        this.handleCompileError(`HTTP ${response.status}: ${response.statusText}`);
+      }
+    } catch (error) {
+      this.handleCompileError(`Error: ${error.message}`);
+    }
+  }
+  /**
+   * 处理编译错误
+   */
+  handleCompileError(errorMessage) {
+    const errorPayload = {
+      id: `compile-error-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
+      type: "compile_error",
+      error: {
+        name: "CompileError",
+        message: `Compile error: ${errorMessage}`,
+        stack: ""
+      },
+      source: "vite:compile",
+      timestamp: Date.now(),
+      severity: "error",
+      context: {
+        url: window.location.href,
+        userAgent: navigator.userAgent,
+        compilationFailed: true
+      }
+    };
+    if (window.__AUTO_ENGINEER_ERRORS__) {
+      window.__AUTO_ENGINEER_ERRORS__.push(errorPayload);
+    }
+    this.sendMessage({
+      type: "SYSTEM_EVENT",
+      payload: errorPayload,
+      timestamp: Date.now()
+    });
+  }
   /**
    * 检查当前环境是否支持 Vite HMR
    */
@@ -3164,6 +3244,20 @@ var ErrorTracking = class {
       const fileInfo = this.extractFileInfoFromStack(fullStack);
       const serializedArgs = args.map((arg) => DeepSerializer.quickSerialize(arg));
       const message = serializedArgs.map((arg) => typeof arg === "string" ? arg : JSON.stringify(arg, null, 2)).join(" ") + (stack ? "\n" + stack : "");
+      const lowerMessage = message.toLowerCase();
+      const isFromVite = (fileInfo.filename || "").toLowerCase().includes("vite") || lowerMessage.includes("@vite") || lowerMessage.includes("vite") || lowerMessage.includes("hmr");
+      const ignoreVitePatterns = [
+        /\[vite\]\s*hot updated/i,
+        /\[vite\]\s*connected/i,
+        /\[vite\]\s*connecting/i,
+        /\bhot updated\b/i,
+        /\bhmr\b.*\bupdated\b/i
+      ];
+      if (isFromVite && ignoreVitePatterns.some((re) => re.test(lowerMessage))) {
+        return;
+      }
+      const hasErrorKeywords = /\b(error|failed|overlay|compile|exception)\b/.test(lowerMessage);
+      const isViteHMRNonError = isFromVite && !hasErrorKeywords;
       if (method === "error") {
         const globalError = {
           id: `console-error-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
@@ -3180,9 +3274,11 @@ var ErrorTracking = class {
           pagePath: window.location.pathname + window.location.search + window.location.hash,
           interactionTrail: [...window.__AUTO_ENGINEER_INTERACTION_TRAIL__ || []]
         };
-        window.__AUTO_ENGINEER_ERRORS__ = window.__AUTO_ENGINEER_ERRORS__ || [];
-        window.__AUTO_ENGINEER_ERRORS__.push(globalError);
-        this.manageArrayLength(window.__AUTO_ENGINEER_ERRORS__, ERROR_CONFIG.MAX_ERRORS);
+        if (!isViteHMRNonError) {
+          window.__AUTO_ENGINEER_ERRORS__ = window.__AUTO_ENGINEER_ERRORS__ || [];
+          window.__AUTO_ENGINEER_ERRORS__.push(globalError);
+          this.manageArrayLength(window.__AUTO_ENGINEER_ERRORS__, ERROR_CONFIG.MAX_ERRORS);
+        }
       }
       const consoleLevelMap = {
         log: "info",
@@ -3194,7 +3290,7 @@ var ErrorTracking = class {
       this.sendMessage({
         type: "CONSOLE_EVENT",
         payload: {
-          type: consoleLevelMap[method] === "info" ? "info" : consoleLevelMap[method] === "warning" ? "warning" : "error",
+          type: consoleLevelMap[method] === "info" ? "info" : consoleLevelMap[method] === "warning" ? "warning" : consoleLevelMap[method] === "debug" ? "debug" : "error",
           message,
           logged_at: (/* @__PURE__ */ new Date()).toISOString(),
           filename: fileInfo.filename,
@@ -3215,15 +3311,44 @@ var ErrorTracking = class {
    * 设置网络监控
    */
   setupNetworkMonitoring() {
+    const self = this;
     const originalFetch = window.fetch;
     window.fetch = async (...args) => {
       const startTime = Date.now();
       try {
         const response = await originalFetch(...args);
-        this.logNetworkRequest(args, response, Date.now() - startTime);
+        self.logNetworkRequest(args, response, Date.now() - startTime);
         return response;
       } catch (error) {
-        this.logNetworkError(args, error, Date.now() - startTime);
+        const duration = Date.now() - startTime;
+        const message = error && (error.message || String(error));
+        const match = typeof message === "string" ? message.match(/^HTTP\s+(\d+):\s*(.*)$/i) : null;
+        if (match) {
+          const status = Number(match[1]);
+          const statusText = match[2] || "";
+          const stack = new Error().stack;
+          const fileInfo = self.extractFileInfoFromStack(stack);
+          self.sendMessage({
+            type: "NETWORK_EVENT",
+            payload: {
+              type: "request_error",
+              url: args[0],
+              method: args[1]?.method || "GET",
+              status,
+              statusText,
+              filename: fileInfo.filename,
+              lineno: fileInfo.lineno,
+              colno: fileInfo.colno,
+              duration,
+              timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+              pageUrl: window.location.href,
+              interactionTrail: self.getRecentInteractions()
+            },
+            timestamp: Date.now()
+          });
+        } else {
+          self.logNetworkError(args, error, duration);
+        }
         throw error;
       }
     };
@@ -3416,12 +3541,6 @@ var ErrorTracking = class {
     if (ERROR_CONFIG.CATEGORY_KEYWORDS.DEVELOPMENT.some((keyword) => lowerMessage.includes(keyword))) {
       return "DEVELOPMENT";
     }
-    if (ERROR_CONFIG.CATEGORY_KEYWORDS.REACT.some((keyword) => lowerMessage.includes(keyword))) {
-      return "REACT";
-    }
-    if (ERROR_CONFIG.CATEGORY_KEYWORDS.VITE.some((keyword) => lowerMessage.includes(keyword))) {
-      return "VITE";
-    }
     return "UNKNOWN";
   }
   /**
@@ -4055,7 +4174,6 @@ var ElementSelector2 = class {
     this.waitForRootElement();
     this.createTooltip();
     this.createStyles();
-    console.log("[ElementSelector] \u5143\u7D20\u9009\u62E9\u5668\u521D\u59CB\u5316\u5B8C\u6210");
   }
   /**
    * 等待根元素加载
@@ -4193,7 +4311,6 @@ var ElementSelector2 = class {
     document.body.classList.add("element-selector-active");
     this.setupEventListeners();
     this.manageButtonStates(true);
-    console.log("[ElementSelector] \u9009\u62E9\u5668\u5DF2\u542F\u7528");
     this.sendMessage({
       type: "SELECTOR_ENABLED",
       payload: { isActive: true }
@@ -4211,7 +4328,6 @@ var ElementSelector2 = class {
     this.clearSelection();
     this.manageButtonStates(false);
     this.hideTooltip();
-    console.log("[ElementSelector] \u9009\u62E9\u5668\u5DF2\u7981\u7528");
     this.sendMessage({
       type: "SELECTOR_DISABLED",
       payload: { isActive: false }
@@ -4885,7 +5001,6 @@ var ElementSelector2 = class {
       this.styleElement.remove();
       this.styleElement = null;
     }
-    console.log("[ElementSelector] \u5143\u7D20\u9009\u62E9\u5668\u5DF2\u9500\u6BC1");
   }
 };
 
@@ -5548,7 +5663,6 @@ var ErrorHandler = class {
       enableInteractionTracking: true
     };
     this.config = { ...this.config, ...options };
-    console.log("[ErrorHandler] \u5F00\u59CB\u521D\u59CB\u5316\u7EDF\u4E00\u9519\u8BEF\u5904\u7406\u5668...");
     this.messageSender = createDefaultMessageSender({
       addTimestamp: true,
       enableDebugLog: false
@@ -5563,9 +5677,7 @@ var ErrorHandler = class {
     this.componentTreeGenerator = new ComponentTreeGenerator();
     if (this.config.enableViteHMR && ViteHMRDetector.isViteEnvironment()) {
       this.viteHMRDetector = new ViteHMRDetector(sendMessage);
-      console.log("[ErrorHandler] Vite HMR \u68C0\u6D4B\u5668\u5DF2\u521D\u59CB\u5316");
     }
-    console.log("[ErrorHandler] \u6A21\u5757\u521D\u59CB\u5316\u5B8C\u6210");
   }
   /** ----------------- 主要初始化方法 ----------------- */
   /**
@@ -5577,12 +5689,10 @@ var ErrorHandler = class {
       return;
     }
     try {
-      console.log("[ErrorHandler] \u5F00\u59CB\u521D\u59CB\u5316\u5404\u4E2A\u6A21\u5757...");
       this.initializeCore();
       this.setupModuleIntegration();
       this.enableFeatures();
       this.initialized = true;
-      console.log("[ErrorHandler] \u521D\u59CB\u5316\u5B8C\u6210");
     } catch (error) {
       console.error("[ErrorHandler] \u521D\u59CB\u5316\u5931\u8D25:", error);
       throw error;
@@ -5595,7 +5705,6 @@ var ErrorHandler = class {
     this.initializeGlobalState();
     this.setupDebugEndpoint();
     this.errorTracking.initialize();
-    console.log("[ErrorHandler] \u6838\u5FC3\u529F\u80FD\u521D\u59CB\u5316\u5B8C\u6210");
   }
   /**
    * 初始化全局状态
@@ -5607,7 +5716,6 @@ var ErrorHandler = class {
     if (!window.__AUTO_ENGINEER_INTERACTION_TRAIL__) {
       window.__AUTO_ENGINEER_INTERACTION_TRAIL__ = [];
     }
-    console.log("[ErrorHandler] \u5168\u5C40\u72B6\u6001\u521D\u59CB\u5316\u5B8C\u6210");
   }
   /**
    * 设置调试端点
@@ -5631,24 +5739,19 @@ var ErrorHandler = class {
     this.messageBridge.setComponentTreeGenerator(this.componentTreeGenerator);
     this.errorTracking.setViewDetector(this.viewDetector);
     this.errorTracking.setInteractionTracking(this.interactionTracking);
-    console.log("[ErrorHandler] \u6A21\u5757\u96C6\u6210\u8BBE\u7F6E\u5B8C\u6210");
   }
   /**
    * 启用功能模块
    */
   enableFeatures() {
-    console.log("[ErrorHandler] \u542F\u7528\u529F\u80FD\u6A21\u5757...");
     if (this.config.enableInteractionTracking) {
       this.interactionTracking.startTracking();
-      console.log("[ErrorHandler] \u4EA4\u4E92\u8FFD\u8E2A\u5DF2\u542F\u7528");
     }
     if (this.viteHMRDetector) {
       this.viteHMRDetector.initialize();
-      console.log("[ErrorHandler] Vite HMR \u68C0\u6D4B\u5668\u5DF2\u542F\u7528");
     }
     this.handleHardRefreshLogic();
     this.setupViewDetection();
-    console.log("[ErrorHandler] \u529F\u80FD\u6A21\u5757\u542F\u7528\u5B8C\u6210");
   }
   /**
    * 处理硬刷新逻辑
@@ -5657,7 +5760,6 @@ var ErrorHandler = class {
     HardRefreshManager.cleanupRefreshParams();
     const refreshStats = HardRefreshManager.getRefreshStats();
     if (refreshStats.isHardRefresh) {
-      console.log("[ErrorHandler] \u68C0\u6D4B\u5230\u786C\u5237\u65B0:", refreshStats);
       this.messageSender.send({
         type: "SYSTEM_EVENT",
         payload: {
@@ -5678,7 +5780,6 @@ var ErrorHandler = class {
       const currentView = this.viewDetector.getCurrentViewInfo();
       if (currentView.title !== lastViewTitle) {
         lastViewTitle = currentView.title;
-        console.log("[ErrorHandler] \u89C6\u56FE\u53D8\u5316:", currentView);
       }
     };
     setInterval(checkViewChange, 1e3);
@@ -5773,7 +5874,6 @@ var ErrorHandler = class {
    */
   updateConfig(newConfig) {
     this.config = { ...this.config, ...newConfig };
-    console.log("[ErrorHandler] \u914D\u7F6E\u5DF2\u66F4\u65B0:", this.config);
   }
   /**
    * 销毁错误处理器
@@ -5792,7 +5892,6 @@ var ErrorHandler = class {
         this.viewDetector.clearCache();
       }
       this.initialized = false;
-      console.log("[ErrorHandler] \u5DF2\u9500\u6BC1");
     } catch (error) {
       const originalConsole = getOriginalConsole3();
       originalConsole.error("[ErrorHandler] \u9500\u6BC1\u65F6\u53D1\u751F\u9519\u8BEF:", error);
@@ -5833,1708 +5932,1702 @@ var ErrorHandler = class {
   }
 };
 
-// src/utils/iframe-navigation.ts
-function getNavState() {
-  if (typeof window === "undefined") {
-    return {
-      navigationHistory: [],
-      currentHistoryIndex: -1,
-      initialized: false
-    };
+// src/components/auth/HowoneProvider.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var globalErrorHandler = null;
+var initializeErrorHandler = () => {
+  if (!globalErrorHandler) {
+    globalErrorHandler = new ErrorHandler({
+      enableViteHMR: true,
+      enableElementSelector: true,
+      enableInteractionTracking: true
+    });
+    globalErrorHandler.init();
+    window.__ERROR_HANDLER__ = globalErrorHandler;
   }
-  if (!window.customNavigationState) {
-    window.customNavigationState = {
-      navigationHistory: [],
-      currentHistoryIndex: -1,
-      initialized: false
+  return globalErrorHandler;
+};
+initializeErrorHandler();
+var HowoneContext = (0, import_react8.createContext)(null);
+var HowOneProvider = ({
+  children,
+  showFloatingButton = true,
+  projectId,
+  defaultTheme = "system",
+  themeStorageKey = "howone-theme",
+  forceDefaultTheme = false,
+  authUrl = "https://howone.dev/auth",
+  redirectOnUnauthenticated = true
+}) => {
+  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);
+  (0, import_react8.useEffect)(() => {
+    try {
+      const params = new URLSearchParams(window.location.search);
+      let urlToken = params.get("access_token") || params.get("token");
+      if (!urlToken && window.location.hash) {
+        const hashParams = new URLSearchParams(window.location.hash.slice(1));
+        urlToken = hashParams.get("access_token") || hashParams.get("token");
+      }
+      if (urlToken) {
+        setToken(urlToken);
+        setTokenState(urlToken);
+        setUser(parseUserFromToken(urlToken));
+        params.delete("access_token");
+        params.delete("token");
+        params.delete("project_id");
+        const newSearch = params.toString();
+        const newUrl = window.location.pathname + (newSearch ? "?" + newSearch : "");
+        window.history.replaceState({}, "", newUrl);
+      }
+    } catch (e) {
+      console.error("[HowOneProvider] Failed to capture token from URL:", e);
+    } finally {
+      setHasCheckedUrlToken(true);
+    }
+  }, []);
+  (0, import_react8.useEffect)(() => {
+    if (!hasCheckedUrlToken) {
+      return;
+    }
+    if (redirectOnUnauthenticated && !token && !user) {
+      const currentUrl = new URL(window.location.href);
+      if (!currentUrl.pathname.includes("/auth")) {
+        try {
+          const authUrlObj = new URL(authUrl);
+          const redirectUri = window.location.href;
+          authUrlObj.searchParams.set("redirect_uri", redirectUri);
+          if (projectId) {
+            authUrlObj.searchParams.set("project_id", projectId);
+          }
+          window.location.href = authUrlObj.toString();
+        } catch (error) {
+          console.error("[HowOneProvider] Failed to build auth URL:", error);
+          window.location.href = authUrl;
+        }
+      }
+    }
+  }, [token, user, redirectOnUnauthenticated, authUrl, projectId, hasCheckedUrlToken]);
+  const logout = () => {
+    try {
+      setToken(null);
+    } catch {
+    }
+    setTokenState(null);
+    setUser(null);
+  };
+  const value = {
+    user,
+    token,
+    isAuthenticated: hasCheckedUrlToken && !!token,
+    logout
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    ThemeProvider,
+    {
+      defaultTheme,
+      storageKey: themeStorageKey,
+      forceDefault: forceDefaultTheme,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ElementSelectorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(HowoneContext.Provider, { value, children: [
+          children,
+          showFloatingButton && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FloatingButton, { onClick: () => window.open("https://howone.ai", "_blank") })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(GlobalToastContainer, {})
+      ]
+    }
+  );
+};
+function useHowoneContext() {
+  const ctx = (0, import_react8.useContext)(HowoneContext);
+  if (!ctx) {
+    const t = getToken();
+    return {
+      user: parseUserFromToken(t),
+      token: t,
+      isAuthenticated: !!t,
+      logout: () => {
+        try {
+          setToken(null);
+        } catch {
+        }
+      }
     };
   }
-  return window.customNavigationState;
+  return ctx;
 }
-function getElementSelectorState() {
-  if (typeof window === "undefined") {
-    return { active: false, callback: null };
+
+// src/components/index.ts
+init_auth();
+
+// src/howone/client.ts
+init_auth();
+init_config();
+var HowoneAuthClient = class {
+  constructor() {
+    this.listeners = /* @__PURE__ */ new Set();
+    this.loading = false;
   }
-  if (!window.elementSelectorState) {
-    window.elementSelectorState = {
-      active: false,
-      callback: null
+  emit() {
+    const state = {
+      user: parseUserFromToken(getToken()),
+      isLoading: this.loading
     };
-  }
-  return window.elementSelectorState;
-}
-function sendNavigationState(targetWindow, targetOrigin) {
-  const navState = getNavState();
-  const canGoBack = navState.currentHistoryIndex > 0;
-  const canGoForward = navState.currentHistoryIndex < navState.navigationHistory.length - 1;
-  const state = {
-    type: "NAVIGATION_STATE",
-    payload: {
-      canGoBack,
-      canGoForward,
-      historyLength: navState.navigationHistory.length,
-      currentIndex: navState.currentHistoryIndex,
-      maxIndex: navState.navigationHistory.length - 1
+    for (const l of this.listeners) {
+      try {
+        l(state);
+      } catch (e) {
+        void e;
+      }
     }
-  };
-  if (targetWindow && targetOrigin) {
+  }
+  onAuthStateChanged(listener) {
+    this.listeners.add(listener);
     try {
-      targetWindow.postMessage(state, targetOrigin);
+      listener({ user: parseUserFromToken(getToken()), isLoading: this.loading });
     } catch (e) {
-      if (typeof console !== "undefined" && console.warn) {
-        console.warn("Failed to send navigation state:", e.message);
-      }
+      void e;
     }
+    return () => {
+      this.listeners.delete(listener);
+    };
   }
-}
-function addToNavigationHistory(url, title) {
-  const navState = getNavState();
-  if (navState.currentHistoryIndex < navState.navigationHistory.length - 1) {
-    navState.navigationHistory = navState.navigationHistory.slice(
-      0,
-      navState.currentHistoryIndex + 1
-    );
-  }
-  const currentPage = navState.navigationHistory[navState.currentHistoryIndex];
-  if (currentPage && currentPage.url === url) {
-    return;
-  }
-  const pageInfo = {
-    url,
-    title: title || (typeof document !== "undefined" ? document.title : "") || url,
-    timestamp: Date.now()
+  // Simple redirect-based login trigger (consumer can override)
+  login() {
+    const root = getEnvs().AUTH_ROOT_VALUE;
+    try {
+      const loc = window.location.href;
+      const authUrl = new URL("/auth", String(root));
+      authUrl.searchParams.set("redirect_uri", String(loc));
+      try {
+        const cfg = (init_config(), __toCommonJS(config_exports));
+        const pid = cfg.getDefaultProjectId && cfg.getDefaultProjectId();
+        if (pid) authUrl.searchParams.set("project_id", String(pid));
+      } catch {
+      }
+      try {
+        if (window.top && window.top !== window) {
+          window.top.location.replace(authUrl.toString());
+        } else {
+          window.location.replace(authUrl.toString());
+        }
+      } catch {
+        try {
+          window.location.replace(String(root));
+        } catch {
+        }
+      }
+    } catch {
+      try {
+        window.location.replace(String(root));
+      } catch {
+      }
+    }
+  }
+  logout() {
+    setToken(null);
+    this.emit();
+  }
+  getUser() {
+    return parseUserFromToken(getToken());
+  }
+  // helper to programmatically set token (e.g., after callback handling)
+  setToken(token) {
+    setToken(token);
+    this.emit();
+  }
+};
+var howone = {
+  auth: new HowoneAuthClient()
+};
+var client_default = howone;
+
+// src/components/ui/Loading.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Loading = ({
+  size = "md",
+  text = "Loading...",
+  className = "",
+  fullScreen = false
+}) => {
+  const sizeClasses = {
+    sm: "h-4 w-4",
+    md: "h-8 w-8",
+    lg: "h-12 w-12"
   };
-  navState.navigationHistory.push(pageInfo);
-  navState.currentHistoryIndex = navState.navigationHistory.length - 1;
-  if (typeof window !== "undefined" && window.parent && window.parent !== window) {
-    sendNavigationState(window.parent, "*");
+  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_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_runtime8.jsx)("p", { className: "mt-2 text-sm text-gray-600", children: text })
+  ] }) });
+};
+var LoadingSpinner = ({
+  size = "md",
+  className = ""
+}) => {
+  const sizeClasses = {
+    sm: "h-4 w-4",
+    md: "h-8 w-8",
+    lg: "h-12 w-12"
+  };
+  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}`
+    }
+  );
+};
+
+// src/components/ui/ErrorBoundary.tsx
+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 = () => {
+      this.setState({ hasError: false, error: void 0, errorInfo: void 0 });
+    };
+    this.state = { hasError: false };
   }
-}
-function customGoBack() {
-  const navState = getNavState();
-  if (navState.currentHistoryIndex > 0) {
-    navState.currentHistoryIndex--;
-    if (typeof window !== "undefined" && window.parent && window.parent !== window) {
-      sendNavigationState(window.parent, "*");
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.setState({
+      error,
+      errorInfo
+    });
+    this.props.onError?.(error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      if (this.props.fallback) {
+        const FallbackComponent = this.props.fallback;
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FallbackComponent, { error: this.state.error, retry: this.handleRetry });
+      }
+      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,
+            className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors",
+            children: "Try Again"
+          }
+        ),
+        false
+      ] }) });
     }
-    return true;
+    return this.props.children;
   }
-  return false;
-}
-function customGoForward() {
-  const navState = getNavState();
-  if (navState.currentHistoryIndex < navState.navigationHistory.length - 1) {
-    navState.currentHistoryIndex++;
-    if (typeof window !== "undefined" && window.parent && window.parent !== window) {
-      sendNavigationState(window.parent, "*");
+};
+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,
+      className: "px-3 py-1 bg-blue-600 text-white text-sm rounded hover:bg-blue-700 transition-colors",
+      children: "Retry"
+    }
+  )
+] }) });
+
+// src/components/ui/ClayxButton.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var getSizeClasses = (size, isIconOnly) => {
+  if (isIconOnly) {
+    switch (size) {
+      case "sm":
+        return "h-8 w-8 min-w-8 p-0";
+      case "md":
+        return "h-10 w-10 min-w-10 p-0";
+      case "lg":
+        return "h-12 w-12 min-w-12 p-0";
+      default:
+        return "h-10 w-10 min-w-10 p-0";
     }
-    return true;
   }
-  return false;
-}
-function triggerElementSelection() {
-  if (typeof window === "undefined") return;
-  const event = new CustomEvent("howone:start-element-selection");
-  window.dispatchEvent(event);
-  getElementSelectorState().active = true;
-}
-function cancelElementSelection() {
-  if (typeof window === "undefined") return;
-  const event = new CustomEvent("howone:cancel-element-selection");
-  window.dispatchEvent(event);
-  getElementSelectorState().active = false;
-}
-function handlePageChange() {
-  if (typeof window === "undefined") return;
-  const currentUrl = window.location.href;
-  const currentTitle = document.title;
-  addToNavigationHistory(currentUrl, currentTitle);
-}
-function initIframeNavigation() {
-  if (typeof window === "undefined") return;
-  const navState = getNavState();
-  window.addEventListener("keydown", function(e) {
-    if (e.key === "Escape" && getElementSelectorState().active) {
-      cancelElementSelection();
+  switch (size) {
+    case "sm":
+      return "h-8 px-3 text-sm";
+    case "md":
+      return "h-10 px-4 text-base";
+    case "lg":
+      return "h-12 px-6 text-lg";
+    default:
+      return "h-10 px-4 text-base";
+  }
+};
+var getVariantClasses = (variant) => {
+  switch (variant) {
+    case "solid":
+      return "bg-primary text-white hover:bg-primary/90";
+    case "ghost":
+      return "bg-transparent hover:bg-white/10";
+    case "flat":
+      return "bg-white/5 hover:bg-white/10";
+    default:
+      return "";
+  }
+};
+var ClayxButton = ({
+  isIconOnly = false,
+  size = "md",
+  variant = "solid",
+  className = "",
+  children,
+  disabled = false,
+  ...props
+}) => {
+  const sizeClasses = getSizeClasses(size, isIconOnly);
+  const variantClasses = getVariantClasses(variant);
+  const baseClasses = `
+    inline-flex items-center justify-center
+    rounded-md font-medium
+    transition-all duration-200
+    focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-transparent
+    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_runtime10.jsx)(
+    "button",
+    {
+      className: combinedClasses,
+      disabled,
+      ...props,
+      children
     }
-  });
-  window.addEventListener("message", (event) => {
-    try {
-      const { type, payload } = event.data;
-      switch (type) {
-        case "NAVIGATE_BACK":
-        case "GO_BACK":
-          customGoBack();
-          break;
-        case "NAVIGATE_FORWARD":
-        case "GO_FORWARD":
-          customGoForward();
-          break;
-        case "REQUEST_NAVIGATION_STATE":
-        case "CHECK_NAVIGATION_STATE":
-          sendNavigationState(event.source, event.origin);
-          break;
-        case "START_ELEMENT_SELECTION":
-          triggerElementSelection();
-          break;
-        case "ELEMENT_SELECTED":
-          if (event.source && event.source !== window) {
-            window.parent.postMessage(
-              {
-                type: "ELEMENT_SELECTED",
-                payload
-              },
-              "*"
-            );
+  );
+};
+
+// src/components/ui/LimitUpgradeToast.tsx
+var import_react13 = 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/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");
+    }
+  };
+  if (!mounted) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      "button",
+      {
+        className: `relative inline-flex h-10 w-12 items-center justify-center rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground ${className || ""}`,
+        disabled: true,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react10.Icon, { icon: "solar:sun-bold", width: 20, height: 20 }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "\u5207\u6362\u4E3B\u9898" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    "button",
+    {
+      className: `inline-flex h-10 w-12 items-center justify-center rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground transition-colors ${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 }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "\u5207\u6362\u4E3B\u9898" })
+      ]
+    }
+  );
+}
+
+// src/components/ui/Toast/ClayxToast.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var TOAST_ICONS = {
+  success: {
+    icon: "mdi:success",
+    color: "text-green-400",
+    className: "text-green-400",
+    // 深色主题配置
+    dark: {
+      bgGradient: "bg-[#14181d]",
+      // 移除透明度 f2
+      gradientColor: "#389726",
+      borderGradient: "border-[#389726]",
+      borderGradientColor: "#389726"
+    },
+    // 浅色主题配置
+    light: {
+      bgGradient: "bg-[#fafafa]",
+      // 移除透明度 ff
+      gradientColor: "#22c55e",
+      borderGradient: "border-[#22c55e]",
+      borderGradientColor: "#22c55e"
+    }
+  },
+  error: {
+    icon: "ic:outline-close",
+    color: "text-red-400",
+    className: "text-red-400",
+    dark: {
+      bgGradient: "bg-[#14181d]",
+      // 移除透明度 f2
+      gradientColor: "#ef4444",
+      borderGradient: "border-[#ef4444]",
+      borderGradientColor: "#ef4444"
+    },
+    light: {
+      bgGradient: "bg-[#fafafa]",
+      // 移除透明度 ff
+      gradientColor: "#f87171",
+      borderGradient: "border-[#f87171]",
+      borderGradientColor: "#f87171"
+    }
+  },
+  warning: {
+    icon: "mi:warning",
+    color: "text-yellow-400",
+    className: "text-yellow-400",
+    dark: {
+      bgGradient: "bg-[#14181d]",
+      // 移除透明度 f2
+      gradientColor: "#facc15",
+      borderGradient: "border-[#facc15]",
+      borderGradientColor: "#facc15"
+    },
+    light: {
+      bgGradient: "bg-[#fafafa]",
+      // 移除透明度 ff
+      gradientColor: "#f59e0b",
+      borderGradient: "border-[#f59e0b]",
+      borderGradientColor: "#f59e0b"
+    }
+  },
+  info: {
+    icon: "ic:outline-info",
+    color: "text-blue-400",
+    className: "text-blue-400",
+    dark: {
+      bgGradient: "bg-[#14181d]",
+      // 移除透明度 f2
+      gradientColor: "#60a5fa",
+      borderGradient: "border-[#60a5fa]",
+      borderGradientColor: "#f0f0f0"
+    },
+    light: {
+      bgGradient: "bg-[#fafafa]",
+      // 移除透明度 ff
+      gradientColor: "#3b82f6",
+      borderGradient: "border-[#3b82f6]",
+      borderGradientColor: "#3b82f6"
+    }
+  },
+  default: {
+    icon: "ic:round-notifications",
+    color: "text-gray-400",
+    className: "text-gray-400",
+    dark: {
+      bgGradient: "bg-[#14181d]",
+      // 移除透明度 f2
+      gradientColor: "#9ca3af",
+      borderGradient: "border-[#9ca3af]",
+      borderGradientColor: "#9ca3af"
+    },
+    light: {
+      bgGradient: "bg-[#fafafa]",
+      // 移除透明度 ff
+      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 \n                    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();
+  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 relative 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-xl",
+        style: {
+          background: theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "#0f1419" : "#ffffff",
+          zIndex: -2
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "div",
+      {
+        className: "absolute left-0 top-0 w-full h-full pointer-events-none rounded-xl",
+        style: {
+          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}15 0%, ${themeConfig.gradientColor}08 15%, #fafafaff 30%)`,
+          zIndex: -1
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "div",
+      {
+        className: "absolute left-0 top-0 w-full h-full pointer-events-none rounded-xl",
+        style: {
+          border: "2px solid transparent",
+          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}40 0%, ${themeConfig.borderGradientColor}25 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"
+        }
+      }
+    ),
+    /* @__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",
+        {
+          className: "text-[16px] font-semibold leading-tight drop-shadow-sm",
+          style: {
+            color: getTextColor(),
+            backgroundClip: "text"
+          },
+          children: title
+        }
+      ),
+      message && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "div",
+        {
+          className: "text-[13px] font-normal leading-relaxed drop-shadow-sm",
+          style: {
+            color: getTextColor(),
+            backgroundClip: "text"
+          },
+          children: message
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseButton, { closeToast: handleClose }) })
+  ] });
+};
+var defaultToastOptions = {
+  position: "bottom-right",
+  autoClose: 3e3,
+  hideProgressBar: true,
+  closeOnClick: false,
+  pauseOnHover: true,
+  draggable: true,
+  pauseOnFocusLoss: false,
+  theme: "dark",
+  transition: import_react_toastify2.Bounce
+};
+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
           }
-          break;
-        case "CANCEL_ELEMENT_SELECTION":
-          cancelElementSelection();
-          break;
-      }
-    } catch (e) {
-    }
-  });
-  window.addEventListener("popstate", () => {
-    setTimeout(() => {
-      if (window.parent && window.parent !== window) {
-        sendNavigationState(window.parent, "*");
-      }
-    }, 50);
-  });
-  window.addEventListener("hashchange", () => {
-    handlePageChange();
-  });
-  window.addEventListener("load", () => {
-    if (!navState.initialized) {
-      addToNavigationHistory(window.location.href, document.title);
-      navState.initialized = true;
-    }
-    setTimeout(() => {
-      if (window.parent && window.parent !== window) {
-        sendNavigationState(window.parent, "*");
-      }
-    }, 500);
-  });
-  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", () => {
-      if (!navState.initialized) {
-        addToNavigationHistory(window.location.href, document.title);
-        navState.initialized = true;
-      }
-    });
-  } else if (!navState.initialized) {
-    addToNavigationHistory(window.location.href, document.title);
-    navState.initialized = true;
-  }
-  window.iframeElementSelector = {
-    startSelection: function() {
-      triggerElementSelection();
-    }
-  };
-  window.iframeNavigation = {
-    addPage: function(url, title) {
-      addToNavigationHistory(
-        url || window.location.href,
-        title || document.title
-      );
-    },
-    getState: function() {
-      return {
-        canGoBack: navState.currentHistoryIndex > 0,
-        canGoForward: navState.currentHistoryIndex < navState.navigationHistory.length - 1,
-        historyLength: navState.navigationHistory.length,
-        currentIndex: navState.currentHistoryIndex,
-        currentPage: navState.navigationHistory[navState.currentHistoryIndex]
-      };
-    },
-    updateState: function() {
-      if (window.parent && window.parent !== window) {
-        sendNavigationState(window.parent, "*");
+        );
+      },
+      {
+        ...defaultToastOptions,
+        ...options,
+        // 确保圆角样式不被覆盖，添加 rounded-xl 类
+        className: "!p-0 !shadow-none !rounded-xl",
+        style: { padding: 0, borderRadius: "0.75rem" }
       }
-    }
-  };
-}
-var iframeNavigation = {
-  /**
-   * Initialize the navigation system
-   */
-  init: initIframeNavigation,
-  /**
-   * Add a page to navigation history
-   */
-  addPage: (url, title) => {
-    if (typeof window === "undefined") return;
-    addToNavigationHistory(
-      url || window.location.href,
-      title || (typeof document !== "undefined" ? document.title : "")
     );
-  },
-  /**
-   * Get current navigation state
-   */
-  getState: () => {
-    const navState = getNavState();
-    return {
-      canGoBack: navState.currentHistoryIndex > 0,
-      canGoForward: navState.currentHistoryIndex < navState.navigationHistory.length - 1,
-      historyLength: navState.navigationHistory.length,
-      currentIndex: navState.currentHistoryIndex,
-      currentPage: navState.navigationHistory[navState.currentHistoryIndex]
-    };
-  },
-  /**
-   * Update navigation state (send to parent)
-   */
-  updateState: () => {
-    if (typeof window !== "undefined" && window.parent && window.parent !== window) {
-      sendNavigationState(window.parent, "*");
-    }
-  },
-  /**
-   * Go back in history
-   */
-  goBack: customGoBack,
-  /**
-   * Go forward in history
-   */
-  goForward: customGoForward
+  };
 };
-var elementSelector = {
-  /**
-   * Start element selection mode
-   */
-  startSelection: triggerElementSelection,
-  /**
-   * Cancel element selection mode
-   */
-  cancel: cancelElementSelection,
-  /**
-   * Check if selector is active
-   */
-  isActive: () => getElementSelectorState().active
+var ClayxToast = {
+  success: createToast("success"),
+  error: createToast("error"),
+  warning: createToast("warning"),
+  info: createToast("info"),
+  default: createToast("default")
 };
 
-// src/components/auth/HowoneProvider.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var HowoneContext = (0, import_react8.createContext)(null);
-var HowOneProvider = ({
-  children,
-  showFloatingButton = true,
-  projectId,
-  defaultTheme = "system",
-  themeStorageKey = "howone-theme",
-  forceDefaultTheme = false,
-  authUrl = "https://howone.dev/auth",
-  redirectOnUnauthenticated = true
-}) => {
-  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);
-  (0, import_react8.useEffect)(() => {
-    const errorHandler = new ErrorHandler({
-      enableViteHMR: true,
-      enableElementSelector: true,
-      enableInteractionTracking: true
-      // enableConsoleCapture: true,
-      // enableNetworkCapture: true,
-      // maxErrors: 100,
-      // maxInteractions: 50,
-      // debounceTime: 100,
-      // reportToParent: true,
-      // reportToConsole: true
-    });
-    errorHandler.init();
-    window.__ERROR_HANDLER__ = errorHandler;
-    initIframeNavigation();
-    try {
-      const params = new URLSearchParams(window.location.search);
-      let urlToken = params.get("access_token") || params.get("token");
-      if (!urlToken && window.location.hash) {
-        const hashParams = new URLSearchParams(window.location.hash.slice(1));
-        urlToken = hashParams.get("access_token") || hashParams.get("token");
+// src/components/ui/LimitUpgradeToast.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var LimitToastContainer = ({ message, onUpgrade, closeToast }) => {
+  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
+        }
       }
-      if (urlToken) {
-        console.log("[HowOneProvider] Token captured from URL, storing to localStorage...");
-        setToken(urlToken);
-        setTokenState(urlToken);
-        setUser(parseUserFromToken(urlToken));
-        params.delete("access_token");
-        params.delete("token");
-        params.delete("project_id");
-        const newSearch = params.toString();
-        const newUrl = window.location.pathname + (newSearch ? "?" + newSearch : "");
-        window.history.replaceState({}, "", newUrl);
-        console.log("[HowOneProvider] Token stored successfully, URL cleaned");
+    ),
+    /* @__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
+        }
       }
-    } catch (e) {
-      console.error("[HowOneProvider] Failed to capture token from URL:", e);
-    } finally {
-      setHasCheckedUrlToken(true);
-    }
-  }, []);
-  (0, import_react8.useEffect)(() => {
-    if (!hasCheckedUrlToken) {
-      return;
-    }
-    if (redirectOnUnauthenticated && !token && !user) {
-      const currentUrl = new URL(window.location.href);
-      if (!currentUrl.pathname.includes("/auth")) {
-        console.log("[HowOneProvider] No token found, redirecting to auth page...");
-        try {
-          const authUrlObj = new URL(authUrl);
-          const redirectUri = window.location.href;
-          authUrlObj.searchParams.set("redirect_uri", redirectUri);
-          if (projectId) {
-            authUrlObj.searchParams.set("project_id", projectId);
+    ),
+    /* @__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"
+        }
+      }
+    ),
+    /* @__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 bg-gradient-to-r from-white to-gray-400 bg-clip-text text-transparent", 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",
+            className: "h-6 w-6 min-w-6 rounded-full bg-white/5 hover:bg-white/10 transition-colors",
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react13.Icon, { icon: "iconamoon:close", className: "w-4 h-4 text-gray-400" })
           }
-          console.log("[HowOneProvider] Redirecting to:", authUrlObj.toString());
-          window.location.href = authUrlObj.toString();
-        } catch (error) {
-          console.error("[HowOneProvider] Failed to build auth URL:", error);
-          window.location.href = authUrl;
+        )
+      ] }),
+      /* @__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?.();
+          },
+          className: "flex-1 bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 text-white font-semibold transition-all duration-300 hover:shadow-lg hover:shadow-purple-500/30 cursor-pointer",
+          style: { cursor: "pointer" },
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react13.Icon, { icon: "solar:rocket-2-bold", className: "w-4 h-4" }),
+            "Upgrade Now"
+          ] })
         }
-      }
-    }
-  }, [token, user, redirectOnUnauthenticated, authUrl, projectId, hasCheckedUrlToken]);
-  const logout = () => {
-    try {
-      setToken(null);
-    } catch {
-    }
-    setTokenState(null);
-    setUser(null);
-  };
-  const value = {
-    user,
-    token,
-    isAuthenticated: hasCheckedUrlToken && !!token,
-    logout
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-    ThemeProvider,
-    {
-      defaultTheme,
-      storageKey: themeStorageKey,
-      forceDefault: forceDefaultTheme,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ElementSelectorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(HowoneContext.Provider, { value, children: [
-          children,
-          showFloatingButton && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FloatingButton, { onClick: () => window.open("https://howone.ai", "_blank") })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(GlobalToastContainer, {})
-      ]
-    }
-  );
+      ) })
+    ] }) })
+  ] });
 };
-function useHowoneContext() {
-  const ctx = (0, import_react8.useContext)(HowoneContext);
-  if (!ctx) {
-    const t = getToken();
-    return {
-      user: parseUserFromToken(t),
-      token: t,
-      isAuthenticated: !!t,
-      logout: () => {
-        try {
-          setToken(null);
-        } catch {
-        }
+function showLimitUpgradeToast(message, onUpgrade) {
+  ClayxToast.default({
+    render: (closeToast) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LimitToastContainer, { message, onUpgrade, closeToast }),
+    options: {
+      position: "bottom-right",
+      closeOnClick: false,
+      autoClose: false,
+      hideProgressBar: true,
+      draggable: false,
+      pauseOnHover: true,
+      className: "!bg-transparent !shadow-none",
+      style: {
+        background: "transparent",
+        padding: 0,
+        width: "auto",
+        maxWidth: "420px"
       }
-    };
-  }
-  return ctx;
+    }
+  });
 }
 
-// src/components/index.ts
-init_auth();
-
-// src/howone/client.ts
-init_auth();
-init_config();
-var HowoneAuthClient = class {
-  constructor() {
-    this.listeners = /* @__PURE__ */ new Set();
-    this.loading = 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);
   }
-  emit() {
-    const state = {
-      user: parseUserFromToken(getToken()),
-      isLoading: this.loading
-    };
-    for (const l of this.listeners) {
-      try {
-        l(state);
-      } catch (e) {
-        void e;
-      }
+  buildHeaders(extra) {
+    const h = { ...this.headers, ...extra || {} };
+    if (this.apiKey && !h["Authorization"]) {
+      h["Authorization"] = `Bearer ${this.apiKey}`;
     }
+    return h;
   }
-  onAuthStateChanged(listener) {
-    this.listeners.add(listener);
+  async safeJson(resp) {
     try {
-      listener({ user: parseUserFromToken(getToken()), isLoading: this.loading });
-    } catch (e) {
-      void e;
+      return await resp.json();
+    } catch (_e) {
+      return null;
     }
-    return () => {
-      this.listeners.delete(listener);
-    };
   }
-  // Simple redirect-based login trigger (consumer can override)
-  login() {
-    const root = getEnvs().AUTH_ROOT_VALUE;
+  /**
+   * 按 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 loc = window.location.href;
-      const authUrl = new URL("/auth", String(root));
-      authUrl.searchParams.set("redirect_uri", String(loc));
-      try {
-        const cfg = (init_config(), __toCommonJS(config_exports));
-        const pid = cfg.getDefaultProjectId && cfg.getDefaultProjectId();
-        if (pid) authUrl.searchParams.set("project_id", String(pid));
-      } catch {
-      }
-      try {
-        if (window.top && window.top !== window) {
-          window.top.location.replace(authUrl.toString());
-        } else {
-          window.location.replace(authUrl.toString());
-        }
-      } catch {
-        try {
-          window.location.replace(String(root));
-        } catch {
-        }
+      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}` };
       }
-    } catch {
-      try {
-        window.location.replace(String(root));
-      } catch {
+      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" };
     }
   }
-  logout() {
-    setToken(null);
-    this.emit();
-  }
-  getUser() {
-    return parseUserFromToken(getToken());
-  }
-  // helper to programmatically set token (e.g., after callback handling)
-  setToken(token) {
-    setToken(token);
-    this.emit();
-  }
 };
-var howone = {
-  auth: new HowoneAuthClient()
-};
-var client_default = howone;
+function createAIWorkflowClient(options = {}) {
+  return new AIWorkflowClient(options);
+}
+var aiWorkflow = createAIWorkflowClient({ baseUrl: "https://evoagentx-server" });
 
-// src/components/ui/Loading.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var Loading = ({
-  size = "md",
-  text = "Loading...",
-  className = "",
-  fullScreen = false
-}) => {
-  const sizeClasses = {
-    sm: "h-4 w-4",
-    md: "h-8 w-8",
-    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_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]}`
+// 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,
+      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;
+      },
+      (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);
       }
-    ),
-    text && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "mt-2 text-sm text-gray-600", children: text })
-  ] }) });
-};
-var LoadingSpinner = ({
-  size = "md",
-  className = ""
-}) => {
-  const sizeClasses = {
-    sm: "h-4 w-4",
-    md: "h-8 w-8",
-    lg: "h-12 w-12"
-  };
-  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}`
-    }
-  );
-};
-
-// src/components/ui/ErrorBoundary.tsx
-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 = () => {
-      this.setState({ hasError: false, error: void 0, errorInfo: void 0 });
-    };
-    this.state = { hasError: false };
+    );
   }
-  static getDerivedStateFromError(error) {
-    return { hasError: true, error };
+  cancelRequest(url) {
+    this.abortControllers.forEach((controller, key) => {
+      if (key.includes(url)) {
+        controller.abort();
+        this.abortControllers.delete(key);
+      }
+    });
   }
-  componentDidCatch(error, errorInfo) {
-    this.setState({
-      error,
-      errorInfo
+  cancelAllRequests() {
+    this.abortControllers.forEach((controller) => {
+      controller.abort();
     });
-    this.props.onError?.(error, errorInfo);
+    this.abortControllers.clear();
   }
-  render() {
-    if (this.state.hasError) {
-      if (this.props.fallback) {
-        const FallbackComponent = this.props.fallback;
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FallbackComponent, { error: this.state.error, retry: this.handleRetry });
+  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);
       }
-      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,
-            className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors",
-            children: "Try Again"
-          }
-        ),
-        false
-      ] }) });
-    }
-    return this.props.children;
+      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);
+      });
+    });
   }
-};
-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,
-      className: "px-3 py-1 bg-blue-600 text-white text-sm rounded hover:bg-blue-700 transition-colors",
-      children: "Retry"
-    }
-  )
-] }) });
-
-// src/components/ui/ClayxButton.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var getSizeClasses = (size, isIconOnly) => {
-  if (isIconOnly) {
-    switch (size) {
-      case "sm":
-        return "h-8 w-8 min-w-8 p-0";
-      case "md":
-        return "h-10 w-10 min-w-10 p-0";
-      case "lg":
-        return "h-12 w-12 min-w-12 p-0";
-      default:
-        return "h-10 w-10 min-w-10 p-0";
-    }
+  get(config) {
+    return this.request({ ...config, method: "GET" });
   }
-  switch (size) {
-    case "sm":
-      return "h-8 px-3 text-sm";
-    case "md":
-      return "h-10 px-4 text-base";
-    case "lg":
-      return "h-12 px-6 text-lg";
-    default:
-      return "h-10 px-4 text-base";
+  post(config) {
+    return this.request({ ...config, method: "POST" });
   }
-};
-var getVariantClasses = (variant) => {
-  switch (variant) {
-    case "solid":
-      return "bg-primary text-white hover:bg-primary/90";
-    case "ghost":
-      return "bg-transparent hover:bg-white/10";
-    case "flat":
-      return "bg-white/5 hover:bg-white/10";
-    default:
-      return "";
+  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 ClayxButton = ({
-  isIconOnly = false,
-  size = "md",
-  variant = "solid",
-  className = "",
-  children,
-  disabled = false,
-  ...props
-}) => {
-  const sizeClasses = getSizeClasses(size, isIconOnly);
-  const variantClasses = getVariantClasses(variant);
-  const baseClasses = `
-    inline-flex items-center justify-center
-    rounded-md font-medium
-    transition-all duration-200
-    focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-transparent
-    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_runtime10.jsx)(
-    "button",
-    {
-      className: combinedClasses,
-      disabled,
-      ...props,
-      children
-    }
-  );
-};
-
-// src/components/ui/LimitUpgradeToast.tsx
-var import_react13 = 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");
+var request_default = Request;
 
-// 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");
-    }
-  };
-  if (!mounted) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-      "button",
-      {
-        className: `relative inline-flex h-10 w-12 items-center justify-center rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground ${className || ""}`,
-        disabled: true,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react10.Icon, { icon: "solar:sun-bold", width: 20, height: 20 }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "\u5207\u6362\u4E3B\u9898" })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    "button",
-    {
-      className: `inline-flex h-10 w-12 items-center justify-center rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground transition-colors ${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 }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "\u5207\u6362\u4E3B\u9898" })
-      ]
+// 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/components/ui/Toast/ClayxToast.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var TOAST_ICONS = {
-  success: {
-    icon: "mdi:success",
-    color: "text-green-400",
-    className: "text-green-400",
-    // 深色主题配置
-    dark: {
-      bgGradient: "bg-[#14181d]",
-      // 移除透明度 f2
-      gradientColor: "#389726",
-      borderGradient: "border-[#389726]",
-      borderGradientColor: "#389726"
+// 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 });
     },
-    // 浅色主题配置
-    light: {
-      bgGradient: "bg-[#fafafa]",
-      // 移除透明度 ff
-      gradientColor: "#22c55e",
-      borderGradient: "border-[#22c55e]",
-      borderGradientColor: "#22c55e"
-    }
-  },
-  error: {
-    icon: "ic:outline-close",
-    color: "text-red-400",
-    className: "text-red-400",
-    dark: {
-      bgGradient: "bg-[#14181d]",
-      // 移除透明度 f2
-      gradientColor: "#ef4444",
-      borderGradient: "border-[#ef4444]",
-      borderGradientColor: "#ef4444"
+    async list(query) {
+      return await req.get({ url: "/artifacts", params: query });
     },
-    light: {
-      bgGradient: "bg-[#fafafa]",
-      // 移除透明度 ff
-      gradientColor: "#f87171",
-      borderGradient: "border-[#f87171]",
-      borderGradientColor: "#f87171"
-    }
-  },
-  warning: {
-    icon: "mi:warning",
-    color: "text-yellow-400",
-    className: "text-yellow-400",
-    dark: {
-      bgGradient: "bg-[#14181d]",
-      // 移除透明度 f2
-      gradientColor: "#facc15",
-      borderGradient: "border-[#facc15]",
-      borderGradientColor: "#facc15"
+    async get(id) {
+      return await req.get({ url: `/artifacts/${encodeURIComponent(id)}` });
     },
-    light: {
-      bgGradient: "bg-[#fafafa]",
-      // 移除透明度 ff
-      gradientColor: "#f59e0b",
-      borderGradient: "border-[#f59e0b]",
-      borderGradientColor: "#f59e0b"
-    }
-  },
-  info: {
-    icon: "ic:outline-info",
-    color: "text-blue-400",
-    className: "text-blue-400",
-    dark: {
-      bgGradient: "bg-[#14181d]",
-      // 移除透明度 f2
-      gradientColor: "#60a5fa",
-      borderGradient: "border-[#60a5fa]",
-      borderGradientColor: "#f0f0f0"
+    async setVisibility(id, visibility) {
+      await req.patch({ url: `/artifacts/${encodeURIComponent(id)}/visibility`, data: { visibility } });
     },
-    light: {
-      bgGradient: "bg-[#fafafa]",
-      // 移除透明度 ff
-      gradientColor: "#3b82f6",
-      borderGradient: "border-[#3b82f6]",
-      borderGradientColor: "#3b82f6"
-    }
-  },
-  default: {
-    icon: "ic:round-notifications",
-    color: "text-gray-400",
-    className: "text-gray-400",
-    dark: {
-      bgGradient: "bg-[#14181d]",
-      // 移除透明度 f2
-      gradientColor: "#9ca3af",
-      borderGradient: "border-[#9ca3af]",
-      borderGradientColor: "#9ca3af"
+    async delete(id) {
+      await req.delete({ url: `/artifacts/${encodeURIComponent(id)}` });
     },
-    light: {
-      bgGradient: "bg-[#fafafa]",
-      // 移除透明度 ff
-      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 \n                    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();
-      }
+    // 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;
     }
-  );
-});
-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();
-  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 relative 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-xl",
-        style: {
-          background: theme === "dark" || theme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "#0f1419" : "#ffffff",
-          zIndex: -2
-        }
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      "div",
-      {
-        className: "absolute left-0 top-0 w-full h-full pointer-events-none rounded-xl",
-        style: {
-          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}15 0%, ${themeConfig.gradientColor}08 15%, #fafafaff 30%)`,
-          zIndex: -1
-        }
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      "div",
-      {
-        className: "absolute left-0 top-0 w-full h-full pointer-events-none rounded-xl",
-        style: {
-          border: "2px solid transparent",
-          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}40 0%, ${themeConfig.borderGradientColor}25 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"
+}
+
+// src/services/index.ts
+init_auth();
+init_config();
+init_config();
+init_auth();
+
+// src/utils/urlSanitizer.ts
+var DEFAULT_SENSITIVE = ["token", "access_token", "auth", "auth_token"];
+function removeSensitiveParamsFromUrl(opts) {
+  if (typeof window === "undefined") return;
+  try {
+    const { clearAll, sensitiveParams, includeHash = true, onChanged } = opts || {};
+    const sens = (sensitiveParams && sensitiveParams.length > 0 ? sensitiveParams : DEFAULT_SENSITIVE).map((s) => s.toLowerCase());
+    const before = window.location.href;
+    const url = new URL(before);
+    if (clearAll) {
+      url.search = "";
+    } else if (url.search) {
+      let changed = false;
+      for (const [k] of url.searchParams) {
+        if (sens.includes(k.toLowerCase())) {
+          url.searchParams.delete(k);
+          changed = true;
         }
       }
-    ),
-    /* @__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
-        }
+      if (changed) {
+        const qs = url.searchParams.toString();
+        url.search = qs ? `?${qs}` : "";
       }
-    ) }) }),
-    /* @__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",
-        {
-          className: "text-[16px] font-semibold leading-tight drop-shadow-sm",
-          style: {
-            color: getTextColor(),
-            backgroundClip: "text"
-          },
-          children: title
-        }
-      ),
-      message && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        "div",
-        {
-          className: "text-[13px] font-normal leading-relaxed drop-shadow-sm",
-          style: {
-            color: getTextColor(),
-            backgroundClip: "text"
-          },
-          children: message
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseButton, { closeToast: handleClose }) })
-  ] });
-};
-var defaultToastOptions = {
-  position: "bottom-right",
-  autoClose: 3e3,
-  hideProgressBar: true,
-  closeOnClick: false,
-  pauseOnHover: true,
-  draggable: true,
-  pauseOnFocusLoss: false,
-  theme: "dark",
-  transition: import_react_toastify2.Bounce
-};
-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
+    }
+    if (includeHash && url.hash) {
+      const raw = url.hash.slice(1);
+      if (raw.includes("=")) {
+        const hp = new URLSearchParams(raw);
+        let changed = false;
+        for (const [k] of hp) {
+          if (clearAll || sens.includes(k.toLowerCase())) {
+            hp.delete(k);
+            changed = true;
           }
-        );
-      },
-      {
-        ...defaultToastOptions,
-        ...options,
-        // 确保圆角样式不被覆盖，添加 rounded-xl 类
-        className: "!p-0 !shadow-none !rounded-xl",
-        style: { padding: 0, borderRadius: "0.75rem" }
-      }
-    );
-  };
-};
-var ClayxToast = {
-  success: createToast("success"),
-  error: createToast("error"),
-  warning: createToast("warning"),
-  info: createToast("info"),
-  default: createToast("default")
-};
-
-// src/components/ui/LimitUpgradeToast.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var LimitToastContainer = ({ message, onUpgrade, closeToast }) => {
-  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 (changed) {
+          const hs = hp.toString();
+          url.hash = hs ? `#${hs}` : "";
         }
-      }
-    ),
-    /* @__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"
+      } else {
+        if (!clearAll && sens.some((p) => raw.toLowerCase().startsWith(p))) {
+          url.hash = "";
+        } else if (clearAll) {
+          url.hash = "";
         }
       }
-    ),
-    /* @__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 bg-gradient-to-r from-white to-gray-400 bg-clip-text text-transparent", 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",
-            className: "h-6 w-6 min-w-6 rounded-full bg-white/5 hover:bg-white/10 transition-colors",
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react13.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?.();
-          },
-          className: "flex-1 bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 text-white font-semibold transition-all duration-300 hover:shadow-lg hover:shadow-purple-500/30 cursor-pointer",
-          style: { cursor: "pointer" },
-          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react13.Icon, { icon: "solar:rocket-2-bold", className: "w-4 h-4" }),
-            "Upgrade Now"
-          ] })
+    }
+    const next = url.pathname + url.search + url.hash;
+    if (next !== window.location.pathname + window.location.search + window.location.hash) {
+      window.history.replaceState(window.history.state, document.title, next);
+      onChanged && onChanged(next);
+    }
+  } catch (e) {
+    console.warn("[howone][urlSanitizer] failed", e);
+  }
+}
+
+// src/services/index.ts
+function getGlobalAvailableToken() {
+  try {
+    return getToken() || null;
+  } catch {
+    return null;
+  }
+}
+function wrapRequestWithProjectPrefix(biz, projectId) {
+  if (!projectId) return biz;
+  const prefix = `/entities/apps/${String(projectId)}`;
+  function shouldPrefix(url) {
+    if (!url) return false;
+    const u = String(url);
+    if (u.startsWith(prefix)) return false;
+    if (/^https?:\/\//.test(u) || u.startsWith("//")) return false;
+    if (u.startsWith("/data")) return true;
+    return false;
+  }
+  const wrapped = {
+    instance: biz.instance,
+    request: (config) => {
+      try {
+        if (config && typeof config.url === "string" && shouldPrefix(config.url)) {
+          config = { ...config, url: `${prefix}${config.url}` };
         }
-      ) })
-    ] }) })
-  ] });
-};
-function showLimitUpgradeToast(message, onUpgrade) {
-  ClayxToast.default({
-    render: (closeToast) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(LimitToastContainer, { message, onUpgrade, closeToast }),
-    options: {
-      position: "bottom-right",
-      closeOnClick: false,
-      autoClose: false,
-      hideProgressBar: true,
-      draggable: false,
-      pauseOnHover: true,
-      className: "!bg-transparent !shadow-none",
-      style: {
-        background: "transparent",
-        padding: 0,
-        width: "auto",
-        maxWidth: "420px"
+      } catch (_e) {
       }
-    }
-  });
+      return biz.request(config);
+    },
+    get: (config) => wrapped.request({ ...config, method: "GET" }),
+    post: (config) => wrapped.request({ ...config, method: "POST" }),
+    put: (config) => wrapped.request({ ...config, method: "PUT" }),
+    patch: (config) => wrapped.request({ ...config, method: "PATCH" }),
+    delete: (config) => wrapped.request({ ...config, method: "DELETE" }),
+    cancelRequest: (url) => biz.cancelRequest(url),
+    cancelAllRequests: () => biz.cancelAllRequests()
+  };
+  return wrapped;
 }
-
-// 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);
+function createClient(opts) {
+  const envValue = opts.env || getGlobalEnvironment() || "prod";
+  const env2 = setEnvironment(envValue);
+  function makeRequestFromBase(base) {
+    return new request_default({
+      baseURL: base,
+      timeout: 6e4,
+      interceptors: {
+        requestInterceptor: (config) => {
+          config.headers = config.headers || {};
+          if (!config.headers["Authorization"]) {
+            const availableToken = getAvailableToken();
+            if (availableToken) {
+              config.headers["Authorization"] = `Bearer ${availableToken}`;
+            }
+          }
+          return config;
+        },
+        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)
+      }
+    });
   }
-  buildHeaders(extra) {
-    const h = { ...this.headers, ...extra || {} };
-    if (this.apiKey && !h["Authorization"]) {
-      h["Authorization"] = `Bearer ${this.apiKey}`;
-    }
-    return h;
+  const biz = makeRequestFromBase(env2.baseUrl);
+  const ai = makeRequestFromBase(env2.aiBaseUrl);
+  const bizWrapped = wrapRequestWithProjectPrefix(biz, opts?.projectId);
+  let token = null;
+  function getAvailableToken() {
+    return token || getGlobalAvailableToken();
   }
-  async safeJson(resp) {
-    try {
-      return await resp.json();
-    } catch (_e) {
-      return null;
+  try {
+    if (opts?.projectId) {
+      setDefaultProjectId(String(opts.projectId));
     }
+  } catch {
   }
-  /**
-   * 按 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`;
+  function applyToken(t) {
     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;
+      try {
+        if (biz && biz.instance) {
+          if (t) biz.instance.defaults.headers.common["Authorization"] = `Bearer ${t}`;
+          else delete biz.instance.defaults.headers.common["Authorization"];
+        }
+        if (ai && ai.instance) {
+          if (t) ai.instance.defaults.headers.common["Authorization"] = `Bearer ${t}`;
+          else delete ai.instance.defaults.headers.common["Authorization"];
+        }
+      } catch (_e) {
       }
-      return data || { success: true };
-    } catch (error) {
-      return { success: false, error: error instanceof Error ? error.message : "Network error" };
+    } catch (_e) {
     }
   }
-};
-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,
-      validateStatus: (status) => {
-        return status >= 200 && status < 300;
+  const workflowRequestWrapped = {
+    get: ai.get.bind(ai),
+    post: (config) => {
+      const modifiedConfig = { ...config };
+      if (opts?.projectId && modifiedConfig.url) {
+        const workflowPattern = /^\/?(?:workflow\/)?([^\/]+)\/execute/;
+        const match = modifiedConfig.url.match(workflowPattern);
+        if (match) {
+          const workflowId = match[1];
+          modifiedConfig.url = `/workflow/${opts.projectId}/${workflowId}/execute`;
+        }
       }
-    });
-    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);
+      return ai.post(modifiedConfig);
+    },
+    put: ai.put.bind(ai),
+    delete: ai.delete.bind(ai),
+    request: ai.request.bind(ai),
+    cancelRequest: ai.cancelRequest?.bind(ai),
+    cancelAllRequests: ai.cancelAllRequests?.bind(ai)
+  };
+  return {
+    // expose projectId so consumers can read it from the client instance
+    projectId: opts?.projectId ?? null,
+    request: bizWrapped,
+    aiRequest: ai,
+    workflowRequest: workflowRequestWrapped,
+    // artifact helpers using artifacts-client
+    artifacts: createArtifactsClient(biz),
+    me: async () => {
+      try {
+        const t = token ?? (opts?.auth?.getToken ? await opts.auth.getToken() : null) ?? getToken();
+        if (!t) return null;
+        return parseUserFromToken(t);
+      } catch (_e2) {
+        return null;
       }
-    );
-    this.instance.interceptors.response.use(
-      (res) => {
-        return res.data;
+    },
+    // auth helpers
+    auth: {
+      setToken: (t) => {
+        token = t;
+        applyToken(t);
       },
-      (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);
+      getToken: () => token,
+      isAuthenticated: () => Boolean(token),
+      // minimal login/logout stubs - consumers can override behavior
+      login: (redirect) => {
+        if (typeof window === "undefined") return;
+        const loc = redirect || window.location.href;
+        try {
+          const root = env2.baseUrl;
+          const authUrl = new URL("/auth", String(root));
+          authUrl.searchParams.set("redirect_uri", String(loc));
+          if (opts?.projectId) authUrl.searchParams.set("project_id", String(opts.projectId));
+          window.location.href = authUrl.toString();
+        } catch {
+          const encoded = encodeURIComponent(String(loc));
+          const pid = opts?.projectId ? `&project_id=${encodeURIComponent(String(opts.projectId))}` : "";
+          const root = env2.baseUrl;
+          window.location.href = `${root}/auth?redirect_uri=${encoded}${pid}`;
         }
-        return Promise.reject(err);
-      }
-    );
-  }
-  cancelRequest(url) {
-    this.abortControllers.forEach((controller, key) => {
-      if (key.includes(url)) {
-        controller.abort();
-        this.abortControllers.delete(key);
+      },
+      logout: () => {
+        token = null;
+        applyToken(null);
       }
-    });
+    },
+    sanitizeUrl: (o) => {
+      if (typeof window === "undefined") return;
+      removeSensitiveParamsFromUrl({
+        clearAll: o?.clearAll,
+        sensitiveParams: o?.sensitiveParams
+      });
+    }
+  };
+}
+
+// src/hooks/use-mobile.ts
+var React8 = __toESM(require("react"));
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React8.useState(void 0);
+  React8.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+
+// src/hooks/use-debounce.ts
+var import_react14 = require("react");
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = (0, import_react14.useState)(value);
+  (0, import_react14.useEffect)(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+
+// src/utils/unified-error-handler/simple.ts
+var SimpleErrorHandler = class {
+  constructor() {
+    this.initialized = false;
   }
-  cancelAllRequests() {
-    this.abortControllers.forEach((controller) => {
-      controller.abort();
+  // 使用明确赋值断言，因为在 init() 方法中会初始化
+  /**
+   * 初始化错误处理器
+   */
+  init() {
+    if (this.initialized) return;
+    this.sendMessage = createSimpleSendFunction({
+      addTimestamp: false,
+      // 简化版自己处理时间戳
+      enableDebugLog: false
     });
-    this.abortControllers.clear();
+    this.setupErrorListeners();
+    this.setupCompatibility();
+    this.initialized = true;
   }
-  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);
+  /**
+   * 设置错误监听器
+   */
+  setupErrorListeners() {
+    window.addEventListener("error", (event) => {
+      this.sendError(event.error || new Error(event.message), {
+        filename: event.filename,
+        lineno: event.lineno,
+        colno: event.colno,
+        type: "runtime"
       });
     });
+    window.addEventListener("unhandledrejection", (event) => {
+      const error = event.reason instanceof Error ? event.reason : new Error(String(event.reason));
+      this.sendError(error, { type: "promise" });
+    });
   }
-  get(config) {
-    return this.request({ ...config, method: "GET" });
-  }
-  post(config) {
-    return this.request({ ...config, method: "POST" });
-  }
-  delete(config) {
-    return this.request({ ...config, method: "DELETE" });
+  /**
+   * 设置兼容性函数
+   */
+  setupCompatibility() {
+    window.__SEND_ERROR_TO_PARENT__ = (error, details) => {
+      const errorObj = error instanceof Error ? error : new Error(String(error));
+      this.sendError(errorObj, details);
+    };
   }
-  put(config) {
-    return this.request({ ...config, method: "PUT" });
+  /**
+   * 发送错误到父窗口
+   */
+  sendError(error, details = {}) {
+    const payload = {
+      message: error.message,
+      stack: error.stack,
+      filename: details.filename || details.file,
+      lineno: details.lineno || details.line,
+      colno: details.colno || details.column,
+      timestamp: Date.now(),
+      type: details.type || "unknown",
+      severity: "medium",
+      // 简化版使用默认严重性级别
+      details
+    };
+    try {
+      this.sendMessage({
+        type: "ERROR_EVENT",
+        payload,
+        timestamp: Date.now()
+      });
+    } catch (e) {
+      const originalConsole = window.__originalConsole;
+      if (originalConsole?.error) {
+        originalConsole.error("[\u7B80\u5316\u9519\u8BEF\u5904\u7406] \u53D1\u9001\u5931\u8D25:", e);
+      }
+    }
   }
-  patch(config) {
-    return this.request({ ...config, method: "PATCH" });
+  /**
+   * 手动捕获错误
+   */
+  captureError(error, details) {
+    this.sendError(error, details);
   }
 };
-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/index.ts
+init_config();
 
-// 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;
+// src/utils/iframe-navigation.ts
+function getNavState() {
+  if (typeof window === "undefined") {
+    return {
+      navigationHistory: [],
+      currentHistoryIndex: -1,
+      initialized: 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;
+  if (!window.customNavigationState) {
+    window.customNavigationState = {
+      navigationHistory: [],
+      currentHistoryIndex: -1,
+      initialized: false
+    };
   }
-  return false;
+  return window.customNavigationState;
 }
-
-// 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;
-    }
-  };
+function getElementSelectorState() {
+  if (typeof window === "undefined") {
+    return { active: false, callback: null };
+  }
+  if (!window.elementSelectorState) {
+    window.elementSelectorState = {
+      active: false,
+      callback: null
+    };
+  }
+  return window.elementSelectorState;
 }
-
-// src/services/index.ts
-init_auth();
-init_config();
-init_config();
-init_auth();
-
-// src/utils/urlSanitizer.ts
-var DEFAULT_SENSITIVE = ["token", "access_token", "auth", "auth_token"];
-function removeSensitiveParamsFromUrl(opts) {
-  if (typeof window === "undefined") return;
-  try {
-    const { clearAll, sensitiveParams, includeHash = true, onChanged } = opts || {};
-    const sens = (sensitiveParams && sensitiveParams.length > 0 ? sensitiveParams : DEFAULT_SENSITIVE).map((s) => s.toLowerCase());
-    const before = window.location.href;
-    const url = new URL(before);
-    if (clearAll) {
-      url.search = "";
-    } else if (url.search) {
-      let changed = false;
-      for (const [k] of url.searchParams) {
-        if (sens.includes(k.toLowerCase())) {
-          url.searchParams.delete(k);
-          changed = true;
-        }
-      }
-      if (changed) {
-        const qs = url.searchParams.toString();
-        url.search = qs ? `?${qs}` : "";
-      }
+function sendNavigationState(targetWindow, targetOrigin) {
+  const navState = getNavState();
+  const canGoBack = navState.currentHistoryIndex > 0;
+  const canGoForward = navState.currentHistoryIndex < navState.navigationHistory.length - 1;
+  const state = {
+    type: "NAVIGATION_STATE",
+    payload: {
+      canGoBack,
+      canGoForward,
+      historyLength: navState.navigationHistory.length,
+      currentIndex: navState.currentHistoryIndex,
+      maxIndex: navState.navigationHistory.length - 1
     }
-    if (includeHash && url.hash) {
-      const raw = url.hash.slice(1);
-      if (raw.includes("=")) {
-        const hp = new URLSearchParams(raw);
-        let changed = false;
-        for (const [k] of hp) {
-          if (clearAll || sens.includes(k.toLowerCase())) {
-            hp.delete(k);
-            changed = true;
-          }
-        }
-        if (changed) {
-          const hs = hp.toString();
-          url.hash = hs ? `#${hs}` : "";
-        }
-      } else {
-        if (!clearAll && sens.some((p) => raw.toLowerCase().startsWith(p))) {
-          url.hash = "";
-        } else if (clearAll) {
-          url.hash = "";
-        }
+  };
+  if (targetWindow && targetOrigin) {
+    try {
+      targetWindow.postMessage(state, targetOrigin);
+    } catch (e) {
+      if (typeof console !== "undefined" && console.warn) {
+        console.warn("Failed to send navigation state:", e.message);
       }
     }
-    const next = url.pathname + url.search + url.hash;
-    if (next !== window.location.pathname + window.location.search + window.location.hash) {
-      window.history.replaceState(window.history.state, document.title, next);
-      onChanged && onChanged(next);
-    }
-  } catch (e) {
-    console.warn("[howone][urlSanitizer] failed", e);
   }
 }
-
-// src/services/index.ts
-function getGlobalAvailableToken() {
-  try {
-    return getToken() || null;
-  } catch {
-    return null;
+function addToNavigationHistory(url, title) {
+  const navState = getNavState();
+  if (navState.currentHistoryIndex < navState.navigationHistory.length - 1) {
+    navState.navigationHistory = navState.navigationHistory.slice(
+      0,
+      navState.currentHistoryIndex + 1
+    );
   }
-}
-function wrapRequestWithProjectPrefix(biz, projectId) {
-  if (!projectId) return biz;
-  const prefix = `/entities/apps/${String(projectId)}`;
-  function shouldPrefix(url) {
-    if (!url) return false;
-    const u = String(url);
-    if (u.startsWith(prefix)) return false;
-    if (/^https?:\/\//.test(u) || u.startsWith("//")) return false;
-    if (u.startsWith("/data")) return true;
-    return false;
+  const currentPage = navState.navigationHistory[navState.currentHistoryIndex];
+  if (currentPage && currentPage.url === url) {
+    return;
   }
-  const wrapped = {
-    instance: biz.instance,
-    request: (config) => {
-      try {
-        if (config && typeof config.url === "string" && shouldPrefix(config.url)) {
-          config = { ...config, url: `${prefix}${config.url}` };
-        }
-      } catch (_e) {
-      }
-      return biz.request(config);
-    },
-    get: (config) => wrapped.request({ ...config, method: "GET" }),
-    post: (config) => wrapped.request({ ...config, method: "POST" }),
-    put: (config) => wrapped.request({ ...config, method: "PUT" }),
-    patch: (config) => wrapped.request({ ...config, method: "PATCH" }),
-    delete: (config) => wrapped.request({ ...config, method: "DELETE" }),
-    cancelRequest: (url) => biz.cancelRequest(url),
-    cancelAllRequests: () => biz.cancelAllRequests()
+  const pageInfo = {
+    url,
+    title: title || (typeof document !== "undefined" ? document.title : "") || url,
+    timestamp: Date.now()
   };
-  return wrapped;
-}
-function createClient(opts) {
-  const envValue = opts.env || getGlobalEnvironment() || "prod";
-  const env2 = setEnvironment(envValue);
-  function makeRequestFromBase(base) {
-    return new request_default({
-      baseURL: base,
-      timeout: 6e4,
-      interceptors: {
-        requestInterceptor: (config) => {
-          config.headers = config.headers || {};
-          if (!config.headers["Authorization"]) {
-            const availableToken = getAvailableToken();
-            if (availableToken) {
-              config.headers["Authorization"] = `Bearer ${availableToken}`;
-            }
-          }
-          return config;
-        },
-        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)
-      }
-    });
+  navState.navigationHistory.push(pageInfo);
+  navState.currentHistoryIndex = navState.navigationHistory.length - 1;
+  if (typeof window !== "undefined" && window.parent && window.parent !== window) {
+    sendNavigationState(window.parent, "*");
   }
-  const biz = makeRequestFromBase(env2.baseUrl);
-  const ai = makeRequestFromBase(env2.aiBaseUrl);
-  const bizWrapped = wrapRequestWithProjectPrefix(biz, opts?.projectId);
-  let token = null;
-  function getAvailableToken() {
-    return token || getGlobalAvailableToken();
+}
+function customGoBack() {
+  const navState = getNavState();
+  if (navState.currentHistoryIndex > 0) {
+    navState.currentHistoryIndex--;
+    if (typeof window !== "undefined" && window.parent && window.parent !== window) {
+      sendNavigationState(window.parent, "*");
+    }
+    return true;
   }
-  try {
-    if (opts?.projectId) {
-      setDefaultProjectId(String(opts.projectId));
+  return false;
+}
+function customGoForward() {
+  const navState = getNavState();
+  if (navState.currentHistoryIndex < navState.navigationHistory.length - 1) {
+    navState.currentHistoryIndex++;
+    if (typeof window !== "undefined" && window.parent && window.parent !== window) {
+      sendNavigationState(window.parent, "*");
     }
-  } catch {
+    return true;
   }
-  function applyToken(t) {
+  return false;
+}
+function triggerElementSelection() {
+  if (typeof window === "undefined") return;
+  const event = new CustomEvent("howone:start-element-selection");
+  window.dispatchEvent(event);
+  getElementSelectorState().active = true;
+}
+function cancelElementSelection() {
+  if (typeof window === "undefined") return;
+  const event = new CustomEvent("howone:cancel-element-selection");
+  window.dispatchEvent(event);
+  getElementSelectorState().active = false;
+}
+function handlePageChange() {
+  if (typeof window === "undefined") return;
+  const currentUrl = window.location.href;
+  const currentTitle = document.title;
+  addToNavigationHistory(currentUrl, currentTitle);
+}
+function initIframeNavigation() {
+  if (typeof window === "undefined") return;
+  const navState = getNavState();
+  window.addEventListener("keydown", function(e) {
+    if (e.key === "Escape" && getElementSelectorState().active) {
+      cancelElementSelection();
+    }
+  });
+  window.addEventListener("message", (event) => {
     try {
-      try {
-        if (biz && biz.instance) {
-          if (t) biz.instance.defaults.headers.common["Authorization"] = `Bearer ${t}`;
-          else delete biz.instance.defaults.headers.common["Authorization"];
-        }
-        if (ai && ai.instance) {
-          if (t) ai.instance.defaults.headers.common["Authorization"] = `Bearer ${t}`;
-          else delete ai.instance.defaults.headers.common["Authorization"];
-        }
-      } catch (_e) {
+      const { type, payload } = event.data;
+      switch (type) {
+        case "NAVIGATE_BACK":
+        case "GO_BACK":
+          customGoBack();
+          break;
+        case "NAVIGATE_FORWARD":
+        case "GO_FORWARD":
+          customGoForward();
+          break;
+        case "REQUEST_NAVIGATION_STATE":
+        case "CHECK_NAVIGATION_STATE":
+          sendNavigationState(event.source, event.origin);
+          break;
+        case "START_ELEMENT_SELECTION":
+          triggerElementSelection();
+          break;
+        case "ELEMENT_SELECTED":
+          if (event.source && event.source !== window) {
+            window.parent.postMessage(
+              {
+                type: "ELEMENT_SELECTED",
+                payload
+              },
+              "*"
+            );
+          }
+          break;
+        case "CANCEL_ELEMENT_SELECTION":
+          cancelElementSelection();
+          break;
+      }
+    } catch (e) {
+    }
+  });
+  window.addEventListener("popstate", () => {
+    setTimeout(() => {
+      if (window.parent && window.parent !== window) {
+        sendNavigationState(window.parent, "*");
+      }
+    }, 50);
+  });
+  window.addEventListener("hashchange", () => {
+    handlePageChange();
+  });
+  window.addEventListener("load", () => {
+    if (!navState.initialized) {
+      addToNavigationHistory(window.location.href, document.title);
+      navState.initialized = true;
+    }
+    setTimeout(() => {
+      if (window.parent && window.parent !== window) {
+        sendNavigationState(window.parent, "*");
+      }
+    }, 500);
+  });
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", () => {
+      if (!navState.initialized) {
+        addToNavigationHistory(window.location.href, document.title);
+        navState.initialized = true;
       }
-    } catch (_e) {
-    }
+    });
+  } else if (!navState.initialized) {
+    addToNavigationHistory(window.location.href, document.title);
+    navState.initialized = true;
   }
-  const workflowRequestWrapped = {
-    get: ai.get.bind(ai),
-    post: (config) => {
-      const modifiedConfig = { ...config };
-      if (opts?.projectId && modifiedConfig.url) {
-        const workflowPattern = /^\/?(?:workflow\/)?([^\/]+)\/execute/;
-        const match = modifiedConfig.url.match(workflowPattern);
-        if (match) {
-          const workflowId = match[1];
-          modifiedConfig.url = `/workflow/${opts.projectId}/${workflowId}/execute`;
-        }
-      }
-      return ai.post(modifiedConfig);
-    },
-    put: ai.put.bind(ai),
-    delete: ai.delete.bind(ai),
-    request: ai.request.bind(ai),
-    cancelRequest: ai.cancelRequest?.bind(ai),
-    cancelAllRequests: ai.cancelAllRequests?.bind(ai)
+  window.iframeElementSelector = {
+    startSelection: function() {
+      triggerElementSelection();
+    }
   };
-  return {
-    // expose projectId so consumers can read it from the client instance
-    projectId: opts?.projectId ?? null,
-    request: bizWrapped,
-    aiRequest: ai,
-    workflowRequest: workflowRequestWrapped,
-    // artifact helpers using artifacts-client
-    artifacts: createArtifactsClient(biz),
-    me: async () => {
-      try {
-        const t = token ?? (opts?.auth?.getToken ? await opts.auth.getToken() : null) ?? getToken();
-        if (!t) return null;
-        return parseUserFromToken(t);
-      } catch (_e2) {
-        return null;
-      }
+  window.iframeNavigation = {
+    addPage: function(url, title) {
+      addToNavigationHistory(
+        url || window.location.href,
+        title || document.title
+      );
     },
-    // auth helpers
-    auth: {
-      setToken: (t) => {
-        token = t;
-        applyToken(t);
-      },
-      getToken: () => token,
-      isAuthenticated: () => Boolean(token),
-      // minimal login/logout stubs - consumers can override behavior
-      login: (redirect) => {
-        if (typeof window === "undefined") return;
-        const loc = redirect || window.location.href;
-        try {
-          const root = env2.baseUrl;
-          const authUrl = new URL("/auth", String(root));
-          authUrl.searchParams.set("redirect_uri", String(loc));
-          if (opts?.projectId) authUrl.searchParams.set("project_id", String(opts.projectId));
-          window.location.href = authUrl.toString();
-        } catch {
-          const encoded = encodeURIComponent(String(loc));
-          const pid = opts?.projectId ? `&project_id=${encodeURIComponent(String(opts.projectId))}` : "";
-          const root = env2.baseUrl;
-          window.location.href = `${root}/auth?redirect_uri=${encoded}${pid}`;
-        }
-      },
-      logout: () => {
-        token = null;
-        applyToken(null);
-      }
+    getState: function() {
+      return {
+        canGoBack: navState.currentHistoryIndex > 0,
+        canGoForward: navState.currentHistoryIndex < navState.navigationHistory.length - 1,
+        historyLength: navState.navigationHistory.length,
+        currentIndex: navState.currentHistoryIndex,
+        currentPage: navState.navigationHistory[navState.currentHistoryIndex]
+      };
     },
-    sanitizeUrl: (o) => {
-      if (typeof window === "undefined") return;
-      removeSensitiveParamsFromUrl({
-        clearAll: o?.clearAll,
-        sensitiveParams: o?.sensitiveParams
-      });
+    updateState: function() {
+      if (window.parent && window.parent !== window) {
+        sendNavigationState(window.parent, "*");
+      }
     }
   };
 }
-
-// src/hooks/use-mobile.ts
-var React8 = __toESM(require("react"));
-var MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = React8.useState(void 0);
-  React8.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    };
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return !!isMobile;
-}
-
-// src/hooks/use-debounce.ts
-var import_react14 = require("react");
-function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react14.useState)(value);
-  (0, import_react14.useEffect)(() => {
-    const handler = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-    return () => {
-      clearTimeout(handler);
-    };
-  }, [value, delay]);
-  return debouncedValue;
-}
-
-// src/utils/unified-error-handler/simple.ts
-var SimpleErrorHandler = class {
-  constructor() {
-    this.initialized = false;
-  }
-  // 使用明确赋值断言，因为在 init() 方法中会初始化
+var iframeNavigation = {
   /**
-   * 初始化错误处理器
+   * Initialize the navigation system
    */
-  init() {
-    if (this.initialized) return;
-    this.sendMessage = createSimpleSendFunction({
-      addTimestamp: false,
-      // 简化版自己处理时间戳
-      enableDebugLog: false
-    });
-    this.setupErrorListeners();
-    this.setupCompatibility();
-    this.initialized = true;
-    console.log("[\u7B80\u5316\u9519\u8BEF\u5904\u7406] \u521D\u59CB\u5316\u5B8C\u6210");
-  }
+  init: initIframeNavigation,
   /**
-   * 设置错误监听器
+   * Add a page to navigation history
    */
-  setupErrorListeners() {
-    window.addEventListener("error", (event) => {
-      this.sendError(event.error || new Error(event.message), {
-        filename: event.filename,
-        lineno: event.lineno,
-        colno: event.colno,
-        type: "runtime"
-      });
-    });
-    window.addEventListener("unhandledrejection", (event) => {
-      const error = event.reason instanceof Error ? event.reason : new Error(String(event.reason));
-      this.sendError(error, { type: "promise" });
-    });
-  }
+  addPage: (url, title) => {
+    if (typeof window === "undefined") return;
+    addToNavigationHistory(
+      url || window.location.href,
+      title || (typeof document !== "undefined" ? document.title : "")
+    );
+  },
   /**
-   * 设置兼容性函数
+   * Get current navigation state
    */
-  setupCompatibility() {
-    window.__SEND_ERROR_TO_PARENT__ = (error, details) => {
-      const errorObj = error instanceof Error ? error : new Error(String(error));
-      this.sendError(errorObj, details);
+  getState: () => {
+    const navState = getNavState();
+    return {
+      canGoBack: navState.currentHistoryIndex > 0,
+      canGoForward: navState.currentHistoryIndex < navState.navigationHistory.length - 1,
+      historyLength: navState.navigationHistory.length,
+      currentIndex: navState.currentHistoryIndex,
+      currentPage: navState.navigationHistory[navState.currentHistoryIndex]
     };
-  }
+  },
   /**
-   * 发送错误到父窗口
+   * Update navigation state (send to parent)
    */
-  sendError(error, details = {}) {
-    const payload = {
-      message: error.message,
-      stack: error.stack,
-      filename: details.filename || details.file,
-      lineno: details.lineno || details.line,
-      colno: details.colno || details.column,
-      timestamp: Date.now(),
-      type: details.type || "unknown",
-      severity: "medium",
-      // 简化版使用默认严重性级别
-      details
-    };
-    try {
-      this.sendMessage({
-        type: "ERROR_EVENT",
-        payload,
-        timestamp: Date.now()
-      });
-    } catch (e) {
-      const originalConsole = window.__originalConsole;
-      if (originalConsole?.error) {
-        originalConsole.error("[\u7B80\u5316\u9519\u8BEF\u5904\u7406] \u53D1\u9001\u5931\u8D25:", e);
-      }
+  updateState: () => {
+    if (typeof window !== "undefined" && window.parent && window.parent !== window) {
+      sendNavigationState(window.parent, "*");
     }
-  }
+  },
   /**
-   * 手动捕获错误
+   * Go back in history
    */
-  captureError(error, details) {
-    this.sendError(error, details);
-  }
+  goBack: customGoBack,
+  /**
+   * Go forward in history
+   */
+  goForward: customGoForward
+};
+var elementSelector = {
+  /**
+   * Start element selection mode
+   */
+  startSelection: triggerElementSelection,
+  /**
+   * Cancel element selection mode
+   */
+  cancel: cancelElementSelection,
+  /**
+   * Check if selector is active
+   */
+  isActive: () => getElementSelectorState().active
 };
-
-// src/index.ts
-init_config();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AUTH_TOKEN_KEY,