feat(basic-host): improve host UI with collapsible panels and SDK types (#244)

Browse source

* refactor(basic-host): use SDK types for ModelContext and AppMessage

- Import McpUiUpdateModelContextRequest and McpUiMessageRequest from SDK
- Replace custom ModelContext with McpUiUpdateModelContextRequest['params']
- Replace custom AppMessage with McpUiMessageRequest['params']
- Pass full message params instead of extracting text
- Format messages by extracting text from content blocks in display

* feat(basic-host): handle non-text content blocks in display

- Add formatContentBlock helper for text, image, audio, resource types
- Show placeholders like <image: image/png> for non-text content
- Apply to both messages and model context display

* test: update shadertoy screenshot

* test: update screenshots from CI (linux x64)

...

This commit is contained in:

Olivier Chafik 2026-01-12 19:42:11 +00:00 • committed by GitHub

parent e29523c113

commit 741b1d3925

No known key found for this signature in database

GPG key ID: B5690EEEBB952194

15 changed files with 302 additions and 43 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

tests/e2e/servers.spec.ts-snapshots/basic-preact.png

View file

Binary file not shown.

Side by side Swipe Overlay Before Width:  |  Height:  |  Size: 47 KiB After Width:  |  Height:  |  Size: 54 KiB

BIN

tests/e2e/servers.spec.ts-snapshots/basic-react.png

View file

Binary file not shown.

Side by side Swipe Overlay Before Width:  |  Height:  |  Size: 45 KiB After Width:  |  Height:  |  Size: 54 KiB

BIN

tests/e2e/servers.spec.ts-snapshots/basic-solid.png

View file

Binary file not shown.

Side by side Swipe Overlay Before Width:  |  Height:  |  Size: 47 KiB After Width:  |  Height:  |  Size: 54 KiB

BIN

tests/e2e/servers.spec.ts-snapshots/basic-svelte.png

View file

Binary file not shown.

Side by side Swipe Overlay Before Width:  |  Height:  |  Size: 47 KiB After Width:  |  Height:  |  Size: 54 KiB

BIN

tests/e2e/servers.spec.ts-snapshots/basic-vanillajs.png

View file

Binary file not shown.

Side by side Swipe Overlay Before Width:  |  Height:  |  Size: 46 KiB After Width:  |  Height:  |  Size: 55 KiB

BIN

tests/e2e/servers.spec.ts-snapshots/basic-vue.png

View file

Binary file not shown.

Side by side Swipe Overlay Before Width:  |  Height:  |  Size: 46 KiB After Width:  |  Height:  |  Size: 54 KiB

BIN

tests/e2e/servers.spec.ts-snapshots/cohort-heatmap.png

View file

Binary file not shown.

Side by side Swipe Overlay Before Width:  |  Height:  |  Size: 39 KiB After Width:  |  Height:  |  Size: 33 KiB

BIN

tests/e2e/servers.spec.ts-snapshots/customer-segmentation.png

View file

Binary file not shown.

Side by side Swipe Overlay Before Width:  |  Height:  |  Size: 38 KiB After Width:  |  Height:  |  Size: 37 KiB

BIN

tests/e2e/servers.spec.ts-snapshots/integration.png

View file

Binary file not shown.

Side by side Swipe Overlay Before Width:  |  Height:  |  Size: 44 KiB After Width:  |  Height:  |  Size: 52 KiB

BIN

tests/e2e/servers.spec.ts-snapshots/map-server.png

View file

Binary file not shown.

Side by side Swipe Overlay Before Width:  |  Height:  |  Size: 386 KiB After Width:  |  Height:  |  Size: 652 KiB

BIN

tests/e2e/servers.spec.ts-snapshots/shadertoy.png

View file

Binary file not shown.

Side by side Swipe Overlay Before Width:  |  Height:  |  Size: 24 KiB After Width:  |  Height:  |  Size: 23 KiB

BIN

tests/e2e/servers.spec.ts-snapshots/sheet-music.png

View file

Binary file not shown.

Side by side Swipe Overlay Before Width:  |  Height:  |  Size: 48 KiB After Width:  |  Height:  |  Size: 65 KiB

BIN

tests/e2e/servers.spec.ts-snapshots/system-monitor.png

View file

Binary file not shown.

Side by side Swipe Overlay Before Width:  |  Height:  |  Size: 37 KiB After Width:  |  Height:  |  Size: 40 KiB

BIN

tests/e2e/servers.spec.ts-snapshots/threejs.png

View file

Binary file not shown.

Side by side Swipe Overlay Before Width:  |  Height:  |  Size: 37 KiB After Width:  |  Height:  |  Size: 32 KiB

BIN

tests/e2e/servers.spec.ts-snapshots/wiki-explorer.png

View file

Binary file not shown.

Side by side Swipe Overlay Before Width:  |  Height:  |  Size: 25 KiB After Width:  |  Height:  |  Size: 21 KiB