@opengeni/react 0.44.3 → 0.44.5

package/dist/{chunk-ATSTR5P3.js → chunk-U3CSCMWA.js}

@@ -1,6 +1,9 @@
+import {
+  usePortalTokenStyle
+} from "./chunk-JB5725BI.js";
 import {
   cn
-} from "./chunk-TK7G6XLT.js";
+} from "./chunk-22KP6LR5.js";
 
 // src/components/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "radix-ui";
@@ -9,52 +12,6 @@ import {
   useContext,
   useRef
 } from "react";
-
-// src/lib/use-portal-token-style.ts
-import { useEffect, useState } from "react";
-function usePortalTokenStyle(sourceRef) {
-  const [style, setStyle] = useState({});
-  useEffect(() => {
-    const source = sourceRef.current;
-    if (!source || typeof MutationObserver === "undefined") return;
-    let signature = "";
-    const sync = () => {
-      const computed = getComputedStyle(source);
-      const next = { colorScheme: computed.colorScheme };
-      for (let index = 0; index < computed.length; index += 1) {
-        const property = computed.item(index);
-        if (!property.startsWith("--og-")) continue;
-        next[property] = computed.getPropertyValue(property);
-      }
-      const nextSignature = JSON.stringify(next);
-      if (nextSignature !== signature) {
-        signature = nextSignature;
-        setStyle(next);
-      }
-    };
-    const observers = [];
-    let ancestor = source;
-    while (ancestor) {
-      const observer = new MutationObserver(sync);
-      observer.observe(ancestor, {
-        attributes: true,
-        attributeFilter: ["class", "data-og-theme", "style"]
-      });
-      observers.push(observer);
-      ancestor = ancestor.parentElement;
-    }
-    const colorScheme = window.matchMedia?.("(prefers-color-scheme: dark)");
-    colorScheme?.addEventListener?.("change", sync);
-    sync();
-    return () => {
-      for (const observer of observers) observer.disconnect();
-      colorScheme?.removeEventListener?.("change", sync);
-    };
-  }, [sourceRef]);
-  return style;
-}
-
-// src/components/tooltip.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var TooltipSourceContext = createContext(null);
 function TooltipProvider({
@@ -129,10 +86,9 @@ function TooltipContent({
 }
 
 export {
-  usePortalTokenStyle,
   TooltipProvider,
   Tooltip,
   TooltipTrigger,
   TooltipContent
 };
-//# sourceMappingURL=chunk-ATSTR5P3.js.map
+//# sourceMappingURL=chunk-U3CSCMWA.js.map

package/dist/chunk-U3CSCMWA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip.tsx"],"sourcesContent":["/**\n * Token-styled Radix tooltip — SDK counterpart to apps/web `components/ui/tooltip`.\n * Portals copy `--og-*` tokens so embeds keep the host theme outside `.og-root`.\n *\n * Background/foreground are applied as inline styles (not only Tailwind\n * utilities): `.og-root` sets `color: var(--og-color-fg)` after utilities in the\n * consumer CSS cascade, which would otherwise paint light-on-light inverted\n * tips and look like a blank white bubble.\n */\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\nimport {\n  createContext,\n  useContext,\n  useRef,\n  type ComponentProps,\n  type CSSProperties,\n  type RefObject,\n} from \"react\";\n\nimport { cn } from \"../lib/cn\";\nimport { usePortalTokenStyle } from \"../lib/use-portal-token-style\";\n\nconst TooltipSourceContext = createContext<RefObject<HTMLElement | null> | null>(null);\n\nfunction TooltipProvider({\n  delayDuration = 300,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return <TooltipPrimitive.Provider delayDuration={delayDuration} {...props} />;\n}\n\nfunction Tooltip({ children, ...props }: ComponentProps<typeof TooltipPrimitive.Root>) {\n  const sourceRef = useRef<HTMLElement | null>(null);\n  return (\n    <TooltipSourceContext.Provider value={sourceRef}>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props}>\n        {children}\n      </TooltipPrimitive.Root>\n    </TooltipSourceContext.Provider>\n  );\n}\n\nfunction TooltipTrigger({\n  asChild = true,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  const sourceRef = useContext(TooltipSourceContext);\n  return (\n    <TooltipPrimitive.Trigger\n      data-slot=\"tooltip-trigger\"\n      asChild={asChild}\n      ref={(node) => {\n        if (sourceRef) sourceRef.current = node;\n      }}\n      {...props}\n    />\n  );\n}\n\nconst tooltipSurfaceStyle: CSSProperties = {\n  backgroundColor: \"var(--og-color-fg)\",\n  color: \"var(--og-color-bg)\",\n};\n\nfunction TooltipContent({\n  className,\n  sideOffset = 6,\n  children,\n  style,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Content>) {\n  const sourceRef = useContext(TooltipSourceContext);\n  const fallbackRef = useRef<HTMLElement | null>(null);\n  const portalStyle = usePortalTokenStyle(sourceRef ?? fallbackRef);\n\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"og-root z-50 w-fit max-w-xs origin-[var(--radix-tooltip-content-transform-origin)]\",\n          \"rounded-og-md px-2.5 py-1.5 text-og-xs leading-4 text-balance shadow-og-md\",\n          \"animate-og-enter data-[state=closed]:opacity-0 data-[state=closed]:transition-opacity\",\n          className,\n        )}\n        style={{ ...portalStyle, ...tooltipSurfaceStyle, ...style }}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow\n          className=\"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\"\n          style={{\n            backgroundColor: \"var(--og-color-fg)\",\n            fill: \"var(--og-color-fg)\",\n          }}\n        />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":";;;;;;;;AASA,SAAS,WAAW,wBAAwB;AAC5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAWE,cAiDH,YAjDG;AANT,IAAM,uBAAuB,cAAoD,IAAI;AAErF,SAAS,gBAAgB;AAAA,EACvB,gBAAgB;AAAA,EAChB,GAAG;AACL,GAAqD;AACnD,SAAO,oBAAC,iBAAiB,UAAjB,EAA0B,eAA+B,GAAG,OAAO;AAC7E;AAEA,SAAS,QAAQ,EAAE,UAAU,GAAG,MAAM,GAAiD;AACrF,QAAM,YAAY,OAA2B,IAAI;AACjD,SACE,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,WACpC,8BAAC,iBAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAG,OAC5C,UACH,GACF;AAEJ;AAEA,SAAS,eAAe;AAAA,EACtB,UAAU;AAAA,EACV,GAAG;AACL,GAAoD;AAClD,QAAM,YAAY,WAAW,oBAAoB;AACjD,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,KAAK,CAAC,SAAS;AACb,YAAI,UAAW,WAAU,UAAU;AAAA,MACrC;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAM,sBAAqC;AAAA,EACzC,iBAAiB;AAAA,EACjB,OAAO;AACT;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAoD;AAClD,QAAM,YAAY,WAAW,oBAAoB;AACjD,QAAM,cAAc,OAA2B,IAAI;AACnD,QAAM,cAAc,oBAAoB,aAAa,WAAW;AAEhE,SACE,oBAAC,iBAAiB,QAAjB,EACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO,EAAE,GAAG,aAAa,GAAG,qBAAqB,GAAG,MAAM;AAAA,MACzD,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAC,iBAAiB;AAAA,UAAjB;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,iBAAiB;AAAA,cACjB,MAAM;AAAA,YACR;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/{chunk-YDNWMKXO.js → chunk-VCBFUSUZ.js}

@@ -15,7 +15,7 @@ function EmptyQueueStateSurface({ queue }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: "mx-auto mb-2 w-full max-w-3xl shrink-0 px-4 sm:px-6",
+      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__ */ jsxs("div", { className: "overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm", children: [
         queue.stoppingPreviousAttempt ? /* @__PURE__ */ jsx(QueueStoppingStatus, { queue, dividerAfter: hasError }) : null,
@@ -33,7 +33,7 @@ function QueueStoppingStatus({
     {
       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-xs text-fg ${dividerAfter ? "border-b border-status-waiting/20" : ""}`,
+      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__ */ jsx(
@@ -60,7 +60,7 @@ function QueueErrorAlert({
     "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-xs text-status-failed",
+      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__ */ jsx(
           "span",
@@ -99,4 +99,4 @@ export {
   QueueStoppingStatus,
   QueueErrorAlert
 };
-//# sourceMappingURL=chunk-YDNWMKXO.js.map
+//# sourceMappingURL=chunk-VCBFUSUZ.js.map

package/dist/chunk-VCBFUSUZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/queue-draft-policy.ts","../src/components/queue-surface-state.tsx"],"sourcesContent":["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\";\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  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-none [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          {(queue.mutationError ?? queue.error)?.message}\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-none 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":";AAOO,SAAS,sBACd,UACA,oBACA,iBACM;AACN,MAAI,SAAS,gBAAgB,GAAG;AAC9B,uBAAmB;AAAA,EACrB,OAAO;AACL,oBAAgB;AAAA,EAClB;AACF;;;ACjBA,SAAS,aAAa,oBAAoB;AAepC,SAEI,KAFJ;AAPC,SAAS,uBAAuB,EAAE,MAAM,GAAoB;AACjE,QAAM,WAAW,QAAQ,MAAM,SAAS,MAAM,aAAa;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MAEZ,+BAAC,SAAI,WAAU,2EACZ;AAAA,cAAM,0BACL,oBAAC,uBAAoB,OAAc,cAAc,UAAU,IACzD;AAAA,QACH,WAAW,oBAAC,mBAAgB,OAAc,IAAK;AAAA,SAClD;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA,eAAe;AACjB,GAAiD;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,WAAW,iGACT,eAAe,sCAAsC,EACvD;AAAA,MACA,eAAY;AAAA,MAEZ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA;AAAA,QACZ;AAAA,QACA,qBAAC,UAAK,WAAU,WACd;AAAA,8BAAC,UAAK,WAAU,eACb,gBAAM,kBAAkB,UAAU,WAC/B,mCACA,mCACN;AAAA,UAAQ;AAAA,UACR,oBAAC,UAAK,WAAU,iBACb,gBAAM,kBAAkB,UAAU,WAC/B,8CACA,kDACN;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,gBAAgB;AAClB,GAAkD;AAChD,SACE,oBAAC,SAAI,WAAW,GAAG,gBAAgB,2BAA2B,EAAE,QAC9D;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MAEV;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,UAAU;AAAA,YACV,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,KAAI;AAAA,YAEF,iBAAM,iBAAiB,MAAM,QAAQ;AAAA;AAAA,QACzC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM;AACb,oBAAM,mBAAmB;AACzB,mBAAK,MAAM,QAAQ;AAAA,YACrB;AAAA,YACA,cAAW;AAAA,YACX,OAAM;AAAA,YACN,WAAU;AAAA,YAEV,8BAAC,gBAAa,WAAU,YAAW;AAAA;AAAA,QACrC;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/model-policy-picker.d.ts

@@ -1,5 +1,5 @@
 import type { ClientModel, LatencyMode, ReasoningEffort } from "@opengeni/sdk";
-import { type ReactNode } from "react";
+import { type CSSProperties, type ReactNode } from "react";
 import { type PickerBillingClass, type PickerModelRow } from "../model-policy";
 type NavLevel = "providers" | "models" | "thinking";
 type PickerNavState = {
@@ -30,12 +30,21 @@ export type ModelPolicyPickerProps = {
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
     error?: string | null | undefined;
+    /** Controlled menu state. Omit for the built-in uncontrolled behavior. */
+    open?: boolean | undefined;
+    /** Initial menu state when `open` is uncontrolled. */
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
     /** Non-Codex models stay visible but cannot be selected. */
     codexOnly?: boolean | undefined;
     /** Resets drill-down navigation when the session scope changes. */
     sessionKey?: string | undefined;
     /** Prefer bottom on new-chat surfaces and top for bottom-docked composers. */
     menuSide?: "top" | "bottom" | undefined;
+    /** Classes for the portalled menu surface. Prefer --og-* tokens for theming. */
+    contentClassName?: string | undefined;
+    /** Inline styles for the portalled menu, applied after inherited --og-* tokens. */
+    contentStyle?: CSSProperties | undefined;
     className?: string | undefined;
     messages?: Partial<ModelPolicyPickerMessages> | undefined;
     onModelChange: (modelId: string) => void;

package/dist/composer.js

@@ -37,7 +37,7 @@ import {
   useChatComposer,
   useChatComposerController,
   useVoiceInput
-} from "./chunk-QQRM3DO3.js";
+} from "./chunk-L3EWO3UK.js";
 import "./chunk-HFO4ERGQ.js";
 import "./chunk-EB67J347.js";
 import {
@@ -48,12 +48,13 @@ import {
   PickerBackHeader,
   PickerNavRow,
   defaultModelPolicyPickerMessages
-} from "./chunk-U6K24XQD.js";
+} from "./chunk-EHSYZ4KP.js";
 import "./chunk-EKZH6IDG.js";
 import "./chunk-23EJ676W.js";
-import "./chunk-ATSTR5P3.js";
+import "./chunk-U3CSCMWA.js";
 import "./chunk-LAKLF4PA.js";
-import "./chunk-TK7G6XLT.js";
+import "./chunk-JB5725BI.js";
+import "./chunk-22KP6LR5.js";
 export {
   Actions,
   AttachButton,

package/dist/index.js

@@ -25,7 +25,7 @@ import {
   healthPulses,
   pointsFor,
   useMachines
-} from "./chunk-SXIQK54Z.js";
+} from "./chunk-6EDV6YFE.js";
 import {
   SESSION_EVENT_BROWSER_MAX_BYTES,
   SESSION_EVENT_BROWSER_MAX_COUNT,
@@ -109,8 +109,8 @@ import {
   useLightboxOptional,
   useThemeType,
   v4aToGitFileDiff
-} from "./chunk-YNYIAYXQ.js";
-import "./chunk-YDNWMKXO.js";
+} from "./chunk-LYRJUU5V.js";
+import "./chunk-VCBFUSUZ.js";
 import {
   buildTimeline,
   creditExhaustedFromEvents,
@@ -171,7 +171,7 @@ import {
   useSlashCommands,
   useTranscription,
   useVoiceInput
-} from "./chunk-QQRM3DO3.js";
+} from "./chunk-L3EWO3UK.js";
 import {
   FILE_ONLY_MESSAGE_TEXT,
   composeSendInput,
@@ -192,7 +192,7 @@ import {
   PickerBackHeader,
   PickerNavRow,
   defaultModelPolicyPickerMessages
-} from "./chunk-U6K24XQD.js";
+} from "./chunk-EHSYZ4KP.js";
 import {
   useOpenGeni,
   useOpenGeniClient
@@ -219,9 +219,8 @@ import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
-  TooltipTrigger,
-  usePortalTokenStyle
-} from "./chunk-ATSTR5P3.js";
+  TooltipTrigger
+} from "./chunk-U3CSCMWA.js";
 import {
   COMPOSER_PAYMENT_REQUIRED_MESSAGE,
   CREDIT_EXHAUSTION_MESSAGE,
@@ -235,9 +234,12 @@ import {
   truncate,
   tryParseJson
 } from "./chunk-LAKLF4PA.js";
+import {
+  usePortalTokenStyle
+} from "./chunk-JB5725BI.js";
 import {
   cn
-} from "./chunk-TK7G6XLT.js";
+} from "./chunk-22KP6LR5.js";
 
 // src/hooks/use-last-started-turn-policy.ts
 import { useCallback, useEffect } from "react";