{"system":"This site is built from poetry components. Every component stamps\ndata-component (its family) and data-slot (its parts) - trust those over\nguessing from classes. Ground rules: interactive components follow WAI-ARIA\npatterns - triggers carry aria-expanded/aria-haspopup, open surfaces are\ndialogs/listboxes/menus portaled to the end of , and one open surface\nat a time (opening another dismisses the first, clicking outside dismisses).\nNever click through an overlay scrim - dismiss first (Escape or outside\nclick). Form controls have real labels; prefer clicking labels/options over\ncoordinates. Tabs on this site: each example frame is its own tab group -\nuse the group nearest your target. The command palette opens with the\nsearch button in the header. Some components are keyboard-first (sliders,\ndate/time segments, OTP inputs) and may not respond to clicks alone.","default":"poetry docs chrome: sidebar navigation on the left, search/command palette in the header, theme and style switchers top right.","pages":{"/installation":"Installation guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/theming":"Theming guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/typography":"Typography guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/testing":"Testing guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/i18n":"I18n guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/stimulus":"Stimulus guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/forms":"Form Builder guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/pagination":"Pagination guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/deferred":"Deferred Regions guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/optimistic-forms":"Optimistic Forms guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/recipes":"Recipes guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/page-agent":"Page Agent guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/agent-skills":"Agent Skills guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/editors":"Editors guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/api":"API Reference guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/data-table":"Data Table guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/caching":"Caching guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/stable-ids":"Stable IDs guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/engines":"Rails Engines guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/accessibility":"Accessibility guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/mcp-server":"MCP Server guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/webmcp":"WebMCP guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/ag-ui":"AG-UI Relay guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/a2ui":"A2UI Surfaces guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/accordion":"This page documents Accordion (data-component=accordion): click a section header to expand/collapse it. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/alert":"This page documents Alert (data-component=alert): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/alert-dialog":"This page documents Alert Dialog (data-component=alert_dialog): opens on its trigger; confirm or cancel with the buttons - Escape cancels. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/aspect-ratio":"This page documents Aspect Ratio (data-component=aspect_ratio): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/attachment":"This page documents Attachment (data-component=attachment): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/autocomplete":"This page documents Autocomplete (data-component=autocomplete): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/avatar":"This page documents Avatar (data-component=avatar): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/badge":"This page documents Badge (data-component=badge): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/breadcrumb":"This page documents Breadcrumb (data-component=breadcrumb): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/bubble":"This page documents Bubble (data-component=bubble): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/button":"This page documents Button (data-component=button): click it; disabled buttons ignore clicks. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/button-group":"This page documents Button Group (data-component=button_group): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/calendar":"This page documents Calendar (data-component=calendar): click a day to select; arrow buttons change the month. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/card":"This page documents Card (data-component=card): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/carousel":"This page documents Carousel (data-component=carousel): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/checkbox":"This page documents Checkbox (data-component=checkbox): click the box or its label to toggle. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/clipboard-text":"This page documents Clipboard Text (data-component=clipboard_text): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/code-block":"This page documents Code Block (data-component=code_block): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/collapsible":"This page documents Collapsible (data-component=collapsible): click the trigger to show/hide the content. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/combobox":"This page documents Combobox (data-component=combobox): click the trigger, type to filter, click an option; multiple-mode keeps it open. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/command":"This page documents Command (data-component=command): type to filter the list, click an item to run it; Escape closes the palette. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/command-dialog":"This page documents Command Dialog (data-component=command-dialog): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/context-menu":"This page documents Context Menu (data-component=context_menu): right-click the surface to open; click an item. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/data-table":"This page documents Data Table (data-component=data_table): click column headers to sort; row checkboxes select; the action bar appears on selection. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/date-field":"This page documents Date Field (data-component=date_field): keyboard-first: click a segment, then TYPE the value (typed input works; clicking alone never sets it - measured: typing succeeds where 26 clicks failed). Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/date-picker":"This page documents Date Picker (data-component=date_picker): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/date-time-field":"This page documents Date Time Field (data-component=date_time_field): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/deferred":"This page documents Deferred (data-component=deferred): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/dialog":"This page documents Dialog (data-component=dialog): opens on its trigger; the X button or Escape closes; clicking the scrim closes. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/drawer":"This page documents Drawer (data-component=drawer): opens on its trigger from the edge; Escape or the scrim closes. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/dropdown-menu":"This page documents Dropdown Menu (data-component=dropdown_menu): click the trigger, click an item (items may be links); Escape closes. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/empty":"This page documents Empty (data-component=empty): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/field":"This page documents Field (data-component=field): a labeled control group - operate the control inside it. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/field-group":"This page documents Field Group (data-component=field_group): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/field-separator":"This page documents Field Separator (data-component=field_separator): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/fieldset":"This page documents Fieldset (data-component=fieldset): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/file-input":"This page documents File Input (data-component=file_input): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/hover-card":"This page documents Hover Card (data-component=hover_card): hover the trigger to reveal; do not click to open. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/icon":"This page documents Icon (data-component=icon): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/input":"This page documents Input (data-component=input): click then type; masked inputs format as you type. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/input-group":"This page documents Input Group (data-component=input_group): operate the input inside; addons are decorative or buttons. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/input-otp":"This page documents Input Otp (data-component=input_otp): keyboard-first: click the first cell then type the code digits. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/item":"This page documents Item (data-component=item): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/kbd":"This page documents Kbd (data-component=kbd): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/label":"This page documents Label (data-component=label): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/link":"This page documents Link (data-component=link): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/marker":"This page documents Marker (data-component=marker): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/menubar":"This page documents Menubar (data-component=menubar): click a menu name, then click an item; arrow keys move across menus. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/message":"This page documents Message (data-component=message): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/message-scroller":"This page documents Message Scroller (data-component=message_scroller): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/metadata-list":"This page documents Metadata List (data-component=metadata_list): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/meter":"This page documents Meter (data-component=meter): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/native-select":"This page documents Native Select (data-component=native_select): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/navigation-menu":"This page documents Navigation Menu (data-component=navigation_menu): click a top item to open its panel; links navigate. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/number-field":"This page documents Number Field (data-component=number_field): type a number, or click the +/- steppers. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/pagination":"This page documents Pagination (data-component=pagination): click a page number or prev/next link to navigate. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/popover":"This page documents Popover (data-component=popover): click the trigger to open; Escape or outside click closes. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/progress":"This page documents Progress (data-component=progress): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/questionnaire":"This page documents Questionnaire (data-component=questionnaire): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/radio-group":"This page documents Radio Group (data-component=radio_group): click one option or its label; selection is exclusive. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/resizable":"This page documents Resizable (data-component=resizable): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/scroll-area":"This page documents Scroll Area (data-component=scroll_area): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/search-field":"This page documents Search Field (data-component=search_field): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/select":"This page documents Select (data-component=select): click the trigger, then click an option in the popup listbox; Escape closes. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/sensitive-input":"This page documents Sensitive Input (data-component=sensitive_input): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/separator":"This page documents Separator (data-component=separator): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/sheet":"This page documents Sheet (data-component=sheet): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/sidebar":"This page documents Sidebar (data-component=sidebar): the rail toggle collapses/expands it; menu entries are links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/skeleton":"This page documents Skeleton (data-component=skeleton): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/slider":"This page documents Slider (data-component=slider): keyboard-first: arrow-key the focused thumb; track clicks move it COARSELY but cannot hit exact values (measured: 39 clicks never landed max). Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/spinner":"This page documents Spinner (data-component=spinner): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/stat":"This page documents Stat (data-component=stat): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/switch":"This page documents Switch (data-component=switch): click it or its label to toggle. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/table":"This page documents Table (data-component=table): read it; if selectable, row checkboxes select. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/tabs":"This page documents Tabs (data-component=tabs): click a tab to switch panels - scope to the NEAREST tab group. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/tag-group":"This page documents Tag Group (data-component=tag_group): click a tag's remove button to delete it. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/textarea":"This page documents Textarea (data-component=textarea): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/time-field":"This page documents Time Field (data-component=time_field): keyboard-first: click a segment, then TYPE the value (typed input works; clicking alone never sets it). Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/timeline":"This page documents Timeline (data-component=timeline): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/toast":"This page documents Toast (data-component=toast): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/toast-trigger":"This page documents Toast Trigger (data-component=toast_trigger): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/toaster":"This page documents Toaster (data-component=toaster): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/toggle":"This page documents Toggle (data-component=toggle): click to press/unpress. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/toggle-group":"This page documents Toggle Group (data-component=toggle_group): click one (or more, if multiple) of the pressed-state buttons. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/toolbar":"This page documents Toolbar (data-component=toolbar): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/tooltip":"This page documents Tooltip (data-component=tooltip): hover to reveal; never required for operation. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/tree":"This page documents Tree (data-component=tree): click a row's caret to expand; click a row to select. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/components/typeset":"This page documents Typeset (data-component=typeset): static content - read it; no interaction contract beyond links. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/charts/adapter":"This page documents the Adapter Chart (data-component=adapter_chart): server-rendered SVG - hover for tooltips; interactive demos are separate pages. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/charts/area":"This page documents the Area Chart (data-component=area_chart): server-rendered SVG - hover for tooltips; interactive demos are separate pages. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/charts/bar":"This page documents the Bar Chart (data-component=bar_chart): server-rendered SVG - hover for tooltips; interactive demos are separate pages. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/charts/composed":"This page documents the Composed Chart (data-component=composed_chart): server-rendered SVG - hover for tooltips; interactive demos are separate pages. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/charts/line":"This page documents the Line Chart (data-component=line_chart): server-rendered SVG - hover for tooltips; interactive demos are separate pages. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/charts/pie":"This page documents the Pie Chart (data-component=pie_chart): server-rendered SVG - hover for tooltips; interactive demos are separate pages. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/charts/radar":"This page documents the Radar Chart (data-component=radar_chart): server-rendered SVG - hover for tooltips; interactive demos are separate pages. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/charts/radial-bar":"This page documents the Radial Bar Chart (data-component=radial_bar_chart): server-rendered SVG - hover for tooltips; interactive demos are separate pages. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/charts/scatter":"This page documents the Scatter Chart (data-component=scatter_chart): server-rendered SVG - hover for tooltips; interactive demos are separate pages. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/blocks/action-bar":"This page previews the Action bar block, composing: button, data_table, icon. Operate the preview like a real screen.","/blocks/app-shell":"This page previews the App shell block, composing: avatar, breadcrumb, button, card, icon, separator, sidebar. Operate the preview like a real screen.","/blocks/data-index":"This page previews the Data index block, composing: badge, button, button_group, icon, input_group, label, native_select, pagination, table. Operate the preview like a real screen.","/blocks/destructive-panel":"This page previews the Destructive panel block, composing: alert, button, icon. Operate the preview like a real screen.","/blocks/page-header":"This page previews the Page header block, composing: breadcrumb, button, icon, separator. Operate the preview like a real screen.","/blocks/section-card":"This page previews the Section card block, composing: badge, card, icon, link. Operate the preview like a real screen.","/blocks/stepper":"This page previews the Stepper block, composing: button, card, icon. Operate the preview like a real screen.","/blocks/top-nav":"This page previews the Top nav block, composing: button, icon, link, navigation_menu. Operate the preview like a real screen.","/demos/chat-replay":"Chat Replay demo: A scripted AI conversation replayed through the REAL streaming pipeline - Poetry::Ui::Chat's deterministic frames arriving as versioned Turbo Stream morphs into MessageScroller: token-paced text, a tool call flipping loading to done, and a human-in-the-loop approval where the pause is a form and the continuation is the stream after your decision. No model, no key, same bytes every run.","/demos/agui-relay":"AG-UI Relay demo: A scripted AG-UI agent's event stream - text deltas, reasoning, a backend tool call, shared state, a frontend tool call, an interrupt - relayed by poetry-agent as versioned Turbo Streams into MessageScroller. The tabs component on the page executes the agent's tool call through the registrar and reports back; the interrupt is answered as a URL decision. No model, no key, same bytes every run.","/demos/a2ui-surface":"A2UI Surface demo: A2UI surfaces rendered by poetry-agent: the spec's basic catalog and Poetry's own catalog rendered on the server as forms, and a third streamed progressively - the surface, its components, its data - as versioned Turbo Streams. Submit a surface and read the action message the agent receives, then watch the scripted agent's reply stream into place. No model, no key, same bytes every run.","/demos/interactive":"Interactive Filter demo: Upstream's interactive blocks are useState filters. Here the filter is a real form: submitting re-renders the chart on the server and Turbo swaps it in. Switch the traffic dataset and the chart morphs between renders; switch the period and the entrance replays instead.","/demos/live":"Live Streaming demo: The server renders the first frame complete; a ticker then streams a sliding window through the payload-script channel and the client kernel redraws — zero further server round trips. Hover while it runs: the tooltip keeps serving fresh values.","/demos/sync":"Synced Tooltips demo: Two charts share one sync group. Hover or arrow-key either chart and both tooltips follow the same index — recharts' syncId, without a client chart library.","/demos/window":"Brush & Zoom demo: A year of data behind the window mechanism: drag the brush handles (or the window body) to slice it, drag a range on the plot to zoom in, double-click to reset. Everything recomputes client-side.","/api/poetry-core":"poetry-core guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/api/poetry-controllers":"@poetry/controllers guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/api/poetry-ui":"poetry-ui guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/api/poetry-charts":"poetry-charts guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/api/poetry-charts-controllers":"@poetry/charts guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/api/poetry-agent":"poetry-agent guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/api/poetry-simple_form":"poetry-simple_form guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/api/poetry-extract":"poetry-extract guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/libraries/core":"Core guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/libraries/ui":"UI guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/libraries/charts":"Charts guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/libraries/agent":"Agent guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/libraries/simple-form":"Simple Form guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/libraries/extract":"Extract guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need.","/icons/lucide":"Lucide guide. Each example sits in a Preview/Code tab pair - operate inside the Preview tab of the example you need."}}