Fixes in TaskHeader

Author: brunobergher

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

@@ -11,7 +11,7 @@ import type { ClineMessage } from "@roo-code/types"
 import { getModelMaxOutputTokens } from "@roo/api"
 import { findLastIndex } from "@roo/array"
 
-import { formatLargeNumber } from "@src/utils/format"
+import { formatCost, formatLargeNumber } from "@src/utils/format"
 import { cn } from "@src/lib/utils"
 import { StandardTooltip } from "@src/components/ui"
 import { useExtensionState } from "@src/context/ExtensionStateContext"
@@ -24,6 +24,8 @@ import { ContextWindowProgress } from "./ContextWindowProgress"
 import { Mention } from "./Mention"
 import { TodoListDisplay } from "./TodoListDisplay"
 
+import { vscode } from "@src/utils/vscode"
+
 export interface TaskHeaderProps {
 	task: ClineMessage
 	tokensIn: number
@@ -301,17 +303,15 @@ const TaskHeader = ({
 												{t("chat:task.apiCost")}
 											</th>
 											<td className="align-top">
-												<span>${totalCost?.toFixed(2)}</span>
+												<span>{formatCost(totalCost)}</span>
 												<StandardTooltip content={t("chat:apiRequest.viewTokenUsage")}>
 													<ChartColumn
 														className="inline size-3.5 -mt-0.5 ml-2 text-vscode-textLink-foreground cursor-pointer hover:text-vscode-textLink-activeForeground transition-colors"
 														onClick={(e) => {
 															e.stopPropagation()
-															import("@src/utils/vscode").then(({ vscode }) => {
-																vscode.postMessage({
-																	type: "switchTab",
-																	tab: "cloud",
-																})
+															vscode.postMessage({
+																type: "switchTab",
+																tab: "cloud",
 															})
 														}}
 													/>