@starlove/orbit 1.4.1 → 2.0.0

package/public/js/font-preference.js

@@ -1,230 +0,0 @@
-export const FONT_STORAGE_KEY = "orbit_font_preferences";
-export const FONT_CHANGE_EVENT = "orbit:font-preference-change";
-
-// Inter is the default site font and for most categories; headings and badges
-// default to Orbitron. The site font drives global font metrics such as size,
-// spacing, and line-height.
-export const DEFAULT_SITE_FONT = "inter";
-export const DEFAULT_HEADING_FONT = "orbitron";
-export const DEFAULT_BADGE_FONT = "orbitron";
-export const DEFAULT_USER_SCALE = 1;
-export const USER_SCALE_MIN = 0.85;
-export const USER_SCALE_MAX = 1.3;
-export const USER_SCALE_STEP = 0.05;
-
-export const SITE_FONT_OPTIONS = Object.freeze([
-  "inter",
-  "openSans",
-  "jetBrainsMono",
-  "chakraPetch",
-  "orbitron",
-  "rajdhani",
-  "runescapeUF",
-  "openRing"
-]);
-
-export const FONT_OPTIONS = Object.freeze({
-  inter: {
-    label: "Inter",
-    stack: "\"Orbit Inter\", \"Inter\", \"Segoe UI Variable\", \"Segoe UI\", Arial, sans-serif",
-    className: "font-inter"
-  },
-  openSans: {
-    label: "Open Sans",
-    stack: "\"Orbit Open Sans\", \"Open Sans\", \"Segoe UI Variable\", \"Segoe UI\", Arial, sans-serif",
-    className: "font-open-sans"
-  },
-  jetBrainsMono: {
-    label: "JetBrains Mono",
-    stack: "\"Orbit JetBrains Mono\", \"JetBrains Mono\", \"Cascadia Mono\", \"SFMono-Regular\", Consolas, monospace",
-    className: "font-jetbrains-mono"
-  },
-  chakraPetch: {
-    label: "Chakra Petch",
-    stack: "\"Orbit Chakra Petch\", \"Chakra Petch\", \"Segoe UI Variable\", \"Segoe UI\", Arial, sans-serif",
-    className: "font-chakra-petch"
-  },
-  orbitron: {
-    label: "Orbitron",
-    stack: "\"Orbit Orbitron\", \"Orbitron\", \"Segoe UI Variable\", \"Segoe UI\", Arial, sans-serif",
-    className: "font-orbitron"
-  },
-  rajdhani: {
-    label: "Rajdhani",
-    stack: "\"Orbit Rajdhani\", \"Rajdhani\", \"Segoe UI Variable\", \"Segoe UI\", Arial, sans-serif",
-    className: "font-rajdhani"
-  },
-  runescapeUF: {
-    label: "Runescape UF",
-    stack: "\"Orbit Runescape UF\", \"Cascadia Mono\", monospace",
-    className: "font-runescape-uf"
-  },
-  openRing: {
-    label: "Open Ring",
-    stack: "\"Orbit Open Ring\", \"Segoe UI Variable\", \"Segoe UI\", Arial, sans-serif",
-    className: "font-open-ring"
-  }
-});
-
-// Per-category overrides shown in the Appearance grid. Body text is not a
-// target: it always follows the primary font (`site`), so it drives
-// --orbit-font-body directly in applyFontPreferences instead.
-export const FONT_TARGETS = Object.freeze({
-  heading: {
-    label: "Headings",
-    cssVar: "--orbit-font-heading",
-    dataAttr: "fontHeading"
-  },
-  control: {
-    label: "Controls",
-    cssVar: "--orbit-font-control",
-    dataAttr: "fontControl"
-  },
-  label: {
-    label: "Labels",
-    cssVar: "--orbit-font-label",
-    dataAttr: "fontLabel"
-  },
-  badge: {
-    label: "Badges",
-    cssVar: "--orbit-font-badge",
-    dataAttr: "fontBadge"
-  }
-});
-
-export const LEGACY_FONT_TARGET_ALIASES = Object.freeze({
-  ui: "control"
-});
-
-export const DEFAULT_FONT_TARGET_PREFERENCES = Object.freeze({
-  control: DEFAULT_SITE_FONT,
-  heading: DEFAULT_HEADING_FONT,
-  label: DEFAULT_SITE_FONT,
-  badge: DEFAULT_BADGE_FONT
-});
-
-export const DEFAULT_FONT_PREFERENCES = Object.freeze({
-  ...DEFAULT_FONT_TARGET_PREFERENCES,
-  // Primary font: drives body text and the default for every override category.
-  site: DEFAULT_SITE_FONT,
-  // User size slider multiplier (drives --type-user-scale).
-  userScale: DEFAULT_USER_SCALE
-});
-
-function hasOwn(object, key) {
-  return Object.prototype.hasOwnProperty.call(object, key);
-}
-
-export function clampUserScale(value) {
-  const number = Number(value);
-  if (!Number.isFinite(number)) return DEFAULT_USER_SCALE;
-  return Math.min(USER_SCALE_MAX, Math.max(USER_SCALE_MIN, number));
-}
-
-export function normalizeFontPreferences(value) {
-  const input = value && typeof value === "object" ? value : {};
-  const normalized = { ...DEFAULT_FONT_PREFERENCES };
-  const explicitTargets = new Set();
-  for (const key of Object.keys(FONT_TARGETS)) {
-    if (typeof input[key] === "string" && hasOwn(FONT_OPTIONS, input[key])) {
-      normalized[key] = input[key];
-      explicitTargets.add(key);
-    }
-  }
-  for (const [legacyKey, target] of Object.entries(LEGACY_FONT_TARGET_ALIASES)) {
-    if (!explicitTargets.has(target) && typeof input[legacyKey] === "string" && hasOwn(FONT_OPTIONS, input[legacyKey])) {
-      normalized[target] = input[legacyKey];
-    }
-  }
-  if (typeof input.site === "string" && hasOwn(FONT_OPTIONS, input.site)) {
-    normalized.site = input.site;
-  }
-  if (input.userScale !== undefined) {
-    normalized.userScale = clampUserScale(input.userScale);
-  }
-  // Before the split, one "label" target drove both categories. Preserve a
-  // customized label choice for badges unless badge was saved separately.
-  if (!hasOwn(input, "badge") && hasOwn(input, "label") && input.label !== DEFAULT_SITE_FONT) {
-    normalized.badge = normalized.label;
-  }
-  return normalized;
-}
-
-export function storedFontPreferences(storage = globalThis.localStorage) {
-  if (!storage) return { ...DEFAULT_FONT_PREFERENCES };
-  try {
-    const raw = storage.getItem(FONT_STORAGE_KEY);
-    if (!raw) return { ...DEFAULT_FONT_PREFERENCES };
-    return normalizeFontPreferences(JSON.parse(raw));
-  } catch {
-    return { ...DEFAULT_FONT_PREFERENCES };
-  }
-}
-
-export function fontStackFor(optionId) {
-  return FONT_OPTIONS[optionId]?.stack || FONT_OPTIONS[DEFAULT_SITE_FONT].stack;
-}
-
-export function applyFontPreferences(preferences = storedFontPreferences(), { doc = globalThis.document } = {}) {
-  const normalized = normalizeFontPreferences(preferences);
-  const root = doc?.documentElement;
-  if (!root) return normalized;
-
-  for (const [target, config] of Object.entries(FONT_TARGETS)) {
-    const optionId = normalized[target];
-    root.style?.setProperty?.(config.cssVar, fontStackFor(optionId));
-    root.setAttribute?.(`data-${config.dataAttr.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`)}`, optionId);
-  }
-
-  // Body text (paragraphs, card titles, long-form prose, editors) always tracks
-  // the primary font rather than being an independent category.
-  root.style?.setProperty?.("--orbit-font-body", fontStackFor(normalized.site));
-  // The only size lever is the Appearance slider; font family no longer changes size.
-  root.style?.setProperty?.("--type-user-scale", String(normalized.userScale));
-  root.setAttribute?.("data-font-site", normalized.site);
-  return normalized;
-}
-
-export function setFontPreferences(preferences, {
-  doc = globalThis.document,
-  storage = globalThis.localStorage,
-  eventTarget = globalThis.window
-} = {}) {
-  const normalized = normalizeFontPreferences(preferences);
-  storage?.setItem?.(FONT_STORAGE_KEY, JSON.stringify(normalized));
-  applyFontPreferences(normalized, { doc });
-  eventTarget?.dispatchEvent?.(new CustomEvent(FONT_CHANGE_EVENT, { detail: { preferences: normalized } }));
-  return normalized;
-}
-
-export function resetFontPreferences(options = {}) {
-  options.storage?.removeItem?.(FONT_STORAGE_KEY);
-  return setFontPreferences(DEFAULT_FONT_PREFERENCES, options);
-}
-
-export function setFontPreference(target, optionId, options = {}) {
-  if (!hasOwn(FONT_TARGETS, target)) throw new Error(`Unknown font target: ${target}`);
-  if (!hasOwn(FONT_OPTIONS, optionId)) throw new Error(`Unknown font option: ${optionId}`);
-  return setFontPreferences({ ...storedFontPreferences(options.storage), [target]: optionId }, options);
-}
-
-// Swap the whole site to a primary font: sets every target plus the `site`
-// driver. Per-target overrides can be applied afterward via setFontPreference.
-export function setSiteFont(optionId, options = {}) {
-  if (!hasOwn(FONT_OPTIONS, optionId)) throw new Error(`Unknown font option: ${optionId}`);
-  const next = { ...storedFontPreferences(options.storage) };
-  for (const target of Object.keys(FONT_TARGETS)) next[target] = optionId;
-  next.site = optionId;
-  return setFontPreferences(next, options);
-}
-
-export function setUserScale(value, options = {}) {
-  return setFontPreferences(
-    { ...storedFontPreferences(options.storage), userScale: clampUserScale(value) },
-    options
-  );
-}
-
-export function applyStoredFontPreferences(options = {}) {
-  return applyFontPreferences(storedFontPreferences(options.storage), options);
-}

package/public/js/format.js

@@ -1,433 +0,0 @@
-// Pure string helpers: escape, dates, ticket/type/priority labels.
-// Zero side effects, no imports — safe to import from anywhere.
-
-export function escapeHtml(value) {
-  return String(value ?? "")
-    .replaceAll("&", "&")
-    .replaceAll("<", "&lt;")
-    .replaceAll(">", "&gt;")
-    .replaceAll('"', "&quot;")
-    .replaceAll("'", "&#039;");
-}
-
-// UTF-8 bytes mis-decoded as CP-437 (the typical Windows-tmux artifact).
-// Ported from a local fix-newlines utility — 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; normalize to ASCII
-  // straight quotes so pasted terminal/log text stays consistent.
-  ["“", '"'],
-  ["”", '"'],
-  ["‘", "'"],
-  ["’", "'"],
-];
-
-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) {
-  const href = String(value || "").trim();
-  if (!href) return "";
-
-  // Collapse control characters/whitespace before checking the scheme so inputs
-  // like `java\nscript:` or `jav\tascript:` cannot bypass the blocklist.
-  const compact = href.replace(/[\u0000-\u001f\u007f\s]+/g, "").toLowerCase();
-  if (/^(?:javascript|data|vbscript):/.test(compact)) return "";
-
-  const scheme = compact.match(/^([a-z][a-z0-9+.-]*):/);
-  if (scheme && !SAFE_LINK_PROTOCOLS.has(`${scheme[1]}:`)) return "";
-
-  return href;
-}
-
-function renderEmphasis(text) {
-  let html = escapeHtml(text);
-  html = html.replace(/(\*\*|__)(?=\S)([\s\S]*?\S)\1/g, "<strong>$2</strong>");
-  html = html.replace(/(\*|_)(?=\S)([^*_]*?\S)\1/g, "<em>$2</em>");
-  return html;
-}
-
-function renderLinksAndEmphasis(text) {
-  const linkPattern = /\[([^\]\n]+)\]\(([^)\s]+)(?:\s+"[^"]*")?\)/g;
-  let html = "";
-  let lastIndex = 0;
-  let match;
-
-  while ((match = linkPattern.exec(text))) {
-    html += renderEmphasis(text.slice(lastIndex, match.index));
-
-    const labelHtml = renderEmphasis(match[1]);
-    const href = sanitizeMarkdownUrl(match[2]);
-    html += href
-      ? `<a href="${escapeHtml(href)}" target="_blank" rel="noopener noreferrer">${labelHtml}</a>`
-      : labelHtml;
-
-    lastIndex = match.index + match[0].length;
-  }
-
-  html += renderEmphasis(text.slice(lastIndex));
-  return html;
-}
-
-function renderInlineMarkdown(text) {
-  const source = String(text ?? "");
-  let html = "";
-  let cursor = 0;
-
-  while (cursor < source.length) {
-    const codeStart = source.indexOf("`", cursor);
-    if (codeStart === -1) {
-      html += renderLinksAndEmphasis(source.slice(cursor));
-      break;
-    }
-
-    const codeEnd = source.indexOf("`", codeStart + 1);
-    if (codeEnd === -1) {
-      html += renderLinksAndEmphasis(source.slice(cursor));
-      break;
-    }
-
-    html += renderLinksAndEmphasis(source.slice(cursor, codeStart));
-    html += `<code>${escapeHtml(source.slice(codeStart + 1, codeEnd))}</code>`;
-    cursor = codeEnd + 1;
-  }
-
-  return html;
-}
-
-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) {
-  // 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;
-    blocks.push(renderParagraph(paragraph));
-    paragraph = [];
-  };
-
-  const flushList = () => {
-    if (!list) return;
-    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)) {
-      flushAll();
-      const codeLines = [];
-      i += 1;
-      while (i < lines.length && !/^\s*```\s*$/.test(lines[i])) {
-        codeLines.push(lines[i]);
-        i += 1;
-      }
-      blocks.push(`<pre><code>${escapeHtml(codeLines.join("\n"))}</code></pre>`);
-      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();
-      continue;
-    }
-
-    const ordered = line.match(/^\s*\d+[.)]\s+(.+)$/);
-    const unordered = line.match(/^\s*[-*+]\s+(.+)$/);
-    if (ordered || unordered) {
-      flushParagraph();
-      const type = ordered ? "ol" : "ul";
-      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: [], 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>"),
-        });
-      }
-      continue;
-    }
-
-    flushList();
-    paragraph.push(line);
-  }
-
-  flushAll();
-
-  return blocks.join("");
-}
-
-export function formatDate(value) {
-  if (!value) return "";
-  return new Intl.DateTimeFormat(undefined, {
-    month: "short",
-    day: "numeric",
-    hour: "numeric",
-    minute: "2-digit"
-  }).format(new Date(value));
-}
-
-/** Richer timestamp for the detail pane “Updated” line (refreshes after every save). */
-export function formatDateDetail(value) {
-  if (!value) return "";
-  return new Intl.DateTimeFormat(undefined, {
-    year: "numeric",
-    month: "short",
-    day: "numeric",
-    hour: "numeric",
-    minute: "2-digit",
-    second: "2-digit"
-  }).format(new Date(value));
-}
-
-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";
-}
-
-// Short label for dense surfaces (card pills, child-card pills).
-export function typeLabel(type) {
-  const labels = {
-    epic: "Epic",
-    feature: "Feature",
-    task: "Task",
-    bug: "Bug"
-  };
-  return labels[canonicalTicketType(type)] || "Task";
-}
-
-// Long, hierarchy-aware label for dropdowns where we have the room.
-export function typeLabelLong(type) {
-  const labels = {
-    epic: "Epic",
-    feature: "Feature",
-    task: "Task",
-    bug: "Bug"
-  };
-  return labels[canonicalTicketType(type)] || "Task";
-}
-
-export function priorityLabel(priority) {
-  const labels = {
-    0: "MAYBE",
-    1: "LOW",
-    2: "MED",
-    3: "HIGH",
-    4: "URGENT"
-  };
-  return labels[Number(priority)] || "MED";
-}
-
-/** Lowercase key used for CSS class targeting: `priority-maybe`, `priority-urgent`, etc. */
-export function priorityKeyFor(priority) {
-  const keys = ["maybe", "low", "med", "high", "urgent"];
-  const n = Number(priority);
-  return keys[Number.isFinite(n) ? Math.max(0, Math.min(4, n)) : 2];
-}
-
-export function renderLabels(labels = []) {
-  if (!labels.length) return "";
-  return `
-    <div class="labels">
-      ${labels
-        .map(
-          (label) =>
-            `<span class="label" style="--label-color: ${escapeHtml(label.color)}">${escapeHtml(label.name)}</span>`
-        )
-        .join("")}
-    </div>
-  `;
-}

package/public/js/help-menu.js

@@ -1,31 +0,0 @@
-// Help & About dialog. The topbar "Help" button opens a centered
-// .orbit-dialog (same shell as the welcome dialog) describing what Orbit is,
-// how to get started, and where the docs live. modal.js owns the
-// Escape/backdrop/close-button behavior; this module only wires the open
-// trigger and best-effort fills the version pill from the build's version.json.
-
-import { openModal, wireModal } from "./modal.js";
-
-async function fillVersion(pill) {
-  if (!pill) return;
-  try {
-    const res = await fetch("./version.json", { cache: "no-store" });
-    if (!res.ok) return;
-    const info = await res.json();
-    if (info?.version) pill.textContent = `v${info.version}`;
-  } catch {
-    // Dev edition serves raw modules without version.json — leave the
-    // static "Orbit" label in place.
-  }
-}
-
-export function wireHelpMenu() {
-  const dialog = document.getElementById("helpDialog");
-  const helpBtn = document.getElementById("helpBtn");
-  if (!dialog || !helpBtn) return;
-
-  wireModal(dialog);
-  fillVersion(document.getElementById("helpDialogVersion"));
-
-  helpBtn.addEventListener("click", () => openModal(dialog));
-}