@chaaskit/client 0.1.1 → 0.1.2

package/src/pages/AdminWaitlistPage.tsx

@@ -0,0 +1,156 @@
+import { useEffect, useState } from 'react';
+import { Link } from 'react-router';
+import { LayoutDashboard, Users, Building2, X, Mail, Tag } from 'lucide-react';
+import { useConfig } from '../contexts/ConfigContext';
+import { useAppPath } from '../hooks/useAppPath';
+import { api } from '../utils/api';
+import type { AdminWaitlistEntry, AdminWaitlistResponse } from '@chaaskit/shared';
+
+export default function AdminWaitlistPage() {
+  const config = useConfig();
+  const appPath = useAppPath();
+  const [entries, setEntries] = useState<AdminWaitlistEntry[]>([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState('');
+  const [success, setSuccess] = useState('');
+
+  async function loadWaitlist() {
+    setIsLoading(true);
+    setError('');
+
+    try {
+      const response = await api.get<AdminWaitlistResponse>('/api/admin/waitlist');
+      setEntries(response.entries);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to load waitlist');
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    loadWaitlist();
+  }, []);
+
+  async function handleInvite(entryId: string, email: string) {
+    setError('');
+    setSuccess('');
+
+    try {
+      await api.post(`/api/admin/waitlist/${entryId}/invite`, {});
+      setSuccess(`Invite sent to ${email}`);
+      loadWaitlist();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to send invite');
+    }
+  }
+
+  return (
+    <div className="min-h-screen bg-background p-4 sm:p-8">
+      <div className="mx-auto max-w-6xl">
+        <div className="flex items-center justify-between mb-4">
+          <h1 className="text-xl sm:text-2xl font-bold text-text-primary">Admin</h1>
+          <Link
+            to={appPath('/')}
+            className="flex items-center justify-center rounded-lg p-2 text-text-muted hover:text-text-primary hover:bg-background-secondary"
+            aria-label="Close"
+          >
+            <X size={20} />
+          </Link>
+        </div>
+
+        <div className="flex items-center gap-2 mb-6 sm:mb-8">
+          <Link
+            to={appPath('/admin')}
+            className="flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80"
+          >
+            <LayoutDashboard size={16} />
+            Overview
+          </Link>
+          <Link
+            to={appPath('/admin/users')}
+            className="flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80"
+          >
+            <Users size={16} />
+            Users
+          </Link>
+          {config.teams?.enabled && (
+            <Link
+              to={appPath('/admin/teams')}
+              className="flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80"
+            >
+              <Building2 size={16} />
+              Teams
+            </Link>
+          )}
+          <Link
+            to={appPath('/admin/promo-codes')}
+            className="flex items-center gap-1.5 rounded-full bg-background-secondary px-4 py-2 text-sm font-medium text-text-secondary hover:bg-background-secondary/80"
+          >
+            <Tag size={16} />
+            Promo Codes
+          </Link>
+          <span className="flex items-center gap-1.5 rounded-full bg-primary px-4 py-2 text-sm font-medium text-white">
+            <Mail size={16} />
+            Waitlist
+          </span>
+        </div>
+
+        {error && (
+          <div className="mb-6 rounded-lg bg-error/10 p-4 text-sm text-error">
+            {error}
+          </div>
+        )}
+
+        {success && (
+          <div className="mb-6 rounded-lg bg-success/10 p-4 text-sm text-success">
+            {success}
+          </div>
+        )}
+
+        <div className="rounded-lg bg-background-secondary overflow-hidden">
+          <div className="hidden md:block px-4 py-3 bg-background">
+            <div className="grid grid-cols-12 gap-4 text-sm font-medium text-text-muted">
+              <div className="col-span-4">Email</div>
+              <div className="col-span-2">Name</div>
+              <div className="col-span-2">Status</div>
+              <div className="col-span-2">Joined</div>
+              <div className="col-span-2">Action</div>
+            </div>
+          </div>
+
+          <div className="divide-y divide-background">
+            {isLoading ? (
+              <div className="px-4 py-8 text-center text-text-muted">Loading...</div>
+            ) : entries.length === 0 ? (
+              <div className="px-4 py-8 text-center text-text-muted">No waitlist entries</div>
+            ) : (
+              entries.map((entry) => (
+                <div key={entry.id} className="px-4 py-3 hover:bg-background/50">
+                  <div className="grid grid-cols-1 md:grid-cols-12 gap-2 md:gap-4 text-sm">
+                    <div className="md:col-span-4 text-text-primary">{entry.email}</div>
+                    <div className="md:col-span-2 text-text-secondary">{entry.name || '-'}</div>
+                    <div className="md:col-span-2 capitalize text-text-secondary">{entry.status.replace('_', ' ')}</div>
+                    <div className="md:col-span-2 text-text-muted">
+                      {new Date(entry.createdAt).toLocaleDateString()}
+                    </div>
+                    <div className="md:col-span-2">
+                      <button
+                        type="button"
+                        onClick={() => handleInvite(entry.id, entry.email)}
+                        disabled={entry.status === 'invited'}
+                        className="rounded-lg bg-primary px-3 py-1.5 text-xs font-medium text-white hover:bg-primary-hover disabled:opacity-50"
+                      >
+                        {entry.status === 'invited' ? 'Invited' : 'Invite'}
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              ))
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

package/src/pages/RegisterPage.tsx

@@ -1,9 +1,10 @@
 import { useState } from 'react';
-import { Link, useNavigate } from 'react-router';
+import { Link, useNavigate, useSearchParams } from 'react-router';
 import { useAuth } from '../contexts/AuthContext';
 import { useConfig } from '../contexts/ConfigContext';
 import { useTheme } from '../contexts/ThemeContext';
 import { useAppPath } from '../hooks/useAppPath';
+import { api } from '../utils/api';
 
 export default function RegisterPage() {
   const navigate = useNavigate();
@@ -11,12 +12,22 @@ export default function RegisterPage() {
   const { register } = useAuth();
   const config = useConfig();
   const { theme } = useTheme();
+  const [searchParams] = useSearchParams();
+
+  const inviteToken = searchParams.get('invite') || undefined;
+  const referralCode = searchParams.get('ref') || undefined;
+  const gating = config.auth.gating;
+  const signupsRestricted = gating?.mode && gating.mode !== 'open' && !inviteToken;
+  const waitlistEnabled = gating?.waitlistEnabled ?? false;
+  const showWaitlist = !!signupsRestricted && waitlistEnabled;
+  const showRestrictedMessage = !!signupsRestricted && !waitlistEnabled;
 
   const [name, setName] = useState('');
   const [email, setEmail] = useState('');
   const [password, setPassword] = useState('');
   const [error, setError] = useState('');
   const [isLoading, setIsLoading] = useState(false);
+  const [waitlistStatus, setWaitlistStatus] = useState<'idle' | 'submitted'>('idle');
 
   async function handleSubmit(e: React.FormEvent) {
     e.preventDefault();
@@ -30,7 +41,10 @@ export default function RegisterPage() {
     setIsLoading(true);
 
     try {
-      const { requiresVerification } = await register(email, password, name || undefined);
+      const { requiresVerification } = await register(email, password, name || undefined, {
+        inviteToken,
+        referralCode,
+      });
       if (requiresVerification) {
         navigate('/verify-email');
       } else {
@@ -43,6 +57,18 @@ export default function RegisterPage() {
     }
   }
 
+  async function handleWaitlistSubmit(e: React.FormEvent) {
+    e.preventDefault();
+    setError('');
+
+    try {
+      await api.post('/api/auth/waitlist', { email, name: name || undefined });
+      setWaitlistStatus('submitted');
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to join waitlist');
+    }
+  }
+
   return (
     <div className="flex min-h-screen items-center justify-center bg-background p-4">
       <div className="w-full max-w-md">
@@ -66,7 +92,60 @@ export default function RegisterPage() {
           </div>
         )}
 
-        <form onSubmit={handleSubmit} className="space-y-4">
+        {showRestrictedMessage ? (
+          <div className="rounded-lg border border-border bg-background-secondary p-4 text-sm text-text-secondary">
+            Signups are currently closed. Please check back later.
+          </div>
+        ) : showWaitlist ? (
+          <div className="rounded-lg border border-border bg-background-secondary p-4">
+            <p className="text-sm text-text-secondary">
+              Signups are currently restricted. Join the waitlist to get an invite.
+            </p>
+
+            {waitlistStatus === 'submitted' ? (
+              <div className="mt-4 rounded-lg bg-success/10 p-3 text-sm text-success">
+                Thanks! You’re on the waitlist.
+              </div>
+            ) : (
+              <form onSubmit={handleWaitlistSubmit} className="mt-4 space-y-3">
+                <div>
+                  <label htmlFor="waitlist-name" className="block text-sm font-medium text-text-primary">
+                    Name (optional)
+                  </label>
+                  <input
+                    type="text"
+                    id="waitlist-name"
+                    value={name}
+                    onChange={(e) => setName(e.target.value)}
+                    className="mt-1 w-full rounded-lg border border-input-border bg-input-background px-4 py-2 text-text-primary focus:border-primary focus:outline-none"
+                  />
+                </div>
+
+                <div>
+                  <label htmlFor="waitlist-email" className="block text-sm font-medium text-text-primary">
+                    Email
+                  </label>
+                  <input
+                    type="email"
+                    id="waitlist-email"
+                    value={email}
+                    onChange={(e) => setEmail(e.target.value)}
+                    required
+                    className="mt-1 w-full rounded-lg border border-input-border bg-input-background px-4 py-2 text-text-primary focus:border-primary focus:outline-none"
+                  />
+                </div>
+
+                <button
+                  type="submit"
+                  className="w-full rounded-lg bg-primary px-4 py-2 font-medium text-white hover:bg-primary-hover"
+                >
+                  Join waitlist
+                </button>
+              </form>
+            )}
+          </div>
+        ) : (
+          <form onSubmit={handleSubmit} className="space-y-4">
           <div>
             <label
               htmlFor="name"
@@ -129,13 +208,16 @@ export default function RegisterPage() {
             {isLoading ? 'Creating account...' : 'Create account'}
           </button>
         </form>
+        )}
 
-        <p className="mt-6 text-center text-sm text-text-secondary">
-          Already have an account?{' '}
-          <Link to="/login" className="text-primary hover:underline">
-            Sign in
-          </Link>
-        </p>
+        {!signupsRestricted && (
+          <p className="mt-6 text-center text-sm text-text-secondary">
+            Already have an account?{' '}
+            <Link to="/login" className="text-primary hover:underline">
+              Sign in
+            </Link>
+          </p>
+        )}
 
         <p className="mt-4 text-center text-xs text-text-muted">
           By creating an account, you agree to our{' '}

package/src/routes/AdminPromoCodesRoute.tsx

@@ -0,0 +1,24 @@
+/**
+ * Admin Promo Codes Route - Promo code management
+ */
+import { ChatProviders } from '../index';
+import AdminPromoCodesPage from '../pages/AdminPromoCodesPage';
+import { SimpleLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'Admin - Promo Codes' }];
+}
+
+export function links() {
+  return [];
+}
+
+export default function AdminPromoCodesRoute() {
+  return (
+    <ChatProviders>
+      <AdminPromoCodesPage />
+    </ChatProviders>
+  );
+}
+
+export { SimpleLoadingSkeleton as LoadingSkeleton };

package/src/routes/AdminWaitlistRoute.tsx

@@ -0,0 +1,24 @@
+/**
+ * Admin Waitlist Route - Waitlist management
+ */
+import { ChatProviders } from '../index';
+import AdminWaitlistPage from '../pages/AdminWaitlistPage';
+import { SimpleLoadingSkeleton } from '../components/LoadingSkeletons';
+
+export function meta() {
+  return [{ title: 'Admin - Waitlist' }];
+}
+
+export function links() {
+  return [];
+}
+
+export default function AdminWaitlistRoute() {
+  return (
+    <ChatProviders>
+      <AdminWaitlistPage />
+    </ChatProviders>
+  );
+}
+
+export { SimpleLoadingSkeleton as LoadingSkeleton };

package/src/routes/index.ts

@@ -45,6 +45,8 @@ export { default as AdminDashboardRoute, meta as adminDashboardMeta, links as ad
 export { default as AdminUsersRoute, meta as adminUsersMeta, links as adminUsersLinks, LoadingSkeleton as AdminUsersLoadingSkeleton } from './AdminUsersRoute';
 export { default as AdminTeamsRoute, meta as adminTeamsMeta, links as adminTeamsLinks, LoadingSkeleton as AdminTeamsLoadingSkeleton } from './AdminTeamsRoute';
 export { default as AdminTeamRoute, meta as adminTeamMeta, links as adminTeamLinks, LoadingSkeleton as AdminTeamLoadingSkeleton } from './AdminTeamRoute';
+export { default as AdminWaitlistRoute, meta as adminWaitlistMeta, links as adminWaitlistLinks, LoadingSkeleton as AdminWaitlistLoadingSkeleton } from './AdminWaitlistRoute';
+export { default as AdminPromoCodesRoute, meta as adminPromoCodesMeta, links as adminPromoCodesLinks, LoadingSkeleton as AdminPromoCodesLoadingSkeleton } from './AdminPromoCodesRoute';
 
 // Auth-related routes
 export { default as VerifyEmailRoute, meta as verifyEmailMeta, links as verifyEmailLinks, LoadingSkeleton as VerifyEmailLoadingSkeleton } from './VerifyEmailRoute';

package/src/ssr-utils.tsx

@@ -68,29 +68,49 @@ export function ConfigScript({ config }: ConfigScriptProps) {
     auth: {
       methods: config.auth?.methods,
       allowUnauthenticated: config.auth?.allowUnauthenticated,
+      magicLink: config.auth?.magicLink,
+      emailVerification: config.auth?.emailVerification,
+      gating: config.auth?.gating,
     },
     payments: {
       enabled: config.payments?.enabled,
-      plans: config.payments?.plans?.map(plan => ({
-        id: plan.id,
-        name: plan.name,
-        type: plan.type,
-      })),
+      provider: config.payments?.provider,
     },
     legal: config.legal,
     sharing: config.sharing,
     teams: config.teams,
     projects: config.projects,
-    documents: {
-      enabled: config.documents?.enabled,
-    },
+    documents: config.documents ? {
+      enabled: config.documents.enabled,
+      maxFileSizeMB: config.documents.maxFileSizeMB,
+      hybridThreshold: config.documents.hybridThreshold,
+      acceptedTypes: config.documents.acceptedTypes,
+    } : undefined,
     api: {
       enabled: config.api?.enabled,
     },
-    promptTemplates: {
-      enabled: config.promptTemplates?.enabled,
-      allowUserTemplates: config.promptTemplates?.allowUserTemplates,
-    },
+    promptTemplates: config.promptTemplates ? {
+      enabled: config.promptTemplates.enabled,
+      allowUserTemplates: config.promptTemplates.allowUserTemplates,
+    } : undefined,
+    scheduledPrompts: config.scheduledPrompts ? {
+      enabled: config.scheduledPrompts.enabled,
+      featureName: config.scheduledPrompts.featureName,
+      allowUserPrompts: config.scheduledPrompts.allowUserPrompts,
+      allowTeamPrompts: config.scheduledPrompts.allowTeamPrompts,
+      defaultTimezone: config.scheduledPrompts.defaultTimezone,
+      defaultMaxUserPrompts: config.scheduledPrompts.defaultMaxUserPrompts,
+      defaultMaxTeamPrompts: config.scheduledPrompts.defaultMaxTeamPrompts,
+    } : undefined,
+    credits: config.credits ? {
+      enabled: config.credits.enabled,
+      expiryEnabled: config.credits.expiryEnabled,
+      promoEnabled: config.credits.promoEnabled,
+    } : undefined,
+    metering: config.metering ? {
+      enabled: config.metering.enabled,
+      recordPromptCompletion: config.metering.recordPromptCompletion,
+    } : undefined,
   };
 
   return (

package/src/stores/chatStore.ts

@@ -19,6 +19,7 @@ interface CompletedToolCall extends PendingToolCall {
   result: MCPContent[];
   isError?: boolean;
   uiResource?: UIResource;
+  structuredContent?: Record<string, unknown>;
   autoApproveReason?: AutoApproveReason;
 }
 
@@ -324,6 +325,7 @@ export const useChatStore = create<ChatState>((set, get) => ({
                 input?: Record<string, unknown>;
                 isError?: boolean;
                 uiResource?: UIResource;
+                structuredContent?: Record<string, unknown>;
                 // Tool confirmation fields
                 confirmationId?: string;
                 toolName?: string;
@@ -397,6 +399,7 @@ export const useChatStore = create<ChatState>((set, get) => ({
                         result: (data.content as unknown as MCPContent[]) || [],
                         isError: data.isError,
                         uiResource: data.uiResource,
+                        structuredContent: (data.structuredContent as Record<string, unknown> | undefined),
                       }
                     : {
                         // Fallback: create from tool_result event data (server now includes name/serverId/input)
@@ -407,6 +410,7 @@ export const useChatStore = create<ChatState>((set, get) => ({
                         result: (data.content as unknown as MCPContent[]) || [],
                         isError: data.isError,
                         uiResource: data.uiResource,
+                        structuredContent: (data.structuredContent as Record<string, unknown> | undefined),
                       };
 
                   return {
@@ -492,6 +496,7 @@ export const useChatStore = create<ChatState>((set, get) => ({
               content: tc.result,
               isError: tc.isError,
               uiResource: tc.uiResource,
+              structuredContent: tc.structuredContent,
             }))
           : undefined,
         createdAt: new Date(),

package/dist/favicon.svg

@@ -1,11 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
-  <defs>
-    <linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#6366f1"/>
-      <stop offset="100%" style="stop-color:#8b5cf6"/>
-    </linearGradient>
-  </defs>
-  <rect width="32" height="32" rx="6" fill="url(#grad)"/>
-  <path d="M10 12 L16 9 L22 12 L22 18 L16 21 L10 18 Z" fill="none" stroke="white" stroke-width="1.5" stroke-linejoin="round"/>
-  <circle cx="16" cy="15" r="2.5" fill="white"/>
-</svg>

package/dist/index.html

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>AI Chat</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
-    <script type="module" crossorigin src="/assets/index-BYcLoar2.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-Ob8N4Y68.css">
-  </head>
-  <body>
-    <div id="root"></div>
-  </body>
-</html>

package/dist/logo.svg

@@ -1,12 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
-  <defs>
-    <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#6366f1"/>
-      <stop offset="100%" style="stop-color:#8b5cf6"/>
-    </linearGradient>
-  </defs>
-  <rect width="100" height="100" rx="20" fill="url(#gradient)"/>
-  <path d="M30 35 L50 25 L70 35 L70 55 L50 65 L30 55 Z" fill="none" stroke="white" stroke-width="3" stroke-linejoin="round"/>
-  <circle cx="50" cy="45" r="8" fill="white"/>
-  <path d="M35 70 Q50 78 65 70" fill="none" stroke="white" stroke-width="3" stroke-linecap="round"/>
-</svg>