update messaging for unknown icons on home feed

- Known entities get routed to their corresponding detail views
- Unknown entities pop up a notification

.gitignore

@@ -51,6 +51,7 @@ vendor/
 # Build logs
 build_logs/
 
-android/app/src/main/assets/public
-android/app/src/main/res
+# PWA icon files generated by capacitor-assets
+icons
+
 

BUILDING.md

@@ -343,7 +343,11 @@ Prerequisites: macOS with Xcode installed
 3. Copy the assets:
 
    ```bash
+   # It makes no sense why capacitor-assets will not run without these but it actually changes the contents.
    mkdir -p ios/App/App/Assets.xcassets/AppIcon.appiconset
+   echo '{"images":[]}' > ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json
+   mkdir -p ios/App/App/Assets.xcassets/Splash.imageset
+   echo '{"images":[]}' > ios/App/App/Assets.xcassets/Splash.imageset/Contents.json
    npx capacitor-assets generate --ios
    ```
 

android/app/src/main/assets/capacitor.config.json

@@ -1,5 +1,5 @@
 {
-	"appId": "app.timesafari",
+	"appId": "app.timesafari.app",
 	"appName": "TimeSafari",
 	"webDir": "dist",
 	"bundledWebRuntime": false,

android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -1,5 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-    <background android:drawable="@color/ic_launcher_background"/>
-    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+    <background>
+        <inset android:drawable="@mipmap/ic_launcher_background" android:inset="16.7%" />
+    </background>
+    <foreground>
+        <inset android:drawable="@mipmap/ic_launcher_foreground" android:inset="16.7%" />
+    </foreground>
 </adaptive-icon>

android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml

@@ -1,5 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-    <background android:drawable="@color/ic_launcher_background"/>
-    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+    <background>
+        <inset android:drawable="@mipmap/ic_launcher_background" android:inset="16.7%" />
+    </background>
+    <foreground>
+        <inset android:drawable="@mipmap/ic_launcher_foreground" android:inset="16.7%" />
+    </foreground>
 </adaptive-icon>

docs/dexie-to-sqlite-mapping.md

@@ -1,389 +0,0 @@
-# Dexie to SQLite Mapping Guide
-
-## Schema Mapping
-
-### Current Dexie Schema
-```typescript
-// Current Dexie schema
-const db = new Dexie('TimeSafariDB');
-
-db.version(1).stores({
-  accounts: 'did, publicKeyHex, createdAt, updatedAt',
-  settings: 'key, value, updatedAt',
-  contacts: 'id, did, name, createdAt, updatedAt'
-});
-```
-
-### New SQLite Schema
-```sql
--- New SQLite schema
-CREATE TABLE accounts (
-  did TEXT PRIMARY KEY,
-  public_key_hex TEXT NOT NULL,
-  created_at INTEGER NOT NULL,
-  updated_at INTEGER NOT NULL
-);
-
-CREATE TABLE settings (
-  key TEXT PRIMARY KEY,
-  value TEXT NOT NULL,
-  updated_at INTEGER NOT NULL
-);
-
-CREATE TABLE contacts (
-  id TEXT PRIMARY KEY,
-  did TEXT NOT NULL,
-  name TEXT,
-  created_at INTEGER NOT NULL,
-  updated_at INTEGER NOT NULL,
-  FOREIGN KEY (did) REFERENCES accounts(did)
-);
-
--- Indexes for performance
-CREATE INDEX idx_accounts_created_at ON accounts(created_at);
-CREATE INDEX idx_contacts_did ON contacts(did);
-CREATE INDEX idx_settings_updated_at ON settings(updated_at);
-```
-
-## Query Mapping
-
-### 1. Account Operations
-
-#### Get Account by DID
-```typescript
-// Dexie
-const account = await db.accounts.get(did);
-
-// SQLite
-const account = await db.selectOne(`
-  SELECT * FROM accounts WHERE did = ?
-`, [did]);
-```
-
-#### Get All Accounts
-```typescript
-// Dexie
-const accounts = await db.accounts.toArray();
-
-// SQLite
-const accounts = await db.selectAll(`
-  SELECT * FROM accounts ORDER BY created_at DESC
-`);
-```
-
-#### Add Account
-```typescript
-// Dexie
-await db.accounts.add({
-  did,
-  publicKeyHex,
-  createdAt: Date.now(),
-  updatedAt: Date.now()
-});
-
-// SQLite
-await db.execute(`
-  INSERT INTO accounts (did, public_key_hex, created_at, updated_at)
-  VALUES (?, ?, ?, ?)
-`, [did, publicKeyHex, Date.now(), Date.now()]);
-```
-
-#### Update Account
-```typescript
-// Dexie
-await db.accounts.update(did, {
-  publicKeyHex,
-  updatedAt: Date.now()
-});
-
-// SQLite
-await db.execute(`
-  UPDATE accounts 
-  SET public_key_hex = ?, updated_at = ?
-  WHERE did = ?
-`, [publicKeyHex, Date.now(), did]);
-```
-
-### 2. Settings Operations
-
-#### Get Setting
-```typescript
-// Dexie
-const setting = await db.settings.get(key);
-
-// SQLite
-const setting = await db.selectOne(`
-  SELECT * FROM settings WHERE key = ?
-`, [key]);
-```
-
-#### Set Setting
-```typescript
-// Dexie
-await db.settings.put({
-  key,
-  value,
-  updatedAt: Date.now()
-});
-
-// SQLite
-await db.execute(`
-  INSERT INTO settings (key, value, updated_at)
-  VALUES (?, ?, ?)
-  ON CONFLICT(key) DO UPDATE SET
-    value = excluded.value,
-    updated_at = excluded.updated_at
-`, [key, value, Date.now()]);
-```
-
-### 3. Contact Operations
-
-#### Get Contacts by Account
-```typescript
-// Dexie
-const contacts = await db.contacts
-  .where('did')
-  .equals(accountDid)
-  .toArray();
-
-// SQLite
-const contacts = await db.selectAll(`
-  SELECT * FROM contacts 
-  WHERE did = ?
-  ORDER BY created_at DESC
-`, [accountDid]);
-```
-
-#### Add Contact
-```typescript
-// Dexie
-await db.contacts.add({
-  id: generateId(),
-  did: accountDid,
-  name,
-  createdAt: Date.now(),
-  updatedAt: Date.now()
-});
-
-// SQLite
-await db.execute(`
-  INSERT INTO contacts (id, did, name, created_at, updated_at)
-  VALUES (?, ?, ?, ?, ?)
-`, [generateId(), accountDid, name, Date.now(), Date.now()]);
-```
-
-## Transaction Mapping
-
-### Batch Operations
-```typescript
-// Dexie
-await db.transaction('rw', [db.accounts, db.contacts], async () => {
-  await db.accounts.add(account);
-  await db.contacts.bulkAdd(contacts);
-});
-
-// SQLite
-await db.transaction(async (tx) => {
-  await tx.execute(`
-    INSERT INTO accounts (did, public_key_hex, created_at, updated_at)
-    VALUES (?, ?, ?, ?)
-  `, [account.did, account.publicKeyHex, account.createdAt, account.updatedAt]);
-
-  for (const contact of contacts) {
-    await tx.execute(`
-      INSERT INTO contacts (id, did, name, created_at, updated_at)
-      VALUES (?, ?, ?, ?, ?)
-    `, [contact.id, contact.did, contact.name, contact.createdAt, contact.updatedAt]);
-  }
-});
-```
-
-## Migration Helper Functions
-
-### 1. Data Export (Dexie to JSON)
-```typescript
-async function exportDexieData(): Promise<MigrationData> {
-  const db = new Dexie('TimeSafariDB');
-  
-  return {
-    accounts: await db.accounts.toArray(),
-    settings: await db.settings.toArray(),
-    contacts: await db.contacts.toArray(),
-    metadata: {
-      version: '1.0.0',
-      timestamp: Date.now(),
-      dexieVersion: Dexie.version
-    }
-  };
-}
-```
-
-### 2. Data Import (JSON to SQLite)
-```typescript
-async function importToSQLite(data: MigrationData): Promise<void> {
-  const db = await getSQLiteConnection();
-  
-  await db.transaction(async (tx) => {
-    // Import accounts
-    for (const account of data.accounts) {
-      await tx.execute(`
-        INSERT INTO accounts (did, public_key_hex, created_at, updated_at)
-        VALUES (?, ?, ?, ?)
-      `, [account.did, account.publicKeyHex, account.createdAt, account.updatedAt]);
-    }
-    
-    // Import settings
-    for (const setting of data.settings) {
-      await tx.execute(`
-        INSERT INTO settings (key, value, updated_at)
-        VALUES (?, ?, ?)
-      `, [setting.key, setting.value, setting.updatedAt]);
-    }
-    
-    // Import contacts
-    for (const contact of data.contacts) {
-      await tx.execute(`
-        INSERT INTO contacts (id, did, name, created_at, updated_at)
-        VALUES (?, ?, ?, ?, ?)
-      `, [contact.id, contact.did, contact.name, contact.createdAt, contact.updatedAt]);
-    }
-  });
-}
-```
-
-### 3. Verification
-```typescript
-async function verifyMigration(dexieData: MigrationData): Promise<boolean> {
-  const db = await getSQLiteConnection();
-  
-  // Verify account count
-  const accountCount = await db.selectValue(
-    'SELECT COUNT(*) FROM accounts'
-  );
-  if (accountCount !== dexieData.accounts.length) {
-    return false;
-  }
-  
-  // Verify settings count
-  const settingsCount = await db.selectValue(
-    'SELECT COUNT(*) FROM settings'
-  );
-  if (settingsCount !== dexieData.settings.length) {
-    return false;
-  }
-  
-  // Verify contacts count
-  const contactsCount = await db.selectValue(
-    'SELECT COUNT(*) FROM contacts'
-  );
-  if (contactsCount !== dexieData.contacts.length) {
-    return false;
-  }
-  
-  // Verify data integrity
-  for (const account of dexieData.accounts) {
-    const migratedAccount = await db.selectOne(
-      'SELECT * FROM accounts WHERE did = ?',
-      [account.did]
-    );
-    if (!migratedAccount || 
-        migratedAccount.public_key_hex !== account.publicKeyHex) {
-      return false;
-    }
-  }
-  
-  return true;
-}
-```
-
-## Performance Considerations
-
-### 1. Indexing
-- Dexie automatically creates indexes based on the schema
-- SQLite requires explicit index creation
-- Added indexes for frequently queried fields
-
-### 2. Batch Operations
-- Dexie has built-in bulk operations
-- SQLite uses transactions for batch operations
-- Consider chunking large datasets
-
-### 3. Query Optimization
-- Dexie uses IndexedDB's native indexing
-- SQLite requires explicit query optimization
-- Use prepared statements for repeated queries
-
-## Error Handling
-
-### 1. Common Errors
-```typescript
-// Dexie errors
-try {
-  await db.accounts.add(account);
-} catch (error) {
-  if (error instanceof Dexie.ConstraintError) {
-    // Handle duplicate key
-  }
-}
-
-// SQLite errors
-try {
-  await db.execute(`
-    INSERT INTO accounts (did, public_key_hex, created_at, updated_at)
-    VALUES (?, ?, ?, ?)
-  `, [account.did, account.publicKeyHex, account.createdAt, account.updatedAt]);
-} catch (error) {
-  if (error.code === 'SQLITE_CONSTRAINT') {
-    // Handle duplicate key
-  }
-}
-```
-
-### 2. Transaction Recovery
-```typescript
-// Dexie transaction
-try {
-  await db.transaction('rw', db.accounts, async () => {
-    // Operations
-  });
-} catch (error) {
-  // Dexie automatically rolls back
-}
-
-// SQLite transaction
-const db = await getSQLiteConnection();
-try {
-  await db.transaction(async (tx) => {
-    // Operations
-  });
-} catch (error) {
-  // SQLite automatically rolls back
-  await db.execute('ROLLBACK');
-}
-```
-
-## Migration Strategy
-
-1. **Preparation**
-   - Export all Dexie data
-   - Verify data integrity
-   - Create SQLite schema
-   - Setup indexes
-
-2. **Migration**
-   - Import data in transactions
-   - Verify each batch
-   - Handle errors gracefully
-   - Maintain backup
-
-3. **Verification**
-   - Compare record counts
-   - Verify data integrity
-   - Test common queries
-   - Validate relationships
-
-4. **Cleanup**
-   - Remove Dexie database
-   - Clear IndexedDB storage
-   - Update application code
-   - Remove old dependencies 

docs/storage-implementation-checklist.md

@@ -1,307 +0,0 @@
-# Storage Implementation Checklist
-
-## Core Services
-
-### 1. Storage Service Layer
-- [ ] Create base `StorageService` interface
-  - [ ] Define common methods for all platforms
-  - [ ] Add platform-specific method signatures
-  - [ ] Include error handling types
-  - [ ] Add migration support methods
-
-- [ ] Implement platform-specific services
-  - [ ] `WebSQLiteService` (wa-sqlite)
-    - [ ] Database initialization
-    - [ ] VFS setup
-    - [ ] Connection management
-    - [ ] Query builder
-  - [ ] `NativeSQLiteService` (iOS/Android)
-    - [ ] SQLCipher integration
-    - [ ] Native bridge setup
-    - [ ] File system access
-  - [ ] `ElectronSQLiteService`
-    - [ ] Node SQLite integration
-    - [ ] IPC communication
-    - [ ] File system access
-
-### 2. Migration Services
-- [ ] Implement `MigrationService`
-  - [ ] Backup creation
-  - [ ] Data verification
-  - [ ] Rollback procedures
-  - [ ] Progress tracking
-- [ ] Create `MigrationUI` components
-  - [ ] Progress indicators
-  - [ ] Error handling
-  - [ ] User notifications
-  - [ ] Manual triggers
-
-### 3. Security Layer
-- [ ] Implement `EncryptionService`
-  - [ ] Key management
-  - [ ] Encryption/decryption
-  - [ ] Secure storage
-- [ ] Add `BiometricService`
-  - [ ] Platform detection
-  - [ ] Authentication flow
-  - [ ] Fallback mechanisms
-
-## Platform-Specific Implementation
-
-### Web Platform
-- [ ] Setup wa-sqlite
-  - [ ] Install dependencies
-    ```json
-    {
-      "@wa-sqlite/sql.js": "^0.8.12",
-      "@wa-sqlite/sql.js-httpvfs": "^0.8.12"
-    }
-    ```
-    (May not need httpvfs. Here's one recommended install method: `npm add github:rhashimoto/wa-sqlite`)
-  - [ ] Configure VFS for IndexedDB (eg. IDBBatchAtomicVFS)
-  - [ ] Setup worker threads
-  - [ ] Implement connection pooling
-
-- [ ] Update build configuration
-  - [ ] Modify `vite.config.ts`
-  - [ ] Add worker configuration
-  - [ ] Update chunk splitting
-  - [ ] Configure asset handling
-
-- [ ] Implement IndexedDB fallback
-  - [ ] Create fallback service
-  - [ ] Add data synchronization
-  - [ ] Handle quota exceeded
-
-### iOS Platform
-- [ ] Setup SQLCipher
-  - [ ] Install pod dependencies
-  - [ ] Configure encryption
-  - [ ] Setup keychain access
-  - [ ] Implement secure storage
-
-- [ ] Update Capacitor config
-  - [ ] Modify `capacitor.config.ts`
-  - [ ] Add iOS permissions
-  - [ ] Configure backup
-  - [ ] Setup app groups
-
-### Android Platform
-- [ ] Setup SQLCipher
-  - [ ] Add Gradle dependencies
-  - [ ] Configure encryption
-  - [ ] Setup keystore
-  - [ ] Implement secure storage
-
-- [ ] Update Capacitor config
-  - [ ] Modify `capacitor.config.ts`
-  - [ ] Add Android permissions
-  - [ ] Configure backup
-  - [ ] Setup file provider
-
-### Electron Platform
-- [ ] Setup Node SQLite
-  - [ ] Install dependencies
-  - [ ] Configure IPC
-  - [ ] Setup file system access
-  - [ ] Implement secure storage
-
-- [ ] Update Electron config
-  - [ ] Modify `electron.config.ts`
-  - [ ] Add security policies
-  - [ ] Configure file access
-  - [ ] Setup auto-updates
-
-## Data Models and Types
-
-### 1. Database Schema
-- [ ] Define tables
-  ```sql
-  -- Accounts table
-  CREATE TABLE accounts (
-    did TEXT PRIMARY KEY,
-    public_key_hex TEXT NOT NULL,
-    created_at INTEGER NOT NULL,
-    updated_at INTEGER NOT NULL
-  );
-
-  -- Settings table
-  CREATE TABLE settings (
-    key TEXT PRIMARY KEY,
-    value TEXT NOT NULL,
-    updated_at INTEGER NOT NULL
-  );
-
-  -- Contacts table
-  CREATE TABLE contacts (
-    id TEXT PRIMARY KEY,
-    did TEXT NOT NULL,
-    name TEXT,
-    created_at INTEGER NOT NULL,
-    updated_at INTEGER NOT NULL,
-    FOREIGN KEY (did) REFERENCES accounts(did)
-  );
-  ```
-
-- [ ] Create indexes
-- [ ] Define constraints
-- [ ] Add triggers
-- [ ] Setup migrations
-
-### 2. Type Definitions
-- [ ] Create interfaces
-  ```typescript
-  interface Account {
-    did: string;
-    publicKeyHex: string;
-    createdAt: number;
-    updatedAt: number;
-  }
-
-  interface Setting {
-    key: string;
-    value: string;
-    updatedAt: number;
-  }
-
-  interface Contact {
-    id: string;
-    did: string;
-    name?: string;
-    createdAt: number;
-    updatedAt: number;
-  }
-  ```
-
-- [ ] Add validation
-- [ ] Create DTOs
-- [ ] Define enums
-- [ ] Add type guards
-
-## UI Components
-
-### 1. Migration UI
-- [ ] Create components
-  - [ ] `MigrationProgress.vue`
-  - [ ] `MigrationError.vue`
-  - [ ] `MigrationSettings.vue`
-  - [ ] `MigrationStatus.vue`
-
-### 2. Settings UI
-- [ ] Update components
-  - [ ] Add storage settings
-  - [ ] Add migration controls
-  - [ ] Add backup options
-  - [ ] Add security settings
-
-### 3. Error Handling UI
-- [ ] Create components
-  - [ ] `StorageError.vue`
-  - [ ] `QuotaExceeded.vue`
-  - [ ] `MigrationFailed.vue`
-  - [ ] `RecoveryOptions.vue`
-
-## Testing
-
-### 1. Unit Tests
-- [ ] Test services
-  - [ ] Storage service tests
-  - [ ] Migration service tests
-  - [ ] Security service tests
-  - [ ] Platform detection tests
-
-### 2. Integration Tests
-- [ ] Test migrations
-  - [ ] Web platform tests
-  - [ ] iOS platform tests
-  - [ ] Android platform tests
-  - [ ] Electron platform tests
-
-### 3. E2E Tests
-- [ ] Test workflows
-  - [ ] Account management
-  - [ ] Settings management
-  - [ ] Contact management
-  - [ ] Migration process
-
-## Documentation
-
-### 1. Technical Documentation
-- [ ] Update architecture docs
-- [ ] Add API documentation
-- [ ] Create migration guides
-- [ ] Document security measures
-
-### 2. User Documentation
-- [ ] Update user guides
-- [ ] Add troubleshooting guides
-- [ ] Create FAQ
-- [ ] Document new features
-
-## Deployment
-
-### 1. Build Process
-- [ ] Update build scripts
-- [ ] Add platform-specific builds
-- [ ] Configure CI/CD
-- [ ] Setup automated testing
-
-### 2. Release Process
-- [ ] Create release checklist
-- [ ] Add version management
-- [ ] Setup rollback procedures
-- [ ] Configure monitoring
-
-## Monitoring and Analytics
-
-### 1. Error Tracking
-- [ ] Setup error logging
-- [ ] Add performance monitoring
-- [ ] Configure alerts
-- [ ] Create dashboards
-
-### 2. Usage Analytics
-- [ ] Add storage metrics
-- [ ] Track migration success
-- [ ] Monitor performance
-- [ ] Collect user feedback
-
-## Security Audit
-
-### 1. Code Review
-- [ ] Review encryption
-- [ ] Check access controls
-- [ ] Verify data handling
-- [ ] Audit dependencies
-
-### 2. Penetration Testing
-- [ ] Test data access
-- [ ] Verify encryption
-- [ ] Check authentication
-- [ ] Review permissions
-
-## Success Criteria
-
-### 1. Performance
-- [ ] Query response time < 100ms
-- [ ] Migration time < 5s per 1000 records
-- [ ] Storage overhead < 10%
-- [ ] Memory usage < 50MB
-
-### 2. Reliability
-- [ ] 99.9% uptime
-- [ ] Zero data loss
-- [ ] Automatic recovery
-- [ ] Backup verification
-
-### 3. Security
-- [ ] AES-256 encryption
-- [ ] Secure key storage
-- [ ] Access control
-- [ ] Audit logging
-
-### 4. User Experience
-- [ ] Smooth migration
-- [ ] Clear error messages
-- [ ] Progress indicators
-- [ ] Recovery options 

ios/.gitignore

@@ -11,3 +11,16 @@ capacitor-cordova-ios-plugins
 # Generated Config files
 App/App/capacitor.config.json
 App/App/config.xml
+
+# User-specific Xcode files
+App/App.xcodeproj/xcuserdata/*.xcuserdatad/
+App/App.xcodeproj/*.xcuserstate
+
+fastlane/report.xml
+fastlane/Preview.html
+fastlane/screenshots
+fastlane/test_output
+
+# Generated Icons from capacitor-assets (also Contents.json which is confusing; see BUILDING.md)
+App/App/Assets.xcassets/AppIcon.appiconset
+App/App/Assets.xcassets/Splash.imageset

ios/App/App.xcodeproj/project.pbxproj

@@ -380,6 +380,7 @@
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = 18;
+				DEVELOPMENT_TEAM = GM3FS5JQPH;
 				ENABLE_APP_SANDBOX = NO;
 				ENABLE_USER_SCRIPT_SANDBOXING = NO;
 				INFOPLIST_FILE = App/Info.plist;
@@ -406,6 +407,7 @@
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = 18;
+				DEVELOPMENT_TEAM = GM3FS5JQPH;
 				ENABLE_APP_SANDBOX = NO;
 				ENABLE_USER_SCRIPT_SANDBOXING = NO;
 				INFOPLIST_FILE = App/Info.plist;

ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json

@@ -1,14 +0,0 @@
-{
-  "images": [
-    {
-      "idiom": "universal",
-      "size": "1024x1024",
-      "filename": "AppIcon-512@2x.png",
-      "platform": "ios"
-    }
-  ],
-  "info": {
-    "author": "xcode",
-    "version": 1
-  }
-}

ios/App/App/Assets.xcassets/Splash.imageset/Contents.json

@@ -1,23 +0,0 @@
-{
-  "images" : [
-    {
-      "idiom" : "universal",
-      "filename" : "splash-2732x2732-2.png",
-      "scale" : "1x"
-    },
-    {
-      "idiom" : "universal",
-      "filename" : "splash-2732x2732-1.png",
-      "scale" : "2x"
-    },
-    {
-      "idiom" : "universal",
-      "filename" : "splash-2732x2732.png",
-      "scale" : "3x"
-    }
-  ],
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
-  }
-}

main.js

@@ -0,0 +1,29 @@
+const { app, BrowserWindow } = require('electron');
+const path = require('path');
+
+function createWindow() {
+  const win = new BrowserWindow({
+    width: 1200,
+    height: 800,
+    webPreferences: {
+      nodeIntegration: true,
+      contextIsolation: false
+    }
+  });
+
+  win.loadFile(path.join(__dirname, 'dist-electron/www/index.html'));
+}
+
+app.whenReady().then(createWindow);
+
+app.on('window-all-closed', () => {
+  if (process.platform !== 'darwin') {
+    app.quit();
+  }
+});
+
+app.on('activate', () => {
+  if (BrowserWindow.getAllWindows().length === 0) {
+    createWindow();
+  }
+}); 

package.json

@@ -165,7 +165,7 @@
   },
   "main": "./dist-electron/main.js",
   "build": {
-    "appId": "app.timesafari",
+    "appId": "app.timesafari.app",
     "productName": "TimeSafari",
     "directories": {
       "output": "dist-electron-packages"

scripts/check-prerequisites.js

@@ -51,7 +51,7 @@ const { existsSync } = require('fs');
  */
 function checkCommand(command, errorMessage) {
     try {
-        execSync(command + ' --version', { stdio: 'ignore' });
+        execSync(command, { stdio: 'ignore' });
         return true;
     } catch (e) {
         console.error(`❌ ${errorMessage}`);
@@ -164,10 +164,10 @@ function main() {
 
     // Check required command line tools
     // These are essential for building and testing the application
-    success &= checkCommand('node', 'Node.js is required');
-    success &= checkCommand('npm', 'npm is required');
-    success &= checkCommand('gradle', 'Gradle is required for Android builds');
-    success &= checkCommand('xcodebuild', 'Xcode is required for iOS builds');
+    success &= checkCommand('node --version', 'Node.js is required');
+    success &= checkCommand('npm --version', 'npm is required');
+    success &= checkCommand('gradle --version', 'Gradle is required for Android builds');
+    success &= checkCommand('xcodebuild --help', 'Xcode is required for iOS builds');
 
     // Check platform-specific development environments
     success &= checkAndroidSetup();

scripts/test-android.js

@@ -170,7 +170,7 @@ const executeDeeplink = async (url, description, log) => {
     
     try {
         // Stop the app before executing the deep link
-        execSync('adb shell am force-stop app.timesafari');
+        execSync('adb shell am force-stop app.timesafari.app');
         await new Promise(resolve => setTimeout(resolve, 1000)); // Wait 1s
         
         execSync(`adb shell am start -W -a android.intent.action.VIEW -d "${url}" -c android.intent.category.BROWSABLE`);

src/components/ActivityListItem.vue

@@ -14,22 +14,37 @@
       class="flex items-center justify-between gap-2 text-lg bg-slate-200 border border-slate-300 border-b-0 rounded-t-md px-3 sm:px-4 py-1 sm:py-2"
     >
       <div class="flex items-center gap-2">
-        <div v-if="record.issuerDid">
+        <router-link
+          v-if="record.issuerDid && !isHiddenDid(record.issuerDid)"
+          :to="{
+            path: '/did/' + encodeURIComponent(record.issuerDid),
+          }"
+          title="More details about this person"
+        >
           <EntityIcon
             :entity-id="record.issuerDid"
             class="rounded-full bg-white overflow-hidden !size-[2rem] object-cover"
           />
-        </div>
-        <div v-else>
-          <font-awesome
-            icon="person-circle-question"
-            class="text-slate-300 text-[2rem]"
-          />
-        </div>
+        </router-link>
+        <font-awesome
+          v-else-if="isHiddenDid(record.issuerDid)"
+          icon="eye-slash"
+          class="text-slate-400 !size-[2rem] cursor-pointer"
+          @click="notifyHiddenPerson"
+        />
+        <font-awesome
+          v-else
+          icon="person-circle-question"
+          class="text-slate-400 !size-[2rem] cursor-pointer"
+          @click="notifyUnknownPerson"
+        />
 
         <div>
-          <h3 class="font-semibold">
-            {{ record.issuer.known ? record.issuer.displayName : "" }}
+          <h3
+            v-if="record.issuer.known"
+            class="font-semibold leading-tight"
+          >
+            {{ record.issuer.displayName }}
           </h3>
           <p class="ms-auto text-xs text-slate-500 italic">
             {{ friendlyDate }}
@@ -46,7 +61,7 @@
       <!-- Record Image -->
       <div
         v-if="record.image"
-        class="bg-cover mb-6 -mt-3 sm:-mt-4 -mx-3 sm:-mx-4"
+        class="bg-cover mb-4 -mt-3 sm:-mt-4 -mx-3 sm:-mx-4"
         :style="`background-image: url(${record.image});`"
       >
         <a
@@ -63,33 +78,55 @@
       </div>
 
       <div
-        class="relative flex justify-between gap-4 max-w-[40rem] mx-auto mb-5"
+        class="relative flex justify-between gap-4 max-w-[40rem] mx-auto mb-3"
       >
         <!-- Source -->
         <div
-          class="w-[8rem] sm:w-[12rem] text-center bg-white border border-slate-200 rounded p-2 sm:p-3"
+          class="w-[7rem] sm:w-[12rem] text-center bg-white border border-slate-200 rounded p-2 sm:p-3"
         >
           <div class="relative w-fit mx-auto">
             <div>
               <!-- Project Icon -->
               <div v-if="record.providerPlanName">
-                <ProjectIcon
-                  :entity-id="record.providerPlanName"
-                  :icon-size="48"
-                  class="rounded size-[3rem] sm:size-[4rem] *:w-full *:h-full"
-                />
+                <router-link
+                  :to="{
+                    path: '/project/' + encodeURIComponent(record.providerPlanHandleId || ''),
+                  }"
+                  title="View project details"
+                >
+                  <ProjectIcon
+                    :entity-id="record.providerPlanHandleId || ''"
+                    :icon-size="48"
+                    class="rounded size-[3rem] sm:size-[4rem] *:w-full *:h-full"
+                  />
+                </router-link>
               </div>
               <!-- Identicon for DIDs -->
               <div v-else-if="record.agentDid">
-                <EntityIcon
-                  :entity-id="record.agentDid"
-                  :profile-image-url="record.issuer.profileImageUrl"
-                  class="rounded-full bg-slate-100 overflow-hidden !size-[3rem] sm:!size-[4rem]"
+                <router-link
+                  v-if="!isHiddenDid(record.agentDid)"
+                  :to="{
+                    path: '/did/' + encodeURIComponent(record.agentDid),
+                  }"
+                  title="More details about this person"
+                >
+                  <EntityIcon
+                    :entity-id="record.agentDid"
+                    :profile-image-url="record.issuer.profileImageUrl"
+                    class="rounded-full bg-slate-100 overflow-hidden !size-[3rem] sm:!size-[4rem]"
+                  />
+                </router-link>
+                <font-awesome
+                  v-else
+                  @click="notifyHiddenPerson"
+                  icon="eye-slash"
+                  class="text-slate-300 !size-[3rem] sm:!size-[4rem]"
                 />
               </div>
               <!-- Unknown Person -->
               <div v-else>
                 <font-awesome
+                  @click="notifyUnknownPerson"
                   icon="person-circle-question"
                   class="text-slate-300 text-[3rem] sm:text-[4rem]"
                 />
@@ -110,9 +147,9 @@
 
         <!-- Arrow -->
         <div
-          class="absolute inset-x-[8rem] sm:inset-x-[12rem] mx-2 top-1/2 -translate-y-1/2"
+          class="absolute inset-x-[7rem] sm:inset-x-[12rem] mx-2 top-1/2 -translate-y-1/2"
         >
-          <div class="text-sm text-center leading-none font-semibold pe-[15px]">
+          <div class="text-sm text-center leading-none font-semibold pe-2 sm:pe-4">
             {{ fetchAmount }}
           </div>
 
@@ -129,29 +166,51 @@
 
         <!-- Destination -->
         <div
-          class="w-[8rem] sm:w-[12rem] text-center bg-white border border-slate-200 rounded p-2 sm:p-3"
+          class="w-[7rem] sm:w-[12rem] text-center bg-white border border-slate-200 rounded p-2 sm:p-3"
         >
           <div class="relative w-fit mx-auto">
             <div>
               <!-- Project Icon -->
               <div v-if="record.recipientProjectName">
-                <ProjectIcon
-                  :entity-id="record.recipientProjectName"
-                  :icon-size="48"
-                  class="rounded size-[3rem] sm:size-[4rem] *:w-full *:h-full"
-                />
+                <router-link
+                  :to="{
+                    path: '/project/' + encodeURIComponent(record.fulfillsPlanHandleId || ''),
+                  }"
+                  title="View project details"
+                >
+                  <ProjectIcon
+                    :entity-id="record.fulfillsPlanHandleId || ''"
+                    :icon-size="48"
+                    class="rounded size-[3rem] sm:size-[4rem] *:w-full *:h-full"
+                  />
+                </router-link>
               </div>
               <!-- Identicon for DIDs -->
               <div v-else-if="record.recipientDid">
-                <EntityIcon
-                  :entity-id="record.recipientDid"
-                  :profile-image-url="record.receiver.profileImageUrl"
-                  class="rounded-full bg-slate-100 overflow-hidden !size-[3rem] sm:!size-[4rem]"
+                <router-link
+                  v-if="!isHiddenDid(record.recipientDid)"
+                  :to="{
+                    path: '/did/' + encodeURIComponent(record.recipientDid),
+                  }"
+                  title="More details about this person"
+                >
+                  <EntityIcon
+                    :entity-id="record.recipientDid"
+                    :profile-image-url="record.receiver.profileImageUrl"
+                    class="rounded-full bg-slate-100 overflow-hidden !size-[3rem] sm:!size-[4rem]"
+                  />
+                </router-link>
+                <font-awesome
+                  v-else
+                  @click="notifyHiddenPerson"
+                  icon="eye-slash"
+                  class="text-slate-300 !size-[3rem] sm:!size-[4rem]"
                 />
               </div>
               <!-- Unknown Person -->
               <div v-else>
                 <font-awesome
+                  @click="notifyUnknownPerson"
                   icon="person-circle-question"
                   class="text-slate-300 text-[3rem] sm:text-[4rem]"
                 />
@@ -186,8 +245,9 @@ import { Component, Prop, Vue, Emit } from "vue-facing-decorator";
 import { GiveRecordWithContactInfo } from "../types";
 import EntityIcon from "./EntityIcon.vue";
 import { isGiveClaimType, notifyWhyCannotConfirm } from "../libs/util";
-import { containsHiddenDid } from "../libs/endorserServer";
+import { containsHiddenDid, isHiddenDid } from "../libs/endorserServer";
 import ProjectIcon from "./ProjectIcon.vue";
+import { NotificationIface } from "../constants/app";
 
 @Component({
   components: {
@@ -202,6 +262,33 @@ export default class ActivityListItem extends Vue {
   @Prop() activeDid!: string;
   @Prop() confirmerIdList?: string[];
 
+  isHiddenDid = isHiddenDid;
+  $notify!: (notification: NotificationIface, timeout?: number) => void;
+
+  notifyHiddenPerson() {
+    this.$notify(
+      {
+        group: "alert",
+        type: "warning",
+        title: "Person Outside Your Network",
+        text: "This person is not visible to you.",
+      },
+      3000
+    );
+  }
+
+  notifyUnknownPerson() {
+    this.$notify(
+      {
+        group: "alert",
+        type: "warning",
+        title: "Unidentified Person",
+        text: "Nobody specific was recognized.",
+      },
+      3000
+    );
+  }
+
   @Emit()
   cacheImage(image: string) {
     return image;

src/components/DataExportSection.vue

@@ -136,7 +136,7 @@ export default class DataExportSection extends Vue {
         transform: (table, value, key) => {
           if (table === "contacts") {
             // Dexie inserts a number 0 when some are undefined, so we need to totally remove them.
-            Object.keys(value).forEach(prop => {
+            Object.keys(value).forEach((prop) => {
               if (value[prop] === undefined) {
                 delete value[prop];
               }

src/components/ImageMethodDialog.vue

@@ -4,7 +4,7 @@
       <div class="text-lg text-center font-bold relative">
         <h1 id="ViewHeading" class="text-center font-bold">
           <span v-if="uploading">Uploading Image&hellip;</span>
-          <span v-else-if="blob">Crop Image</span>
+          <span v-else-if="blob">{{ crop ? 'Crop Image' : 'Preview Image' }}</span>
           <span v-else-if="showCameraPreview">Upload Image</span>
           <span v-else>Add Photo</span>
         </h1>
@@ -119,12 +119,21 @@
                   playsinline
                   muted
                 ></video>
-                <button
-                  class="absolute bottom-4 left-1/2 -translate-x-1/2 bg-white text-slate-800 p-3 rounded-full text-2xl leading-none"
-                  @click="capturePhoto"
-                >
-                  <font-awesome icon="camera" class="w-[1em]" />
-                </button>
+                <div class="absolute bottom-4 inset-x-0 flex items-center justify-center gap-4">
+                  <button
+                    class="bg-white text-slate-800 p-3 rounded-full text-2xl leading-none"
+                    @click="capturePhoto"
+                  >
+                    <font-awesome icon="camera" class="w-[1em]" />
+                  </button>
+                  <button
+                    v-if="platformCapabilities.isMobile"
+                    class="bg-white text-slate-800 p-3 rounded-full text-2xl leading-none"
+                    @click="rotateCamera"
+                  >
+                    <font-awesome icon="rotate" class="w-[1em]" />
+                  </button>
+                </div>
               </div>
             </div>
             <div
@@ -262,6 +271,11 @@ const inputImageFileNameRef = ref<Blob>();
       type: Boolean,
       default: true,
     },
+    defaultCameraMode: {
+      type: String,
+      default: 'environment',
+      validator: (value: string) => ['environment', 'user'].includes(value)
+    }
   },
 })
 export default class ImageMethodDialog extends Vue {
@@ -303,6 +317,9 @@ export default class ImageMethodDialog extends Vue {
   /** Camera stream reference */
   private cameraStream: MediaStream | null = null;
 
+  /** Current camera facing mode */
+  private currentFacingMode: 'environment' | 'user' = 'environment';
+
   private platformService = PlatformServiceFactory.getInstance();
   URL = window.URL || window.webkitURL;
 
@@ -362,15 +379,16 @@ export default class ImageMethodDialog extends Vue {
   }
 
   open(setImageFn: (arg: string) => void, claimType: string, crop?: boolean) {
+    logger.debug("ImageMethodDialog.open called");
     this.claimType = claimType;
     this.crop = !!crop;
     this.imageCallback = setImageFn;
     this.visible = true;
+    this.currentFacingMode = this.defaultCameraMode as 'environment' | 'user';
 
-    // Start camera preview immediately if not on mobile
-    if (!this.platformCapabilities.isNativeApp) {
-      this.startCameraPreview();
-    }
+    // Start camera preview immediately
+    logger.debug("Starting camera preview from open()");
+    this.startCameraPreview();
   }
 
   async uploadImageFile(event: Event) {
@@ -439,46 +457,21 @@ export default class ImageMethodDialog extends Vue {
     logger.debug("startCameraPreview called");
     logger.debug("Current showCameraPreview state:", this.showCameraPreview);
     logger.debug("Platform capabilities:", this.platformCapabilities);
+    logger.debug("MediaDevices available:", !!navigator.mediaDevices);
+    logger.debug("getUserMedia available:", !!(navigator.mediaDevices && navigator.mediaDevices.getUserMedia));
 
-    if (this.platformCapabilities.isNativeApp) {
-      logger.debug("Using platform service for mobile device");
-      this.cameraState = "initializing";
-      this.cameraStateMessage = "Using platform camera service...";
-      try {
-        const result = await this.platformService.takePicture();
-        this.blob = result.blob;
-        this.fileName = result.fileName;
-        this.cameraState = "ready";
-        this.cameraStateMessage = "Photo captured successfully";
-      } catch (error) {
-        logger.error("Error taking picture:", error);
-        this.cameraState = "error";
-        this.cameraStateMessage =
-          error instanceof Error ? error.message : "Failed to take picture";
-        this.error =
-          error instanceof Error ? error.message : "Failed to take picture";
-        this.$notify(
-          {
-            group: "alert",
-            type: "danger",
-            title: "Error",
-            text: "Failed to take picture. Please try again.",
-          },
-          5000,
-        );
-      }
-      return;
-    }
-
-    logger.debug("Starting camera preview for desktop browser");
     try {
       this.cameraState = "initializing";
       this.cameraStateMessage = "Requesting camera access...";
       this.showCameraPreview = true;
       await this.$nextTick();
 
+      if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+        throw new Error("Camera API not available in this browser");
+      }
+
       const stream = await navigator.mediaDevices.getUserMedia({
-        video: { facingMode: "environment" },
+        video: { facingMode: this.currentFacingMode },
       });
       logger.debug("Camera access granted");
       this.cameraStream = stream;
@@ -493,31 +486,41 @@ export default class ImageMethodDialog extends Vue {
         await new Promise((resolve) => {
           videoElement.onloadedmetadata = () => {
             videoElement.play().then(() => {
+              logger.debug("Video element started playing");
               resolve(true);
+            }).catch(error => {
+              logger.error("Error playing video:", error);
+              throw error;
             });
           };
         });
+      } else {
+        logger.error("Video element not found");
+        throw new Error("Video element not found");
       }
     } catch (error) {
       logger.error("Error starting camera preview:", error);
       let errorMessage =
         error instanceof Error ? error.message : "Failed to access camera";
       if (
+        error instanceof Error && (
         error.name === "NotReadableError" ||
         error.name === "TrackStartError"
-      ) {
+      )) {
         errorMessage =
           "Camera is in use by another application. Please close any other apps or browser tabs using the camera and try again.";
       } else if (
+        error instanceof Error && (
         error.name === "NotAllowedError" ||
         error.name === "PermissionDeniedError"
-      ) {
+      )) {
         errorMessage =
           "Camera access was denied. Please allow camera access in your browser settings.";
       }
       this.cameraState = "error";
       this.cameraStateMessage = errorMessage;
       this.error = errorMessage;
+      this.showCameraPreview = false;
       this.$notify(
         {
           group: "alert",
@@ -527,7 +530,6 @@ export default class ImageMethodDialog extends Vue {
         },
         5000,
       );
-      this.showCameraPreview = false;
     }
   }
 
@@ -579,6 +581,20 @@ export default class ImageMethodDialog extends Vue {
     }
   }
 
+  async rotateCamera() {
+    // Toggle between front and back cameras
+    this.currentFacingMode = this.currentFacingMode === 'environment' ? 'user' : 'environment';
+    
+    // Stop current stream
+    if (this.cameraStream) {
+      this.cameraStream.getTracks().forEach(track => track.stop());
+      this.cameraStream = null;
+    }
+
+    // Start new stream with updated facing mode
+    await this.startCameraPreview();
+  }
+
   private createBlobURL(blob: Blob): string {
     return URL.createObjectURL(blob);
   }
@@ -613,6 +629,7 @@ export default class ImageMethodDialog extends Vue {
         5000,
       );
       this.uploading = false;
+      this.close();
       return;
     }
     formData.append("image", this.blob, this.fileName || "photo.jpg");
@@ -667,6 +684,7 @@ export default class ImageMethodDialog extends Vue {
       );
       this.uploading = false;
       this.blob = undefined;
+      this.close();
     }
   }
 

src/components/MembersList.vue

@@ -296,7 +296,7 @@ export default class MembersList extends Vue {
         this.decryptedMembers.length === 0 ||
         this.decryptedMembers[0].member.memberId !== this.members[0].memberId
       ) {
-        return "Your password is not the same as the organizer. Reload or have them check their password.";
+        return "Your password is not the same as the organizer. Retry or have them check their password.";
       } else {
         // the first (organizer) member was decrypted OK
         return "";
@@ -337,7 +337,7 @@ export default class MembersList extends Vue {
           group: "alert",
           type: "info",
           title: "Contact Exists",
-          text: "They are in your contacts. If you want to remove them, you must do that from the contacts screen.",
+          text: "They are in your contacts. To remove them, use the contacts page.",
         },
         10000,
       );
@@ -347,7 +347,7 @@ export default class MembersList extends Vue {
           group: "alert",
           type: "info",
           title: "Contact Available",
-          text: "This is to add them to your contacts. If you want to remove them later, you must do that from the contacts screen.",
+          text: "This is to add them to your contacts. To remove them later, use the contacts page.",
         },
         10000,
       );

src/db/index.ts

@@ -90,7 +90,10 @@ db.on("populate", async () => {
   try {
     await db.settings.add(DEFAULT_SETTINGS);
   } catch (error) {
-    console.error("Error populating the database with default settings:", error);
+    console.error(
+      "Error populating the database with default settings:",
+      error,
+    );
   }
 });
 
@@ -105,7 +108,7 @@ async function safeOpenDatabase(retries = 1, delay = 500): Promise<void> {
 
         // Create a promise that rejects after 5 seconds
         const timeoutPromise = new Promise((_, reject) => {
-          setTimeout(() => reject(new Error('Database open timed out')), 500);
+          setTimeout(() => reject(new Error("Database open timed out")), 500);
         });
 
         // Race between the open operation and the timeout
@@ -123,7 +126,7 @@ async function safeOpenDatabase(retries = 1, delay = 500): Promise<void> {
       console.error(`Attempt ${i + 1}: Database open failed:`, error);
       if (i < retries - 1) {
         console.log(`Attempt ${i + 1}: Waiting ${delay}ms before retry...`);
-        await new Promise(resolve => setTimeout(resolve, delay));
+        await new Promise((resolve) => setTimeout(resolve, delay));
       } else {
         throw error;
       }
@@ -145,10 +148,16 @@ export async function updateDefaultSettings(
       await safeOpenDatabase();
     } catch (openError: unknown) {
       console.error("Failed to open database:", openError);
-      const errorMessage = openError instanceof Error ? openError.message : String(openError);
-      throw new Error(`Database connection failed: ${errorMessage}. Please try again or restart the app.`);
+      const errorMessage =
+        openError instanceof Error ? openError.message : String(openError);
+      throw new Error(
+        `Database connection failed: ${errorMessage}. Please try again or restart the app.`,
+      );
     }
-    const result = await db.settings.update(MASTER_SETTINGS_KEY, settingsChanges);
+    const result = await db.settings.update(
+      MASTER_SETTINGS_KEY,
+      settingsChanges,
+    );
     return result;
   } catch (error) {
     console.error("Error updating default settings:", error);

src/db/sqlite/init.ts

@@ -1,293 +0,0 @@
-/**
- * SQLite Database Initialization
- * 
- * This module handles database initialization, including:
- * - Database connection management
- * - Schema creation and migration
- * - Connection pooling and lifecycle
- * - Error handling and recovery
- */
-
-import { Database, SQLite3 } from '@wa-sqlite/sql.js';
-import { DATABASE_SCHEMA, SQLiteTable } from './types';
-import { logger } from '../../utils/logger';
-
-// ============================================================================
-// Database Connection Management
-// ============================================================================
-
-export interface DatabaseConnection {
-  db: Database;
-  sqlite3: SQLite3;
-  isOpen: boolean;
-  lastUsed: number;
-}
-
-let connection: DatabaseConnection | null = null;
-const CONNECTION_TIMEOUT = 5 * 60 * 1000; // 5 minutes
-
-/**
- * Initialize the SQLite database connection
- */
-export async function initDatabase(): Promise<DatabaseConnection> {
-  if (connection?.isOpen) {
-    connection.lastUsed = Date.now();
-    return connection;
-  }
-
-  try {
-    const sqlite3 = await import('@wa-sqlite/sql.js');
-    const db = await sqlite3.open(':memory:'); // TODO: Configure storage location
-
-    // Enable foreign keys
-    await db.exec('PRAGMA foreign_keys = ON;');
-    
-    // Configure for better performance
-    await db.exec(`
-      PRAGMA journal_mode = WAL;
-      PRAGMA synchronous = NORMAL;
-      PRAGMA cache_size = -2000; -- Use 2MB of cache
-    `);
-
-    connection = {
-      db,
-      sqlite3,
-      isOpen: true,
-      lastUsed: Date.now()
-    };
-
-    // Start connection cleanup interval
-    startConnectionCleanup();
-
-    return connection;
-  } catch (error) {
-    logger.error('[SQLite] Database initialization failed:', error);
-    throw new Error('Failed to initialize database');
-  }
-}
-
-/**
- * Close the database connection
- */
-export async function closeDatabase(): Promise<void> {
-  if (!connection?.isOpen) return;
-
-  try {
-    await connection.db.close();
-    connection.isOpen = false;
-    connection = null;
-  } catch (error) {
-    logger.error('[SQLite] Database close failed:', error);
-    throw new Error('Failed to close database');
-  }
-}
-
-/**
- * Cleanup inactive connections
- */
-function startConnectionCleanup(): void {
-  setInterval(() => {
-    if (connection && Date.now() - connection.lastUsed > CONNECTION_TIMEOUT) {
-      closeDatabase().catch(error => {
-        logger.error('[SQLite] Connection cleanup failed:', error);
-      });
-    }
-  }, 60000); // Check every minute
-}
-
-// ============================================================================
-// Schema Management
-// ============================================================================
-
-/**
- * Create the database schema
- */
-export async function createSchema(): Promise<void> {
-  const { db } = await initDatabase();
-
-  try {
-    await db.transaction(async () => {
-      for (const table of DATABASE_SCHEMA) {
-        await createTable(db, table);
-      }
-    });
-  } catch (error) {
-    logger.error('[SQLite] Schema creation failed:', error);
-    throw new Error('Failed to create database schema');
-  }
-}
-
-/**
- * Create a single table
- */
-async function createTable(db: Database, table: SQLiteTable): Promise<void> {
-  const columnDefs = table.columns.map(col => {
-    const constraints = [
-      col.primaryKey ? 'PRIMARY KEY' : '',
-      col.unique ? 'UNIQUE' : '',
-      !col.nullable ? 'NOT NULL' : '',
-      col.references ? `REFERENCES ${col.references.table}(${col.references.column})` : '',
-      col.default !== undefined ? `DEFAULT ${formatDefaultValue(col.default)}` : ''
-    ].filter(Boolean).join(' ');
-
-    return `${col.name} ${col.type} ${constraints}`.trim();
-  });
-
-  const createTableSQL = `
-    CREATE TABLE IF NOT EXISTS ${table.name} (
-      ${columnDefs.join(',\n      ')}
-    );
-  `;
-
-  await db.exec(createTableSQL);
-
-  // Create indexes
-  if (table.indexes) {
-    for (const index of table.indexes) {
-      const createIndexSQL = `
-        CREATE INDEX IF NOT EXISTS ${index.name} 
-        ON ${table.name} (${index.columns.join(', ')})
-        ${index.unique ? 'UNIQUE' : ''};
-      `;
-      await db.exec(createIndexSQL);
-    }
-  }
-}
-
-/**
- * Format default value for SQL
- */
-function formatDefaultValue(value: unknown): string {
-  if (value === null) return 'NULL';
-  if (typeof value === 'string') return `'${value.replace(/'/g, "''")}'`;
-  if (typeof value === 'number') return value.toString();
-  if (typeof value === 'boolean') return value ? '1' : '0';
-  throw new Error(`Unsupported default value type: ${typeof value}`);
-}
-
-// ============================================================================
-// Database Health Checks
-// ============================================================================
-
-/**
- * Check database health
- */
-export async function checkDatabaseHealth(): Promise<{
-  isHealthy: boolean;
-  tables: string[];
-  error?: string;
-}> {
-  try {
-    const { db } = await initDatabase();
-    
-    // Check if we can query the database
-    const tables = await db.selectAll<{ name: string }>(`
-      SELECT name FROM sqlite_master 
-      WHERE type='table' AND name NOT LIKE 'sqlite_%'
-    `);
-
-    return {
-      isHealthy: true,
-      tables: tables.map(t => t.name)
-    };
-  } catch (error) {
-    logger.error('[SQLite] Health check failed:', error);
-    return {
-      isHealthy: false,
-      tables: [],
-      error: error instanceof Error ? error.message : 'Unknown error'
-    };
-  }
-}
-
-/**
- * Verify database integrity
- */
-export async function verifyDatabaseIntegrity(): Promise<{
-  isIntegrityOk: boolean;
-  errors: string[];
-}> {
-  const { db } = await initDatabase();
-  const errors: string[] = [];
-
-  try {
-    // Run integrity check
-    const result = await db.selectAll<{ integrity_check: string }>('PRAGMA integrity_check;');
-    
-    if (result[0]?.integrity_check !== 'ok') {
-      errors.push('Database integrity check failed');
-    }
-
-    // Check foreign key constraints
-    const fkResult = await db.selectAll<{ table: string; rowid: number; parent: string; fkid: number }>(`
-      PRAGMA foreign_key_check;
-    `);
-
-    if (fkResult.length > 0) {
-      errors.push('Foreign key constraint violations found');
-    }
-
-    return {
-      isIntegrityOk: errors.length === 0,
-      errors
-    };
-  } catch (error) {
-    logger.error('[SQLite] Integrity check failed:', error);
-    return {
-      isIntegrityOk: false,
-      errors: [error instanceof Error ? error.message : 'Unknown error']
-    };
-  }
-}
-
-// ============================================================================
-// Database Backup and Recovery
-// ============================================================================
-
-/**
- * Create a database backup
- */
-export async function createBackup(): Promise<Uint8Array> {
-  const { db } = await initDatabase();
-  
-  try {
-    // Export the database to a binary array
-    return await db.export();
-  } catch (error) {
-    logger.error('[SQLite] Backup creation failed:', error);
-    throw new Error('Failed to create database backup');
-  }
-}
-
-/**
- * Restore database from backup
- */
-export async function restoreFromBackup(backup: Uint8Array): Promise<void> {
-  const { db } = await initDatabase();
-  
-  try {
-    // Close current connection
-    await closeDatabase();
-    
-    // Create new connection and import backup
-    const sqlite3 = await import('@wa-sqlite/sql.js');
-    const newDb = await sqlite3.open(backup);
-    
-    // Verify integrity
-    const { isIntegrityOk, errors } = await verifyDatabaseIntegrity();
-    if (!isIntegrityOk) {
-      throw new Error(`Backup integrity check failed: ${errors.join(', ')}`);
-    }
-    
-    // Replace current connection
-    connection = {
-      db: newDb,
-      sqlite3,
-      isOpen: true,
-      lastUsed: Date.now()
-    };
-  } catch (error) {
-    logger.error('[SQLite] Backup restoration failed:', error);
-    throw new Error('Failed to restore database from backup');
-  }
-} 

src/db/sqlite/migration.ts

@@ -1,374 +0,0 @@
-/**
- * SQLite Migration Utilities
- * 
- * This module handles the migration of data from Dexie to SQLite,
- * including data transformation, validation, and rollback capabilities.
- */
-
-import { Database } from '@wa-sqlite/sql.js';
-import { initDatabase, createSchema, createBackup } from './init';
-import { 
-  MigrationData, 
-  MigrationResult,
-  SQLiteAccount,
-  SQLiteContact,
-  SQLiteContactMethod,
-  SQLiteSettings,
-  SQLiteLog,
-  SQLiteSecret,
-  isSQLiteAccount,
-  isSQLiteContact,
-  isSQLiteSettings
-} from './types';
-import { logger } from '../../utils/logger';
-
-// ============================================================================
-// Migration Types
-// ============================================================================
-
-interface MigrationContext {
-  db: Database;
-  startTime: number;
-  stats: MigrationResult['stats'];
-  errors: Error[];
-}
-
-// ============================================================================
-// Migration Functions
-// ============================================================================
-
-/**
- * Migrate data from Dexie to SQLite
- */
-export async function migrateFromDexie(data: MigrationData): Promise<MigrationResult> {
-  const startTime = Date.now();
-  const context: MigrationContext = {
-    db: (await initDatabase()).db,
-    startTime,
-    stats: {
-      accounts: 0,
-      contacts: 0,
-      contactMethods: 0,
-      settings: 0,
-      logs: 0,
-      secrets: 0
-    },
-    errors: []
-  };
-
-  try {
-    // Create backup before migration
-    const backup = await createBackup();
-
-    // Create schema if needed
-    await createSchema();
-
-    // Perform migration in a transaction
-    await context.db.transaction(async () => {
-      // Migrate in order of dependencies
-      await migrateAccounts(context, data.accounts);
-      await migrateContacts(context, data.contacts);
-      await migrateContactMethods(context, data.contactMethods);
-      await migrateSettings(context, data.settings);
-      await migrateLogs(context, data.logs);
-      await migrateSecrets(context, data.secrets);
-    });
-
-    // Verify migration
-    const verificationResult = await verifyMigration(context, data);
-    if (!verificationResult.success) {
-      throw new Error(`Migration verification failed: ${verificationResult.error}`);
-    }
-
-    return {
-      success: true,
-      stats: context.stats,
-      duration: Date.now() - startTime
-    };
-
-  } catch (error) {
-    logger.error('[SQLite] Migration failed:', error);
-    
-    // Attempt rollback
-    try {
-      await rollbackMigration(backup);
-    } catch (rollbackError) {
-      logger.error('[SQLite] Rollback failed:', rollbackError);
-      context.errors.push(new Error('Migration and rollback failed'));
-    }
-
-    return {
-      success: false,
-      error: error instanceof Error ? error : new Error('Unknown migration error'),
-      stats: context.stats,
-      duration: Date.now() - startTime
-    };
-  }
-}
-
-// ============================================================================
-// Migration Helpers
-// ============================================================================
-
-/**
- * Migrate accounts
- */
-async function migrateAccounts(context: MigrationContext, accounts: SQLiteAccount[]): Promise<void> {
-  for (const account of accounts) {
-    try {
-      if (!isSQLiteAccount(account)) {
-        throw new Error(`Invalid account data: ${JSON.stringify(account)}`);
-      }
-
-      await context.db.exec(`
-        INSERT INTO accounts (
-          did, public_key_hex, created_at, updated_at,
-          identity_json, mnemonic_encrypted, passkey_cred_id_hex, derivation_path
-        ) VALUES (?, ?, ?, ?, ?, ?, ?, ?)
-      `, [
-        account.did,
-        account.public_key_hex,
-        account.created_at,
-        account.updated_at,
-        account.identity_json || null,
-        account.mnemonic_encrypted || null,
-        account.passkey_cred_id_hex || null,
-        account.derivation_path || null
-      ]);
-
-      context.stats.accounts++;
-    } catch (error) {
-      context.errors.push(new Error(`Failed to migrate account ${account.did}: ${error}`));
-      throw error; // Re-throw to trigger transaction rollback
-    }
-  }
-}
-
-/**
- * Migrate contacts
- */
-async function migrateContacts(context: MigrationContext, contacts: SQLiteContact[]): Promise<void> {
-  for (const contact of contacts) {
-    try {
-      if (!isSQLiteContact(contact)) {
-        throw new Error(`Invalid contact data: ${JSON.stringify(contact)}`);
-      }
-
-      await context.db.exec(`
-        INSERT INTO contacts (
-          id, did, name, notes, profile_image_url,
-          public_key_base64, next_pub_key_hash_b64,
-          sees_me, registered, created_at, updated_at
-        ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
-      `, [
-        contact.id,
-        contact.did,
-        contact.name || null,
-        contact.notes || null,
-        contact.profile_image_url || null,
-        contact.public_key_base64 || null,
-        contact.next_pub_key_hash_b64 || null,
-        contact.sees_me ? 1 : 0,
-        contact.registered ? 1 : 0,
-        contact.created_at,
-        contact.updated_at
-      ]);
-
-      context.stats.contacts++;
-    } catch (error) {
-      context.errors.push(new Error(`Failed to migrate contact ${contact.id}: ${error}`));
-      throw error;
-    }
-  }
-}
-
-/**
- * Migrate contact methods
- */
-async function migrateContactMethods(
-  context: MigrationContext, 
-  methods: SQLiteContactMethod[]
-): Promise<void> {
-  for (const method of methods) {
-    try {
-      await context.db.exec(`
-        INSERT INTO contact_methods (
-          id, contact_id, label, type, value,
-          created_at, updated_at
-        ) VALUES (?, ?, ?, ?, ?, ?, ?)
-      `, [
-        method.id,
-        method.contact_id,
-        method.label,
-        method.type,
-        method.value,
-        method.created_at,
-        method.updated_at
-      ]);
-
-      context.stats.contactMethods++;
-    } catch (error) {
-      context.errors.push(new Error(`Failed to migrate contact method ${method.id}: ${error}`));
-      throw error;
-    }
-  }
-}
-
-/**
- * Migrate settings
- */
-async function migrateSettings(context: MigrationContext, settings: SQLiteSettings[]): Promise<void> {
-  for (const setting of settings) {
-    try {
-      if (!isSQLiteSettings(setting)) {
-        throw new Error(`Invalid settings data: ${JSON.stringify(setting)}`);
-      }
-
-      await context.db.exec(`
-        INSERT INTO settings (
-          key, account_did, value_json, created_at, updated_at
-        ) VALUES (?, ?, ?, ?, ?)
-      `, [
-        setting.key,
-        setting.account_did || null,
-        setting.value_json,
-        setting.created_at,
-        setting.updated_at
-      ]);
-
-      context.stats.settings++;
-    } catch (error) {
-      context.errors.push(new Error(`Failed to migrate setting ${setting.key}: ${error}`));
-      throw error;
-    }
-  }
-}
-
-/**
- * Migrate logs
- */
-async function migrateLogs(context: MigrationContext, logs: SQLiteLog[]): Promise<void> {
-  for (const log of logs) {
-    try {
-      await context.db.exec(`
-        INSERT INTO logs (
-          id, level, message, metadata_json, created_at
-        ) VALUES (?, ?, ?, ?, ?)
-      `, [
-        log.id,
-        log.level,
-        log.message,
-        log.metadata_json || null,
-        log.created_at
-      ]);
-
-      context.stats.logs++;
-    } catch (error) {
-      context.errors.push(new Error(`Failed to migrate log ${log.id}: ${error}`));
-      throw error;
-    }
-  }
-}
-
-/**
- * Migrate secrets
- */
-async function migrateSecrets(context: MigrationContext, secrets: SQLiteSecret[]): Promise<void> {
-  for (const secret of secrets) {
-    try {
-      await context.db.exec(`
-        INSERT INTO secrets (
-          key, value_encrypted, created_at, updated_at
-        ) VALUES (?, ?, ?, ?)
-      `, [
-        secret.key,
-        secret.value_encrypted,
-        secret.created_at,
-        secret.updated_at
-      ]);
-
-      context.stats.secrets++;
-    } catch (error) {
-      context.errors.push(new Error(`Failed to migrate secret ${secret.key}: ${error}`));
-      throw error;
-    }
-  }
-}
-
-// ============================================================================
-// Verification and Rollback
-// ============================================================================
-
-/**
- * Verify migration success
- */
-async function verifyMigration(
-  context: MigrationContext,
-  data: MigrationData
-): Promise<{ success: boolean; error?: string }> {
-  try {
-    // Verify counts
-    const counts = await context.db.selectAll<{ table: string; count: number }>(`
-      SELECT 'accounts' as table, COUNT(*) as count FROM accounts
-      UNION ALL
-      SELECT 'contacts', COUNT(*) FROM contacts
-      UNION ALL
-      SELECT 'contact_methods', COUNT(*) FROM contact_methods
-      UNION ALL
-      SELECT 'settings', COUNT(*) FROM settings
-      UNION ALL
-      SELECT 'logs', COUNT(*) FROM logs
-      UNION ALL
-      SELECT 'secrets', COUNT(*) FROM secrets
-    `);
-
-    const countMap = new Map(counts.map(c => [c.table, c.count]));
-
-    if (countMap.get('accounts') !== data.accounts.length) {
-      return { success: false, error: 'Account count mismatch' };
-    }
-    if (countMap.get('contacts') !== data.contacts.length) {
-      return { success: false, error: 'Contact count mismatch' };
-    }
-    if (countMap.get('contact_methods') !== data.contactMethods.length) {
-      return { success: false, error: 'Contact method count mismatch' };
-    }
-    if (countMap.get('settings') !== data.settings.length) {
-      return { success: false, error: 'Settings count mismatch' };
-    }
-    if (countMap.get('logs') !== data.logs.length) {
-      return { success: false, error: 'Log count mismatch' };
-    }
-    if (countMap.get('secrets') !== data.secrets.length) {
-      return { success: false, error: 'Secret count mismatch' };
-    }
-
-    return { success: true };
-  } catch (error) {
-    return { 
-      success: false, 
-      error: error instanceof Error ? error.message : 'Unknown verification error'
-    };
-  }
-}
-
-/**
- * Rollback migration
- */
-async function rollbackMigration(backup: Uint8Array): Promise<void> {
-  const { db } = await initDatabase();
-  
-  try {
-    // Close current connection
-    await db.close();
-    
-    // Restore from backup
-    const sqlite3 = await import('@wa-sqlite/sql.js');
-    await sqlite3.open(backup);
-    
-    logger.info('[SQLite] Migration rollback successful');
-  } catch (error) {
-    logger.error('[SQLite] Migration rollback failed:', error);
-    throw new Error('Failed to rollback migration');
-  }
-} 

src/db/sqlite/operations.ts

@@ -1,449 +0,0 @@
-/**
- * SQLite Database Operations
- * 
- * This module provides utility functions for common database operations,
- * including CRUD operations, queries, and transactions.
- */
-
-import { Database } from '@wa-sqlite/sql.js';
-import { initDatabase } from './init';
-import {
-  SQLiteAccount,
-  SQLiteContact,
-  SQLiteContactMethod,
-  SQLiteSettings,
-  SQLiteLog,
-  SQLiteSecret,
-  isSQLiteAccount,
-  isSQLiteContact,
-  isSQLiteSettings
-} from './types';
-import { logger } from '../../utils/logger';
-
-// ============================================================================
-// Transaction Helpers
-// ============================================================================
-
-/**
- * Execute a function within a transaction
- */
-export async function withTransaction<T>(
-  operation: (db: Database) => Promise<T>
-): Promise<T> {
-  const { db } = await initDatabase();
-  
-  try {
-    return await db.transaction(operation);
-  } catch (error) {
-    logger.error('[SQLite] Transaction failed:', error);
-    throw error;
-  }
-}
-
-/**
- * Execute a function with retries
- */
-export async function withRetry<T>(
-  operation: () => Promise<T>,
-  maxRetries = 3,
-  delay = 1000
-): Promise<T> {
-  let lastError: Error | undefined;
-  
-  for (let i = 0; i < maxRetries; i++) {
-    try {
-      return await operation();
-    } catch (error) {
-      lastError = error instanceof Error ? error : new Error(String(error));
-      
-      if (i < maxRetries - 1) {
-        await new Promise(resolve => setTimeout(resolve, delay * (i + 1)));
-      }
-    }
-  }
-  
-  throw lastError;
-}
-
-// ============================================================================
-// Account Operations
-// ============================================================================
-
-/**
- * Get account by DID
- */
-export async function getAccountByDid(did: string): Promise<SQLiteAccount | null> {
-  const { db } = await initDatabase();
-  
-  const accounts = await db.selectAll<SQLiteAccount>(
-    'SELECT * FROM accounts WHERE did = ?',
-    [did]
-  );
-  
-  return accounts[0] || null;
-}
-
-/**
- * Get all accounts
- */
-export async function getAllAccounts(): Promise<SQLiteAccount[]> {
-  const { db } = await initDatabase();
-  
-  return db.selectAll<SQLiteAccount>(
-    'SELECT * FROM accounts ORDER BY created_at DESC'
-  );
-}
-
-/**
- * Create or update account
- */
-export async function upsertAccount(account: SQLiteAccount): Promise<void> {
-  if (!isSQLiteAccount(account)) {
-    throw new Error('Invalid account data');
-  }
-
-  await withTransaction(async (db) => {
-    const existing = await db.selectOne<{ did: string }>(
-      'SELECT did FROM accounts WHERE did = ?',
-      [account.did]
-    );
-
-    if (existing) {
-      await db.exec(`
-        UPDATE accounts SET
-          public_key_hex = ?,
-          updated_at = ?,
-          identity_json = ?,
-          mnemonic_encrypted = ?,
-          passkey_cred_id_hex = ?,
-          derivation_path = ?
-        WHERE did = ?
-      `, [
-        account.public_key_hex,
-        Date.now(),
-        account.identity_json || null,
-        account.mnemonic_encrypted || null,
-        account.passkey_cred_id_hex || null,
-        account.derivation_path || null,
-        account.did
-      ]);
-    } else {
-      await db.exec(`
-        INSERT INTO accounts (
-          did, public_key_hex, created_at, updated_at,
-          identity_json, mnemonic_encrypted, passkey_cred_id_hex, derivation_path
-        ) VALUES (?, ?, ?, ?, ?, ?, ?, ?)
-      `, [
-        account.did,
-        account.public_key_hex,
-        account.created_at,
-        account.updated_at,
-        account.identity_json || null,
-        account.mnemonic_encrypted || null,
-        account.passkey_cred_id_hex || null,
-        account.derivation_path || null
-      ]);
-    }
-  });
-}
-
-// ============================================================================
-// Contact Operations
-// ============================================================================
-
-/**
- * Get contact by ID
- */
-export async function getContactById(id: string): Promise<SQLiteContact | null> {
-  const { db } = await initDatabase();
-  
-  const contacts = await db.selectAll<SQLiteContact>(
-    'SELECT * FROM contacts WHERE id = ?',
-    [id]
-  );
-  
-  return contacts[0] || null;
-}
-
-/**
- * Get contacts by account DID
- */
-export async function getContactsByAccountDid(did: string): Promise<SQLiteContact[]> {
-  const { db } = await initDatabase();
-  
-  return db.selectAll<SQLiteContact>(
-    'SELECT * FROM contacts WHERE did = ? ORDER BY created_at DESC',
-    [did]
-  );
-}
-
-/**
- * Get contact methods for a contact
- */
-export async function getContactMethods(contactId: string): Promise<SQLiteContactMethod[]> {
-  const { db } = await initDatabase();
-  
-  return db.selectAll<SQLiteContactMethod>(
-    'SELECT * FROM contact_methods WHERE contact_id = ? ORDER BY created_at DESC',
-    [contactId]
-  );
-}
-
-/**
- * Create or update contact with methods
- */
-export async function upsertContact(
-  contact: SQLiteContact,
-  methods: SQLiteContactMethod[] = []
-): Promise<void> {
-  if (!isSQLiteContact(contact)) {
-    throw new Error('Invalid contact data');
-  }
-
-  await withTransaction(async (db) => {
-    const existing = await db.selectOne<{ id: string }>(
-      'SELECT id FROM contacts WHERE id = ?',
-      [contact.id]
-    );
-
-    if (existing) {
-      await db.exec(`
-        UPDATE contacts SET
-          did = ?,
-          name = ?,
-          notes = ?,
-          profile_image_url = ?,
-          public_key_base64 = ?,
-          next_pub_key_hash_b64 = ?,
-          sees_me = ?,
-          registered = ?,
-          updated_at = ?
-        WHERE id = ?
-      `, [
-        contact.did,
-        contact.name || null,
-        contact.notes || null,
-        contact.profile_image_url || null,
-        contact.public_key_base64 || null,
-        contact.next_pub_key_hash_b64 || null,
-        contact.sees_me ? 1 : 0,
-        contact.registered ? 1 : 0,
-        Date.now(),
-        contact.id
-      ]);
-    } else {
-      await db.exec(`
-        INSERT INTO contacts (
-          id, did, name, notes, profile_image_url,
-          public_key_base64, next_pub_key_hash_b64,
-          sees_me, registered, created_at, updated_at
-        ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
-      `, [
-        contact.id,
-        contact.did,
-        contact.name || null,
-        contact.notes || null,
-        contact.profile_image_url || null,
-        contact.public_key_base64 || null,
-        contact.next_pub_key_hash_b64 || null,
-        contact.sees_me ? 1 : 0,
-        contact.registered ? 1 : 0,
-        contact.created_at,
-        contact.updated_at
-      ]);
-    }
-
-    // Update contact methods
-    if (methods.length > 0) {
-      // Delete existing methods
-      await db.exec(
-        'DELETE FROM contact_methods WHERE contact_id = ?',
-        [contact.id]
-      );
-
-      // Insert new methods
-      for (const method of methods) {
-        await db.exec(`
-          INSERT INTO contact_methods (
-            id, contact_id, label, type, value,
-            created_at, updated_at
-          ) VALUES (?, ?, ?, ?, ?, ?, ?)
-        `, [
-          method.id,
-          contact.id,
-          method.label,
-          method.type,
-          method.value,
-          method.created_at,
-          method.updated_at
-        ]);
-      }
-    }
-  });
-}
-
-// ============================================================================
-// Settings Operations
-// ============================================================================
-
-/**
- * Get setting by key
- */
-export async function getSetting(key: string): Promise<SQLiteSettings | null> {
-  const { db } = await initDatabase();
-  
-  const settings = await db.selectAll<SQLiteSettings>(
-    'SELECT * FROM settings WHERE key = ?',
-    [key]
-  );
-  
-  return settings[0] || null;
-}
-
-/**
- * Get settings by account DID
- */
-export async function getSettingsByAccountDid(did: string): Promise<SQLiteSettings[]> {
-  const { db } = await initDatabase();
-  
-  return db.selectAll<SQLiteSettings>(
-    'SELECT * FROM settings WHERE account_did = ? ORDER BY updated_at DESC',
-    [did]
-  );
-}
-
-/**
- * Set setting value
- */
-export async function setSetting(setting: SQLiteSettings): Promise<void> {
-  if (!isSQLiteSettings(setting)) {
-    throw new Error('Invalid settings data');
-  }
-
-  await withTransaction(async (db) => {
-    const existing = await db.selectOne<{ key: string }>(
-      'SELECT key FROM settings WHERE key = ?',
-      [setting.key]
-    );
-
-    if (existing) {
-      await db.exec(`
-        UPDATE settings SET
-          account_did = ?,
-          value_json = ?,
-          updated_at = ?
-        WHERE key = ?
-      `, [
-        setting.account_did || null,
-        setting.value_json,
-        Date.now(),
-        setting.key
-      ]);
-    } else {
-      await db.exec(`
-        INSERT INTO settings (
-          key, account_did, value_json, created_at, updated_at
-        ) VALUES (?, ?, ?, ?, ?)
-      `, [
-        setting.key,
-        setting.account_did || null,
-        setting.value_json,
-        setting.created_at,
-        setting.updated_at
-      ]);
-    }
-  });
-}
-
-// ============================================================================
-// Log Operations
-// ============================================================================
-
-/**
- * Add log entry
- */
-export async function addLog(log: SQLiteLog): Promise<void> {
-  await withTransaction(async (db) => {
-    await db.exec(`
-      INSERT INTO logs (
-        id, level, message, metadata_json, created_at
-      ) VALUES (?, ?, ?, ?, ?)
-    `, [
-      log.id,
-      log.level,
-      log.message,
-      log.metadata_json || null,
-      log.created_at
-    ]);
-  });
-}
-
-/**
- * Get logs by level
- */
-export async function getLogsByLevel(
-  level: string,
-  limit = 100,
-  offset = 0
-): Promise<SQLiteLog[]> {
-  const { db } = await initDatabase();
-  
-  return db.selectAll<SQLiteLog>(
-    'SELECT * FROM logs WHERE level = ? ORDER BY created_at DESC LIMIT ? OFFSET ?',
-    [level, limit, offset]
-  );
-}
-
-// ============================================================================
-// Secret Operations
-// ============================================================================
-
-/**
- * Get secret by key
- */
-export async function getSecret(key: string): Promise<SQLiteSecret | null> {
-  const { db } = await initDatabase();
-  
-  const secrets = await db.selectAll<SQLiteSecret>(
-    'SELECT * FROM secrets WHERE key = ?',
-    [key]
-  );
-  
-  return secrets[0] || null;
-}
-
-/**
- * Set secret value
- */
-export async function setSecret(secret: SQLiteSecret): Promise<void> {
-  await withTransaction(async (db) => {
-    const existing = await db.selectOne<{ key: string }>(
-      'SELECT key FROM secrets WHERE key = ?',
-      [secret.key]
-    );
-
-    if (existing) {
-      await db.exec(`
-        UPDATE secrets SET
-          value_encrypted = ?,
-          updated_at = ?
-        WHERE key = ?
-      `, [
-        secret.value_encrypted,
-        Date.now(),
-        secret.key
-      ]);
-    } else {
-      await db.exec(`
-        INSERT INTO secrets (
-          key, value_encrypted, created_at, updated_at
-        ) VALUES (?, ?, ?, ?)
-      `, [
-        secret.key,
-        secret.value_encrypted,
-        secret.created_at,
-        secret.updated_at
-      ]);
-    }
-  });
-} 

src/db/sqlite/types.ts

@@ -1,349 +0,0 @@
-/**
- * SQLite Type Definitions
- * 
- * This file defines the type system for the SQLite implementation,
- * mapping from the existing Dexie types to SQLite-compatible types.
- * It includes both the database schema types and the runtime types.
- */
-
-import { SQLiteCompatibleType } from '@jlongster/sql.js';
-
-// ============================================================================
-// Base Types and Utilities
-// ============================================================================
-
-/**
- * SQLite column type mapping
- */
-export type SQLiteColumnType = 
-  | 'INTEGER'  // For numbers, booleans, dates
-  | 'TEXT'     // For strings, JSON
-  | 'BLOB'     // For binary data
-  | 'REAL'     // For floating point numbers
-  | 'NULL';    // For null values
-
-/**
- * SQLite column definition
- */
-export interface SQLiteColumn {
-  name: string;
-  type: SQLiteColumnType;
-  nullable?: boolean;
-  primaryKey?: boolean;
-  unique?: boolean;
-  references?: {
-    table: string;
-    column: string;
-  };
-  default?: SQLiteCompatibleType;
-}
-
-/**
- * SQLite table definition
- */
-export interface SQLiteTable {
-  name: string;
-  columns: SQLiteColumn[];
-  indexes?: Array<{
-    name: string;
-    columns: string[];
-    unique?: boolean;
-  }>;
-}
-
-// ============================================================================
-// Account Types
-// ============================================================================
-
-/**
- * SQLite-compatible Account type
- * Maps from the Dexie Account type
- */
-export interface SQLiteAccount {
-  did: string;                    // TEXT PRIMARY KEY
-  public_key_hex: string;         // TEXT NOT NULL
-  created_at: number;             // INTEGER NOT NULL
-  updated_at: number;             // INTEGER NOT NULL
-  identity_json?: string;         // TEXT (encrypted JSON)
-  mnemonic_encrypted?: string;    // TEXT (encrypted)
-  passkey_cred_id_hex?: string;   // TEXT
-  derivation_path?: string;       // TEXT
-}
-
-export const ACCOUNTS_TABLE: SQLiteTable = {
-  name: 'accounts',
-  columns: [
-    { name: 'did', type: 'TEXT', primaryKey: true },
-    { name: 'public_key_hex', type: 'TEXT', nullable: false },
-    { name: 'created_at', type: 'INTEGER', nullable: false },
-    { name: 'updated_at', type: 'INTEGER', nullable: false },
-    { name: 'identity_json', type: 'TEXT' },
-    { name: 'mnemonic_encrypted', type: 'TEXT' },
-    { name: 'passkey_cred_id_hex', type: 'TEXT' },
-    { name: 'derivation_path', type: 'TEXT' }
-  ],
-  indexes: [
-    { name: 'idx_accounts_created_at', columns: ['created_at'] },
-    { name: 'idx_accounts_updated_at', columns: ['updated_at'] }
-  ]
-};
-
-// ============================================================================
-// Contact Types
-// ============================================================================
-
-/**
- * SQLite-compatible ContactMethod type
- */
-export interface SQLiteContactMethod {
-  id: string;                     // TEXT PRIMARY KEY
-  contact_id: string;             // TEXT NOT NULL
-  label: string;                  // TEXT NOT NULL
-  type: string;                   // TEXT NOT NULL
-  value: string;                  // TEXT NOT NULL
-  created_at: number;             // INTEGER NOT NULL
-  updated_at: number;             // INTEGER NOT NULL
-}
-
-/**
- * SQLite-compatible Contact type
- */
-export interface SQLiteContact {
-  id: string;                     // TEXT PRIMARY KEY
-  did: string;                    // TEXT NOT NULL
-  name?: string;                  // TEXT
-  notes?: string;                 // TEXT
-  profile_image_url?: string;     // TEXT
-  public_key_base64?: string;     // TEXT
-  next_pub_key_hash_b64?: string; // TEXT
-  sees_me?: boolean;              // INTEGER (0 or 1)
-  registered?: boolean;           // INTEGER (0 or 1)
-  created_at: number;             // INTEGER NOT NULL
-  updated_at: number;             // INTEGER NOT NULL
-}
-
-export const CONTACTS_TABLE: SQLiteTable = {
-  name: 'contacts',
-  columns: [
-    { name: 'id', type: 'TEXT', primaryKey: true },
-    { name: 'did', type: 'TEXT', nullable: false },
-    { name: 'name', type: 'TEXT' },
-    { name: 'notes', type: 'TEXT' },
-    { name: 'profile_image_url', type: 'TEXT' },
-    { name: 'public_key_base64', type: 'TEXT' },
-    { name: 'next_pub_key_hash_b64', type: 'TEXT' },
-    { name: 'sees_me', type: 'INTEGER' },
-    { name: 'registered', type: 'INTEGER' },
-    { name: 'created_at', type: 'INTEGER', nullable: false },
-    { name: 'updated_at', type: 'INTEGER', nullable: false }
-  ],
-  indexes: [
-    { name: 'idx_contacts_did', columns: ['did'] },
-    { name: 'idx_contacts_created_at', columns: ['created_at'] }
-  ]
-};
-
-export const CONTACT_METHODS_TABLE: SQLiteTable = {
-  name: 'contact_methods',
-  columns: [
-    { name: 'id', type: 'TEXT', primaryKey: true },
-    { name: 'contact_id', type: 'TEXT', nullable: false, 
-      references: { table: 'contacts', column: 'id' } },
-    { name: 'label', type: 'TEXT', nullable: false },
-    { name: 'type', type: 'TEXT', nullable: false },
-    { name: 'value', type: 'TEXT', nullable: false },
-    { name: 'created_at', type: 'INTEGER', nullable: false },
-    { name: 'updated_at', type: 'INTEGER', nullable: false }
-  ],
-  indexes: [
-    { name: 'idx_contact_methods_contact_id', columns: ['contact_id'] }
-  ]
-};
-
-// ============================================================================
-// Settings Types
-// ============================================================================
-
-/**
- * SQLite-compatible Settings type
- */
-export interface SQLiteSettings {
-  key: string;                    // TEXT PRIMARY KEY
-  account_did?: string;           // TEXT
-  value_json: string;             // TEXT NOT NULL (JSON stringified)
-  created_at: number;             // INTEGER NOT NULL
-  updated_at: number;             // INTEGER NOT NULL
-}
-
-export const SETTINGS_TABLE: SQLiteTable = {
-  name: 'settings',
-  columns: [
-    { name: 'key', type: 'TEXT', primaryKey: true },
-    { name: 'account_did', type: 'TEXT' },
-    { name: 'value_json', type: 'TEXT', nullable: false },
-    { name: 'created_at', type: 'INTEGER', nullable: false },
-    { name: 'updated_at', type: 'INTEGER', nullable: false }
-  ],
-  indexes: [
-    { name: 'idx_settings_account_did', columns: ['account_did'] },
-    { name: 'idx_settings_updated_at', columns: ['updated_at'] }
-  ]
-};
-
-// ============================================================================
-// Log Types
-// ============================================================================
-
-/**
- * SQLite-compatible Log type
- */
-export interface SQLiteLog {
-  id: string;                     // TEXT PRIMARY KEY
-  level: string;                  // TEXT NOT NULL
-  message: string;                // TEXT NOT NULL
-  metadata_json?: string;         // TEXT (JSON stringified)
-  created_at: number;             // INTEGER NOT NULL
-}
-
-export const LOGS_TABLE: SQLiteTable = {
-  name: 'logs',
-  columns: [
-    { name: 'id', type: 'TEXT', primaryKey: true },
-    { name: 'level', type: 'TEXT', nullable: false },
-    { name: 'message', type: 'TEXT', nullable: false },
-    { name: 'metadata_json', type: 'TEXT' },
-    { name: 'created_at', type: 'INTEGER', nullable: false }
-  ],
-  indexes: [
-    { name: 'idx_logs_level', columns: ['level'] },
-    { name: 'idx_logs_created_at', columns: ['created_at'] }
-  ]
-};
-
-// ============================================================================
-// Secret Types
-// ============================================================================
-
-/**
- * SQLite-compatible Secret type
- * Note: This table should be encrypted at the database level
- */
-export interface SQLiteSecret {
-  key: string;                    // TEXT PRIMARY KEY
-  value_encrypted: string;        // TEXT NOT NULL (encrypted)
-  created_at: number;             // INTEGER NOT NULL
-  updated_at: number;             // INTEGER NOT NULL
-}
-
-export const SECRETS_TABLE: SQLiteTable = {
-  name: 'secrets',
-  columns: [
-    { name: 'key', type: 'TEXT', primaryKey: true },
-    { name: 'value_encrypted', type: 'TEXT', nullable: false },
-    { name: 'created_at', type: 'INTEGER', nullable: false },
-    { name: 'updated_at', type: 'INTEGER', nullable: false }
-  ],
-  indexes: [
-    { name: 'idx_secrets_updated_at', columns: ['updated_at'] }
-  ]
-};
-
-// ============================================================================
-// Database Schema
-// ============================================================================
-
-/**
- * Complete database schema definition
- */
-export const DATABASE_SCHEMA: SQLiteTable[] = [
-  ACCOUNTS_TABLE,
-  CONTACTS_TABLE,
-  CONTACT_METHODS_TABLE,
-  SETTINGS_TABLE,
-  LOGS_TABLE,
-  SECRETS_TABLE
-];
-
-// ============================================================================
-// Type Guards and Validators
-// ============================================================================
-
-/**
- * Type guard for SQLiteAccount
- */
-export function isSQLiteAccount(value: unknown): value is SQLiteAccount {
-  return (
-    typeof value === 'object' &&
-    value !== null &&
-    typeof (value as SQLiteAccount).did === 'string' &&
-    typeof (value as SQLiteAccount).public_key_hex === 'string' &&
-    typeof (value as SQLiteAccount).created_at === 'number' &&
-    typeof (value as SQLiteAccount).updated_at === 'number'
-  );
-}
-
-/**
- * Type guard for SQLiteContact
- */
-export function isSQLiteContact(value: unknown): value is SQLiteContact {
-  return (
-    typeof value === 'object' &&
-    value !== null &&
-    typeof (value as SQLiteContact).id === 'string' &&
-    typeof (value as SQLiteContact).did === 'string' &&
-    typeof (value as SQLiteContact).created_at === 'number' &&
-    typeof (value as SQLiteContact).updated_at === 'number'
-  );
-}
-
-/**
- * Type guard for SQLiteSettings
- */
-export function isSQLiteSettings(value: unknown): value is SQLiteSettings {
-  return (
-    typeof value === 'object' &&
-    value !== null &&
-    typeof (value as SQLiteSettings).key === 'string' &&
-    typeof (value as SQLiteSettings).value_json === 'string' &&
-    typeof (value as SQLiteSettings).created_at === 'number' &&
-    typeof (value as SQLiteSettings).updated_at === 'number'
-  );
-}
-
-// ============================================================================
-// Migration Types
-// ============================================================================
-
-/**
- * Type for migration data from Dexie to SQLite
- */
-export interface MigrationData {
-  accounts: SQLiteAccount[];
-  contacts: SQLiteContact[];
-  contactMethods: SQLiteContactMethod[];
-  settings: SQLiteSettings[];
-  logs: SQLiteLog[];
-  secrets: SQLiteSecret[];
-  metadata: {
-    version: string;
-    timestamp: number;
-    source: 'dexie';
-  };
-}
-
-/**
- * Migration result type
- */
-export interface MigrationResult {
-  success: boolean;
-  error?: Error;
-  stats: {
-    accounts: number;
-    contacts: number;
-    contactMethods: number;
-    settings: number;
-    logs: number;
-    secrets: number;
-  };
-  duration: number;
-} 

src/libs/util.ts

@@ -549,11 +549,13 @@ export const generateSaveAndActivateIdentity = async (): Promise<string> => {
       mnemonic: mnemonic,
       publicKeyHex: newId.keys[0].publicKeyHex,
     });
-  
+
     await updateDefaultSettings({ activeDid: newId.did });
   } catch (error) {
     console.error("Failed to update default settings:", error);
-    throw new Error("Failed to set default settings. Please try again or restart the app.");
+    throw new Error(
+      "Failed to set default settings. Please try again or restart the app.",
+    );
   }
   await updateAccountSettings(newId.did, { isRegistered: false });
   return newId.did;

src/main.ts

@@ -0,0 +1,215 @@
+import { createPinia } from "pinia";
+import { App as VueApp, ComponentPublicInstance, createApp } from "vue";
+import App from "./App.vue";
+import "./registerServiceWorker";
+import router from "./router";
+import axios from "axios";
+import VueAxios from "vue-axios";
+import Notifications from "notiwind";
+import "./assets/styles/tailwind.css";
+
+import { library } from "@fortawesome/fontawesome-svg-core";
+import {
+  faArrowDown,
+  faArrowLeft,
+  faArrowRight,
+  faArrowRotateBackward,
+  faArrowUpRightFromSquare,
+  faArrowUp,
+  faBan,
+  faBitcoinSign,
+  faBurst,
+  faCalendar,
+  faCamera,
+  faCameraRotate,
+  faCaretDown,
+  faChair,
+  faCheck,
+  faChevronDown,
+  faChevronLeft,
+  faChevronRight,
+  faChevronUp,
+  faCircle,
+  faCircleCheck,
+  faCircleInfo,
+  faCircleQuestion,
+  faCircleUser,
+  faClock,
+  faCoins,
+  faComment,
+  faCopy,
+  faDollar,
+  faEllipsis,
+  faEllipsisVertical,
+  faEnvelopeOpenText,
+  faEraser,
+  faEye,
+  faEyeSlash,
+  faFileContract,
+  faFileLines,
+  faFilter,
+  faFloppyDisk,
+  faFolderOpen,
+  faForward,
+  faGift,
+  faGlobe,
+  faHammer,
+  faHand,
+  faHandHoldingDollar,
+  faHandHoldingHeart,
+  faHouseChimney,
+  faImage,
+  faImagePortrait,
+  faLeftRight,
+  faLightbulb,
+  faLink,
+  faLocationDot,
+  faLongArrowAltLeft,
+  faLongArrowAltRight,
+  faMagnifyingGlass,
+  faMessage,
+  faMinus,
+  faPen,
+  faPersonCircleCheck,
+  faPersonCircleQuestion,
+  faPlus,
+  faQuestion,
+  faQrcode,
+  faRightFromBracket,
+  faRotate,
+  faShareNodes,
+  faSpinner,
+  faSquare,
+  faSquareCaretDown,
+  faSquareCaretUp,
+  faSquarePlus,
+  faTrashCan,
+  faTriangleExclamation,
+  faUser,
+  faUsers,
+  faXmark,
+} from "@fortawesome/free-solid-svg-icons";
+
+library.add(
+  faArrowDown,
+  faArrowLeft,
+  faArrowRight,
+  faArrowRotateBackward,
+  faArrowUpRightFromSquare,
+  faArrowUp,
+  faBan,
+  faBitcoinSign,
+  faBurst,
+  faCalendar,
+  faCamera,
+  faCameraRotate,
+  faCaretDown,
+  faChair,
+  faCheck,
+  faChevronDown,
+  faChevronLeft,
+  faChevronRight,
+  faChevronUp,
+  faCircle,
+  faCircleCheck,
+  faCircleInfo,
+  faCircleQuestion,
+  faCircleUser,
+  faClock,
+  faCoins,
+  faComment,
+  faCopy,
+  faDollar,
+  faEllipsis,
+  faEllipsisVertical,
+  faEnvelopeOpenText,
+  faEraser,
+  faEye,
+  faEyeSlash,
+  faFileContract,
+  faFileLines,
+  faFilter,
+  faFloppyDisk,
+  faFolderOpen,
+  faForward,
+  faGift,
+  faGlobe,
+  faHammer,
+  faHand,
+  faHandHoldingDollar,
+  faHandHoldingHeart,
+  faHouseChimney,
+  faImage,
+  faImagePortrait,
+  faLeftRight,
+  faLightbulb,
+  faLink,
+  faLocationDot,
+  faLongArrowAltLeft,
+  faLongArrowAltRight,
+  faMagnifyingGlass,
+  faMessage,
+  faMinus,
+  faPen,
+  faPersonCircleCheck,
+  faPersonCircleQuestion,
+  faPlus,
+  faQrcode,
+  faQuestion,
+  faRotate,
+  faRightFromBracket,
+  faShareNodes,
+  faSpinner,
+  faSquare,
+  faSquareCaretDown,
+  faSquareCaretUp,
+  faSquarePlus,
+  faTrashCan,
+  faTriangleExclamation,
+  faUser,
+  faUsers,
+  faXmark,
+);
+
+import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
+import Camera from "simple-vue-camera";
+import { logger } from "./utils/logger";
+
+// Can trigger this with a 'throw' inside some top-level function, eg. on the HomeView
+function setupGlobalErrorHandler(app: VueApp) {
+  // @ts-expect-error 'cause we cannot see why config is not defined
+  app.config.errorHandler = (
+    err: Error,
+    instance: ComponentPublicInstance | null,
+    info: string,
+  ) => {
+    logger.error(
+      "Ouch! Global Error Handler.",
+      "Error:",
+      err,
+      "- Error toString:",
+      err.toString(),
+      "- Info:",
+      info,
+      "- Instance:",
+      instance,
+    );
+    // Want to show a nice notiwind notification but can't figure out how.
+    alert(
+      (err.message || "Something bad happened") +
+        " - Try reloading or restarting the app.",
+    );
+  };
+}
+
+const app = createApp(App)
+  .component("fa", FontAwesomeIcon)
+  .component("camera", Camera)
+  .use(createPinia())
+  .use(VueAxios, axios)
+  .use(router)
+  .use(Notifications);
+
+setupGlobalErrorHandler(app);
+
+app.mount("#app");

src/services/PlatformService.ts

@@ -26,6 +26,8 @@ export interface PlatformCapabilities {
   hasFileDownload: boolean;
   /** Whether the platform requires special file handling instructions */
   needsFileHandlingInstructions: boolean;
+  /** Whether the platform is a native app (Capacitor, Electron, etc.) */
+  isNativeApp: boolean;
 }
 
 /**
@@ -92,6 +94,12 @@ export interface PlatformService {
    */
   pickImage(): Promise<ImageResult>;
 
+  /**
+   * Rotates the camera between front and back cameras.
+   * @returns Promise that resolves when the camera is rotated
+   */
+  rotateCamera(): Promise<void>;
+
   /**
    * Handles deep link URLs for the application.
    * @param url - The deep link URL to handle

src/services/platforms/CapacitorPlatformService.ts

@@ -4,7 +4,7 @@ import {
   PlatformCapabilities,
 } from "../PlatformService";
 import { Filesystem, Directory, Encoding } from "@capacitor/filesystem";
-import { Camera, CameraResultType, CameraSource } from "@capacitor/camera";
+import { Camera, CameraResultType, CameraSource, CameraDirection } from "@capacitor/camera";
 import { Share } from "@capacitor/share";
 import { logger } from "../../utils/logger";
 
@@ -16,6 +16,9 @@ import { logger } from "../../utils/logger";
  * - Platform-specific features
  */
 export class CapacitorPlatformService implements PlatformService {
+  /** Current camera direction */
+  private currentDirection: CameraDirection = 'BACK';
+
   /**
    * Gets the capabilities of the Capacitor platform
    * @returns Platform capabilities object
@@ -28,6 +31,7 @@ export class CapacitorPlatformService implements PlatformService {
       isIOS: /iPad|iPhone|iPod/.test(navigator.userAgent),
       hasFileDownload: false,
       needsFileHandlingInstructions: true,
+      isNativeApp: true,
     };
   }
 
@@ -401,6 +405,7 @@ export class CapacitorPlatformService implements PlatformService {
         allowEditing: true,
         resultType: CameraResultType.Base64,
         source: CameraSource.Camera,
+        direction: this.currentDirection,
       });
 
       const blob = await this.processImageData(image.base64String);
@@ -466,6 +471,15 @@ export class CapacitorPlatformService implements PlatformService {
     return new Blob(byteArrays, { type: "image/jpeg" });
   }
 
+  /**
+   * Rotates the camera between front and back cameras.
+   * @returns Promise that resolves when the camera is rotated
+   */
+  async rotateCamera(): Promise<void> {
+    this.currentDirection = this.currentDirection === 'BACK' ? 'FRONT' : 'BACK';
+    logger.debug(`Camera rotated to ${this.currentDirection} camera`);
+  }
+
   /**
    * Handles deep link URLs for the application.
    * Note: Capacitor handles deep links automatically.

src/views/AccountViewView.vue

@@ -115,6 +115,7 @@
         <ImageMethodDialog
           ref="imageMethodDialog"
           :is-registered="isRegistered"
+          default-camera-mode="user"
         />
       </div>
       <div class="mt-4">

src/views/ContactQRScanFullView.vue

@@ -357,7 +357,8 @@ export default class ContactQRScan extends Vue {
       }
 
       const contactInfo = decodedJwt.payload.own;
-      if (!contactInfo.did) {
+      const did = contactInfo.did || decodedJwt.payload.iss;
+      if (!did) {
         logger.warn("Invalid contact info - missing DID");
         this.$notify({
           group: "alert",
@@ -370,7 +371,7 @@ export default class ContactQRScan extends Vue {
 
       // Create contact object
       const contact = {
-        did: contactInfo.did,
+        did: did,
         name: contactInfo.name || "",
         email: contactInfo.email || "",
         phone: contactInfo.phone || "",

src/views/ContactQRScanShowView.vue

@@ -152,30 +152,6 @@
           @camera-on="onCameraOn"
           @camera-off="onCameraOff"
         />
-
-        <div
-          class="absolute bottom-4 inset-x-0 flex justify-center items-center"
-        >
-          <!-- Camera Stop Button -->
-          <button
-            class="text-center text-slate-600 leading-none bg-white p-2 rounded-full drop-shadow-lg"
-            title="Stop camera"
-            @click="stopScanning"
-          >
-            <font-awesome icon="xmark" class="size-6" />
-          </button>
-        </div>
-      </div>
-      <div
-        v-else
-        class="flex items-center justify-center aspect-square overflow-hidden bg-slate-800 w-[90vw] max-w-[calc((100vh-env(safe-area-inset-top)-env(safe-area-inset-bottom))*0.4)] mx-auto"
-      >
-        <button
-          class="bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white text-lg px-3 py-2 rounded-lg"
-          @click="startScanning"
-        >
-          Scan QR Code
-        </button>
       </div>
     </div>
   </section>
@@ -258,6 +234,7 @@ export default class ContactQRScanShow extends Vue {
 
   // Add property to track if we're on desktop
   private isDesktop = false;
+  private isFrontCamera = false;
 
   async created() {
     try {
@@ -506,7 +483,8 @@ export default class ContactQRScanShow extends Vue {
       }
 
       const contactInfo = decodedJwt.payload.own;
-      if (!contactInfo.did) {
+      const did = contactInfo.did || decodedJwt.payload.iss;
+      if (!did) {
         logger.warn("Invalid contact info - missing DID");
         this.$notify({
           group: "alert",
@@ -519,7 +497,7 @@ export default class ContactQRScanShow extends Vue {
 
       // Create contact object
       const contact = {
-        did: contactInfo.did,
+        did: did,
         name: contactInfo.name || "",
         email: contactInfo.email || "",
         phone: contactInfo.phone || "",
@@ -723,14 +701,6 @@ export default class ContactQRScanShow extends Vue {
     document.addEventListener("resume", this.handleAppResume);
     // Start scanning automatically when view is loaded
     this.startScanning();
-
-    // Apply mirroring after a short delay to ensure video element is ready
-    setTimeout(() => {
-      const videoElement = document.querySelector('.qr-scanner video') as HTMLVideoElement;
-      if (videoElement) {
-        videoElement.style.transform = 'scaleX(-1)';
-      }
-    }, 1000);
   }
 
   beforeDestroy() {
@@ -877,6 +847,8 @@ export default class ContactQRScanShow extends Vue {
   onCameraOn(): void {
     this.cameraState = "active";
     this.isInitializing = false;
+    this.isFrontCamera = this.preferredCamera === "user";
+    this.applyCameraMirroring();
   }
 
   onCameraOff(): void {
@@ -922,6 +894,8 @@ export default class ContactQRScanShow extends Vue {
   toggleCamera(): void {
     this.preferredCamera =
       this.preferredCamera === "user" ? "environment" : "user";
+    this.isFrontCamera = this.preferredCamera === "user";
+    this.applyCameraMirroring();
   }
 
   private handleError(error: unknown): void {
@@ -943,17 +917,21 @@ export default class ContactQRScanShow extends Vue {
   // Add method to detect desktop browser
   private detectDesktopBrowser(): boolean {
     const userAgent = navigator.userAgent.toLowerCase();
-    return !/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
+    return !/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(
+      userAgent,
+    );
   }
 
-  // Update the computed property for camera mirroring
-  get shouldMirrorCamera(): boolean {
-    // On desktop, always mirror the webcam
-    if (this.isDesktop) {
-      return true;
+  // Add method to apply camera mirroring
+  private applyCameraMirroring(): void {
+    const videoElement = document.querySelector(
+      ".qr-scanner video",
+    ) as HTMLVideoElement;
+    if (videoElement) {
+      // Mirror if it's desktop or front camera on mobile
+      const shouldMirror = this.isDesktop || (this.isFrontCamera && !this.isDesktop);
+      videoElement.style.transform = shouldMirror ? "scaleX(-1)" : "none";
     }
-    // On mobile, mirror only for front-facing camera
-    return this.preferredCamera === "user";
   }
 }
 </script>
@@ -968,8 +946,9 @@ export default class ContactQRScanShow extends Vue {
   position: relative;
 }
 
+/* Remove the default mirroring from CSS since we're handling it in JavaScript */
 :deep(.qr-scanner video) {
-  transform: scaleX(-1);
+  transform: none;
 }
 
 /* Ensure the canvas for QR detection is not mirrored */

src/views/ContactsView.vue

@@ -54,17 +54,12 @@
           />
         </span>
         <span
-          class="flex items-center bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-1 mr-1 rounded-md"
+          class="flex items-center bg-gradient-to-b from-green-400 to-green-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-1 mr-1 rounded-md"
         >
           <font-awesome
             icon="chair"
             class="fa-fw text-2xl"
-            @click="
-              warning(
-                'You must get registered before you can initiate an onboarding meeting.',
-                'Not Registered',
-              )
-            "
+            @click="this.$router.push({ name: 'onboard-meeting-list' })"
           />
         </span>
       </span>

src/views/GiftedDetailsView.vue

@@ -93,7 +93,7 @@
         />
       </span>
     </div>
-    <ImageMethodDialog ref="imageDialog" />
+    <ImageMethodDialog ref="imageDialog" default-camera-mode="environment" />
 
     <div class="mt-4 flex justify-between gap-2">
       <!-- First Column for Giver -->

src/views/NewEditProjectView.vue

@@ -50,7 +50,7 @@
         />
       </span>
     </div>
-    <ImageMethodDialog ref="imageDialog" />
+    <ImageMethodDialog ref="imageDialog" default-camera-mode="environment" />
 
     <input
       v-model="agentDid"

src/views/NewIdentifierView.vue

@@ -34,9 +34,13 @@
       </div>
       <div v-else-if="hitError">
         <span class="text-xl">Error Creating Identity</span>
-        <font-awesome icon="exclamation-triangle" class="fa-fw text-red-500 ml-2"></font-awesome>
+        <font-awesome
+          icon="exclamation-triangle"
+          class="fa-fw text-red-500 ml-2"
+        ></font-awesome>
         <p class="text-sm text-gray-500">
-          Try fully restarting the app. If that doesn't work, back up all data (identities and other data) and reinstall the app.
+          Try fully restarting the app. If that doesn't work, back up all data
+          (identities and other data) and reinstall the app.
         </p>
       </div>
       <div v-else>
@@ -85,7 +89,7 @@ export default class NewIdentifierView extends Vue {
       .catch((error) => {
         this.loading = false;
         this.hitError = true;
-        console.error('Failed to generate identity:', error);
+        console.error("Failed to generate identity:", error);
       });
   }
 }

src/views/OnboardMeetingMembersView.vue

@@ -28,6 +28,16 @@
 
     <!-- Members List -->
     <MembersList v-else :password="password" @error="handleError" />
+
+    <!-- Project Link Section -->
+    <div v-if="projectLink" class="mt-8 p-4 border rounded-lg bg-white shadow">
+      <router-link
+        :to="'/project/' + encodeURIComponent(projectLink)"
+        class="text-blue-600 hover:text-blue-800 transition-colors duration-200"
+      >
+        Go To Project Page
+      </router-link>
+    </div>
   </section>
 
   <UserNameDialog
@@ -69,6 +79,7 @@ export default class OnboardMeetingMembersView extends Vue {
   firstName = "";
   isRegistered = false;
   isLoading = true;
+  projectLink = "";
   $route!: RouteLocationNormalizedLoaded;
   $router!: Router;
 
@@ -85,10 +96,12 @@ export default class OnboardMeetingMembersView extends Vue {
   async created() {
     if (!this.groupId) {
       this.errorMessage = "The group info is missing. Go back and try again.";
+      this.isLoading = false;
       return;
     }
     if (!this.password) {
       this.errorMessage = "The password is missing. Go back and try again.";
+      this.isLoading = false;
       return;
     }
     const settings = await retrieveSettingsForActiveAccount();
@@ -129,6 +142,15 @@ export default class OnboardMeetingMembersView extends Vue {
           // updateMemberInMeeting sets isLoading to false
         }
       }
+
+      // Fetch the meeting details to get the project link
+      const meetingResponse = await this.axios.get(
+        `${this.apiServer}/api/partner/groupOnboard/${this.groupId}`,
+        { headers }
+      );
+      if (meetingResponse.data?.data?.projectLink) {
+        this.projectLink = meetingResponse.data.data.projectLink;
+      }
     } catch (error) {
       this.errorMessage =
         serverMessageForUser(error) ||

src/views/OnboardMeetingSetupView.vue

@@ -49,12 +49,13 @@
 
         <div v-if="currentMeeting.password" class="mt-4">
           <p class="text-gray-600">
-            Share the password with the people you want to onboard.
+            Share the password with the members. You can also send them the
+            "shortcut page for members" link below.
           </p>
         </div>
         <div v-else class="text-red-600">
-          Your copy of the password is not saved. Edit the meeting, or delete it
-          and create a new meeting.
+          You must reenter your password. Edit this meeting, or delete it and
+          create a new meeting.
         </div>
       </div>
     </div>
@@ -92,7 +93,7 @@
       v-if="
         !isLoading &&
         isInEditOrCreateMode() &&
-        newOrUpdatedMeeting != null /* duplicate check is for typechecks */
+        newOrUpdatedMeetingInputs != null /* duplicate check is for typechecks */
       "
       class="mt-8"
     >
@@ -115,7 +116,7 @@
           >
           <input
             id="meetingName"
-            v-model="newOrUpdatedMeeting.name"
+            v-model="newOrUpdatedMeetingInputs.name"
             type="text"
             required
             class="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-blue-500 focus:outline-none"
@@ -131,7 +132,7 @@
           >
           <input
             id="expirationTime"
-            v-model="newOrUpdatedMeeting.expiresAt"
+            v-model="newOrUpdatedMeetingInputs.expiresAt"
             type="datetime-local"
             required
             :min="minDateTime"
@@ -145,7 +146,7 @@
           >
           <input
             id="password"
-            v-model="newOrUpdatedMeeting.password"
+            v-model="newOrUpdatedMeetingInputs.password"
             type="text"
             required
             class="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-blue-500 focus:outline-none"
@@ -159,7 +160,7 @@
           >
           <input
             id="userName"
-            v-model="newOrUpdatedMeeting.userFullName"
+            v-model="newOrUpdatedMeetingInputs.userFullName"
             type="text"
             required
             class="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-blue-500 focus:outline-none"
@@ -167,6 +168,19 @@
           />
         </div>
 
+        <div>
+          <label for="projectLink" class="block text-sm font-medium text-gray-700"
+            >Project Link</label
+          >
+          <input
+            id="projectLink"
+            v-model="newOrUpdatedMeetingInputs.projectLink"
+            type="text"
+            class="mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 shadow-sm focus:border-blue-500 focus:outline-none"
+            placeholder="Project ID"
+          />
+        </div>
+
         <button
           type="submit"
           class="w-full bg-gradient-to-b from-green-400 to-green-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-4 py-2 rounded-md hover:from-green-500 hover:to-green-800"
@@ -201,15 +215,25 @@
       <div class="flex items-center justify-between mb-4">
         <h2 class="text-2xl">Meeting Members</h2>
       </div>
-      <router-link
-        v-if="!!currentMeeting.password"
-        :to="onboardMeetingMembersLink()"
-        class="inline-block text-blue-600"
-        target="_blank"
+      <div
+        class="flex items-center gap-2 cursor-pointer text-blue-600"
+        @click="copyMembersLinkToClipboard"
+        title="Click to copy link for members"
       >
-        &bull; Open shortcut page for members
-        <font-awesome icon="external-link" />
-      </router-link>
+        <span>
+          &bull; Page for Members
+          <font-awesome icon="link" />
+        </span>
+        <router-link
+          v-if="!!currentMeeting.password"
+          :to="onboardMeetingMembersLink()"
+          class="inline-block text-blue-600 ml-4"
+          target="_blank"
+          @click.stop
+        >
+          <font-awesome icon="external-link" />
+        </router-link>
+      </div>
 
       <MembersList
         :password="currentMeeting.password || ''"
@@ -219,6 +243,21 @@
       />
     </div>
 
+    <div
+      v-if="currentMeeting?.projectLink"
+      class="mt-8 p-4 border rounded-lg bg-white shadow"
+    >
+      <!-- Project Link Section -->
+      <div>
+        <router-link
+          :to="'/project/' + encodeURIComponent(currentMeeting.projectLink)"
+          class="text-blue-600 hover:text-blue-800 transition-colors duration-200"
+        >
+          Go To Project Page
+        </router-link>
+      </div>
+    </div>
+
     <div v-else-if="isLoading">
       <div class="flex justify-center items-center h-full">
         <font-awesome icon="spinner" class="fa-spin-pulse" />
@@ -229,6 +268,8 @@
 
 <script lang="ts">
 import { Component, Vue } from "vue-facing-decorator";
+import { useClipboard } from "@vueuse/core";
+
 import QuickNav from "../components/QuickNav.vue";
 import TopMessage from "../components/TopMessage.vue";
 import MembersList from "../components/MembersList.vue";
@@ -240,19 +281,22 @@ import {
 } from "../libs/endorserServer";
 import { encryptMessage } from "../libs/crypto";
 import { logger } from "../utils/logger";
+
 interface ServerMeeting {
   groupId: number; // from the server
-  name: string; // from the server
-  expiresAt: string; // from the server
+  name: string; // to & from the server
+  expiresAt: string; // to & from the server
   userFullName?: string; // from the user's session
   password?: string; // from the user's session
+  projectLink?: string; // to & from the server
 }
 
-interface MeetingSetupInfo {
+interface MeetingSetupInputs {
   name: string;
   expiresAt: string;
   userFullName: string;
   password: string;
+  projectLink: string;
 }
 
 @Component({
@@ -269,7 +313,7 @@ export default class OnboardMeetingView extends Vue {
   ) => void;
 
   currentMeeting: ServerMeeting | null = null;
-  newOrUpdatedMeeting: MeetingSetupInfo | null = null;
+  newOrUpdatedMeetingInputs: MeetingSetupInputs | null = null;
   activeDid = "";
   apiServer = "";
   isDeleting = false;
@@ -295,11 +339,11 @@ export default class OnboardMeetingView extends Vue {
   }
 
   isInCreateMode(): boolean {
-    return this.newOrUpdatedMeeting != null && this.currentMeeting == null;
+    return this.newOrUpdatedMeetingInputs != null && this.currentMeeting == null;
   }
 
   isInEditOrCreateMode(): boolean {
-    return this.newOrUpdatedMeeting != null;
+    return this.newOrUpdatedMeetingInputs != null;
   }
 
   getDefaultExpirationTime(): string {
@@ -324,13 +368,14 @@ export default class OnboardMeetingView extends Vue {
     return `${year}-${month}-${day}T${hours}:${minutes}`;
   }
 
-  blankMeeting(): MeetingSetupInfo {
+  blankMeeting(): MeetingSetupInputs {
     return {
       // no groupId yet
       name: "",
       expiresAt: this.getDefaultExpirationTime(),
       userFullName: this.fullName,
       password: (this.currentMeeting?.password as string) || "",
+      projectLink: (this.currentMeeting?.projectLink as string) || "",
     };
   }
 
@@ -342,19 +387,20 @@ export default class OnboardMeetingView extends Vue {
         { headers },
       );
 
+      const queryPassword = this.$route.query["password"] as string;
       if (response?.data?.data) {
         this.currentMeeting = {
           ...response.data.data,
           userFullName: this.fullName,
-          password: this.currentMeeting?.password || "",
+          password: this.currentMeeting?.password || queryPassword || "",
         };
       } else {
         // no meeting found
-        this.newOrUpdatedMeeting = this.blankMeeting();
+        this.newOrUpdatedMeetingInputs = this.blankMeeting();
       }
     } catch (error) {
       // no meeting found
-      this.newOrUpdatedMeeting = this.blankMeeting();
+      this.newOrUpdatedMeetingInputs = this.blankMeeting();
     }
   }
 
@@ -362,14 +408,14 @@ export default class OnboardMeetingView extends Vue {
     this.isLoading = true;
 
     try {
-      if (!this.newOrUpdatedMeeting) {
+      if (!this.newOrUpdatedMeetingInputs) {
         throw Error(
           "There was no meeting data to create. We should never get here.",
         );
       }
 
       // Convert local time to UTC for comparison and server submission
-      const localExpiresAt = new Date(this.newOrUpdatedMeeting.expiresAt);
+      const localExpiresAt = new Date(this.newOrUpdatedMeetingInputs.expiresAt);
       const now = new Date();
       if (localExpiresAt <= now) {
         this.$notify(
@@ -383,7 +429,7 @@ export default class OnboardMeetingView extends Vue {
         );
         return;
       }
-      if (!this.newOrUpdatedMeeting.userFullName) {
+      if (!this.newOrUpdatedMeetingInputs.userFullName) {
         this.$notify(
           {
             group: "alert",
@@ -395,7 +441,7 @@ export default class OnboardMeetingView extends Vue {
         );
         return;
       }
-      if (!this.newOrUpdatedMeeting.password) {
+      if (!this.newOrUpdatedMeetingInputs.password) {
         this.$notify(
           {
             group: "alert",
@@ -408,35 +454,36 @@ export default class OnboardMeetingView extends Vue {
         return;
       }
 
-      // create content with user's name and DID encrypted with password
+      // create content with user's name & DID encrypted with password
       const content = {
-        name: this.newOrUpdatedMeeting.userFullName,
+        name: this.newOrUpdatedMeetingInputs.userFullName,
         did: this.activeDid,
         isRegistered: this.isRegistered,
       };
       const encryptedContent = await encryptMessage(
         JSON.stringify(content),
-        this.newOrUpdatedMeeting.password,
+        this.newOrUpdatedMeetingInputs.password,
       );
 
       const headers = await getHeaders(this.activeDid);
       const response = await this.axios.post(
         this.apiServer + "/api/partner/groupOnboard",
         {
-          name: this.newOrUpdatedMeeting.name,
+          name: this.newOrUpdatedMeetingInputs.name,
           expiresAt: localExpiresAt.toISOString(),
           content: encryptedContent,
+          projectLink: this.newOrUpdatedMeetingInputs.projectLink,
         },
         { headers },
       );
 
       if (response.data && response.data.success) {
         this.currentMeeting = {
-          ...this.newOrUpdatedMeeting,
+          ...this.newOrUpdatedMeetingInputs,
           groupId: response.data.success.groupId,
         };
 
-        this.newOrUpdatedMeeting = null;
+        this.newOrUpdatedMeetingInputs = null;
         this.$notify(
           {
             group: "alert",
@@ -502,7 +549,7 @@ export default class OnboardMeetingView extends Vue {
       });
 
       this.currentMeeting = null;
-      this.newOrUpdatedMeeting = this.blankMeeting();
+      this.newOrUpdatedMeetingInputs = this.blankMeeting();
       this.showDeleteConfirm = false;
 
       this.$notify(
@@ -534,11 +581,12 @@ export default class OnboardMeetingView extends Vue {
     // Populate form with existing meeting data
     if (this.currentMeeting) {
       const localExpiresAt = new Date(this.currentMeeting.expiresAt);
-      this.newOrUpdatedMeeting = {
+      this.newOrUpdatedMeetingInputs = {
         name: this.currentMeeting.name,
         expiresAt: this.formatDateForInput(localExpiresAt),
         userFullName: this.currentMeeting.userFullName || "",
         password: this.currentMeeting.password || "",
+        projectLink: this.currentMeeting.projectLink || "",
       };
     } else {
       logger.error(
@@ -549,18 +597,18 @@ export default class OnboardMeetingView extends Vue {
 
   cancelEditing() {
     // Reset form data
-    this.newOrUpdatedMeeting = null;
+    this.newOrUpdatedMeetingInputs = null;
   }
 
   async updateMeeting() {
     this.isLoading = true;
-    if (!this.newOrUpdatedMeeting) {
+    if (!this.newOrUpdatedMeetingInputs) {
       throw Error("There was no meeting data to update.");
     }
 
     try {
       // Convert local time to UTC for comparison and server submission
-      const localExpiresAt = new Date(this.newOrUpdatedMeeting.expiresAt);
+      const localExpiresAt = new Date(this.newOrUpdatedMeetingInputs.expiresAt);
       const now = new Date();
       if (localExpiresAt <= now) {
         this.$notify(
@@ -574,7 +622,7 @@ export default class OnboardMeetingView extends Vue {
         );
         return;
       }
-      if (!this.newOrUpdatedMeeting.userFullName) {
+      if (!this.newOrUpdatedMeetingInputs.userFullName) {
         this.$notify(
           {
             group: "alert",
@@ -586,7 +634,7 @@ export default class OnboardMeetingView extends Vue {
         );
         return;
       }
-      if (!this.newOrUpdatedMeeting.password) {
+      if (!this.newOrUpdatedMeetingInputs.password) {
         this.$notify(
           {
             group: "alert",
@@ -598,15 +646,15 @@ export default class OnboardMeetingView extends Vue {
         );
         return;
       }
-      // create content with user's name and DID encrypted with password
+      // create content with user's name & DID encrypted with password
       const content = {
-        name: this.newOrUpdatedMeeting.userFullName,
+        name: this.newOrUpdatedMeetingInputs.userFullName,
         did: this.activeDid,
         isRegistered: this.isRegistered,
       };
       const encryptedContent = await encryptMessage(
         JSON.stringify(content),
-        this.newOrUpdatedMeeting.password,
+        this.newOrUpdatedMeetingInputs.password,
       );
 
       const headers = await getHeaders(this.activeDid);
@@ -614,9 +662,10 @@ export default class OnboardMeetingView extends Vue {
         this.apiServer + "/api/partner/groupOnboard",
         {
           // the groupId is in the currentMeeting but it's not necessary while users only have one meeting
-          name: this.newOrUpdatedMeeting.name,
+          name: this.newOrUpdatedMeetingInputs.name,
           expiresAt: localExpiresAt.toISOString(),
           content: encryptedContent,
+          projectLink: this.newOrUpdatedMeetingInputs.projectLink,
         },
         { headers },
       );
@@ -624,10 +673,17 @@ export default class OnboardMeetingView extends Vue {
       if (response.data && response.data.success) {
         // Update the current meeting with only the necessary fields
         this.currentMeeting = {
-          ...this.newOrUpdatedMeeting,
+          ...this.newOrUpdatedMeetingInputs,
           groupId: (this.currentMeeting?.groupId as number) || -1,
         };
-        this.newOrUpdatedMeeting = null;
+        this.newOrUpdatedMeetingInputs = null;
+
+        if (this.currentMeeting?.password) {
+          this.$router.push({
+            name: "onboard-meeting-setup",
+            query: { password: this.currentMeeting?.password },
+          });
+        }
       } else {
         throw { response: response };
       }
@@ -673,5 +729,21 @@ export default class OnboardMeetingView extends Vue {
       5000,
     );
   }
+
+  copyMembersLinkToClipboard() {
+    useClipboard()
+      .copy(this.onboardMeetingMembersLink())
+      .then(() => {
+        this.$notify(
+          {
+            group: "alert",
+            type: "info",
+            title: "Copied",
+            text: "The member link is copied to the clipboard.",
+          },
+          5000,
+        );
+      });
+  }
 }
 </script>

test-playwright/33-record-gift-x10.spec.ts

@@ -88,6 +88,8 @@ import { test, expect } from '@playwright/test';
 import { importUser, createUniqueStringsArray, createRandomNumbersArray  } from './testUtils';
 
 test('Record 9 new gifts', async ({ page }) => {
+  test.slow(); // Set timeout longer
+
   const giftCount = 9;
   const standardTitle = 'Gift ';
   const finalTitles = [];
@@ -127,6 +129,6 @@ test('Record 9 new gifts', async ({ page }) => {
     await expect(page.locator('ul#listLatestActivity li')
       .filter({ hasText: finalTitles[i] })
       .first())
-      .toBeVisible({ timeout: 10000 });
+      .toBeVisible({ timeout: 3000 });
   }
 });