Ssr hydration#115
Merged
Merged
Conversation
Replace the old centered hero with a two-column layout: sales pitch on the left, auto-playing agent chat UI on the right. The chat cycles through 6 scripted scenarios — each with a real interactive ArrowJS component rendered inline: - HVAC quote comparison (sortable cards, color-coded criteria) - API metrics dashboard (sparkline charts, time range toggles) - Team coffee order builder (per-person dropdowns, multiselect extras) - Cocktail recipe scaler (serving count with live ingredient math) - D&D character creator (point-buy ability scores, race/class) - Restaurant map search (Leaflet + OpenStreetMap with result list) Chat features: agent message streaming effect, hover-to-pause auto-play, dot navigation for manual scenario switching, crossfade transitions with stable chat chrome, and overflow-visible for dropdown demos.
# Conflicts: # docs/src/pages/home/ChatMock.ts # docs/src/pages/home/Hero.ts # docs/src/pages/home/islands.ts # docs/src/pages/home/scenarios.ts # docs/src/styles/main.css
Simplify and refine the three hero paragraphs to better communicate Arrow's value proposition around agentic UI and WASM sandboxing.
# Conflicts: # pnpm-lock.yaml
- Add interactive sandbox playground example with three demo sections: reactivity (counter), isolation (blocked browser globals), and fetch bridge (weather lookup with city/zip input) - Add sandbox CTA card linking to the playground from the docs section - Wire up HighlightedRouting so the routing code block gets Shiki highlighting on both the homepage and the now-removed standalone docs page - Remove standalone /docs page (DocsPage) — content lives on homepage - Add /docs → / redirect in server - Add package heading dividers to the API reference page - Default playground editor to the app component file instead of boilerplate main.ts - Add activeFile support to example registry - Move sandbox example to last position in example grid/sidebar - Remove short alias badges (r, w, t) from docs section headings - Standardize all interactive gold text to arrow-600 (light) / arrow-400 (dark) across sidebar, body links, hero, and nav - Fix CLI command colors: muted $ prompt, gold package name, green app name - Link "sandboxes" in hero copy to #sandbox docs section
Use @media (prefers-color-scheme: dark) instead of html[data-theme='dark'] since the latter can't pierce the shadow boundary.
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
2 participants
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.
No description provided.