annotation-kit 0.0.0-stage → 0.1.1

package/dist/react.js

@@ -0,0 +1,2282 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { k as annotationErrorText, d as ANNOTATION_SOURCE, I as packetSpan, y as fileLabel, B as filePath, r as columnName, P as PageBatches, D as DocumentWorkflow, K as pageInteraction, O as projectAnchors, w as enclosing, W as readPageText, S as rangeAnchors, L as pageRegion, J as pageBounds, b as annotationFailure, o as capturePageRegion, N as parseFileAddress, V as readFileSelection, g as PaintedCells, X as readRange, a0 as registerSpreadsheet, A as AnnotationError, a7 as spreadsheetSnapshot, C as fileReference, U as readAnnotation, Z as readSentFile, _ as readSentResponse } from "./chunks/references-ukB-tSle.js";
+import { useSyncExternalStore, useState, useRef, useLayoutEffect, useEffect, useId, forwardRef, useContext, createContext, useReducer, useMemo, startTransition } from "react";
+import { createPortal } from "react-dom";
+function icon$2(path, filled = false) {
+  return function Icon({ width = 18, height = 18, ...props }) {
+    return /* @__PURE__ */ jsx("svg", { width, height, viewBox: "0 0 24 24", fill: filled ? "currentColor" : "none", stroke: filled ? "none" : "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx("path", { d: path }) });
+  };
+}
+const Chat = icon$2("M20 11.5a8 8 0 0 1-8 8H5l-3 3v-11a9 9 0 0 1 18 0Z");
+const ChatFilled = icon$2("M12 2a10 10 0 0 0-10 10v10l4-3h6a8.5 8.5 0 1 0 0-17Z", true);
+const X = icon$2("m6 6 12 12M18 6 6 18");
+const Trash = icon$2("M3 6h18M9 6V3h6v3M5 6l1 15h12l1-15M10 10v7M14 10v7");
+const Pencil = icon$2("m15 4 5 5M4 20l5-1L21 7a2 2 0 0 0-5-5L4 14v6Z");
+const EditPencil = Pencil;
+const SettingsSlider = icon$2("M4 7h5m4 0h7M4 17h9m4 0h3M9 4v6m8 4v6");
+const annotate = "_annotate_voyw3_1";
+const comment$2 = "_comment_voyw3_1";
+const notice = "_notice_voyw3_1";
+const marker$2 = "_marker_voyw3_6";
+const commentRow = "_commentRow_voyw3_8";
+const icon$1 = "_icon_voyw3_11";
+const actions$2 = "_actions_voyw3_13";
+const cancel = "_cancel_voyw3_15";
+const save$1 = "_save_voyw3_15";
+const adjust = "_adjust_voyw3_20";
+const error$2 = "_error_voyw3_23";
+const toolbar = "_toolbar_voyw3_25";
+const send$1 = "_send_voyw3_28";
+const outline$1 = "_outline_voyw3_29";
+const savedMarker = "_savedMarker_voyw3_30";
+const css$7 = {
+  annotate,
+  comment: comment$2,
+  notice,
+  marker: marker$2,
+  commentRow,
+  icon: icon$1,
+  actions: actions$2,
+  "delete": "_delete_voyw3_14",
+  cancel,
+  save: save$1,
+  adjust,
+  error: error$2,
+  toolbar,
+  send: send$1,
+  outline: outline$1,
+  savedMarker
+};
+function AnnotationButton({ surface, model, t }) {
+  const state = useSyncExternalStore(model.subscribe, model.getSnapshot);
+  const active = state.drafts[surface.id]?.active ?? false;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: css$7.annotate,
+      "aria-label": t("annotate"),
+      "aria-pressed": active,
+      disabled: !active && (!model.available(surface) || !model.hasTarget()),
+      title: active ? t("close") : t("pick"),
+      onClick: () => {
+        void model.toggle(surface);
+      },
+      children: [
+        /* @__PURE__ */ jsx(Chat, { width: 18, height: 18 }),
+        t("annotate")
+      ]
+    }
+  );
+}
+function AnnotationOverlay({ surface, model, t }) {
+  const state = useSyncExternalStore(model.subscribe, model.getSnapshot);
+  const draft2 = state.drafts[surface.id];
+  const selection = draft2?.active ? draft2.selection : void 0;
+  const [bounds, setBounds] = useState();
+  const [adjusting, setAdjusting] = useState(false);
+  const form = useRef(null);
+  const input = useRef(null);
+  useLayoutEffect(() => {
+    if (!draft2?.active) return;
+    const viewport2 = document.getElementById(surface.viewportId);
+    if (!viewport2) return;
+    const measure = () => setBounds(viewport2.getBoundingClientRect());
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(viewport2);
+    window.addEventListener("resize", measure);
+    window.addEventListener("scroll", measure, true);
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("resize", measure);
+      window.removeEventListener("scroll", measure, true);
+    };
+  }, [draft2?.active, surface.viewportId]);
+  useEffect(() => {
+    setAdjusting(false);
+    if (selection) input.current?.focus();
+  }, [selection]);
+  useLayoutEffect(() => {
+    if (!input.current) return;
+    input.current.style.height = "24px";
+    input.current.style.height = `${Math.min(144, input.current.scrollHeight)}px`;
+  }, [draft2?.comment, selection]);
+  useEffect(() => {
+    if (!draft2?.active) return;
+    const dismiss2 = (event) => {
+      if (event.key !== "Escape" || event.isComposing) return;
+      event.preventDefault();
+      if (selection) model.cancel(surface.id);
+      else void model.toggle(surface);
+    };
+    const outside = (event) => {
+      if (selection && event.target instanceof Node && !form.current?.contains(event.target)) model.cancel(surface.id);
+    };
+    window.addEventListener("keydown", dismiss2);
+    window.addEventListener("pointerdown", outside);
+    return () => {
+      window.removeEventListener("keydown", dismiss2);
+      window.removeEventListener("pointerdown", outside);
+    };
+  }, [draft2?.active, selection, surface, model]);
+  if (!draft2?.active || !bounds || bounds.width < 1 || bounds.height < 1) return null;
+  const controls = model.controls();
+  const markers2 = controls?.entries.filter((entry2) => entry2.surfaceId === surface.id && model.markerVisible(entry2.id)).map((entry2) => {
+    const point = entry2.selection.anchor ?? { x: entry2.selection.rect.x + 16, y: entry2.selection.rect.y };
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: css$7.savedMarker,
+        "aria-label": `${t("packet.edit")} ${entry2.id}`,
+        style: { left: bounds.left + point.x - 14, top: bounds.top + point.y - 28 },
+        onClick: () => controls.edit(entry2.id),
+        children: [
+          /* @__PURE__ */ jsx(ChatFilled, { width: 34, height: 34 }),
+          /* @__PURE__ */ jsx("span", { children: entry2.id })
+        ]
+      },
+      entry2.id
+    );
+  });
+  const toolbar2 = controls?.count ? /* @__PURE__ */ jsxs("div", { className: css$7.toolbar, style: { left: bounds.left + bounds.width / 2, top: bounds.bottom - 70 }, children: [
+    /* @__PURE__ */ jsxs("button", { type: "button", onClick: controls.review, children: [
+      t("annotating"),
+      " · ",
+      controls.count
+    ] }),
+    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": t("packet.remove"), title: t("packet.remove"), onClick: controls.clear, children: /* @__PURE__ */ jsx(Trash, { width: 18, height: 18 }) }),
+    /* @__PURE__ */ jsx("button", { type: "button", className: css$7.send, onClick: controls.send, children: t("send") }),
+    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": t("close"), title: t("close"), onClick: () => {
+      void model.toggle(surface);
+    }, children: /* @__PURE__ */ jsx(X, { width: 18, height: 18 }) })
+  ] }) : null;
+  if (!selection) return createPortal(/* @__PURE__ */ jsxs(Fragment, { children: [
+    markers2,
+    toolbar2,
+    draft2.error && /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "alert",
+        className: css$7.notice,
+        style: { left: bounds.left + 12, top: bounds.top + 12 },
+        children: annotationErrorText(draft2.error, t)
+      }
+    )
+  ] }), document.body);
+  const anchor = selection.anchor ?? { x: selection.rect.x + Math.min(32, selection.rect.width / 2), y: selection.rect.y };
+  const x = bounds.left + anchor.x * bounds.width / selection.viewport.width;
+  const y = bounds.top + anchor.y * bounds.height / selection.viewport.height;
+  const width = Math.min(296, bounds.width - 24);
+  const beside = x + width + 40 <= bounds.right - 12;
+  const left = beside ? x + 28 : Math.max(bounds.left + 12, Math.min(x - width / 2, bounds.right - width - 12));
+  const expanded2 = draft2.comment.length > 0;
+  const estimatedHeight = Math.max(56, (input.current?.scrollHeight ?? 24) + 32) + (expanded2 ? 44 : 0) + (draft2.error ? 56 : 0);
+  const top = Math.max(bounds.top + 12, Math.min(beside ? y - 40 : y + 16, bounds.bottom - estimatedHeight - 12));
+  return createPortal(/* @__PURE__ */ jsxs(Fragment, { children: [
+    markers2,
+    toolbar2,
+    draft2.editing && /* @__PURE__ */ jsx("div", { className: css$7.outline, style: {
+      left: bounds.left + selection.rect.x,
+      top: bounds.top + selection.rect.y,
+      width: selection.rect.width,
+      height: selection.rect.height
+    } }),
+    !draft2.editing && /* @__PURE__ */ jsx("span", { className: css$7.marker, style: { left: x - 16, top: y - 28 }, "aria-hidden": "true", children: /* @__PURE__ */ jsx(ChatFilled, { width: 34, height: 34 }) }),
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        ref: form,
+        className: css$7.comment,
+        style: { left, top, width },
+        "data-aione-annotation-comment": true,
+        "aria-label": t("comment"),
+        onSubmit: (event) => {
+          event.preventDefault();
+          void model.save(surface);
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: css$7.commentRow, children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: css$7.icon,
+                "aria-label": t("adjust"),
+                title: t("adjust"),
+                "aria-expanded": adjusting,
+                disabled: draft2.saving,
+                onClick: () => setAdjusting((value) => !value),
+                children: /* @__PURE__ */ jsx(SettingsSlider, { width: 16, height: 16 })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                ref: input,
+                rows: 1,
+                value: draft2.comment,
+                placeholder: t("placeholder"),
+                "aria-label": t("comment"),
+                disabled: draft2.saving,
+                onChange: (event) => model.setComment(surface.id, event.currentTarget.value),
+                onKeyDown: (event) => {
+                  if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
+                    event.preventDefault();
+                    void model.save(surface);
+                  }
+                }
+              }
+            )
+          ] }),
+          expanded2 && /* @__PURE__ */ jsxs("div", { className: css$7.actions, children: [
+            draft2.editing && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: `${css$7.icon} ${css$7.delete}`,
+                "aria-label": t("packet.remove"),
+                disabled: draft2.saving,
+                onClick: () => {
+                  controls?.remove(draft2.editing.entry.id);
+                  model.cancel(surface.id);
+                },
+                children: /* @__PURE__ */ jsx(Trash, { width: 18, height: 18 })
+              }
+            ),
+            /* @__PURE__ */ jsx("button", { type: "button", className: css$7.cancel, disabled: draft2.saving, onClick: () => model.cancel(surface.id), children: t("cancel") }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "submit",
+                className: css$7.save,
+                "aria-label": t("save"),
+                disabled: draft2.saving || !draft2.comment.trim() || !model.hasTarget(),
+                children: draft2.saving ? t("adding") : t("save")
+              }
+            )
+          ] }),
+          draft2.error && /* @__PURE__ */ jsx("div", { className: css$7.error, role: "alert", children: annotationErrorText(draft2.error, t) }),
+          adjusting && /* @__PURE__ */ jsxs("div", { className: css$7.adjust, children: [
+            /* @__PURE__ */ jsx("button", { type: "button", onClick: () => {
+              model.cancel(surface.id);
+              void model.setMode(surface, "element");
+            }, children: t("element") }),
+            /* @__PURE__ */ jsx("button", { type: "button", onClick: () => {
+              model.cancel(surface.id);
+              void model.setMode(surface, "region");
+            }, children: t("region") }),
+            /* @__PURE__ */ jsxs("button", { type: "button", onClick: () => model.cancel(surface.id), children: [
+              /* @__PURE__ */ jsx(X, { width: 16, height: 16 }),
+              t("cancel")
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] }), document.body);
+}
+const host = "_host_ptdo8_1";
+const chip$1 = "_chip_ptdo8_2";
+const open = "_open_ptdo8_3";
+const removeAll$1 = "_removeAll_ptdo8_5";
+const packet = "_packet_ptdo8_7";
+const entry$2 = "_entry_ptdo8_8";
+const heading$1 = "_heading_ptdo8_9";
+const thumbnail = "_thumbnail_ptdo8_11";
+const spacer = "_spacer_ptdo8_13";
+const icon = "_icon_ptdo8_14";
+const text = "_text_ptdo8_16";
+const image = "_image_ptdo8_17";
+const actions$1 = "_actions_ptdo8_19";
+const dismiss = "_dismiss_ptdo8_21";
+const css$6 = {
+  host,
+  chip: chip$1,
+  open,
+  removeAll: removeAll$1,
+  packet,
+  entry: entry$2,
+  heading: heading$1,
+  thumbnail,
+  spacer,
+  icon,
+  text,
+  image,
+  actions: actions$1,
+  dismiss
+};
+function PacketPreview({ packets, sessionId, input, actions: actions2, t, editAnnotation }) {
+  useSyncExternalStore(packets.subscribe, packets.getSnapshot);
+  const [open2, setOpen] = useState(false);
+  const [editing, setEditing] = useState();
+  const [comment2, setComment] = useState("");
+  const host2 = useRef(null);
+  const active = [...new Set(input.occurrences.filter((item) => item.source === ANNOTATION_SOURCE).map((item) => item.ref))].flatMap((id) => {
+    const packet2 = packets.get(id);
+    return packet2?.sessionId === sessionId ? [packet2] : [];
+  });
+  const count2 = active.reduce((sum, packet2) => sum + packet2.entries.length, 0);
+  const editable = input.phase === "plain";
+  useEffect(() => {
+    if (packets.opened?.sessionId === sessionId) setOpen(true);
+  }, [packets.opened, sessionId]);
+  useEffect(() => {
+    if (!open2) return;
+    const outside = (event) => {
+      if (event.target instanceof Node && !host2.current?.contains(event.target)) setOpen(false);
+    };
+    const escape = (event) => {
+      if (event.key === "Escape") setOpen(false);
+    };
+    window.addEventListener("pointerdown", outside);
+    window.addEventListener("keydown", escape);
+    return () => {
+      window.removeEventListener("pointerdown", outside);
+      window.removeEventListener("keydown", escape);
+    };
+  }, [open2]);
+  if (!count2) return null;
+  const label = `${count2} ${count2 === 1 ? t("packet.one") : t("packet.many")}`;
+  const remove2 = (id) => {
+    const span = packetSpan(input, id);
+    if (span) actions2.insertText("", span);
+  };
+  return /* @__PURE__ */ jsxs("div", { ref: host2, className: css$6.host, "data-aione-annotation-package": true, children: [
+    /* @__PURE__ */ jsxs("div", { className: css$6.chip, children: [
+      /* @__PURE__ */ jsxs("button", { type: "button", className: css$6.open, "aria-expanded": open2, "aria-label": label, onClick: () => setOpen((value) => !value), children: [
+        /* @__PURE__ */ jsx(Chat, { width: 16, height: 16 }),
+        /* @__PURE__ */ jsx("span", { children: label })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: css$6.removeAll,
+          "aria-label": t("packet.removeAll"),
+          disabled: !editable,
+          onClick: () => {
+            for (const packet2 of [...active].reverse()) {
+              const span = packetSpan(input, packet2.id);
+              if (span) actions2.insertText("", { ...span, draftRev: actions2.captureInsertion().draftRev });
+            }
+          },
+          children: /* @__PURE__ */ jsx(X, { width: 14, height: 14 })
+        }
+      )
+    ] }),
+    open2 && /* @__PURE__ */ jsxs("section", { className: css$6.packet, "data-aione-annotation-packet": true, "aria-label": t("packet.title"), children: [
+      active.flatMap((packet2) => packet2.entries.map((entry2, index) => /* @__PURE__ */ jsxs("article", { className: css$6.entry, children: [
+        /* @__PURE__ */ jsxs("div", { className: css$6.heading, children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: css$6.thumbnail,
+              title: t("packet.screenshot"),
+              onClick: () => {
+                setEditing(editing === `image:${packet2.id}` ? void 0 : `image:${packet2.id}`);
+              },
+              children: /* @__PURE__ */ jsx("img", { src: packet2.previews[index], alt: `${t("packet.screenshot")} #${entry2.id}` })
+            }
+          ),
+          /* @__PURE__ */ jsx("code", { title: entry2.selection.selector ?? entry2.selection.url, children: entry2.selection.element?.role ?? entry2.selection.element?.tagName ?? entry2.selection.kind }),
+          /* @__PURE__ */ jsx("span", { className: css$6.spacer }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: css$6.icon,
+              "aria-label": t("packet.edit"),
+              disabled: !editable,
+              onClick: () => {
+                if (editAnnotation(entry2, (value) => packets.edit(packet2.id, index, value))) {
+                  setOpen(false);
+                  return;
+                }
+                setEditing(packet2.id);
+                setComment(entry2.comment);
+              },
+              children: /* @__PURE__ */ jsx(EditPencil, { width: 18, height: 18 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: css$6.icon,
+              "aria-label": t("packet.remove"),
+              disabled: !editable,
+              onClick: () => remove2(packet2.id),
+              children: /* @__PURE__ */ jsx(Trash, { width: 18, height: 18 })
+            }
+          )
+        ] }),
+        editing === `image:${packet2.id}` && /* @__PURE__ */ jsx("img", { className: css$6.image, src: packet2.previews[index], alt: t("packet.screenshot") }),
+        editing === packet2.id ? /* @__PURE__ */ jsxs("form", { onSubmit: (event) => {
+          event.preventDefault();
+          packets.edit(packet2.id, index, comment2);
+          setEditing(void 0);
+        }, children: [
+          /* @__PURE__ */ jsx("textarea", { autoFocus: true, "aria-label": t("comment"), value: comment2, onChange: (event) => setComment(event.currentTarget.value) }),
+          /* @__PURE__ */ jsxs("div", { className: css$6.actions, children: [
+            /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setEditing(void 0), children: t("cancel") }),
+            /* @__PURE__ */ jsx("button", { type: "submit", disabled: !comment2.trim(), children: t("packet.done") })
+          ] })
+        ] }) : /* @__PURE__ */ jsx("p", { className: css$6.text, children: entry2.comment })
+      ] }, `${packet2.id}:${entry2.id}`))),
+      /* @__PURE__ */ jsx("button", { type: "button", className: css$6.dismiss, "aria-label": t("packet.done"), onClick: () => setOpen(false), children: /* @__PURE__ */ jsx(X, { width: 16, height: 16 }) })
+    ] })
+  ] });
+}
+const draft = "_draft_ypxoz_1";
+const sent = "_sent_ypxoz_2";
+const chip = "_chip_ypxoz_3";
+const summary$1 = "_summary_ypxoz_4";
+const removeAll = "_removeAll_ypxoz_6";
+const remove = "_remove_ypxoz_6";
+const popover = "_popover_ypxoz_10";
+const details = "_details_ypxoz_10";
+const entry$1 = "_entry_ypxoz_13";
+const heading = "_heading_ypxoz_14";
+const source = "_source_ypxoz_15";
+const quote = "_quote_ypxoz_18";
+const hint = "_hint_ypxoz_19";
+const tableScroll = "_tableScroll_ypxoz_20";
+const cells = "_cells_ypxoz_21";
+const css$5 = {
+  draft,
+  sent,
+  chip,
+  summary: summary$1,
+  removeAll,
+  remove,
+  popover,
+  details,
+  entry: entry$1,
+  heading,
+  source,
+  quote,
+  hint,
+  tableScroll,
+  cells
+};
+function ReferenceCard({ label, children, draft: draft2 = false, initiallyOpen = false, onClear, clearLabel, kind }) {
+  const [pinned, setPinned] = useState(initiallyOpen);
+  const [hovered, setHovered] = useState(false);
+  const host2 = useRef(null);
+  const trigger = useRef(null);
+  const closeTimer = useRef();
+  const panelId = useId();
+  const open2 = pinned || hovered;
+  useEffect(() => () => clearTimeout(closeTimer.current), []);
+  useLayoutEffect(() => {
+    const node = host2.current;
+    if (!draft2 || !open2 || !node) return;
+    const measure = () => {
+      let top = 0;
+      for (let parent = node.parentElement; parent; parent = parent.parentElement) {
+        if (/(auto|scroll|hidden|clip)/u.test(getComputedStyle(parent).overflowY)) top = Math.max(top, parent.getBoundingClientRect().top);
+      }
+      node.style.setProperty("--file-selection-space", `${Math.max(80, node.getBoundingClientRect().top - top - 8)}px`);
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(node.closest("[data-composer-card]") ?? node);
+    window.addEventListener("resize", measure);
+    window.addEventListener("scroll", measure, true);
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("resize", measure);
+      window.removeEventListener("scroll", measure, true);
+    };
+  }, [draft2, open2]);
+  useEffect(() => {
+    if (!open2) return;
+    const close = () => {
+      setPinned(false);
+      setHovered(false);
+      clearTimeout(closeTimer.current);
+    };
+    const outside = (event) => {
+      if (event.target instanceof Node && !host2.current?.contains(event.target)) close();
+    };
+    const escape = (event) => {
+      if (event.key !== "Escape" || event.isComposing) return;
+      if (host2.current?.contains(document.activeElement)) trigger.current?.focus();
+      close();
+    };
+    window.addEventListener("pointerdown", outside);
+    window.addEventListener("keydown", escape);
+    return () => {
+      window.removeEventListener("pointerdown", outside);
+      window.removeEventListener("keydown", escape);
+    };
+  }, [open2]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: host2,
+      className: draft2 ? css$5.draft : css$5.sent,
+      "data-file-selection-card": kind === "file" ? draft2 ? "draft" : "sent" : void 0,
+      "data-response-annotation-card": kind === "response" ? draft2 ? "draft" : "sent" : void 0,
+      onPointerEnter: () => {
+        if (draft2) {
+          clearTimeout(closeTimer.current);
+          setHovered(true);
+        }
+      },
+      onPointerLeave: () => {
+        closeTimer.current = setTimeout(() => setHovered(false), 160);
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: css$5.chip, children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              ref: trigger,
+              type: "button",
+              className: css$5.summary,
+              "aria-expanded": open2,
+              "aria-controls": panelId,
+              onClick: () => {
+                setPinned(!pinned);
+                setHovered(false);
+              },
+              children: [
+                /* @__PURE__ */ jsx(Chat, { width: 16, height: 16 }),
+                /* @__PURE__ */ jsx("span", { children: label })
+              ]
+            }
+          ),
+          onClear && /* @__PURE__ */ jsx("button", { type: "button", className: css$5.removeAll, "aria-label": clearLabel, onClick: onClear, children: /* @__PURE__ */ jsx(X, { width: 14, height: 14 }) })
+        ] }),
+        open2 && /* @__PURE__ */ jsx(
+          "section",
+          {
+            id: panelId,
+            className: draft2 ? css$5.popover : css$5.details,
+            "aria-label": label,
+            onFocusCapture: () => setPinned(true),
+            children: typeof children === "function" ? children() : children
+          }
+        )
+      ]
+    }
+  );
+}
+function SelectionCard({ items, draft: draft2 = false, initiallyOpen = false, onRemove, onClear, onOpen, renderImage, renderText = (text2) => text2, t }) {
+  const [openFailed, setOpenFailed] = useState(false);
+  if (!items.length) return null;
+  const annotated = items.every((item) => item.version !== 1 && item.comment);
+  const label = `${items.length} ${annotated ? items.length === 1 ? t("page.one") : t("page.many") : items.length === 1 ? t("file.one") : t("file.many")}`;
+  return /* @__PURE__ */ jsx(ReferenceCard, { kind: "file", draft: draft2, initiallyOpen, label, onClear, clearLabel: t("file.removeAll"), children: () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    items.map((item, index) => /* @__PURE__ */ jsxs("article", { className: css$5.entry, children: [
+      /* @__PURE__ */ jsxs("div", { className: css$5.heading, children: [
+        onOpen ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: css$5.source,
+            title: `${t("file.openSource")}: ${filePath(item)}`,
+            onClick: async () => {
+              try {
+                await onOpen(item);
+                setOpenFailed(false);
+              } catch {
+                setOpenFailed(true);
+              }
+            },
+            children: fileLabel(item)
+          }
+        ) : /* @__PURE__ */ jsx("span", { className: css$5.source, title: filePath(item), children: fileLabel(item) }),
+        onRemove && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: css$5.remove,
+            "aria-label": `${t("file.remove")} ${index + 1}`,
+            onClick: () => onRemove(index),
+            children: /* @__PURE__ */ jsx(X, { width: 14, height: 14 })
+          }
+        )
+      ] }),
+      item.kind === "markdown" && /* @__PURE__ */ jsx("span", { className: css$5.hint, children: t("file.sourceBlock") }),
+      item.version !== 1 && item.comment && /* @__PURE__ */ jsx("p", { className: css$5.quote, children: renderText(item.comment) }),
+      item.version === 3 ? /* @__PURE__ */ jsx("div", { className: css$5.tableScroll, children: /* @__PURE__ */ jsxs("table", { className: css$5.cells, "aria-label": item.a1, children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("th", { children: t("sheet.cell") }),
+          /* @__PURE__ */ jsx("th", { children: t("sheet.value") }),
+          item.cells.some((cell) => cell.formula) && /* @__PURE__ */ jsx("th", { children: t("sheet.formula") })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { children: item.cells.map((cell) => /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsxs("td", { children: [
+            columnName(cell.column),
+            cell.row + 1
+          ] }),
+          /* @__PURE__ */ jsxs("td", { title: draft2 ? `${t("sheet.raw")}: ${JSON.stringify(cell.raw)}${cell.format ? ` (${cell.format})` : ""}` : void 0, children: [
+            cell.display ? renderText(cell.display) : /* @__PURE__ */ jsx("span", { className: css$5.hint, children: t("sheet.empty") }),
+            cell.raw !== null && String(cell.raw) !== cell.display && /* @__PURE__ */ jsxs("small", { children: [
+              t("sheet.raw"),
+              ": ",
+              renderText(String(cell.raw))
+            ] })
+          ] }),
+          item.cells.some((value) => value.formula) && /* @__PURE__ */ jsx("td", { children: cell.formula && renderText(cell.formula) })
+        ] }, `${cell.row}:${cell.column}`)) })
+      ] }) }) : item.text && /* @__PURE__ */ jsx("blockquote", { className: css$5.quote, children: renderText(item.text) }),
+      item.version === 2 && item.image && renderImage?.(item)
+    ] }, `${item.id}:${index}`)),
+    openFailed && /* @__PURE__ */ jsx("p", { role: "alert", className: css$5.hint, children: t("file.openFailed") })
+  ] }) });
+}
+const overlay$1 = "_overlay_1y8gz_1";
+const css$4 = {
+  overlay: overlay$1
+};
+const DefaultOverlay = forwardRef(function DefaultOverlay2({ children, className, style, ...props }, ref) {
+  if (typeof document === "undefined") return null;
+  return createPortal(/* @__PURE__ */ jsx("div", { ...props, ref, style, className: `${css$4.overlay}${className ? ` ${className}` : ""}`, "data-annotation-window-overlay": true, children }), document.body);
+});
+const defaultRegions = {
+  Overlay: DefaultOverlay,
+  interactiveWindowRegion: Object.freeze({ "data-annotation-window-interactive": "" })
+};
+const Regions = createContext(defaultRegions);
+function AnnotationUiProvider({ value, children }) {
+  return /* @__PURE__ */ jsx(Regions.Provider, { value, children });
+}
+function useInteractiveWindowRegion() {
+  return useContext(Regions).interactiveWindowRegion;
+}
+const WindowOverlay = forwardRef(function WindowOverlay2(props, ref) {
+  const { Overlay } = useContext(Regions);
+  return /* @__PURE__ */ jsx(Overlay, { ...props, ref });
+});
+const control = "_control_1hlpi_1";
+const toggle$1 = "_toggle_1hlpi_2";
+const chrome = "_chrome_1hlpi_6";
+const outline = "_outline_1hlpi_11";
+const marker$1 = "_marker_1hlpi_12";
+const ask$1 = "_ask_1hlpi_14";
+const comment$1 = "_comment_1hlpi_16";
+const row = "_row_1hlpi_17";
+const confirm = "_confirm_1hlpi_20";
+const expanded = "_expanded_1hlpi_21";
+const actions = "_actions_1hlpi_23";
+const save = "_save_1hlpi_26";
+const batch = "_batch_1hlpi_27";
+const count = "_count_1hlpi_28";
+const grip = "_grip_1hlpi_29";
+const send = "_send_1hlpi_34";
+const error$1 = "_error_1hlpi_37";
+const snapshotReview = "_snapshotReview_1hlpi_38";
+const css$3 = {
+  control,
+  toggle: toggle$1,
+  chrome,
+  outline,
+  marker: marker$1,
+  ask: ask$1,
+  comment: comment$1,
+  row,
+  confirm,
+  expanded,
+  actions,
+  "delete": "_delete_1hlpi_25",
+  save,
+  batch,
+  count,
+  grip,
+  send,
+  error: error$1,
+  snapshotReview
+};
+function RequestIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M8 3H5a2 2 0 0 0-2 2v3M16 3h3a2 2 0 0 1 2 2v3M3 16v3a2 2 0 0 0 2 2h3M14 10l7 5-4 1-1 5z" }) });
+}
+function CommentEditor({ t, style, input, comment: comment2, setComment, busy, saved, direct, save: save2, cancel: cancel2, remove: remove2, optional = false }) {
+  const interactiveWindowRegion = useInteractiveWindowRegion();
+  useLayoutEffect(() => {
+    input.current?.focus();
+  }, []);
+  useLayoutEffect(() => {
+    if (!input.current) return;
+    input.current.style.height = "24px";
+    input.current.style.height = `${Math.min(144, input.current.scrollHeight)}px`;
+  }, [comment2]);
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      ...interactiveWindowRegion,
+      className: `${css$3.comment} ${saved ? css$3.expanded : ""}`,
+      style,
+      "data-page-comment": true,
+      onSubmit: (e) => {
+        e.preventDefault();
+        save2();
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: css$3.row, children: [
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              ref: input,
+              rows: 1,
+              maxLength: 8192,
+              value: comment2,
+              disabled: busy,
+              "aria-label": t(optional ? "response.placeholder" : direct ? "page.changes" : "page.placeholder"),
+              placeholder: t(optional ? "response.placeholder" : direct ? "page.changes" : "page.placeholder"),
+              onChange: (e) => setComment(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && e.keyCode !== 229) {
+                  e.preventDefault();
+                  save2();
+                }
+              }
+            }
+          ),
+          !saved && (!optional || comment2.length > 0) && /* @__PURE__ */ jsx("button", { type: "submit", className: css$3.confirm, "aria-label": t(optional ? "response.save" : direct ? "page.submit" : "page.comment"), disabled: busy || !comment2.trim(), children: /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.7", children: /* @__PURE__ */ jsx("path", { d: direct ? "M10 16V4m-5 5 5-5 5 5" : "m5 10 3 3 7-8" }) }) })
+        ] }),
+        saved && /* @__PURE__ */ jsxs("div", { className: css$3.actions, children: [
+          /* @__PURE__ */ jsx("button", { type: "button", className: css$3.delete, "aria-label": t("page.delete"), disabled: busy, onClick: remove2, children: /* @__PURE__ */ jsx(Trash, { width: 18, height: 18 }) }),
+          /* @__PURE__ */ jsx("button", { type: "button", disabled: busy, onClick: cancel2, children: t("page.cancel") }),
+          /* @__PURE__ */ jsx("button", { type: "submit", className: css$3.save, disabled: busy || !optional && !comment2.trim(), children: t("page.save") })
+        ] })
+      ]
+    }
+  );
+}
+function BatchControls({ t, bounds, count: count2, busy, sendDisabled, cancel: cancel2, send: send2, review }) {
+  const interactiveWindowRegion = useInteractiveWindowRegion();
+  const [offset, setOffset] = useState({ x: 0, y: 0 });
+  const bar = useRef(null);
+  const drag = useRef();
+  const room = Math.max(0, (bounds.width - (bar.current?.offsetWidth ?? 320)) / 2 - 12);
+  return /* @__PURE__ */ jsxs("div", { ...interactiveWindowRegion, ref: bar, className: css$3.batch, style: {
+    left: bounds.left + bounds.width / 2 + Math.max(-room, Math.min(room, offset.x)),
+    top: bounds.bottom - 52 + Math.max(100 - bounds.height, Math.min(0, offset.y)),
+    maxWidth: bounds.width - 24
+  }, "data-page-batch": true, children: [
+    /* @__PURE__ */ jsx("span", { className: css$3.grip, "aria-hidden": "true", onPointerDown: (e) => {
+      if (e.button !== 0) return;
+      e.preventDefault();
+      e.currentTarget.setPointerCapture(e.pointerId);
+      drag.current = { pointer: e.pointerId, x: e.clientX, y: e.clientY, offset };
+    }, onPointerMove: (e) => {
+      const start = drag.current;
+      if (!start || start.pointer !== e.pointerId) return;
+      setOffset({
+        x: Math.max(-room, Math.min(room, start.offset.x + e.clientX - start.x)),
+        y: Math.max(100 - bounds.height, Math.min(0, start.offset.y + e.clientY - start.y))
+      });
+    }, onPointerUp: () => {
+      drag.current = void 0;
+    }, onLostPointerCapture: () => {
+      drag.current = void 0;
+    }, children: "⠿" }),
+    review && count2 ? /* @__PURE__ */ jsxs("button", { type: "button", className: css$3.count, onClick: review, children: [
+      count2,
+      " ",
+      t(count2 === 1 ? "page.one" : "page.many")
+    ] }) : /* @__PURE__ */ jsx("span", { className: css$3.count, children: count2 ? `${count2} ${t(count2 === 1 ? "page.one" : "page.many")}` : t("page.pick") }),
+    /* @__PURE__ */ jsx("button", { type: "button", disabled: busy, onClick: cancel2, children: t("page.cancel") }),
+    !!count2 && /* @__PURE__ */ jsx("button", { type: "button", className: css$3.send, disabled: busy || sendDisabled, onClick: send2, children: t(busy ? "page.sending" : "page.send") })
+  ] });
+}
+const requestPick = (pick, presentation) => presentation ? { ...pick, intent: "presentation-request" } : { ...pick, intent: "batch" };
+function pageActionComponent(bridge, batches = new PageBatches()) {
+  const workflow = new DocumentWorkflow(bridge, batches);
+  return function PageSelectionAction({ absolutePath, t }) {
+    const interactiveWindowRegion = useInteractiveWindowRegion();
+    const mount = useRef(null), chrome2 = useRef(null), input = useRef(null);
+    const pending = useRef(), operationId = useRef(0);
+    const [preview, setPreview] = useState(), [bounds, setBounds] = useState();
+    const [session, setSession] = useState(bridge.targetKey()), [mode, setMode] = useState(false);
+    const [interaction, dispatch] = useReducer(pageInteraction, { phase: "idle", error: "" });
+    const current = useRef(interaction);
+    current.current = interaction;
+    const menu = interaction.phase === "selected" ? interaction.selection : void 0;
+    const editor = "draft" in interaction ? interaction.draft : void 0;
+    const comment2 = "comment" in interaction ? interaction.comment ?? "" : "";
+    const busy = interaction.phase === "submitting", error2 = interaction.error;
+    const liveEditor = () => "draft" in current.current ? current.current.draft : void 0;
+    const liveMenu = () => current.current.phase === "selected" ? current.current.selection : void 0;
+    const setComment = (value) => dispatch({ type: "comment", value });
+    const [outline2, setOutline] = useState();
+    const [, geometry] = useState(0);
+    useSyncExternalStore(batches.subscribe, batches.getSnapshot);
+    const supported = /\.(pdf|docx?|pptx?)$/iu.test(absolutePath);
+    const kind = /\.pdf$/iu.test(absolutePath) ? "pdf" : "office", presentation = /\.pptx?$/iu.test(absolutePath);
+    const address = preview?.dataset.textpreviewUrl ?? "";
+    const scope = { session: session ?? "", address };
+    let items = [];
+    let restoreError = "";
+    try {
+      if (session && address) items = batches.read(session, address).filter((item) => item.version === 2);
+    } catch (e) {
+      restoreError = annotationFailure(e);
+    }
+    const select = (selection) => dispatch({ type: "select", selection });
+    const cancelEditor = () => {
+      pending.current?.abort();
+      dispatch({ type: "cancel" });
+      setOutline(void 0);
+    };
+    const begin = (draft2) => {
+      if (draft2.intent === "presentation-request" && !workflow.canSend) return;
+      dispatch({ type: "edit", draft: draft2, comment: draft2.saved?.comment ?? "" });
+      window.getSelection()?.removeAllRanges();
+    };
+    useLayoutEffect(() => {
+      setPreview(mount.current?.closest("[data-textpreview-url]") ?? void 0);
+    }, [absolutePath]);
+    useEffect(() => bridge.subscribe(() => setSession(bridge.targetKey())), []);
+    useEffect(() => {
+      cancelEditor();
+      setMode(false);
+      return () => {
+        pending.current?.abort();
+      };
+    }, [session, address]);
+    useLayoutEffect(() => {
+      if (!preview) return;
+      const measure = () => {
+        setBounds(preview.getBoundingClientRect());
+        geometry((n) => n + 1);
+      };
+      measure();
+      const observer = new ResizeObserver(measure);
+      observer.observe(preview);
+      const pages = new MutationObserver(measure);
+      pages.observe(preview, { childList: true, subtree: true, attributes: true, attributeFilter: ["width", "height"] });
+      window.addEventListener("resize", measure);
+      window.addEventListener("scroll", measure, true);
+      return () => {
+        observer.disconnect();
+        pages.disconnect();
+        window.removeEventListener("resize", measure);
+        window.removeEventListener("scroll", measure, true);
+      };
+    }, [preview]);
+    useLayoutEffect(() => {
+      if (editor) input.current?.focus();
+    }, [editor]);
+    useLayoutEffect(() => {
+      if (!input.current) return;
+      input.current.style.height = "24px";
+      input.current.style.height = `${Math.min(144, input.current.scrollHeight)}px`;
+    }, [comment2, editor]);
+    useEffect(() => {
+      if (!preview || !supported) return;
+      let drag;
+      const captureText = () => {
+        if (mode || liveEditor()) return;
+        const selection = window.getSelection(), range = selection?.rangeCount ? selection.getRangeAt(0) : void 0;
+        const value = range && readPageText(range, preview);
+        if (!range || !value) {
+          select();
+          return;
+        }
+        select({ value, source: range.startContainer, anchors: rangeAnchors(range, preview), bounds: range.getBoundingClientRect() });
+      };
+      const start = (event) => {
+        if (!mode || busy || event.button !== 0 || !(event.target instanceof Element)) return;
+        const page = event.target.closest("[data-pdf-page]"), canvas = page?.querySelector("canvas");
+        if (!canvas || !preview.contains(canvas) || !canvas.width || !canvas.height) return;
+        const box = canvas.getBoundingClientRect();
+        if (event.clientX < box.left || event.clientX > box.right || event.clientY < box.top || event.clientY > box.bottom) return;
+        event.preventDefault();
+        event.stopPropagation();
+        cancelEditor();
+        window.getSelection()?.removeAllRanges();
+        drag = { pointer: event.pointerId, start: { x: event.clientX, y: event.clientY }, canvas, page: Number(page.dataset.pdfPage), element: event.target };
+        preview.setPointerCapture(event.pointerId);
+      };
+      const move = (event) => {
+        if (!drag || event.pointerId !== drag.pointer) return;
+        const rect = pageRegion(drag.start, { x: event.clientX, y: event.clientY }, drag.canvas.getBoundingClientRect());
+        setOutline(rect ? projectAnchors([{ page: drag.page, rect }], preview)[0] : void 0);
+      };
+      const end = (event) => {
+        if (!drag || event.pointerId !== drag.pointer) return;
+        const active = drag;
+        drag = void 0;
+        if (preview.hasPointerCapture(event.pointerId)) preview.releasePointerCapture(event.pointerId);
+        const region = pageRegion(active.start, { x: event.clientX, y: event.clientY }, active.canvas.getBoundingClientRect());
+        setOutline(void 0);
+        if (region) {
+          const anchors = [{ page: active.page, rect: region }], box = projectAnchors(anchors, preview)[0];
+          if (box) begin({ intent: "batch", source: active.canvas, anchors, bounds: box, value: { canvas: active.canvas, region, page: active.page } });
+        } else {
+          const span = active.element.closest("[data-pdf-text] span");
+          if (!span) return;
+          const range = document.createRange();
+          range.selectNodeContents(span);
+          const value = readPageText(range, preview);
+          if (value) begin({ intent: "batch", source: span, anchors: rangeAnchors(range, preview), bounds: span.getBoundingClientRect(), value });
+        }
+      };
+      const keyboard = (event) => {
+        if (event.isComposing) return;
+        if (event.key === "Escape") {
+          if (liveEditor() || liveMenu()) {
+            event.preventDefault();
+            cancelEditor();
+          } else setMode(false);
+        }
+        const selected = liveMenu();
+        if ((event.ctrlKey || event.metaKey) && event.shiftKey && event.key.toLowerCase() === "x" && selected) {
+          event.preventDefault();
+          begin(requestPick(selected, presentation));
+        }
+      };
+      const outside = (event) => {
+        if (!(event.target instanceof Node) || chrome2.current?.contains(event.target) || mount.current?.contains(event.target)) return;
+        if (liveEditor() && !busy) cancelEditor();
+        if (!preview.contains(event.target)) select();
+      };
+      const mutations = new MutationObserver((records) => {
+        const source2 = liveEditor()?.source ?? liveMenu()?.source;
+        const page = (source2 instanceof Element ? source2 : source2?.parentElement)?.closest("[data-pdf-page]");
+        if (source2 && (!source2.isConnected || records.some((r) => page?.contains(r.target) && (r.type !== "childList" || [...r.addedNodes, ...r.removedNodes].some((node) => !(node instanceof Element && node.classList.contains("endOfContent"))))))) cancelEditor();
+        if (drag && !drag.canvas.isConnected) {
+          drag = void 0;
+          setOutline(void 0);
+        }
+      });
+      mutations.observe(preview, { subtree: true, childList: true, characterData: true, attributes: true, attributeFilter: ["width", "height"] });
+      if (mode) preview.dataset.pageRegionSelecting = "true";
+      const cancelDrag = () => {
+        drag = void 0;
+        setOutline(void 0);
+      };
+      document.addEventListener("selectionchange", captureText);
+      preview.addEventListener("pointerdown", start, true);
+      window.addEventListener("pointermove", move);
+      window.addEventListener("pointerup", end);
+      window.addEventListener("pointercancel", cancelDrag);
+      window.addEventListener("scroll", cancelDrag, true);
+      window.addEventListener("keydown", keyboard);
+      window.addEventListener("pointerdown", outside);
+      return () => {
+        mutations.disconnect();
+        delete preview.dataset.pageRegionSelecting;
+        document.removeEventListener("selectionchange", captureText);
+        preview.removeEventListener("pointerdown", start, true);
+        window.removeEventListener("pointermove", move);
+        window.removeEventListener("pointerup", end);
+        window.removeEventListener("pointercancel", cancelDrag);
+        window.removeEventListener("scroll", cancelDrag, true);
+        window.removeEventListener("keydown", keyboard);
+        window.removeEventListener("pointerdown", outside);
+      };
+    }, [preview, supported, mode, busy]);
+    if (!supported) return null;
+    const save2 = async () => {
+      if (!editor || !session || !comment2.trim() || busy || pending.current && !pending.current.signal.aborted || editor.source && !editor.source.isConnected) return;
+      const controller = new AbortController();
+      pending.current?.abort();
+      pending.current = controller;
+      const token = ++operationId.current;
+      dispatch({ type: "start", operation: "commit", token });
+      try {
+        let snapshot = editor.saved, image2;
+        if (!snapshot) {
+          const id = crypto.randomUUID();
+          if ("canvas" in editor.value) {
+            const capture = await capturePageRegion(editor.value.canvas, editor.value.region, id, controller.signal);
+            image2 = capture.file;
+            snapshot = {
+              version: 2,
+              id,
+              address,
+              kind,
+              text: "",
+              startPage: editor.value.page,
+              endPage: editor.value.page,
+              anchors: editor.anchors,
+              region: editor.value.region,
+              image: capture.image
+            };
+          } else snapshot = { version: 2, id, address, kind, ...editor.value, anchors: editor.anchors };
+        }
+        snapshot = { ...snapshot, comment: comment2.trim() };
+        if (editor.intent === "presentation-request") {
+          await workflow.commit(scope, { kind: "presentation-request", snapshot }, controller.signal);
+        } else await workflow.commit(scope, { kind: "batch", snapshot, image: image2 }, controller.signal);
+        if (!controller.signal.aborted) {
+          dispatch({ type: "complete", token });
+          setOutline(void 0);
+        }
+      } catch (e) {
+        if (!controller.signal.aborted) dispatch({ type: "fail", token, error: annotationFailure(e) });
+      } finally {
+        if (pending.current === controller) pending.current = void 0;
+      }
+    };
+    const remove2 = async (ids) => {
+      if (!session || busy || pending.current && !pending.current.signal.aborted) return;
+      const controller = new AbortController(), token = ++operationId.current;
+      pending.current = controller;
+      dispatch({ type: "start", operation: "batch-remove", token });
+      try {
+        await workflow.remove(scope, ids, controller.signal);
+        if (!controller.signal.aborted) dispatch({ type: "complete", token });
+      } catch (e) {
+        if (!controller.signal.aborted) dispatch({ type: "fail", token, error: annotationFailure(e) });
+      } finally {
+        if (pending.current === controller) pending.current = void 0;
+      }
+    };
+    const send2 = async () => {
+      if (!session || !items.length || busy || pending.current && !pending.current.signal.aborted || editor || !workflow.canSend) return;
+      const controller = new AbortController(), token = ++operationId.current;
+      pending.current = controller;
+      dispatch({ type: "start", operation: "batch-send", token });
+      try {
+        await workflow.send(scope, controller.signal);
+        if (!controller.signal.aborted) {
+          setMode(false);
+          dispatch({ type: "complete", token });
+        }
+      } catch (e) {
+        if (!controller.signal.aborted) dispatch({ type: "fail", token, error: annotationFailure(e) });
+      } finally {
+        if (pending.current === controller) pending.current = void 0;
+      }
+    };
+    const openSaved = (item) => {
+      if (busy || !preview) return;
+      const anchors = item.anchors ?? (item.region ? [{ page: item.startPage, rect: item.region }] : []);
+      const box = enclosing(projectAnchors(anchors, preview)) ?? pageBounds(preview, item.startPage);
+      if (box) begin({ intent: "batch", saved: item, anchors, bounds: box, value: item });
+    };
+    const editorBoxes = editor && preview ? projectAnchors(editor.anchors, preview) : [];
+    const editorBox = enclosing(editorBoxes) ?? editor?.bounds;
+    const width = Math.min(296, (bounds?.width ?? 320) - 24);
+    const beside = editorBox && bounds && editorBox.right + width + 24 < bounds.right;
+    const left = editorBox && bounds ? Math.max(bounds.left + 12, Math.min(beside ? editorBox.right + 18 : editorBox.right - width, bounds.right - width - 12)) : 0;
+    const top = editorBox && bounds ? Math.max(bounds.top + 48, Math.min(
+      beside ? editorBox.top - 24 : editorBox.bottom + 8,
+      bounds.bottom - (editor?.saved ? 160 : Math.max(64, (input.current?.scrollHeight ?? 24) + 40))
+    )) : 0;
+    const visible = (box) => bounds && box.bottom > bounds.top + 40 && box.top < bounds.bottom && box.right > bounds.left && box.left < bounds.right;
+    return /* @__PURE__ */ jsxs("span", { ...interactiveWindowRegion, ref: mount, className: css$3.control, children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: css$3.toggle,
+          "data-page-region-toggle": true,
+          "aria-pressed": mode,
+          disabled: !session || busy,
+          onClick: () => {
+            cancelEditor();
+            setMode(!mode);
+          },
+          children: [
+            /* @__PURE__ */ jsx(RequestIcon, {}),
+            t("page.request")
+          ]
+        }
+      ),
+      preview && bounds && /* @__PURE__ */ jsxs(
+        WindowOverlay,
+        {
+          ref: chrome2,
+          className: css$3.chrome,
+          "data-document-annotations": true,
+          style: { clipPath: `inset(${bounds.top + 40}px ${Math.max(0, window.innerWidth - bounds.right)}px ${Math.max(0, window.innerHeight - bounds.bottom)}px ${bounds.left}px)` },
+          children: [
+            items.map((item) => {
+              if (item.id === editor?.saved?.id) return null;
+              const boxes2 = projectAnchors(item.anchors ?? [], preview), box = enclosing(boxes2);
+              return box && visible(box) ? /* @__PURE__ */ jsxs("div", { children: [
+                boxes2.filter(visible).map((b, i) => /* @__PURE__ */ jsx("div", { className: css$3.outline, style: b }, i)),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    ...interactiveWindowRegion,
+                    type: "button",
+                    className: css$3.marker,
+                    "aria-label": `${t("page.edit")} ${items.indexOf(item) + 1}`,
+                    style: { left: Math.min(box.right - 13, bounds.right - 30), top: Math.max(bounds.top + 44, box.top - 13) },
+                    onClick: () => openSaved(item)
+                  }
+                )
+              ] }, item.id) : null;
+            }),
+            outline2 && /* @__PURE__ */ jsx("div", { className: css$3.outline, style: outline2 }),
+            menu && !editor && visible(menu.bounds) && /* @__PURE__ */ jsx(
+              "button",
+              {
+                ...interactiveWindowRegion,
+                type: "button",
+                className: css$3.ask,
+                "data-page-ask": true,
+                disabled: presentation && !workflow.canSend,
+                style: { left: Math.max(bounds.left + 8, Math.min(menu.bounds.right, bounds.right - 230)), top: Math.min(menu.bounds.bottom + 8, bounds.bottom - 44) },
+                onPointerDown: (e) => e.preventDefault(),
+                onClick: () => begin(requestPick(menu, presentation)),
+                children: presentation ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(RequestIcon, {}),
+                  t("page.request")
+                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  t("page.ask"),
+                  /* @__PURE__ */ jsx("kbd", { children: "Ctrl Shift X" })
+                ] })
+              }
+            ),
+            editor && editorBox && visible(editorBox) && /* @__PURE__ */ jsxs(Fragment, { children: [
+              (editorBoxes.length ? editorBoxes : [editorBox]).filter(visible).map((box, i) => /* @__PURE__ */ jsx("div", { className: css$3.outline, style: { ...box, borderStyle: editor.intent === "presentation-request" ? "solid" : void 0 } }, i)),
+              editor.intent === "batch" && /* @__PURE__ */ jsx("span", { className: css$3.marker, style: { left: Math.min(editorBox.right - 13, bounds.right - 30), top: Math.max(bounds.top + 44, editorBox.top - 13) } }),
+              /* @__PURE__ */ jsx(
+                CommentEditor,
+                {
+                  t,
+                  style: { left, top, width },
+                  input,
+                  comment: comment2,
+                  setComment,
+                  busy,
+                  saved: !!editor.saved,
+                  direct: editor.intent === "presentation-request",
+                  save: () => void save2(),
+                  cancel: cancelEditor,
+                  remove: () => void remove2([editor.saved.id])
+                },
+                editor.saved?.id ?? "new"
+              )
+            ] }),
+            (mode || items.length > 0) && /* @__PURE__ */ jsx(
+              BatchControls,
+              {
+                t,
+                bounds,
+                count: items.length,
+                busy,
+                sendDisabled: !!editor || !workflow.canSend,
+                cancel: () => {
+                  void remove2(items.map((item) => item.id)).then(() => setMode(false));
+                },
+                send: () => void send2()
+              },
+              `${session}:${address}`
+            ),
+            (error2 || restoreError) && /* @__PURE__ */ jsx("div", { ...interactiveWindowRegion, className: css$3.error, role: "alert", style: { left: bounds.left + 12, bottom: window.innerHeight - bounds.bottom + 60, maxWidth: bounds.width - 24 }, children: annotationErrorText(error2 || restoreError, t) }),
+            !workflow.canSend && (mode || items.length > 0 || menu) && /* @__PURE__ */ jsx(
+              "div",
+              {
+                role: "status",
+                className: css$3.error,
+                style: { left: bounds.left + 12, bottom: window.innerHeight - bounds.bottom + 60, maxWidth: bounds.width - 24 },
+                children: t("page.senderUnavailable")
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  };
+}
+function failedSheetPreview(root) {
+  for (const host2 of root.querySelectorAll("[data-textpreview-url]")) {
+    const address = host2.dataset.textpreviewUrl;
+    if (!/\.(xlsx|csv)$/iu.test(parseFileAddress(address)?.path ?? "") || host2.querySelector("[data-annotation-sheet]")) continue;
+    if (host2.querySelector("[data-textpreview-failed], [data-sheet-load-error]")) return { host: host2, address };
+  }
+}
+function sheetRecoveryComponent(bridge, batches) {
+  const workflow = new DocumentWorkflow(bridge, batches);
+  return function SheetRecovery({ sessionId, t }) {
+    const interactiveWindowRegion = useInteractiveWindowRegion();
+    const [target, setTarget] = useState();
+    const [bounds, setBounds] = useState(), [busy, setBusy] = useState(false), [error2, setError] = useState("");
+    const pending = useRef();
+    useSyncExternalStore(batches.subscribe, batches.getSnapshot);
+    useEffect(() => {
+      let frame;
+      const scan = () => {
+        frame = void 0;
+        const next = bridge.targetKey() === sessionId ? failedSheetPreview(document) : void 0;
+        setTarget((previous) => previous?.host === next?.host && previous?.address === next?.address ? previous : next);
+      };
+      const schedule = () => {
+        if (frame === void 0) frame = requestAnimationFrame(scan);
+      };
+      const observer = new MutationObserver(schedule);
+      observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ["data-textpreview-url", "data-textpreview-failed"] });
+      const unsubscribe = bridge.subscribe(schedule);
+      scan();
+      return () => {
+        observer.disconnect();
+        unsubscribe();
+        if (frame !== void 0) cancelAnimationFrame(frame);
+      };
+    }, [sessionId]);
+    useEffect(() => {
+      setError("");
+      setBusy(false);
+      if (!target) return;
+      const measure = () => setBounds(target.host.getBoundingClientRect());
+      const observer = new ResizeObserver(measure);
+      observer.observe(target.host);
+      measure();
+      window.addEventListener("resize", measure);
+      return () => {
+        observer.disconnect();
+        window.removeEventListener("resize", measure);
+        pending.current?.abort();
+      };
+    }, [target, sessionId]);
+    if (!target || !bounds || bounds.width === 0) return null;
+    let items;
+    try {
+      items = batches.read(sessionId, target.address).filter((s) => s.version === 3);
+    } catch {
+      return null;
+    }
+    if (!items.length) return null;
+    const run = async (send2, ids = items.map((item) => item.id)) => {
+      if (busy || pending.current && !pending.current.signal.aborted) return;
+      const controller = new AbortController();
+      pending.current = controller;
+      setBusy(true);
+      setError("");
+      try {
+        if (send2) {
+          await workflow.send({ session: sessionId, address: target.address }, controller.signal);
+        } else await workflow.remove({ session: sessionId, address: target.address }, ids, controller.signal);
+      } catch (e) {
+        if (!controller.signal.aborted) setError(annotationFailure(e));
+      } finally {
+        if (pending.current === controller) {
+          pending.current = void 0;
+          if (!controller.signal.aborted) setBusy(false);
+        }
+      }
+    };
+    return /* @__PURE__ */ jsxs(WindowOverlay, { className: css$3.chrome, "data-sheet-recovery": true, children: [
+      /* @__PURE__ */ jsxs("div", { ...interactiveWindowRegion, className: css$3.snapshotReview, style: { left: bounds.left + 12, top: bounds.top + 58, width: bounds.width - 24, maxHeight: bounds.height - 125 }, children: [
+        /* @__PURE__ */ jsx("p", { children: t("sheet.unavailable") }),
+        !workflow.canSend && /* @__PURE__ */ jsx("p", { role: "status", children: t("page.senderUnavailable") }),
+        /* @__PURE__ */ jsx(SelectionCard, { t, items, initiallyOpen: true, onRemove: busy ? void 0 : (index) => void run(false, [items[index].id]) }),
+        error2 && /* @__PURE__ */ jsx("p", { role: "alert", children: annotationErrorText(error2, t) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        BatchControls,
+        {
+          t,
+          bounds,
+          count: items.length,
+          busy,
+          sendDisabled: !workflow.canSend,
+          cancel: () => void run(false),
+          send: () => void run(true)
+        }
+      )
+    ] });
+  };
+}
+function ResponseCard({ items, draft: draft2 = false, t, onOpen, onRemove, onClear, renderText = (text2) => text2 }) {
+  const [failure, setFailure] = useState();
+  const run = async (action2) => {
+    try {
+      await action2();
+      setFailure(void 0);
+    } catch (error2) {
+      setFailure(annotationFailure(error2));
+    }
+  };
+  if (!items.length) return null;
+  return /* @__PURE__ */ jsxs(
+    ReferenceCard,
+    {
+      kind: "response",
+      draft: draft2,
+      label: `${items.length} ${t(items.length === 1 ? "packet.one" : "packet.many")}`,
+      clearLabel: t("packet.removeAll"),
+      onClear: onClear ? () => {
+        void run(onClear);
+      } : void 0,
+      children: [
+        items.map((snapshot, index) => /* @__PURE__ */ jsxs("article", { className: css$5.entry, children: [
+          /* @__PURE__ */ jsxs("div", { className: css$5.heading, children: [
+            onOpen ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: css$5.source,
+                title: t("response.source"),
+                onClick: (event) => {
+                  const trigger = event.currentTarget;
+                  void run(() => onOpen(snapshot, false, trigger));
+                },
+                children: [
+                  index + 1,
+                  ". ",
+                  t("response.location")
+                ]
+              }
+            ) : /* @__PURE__ */ jsxs("span", { className: css$5.source, children: [
+              index + 1,
+              ". ",
+              t("response.location")
+            ] }),
+            draft2 && onOpen && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: css$5.remove,
+                "aria-label": `${t("response.edit")} ${index + 1}`,
+                onClick: (event) => {
+                  const trigger = event.currentTarget;
+                  void run(() => onOpen(snapshot, true, trigger));
+                },
+                children: /* @__PURE__ */ jsx(Pencil, { width: 14, height: 14 })
+              }
+            ),
+            onRemove && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: css$5.remove,
+                "aria-label": `${t("page.delete")} ${index + 1}`,
+                onClick: () => {
+                  void run(() => onRemove(snapshot));
+                },
+                children: /* @__PURE__ */ jsx(Trash, { width: 14, height: 14 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("blockquote", { className: css$5.quote, "aria-label": t("response.selected"), children: renderText(snapshot.text) }),
+          snapshot.comment && /* @__PURE__ */ jsx("p", { className: css$5.quote, children: renderText(snapshot.comment) })
+        ] }, `${snapshot.id}:${index}`)),
+        failure && /* @__PURE__ */ jsx("p", { role: "alert", className: css$5.hint, children: annotationErrorText(failure, t) })
+      ]
+    }
+  );
+}
+const overlay = "_overlay_1izny_1";
+const markers = "_markers_1izny_3";
+const highlight = "_highlight_1izny_4";
+const marker = "_marker_1izny_3";
+const ask = "_ask_1izny_6";
+const css$2 = {
+  overlay,
+  markers,
+  highlight,
+  marker,
+  ask
+};
+function viewport(root) {
+  const frame = root.closest("[data-conversation-scroll]");
+  if (frame) return frame.getBoundingClientRect();
+  for (let parent = root.parentElement; parent; parent = parent.parentElement) {
+    if (/(auto|scroll)/u.test(getComputedStyle(parent).overflowY)) return parent.getBoundingClientRect();
+  }
+  return (root.closest("[data-chat-flow]") ?? root).getBoundingClientRect();
+}
+const boxes = (ranges) => ranges.flatMap((range) => Array.from(range.getClientRects())).filter((rect) => rect.width > 0 && rect.height > 0);
+function ResponseOverlay({ controller, sessionId, t }) {
+  const interactiveWindowRegion = useInteractiveWindowRegion();
+  useSyncExternalStore(controller.subscribe, controller.getSnapshot);
+  const [layout, setLayout] = useState(0);
+  const [comment2, setComment] = useState("");
+  const input = useRef(null);
+  const addButton = useRef(null);
+  const [addSize, setAddSize] = useState({ width: 0, height: 0 });
+  const overlay2 = useRef(null);
+  const observedEditors = useRef(/* @__PURE__ */ new Set());
+  useEffect(() => controller.composer.subscribe(() => {
+    setLayout((value) => value + 1);
+  }), [controller]);
+  const active = controller.composer.targetKey() === sessionId;
+  const editor = active && controller.editor?.snapshot.sessionId === sessionId ? controller.editor : void 0;
+  const candidate = active ? controller.candidate : void 0;
+  const items = active ? controller.composer.responses?.read(sessionId) ?? [] : [];
+  const source2 = [...controller.surfaces].find((surface) => surface.source.sessionId === sessionId)?.root;
+  const frameRoot = source2?.closest("[data-chat-flow]") ?? source2;
+  useLayoutEffect(() => {
+    setComment(editor?.snapshot.comment ?? "");
+  }, [editor]);
+  useLayoutEffect(() => {
+    const button2 = addButton.current;
+    if (!button2) return;
+    const measure = () => {
+      const { width, height } = button2.getBoundingClientRect();
+      setAddSize((previous) => previous.width === width && previous.height === height ? previous : { width, height });
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    observer.observe(button2);
+    return () => observer.disconnect();
+  }, [candidate, editor, t]);
+  useLayoutEffect(() => {
+    if (!active) return;
+    const observer = new ResizeObserver(() => setLayout((value) => value + 1));
+    if (frameRoot) observer.observe(frameRoot);
+    if (input.current?.form) observer.observe(input.current.form);
+    return () => observer.disconnect();
+  }, [active, frameRoot, editor]);
+  useEffect(() => {
+    if (!active) return;
+    let frame = 0;
+    const measure = () => {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(() => setLayout((value) => value + 1));
+    };
+    const select = () => {
+      if (overlay2.current?.contains(document.activeElement)) return;
+      controller.select(sessionId);
+    };
+    const keyup = (event) => {
+      if (!event.isComposing && event.key.startsWith("Arrow")) select();
+    };
+    const outside = (event) => {
+      if (event.target instanceof Node && !overlay2.current?.contains(event.target)) {
+        if (controller.editor) controller.dismiss();
+        else if (controller.selectedId) controller.dismiss();
+      }
+    };
+    const keydown = (event) => {
+      if (event.key === "Tab" && !event.shiftKey && controller.candidate && !controller.editor && !overlay2.current?.contains(document.activeElement)) {
+        const add = overlay2.current?.querySelector("[data-response-add]");
+        if (add) {
+          event.preventDefault();
+          add.focus();
+          return;
+        }
+      }
+      if (event.key !== "Escape" || event.isComposing || !controller.editor && !controller.candidate && !controller.selectedId) return;
+      event.preventDefault();
+      controller.dismiss(true);
+    };
+    document.addEventListener("selectionchange", select);
+    document.addEventListener("pointerup", select);
+    document.addEventListener("keyup", keyup);
+    document.addEventListener("keydown", keydown);
+    document.addEventListener("pointerdown", outside);
+    window.addEventListener("scroll", measure, true);
+    window.addEventListener("resize", measure);
+    return () => {
+      cancelAnimationFrame(frame);
+      document.removeEventListener("selectionchange", select);
+      document.removeEventListener("pointerup", select);
+      document.removeEventListener("keyup", keyup);
+      document.removeEventListener("keydown", keydown);
+      document.removeEventListener("pointerdown", outside);
+      window.removeEventListener("scroll", measure, true);
+      window.removeEventListener("resize", measure);
+      controller.dismiss();
+    };
+  }, [active, controller, sessionId]);
+  useEffect(() => {
+    if (!editor) return;
+    if (items.some((item) => item.id === editor.snapshot.id)) observedEditors.current.add(editor.snapshot.id);
+    else if (observedEditors.current.has(editor.snapshot.id) && !controller.busy) controller.dismiss();
+  }, [controller, editor, items]);
+  if (!active) return null;
+  const fallback = document.querySelector("[data-chat-flow]");
+  if (!source2 && !fallback) return null;
+  const bounds = viewport(source2 ?? fallback);
+  if (bounds.width < 1 || bounds.height < 1) return null;
+  const visible = (box) => box.bottom > bounds.top && box.top < bounds.bottom && box.right > bounds.left && box.left < bounds.right;
+  const entries = items.map((snapshot) => {
+    const ranges = controller.ranges(snapshot);
+    const root = ranges[0]?.startContainer.parentElement?.closest("[data-response-source]");
+    return { snapshot, rects: boxes(ranges), root };
+  });
+  const selectedRanges = controller.selected ? controller.ranges(controller.selected) : [];
+  const selectedRoot = selectedRanges[0]?.startContainer.parentElement?.closest("[data-response-source]");
+  const readonlySelection = controller.selected && !items.some((item) => item.id === controller.selectedId) && !editor ? boxes(selectedRanges).filter(visible) : [];
+  const pick = candidate && boxes(candidate.ranges).filter(visible).at(-1);
+  const editing = editor && (entries.find((entry2) => entry2.snapshot.id === editor.snapshot.id)?.rects.filter(visible).at(-1) ?? new DOMRect(bounds.left + bounds.width / 2, bounds.bottom - 30, 0, 0));
+  const panelWidth = Math.max(100, Math.min(296, bounds.width - 16));
+  const panelHeight = input.current?.form?.getBoundingClientRect().height || (editor?.initial ? 46 : 128);
+  const position = (box, width, height) => ({
+    width,
+    left: Math.max(bounds.left + 8, Math.min(box.right - width, bounds.right - width - 8)),
+    top: Math.max(bounds.top + 8, Math.min(box.top - height - 12 >= bounds.top ? box.top - height - 12 : box.bottom + 10, bounds.bottom - height - 8))
+  });
+  return /* @__PURE__ */ jsxs(
+    WindowOverlay,
+    {
+      ref: overlay2,
+      className: `${css$3.chrome} ${css$2.overlay}`,
+      "data-response-annotation-ui": true,
+      "data-layout-revision": layout,
+      style: { clipPath: `inset(${Math.max(0, bounds.top)}px ${Math.max(0, window.innerWidth - bounds.right)}px ${Math.max(0, window.innerHeight - bounds.bottom)}px ${Math.max(0, bounds.left)}px)` },
+      children: [
+        selectedRoot && createPortal(/* @__PURE__ */ jsx("div", { "data-response-annotation-ui": true, className: css$2.markers, children: readonlySelection.map((rect, index) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: css$2.highlight,
+            style: { left: rect.left - selectedRoot.getBoundingClientRect().left, top: rect.top - selectedRoot.getBoundingClientRect().top, width: rect.width, height: rect.height }
+          },
+          `source:${index}`
+        )) }), selectedRoot),
+        entries.map(({ snapshot, rects, root }, index) => {
+          const visibleRects = rects.filter(visible);
+          const end = visibleRects.at(-1);
+          if (!end || !root) return null;
+          const origin = root.getBoundingClientRect();
+          return createPortal(/* @__PURE__ */ jsxs("div", { "data-response-annotation-ui": true, className: css$2.markers, children: [
+            controller.selectedId === snapshot.id && visibleRects.map((rect, boxIndex) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: css$2.highlight,
+                style: { left: rect.left - origin.left, top: rect.top - origin.top, width: rect.width, height: rect.height }
+              },
+              boxIndex
+            )),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                ...interactiveWindowRegion,
+                type: "button",
+                className: `${css$3.marker} ${css$2.marker}`,
+                "aria-label": `${t("response.edit")} ${index + 1}`,
+                style: { left: Math.max(bounds.left + 2, Math.min(end.right + 4, bounds.right - 22)) - origin.left, top: Math.max(bounds.top + 2, end.top + end.height / 2 - 10) - origin.top },
+                onClick: (event) => {
+                  void controller.open(snapshot, true, event.currentTarget).catch((error2) => {
+                    controller.failure = annotationFailure(error2);
+                    controller.changed();
+                  });
+                },
+                children: index + 1
+              }
+            )
+          ] }), root, snapshot.id);
+        }),
+        pick && !editor && /* @__PURE__ */ jsx(
+          "button",
+          {
+            ...interactiveWindowRegion,
+            ref: addButton,
+            type: "button",
+            className: `${css$3.ask} ${css$2.ask}`,
+            "data-response-add": true,
+            style: { ...position(pick, addSize.width || 80, addSize.height || 28), width: "max-content", maxWidth: bounds.width - 16 },
+            disabled: controller.busy,
+            onPointerDown: (event) => event.preventDefault(),
+            onClick: () => {
+              void controller.add();
+            },
+            children: t("response.add")
+          }
+        ),
+        editor && editing && /* @__PURE__ */ jsx(
+          CommentEditor,
+          {
+            optional: true,
+            t,
+            input,
+            style: position(editing, panelWidth, panelHeight),
+            comment: comment2,
+            setComment,
+            saved: !editor.initial,
+            busy: controller.busy,
+            save: () => controller.save(comment2),
+            cancel: () => controller.dismiss(true),
+            remove: () => controller.remove()
+          },
+          `${editor.snapshot.id}:${editor.initial}`
+        ),
+        controller.failure && /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...interactiveWindowRegion,
+            role: "alert",
+            className: css$3.error,
+            style: { left: bounds.left + 12, top: bounds.bottom - 70, maxWidth: bounds.width - 24 },
+            children: annotationErrorText(controller.failure, t)
+          }
+        )
+      ]
+    }
+  );
+}
+const action = "_action_j93o2_1";
+const button = "_button_j93o2_2";
+const error = "_error_j93o2_6";
+const css$1 = {
+  action,
+  button,
+  error
+};
+function sourceRoot(preview, kind) {
+  const selector = kind === "code" ? "[data-code-preview]" : kind === "text" ? "[data-textpreview-plain]" : "[data-annotation-markdown-source] [data-document-markdown]";
+  return preview.querySelector(selector);
+}
+function actionComponent(kind, bridge) {
+  return function FileSelectionAction({ content, useTabInfo, t }) {
+    const { tab } = useTabInfo();
+    const mount = useRef(null);
+    const popup = useRef(null);
+    const pending = useRef(null);
+    const mounted = useRef(false);
+    const [selected, setSelected] = useState();
+    const [target, setTarget] = useState(bridge.hasTarget());
+    const [busy, setBusy] = useState(false);
+    const [error2, setError] = useState("");
+    const source2 = content.kind === "text" ? content.text : void 0;
+    const eof = content.kind === "text" ? content.eof : false;
+    useEffect(() => {
+      let previous = bridge.targetKey();
+      return bridge.subscribe(() => {
+        setTarget(bridge.hasTarget());
+        if (previous !== bridge.targetKey()) {
+          previous = bridge.targetKey();
+          pending.current?.abort();
+          setSelected(void 0);
+        }
+      });
+    }, []);
+    useEffect(() => {
+      mounted.current = true;
+      return () => {
+        mounted.current = false;
+        pending.current?.abort();
+        pending.current = null;
+      };
+    }, []);
+    useEffect(() => {
+      pending.current?.abort();
+      pending.current = null;
+      setBusy(false);
+      setSelected(void 0);
+      setError("");
+      const preview = mount.current?.closest("[data-textpreview-url]");
+      if (preview === void 0 || preview === null || source2 === void 0) return;
+      const capture = () => {
+        const selection = window.getSelection();
+        const body = sourceRoot(preview, kind);
+        if (body === null || selection === null || selection.rangeCount === 0) {
+          setSelected(void 0);
+          return;
+        }
+        const range = selection.getRangeAt(0);
+        const value = readFileSelection(range, body, kind);
+        if (!value) {
+          setSelected(void 0);
+          return;
+        }
+        const bounds = preview.getBoundingClientRect();
+        const rect = range.getBoundingClientRect();
+        if (rect.bottom < bounds.top || rect.top > bounds.bottom || rect.right < bounds.left || rect.left > bounds.right) {
+          setSelected(void 0);
+          return;
+        }
+        const width = popup.current?.offsetWidth || 140;
+        const above = kind === "markdown" ? rect.top - bounds.top > 48 : rect.bottom + 48 > bounds.bottom;
+        setSelected({
+          selection: value,
+          target: bridge.targetKey(),
+          above,
+          left: Math.max(bounds.left + 8, Math.min(rect.left, Math.min(bounds.right, window.innerWidth) - width - 8)),
+          top: above ? Math.max(bounds.top + 48, rect.top - 8) : Math.min(bounds.bottom - 48, rect.bottom + 8)
+        });
+      };
+      const escape = (event) => {
+        if (event.key === "Escape") {
+          pending.current?.abort();
+          setSelected(void 0);
+          const native = window.getSelection();
+          if (native?.anchorNode && preview.contains(native.anchorNode)) native.removeAllRanges();
+        }
+      };
+      const outside = (event) => {
+        if (event.target instanceof Node && !preview.contains(event.target) && !popup.current?.contains(event.target)) setSelected(void 0);
+      };
+      document.addEventListener("selectionchange", capture);
+      preview.addEventListener("pointerup", capture);
+      window.addEventListener("scroll", capture, true);
+      window.addEventListener("resize", capture);
+      window.addEventListener("keydown", escape);
+      window.addEventListener("pointerdown", outside);
+      return () => {
+        document.removeEventListener("selectionchange", capture);
+        preview.removeEventListener("pointerup", capture);
+        window.removeEventListener("scroll", capture, true);
+        window.removeEventListener("resize", capture);
+        window.removeEventListener("keydown", escape);
+        window.removeEventListener("pointerdown", outside);
+        pending.current?.abort();
+        pending.current = null;
+      };
+    }, [tab.id, tab.contentId, source2, eof, kind]);
+    if (content.kind !== "text") return null;
+    const add = async () => {
+      if (selected === void 0 || busy) return;
+      const selection = { ...selected.selection, version: 1, id: crypto.randomUUID(), address: tab.contentId, kind };
+      const controller = new AbortController();
+      pending.current?.abort();
+      pending.current = controller;
+      setBusy(true);
+      setError("");
+      try {
+        await bridge.add({ text: "", fileSelection: selection, signal: controller.signal, expectedTarget: selected.target });
+        if (mounted.current && !controller.signal.aborted) {
+          setSelected(void 0);
+          const native = window.getSelection();
+          const preview = mount.current?.closest("[data-textpreview-url]");
+          if (native?.anchorNode && preview?.contains(native.anchorNode)) native.removeAllRanges();
+        }
+      } catch (failure) {
+        if (mounted.current && !controller.signal.aborted) {
+          setError(annotationFailure(failure));
+        }
+      } finally {
+        if (pending.current === controller) {
+          pending.current = null;
+          if (mounted.current) setBusy(false);
+        }
+      }
+    };
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { ref: mount, hidden: true }),
+      selected && createPortal(/* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: popup,
+          className: css$1.action,
+          style: { left: selected.left, top: selected.top, transform: selected.above ? "translateY(-100%)" : void 0 },
+          "data-file-selection-popover": true,
+          children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: css$1.button,
+                "data-annotation-file-add": true,
+                disabled: !target || busy,
+                title: target ? t("file.addTitle") : t("file.openSession"),
+                onPointerDown: (event) => event.preventDefault(),
+                onClick: () => {
+                  void add();
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Chat, { width: 16, height: 16 }),
+                  busy ? t("file.adding") : t("file.add")
+                ]
+              }
+            ),
+            error2 !== "" && /* @__PURE__ */ jsx("span", { className: css$1.error, role: "alert", children: annotationErrorText(error2, t) })
+          ]
+        }
+      ), document.body)
+    ] });
+  };
+}
+const copyMenu = ["copy"];
+const emptyMenu = [];
+function SheetSurface({ resourceAddress: address, format, value, bridge, at: t, batches, t: excelT, Workbook, bodyCss, workbookCss = "" }) {
+  const interactiveWindowRegion = useInteractiveWindowRegion();
+  const workflow = useMemo(() => new DocumentWorkflow(bridge, batches), [bridge, batches]);
+  const mount = useRef(null), workbookHost = useRef(null), api = useRef(null);
+  const input = useRef(null), chrome2 = useRef(null);
+  const [toolbar2, setToolbar] = useState(null), [bounds, setBounds] = useState();
+  const [session, setSession] = useState(bridge.targetKey()), [mode, setMode] = useState(false);
+  const [activeSheet, setActiveSheet] = useState(String(value.sheets.find((s) => s.status === 1)?.id ?? value.sheets[0].id));
+  const [selection, setSelection] = useState(), [menu, setMenu] = useState(false);
+  const [review, setReview] = useState(false);
+  const [editor, setEditor] = useState(), [comment2, setComment] = useState("");
+  const [editorHeight, setEditorHeight] = useState(0);
+  const [error2, setError] = useState(""), [busy, setBusy] = useState(false);
+  const [capture, setCapture] = useState();
+  const captureRevision = useRef(0);
+  const pending = useRef(), gesture = useRef(false), frame = useRef();
+  const selectionFrame = useRef();
+  const painted = useRef(new PaintedCells()), [, repaint] = useState(0);
+  const current = useRef({ mode, busy, editor, session, activeSheet });
+  current.current = { mode, busy, editor, session, activeSheet };
+  const selectionRef = useRef();
+  useSyncExternalStore(batches.subscribe, batches.getSnapshot);
+  let items = [];
+  let restoreError = "";
+  try {
+    if (session) items = batches.read(session, address).filter((s) => s.version === 3);
+  } catch (e) {
+    restoreError = annotationFailure(e);
+  }
+  const close = () => {
+    captureRevision.current++;
+    gesture.current = false;
+    setEditor(void 0);
+    setMenu(false);
+    setReview(false);
+    setComment("");
+    setError("");
+    workbookHost.current?.focus({ preventScroll: true });
+  };
+  const requestCapture = (action2) => {
+    const request = { revision: ++captureRevision.current, action: action2, session: current.current.session, address };
+    startTransition(() => setCapture(request));
+  };
+  const requestCaptureRef = useRef(requestCapture);
+  requestCaptureRef.current = requestCapture;
+  const begin = (saved) => {
+    captureRevision.current++;
+    if (!api.current || current.current.busy) return;
+    try {
+      const selections = api.current.getSelection();
+      const selected = selections?.[0] ?? selectionRef.current;
+      if (!saved && (selections?.length !== 1 || !selected)) throw new AnnotationError("error.separateRanges");
+      const range = selected && readRange(selected);
+      if (!saved && (!range || (range.row[1] - range.row[0] + 1) * (range.column[1] - range.column[0] + 1) > 4096)) throw new AnnotationError("error.selectionTooLarge");
+      const snapshot = saved ?? spreadsheetSnapshot(address, format, api.current.getSheet(), selected, api.current.getCellsByRange(selected));
+      fileReference(snapshot);
+      setEditor({ snapshot, saved: !!saved });
+      setComment(snapshot.comment ?? "");
+      setMenu(false);
+      setError("");
+    } catch (e) {
+      setError(annotationFailure(e));
+    }
+  };
+  const beginRef = useRef(begin);
+  beginRef.current = begin;
+  useEffect(() => {
+    if (!capture || capture.revision !== captureRevision.current || capture.session !== session || capture.address !== address) return;
+    captureRevision.current++;
+    if (current.current.busy) return;
+    if (capture.action === "begin") beginRef.current();
+    else setMenu(true);
+  }, [capture, session, address]);
+  const hooks = useMemo(() => ({
+    beforeRenderCellArea: () => {
+      if (frame.current === void 0) {
+        painted.current.clear();
+        frame.current = requestAnimationFrame(() => {
+          frame.current = void 0;
+          repaint((n) => n + 1);
+        });
+      }
+      return true;
+    },
+    afterRenderCell: (_cell, info, ctx) => painted.current.record(info, ctx),
+    afterRenderColumnHeaderCell: (_label, index, left2, width2, height2, ctx) => painted.current.column(index, left2, width2, ctx, height2),
+    afterRenderRowHeaderCell: (_label, index, top2, width2, height2, ctx) => painted.current.row(index, top2, height2, ctx, width2),
+    afterSelectionChange: (sheetId, selected) => {
+      selectionRef.current = selected;
+      const next = readRange(selected);
+      if (selectionFrame.current !== void 0) cancelAnimationFrame(selectionFrame.current);
+      selectionFrame.current = requestAnimationFrame(() => {
+        selectionFrame.current = void 0;
+        setSelection((previous) => JSON.stringify(previous) === JSON.stringify(next) ? previous : next);
+        setActiveSheet(sheetId);
+      });
+    },
+    afterActivateSheet: () => {
+      captureRevision.current++;
+      setMenu(false);
+      setEditor(void 0);
+    }
+  }), []);
+  useEffect(() => bridge.subscribe(() => setSession(bridge.targetKey())), []);
+  useEffect(() => {
+    close();
+    setBusy(false);
+    setMode(false);
+    return () => pending.current?.abort();
+  }, [session, address]);
+  useLayoutEffect(() => {
+    const form = input.current?.closest("form");
+    if (!editor || !form) {
+      setEditorHeight(0);
+      return;
+    }
+    const measure = () => setEditorHeight(form.getBoundingClientRect().height);
+    const observer = new ResizeObserver(measure);
+    observer.observe(form);
+    measure();
+    return () => observer.disconnect();
+  }, [editor?.snapshot.id, editor?.saved]);
+  useLayoutEffect(() => {
+    const preview = mount.current?.closest("[data-textpreview-url]");
+    if (!preview || !workbookHost.current) return;
+    setToolbar(preview.querySelector("[data-sheet-annotation-toolbar]"));
+    const measure = () => {
+      setBounds(mount.current.getBoundingClientRect());
+      window.dispatchEvent(new Event("resize"));
+    };
+    const observer = new ResizeObserver(measure);
+    observer.observe(workbookHost.current);
+    measure();
+    const scroll = () => {
+      setBounds(mount.current.getBoundingClientRect());
+    };
+    window.addEventListener("scroll", scroll, true);
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("scroll", scroll, true);
+    };
+  }, []);
+  useEffect(() => {
+    const down = (e) => {
+      if (chrome2.current?.contains(e.target)) return;
+      captureRevision.current++;
+      gesture.current = false;
+      if (!mount.current?.contains(e.target)) {
+        setMenu(false);
+        if (!current.current.busy) setEditor(void 0);
+        return;
+      }
+      gesture.current = e.button === 0 && e.target.closest(".fortune-cell-area") !== null;
+      if (gesture.current && !current.current.busy) {
+        setEditor(void 0);
+        setMenu(false);
+      }
+    };
+    const up = () => {
+      if (!gesture.current) return;
+      gesture.current = false;
+      requestCaptureRef.current(current.current.mode ? "begin" : "menu");
+    };
+    const cancel2 = () => {
+      gesture.current = false;
+      captureRevision.current++;
+    };
+    const key = (e) => {
+      const within = mount.current?.closest("[data-textpreview-url]")?.contains(document.activeElement) || chrome2.current?.contains(document.activeElement);
+      if (!within) return;
+      if (e.key === "Escape") {
+        e.preventDefault();
+        if (!current.current.busy) {
+          if (!current.current.editor) setMode(false);
+          close();
+        }
+      }
+      if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key.toLowerCase() === "x" && !current.current.editor) {
+        e.preventDefault();
+        e.stopPropagation();
+        requestCaptureRef.current("begin");
+      }
+    };
+    document.addEventListener("pointerdown", down, true);
+    document.addEventListener("pointerup", up);
+    document.addEventListener("pointercancel", cancel2);
+    window.addEventListener("keydown", key, true);
+    return () => {
+      document.removeEventListener("pointerdown", down, true);
+      document.removeEventListener("pointerup", up);
+      window.removeEventListener("keydown", key, true);
+      document.removeEventListener("pointercancel", cancel2);
+      cancel2();
+      if (frame.current !== void 0) cancelAnimationFrame(frame.current);
+      if (selectionFrame.current !== void 0) cancelAnimationFrame(selectionFrame.current);
+      pending.current?.abort();
+    };
+  }, []);
+  useEffect(() => registerSpreadsheet(address, (snapshot) => {
+    const workbook = api.current;
+    if (!workbook) throw new AnnotationError("error.sheetNotReady");
+    const sheet = workbook.getAllSheets().find((s) => String(s.id) === snapshot.sheet.id && s.name === snapshot.sheet.name) ?? workbook.getAllSheets().find((s) => s.name === snapshot.sheet.name);
+    if (!sheet || sheet.hide) throw new AnnotationError("error.sheetUnavailable");
+    workbook.activateSheet({ id: sheet.id });
+    requestAnimationFrame(() => {
+      workbook.setSelection([snapshot.range], { id: sheet.id });
+      workbook.scroll({ targetRow: snapshot.range.row[0], targetColumn: snapshot.range.column[0] });
+    });
+  }), [address]);
+  const run = async (operation) => {
+    if (busy || pending.current && !pending.current.signal.aborted || !session) return;
+    const controller = new AbortController();
+    pending.current = controller;
+    setBusy(true);
+    setError("");
+    try {
+      await operation(controller.signal);
+      if (!controller.signal.aborted) close();
+    } catch (e) {
+      if (!controller.signal.aborted) setError(annotationFailure(e));
+    } finally {
+      if (pending.current === controller) {
+        pending.current = void 0;
+        if (!controller.signal.aborted) setBusy(false);
+      }
+    }
+  };
+  const scope = { session: session ?? "", address };
+  const save2 = () => {
+    if (editor && comment2.trim()) void run((signal) => workflow.commit(scope, { kind: "batch", snapshot: { ...editor.snapshot, comment: comment2.trim() } }, signal));
+  };
+  const remove2 = (ids) => run((signal) => workflow.remove(scope, ids, signal));
+  const send2 = () => run(async (signal) => {
+    await workflow.send(scope, signal);
+    setMode(false);
+  });
+  const frozen = value.sheets.find((s) => String(s.id) === activeSheet)?.frozen;
+  const editorBox = bounds && editor && editor.snapshot.sheet.id === activeSheet ? painted.current.range(editor.snapshot.range, bounds, frozen) : void 0;
+  const selectedBox = bounds && selection && painted.current.range(selection, bounds, frozen);
+  const width = Math.min(296, (bounds?.width ?? 320) - 24);
+  const left = editorBox && bounds ? Math.max(bounds.left + 12, Math.min(editorBox.right - width, bounds.right - width - 12)) : 0;
+  const height = editorHeight || (editor?.saved ? 148 : 56);
+  const preferredTop = editorBox ? editor?.saved ? editorBox.top - 28 : editorBox.bottom - 4 : 0;
+  const top = editorBox && bounds ? Math.max(bounds.top + 12, Math.min(
+    preferredTop + height <= bounds.bottom - 12 ? preferredTop : editorBox.top - height - 8,
+    bounds.bottom - height - 12
+  )) : 0;
+  const hasFormulas = value.sheets.some((s) => s.celldata?.some((c) => c.v?.f));
+  return /* @__PURE__ */ jsxs("section", { ref: mount, className: bodyCss.body, "data-excel-preview": true, "data-annotation-sheet": address, "aria-label": excelT("title"), children: [
+    /* @__PURE__ */ jsx("style", { children: workbookCss }),
+    value.unsupportedFeatures.length > 0 && /* @__PURE__ */ jsx("div", { className: bodyCss.notice, role: "note", children: excelT("unsupportedNotice", { features: value.unsupportedFeatures.map((f) => excelT(f)).join(excelT("featureSeparator")) }) }),
+    /* @__PURE__ */ jsxs("div", { ref: workbookHost, className: `${bodyCss.workbook} ${hasFormulas ? bodyCss.withFormulaWarning : ""}`, tabIndex: -1, style: { outline: "none" }, children: [
+      hasFormulas && /* @__PURE__ */ jsx("button", { className: bodyCss.formulaWarning, type: "button", title: excelT("formulaWarning"), "aria-label": excelT("formulaWarning"), children: "ⓘ" }),
+      /* @__PURE__ */ jsx(
+        Workbook,
+        {
+          ref: api,
+          data: value.sheets,
+          hooks,
+          lang: excelT("language"),
+          rowHeaderWidth: 46,
+          columnHeaderHeight: 20,
+          allowEdit: false,
+          showToolbar: false,
+          showFormulaBar: true,
+          showSheetTabs: true,
+          forceCalculation: false,
+          cellContextMenu: copyMenu,
+          headerContextMenu: emptyMenu,
+          sheetTabContextMenu: emptyMenu,
+          filterContextMenu: emptyMenu
+        }
+      )
+    ] }),
+    toolbar2 && createPortal(/* @__PURE__ */ jsxs(
+      "button",
+      {
+        ...interactiveWindowRegion,
+        type: "button",
+        className: css$3.toggle,
+        "aria-pressed": mode,
+        disabled: !session || busy,
+        "data-sheet-request-edits": true,
+        onClick: () => {
+          close();
+          setMode(!mode);
+        },
+        children: [
+          /* @__PURE__ */ jsx(RequestIcon, {}),
+          t("page.request")
+        ]
+      }
+    ), toolbar2),
+    bounds && /* @__PURE__ */ jsxs(
+      WindowOverlay,
+      {
+        ref: chrome2,
+        className: css$3.chrome,
+        "data-document-annotations": true,
+        "data-sheet-annotations": true,
+        style: { clipPath: `inset(${Math.max(0, bounds.top)}px ${Math.max(0, window.innerWidth - bounds.right)}px ${Math.max(0, window.innerHeight - bounds.bottom)}px ${Math.max(0, bounds.left)}px)` },
+        children: [
+          items.filter((s) => s.sheet.id === activeSheet && s.id !== editor?.snapshot.id).map((item, i) => {
+            const box = painted.current.range(item.range, bounds, frozen);
+            return box && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: css$3.outline, style: box, "data-sheet-range": item.a1 }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  ...interactiveWindowRegion,
+                  type: "button",
+                  className: css$3.marker,
+                  "aria-label": `${t("page.edit")} ${i + 1}`,
+                  style: { left: Math.min(box.right - 13, bounds.right - 30), top: Math.max(bounds.top + 4, box.top - 13) },
+                  onClick: () => begin(item),
+                  disabled: busy
+                }
+              )
+            ] }, item.id);
+          }),
+          menu && selectedBox && !editor && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              ...interactiveWindowRegion,
+              type: "button",
+              className: css$3.ask,
+              "data-sheet-ask": true,
+              style: { left: Math.max(bounds.left + 8, Math.min(selectedBox.left, bounds.right - 235)), top: Math.min(selectedBox.bottom + 8, bounds.bottom - 50) },
+              onPointerDown: (e) => e.preventDefault(),
+              onClick: () => requestCapture("begin"),
+              children: [
+                t("page.ask"),
+                /* @__PURE__ */ jsx("kbd", { children: "Ctrl Shift X" })
+              ]
+            }
+          ),
+          editor && editorBox && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: css$3.outline, style: editorBox, "data-sheet-range": editor.snapshot.a1 }),
+            /* @__PURE__ */ jsx("span", { className: css$3.marker, style: { left: Math.min(editorBox.right - 13, bounds.right - 30), top: Math.max(bounds.top + 4, editorBox.top - 13) } }),
+            /* @__PURE__ */ jsx(
+              CommentEditor,
+              {
+                t,
+                style: { left, top, width },
+                input,
+                comment: comment2,
+                setComment,
+                busy,
+                saved: editor.saved,
+                save: save2,
+                cancel: close,
+                remove: () => void remove2([editor.snapshot.id])
+              },
+              editor.snapshot.id
+            )
+          ] }),
+          (mode || items.length > 0) && /* @__PURE__ */ jsx(
+            BatchControls,
+            {
+              t,
+              bounds,
+              count: items.length,
+              busy,
+              sendDisabled: !!editor || !workflow.canSend,
+              review: () => {
+                setEditor(void 0);
+                setReview(!review);
+              },
+              cancel: () => {
+                void remove2(items.map((s) => s.id)).then(() => setMode(false));
+              },
+              send: () => void send2()
+            },
+            session
+          ),
+          review && /* @__PURE__ */ jsx("div", { ...interactiveWindowRegion, className: css$3.snapshotReview, style: { left: bounds.left + 12, top: bounds.top + 12, width: bounds.width - 24, maxHeight: bounds.height - 90 }, children: /* @__PURE__ */ jsx(SelectionCard, { t, items, initiallyOpen: true, onRemove: busy ? void 0 : (index) => void remove2([items[index].id]) }) }),
+          (error2 || restoreError) && /* @__PURE__ */ jsx("div", { ...interactiveWindowRegion, className: css$3.error, role: "alert", style: { left: bounds.left + 12, top: bounds.top + 40, maxWidth: bounds.width - 24 }, children: annotationErrorText(error2 || restoreError, t) }),
+          !workflow.canSend && (mode || items.length > 0) && /* @__PURE__ */ jsx(
+            "div",
+            {
+              role: "status",
+              className: css$3.error,
+              style: { left: bounds.left + 12, top: bounds.top + 40, maxWidth: bounds.width - 24 },
+              children: t("page.senderUnavailable")
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+const card = "_card_y1yyl_1";
+const summary = "_summary_y1yyl_3";
+const toggle = "_toggle_y1yyl_9";
+const entry = "_entry_y1yyl_11";
+const context = "_context_y1yyl_13";
+const number = "_number_y1yyl_17";
+const comment = "_comment_y1yyl_19";
+const detail = "_detail_y1yyl_23";
+const url = "_url_y1yyl_25";
+const evidence = "_evidence_y1yyl_29";
+const css = {
+  card,
+  summary,
+  toggle,
+  entry,
+  context,
+  number,
+  comment,
+  detail,
+  url,
+  evidence
+};
+function SentAnnotations({ content, attachments, fallback, renderDefault, renderImage, renderText, imageName, t, openFile, openResponse }) {
+  const [expanded2, setExpanded] = useState(false);
+  const packets = content.flatMap((block) => {
+    const packet2 = readAnnotation(block);
+    return packet2 ? [packet2] : [];
+  });
+  const files = content.flatMap((block) => {
+    const snapshot = readSentFile(block);
+    return snapshot ? [snapshot] : [];
+  });
+  const responses = content.flatMap((block) => {
+    const snapshot = readSentResponse(block);
+    return snapshot ? [snapshot] : [];
+  });
+  if (packets.length === 0 && files.length === 0 && responses.length === 0) return fallback;
+  const entries = packets.flatMap((packet2) => packet2.presentation.data.entries);
+  const owned = /* @__PURE__ */ new Set();
+  const rows = entries.map((entry2) => {
+    const matching = attachments.filter((attachment) => imageName(attachment) === entry2.screenshot);
+    const image2 = matching.length === 1 ? matching[0] : void 0;
+    if (image2) owned.add(image2);
+    return { entry: entry2, image: image2 };
+  });
+  const fileImages = /* @__PURE__ */ new Map();
+  for (const snapshot of files) {
+    if (snapshot.version !== 2 || !snapshot.image) continue;
+    const matching = attachments.filter((attachment) => imageName(attachment) === snapshot.image.name);
+    const image2 = matching.length === 1 ? matching[0] : void 0;
+    if (image2) {
+      owned.add(image2);
+      fileImages.set(snapshot.id, image2);
+    }
+  }
+  const remaining = content.filter((block) => !readAnnotation(block) && !readSentFile(block) && !readSentResponse(block)).filter((block) => !(typeof block === "object" && block !== null && "type" in block && block.type === "text" && "text" in block && typeof block.text === "string" && !block.text.trim()));
+  const ordinaryAttachments = attachments.filter((attachment) => !owned.has(attachment));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    renderDefault(remaining, ordinaryAttachments),
+    /* @__PURE__ */ jsx(ResponseCard, { items: responses, t, onOpen: openResponse, renderText }),
+    /* @__PURE__ */ jsx(SelectionCard, { items: files, t, onOpen: openFile, renderText, renderImage: (snapshot) => {
+      const image2 = fileImages.get(snapshot.id);
+      return image2 ? renderImage(image2) : /* @__PURE__ */ jsx("span", { children: t("page.imageMissing") });
+    } }),
+    packets.length > 0 && /* @__PURE__ */ jsxs("section", { className: css.card, "data-annotation-message": true, children: [
+      /* @__PURE__ */ jsxs("button", { type: "button", className: css.summary, "aria-expanded": expanded2, onClick: () => setExpanded(!expanded2), children: [
+        /* @__PURE__ */ jsx(Chat, { width: 18, height: 18 }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          entries.length,
+          " ",
+          entries.length === 1 ? t("packet.one") : t("packet.many")
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: css.toggle, children: expanded2 ? t("message.collapse") : t("message.expand") })
+      ] }),
+      rows.map(({ entry: entry2, image: image2 }, index) => /* @__PURE__ */ jsxs("div", { className: css.entry, children: [
+        /* @__PURE__ */ jsxs("div", { className: css.context, children: [
+          /* @__PURE__ */ jsx("span", { className: css.number, children: index + 1 }),
+          /* @__PURE__ */ jsx("span", { children: renderText(entry2.title || entry2.url) })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: css.comment, "data-expanded": expanded2 || void 0, children: renderText(entry2.comment || t("packet.title")) }),
+        expanded2 && /* @__PURE__ */ jsxs("div", { className: css.detail, children: [
+          /* @__PURE__ */ jsx("span", { className: css.url, children: renderText(entry2.url) }),
+          /* @__PURE__ */ jsx("code", { children: renderText(entry2.target) }),
+          image2 && renderImage(image2)
+        ] })
+      ] }, index)),
+      expanded2 && /* @__PURE__ */ jsxs("details", { className: css.evidence, children: [
+        /* @__PURE__ */ jsx("summary", { children: t("message.evidence") }),
+        /* @__PURE__ */ jsx("pre", { children: renderText(packets.map((packet2) => packet2.text).join("\n\n")) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  AnnotationButton,
+  AnnotationOverlay,
+  AnnotationUiProvider,
+  BatchControls,
+  CommentEditor,
+  PacketPreview,
+  ReferenceCard,
+  RequestIcon,
+  ResponseCard,
+  ResponseOverlay,
+  SelectionCard,
+  SentAnnotations,
+  SheetSurface,
+  WindowOverlay,
+  actionComponent,
+  failedSheetPreview,
+  pageActionComponent,
+  sheetRecoveryComponent,
+  useInteractiveWindowRegion
+};
+//# sourceMappingURL=react.js.map