@opengeni/react 0.36.1 → 0.40.0

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

@@ -0,0 +1,78 @@
+import type { ClientModel, LatencyMode, ReasoningEffort } from "@opengeni/sdk";
+import { type ReactNode } from "react";
+import { type PickerBillingClass, type PickerModelRow } from "../model-policy";
+type NavLevel = "providers" | "models" | "thinking";
+type PickerNavState = {
+    level: NavLevel;
+    rail: PickerBillingClass | null;
+    modelId: string | null;
+};
+type NavUpdater = PickerNavState | ((previous: PickerNavState) => PickerNavState);
+export type ModelPolicyPickerMessages = {
+    label: string;
+    loading: string;
+    noModels: string;
+    thinking: string;
+    fast: string;
+    fastRateHint: string;
+    codexOnly: string;
+    billingHints: Record<PickerBillingClass, string>;
+};
+export declare const defaultModelPolicyPickerMessages: ModelPolicyPickerMessages;
+export type ModelPolicyPickerProps = {
+    /** Lightweight deployment models. Catalog rows take precedence when supplied. */
+    models?: ClientModel[] | undefined;
+    /** Catalog-backed rows with availability and billing-class truth. */
+    rows?: PickerModelRow[] | undefined;
+    model: string;
+    effort: ReasoningEffort;
+    latencyMode: LatencyMode;
+    disabled?: boolean | undefined;
+    loading?: boolean | undefined;
+    error?: string | null | 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;
+    className?: string | undefined;
+    messages?: Partial<ModelPolicyPickerMessages> | undefined;
+    onModelChange: (modelId: string) => void;
+    onEffortChange: (effort: ReasoningEffort) => void;
+    onLatencyModeChange: (latencyMode: LatencyMode) => void;
+};
+export declare function BillingClassMark(props: {
+    billingClass: PickerBillingClass;
+    className?: string | undefined;
+    "aria-label"?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PickerNavRow(props: {
+    label: string;
+    hint?: string | undefined;
+    icon?: ReactNode;
+    trailing?: ReactNode;
+    showChevron?: boolean | undefined;
+    disabled?: boolean | undefined;
+    title?: string | undefined;
+    active?: boolean | undefined;
+    testId?: string | undefined;
+    onClick: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PickerBackHeader(props: {
+    label: string;
+    icon?: ReactNode;
+    onBack: () => void;
+    trailing?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PickerAnimatedPage(props: {
+    pageKey: string;
+    direction: 1 | -1;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ModelPolicyPickerMenu(props: ModelPolicyPickerProps & {
+    nav?: PickerNavState | undefined;
+    onNavChange?: ((next: NavUpdater) => void) | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ModelPolicyPicker(props: ModelPolicyPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/session-chrome.d.ts

@@ -18,6 +18,7 @@
  * | `--og-session-chrome-chip-pad-x` / `--og-session-chrome-chip-gap` | Chip padding / rail gap |
  * | `--og-session-chrome-rail-pad` | Outer rail inset |
  * | `--og-session-chrome-panel-pad-x` / `-y` | Expanded panel padding |
+ * | `--og-session-chrome-panel-max-height` | Cap for expanded body (scrolls inside) |
  * | `--og-session-chrome-duration` / `--og-session-chrome-ease` | Expand + pill motion |
  * | `--og-session-chrome-crossfade-duration` | Segment content opacity crossfade |
  * | `--og-session-chrome-row-hover` | Inbox / queue row hover wash |
@@ -35,7 +36,7 @@ import { type ReactNode } from "react";
 import type { ComposerState } from "../hooks/use-composer";
 import type { UseGoalResult } from "../hooks/use-goal";
 import type { UseTurnQueueResult } from "../hooks/use-turn-queue";
-export type SessionChromeSignalId = "incoming" | "queue" | "goal" | "agents";
+export type SessionChromeSignalId = "incoming" | "steering" | "queue" | "goal" | "agents";
 export type SessionChromeSignalTone = "neutral" | "accent" | "waiting" | "running";
 export type SessionChromeAgentsSignal = {
     count: number;

package/dist/components/tip-follow.d.ts

@@ -56,6 +56,13 @@ export declare const TIP_FOLLOW_VELOCITY_ARM_DEBT_PX = 72;
 export declare const TIP_FOLLOW_VELOCITY_DECAY_MS: number;
 /** Reader-up pixels above clamp budget that count as leaving the tip. */
 export declare const TIP_FOLLOW_READER_UP_EPS_PX = 2;
+/**
+ * Browsers snap scrollTop writes to device pixels (whole px at dpr 1). A DOM
+ * position within this window of the camera's own fractional position is that
+ * quantization echo, not external motion — keep the fraction so sub-pixel
+ * settle steps accumulate. Anything larger (clamp, user, glue) re-bases.
+ */
+export declare const TIP_FOLLOW_QUANTIZE_WINDOW_PX = 1;
 /** @internal */ export declare function setScrollEndSupportForTests(value: boolean | null): void;
 /** True when the engine exposes element `scrollend` (prefer over rAF leave). */
 export declare function supportsScrollEndEvent(): boolean;
@@ -74,11 +81,20 @@ export type TipFollowState = {
     hotUntil: number;
     lastTs: number;
     lastHeight: number;
+    /** Last observed scroller clientHeight — viewport shrink heats like tip growth. */
+    lastClientHeight: number;
     lastGrowthAt: number;
     /** EMA of recent height growth (px/s); nudges τ / ceiling under bursts. */
     growthVelocity: number;
     /** Camera velocity toward tip (px/s). Smoothed — never jumps with debt. */
     scrollVelocity: number;
+    /**
+     * Fractional camera position. The DOM quantizes scrollTop to device pixels,
+     * so settle steps under 1px would be discarded every frame if the camera
+     * re-based on the DOM — it then parks 20-50px short of the tip forever.
+     * `null` = no fraction in flight; adopt the DOM position.
+     */
+    cameraTop: number | null;
 };
 export type TipFollowStepInput = {
     scrollTop: number;
@@ -100,6 +116,14 @@ export declare function tipFollowCancel(state: TipFollowState): TipFollowState;
  * lines do not tear down the follow loop between appends.
  */
 export declare function tipFollowNoteGrowth(state: TipFollowState, height: number, now: number): TipFollowState;
+/**
+ * Record scroller viewport height. A shrink (composer / SessionChrome /
+ * window) raises tip debt (`scrollHeight - clientHeight`) without growing
+ * content — the same debt content-growth would create. Heat the camera so
+ * catch-up does not fall into cold soft-settle (~42px/s) and leave the tip
+ * parked under the chrome.
+ */
+export declare function tipFollowNoteViewportShrink(state: TipFollowState, clientHeight: number, now: number): TipFollowState;
 /**
  * Adaptive τ: small debt → calm; large debt / armed velocity → catch-up.
  * While hot, floor urgency so live streams are not stuck on calm τ.
@@ -136,6 +160,12 @@ export declare function tipFollowClearSoftRise(el: HTMLElement): void;
  * on screen: scrollTop -= Δh, clamped to the new max.
  */
 export declare function tipFollowCompensateShrink(scrollTop: number, previousHeight: number, nextHeight: number, clientHeight: number, epsPx?: number): number;
+/**
+ * Viewport shrank (SessionChrome / composer / window). maxScroll rises by ≈Δc;
+ * keep the same tip distance: scrollTop += Δc. Without this, pinned follow only
+ * sees new tip debt and soft-settles under the chrome.
+ */
+export declare function tipFollowCompensateViewportShrink(scrollTop: number, previousClientHeight: number, nextClientHeight: number, scrollHeight: number, epsPx?: number): number;
 /**
  * One camera step. Shell schedules the next rAF while `result.state.running`.
  */

package/dist/composer.d.ts

@@ -4,6 +4,8 @@
  * `import * as Composer from "@opengeni/react/composer"`.
  */
 export { OPEN_WORKSTREAM_CONTROL_EVENT } from "./workstream-control-event";
+export { BillingClassMark, ModelPolicyPicker, ModelPolicyPickerMenu, PickerAnimatedPage, PickerBackHeader, PickerNavRow, defaultModelPolicyPickerMessages, } from "./components/model-policy-picker";
+export type { ModelPolicyPickerMessages, ModelPolicyPickerProps, } from "./components/model-policy-picker";
 export { Actions, AttachButton, Attachments, CommandPalette, Confirmation, Controls, Footer, Frame, Help, Hint, Input, ModelPicker, PauseButton, PausedState, RestoredResources, Root, SendButton, Status, Surface, defaultChatComposerMessages, useChatComposer, useChatComposerController, } from "./components/composer";
 export type { ChatComposerController, ChatComposerContextValue, ChatComposerMessages, ComposerActionsProps, ComposerAttachButtonProps, ComposerCommandPaletteProps, ComposerControlLinks, ComposerControlState, ComposerControlsProps, ComposerDelivery, ComposerDraftState, ComposerFooterProps, ComposerFrameProps, ComposerHintProps, ComposerInputProps, ComposerModelPickerProps, ComposerPauseButtonProps, ComposerRootProps, ComposerSendButtonProps, ComposerSubmitBlocker, ComposerSubmitMode, ComposerSurfaceProps, UseChatComposerControllerOptions, } from "./components/composer";
 export { ComposerTranscriptionControl } from "./components/composer-transcription-control";

package/dist/composer.js

@@ -24,17 +24,28 @@ import {
   useChatComposer,
   useChatComposerController,
   useVoiceInput
-} from "./chunk-N4XEBE23.js";
-import "./chunk-FT2TXNGZ.js";
-import "./chunk-7CJOAW3V.js";
-import "./chunk-22RM4GMO.js";
+} from "./chunk-OMCFRWHL.js";
+import "./chunk-Q2NCKWTK.js";
+import "./chunk-EB67J347.js";
+import {
+  BillingClassMark,
+  ModelPolicyPicker,
+  ModelPolicyPickerMenu,
+  PickerAnimatedPage,
+  PickerBackHeader,
+  PickerNavRow,
+  defaultModelPolicyPickerMessages
+} from "./chunk-WZT5G5OR.js";
+import "./chunk-EKZH6IDG.js";
+import "./chunk-SJKT4TKW.js";
 import "./chunk-ATSTR5P3.js";
-import "./chunk-TK7G6XLT.js";
 import "./chunk-LAKLF4PA.js";
+import "./chunk-TK7G6XLT.js";
 export {
   Actions,
   AttachButton,
   Attachments,
+  BillingClassMark,
   CommandPalette,
   ComposerTranscriptionControl,
   Confirmation,
@@ -45,15 +56,21 @@ export {
   Hint,
   Input,
   ModelPicker,
+  ModelPolicyPicker,
+  ModelPolicyPickerMenu,
   OPEN_WORKSTREAM_CONTROL_EVENT,
   PauseButton,
   PausedState,
+  PickerAnimatedPage,
+  PickerBackHeader,
+  PickerNavRow,
   RestoredResources,
   Root,
   SendButton,
   Status,
   Surface,
   defaultChatComposerMessages,
+  defaultModelPolicyPickerMessages,
   useChatComposer,
   useChatComposerController,
   useVoiceInput

package/dist/hooks/use-composer.d.ts

@@ -1,4 +1,4 @@
-import type { ComposerDraft, EffectiveControlResumeOption, EffectiveSessionControl, ResourceRef, SendMessageInput, SessionEvent } from "@opengeni/sdk";
+import { type ComposerDraft, type EffectiveControlResumeOption, type EffectiveSessionControl, type ResourceRef, type SendMessageInput, type SessionEvent } from "@opengeni/sdk";
 import { type EmbeddedSessionClientOverride } from "../session-context";
 import { type SessionEventFeedOptions } from "./internal";
 export type ComposerSendExtras = Omit<SendMessageInput, "text" | "clientEventId">;
@@ -33,6 +33,8 @@ export type ComposerState = {
     send: (text?: string) => Promise<boolean>;
     /** Supersede current direction with the draft. */
     steer: (text?: string) => Promise<boolean>;
+    /** Optimistic-to-durable projection for a Steer that has not started yet. */
+    steering?: ComposerSteeringState | null | undefined;
     sending: boolean;
     canSend: boolean;
     /** Pause the session without deleting its prompt queue. */
@@ -57,6 +59,13 @@ export type ComposerState = {
     error: Error | null;
     clearError: () => void;
 };
+export type ComposerSteeringState = {
+    phase: "submitting" | "accepted";
+    text: string;
+    clientEventId: string | null;
+    triggerEventId: string | null;
+    turnId: string | null;
+};
 /**
  * Draft + send + Pause/Resume state for the chat composer — the only
  * human-to-agent input surface. The draft survives a failed send (nothing is

package/dist/index.d.ts

@@ -80,6 +80,8 @@ export { isHumanInputEvent, useHumanInputRequests } from "./hooks/use-human-inpu
 export type { UseHumanInputRequestsOptions, UseHumanInputRequestsResult, } from "./hooks/use-human-input";
 export { HumanInputForm, answersFromDrafts, defaultHumanInputFormMessages, } from "./components/human-input-form";
 export type { HumanInputAnswerDraft, HumanInputFormMessages, HumanInputFormProps, } from "./components/human-input-form";
+export { HumanInputSurface } from "./components/human-input-surface";
+export type { HumanInputSurfaceProps } from "./components/human-input-surface";
 export { buildTimeline, creditExhaustedFromEvents, extractSessionRef, groupTimeline, sessionStatusFromEvents, toolDisplayName, } from "./timeline";
 export type { ActivityItem, AgentMessageItem, AuthNeededItem, ContextCompactionItem, GoalItem, MachineInputBatchItem, MachineInputMember, NoticeItem, ReasoningItem, SandboxItem, SessionStatusItem, TimelineGroup, TimelineItem, TurnEndItem, ToolCallItem, UserMessageItem, WorkerItem, } from "./timeline";
 export { createDefaultToolRegistry, createToolRegistry, defaultToolRegistry, rawTypeOf, } from "./timeline";
@@ -103,7 +105,9 @@ export { defaultChatComposerMessages } from "./components/composer";
 export type { ChatComposerMessages } from "./components/composer";
 export { ModelPicker } from "./components/model-picker";
 export type { ModelPickerProps } from "./components/model-picker";
-export { advancedSourceSummary, availabilityReasonLabel, billingClassForModel, billingClassLabel, coerceReasoningEffortForModel, defaultEffortForModel, effortOptionsForModel, findPickerRow, groupPickerRowsByBillingClass, labelLatencyMode, payerSummaryForModel, projectPickerRows, runnableLatencyModesForModel, sortPickerRows, } from "./model-policy";
+export { BillingClassMark, ModelPolicyPicker, ModelPolicyPickerMenu, PickerAnimatedPage, PickerBackHeader, PickerNavRow, defaultModelPolicyPickerMessages, } from "./components/model-policy-picker";
+export type { ModelPolicyPickerMessages, ModelPolicyPickerProps, } from "./components/model-policy-picker";
+export { advancedSourceSummary, availabilityReasonLabel, billingClassForModel, billingClassLabel, coerceReasoningEffortForModel, defaultEffortForModel, effortOptionsForModel, findPickerRow, groupPickerRowsByBillingClass, labelLatencyMode, labelReasoningEffort, payerSummaryForModel, projectClientModelRows, projectPickerRows, runnableLatencyModesForModel, sortPickerRows, } from "./model-policy";
 export type { LatencyModeId, PickerBillingClass, PickerModelRow } from "./model-policy";
 export { MessageTimeline, TimelineRow } from "./components/message-timeline";
 export type { MessageTimelineProps } from "./components/message-timeline";
@@ -119,6 +123,8 @@ export { SandboxTerminal } from "./components/sandbox-terminal";
 export type { SandboxTerminalProps, XtermTheme } from "./components/sandbox-terminal";
 export { FileBrowser } from "./components/file-browser";
 export type { FileBrowserProps } from "./components/file-browser";
+export { WorkbenchChanges } from "./components/workbench-changes";
+export type { WorkbenchChangesProps } from "./components/workbench-changes";
 export { DiffView } from "./components/diff-view";
 export type { DiffViewProps, DiffTheme } from "./components/diff-view";
 export { PierreDiff } from "./components/pierre-diff";