@shivaedev/work-board 0.2.1 → 0.4.0

package/dist/views/savedScript.js

@@ -0,0 +1,89 @@
+export function savedScript() {
+    return `
+const key = "work-board:views:" + document.documentElement.dataset.workspace;
+let views = [];
+let notice = "";
+let selectedName = "";
+const localUrl = (value) => {
+  if (typeof value !== "string" || value.length > 8192) return null;
+  try {
+    const url = new URL(value, location.href);
+    if (url.origin !== location.origin || url.pathname !== "/_board/work") return null;
+    for (const name of [...url.searchParams.keys()]) {
+      if (!["view", "board", "owner", "status", "q", "sort"].includes(name)) url.searchParams.delete(name);
+    }
+    return url.pathname + url.search;
+  } catch { return null; }
+};
+try {
+  const saved = JSON.parse(localStorage.getItem(key) ?? "[]");
+  if (Array.isArray(saved)) {
+    for (const entry of saved) {
+      const url = localUrl(entry?.url);
+      if (!url || typeof entry.name !== "string" || !entry.name.trim() || entry.name.length > 60 || views.some((view) => view.name === entry.name)) continue;
+      views.push({ name: entry.name, url });
+      if (views.length === 10) break;
+    }
+  }
+} catch { notice = "Saved views could not be restored; new views apply to this page until saved."; }
+const persist = () => {
+  try { localStorage.setItem(key, JSON.stringify(views)); notice = ""; }
+  catch { notice = "Saved views apply to this page only; browser storage is unavailable."; }
+};
+const selectedView = () => views.find((view) => view.name === document.getElementById("saved-view")?.value);
+const showSelection = () => {
+  const open = document.getElementById("open-saved-view");
+  if (!open) return;
+  const selected = selectedView();
+  open.hidden = !selected;
+  if (selected) open.href = selected.url; else open.removeAttribute("href");
+  document.getElementById("remove-saved-view").disabled = !selected;
+};
+const option = (label, value) => {
+  const node = document.createElement("option");
+  node.textContent = label; node.value = value;
+  return node;
+};
+const refresh = (chosen) => {
+  const tools = document.getElementById("saved-work-views");
+  if (!tools) return;
+  const picker = document.getElementById("saved-view");
+  const previous = chosen ?? selectedName;
+  const labels = views.map((view) => view.name);
+  if (JSON.stringify([...picker.options].slice(1).map((option) => option.value)) !== JSON.stringify(labels)) {
+    picker.replaceChildren(option(views.length ? "Choose a saved view" : "No saved views", ""), ...views.map((view) => option(view.name, view.name)));
+  }
+  picker.value = views.some((view) => view.name === previous) ? previous : "";
+  selectedName = picker.value;
+  picker.disabled = views.length === 0;
+  tools.querySelector('#save-work-view button').disabled = false;
+  document.getElementById("clear-saved-views").disabled = views.length === 0;
+  document.getElementById("saved-view-status").textContent = notice || "Save board, filters, sort, and layout locally. Up to 10 named views; saving the same name updates it. Item selection stays in the URL.";
+  showSelection();
+};
+document.addEventListener("submit", (event) => {
+  if (!event.target.matches?.("#save-work-view")) return;
+  event.preventDefault();
+  const name = document.getElementById("view-name").value.trim().slice(0, 60);
+  const url = localUrl(document.getElementById("saved-work-views").dataset.url);
+  if (!name || !url) return;
+  if (views.length === 10 && !views.some((view) => view.name === name)) {
+    notice = "You have 10 saved views. Remove one or update an existing name."; refresh(); return;
+  }
+  views = [{ name, url }, ...views.filter((view) => view.name !== name)];
+  persist(); refresh(name);
+});
+document.addEventListener("change", (event) => {
+  if (event.target.id === "saved-view") { selectedName = event.target.value; showSelection(); }
+});
+document.addEventListener("click", (event) => {
+  if (event.target.id === "remove-saved-view") views = views.filter((view) => view.name !== selectedView()?.name);
+  else if (event.target.id === "clear-saved-views") views = [];
+  else return;
+  persist(); refresh();
+});
+document.addEventListener("board-page", () => refresh());
+refresh();
+`;
+}
+//# sourceMappingURL=savedScript.js.map

package/dist/views/savedScript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"savedScript.js","sourceRoot":"","sources":["../../src/views/savedScript.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW;IAC1B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFP,CAAC;AACF,CAAC"}

package/dist/views/state.d.ts

@@ -0,0 +1,15 @@
+import { Schema } from "effect";
+export declare const State: Schema.Struct<{
+    readonly board: Schema.String;
+    readonly item: Schema.String;
+    readonly owner: Schema.String;
+    readonly query: Schema.String;
+    readonly sort: Schema.Literals<readonly ["title", "owner", "status"]>;
+    readonly status: Schema.String;
+    readonly view: Schema.Literals<readonly ["board", "table"]>;
+}>;
+export type State = typeof State.Type;
+export declare function stateOf(url: string): State;
+export declare function viewUrl(state: State, changes?: Partial<State>, hash?: string): string;
+export declare function fieldFilter(value: string | undefined): string;
+//# sourceMappingURL=state.d.ts.map

package/dist/views/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/views/state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,MAAM,EAAE,MAAM,QAAQ,CAAC;AAIxC,eAAO,MAAM,KAAK;;;;;;;;EAQhB,CAAC;AACH,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAC;AAEtC,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAW1C;AACD,wBAAgB,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,GAAE,OAAO,CAAC,KAAK,CAAM,EAAE,IAAI,SAAK,GAAG,MAAM,CAgBrF;AACD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAE7D"}

package/dist/views/state.js

@@ -0,0 +1,45 @@
+import { Option, Schema } from "effect";
+const View = Schema.Literals(["board", "table"]);
+const Sort = Schema.Literals(["title", "owner", "status"]);
+export const State = Schema.Struct({
+    board: Schema.String,
+    item: Schema.String,
+    owner: Schema.String,
+    query: Schema.String,
+    sort: Sort,
+    status: Schema.String,
+    view: View,
+});
+export function stateOf(url) {
+    const params = new URL(url, "http://127.0.0.1").searchParams;
+    return {
+        board: params.get("board") ?? "",
+        item: params.get("item") ?? "",
+        owner: params.get("owner") ?? "",
+        query: (params.get("q") ?? "").slice(0, 200),
+        sort: Option.getOrElse(Schema.decodeUnknownOption(Sort)(params.get("sort")), () => "title"),
+        status: params.get("status") ?? "",
+        view: Option.getOrElse(Schema.decodeUnknownOption(View)(params.get("view")), () => "board"),
+    };
+}
+export function viewUrl(state, changes = {}, hash = "") {
+    const next = { ...state, ...changes };
+    const params = new URLSearchParams({ view: next.view });
+    for (const [key, value] of Object.entries({
+        board: next.board,
+        item: next.item,
+        owner: next.owner,
+        q: next.query,
+        sort: next.sort,
+        status: next.status,
+    })) {
+        if (value) {
+            params.set(key, value);
+        }
+    }
+    return `/_board/work?${params}${hash ? `#${hash}` : ""}`;
+}
+export function fieldFilter(value) {
+    return value === undefined ? "missing" : `value:${value}`;
+}
+//# sourceMappingURL=state.js.map

package/dist/views/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/views/state.ts"],"names":[],"mappings":"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"}

package/dist/views/tools.d.ts

@@ -0,0 +1,3 @@
+import { type State } from "./state.ts";
+export declare function viewTools(state: State): string;
+//# sourceMappingURL=tools.d.ts.map

package/dist/views/tools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tools.d.ts","sourceRoot":"","sources":["../../src/views/tools.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,KAAK,EAAW,MAAM,YAAY,CAAC;AAEjD,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAO9C"}

package/dist/views/tools.js

@@ -0,0 +1,11 @@
+import { escapeHtml } from "#page/escape.ts";
+import { viewUrl } from "./state.js";
+export function viewTools(state) {
+    const layouts = ["board", "table"];
+    return `<nav class="view-layouts" aria-label="Work layout">${layouts.map((view) => `<a href="${escapeHtml(viewUrl(state, { view }, "work-results"))}"${state.view === view ? ' aria-current="page"' : ""}>${view === "board" ? "Board" : "Table"}</a>`).join("")}</nav>
+ <section id="saved-work-views" class="saved-work-views" aria-label="Saved local views" data-url="${escapeHtml(viewUrl(state, { item: "" }))}">
+ <form id="save-work-view"><label for="view-name">View name</label><input id="view-name" maxlength="60" placeholder="Name this view" required><button type="submit" disabled>Save view</button></form>
+ <div class="view-picker"><label for="saved-view">Saved views</label><select id="saved-view" disabled><option value="">No saved views</option></select><a id="open-saved-view" hidden>Open</a><button id="remove-saved-view" type="button" disabled>Remove</button><button id="clear-saved-views" type="button" disabled>Clear all</button></div>
+ <p id="saved-view-status" role="status">Save board, filters, sort, and layout locally. Item selection stays in the URL. Saving requires JavaScript.</p></section>`;
+}
+//# sourceMappingURL=tools.js.map

package/dist/views/tools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tools.js","sourceRoot":"","sources":["../../src/views/tools.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAc,OAAO,EAAE,MAAM,YAAY,CAAC;AAEjD,MAAM,UAAU,SAAS,CAAC,KAAY;IACrC,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,OAAO,CAAU,CAAC;IAC5C,OAAO,sDAAsD,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;oGAC7J,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;;;mKAGuB,CAAC;AACpK,CAAC"}

package/dist/views/workCards.d.ts

@@ -0,0 +1,4 @@
+import type { Item } from "./items.ts";
+import { type State } from "./state.ts";
+export declare function workCards(items: readonly Item[], state: State): string;
+//# sourceMappingURL=workCards.d.ts.map

package/dist/views/workCards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workCards.d.ts","sourceRoot":"","sources":["../../src/views/workCards.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,KAAK,KAAK,EAAW,MAAM,YAAY,CAAC;AAWjD,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,CAYtE"}

package/dist/views/workCards.js

@@ -0,0 +1,23 @@
+import { escapeHtml } from "#page/escape.ts";
+import { viewUrl } from "./state.js";
+function card(item, state) {
+    const fields = item.document.parsed.fields;
+    const selected = item.id === state.item;
+    return `<article class="work-card" data-key="item:${escapeHtml(item.id)}" data-item="${escapeHtml(item.id)}"${selected ? ' data-selected="true"' : ""}>
+ <p class="work-kind">${escapeHtml(fields.kind ?? "Kind not recorded")}</p>
+ <h3><a href="${escapeHtml(viewUrl(state, { item: item.id }, "work-detail"))}"${selected ? ' aria-current="true"' : ""}>${escapeHtml(item.title)}</a></h3>
+ <p class="work-id">${escapeHtml(item.id)}</p><p class="work-owner">Owner: ${escapeHtml(fields.owner ?? "Not recorded")}</p>
+ ${fields.nextAction ? `<p class="work-next">Next: ${escapeHtml(fields.nextAction)}</p>` : ""}</article>`;
+}
+export function workCards(items, state) {
+    if (items.length === 0) {
+        return '<p class="empty">No work matches these filters.</p>';
+    }
+    const columns = Map.groupBy(items, (item) => item.document.parsed.fields.status);
+    return `<div class="work-columns">${[...columns]
+        .map(([status, rows]) => `<section class="work-column" data-key="status:${escapeHtml(status ?? "")}"
+ aria-label="${escapeHtml(status ?? "Status not recorded")}"><h2>${escapeHtml(status ?? "Status not recorded")} <span class="work-count">${rows.length}</span></h2>
+ ${rows.map((item) => card(item, state)).join("")}</section>`)
+        .join("")}</div>`;
+}
+//# sourceMappingURL=workCards.js.map

package/dist/views/workCards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workCards.js","sourceRoot":"","sources":["../../src/views/workCards.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAc,OAAO,EAAE,MAAM,YAAY,CAAC;AAEjD,SAAS,IAAI,CAAC,IAAU,EAAE,KAAY;IACrC,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC;IAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,IAAI,CAAC;IACxC,OAAO,6CAA6C,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE;wBAC9H,UAAU,CAAC,MAAM,CAAC,IAAI,IAAI,mBAAmB,CAAC;gBACtD,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,aAAa,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;sBAC1H,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,oCAAoC,UAAU,CAAC,MAAM,CAAC,KAAK,IAAI,cAAc,CAAC;GACpH,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,8BAA8B,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC;AAC1G,CAAC;AACD,MAAM,UAAU,SAAS,CAAC,KAAsB,EAAE,KAAY;IAC7D,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,qDAAqD,CAAC;IAC9D,CAAC;IACD,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACjF,OAAO,6BAA6B,CAAC,GAAG,OAAO,CAAC;SAC9C,GAAG,CACH,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,iDAAiD,UAAU,CAAC,MAAM,IAAI,EAAE,CAAC;eACjF,UAAU,CAAC,MAAM,IAAI,qBAAqB,CAAC,SAAS,UAAU,CAAC,MAAM,IAAI,qBAAqB,CAAC,6BAA6B,IAAI,CAAC,MAAM;GACnJ,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAC1D;SACA,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC;AACpB,CAAC"}

package/dist/views/workControls.d.ts

@@ -0,0 +1,4 @@
+import type { Projection } from "./projection.ts";
+import { type State } from "./state.ts";
+export declare function workControls(projection: Projection, state: State): string;
+//# sourceMappingURL=workControls.d.ts.map

package/dist/views/workControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workControls.d.ts","sourceRoot":"","sources":["../../src/views/workControls.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAe,KAAK,KAAK,EAAW,MAAM,YAAY,CAAC;AAuB9D,wBAAgB,YAAY,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,CAWzE"}

package/dist/views/workControls.js

@@ -0,0 +1,32 @@
+import { escapeHtml } from "#page/escape.ts";
+import { fieldFilter, viewUrl } from "./state.js";
+function option(value, title, current) {
+    return `<option value="${escapeHtml(value)}"${value === current ? " selected" : ""}>${escapeHtml(title)}</option>`;
+}
+function fieldOptions(items, field, current) {
+    const values = new Map(items.map((item) => {
+        const value = item.document.parsed.fields[field];
+        return [fieldFilter(value), value ?? `${field === "owner" ? "Owner" : "Status"} not recorded`];
+    }));
+    if (current && !values.has(current)) {
+        values.set(current, `${current.startsWith("value:") ? current.slice(6) : current} (no current matches)`);
+    }
+    return (option("", `All ${field === "owner" ? "owners" : "statuses"}`, current)
+        + [...values]
+            .sort((a, b) => a[1].localeCompare(b[1], "en"))
+            .map(([value, label]) => option(value, label, current))
+            .join(""));
+}
+export function workControls(projection, state) {
+    const boards = option("", "All work", state.board) + projection.boards.map((board) => option(board.id, board.title, state.board)).join("");
+    const unavailable = state.board && !projection.validBoard ? option(state.board, `${state.board} (unavailable)`, state.board) : "";
+    return `<form id="work-filters" class="work-filters" action="/_board/work#work-results" method="get">
+ <input type="hidden" name="view" value="${state.view}"><input type="hidden" name="item" value="${escapeHtml(state.item)}">
+ <label><span>Board</span><select name="board" id="work-board">${boards}${unavailable}</select></label>
+ <label><span>Status</span><select name="status" id="work-status">${fieldOptions(projection.items, "status", state.status)}</select></label>
+ <label><span>Owner</span><select name="owner" id="work-owner">${fieldOptions(projection.items, "owner", state.owner)}</select></label>
+ <label><span>Find work</span><input name="q" id="work-query" type="search" value="${escapeHtml(state.query)}" maxlength="200"></label>
+ <label><span>Sort by</span><select name="sort" id="work-sort">${["title", "owner", "status"].map((sort) => option(sort, sort.charAt(0).toUpperCase() + sort.slice(1), state.sort)).join("")}</select></label>
+ <button type="submit">Apply</button><a href="${escapeHtml(viewUrl(state, { owner: "", query: "", status: "" }, "work-results"))}">Clear filters</a></form>`;
+}
+//# sourceMappingURL=workControls.js.map

package/dist/views/workControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workControls.js","sourceRoot":"","sources":["../../src/views/workControls.ts"],"names":[],"mappings":"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"}

package/dist/views/workDetail.d.ts

@@ -0,0 +1,13 @@
+import { Effect } from "effect";
+import type { Snapshot } from "#search/snapshot.ts";
+import type { Projection } from "./projection.ts";
+export declare const workDetail: (projection: Projection, state: {
+    readonly board: string;
+    readonly item: string;
+    readonly owner: string;
+    readonly query: string;
+    readonly sort: "owner" | "status" | "title";
+    readonly status: string;
+    readonly view: "board" | "table";
+}, snapshot: Snapshot) => Effect.Effect<string, import("../render/failed.ts").RenderFailed, import("../render/highlighter.ts").Highlighter>;
+//# sourceMappingURL=workDetail.d.ts.map

package/dist/views/workDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workDetail.d.ts","sourceRoot":"","sources":["../../src/views/workDetail.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAMhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,eAAO,MAAM,UAAU;;;;;;;;2IAiBrB,CAAC"}

package/dist/views/workDetail.js

@@ -0,0 +1,26 @@
+import { Effect } from "effect";
+import { identityUrl } from "#metadata/links.ts";
+import { escapeHtml } from "#page/escape.ts";
+import { metadataHtml } from "#page/metadata.ts";
+import { documentHeadings } from "#render/documentHeadings.ts";
+import { renderMarkdown } from "#render/markdown.ts";
+import { viewUrl } from "./state.js";
+export const workDetail = Effect.fn("WorkBoard.workDetail")(function* (projection, state, snapshot) {
+    if (!state.item) {
+        return "";
+    }
+    const close = `<a class="detail-close" href="${escapeHtml(viewUrl(state, { item: "" }, "work-results"))}">Close detail</a>`;
+    const selected = projection.selected;
+    if (!selected) {
+        const ambiguous = (snapshot.model.ids.get(state.item)?.length ?? 0) > 1;
+        return `<aside id="work-detail" class="work-detail" tabindex="-1" aria-label="Selected work">${close}<h2>Item unavailable</h2><p>${escapeHtml(state.item)} ${ambiguous ? "has a duplicate ID" : "is missing or its identity changed"}. No source was selected.</p><a href="${escapeHtml(identityUrl(state.item))}">Inspect item identity</a></aside>`;
+    }
+    const { document } = selected;
+    const prose = yield* renderMarkdown(document.parsed.body, { file: document.file, headings: documentHeadings() });
+    return `<aside id="work-detail" class="work-detail" data-key="detail:${escapeHtml(selected.id)}" tabindex="-1" aria-label="Selected work">
+ <header>${close}<a href="${escapeHtml(identityUrl(selected.id))}">Open document</a></header>
+ ${projection.selectedOutside ? '<p class="detail-notice" role="status">This selected item is outside the current board or filters.</p>' : ""}
+ <p class="meta">Source: ${escapeHtml(document.file)}</p>${metadataHtml(document.parsed, document.file, snapshot.model)}
+ <article class="doc">${prose}</article></aside>`;
+});
+//# sourceMappingURL=workDetail.js.map

package/dist/views/workDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workDetail.js","sourceRoot":"","sources":["../../src/views/workDetail.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,OAAO,EAAc,OAAO,EAAE,MAAM,YAAY,CAAC;AAEjD,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,QAAQ,CAAC,EAAE,UAAsB,EAAE,KAAY,EAAE,QAAkB;IAC9H,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACjB,OAAO,EAAE,CAAC;IACX,CAAC;IACD,MAAM,KAAK,GAAG,iCAAiC,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC,oBAAoB,CAAC;IAC5H,MAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC;IACrC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACf,MAAM,SAAS,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACxE,OAAO,wFAAwF,KAAK,+BAA+B,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oCAAoC,yCAAyC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,qCAAqC,CAAC;IACvV,CAAC;IACD,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC;IAC9B,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAC;IACjH,OAAO,gEAAgE,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;WACpF,KAAK,YAAY,UAAU,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;GAC7D,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,wGAAwG,CAAC,CAAC,CAAC,EAAE;2BAClH,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC;wBAC/F,KAAK,oBAAoB,CAAC;AAClD,CAAC,CAAC,CAAC"}

package/dist/views/workHtml.d.ts

@@ -0,0 +1,15 @@
+import { Effect } from "effect";
+import type { Snapshot } from "#search/snapshot.ts";
+export declare const workHtml: (snapshot: Snapshot, state: {
+    readonly board: string;
+    readonly item: string;
+    readonly owner: string;
+    readonly query: string;
+    readonly sort: "owner" | "status" | "title";
+    readonly status: string;
+    readonly view: "board" | "table";
+}) => Effect.Effect<{
+    html: string;
+    status: number;
+}, import("../render/failed.ts").RenderFailed, import("../render/highlighter.ts").Highlighter>;
+//# sourceMappingURL=workHtml.d.ts.map

package/dist/views/workHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workHtml.d.ts","sourceRoot":"","sources":["../../src/views/workHtml.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAGhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AASpD,eAAO,MAAM,QAAQ;;;;;;;;;;;8FA0BnB,CAAC"}

package/dist/views/workHtml.js

@@ -0,0 +1,35 @@
+import { Effect } from "effect";
+import { identityUrl } from "#metadata/links.ts";
+import { escapeHtml } from "#page/escape.ts";
+import { projectItems } from "./projection.js";
+import { viewTools } from "./tools.js";
+import { workCards } from "./workCards.js";
+import { workControls } from "./workControls.js";
+import { workDetail } from "./workDetail.js";
+import { workTable } from "./workTable.js";
+export const workHtml = Effect.fn("WorkBoard.workHtml")(function* (snapshot, state) {
+    const projection = projectItems(snapshot, state);
+    const controls = workControls(projection, state);
+    const tools = viewTools(state);
+    if (!projection.validBoard) {
+        return {
+            html: `<h1>Board unavailable</h1>${tools}${controls}<p class="empty">${escapeHtml(state.board)} is missing, has a duplicate ID, or is not a declared board. Choose another board or open its <a href="${escapeHtml(identityUrl(state.board))}">source identity</a>.</p>`,
+            status: 404,
+        };
+    }
+    const issues = projection.issues.length > 0
+        ? `<details class="view-issues"><summary>Source issues (${projection.issues.length})</summary><ul>${projection.issues.map((issue) => `<li>${escapeHtml(issue)}</li>`).join("")}</ul></details>`
+        : "";
+    const source = state.board ? `<a href="${escapeHtml(identityUrl(state.board))}">Board source</a>` : "";
+    const empty = projection.items.length === 0
+        ? '<p class="empty">No identified work is declared here. Keep reading ordinary files, or add item IDs and explicit board membership in their Markdown sources.</p>'
+        : "";
+    const detail = yield* workDetail(projection, state, snapshot);
+    return {
+        html: `<header class="work-head"><p class="work-eyebrow">WORK · ${state.view.toUpperCase()} VIEW</p><h1>${escapeHtml(projection.title)}</h1><p>Views use recorded fields. A section heading does not set an item's status.</p>${source}</header>
+ ${tools}${controls}${issues}<p class="work-total" role="status">${projection.rows.length} shown · ${projection.items.length} items in this view</p>
+ <div class="work-layout${state.item ? " has-detail" : ""}"><section id="work-results" tabindex="-1" aria-label="Work items">${empty}${state.view === "table" ? workTable(projection.rows, state) : workCards(projection.rows, state)}</section>${detail}</div>`,
+        status: 200,
+    };
+});
+//# sourceMappingURL=workHtml.js.map

package/dist/views/workHtml.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workHtml.js","sourceRoot":"","sources":["../../src/views/workHtml.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC,EAAE,QAAkB,EAAE,KAAY;IAClG,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,YAAY,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAC/B,IAAI,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;QAC5B,OAAO;YACN,IAAI,EAAE,6BAA6B,KAAK,GAAG,QAAQ,oBAAoB,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,0GAA0G,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,4BAA4B;YACxQ,MAAM,EAAE,GAAG;SACX,CAAC;IACH,CAAC;IACD,MAAM,MAAM,GACX,UAAU,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;QAC3B,CAAC,CAAC,wDAAwD,UAAU,CAAC,MAAM,CAAC,MAAM,kBAAkB,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,iBAAiB;QAC/L,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;IACvG,MAAM,KAAK,GACV,UAAU,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;QAC5B,CAAC,CAAC,iKAAiK;QACnK,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,UAAU,CAAC,UAAU,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC9D,OAAO;QACN,IAAI,EAAE,4DAA4D,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,gBAAgB,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,0FAA0F,MAAM;GACrO,KAAK,GAAG,QAAQ,GAAG,MAAM,uCAAuC,UAAU,CAAC,IAAI,CAAC,MAAM,YAAY,UAAU,CAAC,KAAK,CAAC,MAAM;0BAClG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,sEAAsE,KAAK,GAAG,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,aAAa,MAAM,QAAQ;QAC9P,MAAM,EAAE,GAAG;KACX,CAAC;AACH,CAAC,CAAC,CAAC"}

package/dist/views/workStyle.d.ts

@@ -0,0 +1,2 @@
+export declare function workStyle(): string;
+//# sourceMappingURL=workStyle.d.ts.map

package/dist/views/workStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workStyle.d.ts","sourceRoot":"","sources":["../../src/views/workStyle.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,IAAI,MAAM,CAgBlC"}

package/dist/views/workStyle.js

@@ -0,0 +1,18 @@
+export function workStyle() {
+    return `
+.work-head h1{margin:0 0 8px}.work-eyebrow{font:11px var(--mono);letter-spacing:.12em;color:var(--muted);margin:0 0 12px}.work-head>p:not(.work-eyebrow){color:var(--muted);font-size:.9rem;margin:0 0 12px}
+.work-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:24px 0 16px;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
+.work-filters label{display:grid;gap:5px;font-size:12px;color:var(--muted);flex:1 1 130px;min-width:0}.work-filters input,.work-filters select{width:100%;min-width:0;font:inherit;font-size:14px;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:5px;padding:8px}
+.work-filters button{font:inherit;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:5px;padding:8px 12px}.work-filters>a{font-size:13px;padding:8px 0}.work-total{font-size:13px;color:var(--muted);margin:0 0 20px}
+.work-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.work-layout.has-detail{grid-template-columns:minmax(0,1fr) minmax(300px,420px)}
+.work-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.work-column{min-width:0}.work-column>h2{display:flex;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:14px;overflow-wrap:anywhere}.work-count{font:12px var(--mono);color:var(--muted)}
+.work-card{padding:var(--card-space);margin-bottom:12px;border:1px solid var(--border);border-radius:10px;background:var(--card);overflow-wrap:anywhere}.work-card[data-selected="true"]{border-color:var(--link);box-shadow:0 0 0 1px var(--link)}.work-card h3{font-size:1rem;margin:6px 0}.work-card h3 a{text-decoration:none}.work-kind{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0}.work-id{font:11px var(--mono);color:var(--muted);margin:0 0 12px}.work-owner,.work-next{font-size:13px;margin:0 0 8px}.work-card>:last-child{margin-bottom:0}
+.work-detail{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;min-width:0;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--card);scroll-margin-top:20px}.work-detail>header{display:flex;justify-content:space-between;gap:16px;font-size:13px;margin:0 0 16px}.work-detail .work-meta{padding:12px;font-size:13px}.work-detail .doc{font-size:.9rem}.work-detail .doc h1{font-size:1.5rem}.detail-notice{padding:10px;background:var(--surface);font-size:13px}.view-issues{margin:0 0 16px;padding:12px;background:var(--surface);border-radius:8px;font-size:13px;overflow-wrap:anywhere}
+.work-open{font-size:13px;white-space:nowrap}.work-open[aria-current="page"]{font-weight:700;text-decoration:underline}#work-results{scroll-margin-top:20px}
+.view-layouts{display:flex;gap:6px;margin:20px 0 12px}.view-layouts a{padding:5px 14px;border:1px solid var(--border);border-radius:6px;text-decoration:none;font-size:13px}.view-layouts a[aria-current="page"]{background:var(--surface);font-weight:600}
+.saved-work-views{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;font-size:12px}.saved-work-views form,.view-picker{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.saved-work-views input,.saved-work-views select{min-width:0;max-width:100%;padding:6px 10px;font:inherit;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text)}.saved-work-views>p{flex-basis:100%;margin:0;color:var(--muted)}
+.work-table-wrap{max-width:100%;overflow:auto}.work-table{display:table;width:100%;margin:0;font-size:13px;background:var(--card)}.work-table th,.work-table td{padding:calc(var(--card-space)/2);overflow-wrap:anywhere;min-width:100px}.work-table th{font-weight:500}.work-table tbody th{min-width:160px}.work-table .work-id{display:block;margin:6px 0 0}.work-table tr[data-selected="true"]>*{background:var(--surface);box-shadow:inset 0 -2px var(--link)}
+@media(max-width:1000px){.work-layout.has-detail{grid-template-columns:minmax(0,1fr)}.work-detail{position:static;max-height:none;grid-row:1}.work-filters{padding:12px;gap:10px}}
+`;
+}
+//# sourceMappingURL=workStyle.js.map

package/dist/views/workStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workStyle.js","sourceRoot":"","sources":["../../src/views/workStyle.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,SAAS;IACxB,OAAO;;;;;;;;;;;;;;CAcP,CAAC;AACF,CAAC"}

package/dist/views/workTable.d.ts

@@ -0,0 +1,4 @@
+import type { Item } from "./items.ts";
+import { type State } from "./state.ts";
+export declare function workTable(items: readonly Item[], state: State): string;
+//# sourceMappingURL=workTable.d.ts.map

package/dist/views/workTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workTable.d.ts","sourceRoot":"","sources":["../../src/views/workTable.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,KAAK,KAAK,EAAW,MAAM,YAAY,CAAC;AAWjD,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,CAOtE"}

package/dist/views/workTable.js

@@ -0,0 +1,19 @@
+import { escapeHtml } from "#page/escape.ts";
+import { viewUrl } from "./state.js";
+function row(item, state) {
+    const fields = item.document.parsed.fields;
+    const selected = item.id === state.item;
+    const values = [fields.kind, fields.status, fields.owner, fields.nextAction];
+    return `<tr data-item="${escapeHtml(item.id)}"${selected ? ' data-selected="true"' : ""}>
+ <th scope="row"><a href="${escapeHtml(viewUrl(state, { item: item.id }, "work-detail"))}"${selected ? ' aria-current="true"' : ""}>${escapeHtml(item.title)}</a><span class="work-id">${escapeHtml(item.id)}</span></th>
+ ${values.map((value) => `<td>${escapeHtml(value ?? "Not recorded")}</td>`).join("")}</tr>`;
+}
+export function workTable(items, state) {
+    if (items.length === 0) {
+        return '<p class="empty">No work matches these filters.</p>';
+    }
+    return `<div class="work-table-wrap"><table class="work-table"><caption class="sr-only">Identified work, sorted by ${escapeHtml(state.sort)}</caption>
+ <thead><tr>${["Work", "Kind", "Status", "Owner", "Next action"].map((title) => `<th scope="col">${title}</th>`).join("")}</tr></thead>
+ <tbody>${items.map((item) => row(item, state)).join("")}</tbody></table></div>`;
+}
+//# sourceMappingURL=workTable.js.map

package/dist/views/workTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workTable.js","sourceRoot":"","sources":["../../src/views/workTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAc,OAAO,EAAE,MAAM,YAAY,CAAC;AAEjD,SAAS,GAAG,CAAC,IAAU,EAAE,KAAY;IACpC,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC;IAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,IAAI,CAAC;IACxC,MAAM,MAAM,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7E,OAAO,kBAAkB,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE;4BAC5D,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,aAAa,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,6BAA6B,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;GACzM,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,UAAU,CAAC,KAAK,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC;AAC5F,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAsB,EAAE,KAAY;IAC7D,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,qDAAqD,CAAC;IAC9D,CAAC;IACD,OAAO,8GAA8G,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;cAC9H,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;UAC/G,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,wBAAwB,CAAC;AACjF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shivaedev/work-board",
-  "version": "0.2.1",
+  "version": "0.4.0",
   "description": "Serve a folder of markdown files as a live local page that updates in place when a file changes",
   "homepage": "https://github.com/ShivaeDev/platform/tree/main/packages/work-board#readme",
   "bugs": {
@@ -15,7 +15,7 @@
   "sideEffects": false,
   "type": "module",
   "imports": {
-    "#test/*": "./test/*",
+    "#test/*": "./src/test-support/*",
     "#*.ts": {
       "source": "./src/*.ts",
       "types": "./dist/*.d.ts",
@@ -23,11 +23,11 @@
     }
   },
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "source": "./src/index.ts",
-      "import": "./dist/index.js",
-      "default": "./dist/index.js"
+    "./*.ts": {
+      "types": "./dist/*.d.ts",
+      "source": "./src/*.ts",
+      "import": "./dist/*.js",
+      "default": "./dist/*.js"
     },
     "./package.json": "./package.json"
   },
@@ -37,18 +37,22 @@
   "files": [
     "dist",
     "src",
+    "!src/**/*.test.ts",
+    "!src/**/*.spec.ts",
+    "!src/**/test-support",
     "CHANGELOG.md",
     "README.md"
   ],
   "dependencies": {
     "mermaid": "11.16.1",
     "satteri": "0.9.5",
-    "shiki": "4.4.2"
+    "shiki": "4.4.2",
+    "yaml": "2.9.0"
   },
   "devDependencies": {
     "@effect/platform-node": "4.0.0-rc.112",
     "@effect/platform-node-shared": "4.0.0-rc.112",
-    "@shivaedev/quality": "0.7.3",
+    "@shivaedev/quality": "0.14.0",
     "@types/hast": "3.0.5",
     "@types/mdast": "4.0.4",
     "@types/node": "24.10.1",
@@ -56,7 +60,7 @@
     "effect": "4.0.0-rc.112",
     "happy-dom": "20.11.2",
     "typescript": "npm:@typescript/typescript6@6.0.2",
-    "vitest": "4.1.9"
+    "vitest": "4.1.11"
   },
   "peerDependencies": {
     "@effect/platform-node": "4.0.0-rc.112",

package/src/attention/overviewHtml.ts

@@ -0,0 +1,44 @@
+import { fileUrl } from "#files/url.ts";
+import { escapeHtml } from "#page/escape.ts";
+import { referenceHtml } from "#page/metadataLinks.ts";
+import type { Snapshot } from "#search/snapshot.ts";
+import { type AttentionEntry, attentionRequests } from "./requests.ts";
+
+function card(entry: AttentionEntry, snapshot: Snapshot): string {
+	const { request } = entry;
+	return `<article class="attention-card" data-key="attention:${escapeHtml(entry.itemId)}:${escapeHtml(request.id)}" data-attention-item="${escapeHtml(entry.itemId)}" data-request="${escapeHtml(request.id)}">
+<p class="work-kind">${escapeHtml(request.kind)} request</p><h3><a href="${escapeHtml(entry.href)}">${escapeHtml(entry.title)}</a></h3>
+<p class="work-id">${escapeHtml(entry.itemId)} / ${escapeHtml(request.id)}</p><p class="attention-reason">${escapeHtml(request.reason)}</p>
+<dl><dt>Response needed from</dt><dd>${request.responseFrom.map(escapeHtml).join(", ")}</dd><dt>Recorded to unblock</dt><dd>${request.unblocks.map((target) => referenceHtml(target, target, snapshot.model)).join(", ")}</dd></dl>
+<a class="attention-source" href="${escapeHtml(fileUrl(entry.document.file))}#attention-request-${encodeURIComponent(request.id)}">Source: ${escapeHtml(entry.document.file)}:${entry.line}</a></article>`;
+}
+
+export function overviewHtml(snapshot: Snapshot): string {
+	const projection = attentionRequests(snapshot);
+	const header =
+		'<header class="work-head"><p class="work-eyebrow">WORKSPACE · OVERVIEW</p><h1>What needs a response?</h1><p>Choose a recorded request to read its context, reasoning and evidence.</p><a href="/_board/work?view=board">Browse all work</a></header>';
+	const issues =
+		projection.issues.length > 0
+			? `<details class="view-issues" data-key="attention-issues"><summary>Unclassified requests and source issues (${projection.issues.length})</summary><p>Ambiguous or invalid requests stay outside the queues. Read their original sources.</p><ul>${projection.issues.map((issue) => `<li><a href="${escapeHtml(fileUrl(issue.file))}">${escapeHtml(issue.file)}:${issue.line}</a> — ${escapeHtml(issue.message)}</li>`).join("")}</ul></details>`
+			: "";
+	if (!projection.complete) {
+		return `${header}<p class="attention-incomplete" role="status">Workspace incomplete. Could not read ${snapshot.unavailable.map(escapeHtml).join(", ")}. Requests are not counted or classified until the index is complete.</p>${issues}`;
+	}
+	let summary = "All quiet — no explicit open requests recorded.";
+	if (projection.entries.length > 0) {
+		summary = `${projection.entries.length} validated open request${projection.entries.length === 1 ? "" : "s"}`;
+	} else if (projection.issues.length > 0) {
+		summary = "No validated open requests. Check unresolved source issues before treating this workspace as quiet.";
+	}
+	const groups = [
+		{ empty: "No open decision requests.", kind: "decision", title: "Decisions" },
+		{ empty: "No open review requests.", kind: "review", title: "Reviews" },
+		{ empty: "No open blocker requests.", kind: "blocker", title: "Blockers" },
+	]
+		.map((group) => {
+			const entries = projection.entries.filter((entry) => entry.request.kind === group.kind);
+			return `<section class="attention-group" aria-labelledby="attention-${group.kind}"><h2 id="attention-${group.kind}" tabindex="-1">${group.title}<span>${entries.length}</span></h2>${entries.length > 0 ? entries.map((entry) => card(entry, snapshot)).join("") : `<p class="empty">${group.empty}</p>`}</section>`;
+		})
+		.join("");
+	return `${header}<p class="attention-total" role="status">${summary}</p><p class="attention-order">Decisions, reviews, then blockers. Within each group: source title, item ID, request ID. Recipients are recorded labels.</p>${issues}<div class="attention-groups">${groups}</div><p class="attention-footnote">These are authored requests. Closing one does not verify evidence or record an answer. Status, owner, file activity and finished runs do not create requests.</p>`;
+}