@starlove/orbit 1.3.4 → 1.4.0

package/public/js/local-backend.js

@@ -17,7 +17,7 @@ const STORES = [
   "labels", // {id, board_id, name, color, created_at}
   "tickets", // full ticket row (no joins)
   "ticket_labels", // {ticket_id, label_id} composite key as `${ticket_id}|${label_id}`
-  "comments", // {id, ticket_id, author, kind, body, created_at}
+  "comments", // {id, ticket_id, author, kind, body, omitted_for_ai, created_at}
   "relations", // {id, source_ticket_id, target_ticket_id, kind, created_at, ...}
   "board_entries", // {id, board_id, type, title, body, ticket_id, struck_at, created_at, updated_at}
   "events", // {id, board_id, ticket_id, type, actor, body_json, created_at}
@@ -166,7 +166,7 @@ async function seedIfEmpty(db) {
     system_path: "",
     default_branch: "main",
     project_notes:
-      "This preview lives entirely in your browser (IndexedDB). Use it to try the flow; export the snapshot from Settings → Repository when you want to move to a real Orbit install.",
+      "This preview lives entirely in your browser (IndexedDB). Use it to try the flow; export the snapshot from Settings → Data when you want to move to a real Orbit install.",
     agent_instructions:
       "Preview edition has no agent or MCP integration. The full Orbit install (npm i -g starscape-orbit && orbit init) provides those.",
     ai_enabled: 0,
@@ -210,7 +210,7 @@ async function seedIfEmpty(db) {
     description:
       "This onboarding card is for the in-browser preview. Drag it across lanes, edit fields, add comments — it all stays in this browser only.",
     type: "epic",
-    aiPlan: "1. Drag this card to In Progress.\n2. Add a comment.\n3. Export the snapshot from Settings → Repository.",
+    aiPlan: "1. Drag this card to In Progress.\n2. Add a comment.\n3. Export the snapshot from Settings → Data.",
     stateId: stateByName.Todo.id,
     priority: 4,
     labels: [labelByName["onboarding"].id, labelByName["needs-decomposition"].id]
@@ -238,7 +238,7 @@ async function seedIfEmpty(db) {
 
   addTicket(4, {
     title: "Export your snapshot when ready",
-    description: "Settings → Repository → Export downloads a JSON snapshot you can import into a real Orbit install.",
+    description: "Settings → Data → Export downloads a JSON snapshot you can import into a real Orbit install.",
     type: "task",
     stateId: stateByName.Backlog.id,
     priority: 1,
@@ -251,6 +251,7 @@ async function seedIfEmpty(db) {
     author: "system",
     kind: "note",
     body: "Welcome to the Orbit preview. Everything lives in your browser.",
+    omitted_for_ai: 0,
     created_at: t
   });
 
@@ -618,7 +619,9 @@ async function handleTicketCreate(body) {
       type: body.type || (body.parent_ticket_id ? "feature" : "task"),
       parent_ticket_id: body.parent_ticket_id || null,
       ai_plan: body.ai_plan || "",
+      plan_artifact_path: body.plan_artifact_path || "",
       implementation_summary: body.implementation_summary || "",
+      implementation_artifact_path: body.implementation_artifact_path || "",
       implementation_updates: body.implementation_updates || "",
       state_id: stateId,
       priority: body.priority ?? 0,
@@ -651,7 +654,9 @@ async function handleTicketPatch(ticketId, body) {
       "type",
       "parent_ticket_id",
       "ai_plan",
+      "plan_artifact_path",
       "implementation_summary",
+      "implementation_artifact_path",
       "implementation_updates",
       "priority"
     ];
@@ -840,6 +845,7 @@ async function handleCommentCreate(ticketId, body) {
       author: "you",
       kind: body.kind || "note",
       body: body.body || "",
+      omitted_for_ai: 0,
       created_at: time
     };
     stores.comments.put(comment);
@@ -851,6 +857,26 @@ async function handleCommentCreate(ticketId, body) {
   });
 }
 
+async function handleCommentPatch(ticketId, commentId, body) {
+  const db = await openDb();
+  return putAndEvent(db, async (stores) => {
+    const ticket = await reqPromise(stores.tickets.get(ticketId));
+    if (!ticket) throw err(404, "ticket_not_found");
+    const comment = await reqPromise(stores.comments.get(commentId));
+    if (!comment || comment.ticket_id !== ticketId) throw err(404, "comment_not_found");
+    const omittedForAi = body.omitted_for_ai ?? body.omittedForAi;
+    if (typeof omittedForAi !== "boolean") throw err(400, "omitted_for_ai_required");
+    const time = nowIso();
+    comment.omitted_for_ai = omittedForAi ? 1 : 0;
+    ticket.updated_at = time;
+    stores.comments.put(comment);
+    stores.tickets.put(ticket);
+    recordEvent(stores, "comment_ai_omission_changed", ticketId, { comment_id: commentId, omitted_for_ai: omittedForAi });
+    await bumpTicketUpdatedAt(stores, ticket.parent_ticket_id, time);
+    return comment;
+  });
+}
+
 async function handleRelationCreate(body) {
   const db = await openDb();
   return putAndEvent(db, async (stores) => {
@@ -970,6 +996,7 @@ const ROUTES = [
   { 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: "PATCH", re: /^\/api\/tickets\/([^/]+)\/comments\/([^/]+)$/, fn: (m, u, body) => handleCommentPatch(decodeURIComponent(m[1]), decodeURIComponent(m[2]), body) },
   { m: "POST", re: /^\/api\/relations$/, fn: (m, u, body) => handleRelationCreate(body) },
   { m: "DELETE", re: /^\/api\/relations\/([^/]+)$/, fn: (m) => handleRelationDelete(decodeURIComponent(m[1])) },
   { m: "GET", re: /^\/api\/search$/, fn: (m, u) => handleSearch(u.searchParams.get("q")) },

package/public/js/main.js

@@ -43,9 +43,12 @@ import { edition } from "./config.js";
 import { openModal, wireModal } from "./modal.js";
 import { wireTopbarFocus } from "./topbar-notes.js";
 import { wireHelpMenu } from "./help-menu.js";
+import { checkForUpdate } from "./update-check.js";
+import { applyStoredFontPreferences } from "./font-preference.js";
 
 async function init() {
   const welcomeDialog = document.getElementById("welcomeDialog");
+  applyStoredFontPreferences();
   wireModal(welcomeDialog);
   wireTopbarFocus();
   wireHelpMenu();
@@ -97,7 +100,7 @@ async function init() {
     const ticket = state.data?.tickets?.find((t) => t.id === ticketId);
     const titleForToast = ticket?.title || "card";
     await api(withBoardQuery(`/api/tickets/${encodeURIComponent(ticketId)}/archive`), { method: "POST" });
-    toast.error(`Archived: ${titleForToast}`);
+    toast.removed(`Archived: ${titleForToast}`);
     await load();
     navigate({ boardId: state.boardId, view: "board" });
   });
@@ -150,6 +153,9 @@ async function init() {
   } else {
     syncUrlFromState({ replace: true });
   }
+
+  // Best-effort, non-blocking: nudge if a newer Orbit is available.
+  checkForUpdate();
 }
 
 init();

package/public/js/modal.js

@@ -8,7 +8,9 @@
 // Escape key is handled natively by the browser; no extra wiring needed.
 
 export function openModal(dialogEl) {
-  dialogEl?.showModal();
+  if (!dialogEl) return;
+  dialogEl.showModal();
+  dialogEl.querySelector("[data-modal-initial-focus]")?.focus({ preventScroll: true });
 }
 
 export function closeModal(dialogEl) {

package/public/js/panel.js

@@ -0,0 +1,58 @@
+// Reusable settings-style "panel" primitives shared by the project settings
+// drawer and the ticket detail drawer. A panel is a bordered card with a
+// tinted header strip (small-caps title) and a padded body — the same visual
+// language used across the Appearance / AI / Data settings tabs. The
+// collapsible variant turns the header into a <details>/<summary> toggle with a
+// chevron that flips when open, so any surface can drop in a togglable section
+// without re-deriving the markup. These intentionally emit the .settings-card
+// class family (documented in styles.css as a reusable @starlove/ui primitive).
+
+import { escapeHtml } from "./format.js";
+
+const panelChevronSvg = `<svg class="settings-card-chevron" viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6" /></svg>`;
+
+/**
+ * Static panel: bordered card with a header title and a padded body.
+ *
+ * Options:
+ *   - title: heading text shown in the small-caps header strip.
+ *   - body: raw HTML for the card body (already escaped by the caller).
+ *   - className: extra classes appended to the .settings-card element.
+ *   - attrs: extra attributes string placed on the <section> (e.g. data-*).
+ *   - headExtra: raw HTML appended after the title inside the header (actions).
+ */
+export function renderPanel({ title, body = "", className = "", attrs = "", headExtra = "" } = {}) {
+  const classAttr = className ? ` ${className}` : "";
+  const extraAttrs = attrs ? ` ${attrs}` : "";
+  return `
+    <section class="settings-card${classAttr}"${extraAttrs}>
+      <header class="settings-card-head">
+        <h3 class="settings-card-title">${escapeHtml(title)}</h3>
+        ${headExtra}
+      </header>
+      <div class="settings-card-body">${body}</div>
+    </section>
+  `;
+}
+
+/**
+ * Collapsible panel: same chrome as renderPanel but the header doubles as a
+ * <details>/<summary> toggle with a flipping chevron.
+ *
+ * Options mirror renderPanel, plus:
+ *   - open: whether the section starts expanded.
+ */
+export function renderTogglePanel({ title, body = "", open = false, className = "", attrs = "", headExtra = "" } = {}) {
+  const classAttr = className ? ` ${className}` : "";
+  const extraAttrs = attrs ? ` ${attrs}` : "";
+  return `
+    <details class="settings-card settings-card--collapsible${classAttr}"${open ? " open" : ""}${extraAttrs}>
+      <summary class="settings-card-head">
+        <h3 class="settings-card-title">${escapeHtml(title)}</h3>
+        ${headExtra}
+        ${panelChevronSvg}
+      </summary>
+      <div class="settings-card-body">${body}</div>
+    </details>
+  `;
+}

package/public/js/settings-tabs.js

@@ -1,5 +1,5 @@
 /** Settings drawer tab ids — must match URL segments `#/b/…/settings/:tab` and `settings.js` tab config. */
-export const SETTINGS_TAB_IDS = new Set(["lanes", "appearance", "ai", "notes", "journal", "repository", "archive"]);
+export const SETTINGS_TAB_IDS = new Set(["lanes", "appearance", "ai", "notes", "journal", "data", "archive"]);
 
 export function normalizeSettingsTab(raw) {
   if (!raw || !SETTINGS_TAB_IDS.has(raw)) return "lanes";