From 2d66f8cb8698e9e1da17df1af5168faab592ae5d Mon Sep 17 00:00:00 2001 From: cliffhall Date: Sat, 18 Apr 2026 17:35:04 -0400 Subject: [PATCH] Add WithError story to ToolsScreen for long error text wrapping Co-Authored-By: Claude Opus 4.6 (1M context) --- .../ToolsScreen/ToolsScreen.stories.tsx | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/clients/web/src/components/screens/ToolsScreen/ToolsScreen.stories.tsx b/clients/web/src/components/screens/ToolsScreen/ToolsScreen.stories.tsx index 4748f1fb..768961b0 100644 --- a/clients/web/src/components/screens/ToolsScreen/ToolsScreen.stories.tsx +++ b/clients/web/src/components/screens/ToolsScreen/ToolsScreen.stories.tsx @@ -129,6 +129,25 @@ export const LongToolName: Story = { }, }; +export const WithError: Story = { + args: { + tools: sampleTools, + selectedToolName: "create_record", + callState: { + status: "error", + result: { + isError: true, + content: [ + { + type: "text", + text: 'Error executing tool "create_record": ECONNREFUSED 127.0.0.1:5432 — could not connect to the database server. The server may not be running or may be unreachable at the configured host and port. Please verify that PostgreSQL is started, the connection string is correct, and any firewall rules allow traffic on port 5432. If this is a transient issue, retrying after a short delay may resolve it.', + }, + ], + }, + }, + }, +}; + export const WithListChanged: Story = { args: { tools: sampleTools,