@chaaskit/client 0.1.0

package/src/pages/TermsPage.tsx

@@ -0,0 +1,82 @@
+import { useConfig } from '../contexts/ConfigContext';
+
+export default function TermsPage() {
+  const config = useConfig();
+
+  return (
+    <div className="min-h-screen bg-background py-12">
+      <div className="mx-auto max-w-3xl px-4">
+        <h1 className="mb-8 text-3xl font-bold text-text-primary">
+          Terms of Service
+        </h1>
+
+        <div className="prose prose-gray dark:prose-invert">
+          <p className="text-text-secondary">
+            Last updated: {new Date().toLocaleDateString()}
+          </p>
+
+          <h2 className="mt-8 text-xl font-semibold text-text-primary">
+            1. Acceptance of Terms
+          </h2>
+          <p className="text-text-secondary">
+            By accessing and using {config.app.name}, you accept and agree to be
+            bound by the terms and provision of this agreement.
+          </p>
+
+          <h2 className="mt-8 text-xl font-semibold text-text-primary">
+            2. Use of Service
+          </h2>
+          <p className="text-text-secondary">
+            You agree to use the service only for lawful purposes and in
+            accordance with these Terms. You agree not to use the service in any
+            way that could damage, disable, or impair the service.
+          </p>
+
+          <h2 className="mt-8 text-xl font-semibold text-text-primary">
+            3. User Accounts
+          </h2>
+          <p className="text-text-secondary">
+            When you create an account with us, you must provide accurate,
+            complete, and current information. You are responsible for
+            safeguarding the password and for all activities that occur under
+            your account.
+          </p>
+
+          <h2 className="mt-8 text-xl font-semibold text-text-primary">
+            4. Intellectual Property
+          </h2>
+          <p className="text-text-secondary">
+            The service and its original content, features, and functionality
+            are owned by {config.app.name} and are protected by international
+            copyright, trademark, and other intellectual property laws.
+          </p>
+
+          <h2 className="mt-8 text-xl font-semibold text-text-primary">
+            5. Limitation of Liability
+          </h2>
+          <p className="text-text-secondary">
+            In no event shall {config.app.name}, nor its directors, employees,
+            partners, agents, suppliers, or affiliates, be liable for any
+            indirect, incidental, special, consequential, or punitive damages.
+          </p>
+
+          <h2 className="mt-8 text-xl font-semibold text-text-primary">
+            6. Changes to Terms
+          </h2>
+          <p className="text-text-secondary">
+            We reserve the right to modify or replace these Terms at any time.
+            If a revision is material, we will try to provide at least 30 days
+            notice prior to any new terms taking effect.
+          </p>
+
+          <h2 className="mt-8 text-xl font-semibold text-text-primary">
+            7. Contact Us
+          </h2>
+          <p className="text-text-secondary">
+            If you have any questions about these Terms, please contact us.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}

package/src/pages/VerifyEmailPage.tsx

@@ -0,0 +1,202 @@
+import { useState, useEffect, useRef } from 'react';
+import { useNavigate } from 'react-router';
+import { useAuth } from '../contexts/AuthContext';
+import { useConfig } from '../contexts/ConfigContext';
+import { useTheme } from '../contexts/ThemeContext';
+import { useAppPath } from '../hooks/useAppPath';
+
+export default function VerifyEmailPage() {
+  const navigate = useNavigate();
+  const appPath = useAppPath();
+  const { user, verifyEmail, resendVerification, logout } = useAuth();
+  const config = useConfig();
+  const { theme } = useTheme();
+
+  const [code, setCode] = useState('');
+  const [error, setError] = useState('');
+  const [isLoading, setIsLoading] = useState(false);
+  const [isResending, setIsResending] = useState(false);
+  const [resendCooldown, setResendCooldown] = useState(0);
+  const [hasRequestedInitialCode, setHasRequestedInitialCode] = useState(false);
+
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  // Focus input on mount
+  useEffect(() => {
+    inputRef.current?.focus();
+  }, []);
+
+  // Request initial verification code for existing unverified users
+  useEffect(() => {
+    if (user && !user.emailVerified && !hasRequestedInitialCode) {
+      setHasRequestedInitialCode(true);
+      // Send initial code on page load
+      handleResend(true);
+    }
+  }, [user, hasRequestedInitialCode]);
+
+  // Redirect if user is verified or not logged in
+  useEffect(() => {
+    if (!user) {
+      navigate('/login', { replace: true });
+    } else if (user.emailVerified) {
+      navigate(appPath('/'), { replace: true });
+    }
+  }, [user, navigate, appPath]);
+
+  // Countdown timer for resend cooldown
+  useEffect(() => {
+    if (resendCooldown > 0) {
+      const timer = setTimeout(() => setResendCooldown(resendCooldown - 1), 1000);
+      return () => clearTimeout(timer);
+    }
+  }, [resendCooldown]);
+
+  async function handleSubmit(e: React.FormEvent) {
+    e.preventDefault();
+    setError('');
+
+    if (code.length < 6) {
+      setError('Please enter the 6-digit code');
+      return;
+    }
+
+    setIsLoading(true);
+
+    try {
+      await verifyEmail(code);
+      navigate(appPath('/'), { replace: true });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Verification failed');
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  async function handleResend(silent = false) {
+    if (resendCooldown > 0) return;
+
+    if (!silent) {
+      setError('');
+      setIsResending(true);
+    }
+
+    try {
+      await resendVerification();
+      setResendCooldown(60); // 60 second cooldown
+      if (!silent) {
+        setCode(''); // Clear the input for new code
+      }
+    } catch (err) {
+      if (!silent) {
+        setError(err instanceof Error ? err.message : 'Failed to resend code');
+      }
+    } finally {
+      if (!silent) {
+        setIsResending(false);
+      }
+    }
+  }
+
+  async function handleLogout() {
+    await logout();
+    navigate('/login', { replace: true });
+  }
+
+  // Handle input - only allow numeric characters
+  function handleCodeChange(e: React.ChangeEvent<HTMLInputElement>) {
+    const value = e.target.value.replace(/\D/g, '').slice(0, 6);
+    setCode(value);
+  }
+
+  if (!user) {
+    return null;
+  }
+
+  return (
+    <div className="flex min-h-screen items-center justify-center bg-background p-4">
+      <div className="w-full max-w-md">
+        <div className="mb-8 text-center">
+          {config.ui.logo && (
+            <img
+              src={typeof config.ui.logo === 'string' ? config.ui.logo : (theme === 'dark' ? config.ui.logo.dark : config.ui.logo.light)}
+              alt={config.app.name}
+              className="mx-auto mb-4 h-16 w-16 rounded-lg object-contain"
+            />
+          )}
+          <h1 className="text-3xl font-bold text-text-primary">Verify your email</h1>
+          <p className="mt-2 text-text-secondary">
+            We sent a verification code to
+          </p>
+          <p className="mt-1 font-medium text-text-primary">{user.email}</p>
+        </div>
+
+        {error && (
+          <div className="mb-4 rounded-lg bg-error/10 p-3 text-sm text-error">
+            {error}
+          </div>
+        )}
+
+        <form onSubmit={handleSubmit} className="space-y-6">
+          <div>
+            <label
+              htmlFor="code"
+              className="block text-sm font-medium text-text-primary text-center mb-2"
+            >
+              Enter 6-digit code
+            </label>
+            <input
+              ref={inputRef}
+              type="text"
+              id="code"
+              value={code}
+              onChange={handleCodeChange}
+              inputMode="numeric"
+              autoComplete="one-time-code"
+              placeholder="000000"
+              maxLength={6}
+              className="w-full rounded-lg border border-input-border bg-input-background px-4 py-4 text-center text-3xl font-bold tracking-[0.5em] text-text-primary focus:border-primary focus:outline-none"
+              style={{ letterSpacing: '0.5em' }}
+            />
+          </div>
+
+          <button
+            type="submit"
+            disabled={isLoading || code.length < 6}
+            className="w-full rounded-lg bg-primary px-4 py-3 font-medium text-white hover:bg-primary-hover disabled:opacity-50"
+          >
+            {isLoading ? 'Verifying...' : 'Verify Email'}
+          </button>
+        </form>
+
+        <div className="mt-6 text-center">
+          <p className="text-sm text-text-secondary">
+            Didn't receive the code?{' '}
+            {resendCooldown > 0 ? (
+              <span className="text-text-muted">
+                Resend in {resendCooldown}s
+              </span>
+            ) : (
+              <button
+                onClick={() => handleResend()}
+                disabled={isResending}
+                className="text-primary hover:underline disabled:opacity-50"
+              >
+                {isResending ? 'Sending...' : 'Resend code'}
+              </button>
+            )}
+          </p>
+        </div>
+
+        <div className="mt-8 text-center">
+          <button
+            onClick={handleLogout}
+            className="text-sm text-text-muted hover:text-text-secondary"
+          >
+            Sign out and use a different email
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}

package/src/routes/AcceptInviteRoute.tsx

@@ -0,0 +1,24 @@
+/**
+ * Accept Invite Route - Team invitation acceptance
+ */
+import { ChatProviders } from '../index';
+import AcceptInvitePage from '../pages/AcceptInvitePage';
+import { SimpleLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'Accept Invitation' }];
+}
+
+export function links() {
+  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
+}
+
+export default function AcceptInviteRoute() {
+  return (
+    <ChatProviders>
+      <AcceptInvitePage />
+    </ChatProviders>
+  );
+}
+
+export { SimpleLoadingSkeleton as LoadingSkeleton };

package/src/routes/AdminDashboardRoute.tsx

@@ -0,0 +1,24 @@
+/**
+ * Admin Dashboard Route - Admin overview
+ */
+import { ChatProviders } from '../index';
+import AdminDashboardPage from '../pages/AdminDashboardPage';
+import { SimpleLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'Admin Dashboard' }];
+}
+
+export function links() {
+  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
+}
+
+export default function AdminDashboardRoute() {
+  return (
+    <ChatProviders>
+      <AdminDashboardPage />
+    </ChatProviders>
+  );
+}
+
+export { SimpleLoadingSkeleton as LoadingSkeleton };

package/src/routes/AdminTeamRoute.tsx

@@ -0,0 +1,24 @@
+/**
+ * Admin Team Route - Single team management
+ */
+import { ChatProviders } from '../index';
+import AdminTeamPage from '../pages/AdminTeamPage';
+import { SimpleLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'Admin - Team Details' }];
+}
+
+export function links() {
+  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
+}
+
+export default function AdminTeamRoute() {
+  return (
+    <ChatProviders>
+      <AdminTeamPage />
+    </ChatProviders>
+  );
+}
+
+export { SimpleLoadingSkeleton as LoadingSkeleton };

package/src/routes/AdminTeamsRoute.tsx

@@ -0,0 +1,24 @@
+/**
+ * Admin Teams Route - Team list management
+ */
+import { ChatProviders } from '../index';
+import AdminTeamsPage from '../pages/AdminTeamsPage';
+import { SimpleLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'Admin - Teams' }];
+}
+
+export function links() {
+  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
+}
+
+export default function AdminTeamsRoute() {
+  return (
+    <ChatProviders>
+      <AdminTeamsPage />
+    </ChatProviders>
+  );
+}
+
+export { SimpleLoadingSkeleton as LoadingSkeleton };

package/src/routes/AdminUsersRoute.tsx

@@ -0,0 +1,24 @@
+/**
+ * Admin Users Route - User management
+ */
+import { ChatProviders } from '../index';
+import AdminUsersPage from '../pages/AdminUsersPage';
+import { SimpleLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'Admin - Users' }];
+}
+
+export function links() {
+  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
+}
+
+export default function AdminUsersRoute() {
+  return (
+    <ChatProviders>
+      <AdminUsersPage />
+    </ChatProviders>
+  );
+}
+
+export { SimpleLoadingSkeleton as LoadingSkeleton };

package/src/routes/ApiKeysRoute.tsx

@@ -0,0 +1,24 @@
+/**
+ * API Keys Route - User API key management
+ */
+import { ChatProviders } from '../index';
+import ApiKeysPage from '../pages/ApiKeysPage';
+import { SimpleLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'API Keys' }];
+}
+
+export function links() {
+  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
+}
+
+export default function ApiKeysRoute() {
+  return (
+    <ChatProviders>
+      <ApiKeysPage />
+    </ChatProviders>
+  );
+}
+
+export { SimpleLoadingSkeleton as LoadingSkeleton };

package/src/routes/AutomationsRoute.tsx

@@ -0,0 +1,24 @@
+/**
+ * Automations Route - Scheduled prompts management
+ */
+import { ChatProviders } from '../index';
+import ScheduledPromptsPage from '../pages/ScheduledPromptsPage';
+import { SimpleLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'Automations' }];
+}
+
+export function links() {
+  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
+}
+
+export default function AutomationsRoute() {
+  return (
+    <ChatProviders>
+      <ScheduledPromptsPage />
+    </ChatProviders>
+  );
+}
+
+export { SimpleLoadingSkeleton as LoadingSkeleton };

package/src/routes/ChatRoute.tsx

@@ -0,0 +1,28 @@
+/**
+ * Chat Route - Main chat interface with sidebar
+ * Wraps ChatPage with ChatProviders and MainLayout
+ */
+import { ChatProviders } from '../index';
+import MainLayout from '../layouts/MainLayout';
+import ChatPage from '../pages/ChatPage';
+import { ChatLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'Chat' }];
+}
+
+export function links() {
+  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
+}
+
+export default function ChatRoute() {
+  return (
+    <ChatProviders>
+      <MainLayout>
+        <ChatPage />
+      </MainLayout>
+    </ChatProviders>
+  );
+}
+
+export { ChatLoadingSkeleton as LoadingSkeleton };

package/src/routes/DocumentsRoute.tsx

@@ -0,0 +1,24 @@
+/**
+ * Documents Route - Document management
+ */
+import { ChatProviders } from '../index';
+import DocumentsPage from '../pages/DocumentsPage';
+import { SimpleLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'Documents' }];
+}
+
+export function links() {
+  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
+}
+
+export default function DocumentsRoute() {
+  return (
+    <ChatProviders>
+      <DocumentsPage />
+    </ChatProviders>
+  );
+}
+
+export { SimpleLoadingSkeleton as LoadingSkeleton };

package/src/routes/OAuthConsentRoute.tsx

@@ -0,0 +1,24 @@
+/**
+ * OAuth Consent Route - OAuth authorization consent
+ */
+import { ChatProviders } from '../index';
+import OAuthConsentPage from '../pages/OAuthConsentPage';
+import { SimpleLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'OAuth Consent' }];
+}
+
+export function links() {
+  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
+}
+
+export default function OAuthConsentRoute() {
+  return (
+    <ChatProviders>
+      <OAuthConsentPage />
+    </ChatProviders>
+  );
+}
+
+export { SimpleLoadingSkeleton as LoadingSkeleton };

package/src/routes/PricingRoute.tsx

@@ -0,0 +1,24 @@
+/**
+ * Pricing Route - Pricing/plans page
+ */
+import { ChatProviders } from '../index';
+import PricingPage from '../pages/PricingPage';
+import { SimpleLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'Pricing' }];
+}
+
+export function links() {
+  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
+}
+
+export default function PricingRoute() {
+  return (
+    <ChatProviders>
+      <PricingPage />
+    </ChatProviders>
+  );
+}
+
+export { SimpleLoadingSkeleton as LoadingSkeleton };

package/src/routes/PrivacyRoute.tsx

@@ -0,0 +1,24 @@
+/**
+ * Privacy Route - Privacy policy page
+ */
+import { ChatProviders } from '../index';
+import PrivacyPage from '../pages/PrivacyPage';
+import { SimpleLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'Privacy Policy' }];
+}
+
+export function links() {
+  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
+}
+
+export default function PrivacyRoute() {
+  return (
+    <ChatProviders>
+      <PrivacyPage />
+    </ChatProviders>
+  );
+}
+
+export { SimpleLoadingSkeleton as LoadingSkeleton };

package/src/routes/TeamSettingsRoute.tsx

@@ -0,0 +1,24 @@
+/**
+ * Team Settings Route - Team management
+ */
+import { ChatProviders } from '../index';
+import TeamSettingsPage from '../pages/TeamSettingsPage';
+import { SimpleLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'Team Settings' }];
+}
+
+export function links() {
+  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
+}
+
+export default function TeamSettingsRoute() {
+  return (
+    <ChatProviders>
+      <TeamSettingsPage />
+    </ChatProviders>
+  );
+}
+
+export { SimpleLoadingSkeleton as LoadingSkeleton };

package/src/routes/TermsRoute.tsx

@@ -0,0 +1,24 @@
+/**
+ * Terms Route - Terms of service page
+ */
+import { ChatProviders } from '../index';
+import TermsPage from '../pages/TermsPage';
+import { SimpleLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'Terms of Service' }];
+}
+
+export function links() {
+  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
+}
+
+export default function TermsRoute() {
+  return (
+    <ChatProviders>
+      <TermsPage />
+    </ChatProviders>
+  );
+}
+
+export { SimpleLoadingSkeleton as LoadingSkeleton };

package/src/routes/VerifyEmailRoute.tsx

@@ -0,0 +1,24 @@
+/**
+ * Verify Email Route - Email verification page
+ */
+import { ChatProviders } from '../index';
+import VerifyEmailPage from '../pages/VerifyEmailPage';
+import { SimpleLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'Verify Email' }];
+}
+
+export function links() {
+  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
+}
+
+export default function VerifyEmailRoute() {
+  return (
+    <ChatProviders>
+      <VerifyEmailPage />
+    </ChatProviders>
+  );
+}
+
+export { SimpleLoadingSkeleton as LoadingSkeleton };