@kaban-board/tui 0.3.0 → 0.3.2

package/dist/index.js

@@ -1,21 +1,5 @@
 #!/usr/bin/env bun
 // @bun
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __toESM = (mod, isNodeMode, target) => {
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: () => mod[key],
-        enumerable: true
-      });
-  return to;
-};
 var __require = import.meta.require;
 
 // src/index.ts
@@ -140,9 +124,10 @@ async function refreshBoard(state) {
     alignItems: "center"
   });
   const modeIndicator = state.archiveViewMode ? " [ARCHIVE]" : "";
+  const projectPath = ` (${state.projectRoot})`;
   const headerText = new TextRenderable2(renderer, {
     id: "header-text",
-    content: t`${fg(COLORS.warning)(LOGO)} ${fg(COLORS.accent)(state.boardName)}${fg(COLORS.textMuted)(modeIndicator)}`
+    content: t`${fg(COLORS.warning)(LOGO)} ${fg(COLORS.accent)(state.boardName)}${fg(COLORS.textMuted)(modeIndicator)}${fg(COLORS.textDim)(projectPath)}`
   });
   header.add(headerText);
   mainContainer.add(header);
@@ -323,6 +308,44 @@ function createButtonRow(renderer, id, buttons) {
   return state;
 }
 
+// src/lib/constants.ts
+var MODAL_WIDTHS = {
+  small: 32,
+  confirmation: 45,
+  medium: 52,
+  large: 60,
+  history: 65
+};
+var MODAL_HEIGHTS = {
+  small: 8,
+  confirmation: 10,
+  medium: 11,
+  large: 24
+};
+var TRUNCATION = {
+  taskTitle: 40,
+  taskTitleShort: 30,
+  taskId: 8
+};
+
+// src/lib/error.ts
+async function withErrorHandling(state, operation, context) {
+  try {
+    return await operation();
+  } catch (error) {
+    try {
+      const message = error instanceof Error ? error.message : String(error);
+      showErrorToast(state, `${context}: ${message}`);
+    } catch {
+      console.error(`[CRITICAL] Error handler failed: ${context}`);
+    }
+    return null;
+  }
+}
+function showErrorToast(_state, message) {
+  console.error(`[TUI Error] ${message}`);
+}
+
 // src/components/overlay.ts
 import { BoxRenderable as BoxRenderable4 } from "@opentui/core";
 function createModalOverlay(renderer, options) {
@@ -401,8 +424,8 @@ function showAddTaskModal(state, onTaskCreated) {
     return;
   const { overlay, dialog } = createModalOverlay(renderer, {
     id: "add-task-dialog",
-    width: 52,
-    height: 11
+    width: MODAL_WIDTHS.medium,
+    height: MODAL_HEIGHTS.medium
   });
   const titleRow = new BoxRenderable5(renderer, {
     id: "title-row",
@@ -441,11 +464,15 @@ function showAddTaskModal(state, onTaskCreated) {
   const spacer2 = new BoxRenderable5(renderer, { id: "dialog-spacer2", width: "100%", height: 1 });
   const doCreate = async () => {
     const taskTitle = input.value.trim();
-    if (taskTitle) {
-      await state.taskService.addTask({ title: taskTitle, columnId: column.id });
+    if (!taskTitle) {
+      closeModal(state);
+      return;
     }
+    const result = await withErrorHandling(state, () => state.taskService.addTask({ title: taskTitle, columnId: column.id }), "Failed to create task");
     closeModal(state);
-    await onTaskCreated();
+    if (result) {
+      await onTaskCreated();
+    }
   };
   const doCancel = () => {
     closeModal(state);
@@ -471,9 +498,6 @@ function showAddTaskModal(state, onTaskCreated) {
   state.activeModal = "addTask";
   input.on(InputRenderableEvents.ENTER, doCreate);
 }
-// src/components/modals/archive-task.ts
-import { BoxRenderable as BoxRenderable6, TextRenderable as TextRenderable5 } from "@opentui/core";
-
 // src/lib/types.ts
 function getSelectedTaskId(state) {
   const column = state.columns[state.currentColumnIndex];
@@ -487,9 +511,97 @@ function getSelectedTaskId(state) {
   return typeof value === "string" ? value : null;
 }
 
+// src/components/modals/factories/confirmation.ts
+import { BoxRenderable as BoxRenderable6, TextRenderable as TextRenderable5 } from "@opentui/core";
+function showConfirmationModal(state, options, onConfirm) {
+  const { renderer } = state;
+  const width = options.width ?? MODAL_WIDTHS.confirmation;
+  const height = options.height ?? MODAL_HEIGHTS.confirmation;
+  const messageColor = options.messageColor ?? COLORS.text;
+  const warningColor = options.warningColor ?? COLORS.warning;
+  const confirmHint = options.confirmHint ?? "[y] Yes  [n/Esc] No";
+  const borderColor = options.borderColor ?? COLORS.accent;
+  const { overlay, dialog } = createModalOverlay(renderer, {
+    id: options.id,
+    width,
+    height,
+    borderColor
+  });
+  const titleRow = new BoxRenderable6(renderer, {
+    id: `${options.id}-title-row`,
+    width: "100%",
+    height: 1,
+    justifyContent: "center"
+  });
+  const title = new TextRenderable5(renderer, {
+    id: `${options.id}-title`,
+    content: options.title,
+    fg: options.titleColor
+  });
+  titleRow.add(title);
+  const spacer1 = new BoxRenderable6(renderer, {
+    id: `${options.id}-spacer1`,
+    width: "100%",
+    height: 1
+  });
+  const messageRow = new BoxRenderable6(renderer, {
+    id: `${options.id}-message-row`,
+    width: "100%",
+    height: 1
+  });
+  const message = new TextRenderable5(renderer, {
+    id: `${options.id}-message`,
+    content: options.message,
+    fg: messageColor
+  });
+  messageRow.add(message);
+  dialog.add(titleRow);
+  dialog.add(spacer1);
+  dialog.add(messageRow);
+  if (options.warning) {
+    const warningRow = new BoxRenderable6(renderer, {
+      id: `${options.id}-warning-row`,
+      width: "100%",
+      height: 1
+    });
+    const warning = new TextRenderable5(renderer, {
+      id: `${options.id}-warning`,
+      content: options.warning,
+      fg: warningColor
+    });
+    warningRow.add(warning);
+    dialog.add(warningRow);
+  }
+  const spacer2 = new BoxRenderable6(renderer, {
+    id: `${options.id}-spacer2`,
+    width: "100%",
+    height: options.warning ? 1 : 2
+  });
+  dialog.add(spacer2);
+  const hintRow = new BoxRenderable6(renderer, {
+    id: `${options.id}-hint-row`,
+    width: "100%",
+    height: 1,
+    justifyContent: "center"
+  });
+  const hint = new TextRenderable5(renderer, {
+    id: `${options.id}-hint`,
+    content: confirmHint,
+    fg: COLORS.textMuted
+  });
+  hintRow.add(hint);
+  dialog.add(hintRow);
+  renderer.root.add(overlay);
+  state.modalOverlay = overlay;
+  state.activeModal = options.modalType;
+  state.onModalConfirm = async () => {
+    await onConfirm();
+    closeModal(state);
+  };
+}
+
 // src/components/modals/archive-task.ts
 async function showArchiveTaskModal(state, onArchived) {
-  const { renderer } = state;
   const taskId = getSelectedTaskId(state);
   if (!taskId) {
     return;
@@ -502,81 +614,160 @@ async function showArchiveTaskModal(state, onArchived) {
     return;
   }
   state.selectedTask = task;
-  const { overlay, dialog } = createModalOverlay(renderer, {
+  showConfirmationModal(state, {
     id: "archive-task-dialog",
-    width: 45,
-    height: 10,
-    borderColor: COLORS.warning
+    modalType: "archiveTask",
+    title: "Archive Task?",
+    titleColor: COLORS.warning,
+    message: task.title.slice(0, 40),
+    warning: "Task will be moved to archive.",
+    warningColor: COLORS.textMuted,
+    borderColor: COLORS.warning,
+    confirmHint: "[y] Archive  [n/Esc] Cancel"
+  }, async () => {
+    const result = await withErrorHandling(state, () => state.taskService.archiveTasks({ taskIds: [taskId] }), "Failed to archive task");
+    if (result) {
+      await onArchived();
+    }
   });
-  const titleRow = new BoxRenderable6(renderer, {
-    id: "archive-title-row",
+}
+// src/components/modals/history.ts
+import { AuditService } from "@kaban-board/core/bun";
+import { BoxRenderable as BoxRenderable7, TextRenderable as TextRenderable6 } from "@opentui/core";
+var DIALOG_WIDTH = MODAL_WIDTHS.history;
+var MAX_ENTRIES = 15;
+function formatTimestamp(date) {
+  return date.toLocaleString("en-US", {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function formatEntry(entry) {
+  const time = formatTimestamp(entry.timestamp);
+  const actor = entry.actor ? `@${entry.actor}` : "";
+  if (entry.eventType === "CREATE") {
+    return `${time}  CREATED ${actor}`;
+  }
+  if (entry.eventType === "DELETE") {
+    return `${time}  DELETED ${actor}`;
+  }
+  const field = entry.fieldName ?? "?";
+  const oldVal = entry.oldValue === null ? "null" : truncate(entry.oldValue, 15);
+  const newVal = entry.newValue === null ? "null" : truncate(entry.newValue, 15);
+  return `${time}  ${field}: ${oldVal} -> ${newVal} ${actor}`;
+}
+async function showTaskHistoryModal(state) {
+  const { renderer, db, taskService } = state;
+  const taskId = getSelectedTaskId(state);
+  if (!taskId)
+    return;
+  const task = await taskService.getTask(taskId);
+  if (!task)
+    return;
+  blurCurrentColumnSelect(state);
+  const auditService = new AuditService(db);
+  const entries = await withErrorHandling(state, () => auditService.getTaskHistory(task.id, MAX_ENTRIES), "Failed to load task history");
+  if (!entries)
+    return;
+  const dialogHeight = Math.min(entries.length + 8, 20);
+  const { overlay, dialog } = createModalOverlay(renderer, {
+    id: "history-dialog",
+    width: DIALOG_WIDTH,
+    height: dialogHeight
+  });
+  const headerDivider = createSectionDivider(renderer, {
+    label: "Task History",
+    width: DIALOG_WIDTH - 4,
+    id: "history-header"
+  });
+  const titleRow = new BoxRenderable7(renderer, {
+    id: "history-title-row",
     width: "100%",
     height: 1,
-    justifyContent: "center"
+    flexDirection: "row"
   });
-  const title = new TextRenderable5(renderer, {
-    id: "archive-title",
-    content: "Archive Task?",
-    fg: COLORS.warning
+  const taskTitle = new TextRenderable6(renderer, {
+    id: "history-task-title",
+    content: `[${task.id.slice(0, TRUNCATION.taskId)}] "${truncate(task.title, TRUNCATION.taskTitle)}"`,
+    fg: COLORS.accent
   });
-  titleRow.add(title);
-  const spacer1 = new BoxRenderable6(renderer, { id: "archive-spacer1", width: "100%", height: 1 });
-  const taskRow = new BoxRenderable6(renderer, {
-    id: "archive-task-row",
+  titleRow.add(taskTitle);
+  const spacer = new BoxRenderable7(renderer, {
+    id: "history-spacer",
     width: "100%",
     height: 1
   });
-  const taskText = new TextRenderable5(renderer, {
-    id: "archive-task-text",
-    content: task.title.slice(0, 40),
-    fg: COLORS.text
-  });
-  taskRow.add(taskText);
-  const infoRow = new BoxRenderable6(renderer, {
-    id: "archive-info-row",
+  dialog.add(headerDivider);
+  dialog.add(titleRow);
+  dialog.add(spacer);
+  if (entries.length === 0) {
+    const emptyRow = new BoxRenderable7(renderer, {
+      id: "history-empty",
+      width: "100%",
+      height: 1
+    });
+    const emptyText = new TextRenderable6(renderer, {
+      id: "history-empty-text",
+      content: "  No history found",
+      fg: COLORS.textMuted
+    });
+    emptyRow.add(emptyText);
+    dialog.add(emptyRow);
+  } else {
+    for (let i = 0;i < entries.length; i++) {
+      const entry = entries[i];
+      const row = new BoxRenderable7(renderer, {
+        id: `history-entry-${i}`,
+        width: "100%",
+        height: 1
+      });
+      let color = COLORS.textMuted;
+      if (entry.eventType === "CREATE")
+        color = COLORS.success;
+      else if (entry.eventType === "DELETE")
+        color = COLORS.danger;
+      else
+        color = COLORS.text;
+      const text = new TextRenderable6(renderer, {
+        id: `history-entry-text-${i}`,
+        content: `  ${formatEntry(entry)}`,
+        fg: color
+      });
+      row.add(text);
+      dialog.add(row);
+    }
+  }
+  const footerSpacer = new BoxRenderable7(renderer, {
+    id: "history-footer-spacer",
     width: "100%",
     height: 1
   });
-  const info = new TextRenderable5(renderer, {
-    id: "archive-info",
-    content: "Task will be moved to archive.",
-    fg: COLORS.textMuted
-  });
-  infoRow.add(info);
-  const spacer2 = new BoxRenderable6(renderer, { id: "archive-spacer2", width: "100%", height: 2 });
-  const hintRow = new BoxRenderable6(renderer, {
-    id: "archive-hint-row",
+  const hintRow = new BoxRenderable7(renderer, {
+    id: "history-hint-row",
     width: "100%",
     height: 1,
     justifyContent: "center"
   });
-  const hint = new TextRenderable5(renderer, {
-    id: "archive-hint",
-    content: "[y] Archive  [n/Esc] Cancel",
-    fg: COLORS.textMuted
+  const hintText = new TextRenderable6(renderer, {
+    id: "history-hint-text",
+    content: "[Esc] close",
+    fg: COLORS.textDim
   });
-  hintRow.add(hint);
-  dialog.add(titleRow);
-  dialog.add(spacer1);
-  dialog.add(taskRow);
-  dialog.add(infoRow);
-  dialog.add(spacer2);
+  hintRow.add(hintText);
+  dialog.add(footerSpacer);
   dialog.add(hintRow);
   renderer.root.add(overlay);
   state.modalOverlay = overlay;
-  state.activeModal = "archiveTask";
-  state.onModalConfirm = async () => {
-    await state.taskService.archiveTasks({ taskIds: [taskId] });
-    closeModal(state);
-    await onArchived();
-  };
+  state.activeModal = "taskHistory";
 }
 // src/components/modals/assign-task.ts
 import {
-  BoxRenderable as BoxRenderable7,
+  BoxRenderable as BoxRenderable8,
   InputRenderable as InputRenderable2,
   InputRenderableEvents as InputRenderableEvents2,
-  TextRenderable as TextRenderable6
+  TextRenderable as TextRenderable7
 } from "@opentui/core";
 async function showAssignTaskModal(state, onAssigned) {
   const { renderer } = state;
@@ -590,39 +781,39 @@ async function showAssignTaskModal(state, onAssigned) {
   }
   const { overlay, dialog } = createModalOverlay(renderer, {
     id: "assign-task-dialog",
-    width: 45,
+    width: MODAL_WIDTHS.confirmation,
     height: 12
   });
-  const titleRow = new BoxRenderable7(renderer, {
+  const titleRow = new BoxRenderable8(renderer, {
     id: "assign-title-row",
     width: "100%",
     height: 1
   });
-  const title = new TextRenderable6(renderer, {
+  const title = new TextRenderable7(renderer, {
     id: "assign-title",
     content: "Assign Task",
     fg: COLORS.accent
   });
   titleRow.add(title);
-  const taskRow = new BoxRenderable7(renderer, {
+  const taskRow = new BoxRenderable8(renderer, {
     id: "assign-task-row",
     width: "100%",
     height: 1
   });
-  const taskText = new TextRenderable6(renderer, {
+  const taskText = new TextRenderable7(renderer, {
     id: "assign-task-text",
-    content: task.title.slice(0, 40),
+    content: task.title.slice(0, TRUNCATION.taskTitle),
     fg: COLORS.textMuted
   });
   taskRow.add(taskText);
-  const spacer1 = new BoxRenderable7(renderer, { id: "assign-spacer1", width: "100%", height: 1 });
-  const labelRow = new BoxRenderable7(renderer, {
+  const spacer1 = new BoxRenderable8(renderer, { id: "assign-spacer1", width: "100%", height: 1 });
+  const labelRow = new BoxRenderable8(renderer, {
     id: "assign-label-row",
     width: "100%",
     height: 1
   });
   const currentAssignee = task.assignedTo ?? "(unassigned)";
-  const label = new TextRenderable6(renderer, {
+  const label = new TextRenderable7(renderer, {
     id: "assign-label",
     content: `Current: ${currentAssignee}`,
     fg: COLORS.text
@@ -639,14 +830,14 @@ async function showAssignTaskModal(state, onAssigned) {
     focusedBackgroundColor: COLORS.inputBg,
     cursorColor: COLORS.cursor
   });
-  const spacer2 = new BoxRenderable7(renderer, { id: "assign-spacer2", width: "100%", height: 1 });
+  const spacer2 = new BoxRenderable8(renderer, { id: "assign-spacer2", width: "100%", height: 1 });
   const doAssign = async () => {
     const assignee = input.value.trim();
-    await state.taskService.updateTask(taskId, {
-      assignedTo: assignee || null
-    });
+    const result = await withErrorHandling(state, () => state.taskService.updateTask(taskId, { assignedTo: assignee || null }), "Failed to assign task");
     closeModal(state);
-    await onAssigned();
+    if (result) {
+      await onAssigned();
+    }
   };
   const doCancel = () => {
     closeModal(state);
@@ -674,9 +865,7 @@ async function showAssignTaskModal(state, onAssigned) {
   input.on(InputRenderableEvents2.ENTER, doAssign);
 }
 // src/components/modals/delete-task.ts
-import { BoxRenderable as BoxRenderable8, TextRenderable as TextRenderable7 } from "@opentui/core";
 async function showDeleteTaskModal(state, onDeleted) {
-  const { renderer } = state;
   const taskId = getSelectedTaskId(state);
   if (!taskId) {
     return;
@@ -686,168 +875,166 @@ async function showDeleteTaskModal(state, onDeleted) {
     return;
   }
   state.selectedTask = task;
-  const { overlay, dialog } = createModalOverlay(renderer, {
+  showConfirmationModal(state, {
     id: "delete-task-dialog",
-    width: 45,
-    height: 10,
-    borderColor: COLORS.danger
-  });
-  const titleRow = new BoxRenderable8(renderer, {
-    id: "delete-title-row",
-    width: "100%",
-    height: 1,
-    justifyContent: "center"
-  });
-  const title = new TextRenderable7(renderer, {
-    id: "delete-title",
-    content: "Delete Task?",
-    fg: COLORS.danger
-  });
-  titleRow.add(title);
-  const spacer1 = new BoxRenderable8(renderer, { id: "delete-spacer1", width: "100%", height: 1 });
-  const taskRow = new BoxRenderable8(renderer, {
-    id: "delete-task-row",
-    width: "100%",
-    height: 1
-  });
-  const taskText = new TextRenderable7(renderer, {
-    id: "delete-task-text",
-    content: task.title.slice(0, 40),
-    fg: COLORS.text
-  });
-  taskRow.add(taskText);
-  const warningRow = new BoxRenderable8(renderer, {
-    id: "delete-warning-row",
-    width: "100%",
-    height: 1
-  });
-  const warning = new TextRenderable7(renderer, {
-    id: "delete-warning",
-    content: "This action cannot be undone.",
-    fg: COLORS.warning
-  });
-  warningRow.add(warning);
-  const spacer2 = new BoxRenderable8(renderer, { id: "delete-spacer2", width: "100%", height: 2 });
-  const hintRow = new BoxRenderable8(renderer, {
-    id: "delete-hint-row",
-    width: "100%",
-    height: 1,
-    justifyContent: "center"
+    modalType: "deleteTask",
+    title: "Delete Task?",
+    titleColor: COLORS.danger,
+    message: task.title.slice(0, 40),
+    warning: "This action cannot be undone.",
+    borderColor: COLORS.danger,
+    confirmHint: "[y] Delete  [n/Esc] Cancel"
+  }, async () => {
+    const result = await withErrorHandling(state, () => state.taskService.deleteTask(taskId), "Failed to delete task");
+    if (result !== null) {
+      await onDeleted();
+    }
   });
-  const hint = new TextRenderable7(renderer, {
-    id: "delete-hint",
-    content: "[y] Delete  [n/Esc] Cancel",
-    fg: COLORS.textMuted
+}
+// src/components/modals/purge-archive.ts
+async function showPurgeArchiveModal(state, onPurged) {
+  const stats = await state.taskService.getArchiveStats();
+  if (stats.totalArchived === 0) {
+    return;
+  }
+  const taskCount = stats.totalArchived;
+  const taskWord = taskCount === 1 ? "task" : "tasks";
+  showConfirmationModal(state, {
+    id: "purge-archive-dialog",
+    modalType: "purgeArchive",
+    title: "Purge Archive?",
+    titleColor: COLORS.danger,
+    message: `${taskCount} archived ${taskWord} will be deleted`,
+    warning: "This will permanently delete ALL archived tasks. Cannot be undone.",
+    borderColor: COLORS.danger,
+    width: 50,
+    height: 12,
+    confirmHint: "[y] Purge All  [n/Esc] Cancel"
+  }, async () => {
+    const result = await withErrorHandling(state, () => state.taskService.purgeArchive(), "Failed to purge archive");
+    if (result) {
+      await onPurged();
+    }
   });
-  hintRow.add(hint);
-  dialog.add(titleRow);
-  dialog.add(spacer1);
-  dialog.add(taskRow);
-  dialog.add(warningRow);
-  dialog.add(spacer2);
-  dialog.add(hintRow);
-  renderer.root.add(overlay);
-  state.modalOverlay = overlay;
-  state.activeModal = "deleteTask";
-  state.onModalConfirm = async () => {
-    await state.taskService.deleteTask(taskId);
-    closeModal(state);
-    await onDeleted();
-  };
 }
 // src/components/modals/restore-task.ts
-import { BoxRenderable as BoxRenderable9, TextRenderable as TextRenderable8 } from "@opentui/core";
 async function showRestoreTaskModal(state, onRestored) {
-  const { renderer } = state;
   const taskId = getSelectedTaskId(state);
   if (!taskId) {
     return;
   }
   const task = await state.taskService.getTask(taskId);
-  if (!task) {
-    return;
-  }
-  if (!task.archived) {
+  if (!task || !task.archived) {
     return;
   }
   state.selectedTask = task;
-  const { overlay, dialog } = createModalOverlay(renderer, {
+  showConfirmationModal(state, {
     id: "restore-task-dialog",
-    width: 45,
-    height: 10,
-    borderColor: COLORS.success
+    modalType: "restoreTask",
+    title: "Restore Task?",
+    titleColor: COLORS.success,
+    message: task.title.slice(0, 40),
+    warning: "Task will be restored to its original column.",
+    warningColor: COLORS.textMuted,
+    borderColor: COLORS.success,
+    confirmHint: "[y] Restore  [n/Esc] Cancel"
+  }, async () => {
+    const result = await withErrorHandling(state, () => state.taskService.restoreTask(taskId), "Failed to restore task");
+    if (result) {
+      await onRestored();
+    }
+  });
+}
+// src/components/modals/search-archive.ts
+import {
+  BoxRenderable as BoxRenderable9,
+  InputRenderable as InputRenderable3,
+  InputRenderableEvents as InputRenderableEvents3,
+  TextRenderable as TextRenderable8
+} from "@opentui/core";
+function showSearchArchiveModal(state, onResults) {
+  const { renderer } = state;
+  const { overlay, dialog } = createModalOverlay(renderer, {
+    id: "search-archive-dialog",
+    width: MODAL_WIDTHS.medium,
+    height: 9
   });
   const titleRow = new BoxRenderable9(renderer, {
-    id: "restore-title-row",
+    id: "search-title-row",
     width: "100%",
-    height: 1,
-    justifyContent: "center"
+    height: 1
   });
   const title = new TextRenderable8(renderer, {
-    id: "restore-title",
-    content: "Restore Task?",
-    fg: COLORS.success
+    id: "search-title",
+    content: " Search Archive ",
+    fg: COLORS.accent
   });
   titleRow.add(title);
-  const spacer1 = new BoxRenderable9(renderer, { id: "restore-spacer1", width: "100%", height: 1 });
-  const taskRow = new BoxRenderable9(renderer, {
-    id: "restore-task-row",
+  const spacer1 = new BoxRenderable9(renderer, { id: "search-spacer1", width: "100%", height: 1 });
+  const labelRow = new BoxRenderable9(renderer, {
+    id: "search-label-row",
     width: "100%",
     height: 1
   });
-  const taskText = new TextRenderable8(renderer, {
-    id: "restore-task-text",
-    content: task.title.slice(0, 40),
+  const label = new TextRenderable8(renderer, {
+    id: "search-label",
+    content: "Search query:",
     fg: COLORS.text
   });
-  taskRow.add(taskText);
-  const infoRow = new BoxRenderable9(renderer, {
-    id: "restore-info-row",
-    width: "100%",
-    height: 1
-  });
-  const info = new TextRenderable8(renderer, {
-    id: "restore-info",
-    content: "Task will be restored to its original column.",
-    fg: COLORS.textMuted
+  labelRow.add(label);
+  const input = new InputRenderable3(renderer, {
+    id: "search-input",
+    width: 46,
+    height: 1,
+    placeholder: "Enter search query...",
+    textColor: COLORS.text,
+    placeholderColor: COLORS.textDim,
+    backgroundColor: COLORS.inputBg,
+    focusedBackgroundColor: COLORS.inputBg,
+    cursorColor: COLORS.cursor
   });
-  infoRow.add(info);
-  const spacer2 = new BoxRenderable9(renderer, { id: "restore-spacer2", width: "100%", height: 2 });
+  const spacer2 = new BoxRenderable9(renderer, { id: "search-spacer2", width: "100%", height: 2 });
   const hintRow = new BoxRenderable9(renderer, {
-    id: "restore-hint-row",
+    id: "search-hint-row",
     width: "100%",
-    height: 1,
-    justifyContent: "center"
+    height: 1
   });
   const hint = new TextRenderable8(renderer, {
-    id: "restore-hint",
-    content: "[y] Restore  [n/Esc] Cancel",
+    id: "search-hint",
+    content: "[Enter] Search  [Esc] Cancel",
     fg: COLORS.textMuted
   });
   hintRow.add(hint);
   dialog.add(titleRow);
   dialog.add(spacer1);
-  dialog.add(taskRow);
-  dialog.add(infoRow);
+  dialog.add(labelRow);
+  dialog.add(input);
   dialog.add(spacer2);
   dialog.add(hintRow);
   renderer.root.add(overlay);
   state.modalOverlay = overlay;
-  state.activeModal = "restoreTask";
-  state.onModalConfirm = async () => {
-    await state.taskService.restoreTask(taskId);
+  state.activeModal = "searchArchive";
+  state.taskInput = input;
+  setImmediate(() => input.focus());
+  input.on(InputRenderableEvents3.ENTER, async () => {
+    const query = input.value.trim();
+    if (!query)
+      return;
+    const result = await withErrorHandling(state, () => state.taskService.searchArchive(query, { limit: 50 }), "Failed to search archive");
     closeModal(state);
-    await onRestored();
-  };
+    if (result) {
+      await onResults(result.tasks);
+    }
+  });
 }
 // src/components/modals/edit-task.ts
 import {
   BoxRenderable as BoxRenderable10,
-  InputRenderable as InputRenderable3,
-  InputRenderableEvents as InputRenderableEvents3,
+  InputRenderable as InputRenderable4,
+  InputRenderableEvents as InputRenderableEvents4,
   TextRenderable as TextRenderable9
 } from "@opentui/core";
-var DIALOG_WIDTH = 60;
+var DIALOG_WIDTH2 = MODAL_WIDTHS.large;
 var DESC_INPUT_HEIGHT = 6;
 async function showEditTaskModal(state, callbacks) {
   const { renderer } = state;
@@ -863,7 +1050,7 @@ async function showEditTaskModal(state, callbacks) {
   const dialogHeight = 18;
   const { overlay, dialog } = createModalOverlay(renderer, {
     id: "edit-task-dialog",
-    width: DIALOG_WIDTH,
+    width: DIALOG_WIDTH2,
     height: dialogHeight
   });
   const headerRow = new BoxRenderable10(renderer, {
@@ -873,7 +1060,7 @@ async function showEditTaskModal(state, callbacks) {
   });
   const headerText = new TextRenderable9(renderer, {
     id: "edit-header-text",
-    content: `Edit Task: ${truncate(task.title, DIALOG_WIDTH - 20)}`,
+    content: `Edit Task: ${truncate(task.title, DIALOG_WIDTH2 - 20)}`,
     fg: COLORS.accent
   });
   headerRow.add(headerText);
@@ -893,9 +1080,9 @@ async function showEditTaskModal(state, callbacks) {
     fg: COLORS.textMuted
   });
   titleLabelRow.add(titleLabel);
-  const titleInput = new InputRenderable3(renderer, {
+  const titleInput = new InputRenderable4(renderer, {
     id: "edit-title-input",
-    width: DIALOG_WIDTH - 6,
+    width: DIALOG_WIDTH2 - 6,
     height: 1,
     placeholder: "Task title...",
     textColor: COLORS.text,
@@ -921,9 +1108,9 @@ async function showEditTaskModal(state, callbacks) {
     fg: COLORS.textMuted
   });
   descLabelRow.add(descLabel);
-  const descInput = new InputRenderable3(renderer, {
+  const descInput = new InputRenderable4(renderer, {
     id: "edit-desc-input",
-    width: DIALOG_WIDTH - 6,
+    width: DIALOG_WIDTH2 - 6,
     height: DESC_INPUT_HEIGHT,
     placeholder: "Task description (optional)...",
     textColor: COLORS.text,
@@ -946,10 +1133,13 @@ async function showEditTaskModal(state, callbacks) {
     }
     const hasChanges = newTitle !== task.title || newDescription !== (task.description ?? "");
     if (hasChanges) {
-      await state.taskService.updateTask(task.id, {
+      const result = await withErrorHandling(state, () => state.taskService.updateTask(task.id, {
         title: newTitle,
         description: newDescription || undefined
-      });
+      }), "Failed to save task");
+      if (!result) {
+        return;
+      }
     }
     closeModal(state);
     state.editTaskState = null;
@@ -995,7 +1185,7 @@ async function showEditTaskModal(state, callbacks) {
   state.taskInput = titleInput;
   state.buttonRow = buttonRow;
   state.activeModal = "editTask";
-  titleInput.on(InputRenderableEvents3.ENTER, doSave);
+  titleInput.on(InputRenderableEvents4.ENTER, doSave);
   state.editTaskRuntime = {
     titleInput,
     descInput,
@@ -1028,6 +1218,30 @@ function focusNextEditField(state) {
       break;
   }
 }
+function focusPrevEditField(state) {
+  if (!state.editTaskRuntime || !state.editTaskState)
+    return;
+  const { titleInput, descInput } = state.editTaskRuntime;
+  const { buttonRow } = state;
+  switch (state.editTaskState.focusedField) {
+    case "title":
+      titleInput.blur();
+      buttonRow?.setFocused(true);
+      state.editTaskState.focusedField = "buttons";
+      break;
+    case "description":
+      descInput.blur();
+      titleInput.focus();
+      buttonRow?.setFocused(false);
+      state.editTaskState.focusedField = "title";
+      break;
+    case "buttons":
+      buttonRow?.setFocused(false);
+      descInput.focus();
+      state.editTaskState.focusedField = "description";
+      break;
+  }
+}
 function cancelEditTask(state) {
   if (!state.editTaskRuntime)
     return;
@@ -1043,8 +1257,12 @@ var SHORTCUTS = [
   ["m", "Move task (change status)"],
   ["u", "Assign user to task"],
   ["d", "Delete task"],
+  ["C", "Complete task (move to done)"],
+  ["H", "View task history"],
   ["x", "Archive task"],
   ["r", "Restore task (archive view)"],
+  ["/", "Search archive (archive view)"],
+  ["P", "Purge archive (archive view)"],
   ["Tab", "Toggle archive view"],
   ["?", "Show/hide help"],
   ["q", "Quit"]
@@ -1053,8 +1271,8 @@ function showHelpModal(state) {
   const { renderer } = state;
   const { overlay, dialog } = createModalOverlay(renderer, {
     id: "help-dialog",
-    width: 45,
-    height: 20,
+    width: MODAL_WIDTHS.confirmation,
+    height: MODAL_HEIGHTS.large,
     padding: 2
   });
   const titleRow = new BoxRenderable11(renderer, {
@@ -1160,7 +1378,7 @@ async function showMoveTaskModal(state, onMoved) {
   });
   const taskText = new TextRenderable11(renderer, {
     id: "move-task-text",
-    content: task.title.slice(0, 35),
+    content: task.title.slice(0, TRUNCATION.taskTitleShort),
     fg: COLORS.textMuted
   });
   taskRow.add(taskText);
@@ -1216,20 +1434,54 @@ async function showMoveTaskModal(state, onMoved) {
   state.activeModal = "moveTask";
   columnSelect.on(SelectRenderableEvents.ITEM_SELECTED, async () => {
     const selected = columnSelect.getSelectedOption();
-    if (selected?.value) {
-      await state.taskService.moveTask(taskId, selected.value);
+    if (selected?.value && typeof selected.value === "string") {
+      const columnId = selected.value;
+      const result = await withErrorHandling(state, () => state.taskService.moveTask(taskId, columnId), "Failed to move task");
+      closeModal(state);
+      if (result) {
+        await onMoved();
+      }
+    } else {
+      closeModal(state);
     }
-    closeModal(state);
-    await onMoved();
   });
 }
 // src/components/modals/onboarding.ts
 import {
   BoxRenderable as BoxRenderable13,
-  InputRenderable as InputRenderable4,
-  InputRenderableEvents as InputRenderableEvents4,
+  InputRenderable as InputRenderable5,
+  InputRenderableEvents as InputRenderableEvents5,
   TextRenderable as TextRenderable12
 } from "@opentui/core";
+
+// src/lib/db-client.ts
+function getDbClient(db) {
+  const internal = db;
+  if (!internal.$client) {
+    throw new Error("Unable to access database client");
+  }
+  const client = internal.$client;
+  if (typeof client.query === "function" || typeof client.execute === "function") {
+    return client;
+  }
+  throw new Error("Unknown database client type");
+}
+function isBunSqlite(client) {
+  return typeof client.query === "function";
+}
+async function getDataVersion(client) {
+  if (isBunSqlite(client)) {
+    const row = client.query("PRAGMA data_version").get();
+    return row?.data_version ?? 0;
+  }
+  const result = await client.execute("PRAGMA data_version");
+  return result.rows[0]?.[0];
+}
+function getKeyInput(renderer) {
+  return renderer.keyInput;
+}
+
+// src/components/modals/onboarding.ts
 async function showOnboarding(renderer) {
   return new Promise((resolvePromise) => {
     const container = new BoxRenderable13(renderer, {
@@ -1289,7 +1541,7 @@ async function showOnboarding(renderer) {
       fg: COLORS.text
     });
     labelRow.add(label);
-    const input = new InputRenderable4(renderer, {
+    const input = new InputRenderable5(renderer, {
       id: "board-name-input",
       width: 44,
       height: 1,
@@ -1301,7 +1553,7 @@ async function showOnboarding(renderer) {
       cursorColor: COLORS.cursor
     });
     const spacer2 = new BoxRenderable13(renderer, { id: "spacer2", width: "100%", height: 1 });
-    const keyEmitter = renderer.keyInput;
+    const keyEmitter = getKeyInput(renderer);
     const doCreate = () => {
       keyEmitter.off("keypress", keyHandler);
       const boardName = input.value.trim() || "Kaban Board";
@@ -1327,7 +1579,7 @@ async function showOnboarding(renderer) {
     container.add(card);
     renderer.root.add(container);
     input.focus();
-    input.on(InputRenderableEvents4.ENTER, doCreate);
+    input.on(InputRenderableEvents5.ENTER, doCreate);
     const keyBindings = {
       tab: () => {
         input.blur();
@@ -1356,50 +1608,22 @@ async function showOnboarding(renderer) {
   });
 }
 // src/components/modals/quit.ts
-import { BoxRenderable as BoxRenderable14, TextRenderable as TextRenderable13 } from "@opentui/core";
 function showQuitModal(state) {
-  const { renderer } = state;
-  const { overlay, dialog } = createModalOverlay(renderer, {
+  showConfirmationModal(state, {
     id: "quit-dialog",
-    width: 32,
-    height: 8,
-    borderColor: COLORS.danger
-  });
-  const titleRow = new BoxRenderable14(renderer, {
-    id: "quit-title-row",
-    width: "100%",
-    height: 1,
-    justifyContent: "center"
-  });
-  const title = new TextRenderable13(renderer, {
-    id: "quit-title",
-    content: "Quit Kaban?",
-    fg: COLORS.danger
-  });
-  titleRow.add(title);
-  const spacer = new BoxRenderable14(renderer, { id: "quit-spacer", width: "100%", height: 2 });
-  const hintRow = new BoxRenderable14(renderer, {
-    id: "quit-hint-row",
-    width: "100%",
-    height: 1,
-    justifyContent: "center"
-  });
-  const hint = new TextRenderable13(renderer, {
-    id: "quit-hint",
-    content: "[y] Yes  [n/Esc] No",
-    fg: COLORS.textMuted
-  });
-  hintRow.add(hint);
-  dialog.add(titleRow);
-  dialog.add(spacer);
-  dialog.add(hintRow);
-  renderer.root.add(overlay);
-  state.modalOverlay = overlay;
-  state.activeModal = "quit";
+    modalType: "quit",
+    title: "Quit Kaban?",
+    titleColor: COLORS.danger,
+    message: "",
+    borderColor: COLORS.danger,
+    width: MODAL_WIDTHS.small,
+    height: MODAL_HEIGHTS.small,
+    confirmHint: "[y] Yes  [n/Esc] No"
+  }, async () => {});
 }
 // src/components/modals/view-task.ts
-import { BoxRenderable as BoxRenderable15, TextRenderable as TextRenderable14 } from "@opentui/core";
-var DIALOG_WIDTH2 = 60;
+import { BoxRenderable as BoxRenderable14, TextRenderable as TextRenderable13 } from "@opentui/core";
+var DIALOG_WIDTH3 = MODAL_WIDTHS.large;
 var DESC_VISIBLE_LINES = 4;
 var LABEL_WIDTH = 12;
 function formatDate(date) {
@@ -1441,51 +1665,51 @@ async function showViewTaskModal(state, actions, taskIdOverride) {
   const dialogHeight = 24;
   const { overlay, dialog } = createModalOverlay(renderer, {
     id: "view-task-dialog",
-    width: DIALOG_WIDTH2,
+    width: DIALOG_WIDTH3,
     height: dialogHeight
   });
   const headerDivider = createSectionDivider(renderer, {
     label: "Task Details",
-    width: DIALOG_WIDTH2 - 4,
+    width: DIALOG_WIDTH3 - 4,
     id: "view-header"
   });
-  const spacerHeader = new BoxRenderable15(renderer, {
+  const spacerHeader = new BoxRenderable14(renderer, {
     id: "view-spacer-header",
     width: "100%",
     height: 1
   });
-  const titleRow = new BoxRenderable15(renderer, {
+  const titleRow = new BoxRenderable14(renderer, {
     id: "view-title-row",
     width: "100%",
     height: 1,
     flexDirection: "row",
     justifyContent: "space-between"
   });
-  const taskTitle = new TextRenderable14(renderer, {
+  const taskTitle = new TextRenderable13(renderer, {
     id: "view-task-title",
-    content: truncate(task.title, DIALOG_WIDTH2 - 14),
+    content: truncate(task.title, DIALOG_WIDTH3 - 14),
     fg: COLORS.text
   });
-  const editHint = new TextRenderable14(renderer, {
+  const editHint = new TextRenderable13(renderer, {
     id: "view-edit-hint",
     content: "[e]dit",
     fg: COLORS.textDim
   });
   titleRow.add(taskTitle);
   titleRow.add(editHint);
-  const idRow = new BoxRenderable15(renderer, {
+  const idRow = new BoxRenderable14(renderer, {
     id: "view-id-row",
     width: "100%",
     height: 1,
     flexDirection: "row",
     justifyContent: "space-between"
   });
-  const idValue = new TextRenderable14(renderer, {
+  const idValue = new TextRenderable13(renderer, {
     id: "view-id-value",
-    content: truncateMiddle(task.id, DIALOG_WIDTH2 - 14),
+    content: truncateMiddle(task.id, DIALOG_WIDTH3 - 14),
     fg: COLORS.textDim
   });
-  const copyHint = new TextRenderable14(renderer, {
+  const copyHint = new TextRenderable13(renderer, {
     id: "view-copy-hint",
     content: "[c]opy",
     fg: COLORS.textDim
@@ -1494,26 +1718,26 @@ async function showViewTaskModal(state, actions, taskIdOverride) {
   idRow.add(copyHint);
   const statusDivider = createSectionDivider(renderer, {
     label: "Status",
-    width: DIALOG_WIDTH2 - 4,
+    width: DIALOG_WIDTH3 - 4,
     id: "view-status"
   });
-  const columnRow = new BoxRenderable15(renderer, {
+  const columnRow = new BoxRenderable14(renderer, {
     id: "view-column-row",
     width: "100%",
     height: 1,
     flexDirection: "row"
   });
-  const columnLabel = new TextRenderable14(renderer, {
+  const columnLabel = new TextRenderable13(renderer, {
     id: "view-column-label",
     content: padLabel("Column"),
     fg: COLORS.textMuted
   });
-  const columnBullet = new TextRenderable14(renderer, {
+  const columnBullet = new TextRenderable13(renderer, {
     id: "view-column-bullet",
     content: "\u25CF ",
     fg: statusColor
   });
-  const columnValue = new TextRenderable14(renderer, {
+  const columnValue = new TextRenderable13(renderer, {
     id: "view-column-value",
     content: columnName,
     fg: COLORS.text
@@ -1521,54 +1745,54 @@ async function showViewTaskModal(state, actions, taskIdOverride) {
   columnRow.add(columnLabel);
   columnRow.add(columnBullet);
   columnRow.add(columnValue);
-  const assigneeRow = new BoxRenderable15(renderer, {
+  const assigneeRow = new BoxRenderable14(renderer, {
     id: "view-assignee-row",
     width: "100%",
     height: 1,
     flexDirection: "row"
   });
-  const assigneeLabel = new TextRenderable14(renderer, {
+  const assigneeLabel = new TextRenderable13(renderer, {
     id: "view-assignee-label",
     content: padLabel("Assignee"),
     fg: COLORS.textMuted
   });
-  const assigneeValue = new TextRenderable14(renderer, {
+  const assigneeValue = new TextRenderable13(renderer, {
     id: "view-assignee-value",
     content: task.assignedTo ?? "\u2014 unassigned",
     fg: task.assignedTo ? COLORS.success : COLORS.textDim
   });
   assigneeRow.add(assigneeLabel);
   assigneeRow.add(assigneeValue);
-  const creatorRow = new BoxRenderable15(renderer, {
+  const creatorRow = new BoxRenderable14(renderer, {
     id: "view-creator-row",
     width: "100%",
     height: 1,
     flexDirection: "row"
   });
-  const creatorLabel = new TextRenderable14(renderer, {
+  const creatorLabel = new TextRenderable13(renderer, {
     id: "view-creator-label",
     content: padLabel("Creator"),
     fg: COLORS.textMuted
   });
-  const creatorValue = new TextRenderable14(renderer, {
+  const creatorValue = new TextRenderable13(renderer, {
     id: "view-creator-value",
     content: task.createdBy,
     fg: COLORS.text
   });
   creatorRow.add(creatorLabel);
   creatorRow.add(creatorValue);
-  const labelsRow = new BoxRenderable15(renderer, {
+  const labelsRow = new BoxRenderable14(renderer, {
     id: "view-labels-row",
     width: "100%",
     height: 1,
     flexDirection: "row"
   });
-  const labelsLabel = new TextRenderable14(renderer, {
+  const labelsLabel = new TextRenderable13(renderer, {
     id: "view-labels-label",
     content: padLabel("Labels"),
     fg: COLORS.textMuted
   });
-  const labelsValue = new TextRenderable14(renderer, {
+  const labelsValue = new TextRenderable13(renderer, {
     id: "view-labels-value",
     content: "\u2014 none",
     fg: COLORS.textDim
@@ -1577,52 +1801,52 @@ async function showViewTaskModal(state, actions, taskIdOverride) {
   labelsRow.add(labelsValue);
   const timelineDivider = createSectionDivider(renderer, {
     label: "Timeline",
-    width: DIALOG_WIDTH2 - 4,
+    width: DIALOG_WIDTH3 - 4,
     id: "view-timeline"
   });
-  const createdRow = new BoxRenderable15(renderer, {
+  const createdRow = new BoxRenderable14(renderer, {
     id: "view-created-row",
     width: "100%",
     height: 1,
     flexDirection: "row"
   });
-  const createdLabel = new TextRenderable14(renderer, {
+  const createdLabel = new TextRenderable13(renderer, {
     id: "view-created-label",
     content: padLabel("Created"),
     fg: COLORS.textMuted
   });
-  const createdValue = new TextRenderable14(renderer, {
+  const createdValue = new TextRenderable13(renderer, {
     id: "view-created-value",
     content: formatDate(task.createdAt),
     fg: COLORS.textDim
   });
   createdRow.add(createdLabel);
   createdRow.add(createdValue);
-  const updatedRow = new BoxRenderable15(renderer, {
+  const updatedRow = new BoxRenderable14(renderer, {
     id: "view-updated-row",
     width: "100%",
     height: 1,
     flexDirection: "row",
     justifyContent: "space-between"
   });
-  const updatedLeft = new BoxRenderable15(renderer, {
+  const updatedLeft = new BoxRenderable14(renderer, {
     id: "view-updated-left",
     height: 1,
     flexDirection: "row"
   });
-  const updatedLabel = new TextRenderable14(renderer, {
+  const updatedLabel = new TextRenderable13(renderer, {
     id: "view-updated-label",
     content: padLabel("Updated"),
     fg: COLORS.textMuted
   });
-  const updatedValue = new TextRenderable14(renderer, {
+  const updatedValue = new TextRenderable13(renderer, {
     id: "view-updated-value",
     content: formatDate(task.updatedAt),
     fg: COLORS.textDim
   });
   updatedLeft.add(updatedLabel);
   updatedLeft.add(updatedValue);
-  const relativeTime = new TextRenderable14(renderer, {
+  const relativeTime = new TextRenderable13(renderer, {
     id: "view-relative-time",
     content: `(${formatRelativeTime(task.updatedAt)})`,
     fg: COLORS.textDim
@@ -1631,10 +1855,10 @@ async function showViewTaskModal(state, actions, taskIdOverride) {
   updatedRow.add(relativeTime);
   const descDivider = createSectionDivider(renderer, {
     label: "Description",
-    width: DIALOG_WIDTH2 - 4,
+    width: DIALOG_WIDTH3 - 4,
     id: "view-desc"
   });
-  const descContainer = new BoxRenderable15(renderer, {
+  const descContainer = new BoxRenderable14(renderer, {
     id: "view-desc-container",
     width: "100%",
     height: DESC_VISIBLE_LINES,
@@ -1642,7 +1866,7 @@ async function showViewTaskModal(state, actions, taskIdOverride) {
   });
   const descLineRenderables = [];
   for (let i = 0;i < DESC_VISIBLE_LINES; i++) {
-    const line = new TextRenderable14(renderer, {
+    const line = new TextRenderable13(renderer, {
       id: `view-desc-line-${i}`,
       content: " ",
       fg: COLORS.text
@@ -1665,64 +1889,64 @@ async function showViewTaskModal(state, actions, taskIdOverride) {
     for (let i = 0;i < DESC_VISIBLE_LINES; i++) {
       const lineContent = visibleLines[i] ?? "";
       const isLastLine = i === DESC_VISIBLE_LINES - 1;
-      let displayContent = truncate(lineContent, DIALOG_WIDTH2 - 12);
+      let displayContent = truncate(lineContent, DIALOG_WIDTH3 - 12);
       if (isLastLine && hasMore) {
         const remaining = totalDescLines - scrollOffset - DESC_VISIBLE_LINES;
-        displayContent = `${truncate(lineContent, DIALOG_WIDTH2 - 18)} \u25BC ${remaining}+`;
+        displayContent = `${truncate(lineContent, DIALOG_WIDTH3 - 18)} \u25BC ${remaining}+`;
       }
       if (i === 0 && hasLess) {
-        displayContent = `\u25B2 ${scrollOffset}+ ${truncate(lineContent, DIALOG_WIDTH2 - 18)}`;
+        displayContent = `\u25B2 ${scrollOffset}+ ${truncate(lineContent, DIALOG_WIDTH3 - 18)}`;
       }
       descLineRenderables[i].content = displayContent || " ";
       descLineRenderables[i].fg = i === 0 && hasLess || isLastLine && hasMore ? COLORS.textDim : COLORS.text;
     }
   }
   updateDescriptionContent(0);
-  const footerDivider = new BoxRenderable15(renderer, {
+  const footerDivider = new BoxRenderable14(renderer, {
     id: "view-footer-divider",
     width: "100%",
     height: 1
   });
-  const footerLine = new TextRenderable14(renderer, {
+  const footerLine = new TextRenderable13(renderer, {
     id: "view-footer-line",
-    content: "\u2500".repeat(DIALOG_WIDTH2 - 4),
+    content: "\u2500".repeat(DIALOG_WIDTH3 - 4),
     fg: COLORS.border
   });
   footerDivider.add(footerLine);
-  const actionsRow = new BoxRenderable15(renderer, {
+  const actionsRow = new BoxRenderable14(renderer, {
     id: "view-actions-row",
     width: "100%",
     height: 1,
     flexDirection: "row",
     justifyContent: "space-between"
   });
-  const actionsLeft = new BoxRenderable15(renderer, {
+  const actionsLeft = new BoxRenderable14(renderer, {
     id: "view-actions-left",
     height: 1,
     flexDirection: "row",
     gap: 2
   });
-  const moveAction = new TextRenderable14(renderer, {
+  const moveAction = new TextRenderable13(renderer, {
     id: "view-action-move",
     content: "[m] Move",
     fg: COLORS.textMuted
   });
-  const assignAction = new TextRenderable14(renderer, {
+  const assignAction = new TextRenderable13(renderer, {
     id: "view-action-assign",
     content: "[u] Assign",
     fg: COLORS.textMuted
   });
-  const editAction = new TextRenderable14(renderer, {
+  const editAction = new TextRenderable13(renderer, {
     id: "view-action-edit",
     content: "[e] Edit",
     fg: COLORS.textMuted
   });
-  const deleteAction = new TextRenderable14(renderer, {
+  const deleteAction = new TextRenderable13(renderer, {
     id: "view-action-delete",
     content: "[d] Delete",
     fg: COLORS.danger
   });
-  const archiveRestoreAction = new TextRenderable14(renderer, {
+  const archiveRestoreAction = new TextRenderable13(renderer, {
     id: "view-action-archive-restore",
     content: task.archived ? "[r] Restore" : "[x] Archive",
     fg: task.archived ? COLORS.success : COLORS.warning
@@ -1732,7 +1956,7 @@ async function showViewTaskModal(state, actions, taskIdOverride) {
   actionsLeft.add(editAction);
   actionsLeft.add(archiveRestoreAction);
   actionsLeft.add(deleteAction);
-  const escAction = new TextRenderable14(renderer, {
+  const escAction = new TextRenderable13(renderer, {
     id: "view-action-esc",
     content: "[Esc]",
     fg: COLORS.textDim
@@ -1819,7 +2043,7 @@ async function copyTaskId(state) {
     copyHint.fg = COLORS.danger;
     state.viewTaskRuntime.copyTimeoutId = setTimeout(() => {
       if (state.viewTaskRuntime) {
-        idValue.content = truncateMiddle(taskId, DIALOG_WIDTH2 - 14);
+        idValue.content = truncateMiddle(taskId, DIALOG_WIDTH3 - 14);
         idValue.fg = COLORS.textDim;
         copyHint.content = "[c]opy";
         copyHint.fg = COLORS.textDim;
@@ -1997,9 +2221,43 @@ var modalBindings = {
         return openArchiveModal(state);
       }
     },
+    C: async (state) => {
+      if (state.archiveViewMode)
+        return;
+      const taskId = getSelectedTaskId(state);
+      if (!taskId)
+        return;
+      const terminal = await state.boardService.getTerminalColumn();
+      if (!terminal)
+        return;
+      const result = await withErrorHandling(state, () => state.taskService.moveTask(taskId, terminal.id), "Failed to complete task");
+      if (result) {
+        await refreshBoard(state);
+      }
+    },
+    "/": (state) => {
+      if (state.archiveViewMode) {
+        return showSearchArchiveModal(state, async (_tasks) => {
+          await refreshBoard(state);
+        });
+      }
+    },
+    P: (state) => {
+      if (state.archiveViewMode) {
+        return showPurgeArchiveModal(state, async () => {
+          await refreshBoard(state);
+        });
+      }
+    },
     tab: toggleArchiveView,
     return: openViewModal,
-    "?": showHelpModal
+    "?": showHelpModal,
+    H: (state) => {
+      const taskId = getSelectedTaskId(state);
+      if (taskId) {
+        return showTaskHistoryModal(state);
+      }
+    }
   },
   addTask: {
     escape: closeModal,
@@ -2077,6 +2335,7 @@ var modalBindings = {
   editTask: {
     escape: cancelEditTask,
     tab: focusNextEditField,
+    "shift+tab": focusPrevEditField,
     left: buttonSelectPrev,
     right: buttonSelectNext,
     return: editTaskSave
@@ -2088,11 +2347,24 @@ var modalBindings = {
     y: quit,
     n: closeModal,
     escape: closeModal
+  },
+  searchArchive: {
+    escape: closeModal
+  },
+  purgeArchive: {
+    y: confirmModal,
+    n: closeModal,
+    escape: closeModal
+  },
+  taskHistory: {
+    escape: closeModal,
+    [WILDCARD]: closeModal
   }
 };
 function handleKeypress(state, key) {
   const bindings = modalBindings[state.activeModal];
-  const handler = bindings[key.name] ?? bindings[WILDCARD];
+  const shiftKey = key.shift ? `shift+${key.name}` : undefined;
+  const handler = (shiftKey ? bindings[shiftKey] : undefined) ?? bindings[key.name] ?? bindings[WILDCARD];
   return handler?.(state);
 }
 
@@ -2169,9 +2441,11 @@ async function main() {
   }
   const state = {
     renderer,
+    db,
     taskService,
     boardService,
     boardName: board.name,
+    projectRoot,
     columns: [],
     columnPanels: [],
     taskSelects: new Map,
@@ -2191,13 +2465,12 @@ async function main() {
   };
   await refreshBoard(state);
   let lastDataVersion = null;
-  const client = db.$client;
+  const client = getDbClient(db);
   const checkForChanges = async () => {
     if (state.activeModal !== "none")
       return;
     try {
-      const result = await client.execute("PRAGMA data_version");
-      const currentVersion = result.rows[0]?.[0];
+      const currentVersion = await getDataVersion(client);
       if (lastDataVersion !== null && currentVersion !== lastDataVersion) {
         await refreshBoard(state);
       }
@@ -2209,8 +2482,7 @@ async function main() {
   process.on("exit", cleanup);
   process.on("SIGINT", cleanup);
   process.on("SIGTERM", cleanup);
-  const keyEmitter = renderer.keyInput;
-  keyEmitter.on("keypress", (key) => {
+  getKeyInput(renderer).on("keypress", (key) => {
     handleKeypress(state, key);
   });
 }