@starlove/orbit 1.0.7 → 1.1.1

package/public/js/format.js

@@ -10,6 +10,112 @@ export function escapeHtml(value) {
     .replaceAll("'", "'");
 }
 
+// UTF-8 bytes mis-decoded as CP-437 (the typical Windows-tmux artifact).
+// Ported from aeva-dashboard's fix-newlines tool — every entry is
+// [mojibake sequence, what it should have been]. Long sequences first so
+// shorter prefixes do not eat them.
+const MOJIBAKE_REPLACEMENTS = [
+  // General Punctuation (UTF-8 E2 80 XX → CP-437 "ΓÇ" + glyph)
+  ["ΓÇô", "–"],
+  ["ΓÇö", "—"],
+  ["ΓÇ£", '"'],
+  ["ΓÇ¥", '"'],
+  ["ΓÇÿ", "'"],
+  ["ΓÇÖ", "'"],
+  ["ΓǪ", "…"],
+  ["ΓÇó", "•"],
+  ["ΓÇ░", "‰"],
+  ["ΓÇ╣", "‹"],
+  ["ΓÇ║", "›"],
+
+  // Box drawing — light (UTF-8 E2 94 XX → CP-437 "Γö" + glyph)
+  ["ΓöÇ", "─"],
+  ["Γöé", "│"],
+  ["Γöî", "┌"],
+  ["ΓöÉ", "┐"],
+  ["Γöö", "└"],
+  ["Γöÿ", "┘"],
+  ["Γö£", "├"],
+  ["Γöñ", "┤"],
+  ["Γö¼", "┬"],
+  ["Γö┤", "┴"],
+  ["Γö╝", "┼"],
+
+  // Box drawing — heavy/double + rounded corners (UTF-8 E2 95 XX → "Γò" + glyph)
+  ["ΓòÉ", "═"],
+  ["Γòæ", "║"],
+  ["ΓòÆ", "╒"],
+  ["Γòö", "╔"],
+  ["Γò¡", "╭"],
+  ["Γò«", "╮"],
+  ["Γò»", "╯"],
+  ["Γò░", "╰"],
+
+  // Geometric shapes (UTF-8 E2 96 XX / E2 97 XX → "Γû" / "Γù" + glyph)
+  ["Γûæ", "░"],
+  ["ΓûÆ", "▒"],
+  ["Γûô", "▓"],
+  ["ΓûÉ", "▐"],
+  ["Γûî", "▌"],
+  ["ΓûÄ", ">"],
+  ["Γûá", "■"],
+  ["Γû╝", "▼"],
+  ["ΓùÅ", "●"],
+  ["Γùï", "○"],
+
+  // Misc symbols (UTF-8 E2 9A XX → "ΓÜ" + glyph)
+  ["ΓÜò", "⚕"],
+  ["ΓÜá", "⚠"],
+  ["ΓÜí", "⚡"],
+  ["ΓÜô", "⚓"],
+
+  // Arrows (UTF-8 E2 86 XX → "Γå" + glyph)
+  ["ΓåÉ", "←"],
+  ["Γåæ", "↑"],
+  ["ΓåÆ", "→"],
+  ["Γåô", "↓"],
+  ["Γåö", "↔"],
+
+  // Latin-1 Supplement (UTF-8 C2 XX → CP-437 "┬" + glyph)
+  [" ", " "],
+  ["┬⌐", "©"],
+  ["┬«", "®"],
+  ["┬░", "°"],
+  ["┬º", "§"],
+  ["┬╖", "·"],
+
+  // Stray curly quotes that survived as proper Unicode — Bruce writes with
+  // ASCII straight quotes, so normalize for consistency.
+  ["“", '"'],
+  ["”", '"'],
+  ["‘", "'"],
+  ["’", "'"],
+];
+
+function fixMojibake(text) {
+  if (!text) return text;
+  let out = text;
+  for (const [from, to] of MOJIBAKE_REPLACEMENTS) {
+    out = out.split(from).join(to);
+  }
+  return out;
+}
+
+/**
+ * Repair common mojibake and normalize line endings without disturbing the
+ * author's indentation or soft line breaks. Use this on inbound text before
+ * saving (so the DB stays clean going forward) and again before rendering (so
+ * existing dirty rows display fixed without a migration).
+ */
+export function cleanText(value) {
+  if (!value) return "";
+  return fixMojibake(String(value)).replace(/\r\n?/g, "\n");
+}
+
+export function renderPreservedText(value) {
+  return escapeHtml(cleanText(value));
+}
+
 const SAFE_LINK_PROTOCOLS = new Set(["http:", "https:", "mailto:", "tel:"]);
 
 function sanitizeMarkdownUrl(value) {
@@ -86,14 +192,31 @@ function renderParagraph(lines) {
   return `<p>${renderInlineMarkdown(lines.join("\n")).replaceAll("\n", "<br>")}</p>`;
 }
 
+function renderTaskItem(rawContent) {
+  // GFM-style `- [ ] text` or `- [x] text`. We render as a disabled checkbox
+  // followed by the inline-rendered remainder. The list itself gets a
+  // `task-list` class so CSS can drop the default bullet.
+  const match = rawContent.match(/^\[( |x|X)\]\s+(.*)$/);
+  if (!match) return null;
+  const checked = match[1].toLowerCase() === "x";
+  const body = renderInlineMarkdown(match[2].trim()).replaceAll("\n", "<br>");
+  return {
+    checked,
+    html: `<input type="checkbox" disabled${checked ? " checked" : ""}> ${body}`,
+  };
+}
+
 export function renderMarkdown(value) {
-  const source = String(value ?? "").replace(/\r\n?/g, "\n");
+  // Mojibake repair runs at render time too so existing dirty rows display
+  // cleanly without a backfill. cleanText also normalizes line endings.
+  const source = cleanText(value);
   if (!source.trim()) return "";
 
   const blocks = [];
   const lines = source.split("\n");
   let paragraph = [];
   let list = null;
+  let blockquote = null;
 
   const flushParagraph = () => {
     if (!paragraph.length) return;
@@ -103,16 +226,32 @@ export function renderMarkdown(value) {
 
   const flushList = () => {
     if (!list) return;
-    blocks.push(`<${list.type}>${list.items.map((item) => `<li>${item}</li>`).join("")}</${list.type}>`);
+    const classAttr = list.taskList ? ' class="task-list"' : "";
+    blocks.push(
+      `<${list.type}${classAttr}>${list.items
+        .map((item) => `<li${item.taskClass ? ` class="${item.taskClass}"` : ""}>${item.html}</li>`)
+        .join("")}</${list.type}>`
+    );
     list = null;
   };
 
+  const flushBlockquote = () => {
+    if (!blockquote) return;
+    blocks.push(`<blockquote>${renderMarkdown(blockquote.join("\n"))}</blockquote>`);
+    blockquote = null;
+  };
+
+  const flushAll = () => {
+    flushParagraph();
+    flushList();
+    flushBlockquote();
+  };
+
   for (let i = 0; i < lines.length; i += 1) {
     const line = lines[i];
 
     if (/^\s*```/.test(line)) {
-      flushParagraph();
-      flushList();
+      flushAll();
       const codeLines = [];
       i += 1;
       while (i < lines.length && !/^\s*```\s*$/.test(lines[i])) {
@@ -123,6 +262,38 @@ export function renderMarkdown(value) {
       continue;
     }
 
+    // Horizontal rule: a line of three+ dashes / asterisks / underscores.
+    if (/^\s*(?:-\s*){3,}\s*$/.test(line) || /^\s*(?:\*\s*){3,}\s*$/.test(line) || /^\s*(?:_\s*){3,}\s*$/.test(line)) {
+      flushAll();
+      blocks.push("<hr>");
+      continue;
+    }
+
+    // ATX header: 1-6 # followed by a space and content.
+    const header = line.match(/^\s{0,3}(#{1,6})\s+(.+?)\s*#*\s*$/);
+    if (header) {
+      flushAll();
+      const level = header[1].length;
+      blocks.push(`<h${level}>${renderInlineMarkdown(header[2])}</h${level}>`);
+      continue;
+    }
+
+    // Blockquote: `> ...`. We collect consecutive `>` lines, strip the leading
+    // marker, and recurse so quoted content can itself contain lists/headers.
+    const quoteMatch = line.match(/^\s{0,3}>\s?(.*)$/);
+    if (quoteMatch) {
+      flushParagraph();
+      flushList();
+      if (!blockquote) blockquote = [];
+      blockquote.push(quoteMatch[1]);
+      continue;
+    }
+    if (blockquote && !line.trim()) {
+      flushBlockquote();
+      continue;
+    }
+    flushBlockquote();
+
     if (!line.trim()) {
       flushParagraph();
       flushList();
@@ -134,20 +305,34 @@ export function renderMarkdown(value) {
     if (ordered || unordered) {
       flushParagraph();
       const type = ordered ? "ol" : "ul";
-      if (!list || list.type !== type) {
+      const content = (ordered || unordered)[1].trim();
+
+      let task = null;
+      if (unordered) task = renderTaskItem(content);
+
+      if (!list || list.type !== type || Boolean(list.taskList) !== Boolean(task)) {
         flushList();
-        list = { type, items: [] };
+        list = { type, items: [], taskList: Boolean(task) };
+      }
+
+      if (task) {
+        list.items.push({
+          html: task.html,
+          taskClass: task.checked ? "task-item task-item-done" : "task-item",
+        });
+      } else {
+        list.items.push({
+          html: renderInlineMarkdown(content).replaceAll("\n", "<br>"),
+        });
       }
-      list.items.push(renderInlineMarkdown((ordered || unordered)[1].trim()).replaceAll("\n", "<br>"));
       continue;
     }
 
     flushList();
-    paragraph.push(line.trim());
+    paragraph.push(line);
   }
 
-  flushParagraph();
-  flushList();
+  flushAll();
 
   return blocks.join("");
 }
@@ -179,6 +364,15 @@ export function ticketLabel(ticket) {
   return `#${ticket.number}`;
 }
 
+export function stateClassFor(ticketOrState) {
+  const source =
+    ticketOrState?.state_role || ticketOrState?.role || ticketOrState?.state_name || ticketOrState?.name || "state";
+  return String(source)
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, "-")
+    .replace(/^-|-$/g, "") || "state";
+}
+
 export function canonicalTicketType(type) {
   if (type === "epic" || type === "feature" || type === "bug" || type === "task") return type;
   return "task";

package/public/js/kanban.js

@@ -19,6 +19,7 @@ import { api, withBoardQuery } from "./api.js";
 import { navigate } from "./router.js";
 import { closeCreateFlyout, openCreateFlyout } from "./create-card.js";
 import { load } from "./app.js";
+import { bindCardContextMenu, closeCardActionMenu, createCardActionHandlers, setCardActionDragInFlight } from "./card-actions.js";
 import { unreadCount } from "./unread.js";
 
 export function renderBoard() {
@@ -66,7 +67,10 @@ export function renderBoard() {
     });
   });
 
+  const cardActionHandlers = createCardActionHandlers({ navigator: navigate });
   kanban.querySelectorAll(".card").forEach((card) => {
+    const ticket = tickets.find((item) => item.id === card.dataset.ticketId);
+    if (ticket) bindCardContextMenu(card, ticket, { handlers: cardActionHandlers, onBeforeOpen: closeCreateFlyout });
     // HTML5 DnD ends with a synthetic click on the source element; ignore that
     // follow-up click so dropping a card does not also open the detail drawer.
     let suppressClickAfterDrag = false;
@@ -102,10 +106,13 @@ export function renderBoard() {
       });
     }
     card.addEventListener("dragstart", (event) => {
+      closeCardActionMenu();
+      setCardActionDragInFlight(true);
       event.dataTransfer.setData("text/plain", card.dataset.ticketId);
       event.dataTransfer.effectAllowed = "move";
     });
     card.addEventListener("dragend", () => {
+      setCardActionDragInFlight(false);
       suppressClickAfterDrag = true;
       // If no click follows (e.g. drag cancelled oddly), do not eat the next real click.
       setTimeout(() => {
@@ -115,6 +122,14 @@ export function renderBoard() {
   });
 }
 
+export function renderBoardSelection() {
+  kanban.querySelectorAll(".card.selected").forEach((card) => card.classList.remove("selected"));
+  if (!state.selectedTicketId) return;
+  kanban
+    .querySelectorAll(`.card[data-ticket-id="${CSS.escape(state.selectedTicketId)}"]`)
+    .forEach((card) => card.classList.add("selected"));
+}
+
 function renderEmptyState(columnName) {
   const name = columnName.toLowerCase();
   let flair = {

package/public/js/local-backend.js

@@ -464,7 +464,6 @@ async function handleBoardPatch(boardId, body) {
     const board = await reqPromise(stores.boards.get(BOARD_ID));
     const ALLOWED = [
       "name",
-      "slug",
       "repo_url",
       "system_path",
       "default_branch",
@@ -472,7 +471,16 @@ async function handleBoardPatch(boardId, body) {
       "agent_instructions",
       "ai_enabled"
     ];
-    for (const k of ALLOWED) if (k in body) board[k] = body[k];
+    for (const k of ALLOWED) {
+      if (!(k in body)) continue;
+      if (k === "name") {
+        const name = String(body[k] || "").trim();
+        if (!name) throw err(400, "missing_name");
+        board[k] = name;
+      } else {
+        board[k] = body[k];
+      }
+    }
     board.updated_at = nowIso();
     stores.boards.put(board);
     recordEvent(stores, "board_updated", null, { fields: Object.keys(body) });
@@ -728,9 +736,6 @@ async function handleTicketContext(ticketId) {
     .map((tl) => snap.labels.find((l) => l.id === tl.label_id))
     .filter(Boolean)
     .map((l) => ({ ticket_id: ticketId, id: l.id, name: l.name, color: l.color }));
-  const comments = snap.comments
-    .filter((c) => c.ticket_id === ticketId)
-    .sort((a, b) => String(a.created_at).localeCompare(String(b.created_at)));
   const stateById = Object.fromEntries(snap.states.map((s) => [s.id, s]));
   const compact = (t) => {
     if (!t) return null;
@@ -775,13 +780,23 @@ async function handleTicketContext(ticketId) {
     ticket: { ...ticket, labels },
     board: snap.board,
     board_manual: { entries: snap.boardEntries.filter((e) => !e.struck_at) },
-    comments,
     parent_ticket: compact(parent),
     child_tickets: childTickets,
     relations,
     blockers: [],
-    related_tickets: [...childTickets, ...(parent ? [parent] : [])],
-    related_comments: []
+    related_tickets: [...childTickets, ...(parent ? [parent] : [])]
+  };
+}
+
+async function handleTicketComments(ticketId) {
+  const snap = await snapshotAll();
+  const ticket = snap.tickets.find((t) => t.id === ticketId && !t.archived_at);
+  if (!ticket) throw err(404, "ticket_not_found");
+  return {
+    ticket_id: ticketId,
+    comments: snap.comments
+      .filter((c) => c.ticket_id === ticketId)
+      .sort((a, b) => String(a.created_at).localeCompare(String(b.created_at)))
   };
 }
 
@@ -941,6 +956,7 @@ const ROUTES = [
   { m: "POST", re: /^\/api\/tickets\/([^/]+)\/archive$/, fn: (m) => handleTicketArchive(decodeURIComponent(m[1]), true) },
   { m: "POST", re: /^\/api\/tickets\/([^/]+)\/restore$/, fn: (m) => handleTicketArchive(decodeURIComponent(m[1]), false) },
   { m: "GET", re: /^\/api\/tickets\/([^/]+)\/context$/, fn: (m) => handleTicketContext(decodeURIComponent(m[1])) },
+  { m: "GET", re: /^\/api\/tickets\/([^/]+)\/comments$/, fn: (m) => handleTicketComments(decodeURIComponent(m[1])) },
   { m: "GET", re: /^\/api\/tickets\/([^/]+)\/history$/, fn: (m) => handleTicketHistory(decodeURIComponent(m[1])) },
   { m: "POST", re: /^\/api\/tickets\/([^/]+)\/comments$/, fn: (m, u, body) => handleCommentCreate(decodeURIComponent(m[1]), body) },
   { m: "POST", re: /^\/api\/relations$/, fn: (m, u, body) => handleRelationCreate(body) },

package/public/js/router.js

@@ -81,7 +81,7 @@ export function syncUrlFromState({ replace = false } = {}) {
 }
 
 export async function applyRoute() {
-  const { load, render } = await import("./app.js");
+  const { load, renderDetailOnly } = await import("./app.js");
   const r = currentRoute();
   const urlHadRoute = hasRoute(location);
   const prevBoardId = state.boardId;
@@ -124,8 +124,9 @@ export async function applyRoute() {
 
   if (state.boardId && state.boardId !== prevBoardId) {
     await load();
+    return;
   }
-  await render();
+  await renderDetailOnly();
 }
 
 window.addEventListener("popstate", () => {

package/public/js/search.js

@@ -6,7 +6,7 @@ import { searchInput, searchResults } from "./dom.js";
 import { state, currentBoard } from "./state.js";
 import { api } from "./api.js";
 import { navigate } from "./router.js";
-import { escapeHtml, ticketLabel } from "./format.js";
+import { escapeHtml, stateClassFor, ticketLabel } from "./format.js";
 import { closeCreateFlyout } from "./create-card.js";
 
 export async function runSearch() {
@@ -28,8 +28,11 @@ export async function runSearch() {
     .map(
       (ticket) => `
         <div class="search-hit" data-ticket-id="${ticket.id}">
-          <strong>${escapeHtml(ticketLabel(ticket))}</strong>
-          ${escapeHtml(ticket.title)}
+          <span class="search-hit-main">
+            <strong>${escapeHtml(ticketLabel(ticket))}</strong>
+            <span class="search-hit-title">${escapeHtml(ticket.title)}</span>
+          </span>
+          <span class="search-hit-state state-pill-${escapeHtml(stateClassFor(ticket))}">${escapeHtml(ticket.state_name || "State")}</span>
         </div>
       `
     )

package/public/js/settings.js

@@ -4,13 +4,13 @@
 
 import { state, getSettingsTab, statesForProject, ticketsForProject, currentBoard } from "./state.js";
 import { drawerInner, $ } from "./dom.js";
-import { escapeHtml, formatDate, repoLabelFromUrl } from "./format.js";
+import { escapeHtml, formatDate, repoLabelFromUrl, renderPreservedText, cleanText } from "./format.js";
 import { api, withBoardQuery } from "./api.js";
 import { toast, downloadJson } from "./toast.js";
 import { renderDrawerShell } from "./drawer.js";
 import { navigate } from "./router.js";
 import { renderBoard } from "./kanban.js";
-import { renderDetailCard } from "./ticket-detail.js";
+import { renderDetailCard, startInlineEdit } from "./ticket-detail.js";
 import { load } from "./app.js";
 import { features } from "./config.js";
 import {
@@ -377,8 +377,20 @@ function renderProjectRepositoryTab(context) {
   return `
     ${repoMeta}
 
+    ${features.multiBoard ? renderBoardRenameSection(project) : ""}
+
     <div class="section">
       <h3>Board Snapshot</h3>
+      ${features.attachments ? `
+        <label class="orbit-check">
+          <input type="checkbox" id="exportProjectImages" />
+          <span class="orbit-check-box" aria-hidden="true">
+            <svg viewBox="0 0 16 16" class="orbit-check-tick"><path d="M3.5 8.5l3 3 6-7" /></svg>
+          </span>
+          <span>Include attached images</span>
+        </label>
+        <p class="description">Image exports are embedded in the .orbit.json snapshot and may be much larger.</p>
+      ` : ""}
       <div class="deployment-actions">
         <button type="button" class="ghost" id="exportProject">Export</button>
         <label class="import-button">
@@ -392,6 +404,22 @@ function renderProjectRepositoryTab(context) {
   `;
 }
 
+function renderBoardRenameSection(project) {
+  return `
+    <div class="section board-rename-section">
+      <h3>Board Name</h3>
+      <p class="description">Rename the board display name only. The canonical URL slug stays <strong>${escapeHtml(project.slug || "")}</strong>, so existing board links keep working.</p>
+      <form id="boardRenameForm" class="field-form">
+        <label>
+          <span>Display name</span>
+          <input name="name" value="${escapeHtml(project.name || "")}" maxlength="120" required />
+        </label>
+        <button type="submit">Rename Board</button>
+      </form>
+    </div>
+  `;
+}
+
 function renderDeleteBoardSection(project) {
   const slug = escapeHtml(project.slug || "");
   if (repositoryDelete.step === "choice") {
@@ -442,19 +470,23 @@ function renderNotesSettingsTab(context) {
   const project = context.board;
   const notesPlaceholder =
     "Remember to mention SKILL-ORBIT.md to my AI agents if they get confused";
+  const notes = project.project_notes || "";
+  const hasNotes = Boolean(notes.trim());
+  const placeholderClass = hasNotes ? "" : "is-placeholder";
+  const inner = hasNotes ? renderPreservedText(notes) : escapeHtml(notesPlaceholder);
   return `
     <div class="section ai-fields">
-      <form id="notesSettingsForm" class="field-form settings-notes-form">
-        <label class="settings-notes-field-group">
-          <span>Notes For You</span>
-          <textarea
-            name="project_notes"
-            class="settings-notes-textarea"
-            placeholder="${escapeHtml(notesPlaceholder)}"
-          >${escapeHtml(project.project_notes || "")}</textarea>
-        </label>
-        <button type="submit" class="settings-notes-save">Save</button>
-      </form>
+      <div class="inline-md-field">
+        <span class="inline-md-field-label">Notes For You</span>
+        <div
+          class="inline-md-field-body preserved-text-body editable-field settings-notes-body ${placeholderClass}"
+          data-edit-field="project_notes"
+          tabindex="0"
+          title="Click to edit"
+          role="button"
+          aria-label="Edit Notes For You"
+        >${inner}</div>
+      </div>
     </div>
   `;
 }
@@ -571,15 +603,31 @@ function bindProjectTabHandlers(context, tab) {
   const project = context.board;
 
   if (tab === "repository") {
-    const exportSnapshot = async () => {
-      const snapshot = await api(`/api/boards/${project.id}/export`);
-      downloadJson(`${project.slug}.orbit.json`, snapshot);
+    const exportSnapshot = async (includeAttachments = Boolean($("#exportProjectImages")?.checked)) => {
+      const suffix = includeAttachments ? "?include_attachments=true" : "";
+      const snapshot = await api(`/api/boards/${encodeURIComponent(project.id)}/export${suffix}`);
+      const filename = includeAttachments ? `${project.slug}.with-images.orbit.json` : `${project.slug}.orbit.json`;
+      downloadJson(filename, snapshot);
     };
 
     $("#exportProject")?.addEventListener("click", async () => {
       await exportSnapshot();
     });
 
+    $("#boardRenameForm")?.addEventListener("submit", async (event) => {
+      event.preventDefault();
+      const form = new FormData(event.currentTarget);
+      const nextName = String(form.get("name") || "").trim();
+      if (!nextName || nextName === project.name) return;
+      await api(`/api/boards/${encodeURIComponent(project.id)}`, {
+        method: "PATCH",
+        body: { name: nextName }
+      });
+      await load();
+      state.detailMode = "settings";
+      toast.success(`Renamed board to ${nextName}. Canonical slug unchanged: ${project.slug}`);
+    });
+
     $("#importSnapshotFile")?.addEventListener("change", async (event) => {
       const file = event.currentTarget.files?.[0];
       if (!file) return;
@@ -639,17 +687,39 @@ function bindProjectTabHandlers(context, tab) {
   }
 
   if (tab === "notes") {
-    $("#notesSettingsForm")?.addEventListener("submit", async (event) => {
-      event.preventDefault();
-      const form = new FormData(event.currentTarget);
-      await api(`/api/boards/${project.id}`, {
-        method: "PATCH",
-        body: { project_notes: String(form.get("project_notes") ?? "") }
+    const notesEl = drawerInner.querySelector('[data-edit-field="project_notes"]');
+    if (notesEl) {
+      const edit = () =>
+        startInlineEdit(notesEl, {
+          fieldName: "project_notes",
+          multiline: true,
+          initialValue: project.project_notes || "",
+          ariaLabel: "Edit Notes For You",
+          rerender: async () => {
+            state.detailMode = "settings";
+            await renderProjectDetail();
+          },
+          commit: async (next) => {
+            await api(`/api/boards/${project.id}`, {
+              method: "PATCH",
+              body: { project_notes: cleanText(next) }
+            });
+            await load();
+            state.detailMode = "settings";
+            toast.success("Saved");
+          }
+        });
+      notesEl.addEventListener("click", (event) => {
+        event.preventDefault();
+        edit();
       });
-      await load();
-      state.detailMode = "settings";
-      toast.success("Saved");
-    });
+      notesEl.addEventListener("keydown", (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          edit();
+        }
+      });
+    }
   }
 
   if (tab === "lanes") {

package/public/js/state.js

@@ -77,3 +77,53 @@ export function selectableStatesForProject(currentStateId = "") {
 export function ticketsForProject() {
   return state.data.tickets.filter((item) => item.board_id === state.boardId);
 }
+
+function compactTicketForBoard(ticket) {
+  if (!ticket) return null;
+  return {
+    id: ticket.id,
+    board_id: ticket.board_id,
+    board_slug: ticket.board_slug,
+    number: ticket.number,
+    title: ticket.title,
+    type: ticket.type,
+    state_name: ticket.state_name,
+    state_role: ticket.state_role,
+    priority: ticket.priority
+  };
+}
+
+function refreshBoardTicketDerivatives(boardId) {
+  if (!state.data?.tickets) return;
+  const boardTickets = state.data.tickets.filter((ticket) => ticket.board_id === boardId && !ticket.archived_at);
+  const ticketById = new Map(boardTickets.map((ticket) => [ticket.id, ticket]));
+  const childCountByParent = new Map();
+  for (const ticket of boardTickets) {
+    if (!ticket.parent_ticket_id) continue;
+    childCountByParent.set(ticket.parent_ticket_id, (childCountByParent.get(ticket.parent_ticket_id) || 0) + 1);
+  }
+  for (const ticket of boardTickets) {
+    ticket.parent_ticket = ticket.parent_ticket_id ? compactTicketForBoard(ticketById.get(ticket.parent_ticket_id)) : null;
+    ticket.child_count = childCountByParent.get(ticket.id) || 0;
+  }
+}
+
+/** Merge a ticket returned by a mutation/context endpoint into the bootstrap cache.
+ * Keeps drawer edits responsive without paying for a full /api/bootstrap reload. */
+export function upsertTicket(updatedTicket) {
+  if (!state.data?.tickets || !updatedTicket?.id) return;
+  const index = state.data.tickets.findIndex((ticket) => ticket.id === updatedTicket.id);
+  const previous = index >= 0 ? state.data.tickets[index] : {};
+  const merged = {
+    ...previous,
+    ...updatedTicket,
+    labels: updatedTicket.labels || previous.labels || [],
+    comment_count: updatedTicket.comment_count ?? previous.comment_count ?? 0,
+    child_count: updatedTicket.child_count ?? previous.child_count ?? 0,
+    parent_ticket: updatedTicket.parent_ticket || previous.parent_ticket || null
+  };
+  if (index >= 0) state.data.tickets.splice(index, 1, merged);
+  else state.data.tickets.push(merged);
+  state.data.tickets.sort((a, b) => String(b.updated_at || "").localeCompare(String(a.updated_at || "")) || String(a.id).localeCompare(String(b.id)));
+  refreshBoardTicketDerivatives(merged.board_id || state.boardId);
+}