VOCABULARY / ENTRY
Supporting-Pane Layout
supporting-pane
Keep a narrower supporting pane beside a wider main content column to show reference material, citations, or the source excerpts a generated response is based on; the pane's content changes with the main content itself, not because someone selected an item in a list — unlike the selection link in master-detail. A common variant is the "Aligned Sidebar": citations or sources shown alongside the body copy to help people verify it.
Recognizing it
- The main content takes a wider column, with the supporting pane occupying a narrower width beside it
- The supporting pane's content changes with the current task, passage, or generated result, not with a list selection
- An explicit link between the main content and the pane's items (a highlight, a connecting line, or a number), not just their side-by-side position
Concept boundary
A supporting pane and master-detail both show a main area plus a secondary area, but in master-detail selecting an item in the side list drives the detail content. A supporting pane's content follows the current task, passage, or generated result instead, with no object-selection step. It also differs from a sidebar layout: a sidebar is a persistent navigation or tool region that stays largely unchanged across pages, while a supporting pane is tightly coupled to the current main content and typically focuses on reference material, citations, or sources rather than site-level navigation. The "Aligned Sidebar" pattern, which shows citations aligned beside the body copy, is a presentation variant of the supporting pane rather than a separate layout.
When to consider it
- People need to check the corresponding reference material, citation, or source while reading or verifying content
- Supporting information must stay visible while people work on the main task, but that information is not obtained by selecting a list item
- The content is generative or citation-dense, and people need room to verify it in depth
When to be cautious
- The supporting content should really be determined by an item selected in a list — design that as master-detail instead
- The supporting pane would become the only way to complete a required task; essential actions should not live there exclusively
- The screen is too narrow for the pane and the product has no reachable way to collapse or reopen it
Tradeoff
Reference material or sources stay visible and easy to verify, but the pane takes up horizontal space from the main content; on narrow screens it must collapse to a reachable entry point rather than disappear outright, and the link between main content and pane items needs an extra visual cue to stay legible, or people will tend to overlook it.
Conditional rules · Editorial advice
Related entries
Both show a main area plus a secondary area, but in master-detail the side list's selection drives the detail content; a supporting pane's content follows the current task or generated result without an object-selection step.
A sidebar layout keeps its position and content largely unchanged across pages as navigation or tools; a supporting pane is tightly coupled to the current main content, changing with the task or generated result, and typically focuses on citations, sources, or supporting evidence rather than site-level navigation.
The supporting pane can collapse into an on-demand drawer, tab, or button so reference content does not disappear entirely on narrow screens, while keeping a reachable entry point.
Sources and what they support
Reports that people develop a banner-blindness-like avoidance of side-rail or right-rail content, so a side pane should carry only secondary, supporting content; essential content and actions people must complete should not live only in that pane, which works better as a supplementary "customer-service" role than as primary navigation or the sole holder of critical information.
Retrieved: 2026-09-15 · Archived 2026-09-16This preprint (submitted 2026-01-21, not yet peer-reviewed) compares four ways of presenting sources; its abstract reports that an "Aligned Sidebar" showing citations aligned with the generated content mitigated the negative effects of rising citation density, with users of that condition showing significantly higher critical-thinking and synthesis scores; because it has not been peer-reviewed, this finding is used only as editorial support for the aligned-source-sidebar variant, not as an established fact.
Retrieved: 2026-09-15 · Archived 2026-09-16Definitions reference these sources. Digital specimens, selection advice, relationships, and recipes are editorial work and have not been validated through user research.
Type extensions and implementation notes
No operable specimen yet; the illustration is an editorial sketch. When applied to a product, still verify: whether the supporting pane holds any required action or information that has no other path, whether the collapsed-state entry point stays reachable and labeled on narrow screens, whether the link between main content and pane items is perceivable to assistive technology, and whether the "aligned source sidebar" variant stays readable — and is not overlooked — as citation density rises.
{
"states": [
"expanded",
"collapsed",
"drawer"
],
"a11y": [
"Beyond color highlighting, the correspondence between main content and supporting-pane items should also carry a text or structural marker, such as a number or caption",
"When the pane's content changes with the task, it should not steal focus order or screen-reader reading order away from the main content",
"In the collapsed state, the expand control has a text name and is keyboard operable"
],
"motion": "Expanding or collapsing the pane may use a brief transition and should respect the reduced-motion preference"
}Open the Agent JSON file for this entryThis file repeats every field of this entry verbatim and adds its sources, archive status, and editorial scope.