fix(tools): make show output button work

src/lib/components/chat/ToolUpdate.svelte

@@ -7,7 +7,7 @@
 	} from "$lib/utils/messageUpdates";
 
 	import CarbonTools from "~icons/carbon/tools";
-	import type { ToolFront } from "$lib/types/Tool";
+	import { ToolResultStatus, type ToolFront } from "$lib/types/Tool";
 	import { page } from "$app/stores";
 	import { onMount } from "svelte";
 	import { browser } from "$app/environment";
@@ -130,6 +130,23 @@
 					<div class="h-px flex-1 bg-gradient-to-r from-gray-500/20" />
 				</div>
 				<p class="text-sm">{toolUpdate.message}</p>
+			{:else if isMessageToolResultUpdate(toolUpdate) && toolUpdate.result.status === ToolResultStatus.Success && toolUpdate.result.display}
+				<div class="mt-1 flex items-center gap-2 opacity-80">
+					<h3 class="text-sm">Result</h3>
+					<div class="h-px flex-1 bg-gradient-to-r from-gray-500/20" />
+				</div>
+				<ul class="py-1 text-sm">
+					{#each toolUpdate.result.outputs as output}
+						{#each Object.entries(output) as [k, v]}
+							{#if v !== null}
+								<li>
+									<span class="font-semibold">{k}</span>:
+									<span>{v}</span>
+								</li>
+							{/if}
+						{/each}
+					{/each}
+				</ul>
 			{/if}
 		{/each}
 	</details>

src/lib/server/textGeneration/tools.ts

@@ -76,7 +76,7 @@ async function* callTool(
 			type: MessageUpdateType.Tool,
 			subtype: MessageToolUpdateType.Result,
 			uuid,
-			result: { ...toolResult, call } as ToolResult,
+			result: { ...toolResult, call, status: ToolResultStatus.Success },
 		};
 
 		MetricsServer.getMetrics().tool.toolUseDuration.observe(
@@ -86,7 +86,7 @@ async function* callTool(
 
 		await collections.tools.findOneAndUpdate({ _id: tool._id }, { $inc: { useCount: 1 } });
 
-		return { ...toolResult, call } as ToolResult;
+		return { ...toolResult, call, status: ToolResultStatus.Success };
 	} catch (error) {
 		MetricsServer.getMetrics().tool.toolUseCountError.inc({ tool: call.name });
 		logger.error(error, `Failed while running tool ${call.name}. ${stringifyError(error)}`);

src/lib/server/tools/index.ts

@@ -233,7 +233,10 @@ export function getCallMethod(tool: Omit<BaseTool, "call">): BackendCall {
 			outputs[tool.outputComponentIdx] !== undefined &&
 			typeof outputs[tool.outputComponentIdx] !== "object"
 		) {
-			return { outputs: [{ [tool.name + "-0"]: outputs[tool.outputComponentIdx] }] };
+			return {
+				outputs: [{ [tool.name + "-0"]: outputs[tool.outputComponentIdx] }],
+				display: tool.showOutput,
+			};
 		}
 
 		await Promise.all(