@opengeni/react 7.0.0 → 7.1.0-canary.35916963870001

package/README.md

@@ -681,6 +681,10 @@ state remains application-owned; durable draft and session state remain in
   callback return type. Custom loaders can use `createOlderHistoryLoadReceipt`
   and call `markCommitted` immediately before publishing their accepted older
   window.
+- Browser retention limits are exported as `SESSION_EVENT_BROWSER_MAX_BYTES`
+  and `SESSION_EVENT_BROWSER_MAX_COUNT`; they do not change fetch page sizes.
+  Live appends reuse the retained window's byte total, measuring only incoming
+  and evicted events. History still pages when either retention limit is reached.
 - Newer history uses `hasNewer`, `loadingNewer`, and `loadNewer`. A failed
   `loadNewer()` preserves the retained events and cursors, exposes the original
   failure through `error`, and still rejects for the caller to handle. Pass
@@ -987,6 +991,36 @@ can translate its search, current-selection, empty-result, attachment-warning, a
 thinking labels through `messages`, and override payment descriptions through
 `messages.billingHints`.
 
+Hosts can rebrand the full picker without replacing its interaction logic:
+
+```tsx
+<ModelPolicyPicker
+  {...pickerProps}
+  groupPresentation={{
+    opengeni_credits: {
+      label: "Acme Assist",
+      icon: <AcmeMark aria-hidden="true" />,
+      description: "Provided by your workspace",
+    },
+    codex_subscription: { description: null },
+  }}
+/>
+```
+
+`groupPresentation` is a partial map keyed by `PickerBillingClass`. Labels apply
+to group headings, search, and trigger-icon accessibility. Icons apply to both
+the menu and trigger; supply decorative, non-interactive content (SVG or image)
+that fits the existing 14px slot. Explicit `null` hides an icon or description;
+omitted fields retain defaults. Descriptions override `messages.billingHints`,
+can also be shown for the deployment-provided group, and are searchable. Existing
+`rows[].billingClassLabel` remains the fallback when no label override is supplied.
+This is presentation only: model IDs, billing, ordering, availability and callbacks
+are unchanged. The type `ModelPolicyPickerGroupPresentation` is exported from
+both `@opengeni/react` and `@opengeni/react/composer`. The native `ModelPicker`
+is a separate control; this API targets the full `ModelPolicyPicker` shown above.
+
+For a rendered example, open the composer-responsive demo with `?branding=host`.
+
 Subscription descriptions appear once per provider group. Free models carry a
 Free badge. Pass `hasImageAttachments` for the current draft to show an image
 compatibility warning only when the selected model cannot view those images.

package/dist/approvals.d.ts

@@ -1,9 +1,10 @@
-import type { SessionEvent } from "@opengeni/sdk";
+import { type ToolDisplayMetadata, type SessionEvent } from "@opengeni/sdk";
 export type PendingApproval = {
     /** The id to send back via `user.approvalDecision` (`approvalId`). */
     id: string;
     /** Tool/function name awaiting the decision. */
     name: string;
+    display?: ToolDisplayMetadata;
     arguments?: unknown;
     /** The raw approval entry from the `session.requiresAction` payload. */
     raw?: unknown;

package/dist/{chunk-D5NOQPLR.js → chunk-CJCVYUKK.js}

@@ -28,7 +28,7 @@ import {
   useForcedDefaultOpen,
   useTimelineSearchNavigation,
   useTimelineSearchReveal
-} from "./chunk-D7GAPJ3V.js";
+} from "./chunk-RAJYEBEG.js";
 import {
   Actions,
   AttachButton,
@@ -51,7 +51,7 @@ import {
   Status,
   Surface,
   useChatComposerController
-} from "./chunk-UXE5SSNN.js";
+} from "./chunk-U56XI627.js";
 import {
   LightboxProvider,
   Tooltip,
@@ -65,7 +65,7 @@ import {
 } from "./chunk-WYWRYUNQ.js";
 import {
   ModelPolicyPicker
-} from "./chunk-IP4BUBKH.js";
+} from "./chunk-TA4W6KBP.js";
 import {
   buildTimeline,
   conversationTimeline,
@@ -78,7 +78,7 @@ import {
   useSession,
   useSessionEvents,
   useTurnQueue
-} from "./chunk-JKLGJQO5.js";
+} from "./chunk-HJDDS2L6.js";
 import {
   useComposer
 } from "./chunk-AKOMC3VO.js";
@@ -100,7 +100,7 @@ import {
 import {
   projectPickerRows,
   sortPickerRows
-} from "./chunk-5GAL23FF.js";
+} from "./chunk-IOLPHOF4.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
@@ -857,7 +857,7 @@ var defaultApprovalSurfaceMessages = {
   reject: "Reject",
   approving: "Approving\u2026",
   rejecting: "Rejecting\u2026",
-  formatToolName: (name) => name.replaceAll("_", " ").replaceAll(".", " \u203A ")
+  formatToolName: (name) => name.includes("__") || /^[a-f0-9]{64}$/.test(name) ? toolDisplayName(name) : name.replaceAll("_", " ").replaceAll(".", " \u203A ")
 };
 var APPROVAL_ARGUMENT_PREVIEW_CHARACTERS = 4e3;
 function approvalArgumentsPreview(value) {
@@ -946,7 +946,8 @@ function ApprovalSurface({
               className: "rounded-og-md border border-og-border bg-og-surface-1 p-3",
               children: [
                 renderApproval ? renderApproval(approval) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
-                  /* @__PURE__ */ jsx3("p", { className: "text-og-sm font-medium text-og-fg", children: messages.formatToolName(approval.name) }),
+                  /* @__PURE__ */ jsx3("p", { className: "text-og-sm font-medium text-og-fg", children: approval.display?.title ?? messages.formatToolName(approval.display?.toolName ?? approval.name) }),
+                  approval.display?.accountLabel ? /* @__PURE__ */ jsx3("p", { className: "mt-1 break-words text-og-xs text-og-fg-muted", children: approval.display.accountLabel }) : null,
                   argumentsPreview !== null ? /* @__PURE__ */ jsx3("pre", { className: "mt-2 max-h-48 overflow-auto whitespace-pre-wrap break-words rounded-og-sm bg-og-surface-2 p-2 font-mono text-og-xs text-og-fg-muted", children: argumentsPreview }) : null
                 ] }),
                 /* @__PURE__ */ jsxs2("div", { className: "mt-3 flex flex-wrap justify-end gap-2", children: [
@@ -3225,7 +3226,7 @@ function ToolSearchRenderer({ item }) {
 function DocsSearchRenderer({ item }) {
   const args = parseToolArgs(item.arguments);
   const query = typeof args.query === "string" ? args.query.trim() : "";
-  const title = query ? `Search \u201C${truncatePreview(query, 48)}\u201D` : toolDisplayName(item.name);
+  const title = query ? `Search \u201C${truncatePreview(query, 48)}\u201D` : toolDisplayName(item.name, item.display);
   const running = item.status === "running";
   if (running) {
     return /* @__PURE__ */ jsx7(
@@ -3281,7 +3282,7 @@ function DocsSearchRenderer({ item }) {
 function SetSessionTitleRenderer({ item }) {
   const args = parseToolArgs(item.arguments);
   const titleArg = typeof args.title === "string" ? args.title.trim() : "";
-  const display = toolDisplayName(item.name);
+  const display = toolDisplayName(item.name, item.display);
   const previewTitle = titleArg ? truncatePreview(titleArg, 72) : "";
   const icon = /* @__PURE__ */ jsx7(MessagesSquareIcon, { className: ICON_SIZE });
   if (item.status === "running") {
@@ -3553,7 +3554,7 @@ function RunOnRenderer({ item }) {
 function GenericRenderer({ item }) {
   const running = item.status === "running";
   const args = parseToolArgs(item.arguments);
-  const display = toolDisplayName(item.name);
+  const display = toolDisplayName(item.name, item.display);
   const icon = /* @__PURE__ */ jsx7(GenericToolIcon, { name: item.name });
   const goalPreview = goalToolPreview(item.name, args);
   if (running) {
@@ -5222,7 +5223,7 @@ function RollingActivity({
   );
   const fallback2 = /* @__PURE__ */ jsxs11("span", { className: "og-rolling-label", children: [
     /* @__PURE__ */ jsx15(WrenchIcon2, { className: "size-3.5" }),
-    /* @__PURE__ */ jsx15("span", { children: item.kind === "tool-call" ? toolDisplayName(item.name) : "Working" })
+    /* @__PURE__ */ jsx15("span", { children: item.kind === "tool-call" ? toolDisplayName(item.name, item.display) : "Working" })
   ] });
   return /* @__PURE__ */ jsxs11(
     "span",
@@ -5230,7 +5231,7 @@ function RollingActivity({
       className: "og-rolling-status",
       "data-running": active.some((entry) => entry.id === item.id) ? "true" : void 0,
       children: [
-        /* @__PURE__ */ jsx15("span", { className: "sr-only", children: item.kind === "tool-call" ? toolDisplayName(item.name) : item.kind === "reasoning" ? "Thinking" : "Working" }),
+        /* @__PURE__ */ jsx15("span", { className: "sr-only", children: item.kind === "tool-call" ? toolDisplayName(item.name, item.display) : item.kind === "reasoning" ? "Thinking" : "Working" }),
         /* @__PURE__ */ jsx15("span", { className: "og-rolling-window", "aria-hidden": "true", children: /* @__PURE__ */ jsx15(AnimatePresence2, { initial: false, mode: "sync", children: /* @__PURE__ */ jsx15(
           motion2.span,
           {
@@ -10204,6 +10205,7 @@ function SessionConversation(props) {
 }
 function Conversation({
   sessionId,
+  renderMessageText,
   userMessageDisclosureLabels,
   loadSkillReview,
   client,
@@ -10247,6 +10249,7 @@ function Conversation({
         /* @__PURE__ */ jsx21(
           MessageTimeline,
           {
+            renderMessageText,
             userMessageDisclosureLabels,
             className: "min-h-0 flex-1",
             items: conversationTimeline(feed.timeline, queue, composer),
@@ -10370,12 +10373,19 @@ function SessionCommandsPanel({
               title: "Expand command",
               children: [
                 /* @__PURE__ */ jsx22(ChevronRightIcon3, { className: "size-3 shrink-0 text-og-fg-subtle transition-transform group-open/command:rotate-90" }),
-                /* @__PURE__ */ jsx22("span", { className: "truncate", children: command.commandPreview || "Background command" })
+                /* @__PURE__ */ jsx22(
+                  "span",
+                  {
+                    className: "min-w-0 truncate",
+                    title: command.commandText ?? (command.commandPreview || "Background command"),
+                    children: command.commandText ?? (command.commandPreview || "Background command")
+                  }
+                )
               ]
             }
           ),
           /* @__PURE__ */ jsxs17("div", { className: "mt-2 space-y-1", children: [
-            /* @__PURE__ */ jsx22("p", { className: "whitespace-pre-wrap break-all font-mono text-og-fg-muted", children: command.commandPreview || "Background command" }),
+            /* @__PURE__ */ jsx22("p", { className: "whitespace-pre-wrap break-all font-mono text-og-fg-muted", children: command.commandText ?? (command.commandPreview || "Background command") }),
             /* @__PURE__ */ jsxs17(
               "time",
               {
@@ -10634,4 +10644,4 @@ export {
   SessionCommands,
   StartupTimings
 };
-//# sourceMappingURL=chunk-D5NOQPLR.js.map
+//# sourceMappingURL=chunk-CJCVYUKK.js.map