@strands.gg/accui 1.0.2 → 1.1.0

package/README.md

@@ -1,673 +1,233 @@
 # @strands.gg/accui
 
-Modern authentication UI components for Vue 3 with magic link support and OAuth integration.
+⚠️ **INTERNAL SYSTEM - NOT FOR PUBLIC USE** ⚠️
 
-## 🚀 Features
+This is a proprietary authentication UI library specifically designed for the Strands Services ecosystem. It is tightly integrated with our internal authentication API and **will not easily function outside of our infrastructure**.
 
-- **Magic Link Authentication** - Passwordless signup flow
-- **OAuth Providers** - Dynamic OAuth provider discovery from API
-- **Vue 3 Composition API** - Built with modern Vue patterns
-- **TypeScript Support** - Full type safety
-- **Nuxt Module** - First-class Nuxt 3 & 4 support with auto-imports
-- **Customizable UI** - Consistent design system with Tailwind CSS
-- **Responsive Design** - Mobile-first approach
-- **Route Protection** - Built-in middleware for authentication
+## 🔒 System Requirements
 
-## 🆕 What's New in v0.0.8
+This library requires:
+- **Strands Accounts API** backend (proprietary)
+- **Registered application** in our database
+- **Valid domain** registered with Strands Services
+- **Internal infrastructure** access
 
-- ✅ **Fixed Nuxt Module Import** - Resolved "Cannot find module" error when importing '@strands.gg/accui/nuxt'
-- ✅ **Proper Module Build** - Nuxt module now builds to both ES and CJS formats with runtime files
-- ✅ **Auto-Import Styles** - Styles automatically imported with components (no manual CSS import needed)
-- ✅ **Custom Styling Control** - `autoImportStyles: false` option for developers who want full styling control
-- ✅ **Enhanced Nuxt Integration** - CSS automatically included in Nuxt builds
-- ✅ **Simplified Setup** - Just install and use, styles are handled automatically
+**This package is published for internal convenience only and cannot be used by external applications.**
 
-## 📦 Installation
+## 🚀 Features (Internal Use Only)
 
-```bash
-npm install @strands.gg/accui
-```
-
-### Styles Auto-Import
-
-**Styles are automatically imported!** No manual CSS import needed.
-
-- **Vue 3**: Styles load automatically when you import any component
-- **Nuxt 3**: Styles are automatically included when you add the module
-
-<details>
-<summary>Manual CSS Import (if needed)</summary>
-
-If you need to manually import styles for any reason:
-
-```javascript
-// Import the CSS in your main.js or app.vue
-import '@strands.gg/accui/style.css'
-```
-
-</details>
-
-## 🎯 Quick Start
-
-### Basic Vue 3 Usage
-
-```vue
-<template>
-  <div>
-    <!-- Combined Auth Component with tabs -->
-    <StrandsAuth 
-      @success="handleSuccess" 
-      @error="handleError"
-      redirect-url="/dashboard"
-    />
-    
-    <!-- Or use individual components -->
-    <StrandsSignIn @success="handleSignInSuccess" />
-    <StrandsSignUp @success="handleSignUpSuccess" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { 
-  StrandsAuth, 
-  StrandsSignIn, 
-  StrandsSignUp,
-  useStrandsAuth 
-} from "@strands.gg/accui"
-// Styles are automatically imported! ✨
-
-// Access auth state globally
-const { user, isAuthenticated, signOut } = useStrandsAuth()
-
-const handleSuccess = (userData: any) => {
-  console.log("Authentication successful:", userData)
-}
-
-const handleError = (error: string) => {
-  console.error("Authentication error:", error)
-}
-
-const handleSignUpSuccess = (data: { email: string }) => {
-  console.log("Magic link sent to:", data.email)
-}
-</script>
-```
-
-### Nuxt 3 Module
-
-Add the module to your `nuxt.config.ts`:
-
-```typescript
-export default defineNuxtConfig({
-  modules: ['@strands.gg/accui/nuxt'], // Styles auto-imported! ✨
-  
-  // Public runtime configuration
-  runtimeConfig: {
-    public: {
-      strandsAuth: {
-        apiBaseUrl: 'https://accounts.mydomain.com',
-        clientId: 'your-client-id',
-        onSignInUrl: '/dashboard',
-        onSignOutUrl: '/',
-        accentColor: '#EA00A8'
-      }
-    }
-  }
-})
-```
-
-**Available Configuration Options:**
-
-```typescript
-interface StrandsAuthConfig {
-  // Required
-  apiBaseUrl?: string       // Default: 'https://your-api.example.com'
-  clientId?: string         // Required for production
-  
-  // Navigation
-  onSignInUrl?: string      // Default: '/dashboard'
-  onSignOutUrl?: string     // Default: '/'
-  redirectUrl?: string      // OAuth callback URL
-  
-  // Styling
-  accentColor?: string      // Default: '#EA00A8'
-  autoImportStyles?: boolean // Default: true (disable for custom styling)
-  
-  // Security & Performance
-  autoRefresh?: boolean     // Default: true
-  refreshInterval?: number  // Default: 4 (minutes)
-  
-  // Route Protection
-  protectedRoutes?: string[]     // Routes requiring authentication
-  guestOnlyRoutes?: string[]     // Default: ['/auth', '/login', '/register']
-  
-  // Development
-  devMode?: boolean         // Default: false
-}
-```
-
-**Complete Configuration Example:**
-
-```typescript
-export default defineNuxtConfig({
-  modules: ['@strands.gg/accui/nuxt'],
-  
-  runtimeConfig: {
-    public: {
-      strandsAuth: {
-        // API Configuration
-        apiBaseUrl: 'https://accounts.mydomain.com',
-        clientId: 'your-production-client-id',
-        
-        // Navigation URLs
-        onSignInUrl: '/dashboard',
-        onSignOutUrl: '/welcome',
-        redirectUrl: '/auth/callback',
-        
-        // Styling
-        accentColor: '#8b5cf6',
-        autoImportStyles: true, // Set to false for custom styling
-        
-        // Route Protection
-        protectedRoutes: [
-          '/dashboard/*',
-          '/profile',
-          '/settings/*',
-          '/admin/*'
-        ],
-        guestOnlyRoutes: [
-          '/auth',
-          '/login',
-          '/register',
-          '/welcome'
-        ],
-        
-        // Token Management
-        autoRefresh: true,
-        refreshInterval: 4, // minutes
-        
-        // Development
-        devMode: process.env.NODE_ENV === 'development'
-      }
-    }
-  }
-})
-```
-
-**Auto-imported Components & Composables:**
-
-```vue
-<template>
-  <!-- Authentication Components (auto-imported) -->
-  <StrandsAuth @success="handleAuth" />
-  <StrandsSignIn @success="handleSignIn" />
-  <StrandsSignUp @success="handleSignUp" />
-  <StrandsPasswordReset @success="handleReset" />
-  <StrandsUserProfile />
-  <StrandsMFASetup />
-  
-  <!-- Utility Components (auto-imported) -->
-  <SignedIn>
-    <p>Welcome back, {{ user?.firstName }}!</p>
-    <StrandsUiButton @click="signOut">Sign Out</StrandsUiButton>
-  </SignedIn>
-  
-  <SignedOut>
-    <p>Please sign in to continue</p>
-    <StrandsAuth />
-  </SignedOut>
-  
-  <!-- Configuration & Branding -->
-  <StrandsConfigProvider :config="customConfig">
-    <!-- Scoped configuration -->
-  </StrandsConfigProvider>
-  
-  <StrandsSecuredFooter />
-</template>
-
-<script setup lang="ts">
-// Composables are auto-imported in Nuxt
-const { user, isAuthenticated, signOut, signIn } = useStrandsAuth()
-const authUser = useAuthUser() // Reactive user object
-const { isAuthenticated: authState, isLoading } = useAuthState()
-
-// Event handlers
-const handleAuth = (userData: any) => {
-  console.log('Authentication successful:', userData)
-  // User is automatically redirected based on onSignInUrl
-}
+- **Magic Link Authentication** - Passwordless signup flow via Strands email service
+- **OAuth Providers** - Dynamic provider discovery from our API
+- **Multi-Factor Authentication** - TOTP, email, and hardware key support
+- **Dynamic CORS** - Automatic origin validation based on registered applications
+- **Vue 3 & Nuxt Support** - Full framework integration
+- **TypeScript** - Complete type safety
+- **Session Management** - JWT token rotation with 5-minute expiry
 
-const handleSignUp = (data: { email: string }) => {
-  console.log('Magic link sent to:', data.email)
-  // Show success message to user
-}
-</script>
-```
+## 🆕 Recent Updates
 
-**Route Protection with Middleware:**
+### v0.2.8+ (2025)
+- ✅ **Dynamic Origin Support** - Removed hardcoded localhost references
+- ✅ **OAuth2 Redirect URL** - Configurable OAuth callback URLs
+- ✅ **Support Email Config** - Optional support contact display
+- ✅ **CORS Improvements** - Fully dynamic based on registered applications
+- ✅ **Neon Database Support** - Optimized connection pooling for serverless
+- ✅ **Docker Optimizations** - Static binary builds with Alpine Linux
 
-```vue
-<!-- pages/dashboard/index.vue -->
-<script setup lang="ts">
-// Protect this route - redirects to auth if not signed in
-definePageMeta({
-  middleware: 'auth'
-})
-</script>
-
-<template>
-  <div>
-    <h1>Dashboard</h1>
-    <p>Protected content here</p>
-  </div>
-</template>
-```
+### Previous Updates
+- ✅ **MFA Support** - TOTP, email codes, hardware keys (WebAuthn)
+- ✅ **Improved Error Handling** - Better user feedback
+- ✅ **Auto-Import Styles** - Zero-config styling
+- ✅ **Nuxt 4 Support** - Dedicated module for Nuxt v4
 
-```vue
-<!-- pages/auth.vue -->
-<script setup lang="ts">
-// Guest-only route - redirects away if already signed in
-definePageMeta({
-  middleware: 'guest'
-})
-</script>
+## 📦 Installation (Internal Projects Only)
 
-<template>
-  <div>
-    <StrandsAuth />
-  </div>
-</template>
+```bash
+npm install @strands.gg/accui
 ```
 
-### Nuxt 4 Module
+## 🎯 Configuration
 
-For **Nuxt 4** projects, use the dedicated v4 module:
+### Nuxt 3/4 Configuration
 
 ```typescript
 export default defineNuxtConfig({
-  modules: ['@strands.gg/accui/nuxt-v4'], // ⬅️ Note the '/nuxt-v4' import
+  modules: [
+    '@strands.gg/accui/nuxt',     // Nuxt 3
+    // OR
+    '@strands.gg/accui/nuxt-v4'   // Nuxt 4
+  ],
   
-  // Configuration is identical to Nuxt 3
-  runtimeConfig: {
-    public: {
-      strandsAuth: {
-        apiBaseUrl: 'https://accounts.mydomain.com',
-        clientId: 'your-client-id',
-        onSignInUrl: '/dashboard',
-        onSignOutUrl: '/',
-        accentColor: '#EA00A8'
-      }
-    }
+  strandsAuth: {
+    // API endpoint (required)
+    baseUrl: process.env.NODE_ENV === 'development' 
+      ? 'http://localhost:8000' 
+      : 'https://sessions.strands.gg',
+    
+    // Navigation
+    onSignInUrl: '/dashboard',
+    onSignOutUrl: '/',
+    
+    // OAuth2 configuration
+    oauth2RedirectUrl: 'https://myapp.strands.gg/oauth2/callback', // Optional
+    
+    // Support
+    supportEmail: 'support@myapp.strands.gg', // Optional
+    
+    // Development
+    devMode: process.env.NODE_ENV === 'development',
+    
+    // Styling
+    accentColor: '#EA00A8',
+    styles: true, // Auto-import CSS
+    
+    // Security
+    autoRefresh: true,
+    refreshInterval: 4, // minutes
+    
+    // Route protection
+    protectedRoutes: ['/dashboard/*', '/admin/*'],
+    guestOnlyRoutes: ['/auth', '/login', '/register']
   }
 })
 ```
 
-**Key Differences for Nuxt v4:**
+### Required Backend Setup
 
-- **Module Import**: Use `@strands.gg/accui/nuxt-v4` instead of `@strands.gg/accui/nuxt`
-- **Compatibility**: Built specifically for Nuxt 4.0+ with updated APIs
-- **Same API**: All configuration options and components remain identical
-- **Future-Ready**: Optimized for Nuxt 4's performance improvements
+Your domain must be registered in our applications database:
 
-**Migration from Nuxt 3 to Nuxt 4:**
-
-```diff
-export default defineNuxtConfig({
--  modules: ['@strands.gg/accui/nuxt'],
-+  modules: ['@strands.gg/accui/nuxt-v4'],
-  
-  // Rest of config stays the same!
-  runtimeConfig: { /* ... */ }
-})
+```sql
+-- Applications are managed by Strands Services admins
+INSERT INTO applications (domain, name, logo_url) 
+VALUES ('myapp.strands.gg', 'My App', 'https://myapp.strands.gg/logo.png');
 ```
 
 ## 🧩 Components
 
 ### Authentication Components
 
-| Component | Description | Use Case |
-|-----------|-------------|----------|
-| `StrandsAuth` | Combined auth with tabs | All-in-one solution |
-| `StrandsSignIn` | Email + password sign in | Traditional login |
-| `StrandsSignUp` | Magic link signup | Passwordless registration |
-| `StrandsCompleteSignUp` | Complete registration flow | Magic link completion |
-| `StrandsPasswordReset` | Password reset form | Recovery flow |
-| `StrandsUserProfile` | Profile management | User settings |
-| `StrandsMFASetup` | Multi-factor auth setup | Security enhancement |
-
-### Utility Components
-
-| Component | Description |
-|-----------|-------------|
-| `SignedIn` | Conditional rendering for authenticated users |
-| `SignedOut` | Conditional rendering for unauthenticated users |
-| `StrandsConfigProvider` | Scoped configuration provider |
-| `StrandsLogo` | Strands branding logo |
-| `StrandsSecuredFooter` | "Secured by Strands" footer |
-
-### UI Components
-
-| Component | Description | Props |
-|-----------|-------------|-------|
-| `UiButton` | Styled button | `variant`, `size`, `loading`, `disabled` |
-| `UiInput` | Form input field | `type`, `label`, `error`, `placeholder` |
-| `UiCard` | Container card | `variant`, `shadow`, `padding` |
-| `UiTabs` | Tab navigation | `tabs`, `modelValue` |
-| `UiAlert` | Status messages | `variant`, `message` |
-| `UiLink` | Styled link | `variant`, `size` |
-
-## � Nuxt Module Features
-
-The Nuxt module provides a complete authentication solution with:
-
-### ✨ **Auto-Registration**
-- **Components**: All authentication and UI components are automatically imported
-- **Composables**: Authentication state management available globally
-- **Middleware**: Route protection built-in (`auth`, `guest`, global middleware)
-- **Types**: Full TypeScript support with auto-completion
-- **Styles**: CSS automatically included in your Nuxt build
-
-### 🎨 **Auto-Import Styles**
-The Nuxt module automatically includes all necessary CSS:
-```typescript
-// Automatically added to your project:
-// - Main component styles (@strands.gg/accui/style.css)
-// - Custom accent color variables
-// - Responsive design classes
-// - Dark/light mode support
-```
-
-**Custom Styling (Disable Auto-Import):**
-```typescript
-export default defineNuxtConfig({
-  modules: ['@strands.gg/accui/nuxt'],
-  runtimeConfig: {
-    public: {
-      strandsAuth: {
-        apiBaseUrl: 'https://accounts.mydomain.com',
-        clientId: 'your-client-id',
-        autoImportStyles: false, // Disable auto-import
-        // ... other options
-      }
-    }
-  },
-  // Manually control CSS imports
-  css: [
-    // Import only base styles
-    '@strands.gg/accui/style.css',
-    // Or use your own custom styles
-    '~/assets/css/custom-auth.css'
-  ]
-})
-```
-
-### 🔒 **Route Protection**
-```typescript
-// Automatic protection based on configuration
-protectedRoutes: ['/dashboard/*', '/profile', '/settings/*']
-guestOnlyRoutes: ['/auth', '/login', '/register']
-```
-
-### 🎨 **Styling Integration**
-- Custom CSS variables for theming
-- Configurable accent colors
-- TailwindCSS compatibility
-- Dark/light mode support
-
-### ⚡ **Performance Optimized**
-- Client-side hydration with SSR support
-- Automatic token refresh
-- Minimal bundle size impact
-- Tree-shaking optimized
-
-### 🛠️ **Developer Experience**
-- Hot reload support
-- Development mode with debug logging
-- TypeScript definitions included
-- Comprehensive error handling
-
-## �🔧 Composables
+| Component | Description | Requirements |
+|-----------|-------------|--------------|
+| `StrandsAuth` | Combined auth with tabs | Valid application domain |
+| `StrandsSignIn` | Email + password/MFA | Registered user account |
+| `StrandsSignUp` | Magic link signup | SMTP configuration |
+| `StrandsUserProfile` | Profile management | Active session |
+| `StrandsMFASetup` | MFA configuration | User with verified email |
 
-### `useStrandsAuth()`
-
-Global authentication state management with clean integration points:
+### Composables
 
 ```typescript
-const {
-  user,           // Current user object
-  isAuthenticated, // Boolean auth status
-  isLoading,      // Loading state
-  signOut,        // Sign out function
-  refreshUser     // Refresh user data
+// Auto-imported in Nuxt
+const { 
+  user,              // Current user from JWT
+  isAuthenticated,   // Session validity
+  signOut,          // Clear session
+  refreshToken      // Rotate JWT token
 } = useStrandsAuth()
 
-// Integration note: All auth methods are ready for SDK integration
-// Replace placeholder implementations with actual auth service calls
-```
-
-### `useStrandsConfig()`
-
-Configuration management:
-
-```typescript
+// OAuth providers from API
 const { 
-  config,    // Current configuration
-  getUrl     // Helper to build API URLs
-} = useStrandsConfig()
-```
-
-### `useOAuthProviders()`
-
-OAuth provider management:
-
-```typescript
-const {
-  enabledProviders,    // Available OAuth providers
-  loading,            // Loading state
-  error,              // Error state
-  fetchProviders,     // Fetch providers from API
-  redirectToProvider  // Initiate OAuth flow
+  providers,         // Available OAuth providers
+  fetchProviders,   // Load from API
+  redirectToProvider // Initiate OAuth flow
 } = useOAuthProviders()
 ```
 
-## 🎨 Magic Link Flow
-
-The signup component uses a modern magic link approach:
-
-```vue
-<template>
-  <!-- User enters email only -->
-  <StrandsSignUp @success="handleMagicLinkSent" />
-</template>
-
-<script setup lang="ts">
-// User receives magic link via email
-// Clicking link completes registration
-const handleMagicLinkSent = (data: { email: string }) => {
-  // Show success message
-  console.log(`Magic link sent to ${data.email}`)
-}
-</script>
-```
-
-## 🔐 Configuration
+## 🔐 Authentication Flow
 
-### Global Configuration
+1. **Sign Up**: Email → Magic Link → Complete Registration
+2. **Sign In**: Email + Password → Optional MFA → JWT Token
+3. **Token Rotation**: 5-minute access tokens, 30-day refresh tokens
+4. **OAuth**: Dynamic provider discovery → Authorization → Callback
 
-```typescript
-import { setStrandsConfig } from '@strands.gg/accui'
-
-setStrandsConfig({
-  apiBaseUrl: 'https://your-api.com',
-  clientId: 'your-client-id',
-  // Additional options
-})
-```
+## 🎨 Styling
 
-### Scoped Configuration
+Components use Tailwind CSS with custom properties:
 
-```vue
-<template>
-  <StrandsConfigProvider :config="scopedConfig">
-    <StrandsAuth />
-  </StrandsConfigProvider>
-</template>
-
-<script setup lang="ts">
-const scopedConfig = {
-  apiBaseUrl: 'https://different-api.com'
+```css
+:root {
+  --strands-primary: #EA00A8;  /* Strands brand color */
+  --strands-secondary: #B8006F;
+  /* Set via accentColor config */
 }
-</script>
 ```
 
-## 🎯 OAuth Integration
-
-OAuth providers are dynamically loaded from your API endpoint:
-
-```javascript
-// GET /api/v1/oauth/providers
-{
-  "providers": [
-    {
-      "id": "google",
-      "name": "Google",
-      "displayName": "Google",
-      "iconUrl": "https://example.com/google-icon.svg",
-      "enabled": true
-    }
-  ]
+To use custom styles:
+```typescript
+strandsAuth: {
+  styles: false, // Disable auto-import
+  // ... other config
 }
 ```
 
-## 📱 Responsive Design
+## 🚨 Common Issues
 
-All components are mobile-first and responsive:
+### "Cannot connect to API"
+- Verify your domain is registered in applications table
+- Check CORS is enabled for your origin
+- Ensure API is running (development: port 8000)
 
-- **Mobile**: Optimized touch targets and layouts
-- **Tablet**: Adaptive spacing and sizing
-- **Desktop**: Full-featured experience
+### "Invalid client configuration"
+- Application domain must match request origin
+- Cannot use from localhost without registration
 
-## 🔧 Troubleshooting
+### "MFA verification failed"
+- TOTP codes expire after 30 seconds
+- Email codes expire after 10 minutes
+- Hardware keys require HTTPS origin
 
-### Nuxt Module Issues
+## 🔧 Development Setup
 
-**Module not found:**
-```bash
-npm install @strands.gg/accui
-# Ensure module is in nuxt.config.ts modules array
-# Ensure you're using version 0.0.8+ which includes the fixed module build
-```
+For local development of Strands applications:
 
-**"Cannot find module './nuxt/module'" error:**
+1. Run the API locally:
 ```bash
-# This was fixed in v0.0.8 - update to the latest version:
-npm update @strands.gg/accui
-```
-
-**TypeScript errors:**
-```typescript
-// Add type declaration in nuxt.config.ts
-declare module '@nuxt/schema' {
-  interface RuntimeConfig {
-    public: {
-      strandsAuth: StrandsAuthConfig
-    }
-  }
-}
+cd apps/accounts-api
+cargo run --bin accounts-api
 ```
 
-**Components not auto-importing:**
-```typescript
-// Verify module configuration
-modules: ['@strands.gg/accui/nuxt']
+2. Register your local domain:
+```sql
+INSERT INTO applications (domain, name) 
+VALUES ('localhost:3001', 'Local Dev');
 ```
 
-**Styles not loading:**
+3. Configure Nuxt:
 ```typescript
-// Check if auto-import is enabled (default: true)
-runtimeConfig: {
-  public: {
-    strandsAuth: {
-      autoImportStyles: true // Enable auto-import
-    }
-  }
+strandsAuth: {
+  baseUrl: 'http://localhost:8000',
+  devMode: true
 }
-
-// Or manually import styles:
-export default defineNuxtConfig({
-  css: ['@strands.gg/accui/style.css'] // Manual import
-})
-
-// For completely custom styling:
-runtimeConfig: {
-  public: {
-    strandsAuth: {
-      autoImportStyles: false // Disable auto-import
-    }
-  }
-}
-```
-
-**Middleware not working:**
-```vue
-<!-- Ensure pages are in pages/ directory -->
-<script setup lang="ts">
-definePageMeta({
-  middleware: 'auth' // or 'guest'
-})
-</script>
 ```
 
-### Common Issues
-
-**Build errors:**
-- Ensure Node.js 16+ is installed
-- Clear `.nuxt` and `node_modules`, reinstall dependencies
-- Check for conflicting CSS frameworks
-
-**Runtime errors:**
-- Verify `apiBaseUrl` and `clientId` configuration
-- Check browser console for detailed error messages
-- Enable `devMode: true` for debugging
-
-## 🎨 Theming
-
-Components use CSS custom properties for theming:
-
-```css
-:root {
-  --strands-primary: #your-brand-color;
-  --strands-secondary: #your-secondary-color;
-  /* Additional theme variables */
-}
-```
-
-## 📋 TypeScript Support
-
-Full TypeScript definitions included:
+## 📋 TypeScript Types
 
 ```typescript
-import type { 
-  StrandsUser, 
-  StrandsSession, 
-  StrandsAuthConfig,
-  ButtonVariant,
-  InputType 
+import type {
+  User,              // User model from API
+  Session,           // JWT session data
+  StrandsAuthConfig, // Module configuration
+  MfaDevice,        // MFA device types
+  AuthResponse      // API responses
 } from '@strands.gg/accui'
 ```
 
-## 🔧 Requirements
+## 🏗️ Infrastructure Requirements
 
-- **Vue**: 3.5+ 
-- **Node**: 16+
-- **TypeScript**: 5+ (optional but recommended)
-- **Nuxt**: 3.0+ (for `/nuxt` module) or 4.0+ (for `/nuxt-v4` module)
+- **Database**: PostgreSQL with migrations
+- **Cache**: Redis for sessions
+- **Email**: SMTP server for magic links
+- **Storage**: S3-compatible for avatars (optional)
+- **Domain**: Registered in applications table
 
 ## 📄 License
 
-MIT © Strands Services Limited
+**PROPRIETARY - Strands Services Limited**
+
+This software is the proprietary property of Strands Services Limited and may only be used in accordance with the terms of your agreement with Strands Services.
 
 ---
 
-**Need help?** Check out our [documentation](https://docs.strands.gg) or open an issue on GitHub.
+**Internal Support**: Contact the platform team via Slack #platform-support
 
+**External Inquiries**: This package is not available for external use. For partnership inquiries, contact business@strands.gg

package/dist/accui.css

@@ -454,6 +454,9 @@
   .inline-flex {
     display: inline-flex;
   }
+  .table {
+    display: table;
+  }
   .h-3 {
     height: calc(var(--spacing) * 3);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strands.gg/accui",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Strands Authentication UI Components",
   "type": "module",
   "main": "./dist/strands-auth-ui.cjs.js",