@guidelytech/guide-runtime 0.5.0 → 0.6.2

package/dist/index.js

@@ -1,569 +1,36 @@
 import {
-  __publicField,
   createHelpView,
   el,
+  enhancePdfViewers,
   sanitizeHtml,
   sanitizeToFragment,
   setSanitizedHtml
-} from "./chunk-SGFC66YD.js";
-
-// src/selectors.ts
-import { matchUrlPattern } from "@guidelytech/shared/runtime";
-function urlMatches(pattern, url) {
-  if (!pattern) return true;
-  if (matchUrlPattern(pattern, url)) return true;
-  try {
-    const u = new URL(url, "http://localhost");
-    if (!pattern.includes("?") && !pattern.includes("#")) return matchUrlPattern(pattern, u.pathname) || matchUrlPattern(pattern, u.origin + u.pathname);
-  } catch {
-  }
-  return false;
-}
-var TEXT_CANDIDATES = "button, a, [role='button'], [role='link'], [role='tab'], [role='menuitem'], h1, h2, h3, h4, h5, h6, label, summary";
-var HOST_ID = "guidely-root";
-function docOf(root) {
-  return root.nodeType === 9 ? root : root.ownerDocument;
-}
-function hasLayout(doc) {
-  const de = doc.documentElement;
-  if (!de) return false;
-  const r = de.getBoundingClientRect();
-  return r.width > 0 || r.height > 0;
-}
-function normalizeText(text) {
-  return (text || "").replace(/\s+/g, " ").trim();
-}
-function isVisible(el2) {
-  if (!el2.isConnected) return false;
-  const doc = el2.ownerDocument;
-  const win = doc.defaultView;
-  let cur = el2;
-  while (cur && cur !== doc.documentElement) {
-    if (cur.hidden) return false;
-    if (win) {
-      const cs = win.getComputedStyle(cur);
-      if (cs.display === "none" || cs.visibility === "hidden") return false;
-    }
-    cur = cur.parentElement ?? cur.getRootNode().host ?? null;
-  }
-  if (hasLayout(doc)) {
-    const r = el2.getBoundingClientRect();
-    if (r.width === 0 && r.height === 0) return false;
-  }
-  return true;
-}
-function isGuidelyElement(el2) {
-  if (!el2) return false;
-  const root = el2.getRootNode();
-  if (root instanceof ShadowRoot && root.host.id === HOST_ID) return true;
-  return el2.id === HOST_ID || !!el2.closest?.(`#${HOST_ID}`);
-}
-function safeQueryAll(root, selector) {
-  try {
-    return Array.from(root.querySelectorAll(selector));
-  } catch {
-    return [];
-  }
-}
-function escapeCss(value) {
-  const g = globalThis;
-  if (g.CSS && typeof g.CSS.escape === "function") return g.CSS.escape(value);
-  return value.replace(/["\\]/g, "\\$&");
-}
-function queryXPath(root, expr) {
-  const doc = docOf(root);
-  const d = doc;
-  if (typeof d.evaluate !== "function") return [];
-  try {
-    const result = d.evaluate(expr, root, null, 7, null);
-    const out = [];
-    for (let i = 0; i < result.snapshotLength; i++) {
-      const n = result.snapshotItem(i);
-      if (n && n.nodeType === 1) out.push(n);
-    }
-    return out;
-  } catch {
-    return [];
-  }
-}
-function queryText(root, text) {
-  const needle = normalizeText(text).toLowerCase();
-  if (!needle) return [];
-  const candidates = safeQueryAll(root, TEXT_CANDIDATES);
-  const exact = candidates.filter((c) => normalizeText(c.textContent).toLowerCase() === needle);
-  if (exact.length) return exact;
-  return candidates.filter((c) => normalizeText(c.textContent).toLowerCase().includes(needle));
-}
-function querySelectorStrategy(strategy, root) {
-  const value = strategy.value.trim();
-  if (!value) return [];
-  switch (strategy.kind) {
-    case "id": {
-      const id = value.startsWith("#") ? value.slice(1) : value;
-      return safeQueryAll(root, `#${escapeCss(id)}`);
-    }
-    case "guidely-id": {
-      const id = value.startsWith("#") ? value.slice(1) : value;
-      return safeQueryAll(root, attrSelector("data-guidely-id", id));
-    }
-    case "data-attr":
-    case "aria":
-    case "css":
-      return safeQueryAll(root, value.startsWith("[") || /^[a-z*#.[]/i.test(value) ? value : `[${value}]`);
-    case "text":
-      return queryText(root, value);
-    case "xpath":
-      return queryXPath(root, value);
-    default:
-      return [];
-  }
-}
-function resolveTarget(target, root = document) {
-  const selectors = Array.isArray(target) ? target : target.selectors;
-  for (const strategy of selectors) {
-    const matches = querySelectorStrategy(strategy, root).filter((el2) => !isGuidelyElement(el2) && isVisible(el2));
-    if (matches.length === 1) return matches[0];
-  }
-  return null;
-}
-var TargetTimeoutError = class extends Error {
-  constructor(message = "Target element not found before timeout") {
-    super(message);
-    __publicField(this, "name", "TargetTimeoutError");
-  }
-};
-function waitForTarget(target, options = {}) {
-  const timeoutMs = options.timeoutMs ?? 5e3;
-  const root = options.root ?? document;
-  const pollMs = Math.min(250, Math.max(16, options.pollMs ?? 250));
-  return new Promise((resolve, reject) => {
-    const immediate = resolveTarget(target, root);
-    if (immediate) return resolve(immediate);
-    if (options.signal?.aborted) return reject(new DOMException("Aborted", "AbortError"));
-    let done = false;
-    let observer = null;
-    let timer = null;
-    let timeout = null;
-    const cleanup = () => {
-      done = true;
-      observer?.disconnect();
-      if (timer) clearInterval(timer);
-      if (timeout) clearTimeout(timeout);
-      options.signal?.removeEventListener("abort", onAbort);
-    };
-    const check = () => {
-      if (done) return;
-      const el2 = resolveTarget(target, root);
-      if (el2) {
-        cleanup();
-        resolve(el2);
-      }
-    };
-    const onAbort = () => {
-      cleanup();
-      reject(new DOMException("Aborted", "AbortError"));
-    };
-    options.signal?.addEventListener("abort", onAbort);
-    const observeRoot = root.nodeType === 9 ? root.documentElement : root;
-    if (typeof MutationObserver !== "undefined" && observeRoot) {
-      observer = new MutationObserver(check);
-      observer.observe(observeRoot, { childList: true, subtree: true, attributes: true, attributeFilter: ["class", "style", "hidden", "id", "data-tour", "data-guidely-id", "aria-label"] });
-    }
-    timer = setInterval(check, pollMs);
-    if (timeoutMs > 0) {
-      timeout = setTimeout(() => {
-        cleanup();
-        reject(new TargetTimeoutError());
-      }, timeoutMs);
-    }
-  });
-}
-var GENERATED_ID = /(\d{4,}|:r[0-9a-z]+:|^radix-|^headlessui-|^mui-|^ember\d|^react-|^\w*-\d+$|__|^[a-f0-9]{8,}$|^svelte-)/i;
-var GENERATED_CLASS = /(^css-|^sc-|^jss\d|^svelte-|^emotion-|^chakra-|^Mui|^_|[0-9a-f]{6,}|^\w{1,2}$|^[a-z]+-\d+$|[:[\]/])/;
-var PREFERRED_DATA_ATTRS = ["data-testid", "data-tour", "data-test", "data-test-id", "data-cy", "data-qa", "data-id", "data-name", "data-guidely"];
-var IGNORED_DATA_ATTRS = /^data-(guidely-id|state|v-|reactid|react|radix|headlessui|svelte|hydrated|orientation|highlighted|focus|key|index|rbd|dnd|rk-|sveltekit)/i;
-function isStableId(id) {
-  return !!id && /^[A-Za-z][\w-]*$/.test(id) && !GENERATED_ID.test(id);
-}
-function isStableClass(cls) {
-  return !!cls && !GENERATED_CLASS.test(cls) && cls.length <= 40;
-}
-function uniqueIn(doc, selector, el2) {
-  const all = safeQueryAll(doc, selector);
-  return all.length === 1 && all[0] === el2;
-}
-function attrSelector(name, value) {
-  return `[${name}='${value.replace(/\\/g, "\\\\").replace(/'/g, "\\'")}']`;
-}
-function cssPath(el2, doc) {
-  const segments = [];
-  let cur = el2;
-  while (cur && cur.nodeType === 1 && cur !== doc.body && cur !== doc.documentElement) {
-    const tag = cur.tagName.toLowerCase();
-    if (isStableId(cur.id)) {
-      segments.unshift(`#${cur.id}`);
-      break;
-    }
-    let seg = tag;
-    const parent = cur.parentElement;
-    if (parent) {
-      const sameTag = Array.from(parent.children).filter((c) => c.tagName === cur.tagName);
-      if (sameTag.length > 1) {
-        const stableCls = Array.from(cur.classList).find((c) => isStableClass(c) && sameTag.filter((s) => s.classList.contains(c)).length === 1);
-        seg += stableCls ? `.${escapeCss(stableCls)}` : `:nth-of-type(${sameTag.indexOf(cur) + 1})`;
-      }
-    }
-    segments.unshift(seg);
-    const candidate = segments.join(" > ");
-    if (uniqueIn(doc, candidate, el2)) return candidate;
-    cur = parent;
-  }
-  const full = segments.join(" > ");
-  return uniqueIn(doc, full, el2) ? full : null;
-}
-function textSnapshotOf(el2) {
-  const he = el2;
-  const own = normalizeText(he.innerText ?? el2.textContent);
-  const alt = normalizeText(el2.getAttribute("aria-label") || el2.getAttribute("title") || el2.getAttribute("placeholder") || el2.getAttribute("alt") || el2.value);
-  return (own || alt).slice(0, 200);
-}
-function generateSelectors(el2) {
-  const doc = el2.ownerDocument;
-  const out = [];
-  const seen = /* @__PURE__ */ new Set();
-  const push = (s) => {
-    const k = `${s.kind}:${s.value}`;
-    if (!seen.has(k)) {
-      seen.add(k);
-      out.push(s);
-    }
-  };
-  const tag = el2.tagName.toLowerCase();
-  const guidelyId = el2.getAttribute("data-guidely-id");
-  if (guidelyId && uniqueIn(doc, attrSelector("data-guidely-id", guidelyId), el2)) push({ kind: "guidely-id", value: guidelyId, label: `Guidely id ${guidelyId}` });
-  if (isStableId(el2.id) && uniqueIn(doc, `#${escapeCss(el2.id)}`, el2)) push({ kind: "id", value: `#${el2.id}`, label: `id ${el2.id}` });
-  const dataAttrs = Array.from(el2.attributes).filter((a) => a.name.startsWith("data-") && !IGNORED_DATA_ATTRS.test(a.name) && a.value && a.value.length <= 120 && !/\d{5,}/.test(a.value));
-  dataAttrs.sort((a, b) => {
-    const ia = PREFERRED_DATA_ATTRS.indexOf(a.name);
-    const ib = PREFERRED_DATA_ATTRS.indexOf(b.name);
-    return (ia === -1 ? 99 : ia) - (ib === -1 ? 99 : ib);
-  });
-  for (const a of dataAttrs) {
-    const sel = attrSelector(a.name, a.value);
-    if (uniqueIn(doc, sel, el2)) push({ kind: "data-attr", value: sel, label: `${a.name}=${a.value}` });
-    else if (uniqueIn(doc, tag + sel, el2)) push({ kind: "data-attr", value: tag + sel, label: `${a.name}=${a.value}` });
-  }
-  const aria = el2.getAttribute("aria-label");
-  if (aria && aria.length <= 120) {
-    const sel = attrSelector("aria-label", aria);
-    if (uniqueIn(doc, sel, el2)) push({ kind: "aria", value: sel, label: aria });
-    else if (uniqueIn(doc, tag + sel, el2)) push({ kind: "aria", value: tag + sel, label: aria });
-  }
-  const name = el2.getAttribute("name");
-  if (name && uniqueIn(doc, tag + attrSelector("name", name), el2)) push({ kind: "css", value: tag + attrSelector("name", name), label: `${tag} name=${name}` });
-  const role = el2.getAttribute("role");
-  if (role) {
-    const title = el2.getAttribute("title") || el2.getAttribute("aria-labelledby");
-    const sel = title ? `[role='${role}']${attrSelector(el2.getAttribute("title") ? "title" : "aria-labelledby", title)}` : `[role='${role}']`;
-    if (uniqueIn(doc, sel, el2)) push({ kind: "css", value: sel, label: `role ${role}` });
-  }
-  if (tag === "a") {
-    const href = el2.getAttribute("href");
-    if (href && href.length <= 200 && uniqueIn(doc, `a${attrSelector("href", href)}`, el2)) push({ kind: "css", value: `a${attrSelector("href", href)}`, label: `link ${href}` });
-  }
-  const path = cssPath(el2, doc);
-  if (path) push({ kind: "css", value: path, label: "css path" });
-  if (/^(button|a|h[1-6]|label|summary)$/.test(tag) || role === "button" || role === "link" || role === "tab" || role === "menuitem") {
-    const text = normalizeText(el2.innerText ?? el2.textContent);
-    if (text && text.length <= 80) push({ kind: "text", value: text, label: `text "${text}"` });
-  }
-  return out.slice(0, 10);
-}
-function describeElement(el2) {
-  const r = el2.getBoundingClientRect();
-  return {
-    selectors: generateSelectors(el2),
-    textSnapshot: textSnapshotOf(el2),
-    rect: { x: r.x, y: r.y, width: r.width, height: r.height },
-    tag: el2.tagName.toLowerCase()
-  };
-}
-
-// src/styles.ts
-var STYLES = `
-:host{all:initial;position:static;display:block;contain:none}
-*,*::before,*::after{box-sizing:border-box}
-.g-scope [hidden]{display:none!important}
-.g-scope{
-  --g-primary:#4f46e5;--g-bg:#ffffff;--g-text:#111827;--g-radius:12px;--g-font:Inter,system-ui,-apple-system,sans-serif;--g-z:2147483000;--g-overlay:.5;
-  --g-muted:color-mix(in srgb,var(--g-text) 62%,transparent);--g-border:color-mix(in srgb,var(--g-text) 12%,transparent);
-  --g-subtle:color-mix(in srgb,var(--g-text) 5%,transparent);--g-shadow:0 10px 40px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08);
-  --g-primary-text:#ffffff;
-  font-family:var(--g-font);font-size:14px;line-height:1.5;color:var(--g-text);-webkit-font-smoothing:antialiased;
-}
-.g-scope[data-theme="dark"]{--g-shadow:0 10px 40px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3)}
-.g-live{position:fixed;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
-.g-layer{position:fixed;inset:0;z-index:var(--g-z);pointer-events:none}
-.g-overlay{position:fixed;inset:0;background:rgba(0,0,0,var(--g-overlay));z-index:calc(var(--g-z) + 3);pointer-events:auto}
-.g-overlay.g-transparent{background:transparent}
-.g-spot-rect{position:fixed;background:rgba(0,0,0,var(--g-overlay));z-index:calc(var(--g-z) + 3);pointer-events:auto}
-.g-spot-ring{position:fixed;z-index:calc(var(--g-z) + 3);pointer-events:none;border-radius:6px;box-shadow:0 0 0 2px var(--g-primary),0 0 0 6px color-mix(in srgb,var(--g-primary) 30%,transparent)}
-.g-card{
-  position:fixed;z-index:calc(var(--g-z) + 4);pointer-events:auto;background:var(--g-bg);color:var(--g-text);border-radius:var(--g-radius);
-  box-shadow:var(--g-shadow);border:1px solid var(--g-border);width:min(360px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:auto;outline:none;
-}
-.g-card.g-modal{left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 32px))}
-.g-card.g-tooltip,.g-card.g-popover,.g-card.g-spotlight-card,.g-card.g-hotspot-card{top:0;left:0;width:min(320px,calc(100vw - 32px))}
-.g-card.g-slideout{width:min(360px,calc(100vw - 32px));margin:16px}
-.g-pos-bottom-right{right:0;bottom:0}.g-pos-bottom-left{left:0;bottom:0}.g-pos-top-right{right:0;top:0}.g-pos-top-left{left:0;top:0}
-.g-pos-center{left:50%;top:50%;transform:translate(-50%,-50%)}
-.g-pos-top{top:0;left:0;right:0}.g-pos-bottom{bottom:0;left:0;right:0}
-.g-banner{position:fixed;left:0;right:0;z-index:calc(var(--g-z) + 1);pointer-events:auto;background:var(--g-primary);color:var(--g-primary-text);padding:10px 48px 10px 16px;display:flex;align-items:center;gap:12px;font-size:14px;box-shadow:0 2px 10px rgba(0,0,0,.15);max-width:100vw}
-.g-banner .g-body{flex:1;min-width:0}
-.g-banner .g-body a{color:inherit;text-decoration:underline}
-.g-banner .g-close{color:inherit;right:8px;top:50%;transform:translateY(-50%)}
-.g-banner .g-btn{background:rgba(255,255,255,.18);color:inherit;border-color:transparent;min-height:36px}
-.g-banner.g-pos-top{top:0}.g-banner.g-pos-bottom{bottom:0}
-.g-inner{padding:20px}
-.g-close{position:absolute;top:8px;right:8px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--g-muted);border-radius:999px;cursor:pointer;font:inherit;font-size:20px;line-height:1}
-.g-close:hover,.g-close:focus-visible{background:var(--g-subtle);color:var(--g-text);outline:none}
-.g-close:focus-visible,.g-btn:focus-visible,.g-task:focus-visible,.g-choice:focus-visible,.g-scale button:focus-visible,.g-launcher:focus-visible,.g-input:focus-visible,.g-rc-item:focus-visible{outline:2px solid var(--g-primary);outline-offset:2px}
-.g-image{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:var(--g-radius) var(--g-radius) 0 0}
-.g-title{margin:0 28px 6px 0;font-size:16px;font-weight:600;line-height:1.3}
-.g-body{font-size:14px;color:var(--g-text)}
-.g-body p{margin:0 0 8px}.g-body p:last-child{margin-bottom:0}
-.g-body ul,.g-body ol{margin:6px 0;padding-left:20px}
-.g-body a{color:var(--g-primary)}
-.g-body img{max-width:100%;height:auto;border-radius:6px}
-.g-body video,.g-body iframe{display:block;width:100%;max-width:100%;border:0;border-radius:6px;margin:8px 0;background:#000}
-.g-body video{height:auto;max-height:60vh}
-.g-body iframe{aspect-ratio:16/9;height:auto}
-.g-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:var(--g-subtle);padding:1px 4px;border-radius:4px}
-.g-body pre{background:var(--g-subtle);padding:10px;border-radius:6px;overflow:auto}
-.g-body blockquote{margin:6px 0;padding-left:10px;border-left:3px solid var(--g-border);color:var(--g-muted)}
-.g-footer{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}
-.g-progress{font-size:12px;color:var(--g-muted);margin-right:auto}
-.g-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 14px;border-radius:calc(var(--g-radius) * .66);border:1px solid transparent;font:inherit;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
-.g-btn-primary{background:var(--g-primary);color:var(--g-primary-text)}
-.g-btn-primary:hover{filter:brightness(1.08)}
-.g-btn-secondary{background:var(--g-subtle);color:var(--g-text);border-color:var(--g-border)}
-.g-btn-secondary:hover{background:color-mix(in srgb,var(--g-text) 10%,transparent)}
-.g-btn-ghost{background:transparent;color:var(--g-muted)}
-.g-btn-ghost:hover{background:var(--g-subtle);color:var(--g-text)}
-.g-btn-link{background:transparent;color:var(--g-primary);padding-left:4px;padding-right:4px}
-.g-btn-link:hover{text-decoration:underline}
-.g-btn:disabled{opacity:.5;cursor:not-allowed}
-.g-arrow{position:absolute;width:12px;height:12px;background:var(--g-bg);transform:rotate(45deg);border:1px solid var(--g-border);z-index:-1}
-.g-hotspot{position:fixed;z-index:calc(var(--g-z) + 1);pointer-events:auto;border-radius:999px;background:var(--g-primary);border:2px solid #fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--g-primary) 40%,transparent);cursor:pointer;padding:0;margin:0}
-.g-hotspot::after{content:"";position:absolute;inset:-4px;border-radius:999px;border:2px solid var(--g-primary);opacity:0}
-.g-hotspot.g-pulse::after{animation:g-pulse 1.8s ease-out infinite}
-.g-hotspot-hit{position:absolute;inset:-14px}
-.g-custom{position:fixed;z-index:calc(var(--g-z) + 4);pointer-events:auto;left:50%;top:50%;transform:translate(-50%,-50%);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:auto}
-/* animations */
-.g-scope[data-anim="fade"] .g-card,.g-scope[data-anim="fade"] .g-banner,.g-scope[data-anim="fade"] .g-panel{animation:g-fade .18s ease-out}
-.g-scope[data-anim="slide"] .g-card,.g-scope[data-anim="slide"] .g-panel{animation:g-slide .22s ease-out}
-.g-scope[data-anim="none"] *{animation:none!important;transition:none!important}
-@keyframes g-fade{from{opacity:0}to{opacity:1}}
-@keyframes g-slide{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
-@keyframes g-pulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.2);opacity:0}}
-@media (prefers-reduced-motion:reduce){.g-scope *{animation:none!important;transition:none!important}}
-/* launcher + panel (checklist / resource center) */
-.g-launcher{position:fixed;z-index:calc(var(--g-z) + 1);pointer-events:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:999px;border:0;background:var(--g-primary);color:var(--g-primary-text);font:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--g-shadow);margin:16px}
-.g-launcher .g-ring{width:22px;height:22px;border-radius:999px;background:conic-gradient(#fff var(--g-pct,0%),rgba(255,255,255,.3) 0);display:inline-flex;align-items:center;justify-content:center;font-size:10px;position:relative}
-.g-launcher .g-ring::after{content:"";position:absolute;inset:3px;border-radius:999px;background:var(--g-primary)}
-.g-launcher .g-count{position:relative;z-index:1}
-.g-panel{position:fixed;z-index:calc(var(--g-z) + 2);pointer-events:auto;width:min(380px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 100px));display:flex;flex-direction:column;background:var(--g-bg);color:var(--g-text);border-radius:var(--g-radius);box-shadow:var(--g-shadow);border:1px solid var(--g-border);margin:16px;bottom:60px;overflow:hidden}
-.g-panel-head{padding:16px 48px 12px 20px;border-bottom:1px solid var(--g-border);position:relative}
-.g-panel-title{margin:0;font-size:16px;font-weight:600}
-.g-panel-sub{margin:4px 0 0;font-size:12px;color:var(--g-muted)}
-.g-panel-body{overflow:auto;padding:8px 0;flex:1}
-.g-help{display:flex;flex-direction:column;min-height:0;flex:1}
-.g-bar{height:6px;border-radius:999px;background:var(--g-subtle);overflow:hidden;margin-top:10px}
-.g-bar > span{display:block;height:100%;background:var(--g-primary);transition:width .3s}
-.g-task{display:flex;gap:12px;align-items:flex-start;width:100%;padding:12px 20px;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;min-height:44px}
-.g-task:hover{background:var(--g-subtle)}
-.g-task[disabled]{cursor:not-allowed;opacity:.55}
-.g-task .g-check{flex:none;width:22px;height:22px;border-radius:999px;border:2px solid var(--g-border);display:inline-flex;align-items:center;justify-content:center;font-size:13px;margin-top:1px;color:#fff}
-.g-task.g-done .g-check{background:var(--g-primary);border-color:var(--g-primary)}
-.g-task.g-done .g-task-title{text-decoration:line-through;color:var(--g-muted)}
-.g-task-title{font-weight:500}
-.g-task-desc{font-size:12px;color:var(--g-muted);margin-top:2px}
-.g-panel-foot{padding:10px 20px;border-top:1px solid var(--g-border);display:flex;justify-content:flex-end;gap:8px}
-.g-complete{padding:28px 20px;text-align:center}
-.g-complete .g-title{margin-right:0;font-size:18px}
-/* survey */
-.g-question{margin-bottom:16px}
-.g-q-title{font-weight:600;margin:0 0 4px}
-.g-q-desc{font-size:12px;color:var(--g-muted);margin:0 0 8px}
-.g-scale{display:flex;gap:4px;flex-wrap:wrap}
-.g-scale button{min-width:34px;height:40px;flex:1;padding:0 4px;border-radius:6px;border:1px solid var(--g-border);background:var(--g-subtle);color:var(--g-text);font:inherit;cursor:pointer}
-.g-scale button[aria-pressed="true"],.g-scale button:hover{background:var(--g-primary);color:var(--g-primary-text);border-color:var(--g-primary)}
-.g-scale-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--g-muted);margin-top:4px}
-.g-stars button,.g-thumbs button{font-size:22px;background:transparent;border:0;cursor:pointer;color:var(--g-muted);min-width:40px;height:40px;font:inherit}
-.g-stars button[aria-pressed="true"],.g-stars button.g-on{color:#f59e0b}
-.g-thumbs button[aria-pressed="true"]{color:var(--g-primary)}
-.g-choice{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--g-border);border-radius:8px;margin-bottom:6px;cursor:pointer;min-height:40px;font:inherit;background:transparent;color:inherit;width:100%;text-align:left}
-.g-choice[aria-checked="true"]{border-color:var(--g-primary);background:color-mix(in srgb,var(--g-primary) 8%,transparent)}
-.g-choice .g-dot{width:16px;height:16px;border-radius:999px;border:2px solid var(--g-border);flex:none}
-.g-choice.g-multi .g-dot{border-radius:4px}
-.g-choice[aria-checked="true"] .g-dot{background:var(--g-primary);border-color:var(--g-primary)}
-.g-input{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-bg);color:var(--g-text);font:inherit;resize:vertical}
-.g-error{color:#dc2626;font-size:12px;margin-top:4px}
-/* resource center */
-.g-rc-search{padding:12px 20px 4px}
-.g-rc-section{padding:8px 20px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--g-muted);font-weight:600}
-.g-rc-section[data-depth]{text-transform:none;letter-spacing:0;font-size:12px}
-.g-rc-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 20px;border:0;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer;min-height:44px;text-decoration:none}
-.g-rc-item:hover{background:var(--g-subtle)}
-.g-rc-item .g-rc-title{font-weight:500}
-.g-rc-item .g-rc-sum{font-size:12px;color:var(--g-muted);margin-top:2px}
-.g-rc-item .g-rc-icon{flex:none;width:20px;text-align:center;color:var(--g-primary)}
-.g-rc-article{padding:16px 20px}
-.g-rc-back{margin-bottom:8px}
-.g-rc-empty{padding:24px 20px;color:var(--g-muted);text-align:center}
-.g-faq-a{padding:0 20px 12px 50px;font-size:13px;color:var(--g-muted)}
-.g-faq-a[hidden]{display:none}
-/* authoring */
-.g-auth-bar{position:fixed;top:0;left:0;right:0;z-index:calc(var(--g-z) + 10);pointer-events:auto;display:flex;align-items:center;gap:12px;padding:8px 16px;background:#111827;color:#fff;font:500 13px/1.4 var(--g-font);box-shadow:0 2px 10px rgba(0,0,0,.3)}
-.g-auth-bar .g-dot-live{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.3)}
-.g-auth-bar .g-spacer{flex:1}
-.g-auth-bar .g-btn{min-height:32px;padding:4px 12px;font-size:13px}
-.g-auth-bar .g-btn-secondary{background:rgba(255,255,255,.12);color:#fff;border-color:transparent}
-.g-auth-outline{position:fixed;z-index:calc(var(--g-z) + 9);pointer-events:none;border:2px solid var(--g-primary);background:color-mix(in srgb,var(--g-primary) 12%,transparent);border-radius:4px;transition:all .06s linear}
-.g-auth-label{position:absolute;left:-2px;top:-24px;background:var(--g-primary);color:#fff;font:600 11px/1 var(--g-font);padding:5px 7px;border-radius:4px;white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis}
-.g-auth-outline.g-picked{border-style:dashed;border-color:#22c55e;background:rgba(34,197,94,.12)}
-.g-auth-outline.g-picked .g-auth-label{background:#16a34a}
-.g-highlight{position:fixed;z-index:calc(var(--g-z) + 8);pointer-events:none;border:2px dashed #f59e0b;background:rgba(245,158,11,.12);border-radius:4px}
-@media (max-width:480px){.g-card.g-modal,.g-panel{width:calc(100vw - 32px)}.g-inner{padding:16px}}
-`;
-
-// src/host.ts
-var HOST_ID2 = "guidely-root";
-var current = null;
-var DEFAULT_THEME = {
-  primaryColor: "#4f46e5",
-  backgroundColor: "#ffffff",
-  textColor: "#111827",
-  borderRadius: 12,
-  fontFamily: "Inter, system-ui, -apple-system, sans-serif"
-};
-function ensureHost(doc = document) {
-  if (current && current.host.isConnected && current.host.ownerDocument === doc) return current;
-  let host = doc.getElementById(HOST_ID2);
-  if (!host) {
-    host = doc.createElement("div");
-    host.id = HOST_ID2;
-    host.setAttribute("data-guidely", "");
-    (doc.body || doc.documentElement).appendChild(host);
-  }
-  const shadow = host.shadowRoot ?? host.attachShadow({ mode: "open" });
-  if (!shadow.querySelector("style[data-g-base]")) {
-    const style = doc.createElement("style");
-    style.setAttribute("data-g-base", "");
-    style.textContent = STYLES;
-    shadow.appendChild(style);
-  }
-  let live = shadow.querySelector(".g-live");
-  if (!live) {
-    live = doc.createElement("div");
-    live.className = "g-live";
-    live.setAttribute("aria-live", "polite");
-    live.setAttribute("aria-atomic", "true");
-    shadow.appendChild(live);
-  }
-  const liveEl = live;
-  current = {
-    host,
-    shadow,
-    live: liveEl,
-    announce(text) {
-      liveEl.textContent = "";
-      setTimeout(() => {
-        liveEl.textContent = text;
-      }, 30);
-    },
-    destroy() {
-      host?.remove();
-      if (current?.host === host) current = null;
-    }
-  };
-  return current;
-}
-function destroyHost() {
-  current?.destroy();
-  const stray = typeof document !== "undefined" ? document.getElementById(HOST_ID2) : null;
-  stray?.remove();
-  current = null;
-}
-function prefersDark() {
-  try {
-    return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-color-scheme: dark)").matches;
-  } catch {
-    return false;
-  }
-}
-function prefersReducedMotion() {
-  try {
-    return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-  } catch {
-    return false;
-  }
-}
-function resolveTheme(theme, appearance) {
-  const t = { ...DEFAULT_THEME, ...theme || {} };
-  const a = appearance || {};
-  const requested = a.theme ?? "auto";
-  const mode = requested === "auto" ? prefersDark() ? "dark" : "light" : requested;
-  const dark = mode === "dark";
-  return {
-    primary: a.primaryColor || t.primaryColor,
-    bg: a.backgroundColor || (dark ? "#1f2937" : t.backgroundColor),
-    text: a.textColor || (dark ? "#f9fafb" : t.textColor),
-    radius: a.borderRadius ?? t.borderRadius,
-    font: a.fontFamily || t.fontFamily,
-    z: a.zIndex ?? 2147483e3,
-    overlay: a.overlayOpacity ?? 0.5,
-    mode,
-    animation: prefersReducedMotion() ? "none" : a.animation ?? "fade"
-  };
-}
-function applyTheme(el2, vars) {
-  el2.style.setProperty("--g-primary", vars.primary);
-  el2.style.setProperty("--g-bg", vars.bg);
-  el2.style.setProperty("--g-text", vars.text);
-  el2.style.setProperty("--g-radius", `${vars.radius}px`);
-  el2.style.setProperty("--g-font", vars.font);
-  el2.style.setProperty("--g-z", String(vars.z));
-  el2.style.setProperty("--g-overlay", String(vars.overlay));
-  el2.setAttribute("data-theme", vars.mode);
-  el2.setAttribute("data-anim", vars.animation);
-}
-function createScope(theme, appearance, doc = document) {
-  const handle = ensureHost(doc);
-  const el2 = doc.createElement("div");
-  el2.className = "g-scope";
-  const vars = resolveTheme(theme, appearance);
-  applyTheme(el2, vars);
-  handle.shadow.appendChild(el2);
-  let mq = null;
-  const onChange = () => applyTheme(el2, resolveTheme(theme, appearance));
-  if ((appearance?.theme ?? "auto") === "auto" && typeof window !== "undefined" && typeof window.matchMedia === "function") {
-    try {
-      mq = window.matchMedia("(prefers-color-scheme: dark)");
-      mq.addEventListener?.("change", onChange);
-    } catch {
-      mq = null;
-    }
-  }
-  return {
-    el: el2,
-    vars,
-    destroy() {
-      mq?.removeEventListener?.("change", onChange);
-      el2.remove();
-    }
-  };
-}
+} from "./chunk-4FKYF6OB.js";
+import {
+  TargetTimeoutError,
+  describeElement,
+  generateSelectors,
+  isGuidelyElement,
+  isStableId,
+  isVisible,
+  normalizeText,
+  querySelectorStrategy,
+  resolveTarget,
+  textSnapshotOf,
+  urlMatches,
+  waitForTarget
+} from "./chunk-GUSKGNNR.js";
+import {
+  DEFAULT_THEME,
+  HOST_ID,
+  STYLES,
+  applyTheme,
+  createScope,
+  destroyHost,
+  ensureHost,
+  prefersReducedMotion,
+  resolveTheme
+} from "./chunk-7DOGZKWD.js";
 
 // src/position.ts
 import { arrow, autoPlacement, autoUpdate, computePosition, flip, offset, shift } from "@floating-ui/dom";
@@ -2037,7 +1504,7 @@ function highlightSelectors(selectors, options = {}) {
 }
 export {
   DEFAULT_THEME,
-  HOST_ID2 as HOST_ID,
+  HOST_ID,
   STYLES,
   TargetTimeoutError,
   anchor,
@@ -2046,6 +1513,7 @@ export {
   createScope,
   describeElement,
   destroyHost,
+  enhancePdfViewers,
   ensureHost,
   generateSelectors,
   highlightSelectors,