@opengeni/react 3.7.0-canary.7 → 3.8.0-canary.1

package/dist/{chunk-3HIF5IFC.js → chunk-7W6PVVTK.js}

@@ -1,8 +1,12 @@
 import {
   EmptyQueueStateSurface,
+  TimelineAnnotationCards,
   TimelineAnnotationsChip,
   requestQueueDraftEdit
-} from "./chunk-W3OUAH6M.js";
+} from "./chunk-YBM6CQRU.js";
+import {
+  TimelineAnnotationSourceRootContext
+} from "./chunk-5M6VTFJ5.js";
 import {
   Actions,
   AttachButton,
@@ -27,7 +31,7 @@ import {
   Surface,
   useChatComposerController,
   useLightboxOptional
-} from "./chunk-BQGIXRKV.js";
+} from "./chunk-7BWFU6H4.js";
 import {
   ModelPolicyPicker
 } from "./chunk-R4KRSFGA.js";
@@ -45,7 +49,7 @@ import {
 } from "./chunk-BXJOQFCD.js";
 import {
   useComposer
-} from "./chunk-IOLVN74D.js";
+} from "./chunk-6J56T3MG.js";
 import {
   formatBytes,
   formatClockTime,
@@ -68,7 +72,7 @@ import {
   MOTION_INSPECT_SCALE,
   Markdown,
   prefersReducedMotion
-} from "./chunk-F2CFHN3Y.js";
+} from "./chunk-YAIPFO5D.js";
 import {
   Tooltip,
   TooltipContent,
@@ -4874,7 +4878,8 @@ function machineInputSummaryIsUseful(kind, cleanedSummary) {
 
 // src/components/message-timeline.tsx
 import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
-var TimelineAnnotationSelection = lazy3(() => import("./timeline-annotation-selection-3L7LHGG2.js"));
+var TimelineAnnotationSelection = lazy3(() => import("./timeline-annotation-selection-IHLUGVND.js"));
+var TimelineAnnotationMarkers = lazy3(() => import("./timeline-annotation-markers-DRSTLEM6.js"));
 var PIN_THRESHOLD_PX = 48;
 var JUMP_TO_LATEST_CATCHUP_DEBT_PX = 240;
 var OLDER_PREFETCH_MARGIN_PX = 400;
@@ -4948,6 +4953,7 @@ function MessageTimeline({
   events,
   items,
   status: _status,
+  renderMessageActions,
   renderMessageText,
   onOpenSession,
   onMemoryClick,
@@ -4962,6 +4968,8 @@ function MessageTimeline({
   turnSummary,
   autoFollow = true,
   onAnnotate,
+  draftAnnotations,
+  onDraftAnnotationSelect,
   hasOlder = false,
   loadingOlder = false,
   onLoadOlder,
@@ -5287,6 +5295,7 @@ function MessageTimeline({
     () => ({
       userMessageDisclosureContext,
       behavior: {
+        renderMessageActions,
         renderMessageText,
         onOpenSession,
         onMemoryClick,
@@ -5306,6 +5315,7 @@ function MessageTimeline({
       onMemoryClick,
       onOpenSession,
       onReconnect,
+      renderMessageActions,
       renderMessageText,
       resolveProviderLogo,
       toolRegistry,
@@ -5910,7 +5920,7 @@ function MessageTimeline({
     }
     releasePinAfterScrollSettled(node);
   };
-  return /* @__PURE__ */ jsx14(LightboxProvider, { children: /* @__PURE__ */ jsx14(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx14(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx14(TimelineComputeLabelProvider, { value: computeLabel ?? null, children: /* @__PURE__ */ jsx14(EntranceAnimationProvider, { value: false, children: /* @__PURE__ */ jsx14(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsxs8("div", { className: cn("og-root relative flex min-h-0 flex-col", className), children: [
+  return /* @__PURE__ */ jsx14(LightboxProvider, { children: /* @__PURE__ */ jsx14(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx14(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx14(TimelineComputeLabelProvider, { value: computeLabel ?? null, children: /* @__PURE__ */ jsx14(EntranceAnimationProvider, { value: false, children: /* @__PURE__ */ jsx14(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx14(TimelineAnnotationSourceRootContext.Provider, { value: scrollRef, children: /* @__PURE__ */ jsxs8("div", { className: cn("og-root relative flex min-h-0 flex-col", className), children: [
     onAnnotate ? /* @__PURE__ */ jsx14(Suspense3, { fallback: null, children: /* @__PURE__ */ jsx14(
       TimelineAnnotationSelection,
       {
@@ -6086,6 +6096,14 @@ function MessageTimeline({
         )
       }
     ),
+    draftAnnotations && draftAnnotations.length > 0 ? /* @__PURE__ */ jsx14(Suspense3, { fallback: null, children: /* @__PURE__ */ jsx14(
+      TimelineAnnotationMarkers,
+      {
+        rootRef: scrollRef,
+        annotations: draftAnnotations,
+        onSelect: onDraftAnnotationSelect
+      }
+    ) }) : null,
     /* @__PURE__ */ jsx14(AnimatePresence, { children: loadingNewer ? /* @__PURE__ */ jsx14(
       motion.div,
       {
@@ -6150,7 +6168,7 @@ function MessageTimeline({
         ]
       }
     ) : null })
-  ] }) }) }) }) }) }) });
+  ] }) }) }) }) }) }) }) });
 }
 function timelineGroupsRenderEqual(previous, next) {
   try {
@@ -6273,6 +6291,7 @@ var TimelineGroupEntry = memo(function TimelineGroupEntry2({
 });
 var TimelineGroupView = memo(function TimelineGroupView2({
   group,
+  renderMessageActions,
   renderMessageText,
   onOpenSession,
   onMemoryClick,
@@ -6385,6 +6404,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
           {
             resetKeys: [
               child,
+              renderMessageActions,
               renderMessageText,
               onOpenSession,
               onMemoryClick,
@@ -6400,6 +6420,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
               TimelineGroupView2,
               {
                 group: child,
+                renderMessageActions,
                 renderMessageText,
                 onOpenSession,
                 onMemoryClick,
@@ -6445,6 +6466,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
         TimelineRow,
         {
           item: group.item,
+          renderMessageActions,
           renderMessageText,
           onReconnect,
           resolveProviderLogo,
@@ -6625,6 +6647,7 @@ function durationBetween(startedAt, endedAt) {
 }
 function TimelineRow({
   item,
+  renderMessageActions,
   renderMessageText,
   onReconnect,
   resolveProviderLogo,
@@ -6633,11 +6656,25 @@ function TimelineRow({
 }) {
   switch (item.kind) {
     case "user-message":
-      return /* @__PURE__ */ jsx14(UserMessageRow, { item, renderMessageText });
+      return /* @__PURE__ */ jsx14(
+        UserMessageRow,
+        {
+          item,
+          renderMessageActions,
+          renderMessageText
+        }
+      );
     case "human-input":
       return /* @__PURE__ */ jsx14(HumanInputConversationRow, { item });
     case "agent-message":
-      return /* @__PURE__ */ jsx14(AgentMessageRow, { item, renderMessageText });
+      return /* @__PURE__ */ jsx14(
+        AgentMessageRow,
+        {
+          item,
+          renderMessageActions,
+          renderMessageText
+        }
+      );
     case "worker-completion":
       return /* @__PURE__ */ jsx14(WorkerCompletionRow, { item, onOpenSession });
     case "session-status":
@@ -6735,6 +6772,7 @@ function MessageFooterTime({ occurredAt }) {
 }
 function UserMessageRow({
   item,
+  renderMessageActions,
   renderMessageText
 }) {
   const enter = useEntranceAnimation();
@@ -6747,11 +6785,14 @@ function UserMessageRow({
 ${annotation.note}`).join("\n\n"),
         label: "Copy message",
         className: "w-fit max-w-full min-w-0",
-        trailing: /* @__PURE__ */ jsx14(MessageFooterTime, { occurredAt: item.occurredAt }),
+        trailing: /* @__PURE__ */ jsxs8(Fragment4, { children: [
+          renderMessageActions?.(item),
+          /* @__PURE__ */ jsx14(MessageFooterTime, { occurredAt: item.occurredAt })
+        ] }),
         children: /* @__PURE__ */ jsxs8("div", { className: MESSAGE_BUBBLE_CLASS, children: [
           item.text ? /* @__PURE__ */ jsx14("div", { "data-og-annotation-source-key": item.annotationSource?.eventId, children: renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx14(UserMessageBody, { messageId: item.id, text: item.text, children: /* @__PURE__ */ jsx14(Markdown, { children: item.text }) }) }) : null,
           (item.annotations?.length ?? 0) > 0 ? /* @__PURE__ */ jsx14(
-            TimelineAnnotationsChip,
+            TimelineAnnotationCards,
             {
               annotations: item.annotations ?? [],
               className: item.text ? "mt-2" : void 0
@@ -6883,21 +6924,25 @@ ${answers}` : ""}`].filter(Boolean).join("\n\n");
 }
 function AgentMessageRow({
   item,
+  renderMessageActions,
   renderMessageText
 }) {
   const enter = useEntranceAnimation();
   const body = renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx14(Markdown, { streaming: item.streaming, children: item.text });
-  return /* @__PURE__ */ jsx14("div", { "data-og-annotation-source-key": item.annotationSource?.eventId, children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx14(
     CopyHoverFrame,
     {
       copyText: item.text,
       label: "Copy message",
       align: "start",
       className: cn(enter && "animate-og-enter", "min-w-0 text-og-md leading-7 text-og-fg"),
-      trailing: item.streaming ? null : /* @__PURE__ */ jsx14(MessageFooterTime, { occurredAt: item.occurredAt }),
-      children: body
+      trailing: item.streaming ? null : /* @__PURE__ */ jsxs8(Fragment4, { children: [
+        renderMessageActions?.(item),
+        /* @__PURE__ */ jsx14(MessageFooterTime, { occurredAt: item.occurredAt })
+      ] }),
+      children: /* @__PURE__ */ jsx14("div", { "data-og-annotation-source-key": item.annotationSource?.eventId, children: body })
     }
-  ) });
+  );
 }
 function workerCompletionMeta(item) {
   if (item.childStatus === "failed") {
@@ -7471,7 +7516,7 @@ function authReasonLine(reason) {
 import { Loader2Icon } from "lucide-react";
 import { lazy as lazy4, Suspense as Suspense4 } from "react";
 import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
-var loadQueueSurface = () => import("./queue-surface-implementation-XL2A6PBM.js");
+var loadQueueSurface = () => import("./queue-surface-implementation-LK3S4BIW.js");
 var QueueSurface = createQueueSurface(loadQueueSurface);
 function createQueueSurface(loadImplementation) {
   const LazyQueueSurface = lazy4(async () => ({
@@ -7622,7 +7667,7 @@ function ChatComposer({
         /* @__PURE__ */ jsx16(RestoredResources, {}),
         /* @__PURE__ */ jsx16(Attachments, {}),
         header,
-        composer.annotations && composer.annotations.length > 0 ? /* @__PURE__ */ jsx16("div", { className: "px-3 pt-2 sm:px-4", children: /* @__PURE__ */ jsx16(
+        composer.annotations && composer.annotations.length > 0 && composer.updateAnnotation && composer.removeAnnotation ? /* @__PURE__ */ jsx16("div", { className: "px-3.5 pt-2 md:px-4", children: /* @__PURE__ */ jsx16(
           TimelineAnnotationsChip,
           {
             annotations: composer.annotations,
@@ -9290,4 +9335,4 @@ export {
   SessionChrome,
   SessionCommandsPanel
 };
-//# sourceMappingURL=chunk-3HIF5IFC.js.map
+//# sourceMappingURL=chunk-7W6PVVTK.js.map