@opengeni/react 0.36.1 → 0.37.0

package/dist/{chunk-22RM4GMO.js → chunk-SJKT4TKW.js}

@@ -53,7 +53,7 @@ function effortOptionsForModel(model) {
   if (!efforts || efforts.length === 0) {
     return ["low"];
   }
-  const order = ["none", "minimal", "low", "medium", "high", "xhigh"];
+  const order = ["none", "minimal", "low", "medium", "high", "xhigh", "max"];
   return order.filter((effort) => efforts.includes(effort));
 }
 function defaultEffortForModel(model) {
@@ -84,6 +84,12 @@ function labelLatencyMode(mode) {
   }
   return "Standard";
 }
+function labelReasoningEffort(effort) {
+  if (effort === "xhigh") {
+    return "Extra high";
+  }
+  return effort.slice(0, 1).toUpperCase() + effort.slice(1);
+}
 function payerSummaryForModel(model) {
   const billing = model.billing;
   if (!billing) {
@@ -135,6 +141,22 @@ function projectPickerRows(models) {
     };
   });
 }
+function projectClientModelRows(models) {
+  return models.map((catalog) => {
+    const billingClass = billingClassForModel(catalog);
+    return {
+      id: catalog.id,
+      label: catalog.label,
+      billingClass,
+      billingClassLabel: billingClassLabel(billingClass),
+      selectable: true,
+      unavailableReason: null,
+      provider: catalog.provider,
+      providerLabel: catalog.providerLabel,
+      catalog
+    };
+  });
+}
 function sortPickerRows(rows) {
   return [...rows].sort((left, right) => {
     const classDelta = BILLING_CLASS_ORDER.indexOf(left.billingClass) - BILLING_CLASS_ORDER.indexOf(right.billingClass);
@@ -177,11 +199,13 @@ export {
   coerceReasoningEffortForModel,
   runnableLatencyModesForModel,
   labelLatencyMode,
+  labelReasoningEffort,
   payerSummaryForModel,
   advancedSourceSummary,
   projectPickerRows,
+  projectClientModelRows,
   sortPickerRows,
   findPickerRow,
   groupPickerRowsByBillingClass
 };
-//# sourceMappingURL=chunk-22RM4GMO.js.map
+//# sourceMappingURL=chunk-SJKT4TKW.js.map

package/dist/chunk-SJKT4TKW.js.map

@@ -0,0 +1 @@
+{"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<TCatalog extends ClientModel = WorkspaceModelCatalogModel> = {\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: TCatalog;\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\", \"max\"];\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 labelReasoningEffort(effort: ReasoningEffort): string {\n  if (effort === \"xhigh\") {\n    return \"Extra high\";\n  }\n  return effort.slice(0, 1).toUpperCase() + effort.slice(1);\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\n/** Project the lightweight client-config model list into the same picker contract. */\nexport function projectClientModelRows(models: ClientModel[]): PickerModelRow<ClientModel>[] {\n  return models.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: true,\n      unavailableReason: null,\n      provider: catalog.provider,\n      providerLabel: catalog.providerLabel,\n      catalog,\n    };\n  });\n}\n\nexport function sortPickerRows<TCatalog extends ClientModel>(\n  rows: PickerModelRow<TCatalog>[],\n): PickerModelRow<TCatalog>[] {\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<TCatalog extends ClientModel>(\n  rows: PickerModelRow<TCatalog>[],\n  modelId: string,\n): PickerModelRow<TCatalog> | 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[] }>;\nexport function groupPickerRowsByBillingClass<TCatalog extends ClientModel>(\n  rows: PickerModelRow<TCatalog>[],\n): Array<{\n  billingClass: PickerBillingClass;\n  label: string;\n  rows: PickerModelRow<TCatalog>[];\n}>;\nexport function groupPickerRowsByBillingClass<TCatalog extends ClientModel>(\n  rows: PickerModelRow<TCatalog>[],\n): Array<{\n  billingClass: PickerBillingClass;\n  label: string;\n  rows: PickerModelRow<TCatalog>[];\n}> {\n  const sorted = sortPickerRows(rows);\n  const groups: Array<{\n    billingClass: PickerBillingClass;\n    label: string;\n    rows: PickerModelRow<TCatalog>[];\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":[]}

package/dist/{chunk-Z5FV355Z.js → chunk-UCZPNXV3.js}

@@ -3,7 +3,7 @@ import {
   groupTimeline,
   mcpToolLeaf,
   toolDisplayName
-} from "./chunk-J2RVJ6JX.js";
+} from "./chunk-4IJCL7YO.js";
 import {
   Tooltip,
   TooltipContent,
@@ -68,6 +68,7 @@ function QueueSurfaceFallback() {
 
 // src/components/session-chrome.tsx
 import {
+  AudioLinesIcon,
   ArrowDownIcon,
   ArrowUpIcon,
   BotIcon,
@@ -101,6 +102,23 @@ var GOAL_LABEL = {
   invariant_broken: "Needs attention",
   completed: "Done"
 };
+function queuedTurnPresentation(turn) {
+  const realtimeDelegation = objectValue(turn.metadata.realtimeDelegation);
+  const inputTranscript = realtimeDelegation?.inputTranscript;
+  if (typeof inputTranscript === "string" && inputTranscript.trim()) {
+    return { kind: "realtime_voice", text: inputTranscript.trim() };
+  }
+  if (objectValue(turn.metadata.realtimeTailFlush)) {
+    return { kind: "realtime_voice_handoff", text: "Remaining voice context" };
+  }
+  return { kind: "prompt", text: turn.prompt };
+}
+function isSteeringTurn(turn) {
+  return turn.metadata.delivery === "steer";
+}
+function objectValue(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
 function sessionChromeGoalPillState(goalStatus, continuation) {
   if (goalStatus === "completed") return "completed";
   if (goalStatus === "paused") return "paused";
@@ -184,6 +202,25 @@ function SessionChrome({
   const record = goal?.goal ?? null;
   const incoming = queue.pendingInputs;
   const turns = queue.queue;
+  const composerSteering = composer?.steering ?? null;
+  const { steering, queuedTurns } = useMemo(() => {
+    const pendingQueueSteer = turns.find((turn) => queue.pendingByTurn[turn.id] === "steer") ?? null;
+    const durableQueueSteer = !pendingQueueSteer && turns[0] && isSteeringTurn(turns[0]) ? turns[0] : null;
+    const currentSteering = composerSteering?.phase === "submitting" ? composerSteering : pendingQueueSteer ? {
+      phase: "submitting",
+      text: queuedTurnPresentation(pendingQueueSteer).text,
+      turnId: pendingQueueSteer.id
+    } : durableQueueSteer ? {
+      phase: "accepted",
+      text: queuedTurnPresentation(durableQueueSteer).text,
+      turnId: durableQueueSteer.id
+    } : composerSteering;
+    const currentTurnId = currentSteering?.turnId ?? null;
+    return {
+      steering: currentSteering,
+      queuedTurns: currentTurnId ? turns.filter((turn) => turn.id !== currentTurnId) : turns
+    };
+  }, [composerSteering, queue.pendingByTurn, turns]);
   const canMutateQueue = !readOnly && composer !== void 0;
   const liveGoal = record?.status === "active" && record.continuation?.state === "running" && record.continuation.reason === "goal_turn_running";
   const elapsed = useLiveElapsed(
@@ -206,14 +243,28 @@ function SessionChrome({
         icon: /* @__PURE__ */ jsx2(InboxIcon, { className: "size-3" })
       });
     }
-    if (turns.length > 0) {
-      const detail = turns[0]?.prompt;
+    if (steering) {
+      rows.push({
+        id: "steering",
+        label: "Changing direction\u2026",
+        detail: steering.text,
+        tone: "accent",
+        icon: steering.phase === "submitting" ? /* @__PURE__ */ jsx2(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx2(ZapIcon, { className: "size-3" })
+      });
+    }
+    if (queuedTurns.length > 0) {
+      const presentations = queuedTurns.map(queuedTurnPresentation);
+      const first = presentations[0];
+      const allVoiceRequests = presentations.every(({ kind }) => kind === "realtime_voice");
+      const onlyVoiceHandoff = presentations.length === 1 && first?.kind === "realtime_voice_handoff";
+      const voiceOnly = allVoiceRequests || onlyVoiceHandoff;
+      const detail = first?.text;
       rows.push({
         id: "queue",
-        label: `${turns.length} queued prompt${turns.length === 1 ? "" : "s"}`,
+        label: allVoiceRequests ? queuedTurns.length === 1 ? "Voice request queued" : `${queuedTurns.length} voice requests queued` : onlyVoiceHandoff ? "Voice handoff queued" : `${queuedTurns.length} queued prompt${queuedTurns.length === 1 ? "" : "s"}`,
         ...detail ? { detail } : {},
         tone: "neutral",
-        icon: /* @__PURE__ */ jsx2(ListOrderedIcon, { className: "size-3" })
+        icon: voiceOnly ? /* @__PURE__ */ jsx2(AudioLinesIcon, { className: "size-3" }) : /* @__PURE__ */ jsx2(ListOrderedIcon, { className: "size-3" })
       });
     }
     if (record && goalState) {
@@ -237,7 +288,7 @@ function SessionChrome({
       });
     }
     return rows;
-  }, [agentsSignal, elapsed, goalState, incoming, record, turns]);
+  }, [agentsSignal, elapsed, goalState, incoming, queuedTurns, record, steering]);
   const [activeUncontrolled, setActiveUncontrolled] = useState(
     defaultActive
   );
@@ -261,10 +312,10 @@ function SessionChrome({
   }, [active, activeControlled, onActiveChange, signalIds]);
   useEffect(() => {
     if (active !== "queue" || !replaceDraftFor) return;
-    if (!turns.some((turn) => turn.id === replaceDraftFor)) {
+    if (!queuedTurns.some((turn) => turn.id === replaceDraftFor)) {
       setReplaceDraftFor(null);
     }
-  }, [active, replaceDraftFor, turns]);
+  }, [active, queuedTurns, replaceDraftFor]);
   useEffect(() => {
     const rail = railRef.current;
     const measure = () => {
@@ -301,7 +352,7 @@ function SessionChrome({
     const node = panelBodyRef.current;
     if (!node) return;
     setPanelHeight(node.offsetHeight);
-  }, [open, active, incoming, turns, record, goalState, agentsPanel, agentsSignal]);
+  }, [open, active, incoming, queuedTurns, record, goalState, agentsPanel, agentsSignal, steering]);
   useEffect(() => {
     if (!open) return;
     const node = panelBodyRef.current;
@@ -316,10 +367,10 @@ function SessionChrome({
   const shellDuration = reduceMotion ? 0 : 0.22;
   const crossfadeDuration = reduceMotion ? 0 : 0.18;
   const ease = [0.22, 1, 0.36, 1];
-  const panelBody = active === "incoming" ? /* @__PURE__ */ jsx2(IncomingPanel, { inputs: incoming, onDismiss: onDismissIncoming }) : active === "queue" ? /* @__PURE__ */ jsx2(
+  const panelBody = active === "incoming" ? /* @__PURE__ */ jsx2(IncomingPanel, { inputs: incoming, onDismiss: onDismissIncoming }) : active === "steering" && steering ? /* @__PURE__ */ jsx2(SteeringPanel, { phase: steering.phase, text: steering.text }) : active === "queue" ? /* @__PURE__ */ jsx2(
     QueuePanel,
     {
-      turns,
+      turns: queuedTurns,
       readOnly: !canMutateQueue,
       mutationFor: queue.mutationFor,
       replaceDraftFor,
@@ -553,6 +604,24 @@ function IncomingPanel({
     }
   );
 }
+function SteeringPanel({ phase, text }) {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: "flex items-start gap-2 rounded-og-sm px-1.5 py-1",
+      role: "status",
+      "aria-live": "polite",
+      "data-og-session-chrome-panel": "steering",
+      children: [
+        /* @__PURE__ */ jsx2("span", { className: "mt-0.5 inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-og-accent-soft text-og-accent", children: phase === "submitting" ? /* @__PURE__ */ jsx2(Loader2Icon2, { className: "size-3 animate-og-spin", "aria-hidden": "true" }) : /* @__PURE__ */ jsx2(ZapIcon, { className: "size-3", "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx2("p", { className: "truncate text-og-xs font-medium leading-4 text-og-fg", children: text }),
+          /* @__PURE__ */ jsx2("p", { className: "mt-0.5 text-[10px] leading-4 text-og-fg-muted", children: phase === "submitting" ? "Sending your latest direction\u2026" : "Direction accepted. The agent will continue from it." })
+        ] })
+      ]
+    }
+  );
+}
 function QueuePanel({
   turns,
   readOnly,
@@ -572,6 +641,8 @@ function QueuePanel({
       "aria-label": "Queued prompts",
       "data-og-session-chrome-panel": "queue",
       children: turns.map((turn, index) => {
+        const presentation = queuedTurnPresentation(turn);
+        const voice = presentation.kind !== "prompt";
         const pending = mutationFor(turn.id);
         const beforeUp = index > 0 ? turns[index - 1]?.id ?? null : null;
         const beforeDown = index < turns.length - 1 ? turns[index + 2]?.id ?? null : null;
@@ -584,8 +655,14 @@ function QueuePanel({
             className: "group flex flex-col gap-1 rounded-og-sm px-1.5 py-1 transition-colors hover:bg-[var(--og-session-chrome-row-hover)]",
             children: [
               /* @__PURE__ */ jsxs2("div", { className: "flex items-start gap-1.5", children: [
-                /* @__PURE__ */ jsx2("span", { className: "mt-px shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: index + 1 }),
-                /* @__PURE__ */ jsx2("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg", children: turn.prompt }),
+                voice ? /* @__PURE__ */ jsx2(
+                  AudioLinesIcon,
+                  {
+                    "aria-hidden": "true",
+                    className: "mt-0.5 size-3 shrink-0 text-og-accent"
+                  }
+                ) : /* @__PURE__ */ jsx2("span", { className: "mt-px shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: index + 1 }),
+                /* @__PURE__ */ jsx2("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg", children: presentation.text }),
                 showActions ? /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100 max-sm:opacity-100", children: [
                   onMove && turns.length > 1 ? /* @__PURE__ */ jsxs2(Fragment, { children: [
                     /* @__PURE__ */ jsx2(
@@ -6806,4 +6883,4 @@ export {
   MessageTimeline,
   TimelineRow
 };
-//# sourceMappingURL=chunk-Z5FV355Z.js.map
+//# sourceMappingURL=chunk-UCZPNXV3.js.map