@guidelytech/guide-runtime 0.10.0 → 0.11.0

package/dist/messenger.cjs

@@ -25,15 +25,16 @@ __export(messenger_exports, {
   renderMessenger: () => renderMessenger
 });
 module.exports = __toCommonJS(messenger_exports);
-var import_runtime5 = require("@guidelytech/shared/runtime");
+var import_runtime6 = require("@guidelytech/shared/runtime");
 
 // src/help-view.ts
-var import_runtime3 = require("@guidelytech/shared/runtime");
+var import_runtime4 = require("@guidelytech/shared/runtime");
 
 // src/pdf-viewer.ts
-var import_runtime = require("@guidelytech/shared/runtime");
+var import_runtime2 = require("@guidelytech/shared/runtime");
 
 // src/host.ts
+var import_runtime = require("@guidelytech/shared/runtime");
 function prefersReducedMotion() {
   try {
     return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
@@ -44,9 +45,9 @@ function prefersReducedMotion() {
 
 // src/pdf-viewer.ts
 function enhancePdfViewers(root, doc = root.ownerDocument) {
-  for (const block of Array.from(root.querySelectorAll(`div.${import_runtime.PDF_BLOCK_CLASS}`))) {
-    const link2 = block.querySelector(`a.${import_runtime.FILE_LINK_CLASS}`);
-    const strip = block.querySelector(`.${import_runtime.PDF_PAGES_CLASS}`);
+  for (const block of Array.from(root.querySelectorAll(`div.${import_runtime2.PDF_BLOCK_CLASS}`))) {
+    const link2 = block.querySelector(`a.${import_runtime2.FILE_LINK_CLASS}`);
+    const strip = block.querySelector(`.${import_runtime2.PDF_PAGES_CLASS}`);
     if (!link2 || !strip || block.hasAttribute("data-g-ready")) continue;
     for (const img of Array.from(strip.querySelectorAll("img:not([src])"))) img.remove();
     const pages = Array.from(strip.querySelectorAll("img"));
@@ -172,7 +173,7 @@ function openReader(doc, block, link2, pages, start) {
 }
 
 // src/sanitize.ts
-var import_runtime2 = require("@guidelytech/shared/runtime");
+var import_runtime3 = require("@guidelytech/shared/runtime");
 var ALLOWED_TAGS = /* @__PURE__ */ new Set(["p", "br", "strong", "b", "em", "i", "u", "a", "ul", "ol", "li", "img", "h1", "h2", "h3", "h4", "code", "pre", "blockquote", "span", "div", "hr", "button"]);
 var DROP_TAGS = /* @__PURE__ */ new Set(["script", "style", "object", "embed", "form", "input", "textarea", "select", "link", "meta", "base", "template", "svg", "math", "frame", "frameset", "noscript"]);
 var ALLOWED_ATTRS = /* @__PURE__ */ new Set(["href", "src", "alt", "title", "target", "rel", "class", "width", "height", "data-g-action", "data-g-value"]);
@@ -213,18 +214,18 @@ function rebuildMedia(el2) {
   const src = el2.getAttribute("src");
   let out;
   if (tag === "iframe") {
-    if (!(0, import_runtime2.isAllowedEmbedSrc)(src)) return null;
+    if (!(0, import_runtime3.isAllowedEmbedSrc)(src)) return null;
     out = doc.createElement("iframe");
     out.setAttribute("src", src);
     out.setAttribute("title", el2.getAttribute("title") || "Embedded video");
-    for (const [k, v] of Object.entries(import_runtime2.EMBED_IFRAME_ATTRS)) out.setAttribute(k, v);
+    for (const [k, v] of Object.entries(import_runtime3.EMBED_IFRAME_ATTRS)) out.setAttribute(k, v);
   } else {
-    if (!(0, import_runtime2.isSafeMediaUrl)(src)) return null;
+    if (!(0, import_runtime3.isSafeMediaUrl)(src)) return null;
     out = doc.createElement("video");
     out.setAttribute("src", src);
     const poster = el2.getAttribute("poster");
-    if ((0, import_runtime2.isSafeMediaUrl)(poster)) out.setAttribute("poster", poster);
-    for (const [k, v] of Object.entries(import_runtime2.VIDEO_ATTRS)) out.setAttribute(k, v);
+    if ((0, import_runtime3.isSafeMediaUrl)(poster)) out.setAttribute("poster", poster);
+    for (const [k, v] of Object.entries(import_runtime3.VIDEO_ATTRS)) out.setAttribute(k, v);
   }
   return out;
 }
@@ -288,8 +289,8 @@ function resultRow(doc, icon2, title, summary, onOpen, showMe) {
   return row;
 }
 function enhanceShowMe(root, doc, canStart, start) {
-  for (const a of Array.from(root.querySelectorAll(`a[href^="${import_runtime3.SHOW_ME_HREF_PREFIX}"]`))) {
-    const key = (0, import_runtime3.showMeKeyFromHref)(a.getAttribute("href"));
+  for (const a of Array.from(root.querySelectorAll(`a[href^="${import_runtime4.SHOW_ME_HREF_PREFIX}"]`))) {
+    const key = (0, import_runtime4.showMeKeyFromHref)(a.getAttribute("href"));
     const holder = a.closest("p.gd-show-me") ?? a;
     if (!key || !canStart(key)) {
       if (holder !== a) holder.remove();
@@ -404,10 +405,11 @@ function createHelpView(options) {
     if (active) return renderArticle(active);
     const data = options.data();
     const member = options.audienceIds?.() ?? [];
-    const sections = (0, import_runtime3.resourceCenterSections)(data.collections, data.articles, member);
+    searchWrap.hidden = !!data.modules && !data.modules.includes("search");
+    const sections = (0, import_runtime4.resourceCenterSections)(data.collections, data.articles, member);
     const q = query.trim().toLowerCase();
     if (q) {
-      const walkthroughs = (data.recommended ?? []).filter((g) => (0, import_runtime3.matchesHelpQuery)(g.name, q) && startableGuide(options.guides?.() ?? data.recommended, g.id));
+      const walkthroughs = (data.recommended ?? []).filter((g) => (0, import_runtime4.matchesHelpQuery)(g.name, q) && startableGuide(options.guides?.() ?? data.recommended, g.id));
       if (walkthroughs.length) {
         section(`Walkthroughs (${walkthroughs.length})`);
         for (const g of walkthroughs) body.appendChild(resultRow(doc, "\u25B6", g.name, "Show me, step by step", () => options.onStartGuide?.(g.id)));
@@ -416,10 +418,10 @@ function createHelpView(options) {
     body.append(...options.extra?.(q) ?? []);
     if (q) {
       const visible = sections.flatMap((s) => s.articles);
-      const local = visible.filter((a) => (0, import_runtime3.matchesHelpQuery)(`${a.title} ${a.summary}`, q));
+      const local = visible.filter((a) => (0, import_runtime4.matchesHelpQuery)(`${a.title} ${a.summary}`, q));
       const seen = new Set(local.map((a) => a.id));
       const hidden = new Set(data.articles.map((a) => a.id).filter((id) => !visible.some((v) => v.id === id)));
-      const merged = [...local, ...serverResults.filter((a) => !seen.has(a.id) && !hidden.has(a.id) && (0, import_runtime3.isArticleListed)(data.collections, a, member))];
+      const merged = [...local, ...serverResults.filter((a) => !seen.has(a.id) && !hidden.has(a.id) && (0, import_runtime4.isArticleListed)(data.collections, a, member))];
       section(`Results (${merged.length})`);
       if (!merged.length) body.appendChild(el(doc, "div", "g-rc-empty", "No articles match your search."));
       merged.forEach(articleButton);
@@ -434,55 +436,124 @@ function createHelpView(options) {
         body.appendChild(b);
       });
     }
-    if (data.recommended?.length) {
-      section("Recommended");
-      data.recommended.forEach((g) => {
-        const b = listItem(doc, "\u25B6", g.name, "Start guide");
-        b.addEventListener("click", () => options.onStartGuide?.(g.id));
-        body.appendChild(b);
-      });
+    const renderers = {
+      search: () => {
+      },
+      announcements: () => {
+        if (!data.announcements?.length) return;
+        section(import_runtime4.RC_MODULE_LABELS.announcements);
+        const seen = data.announcementsSeenAt ? Date.parse(data.announcementsSeenAt) : NaN;
+        data.announcements.slice(0, 20).forEach((n) => body.appendChild(announcementItem(n, Number.isNaN(seen) || Date.parse(n.publishedAt) > seen)));
+      },
+      guides: () => {
+        if (!data.recommended?.length) return;
+        section("Recommended");
+        data.recommended.forEach((g) => {
+          const b = listItem(doc, "\u25B6", g.name, "Start guide");
+          b.addEventListener("click", () => options.onStartGuide?.(g.id));
+          body.appendChild(b);
+        });
+      },
+      checklists: () => {
+        if (!data.checklists?.length) return;
+        section("Checklists");
+        data.checklists.forEach((g) => {
+          const b = listItem(doc, "\u2611", g.name, "Open checklist");
+          b.addEventListener("click", () => options.onOpenChecklist?.(g.id));
+          body.appendChild(b);
+        });
+      },
+      articles: () => {
+        for (const s of sections) {
+          section(s.collection ? s.path.join(" \u203A ") : "Articles", s.depth);
+          s.articles.forEach(articleButton);
+        }
+      },
+      faqs: () => {
+        if (!data.faqs?.length) return;
+        section("FAQ");
+        data.faqs.forEach((f) => {
+          const b = listItem(doc, "?", f.question);
+          b.setAttribute("aria-expanded", "false");
+          const a = el(doc, "div", "g-faq-a");
+          a.id = `g-faq-${f.id}`;
+          b.setAttribute("aria-controls", a.id);
+          setSanitizedHtml(a, f.answer);
+          a.hidden = true;
+          b.addEventListener("click", () => {
+            a.hidden = !a.hidden;
+            b.setAttribute("aria-expanded", String(!a.hidden));
+          });
+          body.append(b, a);
+        });
+      },
+      links: () => {
+        if (!data.links?.length) return;
+        section("Links");
+        data.links.forEach((l) => {
+          const a = el(doc, "a", "g-rc-item");
+          a.href = l.url;
+          a.target = "_blank";
+          a.rel = "noopener noreferrer";
+          const i = el(doc, "span", "g-rc-icon", "\u2197");
+          i.setAttribute("aria-hidden", "true");
+          a.append(i, el(doc, "span", "g-rc-title", l.label));
+          a.setAttribute("aria-label", `${l.label} (opens in a new tab)`);
+          body.appendChild(a);
+        });
+      }
+    };
+    for (const id of data.modules ?? import_runtime4.RC_MODULE_IDS) renderers[id]?.();
+    if (!body.childNodes.length) body.appendChild(el(doc, "div", "g-rc-empty", "Nothing here yet."));
+  }
+  function announcementItem(n, unread) {
+    const item = el(doc, "article", `g-rc-news${unread ? " g-rc-news-unread" : ""}`);
+    const head = el(doc, "div", "g-rc-news-head");
+    const title = el(doc, "h3", "g-rc-news-title", n.title);
+    head.appendChild(title);
+    if (unread) {
+      const dot2 = el(doc, "span", "g-rc-news-new", "New");
+      head.appendChild(dot2);
     }
-    if (data.checklists?.length) {
-      section("Checklists");
-      data.checklists.forEach((g) => {
-        const b = listItem(doc, "\u2611", g.name, "Open checklist");
-        b.addEventListener("click", () => options.onOpenChecklist?.(g.id));
-        body.appendChild(b);
-      });
+    const date = el(doc, "time", "g-rc-news-date");
+    date.dateTime = n.publishedAt;
+    try {
+      date.textContent = new Date(n.publishedAt).toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
+    } catch {
+      date.textContent = n.publishedAt.slice(0, 10);
     }
-    for (const s of sections) {
-      section(s.collection ? s.path.join(" \u203A ") : "Articles", s.depth);
-      s.articles.forEach(articleButton);
+    item.append(head, date);
+    if (n.body) {
+      const b = el(doc, "div", "g-body g-rc-news-body");
+      setSanitizedHtml(b, n.body);
+      item.appendChild(b);
     }
-    if (data.faqs?.length) {
-      section("FAQ");
-      data.faqs.forEach((f) => {
-        const b = listItem(doc, "?", f.question);
-        b.setAttribute("aria-expanded", "false");
-        const a = el(doc, "div", "g-faq-a");
-        setSanitizedHtml(a, f.answer);
-        a.hidden = true;
-        b.addEventListener("click", () => {
-          a.hidden = !a.hidden;
-          b.setAttribute("aria-expanded", String(!a.hidden));
-        });
-        body.append(b, a);
-      });
+    const actions = el(doc, "div", "g-rc-news-actions");
+    const guide = n.guideId ? startableGuide(options.guides?.(), n.guideId) : null;
+    if (guide) {
+      const b = el(doc, "button", "g-btn g-btn-primary", n.linkLabel || "Show me");
+      b.type = "button";
+      b.addEventListener("click", () => options.onShowMe ? options.onShowMe(guide.key) : options.onStartGuide?.(guide.id));
+      actions.appendChild(b);
     }
-    if (data.links?.length) {
-      section("Links");
-      data.links.forEach((l) => {
-        const a = el(doc, "a", "g-rc-item");
-        a.href = l.url;
-        a.target = "_blank";
-        a.rel = "noopener noreferrer";
-        const i = el(doc, "span", "g-rc-icon", "\u2197");
-        i.setAttribute("aria-hidden", "true");
-        a.append(i, el(doc, "span", "g-rc-title", l.label));
-        body.appendChild(a);
-      });
+    if (n.articleId) {
+      const listed = options.data().articles.find((a) => a.id === n.articleId);
+      if (listed) {
+        const b = el(doc, "button", "g-btn g-btn-secondary", guide ? "Read more" : n.linkLabel || "Read more");
+        b.type = "button";
+        b.addEventListener("click", () => openArticle(listed));
+        actions.appendChild(b);
+      }
     }
-    if (!body.childNodes.length) body.appendChild(el(doc, "div", "g-rc-empty", "Nothing here yet."));
+    if (n.url && /^https?:\/\//i.test(n.url)) {
+      const a = el(doc, "a", "g-btn g-btn-link", !guide && !n.articleId && n.linkLabel ? n.linkLabel : "Learn more");
+      a.href = n.url;
+      a.target = "_blank";
+      a.rel = "noopener noreferrer";
+      actions.appendChild(a);
+    }
+    if (actions.childNodes.length) item.appendChild(actions);
+    return item;
   }
   let debounce = null;
   const onInput = () => {
@@ -636,7 +707,7 @@ function renderHowTo(doc, howTo, onShowMe) {
 }
 
 // src/complaint-view.ts
-var import_runtime4 = require("@guidelytech/shared/runtime");
+var import_runtime5 = require("@guidelytech/shared/runtime");
 var emptyComplaintDraft = (description = "") => ({ description, answers: {}, email: "", attachment: null, error: null, sending: false, checked: false });
 var COMPLAINT_STEPS = [
   ["open", "Received"],
@@ -655,7 +726,7 @@ function complaintAnswers(category, draft) {
   const out = {};
   for (const f of category.fields) {
     const v = (draft.answers[f.id] ?? "").trim();
-    if (v) out[f.id] = v.slice(0, import_runtime4.MAX_COMPLAINT_ANSWER_LENGTH);
+    if (v) out[f.id] = v.slice(0, import_runtime5.MAX_COMPLAINT_ANSWER_LENGTH);
   }
   return out;
 }
@@ -740,7 +811,7 @@ function complaintForm(doc, o) {
     } else {
       const input = el(doc, "input", "g-input");
       input.type = "text";
-      input.maxLength = import_runtime4.MAX_COMPLAINT_ANSWER_LENGTH;
+      input.maxLength = import_runtime5.MAX_COMPLAINT_ANSWER_LENGTH;
       input.value = draft.answers[f.id] ?? "";
       input.addEventListener("input", () => draft.answers[f.id] = input.value);
       control = input;
@@ -750,7 +821,7 @@ function complaintForm(doc, o) {
   }
   const what = el(doc, "textarea", "g-input g-m-textarea");
   what.rows = 5;
-  what.maxLength = import_runtime4.MAX_COMPLAINT_LENGTH;
+  what.maxLength = import_runtime5.MAX_COMPLAINT_LENGTH;
   what.required = true;
   what.value = draft.description;
   what.placeholder = "What went wrong, and when?";
@@ -891,19 +962,887 @@ async function readScreenshot(doc, file) {
     ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
     for (const q of [0.85, 0.7, 0.5]) {
       dataUrl = canvas.toDataURL("image/jpeg", q);
-      if ((dataUrl.length - dataUrl.indexOf(",") - 1) * 0.75 <= import_runtime4.MAX_COMPLAINT_ATTACHMENT_BYTES) break;
+      if ((dataUrl.length - dataUrl.indexOf(",") - 1) * 0.75 <= import_runtime5.MAX_COMPLAINT_ATTACHMENT_BYTES) break;
     }
     scaled = true;
   } catch {
-    dataUrl = file.size <= import_runtime4.MAX_COMPLAINT_ATTACHMENT_BYTES ? await asDataUrl(file) : null;
+    dataUrl = file.size <= import_runtime5.MAX_COMPLAINT_ATTACHMENT_BYTES ? await asDataUrl(file) : null;
   }
   if (!dataUrl) throw new Error("That image is too large. Screenshots can be up to 2 MB.");
   const data = dataUrl.slice(dataUrl.indexOf(",") + 1);
-  if (data.length * 0.75 > import_runtime4.MAX_COMPLAINT_ATTACHMENT_BYTES) throw new Error("That image is too large. Screenshots can be up to 2 MB.");
+  if (data.length * 0.75 > import_runtime5.MAX_COMPLAINT_ATTACHMENT_BYTES) throw new Error("That image is too large. Screenshots can be up to 2 MB.");
   const name = (file.name || "screenshot").slice(0, 180);
   return { fileName: scaled ? `${name.replace(/\.[a-z0-9]+$/i, "")}.jpg` : name, data, previewUrl: dataUrl };
 }
 
+// src/ideas-view.ts
+var import_shared = require("@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}`, import_shared.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 import_shared.FEEDBACK_PRIORITIES) {
+    const b = el(doc, "button", "g-m-seg-btn", import_shared.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", (0, import_shared.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", `${import_shared.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 ${import_shared.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 = import_shared.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 = import_shared.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 = import_shared.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 = import_shared.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", "", `${(0, import_shared.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, import_shared.MAX_FEEDBACK_TITLE), description: (prefill.description ?? "").slice(0, import_shared.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/messenger-styles.ts
 var MESSENGER_STYLES = `
 :host([data-g-messenger="bottom-right"]) .g-launcher.g-pos-bottom-right{right:72px}
@@ -1107,90 +2046,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;
@@ -1215,15 +2145,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);
   }
@@ -1250,7 +2181,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 {
@@ -1345,17 +2276,24 @@ function renderMessenger(options) {
   panel.append(head, main, tabs);
   root.append(launcher, panel);
   scope.appendChild(root);
+  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 ? (0, import_runtime6.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,
@@ -1374,6 +2312,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());
@@ -1454,7 +2410,7 @@ function renderMessenger(options) {
     options.onStartGuide?.(guideKey);
   };
   function howToItems(q) {
-    const list = q ? (howTos?.howTos ?? []).filter((h) => (0, import_runtime5.matchesHelpQuery)(`${h.title} ${h.description}`, q)).slice(0, 10) : [];
+    const list = q ? (howTos?.howTos ?? []).filter((h) => (0, import_runtime6.matchesHelpQuery)(`${h.title} ${h.description}`, q)).slice(0, 10) : [];
     if (!list.length) return [];
     return [
       el(doc, "div", "g-rc-section", `How-tos (${list.length})`),
@@ -1468,7 +2424,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) {
@@ -1502,6 +2458,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) {
@@ -1512,7 +2469,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);
@@ -1718,11 +2675,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() {
@@ -1748,11 +2710,13 @@ 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);
     const questions = cards.suggestions ? (page?.questions ?? []).slice(0, 2) : [];
-    const label = v.path ? (0, import_runtime5.pageLabel)(v.path) : null;
+    const label = v.path ? (0, import_runtime6.pageLabel)(v.path) : null;
     const fallback = !suggestions.length && !questions.length ? rcExtras(options.resourceCenter?.recommendedGuideIds).slice(0, 3) : [];
     if (suggestions.length || questions.length || fallback.length) {
       const box = el(doc, "div", "g-m-card g-m-static g-m-suggest");
@@ -1767,6 +2731,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);
@@ -1867,6 +2835,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));
@@ -1902,7 +2889,7 @@ function renderMessenger(options) {
     const v = visitor();
     const items = pageSuggestions(v, 5).map((s) => ({ kind: s.icon === "play" ? "guide" : s.icon === "steps" ? "howto" : "article", title: s.title, summary: s.sub, run: s.run }));
     if (!items.length) return void 0;
-    const label = v.path ? (0, import_runtime5.pageLabel)(v.path) : null;
+    const label = v.path ? (0, import_runtime6.pageLabel)(v.path) : null;
     return { title: label ? `For the ${label} page` : "Suggested for you", items };
   }
   function renderHelpTab() {
@@ -1929,7 +2916,7 @@ function renderMessenger(options) {
       pageKey = null;
       return;
     }
-    const key = (0, import_runtime5.foldPathIds)(path).toLowerCase();
+    const key = (0, import_runtime6.foldPathIds)(path).toLowerCase();
     if (!force && key === pageKey && (pageLoading || Date.now() - pageAt < PAGE_TTL_MS)) return;
     if (key !== pageKey) page = null;
     pageKey = key;
@@ -1980,7 +2967,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");
@@ -1993,6 +2981,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";
@@ -2025,7 +3014,7 @@ function renderMessenger(options) {
     if (current?.complaint) log.appendChild(complaintBanner(current.complaint));
     if (!messages.length) {
       const v = visitor();
-      const label = v.path ? (0, import_runtime5.pageLabel)(v.path) : null;
+      const label = v.path ? (0, import_runtime6.pageLabel)(v.path) : null;
       if (label && config.aiAvailable && !current) log.appendChild(el(doc, "div", "g-m-context", `Asking from the ${label} page`));
       const intro = { id: "intro", author: config.aiAvailable ? "scout" : "agent", authorName: "Support team", body: personalGreeting(config.greeting, v.firstName), citations: [], suggestedGuides: [], status: "complete", createdAt: (/* @__PURE__ */ new Date()).toISOString() };
       log.appendChild(messageNode(intro));
@@ -2145,7 +3134,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") {
@@ -2296,6 +3291,7 @@ function renderMessenger(options) {
       render();
       void refreshConversations();
       loadHowTos();
+      if (ideasOn()) ideas.loadUpdates();
       if (view.kind === "thread") scheduleThreadPoll();
       options.onOpen?.();
     } else {
@@ -2344,15 +3340,22 @@ 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;
@@ -2360,6 +3363,7 @@ function renderMessenger(options) {
       if (backgroundTimer) clearInterval(backgroundTimer);
       panel.removeEventListener("keydown", onKey);
       help.destroy();
+      ideas.destroy();
       shadowHost?.removeAttribute("data-g-messenger");
       root.remove();
     }