@knotpad/app 0.1.0 → 0.1.2

package/app/(app)/layout.tsx

@@ -1,122 +0,0 @@
-import { auth } from "@/auth";
-import { redirect } from "next/navigation";
-import { prisma } from "@/lib/prisma";
-import { IconBar } from "@/components/layout/icon-bar";
-import { NotesPanel } from "@/components/layout/notes-panel";
-import { ProBanner } from "@/components/layout/pro-banner";
-import { AppShell } from "@/components/layout/app-shell";
-import { PaywallScreen } from "@/components/layout/paywall-screen";
-import { SessionProvider } from "next-auth/react";
-import { getActiveWorkspaceId, listUserWorkspaces } from "@/lib/workspace";
-import { getKanbanStatuses } from "@/lib/kanban-status";
-import { isWorkspacePro } from "@/lib/license";
-import { KanbanStatusProvider } from "@/components/kanban/kanban-status-context";
-import { CommandPaletteProvider } from "@/components/command/command-palette";
-import { BackupScheduler } from "@/components/layout/backup-scheduler";
-
-// Cap the shell's eager note/task fetch so navigation stays fast at scale.
-const LAYOUT_LIST_CAP = 500;
-
-const IS_CLOUD = process.env.IS_CLOUD === "true";
-
-export default async function AppLayout({ children }: { children: React.ReactNode }) {
-  const session = await auth();
-  if (!session) redirect("/login");
-
-  const [workspaceId, allWorkspaces] = await Promise.all([
-    getActiveWorkspaceId(session.user.id),
-    listUserWorkspaces(session.user.id),
-  ]);
-
-  if (!workspaceId) {
-    // On cloud, a user with no Pro-accessible workspace isn't missing
-    // membership — they're FREE-only and must upgrade or be invited to a team.
-    if (IS_CLOUD) return <PaywallScreen />;
-    redirect("/login");
-  }
-
-  const workspaces = IS_CLOUD ? allWorkspaces.filter((w) => w.isPro) : allWorkspaces;
-
-  const member = await prisma.workspaceMember.findFirst({
-    where: { userId: session.user.id, workspaceId },
-    include: {
-      workspace: {
-        include: {
-          notes: {
-            orderBy: { updatedAt: "desc" },
-            // Bounded so the shell (and command-palette index) stay fast on
-            // large workspaces. Matches the cap on GET /api/notes.
-            take: LAYOUT_LIST_CAP,
-            include: {
-              folder: { select: { id: true, name: true } },
-              _count: { select: { tasks: true } },
-              tasks: {
-                where: { status: { in: ["CLAIMED", "IN_PROGRESS", "REVIEW"] } },
-                select: { id: true },
-              },
-            },
-          },
-          folders: { orderBy: { name: "asc" }, select: { id: true, name: true } },
-          tasks: {
-            orderBy: { updatedAt: "desc" },
-            take: LAYOUT_LIST_CAP,
-            select: {
-              id: true,
-              title: true,
-              status: true,
-              note: { select: { id: true, title: true } },
-            },
-          },
-        },
-      },
-    },
-  });
-
-  if (!member) redirect("/login");
-
-  const notes = member.workspace.notes.map((n) => ({
-    id: n.id,
-    title: n.title,
-    taskCount: n._count.tasks,
-    activeTaskCount: n.tasks.length,
-    isLocked: n.isLocked,
-    folderId: n.folderId,
-  }));
-  const folders = member.workspace.folders;
-  const tasks = member.workspace.tasks.map((t) => ({
-    id: t.id,
-    title: t.title,
-    status: t.status,
-    note: t.note,
-  }));
-  const latestNoteId = notes[0]?.id;
-  const notesHref = latestNoteId ? `/notes/${latestNoteId}` : "/notes";
-
-  const commandData = {
-    notes: notes.map((n) => ({ id: n.id, title: n.title })),
-    tasks: tasks.map((t) => ({ id: t.id, title: t.title, note: t.note })),
-    folders,
-    notesHref,
-  };
-
-  const kanbanStatuses = await getKanbanStatuses(workspaceId);
-
-  return (
-    <SessionProvider>
-      <BackupScheduler />
-      <KanbanStatusProvider statuses={kanbanStatuses}>
-        <CommandPaletteProvider data={commandData}>
-          <div className="flex h-full flex-col overflow-hidden">
-            <ProBanner initialIsPro={isWorkspacePro(member.workspace)} />
-            <div className="flex flex-1 min-h-0 overflow-hidden">
-              <IconBar latestNoteId={latestNoteId} />
-              <AppShell panel={<NotesPanel notes={notes} folders={folders} tasks={tasks} workspaces={workspaces} activeWorkspaceId={workspaceId} />}>
-                {children}
-              </AppShell>
-            </div>
-          </div>
-        </CommandPaletteProvider>
-      </KanbanStatusProvider>
-    </SessionProvider>
-  );
-}

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

@@ -1,21 +0,0 @@
-import { Skeleton } from "@/components/ui/skeleton";
-
-export default function ListLoading() {
-  return (
-    <div className="flex flex-1 flex-col overflow-hidden">
-      <div className="border-b border-zinc-800 px-3 py-3 md:px-6">
-        <Skeleton className="h-4 w-24" />
-      </div>
-      <div className="flex flex-col gap-4 px-3 py-4 md:px-6">
-        {[0, 1, 2].map((g) => (
-          <div key={g} className="space-y-2">
-            <Skeleton className="h-3 w-20" />
-            {[0, 1, 2].map((r) => (
-              <Skeleton key={r} className="h-10 w-full" />
-            ))}
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-}

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

@@ -1,137 +0,0 @@
-import { auth } from "@/auth";
-import { redirect } from "next/navigation";
-import { prisma } from "@/lib/prisma";
-import { getActiveWorkspaceId } from "@/lib/workspace";
-import { TaskList } from "@/components/tasks/task-list";
-import { TaskListFilters } from "@/components/tasks/task-list-filters";
-import { TaskStatus } from "@/app/generated/prisma/client";
-
-export default async function ListPage({
-  searchParams,
-}: {
-  searchParams: Promise<{ 
-    note?: string; 
-    sort?: string; 
-    folder?: string; 
-    status?: string;
-    assigneeType?: string;
-    overdue?: string;
-    hasDueDate?: string;
-  }>;
-}) {
-  const session = await auth();
-  if (!session) redirect("/login");
-
-  const { 
-    note: filterNoteId, 
-    sort = "status", 
-    folder: filterFolderId,
-    status: statusFilter,
-    assigneeType: assigneeFilter,
-    overdue: overdueOnly,
-    hasDueDate: hasDueDateFilter,
-  } = await searchParams;
-
-  const workspaceId = await getActiveWorkspaceId(session.user.id);
-  if (!workspaceId) redirect("/login");
-
-  // Build status filter condition
-  const statusFilterCondition = statusFilter
-    ? { status: { in: statusFilter.split(",") as TaskStatus[] } }
-    : {};
-
-  // Build assignee filter condition
-  const assigneeFilterCondition = assigneeFilter
-    ? { assigneeType: assigneeFilter as "HUMAN" | "AGENT" }
-    : {};
-
-  // Build overdue filter condition
-  const now = new Date();
-  const overdueFilterCondition = overdueOnly === "true"
-    ? { dueDate: { lt: now }, NOT: { status: "DONE" as TaskStatus } }
-    : {};
-
-  // Build hasDueDate filter condition
-  const hasDueDateCondition = hasDueDateFilter === "true"
-    ? { dueDate: { not: null } }
-    : {};
-
-  // Get folders for filter dropdown
-  const foldersPromise = prisma.folder.findMany({
-    where: { workspaceId },
-    select: { id: true, name: true },
-    orderBy: { name: "asc" },
-  });
-
-  const [tasks, filterNote, folders] = await Promise.all([
-    prisma.task.findMany({
-      where: {
-        workspaceId,
-        ...(filterNoteId && { noteId: filterNoteId }),
-        ...(filterFolderId && { note: { folderId: filterFolderId } }),
-        ...statusFilterCondition,
-        ...assigneeFilterCondition,
-        ...overdueFilterCondition,
-        ...hasDueDateCondition,
-      },
-      orderBy: { createdAt: "desc" },
-      include: {
-        note: { select: { id: true, title: true, folder: { select: { id: true, name: true } } } },
-        assignee: { select: { id: true, name: true, email: true, image: true } },
-      },
-    }),
-    filterNoteId
-      ? prisma.note.findFirst({ where: { id: filterNoteId, workspaceId }, select: { title: true } })
-      : Promise.resolve(null),
-    foldersPromise,
-  ]);
-
-  return (
-    <div className="flex flex-1 flex-col overflow-hidden">
-      <div className="flex items-center justify-between border-b border-zinc-800 px-3 md:px-6 py-3">
-        <div className="flex items-center gap-2">
-          <h1 className="text-sm font-semibold text-zinc-300">
-            {filterNoteId || filterFolderId ? "Filtered tasks" : "All Tasks"}
-          </h1>
-          {filterNote && (
-            <span className="rounded-full bg-zinc-800 px-2 py-0.5 text-xs text-zinc-400">
-              {filterNote.title}
-            </span>
-          )}
-        </div>
-        <div className="flex items-center gap-2 text-xs text-zinc-500">
-          <span>Sort:</span>
-          {(() => {
-            const params = new URLSearchParams();
-            if (filterNoteId) params.set("note", filterNoteId);
-            if (filterFolderId) params.set("folder", filterFolderId);
-            const baseQuery = params.toString();
-            return (
-              <>
-                <a href={`?${baseQuery ? baseQuery + "&" : ""}sort=status`}
-                  className={sort === "status" ? "text-zinc-300" : "hover:text-zinc-300"}>Status</a>
-                <span>/</span>
-                <a href={`?${baseQuery ? baseQuery + "&" : ""}sort=note`}
-                  className={sort === "note" ? "text-zinc-300" : "hover:text-zinc-300"}>Note</a>
-              </>
-            );
-          })()}
-        </div>
-      </div>
-
-      {/* Filter Bar - Tasks 2.4.1-2.4.5 */}
-      <TaskListFilters
-        folders={folders}
-        filterFolderId={filterFolderId}
-        statusFilter={statusFilter}
-        assigneeFilter={assigneeFilter}
-        overdueOnly={overdueOnly}
-        hasDueDateFilter={hasDueDateFilter}
-      />
-
-      <div className="flex-1 overflow-y-auto">
-        <TaskList tasks={tasks} groupBy={sort === "note" ? "note" : "status"} />
-      </div>
-    </div>
-  );
-}

package/app/(app)/loading.tsx

@@ -1,18 +0,0 @@
-import Image from "next/image";
-
-export default function Loading() {
-  return (
-    <div className="flex flex-1 flex-col items-center justify-center gap-4 px-6">
-      <Image
-        src="/knotpad_logo_full.svg"
-        alt="Knotpad"
-        width={200}
-        height={60}
-        className="h-16 w-auto"
-        priority
-      />
-      <p className="text-sm text-zinc-500">Welcome to Knotpad</p>
-      <div className="h-6 w-6 animate-spin rounded-full border-2 border-zinc-700 border-t-zinc-400" />
-    </div>
-  );
-}

package/app/(app)/notes/[noteId]/page.tsx

@@ -1,84 +0,0 @@
-import { auth } from "@/auth";
-import { redirect, notFound } from "next/navigation";
-import { prisma } from "@/lib/prisma";
-import { decryptContent } from "@/lib/note-crypto";
-import { getActiveWorkspaceId } from "@/lib/workspace";
-import { NoteEditor } from "@/components/notes/note-editor";
-
-export default async function NotePage({
-  params,
-  searchParams,
-}: {
-  params: Promise<{ noteId: string }>;
-  searchParams: Promise<{ q?: string }>;
-}) {
-  const session = await auth();
-  if (!session) redirect("/login");
-
-  const { noteId } = await params;
-  const { q: highlight } = await searchParams;
-
-  const activeWs = await getActiveWorkspaceId(session.user.id);
-  const member = await prisma.workspaceMember.findFirst({
-    where: { userId: session.user.id, workspaceId: activeWs ?? undefined },
-    include: {
-      workspace: {
-        include: {
-          members: {
-            include: { user: { select: { id: true, name: true, email: true } } },
-          },
-        },
-      },
-    },
-  });
-  if (!member) redirect("/login");
-
-  const [note, allNotes, allTasks] = await Promise.all([
-    prisma.note.findFirst({
-      where: { id: noteId, workspaceId: member.workspaceId },
-      include: {
-        folder: { select: { id: true, name: true } },
-        tasks: {
-          orderBy: { createdAt: "asc" },
-          include: { assignee: { select: { id: true, name: true, email: true } } },
-        },
-      },
-    }),
-    prisma.note.findMany({
-      where: { workspaceId: member.workspaceId },
-      orderBy: { updatedAt: "desc" },
-      select: { id: true, title: true },
-    }),
-    prisma.task.findMany({
-      where: { workspaceId: member.workspaceId, status: { not: "DONE" } },
-      orderBy: { createdAt: "desc" },
-      take: 200,
-      select: { id: true, title: true, note: { select: { title: true } } },
-    }),
-  ]);
-
-  if (!note) notFound();
-
-  const decryptedContent = await decryptContent(note.content, member.workspaceId);
-
-  const members = member.workspace.members
-    .map((m) => ({
-      handle: `@${(m.user.name ?? m.user.email ?? "user").toLowerCase().replace(/\s+/g, "")}`,
-      label: (m.user.name ?? m.user.email ?? "Unknown") + (m.userId === session.user.id ? " (you)" : ""),
-      isAgent: false,
-    }));
-
-  const notesList = allNotes
-    .filter((n) => n.id !== noteId)
-    .map((n) => ({ id: n.id, title: n.title }));
-
-  const tasksList = allTasks.map((t) => ({
-    id: t.id,
-    title: t.title,
-    noteTitle: t.note.title,
-  }));
-
-  // key by note id so the editor fully remounts (fresh state + flush of the
-  // previous note's pending save) when navigating between notes via tabs/links.
-  return <NoteEditor key={note.id} note={{ ...note, content: decryptedContent }} members={members} notesList={notesList} tasksList={tasksList} highlight={highlight} />;
-}

package/app/(app)/notes/layout.tsx

@@ -1,30 +0,0 @@
-import { auth } from "@/auth";
-import { redirect } from "next/navigation";
-import { prisma } from "@/lib/prisma";
-import { getActiveWorkspaceId } from "@/lib/workspace";
-import { NoteTabs } from "@/components/notes/note-tabs";
-
-/**
- * Wraps the notes routes with a browser-style tab strip. Only mounts on
- * /notes/* so the board/list/calendar views stay tab-free.
- */
-export default async function NotesLayout({ children }: { children: React.ReactNode }) {
-  const session = await auth();
-  if (!session) redirect("/login");
-
-  const workspaceId = await getActiveWorkspaceId(session.user.id);
-  const notes = workspaceId
-    ? await prisma.note.findMany({
-        where: { workspaceId },
-        orderBy: { updatedAt: "desc" },
-        select: { id: true, title: true },
-      })
-    : [];
-
-  return (
-    <div className="flex flex-1 flex-col overflow-hidden">
-      <NoteTabs notes={notes} />
-      <div className="flex flex-1 flex-col overflow-hidden">{children}</div>
-    </div>
-  );
-}

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

@@ -1,39 +0,0 @@
-import { auth } from "@/auth";
-import { redirect } from "next/navigation";
-import { prisma } from "@/lib/prisma";
-import { getActiveWorkspaceId } from "@/lib/workspace";
-
-export default async function NotesHome() {
-  const session = await auth();
-  if (!session) redirect("/login");
-
-  const workspaceId = await getActiveWorkspaceId(session.user.id);
-  const latestNote = workspaceId
-    ? await prisma.note.findFirst({
-        where: { workspaceId },
-        orderBy: { updatedAt: "desc" },
-        select: { id: true },
-      })
-    : null;
-  if (latestNote) redirect(`/notes/${latestNote.id}`);
-
-  return (
-    <div className="flex flex-1 flex-col items-center justify-center gap-4 text-center px-6">
-      <div className="max-w-xs space-y-2">
-        <h2 className="text-lg font-semibold text-zinc-300">No notes yet</h2>
-        <p className="text-sm text-zinc-500">
-          Click the{" "}
-          <span className="font-mono text-xs bg-zinc-800 px-1.5 py-0.5 rounded text-zinc-400">
-            +
-          </span>{" "}
-          button in the panel to create your first note.
-        </p>
-        <p className="text-xs text-zinc-600 mt-3">
-          Write{" "}
-          <code className="bg-zinc-800 px-1 rounded text-zinc-400">- [ ] task @you</code>{" "}
-          inside a note to create tasks automatically.
-        </p>
-      </div>
-    </div>
-  );
-}

package/app/(app)/page.tsx

@@ -1,5 +0,0 @@
-import { redirect } from "next/navigation";
-
-export default function AppHome() {
-  redirect("/notes");
-}

package/app/(app)/settings/agent-token/page.tsx

@@ -1,59 +0,0 @@
-import { auth } from "@/auth";
-import { redirect } from "next/navigation";
-import { prisma } from "@/lib/prisma";
-import { AgentTokenSettings } from "@/components/settings/agent-token-settings";
-import { getMcpUrl } from "@/lib/mcp-url";
-
-export default async function AgentTokenPage() {
-  const session = await auth();
-  if (!session) redirect("/login");
-
-  const memberships = await prisma.workspaceMember.findMany({
-    where: { userId: session.user.id, revokedAt: null },
-    include: { workspace: true },
-    orderBy: { joinedAt: "asc" },
-  });
-  if (!memberships.length) redirect("/login");
-
-  const tokens = await prisma.mcpToken.findMany({
-    where: {
-      userId: session.user.id,
-      workspaceId: { in: memberships.map((m) => m.workspaceId) },
-      revokedAt: null,
-    },
-  });
-
-  const tokenByWorkspace = Object.fromEntries(tokens.map((t) => [t.workspaceId, t]));
-
-  const workspaces = memberships.map((m) => {
-    const t = tokenByWorkspace[m.workspaceId] ?? null;
-    return {
-      id: m.workspaceId,
-      name: m.workspace.name,
-      slug: m.workspace.slug,
-      existingToken: t
-        ? { id: t.id, alias: t.alias, lastUsed: t.lastUsed?.toISOString() ?? null }
-        : null,
-    };
-  });
-
-  const appUrl = process.env.NEXT_PUBLIC_APP_URL ?? "http://localhost:3000";
-  const mcpUrl = getMcpUrl(appUrl, process.env.NEXT_PUBLIC_MCP_URL);
-
-  return (
-    <div className="max-w-2xl space-y-6">
-      <div>
-        <h2 className="text-base font-semibold text-zinc-200">Agent Token</h2>
-        <p className="text-sm text-zinc-500 mt-1">
-          Generate a personal MCP token, then reuse the setup templates below whenever you reconnect an AI agent.
-        </p>
-      </div>
-      <AgentTokenSettings
-        workspaces={workspaces}
-        mcpUrl={mcpUrl}
-        appUrl={appUrl}
-        userId={session.user.id}
-      />
-    </div>
-  );
-}

package/app/(app)/settings/backup/page.tsx

@@ -1,49 +0,0 @@
-import { auth } from "@/auth";
-import { redirect } from "next/navigation";
-import { prisma } from "@/lib/prisma";
-import { BackupRestoreSettings } from "@/components/settings/backup-restore-settings";
-
-export default async function BackupPage() {
-  const session = await auth();
-  if (!session) redirect("/login");
-
-  const member = await prisma.workspaceMember.findFirst({
-    where: { userId: session.user.id, revokedAt: null },
-    include: {
-      workspace: {
-        include: {
-          backupSettings: true,
-        },
-      },
-    },
-  });
-  if (!member) redirect("/login");
-
-  const initialSettings = member.workspace.backupSettings
-    ? {
-        scheduleEnabled: member.workspace.backupSettings.scheduleEnabled,
-        scheduleCadence: member.workspace.backupSettings.scheduleCadence,
-        destinationPath: member.workspace.backupSettings.destinationPath,
-        includeMarkdownZip: member.workspace.backupSettings.includeMarkdownZip,
-        lastBackupAt: member.workspace.backupSettings.lastBackupAt?.toISOString() ?? null,
-        lastBackupStatus: member.workspace.backupSettings.lastBackupStatus,
-        lastBackupError: member.workspace.backupSettings.lastBackupError,
-      }
-    : null;
-
-  return (
-    <div className="max-w-2xl space-y-6">
-      <div>
-        <h2 className="text-base font-semibold text-zinc-200">Backup & Restore</h2>
-        <p className="mt-1 text-sm text-zinc-500">
-          Configure local backups, download exports, and restore from a backup file.
-        </p>
-      </div>
-      <BackupRestoreSettings
-        isCloudWorkspace={member.workspace.isCloud}
-        isOwner={member.role !== "MEMBER"}
-        initialSettings={initialSettings}
-      />
-    </div>
-  );
-}

package/app/(app)/settings/billing/page.tsx

@@ -1,53 +0,0 @@
-import { auth } from "@/auth";
-import { redirect } from "next/navigation";
-import { prisma } from "@/lib/prisma";
-import { BillingDashboard } from "@/components/billing/billing-dashboard";
-
-export default async function BillingPage() {
-  const session = await auth();
-  if (!session) redirect("/login");
-
-  const member = await prisma.workspaceMember.findFirst({
-    where: { userId: session.user.id, revokedAt: null },
-    include: {
-      workspace: {
-        include: { _count: { select: { members: { where: { revokedAt: null } } } } },
-      },
-    },
-    orderBy: { joinedAt: "asc" },
-  });
-  if (!member) redirect("/login");
-
-  const { workspace } = member;
-
-  // A guest (local, no-password account) must create a real account before they
-  // can pay — surfaced as a claim step in the dashboard.
-  const me = await prisma.user.findUnique({
-    where: { id: session.user.id },
-    select: { email: true, passwordHash: true },
-  });
-  const isGuest = !!me?.email?.endsWith("@local.brief") && !me?.passwordHash;
-
-  return (
-    <div className="max-w-lg space-y-6">
-      <div>
-        <h2 className="text-base font-semibold text-zinc-200">Billing</h2>
-        <p className="text-sm text-zinc-500 mt-1">
-          Manage your subscription and seats.
-        </p>
-      </div>
-      <BillingDashboard
-        isPro={workspace.isPro}
-        isOwner={member.role === "OWNER"}
-        memberCount={workspace._count.members}
-        seatCount={workspace.seatCount}
-        stripeId={workspace.stripeId}
-        planType={workspace.planType}
-        licenseType={workspace.licenseType}
-        workspaceType={workspace.type}
-        workspaceId={workspace.id}
-        isGuest={isGuest}
-      />
-    </div>
-  );
-}

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

@@ -1,41 +0,0 @@
-import { auth } from "@/auth";
-import { redirect } from "next/navigation";
-import { prisma } from "@/lib/prisma";
-import { CalendarFeedsSettings } from "@/components/settings/calendar-feeds-settings";
-import { CalendarGeneralSettings } from "@/components/settings/calendar-general-settings";
-
-export default async function CalendarSettingsPage() {
-  const session = await auth();
-  if (!session) redirect("/login");
-
-  const feeds = await prisma.calendarFeed.findMany({
-    where: { userId: session.user.id },
-    orderBy: { createdAt: "asc" },
-    select: { id: true, label: true, color: true, enabled: true, lastFetchedAt: true, lastError: true },
-  });
-
-  return (
-    <div className="max-w-lg space-y-8">
-      <div>
-        <h2 className="text-base font-semibold text-zinc-200">Calendars</h2>
-        <p className="text-sm text-zinc-500 mt-1">
-          Connect read-only calendar subscriptions (Google, Apple, etc.) to see your busy times
-          on the Knotpad calendar. This is import-only — Knotpad never edits these calendars.
-        </p>
-      </div>
-
-      <CalendarGeneralSettings />
-
-      <CalendarFeedsSettings
-        feeds={feeds.map((f) => ({
-          id: f.id,
-          label: f.label,
-          color: f.color,
-          enabled: f.enabled,
-          lastFetchedAt: f.lastFetchedAt?.toISOString() ?? null,
-          lastError: f.lastError,
-        }))}
-      />
-    </div>
-  );
-}