@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-5O2FCCHZ.js

@@ -0,0 +1,198 @@
+"use client";
+import {
+  TimelineAnnotationsChip
+} from "./chunk-IFB3WJ36.js";
+import {
+  Actions,
+  AlternateSendButton,
+  AttachButton,
+  Attachments,
+  CommandPalette2 as CommandPalette,
+  ComposerTranscriptionControl,
+  Confirmation,
+  Controls,
+  Footer,
+  Frame,
+  Help,
+  Hint,
+  Input,
+  ModelPicker2 as ModelPicker,
+  PauseButton,
+  PauseButtonSlot,
+  PausedState,
+  RestoredResources,
+  Root,
+  SendButton,
+  Status,
+  StopButton,
+  Surface,
+  useChatComposerController
+} from "./chunk-2RG7NIAS.js";
+
+// src/components/chat-composer.tsx
+import { LayoutGroup, motion } from "motion/react";
+import {
+  useImperativeHandle
+} from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ChatComposer({
+  composer,
+  responsiveBasis,
+  effectiveControl,
+  queuedAheadCount,
+  canControlWorkspace,
+  controlLinks,
+  placeholder,
+  disabled,
+  autoFocus,
+  hint,
+  controlsLeading,
+  controlsStart,
+  actionsStart,
+  attachButtonClassName,
+  transcription,
+  transcriptionClassName,
+  transcriptionSuppressed = false,
+  header,
+  onPaste,
+  attachments,
+  models,
+  selectedModel,
+  onSelectModel,
+  className,
+  commands,
+  commandContext,
+  onClearView,
+  messages,
+  footer,
+  focusRef,
+  inputProps,
+  surfaceClassName,
+  runControl,
+  running,
+  queuedRecall
+}) {
+  const controller = useChatComposerController({
+    delivery: composer,
+    draft: composer,
+    control: composer,
+    effectiveControl,
+    queuedAheadCount,
+    canControlWorkspace,
+    controlLinks,
+    disabled,
+    attachments,
+    commands,
+    commandContext,
+    onClearView,
+    onPaste,
+    messages,
+    runControl,
+    running,
+    queuedRecall
+  });
+  const hasControls = Boolean(
+    attachments || models || controlsLeading || controlsStart || transcription
+  );
+  const stackActions = hasControls && Boolean(actionsStart);
+  useImperativeHandle(focusRef, () => ({ focusInput: controller.focusInput }), [
+    controller.focusInput
+  ]);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Root, { controller, responsiveBasis, className, children: [
+    /* @__PURE__ */ jsxs(Frame, { children: [
+      /* @__PURE__ */ jsx(CommandPalette, {}),
+      /* @__PURE__ */ jsxs(Surface, { className: surfaceClassName, children: [
+        /* @__PURE__ */ jsx(PausedState, {}),
+        /* @__PURE__ */ jsx(RestoredResources, {}),
+        /* @__PURE__ */ jsx(Attachments, {}),
+        header,
+        composer.annotations && composer.annotations.length > 0 && composer.updateAnnotation && composer.removeAnnotation ? /* @__PURE__ */ jsx("div", { className: "px-3.5 pt-2 md:px-4", children: /* @__PURE__ */ jsx(
+          TimelineAnnotationsChip,
+          {
+            annotations: composer.annotations,
+            editable: true,
+            focusAnnotationId: composer.annotationReviewTargetId,
+            onFocusConsumed: composer.clearAnnotationReviewTarget,
+            onUpdate: composer.updateAnnotation,
+            onRemove: composer.removeAnnotation,
+            onCommit: controller.focusInput
+          }
+        ) }) : null,
+        /* @__PURE__ */ jsx(Input, { ...inputProps, placeholder, autoFocus }),
+        controller.confirmState ? /* @__PURE__ */ jsx(Confirmation, {}) : footer !== void 0 ? footer : /* @__PURE__ */ jsx(
+          Footer,
+          {
+            "data-og-stack-actions": stackActions ? "" : void 0,
+            className: stackActions ? "max-sm:flex-nowrap sm:flex-wrap" : void 0,
+            children: /* @__PURE__ */ jsxs(LayoutGroup, { id: "og-composer-footer", children: [
+              hasControls ? /* @__PURE__ */ jsxs(
+                Controls,
+                {
+                  className: stackActions ? "min-w-0 max-sm:flex-1 sm:w-auto" : void 0,
+                  children: [
+                    controlsLeading,
+                    /* @__PURE__ */ jsx(AttachButton, { className: attachButtonClassName }),
+                    transcription ? /* @__PURE__ */ jsx(
+                      ComposerTranscriptionControl,
+                      {
+                        ...transcription,
+                        suppressed: transcriptionSuppressed,
+                        className: [transcription.className, transcriptionClassName].filter(Boolean).join(" ")
+                      }
+                    ) : null,
+                    models ? /* @__PURE__ */ jsx(
+                      motion.span,
+                      {
+                        layout: true,
+                        transition: { duration: 0.36, ease: [0.22, 1, 0.36, 1] },
+                        className: "inline-flex min-w-0",
+                        children: /* @__PURE__ */ jsx(
+                          ModelPicker,
+                          {
+                            models,
+                            value: selectedModel,
+                            onChange: onSelectModel
+                          }
+                        )
+                      }
+                    ) : null,
+                    controlsStart ? /* @__PURE__ */ jsx(
+                      motion.span,
+                      {
+                        layout: true,
+                        transition: { duration: 0.36, ease: [0.22, 1, 0.36, 1] },
+                        className: "inline-flex min-w-0 flex-1 items-center gap-1.5",
+                        children: controlsStart
+                      }
+                    ) : null,
+                    /* @__PURE__ */ jsx(PauseButtonSlot, {})
+                  ]
+                }
+              ) : /* @__PURE__ */ jsx(Hint, { children: hint }),
+              /* @__PURE__ */ jsxs(
+                Actions,
+                {
+                  className: stackActions ? "max-sm:shrink-0 sm:w-auto sm:justify-end" : void 0,
+                  children: [
+                    actionsStart,
+                    /* @__PURE__ */ jsx(PauseButton, {}),
+                    /* @__PURE__ */ jsx(StopButton, {}),
+                    /* @__PURE__ */ jsx(AlternateSendButton, {}),
+                    /* @__PURE__ */ jsx(SendButton, {})
+                  ]
+                }
+              )
+            ] })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Help, {}),
+    /* @__PURE__ */ jsx(Status, {})
+  ] }) });
+}
+
+export {
+  ChatComposer
+};
+//# sourceMappingURL=chunk-5O2FCCHZ.js.map

package/dist/chunk-5QAY6K77.js

@@ -0,0 +1,399 @@
+"use client";
+import {
+  useTimelineSearchReveal
+} from "./chunk-6DVCC7QS.js";
+import {
+  cn
+} from "./chunk-TXS65BB2.js";
+import {
+  useOpenGeniText
+} from "./chunk-7T2ZE3VT.js";
+
+// src/components/user-message-body.tsx
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useId,
+  useLayoutEffect,
+  useRef,
+  useState
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FALLBACK_LINE_THRESHOLD = 12;
+var FALLBACK_TEXT_THRESHOLD = 900;
+var FALLBACK_UNBROKEN_THRESHOLD = 260;
+var INTERACTIVE_DESCENDANT_SELECTOR = [
+  "a[href]",
+  "area[href]",
+  "button",
+  "input:not([type='hidden'])",
+  "select",
+  "textarea",
+  "iframe",
+  "object",
+  "embed",
+  "audio[controls]",
+  "video[controls]",
+  "summary",
+  "[contenteditable]:not([contenteditable='false'])",
+  "[tabindex]",
+  "[role='button']",
+  "[role='link']",
+  "[role='checkbox']",
+  "[role='radio']",
+  "[role='switch']",
+  "[role='slider']",
+  "[role='spinbutton']",
+  "[role='textbox']",
+  "[role='combobox']",
+  "[role='listbox']",
+  "[role='menuitem']",
+  "[role='option']",
+  "[role='tab']",
+  "[role='treeitem']"
+].join(",");
+function composedParentElement(element) {
+  if (element.assignedSlot) {
+    return element.assignedSlot;
+  }
+  if (element.parentElement) {
+    return element.parentElement;
+  }
+  const root = element.getRootNode();
+  return typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot ? root.host : null;
+}
+function hasComposedInertAncestor(element, boundary) {
+  let current = element;
+  while (current) {
+    if (current.hasAttribute("inert")) {
+      return true;
+    }
+    if (current === boundary) {
+      return false;
+    }
+    current = composedParentElement(current);
+  }
+  return false;
+}
+function collectInteractionBoundaries(root) {
+  const boundaries = [];
+  const scopes = [root];
+  for (let scopeIndex = 0; scopeIndex < scopes.length; scopeIndex += 1) {
+    for (const element of scopes[scopeIndex].querySelectorAll("*")) {
+      if (!(element instanceof HTMLElement)) {
+        continue;
+      }
+      const shadowRoot = element.shadowRoot;
+      const opaqueCustomElement = element.localName.includes("-") && !shadowRoot;
+      if (element.matches(INTERACTIVE_DESCENDANT_SELECTOR) || opaqueCustomElement) {
+        boundaries.push(element);
+      }
+      if (shadowRoot) {
+        scopes.push(shadowRoot);
+      }
+    }
+  }
+  return boundaries;
+}
+function isFullyInsideVisiblePreview(rect, clipRect) {
+  return rect.width > 0 && rect.height > 0 && rect.top >= clipRect.top - 1 && rect.bottom <= clipRect.bottom + 1 && rect.left >= clipRect.left - 1 && rect.right <= clipRect.right + 1;
+}
+var sharedResizeObservers = /* @__PURE__ */ new WeakMap();
+var disclosureMeasurementJobs = /* @__PURE__ */ new Map();
+var disclosureMeasurementQueued = false;
+function scheduleDisclosureMeasurement(view, key, job) {
+  disclosureMeasurementJobs.set(key, job);
+  if (!disclosureMeasurementQueued) {
+    disclosureMeasurementQueued = true;
+    view.queueMicrotask(() => {
+      disclosureMeasurementQueued = false;
+      const pending = [...disclosureMeasurementJobs.values()];
+      disclosureMeasurementJobs.clear();
+      const decisions = pending.map(({ read }) => read());
+      for (let index = 0; index < pending.length; index += 1) {
+        pending[index].write(decisions[index]);
+      }
+    });
+  }
+  return () => disclosureMeasurementJobs.delete(key);
+}
+function observeSharedResize(element, callback) {
+  const view = element.ownerDocument.defaultView;
+  if (!view || typeof ResizeObserver === "undefined") {
+    return null;
+  }
+  let state = sharedResizeObservers.get(view);
+  if (!state) {
+    const callbacks = /* @__PURE__ */ new Map();
+    const handleWindowResize = () => {
+      for (const registered of new Set(callbacks.values())) registered();
+    };
+    const observer = new ResizeObserver((entries) => {
+      if (entries.length === 0) {
+        handleWindowResize();
+      } else {
+        for (const entry of entries) {
+          callbacks.get(entry.target)?.();
+        }
+      }
+    });
+    view.addEventListener("resize", handleWindowResize);
+    state = { callbacks, observer, handleWindowResize };
+    sharedResizeObservers.set(view, state);
+  }
+  state.callbacks.set(element, callback);
+  state.observer.observe(element);
+  return () => {
+    if (state.callbacks.get(element) !== callback) {
+      return;
+    }
+    state.callbacks.delete(element);
+    state.observer.unobserve(element);
+    if (state.callbacks.size === 0) {
+      state.observer.disconnect();
+      view.removeEventListener("resize", state.handleWindowResize);
+      sharedResizeObservers.delete(view);
+    }
+  };
+}
+var UserMessageDisclosureContext = createContext(null);
+function UserMessageDisclosureProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx(UserMessageDisclosureContext.Provider, { value, children });
+}
+function userMessageLikelyNeedsDisclosure(text) {
+  const lines = text.split(/\r?\n/);
+  return lines.length > FALLBACK_LINE_THRESHOLD || text.length > FALLBACK_TEXT_THRESHOLD || lines.some((line) => line.length > FALLBACK_UNBROKEN_THRESHOLD);
+}
+function UserMessageBody({
+  messageId,
+  text,
+  children,
+  className,
+  disclosureLabels
+}) {
+  const t = useOpenGeniText();
+  const disclosure = useContext(UserMessageDisclosureContext);
+  const [expanded, setExpanded] = useState(
+    () => disclosure?.expandedByMessageId.get(messageId) ?? false
+  );
+  const searchReveal = useTimelineSearchReveal();
+  useLayoutEffect(() => {
+    if (!searchReveal) return;
+    setExpanded(true);
+    disclosure?.expandedByMessageId.set(messageId, true);
+  }, [searchReveal, messageId, disclosure]);
+  const collapsibleRef = useRef(userMessageLikelyNeedsDisclosure(text));
+  const expandedRef = useRef(expanded);
+  expandedRef.current = expanded;
+  const rootRef = useRef(null);
+  const clipRef = useRef(null);
+  const contentRef = useRef(null);
+  const thresholdRef = useRef(null);
+  const fadeRef = useRef(null);
+  const disclosureControlRef = useRef(null);
+  const pendingRestoreRef = useRef(null);
+  const managedInertDescendantsRef = useRef(/* @__PURE__ */ new Set());
+  const measurementKeyRef = useRef({});
+  const contentId = `og-user-message-${useId().replace(/:/g, "")}`;
+  const collapsible = collapsibleRef.current;
+  const collapsed = collapsible && !expanded;
+  const syncDisclosurePresentation = useCallback((nextCollapsible) => {
+    collapsibleRef.current = nextCollapsible;
+    const nextCollapsed = nextCollapsible && !expandedRef.current;
+    const clip = clipRef.current;
+    clip?.classList.toggle("max-h-56", nextCollapsed);
+    clip?.classList.toggle("overflow-hidden", nextCollapsed);
+    clip?.classList.toggle("sm:max-h-72", nextCollapsed);
+    if (fadeRef.current) fadeRef.current.hidden = !nextCollapsed;
+    if (disclosureControlRef.current) disclosureControlRef.current.hidden = !nextCollapsible;
+  }, []);
+  const restoreManagedInertDescendants = useCallback(() => {
+    for (const descendant of managedInertDescendantsRef.current) {
+      if (descendant.hasAttribute("data-og-user-message-managed-inert")) {
+        descendant.removeAttribute("inert");
+        descendant.removeAttribute("data-og-user-message-managed-inert");
+      }
+    }
+    managedInertDescendantsRef.current.clear();
+  }, []);
+  const syncCollapsedInteractivity = useCallback(() => {
+    restoreManagedInertDescendants();
+    if (!collapsibleRef.current || expandedRef.current) {
+      return;
+    }
+    const clip = clipRef.current;
+    const content = contentRef.current;
+    if (!clip || !content) {
+      return;
+    }
+    const clipRect = clip.getBoundingClientRect();
+    if (clipRect.height <= 0) {
+      return;
+    }
+    for (const descendant of collectInteractionBoundaries(content)) {
+      if (hasComposedInertAncestor(descendant, content)) {
+        continue;
+      }
+      const rect = descendant.getBoundingClientRect();
+      if (isFullyInsideVisiblePreview(rect, clipRect)) {
+        continue;
+      }
+      descendant.setAttribute("inert", "");
+      descendant.setAttribute("data-og-user-message-managed-inert", "");
+      managedInertDescendantsRef.current.add(descendant);
+    }
+  }, [restoreManagedInertDescendants]);
+  const readCollapsible = useCallback(() => {
+    const content = contentRef.current;
+    const threshold = thresholdRef.current;
+    if (!content || !threshold) {
+      return userMessageLikelyNeedsDisclosure(text);
+    }
+    const renderedHeight = Math.max(content.scrollHeight, content.getBoundingClientRect().height);
+    const collapseHeight = Math.max(
+      threshold.offsetHeight,
+      threshold.getBoundingClientRect().height
+    );
+    return renderedHeight > 0 && collapseHeight > 0 ? renderedHeight > collapseHeight + 1 : userMessageLikelyNeedsDisclosure(text);
+  }, [text]);
+  const measure = useCallback(() => {
+    const view = rootRef.current?.ownerDocument.defaultView;
+    if (!view) {
+      syncDisclosurePresentation(readCollapsible());
+      syncCollapsedInteractivity();
+      return () => void 0;
+    }
+    return scheduleDisclosureMeasurement(view, measurementKeyRef.current, {
+      read: readCollapsible,
+      write: (nextCollapsible) => {
+        syncDisclosurePresentation(nextCollapsible);
+        syncCollapsedInteractivity();
+      }
+    });
+  }, [readCollapsible, syncCollapsedInteractivity, syncDisclosurePresentation]);
+  useLayoutEffect(() => {
+    const cancelPendingMeasurement = measure();
+    const content = contentRef.current;
+    const threshold = thresholdRef.current;
+    const onResize = () => {
+      measure();
+    };
+    const stopObservingContent = content ? observeSharedResize(content, onResize) : null;
+    const stopObservingThreshold = threshold ? observeSharedResize(threshold, onResize) : null;
+    const observerAvailable = stopObservingContent !== null || stopObservingThreshold !== null;
+    const handleResize = () => {
+      measure();
+    };
+    if (!observerAvailable) {
+      window.addEventListener("resize", handleResize);
+    }
+    return () => {
+      cancelPendingMeasurement();
+      stopObservingContent?.();
+      stopObservingThreshold?.();
+      if (!observerAvailable) {
+        window.removeEventListener("resize", handleResize);
+      }
+    };
+  }, [measure, syncCollapsedInteractivity]);
+  useLayoutEffect(() => {
+    syncDisclosurePresentation(collapsibleRef.current);
+    syncCollapsedInteractivity();
+    return restoreManagedInertDescendants;
+  }, [
+    expanded,
+    restoreManagedInertDescendants,
+    syncCollapsedInteractivity,
+    syncDisclosurePresentation
+  ]);
+  useLayoutEffect(() => {
+    const restore = pendingRestoreRef.current;
+    pendingRestoreRef.current = null;
+    restore?.();
+  }, [expanded]);
+  const toggle = (control) => {
+    const root = rootRef.current;
+    pendingRestoreRef.current = root && disclosure ? disclosure.beginChange(root, control) : null;
+    const next = !expanded;
+    if (!next && contentRef.current?.contains(document.activeElement)) {
+      control.focus({ preventScroll: true });
+    }
+    disclosure?.expandedByMessageId.set(messageId, next);
+    setExpanded(next);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: rootRef,
+      "data-og-user-message-body": "",
+      "data-og-message-id": messageId,
+      "data-og-expanded": expanded ? "true" : "false",
+      className: cn("relative min-w-0", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            ref: thresholdRef,
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute h-56 w-0 invisible sm:h-72"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: clipRef,
+            id: contentId,
+            "data-og-user-message-clip": "",
+            className: cn("relative min-w-0", collapsed && "max-h-56 overflow-hidden sm:max-h-72"),
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ref: contentRef,
+                  "data-og-user-message-content": "",
+                  className: "min-w-0 [overflow-wrap:anywhere]",
+                  children
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  ref: fadeRef,
+                  "aria-hidden": "true",
+                  hidden: !collapsed,
+                  "data-og-user-message-fade": "",
+                  className: "pointer-events-none absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-og-surface-2 via-og-surface-2/90 to-transparent"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            ref: disclosureControlRef,
+            type: "button",
+            hidden: !collapsible,
+            "aria-controls": contentId,
+            "aria-expanded": expanded,
+            "data-og-user-message-disclosure": "",
+            className: "mt-1.5 inline-flex min-h-7 items-center rounded-og-sm px-1.5 text-og-xs font-medium text-og-fg-muted outline-hidden transition-colors hover:bg-og-surface-3/60 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/45 pointer-coarse:min-h-11",
+            onClick: (event) => toggle(event.currentTarget),
+            children: expanded ? disclosureLabels?.showLess ?? disclosure?.labels?.showLess ?? t("userMessageBody.showLess") : disclosureLabels?.showMore ?? disclosure?.labels?.showMore ?? t("userMessageBody.showMore")
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  UserMessageDisclosureProvider,
+  userMessageLikelyNeedsDisclosure,
+  UserMessageBody
+};
+//# sourceMappingURL=chunk-5QAY6K77.js.map