@guidelytech/react-native 0.4.1 → 0.6.1

package/dist/index.js

@@ -3,10 +3,10 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
 // src/index.tsx
-import { useContext as useContext2, useEffect as useEffect7, useRef as useRef5, useState as useState6 } from "react";
+import { useContext as useContext2, useEffect as useEffect8, useRef as useRef5, useState as useState7 } from "react";
 import { AppState, Dimensions, Linking, Platform as Platform6 } from "react-native";
 
-// ../shared/dist/chunk-QUKMOTT4.js
+// ../shared/dist/chunk-OLWGMDRX.js
 function fnv1a(input) {
   let h = 2166136261;
   for (let i = 0; i < input.length; i++) {
@@ -310,8 +310,194 @@ function sanitizeProperties(props) {
   return out;
 }
 var SOURCEMAP_MAX_FILE_BYTES = 25 * 1024 * 1024;
+var MEDIA_IMAGE_MAX_BYTES = 10 * 1024 * 1024;
+var MEDIA_VIDEO_MAX_BYTES = 200 * 1024 * 1024;
+var MEDIA_FILE_MAX_BYTES = 50 * 1024 * 1024;
+var MEDIA_MAX_BYTES = Math.max(MEDIA_IMAGE_MAX_BYTES, MEDIA_VIDEO_MAX_BYTES, MEDIA_FILE_MAX_BYTES);
+var FILE_LINK_CLASS = "gd-file";
+var PDF_BLOCK_CLASS = "gd-pdf";
+function isFileLink(className, href) {
+  return !!className && className.split(/\s+/).includes(FILE_LINK_CLASS) && isSafeMediaUrl(href);
+}
+var YOUTUBE_ID = /^[A-Za-z0-9_-]{11}$/;
+var VIMEO_ID = /^\d{1,12}$/;
+var VIMEO_HASH = /^[0-9a-f]{6,20}$/i;
+var LOOM_ID = /^[0-9a-f]{32}$/i;
+var WISTIA_ID = /^[a-z0-9]{10}$/i;
+function parseUrl(input) {
+  const s = input.trim();
+  if (!s) return null;
+  try {
+    const u = new URL(/^[a-z][a-z0-9+.-]*:/i.test(s) ? s : `https://${s}`);
+    if (u.protocol !== "https:" && u.protocol !== "http:") return null;
+    if (u.username || u.password || u.port && u.port !== "443" && u.port !== "80") return null;
+    return u;
+  } catch {
+    return null;
+  }
+}
+function parseStart(v) {
+  if (!v) return 0;
+  if (/^\d+$/.test(v)) return Math.min(Number(v), 86400);
+  const m = /^(?:(\d+)h)?(?:(\d+)m)?(?:(\d+)s)?$/.exec(v);
+  if (!m || !m[0]) return 0;
+  return Math.min(Number(m[1] ?? 0) * 3600 + Number(m[2] ?? 0) * 60 + Number(m[3] ?? 0), 86400);
+}
+function youtube(id, start) {
+  if (!YOUTUBE_ID.test(id)) return null;
+  return {
+    provider: "youtube",
+    src: `https://www.youtube-nocookie.com/embed/${id}${start ? `?start=${start}` : ""}`,
+    watchUrl: `https://www.youtube.com/watch?v=${id}${start ? `&t=${start}s` : ""}`,
+    title: "YouTube video"
+  };
+}
+function vimeo(id, hash) {
+  if (!VIMEO_ID.test(id) || hash !== null && !VIMEO_HASH.test(hash)) return null;
+  const h = hash ? hash.toLowerCase() : null;
+  return { provider: "vimeo", src: `https://player.vimeo.com/video/${id}${h ? `?h=${h}` : ""}`, watchUrl: `https://vimeo.com/${id}${h ? `/${h}` : ""}`, title: "Vimeo video" };
+}
+function toEmbedUrl(input) {
+  const u = parseUrl(input);
+  if (!u) return null;
+  const host = u.hostname.toLowerCase().replace(/^www\./, "");
+  const parts = u.pathname.split("/").filter(Boolean);
+  switch (host) {
+    case "youtube.com":
+    case "m.youtube.com":
+    case "youtube-nocookie.com": {
+      const start = parseStart(u.searchParams.get("start") ?? u.searchParams.get("t"));
+      if (parts[0] === "watch" && parts.length === 1) return youtube(u.searchParams.get("v") ?? "", start);
+      if ((parts[0] === "embed" || parts[0] === "shorts" || parts[0] === "live") && parts.length === 2) return youtube(parts[1], start);
+      return null;
+    }
+    case "youtu.be":
+      return parts.length === 1 ? youtube(parts[0], parseStart(u.searchParams.get("t") ?? u.searchParams.get("start"))) : null;
+    case "vimeo.com":
+      if (parts.length === 1) return vimeo(parts[0], null);
+      if (parts.length === 2 && VIMEO_ID.test(parts[0])) return vimeo(parts[0], parts[1]);
+      return null;
+    case "player.vimeo.com":
+      return parts[0] === "video" && parts.length === 2 ? vimeo(parts[1], u.searchParams.get("h")) : null;
+    case "loom.com":
+      if ((parts[0] === "share" || parts[0] === "embed") && parts.length === 2 && LOOM_ID.test(parts[1])) {
+        const id = parts[1].toLowerCase();
+        return { provider: "loom", src: `https://www.loom.com/embed/${id}`, watchUrl: `https://www.loom.com/share/${id}`, title: "Loom video" };
+      }
+      return null;
+    default: {
+      let id;
+      if (host === "fast.wistia.net" || host === "fast.wistia.com") id = parts[0] === "embed" && parts[1] === "iframe" && parts.length === 3 ? parts[2] : void 0;
+      else if (host === "wi.st" || host === "wistia.com" || /^[a-z0-9-]+\.wistia\.com$/.test(host)) id = parts[0] === "medias" && parts.length === 2 ? parts[1] : void 0;
+      if (!id || !WISTIA_ID.test(id)) return null;
+      return { provider: "wistia", src: `https://fast.wistia.net/embed/iframe/${id}`, watchUrl: `https://fast.wistia.net/embed/iframe/${id}`, title: "Wistia video" };
+    }
+  }
+}
+function isAllowedEmbedSrc(src) {
+  if (!src) return false;
+  return toEmbedUrl(src)?.src === src;
+}
+function isSafeMediaUrl(url) {
+  if (!url) return false;
+  try {
+    const u = new URL(url);
+    return (u.protocol === "https:" || u.protocol === "http:") && !u.username && !u.password;
+  } catch {
+    return false;
+  }
+}
+var MAX_COLLECTION_DEPTH = 3;
+function matchesAudiences(required, member) {
+  if (!required || required.length === 0) return true;
+  if (!member) return false;
+  const has2 = member instanceof Set ? (id) => member.has(id) : (id) => member.includes(id);
+  return required.some(has2);
+}
+function resourceCenterSections(collections, articles, member) {
+  const byId = new Map(collections.map((c) => [c.id, c]));
+  const children = /* @__PURE__ */ new Map();
+  for (const c of collections) {
+    const parent = c.parentId && c.parentId !== c.id && byId.has(c.parentId) ? c.parentId : null;
+    const list = children.get(parent) ?? [];
+    list.push(c);
+    children.set(parent, list);
+  }
+  for (const list of children.values()) list.sort((a, b) => a.order - b.order || a.name.localeCompare(b.name));
+  const direct = /* @__PURE__ */ new Map();
+  const uncategorized = [];
+  for (const a of articles) {
+    if (!matchesAudiences(a.audienceIds, member)) continue;
+    if (a.collectionId && byId.has(a.collectionId)) {
+      const list = direct.get(a.collectionId) ?? [];
+      list.push(a);
+      direct.set(a.collectionId, list);
+    } else uncategorized.push(a);
+  }
+  const sections = [];
+  const seen = /* @__PURE__ */ new Set();
+  const visit = (c, path) => {
+    if (seen.has(c.id)) return;
+    seen.add(c.id);
+    if (!matchesAudiences(c.audienceIds, member)) return;
+    const here = [...path, c.name];
+    const list = direct.get(c.id);
+    if (list?.length) sections.push({ collection: c, path: here, depth: here.length - 1, articles: list });
+    for (const child of children.get(c.id) ?? []) visit(child, here);
+  };
+  for (const root of children.get(null) ?? []) visit(root, []);
+  if (uncategorized.length) sections.push({ collection: null, path: [], depth: 0, articles: uncategorized });
+  return sections;
+}
+function isArticleListed(collections, article, member) {
+  if (!matchesAudiences(article.audienceIds, member)) return false;
+  const byId = new Map(collections.map((c) => [c.id, c]));
+  let cur = article.collectionId ? byId.get(article.collectionId) : void 0;
+  for (let guard = 0; cur && guard <= MAX_COLLECTION_DEPTH * 4; guard++) {
+    if (!matchesAudiences(cur.audienceIds, member)) return false;
+    cur = cur.parentId ? byId.get(cur.parentId) : void 0;
+  }
+  return true;
+}
+var CAPTURE_SCREENSHOT_MAX_BYTES = 8 * 1024 * 1024;
 
-// ../sdk-core/dist/chunk-GJT7CFAC.js
+// ../sdk-core/dist/chunk-CYAG6ZYX.js
+function readJson(store, key, fallback) {
+  const raw = store.get(key);
+  if (raw == null) return fallback;
+  try {
+    return JSON.parse(raw);
+  } catch {
+    return fallback;
+  }
+}
+function writeJson(store, key, value) {
+  try {
+    store.set(key, JSON.stringify(value));
+  } catch {
+  }
+}
+var KEYS = {
+  anon: "guidely:anon",
+  seen: "guidely:seen",
+  config: (key) => `guidely:config:${key}`,
+  etag: (key) => `guidely:etag:${key}`,
+  state: (key) => `guidely:state:${key}`,
+  user: (key) => `guidely:user:${key}`,
+  queue: (key) => `guidely:queue:${key}`,
+  session: "guidely:session",
+  active: "guidely:active",
+  authoring: "guidely:authoring",
+  /** How-to capture session marker ({ token, … }) and its not-yet-uploaded steps. */
+  capture: "guidely:capture",
+  capturePending: "guidely:capture:pending",
+  /** Messenger conversations this browser can read: [{ id, token }]. */
+  conversations: (key) => `guidely:conversations:${key}`,
+  /** Announcement ids opened in the messenger's News tab. */
+  newsSeen: (key) => `guidely:news:${key}`
+};
+
+// ../sdk-core/dist/chunk-AKNE7D5M.js
 var __defProp2 = Object.defineProperty;
 var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -333,7 +519,8 @@ var Api = class {
     const f = this.fetcher;
     if (!f) throw new Error("fetch is not available");
     const headers = { ...options.headers, "X-Guidely-Key": this.key, Accept: "application/json" };
-    if (options.body !== void 0) headers["Content-Type"] = "application/json";
+    const form = typeof FormData !== "undefined" && options.body instanceof FormData;
+    if (options.body !== void 0 && !form) headers["Content-Type"] = "application/json";
     if (options.etag) headers["If-None-Match"] = options.etag;
     const ac = typeof AbortController !== "undefined" ? new AbortController() : null;
     const timer = ac ? setTimeout(() => ac.abort(), options.timeoutMs ?? 1e4) : null;
@@ -341,7 +528,7 @@ var Api = class {
       const res = await f(this.url(path, options.params), {
         method,
         headers,
-        body: options.body === void 0 ? void 0 : JSON.stringify(options.body),
+        body: options.body === void 0 ? void 0 : form ? options.body : JSON.stringify(options.body),
         keepalive: options.keepalive,
         signal: ac?.signal,
         credentials: "omit",
@@ -366,6 +553,10 @@ var Api = class {
   post(path, body, options) {
     return this.request("POST", path, { body, ...options });
   }
+  /** Multipart POST (file uploads). No Content-Type header: the browser adds it with the boundary. */
+  postForm(path, form, options) {
+    return this.request("POST", path, { body: form, ...options });
+  }
   /**
    * POST that may answer with server-sent events. Each event is passed to `onEvent`; a JSON answer is
    * returned instead. No timeout: Scout replies can take a while and the server keeps the stream alive.
@@ -408,10 +599,10 @@ var sleep = (ms) => new Promise((r) => setTimeout(r, ms));
 function backoffMs(attempt, baseMs = 1e3, maxMs = 3e4) {
   return Math.min(maxMs, baseMs * 2 ** Math.max(0, attempt));
 }
-async function postWithRetry(api, path, body, attempts = 3, baseMs = 500) {
+async function withRetry(send, attempts = 3, baseMs = 500) {
   for (let i = 0; i < attempts; i++) {
     try {
-      const res = await api.post(path, body);
+      const res = await send();
       if (res.ok || res.status >= 400 && res.status < 500 && res.status !== 429) return res;
     } catch {
     }
@@ -419,6 +610,9 @@ async function postWithRetry(api, path, body, attempts = 3, baseMs = 500) {
   }
   return null;
 }
+function postWithRetry(api, path, body, attempts = 3, baseMs = 500) {
+  return withRetry(() => api.post(path, body), attempts, baseMs);
+}
 async function readEventStream(body, onEvent) {
   const reader = body.getReader();
   const decoder = new TextDecoder();
@@ -453,36 +647,7 @@ async function readEventStream(body, onEvent) {
   if (buffer.trim()) dispatch(buffer);
 }
 
-// ../sdk-core/dist/chunk-HLR3W63Z.js
-function readJson(store, key, fallback) {
-  const raw = store.get(key);
-  if (raw == null) return fallback;
-  try {
-    return JSON.parse(raw);
-  } catch {
-    return fallback;
-  }
-}
-function writeJson(store, key, value) {
-  try {
-    store.set(key, JSON.stringify(value));
-  } catch {
-  }
-}
-var KEYS = {
-  anon: "guidely:anon",
-  seen: "guidely:seen",
-  config: (key) => `guidely:config:${key}`,
-  etag: (key) => `guidely:etag:${key}`,
-  state: (key) => `guidely:state:${key}`,
-  user: (key) => `guidely:user:${key}`,
-  queue: (key) => `guidely:queue:${key}`,
-  session: "guidely:session",
-  active: "guidely:active",
-  authoring: "guidely:authoring",
-  /** Messenger conversations this browser can read: [{ id, token }]. */
-  conversations: (key) => `guidely:conversations:${key}`
-};
+// ../sdk-core/dist/chunk-GDF6RCHQ.js
 var EventQueue = class {
   constructor(opts) {
     __publicField2(this, "opts", opts);
@@ -1564,7 +1729,7 @@ var PersistentStore = class {
 
 // src/core/client.ts
 var SDK_NAME = "@guidelytech/react-native";
-var SDK_VERSION = "0.4.1";
+var SDK_VERSION = "0.6.1";
 var DEFAULT_API_URL = "https://guidelytech.com";
 var PAGE_SCOPED = /* @__PURE__ */ new Set(["page_load", "url_match", "element_click", "element_visible", "delay"]);
 var nowIso = () => (/* @__PURE__ */ new Date()).toISOString();
@@ -2429,6 +2594,10 @@ var GuidelyClient = class {
     if (this.activeSurvey?.guide.id !== guideId) return;
     this.finishSurvey(this.surveyView?.submitted ? "submitted" : "dismissed");
   }
+  /** The visitor's audiences (from the last identify), for audience-targeted help articles. */
+  getAudienceIds() {
+    return this.state.audienceIds;
+  }
   getResourceCenter() {
     const rc = this.config?.resourceCenter;
     return rc && rc.enabled ? rc : null;
@@ -2693,11 +2862,11 @@ function forPlatform(config, platform) {
 }
 
 // src/ui/Overlay.tsx
-import { useCallback as useCallback2, useEffect as useEffect5, useRef as useRef3, useState as useState5, useSyncExternalStore as useSyncExternalStore2 } from "react";
-import { Platform as Platform5, Pressable as Pressable7, StatusBar, StyleSheet as StyleSheet9, Text as Text8, useColorScheme, useWindowDimensions, View as View9 } from "react-native";
+import { useCallback as useCallback2, useEffect as useEffect6, useRef as useRef3, useState as useState6, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { Platform as Platform5, Pressable as Pressable8, StatusBar, StyleSheet as StyleSheet9, Text as Text8, useColorScheme, useWindowDimensions, View as View9 } from "react-native";
 
 // src/ui/Checklist.tsx
-import { Pressable as Pressable2, ScrollView, StyleSheet as StyleSheet3, Text as Text3, View as View3 } from "react-native";
+import { Pressable as Pressable3, ScrollView as ScrollView2, StyleSheet as StyleSheet3, Text as Text3, View as View3 } from "react-native";
 
 // src/ui/primitives.tsx
 import { Pressable, StyleSheet, Text, View } from "react-native";
@@ -2751,8 +2920,8 @@ var styles = StyleSheet.create({
 });
 
 // src/ui/RichText.tsx
-import { useMemo } from "react";
-import { Platform, StyleSheet as StyleSheet2, Text as Text2, View as View2 } from "react-native";
+import { useEffect, useMemo, useState } from "react";
+import { Image, Modal, Platform, Pressable as Pressable2, ScrollView, StyleSheet as StyleSheet2, Text as Text2, View as View2 } from "react-native";
 
 // src/core/html.ts
 var ENTITIES = { amp: "&", lt: "<", gt: ">", quot: '"', apos: "'", nbsp: "\xA0", mdash: "\u2014", ndash: "\u2013", hellip: "\u2026", rsquo: "\u2019", lsquo: "\u2018", rdquo: "\u201D", ldquo: "\u201C", copy: "\xA9", reg: "\xAE", trade: "\u2122", times: "\xD7", rarr: "\u2192", larr: "\u2190", bull: "\u2022" };
@@ -2766,7 +2935,8 @@ function decodeEntities(s) {
   });
 }
 var BLOCK_TAGS = /* @__PURE__ */ new Set(["p", "div", "section", "article", "header", "footer", "h1", "h2", "h3", "h4", "h5", "h6", "li", "blockquote", "ul", "ol", "table", "tr", "pre"]);
-var SKIP_TAGS = /* @__PURE__ */ new Set(["script", "style", "head", "title", "svg", "template"]);
+var SKIP_TAGS = /* @__PURE__ */ new Set(["script", "style", "head", "title", "svg", "template", "iframe", "video"]);
+var PROVIDER_LABEL = { youtube: "Watch on YouTube", vimeo: "Watch on Vimeo", loom: "Watch on Loom", wistia: "Watch video" };
 function attr(attrs, name) {
   const m = attrs.match(new RegExp(`\\b${name}\\s*=\\s*("([^"]*)"|'([^']*)'|([^\\s>]+))`, "i"));
   return m ? decodeEntities(m[2] ?? m[3] ?? m[4] ?? "") : void 0;
@@ -2778,6 +2948,12 @@ function parseHtml(html) {
   const lists = [];
   let current = null;
   let skipping = null;
+  let pdf = null;
+  let fileLink = null;
+  const media = (block) => {
+    flush();
+    blocks.push({ level: 1, runs: [], ...block });
+  };
   const flush = () => {
     if (current) {
       const runs = current.runs;
@@ -2808,12 +2984,30 @@ function parseHtml(html) {
     if (last && last.bold === run.bold && last.italic === run.italic && last.underline === run.underline && last.code === run.code && last.href === run.href) last.text += text;
     else current.runs.push(run);
   };
+  const size = (attrs, name) => {
+    const n = Number(attr(attrs, name));
+    return n > 0 ? n : void 0;
+  };
+  const endPdf = (p) => {
+    const name = p.name.replace(/\s+/g, " ").trim();
+    if (p.href && p.pages.length) media({ kind: "pdf", href: p.href, alt: name || "PDF", pages: p.pages });
+    else if (p.href) media({ kind: "file", href: p.href, alt: name || "Open PDF" });
+    else for (const page of p.pages) media({ kind: "image", src: page.src, alt: page.alt, ...page.width && page.height ? { width: page.width, height: page.height } : {} });
+  };
   const re = /<!--[\s\S]*?-->|<\/?([a-zA-Z][a-zA-Z0-9]*)\b([^>]*)>|([^<]+|<)/g;
   let m;
   while (m = re.exec(html || "")) {
     const [token, rawTag, attrs = "", text] = m;
     if (text !== void 0) {
       if (skipping) continue;
+      if (pdf) {
+        if (pdf.inLink) pdf.name += decodeEntities(text);
+        continue;
+      }
+      if (fileLink) {
+        fileLink.name += decodeEntities(text);
+        continue;
+      }
       push(decodeEntities(text.replace(/\s+/g, " ")));
       continue;
     }
@@ -2825,7 +3019,54 @@ function parseHtml(html) {
       continue;
     }
     if (SKIP_TAGS.has(tag)) {
-      if (!closing && !token.endsWith("/>")) skipping = tag;
+      if (closing) continue;
+      if (tag === "iframe") {
+        const src = attr(attrs, "src");
+        const embed = isAllowedEmbedSrc(src) ? toEmbedUrl(src) : null;
+        if (embed) media({ kind: "video", href: embed.watchUrl, alt: PROVIDER_LABEL[embed.provider] });
+      } else if (tag === "video") {
+        const src = attr(attrs, "src");
+        if (isSafeMediaUrl(src)) media({ kind: "video", href: src, alt: "Play video" });
+      }
+      if (!token.endsWith("/>")) skipping = tag;
+      continue;
+    }
+    if (pdf) {
+      if (tag === "div") {
+        pdf.depth += closing ? -1 : 1;
+        if (pdf.depth === 0) {
+          endPdf(pdf);
+          pdf = null;
+        }
+      } else if (tag === "a") {
+        if (closing) pdf.inLink = false;
+        else if (!pdf.href && isFileLink(attr(attrs, "class"), attr(attrs, "href"))) {
+          pdf.href = attr(attrs, "href");
+          pdf.inLink = true;
+        }
+      } else if (tag === "img" && !closing) {
+        const src = attr(attrs, "src");
+        const w = size(attrs, "width");
+        const h = size(attrs, "height");
+        if (isSafeMediaUrl(src)) pdf.pages.push({ src, alt: attr(attrs, "alt") ?? "", ...w && h ? { width: w, height: h } : {} });
+      }
+      continue;
+    }
+    if (fileLink) {
+      if (closing && tag === "a") {
+        media({ kind: "file", href: fileLink.href, alt: fileLink.name.replace(/\s+/g, " ").trim() || "Open PDF" });
+        fileLink = null;
+      }
+      continue;
+    }
+    if (!closing && tag === "div" && (attr(attrs, "class") ?? "").split(/\s+/).includes(PDF_BLOCK_CLASS)) {
+      flush();
+      pdf = { depth: 1, name: "", inLink: false, pages: [] };
+      continue;
+    }
+    if (!closing && tag === "a" && isFileLink(attr(attrs, "class"), attr(attrs, "href"))) {
+      flush();
+      fileLink = { href: attr(attrs, "href"), name: "" };
       continue;
     }
     if (closing) {
@@ -2886,16 +3127,23 @@ function parseHtml(html) {
       default:
         if (BLOCK_TAGS.has(tag)) open("paragraph");
         else if (tag === "img") {
-          const alt = attr(attrs, "alt");
-          if (alt) push(alt);
+          const src = attr(attrs, "src") ?? "";
+          const alt = attr(attrs, "alt") ?? "";
+          if (isSafeMediaUrl(src) || /^data:image\//i.test(src)) {
+            const w = Number(attr(attrs, "width"));
+            const h = Number(attr(attrs, "height"));
+            media({ kind: "image", src, alt, ...w > 0 && h > 0 ? { width: w, height: h } : {} });
+          } else if (alt) push(alt);
         }
     }
   }
+  if (pdf) endPdf(pdf);
+  if (fileLink) media({ kind: "file", href: fileLink.href, alt: fileLink.name.replace(/\s+/g, " ").trim() || "Open PDF" });
   flush();
   return blocks;
 }
 function htmlToText(html) {
-  return parseHtml(html).map((b) => (b.marker ? `${b.marker} ` : "") + b.runs.map((r) => r.text).join("")).join("\n");
+  return parseHtml(html).map((b) => b.kind === "image" || b.kind === "video" || b.kind === "pdf" || b.kind === "file" ? b.alt ?? "" : (b.marker ? `${b.marker} ` : "") + b.runs.map((r) => r.text).join("")).filter(Boolean).join("\n");
 }
 
 // src/ui/RichText.tsx
@@ -2912,11 +3160,76 @@ function runStyle(run, p) {
     color: run.href ? p.primary : void 0
   };
 }
+function BodyImage({ block, palette: p }) {
+  const [ratio, setRatio] = useState(block.width && block.height ? block.width / block.height : 16 / 9);
+  useEffect(() => {
+    if (block.width && block.height) return;
+    let live = true;
+    Image.getSize(block.src, (w, h) => live && w > 0 && h > 0 && setRatio(w / h), () => {
+    });
+    return () => {
+      live = false;
+    };
+  }, [block.src, block.width, block.height]);
+  return /* @__PURE__ */ jsx2(Image, { source: { uri: block.src }, accessible: true, accessibilityRole: "image", accessibilityLabel: block.alt || void 0, resizeMode: "contain", style: [styles2.image, { aspectRatio: ratio, backgroundColor: p.surface }] });
+}
+function BodyVideo({ block, palette: p, onLink }) {
+  return /* @__PURE__ */ jsxs(Pressable2, { accessibilityRole: "link", accessibilityLabel: block.alt, onPress: () => onLink(block.href), style: ({ pressed }) => [styles2.video, { borderColor: p.border, backgroundColor: p.surface, opacity: pressed ? 0.7 : 1 }], children: [
+    /* @__PURE__ */ jsx2(Text2, { style: [styles2.play, { color: p.primary }], children: "\u25B6" }),
+    /* @__PURE__ */ jsx2(Text2, { style: { color: p.primary, fontFamily: p.fontFamily, fontWeight: "600" }, children: block.alt })
+  ] });
+}
+var PAGE_RATIO = 1 / 1.414;
+var pageRatio = (p) => p.width && p.height ? p.width / p.height : PAGE_RATIO;
+function PdfBadge() {
+  return /* @__PURE__ */ jsx2(View2, { style: styles2.badge, children: /* @__PURE__ */ jsx2(Text2, { style: styles2.badgeText, children: "PDF" }) });
+}
+function BodyFile({ block, palette: p, onLink }) {
+  return /* @__PURE__ */ jsxs(Pressable2, { accessibilityRole: "link", accessibilityLabel: `${block.alt}, PDF`, onPress: () => onLink(block.href), style: ({ pressed }) => [styles2.video, { borderColor: p.border, backgroundColor: p.surface, opacity: pressed ? 0.7 : 1 }], children: [
+    /* @__PURE__ */ jsx2(PdfBadge, {}),
+    /* @__PURE__ */ jsx2(Text2, { numberOfLines: 2, ellipsizeMode: "middle", style: [styles2.flex, { color: p.text, fontFamily: p.fontFamily, fontWeight: "600" }], children: block.alt })
+  ] });
+}
+function BodyPdf({ block, palette: p, onLink }) {
+  const pages = block.pages ?? [];
+  const [width, setWidth] = useState(0);
+  const [index, setIndex] = useState(0);
+  const [reading, setReading] = useState(false);
+  const height = width ? Math.max(...pages.map((pg) => width / pageRatio(pg))) : 0;
+  const onScroll = (e) => width && setIndex(Math.round(e.nativeEvent.contentOffset.x / width));
+  return /* @__PURE__ */ jsxs(View2, { style: [styles2.pdf, { borderColor: p.border, backgroundColor: p.surface }], children: [
+    /* @__PURE__ */ jsxs(Pressable2, { accessibilityRole: "button", accessibilityLabel: `Read ${block.alt} full screen`, onPress: () => setReading(true), style: ({ pressed }) => [styles2.pdfHeader, { opacity: pressed ? 0.7 : 1 }], children: [
+      /* @__PURE__ */ jsx2(PdfBadge, {}),
+      /* @__PURE__ */ jsx2(Text2, { numberOfLines: 1, ellipsizeMode: "middle", style: [styles2.flex, { color: p.text, fontFamily: p.fontFamily, fontWeight: "600" }], children: block.alt }),
+      /* @__PURE__ */ jsx2(Text2, { style: { color: p.muted, fontSize: 16 }, children: "\u2922" })
+    ] }),
+    /* @__PURE__ */ jsxs(View2, { style: styles2.pdfPages, onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: [
+      width > 0 && /* @__PURE__ */ jsx2(ScrollView, { horizontal: true, pagingEnabled: true, showsHorizontalScrollIndicator: false, onScroll, scrollEventThrottle: 32, accessibilityLabel: `${block.alt}, page ${index + 1} of ${pages.length}`, children: pages.map((pg, i) => /* @__PURE__ */ jsx2(Pressable2, { onPress: () => setReading(true), accessibilityRole: "imagebutton", accessibilityLabel: pg.alt || `Page ${i + 1}`, accessibilityHint: "Opens the document full screen", style: { width, height, alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsx2(Image, { source: { uri: pg.src }, resizeMode: "contain", style: [styles2.page, { width: Math.min(width, height * pageRatio(pg)), aspectRatio: pageRatio(pg) }] }) }, i)) }),
+      pages.length > 1 && /* @__PURE__ */ jsx2(View2, { pointerEvents: "none", style: styles2.count, children: /* @__PURE__ */ jsxs(Text2, { style: styles2.countText, children: [
+        index + 1,
+        " / ",
+        pages.length
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx2(Modal, { visible: reading, animationType: "slide", presentationStyle: "fullScreen", onRequestClose: () => setReading(false), children: /* @__PURE__ */ jsxs(View2, { style: styles2.reader, children: [
+      /* @__PURE__ */ jsxs(View2, { style: styles2.readerBar, children: [
+        /* @__PURE__ */ jsx2(Text2, { numberOfLines: 1, ellipsizeMode: "middle", style: [styles2.flex, styles2.readerTitle], accessibilityRole: "header", children: block.alt }),
+        /* @__PURE__ */ jsx2(Pressable2, { accessibilityRole: "link", onPress: () => onLink(block.href), style: styles2.readerBtn, children: /* @__PURE__ */ jsx2(Text2, { style: styles2.readerBtnText, children: "Open PDF \u2197" }) }),
+        /* @__PURE__ */ jsx2(Pressable2, { accessibilityRole: "button", accessibilityLabel: "Close", onPress: () => setReading(false), style: styles2.readerBtn, children: /* @__PURE__ */ jsx2(Text2, { style: styles2.readerBtnText, children: "Done" }) })
+      ] }),
+      /* @__PURE__ */ jsx2(ScrollView, { contentContainerStyle: styles2.readerPages, children: pages.map((pg, i) => /* @__PURE__ */ jsx2(Image, { source: { uri: pg.src }, accessible: true, accessibilityLabel: pg.alt || `Page ${i + 1}`, resizeMode: "contain", style: [styles2.readerPage, { aspectRatio: pageRatio(pg) }] }, i)) })
+    ] }) })
+  ] });
+}
 function RichText({ html, palette: p, onLink, size = 15 }) {
   const blocks = useMemo(() => parseHtml(html), [html]);
   if (!blocks.length) return null;
   const base = { color: p.text, fontSize: size, lineHeight: Math.round(size * 1.42), fontFamily: p.fontFamily };
   return /* @__PURE__ */ jsx2(View2, { style: styles2.wrap, children: blocks.map((b, i) => {
+    if (b.kind === "image") return /* @__PURE__ */ jsx2(BodyImage, { block: b, palette: p }, i);
+    if (b.kind === "video") return /* @__PURE__ */ jsx2(BodyVideo, { block: b, palette: p, onLink }, i);
+    if (b.kind === "pdf") return /* @__PURE__ */ jsx2(BodyPdf, { block: b, palette: p, onLink }, i);
+    if (b.kind === "file") return /* @__PURE__ */ jsx2(BodyFile, { block: b, palette: p, onLink }, i);
     const runs = b.runs.map((r, j) => /* @__PURE__ */ jsx2(Text2, { style: runStyle(r, p), onPress: r.href ? () => onLink(r.href) : void 0, accessibilityRole: r.href ? "link" : void 0, children: r.text }, j));
     if (b.kind === "list-item") {
       return /* @__PURE__ */ jsxs(View2, { style: [styles2.li, { paddingLeft: (b.level - 1) * 14 }], children: [
@@ -2935,7 +3248,25 @@ var styles2 = StyleSheet2.create({
   wrap: { gap: 6 },
   li: { flexDirection: "row", gap: 6 },
   marker: { minWidth: 14 },
-  flex: { flex: 1 }
+  flex: { flex: 1 },
+  image: { width: "100%", borderRadius: 6 },
+  video: { flexDirection: "row", alignItems: "center", gap: 8, paddingVertical: 12, paddingHorizontal: 14, borderWidth: 1, borderRadius: 8 },
+  play: { fontSize: 14 },
+  badge: { backgroundColor: "#e5484d", borderRadius: 4, paddingHorizontal: 5, paddingVertical: 3 },
+  badgeText: { color: "#fff", fontSize: 9, fontWeight: "700", letterSpacing: 0.4 },
+  pdf: { borderWidth: 1, borderRadius: 10, overflow: "hidden" },
+  pdfHeader: { flexDirection: "row", alignItems: "center", gap: 8, minHeight: 44, paddingHorizontal: 12 },
+  pdfPages: { marginHorizontal: 10, marginBottom: 10 },
+  page: { backgroundColor: "#fff", borderRadius: 3 },
+  count: { position: "absolute", right: 8, bottom: 8, backgroundColor: "rgba(17,17,17,0.72)", borderRadius: 999, paddingHorizontal: 8, paddingVertical: 2 },
+  countText: { color: "#fff", fontSize: 11, fontWeight: "500", fontVariant: ["tabular-nums"] },
+  reader: { flex: 1, backgroundColor: "#0b0b0d" },
+  readerBar: { flexDirection: "row", alignItems: "center", gap: 8, paddingTop: Platform.OS === "ios" ? 52 : 12, paddingBottom: 10, paddingHorizontal: 16 },
+  readerTitle: { color: "#fff", fontSize: 16, fontWeight: "600" },
+  readerBtn: { minHeight: 36, justifyContent: "center", paddingHorizontal: 12, borderRadius: 8, backgroundColor: "rgba(255,255,255,0.12)" },
+  readerBtnText: { color: "#fff", fontWeight: "600" },
+  readerPages: { gap: 12, paddingHorizontal: 12, paddingBottom: 32 },
+  readerPage: { width: "100%", backgroundColor: "#fff", borderRadius: 2 }
 });
 
 // src/ui/Checklist.tsx
@@ -2969,11 +3300,11 @@ function Checklist({ view, client, palette: p, geometry, showLauncher, launcherB
       ] }),
       /* @__PURE__ */ jsx3(View3, { style: [styles3.bar, { backgroundColor: p.surface }], accessibilityRole: "progressbar", accessibilityValue: { min: 0, max: total, now: completed }, children: /* @__PURE__ */ jsx3(View3, { style: [styles3.fill, { backgroundColor: p.primary, width: `${total ? completed / total * 100 : 0}%` }] }) }),
       finished && config.completionBody ? /* @__PURE__ */ jsx3(RichText, { html: config.completionBody, palette: p, onLink: (u) => client.navigate(u), size: 14 }) : null,
-      /* @__PURE__ */ jsx3(ScrollView, { style: styles3.tasks, contentContainerStyle: styles3.tasksContent, children: config.tasks.map((task) => {
+      /* @__PURE__ */ jsx3(ScrollView2, { style: styles3.tasks, contentContainerStyle: styles3.tasksContent, children: config.tasks.map((task) => {
         const isDone = done.has(task.id);
         const locked = !!nextOpen && !isDone && task.id !== nextOpen;
         return /* @__PURE__ */ jsxs2(
-          Pressable2,
+          Pressable3,
           {
             disabled: locked,
             accessibilityRole: "button",
@@ -2998,7 +3329,7 @@ function Checklist({ view, client, palette: p, geometry, showLauncher, launcherB
       config.dismissible ? /* @__PURE__ */ jsx3(GButton, { label: finished ? "Close for good" : "Dismiss checklist", variant: "ghost", palette: p, onPress: () => client.dismissChecklist(view.guide.id), style: styles3.dismiss }) : null
     ] }) }) : null,
     showLauncher ? /* @__PURE__ */ jsxs2(
-      Pressable2,
+      Pressable3,
       {
         accessibilityRole: "button",
         accessibilityLabel: `${config.launcherLabel}, ${completed} of ${total} complete`,
@@ -3051,8 +3382,8 @@ var styles3 = StyleSheet3.create({
 });
 
 // src/ui/Messenger.tsx
-import { useCallback, useEffect, useMemo as useMemo2, useRef, useState, useSyncExternalStore } from "react";
-import { ActivityIndicator, Keyboard, Modal, Platform as Platform2, Pressable as Pressable3, ScrollView as ScrollView2, StyleSheet as StyleSheet4, Text as Text4, TextInput, View as View4 } from "react-native";
+import { useCallback, useEffect as useEffect2, useMemo as useMemo2, useRef, useState as useState2, useSyncExternalStore } from "react";
+import { ActivityIndicator, Keyboard, Modal as Modal2, Platform as Platform2, Pressable as Pressable4, ScrollView as ScrollView3, StyleSheet as StyleSheet4, Text as Text4, TextInput, View as View4 } from "react-native";
 import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function useMessenger(store) {
   return useSyncExternalStore(
@@ -3062,8 +3393,8 @@ function useMessenger(store) {
   );
 }
 function useKeyboardHeight() {
-  const [h, setH] = useState(0);
-  useEffect(() => {
+  const [h, setH] = useState2(0);
+  useEffect2(() => {
     if (Platform2.OS !== "ios") return;
     const show = Keyboard.addListener("keyboardWillShow", (e) => setH(e.endCoordinates.height));
     const hide = Keyboard.addListener("keyboardWillHide", () => setH(0));
@@ -3085,7 +3416,7 @@ function MessengerLauncher({ store, palette: p, style }) {
   const snap = useMessenger(store);
   if (snap.open) return null;
   const label = snap.unread ? `Open ${snap.config.name}, ${snap.unread} unread` : `Open ${snap.config.name}`;
-  return /* @__PURE__ */ jsxs3(Pressable3, { accessibilityRole: "button", accessibilityLabel: label, onPress: () => store.open(), style: ({ pressed }) => [styles4.launcher, style, { backgroundColor: p.primary, opacity: pressed ? 0.85 : 1 }], children: [
+  return /* @__PURE__ */ jsxs3(Pressable4, { accessibilityRole: "button", accessibilityLabel: label, onPress: () => store.open(), style: ({ pressed }) => [styles4.launcher, style, { backgroundColor: p.primary, opacity: pressed ? 0.85 : 1 }], children: [
     /* @__PURE__ */ jsx4(Text4, { style: [styles4.launcherIcon, { color: p.onPrimary }], children: "\u{1F4AC}" }),
     snap.unread ? /* @__PURE__ */ jsx4(View4, { style: styles4.badge, children: /* @__PURE__ */ jsx4(Text4, { style: styles4.badgeText, children: snap.unread }) }) : null
   ] });
@@ -3095,9 +3426,9 @@ function MessengerSheet({ store, client, palette: p, topInset, bottomInset }) {
   const keyboard = useKeyboardHeight();
   const v = snap.view;
   const title = v.kind === "thread" ? snap.thread?.conversation?.subject || "New conversation" : v.kind === "article" ? "" : v.tab === "home" ? snap.config.name : v.tab === "messages" ? "Messages" : "Help";
-  return /* @__PURE__ */ jsx4(Modal, { visible: snap.open, animationType: "slide", presentationStyle: Platform2.OS === "ios" ? "pageSheet" : "fullScreen", onRequestClose: () => v.kind === "tab" ? store.close() : store.back(), children: /* @__PURE__ */ jsxs3(View4, { style: [styles4.sheet, { backgroundColor: p.background, paddingTop: Platform2.OS === "ios" ? 8 : topInset, paddingBottom: keyboard }], children: [
+  return /* @__PURE__ */ jsx4(Modal2, { visible: snap.open, animationType: "slide", presentationStyle: Platform2.OS === "ios" ? "pageSheet" : "fullScreen", onRequestClose: () => v.kind === "tab" ? store.close() : store.back(), children: /* @__PURE__ */ jsxs3(View4, { style: [styles4.sheet, { backgroundColor: p.background, paddingTop: Platform2.OS === "ios" ? 8 : topInset, paddingBottom: keyboard }], children: [
     /* @__PURE__ */ jsxs3(View4, { style: [styles4.header, { borderColor: p.border }], children: [
-      v.kind !== "tab" ? /* @__PURE__ */ jsx4(Pressable3, { accessibilityRole: "button", accessibilityLabel: "Back", onPress: () => store.back(), hitSlop: 10, children: /* @__PURE__ */ jsx4(Text4, { style: [styles4.back, { color: p.primary }], children: "\u2039 Back" }) }) : null,
+      v.kind !== "tab" ? /* @__PURE__ */ jsx4(Pressable4, { accessibilityRole: "button", accessibilityLabel: "Back", onPress: () => store.back(), hitSlop: 10, children: /* @__PURE__ */ jsx4(Text4, { style: [styles4.back, { color: p.primary }], children: "\u2039 Back" }) }) : null,
       /* @__PURE__ */ jsx4(Text4, { accessibilityRole: "header", numberOfLines: 1, style: [styles4.title, { color: p.text, fontFamily: p.fontFamily }], children: title }),
       /* @__PURE__ */ jsx4(CloseButton, { palette: p, onPress: () => store.close(), label: `Close ${snap.config.name}` })
     ] }),
@@ -3114,7 +3445,7 @@ function Tabs({ store, active, palette: p, bottomInset }) {
   ];
   return /* @__PURE__ */ jsx4(View4, { accessibilityRole: "tablist", style: [styles4.tabs, { borderColor: p.border, paddingBottom: Math.max(8, bottomInset) }], children: tabs.map(([tab, icon, label]) => {
     const on = tab === active;
-    return /* @__PURE__ */ jsxs3(Pressable3, { accessibilityRole: "tab", accessibilityState: { selected: on }, accessibilityLabel: tab === "messages" && unread ? `${label}, ${unread} unread` : label, onPress: () => store.setTab(tab), style: styles4.tab, children: [
+    return /* @__PURE__ */ jsxs3(Pressable4, { accessibilityRole: "tab", accessibilityState: { selected: on }, accessibilityLabel: tab === "messages" && unread ? `${label}, ${unread} unread` : label, onPress: () => store.setTab(tab), style: styles4.tab, children: [
       /* @__PURE__ */ jsx4(Text4, { style: [styles4.tabIcon, { color: on ? p.primary : p.muted }], children: icon }),
       /* @__PURE__ */ jsx4(Text4, { style: [styles4.tabLabel, { color: on ? p.primary : p.muted }], children: label }),
       tab === "messages" && unread ? /* @__PURE__ */ jsx4(View4, { style: [styles4.dot, styles4.tabDot] }) : null
@@ -3124,8 +3455,8 @@ function Tabs({ store, active, palette: p, bottomInset }) {
 function Home({ store, palette: p }) {
   const snap = useMessenger(store);
   const recent = snap.conversations[0];
-  const [q, setQ] = useState("");
-  return /* @__PURE__ */ jsxs3(ScrollView2, { contentContainerStyle: styles4.content, keyboardShouldPersistTaps: "handled", children: [
+  const [q, setQ] = useState2("");
+  return /* @__PURE__ */ jsxs3(ScrollView3, { contentContainerStyle: styles4.content, keyboardShouldPersistTaps: "handled", children: [
     /* @__PURE__ */ jsxs3(View4, { style: [styles4.hero, { backgroundColor: p.primary, borderRadius: p.radius }], children: [
       /* @__PURE__ */ jsx4(Text4, { style: [styles4.heroTitle, { color: p.onPrimary }], children: snap.config.greeting || `Hi! I'm ${snap.config.name}.` }),
       /* @__PURE__ */ jsx4(Text4, { style: [styles4.heroSub, { color: p.onPrimary }], children: snap.config.aiAvailable ? `${snap.config.name} answers right away${snap.config.handoffEnabled ? ", and the team is here when you need a person" : ""}.` : "The team usually replies within a few hours." })
@@ -3158,7 +3489,7 @@ function Home({ store, palette: p }) {
 }
 var pendingSearch = { current: "" };
 function ConversationRow({ c, palette: p, onPress }) {
-  return /* @__PURE__ */ jsxs3(Pressable3, { accessibilityRole: "button", accessibilityLabel: `${c.subject || "Conversation"}${c.unread ? ", unread" : ""}`, onPress, style: ({ pressed }) => [styles4.row, { borderColor: p.border, opacity: pressed ? 0.7 : 1 }], children: [
+  return /* @__PURE__ */ jsxs3(Pressable4, { accessibilityRole: "button", accessibilityLabel: `${c.subject || "Conversation"}${c.unread ? ", unread" : ""}`, onPress, style: ({ pressed }) => [styles4.row, { borderColor: p.border, opacity: pressed ? 0.7 : 1 }], children: [
     /* @__PURE__ */ jsxs3(View4, { style: styles4.flex, children: [
       /* @__PURE__ */ jsx4(Text4, { numberOfLines: 1, style: [styles4.rowTitle, { color: p.text }], children: c.subject || "Conversation" }),
       /* @__PURE__ */ jsx4(Text4, { numberOfLines: 1, style: [styles4.rowSub, { color: p.muted }], children: c.lastMessagePreview || (c.status === "closed" ? "Closed" : " ") })
@@ -3171,7 +3502,7 @@ function ConversationRow({ c, palette: p, onPress }) {
 }
 function Conversations({ store, palette: p }) {
   const snap = useMessenger(store);
-  return /* @__PURE__ */ jsxs3(ScrollView2, { contentContainerStyle: styles4.content, children: [
+  return /* @__PURE__ */ jsxs3(ScrollView3, { contentContainerStyle: styles4.content, children: [
     snap.conversations.length ? snap.conversations.map((c) => /* @__PURE__ */ jsx4(ConversationRow, { c, palette: p, onPress: () => void store.openConversation(c.id) }, c.id)) : /* @__PURE__ */ jsx4(Text4, { style: [styles4.empty, { color: p.muted }], children: "No conversations yet." }),
     /* @__PURE__ */ jsx4(GButton, { label: "New conversation", palette: p, onPress: () => store.showNewMessage(), style: styles4.fullWidth })
   ] });
@@ -3184,11 +3515,11 @@ function Bubble({ m, text, name, palette: p, onArticle, onGuide }) {
     !mine ? /* @__PURE__ */ jsx4(Text4, { style: [styles4.author, { color: p.muted }], children: m.author === "agent" ? m.authorName || "Team" : name }) : null,
     /* @__PURE__ */ jsx4(View4, { style: [styles4.bubble, { borderRadius: Math.max(12, p.radius) }, mine ? { backgroundColor: p.primary } : { backgroundColor: p.surface }], children: m.status === "pending" && !text ? /* @__PURE__ */ jsx4(TypingDots, { color: p.muted }) : /* @__PURE__ */ jsx4(Text4, { style: [styles4.bubbleText, { color: mine ? p.onPrimary : p.text }], children: text }) }),
     m.citations.length || m.suggestedGuides.length ? /* @__PURE__ */ jsxs3(View4, { style: styles4.chips, children: [
-      m.citations.map((c) => /* @__PURE__ */ jsx4(Pressable3, { accessibilityRole: "link", accessibilityLabel: `Article: ${c.title}`, onPress: () => onArticle(c.articleId), style: [styles4.chip, { borderColor: p.border }], children: /* @__PURE__ */ jsxs3(Text4, { style: [styles4.chipText, { color: p.text }], children: [
+      m.citations.map((c) => /* @__PURE__ */ jsx4(Pressable4, { accessibilityRole: "link", accessibilityLabel: `Article: ${c.title}`, onPress: () => onArticle(c.articleId), style: [styles4.chip, { borderColor: p.border }], children: /* @__PURE__ */ jsxs3(Text4, { style: [styles4.chipText, { color: p.text }], children: [
         "\u{1F4C4} ",
         c.title
       ] }) }, c.articleId)),
-      m.suggestedGuides.map((g) => /* @__PURE__ */ jsx4(Pressable3, { accessibilityRole: "button", accessibilityLabel: `Show me: ${g.name}`, onPress: () => onGuide(g.key), style: [styles4.chip, { borderColor: p.primary }], children: /* @__PURE__ */ jsxs3(Text4, { style: [styles4.chipText, { color: p.primary }], children: [
+      m.suggestedGuides.map((g) => /* @__PURE__ */ jsx4(Pressable4, { accessibilityRole: "button", accessibilityLabel: `Show me: ${g.name}`, onPress: () => onGuide(g.key), style: [styles4.chip, { borderColor: p.primary }], children: /* @__PURE__ */ jsxs3(Text4, { style: [styles4.chipText, { color: p.primary }], children: [
         "\u25B6 Show me: ",
         g.name
       ] }) }, g.key))
@@ -3201,10 +3532,10 @@ function TypingDots({ color }) {
 function Thread({ store, palette: p, bottomInset }) {
   const snap = useMessenger(store);
   const t = snap.thread;
-  const [text, setText] = useState(t?.draft ?? "");
+  const [text, setText] = useState2(t?.draft ?? "");
   const scroll = useRef(null);
   const convo = t?.conversation ?? null;
-  useEffect(() => {
+  useEffect2(() => {
     if (t?.draft) setText(t.draft);
   }, [t?.draft]);
   const streamingIds = useMemo2(() => Object.keys(t?.streaming ?? {}).filter((id) => !t?.messages.some((m) => m.id === id)), [t]);
@@ -3216,7 +3547,7 @@ function Thread({ store, palette: p, bottomInset }) {
   };
   const canHandoff = snap.config.handoffEnabled && snap.config.aiAvailable && convo?.status === "bot" && !t.sending;
   return /* @__PURE__ */ jsxs3(View4, { style: styles4.flex, children: [
-    /* @__PURE__ */ jsxs3(ScrollView2, { ref: scroll, contentContainerStyle: styles4.thread, onContentSizeChange: () => scroll.current?.scrollToEnd({ animated: true }), keyboardShouldPersistTaps: "handled", children: [
+    /* @__PURE__ */ jsxs3(ScrollView3, { ref: scroll, contentContainerStyle: styles4.thread, onContentSizeChange: () => scroll.current?.scrollToEnd({ animated: true }), keyboardShouldPersistTaps: "handled", children: [
       !t.messages.length && !t.sending ? /* @__PURE__ */ jsx4(Text4, { style: [styles4.empty, { color: p.muted }], children: snap.config.greeting || "Ask us anything." }) : null,
       t.messages.map((m) => /* @__PURE__ */ jsx4(Bubble, { m, text: t.streaming[m.id] ?? m.body, name: snap.config.name, palette: p, onArticle: (id) => void store.openArticle(id), onGuide: (k) => store.startGuide(k) }, m.id)),
       streamingIds.map((id) => /* @__PURE__ */ jsx4(Bubble, { m: { id, author: "scout", body: "", citations: [], suggestedGuides: [], status: "pending", createdAt: (/* @__PURE__ */ new Date()).toISOString() }, text: t.streaming[id] ?? "", name: snap.config.name, palette: p, onArticle: () => {
@@ -3248,19 +3579,19 @@ function Thread({ store, palette: p, bottomInset }) {
 function Rating({ palette: p, onRate }) {
   return /* @__PURE__ */ jsxs3(View4, { style: styles4.rating, children: [
     /* @__PURE__ */ jsx4(Text4, { style: [styles4.ratingTitle, { color: p.text }], children: "How did we do?" }),
-    /* @__PURE__ */ jsx4(View4, { accessibilityRole: "radiogroup", style: styles4.stars, children: [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ jsx4(Pressable3, { accessibilityRole: "radio", accessibilityLabel: `${n} of 5`, onPress: () => onRate(n), hitSlop: 6, children: /* @__PURE__ */ jsx4(Text4, { style: [styles4.star, { color: p.primary }], children: "\u2605" }) }, n)) })
+    /* @__PURE__ */ jsx4(View4, { accessibilityRole: "radiogroup", style: styles4.stars, children: [1, 2, 3, 4, 5].map((n) => /* @__PURE__ */ jsx4(Pressable4, { accessibilityRole: "radio", accessibilityLabel: `${n} of 5`, onPress: () => onRate(n), hitSlop: 6, children: /* @__PURE__ */ jsx4(Text4, { style: [styles4.star, { color: p.primary }], children: "\u2605" }) }, n)) })
   ] });
 }
 function Help({ store, client, palette: p }) {
   const snap = useMessenger(store);
   const rc = client.getResourceCenter();
-  const [q, setQ] = useState(pendingSearch.current);
-  const [results, setResults] = useState(null);
-  const [faq, setFaq] = useState(null);
-  useEffect(() => {
+  const [q, setQ] = useState2(pendingSearch.current);
+  const [results, setResults] = useState2(null);
+  const [faq, setFaq] = useState2(null);
+  useEffect2(() => {
     pendingSearch.current = "";
   }, []);
-  useEffect(() => {
+  useEffect2(() => {
     const query = q.trim();
     if (query.length < 2) return setResults(null);
     let alive = true;
@@ -3273,7 +3604,7 @@ function Help({ store, client, palette: p }) {
   const guides = client.getGuides();
   const recommended = (rc?.recommendedGuideIds ?? []).map((id) => guides.find((g) => g.id === id || g.key === id)).filter((g) => !!g);
   const articles = snap.articles;
-  const row = (key, title, sub, onPress, icon = "\u203A") => /* @__PURE__ */ jsxs3(Pressable3, { accessibilityRole: "button", accessibilityLabel: title, onPress, style: ({ pressed }) => [styles4.row, { borderColor: p.border, opacity: pressed ? 0.7 : 1 }], children: [
+  const row = (key, title, sub, onPress, icon = "\u203A") => /* @__PURE__ */ jsxs3(Pressable4, { accessibilityRole: "button", accessibilityLabel: title, onPress, style: ({ pressed }) => [styles4.row, { borderColor: p.border, opacity: pressed ? 0.7 : 1 }], children: [
     /* @__PURE__ */ jsxs3(View4, { style: styles4.flex, children: [
       /* @__PURE__ */ jsx4(Text4, { style: [styles4.rowTitle, { color: p.text }], children: title }),
       sub ? /* @__PURE__ */ jsx4(Text4, { numberOfLines: 2, style: [styles4.rowSub, { color: p.muted }], children: sub }) : null
@@ -3285,22 +3616,19 @@ function Help({ store, client, palette: p }) {
     /* @__PURE__ */ jsx4(Text4, { accessibilityRole: "header", style: [styles4.sectionTitle, { color: p.muted }], children: title.toUpperCase() }),
     children
   ] }, title);
-  const collections = [...articles?.collections ?? []].sort((a, b) => a.order - b.order);
-  const loose = (articles?.articles ?? []).filter((a) => !a.collectionId || !collections.some((c) => c.id === a.collectionId));
-  return /* @__PURE__ */ jsxs3(ScrollView2, { contentContainerStyle: styles4.content, keyboardShouldPersistTaps: "handled", children: [
+  const audiences = client.getAudienceIds();
+  const sections = resourceCenterSections(articles?.collections ?? [], articles?.articles ?? [], audiences);
+  const listed = results?.filter((a) => isArticleListed(articles?.collections ?? [], a, audiences));
+  return /* @__PURE__ */ jsxs3(ScrollView3, { contentContainerStyle: styles4.content, keyboardShouldPersistTaps: "handled", children: [
     /* @__PURE__ */ jsx4(TextInput, { value: q, onChangeText: setQ, placeholder: "Search articles", placeholderTextColor: p.muted, accessibilityLabel: "Search help articles", returnKeyType: "search", style: [styles4.search, { color: p.text, backgroundColor: p.surface, borderRadius: Math.min(10, p.radius) }] }),
-    results ? section(`Results for \u201C${q.trim()}\u201D`, results.length ? results.map((a) => row(a.id, a.title, a.summary, () => open(a))) : /* @__PURE__ */ jsx4(Text4, { style: [styles4.rowSub, { color: p.muted }], children: "No articles found." })) : /* @__PURE__ */ jsxs3(Fragment, { children: [
+    listed ? section(`Results for \u201C${q.trim()}\u201D`, listed.length ? listed.map((a) => row(a.id, a.title, a.summary, () => open(a))) : /* @__PURE__ */ jsx4(Text4, { style: [styles4.rowSub, { color: p.muted }], children: "No articles found." })) : /* @__PURE__ */ jsxs3(Fragment, { children: [
       recommended.length ? section("Recommended", recommended.map((g) => row(g.id, g.name, void 0, () => store.startGuide(g.key), "\u25B6"))) : null,
       !articles ? /* @__PURE__ */ jsx4(ActivityIndicator, { color: p.muted }) : null,
-      collections.map((c) => {
-        const items = (articles?.articles ?? []).filter((a) => a.collectionId === c.id);
-        return items.length ? section(c.name, items.map((a) => row(a.id, a.title, a.summary, () => open(a)))) : null;
-      }),
-      loose.length ? section("Articles", loose.map((a) => row(a.id, a.title, a.summary, () => open(a)))) : null,
+      sections.map((s) => section(s.collection ? s.path.join(" \u203A ") : "Articles", s.articles.map((a) => row(a.id, a.title, a.summary, () => open(a))))),
       rc?.faqs.length ? section(
         "FAQ",
         rc.faqs.map((f) => /* @__PURE__ */ jsxs3(View4, { style: [styles4.row, styles4.faq, { borderColor: p.border }], children: [
-          /* @__PURE__ */ jsxs3(Pressable3, { accessibilityRole: "button", accessibilityState: { expanded: faq === f.id }, onPress: () => setFaq(faq === f.id ? null : f.id), style: styles4.faqHead, children: [
+          /* @__PURE__ */ jsxs3(Pressable4, { accessibilityRole: "button", accessibilityState: { expanded: faq === f.id }, onPress: () => setFaq(faq === f.id ? null : f.id), style: styles4.faqHead, children: [
             /* @__PURE__ */ jsx4(Text4, { style: [styles4.rowTitle, styles4.flex, { color: p.text }], children: f.question }),
             /* @__PURE__ */ jsx4(Text4, { style: [styles4.chev, { color: p.muted }], children: faq === f.id ? "\u2212" : "+" })
           ] }),
@@ -3313,7 +3641,7 @@ function Help({ store, client, palette: p }) {
 }
 function Article({ article, palette: p, client }) {
   if (!article) return /* @__PURE__ */ jsx4(ActivityIndicator, { style: styles4.loading, color: p.muted });
-  return /* @__PURE__ */ jsxs3(ScrollView2, { contentContainerStyle: styles4.content, children: [
+  return /* @__PURE__ */ jsxs3(ScrollView3, { contentContainerStyle: styles4.content, children: [
     /* @__PURE__ */ jsx4(Text4, { accessibilityRole: "header", style: [styles4.articleTitle, { color: p.text, fontFamily: p.fontFamily }], children: article.title }),
     /* @__PURE__ */ jsx4(RichText, { html: article.body, palette: p, onLink: (u) => client.navigate(u) })
   ] });
@@ -3375,23 +3703,23 @@ var styles4 = StyleSheet4.create({
 });
 
 // src/ui/ResourceCenter.tsx
-import { useEffect as useEffect2, useMemo as useMemo3, useState as useState2 } from "react";
-import { Modal as Modal2, Platform as Platform3, Pressable as Pressable4, ScrollView as ScrollView3, StyleSheet as StyleSheet5, Text as Text5, TextInput as TextInput2, View as View5 } from "react-native";
+import { useEffect as useEffect3, useMemo as useMemo3, useState as useState3 } from "react";
+import { Modal as Modal3, Platform as Platform3, Pressable as Pressable5, ScrollView as ScrollView4, StyleSheet as StyleSheet5, Text as Text5, TextInput as TextInput2, View as View5 } from "react-native";
 import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function ResourceCenter({ client, palette: p, open, topInset, bottomInset }) {
   const rc = client.getResourceCenter();
-  const [query, setQuery] = useState2("");
-  const [results, setResults] = useState2(null);
-  const [article, setArticle] = useState2(null);
-  const [faq, setFaq] = useState2(null);
-  useEffect2(() => {
+  const [query, setQuery] = useState3("");
+  const [results, setResults] = useState3(null);
+  const [article, setArticle] = useState3(null);
+  const [faq, setFaq] = useState3(null);
+  useEffect3(() => {
     if (!open) {
       setQuery("");
       setResults(null);
       setArticle(null);
     }
   }, [open]);
-  useEffect2(() => {
+  useEffect3(() => {
     const q = query.trim();
     if (q.length < 2) {
       setResults(null);
@@ -3416,7 +3744,7 @@ function ResourceCenter({ client, palette: p, open, topInset, bottomInset }) {
     client.articleViewed(a);
     setArticle(a);
   };
-  const row = (key, title, subtitle, onPress, icon = "\u203A") => /* @__PURE__ */ jsxs4(Pressable4, { accessibilityRole: "button", accessibilityLabel: title, onPress, style: ({ pressed }) => [styles5.row, { borderColor: p.border, opacity: pressed ? 0.7 : 1 }], children: [
+  const row = (key, title, subtitle, onPress, icon = "\u203A") => /* @__PURE__ */ jsxs4(Pressable5, { accessibilityRole: "button", accessibilityLabel: title, onPress, style: ({ pressed }) => [styles5.row, { borderColor: p.border, opacity: pressed ? 0.7 : 1 }], children: [
     /* @__PURE__ */ jsxs4(View5, { style: styles5.flex, children: [
       /* @__PURE__ */ jsx5(Text5, { style: [styles5.rowTitle, { color: p.text, fontFamily: p.fontFamily }], children: title }),
       subtitle ? /* @__PURE__ */ jsx5(Text5, { style: [styles5.rowSub, { color: p.muted }], numberOfLines: 2, children: subtitle }) : null
@@ -3427,18 +3755,19 @@ function ResourceCenter({ client, palette: p, open, topInset, bottomInset }) {
     /* @__PURE__ */ jsx5(Text5, { accessibilityRole: "header", style: [styles5.sectionTitle, { color: p.muted }], children: title.toUpperCase() }),
     children
   ] }, title);
-  const collections = [...rc.collections].sort((a, b) => a.order - b.order);
-  const loose = rc.articles.filter((a) => !a.collectionId || !rc.collections.some((c) => c.id === a.collectionId));
-  return /* @__PURE__ */ jsx5(Modal2, { visible: open, animationType: "slide", presentationStyle: Platform3.OS === "ios" ? "pageSheet" : "fullScreen", onRequestClose: () => article ? setArticle(null) : close(), children: /* @__PURE__ */ jsxs4(View5, { style: [styles5.sheet, { backgroundColor: p.background, paddingTop: Platform3.OS === "ios" ? 8 : topInset }], children: [
+  const audiences = client.getAudienceIds();
+  const sections = resourceCenterSections(rc.collections, rc.articles, audiences);
+  const listed = results?.filter((a) => isArticleListed(rc.collections, a, audiences));
+  return /* @__PURE__ */ jsx5(Modal3, { visible: open, animationType: "slide", presentationStyle: Platform3.OS === "ios" ? "pageSheet" : "fullScreen", onRequestClose: () => article ? setArticle(null) : close(), children: /* @__PURE__ */ jsxs4(View5, { style: [styles5.sheet, { backgroundColor: p.background, paddingTop: Platform3.OS === "ios" ? 8 : topInset }], children: [
     /* @__PURE__ */ jsxs4(View5, { style: [styles5.header, { borderColor: p.border }], children: [
-      article ? /* @__PURE__ */ jsx5(Pressable4, { accessibilityRole: "button", accessibilityLabel: "Back", onPress: () => setArticle(null), hitSlop: 10, children: /* @__PURE__ */ jsx5(Text5, { style: [styles5.back, { color: p.primary }], children: "\u2039 Back" }) }) : null,
+      article ? /* @__PURE__ */ jsx5(Pressable5, { accessibilityRole: "button", accessibilityLabel: "Back", onPress: () => setArticle(null), hitSlop: 10, children: /* @__PURE__ */ jsx5(Text5, { style: [styles5.back, { color: p.primary }], children: "\u2039 Back" }) }) : null,
       /* @__PURE__ */ jsx5(Text5, { accessibilityRole: "header", style: [styles5.title, { color: p.text, fontFamily: p.fontFamily }], numberOfLines: 1, children: article ? "" : rc.title }),
       /* @__PURE__ */ jsx5(CloseButton, { palette: p, onPress: close, label: "Close help" })
     ] }),
-    article ? /* @__PURE__ */ jsxs4(ScrollView3, { contentContainerStyle: [styles5.content, { paddingBottom: bottomInset + 24 }], children: [
+    article ? /* @__PURE__ */ jsxs4(ScrollView4, { contentContainerStyle: [styles5.content, { paddingBottom: bottomInset + 24 }], children: [
       /* @__PURE__ */ jsx5(Text5, { accessibilityRole: "header", style: [styles5.articleTitle, { color: p.text, fontFamily: p.fontFamily }], children: article.title }),
       /* @__PURE__ */ jsx5(RichText, { html: article.body, palette: p, onLink: (u) => client.navigate(u) })
-    ] }) : /* @__PURE__ */ jsxs4(ScrollView3, { contentContainerStyle: [styles5.content, { paddingBottom: bottomInset + 24 }], keyboardShouldPersistTaps: "handled", children: [
+    ] }) : /* @__PURE__ */ jsxs4(ScrollView4, { contentContainerStyle: [styles5.content, { paddingBottom: bottomInset + 24 }], keyboardShouldPersistTaps: "handled", children: [
       /* @__PURE__ */ jsx5(
         TextInput2,
         {
@@ -3452,21 +3781,17 @@ function ResourceCenter({ client, palette: p, open, topInset, bottomInset }) {
           style: [styles5.search, { color: p.text, backgroundColor: p.surface, borderRadius: Math.min(10, p.radius) }]
         }
       ),
-      results ? section(
+      listed ? section(
         `Results for \u201C${query.trim()}\u201D`,
-        results.length ? results.map((a) => row(a.id, a.title, a.summary, () => openArticle(a))) : /* @__PURE__ */ jsx5(Text5, { style: [styles5.rowSub, { color: p.muted }], children: "No articles found." })
+        listed.length ? listed.map((a) => row(a.id, a.title, a.summary, () => openArticle(a))) : /* @__PURE__ */ jsx5(Text5, { style: [styles5.rowSub, { color: p.muted }], children: "No articles found." })
       ) : /* @__PURE__ */ jsxs4(Fragment2, { children: [
         recommended.length ? section("Recommended", recommended.map((g) => row(g.id, g.name, void 0, () => (close(), client.startGuide(g.id)), "\u25B6"))) : null,
         checklists.length ? section("Checklists", checklists.map((g) => row(g.id, g.name, void 0, () => (close(), client.openChecklist(g.id)), "\u2611"))) : null,
-        collections.map((c) => {
-          const items = rc.articles.filter((a) => a.collectionId === c.id);
-          return items.length ? section(c.name, items.map((a) => row(a.id, a.title, a.summary, () => openArticle(a)))) : null;
-        }),
-        loose.length ? section("Articles", loose.map((a) => row(a.id, a.title, a.summary, () => openArticle(a)))) : null,
+        sections.map((s) => section(s.collection ? s.path.join(" \u203A ") : "Articles", s.articles.map((a) => row(a.id, a.title, a.summary, () => openArticle(a))))),
         rc.faqs.length ? section(
           "FAQ",
           rc.faqs.map((f) => /* @__PURE__ */ jsxs4(View5, { style: [styles5.row, styles5.faq, { borderColor: p.border }], children: [
-            /* @__PURE__ */ jsxs4(Pressable4, { accessibilityRole: "button", accessibilityState: { expanded: faq === f.id }, onPress: () => setFaq(faq === f.id ? null : f.id), style: styles5.faqHead, children: [
+            /* @__PURE__ */ jsxs4(Pressable5, { accessibilityRole: "button", accessibilityState: { expanded: faq === f.id }, onPress: () => setFaq(faq === f.id ? null : f.id), style: styles5.faqHead, children: [
               /* @__PURE__ */ jsx5(Text5, { style: [styles5.rowTitle, styles5.flex, { color: p.text }], children: f.question }),
               /* @__PURE__ */ jsx5(Text5, { style: [styles5.chev, { color: p.muted }], children: faq === f.id ? "\u2212" : "+" })
             ] }),
@@ -3498,8 +3823,8 @@ var styles5 = StyleSheet5.create({
 });
 
 // src/ui/StepLayer.tsx
-import { useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
-import { AccessibilityInfo, Animated, Easing, Pressable as Pressable5, StyleSheet as StyleSheet7, View as View7 } from "react-native";
+import { useEffect as useEffect4, useRef as useRef2, useState as useState4 } from "react";
+import { AccessibilityInfo, Animated, Easing, Pressable as Pressable6, StyleSheet as StyleSheet7, View as View7 } from "react-native";
 
 // src/core/position.ts
 var MARGIN = 12;
@@ -3539,7 +3864,7 @@ function positionCard(target, size, viewport, insets, placement, offset) {
 }
 
 // src/ui/StepCard.tsx
-import { Image, StyleSheet as StyleSheet6, Text as Text6, View as View6 } from "react-native";
+import { Image as Image2, StyleSheet as StyleSheet6, Text as Text6, View as View6 } from "react-native";
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function StepCard({ view, client, palette: p, width, style, compact }) {
   const { step, guide } = view;
@@ -3548,7 +3873,7 @@ function StepCard({ view, client, palette: p, width, style, compact }) {
   const showProgress = step.showProgress && view.total > 1;
   const onLink = (url) => client.navigate(url);
   return /* @__PURE__ */ jsx6(Surface, { palette: p, style: [{ width }, style], children: /* @__PURE__ */ jsxs5(View6, { accessible: false, accessibilityViewIsModal: view.asModal || step.type === "modal", style: compact ? styles6.compact : styles6.inner, children: [
-    step.imageUrl ? /* @__PURE__ */ jsx6(Image, { source: { uri: step.imageUrl }, style: [styles6.image, { borderRadius: Math.max(0, p.radius - 4) }], resizeMode: "cover", accessibilityIgnoresInvertColors: true }) : null,
+    step.imageUrl ? /* @__PURE__ */ jsx6(Image2, { source: { uri: step.imageUrl }, style: [styles6.image, { borderRadius: Math.max(0, p.radius - 4) }], resizeMode: "cover", accessibilityIgnoresInvertColors: true }) : null,
     step.title ? /* @__PURE__ */ jsxs5(View6, { style: styles6.header, children: [
       /* @__PURE__ */ jsx6(Text6, { accessibilityRole: "header", style: [styles6.title, { color: p.text, fontFamily: p.fontFamily }], children: step.title }),
       step.showClose ? /* @__PURE__ */ jsx6(CloseButton, { palette: p, onPress: () => client.closeStep(guide.id), label: "Dismiss guide" }) : null
@@ -3591,8 +3916,8 @@ var styles6 = StyleSheet6.create({
 // src/ui/StepLayer.tsx
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function useTargetRect(client, targetId, origin) {
-  const [rect, setRect] = useState3(null);
-  useEffect3(() => {
+  const [rect, setRect] = useState4(null);
+  useEffect4(() => {
     if (!targetId) {
       setRect(null);
       return;
@@ -3620,7 +3945,7 @@ function useTargetRect(client, targetId, origin) {
 }
 function useFadeIn(key) {
   const opacity = useRef2(new Animated.Value(0)).current;
-  useEffect3(() => {
+  useEffect4(() => {
     opacity.setValue(0);
     Animated.timing(opacity, { toValue: 1, duration: 160, easing: Easing.out(Easing.quad), useNativeDriver: true }).start();
   }, [key, opacity]);
@@ -3632,11 +3957,11 @@ function StepLayer({ view, client, palette: p, geometry }) {
   const opacity = useFadeIn(view.key);
   const { viewport, insets } = geometry;
   const cardWidth = Math.min(viewport.width - 32, step.width ?? 340);
-  useEffect3(() => {
+  useEffect4(() => {
     if (step.type === "hotspot" && !view.expanded) return;
     AccessibilityInfo.announceForAccessibility?.(announcement(view));
   }, [view.key, view.expanded]);
-  const backdrop = (children) => /* @__PURE__ */ jsx7(Pressable5, { accessible: false, style: [StyleSheet7.absoluteFill, { backgroundColor: p.overlay }], onPress: () => client.backdropPressed(view.guide.id), children });
+  const backdrop = (children) => /* @__PURE__ */ jsx7(Pressable6, { accessible: false, style: [StyleSheet7.absoluteFill, { backgroundColor: p.overlay }], onPress: () => client.backdropPressed(view.guide.id), children });
   const anchored = !view.asModal && ["tooltip", "popover", "spotlight", "hotspot"].includes(step.type);
   if (!anchored && step.type === "banner") {
     const top = step.position.startsWith("top");
@@ -3675,10 +4000,10 @@ function StepLayer({ view, client, palette: p, geometry }) {
       [hole.x + hole.width - r, hole.y + hole.height - r, -2 * r, -2 * r]
     ];
     return /* @__PURE__ */ jsxs6(Animated.View, { pointerEvents: "box-none", style: [StyleSheet7.absoluteFill, { opacity }], children: [
-      /* @__PURE__ */ jsx7(Pressable5, { accessible: false, onPress: press, style: [styles7.abs, shade, { left: 0, right: 0, top: 0, height: Math.max(0, hole.y) }] }),
-      /* @__PURE__ */ jsx7(Pressable5, { accessible: false, onPress: press, style: [styles7.abs, shade, { left: 0, right: 0, top: hole.y + hole.height, bottom: 0 }] }),
-      /* @__PURE__ */ jsx7(Pressable5, { accessible: false, onPress: press, style: [styles7.abs, shade, { left: 0, width: Math.max(0, hole.x), top: hole.y, height: hole.height }] }),
-      /* @__PURE__ */ jsx7(Pressable5, { accessible: false, onPress: press, style: [styles7.abs, shade, { left: hole.x + hole.width, right: 0, top: hole.y, height: hole.height }] }),
+      /* @__PURE__ */ jsx7(Pressable6, { accessible: false, onPress: press, style: [styles7.abs, shade, { left: 0, right: 0, top: 0, height: Math.max(0, hole.y) }] }),
+      /* @__PURE__ */ jsx7(Pressable6, { accessible: false, onPress: press, style: [styles7.abs, shade, { left: 0, right: 0, top: hole.y + hole.height, bottom: 0 }] }),
+      /* @__PURE__ */ jsx7(Pressable6, { accessible: false, onPress: press, style: [styles7.abs, shade, { left: 0, width: Math.max(0, hole.x), top: hole.y, height: hole.height }] }),
+      /* @__PURE__ */ jsx7(Pressable6, { accessible: false, onPress: press, style: [styles7.abs, shade, { left: hole.x + hole.width, right: 0, top: hole.y, height: hole.height }] }),
       r > 0 ? corners.map(([left, top, dx, dy], i) => /* @__PURE__ */ jsx7(View7, { pointerEvents: "none", style: [styles7.abs, { left, top, width: r, height: r, overflow: "hidden" }], children: /* @__PURE__ */ jsx7(View7, { style: [styles7.abs, { left: dx, top: dy, width: 4 * r, height: 4 * r, borderRadius: 2 * r, borderWidth: r, borderColor: p.overlay }] }) }, i)) : null,
       /* @__PURE__ */ jsx7(View7, { pointerEvents: "none", style: [styles7.abs, { left: hole.x, top: hole.y, width: hole.width, height: hole.height, borderRadius: r, borderWidth: 2, borderColor: p.primary }] }),
       /* @__PURE__ */ jsx7(Anchored, { view, client, palette: p, geometry, rect: hole, width: cardWidth })
@@ -3691,7 +4016,7 @@ function StepLayer({ view, client, palette: p, geometry }) {
 }
 var ARROW = 12;
 function Anchored({ view, client, palette: p, geometry, rect, width }) {
-  const [height, setHeight] = useState3(0);
+  const [height, setHeight] = useState4(0);
   const onLayout = (e) => setHeight(Math.round(e.nativeEvent.layout.height));
   const offset = view.step.offset + ARROW / 2;
   const pos = positionCard(rect, { width, height: height || 120 }, geometry.viewport, geometry.insets, view.step.placement, offset);
@@ -3707,8 +4032,8 @@ function Arrow({ side, at, color, border }) {
 }
 function Hotspot({ x, y, size, pulse, color, onPress, label }) {
   const scale = useRef2(new Animated.Value(0)).current;
-  const [reduceMotion, setReduceMotion] = useState3(false);
-  useEffect3(() => {
+  const [reduceMotion, setReduceMotion] = useState4(false);
+  useEffect4(() => {
     let alive = true;
     AccessibilityInfo.isReduceMotionEnabled?.().then((v) => alive && setReduceMotion(v), () => {
     });
@@ -3716,13 +4041,13 @@ function Hotspot({ x, y, size, pulse, color, onPress, label }) {
       alive = false;
     };
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!pulse || reduceMotion) return;
     const loop = Animated.loop(Animated.timing(scale, { toValue: 1, duration: 1400, easing: Easing.out(Easing.ease), useNativeDriver: true }));
     loop.start();
     return () => loop.stop();
   }, [pulse, reduceMotion, scale]);
-  return /* @__PURE__ */ jsxs6(Pressable5, { accessibilityRole: "button", accessibilityLabel: label, onPress, hitSlop: 14, style: [styles7.abs, { left: x, top: y, width: size, height: size }], children: [
+  return /* @__PURE__ */ jsxs6(Pressable6, { accessibilityRole: "button", accessibilityLabel: label, onPress, hitSlop: 14, style: [styles7.abs, { left: x, top: y, width: size, height: size }], children: [
     pulse && !reduceMotion ? /* @__PURE__ */ jsx7(
       Animated.View,
       {
@@ -3741,13 +4066,13 @@ var styles7 = StyleSheet7.create({
 });
 
 // src/ui/Survey.tsx
-import { useEffect as useEffect4, useState as useState4 } from "react";
+import { useEffect as useEffect5, useState as useState5 } from "react";
 import {
   AccessibilityInfo as AccessibilityInfo2,
   KeyboardAvoidingView,
   Platform as Platform4,
-  Pressable as Pressable6,
-  ScrollView as ScrollView4,
+  Pressable as Pressable7,
+  ScrollView as ScrollView5,
   StyleSheet as StyleSheet8,
   Text as Text7,
   TextInput as TextInput3,
@@ -3761,9 +4086,9 @@ function Survey({
   geometry
 }) {
   const config = view.guide.config.survey;
-  const [answers, setAnswers] = useState4({});
-  const [error, setError] = useState4("");
-  useEffect4(() => {
+  const [answers, setAnswers] = useState5({});
+  const [error, setError] = useState5("");
+  useEffect5(() => {
     setAnswers({});
     setError("");
     AccessibilityInfo2.announceForAccessibility?.(
@@ -3804,7 +4129,7 @@ function Survey({
         style: StyleSheet8.absoluteFill,
         children: [
           centered ? /* @__PURE__ */ jsx8(
-            Pressable6,
+            Pressable7,
             {
               accessible: false,
               style: [StyleSheet8.absoluteFill, { backgroundColor: p.overlay }],
@@ -3843,7 +4168,7 @@ function Survey({
                       }
                     ) : null,
                     /* @__PURE__ */ jsx8(GButton, { label: "Done", palette: p, onPress: close, style: styles8.end })
-                  ] }) : /* @__PURE__ */ jsxs7(ScrollView4, { contentContainerStyle: styles8.inner, keyboardShouldPersistTaps: "handled", children: [
+                  ] }) : /* @__PURE__ */ jsxs7(ScrollView5, { contentContainerStyle: styles8.inner, keyboardShouldPersistTaps: "handled", children: [
                     config.questions.filter((q) => isQuestionVisible(q, answers)).map((q, i) => /* @__PURE__ */ jsxs7(View8, { style: styles8.question, children: [
                       /* @__PURE__ */ jsxs7(View8, { style: styles8.head, children: [
                         /* @__PURE__ */ jsxs7(Text7, { style: [styles8.qTitle, { color: p.text, fontFamily: p.fontFamily }], children: [
@@ -3901,7 +4226,7 @@ function QuestionInput({
       const values = Array.from({ length: max - min + 1 }, (_, i) => min + i);
       return /* @__PURE__ */ jsxs7(View8, { children: [
         /* @__PURE__ */ jsx8(View8, { style: styles8.scale, accessibilityRole: "radiogroup", accessibilityLabel: q.title, children: values.map((n) => /* @__PURE__ */ jsx8(
-          Pressable6,
+          Pressable7,
           {
             accessibilityRole: "radio",
             accessibilityState: { selected: value === n },
@@ -3921,7 +4246,7 @@ function QuestionInput({
     case "rating": {
       const max = q.scaleMax ?? 5;
       return /* @__PURE__ */ jsx8(View8, { style: styles8.stars, accessibilityRole: "radiogroup", accessibilityLabel: q.title, children: Array.from({ length: max }, (_, i) => i + 1).map((n) => /* @__PURE__ */ jsx8(
-        Pressable6,
+        Pressable7,
         {
           accessibilityRole: "radio",
           accessibilityLabel: `${n} of ${max}`,
@@ -3947,7 +4272,7 @@ function QuestionInput({
         [true, "\u{1F44D}", "Thumbs up"],
         [false, "\u{1F44E}", "Thumbs down"]
       ].map(([val, icon, label]) => /* @__PURE__ */ jsx8(
-        Pressable6,
+        Pressable7,
         {
           accessibilityRole: "radio",
           accessibilityLabel: label,
@@ -3967,7 +4292,7 @@ function QuestionInput({
       return /* @__PURE__ */ jsx8(View8, { style: styles8.choices, children: q.options.map((o) => {
         const on = selected.has(o.id);
         return /* @__PURE__ */ jsxs7(
-          Pressable6,
+          Pressable7,
           {
             accessibilityRole: multi ? "checkbox" : "radio",
             accessibilityState: { checked: on },
@@ -4132,8 +4457,8 @@ function GuidelyOverlay({ client, insets: insetsProp, launcherOffset }) {
   const { width, height } = useWindowDimensions();
   const scheme = useColorScheme();
   const ref = useRef3(null);
-  const [origin, setOrigin] = useState5({ x: 0, y: 0 });
-  useEffect5(() => {
+  const [origin, setOrigin] = useState6({ x: 0, y: 0 });
+  useEffect6(() => {
     client.targets.setViewport(width, height);
   }, [client, width, height]);
   const measureOrigin = useCallback2(() => {
@@ -4151,7 +4476,7 @@ function GuidelyOverlay({ client, insets: insetsProp, launcherOffset }) {
   return /* @__PURE__ */ jsxs8(View9, { ref, collapsable: false, pointerEvents: "box-none", style: StyleSheet9.absoluteFill, onLayout: measureOrigin, children: [
     ui.checklists.map((c) => /* @__PURE__ */ jsx9(Checklist, { view: c, client, palette: palette(client.themeFor(c.guide), scheme), geometry, showLauncher: client.options.showChecklistLauncher !== false, launcherBottom: launcherOffset }, c.guide.id)),
     showRcLauncher ? /* @__PURE__ */ jsx9(
-      Pressable7,
+      Pressable8,
       {
         accessibilityRole: "button",
         accessibilityLabel: client.getResourceCenter()?.launcher.label || "Help",
@@ -4172,7 +4497,7 @@ var styles9 = StyleSheet9.create({
 });
 
 // src/ui/Target.tsx
-import { createContext, useCallback as useCallback3, useContext, useEffect as useEffect6, useRef as useRef4 } from "react";
+import { createContext, useCallback as useCallback3, useContext, useEffect as useEffect7, useRef as useRef4 } from "react";
 import { View as View10 } from "react-native";
 import { jsx as jsx10 } from "react/jsx-runtime";
 var GuidelyContext = createContext(null);
@@ -4189,7 +4514,7 @@ function useGuidelyTarget(id) {
   const screen = useContext(GuidelyScreenContext);
   const ref = useRef4(null);
   const start = useRef4(null);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!client || !id) return;
     return client.targets.register(id, {
       screen,
@@ -4262,11 +4587,11 @@ function defaultBridge(appVersion) {
   };
 }
 function GuidelyProvider({ children, user, insets, launcherOffset = 72, ...options }) {
-  const [client, setClient] = useState6(null);
+  const [client, setClient] = useState7(null);
   const optionsRef = useRef5(options);
   optionsRef.current = options;
   const { projectId, environment, apiUrl, storage } = options;
-  useEffect7(() => {
+  useEffect8(() => {
     if (!projectId) return;
     let c;
     try {
@@ -4290,7 +4615,7 @@ function GuidelyProvider({ children, user, insets, launcherOffset = 72, ...optio
   }, [projectId, environment, apiUrl, storage]);
   const userKey = user ? JSON.stringify([user.id, user.traits ?? null, user.account ?? null]) : "";
   const hadUser = useRef5(false);
-  useEffect7(() => {
+  useEffect8(() => {
     if (!client) return;
     if (user && user.id) {
       hadUser.current = true;
@@ -4339,8 +4664,8 @@ function useGuidely() {
 }
 function useGuidelyReady() {
   const client = useContext2(GuidelyContext);
-  const [ready, setReady] = useState6(() => !!client?.isClientReady());
-  useEffect7(() => {
+  const [ready, setReady] = useState7(() => !!client?.isClientReady());
+  useEffect8(() => {
     if (!client) return setReady(false);
     setReady(client.isClientReady());
     const off = client.on("ready", () => setReady(true));
@@ -4352,7 +4677,7 @@ function useGuidelyReady() {
 function useGuidelyIdentify(userId, traits, account) {
   const client = useContext2(GuidelyContext);
   const key = JSON.stringify([userId ?? null, traits ?? null, account ?? null]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (client && userId) void client.identify(userId, traits, account);
   }, [client, key]);
 }
@@ -4360,14 +4685,14 @@ function useGuidelyEvent(event, handler) {
   const client = useContext2(GuidelyContext);
   const ref = useRef5(handler);
   ref.current = handler;
-  useEffect7(() => {
+  useEffect8(() => {
     if (!client) return;
     return client.on(event, ((...args) => ref.current(...args)));
   }, [client, event]);
 }
 function useGuidelyScreen(name, properties) {
   const client = useContext2(GuidelyContext);
-  useEffect7(() => {
+  useEffect8(() => {
     if (client && name) client.screen(name, properties);
   }, [client, name]);
 }
@@ -4379,15 +4704,15 @@ function useGuidelyNavigation(navigationRef, options = {}) {
     const route = navigationRef.getCurrentRoute?.();
     if (client && route?.name) client.screen(nameRef.current ? nameRef.current(route) : route.name);
   };
-  useEffect7(report, [client]);
+  useEffect8(report, [client]);
   return { onReady: report, onStateChange: report };
 }
 function useUiSelector(select, fallback) {
   const client = useContext2(GuidelyContext);
   const selectRef = useRef5(select);
   selectRef.current = select;
-  const [value, setValue] = useState6(() => client ? select(client) : fallback);
-  useEffect7(() => {
+  const [value, setValue] = useState7(() => client ? select(client) : fallback);
+  useEffect8(() => {
     if (!client) return;
     let last = JSON.stringify(selectRef.current(client));
     setValue(selectRef.current(client));