Inline ListChangedIndicator with titles, normalize screen gaps, and rename ResultPanel to ToolResultPanel

- Place ListChangedIndicator on same line as section titles using Group with space-between in ToolControls, ResourceControls, and PromptControls
- Add ListChanged stories for ResourceControls and show indicators in ConnectedView stories
- Normalize ScreenLayout gap from "xl" to "md" across all screens for consistent spacing
- Rename ResultPanel to ToolResultPanel (component, interface, files, and stories)
- Replace Grid layout in ToolsScreen with equal-width flex children for detail and result panels

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
cliffhall 2026-04-01 12:47:41 -04:00
commit 5594e940c9

View file

@ -230,7 +230,7 @@ export const ToolsActive: Story = {
onClear: fn(),
}}
searchText=""
listChanged={false}
listChanged={true}
onSearchChange={fn()}
onRefreshList={fn()}
onSelectTool={fn()}
@ -446,7 +446,7 @@ export const ResourcesActive: Story = {
lastUpdated: "2026-03-17T11:15:00Z",
isSubscribed: false,
}}
listChanged={false}
listChanged={true}
searchText=""
onSearchChange={fn()}
onRefreshList={fn()}
@ -513,7 +513,7 @@ export const PromptsActive: Story = {
{ role: "assistant", content: "Hola, como estas?" },
],
}}
listChanged={false}
listChanged={true}
searchText=""
onSearchChange={fn()}
onRefreshList={fn()}