astro-tractstack 2.0.31 → 2.0.32

package/dist/index.js

@@ -10,7 +10,7 @@ function b(t) {
 }
 function g(t, e) {
   e.info("TractStack configuration applied"), t.enableMultiTenant && e.info("Multi-tenant mode enabled"), t.includeExamples && e.info("Example components will be included");
-  const c = process.env.PUBLIC_GO_BACKEND, r = process.env.PUBLIC_TENANTID;
+  const c = process.env.PUBLIC_GO_BACKEND, o = process.env.PUBLIC_TENANTID;
   if (!c)
     e.warn("PUBLIC_GO_BACKEND not set - this will be required at runtime");
   else
@@ -19,11 +19,11 @@ function g(t, e) {
     } catch {
       e.error(`PUBLIC_GO_BACKEND is not a valid URL: ${c}`);
     }
-  return r ? /^[a-zA-Z0-9_-]+$/.test(r) ? e.info(`Tenant ID validated: ${r}`) : e.error(`PUBLIC_TENANTID contains invalid characters: ${r}`) : e.warn("PUBLIC_TENANTID not set - this will be required at runtime"), t;
+  return o ? /^[a-zA-Z0-9_-]+$/.test(o) ? e.info(`Tenant ID validated: ${o}`) : e.error(`PUBLIC_TENANTID contains invalid characters: ${o}`) : e.warn("PUBLIC_TENANTID not set - this will be required at runtime"), t;
 }
 async function w(t, e, c) {
   e.info("TractStack: Injecting template files");
-  const r = [
+  const o = [
     // Core Configuration
     {
       src: t("../templates/env.example"),
@@ -2053,38 +2053,12 @@ async function w(t, e, c) {
       src: t("../templates/socials/youtube.svg"),
       dest: "public/socials/youtube.svg"
     },
-    // Multi-Tenant Features
-    {
-      src: t("../templates/src/components/tenant/RegistrationForm.tsx"),
-      dest: "src/components/tenant/RegistrationForm.tsx"
-    },
-    {
-      src: t("../templates/src/utils/api/tenantConfig.ts"),
-      dest: "src/utils/api/tenantConfig.ts"
-    },
-    {
-      src: t("../templates/src/utils/api/tenantHelpers.ts"),
-      dest: "src/utils/api/tenantHelpers.ts"
-    },
     // Multi-Tenant Features (Conditional)
     ...c?.enableMultiTenant ? [
       // Middleware
       {
         src: t("../templates/src/middleware.ts"),
         dest: "src/middleware.ts"
-      },
-      // Pages
-      {
-        src: t("../templates/src/pages/sandbox/register.astro"),
-        dest: "src/pages/sandbox/register.astro"
-      },
-      {
-        src: t("../templates/src/pages/sandbox/activate.astro"),
-        dest: "src/pages/sandbox/activate.astro"
-      },
-      {
-        src: t("../templates/src/pages/sandbox/success.astro"),
-        dest: "src/pages/sandbox/success.astro"
       }
     ] : [],
     // Multi-Tenant Types (Always included due to plan reference)
@@ -2164,12 +2138,12 @@ async function w(t, e, c) {
       }
     ] : []
   ];
-  for (const s of r)
+  for (const s of o)
     try {
       const p = i(s.dest);
       n(p) || x(p, { recursive: !0 });
-      const o = !s.protected && (s.dest === "tailwind.config.cjs" || s.dest.startsWith("src/components/codehooks/") || s.dest.startsWith("src/components/widgets/") || s.dest.startsWith("src/") || s.dest.startsWith("public/client/") || s.dest === ".gitignore");
-      if (!n(s.dest) || o)
+      const r = !s.protected && (s.dest === "tailwind.config.cjs" || s.dest.startsWith("src/components/codehooks/") || s.dest.startsWith("src/components/widgets/") || s.dest.startsWith("src/") || s.dest.startsWith("public/client/") || s.dest === ".gitignore");
+      if (!n(s.dest) || r)
         if (n(s.src))
           k(s.src, s.dest), e.info(`Updated ${s.dest}`);
         else {
@@ -2178,8 +2152,8 @@ async function w(t, e, c) {
         }
       else s.protected ? e.info(`Protected: ${s.dest} (skipped overwrite)`) : e.info(`Skipped existing ${s.dest}`);
     } catch (p) {
-      const o = p instanceof Error ? p.message : String(p);
-      e.error(`Failed to create ${s.dest}: ${o}`);
+      const r = p instanceof Error ? p.message : String(p);
+      e.error(`Failed to create ${s.dest}: ${r}`);
     }
 }
 function _(t) {
@@ -2198,7 +2172,7 @@ function C(t = {}) {
   return {
     name: "astro-tractstack",
     hooks: {
-      "astro:config:setup": async ({ config: c, updateConfig: r, logger: s }) => {
+      "astro:config:setup": async ({ config: c, updateConfig: o, logger: s }) => {
         g(t, s);
         const p = t.enableMultiTenant || !1;
         if (s.info(
@@ -2218,7 +2192,7 @@ function C(t = {}) {
           ), new Error(
             "TractStack requires an SSR adapter. Please add @astrojs/node adapter to your astro.config.mjs"
           );
-        r({
+        o({
           vite: {
             define: {
               __TRACTSTACK_VERSION__: JSON.stringify("2.0.0-alpha.1"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-tractstack",
-  "version": "2.0.31",
+  "version": "2.0.32",
   "description": "Astro integration for TractStack - redeeming the web from boring experiences",
   "type": "module",
   "main": "dist/index.js",

package/utils/inject-files.ts

@@ -2086,20 +2086,6 @@ export async function injectTemplateFiles(
       src: resolve('../templates/socials/youtube.svg'),
       dest: 'public/socials/youtube.svg',
     },
-
-    // Multi-Tenant Features
-    {
-      src: resolve('../templates/src/components/tenant/RegistrationForm.tsx'),
-      dest: 'src/components/tenant/RegistrationForm.tsx',
-    },
-    {
-      src: resolve('../templates/src/utils/api/tenantConfig.ts'),
-      dest: 'src/utils/api/tenantConfig.ts',
-    },
-    {
-      src: resolve('../templates/src/utils/api/tenantHelpers.ts'),
-      dest: 'src/utils/api/tenantHelpers.ts',
-    },
     // Multi-Tenant Features (Conditional)
     ...(config?.enableMultiTenant
       ? [
@@ -2108,19 +2094,6 @@ export async function injectTemplateFiles(
             src: resolve('../templates/src/middleware.ts'),
             dest: 'src/middleware.ts',
           },
-          // Pages
-          {
-            src: resolve('../templates/src/pages/sandbox/register.astro'),
-            dest: 'src/pages/sandbox/register.astro',
-          },
-          {
-            src: resolve('../templates/src/pages/sandbox/activate.astro'),
-            dest: 'src/pages/sandbox/activate.astro',
-          },
-          {
-            src: resolve('../templates/src/pages/sandbox/success.astro'),
-            dest: 'src/pages/sandbox/success.astro',
-          },
         ]
       : []),
     // Multi-Tenant Types (Always included due to plan reference)

package/templates/src/components/tenant/RegistrationForm.tsx

@@ -1,449 +0,0 @@
-import { useState, useEffect } from 'react';
-import { useFormState } from '@/hooks/useFormState';
-import {
-  convertToLocalState,
-  convertToBackendFormat,
-  validateTenantRegistration,
-  tenantStateIntercept,
-} from '@/utils/api/tenantHelpers';
-import { checkTenantCapacity, provisionTenant } from '@/utils/api/tenantConfig';
-import { TractStackAPI } from '@/utils/api';
-import UnsavedChangesBar from '@/components/form/UnsavedChangesBar';
-import StringInput from '@/components/form/StringInput';
-import BooleanToggle from '@/components/form/BooleanToggle';
-import type { TenantCapacity } from '@/types/multiTenant';
-import type { TenantRegistrationState } from '@/types/multiTenant';
-
-interface RegistrationFormProps {
-  isInitMode?: boolean;
-  onSuccess?: (tenantId?: string) => void;
-  onCapacityFull?: () => void;
-}
-
-export default function RegistrationForm({
-  isInitMode = false,
-  onSuccess,
-  onCapacityFull,
-}: RegistrationFormProps) {
-  const [capacity, setCapacity] = useState<TenantCapacity | null>(null);
-  const [loadingCapacity, setLoadingCapacity] = useState(!isInitMode);
-  const [capacityError, setCapacityError] = useState<string | null>(null);
-
-  // Modal state for tenant preparation
-  const [showPreparationModal, setShowPreparationModal] = useState(false);
-  const [activationToken, setActivationToken] = useState<string>('');
-  const [preparingTenantId, setPreparingTenantId] = useState<string>('');
-
-  // Load capacity information on mount
-  useEffect(() => {
-    if (isInitMode) {
-      return;
-    }
-
-    const loadCapacity = async () => {
-      try {
-        const capacityData = await checkTenantCapacity('default');
-        setCapacity(capacityData);
-
-        // Check if at capacity
-        if (!capacityData.available) {
-          onCapacityFull?.();
-        }
-      } catch (error) {
-        setCapacityError(
-          error instanceof Error ? error.message : 'Failed to load capacity'
-        );
-      } finally {
-        setLoadingCapacity(false);
-      }
-    };
-
-    loadCapacity();
-  }, [onCapacityFull, isInitMode]);
-
-  const initialState: TenantRegistrationState = convertToLocalState();
-
-  const formState = useFormState({
-    initialData: initialState,
-    validator: (data) =>
-      validateTenantRegistration(data, undefined, isInitMode),
-    interceptor: tenantStateIntercept,
-    onSave: async (data) => {
-      try {
-        if (isInitMode) {
-          const api = new TractStackAPI('default');
-          const setupData = {
-            adminEmail: data.email.trim(),
-            adminPassword: data.adminPassword.trim(),
-            ...(data.tursoEnabled && {
-              tursoDatabaseURL: data.tursoDatabaseURL.trim(),
-              tursoAuthToken: data.tursoAuthToken.trim(),
-            }),
-          };
-
-          const response = await api.post(
-            '/api/v1/setup/initialize',
-            setupData
-          );
-          if (!response.success) {
-            throw new Error(response.error || 'Setup failed');
-          }
-          window.location.href = '/storykeep';
-          return data;
-        } else {
-          const backendData = convertToBackendFormat(data);
-          const result = await provisionTenant('default', backendData);
-
-          // Store the activation token and tenant ID for the modal
-          setActivationToken(result.token);
-          setPreparingTenantId(data.tenantId);
-          setShowPreparationModal(true);
-
-          return data;
-        }
-      } catch (error) {
-        console.error('Tenant provisioning failed:', error);
-        throw error;
-      }
-    },
-  });
-
-  const { state, updateField, errors } = formState;
-
-  // Handle activation button click in modal
-  const handleActivate = () => {
-    if (activationToken && preparingTenantId) {
-      // Check if we're in dev mode
-      const isDev = import.meta.env.DEV;
-
-      if (isDev) {
-        // In dev mode, navigate to local activation page with tenant ID param
-        window.location.href = `/sandbox/activate?token=${activationToken}&tenantId=${preparingTenantId}`;
-      } else {
-        // In production, use the full subdomain URL
-        window.location.href = `https://${preparingTenantId}.sandbox.freewebpress.com/sandbox/activate?token=${activationToken}`;
-      }
-    }
-  };
-
-  // Handle modal close
-  const handleModalClose = () => {
-    setShowPreparationModal(false);
-    onSuccess?.(preparingTenantId);
-  };
-
-  if (loadingCapacity) {
-    return (
-      <div className="mx-auto max-w-2xl p-6">
-        <div className="animate-pulse">
-          <div className="mb-4 h-8 rounded bg-gray-200"></div>
-          <div className="mb-2 h-4 rounded bg-gray-200"></div>
-          <div className="mb-4 h-4 rounded bg-gray-200"></div>
-        </div>
-      </div>
-    );
-  }
-
-  if (capacityError) {
-    return (
-      <div className="mx-auto max-w-2xl p-6">
-        <div className="rounded-lg border border-red-200 bg-red-50 p-4">
-          <h3 className="mb-2 text-lg font-bold text-red-800">
-            Unable to Load Registration
-          </h3>
-          <p className="text-red-700">{capacityError}</p>
-        </div>
-      </div>
-    );
-  }
-
-  if (!capacity && !isInitMode) {
-    return (
-      <div className="mx-auto max-w-2xl p-6">
-        <div className="rounded-lg border border-yellow-200 bg-yellow-50 p-4">
-          <h3 className="mb-2 text-lg font-bold text-yellow-800">
-            Registration Currently Unavailable
-          </h3>
-          <p className="text-yellow-700">
-            We've reached our current capacity. Please check back later for
-            availability.
-          </p>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <>
-      <div className="mx-auto max-w-2xl p-6" style={{ paddingBottom: '112px' }}>
-        <div className="rounded-lg bg-white p-8 shadow-lg">
-          <div className="mb-8">
-            <div className="h-16">
-              <img
-                src="/brand/logo.svg"
-                className="pointer-events-none mx-auto h-full"
-                alt="Logo"
-              />
-            </div>
-
-            <h2 className="mb-2 mt-8 text-2xl font-bold text-gray-900">
-              {isInitMode ? `Install Tract Stack` : `Try Tract Stack`}
-            </h2>
-            {!isInitMode && (
-              <p className="text-gray-600">
-                Set up your free sandbox environment to try TractStack.
-              </p>
-            )}
-            {!isInitMode && capacity && (
-              <div className="mt-4 rounded-lg bg-orange-50 p-4">
-                <div className="flex">
-                  <div className="flex-shrink-0">
-                    <svg
-                      className="h-5 w-5 text-orange-400"
-                      viewBox="0 0 20 20"
-                      fill="currentColor"
-                    >
-                      <path
-                        fillRule="evenodd"
-                        d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
-                        clipRule="evenodd"
-                      />
-                    </svg>
-                  </div>
-                  <div className="ml-3">
-                    <p className="text-sm text-orange-700">
-                      {capacity.availableSlots} of {capacity.maxTenants} slots
-                      remaining
-                    </p>
-                  </div>
-                </div>
-              </div>
-            )}
-          </div>
-
-          <div className="space-y-6">
-            {/* Tenant ID field - hidden in init mode */}
-            {!isInitMode && (
-              <div>
-                <label className="mb-1 block text-sm font-bold text-gray-700">
-                  Tenant ID *
-                </label>
-                <StringInput
-                  value={state.tenantId}
-                  onChange={(value) => updateField('tenantId', value)}
-                  placeholder="my-awesome-tenant"
-                  error={errors.tenantId}
-                />
-                <p className="mt-1 text-sm text-gray-500">
-                  3-12 characters, lowercase letters, numbers, and dashes only
-                </p>
-              </div>
-            )}
-
-            {/* Admin Password */}
-            <div>
-              <label className="mb-1 block text-sm font-bold text-gray-700">
-                Admin Password *
-              </label>
-              <StringInput
-                value={state.adminPassword}
-                onChange={(value) => updateField('adminPassword', value)}
-                type="password"
-                placeholder="Strong password for admin access"
-                error={errors.adminPassword}
-              />
-              <p className="mt-1 text-sm text-gray-500">Minimum 8 characters</p>
-            </div>
-
-            {/* Confirm Password */}
-            <div>
-              <label className="mb-1 block text-sm font-bold text-gray-700">
-                Confirm Password *
-              </label>
-              <StringInput
-                value={state.confirmPassword}
-                onChange={(value) => updateField('confirmPassword', value)}
-                type="password"
-                placeholder="Confirm your admin password"
-                error={errors.confirmPassword}
-              />
-            </div>
-
-            {/* Name */}
-            <div>
-              <label className="mb-1 block text-sm font-bold text-gray-700">
-                Your Name *
-              </label>
-              <StringInput
-                value={state.name}
-                onChange={(value) => updateField('name', value)}
-                placeholder="John Doe"
-                error={errors.name}
-              />
-            </div>
-
-            {/* Email */}
-            <div>
-              <label className="mb-1 block text-sm font-bold text-gray-700">
-                Email Address *
-              </label>
-              <StringInput
-                value={state.email}
-                onChange={(value) => updateField('email', value)}
-                type="email"
-                placeholder="susie@amazing.com"
-                error={errors.email}
-              />
-              <p className="mt-1 text-sm text-gray-500">
-                {isInitMode
-                  ? `Used for password reset, etc.`
-                  : `You'll receive an activation email at this address`}
-              </p>
-            </div>
-
-            {/* Database Configuration */}
-            <div className="rounded-lg border border-gray-200 p-4">
-              <div className="mb-4">
-                <BooleanToggle
-                  value={state.tursoEnabled}
-                  onChange={(value) => updateField('tursoEnabled', value)}
-                  label="Enable Turso Database"
-                />
-                <p className="mt-2 text-sm text-gray-500">
-                  By default, your tenant will use SQLite3. Enable this option
-                  to use your own Turso database instead.
-                </p>
-              </div>
-
-              {state.tursoEnabled && (
-                <div className="space-y-4 rounded-lg bg-gray-50 p-4">
-                  <div>
-                    <label className="mb-1 block text-sm font-bold text-gray-700">
-                      Turso Database URL *
-                    </label>
-                    <StringInput
-                      value={state.tursoDatabaseURL}
-                      onChange={(value) =>
-                        updateField('tursoDatabaseURL', value)
-                      }
-                      placeholder="libsql://your-database.turso.io"
-                      error={errors.tursoDatabaseURL}
-                    />
-                    <p className="mt-1 text-sm text-gray-500">
-                      Must start with libsql://
-                    </p>
-                  </div>
-
-                  <div>
-                    <label className="mb-1 block text-sm font-bold text-gray-700">
-                      Turso Auth Token *
-                    </label>
-                    <StringInput
-                      value={state.tursoAuthToken}
-                      onChange={(value) => updateField('tursoAuthToken', value)}
-                      type="password"
-                      placeholder="Your Turso auth token"
-                      error={errors.tursoAuthToken}
-                    />
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-
-          <UnsavedChangesBar
-            formState={formState}
-            message={
-              isInitMode
-                ? `Install Tract Stack`
-                : `Complete your tenant registration`
-            }
-            saveLabel={isInitMode ? `Install` : `Create Tenant`}
-            cancelLabel="Clear Form"
-          />
-        </div>
-      </div>
-
-      {/* Tenant Preparation Modal */}
-      {showPreparationModal && (
-        <div className="fixed inset-0 z-50 overflow-y-auto">
-          <div className="flex min-h-screen items-center justify-center p-4">
-            <div
-              className="fixed inset-0 bg-black opacity-25"
-              onClick={handleModalClose}
-            />
-
-            <div className="relative w-full max-w-lg rounded-lg bg-white shadow-xl">
-              <div className="p-6">
-                <div className="mb-6 text-center">
-                  <div className="mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-green-100">
-                    <svg
-                      className="h-6 w-6 text-green-600"
-                      fill="none"
-                      viewBox="0 0 24 24"
-                      strokeWidth="1.5"
-                      stroke="currentColor"
-                    >
-                      <path
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        d="M4.5 12.75l6 6 9-13.5"
-                      />
-                    </svg>
-                  </div>
-                  <h3 className="text-xl font-bold text-gray-900">
-                    Your TractStack is Being Prepared
-                  </h3>
-                  <p className="mt-2 text-sm text-gray-600">
-                    We've successfully provisioned your tenant{' '}
-                    <strong>{preparingTenantId}</strong>. Click the button below
-                    to activate your sandbox environment.
-                  </p>
-                </div>
-
-                <div className="mb-6 rounded-lg bg-orange-50 p-4">
-                  <div className="flex">
-                    <div className="flex-shrink-0">
-                      <svg
-                        className="h-5 w-5 text-orange-400"
-                        viewBox="0 0 20 20"
-                        fill="currentColor"
-                      >
-                        <path
-                          fillRule="evenodd"
-                          d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
-                          clipRule="evenodd"
-                        />
-                      </svg>
-                    </div>
-                    <div className="ml-3">
-                      <p className="text-sm text-orange-700">
-                        You'll also receive an email with this activation link
-                        at <strong>{state.email}</strong>
-                      </p>
-                    </div>
-                  </div>
-                </div>
-
-                <div className="flex justify-end space-x-3">
-                  <button
-                    onClick={handleModalClose}
-                    className="rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-bold text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-cyan-500"
-                  >
-                    I'll Use the Email Link
-                  </button>
-                  <button
-                    onClick={handleActivate}
-                    className="rounded-md border border-transparent bg-cyan-600 px-4 py-2 text-sm font-bold text-white hover:bg-cyan-700 focus:outline-none focus:ring-2 focus:ring-cyan-500"
-                  >
-                    Activate Now
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      )}
-    </>
-  );
-}

package/templates/src/pages/sandbox/activate.astro

@@ -1,258 +0,0 @@
----
-import Layout from '@/layouts/Layout.astro';
-import { getBrandConfig } from '@/utils/api/brandConfig';
-import { preHealthCheck } from '@/utils/backend';
-
-const tenantId = 'default'; // For registration, always use default
-
-const healthCheckRedirect = await preHealthCheck(tenantId);
-if (healthCheckRedirect !== undefined) {
-  return healthCheckRedirect;
-}
-
-const goBackend = import.meta.env.PUBLIC_GO_BACKEND || 'http://localhost:8080';
-
-// Check if multi-tenant is enabled
-const isMultiTenantEnabled =
-  import.meta.env.PUBLIC_ENABLE_MULTI_TENANT === 'true';
-if (!isMultiTenantEnabled) {
-  return Astro.redirect('/?error=multi-tenant-disabled');
-}
-
-// Dev mode detection
-const isDev = import.meta.env.DEV;
-
-// Get activation token from URL
-const url = new URL(Astro.request.url);
-const token = url.searchParams.get('token');
-
-let activationResult = {
-  success: false,
-  error: null as string | null,
-  tenantId: null as string | null,
-};
-
-if (!token) {
-  activationResult.error =
-    'Missing activation token. Please check your email link.';
-  console.log('ERROR: No token provided');
-} else {
-  // Attempt activation
-  try {
-    // Get tenantId BEFORE calling activation
-    let tenantId: string;
-
-    if (isDev) {
-      // In dev mode, get tenant ID from URL param or use default
-      tenantId = url.searchParams.get('tenantId') || 'localhost';
-    } else {
-      // Extract tenant ID from current domain in production
-      const hostname = Astro.request.headers.get('host') || '';
-      const parts = hostname.split('.');
-      if (parts.length >= 4 && parts[1] === 'sandbox') {
-        tenantId = parts[0];
-      } else {
-        throw new Error('Could not determine tenant ID from domain');
-      }
-    }
-
-    // Make direct fetch call to Go backend (like other .astro files)
-    const response = await fetch(`${goBackend}/api/v1/tenant/activation`, {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'X-Tenant-ID': tenantId,
-      },
-      body: JSON.stringify({ token }),
-    });
-
-    const responseText = await response.text();
-
-    if (response.ok) {
-      activationResult.success = true;
-      activationResult.tenantId = tenantId;
-    } else {
-      let errorData;
-      try {
-        errorData = JSON.parse(responseText);
-      } catch (e) {
-        errorData = { error: responseText };
-      }
-      activationResult.error = errorData.error || 'Activation failed';
-      console.log('FAILED: Activation error:', activationResult.error);
-    }
-  } catch (error) {
-    activationResult.error =
-      error instanceof Error ? error.message : 'Activation failed';
-    console.log('EXCEPTION:', error);
-  }
-}
-
-const brandConfig = await getBrandConfig('default');
-const title = activationResult.success
-  ? 'Tenant Activated | TractStack'
-  : 'Activation Error | TractStack';
-
-// Build dashboard URL based on environment
-const getDashboardUrl = (tenantId: string) => {
-  if (isDev) {
-    return '/storykeep';
-  }
-  return `https://${tenantId}.sandbox.freewebpress.com/storykeep`;
-};
-
-// Build display URL based on environment
-const getDisplayUrl = (tenantId: string) => {
-  if (isDev) {
-    return 'localhost:4321';
-  }
-  return `https://${tenantId}.sandbox.freewebpress.com`;
-};
----
-
-<Layout title={title} slug="tenant-activate" brandConfig={brandConfig}>
-  <main
-    id="main-content"
-    class="flex min-h-screen items-center justify-center bg-gray-50"
-  >
-    <div class="mx-auto max-w-2xl p-6">
-      {
-        activationResult.success ? (
-          <div class="rounded-lg bg-white p-8 text-center shadow-lg">
-            <div class="mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full bg-green-100">
-              <svg
-                class="h-8 w-8 text-green-600"
-                fill="none"
-                stroke="currentColor"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="2"
-                  d="M5 13l4 4L19 7"
-                />
-              </svg>
-            </div>
-
-            <h2 class="mb-4 text-2xl font-bold text-gray-900">
-              🎉 Tenant Activated Successfully!
-            </h2>
-
-            <p class="mb-6 text-gray-600">
-              Your TractStack tenant has been activated and is ready to use.
-            </p>
-
-            {activationResult.tenantId && (
-              <div class="mb-6 rounded-lg border border-orange-200 bg-orange-50 p-4">
-                <p class="mb-2 text-sm font-bold text-orange-800">
-                  Your tenant URL:
-                </p>
-                <p class="break-all font-mono text-orange-700">
-                  {getDisplayUrl(activationResult.tenantId)}
-                </p>
-              </div>
-            )}
-
-            <div class="space-y-4">
-              {activationResult.tenantId ? (
-                <a
-                  href={getDashboardUrl(activationResult.tenantId)}
-                  class="inline-block rounded-lg bg-orange-600 px-6 py-3 font-bold text-white transition-colors hover:bg-orange-700"
-                  id="dashboard-button"
-                >
-                  Access Your Dashboard
-                </a>
-              ) : (
-                <div class="text-gray-500">
-                  <p class="mb-2">Unable to determine tenant URL</p>
-                  <p class="text-sm">Please contact support</p>
-                </div>
-              )}
-            </div>
-          </div>
-        ) : (
-          <div class="rounded-lg bg-white p-8 text-center shadow-lg">
-            <div class="mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full bg-red-100">
-              <svg
-                class="h-8 w-8 text-red-600"
-                fill="none"
-                stroke="currentColor"
-                viewBox="0 0 24 24"
-              >
-                <path
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="2"
-                  d="M6 18L18 6M6 6l12 12"
-                />
-              </svg>
-            </div>
-
-            <h2 class="mb-4 text-2xl font-bold text-gray-900">
-              Activation Failed
-            </h2>
-
-            <p class="mb-6 text-gray-600">{activationResult.error}</p>
-
-            <div class="mb-6 rounded-lg border border-yellow-200 bg-yellow-50 p-4">
-              <h3 class="mb-2 text-sm font-bold text-yellow-800">
-                Common Issues:
-              </h3>
-              <ul class="space-y-1 text-left text-sm text-yellow-700">
-                <li>• The activation link may have expired</li>
-                <li>• The token may have already been used</li>
-                <li>• There may be a temporary server issue</li>
-              </ul>
-            </div>
-
-            <div class="space-y-4">
-              <a
-                href="/sandbox/register"
-                class="inline-block rounded-lg bg-orange-600 px-6 py-3 font-bold text-white transition-colors hover:bg-orange-700"
-              >
-                Register New Tenant
-              </a>
-
-              <div class="text-center">
-                <a
-                  href="mailto:support@tractstack.com"
-                  class="text-sm text-orange-600 underline hover:text-orange-800"
-                >
-                  Contact Support
-                </a>
-              </div>
-            </div>
-          </div>
-        )
-      }
-    </div>
-  </main>
-</Layout>
-
-<script>
-  // Auto-redirect to dashboard after successful activation with countdown
-  const dashboardButton = document.getElementById('dashboard-button');
-  if (dashboardButton) {
-    let countdown = 5;
-
-    // Update button text with countdown
-    const updateButton = () => {
-      dashboardButton.textContent = `Access Your Dashboard (${countdown}s)`;
-      countdown--;
-
-      if (countdown < 0) {
-        dashboardButton.click();
-      }
-    };
-
-    // Start countdown immediately
-    updateButton();
-    const interval = setInterval(updateButton, 1000);
-
-    // Clear interval if user clicks button manually
-    dashboardButton.addEventListener('click', () => {
-      clearInterval(interval);
-    });
-  }
-</script>

package/templates/src/pages/sandbox/register.astro

@@ -1,44 +0,0 @@
----
-import Layout from '@/layouts/Layout.astro';
-import RegistrationForm from '@/components/tenant/RegistrationForm';
-import { getBrandConfig } from '@/utils/api/brandConfig';
-import { preHealthCheck } from '@/utils/backend';
-
-const tenantId = 'default'; // For registration, always use default
-
-const healthCheckRedirect = await preHealthCheck(tenantId);
-if (healthCheckRedirect !== undefined) {
-  return healthCheckRedirect;
-}
-// Check if multi-tenant is enabled
-const isMultiTenantEnabled =
-  import.meta.env.PUBLIC_ENABLE_MULTI_TENANT === 'true';
-if (!isMultiTenantEnabled) {
-  return Astro.redirect('/storykeep?error=multi-tenant-disabled');
-}
-
-const brandConfig = await getBrandConfig('default');
-const title = 'Register New Tenant | TractStack';
----
-
-<Layout title={title} slug="sandbox-register" brandConfig={brandConfig}>
-  <main id="main-content" class="min-h-screen bg-gray-50">
-    <div class="py-12">
-      <RegistrationForm
-        client:load
-        onSuccess={(tenantId) => {
-          if (tenantId)
-            window.location.href = `/sandbox/success?tenant=${encodeURIComponent(tenantId)}`;
-        }}
-        onCapacityFull={() => {
-          window.location.href = '/sandbox/capacity-full';
-        }}
-      />
-    </div>
-  </main>
-</Layout>
-
-<script>
-  // Add any additional client-side logic here if needed
-  console.log('Tenant registration page loaded');
-</script>

package/templates/src/pages/sandbox/success.astro

@@ -1,179 +0,0 @@
----
-import Layout from '@/layouts/Layout.astro';
-import { getBrandConfig } from '@/utils/api/brandConfig';
-import { preHealthCheck } from '@/utils/backend';
-
-// Get tenant ID from URL params
-const url = new URL(Astro.request.url);
-const tenantId = url.searchParams.get('tenant');
-
-const healthCheckRedirect = await preHealthCheck(tenantId || `default`);
-if (healthCheckRedirect !== undefined) {
-  return healthCheckRedirect;
-}
-
-// Check if multi-tenant is enabled
-const isMultiTenantEnabled =
-  import.meta.env.PUBLIC_ENABLE_MULTI_TENANT === 'true';
-if (!isMultiTenantEnabled) {
-  return Astro.redirect('/?error=multi-tenant-disabled');
-}
-
-if (!tenantId) {
-  return Astro.redirect('/sandbox/register?error=missing-tenant-id');
-}
-
-// Get backend URL
-const brandConfig = await getBrandConfig('default');
-const title = 'Registration Successful | TractStack';
----
-
-<Layout title={title} slug="tenant-success" brandConfig={brandConfig}>
-  <main
-    id="main-content"
-    class="flex min-h-screen items-center justify-center bg-gray-50"
-  >
-    <div class="mx-auto max-w-2xl p-6">
-      <div class="rounded-lg bg-white p-8 text-center shadow-lg">
-        <div
-          class="mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-full bg-orange-100"
-        >
-          <svg
-            class="h-8 w-8 text-orange-600"
-            fill="none"
-            stroke="currentColor"
-            viewBox="0 0 24 24"
-          >
-            <path
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
-              d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
-            ></path>
-          </svg>
-        </div>
-
-        <h2 class="mb-4 text-2xl font-bold text-gray-900">
-          📧 Check Your Email
-        </h2>
-
-        <p class="mb-6 text-gray-600">
-          Your tenant <strong class="font-mono text-orange-600"
-            >{tenantId}</strong
-          > has been created successfully!
-        </p>
-
-        <div class="mb-6 rounded-lg border border-orange-200 bg-orange-50 p-6">
-          <h3 class="mb-3 text-lg font-bold text-orange-800">
-            What happens next:
-          </h3>
-          <div class="space-y-3 text-left">
-            <div class="flex items-start space-x-3">
-              <div
-                class="mt-0.5 flex h-6 w-6 items-center justify-center rounded-full bg-orange-600 text-sm font-bold text-white"
-              >
-                1
-              </div>
-              <div>
-                <p class="font-bold text-orange-800">Check your email inbox</p>
-                <p class="text-sm text-orange-600">
-                  We've sent an activation link to complete setup
-                </p>
-              </div>
-            </div>
-
-            <div class="flex items-start space-x-3">
-              <div
-                class="mt-0.5 flex h-6 w-6 items-center justify-center rounded-full bg-orange-600 text-sm font-bold text-white"
-              >
-                2
-              </div>
-              <div>
-                <p class="font-bold text-orange-800">
-                  Click the activation link
-                </p>
-                <p class="text-sm text-orange-600">
-                  This will finalize your tenant setup
-                </p>
-              </div>
-            </div>
-
-            <div class="flex items-start space-x-3">
-              <div
-                class="mt-0.5 flex h-6 w-6 items-center justify-center rounded-full bg-orange-600 text-sm font-bold text-white"
-              >
-                3
-              </div>
-              <div>
-                <p class="font-bold text-orange-800">Access your dashboard</p>
-                <p class="text-sm text-orange-600">
-                  Visit <strong class="font-mono"
-                    >{tenantId}.sandbox.freewebpress.com</strong
-                  >
-                </p>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div class="mb-6 rounded-lg border border-yellow-200 bg-yellow-50 p-4">
-          <p class="text-sm text-yellow-800">
-            <strong>⏰ Important:</strong> The activation link will expire in 48
-            hours. If you don't see the email, check your spam folder.
-          </p>
-        </div>
-
-        <div class="space-y-4">
-          <div class="text-center">
-            <p class="mb-4 text-sm text-gray-500">
-              Once activated, your tenant URL will be:
-            </p>
-            <p
-              class="break-all rounded border bg-gray-100 p-3 font-mono text-lg"
-            >
-              https://{tenantId}.sandbox.freewebpress.com
-            </p>
-          </div>
-
-          <div class="flex flex-col justify-center gap-4 sm:flex-row">
-            <a
-              href="/sandbox/register"
-              class="rounded-lg border border-gray-300 px-6 py-2 text-gray-700 transition-colors hover:bg-gray-50"
-            >
-              Register Another Tenant
-            </a>
-
-            <a
-              href="https://docs.tractstack.com"
-              class="rounded-lg bg-orange-600 px-6 py-2 text-white transition-colors hover:bg-orange-700"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              View Documentation
-            </a>
-          </div>
-
-          <div class="border-t pt-4 text-center">
-            <p class="text-sm text-gray-500">
-              Need help?
-              <a
-                href="mailto:support@tractstack.com"
-                class="text-orange-600 underline hover:text-orange-800"
-              >
-                Contact Support
-              </a>
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </main>
-</Layout>
-
-<script>
-  // Add email resend functionality (placeholder for future implementation)
-  console.log(
-    'Registration success page loaded for tenant:',
-    document.querySelector('[data-tenant-id]')?.textContent
-  );
-</script>

package/templates/src/utils/api/tenantConfig.ts

@@ -1,97 +0,0 @@
-// Tenant configuration API utilities following TractStack v2 patterns
-import { TractStackAPI } from '../api';
-import type {
-  TenantProvisioningData,
-  TenantCapacity,
-  TenantProvisioningResponse,
-} from '@/types/multiTenant';
-import type { TenantActivationRequest } from '@/types/multiTenant';
-
-/**
- * Check tenant capacity and existing tenants
- */
-export async function checkTenantCapacity(
-  tenantId: string
-): Promise<TenantCapacity> {
-  const api = new TractStackAPI(tenantId);
-  try {
-    const response = await api.get<TenantCapacity>('/api/v1/tenant/capacity');
-
-    if (!response.success || !response.data) {
-      throw new Error(response.error || 'No data received from server');
-    }
-
-    const data = response.data;
-
-    // Validate response structure to match backend
-    if (
-      typeof data.available !== 'boolean' ||
-      typeof data.currentTenants !== 'number' ||
-      typeof data.maxTenants !== 'number' ||
-      typeof data.availableSlots !== 'number'
-    ) {
-      throw new Error('Invalid response format from server');
-    }
-
-    return data;
-  } catch (error) {
-    console.error('Failed to fetch tenant capacity:', error);
-    throw new Error('Failed to load tenant capacity information');
-  }
-}
-
-/**
- * Provision a new tenant with reserved status
- */
-export async function provisionTenant(
-  tenantId: string,
-  data: TenantProvisioningData
-): Promise<TenantProvisioningResponse> {
-  const api = new TractStackAPI(tenantId);
-  try {
-    const response = await api.post<TenantProvisioningResponse>(
-      '/api/v1/tenant/provision',
-      data
-    );
-
-    if (!response.success || !response.data) {
-      throw new Error(response.error || 'Failed to provision tenant');
-    }
-
-    return response.data;
-  } catch (error) {
-    console.error('Failed to provision tenant:', error);
-
-    if (error instanceof Error) {
-      throw error;
-    }
-
-    throw new Error('Failed to provision tenant');
-  }
-}
-
-/**
- * Activate a tenant using the activation token
- */
-export async function activateTenant(
-  tenantId: string,
-  token: string
-): Promise<void> {
-  const api = new TractStackAPI(tenantId);
-  try {
-    const request: TenantActivationRequest = { token };
-    const response = await api.post('/api/v1/activate-tenant', request);
-
-    if (!response.success) {
-      throw new Error(response.error || 'Failed to activate tenant');
-    }
-  } catch (error) {
-    console.error('Failed to activate tenant:', error);
-
-    if (error instanceof Error) {
-      throw error;
-    }
-
-    throw new Error('Failed to activate tenant');
-  }
-}

package/templates/src/utils/api/tenantHelpers.ts

@@ -1,172 +0,0 @@
-// Tenant form validation and state helpers following TractStack v2 patterns
-import type { TenantProvisioningData } from '@/types/multiTenant';
-import type {
-  TenantRegistrationState,
-  TenantValidationErrors,
-} from '@/types/multiTenant';
-
-/**
- * Convert tenant provisioning data to local form state
- */
-export function convertToLocalState(
-  data?: TenantProvisioningData
-): TenantRegistrationState {
-  if (!data) {
-    return {
-      tenantId: '',
-      adminPassword: '',
-      confirmPassword: '',
-      name: '',
-      email: '',
-      tursoEnabled: false,
-      tursoDatabaseURL: '',
-      tursoAuthToken: '',
-    };
-  }
-
-  return {
-    tenantId: data.tenantId,
-    adminPassword: data.adminPassword,
-    confirmPassword: '',
-    name: data.name,
-    email: data.adminEmail,
-    tursoEnabled: data.tursoEnabled,
-    tursoDatabaseURL: data.tursoDatabaseURL || '',
-    tursoAuthToken: data.tursoAuthToken || '',
-  };
-}
-
-/**
- * Convert local form state to backend format
- */
-export function convertToBackendFormat(
-  state: TenantRegistrationState
-): TenantProvisioningData {
-  const data: TenantProvisioningData = {
-    tenantId: state.tenantId.trim(),
-    adminPassword: state.adminPassword.trim(),
-    name: state.name.trim(),
-    adminEmail: state.email.trim(),
-    tursoEnabled: state.tursoEnabled,
-  };
-
-  // Only include Turso credentials if enabled
-  if (state.tursoEnabled) {
-    data.tursoDatabaseURL = state.tursoDatabaseURL.trim();
-    data.tursoAuthToken = state.tursoAuthToken.trim();
-  }
-
-  return data;
-}
-
-/**
- * Validate tenant registration form
- */
-export function validateTenantRegistration(
-  state: TenantRegistrationState,
-  existingTenants?: string[],
-  isInitMode?: boolean
-): TenantValidationErrors {
-  const errors: TenantValidationErrors = {};
-
-  // Skip ALL tenant ID validation in init mode
-  if (!isInitMode) {
-    const tenantId = state.tenantId.trim();
-    if (!tenantId) {
-      errors.tenantId = 'Tenant ID is required';
-    } else if (tenantId.length < 3 || tenantId.length > 12) {
-      errors.tenantId = 'Tenant ID must be 3-12 characters long';
-    } else if (tenantId !== tenantId.toLowerCase()) {
-      errors.tenantId = 'Tenant ID must be lowercase';
-    } else if (!/^[a-z0-9-]+$/.test(tenantId)) {
-      errors.tenantId =
-        'Tenant ID can only contain lowercase letters, numbers, and dashes';
-    } else if (tenantId === 'default') {
-      errors.tenantId = "'default' is a reserved tenant ID";
-    } else if (existingTenants && existingTenants.includes(tenantId)) {
-      errors.tenantId = 'This tenant ID is already taken';
-    }
-  }
-
-  // Admin password validation
-  if (!state.adminPassword.trim()) {
-    errors.adminPassword = 'Admin password is required';
-  } else if (state.adminPassword.length < 8) {
-    errors.adminPassword = 'Admin password must be at least 8 characters long';
-  }
-
-  // Password confirmation validation - only if main password is valid
-  if (!errors.adminPassword && state.adminPassword !== state.confirmPassword) {
-    errors.confirmPassword = 'Passwords do not match';
-  }
-
-  // Name validation
-  if (!state.name.trim()) {
-    errors.name = 'Name is required';
-  }
-
-  // Email validation
-  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-  if (!state.email.trim()) {
-    errors.email = 'Email is required';
-  } else if (!emailRegex.test(state.email.trim())) {
-    errors.email = 'Please enter a valid email address';
-  }
-
-  // Turso validation (if enabled)
-  if (state.tursoEnabled) {
-    if (!state.tursoDatabaseURL.trim()) {
-      errors.tursoDatabaseURL =
-        'Turso Database URL is required when Turso is enabled';
-    } else if (!state.tursoDatabaseURL.startsWith('libsql://')) {
-      errors.tursoDatabaseURL =
-        'Turso Database URL must start with "libsql://"';
-    }
-
-    if (!state.tursoAuthToken.trim()) {
-      errors.tursoAuthToken =
-        'Turso Auth Token is required when Turso is enabled';
-    }
-  }
-
-  return errors;
-}
-
-/**
- * State interceptor for cross-field logic
- */
-export function tenantStateIntercept(
-  newState: TenantRegistrationState,
-  field: keyof TenantRegistrationState,
-  value: any
-): TenantRegistrationState {
-  // Clear Turso fields when disabled
-  if (field === 'tursoEnabled' && !value) {
-    return {
-      ...newState,
-      tursoEnabled: false,
-      tursoDatabaseURL: '',
-      tursoAuthToken: '',
-    };
-  }
-
-  // Clear confirmation password when main password changes
-  if (field === 'adminPassword') {
-    return {
-      ...newState,
-      adminPassword: value,
-      confirmPassword: '', // Clear confirmation to force re-entry
-    };
-  }
-
-  // Normalize tenant ID
-  if (field === 'tenantId' && typeof value === 'string') {
-    return {
-      ...newState,
-      tenantId: value.toLowerCase().replace(/[^a-z0-9-]/g, ''),
-    };
-  }
-
-  // Default behavior
-  return newState;
-}