@guidelytech/guide-runtime 0.10.0 → 0.12.0

package/dist/messenger.js

@@ -3,11 +3,11 @@ import {
   el,
   resultRow,
   startableGuide
-} from "./chunk-KJRXCITD.js";
-import "./chunk-PG7CMBHD.js";
+} from "./chunk-H3CROHPR.js";
+import "./chunk-VJSQM23R.js";
 
 // src/messenger.ts
-import { foldPathIds, matchesHelpQuery, pageLabel } from "@guidelytech/shared/runtime";
+import { foldPathIds, matchesHelpQuery, orderedModules, pageLabel } from "@guidelytech/shared/runtime";
 
 // src/howto-view.ts
 var pct = (v) => `${(v * 100).toFixed(3)}%`;
@@ -379,6 +379,975 @@ async function readScreenshot(doc, file) {
   return { fileName: scaled ? `${name.replace(/\.[a-z0-9]+$/i, "")}.jpg` : name, data, previewUrl: dataUrl };
 }
 
+// src/ideas-view.ts
+import { FEEDBACK_PRIORITIES, FEEDBACK_PRIORITY_LABEL, FEEDBACK_STATUS_LABEL, MAX_FEEDBACK_COMMENT, MAX_FEEDBACK_DESCRIPTION, MAX_FEEDBACK_NOTE, MAX_FEEDBACK_TITLE, feedbackReference } from "@guidelytech/shared";
+
+// src/render-safe.ts
+var CITATION = /\s*\[\[article:[^\]]*\]\]/g;
+var INLINE = /\*\*([^*\n]+)\*\*|`([^`\n]+)`|(!?)\[([^\]\n]{1,200})\]\((https?:\/\/[^\s)]+)\)|(https?:\/\/[^\s<>()"']+[^\s<>().,;:!?'"])/g;
+function stripCitationMarkers(text) {
+  return text.replace(CITATION, "");
+}
+function safeHttpUrl(raw) {
+  try {
+    const u = new URL(raw);
+    return u.protocol === "http:" || u.protocol === "https:" ? u.href : null;
+  } catch {
+    return null;
+  }
+}
+function link(doc, label, href) {
+  const url = safeHttpUrl(href);
+  if (!url) return doc.createTextNode(label);
+  const a = doc.createElement("a");
+  a.href = url;
+  a.target = "_blank";
+  a.rel = "noopener noreferrer nofollow";
+  a.textContent = label;
+  return a;
+}
+function appendInline(doc, parent, text) {
+  let last = 0;
+  for (const m of text.matchAll(INLINE)) {
+    const start = m.index ?? 0;
+    if (start > last) parent.appendChild(doc.createTextNode(text.slice(last, start)));
+    if (m[1] !== void 0) {
+      const b = doc.createElement("strong");
+      b.textContent = m[1];
+      parent.appendChild(b);
+    } else if (m[2] !== void 0) {
+      const c = doc.createElement("code");
+      c.textContent = m[2];
+      parent.appendChild(c);
+    } else if (m[4] !== void 0 && m[5] !== void 0) {
+      parent.appendChild(m[3] ? doc.createTextNode(m[4]) : link(doc, m[4], m[5]));
+    } else if (m[6] !== void 0) {
+      parent.appendChild(link(doc, m[6], m[6]));
+    }
+    last = start + m[0].length;
+  }
+  if (last < text.length) parent.appendChild(doc.createTextNode(text.slice(last)));
+}
+var BULLET = /^\s*[-*•]\s+/;
+var NUMBERED = /^\s*\d{1,3}[.)]\s+/;
+function renderSafeText(doc, text) {
+  const frag = doc.createDocumentFragment();
+  const blocks = stripCitationMarkers(text).replace(/\r\n?/g, "\n").trim().split(/\n{2,}/);
+  for (const block of blocks) {
+    if (!block.trim()) continue;
+    const lines = block.split("\n");
+    if (lines.every((l) => BULLET.test(l)) || lines.every((l) => NUMBERED.test(l))) {
+      const ordered = NUMBERED.test(lines[0]);
+      const list = doc.createElement(ordered ? "ol" : "ul");
+      for (const line of lines) {
+        const li = doc.createElement("li");
+        appendInline(doc, li, line.replace(ordered ? NUMBERED : BULLET, ""));
+        list.appendChild(li);
+      }
+      frag.appendChild(list);
+      continue;
+    }
+    const p = doc.createElement("p");
+    lines.forEach((line, i) => {
+      if (i) p.appendChild(doc.createElement("br"));
+      appendInline(doc, p, line);
+    });
+    frag.appendChild(p);
+  }
+  return frag;
+}
+
+// src/ideas-view.ts
+var SVG_NS = "http://www.w3.org/2000/svg";
+var IDEA_ICON = ["M9 18h6", "M10 21h4", "M12 3a6 6 0 0 0-3.6 10.8c.7.5 1.1 1.3 1.1 2.1V16h5v-.1c0-.8.4-1.6 1.1-2.1A6 6 0 0 0 12 3z"];
+var UP_ICON = ["m6 15 6-6 6 6"];
+function svgIcon(doc, paths, cls = "g-m-ico") {
+  const svg = doc.createElementNS(SVG_NS, "svg");
+  svg.setAttribute("viewBox", "0 0 24 24");
+  svg.setAttribute("aria-hidden", "true");
+  svg.setAttribute("class", cls);
+  for (const d of paths) {
+    const p = doc.createElementNS(SVG_NS, "path");
+    p.setAttribute("d", d);
+    svg.appendChild(p);
+  }
+  return svg;
+}
+var plural = (n, one, many = `${one}s`) => `${n} ${n === 1 ? one : many}`;
+function shortDate(iso) {
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return "";
+  try {
+    return d.toLocaleDateString(void 0, { month: "short", day: "numeric" });
+  } catch {
+    return d.toISOString().slice(0, 10);
+  }
+}
+var errorText = (e, fallback) => (e instanceof Error && e.message ? e.message : fallback).replace(/^[\w.]+: /, "");
+function ideaStatusPill(doc, status) {
+  return el(doc, "span", `g-m-pill g-m-idea-pill g-m-idea-${status}`, FEEDBACK_STATUS_LABEL[status] ?? status);
+}
+function voteControl(doc, idea, o) {
+  const count = el(doc, "span", "g-m-vote-count", String(idea.votes));
+  if (!o.canVote) {
+    const box = el(doc, "span", "g-m-vote g-m-vote-static");
+    box.setAttribute("aria-label", plural(idea.votes, "vote"));
+    box.append(svgIcon(doc, UP_ICON, "g-m-ico g-m-vote-ico"), count);
+    return box;
+  }
+  const b = el(doc, "button", `g-m-vote${idea.myVote ? " g-m-voted" : ""}`);
+  b.type = "button";
+  b.setAttribute("aria-pressed", String(!!idea.myVote));
+  b.setAttribute("aria-label", `${idea.myVote ? "Remove your vote for" : "Vote for"} ${idea.title} (${plural(idea.votes, "vote")})`);
+  b.disabled = !!o.busy;
+  b.append(svgIcon(doc, UP_ICON, "g-m-ico g-m-vote-ico"), count);
+  b.addEventListener("click", (e) => {
+    e.stopPropagation();
+    o.onToggle?.();
+  });
+  return b;
+}
+function ideaRow(doc, idea, o) {
+  const row = el(doc, "div", "g-m-idea");
+  row.setAttribute("role", "listitem");
+  row.appendChild(voteControl(doc, idea, { canVote: o.canVote, busy: o.busy, onToggle: o.onVote }));
+  const open = el(doc, "button", "g-m-idea-open");
+  open.type = "button";
+  open.appendChild(el(doc, "span", "g-m-idea-title", idea.title));
+  const meta = el(doc, "span", "g-m-idea-meta");
+  meta.appendChild(ideaStatusPill(doc, idea.status));
+  if (idea.comments) meta.appendChild(el(doc, "span", "g-m-time", plural(idea.comments, "comment")));
+  if (idea.productArea) meta.appendChild(el(doc, "span", "g-m-time", idea.productArea));
+  if (idea.mine) meta.appendChild(el(doc, "span", "g-m-time", "Yours"));
+  open.appendChild(meta);
+  open.addEventListener("click", o.onOpen);
+  row.appendChild(open);
+  return row;
+}
+var FILTERS = [
+  ["open", "Open"],
+  ["all", "All"],
+  ["mine", "Mine"],
+  ["following", "Following"]
+];
+var SORTS = [
+  ["top", "Top"],
+  ["new", "New"],
+  ["trending", "Trending"]
+];
+function filterChips(doc, current, onPick) {
+  const wrap = el(doc, "div", "g-m-filters");
+  wrap.setAttribute("role", "group");
+  wrap.setAttribute("aria-label", "Show");
+  for (const [f, label] of FILTERS) {
+    const b = el(doc, "button", "g-m-filter", label);
+    b.type = "button";
+    b.dataset.filter = f;
+    b.setAttribute("aria-pressed", String(f === current));
+    b.addEventListener("click", () => {
+      wrap.querySelectorAll("button").forEach((x) => x.setAttribute("aria-pressed", String(x === b)));
+      onPick(f);
+    });
+    wrap.appendChild(b);
+  }
+  return wrap;
+}
+function sortSelect(doc, current, onChange) {
+  const select = el(doc, "select", "g-input g-m-sort");
+  select.setAttribute("aria-label", "Sort ideas");
+  for (const [s, label] of SORTS) {
+    const opt = el(doc, "option", "", label);
+    opt.value = s;
+    select.appendChild(opt);
+  }
+  select.value = current;
+  select.addEventListener("change", () => onChange(select.value));
+  return select;
+}
+function priorityChoice(doc, current, onPick, label = "How important is this to you?") {
+  const wrap = el(doc, "div", "g-m-field");
+  const id = `g-m-prio${++fieldSeq2}`;
+  const l = el(doc, "span", "g-m-label", label);
+  l.id = id;
+  const group = el(doc, "div", "g-m-seg");
+  group.setAttribute("role", "radiogroup");
+  group.setAttribute("aria-labelledby", id);
+  for (const p of FEEDBACK_PRIORITIES) {
+    const b = el(doc, "button", "g-m-seg-btn", FEEDBACK_PRIORITY_LABEL[p]);
+    b.type = "button";
+    b.dataset.priority = p;
+    b.setAttribute("role", "radio");
+    b.setAttribute("aria-checked", String(p === current));
+    b.addEventListener("click", () => {
+      group.querySelectorAll("button").forEach((x) => x.setAttribute("aria-checked", String(x === b)));
+      onPick(p);
+    });
+    group.appendChild(b);
+  }
+  wrap.append(l, group);
+  return wrap;
+}
+var fieldSeq2 = 0;
+function field2(doc, label, control, opts = {}) {
+  const id = `g-m-i${++fieldSeq2}`;
+  control.id = id;
+  const wrap = el(doc, "div", "g-m-field");
+  const l = el(doc, "label", "g-m-label", label);
+  l.htmlFor = id;
+  if (opts.optional) l.appendChild(el(doc, "span", "g-m-optional", " (optional)"));
+  if (opts.invalid) control.setAttribute("aria-invalid", "true");
+  wrap.append(l, control);
+  return wrap;
+}
+function errorLine(doc, text) {
+  const p = el(doc, "p", "g-m-error", text);
+  p.setAttribute("role", "alert");
+  return p;
+}
+function button(doc, cls, text, onClick) {
+  const b = el(doc, "button", cls, text);
+  b.type = "button";
+  b.addEventListener("click", onClick);
+  return b;
+}
+function writeNotice(doc, reason, onPortal) {
+  const box = el(doc, "div", "g-m-idea-notice");
+  box.setAttribute("role", "note");
+  box.appendChild(el(doc, "span", "", reason));
+  if (onPortal) box.appendChild(button(doc, "g-m-text-btn", "Open the feedback portal", onPortal));
+  return box;
+}
+function comment(doc, c) {
+  const li = el(doc, "li", `g-m-comment${c.authorType === "team" ? " g-m-comment-team" : ""}`);
+  const who = el(doc, "div", "g-m-row g-m-center g-m-comment-meta");
+  who.appendChild(el(doc, "span", "g-m-comment-author", c.authorName || (c.authorType === "team" ? "Team" : "Someone")));
+  if (c.authorType === "team") who.appendChild(el(doc, "span", "g-m-ai", "Team"));
+  who.appendChild(el(doc, "span", "g-m-time", shortDate(c.createdAt)));
+  const body = el(doc, "div", "g-m-comment-body");
+  body.appendChild(renderSafeText(doc, c.body));
+  li.append(who, body);
+  return li;
+}
+function ideaDetail(doc, o) {
+  const { idea } = o;
+  const wrap = el(doc, "div", "g-m-form g-m-idea-detail");
+  const meta = el(doc, "div", "g-m-row g-m-center g-m-idea-meta");
+  meta.append(el(doc, "span", "g-m-time", feedbackReference(idea.number)), ideaStatusPill(doc, idea.status));
+  if (idea.productArea) meta.appendChild(el(doc, "span", "g-m-time", idea.productArea));
+  wrap.append(meta, el(doc, "h3", "g-m-form-title", idea.title));
+  if (idea.description.trim()) {
+    const d = el(doc, "div", "g-m-idea-desc");
+    d.appendChild(renderSafeText(doc, idea.description));
+    wrap.appendChild(d);
+  }
+  if (idea.statusNote.trim()) {
+    const note = el(doc, "div", "g-m-idea-note");
+    note.appendChild(el(doc, "span", "g-m-card-label", `${FEEDBACK_STATUS_LABEL[idea.status] ?? idea.status} \xB7 from the team`));
+    note.appendChild(renderSafeText(doc, idea.statusNote));
+    wrap.appendChild(note);
+  }
+  const panel = el(doc, "div", "g-m-card g-m-static g-m-idea-vote");
+  const top = el(doc, "div", "g-m-row g-m-center");
+  top.appendChild(voteControl(doc, idea, { canVote: false }));
+  const said = el(doc, "span", "g-m-grow");
+  said.appendChild(el(doc, "span", "g-m-card-title", plural(idea.votes, "vote")));
+  if (idea.myVote) said.appendChild(el(doc, "span", "g-m-card-sub", `You voted \xB7 ${FEEDBACK_PRIORITY_LABEL[idea.myVote.priority]}`));
+  top.appendChild(said);
+  if (!o.blocked) {
+    const follow = button(doc, `g-m-follow${idea.following ? " g-m-following" : ""}`, idea.following ? "Following" : "Follow", () => o.onFollow(!idea.following));
+    follow.setAttribute("aria-pressed", String(idea.following));
+    follow.disabled = o.busy;
+    follow.title = idea.following ? "Stop getting updates about this idea" : "Get updates here when it changes";
+    top.appendChild(follow);
+  }
+  panel.appendChild(top);
+  if (o.error) panel.appendChild(errorLine(doc, o.error));
+  if (o.blocked) panel.appendChild(writeNotice(doc, o.blocked, o.onPortal));
+  else if (idea.myVote) {
+    panel.appendChild(priorityChoice(doc, idea.myVote.priority, (p) => p !== idea.myVote?.priority && o.onVote(p, ""), "How much do you need it?"));
+    const remove = button(doc, "g-m-text-btn g-m-unvote", "Remove my vote", o.onUnvote);
+    remove.disabled = o.busy;
+    panel.appendChild(remove);
+  } else {
+    const vote = o.vote;
+    panel.appendChild(priorityChoice(doc, vote.priority, (p) => vote.priority = p));
+    const note = el(doc, "textarea", "g-input g-m-idea-why");
+    note.rows = 2;
+    note.maxLength = MAX_FEEDBACK_NOTE;
+    note.value = vote.note;
+    note.placeholder = "What would it let you do?";
+    note.addEventListener("input", () => vote.note = note.value);
+    panel.appendChild(field2(doc, "Why it matters", note, { optional: true }));
+    const go = button(doc, "g-btn g-btn-primary g-m-wide g-m-vote-submit", o.busy ? "Voting\u2026" : "Vote for this idea", () => o.onVote(vote.priority, vote.note.trim()));
+    go.disabled = o.busy;
+    panel.appendChild(go);
+  }
+  wrap.appendChild(panel);
+  const comments = el(doc, "div", "g-m-comments");
+  comments.appendChild(el(doc, "h4", "g-m-comments-title", idea.thread.length ? `Comments (${idea.thread.length})` : "Comments"));
+  if (idea.thread.length) {
+    const list = el(doc, "ul", "g-m-comment-list");
+    idea.thread.forEach((c) => list.appendChild(comment(doc, c)));
+    comments.appendChild(list);
+  } else comments.appendChild(el(doc, "p", "g-m-hint", "No comments yet."));
+  if (!o.blocked) {
+    const form = el(doc, "form", "g-m-comment-form");
+    form.noValidate = true;
+    const box = el(doc, "textarea", "g-input");
+    box.rows = 2;
+    box.maxLength = MAX_FEEDBACK_COMMENT;
+    box.placeholder = "Add a comment\u2026";
+    box.setAttribute("aria-label", "Comment");
+    box.value = o.commentDraft;
+    const post = el(doc, "button", "g-btn g-btn-secondary", "Post");
+    post.type = "submit";
+    post.disabled = o.busy || !o.commentDraft.trim();
+    box.addEventListener("input", () => {
+      o.onCommentInput(box.value);
+      post.disabled = o.busy || !box.value.trim();
+    });
+    form.addEventListener("submit", (e) => {
+      e.preventDefault();
+      if (box.value.trim() && !o.busy) o.onComment();
+    });
+    form.append(box, post);
+    comments.appendChild(form);
+  }
+  wrap.appendChild(comments);
+  return wrap;
+}
+var emptyIdeaDraft = (over = {}) => ({ title: "", description: "", productArea: "", priority: "nice_to_have", conversationId: null, similar: null, similarFor: "", error: null, sending: false, checked: false, ...over });
+function ideaProblem(draft) {
+  return draft.title.trim().length < 3 ? "Give your idea a short title." : null;
+}
+function ideaForm(doc, o) {
+  const { draft } = o;
+  const form = el(doc, "form", "g-m-form g-m-idea-form");
+  form.noValidate = true;
+  const title = el(doc, "input", "g-input");
+  title.type = "text";
+  title.maxLength = MAX_FEEDBACK_TITLE;
+  title.required = true;
+  title.value = draft.title;
+  title.placeholder = "Your idea in a few words";
+  title.addEventListener("input", () => {
+    draft.title = title.value;
+    o.onTitleInput();
+  });
+  form.appendChild(field2(doc, "Idea", title, { invalid: draft.checked && !!ideaProblem(draft) }));
+  const similar = el(doc, "div", "g-m-similar");
+  similar.setAttribute("aria-live", "polite");
+  form.appendChild(similar);
+  const desc = el(doc, "textarea", "g-input g-m-textarea");
+  desc.rows = 4;
+  desc.maxLength = MAX_FEEDBACK_DESCRIPTION;
+  desc.value = draft.description;
+  desc.placeholder = "What are you trying to do, and what gets in the way?";
+  desc.addEventListener("input", () => draft.description = desc.value);
+  form.appendChild(field2(doc, "Details", desc, { optional: true }));
+  if (o.productAreas.length) {
+    const select = el(doc, "select", "g-input");
+    const opt = (label, value) => {
+      const x = el(doc, "option", "", label);
+      x.value = value;
+      return x;
+    };
+    select.appendChild(opt("Choose one (optional)", ""));
+    o.productAreas.forEach((a) => select.appendChild(opt(a, a)));
+    select.value = o.productAreas.includes(draft.productArea) ? draft.productArea : "";
+    select.addEventListener("change", () => draft.productArea = select.value);
+    form.appendChild(field2(doc, "Product area", select, { optional: true }));
+  }
+  form.appendChild(priorityChoice(doc, draft.priority, (p) => draft.priority = p));
+  const foot = el(doc, "div", "g-m-form-foot");
+  if (draft.error) foot.appendChild(errorLine(doc, draft.error));
+  const submit = el(doc, "button", "g-btn g-btn-primary g-m-wide", draft.sending ? "Sending\u2026" : "Submit idea");
+  submit.type = "submit";
+  submit.disabled = draft.sending;
+  foot.appendChild(submit);
+  form.appendChild(foot);
+  form.addEventListener("submit", (e) => {
+    e.preventDefault();
+    if (!draft.sending) o.onSubmit();
+  });
+  return { form, similar };
+}
+function similarIdeas(doc, ideas, row) {
+  if (!ideas.length) return null;
+  const box = el(doc, "div", "g-m-similar-box");
+  box.appendChild(el(doc, "div", "g-m-card-label", "Similar ideas \u2014 vote instead?"));
+  const list = el(doc, "div", "g-m-idea-list");
+  list.setAttribute("role", "list");
+  ideas.slice(0, 5).forEach((i) => list.appendChild(row(i)));
+  box.appendChild(list);
+  return box;
+}
+function ideaSent(doc, o) {
+  const wrap = el(doc, "div", "g-m-form g-m-sent");
+  const top = el(doc, "div", "g-m-sent-top");
+  const tick = el(doc, "span", "g-m-sent-tick", "\u2713");
+  tick.setAttribute("aria-hidden", "true");
+  const p = el(doc, "p", "g-m-card-sub");
+  p.append(el(doc, "strong", "", `${feedbackReference(o.idea.number)} \xB7 ${o.idea.title}`), o.idea.following ? ". You're following it: updates show up here when its status changes." : ". Others can now vote for it.");
+  top.append(tick, el(doc, "h3", "g-m-form-title", "Thanks for your idea"), p);
+  wrap.append(top, button(doc, "g-btn g-btn-primary g-m-wide", "View your idea", o.onView), button(doc, "g-btn g-btn-secondary g-m-wide", "Back to ideas", o.onBack));
+  return wrap;
+}
+function updatesList(doc, updates, onOpen) {
+  const wrap = el(doc, "div", "g-m-idea-updates");
+  if (!updates.length) {
+    wrap.appendChild(el(doc, "div", "g-m-empty", "No updates yet. Follow or vote for an idea to hear when it changes."));
+    return wrap;
+  }
+  for (const u of updates) {
+    const card = el(doc, "button", "g-m-card g-m-update");
+    card.type = "button";
+    card.disabled = !u.requestId;
+    const row = el(doc, "span", "g-m-row");
+    if (!u.read) row.appendChild(el(doc, "span", "g-m-dot"));
+    const text = el(doc, "span", "g-m-grow");
+    text.appendChild(el(doc, "span", "g-m-card-title", u.title));
+    if (u.body) text.appendChild(el(doc, "span", "g-m-card-sub g-m-clamp", u.body));
+    row.append(text, el(doc, "span", "g-m-time", shortDate(u.createdAt)));
+    card.appendChild(row);
+    card.setAttribute("aria-label", `${u.title}${u.read ? "" : ", new"}`);
+    card.addEventListener("click", () => onOpen(u));
+    wrap.appendChild(card);
+  }
+  return wrap;
+}
+var LIST_TTL_MS = 15e3;
+var asDetail = (d) => ({ ...d, title: d.title ?? "", description: d.description ?? "", statusNote: d.statusNote ?? "", votes: d.votes ?? 0, thread: Array.isArray(d.thread) ? d.thread : [] });
+function createIdeas(o) {
+  const { doc, api } = o;
+  let query = { sort: "top", filter: "open", page: 1 };
+  let list = null;
+  let hasMore = false;
+  let listAt = 0;
+  let listLoading = false;
+  let listError = null;
+  let listSeq = 0;
+  let listActionError = null;
+  const details = /* @__PURE__ */ new Map();
+  const detailErrors = /* @__PURE__ */ new Map();
+  const actionErrors = /* @__PURE__ */ new Map();
+  const voteDrafts = /* @__PURE__ */ new Map();
+  const commentDrafts = /* @__PURE__ */ new Map();
+  const busy = /* @__PURE__ */ new Set();
+  const offers = /* @__PURE__ */ new Map();
+  let updates = null;
+  let updatesAt = 0;
+  let updatesLoading = false;
+  let updatesSeq = 0;
+  let draft = emptyIdeaDraft();
+  let similarTimer = null;
+  let similarSeq = 0;
+  let searchTimer = null;
+  let who = o.identified();
+  let mounted = null;
+  const mount = (root, paint) => {
+    mounted = { root, paint };
+    paint();
+  };
+  const repaint = () => {
+    if (mounted?.root.isConnected) mounted.paint();
+  };
+  const showing = (root) => mounted?.root === root && root.isConnected;
+  const cfg = () => o.config() ?? { title: "Ideas", anonymous: false, readOnly: true, productAreas: [], portal: false };
+  function blocked() {
+    const c = cfg();
+    if (c.readOnly || !api.voteIdea) return c.portal ? "Voting and new ideas happen in our feedback portal." : "You can browse ideas here. Voting isn't open in the app.";
+    if (!c.anonymous && !o.identified()) return "Log in to vote, comment or share an idea.";
+    return null;
+  }
+  const canPortal = () => cfg().portal && !!api.ideaPortalLink;
+  function openPortal() {
+    if (!api.ideaPortalLink) return;
+    const win = doc.defaultView;
+    let tab = null;
+    try {
+      tab = win?.open("about:blank", "_blank") ?? null;
+      if (tab) tab.opener = null;
+    } catch {
+      tab = null;
+    }
+    api.ideaPortalLink().then((raw) => {
+      const url = safeHttpUrl(raw);
+      if (!url) throw new Error("The portal link isn't available.");
+      if (tab) tab.location.href = url;
+      else win?.open(url, "_blank", "noopener");
+    }).catch((e) => {
+      tab?.close();
+      listActionError = errorText(e, "The feedback portal couldn't be opened.");
+      repaint();
+    });
+  }
+  const portal = () => canPortal() ? openPortal : void 0;
+  function patch(idea) {
+    if (list) list = list.map((x) => x.id === idea.id ? { ...x, ...idea } : x);
+    const d = details.get(idea.id);
+    if (d) details.set(idea.id, { ...d, ...idea, thread: "thread" in idea ? idea.thread : d.thread });
+    if (draft.similar) draft.similar = draft.similar.map((x) => x.id === idea.id ? { ...x, ...idea } : x);
+  }
+  const find = (id) => details.get(id) ?? list?.find((x) => x.id === id) ?? draft.similar?.find((x) => x.id === id);
+  function toggleVote(idea) {
+    if (busy.has(idea.id) || blocked() || !api.voteIdea || idea.myVote && !api.unvoteIdea) return;
+    busy.add(idea.id);
+    listActionError = null;
+    const voted = !!idea.myVote;
+    patch({ ...idea, votes: Math.max(0, idea.votes + (voted ? -1 : 1)), myVote: voted ? null : { priority: "nice_to_have" } });
+    repaint();
+    (voted ? api.unvoteIdea(idea.id) : api.voteIdea(idea.id, { priority: "nice_to_have" })).then(patch).catch((e) => {
+      patch(idea);
+      listActionError = errorText(e, "Your vote couldn't be saved.");
+    }).finally(() => {
+      busy.delete(idea.id);
+      repaint();
+    });
+  }
+  function loadList(append = false) {
+    if (!api.listIdeas) return;
+    const seq = ++listSeq;
+    listLoading = true;
+    listError = null;
+    const q = { ...query };
+    api.listIdeas(q).then((res) => {
+      if (seq !== listSeq) return;
+      const got = Array.isArray(res?.requests) ? res.requests : [];
+      list = append && list ? [...list, ...got.filter((r) => !list.some((x) => x.id === r.id))] : got;
+      hasMore = !!res?.hasMore;
+      listAt = Date.now();
+    }).catch((e) => {
+      if (seq === listSeq) listError = errorText(e, "Ideas couldn't be loaded.");
+    }).finally(() => {
+      if (seq !== listSeq) return;
+      listLoading = false;
+      repaint();
+    });
+  }
+  const requery = (change) => {
+    query = { ...query, ...change, page: 1 };
+    loadList();
+    repaint();
+  };
+  function listScreen() {
+    const root = el(doc, "div", "g-m-scroll g-m-ideas");
+    const top = el(doc, "div", "g-m-ideas-top");
+    const why = blocked();
+    if (why) top.appendChild(writeNotice(doc, why, portal()));
+    else top.appendChild(button(doc, "g-btn g-btn-primary g-m-wide", "Suggest an idea", o.openForm));
+    const updatesLink = el(doc, "div");
+    top.appendChild(updatesLink);
+    const search = el(doc, "input", "g-input g-m-idea-search");
+    search.type = "search";
+    search.placeholder = "Search ideas";
+    search.setAttribute("aria-label", "Search ideas");
+    search.maxLength = 200;
+    search.value = query.q ?? "";
+    search.addEventListener("input", () => {
+      if (searchTimer) clearTimeout(searchTimer);
+      searchTimer = setTimeout(() => requery({ q: search.value.trim() || void 0 }), 300);
+    });
+    const tools = el(doc, "div", "g-m-row g-m-center g-m-idea-tools");
+    tools.append(filterChips(doc, query.filter, (filter) => requery({ filter })), sortSelect(doc, query.sort, (sort) => requery({ sort })));
+    top.append(search, tools);
+    const results = el(doc, "div", "g-m-idea-results");
+    root.append(top, results);
+    mount(root, () => {
+      updatesLink.textContent = "";
+      const n = updates?.unread ?? 0;
+      if (updates?.updates.length) updatesLink.appendChild(button(doc, "g-m-text-btn g-m-updates-link", n ? `Updates on your ideas (${n} new)` : "Updates on your ideas", o.openUpdates));
+      results.textContent = "";
+      if (listActionError) results.appendChild(errorLine(doc, listActionError));
+      if (!list) {
+        if (listError) {
+          results.append(errorLine(doc, listError), button(doc, "g-m-text-btn", "Try again", () => loadList()));
+        } else results.appendChild(el(doc, "div", "g-m-empty", "Loading ideas\u2026"));
+        return;
+      }
+      if (!list.length) {
+        const empty = query.q ? `No ideas match \u201C${query.q}\u201D.` : query.filter === "mine" ? "You haven't suggested any ideas yet." : query.filter === "following" ? "You aren't following any ideas yet." : "No ideas yet. Be the first to suggest one.";
+        results.appendChild(el(doc, "div", "g-m-empty", empty));
+      } else {
+        const rows = el(doc, "div", "g-m-idea-list");
+        rows.setAttribute("role", "list");
+        rows.setAttribute("aria-busy", String(listLoading));
+        const canVote = !blocked();
+        list.forEach((idea) => rows.appendChild(ideaRow(doc, idea, { canVote, busy: busy.has(idea.id), onVote: () => toggleVote(idea), onOpen: () => o.openIdea(idea.id) })));
+        results.appendChild(rows);
+      }
+      if (listError) results.appendChild(errorLine(doc, listError));
+      if (hasMore) {
+        const more = button(doc, "g-btn g-btn-secondary g-m-wide", listLoading ? "Loading\u2026" : "Show more", () => {
+          query = { ...query, page: query.page + 1 };
+          loadList(true);
+          repaint();
+        });
+        more.disabled = listLoading;
+        results.appendChild(more);
+      }
+      if (!why && canPortal()) results.appendChild(button(doc, "g-m-text-btn g-m-portal-link", "Open the feedback portal", openPortal));
+    });
+    if (!list || Date.now() - listAt > LIST_TTL_MS || query.page > 1) {
+      query = { ...query, page: 1 };
+      loadList();
+    }
+    return root;
+  }
+  function act(id, call, fallback, done) {
+    if (busy.has(id)) return;
+    const p = call();
+    if (!p) return;
+    busy.add(id);
+    actionErrors.delete(id);
+    repaint();
+    p.then((res) => {
+      patch(res);
+      done?.();
+    }).catch((e) => actionErrors.set(id, errorText(e, fallback))).finally(() => {
+      busy.delete(id);
+      repaint();
+    });
+  }
+  function detailScreen(id) {
+    const root = el(doc, "div", "g-m-scroll");
+    mount(root, () => {
+      root.textContent = "";
+      const idea = details.get(id);
+      if (!idea) {
+        const err = detailErrors.get(id);
+        root.appendChild(err ? errorLine(doc, err) : el(doc, "div", "g-m-empty", "Loading\u2026"));
+        return;
+      }
+      if (!voteDrafts.has(id)) voteDrafts.set(id, { priority: "nice_to_have", note: "" });
+      root.appendChild(
+        ideaDetail(doc, {
+          idea,
+          blocked: blocked(),
+          onPortal: portal(),
+          busy: busy.has(id),
+          error: actionErrors.get(id) ?? null,
+          vote: voteDrafts.get(id),
+          commentDraft: commentDrafts.get(id) ?? "",
+          onVote: (priority, note) => act(id, () => api.voteIdea?.(id, { priority, ...note ? { note } : {} }), "Your vote couldn't be saved.", () => voteDrafts.delete(id)),
+          onUnvote: () => act(id, () => api.unvoteIdea?.(id), "Your vote couldn't be removed."),
+          onFollow: (follow) => act(id, () => api.followIdea?.(id, follow), "That didn't work. Please try again."),
+          onCommentInput: (text) => commentDrafts.set(id, text),
+          onComment: () => act(id, () => api.commentIdea?.(id, (commentDrafts.get(id) ?? "").trim()), "Your comment couldn't be posted.", () => commentDrafts.delete(id))
+        })
+      );
+    });
+    if (api.getIdea) {
+      detailErrors.delete(id);
+      api.getIdea(id).then((d) => {
+        details.set(id, asDetail(d));
+        patch(d);
+      }).catch((e) => {
+        if (!details.has(id)) detailErrors.set(id, errorText(e, "This idea couldn't be loaded."));
+      }).finally(() => {
+        if (showing(root)) mounted.paint();
+      });
+    }
+    return root;
+  }
+  function lookUpSimilar(paint) {
+    const title = draft.title.trim();
+    if (title.length < 3 || !api.similarIdeas) {
+      draft.similar = null;
+      draft.similarFor = "";
+      return paint();
+    }
+    if (title === draft.similarFor) return;
+    const seq = ++similarSeq;
+    api.similarIdeas(title).then((res) => {
+      if (seq !== similarSeq) return;
+      draft.similar = res;
+      draft.similarFor = title;
+      paint();
+    }).catch(() => {
+    });
+  }
+  function formScreen() {
+    const root = el(doc, "div", "g-m-scroll");
+    let similarBox = null;
+    const paintSimilar = () => {
+      if (!similarBox) return;
+      similarBox.textContent = "";
+      const canVote = !blocked();
+      const box = similarIdeas(doc, draft.similar ?? [], (idea) => ideaRow(doc, idea, { canVote, busy: busy.has(idea.id), onVote: () => toggleVote(idea), onOpen: () => o.openIdea(idea.id) }));
+      if (box) similarBox.appendChild(box);
+      if (listActionError) similarBox.appendChild(errorLine(doc, listActionError));
+    };
+    const paintAll = () => {
+      root.textContent = "";
+      const why = blocked();
+      if (why) {
+        root.appendChild(writeNotice(doc, why, portal()));
+        similarBox = null;
+        return;
+      }
+      const { form, similar } = ideaForm(doc, {
+        draft,
+        productAreas: cfg().productAreas ?? [],
+        onTitleInput: () => {
+          if (similarTimer) clearTimeout(similarTimer);
+          similarTimer = setTimeout(() => {
+            if (showing(root)) lookUpSimilar(paintSimilar);
+          }, 300);
+        },
+        onSubmit: () => submit(root, paintAll)
+      });
+      root.appendChild(form);
+      similarBox = similar;
+      paintSimilar();
+    };
+    mounted = { root, paint: paintSimilar };
+    paintAll();
+    if (draft.title.trim() && draft.title.trim() !== draft.similarFor) lookUpSimilar(paintSimilar);
+    return root;
+  }
+  function submit(root, paintAll) {
+    const d = draft;
+    d.checked = true;
+    d.error = ideaProblem(d);
+    if (d.error || !api.submitIdea) return paintAll();
+    d.sending = true;
+    paintAll();
+    api.submitIdea({ title: d.title.trim(), description: d.description.trim(), productArea: d.productArea || null, priority: d.priority, conversationId: d.conversationId }).then((idea) => {
+      details.set(idea.id, asDetail(idea));
+      listAt = 0;
+      if (draft === d) draft = emptyIdeaDraft();
+      if (showing(root)) o.openSent(idea);
+    }).catch((e) => {
+      d.sending = false;
+      d.error = errorText(e, "Your idea couldn't be sent.");
+      if (showing(root)) paintAll();
+    });
+  }
+  function updatesScreen() {
+    const root = el(doc, "div", "g-m-scroll g-m-idea-updates-screen");
+    mount(root, () => {
+      root.textContent = "";
+      if (!updates) {
+        root.appendChild(el(doc, "div", "g-m-empty", updatesLoading || api.ideaUpdates ? "Loading\u2026" : "No updates yet."));
+        return;
+      }
+      root.appendChild(updatesList(doc, updates.updates, (u) => u.requestId && o.openIdea(u.requestId)));
+    });
+    if (!updates) loadUpdates();
+    else markRead();
+    return root;
+  }
+  function markRead() {
+    const ids = updates?.updates.filter((u) => !u.read).map((u) => u.id) ?? [];
+    if (!ids.length || !api.markIdeaUpdatesRead) return;
+    const seq = updatesSeq;
+    api.markIdeaUpdatesRead(ids).then((res) => {
+      if (seq !== updatesSeq || !updates) return;
+      updates = { updates: updates.updates, unread: res.unread };
+      o.onUnreadChange();
+    }).catch(() => {
+    });
+  }
+  function loadUpdates(maxAgeMs = 0) {
+    if (!api.ideaUpdates || updatesLoading || Date.now() - updatesAt < maxAgeMs) return;
+    updatesLoading = true;
+    const seq = ++updatesSeq;
+    api.ideaUpdates().then((res) => {
+      if (seq !== updatesSeq) return;
+      const before = updates?.unread ?? 0;
+      updates = { updates: Array.isArray(res?.updates) ? res.updates : [], unread: Number(res?.unread) || 0 };
+      updatesAt = Date.now();
+      if (updates.unread !== before) o.onUnreadChange();
+      if (mounted?.root.isConnected) {
+        mounted.paint();
+        if (mounted.root.classList.contains("g-m-idea-updates-screen")) markRead();
+      }
+    }).catch(() => {
+    }).finally(() => {
+      if (seq === updatesSeq) updatesLoading = false;
+    });
+  }
+  function offerChip(offer, conversationId, lead) {
+    const canWrite = !blocked();
+    const b = el(doc, "button", "g-m-chip g-m-guide g-m-offer g-m-idea-offer");
+    b.type = "button";
+    const label = el(doc, "span");
+    b.append(lead(), label);
+    const id = offer.requestId;
+    if (!id) {
+      if (!canWrite || !api.submitIdea) return null;
+      label.textContent = "Suggest this idea";
+      b.addEventListener("click", () => {
+        startDraft({ title: offer.title, description: offer.description, conversationId });
+        o.openForm();
+      });
+      return b;
+    }
+    const paint = () => {
+      const state = offers.get(id) ?? (find(id)?.myVote ? "voted" : void 0);
+      b.disabled = state === "voting";
+      label.textContent = !canWrite ? `View \u201C${offer.title}\u201D` : state === "voting" ? "Voting\u2026" : state === "voted" ? "Voted \xB7 View the idea" : state === "failed" ? "Couldn't vote \xB7 View the idea" : `Vote for \u201C${offer.title}\u201D`;
+      return state;
+    };
+    paint();
+    b.addEventListener("click", () => {
+      const state = paint();
+      if (!canWrite || state === "voted" || state === "failed" || !api.voteIdea) return o.openIdea(id);
+      if (state === "voting") return;
+      offers.set(id, "voting");
+      paint();
+      api.voteIdea(id, { priority: "nice_to_have", conversationId }).then((idea) => {
+        patch(idea);
+        offers.set(id, "voted");
+      }).catch(() => offers.set(id, "failed")).finally(paint);
+    });
+    return b;
+  }
+  function startDraft(prefill = {}) {
+    draft = emptyIdeaDraft({ title: (prefill.title ?? "").slice(0, MAX_FEEDBACK_TITLE), description: (prefill.description ?? "").slice(0, MAX_FEEDBACK_DESCRIPTION), conversationId: prefill.conversationId ?? null });
+  }
+  return {
+    blocked,
+    unread: () => updates?.unread ?? 0,
+    listScreen,
+    detailScreen,
+    formScreen,
+    sentScreen: (idea) => {
+      mounted = null;
+      const root = el(doc, "div", "g-m-scroll");
+      root.appendChild(ideaSent(doc, { idea, onView: () => o.openIdea(idea.id), onBack: o.openList }));
+      return root;
+    },
+    updatesScreen,
+    startDraft,
+    offerChip,
+    loadUpdates,
+    sync(open) {
+      const now = o.identified();
+      if (now !== who) {
+        who = now;
+        list = null;
+        listAt = 0;
+        details.clear();
+        offers.clear();
+        updates = null;
+        updatesAt = 0;
+        updatesSeq++;
+        updatesLoading = false;
+        o.onUnreadChange();
+      }
+      if (open) loadUpdates(3e4);
+    },
+    destroy() {
+      if (similarTimer) clearTimeout(similarTimer);
+      if (searchTimer) clearTimeout(searchTimer);
+      mounted = null;
+    }
+  };
+}
+
+// src/launcher-drag.ts
+var DRAG_THRESHOLD = 6;
+var MARGIN = 16;
+function parseLauncherSpot(raw) {
+  let v = raw;
+  if (typeof v === "string") {
+    try {
+      v = JSON.parse(v);
+    } catch {
+      return null;
+    }
+  }
+  if (!v || typeof v !== "object") return null;
+  const { side, y } = v;
+  if (side !== "left" && side !== "right" || typeof y !== "number" || !Number.isFinite(y)) return null;
+  return { side, y: Math.min(1, Math.max(0, y)) };
+}
+function maxLauncherBottom(viewportHeight, size) {
+  return Math.max(0, viewportHeight - size - MARGIN * 2);
+}
+function snapLauncher(drop, viewport, size) {
+  const side = drop.left + size / 2 < viewport.width / 2 ? "left" : "right";
+  const max = maxLauncherBottom(viewport.height, size);
+  const bottom = Math.min(max, Math.max(0, viewport.height - MARGIN - size - drop.top));
+  return { side, y: max ? bottom / max : 0 };
+}
+function enableLauncherDrag({ launcher, onMove }) {
+  const win = launcher.ownerDocument.defaultView ?? window;
+  let start = null;
+  let dragging = false;
+  let swallowClickUntil = 0;
+  const onDown = (e) => {
+    if (e.button !== 0) return;
+    const r = launcher.getBoundingClientRect();
+    start = { id: e.pointerId, x: e.clientX, y: e.clientY, left: r.left, top: r.top };
+    dragging = false;
+    try {
+      launcher.setPointerCapture(e.pointerId);
+    } catch {
+    }
+  };
+  const onMovePointer = (e) => {
+    if (!start || e.pointerId !== start.id) return;
+    const dx = e.clientX - start.x;
+    const dy = e.clientY - start.y;
+    if (!dragging) {
+      if (Math.hypot(dx, dy) < DRAG_THRESHOLD) return;
+      dragging = true;
+      launcher.classList.add("g-m-dragging");
+    }
+    e.preventDefault();
+    const size = launcher.offsetWidth || 56;
+    const left = Math.min(win.innerWidth - size - MARGIN, Math.max(MARGIN, start.left + dx));
+    const top = Math.min(win.innerHeight - size - MARGIN, Math.max(MARGIN, start.top + dy));
+    Object.assign(launcher.style, { left: `${left}px`, top: `${top}px`, right: "auto", bottom: "auto", margin: "0" });
+  };
+  const onUp = (e) => {
+    if (!start || e.pointerId !== start.id) return;
+    start = null;
+    if (!dragging) return;
+    dragging = false;
+    swallowClickUntil = Date.now() + 400;
+    const before = launcher.getBoundingClientRect();
+    launcher.classList.remove("g-m-dragging");
+    Object.assign(launcher.style, { left: "", top: "", right: "", margin: "" });
+    onMove(snapLauncher({ left: before.left, top: before.top }, { width: win.innerWidth, height: win.innerHeight }, before.width || 56));
+    const after = launcher.getBoundingClientRect();
+    const dx = before.left - after.left;
+    const dy = before.top - after.top;
+    if (!dx && !dy) return;
+    launcher.style.transition = "none";
+    launcher.style.transform = `translate(${dx}px, ${dy}px)`;
+    void launcher.offsetWidth;
+    launcher.style.transition = "";
+    launcher.classList.add("g-m-snapping");
+    launcher.style.transform = "";
+    const done = () => launcher.classList.remove("g-m-snapping");
+    launcher.addEventListener("transitionend", done, { once: true });
+    win.setTimeout(done, 400);
+  };
+  const onClick = (e) => {
+    if (Date.now() < swallowClickUntil) {
+      swallowClickUntil = 0;
+      e.preventDefault();
+      e.stopImmediatePropagation();
+    }
+  };
+  launcher.addEventListener("pointerdown", onDown);
+  launcher.addEventListener("pointermove", onMovePointer);
+  launcher.addEventListener("pointerup", onUp);
+  launcher.addEventListener("pointercancel", onUp);
+  launcher.addEventListener("click", onClick, true);
+  return () => {
+    launcher.removeEventListener("pointerdown", onDown);
+    launcher.removeEventListener("pointermove", onMovePointer);
+    launcher.removeEventListener("pointerup", onUp);
+    launcher.removeEventListener("pointercancel", onUp);
+    launcher.removeEventListener("click", onClick, true);
+  };
+}
+
 // src/messenger-styles.ts
 var MESSENGER_STYLES = `
 :host([data-g-messenger="bottom-right"]) .g-launcher.g-pos-bottom-right{right:72px}
@@ -387,9 +1356,13 @@ var MESSENGER_STYLES = `
 .g-m-launcher:hover{transform:scale(1.05)}
 .g-m-launcher:focus-visible{outline:2px solid var(--g-primary);outline-offset:3px}
 .g-m-launcher svg{width:26px;height:26px;fill:currentColor}
+.g-m-launcher{touch-action:none;-webkit-user-select:none;user-select:none}
+.g-m-launcher.g-m-dragging{transition:none;cursor:grabbing;transform:scale(1.08)}
+.g-m-launcher.g-m-snapping{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
 .g-m-badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e11d48;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--g-bg)}
-.g-messenger{bottom:76px;height:min(640px,calc(100vh - 110px));transition:width .2s ease,height .2s ease,max-height .2s ease}
-.g-messenger.g-m-expanded{width:min(720px,calc(100vw - 32px));height:calc(100vh - 110px);max-height:calc(100vh - 110px)}
+.g-messenger{bottom:var(--g-m-bottom,76px);height:min(640px,calc(100vh - var(--g-m-reserve,110px)));transition:width .2s ease,height .2s ease,max-height .2s ease}
+.g-messenger.g-m-expanded{width:min(720px,calc(100vw - 32px));height:calc(100vh - var(--g-m-reserve,110px));max-height:calc(100vh - var(--g-m-reserve,110px))}
+.g-messenger.g-m-below{bottom:auto;top:var(--g-m-top)}
 .g-m-expanded .g-rc-article,.g-m-expanded .g-m-scroll{padding:24px clamp(20px,5vw,40px)}
 .g-m-expanded .g-rc-article>.g-title{font-size:24px;line-height:1.25;margin-bottom:12px}
 .g-m-expanded .g-rc-article .g-body{font-size:15px}
@@ -441,7 +1414,7 @@ var MESSENGER_STYLES = `
 .g-m-typing span{width:6px;height:6px;border-radius:999px;background:var(--g-muted);animation:g-m-bounce 1s infinite}
 .g-m-typing span:nth-child(2){animation-delay:.15s}.g-m-typing span:nth-child(3){animation-delay:.3s}
 @keyframes g-m-bounce{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
-@media (prefers-reduced-motion: reduce){.g-m-typing span{animation:none}.g-m-launcher{transition:none}}
+@media (prefers-reduced-motion: reduce){.g-m-typing span{animation:none}.g-m-launcher,.g-m-launcher.g-m-snapping{transition:none}}
 .g-m-chips{display:flex;flex-direction:column;gap:6px;margin-top:2px}
 .g-m-chip{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid var(--g-border);background:var(--g-bg);color:var(--g-text);border-radius:10px;padding:8px 10px;font:inherit;font-size:13px;cursor:pointer}
 .g-m-chip:hover{background:var(--g-subtle)}
@@ -582,90 +1555,81 @@ var MESSENGER_STYLES = `
 .g-m-step-dot{width:14px;height:14px;border-radius:999px;border:2px solid var(--g-border);background:var(--g-bg);box-sizing:border-box}
 .g-m-step-done{color:var(--g-text);font-weight:600}
 .g-m-step-done .g-m-step-dot{background:var(--g-primary);border-color:var(--g-primary)}
+.g-m-ideas-top{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
+.g-m-ideas-top:empty{display:none}
+.g-m-idea-tools{justify-content:space-between;gap:8px;flex-wrap:wrap}
+.g-m-filters{display:flex;gap:6px;flex-wrap:wrap}
+.g-m-filter{border:1px solid var(--g-border);background:var(--g-bg);color:var(--g-text);font:inherit;font-size:12px;font-weight:600;border-radius:999px;padding:5px 11px;cursor:pointer;min-height:30px}
+.g-m-filter:hover{background:var(--g-subtle)}
+.g-m-filter[aria-pressed="true"]{background:var(--g-primary);border-color:var(--g-primary);color:var(--g-primary-text)}
+.g-m-filter:focus-visible,.g-m-seg-btn:focus-visible,.g-m-vote:focus-visible,.g-m-idea-open:focus-visible,.g-m-follow:focus-visible{outline:2px solid var(--g-primary);outline-offset:2px}
+.g-m-sort{width:auto;min-width:0;min-height:30px;padding:4px 8px;font-size:12px}
+.g-m-idea-list{display:flex;flex-direction:column;border:1px solid var(--g-border);border-radius:calc(var(--g-radius) * .8);background:var(--g-bg);overflow:hidden;margin-bottom:12px}
+.g-m-idea{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-top:1px solid var(--g-border)}
+.g-m-idea:first-child{border-top:0}
+.g-m-vote{flex:none;width:44px;min-height:48px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-bg);color:var(--g-text);font:inherit;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:4px 0;cursor:pointer}
+button.g-m-vote:hover{border-color:var(--g-primary);color:var(--g-primary)}
+.g-m-vote:disabled{opacity:.6;cursor:progress}
+.g-m-vote.g-m-voted{background:color-mix(in srgb,var(--g-primary) 12%,var(--g-bg));border-color:var(--g-primary);color:var(--g-primary)}
+.g-m-vote-static{cursor:default;background:var(--g-subtle)}
+.g-m-vote-ico{width:16px;height:16px;stroke-width:2.4}
+.g-m-vote-count{font-size:13px;font-weight:700;line-height:1.2}
+.g-m-idea-open{flex:1;min-width:0;border:0;background:transparent;color:var(--g-text);font:inherit;text-align:left;padding:2px 0;cursor:pointer;display:flex;flex-direction:column;gap:6px;border-radius:4px}
+.g-m-idea-open:hover .g-m-idea-title{color:var(--g-primary)}
+.g-m-idea-title{font-weight:600;overflow-wrap:anywhere}
+.g-m-idea-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.g-m-idea-pill.g-m-idea-new{background:var(--g-subtle);color:var(--g-muted)}
+.g-m-idea-pill.g-m-idea-under_review{background:#e0e7ff;color:#3730a3}
+.g-m-idea-pill.g-m-idea-planned{background:#dbeafe;color:#1e40af}
+.g-m-idea-pill.g-m-idea-in_progress{background:#fef3c7;color:#92400e}
+.g-m-idea-pill.g-m-idea-released{background:#dcfce7;color:#166534}
+.g-m-idea-pill.g-m-idea-declined{background:#fee2e2;color:#991b1b}
+.g-m-idea-notice{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid var(--g-border);background:var(--g-subtle);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--g-text)}
+.g-m-idea-notice .g-m-text-btn{padding:4px 0;min-height:0}
+.g-m-updates-link,.g-m-portal-link{align-self:flex-start;padding-left:0}
+.g-m-portal-link{display:block;margin:0 auto}
+.g-m-idea-detail{gap:12px}
+.g-m-idea-desc,.g-m-idea-note{font-size:14px;overflow-wrap:anywhere}
+.g-m-idea-desc p,.g-m-idea-note p,.g-m-comment-body p{margin:0 0 8px}
+.g-m-idea-desc p:last-child,.g-m-idea-note p:last-child,.g-m-comment-body p:last-child{margin:0}
+.g-m-idea-note{border-left:3px solid var(--g-primary);background:var(--g-subtle);border-radius:6px;padding:8px 10px}
+.g-m-idea-vote{display:flex;flex-direction:column;gap:12px;margin:0}
+.g-m-idea-vote .g-m-vote{min-height:44px}
+.g-m-follow{flex:none;border:1px solid var(--g-border);background:var(--g-bg);color:var(--g-text);font:inherit;font-size:13px;font-weight:600;border-radius:999px;padding:6px 12px;cursor:pointer;min-height:32px}
+.g-m-follow:hover{background:var(--g-subtle)}
+.g-m-follow.g-m-following{border-color:var(--g-primary);color:var(--g-primary)}
+.g-m-follow:disabled{opacity:.6}
+.g-m-seg{display:flex;border:1px solid var(--g-border);border-radius:10px;overflow:hidden}
+.g-m-seg-btn{flex:1;border:0;border-left:1px solid var(--g-border);background:var(--g-bg);color:var(--g-text);font:inherit;font-size:12px;font-weight:600;padding:8px 4px;cursor:pointer;min-height:36px}
+.g-m-seg-btn:first-child{border-left:0}
+.g-m-seg-btn:hover{background:var(--g-subtle)}
+.g-m-seg-btn[aria-checked="true"]{background:var(--g-primary);color:var(--g-primary-text)}
+.g-m-unvote{align-self:flex-start;padding-left:0;color:var(--g-muted)}
+.g-m-comments{display:flex;flex-direction:column;gap:8px}
+.g-m-comments-title{margin:4px 0 0;font-size:14px}
+.g-m-comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
+.g-m-comment{border:1px solid var(--g-border);border-radius:10px;padding:8px 10px;font-size:13px}
+.g-m-comment-team{background:var(--g-subtle);border-color:color-mix(in srgb,var(--g-primary) 35%,var(--g-border))}
+.g-m-comment-meta{gap:6px;margin-bottom:4px}
+.g-m-comment-author{font-weight:600}
+.g-m-comment-body{overflow-wrap:anywhere}
+.g-m-comment-form{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
+.g-m-comment-form textarea{resize:vertical;min-height:56px}
+.g-m-similar:empty{display:none}
+.g-m-similar-box{display:flex;flex-direction:column;gap:6px}
+.g-m-similar-box .g-m-idea-list{margin:0}
+.g-m-update{display:block}
+.g-m-update:disabled{cursor:default}
+.g-m-update:disabled:hover{background:var(--g-bg)}
 `;
 
-// src/render-safe.ts
-var CITATION = /\s*\[\[article:[^\]]*\]\]/g;
-var INLINE = /\*\*([^*\n]+)\*\*|`([^`\n]+)`|(!?)\[([^\]\n]{1,200})\]\((https?:\/\/[^\s)]+)\)|(https?:\/\/[^\s<>()"']+[^\s<>().,;:!?'"])/g;
-function stripCitationMarkers(text) {
-  return text.replace(CITATION, "");
-}
-function safeHttpUrl(raw) {
-  try {
-    const u = new URL(raw);
-    return u.protocol === "http:" || u.protocol === "https:" ? u.href : null;
-  } catch {
-    return null;
-  }
-}
-function link(doc, label, href) {
-  const url = safeHttpUrl(href);
-  if (!url) return doc.createTextNode(label);
-  const a = doc.createElement("a");
-  a.href = url;
-  a.target = "_blank";
-  a.rel = "noopener noreferrer nofollow";
-  a.textContent = label;
-  return a;
-}
-function appendInline(doc, parent, text) {
-  let last = 0;
-  for (const m of text.matchAll(INLINE)) {
-    const start = m.index ?? 0;
-    if (start > last) parent.appendChild(doc.createTextNode(text.slice(last, start)));
-    if (m[1] !== void 0) {
-      const b = doc.createElement("strong");
-      b.textContent = m[1];
-      parent.appendChild(b);
-    } else if (m[2] !== void 0) {
-      const c = doc.createElement("code");
-      c.textContent = m[2];
-      parent.appendChild(c);
-    } else if (m[4] !== void 0 && m[5] !== void 0) {
-      parent.appendChild(m[3] ? doc.createTextNode(m[4]) : link(doc, m[4], m[5]));
-    } else if (m[6] !== void 0) {
-      parent.appendChild(link(doc, m[6], m[6]));
-    }
-    last = start + m[0].length;
-  }
-  if (last < text.length) parent.appendChild(doc.createTextNode(text.slice(last)));
-}
-var BULLET = /^\s*[-*•]\s+/;
-var NUMBERED = /^\s*\d{1,3}[.)]\s+/;
-function renderSafeText(doc, text) {
-  const frag = doc.createDocumentFragment();
-  const blocks = stripCitationMarkers(text).replace(/\r\n?/g, "\n").trim().split(/\n{2,}/);
-  for (const block of blocks) {
-    if (!block.trim()) continue;
-    const lines = block.split("\n");
-    if (lines.every((l) => BULLET.test(l)) || lines.every((l) => NUMBERED.test(l))) {
-      const ordered = NUMBERED.test(lines[0]);
-      const list = doc.createElement(ordered ? "ol" : "ul");
-      for (const line of lines) {
-        const li = doc.createElement("li");
-        appendInline(doc, li, line.replace(ordered ? NUMBERED : BULLET, ""));
-        list.appendChild(li);
-      }
-      frag.appendChild(list);
-      continue;
-    }
-    const p = doc.createElement("p");
-    lines.forEach((line, i) => {
-      if (i) p.appendChild(doc.createElement("br"));
-      appendInline(doc, p, line);
-    });
-    frag.appendChild(p);
-  }
-  return frag;
-}
-
 // src/messenger.ts
-var SVG_NS = "http://www.w3.org/2000/svg";
+var SVG_NS2 = "http://www.w3.org/2000/svg";
 function chatIcon(doc) {
-  const svg = doc.createElementNS(SVG_NS, "svg");
+  const svg = doc.createElementNS(SVG_NS2, "svg");
   svg.setAttribute("viewBox", "0 0 24 24");
   svg.setAttribute("aria-hidden", "true");
-  const path = doc.createElementNS(SVG_NS, "path");
+  const path = doc.createElementNS(SVG_NS2, "path");
   path.setAttribute("d", "M12 3C6.5 3 2 6.8 2 11.5c0 2.4 1.2 4.6 3.1 6.1L4.5 21l3.9-2c1.1.3 2.3.5 3.6.5 5.5 0 10-3.8 10-8.5S17.5 3 12 3z");
   svg.appendChild(path);
   return svg;
@@ -690,15 +1654,16 @@ var ICONS = {
   circle: ["M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18z"],
   expand: ["M15 3h6v6", "M21 3l-7 7", "M9 21H3v-6", "M3 21l7-7"],
   flag: ["M5 21V4", "M5 4h12l-2.5 4L17 12H5"],
-  collapse: ["M4 14h6v6", "M3 21l7-7", "M20 10h-6V4", "M21 3l-7 7"]
+  collapse: ["M4 14h6v6", "M3 21l7-7", "M20 10h-6V4", "M21 3l-7 7"],
+  idea: IDEA_ICON
 };
 function icon(doc, name, cls = "g-m-ico") {
-  const svg = doc.createElementNS(SVG_NS, "svg");
+  const svg = doc.createElementNS(SVG_NS2, "svg");
   svg.setAttribute("viewBox", "0 0 24 24");
   svg.setAttribute("aria-hidden", "true");
   svg.setAttribute("class", cls);
   for (const d of ICONS[name] ?? []) {
-    const path = doc.createElementNS(SVG_NS, "path");
+    const path = doc.createElementNS(SVG_NS2, "path");
     path.setAttribute("d", d);
     svg.appendChild(path);
   }
@@ -725,7 +1690,7 @@ function shortDateTime(iso) {
     return d.toISOString().slice(0, 16).replace("T", " ");
   }
 }
-function shortDate(iso) {
+function shortDate2(iso) {
   const d = new Date(iso);
   if (Number.isNaN(d.getTime())) return "";
   try {
@@ -798,7 +1763,6 @@ function renderMessenger(options) {
   const pos = `g-pos-${config.launcher.position}`;
   const rootNode = scope.getRootNode();
   const shadowHost = "host" in rootNode ? rootNode.host : null;
-  shadowHost?.setAttribute("data-g-messenger", config.launcher.position);
   const root = el(doc, "div", "g-messenger-root");
   const launcher = el(doc, "button", `g-m-launcher ${pos}`);
   launcher.type = "button";
@@ -810,6 +1774,47 @@ function renderMessenger(options) {
   launcher.appendChild(badge);
   if (options.hideLauncher) launcher.hidden = true;
   const panel = el(doc, "div", `g-panel g-messenger ${pos}`);
+  let spot = options.launcherSpot ?? null;
+  const win = doc.defaultView ?? window;
+  function placeLauncher() {
+    const side = spot?.side ?? (config.launcher.position === "bottom-left" ? "left" : "right");
+    for (const node of [launcher, panel]) {
+      node.classList.toggle("g-pos-bottom-left", side === "left");
+      node.classList.toggle("g-pos-bottom-right", side === "right");
+    }
+    const size = launcher.offsetWidth || 56;
+    const bottom = spot && !options.hideLauncher ? Math.round(spot.y * maxLauncherBottom(win.innerHeight, size)) : 0;
+    launcher.style.bottom = bottom ? `${bottom}px` : "";
+    if (bottom < size + 16) shadowHost?.setAttribute("data-g-messenger", `bottom-${side}`);
+    else shadowHost?.removeAttribute("data-g-messenger");
+    const launcherTop = win.innerHeight - 16 - size - bottom;
+    const below = bottom > 0 && launcherTop < 480 && bottom > launcherTop;
+    panel.classList.toggle("g-m-below", below);
+    if (!bottom) {
+      panel.style.removeProperty("--g-m-bottom");
+      panel.style.removeProperty("--g-m-top");
+      panel.style.removeProperty("--g-m-reserve");
+    } else if (below) {
+      const top = launcherTop + size - 12;
+      panel.style.setProperty("--g-m-top", `${top}px`);
+      panel.style.setProperty("--g-m-reserve", `${top + 40}px`);
+    } else {
+      panel.style.setProperty("--g-m-bottom", `${bottom + 76}px`);
+      panel.style.setProperty("--g-m-reserve", `${bottom + 110}px`);
+    }
+  }
+  const stopDrag = enableLauncherDrag({
+    launcher,
+    onMove(next) {
+      spot = next;
+      placeLauncher();
+      options.onLauncherMove?.(next);
+    }
+  });
+  const onResize = () => {
+    if (spot) placeLauncher();
+  };
+  win.addEventListener("resize", onResize);
   panel.setAttribute("role", "dialog");
   panel.setAttribute("aria-label", config.name);
   panel.hidden = true;
@@ -820,17 +1825,25 @@ function renderMessenger(options) {
   panel.append(head, main, tabs);
   root.append(launcher, panel);
   scope.appendChild(root);
+  placeLauncher();
+  function withRcText(items, rc, apply) {
+    if (!rc?.length) return items;
+    const byId = new Map(rc.map((x) => [x.id, x]));
+    return items.map((i) => byId.has(i.id) ? apply(i, byId.get(i.id)) : i);
+  }
+  const helpModules = () => options.resourceCenter?.modules?.length ? orderedModules(options.resourceCenter.modules).filter((m) => m.id !== "announcements" && m.enabled && (!("targeting" in m) || !m.targeting || !options.evaluate || options.evaluate(m.targeting))).map((m) => m.id) : void 0;
   const rcExtras = (ids = []) => ids.map((id) => options.guides?.find((g) => g.id === id || g.key === id)).filter((g) => !!g);
   const help = createHelpView({
     doc,
     data: () => ({
-      collections: articles?.collections ?? options.resourceCenter?.collections ?? [],
-      articles: articles?.articles ?? options.resourceCenter?.articles ?? [],
+      collections: withRcText(articles?.collections ?? options.resourceCenter?.collections ?? [], options.resourceCenter?.collections, (c, t) => ({ ...c, name: t.name, description: t.description })),
+      articles: withRcText(articles?.articles ?? options.resourceCenter?.articles ?? [], options.resourceCenter?.articles, (a, t) => ({ ...a, title: t.title, summary: t.summary })),
       suggested: helpSuggestions(),
       recommended: rcExtras(options.resourceCenter?.recommendedGuideIds),
       checklists: rcExtras(options.resourceCenter?.checklistGuideIds),
       faqs: options.resourceCenter?.faqs,
-      links: options.resourceCenter?.links
+      links: options.resourceCenter?.links,
+      modules: helpModules()
     }),
     search: (q) => api.searchArticles(q),
     audienceIds: options.audienceIds,
@@ -849,6 +1862,24 @@ function renderMessenger(options) {
     onShowMe: (key) => startWalkthrough(key),
     onArticleChange: () => syncSize()
   });
+  const ideasOn = () => !!config.ideas && !!api.listIdeas;
+  const ideasTab = { kind: "tab", tab: "ideas" };
+  const ideas = createIdeas({
+    doc,
+    api,
+    config: () => config.ideas,
+    identified: () => visitor().identified !== false,
+    openIdea: (id) => go({ kind: "idea", id, from: view.kind === "idea" ? view.from : view }),
+    openForm: () => go({ kind: "idea-new", from: view }),
+    openSent: (idea) => go({ kind: "idea-sent", idea }),
+    openList: () => go(ideasTab),
+    openUpdates: () => go({ kind: "idea-updates", from: view }),
+    onUnreadChange: () => {
+      if (!open || destroyed) return;
+      if (view.kind === "tab" && view.tab === "home") render();
+      else renderTabs();
+    }
+  });
   let docCollapsed = false;
   let sizeButton = null;
   const readingDoc = () => open && (view.kind === "howto" || view.kind === "tab" && view.tab === "help" && help.isArticleOpen());
@@ -943,7 +1974,7 @@ function renderMessenger(options) {
   const refreshConversations = () => api.listConversations().then((list) => {
     conversations = [...list].sort((a, b) => b.lastMessageAt.localeCompare(a.lastMessageAt));
     updateBadge();
-    if (open && view.kind === "tab" && view.tab !== "help") render();
+    if (open && view.kind === "tab" && view.tab !== "help" && view.tab !== "ideas") render();
   }).catch(() => {
   });
   function renderHead(title, back) {
@@ -977,6 +2008,7 @@ function renderMessenger(options) {
       ["messages", "messages", "Messages"],
       ["help", "help", "Help"]
     ];
+    if (ideasOn()) items.push(["ideas", "idea", config.ideas.title || "Ideas"]);
     const latest = news();
     if (latest.length) items.push(["news", "news", "News"]);
     for (const [tab, ico, label] of items) {
@@ -987,7 +2019,7 @@ function renderMessenger(options) {
       const i = el(doc, "span", "g-m-tab-icon");
       i.appendChild(icon(doc, ico));
       b.append(i, el(doc, "span", "", label));
-      if (tab === "news" && latest.some((n) => n.unread)) {
+      if (tab === "news" && latest.some((n) => n.unread) || tab === "ideas" && ideas.unread() > 0) {
         const dot2 = el(doc, "span", "g-m-tab-dot");
         dot2.setAttribute("aria-label", "New");
         i.appendChild(dot2);
@@ -1193,11 +2225,16 @@ function renderMessenger(options) {
     const body = el(doc, "span", "g-m-news-body");
     const meta = el(doc, "span", "g-m-row g-m-center g-m-news-meta");
     if (n.unread) meta.appendChild(el(doc, "span", "g-m-tag", "New"));
-    meta.appendChild(el(doc, "span", "g-m-time", shortDate(n.publishedAt)));
+    meta.appendChild(el(doc, "span", "g-m-time", shortDate2(n.publishedAt)));
     body.append(meta, el(doc, "span", "g-m-card-title", n.title));
     if (n.body) body.appendChild(el(doc, "span", "g-m-card-sub g-m-clamp", n.body));
     card.appendChild(body);
-    card.addEventListener("click", () => startGuide(n.key || n.id));
+    card.addEventListener("click", () => {
+      if (n.key) startGuide(n.key);
+      else if (n.articleId) openArticle(n.articleId);
+      else if (n.url && /^https?:\/\//i.test(n.url)) window.open(n.url, "_blank", "noopener,noreferrer");
+      else startGuide(n.id);
+    });
     return card;
   }
   function renderHome() {
@@ -1223,6 +2260,8 @@ function renderMessenger(options) {
     if (filed) inner.appendChild(conversationCard(filed, "Your complaint"));
     const recent = conversations.find((c) => c.id !== filed?.id);
     if (recent) inner.appendChild(conversationCard(recent, recent.status === "closed" && !recent.unread ? "Recent conversation" : "Continue the conversation"));
+    const ideaUpdates = ideasOn() ? ideas.unread() : 0;
+    if (ideaUpdates) inner.appendChild(actionCard({ title: "Updates on your ideas", sub: ideaUpdates === 1 ? "1 new update" : `${ideaUpdates} new updates`, lead: iconTile("idea", true), trail: true, onClick: () => go({ kind: "idea-updates", from: view }) }));
     if (config.status) inner.appendChild(statusCard(config.status));
     if (cards.progress) progressCards(v).forEach((c) => inner.appendChild(c));
     const suggestions = pageSuggestions(v);
@@ -1242,6 +2281,10 @@ function renderMessenger(options) {
     }
     const latest = news()[0];
     if (latest) inner.appendChild(newsCard(latest));
+    if (ideasOn()) {
+      const canWrite = !ideas.blocked();
+      inner.appendChild(actionCard({ title: canWrite ? "Share an idea" : "Browse ideas", sub: canWrite ? "Suggest a feature or vote for what's next." : "See what people are asking for and what's planned.", lead: iconTile("idea"), onClick: () => go(ideasTab) }));
+    }
     inner.appendChild(actionCard({ title: "Search for help", sub: "Articles, guides and how-tos", lead: icon(doc, "search", "g-m-ico g-m-lead"), onClick: () => go({ kind: "tab", tab: "help" }) }));
     scroll.append(hero, inner);
     main.appendChild(scroll);
@@ -1342,6 +2385,25 @@ function renderMessenger(options) {
     scroll.appendChild(complaintSent(doc, { complaint: v.complaint, answers: v.answers, onOpenConversation: () => go({ kind: "thread", conversationId: v.conversationId }), onHome: () => go({ kind: "tab", tab: "home" }) }));
     main.appendChild(scroll);
   }
+  function renderIdeasView(v) {
+    const title = config.ideas?.title || "Ideas";
+    if (v.kind === "idea") {
+      renderHead(title, () => go(v.from));
+      main.appendChild(ideas.detailScreen(v.id));
+    } else if (v.kind === "idea-new") {
+      renderHead("Suggest an idea", () => go(v.from));
+      main.appendChild(ideas.formScreen());
+    } else if (v.kind === "idea-sent") {
+      renderHead(title, () => go(ideasTab));
+      main.appendChild(ideas.sentScreen(v.idea));
+    } else if (v.kind === "idea-updates") {
+      renderHead("Updates on your ideas", () => go(v.from));
+      main.appendChild(ideas.updatesScreen());
+    } else {
+      renderHead(title);
+      main.appendChild(ideas.listScreen());
+    }
+  }
   function renderHowToView(id, from) {
     const cached = howToCache.get(id);
     renderHead(cached?.title ?? "How-to", () => go(from));
@@ -1455,7 +2517,8 @@ function renderMessenger(options) {
     bubble.dataset.messageId = m.id;
     wrap.appendChild(bubble);
     const offer = m.complaintOffer && canComplain() ? complaintCategories().find((c) => c.id === m.complaintOffer.categoryId) : void 0;
-    if (m.citations.length || m.suggestedGuides.length || m.howTos?.length || offer) {
+    const ideaChip = m.ideaOffer && ideasOn() ? ideas.offerChip(m.ideaOffer, current?.id ?? null, () => icon(doc, "idea", "g-m-ico g-m-chip-ico")) : null;
+    if (m.citations.length || m.suggestedGuides.length || m.howTos?.length || offer || ideaChip) {
       const chips = el(doc, "div", "g-m-chips");
       if (offer) {
         const b = el(doc, "button", "g-m-chip g-m-guide g-m-offer");
@@ -1468,6 +2531,7 @@ function renderMessenger(options) {
         });
         chips.appendChild(b);
       }
+      if (ideaChip) chips.appendChild(ideaChip);
       for (const g of m.suggestedGuides) {
         const b = el(doc, "button", "g-m-chip g-m-guide", `\u25B6 Show me: ${g.name}`);
         b.type = "button";
@@ -1620,7 +2684,13 @@ function renderMessenger(options) {
     else if (view.kind === "complaint-category") renderComplaintCategories(view);
     else if (view.kind === "complaint-form") renderComplaintForm(view);
     else if (view.kind === "complaint-sent") renderComplaintSent(view);
-    else if (view.tab === "home") renderHome();
+    else if (view.kind !== "tab" || view.tab === "ideas") {
+      if (ideasOn()) renderIdeasView(view);
+      else {
+        view = { kind: "tab", tab: "home" };
+        renderHome();
+      }
+    } else if (view.tab === "home") renderHome();
     else if (view.tab === "messages") renderMessagesTab();
     else if (view.tab === "news" && news().length) renderNewsTab();
     else if (view.tab === "news") {
@@ -1771,6 +2841,7 @@ function renderMessenger(options) {
       render();
       void refreshConversations();
       loadHowTos();
+      if (ideasOn()) ideas.loadUpdates();
       if (view.kind === "thread") scheduleThreadPoll();
       options.onOpen?.();
     } else {
@@ -1819,28 +2890,39 @@ function renderMessenger(options) {
       setOpen(true);
       startComplaint(categoryId ?? null);
     },
+    openIdeas(requestId) {
+      if (!ideasOn()) return;
+      setOpen(true);
+      go(requestId ? { kind: "idea", id: requestId, from: ideasTab } : ideasTab);
+    },
     refresh() {
       if (destroyed) return;
+      if (ideasOn()) ideas.sync(open);
       if (!open) {
         pageKey = null;
         return;
       }
       loadPage();
-      if (view.kind === "tab") render();
-      else if (!messages.length) renderLog();
+      if (view.kind === "tab" && view.tab !== "ideas") render();
+      else if (view.kind === "tab") renderTabs();
+      else if (view.kind === "thread" && !messages.length) renderLog();
     },
     destroy() {
       destroyed = true;
       if (threadTimer) clearTimeout(threadTimer);
       if (backgroundTimer) clearInterval(backgroundTimer);
       panel.removeEventListener("keydown", onKey);
+      stopDrag();
+      win.removeEventListener("resize", onResize);
       help.destroy();
+      ideas.destroy();
       shadowHost?.removeAttribute("data-g-messenger");
       root.remove();
     }
   };
 }
 export {
+  parseLauncherSpot,
   personalGreeting,
   relativeTime,
   renderMessenger