🚨 fix: resolve all linter and typecheck warnings across codebase

Replace manually duplicated variant/size type literals with
VariantProps<typeof buttonVariants> for type safety and
consistency with the Button component.

.opencode/config/agent-metadata.json

@@ -91,9 +91,7 @@
 			"version": "1.0.0",
 			"author": "opencode",
 			"tags": ["content", "marketing", "writing"],
-      "dependencies": [
+			"dependencies": ["context:standards-docs"]
-        "context:standards-docs"
-      ]
 		},
 		"technical-writer": {
 			"id": "technical-writer",
@@ -103,9 +101,7 @@
 			"version": "1.0.0",
 			"author": "opencode",
 			"tags": ["documentation", "technical", "writing"],
-      "dependencies": [
+			"dependencies": ["context:standards-docs"]
-        "context:standards-docs"
-      ]
 		},
 		"data-analyst": {
 			"id": "data-analyst",
@@ -125,9 +121,7 @@
 			"version": "1.0.0",
 			"author": "opencode",
 			"tags": ["testing", "evaluation", "quality"],
-      "dependencies": [
+			"dependencies": ["context:standards-tests"]
-        "context:standards-tests"
-      ]
 		},
 		"task-manager": {
 			"id": "task-manager",
@@ -137,9 +131,7 @@
 			"version": "2.0.0",
 			"author": "opencode",
 			"tags": ["task-breakdown", "planning", "coordination"],
-      "dependencies": [
+			"dependencies": ["context:task-delegation-basics"]
-        "context:task-delegation-basics"
-      ]
 		},
 		"batch-executor": {
 			"id": "batch-executor",
@@ -149,10 +141,7 @@
 			"version": "1.0.0",
 			"author": "opencode",
 			"tags": ["parallel-execution", "batch-management", "coordination"],
-      "dependencies": [
+			"dependencies": ["subagent:coder-agent", "subagent:task-manager"]
-        "subagent:coder-agent",
-        "subagent:task-manager"
-      ]
 		},
 		"documentation": {
 			"id": "documentation",
@@ -162,9 +151,7 @@
 			"version": "1.0.0",
 			"author": "opencode",
 			"tags": ["documentation", "writing"],
-      "dependencies": [
+			"dependencies": ["context:standards-docs"]
-        "context:standards-docs"
-      ]
 		},
 		"contextscout": {
 			"id": "contextscout",
@@ -214,9 +201,7 @@
 			"version": "1.0.0",
 			"author": "opencode",
 			"tags": ["coding", "implementation"],
-      "dependencies": [
+			"dependencies": ["context:standards-code"]
-        "context:standards-code"
-      ]
 		},
 		"tester": {
 			"id": "tester",
@@ -226,9 +211,7 @@
 			"version": "1.0.0",
 			"author": "opencode",
 			"tags": ["testing", "tdd", "quality"],
-      "dependencies": [
+			"dependencies": ["context:standards-tests"]
-        "context:standards-tests"
-      ]
 		},
 		"reviewer": {
 			"id": "reviewer",
@@ -238,10 +221,7 @@
 			"version": "1.0.0",
 			"author": "opencode",
 			"tags": ["review", "security", "quality"],
-      "dependencies": [
+			"dependencies": ["context:standards-code", "context:review-ref"]
-        "context:standards-code",
-        "context:review-ref"
-      ]
 		},
 		"build-agent": {
 			"id": "build-agent",
@@ -261,9 +241,7 @@
 			"version": "1.0.0",
 			"author": "opencode",
 			"tags": ["frontend", "ui", "design"],
-      "dependencies": [
+			"dependencies": ["context:standards-code"]
-        "context:standards-code"
-      ]
 		},
 		"devops-specialist": {
 			"id": "devops-specialist",

.opencode/skills/task-management/scripts/task-cli.ts

@@ -19,14 +19,17 @@
  *   .tmp/tasks/completed/{feature-slug}/
  */
 
-const fs = require('fs');
+const fs = require("fs");
-const path = require('path');
+const path = require("path");
 
 // Find project root (look for .git or package.json)
 function findProjectRoot(): string {
 	let dir = process.cwd();
 	while (dir !== path.dirname(dir)) {
-    if (fs.existsSync(path.join(dir, '.git')) || fs.existsSync(path.join(dir, 'package.json'))) {
+		if (
+			fs.existsSync(path.join(dir, ".git")) ||
+			fs.existsSync(path.join(dir, "package.json"))
+		) {
 			return dir;
 		}
 		dir = path.dirname(dir);
@@ -35,13 +38,13 @@ function findProjectRoot(): string {
 }
 
 const PROJECT_ROOT = findProjectRoot();
-const TASKS_DIR = path.join(PROJECT_ROOT, '.tmp', 'tasks');
+const TASKS_DIR = path.join(PROJECT_ROOT, ".tmp", "tasks");
-const COMPLETED_DIR = path.join(TASKS_DIR, 'completed');
+const COMPLETED_DIR = path.join(TASKS_DIR, "completed");
 
 interface Task {
 	id: string;
 	name: string;
-  status: 'active' | 'completed' | 'blocked' | 'archived';
+	status: "active" | "completed" | "blocked" | "archived";
 	objective: string;
 	context_files: string[];
 	reference_files?: string[];
@@ -56,7 +59,7 @@ interface Subtask {
 	id: string;
 	seq: string;
 	title: string;
-  status: 'pending' | 'in_progress' | 'completed' | 'blocked';
+	status: "pending" | "in_progress" | "completed" | "blocked";
 	depends_on: string[];
 	parallel: boolean;
 	context_files: string[];
@@ -75,34 +78,41 @@ function getFeatureDirs(): string[] {
 	if (!fs.existsSync(TASKS_DIR)) return [];
 	return fs.readdirSync(TASKS_DIR).filter((f: string) => {
 		const fullPath = path.join(TASKS_DIR, f);
-    return fs.statSync(fullPath).isDirectory() && f !== 'completed';
+		return fs.statSync(fullPath).isDirectory() && f !== "completed";
 	});
 }
 
 function loadTask(feature: string): Task | null {
-  const taskPath = path.join(TASKS_DIR, feature, 'task.json');
+	const taskPath = path.join(TASKS_DIR, feature, "task.json");
 	if (!fs.existsSync(taskPath)) return null;
-  return JSON.parse(fs.readFileSync(taskPath, 'utf-8'));
+	return JSON.parse(fs.readFileSync(taskPath, "utf-8"));
 }
 
 function loadSubtasks(feature: string): Subtask[] {
 	const featureDir = path.join(TASKS_DIR, feature);
 	if (!fs.existsSync(featureDir)) return [];
 
-  const files = fs.readdirSync(featureDir)
+	const files = fs
+		.readdirSync(featureDir)
 		.filter((f: string) => f.match(/^subtask_\d{2}\.json$/))
 		.sort();
 
-  return files.map((f: string) => JSON.parse(fs.readFileSync(path.join(featureDir, f), 'utf-8')));
+	return files.map((f: string) =>
+		JSON.parse(fs.readFileSync(path.join(featureDir, f), "utf-8")),
+	);
 }
 
 function saveSubtask(feature: string, subtask: Subtask): void {
-  const subtaskPath = path.join(TASKS_DIR, feature, `subtask_${subtask.seq}.json`);
+	const subtaskPath = path.join(
+		TASKS_DIR,
+		feature,
+		`subtask_${subtask.seq}.json`,
+	);
 	fs.writeFileSync(subtaskPath, JSON.stringify(subtask, null, 2));
 }
 
 function saveTask(feature: string, task: Task): void {
-  const taskPath = path.join(TASKS_DIR, feature, 'task.json');
+	const taskPath = path.join(TASKS_DIR, feature, "task.json");
 	fs.writeFileSync(taskPath, JSON.stringify(task, null, 2));
 }
 
@@ -111,7 +121,7 @@ function cmdStatus(feature?: string): void {
 	const features = feature ? [feature] : getFeatureDirs();
 
 	if (features.length === 0) {
-    console.log('No active features found.');
+		console.log("No active features found.");
 		return;
 	}
 
@@ -125,40 +135,47 @@ function cmdStatus(feature?: string): void {
 		}
 
 		const counts = {
-      pending: subtasks.filter(s => s.status === 'pending').length,
+			pending: subtasks.filter((s) => s.status === "pending").length,
-      in_progress: subtasks.filter(s => s.status === 'in_progress').length,
+			in_progress: subtasks.filter((s) => s.status === "in_progress").length,
-      completed: subtasks.filter(s => s.status === 'completed').length,
+			completed: subtasks.filter((s) => s.status === "completed").length,
-      blocked: subtasks.filter(s => s.status === 'blocked').length,
+			blocked: subtasks.filter((s) => s.status === "blocked").length,
 		};
 
-    const progress = subtasks.length > 0
+		const progress =
+			subtasks.length > 0
 				? Math.round((counts.completed / subtasks.length) * 100)
 				: 0;
 
 		console.log(`\n[${f}] ${task.name}`);
-    console.log(`  Status: ${task.status} | Progress: ${progress}% (${counts.completed}/${subtasks.length})`);
+		console.log(
-    console.log(`  Pending: ${counts.pending} | In Progress: ${counts.in_progress} | Completed: ${counts.completed} | Blocked: ${counts.blocked}`);
+			`  Status: ${task.status} | Progress: ${progress}% (${counts.completed}/${subtasks.length})`,
+		);
+		console.log(
+			`  Pending: ${counts.pending} | In Progress: ${counts.in_progress} | Completed: ${counts.completed} | Blocked: ${counts.blocked}`,
+		);
 	}
 }
 
 function cmdNext(feature?: string): void {
 	const features = feature ? [feature] : getFeatureDirs();
 
-  console.log('\n=== Ready Tasks (deps satisfied) ===\n');
+	console.log("\n=== Ready Tasks (deps satisfied) ===\n");
 
 	for (const f of features) {
 		const subtasks = loadSubtasks(f);
-    const completedSeqs = new Set(subtasks.filter(s => s.status === 'completed').map(s => s.seq));
+		const completedSeqs = new Set(
+			subtasks.filter((s) => s.status === "completed").map((s) => s.seq),
+		);
 
-    const ready = subtasks.filter(s => {
+		const ready = subtasks.filter((s) => {
-      if (s.status !== 'pending') return false;
+			if (s.status !== "pending") return false;
-      return s.depends_on.every(dep => completedSeqs.has(dep));
+			return s.depends_on.every((dep) => completedSeqs.has(dep));
 		});
 
 		if (ready.length > 0) {
 			console.log(`[${f}]`);
 			for (const s of ready) {
-        const parallel = s.parallel ? '[parallel]' : '[sequential]';
+				const parallel = s.parallel ? "[parallel]" : "[sequential]";
 				console.log(`  ${s.seq} - ${s.title}  ${parallel}`);
 			}
 			console.log();
@@ -169,16 +186,18 @@ function cmdNext(feature?: string): void {
 function cmdParallel(feature?: string): void {
 	const features = feature ? [feature] : getFeatureDirs();
 
-  console.log('\n=== Parallelizable Tasks Ready Now ===\n');
+	console.log("\n=== Parallelizable Tasks Ready Now ===\n");
 
 	for (const f of features) {
 		const subtasks = loadSubtasks(f);
-    const completedSeqs = new Set(subtasks.filter(s => s.status === 'completed').map(s => s.seq));
+		const completedSeqs = new Set(
+			subtasks.filter((s) => s.status === "completed").map((s) => s.seq),
+		);
 
-    const parallel = subtasks.filter(s => {
+		const parallel = subtasks.filter((s) => {
-      if (s.status !== 'pending') return false;
+			if (s.status !== "pending") return false;
 			if (!s.parallel) return false;
-      return s.depends_on.every(dep => completedSeqs.has(dep));
+			return s.depends_on.every((dep) => completedSeqs.has(dep));
 		});
 
 		if (parallel.length > 0) {
@@ -193,7 +212,7 @@ function cmdParallel(feature?: string): void {
 
 function cmdDeps(feature: string, seq: string): void {
 	const subtasks = loadSubtasks(feature);
-  const target = subtasks.find(s => s.seq === seq);
+	const target = subtasks.find((s) => s.seq === seq);
 
 	if (!target) {
 		console.log(`Task ${seq} not found in ${feature}`);
@@ -204,22 +223,29 @@ function cmdDeps(feature: string, seq: string): void {
 	console.log(`${seq} - ${target.title} [${target.status}]`);
 
 	if (target.depends_on.length === 0) {
-    console.log('  └── (no dependencies)');
+		console.log("  └── (no dependencies)");
 		return;
 	}
 
-  const printDeps = (seqs: string[], indent: string = '  '): void => {
+	const printDeps = (seqs: string[], indent: string = "  "): void => {
 		for (let i = 0; i < seqs.length; i++) {
 			const depSeq = seqs[i];
-      const dep = subtasks.find(s => s.seq === depSeq);
+			const dep = subtasks.find((s) => s.seq === depSeq);
 			const isLast = i === seqs.length - 1;
-      const branch = isLast ? '└──' : '├──';
+			const branch = isLast ? "└──" : "├──";
 
 			if (dep) {
-        const statusIcon = dep.status === 'completed' ? '✓' : dep.status === 'in_progress' ? '~' : '○';
+				const statusIcon =
-        console.log(`${indent}${branch} ${statusIcon} ${depSeq} - ${dep.title} [${dep.status}]`);
+					dep.status === "completed"
+						? "✓"
+						: dep.status === "in_progress"
+							? "~"
+							: "○";
+				console.log(
+					`${indent}${branch} ${statusIcon} ${depSeq} - ${dep.title} [${dep.status}]`,
+				);
 				if (dep.depends_on.length > 0) {
-          const newIndent = indent + (isLast ? '    ' : '│   ');
+					const newIndent = indent + (isLast ? "    " : "│   ");
 					printDeps(dep.depends_on, newIndent);
 				}
 			} else {
@@ -234,25 +260,30 @@ function cmdDeps(feature: string, seq: string): void {
 function cmdBlocked(feature?: string): void {
 	const features = feature ? [feature] : getFeatureDirs();
 
-  console.log('\n=== Blocked Tasks ===\n');
+	console.log("\n=== Blocked Tasks ===\n");
 
 	for (const f of features) {
 		const subtasks = loadSubtasks(f);
-    const completedSeqs = new Set(subtasks.filter(s => s.status === 'completed').map(s => s.seq));
+		const completedSeqs = new Set(
+			subtasks.filter((s) => s.status === "completed").map((s) => s.seq),
+		);
 
-    const blocked = subtasks.filter(s => {
+		const blocked = subtasks.filter((s) => {
-      if (s.status === 'blocked') return true;
+			if (s.status === "blocked") return true;
-      if (s.status !== 'pending') return false;
+			if (s.status !== "pending") return false;
-      return !s.depends_on.every(dep => completedSeqs.has(dep));
+			return !s.depends_on.every((dep) => completedSeqs.has(dep));
 		});
 
 		if (blocked.length > 0) {
 			console.log(`[${f}]`);
 			for (const s of blocked) {
-        const waitingFor = s.depends_on.filter(dep => !completedSeqs.has(dep));
+				const waitingFor = s.depends_on.filter(
-        const reason = s.status === 'blocked'
+					(dep) => !completedSeqs.has(dep),
-          ? 'explicitly blocked'
+				);
-          : `waiting: ${waitingFor.join(', ')}`;
+				const reason =
+					s.status === "blocked"
+						? "explicitly blocked"
+						: `waiting: ${waitingFor.join(", ")}`;
 				console.log(`  ${s.seq} - ${s.title} (${reason})`);
 			}
 			console.log();
@@ -262,19 +293,19 @@ function cmdBlocked(feature?: string): void {
 
 function cmdComplete(feature: string, seq: string, summary: string): void {
 	if (summary.length > 200) {
-    console.log('Error: Summary must be max 200 characters');
+		console.log("Error: Summary must be max 200 characters");
 		process.exit(1);
 	}
 
 	const subtasks = loadSubtasks(feature);
-  const subtask = subtasks.find(s => s.seq === seq);
+	const subtask = subtasks.find((s) => s.seq === seq);
 
 	if (!subtask) {
 		console.log(`Task ${seq} not found in ${feature}`);
 		process.exit(1);
 	}
 
-  subtask.status = 'completed';
+	subtask.status = "completed";
 	subtask.completed_at = new Date().toISOString();
 	subtask.completion_summary = summary;
 
@@ -284,7 +315,9 @@ function cmdComplete(feature: string, seq: string, summary: string): void {
 	const task = loadTask(feature);
 	if (task) {
 		const newSubtasks = loadSubtasks(feature);
-    task.completed_count = newSubtasks.filter(s => s.status === 'completed').length;
+		task.completed_count = newSubtasks.filter(
+			(s) => s.status === "completed",
+		).length;
 		saveTask(feature, task);
 	}
 
@@ -300,42 +333,54 @@ function cmdValidate(feature?: string): void {
 	const features = feature ? [feature] : getFeatureDirs();
 	let hasErrors = false;
 
-  const validTaskStatuses = new Set(['active', 'completed', 'blocked', 'archived']);
+	const validTaskStatuses = new Set([
-  const validSubtaskStatuses = new Set(['pending', 'in_progress', 'completed', 'blocked']);
+		"active",
+		"completed",
+		"blocked",
+		"archived",
+	]);
+	const validSubtaskStatuses = new Set([
+		"pending",
+		"in_progress",
+		"completed",
+		"blocked",
+	]);
 
 	const requiredTaskFields = [
-    'id',
+		"id",
-    'name',
+		"name",
-    'status',
+		"status",
-    'objective',
+		"objective",
-    'context_files',
+		"context_files",
-    'exit_criteria',
+		"exit_criteria",
-    'subtask_count',
+		"subtask_count",
-    'completed_count',
+		"completed_count",
-    'created_at',
+		"created_at",
-    'completed_at',
+		"completed_at",
 	];
 
 	const requiredSubtaskFields = [
-    'id',
+		"id",
-    'seq',
+		"seq",
-    'title',
+		"title",
-    'status',
+		"status",
-    'depends_on',
+		"depends_on",
-    'parallel',
+		"parallel",
-    'context_files',
+		"context_files",
-    'acceptance_criteria',
+		"acceptance_criteria",
-    'deliverables',
+		"deliverables",
-    'agent_id',
+		"agent_id",
-    'started_at',
+		"started_at",
-    'completed_at',
+		"completed_at",
-    'completion_summary',
+		"completion_summary",
 	];
 
-  const hasField = (obj: any, field: string): boolean => Object.prototype.hasOwnProperty.call(obj, field);
+	const hasField = (obj: any, field: string): boolean =>
-  const isStringArray = (value: any): boolean => Array.isArray(value) && value.every(v => typeof v === 'string');
+		Object.prototype.hasOwnProperty.call(obj, field);
+	const isStringArray = (value: any): boolean =>
+		Array.isArray(value) && value.every((v) => typeof v === "string");
 
-  console.log('\n=== Validation Results ===\n');
+	console.log("\n=== Validation Results ===\n");
 
 	for (const f of features) {
 		const errors: string[] = [];
@@ -343,17 +388,17 @@ function cmdValidate(feature?: string): void {
 		// Check task.json exists
 		const task = loadTask(f);
 		if (!task) {
-      errors.push('Missing task.json');
+			errors.push("Missing task.json");
 		}
 
 		// Load and validate subtasks
 		const subtasks = loadSubtasks(f);
 		const seqCounts = new Map<string, number>();
 		for (const s of subtasks) {
-      const seq = typeof s.seq === 'string' ? s.seq : '';
+			const seq = typeof s.seq === "string" ? s.seq : "";
 			seqCounts.set(seq, (seqCounts.get(seq) || 0) + 1);
 		}
-    const seqs = new Set(subtasks.map(s => s.seq));
+		const seqs = new Set(subtasks.map((s) => s.seq));
 
 		if (task) {
 			// Required fields in task.json
@@ -365,7 +410,9 @@ function cmdValidate(feature?: string): void {
 
 			// Task ID should match feature slug
 			if (task.id !== f) {
-        errors.push(`task.json id ('${task.id}') should match feature slug ('${f}')`);
+				errors.push(
+					`task.json id ('${task.id}') should match feature slug ('${f}')`,
+				);
 			}
 
 			// Task status should be valid
@@ -375,19 +422,23 @@ function cmdValidate(feature?: string): void {
 
 			// Basic type checks for key task fields
 			if (!isStringArray(task.context_files)) {
-        errors.push('task.json: context_files must be string[]');
+				errors.push("task.json: context_files must be string[]");
 			}
-      if (hasField(task, 'reference_files') && task.reference_files !== undefined && !isStringArray(task.reference_files)) {
+			if (
-        errors.push('task.json: reference_files must be string[] when present');
+				hasField(task, "reference_files") &&
+				task.reference_files !== undefined &&
+				!isStringArray(task.reference_files)
+			) {
+				errors.push("task.json: reference_files must be string[] when present");
 			}
 			if (!isStringArray(task.exit_criteria)) {
-        errors.push('task.json: exit_criteria must be string[]');
+				errors.push("task.json: exit_criteria must be string[]");
 			}
-      if (typeof task.subtask_count !== 'number') {
+			if (typeof task.subtask_count !== "number") {
-        errors.push('task.json: subtask_count must be number');
+				errors.push("task.json: subtask_count must be number");
 			}
-      if (typeof task.completed_count !== 'number') {
+			if (typeof task.completed_count !== "number") {
-        errors.push('task.json: completed_count must be number');
+				errors.push("task.json: completed_count must be number");
 			}
 		}
 
@@ -395,7 +446,7 @@ function cmdValidate(feature?: string): void {
 			// Required fields in subtask files
 			for (const field of requiredSubtaskFields) {
 				if (!hasField(s, field)) {
-          errors.push(`${s.seq || '??'}: missing required field '${field}'`);
+					errors.push(`${s.seq || "??"}: missing required field '${field}'`);
 				}
 			}
 
@@ -421,13 +472,17 @@ function cmdValidate(feature?: string): void {
 			if (!isStringArray(s.depends_on)) {
 				errors.push(`${s.seq}: depends_on must be string[]`);
 			}
-      if (typeof s.parallel !== 'boolean') {
+			if (typeof s.parallel !== "boolean") {
 				errors.push(`${s.seq}: parallel must be boolean`);
 			}
 			if (!isStringArray(s.context_files)) {
 				errors.push(`${s.seq}: context_files must be string[]`);
 			}
-      if (hasField(s, 'reference_files') && s.reference_files !== undefined && !isStringArray(s.reference_files)) {
+			if (
+				hasField(s, "reference_files") &&
+				s.reference_files !== undefined &&
+				!isStringArray(s.reference_files)
+			) {
 				errors.push(`${s.seq}: reference_files must be string[] when present`);
 			}
 			if (!isStringArray(s.acceptance_criteria)) {
@@ -447,7 +502,7 @@ function cmdValidate(feature?: string): void {
 			}
 
 			// Check for missing dependencies
-      for (const dep of (Array.isArray(s.depends_on) ? s.depends_on : [])) {
+			for (const dep of Array.isArray(s.depends_on) ? s.depends_on : []) {
 				if (!seqs.has(dep)) {
 					errors.push(`${s.seq}: depends on non-existent task ${dep}`);
 				}
@@ -457,13 +512,15 @@ function cmdValidate(feature?: string): void {
 			const visited = new Set<string>();
 			const checkCircular = (seq: string, path: string[]): boolean => {
 				if (path.includes(seq)) {
-          errors.push(`${s.seq}: circular dependency detected: ${[...path, seq].join(' -> ')}`);
+					errors.push(
+						`${s.seq}: circular dependency detected: ${[...path, seq].join(" -> ")}`,
+					);
 					return true;
 				}
 				if (visited.has(seq)) return false;
 				visited.add(seq);
 
-        const task = subtasks.find(t => t.seq === seq);
+				const task = subtasks.find((t) => t.seq === seq);
 				if (task) {
 					for (const dep of task.depends_on) {
 						if (checkCircular(dep, [...path, seq])) return true;
@@ -476,13 +533,15 @@ function cmdValidate(feature?: string): void {
 
 		// Check counts match
 		if (task && task.subtask_count !== subtasks.length) {
-      errors.push(`task.json subtask_count (${task.subtask_count}) doesn't match actual count (${subtasks.length})`);
+			errors.push(
+				`task.json subtask_count (${task.subtask_count}) doesn't match actual count (${subtasks.length})`,
+			);
 		}
 
 		// Print results
 		console.log(`[${f}]`);
 		if (errors.length === 0) {
-      console.log('  ✓ All checks passed');
+			console.log("  ✓ All checks passed");
 		} else {
 			for (const e of errors) {
 				console.log(`  ✗ ERROR: ${e}`);
@@ -496,36 +555,36 @@ function cmdValidate(feature?: string): void {
 }
 
 // Main
-const [,, command, ...args] = process.argv;
+const [, , command, ...args] = process.argv;
 
 switch (command) {
-  case 'status':
+	case "status":
 		cmdStatus(args[0]);
 		break;
-  case 'next':
+	case "next":
 		cmdNext(args[0]);
 		break;
-  case 'parallel':
+	case "parallel":
 		cmdParallel(args[0]);
 		break;
-  case 'deps':
+	case "deps":
 		if (args.length < 2) {
-      console.log('Usage: deps <feature> <seq>');
+			console.log("Usage: deps <feature> <seq>");
 			process.exit(1);
 		}
 		cmdDeps(args[0], args[1]);
 		break;
-  case 'blocked':
+	case "blocked":
 		cmdBlocked(args[0]);
 		break;
-  case 'complete':
+	case "complete":
 		if (args.length < 3) {
 			console.log('Usage: complete <feature> <seq> "summary"');
 			process.exit(1);
 		}
-    cmdComplete(args[0], args[1], args.slice(2).join(' '));
+		cmdComplete(args[0], args[1], args.slice(2).join(" "));
 		break;
-  case 'validate':
+	case "validate":
 		cmdValidate(args[0]);
 		break;
 	default:

.opencode/tool/env/index.ts

@@ -1,28 +1,28 @@
-import { readFile } from "fs/promises"
+import { readFile } from "fs/promises";
-import { resolve } from "path"
+import { resolve } from "path";
 
 /**
  * Configuration for environment variable loading
  */
 export interface EnvLoaderConfig {
 	/** Custom paths to search for .env files (relative to current working directory) */
-  searchPaths?: string[]
+	searchPaths?: string[];
 	/** Whether to log when environment variables are loaded */
-  verbose?: boolean
+	verbose?: boolean;
 	/** Whether to override existing environment variables */
-  override?: boolean
+	override?: boolean;
 }
 
 /**
  * Default search paths for .env files
  */
 const DEFAULT_ENV_PATHS = [
-  './.env',
+	"./.env",
-  '../.env', 
+	"../.env",
-  '../../.env',
+	"../../.env",
-  '../plugin/.env',
+	"../plugin/.env",
-  '../../../.env'
+	"../../../.env",
-]
+];
 
 /**
  * Load environment variables from .env files
@@ -31,41 +31,43 @@ const DEFAULT_ENV_PATHS = [
  * @param config Configuration options
  * @returns Object containing loaded environment variables
  */
-export async function loadEnvVariables(config: EnvLoaderConfig = {}): Promise<Record<string, string>> {
+export async function loadEnvVariables(
+	config: EnvLoaderConfig = {},
+): Promise<Record<string, string>> {
 	const {
 		searchPaths = DEFAULT_ENV_PATHS,
 		verbose = false,
-    override = false 
+		override = false,
-  } = config
+	} = config;
 
-  const loadedVars: Record<string, string> = {}
+	const loadedVars: Record<string, string> = {};
 
 	for (const envPath of searchPaths) {
 		try {
-      const fullPath = resolve(envPath)
+			const fullPath = resolve(envPath);
-      const content = await readFile(fullPath, 'utf8')
+			const content = await readFile(fullPath, "utf8");
 
 			if (verbose) {
-        console.log(`Checking .env file: ${envPath}`)
+				console.log(`Checking .env file: ${envPath}`);
 			}
 
 			// Parse .env file content
-      const lines = content.split('\n')
+			const lines = content.split("\n");
 			for (const line of lines) {
-        const trimmed = line.trim()
+				const trimmed = line.trim();
-        if (trimmed && !trimmed.startsWith('#') && trimmed.includes('=')) {
+				if (trimmed && !trimmed.startsWith("#") && trimmed.includes("=")) {
-          const [key, ...valueParts] = trimmed.split('=')
+					const [key, ...valueParts] = trimmed.split("=");
-          const value = valueParts.join('=').trim()
+					const value = valueParts.join("=").trim();
 
 					// Remove quotes if present
-          const cleanValue = value.replace(/^["']|["']$/g, '')
+					const cleanValue = value.replace(/^["']|["']$/g, "");
 
 					if (key && cleanValue && (override || !process.env[key])) {
-            process.env[key] = cleanValue
+						process.env[key] = cleanValue;
-            loadedVars[key] = cleanValue
+						loadedVars[key] = cleanValue;
 
 						if (verbose) {
-              console.log(`Loaded ${key} from ${envPath}`)
+							console.log(`Loaded ${key} from ${envPath}`);
 						}
 					}
 				}
@@ -73,12 +75,12 @@ export async function loadEnvVariables(config: EnvLoaderConfig = {}): Promise<Re
 		} catch (error) {
 			// File doesn't exist or can't be read, continue to next
 			if (verbose) {
-        console.log(`Could not read ${envPath}: ${error.message}`)
+				console.log(`Could not read ${envPath}: ${error.message}`);
 			}
 		}
 	}
 
-  return loadedVars
+	return loadedVars;
 }
 
 /**
@@ -88,17 +90,20 @@ export async function loadEnvVariables(config: EnvLoaderConfig = {}): Promise<Re
  * @param config Configuration options
  * @returns The environment variable value or null if not found
  */
-export async function getEnvVariable(varName: string, config: EnvLoaderConfig = {}): Promise<string | null> {
+export async function getEnvVariable(
+	varName: string,
+	config: EnvLoaderConfig = {},
+): Promise<string | null> {
 	// First check if it's already in the environment
-  let value = process.env[varName]
+	let value = process.env[varName];
 
 	if (!value) {
 		// Try to load from .env files
-    const loadedVars = await loadEnvVariables(config)
+		const loadedVars = await loadEnvVariables(config);
-    value = loadedVars[varName] || process.env[varName]
+		value = loadedVars[varName] || process.env[varName];
 	}
 
-  return value || null
+	return value || null;
 }
 
 /**
@@ -110,11 +115,14 @@ export async function getEnvVariable(varName: string, config: EnvLoaderConfig =
  * @returns The environment variable value
  * @throws Error if the variable is not found
  */
-export async function getRequiredEnvVariable(varName: string, config: EnvLoaderConfig = {}): Promise<string> {
+export async function getRequiredEnvVariable(
-  const value = await getEnvVariable(varName, config)
+	varName: string,
+	config: EnvLoaderConfig = {},
+): Promise<string> {
+	const value = await getEnvVariable(varName, config);
 
 	if (!value) {
-    const searchPaths = config.searchPaths || DEFAULT_ENV_PATHS
+		const searchPaths = config.searchPaths || DEFAULT_ENV_PATHS;
 		throw new Error(`${varName} not found. Please set it in your environment or .env file.
     
 To fix this:
@@ -122,11 +130,15 @@ To fix this:
 2. Or export it: export ${varName}=your_value_here
 
 Current working directory: ${process.cwd()}
-Searched paths: ${searchPaths.join(', ')}
+Searched paths: ${searchPaths.join(", ")}
-Environment variables available: ${Object.keys(process.env).filter(k => k.includes(varName.split('_')[0])).join(', ') || 'none matching'}`)
+Environment variables available: ${
+			Object.keys(process.env)
+				.filter((k) => k.includes(varName.split("_")[0]))
+				.join(", ") || "none matching"
+		}`);
 	}
 
-  return value
+	return value;
 }
 
 /**
@@ -137,22 +149,27 @@ Environment variables available: ${Object.keys(process.env).filter(k => k.includ
  * @returns Object with variable names as keys and values as values
  * @throws Error if any variable is not found
  */
-export async function getRequiredEnvVariables(varNames: string[], config: EnvLoaderConfig = {}): Promise<Record<string, string>> {
+export async function getRequiredEnvVariables(
-  const result: Record<string, string> = {}
+	varNames: string[],
+	config: EnvLoaderConfig = {},
+): Promise<Record<string, string>> {
+	const result: Record<string, string> = {};
 
 	// Load all .env files first
-  await loadEnvVariables(config)
+	await loadEnvVariables(config);
 
 	// Check each required variable
 	for (const varName of varNames) {
-    const value = process.env[varName]
+		const value = process.env[varName];
 		if (!value) {
-      throw new Error(`Required environment variable ${varName} not found. Please set it in your environment or .env file.`)
+			throw new Error(
+				`Required environment variable ${varName} not found. Please set it in your environment or .env file.`,
+			);
 		}
-    result[varName] = value
+		result[varName] = value;
 	}
 
-  return result
+	return result;
 }
 
 /**
@@ -163,6 +180,9 @@ export async function getRequiredEnvVariables(varNames: string[], config: EnvLoa
  * @returns The API key value
  * @throws Error if the API key is not found
  */
-export async function getApiKey(apiKeyName: string, config: EnvLoaderConfig = {}): Promise<string> {
+export async function getApiKey(
-  return getRequiredEnvVariable(apiKeyName, config)
+	apiKeyName: string,
+	config: EnvLoaderConfig = {},
+): Promise<string> {
+	return getRequiredEnvVariable(apiKeyName, config);
 }

biome.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.4.7/schema.json",
+  "css": {
+    "linter": {
+      "enabled": true
+    },
+    "parser": {
+      "tailwindDirectives": true
+    },
+    "formatter": {
+      "enabled": true
+    }
+  }
+}

src/app/api/ai-event/route.ts

@@ -1,10 +1,11 @@
+import { headers } from "next/headers";
 import { NextResponse } from "next/server";
 import { auth } from "@/auth";
-import { headers } from "next/headers";
+import { extractJsonFromText } from "@/lib/json-utils";
 import { openRouterClient } from "@/lib/openrouter-client";
 import { AiEventRequestSchema, AiEventResponseSchema } from "@/lib/types";
 
-const MODEL = "openai/gpt-5.4-mini";
+const MODEL = process.env.AI_MODEL ?? "openai/gpt-5.4-mini";
 
 const buildSystemPrompt = () => `
 You are an assistant that converts natural language and images into an ARRAY of calendar events.
@@ -42,7 +43,26 @@ const callTextOnly = async (systemPrompt: string, prompt: string) => {
 	});
 
 	const rawResponse = await result.getText();
-	return { rawResponse, startTime: performance.now() };
+	return { rawResponse };
+};
+
+/** Extract the text content from an OpenRouter chat.send response. */
+const extractContentFromChatResponse = (response: unknown): string => {
+	if (
+		typeof response === "object" &&
+		response !== null &&
+		"choices" in response
+	) {
+		const choices = (
+			response as {
+				choices: Array<{ message: { content: string | unknown } }>;
+			}
+		).choices;
+		const content = choices?.[0]?.message?.content;
+		if (typeof content === "string") return content;
+		if (content) return JSON.stringify(content);
+	}
+	throw new Error("Unexpected response format from AI chat API");
 };
 
 const callMultimodal = async (
@@ -70,8 +90,6 @@ const callMultimodal = async (
 		},
 	];
 
-	const startTime = performance.now();
-
 	const response = await openRouterClient.chat.send({
 		chatRequest: {
 			model: MODEL,
@@ -79,32 +97,8 @@ const callMultimodal = async (
 		},
 	});
 
-	const rawResponse =
+	const rawResponse = extractContentFromChatResponse(response);
-		typeof response === "object" &&
+	return { rawResponse };
-		"choices" in response &&
-		response.choices?.[0]?.message
-			? typeof response.choices[0].message.content === "string"
-				? response.choices[0].message.content
-				: JSON.stringify(response.choices[0].message.content)
-			: JSON.stringify(response);
-
-	return { rawResponse, startTime };
-};
-
-const extractJsonFromText = (text: string): unknown => {
-	try {
-		return JSON.parse(text);
-	} catch {
-		const codeBlockMatch = text.match(/```(?:json)?\s*([\s\S]*?)```/);
-		if (codeBlockMatch) {
-			return JSON.parse(codeBlockMatch[1].trim());
-		}
-		const arrayMatch = text.match(/\[[\s\S]*\]/);
-		if (arrayMatch) {
-			return JSON.parse(arrayMatch[0]);
-		}
-		throw new Error(`No JSON found in response: ${text.slice(0, 200)}`);
-	}
 };
 
 export async function POST(request: Request) {
@@ -133,25 +127,19 @@ export async function POST(request: Request) {
 	}
 
 	const { prompt, imageBase64 } = parsedInput.data;
-	const inputMode = imageBase64 ? "multimodal" : "text";
 	const systemPrompt = buildSystemPrompt();
-	let rawResponse: string | undefined;
 
 	try {
-		const result =
+		const result = imageBase64
-			inputMode === "multimodal"
+			? await callMultimodal(systemPrompt, prompt, imageBase64)
-				? await callMultimodal(systemPrompt, prompt, imageBase64!)
+			: await callTextOnly(systemPrompt, prompt ?? "");
-				: await callTextOnly(systemPrompt, prompt!);
 
-		rawResponse = result.rawResponse;
+		const rawJson = extractJsonFromText(result.rawResponse);
-
-		const rawJson = extractJsonFromText(rawResponse);
 		const validated = AiEventResponseSchema.safeParse(rawJson);
 
 		if (!validated.success) {
 			console.error("AI response validation failed:", {
 				issues: validated.error.flatten().fieldErrors,
-				rawResponse,
 			});
 
 			return NextResponse.json(
@@ -167,10 +155,7 @@ export async function POST(request: Request) {
 	} catch (error) {
 		console.error("AI Event Creation Error:", error);
 		return NextResponse.json(
-			{
+			{ error: "Failed to process AI response. Please try again." },
-				error: "Failed to parse AI output",
-				raw: error instanceof Error ? error.message : String(error),
-			},
 			{ status: 500 },
 		);
 	}

src/app/api/ai-summary/route.ts

@@ -1,6 +1,6 @@
+import { headers } from "next/headers";
 import { NextResponse } from "next/server";
 import { auth } from "@/auth";
-import { headers } from "next/headers";
 import { openRouterClient } from "@/lib/openrouter-client";
 
 export async function POST(request: Request) {

src/app/api/auth/[...all]/route.ts

@@ -1,4 +1,4 @@
-import { auth } from "@/auth";
 import { toNextJsHandler } from "better-auth/next-js";
+import { auth } from "@/auth";
 
 export const { GET, POST } = toNextJsHandler(auth);

src/app/auth/error/page.tsx

@@ -1,10 +1,10 @@
 "use client";
 
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import Link from "next/link";
 import { useSearchParams } from "next/navigation";
 import { Suspense } from "react";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 
 function Search() {
 	const searchParams = useSearchParams();

src/app/auth/signin/page.tsx

@@ -1,6 +1,9 @@
 "use client";
 
-import { signIn, useSession } from "@/lib/auth-client";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
+import { toast } from "sonner";
 import { Button } from "@/components/ui/button";
 import {
 	Card,
@@ -9,10 +12,7 @@ import {
 	CardHeader,
 	CardTitle,
 } from "@/components/ui/card";
-import Link from "next/link";
+import { signIn, useSession } from "@/lib/auth-client";
-import { useRouter } from "next/navigation";
-import { useEffect, useState } from "react";
-import { toast } from "sonner";
 
 export default function SignInPage() {
 	const { data: session, isPending } = useSession();
@@ -32,7 +32,7 @@ export default function SignInPage() {
 				providerId: "authentik",
 				callbackURL: "/",
 			});
-		} catch (_error) {
+		} catch {
 			toast.error("Failed to sign in. Please try again.");
 		} finally {
 			setIsLoading(false);

src/app/auth/signout/page.tsx

@@ -1,6 +1,8 @@
 "use client";
 
-import { signOut, useSession } from "@/lib/auth-client";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { useEffect } from "react";
 import { Button } from "@/components/ui/button";
 import {
 	Card,
@@ -9,9 +11,7 @@ import {
 	CardHeader,
 	CardTitle,
 } from "@/components/ui/card";
-import Link from "next/link";
+import { signOut, useSession } from "@/lib/auth-client";
-import { useRouter } from "next/navigation";
-import { useEffect } from "react";
 
 export default function SignOutPage() {
 	const { data: session, isPending } = useSession();

src/app/globals.css

@@ -5,36 +5,36 @@
 
 :root {
 	--background: oklch(0.9232 0.0026 48.7171);
-  --foreground: oklch(0.2795 0.0368 260.0310);
+	--foreground: oklch(0.2795 0.0368 260.031);
 	--card: oklch(0.9699 0.0013 106.4238);
-  --card-foreground: oklch(0.2795 0.0368 260.0310);
+	--card-foreground: oklch(0.2795 0.0368 260.031);
 	--popover: oklch(0.9699 0.0013 106.4238);
-  --popover-foreground: oklch(0.2795 0.0368 260.0310);
+	--popover-foreground: oklch(0.2795 0.0368 260.031);
 	--primary: oklch(0.5854 0.2041 277.1173);
-  --primary-foreground: oklch(1.0000 0 0);
+	--primary-foreground: oklch(1 0 0);
-  --secondary: oklch(0.8687 0.0043 56.3660);
+	--secondary: oklch(0.8687 0.0043 56.366);
 	--secondary-foreground: oklch(0.4461 0.0263 256.8018);
 	--muted: oklch(0.9232 0.0026 48.7171);
-  --muted-foreground: oklch(0.5510 0.0234 264.3637);
+	--muted-foreground: oklch(0.551 0.0234 264.3637);
-  --accent: oklch(0.9376 0.0260 321.9388);
+	--accent: oklch(0.9376 0.026 321.9388);
 	--accent-foreground: oklch(0.3729 0.0306 259.7328);
 	--destructive: oklch(0.6368 0.2078 25.3313);
-  --destructive-foreground: oklch(1.0000 0 0);
+	--destructive-foreground: oklch(1 0 0);
-  --border: oklch(0.8687 0.0043 56.3660);
+	--border: oklch(0.8687 0.0043 56.366);
-  --input: oklch(0.8687 0.0043 56.3660);
+	--input: oklch(0.8687 0.0043 56.366);
 	--ring: oklch(0.5854 0.2041 277.1173);
 	--chart-1: oklch(0.5854 0.2041 277.1173);
 	--chart-2: oklch(0.5106 0.2301 276.9656);
 	--chart-3: oklch(0.4568 0.2146 277.0229);
 	--chart-4: oklch(0.3984 0.1773 277.3662);
 	--chart-5: oklch(0.3588 0.1354 278.6973);
-  --sidebar: oklch(0.8687 0.0043 56.3660);
+	--sidebar: oklch(0.8687 0.0043 56.366);
-  --sidebar-foreground: oklch(0.2795 0.0368 260.0310);
+	--sidebar-foreground: oklch(0.2795 0.0368 260.031);
 	--sidebar-primary: oklch(0.5854 0.2041 277.1173);
-  --sidebar-primary-foreground: oklch(1.0000 0 0);
+	--sidebar-primary-foreground: oklch(1 0 0);
-  --sidebar-accent: oklch(0.9376 0.0260 321.9388);
+	--sidebar-accent: oklch(0.9376 0.026 321.9388);
 	--sidebar-accent-foreground: oklch(0.3729 0.0306 259.7328);
-  --sidebar-border: oklch(0.8687 0.0043 56.3660);
+	--sidebar-border: oklch(0.8687 0.0043 56.366);
 	--sidebar-ring: oklch(0.5854 0.2041 277.1173);
 	--font-sans: Plus Jakarta Sans, sans-serif;
 	--font-serif: Lora, serif;
@@ -42,33 +42,43 @@
 	--radius: 1.25rem;
 	--shadow-2xs: 2px 2px 10px 4px hsl(240 4% 60% / 0.09);
 	--shadow-xs: 2px 2px 10px 4px hsl(240 4% 60% / 0.09);
-  --shadow-sm: 2px 2px 10px 4px hsl(240 4% 60% / 0.18), 2px 1px 2px 3px hsl(240 4% 60% / 0.18);
+	--shadow-sm:
-  --shadow: 2px 2px 10px 4px hsl(240 4% 60% / 0.18), 2px 1px 2px 3px hsl(240 4% 60% / 0.18);
+		2px 2px 10px 4px hsl(240 4% 60% / 0.18),
-  --shadow-md: 2px 2px 10px 4px hsl(240 4% 60% / 0.18), 2px 2px 4px 3px hsl(240 4% 60% / 0.18);
+		2px 1px 2px 3px hsl(240 4% 60% / 0.18);
-  --shadow-lg: 2px 2px 10px 4px hsl(240 4% 60% / 0.18), 2px 4px 6px 3px hsl(240 4% 60% / 0.18);
+	--shadow:
-  --shadow-xl: 2px 2px 10px 4px hsl(240 4% 60% / 0.18), 2px 8px 10px 3px hsl(240 4% 60% / 0.18);
+		2px 2px 10px 4px hsl(240 4% 60% / 0.18),
+		2px 1px 2px 3px hsl(240 4% 60% / 0.18);
+	--shadow-md:
+		2px 2px 10px 4px hsl(240 4% 60% / 0.18),
+		2px 2px 4px 3px hsl(240 4% 60% / 0.18);
+	--shadow-lg:
+		2px 2px 10px 4px hsl(240 4% 60% / 0.18),
+		2px 4px 6px 3px hsl(240 4% 60% / 0.18);
+	--shadow-xl:
+		2px 2px 10px 4px hsl(240 4% 60% / 0.18),
+		2px 8px 10px 3px hsl(240 4% 60% / 0.18);
 	--shadow-2xl: 2px 2px 10px 4px hsl(240 4% 60% / 0.45);
 	--tracking-normal: 0em;
 	--spacing: 0.25rem;
 }
 
 .dark {
-  --background: oklch(0.2244 0.0074 67.4370);
+	--background: oklch(0.2244 0.0074 67.437);
 	--foreground: oklch(0.9288 0.0126 255.5078);
-  --card: oklch(0.2801 0.0080 59.3379);
+	--card: oklch(0.2801 0.008 59.3379);
 	--card-foreground: oklch(0.9288 0.0126 255.5078);
-  --popover: oklch(0.2801 0.0080 59.3379);
+	--popover: oklch(0.2801 0.008 59.3379);
 	--popover-foreground: oklch(0.9288 0.0126 255.5078);
 	--primary: oklch(0.5994 0.1568 47.5224);
-  --primary-foreground: oklch(0.2244 0.0074 67.4370);
+	--primary-foreground: oklch(0.2244 0.0074 67.437);
 	--secondary: oklch(0.3359 0.0077 59.4197);
 	--secondary-foreground: oklch(0.8717 0.0093 258.3382);
-  --muted: oklch(0.2801 0.0080 59.3379);
+	--muted: oklch(0.2801 0.008 59.3379);
 	--muted-foreground: oklch(0.7137 0.0192 261.3246);
 	--accent: oklch(0.3896 0.0074 59.4734);
 	--accent-foreground: oklch(0.8717 0.0093 258.3382);
 	--destructive: oklch(0.6368 0.2078 25.3313);
-  --destructive-foreground: oklch(0.2244 0.0074 67.4370);
+	--destructive-foreground: oklch(0.2244 0.0074 67.437);
 	--border: oklch(0.3359 0.0077 59.4197);
 	--input: oklch(0.3359 0.0077 59.4197);
 	--ring: oklch(0.6801 0.1583 276.9349);
@@ -80,7 +90,7 @@
 	--sidebar: oklch(0.3359 0.0077 59.4197);
 	--sidebar-foreground: oklch(0.9288 0.0126 255.5078);
 	--sidebar-primary: oklch(0.6801 0.1583 276.9349);
-  --sidebar-primary-foreground: oklch(0.2244 0.0074 67.4370);
+	--sidebar-primary-foreground: oklch(0.2244 0.0074 67.437);
 	--sidebar-accent: oklch(0.3896 0.0074 59.4734);
 	--sidebar-accent-foreground: oklch(0.8717 0.0093 258.3382);
 	--sidebar-border: oklch(0.3359 0.0077 59.4197);
@@ -91,11 +101,16 @@
 	--radius: 1.25rem;
 	--shadow-2xs: 2px 2px 10px 4px hsl(0 0% 0% / 0.09);
 	--shadow-xs: 2px 2px 10px 4px hsl(0 0% 0% / 0.09);
-  --shadow-sm: 2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 1px 2px 3px hsl(0 0% 0% / 0.18);
+	--shadow-sm:
-  --shadow: 2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 1px 2px 3px hsl(0 0% 0% / 0.18);
+		2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 1px 2px 3px hsl(0 0% 0% / 0.18);
-  --shadow-md: 2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 2px 4px 3px hsl(0 0% 0% / 0.18);
+	--shadow:
-  --shadow-lg: 2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 4px 6px 3px hsl(0 0% 0% / 0.18);
+		2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 1px 2px 3px hsl(0 0% 0% / 0.18);
-  --shadow-xl: 2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 8px 10px 3px hsl(0 0% 0% / 0.18);
+	--shadow-md:
+		2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 2px 4px 3px hsl(0 0% 0% / 0.18);
+	--shadow-lg:
+		2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 4px 6px 3px hsl(0 0% 0% / 0.18);
+	--shadow-xl:
+		2px 2px 10px 4px hsl(0 0% 0% / 0.18), 2px 8px 10px 3px hsl(0 0% 0% / 0.18);
 	--shadow-2xl: 2px 2px 10px 4px hsl(0 0% 0% / 0.45);
 }
 

src/app/layout.tsx

@@ -1,11 +1,11 @@
 import type { Metadata } from "next";
 import { Geist, Magra } from "next/font/google";
 import "./globals.css";
+import Link from "next/link";
 import { ThemeProvider } from "next-themes";
 import { ModeToggle } from "@/components/mode-toggle";
 import SignIn from "@/components/sign-in";
 import { Toaster } from "@/components/ui/sonner";
-import Link from "next/link";
 
 const geist = Geist({
 	subsets: ["latin", "cyrillic"],

src/app/page.tsx

@@ -1,26 +1,25 @@
 "use client";
 
-import { useEffect, useState } from "react";
 import { nanoid } from "nanoid";
-import { useSession } from "@/lib/auth-client";
+import { useEffect, useState } from "react";
 import { toast } from "sonner";
-
+import { AIToolbar } from "@/components/ai-toolbar";
+import { DragDropContainer } from "@/components/drag-drop-container";
+import { EventActionsToolbar } from "@/components/event-actions-toolbar";
+import { EventDialog } from "@/components/event-dialog";
+import { EventsList } from "@/components/events-list";
+import { useSession } from "@/lib/auth-client";
+import { IMAGE_MIME_TYPES, MAX_IMAGE_SIZE_BYTES } from "@/lib/constants";
 import {
 	saveEvent as addEvent,
+	clearEvents,
 	deleteEvent,
 	getEvents as getAllEvents,
-	clearEvents,
 	updateEvent,
 } from "@/lib/events-db";
-import { parseICS, generateICS } from "@/lib/ical";
+import { generateICS, parseICS } from "@/lib/ical";
 import type { CalendarEvent } from "@/lib/types";
 
-import { AIToolbar } from "@/components/ai-toolbar";
-import { EventActionsToolbar } from "@/components/event-actions-toolbar";
-import { EventsList } from "@/components/events-list";
-import { EventDialog } from "@/components/event-dialog";
-import { DragDropContainer } from "@/components/drag-drop-container";
-
 const fileToBase64 = (file: File): Promise<string> =>
 	new Promise((resolve, reject) => {
 		const reader = new FileReader();
@@ -29,6 +28,16 @@ const fileToBase64 = (file: File): Promise<string> =>
 		reader.readAsDataURL(file);
 	});
 
+const validateImageFile = (file: File): string | null => {
+	if (!IMAGE_MIME_TYPES.includes(file.type)) {
+		return "Only PNG, JPEG, and WebP images are supported.";
+	}
+	if (file.size > MAX_IMAGE_SIZE_BYTES) {
+		return "Image must be less than 10MB.";
+	}
+	return null;
+};
+
 export default function HomePage() {
 	const [events, setEvents] = useState<CalendarEvent[]>([]);
 	const [dialogOpen, setDialogOpen] = useState(false);
@@ -79,6 +88,11 @@ export default function HomePage() {
 	};
 
 	const handleImageSelect = async (file: File) => {
+		const error = validateImageFile(file);
+		if (error) {
+			toast.error(error);
+			return;
+		}
 		const base64 = await fileToBase64(file);
 		setImageBase64(base64);
 		setImagePreview(URL.createObjectURL(file));
@@ -154,14 +168,33 @@ export default function HomePage() {
 		URL.revokeObjectURL(url);
 	};
 
-	// AI Create Event
+	const populateEventForm = (ev: CalendarEvent) => {
-	const handleAiCreate = async () => {
+		setTitle(ev.title || "");
-		if (!aiPrompt.trim() && !imageBase64) return;
+		setDescription(ev.description || "");
-		setAiLoading(true);
+		setLocation(ev.location || "");
+		setUrl(ev.url || "");
+		setStart(ev.start || "");
+		setEnd(ev.end || "");
+		setAllDay(ev.allDay || false);
+		setEditingId(null);
+		setRecurrenceRule(ev.recurrenceRule || undefined);
+	};
 
-		const promise = (): Promise<{ message: string }> =>
+	const persistAiEvents = async (data: CalendarEvent[]) => {
-			new Promise(async (resolve, reject) => {
+		for (const ev of data) {
-				try {
+			const newEvent: CalendarEvent = {
+				...ev,
+				id: nanoid(),
+				createdAt: new Date().toISOString(),
+				lastModified: new Date().toISOString(),
+			};
+			await addEvent(newEvent);
+		}
+		const stored = await getAllEvents();
+		setEvents(stored);
+	};
+
+	const sendAiRequest = async (): Promise<CalendarEvent[]> => {
 		const res = await fetch("/api/ai-event", {
 			method: "POST",
 			headers: { "Content-Type": "application/json" },
@@ -172,77 +205,47 @@ export default function HomePage() {
 		});
 
 		if (res.status === 401) {
-						setAiLoading(false);
+			throw new Error("Please sign in to use AI features.");
-						reject({
-							message: "Please sign in to use AI features.",
-						});
-						return;
 		}
 
 		const data = await res.json();
 
-					if (Array.isArray(data) && data.length > 0) {
+		if (!Array.isArray(data) || data.length === 0) {
+			throw new Error("AI did not return event data.");
+		}
+
+		return data;
+	};
+
+	const handleAiCreate = async () => {
+		if (!aiPrompt.trim() && !imageBase64) return;
+		setAiLoading(true);
+
+		const promise = async (): Promise<{ message: string }> => {
+			const data = await sendAiRequest();
+
 			if (data.length === 1) {
-							const ev = data[0];
+				populateEventForm(data[0]);
-							setTitle(ev.title || "");
-							setDescription(ev.description || "");
-							setLocation(ev.location || "");
-							setUrl(ev.url || "");
-							setStart(ev.start || "");
-							setEnd(ev.end || "");
-							setAllDay(ev.allDay || false);
-							setEditingId(null);
 				setAiPrompt("");
 				setDialogOpen(true);
-							setRecurrenceRule(ev.recurrenceRule || undefined);
 				handleImageClear();
-							resolve({
+				return { message: "Event has been created!" };
-								message: "Event has been created!",
-							});
-						} else {
-							for (const ev of data) {
-								const newEvent = {
-									id: nanoid(),
-									...ev,
-									createdAt: new Date().toISOString(),
-									lastModified: new Date().toISOString(),
-								};
-								await addEvent(newEvent);
 			}
-							const stored = await getAllEvents();
+
-							setEvents(stored);
+			await persistAiEvents(data);
 			setAiPrompt("");
 			setSummary(`Added ${data.length} AI-generated events.`);
 			setSummaryUpdated(new Date().toLocaleString());
 			handleImageClear();
-							resolve({
+			return { message: "Events have been created!" };
-								message: "Events have been created!",
+		};
-							});
-						}
-					} else {
-						reject({
-							message: "AI did not return event data.",
-						});
-					}
-				} catch (err) {
-					console.error(err);
-					reject({
-						message: "Error from AI service.",
-					});
-				}
-			});
 
 		toast.promise(promise, {
 			loading: "Generating event...",
-			success: ({ message }) => {
+			success: ({ message }) => message,
-				return message;
+			error: ({ message }) => message,
-			},
+			finally: () => setAiLoading(false),
-			error: ({ message }) => {
-				return message;
-			},
 		});
-
-		setAiLoading(false);
 	};
 
 	// AI Summarize Events

src/components/ai-toolbar.tsx

@@ -1,9 +1,9 @@
-import Image from "next/image";
-import { Button } from "@/components/ui/button";
-import { Textarea } from "@/components/ui/textarea";
-import { Card } from "@/components/ui/card";
-import { ImagePicker } from "@/components/image-picker";
 import { X } from "lucide-react";
+import Image from "next/image";
+import { ImagePicker } from "@/components/image-picker";
+import { Button } from "@/components/ui/button";
+import { Card } from "@/components/ui/card";
+import { Textarea } from "@/components/ui/textarea";
 
 interface AIToolbarProps {
 	isAuthenticated: boolean;
@@ -53,13 +53,14 @@ export const AIToolbar = ({
 									onChange={(e) => setAiPrompt(e.target.value)}
 								/>
 								{imagePreview && (
-									<div className="relative mt-2 inline-block">
+									<div className="relative mt-2 inline-block max-w-full overflow-hidden">
 										<Image
 											src={imagePreview}
 											alt="Attached event flyer"
 											className="h-20 rounded-md object-cover border"
 											width={80}
 											height={80}
+											unoptimized
 										/>
 										<Button
 											variant="destructive"

src/components/drag-drop-container.tsx

@@ -1,7 +1,6 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 import { toast } from "sonner";
-
+import { IMAGE_EXTENSIONS } from "@/lib/constants";
-const IMAGE_EXTENSIONS = [".png", ".jpg", ".jpeg", ".webp"];
 
 const getFileType = (file: File): "ics" | "image" | null => {
 	const name = file.name.toLowerCase();
@@ -53,7 +52,8 @@ export const DragDropContainer = ({
 	};
 
 	return (
-		<div
+		<section
+			aria-label="Drag and drop file import area"
 			onDragOver={handleDragOver}
 			onDragLeave={handleDragLeave}
 			onDrop={handleDrop}
@@ -67,6 +67,6 @@ export const DragDropContainer = ({
 					Drag & Drop *.ics or an event screenshot here
 				</div>
 			</div>
-		</div>
+		</section>
 	);
 };

src/components/event-actions-toolbar.tsx

@@ -1,5 +1,5 @@
-import { Button } from "@/components/ui/button";
 import { IcsFilePicker } from "@/components/ics-file-picker";
+import { Button } from "@/components/ui/button";
 import type { CalendarEvent } from "@/lib/types";
 
 interface EventActionsToolbarProps {

src/components/event-card.tsx

@@ -1,13 +1,13 @@
+import { Clock, LucideMapPin, MoreHorizontal } from "lucide-react";
+import { RRuleDisplay } from "@/components/rrule-display";
 import { Button } from "@/components/ui/button";
-import { Card, CardHeader, CardContent } from "@/components/ui/card";
+import { Card, CardContent, CardHeader } from "@/components/ui/card";
-import { LucideMapPin, Clock, MoreHorizontal } from "lucide-react";
 import {
 	DropdownMenu,
 	DropdownMenuContent,
-	DropdownMenuTrigger,
 	DropdownMenuItem,
+	DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { RRuleDisplay } from "@/components/rrule-display";
 import type { CalendarEvent } from "@/lib/types";
 
 interface EventCardProps {

src/components/event-dialog.tsx

@@ -1,3 +1,4 @@
+import { RecurrencePicker } from "@/components/recurrence-picker";
 import { Button } from "@/components/ui/button";
 import {
 	Dialog,
@@ -7,7 +8,6 @@ import {
 	DialogTitle,
 } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
-import { RecurrencePicker } from "@/components/recurrence-picker";
 
 interface EventDialogProps {
 	open: boolean;

src/components/events-list.tsx

@@ -1,6 +1,6 @@
 import { Calendar1Icon } from "lucide-react";
-import { EventCard } from "./event-card";
 import type { CalendarEvent } from "@/lib/types";
+import { EventCard } from "./event-card";
 
 interface EventsListProps {
 	events: CalendarEvent[];

src/components/ics-file-picker.tsx

@@ -1,10 +1,9 @@
 "use client";
 
+import { Calendar } from "lucide-react";
 import type React from "react";
-
 import { useRef } from "react";
 import { Button } from "@/components/ui/button";
-import { Calendar } from "lucide-react";
 
 interface IcsFilePickerProps {
 	onFileSelect?: (file: File) => void;
@@ -48,7 +47,6 @@ export function IcsFilePicker({
 				accept=".ics"
 				onChange={handleFileChange}
 				className="hidden"
-				aria-hidden="true"
 			/>
 			<Button
 				onClick={handleButtonClick}

src/components/image-picker.tsx

@@ -1,22 +1,15 @@
 "use client";
 
+import type { VariantProps } from "class-variance-authority";
+import { ImageIcon } from "lucide-react";
 import type React from "react";
 import { useRef } from "react";
-import { Button } from "@/components/ui/button";
+import { Button, type buttonVariants } from "@/components/ui/button";
-import { ImageIcon } from "lucide-react";
 
-interface ImagePickerProps {
+interface ImagePickerProps extends VariantProps<typeof buttonVariants> {
 	onFileSelect?: (file: File) => void;
 	className?: string;
 	children?: React.ReactNode;
-	variant?:
-		| "default"
-		| "destructive"
-		| "outline"
-		| "secondary"
-		| "ghost"
-		| "link";
-	size?: "default" | "sm" | "lg" | "icon";
 	disabled?: boolean;
 }
 

src/components/mode-toggle.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
+import { Monitor, Moon, Sun } from "lucide-react";
-import { Moon, Sun, Monitor } from "lucide-react";
 import { useTheme } from "next-themes";
+import * as React from "react";
 
 import { Button } from "@/components/ui/button";
 import {

src/components/recurrence-picker.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useState } from "react";
+import { Checkbox } from "@/components/ui/checkbox";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import {
@@ -10,7 +11,6 @@ import {
 	SelectTrigger,
 	SelectValue,
 } from "@/components/ui/select";
-import { Checkbox } from "@/components/ui/checkbox";
 
 type Recurrence = {
 	freq: "NONE" | "DAILY" | "WEEKLY" | "MONTHLY";

src/components/rrule-display.tsx

@@ -41,8 +41,8 @@ export function RRuleDisplayDetailed({
 
 				{showBadges && details.length > 0 && (
 					<div className="flex flex-wrap gap-1">
-						{details.map((detail, index) => (
+						{details.map((detail) => (
-							<Badge key={index} variant="outline" className="text-xs">
+							<Badge key={detail} variant="outline" className="text-xs">
 								{detail}
 							</Badge>
 						))}
@@ -159,7 +159,7 @@ function formatRRuleToHuman(rule: RecurrenceRule): string {
 				const [, num, dayCode] = match;
 				const dayName = dayNames[dayCode as keyof typeof dayNames];
 				if (num) {
-					const ordinal = getOrdinal(parseInt(num));
+					const ordinal = getOrdinal(parseInt(num, 10));
 					return `${ordinal} ${dayName}`;
 				}
 				return dayName;

src/components/sign-in.tsx

@@ -1,9 +1,9 @@
 "use client";
 
-import { signOut, useSession } from "@/lib/auth-client";
-import { Button } from "@/components/ui/button";
 import { useRouter } from "next/navigation";
 import { toast } from "sonner";
+import { Button } from "@/components/ui/button";
+import { signOut, useSession } from "@/lib/auth-client";
 
 export default function SignIn() {
 	const { data: session, isPending } = useSession();
@@ -13,7 +13,7 @@ export default function SignIn() {
 		try {
 			await signOut();
 			router.push("/");
-		} catch (_error) {
+		} catch {
 			toast.error("Failed to sign out. Please try again.");
 		}
 	};

src/components/theme-provider.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import { ThemeProvider as NextThemesProvider } from "next-themes";
+import type * as React from "react";
 
 export function ThemeProvider({
 	children,

src/components/ui/badge.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 

src/components/ui/button.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 

src/components/ui/calendar.tsx

@@ -1,15 +1,18 @@
 "use client";
 
-import * as React from "react";
 import {
 	ChevronDownIcon,
 	ChevronLeftIcon,
 	ChevronRightIcon,
 } from "lucide-react";
-import { DayButton, DayPicker, getDefaultClassNames } from "react-day-picker";
+import * as React from "react";
-
+import {
-import { cn } from "@/lib/utils";
+	type DayButton,
+	DayPicker,
+	getDefaultClassNames,
+} from "react-day-picker";
 import { Button, buttonVariants } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
 
 function Calendar({
 	className,

src/components/ui/card.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 
@@ -83,10 +83,10 @@ function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
 
 export {
 	Card,
-	CardHeader,
-	CardFooter,
-	CardTitle,
 	CardAction,
-	CardDescription,
 	CardContent,
+	CardDescription,
+	CardFooter,
+	CardHeader,
+	CardTitle,
 };

src/components/ui/checkbox.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { CheckIcon } from "lucide-react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 

src/components/ui/dialog.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 

src/components/ui/dropdown-menu.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 
@@ -240,18 +240,18 @@ function DropdownMenuSubContent({
 
 export {
 	DropdownMenu,
-	DropdownMenuPortal,
+	DropdownMenuCheckboxItem,
-	DropdownMenuTrigger,
 	DropdownMenuContent,
 	DropdownMenuGroup,
-	DropdownMenuLabel,
 	DropdownMenuItem,
-	DropdownMenuCheckboxItem,
+	DropdownMenuLabel,
+	DropdownMenuPortal,
 	DropdownMenuRadioGroup,
 	DropdownMenuRadioItem,
 	DropdownMenuSeparator,
 	DropdownMenuShortcut,
 	DropdownMenuSub,
-	DropdownMenuSubTrigger,
 	DropdownMenuSubContent,
+	DropdownMenuSubTrigger,
+	DropdownMenuTrigger,
 };

src/components/ui/input.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 

src/components/ui/label.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 

src/components/ui/select.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 

src/components/ui/sonner.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useTheme } from "next-themes";
-import { Toaster as Sonner, ToasterProps } from "sonner";
+import { Toaster as Sonner, type ToasterProps } from "sonner";
 
 const Toaster = ({ ...props }: ToasterProps) => {
 	const { theme = "system" } = useTheme();

src/components/ui/textarea.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 

src/css.d.ts

@@ -0,0 +1,4 @@
+declare module "*.css" {
+	const content: Record<string, string>;
+	export default content;
+}

src/db/index.ts

@@ -2,7 +2,11 @@ import { drizzle } from "drizzle-orm/postgres-js";
 import postgres from "postgres";
 import * as schema from "./schema";
 
-const connectionString = process.env.DATABASE_URL!;
+const connectionString = process.env.DATABASE_URL;
+
+if (!connectionString) {
+	throw new Error("DATABASE_URL environment variable is required");
+}
 
 const client = postgres(connectionString, {
 	prepare: false,

src/db/schema.ts

@@ -1,4 +1,4 @@
-import { pgTable, text, timestamp, boolean } from "drizzle-orm/pg-core";
+import { boolean, pgTable, text, timestamp } from "drizzle-orm/pg-core";
 
 export const user = pgTable("user", {
 	id: text("id").primaryKey(),

src/lib/auth-client.ts

@@ -1,5 +1,5 @@
-import { createAuthClient } from "better-auth/react";
 import { genericOAuthClient } from "better-auth/client/plugins";
+import { createAuthClient } from "better-auth/react";
 
 export const authClient = createAuthClient({
 	plugins: [genericOAuthClient()],

src/lib/constants.ts

@@ -0,0 +1,9 @@
+/** Shared constants for image handling across the app. */
+
+export const IMAGE_EXTENSIONS = [".png", ".jpg", ".jpeg", ".webp"];
+
+export const IMAGE_MIME_TYPES = ["image/png", "image/jpeg", "image/webp"];
+
+export const IMAGE_ACCEPT = IMAGE_MIME_TYPES.join(",");
+
+export const MAX_IMAGE_SIZE_BYTES = 10 * 1024 * 1024; // 10MB

src/lib/events-db.ts

@@ -1,4 +1,4 @@
-import { openDB, type IDBPDatabase } from "idb";
+import { type IDBPDatabase, openDB } from "idb";
 import type { CalendarEvent } from "@/lib/types";
 
 const DB_NAME = "LocalCalEvents";

src/lib/ical.ts

@@ -1,12 +1,12 @@
 import ICAL from "ical.js";
 import type { CalendarEvent } from "@/lib/types";
 import {
-	isRecur,
-	isTime,
-	isUtcOffset,
 	isBinary,
 	isDuration,
 	isPeriod,
+	isRecur,
+	isTime,
+	isUtcOffset,
 } from "./ical-helpers";
 
 function safeValueToString(

src/lib/json-utils.ts

@@ -0,0 +1,19 @@
+/**
+ * Extract JSON from text that may contain prose, markdown code blocks, or raw JSON.
+ * Pure function — same input = same output, no side effects.
+ */
+export const extractJsonFromText = (text: string): unknown => {
+	try {
+		return JSON.parse(text);
+	} catch {
+		const codeBlockMatch = text.match(/```(?:json)?\s*([\s\S]*?)```/);
+		if (codeBlockMatch) {
+			return JSON.parse(codeBlockMatch[1].trim());
+		}
+		const arrayMatch = text.match(/\[[\s\S]*\]/);
+		if (arrayMatch) {
+			return JSON.parse(arrayMatch[0]);
+		}
+		throw new Error("No JSON found in response");
+	}
+};

src/lib/types.ts

@@ -1,12 +1,26 @@
 import { z } from "zod";
+import { MAX_IMAGE_SIZE_BYTES } from "@/lib/constants";
+
+/** Validates that a base64 data URL string decodes to binary under the max size. */
+const isValidImageSize = (val: string | undefined): boolean => {
+	if (!val) return true;
+	const base64Part = val.split(",")[1] ?? "";
+	const binarySize = Math.ceil(base64Part.length * 0.75);
+	return binarySize <= MAX_IMAGE_SIZE_BYTES;
+};
 
 export const AiEventRequestSchema = z
 	.object({
 		prompt: z.string().trim().max(2000).optional(),
 		imageBase64: z
 			.string()
-			.startsWith("data:", "Must be a valid data URL")
+			.regex(
-			.max(10 * 1024 * 1024 * 1.37, "Image must be less than 10MB")
+				/^data:image\/(png|jpeg|webp);base64,/,
+				"Must be a valid image data URL (PNG, JPEG, or WebP)",
+			)
+			.refine(isValidImageSize, {
+				message: "Image must be less than 10MB",
+			})
 			.optional(),
 	})
 	.refine((data) => data.prompt || data.imageBase64, {
@@ -21,25 +35,18 @@ export const AiEventResponseItemSchema = z.object({
 	description: z.string().optional(),
 	location: z.string().optional(),
 	url: z.string().optional(),
-	start: z.string(),
+	start: z.string().datetime({ offset: true }),
-	end: z.string().optional(),
+	end: z.string().datetime({ offset: true }).optional(),
 	allDay: z.boolean().optional(),
 	recurrenceRule: z.string().optional(),
 });
 
 export const AiEventResponseSchema = z.array(AiEventResponseItemSchema);
 
-export type CalendarEvent = {
+export type AiEventResponseItem = z.infer<typeof AiEventResponseItemSchema>;
+
+export type CalendarEvent = AiEventResponseItem & {
 	id: string;
-	title: string;
-	description?: string;
-	location?: string;
-	url?: string;
-	start: string;
-	end?: string;
-	allDay?: boolean;
 	createdAt?: string;
 	lastModified?: string;
-
-	recurrenceRule?: string;
 };

src/lib/utils.ts

@@ -1,4 +1,4 @@
-import { clsx, type ClassValue } from "clsx";
+import { type ClassValue, clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {