@opengeni/react 0.36.1 → 0.40.0

package/src/realtime.ts

@@ -0,0 +1,27 @@
+/**
+ * Batteries-included realtime voice controls and hooks.
+ *
+ * Import this subpath lazily when the composer action slot is rendered. The
+ * base `@opengeni/react` entry remains SSR/browser safe and does not eagerly
+ * load microphone, WebRTC, Gateway, or realtime UI code.
+ */
+export {
+  CodexRealtimeControl,
+  NewSessionRealtimeControl,
+  RealtimeModelPickerMenu,
+  RealtimeVoiceControl,
+  SessionCodexRealtimeControl,
+  SessionRealtimeControl,
+  codexRealtimeAdmissionAllowed,
+  codexRealtimeAdmissionBlocker,
+  useRealtimeModelSelection,
+  useSessionCodexRealtime,
+  useSessionRealtime,
+  useWorkspaceRealtimeModelSelection,
+} from "./realtime/realtime-control";
+export type {
+  RealtimeModelOption,
+  SessionRealtimeControllerFactory,
+} from "./realtime/realtime-control";
+export type { EmbeddedRealtimeSessionClientLike } from "./client";
+export type { EmbeddedRealtimeSessionClientOverride } from "./session-context";

package/src/session-context.ts

@@ -4,6 +4,7 @@ import type {
   EmbeddedFileAttachmentClientLike,
   EmbeddedGoalClientLike,
   EmbeddedHumanInputSessionClientLike,
+  EmbeddedRealtimeSessionClientLike,
   EmbeddedSessionClientLike,
   EmbeddedSessionLineageClientLike,
   EmbeddedSessionMcpApprovalPolicyClientLike,
@@ -55,6 +56,11 @@ export type EmbeddedSessionReadClientOverride = {
   workspaceId?: string | undefined;
 };
 
+export type EmbeddedRealtimeSessionClientOverride = {
+  client?: EmbeddedRealtimeSessionClientLike | undefined;
+  workspaceId?: string | undefined;
+};
+
 export type EmbeddedGoalClientOverride = {
   client?: EmbeddedGoalClientLike | undefined;
   workspaceId?: string | undefined;
@@ -240,6 +246,16 @@ export function useEmbeddedSessionMcpApprovalPolicy(
   );
 }
 
+/** Resolve the exact browser/API surface required by `@opengeni/react/realtime`. */
+export function useEmbeddedRealtimeSession(
+  override: EmbeddedRealtimeSessionClientOverride = {},
+): EmbeddedClientContextValue<EmbeddedRealtimeSessionClientLike> {
+  // Preserve the existing lazy capability behavior: proxy/test clients may
+  // implement only the methods reached by their selected model and lifecycle.
+  // The exported structural type remains the complete embedding contract.
+  return useEmbeddedClientRefinement(override, [], "realtime hooks");
+}
+
 /**
  * Resolve the client only — for hooks that are not workspace-scoped
  * (`useWorkspaces`, `useBillingUsage`).

package/src/session-ui.ts

@@ -7,6 +7,8 @@ export type {
   HumanInputFormMessages,
   HumanInputFormProps,
 } from "./components/human-input-form";
+export { HumanInputSurface } from "./components/human-input-surface";
+export type { HumanInputSurfaceProps } from "./components/human-input-surface";
 export { MessageTimeline, TimelineRow } from "./components/message-timeline";
 export type { MessageTimelineProps } from "./components/message-timeline";
 export { BUILT_IN_TURN_SUMMARY_FACET_IDS } from "./timeline/turn-summary";

package/src/timeline/compute-label.tsx

@@ -0,0 +1,18 @@
+import { createContext, useContext } from "react";
+
+/* ----------------------------------------------------------------------------
+   Session compute label
+
+   Optional host-supplied display name for the session's active compute target
+   (e.g. "Cloud sandbox" or a Connected Machine name). Used by exec_command
+   collapsed previews. The host owns resolution; this package never calls the
+   machines API.
+   -------------------------------------------------------------------------- */
+
+const TimelineComputeLabelContext = createContext<string | null>(null);
+
+export const TimelineComputeLabelProvider = TimelineComputeLabelContext.Provider;
+
+export function useTimelineComputeLabel(): string | null {
+  return useContext(TimelineComputeLabelContext);
+}

package/src/timeline/index.ts

@@ -95,6 +95,9 @@ export type { FoldRestingState } from "./fold-memory";
 // seen activity ids (live tool enter across rail remounts)
 export { SeenActivityIdsProvider, useSeenActivityIds } from "./seen-activity-ids";
 
+// session compute label (host-supplied active machine / cloud sandbox name)
+export { TimelineComputeLabelProvider, useTimelineComputeLabel } from "./compute-label";
+
 // turn-collapse summary chip
 export { BUILT_IN_TURN_SUMMARY_FACET_IDS, TurnSummary, useTurnSettleOpen } from "./turn-summary";
 export type {

package/src/timeline/projection.ts

@@ -124,10 +124,12 @@ export function buildTimeline(events: SessionEvent[]): TimelineItem[] {
           });
           break;
         }
+        const voiceMessage = realtimeVoiceMessage(payload);
         items.push({
           kind: "user-message",
           id: event.id,
-          text: stringValue(payload.text),
+          text: voiceMessage?.text ?? stringValue(payload.text),
+          ...(voiceMessage ? { presentation: voiceMessage.presentation } : {}),
           resources: resourceRefs(payload.resources),
           tools: toolRefs(payload.tools),
           occurredAt: event.occurredAt,
@@ -687,6 +689,24 @@ export function buildTimeline(events: SessionEvent[]): TimelineItem[] {
   return items;
 }
 
+function realtimeVoiceMessage(payload: Record<string, unknown>): {
+  text: string;
+  presentation: {
+    kind: "realtime_voice" | "realtime_voice_handoff";
+    context: string;
+  };
+} | null {
+  const presentation = asRecord(payload.presentation);
+  const visibleText = stringValue(payload.text);
+  if (presentation.kind === "realtime_voice" || presentation.kind === "realtime_voice_handoff") {
+    const context = stringValue(presentation.context);
+    return visibleText && context
+      ? { text: visibleText, presentation: { kind: presentation.kind, context } }
+      : null;
+  }
+  return null;
+}
+
 function providerNativeToolStatus(rawValue: unknown): ToolCallItem["status"] {
   const raw = asRecord(rawValue);
   if (raw.type !== "hosted_tool_call") {

package/src/timeline/tool-renderers.tsx

@@ -13,6 +13,7 @@ import {
   KeyboardIcon,
   KeyRoundIcon,
   LockIcon,
+  MessageCircleQuestionIcon,
   MessagesSquareIcon,
   MessageSquareIcon,
   MousePointer2Icon,
@@ -28,6 +29,7 @@ import {
 } from "lucide-react";
 import type { ReactNode } from "react";
 import { stringifyPayload, tryParseJson } from "../lib/format";
+import { useTimelineComputeLabel } from "./compute-label";
 import {
   applyPatchOpsFromToolItem,
   controlCaret,
@@ -94,6 +96,14 @@ function RunningPreview({ children }: { children: ReactNode }) {
   );
 }
 
+/** Prefix a collapsed preview with the host-supplied active compute label. */
+function withComputePreview(label: string | null, preview: string): string {
+  if (!label) {
+    return preview;
+  }
+  return `on ${label} · ${preview}`;
+}
+
 /* ---- exec_command ---------------------------------------------------------- */
 
 function ExecRenderer({ item }: ToolRendererProps) {
@@ -103,6 +113,7 @@ function ExecRenderer({ item }: ToolRendererProps) {
   const running = item.status === "running";
   const out = item.output;
   const title = `$ ${cmd}`;
+  const computeLabel = useTimelineComputeLabel();
 
   // No output event ever arrived (item.output stays undefined from creation):
   // the turn failed before the output insert — most likely a NUL byte in the
@@ -116,7 +127,7 @@ function ExecRenderer({ item }: ToolRendererProps) {
         title={title}
         titleMono
         chip={{ tone: "bad", text: "failed" }}
-        preview="output lost — NUL byte could not be stored"
+        preview={withComputePreview(computeLabel, "output lost — NUL byte could not be stored")}
       >
         <BodyNote tone="error">
           output contained a NUL byte and could not be stored; the turn failed on this tool&apos;s
@@ -137,7 +148,7 @@ function ExecRenderer({ item }: ToolRendererProps) {
         title={title}
         titleMono
         chip={{ tone: "bad", text: "failed" }}
-        preview="tool call failed"
+        preview={withComputePreview(computeLabel, "tool call failed")}
       >
         <BodyNote tone="error">the tool call failed with no output.</BodyNote>
       </ActivityDisclosure>
@@ -146,6 +157,7 @@ function ExecRenderer({ item }: ToolRendererProps) {
 
   if (running) {
     const streamed = typeof out === "string" ? stripExecBanner(out) : "";
+    const runningPreview = streamed ? `${streamed.split("\n").length} lines` : "running…";
     return (
       <ActivityDisclosure
         icon={<TerminalIcon className={ICON_SIZE} />}
@@ -154,9 +166,7 @@ function ExecRenderer({ item }: ToolRendererProps) {
         titleMono
         running
         preview={
-          <RunningPreview>
-            {streamed ? `${streamed.split("\n").length} lines` : "running…"}
-          </RunningPreview>
+          <RunningPreview>{withComputePreview(computeLabel, runningPreview)}</RunningPreview>
         }
       >
         {/* The row title is already `$ ${cmd}`; the TermBlock header drops the
@@ -184,8 +194,9 @@ function ExecRenderer({ item }: ToolRendererProps) {
     iconTone = "failed";
   }
 
-  const preview = binary ? "binary output" : tailPeek(stripped) || "(no output)";
+  const peek = binary ? "binary output" : tailPeek(stripped) || "(no output)";
   const truncated = execTruncated(text);
+  const preview = withComputePreview(computeLabel, truncated ? `⋯ truncated · ${peek}` : peek);
   // Hand TermBlock the FULL stripped output; it owns the tail/show-more slicing.
   const body = binary ? "(binary output suppressed)" : stripped;
 
@@ -198,7 +209,7 @@ function ExecRenderer({ item }: ToolRendererProps) {
       {...(chip ? { chip } : {})}
       failed={item.status === "failed"}
       cancelled={item.status === "cancelled"}
-      preview={truncated ? `⋯ truncated · ${preview}` : preview}
+      preview={preview}
     >
       <TermBlock
         command={null}
@@ -1254,6 +1265,179 @@ function MemoryProposeRenderer({ item }: ToolRendererProps) {
   );
 }
 
+/* ---- request_human_input --------------------------------------------------- */
+
+function askToolPreview(args: unknown): string | null {
+  const record = args && typeof args === "object" ? (args as Record<string, unknown>) : null;
+  const questions = Array.isArray(record?.questions) ? record.questions : null;
+  if (!questions || questions.length === 0) {
+    return null;
+  }
+  const first = questions[0];
+  if (!first || typeof first !== "object") {
+    return null;
+  }
+  const q = first as Record<string, unknown>;
+  const text =
+    typeof q.label === "string" && q.label.trim()
+      ? q.label.trim()
+      : typeof q.prompt === "string" && q.prompt.trim()
+        ? q.prompt.trim()
+        : null;
+  if (!text) {
+    return null;
+  }
+  const preview = truncatePreview(text, 90);
+  return questions.length > 1 ? `${preview} · ${questions.length} questions` : preview;
+}
+
+function AskRenderer({ item }: ToolRendererProps) {
+  const args = redactSecrets(parseToolArgs(item.arguments));
+  const preview = askToolPreview(args);
+  const icon = <MessageCircleQuestionIcon className={ICON_SIZE} />;
+  const title = "Ask";
+
+  if (item.status === "running") {
+    return (
+      <ActivityDisclosure
+        icon={icon}
+        iconTone="running"
+        title={title}
+        running
+        preview={
+          preview ? (
+            <RunningPreview>{preview}</RunningPreview>
+          ) : (
+            <RunningPreview>Waiting…</RunningPreview>
+          )
+        }
+      >
+        <PayloadBlock label="Arguments" value={args} />
+      </ActivityDisclosure>
+    );
+  }
+
+  const { text: outText, isError } = unwrapMcpOutput(item.output);
+  if ((isError || item.status === "failed") && item.status !== "cancelled") {
+    return (
+      <ActivityDisclosure
+        icon={icon}
+        iconTone="failed"
+        title={title}
+        chip={{ tone: "bad", text: "error" }}
+        preview={truncatePreview(outText, 80) || preview || "Error"}
+      >
+        <PayloadBlock label="Arguments" value={args} />
+        <PayloadBlock label="Error" value={outText} failed />
+      </ActivityDisclosure>
+    );
+  }
+
+  return (
+    <ActivityDisclosure
+      icon={icon}
+      iconTone="muted"
+      title={title}
+      cancelled={item.status === "cancelled"}
+      preview={item.status === "cancelled" ? undefined : (preview ?? undefined)}
+    >
+      <PayloadBlock label="Arguments" value={args} />
+      {outText ? <PayloadBlock label="Result" value={outText} /> : null}
+    </ActivityDisclosure>
+  );
+}
+
+/* ---- run_on ---------------------------------------------------------------- */
+
+function runOnTargetName(output: unknown): string | null {
+  const { text } = unwrapMcpOutput(output);
+  const parsed = tryParseJson(text);
+  if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+    const name = (parsed as { targetName?: unknown }).targetName;
+    if (typeof name === "string" && name.trim()) {
+      return name.trim();
+    }
+  }
+  return null;
+}
+
+function runOnOpPreview(args: Record<string, unknown>): string | null {
+  const op = args.op;
+  if (!op || typeof op !== "object" || Array.isArray(op)) {
+    return null;
+  }
+  const record = op as Record<string, unknown>;
+  if (record.kind === "exec" && typeof record.cmd === "string" && record.cmd.trim()) {
+    return `$ ${record.cmd.trim()}`;
+  }
+  if (
+    (record.kind === "read" || record.kind === "write") &&
+    typeof record.path === "string" &&
+    record.path.trim()
+  ) {
+    return truncatePreview(record.path.trim(), 72);
+  }
+  return null;
+}
+
+function RunOnRenderer({ item }: ToolRendererProps) {
+  const parsedArgs = parseToolArgs(item.arguments);
+  const args = redactSecrets(parsedArgs);
+  const targetName = runOnTargetName(item.output);
+  const title = targetName ? `Run on ${targetName}` : "Run on";
+  const opPreview = runOnOpPreview(parsedArgs);
+  const icon = <ServerIcon className={ICON_SIZE} />;
+
+  if (item.status === "running") {
+    return (
+      <ActivityDisclosure
+        icon={icon}
+        iconTone="running"
+        title={title}
+        running
+        preview={
+          opPreview ? (
+            <RunningPreview>{opPreview}</RunningPreview>
+          ) : (
+            <RunningPreview>Running…</RunningPreview>
+          )
+        }
+      >
+        <PayloadBlock label="Arguments" value={args} />
+      </ActivityDisclosure>
+    );
+  }
+
+  const { text: outText, isError } = unwrapMcpOutput(item.output);
+  if ((isError || item.status === "failed") && item.status !== "cancelled") {
+    return (
+      <ActivityDisclosure
+        icon={icon}
+        iconTone="failed"
+        title={title}
+        chip={{ tone: "bad", text: "error" }}
+        preview={truncatePreview(outText, 80) || opPreview || "Error"}
+      >
+        <PayloadBlock label="Arguments" value={args} />
+        <PayloadBlock label="Error" value={outText} failed />
+      </ActivityDisclosure>
+    );
+  }
+
+  return (
+    <ActivityDisclosure
+      icon={icon}
+      iconTone="muted"
+      title={title}
+      cancelled={item.status === "cancelled"}
+      preview={item.status === "cancelled" ? undefined : (opPreview ?? undefined)}
+    >
+      <PayloadBlock label="Arguments" value={args} />
+      {outText ? <PayloadBlock label="Result" value={outText} /> : null}
+    </ActivityDisclosure>
+  );
+}
+
 /* ---- generic fallback (first-party MCP, external MCP, unknown) ------------- */
 
 /**
@@ -1355,42 +1539,45 @@ function truncatePreview(text: string, max: number): string {
 /** Explicit first-party leaf/prefix → canonical product icons (match nav/pages). */
 function GenericToolIcon({ name }: { name: string }) {
   const leaf = mcpToolLeaf(name);
-  const Icon = leaf.startsWith("goal_")
-    ? TargetIcon
-    : leaf.startsWith("memory_") ||
-        leaf === "preference_registry_summary" ||
-        leaf === "preference_registry_get"
-      ? BrainCircuitIcon
-      : leaf.startsWith("session_") ||
-          leaf === "sessions_list" ||
-          leaf === "set_session_title" ||
-          leaf === "set_other_session_title"
-        ? MessagesSquareIcon
-        : leaf.startsWith("sandbox") || leaf === "sandboxes_list" || leaf === "run_on"
-          ? ServerIcon
-          : leaf.startsWith("rig_")
-            ? ServerCogIcon
-            : leaf.startsWith("scheduled_")
-              ? CalendarClockIcon
-              : leaf.startsWith("artifacts_")
-                ? PanelsTopLeftIcon
-                : leaf.startsWith("social_")
-                  ? Share2Icon
-                  : leaf.startsWith("slack_")
-                    ? MessageSquareIcon
-                    : leaf.startsWith("github_")
-                      ? FolderGitIcon
-                      : leaf.startsWith("variable_")
-                        ? BoxIcon
-                        : leaf.startsWith("environment_")
-                          ? KeyRoundIcon
-                          : leaf.includes("document") ||
-                              leaf.includes("knowledge") ||
-                              leaf === "list_document_bases"
-                            ? FileSearchIcon
-                            : leaf === "tool_search" || leaf === "load_skill"
-                              ? PlugIcon
-                              : WrenchIcon;
+  const Icon =
+    leaf === "request_human_input"
+      ? MessageCircleQuestionIcon
+      : leaf.startsWith("goal_")
+        ? TargetIcon
+        : leaf.startsWith("memory_") ||
+            leaf === "preference_registry_summary" ||
+            leaf === "preference_registry_get"
+          ? BrainCircuitIcon
+          : leaf.startsWith("session_") ||
+              leaf === "sessions_list" ||
+              leaf === "set_session_title" ||
+              leaf === "set_other_session_title"
+            ? MessagesSquareIcon
+            : leaf.startsWith("sandbox") || leaf === "sandboxes_list" || leaf === "run_on"
+              ? ServerIcon
+              : leaf.startsWith("rig_")
+                ? ServerCogIcon
+                : leaf.startsWith("scheduled_")
+                  ? CalendarClockIcon
+                  : leaf.startsWith("artifacts_")
+                    ? PanelsTopLeftIcon
+                    : leaf.startsWith("social_")
+                      ? Share2Icon
+                      : leaf.startsWith("slack_")
+                        ? MessageSquareIcon
+                        : leaf.startsWith("github_")
+                          ? FolderGitIcon
+                          : leaf.startsWith("variable_")
+                            ? BoxIcon
+                            : leaf.startsWith("environment_")
+                              ? KeyRoundIcon
+                              : leaf.includes("document") ||
+                                  leaf.includes("knowledge") ||
+                                  leaf === "list_document_bases"
+                                ? FileSearchIcon
+                                : leaf === "tool_search" || leaf === "load_skill"
+                                  ? PlugIcon
+                                  : WrenchIcon;
   return <Icon className={ICON_SIZE} />;
 }
 
@@ -1404,6 +1591,8 @@ const BASE_ENTRIES: ToolRegistryEntry[] = [
   { match: "rawType", type: "hosted_tool_call", render: WebSearchRenderer },
   // First-party sandbox + MCP tools resolve by name (exact or MCP leaf).
   { match: "name", name: "exec_command", render: ExecRenderer },
+  { match: "name", name: "request_human_input", render: AskRenderer },
+  { match: "name", name: "run_on", render: RunOnRenderer },
   { match: "name", name: "write_stdin", render: WriteStdinRenderer },
   { match: "name", name: "apply_patch_call", render: ApplyPatchRenderer },
   { match: "name", name: "apply_patch", render: ApplyPatchRenderer },

package/src/timeline/types.ts

@@ -13,6 +13,11 @@ export type UserMessageItem = {
   kind: "user-message";
   id: string;
   text: string;
+  presentation?: {
+    kind: "realtime_voice" | "realtime_voice_handoff";
+    /** Full bounded execution context sent with this visible voice request. */
+    context: string;
+  };
   /** Resources attached to this message (file uploads, repositories). */
   resources: ResourceRef[];
   /** Tools requested for the turn this message starts. */

package/styles/index.css

@@ -19,6 +19,11 @@
 @theme inline {
   --font-og-sans: var(--og-font-sans);
   --font-og-mono: var(--og-font-mono);
+  /* Compatibility aliases still used by published components and the exact
+     dropdown primitives shared with the web app. Keep the public stylesheet
+     self-contained instead of requiring consumers to copy the app theme. */
+  --font-sans: var(--og-font-sans);
+  --font-mono: var(--og-font-mono);
 
   /* Type ramp — a real 4-step scale (no half-pixel hand-tuning). Every
      timeline string maps to one of these via `text-og-{xs,sm,base,md}`;
@@ -31,6 +36,8 @@
   --text-og-base--line-height: 1.55;
   --text-og-md: 15px;
   --text-og-md--line-height: 1.6;
+  --text-2xs: 0.6875rem;
+  --text-2xs--line-height: 1rem;
 
   --color-og-bg: var(--og-color-bg);
   --color-og-surface-1: var(--og-color-surface-1);
@@ -44,6 +51,7 @@
 
   --color-og-accent: var(--og-color-accent);
   --color-og-accent-strong: var(--og-color-accent-strong);
+  --color-og-accent-deep: var(--og-color-accent-deep);
   --color-og-accent-fg: var(--og-color-accent-fg);
   --color-og-accent-soft: var(--og-color-accent-soft);
 
@@ -55,11 +63,64 @@
   --color-og-status-cancelled: var(--og-color-status-cancelled);
   --color-og-danger: var(--og-color-danger);
 
+  --color-bg: var(--og-color-bg);
+  --color-surface: var(--og-color-surface-1);
+  --color-surface-2: var(--og-color-surface-2);
+  --color-surface-3: var(--og-color-surface-3);
+  --color-border: var(--og-color-border);
+  --color-border-strong: var(--og-color-border-strong);
+  --color-fg: var(--og-color-fg);
+  --color-fg-muted: var(--og-color-fg-muted);
+  --color-fg-subtle: var(--og-color-fg-subtle);
+  --color-brand: var(--og-color-accent);
+  --color-brand-strong: var(--og-color-accent-deep);
+  --color-brand-fg: var(--og-color-accent-fg);
+  --color-status-queued: var(--og-color-status-queued);
+  --color-status-running: var(--og-color-status-running);
+  --color-status-idle: var(--og-color-status-idle);
+  --color-status-waiting: var(--og-color-status-waiting);
+  --color-status-success: var(--og-color-status-idle);
+  --color-status-failed: var(--og-color-status-failed);
+  --color-status-cancelled: var(--og-color-status-cancelled);
+  --color-danger: var(--og-color-danger);
+
+  --color-background: var(--color-bg);
+  --color-foreground: var(--color-fg);
+  --color-card: var(--color-surface);
+  --color-card-foreground: var(--color-fg);
+  --color-popover: var(--color-surface-3);
+  --color-popover-foreground: var(--color-fg);
+  --color-primary: var(--color-brand-strong);
+  --color-primary-foreground: var(--color-brand-fg);
+  --color-secondary: var(--color-surface-2);
+  --color-secondary-foreground: var(--color-fg);
+  --color-muted: var(--color-surface-2);
+  --color-muted-foreground: var(--color-fg-muted);
+  --color-accent: var(--color-surface-2);
+  --color-accent-foreground: var(--color-fg);
+  --color-destructive: var(--og-color-danger);
+  --color-destructive-filled: color-mix(in oklch, var(--og-color-danger) 70%, black);
+  --color-destructive-foreground: var(--og-color-accent-fg);
+  --color-input: var(--color-surface-2);
+  --color-ring: var(--color-brand);
+  --color-sidebar: var(--color-surface);
+  --color-sidebar-foreground: var(--color-fg);
+  --color-sidebar-primary: var(--color-brand-strong);
+  --color-sidebar-primary-foreground: var(--color-brand-fg);
+  --color-sidebar-accent: var(--color-surface-2);
+  --color-sidebar-accent-foreground: var(--color-fg);
+  --color-sidebar-border: var(--color-border);
+  --color-sidebar-ring: var(--color-brand);
+
   --radius-og-xs: var(--og-radius-xs);
   --radius-og-sm: var(--og-radius-sm);
   --radius-og-md: var(--og-radius-md);
   --radius-og-lg: var(--og-radius-lg);
   --radius-og-xl: var(--og-radius-xl);
+  --radius-sm: var(--og-radius-sm);
+  --radius-md: var(--og-radius-md);
+  --radius-lg: var(--og-radius-lg);
+  --radius-xl: var(--og-radius-xl);
 
   --shadow-og-sm: var(--og-shadow-sm);
   --shadow-og-md: var(--og-shadow-md);

package/styles/tokens.css

@@ -107,6 +107,8 @@
   --og-session-chrome-rail-pad: 0.2rem;
   --og-session-chrome-panel-pad-x: 0.5rem;
   --og-session-chrome-panel-pad-y: 0.4rem;
+  /* Expanded agents/queue/inbox/goal body — scroll inside, never grow unbound. */
+  --og-session-chrome-panel-max-height: min(18rem, 40dvh);
   --og-session-chrome-duration: 220ms;
   --og-session-chrome-crossfade-duration: 180ms;
   --og-session-chrome-ease: var(--og-ease-out);

package/dist/chunk-22RM4GMO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/model-policy.ts"],"sourcesContent":["import type { ClientModel, ReasoningEffort, WorkspaceModelCatalogModel } from \"@opengeni/sdk\";\n\nexport type PickerBillingClass = \"opengeni_credits\" | \"codex_subscription\" | \"byok\";\n\nexport type PickerModelRow = {\n  id: string;\n  label: string;\n  billingClass: PickerBillingClass;\n  billingClassLabel: string;\n  selectable: boolean;\n  unavailableReason: string | null;\n  provider: string;\n  providerLabel: string;\n  catalog: WorkspaceModelCatalogModel;\n};\n\nexport type LatencyModeId = \"standard\" | \"priority\" | \"fast\";\n\nconst BILLING_CLASS_ORDER: PickerBillingClass[] = [\n  \"opengeni_credits\",\n  \"codex_subscription\",\n  \"byok\",\n];\n\nconst BILLING_CLASS_LABELS: Record<PickerBillingClass, string> = {\n  opengeni_credits: \"OpenGeni\",\n  codex_subscription: \"Codex\",\n  byok: \"Your Gateway\",\n};\n\nconst AVAILABILITY_REASON_LABELS: Record<string, string> = {\n  missing_credential: \"Credentials required\",\n  needs_reauth: \"Reconnect required\",\n  credential_not_ready: \"Credential not ready\",\n  not_entitled: \"Not entitled\",\n  provider_unhealthy: \"Provider unavailable\",\n  policy_blocked: \"Blocked by workspace policy\",\n  unsupported: \"Unsupported\",\n};\n\nexport function billingClassForModel(model: ClientModel): PickerBillingClass {\n  if (model.source === \"codex\") {\n    return \"codex_subscription\";\n  }\n  if (model.source === \"workspace_gateway\") {\n    return \"byok\";\n  }\n  if (model.credentialSource?.kind === \"connected_subscription\") {\n    return \"codex_subscription\";\n  }\n  if (model.credentialSource?.kind === \"workspace_connection\") {\n    return \"byok\";\n  }\n  if (model.billing?.upstreamPayer === \"connected_subscription\") {\n    return \"codex_subscription\";\n  }\n  if (model.billing?.upstreamPayer === \"workspace\") {\n    return \"byok\";\n  }\n  return \"opengeni_credits\";\n}\n\nexport function billingClassLabel(billingClass: PickerBillingClass): string {\n  return BILLING_CLASS_LABELS[billingClass];\n}\n\nexport function availabilityReasonLabel(\n  reason: WorkspaceModelCatalogModel[\"availability\"][\"reason\"],\n): string | null {\n  if (!reason) {\n    return null;\n  }\n  return AVAILABILITY_REASON_LABELS[reason] ?? \"Unavailable\";\n}\n\nexport function effortOptionsForModel(model: ClientModel): ReasoningEffort[] {\n  const efforts = model.capabilities?.reasoning.efforts;\n  if (!efforts || efforts.length === 0) {\n    return [\"low\"];\n  }\n  const order: ReasoningEffort[] = [\"none\", \"minimal\", \"low\", \"medium\", \"high\", \"xhigh\"];\n  return order.filter((effort) => efforts.includes(effort));\n}\n\nexport function defaultEffortForModel(model: ClientModel): ReasoningEffort {\n  const options = effortOptionsForModel(model);\n  const configured = model.capabilities?.reasoning.defaultEffort;\n  if (configured && options.includes(configured)) {\n    return configured;\n  }\n  return options[0] ?? \"low\";\n}\n\nexport function coerceReasoningEffortForModel(\n  model: ClientModel,\n  effort: ReasoningEffort,\n): ReasoningEffort {\n  const options = effortOptionsForModel(model);\n  if (options.includes(effort)) {\n    return effort;\n  }\n  return defaultEffortForModel(model);\n}\n\nexport function runnableLatencyModesForModel(model: ClientModel): LatencyModeId[] {\n  const modes = model.capabilities?.latencyModes ?? [];\n  return modes.filter((mode) => mode.runnable).map((mode) => mode.id);\n}\n\nexport function labelLatencyMode(mode: LatencyModeId): string {\n  if (mode === \"fast\") {\n    return \"Fast\";\n  }\n  if (mode === \"priority\") {\n    return \"Priority\";\n  }\n  return \"Standard\";\n}\n\nexport function payerSummaryForModel(model: ClientModel): string {\n  const billing = model.billing;\n  if (!billing) {\n    return \"Route unknown\";\n  }\n  if (billing.metering === \"opengeni_credits\") {\n    return \"OpenGeni credits · automatic managed route\";\n  }\n  if (billing.upstreamPayer === \"connected_subscription\") {\n    return \"Codex subscription · external billing\";\n  }\n  if (billing.upstreamPayer === \"workspace\") {\n    return \"Billed to your AI Gateway\";\n  }\n  return \"Deployment route · external billing\";\n}\n\nexport function advancedSourceSummary(model: ClientModel): string | null {\n  const source = model.credentialSource;\n  if (!source) {\n    return null;\n  }\n  if (source.kind === \"connected_subscription\") {\n    return \"Connected Codex subscription\";\n  }\n  if (source.kind === \"workspace_connection\") {\n    return \"Workspace AI Gateway\";\n  }\n  if (source.kind === \"deployment\") {\n    return source.mechanism === \"azure_ad_bearer\"\n      ? \"Deployment Azure identity\"\n      : \"Deployment API key\";\n  }\n  return null;\n}\n\nexport function projectPickerRows(models: WorkspaceModelCatalogModel[]): PickerModelRow[] {\n  return models\n    .filter((catalog) => {\n      const billingClass = billingClassForModel(catalog);\n      return billingClass === \"opengeni_credits\" || catalog.credentialReadiness.status === \"ready\";\n    })\n    .map((catalog) => {\n      const billingClass = billingClassForModel(catalog);\n      return {\n        id: catalog.id,\n        label: catalog.label,\n        billingClass,\n        billingClassLabel: billingClassLabel(billingClass),\n        selectable: catalog.availability.selectable,\n        unavailableReason: catalog.availability.selectable\n          ? null\n          : availabilityReasonLabel(catalog.availability.reason),\n        provider: catalog.provider,\n        providerLabel: catalog.providerLabel,\n        catalog,\n      };\n    });\n}\n\nexport function sortPickerRows(rows: PickerModelRow[]): PickerModelRow[] {\n  return [...rows].sort((left, right) => {\n    const classDelta =\n      BILLING_CLASS_ORDER.indexOf(left.billingClass) -\n      BILLING_CLASS_ORDER.indexOf(right.billingClass);\n    if (classDelta !== 0) {\n      return classDelta;\n    }\n    if (left.selectable !== right.selectable) {\n      return left.selectable ? -1 : 1;\n    }\n    return left.label.localeCompare(right.label);\n  });\n}\n\nexport function findPickerRow(rows: PickerModelRow[], modelId: string): PickerModelRow | null {\n  return rows.find((row) => row.id === modelId) ?? null;\n}\n\nexport function groupPickerRowsByBillingClass(\n  rows: PickerModelRow[],\n): Array<{ billingClass: PickerBillingClass; label: string; rows: PickerModelRow[] }> {\n  const sorted = sortPickerRows(rows);\n  const groups: Array<{\n    billingClass: PickerBillingClass;\n    label: string;\n    rows: PickerModelRow[];\n  }> = [];\n  for (const row of sorted) {\n    const existing = groups.find((group) => group.billingClass === row.billingClass);\n    if (existing) {\n      existing.rows.push(row);\n      continue;\n    }\n    groups.push({\n      billingClass: row.billingClass,\n      label: row.billingClassLabel,\n      rows: [row],\n    });\n  }\n  return groups;\n}\n"],"mappings":"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","names":[]}