Repository navigation
fix: let the agentic task view fill the page - #53
Merged
Merged
Conversation
The task list now uses the width under the header, lays cards out in a responsive grid, and sizes the sandbox to its content. The guest follows the shell color scheme, and the injected Netlify HUD badge is removed so it no longer covers the last card. Co-authored-by: carlosvin <carlosvin@gmail.com>
✅ Deploy Preview for fullstack-promptable-prompt-first ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
✅ Deploy Preview for fullstack-promptable-agentic ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
✅ Deploy Preview for fullstack-promptable-app-example ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
showTasksView now takes a presentation. A request for a table returns rows in a table; cards stay the default grid. The choice is stripped before the repository filter. Co-authored-by: carlosvin <carlosvin@gmail.com>
There was a problem hiding this comment.
🟡 Changes recommended
Interactive table rows lack proper control semantics, and the new rendering branch has no executable behavioral test.
2 open findings
What changed in this PR
Expands the agentic task view to use the available page width, adds card/table presentations, synchronizes themes, and removes Netlify HUD overlays.
Changes:
- Adds responsive task grids and an optional interactive table.
- Makes MCP frames fluid-height/full-width with host theme synchronization.
- Removes injected Netlify HUD elements from host and sandbox documents.
| File | Description |
|---|---|
.agents/skills/agentic-ux/SKILL.md |
Updates the agentic UX contract. |
public/mcp-task-view.js |
Adds table rendering, sizing, theming, and accessibility behavior. |
public/sandbox_proxy.html |
Updates the sandbox frame title. |
public/sandbox_proxy.js |
Removes injected Netlify HUD elements. |
src/components/AgenticMcp/AgenticMcpRenderer.module.css |
Adds fluid frame styling. |
src/components/AgenticMcp/AgenticMcpRenderer.test.tsx |
Tests frame width, title, and theme forwarding. |
src/components/AgenticMcp/AgenticMcpRenderer.tsx |
Passes host context and controls frame sizing. |
src/components/AgenticShell/AgenticShell.tsx |
Widens the composer area. |
src/components/AgenticShell/AgenticThread.module.css |
Defines the wider shared stage. |
src/components/AgenticShell/AgenticThread.tsx |
Applies the wider thread layout. |
src/routes/__root.tsx |
Starts host-document HUD cleanup. |
src/routes/api/chat.ts |
Instructs the agent to select table or cards. |
src/services/ai/taskViewsMcp.server.test.ts |
Tests presentation/filter separation. |
src/services/ai/taskViewsMcp.server.ts |
Adds presentation-aware task view results. |
src/services/mcpUi/mcpUiResource.test.ts |
Checks new guest capabilities. |
src/services/mcpUi/views/task-view.html |
Adds responsive grid/table and theme styles. |
src/services/schemas/schemas.ts |
Defines the presentation input schema. |
src/utils/netlifyHud.test.ts |
Tests HUD removal and observation. |
src/utils/netlifyHud.ts |
Implements reusable HUD cleanup. |
🧠 Review effort: Balanced
Give feedback about Copilot approvals in this survey to enter a drawing for a $150 gift card.
A focusable table row is not a control. The title cell now holds a button. Row clicks resolve to that button. A DOM test covers both presentations. Co-authored-by: carlosvin <carlosvin@gmail.com>
cursor
Bot
force-pushed
the
cursor/agentic-view-layout-7949
branch
from
October 8, 2026 14:13
58e4d12 to
ce719ed
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
The agentic task list sat in a narrow card stack, and Netlify’s injected HUD badge (“Powered by Netlify”) covered the last card inside the sandbox iframe. MCP UI still renders in that sandboxed iframe. The frame now uses the column under the header, and the list can be a table or a card grid.
#nl-badge-frame/#nl-hud-framefrom the app document and fromsandbox_proxy.html.showTasksViewtakespresentation."table"draws a table when the user asks for one."cards"or omitting it keeps the responsive card grid. The presentation is not passed to the repository filter.The host can register more
ui://documents, but this guest only paints a card grid, a table, or one task. A chart would be a new registered view with its own structured data. The model does not author the markup.Screenshots
Task list as a table
Task list in three columns
Same list in the dark color scheme
Task list on a narrow viewport
Agentic shell with the wide composer
Tests
src/services/mcpUi/taskViewDom.test.tsrenders both presentations and checks that a table-row click target is the title buttonpnpm test:skill-evals— 35 passedpnpm exec tsc --noEmitpresentation: "table"result renders five rows and no card list;presentation: "cards"renders the grid. The Netlify badge frame is removed from the sandbox document and the shell.To show artifacts inline, enable in settings.