@nestos/kanban 0.0.0-stage → 0.5.1

package/dist/ui/index.cjs

@@ -0,0 +1,1961 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } async function _asyncNullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return await rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4;
+
+var _chunkKYNYPKKHcjs = require('../chunk-KYNYPKKH.cjs');
+
+
+
+
+var _chunkPSKQAFDFcjs = require('../chunk-PSKQAFDF.cjs');
+
+
+var _chunk6MN3H3YFcjs = require('../chunk-6MN3H3YF.cjs');
+require('../chunk-LSE6JG5I.cjs');
+
+// src/ui/html.ts
+function escapeHTML(value2) {
+  return String(_nullishCoalesce(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)}">${_nullishCoalesce(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 = _chunkPSKQAFDFcjs.kanbanReference.call(void 0, 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 = _nullishCoalesce(button2.dataset.copy, () => ( ""));
+  const text = button2.dataset.action === "copy-link" ? _nullishCoalesce(_optionalChain([ui, 'access', _ => _.referenceUrl, 'optionalCall', _2 => _2(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 (e) {
+    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: _nullishCoalesce(_optionalChain([board, 'access', _3 => _3.items, 'access', _4 => _4.find, 'call', _5 => _5((item) => item.id === id), 'optionalAccess', _6 => _6.title]), () => ( id)) }));
+}
+
+// src/ui/session-view.ts
+function executionBadge(ui, session, sessionUrl) {
+  if (!session) return "";
+  const resource = _nullishCoalesce(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 = _nullishCoalesce(_optionalChain([session, 'optionalAccess', _7 => _7.resourceId]), () => ( _optionalChain([session, 'optionalAccess', _8 => _8.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, _nullishCoalesce(session.title, () => ( session.sessionId)), _optionalChain([sessionUrl, 'optionalCall', _9 => _9(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 = _nullishCoalesce(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 = _nullishCoalesce(session.resourceId, () => ( session.sessionId)), title = _nullishCoalesce(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, _optionalChain([sessionUrl, 'optionalCall', _10 => _10(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(_nullishCoalesce(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)],
+    ..._nullishCoalesce(_optionalChain([run, 'access', _11 => _11.resources, 'optionalAccess', _12 => _12.map, 'call', _13 => _13((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) => ({
+    ..._optionalChain([detail, 'access', _14 => _14.current, 'optionalAccess', _15 => _15.sessionId]) === row.sessionId ? detail.current : { sessionId: row.sessionId, state: "unknown", stale: true, recent: false },
+    current: _optionalChain([detail, 'access', _16 => _16.current, 'optionalAccess', _17 => _17.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 && (_nullishCoalesce(item.owner.kind, () => ( "agent"))) === actor.kind && (_nullishCoalesce(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(_chunkPSKQAFDFcjs.kanbanReference.call(void 0, 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(_chunkPSKQAFDFcjs.kanbanReference.call(void 0, 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 }] : _nullishCoalesce(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(_nullishCoalesce(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(_chunkPSKQAFDFcjs.kanbanReference.call(void 0, board, item))}</small><small>P${item.planning.priority} \xB7 ${escapeHTML(_nullishCoalesce(item.planning.area, () => ( "")))} \xB7 ${escapeHTML(_nullishCoalesce(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 = _optionalChain([item, 'access', _18 => _18.task, 'optionalAccess', _19 => _19.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>${_optionalChain([item, 'access', _20 => _20.task, 'optionalAccess', _21 => _21.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 = _nullishCoalesce(board.workTypes, () => ( _chunkPSKQAFDFcjs.DEFAULT_KANBAN_WORK_TYPES));
+  const rank = _optionalChain([types, 'access', _22 => _22.find, 'call', _23 => _23((type) => type.id === (_nullishCoalesce(_nullishCoalesce(_optionalChain([parent, 'access', _24 => _24.planning, 'optionalAccess', _25 => _25.kind]), () => ( board.defaultWorkType)), () => ( "task")))), 'optionalAccess', _26 => _26.rank]);
+  const candidates = types.filter((type) => rank !== void 0 && type.rank > rank);
+  return _optionalChain([(_nullishCoalesce(candidates.find((type) => type.id === (_nullishCoalesce(board.defaultWorkType, () => ( "task")))), () => ( candidates.sort((a, b) => a.rank - b.rank)[0]))), 'optionalAccess', _27 => _27.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)}${_optionalChain([item, 'access', _28 => _28.task, 'optionalAccess', _29 => _29.sessionId]) ? sessionLink(ui, item.task.sessionId, ui.text("executionSession"), _optionalChain([sessionUrl, 'optionalCall', _30 => _30(item.task.sessionId)])) : ""}${item.execution ? sessionLink(ui, _nullishCoalesce(item.execution.resourceId, () => ( item.execution.sessionId)), ui.text("executionSession"), _optionalChain([sessionUrl, 'optionalCall', _31 => _31(_nullishCoalesce(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}">${_nullishCoalesce(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(_chunkPSKQAFDFcjs.kanbanReference.call(void 0, 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) : ""}
+        ${(_nullishCoalesce(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(_nullishCoalesce(_optionalChain([board, 'access', _32 => _32.items, 'access', _33 => _33.find, 'call', _34 => _34((item) => item.id === id), 'optionalAccess', _35 => _35.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 = _nullishCoalesce(_optionalChain([item, 'access', _36 => _36.amendments, 'optionalAccess', _37 => _37.filter, 'call', _38 => _38((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: _nullishCoalesce(_optionalChain([parent, 'access', _39 => _39.planning, 'optionalAccess', _40 => _40.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, (_nullishCoalesce(board.workTypes, () => ( _chunkPSKQAFDFcjs.DEFAULT_KANBAN_WORK_TYPES))).some((type) => type.id === (_nullishCoalesce(_nullishCoalesce(_optionalChain([preset, 'optionalAccess', _41 => _41.kind]), () => ( board.defaultWorkType)), () => ( "task"))) && type.executable))}${save(ui)}</form>`;
+}
+function planningFields(ui, board, item, preset) {
+  const plan = _nullishCoalesce(preset, () => ( _optionalChain([item, 'optionalAccess', _42 => _42.planning]))), types = _nullishCoalesce(board.workTypes, () => ( _chunkPSKQAFDFcjs.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 === (_nullishCoalesce(_nullishCoalesce(_optionalChain([plan, 'optionalAccess', _43 => _43.kind]), () => ( board.defaultWorkType)), () => ( "task"))) ? "selected" : ""}>${escapeHTML(type.label)}</option>`).join("")}</select></label>
+        ${field(ui, "priority", "priority", String(_nullishCoalesce(_optionalChain([plan, 'optionalAccess', _44 => _44.priority]), () => ( 2))), true, "number")}
+        ${suggestionField({ name: "area", label: "area", kind: "area", free: true, selected: _optionalChain([plan, 'optionalAccess', _45 => _45.area]) ? [{ id: plan.area, label: plan.area }] : [] })}${suggestionField({ name: "milestone", label: "milestone", kind: "milestone", free: true, selected: _optionalChain([plan, 'optionalAccess', _46 => _46.milestone]) ? [{ id: plan.milestone, label: plan.milestone }] : [] })}
+        ${suggestionField({ name: "parentId", label: "parent", kind: "parent", excludeItemId: _optionalChain([item, 'optionalAccess', _47 => _47.id]), selected: selectedItems(board, _optionalChain([plan, 'optionalAccess', _48 => _48.parentId]) ? [plan.parentId] : []) })}${suggestionField({ name: "dependencies", label: "dependencies", kind: "dependency", multiple: true, excludeItemId: _optionalChain([item, 'optionalAccess', _49 => _49.id]), selected: selectedItems(board, _nullishCoalesce(_optionalChain([plan, 'optionalAccess', _50 => _50.dependencies]), () => ( []))) })}
+        ${field(ui, "dueAt", "dueAt", dateInput(_optionalChain([plan, 'optionalAccess', _51 => _51.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 = _chunkKYNYPKKHcjs.projectKanbanTask.call(void 0, 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(_nullishCoalesce(_nullishCoalesce(_optionalChain([item, 'access', _52 => _52.owner, 'optionalAccess', _53 => _53.id]), () => ( _optionalChain([item, 'access', _54 => _54.owner, 'optionalAccess', _55 => _55.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>
+        ${_nullishCoalesce(_optionalChain([item, 'access', _56 => _56.issues, 'optionalAccess', _57 => _57.filter, 'call', _58 => _58((issue) => !issue.resolvedBy), 'access', _59 => _59.map, 'call', _60 => _60((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>`), 'access', _61 => _61.join, 'call', _62 => _62("")]), () => ( ""))}
+        ${amendmentsView(ui, item)}
+        ${archived ? "" : detailForms(ui, board, item, actor)}
+        ${(_nullishCoalesce(_optionalChain([item, 'access', _63 => _63.planning, 'optionalAccess', _64 => _64.dependencies]), () => ( []))).length ? `<p>${escapeHTML(ui.text("dependencies"))}: ${(_nullishCoalesce(_optionalChain([item, 'access', _65 => _65.planning, 'optionalAccess', _66 => _66.dependencies]), () => ( []))).map((id) => `<button type="button" data-item="${escapeAttr(id)}">${escapeHTML(_nullishCoalesce(_optionalChain([board, 'access', _67 => _67.items, 'access', _68 => _68.find, 'call', _69 => _69((i) => i.id === id), 'optionalAccess', _70 => _70.title]), () => ( id)))}</button>`).join(" ")}</p>` : ""}
+        ${_optionalChain([item, 'access', _71 => _71.planning, 'optionalAccess', _72 => _72.parentId]) ? `<p>${escapeHTML(ui.text("parent"))}: <button type="button" data-item="${escapeAttr(item.planning.parentId)}">${escapeHTML(_nullishCoalesce(_optionalChain([board, 'access', _73 => _73.items, 'access', _74 => _74.find, 'call', _75 => _75((parent) => parent.id === _optionalChain([item, 'access', _76 => _76.planning, 'optionalAccess', _77 => _77.parentId])), 'optionalAccess', _78 => _78.title]), () => ( item.planning.parentId)))}</button></p>` : ""}
+        <section data-children></section><section data-related-records></section><h4>${escapeHTML(ui.text("sources"))}</h4>${sourcesView(ui, _nullishCoalesce(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] = _nullishCoalesce(_optionalChain([guidance, 'optionalAccess', _79 => _79.paragraphs]), () => ( [ui.text("reviewHelp")]));
+  return `<section class="kanban__review-guide"><strong>${escapeHTML(_nullishCoalesce(_optionalChain([guidance, 'optionalAccess', _80 => _80.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(_nullishCoalesce(_nullishCoalesce(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 = _chunkPSKQAFDFcjs.executableWorkItem.call(void 0, 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 = _chunkPSKQAFDFcjs.executableWorkItem.call(void 0, 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 = _optionalChain([item, 'access', _81 => _81.eligiblePrincipals, 'optionalAccess', _82 => _82.some, 'call', _83 => _83((principal) => principal.kind === _optionalChain([board, 'access', _84 => _84.automation, 'optionalAccess', _85 => _85.worker, 'access', _86 => _86.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 && _optionalChain([item, 'access', _87 => _87.launch, 'optionalAccess', _88 => _88.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, _optionalChain([item, 'access', _89 => _89.launch, 'optionalAccess', _90 => _90.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 = _optionalChain([settings, 'optionalAccess', _91 => _91[name]]), targets = [...name === "preparation" ? _nullishCoalesce(catalog.preparations, () => ( [])) : catalog.targets];
+    if (_optionalChain([settings, 'optionalAccess', _92 => _92[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" ${_optionalChain([settings, 'optionalAccess', _93 => _93.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" ${_optionalChain([settings, 'optionalAccess', _94 => _94.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 = _optionalChain([board, 'access', _95 => _95.automation, 'optionalAccess', _96 => _96.preparation])) {
+  const selected = reference;
+  const entries = _nullishCoalesce(_optionalChain([catalog, 'access', _97 => _97.preparations, 'optionalAccess', _98 => _98.filter, 'call', _99 => _99((entry) => sameReference(entry.reference, selected))]), () => ( []));
+  return entries.flatMap((entry) => (_nullishCoalesce(entry.options, () => ( []))).map((option) => {
+    const value2 = _nullishCoalesce(_nullishCoalesce(_optionalChain([board, 'access', _100 => _100.automation, 'optionalAccess', _101 => _101.preparationOptions, 'optionalAccess', _102 => _102[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 = class {
+  constructor(root, config, fetch, presentation) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);_class.prototype.__init7.call(this);_class.prototype.__init8.call(this);_class.prototype.__init9.call(this);_class.prototype.__init10.call(this);
+    this.root = root;
+    this.config = config;
+    this.fetch = fetch;
+    this.presentation = presentation;
+    this.selected = [..._nullishCoalesce(config.selected, () => ( []))];
+    this.mount();
+    this.bind();
+    this.renderValues();
+    this.close();
+  }
+  __init() {this.input = document.createElement("input")}
+  __init2() {this.list = document.createElement("div")}
+  __init3() {this.chips = document.createElement("div")}
+  __init4() {this.values = document.createElement("div")}
+  __init5() {this.hint = document.createElement("small")}
+  
+  __init6() {this.rows = []}
+  __init7() {this.active = -1}
+  __init8() {this.loading = false}
+  __init9() {this.generation = 0}
+  
+  __init10() {this.abort = new AbortController()}
+  mount() {
+    const caption = document.createElement("label"), id = "kanban-suggest-" + _chunk6MN3H3YFcjs.randomUUID.call(void 0, );
+    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 ? "" : _nullishCoalesce(_optionalChain([this, 'access', _103 => _103.selected, 'access', _104 => _104[0], 'optionalAccess', _105 => _105.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 = _chunk6MN3H3YFcjs.randomUUID.call(void 0, ), started = Date.now();
+    const search = !this.config.multiple && _optionalChain([this, 'access', _106 => _106.selected, 'access', _107 => _107[0], 'optionalAccess', _108 => _108.label]) === this.input.value ? "" : this.input.value.trim();
+    const kind = _optionalChain([this, 'access', _109 => _109.root, 'access', _110 => _110.closest, 'call', _111 => _111("form"), 'optionalAccess', _112 => _112.querySelector, 'call', _113 => _113("[name=kind]"), 'optionalAccess', _114 => _114.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 = _optionalChain([error, 'optionalAccess', _115 => _115.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 {
+      _optionalChain([this, 'access', _116 => _116.presentation, 'access', _117 => _117.log, 'optionalCall', _118 => _118(event)]);
+    } catch (e2) {
+    }
+  }
+  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 = (_nullishCoalesce(_optionalChain([panel, 'access', _119 => _119.querySelector, 'call', _120 => _120(".kanban__panel-header"), 'optionalAccess', _121 => _121.getBoundingClientRect, 'call', _122 => _122(), 'access', _123 => _123.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 = (_nullishCoalesce(_nullishCoalesce(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();
+  }
+}, _class);
+
+// src/ui/suggestions.ts
+var KanbanSuggestions = (_class2 = class {
+  constructor(root, service, boardId, presentation) {;_class2.prototype.__init11.call(this);
+    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();
+  }
+  
+  __init11() {this.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();
+  }
+}, _class2);
+
+// src/ui/index.ts
+var _uicommon = require('@nestos/ui-common');
+
+// src/ui/drawer.ts
+var KanbanDrawer = (_class3 = class {
+  constructor(editor, sidebar) {;_class3.prototype.__init12.call(this);_class3.prototype.__init13.call(this);_class3.prototype.__init14.call(this);
+    this.editor = editor;
+    this.sidebar = sidebar;
+  }
+  __init12() {this.key = ""}
+  __init13() {this.focusRequested = false}
+  
+  
+  
+  __init14() {this.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 = _nullishCoalesce(active, () => ( void 0));
+      this.restoreItem = _optionalChain([active, 'optionalAccess', _124 => _124.dataset, 'access', _125 => _125.item]);
+      this.restoreRecord = _optionalChain([active, 'optionalAccess', _126 => _126.dataset, 'access', _127 => _127.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 (_optionalChain([node, 'optionalAccess', _128 => _128.hasChildNodes, 'call', _129 => _129()])) _optionalChain([panel, 'access', _130 => _130.querySelector, 'call', _131 => _131(selector), 'optionalAccess', _132 => _132.replaceWith, 'call', _133 => _133(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 = _optionalChain([this, 'access', _134 => _134.restoreTarget, 'optionalAccess', _135 => _135.isConnected]) ? this.restoreTarget : matches.find((node) => this.restoreItem ? node.dataset.item === this.restoreItem : this.restoreRecord ? node.dataset.record === this.restoreRecord : false);
+      _optionalChain([(_nullishCoalesce(target, () => ( this.editor.querySelector("button")))), 'optionalAccess', _136 => _136.focus, 'call', _137 => _137({ 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");
+  }
+}, _class3);
+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 = _nullishCoalesce(_optionalChain([container, 'access', _138 => _138.querySelector, 'call', _139 => _139(".kanban__columns"), 'optionalAccess', _140 => _140.scrollLeft]), () => ( 0));
+  render();
+  for (const node of container.querySelectorAll("[data-column]")) node.scrollTop = _nullishCoalesce(_optionalChain([columns, 'access', _141 => _141.find, 'call', _142 => _142((column) => column.id === node.dataset.column), 'optionalAccess', _143 => _143.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"), _optionalChain([url, 'optionalCall', _144 => _144(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 (_nullishCoalesce(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>
+        ${(_nullishCoalesce(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>${_optionalChain([view, 'access', _145 => _145.targets, 'optionalAccess', _146 => _146.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)}">${_nullishCoalesce(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(_nullishCoalesce(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"),
+    ..._optionalChain([previous, 'optionalAccess', _147 => _147.execution]) ? { execution: previous.execution } : {},
+    priority: Number(value(data, "priority")),
+    references: _nullishCoalesce(_optionalChain([previous, 'optionalAccess', _148 => _148.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 = _chunk6MN3H3YFcjs.randomUUID.call(void 0, )) {
+  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 = _nullishCoalesce(_optionalChain([item, 'access', _149 => _149.owner, 'optionalAccess', _150 => _150.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 = _nullishCoalesce(_optionalChain([item, 'access', _151 => _151.owner, 'optionalAccess', _152 => _152.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 = (_class4 = class {
+  constructor(options, container) {;_class4.prototype.__init15.call(this);_class4.prototype.__init16.call(this);_class4.prototype.__init17.call(this);_class4.prototype.__init18.call(this);_class4.prototype.__init19.call(this);_class4.prototype.__init20.call(this);_class4.prototype.__init21.call(this);_class4.prototype.__init22.call(this);_class4.prototype.__init23.call(this);_class4.prototype.__init24.call(this);_class4.prototype.__init25.call(this);_class4.prototype.__init26.call(this);_class4.prototype.__init27.call(this);_class4.prototype.__init28.call(this);
+    this.options = options;
+    this.container = container;
+    this.ui = createRenderer(options.presentation);
+  }
+  
+  
+  
+  
+  
+  
+  __init15() {this.itemArchived = false}
+  
+  __init16() {this.boardId = ""}
+  
+  __init17() {this.recordId = ""}
+  
+  
+  
+  
+  __init18() {this.itemId = ""}
+  __init19() {this.query = { view: "all", limit: 50 }}
+  
+  __init20() {this.generation = 0}
+  __init21() {this.eventGeneration = 0}
+  __init22() {this.abort = new AbortController()}
+  __init23() {this.busy = false}
+  
+  __init24() {this.operationStage = "ui.operation"}
+  __init25() {this.dirty = false}
+  __init26() {this.visible = true}
+  __init27() {this.invalid = false}
+  
+  
+  
+  __init28() {this.windowMounts = /* @__PURE__ */ new Map()}
+  async start() {
+    const { sidebar, editor } = this.options, signal = this.abort.signal;
+    _optionalChain([sidebar, 'optionalAccess', _153 => _153.classList, 'access', _154 => _154.add, 'call', _155 => _155("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 = _optionalChain([target, 'access', _156 => _156.closest, 'call', _157 => _157("form"), 'optionalAccess', _158 => _158.querySelector, 'call', _159 => _159('select[name="itemResource"]')]);
+      if (resource) resource.required = resource.dataset.resourceRequired === "true" && _optionalChain([target, 'access', _160 => _160.selectedOptions, 'access', _161 => _161[0], 'optionalAccess', _162 => _162.dataset, 'access', _163 => _163.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;
+        _optionalChain([menu, 'access', _164 => _164.querySelector, 'call', _165 => _165("summary"), 'optionalAccess', _166 => _166.focus, 'call', _167 => _167()]);
+        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) _optionalChain([this, 'access', _168 => _168.options, 'access', _169 => _169.activated, 'optionalCall', _170 => _170()]);
+      });
+    }, { signal });
+    _optionalChain([sidebar, 'optionalAccess', _171 => _171.addEventListener, 'call', _172 => _172("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;
+        _optionalChain([this, 'access', _173 => _173.options, 'access', _174 => _174.changed, 'optionalCall', _175 => _175()]);
+      }
+    }, { signal });
+    this.activityTimer = setInterval(() => {
+      if (!this.visible || document.hidden) return;
+      updateTaskCountdowns(this.options.editor, this.options.presentation);
+      if (_optionalChain([this, 'access', _176 => _176.options, 'access', _177 => _177.service, 'optionalAccess', _178 => _178.queryActivity]) && (_optionalChain([this, 'access', _179 => _179.board, 'optionalAccess', _180 => _180.automation, 'optionalAccess', _181 => _181.enabled]) || _optionalChain([this, 'access', _182 => _182.page, 'optionalAccess', _183 => _183.items, 'access', _184 => _184.some, 'call', _185 => _185((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(_nullishCoalesce(parts[2], () => ( "")));
+    this.itemId = decodeURIComponent(_nullishCoalesce(parts[3], () => ( "")));
+    this.recordId = parts[3] === "@record" ? decodeURIComponent(_nullishCoalesce(parts[4], () => ( ""))) : "";
+    if (this.recordId) this.itemId = "";
+    this.recordKind = ["@log", "@decision"].includes(_nullishCoalesce(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: _optionalChain([this, 'access', _186 => _186.drawer, 'optionalAccess', _187 => _187.open]) ? _nullishCoalesce(_optionalChain([this, 'access', _188 => _188.panel, 'call', _189 => _189(), 'access', _190 => _190.querySelector, 'call', _191 => _191("h3"), 'optionalAccess', _192 => _192.textContent]), () => ( _optionalChain([this, 'access', _193 => _193.board, 'optionalAccess', _194 => _194.title]))) : _nullishCoalesce(_optionalChain([this, 'access', _195 => _195.board, 'optionalAccess', _196 => _196.title]), () => ( this.ui.label("title"))),
+      context: _optionalChain([this, 'access', _197 => _197.board, 'optionalAccess', _198 => _198.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();
+    _optionalChain([this, 'access', _199 => _199.suggestions, 'optionalAccess', _200 => _200.destroy, 'call', _201 => _201()]);
+    if (this.activityTimer) clearInterval(this.activityTimer);
+  }
+  async destroy() {
+    for (const release of this.windowMounts.values()) release();
+    this.windowMounts.clear();
+    this.suspendForRecovery();
+    _optionalChain([this, 'access', _202 => _202.releaseNavigation, 'optionalCall', _203 => _203()]);
+    this.releaseNavigation = void 0;
+    _optionalChain([this, 'access', _204 => _204.suggestions, 'optionalAccess', _205 => _205.destroy, 'call', _206 => _206()]);
+    _optionalChain([this, 'access', _207 => _207.drawer, 'optionalAccess', _208 => _208.destroy, 'call', _209 => _209()]);
+    _optionalChain([this, 'access', _210 => _210.options, 'access', _211 => _211.sidebar, 'optionalAccess', _212 => _212.replaceChildren, 'call', _213 => _213()]);
+    this.options.editor.replaceChildren();
+    this.options.editor.inert = false;
+    this.options.editor.classList.remove("kanban");
+    _optionalChain([this, 'access', _214 => _214.options, 'access', _215 => _215.sidebar, 'optionalAccess', _216 => _216.classList, 'access', _217 => _217.remove, 'call', _218 => _218("kanban__sidebar")]);
+    _optionalChain([this, 'access', _219 => _219.container, 'optionalAccess', _220 => _220.replaceChildren, 'call', _221 => _221()]);
+    _optionalChain([this, 'access', _222 => _222.container, 'optionalAccess', _223 => _223.classList, 'access', _224 => _224.remove, 'call', _225 => _225("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 (_optionalChain([document, 'access', _226 => _226.activeElement, 'optionalAccess', _227 => _227.closest, 'call', _228 => _228("form")]) && this.options.editor.contains(document.activeElement)) return;
+    const started = Date.now(), operationId = _chunk6MN3H3YFcjs.randomUUID.call(void 0, );
+    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), _optionalChain([this, 'access', _229 => _229.operations, 'optionalAccess', _230 => _230.operations, 'access', _231 => _231.some, 'call', _232 => _232((operation) => ["running", "unknown"].includes(operation.state))]) ? this.loadOperations(generation) : void 0]);
+      return;
+    }
+    if (!this.board || this.recordId || this.recordKind || !_optionalChain([this, 'access', _233 => _233.options, 'access', _234 => _234.service, 'optionalAccess', _235 => _235.queryActivity])) return;
+    await this.supplement("ui.activity", generation, () => this.options.service.queryActivity(this.boardId, this.query), (page) => {
+      if (page.revision !== _optionalChain([this, 'access', _236 => _236.page, 'optionalAccess', _237 => _237.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, !!_optionalChain([this, 'access', _238 => _238.options, 'access', _239 => _239.service, 'optionalAccess', _240 => _240.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([_nullishCoalesce(_optionalChain([service, 'access', _241 => _241.catalog, 'optionalCall', _242 => _242()]), () => ( service.list())), service.currentPrincipal(), pageRequest, itemRequest]);
+    if (!this.alive(generation)) return;
+    this.actor = actor;
+    if (!this.boardId && this.options.initialResource === void 0) this.boardId = _nullishCoalesce(_optionalChain([boards, 'access', _243 => _243[0], 'optionalAccess', _244 => _244.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 ? await _asyncNullishCoalesce(initialPage, async () => ( 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;
+    _optionalChain([this, 'access', _245 => _245.releaseNavigation, 'optionalCall', _246 => _246()]);
+    this.releaseNavigation = void 0;
+    const navigation2 = this.content().querySelector("[data-navigation]");
+    if (navigation2 && !this.options.mountTitleBar) this.releaseNavigation = _optionalChain([this, 'access', _247 => _247.options, 'access', _248 => _248.mountNavigation, 'optionalCall', _249 => _249(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 } = await _asyncNullishCoalesce(loaded, async () => ( await service.item(this.boardId, this.itemId)));
+    if (!this.alive(generation)) return;
+    this.operationStage = "ui.item.render";
+    const referencesChanged = _optionalChain([this, 'access', _250 => _250.item, 'optionalAccess', _251 => _251.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, _optionalChain([this, 'access', _252 => _252.options, 'access', _253 => _253.reviewGuidance, 'optionalCall', _254 => _254(this.board, item)]), !!service.itemOperations && !archive && (_nullishCoalesce(_optionalChain([this, 'access', _255 => _255.options, 'access', _256 => _256.itemOperationsAvailable, 'optionalCall', _257 => _257(this.board, item)]), () => ( true))), _nullishCoalesce(task, () => ( _chunkKYNYPKKHcjs.projectKanbanTask.call(void 0, 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(_nullishCoalesce(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) && _optionalChain([item, 'access', _258 => _258.launch, 'optionalAccess', _259 => _259.admittedAt]) === void 0, this.options.sessionUrl));
+      if (references) this.loadReferenceSection(generation, item, new Set(execution.history.map((binding) => binding.sessionId)));
+    }, "[data-execution-session]"));
+    if (_optionalChain([this, 'access', _260 => _260.board, 'optionalAccess', _261 => _261.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, _nullishCoalesce(analysis, () => ( null))));
+    }, "[data-analysis]"));
+    await Promise.all(reads);
+  }
+  async loadOperations(generation) {
+    const service = this.options.service, item = this.item;
+    if (!_optionalChain([service, 'optionalAccess', _262 => _262.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 = _optionalChain([this, 'access', _263 => _263.operations, 'optionalAccess', _264 => _264.operations, 'access', _265 => _265.find, 'call', _266 => _266((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((_nullishCoalesce(_optionalChain([entry, 'optionalAccess', _267 => _267.fields]), () => ( []))).map((field2) => [field2.id, value(data, "choice-" + field2.id)]))
+    });
+    this.dirty = false;
+    this.operations = view;
+    _optionalChain([this, 'access', _268 => _268.options, 'access', _269 => _269.committed, 'optionalCall', _270 => _270()]);
+    this.setSection("[data-item-operations]", itemOperationsView(this.options.presentation, view, this.options.sessionUrl));
+    _optionalChain([this, 'access', _271 => _271.options, 'access', _272 => _272.changed, 'optionalCall', _273 => _273()]);
+    const result = view.operations.find((operation) => operation.id === action);
+    if (!binding && _optionalChain([result, 'optionalAccess', _274 => _274.state]) === "succeeded") await this.refresh();
+    if (!binding && _optionalChain([entry, 'optionalAccess', _275 => _275.openSessionOnRun]) && _optionalChain([result, 'optionalAccess', _276 => _276.sessionId])) await this.options.openSession(result.sessionId);
+  }
+  loadReferenceSection(generation, item, skip) {
+    void this.supplement("ui.item.references", generation, () => this.showReferenceLinks(_nullishCoalesce(item.externalRefs, () => ( [])), generation, skip), () => {
+    }, "[data-reference-links]");
+  }
+  async supplement(stage, generation, read, apply, selector) {
+    const started = Date.now(), operationId = _chunk6MN3H3YFcjs.randomUUID.call(void 0, );
+    try {
+      const value2 = await read();
+      if (!this.alive(generation) || this.dirty) return;
+      apply(value2);
+      try {
+        _optionalChain([this, 'access', _277 => _277.options, 'access', _278 => _278.presentation, 'access', _279 => _279.log, 'optionalCall', _280 => _280({ operationId, stage, result: "success", durationMs: Date.now() - started })]);
+      } catch (e3) {
+      }
+    } 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 = _nullishCoalesce(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 = _chunk6MN3H3YFcjs.randomUUID.call(void 0, ), started = Date.now()) {
+    const raw = _optionalChain([error, 'optionalAccess', _281 => _281.code]);
+    try {
+      _optionalChain([this, 'access', _282 => _282.options, 'access', _283 => _283.presentation, 'access', _284 => _284.log, 'optionalCall', _285 => _285({ 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 (e4) {
+    }
+  }
+  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 (_nullishCoalesce(_optionalChain([service, 'access', _286 => _286.queryActivity, 'optionalCall', _287 => _287(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 (_optionalChain([error, 'optionalAccess', _288 => _288.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 _optionalChain([this, 'access', _289 => _289.options, 'access', _290 => _290.service, 'access', _291 => _291.recordExecutions, 'optionalCall', _292 => _292(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(_nullishCoalesce(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 = _optionalChain([errors, 'access', _293 => _293[0], 'access', _294 => _294.reason, 'optionalAccess', _295 => _295.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);
+      }
+      _optionalChain([this, 'access', _296 => _296.options, 'access', _297 => _297.presentation, 'access', _298 => _298.log, 'optionalCall', _299 => _299({ operationId: _chunk6MN3H3YFcjs.randomUUID.call(void 0, ), 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 = _optionalChain([this, 'access', _300 => _300.item, 'optionalAccess', _301 => _301.id]);
+    const section = this.panel().querySelector("[data-work-resources]");
+    if (!_optionalChain([service, 'optionalAccess', _302 => _302.workResources]) || !itemId || !section || section.dataset.loading || !refresh && section.dataset.loaded) return;
+    const operationId = _chunk6MN3H3YFcjs.randomUUID.call(void 0, ), 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 || _optionalChain([this, 'access', _303 => _303.item, 'optionalAccess', _304 => _304.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");
+      _optionalChain([body, 'optionalAccess', _305 => _305.append, 'call', _306 => _306(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 = _optionalChain([this, 'access', _307 => _307.item, 'optionalAccess', _308 => _308.id]);
+    const details = this.panel().querySelector("[data-related-sessions]");
+    if (!_optionalChain([service, 'optionalAccess', _309 => _309.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 (_optionalChain([this, 'access', _310 => _310.item, 'optionalAccess', _311 => _311.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(_nullishCoalesce(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: _chunk6MN3H3YFcjs.randomUUID.call(void 0, ) });
+      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 && _optionalChain([this, 'access', _312 => _312.options, 'access', _313 => _313.service, 'optionalAccess', _314 => _314.cleanupWorkResource])) {
+      if (!globalThis.confirm(this.ui.label("cleanupWorkResourceConfirm"))) return;
+      try {
+        await this.options.service.cleanupWorkResource(this.boardId, { operationId: _chunk6MN3H3YFcjs.randomUUID.call(void 0, ), 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 && _optionalChain([this, 'access', _315 => _315.options, 'access', _316 => _316.service, 'optionalAccess', _317 => _317.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 = _chunk6MN3H3YFcjs.randomUUID.call(void 0, ), itemId = this.item.id;
+      await this.execute({ type: "begin-edit", itemId, editId, leaseMs: 3e5 });
+      this.editing = { itemId, editId };
+      const resources = await _optionalChain([this, 'access', _318 => _318.options, 'access', _319 => _319.service, 'optionalAccess', _320 => _320.itemResources, 'optionalCall', _321 => _321(this.boardId)]);
+      if (resources) resources.selected = _optionalChain([this, 'access', _322 => _322.item, 'access', _323 => _323.externalRefs, 'optionalAccess', _324 => _324.find, 'call', _325 => _325((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 && _optionalChain([this, 'access', _326 => _326.options, 'access', _327 => _327.service, 'optionalAccess', _328 => _328.fixTask])) {
+      target.dataset.operationId ??= _chunk6MN3H3YFcjs.randomUUID.call(void 0, );
+      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 (_optionalChain([action, 'optionalAccess', _329 => _329.startsWith, 'call', _330 => _330("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: _chunk6MN3H3YFcjs.randomUUID.call(void 0, ), action: action === "task-pause" ? "pause" : "resume" });
+      return;
+    }
+    if (action === "reanalyze" && _optionalChain([this, 'access', _331 => _331.item, 'optionalAccess', _332 => _332.planning])) {
+      await this.execute({ type: "retry-analysis", itemId: this.item.id, retryId: _chunk6MN3H3YFcjs.randomUUID.call(void 0, ) });
+      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 _optionalChain([this, 'access', _333 => _333.options, 'access', _334 => _334.service, 'optionalAccess', _335 => _335.recordResources, 'optionalCall', _336 => _336()]) : [];
+      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") && _optionalChain([this, 'access', _337 => _337.options, 'access', _338 => _338.service, 'optionalAccess', _339 => _339.runRecord])) {
+      const record = await this.options.service.record(this.boardId, this.recordId);
+      target.dataset.operationId ??= _chunk6MN3H3YFcjs.randomUUID.call(void 0, );
+      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" });
+      _optionalChain([this, 'access', _340 => _340.options, 'access', _341 => _341.committed, 'optionalCall', _342 => _342()]);
+      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" ? _optionalChain([this, 'access', _343 => _343.recordPage, 'optionalAccess', _344 => _344.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" ? _optionalChain([this, 'access', _345 => _345.page, 'optionalAccess', _346 => _346.nextCursor]) : void 0;
+      await this.refresh();
+      return;
+    }
+    if (action === "refresh-item-operations") {
+      this.dirty = false;
+      await this.loadOperations(this.generation);
+      _optionalChain([this, 'access', _347 => _347.options, 'access', _348 => _348.changed, 'optionalCall', _349 => _349()]);
+      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 = _nullishCoalesce(target.itemId, () => ( ""));
+    this.recordId = _nullishCoalesce(target.recordId, () => ( ""));
+    this.recordKind = void 0;
+    this.recordCursor = void 0;
+    this.query = { view: "all", limit: 50 };
+    await this.refresh();
+    _optionalChain([this, 'access', _350 => _350.options, 'access', _351 => _351.activated, 'optionalCall', _352 => _352()]);
+  }
+  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 ??= _chunk6MN3H3YFcjs.randomUUID.call(void 0, );
+    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));
+      _optionalChain([this, 'access', _353 => _353.options, 'access', _354 => _354.committed, 'optionalCall', _355 => _355()]);
+      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 && _optionalChain([this, 'access', _356 => _356.options, 'access', _357 => _357.service, 'optionalAccess', _358 => _358.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: [...(_nullishCoalesce(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", _nullishCoalesce(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 _optionalChain([this, 'access', _359 => _359.options, 'access', _360 => _360.service, 'optionalAccess', _361 => _361.itemResources, 'optionalCall', _362 => _362(board.id, _optionalChain([parent, 'optionalAccess', _363 => _363.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: _chunk6MN3H3YFcjs.randomUUID.call(void 0, ), expectedRevision: this.board.revision, command } };
+    try {
+      await this.options.service.execute(this.board.id, this.pending.request);
+    } catch (error) {
+      if (_optionalChain([error, 'optionalAccess', _364 => _364.name]) === "KanbanError" || _optionalChain([error, 'optionalAccess', _365 => _365.outcome]) === "not-committed") this.pending = void 0;
+      throw error;
+    }
+    this.pending = void 0;
+    _optionalChain([this, 'access', _366 => _366.options, 'access', _367 => _367.committed, 'optionalCall', _368 => _368()]);
+    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 = _chunk6MN3H3YFcjs.randomUUID.call(void 0, ), 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 = _optionalChain([error, 'optionalAccess', _369 => _369.code]);
+      try {
+        _optionalChain([this, 'access', _370 => _370.options, 'access', _371 => _371.presentation, 'access', _372 => _372.log, 'optionalCall', _373 => _373({ 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 (e5) {
+      }
+      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();
+        _optionalChain([this, 'access', _374 => _374.options, 'access', _375 => _375.changed, 'optionalCall', _376 => _376()]);
+        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 = _nullishCoalesce(header.querySelector("[data-titlebar-back]"), () => ( void 0));
+    const title = _nullishCoalesce(header.querySelector("[data-titlebar-title]"), () => ( void 0));
+    _optionalChain([back, 'optionalAccess', _377 => _377.classList, 'access', _378 => _378.add, 'call', _379 => _379("ui-nav-button")]);
+    _optionalChain([header, 'access', _380 => _380.querySelector, 'call', _381 => _381(".kanban__menu > summary"), 'optionalAccess', _382 => _382.classList, 'access', _383 => _383.add, 'call', _384 => _384("ui-nav-button")]);
+    const view = _uicommon.mountTitleBar.call(void 0, 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: _nullishCoalesce(header.querySelector(".kanban__menu"), () => ( void 0))
+    });
+    view.element.dataset.titlebarSlot = "";
+    header.dataset.titlebarHost = "true";
+    view.update({ title: _nullishCoalesce(_optionalChain([title, 'optionalAccess', _385 => _385.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: _nullishCoalesce(header.querySelector("[data-titlebar-title]"), () => ( void 0)),
+      back: _nullishCoalesce(header.querySelector("[data-titlebar-back]"), () => ( void 0)),
+      menu: _nullishCoalesce(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 = _nullishCoalesce(_optionalChain([this, 'access', _386 => _386.drawer, 'optionalAccess', _387 => _387.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 || (_nullishCoalesce(_optionalChain([this, 'access', _388 => _388.drawer, 'optionalAccess', _389 => _389.open]), () => ( false)));
+  }
+}, _class4);
+function errorText(error, label, stage) {
+  const code = _optionalChain([error, 'optionalAccess', _390 => _390.outcome]) === "unknown" ? "WRITE_OUTCOME_UNKNOWN" : _optionalChain([error, 'optionalAccess', _391 => _391.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;
+}
+
+
+
+
+exports.KanbanSuggestionPicker = KanbanSuggestionPicker; exports.KanbanWorkbench = KanbanWorkbench; exports.mountKanban = mountKanban;
+//# sourceMappingURL=index.cjs.map