@andypai/agent-kanban 0.2.0 → 0.3.1

package/src/__tests__/commands/task.test.ts

@@ -1,144 +0,0 @@
-import { describe, expect, test, beforeEach } from 'bun:test'
-import { Database } from 'bun:sqlite'
-import { initSchema, seedDefaultColumns } from '../../db.ts'
-import {
-  taskAdd,
-  taskList,
-  taskView,
-  taskUpdate,
-  taskDelete,
-  taskMove,
-  taskAssign,
-  taskPrioritize,
-} from '../../commands/task.ts'
-import { KanbanError } from '../../errors.ts'
-import type { TaskWithColumn } from '../../types.ts'
-
-let db: Database
-
-beforeEach(() => {
-  db = new Database(':memory:')
-  db.run('PRAGMA foreign_keys = ON')
-  initSchema(db)
-  seedDefaultColumns(db)
-})
-
-describe('taskAdd', () => {
-  test('adds a task with all options', () => {
-    const result = taskAdd(db, {
-      title: 'Build feature',
-      description: 'Do the thing',
-      column: 'recurring',
-      priority: 'high',
-      assignee: 'alice',
-      metadata: '{"sprint": 5}',
-    })
-    expect(result.ok).toBe(true)
-    if (result.ok) {
-      const task = result.data as TaskWithColumn
-      expect(task.title).toBe('Build feature')
-      expect(task.description).toBe('Do the thing')
-      expect(task.priority).toBe('high')
-      expect(task.assignee).toBe('alice')
-      expect(task.metadata).toBe('{"sprint": 5}')
-    }
-  })
-
-  test('throws without title', () => {
-    expect(() => taskAdd(db, {})).toThrow(KanbanError)
-  })
-})
-
-describe('taskList', () => {
-  test('lists all tasks', () => {
-    taskAdd(db, { title: 'A' })
-    taskAdd(db, { title: 'B' })
-    const result = taskList(db, {})
-    expect(result.ok).toBe(true)
-    if (result.ok) {
-      expect(result.data as TaskWithColumn[]).toHaveLength(2)
-    }
-  })
-
-  test('filters by column', () => {
-    taskAdd(db, { title: 'A', column: 'recurring' })
-    taskAdd(db, { title: 'B', column: 'done' })
-    const result = taskList(db, { column: 'recurring' })
-    if (result.ok) {
-      expect(result.data as TaskWithColumn[]).toHaveLength(1)
-    }
-  })
-})
-
-describe('taskView', () => {
-  test('returns task details', () => {
-    const addResult = taskAdd(db, { title: 'View me' })
-    if (!addResult.ok) throw new Error('unexpected')
-    const task = addResult.data as TaskWithColumn
-    const result = taskView(db, { id: task.id })
-    expect(result.ok).toBe(true)
-  })
-
-  test('throws for missing id', () => {
-    expect(() => taskView(db, {})).toThrow(KanbanError)
-  })
-})
-
-describe('taskUpdate', () => {
-  test('updates task fields', () => {
-    const addResult = taskAdd(db, { title: 'Original' })
-    if (!addResult.ok) throw new Error('unexpected')
-    const task = addResult.data as TaskWithColumn
-    const result = taskUpdate(db, { id: task.id, title: 'Modified' })
-    if (result.ok) {
-      expect((result.data as TaskWithColumn).title).toBe('Modified')
-    }
-  })
-})
-
-describe('taskDelete', () => {
-  test('deletes task', () => {
-    const addResult = taskAdd(db, { title: 'Delete me' })
-    if (!addResult.ok) throw new Error('unexpected')
-    const task = addResult.data as TaskWithColumn
-    const result = taskDelete(db, { id: task.id })
-    expect(result.ok).toBe(true)
-    expect(() => taskView(db, { id: task.id })).toThrow(KanbanError)
-  })
-})
-
-describe('taskMove', () => {
-  test('moves task to new column', () => {
-    const addResult = taskAdd(db, { title: 'Move me', column: 'recurring' })
-    if (!addResult.ok) throw new Error('unexpected')
-    const task = addResult.data as TaskWithColumn
-    const result = taskMove(db, { id: task.id, column: 'in-progress' })
-    if (result.ok) {
-      expect((result.data as TaskWithColumn).column_name).toBe('in-progress')
-    }
-  })
-})
-
-describe('taskAssign', () => {
-  test('assigns task', () => {
-    const addResult = taskAdd(db, { title: 'Assign me' })
-    if (!addResult.ok) throw new Error('unexpected')
-    const task = addResult.data as TaskWithColumn
-    const result = taskAssign(db, { id: task.id, assignee: 'bob' })
-    if (result.ok) {
-      expect((result.data as TaskWithColumn).assignee).toBe('bob')
-    }
-  })
-})
-
-describe('taskPrioritize', () => {
-  test('sets priority', () => {
-    const addResult = taskAdd(db, { title: 'Prioritize me' })
-    if (!addResult.ok) throw new Error('unexpected')
-    const task = addResult.data as TaskWithColumn
-    const result = taskPrioritize(db, { id: task.id, priority: 'urgent' })
-    if (result.ok) {
-      expect((result.data as TaskWithColumn).priority).toBe('urgent')
-    }
-  })
-})

package/src/commands/task.ts

@@ -1,117 +0,0 @@
-import type { Database } from 'bun:sqlite'
-import { addTask, getTask, listTasks, updateTask, deleteTask, moveTask } from '../db.ts'
-import { ErrorCode, KanbanError } from '../errors.ts'
-import { success } from '../output.ts'
-import type { CliOutput, Priority } from '../types.ts'
-
-export function taskAdd(
-  db: Database,
-  args: {
-    title?: string
-    description?: string
-    column?: string
-    priority?: string
-    assignee?: string
-    project?: string
-    metadata?: string
-  },
-): CliOutput {
-  if (!args.title) {
-    throw new KanbanError(ErrorCode.MISSING_ARGUMENT, 'Task title is required')
-  }
-  return success(
-    addTask(db, args.title, {
-      description: args.description,
-      column: args.column,
-      priority: args.priority as Priority | undefined,
-      assignee: args.assignee,
-      project: args.project,
-      metadata: args.metadata,
-    }),
-  )
-}
-
-export function taskList(
-  db: Database,
-  opts: {
-    column?: string
-    priority?: string
-    assignee?: string
-    project?: string
-    limit?: string
-    sort?: string
-  },
-): CliOutput {
-  return success(
-    listTasks(db, {
-      column: opts.column,
-      priority: opts.priority,
-      assignee: opts.assignee,
-      project: opts.project,
-      limit: opts.limit ? parseInt(opts.limit, 10) : undefined,
-      sort: opts.sort,
-    }),
-  )
-}
-
-export function taskView(db: Database, args: { id?: string }): CliOutput {
-  if (!args.id) {
-    throw new KanbanError(ErrorCode.MISSING_ARGUMENT, 'Task ID is required')
-  }
-  return success(getTask(db, args.id))
-}
-
-export function taskUpdate(
-  db: Database,
-  args: {
-    id?: string
-    title?: string
-    description?: string
-    priority?: string
-    assignee?: string
-    project?: string
-    metadata?: string
-  },
-): CliOutput {
-  if (!args.id) {
-    throw new KanbanError(ErrorCode.MISSING_ARGUMENT, 'Task ID is required')
-  }
-  return success(
-    updateTask(db, args.id, {
-      title: args.title,
-      description: args.description,
-      priority: args.priority as Priority | undefined,
-      assignee: args.assignee,
-      project: args.project,
-      metadata: args.metadata,
-    }),
-  )
-}
-
-export function taskDelete(db: Database, args: { id?: string }): CliOutput {
-  if (!args.id) {
-    throw new KanbanError(ErrorCode.MISSING_ARGUMENT, 'Task ID is required')
-  }
-  return success(deleteTask(db, args.id))
-}
-
-export function taskMove(db: Database, args: { id?: string; column?: string }): CliOutput {
-  if (!args.id || !args.column) {
-    throw new KanbanError(ErrorCode.MISSING_ARGUMENT, 'Usage: kanban task move <id> <column>')
-  }
-  return success(moveTask(db, args.id, args.column))
-}
-
-export function taskAssign(db: Database, args: { id?: string; assignee?: string }): CliOutput {
-  if (!args.id || !args.assignee) {
-    throw new KanbanError(ErrorCode.MISSING_ARGUMENT, 'Usage: kanban task assign <id> <assignee>')
-  }
-  return success(updateTask(db, args.id, { assignee: args.assignee }))
-}
-
-export function taskPrioritize(db: Database, args: { id?: string; priority?: string }): CliOutput {
-  if (!args.id || !args.priority) {
-    throw new KanbanError(ErrorCode.MISSING_ARGUMENT, 'Usage: kanban task prioritize <id> <level>')
-  }
-  return success(updateTask(db, args.id, { priority: args.priority as Priority }))
-}

package/src/fixtures.ts

@@ -1,128 +0,0 @@
-import type { Database } from 'bun:sqlite'
-import type { Priority } from './types.ts'
-import { addTask, moveTask, updateTask, listTasks } from './db.ts'
-
-interface FixtureTask {
-  title: string
-  description?: string
-  column: string
-  priority: Priority
-  assignee?: string
-  project?: string
-}
-
-export const FIXTURE_TASKS: FixtureTask[] = [
-  // recurring
-  {
-    title: 'Daily standup notes',
-    description: 'Capture blockers and progress each morning',
-    column: 'recurring',
-    priority: 'medium',
-    assignee: 'Alex',
-  },
-  {
-    title: 'Weekly metrics review',
-    description: 'Review board throughput and cycle time every Friday',
-    column: 'recurring',
-    priority: 'low',
-    assignee: 'BuildBot',
-    project: 'Platform',
-  },
-
-  // backlog
-  {
-    title: 'Add search functionality',
-    description: 'Full-text search across task titles and descriptions',
-    column: 'backlog',
-    priority: 'high',
-    assignee: 'Alex',
-    project: 'Platform',
-  },
-  {
-    title: 'Write API docs',
-    description: 'Document all CLI commands with examples',
-    column: 'backlog',
-    priority: 'medium',
-    assignee: 'BuildBot',
-  },
-  {
-    title: 'Refactor error handling',
-    description: 'Consolidate error codes and improve user-facing messages',
-    column: 'backlog',
-    priority: 'low',
-    project: 'Platform',
-  },
-
-  // in-progress
-  {
-    title: 'Implement board export',
-    description: 'Export board state to JSON and CSV formats',
-    column: 'in-progress',
-    priority: 'high',
-    assignee: 'Alex',
-    project: 'Platform',
-  },
-  {
-    title: 'Fix column reorder bug',
-    description: 'Columns shift incorrectly when moving to position 0',
-    column: 'in-progress',
-    priority: 'high',
-    assignee: 'BuildBot',
-  },
-
-  // review
-  {
-    title: 'Add bulk delete command',
-    description: 'Allow deleting multiple tasks by ID or filter',
-    column: 'review',
-    priority: 'medium',
-    assignee: 'Alex',
-    project: 'Platform',
-  },
-
-  // done
-  {
-    title: 'Set up CI pipeline',
-    description: 'GitHub Actions for lint, typecheck, and test on every PR',
-    column: 'done',
-    priority: 'high',
-    assignee: 'BuildBot',
-    project: 'Platform',
-  },
-  {
-    title: 'Add activity logging',
-    description: 'Track task creates, moves, updates, and deletes',
-    column: 'done',
-    priority: 'medium',
-    assignee: 'Alex',
-  },
-]
-
-export function seedFixtures(db: Database): { taskCount: number; movedCount: number } {
-  let movedCount = 0
-
-  for (const fixture of FIXTURE_TASKS) {
-    // Create all tasks in backlog first (addTask defaults to backlog)
-    const task = addTask(db, fixture.title, {
-      description: fixture.description,
-      priority: fixture.priority,
-      assignee: fixture.assignee,
-      project: fixture.project,
-    })
-
-    // Move to target column if not already in backlog
-    if (fixture.column !== 'backlog') {
-      moveTask(db, task.id, fixture.column)
-      movedCount++
-    }
-  }
-
-  // Escalate the bug to urgent — generates a realistic "prioritized" activity entry
-  const inProgress = listTasks(db, { column: 'in-progress' })
-  const bug = inProgress.find((t) => t.title === 'Fix column reorder bug')
-  if (bug) {
-    updateTask(db, bug.id, { priority: 'urgent' })
-  }
-
-  return { taskCount: FIXTURE_TASKS.length, movedCount }
-}

package/ui/dist/assets/index-B8f9NB4z.css

@@ -1 +0,0 @@
-*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #000000;--surface: #111111;--surface-raised: #1a1a1a;--border: #222222;--border-visible: #333333;--text-disabled: #666666;--text-secondary: #999999;--text-muted: var(--text-disabled);--text-primary: #e8e8e8;--text-display: #ffffff;--accent: #d71921;--accent-subtle: rgba(215, 25, 33, .15);--success: #4a9e5c;--warning: #d4a843;--interactive: #5b9bf6;--priority-urgent: #d71921;--priority-high: #d4a843;--priority-medium: #999999;--priority-low: #4a9e5c;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--section-radius: 12px;--page-gutter: clamp(16px, 3vw, 32px);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}html{background:var(--black)}body{font-family:Space Grotesk,system-ui,sans-serif;background:var(--black);color:var(--text-primary);min-height:100vh;overflow-x:hidden;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,select,input,textarea{font-family:inherit}#root{width:100%;max-width:1800px;margin:0 auto;padding-top:calc(var(--space-lg) + var(--safe-top));padding-right:max(var(--page-gutter),var(--safe-right));padding-bottom:calc(var(--space-lg) + var(--safe-bottom));padding-left:max(var(--page-gutter),var(--safe-left))}.header{padding:0 0 var(--space-xl);border-bottom:1px solid var(--border);margin-bottom:var(--space-lg)}.headerTop{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.headerIdentity{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.headerTitleRow{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.header h1{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.02em;line-height:1.1;color:var(--text-display)}.header h1 span{color:var(--text-display)}.liveStatus,.providerBadge{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 12px;border-radius:999px;border:1px solid var(--border-visible);background:transparent;color:var(--text-secondary);font-family:Space Mono,monospace;font-size:11px;font-weight:400;letter-spacing:.04em;text-transform:uppercase}.providerBadge{max-width:fit-content}.newTaskBtn{min-height:44px;background:var(--text-display);color:var(--black);border:none;padding:10px 24px;border-radius:999px;font-family:Space Mono,monospace;font-size:13px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:opacity .15s;white-space:nowrap}.newTaskBtn:hover{opacity:.85}.statsBar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.statCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--section-radius);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.statValue{font-family:Doto,Space Mono,monospace;font-size:36px;line-height:1;font-weight:400;color:var(--text-display);letter-spacing:-.02em}.statLabel{font-family:Space Mono,monospace;font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.filterBar{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:var(--space-md);align-items:end}.filterSection{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.filterSectionCompact{justify-self:end;width:100%}.filterLabel{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-disabled)}.filterGroup{display:flex;gap:6px;align-items:center;min-width:0}.filterScroller{display:flex;flex-wrap:wrap;gap:6px}.filterBtn{min-height:36px;background:transparent;border:1px solid var(--border-visible);color:var(--text-secondary);padding:6px 16px;border-radius:999px;font-family:Space Mono,monospace;font-size:12px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .15s;white-space:nowrap}.filterBtn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.filterBtn.active{background:var(--text-display);border-color:var(--text-display);color:var(--black)}.projectDropdown{width:100%;min-height:36px;background:transparent;border:1px solid var(--border-visible);color:var(--text-primary);padding:6px 34px 6px 14px;border-radius:999px;font-family:Space Mono,monospace;font-size:12px;letter-spacing:.04em;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666666' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.projectDropdown:focus{outline:none;border-color:var(--text-primary)}.boardShell{min-height:calc(100vh - 280px - var(--safe-bottom))}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:var(--space-sm);overflow-x:auto;overflow-y:visible;padding:var(--space-xs) 0 calc(var(--space-sm) + var(--safe-bottom));min-height:calc(100vh - 300px - var(--safe-bottom));scrollbar-width:thin;scrollbar-color:var(--border-visible) transparent;scroll-padding-inline:2px}.board:after{content:"";width:2px}.column{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--section-radius);display:flex;flex-direction:column;min-height:100%}.columnHeader{padding:14px var(--space-md);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.columnHeaderMain,.columnHeaderActions{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.columnDot{width:6px;height:6px;border-radius:50%;flex-shrink:0;opacity:.7}.columnName{font-family:Space Mono,monospace;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);flex:1;min-width:0}.columnCount{background:transparent;border:1px solid var(--border);color:var(--text-disabled);padding:2px 8px;border-radius:999px;font-family:Space Mono,monospace;font-size:11px;min-width:24px;text-align:center}.columnAddBtn{min-width:32px;min-height:32px;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--text-disabled);cursor:pointer;font-size:16px;line-height:1;transition:all .15s}.columnAddBtn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.columnBody{padding:var(--space-sm);display:flex;flex-direction:column;gap:6px;min-height:60px;flex:1}.emptyColumn{display:flex;align-items:center;justify-content:center;color:var(--text-disabled);font-family:Space Mono,monospace;font-size:11px;letter-spacing:.04em;text-transform:uppercase;flex:1;min-height:96px}.taskCard{width:100%;text-align:left;background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;padding:14px var(--space-md);cursor:pointer;transition:border-color .15s}.taskCard:hover{border-color:var(--border-visible)}.taskCard.selected{border-color:var(--text-secondary)}.taskCardHeader{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-xs)}.taskTitle{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:500;line-height:1.4;color:var(--text-primary);flex:1}.taskDescription{font-size:13px;color:var(--text-disabled);line-height:1.45;margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.taskFooter{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.taskFooterLeft{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex-wrap:wrap}.assigneeAvatar{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Space Mono,monospace;font-size:10px;font-weight:700;color:var(--black);background:var(--text-disabled);flex-shrink:0;border:1px solid var(--border-visible)}.assigneeName{font-family:Space Mono,monospace;font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projectTag{display:inline-flex;align-items:center;min-height:22px;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:2px 10px;border-radius:999px;border:1px solid var(--border-visible);background:transparent;color:var(--text-secondary);white-space:nowrap}.timestamp{font-family:Space Mono,monospace;font-size:11px;color:var(--text-disabled);white-space:nowrap;flex-shrink:0}.priorityDot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:5px}.priorityDot.urgent{background:var(--priority-urgent)}.priorityDot.high{background:var(--priority-high)}.priorityDot.medium{background:var(--priority-medium)}.priorityDot.low{background:var(--priority-low)}.taskDetailOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:9}.taskDetail{position:fixed;top:0;right:0;width:min(420px,100vw);height:100vh;background:var(--surface);border-left:1px solid var(--border-visible);padding:calc(var(--space-xl) + var(--safe-top)) max(var(--space-lg),var(--safe-right)) calc(var(--space-xl) + var(--safe-bottom)) var(--space-lg);overflow-y:auto;z-index:10}.taskDetail .closeBtn{position:absolute;top:calc(var(--space-md) + var(--safe-top));right:max(var(--space-md),var(--safe-right));min-width:40px;min-height:40px;background:var(--surface-raised);border:1px solid var(--border-visible);color:var(--text-secondary);cursor:pointer;padding:4px 10px;border-radius:999px;font-size:18px;transition:all .15s}.taskDetail .closeBtn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.detailTitle{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:500;color:var(--text-display);margin-bottom:var(--space-lg);padding-right:56px;line-height:1.4}.detailField{margin-bottom:var(--space-md)}.detailLabel{font-family:Space Mono,monospace;font-size:11px;color:var(--text-disabled);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-xs)}.detailValue{font-family:Space Grotesk,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary)}.detailActions{display:flex;gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border)}.detailSelect{background:var(--surface-raised);border:1px solid var(--border-visible);color:var(--text-primary);min-height:42px;padding:8px 14px;border-radius:8px;font-family:Space Grotesk,sans-serif;font-size:13px;flex:1}.detailSelect:focus{outline:none;border-color:var(--text-secondary)}.deleteBtn{background:transparent;border:1px solid var(--accent);color:var(--accent);min-height:42px;padding:8px 20px;border-radius:999px;font-family:Space Mono,monospace;font-size:12px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .15s}.deleteBtn:hover{background:var(--accent-subtle)}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:calc(var(--space-md) + var(--safe-top)) max(var(--space-md),var(--safe-right)) calc(var(--space-md) + var(--safe-bottom)) max(var(--space-md),var(--safe-left));z-index:20}.modal{background:var(--surface);border:1px solid var(--border-visible);border-radius:16px;padding:var(--space-lg);width:480px;max-width:100%;max-height:100%;overflow-y:auto}.modal h2{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:500;color:var(--text-display);margin-bottom:var(--space-lg)}.formField{margin-bottom:var(--space-md)}.formLabel{display:block;font-family:Space Mono,monospace;font-size:11px;color:var(--text-disabled);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.formInput{width:100%;background:var(--surface-raised);border:1px solid var(--border-visible);color:var(--text-primary);min-height:42px;padding:10px 14px;border-radius:8px;font-family:Space Grotesk,sans-serif;font-size:14px}.formInput::placeholder{color:var(--text-disabled)}.formInput:focus{outline:none;border-color:var(--text-secondary)}textarea.formInput{resize:vertical;min-height:96px}select.formInput{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666666' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.formRow{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.modalActions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.btnSecondary{background:transparent;border:1px solid var(--border-visible);color:var(--text-secondary);min-height:42px;padding:8px 24px;border-radius:999px;font-family:Space Mono,monospace;font-size:12px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .15s}.btnSecondary:hover{border-color:var(--text-secondary);color:var(--text-primary)}.btnPrimary{background:var(--text-display);border:none;color:var(--black);min-height:42px;padding:8px 24px;border-radius:999px;font-family:Space Mono,monospace;font-size:12px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:opacity .15s}.btnPrimary:hover{opacity:.85}.btnPrimary:disabled{opacity:.3;cursor:not-allowed}.appLayout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-disabled);font-family:Space Mono,monospace;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.errorBanner{background:var(--accent-subtle);border:1px solid var(--accent);color:var(--accent);padding:10px var(--space-md);border-radius:8px;font-family:Space Mono,monospace;font-size:12px;margin-bottom:var(--space-md)}.wsIndicator{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.wsIndicator.connected{background:var(--success)}.wsIndicator.disconnected{background:var(--text-disabled)}.mobileList{display:none}.mobileGroup{border-bottom:1px solid var(--border)}.mobileGroupHeader{display:flex;align-items:center;gap:var(--space-sm);min-height:48px;padding:0 var(--space-md);background:var(--surface)}.mobileGroupToggle{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-height:48px;padding:12px 0;background:transparent;border:none;color:var(--text-primary);font:inherit;cursor:pointer;text-align:left}.mobileGroupToggle:hover,.mobileGroupToggle:focus-visible{color:var(--text-display)}.mobileGroupChevron{font-size:12px;color:var(--text-disabled);transition:transform .15s;width:16px;text-align:center;flex-shrink:0}.mobileGroupChevron.collapsed{transform:rotate(-90deg)}.mobileGroupDot{width:6px;height:6px;border-radius:50%;flex-shrink:0;opacity:.6}.mobileGroupName{font-family:Space Mono,monospace;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.mobileGroupCount{font-family:Space Mono,monospace;font-size:11px;color:var(--text-disabled);margin-right:auto}.mobileGroupAdd{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;border-radius:999px;font-size:16px;color:var(--text-disabled);cursor:pointer;flex-shrink:0;transition:color .15s}.mobileGroupAdd:hover{color:var(--text-primary)}.mobileGroupBody{padding-bottom:var(--space-xs)}.mobileGroupEmpty{padding:var(--space-md) var(--space-md) var(--space-md) 46px;font-family:Space Mono,monospace;font-size:11px;color:var(--text-disabled);letter-spacing:.04em;text-transform:uppercase}.mobileTaskRow{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px var(--space-md);background:none;border:none;border-top:1px solid var(--border);color:var(--text-primary);font:inherit;cursor:pointer;text-align:left;transition:background .1s}.mobileTaskRow:hover,.mobileTaskRow:focus-visible{background:var(--surface)}.mobileTaskRow.selected{background:var(--surface);border-left:2px solid var(--text-display)}.mobileTaskRow .priorityDot{flex-shrink:0}.mobileTaskTitle{flex:1;min-width:0;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:400;line-height:1.35;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobileTaskProject{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-disabled);border:1px solid var(--border-visible);border-radius:999px;padding:2px 10px;white-space:nowrap;flex-shrink:0}.mobileTaskAvatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Space Mono,monospace;font-size:10px;font-weight:700;color:var(--black);background:var(--text-disabled);flex-shrink:0;border:1px solid var(--border-visible)}@media(max-width:960px){.statsBar{grid-template-columns:repeat(2,minmax(0,1fr))}.filterBar{grid-template-columns:1fr}.filterSectionCompact{justify-self:stretch}}@media(max-width:720px){:root{--page-gutter: 20px}#root{padding-top:max(var(--space-sm),var(--safe-top));padding-bottom:calc(var(--space-lg) + var(--safe-bottom));overflow-x:hidden}.header{padding:0;border-bottom:none;margin-bottom:var(--space-md)}.headerTop{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-sm);margin-bottom:var(--space-md)}.headerIdentity{gap:6px}.headerTitleRow{align-items:center;gap:6px}.header h1{font-size:18px}.liveStatus,.providerBadge{min-height:24px;padding:3px 10px;font-size:10px}.newTaskBtn{min-width:44px;min-height:44px;padding:0 16px;align-self:start}.statsBar{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:var(--space-md)}.statCard{padding:12px;gap:var(--space-xs)}.statValue{font-size:28px}.statLabel{font-size:10px}.filterBar{display:flex;flex-direction:column;gap:var(--space-sm)}.filterSection,.filterSectionCompact{width:100%}.filterSection{gap:6px}.filterLabel{font-size:10px}.filterGroup{gap:6px}.filterBtn{min-height:34px;padding:6px 12px;font-size:11px}.projectDropdown{min-height:34px;font-size:11px}.boardShell{display:none}.mobileList{display:block;border-top:1px solid var(--border)}.taskDetailOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9}.taskDetail{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;border-left:none;padding:calc(var(--space-lg) + var(--safe-top)) max(var(--space-md),var(--safe-right)) calc(var(--space-lg) + var(--safe-bottom)) var(--space-md);z-index:10}.detailTitle{font-size:17px;margin-bottom:var(--space-md)}.detailActions{flex-direction:column}.deleteBtn,.detailSelect{width:100%}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;align-items:flex-end;padding:max(12px,var(--safe-top)) max(12px,var(--safe-right)) max(12px,var(--safe-bottom)) max(12px,var(--safe-left));z-index:20}.modal{width:100%;max-height:85vh;max-height:85dvh;overflow-y:auto;border-radius:16px;padding:var(--space-lg)}.formRow{grid-template-columns:1fr;gap:0}.modalActions{flex-direction:column-reverse}.modalActions .btnPrimary,.modalActions .btnSecondary{width:100%}}@media(max-width:520px){.mobileTaskProject{display:none}.headerTop{grid-template-columns:minmax(0,1fr)}.newTaskBtn{width:100%;text-align:center}}