@nestos/kanban 0.0.0-stage → 0.5.1

package/dist/ui/index.js

@@ -0,0 +1,1961 @@
+import {
+  projectKanbanTask
+} from "../chunk-O4OGAAV4.js";
+import {
+  DEFAULT_KANBAN_WORK_TYPES,
+  executableWorkItem,
+  kanbanReference
+} from "../chunk-5XKOCKY2.js";
+import {
+  randomUUID
+} from "../chunk-TB2RZGDV.js";
+import "../chunk-QTMTBEBA.js";
+
+// src/ui/html.ts
+function escapeHTML(value2) {
+  return String(value2 ?? "").replace(/[&<>"']/g, (character) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[character]);
+}
+var escapeAttr = escapeHTML;
+
+// src/ui/task-state.ts
+function taskStatus(ui, task) {
+  if (!task) return "";
+  return `<span class="kanban__task-state" data-task-phase="${escapeAttr(task.phase)}">${escapeHTML(ui.text("taskPhase." + task.phase))}${task.reason ? `<small>${escapeHTML(taskReason(ui, task.reason))}</small>` : ""}${task.phase === "waiting-start" && task.reason !== "MANUAL_START_REQUIRED" && task.startAt !== void 0 ? `<time data-task-start-at="${task.startAt}" datetime="${new Date(task.startAt).toISOString()}">${escapeHTML(startTimeText(ui, task.startAt))}</time>` : ""}</span>`;
+}
+function taskControls(ui, task, fixAvailable = false) {
+  return task.actions.filter((action) => ["run", "pause", "resume", "edit", "cancel"].includes(action) || action === "fix" && fixAvailable).map((action) => {
+    const label = ui.text("taskAction." + action), icon = action === "cancel" ? ui.icons.close : ui.icons[action];
+    return `<button type="button" data-action="task-${action}" title="${escapeAttr(label)}" aria-label="${escapeAttr(label)}">${icon ?? escapeHTML(label)}</button>`;
+  }).join("");
+}
+function phaseFilter(ui, selected) {
+  const phases = ["waiting-start", "analyzing", "queued", "waiting-dependency", "preparing", "running", "pausing", "paused", "resuming", "waiting-input", "error", "review", "completed", "cancelled", "unknown"];
+  return `<label>${escapeHTML(ui.text("taskState"))}<select name="phase"><option value="">${escapeHTML(ui.text("all"))}</option>${phases.map((phase) => `<option value="${phase}" ${phase === selected ? "selected" : ""}>${escapeHTML(ui.text("taskPhase." + phase))}</option>`).join("")}</select></label>`;
+}
+function startTimeText(ui, startAt) {
+  return ui.text("taskStartAt") + " " + new Date(startAt).toLocaleString() + " \xB7 " + Math.max(0, Math.ceil((startAt - Date.now()) / 1e3)) + "s";
+}
+function updateTaskCountdowns(editor, ui) {
+  for (const node of editor.querySelectorAll("[data-task-start-at]")) {
+    const at = Number(node.dataset.taskStartAt);
+    if (Number.isFinite(at)) node.textContent = startTimeText(ui, at);
+  }
+}
+function taskReason(ui, reason) {
+  const key = "taskReason." + reason, value2 = ui.text(key);
+  return value2 === key || value2 === "kanban." + key ? reason : value2;
+}
+
+// src/ui/session-links.ts
+function sessionLink(ui, id, label = id, url) {
+  if (!url) return `<button type="button" data-session="${escapeAttr(id)}">${escapeHTML(label)}</button>`;
+  return linkPair(ui, url, label, id);
+}
+function linkPair(ui, href, label, sessionId) {
+  return `<span class="kanban__session-links"><a href="${escapeAttr(href)}"${sessionId ? ` data-session="${escapeAttr(sessionId)}" title="${escapeAttr(ui.text("openSessionInTab"))}"` : ""}>${escapeHTML(label)}</a></span>`;
+}
+
+// src/ui/references.ts
+function referenceMenu(ui, board, entity, actions = "") {
+  const reference = kanbanReference(board, entity);
+  const path = `/board/${encodeURIComponent(board.id)}${entity ? entity.kind ? "/@record/" + encodeURIComponent(entity.id) : "/" + encodeURIComponent(entity.id) : ""}`;
+  return `<details class="kanban__menu" data-popover><summary aria-label="${escapeAttr(ui.text("referenceActions"))}" title="${escapeAttr(ui.text("referenceActions"))}">${ui.icons.more}</summary>
+        <div class="kanban__menu-content"><code class="kanban__menu-reference">${escapeHTML(reference)}</code>${actions}<button type="button" data-action="copy-reference" data-copy="${escapeAttr(reference)}">${escapeHTML(ui.text("copyReference"))}</button>
+        <button type="button" data-action="copy-link" data-copy="${escapeAttr(path)}">${escapeHTML(ui.text("copyLink"))}</button></div></details>`;
+}
+async function copyReference(ui, button2) {
+  const value2 = button2.dataset.copy ?? "";
+  const text = button2.dataset.action === "copy-link" ? ui.referenceUrl?.(value2) ?? value2 : value2;
+  try {
+    await navigator.clipboard.writeText(text);
+    if (button2.dataset.action === "copy-resource") {
+      button2.title = ui.text("copied");
+      button2.setAttribute("aria-label", ui.text("copied"));
+    } else button2.textContent = ui.text("copied");
+  } catch {
+    throw Object.assign(new Error(ui.text("copyFailed")), { code: "COPY_FAILED" });
+  }
+}
+
+// src/ui/suggestion-field.ts
+function suggestionField(options) {
+  return `<div class="kanban__suggest" data-kanban-suggest="${escapeAttr(JSON.stringify(options))}"></div>`;
+}
+function selectedItems(board, ids) {
+  return ids.map((id) => ({ id, label: board.items.find((item) => item.id === id)?.title ?? id }));
+}
+
+// src/ui/session-view.ts
+function executionBadge(ui, session, sessionUrl) {
+  if (!session) return "";
+  const resource = session.resourceId ?? session.sessionId;
+  return `<span class="kanban__execution" data-execution-state="${escapeAttr(session.state)}" data-stale="${session.stale}"><span>${sessionUrl ? sessionLink(ui, resource, ui.text("executionSession"), sessionUrl(resource)) : escapeHTML(ui.text("executionSession"))} \xB7 ${escapeHTML(ui.text("sessionState." + session.state))}${session.stale ? " \xB7 " + escapeHTML(ui.text("activityStale")) : ""}</span><small>${escapeHTML(activityTime(ui, session))}</small></span>`;
+}
+function activityTime(ui, session) {
+  if (session.lastActivityAt === void 0) return ui.text("activityUnknown");
+  const minutes = Math.max(0, Math.floor((Date.now() - session.lastActivityAt) / 6e4));
+  return ui.text("lastActivity") + " \xB7 " + (minutes < 1 ? ui.text("justNow") : minutes < 60 ? ui.text("minutesAgo").replace("{count}", String(minutes)) : new Date(session.lastActivityAt).toLocaleString());
+}
+function executionSessionView(ui, detail, editable, sessionUrl) {
+  const session = detail.current, resource = session?.resourceId ?? session?.sessionId;
+  return `<section class="kanban__execution-detail"><h4>${escapeHTML(ui.text("executionSession"))}</h4><p>${escapeHTML(ui.text("executionSessionHelp"))}</p>
+        ${detail.continuation ? `<button type="button" data-action="continue-execution" data-dispatch="${escapeAttr(detail.continuation.previousDispatchId)}">${escapeHTML(ui.text("continueExecution"))}</button>` : ""}
+        ${session ? `${executionBadge(ui, session)}${sessionLink(ui, resource, session.title ?? session.sessionId, sessionUrl?.(resource))}<small>${escapeHTML(session.sessionId)}</small>${session.observedAt ? `<small>${escapeHTML(ui.text("observedAt"))} \xB7 ${escapeHTML(new Date(session.observedAt).toLocaleString())}</small>` : ""}${session.code ? `<p>${escapeHTML(ui.text("activityReadFailed"))} (${escapeHTML(session.code)})</p>` : ""}` : `<p>${escapeHTML(ui.text("noExecutionSession"))}</p>`}
+        ${editable ? `<details><summary>${escapeHTML(ui.text(session ? "changeExecutionSession" : "bindExecutionSession"))}</summary><form data-form="execution-session">${suggestionField({ name: "executionSession", label: "executionSession", kind: "session", manual: true, required: true })}<button>${escapeHTML(ui.text("bindExecutionSession"))}</button><p data-execution-error role="alert" hidden></p></form></details>` : ""}
+        </section>`;
+}
+function relatedSessionsView(ui, detail, sessionUrl) {
+  const sessions = detail.sessions ?? legacySessions(detail);
+  return `${detail.sessionsCode ? `<p role="alert">${escapeHTML(ui.text("sessionRelationsIncomplete"))} (${escapeHTML(detail.sessionsCode)})</p>` : ""}
+        ${sessions.length ? `<ul class="kanban__session-list">${sessions.map((session) => relatedSession(ui, session, sessionUrl)).join("")}</ul>` : `<p>${escapeHTML(ui.text("noRelatedSessions"))}</p>`}`;
+}
+function relatedSession(ui, session, sessionUrl) {
+  const resource = session.resourceId ?? session.sessionId, title = session.title ?? session.sessionId;
+  return `<li class="kanban__related-session" data-related-session="${escapeAttr(session.sessionId)}"><div class="kanban__session-heading" title="${escapeAttr(title)}">${sessionLink(ui, resource, title, sessionUrl?.(resource))}</div>
+        <small>${escapeHTML(session.sessionId)}</small>${session.createdAt !== void 0 ? `<small>${escapeHTML(ui.text("sessionCreatedAt"))} \xB7 ${escapeHTML(date(session.createdAt))}</small>` : ""}<p>${session.current ? `<strong>${escapeHTML(ui.text("currentExecution"))}</strong> \xB7 ` : ""}${session.purposes.map((purpose) => escapeHTML(ui.text("sessionPurpose." + purpose))).join(" \xB7 ")} \xB7 ${escapeHTML(ui.text("sessionState." + session.state))}${session.stale ? " \xB7 " + escapeHTML(ui.text("activityStale")) : ""}</p>
+        ${session.code ? `<p role="alert">${escapeHTML(ui.text("activityReadFailed"))} (${escapeHTML(session.code)})</p>` : ""}
+        ${session.executions.length ? `<details><summary>${escapeHTML(ui.text("sessionExecutions"))} (${session.executions.length})</summary><ol>${session.executions.map((run) => executionView(ui, run)).join("")}</ol></details>` : ""}</li>`;
+}
+function executionView(ui, run) {
+  const label = run.previousDispatchId ? ui.text("sessionContinuation") : ui.text("sessionPurpose." + run.purpose);
+  const showState = run.state && run.state !== run.outcome && !(run.state === "completed" && ["succeeded", "accepted", "rejected"].includes(run.outcome ?? ""));
+  const fields = [
+    [ui.text("sessionExecutionId"), run.id],
+    [ui.text("sessionRoundId"), run.roundId],
+    [ui.text("sessionTurnId"), run.turnId],
+    [ui.text("sessionPreviousExecution"), run.previousDispatchId],
+    [ui.text(run.roundId ? "sessionExecutionStarted" : "sessionExecutionPrepared"), date(run.createdAt)],
+    [ui.text("sessionExecutionEnded"), date(run.completedAt)],
+    ...run.resources?.map((resource) => [resource.label, resource.value]) ?? []
+  ];
+  return `<li class="kanban__session-run"><p>${escapeHTML(label)}${run.attempt ? " \xB7 #" + run.attempt : ""}${run.outcome ? " \xB7 " + escapeHTML(ui.text("sessionRunOutcome." + run.outcome)) : ""}${showState ? " \xB7 " + escapeHTML(ui.text("sessionState." + run.state)) : ""}</p>
+        <dl>${fields.filter((field2) => field2[1] !== void 0).map(([key, value2]) => `<dt>${escapeHTML(key)}</dt><dd>${escapeHTML(value2)}</dd>`).join("")}</dl>${run.code ? `<p role="alert">${escapeHTML(run.code)}</p>` : ""}</li>`;
+}
+function date(value2) {
+  return value2 === void 0 ? void 0 : new Date(value2).toLocaleString();
+}
+function legacySessions(detail) {
+  return [...new Map(detail.history.map((row) => [row.sessionId, row])).values()].map((row) => ({
+    ...detail.current?.sessionId === row.sessionId ? detail.current : { sessionId: row.sessionId, state: "unknown", stale: true, recent: false },
+    current: detail.current?.sessionId === row.sessionId,
+    purposes: ["execution"],
+    executions: []
+  }));
+}
+function executionFilter(ui, value2 = "all") {
+  return `<select name="execution" aria-label="${escapeAttr(ui.text("executionFilter"))}">${["all", "running", "recent", "active"].map((filter) => `<option value="${filter}" ${filter === value2 ? "selected" : ""}>${escapeHTML(ui.text("executionFilter." + filter))}</option>`).join("")}</select>`;
+}
+
+// src/ui/view.ts
+var states = ["proposed", "backlog", "open", "claimed", "review", "completed", "cancelled"];
+var button = (ui, action, key, primary = false) => `<button type="button"${primary ? ' class="kanban__primary"' : ""} data-action="${escapeAttr(action)}">${escapeHTML(ui.text(key))}</button>`;
+function contextTabs(ui, active = "board") {
+  return `<nav class="kanban__context-tabs" aria-label="${escapeAttr(ui.text("recordContext"))}">${[["board", "tabBoard"], ["log", "tabLog"], ["decision", "tabDecision"]].map(([value2, key]) => `<button type="button" data-context="${value2}" ${active === value2 ? 'aria-current="page"' : ""}>${escapeHTML(ui.text(key))}</button>`).join("")}</nav>`;
+}
+function field(ui, name, key, value2 = "", required = true, type = "text") {
+  return `<label>${escapeHTML(ui.text(key))}<input name="${name}" type="${type}" value="${escapeAttr(value2)}" ${required ? "required" : ""}></label>`;
+}
+function textarea(ui, name, key, value2 = "") {
+  return `<label>${escapeHTML(ui.text(key))}<textarea name="${name}" required>${escapeHTML(value2)}</textarea></label>`;
+}
+function owns(item, actor) {
+  return !!actor && !!item.owner && (item.owner.kind ?? "agent") === actor.kind && (item.owner.id ?? item.owner.agentId) === actor.id;
+}
+function navigation(ui, boards, selected) {
+  return `<header class="kanban__sidebar-header"><h2>${escapeHTML(ui.text("title"))}</h2>${button(ui, "new-board", "createShort")}</header>
+        <section class="kanban__board-list"><p class="kanban__caption">${escapeHTML(ui.text("scope"))}</p><nav aria-label="${escapeAttr(ui.text("title"))}">${boards.map((board) => `<button type="button" data-board="${escapeAttr(board.id)}" ${board.id === selected ? 'aria-current="page"' : ""}><small>${escapeHTML(kanbanReference(board))}</small><span>${escapeHTML(board.title)}</span></button>`).join("")}</nav></section>
+        <footer class="kanban__sidebar-tools"><details class="kanban__reference-lookup"><summary>${escapeHTML(ui.text("openReference"))}</summary>${referenceLookup(ui)}</details>
+        <details class="kanban__scope-note"><summary>${escapeHTML(ui.text("scopeInfo"))}</summary><p>${escapeHTML(ui.text("scopeHelp"))}</p></details></footer>`;
+}
+function referenceLookup(ui) {
+  return `<form data-form="reference"><input name="reference" aria-label="${escapeAttr(ui.text("reference"))}" placeholder="${escapeAttr(ui.text("referencePlaceholder"))}" required><button>${escapeHTML(ui.text("openShort"))}</button></form>`;
+}
+function boardHeader(ui, board, active = "board", automation = false) {
+  const [action, key] = active === "log" ? ["new-log", "newLog"] : active === "decision" ? ["new-decision", "newDecision"] : ["new-item", "newItem"];
+  const actions = `<div class="kanban__mobile-create">${button(ui, action, key)}</div>${button(ui, "refresh", "refresh")}${automation ? button(ui, "automation", "automationTitle") : ""}`;
+  return `<header class="kanban__page-header" data-titlebar><span class="kanban__navigation" data-navigation></span><div class="kanban__board-heading"><h2 data-titlebar-title title="${escapeAttr(board.title)}">${escapeHTML(board.title)}</h2></div>
+        <div class="kanban__header-actions"><span class="kanban__desktop-create">${button(ui, action, key, true)}</span><span class="kanban__window-navigation" data-window-navigation></span>${referenceMenu(ui, board, void 0, actions)}</div></header>`;
+}
+function catalogView(ui, boards) {
+  return `<header class="kanban__page-header" data-titlebar><span class="kanban__navigation" data-navigation></span><div class="kanban__board-heading"><h2 data-titlebar-title>${escapeHTML(ui.text("title"))}</h2></div><span class="kanban__window-navigation" data-window-navigation></span>${button(ui, "new-board", "createShort")}</header>
+        <div class="kanban__record-list">${boards.map((board) => `<button type="button" class="kanban__card" data-board="${escapeAttr(board.id)}"><strong>${escapeHTML(board.title)}</strong><small>${escapeHTML(kanbanReference(board))}</small></button>`).join("") || `<p>${escapeHTML(ui.text("emptyBoards"))}</p>`}</div>`;
+}
+function boardView(ui, board, page, query, activity = false, automation = false, sessionUrl) {
+  const columns = query.view === "archive" ? [{ id: "archive", label: ui.text("archive"), states }] : board.columns ?? states.map((state) => ({ id: state, label: ui.text(state), states: [state] }));
+  return `${boardHeader(ui, board, "board", automation)}${contextTabs(ui)}<form data-form="filter" class="kanban__filters"><input name="search" aria-label="${escapeAttr(ui.text("search"))}" placeholder="${escapeAttr(ui.text("search"))}" value="${escapeAttr(query.search ?? "")}">
+        <details class="kanban__filter-more" data-popover><summary>${escapeHTML(ui.text("moreFilters"))}${query.area || query.milestone || query.view !== "all" || query.execution && query.execution !== "all" ? '<span class="kanban__filter-dot" aria-hidden="true"></span>' : ""}</summary><div class="kanban__filter-fields"><label>${escapeHTML(ui.text("filter"))}<select name="view" aria-label="${escapeAttr(ui.text("filter"))}">${["all", "backlog", "ready", "in-progress", "review", "closed", "proposed", "archive"].map((view) => `<option value="${view}" ${view === query.view ? "selected" : ""}>${escapeHTML(ui.text(view === "ready" ? "open" : view === "in-progress" ? "claimed" : view === "closed" ? "completed" : view))}</option>`).join("")}</select></label>${phaseFilter(ui, query.phase)}${activity ? executionFilter(ui, query.execution) : ""}${suggestionField({ name: "area", label: "area", kind: "area", free: true, selected: query.area ? [{ id: query.area, label: query.area }] : [] })}
+        ${suggestionField({ name: "milestone", label: "milestone", kind: "milestone", free: true, selected: query.milestone ? [{ id: query.milestone, label: query.milestone }] : [] })}</div></details><button>${escapeHTML(ui.text("filter"))}</button></form>
+        <p class="kanban__count" role="status">${escapeHTML(ui.text("total", { count: page.total }))}</p><div class="kanban__columns" data-has-items="${page.items.length > 0}">${columns.map((column) => {
+    const items = page.items.filter((item) => column.states.includes(item.status));
+    return `<section class="kanban__column" data-empty="${items.length === 0}"><h3>${escapeHTML(column.label)} <small>${items.length}</small></h3><div class="kanban__column-items" data-column="${escapeAttr(column.id)}" tabindex="0" aria-label="${escapeAttr(column.label + " \xB7 " + ui.text("columnItems"))}">${items.map((item) => itemCard(ui, board, item, sessionUrl)).join("") || `<p>${escapeHTML(ui.text("emptyItems"))}</p>`}</div></section>`;
+  }).join("")}</div><footer class="kanban__toolbar"><small>${escapeHTML(ui.text("scrollHint"))}</small>${button(ui, "scroll-left", "previousColumns")}${button(ui, "scroll-right", "nextColumns")}${query.cursor ? button(ui, "first", "first") : ""}${page.nextCursor ? button(ui, "next", "next") : ""}</footer>`;
+}
+function itemCard(ui, board, item, sessionUrl) {
+  const content = `<strong>${escapeHTML(item.title)}</strong><small>${escapeHTML(kanbanReference(board, item))}</small><small>P${item.planning.priority} \xB7 ${escapeHTML(item.planning.area ?? "")} \xB7 ${escapeHTML(item.planning.milestone ?? "")}</small>${taskStatus(ui, item.task)}${item.pendingAmendments ? `<small class="kanban__badge">${escapeHTML(ui.text("pendingAmendments"))} (${item.pendingAmendments})</small>` : ""}${item.progress ? `<small>${item.progress.completed}/${item.progress.total}</small>` : ""}`;
+  const identity = item.task?.sessionId ? `data-session="${escapeAttr(item.task.sessionId)}"` : `data-item="${escapeAttr(item.id)}"`;
+  return `<article class="kanban__card"><button type="button" class="kanban__item-open" ${identity}>${content}</button>${item.task?.sessionId ? `<button type="button" data-item="${escapeAttr(item.id)}" title="${escapeAttr(ui.text("details"))}" aria-label="${escapeAttr(ui.text("details"))}">${escapeHTML(ui.text("details"))}</button>` : ""}<span data-item-execution="${escapeAttr(item.id)}">${executionBadge(ui, item.execution, sessionUrl)}</span></article>`;
+}
+
+// src/ui/children.ts
+function childType(board, parent) {
+  const types = board.workTypes ?? DEFAULT_KANBAN_WORK_TYPES;
+  const rank = types.find((type) => type.id === (parent.planning?.kind ?? board.defaultWorkType ?? "task"))?.rank;
+  const candidates = types.filter((type) => rank !== void 0 && type.rank > rank);
+  return (candidates.find((type) => type.id === (board.defaultWorkType ?? "task")) ?? candidates.sort((a, b) => a.rank - b.rank)[0])?.id;
+}
+function childrenView(ui, page, cursor, canCreate, sessionUrl) {
+  return `<h4>${escapeHTML(ui.text("children"))} (${page.total})</h4><div class="kanban__actions">${canCreate ? button(ui, "new-child", "newChild") : ""}</div>
+        <div class="kanban__record-list">${page.items.map((item) => `<article class="kanban__card"><button type="button" data-item="${escapeAttr(item.id)}"><strong>${escapeHTML(item.title)}</strong></button>${taskStatus(ui, item.task)}${item.task?.sessionId ? sessionLink(ui, item.task.sessionId, ui.text("executionSession"), sessionUrl?.(item.task.sessionId)) : ""}${item.execution ? sessionLink(ui, item.execution.resourceId ?? item.execution.sessionId, ui.text("executionSession"), sessionUrl?.(item.execution.resourceId ?? item.execution.sessionId)) : ""}</article>`).join("")}</div>
+        <div class="kanban__actions">${cursor ? button(ui, "children-first", "first") : ""}${page.nextCursor ? `<button type="button" data-action="children-next" data-cursor="${escapeAttr(page.nextCursor)}">${escapeHTML(ui.text("next"))}</button>` : ""}</div>`;
+}
+
+// src/ui/panel-header.ts
+function panelHeader(ui, title, board, entity) {
+  const label = escapeAttr(ui.text("close"));
+  return `<header class="kanban__panel-header" data-titlebar><button type="button" class="kanban__panel-back" data-titlebar-back data-action="close-panel" aria-label="${label}" title="${label}">${ui.icons.back ?? ui.icons.close}</button>
+        <h3 data-titlebar-title title="${escapeAttr(title)}">${escapeHTML(title)}</h3><span class="kanban__window-navigation" data-window-navigation></span>${board ? referenceMenu(ui, board, entity, `<p class="kanban__menu-title">${escapeHTML(title)}</p>`) : ""}</header>`;
+}
+
+// src/ui/context-view.ts
+function recordsView(ui, page, kind, hasPrevious, board) {
+  return `${board ? boardHeader(ui, board, kind) : `<header class="kanban__toolbar"><h2>${escapeHTML(ui.text(kind))}</h2></header>`}
+        ${contextTabs(ui, kind)}<p>${escapeHTML(ui.text("recordHelp"))}</p><div class="kanban__record-list" tabindex="0" aria-label="${escapeAttr(ui.text(kind))}">${recordLinks(ui, page, board)}${!page.total ? `<p>${escapeHTML(ui.text("emptyRecords"))}</p>` : ""}</div>
+        <footer class="kanban__toolbar">${hasPrevious ? button(ui, "records-first", "first") : ""}${page.nextCursor ? button(ui, "records-next", "next") : ""}</footer>`;
+}
+function recordLinks(ui, page, board) {
+  return page.items.map((record) => `<button type="button" class="kanban__card" data-record="${escapeAttr(record.id)}"><strong>${escapeHTML(record.title)}</strong>${board && !record.activity ? `<small>${escapeHTML(kanbanReference(board, record))}</small>` : ""}<small>${escapeHTML(ui.text(record.activity ? "automaticLog" : record.kind))} \xB7 ${escapeHTML(ui.text(record.status))} \xB7 ${escapeHTML(new Date(record.createdAt).toLocaleString())}</small></button>`).join("");
+}
+function sourcesView(ui, sources) {
+  return sources.length ? `<ul>${sources.map((source) => `<li><button type="button" data-session="${escapeAttr(source.sessionId)}">${escapeHTML(source.sessionId)}</button><small>${escapeHTML(source.messageId)} \xB7 ${escapeHTML(source.revision)} \xB7 ${escapeHTML(source.role)}</small></li>`).join("")}</ul>` : `<p>${escapeHTML(ui.text("noSources"))}</p>`;
+}
+function recordForm(ui, kind, board, itemId = "", resources = []) {
+  return `${panelHeader(ui, ui.text(kind === "log" ? "newLog" : "newDecision"))}<form data-form="record">
+        <input type="hidden" name="kind" value="${kind}">${field(ui, "title", "name")}${textarea(ui, "content", "content")}${kind === "decision" ? textarea(ui, "rationale", "rationale") + suggestionField({ name: "supersedes", label: "supersedes", kind: "decision" }) : ""}
+        ${kind === "decision" && resources.length ? `<label>${escapeHTML(ui.text("recordResources"))}<select name="recordResources" multiple>${resources.map((resource) => `<option value="${escapeAttr(JSON.stringify(resource.reference))}">${escapeHTML(resource.label)}</option>`).join("")}</select></label>` : ""}
+        ${itemChoices(board, itemId)}<details><summary>${escapeHTML(ui.text("sources"))}</summary>${suggestionField({ name: "sourceSession", label: "sourceSession", kind: "session", manual: true })}${field(ui, "sourceMessage", "sourceMessage", "", false)}${field(ui, "sourceRevision", "sourceRevision", "", false)}</details><button>${escapeHTML(ui.text("save"))}</button></form>`;
+}
+function recordDetail(ui, record, board, executions) {
+  return `${panelHeader(ui, record.title, board, record)}
+        <p>${escapeHTML(ui.text(record.kind))} \xB7 ${escapeHTML(ui.text(record.status))} \xB7 ${escapeHTML(ui.text(record.origin))}</p>${record.activity ? "" : `<small>${escapeHTML(ui.text("recordId"))}: ${escapeHTML(record.id)}</small>`}<p>${escapeHTML(ui.text("author"))}: ${escapeHTML(record.author.id)} \xB7 ${escapeHTML(new Date(record.createdAt).toLocaleString())}</p>
+        <section data-reference-links></section><section class="kanban__prose"><h4>${escapeHTML(ui.text("content"))}</h4><p>${escapeHTML(record.content)}</p>${record.rationale ? `<h4>${escapeHTML(ui.text("rationale"))}</h4><p>${escapeHTML(record.rationale)}</p>` : ""}</section>
+        ${record.status === "draft" ? `<div class="kanban__actions">${button(ui, "confirm-record", "confirmRecord")}${button(ui, "reject-record", "rejectRecord")}</div>` : ""}
+        ${record.kind === "decision" && record.status === "confirmed" && executions ? recordExecutionView(ui, board, executions) : ""}
+        ${(record.externalRefs ?? []).map((ref) => `<p>${escapeHTML(ref.system)}: ${escapeHTML(ref.id)}</p>`).join("")}
+        ${record.supersedes ? recordLink(ui, record.supersedes, "supersedes") : ""}${record.supersededBy ? recordLink(ui, record.supersededBy, "superseded") : ""}
+        <h4>${escapeHTML(ui.text("itemIds"))}</h4>${record.itemIds.map((id) => `<button type="button" data-item="${escapeAttr(id)}">${escapeHTML(board.items.find((item) => item.id === id)?.title ?? id)}</button>`).join("")}
+        ${record.activity ? "" : `<form data-form="record-link">${suggestionField({ name: "itemId", label: "itemIds", kind: "item", required: true })}<button>${escapeHTML(ui.text("linkRecord"))}</button></form>`}<h4>${escapeHTML(ui.text("sources"))}</h4>${sourcesView(ui, record.sources)}`;
+}
+function recordExecutionView(ui, board, executions) {
+  const completed = executions.some((run) => run.state === "completed");
+  const actions = completed ? `<p>${escapeHTML(ui.text("completedFollowup"))}</p>` : `${button(ui, "run-record", "runRecord")}<details><summary>${escapeHTML(ui.text("referenceActions"))}</summary>${button(ui, "run-record-separate", "runRecordSeparate")}</details>`;
+  return `<div class="kanban__actions">${actions}</div>${completed ? "" : `<p>${escapeHTML(ui.text("runRecordHelp"))}</p>`}
+        ${executions.map((run) => `<p><button type="button" ${run.rootItemId && run.boardId === board.id ? `data-item="${escapeAttr(run.rootItemId)}"` : `data-board="${escapeAttr(run.boardId)}"`}>${escapeHTML(ui.text(run.rootItemId && run.boardId === board.id ? "executionWork" : "executionBoard"))}</button> \xB7 ${escapeHTML(ui.text(run.state))}${run.code ? ` \xB7 ${escapeHTML(run.code)}` : ""}</p>`).join("")}`;
+}
+function recordLink(ui, id, key) {
+  return `<p>${escapeHTML(ui.text(key))}: <button type="button" data-record="${escapeAttr(id)}">${escapeHTML(id)}</button></p>`;
+}
+function amendmentsView(ui, item) {
+  const pending = item.amendments?.filter((proposal) => proposal.status === "pending") ?? [];
+  if (!pending.length) return "";
+  return `<section class="kanban__amendments"><h4>${escapeHTML(ui.text("amendments"))}</h4><p>${escapeHTML(ui.text("amendmentHint"))}</p>${pending.map((proposal) => `<article><strong>${escapeHTML(proposal.proposedBy.id)}</strong><small> v${proposal.baseRevision}</small>
+        <details><summary>${escapeHTML(ui.text("currentText"))}</summary><p>${escapeHTML(item.title)}</p><p>${escapeHTML(item.responsibility)}</p><p>${escapeHTML(item.acceptance)}</p></details>
+        <h5>${escapeHTML(ui.text("proposedText"))}</h5><p>${escapeHTML(proposal.proposed.title)}</p><p>${escapeHTML(proposal.proposed.responsibility)}</p><p>${escapeHTML(proposal.proposed.acceptance)}</p>
+        ${sourcesView(ui, proposal.sources)}<form data-form="amendment" data-amendment="${escapeAttr(proposal.id)}"><select name="decision" aria-label="${escapeAttr(ui.text("amendments"))}"><option value="accept">${escapeHTML(ui.text("applyAmendment"))}</option><option value="reject">${escapeHTML(ui.text("rejectAmendment"))}</option></select>${field(ui, "reason", "reason", "", false)}<button>${escapeHTML(ui.text("save"))}</button></form></article>`).join("")}</section>`;
+}
+function itemChoices(board, itemId) {
+  return suggestionField({ name: "itemIds", label: "itemIds", kind: "item", multiple: true, selected: selectedItems(board, itemId ? [itemId] : []) });
+}
+
+// src/ui/event-history.ts
+function meaningfulItemEvents(events) {
+  const last = /* @__PURE__ */ new Map(), hidden = /* @__PURE__ */ new Set();
+  for (const event of [...events].sort((a, b) => a.sequence - b.sequence)) {
+    if (event.kind === "renew") {
+      hidden.add(event);
+      continue;
+    }
+    if (event.kind !== "observe-execution" || !event.data.dispatchId || !event.data.reason) continue;
+    const key = JSON.stringify([event.boardId, event.itemId, event.data.dispatchId]);
+    const state = JSON.stringify([event.data.reason, event.data.code, event.data.status]);
+    if (last.get(key) === state) hidden.add(event);
+    last.set(key, state);
+  }
+  return events.filter((event) => !hidden.has(event));
+}
+
+// src/ui/forms.ts
+function newBoardForm(ui) {
+  return `${panelHeader(ui, ui.text("newBoard"))}<form data-form="board">${field(ui, "title", "boardName")}
+        <label><input name="requireEstimate" type="checkbox">${escapeHTML(ui.text("requireEstimate"))}</label>
+        ${save(ui)}</form>`;
+}
+function newItemForm(ui, board, parent, resources) {
+  const preset = parent ? { kind: childType(board, parent), parentId: parent.id, priority: parent.planning?.priority ?? 2, dependencies: [], references: [] } : void 0;
+  return `${panelHeader(ui, ui.text("newItem"))}<form data-form="item">${field(ui, "title", "name")}
+        ${textarea(ui, "responsibility", "responsibility")}${textarea(ui, "acceptance", "acceptance")}${launchModeField(ui)}${planningFields(ui, board, void 0, preset)}${itemResourceField(ui, resources, (board.workTypes ?? DEFAULT_KANBAN_WORK_TYPES).some((type) => type.id === (preset?.kind ?? board.defaultWorkType ?? "task") && type.executable))}${save(ui)}</form>`;
+}
+function planningFields(ui, board, item, preset) {
+  const plan = preset ?? item?.planning, types = board.workTypes ?? DEFAULT_KANBAN_WORK_TYPES;
+  return `<label>${escapeHTML(ui.text("type"))}<select name="kind">${types.map((type) => `<option data-executable="${type.executable}" value="${escapeAttr(type.id)}" ${type.id === (plan?.kind ?? board.defaultWorkType ?? "task") ? "selected" : ""}>${escapeHTML(type.label)}</option>`).join("")}</select></label>
+        ${field(ui, "priority", "priority", String(plan?.priority ?? 2), true, "number")}
+        ${suggestionField({ name: "area", label: "area", kind: "area", free: true, selected: plan?.area ? [{ id: plan.area, label: plan.area }] : [] })}${suggestionField({ name: "milestone", label: "milestone", kind: "milestone", free: true, selected: plan?.milestone ? [{ id: plan.milestone, label: plan.milestone }] : [] })}
+        ${suggestionField({ name: "parentId", label: "parent", kind: "parent", excludeItemId: item?.id, selected: selectedItems(board, plan?.parentId ? [plan.parentId] : []) })}${suggestionField({ name: "dependencies", label: "dependencies", kind: "dependency", multiple: true, excludeItemId: item?.id, selected: selectedItems(board, plan?.dependencies ?? []) })}
+        ${field(ui, "dueAt", "dueAt", dateInput(plan?.dueAt), false, "datetime-local")}`;
+}
+function dateInput(at) {
+  if (at === void 0) return "";
+  const date2 = new Date(at);
+  return new Date(at - date2.getTimezoneOffset() * 6e4).toISOString().slice(0, 16);
+}
+var save = (ui) => `<div class="kanban__actions"><button>${escapeHTML(ui.text("save"))}</button>${button(ui, "close-panel", "close")}</div>`;
+function detailView(ui, board, item, actor, archived, events, relatedSessions = false, guidance, interactive = false, task = projectKanbanTask(item), fixAvailable = false) {
+  return `${panelHeader(ui, item.title, board, item)}${taskStatus(ui, task)}${archived ? "" : `<div class="kanban__actions">${taskControls(ui, task, fixAvailable)}</div>`}
+        <p>${escapeHTML(ui.text("origin"))}: ${escapeHTML(item.origin ? ui.text(item.origin.kind === "discovery" ? "flow" : "manual") + " \xB7 " + item.origin.principal.id : ui.text("unknownOrigin"))}</p>
+        <dl><dt>${escapeHTML(ui.text("itemId"))}</dt><dd>${escapeHTML(item.id)}</dd><dt>${escapeHTML(ui.text("responsibility"))}</dt><dd>${escapeHTML(item.responsibility)}</dd>
+        <dt>${escapeHTML(ui.text("acceptance"))}</dt><dd>${escapeHTML(item.acceptance)}</dd><dt>${escapeHTML(ui.text("owner"))}</dt><dd>${escapeHTML(item.owner?.id ?? item.owner?.agentId ?? ui.text("none"))}</dd></dl>
+        <p>${escapeHTML(ui.text(item.status))}${item.blocked ? " \xB7 " + escapeHTML(ui.text("blocked") + ": " + item.blocked.reason) : ""}</p>
+        ${interactive ? "<section data-item-operations></section>" : ""}
+        ${item.status === "review" ? interactive ? `<details><summary>${escapeHTML(ui.text("reviewFlow"))}</summary>${reviewGuidance(ui, guidance)}</details>` : reviewGuidance(ui, guidance) : ""}
+        <div class="kanban__actions">${controls(ui, board, item, actor, archived, interactive)}</div>
+        ${item.issues?.filter((issue) => !issue.resolvedBy).map((issue) => `<form data-form="task-reply"><input type="hidden" name="attemptId" value="${escapeAttr(issue.attemptId)}"><input type="hidden" name="replyTo" value="${escapeAttr(issue.id)}">${textarea(ui, "content", "message")}<button>${escapeHTML(ui.text("send"))}</button></form>`).join("") ?? ""}
+        ${amendmentsView(ui, item)}
+        ${archived ? "" : detailForms(ui, board, item, actor)}
+        ${(item.planning?.dependencies ?? []).length ? `<p>${escapeHTML(ui.text("dependencies"))}: ${(item.planning?.dependencies ?? []).map((id) => `<button type="button" data-item="${escapeAttr(id)}">${escapeHTML(board.items.find((i) => i.id === id)?.title ?? id)}</button>`).join(" ")}</p>` : ""}
+        ${item.planning?.parentId ? `<p>${escapeHTML(ui.text("parent"))}: <button type="button" data-item="${escapeAttr(item.planning.parentId)}">${escapeHTML(board.items.find((parent) => parent.id === item.planning?.parentId)?.title ?? item.planning.parentId)}</button></p>` : ""}
+        <section data-children></section><section data-related-records></section><h4>${escapeHTML(ui.text("sources"))}</h4>${sourcesView(ui, item.sources ?? [])}
+        <div data-analysis></div><div data-execution-session></div><section data-related-sessions-section></section><section data-reference-links></section><section data-work-resource-section></section>
+        ${relatedSessions ? "" : `<h4>${escapeHTML(ui.text("sessions"))}</h4>${item.participants.map((p) => `<button type="button" data-session="${escapeAttr(p.sessionId)}">${escapeHTML(p.sessionId)} \xB7 ${escapeHTML(p.roles.join(", "))}</button>`).join("") || `<p>${escapeHTML(ui.text("none"))}</p>`}`}
+        ${archived ? "" : `<details><summary>${escapeHTML(ui.text("registerSession"))}</summary><p>${escapeHTML(ui.text("registerSessionHelp"))}</p><form data-form="session">${suggestionField({ name: "sessionId", label: "session", kind: "session", manual: true, required: true })}<button>${escapeHTML(ui.text("registerSession"))}</button></form></details>`}
+        <section data-item-events>${itemEventsView(ui, events)}</section>`;
+}
+function reviewGuidance(ui, guidance) {
+  const [summary, ...steps] = guidance?.paragraphs ?? [ui.text("reviewHelp")];
+  return `<section class="kanban__review-guide"><strong>${escapeHTML(guidance?.title ?? ui.text("reviewHelpTitle"))}</strong><p>${escapeHTML(summary)}</p>
+        ${steps.length ? `<details><summary>${escapeHTML(ui.text("reviewFlow"))}</summary><ol>${steps.map((text) => `<li>${escapeHTML(text)}</li>`).join("")}</ol></details>` : ""}</section>`;
+}
+function itemEventsView(ui, events) {
+  return `<details><summary>${escapeHTML(ui.text("eventsHelp"))}</summary><ol>${meaningfulItemEvents(events).map((event) => `<li>${escapeHTML(event.kind)} \xB7 ${escapeHTML(event.actor.id ?? event.actor.agentId ?? "")} \xB7 ${escapeHTML(new Date(event.at).toLocaleString())}${event.data.message ? `<p>${escapeHTML(event.data.message)}</p>` : ""}</li>`).join("")}</ol></details>`;
+}
+function controls(ui, board, item, actor, archived, interactive = false) {
+  if (archived) return button(ui, "restore", "restore");
+  if (["completed", "cancelled"].includes(item.status)) return button(ui, "archive", "archiveItem");
+  const executable = executableWorkItem(board, item);
+  let result = item.status === "proposed" ? button(ui, "publish", "publish") : item.status === "backlog" && executable ? button(ui, "ready", "ready") : item.status === "open" ? button(ui, "defer", "defer") : "";
+  if (owns(item, actor) && item.status === "claimed") result += button(ui, "renew", "renew");
+  if (item.status === "review" && !owns(item, actor)) result += interactive ? "" : button(ui, "accept", "accept") + button(ui, "reject", "reject");
+  if (item.blocked) result += button(ui, "unblock", "unblock");
+  if (item.status === "review" && owns(item, actor) && board.policy.review !== "assignee") result += `<p>${escapeHTML(ui.text("noReview"))}</p>`;
+  return result;
+}
+function detailForms(ui, board, item, actor) {
+  if (["completed", "cancelled"].includes(item.status)) return "";
+  let forms = "";
+  const executable = executableWorkItem(board, item);
+  if (!executable && ["backlog", "proposed", "open"].includes(item.status)) forms += `<form data-form="close-plan">${field(ui, "resultRef", "result")}<button>${escapeHTML(ui.text("closePlan"))}</button></form>`;
+  if (!board.automation && executable && item.status === "open" && !item.blocked) forms += `<form data-form="claim">${board.policy.requireEstimate !== false ? estimates(ui) : ""}<button>${escapeHTML(ui.text("claim"))}</button></form>`;
+  if (item.status === "claimed" && owns(item, actor)) forms += `<form data-form="submit">${field(ui, "resultRef", "result")}<button>${escapeHTML(ui.text("submit"))}</button></form>`;
+  const automatic = item.eligiblePrincipals?.some((principal) => principal.kind === board.automation?.worker.kind && principal.id === board.automation.worker.id);
+  let secondary = "";
+  if (["proposed", "backlog", "open"].includes(item.status) && !automatic && !board.automation) secondary += `<details><summary>${escapeHTML(ui.text("editItem"))}</summary><form data-form="edit-item">${field(ui, "title", "name", item.title)}${textarea(ui, "responsibility", "responsibility", item.responsibility)}${textarea(ui, "acceptance", "acceptance", item.acceptance)}<button>${escapeHTML(ui.text("save"))}</button></form></details>`;
+  if (!board.automation && item.launch?.admittedAt === void 0 && ["proposed", "backlog", "open"].includes(item.status)) secondary += `<details><summary>${escapeHTML(ui.text("plan"))}</summary><form data-form="plan">${planningFields(ui, board, item)}<button>${escapeHTML(ui.text("save"))}</button></form></details><form data-form="cancel">${field(ui, "reason", "reason")}<button>${escapeHTML(ui.text("cancel"))}</button></form>`;
+  if (owns(item, actor)) secondary += `<form data-form="release">${field(ui, "reason", "reason")}<button>${escapeHTML(ui.text("release"))}</button></form>`;
+  if (!item.blocked && (!item.owner || owns(item, actor))) secondary += `<form data-form="block">${field(ui, "reason", "reason")}<button>${escapeHTML(ui.text("block"))}</button></form>`;
+  return forms + `<details><summary>${escapeHTML(ui.text("moreActions"))}</summary>` + secondary + `<form data-form="message">${textarea(ui, "message", "message")}<button>${escapeHTML(ui.text("send"))}</button></form></details>`;
+}
+function estimates(ui) {
+  return `${field(ui, "complexity", "complexity", "1", true, "number")}${field(ui, "workUnits", "workUnits", "1", true, "number")}
+        ${field(ui, "duration", "duration", "30", true, "number")}<label>${escapeHTML(ui.text("confidence"))}<select name="confidence">${["low", "medium", "high"].map((value2) => `<option value="${value2}">${escapeHTML(ui.text(value2))}</option>`).join("")}</select></label>`;
+}
+function itemResourceField(ui, catalog, executable) {
+  if (!catalog || !catalog.resources.length && !catalog.selected) return "";
+  const options = [...catalog.resources], selected = catalog.selected ? JSON.stringify(catalog.selected) : "";
+  if (catalog.selected && !options.some((option) => option.reference.system === catalog.selected.system && option.reference.id === catalog.selected.id)) options.push({ reference: catalog.selected, label: catalog.selected.id });
+  return `<label>${escapeHTML(ui.text("itemResource"))}<select name="itemResource" data-resource-required="${catalog.required === true}" ${catalog.required && executable ? "required" : ""} ${catalog.readonly ? "disabled" : ""}>
+        <option value="">${escapeHTML(ui.text("none"))}</option>${options.map((option) => `<option value="${escapeAttr(JSON.stringify(option.reference))}" ${JSON.stringify(option.reference) === selected ? "selected" : ""}>${escapeHTML(option.label)}</option>`).join("")}</select>
+        ${catalog.readonly ? `<input type="hidden" name="itemResource" value="${escapeAttr(selected)}">` : ""}</label>`;
+}
+function editTaskForm(ui, board, item, editId, resources) {
+  return `${panelHeader(ui, item.title, board, item)}<p>${escapeHTML(ui.text("editLeaseHelp"))}</p><form data-form="save-edit"><input type="hidden" name="editId" value="${escapeAttr(editId)}">${field(ui, "title", "name", item.title)}${textarea(ui, "responsibility", "responsibility", item.responsibility)}${textarea(ui, "acceptance", "acceptance", item.acceptance)}${launchModeField(ui, item.launch?.mode)}${planningFields(ui, board, item)}${itemResourceField(ui, resources, true)}${save(ui)}</form>`;
+}
+function launchModeField(ui, mode = "automatic") {
+  return `<label>${escapeHTML(ui.text("taskStartMode"))}<select name="launchMode">${["automatic", "manual"].map((value2) => `<option value="${value2}" ${mode === value2 ? "selected" : ""}>${escapeHTML(ui.text("taskMode." + value2))}</option>`).join("")}</select></label>`;
+}
+
+// src/ui/automation.ts
+function automationForm(ui, board, catalog) {
+  const settings = board.automation;
+  const select = (name, label) => {
+    const selected = settings?.[name], targets = [...name === "preparation" ? catalog.preparations ?? [] : catalog.targets];
+    if (settings?.[name] && !targets.some((entry) => sameReference(entry.reference, selected)))
+      targets.push({ reference: settings[name], label: ui.text("automationTargetUnavailable") });
+    return `<label>${escapeHTML(ui.text(label))}<select name="${name}" ${name === "preparation" ? "" : "required"}><option value="">${escapeHTML(ui.text("automationChoose"))}</option>${targets.map((entry) => {
+      const value2 = JSON.stringify(entry.reference);
+      return `<option value="${escapeAttr(value2)}" ${sameReference(entry.reference, selected) ? "selected" : ""}>${escapeHTML(entry.label)}</option>`;
+    }).join("")}</select></label>`;
+  };
+  return `${panelHeader(ui, ui.text("automationTitle"))}<form data-form="automation">
+        <p>${escapeHTML(ui.text("automationHelp"))}</p>
+        <label><input type="checkbox" name="enabled" ${settings?.enabled ? "checked" : ""}>${escapeHTML(ui.text("automationEnabled"))}</label>
+        ${select("planner", "automationPlanner")}${select("executor", "automationExecutor")}${select("preparation", "automationPreparation")}<div data-preparation-options>${preparationFields(board, catalog)}</div>
+        <label><input type="checkbox" name="autoAccept" ${settings?.autoAccept ? "checked" : ""}>${escapeHTML(ui.text("automationAutoAccept"))}</label>
+        <p>${escapeHTML(ui.text("automationReviewHelp"))}</p>
+        <div class="kanban__actions"><button>${escapeHTML(ui.text("save"))}</button>${button(ui, "close-panel", "close")}</div></form>`;
+}
+function analysisView(ui, status) {
+  if (!status) return `<p>${escapeHTML(ui.text("automationPending"))}</p>`;
+  return `<section><h4>${escapeHTML(ui.text("automationAnalysis"))}</h4><p>${escapeHTML(ui.text("automationState." + status.state))}</p>
+        ${status.reason ? `<p>${escapeHTML(status.reason)}</p>` : ""}${status.code ? `<p>${escapeHTML(ui.text("errors." + status.code))}</p>` : ""}
+        ${["failed", "clarification"].includes(status.state) ? button(ui, "reanalyze", "automationReanalyze") : ""}</section>`;
+}
+function preparationFields(board, catalog, reference = board.automation?.preparation) {
+  const selected = reference;
+  const entries = catalog.preparations?.filter((entry) => sameReference(entry.reference, selected)) ?? [];
+  return entries.flatMap((entry) => (entry.options ?? []).map((option) => {
+    const value2 = board.automation?.preparationOptions?.[option.name] ?? option.defaultValue ?? "";
+    const name = "preparation-option-" + option.name;
+    const control = option.choices ? `<select name="${escapeAttr(name)}">${option.choices.map((choice) => `<option value="${escapeAttr(choice.value)}" ${choice.value === value2 ? "selected" : ""}>${escapeHTML(choice.label)}</option>`).join("")}</select>` : `<input name="${escapeAttr(name)}" value="${escapeAttr(value2)}" maxlength="4096">`;
+    return `<label>${escapeHTML(option.label)}${control}</label>`;
+  })).join("");
+}
+function sameReference(left, right) {
+  const a = left;
+  const b = right;
+  return !!a && !!b && a.system === b.system && a.id === b.id && a.revision === b.revision;
+}
+
+// src/ui/suggestion-picker.ts
+var KanbanSuggestionPicker = class {
+  constructor(root, config, fetch, presentation) {
+    this.root = root;
+    this.config = config;
+    this.fetch = fetch;
+    this.presentation = presentation;
+    this.selected = [...config.selected ?? []];
+    this.mount();
+    this.bind();
+    this.renderValues();
+    this.close();
+  }
+  input = document.createElement("input");
+  list = document.createElement("div");
+  chips = document.createElement("div");
+  values = document.createElement("div");
+  hint = document.createElement("small");
+  selected;
+  rows = [];
+  active = -1;
+  loading = false;
+  generation = 0;
+  timer;
+  abort = new AbortController();
+  mount() {
+    const caption = document.createElement("label"), id = "kanban-suggest-" + randomUUID();
+    caption.textContent = this.presentation.text(this.config.label);
+    caption.htmlFor = this.input.id = id;
+    this.input.type = "text";
+    this.input.autocomplete = "off";
+    this.input.maxLength = 256;
+    this.input.required = !!this.config.required;
+    this.input.setAttribute("role", "combobox");
+    this.input.setAttribute("aria-autocomplete", "list");
+    this.input.setAttribute("aria-controls", this.list.id = id + "-list");
+    this.input.setAttribute("aria-describedby", this.hint.id = id + "-hint");
+    this.input.placeholder = this.config.free ? this.presentation.text(this.config.label) + " \xB7 " + this.presentation.text("suggestFreePlaceholder") : this.presentation.text("suggestPlaceholder");
+    if (this.config.free) this.input.name = this.config.name;
+    this.input.value = this.config.multiple ? "" : this.selected[0]?.label ?? "";
+    this.list.className = "kanban__suggest-list";
+    this.list.setAttribute("role", "listbox");
+    this.list.setAttribute("aria-label", caption.textContent);
+    this.chips.className = "kanban__suggest-chips";
+    this.hint.setAttribute("aria-live", "polite");
+    this.hint.textContent = this.presentation.text(this.config.free ? "suggestFreeHint" : "suggestHint");
+    this.root.replaceChildren(caption, this.chips, this.input, this.values, this.list, this.hint);
+  }
+  bind() {
+    const signal = this.abort.signal;
+    this.input.addEventListener("focus", () => {
+      if (!this.config.multiple && this.selected.length) this.input.select();
+      if (!this.loading) void this.search();
+    }, { signal });
+    this.input.addEventListener("click", () => {
+      if (this.list.hidden && !this.loading) void this.search();
+    }, { signal });
+    this.input.addEventListener("input", () => {
+      if (!this.config.multiple && !this.config.free) {
+        this.selected = [];
+        this.renderValues();
+      }
+      this.validate();
+      clearTimeout(this.timer);
+      this.generation++;
+      this.rows = [];
+      this.active = -1;
+      this.list.replaceChildren();
+      this.hint.textContent = this.presentation.text("loading");
+      this.open();
+      this.timer = setTimeout(() => {
+        void this.search();
+      }, 150);
+    }, { signal });
+    this.input.addEventListener("keydown", (event) => this.keydown(event), { signal });
+    this.list.addEventListener("pointerdown", (event) => event.preventDefault(), { signal });
+    this.root.addEventListener("click", (event) => this.click(event), { signal });
+    document.addEventListener("scroll", () => this.position(), { signal, capture: true });
+    window.addEventListener("resize", () => this.position(), { signal });
+    this.root.addEventListener("focusout", (event) => {
+      if (!this.root.contains(event.relatedTarget)) this.close();
+    }, { signal });
+  }
+  async search() {
+    const generation = ++this.generation, operationId = randomUUID(), started = Date.now();
+    const search = !this.config.multiple && this.selected[0]?.label === this.input.value ? "" : this.input.value.trim();
+    const kind = this.root.closest("form")?.querySelector("[name=kind]")?.value;
+    this.revealInput();
+    this.loading = true;
+    this.hint.textContent = this.presentation.text("loading");
+    try {
+      const page = await this.fetch({
+        kind: this.config.kind,
+        search,
+        limit: 12,
+        ...this.config.multiple ? { excludeIds: this.selected.map((row) => row.id) } : {},
+        ...this.config.excludeItemId ? { excludeItemId: this.config.excludeItemId } : {},
+        ...this.config.kind === "parent" && kind ? { childKind: kind } : {}
+      });
+      if (generation !== this.generation || this.abort.signal.aborted || !this.root.isConnected) return;
+      this.rows = page.items.filter((row) => !this.config.multiple || !this.selected.some((value2) => value2.id === row.id));
+      if (this.config.manual && search && !this.rows.some((row) => row.id === search)) this.rows.push({ id: search, label: search, detail: this.presentation.text("suggestManualId") });
+      this.active = this.rows.length ? 0 : -1;
+      this.renderOptions();
+      this.hint.textContent = this.presentation.text(page.hasMore ? "suggestRefine" : this.rows.length ? this.config.free ? "suggestFreeHint" : "suggestHint" : "suggestEmpty");
+      this.log({ operationId, stage: this.config.kind, result: "success", count: page.items.length, durationMs: Date.now() - started });
+    } catch (error) {
+      if (generation !== this.generation || this.abort.signal.aborted) return;
+      this.rows = [];
+      this.list.replaceChildren();
+      this.hint.textContent = this.presentation.text("suggestFailed");
+      const retry = document.createElement("button");
+      retry.type = "button";
+      retry.textContent = this.presentation.text("retry");
+      retry.dataset.suggestRetry = "";
+      this.list.append(retry);
+      this.open();
+      const raw = error?.code, code = typeof raw === "string" && /^[A-Z_0-9]{1,80}$/.test(raw) ? raw : "KANBAN_SUGGEST_FAILED";
+      this.log({ operationId, stage: this.config.kind, result: "failure", code, durationMs: Date.now() - started });
+    } finally {
+      if (generation === this.generation) this.loading = false;
+    }
+  }
+  log(event) {
+    try {
+      this.presentation.log?.(event);
+    } catch {
+    }
+  }
+  renderOptions() {
+    this.list.replaceChildren();
+    this.rows.forEach((row, index) => {
+      const button2 = document.createElement("button");
+      button2.type = "button";
+      button2.tabIndex = -1;
+      button2.dataset.suggestIndex = String(index);
+      button2.id = this.list.id + "-" + index;
+      button2.setAttribute("role", "option");
+      const title = document.createElement("strong"), detail = document.createElement("small");
+      title.textContent = row.label;
+      detail.textContent = [row.status ? this.presentation.text(row.status) : "", row.archived ? this.presentation.text("archive") : "", row.detail, this.config.free ? "" : row.id].filter(Boolean).join(" \xB7 ");
+      button2.append(title, detail);
+      this.list.append(button2);
+    });
+    this.open();
+    this.markActive();
+  }
+  click(event) {
+    const button2 = event.target.closest("button");
+    if (!button2) return;
+    if (button2.dataset.suggestIndex !== void 0) this.choose(this.rows[Number(button2.dataset.suggestIndex)]);
+    else if (button2.dataset.suggestRemove !== void 0) {
+      this.selected = this.selected.filter((row) => row.id !== button2.dataset.suggestRemove);
+      this.renderValues();
+      this.changed();
+      this.input.focus();
+    } else if (button2.hasAttribute("data-suggest-retry")) {
+      void this.search();
+      this.input.focus();
+    }
+  }
+  choose(row) {
+    if (!row) return;
+    this.selected = this.config.multiple ? [...this.selected, row] : [row];
+    this.input.value = this.config.multiple ? "" : row.label;
+    this.renderValues();
+    this.input.setCustomValidity("");
+    this.hint.textContent = this.presentation.text(this.config.free ? "suggestFreeHint" : "suggestHint");
+    this.changed();
+    this.close();
+    this.input.focus();
+  }
+  renderValues() {
+    this.values.replaceChildren();
+    this.chips.replaceChildren();
+    if (!this.config.free) for (const row of this.selected.length ? this.selected : this.config.multiple ? [] : [{ id: "", label: "" }]) {
+      const input = document.createElement("input");
+      input.type = "hidden";
+      input.name = this.config.name;
+      input.value = row.id;
+      this.values.append(input);
+    }
+    if (this.config.multiple) for (const row of this.selected) {
+      const chip = document.createElement("button");
+      chip.type = "button";
+      chip.dataset.suggestRemove = row.id;
+      const name = document.createElement("span"), remove = document.createElement("span");
+      name.textContent = row.label;
+      remove.innerHTML = this.presentation.icons.close;
+      remove.setAttribute("aria-hidden", "true");
+      chip.append(name, remove);
+      chip.setAttribute("aria-label", this.presentation.text("suggestRemove") + ": " + row.label);
+      this.chips.append(chip);
+    }
+  }
+  validate() {
+    const unselected = !this.config.free && !!this.input.value.trim() && (this.config.multiple || !this.selected.length);
+    this.input.setCustomValidity(unselected ? this.presentation.text("suggestPickRequired") : "");
+  }
+  changed() {
+    this.validate();
+    this.root.dispatchEvent(new Event("input", { bubbles: true }));
+  }
+  keydown(event) {
+    if (event.key === "Escape" && !this.list.hidden) {
+      event.preventDefault();
+      event.stopPropagation();
+      this.close();
+      return;
+    }
+    if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+      event.preventDefault();
+      event.stopPropagation();
+      if (this.list.hidden) {
+        void this.search();
+        return;
+      }
+      this.active = this.rows.length ? (this.active + (event.key === "ArrowDown" ? 1 : -1) + this.rows.length) % this.rows.length : -1;
+      this.markActive();
+    } else if (event.key === "Enter" && !this.list.hidden) {
+      event.preventDefault();
+      event.stopPropagation();
+      this.choose(this.rows[this.active]);
+    } else if (event.key === "Tab" && !this.list.querySelector("[data-suggest-retry]")) this.close();
+    else if (event.key === "Backspace" && this.config.multiple && !this.input.value && this.selected.length) {
+      this.selected.pop();
+      this.renderValues();
+      this.changed();
+    }
+  }
+  markActive() {
+    [...this.list.children].forEach((node, index) => node.setAttribute("aria-selected", String(index === this.active)));
+    if (this.active >= 0) {
+      this.input.setAttribute("aria-activedescendant", this.list.id + "-" + this.active);
+      const row = this.list.children[this.active];
+      if (row && row.offsetTop < this.list.scrollTop) this.list.scrollTop = row.offsetTop;
+      else if (row && row.offsetTop + row.offsetHeight > this.list.scrollTop + this.list.clientHeight) this.list.scrollTop = row.offsetTop + row.offsetHeight - this.list.clientHeight;
+    } else this.input.removeAttribute("aria-activedescendant");
+  }
+  open() {
+    this.list.hidden = false;
+    this.input.setAttribute("aria-expanded", "true");
+    this.position();
+  }
+  revealInput() {
+    const panel = this.root.closest("[data-panel]");
+    if (!panel) return;
+    const input = this.input.getBoundingClientRect(), bounds = panel.getBoundingClientRect();
+    const top = (panel.querySelector(".kanban__panel-header")?.getBoundingClientRect().bottom ?? bounds.top) + 8, bottom = bounds.bottom - 12;
+    if (input.bottom > bottom) panel.scrollTop += input.bottom - bottom;
+    else if (input.top < top) panel.scrollTop -= top - input.top;
+  }
+  position() {
+    if (this.list.hidden || !this.root.isConnected) return;
+    const input = this.input.getBoundingClientRect(), scope = (this.root.closest("[data-panel]") ?? this.root.closest(".kanban") ?? document.documentElement).getBoundingClientRect();
+    const below = Math.max(0, scope.bottom - input.bottom - 8), above = Math.max(0, input.top - scope.top - 8), up = above > below && below < 160;
+    const height = Math.min(210, up ? above : below), width = Math.min(Math.max(input.width, 220), Math.max(0, scope.width - 16));
+    const left = Math.max(scope.left + 8, Math.min(input.left, scope.right - width - 8));
+    Object.assign(this.list.style, {
+      position: "fixed",
+      zIndex: "30",
+      left: `${left}px`,
+      width: `${width}px`,
+      maxHeight: `${height}px`,
+      top: up ? "auto" : `${input.bottom + 4}px`,
+      bottom: up ? `${innerHeight - input.top + 4}px` : "auto"
+    });
+  }
+  close() {
+    this.loading = false;
+    if (this.hint.textContent === this.presentation.text("loading")) this.hint.textContent = this.presentation.text(this.config.free ? "suggestFreeHint" : "suggestHint");
+    clearTimeout(this.timer);
+    this.generation++;
+    this.list.hidden = true;
+    this.input.setAttribute("aria-expanded", "false");
+    this.input.removeAttribute("aria-activedescendant");
+  }
+  destroy() {
+    clearTimeout(this.timer);
+    this.generation++;
+    this.abort.abort();
+  }
+};
+
+// src/ui/suggestions.ts
+var KanbanSuggestions = class {
+  constructor(root, service, boardId, presentation) {
+    this.root = root;
+    this.service = service;
+    this.boardId = boardId;
+    this.presentation = presentation;
+    this.observer = new MutationObserver(() => this.sync());
+    this.observer.observe(root, { childList: true, subtree: true });
+    this.sync();
+  }
+  observer;
+  fields = /* @__PURE__ */ new Map();
+  sync() {
+    for (const [node, field2] of this.fields) if (!this.root.contains(node)) {
+      field2.destroy();
+      this.fields.delete(node);
+    }
+    if (!this.service) return;
+    for (const node of this.root.querySelectorAll("[data-kanban-suggest]")) {
+      if (this.fields.has(node)) continue;
+      const options = JSON.parse(node.dataset.kanbanSuggest);
+      const picker = new KanbanSuggestionPicker(node, options, (query) => this.service.suggest(this.boardId(), query), this.presentation);
+      this.fields.set(node, picker);
+    }
+  }
+  destroy() {
+    this.observer.disconnect();
+    for (const field2 of this.fields.values()) field2.destroy();
+    this.fields.clear();
+  }
+};
+
+// src/ui/index.ts
+import { mountTitleBar as mountSharedTitleBar } from "@nestos/ui-common";
+
+// src/ui/drawer.ts
+var KanbanDrawer = class {
+  constructor(editor, sidebar) {
+    this.editor = editor;
+    this.sidebar = sidebar;
+  }
+  key = "";
+  focusRequested = false;
+  restoreTarget;
+  restoreItem;
+  restoreRecord;
+  restoreRequested = false;
+  get element() {
+    return this.editor.querySelector("[data-panel]");
+  }
+  get open() {
+    return !this.element.hidden;
+  }
+  show(html, key) {
+    const panel = this.element, same = this.open && this.key === key, top = same ? panel.scrollTop : 0;
+    if (!this.open) {
+      const active = document.activeElement;
+      this.restoreTarget = active ?? void 0;
+      this.restoreItem = active?.dataset.item;
+      this.restoreRecord = active?.dataset.record;
+    }
+    this.focusRequested ||= same && panel.contains(document.activeElement);
+    const retained = same ? ["[data-work-resource-section]", "[data-related-sessions-section]"].map((selector) => ({ selector, node: panel.querySelector(selector) })) : [];
+    panel.innerHTML = html;
+    for (const { selector, node } of retained) if (node?.hasChildNodes()) panel.querySelector(selector)?.replaceWith(node);
+    const error = document.createElement("p");
+    error.dataset.panelError = "";
+    error.setAttribute("role", "alert");
+    const header = panel.querySelector(".kanban__panel-header");
+    if (header) header.after(error);
+    else panel.prepend(error);
+    panel.hidden = false;
+    panel.scrollTop = top;
+    this.key = key;
+    this.focusRequested ||= !same;
+    this.editor.querySelector("[data-content]").inert = true;
+    if (this.sidebar) this.sidebar.inert = true;
+    this.editor.querySelector("[data-backdrop]").hidden = false;
+    this.editor.classList.add("kanban--detail");
+  }
+  close() {
+    this.element.hidden = true;
+    this.element.replaceChildren();
+    this.key = "";
+    this.focusRequested = false;
+    this.restoreRequested = true;
+    this.editor.querySelector("[data-content]").inert = false;
+    if (this.sidebar) this.sidebar.inert = false;
+    this.editor.querySelector("[data-backdrop]").hidden = true;
+    this.editor.classList.remove("kanban--detail");
+  }
+  flushFocus() {
+    if (this.focusRequested && this.open) {
+      this.focusRequested = false;
+      this.element.focus({ preventScroll: true });
+    } else if (this.restoreRequested) {
+      this.restoreRequested = false;
+      const matches = [...this.editor.querySelectorAll("[data-item], [data-record]")];
+      const target = this.restoreTarget?.isConnected ? this.restoreTarget : matches.find((node) => this.restoreItem ? node.dataset.item === this.restoreItem : this.restoreRecord ? node.dataset.record === this.restoreRecord : false);
+      (target ?? this.editor.querySelector("button"))?.focus({ preventScroll: true });
+    }
+  }
+  keydown(event) {
+    if (!this.open || event.key !== "Tab") return;
+    const nodes = [...this.element.querySelectorAll('button, input:not([type=hidden]), select, textarea, a[href], summary, [tabindex="0"]')].filter((node) => !node.matches(":disabled") && node.tabIndex >= 0 && !node.closest("[hidden], [inert]") && !node.hidden && !node.closest("details:not([open]) :not(summary)"));
+    const first = nodes[0], last = nodes[nodes.length - 1], active = document.activeElement;
+    if (!first) {
+      event.preventDefault();
+      this.element.focus();
+      return;
+    }
+    if (event.shiftKey && (active === first || active === this.element)) {
+      event.preventDefault();
+      last.focus();
+    } else if (!event.shiftKey && (active === last || !this.element.contains(active))) {
+      event.preventDefault();
+      first.focus();
+    }
+  }
+  destroy() {
+    if (this.sidebar) this.sidebar.inert = false;
+    this.editor.classList.remove("kanban--detail");
+  }
+};
+function drawerMarkup(ui) {
+  return `<button type="button" class="kanban__backdrop" data-backdrop data-action="dismiss-panel" aria-label="${escapeAttr(ui.text("closeDetail"))}" tabindex="-1" hidden></button>
+        <section data-panel class="kanban__panel" role="dialog" aria-modal="true" aria-label="${escapeAttr(ui.text("details"))}" tabindex="-1" hidden></section>`;
+}
+function preserveBoardScroll(container, render) {
+  const columns = [...container.querySelectorAll("[data-column]")].map((node) => ({ id: node.dataset.column, top: node.scrollTop }));
+  const left = container.querySelector(".kanban__columns")?.scrollLeft ?? 0;
+  render();
+  for (const node of container.querySelectorAll("[data-column]")) node.scrollTop = columns.find((column) => column.id === node.dataset.column)?.top ?? 0;
+  const board = container.querySelector(".kanban__columns");
+  if (board) board.scrollLeft = left;
+}
+
+// src/ui/diagnostics.ts
+function failureDetails(error) {
+  if (!error || typeof error !== "object") return {};
+  const value2 = error;
+  const known = /^(?:Error|TypeError|ReferenceError|SyntaxError|RangeError|SecurityError|QuotaExceededError|NotSupportedError|InvalidStateError|DataCloneError|AbortError|NetworkError)$/;
+  const errorName = typeof value2.name === "string" && known.test(value2.name) ? value2.name : void 0;
+  const frame = typeof value2.stack === "string" ? value2.stack.match(/(?:^|\/)([A-Za-z0-9_.-]+\.m?js):(\d+):(\d+)/m) : null;
+  return { ...errorName ? { errorName } : {}, ...frame ? { source: `${frame[1]}:${frame[2]}:${frame[3]}` } : {} };
+}
+
+// src/ui/operations.ts
+function itemOperationsView(ui, view, sessionUrl) {
+  return `<button type="button" data-action="refresh-item-operations">${escapeHTML(ui.text("operationRefresh"))}</button><h4>${escapeHTML(ui.text("operationsTitle"))}</h4>
+        <ol class="kanban__operations">${view.operations.map((operation) => operationCard(ui, view, operation, sessionUrl)).join("")}</ol>`;
+}
+function operationCard(ui, view, operation, url) {
+  const reason = operation.code ? ui.text("errors." + operation.code) : "";
+  return `<li data-operation-id="${escapeAttr(operation.id)}"><strong>${escapeHTML(operation.label)}</strong> \xB7 ${escapeHTML(ui.text("operationState." + operation.state))}
+        ${operation.reason ? `<p>${escapeHTML(operation.reason)}</p>` : ""}${operation.code ? `<p role="alert">${escapeHTML(reason.endsWith("errors." + operation.code) ? operation.code : reason)}</p>` : ""}
+        ${operation.summary ? `<pre class="kanban__operation-summary">${escapeHTML(operation.summary)}</pre>` : ""}
+        ${operation.sessionId ? sessionLink(ui, operation.sessionId, ui.text("operationSession"), url?.(operation.sessionId)) : ""}
+        <form data-form="item-operation" data-operation="${escapeAttr(operation.id)}" data-revision="${escapeAttr(view.revision)}">
+        ${choices(ui, operation)}${operation.confirmation ? `<label><input type="checkbox" name="confirmed" required>${escapeHTML(operation.confirmation)}</label>` : ""}
+        <button type="submit"${operation.enabled ? "" : " disabled"}>${escapeHTML(operation.label)}</button></form>${configuration(ui, view, operation)}</li>`;
+}
+function choices(ui, operation) {
+  return (operation.fields ?? []).map((field2) => `<label>${escapeHTML(field2.label)}<select name="choice-${escapeAttr(field2.id)}" required>
+        <option value="">${escapeHTML(ui.text("operationChoose"))}</option>${field2.choices.map((choice) => `<option value="${escapeAttr(choice.id)}"${field2.selected === choice.id ? " selected" : ""}>${escapeHTML(choice.label + (choice.detail ? " \xB7 " + choice.detail : ""))}</option>`).join("")}</select></label>`).join("");
+}
+function configuration(ui, view, operation) {
+  if (!operation.configurable) return "";
+  return `<details><summary>${escapeHTML(ui.text("operationConfigure"))}</summary><form data-form="operation-binding" data-operation="${escapeAttr(operation.id)}" data-revision="${escapeAttr(view.revision)}">
+        <label>${escapeHTML(ui.text("operationFlow"))}<select name="target" required><option value="">${escapeHTML(ui.text("operationChoose"))}</option>
+        ${(view.targets ?? []).map((target) => `<option value="${escapeAttr(JSON.stringify(target.reference))}"${JSON.stringify(target.reference) === JSON.stringify(operation.binding) ? " selected" : ""}>${escapeHTML(target.label)}</option>`).join("")}</select></label>
+        <button type="submit">${escapeHTML(ui.text("save"))}</button>${view.targets?.length ? "" : `<p>${escapeHTML(ui.text("operationNoFlows"))}</p>`}</form></details>`;
+}
+
+// src/ui/work-resources.ts
+function workResourcesView(ui, resources) {
+  if (!resources.length) return `<p>${escapeHTML(ui.text("none"))}</p>`;
+  return resources.map((resource) => `<article class="kanban__work-resource" data-work-resource="${escapeAttr(resource.id)}">
+        <strong>${escapeHTML(resource.title)}</strong>${copy(ui, resource.title, ui.text("copyWorkResourceName"))} \xB7 ${escapeHTML(ui.text("workResourceState." + resource.state))}
+        <p><code>${escapeHTML(resource.location)}</code>${copy(ui, resource.location, ui.text("copyWorkResourcePath"))}</p>
+        <dl>${resource.properties.map((row) => `<dt>${escapeHTML(row.label)}</dt><dd>${escapeHTML(row.value)}${copy(ui, row.value, ui.text("copyValue") + " \xB7 " + row.label)}</dd>`).join("")}</dl>
+        ${resource.reasons.map((reason) => `<p>${escapeHTML(reasonLabel(ui, reason))}</p>`).join("")}
+        <button type="button" data-action="cleanup-work-resource" data-resource="${escapeAttr(resource.id)}" data-version="${escapeAttr(resource.version)}" ${resource.canCleanup ? "" : "disabled"}>${escapeHTML(ui.text("cleanupWorkResource"))}</button>
+        </article>`).join("");
+}
+function copy(ui, value2, label) {
+  return `<button type="button" class="kanban__copy-button" data-action="copy-resource" data-copy="${escapeAttr(value2)}" title="${escapeAttr(label)}" aria-label="${escapeAttr(label)}">${ui.icons.copy ?? escapeHTML(ui.text("copyValue"))}</button>`;
+}
+function reasonLabel(ui, reason) {
+  const key = "workResourceReason." + reason, label = ui.text(key);
+  return label.includes(key) ? reason : label;
+}
+
+// src/ui/renderer.ts
+function createRenderer(ui) {
+  const bind = (fn) => (...args) => fn(ui, ...args);
+  return {
+    label: ui.text.bind(ui),
+    boardView: bind(boardView),
+    catalogView: bind(catalogView),
+    navigation: bind(navigation),
+    button: bind(button),
+    detailView: bind(detailView),
+    itemEventsView: bind(itemEventsView),
+    newBoardForm: bind(newBoardForm),
+    newItemForm: bind(newItemForm),
+    recordLinks: bind(recordLinks),
+    recordsView: bind(recordsView),
+    recordDetail: bind(recordDetail),
+    recordForm: bind(recordForm),
+    executionSessionView: bind(executionSessionView),
+    executionBadge: bind(executionBadge),
+    copyReference: bind(copyReference)
+  };
+}
+
+// src/ui/commands.ts
+var value = (data, key) => String(data.get(key) ?? "").trim();
+function readPlan(data, previous) {
+  const area = value(data, "area"), milestone = value(data, "milestone"), parentId = value(data, "parentId"), dueAt = value(data, "dueAt");
+  return {
+    kind: value(data, "kind"),
+    ...previous?.execution ? { execution: previous.execution } : {},
+    priority: Number(value(data, "priority")),
+    references: previous?.references ?? [],
+    dependencies: [...new Set(data.getAll("dependencies").flatMap((value2) => String(value2).split(",")).map((id) => id.trim()).filter(Boolean))],
+    ...area ? { area } : {},
+    ...milestone ? { milestone } : {},
+    ...parentId ? { parentId } : {},
+    ...dueAt ? { dueAt: new Date(dueAt).getTime() } : {}
+  };
+}
+function boardInput(data, actor, id) {
+  return {
+    id,
+    title: value(data, "title"),
+    scope: { kind: "system" },
+    members: [{ ...actor, responsibility: "Manage personal work", roles: ["worker", "reviewer", "coordinator"] }],
+    policy: { requireEstimate: data.has("requireEstimate"), review: "assignee" }
+  };
+}
+function formCommand(kind, data, board, item, id = randomUUID()) {
+  if (kind === "item") return { type: "create-item", ...value(data, "launchMode") ? { launch: { mode: value(data, "launchMode") } } : {}, item: { id, title: value(data, "title"), responsibility: value(data, "responsibility"), acceptance: value(data, "acceptance"), ...value(data, "itemResource") ? { externalRefs: [JSON.parse(value(data, "itemResource"))] } : {} }, planning: readPlan(data) };
+  if (kind === "record") {
+    const sessionId = value(data, "sourceSession"), messageId = value(data, "sourceMessage"), revision = value(data, "sourceRevision");
+    if ([sessionId, messageId, revision].some(Boolean) && ![sessionId, messageId, revision].every(Boolean)) throw Object.assign(new Error("Missing source fields"), { code: "SOURCE_FIELDS_REQUIRED" });
+    return { type: "append-record", record: {
+      id,
+      kind: value(data, "kind"),
+      title: value(data, "title"),
+      content: value(data, "content"),
+      externalRefs: data.getAll("recordResources").map((value2) => JSON.parse(String(value2))),
+      itemIds: [...new Set(data.getAll("itemIds").flatMap((value2) => String(value2).split(",")).map((id2) => id2.trim()).filter(Boolean))],
+      sources: sessionId ? [{ sessionId, messageId, revision, role: "user" }] : [],
+      ...value(data, "rationale") ? { rationale: value(data, "rationale") } : {},
+      ...value(data, "supersedes") ? { supersedes: value(data, "supersedes") } : {}
+    } };
+  }
+  if (!item) throw new Error("ITEM_NOT_FOUND");
+  const itemId = item.id, token = item.owner?.token ?? "";
+  if (kind === "edit-item") return { type: "edit-item", itemId, title: value(data, "title"), responsibility: value(data, "responsibility"), acceptance: value(data, "acceptance") };
+  if (kind === "amendment") return { type: "review-amendment", itemId, amendmentId: value(data, "amendmentId"), accept: value(data, "decision") === "accept", reason: value(data, "reason") || void 0 };
+  if (kind === "claim") return { type: "claim", itemId, ...board.policy.requireEstimate !== false ? { estimate: estimate(data) } : {} };
+  if (kind === "close-plan") return { type: "close-plan", itemId, resultRef: value(data, "resultRef") };
+  if (kind === "submit") return { type: "submit", itemId, token, resultRef: value(data, "resultRef") };
+  if (kind === "plan") return { type: "plan-item", itemId, planning: readPlan(data, item.planning) };
+  if (kind === "cancel") return { type: "cancel-item", itemId, reason: value(data, "reason") };
+  if (kind === "release") return { type: "release-item", itemId, token, next: "backlog", reason: value(data, "reason") };
+  if (kind === "block") return { type: "block-item", itemId, token, reason: value(data, "reason") };
+  if (kind === "session") return { type: "register-session", itemId, sessionId: value(data, "sessionId"), role: "observer", subscribed: true };
+  if (kind === "message") return { type: "message", itemId, message: value(data, "message"), recipientSessionIds: item.participants.filter((p) => p.subscribed).map((p) => p.sessionId) };
+  throw new Error("UNKNOWN_COMMAND");
+}
+function estimate(data) {
+  return { complexity: Number(value(data, "complexity")), workUnits: Number(value(data, "workUnits")), durationMs: Number(value(data, "duration")) * 6e4, confidence: value(data, "confidence") };
+}
+function actionCommand(action, item) {
+  const itemId = item.id, token = item.owner?.token ?? "";
+  if (action === "ready" || action === "defer") return { type: "set-stage", itemId, stage: action === "ready" ? "open" : "backlog" };
+  if (action === "publish") return { type: "publish-proposal", itemId };
+  if (action === "renew") return { type: "renew", itemId, token };
+  if (action === "accept" || action === "reject") return { type: "review", itemId, accept: action === "accept" };
+  if (action === "archive") return { type: "archive-items", itemIds: [itemId], reason: "manual" };
+  if (action === "restore") return { type: "restore-item", itemId };
+  if (action === "unblock") return { type: "unblock-item", itemId, token };
+  throw new Error("UNKNOWN_COMMAND");
+}
+
+// src/ui/index.ts
+var KanbanWorkbench = class {
+  constructor(options, container) {
+    this.options = options;
+    this.container = container;
+    this.ui = createRenderer(options.presentation);
+  }
+  board;
+  page;
+  actor;
+  automationCatalog;
+  item;
+  editing;
+  itemArchived = false;
+  operations;
+  boardId = "";
+  recordKind;
+  recordId = "";
+  recordPage;
+  recordCursor;
+  suggestions;
+  drawer;
+  itemId = "";
+  query = { view: "all", limit: 50 };
+  activityTimer;
+  generation = 0;
+  eventGeneration = 0;
+  abort = new AbortController();
+  busy = false;
+  background;
+  operationStage = "ui.operation";
+  dirty = false;
+  visible = true;
+  invalid = false;
+  pending;
+  ui;
+  releaseNavigation;
+  windowMounts = /* @__PURE__ */ new Map();
+  async start() {
+    const { sidebar, editor } = this.options, signal = this.abort.signal;
+    sidebar?.classList.add("kanban__sidebar");
+    editor.classList.add("kanban");
+    editor.innerHTML = `<p data-status role="status"></p><p data-error role="alert"></p><div data-retry hidden>${this.ui.button("refresh", "retry")}</div><div data-content class="kanban__content"></div>${drawerMarkup(this.options.presentation)}`;
+    this.drawer = new KanbanDrawer(editor, sidebar);
+    this.suggestions = new KanbanSuggestions(editor, this.options.service, () => this.boardId, this.options.presentation);
+    document.addEventListener("pointerdown", (event) => {
+      for (const menu of editor.querySelectorAll("[data-popover][open]")) if (!menu.contains(event.target)) menu.open = false;
+    }, { signal });
+    editor.addEventListener("toggle", (event) => {
+      const opened = event.target;
+      if (opened instanceof HTMLDetailsElement && opened.open && opened.hasAttribute("data-related-sessions")) {
+        void this.loadRelatedSessions();
+        return;
+      }
+      if (opened instanceof HTMLDetailsElement && opened.open && opened.hasAttribute("data-work-resources")) {
+        void this.loadWorkResources();
+        return;
+      }
+      if (!(opened instanceof HTMLDetailsElement) || !opened.open || !opened.hasAttribute("data-popover")) return;
+      for (const menu of editor.querySelectorAll("[data-popover][open]")) if (menu !== opened) menu.open = false;
+    }, { capture: true, signal });
+    editor.addEventListener("change", (event) => {
+      const target = event.target;
+      if (!(target instanceof HTMLSelectElement) || target.name !== "kind") return;
+      const resource = target.closest("form")?.querySelector('select[name="itemResource"]');
+      if (resource) resource.required = resource.dataset.resourceRequired === "true" && target.selectedOptions[0]?.dataset.executable === "true";
+    }, { signal });
+    editor.addEventListener("keydown", (event) => {
+      const menu = editor.querySelector("[data-popover][open]");
+      if (event.key === "Escape" && menu) {
+        event.preventDefault();
+        event.stopPropagation();
+        menu.open = false;
+        menu.querySelector("summary")?.focus();
+        return;
+      }
+      this.drawer.keydown(event);
+      if (event.key === "Escape" && this.drawer.open) {
+        event.preventDefault();
+        void this.run(() => this.requestClose(false));
+      }
+    }, { signal });
+    for (const element of sidebar ? [sidebar, editor] : [editor]) element.addEventListener("click", (event) => {
+      if (event instanceof MouseEvent && (event.ctrlKey || event.metaKey || event.shiftKey || event.altKey || event.button !== 0)) return;
+      if (!event.target.closest("[data-action], [data-board], [data-item], [data-session], [data-record], [data-context]")) return;
+      void this.run(async () => {
+        await this.click(event);
+        if (element === sidebar) this.options.activated?.();
+      });
+    }, { signal });
+    sidebar?.addEventListener("submit", (event) => {
+      event.preventDefault();
+      void this.run(() => this.submit(event));
+    }, { signal });
+    editor.addEventListener("submit", (event) => {
+      event.preventDefault();
+      void this.run(() => this.submit(event));
+    }, { signal });
+    editor.addEventListener("change", (event) => {
+      const target = event.target;
+      if (target.name === "preparation" && this.board && this.automationCatalog) {
+        const container = editor.querySelector("[data-preparation-options]");
+        if (container) container.innerHTML = preparationFields(this.board, this.automationCatalog, target.value ? JSON.parse(target.value) : null);
+      }
+    }, { signal });
+    editor.addEventListener("input", (event) => {
+      const target = event.target;
+      if (target.closest("[data-form=reference]")) return;
+      if (target.closest("form")) this.generation++;
+      if (target.closest("[data-panel]")) {
+        this.dirty = true;
+        this.options.changed?.();
+      }
+    }, { signal });
+    this.activityTimer = setInterval(() => {
+      if (!this.visible || document.hidden) return;
+      updateTaskCountdowns(this.options.editor, this.options.presentation);
+      if (this.options.service?.queryActivity && (this.board?.automation?.enabled || this.page?.items.some((item) => item.execution) || this.query.execution && this.query.execution !== "all")) this.refreshInBackground(true);
+    }, 15e3);
+    if (this.options.initialResource !== void 0) await this.openResource(this.options.initialResource);
+    else await this.run(() => this.refresh());
+  }
+  open(target) {
+    const path = target.boardId ? `/board/${encodeURIComponent(target.boardId)}${target.recordId ? "/@record/" + encodeURIComponent(target.recordId) : target.itemId ? "/" + encodeURIComponent(target.itemId) : ""}` : "/";
+    return this.openResource(path);
+  }
+  dispose() {
+    return this.destroy();
+  }
+  async openResource(path) {
+    if (this.busy || this.dirty) throw new Error(this.ui.label("unsaved"));
+    this.closePanel();
+    const parts = path.split("/");
+    this.boardId = decodeURIComponent(parts[2] ?? "");
+    this.itemId = decodeURIComponent(parts[3] ?? "");
+    this.recordId = parts[3] === "@record" ? decodeURIComponent(parts[4] ?? "") : "";
+    if (this.recordId) this.itemId = "";
+    this.recordKind = ["@log", "@decision"].includes(parts[3] ?? "") ? parts[3].slice(1) : void 0;
+    if (this.recordKind) this.itemId = "";
+    this.recordCursor = void 0;
+    this.query = { view: "all", limit: 50 };
+    await this.run(() => this.refresh());
+  }
+  createBoard() {
+    return this.run(async () => {
+      if (this.dirty) throw new Error(this.ui.label("unsaved"));
+      this.showBoardForm();
+    });
+  }
+  showBoardForm() {
+    this.itemId = "";
+    this.drawer.show(this.ui.newBoardForm(), "new-board");
+    this.dirty = true;
+  }
+  getActiveResourceId() {
+    return this.boardId ? `/board/${encodeURIComponent(this.boardId)}${this.recordId ? "/@record/" + encodeURIComponent(this.recordId) : this.itemId ? "/" + encodeURIComponent(this.itemId) : this.recordKind ? "/@" + this.recordKind : ""}` : "/";
+  }
+  getViewState() {
+    return {
+      title: this.drawer?.open ? this.panel().querySelector("h3")?.textContent ?? this.board?.title : this.board?.title ?? this.ui.label("title"),
+      context: this.board?.title,
+      dirty: this.dirty,
+      busy: this.busy
+    };
+  }
+  captureRecovery() {
+    if (this.busy || this.dirty) throw new Error(this.ui.label("unsaved"));
+    return null;
+  }
+  restoreRecovery() {
+  }
+  suspendForRecovery() {
+    this.generation++;
+    this.abort.abort();
+    this.suggestions?.destroy();
+    if (this.activityTimer) clearInterval(this.activityTimer);
+  }
+  async destroy() {
+    for (const release of this.windowMounts.values()) release();
+    this.windowMounts.clear();
+    this.suspendForRecovery();
+    this.releaseNavigation?.();
+    this.releaseNavigation = void 0;
+    this.suggestions?.destroy();
+    this.drawer?.destroy();
+    this.options.sidebar?.replaceChildren();
+    this.options.editor.replaceChildren();
+    this.options.editor.inert = false;
+    this.options.editor.classList.remove("kanban");
+    this.options.sidebar?.classList.remove("kanban__sidebar");
+    this.container?.replaceChildren();
+    this.container?.classList.remove("kanban-layout");
+  }
+  invalidateFromEvents() {
+    this.invalid = true;
+    this.eventGeneration++;
+    this.refreshInBackground();
+  }
+  setVisible(visible) {
+    this.visible = visible;
+    if (visible && this.invalid) this.invalidateFromEvents();
+  }
+  refreshInBackground(activityOnly = false) {
+    if (this.background || this.busy || this.dirty || !this.visible || this.abort.signal.aborted) return;
+    if (document.activeElement?.closest("form") && this.options.editor.contains(document.activeElement)) return;
+    const started = Date.now(), operationId = randomUUID();
+    const reading = activityOnly ? this.refreshActivity(this.generation) : this.refresh(), generation = this.generation;
+    this.background = reading.catch((error) => {
+      if (!this.alive(generation)) return;
+      this.invalid = false;
+      if (!this.abort.signal.aborted) {
+        this.reportRead("ui.background", error, operationId, started);
+        this.error(errorText(error, this.ui.label, "ui.background"));
+      }
+    }).finally(() => {
+      this.background = void 0;
+      if (this.invalid && !this.busy && !this.dirty && this.visible && !this.abort.signal.aborted) this.refreshInBackground();
+    });
+  }
+  queryPage() {
+    const service = this.options.service;
+    return this.query.execution && this.query.execution !== "all" && service.queryActivity ? service.queryActivity(this.boardId, this.query) : service.query(this.boardId, this.query);
+  }
+  async refreshActivity(generation) {
+    if (this.item && this.itemId) {
+      await Promise.all([this.loadExecutionSections(generation, this.item, this.itemArchived), this.operations?.operations.some((operation) => ["running", "unknown"].includes(operation.state)) ? this.loadOperations(generation) : void 0]);
+      return;
+    }
+    if (!this.board || this.recordId || this.recordKind || !this.options.service?.queryActivity) return;
+    await this.supplement("ui.activity", generation, () => this.options.service.queryActivity(this.boardId, this.query), (page) => {
+      if (page.revision !== this.page?.revision) {
+        this.invalid = true;
+        this.refreshInBackground();
+        return;
+      }
+      if (JSON.stringify(page) === JSON.stringify(this.page)) return;
+      const sameItems = page.total === this.page.total && page.nextCursor === this.page.nextCursor && JSON.stringify(page.items.map((item) => item.id)) === JSON.stringify(this.page.items.map((item) => item.id));
+      this.page = page;
+      if (sameItems) {
+        const sessions = new Map(page.items.map((item) => [item.id, item.execution]));
+        for (const slot of this.content().querySelectorAll("[data-item-execution]")) {
+          const html = this.ui.executionBadge(sessions.get(slot.dataset.itemExecution), this.options.sessionUrl);
+          if (slot.innerHTML !== html) slot.innerHTML = html;
+        }
+        return;
+      }
+      preserveBoardScroll(this.content(), () => {
+        this.content().innerHTML = this.ui.boardView(this.board, page, this.query, true, !!this.options.service?.automationCatalog, this.options.sessionUrl);
+      });
+      this.mountHeaderActions();
+    });
+  }
+  async refresh() {
+    const service = this.options.service, generation = ++this.generation, events = this.eventGeneration;
+    if (!service) {
+      this.content().innerHTML = `<p>${escapeHTML(this.ui.label("unavailable"))}</p>`;
+      return;
+    }
+    this.operationStage = "ui.snapshot";
+    const pageRequest = this.boardId ? this.queryPage() : void 0;
+    const itemRequest = this.boardId && this.itemId ? service.item(this.boardId, this.itemId) : void 0;
+    const [boards, actor, initialPage, initialItem] = await Promise.all([service.catalog?.() ?? service.list(), service.currentPrincipal(), pageRequest, itemRequest]);
+    if (!this.alive(generation)) return;
+    this.actor = actor;
+    if (!this.boardId && this.options.initialResource === void 0) this.boardId = boards[0]?.id ?? "";
+    this.board = boards.find((board) => board.id === this.boardId);
+    if (this.boardId && !this.board) throw Object.assign(new Error("Board unavailable"), { code: "BOARD_NOT_FOUND" });
+    if (this.query.execution && this.query.execution !== "all" && !service.queryActivity) throw Object.assign(new Error("Execution Session projection unavailable"), { code: "EXECUTION_SESSION_UNAVAILABLE" });
+    const page = this.board ? initialPage ?? await this.queryPage() : void 0;
+    if (!this.alive(generation)) return;
+    this.page = page;
+    this.invalid = events !== this.eventGeneration;
+    if (this.options.sidebar) this.options.sidebar.innerHTML = this.ui.navigation(boards, this.boardId);
+    this.operationStage = "ui.render";
+    preserveBoardScroll(this.content(), () => {
+      this.content().innerHTML = this.board && page ? this.ui.boardView(this.board, page, this.query, !!service.queryActivity, !!service.automationCatalog, this.options.sessionUrl) : this.ui.catalogView(boards);
+    });
+    if (this.recordKind) await this.showRecords(generation);
+    if (!this.alive(generation)) return;
+    this.releaseNavigation?.();
+    this.releaseNavigation = void 0;
+    const navigation2 = this.content().querySelector("[data-navigation]");
+    if (navigation2 && !this.options.mountTitleBar) this.releaseNavigation = this.options.mountNavigation?.(navigation2);
+    if (this.recordId) await this.showRecord(this.recordId, generation);
+    else if (this.itemId) await this.showItem(generation, initialItem);
+    else if (!this.recordKind) void this.refreshActivity(generation);
+    this.mountHeaderActions();
+    this.operationStage = "ui.selection";
+    this.options.selected(this.getActiveResourceId());
+  }
+  async showItem(generation = this.generation, loaded) {
+    const service = this.options.service;
+    if (!service || !this.board || !this.itemId) return;
+    this.operationStage = "ui.item.load";
+    const { item, archive, task } = loaded ?? await service.item(this.boardId, this.itemId);
+    if (!this.alive(generation)) return;
+    this.operationStage = "ui.item.render";
+    const referencesChanged = this.item?.id === item.id && JSON.stringify(this.item.externalRefs) !== JSON.stringify(item.externalRefs);
+    if (!this.drawer.open || this.itemArchived !== !!archive || JSON.stringify(this.item) !== JSON.stringify(item)) this.drawer.show(this.ui.detailView(this.board, item, this.actor, !!archive, [], !!service.executionSession, this.options.reviewGuidance?.(this.board, item), !!service.itemOperations && !archive && (this.options.itemOperationsAvailable?.(this.board, item) ?? true), task ?? projectKanbanTask(item), !!service.fixTask), "item:" + item.id);
+    this.item = item;
+    this.itemArchived = !!archive;
+    this.loadItemSections(generation, item, !!archive);
+    const resources = this.panel().querySelector("[data-work-resources]");
+    if (referencesChanged && resources) {
+      resources.dataset.associationRevision = String(Number(resources.dataset.associationRevision ?? 0) + 1);
+      delete resources.dataset.loaded;
+      if (resources.open) void this.loadWorkResources(false, true);
+    }
+    this.options.selected(this.getActiveResourceId());
+  }
+  loadItemSections(generation, item, archived) {
+    const service = this.options.service, boardId = this.boardId;
+    if (service.executionSession && !this.panel().querySelector("[data-related-sessions]"))
+      this.setSection("[data-related-sessions-section]", `<details data-related-sessions><summary>${escapeHTML(this.ui.label("relatedSessions"))}</summary><button type="button" data-action="refresh-related-sessions">${escapeHTML(this.ui.label("refresh"))}</button><div data-related-sessions-body></div></details>`);
+    if (service.workResources) {
+      const resources = this.panel().querySelector("[data-work-resources]");
+      if (!resources) this.setSection("[data-work-resource-section]", `<details data-work-resources><summary>${escapeHTML(this.ui.label("workResourceTitle"))}</summary><p>${escapeHTML(this.ui.label("workResourceHelp"))}</p><div class="kanban__actions"><button type="button" data-action="refresh-work-resources">${escapeHTML(this.ui.label("refresh"))}</button><button type="button" data-action="inspect-work-resources">${escapeHTML(this.ui.label("inspectWorkResources"))}</button></div><div data-work-resource-body></div></details>`);
+    }
+    void this.supplement("ui.item.events", generation, () => service.events(boardId, 0, 200), (events) => {
+      this.setSection("[data-item-events]", this.ui.itemEventsView(events.filter((event) => event.itemId === item.id).reverse()));
+    }, "[data-item-events]");
+    void this.supplement("ui.item.records", generation, () => service.records(boardId, { itemId: item.id, limit: 10 }), (records) => {
+      this.setSection("[data-related-records]", `<h4>${escapeHTML(this.ui.label("relatedRecords"))} (${records.total})</h4>${this.ui.recordLinks(records, this.board)}<div class="kanban__actions">${this.ui.button("new-log", "newLog")}${this.ui.button("new-decision", "newDecision")}</div>`);
+    }, "[data-related-records]");
+    void this.loadOperations(generation);
+    void this.loadExecutionSections(generation, item, archived, true);
+    if (!service.executionSession) this.loadReferenceSection(generation, item);
+    void this.supplement("ui.item.children", generation, () => this.showChildren(generation), () => {
+    }, "[data-children]");
+  }
+  async loadExecutionSections(generation, item, archived, references = false) {
+    const service = this.options.service, boardId = this.boardId, reads = [];
+    if (service.executionSession) reads.push(this.supplement("ui.item.session", generation, () => service.executionSession(boardId, item.id), (execution) => {
+      this.setSection("[data-execution-session]", this.ui.executionSessionView(execution, !!this.options.executionReference && !archived && !["completed", "cancelled"].includes(item.status) && item.launch?.admittedAt === void 0, this.options.sessionUrl));
+      if (references) this.loadReferenceSection(generation, item, new Set(execution.history.map((binding) => binding.sessionId)));
+    }, "[data-execution-session]"));
+    if (this.board?.automation && service.analysisStatus) reads.push(this.supplement("ui.item.analysis", generation, () => service.analysisStatus(boardId, item.id), (analysis) => {
+      this.setSection("[data-analysis]", analysisView(this.options.presentation, analysis ?? null));
+    }, "[data-analysis]"));
+    await Promise.all(reads);
+  }
+  async loadOperations(generation) {
+    const service = this.options.service, item = this.item;
+    if (!service?.itemOperations || !item || !this.panel().querySelector("[data-item-operations]")) return;
+    await this.supplement("ui.item.operations", generation, () => service.itemOperations(this.boardId, item.id), (view) => {
+      this.operations = view;
+      this.setSection("[data-item-operations]", itemOperationsView(this.options.presentation, view, this.options.sessionUrl));
+    }, "[data-item-operations]");
+  }
+  async submitOperation(form, data, binding) {
+    const service = this.options.service, action = form.dataset.operation, itemId = this.item.id;
+    const request = { operationId: form.dataset.resourceId, itemId, action, expectedRevision: form.dataset.revision };
+    const entry = this.operations?.operations.find((operation) => operation.id === action);
+    this.operationStage = binding ? "ui.operation.bind" : "ui.operation.start";
+    const view = binding ? await service.bindItemOperation(this.boardId, { ...request, target: JSON.parse(value(data, "target")) }) : await service.runItemOperation(this.boardId, {
+      ...request,
+      confirmed: data.has("confirmed"),
+      selections: Object.fromEntries((entry?.fields ?? []).map((field2) => [field2.id, value(data, "choice-" + field2.id)]))
+    });
+    this.dirty = false;
+    this.operations = view;
+    this.options.committed?.();
+    this.setSection("[data-item-operations]", itemOperationsView(this.options.presentation, view, this.options.sessionUrl));
+    this.options.changed?.();
+    const result = view.operations.find((operation) => operation.id === action);
+    if (!binding && result?.state === "succeeded") await this.refresh();
+    if (!binding && entry?.openSessionOnRun && result?.sessionId) await this.options.openSession(result.sessionId);
+  }
+  loadReferenceSection(generation, item, skip) {
+    void this.supplement("ui.item.references", generation, () => this.showReferenceLinks(item.externalRefs ?? [], generation, skip), () => {
+    }, "[data-reference-links]");
+  }
+  async supplement(stage, generation, read, apply, selector) {
+    const started = Date.now(), operationId = randomUUID();
+    try {
+      const value2 = await read();
+      if (!this.alive(generation) || this.dirty) return;
+      apply(value2);
+      try {
+        this.options.presentation.log?.({ operationId, stage, result: "success", durationMs: Date.now() - started });
+      } catch {
+      }
+    } catch (error) {
+      if (!this.alive(generation)) return;
+      this.reportRead(stage, error, operationId, started);
+      const slot = selector ? this.panel().querySelector(selector) : void 0;
+      if (slot) {
+        const notice = slot.querySelector("[data-read-error]") ?? document.createElement("p");
+        notice.setAttribute("role", "alert");
+        notice.setAttribute("data-read-error", "");
+        notice.textContent = errorText(error, this.ui.label, stage);
+        if (!notice.parentElement) slot.append(notice);
+      } else this.error(errorText(error, this.ui.label, stage));
+    }
+  }
+  setSection(selector, html) {
+    const slot = this.panel().querySelector(selector);
+    if (slot && slot.innerHTML !== html) slot.innerHTML = html;
+  }
+  reportRead(stage, error, operationId = randomUUID(), started = Date.now()) {
+    const raw = error?.code;
+    try {
+      this.options.presentation.log?.({ operationId, stage, result: "failure", ...failureDetails(error), code: typeof raw === "string" && /^[A-Z][A-Z0-9_]{0,79}$/.test(raw) ? raw : "KANBAN_OPERATION_FAILED", durationMs: Date.now() - started });
+    } catch {
+    }
+  }
+  async showChildren(generation, cursor) {
+    const { service } = this.options, item = this.item, board = this.board;
+    if (!service || !item || !board || !childType(board, item)) return;
+    const query = { parentId: item.id, view: "all", limit: 50, ...cursor ? { cursor } : {} };
+    const page = await (service.queryActivity?.(board.id, query) ?? service.query(board.id, query));
+    if (!this.alive(generation)) return;
+    this.panel().querySelector("[data-children]").innerHTML = childrenView(this.options.presentation, page, cursor, !["completed", "cancelled"].includes(item.status) && !item.closedAt, this.options.sessionUrl);
+  }
+  async showRecords(generation) {
+    if (!this.recordKind || !this.options.service) return;
+    let page;
+    try {
+      page = await this.options.service.records(this.boardId, { kind: this.recordKind, limit: 50, ...this.recordCursor ? { cursor: this.recordCursor } : {} });
+    } catch (error) {
+      if (error?.code !== "CURSOR_STALE" || !this.recordCursor) throw error;
+      this.recordCursor = void 0;
+      page = await this.options.service.records(this.boardId, { kind: this.recordKind, limit: 50 });
+    }
+    if (!this.alive(generation)) return;
+    this.recordPage = page;
+    this.content().innerHTML = this.ui.recordsView(page, this.recordKind, !!this.recordCursor, this.board);
+  }
+  async showRecord(id, generation = this.generation) {
+    if (!this.options.service) return;
+    const record = await this.options.service.record(this.boardId, id);
+    const executions = record.kind === "decision" ? await this.options.service.recordExecutions?.(this.boardId, id) : void 0;
+    if (!this.alive(generation)) return;
+    this.recordId = id;
+    this.drawer.show(this.ui.recordDetail(record, this.board, executions), "record:" + id);
+    await this.showReferenceLinks(record.externalRefs ?? [], generation);
+    this.options.selected(this.getActiveResourceId());
+  }
+  async showReferenceLinks(references, generation, skip = /* @__PURE__ */ new Set()) {
+    if (!this.options.referenceLink) return;
+    const started = Date.now();
+    const results = await Promise.allSettled(references.filter((ref) => !skip.has(ref.id)).map((ref) => this.options.referenceLink(ref)));
+    if (!this.alive(generation)) return;
+    const resolved = results.flatMap((result) => result.status === "fulfilled" && result.value ? [result.value] : []);
+    const links = [...new Map(resolved.map((link) => [link.href, link])).values()];
+    const slot = this.panel().querySelector("[data-reference-links]");
+    if (slot) slot.innerHTML = links.map((link) => linkPair(this.options.presentation, link.href, link.label, link.sessionId)).join("");
+    const errors = results.filter((result) => result.status === "rejected");
+    if (errors.length) {
+      const raw = errors[0].reason?.code, code = typeof raw === "string" && /^[A-Z][A-Z0-9_]{0,79}$/.test(raw) ? raw : "SESSION_LINK_UNAVAILABLE";
+      if (slot) {
+        const error = document.createElement("p");
+        error.setAttribute("role", "alert");
+        error.textContent = this.ui.label("sessionLinkUnavailable") + " (" + code + ")";
+        slot.append(error);
+      }
+      this.options.presentation.log?.({ operationId: randomUUID(), stage: "ui.reference-links", result: "failure", code, ...failureDetails(errors[0].reason), durationMs: Date.now() - started });
+    }
+  }
+  async loadWorkResources(inspect = false, refresh = false) {
+    const service = this.options.service, boardId = this.boardId, itemId = this.item?.id;
+    const section = this.panel().querySelector("[data-work-resources]");
+    if (!service?.workResources || !itemId || !section || section.dataset.loading || !refresh && section.dataset.loaded) return;
+    const operationId = randomUUID(), started = Date.now(), revision = section.dataset.associationRevision;
+    section.dataset.loading = "true";
+    if (!section.dataset.loaded) this.setSection("[data-work-resource-body]", `<p role="status">${escapeHTML(this.ui.label("loading"))}</p>`);
+    try {
+      const resources = await service.workResources(boardId, itemId, { inspect });
+      if (this.abort.signal.aborted || !section.isConnected || this.item?.id !== itemId || this.boardId !== boardId || revision !== section.dataset.associationRevision) return;
+      this.setSection("[data-work-resource-body]", workResourcesView(this.options.presentation, resources));
+      section.dataset.loaded = "true";
+    } catch (error) {
+      if (!section.isConnected || this.abort.signal.aborted) return;
+      this.reportRead("ui.item.work-resources", error, operationId, started);
+      const body = section.querySelector("[data-work-resource-body]"), notice = document.createElement("p");
+      notice.setAttribute("role", "alert");
+      notice.textContent = errorText(error, this.ui.label, "ui.item.work-resources");
+      body?.append(notice);
+    } finally {
+      delete section.dataset.loading;
+      if (!this.abort.signal.aborted && section.isConnected && section.open && revision !== section.dataset.associationRevision) void this.loadWorkResources(false, true);
+    }
+  }
+  async loadRelatedSessions(refresh = false) {
+    const service = this.options.service, boardId = this.boardId, itemId = this.item?.id;
+    const details = this.panel().querySelector("[data-related-sessions]");
+    if (!service?.executionSession || !itemId || !details || details.dataset.loading || !refresh && details.dataset.loaded) return;
+    details.dataset.loading = "true";
+    this.setSection("[data-related-sessions-body]", `<p role="status">${escapeHTML(this.ui.label("loading"))}</p>`);
+    try {
+      await this.supplement("ui.item.related-sessions", this.generation, () => service.executionSession(boardId, itemId, { includeRelated: true }), (detail) => {
+        if (this.item?.id !== itemId || this.boardId !== boardId) return;
+        this.setSection("[data-related-sessions-body]", relatedSessionsView(this.options.presentation, detail, this.options.sessionUrl));
+        details.dataset.loaded = "true";
+      }, "[data-related-sessions-body]");
+    } finally {
+      delete details.dataset.loading;
+    }
+  }
+  async click(event) {
+    const target = event.target.closest("button, a");
+    if (!target || target.matches(":disabled")) return;
+    if (target.dataset.action === "refresh-related-sessions") {
+      await this.loadRelatedSessions(true);
+      return;
+    }
+    for (const menu of this.options.editor.querySelectorAll("[data-popover][open]")) if (!menu.contains(target)) menu.open = false;
+    if (target.dataset.session) {
+      event.preventDefault();
+      await this.options.openSession(target.dataset.session);
+      return;
+    }
+    if (this.dirty && !["close-panel", "copy-reference", "copy-link", "copy-resource"].includes(target.dataset.action ?? "")) throw new Error(this.ui.label("unsaved"));
+    const path = this.navigationTarget(target);
+    if (path && this.options.navigate) {
+      await this.options.navigate(path);
+      return;
+    }
+    if (target.dataset.board) {
+      await this.navigate(target.dataset.board);
+      return;
+    }
+    if (target.dataset.context) {
+      this.recordKind = target.dataset.context === "board" ? void 0 : target.dataset.context;
+      this.recordCursor = void 0;
+      this.closePanel();
+      await this.refresh();
+      return;
+    }
+    if (target.dataset.record) {
+      this.itemId = "";
+      this.item = void 0;
+      await this.showRecord(target.dataset.record);
+      return;
+    }
+    if (target.dataset.item) {
+      this.recordId = "";
+      this.itemId = target.dataset.item;
+      await this.showItem();
+      return;
+    }
+    const action = target.dataset.action;
+    if (action === "continue-execution" && this.item && target.dataset.dispatch) {
+      await this.execute({ type: "continue-execution", previousDispatchId: target.dataset.dispatch, dispatchId: randomUUID() });
+      return;
+    }
+    if (action === "refresh-work-resources" || action === "inspect-work-resources") {
+      await this.loadWorkResources(action === "inspect-work-resources", true);
+      return;
+    }
+    if (action === "cleanup-work-resource" && this.item && this.options.service?.cleanupWorkResource) {
+      if (!globalThis.confirm(this.ui.label("cleanupWorkResourceConfirm"))) return;
+      try {
+        await this.options.service.cleanupWorkResource(this.boardId, { operationId: randomUUID(), itemId: this.item.id, resourceId: target.dataset.resource, version: target.dataset.version });
+      } finally {
+        await this.loadWorkResources(false, true);
+      }
+      return;
+    }
+    if (action === "close-panel" || action === "dismiss-panel") {
+      await this.requestClose(action === "close-panel");
+      return;
+    }
+    if (action === "copy-reference" || action === "copy-link" || action === "copy-resource") {
+      await this.ui.copyReference(target.closest("[data-action]"));
+      return;
+    }
+    if (action === "automation" && this.board && this.options.service?.automationCatalog) {
+      this.automationCatalog = await this.options.service.automationCatalog();
+      this.itemId = "";
+      this.drawer.show(automationForm(this.options.presentation, this.board, this.automationCatalog), "automation");
+      this.dirty = true;
+      return;
+    }
+    if (action === "task-edit" && this.item && this.board) {
+      const editId = randomUUID(), itemId = this.item.id;
+      await this.execute({ type: "begin-edit", itemId, editId, leaseMs: 3e5 });
+      this.editing = { itemId, editId };
+      const resources = await this.options.service?.itemResources?.(this.boardId);
+      if (resources) resources.selected = this.item.externalRefs?.find((ref) => resources.resources.some((r) => r.reference.system === ref.system && r.reference.id === ref.id));
+      this.drawer.show(editTaskForm(this.options.presentation, this.board, this.item, editId, resources), "edit:" + itemId);
+      this.dirty = true;
+      return;
+    }
+    if (action === "task-fix" && this.item && this.options.service?.fixTask) {
+      target.dataset.operationId ??= randomUUID();
+      const fix = await this.options.service.fixTask(this.boardId, { itemId: this.item.id, operationId: target.dataset.operationId });
+      await this.options.openSession(fix.sessionId);
+      return;
+    }
+    if (action?.startsWith("task-") && this.item) {
+      if (action === "task-cancel") await this.execute({ type: "cancel-item", itemId: this.item.id, reason: this.ui.label("taskAction.cancel") });
+      else if (action === "task-run") await this.execute({ type: "request-run", itemId: this.item.id });
+      else if (action === "task-pause" || action === "task-resume") await this.execute({ type: "request-control", itemId: this.item.id, controlId: randomUUID(), action: action === "task-pause" ? "pause" : "resume" });
+      return;
+    }
+    if (action === "reanalyze" && this.item?.planning) {
+      await this.execute({ type: "retry-analysis", itemId: this.item.id, retryId: randomUUID() });
+      return;
+    }
+    if (action === "new-board") {
+      this.showBoardForm();
+      return;
+    }
+    if (action === "children-next" || action === "children-first") {
+      await this.showChildren(this.generation, action === "children-next" ? target.dataset.cursor : void 0);
+      return;
+    }
+    if (action === "new-child" && this.board && this.item && childType(this.board, this.item)) {
+      await this.showItemForm(this.item);
+      return;
+    }
+    if (action === "new-item" && this.board) {
+      await this.showItemForm();
+      return;
+    }
+    if (action === "new-log" || action === "new-decision") {
+      const resources = action === "new-decision" ? await this.options.service?.recordResources?.() : [];
+      this.recordId = "";
+      this.drawer.show(this.ui.recordForm(action === "new-log" ? "log" : "decision", this.board, this.itemId, resources), action);
+      this.dirty = true;
+      return;
+    }
+    if ((action === "run-record" || action === "run-record-separate") && this.options.service?.runRecord) {
+      const record = await this.options.service.record(this.boardId, this.recordId);
+      target.dataset.operationId ??= randomUUID();
+      await this.options.service.runRecord(this.boardId, { operationId: target.dataset.operationId, recordId: record.id, expectedRevision: record.revision, placement: action === "run-record-separate" ? "new-board" : "current-board" });
+      this.options.committed?.();
+      await this.refresh();
+      return;
+    }
+    if (action === "scroll-left" || action === "scroll-right") {
+      const board = this.content().querySelector(".kanban__columns");
+      if (board) board.scrollLeft += board.clientWidth * (action === "scroll-left" ? -0.8 : 0.8);
+      return;
+    }
+    if (action === "records-next" || action === "records-first") {
+      this.recordCursor = action === "records-next" ? this.recordPage?.nextCursor : void 0;
+      await this.refresh();
+      return;
+    }
+    if ((action === "confirm-record" || action === "reject-record") && this.recordId) {
+      await this.execute({ type: "review-record", recordId: this.recordId, accept: action === "confirm-record" });
+      return;
+    }
+    if (action === "next" || action === "first") {
+      this.query.cursor = action === "next" ? this.page?.nextCursor : void 0;
+      await this.refresh();
+      return;
+    }
+    if (action === "refresh-item-operations") {
+      this.dirty = false;
+      await this.loadOperations(this.generation);
+      this.options.changed?.();
+      return;
+    }
+    if (action === "refresh") {
+      await this.refresh();
+      return;
+    }
+    if (action && this.item) await this.execute(actionCommand(action, this.item));
+  }
+  async openReference(reference) {
+    if (this.dirty) throw new Error(this.ui.label("unsaved"));
+    const target = await this.options.service.resolve(reference);
+    if (this.options.navigate) {
+      const leaf = target.recordId ? "/@record/" + encodeURIComponent(target.recordId) : target.itemId ? "/" + encodeURIComponent(target.itemId) : "";
+      await this.options.navigate(`/board/${encodeURIComponent(target.boardId)}${leaf}`);
+      return;
+    }
+    this.closePanel();
+    this.boardId = target.boardId;
+    this.itemId = target.itemId ?? "";
+    this.recordId = target.recordId ?? "";
+    this.recordKind = void 0;
+    this.recordCursor = void 0;
+    this.query = { view: "all", limit: 50 };
+    await this.refresh();
+    this.options.activated?.();
+  }
+  async navigate(id) {
+    this.boardId = id;
+    this.itemId = "";
+    this.recordKind = void 0;
+    this.recordCursor = void 0;
+    this.query = { view: "all", limit: 50 };
+    this.closePanel();
+    await this.refresh();
+  }
+  async submit(event) {
+    const form = event.target, kind = form.dataset.form, data = new FormData(form);
+    form.dataset.resourceId ??= randomUUID();
+    if (!form.reportValidity()) return;
+    if (kind === "item-operation" || kind === "operation-binding") {
+      await this.submitOperation(form, data, kind === "operation-binding");
+      return;
+    }
+    if (kind === "reference") {
+      await this.openReference(value(data, "reference"));
+      return;
+    }
+    if (kind === "filter") {
+      if (this.dirty) throw new Error(this.ui.label("unsaved"));
+      this.query = { phase: value(data, "phase") || void 0, view: value(data, "view"), execution: value(data, "execution") || "all", search: value(data, "search"), area: value(data, "area") || void 0, milestone: value(data, "milestone") || void 0, limit: 50 };
+      await this.refresh();
+      return;
+    }
+    if (kind === "board" && this.actor && this.options.service) {
+      const created = await this.options.service.create(boardInput(data, this.actor, form.dataset.resourceId));
+      this.options.committed?.();
+      this.dirty = false;
+      await this.navigate(created.id);
+      return;
+    }
+    if (kind === "automation" && this.automationCatalog) {
+      await this.execute({ type: "configure-automation", settings: {
+        enabled: data.has("enabled"),
+        autoAccept: data.has("autoAccept"),
+        ...value(data, "preparation") ? {
+          preparation: JSON.parse(value(data, "preparation")),
+          preparationOptions: Object.fromEntries([...data.entries()].filter(([key]) => key.startsWith("preparation-option-")).map(([key, value2]) => [key.slice("preparation-option-".length), String(value2)]))
+        } : {},
+        planner: JSON.parse(value(data, "planner")),
+        executor: JSON.parse(value(data, "executor")),
+        coordinator: this.automationCatalog.coordinator,
+        worker: this.automationCatalog.worker
+      } });
+      return;
+    }
+    if (kind === "task-reply" && this.item && this.options.service?.replyTask) {
+      await this.options.service.replyTask(this.boardId, { itemId: this.item.id, attemptId: value(data, "attemptId"), replyTo: value(data, "replyTo"), operationId: form.dataset.resourceId, content: value(data, "content") });
+      this.dirty = false;
+      await this.refresh();
+      return;
+    }
+    if (kind === "save-edit" && this.item) {
+      const planning = formCommand("plan", data, this.board, this.item);
+      if (planning.type !== "plan-item") return;
+      await this.execute({ type: "save-edit", launchMode: value(data, "launchMode"), itemId: this.item.id, editId: value(data, "editId"), title: value(data, "title"), responsibility: value(data, "responsibility"), acceptance: value(data, "acceptance"), planning: planning.planning, externalRefs: [...(this.item.externalRefs ?? []).filter((ref) => !value(data, "itemResource") || ref.system !== JSON.parse(value(data, "itemResource")).system), ...value(data, "itemResource") ? [JSON.parse(value(data, "itemResource"))] : []] });
+      this.editing = void 0;
+      return;
+    }
+    if (kind === "amendment") data.set("amendmentId", form.dataset.amendment ?? "");
+    if (kind === "record-link" && this.recordId) {
+      await this.execute({ type: "link-record", recordId: this.recordId, itemId: value(data, "itemId") });
+      return;
+    }
+    if (kind && this.board) {
+      if (kind === "execution-session" && this.item && this.options.executionReference) {
+        await this.execute({ type: "link-reference", itemId: this.item.id, reference: this.options.executionReference(value(data, "executionSession"), form.dataset.resourceId) });
+        return;
+      }
+      await this.execute(formCommand(kind, data, this.board, this.item, form.dataset.resourceId));
+    }
+  }
+  async showItemForm(parent) {
+    const board = this.board, generation = this.generation;
+    if (!board) return;
+    const resources = await this.options.service?.itemResources?.(board.id, parent?.id);
+    if (this.abort.signal.aborted || generation !== this.generation) return;
+    this.itemId = "";
+    this.drawer.show(this.ui.newItemForm(board, parent, resources), parent ? "new-child" : "new-item");
+    this.dirty = true;
+  }
+  async execute(command) {
+    if (!this.board || !this.options.service) return;
+    if (command.type === "review") {
+      const workflow = await this.options.service.workflow(this.board.id);
+      const dispatch = Object.values(workflow.dispatches).find((dispatch2) => dispatch2.itemId === ("itemId" in command ? command.itemId : "") && dispatch2.outcome === "succeeded");
+      if (dispatch) command = { type: "accept-execution", dispatchId: dispatch.id, accept: command.accept };
+    }
+    const fingerprint = JSON.stringify(command);
+    if (this.pending && (this.pending.boardId !== this.board.id || this.pending.fingerprint !== fingerprint)) throw Object.assign(new Error("Pending write"), { code: "WRITE_OUTCOME_UNKNOWN" });
+    this.pending ??= { boardId: this.board.id, fingerprint, request: { operationId: randomUUID(), expectedRevision: this.board.revision, command } };
+    try {
+      await this.options.service.execute(this.board.id, this.pending.request);
+    } catch (error) {
+      if (error?.name === "KanbanError" || error?.outcome === "not-committed") this.pending = void 0;
+      throw error;
+    }
+    this.pending = void 0;
+    this.options.committed?.();
+    if (command.type === "configure-automation") this.closePanel();
+    this.dirty = false;
+    this.query.cursor = void 0;
+    this.recordCursor = void 0;
+    if (command.type === "create-item") this.itemId = command.item.id;
+    if (command.type === "append-record") {
+      this.recordId = command.record.id;
+      this.itemId = "";
+      this.item = void 0;
+    }
+    await this.refresh();
+  }
+  async run(action) {
+    if (this.busy || this.abort.signal.aborted) return;
+    const operationId = randomUUID(), started = Date.now();
+    this.operationStage = "ui.operation";
+    this.generation++;
+    this.busy = true;
+    this.status(this.ui.label("loading"));
+    this.error("");
+    this.options.editor.setAttribute("aria-busy", "true");
+    let succeeded = false;
+    try {
+      await action();
+      succeeded = true;
+    } catch (error) {
+      const raw = error?.code;
+      try {
+        this.options.presentation.log?.({ operationId, stage: this.operationStage, result: "failure", ...failureDetails(error), code: typeof raw === "string" && /^[A-Z][A-Z0-9_]{0,79}$/.test(raw) ? raw : "KANBAN_OPERATION_FAILED", durationMs: Date.now() - started });
+      } catch {
+      }
+      if (!this.abort.signal.aborted) this.error(errorText(error, this.ui.label, this.operationStage));
+    } finally {
+      this.busy = false;
+      if (!this.abort.signal.aborted) {
+        this.status("");
+        this.options.editor.removeAttribute("aria-busy");
+        this.options.editor.inert = false;
+        this.mountHeaderActions();
+        this.drawer.flushFocus();
+        this.options.changed?.();
+        if (succeeded && this.invalid && this.visible && !this.dirty) this.refreshInBackground();
+      }
+    }
+  }
+  navigationTarget(target) {
+    if (target.dataset.board) return `/board/${encodeURIComponent(target.dataset.board)}`;
+    const board = `/board/${encodeURIComponent(this.boardId)}`;
+    if (target.dataset.item) return `${board}/${encodeURIComponent(target.dataset.item)}`;
+    if (target.dataset.record) return `${board}/@record/${encodeURIComponent(target.dataset.record)}`;
+    if (target.dataset.context) return board + (target.dataset.context === "board" ? "" : "/@" + target.dataset.context);
+  }
+  mountHeaderActions() {
+    for (const [slot, release] of this.windowMounts) if (!this.options.editor.contains(slot)) {
+      release();
+      this.windowMounts.delete(slot);
+    }
+    if (this.options.mountTitleBar) {
+      for (const header of this.options.editor.querySelectorAll("[data-titlebar]")) if (!this.windowMounts.has(header)) this.mountTitleBar(header);
+      return;
+    }
+    for (const slot of this.options.editor.querySelectorAll("[data-window-navigation]")) {
+      if (!this.windowMounts.has(slot) && this.options.mountWindowList) this.windowMounts.set(slot, this.options.mountWindowList(slot));
+    }
+    for (const header of this.options.editor.querySelectorAll("[data-titlebar]")) if (!this.windowMounts.has(header)) this.mountDefaultTitleBar(header);
+  }
+  mountDefaultTitleBar(header) {
+    const back = header.querySelector("[data-titlebar-back]") ?? void 0;
+    const title = header.querySelector("[data-titlebar-title]") ?? void 0;
+    back?.classList.add("ui-nav-button");
+    header.querySelector(".kanban__menu > summary")?.classList.add("ui-nav-button");
+    const view = mountSharedTitleBar(header, {
+      title,
+      back,
+      leading: [...header.querySelectorAll("[data-navigation] > button")],
+      trailing: [...header.querySelectorAll("[data-window-navigation]")],
+      actions: [...header.querySelectorAll(".kanban__desktop-create, :scope > [data-action=new-board]")],
+      menu: header.querySelector(".kanban__menu") ?? void 0
+    });
+    view.element.dataset.titlebarSlot = "";
+    header.dataset.titlebarHost = "true";
+    view.update({ title: title?.textContent ?? "" });
+    this.windowMounts.set(header, () => {
+      view.destroy();
+      delete header.dataset.titlebarHost;
+    });
+  }
+  mountTitleBar(header) {
+    const slot = document.createElement("div");
+    slot.dataset.titlebarSlot = "";
+    header.prepend(slot);
+    header.dataset.titlebarHost = "true";
+    const release = this.options.mountTitleBar(slot, {
+      title: header.querySelector("[data-titlebar-title]") ?? void 0,
+      back: header.querySelector("[data-titlebar-back]") ?? void 0,
+      menu: header.querySelector(".kanban__menu") ?? void 0,
+      actions: [...header.querySelectorAll(".kanban__desktop-create, :scope > [data-action=new-board]")]
+    });
+    this.windowMounts.set(header, () => {
+      release();
+      slot.remove();
+      delete header.dataset.titlebarHost;
+    });
+  }
+  closePanel() {
+    this.dirty = false;
+    this.itemId = "";
+    this.recordId = "";
+    this.item = void 0;
+    this.drawer.close();
+  }
+  async requestClose(explicit) {
+    if (this.editing && explicit) {
+      await this.execute({ type: "end-edit", ...this.editing });
+      this.editing = void 0;
+    }
+    if (this.dirty && !explicit) throw new Error(this.ui.label("unsaved"));
+    if (this.options.navigate && this.boardId) {
+      if (this.dirty) this.closePanel();
+      await this.options.navigate(`/board/${encodeURIComponent(this.boardId)}`);
+      return;
+    }
+    this.closePanel();
+    void this.refreshActivity(this.generation);
+    this.options.selected(this.getActiveResourceId());
+  }
+  alive(generation) {
+    return generation === this.generation && !this.abort.signal.aborted;
+  }
+  content() {
+    return this.options.editor.querySelector("[data-content]");
+  }
+  panel() {
+    return this.options.editor.querySelector("[data-panel]");
+  }
+  status(message) {
+    this.options.editor.querySelector("[data-status]").textContent = message;
+  }
+  error(message) {
+    const error = this.options.editor.querySelector("[data-error]");
+    error.textContent = message;
+    error.hidden = this.drawer?.open ?? false;
+    const panelError = this.options.editor.querySelector("[data-panel-error]");
+    if (panelError) panelError.textContent = message;
+    const executionError = this.options.editor.querySelector("[data-execution-error]");
+    if (executionError) {
+      executionError.textContent = message;
+      executionError.hidden = !message;
+      if (message) {
+        const panel = this.panel(), bottom = executionError.getBoundingClientRect().bottom, edge = panel.getBoundingClientRect().bottom;
+        if (bottom > edge) panel.scrollTop += bottom - edge + 12;
+      }
+    }
+    this.options.editor.querySelector("[data-retry]").hidden = !message || (this.drawer?.open ?? false);
+  }
+};
+function errorText(error, label, stage) {
+  const code = error?.outcome === "unknown" ? "WRITE_OUTCOME_UNKNOWN" : error?.code;
+  if (code === "REVISION_CONFLICT" || code === "CURSOR_STALE") return label("conflict");
+  if (error instanceof Error && error.message === label("unsaved")) return error.message;
+  const safe = typeof code === "string" && /^[A-Z_]{1,80}$/.test(code) ? code : "KANBAN_OPERATION_FAILED";
+  const translated = label("errors." + safe);
+  const details = safe === "KANBAN_OPERATION_FAILED" ? failureDetails(error) : {};
+  const diagnostic = details.errorName ? `
+${label("diagnostic")}: ${stage} \xB7 ${details.errorName}${details.source ? " \xB7 " + details.source : ""}` : "";
+  return (translated !== "kanban.errors." + safe && translated !== "errors." + safe ? `${translated} (${safe})` : `${label("failed")}: ${safe}`) + diagnostic;
+}
+async function mountKanban(container, options) {
+  const sidebar = document.createElement("aside"), editor = document.createElement("main");
+  container.classList.add("kanban-layout");
+  container.replaceChildren(sidebar, editor);
+  const view = new KanbanWorkbench({ ...options, sidebar, editor }, container);
+  await view.start();
+  return view;
+}
+export {
+  KanbanSuggestionPicker,
+  KanbanWorkbench,
+  mountKanban
+};
+//# sourceMappingURL=index.js.map