@opengeni/react 0.34.1 → 0.34.3

package/dist/lib/format.d.ts

@@ -1,3 +1,5 @@
+/** Local finished-at stamp for message footers: "Aug 2, 3:42 PM" / locale-equivalent. */
+export declare function formatClockTime(iso: string): string;
 /** Compact relative time: "now", "42s", "7m", "3h", "2d", then a date. */
 export declare function formatRelativeTime(iso: string, now?: Date): string;
 /** Human-readable byte size: "512 B", "8.0 KB", "1.4 MB", "3 GB". */

package/dist/machines.js

@@ -24,10 +24,10 @@ import {
   healthPulses,
   pointsFor,
   useMachines
-} from "./chunk-GZ4KR67U.js";
+} from "./chunk-ALA3UGWB.js";
 import "./chunk-7CJOAW3V.js";
 import "./chunk-TK7G6XLT.js";
-import "./chunk-4QOQ2DSR.js";
+import "./chunk-LAKLF4PA.js";
 export {
   CONNECTION_STATUS_META,
   ConnectionDot,

package/dist/session-ui.js

@@ -6,10 +6,11 @@ import {
   SessionChrome,
   TimelineRow,
   sessionChromeGoalPillState
-} from "./chunk-L7R5RK6A.js";
-import "./chunk-TCCE5ZU5.js";
+} from "./chunk-QRYJCWGD.js";
+import "./chunk-MEGI4FS6.js";
+import "./chunk-ATSTR5P3.js";
 import "./chunk-TK7G6XLT.js";
-import "./chunk-4QOQ2DSR.js";
+import "./chunk-LAKLF4PA.js";
 import "./chunk-YDNWMKXO.js";
 export {
   BUILT_IN_TURN_SUMMARY_FACET_IDS,

package/dist/session.js

@@ -18,7 +18,7 @@ import {
   useSessionLineage,
   useSessionMcpApprovalPolicy,
   useTurnQueue
-} from "./chunk-A2WITZTI.js";
+} from "./chunk-4NMH6UJ3.js";
 import {
   buildTimeline,
   creditExhaustedFromEvents,
@@ -26,16 +26,16 @@ import {
   groupTimeline,
   sessionStatusFromEvents,
   toolDisplayName
-} from "./chunk-TCCE5ZU5.js";
+} from "./chunk-MEGI4FS6.js";
 import {
   FILE_ONLY_MESSAGE_TEXT,
   composeSendInput,
   shouldSteerOnKey,
   shouldSubmitOnKey,
   useComposer
-} from "./chunk-KZRUYCL4.js";
+} from "./chunk-FT2TXNGZ.js";
 import "./chunk-7CJOAW3V.js";
-import "./chunk-4QOQ2DSR.js";
+import "./chunk-LAKLF4PA.js";
 export {
   FILE_ONLY_MESSAGE_TEXT,
   approvalsFromRequiresAction,

package/dist/timeline/index.d.ts

@@ -1,4 +1,4 @@
-export { buildTimeline, creditExhaustedFromEvents, extractSessionRef, groupTimeline, sessionStatusFromEvents, toolDisplayName, } from "./projection";
+export { buildTimeline, creditExhaustedFromEvents, extractSessionRef, groupTimeline, sessionStatusFromEvents, mcpToolLeaf, toolDisplayName, toolMatchesLeaf, } from "./projection";
 export type { ActivityItem, AgentMessageItem, AuthNeededItem, ContextCompactionItem, FleetDecisionItem, FleetDecisionScoreItem, GoalItem, MachineInputBatchItem, MachineInputMember, MemoryItem, NoticeItem, ReasoningItem, SandboxItem, SessionStatusItem, TimelineGroup, TimelineItem, TurnEndItem, ToolCallItem, UserMessageItem, WorkerCompletionItem, WorkerItem, } from "./types";
 export { createToolRegistry, rawTypeOf } from "./registry";
 export type { CreateToolRegistryOptions, ToolRegistry, ToolRegistryEntry, ToolRenderer, ToolRendererProps, } from "./registry";

package/dist/timeline/parsers.d.ts

@@ -49,6 +49,11 @@ export declare function v4aToGitFileDiff(op: ApplyPatchOperation): GitFileDiff;
  * renderer and the turn-summary facet counter never drift.
  */
 export declare function applyPatchOps(raw: unknown): ApplyPatchOperation[];
+/** Ops from provider `raw`, or from function-tool arguments when raw is empty. */
+export declare function applyPatchOpsFromToolItem(item: {
+    raw: unknown;
+    arguments: unknown;
+}): ApplyPatchOperation[];
 /**
  * True when a tool item is an `apply_patch_call` — by its provider-native
  * `raw.type` (the live-wire source of truth) or by tool `name` (first-party

package/dist/timeline/projection.d.ts

@@ -1,7 +1,6 @@
 import type { SessionEvent, SessionStatus } from "@opengeni/sdk";
 import type { TimelineGroup, TimelineItem } from "./types";
-/** Readable label for a tool call, without leaking an MCP server prefix. */
-export declare function toolDisplayName(name: string): string;
+export { toolDisplayName, mcpToolLeaf, toolMatchesLeaf } from "./tool-display-name";
 export declare function buildTimeline(events: SessionEvent[]): TimelineItem[];
 /**
  * Codex subscription web search can return private citation handles without
@@ -26,13 +25,3 @@ export declare function groupTimeline(items: TimelineItem[]): TimelineGroup[];
  * text: "{...}" }], structuredContent? }`).
  */
 export declare function extractSessionRef(value: unknown, depth?: number): string | null;
-/**
- * Readable label for a tool call ("session_create" -> "session create").
- *
- * MCP tools are namespaced `<serverId>__<toolName>` (see prefixedMcpToolName),
- * and for catalog-imported servers that serverId is an opaque slug+hash
- * ("mcp-integrations-sh-supabase-com-34ed9dcf1390-0i6tcf8"). De-slugging the
- * whole thing leaked that id into the timeline; strip the server prefix and show
- * just the tool ("list organizations"). Names without the `__` boundary (plain
- * built-ins like "session_create") are unaffected.
- */

package/dist/timeline/tool-display-name.d.ts

@@ -1,10 +1,21 @@
 /**
- * Readable label for a tool call ("session_create" -> "session create").
+ * MCP / first-party tool naming helpers.
  *
- * MCP tools are namespaced `<serverId>__<toolName>` (see prefixedMcpToolName),
- * and for catalog-imported servers that serverId is an opaque slug+hash.
- * De-slugging the whole thing leaked that id into the timeline; strip the
- * server prefix and show just the tool. Names without the `__` boundary (plain
- * built-ins like "session_create") are unaffected.
+ * Wire names are often `<serverId>__<toolName>` (see prefixedMcpToolName).
+ * Matching and titles must use the leaf tool name so `opengeni__session_create`
+ * and bare `session_create` resolve the same UI — without inventing previews
+ * from argument JSON.
+ */
+/** Leaf tool name after the first `__` server boundary (or the whole name). */
+export declare function mcpToolLeaf(name: string): string;
+/**
+ * True when `wireName` is exactly `leaf` or ends with `__${leaf}` (MCP prefix).
+ * Does not treat arbitrary suffixes as matches — the leaf must be the full
+ * right-hand side after `__`.
+ */
+export declare function toolMatchesLeaf(wireName: string, leaf: string): boolean;
+/**
+ * Readable label for a tool call ("session_create" / "opengeni__session_create"
+ * → "Session create"). Title-cases the first character of the leaf phrase.
  */
 export declare function toolDisplayName(name: string): string;

package/dist/workstream-control-event.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Document event hosts dispatch to open the workstream Pause/Resume surface.
+ * Kept in a leaf module so session chrome can import the name without pulling
+ * the ChatComposer / Radix tooltip graph into the app shell.
+ */
+export declare const OPEN_WORKSTREAM_CONTROL_EVENT = "opengeni:open-workstream-control";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeni/react",
-  "version": "0.34.1",
+  "version": "0.34.3",
   "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": {

package/src/components/chat-composer.tsx

@@ -4,6 +4,7 @@ import type { SlashCommand } from "../commands/types";
 import type { ComposerState } from "../hooks/use-composer";
 import type { UseFileAttachmentsResult } from "../hooks/use-file-attachments";
 import type { SlashCommandContext } from "../hooks/use-slash-commands";
+import { OPEN_WORKSTREAM_CONTROL_EVENT } from "../workstream-control-event";
 import {
   Actions,
   AttachButton,
@@ -17,7 +18,6 @@ import {
   Hint,
   Input,
   ModelPicker,
-  OPEN_WORKSTREAM_CONTROL_EVENT,
   PauseButton,
   PausedState,
   RestoredResources,

package/src/components/composer-transcription-control.tsx

@@ -6,10 +6,20 @@ import type {
 } from "@opengeni/sdk";
 import { LoaderCircleIcon, MicIcon, SquareIcon, XIcon } from "lucide-react";
 import { AnimatePresence, motion } from "motion/react";
-import { useEffect, useState, type MouseEvent } from "react";
+import { useEffect, useState, type MouseEvent, type ReactElement } from "react";
 import { cn } from "../lib/cn";
 import { useVoiceInput } from "../hooks/use-voice-input";
 import { useChatComposer } from "./composer";
+import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip";
+
+function Tip({ tip, children }: { tip: string; children: ReactElement }) {
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>{children}</TooltipTrigger>
+      <TooltipContent side="top">{tip}</TooltipContent>
+    </Tooltip>
+  );
+}
 
 export type ComposerTranscriptionMessages = {
   start: string;
@@ -161,33 +171,35 @@ export function ComposerTranscriptionControl({
             )}
             {status === "recording" ? (
               <>
-                <button
-                  type="button"
-                  onClick={() => transcription.cancel()}
-                  aria-label={messages.cancel}
-                  aria-keyshortcuts="Escape"
-                  title={messages.cancel}
-                  className={cn(
-                    "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm",
-                    "text-og-fg-muted transition-colors duration-150 motion-reduce:transition-none",
-                    "hover:bg-og-surface-3 hover:text-og-fg pointer-coarse:size-9",
-                  )}
-                >
-                  <XIcon className="size-3.5" />
-                </button>
-                <button
-                  type="button"
-                  onClick={() => transcription.stop()}
-                  aria-label={messages.stop}
-                  title={messages.stop}
-                  className={cn(
-                    "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm",
-                    "bg-og-fg text-og-bg transition-colors duration-150 motion-reduce:transition-none",
-                    "hover:bg-og-fg-muted pointer-coarse:size-9",
-                  )}
-                >
-                  <SquareIcon className="size-2.5 fill-current" />
-                </button>
+                <Tip tip={messages.cancel}>
+                  <button
+                    type="button"
+                    onClick={() => transcription.cancel()}
+                    aria-label={messages.cancel}
+                    aria-keyshortcuts="Escape"
+                    className={cn(
+                      "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm",
+                      "text-og-fg-muted transition-colors duration-150 motion-reduce:transition-none",
+                      "hover:bg-og-surface-3 hover:text-og-fg pointer-coarse:size-9",
+                    )}
+                  >
+                    <XIcon className="size-3.5" />
+                  </button>
+                </Tip>
+                <Tip tip={messages.stop}>
+                  <button
+                    type="button"
+                    onClick={() => transcription.stop()}
+                    aria-label={messages.stop}
+                    className={cn(
+                      "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm",
+                      "bg-og-fg text-og-bg transition-colors duration-150 motion-reduce:transition-none",
+                      "hover:bg-og-fg-muted pointer-coarse:size-9",
+                    )}
+                  >
+                    <SquareIcon className="size-2.5 fill-current" />
+                  </button>
+                </Tip>
               </>
             ) : status === "transcribing" ? (
               <span className="og-shimmer-text px-1.5 text-og-xs font-medium whitespace-nowrap">
@@ -200,38 +212,39 @@ export function ComposerTranscriptionControl({
             )}
           </motion.span>
         ) : (
-          <motion.button
-            key="idle"
-            type="button"
-            initial={{ opacity: 0, scale: 0.96 }}
-            animate={{ opacity: 1, scale: 1 }}
-            exit={{ opacity: 0, scale: 0.96 }}
-            transition={{ duration: 0.14, ease: [0.22, 1, 0.36, 1] }}
-            onClick={start}
-            aria-label={idleLabel}
-            aria-pressed={false}
-            aria-disabled={unavailableMessage !== null}
-            title={idleLabel}
-            className={cn(
-              "inline-flex size-8 shrink-0 items-center justify-center rounded-og-md pointer-coarse:size-11",
-              "text-og-fg-muted transition-colors duration-150 motion-reduce:transition-none",
-              unavailableMessage
-                ? "cursor-not-allowed opacity-45"
-                : "hover:bg-og-surface-2 hover:text-og-fg",
-            )}
-          >
-            <MicIcon className="size-4" />
-          </motion.button>
+          <Tip key="idle" tip={idleLabel}>
+            <motion.button
+              type="button"
+              initial={{ opacity: 0, scale: 0.96 }}
+              animate={{ opacity: 1, scale: 1 }}
+              exit={{ opacity: 0, scale: 0.96 }}
+              transition={{ duration: 0.14, ease: [0.22, 1, 0.36, 1] }}
+              onClick={start}
+              aria-label={idleLabel}
+              aria-pressed={false}
+              aria-disabled={unavailableMessage !== null}
+              className={cn(
+                "inline-flex size-8 shrink-0 items-center justify-center rounded-og-md pointer-coarse:size-11",
+                "text-og-fg-muted transition-colors duration-150 motion-reduce:transition-none",
+                unavailableMessage
+                  ? "cursor-not-allowed opacity-45"
+                  : "hover:bg-og-surface-2 hover:text-og-fg",
+              )}
+            >
+              <MicIcon className="size-4" />
+            </motion.button>
+          </Tip>
         )}
       </AnimatePresence>
       {status === "error" && errorMessage ? (
-        <span
-          aria-hidden="true"
-          title={errorMessage}
-          className="max-w-40 truncate text-og-xs text-og-status-failed max-sm:max-w-24"
-        >
-          {errorMessage}
-        </span>
+        <Tip tip={errorMessage}>
+          <span
+            aria-hidden="true"
+            className="max-w-40 truncate text-og-xs text-og-status-failed max-sm:max-w-24"
+          >
+            {errorMessage}
+          </span>
+        </Tip>
       ) : null}
       <span className="sr-only" role={status === "error" ? "alert" : "status"} aria-live="polite">
         {announcement}