@opengeni/react 3.3.2-canary.1 → 3.4.0

package/dist/chunk-S2QH6EZ5.js

@@ -0,0 +1,211 @@
+"use client";
+
+// src/components/timeline-annotation-shared.ts
+var ANNOTATION_CHROME_SELECTOR = "[data-og-annotation-chrome], [data-og-annotation-badge], [data-og-annotation-popover]";
+function annotationHasNote(note) {
+  return note.trim().length > 0;
+}
+function annotationDisplayOrdinal(annotation, index) {
+  return typeof annotation.ordinal === "number" ? annotation.ordinal : index + 1;
+}
+function sourceKindLabel(kind) {
+  switch (kind) {
+    case "user_message":
+      return "Your message";
+    case "assistant_message":
+      return "Assistant";
+    case "tool_output":
+      return "Tool output";
+  }
+}
+function annotationSourceLabel(source) {
+  return source.label?.trim() || sourceKindLabel(source.kind);
+}
+function truncateAnnotationQuote(quote, maxChars = 160) {
+  const normalized = quote.replace(/\s+/g, " ").trim();
+  if (normalized.length <= maxChars) return normalized;
+  return `${normalized.slice(0, Math.max(0, maxChars - 1)).trimEnd()}\u2026`;
+}
+function cssEscapeAttribute(value) {
+  if (typeof CSS !== "undefined" && typeof CSS.escape === "function") return CSS.escape(value);
+  return value.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
+}
+function isAnnotationChromeNode(node) {
+  const element = node instanceof Element ? node : node?.parentElement;
+  return Boolean(element?.closest(ANNOTATION_CHROME_SELECTOR));
+}
+function occurrenceOffsets(text, quote) {
+  if (!quote) return [];
+  const offsets = [];
+  let cursor = 0;
+  while (cursor <= text.length - quote.length) {
+    const offset = text.indexOf(quote, cursor);
+    if (offset < 0) break;
+    offsets.push(offset);
+    cursor = offset + 1;
+  }
+  return offsets;
+}
+function uniqueNonEmpty(values) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const value of values) {
+    if (!value || seen.has(value)) continue;
+    seen.add(value);
+    out.push(value);
+  }
+  return out;
+}
+function matchingQuoteInSource(sourceText, quote) {
+  for (const candidate of uniqueNonEmpty([quote, quote.trim()])) {
+    if (sourceText.includes(candidate)) return candidate;
+  }
+  const trimmed = quote.trim();
+  for (let length = trimmed.length; length >= 8; length--) {
+    const slice = trimmed.slice(0, length);
+    if (sourceText.includes(slice)) return slice;
+  }
+  for (let start = 1; start <= trimmed.length - 8; start++) {
+    const slice = trimmed.slice(start);
+    if (sourceText.includes(slice)) return slice;
+  }
+  return null;
+}
+function annotatableText(root) {
+  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {
+    acceptNode(node) {
+      if (!(node instanceof Text) || node.data.length === 0) return NodeFilter.FILTER_REJECT;
+      if (isAnnotationChromeNode(node)) return NodeFilter.FILTER_REJECT;
+      return NodeFilter.FILTER_ACCEPT;
+    }
+  });
+  const spans = [];
+  let text = "";
+  let current;
+  while (current = walker.nextNode()) {
+    if (!(current instanceof Text)) continue;
+    spans.push({ node: current, start: text.length, length: current.data.length });
+    text += current.data;
+  }
+  return { text, spans };
+}
+function pointAt(spans, offset, stickEnd) {
+  if (spans.length === 0) return null;
+  for (let index = 0; index < spans.length; index++) {
+    const span = spans[index];
+    const local = offset - span.start;
+    if (local < 0) continue;
+    if (local < span.length || local === span.length && (stickEnd || index === spans.length - 1)) {
+      return { node: span.node, offset: local };
+    }
+  }
+  const last = spans[spans.length - 1];
+  return { node: last.node, offset: last.length };
+}
+function rangeFromOffsets(spans, startOffset, endOffset) {
+  const start = pointAt(spans, startOffset, false);
+  const end = pointAt(spans, endOffset, true);
+  if (!start || !end) return null;
+  const range = document.createRange();
+  range.setStart(start.node, start.offset);
+  range.setEnd(end.node, end.offset);
+  return range.collapsed ? null : range;
+}
+function buildQuoteRange(sourceEl, quote, occurrenceIndex = 0) {
+  if (!quote) return null;
+  const { text, spans } = annotatableText(sourceEl);
+  const offsets = occurrenceOffsets(text, quote);
+  if (offsets.length === 0) return null;
+  const start = offsets[Math.min(Math.max(0, occurrenceIndex), offsets.length - 1)];
+  return rangeFromOffsets(spans, start, start + quote.length);
+}
+function quoteOccurrenceIndex(sourceEl, range, quote) {
+  try {
+    const prefix = range.cloneRange();
+    prefix.selectNodeContents(sourceEl);
+    prefix.setEnd(range.startContainer, range.startOffset);
+    return occurrenceOffsets(prefix.toString(), quote).length;
+  } catch {
+    return 0;
+  }
+}
+function clipRangeToSource(range, sourceEl) {
+  const startOk = sourceEl.contains(range.startContainer) && !isAnnotationChromeNode(range.startContainer);
+  const endOk = sourceEl.contains(range.endContainer) && !isAnnotationChromeNode(range.endContainer);
+  if (!startOk && !endOk) return null;
+  const { spans } = annotatableText(sourceEl);
+  if (spans.length === 0) return null;
+  const next = range.cloneRange();
+  const first = spans[0];
+  const last = spans[spans.length - 1];
+  if (!startOk) next.setStart(first.node, 0);
+  if (!endOk) next.setEnd(last.node, last.node.data.length);
+  return next.collapsed ? null : next;
+}
+function visibleClientRect(range) {
+  try {
+    const bounding = range.getBoundingClientRect();
+    if (bounding.width > 0 || bounding.height > 0) return bounding;
+  } catch {
+  }
+  try {
+    const rects = range.getClientRects();
+    for (let index = 0; index < rects.length; index++) {
+      const rect = rects.item(index);
+      if (rect && (rect.width > 0 || rect.height > 0)) return rect;
+    }
+  } catch {
+  }
+  return null;
+}
+function resolveAnnotationRevealRoot(from) {
+  const conversation = from?.closest("[data-og-conversation]");
+  if (conversation instanceof HTMLElement) {
+    const nested = conversation.querySelector("[data-og-timeline-scroller]");
+    return nested instanceof HTMLElement ? nested : conversation;
+  }
+  const scroller = from?.closest("[data-og-timeline-scroller]");
+  return scroller instanceof HTMLElement ? scroller : null;
+}
+function revealLoadedAnnotationSource(source, root) {
+  if (typeof document === "undefined") return false;
+  if (root === null) return false;
+  const element = (root ?? document).querySelector(
+    `[data-og-annotation-source-key="${cssEscapeAttribute(source.eventId)}"]`
+  );
+  if (!(element instanceof HTMLElement)) return false;
+  element.scrollIntoView({ block: "center", behavior: "smooth" });
+  element.animate?.(
+    [
+      {
+        boxShadow: "inset 0 0 0 2px color-mix(in oklch, var(--og-color-accent) 70%, transparent)",
+        backgroundColor: "color-mix(in oklch, var(--og-color-accent) 14%, transparent)"
+      },
+      {
+        boxShadow: "inset 0 0 0 2px transparent",
+        backgroundColor: "transparent"
+      }
+    ],
+    { duration: 1400, easing: "ease-out" }
+  );
+  return true;
+}
+
+export {
+  annotationHasNote,
+  annotationDisplayOrdinal,
+  annotationSourceLabel,
+  truncateAnnotationQuote,
+  cssEscapeAttribute,
+  occurrenceOffsets,
+  matchingQuoteInSource,
+  annotatableText,
+  rangeFromOffsets,
+  buildQuoteRange,
+  quoteOccurrenceIndex,
+  clipRangeToSource,
+  visibleClientRect,
+  resolveAnnotationRevealRoot,
+  revealLoadedAnnotationSource
+};
+//# sourceMappingURL=chunk-S2QH6EZ5.js.map

package/dist/chunk-S2QH6EZ5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/timeline-annotation-shared.ts"],"sourcesContent":["import type { TimelineAnnotationSource } from \"@opengeni/sdk\";\n\nexport const ANNOTATION_CHROME_SELECTOR =\n  \"[data-og-annotation-chrome], [data-og-annotation-badge], [data-og-annotation-popover]\";\n\nexport function annotationHasNote(note: string): boolean {\n  return note.trim().length > 0;\n}\n\nexport function annotationDisplayOrdinal(\n  annotation: { readonly id?: string; readonly ordinal?: number | undefined },\n  index: number,\n): number {\n  return typeof annotation.ordinal === \"number\" ? annotation.ordinal : index + 1;\n}\n\nexport function sourceKindLabel(kind: TimelineAnnotationSource[\"kind\"]): string {\n  switch (kind) {\n    case \"user_message\":\n      return \"Your message\";\n    case \"assistant_message\":\n      return \"Assistant\";\n    case \"tool_output\":\n      return \"Tool output\";\n  }\n}\n\nexport function annotationSourceLabel(source: TimelineAnnotationSource): string {\n  return source.label?.trim() || sourceKindLabel(source.kind);\n}\n\nexport function truncateAnnotationQuote(quote: string, maxChars = 160): string {\n  const normalized = quote.replace(/\\s+/g, \" \").trim();\n  if (normalized.length <= maxChars) return normalized;\n  return `${normalized.slice(0, Math.max(0, maxChars - 1)).trimEnd()}…`;\n}\n\nexport function cssEscapeAttribute(value: string): string {\n  if (typeof CSS !== \"undefined\" && typeof CSS.escape === \"function\") return CSS.escape(value);\n  return value.replace(/\\\\/g, \"\\\\\\\\\").replace(/\"/g, '\\\\\"');\n}\n\nexport function isAnnotationChromeNode(node: Node | null): boolean {\n  const element = node instanceof Element ? node : node?.parentElement;\n  return Boolean(element?.closest(ANNOTATION_CHROME_SELECTOR));\n}\n\nexport function occurrenceOffsets(text: string, quote: string): number[] {\n  if (!quote) return [];\n  const offsets: number[] = [];\n  let cursor = 0;\n  while (cursor <= text.length - quote.length) {\n    const offset = text.indexOf(quote, cursor);\n    if (offset < 0) break;\n    offsets.push(offset);\n    cursor = offset + 1;\n  }\n  return offsets;\n}\n\nfunction uniqueNonEmpty(values: string[]): string[] {\n  const seen = new Set<string>();\n  const out: string[] = [];\n  for (const value of values) {\n    if (!value || seen.has(value)) continue;\n    seen.add(value);\n    out.push(value);\n  }\n  return out;\n}\n\nexport function matchingQuoteInSource(sourceText: string, quote: string): string | null {\n  for (const candidate of uniqueNonEmpty([quote, quote.trim()])) {\n    if (sourceText.includes(candidate)) return candidate;\n  }\n  const trimmed = quote.trim();\n  for (let length = trimmed.length; length >= 8; length--) {\n    const slice = trimmed.slice(0, length);\n    if (sourceText.includes(slice)) return slice;\n  }\n  for (let start = 1; start <= trimmed.length - 8; start++) {\n    const slice = trimmed.slice(start);\n    if (sourceText.includes(slice)) return slice;\n  }\n  return null;\n}\n\ntype AnnotatableSpan = {\n  node: Text;\n  start: number;\n  length: number;\n};\n\nexport function annotatableText(root: HTMLElement): { text: string; spans: AnnotatableSpan[] } {\n  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {\n    acceptNode(node) {\n      if (!(node instanceof Text) || node.data.length === 0) return NodeFilter.FILTER_REJECT;\n      if (isAnnotationChromeNode(node)) return NodeFilter.FILTER_REJECT;\n      return NodeFilter.FILTER_ACCEPT;\n    },\n  });\n  const spans: AnnotatableSpan[] = [];\n  let text = \"\";\n  let current: Node | null;\n  while ((current = walker.nextNode())) {\n    if (!(current instanceof Text)) continue;\n    spans.push({ node: current, start: text.length, length: current.data.length });\n    text += current.data;\n  }\n  return { text, spans };\n}\n\nfunction pointAt(\n  spans: AnnotatableSpan[],\n  offset: number,\n  stickEnd: boolean,\n): { node: Text; offset: number } | null {\n  if (spans.length === 0) return null;\n  for (let index = 0; index < spans.length; index++) {\n    const span = spans[index]!;\n    const local = offset - span.start;\n    if (local < 0) continue;\n    if (\n      local < span.length ||\n      (local === span.length && (stickEnd || index === spans.length - 1))\n    ) {\n      return { node: span.node, offset: local };\n    }\n  }\n  const last = spans[spans.length - 1]!;\n  return { node: last.node, offset: last.length };\n}\n\nexport function rangeFromOffsets(\n  spans: AnnotatableSpan[],\n  startOffset: number,\n  endOffset: number,\n): Range | null {\n  const start = pointAt(spans, startOffset, false);\n  const end = pointAt(spans, endOffset, true);\n  if (!start || !end) return null;\n  const range = document.createRange();\n  range.setStart(start.node, start.offset);\n  range.setEnd(end.node, end.offset);\n  return range.collapsed ? null : range;\n}\n\nexport function buildQuoteRange(\n  sourceEl: HTMLElement,\n  quote: string,\n  occurrenceIndex = 0,\n): Range | null {\n  if (!quote) return null;\n  const { text, spans } = annotatableText(sourceEl);\n  const offsets = occurrenceOffsets(text, quote);\n  if (offsets.length === 0) return null;\n  const start = offsets[Math.min(Math.max(0, occurrenceIndex), offsets.length - 1)]!;\n  return rangeFromOffsets(spans, start, start + quote.length);\n}\n\nexport function quoteOccurrenceIndex(sourceEl: HTMLElement, range: Range, quote: string): number {\n  try {\n    const prefix = range.cloneRange();\n    prefix.selectNodeContents(sourceEl);\n    prefix.setEnd(range.startContainer, range.startOffset);\n    return occurrenceOffsets(prefix.toString(), quote).length;\n  } catch {\n    return 0;\n  }\n}\n\nexport function clipRangeToSource(range: Range, sourceEl: HTMLElement): Range | null {\n  const startOk =\n    sourceEl.contains(range.startContainer) && !isAnnotationChromeNode(range.startContainer);\n  const endOk =\n    sourceEl.contains(range.endContainer) && !isAnnotationChromeNode(range.endContainer);\n  if (!startOk && !endOk) return null;\n  const { spans } = annotatableText(sourceEl);\n  if (spans.length === 0) return null;\n  const next = range.cloneRange();\n  const first = spans[0]!;\n  const last = spans[spans.length - 1]!;\n  if (!startOk) next.setStart(first.node, 0);\n  if (!endOk) next.setEnd(last.node, last.node.data.length);\n  return next.collapsed ? null : next;\n}\n\nexport function visibleClientRect(range: Range): DOMRect | null {\n  try {\n    const bounding = range.getBoundingClientRect();\n    if (bounding.width > 0 || bounding.height > 0) return bounding;\n  } catch {\n    // jsdom ranges may omit layout geometry.\n  }\n  try {\n    const rects = range.getClientRects();\n    for (let index = 0; index < rects.length; index++) {\n      const rect = rects.item(index);\n      if (rect && (rect.width > 0 || rect.height > 0)) return rect;\n    }\n  } catch {\n    // jsdom ranges may omit client rects.\n  }\n  return null;\n}\n\nexport function resolveAnnotationRevealRoot(from: Element | null | undefined): HTMLElement | null {\n  const conversation = from?.closest(\"[data-og-conversation]\");\n  if (conversation instanceof HTMLElement) {\n    const nested = conversation.querySelector(\"[data-og-timeline-scroller]\");\n    return nested instanceof HTMLElement ? nested : conversation;\n  }\n  const scroller = from?.closest(\"[data-og-timeline-scroller]\");\n  return scroller instanceof HTMLElement ? scroller : null;\n}\n\nexport function revealLoadedAnnotationSource(\n  source: TimelineAnnotationSource,\n  root?: ParentNode | null,\n): boolean {\n  if (typeof document === \"undefined\") return false;\n  // An explicit null root means the caller already scoped the search and found\n  // no owning timeline. Do not fall back to `document`, or a second mounted\n  // timeline with the same event id would steal the reveal.\n  if (root === null) return false;\n  const element = (root ?? document).querySelector(\n    `[data-og-annotation-source-key=\"${cssEscapeAttribute(source.eventId)}\"]`,\n  );\n  if (!(element instanceof HTMLElement)) return false;\n  element.scrollIntoView({ block: \"center\", behavior: \"smooth\" });\n  element.animate?.(\n    [\n      {\n        boxShadow: \"inset 0 0 0 2px color-mix(in oklch, var(--og-color-accent) 70%, transparent)\",\n        backgroundColor: \"color-mix(in oklch, var(--og-color-accent) 14%, transparent)\",\n      },\n      {\n        boxShadow: \"inset 0 0 0 2px transparent\",\n        backgroundColor: \"transparent\",\n      },\n    ],\n    { duration: 1400, easing: \"ease-out\" },\n  );\n  return true;\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-SHLZMAJN.js

@@ -0,0 +1,304 @@
+"use client";
+import {
+  AnnotationAccentRow,
+  AnnotationNotePreview,
+  AnnotationQuoteSourceButton,
+  TimelineAnnotationSourceRootContext,
+  useTimelineAnnotationSourceRoot
+} from "./chunk-2HVLQ26H.js";
+import {
+  ANNOTATION_CARD_STACK_SCROLL_AT
+} from "./chunk-LJUMYUBO.js";
+import {
+  annotationDisplayOrdinal,
+  annotationHasNote,
+  resolveAnnotationRevealRoot
+} from "./chunk-S2QH6EZ5.js";
+import {
+  useErrorMessage
+} from "./chunk-CM7LVUKC.js";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+
+// src/components/timeline-annotations.tsx
+import { QuoteIcon, XIcon } from "lucide-react";
+import {
+  Suspense,
+  lazy,
+  useEffect,
+  useLayoutEffect,
+  useRef,
+  useState
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TimelineAnnotationsDialog = lazy(() => import("./timeline-annotations-dialog-FOMHSDTE.js"));
+function AnnotationSourceRootBridge({
+  triggerRef,
+  children
+}) {
+  const inheritedRoot = useTimelineAnnotationSourceRoot();
+  const conversationRootRef = useRef(null);
+  if (!inheritedRoot) {
+    conversationRootRef.current = resolveAnnotationRevealRoot(triggerRef.current);
+  }
+  useLayoutEffect(() => {
+    if (inheritedRoot) return;
+    conversationRootRef.current = resolveAnnotationRevealRoot(triggerRef.current);
+  });
+  if (inheritedRoot) return children;
+  return /* @__PURE__ */ jsx(TimelineAnnotationSourceRootContext.Provider, { value: conversationRootRef, children });
+}
+function TimelineAnnotationCards({
+  annotations,
+  onRevealSource,
+  className
+}) {
+  const [unavailableId, setUnavailableId] = useState(null);
+  if (annotations.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-og-annotation-cards": "",
+      className: cn(
+        "grid gap-2",
+        annotations.length >= ANNOTATION_CARD_STACK_SCROLL_AT && "max-h-[min(28rem,55vh)] overflow-x-hidden overflow-y-auto overscroll-contain pr-1",
+        className
+      ),
+      children: annotations.map((annotation, index) => {
+        const ordinal = annotationDisplayOrdinal(annotation, index);
+        return /* @__PURE__ */ jsx("section", { "aria-label": `Annotation ${ordinal}`, children: /* @__PURE__ */ jsxs(AnnotationAccentRow, { children: [
+          /* @__PURE__ */ jsxs("p", { className: "mb-0.5 text-og-xs font-medium tabular-nums text-og-fg-subtle", children: [
+            "Annotation ",
+            ordinal
+          ] }),
+          /* @__PURE__ */ jsx(
+            AnnotationQuoteSourceButton,
+            {
+              annotation,
+              lines: 2,
+              onRevealSource,
+              onUnavailable: setUnavailableId
+            }
+          ),
+          unavailableId === annotation.id ? /* @__PURE__ */ jsx("p", { role: "status", className: "text-og-xs text-og-status-waiting", children: "Source is outside the loaded timeline window." }) : null,
+          /* @__PURE__ */ jsx(
+            AnnotationNotePreview,
+            {
+              note: annotation.note,
+              annotationId: annotation.id,
+              ordinal
+            }
+          )
+        ] }) }, annotation.id);
+      })
+    }
+  );
+}
+function TimelineAnnotationsChip({
+  annotations,
+  editable = false,
+  focusAnnotationId,
+  onFocusConsumed,
+  onUpdate,
+  onRemove,
+  onRevealSource,
+  className,
+  compact = false,
+  onCommit
+}) {
+  const focusRequested = Boolean(
+    focusAnnotationId && annotations.some((item) => item.id === focusAnnotationId)
+  );
+  const [open, setOpen] = useState(focusRequested);
+  const triggerRef = useRef(null);
+  const openedFocusId = useRef(focusRequested ? focusAnnotationId ?? null : null);
+  useEffect(() => {
+    if (!focusRequested || !focusAnnotationId) {
+      if (!focusRequested) openedFocusId.current = null;
+      return;
+    }
+    if (openedFocusId.current === focusAnnotationId) return;
+    openedFocusId.current = focusAnnotationId;
+    setOpen(true);
+  }, [focusAnnotationId, focusRequested]);
+  if (annotations.length === 0) return null;
+  const countLabel = `${annotations.length} ${annotations.length === 1 ? "annotation" : "annotations"}`;
+  const incomplete = annotations.some((annotation) => !annotationHasNote(annotation.note));
+  const canClear = Boolean(editable && onRemove);
+  const dismiss = (restoreFocus) => {
+    setOpen(false);
+    onFocusConsumed?.();
+    if (restoreFocus) triggerRef.current?.focus();
+  };
+  return /* @__PURE__ */ jsxs("span", { className: cn("inline-flex max-w-full items-center", className), children: [
+    /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: cn(
+          "inline-flex max-w-full items-center rounded-full border bg-og-surface-1 text-og-fg-muted",
+          incomplete ? "border-og-accent/45 bg-og-accent-soft/50" : "border-og-border"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              ref: triggerRef,
+              type: "button",
+              className: cn(
+                "inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-full border-0 bg-transparent font-medium outline-hidden transition hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:min-h-[44px]",
+                compact ? "min-h-6 py-0.5 text-og-xs" : "min-h-8 py-1 text-og-sm",
+                canClear ? "pr-1 pl-2.5" : "px-2.5"
+              ),
+              "aria-label": `Review ${countLabel}`,
+              "aria-haspopup": "dialog",
+              "aria-expanded": open,
+              onClick: () => setOpen((current) => !current),
+              children: [
+                /* @__PURE__ */ jsx(QuoteIcon, { className: "size-3.5 shrink-0 text-og-accent", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: countLabel })
+              ]
+            }
+          ),
+          canClear ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "inline-flex size-7 shrink-0 items-center justify-center rounded-full border-0 bg-transparent text-og-fg-subtle outline-hidden hover:text-og-status-failed focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:size-11",
+              "aria-label": "Remove all annotations",
+              onClick: () => {
+                for (const annotation of annotations) onRemove?.(annotation.id);
+              },
+              children: /* @__PURE__ */ jsx(XIcon, { className: "size-3.5", "aria-hidden": "true" })
+            }
+          ) : null
+        ]
+      }
+    ),
+    open ? /* @__PURE__ */ jsx(AnnotationSourceRootBridge, { triggerRef, children: /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+      TimelineAnnotationsDialog,
+      {
+        annotations,
+        editable,
+        focusAnnotationId,
+        onFocusConsumed,
+        onUpdate,
+        onRemove,
+        onRevealSource,
+        triggerRef,
+        countLabel,
+        onDismiss: dismiss,
+        onCommit: () => {
+          dismiss(!onCommit);
+          onCommit?.();
+        }
+      }
+    ) }) }) : null
+  ] });
+}
+
+// src/components/queue-draft-policy.ts
+function requestQueueDraftEdit(composer, confirmReplacement, editImmediately) {
+  if (composer.hasDraftContent()) {
+    confirmReplacement();
+  } else {
+    editImmediately();
+  }
+}
+
+// src/components/queue-surface-state.tsx
+import { Loader2Icon, RotateCwIcon } from "lucide-react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function EmptyQueueStateSurface({ queue }) {
+  const hasError = Boolean(queue.error || queue.mutationError);
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      className: "og-root mx-auto mb-2 w-full max-w-3xl shrink-0 px-4 sm:px-6",
+      "data-testid": "queue-surface",
+      children: /* @__PURE__ */ jsxs2("div", { className: "overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm", children: [
+        queue.stoppingPreviousAttempt ? /* @__PURE__ */ jsx2(QueueStoppingStatus, { queue, dividerAfter: hasError }) : null,
+        hasError ? /* @__PURE__ */ jsx2(QueueErrorAlert, { queue }) : null
+      ] })
+    }
+  );
+}
+function QueueStoppingStatus({
+  queue,
+  dividerAfter = false
+}) {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      className: `flex min-h-11 items-center gap-2.5 bg-status-waiting/[0.07] px-3 py-2 text-og-control text-fg ${dividerAfter ? "border-b border-status-waiting/20" : ""}`,
+      "data-testid": "stopping-previous-attempt",
+      children: [
+        /* @__PURE__ */ jsx2(
+          Loader2Icon,
+          {
+            "aria-hidden": "true",
+            className: "size-3.5 shrink-0 animate-spin text-status-waiting motion-reduce:animate-none"
+          }
+        ),
+        /* @__PURE__ */ jsxs2("span", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx2("span", { className: "font-medium", children: queue.effectiveControl?.state === "paused" ? "Stopping current attempt\u2026" : "Stopping previous attempt\u2026" }),
+          " ",
+          /* @__PURE__ */ jsx2("span", { className: "text-fg-muted", children: queue.effectiveControl?.state === "paused" ? "Queued work stays saved until you resume." : "Queued work is saved and starts automatically." })
+        ] })
+      ]
+    }
+  );
+}
+function QueueErrorAlert({
+  queue,
+  dividerBefore = false
+}) {
+  const formatError = useErrorMessage();
+  return /* @__PURE__ */ jsx2("div", { className: `${dividerBefore ? "border-t border-border" : ""} p-2`, children: /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      role: "alert",
+      className: "flex min-w-0 max-w-full flex-wrap items-start gap-2 rounded-md bg-status-failed/10 px-2 py-1.5 text-og-control text-status-failed",
+      children: [
+        /* @__PURE__ */ jsx2(
+          "span",
+          {
+            role: "region",
+            "aria-label": "Queue error details",
+            tabIndex: 0,
+            className: "max-h-[min(5rem,20dvh)] min-w-0 max-w-full flex-[1_1_5rem] overflow-auto overscroll-contain whitespace-pre-wrap rounded-sm outline-hidden [overflow-wrap:anywhere] [unicode-bidi:plaintext] focus-visible:ring-2 focus-visible:ring-ring/40",
+            "data-testid": "queue-error-message",
+            dir: "auto",
+            children: formatError(queue.mutationError ?? queue.error)
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              queue.clearMutationError();
+              void queue.refresh();
+            },
+            "aria-label": "Dismiss queue error and retry",
+            title: "Retry loading the queue",
+            className: "ms-auto inline-flex size-7 shrink-0 items-center justify-center self-start rounded-md outline-hidden transition-colors hover:bg-surface-3 focus-visible:ring-2 focus-visible:ring-ring/40 motion-reduce:transition-none pointer-coarse:size-[44px]",
+            children: /* @__PURE__ */ jsx2(RotateCwIcon, { className: "size-3.5" })
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+export {
+  TimelineAnnotationCards,
+  TimelineAnnotationsChip,
+  requestQueueDraftEdit,
+  EmptyQueueStateSurface,
+  QueueStoppingStatus,
+  QueueErrorAlert
+};
+//# sourceMappingURL=chunk-SHLZMAJN.js.map

package/dist/chunk-SHLZMAJN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/timeline-annotations.tsx","../src/components/queue-draft-policy.ts","../src/components/queue-surface-state.tsx"],"sourcesContent":["import type { TimelineAnnotationSource } from \"@opengeni/sdk\";\nimport { QuoteIcon, XIcon } from \"lucide-react\";\nimport {\n  Suspense,\n  lazy,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport { cn } from \"../lib/cn\";\nimport {\n  AnnotationAccentRow,\n  AnnotationNotePreview,\n  AnnotationQuoteSourceButton,\n  type TimelineAnnotationLike,\n} from \"./timeline-annotation-chrome\";\nimport { ANNOTATION_CARD_STACK_SCROLL_AT } from \"./timeline-annotation-layout\";\nimport {\n  TimelineAnnotationSourceRootContext,\n  useTimelineAnnotationSourceRoot,\n} from \"./timeline-annotation-reveal-context\";\nimport {\n  annotationDisplayOrdinal,\n  annotationHasNote,\n  resolveAnnotationRevealRoot,\n} from \"./timeline-annotation-shared\";\n\nexport type { TimelineAnnotationLike } from \"./timeline-annotation-chrome\";\n\nconst TimelineAnnotationsDialog = lazy(() => import(\"./timeline-annotations-dialog\"));\n\nfunction AnnotationSourceRootBridge({\n  triggerRef,\n  children,\n}: {\n  triggerRef: RefObject<HTMLElement | null>;\n  children: ReactNode;\n}) {\n  const inheritedRoot = useTimelineAnnotationSourceRoot();\n  const conversationRootRef = useRef<HTMLElement | null>(null);\n  if (!inheritedRoot) {\n    conversationRootRef.current = resolveAnnotationRevealRoot(triggerRef.current);\n  }\n  useLayoutEffect(() => {\n    if (inheritedRoot) return;\n    conversationRootRef.current = resolveAnnotationRevealRoot(triggerRef.current);\n  });\n  if (inheritedRoot) return children;\n  return (\n    <TimelineAnnotationSourceRootContext.Provider value={conversationRootRef}>\n      {children}\n    </TimelineAnnotationSourceRootContext.Provider>\n  );\n}\n\nexport function TimelineAnnotationCards({\n  annotations,\n  onRevealSource,\n  className,\n}: {\n  annotations: readonly TimelineAnnotationLike[];\n  onRevealSource?: ((source: TimelineAnnotationSource) => boolean) | undefined;\n  className?: string | undefined;\n}) {\n  const [unavailableId, setUnavailableId] = useState<string | null>(null);\n  if (annotations.length === 0) return null;\n  return (\n    <div\n      data-og-annotation-cards=\"\"\n      className={cn(\n        \"grid gap-2\",\n        annotations.length >= ANNOTATION_CARD_STACK_SCROLL_AT &&\n          \"max-h-[min(28rem,55vh)] overflow-x-hidden overflow-y-auto overscroll-contain pr-1\",\n        className,\n      )}\n    >\n      {annotations.map((annotation, index) => {\n        const ordinal = annotationDisplayOrdinal(annotation, index);\n        return (\n          <section key={annotation.id} aria-label={`Annotation ${ordinal}`}>\n            <AnnotationAccentRow>\n              <p className=\"mb-0.5 text-og-xs font-medium tabular-nums text-og-fg-subtle\">\n                Annotation {ordinal}\n              </p>\n              <AnnotationQuoteSourceButton\n                annotation={annotation}\n                lines={2}\n                onRevealSource={onRevealSource}\n                onUnavailable={setUnavailableId}\n              />\n              {unavailableId === annotation.id ? (\n                <p role=\"status\" className=\"text-og-xs text-og-status-waiting\">\n                  Source is outside the loaded timeline window.\n                </p>\n              ) : null}\n              <AnnotationNotePreview\n                note={annotation.note}\n                annotationId={annotation.id}\n                ordinal={ordinal}\n              />\n            </AnnotationAccentRow>\n          </section>\n        );\n      })}\n    </div>\n  );\n}\n\nexport function TimelineAnnotationsChip({\n  annotations,\n  editable = false,\n  focusAnnotationId,\n  onFocusConsumed,\n  onUpdate,\n  onRemove,\n  onRevealSource,\n  className,\n  compact = false,\n  onCommit,\n}: {\n  annotations: readonly TimelineAnnotationLike[];\n  editable?: boolean | undefined;\n  focusAnnotationId?: string | null | undefined;\n  onFocusConsumed?: (() => void) | undefined;\n  onUpdate?: ((id: string, note: string) => void) | undefined;\n  onRemove?: ((id: string) => void) | undefined;\n  /** Return focus to the owning input after all notes are completed with Enter. */\n  onCommit?: (() => void) | undefined;\n  onRevealSource?: ((source: TimelineAnnotationSource) => boolean) | undefined;\n  className?: string | undefined;\n  /** Dense trigger for single-line rows such as the compact queue dock. */\n  compact?: boolean | undefined;\n}) {\n  const focusRequested = Boolean(\n    focusAnnotationId && annotations.some((item) => item.id === focusAnnotationId),\n  );\n  const [open, setOpen] = useState(focusRequested);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const openedFocusId = useRef<string | null>(focusRequested ? (focusAnnotationId ?? null) : null);\n\n  useEffect(() => {\n    if (!focusRequested || !focusAnnotationId) {\n      if (!focusRequested) openedFocusId.current = null;\n      return;\n    }\n    if (openedFocusId.current === focusAnnotationId) return;\n    openedFocusId.current = focusAnnotationId;\n    setOpen(true);\n  }, [focusAnnotationId, focusRequested]);\n\n  if (annotations.length === 0) return null;\n  const countLabel = `${annotations.length} ${annotations.length === 1 ? \"annotation\" : \"annotations\"}`;\n  const incomplete = annotations.some((annotation) => !annotationHasNote(annotation.note));\n  const canClear = Boolean(editable && onRemove);\n\n  const dismiss = (restoreFocus: boolean) => {\n    setOpen(false);\n    onFocusConsumed?.();\n    if (restoreFocus) triggerRef.current?.focus();\n  };\n\n  return (\n    <span className={cn(\"inline-flex max-w-full items-center\", className)}>\n      <span\n        className={cn(\n          \"inline-flex max-w-full items-center rounded-full border bg-og-surface-1 text-og-fg-muted\",\n          incomplete ? \"border-og-accent/45 bg-og-accent-soft/50\" : \"border-og-border\",\n        )}\n      >\n        <button\n          ref={triggerRef}\n          type=\"button\"\n          className={cn(\n            \"inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-full border-0 bg-transparent font-medium outline-hidden transition hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:min-h-[44px]\",\n            compact ? \"min-h-6 py-0.5 text-og-xs\" : \"min-h-8 py-1 text-og-sm\",\n            canClear ? \"pr-1 pl-2.5\" : \"px-2.5\",\n          )}\n          aria-label={`Review ${countLabel}`}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          onClick={() => setOpen((current) => !current)}\n        >\n          <QuoteIcon className=\"size-3.5 shrink-0 text-og-accent\" aria-hidden=\"true\" />\n          <span className=\"min-w-0 truncate\">{countLabel}</span>\n        </button>\n        {canClear ? (\n          <button\n            type=\"button\"\n            className=\"inline-flex size-7 shrink-0 items-center justify-center rounded-full border-0 bg-transparent text-og-fg-subtle outline-hidden hover:text-og-status-failed focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:size-11\"\n            aria-label=\"Remove all annotations\"\n            onClick={() => {\n              for (const annotation of annotations) onRemove?.(annotation.id);\n            }}\n          >\n            <XIcon className=\"size-3.5\" aria-hidden=\"true\" />\n          </button>\n        ) : null}\n      </span>\n      {open ? (\n        <AnnotationSourceRootBridge triggerRef={triggerRef}>\n          <Suspense fallback={null}>\n            <TimelineAnnotationsDialog\n              annotations={annotations}\n              editable={editable}\n              focusAnnotationId={focusAnnotationId}\n              onFocusConsumed={onFocusConsumed}\n              onUpdate={onUpdate}\n              onRemove={onRemove}\n              onRevealSource={onRevealSource}\n              triggerRef={triggerRef}\n              countLabel={countLabel}\n              onDismiss={dismiss}\n              onCommit={() => {\n                dismiss(!onCommit);\n                onCommit?.();\n              }}\n            />\n          </Suspense>\n        </AnnotationSourceRootBridge>\n      ) : null}\n    </span>\n  );\n}\n\nexport default TimelineAnnotationsChip;\n","import type { ComposerState } from \"../hooks/use-composer\";\n\n/**\n * Decide whether checking out a queued prompt would replace current composer\n * content. `hasDraftContent` reads the synchronous draft refs, so this stays\n * correct even when a controlled input update has not rendered yet.\n */\nexport function requestQueueDraftEdit(\n  composer: Pick<ComposerState, \"hasDraftContent\">,\n  confirmReplacement: () => void,\n  editImmediately: () => void,\n): void {\n  if (composer.hasDraftContent()) {\n    confirmReplacement();\n  } else {\n    editImmediately();\n  }\n}\n","import { Loader2Icon, RotateCwIcon } from \"lucide-react\";\n\nimport type { UseTurnQueueResult } from \"../hooks/use-turn-queue\";\nimport { useErrorMessage } from \"../lib/error-message\";\n\ntype QueueStateProps = {\n  queue: UseTurnQueueResult;\n};\n\nexport function EmptyQueueStateSurface({ queue }: QueueStateProps) {\n  const hasError = Boolean(queue.error || queue.mutationError);\n  return (\n    <div\n      className=\"og-root mx-auto mb-2 w-full max-w-3xl shrink-0 px-4 sm:px-6\"\n      data-testid=\"queue-surface\"\n    >\n      <div className=\"overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm\">\n        {queue.stoppingPreviousAttempt ? (\n          <QueueStoppingStatus queue={queue} dividerAfter={hasError} />\n        ) : null}\n        {hasError ? <QueueErrorAlert queue={queue} /> : null}\n      </div>\n    </div>\n  );\n}\n\nexport function QueueStoppingStatus({\n  queue,\n  dividerAfter = false,\n}: QueueStateProps & { dividerAfter?: boolean }) {\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={`flex min-h-11 items-center gap-2.5 bg-status-waiting/[0.07] px-3 py-2 text-og-control text-fg ${\n        dividerAfter ? \"border-b border-status-waiting/20\" : \"\"\n      }`}\n      data-testid=\"stopping-previous-attempt\"\n    >\n      <Loader2Icon\n        aria-hidden=\"true\"\n        className=\"size-3.5 shrink-0 animate-spin text-status-waiting motion-reduce:animate-none\"\n      />\n      <span className=\"min-w-0\">\n        <span className=\"font-medium\">\n          {queue.effectiveControl?.state === \"paused\"\n            ? \"Stopping current attempt…\"\n            : \"Stopping previous attempt…\"}\n        </span>{\" \"}\n        <span className=\"text-fg-muted\">\n          {queue.effectiveControl?.state === \"paused\"\n            ? \"Queued work stays saved until you resume.\"\n            : \"Queued work is saved and starts automatically.\"}\n        </span>\n      </span>\n    </div>\n  );\n}\n\nexport function QueueErrorAlert({\n  queue,\n  dividerBefore = false,\n}: QueueStateProps & { dividerBefore?: boolean }) {\n  const formatError = useErrorMessage();\n  return (\n    <div className={`${dividerBefore ? \"border-t border-border\" : \"\"} p-2`}>\n      <div\n        role=\"alert\"\n        className=\"flex min-w-0 max-w-full flex-wrap items-start gap-2 rounded-md bg-status-failed/10 px-2 py-1.5 text-og-control text-status-failed\"\n      >\n        <span\n          role=\"region\"\n          aria-label=\"Queue error details\"\n          tabIndex={0}\n          className=\"max-h-[min(5rem,20dvh)] min-w-0 max-w-full flex-[1_1_5rem] overflow-auto overscroll-contain whitespace-pre-wrap rounded-sm outline-hidden [overflow-wrap:anywhere] [unicode-bidi:plaintext] focus-visible:ring-2 focus-visible:ring-ring/40\"\n          data-testid=\"queue-error-message\"\n          dir=\"auto\"\n        >\n          {formatError(queue.mutationError ?? queue.error)}\n        </span>\n        <button\n          type=\"button\"\n          onClick={() => {\n            queue.clearMutationError();\n            void queue.refresh();\n          }}\n          aria-label=\"Dismiss queue error and retry\"\n          title=\"Retry loading the queue\"\n          className=\"ms-auto inline-flex size-7 shrink-0 items-center justify-center self-start rounded-md outline-hidden transition-colors hover:bg-surface-3 focus-visible:ring-2 focus-visible:ring-ring/40 motion-reduce:transition-none pointer-coarse:size-[44px]\"\n        >\n          <RotateCwIcon className=\"size-3.5\" />\n        </button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["jsx","jsxs"]}