@opengeni/react 2.2.0-canary.0 → 2.5.0-canary.0

package/dist/older-history.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Await-compatible older-history result with a causal commit receipt.
+ *
+ * `committed` flips synchronously before the accepted older window is exposed
+ * to React. Returning this exact object preserves the receipt directly;
+ * synchronous wrappers that discard it remain supported through receipt
+ * capture, while replacing it asynchronously with a plain promise does not.
+ */
+export type OlderHistoryLoadReceipt = Promise<boolean> & {
+    readonly committed: boolean;
+};
+/**
+ * Source-compatible public callback accepted by MessageTimeline.
+ *
+ * The callback historically returned `void`, which permits consumers to
+ * return any synchronous value or promise. Receipt-aware loaders opt into the
+ * stronger runtime contract by returning (or synchronously creating through a
+ * wrapper) an {@link OlderHistoryLoadReceipt}.
+ */
+export type OlderHistoryLoader = () => unknown;
+type OlderHistoryReceiptCapture = (receipt: OlderHistoryLoadReceipt) => void;
+/** Bind a receipt before a synchronous forwarding stack can publish state. */
+export declare function invokeOlderHistoryLoaderWithReceiptCapture(load: OlderHistoryLoader, capture: OlderHistoryReceiptCapture): unknown;
+/**
+ * Build an await-compatible older-history receipt for custom timeline hosts.
+ * Call `markCommitted` immediately before publishing an accepted older window.
+ */
+export declare function createOlderHistoryLoadReceipt(load: (markCommitted: () => void) => boolean | Promise<boolean>): OlderHistoryLoadReceipt;
+export {};

package/dist/session-ui.d.ts

@@ -4,6 +4,8 @@ export { HumanInputSurface } from "./components/human-input-surface.js";
 export type { HumanInputSurfaceProps } from "./components/human-input-surface.js";
 export { MessageTimeline, TimelineRow } from "./components/message-timeline.js";
 export type { MessageTimelineProps } from "./components/message-timeline.js";
+export { createOlderHistoryLoadReceipt } from "./older-history.js";
+export type { OlderHistoryLoader, OlderHistoryLoadReceipt } from "./older-history.js";
 export { UserMessageBody, userMessageLikelyNeedsDisclosure } from "./components/user-message-body.js";
 export type { UserMessageBodyProps } from "./components/user-message-body.js";
 export { BUILT_IN_TURN_SUMMARY_FACET_IDS } from "./timeline/turn-summary.js";

package/dist/session-ui.js

@@ -11,8 +11,10 @@ import {
   sessionChromeGoalPillLabel,
   sessionChromeGoalPillState,
   userMessageLikelyNeedsDisclosure
-} from "./chunk-5RZN3DD5.js";
-import "./chunk-XSA2QAKP.js";
+} from "./chunk-6H6S5V4Z.js";
+import {
+  createOlderHistoryLoadReceipt
+} from "./chunk-MXJGO7LE.js";
 import "./chunk-WSK7G5LE.js";
 import "./chunk-FK6VG4LL.js";
 import "./chunk-VZTQ73XT.js";
@@ -28,6 +30,7 @@ export {
   SessionChrome,
   TimelineRow,
   UserMessageBody,
+  createOlderHistoryLoadReceipt,
   sessionChromeGoalPillExplanation,
   sessionChromeGoalPillLabel,
   sessionChromeGoalPillState,

package/dist/session.d.ts

@@ -4,6 +4,8 @@ export { useSession, isTitleEvent } from "./hooks/use-session.js";
 export type { UseSessionOptions, UseSessionResult } from "./hooks/use-session.js";
 export { useSessionEvents } from "./hooks/use-session-events.js";
 export type { SessionEventsConnectionState, UseSessionEventsOptions, UseSessionEventsResult, } from "./hooks/use-session-events.js";
+export { createOlderHistoryLoadReceipt } from "./older-history.js";
+export type { OlderHistoryLoader, OlderHistoryLoadReceipt } from "./older-history.js";
 export { useComposer, composeSendInput, shouldSteerOnKey, shouldSubmitOnKey, FILE_ONLY_MESSAGE_TEXT, } from "./hooks/use-composer.js";
 export type { ComposerControllerState, ComposerPolicy, ComposerSendExtras, ComposerState, UseComposerOptions, } from "./hooks/use-composer.js";
 export { useFileAttachments } from "./hooks/use-file-attachments.js";

package/dist/session.js

@@ -18,22 +18,23 @@ import {
   useSessionLineage,
   useSessionMcpApprovalPolicy,
   useTurnQueue
-} from "./chunk-UOLJWT5Y.js";
+} from "./chunk-ATQJEWCA.js";
 import {
   FILE_ONLY_MESSAGE_TEXT,
   composeSendInput,
   shouldSteerOnKey,
   shouldSubmitOnKey,
   useComposer
-} from "./chunk-JOAVA2TW.js";
+} from "./chunk-T7VAYG2I.js";
 import {
   buildTimeline,
+  createOlderHistoryLoadReceipt,
   creditExhaustedFromEvents,
   extractSessionRef,
   groupTimeline,
   sessionStatusFromEvents,
   toolDisplayName
-} from "./chunk-XSA2QAKP.js";
+} from "./chunk-MXJGO7LE.js";
 import "./chunk-KZ73RL76.js";
 import "./chunk-NEXLLTP4.js";
 import "./chunk-LAKLF4PA.js";
@@ -42,6 +43,7 @@ export {
   approvalsFromRequiresAction,
   buildTimeline,
   composeSendInput,
+  createOlderHistoryLoadReceipt,
   creditExhaustedFromEvents,
   extractSessionRef,
   groupTimeline,

package/dist/timeline/types.d.ts

@@ -59,6 +59,8 @@ export type AgentMessageItem = {
     id: string;
     turnId: string | null;
     text: string;
+    /** Provider-declared assistant channel. Absent on legacy and non-Responses events. */
+    phase?: "commentary" | "final_answer" | undefined;
     /** Still receiving deltas (no completed/turn-end seen yet). */
     streaming: boolean;
     occurredAt: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeni/react",
-  "version": "2.2.0-canary.0",
+  "version": "2.5.0-canary.0",
   "description": "React hooks and styled components for OpenGeni: live session streaming, chat composer, message timeline, session status, and fleet views — token-themed (CSS variables), dark-first, built on Tailwind v4 + Radix + Motion.",
   "license": "Apache-2.0",
   "repository": {
@@ -116,7 +116,7 @@
     "@dnd-kit/utilities": "3.2.2",
     "@fontsource-variable/noto-sans-arabic": "5.2.10",
     "@fontsource-variable/noto-sans-jp": "5.2.10",
-    "@opengeni/sdk": "^2.2.0-canary.0",
+    "@opengeni/sdk": "^2.5.0-canary.0",
     "clsx": "^2.1.1",
     "lucide-react": "^1.8.0",
     "motion": "^12.0.0",

package/src/components/fleet-tile.tsx

@@ -1,11 +1,13 @@
 import type { Session } from "@opengeni/sdk";
 import { cn } from "../lib/cn";
-import { formatRelativeTime, truncate } from "../lib/format";
+import { formatRelativeTime } from "../lib/format";
 import { SessionStatus } from "./session-status";
 
+const AUTOMATIC_SESSION_TITLE_FALLBACK = "New conversation";
+
 export type FleetTileProps = {
   session: Session;
-  /** Overrides the derived title (metadata.title/name, else the initial message). */
+  /** Overrides the derived title (session title, metadata title/name, or safe fallback). */
   title?: string | undefined;
   /** Extra line under the title — e.g. "drift check" or the worker's task. */
   subtitle?: string | undefined;
@@ -15,8 +17,8 @@ export type FleetTileProps = {
 
 /** Best-effort display title for a session. */
 export function sessionDisplayTitle(session: Session): string {
-  // A set title (agent-generated or user-renamed) wins over metadata + the
-  // initial-message fallback.
+  // A set title (agent-generated or user-renamed) wins over metadata and the
+  // prompt-free fallback.
   if (typeof session.title === "string" && session.title.trim().length > 0) {
     return session.title;
   }
@@ -26,7 +28,7 @@ export function sessionDisplayTitle(session: Session): string {
       return value;
     }
   }
-  return truncate(session.initialMessage, 100) || session.id.slice(0, 8);
+  return AUTOMATIC_SESSION_TITLE_FALLBACK;
 }
 
 /**

package/src/components/human-input-form.tsx

@@ -508,6 +508,11 @@ function QuestionControls({
     ]
       .filter(Boolean)
       .join(" ") || undefined;
+  const selectOtherDraft = (current: HumanInputAnswerDraft): HumanInputAnswerDraft => ({
+    ...current,
+    otherSelected: true,
+    ...(question.kind === "single_select" ? { values: [] } : {}),
+  });
   return (
     <>
       {showPromptChrome ? (
@@ -679,14 +684,17 @@ function QuestionControls({
                 id={otherTextId}
                 type="text"
                 value={draft.other}
-                disabled={!draft.otherSelected || busy}
+                disabled={busy}
                 placeholder="Type a value…"
-                onChange={(event) =>
+                onClick={() => onUpdate(selectOtherDraft)}
+                onFocus={() => onUpdate(selectOtherDraft)}
+                onChange={(event) => {
+                  const other = event.target.value;
                   onUpdate((current) => ({
-                    ...current,
-                    other: event.target.value,
-                  }))
-                }
+                    ...selectOtherDraft(current),
+                    other,
+                  }));
+                }}
                 className="mt-1.5 w-full rounded-og-sm border border-og-border bg-og-surface-1 px-2 py-1.5 text-og-sm text-og-fg outline-hidden focus:border-og-accent disabled:opacity-50"
               />
             </span>