@opengeni/react 0.34.2 → 0.34.3

package/dist/components/chat-composer.d.ts

@@ -4,7 +4,8 @@ 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, type ChatComposerMessages, type ComposerControlLinks } from "./composer";
+import { OPEN_WORKSTREAM_CONTROL_EVENT } from "../workstream-control-event";
+import { type ChatComposerMessages, type ComposerControlLinks } from "./composer";
 import { type ComposerTranscriptionControlProps } from "./composer-transcription-control";
 export { OPEN_WORKSTREAM_CONTROL_EVENT };
 export type ChatComposerProps = {

package/dist/components/composer.d.ts

@@ -5,7 +5,8 @@ import type { ComposerState } from "../hooks/use-composer";
 import type { UseFileAttachmentsResult } from "../hooks/use-file-attachments";
 import { type ConfirmState, type SlashCommandContext } from "../hooks/use-slash-commands";
 import type { PickerModelRow } from "../model-policy";
-export declare const OPEN_WORKSTREAM_CONTROL_EVENT = "opengeni:open-workstream-control";
+import { OPEN_WORKSTREAM_CONTROL_EVENT } from "../workstream-control-event";
+export { OPEN_WORKSTREAM_CONTROL_EVENT };
 export type ComposerDelivery = Pick<ComposerState, "value" | "setValue" | "send" | "steer" | "sending" | "canSend" | "error" | "clearError">;
 export type ComposerDraftState = Pick<ComposerState, "draftConflict" | "draftSaving" | "resolveDraftConflict" | "restoredResources" | "removeRestoredResource">;
 export type ComposerControlState = Pick<ComposerState, "pause" | "pausing" | "resume" | "resumeScope" | "resuming">;
@@ -91,6 +92,12 @@ export type UseChatComposerControllerOptions = {
     onPaste?: ((event: ClipboardEvent<HTMLTextAreaElement>) => void) | undefined;
     messages?: Partial<ChatComposerMessages> | undefined;
 };
+/**
+ * Autosize a composer textarea up to `maxPx` without the classic height→0
+ * measure collapse (that flash expands the timeline flex sibling and yanks
+ * tip-follow while a stream is pinned).
+ */
+export declare function applyComposerTextareaHeight(textarea: HTMLTextAreaElement, maxPx?: number): void;
 /**
  * Headless interaction layer for a chat composer. It is the single owner of
  * delivery guards, keyboard routing, command interception, drag/drop, focus,
@@ -274,4 +281,3 @@ export type ComposerSendButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElemen
 export declare const SendButton: import("react").ForwardRefExoticComponent<ComposerSendButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare function Help(): import("react/jsx-runtime").JSX.Element;
 export declare function Status(): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/copy-button.d.ts

@@ -7,7 +7,7 @@ export type CopyButtonProps = {
     className?: string | undefined;
     /**
      * `always` — visible control.
-     * `group-hover` — parent must use `group/copy`; fades in on hover/focus.
+     * `group-hover` — parent must use `group/copy`; fades in on hover/focus-visible.
      */
     reveal?: "always" | "group-hover" | undefined;
 };
@@ -17,10 +17,12 @@ export type CopyButtonProps = {
  */
 export declare function CopyButton({ text, label, className, reveal, }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
 /** Hover-reveal chrome around a message / turn so {@link CopyButton} can fade in. */
-export declare function CopyHoverFrame({ children, className, copyText, label, align, }: {
+export declare function CopyHoverFrame({ children, className, copyText, label, align, trailing, }: {
     children: ReactNode;
     className?: string | undefined;
     copyText: string;
     label: string;
     align?: "start" | "end" | undefined;
+    /** Optional footer meta (e.g. sent/finished clock) — immediately after the copy control. */
+    trailing?: ReactNode | undefined;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/tip-follow.d.ts

@@ -56,6 +56,9 @@ export declare const TIP_FOLLOW_VELOCITY_ARM_DEBT_PX = 72;
 export declare const TIP_FOLLOW_VELOCITY_DECAY_MS: number;
 /** Reader-up pixels above clamp budget that count as leaving the tip. */
 export declare const TIP_FOLLOW_READER_UP_EPS_PX = 2;
+/** @internal */ export declare function setScrollEndSupportForTests(value: boolean | null): void;
+/** True when the engine exposes element `scrollend` (prefer over rAF leave). */
+export declare function supportsScrollEndEvent(): boolean;
 /** @deprecated Shrink lock removed; kept so old imports do not break. */
 export declare const TIP_FOLLOW_SHRINK_LOCK_MS = 0;
 /** @deprecated Absorb thresholds removed — growth track is continuous. */

package/dist/composer.d.ts

@@ -3,7 +3,8 @@
  *
  * `import * as Composer from "@opengeni/react/composer"`.
  */
-export { Actions, AttachButton, Attachments, CommandPalette, Confirmation, Controls, Footer, Frame, Help, Hint, Input, ModelPicker, OPEN_WORKSTREAM_CONTROL_EVENT, PauseButton, PausedState, RestoredResources, Root, SendButton, Status, Surface, defaultChatComposerMessages, useChatComposer, useChatComposerController, } from "./components/composer";
+export { OPEN_WORKSTREAM_CONTROL_EVENT } from "./workstream-control-event";
+export { Actions, AttachButton, Attachments, CommandPalette, Confirmation, Controls, Footer, Frame, Help, Hint, Input, ModelPicker, PauseButton, PausedState, RestoredResources, Root, SendButton, Status, Surface, defaultChatComposerMessages, useChatComposer, useChatComposerController, } from "./components/composer";
 export type { ChatComposerController, ChatComposerContextValue, ChatComposerMessages, ComposerActionsProps, ComposerAttachButtonProps, ComposerCommandPaletteProps, ComposerControlLinks, ComposerControlState, ComposerControlsProps, ComposerDelivery, ComposerDraftState, ComposerFooterProps, ComposerFrameProps, ComposerHintProps, ComposerInputProps, ComposerModelPickerProps, ComposerPauseButtonProps, ComposerRootProps, ComposerSendButtonProps, ComposerSubmitBlocker, ComposerSubmitMode, ComposerSurfaceProps, UseChatComposerControllerOptions, } from "./components/composer";
 export { ComposerTranscriptionControl } from "./components/composer-transcription-control";
 export type { ComposerTranscriptionControlProps, ComposerTranscriptionMessages, } from "./components/composer-transcription-control";

package/dist/composer.js

@@ -24,12 +24,13 @@ import {
   useChatComposer,
   useChatComposerController,
   useVoiceInput
-} from "./chunk-MS3FBZ6A.js";
-import "./chunk-KZRUYCL4.js";
+} from "./chunk-PVW56EVR.js";
+import "./chunk-FT2TXNGZ.js";
 import "./chunk-7CJOAW3V.js";
 import "./chunk-U255M5EZ.js";
+import "./chunk-ATSTR5P3.js";
 import "./chunk-TK7G6XLT.js";
-import "./chunk-4QOQ2DSR.js";
+import "./chunk-LAKLF4PA.js";
 export {
   Actions,
   AttachButton,

package/dist/index.d.ts

@@ -25,7 +25,7 @@ export type { QueueSurfaceProps } from "./components/queue-surface";
 export { SessionChrome, sessionChromeGoalPillState } from "./components/session-chrome";
 export type { SessionChromeAgentsSignal, SessionChromeProps, SessionChromeSignalId, SessionChromeSignalTone, } from "./components/session-chrome";
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/tooltip";
-export { OPEN_WORKSTREAM_CONTROL_EVENT } from "./components/chat-composer";
+export { OPEN_WORKSTREAM_CONTROL_EVENT } from "./workstream-control-event";
 export { useGoal, isGoalEvent } from "./hooks/use-goal";
 export type { UseGoalOptions, UseGoalResult } from "./hooks/use-goal";
 export { useSessionControl } from "./hooks/use-session-control";
@@ -141,4 +141,4 @@ export type { CodexAccountsClientLike, UseCodexAccountsOptions, UseCodexAccounts
 export { gitFileDiffToPatch } from "./lib/git-patch";
 export { xtermThemeFromTokens } from "./lib/xterm-theme";
 export { cn } from "./lib/cn";
-export { CREDIT_EXHAUSTION_MESSAGE, formatBytes, formatRelativeTime, humanizeFailureReason, isCreditExhaustion, stringifyPayload, truncate, tryParseJson, } from "./lib/format";
+export { CREDIT_EXHAUSTION_MESSAGE, formatBytes, formatClockTime, formatRelativeTime, humanizeFailureReason, isCreditExhaustion, stringifyPayload, truncate, tryParseJson, } from "./lib/format";

package/dist/index.js

@@ -25,7 +25,7 @@ import {
   healthPulses,
   pointsFor,
   useMachines
-} from "./chunk-GZ4KR67U.js";
+} from "./chunk-ALA3UGWB.js";
 import {
   SESSION_EVENT_BROWSER_MAX_BYTES,
   SESSION_EVENT_BROWSER_MAX_COUNT,
@@ -52,7 +52,7 @@ import {
   useSessionLineage,
   useSessionMcpApprovalPolicy,
   useTurnQueue
-} from "./chunk-A2WITZTI.js";
+} from "./chunk-4NMH6UJ3.js";
 import {
   ActivityDisclosure,
   ActivityRail,
@@ -78,10 +78,6 @@ import {
   TermBlock,
   Thumbnail,
   TimelineRow,
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
   TurnSummary,
   answersFromDrafts,
   applyPatchOps,
@@ -108,10 +104,9 @@ import {
   unwrapMcpOutput,
   useLightbox,
   useLightboxOptional,
-  usePortalTokenStyle,
   useThemeType,
   v4aToGitFileDiff
-} from "./chunk-L7R5RK6A.js";
+} from "./chunk-QRYJCWGD.js";
 import {
   buildTimeline,
   creditExhaustedFromEvents,
@@ -119,7 +114,7 @@ import {
   groupTimeline,
   sessionStatusFromEvents,
   toolDisplayName
-} from "./chunk-TCCE5ZU5.js";
+} from "./chunk-MEGI4FS6.js";
 import {
   Actions,
   AttachButton,
@@ -159,14 +154,14 @@ import {
   useSlashCommands,
   useTranscription,
   useVoiceInput
-} from "./chunk-MS3FBZ6A.js";
+} from "./chunk-PVW56EVR.js";
 import {
   FILE_ONLY_MESSAGE_TEXT,
   composeSendInput,
   shouldSteerOnKey,
   shouldSubmitOnKey,
   useComposer
-} from "./chunk-KZRUYCL4.js";
+} from "./chunk-FT2TXNGZ.js";
 import {
   useMutationRunner,
   useOpenGeni,
@@ -190,6 +185,13 @@ import {
   runnableLatencyModesForModel,
   sortPickerRows
 } from "./chunk-U255M5EZ.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  usePortalTokenStyle
+} from "./chunk-ATSTR5P3.js";
 import {
   cn
 } from "./chunk-TK7G6XLT.js";
@@ -198,13 +200,14 @@ import {
   CREDIT_EXHAUSTION_MESSAGE,
   composerSubmissionErrorMessage,
   formatBytes,
+  formatClockTime,
   formatRelativeTime,
   humanizeFailureReason,
   isCreditExhaustion,
   stringifyPayload,
   truncate,
   tryParseJson
-} from "./chunk-4QOQ2DSR.js";
+} from "./chunk-LAKLF4PA.js";
 import "./chunk-YDNWMKXO.js";
 
 // src/hooks/use-last-started-turn-policy.ts
@@ -259,77 +262,6 @@ function useLastStartedTurnPolicy(sessionId, options = {}) {
   };
 }
 
-// src/components/chat-composer.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function ChatComposer({
-  composer,
-  effectiveControl,
-  queuedAheadCount,
-  canControlWorkspace,
-  controlLinks,
-  placeholder,
-  disabled,
-  autoFocus,
-  hint,
-  controlsStart,
-  transcription,
-  header,
-  onPaste,
-  attachments,
-  models,
-  selectedModel,
-  onSelectModel,
-  className,
-  commands,
-  commandContext,
-  onClearView,
-  messages
-}) {
-  const controller = useChatComposerController({
-    delivery: composer,
-    draft: composer,
-    control: composer,
-    effectiveControl,
-    queuedAheadCount,
-    canControlWorkspace,
-    controlLinks,
-    disabled,
-    attachments,
-    commands,
-    commandContext,
-    onClearView,
-    onPaste,
-    messages
-  });
-  const hasControls = Boolean(attachments || models || controlsStart || transcription);
-  return /* @__PURE__ */ jsxs(Root, { controller, className, children: [
-    /* @__PURE__ */ jsxs(Frame, { children: [
-      /* @__PURE__ */ jsx(CommandPalette2, {}),
-      /* @__PURE__ */ jsxs(Surface, { children: [
-        /* @__PURE__ */ jsx(PausedState, {}),
-        /* @__PURE__ */ jsx(RestoredResources, {}),
-        /* @__PURE__ */ jsx(Attachments, {}),
-        header,
-        /* @__PURE__ */ jsx(Input, { placeholder, autoFocus }),
-        controller.confirmState ? /* @__PURE__ */ jsx(Confirmation, {}) : /* @__PURE__ */ jsxs(Footer, { children: [
-          hasControls ? /* @__PURE__ */ jsxs(Controls, { children: [
-            /* @__PURE__ */ jsx(AttachButton, {}),
-            transcription ? /* @__PURE__ */ jsx(ComposerTranscriptionControl, { ...transcription }) : null,
-            models ? /* @__PURE__ */ jsx(ModelPicker2, { models, value: selectedModel, onChange: onSelectModel }) : null,
-            controlsStart
-          ] }) : /* @__PURE__ */ jsx(Hint, { children: hint }),
-          /* @__PURE__ */ jsxs(Actions, { children: [
-            /* @__PURE__ */ jsx(PauseButton, {}),
-            /* @__PURE__ */ jsx(SendButton, {})
-          ] })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(Help, {}),
-    /* @__PURE__ */ jsx(Status, {})
-  ] });
-}
-
 // src/hooks/use-scheduled-tasks.ts
 import { useCallback as useCallback2 } from "react";
 function useScheduledTasks(options = {}) {
@@ -3241,7 +3173,7 @@ function useMachineChip(input) {
 // src/components/approval-surface.tsx
 import { CheckIcon, ShieldCheckIcon, XIcon } from "lucide-react";
 import { useEffect as useEffect12, useId, useRef as useRef11, useState as useState10 } from "react";
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var defaultApprovalSurfaceMessages = {
   title: "Approval required",
   description: "Review the requested action before the agent continues.",
@@ -3311,7 +3243,7 @@ function ApprovalSurface({
     }
   };
   const errorMessage = decisionError?.message ?? (error instanceof Error ? error.message : error);
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs(
     "section",
     {
       className: cn(
@@ -3320,29 +3252,29 @@ function ApprovalSurface({
       ),
       "aria-labelledby": titleId,
       children: [
-        /* @__PURE__ */ jsxs2("header", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx2("span", { className: "mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-status-waiting/12 text-og-status-waiting", children: /* @__PURE__ */ jsx2(ShieldCheckIcon, { "aria-hidden": "true", className: "size-4" }) }),
-          /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx2("h2", { id: titleId, className: "text-og-md font-semibold text-og-fg", children: messages.title }),
-            /* @__PURE__ */ jsx2("p", { className: "mt-0.5 text-og-sm text-og-fg-muted", children: messages.description })
+        /* @__PURE__ */ jsxs("header", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-status-waiting/12 text-og-status-waiting", children: /* @__PURE__ */ jsx(ShieldCheckIcon, { "aria-hidden": "true", className: "size-4" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("h2", { id: titleId, className: "text-og-md font-semibold text-og-fg", children: messages.title }),
+            /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-og-sm text-og-fg-muted", children: messages.description })
           ] })
         ] }),
-        /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-2", children: approvals.map((approval) => {
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: approvals.map((approval) => {
           const approvalKey = approvalOwnershipKey(approval);
           const active = pending?.approvalKey === approvalKey ? pending.decision : null;
           const argumentsPreview = approvalArgumentsPreview(approval.arguments);
-          return /* @__PURE__ */ jsxs2(
+          return /* @__PURE__ */ jsxs(
             "article",
             {
               "data-approval-id": approval.id,
               className: "rounded-og-md border border-og-border bg-og-surface-1 p-3",
               children: [
-                renderApproval ? renderApproval(approval) : /* @__PURE__ */ jsxs2(Fragment, { children: [
-                  /* @__PURE__ */ jsx2("p", { className: "text-og-sm font-medium text-og-fg", children: messages.formatToolName(approval.name) }),
-                  argumentsPreview !== null ? /* @__PURE__ */ jsx2("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
+                renderApproval ? renderApproval(approval) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-og-sm font-medium text-og-fg", children: messages.formatToolName(approval.name) }),
+                  argumentsPreview !== null ? /* @__PURE__ */ jsx("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: [
-                  /* @__PURE__ */ jsxs2(
+                /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap justify-end gap-2", children: [
+                  /* @__PURE__ */ jsxs(
                     "button",
                     {
                       type: "button",
@@ -3350,12 +3282,12 @@ function ApprovalSurface({
                       onClick: () => void decide(approval, "reject"),
                       className: "inline-flex min-h-9 items-center gap-1.5 rounded-og-md border border-og-border px-3 py-1.5 text-og-sm font-medium text-og-fg-muted transition-colors hover:bg-og-surface-2 hover:text-og-fg disabled:opacity-50",
                       children: [
-                        /* @__PURE__ */ jsx2(XIcon, { "aria-hidden": "true", className: "size-3.5" }),
+                        /* @__PURE__ */ jsx(XIcon, { "aria-hidden": "true", className: "size-3.5" }),
                         active === "reject" ? messages.rejecting : messages.reject
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs2(
+                  /* @__PURE__ */ jsxs(
                     "button",
                     {
                       type: "button",
@@ -3363,7 +3295,7 @@ function ApprovalSurface({
                       onClick: () => void decide(approval, "approve"),
                       className: "inline-flex min-h-9 items-center gap-1.5 rounded-og-md bg-og-accent px-3 py-1.5 text-og-sm font-medium text-og-accent-fg transition-colors hover:bg-og-accent-strong disabled:opacity-50",
                       children: [
-                        /* @__PURE__ */ jsx2(CheckIcon, { "aria-hidden": "true", className: "size-3.5" }),
+                        /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true", className: "size-3.5" }),
                         active === "approve" ? messages.approving : messages.approve
                       ]
                     }
@@ -3374,12 +3306,83 @@ function ApprovalSurface({
             approval.id
           );
         }) }),
-        errorMessage ? /* @__PURE__ */ jsx2("p", { role: "alert", className: "text-og-sm text-og-status-failed", children: errorMessage }) : null
+        errorMessage ? /* @__PURE__ */ jsx("p", { role: "alert", className: "text-og-sm text-og-status-failed", children: errorMessage }) : null
       ]
     }
   );
 }
 
+// src/components/chat-composer.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ChatComposer({
+  composer,
+  effectiveControl,
+  queuedAheadCount,
+  canControlWorkspace,
+  controlLinks,
+  placeholder,
+  disabled,
+  autoFocus,
+  hint,
+  controlsStart,
+  transcription,
+  header,
+  onPaste,
+  attachments,
+  models,
+  selectedModel,
+  onSelectModel,
+  className,
+  commands,
+  commandContext,
+  onClearView,
+  messages
+}) {
+  const controller = useChatComposerController({
+    delivery: composer,
+    draft: composer,
+    control: composer,
+    effectiveControl,
+    queuedAheadCount,
+    canControlWorkspace,
+    controlLinks,
+    disabled,
+    attachments,
+    commands,
+    commandContext,
+    onClearView,
+    onPaste,
+    messages
+  });
+  const hasControls = Boolean(attachments || models || controlsStart || transcription);
+  return /* @__PURE__ */ jsxs2(Root, { controller, className, children: [
+    /* @__PURE__ */ jsxs2(Frame, { children: [
+      /* @__PURE__ */ jsx2(CommandPalette2, {}),
+      /* @__PURE__ */ jsxs2(Surface, { children: [
+        /* @__PURE__ */ jsx2(PausedState, {}),
+        /* @__PURE__ */ jsx2(RestoredResources, {}),
+        /* @__PURE__ */ jsx2(Attachments, {}),
+        header,
+        /* @__PURE__ */ jsx2(Input, { placeholder, autoFocus }),
+        controller.confirmState ? /* @__PURE__ */ jsx2(Confirmation, {}) : /* @__PURE__ */ jsxs2(Footer, { children: [
+          hasControls ? /* @__PURE__ */ jsxs2(Controls, { children: [
+            /* @__PURE__ */ jsx2(AttachButton, {}),
+            transcription ? /* @__PURE__ */ jsx2(ComposerTranscriptionControl, { ...transcription }) : null,
+            models ? /* @__PURE__ */ jsx2(ModelPicker2, { models, value: selectedModel, onChange: onSelectModel }) : null,
+            controlsStart
+          ] }) : /* @__PURE__ */ jsx2(Hint, { children: hint }),
+          /* @__PURE__ */ jsxs2(Actions, { children: [
+            /* @__PURE__ */ jsx2(PauseButton, {}),
+            /* @__PURE__ */ jsx2(SendButton, {})
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx2(Help, {}),
+    /* @__PURE__ */ jsx2(Status, {})
+  ] });
+}
+
 // src/components/fleet-tile.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function sessionDisplayTitle(session) {
@@ -8488,6 +8491,7 @@ export {
   firstMissingRequiredArg,
   formatAsOf,
   formatBytes,
+  formatClockTime,
   formatRelativeTime,
   gitFileDiffToPatch,
   groupPickerRowsByBillingClass,