@opengeni/react 0.36.1 → 0.37.0

package/dist/components/chat-composer.d.ts

@@ -25,6 +25,8 @@ export type ChatComposerProps = {
     hint?: string | undefined;
     /** App controls in the footer row, replacing the hint. */
     controlsStart?: ReactNode | undefined;
+    /** App actions beside Pause/Send, ordered before the built-in actions. */
+    actionsStart?: ReactNode | undefined;
     /** Provider-neutral speech capability. Provider configuration stays in workspace settings. */
     transcription?: ComposerTranscriptionControlProps | undefined;
     /** Content rendered above the textarea, inside the field chrome. */
@@ -49,4 +51,4 @@ export type ChatComposerProps = {
  * the public controller and compound primitives exported by the composer
  * subpath, so custom and default layouts share one behavioral implementation.
  */
-export declare function ChatComposer({ composer, effectiveControl, queuedAheadCount, canControlWorkspace, controlLinks, placeholder, disabled, autoFocus, hint, controlsStart, transcription, header, onPaste, attachments, models, selectedModel, onSelectModel, className, commands, commandContext, onClearView, messages, }: ChatComposerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatComposer({ composer, effectiveControl, queuedAheadCount, canControlWorkspace, controlLinks, placeholder, disabled, autoFocus, hint, controlsStart, actionsStart, transcription, header, onPaste, attachments, models, selectedModel, onSelectModel, className, commands, commandContext, onClearView, messages, }: ChatComposerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -35,7 +35,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/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

@@ -2,6 +2,7 @@ import {
   Actions,
   AttachButton,
   Attachments,
+  BillingClassMark,
   CommandPalette2 as CommandPalette,
   ComposerTranscriptionControl,
   Confirmation,
@@ -12,22 +13,28 @@ import {
   Hint,
   Input,
   ModelPicker2 as ModelPicker,
+  ModelPolicyPicker,
+  ModelPolicyPickerMenu,
   OPEN_WORKSTREAM_CONTROL_EVENT,
   PauseButton,
   PausedState,
+  PickerAnimatedPage,
+  PickerBackHeader,
+  PickerNavRow,
   RestoredResources,
   Root,
   SendButton,
   Status,
   Surface,
   defaultChatComposerMessages,
+  defaultModelPolicyPickerMessages,
   useChatComposer,
   useChatComposerController,
   useVoiceInput
-} from "./chunk-N4XEBE23.js";
-import "./chunk-FT2TXNGZ.js";
+} from "./chunk-IP22SLO6.js";
+import "./chunk-HJ4OQVGW.js";
 import "./chunk-7CJOAW3V.js";
-import "./chunk-22RM4GMO.js";
+import "./chunk-SJKT4TKW.js";
 import "./chunk-ATSTR5P3.js";
 import "./chunk-TK7G6XLT.js";
 import "./chunk-LAKLF4PA.js";
@@ -35,6 +42,7 @@ export {
   Actions,
   AttachButton,
   Attachments,
+  BillingClassMark,
   CommandPalette,
   ComposerTranscriptionControl,
   Confirmation,
@@ -45,15 +53,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

@@ -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

@@ -103,7 +103,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";

package/dist/index.js

@@ -52,7 +52,7 @@ import {
   useSessionLineage,
   useSessionMcpApprovalPolicy,
   useTurnQueue
-} from "./chunk-OKKMZDQF.js";
+} from "./chunk-FSPDND3P.js";
 import {
   ActivityDisclosure,
   ActivityRail,
@@ -106,7 +106,7 @@ import {
   useLightboxOptional,
   useThemeType,
   v4aToGitFileDiff
-} from "./chunk-Z5FV355Z.js";
+} from "./chunk-UCZPNXV3.js";
 import {
   buildTimeline,
   creditExhaustedFromEvents,
@@ -114,11 +114,12 @@ import {
   groupTimeline,
   sessionStatusFromEvents,
   toolDisplayName
-} from "./chunk-J2RVJ6JX.js";
+} from "./chunk-4IJCL7YO.js";
 import {
   Actions,
   AttachButton,
   Attachments,
+  BillingClassMark,
   CommandPalette,
   CommandPalette2,
   ComposerTranscriptionControl,
@@ -132,9 +133,14 @@ import {
   Input,
   ModelPicker,
   ModelPicker2,
+  ModelPolicyPicker,
+  ModelPolicyPickerMenu,
   OPEN_WORKSTREAM_CONTROL_EVENT,
   PauseButton,
   PausedState,
+  PickerAnimatedPage,
+  PickerBackHeader,
+  PickerNavRow,
   RestoredResources,
   Root,
   SendButton,
@@ -144,6 +150,7 @@ import {
   argHint,
   defaultChatComposerMessages,
   defaultCommands,
+  defaultModelPolicyPickerMessages,
   filterCommands,
   firstMissingRequiredArg,
   hasPermission,
@@ -154,14 +161,14 @@ import {
   useSlashCommands,
   useTranscription,
   useVoiceInput
-} from "./chunk-N4XEBE23.js";
+} from "./chunk-IP22SLO6.js";
 import {
   FILE_ONLY_MESSAGE_TEXT,
   composeSendInput,
   shouldSteerOnKey,
   shouldSubmitOnKey,
   useComposer
-} from "./chunk-FT2TXNGZ.js";
+} from "./chunk-HJ4OQVGW.js";
 import {
   useMutationRunner,
   useOpenGeni,
@@ -180,11 +187,13 @@ import {
   findPickerRow,
   groupPickerRowsByBillingClass,
   labelLatencyMode,
+  labelReasoningEffort,
   payerSummaryForModel,
+  projectClientModelRows,
   projectPickerRows,
   runnableLatencyModesForModel,
   sortPickerRows
-} from "./chunk-22RM4GMO.js";
+} from "./chunk-SJKT4TKW.js";
 import {
   Tooltip,
   TooltipContent,
@@ -3325,6 +3334,7 @@ function ChatComposer({
   autoFocus,
   hint,
   controlsStart,
+  actionsStart,
   transcription,
   header,
   onPaste,
@@ -3355,6 +3365,7 @@ function ChatComposer({
     messages
   });
   const hasControls = Boolean(attachments || models || controlsStart || transcription);
+  const stackActions = hasControls && Boolean(actionsStart);
   return /* @__PURE__ */ jsxs2(Root, { controller, className, children: [
     /* @__PURE__ */ jsxs2(Frame, { children: [
       /* @__PURE__ */ jsx2(CommandPalette2, {}),
@@ -3364,14 +3375,15 @@ function ChatComposer({
         /* @__PURE__ */ jsx2(Attachments, {}),
         header,
         /* @__PURE__ */ jsx2(Input, { placeholder, autoFocus }),
-        controller.confirmState ? /* @__PURE__ */ jsx2(Confirmation, {}) : /* @__PURE__ */ jsxs2(Footer, { children: [
-          hasControls ? /* @__PURE__ */ jsxs2(Controls, { children: [
+        controller.confirmState ? /* @__PURE__ */ jsx2(Confirmation, {}) : /* @__PURE__ */ jsxs2(Footer, { className: stackActions ? "flex-wrap" : void 0, children: [
+          hasControls ? /* @__PURE__ */ jsxs2(Controls, { className: stackActions ? "w-full sm:w-auto" : void 0, children: [
             /* @__PURE__ */ jsx2(AttachButton, {}),
             transcription ? /* @__PURE__ */ jsx2(ComposerTranscriptionControl, { ...transcription }) : null,
             models ? /* @__PURE__ */ jsx2(ModelPicker2, { models, value: selectedModel, onChange: onSelectModel }) : null,
             controlsStart
           ] }) : /* @__PURE__ */ jsx2(Hint, { children: hint }),
-          /* @__PURE__ */ jsxs2(Actions, { children: [
+          /* @__PURE__ */ jsxs2(Actions, { className: stackActions ? "w-full justify-end sm:w-auto" : void 0, children: [
+            actionsStart,
             /* @__PURE__ */ jsx2(PauseButton, {}),
             /* @__PURE__ */ jsx2(SendButton, {})
           ] })
@@ -8376,6 +8388,7 @@ export {
   ActivityRail,
   ApprovalSurface,
   BUILT_IN_TURN_SUMMARY_FACET_IDS,
+  BillingClassMark,
   BodyNote,
   COMPOSER_PAYMENT_REQUIRED_MESSAGE,
   CONNECTION_STATUS_META,
@@ -8419,9 +8432,14 @@ export {
   MetricHistoryChart,
   MetricSparkline,
   ModelPicker,
+  ModelPolicyPicker,
+  ModelPolicyPickerMenu,
   OPEN_WORKSTREAM_CONTROL_EVENT,
   OpenGeniProvider,
   PayloadBlock,
+  PickerAnimatedPage,
+  PickerBackHeader,
+  PickerNavRow,
   PierreDiff,
   PierreFile,
   QueueSurface,
@@ -8480,6 +8498,7 @@ export {
   defaultCommands,
   defaultEffortForModel,
   defaultHumanInputFormMessages,
+  defaultModelPolicyPickerMessages,
   defaultToolRegistry,
   deriveHealth,
   deriveMachineChip,
@@ -8513,6 +8532,7 @@ export {
   isTitleEvent,
   isTurnQueueEvent,
   labelLatencyMode,
+  labelReasoningEffort,
   languageForPath,
   looksBinary,
   matchCommand,
@@ -8521,6 +8541,7 @@ export {
   parseToolArgs,
   payerSummaryForModel,
   pointsFor,
+  projectClientModelRows,
   projectPendingApprovals,
   projectPendingHumanInputRequests,
   projectPickerRows,