Redesign Resources screen: template panel, subscriptions, hover states, and callback architecture

Browse source

- Rename ResourceTemplateInput to ResourceTemplatePanel with panel layout
  (title header, URI with live variable preview, labeled inputs, Read Resource button)
- ResourceTemplatePanel manages its own variable state via useState;
  single onReadResource(uri) callback returns fully resolved URI
- Extract ResourceSubscribedItem group component with name, timestamp, and
  subtle Unsubscribe button
- Add hover state to listItem variant via theme classNames + App.css pseudo-selector
- Add Refresh button to ResourcePreviewPanel
- Refactor ResourcesScreen callbacks: onSelectUri, onSelectTemplate,
  onReadResource, onSubscribeResource, onUnsubscribeResource replace
  per-item onClick/onUnsubscribe props; screen wires callbacks to children
- Define data-only types (ResourceItem, TemplateListItem, SubscriptionItem,
  SelectedResource, SelectedTemplate) separating data from callbacks
- Extract named .withProps() subcomponents (FooterRow, AnnotationGroup,
  ActionGroup, Spacer) for AGENTS.md compliance
- Update all stories (ResourceTemplatePanel, ResourcesScreen, ConnectedView)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

...

This commit is contained in:

cliffhall 2026-03-29 20:04:25 -04:00

parent ee89ec9beb

commit a0e763a315

5 changed files with 520 additions and 200 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download patch file Download diff file Expand all files Collapse all files

BIN

specification/screenshots/v1-resource-screen.png Normal file

View file

Binary file not shown.

Side by side After Width:  |  Height:  |  Size: 230 KiB

BIN

specification/screenshots/v1-resource-template-read.png Normal file

View file

Binary file not shown.

Side by side After Width:  |  Height:  |  Size: 113 KiB

BIN

specification/screenshots/v1-resource-template-selected.png Normal file

View file

Binary file not shown.

Side by side After Width:  |  Height:  |  Size: 86 KiB

BIN

specification/screenshots/v1-resource-uri-selected.png Normal file

View file

Binary file not shown.

Side by side After Width:  |  Height:  |  Size: 124 KiB

BIN

specification/screenshots/v2-resources-screen.png Normal file

View file

Binary file not shown.

Side by side After Width:  |  Height:  |  Size: 250 KiB