@liuovo/agentation-vue-ui 0.0.5 → 0.0.6

package/dist/index.js

@@ -1,15 +1,3348 @@
-// Injection keys
-export { AREA_SELECTION_KEY, ANNOTATIONS_STORE_KEY, I18N_KEY, OVERLAY_KEY, RUNTIME_BRIDGE_KEY, SELECTION_KEY, SETTINGS_KEY, } from "./injection-keys.js";
-export { DEFAULT_LOCALE, SUPPORTED_LOCALES, LOCALE_LABELS, isValidLocale, resolveMessages, } from "./i18n/index.js";
-export { createI18nState } from "./composables/useI18n.js";
-export { createAnnotationsStore } from "./composables/useAnnotationsStore.js";
-export { createSelectionState } from "./composables/useSelection.js";
-export { createAreaSelectionState } from "./composables/useAreaSelection.js";
-export { createOverlayState } from "./composables/useOverlay.js";
-export { createSettingsState } from "./composables/useSettings.js";
-export { createExportActions } from "./composables/useExport.js";
-export { useKeyboardShortcuts } from "./composables/useKeyboard.js";
-// Components
-import OverlayRoot from "./components/OverlayRoot.vue";
-export { OverlayRoot };
-//# sourceMappingURL=index.js.map
+import { computed as C, toValue as U, reactive as we, watch as re, ref as K, readonly as ro, onMounted as ke, onUnmounted as Ae, inject as io, h as T, defineComponent as Ce, nextTick as Ye, onBeforeUnmount as Mt, openBlock as w, createBlock as se, Transition as be, withCtx as le, createElementBlock as $, withModifiers as ce, normalizeStyle as q, normalizeClass as g, unref as d, createElementVNode as a, toDisplayString as E, createCommentVNode as Z, Fragment as ue, renderList as de, createTextVNode as Ke, withDirectives as co, vModelText as uo, createVNode as O, TransitionGroup as Lt, isRef as po, toRefs as vo, customRef as ho, shallowRef as go, renderSlot as fo, Teleport as Tt, withKeys as vt, provide as fe, markRaw as mo } from "vue";
+import { formatToMarkdown as Pt, formatToJSON as $t, identifyElement as yo, getNearbyText as ht, getAccessibilityInfo as bo, getForensicComputedStyles as Dt, getNearbyElements as ko, getElementClasses as wo, getFullElementPath as Co, getElementPath as xo, parseComputedStylesString as gt } from "@liuovo/agentation-vue-core";
+const It = Symbol("agentation-runtime-bridge"), Ge = Symbol("agentation-annotations-store"), Xe = Symbol("agentation-selection"), ct = Symbol("agentation-area-selection"), qe = Symbol("agentation-overlay"), Ze = Symbol("agentation-settings"), Qe = Symbol("agentation-i18n"), Ot = Symbol("agentation-freeze"), _o = {
+  toolbar: {
+    pause: "Pause animations (P)",
+    resume: "Resume animations (P)",
+    pauseAria: "Pause animations",
+    resumeAria: "Resume animations",
+    hideMarkers: "Hide markers (H)",
+    showMarkers: "Show markers (H)",
+    hideMarkersAria: "Hide markers",
+    showMarkersAria: "Show markers",
+    copyMarkdown: "Copy as Markdown (C)",
+    copyMarkdownAria: "Copy as Markdown",
+    copyJson: "Copy as JSON",
+    copyJsonAria: "Copy as JSON",
+    clearAll: "Clear all (X)",
+    clearAllAria: "Clear all annotations",
+    settings: "Settings",
+    toggleSettingsAria: "Toggle settings",
+    closeToolbar: "Close toolbar (Esc)",
+    closeToolbarAria: "Close toolbar"
+  },
+  popover: {
+    editPlaceholder: "Update feedback...",
+    createPlaceholder: "What should change?",
+    deleteAnnotation: "Delete annotation",
+    cancel: "Cancel",
+    save: "Save",
+    update: "Update"
+  },
+  marker: {
+    annotationAria: (e) => `Annotation ${e}`,
+    clickToEdit: "Click to edit"
+  },
+  workflow: {
+    statusPending: "Pending",
+    statusAcknowledged: "Acknowledged",
+    statusResolved: "Resolved",
+    statusDismissed: "Dismissed",
+    roleAgent: "Agent",
+    roleHuman: "Human",
+    thread: "Thread",
+    replyCount: (e) => `${e} ${e === 1 ? "reply" : "replies"}`
+  },
+  settings: {
+    lightMode: "Light mode",
+    darkMode: "Dark mode",
+    switchToLightAria: "Switch to light mode",
+    switchToDarkAria: "Switch to dark mode",
+    language: "Language",
+    outputDetail: "Output detail",
+    exportFormat: "Copy format",
+    exportFormatMarkdownAria: "Use Markdown copy format",
+    exportFormatJsonAria: "Use JSON copy format",
+    copySettings: "Copy content settings",
+    copySettingsDescription: "Only affects clipboard copy. MCP and webhook payloads stay unchanged.",
+    copyPrefix: "Prefix prompt",
+    copyPrefixDescription: "Prepended before copied content with a line break.",
+    copyPrefixPlaceholder: "Hi, help me revise the following",
+    copyExclusions: "Excluded fields",
+    copyExclusionsDescription: "Checked fields are removed from copied output when they are present.",
+    copyFieldLabels: {
+      projectArea: "Project area",
+      contextHints: "Context hints",
+      sourceLocation: "Source location",
+      component: "Component",
+      componentHierarchy: "Component hierarchy",
+      framework: "Framework / resolver",
+      elementPath: "Element path",
+      fullDomPath: "Full DOM path",
+      cssClasses: "CSS classes",
+      position: "Position",
+      selectedText: "Selected text",
+      context: "Context",
+      computedStyles: "Computed styles",
+      accessibility: "Accessibility",
+      nearbyElements: "Nearby elements",
+      url: "URL",
+      timestamp: "Timestamp",
+      viewport: "Viewport",
+      userAgent: "User Agent",
+      devicePixelRatio: "Device pixel ratio"
+    },
+    markerColour: "Marker colour",
+    clearOnCopy: "Clear on copy",
+    blockPageInteractions: "Block page interactions",
+    componentSource: "Component source",
+    manageMcpWebhooks: "Manage MCP & Webhooks",
+    getStarted: "Get started",
+    mcpConnection: "MCP Connection",
+    mcpDescription: "Connect to an MCP server to let AI agents consume and respond to your annotations in real time.",
+    mcpLearnMore: "Learn more",
+    mcpStatusConnected: "Connected",
+    mcpStatusDisconnected: "Disconnected",
+    webhooks: "Webhooks",
+    webhooksDescription: "Automatically send annotations to an external endpoint when created or updated.",
+    webhooksAutoSend: "Auto-send annotations",
+    webhooksUrlPlaceholder: "https://example.com/webhook",
+    outputDetailHelp: "Controls how much metadata is included when exporting annotations.",
+    componentSourceHelp: "Show the Vue component file path and line number for each selected element.",
+    blockInteractionsHelp: "Prevent clicks from triggering page navigation or actions while annotating.",
+    getStartedDescription: "Use one shared Agentation server for all local Vite projects, and scope agent reads with projectFilter when multiple apps share it.",
+    sharedServerTitle: "Shared server recommendation",
+    sharedServerDescription: "Point multiple projects at the same API and MCP transport ports. If those ports are already running, the plugin reuses the existing server instead of spawning another copy.",
+    isolationTitle: "Isolation alternative",
+    isolationDescription: "If you want strict separation, give each project different API/MCP ports and a distinct projectId. Shared mode is the default and usually simpler.",
+    projectScopeLabel: "Project scope",
+    apiEndpointLabel: "Browser sync API",
+    mcpHttpEndpointLabel: "Streamable HTTP MCP",
+    mcpSseEndpointLabel: "Legacy SSE MCP",
+    cliCommandLabel: "CLI server",
+    claudeCommandLabel: "Claude CLI",
+    cursorEndpointLabel: "Cursor / HTTP MCP",
+    codexEndpointLabel: "Codex / generic MCP",
+    webhookEnvLabel: "Webhook env",
+    webhookDescriptionLong: "The server reads AGENTATION_WEBHOOK_URL or AGENTATION_WEBHOOKS and forwards annotation events to those endpoints.",
+    copyValueAria: (e) => `Copy ${e}`
+  },
+  colors: {
+    purple: "Purple",
+    blue: "Blue",
+    cyan: "Cyan",
+    green: "Green",
+    yellow: "Yellow",
+    orange: "Orange",
+    red: "Red"
+  },
+  outputDetail: {
+    compact: "Compact",
+    standard: "Standard",
+    detailed: "Detailed",
+    forensic: "Forensic"
+  },
+  selection: {
+    areaLabel: (e, t, o) => `${e} ${e === 1 ? "element" : "elements"}: ${t}${o > 0 ? ` +${o} more` : ""}`
+  },
+  notifications: {
+    sourceUnavailableElement: "This element could not be mapped to Vue source. Try selecting a nearby component element.",
+    sourceUnavailableArea: "This selection could not be mapped to Vue source. Try a smaller component area.",
+    remoteSyncUpdated: (e) => `Agent sync updated ${e} annotations`,
+    syncFailed: (e) => `Sync failed: ${e}`
+  }
+}, So = {
+  toolbar: {
+    pause: "暂停动画 (P)",
+    resume: "恢复动画 (P)",
+    pauseAria: "暂停动画",
+    resumeAria: "恢复动画",
+    hideMarkers: "隐藏标记 (H)",
+    showMarkers: "显示标记 (H)",
+    hideMarkersAria: "隐藏标记",
+    showMarkersAria: "显示标记",
+    copyMarkdown: "复制为 Markdown (C)",
+    copyMarkdownAria: "复制为 Markdown",
+    copyJson: "复制为 JSON",
+    copyJsonAria: "复制为 JSON",
+    clearAll: "清除全部 (X)",
+    clearAllAria: "清除所有批注",
+    settings: "设置",
+    toggleSettingsAria: "切换设置面板",
+    closeToolbar: "关闭工具栏 (Esc)",
+    closeToolbarAria: "关闭工具栏"
+  },
+  popover: {
+    editPlaceholder: "更新反馈...",
+    createPlaceholder: "需要修改什么？",
+    deleteAnnotation: "删除批注",
+    cancel: "取消",
+    save: "保存",
+    update: "更新"
+  },
+  marker: {
+    annotationAria: (e) => `批注 ${e}`,
+    clickToEdit: "点击编辑"
+  },
+  workflow: {
+    statusPending: "待处理",
+    statusAcknowledged: "已接收",
+    statusResolved: "已解决",
+    statusDismissed: "已忽略",
+    roleAgent: "Agent",
+    roleHuman: "人工",
+    thread: "线程",
+    replyCount: (e) => `${e} 条回复`
+  },
+  settings: {
+    lightMode: "浅色模式",
+    darkMode: "深色模式",
+    switchToLightAria: "切换到浅色模式",
+    switchToDarkAria: "切换到深色模式",
+    language: "语言",
+    outputDetail: "输出详情",
+    exportFormat: "复制格式",
+    exportFormatMarkdownAria: "使用 Markdown 复制格式",
+    exportFormatJsonAria: "使用 JSON 复制格式",
+    copySettings: "复制信息设置",
+    copySettingsDescription: "仅作用于复制到剪贴板，不影响 MCP / Webhooks 的发送内容。",
+    copyPrefix: "前缀提示词",
+    copyPrefixDescription: "复制时会加在最前面，并自动换行。",
+    copyPrefixPlaceholder: "你好，帮我修改以下",
+    copyExclusions: "排除项",
+    copyExclusionsDescription: "勾选后，复制时如果存在这些字段，就自动过滤掉不复制。",
+    copyFieldLabels: {
+      projectArea: "Project area",
+      contextHints: "Context hints",
+      sourceLocation: "源码位置",
+      component: "组件名",
+      componentHierarchy: "组件层级",
+      framework: "框架 / 解析器",
+      elementPath: "元素路径",
+      fullDomPath: "完整 DOM 路径",
+      cssClasses: "CSS 类名",
+      position: "位置信息",
+      selectedText: "选中文本",
+      context: "上下文",
+      computedStyles: "计算样式",
+      accessibility: "无障碍信息",
+      nearbyElements: "附近元素",
+      url: "URL",
+      timestamp: "时间戳",
+      viewport: "视口",
+      userAgent: "User Agent",
+      devicePixelRatio: "设备像素比"
+    },
+    markerColour: "标记颜色",
+    clearOnCopy: "复制后清除",
+    blockPageInteractions: "阻止页面交互",
+    componentSource: "组件源码",
+    manageMcpWebhooks: "管理 MCP 与 Webhooks",
+    getStarted: "快速开始",
+    mcpConnection: "MCP 连接",
+    mcpDescription: "连接 MCP 服务器，让 AI 代理实时获取并响应你的批注。",
+    mcpLearnMore: "了解更多",
+    mcpStatusConnected: "已连接",
+    mcpStatusDisconnected: "未连接",
+    webhooks: "Webhooks",
+    webhooksDescription: "创建或更新批注时自动发送到外部端点。",
+    webhooksAutoSend: "自动发送批注",
+    webhooksUrlPlaceholder: "https://example.com/webhook",
+    outputDetailHelp: "控制导出批注时包含多少元数据。",
+    componentSourceHelp: "显示所选元素对应的 Vue 组件文件路径和行号。",
+    blockInteractionsHelp: "批注期间阻止点击触发页面导航或操作。",
+    getStartedDescription: "建议让多个本地 Vite 项目共用一个 Agentation 服务，再通过 projectFilter 显式限定 agent 读取范围。",
+    sharedServerTitle: "共用服务推荐",
+    sharedServerDescription: "让多个项目指向同一组 API 与 MCP 端口。如果这些端口已经被别的项目启动，插件会直接复用，不再重复拉起一份服务。",
+    isolationTitle: "隔离方案",
+    isolationDescription: "如果你需要硬隔离，可以给每个项目配置不同的 API/MCP 端口，并设置独立 projectId。默认仍建议共用服务。",
+    projectScopeLabel: "项目作用域",
+    apiEndpointLabel: "浏览器同步 API",
+    mcpHttpEndpointLabel: "Streamable HTTP MCP",
+    mcpSseEndpointLabel: "兼容 SSE MCP",
+    cliCommandLabel: "CLI 启动命令",
+    claudeCommandLabel: "Claude CLI",
+    cursorEndpointLabel: "Cursor / HTTP MCP",
+    codexEndpointLabel: "Codex / 通用 MCP",
+    webhookEnvLabel: "Webhook 环境变量",
+    webhookDescriptionLong: "服务端会读取 AGENTATION_WEBHOOK_URL 或 AGENTATION_WEBHOOKS，并把批注事件转发到这些地址。",
+    copyValueAria: (e) => `复制${e}`
+  },
+  colors: {
+    purple: "紫色",
+    blue: "蓝色",
+    cyan: "青色",
+    green: "绿色",
+    yellow: "黄色",
+    orange: "橙色",
+    red: "红色"
+  },
+  outputDetail: {
+    compact: "精简",
+    standard: "标准",
+    detailed: "详细",
+    forensic: "取证级"
+  },
+  selection: {
+    areaLabel: (e, t, o) => `${e} 个元素：${t}${o > 0 ? ` 等另外 ${o} 项` : ""}`
+  },
+  notifications: {
+    sourceUnavailableElement: "无法将此元素映射到 Vue 源码。请尝试选择附近的组件元素。",
+    sourceUnavailableArea: "无法将此选区映射到 Vue 源码。请尝试缩小选区范围。",
+    remoteSyncUpdated: (e) => `Agent 同步已更新 ${e} 条批注`,
+    syncFailed: (e) => `同步失败：${e}`
+  }
+}, Ft = ["en", "zh-CN"], Je = "en", Eo = {
+  en: "EN",
+  "zh-CN": "中文"
+}, Ao = {
+  en: _o,
+  "zh-CN": So
+}, Mo = new Set(Ft);
+function ut(e) {
+  return typeof e == "string" && Mo.has(e);
+}
+function Lo(e) {
+  return Ao[ut(e) ? e : Je];
+}
+function To(e) {
+  const t = C(() => {
+    const n = U(e);
+    return ut(n) ? n : Je;
+  }), o = C(() => Lo(t.value));
+  return {
+    get locale() {
+      return t.value;
+    },
+    get messages() {
+      return o.value;
+    }
+  };
+}
+function Po(e) {
+  const t = e.getBoundingClientRect(), o = Array.from(e.classList).filter(dt).slice(0, 4), n = et(e.textContent).slice(0, 100);
+  return {
+    selector: Oo(e) ?? void 0,
+    tag: e.tagName.toLowerCase(),
+    text: n || void 0,
+    classes: o.length > 0 ? o : void 0,
+    position: {
+      x: t.left + window.scrollX,
+      y: t.top + window.scrollY,
+      width: t.width,
+      height: t.height
+    }
+  };
+}
+function $o(e) {
+  const t = e.metadata;
+  if (t != null && t.isMultiSelect) return null;
+  const o = Do(e);
+  if (!o) return null;
+  if (o.selector) {
+    const f = Ho(o.selector);
+    if (f) return f;
+  }
+  const n = o.tag;
+  if (!n) return null;
+  const l = Ht(n);
+  if (l.length === 0) return null;
+  const i = o.text ? l.filter((f) => et(f.textContent) === o.text) : [];
+  if (i.length === 1)
+    return i[0];
+  const s = (i.length > 0 ? i : l).map((f) => ({
+    candidate: f,
+    score: Ro(f, o)
+  })).sort((f, m) => m.score - f.score);
+  return s.length === 0 || s[0].score <= 0 ? null : s[0].candidate;
+}
+function Do(e) {
+  const t = e.metadata;
+  return Io(t == null ? void 0 : t.elementLocator);
+}
+function Io(e) {
+  if (!e || typeof e != "object") return null;
+  const t = e, o = {};
+  if (typeof t.selector == "string" && t.selector.trim() && (o.selector = t.selector), typeof t.tag == "string" && t.tag.trim() && (o.tag = t.tag.toLowerCase()), typeof t.text == "string" && t.text.trim() && (o.text = et(t.text).slice(0, 100)), Array.isArray(t.classes)) {
+    const n = t.classes.filter((l) => typeof l == "string" && l.trim().length > 0);
+    n.length > 0 && (o.classes = n);
+  }
+  return zo(t.position) && (o.position = t.position), Object.keys(o).length > 0 ? o : null;
+}
+function Oo(e) {
+  if (e.id)
+    return `#${CSS.escape(e.id)}`;
+  for (const o of ["data-testid", "data-test", "aria-label", "title", "name", "role"]) {
+    const n = e.getAttribute(o);
+    if (!n) continue;
+    const l = `${e.tagName.toLowerCase()}[${o}="${CSS.escape(n)}"]`;
+    if (Ie(l)) return l;
+  }
+  const t = Array.from(e.classList).filter(dt).slice(0, 4);
+  if (t.length > 0) {
+    const o = `${e.tagName.toLowerCase()}.${t.map((n) => CSS.escape(n)).join(".")}`;
+    if (Ie(o)) return o;
+  }
+  return Fo(e);
+}
+function Fo(e) {
+  const t = [];
+  let o = e, n = 0;
+  for (; o && o.tagName.toLowerCase() !== "body" && n < 5; ) {
+    const i = o.tagName.toLowerCase();
+    let r = i;
+    if (o.id) {
+      r = `${i}#${CSS.escape(o.id)}`, t.unshift(r);
+      const m = t.join(" > ");
+      return Ie(m) ? m : null;
+    }
+    const s = Array.from(o.classList).filter(dt).slice(0, 2);
+    if (s.length > 0)
+      r = `${i}.${s.map((m) => CSS.escape(m)).join(".")}`;
+    else if (o.parentElement) {
+      const m = Array.from(o.parentElement.children).filter((y) => y.tagName.toLowerCase() === i);
+      m.length > 1 && (r = `${i}:nth-of-type(${m.indexOf(o) + 1})`);
+    }
+    t.unshift(r);
+    const f = t.join(" > ");
+    if (Ie(f)) return f;
+    o = o.parentElement, n++;
+  }
+  const l = t.join(" > ");
+  return l && Ie(l) ? l : null;
+}
+function Ie(e) {
+  try {
+    return Ht(e).length === 1;
+  } catch {
+    return !1;
+  }
+}
+function Ho(e) {
+  try {
+    for (const t of Rt()) {
+      const o = t.querySelector(e);
+      if (o instanceof HTMLElement && !zt(o)) return o;
+    }
+  } catch {
+    return null;
+  }
+  return null;
+}
+function Ht(e) {
+  const t = [];
+  for (const o of Rt())
+    try {
+      o.querySelectorAll(e).forEach((n) => {
+        n instanceof HTMLElement && !zt(n) && t.push(n);
+      });
+    } catch {
+    }
+  return t;
+}
+function Rt() {
+  const e = [document], t = Array.from(document.children);
+  for (; t.length > 0; ) {
+    const o = t.shift();
+    o && (o instanceof HTMLElement && o.shadowRoot && (e.push(o.shadowRoot), t.push(...Array.from(o.shadowRoot.children))), t.push(...Array.from(o.children)));
+  }
+  return e;
+}
+function Ro(e, t) {
+  var n;
+  let o = 0;
+  if (t.text) {
+    const l = et(e.textContent);
+    l === t.text ? o += 12 : (l.includes(t.text) || t.text.includes(l)) && (o += 4);
+  }
+  if ((n = t.classes) != null && n.length) {
+    const l = new Set(Array.from(e.classList));
+    for (const i of t.classes)
+      l.has(i) && (o += 3);
+  }
+  if (t.position) {
+    const l = e.getBoundingClientRect(), i = l.left + window.scrollX - t.position.x, r = l.top + window.scrollY - t.position.y, s = Math.sqrt(i * i + r * r);
+    s <= 24 ? o += 10 : s <= 80 ? o += 6 : s <= 160 ? o += 2 : o -= Math.min(s / 100, 8);
+  }
+  return o;
+}
+function et(e) {
+  return (e ?? "").replace(/\s+/g, " ").trim();
+}
+function zt(e) {
+  return !!e.closest("[data-agentation-root], [data-annotation-marker]");
+}
+function dt(e) {
+  return ![
+    /^hover:/,
+    /^focus:/,
+    /^active:/,
+    /^disabled:/,
+    /^transition/,
+    /^duration/,
+    /^ease/,
+    /^[a-z0-9]{8,}$/,
+    /--/,
+    /\[.*\]/
+  ].some((t) => t.test(e));
+}
+function zo(e) {
+  if (!e || typeof e != "object") return !1;
+  const t = e;
+  return Re(t.x) && Re(t.y) && Re(t.width) && Re(t.height);
+}
+function Re(e) {
+  return typeof e == "number" && Number.isFinite(e);
+}
+function Ns(e) {
+  const t = we({
+    annotations: [],
+    enabled: !0
+  });
+  function o() {
+    try {
+      const y = e.storage.load();
+      t.annotations.splice(0, t.annotations.length, ...y);
+    } catch {
+      console.warn("[agentation] Failed to hydrate annotations from storage");
+    }
+  }
+  function n(y, u) {
+    var x;
+    const A = y.trim();
+    if (!A)
+      throw new Error("[agentation] Annotation comment must not be empty");
+    const b = No(A, u);
+    return t.annotations.push(b), m(), (x = e.sync) == null || x.enqueueUpsert(b), b;
+  }
+  function l(y) {
+    var b;
+    const u = t.annotations.findIndex((x) => x.id === y);
+    if (u < 0) return;
+    const A = t.annotations[u];
+    t.annotations.splice(u, 1), m(), (b = e.sync) == null || b.enqueueDelete(A);
+  }
+  function i(y, u) {
+    var P;
+    const A = u.trim();
+    if (!A) return;
+    const b = t.annotations.findIndex((J) => J.id === y);
+    if (b < 0) return;
+    const x = { ...t.annotations[b], comment: A };
+    t.annotations.splice(b, 1, x), m(), (P = e.sync) == null || P.enqueueUpdate(x);
+  }
+  function r() {
+    var u;
+    const y = [...t.annotations];
+    t.annotations.splice(0, t.annotations.length), e.storage.clear();
+    for (const A of y)
+      (u = e.sync) == null || u.enqueueDelete(A);
+  }
+  function s() {
+    return $t([...t.annotations], {
+      detailLevel: e.options.outputDetail,
+      page: mt()
+    });
+  }
+  function f() {
+    return Pt([...t.annotations], {
+      detailLevel: e.options.outputDetail,
+      page: mt()
+    });
+  }
+  function m() {
+    try {
+      t.annotations.length === 0 ? e.storage.clear() : e.storage.save([...t.annotations]);
+    } catch {
+      console.warn("[agentation] Failed to persist annotations");
+    }
+  }
+  return {
+    get annotations() {
+      return t.annotations;
+    },
+    get enabled() {
+      return t.enabled;
+    },
+    set enabled(y) {
+      t.enabled = y;
+    },
+    hydrate: o,
+    saveAnnotation: n,
+    updateAnnotation: i,
+    removeAnnotation: l,
+    clearAll: r,
+    exportJSON: s,
+    exportMarkdown: f
+  };
+}
+function No(e, t) {
+  const { element: o, source: n, elementName: l, selectedText: i, isMultiSelect: r } = t, s = yo(o);
+  return {
+    id: Bo(),
+    schemaVersion: 1,
+    timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+    url: window.location.href,
+    elementSelector: r ? l : s.name || l,
+    elementText: i,
+    comment: e,
+    source: { ...n },
+    metadata: jo(t)
+  };
+}
+function jo(e) {
+  const {
+    element: t,
+    rect: o,
+    elementPath: n,
+    source: l,
+    selectedText: i,
+    isMultiSelect: r = !1,
+    multiSelectElements: s,
+    elementBoundingBoxes: f
+  } = e, m = !r && yt(t), y = s == null ? void 0 : s.filter((x) => document.contains(x)).map((x) => {
+    const P = x.getBoundingClientRect();
+    return P.width > 0 && P.height > 0 ? ft(P, yt(x)) : null;
+  }).filter((x) => x !== null), u = y != null && y.length ? y : f, A = ft(o, r ? !1 : m), b = {
+    elementPath: n || xo(t) || void 0,
+    fullPath: Co(t) || void 0,
+    cssClasses: wo(t) || void 0,
+    boundingBox: A,
+    elementLocator: r ? void 0 : Po(t),
+    nearbyText: ht(t) || void 0,
+    nearbyElements: ko(t) || void 0,
+    computedStyles: Dt(t) || void 0,
+    accessibility: bo(t) || void 0,
+    isMultiSelect: r || void 0,
+    elementBoundingBoxes: u != null && u.length ? u : void 0,
+    isFixed: r ? void 0 : m,
+    project_area: Uo(e),
+    context_hints: Vo({
+      element: t,
+      source: l,
+      selectedText: i,
+      nearbyText: ht(t) || void 0,
+      isMultiSelect: r
+    })
+  };
+  return Object.fromEntries(
+    Object.entries(b).filter(([, x]) => x !== void 0)
+  );
+}
+function Uo(e) {
+  const t = window.location.pathname || "/", o = e.source.componentHierarchy || e.source.componentName, n = Nt(e.element), l = [t, o, n].filter(Boolean);
+  return l.length > 0 ? l.join(" :: ") : void 0;
+}
+function Vo(e) {
+  const t = /* @__PURE__ */ new Set(), { element: o, source: n, selectedText: l, nearbyText: i, isMultiSelect: r } = e, s = (f, m) => {
+    const y = m == null ? void 0 : m.trim();
+    y && t.add(`${f}: ${y.slice(0, 120)}`);
+  };
+  return s("route", window.location.pathname || "/"), s("component", n.componentName), s("componentHierarchy", n.componentHierarchy), s("framework", n.framework), s("selectedText", l), s("nearbyText", i), s("heading", Wo(o)), s("landmark", Nt(o)), s("role", o.getAttribute("role")), s("ariaLabel", o.getAttribute("aria-label")), s("name", o.getAttribute("name")), s("placeholder", o.getAttribute("placeholder")), s("title", o.getAttribute("title")), s("testId", o.getAttribute("data-testid") || o.getAttribute("data-test")), s("id", o.id || void 0), s("multiSelect", r ? "true" : void 0), t.size > 0 ? [...t].slice(0, 8) : void 0;
+}
+function ft(e, t) {
+  return {
+    x: t ? e.left : e.left + window.scrollX,
+    y: t ? e.top : e.top + window.scrollY,
+    width: e.width,
+    height: e.height
+  };
+}
+function mt() {
+  return {
+    pathname: window.location.pathname,
+    viewport: { width: window.innerWidth, height: window.innerHeight },
+    url: window.location.href,
+    userAgent: navigator.userAgent,
+    timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+    devicePixelRatio: window.devicePixelRatio
+  };
+}
+function Bo() {
+  return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function Wo(e) {
+  var o;
+  const t = ((o = e.closest("section, article, main, aside, form, dialog")) == null ? void 0 : o.querySelector("h1, h2, h3, h4, h5, h6")) ?? e.closest("label");
+  return (t == null ? void 0 : t.innerText.trim()) || void 0;
+}
+function Nt(e) {
+  const t = e.closest(
+    "[role], main, header, nav, aside, footer, section, article, form, dialog"
+  );
+  if (!t) return;
+  const o = t.getAttribute("role") || t.tagName.toLowerCase(), n = t.getAttribute("aria-label") || t.getAttribute("data-testid") || t.id;
+  return n ? `${o}:${n}` : o;
+}
+function yt(e) {
+  let t = e;
+  for (; t && t !== document.body; ) {
+    const o = window.getComputedStyle(t).position;
+    if (o === "fixed" || o === "sticky") return !0;
+    t = t.parentElement;
+  }
+  return !1;
+}
+function js() {
+  const e = we({
+    hovered: null,
+    selected: null
+  });
+  return {
+    get hovered() {
+      return e.hovered;
+    },
+    get selected() {
+      return e.selected;
+    },
+    setHovered(t) {
+      e.selected || (e.hovered = t);
+    },
+    clearHovered() {
+      e.hovered = null;
+    },
+    select(t) {
+      e.selected = t, e.hovered = null;
+    },
+    clearSelection() {
+      e.selected = null;
+    }
+  };
+}
+function Us() {
+  const e = we({
+    active: !1,
+    origin: null,
+    rect: null,
+    matched: []
+  });
+  return {
+    get active() {
+      return e.active;
+    },
+    get rect() {
+      return e.rect;
+    },
+    get matched() {
+      return e.matched;
+    },
+    start(t, o) {
+      e.active = !0, e.origin = { x: t, y: o }, e.rect = bt(t, o, t, o), e.matched.splice(0, e.matched.length);
+    },
+    update(t, o) {
+      e.origin && (e.rect = bt(e.origin.x, e.origin.y, t, o));
+    },
+    setMatched(t) {
+      e.matched.splice(0, e.matched.length, ...t);
+    },
+    clear() {
+      e.active = !1, e.origin = null, e.rect = null, e.matched.splice(0, e.matched.length);
+    }
+  };
+}
+function bt(e, t, o, n) {
+  const l = Math.min(e, o), i = Math.min(t, n), r = Math.max(e, o), s = Math.max(t, n);
+  return { left: l, top: i, right: r, bottom: s, width: r - l, height: s - i };
+}
+const kt = 12, Pe = 12, wt = 280, Ct = 260;
+function Yo(e) {
+  const t = we({
+    visible: !1,
+    editingAnnotation: null,
+    editAnchorRect: null,
+    shakeTick: 0
+  }), o = C(
+    () => t.visible && (e.selected !== null || t.editingAnnotation !== null)
+  ), n = C(() => o.value ? t.editingAnnotation && t.editAnchorRect ? xt(t.editAnchorRect) : e.selected ? xt(e.selected.rect) : null : null);
+  return {
+    get popoverVisible() {
+      return o.value;
+    },
+    get popoverPosition() {
+      return n.value;
+    },
+    get editingAnnotation() {
+      return t.editingAnnotation;
+    },
+    get shakeTick() {
+      return t.shakeTick;
+    },
+    showPopover() {
+      e.selected && (t.visible && (t.shakeTick += 1), t.editingAnnotation = null, t.editAnchorRect = null, t.visible = !0);
+    },
+    hidePopover() {
+      t.visible = !1, t.editingAnnotation = null, t.editAnchorRect = null;
+    },
+    showEditPopover(l, i) {
+      t.visible && (t.shakeTick += 1), t.editingAnnotation = l, t.editAnchorRect = i, t.visible = !0;
+    }
+  };
+}
+function xt(e) {
+  const t = typeof window < "u" ? window.innerWidth : 1024, o = typeof window < "u" ? window.innerHeight : 768, n = e.bottom + kt, l = Math.max(Pe, e.top - Ct - kt), i = n + Ct <= o - Pe ? n : l, r = Math.max(Pe, t - wt - Pe), s = e.left + e.width / 2 - wt / 2, f = Math.min(Math.max(s, Pe), r);
+  return { top: i, left: f };
+}
+const jt = [
+  "projectArea",
+  "contextHints",
+  "sourceLocation",
+  "component",
+  "componentHierarchy",
+  "framework",
+  "elementPath",
+  "fullDomPath",
+  "cssClasses",
+  "position",
+  "selectedText",
+  "context",
+  "computedStyles",
+  "accessibility",
+  "nearbyElements",
+  "url",
+  "timestamp",
+  "viewport",
+  "userAgent",
+  "devicePixelRatio"
+], Ut = "agentation-vue-settings", Ko = [
+  { key: "purple", value: "#AF52DE" },
+  { key: "blue", value: "#3c82f7" },
+  { key: "cyan", value: "#5AC8FA" },
+  { key: "green", value: "#34C759" },
+  { key: "yellow", value: "#FFD60A" },
+  { key: "orange", value: "#FF9500" },
+  { key: "red", value: "#FF3B30" }
+], Jo = "#3c82f7";
+function Vs(e) {
+  const t = Go(), o = we({
+    outputDetail: t.outputDetail ?? (e == null ? void 0 : e.outputDetail) ?? "standard",
+    darkMode: t.darkMode ?? (e == null ? void 0 : e.darkMode) ?? !0,
+    enabled: t.enabled ?? (e == null ? void 0 : e.enabled) ?? !0,
+    componentSourceEnabled: t.componentSourceEnabled ?? (e == null ? void 0 : e.componentSourceEnabled) ?? !0,
+    annotationColor: t.annotationColor ?? (e == null ? void 0 : e.annotationColor) ?? Jo,
+    showMarkers: t.showMarkers ?? (e == null ? void 0 : e.showMarkers) ?? !0,
+    copyFormat: t.copyFormat ?? (e == null ? void 0 : e.copyFormat) ?? "markdown",
+    copyPrefix: t.copyPrefix ?? (e == null ? void 0 : e.copyPrefix) ?? "",
+    copyExcludeFields: We(t.copyExcludeFields) ?? We(e == null ? void 0 : e.copyExcludeFields) ?? [],
+    autoClearAfterCopy: t.autoClearAfterCopy ?? (e == null ? void 0 : e.autoClearAfterCopy) ?? !1,
+    blockInteractions: t.blockInteractions ?? (e == null ? void 0 : e.blockInteractions) ?? !0,
+    locale: Be(t.locale) ?? Be(e == null ? void 0 : e.locale) ?? Je,
+    webhookUrl: t.webhookUrl ?? (e == null ? void 0 : e.webhookUrl) ?? "",
+    webhooksEnabled: t.webhooksEnabled ?? (e == null ? void 0 : e.webhooksEnabled) ?? !1
+  });
+  return re(
+    () => ({
+      outputDetail: o.outputDetail,
+      darkMode: o.darkMode,
+      enabled: o.enabled,
+      componentSourceEnabled: o.componentSourceEnabled,
+      annotationColor: o.annotationColor,
+      showMarkers: o.showMarkers,
+      copyFormat: o.copyFormat,
+      copyPrefix: o.copyPrefix,
+      copyExcludeFields: o.copyExcludeFields,
+      autoClearAfterCopy: o.autoClearAfterCopy,
+      blockInteractions: o.blockInteractions,
+      locale: o.locale,
+      webhookUrl: o.webhookUrl,
+      webhooksEnabled: o.webhooksEnabled
+    }),
+    (n) => Xo(n),
+    { deep: !0 }
+  ), {
+    get outputDetail() {
+      return o.outputDetail;
+    },
+    set outputDetail(n) {
+      o.outputDetail = n;
+    },
+    get darkMode() {
+      return o.darkMode;
+    },
+    set darkMode(n) {
+      o.darkMode = n;
+    },
+    get enabled() {
+      return o.enabled;
+    },
+    set enabled(n) {
+      o.enabled = n;
+    },
+    get componentSourceEnabled() {
+      return o.componentSourceEnabled;
+    },
+    set componentSourceEnabled(n) {
+      o.componentSourceEnabled = n;
+    },
+    get annotationColor() {
+      return o.annotationColor;
+    },
+    set annotationColor(n) {
+      o.annotationColor = n;
+    },
+    get showMarkers() {
+      return o.showMarkers;
+    },
+    set showMarkers(n) {
+      o.showMarkers = n;
+    },
+    get copyFormat() {
+      return o.copyFormat;
+    },
+    set copyFormat(n) {
+      o.copyFormat = n;
+    },
+    get copyPrefix() {
+      return o.copyPrefix;
+    },
+    set copyPrefix(n) {
+      o.copyPrefix = n;
+    },
+    get copyExcludeFields() {
+      return o.copyExcludeFields;
+    },
+    set copyExcludeFields(n) {
+      o.copyExcludeFields = We(n) ?? [];
+    },
+    get autoClearAfterCopy() {
+      return o.autoClearAfterCopy;
+    },
+    set autoClearAfterCopy(n) {
+      o.autoClearAfterCopy = n;
+    },
+    get blockInteractions() {
+      return o.blockInteractions;
+    },
+    set blockInteractions(n) {
+      o.blockInteractions = n;
+    },
+    get locale() {
+      return o.locale;
+    },
+    set locale(n) {
+      o.locale = Be(n) ?? Je;
+    },
+    get webhookUrl() {
+      return o.webhookUrl;
+    },
+    set webhookUrl(n) {
+      o.webhookUrl = n;
+    },
+    get webhooksEnabled() {
+      return o.webhooksEnabled;
+    },
+    set webhooksEnabled(n) {
+      o.webhooksEnabled = n;
+    },
+    toggleDarkMode() {
+      o.darkMode = !o.darkMode;
+    }
+  };
+}
+function Be(e) {
+  return ut(e) ? e : void 0;
+}
+function We(e) {
+  if (!Array.isArray(e)) return;
+  const t = new Set(jt);
+  return [...new Set(
+    e.filter((o) => t.has(o))
+  )];
+}
+function Go() {
+  if (typeof window > "u") return {};
+  try {
+    const e = window.localStorage.getItem(Ut);
+    if (!e) return {};
+    const t = JSON.parse(e);
+    return {
+      ...t,
+      locale: Be(t.locale),
+      copyExcludeFields: We(t.copyExcludeFields) ?? []
+    };
+  } catch {
+    return {};
+  }
+}
+function Xo(e) {
+  if (!(typeof window > "u"))
+    try {
+      window.localStorage.setItem(Ut, JSON.stringify(e));
+    } catch {
+    }
+}
+const Vt = [
+  "#agentation-app",
+  "#agentation-overlay",
+  "[data-agentation-root]",
+  "[data-feedback-toolbar]",
+  "[data-annotation-popup]",
+  "[data-annotation-marker]"
+], nt = Vt.flatMap((e) => [`:not(${e})`, `:not(${e} *)`]).join(""), it = "feedback-freeze-styles", at = "__agentation_freeze";
+function qo() {
+  if (typeof window > "u")
+    return {
+      frozen: !1,
+      origSetTimeout: setTimeout,
+      origSetInterval: setInterval,
+      pausedAnimations: []
+    };
+  const e = window;
+  return e[at] || (e[at] = {
+    frozen: !1,
+    origSetTimeout: window.setTimeout.bind(window),
+    origSetInterval: window.setInterval.bind(window),
+    pausedAnimations: []
+  }), e[at];
+}
+const ve = qo(), Ee = ve.origSetTimeout;
+ve.origSetInterval;
+function Zo(e) {
+  let t = e;
+  for (; t; ) {
+    if (Vt.some((n) => {
+      var l, i;
+      return ((l = t == null ? void 0 : t.matches) == null ? void 0 : l.call(t, n)) || ((i = t == null ? void 0 : t.closest) == null ? void 0 : i.call(t, n));
+    }))
+      return !0;
+    const o = t.getRootNode();
+    t = o instanceof ShadowRoot ? o.host : t.parentElement;
+  }
+  return !1;
+}
+function Qo() {
+  if (typeof document > "u" || ve.frozen) return;
+  ve.frozen = !0;
+  let e = document.getElementById(it);
+  e || (e = document.createElement("style"), e.id = it), e.textContent = `
+    *${nt},
+    *${nt}::before,
+    *${nt}::after {
+      animation-play-state: paused !important;
+      transition: none !important;
+    }
+  `, document.head.appendChild(e), ve.pausedAnimations = [];
+  try {
+    document.getAnimations().forEach((t) => {
+      var n;
+      if (t.playState !== "running") return;
+      const o = (n = t.effect) == null ? void 0 : n.target;
+      Zo(o) || (t.pause(), ve.pausedAnimations.push(t));
+    });
+  } catch {
+  }
+  document.querySelectorAll("video").forEach((t) => {
+    t.paused || (t.dataset.wasPaused = "false", t.pause());
+  });
+}
+function _t() {
+  var e;
+  if (!(typeof document > "u") && ve.frozen) {
+    ve.frozen = !1;
+    for (const t of ve.pausedAnimations)
+      try {
+        t.play();
+      } catch (o) {
+        console.warn("[agentation] Error resuming animation:", o);
+      }
+    ve.pausedAnimations = [], (e = document.getElementById(it)) == null || e.remove(), document.querySelectorAll("video").forEach((t) => {
+      t.dataset.wasPaused === "false" && (t.play().catch(() => {
+      }), delete t.dataset.wasPaused);
+    });
+  }
+}
+function en() {
+  const e = K(!1);
+  function t() {
+    e.value ? (_t(), e.value = !1) : (Qo(), e.value = !0);
+  }
+  function o() {
+    e.value && (_t(), e.value = !1);
+  }
+  return {
+    isFrozen: ro(e),
+    toggleFreeze: t,
+    cleanup: o
+  };
+}
+function tn(e, t) {
+  const o = K(null);
+  async function n(u) {
+    try {
+      return await navigator.clipboard.writeText(u), !0;
+    } catch {
+      return i(u, "agentation-export.txt"), !1;
+    }
+  }
+  function l(u) {
+    o.value = u, Ee(() => {
+      o.value === u && (o.value = null);
+    }, 1400);
+  }
+  function i(u, A) {
+    const b = new Blob([u], { type: "text/plain" }), x = URL.createObjectURL(b), P = document.createElement("a");
+    P.href = x, P.download = A, P.click(), URL.revokeObjectURL(x);
+  }
+  async function r() {
+    const u = f("json");
+    await n(u) && l("json");
+  }
+  async function s() {
+    const u = f("markdown");
+    await n(u) && l("markdown");
+  }
+  function f(u) {
+    const A = m(), b = u === "json" ? JSON.stringify($t([...e.annotations], {
+      detailLevel: t.outputDetail,
+      page: A,
+      excludeFields: t.copyExcludeFields
+    }), null, 2) : Pt([...e.annotations], {
+      detailLevel: t.outputDetail,
+      page: A,
+      excludeFields: t.copyExcludeFields
+    });
+    return y(b);
+  }
+  function m() {
+    return e.exportJSON().page;
+  }
+  function y(u) {
+    const A = t.copyPrefix.replace(/\r\n/g, `
+`).trim();
+    return A ? `${A}
+${u}` : u;
+  }
+  return {
+    get copyFeedback() {
+      return o.value;
+    },
+    exportJSON: r,
+    exportMarkdown: s
+  };
+}
+function on(e) {
+  const { store: t, selection: o, overlay: n, settings: l, exportActions: i, freezeState: r } = e;
+  function s(m) {
+    return !!m.closest("[data-agentation-root]");
+  }
+  function f(m) {
+    if (m.isComposing) return;
+    const y = document.activeElement;
+    if ((m.metaKey || m.ctrlKey) && m.shiftKey && m.code === "KeyF") {
+      m.preventDefault(), t.enabled = !t.enabled, t.enabled || (o.clearHovered(), o.clearSelection(), n.hidePopover());
+      return;
+    }
+    if (m.key === "Escape") {
+      if (st(y) && !s(y)) return;
+      if (n.popoverVisible) {
+        m.preventDefault(), o.clearSelection(), n.hidePopover();
+        return;
+      }
+      if (o.selected) {
+        m.preventDefault(), o.clearSelection();
+        return;
+      }
+      if (t.enabled) {
+        m.preventDefault(), t.enabled = !1, o.clearHovered();
+        return;
+      }
+    }
+    if (st(y) || st(m.target) || m.metaKey || m.ctrlKey || m.altKey) return;
+    const u = m.key.toLowerCase();
+    if (u === "p") {
+      m.preventDefault(), r == null || r.toggleFreeze();
+      return;
+    }
+    if (t.annotations.length !== 0) {
+      if (u === "h") {
+        m.preventDefault(), l.showMarkers = !l.showMarkers;
+        return;
+      }
+      if (u === "c") {
+        m.preventDefault(), l.copyFormat === "json" ? i == null || i.exportJSON() : i == null || i.exportMarkdown();
+        return;
+      }
+      u === "x" && (m.preventDefault(), t.clearAll(), o.clearHovered(), o.clearSelection(), n.hidePopover());
+    }
+  }
+  ke(() => {
+    document.addEventListener("keydown", f, !0);
+  }), Ae(() => {
+    document.removeEventListener("keydown", f, !0);
+  });
+}
+function st(e) {
+  return e instanceof HTMLElement && (e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.tagName === "SELECT" || e.isContentEditable);
+}
+function ee(e, t) {
+  const o = io(e);
+  if (o === void 0)
+    throw new Error(`[agentation] Missing required injection: ${t}`);
+  return o;
+}
+function te(e, t, o, n) {
+  return T(
+    "svg",
+    {
+      width: e,
+      height: e,
+      viewBox: t,
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      focusable: "false",
+      style: n
+    },
+    o
+  );
+}
+const nn = (e) => {
+  const t = e.size ?? 24;
+  return te(t, "0 0 24 24", [
+    T("path", { d: "M11.5 12L5.5 12", stroke: "currentColor", "stroke-width": 1.5, "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    T("path", { d: "M18.5 6.75L5.5 6.75", stroke: "currentColor", "stroke-width": 1.5, "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    T("path", { d: "M9.25 17.25L5.5 17.25", stroke: "currentColor", "stroke-width": 1.5, "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    T("path", {
+      d: "M16 12.75L16.5179 13.9677C16.8078 14.6494 17.3506 15.1922 18.0323 15.4821L19.25 16L18.0323 16.5179C17.3506 16.8078 16.8078 17.3506 16.5179 18.0323L16 19.25L15.4821 18.0323C15.1922 17.3506 14.6494 16.8078 13.9677 16.5179L12.75 16L13.9677 15.4821C14.6494 15.1922 15.1922 14.6494 15.4821 13.9677L16 12.75Z",
+      stroke: "currentColor",
+      "stroke-width": 1.5,
+      "stroke-linejoin": "round"
+    })
+  ], e.style);
+}, $e = (e) => {
+  const t = e.size ?? 24, o = e.copied ?? !1, n = "opacity 0.2s ease, transform 0.2s ease";
+  return te(t, "0 0 24 24", [
+    // Copy state
+    T("g", { style: { opacity: o ? 0 : 1, transform: o ? "scale(0.8)" : "scale(1)", transformOrigin: "center", transition: n } }, [
+      T("path", { d: "M4.75 11.25C4.75 10.4216 5.42157 9.75 6.25 9.75H12.75C13.5784 9.75 14.25 10.4216 14.25 11.25V17.75C14.25 18.5784 13.5784 19.25 12.75 19.25H6.25C5.42157 19.25 4.75 18.5784 4.75 17.75V11.25Z", stroke: "currentColor", "stroke-width": 1.5 }),
+      T("path", { d: "M17.25 14.25H17.75C18.5784 14.25 19.25 13.5784 19.25 12.75V6.25C19.25 5.42157 18.5784 4.75 17.75 4.75H11.25C10.4216 4.75 9.75 5.42157 9.75 6.25V6.75", stroke: "currentColor", "stroke-width": 1.5, "stroke-linecap": "round" })
+    ]),
+    // Checkmark state
+    T("g", { style: { opacity: o ? 1 : 0, transform: o ? "scale(1)" : "scale(0.8)", transformOrigin: "center", transition: n } }, [
+      T("path", { d: "M12 20C7.58172 20 4 16.4182 4 12C4 7.58172 7.58172 4 12 4C16.4182 4 20 7.58172 20 12C20 16.4182 16.4182 20 12 20Z", stroke: "#22c55e", "stroke-width": 1.5, "stroke-linecap": "round", "stroke-linejoin": "round" }),
+      T("path", { d: "M15 10L11 14.25L9.25 12.25", stroke: "#22c55e", "stroke-width": 1.5, "stroke-linecap": "round", "stroke-linejoin": "round" })
+    ])
+  ], e.style);
+}, an = (e) => {
+  const t = e.size ?? 18;
+  return te(t, "0 0 20 20", [
+    T("path", {
+      d: "M7 2.75H10.9393C11.3369 2.75 11.7182 2.90804 12 3.18934L14.8107 6C15.092 6.28181 15.25 6.66304 15.25 7.06066V16.25C15.25 17.0784 14.5784 17.75 13.75 17.75H7C6.17157 17.75 5.5 17.0784 5.5 16.25V4.25C5.5 3.42157 6.17157 2.75 7 2.75Z",
+      stroke: "currentColor",
+      "stroke-width": 1.5,
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }),
+    T("path", {
+      d: "M11 2.75V5.75C11 6.30228 11.4477 6.75 12 6.75H15",
+      stroke: "currentColor",
+      "stroke-width": 1.5,
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }),
+    T("path", {
+      d: "M7.75 10.25H13",
+      stroke: "currentColor",
+      "stroke-width": 1.5,
+      "stroke-linecap": "round"
+    }),
+    T("path", {
+      d: "M7.75 13H13",
+      stroke: "currentColor",
+      "stroke-width": 1.5,
+      "stroke-linecap": "round"
+    }),
+    T("path", {
+      d: "M7.75 15.75H11.25",
+      stroke: "currentColor",
+      "stroke-width": 1.5,
+      "stroke-linecap": "round"
+    })
+  ], e.style);
+}, Bt = (e) => {
+  const t = e.size ?? 16;
+  return te(t, "0 0 24 24", [
+    T("path", {
+      d: "M13.5 4C14.7426 4 15.75 5.00736 15.75 6.25V7H18.5C18.9142 7 19.25 7.33579 19.25 7.75C19.25 8.16421 18.9142 8.5 18.5 8.5H17.9678L17.6328 16.2217C17.61 16.7475 17.5912 17.1861 17.5469 17.543C17.5015 17.9087 17.4225 18.2506 17.2461 18.5723C16.9747 19.0671 16.5579 19.4671 16.0518 19.7168C15.7227 19.8791 15.3772 19.9422 15.0098 19.9717C14.6514 20.0004 14.2126 20 13.6865 20H10.3135C9.78735 20 9.34856 20.0004 8.99023 19.9717C8.62278 19.9422 8.27729 19.8791 7.94824 19.7168C7.44205 19.4671 7.02532 19.0671 6.75391 18.5723C6.57751 18.2506 6.49853 17.9087 6.45312 17.543C6.40883 17.1861 6.39005 16.7475 6.36719 16.2217L6.03223 8.5H5.5C5.08579 8.5 4.75 8.16421 4.75 7.75C4.75 7.33579 5.08579 7 5.5 7H8.25V6.25C8.25 5.00736 9.25736 4 10.5 4H13.5ZM7.86621 16.1562C7.89013 16.7063 7.90624 17.0751 7.94141 17.3584C7.97545 17.6326 8.02151 17.7644 8.06934 17.8516C8.19271 18.0763 8.38239 18.2577 8.6123 18.3711C8.70153 18.4151 8.83504 18.4545 9.11035 18.4766C9.39482 18.4994 9.76335 18.5 10.3135 18.5H13.6865C14.2367 18.5 14.6052 18.4994 14.8896 18.4766C15.165 18.4545 15.2985 18.4151 15.3877 18.3711C15.6176 18.2577 15.8073 18.0763 15.9307 17.8516C15.9785 17.7644 16.0245 17.6326 16.0586 17.3584C16.0938 17.0751 16.1099 16.7063 16.1338 16.1562L16.4668 8.5H7.5332L7.86621 16.1562ZM9.97656 10.75C10.3906 10.7371 10.7371 11.0626 10.75 11.4766L10.875 15.4766C10.8879 15.8906 10.5624 16.2371 10.1484 16.25C9.73443 16.2629 9.38794 15.9374 9.375 15.5234L9.25 11.5234C9.23706 11.1094 9.56255 10.7629 9.97656 10.75ZM14.0244 10.75C14.4384 10.7635 14.7635 11.1105 14.75 11.5244L14.6201 15.5244C14.6066 15.9384 14.2596 16.2634 13.8457 16.25C13.4317 16.2365 13.1067 15.8896 13.1201 15.4756L13.251 11.4756C13.2645 11.0617 13.6105 10.7366 14.0244 10.75ZM10.5 5.5C10.0858 5.5 9.75 5.83579 9.75 6.25V7H14.25V6.25C14.25 5.83579 13.9142 5.5 13.5 5.5H10.5Z",
+      fill: "currentColor"
+    })
+  ], e.style);
+}, sn = (e) => {
+  const t = e.size ?? 24;
+  return te(t, "0 0 24 24", [
+    T("path", {
+      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+      stroke: "currentColor",
+      "stroke-width": 2,
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }),
+    T("circle", {
+      cx: 12,
+      cy: 12,
+      r: 3,
+      stroke: "currentColor",
+      "stroke-width": 2,
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    })
+  ], e.style);
+}, ln = (e) => {
+  const t = e.size ?? 24;
+  return te(t, "0 0 24 24", [
+    T("path", {
+      d: "M10.733 5.076A10.744 10.744 0 0 1 21.938 12 10.75 10.75 0 0 1 18.084 16.268",
+      stroke: "currentColor",
+      "stroke-width": 2,
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }),
+    T("path", {
+      d: "M14.084 14.158a3 3 0 0 1-4.242-4.242",
+      stroke: "currentColor",
+      "stroke-width": 2,
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }),
+    T("path", {
+      d: "M17.479 17.499A10.75 10.75 0 0 1 2.062 12 10.75 10.75 0 0 1 6.17 7.412",
+      stroke: "currentColor",
+      "stroke-width": 2,
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }),
+    T("path", {
+      d: "m2 2 20 20",
+      stroke: "currentColor",
+      "stroke-width": 2,
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    })
+  ], e.style);
+}, rn = (e) => {
+  const t = e.size ?? 24;
+  return te(t, "0 0 24 24", [
+    T("rect", {
+      x: 6,
+      y: 4,
+      width: 4,
+      height: 16,
+      rx: 1,
+      fill: "currentColor"
+    }),
+    T("rect", {
+      x: 14,
+      y: 4,
+      width: 4,
+      height: 16,
+      rx: 1,
+      fill: "currentColor"
+    })
+  ], e.style);
+}, cn = (e) => {
+  const t = e.size ?? 24;
+  return te(t, "0 0 24 24", [
+    T("path", {
+      d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
+      fill: "currentColor"
+    })
+  ], e.style);
+}, un = (e) => {
+  const t = e.size ?? 16;
+  return te(t, "0 0 24 24", [
+    T("path", { d: "M10.6504 5.81117C10.9939 4.39628 13.0061 4.39628 13.3496 5.81117C13.5715 6.72517 14.6187 7.15891 15.4219 6.66952C16.6652 5.91193 18.0881 7.33479 17.3305 8.57815C16.8411 9.38134 17.2748 10.4285 18.1888 10.6504C19.6037 10.9939 19.6037 13.0061 18.1888 13.3496C17.2748 13.5715 16.8411 14.6187 17.3305 15.4219C18.0881 16.6652 16.6652 18.0881 15.4219 17.3305C14.6187 16.8411 13.5715 17.2748 13.3496 18.1888C13.0061 19.6037 10.9939 19.6037 10.6504 18.1888C10.4285 17.2748 9.38135 16.8411 8.57815 17.3305C7.33479 18.0881 5.91193 16.6652 6.66952 15.4219C7.15891 14.6187 6.72517 13.5715 5.81117 13.3496C4.39628 13.0061 4.39628 10.9939 5.81117 10.6504C6.72517 10.4285 7.15891 9.38134 6.66952 8.57815C5.91193 7.33479 7.33479 5.91192 8.57815 6.66952C9.38135 7.15891 10.4285 6.72517 10.6504 5.81117Z", stroke: "currentColor", "stroke-width": 1.5, "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    T("circle", { cx: 12, cy: 12, r: 2.5, stroke: "currentColor", "stroke-width": 1.5 })
+  ], e.style);
+}, dn = (e) => {
+  const t = e.size ?? 18;
+  return te(t, "0 0 24 24", [
+    T("path", { d: "M9.25 7H14.75", stroke: "currentColor", "stroke-width": 1.5, "stroke-linecap": "round" }),
+    T("path", { d: "M8.89062 8.54688L11.25 14", stroke: "currentColor", "stroke-width": 1.5, "stroke-linecap": "round" }),
+    T("path", { d: "M15.1094 8.54688L12.75 14", stroke: "currentColor", "stroke-width": 1.5, "stroke-linecap": "round" }),
+    T("circle", { cx: 7, cy: 7, r: 2.25, stroke: "currentColor", "stroke-width": 1.5 }),
+    T("circle", { cx: 17, cy: 7, r: 2.25, stroke: "currentColor", "stroke-width": 1.5 }),
+    T("circle", { cx: 12, cy: 17, r: 2.25, stroke: "currentColor", "stroke-width": 1.5 })
+  ], e.style);
+}, pn = (e) => {
+  const t = e.size ?? 24;
+  return te(t, "0 0 24 24", [
+    T("path", { d: "M16.7198 6.21973C17.0127 5.92683 17.4874 5.92683 17.7803 6.21973C18.0732 6.51262 18.0732 6.9874 17.7803 7.28027L13.0606 12L17.7803 16.7197C18.0732 17.0126 18.0732 17.4874 17.7803 17.7803C17.4875 18.0731 17.0127 18.0731 16.7198 17.7803L12.0001 13.0605L7.28033 17.7803C6.98746 18.0731 6.51268 18.0731 6.21979 17.7803C5.92689 17.4874 5.92689 17.0126 6.21979 16.7197L10.9395 12L6.21979 7.28027C5.92689 6.98738 5.92689 6.51262 6.21979 6.21973C6.51268 5.92683 6.98744 5.92683 7.28033 6.21973L12.0001 10.9395L16.7198 6.21973Z", fill: "currentColor" })
+  ], e.style);
+}, vn = (e) => {
+  const t = e.size ?? 16;
+  return te(t, "0 0 20 20", [
+    T("path", { d: "M9.99999 12.7082C11.4958 12.7082 12.7083 11.4956 12.7083 9.99984C12.7083 8.50407 11.4958 7.2915 9.99999 7.2915C8.50422 7.2915 7.29166 8.50407 7.29166 9.99984C7.29166 11.4956 8.50422 12.7082 9.99999 12.7082Z", stroke: "currentColor", "stroke-width": 1.25, "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    T("path", { d: "M10 3.9585V5.05698", stroke: "currentColor", "stroke-width": 1.25, "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    T("path", { d: "M10 14.9429V16.0414", stroke: "currentColor", "stroke-width": 1.25, "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    T("path", { d: "M5.7269 5.72656L6.50682 6.50649", stroke: "currentColor", "stroke-width": 1.25, "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    T("path", { d: "M13.4932 13.4932L14.2731 14.2731", stroke: "currentColor", "stroke-width": 1.25, "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    T("path", { d: "M3.95834 10H5.05683", stroke: "currentColor", "stroke-width": 1.25, "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    T("path", { d: "M14.9432 10H16.0417", stroke: "currentColor", "stroke-width": 1.25, "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    T("path", { d: "M5.7269 14.2731L6.50682 13.4932", stroke: "currentColor", "stroke-width": 1.25, "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    T("path", { d: "M13.4932 6.50649L14.2731 5.72656", stroke: "currentColor", "stroke-width": 1.25, "stroke-linecap": "round", "stroke-linejoin": "round" })
+  ], e.style);
+}, hn = (e) => {
+  const t = e.size ?? 16;
+  return te(t, "0 0 20 20", [
+    T("path", { d: "M15.5 10.4955C15.4037 11.5379 15.0124 12.5314 14.3721 13.3596C13.7317 14.1878 12.8688 14.8165 11.8841 15.1722C10.8995 15.5278 9.83397 15.5957 8.81217 15.3679C7.79038 15.1401 6.8546 14.6259 6.11434 13.8857C5.37408 13.1454 4.85995 12.2096 4.63211 11.1878C4.40427 10.166 4.47215 9.10048 4.82781 8.11585C5.18346 7.13123 5.81218 6.26825 6.64039 5.62791C7.4686 4.98756 8.46206 4.59634 9.5045 4.5C8.89418 5.32569 8.60049 6.34302 8.67685 7.36695C8.75321 8.39087 9.19454 9.35339 9.92058 10.0794C10.6466 10.8055 11.6091 11.2468 12.6331 11.3231C13.657 11.3995 14.6743 11.1058 15.5 10.4955Z", stroke: "currentColor", "stroke-width": 1.13793, "stroke-linecap": "round", "stroke-linejoin": "round" })
+  ], e.style);
+}, De = (e) => {
+  const t = e.size ?? 14;
+  return te(t, "0 0 14 14", [
+    T("style", "@keyframes ag-check-draw{0%{stroke-dashoffset:12}to{stroke-dashoffset:0}}@keyframes ag-check-bounce{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.12);opacity:1}75%{transform:scale(.95)}to{transform:scale(1)}}"),
+    T("path", {
+      d: "M3.9375 7L6.125 9.1875L10.5 4.8125",
+      stroke: "currentColor",
+      "stroke-width": 1.5,
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      style: {
+        strokeDasharray: 12,
+        strokeDashoffset: 0,
+        transformOrigin: "center",
+        animation: "ag-check-draw 0.18s ease-out, ag-check-bounce 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)"
+      }
+    })
+  ], e.style);
+}, gn = (e) => {
+  const t = e.size ?? 16;
+  return te(t, "0 0 16 16", [
+    T("path", { d: "M4.5 3C3.67 3 3 3.67 3 4.5v2c0 .55-.45 1-1 1v1c.55 0 1 .45 1 1v2c0 .83.67 1.5 1.5 1.5", stroke: "currentColor", "stroke-width": 1.25, "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    T("path", { d: "M11.5 3c.83 0 1.5.67 1.5 1.5v2c0 .55.45 1 1 1v1c-.55 0-1 .45-1 1v2c0 .83-.67 1.5-1.5 1.5", stroke: "currentColor", "stroke-width": 1.25, "stroke-linecap": "round", "stroke-linejoin": "round" })
+  ], e.style);
+}, ze = (e) => {
+  const t = e.size ?? 20;
+  return te(t, "0 0 20 20", [
+    T("circle", { cx: 10, cy: 10.5, r: 5.25, stroke: "currentColor", "stroke-width": 1.25 }),
+    T("path", { d: "M8.5 8.75C8.5 7.92 9.17 7.25 10 7.25C10.83 7.25 11.5 7.92 11.5 8.75C11.5 9.58 10.83 10.25 10 10.25V11", stroke: "currentColor", "stroke-width": 1.25, "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    T("circle", { cx: 10, cy: 13, r: 0.75, fill: "currentColor" })
+  ], e.style);
+}, St = (e) => {
+  const t = e.size ?? 16;
+  return te(t, "0 0 16 16", [
+    T("path", { d: "M8.5 3.5L4 8L8.5 12.5", stroke: "currentColor", "stroke-width": 1.5, "stroke-linecap": "round", "stroke-linejoin": "round" })
+  ], e.style);
+}, Et = (e) => {
+  const t = e.size ?? 16;
+  return te(t, "0 0 16 16", [
+    T("path", { d: "M8.5 11.5L12 8L8.5 4.5", stroke: "currentColor", "stroke-width": 1.5, "stroke-linecap": "round", "stroke-linejoin": "round" })
+  ], e.style);
+}, fn = { class: "header" }, mn = ["aria-expanded"], yn = { class: "element-name" }, bn = {
+  key: 1,
+  class: "element-name"
+}, kn = {
+  key: 0,
+  class: "source-file"
+}, wn = {
+  key: 1,
+  class: "workflow-summary"
+}, Cn = { class: "status-row" }, xn = ["data-status"], _n = {
+  key: 0,
+  class: "thread-count"
+}, Sn = {
+  key: 0,
+  class: "thread-block"
+}, En = { class: "thread-title" }, An = { class: "thread-list" }, Mn = ["data-role"], Ln = { class: "thread-meta" }, Tn = { class: "thread-content" }, Pn = { class: "styles-inner" }, $n = { class: "styles-block" }, Dn = { class: "style-property" }, In = { class: "style-value" }, On = {
+  key: 3,
+  class: "quote"
+}, Fn = ["placeholder"], Hn = { class: "actions" }, Rn = { class: "delete-wrapper" }, zn = ["title", "aria-label"], Nn = ["disabled"], jn = /* @__PURE__ */ Ce({
+  __name: "AnnotationPopover",
+  setup(e) {
+    const t = ee(Ge, "annotations store"), o = ee(Xe, "selection state"), n = ee(qe, "overlay state"), l = ee(Ze, "settings state"), i = ee(Qe, "i18n state"), r = K(""), s = K(!1), f = K(!1), m = K(null), y = C(() => i.messages), u = C(() => o.selected), A = C(() => n.popoverPosition), b = C(() => n.editingAnnotation), x = C(
+      () => n.popoverVisible && u.value !== null && A.value !== null && !b.value
+    ), P = C(
+      () => n.popoverVisible && b.value !== null && A.value !== null
+    ), J = C(() => x.value || P.value), G = C(() => {
+      var p;
+      return B(b.value) || (p = u.value) != null && p.isMultiSelect ? "#34C759" : l.annotationColor;
+    }), oe = C(() => {
+      const p = A.value;
+      if (p)
+        return {
+          top: `${p.top}px`,
+          left: `${p.left}px`,
+          "--ag-popover-accent": G.value
+        };
+    }), N = C(() => {
+      var p;
+      return b.value ? b.value.elementSelector : ((p = u.value) == null ? void 0 : p.elementName) ?? "";
+    }), R = C(() => {
+      var p;
+      if (!l.componentSourceEnabled) return "";
+      if (b.value) {
+        const M = b.value.source;
+        return M.file ? M.line ? `${M.file}:${M.line}` : M.file : "";
+      }
+      return (p = u.value) != null && p.source.file ? u.value.source.line ? `${u.value.source.file}:${u.value.source.line}` : u.value.source.file : "";
+    }), j = C(() => {
+      var p, M;
+      return ((p = b.value) == null ? void 0 : p.elementText) ?? ((M = u.value) == null ? void 0 : M.selectedText) ?? "";
+    }), Q = C(() => {
+      var p;
+      return ((p = b.value) == null ? void 0 : p.thread) ?? [];
+    }), ne = C(
+      () => {
+        var p;
+        return ((p = b.value) == null ? void 0 : p.status) ?? "pending";
+      }
+    ), h = C(() => he(ne.value)), I = C(() => k(ne.value)), W = C(() => {
+      var M;
+      if (b.value)
+        return z(b.value);
+      const p = (M = u.value) == null ? void 0 : M.element;
+      if (p)
+        return gt(Dt(p));
+    }), H = C(() => Object.entries(W.value ?? {})), X = C(() => H.value.length > 0);
+    let L = null;
+    re(
+      [J, () => {
+        var p;
+        return (p = b.value) == null ? void 0 : p.id;
+      }, () => {
+        var p;
+        return (p = u.value) == null ? void 0 : p.element;
+      }],
+      async ([p]) => {
+        var M;
+        if (!p) {
+          r.value = "", s.value = !1;
+          return;
+        }
+        r.value = ((M = b.value) == null ? void 0 : M.comment) ?? "", s.value = !1, await Ye(), ie();
+      },
+      { immediate: !0 }
+    ), re(
+      () => n.shakeTick ?? 0,
+      (p, M) => {
+        J.value && p !== M && Me();
+      }
+    ), Mt(() => {
+      L && window.clearTimeout(L);
+    });
+    function V() {
+      const p = r.value.trim();
+      if (p) {
+        if (b.value)
+          try {
+            t.updateAnnotation(b.value.id, p);
+          } catch (M) {
+            console.warn("[agentation] Failed to update annotation:", M);
+            return;
+          }
+        else {
+          const M = u.value;
+          if (!M) return;
+          try {
+            t.saveAnnotation(p, M);
+          } catch (Y) {
+            console.warn("[agentation] Failed to save annotation:", Y);
+            return;
+          }
+        }
+        ae();
+      }
+    }
+    function c() {
+      b.value && (t.removeAnnotation(b.value.id), ae());
+    }
+    function ae() {
+      r.value = "", s.value = !1, o.clearSelection(), n.hidePopover();
+    }
+    function ie() {
+      const p = m.value;
+      p && (p.focus(), p.selectionStart = p.selectionEnd = p.value.length, p.scrollTop = p.scrollHeight);
+    }
+    function Me() {
+      L && window.clearTimeout(L), f.value = !1, Ye(() => {
+        f.value = !0, L = Ee(() => {
+          f.value = !1, ie(), L = null;
+        }, 250);
+      });
+    }
+    function Le(p) {
+      p.isComposing || (p.key === "Enter" && !p.shiftKey && (p.preventDefault(), V()), p.key === "Escape" && (p.preventDefault(), ae()));
+    }
+    function he(p) {
+      switch (p) {
+        case "acknowledged":
+          return y.value.workflow.statusAcknowledged;
+        case "resolved":
+          return y.value.workflow.statusResolved;
+        case "dismissed":
+          return y.value.workflow.statusDismissed;
+        default:
+          return y.value.workflow.statusPending;
+      }
+    }
+    function k(p) {
+      switch (p) {
+        case "acknowledged":
+        case "resolved":
+        case "dismissed":
+          return p;
+        default:
+          return "pending";
+      }
+    }
+    function D(p) {
+      return p === "agent" ? y.value.workflow.roleAgent : y.value.workflow.roleHuman;
+    }
+    function F(p) {
+      const M = typeof p == "number" ? new Date(p) : new Date(p);
+      return Number.isNaN(M.getTime()) ? "" : new Intl.DateTimeFormat(void 0, {
+        month: "short",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
+      }).format(M);
+    }
+    function B(p) {
+      const M = p == null ? void 0 : p.metadata;
+      return (M == null ? void 0 : M.isMultiSelect) === !0;
+    }
+    function z(p) {
+      const M = p.metadata, Y = M == null ? void 0 : M.computedStyles;
+      if (typeof Y == "string")
+        return gt(Y);
+      if (Y && typeof Y == "object")
+        return Object.fromEntries(
+          Object.entries(Y).filter((me) => typeof me[1] == "string")
+        );
+    }
+    return (p, M) => (w(), se(be, { name: "popover" }, {
+      default: le(() => [
+        J.value ? (w(), $("div", {
+          key: 0,
+          class: g(["popover", { light: !d(l).darkMode, shaking: f.value }]),
+          style: q(oe.value),
+          "data-annotation-popup": "",
+          onClick: M[2] || (M[2] = ce(() => {
+          }, ["stop"]))
+        }, [
+          a("div", fn, [
+            X.value ? (w(), $("button", {
+              key: 0,
+              class: "header-toggle",
+              type: "button",
+              "aria-expanded": s.value,
+              onClick: M[0] || (M[0] = (Y) => s.value = !s.value)
+            }, [
+              (w(), $("svg", {
+                class: g(["chevron", { expanded: s.value }]),
+                width: "14",
+                height: "14",
+                viewBox: "0 0 14 14",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [...M[3] || (M[3] = [
+                a("path", {
+                  d: "M5.5 10.25L9 7.25L5.75 4",
+                  stroke: "currentColor",
+                  "stroke-width": "1.5",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, null, -1)
+              ])], 2)),
+              a("span", yn, E(N.value), 1)
+            ], 8, mn)) : (w(), $("span", bn, E(N.value), 1))
+          ]),
+          R.value ? (w(), $("div", kn, E(R.value), 1)) : Z("", !0),
+          b.value ? (w(), $("div", wn, [
+            a("div", Cn, [
+              a("span", {
+                class: "status-pill",
+                "data-status": I.value
+              }, E(h.value), 9, xn),
+              Q.value.length ? (w(), $("span", _n, E(y.value.workflow.replyCount(Q.value.length)), 1)) : Z("", !0)
+            ]),
+            Q.value.length ? (w(), $("div", Sn, [
+              a("div", En, E(y.value.workflow.thread), 1),
+              a("div", An, [
+                (w(!0), $(ue, null, de(Q.value.slice(-4), (Y) => (w(), $("div", {
+                  key: Y.id,
+                  class: "thread-item",
+                  "data-role": Y.role
+                }, [
+                  a("div", Ln, [
+                    a("span", null, E(D(Y.role)), 1),
+                    a("span", null, E(F(Y.timestamp)), 1)
+                  ]),
+                  a("div", Tn, E(Y.content), 1)
+                ], 8, Mn))), 128))
+              ])
+            ])) : Z("", !0)
+          ])) : Z("", !0),
+          X.value ? (w(), $("div", {
+            key: 2,
+            class: g(["styles-wrapper", { expanded: s.value }])
+          }, [
+            a("div", Pn, [
+              a("div", $n, [
+                (w(!0), $(ue, null, de(H.value, ([Y, me]) => (w(), $("div", {
+                  key: Y,
+                  class: "style-line"
+                }, [
+                  a("span", Dn, E(Y), 1),
+                  M[4] || (M[4] = Ke(" : ", -1)),
+                  a("span", In, E(me), 1),
+                  M[5] || (M[5] = Ke("; ", -1))
+                ]))), 128))
+              ])
+            ])
+          ], 2)) : Z("", !0),
+          j.value ? (w(), $("div", On, " “" + E(j.value.slice(0, 80)) + E(j.value.length > 80 ? "..." : "") + "” ", 1)) : Z("", !0),
+          co(a("textarea", {
+            ref_key: "textareaRef",
+            ref: m,
+            "onUpdate:modelValue": M[1] || (M[1] = (Y) => r.value = Y),
+            class: "textarea",
+            rows: "2",
+            placeholder: b.value ? y.value.popover.editPlaceholder : y.value.popover.createPlaceholder,
+            onKeydown: Le
+          }, null, 40, Fn), [
+            [uo, r.value]
+          ]),
+          a("div", Hn, [
+            a("div", Rn, [
+              b.value ? (w(), $("button", {
+                key: 0,
+                class: "delete-button",
+                type: "button",
+                title: y.value.popover.deleteAnnotation,
+                "aria-label": y.value.popover.deleteAnnotation,
+                onClick: c
+              }, [
+                O(d(Bt), { size: 22 })
+              ], 8, zn)) : Z("", !0)
+            ]),
+            a("button", {
+              class: "btn-ghost",
+              type: "button",
+              onClick: ae
+            }, E(y.value.popover.cancel), 1),
+            a("button", {
+              class: "btn-primary",
+              type: "button",
+              disabled: !r.value.trim(),
+              style: q({ backgroundColor: G.value }),
+              onClick: V
+            }, E(b.value ? y.value.popover.update : y.value.popover.save), 13, Nn)
+          ])
+        ], 6)) : Z("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), xe = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [n, l] of t)
+    o[n] = l;
+  return o;
+}, Un = /* @__PURE__ */ xe(jn, [["__scopeId", "data-v-b471fb94"]]), Vn = {
+  key: 0,
+  class: "drag-selection-layer",
+  "aria-hidden": "true"
+}, Bn = /* @__PURE__ */ Ce({
+  __name: "DragSelectionLayer",
+  setup(e) {
+    const t = ee(ct, "area selection state"), o = C(() => {
+      const l = t.rect;
+      return l ? {
+        top: `${l.top}px`,
+        left: `${l.left}px`,
+        width: `${l.width}px`,
+        height: `${l.height}px`
+      } : null;
+    }), n = C(() => t.active ? t.matched.filter((l) => document.contains(l.element)).map((l, i) => {
+      const r = l.element.getBoundingClientRect();
+      return { key: `match-${i}`, top: r.top, left: r.left, width: r.width, height: r.height };
+    }).filter((l) => l.width > 0 && l.height > 0) : []);
+    return (l, i) => d(t).active && o.value ? (w(), $("div", Vn, [
+      (w(!0), $(ue, null, de(n.value, (r) => (w(), $("div", {
+        key: r.key,
+        class: "matched-box",
+        style: q({ top: `${r.top}px`, left: `${r.left}px`, width: `${r.width}px`, height: `${r.height}px` })
+      }, null, 4))), 128)),
+      a("div", {
+        class: "selection-rect",
+        style: q(o.value)
+      }, null, 4)
+    ])) : Z("", !0);
+  }
+}), Wn = /* @__PURE__ */ xe(Bn, [["__scopeId", "data-v-e50b5320"]]), Yn = {
+  class: "highlight-layer",
+  "aria-hidden": "true"
+}, Kn = /* @__PURE__ */ Ce({
+  __name: "HighlightLayer",
+  setup(e) {
+    const t = ee(Xe, "selection state"), o = ee(ct, "area selection state"), n = we({
+      boxes: []
+    }), l = C(
+      () => n.boxes.map((r) => ({
+        ...r,
+        style: {
+          top: `${r.top}px`,
+          left: `${r.left}px`,
+          width: `${r.width}px`,
+          height: `${r.height}px`
+        }
+      }))
+    );
+    re(
+      () => [t.hovered, t.selected, o.active],
+      () => i(),
+      { immediate: !0 }
+    ), ke(() => {
+      window.addEventListener("scroll", i, !0), window.addEventListener("resize", i);
+    }), Ae(() => {
+      window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i);
+    });
+    function i() {
+      var m, y;
+      if (o.active) {
+        n.boxes = [];
+        return;
+      }
+      const r = t.selected;
+      if ((m = r == null ? void 0 : r.multiSelectElements) != null && m.length) {
+        const u = r.multiSelectElements.filter((A) => document.contains(A)).map((A, b) => {
+          const x = A.getBoundingClientRect();
+          return x.width > 0 && x.height > 0 ? { key: `selected-${b}`, isSelected: !0, top: x.top, left: x.left, width: x.width, height: x.height } : null;
+        }).filter((A) => A !== null);
+        if (u.length > 0) {
+          n.boxes = u;
+          return;
+        }
+      }
+      if (r != null && r.isMultiSelect && ((y = r.elementBoundingBoxes) != null && y.length)) {
+        n.boxes = r.elementBoundingBoxes.map((u, A) => ({
+          key: `selected-${A}`,
+          isSelected: !0,
+          top: u.y - window.scrollY,
+          left: u.x - window.scrollX,
+          width: u.width,
+          height: u.height
+        })).filter((u) => u.width > 0 && u.height > 0);
+        return;
+      }
+      const s = r ?? t.hovered;
+      if (!s) {
+        n.boxes = [];
+        return;
+      }
+      const f = s.element.getBoundingClientRect();
+      if (f.width <= 0 && f.height <= 0) {
+        n.boxes = [];
+        return;
+      }
+      n.boxes = [{
+        key: r ? "selected" : "hovered",
+        isSelected: r !== null,
+        top: f.top,
+        left: f.left,
+        width: f.width,
+        height: f.height
+      }];
+    }
+    return (r, s) => (w(), $("div", Yn, [
+      O(Lt, { name: "highlight" }, {
+        default: le(() => [
+          (w(!0), $(ue, null, de(l.value, (f) => (w(), $("div", {
+            key: f.key,
+            class: g(["highlight-box", { selected: f.isSelected }]),
+            style: q(f.style)
+          }, null, 6))), 128))
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), Jn = /* @__PURE__ */ xe(Kn, [["__scopeId", "data-v-a77aeda9"]]), Gn = {
+  key: 0,
+  class: "marker-layer",
+  "aria-hidden": "true",
+  "data-annotation-marker": ""
+}, Xn = ["aria-label", "onClick", "onMouseenter"], qn = {
+  key: 0,
+  class: "tooltip"
+}, Zn = { class: "tooltip-element" }, Qn = { class: "tooltip-meta" }, ea = ["data-status"], ta = {
+  key: 0,
+  class: "tooltip-thread"
+}, oa = { class: "tooltip-comment" }, na = { class: "tooltip-hint" }, aa = /* @__PURE__ */ Ce({
+  __name: "MarkerLayer",
+  setup(e) {
+    const t = ee(Ge, "annotations store"), o = ee(qe, "overlay state"), n = ee(Ze, "settings state"), l = ee(Qe, "i18n state"), i = K(null), r = C(() => l.messages), s = K(0), f = we({
+      x: window.scrollX,
+      y: window.scrollY
+    }), m = C(() => n.showMarkers), y = C(() => n.annotationColor || "#3c82f7"), u = C(() => (s.value, t.annotations.map((I, W) => {
+      const H = I.metadata;
+      if (H != null && H.isMultiSelect) {
+        const V = h(I);
+        return V ? {
+          id: I.id,
+          number: W + 1,
+          top: V.y - f.y,
+          left: V.x + V.width / 2 - f.x,
+          annotation: I
+        } : null;
+      }
+      const X = $o(I);
+      if (!X) return null;
+      const L = X.getBoundingClientRect();
+      return {
+        id: I.id,
+        number: W + 1,
+        top: L.top,
+        left: L.left + L.width / 2,
+        annotation: I
+      };
+    }).filter((I) => I !== null)));
+    let A = null, b = null, x = null;
+    ke(() => {
+      window.addEventListener("scroll", P, !0), window.addEventListener("resize", P), document.addEventListener("load", P, !0), document.addEventListener("transitionend", P, !0), document.addEventListener("animationend", P, !0), typeof ResizeObserver < "u" && (b = new ResizeObserver(() => P()), b.observe(document.documentElement), document.body && b.observe(document.body)), x = new MutationObserver(() => P()), x.observe(document.documentElement, {
+        subtree: !0,
+        childList: !0,
+        characterData: !0
+      }), x.observe(document.documentElement, {
+        attributes: !0,
+        attributeFilter: ["class", "style"]
+      }), document.body && x.observe(document.body, {
+        attributes: !0,
+        attributeFilter: ["class", "style"]
+      }), P();
+    }), Ae(() => {
+      window.removeEventListener("scroll", P, !0), window.removeEventListener("resize", P), document.removeEventListener("load", P, !0), document.removeEventListener("transitionend", P, !0), document.removeEventListener("animationend", P, !0), b == null || b.disconnect(), x == null || x.disconnect(), A !== null && window.cancelAnimationFrame(A);
+    });
+    function P() {
+      A === null && (A = window.requestAnimationFrame(() => {
+        A = null, J();
+      }));
+    }
+    function J() {
+      f.x = window.scrollX, f.y = window.scrollY, s.value += 1;
+    }
+    function G(I) {
+      i.value = I;
+    }
+    function oe() {
+      i.value = null;
+    }
+    function N(I, W) {
+      W.stopPropagation(), i.value = null;
+      const X = W.currentTarget.getBoundingClientRect();
+      o.showEditPopover(I.annotation, X);
+    }
+    function R(I, W = 72) {
+      return I.length > W ? `${I.slice(0, W)}…` : I;
+    }
+    function j(I) {
+      return I.status ?? "pending";
+    }
+    function Q(I) {
+      switch (j(I)) {
+        case "acknowledged":
+          return r.value.workflow.statusAcknowledged;
+        case "resolved":
+          return r.value.workflow.statusResolved;
+        case "dismissed":
+          return r.value.workflow.statusDismissed;
+        default:
+          return r.value.workflow.statusPending;
+      }
+    }
+    function ne(I) {
+      switch (j(I)) {
+        case "acknowledged":
+          return "#0ea5e9";
+        case "resolved":
+          return "#22c55e";
+        case "dismissed":
+          return "#94a3b8";
+        default:
+          return y.value;
+      }
+    }
+    function h(I) {
+      var W;
+      return (W = I.metadata) == null ? void 0 : W.boundingBox;
+    }
+    return (I, W) => m.value ? (w(), $("div", Gn, [
+      O(Lt, { name: "marker" }, {
+        default: le(() => [
+          (w(!0), $(ue, null, de(u.value, (H) => (w(), $("div", {
+            key: H.id,
+            class: "marker-wrapper",
+            style: q({ top: `${H.top}px`, left: `${H.left}px` })
+          }, [
+            a("button", {
+              class: g(["marker-dot", [{ hovered: i.value === H.id }, `status-${j(H.annotation)}`]]),
+              style: q({ backgroundColor: i.value === H.id ? "#ff3b30" : ne(H.annotation) }),
+              type: "button",
+              "aria-label": r.value.marker.annotationAria(H.number),
+              onClick: ce((X) => N(H, X), ["stop"]),
+              onMouseenter: (X) => G(H.id),
+              onMouseleave: oe
+            }, E(H.number), 47, Xn),
+            O(be, { name: "tooltip" }, {
+              default: le(() => {
+                var X;
+                return [
+                  i.value === H.id ? (w(), $("div", qn, [
+                    a("div", Zn, E(H.annotation.elementSelector), 1),
+                    a("div", Qn, [
+                      a("span", {
+                        class: "tooltip-status",
+                        "data-status": j(H.annotation)
+                      }, E(Q(H.annotation)), 9, ea),
+                      (X = H.annotation.thread) != null && X.length ? (w(), $("span", ta, E(r.value.workflow.replyCount(H.annotation.thread.length)), 1)) : Z("", !0)
+                    ]),
+                    a("div", oa, E(R(H.annotation.comment)), 1),
+                    a("div", na, E(r.value.marker.clickToEdit), 1)
+                  ])) : Z("", !0)
+                ];
+              }),
+              _: 2
+            }, 1024)
+          ], 4))), 128))
+        ]),
+        _: 1
+      })
+    ])) : Z("", !0);
+  }
+}), sa = /* @__PURE__ */ xe(aa, [["__scopeId", "data-v-794e4bbb"]]), Wt = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const la = Object.prototype.toString, ra = (e) => la.call(e) === "[object Object]";
+function lt(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function ia(e, t = {}) {
+  if (!po(e)) return vo(e);
+  const o = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
+  for (const n in e.value) o[n] = ho(() => ({
+    get() {
+      return e.value[n];
+    },
+    set(l) {
+      var i;
+      if (!((i = U(t.replaceRef)) !== null && i !== void 0) || i) if (Array.isArray(e.value)) {
+        const r = [...e.value];
+        r[n] = l, e.value = r;
+      } else {
+        const r = {
+          ...e.value,
+          [n]: l
+        };
+        Object.setPrototypeOf(r, Object.getPrototypeOf(e.value)), e.value = r;
+      }
+      else e.value[n] = l;
+    }
+  }));
+  return o;
+}
+function ca(e, t, o) {
+  return re(e, t, {
+    ...o,
+    immediate: !0
+  });
+}
+const Yt = Wt ? window : void 0;
+function ua(e) {
+  var t;
+  const o = U(e);
+  return (t = o == null ? void 0 : o.$el) !== null && t !== void 0 ? t : o;
+}
+function rt(...e) {
+  const t = (n, l, i, r) => (n.addEventListener(l, i, r), () => n.removeEventListener(l, i, r)), o = C(() => {
+    const n = lt(U(e[0])).filter((l) => l != null);
+    return n.every((l) => typeof l != "string") ? n : void 0;
+  });
+  return ca(() => {
+    var n, l;
+    return [
+      (n = (l = o.value) === null || l === void 0 ? void 0 : l.map((i) => ua(i))) !== null && n !== void 0 ? n : [Yt].filter((i) => i != null),
+      lt(U(o.value ? e[1] : e[0])),
+      lt(d(o.value ? e[2] : e[1])),
+      U(o.value ? e[3] : e[2])
+    ];
+  }, ([n, l, i, r], s, f) => {
+    if (!(n != null && n.length) || !(l != null && l.length) || !(i != null && i.length)) return;
+    const m = ra(r) ? { ...r } : r, y = n.flatMap((u) => l.flatMap((A) => i.map((b) => t(u, A, b, m))));
+    f(() => {
+      y.forEach((u) => u());
+    });
+  }, { flush: "post" });
+}
+const Ne = {
+  speed: 2,
+  margin: 30,
+  direction: "both"
+};
+function da(e) {
+  e.scrollLeft > e.scrollWidth - e.clientWidth && (e.scrollLeft = Math.max(0, e.scrollWidth - e.clientWidth)), e.scrollTop > e.scrollHeight - e.clientHeight && (e.scrollTop = Math.max(0, e.scrollHeight - e.clientHeight));
+}
+function pa(e, t = {}) {
+  var o, n, l, i;
+  const { pointerTypes: r, preventDefault: s, stopPropagation: f, exact: m, onMove: y, onEnd: u, onStart: A, initialValue: b, axis: x = "both", draggingElement: P = Yt, containerElement: J, handle: G = e, buttons: oe = [0], restrictInView: N, autoScroll: R = !1 } = t, j = K((o = U(b)) !== null && o !== void 0 ? o : {
+    x: 0,
+    y: 0
+  }), Q = K(), ne = (k) => r ? r.includes(k.pointerType) : !0, h = (k) => {
+    U(s) && k.preventDefault(), U(f) && k.stopPropagation();
+  }, I = U(R), W = typeof I == "object" ? {
+    speed: (n = U(I.speed)) !== null && n !== void 0 ? n : Ne.speed,
+    margin: (l = U(I.margin)) !== null && l !== void 0 ? l : Ne.margin,
+    direction: (i = I.direction) !== null && i !== void 0 ? i : Ne.direction
+  } : Ne, H = (k) => typeof k == "number" ? [k, k] : [k.x, k.y], X = (k, D, F) => {
+    const { clientWidth: B, clientHeight: z, scrollLeft: p, scrollTop: M, scrollWidth: Y, scrollHeight: me } = k, [Oe, ye] = H(W.margin), [ge, Te] = H(W.speed);
+    let _e = 0, Se = 0;
+    (W.direction === "x" || W.direction === "both") && (F.x < Oe && p > 0 ? _e = -ge : F.x + D.width > B - Oe && p < Y - B && (_e = ge)), (W.direction === "y" || W.direction === "both") && (F.y < ye && M > 0 ? Se = -Te : F.y + D.height > z - ye && M < me - z && (Se = Te)), (_e || Se) && k.scrollBy({
+      left: _e,
+      top: Se,
+      behavior: "auto"
+    });
+  };
+  let L = null;
+  const V = () => {
+    const k = U(J);
+    k && !L && (L = setInterval(() => {
+      const D = U(e).getBoundingClientRect(), { x: F, y: B } = j.value, z = {
+        x: F - k.scrollLeft,
+        y: B - k.scrollTop
+      };
+      z.x >= 0 && z.y >= 0 && (X(k, D, z), z.x += k.scrollLeft, z.y += k.scrollTop, j.value = z);
+    }, 1e3 / 60));
+  }, c = () => {
+    L && (clearInterval(L), L = null);
+  }, ae = (k, D, F, B) => {
+    const [z, p] = typeof F == "number" ? [F, F] : [F.x, F.y], { clientWidth: M, clientHeight: Y } = D;
+    return k.x < z || k.x + B.width > M - z || k.y < p || k.y + B.height > Y - p;
+  }, ie = () => {
+    if (U(t.disabled) || !Q.value) return;
+    const k = U(J);
+    if (!k) return;
+    const D = U(e).getBoundingClientRect(), { x: F, y: B } = j.value;
+    ae({
+      x: F - k.scrollLeft,
+      y: B - k.scrollTop
+    }, k, W.margin, D) ? V() : c();
+  };
+  U(R) && re(j, ie);
+  const Me = (k) => {
+    var D;
+    if (!U(oe).includes(k.button) || U(t.disabled) || !ne(k) || U(m) && k.target !== U(e)) return;
+    const F = U(J), B = F == null || (D = F.getBoundingClientRect) === null || D === void 0 ? void 0 : D.call(F), z = U(e).getBoundingClientRect(), p = {
+      x: k.clientX - (F ? z.left - B.left + (R ? 0 : F.scrollLeft) : z.left),
+      y: k.clientY - (F ? z.top - B.top + (R ? 0 : F.scrollTop) : z.top)
+    };
+    (A == null ? void 0 : A(p, k)) !== !1 && (Q.value = p, h(k));
+  }, Le = (k) => {
+    if (U(t.disabled) || !ne(k) || !Q.value) return;
+    const D = U(J);
+    D instanceof HTMLElement && da(D);
+    const F = U(e).getBoundingClientRect();
+    let { x: B, y: z } = j.value;
+    if ((x === "x" || x === "both") && (B = k.clientX - Q.value.x, D && (B = Math.min(Math.max(0, B), D.scrollWidth - F.width))), (x === "y" || x === "both") && (z = k.clientY - Q.value.y, D && (z = Math.min(Math.max(0, z), D.scrollHeight - F.height))), U(R) && D && (L === null && X(D, F, {
+      x: B,
+      y: z
+    }), B += D.scrollLeft, z += D.scrollTop), D && (N || R)) {
+      if (x !== "y") {
+        const p = B - D.scrollLeft;
+        p < 0 ? B = D.scrollLeft : p > D.clientWidth - F.width && (B = D.clientWidth - F.width + D.scrollLeft);
+      }
+      if (x !== "x") {
+        const p = z - D.scrollTop;
+        p < 0 ? z = D.scrollTop : p > D.clientHeight - F.height && (z = D.clientHeight - F.height + D.scrollTop);
+      }
+    }
+    j.value = {
+      x: B,
+      y: z
+    }, y == null || y(j.value, k), h(k);
+  }, he = (k) => {
+    U(t.disabled) || !ne(k) || Q.value && (Q.value = void 0, R && c(), u == null || u(j.value, k), h(k));
+  };
+  if (Wt) {
+    const k = () => {
+      var D;
+      return {
+        capture: (D = t.capture) !== null && D !== void 0 ? D : !0,
+        passive: !U(s)
+      };
+    };
+    rt(G, "pointerdown", Me, k), rt(P, "pointermove", Le, k), rt(P, "pointerup", he, k);
+  }
+  return {
+    ...ia(j),
+    position: j,
+    isDragging: C(() => !!Q.value),
+    style: C(() => `
+      left: ${j.value.x}px;
+      top: ${j.value.y}px;
+      ${R ? "text-wrap: nowrap;" : ""}
+    `)
+  };
+}
+const Kt = "agentation-vue-toolbar-position";
+function va(e = {}) {
+  const t = e.padding ?? 20, o = e.toolbarHeight ?? 44, n = e.dragThreshold ?? 5, l = go(null), i = K(!1), r = K(!1), s = K(!1);
+  let f = null, m = 297, y = 44;
+  function u() {
+    const L = l.value;
+    if (!L) return;
+    m = L.offsetWidth || m;
+    const V = L.querySelector(".toolbar-container");
+    V && (y = V.offsetWidth || y);
+  }
+  function A(L) {
+    if (typeof window > "u") return L;
+    const V = Math.max(0, m - y), c = t - V, ae = window.innerWidth - m - t, ie = window.innerHeight - o - t;
+    return {
+      x: Math.max(c, Math.min(Math.max(c, ae), L.x)),
+      y: Math.max(t, Math.min(Math.max(t, ie), L.y))
+    };
+  }
+  const b = "agentation-dragging";
+  function x() {
+    document.documentElement.classList.add(b);
+  }
+  function P() {
+    document.documentElement.classList.remove(b);
+  }
+  function J(L) {
+    return L instanceof Element && !!L.closest("button, input, textarea, select, [data-no-drag]");
+  }
+  const G = ha();
+  G && (i.value = !0);
+  const oe = G ? typeof window < "u" ? A(G) : G : { x: 0, y: 0 }, { x: N, y: R } = pa(l, {
+    initialValue: oe,
+    preventDefault: !0,
+    onStart(L, V) {
+      if (V.pointerType === "mouse" && V.button !== 0 || J(V.target)) return !1;
+      const c = l.value;
+      if (!c) return !1;
+      if (u(), s.value = !1, !i.value) {
+        const ae = c.getBoundingClientRect();
+        N.value = ae.left, R.value = ae.top, i.value = !0;
+      }
+      f = {
+        pointerX: V.clientX,
+        pointerY: V.clientY,
+        startX: N.value,
+        startY: R.value
+      };
+    },
+    onMove(L, V) {
+      if (!f) return;
+      if (!r.value) {
+        const ae = V.clientX - f.pointerX, ie = V.clientY - f.pointerY;
+        if (ae * ae + ie * ie <= n * n) {
+          N.value = f.startX, R.value = f.startY;
+          return;
+        }
+        r.value = !0, x();
+      }
+      const c = A(L);
+      N.value = c.x, R.value = c.y;
+    },
+    onEnd() {
+      f && r.value && (je({ x: N.value, y: R.value }), s.value = !0, P()), r.value = !1, f = null;
+    }
+  }), j = C(() => i.value ? { x: N.value, y: R.value } : null), Q = C(() => {
+    if (i.value)
+      return {
+        left: `${N.value}px`,
+        top: `${R.value}px`,
+        right: "auto",
+        bottom: "auto"
+      };
+  });
+  function ne() {
+    f && r.value && (je({ x: N.value, y: R.value }), s.value = !0, P()), r.value = !1, f = null;
+  }
+  function h() {
+    if (u(), r.value || !i.value) return;
+    const L = A({ x: N.value, y: R.value });
+    N.value = L.x, R.value = L.y, je(L);
+  }
+  function I() {
+    if (u(), !i.value) return;
+    const L = A({ x: N.value, y: R.value });
+    N.value = L.x, R.value = L.y, je(L);
+  }
+  function W(L) {
+    l.value !== L && (l.value = L, u());
+  }
+  function H(L) {
+  }
+  function X() {
+    const L = s.value;
+    return s.value = !1, L;
+  }
+  return ke(() => {
+    if (u(), i.value) {
+      const L = A({ x: N.value, y: R.value });
+      N.value = L.x, R.value = L.y;
+    }
+    window.addEventListener("resize", h), window.addEventListener("blur", ne);
+  }), Ae(() => {
+    r.value && P(), r.value = !1, f = null, window.removeEventListener("resize", h), window.removeEventListener("blur", ne);
+  }), {
+    position: j,
+    isDragging: r,
+    justFinishedDrag: s,
+    toolbarStyle: Q,
+    bindToolbarRef: W,
+    onMouseDown: H,
+    consumeJustFinishedDrag: X,
+    syncConstraints: I
+  };
+}
+function ha() {
+  if (typeof window > "u") return null;
+  try {
+    const e = window.localStorage.getItem(Kt);
+    if (!e) return null;
+    const t = JSON.parse(e);
+    return typeof t.x != "number" || typeof t.y != "number" ? null : { x: t.x, y: t.y };
+  } catch {
+    return null;
+  }
+}
+function je(e) {
+  if (!(typeof window > "u"))
+    try {
+      window.localStorage.setItem(Kt, JSON.stringify(e));
+    } catch {
+    }
+}
+const ga = /* @__PURE__ */ Ce({
+  __name: "AgTooltip",
+  props: {
+    content: {}
+  },
+  setup(e) {
+    const t = K(!1), o = K({ top: 0, left: 0 }), n = K(null);
+    let l = null;
+    function i(s) {
+      var m;
+      const f = (m = s.currentTarget) == null ? void 0 : m.firstElementChild;
+      n.value = f, l = Ee(() => {
+        if (!n.value) return;
+        const y = n.value.getBoundingClientRect();
+        o.value = {
+          top: y.top + y.height / 2,
+          left: y.left - 8
+        }, t.value = !0;
+      }, 500);
+    }
+    function r() {
+      l && (clearTimeout(l), l = null), t.value = !1, n.value = null;
+    }
+    return Mt(() => {
+      l && clearTimeout(l);
+    }), (s, f) => (w(), $("span", {
+      class: "ag-tooltip-trigger",
+      onMouseenter: i,
+      onMouseleave: r
+    }, [
+      fo(s.$slots, "default", {}, void 0, !0),
+      (w(), se(Tt, { to: "body" }, [
+        O(be, { name: "ag-tooltip" }, {
+          default: le(() => [
+            t.value ? (w(), $("div", {
+              key: 0,
+              "data-feedback-toolbar": "",
+              style: q({
+                position: "fixed",
+                top: `${o.value.top}px`,
+                left: `${o.value.left}px`,
+                transform: "translate(-100%, -50%)",
+                zIndex: 100010,
+                maxWidth: "180px",
+                padding: "6px 10px",
+                borderRadius: "8px",
+                background: "#383838",
+                color: "rgba(255, 255, 255, 0.9)",
+                fontSize: "11px",
+                lineHeight: "1.4",
+                fontFamily: "system-ui, -apple-system, sans-serif",
+                fontWeight: "400",
+                letterSpacing: "-0.01em",
+                boxShadow: "0 4px 12px rgba(0, 0, 0, 0.3)",
+                pointerEvents: "none",
+                whiteSpace: "normal"
+              })
+            }, E(e.content), 5)) : Z("", !0)
+          ]),
+          _: 1
+        })
+      ]))
+    ], 32));
+  }
+}), Ue = /* @__PURE__ */ xe(ga, [["__scopeId", "data-v-5bd9e12a"]]), fa = ["role", "tabindex"], ma = ["title", "aria-label", "data-state"], ya = ["title", "aria-label", "data-state", "disabled"], ba = ["title", "aria-label", "disabled", "data-active"], ka = ["title", "aria-label", "disabled"], wa = ["title", "aria-label", "data-active"], Ca = ["title", "aria-label"], xa = ["title", "aria-label"], _a = { class: "theme-icon-wrapper" }, Sa = { class: "settings-section" }, Ea = { class: "settings-row" }, Aa = ["aria-label"], Ma = ["lang", "aria-pressed", "onClick"], La = { class: "settings-section" }, Ta = { class: "settings-row" }, Pa = { class: "settings-label-with-help" }, $a = { class: "cycle-dots" }, Da = { class: "settings-section" }, Ia = { class: "settings-row" }, Oa = ["aria-label"], Fa = ["title", "aria-label", "aria-pressed"], Ha = ["title", "aria-label", "aria-pressed"], Ra = { class: "settings-section" }, za = { class: "nav-btn-left" }, Na = { class: "nav-btn-right" }, ja = { class: "settings-section" }, Ua = { class: "color-row" }, Va = ["title", "onClick"], Ba = { class: "settings-section" }, Wa = { class: "toggle-row" }, Ya = ["checked"], Ka = { class: "toggle-row" }, Ja = ["checked"], Ga = { class: "toggle-row" }, Xa = ["checked"], qa = { class: "settings-section" }, Za = { class: "nav-btn-left" }, Qa = { class: "nav-btn-right" }, es = ["title", "aria-label"], ts = { class: "settings-section" }, os = { class: "settings-section" }, ns = { class: "settings-row" }, as = ["value", "placeholder"], ss = { class: "settings-section" }, ls = { class: "settings-row" }, rs = { class: "copy-field-list" }, is = ["checked", "onChange"], cs = { class: "settings-section" }, us = { class: "settings-row" }, ds = { class: "settings-section" }, ps = { class: "settings-row" }, vs = { class: "settings-label-with-help" }, hs = { class: "toggle-row webhook-toggle" }, gs = ["checked"], fs = ["value", "placeholder"], ms = { class: "settings-section" }, ys = { class: "guide-card-title" }, bs = { class: "settings-section" }, ks = { class: "guide-grid" }, ws = { class: "guide-card-header" }, Cs = { class: "guide-card-title" }, xs = ["title", "aria-label", "data-copied", "onClick"], _s = { class: "settings-section" }, Ss = { class: "guide-grid" }, Es = { class: "guide-card-header" }, As = { class: "guide-card-title" }, Ms = ["title", "aria-label", "data-copied", "onClick"], Ls = { class: "settings-section" }, Ts = { class: "guide-card-header" }, Ps = { class: "guide-card-title" }, $s = ["title", "aria-label", "data-copied"], Ve = 16, At = 520, Ds = /* @__PURE__ */ Ce({
+  __name: "Toolbar",
+  props: {
+    exportActions: {}
+  },
+  setup(e) {
+    const t = ["compact", "standard", "detailed", "forensic"], o = ["main", "copy", "automations"], n = e, l = ee(Ge, "annotations store"), i = ee(Xe, "selection state"), r = ee(qe, "overlay state"), s = ee(Ze, "settings state"), f = ee(Qe, "i18n state"), m = ee(Ot, "freeze state"), y = ee(It, "runtime bridge"), u = K(null), A = K(null), b = K(null), x = K(null), P = K(!1), J = K(!1), G = K("main"), oe = K(null), N = K(null), R = K(!1), j = va({}), Q = C(() => l.annotations.length), ne = C(() => Q.value > 0), h = C(() => !s.darkMode), I = C(() => m.isFrozen.value), W = C(() => s.copyFormat), H = C(() => W.value === "markdown"), X = C(() => n.exportActions.copyFeedback === W.value), L = C(() => s.showMarkers), V = C(() => J.value), c = C(() => f.messages), ae = C(() => o.indexOf(G.value)), ie = C(() => {
+      const S = o.length;
+      return {
+        "--ag-settings-page-count": String(S),
+        width: `${S * 100}%`,
+        transform: `translateX(-${ae.value * 100 / S}%)`,
+        ...oe.value === null ? {} : { height: `${oe.value}px` }
+      };
+    }), Me = C(() => c.value.outputDetail[s.outputDetail]), Le = C(
+      () => {
+        var S;
+        return (((S = j.position.value) == null ? void 0 : S.y) ?? Number.POSITIVE_INFINITY) < 230 ? "below" : "above";
+      }
+    ), he = C(() => !!y.sync), k = C(() => {
+      var S;
+      return (S = y.sync) == null ? void 0 : S.info;
+    }), D = C(() => {
+      var S;
+      return ((S = k.value) == null ? void 0 : S.endpoint) ?? "http://localhost:4747";
+    }), F = C(() => {
+      var S;
+      return ((S = k.value) == null ? void 0 : S.mcpHttpUrl) ?? "http://localhost:4748/mcp";
+    }), B = C(() => {
+      var S;
+      return ((S = k.value) == null ? void 0 : S.mcpSseUrl) ?? "http://localhost:4748/sse";
+    }), z = C(() => {
+      var v;
+      const S = He(D.value) ?? 4747, _ = He(((v = k.value) == null ? void 0 : v.mcpEndpoint) ?? "") ?? 4748;
+      return `npx agentation-vue-mcp server --port ${S} --mcp-port ${_}`;
+    }), p = C(() => {
+      var v;
+      const S = He(D.value) ?? 4747, _ = He(((v = k.value) == null ? void 0 : v.mcpEndpoint) ?? "") ?? 4748;
+      return `claude mcp add agentation -- npx agentation-vue-mcp server --port ${S} --mcp-port ${_}`;
+    }), M = C(() => s.webhooksEnabled ? s.webhookUrl.split(/[\n,]/).map((S) => S.trim()).filter(Boolean) : []), Y = C(() => M.value.length === 1 ? `AGENTATION_WEBHOOK_URL=${M.value[0]}` : M.value.length > 1 ? `AGENTATION_WEBHOOKS=${M.value.join(",")}` : `AGENTATION_WEBHOOK_URL=https://example.com/webhook
+AGENTATION_WEBHOOKS=https://a.example/webhook,https://b.example/webhook`), me = C(() => [
+      { key: "mcp-http", label: c.value.settings.mcpHttpEndpointLabel, value: F.value },
+      { key: "mcp-sse", label: c.value.settings.mcpSseEndpointLabel, value: B.value }
+    ]), Oe = C(() => [
+      { key: "cli-command", label: c.value.settings.cliCommandLabel, value: z.value },
+      { key: "claude-command", label: c.value.settings.claudeCommandLabel, value: p.value },
+      { key: "cursor-endpoint", label: c.value.settings.cursorEndpointLabel, value: F.value },
+      { key: "codex-endpoint", label: c.value.settings.codexEndpointLabel, value: B.value }
+    ]);
+    re(P, async (S) => {
+      S || (Fe(), i.clearHovered(), i.clearSelection(), r.hidePopover()), l.enabled = S, await Ye(), j.syncConstraints();
+    }, { immediate: !0 });
+    let ye = null, ge = null;
+    ke(() => {
+      document.addEventListener("pointerdown", Te, !0), window.addEventListener("resize", ot), R.value = !0, ye = Ee(() => {
+        R.value = !1, ye = null;
+      }, 760);
+    }), Ae(() => {
+      document.removeEventListener("pointerdown", Te, !0), window.removeEventListener("resize", ot), ye && window.clearTimeout(ye), ge && window.clearTimeout(ge);
+    });
+    function Te(S) {
+      V.value && (Se(S) || Fe());
+    }
+    function _e(S) {
+      const _ = S instanceof HTMLElement ? S : null;
+      u.value = _, j.bindToolbarRef(_);
+    }
+    function Se(S) {
+      const _ = u.value;
+      if (!_) return !1;
+      const v = typeof S.composedPath == "function" ? S.composedPath() : [];
+      return v.length > 0 ? v.some((pe) => pe instanceof Node && _.contains(pe)) : S.target instanceof Node && _.contains(S.target);
+    }
+    function Jt() {
+      P.value || j.consumeJustFinishedDrag() || (P.value = !0);
+    }
+    function Gt() {
+      Fe(), P.value = !1, I.value && m.toggleFreeze();
+    }
+    function Xt() {
+      m.toggleFreeze();
+    }
+    function qt() {
+      s.showMarkers = !L.value;
+    }
+    function Fe() {
+      J.value = !1, G.value = "main";
+    }
+    function Zt() {
+      if (J.value) {
+        Fe();
+        return;
+      }
+      G.value = "main", J.value = !0;
+    }
+    function Qt() {
+      J.value = !0, G.value = "automations";
+    }
+    function eo() {
+      J.value = !0, G.value = "copy";
+    }
+    function pt() {
+      G.value = "main";
+    }
+    function to(S) {
+      s.copyExcludeFields = s.copyExcludeFields.includes(S) ? s.copyExcludeFields.filter((_) => _ !== S) : [...s.copyExcludeFields, S];
+    }
+    re(
+      [V, G, c, F, B, z, p, Y, () => s.copyExcludeFields.length],
+      async ([S]) => {
+        if (!S) {
+          oe.value = null;
+          return;
+        }
+        await Ye(), ot();
+      },
+      { flush: "post" }
+    );
+    function oo() {
+      l.clearAll(), i.clearHovered(), i.clearSelection(), r.hidePopover();
+    }
+    function no() {
+      const S = t.findIndex((_) => _ === s.outputDetail);
+      s.outputDetail = t[(S + 1) % t.length];
+    }
+    function ao() {
+      return H.value ? n.exportActions.exportMarkdown() : n.exportActions.exportJSON();
+    }
+    function He(S) {
+      try {
+        const _ = new URL(S), v = _.protocol === "https:" ? 443 : 80, pe = parseInt(_.port || String(v), 10);
+        return Number.isFinite(pe) ? pe : null;
+      } catch {
+        return null;
+      }
+    }
+    async function tt(S, _) {
+      await so(_) && (N.value = S, ge && window.clearTimeout(ge), ge = Ee(() => {
+        N.value === S && (N.value = null), ge = null;
+      }, 1400));
+    }
+    async function so(S) {
+      var v;
+      if (typeof navigator < "u" && ((v = navigator.clipboard) != null && v.writeText))
+        try {
+          return await navigator.clipboard.writeText(S), !0;
+        } catch {
+        }
+      if (typeof document > "u") return !1;
+      const _ = document.createElement("textarea");
+      _.value = S, _.setAttribute("readonly", "true"), _.style.position = "fixed", _.style.opacity = "0", _.style.pointerEvents = "none", document.body.appendChild(_), _.select();
+      try {
+        return document.execCommand("copy");
+      } catch {
+        return !1;
+      } finally {
+        _.remove();
+      }
+    }
+    function ot() {
+      if (!V.value) {
+        oe.value = null;
+        return;
+      }
+      const S = G.value === "copy" ? b.value : G.value === "automations" ? x.value : A.value;
+      S && (oe.value = Math.min(S.scrollHeight, lo()));
+    }
+    function lo() {
+      return typeof window > "u" ? At : Math.min(At, Math.round(window.innerHeight * 0.72));
+    }
+    return (S, _) => (w(), $("div", {
+      ref: _e,
+      class: g(["toolbar", { dragging: d(j).isDragging.value }]),
+      style: q(d(j).toolbarStyle.value),
+      "data-feedback-toolbar": ""
+    }, [
+      a("div", {
+        class: g(["toolbar-container", {
+          collapsed: !P.value,
+          expanded: P.value,
+          light: h.value,
+          dragging: d(j).isDragging.value,
+          entrance: R.value
+        }]),
+        role: P.value ? void 0 : "button",
+        tabindex: P.value ? -1 : 0,
+        onClick: Jt,
+        onKeydown: [
+          _[12] || (_[12] = vt(ce((v) => P.value = !0, ["prevent"]), ["enter"])),
+          _[13] || (_[13] = vt(ce((v) => P.value = !0, ["prevent"]), ["space"]))
+        ]
+      }, [
+        a("div", {
+          class: g(["toggle-content", P.value ? "hidden" : "visible"])
+        }, [
+          O(d(nn), { size: 24 }),
+          ne.value ? (w(), $("span", {
+            key: 0,
+            class: g(["badge", { entrance: R.value }]),
+            style: q({ backgroundColor: d(s).annotationColor })
+          }, E(Q.value), 7)) : Z("", !0)
+        ], 2),
+        a("div", {
+          class: g(["controls-content", P.value ? "visible" : "hidden"])
+        }, [
+          a("button", {
+            class: g(["control-btn", { light: h.value }]),
+            type: "button",
+            title: I.value ? c.value.toolbar.resume : c.value.toolbar.pause,
+            "aria-label": I.value ? c.value.toolbar.resumeAria : c.value.toolbar.pauseAria,
+            "data-state": I.value ? "paused" : void 0,
+            onClick: ce(Xt, ["stop"])
+          }, [
+            I.value ? (w(), se(d(cn), {
+              key: 0,
+              size: 24
+            })) : (w(), se(d(rn), {
+              key: 1,
+              size: 24
+            }))
+          ], 10, ma),
+          a("button", {
+            class: g(["control-btn", { light: h.value }]),
+            type: "button",
+            title: L.value ? c.value.toolbar.hideMarkers : c.value.toolbar.showMarkers,
+            "aria-label": L.value ? c.value.toolbar.hideMarkersAria : c.value.toolbar.showMarkersAria,
+            "data-state": L.value ? void 0 : "hidden",
+            disabled: !ne.value,
+            onClick: ce(qt, ["stop"])
+          }, [
+            L.value ? (w(), se(d(sn), {
+              key: 0,
+              size: 24
+            })) : (w(), se(d(ln), {
+              key: 1,
+              size: 24
+            }))
+          ], 10, ya),
+          a("button", {
+            class: g(["control-btn", { light: h.value }]),
+            type: "button",
+            title: H.value ? c.value.toolbar.copyMarkdown : c.value.toolbar.copyJson,
+            "aria-label": H.value ? c.value.toolbar.copyMarkdownAria : c.value.toolbar.copyJsonAria,
+            disabled: !ne.value,
+            "data-active": X.value || void 0,
+            onClick: _[0] || (_[0] = ce((v) => void ao(), ["stop"]))
+          }, [
+            O(d($e), {
+              size: 24,
+              copied: X.value
+            }, null, 8, ["copied"])
+          ], 10, ba),
+          a("button", {
+            class: g(["control-btn", { light: h.value }]),
+            type: "button",
+            title: c.value.toolbar.clearAll,
+            "aria-label": c.value.toolbar.clearAllAria,
+            disabled: !ne.value,
+            "data-danger": "",
+            onClick: ce(oo, ["stop"])
+          }, [
+            O(d(Bt), { size: 18 })
+          ], 10, ka),
+          a("div", {
+            class: g(["divider", { light: h.value }])
+          }, null, 2),
+          a("button", {
+            class: g(["control-btn", { light: h.value }]),
+            type: "button",
+            title: c.value.toolbar.settings,
+            "aria-label": c.value.toolbar.toggleSettingsAria,
+            "data-active": V.value || void 0,
+            onClick: ce(Zt, ["stop"])
+          }, [
+            O(d(un), { size: 20 })
+          ], 10, wa),
+          a("button", {
+            class: g(["control-btn", { light: h.value }]),
+            type: "button",
+            title: c.value.toolbar.closeToolbar,
+            "aria-label": c.value.toolbar.closeToolbarAria,
+            onClick: ce(Gt, ["stop"])
+          }, [
+            O(d(pn), { size: 20 })
+          ], 10, Ca)
+        ], 2),
+        O(be, { name: "settings-panel" }, {
+          default: le(() => [
+            P.value && V.value ? (w(), $("div", {
+              key: 0,
+              class: g(["settings-panel", {
+                light: h.value,
+                below: Le.value === "below"
+              }]),
+              "data-no-drag": "",
+              onClick: _[11] || (_[11] = ce(() => {
+              }, ["stop"]))
+            }, [
+              a("div", {
+                class: "settings-pages",
+                style: q(ie.value)
+              }, [
+                a("div", {
+                  ref_key: "mainSettingsPageRef",
+                  ref: A,
+                  class: "settings-page"
+                }, [
+                  a("div", {
+                    class: g(["settings-header", { light: h.value }])
+                  }, [
+                    a("span", {
+                      class: g(["settings-brand", { light: h.value }])
+                    }, [
+                      a("span", {
+                        class: "settings-slash",
+                        style: q({ color: d(s).annotationColor })
+                      }, "/", 4),
+                      _[14] || (_[14] = Ke("agentation ", -1))
+                    ], 2),
+                    a("button", {
+                      class: g(["theme-toggle", { light: h.value }]),
+                      type: "button",
+                      title: d(s).darkMode ? c.value.settings.lightMode : c.value.settings.darkMode,
+                      "aria-label": d(s).darkMode ? c.value.settings.switchToLightAria : c.value.settings.switchToDarkAria,
+                      onClick: _[1] || (_[1] = (v) => d(s).toggleDarkMode())
+                    }, [
+                      a("span", _a, [
+                        O(be, {
+                          name: "theme-icon",
+                          mode: "out-in"
+                        }, {
+                          default: le(() => [
+                            (w(), $("span", {
+                              key: d(s).darkMode ? "sun" : "moon",
+                              class: "theme-icon"
+                            }, [
+                              d(s).darkMode ? (w(), se(d(vn), {
+                                key: 0,
+                                size: 16
+                              })) : (w(), se(d(hn), {
+                                key: 1,
+                                size: 16
+                              }))
+                            ]))
+                          ]),
+                          _: 1
+                        })
+                      ])
+                    ], 10, xa)
+                  ], 2),
+                  a("div", Sa, [
+                    a("div", Ea, [
+                      a("span", {
+                        class: g(["settings-label", { light: h.value }])
+                      }, E(c.value.settings.language), 3),
+                      a("div", {
+                        class: g(["locale-switch", { light: h.value }]),
+                        role: "group",
+                        "aria-label": c.value.settings.language
+                      }, [
+                        (w(!0), $(ue, null, de(d(Ft), (v) => (w(), $("button", {
+                          key: v,
+                          class: g(["locale-btn", { active: d(s).locale === v, light: h.value }]),
+                          type: "button",
+                          lang: v,
+                          "aria-pressed": d(s).locale === v,
+                          onClick: (pe) => d(s).locale = v
+                        }, E(d(Eo)[v]), 11, Ma))), 128))
+                      ], 10, Aa)
+                    ])
+                  ]),
+                  a("div", La, [
+                    a("div", Ta, [
+                      a("span", Pa, [
+                        a("span", {
+                          class: g(["settings-label", { light: h.value }])
+                        }, E(c.value.settings.outputDetail), 3),
+                        O(Ue, {
+                          content: c.value.settings.outputDetailHelp
+                        }, {
+                          default: le(() => [
+                            O(d(ze), {
+                              size: Ve,
+                              style: q({ color: h.value ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.3)", cursor: "help" })
+                            }, null, 8, ["style"])
+                          ]),
+                          _: 1
+                        }, 8, ["content"])
+                      ]),
+                      a("button", {
+                        class: g(["cycle-btn", { light: h.value }]),
+                        type: "button",
+                        onClick: no
+                      }, [
+                        O(be, {
+                          name: "cycle-text",
+                          mode: "out-in"
+                        }, {
+                          default: le(() => [
+                            (w(), $("span", {
+                              key: d(s).outputDetail,
+                              class: "cycle-text"
+                            }, E(Me.value), 1))
+                          ]),
+                          _: 1
+                        }),
+                        a("span", $a, [
+                          (w(), $(ue, null, de(t, (v) => a("span", {
+                            key: v,
+                            class: g(["cycle-dot", { active: v === d(s).outputDetail, light: h.value }])
+                          }, null, 2)), 64))
+                        ])
+                      ], 2)
+                    ])
+                  ]),
+                  a("div", Da, [
+                    a("div", Ia, [
+                      a("span", {
+                        class: g(["settings-label", { light: h.value }])
+                      }, E(c.value.settings.exportFormat), 3),
+                      a("div", {
+                        class: g(["format-switch", { light: h.value }]),
+                        style: q({ "--ag-format-accent": d(s).annotationColor }),
+                        role: "group",
+                        "aria-label": c.value.settings.exportFormat
+                      }, [
+                        a("button", {
+                          class: g(["format-btn", { light: h.value, active: d(s).copyFormat === "markdown" }]),
+                          type: "button",
+                          title: c.value.toolbar.copyMarkdown,
+                          "aria-label": c.value.settings.exportFormatMarkdownAria,
+                          "aria-pressed": d(s).copyFormat === "markdown",
+                          onClick: _[2] || (_[2] = (v) => d(s).copyFormat = "markdown")
+                        }, [
+                          O(d(an), { size: 18 })
+                        ], 10, Fa),
+                        a("button", {
+                          class: g(["format-btn", { light: h.value, active: d(s).copyFormat === "json" }]),
+                          type: "button",
+                          title: c.value.toolbar.copyJson,
+                          "aria-label": c.value.settings.exportFormatJsonAria,
+                          "aria-pressed": d(s).copyFormat === "json",
+                          onClick: _[3] || (_[3] = (v) => d(s).copyFormat = "json")
+                        }, [
+                          O(d(gn), { size: 16 })
+                        ], 10, Ha)
+                      ], 14, Oa)
+                    ])
+                  ]),
+                  a("div", Ra, [
+                    a("button", {
+                      class: g(["nav-btn", { light: h.value }]),
+                      type: "button",
+                      onClick: eo
+                    }, [
+                      a("span", za, [
+                        O(d($e), { size: 18 }),
+                        a("span", null, E(c.value.settings.copySettings), 1)
+                      ]),
+                      a("span", Na, [
+                        O(d(Et), { size: 16 })
+                      ])
+                    ], 2)
+                  ]),
+                  a("div", ja, [
+                    a("span", {
+                      class: g(["settings-label", { light: h.value }])
+                    }, E(c.value.settings.markerColour), 3),
+                    a("div", Ua, [
+                      (w(!0), $(ue, null, de(d(Ko), (v) => (w(), $("button", {
+                        key: v.key,
+                        class: g(["color-ring", { selected: d(s).annotationColor === v.value }]),
+                        style: q({ borderColor: d(s).annotationColor === v.value ? v.value : "transparent" }),
+                        type: "button",
+                        title: c.value.colors[v.key],
+                        onClick: (pe) => d(s).annotationColor = v.value
+                      }, [
+                        a("span", {
+                          class: g(["color-dot", { selected: d(s).annotationColor === v.value }]),
+                          style: q({ backgroundColor: v.value })
+                        }, null, 6)
+                      ], 14, Va))), 128))
+                    ])
+                  ]),
+                  a("div", Ba, [
+                    a("label", Wa, [
+                      a("input", {
+                        class: "sr-only",
+                        type: "checkbox",
+                        checked: d(s).autoClearAfterCopy,
+                        onChange: _[4] || (_[4] = (v) => d(s).autoClearAfterCopy = v.target.checked)
+                      }, null, 40, Ya),
+                      a("span", {
+                        class: g(["checkbox", { checked: d(s).autoClearAfterCopy, light: h.value }])
+                      }, [
+                        d(s).autoClearAfterCopy ? (w(), se(d(De), {
+                          key: 0,
+                          size: 14
+                        })) : Z("", !0)
+                      ], 2),
+                      a("span", {
+                        class: g(["toggle-label", { light: h.value }])
+                      }, E(c.value.settings.clearOnCopy), 3)
+                    ]),
+                    a("label", Ka, [
+                      a("input", {
+                        class: "sr-only",
+                        type: "checkbox",
+                        checked: d(s).blockInteractions,
+                        onChange: _[5] || (_[5] = (v) => d(s).blockInteractions = v.target.checked)
+                      }, null, 40, Ja),
+                      a("span", {
+                        class: g(["checkbox", { checked: d(s).blockInteractions, light: h.value }])
+                      }, [
+                        d(s).blockInteractions ? (w(), se(d(De), {
+                          key: 0,
+                          size: 14
+                        })) : Z("", !0)
+                      ], 2),
+                      a("span", {
+                        class: g(["toggle-label", { light: h.value }])
+                      }, E(c.value.settings.blockPageInteractions), 3),
+                      O(Ue, {
+                        content: c.value.settings.blockInteractionsHelp
+                      }, {
+                        default: le(() => [
+                          O(d(ze), {
+                            size: Ve,
+                            style: q({ color: h.value ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.3)", cursor: "help", marginLeft: "2px" })
+                          }, null, 8, ["style"])
+                        ]),
+                        _: 1
+                      }, 8, ["content"])
+                    ]),
+                    a("label", Ga, [
+                      a("input", {
+                        class: "sr-only",
+                        type: "checkbox",
+                        checked: d(s).componentSourceEnabled,
+                        onChange: _[6] || (_[6] = (v) => d(s).componentSourceEnabled = v.target.checked)
+                      }, null, 40, Xa),
+                      a("span", {
+                        class: g(["checkbox", { checked: d(s).componentSourceEnabled, light: h.value }])
+                      }, [
+                        d(s).componentSourceEnabled ? (w(), se(d(De), {
+                          key: 0,
+                          size: 14
+                        })) : Z("", !0)
+                      ], 2),
+                      a("span", {
+                        class: g(["toggle-label", { light: h.value }])
+                      }, E(c.value.settings.componentSource), 3),
+                      O(Ue, {
+                        content: c.value.settings.componentSourceHelp
+                      }, {
+                        default: le(() => [
+                          O(d(ze), {
+                            size: Ve,
+                            style: q({ color: h.value ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.3)", cursor: "help", marginLeft: "2px" })
+                          }, null, 8, ["style"])
+                        ]),
+                        _: 1
+                      }, 8, ["content"])
+                    ])
+                  ]),
+                  a("div", qa, [
+                    a("button", {
+                      class: g(["nav-btn", { light: h.value }]),
+                      type: "button",
+                      onClick: Qt
+                    }, [
+                      a("span", Za, [
+                        O(d(dn), { size: 18 }),
+                        a("span", null, E(c.value.settings.manageMcpWebhooks), 1)
+                      ]),
+                      a("span", Qa, [
+                        a("span", {
+                          class: "nav-status-indicator",
+                          title: he.value ? c.value.settings.mcpStatusConnected : c.value.settings.mcpStatusDisconnected,
+                          "aria-label": he.value ? c.value.settings.mcpStatusConnected : c.value.settings.mcpStatusDisconnected
+                        }, [
+                          a("span", {
+                            class: g(["status-dot", he.value ? "connected" : "disconnected"])
+                          }, null, 2)
+                        ], 8, es),
+                        O(d(Et), { size: 16 })
+                      ])
+                    ], 2)
+                  ])
+                ], 512),
+                a("div", {
+                  ref_key: "copySettingsPageRef",
+                  ref: b,
+                  class: "settings-page"
+                }, [
+                  a("div", {
+                    class: g(["settings-header automations-header", { light: h.value }])
+                  }, [
+                    a("button", {
+                      class: g(["back-btn", { light: h.value }]),
+                      type: "button",
+                      onClick: pt
+                    }, [
+                      O(d(St), { size: 16 }),
+                      a("span", null, E(c.value.settings.copySettings), 1)
+                    ], 2)
+                  ], 2),
+                  a("div", ts, [
+                    a("p", {
+                      class: g(["settings-description", { light: h.value }])
+                    }, E(c.value.settings.copySettingsDescription), 3)
+                  ]),
+                  a("div", os, [
+                    a("div", ns, [
+                      a("span", {
+                        class: g(["settings-label", { light: h.value }])
+                      }, E(c.value.settings.copyPrefix), 3)
+                    ]),
+                    a("p", {
+                      class: g(["settings-description", { light: h.value }])
+                    }, E(c.value.settings.copyPrefixDescription), 3),
+                    a("textarea", {
+                      class: g(["copy-prefix-input", { light: h.value }]),
+                      value: d(s).copyPrefix,
+                      placeholder: c.value.settings.copyPrefixPlaceholder,
+                      style: q({ borderColor: d(s).annotationColor }),
+                      rows: "3",
+                      spellcheck: "false",
+                      onInput: _[7] || (_[7] = (v) => d(s).copyPrefix = v.target.value)
+                    }, null, 46, as)
+                  ]),
+                  a("div", ss, [
+                    a("div", ls, [
+                      a("span", {
+                        class: g(["settings-label", { light: h.value }])
+                      }, E(c.value.settings.copyExclusions), 3)
+                    ]),
+                    a("p", {
+                      class: g(["settings-description", { light: h.value }])
+                    }, E(c.value.settings.copyExclusionsDescription), 3),
+                    a("div", rs, [
+                      (w(!0), $(ue, null, de(d(jt), (v) => (w(), $("label", {
+                        key: v,
+                        class: "toggle-row copy-field-row"
+                      }, [
+                        a("input", {
+                          class: "sr-only",
+                          type: "checkbox",
+                          checked: d(s).copyExcludeFields.includes(v),
+                          onChange: (pe) => to(v)
+                        }, null, 40, is),
+                        a("span", {
+                          class: g(["checkbox", { checked: d(s).copyExcludeFields.includes(v), light: h.value }])
+                        }, [
+                          d(s).copyExcludeFields.includes(v) ? (w(), se(d(De), {
+                            key: 0,
+                            size: 14
+                          })) : Z("", !0)
+                        ], 2),
+                        a("span", {
+                          class: g(["toggle-label", { light: h.value }])
+                        }, E(c.value.settings.copyFieldLabels[v]), 3)
+                      ]))), 128))
+                    ])
+                  ])
+                ], 512),
+                a("div", {
+                  ref_key: "automationsSettingsPageRef",
+                  ref: x,
+                  class: "settings-page"
+                }, [
+                  a("div", {
+                    class: g(["settings-header automations-header", { light: h.value }])
+                  }, [
+                    a("button", {
+                      class: g(["back-btn", { light: h.value }]),
+                      type: "button",
+                      onClick: pt
+                    }, [
+                      O(d(St), { size: 16 }),
+                      a("span", null, E(c.value.settings.manageMcpWebhooks), 1)
+                    ], 2)
+                  ], 2),
+                  a("div", cs, [
+                    a("div", us, [
+                      a("span", {
+                        class: g(["settings-label", { light: h.value }])
+                      }, E(c.value.settings.mcpConnection), 3),
+                      a("span", {
+                        class: g(["mcp-status", { light: h.value }])
+                      }, [
+                        a("span", {
+                          class: g(["status-dot", he.value ? "connected" : "disconnected"])
+                        }, null, 2),
+                        Ke(" " + E(he.value ? c.value.settings.mcpStatusConnected : c.value.settings.mcpStatusDisconnected), 1)
+                      ], 2)
+                    ])
+                  ]),
+                  a("div", ds, [
+                    a("div", ps, [
+                      a("span", vs, [
+                        a("span", {
+                          class: g(["settings-label", { light: h.value }])
+                        }, E(c.value.settings.webhooks), 3),
+                        O(Ue, {
+                          content: c.value.settings.webhooksDescription
+                        }, {
+                          default: le(() => [
+                            O(d(ze), {
+                              size: Ve,
+                              style: q({ color: h.value ? "rgba(0,0,0,0.3)" : "rgba(255,255,255,0.3)", cursor: "help" })
+                            }, null, 8, ["style"])
+                          ]),
+                          _: 1
+                        }, 8, ["content"])
+                      ])
+                    ]),
+                    a("label", hs, [
+                      a("input", {
+                        class: "sr-only",
+                        type: "checkbox",
+                        checked: d(s).webhooksEnabled,
+                        onChange: _[8] || (_[8] = (v) => d(s).webhooksEnabled = v.target.checked)
+                      }, null, 40, gs),
+                      a("span", {
+                        class: g(["checkbox", { checked: d(s).webhooksEnabled, light: h.value }])
+                      }, [
+                        d(s).webhooksEnabled ? (w(), se(d(De), {
+                          key: 0,
+                          size: 14
+                        })) : Z("", !0)
+                      ], 2),
+                      a("span", {
+                        class: g(["toggle-label", { light: h.value }])
+                      }, E(c.value.settings.webhooksAutoSend), 3)
+                    ]),
+                    a("p", {
+                      class: g(["settings-description", { light: h.value }])
+                    }, E(c.value.settings.webhooksDescription), 3),
+                    a("textarea", {
+                      class: g(["webhook-url", { light: h.value }]),
+                      value: d(s).webhookUrl,
+                      placeholder: c.value.settings.webhooksUrlPlaceholder,
+                      style: q({ borderColor: d(s).annotationColor }),
+                      rows: "2",
+                      spellcheck: "false",
+                      onInput: _[9] || (_[9] = (v) => d(s).webhookUrl = v.target.value)
+                    }, null, 46, fs)
+                  ]),
+                  a("div", ms, [
+                    a("div", {
+                      class: g(["guide-card", { light: h.value }])
+                    }, [
+                      a("div", ys, E(c.value.settings.mcpConnection), 1),
+                      a("p", {
+                        class: g(["settings-description", { light: h.value }])
+                      }, E(c.value.settings.mcpDescription), 3)
+                    ], 2)
+                  ]),
+                  a("div", bs, [
+                    a("div", ks, [
+                      (w(!0), $(ue, null, de(me.value, (v) => (w(), $("div", {
+                        key: v.key,
+                        class: g(["guide-card", { light: h.value }])
+                      }, [
+                        a("div", ws, [
+                          a("div", Cs, E(v.label), 1),
+                          a("button", {
+                            class: g(["guide-copy-btn", { light: h.value }]),
+                            type: "button",
+                            title: c.value.settings.copyValueAria(v.label),
+                            "aria-label": c.value.settings.copyValueAria(v.label),
+                            "data-copied": N.value === v.key || void 0,
+                            onClick: (pe) => void tt(v.key, v.value)
+                          }, [
+                            O(d($e), {
+                              size: 16,
+                              copied: N.value === v.key
+                            }, null, 8, ["copied"])
+                          ], 10, xs)
+                        ]),
+                        a("pre", {
+                          class: g(["guide-code", { light: h.value }])
+                        }, E(v.value), 3)
+                      ], 2))), 128))
+                    ])
+                  ]),
+                  a("div", _s, [
+                    a("div", Ss, [
+                      (w(!0), $(ue, null, de(Oe.value, (v) => (w(), $("div", {
+                        key: v.key,
+                        class: g(["guide-card", { light: h.value }])
+                      }, [
+                        a("div", Es, [
+                          a("div", As, E(v.label), 1),
+                          a("button", {
+                            class: g(["guide-copy-btn", { light: h.value }]),
+                            type: "button",
+                            title: c.value.settings.copyValueAria(v.label),
+                            "aria-label": c.value.settings.copyValueAria(v.label),
+                            "data-copied": N.value === v.key || void 0,
+                            onClick: (pe) => void tt(v.key, v.value)
+                          }, [
+                            O(d($e), {
+                              size: 16,
+                              copied: N.value === v.key
+                            }, null, 8, ["copied"])
+                          ], 10, Ms)
+                        ]),
+                        a("pre", {
+                          class: g(["guide-code", { light: h.value }])
+                        }, E(v.value), 3)
+                      ], 2))), 128))
+                    ])
+                  ]),
+                  a("div", Ls, [
+                    a("div", {
+                      class: g(["guide-card", { light: h.value }])
+                    }, [
+                      a("div", Ts, [
+                        a("div", Ps, E(c.value.settings.webhookEnvLabel), 1),
+                        a("button", {
+                          class: g(["guide-copy-btn", { light: h.value }]),
+                          type: "button",
+                          title: c.value.settings.copyValueAria(c.value.settings.webhookEnvLabel),
+                          "aria-label": c.value.settings.copyValueAria(c.value.settings.webhookEnvLabel),
+                          "data-copied": N.value === "webhook-env" || void 0,
+                          onClick: _[10] || (_[10] = (v) => void tt("webhook-env", Y.value))
+                        }, [
+                          O(d($e), {
+                            size: 16,
+                            copied: N.value === "webhook-env"
+                          }, null, 8, ["copied"])
+                        ], 10, $s)
+                      ]),
+                      a("p", {
+                        class: g(["settings-description", { light: h.value }])
+                      }, E(c.value.settings.webhookDescriptionLong), 3),
+                      a("pre", {
+                        class: g(["guide-code", { light: h.value }])
+                      }, E(Y.value), 3)
+                    ], 2)
+                  ])
+                ], 512)
+              ], 4)
+            ], 2)) : Z("", !0)
+          ]),
+          _: 1
+        })
+      ], 42, fa)
+    ], 6));
+  }
+}), Is = /* @__PURE__ */ xe(Ds, [["__scopeId", "data-v-43325b58"]]), Os = ["lang"], Fs = ["data-kind"], Hs = /* @__PURE__ */ Ce({
+  __name: "OverlayRoot",
+  props: {
+    bridge: {},
+    store: {},
+    selection: {},
+    settings: {},
+    areaSelection: {}
+  },
+  setup(e) {
+    const t = e, o = Yo(t.selection), n = t.settings, l = To(() => n.locale), i = en(), r = tn(t.store, n), s = K(null);
+    fe(It, mo(t.bridge)), fe(Ge, t.store), fe(Xe, t.selection), fe(ct, t.areaSelection), fe(qe, o), fe(Ze, n), fe(Qe, l), fe(Ot, i), on({
+      store: t.store,
+      selection: t.selection,
+      overlay: o,
+      settings: n,
+      exportActions: r,
+      freezeState: i
+    }), ke(() => {
+      var u;
+      t.bridge.overlayRoot.dataset.agentationRoot = "", t.store.hydrate(), (u = t.bridge.sync) == null || u.init();
+    });
+    let f = null, m = null, y = null;
+    return ke(() => {
+      var u, A, b;
+      m = ((A = (u = t.bridge).subscribeNotifications) == null ? void 0 : A.call(u, (x) => {
+        f && clearTimeout(f), s.value = {
+          ...x,
+          id: Date.now()
+        }, f = Ee(() => {
+          s.value = null, f = null;
+        }, x.duration ?? 2600);
+      })) ?? null, y = ((b = t.bridge.sync) == null ? void 0 : b.subscribe((x) => {
+        var P, J, G, oe;
+        if (x.type === "reconciled") {
+          t.store.hydrate(), x.source === "remote" && x.annotationCount !== void 0 && ((J = (P = t.bridge).notify) == null || J.call(P, {
+            kind: "info",
+            duration: 2200,
+            message: l.messages.notifications.remoteSyncUpdated(x.annotationCount)
+          }));
+          return;
+        }
+        x.type === "error" && x.message && ((oe = (G = t.bridge).notify) == null || oe.call(G, {
+          kind: "warning",
+          duration: 2600,
+          message: l.messages.notifications.syncFailed(x.message)
+        }));
+      })) ?? null;
+    }), Ae(() => {
+      m == null || m(), y == null || y(), f && clearTimeout(f), delete t.bridge.overlayRoot.dataset.agentationRoot, i.cleanup();
+    }), re(
+      () => t.selection.selected,
+      (u) => {
+        u ? o.showPopover() : o.hidePopover();
+      }
+    ), re(
+      () => n.darkMode,
+      (u) => {
+        t.bridge.overlayRoot.dataset.agTheme = u ? "dark" : "light";
+      },
+      { immediate: !0 }
+    ), re(
+      () => n.outputDetail,
+      (u) => {
+        t.bridge.options.outputDetail = u;
+      },
+      { immediate: !0 }
+    ), re(
+      () => l.locale,
+      (u) => {
+        t.bridge.overlayRoot.lang = u;
+      },
+      { immediate: !0 }
+    ), (u, A) => (w(), $("div", {
+      class: g(["agentation-root", { dark: d(n).darkMode, light: !d(n).darkMode }]),
+      lang: d(l).locale,
+      "data-agentation-root": ""
+    }, [
+      O(Is, { "export-actions": d(r) }, null, 8, ["export-actions"]),
+      O(Un),
+      O(be, { name: "toast" }, {
+        default: le(() => [
+          s.value ? (w(), $("div", {
+            key: 0,
+            class: "toast",
+            "data-kind": s.value.kind ?? "info",
+            role: "status",
+            "aria-live": "polite"
+          }, E(s.value.message), 9, Fs)) : Z("", !0)
+        ]),
+        _: 1
+      }),
+      (w(), se(Tt, {
+        to: e.bridge.overlayRoot
+      }, [
+        O(Jn),
+        O(Wn),
+        O(sa)
+      ], 8, ["to"]))
+    ], 10, Os));
+  }
+}), Bs = /* @__PURE__ */ xe(Hs, [["__scopeId", "data-v-8eebc944"]]);
+export {
+  Ge as ANNOTATIONS_STORE_KEY,
+  ct as AREA_SELECTION_KEY,
+  Je as DEFAULT_LOCALE,
+  Qe as I18N_KEY,
+  Eo as LOCALE_LABELS,
+  qe as OVERLAY_KEY,
+  Bs as OverlayRoot,
+  It as RUNTIME_BRIDGE_KEY,
+  Xe as SELECTION_KEY,
+  Ze as SETTINGS_KEY,
+  Ft as SUPPORTED_LOCALES,
+  Ns as createAnnotationsStore,
+  Us as createAreaSelectionState,
+  tn as createExportActions,
+  To as createI18nState,
+  Yo as createOverlayState,
+  js as createSelectionState,
+  Vs as createSettingsState,
+  ut as isValidLocale,
+  Lo as resolveMessages,
+  on as useKeyboardShortcuts
+};
+import "./index.css"
+//# sourceMappingURL=index.js.map