@taskmark/ui 0.1.0

package/dist/standalone/.next/static/chunks/turbopack-0xo65f5j55qxe.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,{otherChunks:["static/chunks/3w2ohvdljvkpj.js","static/chunks/27jktro2p5rq9.js","static/chunks/42tcxcpa-z9hi.js","static/chunks/12kmjf-wk-m-0.js"],runtimeModuleIds:[94553]}]),(()=>{let e;if(!Array.isArray(globalThis.TURBOPACK))return;let t="/_next/",r=function(){if(null!=self.TURBOPACK_ASSET_SUFFIX)return self.TURBOPACK_ASSET_SUFFIX;let e=document?.currentScript?.getAttribute?.("src")??"",t=e.indexOf("?");return t>=0?e.slice(t):""}(),n=["NEXT_DEPLOYMENT_ID","NEXT_CLIENT_ASSET_SUFFIX"];var o,i=((o=i||{})[o.Runtime=0]="Runtime",o[o.Parent=1]="Parent",o[o.Update=2]="Update",o);let l=new WeakMap;function s(e,t){this.m=e,this.e=t}let u=s.prototype,a=Object.prototype.hasOwnProperty,c="u">typeof Symbol&&Symbol.toStringTag;function f(e,t,r){a.call(e,t)||Object.defineProperty(e,t,r)}function p(e,t){let r=e[t];return r||(r=h(t),e[t]=r),r}function h(e){return{exports:{},error:void 0,id:e,namespaceObject:void 0}}function d(e,t){f(e,"__esModule",{value:!0}),c&&f(e,c,{value:"Module"});let r=0;for(;r<t.length;){let n=t[r++],o=t[r++];if("number"==typeof o)if(0===o)f(e,n,{value:t[r++],enumerable:!0,writable:!1});else throw Error(`unexpected tag: ${o}`);else"function"==typeof t[r]?f(e,n,{get:o,set:t[r++],enumerable:!0}):f(e,n,{get:o,enumerable:!0})}Object.seal(e)}function m(e,t){(null!=t?p(this.c,t):this.m).exports=e}u.s=function(e,t){let r,n;null!=t?n=(r=p(this.c,t)).exports:(r=this.m,n=this.e),r.namespaceObject=n,d(n,e)},u.j=function(e,t){var r,n;let o,i,s;null!=t?i=(o=p(this.c,t)).exports:(o=this.m,i=this.e);let u=(r=o,n=i,(s=l.get(r))||(l.set(r,s=[]),r.exports=r.namespaceObject=new Proxy(n,{get(e,t){if(a.call(e,t)||"default"===t||"__esModule"===t)return Reflect.get(e,t);for(let e of s){let r=Reflect.get(e,t);if(void 0!==r)return r}},ownKeys(e){let t=Reflect.ownKeys(e);for(let e of s)for(let r of Reflect.ownKeys(e))"default"===r||t.includes(r)||t.push(r);return t}})),s);"object"==typeof e&&null!==e&&u.push(e)},u.v=m,u.n=function(e,t){let r;(r=null!=t?p(this.c,t):this.m).exports=r.namespaceObject=e};let b=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,y=[null,b({}),b([]),b(b)];function g(e,t,r){let n=[],o=-1;for(let t=e;("object"==typeof t||"function"==typeof t)&&!y.includes(t);t=b(t))for(let r of Object.getOwnPropertyNames(t))n.push(r,function(e,t){return()=>e[t]}(e,r)),-1===o&&"default"===r&&(o=n.length-1);return r&&o>=0||(o>=0?n.splice(o,1,0,e):n.push("default",0,e)),d(t,n),t}function w(e){let t=B(e,this.m);if(t.namespaceObject)return t.namespaceObject;let r=t.exports;return t.namespaceObject=g(r,"function"==typeof r?function(...e){return r.apply(this,e)}:Object.create(null),r&&r.__esModule)}function O(e){let t=e.indexOf("#");-1!==t&&(e=e.substring(0,t));let r=e.indexOf("?");return -1!==r&&(e=e.substring(0,r)),e}function j(){let e,t;return{promise:new Promise((r,n)=>{t=n,e=r}),resolve:e,reject:t}}u.i=w,u.A=function(e){return this.r(e)(w.bind(this))},u.t="function"==typeof require?require:function(){throw Error("Unexpected use of runtime require")},u.r=function(e){return B(e,this.m).exports},u.f=function(e){function t(t){if(t=O(t),a.call(e,t))return e[t].module();let r=Error(`Cannot find module '${t}'`);throw r.code="MODULE_NOT_FOUND",r}return t.keys=()=>Object.keys(e),t.resolve=t=>{if(t=O(t),a.call(e,t))return e[t].id();let r=Error(`Cannot find module '${t}'`);throw r.code="MODULE_NOT_FOUND",r},t.import=async e=>await t(e),t};let k=Symbol("turbopack queues"),v=Symbol("turbopack exports"),U=Symbol("turbopack error");function C(e){e&&1!==e.status&&(e.status=1,e.forEach(e=>e.queueCount--),e.forEach(e=>e.queueCount--?e.queueCount++:e()))}u.a=function(e,t){let r=this.m,n=t?Object.assign([],{status:-1}):void 0,o=new Set,{resolve:i,reject:l,promise:s}=j(),u=Object.assign(s,{[v]:r.exports,[k]:e=>{n&&e(n),o.forEach(e),u.catch(()=>{})}}),a={get:()=>u,set(e){e!==u&&(u[v]=e)}};Object.defineProperty(r,"exports",a),Object.defineProperty(r,"namespaceObject",a),e(function(e){let t=e.map(e=>{if(null!==e&&"object"==typeof e){if(k in e)return e;if(null!=e&&"object"==typeof e&&"then"in e&&"function"==typeof e.then){let t=Object.assign([],{status:0}),r={[v]:{},[k]:e=>e(t)};return e.then(e=>{r[v]=e,C(t)},e=>{r[U]=e,C(t)}),r}}return{[v]:e,[k]:()=>{}}}),r=()=>t.map(e=>{if(e[U])throw e[U];return e[v]}),{promise:i,resolve:l}=j(),s=Object.assign(()=>l(r),{queueCount:0});function u(e){e!==n&&!o.has(e)&&(o.add(e),e&&0===e.status&&(s.queueCount++,e.push(s)))}return t.map(e=>e[k](u)),s.queueCount?i:r()},function(e){e?l(u[U]=e):i(u[v]),C(n)}),n&&-1===n.status&&(n.status=0)};let P=function(e){let t=new URL(e,"x:/"),r={};for(let e in t)r[e]=t[e];for(let t in r.href=e,r.pathname=e.replace(/[?#].*/,""),r.origin=r.protocol="",r.toString=r.toJSON=(...t)=>e,r)Object.defineProperty(this,t,{enumerable:!0,configurable:!0,value:r[t]})};function R(e,t){throw Error(`Invariant: ${t(e)}`)}P.prototype=URL.prototype,u.U=P,u.z=function(e){throw Error("dynamic usage of require is not supported")},u.g=globalThis;let S=s.prototype,$=new Map;u.M=$;let E=new Map,_=new Map;async function T(e,t,r){let n;if("string"==typeof r)return M(e,t,N(r));let o=r.included||[],i=o.map(e=>!!$.has(e)||E.get(e));if(i.length>0&&i.every(e=>e))return void await Promise.all(i);let l=r.moduleChunks||[],s=l.map(e=>_.get(e)).filter(e=>e);if(s.length>0){if(s.length===l.length)return void await Promise.all(s);let r=new Set;for(let e of l)_.has(e)||r.add(e);for(let n of r){let r=M(e,t,N(n));_.set(n,r),s.push(r)}n=Promise.all(s)}else{for(let o of(n=M(e,t,N(r.path)),l))_.has(o)||_.set(o,n)}for(let e of o)E.has(e)||E.set(e,n);await n}S.l=function(e){return T(i.Parent,this.m.id,e)};let A=Promise.resolve(void 0),x=new WeakMap;function M(t,r,n){let o=e.loadChunkCached(t,n),l=x.get(o);if(void 0===l){let e=x.set.bind(x,o,A);l=o.then(e).catch(e=>{let o;switch(t){case i.Runtime:o=`as a runtime dependency of chunk ${r}`;break;case i.Parent:o=`from module ${r}`;break;case i.Update:o="from an HMR update";break;default:R(t,e=>`Unknown source type: ${e}`)}let l=Error(`Failed to load chunk ${n} ${o}${e?`: ${e}`:""}`,e?{cause:e}:void 0);throw l.name="ChunkLoadError",l}),x.set(o,l)}return l}function N(e){return`${t}${e.split("/").map(e=>encodeURIComponent(e)).join("/")}${r}`}S.L=function(e){return M(i.Parent,this.m.id,e)},S.R=function(e){let t=this.r(e);return t?.default??t},S.P=function(e){return`/ROOT/${e??""}`},S.q=function(e,t){m.call(this,`${e}${r}`,t)},S.b=function(e,t,o,i){let l="SharedWorker"===e.name,s=[o.map(e=>N(e)).reverse(),r];for(let e of n)s.push(globalThis[e]);let u=new URL(N(t),location.origin),a=JSON.stringify(s);return l?u.searchParams.set("params",a):u.hash="#params="+encodeURIComponent(a),new e(u,i?{...i,type:void 0}:void 0)};let q=/\.js(?:\?[^#]*)?(?:#.*)?$/,K=/\.css(?:\?[^#]*)?(?:#.*)?$/;function L(e){return K.test(e)}u.w=function(t,r,n){return e.loadWebAssembly(i.Parent,this.m.id,t,r,n)},u.u=function(t,r){return e.loadWebAssemblyModule(i.Parent,this.m.id,t,r)};let I={};u.c=I;let B=(e,t)=>{let r=I[e];if(r){if(r.error)throw r.error;return r}return W(e,i.Parent,t.id)};function W(e,t,r){let n=$.get(e);if("function"!=typeof n)throw Error(function(e,t,r){let n;switch(t){case 0:n=`as a runtime entry of chunk ${r}`;break;case 1:n=`because it was required from module ${r}`;break;case 2:n="because of an HMR update";break;default:R(t,e=>`Unknown source type: ${e}`)}return`Module ${e} was instantiated ${n}, but the module factory is not available.`}(e,t,r));let o=h(e),i=o.exports;I[e]=o;let l=new s(o,i);try{n(l,o,i)}catch(e){throw o.error=e,e}return o.namespaceObject&&o.exports!==o.namespaceObject&&g(o.exports,o.namespaceObject),o}function F(t){let r,n=function(e){if("string"==typeof e)return e;if(e)return{src:e.getAttribute("src")};if("u">typeof TURBOPACK_NEXT_CHUNK_URLS)return{src:TURBOPACK_NEXT_CHUNK_URLS.pop()};throw Error("chunk path empty but not in a worker")}(t[0]);return 2===t.length?r=t[1]:(r=void 0,!function(e,t){let r=1;for(;r<e.length;){let n,o=r+1;for(;o<e.length&&"function"!=typeof e[o];)o++;if(o===e.length)throw Error("malformed chunk format, expected a factory function");let i=e[o];for(let i=r;i<o;i++){let r=e[i],o=t.get(r);if(o){n=o;break}}let l=n??i,s=!1;for(let n=r;n<o;n++){let r=e[n];t.has(r)||(s||(l===i&&Object.defineProperty(i,"name",{value:"module evaluation"}),s=!0),t.set(r,l))}r=o+1}}(t,$)),e.registerChunk(n,r)}let X=new Map;function D(e){let t=X.get(e);if(!t){let r,n;t={resolved:!1,loadingStarted:!1,promise:new Promise((e,t)=>{r=e,n=t}),resolve:()=>{t.resolved=!0,r()},reject:n},X.set(e,t)}return t}e={async registerChunk(e,r){let n=function(e){if("string"==typeof e)return e;let r=decodeURIComponent(e.src.replace(/[?#].*$/,""));return r.startsWith(t)?r.slice(t.length):r}(e);if(D("string"==typeof e?N(e):e.src).resolve(),null!=r){for(let e of r.otherChunks)D(N("string"==typeof e?e:e.path));if(await Promise.all(r.otherChunks.map(e=>T(i.Runtime,n,e))),r.runtimeModuleIds.length>0)for(let e of r.runtimeModuleIds)!function(e,t){let r=I[t];if(r){if(r.error)throw r.error;return}W(t,i.Runtime,e)}(n,e)}},loadChunkCached:(e,t)=>(function(e,t){let r=D(t);if(r.loadingStarted)return r.promise;if(e===i.Runtime)return r.loadingStarted=!0,L(t)&&r.resolve(),r.promise;if("function"==typeof importScripts)if(L(t));else if(q.test(t))self.TURBOPACK_NEXT_CHUNK_URLS.push(t),importScripts(t);else throw Error(`can't infer type of chunk from URL ${t} in worker`);else{let e=decodeURI(t);if(L(t))if(document.querySelectorAll(`link[rel=stylesheet][href="${t}"],link[rel=stylesheet][href^="${t}?"],link[rel=stylesheet][href="${e}"],link[rel=stylesheet][href^="${e}?"]`).length>0)r.resolve();else{let e=document.createElement("link");e.rel="stylesheet",e.href=t,e.onerror=()=>{r.reject()},e.onload=()=>{r.resolve()},document.head.appendChild(e)}else if(q.test(t)){let n=document.querySelectorAll(`script[src="${t}"],script[src^="${t}?"],script[src="${e}"],script[src^="${e}?"]`);if(n.length>0)for(let e of Array.from(n))e.addEventListener("error",()=>{r.reject()});else{let e=document.createElement("script");e.src=t,e.onerror=()=>{r.reject()},document.head.appendChild(e)}}else throw Error(`can't infer type of chunk from URL ${t}`)}return r.loadingStarted=!0,r.promise})(e,t),async loadWebAssembly(e,t,r,n,o){let i=fetch(N(r)),{instance:l}=await WebAssembly.instantiateStreaming(i,o);return l.exports},async loadWebAssemblyModule(e,t,r,n){let o=fetch(N(r));return await WebAssembly.compileStreaming(o)}};let H=globalThis.TURBOPACK;globalThis.TURBOPACK={push:F},H.forEach(F)})();

package/dist/standalone/.next/static/yYMAgTQ-mApv2yRSEYmVO/_buildManifest.js

@@ -0,0 +1,11 @@
+self.__BUILD_MANIFEST = {
+  "__rewrites": {
+    "afterFiles": [],
+    "beforeFiles": [],
+    "fallback": []
+  },
+  "sortedPages": [
+    "/_app",
+    "/_error"
+  ]
+};self.__BUILD_MANIFEST_CB && self.__BUILD_MANIFEST_CB()

package/dist/standalone/.next/static/yYMAgTQ-mApv2yRSEYmVO/_clientMiddlewareManifest.js

@@ -0,0 +1 @@
+self.__MIDDLEWARE_MATCHERS = [];self.__MIDDLEWARE_MATCHERS_CB && self.__MIDDLEWARE_MATCHERS_CB()

package/dist/standalone/.next/static/yYMAgTQ-mApv2yRSEYmVO/_ssgManifest.js

@@ -0,0 +1 @@
+self.__SSG_MANIFEST=new Set([]);self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB()

package/dist/standalone/AGENTS.md

@@ -0,0 +1,5 @@
+<!-- BEGIN:nextjs-agent-rules -->
+# This is NOT the Next.js you know
+
+This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices.
+<!-- END:nextjs-agent-rules -->

package/dist/standalone/CLAUDE.md

@@ -0,0 +1 @@
+@AGENTS.md

package/dist/standalone/README.md

@@ -0,0 +1,74 @@
+# @taskmark/ui — local board UI
+
+Install in a Taskmark board folder (or product root with `./taskmark/`) and open the board in the browser.
+
+## Install and serve
+
+```bash
+# from nested ./taskmark/ or a dedicated *-taskmark board root
+npm install @taskmark/ui --save-dev
+npx taskmark serve
+```
+
+Opens [http://localhost:8275](http://localhost:8275) bound to **this** board.
+
+Without a local install (once published):
+
+```bash
+npx -p @taskmark/ui taskmark serve
+```
+
+| Option | Meaning |
+|--------|---------|
+| `--port` / `-p` | Listen port (default **8275**; also `PORT` / `TASKMARK_PORT`) |
+| `--board <path>` | Board or product root (sets `TASKMARK_BOARD`) |
+| `--no-open` | Print the URL only |
+
+Board resolution:
+
+1. `--board` / `TASKMARK_BOARD`
+2. `TASKMARK_MASTER`
+3. `TASKMARK_CWD` → npm `INIT_CWD` → `process.cwd()` — nested `./taskmark/` or flat `*-taskmark` root
+
+### Nested vs flat boards
+
+| Layout | Where to install / run |
+|--------|------------------------|
+| Single-git | Product root (discovers `./taskmark/`) or the `taskmark/` folder |
+| Multi-git | Dedicated sibling `*-taskmark` repo root (`INDEX.md` at root) |
+
+You do **not** need to clone `taskmark-frontend`.
+
+### Optional `package.json` stub
+
+```json
+{
+  "name": "my-project-taskmark",
+  "private": true,
+  "scripts": {
+    "start": "taskmark serve"
+  },
+  "devDependencies": {
+    "@taskmark/ui": "^0.1.0"
+  }
+}
+```
+
+Then `npm install && npm start`.
+
+## Develop this package
+
+```bash
+npm install
+npm run build    # next standalone + dist/ for the CLI
+npm run serve    # local bin against cwd/env board
+npm run dev      # Next dev server on :3000 (setup wizard unless auto-bound)
+```
+
+Zero-config for `npm run dev`: `TASKMARK_BOARD` / `TASKMARK_MASTER` / cwd (see above). Cookie multi-master setup still works when unbound.
+
+## Stack
+
+- Next.js standalone server packaged for `taskmark serve`
+- Tailwind CSS v4
+- Local markdown boards only (no hosted sync)

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

@@ -0,0 +1,211 @@
+"use server"
+
+import fs from "node:fs"
+import path from "node:path"
+
+import { getActiveProjectCookie, getMasterFoldersCookie } from "@/lib/taskmark/cookies"
+import { resolveActiveProject } from "@/lib/taskmark/active-project"
+import { parseWorkItemDetailFromRaw } from "@/lib/taskmark/parse-detail"
+import type {
+  DetailChildItem,
+  WorkItemDetail,
+  WorkItemDetailResult,
+  WorkItemRef,
+} from "@/lib/taskmark/detail-types"
+import { parseItemsForEpic, parseItemsForStory } from "@/lib/taskmark/parse-items"
+import { parseStoriesForEpic } from "@/lib/taskmark/parse-stories"
+import type { DiscoveredProject } from "@/lib/taskmark/types"
+import {
+  findWorkItemInProjects,
+  findWorkItemOnBoard,
+} from "@/lib/taskmark/resolve-work-item"
+import { loadConfiguredWorkspace } from "@/lib/taskmark/workspace"
+
+function isPathInside(parent: string, child: string): boolean {
+  const rel = path.relative(parent, child)
+  return rel === "" || (!rel.startsWith("..") && !path.isAbsolute(rel))
+}
+
+function findProjectForFile(
+  projects: DiscoveredProject[],
+  filePath: string
+): DiscoveredProject | null {
+  const resolved = path.resolve(filePath)
+  return (
+    projects.find((p) => isPathInside(path.resolve(p.boardPath), resolved)) ??
+    null
+  )
+}
+
+function attachChildren(
+  detail: WorkItemDetail,
+  project: DiscoveredProject
+): WorkItemDetail {
+  if (detail.type === "epic") {
+    const children: DetailChildItem[] = []
+    const stories = parseStoriesForEpic(project, detail.id)
+    for (const story of stories.stories) {
+      children.push({
+        id: story.id,
+        title: story.title,
+        type: "story",
+        status: story.status,
+        priority: story.priority,
+        filePath: story.filePath,
+      })
+    }
+    const epicItems = parseItemsForEpic(project, detail.id)
+    for (const item of epicItems.items) {
+      children.push({
+        id: item.id,
+        title: item.title,
+        type: item.type,
+        status: item.status,
+        priority: item.priority,
+        filePath: item.filePath,
+      })
+    }
+    return { ...detail, children }
+  }
+
+  if (detail.type === "story") {
+    const epicId = detail.epic || detail.parent
+    if (!epicId) return detail
+    const children: DetailChildItem[] = []
+    const items = parseItemsForStory(project, epicId, detail.id)
+    for (const item of items.items) {
+      children.push({
+        id: item.id,
+        title: item.title,
+        type: item.type,
+        status: item.status,
+        priority: item.priority,
+        filePath: item.filePath,
+      })
+    }
+    return { ...detail, children }
+  }
+
+  return detail
+}
+
+export type ResolveWorkItemResult =
+  | { ok: true; ref: WorkItemRef }
+  | { ok: false; itemId: string; message: string }
+
+/**
+ * Resolve a shareable work item id (E-/S-/T-/B-) to a WorkItemRef.
+ *
+ * - `withinFilePath`: only search the board that contains that file (in-sheet nav).
+ * - otherwise: only search the **active** project board (shared `?item=` links).
+ */
+export async function resolveWorkItemById(
+  itemId: string,
+  options?: { withinFilePath?: string | null }
+): Promise<ResolveWorkItemResult> {
+  const id = typeof itemId === "string" ? itemId.trim() : ""
+  if (!id) {
+    return { ok: false, itemId: "", message: "Missing work item id" }
+  }
+
+  const masters = await getMasterFoldersCookie()
+  if (masters.length === 0) {
+    return { ok: false, itemId: id, message: "No workspace configured" }
+  }
+
+  const workspace = loadConfiguredWorkspace(masters)
+  const within = options?.withinFilePath?.trim() || null
+
+  if (within) {
+    const project = findProjectForFile(workspace.projects, within)
+    if (!project) {
+      return {
+        ok: false,
+        itemId: id,
+        message: "File is outside configured Taskmark boards",
+      }
+    }
+    const ref = findWorkItemOnBoard(project.boardPath, id)
+    if (!ref) {
+      return {
+        ok: false,
+        itemId: id,
+        message: `Work item ${id} was not found on this project board`,
+      }
+    }
+    return { ok: true, ref }
+  }
+
+  const savedActiveId = await getActiveProjectCookie()
+  const active = resolveActiveProject(workspace.projects, savedActiveId)
+  if (!active) {
+    return {
+      ok: false,
+      itemId: id,
+      message: "No active Taskmark project selected",
+    }
+  }
+
+  const resolved = findWorkItemInProjects(workspace.projects, id, {
+    boardPath: active.boardPath,
+  })
+  if (!resolved) {
+    return {
+      ok: false,
+      itemId: id,
+      message: `Work item ${id} was not found on the active board`,
+    }
+  }
+
+  const { boardPath: _boardPath, projectId: _projectId, ...ref } = resolved
+  return { ok: true, ref }
+}
+
+/**
+ * Load and parse a full work item detail from an absolute markdown path.
+ * Path must resolve under a configured project's boardPath.
+ */
+export async function loadWorkItemDetail(
+  filePath: string,
+  hint?: "epic" | "story" | "item"
+): Promise<WorkItemDetailResult> {
+  if (!filePath || typeof filePath !== "string") {
+    return { ok: false, filePath: filePath ?? "", message: "Missing file path" }
+  }
+
+  const resolved = path.resolve(filePath)
+  if (!resolved.endsWith(".md")) {
+    return { ok: false, filePath: resolved, message: "Not a markdown file" }
+  }
+
+  const masters = await getMasterFoldersCookie()
+  if (masters.length === 0) {
+    return { ok: false, filePath: resolved, message: "No workspace configured" }
+  }
+
+  const workspace = loadConfiguredWorkspace(masters)
+  const project = findProjectForFile(workspace.projects, resolved)
+  if (!project) {
+    return {
+      ok: false,
+      filePath: resolved,
+      message: "File is outside configured Taskmark boards",
+    }
+  }
+
+  let raw: string
+  try {
+    raw = fs.readFileSync(resolved, "utf8")
+  } catch (err) {
+    return {
+      ok: false,
+      filePath: resolved,
+      message: err instanceof Error ? err.message : "Failed to read file",
+    }
+  }
+
+  const result = parseWorkItemDetailFromRaw(raw, resolved, hint)
+  if (!result.ok) return result
+
+  return { ok: true, detail: attachChildren(result.detail, project) }
+}

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

@@ -0,0 +1,271 @@
+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 { 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 { 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 { 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) {
+  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>
+  )
+}