@opengeni/react 0.34.2 → 0.35.2

package/dist/{chunk-MS3FBZ6A.js → chunk-PVW56EVR.js}

@@ -1,10 +1,16 @@
 import {
   shouldSteerOnKey,
   shouldSubmitOnKey
-} from "./chunk-KZRUYCL4.js";
+} from "./chunk-FT2TXNGZ.js";
 import {
   groupPickerRowsByBillingClass
 } from "./chunk-U255M5EZ.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-ATSTR5P3.js";
 import {
   cn
 } from "./chunk-TK7G6XLT.js";
@@ -12,7 +18,7 @@ import {
   composerSubmissionErrorMessage,
   formatBytes,
   formatRelativeTime
-} from "./chunk-4QOQ2DSR.js";
+} from "./chunk-LAKLF4PA.js";
 
 // src/hooks/use-transcription.ts
 import {
@@ -751,6 +757,9 @@ function errorCode(error) {
   return "unknown";
 }
 
+// src/workstream-control-event.ts
+var OPEN_WORKSTREAM_CONTROL_EVENT = "opengeni:open-workstream-control";
+
 // src/commands/registry.ts
 function parseCommandLine(value) {
   if (value[0] !== "/") {
@@ -1340,6 +1349,7 @@ import {
 } from "lucide-react";
 import { AnimatePresence as AnimatePresence2, motion as motion2 } from "motion/react";
 import {
+  cloneElement,
   createContext,
   forwardRef,
   useCallback as useCallback4,
@@ -1351,7 +1361,13 @@ import {
   useState as useState4
 } from "react";
 import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var OPEN_WORKSTREAM_CONTROL_EVENT = "opengeni:open-workstream-control";
+function ComposerTip({
+  tip,
+  children
+}) {
+  if (!tip) return children;
+  return cloneElement(children, { title: tip });
+}
 var defaultChatComposerMessages = {
   messagePlaceholder: "Message the agent\u2026",
   pausedPlaceholder: "Sending will resume this workstream\u2026",
@@ -1413,6 +1429,20 @@ var defaultChatComposerMessages = {
   formatBytes,
   formatRelativeTime
 };
+function applyComposerTextareaHeight(textarea, maxPx = 220) {
+  if (textarea.scrollHeight > textarea.clientHeight + 1) {
+    textarea.style.height = `${Math.min(textarea.scrollHeight, maxPx)}px`;
+    return;
+  }
+  const before = textarea.offsetHeight;
+  textarea.style.height = "auto";
+  const nextPx = Math.min(textarea.scrollHeight, maxPx);
+  if (Math.abs(nextPx - before) < 1) {
+    textarea.style.height = `${before}px`;
+    return;
+  }
+  textarea.style.height = `${nextPx}px`;
+}
 function useChatComposerController({
   delivery,
   draft,
@@ -1516,13 +1546,30 @@ function useChatComposerController({
     },
     []
   );
+  const resizeInputRafRef = useRef4(null);
   const resizeInput = useCallback4(() => {
-    const textarea = textareaRef.current;
-    if (!textarea) return;
-    textarea.style.height = "0px";
-    textarea.style.height = `${Math.min(textarea.scrollHeight, 220)}px`;
+    if (resizeInputRafRef.current !== null) {
+      return;
+    }
+    resizeInputRafRef.current = requestAnimationFrame(() => {
+      resizeInputRafRef.current = null;
+      const textarea = textareaRef.current;
+      if (!textarea) {
+        return;
+      }
+      applyComposerTextareaHeight(textarea, 220);
+    });
   }, []);
   useEffect3(() => resizeInput(), [delivery.value, resizeInput]);
+  useEffect3(
+    () => () => {
+      if (resizeInputRafRef.current !== null) {
+        cancelAnimationFrame(resizeInputRafRef.current);
+        resizeInputRafRef.current = null;
+      }
+    },
+    []
+  );
   const handlers = useMemo4(
     () => ({
       notice: (next) => {
@@ -1729,7 +1776,7 @@ function isRecord2(value) {
   return typeof value === "object" && value !== null;
 }
 var Root = forwardRef(function ComposerRoot({ controller, children, className, style, ...props }, forwardedRef) {
-  return /* @__PURE__ */ jsx3(ComposerContext.Provider, { value: controller, children: /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsx3(ComposerContext.Provider, { value: controller, children: /* @__PURE__ */ jsx3(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs3(
     "div",
     {
       ...props,
@@ -1742,7 +1789,7 @@ var Root = forwardRef(function ComposerRoot({ controller, children, className, s
         /* @__PURE__ */ jsx3(ComposerAnnouncements, {})
       ]
     }
-  ) });
+  ) }) });
 });
 var Frame = forwardRef(function ComposerFrame({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx3("div", { ...props, ref, className: cn("relative", className) });
@@ -1947,6 +1994,7 @@ var AttachButton = forwardRef(
   function ComposerAttachButton({ accept, multiple = true, className, "aria-label": ariaLabel, title, children, ...props }, ref) {
     const controller = useComposerController();
     if (!controller.attachments) return null;
+    const tip = title ?? controller.messages.attachFiles;
     return /* @__PURE__ */ jsxs3(Fragment, { children: [
       /* @__PURE__ */ jsx3(
         "input",
@@ -1959,7 +2007,7 @@ var AttachButton = forwardRef(
           onChange: controller.handleFileChange
         }
       ),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx3(ComposerTip, { tip, children: /* @__PURE__ */ jsx3(
         "button",
         {
           ...props,
@@ -1967,8 +2015,7 @@ var AttachButton = forwardRef(
           type: "button",
           disabled: controller.disabled,
           onClick: () => controller.fileInputRef.current?.click(),
-          "aria-label": ariaLabel ?? controller.messages.attachFiles,
-          title: title ?? controller.messages.attachFiles,
+          "aria-label": ariaLabel ?? tip,
           className: cn(
             "inline-flex size-8 items-center justify-center rounded-og-md",
             "text-og-fg-muted transition-colors duration-150 hover:bg-og-surface-2 hover:text-og-fg",
@@ -1977,7 +2024,7 @@ var AttachButton = forwardRef(
           ),
           children: children ?? /* @__PURE__ */ jsx3(PaperclipIcon, { className: "size-4" })
         }
-      )
+      ) })
     ] });
   }
 );
@@ -2010,7 +2057,8 @@ var PauseButton = forwardRef(
     const controller = useComposerController();
     if (!controller.effectiveControl || controller.paused || !controller.hasControl) return null;
     const busy = controller.pausing || controller.resuming;
-    return /* @__PURE__ */ jsx3(
+    const tip = title ?? controller.messages.pauseTitle;
+    return /* @__PURE__ */ jsx3(ComposerTip, { tip, children: /* @__PURE__ */ jsx3(
       "button",
       {
         ...props,
@@ -2019,7 +2067,6 @@ var PauseButton = forwardRef(
         onClick: () => void controller.pause(),
         disabled: busy,
         "aria-label": ariaLabel ?? controller.messages.pauseAriaLabel,
-        title: title ?? controller.messages.pauseTitle,
         className: cn(
           "inline-flex size-8 items-center justify-center rounded-og-md border border-og-border pointer-coarse:size-11",
           "bg-og-surface-2 text-og-fg-muted transition-colors duration-150",
@@ -2029,13 +2076,14 @@ var PauseButton = forwardRef(
         ),
         children: children ?? (busy ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-3.5 animate-og-spin" }) : /* @__PURE__ */ jsx3(PauseIcon, { className: "size-3.5 fill-current" }))
       }
-    );
+    ) });
   }
 );
 var SendButton = forwardRef(
   function ComposerSendButton({ className, "aria-label": ariaLabel, title, children, ...props }, ref) {
     const controller = useComposerController();
-    return /* @__PURE__ */ jsx3(
+    const tip = title ?? (controller.paused ? controller.messages.sendAndResumeTitle : controller.messages.sendTitle);
+    return /* @__PURE__ */ jsx3(ComposerTip, { tip, children: /* @__PURE__ */ jsx3(
       "button",
       {
         ...props,
@@ -2043,8 +2091,8 @@ var SendButton = forwardRef(
         type: "button",
         onClick: () => void controller.submit("queue"),
         disabled: !controller.canSubmit,
+        "data-og-tip": tip,
         "aria-label": ariaLabel ?? (controller.paused ? controller.messages.sendAndResumeAriaLabel : controller.messages.sendMessageAriaLabel),
-        title: title ?? (controller.paused ? controller.messages.sendAndResumeTitle : controller.messages.sendTitle),
         className: cn(
           "inline-flex size-8 items-center justify-center rounded-og-md pointer-coarse:size-11",
           "bg-og-accent text-og-accent-fg shadow-og-sm",
@@ -2055,7 +2103,7 @@ var SendButton = forwardRef(
         ),
         children: children ?? (controller.sending ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-4 animate-og-spin" }) : /* @__PURE__ */ jsx3(ArrowUpIcon, { className: "size-4" }))
       }
-    );
+    ) });
   }
 );
 function Help() {
@@ -2216,20 +2264,25 @@ function WorkstreamPausedStrip({
         },
         `${entry.kind}-${entry.sessionId ?? "workspace"}-${entry.revision}`
       )) }),
-      broaderOptions.length > 0 ? /* @__PURE__ */ jsx3("div", { className: "mt-2 flex flex-wrap gap-1.5", children: broaderOptions.map((option) => /* @__PURE__ */ jsxs3(
-        "button",
+      broaderOptions.length > 0 ? /* @__PURE__ */ jsx3("div", { className: "mt-2 flex flex-wrap gap-1.5", children: broaderOptions.map((option) => /* @__PURE__ */ jsx3(
+        ComposerTip,
         {
-          type: "button",
-          disabled: busy,
-          title: option.impactCopy,
-          onClick: () => onResumeOption(option),
-          className: "rounded-og-md border border-og-border bg-og-surface-1 px-2 py-1 text-og-xs text-og-fg-muted hover:bg-og-surface-2 hover:text-og-fg pointer-coarse:min-h-10",
-          children: [
-            /* @__PURE__ */ jsx3("span", { className: "block font-medium", children: option.scope === "workspace" ? messages.resumeWorkspace : messages.resumeFromSession }),
-            /* @__PURE__ */ jsx3("span", { className: "block text-[10px] text-og-fg-subtle", children: option.selectedStateAfter === "active" ? messages.sessionCanRun : messages.stillPausedBy(
-              option.remainingPrimaryBlocker?.displayName ?? messages.narrowerPause
-            ) })
-          ]
+          tip: option.impactCopy,
+          children: /* @__PURE__ */ jsxs3(
+            "button",
+            {
+              type: "button",
+              disabled: busy,
+              onClick: () => onResumeOption(option),
+              className: "rounded-og-md border border-og-border bg-og-surface-1 px-2 py-1 text-og-xs text-og-fg-muted hover:bg-og-surface-2 hover:text-og-fg pointer-coarse:min-h-10",
+              children: [
+                /* @__PURE__ */ jsx3("span", { className: "block font-medium", children: option.scope === "workspace" ? messages.resumeWorkspace : messages.resumeFromSession }),
+                /* @__PURE__ */ jsx3("span", { className: "block text-[10px] text-og-fg-subtle", children: option.selectedStateAfter === "active" ? messages.sessionCanRun : messages.stillPausedBy(
+                  option.remainingPrimaryBlocker?.displayName ?? messages.narrowerPause
+                ) })
+              ]
+            }
+          )
         },
         `${option.scope}-${option.targetId ?? "selected"}`
       )) }) : null
@@ -2357,30 +2410,19 @@ function AttachmentChips({
           ) : attachment.contentType.startsWith("image/") ? /* @__PURE__ */ jsx3(ImageIcon, { className: "size-4 shrink-0 text-og-fg-muted" }) : /* @__PURE__ */ jsx3(FileIcon, { className: "size-4 shrink-0 text-og-fg-muted" }),
           /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsx3("div", { className: "truncate font-medium text-og-fg", children: attachment.name }),
-            /* @__PURE__ */ jsx3(
-              "div",
-              {
-                className: cn(
-                  "truncate text-og-xs",
-                  failed ? "text-og-status-failed" : "text-og-fg-subtle"
-                ),
-                title: failed ? statusText : void 0,
-                children: statusText
-              }
-            )
+            failed ? /* @__PURE__ */ jsx3(ComposerTip, { tip: statusText, children: /* @__PURE__ */ jsx3("div", { className: "truncate text-og-xs text-og-status-failed", children: statusText }) }) : /* @__PURE__ */ jsx3("div", { className: "truncate text-og-xs text-og-fg-subtle", children: statusText })
           ] }),
           attachment.status === "uploading" ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-3.5 shrink-0 animate-og-spin" }) : null,
-          failed && onRetry ? /* @__PURE__ */ jsx3(
+          failed && onRetry ? /* @__PURE__ */ jsx3(ComposerTip, { tip: messages.retryUpload, children: /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
               onClick: () => onRetry(attachment.id),
               className: "shrink-0 rounded-og-xs p-1 text-og-fg-muted hover:bg-og-surface-1 hover:text-og-fg pointer-coarse:size-10",
               "aria-label": messages.retryAttachment(attachment.name),
-              title: messages.retryUpload,
               children: /* @__PURE__ */ jsx3(RotateCwIcon, { className: "size-3.5" })
             }
-          ) : null,
+          ) }) : null,
           /* @__PURE__ */ jsx3(
             "button",
             {
@@ -2444,6 +2486,12 @@ import { LoaderCircleIcon as LoaderCircleIcon2, MicIcon, SquareIcon, XIcon as XI
 import { AnimatePresence as AnimatePresence3, motion as motion3 } from "motion/react";
 import { useEffect as useEffect4, useState as useState5 } from "react";
 import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function Tip({ tip, children }) {
+  return /* @__PURE__ */ jsxs4(Tooltip, { children: [
+    /* @__PURE__ */ jsx4(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx4(TooltipContent, { side: "top", children: tip })
+  ] });
+}
 var defaultMessages = {
   start: "Start voice input",
   stop: "Stop and transcribe",
@@ -2540,14 +2588,13 @@ function ComposerTranscriptionControl({
                 )
               ] }),
               status === "recording" ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
-                /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx4(Tip, { tip: messages.cancel, children: /* @__PURE__ */ jsx4(
                   "button",
                   {
                     type: "button",
                     onClick: () => transcription.cancel(),
                     "aria-label": messages.cancel,
                     "aria-keyshortcuts": "Escape",
-                    title: messages.cancel,
                     className: cn(
                       "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm",
                       "text-og-fg-muted transition-colors duration-150 motion-reduce:transition-none",
@@ -2555,14 +2602,13 @@ function ComposerTranscriptionControl({
                     ),
                     children: /* @__PURE__ */ jsx4(XIcon2, { className: "size-3.5" })
                   }
-                ),
-                /* @__PURE__ */ jsx4(
+                ) }),
+                /* @__PURE__ */ jsx4(Tip, { tip: messages.stop, children: /* @__PURE__ */ jsx4(
                   "button",
                   {
                     type: "button",
                     onClick: () => transcription.stop(),
                     "aria-label": messages.stop,
-                    title: messages.stop,
                     className: cn(
                       "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm",
                       "bg-og-fg text-og-bg transition-colors duration-150 motion-reduce:transition-none",
@@ -2570,12 +2616,12 @@ function ComposerTranscriptionControl({
                     ),
                     children: /* @__PURE__ */ jsx4(SquareIcon, { className: "size-2.5 fill-current" })
                   }
-                )
+                ) })
               ] }) : status === "transcribing" ? /* @__PURE__ */ jsx4("span", { className: "og-shimmer-text px-1.5 text-og-xs font-medium whitespace-nowrap", children: messages.transcribing }) : /* @__PURE__ */ jsx4("span", { className: "px-1.5 text-og-xs text-og-fg-muted whitespace-nowrap", children: messages.requestingPermission })
             ]
           },
           status === "transcribing" ? "transcribing" : "capture"
-        ) : /* @__PURE__ */ jsx4(
+        ) : /* @__PURE__ */ jsx4(Tip, { tip: idleLabel, children: /* @__PURE__ */ jsx4(
           motion3.button,
           {
             type: "button",
@@ -2587,25 +2633,22 @@ function ComposerTranscriptionControl({
             "aria-label": idleLabel,
             "aria-pressed": false,
             "aria-disabled": unavailableMessage !== null,
-            title: idleLabel,
             className: cn(
               "inline-flex size-8 shrink-0 items-center justify-center rounded-og-md pointer-coarse:size-11",
               "text-og-fg-muted transition-colors duration-150 motion-reduce:transition-none",
               unavailableMessage ? "cursor-not-allowed opacity-45" : "hover:bg-og-surface-2 hover:text-og-fg"
             ),
             children: /* @__PURE__ */ jsx4(MicIcon, { className: "size-4" })
-          },
-          "idle"
-        ) }),
-        status === "error" && errorMessage3 ? /* @__PURE__ */ jsx4(
+          }
+        ) }, "idle") }),
+        status === "error" && errorMessage3 ? /* @__PURE__ */ jsx4(Tip, { tip: errorMessage3, children: /* @__PURE__ */ jsx4(
           "span",
           {
             "aria-hidden": "true",
-            title: errorMessage3,
             className: "max-w-40 truncate text-og-xs text-og-status-failed max-sm:max-w-24",
             children: errorMessage3
           }
-        ) : null,
+        ) }) : null,
         /* @__PURE__ */ jsx4("span", { className: "sr-only", role: status === "error" ? "alert" : "status", "aria-live": "polite", children: announcement })
       ]
     }
@@ -2721,6 +2764,7 @@ export {
   appendFinalTranscript,
   useTranscription,
   useVoiceInput,
+  OPEN_WORKSTREAM_CONTROL_EVENT,
   parseCommandLine,
   hasPermission,
   matchCommand,
@@ -2731,7 +2775,6 @@ export {
   useSlashCommands,
   CommandPalette,
   ModelPicker,
-  OPEN_WORKSTREAM_CONTROL_EVENT,
   defaultChatComposerMessages,
   useChatComposerController,
   useChatComposer,
@@ -2756,4 +2799,4 @@ export {
   Status,
   ComposerTranscriptionControl
 };
-//# sourceMappingURL=chunk-MS3FBZ6A.js.map
+//# sourceMappingURL=chunk-PVW56EVR.js.map