@taskmark/ui 0.2.1 → 0.2.4

package/dist/standalone/app/board/page.tsx

@@ -1,284 +0,0 @@
-import { Suspense } from "react"
-import Link from "next/link"
-import { redirect } from "next/navigation"
-
-import { AppBar } from "@/components/board/app-bar"
-import { EpicList } from "@/components/board/epic-list"
-import { ListViewSwitcher } from "@/components/board/list-view-switcher"
-import { OverallWorkItemsList } from "@/components/board/overall-work-items-list"
-import { ProjectStatusMetricsStrip } from "@/components/board/project-status-metrics-strip"
-import { StaticBoardApp } from "@/components/board/static-board-app"
-import { TaskList } from "@/components/board/task-list"
-import { WorkItemsList } from "@/components/board/work-items-list"
-import { WorkItemSheetProvider } from "@/components/board/work-item-sheet"
-import { resolveActiveProject } from "@/lib/taskmark/active-project"
-import {
-  getActiveProjectCookie,
-  getHideCompletedCookies,
-  getMasterFoldersCookie,
-} from "@/lib/taskmark/cookies"
-import {
-  LIST_VIEW_LABELS,
-  boardHref,
-  parseListViewMode,
-  type ListViewMode,
-} from "@/lib/taskmark/list-view-mode"
-import { loadSnapshotFromPublic } from "@/lib/taskmark/load-snapshot-server"
-import { parseEpicsForProject } from "@/lib/taskmark/parse-epics"
-import {
-  parseWorkItemsForEpic,
-  parseWorkItemsViewForProject,
-} from "@/lib/taskmark/parse-flat-lists"
-import { parseItemsForStory } from "@/lib/taskmark/parse-items"
-import {
-  collectCompletedLeafPointSamples,
-  collectMetricLeaves,
-  computeProjectStatusMetrics,
-} from "@/lib/taskmark/project-metrics"
-import { isStaticRuntime } from "@/lib/taskmark/static-mode"
-import { loadWorkspace } from "@/lib/taskmark/workspace"
-
-type BoardPageProps = {
-  searchParams: Promise<{
-    view?: string | string[]
-    epic?: string | string[]
-    story?: string | string[]
-    item?: string | string[]
-  }>
-}
-
-function paramValue(value: string | string[] | undefined): string | null {
-  if (typeof value === "string" && value.trim()) return value.trim()
-  return null
-}
-
-function headingForView(view: ListViewMode): string {
-  if (view === "overall") return "Epics"
-  return LIST_VIEW_LABELS[view]
-}
-
-export default async function BoardPage({ searchParams }: BoardPageProps) {
-  if (isStaticRuntime()) {
-    const snapshot = loadSnapshotFromPublic()
-    return (
-      <Suspense fallback={<div className="p-8 text-sm text-muted-foreground">Loading board…</div>}>
-        <StaticBoardApp snapshot={snapshot} />
-      </Suspense>
-    )
-  }
-
-  const masters = await getMasterFoldersCookie()
-  const workspace = loadWorkspace(masters)
-  if (workspace.projects.length === 0) {
-    redirect("/setup")
-  }
-
-  const savedActiveId = await getActiveProjectCookie()
-  const hideCompletedPrefs = await getHideCompletedCookies()
-  const activeProject = resolveActiveProject(
-    workspace.projects,
-    // Autoconfig: prefer the bound board; ignore stale active-project cookies.
-    workspace.autoconfig ? null : savedActiveId
-  )
-  if (!activeProject) {
-    redirect("/setup")
-  }
-
-  const params = await searchParams
-  const activeView = parseListViewMode(params.view)
-  const selectedEpicId =
-    activeView === "overall" ? paramValue(params.epic) : null
-  const selectedStoryId =
-    activeView === "overall" && selectedEpicId
-      ? paramValue(params.story)
-      : null
-  const selectedItemId = paramValue(params.item)
-
-  const list = parseEpicsForProject(activeProject)
-  const epicCount = list.epics.length
-  const errorCount = list.errors.length
-
-  const selectedEpic = selectedEpicId
-    ? list.epics.find((e) => e.id === selectedEpicId) ?? null
-    : null
-
-  const epicWorkItems =
-    activeView === "overall" && selectedEpicId != null
-      ? parseWorkItemsForEpic(
-          activeProject,
-          selectedEpicId,
-          selectedEpic?.title ?? null
-        )
-      : null
-
-  const selectedStory =
-    epicWorkItems && selectedStoryId
-      ? (epicWorkItems.rows.find(
-          (row) => row.kind === "story" && row.id === selectedStoryId
-        ) ?? null)
-      : null
-
-  const itemList =
-    activeView === "overall" &&
-    selectedEpicId != null &&
-    selectedStory != null
-      ? parseItemsForStory(activeProject, selectedEpicId, selectedStory.id)
-      : null
-
-  const workItemsList =
-    activeView === "overall" || activeView === "workitems"
-      ? parseWorkItemsViewForProject(activeProject)
-      : null
-
-  /** Match Current Speed exactly: completed task/bug leaf points only. */
-  const countableCompletions = collectCompletedLeafPointSamples(
-    collectMetricLeaves(activeProject)
-  )
-
-  const statusMetrics = computeProjectStatusMetrics(activeProject)
-
-  return (
-    <WorkItemSheetProvider>
-      <div className="min-h-svh bg-[linear-gradient(180deg,_#fff_0%,_#f7f4ff_100%)]">
-        <AppBar
-          projects={workspace.projects}
-          activeProjectId={activeProject.id}
-          masterCount={workspace.masters.length}
-          autoconfig={workspace.autoconfig}
-        />
-
-        <div className="mx-auto flex w-full max-w-5xl flex-col gap-6 px-4 py-8">
-          <div className="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
-            <div>
-              <h1 className="font-head text-3xl tracking-tight">
-                {headingForView(activeView)}
-              </h1>
-              <p className="mt-1 text-sm text-muted-foreground">
-                {activeProject.name}
-                {activeView === "overall"
-                  ? ` · ${epicCount} epic${epicCount === 1 ? "" : "s"}`
-                  : ""}
-                {activeView === "overall" && errorCount > 0
-                  ? ` · ${errorCount} parse issue${errorCount === 1 ? "" : "s"}`
-                  : ""}
-                {activeView === "workitems" && workItemsList
-                  ? ` · ${workItemsList.rows.length} item${workItemsList.rows.length === 1 ? "" : "s"}`
-                  : ""}
-                {activeView === "overall" && selectedEpic
-                  ? ` · selected ${selectedEpic.id}`
-                  : activeView === "overall" && selectedEpicId
-                    ? ` · epic ${selectedEpicId} not in list`
-                    : activeView === "overall"
-                      ? " · select an epic to view work items"
-                      : ""}
-                {activeView === "overall" && selectedStory
-                  ? ` · story ${selectedStory.id}`
-                  : activeView === "overall" && selectedStoryId
-                    ? ` · story ${selectedStoryId} not in list`
-                    : ""}
-              </p>
-              <p className="mt-1 font-mono text-xs text-muted-foreground">
-                {activeProject.boardPath}
-              </p>
-            </div>
-            <ListViewSwitcher
-              activeView={activeView}
-              selectedEpicId={selectedEpicId}
-              selectedStoryId={selectedStory?.id ?? null}
-            />
-          </div>
-
-          <ProjectStatusMetricsStrip metrics={statusMetrics} />
-
-          {activeView === "overall" ? (
-            <>
-              <EpicList
-                lists={[list]}
-                selectedEpicId={selectedEpicId}
-                countableCompletions={countableCompletions}
-                initialHideCompleted={hideCompletedPrefs.epics}
-              />
-
-              {epicWorkItems ? (
-                <div className="flex flex-col gap-3">
-                  <div className="flex items-baseline justify-between gap-3">
-                    <h2 className="font-head text-2xl tracking-tight">
-                      Work items for{" "}
-                      {epicWorkItems.epicTitle ?? epicWorkItems.epicId}
-                    </h2>
-                    <Link
-                      href={boardHref({
-                        view: "overall",
-                        item: selectedItemId,
-                      })}
-                      className="text-sm text-muted-foreground underline-offset-2 hover:underline"
-                    >
-                      Clear selection
-                    </Link>
-                  </div>
-                  <p className="text-sm text-muted-foreground">
-                    {epicWorkItems.rows.length} work item
-                    {epicWorkItems.rows.length === 1 ? "" : "s"}
-                    {epicWorkItems.errors.length > 0
-                      ? ` · ${epicWorkItems.errors.length} issue${epicWorkItems.errors.length === 1 ? "" : "s"}`
-                      : ""}
-                    {!selectedStory
-                      ? " · select a story to view its sub tasks"
-                      : ""}
-                  </p>
-                  <OverallWorkItemsList
-                    list={epicWorkItems}
-                    selectedStoryId={selectedStory?.id ?? null}
-                    countableCompletions={countableCompletions}
-                    initialHideCompleted={hideCompletedPrefs.overallWorkItems}
-                  />
-                </div>
-              ) : null}
-
-              {itemList && selectedStory ? (
-                <div className="flex flex-col gap-3">
-                  <div className="flex items-baseline justify-between gap-3">
-                    <h2 className="font-head text-2xl tracking-tight">
-                      Sub Tasks for{" "}
-                      {itemList.storyTitle ?? itemList.storyId}
-                    </h2>
-                    <Link
-                      href={boardHref({
-                        view: "overall",
-                        epic: itemList.epicId,
-                        item: selectedItemId,
-                      })}
-                      className="text-sm text-muted-foreground underline-offset-2 hover:underline"
-                    >
-                      Clear story
-                    </Link>
-                  </div>
-                  <p className="text-sm text-muted-foreground">
-                    {itemList.items.length} sub task
-                    {itemList.items.length === 1 ? "" : "s"}
-                    {itemList.errors.length > 0
-                      ? ` · ${itemList.errors.length} issue${itemList.errors.length === 1 ? "" : "s"}`
-                      : ""}
-                  </p>
-                  <TaskList
-                    list={itemList}
-                    countableCompletions={countableCompletions}
-                    initialHideCompleted={hideCompletedPrefs.tasks}
-                  />
-                </div>
-              ) : null}
-            </>
-          ) : null}
-
-          {activeView === "workitems" && workItemsList ? (
-            <WorkItemsList
-              list={workItemsList}
-              countableCompletions={countableCompletions}
-              initialHideCompleted={hideCompletedPrefs.workItems}
-            />
-          ) : null}
-        </div>
-      </div>
-    </WorkItemSheetProvider>
-  )
-}

package/dist/standalone/app/globals.css

@@ -1,128 +0,0 @@
-@import "tailwindcss";
-
-@custom-variant dark (&:is(.dark *));
-
-@theme inline {
-  --font-head: var(--font-head);
-  --font-sans: var(--font-sans);
-  --radius: var(--radius);
-
-  --shadow-xs: 1px 1px 0 0 var(--border);
-  --shadow-sm: 2px 2px 0 0 var(--border);
-  --shadow: 3px 3px 0 0 var(--border);
-  --shadow-md: 4px 4px 0 0 var(--border);
-  --shadow-lg: 6px 6px 0 0 var(--border);
-  --shadow-xl: 10px 10px 0 1px var(--border);
-  --shadow-2xl: 16px 16px 0 1px var(--border);
-
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-primary-hover: var(--primary-hover);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-destructive-foreground: var(--destructive-foreground);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --border-w: var(--border-w);
-  --color-chart-5: var(--chart-5);
-  --color-chart-4: var(--chart-4);
-  --color-chart-3: var(--chart-3);
-  --color-chart-2: var(--chart-2);
-  --color-chart-1: var(--chart-1);
-  --color-shadow-color: var(--shadow-color);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-popover: var(--popover);
-  --radius-sm: calc(var(--radius) * 0.6);
-  --radius-md: calc(var(--radius) * 0.8);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) * 1.4);
-  --radius-2xl: calc(var(--radius) * 1.8);
-  --radius-3xl: calc(var(--radius) * 2.2);
-  --radius-4xl: calc(var(--radius) * 2.6);
-}
-
-:root {
-  --radius: 0.25rem;
-  --background: #ffffff;
-  --foreground: #0a0a0a;
-  --card: #ffffff;
-  --card-foreground: #0a0a0a;
-  --primary: #c4a1ff;
-  --primary-hover: #a97ffb;
-  --primary-foreground: #000000;
-  --secondary: #0a0a0a;
-  --secondary-foreground: #ffffff;
-  --muted: #f2f2f2;
-  --muted-foreground: #5c5c5c;
-  --accent: #eadffe;
-  --accent-foreground: #241a38;
-  --destructive: #e63946;
-  --destructive-foreground: #fff;
-  --border: #000000;
-  --input: #ffffff;
-  --ring: #c4a1ff;
-  --popover: #ffffff;
-  --popover-foreground: #0a0a0a;
-  --shadow-color: #000000;
-  --chart-1: #c4a1ff;
-  --chart-2: #ff30cd;
-  --chart-3: #ffdc58;
-  --chart-4: #01ffcc;
-  --chart-5: #5f4fe6;
-  --border-w: 2px;
-  --shadow-xs: 2px 2px 0 0 var(--shadow-color);
-  --shadow-sm: 3px 3px 0 0 var(--shadow-color);
-  --shadow: 5px 5px 0 0 var(--shadow-color);
-  --shadow-md: 6px 6px 0 0 var(--shadow-color);
-  --shadow-lg: 9px 9px 0 0 var(--shadow-color);
-  --shadow-xl: 14px 14px 0 1px var(--shadow-color);
-  --shadow-2xl: 20px 20px 0 2px var(--shadow-color);
-}
-
-.dark {
-  --background: #0f0f0f;
-  --foreground: #fafafa;
-  --card: #1a1a1a;
-  --card-foreground: #fafafa;
-  --primary: #c4a1ff;
-  --primary-hover: #a97ffb;
-  --primary-foreground: #000000;
-  --secondary: #fafafa;
-  --secondary-foreground: #0f0f0f;
-  --muted: #262626;
-  --muted-foreground: #a3a3a3;
-  --accent: #2f2542;
-  --accent-foreground: #eadffe;
-  --destructive: #ff6b6b;
-  --destructive-foreground: #1a1815;
-  --border: #000000;
-  --input: #1a1a1a;
-  --ring: #c4a1ff;
-  --popover: #1a1a1a;
-  --popover-foreground: #fafafa;
-  --shadow-color: #3d3d3d;
-  --chart-1: #c4a1ff;
-  --chart-2: #ff7ce0;
-  --chart-3: #ffdc58;
-  --chart-4: #5eead4;
-  --chart-5: #7b6df5;
-  --radius: 0.25rem;
-  --border-w: 2px;
-  --shadow-xs: 2px 2px 0 0 var(--shadow-color);
-  --shadow-sm: 3px 3px 0 0 var(--shadow-color);
-  --shadow: 5px 5px 0 0 var(--shadow-color);
-  --shadow-md: 6px 6px 0 0 var(--shadow-color);
-  --shadow-lg: 9px 9px 0 0 var(--shadow-color);
-  --shadow-xl: 14px 14px 0 1px var(--shadow-color);
-  --shadow-2xl: 20px 20px 0 2px var(--shadow-color);
-}

package/dist/standalone/app/layout.tsx

@@ -1,87 +0,0 @@
-import type { Metadata, Viewport } from "next"
-import { Archivo_Black, Space_Grotesk } from "next/font/google"
-import { Toaster } from "@/components/ui/sonner"
-import { SITE } from "@/lib/site"
-import "./globals.css"
-
-const archivoBlack = Archivo_Black({
-  subsets: ["latin"],
-  weight: "400",
-  variable: "--font-head",
-  display: "swap",
-})
-
-const spaceGrotesk = Space_Grotesk({
-  subsets: ["latin"],
-  variable: "--font-sans",
-  display: "swap",
-})
-
-const siteDescription =
-  "Taskmark — product memory for agent work. Local markdown boards for Cursor with sizing, work logs, and velocity."
-
-export const viewport: Viewport = {
-  themeColor: "#111111",
-}
-
-export const metadata: Metadata = {
-  metadataBase: new URL(SITE.url),
-  applicationName: "Taskmark",
-  title: {
-    default: "Taskmark",
-    template: "%s · Taskmark",
-  },
-  description: siteDescription,
-  icons: {
-    icon: [
-      { url: "/favicon.ico", sizes: "any" },
-      { url: "/favicon.svg", type: "image/svg+xml" },
-      { url: "/favicon-96x96.png", sizes: "96x96", type: "image/png" },
-    ],
-    apple: [{ url: "/apple-touch-icon.png", sizes: "180x180" }],
-  },
-  manifest: "/site.webmanifest",
-  openGraph: {
-    type: "website",
-    locale: "en_US",
-    url: SITE.url,
-    siteName: "Taskmark",
-    title: "Taskmark",
-    description: siteDescription,
-    images: [
-      {
-        url: "/og/og-default.png",
-        width: 1200,
-        height: 630,
-        alt: "Taskmark — product memory for agent work",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "Taskmark",
-    description: siteDescription,
-    images: ["/og/og-default.png"],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-}
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
-  return (
-    <html lang="en">
-      <body
-        className={`${archivoBlack.variable} ${spaceGrotesk.variable} font-sans antialiased`}
-      >
-        <Toaster />
-        {children}
-      </body>
-    </html>
-  )
-}

package/dist/standalone/app/page.tsx

@@ -1,17 +0,0 @@
-import { redirect } from "next/navigation"
-
-import { getMasterFoldersCookie } from "@/lib/taskmark/cookies"
-import { isStaticRuntime } from "@/lib/taskmark/static-mode"
-import { loadWorkspace } from "@/lib/taskmark/workspace"
-
-export default async function HomePage() {
-  if (isStaticRuntime()) {
-    redirect("/board")
-  }
-  const masters = await getMasterFoldersCookie()
-  const workspace = loadWorkspace(masters)
-  if (workspace.projects.length > 0) {
-    redirect("/board")
-  }
-  redirect("/setup")
-}

package/dist/standalone/app/setup/actions.ts

@@ -1,113 +0,0 @@
-"use server"
-
-import { redirect } from "next/navigation"
-import { revalidatePath } from "next/cache"
-
-import {
-  addMasterFolderCookie,
-  clearActiveProjectCookie,
-  getMasterFoldersCookie,
-  setActiveProjectCookie,
-} from "@/lib/taskmark/cookies"
-import { pickFolderNative } from "@/lib/taskmark/pick-folder"
-import { loadConfiguredWorkspace } from "@/lib/taskmark/workspace"
-import { validateMasterFolder } from "@/lib/taskmark/validate"
-import type { DiscoveredProject } from "@/lib/taskmark/types"
-
-export type PreviewMasterFolderState = {
-  error?: string
-  masterPath?: string
-  projects?: DiscoveredProject[]
-}
-
-export async function previewMasterFolder(
-  _prev: PreviewMasterFolderState,
-  formData: FormData
-): Promise<PreviewMasterFolderState> {
-  const raw = String(formData.get("masterPath") ?? "")
-  const result = validateMasterFolder(raw)
-  if (!result.ok) {
-    return { error: result.error }
-  }
-  return {
-    masterPath: result.masterPath,
-    projects: result.projects,
-  }
-}
-
-export type SaveMasterFolderState = {
-  error?: string
-}
-
-export async function saveMasterFolder(
-  _prev: SaveMasterFolderState,
-  formData: FormData
-): Promise<SaveMasterFolderState> {
-  const raw = String(formData.get("masterPath") ?? "")
-  const result = validateMasterFolder(raw)
-  if (!result.ok) {
-    return { error: result.error }
-  }
-
-  await addMasterFolderCookie(result.masterPath)
-
-  const masters = await getMasterFoldersCookie()
-  const workspace = loadConfiguredWorkspace(masters)
-
-  // Prefer a newly discovered project from this master; else first overall.
-  const fromThisMaster = result.projects[0]
-  const preferred =
-    workspace.projects.find((p) => p.id === fromThisMaster?.id) ??
-    workspace.projects[0]
-
-  if (preferred) {
-    await setActiveProjectCookie(preferred.id)
-  }
-
-  redirect("/board")
-}
-
-export type PickMasterFolderState = {
-  path?: string
-  error?: string
-}
-
-export async function pickMasterFolder(): Promise<PickMasterFolderState> {
-  const result = await pickFolderNative()
-  if (result.ok) {
-    return { path: result.path }
-  }
-  if (result.cancelled) {
-    return {}
-  }
-  return { error: result.error }
-}
-
-/** Open setup wizard to add another master folder without clearing existing ones. */
-export async function openAddProject(): Promise<void> {
-  const { resolveAutoconfigWorkspace } = await import(
-    "@/lib/taskmark/autoconfig"
-  )
-  if (resolveAutoconfigWorkspace()?.projects.length) {
-    redirect("/board")
-  }
-  redirect("/setup?mode=add")
-}
-
-export async function selectActiveProject(formData: FormData): Promise<void> {
-  const projectId = String(formData.get("projectId") ?? "").trim()
-  if (!projectId) {
-    return
-  }
-  await setActiveProjectCookie(projectId)
-  revalidatePath("/board")
-  redirect("/board")
-}
-
-/** Optional: clear everything and start over (not shown in app bar by default). */
-export async function resetWorkspace(): Promise<void> {
-  const { clearMasterFoldersCookie } = await import("@/lib/taskmark/cookies")
-  await clearMasterFoldersCookie()
-  await clearActiveProjectCookie()
-  redirect("/setup")
-}

package/dist/standalone/app/setup/page.tsx

@@ -1,67 +0,0 @@
-import Link from "next/link"
-import { redirect } from "next/navigation"
-
-import { BrandLogo } from "@/components/brand-logo"
-import { SetupWizard } from "@/components/setup/setup-wizard"
-import { resolveAutoconfigWorkspace } from "@/lib/taskmark/autoconfig"
-import { getMasterFoldersCookie } from "@/lib/taskmark/cookies"
-import { isStaticRuntime } from "@/lib/taskmark/static-mode"
-
-type SetupPageProps = {
-  searchParams?: Promise<{ mode?: string }>
-}
-
-export default async function SetupPage({ searchParams }: SetupPageProps) {
-  if (isStaticRuntime()) {
-    redirect("/board")
-  }
-
-  const auto = resolveAutoconfigWorkspace()
-  if (auto && auto.projects.length > 0) {
-    // Zero-config bind — setup wizard is not needed.
-    redirect("/board")
-  }
-
-  const params = searchParams ? await searchParams : {}
-  const masters = await getMasterFoldersCookie()
-  const hasProjects = masters.length > 0
-  const adding = params.mode === "add" && hasProjects
-
-  return (
-    <div className="relative flex min-h-svh flex-col items-center justify-center px-4 py-16">
-      <div
-        aria-hidden
-        className="pointer-events-none absolute inset-0 bg-[radial-gradient(ellipse_at_top,_#eadffe_0%,_transparent_55%),_linear-gradient(180deg,_#fff_0%,_#f7f4ff_100%)]"
-      />
-      <div className="relative z-10 flex w-full max-w-xl flex-col items-center gap-8">
-        <div className="flex flex-col items-center text-center">
-          <BrandLogo
-            width={96}
-            height={109}
-            className="mb-4 h-24 w-auto select-none"
-          />
-          <p className="font-head text-5xl tracking-tight text-foreground sm:text-6xl">
-            Taskmark
-          </p>
-          <p className="mt-3 max-w-md text-base text-muted-foreground">
-            {adding
-              ? "Add another workspace folder. Existing projects stay in your list."
-              : "Local boards. Clear backlog. Pick a workspace to begin."}
-          </p>
-        </div>
-        <SetupWizard
-          initialPath=""
-          adding={adding}
-          hasExistingProjects={hasProjects}
-        />
-        {adding ? (
-          <p className="text-sm text-muted-foreground">
-            <Link href="/board" className="underline underline-offset-2">
-              Cancel and return to board
-            </Link>
-          </p>
-        ) : null}
-      </div>
-    </div>
-  )
-}