move formatSize to format file (RooCodeInc#2662)

Author: celestial-vault

.changeset/orange-geese-attend.md

@@ -0,0 +1,5 @@
+---
+"claude-dev": patch
+---
+
+cleanup

webview-ui/src/components/chat/TaskHeader.tsx

@@ -5,7 +5,7 @@ import { mentionRegexGlobal } from "../../../../src/shared/context-mentions"
 import { ClineMessage } from "../../../../src/shared/ExtensionMessage"
 import { useExtensionState } from "../../context/ExtensionStateContext"
 import { formatLargeNumber } from "../../utils/format"
-import { formatSize } from "../../utils/size"
+import { formatSize } from "../../utils/format"
 import { vscode } from "../../utils/vscode"
 import Thumbnails from "../common/Thumbnails"
 import { normalizeApiConfiguration } from "../settings/ApiOptions"

webview-ui/src/components/history/HistoryView.tsx

@@ -5,7 +5,7 @@ import { Virtuoso } from "react-virtuoso"
 import { memo, useMemo, useState, useEffect, useCallback } from "react"
 import Fuse, { FuseResult } from "fuse.js"
 import { formatLargeNumber } from "../../utils/format"
-import { formatSize } from "../../utils/size"
+import { formatSize } from "../../utils/format"
 import { ExtensionMessage } from "../../../../src/shared/ExtensionMessage"
 import { useEvent } from "react-use"
 import DangerButton from "../common/DangerButton"

webview-ui/src/utils/format.ts

@@ -1,3 +1,5 @@
+import prettyBytes from "pretty-bytes"
+
 export function formatLargeNumber(num: number): string {
 	if (num >= 1e9) {
 		return (num / 1e9).toFixed(1) + "b"
@@ -34,3 +36,11 @@ export function formatTimestamp(timestamp: string): string {
 
 	return dateFormatter.format(date)
 }
+
+export function formatSize(bytes?: number) {
+	if (bytes === undefined) {
+		return "--kb"
+	}
+
+	return prettyBytes(bytes)
+}