@howone/sdk 0.1.18 → 0.1.20

package/dist/index.js

@@ -236,12 +236,17 @@ __export(index_exports, {
   AUTH_ROOT: () => AUTH_ROOT,
   AUTH_TOKEN_KEY: () => AUTH_TOKEN_KEY,
   AuthProvider: () => AuthProvider,
+  ClayxToast: () => ClayxToast,
   DefaultErrorFallback: () => DefaultErrorFallback,
   ErrorBoundary: () => ErrorBoundary,
   FloatingButton: () => FloatingButton,
+  GlobalToastContainer: () => GlobalToastContainer,
+  HowoneProvider: () => HowoneProvider,
   Loading: () => Loading,
   LoadingSpinner: () => LoadingSpinner,
   LoginForm: () => LoginForm,
+  ThemeProvider: () => ThemeProvider,
+  ThemeToggle: () => ThemeToggle,
   aiRequest: () => aiRequest,
   aiWorkflow: () => aiWorkflow,
   canAccessArtifact: () => canAccessArtifact,
@@ -270,6 +275,7 @@ __export(index_exports, {
   useAuthContext: () => useAuthContext,
   useDebounce: () => useDebounce,
   useIsMobile: () => useIsMobile,
+  useTheme: () => useTheme,
   workflowRequest: () => workflowRequest
 });
 module.exports = __toCommonJS(index_exports);
@@ -287,7 +293,7 @@ var FloatingButton = ({
     {
       onClick,
       id: "floating-howone-btn",
-      className: `fixed flex bg-white gap-2 items-center right-4 z-50 text-black px-3 py-2 rounded-lg shadow-lg transition-colors duration-200 ${className}`,
+      className: `fixed flex bg-background gap-2 items-center right-4 z-50 text-black dark:text-white px-3 py-2 rounded-lg shadow-lg transition-colors duration-200 border border-gray-200 dark:border-gray-700 ${className}`,
       style: {
         fontSize: "14px",
         fontWeight: "bold",
@@ -300,7 +306,7 @@ var FloatingButton = ({
           e.stopPropagation();
           const btn = document.getElementById("floating-howone-btn");
           if (btn) btn.style.display = "none";
-        }, className: "w-5 h-5 font-bold pointer-events-auto" })
+        }, className: "w-5 h-5 font-bold pointer-events-auto text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200" })
       ] })
     }
   );
@@ -1553,111 +1559,87 @@ var LoginForm = ({
 };
 
 // src/components/auth/AuthProvider.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 init_auth();
-init_config();
 
-// src/components/ui/Loading.tsx
+// src/components/theme/ThemeProvider.tsx
+var import_react4 = require("react");
 var import_jsx_runtime3 = 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_runtime3.jsx)("div", { className: `${containerClasses} ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("p", { className: "mt-2 text-sm text-gray-600", children: text })
-  ] }) });
+var initialState = {
+  theme: "system",
+  setTheme: () => null
 };
-var LoadingSpinner = ({
-  size = "md",
-  className = ""
-}) => {
-  const sizeClasses = {
-    sm: "h-4 w-4",
-    md: "h-8 w-8",
-    lg: "h-12 w-12"
+var ThemeProviderContext = (0, import_react4.createContext)(initialState);
+function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  storageKey = "vite-ui-theme",
+  forceDefault = false,
+  ...props
+}) {
+  const [theme, setTheme] = (0, import_react4.useState)(() => {
+    if (forceDefault) {
+      localStorage.setItem(storageKey, defaultTheme);
+      return defaultTheme;
+    }
+    const stored = localStorage.getItem(storageKey);
+    const initialTheme = stored || defaultTheme;
+    if (!stored) {
+      localStorage.setItem(storageKey, defaultTheme);
+    }
+    return initialTheme;
+  });
+  (0, import_react4.useEffect)(() => {
+    const root = window.document.documentElement;
+    root.classList.remove("light", "dark");
+    if (theme === "system") {
+      const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      root.classList.add(systemTheme);
+      return;
+    }
+    root.classList.add(theme);
+  }, [theme]);
+  const value = {
+    theme,
+    setTheme: (theme2) => {
+      localStorage.setItem(storageKey, theme2);
+      setTheme(theme2);
+    }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    "div",
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
+}
+var useTheme = () => {
+  const context = (0, import_react4.useContext)(ThemeProviderContext);
+  if (context === void 0)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return context;
+};
+
+// src/components/ui/Toast/GlobalToastContainer.tsx
+var import_react_toastify = require("react-toastify");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function GlobalToastContainer() {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_toastify.ToastContainer,
     {
-      className: `animate-spin rounded-full border-2 border-gray-300 border-t-blue-600 ${sizeClasses[size]} ${className}`
+      newestOnTop: false,
+      closeButton: false
     }
   );
-};
+}
 
 // src/components/auth/AuthProvider.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var AuthContext = (0, import_react4.createContext)(null);
-var AuthProvider = ({ children, autoRedirect = true, showFloatingButton = true, projectId }) => {
-  const [user, setUser] = (0, import_react4.useState)(() => parseUserFromToken(getToken()));
-  const [token, setTokenState] = (0, import_react4.useState)(() => getToken());
-  const [isLoading, setIsLoading] = (0, import_react4.useState)(false);
-  (0, import_react4.useEffect)(() => {
-    try {
-      if (projectId) setDefaultProjectId(String(projectId));
-    } catch {
-    }
-    setIsLoading(true);
-    try {
-      const cb = unifiedAuth.checkOAuthCallback();
-      if (cb && cb.success) {
-        setTokenState(cb.token ?? getToken());
-        setUser(cb.user ?? parseUserFromToken(cb.token ?? getToken()));
-        setIsLoading(false);
-        return;
-      }
-    } catch {
-    }
-    const unsubscribe = onAuthStateChanged((state) => {
-      try {
-        setTokenState(getToken());
-        setUser(state.user ?? parseUserFromToken(getToken()));
-      } catch {
-      }
-      setIsLoading(false);
-      if (autoRedirect && !state.user) {
-        try {
-          const root = getAuthRoot();
-          const authUrl = new URL("/auth", String(root));
-          authUrl.searchParams.set("redirect_uri", window.location.href);
-          const pid = getDefaultProjectId();
-          if (pid) authUrl.searchParams.set("project_id", pid);
-          try {
-            if (window.top && window.top !== window) {
-              window.top.location.replace(authUrl.toString());
-            } else {
-              window.location.replace(authUrl.toString());
-            }
-          } catch (e) {
-            try {
-              window.location.replace(authUrl.toString());
-            } catch {
-            }
-          }
-        } catch {
-        }
-      }
-    });
-    return () => {
-      try {
-        unsubscribe();
-      } catch {
-      }
-    };
-  }, [autoRedirect]);
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var AuthContext = (0, import_react5.createContext)(null);
+var HowoneProvider = ({
+  children,
+  showFloatingButton = true,
+  defaultTheme = "system",
+  themeStorageKey = "howone-theme",
+  forceDefaultTheme = false
+}) => {
+  const [user, setUser] = (0, import_react5.useState)(() => parseUserFromToken(getToken()));
+  const [token, setTokenState] = (0, import_react5.useState)(() => getToken());
   const logout = () => {
     try {
       setToken(null);
@@ -1672,16 +1654,24 @@ var AuthProvider = ({ children, autoRedirect = true, showFloatingButton = true,
     isAuthenticated: !!token,
     logout
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AuthContext.Provider, { value, children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Loading, { fullScreen: true, text: "Checking authentication..." }),
-    showFloatingButton && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FloatingButton, { onClick: () => window.open("https://howone.ai", "_blank") })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    children,
-    showFloatingButton && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FloatingButton, { onClick: () => window.open("https://howone.ai", "_blank") })
-  ] }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    ThemeProvider,
+    {
+      defaultTheme,
+      storageKey: themeStorageKey,
+      forceDefault: forceDefaultTheme,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(AuthContext.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 useAuthContext() {
-  const ctx = (0, import_react4.useContext)(AuthContext);
+  const ctx = (0, import_react5.useContext)(AuthContext);
   if (!ctx) {
     const t = getToken();
     return {
@@ -1698,6 +1688,7 @@ function useAuthContext() {
   }
   return ctx;
 }
+var AuthProvider = HowoneProvider;
 
 // src/components/index.ts
 init_auth();
@@ -1784,10 +1775,51 @@ var howone = {
 };
 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"
+  };
+  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: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.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_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_react5 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var ErrorBoundary = class extends import_react5.Component {
+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 = () => {
@@ -1809,13 +1841,13 @@ var ErrorBoundary = class extends import_react5.Component {
     if (this.state.hasError) {
       if (this.props.fallback) {
         const FallbackComponent = this.props.fallback;
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FallbackComponent, { error: this.state.error, retry: this.handleRetry });
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FallbackComponent, { error: this.state.error, retry: this.handleRetry });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "min-h-[400px] flex items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "text-center max-w-md", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-red-500 text-6xl mb-4", children: "\u26A0\uFE0F" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "text-xl font-semibold text-gray-900 mb-2", children: "Something went wrong" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-gray-600 mb-4", children: "An unexpected error occurred. Please try refreshing the page." }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      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,
@@ -1829,10 +1861,10 @@ var ErrorBoundary = class extends import_react5.Component {
     return this.props.children;
   }
 };
-var DefaultErrorFallback = ({ retry }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "min-h-[200px] flex items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "text-center", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-red-500 text-4xl mb-2", children: "\u26A0\uFE0F" }),
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-gray-600 mb-2", children: "Something went wrong" }),
-  retry && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+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,
@@ -1842,12 +1874,217 @@ var DefaultErrorFallback = ({ retry }) => /* @__PURE__ */ (0, import_jsx_runtime
   )
 ] }) });
 
-// src/hooks/use-mobile.ts
+// src/components/theme/ThemeToggle.tsx
 var React4 = __toESM(require("react"));
+var import_next_themes = require("next-themes");
+var import_react7 = require("@iconify/react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function ThemeToggle({ className }) {
+  const { setTheme, theme } = (0, import_next_themes.useTheme)();
+  const [mounted, setMounted] = React4.useState(false);
+  React4.useEffect(() => {
+    setMounted(true);
+  }, []);
+  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-2-linear", width: 20, height: 20 }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sr-only", children: "Toggle theme" })
+        ]
+      }
+    );
+  }
+  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: () => setTheme(theme === "light" ? "dark" : "light"),
+      children: [
+        theme === "light" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react7.Icon, { icon: "solar:sun-2-linear", 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: "Toggle theme" })
+      ]
+    }
+  );
+}
+
+// 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",
+    bgGradient: "bg-[#14181df2]",
+    gradientColor: "#389726",
+    borderGradient: "border-[#389726]",
+    borderGradientColor: "#389726"
+  },
+  error: {
+    icon: "ic:outline-close",
+    color: "text-red-400",
+    className: "text-red-400",
+    bgGradient: "bg-[#14181df2]",
+    gradientColor: "#ef4444",
+    borderGradient: "border-[#ef4444]",
+    borderGradientColor: "#ef4444"
+  },
+  warning: {
+    icon: "mi:warning",
+    color: "text-yellow-400",
+    className: "text-yellow-400",
+    bgGradient: "bg-[#14181df2]",
+    gradientColor: "#facc15",
+    borderGradient: "border-[#facc15]",
+    borderGradientColor: "#facc15"
+  },
+  info: {
+    icon: "ic:outline-info",
+    color: "text-blue-400",
+    className: "text-blue-400",
+    bgGradient: "bg-[#14181df2]",
+    gradientColor: "#60a5fa",
+    borderGradient: "border-[#60a5fa]",
+    borderGradientColor: "#f0f0f0"
+  },
+  default: {
+    icon: "ic:round-notifications",
+    color: "text-gray-400",
+    className: "text-gray-400",
+    bgGradient: "bg-[#14181df2]",
+    gradientColor: "#9ca3af",
+    borderGradient: "border-[#9ca3af]",
+    borderGradientColor: "#9ca3af"
+  }
+};
+var CloseButton = import_react8.default.memo(({ closeToast }) => {
+  const handleClick = (0, import_react8.useCallback)((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    closeToast?.();
+  }, [closeToast]);
+  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                    !text-[#b4b4b4] hover:text-white transition-colors duration-200 drop-shadow-sm",
+      onClick: handleClick,
+      width: 14,
+      height: 14
+    }
+  );
+});
+CloseButton.displayName = "CloseButton";
+var ToastContent = ({ type, title, message, component, closeToast }) => {
+  const iconConfig = TOAST_ICONS[type];
+  const handleClose = (0, import_react8.useCallback)(() => {
+    closeToast?.();
+  }, [closeToast]);
+  console.log(iconConfig, "????????");
+  if (component) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `flex items-start gap-3 min-h-[80px] w-full backdrop-blur-md 
+                        rounded-xl p-4 shadow-2xl relative overflow-hidden ${iconConfig.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 }) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `flex items-start gap-3 min-h-[60px] w-full backdrop-blur-md
+                      rounded-xl p-4 shadow-2xl relative overflow-hidden ${iconConfig.bgGradient}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "div",
+      {
+        className: "absolute left-0 top-0 w-full h-full pointer-events-none rounded-xl",
+        style: {
+          background: `linear-gradient(135deg, ${iconConfig.gradientColor}30 0%, ${iconConfig.gradientColor}20 15%, #14181df2 30%)`
+        }
+      }
+    ),
+    /* @__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: `linear-gradient(135deg, ${iconConfig.borderGradientColor}60 0%, ${iconConfig.borderGradientColor}40 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 bg-white/10 backdrop-blur-sm rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_react9.Icon,
+      {
+        icon: iconConfig.icon,
+        width: 16,
+        height: 16,
+        className: iconConfig.color
+      }
+    ) }) }),
+    /* @__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 text-white/95 drop-shadow-sm", children: title }),
+      message && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "text-[13px] font-normal leading-relaxed text-white/75 drop-shadow-sm", children: message })
+    ] }),
+    /* @__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,
+        className: "!bg-transparent !p-0 !shadow-none",
+        style: { background: "transparent", padding: 0 }
+      }
+    );
+  };
+};
+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] = React4.useState(void 0);
-  React4.useEffect(() => {
+  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);
@@ -1860,10 +2097,10 @@ function useIsMobile() {
 }
 
 // src/hooks/use-debounce.ts
-var import_react6 = require("react");
+var import_react10 = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react6.useState)(value);
-  (0, import_react6.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react10.useState)(value);
+  (0, import_react10.useEffect)(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -1874,214 +2111,335 @@ function useDebounce(value, delay) {
   return debouncedValue;
 }
 
-// src/utils/earlyErrorHandler.ts
-function injectEarlyErrorHandler() {
-  if (typeof window === "undefined" || typeof document === "undefined") return;
-  const code = `
-  (function () {
-    const isIframe = window.self !== window.top;
-    console.log("isIframe", isIframe);
+// src/utils/errorHandler.ts
+var ERROR_HANDLER_SCRIPT = `(function () {
+  // \u68C0\u67E5\u662F\u5426\u5728 iframe \u4E2D\u8FD0\u884C
+  const isIframe = window.self !== window.top;
+  console.log("isIframe", isIframe);
 
-    console.log("[\u65E9\u671F\u9519\u8BEF\u5904\u7406] \u521D\u59CB\u5316");
+  console.log("[\u65E9\u671F\u9519\u8BEF\u5904\u7406] \u521D\u59CB\u5316");
 
-    window.__SEND_ERROR_TO_PARENT__ = function (error, details) {
-      try {
-        const errorPayload = {
-          message: error instanceof Error ? error.message : String(error),
-          stack: error instanceof Error ? error.stack : undefined,
-          filename: details?.file || details?.filename,
-          lineno: details?.line,
-          colno: details?.column,
-          timestamp: Date.now(),
-          type: details?.type || "compile-error",
-          details: details,
-        };
+  // \u76F4\u63A5\u53D1\u9001\u9519\u8BEF\u5230\u7236\u7A97\u53E3\u7684\u51FD\u6570
+  window.__SEND_ERROR_TO_PARENT__ = function (error, details) {
+    try {
+      const errorPayload = {
+        message: error instanceof Error ? error.message : String(error),
+        stack: error instanceof Error ? error.stack : undefined,
+        filename: details?.file || details?.filename,
+        lineno: details?.line,
+        colno: details?.column,
+        timestamp: Date.now(),
+        type: details?.type || "compile-error",
+        details: details,
+      };
 
-        window.parent.postMessage({ type: "ERROR_EVENT", payload: errorPayload }, "*");
-        console.log("[\u65E9\u671F\u9519\u8BEF\u5904\u7406] \u9519\u8BEF\u5DF2\u53D1\u9001\u5230\u7236\u7A97\u53E3:", errorPayload);
-      } catch (e) {
-        console.error("[\u65E9\u671F\u9519\u8BEF\u5904\u7406] \u53D1\u9001\u9519\u8BEF\u5230\u7236\u7A97\u53E3\u5931\u8D25:", e);
-      }
-    };
+      window.parent.postMessage(
+        {
+          type: "ERROR_EVENT",
+          payload: errorPayload,
+        },
+        "*"
+      );
 
-    function setupViteOverlayObserver() {
-      if (!window.MutationObserver) return;
+      console.log("[\u65E9\u671F\u9519\u8BEF\u5904\u7406] \u9519\u8BEF\u5DF2\u53D1\u9001\u5230\u7236\u7A97\u53E3:", errorPayload);
+    } catch (e) {
+      console.error("[\u65E9\u671F\u9519\u8BEF\u5904\u7406] \u53D1\u9001\u9519\u8BEF\u5230\u7236\u7A97\u53E3\u5931\u8D25:", e);
+    }
+  };
 
-      console.log("[\u65E9\u671F\u9519\u8BEF\u5904\u7406] \u8BBE\u7F6E Vite \u9519\u8BEF overlay \u76D1\u542C\u5668");
+  // \u8BBE\u7F6E MutationObserver \u76D1\u542C vite-error-overlay
+  function setupViteOverlayObserver() {
+    if (!window.MutationObserver) return;
 
-      function processViteErrorOverlay(overlay) {
-        try {
-          if (overlay.hasAttribute("data-error-sent")) return;
-          const shadowRoot = overlay.shadowRoot;
-          if (!shadowRoot) return;
+    console.log("[\u65E9\u671F\u9519\u8BEF\u5904\u7406] \u8BBE\u7F6E Vite \u9519\u8BEF overlay \u76D1\u542C\u5668");
+
+    function processViteErrorOverlay(overlay) {
+      try {
+        if (overlay.hasAttribute("data-error-sent")) return;
+
+        const shadowRoot = overlay.shadowRoot;
+        if (!shadowRoot) {
+          console.log("[\u65E9\u671F\u9519\u8BEF\u5904\u7406] vite-error-overlay \u6CA1\u6709 Shadow DOM");
+          return;
+        }
 
-          const messageElement = shadowRoot.querySelector("pre.message");
-          const fileElement = shadowRoot.querySelector("pre.file");
-          const frameElements = shadowRoot.querySelectorAll("pre.frame");
-          const stackElement = shadowRoot.querySelector("pre.stack");
+        const messageElement = shadowRoot.querySelector("pre.message");
+        const fileElement = shadowRoot.querySelector("pre.file");
+        const frameElements = shadowRoot.querySelectorAll("pre.frame");
+        const stackElement = shadowRoot.querySelector("pre.stack");
 
-          const message = messageElement ? messageElement.textContent : "";
-          const file = fileElement ? fileElement.textContent : "";
-          const frames = Array.from(frameElements).map((el) => el.textContent).join("
+        const message = messageElement ? messageElement.textContent : "";
+        const file = fileElement ? fileElement.textContent : "";
+        const frames = Array.from(frameElements)
+          .map((el) => el.textContent)
+          .join("
 ");
-          const stack = stackElement ? stackElement.textContent : "";
+        const stack = stackElement ? stackElement.textContent : "";
 
-          let line, column;
-          const fileStr = file || "";
-          const lineColMatch = fileStr.match(/(?:line|at|:)(?:.*?)(?::| )(d+)(?::| )(d+)/i);
-          if (lineColMatch) {
-            line = parseInt(lineColMatch[1], 10);
-            column = parseInt(lineColMatch[2], 10);
-          }
+        let line, column;
+        const fileStr = file || "";
+        const lineColMatch = fileStr.match(/(?:line|at|:)(?:.*?)(?::| )(d+)(?::| )(d+)/i);
+        if (lineColMatch) {
+          line = parseInt(lineColMatch[1], 10);
+          column = parseInt(lineColMatch[2], 10);
+        }
 
-          const messageStr = message || "";
-          const isReactError =
-            messageStr.includes("React") ||
-            messageStr.includes("JSX") ||
-            messageStr.includes("Unexpected token") ||
-            messageStr.includes("vite:react-babel");
+        const messageStr = message || "";
+        const isReactError =
+          messageStr.includes("React") ||
+          messageStr.includes("JSX") ||
+          messageStr.includes("Unexpected token") ||
+          messageStr.includes("vite:react-babel");
 
-          const viteError = new Error(messageStr);
+        const viteError = new Error(messageStr);
 
-          window.__SEND_ERROR_TO_PARENT__(viteError, {
-            file,
-            line,
-            column,
-            frames,
-            stack,
-            isReactError,
-            type: isReactError ? "react-syntax" : "vite-error-overlay",
-          });
+        window.__SEND_ERROR_TO_PARENT__(viteError, {
+          file,
+          line,
+          column,
+          frames,
+          stack,
+          isReactError,
+          type: isReactError ? "react-syntax" : "vite-error-overlay",
+        });
 
-          overlay.setAttribute("data-error-sent", "true");
-        } catch (e) {
-          console.error("[\u65E9\u671F\u9519\u8BEF\u5904\u7406] \u5904\u7406 vite-error-overlay \u5931\u8D25:", e);
-        }
+        overlay.setAttribute("data-error-sent", "true");
+      } catch (e) {
+        console.error("[\u65E9\u671F\u9519\u8BEF\u5904\u7406] \u5904\u7406 vite-error-overlay \u5931\u8D25:", e);
       }
+    }
 
-      function checkExistingOverlays() {
-        const viteErrorOverlays = document.querySelectorAll("vite-error-overlay");
-        if (viteErrorOverlays.length > 0) {
-          viteErrorOverlays.forEach((overlay) => {
-            if (!overlay.hasAttribute("data-error-sent")) {
-              processViteErrorOverlay(overlay);
-            }
-          });
-        }
+    function checkExistingOverlays() {
+      const viteErrorOverlays = document.querySelectorAll("vite-error-overlay");
+      if (viteErrorOverlays.length > 0) {
+        viteErrorOverlays.forEach((overlay) => {
+          if (!overlay.hasAttribute("data-error-sent")) {
+            processViteErrorOverlay(overlay);
+          }
+        });
       }
+    }
 
-      const observer = new MutationObserver((mutations) => {
-        for (const mutation of mutations) {
-          if (mutation.addedNodes.length > 0) {
-            for (const node of Array.from(mutation.addedNodes)) {
-              if (node.nodeType === Node.ELEMENT_NODE) {
-                const element = node;
-                if (element.tagName === "VITE-ERROR-OVERLAY" && !element.hasAttribute("data-error-sent")) {
-                  setTimeout(() => processViteErrorOverlay(element), 100);
-                }
-                const viteErrorOverlays = element.querySelectorAll("vite-error-overlay");
-                for (const viteErrorOverlay of Array.from(viteErrorOverlays)) {
-                  if (!viteErrorOverlay.hasAttribute("data-error-sent")) {
-                    setTimeout(() => processViteErrorOverlay(viteErrorOverlay), 100);
-                  }
+    const observer = new MutationObserver((mutations) => {
+      for (const mutation of mutations) {
+        if (mutation.addedNodes.length > 0) {
+          for (const node of Array.from(mutation.addedNodes)) {
+            if (node.nodeType === Node.ELEMENT_NODE) {
+              const element = node;
+
+              if (
+                element.tagName === "VITE-ERROR-OVERLAY" &&
+                !element.hasAttribute("data-error-sent")
+              ) {
+                setTimeout(() => processViteErrorOverlay(element), 100);
+              }
+
+              const viteErrorOverlays = element.querySelectorAll("vite-error-overlay");
+              for (const viteErrorOverlay of Array.from(viteErrorOverlays)) {
+                if (!viteErrorOverlay.hasAttribute("data-error-sent")) {
+                  setTimeout(() => processViteErrorOverlay(viteErrorOverlay), 100);
                 }
               }
             }
           }
         }
-      });
+      }
+    });
 
-      observer.observe(document.documentElement, { childList: true, subtree: true, attributes: true, characterData: true });
-      setTimeout(checkExistingOverlays, 500);
-      setInterval(checkExistingOverlays, 2000);
-    }
+    observer.observe(document.documentElement, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      characterData: true,
+    });
 
-    window.addEventListener(
-      "error",
-      function (event) {
-        const target = event && (event.target || event.srcElement);
-        const tagName = target && target.tagName;
-        if (tagName) {
-          const url = (target && (target.src || target.href || target.currentSrc)) || (target && target.getAttribute && (target.getAttribute('src') || target.getAttribute('href')));
-          const preview = target && target.outerHTML ? String(target.outerHTML).slice(0, 300) : undefined;
-          const resourceError = new Error('Resource load error: ' + tagName + ' ' + (url || 'unknown'));
-          window.__SEND_ERROR_TO_PARENT__(resourceError, { filename: url, tagName: tagName, element: preview, type: "resource" });
-          return;
-        }
+    setTimeout(checkExistingOverlays, 500);
+    setInterval(checkExistingOverlays, 2000);
+  }
+
+  window.addEventListener(
+    "error",
+    function (event) {
+      const target = event && (event.target || event.srcElement);
+      const tagName = target && target.tagName;
+      if (tagName) {
+        const url = (target && (target.src || target.href || target.currentSrc)) ||
+          (target && target.getAttribute && (target.getAttribute('src') || target.getAttribute('href')));
+        const preview = target && target.outerHTML ? String(target.outerHTML).slice(0, 300) : undefined;
+        const resourceError = new Error('Resource load error: ' + tagName + ' ' + (url || 'unknown'));
+        window.__SEND_ERROR_TO_PARENT__(resourceError, {
+          filename: url,
+          tagName: tagName,
+          element: preview,
+          type: "resource"
+        });
+        return;
+      }
 
-        var stack = (event && event.error && event.error.stack) || "";
-        var message = typeof event.message === "string" ? event.message : "";
-        if ((stack && stack.indexOf('error-handler') !== -1) || !message) return;
+      var stack = (event && event.error && event.error.stack) || "";
+      var message = typeof event.message === "string" ? event.message : "";
+      if ((stack && stack.indexOf('error-handler') !== -1) || !message) return;
 
-        window.__SEND_ERROR_TO_PARENT__(event.error || new Error(event.message), { filename: event.filename, line: event.lineno, column: event.colno, type: "runtime" });
-      },
-      true
+      window.__SEND_ERROR_TO_PARENT__(event.error || new Error(event.message), {
+        filename: event.filename,
+        line: event.lineno,
+        column: event.colno,
+        type: "runtime",
+      });
+    },
+    true
+  );
+
+  window.addEventListener("unhandledrejection", function (event) {
+    const reason = event.reason;
+    window.__SEND_ERROR_TO_PARENT__(
+      reason instanceof Error ? reason : new Error(String(reason)),
+      { type: "promise" }
     );
+  });
 
-    window.addEventListener("unhandledrejection", function (event) {
-      const reason = event.reason;
-      window.__SEND_ERROR_TO_PARENT__(reason instanceof Error ? reason : new Error(String(reason)), { type: "promise" });
-    });
+  setupViteOverlayObserver();
 
-    setupViteOverlayObserver();
+  if (!window.__FETCH_INTERCEPTED__) {
+    window.__FETCH_INTERCEPTED__ = true;
+    const originalFetch = window.fetch;
+    
+    function handleFetchError(error, url, response = null) {
+      const errorDetails = {
+        type: "network",
+        method: "fetch",
+        url: url
+      };
+      
+      if (response && !response.ok) {
+        errorDetails.status = response.status;
+        errorDetails.statusText = response.statusText;
+        errorDetails.networkError = false;
+      } else {
+        errorDetails.networkError = true;
+      }
+      window.__SEND_ERROR_TO_PARENT__(error, errorDetails);
+    }
+    
+    window.fetch = function(...args) {
+      const url = args[0] instanceof Request ? args[0].url : args[0];
+      
+      return originalFetch.apply(this, args)
+        .then(response => {
+          if (!response.ok) {
+            const networkError = new Error(\`HTTP \${response.status}: \${response.statusText}\`);
+            handleFetchError(networkError, url, response);
+          }
+          return response;
+        })
+        .catch(error => {
+          handleFetchError(error, url);
+          throw error;
+        });
+    };
+  }
 
-    if (!window.__CONSOLE_ERROR_INTERCEPTED__) {
-      window.__CONSOLE_ERROR_INTERCEPTED__ = true;
-      const originalConsoleError = console.error;
-      console.error = function () {
-        try {
-          var args = Array.prototype.slice.call(arguments);
-          var first = args[0];
-          var firstStr = typeof first === "string" ? first : "";
-          var isReact = firstStr.indexOf("React") !== -1;
-          var isVite = firstStr.indexOf("[vite]") !== -1 || firstStr.indexOf("Failed to reload") !== -1;
-          if (isReact || isVite) {
-            var joined = args.map(function (a) {
+  if (!window.__XHR_INTERCEPTED__) {
+    window.__XHR_INTERCEPTED__ = true;
+    const originalXHROpen = XMLHttpRequest.prototype.open;
+    const originalXHRSend = XMLHttpRequest.prototype.send;
+    
+    function handleXHRError(error, xhr, isNetworkError = false) {
+      const errorDetails = {
+        type: "network",
+        method: "xhr",
+        url: xhr.__intercepted_url__
+      };
+      
+      if (!isNetworkError && xhr.status >= 400) {
+        errorDetails.status = xhr.status;
+        errorDetails.statusText = xhr.statusText;
+        errorDetails.networkError = false;
+      } else {
+        errorDetails.networkError = true;
+      }
+      
+      window.__SEND_ERROR_TO_PARENT__(error, errorDetails);
+    }
+    
+    XMLHttpRequest.prototype.open = function(method, url, ...args) {
+      this.__intercepted_method__ = method;
+      this.__intercepted_url__ = url;
+      return originalXHROpen.apply(this, [method, url, ...args]);
+    };
+    
+    XMLHttpRequest.prototype.send = function(...args) {
+      const xhr = this;
+      
+      const originalOnReadyStateChange = xhr.onreadystatechange;
+      xhr.onreadystatechange = function() {
+        if (xhr.readyState === 4) {
+          if (xhr.status >= 400) {
+            const networkError = new Error(\`HTTP \${xhr.status}: \${xhr.statusText}\`);
+            handleXHRError(networkError, xhr, false);
+          }
+        }
+        
+        if (originalOnReadyStateChange) {
+          return originalOnReadyStateChange.apply(this, arguments);
+        }
+      };
+      
+      const originalOnError = xhr.onerror;
+      xhr.onerror = function() {
+        const networkError = new Error(\`Network error for \${xhr.__intercepted_method__} \${xhr.__intercepted_url__}\`);
+        handleXHRError(networkError, xhr, true);
+        
+        if (originalOnError) {
+          return originalOnError.apply(this, arguments);
+        }
+      };
+      
+      return originalXHRSend.apply(this, args);
+    };
+  }
+
+  if (!window.__CONSOLE_ERROR_INTERCEPTED__) {
+    window.__CONSOLE_ERROR_INTERCEPTED__ = true;
+    const originalConsoleError = console.error;
+    console.error = function () {
+      try {
+        var args = Array.prototype.slice.call(arguments);
+        var first = args[0];
+        var firstStr = typeof first === "string" ? first : "";
+        var isReact = firstStr.indexOf("React") !== -1;
+        var isVite = firstStr.indexOf("[vite]") !== -1 || firstStr.indexOf("Failed to reload") !== -1;
+        if (isReact || isVite) {
+          var joined = args
+            .map(function (a) {
               if (a instanceof Error) return a.message;
               if (typeof a === "string") return a;
               if (a && typeof a.message === "string") return a.message;
-              try { return JSON.stringify(a); } catch (e) { return String(a); }
-            }).join(" ");
-            var errorForReport = new Error(joined);
-            window.__SEND_ERROR_TO_PARENT__(errorForReport, { type: "runtime", viteErrorType: "console" });
-          }
-        } catch (e) { void e }
-        return originalConsoleError.apply(console, arguments);
-      };
-    }
+              try { return JSON.stringify(a); } catch (_) { return String(a); }
+            })
+            .join(" ");
+          var errorForReport = new Error(joined);
+          window.__SEND_ERROR_TO_PARENT__(errorForReport, { type: "runtime", viteErrorType: "console" });
+        }
+      } catch (_) {}
+      return originalConsoleError.apply(console, arguments);
+    };
+  }
 
-    console.log("[\u65E9\u671F\u9519\u8BEF\u5904\u7406] \u521D\u59CB\u5316\u5B8C\u6210");
-  })();
-  `;
+  console.log("[\u65E9\u671F\u9519\u8BEF\u5904\u7406] \u521D\u59CB\u5316\u5B8C\u6210");
+})();`;
+function injectEarlyErrorHandler() {
+  if (typeof document === "undefined") return;
   try {
-    const parent = document.head || document.documentElement;
-    try {
-      const external = document.createElement("script");
-      external.type = "text/javascript";
-      external.src = "/error-handler.js";
-      external.async = false;
-      parent.prepend(external);
-      return;
-    } catch (e) {
-      void e;
-    }
+    if (window.__EARLY_ERROR_HANDLER_INJECTED__) return;
     const script = document.createElement("script");
     script.type = "text/javascript";
-    try {
-      if ("textContent" in script) {
-        script.textContent = code;
-      } else {
-        script.appendChild(document.createTextNode(code));
-      }
-    } catch (e) {
-      try {
-        script.appendChild(document.createTextNode(code));
-      } catch {
-      }
-    }
-    parent.prepend(script);
+    script.text = ERROR_HANDLER_SCRIPT;
+    const head = document.head || document.getElementsByTagName("head")[0];
+    if (head && head.firstChild) head.insertBefore(script, head.firstChild);
+    else if (head) head.appendChild(script);
+    window.__EARLY_ERROR_HANDLER_INJECTED__ = true;
   } catch (e) {
-    void e;
   }
 }
 
@@ -2093,12 +2451,17 @@ init_config();
   AUTH_ROOT,
   AUTH_TOKEN_KEY,
   AuthProvider,
+  ClayxToast,
   DefaultErrorFallback,
   ErrorBoundary,
   FloatingButton,
+  GlobalToastContainer,
+  HowoneProvider,
   Loading,
   LoadingSpinner,
   LoginForm,
+  ThemeProvider,
+  ThemeToggle,
   aiRequest,
   aiWorkflow,
   canAccessArtifact,
@@ -2127,6 +2490,7 @@ init_config();
   useAuthContext,
   useDebounce,
   useIsMobile,
+  useTheme,
   workflowRequest
 });
 //# sourceMappingURL=index.js.map