@knotpad/app 0.1.0 → 0.1.2

package/bin/brief.js

@@ -7,12 +7,13 @@
  *
  * What it does:
  *  1. Checks Node version
- *  2. Finds or creates a .env file in the current directory
- *  3. Generates NEXTAUTH_SECRET / MCP_SECRET if not present
- *  4. Starts the Next.js server on port 3099
+ *  2. Downloads/clones the Knotpad source code if not present
+ *  3. Finds or creates a .env file in the current directory
+ *  4. Generates NEXTAUTH_SECRET / MCP_SECRET if not present
+ *  5. Starts the Next.js server on port 3099
  *     → PGlite (embedded local DB) bootstraps automatically at startup
  *       via instrumentation.tsx → lib/prisma.ts + lib/db-init.ts
- *  5. Opens an app-mode window (Chrome/Edge — no address bar) or falls back to browser
+ *  6. Opens an app-mode window (Chrome/Edge — no address bar) or falls back to browser
  */
 
 "use strict";
@@ -21,6 +22,7 @@ const { execSync, spawn } = require("child_process");
 const fs   = require("fs");
 const path = require("path");
 const { randomBytes } = require("crypto");
+const https = require("https");
 
 // ── Helpers ────────────────────────────────────────────────────────────────────
 
@@ -40,6 +42,67 @@ function openBrowser(url) {
   try { execSync(cmd, { stdio: "ignore" }); } catch {}
 }
 
+// ── Download source code ──────────────────────────────────────────────────────────
+
+async function downloadSource() {
+  const INSTALL_DIR = path.join(WORK_DIR, ".brief", "app");
+  
+  if (fs.existsSync(INSTALL_DIR)) {
+    log("Knotpad source already installed");
+    return INSTALL_DIR;
+  }
+
+  log("Downloading Knotpad source (this may take a minute)…");
+  fs.mkdirSync(path.dirname(INSTALL_DIR), { recursive: true });
+
+  try {
+    // Try git clone first (faster and more reliable)
+    execSync(`git clone --depth 1 https://github.com/knotpad/brief.git "${INSTALL_DIR}"`, { 
+      stdio: "inherit",
+      cwd: path.dirname(INSTALL_DIR)
+    });
+    ok("Source downloaded via git");
+    return INSTALL_DIR;
+  } catch (e) {
+    // Fallback: download zip from GitHub
+    log("Git not available, downloading zip…");
+    const zipPath = path.join(path.dirname(INSTALL_DIR), "brief.zip");
+    
+    await new Promise((resolve, reject) => {
+      const file = fs.createWriteStream(zipPath);
+      https.get("https://github.com/knotpad/brief/archive/refs/heads/main.zip", (response) => {
+        response.pipe(file);
+        file.on("finish", () => {
+          file.close();
+          log("Extracting…");
+          try {
+            if (process.platform === "win32") {
+              execSync(`tar -xf "${zipPath}" -C "${path.dirname(INSTALL_DIR)}"`, { stdio: "inherit" });
+            } else {
+              execSync(`unzip -q "${zipPath}" -d "${path.dirname(INSTALL_DIR)}"`, { stdio: "inherit" });
+            }
+            fs.unlinkSync(zipPath);
+            // Move the extracted folder to the expected location
+            const extractedDir = path.join(path.dirname(INSTALL_DIR), "brief-main");
+            if (fs.existsSync(extractedDir)) {
+              fs.renameSync(extractedDir, INSTALL_DIR);
+            }
+            ok("Source downloaded and extracted");
+            resolve();
+          } catch (err) {
+            reject(err);
+          }
+        });
+      }).on("error", (err) => {
+        if (fs.existsSync(zipPath)) fs.unlinkSync(zipPath);
+        reject(err);
+      });
+    });
+    
+    return INSTALL_DIR;
+  }
+}
+
 // ── Chrome / Edge app-mode detection ──────────────────────────────────────────
 
 /**
@@ -131,94 +194,118 @@ function openAppWindow(url) {
 const [major] = process.versions.node.split(".").map(Number);
 if (major < 18) die(`Node 18+ required (you have ${process.versions.node}). Install from https://nodejs.org`);
 
-// ── 2. .env setup ──────────────────────────────────────────────────────────────
+// ── 2. Download source ───────────────────────────────────────────────────────────
 
-const PKG_DIR  = path.resolve(__dirname, "..");
 const WORK_DIR = process.cwd();
-const ENV_PATH = path.join(WORK_DIR, ".env");
-
-let env = {};
-if (fs.existsSync(ENV_PATH)) {
-  const raw = fs.readFileSync(ENV_PATH, "utf8");
-  for (const line of raw.split(/\r?\n/)) {
-    const m = /^([A-Z_][A-Z0-9_]*)=(.*)$/.exec(line.trim());
-    if (m) env[m[1]] = m[2].replace(/^["']|["']$/g, "");
+let PKG_DIR;
+
+async function main() {
+  PKG_DIR = await downloadSource();
+
+  // ── 3. Install dependencies ─────────────────────────────────────────────────────
+
+  const NODE_MODULES = path.join(PKG_DIR, "node_modules");
+  if (!fs.existsSync(NODE_MODULES)) {
+    log("Installing dependencies (this may take a minute)…");
+    try {
+      execSync("npm install", { cwd: PKG_DIR, stdio: "inherit" });
+      ok("Dependencies installed");
+    } catch (e) {
+      die("Failed to install dependencies. Please run manually: cd .brief/app && npm install");
+    }
   }
-  log(".env found, loading existing config");
-} else {
-  log("Creating .env with defaults…");
-}
 
-// Fill defaults — no DATABASE_URL needed; PGlite handles local storage automatically
-// Port 3099 avoids clashing with dev servers (3000) commonly running alongside.
-const defaults = {
-  NEXTAUTH_SECRET:     genSecret(),
-  NEXTAUTH_URL:        "http://localhost:3099",
-  MCP_SECRET:          genSecret(),
-  ENCRYPTION_PEPPER:   genSecret(),
-  NEXT_PUBLIC_APP_URL: "http://localhost:3099",
-  NEXT_PUBLIC_MCP_URL: "http://localhost:3099/mcp",
-  IS_CLOUD:            "false",
-  CRON_SECRET:         genSecret(16),
-};
-
-let changed = false;
-for (const [k, v] of Object.entries(defaults)) {
-  if (!env[k]) { env[k] = v; changed = true; }
-}
+  // ── 4. .env setup ──────────────────────────────────────────────────────────────
 
-if (changed) {
-  const lines = Object.entries(env).map(([k, v]) => `${k}="${v}"`).join("\n");
-  fs.writeFileSync(ENV_PATH, lines + "\n", "utf8");
-  ok(".env written");
-}
+  const ENV_PATH = path.join(WORK_DIR, ".env");
 
-// Apply env for this process
-for (const [k, v] of Object.entries(env)) {
-  process.env[k] = v;
-}
+  let env = {};
+  if (fs.existsSync(ENV_PATH)) {
+    const raw = fs.readFileSync(ENV_PATH, "utf8");
+    for (const line of raw.split(/\r?\n/)) {
+      const m = /^([A-Z_][A-Z0-9_]*)=(.*)$/.exec(line.trim());
+      if (m) env[m[1]] = m[2].replace(/^["']|["']$/g, "");
+    }
+    log(".env found, loading existing config");
+  } else {
+    log("Creating .env with defaults…");
+  }
 
-// ── 3. Build (if not already built) ───────────────────────────────────────────
+  // Fill defaults — no DATABASE_URL needed; PGlite handles local storage automatically
+  // Port 3099 avoids clashing with dev servers (3000) commonly running alongside.
+  const defaults = {
+    NEXTAUTH_SECRET:     genSecret(),
+    NEXTAUTH_URL:        "http://localhost:3099",
+    MCP_SECRET:          genSecret(),
+    ENCRYPTION_PEPPER:   genSecret(),
+    NEXT_PUBLIC_APP_URL: "http://localhost:3099",
+    NEXT_PUBLIC_MCP_URL: "http://localhost:3099/mcp",
+    IS_CLOUD:            "false",
+    CRON_SECRET:         genSecret(16),
+  };
+
+  let changed = false;
+  for (const [k, v] of Object.entries(defaults)) {
+    if (!env[k]) { env[k] = v; changed = true; }
+  }
 
-// BUILD_ID is only written after a successful build — a leftover .next/ from a
-// failed build won't have it, so we correctly re-run in that case.
-const BUILD_ID = path.join(PKG_DIR, ".next", "BUILD_ID");
-if (!fs.existsSync(BUILD_ID)) {
-  log("Building Knotpad (first run — takes ~30 seconds)…");
-  try {
-    execSync("npx next build", { cwd: PKG_DIR, stdio: "inherit", env: process.env });
-    ok("Build complete");
-  } catch {
-    die("Build failed. Run `npx @knotpad/app` again after fixing any errors.");
+  if (changed) {
+    const lines = Object.entries(env).map(([k, v]) => `${k}="${v}"`).join("\n");
+    fs.writeFileSync(ENV_PATH, lines + "\n", "utf8");
+    ok(".env written");
   }
-}
 
-// ── 4. Start server ────────────────────────────────────────────────────────────
+  // Apply env for this process
+  for (const [k, v] of Object.entries(env)) {
+    process.env[k] = v;
+  }
+
+  // ── 5. Build (if not already built) ───────────────────────────────────────────
+
+  // BUILD_ID is only written after a successful build — a leftover .next/ from a
+  // failed build won't have it, so we correctly re-run in that case.
+  const BUILD_ID = path.join(PKG_DIR, ".next", "BUILD_ID");
+  if (!fs.existsSync(BUILD_ID)) {
+    log("Building Knotpad (first run — takes ~30 seconds)…");
+    try {
+      execSync("npx next build", { cwd: PKG_DIR, stdio: "inherit", env: process.env });
+      ok("Build complete");
+    } catch {
+      die("Build failed. Run `npx @knotpad/app` again after fixing any errors.");
+    }
+  }
 
-// Pre-create PGlite data directory so the app can open it immediately at startup
-fs.mkdirSync(path.join(WORK_DIR, ".brief", "db"), { recursive: true });
+  // ── 6. Start server ────────────────────────────────────────────────────────────
 
-const PORT = parseInt(process.env.PORT ?? "3099", 10);
-const URL  = `http://localhost:${PORT}`;
+  // Pre-create PGlite data directory so the app can open it immediately at startup
+  fs.mkdirSync(path.join(WORK_DIR, ".brief", "db"), { recursive: true });
 
-ok(`\nStarting Knotpad on ${URL}\n`);
-process.stdout.write(`  ${"\x1b[2m"}Ctrl+C to stop${"\x1b[0m"}\n\n`);
+  const PORT = parseInt(process.env.PORT ?? "3099", 10);
+  const URL  = `http://localhost:${PORT}`;
 
-const NEXT_BIN = path.join(PKG_DIR, "node_modules", "next", "dist", "bin", "next");
-const server = spawn(process.execPath, [NEXT_BIN, "start", "--port", String(PORT)], {
-  cwd: PKG_DIR,
-  stdio: "inherit",
-  env: process.env,
-});
+  ok(`\nStarting Knotpad on ${URL}\n`);
+  process.stdout.write(`  ${"\x1b[2m"}Ctrl+C to stop${"\x1b[0m"}\n\n`);
 
-server.on("error", (e) => die(`Failed to start server: ${e.message}`));
-server.on("exit", (code) => {
-  if (code !== 0 && code !== null) die(`Server exited with code ${code}`);
-});
+  const NEXT_BIN = path.join(PKG_DIR, "node_modules", "next", "dist", "bin", "next");
+  const server = spawn(process.execPath, [NEXT_BIN, "start", "--port", String(PORT)], {
+    cwd: PKG_DIR,
+    stdio: "inherit",
+    env: process.env,
+  });
 
-// Open in app-mode Chrome/Edge window (falls back to browser if not found)
-setTimeout(() => openAppWindow(URL), 1500);
+  server.on("error", (e) => die(`Failed to start server: ${e.message}`));
+  server.on("exit", (code) => {
+    if (code !== 0 && code !== null) die(`Server exited with code ${code}`);
+  });
 
-// Graceful exit
-process.on("SIGINT",  () => { server.kill("SIGINT");  process.exit(0); });
-process.on("SIGTERM", () => { server.kill("SIGTERM"); process.exit(0); });
+  // Open in app-mode Chrome/Edge window (falls back to browser if not found)
+  setTimeout(() => openAppWindow(URL), 1500);
+
+  // Graceful exit
+  process.on("SIGINT",  () => { server.kill("SIGINT");  process.exit(0); });
+  process.on("SIGTERM", () => { server.kill("SIGTERM"); process.exit(0); });
+}
+
+main().catch((err) => {
+  die(`Error: ${err.message}`);
+});

package/package.json

@@ -1,99 +1,19 @@
 {
   "name": "@knotpad/app",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Note-first project management with AI agent task routing",
   "bin": {
-    "knotpad": "./bin/brief.js"
+    "knotpad": "bin/brief.js"
   },
   "main": "dist-electron/main.js",
   "files": [
     "package.json",
-    "next.config.ts",
-    "app",
-    "components",
-    "lib",
-    "prisma",
-    "public",
-    "bin",
-    "electron",
-    "auth.ts",
-    "auth.config.ts",
-    "middleware.ts",
-    "tailwind.config.ts",
-    "tsconfig.json",
-    "postcss.config.mjs",
-    "instrumentation.tsx"
+    "bin"
   ],
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "dev": "next dev",
-    "build": "prisma generate && next build",
-    "start": "next start",
-    "lint": "eslint",
-    "test": "vitest run",
-    "postinstall": "prisma generate",
-    "electron:dev": "rimraf dist-electron && tsc --project tsconfig.electron.json && electron . --dev",
-    "electron:build": "rimraf dist && rimraf dist-electron && tsc --project tsconfig.electron.json && electron-builder",
-    "electron:build:win": "rimraf dist && rimraf dist-electron && tsc --project tsconfig.electron.json && electron-builder --win",
-    "electron:build:linux": "rimraf dist && rimraf dist-electron && tsc --project tsconfig.electron.json && electron-builder --linux",
-    "electron:build:mac": "rimraf dist && rimraf dist-electron && tsc --project tsconfig.electron.json && electron-builder --mac"
-  },
-  "dependencies": {
-    "@auth/prisma-adapter": "^2.11.2",
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/sortable": "^10.0.0",
-    "@dnd-kit/utilities": "^3.2.2",
-    "@electric-sql/pglite": "^0.4.1",
-    "@neondatabase/serverless": "^1.1.0",
-    "@prisma/adapter-neon": "^7.8.0",
-    "@prisma/adapter-pg": "^7.8.0",
-    "@stripe/react-stripe-js": "^6.3.0",
-    "@stripe/stripe-js": "^9.5.0",
-    "bcryptjs": "^3.0.3",
-    "d3": "^7.9.0",
-    "date-holidays": "^3.30.2",
-    "dotenv": "^17.4.2",
-    "fflate": "^0.8.3",
-    "jose": "^6.2.3",
-    "lucide-react": "^1.16.0",
-    "next": "16.2.6",
-    "next-auth": "^5.0.0-beta.31",
-    "node-ical": "^0.26.1",
-    "pg": "^8.20.0",
-    "pglite-prisma-adapter": "^0.7.2",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
-    "react-markdown": "^10.1.0",
-    "remark-gfm": "^4.0.1",
-    "stripe": "^22.1.1",
-    "zod": "^4.4.3"
-  },
-  "devDependencies": {
-    "@prisma/client": "^7.8.0",
-    "@tailwindcss/postcss": "^4",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/bcryptjs": "^2.4.6",
-    "@types/d3": "^7.4.3",
-    "@types/node": "^20",
-    "@types/pg": "^8.20.0",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "concurrently": "^10.0.3",
-    "electron": "^42.3.3",
-    "electron-builder": "^26.15.2",
-    "electron-updater": "^6.8.9",
-    "eslint": "^9",
-    "eslint-config-next": "16.2.6",
-    "jsdom": "^29.1.1",
-    "prisma": "^7.8.0",
-    "rimraf": "^6.1.3",
-    "tailwindcss": "^4",
-    "typescript": "^5",
-    "vitest": "^4.1.7",
-    "wait-on": "^9.0.10"
-  }
+  "scripts": {},
+  "dependencies": {},
+  "devDependencies": {}
 }

package/app/(app)/calendar/page.tsx

@@ -1,57 +0,0 @@
-import { auth } from "@/auth";
-import { redirect } from "next/navigation";
-import { prisma } from "@/lib/prisma";
-import { getActiveWorkspaceId } from "@/lib/workspace";
-import { CalendarView } from "@/components/calendar/calendar-view";
-
-export default async function CalendarPage({
-  searchParams,
-}: {
-  searchParams: Promise<{ note?: string; month?: string; folder?: string }>;
-}) {
-  const session = await auth();
-  if (!session) redirect("/login");
-
-  const { note: filterNoteId, month, folder: filterFolderId } = await searchParams;
-
-  const workspaceId = await getActiveWorkspaceId(session.user.id);
-  if (!workspaceId) redirect("/login");
-
-  const tasks = await prisma.task.findMany({
-    where: {
-      workspaceId,
-      ...(filterNoteId ? { noteId: filterNoteId } : {}),
-      ...(filterFolderId && { note: { folderId: filterFolderId } }),
-      status: { not: "DONE" },
-    },
-    orderBy: { dueDate: "asc" },
-    include: {
-      note: { select: { id: true, title: true } },
-      assignee: { select: { id: true, name: true } },
-    },
-  });
-
-  const serialized = tasks.map((t) => ({
-    id: t.id,
-    title: t.title,
-    status: t.status,
-    startDate: t.startDate?.toISOString() ?? null,
-    dueDate: t.dueDate?.toISOString() ?? null,
-    noteId: t.noteId,
-    noteTitle: t.note.title,
-    assigneeName: t.assignee?.name ?? null,
-    assigneeType: t.assigneeType,
-    claimedByAlias: t.claimedByAlias,
-  }));
-
-  return (
-    <div className="flex flex-1 flex-col overflow-hidden">
-      <div className="border-b border-zinc-800 px-6 py-3">
-        <h1 className="text-sm font-semibold text-zinc-300">
-          {filterFolderId ? "Filtered tasks" : "Calendar"}
-        </h1>
-      </div>
-      <CalendarView tasks={serialized} initialMonth={month} filterNoteId={filterNoteId} filterFolderId={filterFolderId} />
-    </div>
-  );
-}

package/app/(app)/error.tsx

@@ -1,35 +0,0 @@
-"use client";
-
-import { useEffect } from "react";
-import { AlertTriangle } from "lucide-react";
-
-export default function Error({
-  error,
-  reset,
-}: {
-  error: Error & { digest?: string };
-  reset: () => void;
-}) {
-  useEffect(() => {
-    // Surfaces in the server/console; hook a real error tracker here later.
-    console.error(error);
-  }, [error]);
-
-  return (
-    <div className="flex flex-1 flex-col items-center justify-center gap-4 p-8 text-center">
-      <AlertTriangle size={28} className="text-amber-500" />
-      <div className="space-y-1">
-        <p className="text-sm font-medium text-zinc-300">Something went wrong</p>
-        <p className="max-w-sm text-xs text-zinc-600">
-          This view failed to load. You can retry, or head back to your notes.
-        </p>
-      </div>
-      <button
-        onClick={reset}
-        className="rounded-md border border-zinc-700 px-3 py-1.5 text-sm text-zinc-300 transition-colors ring-focus hover:bg-zinc-800 hover:text-zinc-100"
-      >
-        Try again
-      </button>
-    </div>
-  );
-}

package/app/(app)/graph/page.tsx

@@ -1,32 +0,0 @@
-import { auth } from "@/auth";
-import { redirect } from "next/navigation";
-import { prisma } from "@/lib/prisma";
-import { GraphPage } from "@/components/graph/graph-page";
-
-export default async function GraphRoute({
-  searchParams,
-}: {
-  searchParams: Promise<{ notes?: string }>;
-}) {
-  const session = await auth();
-  if (!session) redirect("/login");
-
-  const { notes: notesParam } = await searchParams;
-  const selectedNoteIds = notesParam ? notesParam.split(",").filter(Boolean) : [];
-
-  return (
-    <div className="flex flex-1 flex-col overflow-hidden">
-      <div className="border-b border-zinc-800 px-6 py-3">
-        <h1 className="text-sm font-semibold text-zinc-300">
-          Graph
-          {selectedNoteIds.length > 0 && (
-            <span className="ml-2 text-xs font-normal text-zinc-500">
-              — {selectedNoteIds.length} note{selectedNoteIds.length > 1 ? "s" : ""} selected
-            </span>
-          )}
-        </h1>
-      </div>
-      <GraphPage selectedNoteIds={selectedNoteIds} />
-    </div>
-  );
-}

package/app/(app)/guide/page.tsx

@@ -1,21 +0,0 @@
-import { auth } from "@/auth";
-import { redirect } from "next/navigation";
-import { GuideView } from "@/components/guide/guide-view";
-
-export const metadata = {
-  title: "User Guide - Knotpad",
-};
-
-export default async function GuidePage() {
-  const session = await auth();
-  if (!session) redirect("/login");
-
-  return (
-    <div className="flex flex-1 flex-col overflow-hidden">
-      <div className="border-b border-zinc-800 px-6 py-3">
-        <h1 className="text-sm font-semibold text-zinc-300">User Guide</h1>
-      </div>
-      <GuideView />
-    </div>
-  );
-}

package/app/(app)/kanban/loading.tsx

@@ -1,24 +0,0 @@
-import { Skeleton } from "@/components/ui/skeleton";
-
-export default function KanbanLoading() {
-  return (
-    <div className="flex flex-1 flex-col overflow-hidden">
-      <div className="border-b border-zinc-800 px-6 py-3">
-        <Skeleton className="h-4 w-20" />
-      </div>
-      <div className="flex flex-1 flex-col gap-3 overflow-hidden p-3 md:flex-row md:p-4">
-        {[0, 1, 2].map((c) => (
-          <div
-            key={c}
-            className="flex w-full shrink-0 flex-col gap-2 rounded-lg border border-zinc-800 bg-zinc-900/40 p-2 md:w-64"
-          >
-            <Skeleton className="mb-1 h-4 w-24" />
-            {[0, 1, 2].map((card) => (
-              <Skeleton key={card} className="h-14 w-full" />
-            ))}
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}

package/app/(app)/kanban/page.tsx

@@ -1,59 +0,0 @@
-import { auth } from "@/auth";
-import { redirect } from "next/navigation";
-import { prisma } from "@/lib/prisma";
-import { getActiveWorkspaceId } from "@/lib/workspace";
-import { KanbanBoard } from "@/components/kanban/kanban-board";
-
-export default async function KanbanPage({
-  searchParams,
-}: {
-  searchParams: Promise<{ note?: string; folder?: string }>;
-}) {
-  const session = await auth();
-  if (!session) redirect("/login");
-
-  const { note: filterNoteId, folder: filterFolderId } = await searchParams;
-
-  const workspaceId = await getActiveWorkspaceId(session.user.id);
-  if (!workspaceId) redirect("/login");
-
-  const tasks = await prisma.task.findMany({
-    where: {
-      workspaceId,
-      ...(filterNoteId && { noteId: filterNoteId }),
-      ...(filterFolderId && { note: { folderId: filterFolderId } }),
-    },
-    orderBy: { createdAt: "asc" },
-    include: {
-      note: { select: { id: true, title: true, folder: { select: { id: true, name: true } } } },
-      assignee: { select: { id: true, name: true, email: true } },
-    },
-  });
-
-  // Serialize dates for the client component
-  const serialized = tasks.map((t) => ({
-    id: t.id,
-    title: t.title,
-    status: t.status,
-    claimedBy: t.claimedBy,
-    claimedByAlias: t.claimedByAlias,
-    lastHeartbeat: t.lastHeartbeat?.toISOString() ?? null,
-    assigneeType: t.assigneeType,
-    assignee: t.assignee,
-    note: t.note,
-    dueDate: t.dueDate?.toISOString() ?? null,
-  }));
-
-  return (
-    <div className="flex flex-1 flex-col overflow-hidden">
-      <div className="border-b border-zinc-800 px-6 py-3">
-        <h1 className="text-sm font-semibold text-zinc-300">
-          {filterNoteId || filterFolderId ? "Filtered tasks" : "Kanban"}
-        </h1>
-      </div>
-      <div className="flex-1 overflow-hidden">
-        <KanbanBoard tasks={serialized} filterNoteId={filterNoteId} filterFolderId={filterFolderId} />
-      </div>
-    </div>
-  );
-}