@howone/sdk 0.1.27 → 0.1.28

package/dist/index.js

@@ -239,6 +239,8 @@ __export(index_exports, {
   DEFAULT_SELECTOR_CONFIG: () => DEFAULT_SELECTOR_CONFIG,
   DefaultErrorFallback: () => DefaultErrorFallback,
   ERROR_CONFIG: () => ERROR_CONFIG,
+  ElementSelector: () => ElementSelector,
+  ElementSelectorProvider: () => ElementSelectorProvider,
   ErrorBoundary: () => ErrorBoundary,
   ErrorHandler: () => ErrorHandler,
   FloatingButton: () => FloatingButton,
@@ -268,6 +270,7 @@ __export(index_exports, {
   onAuthStateChanged: () => onAuthStateChanged,
   parseUserFromToken: () => parseUserFromToken,
   request: () => request,
+  sendElementSelectionToParent: () => sendElementSelectionToParent,
   sendEmailVerificationCode: () => sendEmailVerificationCode,
   setAuthRoot: () => setAuthRoot,
   setDefaultProjectId: () => setDefaultProjectId,
@@ -276,6 +279,7 @@ __export(index_exports, {
   unifiedOAuth: () => unifiedOAuth,
   useAuth: () => useAuth,
   useDebounce: () => useDebounce,
+  useElementSelector: () => useElementSelector,
   useHowoneContext: () => useHowoneContext,
   useIsMobile: () => useIsMobile,
   useTheme: () => useTheme,
@@ -1581,7 +1585,7 @@ var LoginForm = ({
 };
 
 // src/components/auth/HowoneProvider.tsx
-var import_react5 = require("react");
+var import_react8 = require("react");
 init_auth();
 
 // src/components/theme/ThemeProvider.tsx
@@ -1650,869 +1654,444 @@ function GlobalToastContainer() {
   );
 }
 
-// src/components/auth/HowoneProvider.tsx
+// src/components/ElementSelectorProvider.tsx
+var import_react7 = require("react");
+
+// src/components/ElementSelector.tsx
+var import_react5 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var HowoneContext = (0, import_react5.createContext)(null);
-var HowOneProvider = ({
-  children,
-  showFloatingButton = true,
-  projectId,
-  defaultTheme = "system",
-  themeStorageKey = "howone-theme",
-  forceDefaultTheme = false,
-  authUrl = "https://howone.dev/auth",
-  redirectOnUnauthenticated = true
+var ElementSelector = ({
+  active,
+  onSelect,
+  onCancel
 }) => {
-  const [user, setUser] = (0, import_react5.useState)(() => parseUserFromToken(getToken()));
-  const [token, setTokenState] = (0, import_react5.useState)(() => getToken());
-  const [hasCheckedUrlToken, setHasCheckedUrlToken] = (0, import_react5.useState)(false);
-  (0, import_react5.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) {
-        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");
-      }
-    } catch (e) {
-      console.error("[HowOneProvider] Failed to capture token from URL:", e);
-    } finally {
-      setHasCheckedUrlToken(true);
-    }
-  }, []);
-  (0, import_react5.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...");
+  const [hoveredElement, setHoveredElement] = (0, import_react5.useState)(null);
+  const [highlightRect, setHighlightRect] = (0, import_react5.useState)(null);
+  const overlayRef = (0, import_react5.useRef)(null);
+  const getSourceLocation = (0, import_react5.useCallback)((element) => {
+    let current = element;
+    while (current && current !== document.body) {
+      const sourceLocationAttr = current.getAttribute("data-source-location");
+      if (sourceLocationAttr) {
         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);
-          }
-          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;
+          return JSON.parse(sourceLocationAttr.replace(/"/g, '"'));
+        } catch (e) {
+          console.error("Failed to parse source location:", e);
         }
       }
+      current = current.parentElement;
     }
-  }, [token, user, redirectOnUnauthenticated, authUrl, projectId, hasCheckedUrlToken]);
-  const logout = () => {
-    try {
-      setToken(null);
-    } catch {
-    }
-    setTokenState(null);
-    setUser(null);
-  };
-  const value = {
-    user,
-    token,
-    isAuthenticated: !!token,
-    logout
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-    ThemeProvider,
-    {
-      defaultTheme,
-      storageKey: themeStorageKey,
-      forceDefault: forceDefaultTheme,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(HowoneContext.Provider, { value, children: [
-          children,
-          showFloatingButton && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FloatingButton, { onClick: () => window.open("https://howone.ai", "_blank") })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GlobalToastContainer, {})
-      ]
-    }
-  );
-};
-function useHowoneContext() {
-  const ctx = (0, import_react5.useContext)(HowoneContext);
-  if (!ctx) {
-    const t = getToken();
-    return {
-      user: parseUserFromToken(t),
-      token: t,
-      isAuthenticated: !!t,
-      logout: () => {
-        try {
-          setToken(null);
-        } catch {
-        }
+    return null;
+  }, []);
+  const handleMouseMove = (0, import_react5.useCallback)((e) => {
+    if (!active) return;
+    const elements = document.elementsFromPoint(e.clientX, e.clientY);
+    const targetElement = elements.find(
+      (el) => el !== overlayRef.current && !overlayRef.current?.contains(el) && el !== document.body && el !== document.documentElement
+    );
+    if (targetElement && targetElement !== hoveredElement) {
+      setHoveredElement(targetElement);
+      const rect = targetElement.getBoundingClientRect();
+      setHighlightRect(rect);
+    }
+  }, [active, hoveredElement]);
+  const handleClick = (0, import_react5.useCallback)((e) => {
+    if (!active || !hoveredElement) return;
+    e.preventDefault();
+    e.stopPropagation();
+    const sourceLocation = getSourceLocation(hoveredElement);
+    const rect = hoveredElement.getBoundingClientRect();
+    const elementData = {
+      sourceLocation,
+      element: {
+        tagName: hoveredElement.tagName,
+        className: hoveredElement.className,
+        id: hoveredElement.id,
+        text: hoveredElement.textContent?.substring(0, 100) || ""
+      },
+      rect: {
+        top: rect.top,
+        left: rect.left,
+        width: rect.width,
+        height: rect.height
       }
     };
-  }
-  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;
-  }
-  emit() {
-    const state = {
-      user: parseUserFromToken(getToken()),
-      isLoading: this.loading
-    };
-    for (const l of this.listeners) {
-      try {
-        l(state);
-      } catch (e) {
-        void e;
+    if (onSelect) {
+      onSelect(elementData);
+      if (onCancel) {
+        onCancel();
       }
     }
-  }
-  onAuthStateChanged(listener) {
-    this.listeners.add(listener);
-    try {
-      listener({ user: parseUserFromToken(getToken()), isLoading: this.loading });
-    } catch (e) {
-      void e;
+  }, [active, hoveredElement, getSourceLocation, onSelect, onCancel]);
+  (0, import_react5.useEffect)(() => {
+    if (active) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("click", handleClick, true);
+      document.body.style.overflow = "hidden";
+      return () => {
+        document.removeEventListener("mousemove", handleMouseMove);
+        document.removeEventListener("click", handleClick, true);
+        document.body.style.overflow = "";
+      };
+    } else {
+      setHoveredElement(null);
+      setHighlightRect(null);
     }
-    return () => {
-      this.listeners.delete(listener);
-    };
-  }
-  // Simple redirect-based login trigger (consumer can override)
-  login() {
-    const root = getAuthRoot() || "https://create-x-backend-dev.fly.dev";
-    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());
+  }, [active, handleMouseMove, handleClick]);
+  if (!active) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "div",
+      {
+        ref: overlayRef,
+        style: {
+          position: "fixed",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          backgroundColor: "rgba(0, 0, 0, 0.3)",
+          zIndex: 999998,
+          cursor: "crosshair",
+          pointerEvents: "none"
         }
-      } catch {
-        try {
-          window.location.replace(String(root));
-        } catch {
+      }
+    ),
+    highlightRect && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          top: highlightRect.top,
+          left: highlightRect.left,
+          width: highlightRect.width,
+          height: highlightRect.height,
+          border: "2px dashed #36D2A6",
+          borderRadius: "5px",
+          backgroundColor: "rgba(54, 210, 166, 0.1)",
+          zIndex: 999999,
+          pointerEvents: "none",
+          transition: "all 0.1s ease"
         }
       }
-    } catch {
-      try {
-        window.location.replace(String(root));
-      } catch {
+    ),
+    hoveredElement && highlightRect && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          top: highlightRect.top - 30,
+          left: highlightRect.left,
+          backgroundColor: "#36D2A6",
+          color: "white",
+          padding: "4px 8px",
+          borderRadius: "4px",
+          fontSize: "12px",
+          zIndex: 1e6,
+          pointerEvents: "none",
+          whiteSpace: "nowrap"
+        },
+        children: (() => {
+          const location = getSourceLocation(hoveredElement);
+          return location ? `${location.component} (${location.file}:${location.line})` : hoveredElement.tagName.toLowerCase();
+        })()
       }
-    }
-  }
-  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_runtime6 = 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"
+// src/hooks/use-element-selector.ts
+var import_react6 = require("react");
+function useElementSelector() {
+  const [isSelecting, setIsSelecting] = (0, import_react6.useState)(false);
+  const [selectedElement, setSelectedElement] = (0, import_react6.useState)(null);
+  const startSelecting = (0, import_react6.useCallback)(() => {
+    setIsSelecting(true);
+  }, []);
+  const stopSelecting = (0, import_react6.useCallback)(() => {
+    setIsSelecting(false);
+  }, []);
+  const clearSelection = (0, import_react6.useCallback)(() => {
+    setSelectedElement(null);
+  }, []);
+  return {
+    isSelecting,
+    selectedElement,
+    startSelecting,
+    stopSelecting,
+    clearSelection
   };
-  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_runtime6.jsx)("div", { className: `${containerClasses} ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-center", children: [
+}
+function sendElementSelectionToParent(data) {
+  if (window.parent && window.parent !== window) {
+    window.parent.postMessage({
+      type: "ELEMENT_SELECTED",
+      payload: data
+    }, "*");
+  }
+}
+
+// src/components/ElementSelectorProvider.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var ElementSelectorProvider = ({ children }) => {
+  const [isSelecting, setIsSelecting] = (0, import_react7.useState)(false);
+  const handleCancel = (0, import_react7.useCallback)(() => {
+    setIsSelecting(false);
+    if (window.parent && window.parent !== window) {
+      window.parent.postMessage({
+        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 = () => {
+      setIsSelecting(true);
+    };
+    const handleCancelSelection = () => {
+      handleCancel();
+    };
+    window.addEventListener("howone:start-element-selection", handleStartSelection);
+    window.addEventListener("howone:cancel-element-selection", handleCancelSelection);
+    const handleMessage = (event) => {
+      if (event.data.type === "START_ELEMENT_SELECTION") {
+        setIsSelecting(true);
+      } else if (event.data.type === "CANCEL_ELEMENT_SELECTION") {
+        handleCancel();
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    return () => {
+      window.removeEventListener("howone:start-element-selection", handleStartSelection);
+      window.removeEventListener("howone:cancel-element-selection", handleCancelSelection);
+      window.removeEventListener("message", handleMessage);
+    };
+  }, [handleCancel]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    children,
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "div",
+      ElementSelector,
       {
-        className: `animate-spin rounded-full border-2 border-gray-300 border-t-blue-600 mx-auto ${sizeClasses[size]}`
+        active: isSelecting,
+        onSelect: handleSelect,
+        onCancel: handleCancel
       }
-    ),
-    text && /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_react6 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var ErrorBoundary = class extends import_react6.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 };
-  }
-  componentDidCatch(error, errorInfo) {
-    this.setState({
-      error,
-      errorInfo
-    });
-    this.props.onError?.(error, errorInfo);
+// src/utils/unified-error-handler/types.ts
+var ERROR_CONFIG = {
+  MAX_ERRORS: 100,
+  MAX_INTERACTIONS: 50,
+  DEDUP_WINDOW: 1e3,
+  DEBOUNCE_TIME: 100,
+  CACHE_DURATION: 3e5,
+  SEVERITY_KEYWORDS: {
+    CRITICAL: ["fatal", "critical", "security", "crash", "corruption"],
+    HIGH: ["error", "exception", "failed", "timeout", "network error"],
+    MEDIUM: ["warning", "deprecated", "slow", "performance"],
+    LOW: ["info", "debug", "trace", "notice"]
+  },
+  CATEGORY_KEYWORDS: {
+    SYNTAX: ["syntaxerror", "unexpected token", "parse error", "invalid syntax"],
+    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"]
   }
-  render() {
-    if (this.state.hasError) {
-      if (this.props.fallback) {
-        const FallbackComponent = this.props.fallback;
-        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FallbackComponent, { error: this.state.error, retry: this.handleRetry });
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "min-h-[400px] flex items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "text-center max-w-md", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "text-red-500 text-6xl mb-4", children: "\u26A0\uFE0F" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { className: "text-xl font-semibold text-gray-900 mb-2", children: "Something went wrong" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-gray-600 mb-4", children: "An unexpected error occurred. Please try refreshing the page." }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.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;
+};
+var GLOBAL_CONFIG = {
+  ALLOWED_ORIGINS: [
+    "https://howone.ai",
+    "https://howone.dev",
+    "http://localhost:3000",
+    "http://localhost:5173"
+  ],
+  DEBOUNCE_DELAY: 10,
+  OVERRIDE_STYLESHEET_ID: "howone-override-styles"
+};
+var DEFAULT_SELECTOR_CONFIG = {
+  HIGHLIGHT_COLOR: "#ff6b6b",
+  HIGHLIGHT_BORDER_WIDTH: "2px",
+  HIGHLIGHT_BORDER_STYLE: "solid",
+  SELECTED_COLOR: "#4ecdc4",
+  SELECTED_BORDER_WIDTH: "3px",
+  TOOLTIP_BACKGROUND: "#333",
+  TOOLTIP_COLOR: "#fff",
+  TOOLTIP_PADDING: "8px 12px",
+  TOOLTIP_BORDER_RADIUS: "4px",
+  TOOLTIP_FONT_SIZE: "12px",
+  TOOLTIP_Z_INDEX: "10000",
+  FULL_WIDTH_TOOLTIP_OFFSET: 10,
+  highlightClass: "howone-highlight",
+  selectedClass: "howone-selected",
+  cursor: "crosshair"
+};
+
+// src/utils/unified-error-handler/utils/DeepSerializer.ts
+var CircularReference = class {
+  constructor(path) {
+    this.message = `[Circular Reference to ${path}]`;
   }
 };
-var DefaultErrorFallback = ({ retry }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "min-h-[200px] flex items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "text-center", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "text-red-500 text-4xl mb-2", children: "\u26A0\uFE0F" }),
-  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-gray-600 mb-2", children: "Something went wrong" }),
-  retry && /* @__PURE__ */ (0, import_jsx_runtime7.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"
+var TypeWrapper = class {
+  constructor(type, value) {
+    this._type = type;
+    this.value = value;
+  }
+};
+var DeepSerializer = class {
+  /**
+   * 深度序列化对象
+   */
+  static serialize(obj, options = {}, visitedObjects = /* @__PURE__ */ new WeakMap(), path = "root") {
+    const opts = { ...this.DEFAULT_OPTIONS, ...options };
+    if (path.split(".").length > opts.maxDepth) {
+      return new TypeWrapper(
+        "MaxDepthReached",
+        `[Max depth of ${opts.maxDepth} reached]`
+      );
     }
-  )
-] }) });
-
-// src/components/theme/ThemeToggle.tsx
-var React4 = __toESM(require("react"));
-var import_react7 = require("@iconify/react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function ThemeToggle({ className }) {
-  const { setTheme, theme } = useTheme();
-  const [mounted, setMounted] = React4.useState(false);
-  React4.useEffect(() => {
-    setMounted(true);
-  }, []);
-  const handleToggle = () => {
-    if (theme === "dark") {
-      setTheme("light");
-    } else {
-      setTheme("dark");
+    if (obj === void 0) {
+      return new TypeWrapper("undefined", "undefined");
     }
-  };
-  if (!mounted) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)(import_react7.Icon, { icon: "solar:sun-bold", width: 20, height: 20 }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sr-only", children: "\u5207\u6362\u4E3B\u9898" })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)(import_react7.Icon, { icon: "solar:sun-bold", width: 20, height: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react7.Icon, { icon: "solar:moon-linear", width: 20, height: 20 }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sr-only", children: "\u5207\u6362\u4E3B\u9898" })
-      ]
+    if (obj === null) {
+      return null;
     }
-  );
-}
-
-// src/components/ui/Toast/ClayxToast.tsx
-var import_react8 = __toESM(require("react"));
-var import_react_toastify2 = require("react-toastify");
-var import_react9 = require("@iconify/react");
-var import_jsx_runtime9 = 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"
+    if (typeof obj === "string") {
+      return obj.length > opts.maxStringLength ? new TypeWrapper(
+        "String",
+        `${obj.slice(0, opts.maxStringLength)}... [${obj.length - opts.maxStringLength} more characters]`
+      ) : obj;
     }
-  },
-  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"
+    if (typeof obj === "number") {
+      return Number.isNaN(obj) ? new TypeWrapper("Number", "NaN") : Number.isFinite(obj) ? obj : new TypeWrapper("Number", obj > 0 ? "Infinity" : "-Infinity");
     }
-  },
-  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"
+    if (typeof obj === "boolean") {
+      return obj;
     }
-  },
-  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"
+    if (typeof obj === "bigint") {
+      return new TypeWrapper("BigInt", obj.toString());
     }
-  },
-  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"
+    if (typeof obj === "symbol") {
+      return new TypeWrapper("Symbol", obj.toString());
     }
-  }
-};
-var CloseButton = import_react8.default.memo(({ closeToast }) => {
-  const { theme } = useTheme();
-  const handleClick = (0, import_react8.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_runtime9.jsx)(
-    import_react9.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();
+    if (typeof obj === "function") {
+      return new TypeWrapper("Function", {
+        name: obj.name || "anonymous",
+        stringValue: obj.toString().slice(0, opts.maxStringLength),
+        length: obj.length
+      });
+    }
+    if (obj && typeof obj === "object") {
+      if (visitedObjects.has(obj)) {
+        return new CircularReference(visitedObjects.get(obj));
       }
+      visitedObjects.set(obj, path);
     }
-  );
-});
-CloseButton.displayName = "CloseButton";
-var ToastContent = ({ type, title, message, component, closeToast }) => {
-  const iconConfig = TOAST_ICONS[type];
-  const { theme } = useTheme();
-  const handleClose = (0, import_react8.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_runtime9.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_runtime9.jsx)("div", { className: "flex-1 relative z-10", children: component }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CloseButton, { closeToast: handleClose }) })
-    ] });
+    if (obj instanceof Error) {
+      return this.serializeError(obj, opts, visitedObjects, path);
+    }
+    if (obj instanceof Date) {
+      return new TypeWrapper("Date", {
+        iso: obj.toISOString(),
+        value: obj.valueOf(),
+        local: obj.toString()
+      });
+    }
+    if (obj instanceof RegExp) {
+      return new TypeWrapper("RegExp", {
+        source: obj.source,
+        flags: obj.flags,
+        string: obj.toString()
+      });
+    }
+    if (obj instanceof Promise) {
+      return new TypeWrapper("Promise", "[Promise]");
+    }
+    if (obj instanceof WeakMap || obj instanceof WeakSet) {
+      return new TypeWrapper(
+        obj.constructor.name,
+        "[" + obj.constructor.name + "]"
+      );
+    }
+    if (obj instanceof Set) {
+      return this.serializeSet(obj, opts, visitedObjects, path);
+    }
+    if (obj instanceof Map) {
+      return this.serializeMap(obj, opts, visitedObjects, path);
+    }
+    if (ArrayBuffer.isView(obj)) {
+      return this.serializeTypedArray(obj);
+    }
+    if (Array.isArray(obj)) {
+      return this.serializeArray(obj, opts, visitedObjects, path);
+    }
+    return this.serializeObject(obj, opts, visitedObjects, path);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.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_runtime9.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_runtime9.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_runtime9.jsx)("div", { className: "flex-shrink-0 mt-0.5 relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.jsx)(
-      import_react9.Icon,
-      {
-        icon: iconConfig.icon,
-        width: 16,
-        height: 16,
-        className: iconConfig.color,
-        style: {
-          color: themeConfig.gradientColor
+  /**
+   * 序列化错误对象
+   */
+  static serializeError(error, opts, visitedObjects, path) {
+    const errorObj = {
+      name: error.name,
+      message: error.message,
+      stack: error.stack
+    };
+    for (const key of Object.getOwnPropertyNames(error)) {
+      if (!errorObj[key]) {
+        try {
+          errorObj[key] = this.serialize(
+            error[key],
+            opts,
+            visitedObjects,
+            `${path}.${key}`
+          );
+        } catch (e) {
+          errorObj[key] = new TypeWrapper("Error", `[Unable to serialize: ${e}]`);
         }
       }
-    ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col gap-1 flex-1 relative z-10", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        "div",
-        {
-          className: "text-[16px] font-semibold leading-tight drop-shadow-sm",
-          style: {
-            color: getTextColor(),
-            backgroundClip: "text"
-          },
-          children: title
-        }
-      ),
-      message && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        "div",
-        {
-          className: "text-[13px] font-normal leading-relaxed drop-shadow-sm",
-          style: {
-            color: getTextColor(),
-            backgroundClip: "text"
-          },
-          children: message
-        }
+    }
+    return new TypeWrapper("Error", errorObj);
+  }
+  /**
+   * 序列化 Set
+   */
+  static serializeSet(set, opts, visitedObjects, path) {
+    const values = Array.from(set);
+    if (values.length > opts.maxArrayLength) {
+      return new TypeWrapper("Set", {
+        values: values.slice(0, opts.maxArrayLength).map(
+          (item, index) => this.serialize(item, opts, visitedObjects, `${path}.Set[${index}]`)
+        ),
+        truncated: values.length - opts.maxArrayLength
+      });
+    }
+    return new TypeWrapper("Set", {
+      values: values.map(
+        (item, index) => this.serialize(item, opts, visitedObjects, `${path}.Set[${index}]`)
       )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime9.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 }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        ToastContent,
-        {
-          type,
-          title,
-          message: message || "",
-          component,
-          closeToast
-        }
-      ),
-      {
-        ...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/hooks/use-mobile.ts
-var React6 = __toESM(require("react"));
-var MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = React6.useState(void 0);
-  React6.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_react10 = require("react");
-function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react10.useState)(value);
-  (0, import_react10.useEffect)(() => {
-    const handler = setTimeout(() => {
-      setDebouncedValue(value);
-    }, delay);
-    return () => {
-      clearTimeout(handler);
-    };
-  }, [value, delay]);
-  return debouncedValue;
-}
-
-// src/utils/unified-error-handler/types.ts
-var ERROR_CONFIG = {
-  MAX_ERRORS: 100,
-  MAX_INTERACTIONS: 50,
-  DEDUP_WINDOW: 1e3,
-  DEBOUNCE_TIME: 100,
-  CACHE_DURATION: 3e5,
-  SEVERITY_KEYWORDS: {
-    CRITICAL: ["fatal", "critical", "security", "crash", "corruption"],
-    HIGH: ["error", "exception", "failed", "timeout", "network error"],
-    MEDIUM: ["warning", "deprecated", "slow", "performance"],
-    LOW: ["info", "debug", "trace", "notice"]
-  },
-  CATEGORY_KEYWORDS: {
-    SYNTAX: ["syntaxerror", "unexpected token", "parse error", "invalid syntax"],
-    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"]
-  }
-};
-var GLOBAL_CONFIG = {
-  ALLOWED_ORIGINS: [
-    "https://howone.ai",
-    "https://howone.dev",
-    "http://localhost:3000",
-    "http://localhost:5173"
-  ],
-  DEBOUNCE_DELAY: 10,
-  OVERRIDE_STYLESHEET_ID: "howone-override-styles"
-};
-var DEFAULT_SELECTOR_CONFIG = {
-  HIGHLIGHT_COLOR: "#ff6b6b",
-  HIGHLIGHT_BORDER_WIDTH: "2px",
-  HIGHLIGHT_BORDER_STYLE: "solid",
-  SELECTED_COLOR: "#4ecdc4",
-  SELECTED_BORDER_WIDTH: "3px",
-  TOOLTIP_BACKGROUND: "#333",
-  TOOLTIP_COLOR: "#fff",
-  TOOLTIP_PADDING: "8px 12px",
-  TOOLTIP_BORDER_RADIUS: "4px",
-  TOOLTIP_FONT_SIZE: "12px",
-  TOOLTIP_Z_INDEX: "10000",
-  FULL_WIDTH_TOOLTIP_OFFSET: 10,
-  highlightClass: "howone-highlight",
-  selectedClass: "howone-selected",
-  cursor: "crosshair"
-};
-
-// src/utils/unified-error-handler/utils/DeepSerializer.ts
-var CircularReference = class {
-  constructor(path) {
-    this.message = `[Circular Reference to ${path}]`;
-  }
-};
-var TypeWrapper = class {
-  constructor(type, value) {
-    this._type = type;
-    this.value = value;
-  }
-};
-var DeepSerializer = class {
-  /**
-   * 深度序列化对象
-   */
-  static serialize(obj, options = {}, visitedObjects = /* @__PURE__ */ new WeakMap(), path = "root") {
-    const opts = { ...this.DEFAULT_OPTIONS, ...options };
-    if (path.split(".").length > opts.maxDepth) {
-      return new TypeWrapper(
-        "MaxDepthReached",
-        `[Max depth of ${opts.maxDepth} reached]`
-      );
-    }
-    if (obj === void 0) {
-      return new TypeWrapper("undefined", "undefined");
-    }
-    if (obj === null) {
-      return null;
-    }
-    if (typeof obj === "string") {
-      return obj.length > opts.maxStringLength ? new TypeWrapper(
-        "String",
-        `${obj.slice(0, opts.maxStringLength)}... [${obj.length - opts.maxStringLength} more characters]`
-      ) : obj;
-    }
-    if (typeof obj === "number") {
-      return Number.isNaN(obj) ? new TypeWrapper("Number", "NaN") : Number.isFinite(obj) ? obj : new TypeWrapper("Number", obj > 0 ? "Infinity" : "-Infinity");
-    }
-    if (typeof obj === "boolean") {
-      return obj;
-    }
-    if (typeof obj === "bigint") {
-      return new TypeWrapper("BigInt", obj.toString());
-    }
-    if (typeof obj === "symbol") {
-      return new TypeWrapper("Symbol", obj.toString());
-    }
-    if (typeof obj === "function") {
-      return new TypeWrapper("Function", {
-        name: obj.name || "anonymous",
-        stringValue: obj.toString().slice(0, opts.maxStringLength),
-        length: obj.length
-      });
-    }
-    if (obj && typeof obj === "object") {
-      if (visitedObjects.has(obj)) {
-        return new CircularReference(visitedObjects.get(obj));
-      }
-      visitedObjects.set(obj, path);
-    }
-    if (obj instanceof Error) {
-      return this.serializeError(obj, opts, visitedObjects, path);
-    }
-    if (obj instanceof Date) {
-      return new TypeWrapper("Date", {
-        iso: obj.toISOString(),
-        value: obj.valueOf(),
-        local: obj.toString()
-      });
-    }
-    if (obj instanceof RegExp) {
-      return new TypeWrapper("RegExp", {
-        source: obj.source,
-        flags: obj.flags,
-        string: obj.toString()
-      });
-    }
-    if (obj instanceof Promise) {
-      return new TypeWrapper("Promise", "[Promise]");
-    }
-    if (obj instanceof WeakMap || obj instanceof WeakSet) {
-      return new TypeWrapper(
-        obj.constructor.name,
-        "[" + obj.constructor.name + "]"
-      );
-    }
-    if (obj instanceof Set) {
-      return this.serializeSet(obj, opts, visitedObjects, path);
-    }
-    if (obj instanceof Map) {
-      return this.serializeMap(obj, opts, visitedObjects, path);
-    }
-    if (ArrayBuffer.isView(obj)) {
-      return this.serializeTypedArray(obj);
-    }
-    if (Array.isArray(obj)) {
-      return this.serializeArray(obj, opts, visitedObjects, path);
-    }
-    return this.serializeObject(obj, opts, visitedObjects, path);
-  }
-  /**
-   * 序列化错误对象
-   */
-  static serializeError(error, opts, visitedObjects, path) {
-    const errorObj = {
-      name: error.name,
-      message: error.message,
-      stack: error.stack
-    };
-    for (const key of Object.getOwnPropertyNames(error)) {
-      if (!errorObj[key]) {
-        try {
-          errorObj[key] = this.serialize(
-            error[key],
-            opts,
-            visitedObjects,
-            `${path}.${key}`
-          );
-        } catch (e) {
-          errorObj[key] = new TypeWrapper("Error", `[Unable to serialize: ${e}]`);
-        }
-      }
-    }
-    return new TypeWrapper("Error", errorObj);
-  }
-  /**
-   * 序列化 Set
-   */
-  static serializeSet(set, opts, visitedObjects, path) {
-    const values = Array.from(set);
-    if (values.length > opts.maxArrayLength) {
-      return new TypeWrapper("Set", {
-        values: values.slice(0, opts.maxArrayLength).map(
-          (item, index) => this.serialize(item, opts, visitedObjects, `${path}.Set[${index}]`)
-        ),
-        truncated: values.length - opts.maxArrayLength
-      });
-    }
-    return new TypeWrapper("Set", {
-      values: values.map(
-        (item, index) => this.serialize(item, opts, visitedObjects, `${path}.Set[${index}]`)
-      )
-    });
-  }
-  /**
-   * 序列化 Map
-   */
-  static serializeMap(map, opts, visitedObjects, path) {
-    const entries = {};
-    let truncatedCount = 0;
-    let addedCount = 0;
-    for (const [key, value] of map.entries()) {
-      if (addedCount >= opts.maxObjectKeys) {
-        truncatedCount++;
-        continue;
+    });
+  }
+  /**
+   * 序列化 Map
+   */
+  static serializeMap(map, opts, visitedObjects, path) {
+    const entries = {};
+    let truncatedCount = 0;
+    let addedCount = 0;
+    for (const [key, value] of map.entries()) {
+      if (addedCount >= opts.maxObjectKeys) {
+        truncatedCount++;
+        continue;
       }
       const keyString = typeof key === "object" ? JSON.stringify(
         this.serialize(key, opts, visitedObjects, `${path}.MapKey`)
@@ -5069,7 +4648,7 @@ var InteractionTracking = class {
 };
 
 // src/utils/unified-error-handler/features/ElementSelector.ts
-var ElementSelector = class {
+var ElementSelector2 = class {
   constructor(sendMessage) {
     this.config = { ...DEFAULT_SELECTOR_CONFIG };
     this.isActive = false;
@@ -6063,7 +5642,6 @@ var MessageBridge = class {
           this.handleSetStylesheet(payload);
           break;
         default:
-          console.warn("[MessageBridge] \u672A\u77E5\u6D88\u606F\u7C7B\u578B:", type);
           break;
       }
     } catch (error) {
@@ -6595,7 +6173,7 @@ var ErrorHandler = class {
     const sendMessage = this.messageSender.createSendFunction();
     this.errorTracking = new ErrorTracking(sendMessage);
     this.interactionTracking = new InteractionTracking(sendMessage);
-    this.elementSelector = new ElementSelector(sendMessage);
+    this.elementSelector = new ElementSelector2(sendMessage);
     this.messageBridge = new MessageBridge();
     this.viewDetector = new ViewDetector();
     this.hardRefreshManager = new HardRefreshManager(GLOBAL_CONFIG.ALLOWED_ORIGINS);
@@ -6872,6 +6450,656 @@ var ErrorHandler = class {
   }
 };
 
+// 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;
+    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) {
+        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");
+      }
+    } catch (e) {
+      console.error("[HowOneProvider] Failed to capture token from URL:", e);
+    } finally {
+      setHasCheckedUrlToken(true);
+    }
+  }, []);
+  (0, import_react8.useEffect)(() => {
+    if (!hasCheckedUrlToken) {
+      return;
+    }
+  }, [token, user, redirectOnUnauthenticated, authUrl, projectId, hasCheckedUrlToken]);
+  const logout = () => {
+    try {
+      setToken(null);
+    } catch {
+    }
+    setTokenState(null);
+    setUser(null);
+  };
+  const value = {
+    user,
+    token,
+    isAuthenticated: !!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 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;
+  }
+  emit() {
+    const state = {
+      user: parseUserFromToken(getToken()),
+      isLoading: this.loading
+    };
+    for (const l of this.listeners) {
+      try {
+        l(state);
+      } catch (e) {
+        void e;
+      }
+    }
+  }
+  onAuthStateChanged(listener) {
+    this.listeners.add(listener);
+    try {
+      listener({ user: parseUserFromToken(getToken()), isLoading: this.loading });
+    } catch (e) {
+      void e;
+    }
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+  // Simple redirect-based login trigger (consumer can override)
+  login() {
+    const root = getAuthRoot() || "https://create-x-backend-dev.fly.dev";
+    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"
+  };
+  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 };
+  }
+  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 this.props.children;
+  }
+};
+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/theme/ThemeToggle.tsx
+var React6 = __toESM(require("react"));
+var import_react10 = require("@iconify/react");
+var import_jsx_runtime10 = 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_runtime10.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_runtime10.jsx)(import_react10.Icon, { icon: "solar:sun-bold", width: 20, height: 20 }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "\u5207\u6362\u4E3B\u9898" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)(import_react10.Icon, { icon: "solar:sun-bold", width: 20, height: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react10.Icon, { icon: "solar:moon-linear", width: 20, height: 20 }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "\u5207\u6362\u4E3B\u9898" })
+      ]
+    }
+  );
+}
+
+// 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 import_jsx_runtime11 = 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_runtime11.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_runtime11.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_runtime11.jsx)("div", { className: "flex-1 relative z-10", children: component }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CloseButton, { closeToast: handleClose }) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.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_runtime11.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_runtime11.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_runtime11.jsx)("div", { className: "flex-shrink-0 mt-0.5 relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsx)(
+      import_react12.Icon,
+      {
+        icon: iconConfig.icon,
+        width: 16,
+        height: 16,
+        className: iconConfig.color,
+        style: {
+          color: themeConfig.gradientColor
+        }
+      }
+    ) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-1 flex-1 relative z-10", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        "div",
+        {
+          className: "text-[16px] font-semibold leading-tight drop-shadow-sm",
+          style: {
+            color: getTextColor(),
+            backgroundClip: "text"
+          },
+          children: title
+        }
+      ),
+      message && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        "div",
+        {
+          className: "text-[13px] font-normal leading-relaxed drop-shadow-sm",
+          style: {
+            color: getTextColor(),
+            backgroundClip: "text"
+          },
+          children: message
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime11.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 }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        ToastContent,
+        {
+          type,
+          title,
+          message: message || "",
+          component,
+          closeToast
+        }
+      ),
+      {
+        ...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/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_react13 = require("react");
+function useDebounce(value, delay) {
+  const [debouncedValue, setDebouncedValue] = (0, import_react13.useState)(value);
+  (0, import_react13.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() {
@@ -6967,6 +7195,8 @@ init_config();
   DEFAULT_SELECTOR_CONFIG,
   DefaultErrorFallback,
   ERROR_CONFIG,
+  ElementSelector,
+  ElementSelectorProvider,
   ErrorBoundary,
   ErrorHandler,
   FloatingButton,
@@ -6996,6 +7226,7 @@ init_config();
   onAuthStateChanged,
   parseUserFromToken,
   request,
+  sendElementSelectionToParent,
   sendEmailVerificationCode,
   setAuthRoot,
   setDefaultProjectId,
@@ -7004,6 +7235,7 @@ init_config();
   unifiedOAuth,
   useAuth,
   useDebounce,
+  useElementSelector,
   useHowoneContext,
   useIsMobile,
   useTheme,