B-R7VM-agentpants-hooks-packs-model-profiles-render-below-the-fold
Three routes never adopted the shell’s teleport pattern. They render their list inline into the default page slot instead of into the shell’s pane targets, so the shell paints empty panes and the page’s real content lands below the visible area. This is a user-visible bug on those three screens, independent of any screenshot work: the pages look blank.
The inconsistency
Section titled “The inconsistency”Eight routes teleport their content into the shell’s pane targets. Three do not.
| Route | Teleports into |
|---|---|
/skills, /agents, /scripts, /roles, /workflows, /destinations, /references | #pane-selection-target |
/settings | #pane-editor-target |
/hooks, /packs, /model-profiles | nothing — inline <div class="flex flex-1 min-w-0 overflow-hidden"> |
Compare app/pages/skills/index.vue (opens with <ClientOnly> then
<Teleport to="#pane-selection-target">) against app/pages/packs/index.vue
(opens with a bare <div>).
Evidence
Section titled “Evidence”The content is present and fully rendered — it is only positioned off-screen.
Walking the computed styles of the <h2> on /packs up to the body at a
1440x900 viewport:
- Every ancestor reports
opacity: 1,visibility: visible,displayblock or flex,transform: none. Nothing is hidden or faded. - The pane wrapper holding it sits at x=625 — the editor pane region, not the selection pane.
- Its scroll parent is
flex-1 overflow-y-auto min-h-0aty=0, 529x900, and the content itself is aty=900. It begins exactly one viewport height down.
innerText on #__nuxt returns the full list (1739 characters on /hooks,
1419 on /packs, 1217 on /model-profiles), confirming the data loaded and the
components mounted. No page errors and no console errors fire on any of the
three.
The transport fixtures are not implicated: hookList, packList and
modelProfileList all return a correctly shaped PaginatedResult.
Consequence for the screenshot matrix
Section titled “Consequence for the screenshot matrix”These three routes are excluded from ROUTES in
apps/agentpants/src-nuxt/tests/ui/capture-appearance.e2e.ts, with a comment
pointing here. Add them back once the pages teleport, and the matrix returns to
eleven routes / 22 captures.
Fix direction
Section titled “Fix direction”Port the three pages to the same <ClientOnly> + <Teleport> structure the
other eight use.