@youasked/react 0.5.0 → 0.7.0

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 
 // src/YouAsked.tsx
-import { useCallback as useCallback2, useEffect as useEffect3, useMemo, useRef as useRef3, useState as useState3, useSyncExternalStore } from "react";
+import { useCallback as useCallback3, useEffect as useEffect4, useMemo, useRef as useRef4, useState as useState4, useSyncExternalStore } from "react";
 import { createPortal } from "react-dom";
 
 // src/client.ts
@@ -120,7 +120,7 @@ var DAY = 24 * 60 * MIN;
 var uploads = /* @__PURE__ */ new Map();
 var wait = (ms = 380) => new Promise((r) => setTimeout(r, ms + Math.random() * ms * 0.5));
 var WORDS = (s) => new Set(s.toLowerCase().split(/[^a-z0-9]+/).filter((w) => w.length > 2));
-function createDemoClient(appName = "Acme") {
+function createDemoClient(appName = "this app") {
   const t0 = Date.now();
   let seq = 100;
   const listeners = /* @__PURE__ */ new Set();
@@ -147,31 +147,31 @@ function createDemoClient(appName = "Acme") {
   });
   const team = (id, body, ago2) => ({ id, body, team: true, author: null, mine: false, createdAt: t0 - ago2 });
   const store = [
-    seed(12, "Split a bill with my partner", "We share groceries and rent. Would love to tag an expense as 50/50 and see who owes who.", 14, "planned", {
+    seed(12, "Dark mode", "Easier on the eyes at night, and it'd match the rest of my phone.", 14, "planned", {
       comments_: [
-        { id: "c1", body: "Yes! Even just splitting one expense would help.", team: false, author: "Raj", mine: false, createdAt: t0 - 3 * DAY },
-        team("c2", "On the list for December. Would a simple \u201Cwho owes who\u201D total be enough to start?", 2 * DAY)
+        { id: "c1", body: "Yes please. I use it every night.", team: false, author: "Raj", mine: false, createdAt: t0 - 3 * DAY },
+        team("c2", "On the list for December. Would following your phone's setting be enough to start?", 2 * DAY)
       ]
     }),
-    seed(13, "Monthly budget per category", "Set $400 for food and get a heads-up when I'm close.", 11, "in_progress"),
-    seed(7, "Dark mode for the charts", "", 8, "shipped", {
-      shipNote: "Charts now follow your theme. Settings \u2192 Appearance.",
+    seed(13, "Export to CSV", "So I can open everything in a spreadsheet.", 11, "in_progress"),
+    seed(7, "Keyboard shortcuts", "", 8, "shipped", {
+      shipNote: "Press ? anywhere to see them all.",
       shippedAt: t0 - 2 * DAY,
       creditName: "Sam"
     }),
-    seed(14, "Import my bank statement PDF", "Some of my older expenses never came through email.", 6, "open"),
-    seed(15, "Recurring expenses (Netflix, rent)", "", 4, "open"),
-    seed(16, "Widget for the home screen", "Just today's total would be enough.", 3, "open"),
-    seed(9, "Show which card I paid with", "", 5, "shipped", {
-      shipNote: "Each expense now shows the card's last 4 digits.",
+    seed(14, "Offline mode", "I use it on the train and keep losing signal.", 6, "open"),
+    seed(15, "Share a link with a friend", "", 4, "open"),
+    seed(16, "Widget for the home screen", "Just today's number would be enough.", 3, "open"),
+    seed(9, "Sign in with Apple", "", 5, "shipped", {
+      shipNote: "You can now sign in with your Apple ID.",
       shippedAt: t0 - 4 * 60 * MIN,
       mine: true,
       voted: true
     }),
-    seed(17, "Export expenses to Excel", "For my accountant at tax time.", 2, "open", {
+    seed(17, "A reminder the day before", "A nudge the day before something is due would do.", 2, "open", {
       mine: true,
       voted: true,
-      comments_: [team("c3", "Good one. Would a CSV that opens in Excel work, or do you need .xlsx?", 3 * 60 * MIN)]
+      comments_: [team("c3", "Good one. Would a push notification work, or would you rather get an email?", 3 * 60 * MIN)]
     })
   ];
   const find = (id) => store.find((r) => r.id === id);
@@ -344,11 +344,120 @@ var IconSpark = () => /* @__PURE__ */ jsxs("svg", { ...base, children: [
   /* @__PURE__ */ jsx("path", { d: "m12 3 1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9Z" }),
   /* @__PURE__ */ jsx("path", { d: "M19 16v4M17 18h4" })
 ] });
-var IconIdea = () => /* @__PURE__ */ jsxs("svg", { ...base, children: [
-  /* @__PURE__ */ jsx("path", { d: "M12 3.5c-4.97 0-9 3.47-9 7.75 0 2.3 1.17 4.37 3.03 5.8L5.2 20.5l4.1-2.06c.86.2 1.76.31 2.7.31 4.97 0 9-3.47 9-7.75S16.97 3.5 12 3.5Z" }),
-  /* @__PURE__ */ jsx("path", { d: "M8.2 13.2 12 9.4l3.8 3.8", strokeWidth: 2.6 })
+var IconIdea = ({ ink = "var(--_bg)" }) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx("path", { d: "M6 2.25h12a4.5 4.5 0 0 1 4.5 4.5V15a4.5 4.5 0 0 1-4.5 4.5h-6.75L6 23.25V19.5A4.5 4.5 0 0 1 1.5 15V6.75A4.5 4.5 0 0 1 6 2.25Z", fill: "currentColor" }),
+  /* @__PURE__ */ jsx("path", { d: "M7.9 13.9 12 9.8l4.1 4.1", fill: "none", stroke: ink, strokeWidth: 2.6, strokeLinecap: "round", strokeLinejoin: "round" })
 ] });
 
+// src/nudge.tsx
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var NUDGE_DEFAULTS = { everyDays: 7, activeSeconds: 30, skipVisits: 1, message: null, position: "bottom" };
+var DAY2 = 24 * 60 * 60 * 1e3;
+var VISIT_GAP = 30 * 60 * 1e3;
+function resolveNudge(server, prop) {
+  if (prop === false) return null;
+  if (typeof prop === "object") return { ...NUDGE_DEFAULTS, ...server, ...prop };
+  if (prop === true) return server ?? NUDGE_DEFAULTS;
+  return server ?? null;
+}
+function load(key) {
+  const empty = { visits: 0, lastVisitAt: 0, lastShownAt: 0, lastEngagedAt: 0, dismissals: 0 };
+  if (!key) return empty;
+  try {
+    return { ...empty, ...JSON.parse(localStorage.getItem(key) ?? "{}") };
+  } catch {
+    return empty;
+  }
+}
+function save(key, m) {
+  if (!key) return;
+  try {
+    localStorage.setItem(key, JSON.stringify(m));
+  } catch {
+  }
+}
+function useNudge(settings, storageKey, blocked) {
+  const memory = useRef(null);
+  const [show, setShow] = useState(false);
+  useEffect(() => {
+    if (!settings || memory.current) return;
+    const m = load(storageKey);
+    const now = Date.now();
+    if (now - m.lastVisitAt > VISIT_GAP) m.visits += 1;
+    m.lastVisitAt = now;
+    memory.current = m;
+    save(storageKey, m);
+  }, [settings, storageKey]);
+  useEffect(() => {
+    if (!settings || show) return;
+    let active = 0;
+    const timer = window.setInterval(() => {
+      if (document.visibilityState !== "visible" || blocked) return;
+      active += 1;
+      if (active < settings.activeSeconds) return;
+      window.clearInterval(timer);
+      const m = memory.current;
+      if (!m) return;
+      const now = Date.now();
+      const wait2 = settings.everyDays * DAY2 * 2 ** Math.min(m.dismissals, 3);
+      const due = !storageKey || m.visits > settings.skipVisits && now - m.lastShownAt >= wait2 && now - m.lastEngagedAt >= wait2;
+      if (!due) return;
+      m.lastShownAt = now;
+      save(storageKey, m);
+      setShow(true);
+    }, 1e3);
+    return () => window.clearInterval(timer);
+  }, [settings, storageKey, blocked, show]);
+  const engaged = useCallback(() => {
+    const m = memory.current;
+    if (m) {
+      m.lastEngagedAt = Date.now();
+      m.dismissals = 0;
+      save(storageKey, m);
+    }
+    setShow(false);
+  }, [storageKey]);
+  const dismiss = useCallback(() => {
+    const m = memory.current;
+    if (m) {
+      m.dismissals += 1;
+      save(storageKey, m);
+    }
+    setShow(false);
+  }, [storageKey]);
+  return { show, engaged, dismiss };
+}
+function NudgeToast({
+  settings,
+  appName,
+  position,
+  trigger,
+  onOpen,
+  onDismiss
+}) {
+  return /* @__PURE__ */ jsxs2("div", { className: "ya-toast ya-nudge", role: "status", "data-pos": position, "data-trigger": trigger, "data-place": settings.position, children: [
+    /* @__PURE__ */ jsxs2("div", { className: "ya-toast-top", children: [
+      /* @__PURE__ */ jsxs2("p", { className: "ya-toast-kicker", children: [
+        "Help shape ",
+        appName
+      ] }),
+      /* @__PURE__ */ jsx2("button", { type: "button", className: "ya-icon-btn", onClick: onDismiss, "aria-label": "Dismiss", children: /* @__PURE__ */ jsx2(IconClose, {}) })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "ya-nudge-body", children: [
+      /* @__PURE__ */ jsx2("span", { className: "ya-card-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(IconIdea, {}) }),
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx2("p", { className: "ya-toast-title", children: settings.message ?? `Got an idea for ${appName}?` }),
+        /* @__PURE__ */ jsx2("p", { className: "ya-toast-note", children: "Ask for a feature or vote on what others want." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "ya-toast-actions", children: [
+      /* @__PURE__ */ jsx2("button", { type: "button", className: "ya-btn ya-btn-sm", onClick: onOpen, children: "Share an idea" }),
+      /* @__PURE__ */ jsx2("button", { type: "button", className: "ya-btn ya-btn-sm ya-btn-ghost", onClick: onDismiss, children: "Not now" })
+    ] })
+  ] });
+}
+
 // src/styles.ts
 var css = `
 .ya-scope{--_bg:var(--ya-bg);--_fg:var(--ya-fg);--_accent:var(--ya-accent);--_accent-fg:var(--ya-accent-fg);
@@ -462,7 +571,7 @@ box-shadow:0 0 0 1px var(--_border),0 24px 70px rgba(0,0,0,.22);padding-bottom:0
 .ya-typing span{width:7px;height:7px;border-radius:50%;background:var(--_muted);animation:ya-dot 1s infinite ease-in-out}
 .ya-typing span:nth-child(2){animation-delay:.15s}
 .ya-typing span:nth-child(3){animation-delay:.3s}
-.ya-chip{align-self:center;margin-top:6px;font-size:13.5px;font-weight:600;color:var(--_accent);padding:8px 14px;border-radius:999px;background:var(--_tint)}
+.ya-chip{align-self:center;margin-top:6px;font-size:13.5px;font-weight:600;color:var(--_accent);padding:8px 14px;border-radius:var(--ya-button-radius,999px);background:var(--_tint)}
 .ya-section{margin-top:12px}
 .ya-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}
 .ya-section-head h3{font-size:13px;font-weight:650;color:var(--_muted)}
@@ -478,7 +587,7 @@ box-shadow:0 0 0 1px var(--_border),0 24px 70px rgba(0,0,0,.22);padding-bottom:0
 .ya-tray{padding:10px;margin-bottom:8px;border-radius:calc(var(--_radius) + 2px);background:var(--_tint);animation:ya-tray .22s cubic-bezier(.2,.9,.3,1)}
 .ya-tray-h{font-size:13px;font-weight:650;margin:0 2px 8px}
 .ya-tray .ya-row{background:var(--_bg)}
-.ya-composer{display:flex;align-items:flex-end;gap:8px;padding:5px 5px 5px 16px;border-radius:24px;background:var(--_surface);border:1.5px solid transparent;transition:border-color .15s}
+.ya-composer{display:flex;align-items:flex-end;gap:8px;padding:5px 5px 5px 16px;border-radius:var(--ya-button-radius,24px);background:var(--_surface);border:1.5px solid transparent;transition:border-color .15s}
 .ya-composer:focus-within{border-color:color-mix(in srgb,var(--_accent) 55%,transparent)}
 .ya-composer-bar{flex:none;margin:8px 12px 12px}
 .ya-composer-input{flex:1;min-width:0;border:0;outline:none;background:none;resize:none;font:inherit;font-size:16px;line-height:1.4;color:var(--_fg);padding:7px 0;margin:0;min-height:calc(1.4em + 14px);max-height:132px;overflow-y:auto}
@@ -495,7 +604,7 @@ box-shadow:0 0 0 1px var(--_border),0 24px 70px rgba(0,0,0,.22);padding-bottom:0
 .ya-shot-x:hover{color:var(--_fg);background:var(--_border)}
 .ya-shot-x svg{width:13px;height:13px}
 .ya-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;min-height:32px}
-.ya-tool{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 9px;border-radius:999px;background:var(--_tint);color:var(--_accent);font-size:13.5px;font-weight:650;transition:transform .12s,opacity .15s;flex:none}
+.ya-tool{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 9px;border-radius:var(--ya-button-radius,999px);background:var(--_tint);color:var(--_accent);font-size:13.5px;font-weight:650;transition:transform .12s,opacity .15s;flex:none}
 .ya-tool svg{width:16px;height:16px}
 .ya-tool:disabled{opacity:.4}
 .ya-tool:active{transform:scale(.96)}
@@ -525,10 +634,10 @@ box-shadow:0 0 0 1px var(--_border),0 24px 70px rgba(0,0,0,.22);padding-bottom:0
 .ya-tab{flex:1;padding:7px 0;border-radius:calc(var(--_radius) - 5px);font-size:14px;font-weight:600;color:var(--_muted);text-align:center;transition:background .15s,color .15s}
 .ya-tab[aria-selected=true]{background:var(--_bg);color:var(--_fg);box-shadow:0 1px 3px rgba(0,0,0,.1)}
 .ya-foot{padding:12px 16px 14px;border-top:1px solid var(--_border);display:flex;flex-direction:column;gap:9px;flex:none;background:var(--_bg)}
-.ya-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 18px;border-radius:var(--_radius);background:var(--_accent);color:var(--_accent-fg);font-weight:650;font-size:15px;width:100%;transition:opacity .15s,transform .12s;white-space:nowrap}
+.ya-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 18px;border-radius:var(--ya-button-radius,var(--_radius));background:var(--_accent);color:var(--_accent-fg);font-weight:650;font-size:15px;width:100%;transition:opacity .15s,transform .12s;white-space:nowrap}
 .ya-btn svg{width:18px;height:18px}
 .ya-btn:disabled{opacity:.4}
-.ya-btn-sm{height:38px;width:auto;padding:0 14px;font-size:14px;border-radius:calc(var(--_radius) - 3px)}
+.ya-btn-sm{height:38px;width:auto;padding:0 14px;font-size:14px;border-radius:var(--ya-button-radius,calc(var(--_radius) - 3px))}
 .ya-btn-ghost{background:var(--_surface);color:var(--_fg)}
 .ya-callout{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--_radius);font-size:14px;margin-top:14px;line-height:1.4;background:color-mix(in srgb,var(--_green) 12%,var(--_bg))}
 .ya-callout svg{width:18px;height:18px;margin-top:1px;color:var(--_green)}
@@ -536,7 +645,7 @@ box-shadow:0 0 0 1px var(--_border),0 24px 70px rgba(0,0,0,.22);padding-bottom:0
 .ya-detail-title{font-size:21px;font-weight:700;letter-spacing:-.015em;margin:10px 0 8px;overflow-wrap:anywhere;line-height:1.28}
 .ya-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;color:var(--_fg)}
 .ya-text-muted{color:var(--_muted)}
-.ya-bigvote{margin-top:16px;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 12px;border-radius:999px;border:1px solid var(--_border);font-weight:650;font-size:14.5px;transition:transform .12s,background .15s,color .15s;font-variant-numeric:tabular-nums}
+.ya-bigvote{margin-top:16px;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 12px;border-radius:var(--ya-button-radius,999px);border:1px solid var(--_border);font-weight:650;font-size:14.5px;transition:transform .12s,background .15s,color .15s;font-variant-numeric:tabular-nums}
 .ya-bigvote svg{width:17px;height:17px}
 .ya-bigvote[aria-pressed=true]{background:var(--_accent);border-color:var(--_accent);color:var(--_accent-fg)}
 .ya-attachments{display:flex;flex-direction:column;gap:8px;margin-top:12px}
@@ -579,12 +688,16 @@ box-shadow:0 0 0 1px var(--_border),0 24px 70px rgba(0,0,0,.22);padding-bottom:0
 .ya-toast .ya-live{margin-top:8px}
 .ya-live svg{width:15px;height:15px}
 .ya-toast-note{font-size:13.5px;color:var(--_muted);margin-top:6px;overflow-wrap:anywhere}
+.ya-toast[data-place=top]{top:calc(16px + env(safe-area-inset-top));bottom:auto}
+.ya-nudge-body{display:flex;gap:12px;align-items:flex-start;margin-top:6px}
+.ya-nudge-body .ya-card-icon{flex:none;margin-top:2px}
+.ya-nudge-body .ya-toast-title{margin-top:0}
 .ya-toast-actions{display:flex;gap:8px;margin-top:12px}
 .ya-toast-quote{color:var(--_fg);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .ya-toast .ya-icon-btn{width:30px;height:30px;margin:-6px -6px 0 0;background:none}
 
 /* ---------- inline entry points */
-.ya-askbar{display:flex;align-items:center;gap:12px;width:100%;padding:8px 8px 8px 10px;border-radius:999px;background:var(--_bg);border:1px solid var(--_border);color:var(--_muted);font-size:15.5px;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:border-color .15s,transform .12s}
+.ya-askbar{display:flex;align-items:center;gap:12px;width:100%;padding:8px 8px 8px 10px;border-radius:var(--ya-button-radius,999px);background:var(--_bg);border:1px solid var(--_border);color:var(--_muted);font-size:15.5px;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:border-color .15s,transform .12s}
 .ya-askbar:hover{border-color:color-mix(in srgb,var(--_accent) 50%,var(--_border))}
 .ya-askbar .ya-avatar{border-radius:30%}
 .ya-askbar-glyph{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--_tint);color:var(--_accent);flex:none}
@@ -606,7 +719,7 @@ box-shadow:0 0 0 1px var(--_border),0 24px 70px rgba(0,0,0,.22);padding-bottom:0
 .ya-card-actions{display:flex;gap:8px}
 .ya-card-actions .ya-btn{flex:1}
 
-.ya-pillbtn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 13px;border-radius:999px;background:var(--_tint);color:var(--_accent);font-weight:650;font-size:14.5px;transition:transform .12s}
+.ya-pillbtn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 13px;border-radius:var(--ya-button-radius,999px);background:var(--_tint);color:var(--_accent);font-weight:650;font-size:14.5px;transition:transform .12s}
 .ya-pillbtn svg{width:18px;height:18px}
 .ya-pillbtn .ya-badge{margin-right:-6px}
 .ya-iconbtn{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--_surface);color:var(--_fg);transition:transform .12s}
@@ -732,12 +845,13 @@ function defined(obj) {
 function resolveTokens(appearance = {}) {
   const mode = appearance.mode === "dark" || appearance.mode !== "light" && hostIsDark() ? "dark" : "light";
   const host = appearance.inherit === false ? {} : readHost();
-  const { mode: _m, inherit: _i, radius, ...colours } = appearance;
+  const { mode: _m, inherit: _i, radius, buttonRadius, ...colours } = appearance;
   const merged = {
     ...DEFAULTS[mode],
     ...defined(host),
     ...defined(colours),
     ...radius !== void 0 ? { radius: typeof radius === "number" ? `${radius}px` : radius } : {},
+    ...buttonRadius !== void 0 ? { buttonRadius: buttonRadius === "pill" ? "999px" : typeof buttonRadius === "number" ? `${buttonRadius}px` : buttonRadius } : {},
     mode
   };
   if (!merged.accentForeground) {
@@ -756,6 +870,7 @@ function tokenStyle(t) {
     "--ya-fg": t.foreground,
     "--ya-radius": t.radius
   };
+  if (t.buttonRadius) style["--ya-button-radius"] = t.buttonRadius;
   if (t.fontFamily && t.fontFamily !== "inherit") style["--ya-font"] = t.fontFamily;
   if (t.muted) style["--ya-muted"] = t.muted;
   if (t.surface) style["--ya-surface"] = t.surface;
@@ -764,13 +879,13 @@ function tokenStyle(t) {
 }
 
 // src/shared.tsx
-import { useCallback, useEffect, useRef, useState } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function useVote(client, initial) {
-  const [state, setState] = useState({ voted: initial.voted, votes: initial.votes });
-  const busy = useRef(false);
-  useEffect(() => setState({ voted: initial.voted, votes: initial.votes }), [initial.voted, initial.votes]);
-  const toggle = useCallback(async () => {
+  const [state, setState] = useState2({ voted: initial.voted, votes: initial.votes });
+  const busy = useRef2(false);
+  useEffect2(() => setState({ voted: initial.voted, votes: initial.votes }), [initial.voted, initial.votes]);
+  const toggle = useCallback2(async () => {
     if (busy.current) return;
     busy.current = true;
     const before = state;
@@ -787,7 +902,7 @@ function useVote(client, initial) {
 }
 function VoteButton({ client, request, compact }) {
   const { voted, votes, toggle } = useVote(client, request);
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "button",
     {
       type: "button",
@@ -799,7 +914,7 @@ function VoteButton({ client, request, compact }) {
         toggle();
       },
       children: [
-        /* @__PURE__ */ jsx2(IconUp, {}),
+        /* @__PURE__ */ jsx3(IconUp, {}),
         votes
       ]
     }
@@ -811,9 +926,9 @@ function BigVote({
   onChange
 }) {
   const { voted, votes, toggle } = useVote(client, request);
-  useEffect(() => onChange?.(voted), [voted, onChange]);
-  return /* @__PURE__ */ jsxs2("button", { type: "button", className: "ya-bigvote", "aria-pressed": voted, onClick: toggle, children: [
-    /* @__PURE__ */ jsx2(IconUp, {}),
+  useEffect2(() => onChange?.(voted), [voted, onChange]);
+  return /* @__PURE__ */ jsxs3("button", { type: "button", className: "ya-bigvote", "aria-pressed": voted, onClick: toggle, children: [
+    /* @__PURE__ */ jsx3(IconUp, {}),
     voted ? "Voted" : "Upvote",
     " \xB7 ",
     votes
@@ -828,8 +943,8 @@ var STATUS_LABEL = {
   pending: "Awaiting approval"
 };
 function StatusPill({ status }) {
-  return /* @__PURE__ */ jsxs2("span", { className: "ya-pill", "data-s": status, children: [
-    status === "shipped" && /* @__PURE__ */ jsx2(IconCheck, {}),
+  return /* @__PURE__ */ jsxs3("span", { className: "ya-pill", "data-s": status, children: [
+    status === "shipped" && /* @__PURE__ */ jsx3(IconCheck, {}),
     STATUS_LABEL[status]
   ] });
 }
@@ -839,32 +954,32 @@ function RequestRow({
   onOpen,
   compact
 }) {
-  return /* @__PURE__ */ jsxs2("li", { className: compact ? "ya-row ya-row-sm" : "ya-row", children: [
-    /* @__PURE__ */ jsx2(VoteButton, { client, request, compact }),
-    /* @__PURE__ */ jsxs2("button", { type: "button", className: "ya-row-main", onClick: onOpen, children: [
-      /* @__PURE__ */ jsx2("span", { className: "ya-row-title", children: request.title }),
-      (request.status !== "open" || request.comments > 0 || request.mine) && /* @__PURE__ */ jsxs2("span", { className: "ya-meta", children: [
-        request.status !== "open" && /* @__PURE__ */ jsx2(StatusPill, { status: request.status }),
-        request.comments > 0 && /* @__PURE__ */ jsxs2("span", { children: [
-          /* @__PURE__ */ jsx2(IconChat, {}),
+  return /* @__PURE__ */ jsxs3("li", { className: compact ? "ya-row ya-row-sm" : "ya-row", children: [
+    /* @__PURE__ */ jsx3(VoteButton, { client, request, compact }),
+    /* @__PURE__ */ jsxs3("button", { type: "button", className: "ya-row-main", onClick: onOpen, children: [
+      /* @__PURE__ */ jsx3("span", { className: "ya-row-title", children: request.title }),
+      (request.status !== "open" || request.comments > 0 || request.mine) && /* @__PURE__ */ jsxs3("span", { className: "ya-meta", children: [
+        request.status !== "open" && /* @__PURE__ */ jsx3(StatusPill, { status: request.status }),
+        request.comments > 0 && /* @__PURE__ */ jsxs3("span", { children: [
+          /* @__PURE__ */ jsx3(IconChat, {}),
           request.comments
         ] }),
-        request.mine && /* @__PURE__ */ jsx2("span", { children: "You asked" })
+        request.mine && /* @__PURE__ */ jsx3("span", { children: "You asked" })
       ] })
     ] })
   ] });
 }
 function Skeleton({ rows = 3 }) {
-  return /* @__PURE__ */ jsx2("div", { className: "ya-list", "aria-label": "Loading", role: "status", children: Array.from({ length: rows }, (_, i) => /* @__PURE__ */ jsx2("div", { className: "ya-skel" }, i)) });
+  return /* @__PURE__ */ jsx3("div", { className: "ya-list", "aria-label": "Loading", role: "status", children: Array.from({ length: rows }, (_, i) => /* @__PURE__ */ jsx3("div", { className: "ya-skel" }, i)) });
 }
-function useLoad(load, deps) {
-  const [data, setData] = useState(null);
-  const [error, setError] = useState(null);
-  useEffect(() => {
+function useLoad(load2, deps) {
+  const [data, setData] = useState2(null);
+  const [error, setError] = useState2(null);
+  useEffect2(() => {
     let alive = true;
     setData(null);
     setError(null);
-    load().then((d) => alive && setData(d)).catch((e) => alive && setError(e instanceof YouAskedError ? e.code : "network"));
+    load2().then((d) => alive && setData(d)).catch((e) => alive && setError(e instanceof YouAskedError ? e.code : "network"));
     return () => {
       alive = false;
     };
@@ -904,9 +1019,9 @@ function ago(t) {
   return new Date(t).toLocaleDateString(void 0, { month: "short", day: "numeric" });
 }
 function AppAvatar({ icon, size = 36 }) {
-  const [failed, setFailed] = useState(false);
+  const [failed, setFailed] = useState2(false);
   if (!icon || failed) return null;
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "img",
     {
       className: "ya-avatar",
@@ -927,31 +1042,31 @@ function Header({
   onClose,
   right
 }) {
-  return /* @__PURE__ */ jsxs2("div", { className: onBack ? "ya-head ya-head-back" : "ya-head", children: [
-    onBack && /* @__PURE__ */ jsx2("button", { type: "button", className: "ya-icon-btn", onClick: onBack, "aria-label": "Back", children: /* @__PURE__ */ jsx2(IconBack, {}) }),
+  return /* @__PURE__ */ jsxs3("div", { className: onBack ? "ya-head ya-head-back" : "ya-head", children: [
+    onBack && /* @__PURE__ */ jsx3("button", { type: "button", className: "ya-icon-btn", onClick: onBack, "aria-label": "Back", children: /* @__PURE__ */ jsx3(IconBack, {}) }),
     leading,
-    /* @__PURE__ */ jsxs2("div", { className: "ya-head-text", children: [
-      /* @__PURE__ */ jsx2("h2", { className: "ya-h", children: title }),
-      subtitle && /* @__PURE__ */ jsx2("p", { className: "ya-sub", children: subtitle })
+    /* @__PURE__ */ jsxs3("div", { className: "ya-head-text", children: [
+      /* @__PURE__ */ jsx3("h2", { className: "ya-h", children: title }),
+      subtitle && /* @__PURE__ */ jsx3("p", { className: "ya-sub", children: subtitle })
     ] }),
     right,
-    onClose && /* @__PURE__ */ jsx2("button", { type: "button", className: "ya-icon-btn", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx2(IconClose, {}) })
+    onClose && /* @__PURE__ */ jsx3("button", { type: "button", className: "ya-icon-btn", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx3(IconClose, {}) })
   ] });
 }
 
 // src/views.tsx
-import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
+import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function Navigator({ route, setRoute, onClose }) {
   switch (route.view) {
     case "home":
-      return /* @__PURE__ */ jsx3(Home, { route, setRoute, onClose }, `${route.draft ?? ""}${route.focus ? "f" : ""}${route.topic ?? ""}`);
+      return /* @__PURE__ */ jsx4(Home, { route, setRoute, onClose }, `${route.draft ?? ""}${route.focus ? "f" : ""}${route.topic ?? ""}`);
     case "board":
-      return /* @__PURE__ */ jsx3(Board, { initialTab: route.tab, setRoute, onClose });
+      return /* @__PURE__ */ jsx4(Board, { initialTab: route.tab, setRoute, onClose });
     case "detail":
-      return /* @__PURE__ */ jsx3(Detail, { id: route.id, setRoute, onClose }, route.id);
+      return /* @__PURE__ */ jsx4(Detail, { id: route.id, from: route.from, setRoute, onClose }, route.id);
     case "mine":
-      return /* @__PURE__ */ jsx3(Mine, { setRoute, onClose });
+      return /* @__PURE__ */ jsx4(Mine, { setRoute, onClose });
   }
 }
 function splitMessage(text) {
@@ -963,23 +1078,23 @@ function splitMessage(text) {
   return { title, body: t };
 }
 function ReplyBubble({ notice, appName, onOpen }) {
-  return /* @__PURE__ */ jsxs3("div", { className: "ya-bubble ya-bubble-in", children: [
-    /* @__PURE__ */ jsxs3("span", { className: "ya-bubble-kicker", children: [
+  return /* @__PURE__ */ jsxs4("div", { className: "ya-bubble ya-bubble-in", children: [
+    /* @__PURE__ */ jsxs4("span", { className: "ya-bubble-kicker", children: [
       appName,
       " replied about ",
       notice.title
     ] }),
-    /* @__PURE__ */ jsx3("span", { children: notice.reply }),
-    /* @__PURE__ */ jsx3("button", { type: "button", className: "ya-bubble-link", onClick: onOpen, children: "Reply" })
+    /* @__PURE__ */ jsx4("span", { children: notice.reply }),
+    /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-bubble-link", onClick: onOpen, children: "Reply" })
   ] });
 }
 var MAX_SHOTS = 3;
 function Confetti() {
   const colors = ["var(--_accent)", "var(--_green)", "var(--_amber)", "#ff7eb3"];
-  return /* @__PURE__ */ jsx3("span", { className: "ya-confetti", "aria-hidden": "true", children: Array.from({ length: 14 }, (_, i) => {
+  return /* @__PURE__ */ jsx4("span", { className: "ya-confetti", "aria-hidden": "true", children: Array.from({ length: 14 }, (_, i) => {
     const angle = Math.PI * (0.15 + i / 13 * 0.7) % Math.PI;
     const dist = 38 + i % 4 * 14;
-    return /* @__PURE__ */ jsx3(
+    return /* @__PURE__ */ jsx4(
       "i",
       {
         style: {
@@ -998,33 +1113,33 @@ function Home({ route, setRoute, onClose }) {
   const { client, config, appName, appIcon, greeting, markSeen, whatsNew, dismissWhatsNew, pointAtIt } = useInternal();
   const top = useLoad(() => client.list("top", "active"), [client]);
   const shipped = useLoad(() => client.list("new", "shipped"), [client]);
-  const [text, setText] = useState2(route.draft ?? "");
-  const [thread, setThread] = useState2([]);
-  const [similar, setSimilar] = useState2([]);
-  const [notices] = useState2(() => config?.unseen ?? []);
-  const [news] = useState2(() => whatsNew);
-  const [shots, setShots] = useState2([]);
-  const [shotError, setShotError] = useState2(null);
-  const [credit, setCredit] = useState2(false);
-  const urls = useRef2([]);
-  const inputRef = useRef2(null);
-  const bodyRef = useRef2(null);
+  const [text, setText] = useState3(route.draft ?? "");
+  const [thread, setThread] = useState3([]);
+  const [similar, setSimilar] = useState3([]);
+  const [notices] = useState3(() => config?.unseen ?? []);
+  const [news] = useState3(() => whatsNew);
+  const [shots, setShots] = useState3([]);
+  const [shotError, setShotError] = useState3(null);
+  const [credit, setCredit] = useState3(false);
+  const urls = useRef3([]);
+  const inputRef = useRef3(null);
+  const bodyRef = useRef3(null);
   const sending = thread.some((t) => t.kind === "typing");
-  useEffect2(() => {
+  useEffect3(() => {
     if (notices.length) markSeen(notices.map((n) => n.id));
   }, [notices, markSeen]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (news) dismissWhatsNew();
   }, [news, dismissWhatsNew]);
   const arrived = config?.unseen.filter((n) => n.kind === "reply" && !notices.some((o) => o.id === n.id)) ?? [];
   const arrivedKey = arrived.map((n) => n.id).join(",");
-  useEffect2(() => {
+  useEffect3(() => {
     if (!arrived.length) return;
     setThread((th) => [...th, ...arrived.map((notice) => ({ kind: "reply", notice }))]);
     markSeen(arrived.map((n) => n.id));
   }, [arrivedKey]);
-  useEffect2(() => () => urls.current.forEach((u) => URL.revokeObjectURL(u)), []);
-  useEffect2(() => {
+  useEffect3(() => () => urls.current.forEach((u) => URL.revokeObjectURL(u)), []);
+  useEffect3(() => {
     if (!route.focus) return;
     const t = setTimeout(() => {
       const el = inputRef.current;
@@ -1034,16 +1149,16 @@ function Home({ route, setRoute, onClose }) {
     }, 60);
     return () => clearTimeout(t);
   }, [route.focus]);
-  useEffect2(() => {
+  useEffect3(() => {
     const el = inputRef.current;
     if (!el) return;
     el.style.height = "";
     if (text.includes("\n") || el.scrollHeight > el.clientHeight + 2) el.style.height = `${Math.min(el.scrollHeight, 132)}px`;
   }, [text]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (thread.length) bodyRef.current?.scrollTo({ top: bodyRef.current.scrollHeight, behavior: "smooth" });
   }, [thread]);
-  useEffect2(() => {
+  useEffect3(() => {
     const q = text.trim();
     if (q.length < 4) {
       setSimilar([]);
@@ -1104,106 +1219,106 @@ function Home({ route, setRoute, onClose }) {
     }
   };
   const chatting = thread.length > 0;
-  const openRequest = (id) => setRoute({ view: "detail", id });
+  const openRequest = (id) => setRoute({ view: "detail", id, from: "home" });
   const asking = route.topic && route.placeholder ? route.topic : null;
   const placeholder = route.placeholder ?? "Ask for a feature\u2026";
   const yours = news?.items.find((i) => i.mine);
   const listed = new Set(news?.items.map((i) => i.id));
   const shownNotices = notices.filter((n) => !(n.kind === "shipped" && listed.has(n.requestId)));
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+    /* @__PURE__ */ jsx4(
       Header,
       {
-        leading: /* @__PURE__ */ jsx3(AppAvatar, { icon: appIcon }),
+        leading: /* @__PURE__ */ jsx4(AppAvatar, { icon: appIcon }),
         title: appName,
         subtitle: "Ideas, votes and what's new",
         onClose
       }
     ),
-    /* @__PURE__ */ jsxs3("div", { className: "ya-body ya-chat", ref: bodyRef, children: [
-      /* @__PURE__ */ jsx3("div", { className: "ya-bubble ya-bubble-in", children: asking ? `Let's talk about ${asking}. What's missing, or what bugs you?` : greeting ?? `Hey! What would make ${appName} better for you?` }),
-      news && /* @__PURE__ */ jsxs3("div", { className: yours ? "ya-bubble ya-bubble-in ya-bubble-win ya-bubble-news" : "ya-bubble ya-bubble-in ya-bubble-news", children: [
-        yours && /* @__PURE__ */ jsx3(Confetti, {}),
-        /* @__PURE__ */ jsx3("span", { className: "ya-bubble-kicker", children: whatsNewHeading(news.total) }),
-        /* @__PURE__ */ jsx3("ul", { className: "ya-news", children: news.items.map((i) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs3("button", { type: "button", onClick: () => openRequest(i.id), children: [
-          /* @__PURE__ */ jsx3("span", { className: "ya-shipped-dot", children: /* @__PURE__ */ jsx3(IconCheck, {}) }),
-          /* @__PURE__ */ jsxs3("span", { className: "ya-news-text", children: [
-            /* @__PURE__ */ jsx3("span", { className: "ya-news-title", children: i.title }),
-            i.mine && /* @__PURE__ */ jsx3("span", { className: "ya-news-you", children: "You asked for this" })
+    /* @__PURE__ */ jsxs4("div", { className: "ya-body ya-chat", ref: bodyRef, children: [
+      /* @__PURE__ */ jsx4("div", { className: "ya-bubble ya-bubble-in", children: asking ? `Let's talk about ${asking}. What's missing, or what bugs you?` : greeting ?? `Hey! What would make ${appName} better for you?` }),
+      news && /* @__PURE__ */ jsxs4("div", { className: yours ? "ya-bubble ya-bubble-in ya-bubble-win ya-bubble-news" : "ya-bubble ya-bubble-in ya-bubble-news", children: [
+        yours && /* @__PURE__ */ jsx4(Confetti, {}),
+        /* @__PURE__ */ jsx4("span", { className: "ya-bubble-kicker", children: whatsNewHeading(news.total) }),
+        /* @__PURE__ */ jsx4("ul", { className: "ya-news", children: news.items.map((i) => /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsxs4("button", { type: "button", onClick: () => openRequest(i.id), children: [
+          /* @__PURE__ */ jsx4("span", { className: "ya-shipped-dot", children: /* @__PURE__ */ jsx4(IconCheck, {}) }),
+          /* @__PURE__ */ jsxs4("span", { className: "ya-news-text", children: [
+            /* @__PURE__ */ jsx4("span", { className: "ya-news-title", children: i.title }),
+            i.mine && /* @__PURE__ */ jsx4("span", { className: "ya-news-you", children: "You asked for this" })
           ] }),
-          /* @__PURE__ */ jsx3(IconChevron, {})
+          /* @__PURE__ */ jsx4(IconChevron, {})
         ] }) }, i.id)) }),
-        yours && /* @__PURE__ */ jsx3("span", { children: "That one was yours. Thanks for asking." }),
-        news.total > news.items.length && /* @__PURE__ */ jsxs3("button", { type: "button", className: "ya-bubble-link", onClick: () => setRoute({ view: "board", tab: "shipped" }), children: [
+        yours && /* @__PURE__ */ jsx4("span", { children: "That one was yours. Thanks for asking." }),
+        news.total > news.items.length && /* @__PURE__ */ jsxs4("button", { type: "button", className: "ya-bubble-link", onClick: () => setRoute({ view: "board", tab: "shipped" }), children: [
           "See all ",
           news.total
         ] })
       ] }),
       shownNotices.map(
-        (n) => n.kind === "reply" ? /* @__PURE__ */ jsx3(ReplyBubble, { notice: n, appName, onOpen: () => openRequest(n.requestId) }, n.id) : /* @__PURE__ */ jsxs3("div", { className: "ya-bubble ya-bubble-in ya-bubble-win", children: [
-          /* @__PURE__ */ jsxs3("span", { className: "ya-live", children: [
-            /* @__PURE__ */ jsx3(IconCheck, {}),
+        (n) => n.kind === "reply" ? /* @__PURE__ */ jsx4(ReplyBubble, { notice: n, appName, onOpen: () => openRequest(n.requestId) }, n.id) : /* @__PURE__ */ jsxs4("div", { className: "ya-bubble ya-bubble-in ya-bubble-win", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "ya-live", children: [
+            /* @__PURE__ */ jsx4(IconCheck, {}),
             "It's live"
           ] }),
-          /* @__PURE__ */ jsxs3("span", { children: [
+          /* @__PURE__ */ jsxs4("span", { children: [
             "You asked for ",
-            /* @__PURE__ */ jsx3("b", { children: n.title }),
+            /* @__PURE__ */ jsx4("b", { children: n.title }),
             ". ",
             n.shipNote ?? "Thanks for asking."
           ] }),
-          /* @__PURE__ */ jsx3("button", { type: "button", className: "ya-bubble-link", onClick: () => openRequest(n.requestId), children: "See it" })
+          /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-bubble-link", onClick: () => openRequest(n.requestId), children: "See it" })
         ] }, n.id)
       ),
-      !chatting && /* @__PURE__ */ jsxs3(Fragment, { children: [
-        /* @__PURE__ */ jsx3(Section, { title: "Popular right now", action: "See all", onAction: () => setRoute({ view: "board" }), children: top.error ? /* @__PURE__ */ jsx3("p", { className: "ya-note", children: errorText(top.error) }) : !top.data ? /* @__PURE__ */ jsx3(Skeleton, { rows: 2 }) : top.data.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "ya-note", children: "No requests yet. Yours could be the first." }) : /* @__PURE__ */ jsx3("ul", { className: "ya-list", children: top.data.slice(0, 3).map((r) => /* @__PURE__ */ jsx3(RequestRow, { client, request: r, compact: true, onOpen: () => openRequest(r.id) }, r.id)) }) }),
-        shipped.data && shipped.data.length > 0 && /* @__PURE__ */ jsx3(Section, { title: "Recently shipped", action: "All", onAction: () => setRoute({ view: "board", tab: "shipped" }), children: /* @__PURE__ */ jsx3("ul", { className: "ya-shipped", children: shipped.data.slice(0, 3).map((r) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs3("button", { type: "button", onClick: () => openRequest(r.id), children: [
-          /* @__PURE__ */ jsx3("span", { className: "ya-shipped-dot", children: /* @__PURE__ */ jsx3(IconCheck, {}) }),
-          /* @__PURE__ */ jsx3("span", { className: "ya-shipped-title", children: r.title }),
-          /* @__PURE__ */ jsx3("span", { className: "ya-shipped-when", children: r.shippedAt ? ago(r.shippedAt) : "" })
+      !chatting && /* @__PURE__ */ jsxs4(Fragment, { children: [
+        /* @__PURE__ */ jsx4(Section, { title: "Popular right now", action: "See all", onAction: () => setRoute({ view: "board" }), children: top.error ? /* @__PURE__ */ jsx4("p", { className: "ya-note", children: errorText(top.error) }) : !top.data ? /* @__PURE__ */ jsx4(Skeleton, { rows: 2 }) : top.data.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "ya-note", children: "No requests yet. Yours could be the first." }) : /* @__PURE__ */ jsx4("ul", { className: "ya-list", children: top.data.slice(0, 3).map((r) => /* @__PURE__ */ jsx4(RequestRow, { client, request: r, compact: true, onOpen: () => openRequest(r.id) }, r.id)) }) }),
+        shipped.data && shipped.data.length > 0 && /* @__PURE__ */ jsx4(Section, { title: "Recently shipped", action: "All", onAction: () => setRoute({ view: "board", tab: "shipped" }), children: /* @__PURE__ */ jsx4("ul", { className: "ya-shipped", children: shipped.data.slice(0, 3).map((r) => /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsxs4("button", { type: "button", onClick: () => openRequest(r.id), children: [
+          /* @__PURE__ */ jsx4("span", { className: "ya-shipped-dot", children: /* @__PURE__ */ jsx4(IconCheck, {}) }),
+          /* @__PURE__ */ jsx4("span", { className: "ya-shipped-title", children: r.title }),
+          /* @__PURE__ */ jsx4("span", { className: "ya-shipped-when", children: r.shippedAt ? ago(r.shippedAt) : "" })
         ] }) }, r.id)) }) })
       ] }),
       thread.map(
-        (t, i) => t.kind === "out" ? /* @__PURE__ */ jsxs3("div", { className: "ya-bubble ya-bubble-out", children: [
-          t.images?.map((src) => /* @__PURE__ */ jsx3("img", { className: "ya-bubble-img", src, alt: "Your screenshot" }, src)),
+        (t, i) => t.kind === "out" ? /* @__PURE__ */ jsxs4("div", { className: "ya-bubble ya-bubble-out", children: [
+          t.images?.map((src) => /* @__PURE__ */ jsx4("img", { className: "ya-bubble-img", src, alt: "Your screenshot" }, src)),
           t.text
-        ] }, i) : t.kind === "typing" ? /* @__PURE__ */ jsxs3("div", { className: "ya-bubble ya-bubble-in ya-typing", "aria-label": "Posting", children: [
-          /* @__PURE__ */ jsx3("span", {}),
-          /* @__PURE__ */ jsx3("span", {}),
-          /* @__PURE__ */ jsx3("span", {})
-        ] }, i) : t.kind === "reply" ? /* @__PURE__ */ jsx3(ReplyBubble, { notice: t.notice, appName, onOpen: () => openRequest(t.notice.requestId) }, i) : t.kind === "posted" ? /* @__PURE__ */ jsxs3("div", { className: "ya-bubble ya-bubble-in", children: [
-          /* @__PURE__ */ jsxs3("span", { children: [
+        ] }, i) : t.kind === "typing" ? /* @__PURE__ */ jsxs4("div", { className: "ya-bubble ya-bubble-in ya-typing", "aria-label": "Posting", children: [
+          /* @__PURE__ */ jsx4("span", {}),
+          /* @__PURE__ */ jsx4("span", {}),
+          /* @__PURE__ */ jsx4("span", {})
+        ] }, i) : t.kind === "reply" ? /* @__PURE__ */ jsx4(ReplyBubble, { notice: t.notice, appName, onOpen: () => openRequest(t.notice.requestId) }, i) : t.kind === "posted" ? /* @__PURE__ */ jsxs4("div", { className: "ya-bubble ya-bubble-in", children: [
+          /* @__PURE__ */ jsxs4("span", { children: [
             "Got it. ",
-            /* @__PURE__ */ jsx3("b", { children: t.request.title }),
+            /* @__PURE__ */ jsx4("b", { children: t.request.title }),
             " is on the board, and we'll tell you right here when it ships."
           ] }),
-          /* @__PURE__ */ jsx3("button", { type: "button", className: "ya-bubble-link", onClick: () => openRequest(t.request.id), children: "View request" })
-        ] }, i) : /* @__PURE__ */ jsx3("div", { className: "ya-bubble ya-bubble-in ya-bubble-error", role: "alert", children: t.text }, i)
+          /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-bubble-link", onClick: () => openRequest(t.request.id), children: "View request" })
+        ] }, i) : /* @__PURE__ */ jsx4("div", { className: "ya-bubble ya-bubble-in ya-bubble-error", role: "alert", children: t.text }, i)
       ),
-      chatting && !sending && /* @__PURE__ */ jsx3("button", { type: "button", className: "ya-chip", onClick: () => setRoute({ view: "board" }), children: "See what others asked for" })
+      chatting && !sending && /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-chip", onClick: () => setRoute({ view: "board" }), children: "See what others asked for" })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "ya-composer-wrap", children: [
-      similar.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "ya-tray", "aria-live": "polite", children: [
-        /* @__PURE__ */ jsx3("p", { className: "ya-tray-h", children: "Sounds like one of these. Vote instead?" }),
-        /* @__PURE__ */ jsx3("ul", { className: "ya-list", children: similar.map((r) => /* @__PURE__ */ jsx3(RequestRow, { client, request: r, compact: true, onOpen: () => openRequest(r.id) }, r.id)) })
+    /* @__PURE__ */ jsxs4("div", { className: "ya-composer-wrap", children: [
+      similar.length > 0 && /* @__PURE__ */ jsxs4("div", { className: "ya-tray", "aria-live": "polite", children: [
+        /* @__PURE__ */ jsx4("p", { className: "ya-tray-h", children: "Sounds like one of these. Vote instead?" }),
+        /* @__PURE__ */ jsx4("ul", { className: "ya-list", children: similar.map((r) => /* @__PURE__ */ jsx4(RequestRow, { client, request: r, compact: true, onOpen: () => openRequest(r.id) }, r.id)) })
       ] }),
-      shots.length > 0 && /* @__PURE__ */ jsx3("ul", { className: "ya-shots", "aria-label": "Screenshots", children: shots.map((s, i) => /* @__PURE__ */ jsxs3("li", { className: "ya-shot", children: [
-        /* @__PURE__ */ jsx3("img", { src: s.url, alt: "" }),
-        /* @__PURE__ */ jsxs3("span", { children: [
+      shots.length > 0 && /* @__PURE__ */ jsx4("ul", { className: "ya-shots", "aria-label": "Screenshots", children: shots.map((s, i) => /* @__PURE__ */ jsxs4("li", { className: "ya-shot", children: [
+        /* @__PURE__ */ jsx4("img", { src: s.url, alt: "" }),
+        /* @__PURE__ */ jsxs4("span", { children: [
           "Screenshot",
           shots.length > 1 ? ` ${i + 1}` : ""
         ] }),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           "button",
           {
             type: "button",
             className: "ya-shot-x",
             "aria-label": `Remove screenshot${shots.length > 1 ? ` ${i + 1}` : ""}`,
             onClick: () => setShots((all) => all.filter((x) => x !== s)),
-            children: /* @__PURE__ */ jsx3(IconClose, {})
+            children: /* @__PURE__ */ jsx4(IconClose, {})
           }
         )
       ] }, s.url)) }),
-      /* @__PURE__ */ jsxs3(
+      /* @__PURE__ */ jsxs4(
         "form",
         {
           className: "ya-composer",
@@ -1212,7 +1327,7 @@ function Home({ route, setRoute, onClose }) {
             send();
           },
           children: [
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx4(
               "textarea",
               {
                 ref: inputRef,
@@ -1231,12 +1346,12 @@ function Home({ route, setRoute, onClose }) {
                 }
               }
             ),
-            /* @__PURE__ */ jsx3("button", { type: "submit", className: "ya-send", disabled: text.trim().length < 3 || sending, "aria-label": "Send", children: /* @__PURE__ */ jsx3(IconSend, {}) })
+            /* @__PURE__ */ jsx4("button", { type: "submit", className: "ya-send", disabled: text.trim().length < 3 || sending, "aria-label": "Send", children: /* @__PURE__ */ jsx4(IconSend, {}) })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs3("div", { className: "ya-tools", children: [
-        /* @__PURE__ */ jsxs3(
+      /* @__PURE__ */ jsxs4("div", { className: "ya-tools", children: [
+        /* @__PURE__ */ jsxs4(
           "button",
           {
             type: "button",
@@ -1246,18 +1361,18 @@ function Home({ route, setRoute, onClose }) {
             onFocus: () => void import("./capture-FYZGL54F.js"),
             disabled: sending || shots.length >= MAX_SHOTS,
             children: [
-              /* @__PURE__ */ jsx3(IconFrame, {}),
+              /* @__PURE__ */ jsx4(IconFrame, {}),
               "Show us"
             ]
           }
         ),
-        config?.canCredit && text.trim().length > 0 && /* @__PURE__ */ jsxs3("button", { type: "button", className: "ya-switch-row", role: "switch", "aria-checked": credit, onClick: () => setCredit((c) => !c), children: [
+        config?.canCredit && text.trim().length > 0 && /* @__PURE__ */ jsxs4("button", { type: "button", className: "ya-switch-row", role: "switch", "aria-checked": credit, onClick: () => setCredit((c) => !c), children: [
           "Credit me when it ships",
-          /* @__PURE__ */ jsx3("span", { className: "ya-switch", "aria-hidden": "true" })
+          /* @__PURE__ */ jsx4("span", { className: "ya-switch", "aria-hidden": "true" })
         ] })
       ] }),
-      shotError && /* @__PURE__ */ jsx3("p", { className: "ya-note", role: "alert", children: shotError }),
-      config?.watermark && /* @__PURE__ */ jsx3("p", { className: "ya-mark", children: "Feedback by YouAsked" })
+      shotError && /* @__PURE__ */ jsx4("p", { className: "ya-note", role: "alert", children: shotError }),
+      config?.watermark && /* @__PURE__ */ jsx4("p", { className: "ya-mark", children: "Feedback by YouAsked" })
     ] })
   ] });
 }
@@ -1267,12 +1382,12 @@ function Section({
   onAction,
   children
 }) {
-  return /* @__PURE__ */ jsxs3("section", { className: "ya-section", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "ya-section-head", children: [
-      /* @__PURE__ */ jsx3("h3", { children: title }),
-      action && /* @__PURE__ */ jsxs3("button", { type: "button", className: "ya-link", onClick: onAction, children: [
+  return /* @__PURE__ */ jsxs4("section", { className: "ya-section", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "ya-section-head", children: [
+      /* @__PURE__ */ jsx4("h3", { children: title }),
+      action && /* @__PURE__ */ jsxs4("button", { type: "button", className: "ya-link", onClick: onAction, children: [
         action,
-        /* @__PURE__ */ jsx3(IconChevron, {})
+        /* @__PURE__ */ jsx4(IconChevron, {})
       ] })
     ] }),
     children
@@ -1289,36 +1404,36 @@ function Board({
   onClose
 }) {
   const { client, title } = useInternal();
-  const [tab, setTab] = useState2(TABS.find((t) => t.key === initialTab) ?? TABS[0]);
+  const [tab, setTab] = useState3(TABS.find((t) => t.key === initialTab) ?? TABS[0]);
   const { data, error } = useLoad(() => client.list(tab.sort, tab.status), [client, tab.key]);
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+    /* @__PURE__ */ jsx4(
       Header,
       {
         title,
         onBack: () => setRoute({ view: "home" }),
         onClose,
-        right: /* @__PURE__ */ jsx3("button", { type: "button", className: "ya-link", onClick: () => setRoute({ view: "mine" }), children: "Yours" })
+        right: /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-link", onClick: () => setRoute({ view: "mine" }), children: "Yours" })
       }
     ),
-    /* @__PURE__ */ jsx3("div", { className: "ya-tabs", role: "tablist", "aria-label": "Sort requests", children: TABS.map((t) => /* @__PURE__ */ jsx3("button", { type: "button", role: "tab", className: "ya-tab", "aria-selected": tab.key === t.key, onClick: () => setTab(t), children: t.label }, t.key)) }),
-    /* @__PURE__ */ jsx3("div", { className: "ya-body", children: error ? /* @__PURE__ */ jsx3("p", { className: "ya-empty", children: errorText(error) }) : !data ? /* @__PURE__ */ jsx3(Skeleton, {}) : data.length === 0 ? /* @__PURE__ */ jsxs3("div", { className: "ya-empty", children: [
-      /* @__PURE__ */ jsx3("b", { children: tab.key === "shipped" ? "Nothing shipped yet" : "No requests yet" }),
+    /* @__PURE__ */ jsx4("div", { className: "ya-tabs", role: "tablist", "aria-label": "Sort requests", children: TABS.map((t) => /* @__PURE__ */ jsx4("button", { type: "button", role: "tab", className: "ya-tab", "aria-selected": tab.key === t.key, onClick: () => setTab(t), children: t.label }, t.key)) }),
+    /* @__PURE__ */ jsx4("div", { className: "ya-body", children: error ? /* @__PURE__ */ jsx4("p", { className: "ya-empty", children: errorText(error) }) : !data ? /* @__PURE__ */ jsx4(Skeleton, {}) : data.length === 0 ? /* @__PURE__ */ jsxs4("div", { className: "ya-empty", children: [
+      /* @__PURE__ */ jsx4("b", { children: tab.key === "shipped" ? "Nothing shipped yet" : "No requests yet" }),
       tab.key === "shipped" ? "Requests show up here once they're live." : "Tell us what you'd like next. Others can vote on it."
-    ] }) : /* @__PURE__ */ jsx3("ul", { className: "ya-list", children: data.map((r) => /* @__PURE__ */ jsx3(RequestRow, { client, request: r, onOpen: () => setRoute({ view: "detail", id: r.id }) }, r.id)) }) }),
-    /* @__PURE__ */ jsx3("div", { className: "ya-foot", children: /* @__PURE__ */ jsxs3("button", { type: "button", className: "ya-btn", onClick: () => setRoute({ view: "home", focus: true }), children: [
-      /* @__PURE__ */ jsx3(IconPlus, {}),
+    ] }) : /* @__PURE__ */ jsx4("ul", { className: "ya-list", children: data.map((r) => /* @__PURE__ */ jsx4(RequestRow, { client, request: r, onOpen: () => setRoute({ view: "detail", id: r.id, from: "board" }) }, r.id)) }) }),
+    /* @__PURE__ */ jsx4("div", { className: "ya-foot", children: /* @__PURE__ */ jsxs4("button", { type: "button", className: "ya-btn", onClick: () => setRoute({ view: "home", focus: true }), children: [
+      /* @__PURE__ */ jsx4(IconPlus, {}),
       "Request a feature"
     ] }) })
   ] });
 }
-function Detail({ id, setRoute, onClose }) {
+function Detail({ id, from, setRoute, onClose }) {
   const { client, config, markSeen, appName, appIcon } = useInternal();
   const { data, error, setData } = useLoad(() => client.get(id), [client, id]);
   const unseenHere = config?.unseen.filter((n) => n.requestId === id).map((n) => n.id).join(",") ?? "";
-  const loaded = useRef2(false);
+  const loaded = useRef3(false);
   loaded.current = Boolean(data);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!unseenHere) return;
     markSeen(unseenHere.split(","));
     if (loaded.current) {
@@ -1326,15 +1441,15 @@ function Detail({ id, setRoute, onClose }) {
       });
     }
   }, [unseenHere, markSeen]);
-  const [reply, setReply] = useState2("");
-  const [sending, setSending] = useState2(false);
-  const [replyError, setReplyError] = useState2(null);
-  const [voted, setVoted] = useState2(null);
-  const [early, setEarly] = useState2(false);
-  useEffect2(() => setEarly(Boolean(data?.earlyAccess)), [data?.earlyAccess]);
-  const [confirmDelete, setConfirmDelete] = useState2(false);
-  const [deleting, setDeleting] = useState2(false);
-  const [deleteError, setDeleteError] = useState2(null);
+  const [reply, setReply] = useState3("");
+  const [sending, setSending] = useState3(false);
+  const [replyError, setReplyError] = useState3(null);
+  const [voted, setVoted] = useState3(null);
+  const [early, setEarly] = useState3(false);
+  useEffect3(() => setEarly(Boolean(data?.earlyAccess)), [data?.earlyAccess]);
+  const [confirmDelete, setConfirmDelete] = useState3(false);
+  const [deleting, setDeleting] = useState3(false);
+  const [deleteError, setDeleteError] = useState3(null);
   const remove = async () => {
     if (!data?.request || deleting) return;
     setDeleting(true);
@@ -1357,7 +1472,7 @@ function Detail({ id, setRoute, onClose }) {
       setEarly(before);
     }
   };
-  useEffect2(() => {
+  useEffect3(() => {
     if (data?.redirect) setRoute({ view: "detail", id: data.redirect });
   }, [data?.redirect, setRoute]);
   const request = data?.request;
@@ -1377,58 +1492,58 @@ function Detail({ id, setRoute, onClose }) {
       setSending(false);
     }
   };
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx3(Header, { title: "", onBack: () => setRoute({ view: "board" }), onClose }),
-    /* @__PURE__ */ jsx3("div", { className: "ya-body", children: error ? /* @__PURE__ */ jsx3("p", { className: "ya-empty", children: error === "not_found" ? "This request was removed." : errorText(error) }) : !request ? /* @__PURE__ */ jsx3(Skeleton, {}) : /* @__PURE__ */ jsxs3(Fragment, { children: [
-      /* @__PURE__ */ jsxs3("div", { className: "ya-detail-meta", children: [
-        request.status !== "open" && /* @__PURE__ */ jsx3(StatusPill, { status: request.status }),
-        /* @__PURE__ */ jsxs3("span", { className: "ya-ref", children: [
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+    /* @__PURE__ */ jsx4(Header, { title: "", onBack: () => setRoute({ view: from ?? "board" }), onClose }),
+    /* @__PURE__ */ jsx4("div", { className: "ya-body", children: error ? /* @__PURE__ */ jsx4("p", { className: "ya-empty", children: error === "not_found" ? "This request was removed." : errorText(error) }) : !request ? /* @__PURE__ */ jsx4(Skeleton, {}) : /* @__PURE__ */ jsxs4(Fragment, { children: [
+      /* @__PURE__ */ jsxs4("div", { className: "ya-detail-meta", children: [
+        request.status !== "open" && /* @__PURE__ */ jsx4(StatusPill, { status: request.status }),
+        /* @__PURE__ */ jsxs4("span", { className: "ya-ref", children: [
           "YA-",
           request.number
         ] })
       ] }),
-      /* @__PURE__ */ jsx3("h3", { className: "ya-detail-title", children: request.title }),
-      request.body && request.body !== request.title && /* @__PURE__ */ jsx3("p", { className: "ya-text", children: request.body }),
-      data?.attachments && data.attachments.length > 0 && /* @__PURE__ */ jsx3("div", { className: "ya-attachments", children: data.attachments.map((a) => /* @__PURE__ */ jsx3("a", { href: a.url, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx3("img", { src: a.url, alt: "Screenshot attached to this request", loading: "lazy" }) }, a.id)) }),
-      /* @__PURE__ */ jsx3(BigVote, { client, request, onChange: setVoted }),
-      (request.status === "planned" || request.status === "in_progress") && (voted ?? request.voted) && /* @__PURE__ */ jsxs3("button", { type: "button", className: "ya-early", role: "switch", "aria-checked": early, onClick: toggleEarly, children: [
-        /* @__PURE__ */ jsx3("span", { className: "ya-card-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx3(IconSpark, {}) }),
-        /* @__PURE__ */ jsxs3("span", { className: "ya-menurow-text", children: [
-          /* @__PURE__ */ jsx3("span", { className: "ya-menurow-label", children: "Try it early" }),
-          /* @__PURE__ */ jsx3("span", { className: "ya-menurow-sub", children: early ? "You're on the list. We'll let you in first." : "Get access before everyone else" })
+      /* @__PURE__ */ jsx4("h3", { className: "ya-detail-title", children: request.title }),
+      request.body && request.body !== request.title && /* @__PURE__ */ jsx4("p", { className: "ya-text", children: request.body }),
+      data?.attachments && data.attachments.length > 0 && /* @__PURE__ */ jsx4("div", { className: "ya-attachments", children: data.attachments.map((a) => /* @__PURE__ */ jsx4("a", { href: a.url, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx4("img", { src: a.url, alt: "Screenshot attached to this request", loading: "lazy" }) }, a.id)) }),
+      /* @__PURE__ */ jsx4(BigVote, { client, request, onChange: setVoted }),
+      (request.status === "planned" || request.status === "in_progress") && (voted ?? request.voted) && /* @__PURE__ */ jsxs4("button", { type: "button", className: "ya-early", role: "switch", "aria-checked": early, onClick: toggleEarly, children: [
+        /* @__PURE__ */ jsx4("span", { className: "ya-card-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(IconSpark, {}) }),
+        /* @__PURE__ */ jsxs4("span", { className: "ya-menurow-text", children: [
+          /* @__PURE__ */ jsx4("span", { className: "ya-menurow-label", children: "Try it early" }),
+          /* @__PURE__ */ jsx4("span", { className: "ya-menurow-sub", children: early ? "You're on the list. We'll let you in first." : "Get access before everyone else" })
         ] }),
-        /* @__PURE__ */ jsx3("span", { className: "ya-switch", "aria-hidden": "true" })
+        /* @__PURE__ */ jsx4("span", { className: "ya-switch", "aria-hidden": "true" })
       ] }),
-      request.source && /* @__PURE__ */ jsxs3("p", { className: "ya-note", children: [
+      request.source && /* @__PURE__ */ jsxs4("p", { className: "ya-note", children: [
         "Also asked",
         " ",
-        request.sourceUrl ? /* @__PURE__ */ jsx3("a", { href: request.sourceUrl, target: "_blank", rel: "noopener noreferrer", children: request.source === "reddit" ? "on Reddit" : "in App Store reviews" }) : request.source === "reddit" ? "on Reddit" : "in App Store reviews",
+        request.sourceUrl ? /* @__PURE__ */ jsx4("a", { href: request.sourceUrl, target: "_blank", rel: "noopener noreferrer", children: request.source === "reddit" ? "on Reddit" : "in App Store reviews" }) : request.source === "reddit" ? "on Reddit" : "in App Store reviews",
         "."
       ] }),
-      request.mine && request.status !== "shipped" && /* @__PURE__ */ jsx3("p", { className: "ya-note", children: "You asked for this. We'll tell you here when it ships." }),
-      data?.canDelete && (confirmDelete ? /* @__PURE__ */ jsxs3("p", { className: "ya-note ya-delete-row", children: [
+      request.mine && request.status !== "shipped" && /* @__PURE__ */ jsx4("p", { className: "ya-note", children: "You asked for this. We'll tell you here when it ships." }),
+      data?.canDelete && (confirmDelete ? /* @__PURE__ */ jsxs4("p", { className: "ya-note ya-delete-row", children: [
         "Delete this request? This can't be undone.",
-        /* @__PURE__ */ jsx3("button", { type: "button", className: "ya-link ya-link-danger", onClick: remove, disabled: deleting, children: deleting ? "Deleting\u2026" : "Delete" }),
-        /* @__PURE__ */ jsx3("button", { type: "button", className: "ya-link", onClick: () => setConfirmDelete(false), disabled: deleting, children: "Keep it" })
-      ] }) : /* @__PURE__ */ jsx3("p", { className: "ya-note ya-delete-row", children: /* @__PURE__ */ jsx3("button", { type: "button", className: "ya-link ya-link-quiet", onClick: () => setConfirmDelete(true), children: "Delete my request" }) })),
-      deleteError && /* @__PURE__ */ jsx3("p", { className: "ya-note", role: "alert", children: deleteError }),
-      request.status === "shipped" && /* @__PURE__ */ jsxs3("div", { className: "ya-callout", "data-tone": "success", children: [
-        /* @__PURE__ */ jsx3(IconCheck, {}),
-        /* @__PURE__ */ jsxs3("span", { children: [
-          /* @__PURE__ */ jsx3("b", { children: "It's live." }),
+        /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-link ya-link-danger", onClick: remove, disabled: deleting, children: deleting ? "Deleting\u2026" : "Delete" }),
+        /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-link", onClick: () => setConfirmDelete(false), disabled: deleting, children: "Keep it" })
+      ] }) : /* @__PURE__ */ jsx4("p", { className: "ya-note ya-delete-row", children: /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-link ya-link-quiet", onClick: () => setConfirmDelete(true), children: "Delete my request" }) })),
+      deleteError && /* @__PURE__ */ jsx4("p", { className: "ya-note", role: "alert", children: deleteError }),
+      request.status === "shipped" && /* @__PURE__ */ jsxs4("div", { className: "ya-callout", "data-tone": "success", children: [
+        /* @__PURE__ */ jsx4(IconCheck, {}),
+        /* @__PURE__ */ jsxs4("span", { children: [
+          /* @__PURE__ */ jsx4("b", { children: "It's live." }),
           request.shipNote ? ` ${request.shipNote}` : " Thanks for asking.",
-          request.creditName && /* @__PURE__ */ jsxs3("span", { className: "ya-credit", children: [
+          request.creditName && /* @__PURE__ */ jsxs4("span", { className: "ya-credit", children: [
             "Thanks to ",
             request.creditName,
             " for asking."
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx3("p", { className: "ya-section-h", children: "Conversation" }),
-      comments.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "ya-text ya-text-muted", children: "No messages yet. Add details or ask a question below." }) : /* @__PURE__ */ jsx3("div", { className: "ya-thread", children: comments.map((c) => /* @__PURE__ */ jsx3(Message, { comment: c, appName, appIcon }, c.id)) })
+      /* @__PURE__ */ jsx4("p", { className: "ya-section-h", children: "Conversation" }),
+      comments.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "ya-text ya-text-muted", children: "No messages yet. Add details or ask a question below." }) : /* @__PURE__ */ jsx4("div", { className: "ya-thread", children: comments.map((c) => /* @__PURE__ */ jsx4(Message, { comment: c, appName, appIcon }, c.id)) })
     ] }) }),
-    request && /* @__PURE__ */ jsxs3("form", { className: "ya-composer ya-composer-bar", onSubmit: send, children: [
-      /* @__PURE__ */ jsx3(
+    request && /* @__PURE__ */ jsxs4("form", { className: "ya-composer ya-composer-bar", onSubmit: send, children: [
+      /* @__PURE__ */ jsx4(
         "textarea",
         {
           className: "ya-composer-input",
@@ -1446,49 +1561,49 @@ function Detail({ id, setRoute, onClose }) {
           }
         }
       ),
-      /* @__PURE__ */ jsx3("button", { type: "submit", className: "ya-send", disabled: !reply.trim() || sending, "aria-label": "Send comment", children: /* @__PURE__ */ jsx3(IconSend, {}) }),
-      replyError && /* @__PURE__ */ jsx3("span", { className: "ya-sr", role: "alert", children: replyError })
+      /* @__PURE__ */ jsx4("button", { type: "submit", className: "ya-send", disabled: !reply.trim() || sending, "aria-label": "Send comment", children: /* @__PURE__ */ jsx4(IconSend, {}) }),
+      replyError && /* @__PURE__ */ jsx4("span", { className: "ya-sr", role: "alert", children: replyError })
     ] })
   ] });
 }
 function Message({ comment, appName, appIcon }) {
-  const when = /* @__PURE__ */ jsx3("time", { dateTime: new Date(comment.createdAt).toISOString(), children: ago(comment.createdAt) });
+  const when = /* @__PURE__ */ jsx4("time", { dateTime: new Date(comment.createdAt).toISOString(), children: ago(comment.createdAt) });
   if (comment.mine) {
-    return /* @__PURE__ */ jsxs3("div", { className: "ya-msg ya-msg-out", children: [
-      /* @__PURE__ */ jsx3("div", { className: "ya-bubble ya-bubble-out", children: comment.body }),
-      /* @__PURE__ */ jsx3("span", { className: "ya-msg-meta", children: when })
+    return /* @__PURE__ */ jsxs4("div", { className: "ya-msg ya-msg-out", children: [
+      /* @__PURE__ */ jsx4("div", { className: "ya-bubble ya-bubble-out", children: comment.body }),
+      /* @__PURE__ */ jsx4("span", { className: "ya-msg-meta", children: when })
     ] });
   }
-  return /* @__PURE__ */ jsxs3("div", { className: "ya-msg", children: [
-    comment.team && appIcon ? /* @__PURE__ */ jsx3(AppAvatar, { icon: appIcon, size: 26 }) : null,
-    /* @__PURE__ */ jsxs3("div", { className: "ya-msg-body", children: [
-      /* @__PURE__ */ jsxs3("span", { className: "ya-msg-meta", children: [
-        /* @__PURE__ */ jsx3("b", { children: comment.team ? appName : comment.author || "Someone" }),
-        comment.team && /* @__PURE__ */ jsx3("span", { className: "ya-team", children: "Team" }),
+  return /* @__PURE__ */ jsxs4("div", { className: "ya-msg", children: [
+    comment.team && appIcon ? /* @__PURE__ */ jsx4(AppAvatar, { icon: appIcon, size: 26 }) : null,
+    /* @__PURE__ */ jsxs4("div", { className: "ya-msg-body", children: [
+      /* @__PURE__ */ jsxs4("span", { className: "ya-msg-meta", children: [
+        /* @__PURE__ */ jsx4("b", { children: comment.team ? appName : comment.author || "Someone" }),
+        comment.team && /* @__PURE__ */ jsx4("span", { className: "ya-team", children: "Team" }),
         when
       ] }),
-      /* @__PURE__ */ jsx3("div", { className: "ya-bubble ya-bubble-in", children: comment.body })
+      /* @__PURE__ */ jsx4("div", { className: "ya-bubble ya-bubble-in", children: comment.body })
     ] })
   ] });
 }
 function Mine({ setRoute, onClose }) {
   const { client } = useInternal();
   const { data, error } = useLoad(() => client.mine(), [client]);
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx3(Header, { title: "Your requests", onBack: () => setRoute({ view: "board" }), onClose }),
-    /* @__PURE__ */ jsx3("div", { className: "ya-body", children: error ? /* @__PURE__ */ jsx3("p", { className: "ya-empty", children: errorText(error) }) : !data ? /* @__PURE__ */ jsx3(Skeleton, {}) : data.length === 0 ? /* @__PURE__ */ jsxs3("div", { className: "ya-empty", children: [
-      /* @__PURE__ */ jsx3("b", { children: "Nothing yet" }),
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+    /* @__PURE__ */ jsx4(Header, { title: "Your requests", onBack: () => setRoute({ view: "board" }), onClose }),
+    /* @__PURE__ */ jsx4("div", { className: "ya-body", children: error ? /* @__PURE__ */ jsx4("p", { className: "ya-empty", children: errorText(error) }) : !data ? /* @__PURE__ */ jsx4(Skeleton, {}) : data.length === 0 ? /* @__PURE__ */ jsxs4("div", { className: "ya-empty", children: [
+      /* @__PURE__ */ jsx4("b", { children: "Nothing yet" }),
       "Requests you post or vote on show up here, with their status."
-    ] }) : /* @__PURE__ */ jsx3("ul", { className: "ya-list", children: data.map((r) => /* @__PURE__ */ jsx3(RequestRow, { client, request: r, onOpen: () => setRoute({ view: "detail", id: r.id }) }, r.id)) }) }),
-    /* @__PURE__ */ jsx3("div", { className: "ya-foot", children: /* @__PURE__ */ jsxs3("button", { type: "button", className: "ya-btn", onClick: () => setRoute({ view: "home", focus: true }), children: [
-      /* @__PURE__ */ jsx3(IconPlus, {}),
+    ] }) : /* @__PURE__ */ jsx4("ul", { className: "ya-list", children: data.map((r) => /* @__PURE__ */ jsx4(RequestRow, { client, request: r, onOpen: () => setRoute({ view: "detail", id: r.id, from: "mine" }) }, r.id)) }) }),
+    /* @__PURE__ */ jsx4("div", { className: "ya-foot", children: /* @__PURE__ */ jsxs4("button", { type: "button", className: "ya-btn", onClick: () => setRoute({ view: "home", focus: true }), children: [
+      /* @__PURE__ */ jsx4(IconPlus, {}),
       "Request a feature"
     ] }) })
   ] });
 }
 
 // src/YouAsked.tsx
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var warnedTestMode = false;
 var DEFAULT_API_URL = "https://api.youasked.dev";
 function lastWhatsNew(key) {
@@ -1505,6 +1620,7 @@ function YouAsked({
   appKey = "",
   demo = false,
   cards = true,
+  nudge: nudgeProp,
   user,
   signature,
   ready = true,
@@ -1528,26 +1644,36 @@ function YouAsked({
     [demo, appName, appKey, apiUrl, userId, userEmail, userName, signature]
   );
   const whatsNewKey = demo ? null : `youasked:whats-new:${appKey}:${userId ?? "anon"}`;
-  const [mounted, setMounted] = useState3(false);
-  const [route, setRoute] = useState3(null);
-  const [config, setConfig] = useState3(null);
-  const [testMode, setTestMode] = useState3(false);
-  const [whatsNew, setWhatsNew] = useState3(null);
-  const [whatsNewToast, setWhatsNewToast] = useState3(false);
-  const [capture, setCapture] = useState3(null);
+  const [mounted, setMounted] = useState4(false);
+  const [route, setRoute] = useState4(null);
+  const [config, setConfig] = useState4(null);
+  const [testMode, setTestMode] = useState4(false);
+  const [whatsNew, setWhatsNew] = useState4(null);
+  const [whatsNewToast, setWhatsNewToast] = useState4(false);
+  const [capture, setCapture] = useState4(null);
   const tokens = useTokens(appearance, mounted);
-  const openerRef = useRef3(null);
-  const [detectedIcon, setDetectedIcon] = useState3(null);
-  useEffect3(() => {
+  const openerRef = useRef4(null);
+  const [detectedIcon, setDetectedIcon] = useState4(null);
+  useEffect4(() => {
     if (appIcon === void 0) setDetectedIcon(findPageIcon());
   }, [appIcon]);
-  useEffect3(() => {
+  useEffect4(() => {
     injectStyles();
     setMounted(true);
   }, []);
-  useEffect3(() => {
+  const [refresh, setRefresh] = useState4(0);
+  const lastLoad = useRef4(0);
+  useEffect4(() => {
+    const onVisible = () => {
+      if (document.visibilityState === "visible" && Date.now() - lastLoad.current > 6e4) setRefresh((n) => n + 1);
+    };
+    document.addEventListener("visibilitychange", onVisible);
+    return () => document.removeEventListener("visibilitychange", onVisible);
+  }, []);
+  useEffect4(() => {
     if (!ready) return;
     let alive = true;
+    lastLoad.current = Date.now();
     client.config().then((c) => {
       if (!alive) return;
       const seenAt = lastWhatsNew(whatsNewKey);
@@ -1567,14 +1693,14 @@ function YouAsked({
     return () => {
       alive = false;
     };
-  }, [client, ready]);
-  useEffect3(() => {
+  }, [client, ready, refresh]);
+  useEffect4(() => {
     if (!("onNotice" in client)) return;
     return client.onNotice(
       (n) => setConfig((c) => c ? { ...c, unseen: [...c.unseen, n] } : c)
     );
   }, [client]);
-  const dismissWhatsNew = useCallback2(() => {
+  const dismissWhatsNew = useCallback3(() => {
     setWhatsNew(null);
     setWhatsNewToast(false);
     try {
@@ -1584,7 +1710,7 @@ function YouAsked({
     client.whatsNewSeen().catch(() => {
     });
   }, [client, whatsNewKey]);
-  const pointAtIt = useCallback2(
+  const pointAtIt = useCallback3(
     () => new Promise((resolve, reject) => {
       import("./capture-FYZGL54F.js").then(
         (m) => setCapture({ Layer: m.default, resolve }),
@@ -1593,20 +1719,20 @@ function YouAsked({
     }),
     []
   );
-  const open = useCallback2((options) => {
+  const open = useCallback3((options) => {
     openerRef.current = document.activeElement;
     setRoute(toRoute(options));
   }, []);
-  const close = useCallback2(() => {
+  const close = useCallback3(() => {
     setRoute(null);
     openerRef.current?.focus?.({ preventScroll: true });
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     const onOpen = (e) => open(e.detail);
     window.addEventListener("youasked:open", onOpen);
     return () => window.removeEventListener("youasked:open", onOpen);
   }, [open]);
-  const markSeen = useCallback2(
+  const markSeen = useCallback3(
     (ids) => {
       if (!ids.length) return;
       setConfig((c) => c ? { ...c, unseen: c.unseen.filter((n) => !ids.includes(n.id)) } : c);
@@ -1645,12 +1771,22 @@ function YouAsked({
   );
   const standing = unseen.filter((n) => !coveredBy(whatsNew, n));
   const notice = standing.find((n) => n.kind === "shipped") ?? standing.find((n) => n.kind === "reply");
-  if (testMode) return /* @__PURE__ */ jsx4(YouAskedContext.Provider, { value, children });
-  return /* @__PURE__ */ jsxs4(YouAskedContext.Provider, { value, children: [
+  const nudgeSettings = useMemo(
+    () => config && cards && !testMode ? resolveNudge(config.nudge, nudgeProp) : null,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [Boolean(config), JSON.stringify(config?.nudge ?? null), cards, testMode, typeof nudgeProp === "object" ? JSON.stringify(nudgeProp) : nudgeProp]
+  );
+  const busy = route !== null || Boolean(notice) || whatsNewToast && Boolean(whatsNew);
+  const nudge = useNudge(nudgeSettings, demo ? null : `youasked:nudge:${appKey}:${userId ?? "anon"}`, busy);
+  useEffect4(() => {
+    if (route !== null) nudge.engaged();
+  }, [route, nudge.engaged]);
+  if (testMode) return /* @__PURE__ */ jsx5(YouAskedContext.Provider, { value, children });
+  return /* @__PURE__ */ jsxs5(YouAskedContext.Provider, { value, children: [
     children,
     mounted && createPortal(
-      /* @__PURE__ */ jsxs4("div", { className: "ya-scope", "data-ya-mode": tokens?.mode, "data-ya-skip": "", style: scopeStyle, children: [
-        trigger === "floating" && !capture && /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsxs5("div", { className: "ya-scope", "data-ya-mode": tokens?.mode, "data-ya-skip": "", style: scopeStyle, children: [
+        trigger === "floating" && !capture && /* @__PURE__ */ jsx5(
           Launcher,
           {
             position,
@@ -1660,7 +1796,7 @@ function YouAsked({
             onClick: () => route ? close() : open()
           }
         ),
-        cards && !notice && whatsNewToast && whatsNew && route === null && /* @__PURE__ */ jsx4(
+        cards && !notice && whatsNewToast && whatsNew && route === null && /* @__PURE__ */ jsx5(
           WhatsNewToast,
           {
             news: whatsNew,
@@ -1670,7 +1806,18 @@ function YouAsked({
             onDismiss: dismissWhatsNew
           }
         ),
-        cards && notice && route === null && /* @__PURE__ */ jsx4(
+        nudgeSettings && nudge.show && !busy && /* @__PURE__ */ jsx5(
+          NudgeToast,
+          {
+            settings: nudgeSettings,
+            appName: appName ?? config?.app.name ?? "us",
+            position,
+            trigger,
+            onOpen: () => open({ view: "new" }),
+            onDismiss: nudge.dismiss
+          }
+        ),
+        cards && notice && route === null && /* @__PURE__ */ jsx5(
           ShippedToast,
           {
             notice,
@@ -1683,7 +1830,7 @@ function YouAsked({
             onDismiss: () => markSeen([notice.id])
           }
         ),
-        route && /* @__PURE__ */ jsx4(
+        route && /* @__PURE__ */ jsx5(
           Panel,
           {
             route,
@@ -1694,7 +1841,7 @@ function YouAsked({
             hidden: capture !== null
           }
         ),
-        capture && /* @__PURE__ */ jsx4(
+        capture && /* @__PURE__ */ jsx5(
           capture.Layer,
           {
             onDone: (image) => {
@@ -1721,8 +1868,8 @@ function findPageIcon() {
 }
 function useTokens(appearance, mounted) {
   const key = JSON.stringify(appearance ?? {});
-  const [tokens, setTokens] = useState3(null);
-  useEffect3(() => {
+  const [tokens, setTokens] = useState4(null);
+  useEffect4(() => {
     if (!mounted) return;
     const parsed = JSON.parse(key);
     const update = () => setTokens(resolveTokens(parsed));
@@ -1757,20 +1904,20 @@ function Panel({
   hasLauncher,
   hidden
 }) {
-  const panelRef = useRef3(null);
-  const backdropRef = useRef3(null);
-  const [closing, setClosing] = useState3(false);
+  const panelRef = useRef4(null);
+  const backdropRef = useRef4(null);
+  const [closing, setClosing] = useState4(false);
   const isSheet = useMedia("(max-width: 639px)");
   const reduceMotion = useMedia("(prefers-reduced-motion: reduce)");
-  const hiddenRef = useRef3(hidden);
+  const hiddenRef = useRef4(hidden);
   hiddenRef.current = hidden;
-  const drag = useRef3(null);
-  const requestClose = useCallback2(() => {
+  const drag = useRef4(null);
+  const requestClose = useCallback3(() => {
     if (reduceMotion) return onClose();
     setClosing(true);
     setTimeout(onClose, 200);
   }, [onClose, reduceMotion]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!isSheet) return;
     const html = document.documentElement;
     const previous = html.style.overflow;
@@ -1779,10 +1926,10 @@ function Panel({
       html.style.overflow = previous;
     };
   }, [isSheet]);
-  useEffect3(() => {
+  useEffect4(() => {
     panelRef.current?.focus({ preventScroll: true });
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     const onKey = (e) => {
       if (hiddenRef.current) return;
       if (e.key === "Escape") {
@@ -1836,7 +1983,7 @@ function Panel({
       if (backdrop) backdrop.style.opacity = "";
     }
   };
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: "ya-overlay",
@@ -1845,8 +1992,8 @@ function Panel({
       "data-closing": closing || void 0,
       hidden,
       children: [
-        /* @__PURE__ */ jsx4("div", { className: "ya-backdrop", ref: backdropRef, onClick: requestClose, "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsx5("div", { className: "ya-backdrop", ref: backdropRef, onClick: requestClose, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs5(
           "div",
           {
             className: "ya-panel",
@@ -1860,8 +2007,8 @@ function Panel({
             onPointerUp,
             onPointerCancel: onPointerUp,
             children: [
-              /* @__PURE__ */ jsx4("div", { className: "ya-grab-zone", "aria-hidden": "true", children: /* @__PURE__ */ jsx4("div", { className: "ya-grab" }) }),
-              /* @__PURE__ */ jsx4(Navigator, { route, setRoute, onClose: requestClose })
+              /* @__PURE__ */ jsx5("div", { className: "ya-grab-zone", "aria-hidden": "true", children: /* @__PURE__ */ jsx5("div", { className: "ya-grab" }) }),
+              /* @__PURE__ */ jsx5(Navigator, { route, setRoute, onClose: requestClose })
             ]
           }
         )
@@ -1891,7 +2038,7 @@ function Launcher({
   badge,
   onClick
 }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "button",
     {
       type: "button",
@@ -1902,9 +2049,9 @@ function Launcher({
       "aria-label": isOpen ? "Close feature requests" : label || "Feature requests",
       "aria-expanded": isOpen,
       children: [
-        /* @__PURE__ */ jsx4("span", { className: "ya-fab-icon", children: isOpen ? /* @__PURE__ */ jsx4(IconClose, {}) : /* @__PURE__ */ jsx4(IconIdea, {}) }),
-        label && !isOpen && /* @__PURE__ */ jsx4("span", { children: label }),
-        badge && !isOpen && /* @__PURE__ */ jsx4("span", { className: "ya-dot", "aria-hidden": "true" })
+        /* @__PURE__ */ jsx5("span", { className: "ya-fab-icon", children: isOpen ? /* @__PURE__ */ jsx5(IconClose, {}) : /* @__PURE__ */ jsx5(IconIdea, { ink: "var(--_accent)" }) }),
+        label && !isOpen && /* @__PURE__ */ jsx5("span", { children: label }),
+        badge && !isOpen && /* @__PURE__ */ jsx5("span", { className: "ya-dot", "aria-hidden": "true" })
       ]
     }
   );
@@ -1916,18 +2063,18 @@ function ShippedToast({
   onOpen,
   onDismiss
 }) {
-  return /* @__PURE__ */ jsx4("div", { className: "ya-toast", role: "status", "data-pos": position, "data-trigger": trigger, children: notice.kind === "reply" ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    /* @__PURE__ */ jsxs4("div", { className: "ya-toast-top", children: [
-      /* @__PURE__ */ jsx4("p", { className: "ya-toast-kicker", children: "New reply about" }),
-      /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-icon-btn", onClick: onDismiss, "aria-label": "Dismiss", children: /* @__PURE__ */ jsx4(IconClose, {}) })
+  return /* @__PURE__ */ jsx5("div", { className: "ya-toast", role: "status", "data-pos": position, "data-trigger": trigger, children: notice.kind === "reply" ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    /* @__PURE__ */ jsxs5("div", { className: "ya-toast-top", children: [
+      /* @__PURE__ */ jsx5("p", { className: "ya-toast-kicker", children: "New reply about" }),
+      /* @__PURE__ */ jsx5("button", { type: "button", className: "ya-icon-btn", onClick: onDismiss, "aria-label": "Dismiss", children: /* @__PURE__ */ jsx5(IconClose, {}) })
     ] }),
-    /* @__PURE__ */ jsx4("p", { className: "ya-toast-title", children: notice.title }),
-    /* @__PURE__ */ jsx4("p", { className: "ya-toast-note ya-toast-quote", children: notice.reply }),
-    /* @__PURE__ */ jsxs4("div", { className: "ya-toast-actions", children: [
-      /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-btn ya-btn-sm", onClick: onOpen, children: "Reply" }),
-      /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-btn ya-btn-sm ya-btn-ghost", onClick: onDismiss, children: "Later" })
+    /* @__PURE__ */ jsx5("p", { className: "ya-toast-title", children: notice.title }),
+    /* @__PURE__ */ jsx5("p", { className: "ya-toast-note ya-toast-quote", children: notice.reply }),
+    /* @__PURE__ */ jsxs5("div", { className: "ya-toast-actions", children: [
+      /* @__PURE__ */ jsx5("button", { type: "button", className: "ya-btn ya-btn-sm", onClick: onOpen, children: "Reply" }),
+      /* @__PURE__ */ jsx5("button", { type: "button", className: "ya-btn ya-btn-sm ya-btn-ghost", onClick: onDismiss, children: "Later" })
     ] })
-  ] }) : /* @__PURE__ */ jsx4(ShippedBody, { notice, onOpen, onDismiss }) });
+  ] }) : /* @__PURE__ */ jsx5(ShippedBody, { notice, onOpen, onDismiss }) });
 }
 function WhatsNewToast({
   news,
@@ -1937,44 +2084,44 @@ function WhatsNewToast({
   onDismiss
 }) {
   const mine = news.items.some((i) => i.mine);
-  return /* @__PURE__ */ jsxs4("div", { className: "ya-toast", role: "status", "data-pos": position, "data-trigger": trigger, children: [
-    /* @__PURE__ */ jsxs4("div", { className: "ya-toast-top", children: [
-      /* @__PURE__ */ jsx4("p", { className: "ya-toast-kicker", children: "What's new" }),
-      /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-icon-btn", onClick: onDismiss, "aria-label": "Dismiss", children: /* @__PURE__ */ jsx4(IconClose, {}) })
+  return /* @__PURE__ */ jsxs5("div", { className: "ya-toast", role: "status", "data-pos": position, "data-trigger": trigger, children: [
+    /* @__PURE__ */ jsxs5("div", { className: "ya-toast-top", children: [
+      /* @__PURE__ */ jsx5("p", { className: "ya-toast-kicker", children: "What's new" }),
+      /* @__PURE__ */ jsx5("button", { type: "button", className: "ya-icon-btn", onClick: onDismiss, "aria-label": "Dismiss", children: /* @__PURE__ */ jsx5(IconClose, {}) })
     ] }),
-    /* @__PURE__ */ jsx4("p", { className: "ya-toast-title", children: whatsNewHeading(news.total) }),
-    mine && /* @__PURE__ */ jsxs4("div", { className: "ya-live", children: [
-      /* @__PURE__ */ jsx4(IconCheck, {}),
+    /* @__PURE__ */ jsx5("p", { className: "ya-toast-title", children: whatsNewHeading(news.total) }),
+    mine && /* @__PURE__ */ jsxs5("div", { className: "ya-live", children: [
+      /* @__PURE__ */ jsx5(IconCheck, {}),
       "Including something you asked for"
     ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "ya-toast-actions", children: [
-      /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-btn ya-btn-sm", onClick: onOpen, children: "See what's new" }),
-      /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-btn ya-btn-sm ya-btn-ghost", onClick: onDismiss, children: "Not now" })
+    /* @__PURE__ */ jsxs5("div", { className: "ya-toast-actions", children: [
+      /* @__PURE__ */ jsx5("button", { type: "button", className: "ya-btn ya-btn-sm", onClick: onOpen, children: "See what's new" }),
+      /* @__PURE__ */ jsx5("button", { type: "button", className: "ya-btn ya-btn-sm ya-btn-ghost", onClick: onDismiss, children: "Not now" })
     ] })
   ] });
 }
 function ShippedBody({ notice, onOpen, onDismiss }) {
-  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    /* @__PURE__ */ jsxs4("div", { className: "ya-toast-top", children: [
-      /* @__PURE__ */ jsx4("p", { className: "ya-toast-kicker", children: "You asked for" }),
-      /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-icon-btn", onClick: onDismiss, "aria-label": "Dismiss", children: /* @__PURE__ */ jsx4(IconClose, {}) })
+  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    /* @__PURE__ */ jsxs5("div", { className: "ya-toast-top", children: [
+      /* @__PURE__ */ jsx5("p", { className: "ya-toast-kicker", children: "You asked for" }),
+      /* @__PURE__ */ jsx5("button", { type: "button", className: "ya-icon-btn", onClick: onDismiss, "aria-label": "Dismiss", children: /* @__PURE__ */ jsx5(IconClose, {}) })
     ] }),
-    /* @__PURE__ */ jsx4("p", { className: "ya-toast-title", children: notice.title }),
-    /* @__PURE__ */ jsxs4("div", { className: "ya-live", children: [
-      /* @__PURE__ */ jsx4(IconCheck, {}),
+    /* @__PURE__ */ jsx5("p", { className: "ya-toast-title", children: notice.title }),
+    /* @__PURE__ */ jsxs5("div", { className: "ya-live", children: [
+      /* @__PURE__ */ jsx5(IconCheck, {}),
       "It's live"
     ] }),
-    notice.shipNote && /* @__PURE__ */ jsx4("p", { className: "ya-toast-note", children: notice.shipNote }),
-    /* @__PURE__ */ jsxs4("div", { className: "ya-toast-actions", children: [
-      /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-btn ya-btn-sm", onClick: onOpen, children: "See it" }),
-      /* @__PURE__ */ jsx4("button", { type: "button", className: "ya-btn ya-btn-sm ya-btn-ghost", onClick: onDismiss, children: "Nice" })
+    notice.shipNote && /* @__PURE__ */ jsx5("p", { className: "ya-toast-note", children: notice.shipNote }),
+    /* @__PURE__ */ jsxs5("div", { className: "ya-toast-actions", children: [
+      /* @__PURE__ */ jsx5("button", { type: "button", className: "ya-btn ya-btn-sm", onClick: onOpen, children: "See it" }),
+      /* @__PURE__ */ jsx5("button", { type: "button", className: "ya-btn ya-btn-sm ya-btn-ghost", onClick: onDismiss, children: "Nice" })
     ] })
   ] });
 }
 
 // src/entries.tsx
-import { useState as useState4 } from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useState as useState5 } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function useScope(className, style) {
   const { scope } = useInternal();
   return {
@@ -1985,11 +2132,11 @@ function useScope(className, style) {
 }
 function AskBar({ placeholder = "Ask for a feature\u2026", className, style }) {
   const { open, appIcon, unseenCount } = useInternal();
-  return /* @__PURE__ */ jsx5("div", { ...useScope(className, style), children: /* @__PURE__ */ jsxs5("button", { type: "button", className: "ya-askbar", onClick: () => open({ view: "new" }), children: [
-    appIcon ? /* @__PURE__ */ jsx5(AppAvatar, { icon: appIcon, size: 30 }) : /* @__PURE__ */ jsx5("span", { className: "ya-askbar-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(IconIdea, {}) }),
-    /* @__PURE__ */ jsx5("span", { className: "ya-askbar-text", children: placeholder }),
-    unseenCount > 0 && /* @__PURE__ */ jsx5("span", { className: "ya-badge", children: unseenCount }),
-    /* @__PURE__ */ jsx5("span", { className: "ya-askbar-send", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(IconSend, {}) })
+  return /* @__PURE__ */ jsx6("div", { ...useScope(className, style), children: /* @__PURE__ */ jsxs6("button", { type: "button", className: "ya-askbar", onClick: () => open({ view: "new" }), children: [
+    appIcon ? /* @__PURE__ */ jsx6(AppAvatar, { icon: appIcon, size: 30 }) : /* @__PURE__ */ jsx6("span", { className: "ya-askbar-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx6(IconIdea, {}) }),
+    /* @__PURE__ */ jsx6("span", { className: "ya-askbar-text", children: placeholder }),
+    unseenCount > 0 && /* @__PURE__ */ jsx6("span", { className: "ya-badge", children: unseenCount }),
+    /* @__PURE__ */ jsx6("span", { className: "ya-askbar-send", "aria-hidden": "true", children: /* @__PURE__ */ jsx6(IconSend, {}) })
   ] }) });
 }
 function FeatureCard({
@@ -2002,15 +2149,15 @@ function FeatureCard({
   const { client, open, config, markSeen } = useInternal();
   const { data } = useLoad(() => client.list("top", "active"), [client]);
   const notice = config?.unseen.find((n) => n.kind === "shipped");
-  return /* @__PURE__ */ jsx5("div", { ...useScope(className, style), children: /* @__PURE__ */ jsxs5("section", { className: "ya-card", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "ya-card-head", children: [
-      /* @__PURE__ */ jsx5("span", { className: "ya-card-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(IconIdea, {}) }),
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("h3", { className: "ya-card-title", children: heading }),
-        /* @__PURE__ */ jsx5("p", { className: "ya-card-sub", children: description })
+  return /* @__PURE__ */ jsx6("div", { ...useScope(className, style), children: /* @__PURE__ */ jsxs6("section", { className: "ya-card", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "ya-card-head", children: [
+      /* @__PURE__ */ jsx6("span", { className: "ya-card-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx6(IconIdea, {}) }),
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("h3", { className: "ya-card-title", children: heading }),
+        /* @__PURE__ */ jsx6("p", { className: "ya-card-sub", children: description })
       ] })
     ] }),
-    notice && /* @__PURE__ */ jsxs5(
+    notice && /* @__PURE__ */ jsxs6(
       "button",
       {
         type: "button",
@@ -2020,20 +2167,20 @@ function FeatureCard({
           open({ requestId: notice.requestId });
         },
         children: [
-          /* @__PURE__ */ jsx5("span", { className: "ya-shipped-dot", children: /* @__PURE__ */ jsx5(IconCheck, {}) }),
-          /* @__PURE__ */ jsxs5("span", { children: [
+          /* @__PURE__ */ jsx6("span", { className: "ya-shipped-dot", children: /* @__PURE__ */ jsx6(IconCheck, {}) }),
+          /* @__PURE__ */ jsxs6("span", { children: [
             "You asked for ",
-            /* @__PURE__ */ jsx5("b", { children: notice.title }),
+            /* @__PURE__ */ jsx6("b", { children: notice.title }),
             ". It's live."
           ] }),
-          /* @__PURE__ */ jsx5(IconChevron, {})
+          /* @__PURE__ */ jsx6(IconChevron, {})
         ]
       }
     ),
-    !data ? /* @__PURE__ */ jsx5(Skeleton, { rows: 2 }) : data.length > 0 ? /* @__PURE__ */ jsx5("ul", { className: "ya-list", children: data.slice(0, limit).map((r) => /* @__PURE__ */ jsx5(RequestRow, { client, request: r, compact: true, onOpen: () => open({ requestId: r.id }) }, r.id)) }) : null,
-    /* @__PURE__ */ jsxs5("div", { className: "ya-card-actions", children: [
-      /* @__PURE__ */ jsx5("button", { type: "button", className: "ya-btn ya-btn-sm", onClick: () => open({ view: "new" }), children: "Suggest an idea" }),
-      data && data.length > limit && /* @__PURE__ */ jsxs5("button", { type: "button", className: "ya-btn ya-btn-sm ya-btn-ghost", onClick: () => open({ view: "board" }), children: [
+    !data ? /* @__PURE__ */ jsx6(Skeleton, { rows: 2 }) : data.length > 0 ? /* @__PURE__ */ jsx6("ul", { className: "ya-list", children: data.slice(0, limit).map((r) => /* @__PURE__ */ jsx6(RequestRow, { client, request: r, compact: true, onOpen: () => open({ requestId: r.id }) }, r.id)) }) : null,
+    /* @__PURE__ */ jsxs6("div", { className: "ya-card-actions", children: [
+      /* @__PURE__ */ jsx6("button", { type: "button", className: "ya-btn ya-btn-sm", onClick: () => open({ view: "new" }), children: "Suggest an idea" }),
+      data && data.length > limit && /* @__PURE__ */ jsxs6("button", { type: "button", className: "ya-btn ya-btn-sm ya-btn-ghost", onClick: () => open({ view: "board" }), children: [
         "See all ",
         data.length
       ] })
@@ -2049,26 +2196,26 @@ function RequestButton({
 }) {
   const { open, unseenCount } = useInternal();
   const scope = useScope(className, style);
-  const badge = unseenCount > 0 && (variant === "icon" ? /* @__PURE__ */ jsx5("span", { className: "ya-dot", "aria-hidden": "true" }) : /* @__PURE__ */ jsx5("span", { className: "ya-badge", children: unseenCount }));
+  const badge = unseenCount > 0 && (variant === "icon" ? /* @__PURE__ */ jsx6("span", { className: "ya-dot", "aria-hidden": "true" }) : /* @__PURE__ */ jsx6("span", { className: "ya-badge", children: unseenCount }));
   if (variant === "icon") {
-    return /* @__PURE__ */ jsx5("span", { ...scope, children: /* @__PURE__ */ jsxs5("button", { type: "button", className: "ya-iconbtn", onClick: () => open(), "aria-label": label, children: [
-      /* @__PURE__ */ jsx5(IconIdea, {}),
+    return /* @__PURE__ */ jsx6("span", { ...scope, children: /* @__PURE__ */ jsxs6("button", { type: "button", className: "ya-iconbtn", onClick: () => open(), "aria-label": label, children: [
+      /* @__PURE__ */ jsx6(IconIdea, {}),
       badge
     ] }) });
   }
   if (variant === "row") {
-    return /* @__PURE__ */ jsx5("div", { ...scope, children: /* @__PURE__ */ jsxs5("button", { type: "button", className: "ya-menurow", onClick: () => open(), children: [
-      /* @__PURE__ */ jsx5("span", { className: "ya-card-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(IconIdea, {}) }),
-      /* @__PURE__ */ jsxs5("span", { className: "ya-menurow-text", children: [
-        /* @__PURE__ */ jsx5("span", { className: "ya-menurow-label", children: label }),
-        sublabel && /* @__PURE__ */ jsx5("span", { className: "ya-menurow-sub", children: sublabel })
+    return /* @__PURE__ */ jsx6("div", { ...scope, children: /* @__PURE__ */ jsxs6("button", { type: "button", className: "ya-menurow", onClick: () => open(), children: [
+      /* @__PURE__ */ jsx6("span", { className: "ya-card-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx6(IconIdea, {}) }),
+      /* @__PURE__ */ jsxs6("span", { className: "ya-menurow-text", children: [
+        /* @__PURE__ */ jsx6("span", { className: "ya-menurow-label", children: label }),
+        sublabel && /* @__PURE__ */ jsx6("span", { className: "ya-menurow-sub", children: sublabel })
       ] }),
       badge,
-      /* @__PURE__ */ jsx5(IconChevron, {})
+      /* @__PURE__ */ jsx6(IconChevron, {})
     ] }) });
   }
-  return /* @__PURE__ */ jsx5("span", { ...scope, children: /* @__PURE__ */ jsxs5("button", { type: "button", className: "ya-pillbtn", onClick: () => open(), children: [
-    /* @__PURE__ */ jsx5(IconIdea, {}),
+  return /* @__PURE__ */ jsx6("span", { ...scope, children: /* @__PURE__ */ jsxs6("button", { type: "button", className: "ya-pillbtn", onClick: () => open(), children: [
+    /* @__PURE__ */ jsx6(IconIdea, {}),
     label,
     badge
   ] }) });
@@ -2080,8 +2227,8 @@ function AskAbout({
   style
 }) {
   const { open } = useInternal();
-  return /* @__PURE__ */ jsx5("span", { ...useScope(className, style), children: /* @__PURE__ */ jsxs5("button", { type: "button", className: "ya-askabout", onClick: () => open({ view: "new", topic }), children: [
-    /* @__PURE__ */ jsx5(IconIdea, {}),
+  return /* @__PURE__ */ jsx6("span", { ...useScope(className, style), children: /* @__PURE__ */ jsxs6("button", { type: "button", className: "ya-askabout", onClick: () => open({ view: "new", topic }), children: [
+    /* @__PURE__ */ jsx6(IconIdea, {}),
     prompt ?? `Want more from ${topic}?`
   ] }) });
 }
@@ -2089,11 +2236,11 @@ function AskForIt({ query, className, style }) {
   const { open } = useInternal();
   const q = query.trim();
   const shown = q.length > 40 ? `${q.slice(0, 39).trimEnd()}\u2026` : q;
-  return /* @__PURE__ */ jsx5("span", { ...useScope(className, style), children: /* @__PURE__ */ jsxs5("button", { type: "button", className: "ya-askforit", onClick: () => open({ view: "new", draft: q, topic: "search" }), children: [
-    /* @__PURE__ */ jsx5("span", { children: shown ? `Can't find \u201C${shown}\u201D?` : "Can't find it?" }),
-    /* @__PURE__ */ jsxs5("b", { children: [
+  return /* @__PURE__ */ jsx6("span", { ...useScope(className, style), children: /* @__PURE__ */ jsxs6("button", { type: "button", className: "ya-askforit", onClick: () => open({ view: "new", draft: q, topic: "search" }), children: [
+    /* @__PURE__ */ jsx6("span", { children: shown ? `Can't find \u201C${shown}\u201D?` : "Can't find it?" }),
+    /* @__PURE__ */ jsxs6("b", { children: [
       "Ask for it",
-      /* @__PURE__ */ jsx5(IconChevron, {})
+      /* @__PURE__ */ jsx6(IconChevron, {})
     ] })
   ] }) });
 }
@@ -2103,8 +2250,8 @@ function FeatureBoard({
   className,
   style
 }) {
-  const [route, setRoute] = useState4(start === "board" ? { view: "board" } : { view: "home" });
-  return /* @__PURE__ */ jsx5("div", { ...useScope(className, style), children: /* @__PURE__ */ jsx5("div", { className: "ya-embed", style: { height }, children: /* @__PURE__ */ jsx5(Navigator, { route, setRoute }) }) });
+  const [route, setRoute] = useState5(start === "board" ? { view: "board" } : { view: "home" });
+  return /* @__PURE__ */ jsx6("div", { ...useScope(className, style), children: /* @__PURE__ */ jsx6("div", { className: "ya-embed", style: { height }, children: /* @__PURE__ */ jsx6(Navigator, { route, setRoute }) }) });
 }
 export {
   AskAbout,