+ fontSize: "var(--vscode-font-size)",
+ color: "var(--vscode-foreground)",
+ display: "-webkit-box",
+ WebkitLineClamp: 3,
+ WebkitBoxOrient: "vertical",
+ overflow: "hidden",
+ whiteSpace: "pre-wrap",
+ wordBreak: "break-word",
+ overflowWrap: "anywhere",
+ }}
+ data-testid="task-content"
+ dangerouslySetInnerHTML={{ __html: item.task }}
+ />
+
-
- {t("history:tokensLabel")}
-
-
-
- {formatLargeNumber(item.tokensIn || 0)}
-
-
-
+ {t("history:tokensLabel")}
+
+
- {formatLargeNumber(item.tokensOut || 0)}
-
-
- {!item.totalCost && (
-
-
-
+ display: "flex",
+ alignItems: "center",
+ gap: "3px",
+ color: "var(--vscode-descriptionForeground)",
+ }}>
+
+ {formatLargeNumber(item.tokensIn || 0)}
+
+
+
+ {formatLargeNumber(item.tokensOut || 0)}
+
- )}
-
+ {!item.totalCost && !isSelectionMode && (
+
+
+
+
+ )}
+
-
- {t("history:apiCostLabel")}
+ {t("history:cacheLabel")}
+
+
+
+ +{formatLargeNumber(item.cacheWrites || 0)}
-
- ${item.totalCost?.toFixed(4)}
+
+
+ {formatLargeNumber(item.cacheReads || 0)}
-
-
-
+ )}
+
+ {!!item.totalCost && (
+
+
+
+ {t("history:apiCostLabel")}
+
+
+ ${item.totalCost?.toFixed(4)}
+
+
+ {!isSelectionMode && (
+
+
+
+
+ )}
-
- )}
+ )}
+