feat: add mobile bottom tab navigation and OpenCode authentication

Major Features:
- Add mobile bottom tab navigation with swipe gestures
- Implement MobileTabBar component with navigation store
- Add RepoQuickSwitchSheet and NotificationsSheet components
- Add OpenCode server authentication with Basic Auth support
- Add OpenCode models editor UI

Improvements:
- Add side-drawer and bottom-sheet UI components
- Implement useMobileTabBar and useNavigationDirection hooks
- Add useAutoPlayLastResponse hook for TTS
- Improve OAuth dialog UX with copy buttons and toast notifications
- Add floating TTS button with better state management
- Add model fallback logic and validation

Fixes:
- Correctly handle modelIDs containing slashes
- Fix OAuth dialog state management
- Clean up stale models from recentModels
- Fix SQLite readonly issues in Docker
- Fix mobile repo controls event bubbling

Refactoring:
- Remove custom title generation, use OpenCode API
- Merge RepoSelectionBar into RepoListControls
- Replace radio buttons with Tabs in AddRepoDialog
- Remove title.ts route and tests

Infrastructure:
- Add cache and opencode directories to Docker setup
- Fix Docker volume permissions for SQLite database
- Add migration for repo last accessed timestamp

Testing:
- Add comprehensive tests for mobile navigation components
- Add tests for bottom-sheet, side-drawer, and MobileTabBar
- Add model fallback tests
- Add proxy service tests

Author: chriswritescode-dev

.env.example

@@ -17,6 +17,11 @@ LOG_LEVEL=info
 OPENCODE_SERVER_PORT=5551
 OPENCODE_HOST=127.0.0.1
 
+# Optional - bearer password required to talk to the spawned OpenCode server.
+# When set, the backend spawns OpenCode with this password and attaches it to
+# every proxied request. Leave unset to disable OpenCode-level auth.
+# OPENCODE_SERVER_PASSWORD=
+
 # Optional - import an existing standalone OpenCode install on first startup
 # Useful for Docker when your host OpenCode data is bind-mounted into the container
 # OPENCODE_IMPORT_CONFIG_PATH=/import/opencode-config/opencode.json

backend/src/auth/middleware.ts

@@ -40,62 +40,4 @@ export function createAuthMiddleware(auth: AuthInstance) {
   })
 }
 
-export function createOptionalAuthMiddleware(auth: AuthInstance) {
-  return createMiddleware<{
-    Variables: {
-      session: Session['session'] | null
-      user: Session['user'] | null
-    }
-  }>(async (c, next) => {
-    try {
-      const session = await auth.api.getSession({
-        headers: c.req.raw.headers,
-      })
-
-      if (session) {
-        c.set('session', session.session as Session['session'])
-        c.set('user', session.user as Session['user'])
-      } else {
-        c.set('session', null)
-        c.set('user', null)
-      }
-    } catch {
-      c.set('session', null)
-      c.set('user', null)
-    }
-
-    await next()
-  })
-}
 
-export function createAdminMiddleware(auth: AuthInstance) {
-  return createMiddleware<{
-    Variables: {
-      session: Session['session']
-      user: Session['user']
-    }
-  }>(async (c, next) => {
-    let session
-    try {
-      session = await auth.api.getSession({
-        headers: c.req.raw.headers,
-      })
-    } catch (error) {
-      logger.error('Session lookup failed', { error })
-      return c.json({ error: 'Internal Server Error' }, 500)
-    }
-
-    if (!session) {
-      return c.json({ error: 'Unauthorized' }, 401)
-    }
-
-    const user = session.user as Session['user']
-    if (user.role !== 'admin') {
-      return c.json({ error: 'Forbidden: Admin access required' }, 403)
-    }
-
-    c.set('session', session.session as Session['session'])
-    c.set('user', user)
-    await next()
-  })
-}

backend/src/db/migration-runner.ts

@@ -34,10 +34,6 @@ function markApplied(db: Database, migration: Migration): void {
     .run(migration.version, migration.name, Date.now())
 }
 
-function markReverted(db: Database, version: number): void {
-  db.prepare('DELETE FROM schema_migrations WHERE version = ?').run(version)
-}
-
 export function migrate(db: Database, migrations: Migration[]): void {
   ensureMigrationsTable(db)
 
@@ -70,49 +66,4 @@ export function migrate(db: Database, migrations: Migration[]): void {
   logger.info('All migrations applied successfully')
 }
 
-export function rollback(db: Database, migrations: Migration[], targetVersion?: number): void {
-  ensureMigrationsTable(db)
-
-  const applied = getAppliedVersions(db)
-  const sorted = [...migrations]
-    .filter(m => applied.has(m.version))
-    .sort((a, b) => b.version - a.version)
-
-  if (sorted.length === 0) {
-    logger.info('No migrations to rollback')
-    return
-  }
-
-  const latest = sorted[0]
-  if (!latest) {
-    logger.info('No migrations to rollback')
-    return
-  }
-  const target = targetVersion ?? latest.version - 1
-
-  const toRevert = sorted.filter(m => m.version > target)
-
-  if (toRevert.length === 0) {
-    logger.info('No migrations to rollback')
-    return
-  }
 
-  logger.info(`Rolling back ${toRevert.length} migration(s) to version ${target}`)
-
-  for (const migration of toRevert) {
-    logger.info(`Reverting migration ${migration.version}: ${migration.name}`)
-    db.run('BEGIN TRANSACTION')
-    try {
-      migration.down(db)
-      markReverted(db, migration.version)
-      db.run('COMMIT')
-      logger.info(`Migration ${migration.version} reverted successfully`)
-    } catch (error) {
-      db.run('ROLLBACK')
-      logger.error(`Rollback of migration ${migration.version} failed:`, error)
-      throw error
-    }
-  }
-
-  logger.info('Rollback completed successfully')
-}

backend/src/db/migrations/011-repo-last-accessed.ts

@@ -0,0 +1,25 @@
+import type { Migration } from '../migration-runner'
+
+interface ColumnInfo {
+  name: string
+}
+
+const migration: Migration = {
+  version: 11,
+  name: 'repo-last-accessed',
+
+  up(db) {
+    const tableInfo = db.prepare('PRAGMA table_info(repos)').all() as ColumnInfo[]
+    const existing = new Set(tableInfo.map((column) => column.name))
+
+    if (!existing.has('last_accessed_at')) {
+      db.run('ALTER TABLE repos ADD COLUMN last_accessed_at INTEGER')
+    }
+  },
+
+  down(db) {
+    void db
+  },
+}
+
+export default migration

backend/src/db/migrations/index.ts

@@ -9,6 +9,7 @@ import migration007 from './007-schedules'
 import migration008 from './008-schedule-cron-support'
 import migration009 from './009-repo-source-path'
 import migration010 from './009-prompt-templates'
+import migration011 from './011-repo-last-accessed'
 
 export const allMigrations: Migration[] = [
   migration001,
@@ -21,4 +22,5 @@ export const allMigrations: Migration[] = [
   migration008,
   migration009,
   migration010,
+  migration011,
 ]

backend/src/db/queries.ts

@@ -4,7 +4,7 @@ import { getReposPath } from '@opencode-manager/shared/config/env'
 import { getErrorMessage } from '../utils/error-utils'
 import path from 'path'
 
-export interface RepoRow {
+interface RepoRow {
   id: number
   repo_url?: string
   local_path: string
@@ -14,6 +14,7 @@ export interface RepoRow {
   clone_status: string
   cloned_at: number
   last_pulled?: number
+  last_accessed_at?: number
   opencode_config_name?: string
   is_worktree?: number
   is_local?: number
@@ -33,12 +34,20 @@ function rowToRepo(row: RepoRow): Repo {
     cloneStatus: row.clone_status as Repo['cloneStatus'],
     clonedAt: row.cloned_at,
     lastPulled: row.last_pulled,
+    lastAccessedAt: row.last_accessed_at,
     openCodeConfigName: row.opencode_config_name,
     isWorktree: row.is_worktree ? Boolean(row.is_worktree) : undefined,
     isLocal: row.is_local ? Boolean(row.is_local) : undefined,
   }
 }
 
+export function getRepoById(db: Database, id: number): Repo | null {
+  const stmt = db.prepare('SELECT * FROM repos WHERE id = ?')
+  const row = stmt.get(id) as RepoRow | undefined
+  
+  return row ? rowToRepo(row) : null
+}
+
 export function createRepo(db: Database, repo: CreateRepoInput): Repo {
   const normalizedPath = repo.localPath.trim().replace(/\/+$/, '')
 
@@ -53,8 +62,8 @@ export function createRepo(db: Database, repo: CreateRepoInput): Repo {
   }
 
   const stmt = db.prepare(`
-    INSERT INTO repos (repo_url, local_path, source_path, branch, default_branch, clone_status, cloned_at, is_worktree, is_local)
-    VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)
+    INSERT INTO repos (repo_url, local_path, source_path, branch, default_branch, clone_status, cloned_at, last_accessed_at, is_worktree, is_local)
+    VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
   `)
 
   try {
@@ -66,6 +75,7 @@ export function createRepo(db: Database, repo: CreateRepoInput): Repo {
       repo.defaultBranch,
       repo.cloneStatus,
       repo.clonedAt,
+      repo.clonedAt,
       repo.isWorktree ? 1 : 0,
       repo.isLocal ? 1 : 0
     )
@@ -96,13 +106,6 @@ export function createRepo(db: Database, repo: CreateRepoInput): Repo {
   }
 }
 
-export function getRepoById(db: Database, id: number): Repo | null {
-  const stmt = db.prepare('SELECT * FROM repos WHERE id = ?')
-  const row = stmt.get(id) as RepoRow | undefined
-  
-  return row ? rowToRepo(row) : null
-}
-
 export function getRepoByUrlAndBranch(db: Database, repoUrl: string, branch?: string): Repo | null {
   const query = branch 
     ? 'SELECT * FROM repos WHERE repo_url = ? AND branch = ?'
@@ -189,6 +192,14 @@ export function updateLastPulled(db: Database, id: number): void {
   }
 }
 
+export function updateLastAccessed(db: Database, id: number): void {
+  const stmt = db.prepare('UPDATE repos SET last_accessed_at = ? WHERE id = ?')
+  const result = stmt.run(Date.now(), id)
+  if (result.changes === 0) {
+    throw new Error(`Repository with id ${id} not found`)
+  }
+}
+
 export function updateRepoBranch(db: Database, id: number, branch: string): void {
   const stmt = db.prepare('UPDATE repos SET branch = ? WHERE id = ?')
   const result = stmt.run(branch, id)
@@ -201,3 +212,4 @@ export function deleteRepo(db: Database, id: number): void {
   const stmt = db.prepare('DELETE FROM repos WHERE id = ?')
   stmt.run(id)
 }
+

backend/src/db/schedules.ts

@@ -204,11 +204,6 @@ export function deleteScheduleJob(db: Database, repoId: number, jobId: number):
   return result.changes > 0
 }
 
-export function reserveScheduleJobNextRun(db: Database, repoId: number, jobId: number, nextRunAt: number): void {
-  const stmt = db.prepare('UPDATE schedule_jobs SET next_run_at = ?, updated_at = ? WHERE repo_id = ? AND id = ?')
-  stmt.run(nextRunAt, Date.now(), repoId, jobId)
-}
-
 export function updateScheduleJobRunState(db: Database, repoId: number, jobId: number, values: { lastRunAt: number; nextRunAt?: number | null }): void {
   const stmt = db.prepare('UPDATE schedule_jobs SET last_run_at = ?, next_run_at = ?, updated_at = ? WHERE repo_id = ? AND id = ?')
   stmt.run(values.lastRunAt, values.nextRunAt ?? null, Date.now(), repoId, jobId)