Removes requirement of user being authenticated for links to cloud

Author: brunobergher

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

@@ -1081,14 +1081,10 @@ export const ChatRowContent = ({
 											"cursor-pointer hover:bg-vscode-dropdown-background hover:border-vscode-dropdown-border transition-colors",
 									)}
 									style={{ opacity: cost !== null && cost !== undefined && cost > 0 ? 1 : 0 }}
-									onClick={
-										cloudIsAuthenticated
-											? (e) => {
-													e.stopPropagation() // Prevent parent onClick from firing
-													vscode.postMessage({ type: "switchTab", tab: "cloud" })
-												}
-											: undefined
-									}
+									onClick={(e) => {
+										e.stopPropagation() // Prevent parent onClick from firing
+										vscode.postMessage({ type: "switchTab", tab: "cloud" })
+									}}
 									title={cloudIsAuthenticated ? t("chat:apiRequest.viewTokenUsage") : undefined}>
 									${Number(cost || 0)?.toFixed(4)}
 								</div>

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

@@ -50,7 +50,7 @@ const TaskHeader = ({
 	todos,
 }: TaskHeaderProps) => {
 	const { t } = useTranslation()
-	const { apiConfiguration, currentTaskItem, clineMessages, cloudIsAuthenticated } = useExtensionState()
+	const { apiConfiguration, currentTaskItem, clineMessages } = useExtensionState()
 	const { id: modelId, info: model } = useSelectedModel(apiConfiguration)
 	const [isTaskExpanded, setIsTaskExpanded] = useState(false)
 	const [showLongRunningTaskMessage, setShowLongRunningTaskMessage] = useState(false)
@@ -302,24 +302,20 @@ const TaskHeader = ({
 											</th>
 											<td className="align-top">
 												<span>${totalCost?.toFixed(2)}</span>
-												{cloudIsAuthenticated ? (
-													<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",
-																	})
+												<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",
 																})
-															}}
-														/>
-													</StandardTooltip>
-												) : (
-													<ChartColumn className="inline size-3.5 -mt-0.5 ml-2 text-vscode-textLink-foreground" />
-												)}
+															})
+														}}
+													/>
+												</StandardTooltip>
 											</td>
 										</tr>
 									)}

webview-ui/src/i18n/locales/en/chat.json

@@ -148,7 +148,7 @@
 		"streaming": "API Request...",
 		"cancelled": "API Request Cancelled",
 		"streamingFailed": "API Streaming Failed",
-		"viewTokenUsage": "View token usage"
+		"viewTokenUsage": "View token usage stats"
 	},
 	"checkpoint": {
 		"regular": "Checkpoint",