@howone/sdk 0.1.19 → 0.1.21

package/dist/index.d.mts

@@ -423,19 +423,44 @@ interface LoginFormProps {
 }
 declare const LoginForm: React$1.FC<LoginFormProps>;
 
-type AuthContextValue = {
+type Theme$1 = "dark" | "light" | "system";
+type HowoneContextValue = {
     user: ReturnType<typeof parseUserFromToken> | null;
     token: string | null;
     isAuthenticated: boolean;
     logout: () => void;
 };
-declare const AuthProvider: React$1.FC<{
+interface HowoneProviderProps {
     children: React$1.ReactNode;
     autoRedirect?: boolean;
     showFloatingButton?: boolean;
     projectId?: string;
-}>;
-declare function useAuthContext(): AuthContextValue;
+    defaultTheme?: Theme$1;
+    themeStorageKey?: string;
+    forceDefaultTheme?: boolean;
+}
+/**
+ * HowoneProvider - All-in-one application provider
+ *
+ * Includes:
+ * - Authentication management
+ * - Theme management (dark/light/system)
+ * - Toast notifications
+ * - Floating button
+ *
+ * @example
+ * ```tsx
+ * <HowoneProvider
+ *   defaultTheme="dark"
+ *   themeStorageKey="my-app-theme"
+ *   showFloatingButton={true}
+ * >
+ *   <App />
+ * </HowoneProvider>
+ * ```
+ */
+declare const HowoneProvider: React$1.FC<HowoneProviderProps>;
+declare function useHowoneContext(): HowoneContextValue;
 
 type AuthState = {
     user: Record<string, unknown> | null;
@@ -504,12 +529,13 @@ type ThemeProviderProps = {
     children: React.ReactNode;
     defaultTheme?: Theme;
     storageKey?: string;
+    forceDefault?: boolean;
 };
 type ThemeProviderState = {
     theme: Theme;
     setTheme: (theme: Theme) => void;
 };
-declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ThemeProvider({ children, defaultTheme, storageKey, forceDefault, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 declare const useTheme: () => ThemeProviderState;
 
 interface ThemeToggleProps {
@@ -543,4 +569,4 @@ declare function useDebounce<T>(value: T, delay: number): T;
  */
 declare function injectEarlyErrorHandler(): void;
 
-export { type AIWorkflowClientOptions, type AIWorkflowResponse, AUTH_ROOT, AUTH_TOKEN_KEY, type AccessContext, type Artifact, type ArtifactCreateInput, type ArtifactListQuery, AuthProvider, type AxiosAIWorkflowOptions, ClayxToast, DefaultErrorFallback, type EmailLoginRequest, type EmailLoginResponse, ErrorBoundary, FloatingButton, GlobalToastContainer, Loading, LoadingSpinner, LoginForm, type SendCodeRequest, type SendCodeResponse, ThemeProvider, ThemeToggle, type Visibility, aiRequest, aiWorkflow, canAccessArtifact, createAIWorkflowClient, createAIWorkflowClientAxios, createArtifactsClient, createClient, getAuthRoot, getCodeStatus, getDefaultProjectId, getToken, howone, injectEarlyErrorHandler, isTokenValid, loginWithEmailCode, onAuthStateChanged, parseUserFromToken, request, sendEmailVerificationCode, setAuthRoot, setDefaultProjectId, setToken, unifiedAuth, unifiedOAuth, useAuth, useAuthContext, useDebounce, useIsMobile, useTheme, workflowRequest };
+export { type AIWorkflowClientOptions, type AIWorkflowResponse, AUTH_ROOT, AUTH_TOKEN_KEY, type AccessContext, type Artifact, type ArtifactCreateInput, type ArtifactListQuery, type AxiosAIWorkflowOptions, ClayxToast, DefaultErrorFallback, type EmailLoginRequest, type EmailLoginResponse, ErrorBoundary, FloatingButton, GlobalToastContainer, HowoneProvider, type HowoneProviderProps, Loading, LoadingSpinner, LoginForm, type SendCodeRequest, type SendCodeResponse, ThemeProvider, ThemeToggle, type Visibility, aiRequest, aiWorkflow, canAccessArtifact, createAIWorkflowClient, createAIWorkflowClientAxios, createArtifactsClient, createClient, getAuthRoot, getCodeStatus, getDefaultProjectId, getToken, howone, injectEarlyErrorHandler, isTokenValid, loginWithEmailCode, onAuthStateChanged, parseUserFromToken, request, sendEmailVerificationCode, setAuthRoot, setDefaultProjectId, setToken, unifiedAuth, unifiedOAuth, useAuth, useDebounce, useHowoneContext, useIsMobile, useTheme, workflowRequest };

package/dist/index.d.ts

@@ -423,19 +423,44 @@ interface LoginFormProps {
 }
 declare const LoginForm: React$1.FC<LoginFormProps>;
 
-type AuthContextValue = {
+type Theme$1 = "dark" | "light" | "system";
+type HowoneContextValue = {
     user: ReturnType<typeof parseUserFromToken> | null;
     token: string | null;
     isAuthenticated: boolean;
     logout: () => void;
 };
-declare const AuthProvider: React$1.FC<{
+interface HowoneProviderProps {
     children: React$1.ReactNode;
     autoRedirect?: boolean;
     showFloatingButton?: boolean;
     projectId?: string;
-}>;
-declare function useAuthContext(): AuthContextValue;
+    defaultTheme?: Theme$1;
+    themeStorageKey?: string;
+    forceDefaultTheme?: boolean;
+}
+/**
+ * HowoneProvider - All-in-one application provider
+ *
+ * Includes:
+ * - Authentication management
+ * - Theme management (dark/light/system)
+ * - Toast notifications
+ * - Floating button
+ *
+ * @example
+ * ```tsx
+ * <HowoneProvider
+ *   defaultTheme="dark"
+ *   themeStorageKey="my-app-theme"
+ *   showFloatingButton={true}
+ * >
+ *   <App />
+ * </HowoneProvider>
+ * ```
+ */
+declare const HowoneProvider: React$1.FC<HowoneProviderProps>;
+declare function useHowoneContext(): HowoneContextValue;
 
 type AuthState = {
     user: Record<string, unknown> | null;
@@ -504,12 +529,13 @@ type ThemeProviderProps = {
     children: React.ReactNode;
     defaultTheme?: Theme;
     storageKey?: string;
+    forceDefault?: boolean;
 };
 type ThemeProviderState = {
     theme: Theme;
     setTheme: (theme: Theme) => void;
 };
-declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ThemeProvider({ children, defaultTheme, storageKey, forceDefault, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 declare const useTheme: () => ThemeProviderState;
 
 interface ThemeToggleProps {
@@ -543,4 +569,4 @@ declare function useDebounce<T>(value: T, delay: number): T;
  */
 declare function injectEarlyErrorHandler(): void;
 
-export { type AIWorkflowClientOptions, type AIWorkflowResponse, AUTH_ROOT, AUTH_TOKEN_KEY, type AccessContext, type Artifact, type ArtifactCreateInput, type ArtifactListQuery, AuthProvider, type AxiosAIWorkflowOptions, ClayxToast, DefaultErrorFallback, type EmailLoginRequest, type EmailLoginResponse, ErrorBoundary, FloatingButton, GlobalToastContainer, Loading, LoadingSpinner, LoginForm, type SendCodeRequest, type SendCodeResponse, ThemeProvider, ThemeToggle, type Visibility, aiRequest, aiWorkflow, canAccessArtifact, createAIWorkflowClient, createAIWorkflowClientAxios, createArtifactsClient, createClient, getAuthRoot, getCodeStatus, getDefaultProjectId, getToken, howone, injectEarlyErrorHandler, isTokenValid, loginWithEmailCode, onAuthStateChanged, parseUserFromToken, request, sendEmailVerificationCode, setAuthRoot, setDefaultProjectId, setToken, unifiedAuth, unifiedOAuth, useAuth, useAuthContext, useDebounce, useIsMobile, useTheme, workflowRequest };
+export { type AIWorkflowClientOptions, type AIWorkflowResponse, AUTH_ROOT, AUTH_TOKEN_KEY, type AccessContext, type Artifact, type ArtifactCreateInput, type ArtifactListQuery, type AxiosAIWorkflowOptions, ClayxToast, DefaultErrorFallback, type EmailLoginRequest, type EmailLoginResponse, ErrorBoundary, FloatingButton, GlobalToastContainer, HowoneProvider, type HowoneProviderProps, Loading, LoadingSpinner, LoginForm, type SendCodeRequest, type SendCodeResponse, ThemeProvider, ThemeToggle, type Visibility, aiRequest, aiWorkflow, canAccessArtifact, createAIWorkflowClient, createAIWorkflowClientAxios, createArtifactsClient, createClient, getAuthRoot, getCodeStatus, getDefaultProjectId, getToken, howone, injectEarlyErrorHandler, isTokenValid, loginWithEmailCode, onAuthStateChanged, parseUserFromToken, request, sendEmailVerificationCode, setAuthRoot, setDefaultProjectId, setToken, unifiedAuth, unifiedOAuth, useAuth, useDebounce, useHowoneContext, useIsMobile, useTheme, workflowRequest };

package/dist/index.js

@@ -235,12 +235,12 @@ var index_exports = {};
 __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,
@@ -271,8 +271,8 @@ __export(index_exports, {
   unifiedAuth: () => unifiedAuth,
   unifiedOAuth: () => unifiedOAuth,
   useAuth: () => useAuth,
-  useAuthContext: () => useAuthContext,
   useDebounce: () => useDebounce,
+  useHowoneContext: () => useHowoneContext,
   useIsMobile: () => useIsMobile,
   useTheme: () => useTheme,
   workflowRequest: () => workflowRequest
@@ -292,7 +292,7 @@ var FloatingButton = ({
     {
       onClick,
       id: "floating-howone-btn",
-      className: `fixed flex bg-white dark:bg-gray-800 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}`,
+      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",
@@ -1557,14 +1557,106 @@ var LoginForm = ({
   ] });
 };
 
-// src/components/auth/AuthProvider.tsx
-var import_react4 = require("react");
+// src/components/auth/HowoneProvider.tsx
+var import_react5 = require("react");
 init_auth();
+
+// src/components/theme/ThemeProvider.tsx
+var import_react4 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var AuthContext = (0, import_react4.createContext)(null);
-var AuthProvider = ({ children, showFloatingButton = true }) => {
-  const [user, setUser] = (0, import_react4.useState)(() => parseUserFromToken(getToken()));
-  const [token, setTokenState] = (0, import_react4.useState)(() => getToken());
+var initialState = {
+  theme: "system",
+  setTheme: () => null
+};
+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)(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,
+    {
+      newestOnTop: false,
+      closeButton: false
+    }
+  );
+}
+
+// src/components/auth/HowoneProvider.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var HowoneContext = (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());
+  (0, import_react5.useEffect)(() => {
+    try {
+      const params = new URLSearchParams(window.location.search);
+      const urlToken = params.get("access_token") || params.get("token");
+      if (urlToken) {
+        setToken(urlToken);
+        setTokenState(urlToken);
+        setUser(parseUserFromToken(urlToken));
+        params.delete("access_token");
+        params.delete("token");
+        const newSearch = params.toString();
+        const newUrl = window.location.pathname + (newSearch ? "?" + newSearch : "") + window.location.hash;
+        window.history.replaceState({}, "", newUrl);
+      }
+    } catch (e) {
+      console.error("[HowoneProvider] Failed to capture token from URL:", e);
+    }
+  }, []);
   const logout = () => {
     try {
       setToken(null);
@@ -1579,13 +1671,24 @@ var AuthProvider = ({ children, showFloatingButton = true }) => {
     isAuthenticated: !!token,
     logout
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AuthContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    children,
-    showFloatingButton && /* @__PURE__ */ (0, import_jsx_runtime3.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)(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 useAuthContext() {
-  const ctx = (0, import_react4.useContext)(AuthContext);
+function useHowoneContext() {
+  const ctx = (0, import_react5.useContext)(HowoneContext);
   if (!ctx) {
     const t = getToken();
     return {
@@ -1689,7 +1792,7 @@ var howone = {
 var client_default = howone;
 
 // src/components/ui/Loading.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var Loading = ({
   size = "md",
   text = "Loading...",
@@ -1702,14 +1805,14 @@ var Loading = ({
     lg: "h-12 w-12"
   };
   const containerClasses = fullScreen ? "fixed inset-0 flex items-center justify-center bg-white/80 backdrop-blur-sm z-50" : "flex items-center justify-center p-4";
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `${containerClasses} ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  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_runtime4.jsx)("p", { className: "mt-2 text-sm text-gray-600", children: text })
+    text && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-2 text-sm text-gray-600", children: text })
   ] }) });
 };
 var LoadingSpinner = ({
@@ -1721,7 +1824,7 @@ var LoadingSpinner = ({
     md: "h-8 w-8",
     lg: "h-12 w-12"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  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}`
@@ -1730,9 +1833,9 @@ var LoadingSpinner = ({
 };
 
 // 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 = () => {
@@ -1754,13 +1857,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,
@@ -1774,10 +1877,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,
@@ -1787,54 +1890,11 @@ var DefaultErrorFallback = ({ retry }) => /* @__PURE__ */ (0, import_jsx_runtime
   )
 ] }) });
 
-// src/components/theme/ThemeProvider.tsx
-var import_react6 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var initialState = {
-  theme: "system",
-  setTheme: () => null
-};
-var ThemeProviderContext = (0, import_react6.createContext)(initialState);
-function ThemeProvider({
-  children,
-  defaultTheme = "system",
-  storageKey = "vite-ui-theme",
-  ...props
-}) {
-  const [theme, setTheme] = (0, import_react6.useState)(
-    () => localStorage.getItem(storageKey) || defaultTheme
-  );
-  (0, import_react6.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_runtime6.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
-}
-var useTheme = () => {
-  const context = (0, import_react6.useContext)(ThemeProviderContext);
-  if (context === void 0)
-    throw new Error("useTheme must be used within a ThemeProvider");
-  return context;
-};
-
 // 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_runtime7 = require("react/jsx-runtime");
+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);
@@ -1842,44 +1902,31 @@ function ThemeToggle({ className }) {
     setMounted(true);
   }, []);
   if (!mounted) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    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_runtime7.jsx)(import_react7.Icon, { icon: "solar:sun-2-linear", width: 20, height: 20 }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "sr-only", children: "Toggle theme" })
+          /* @__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_runtime7.jsxs)(
+  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_runtime7.jsx)(import_react7.Icon, { icon: "solar:sun-2-linear", width: 20, height: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react7.Icon, { icon: "solar:moon-linear", width: 20, height: 20 }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "sr-only", children: "Toggle theme" })
+        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/GlobalToastContainer.tsx
-var import_react_toastify = require("react-toastify");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function GlobalToastContainer() {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_react_toastify.ToastContainer,
-    {
-      newestOnTop: false,
-      closeButton: false
-    }
-  );
-}
-
 // src/components/ui/Toast/ClayxToast.tsx
 var import_react8 = __toESM(require("react"));
 var import_react_toastify2 = require("react-toastify");
@@ -2000,15 +2047,31 @@ var ToastContent = ({ type, title, message, component, closeToast }) => {
       }
     ) }) }),
     /* @__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 })
+      title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "div",
+        {
+          className: "font-semibold leading-tight text-white/95 drop-shadow-sm",
+          style: { fontSize: "16px" },
+          children: title
+        }
+      ),
+      message && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "div",
+        {
+          className: "text-white/75 drop-shadow-sm",
+          style: {
+            fontSize: "13px"
+          },
+          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,
+  autoClose: 3e5,
   hideProgressBar: true,
   closeOnClick: false,
   pauseOnHover: true,
@@ -2419,12 +2482,12 @@ init_config();
 0 && (module.exports = {
   AUTH_ROOT,
   AUTH_TOKEN_KEY,
-  AuthProvider,
   ClayxToast,
   DefaultErrorFallback,
   ErrorBoundary,
   FloatingButton,
   GlobalToastContainer,
+  HowoneProvider,
   Loading,
   LoadingSpinner,
   LoginForm,
@@ -2455,8 +2518,8 @@ init_config();
   unifiedAuth,
   unifiedOAuth,
   useAuth,
-  useAuthContext,
   useDebounce,
+  useHowoneContext,
   useIsMobile,
   useTheme,
   workflowRequest