Remove ADP availability admonition for GA descope#378
Merged
micheleRP merged 1 commit intoMay 6, 2026
Conversation
ADP Cloud is descoped from the 2026-06-15 GA. With BYOC as the only deployment shape, the "Available in: Cloud, BYOC" / "Available in: BYOC" admonition no longer informs the reader and adds visual noise on every ADP page. Drop the entire `page.attributes.adp` availability block from src/partials/article.hbs. Other badges (beta, limited-availability, context-switcher, BYOC/Cloud labels for non-ADP pages) keep working unchanged. Companion PR: redpanda-data/adp-docs#13 ships the same change locally via Antora's supplemental_files mechanism so the deploy preview is fixed immediately. Once a new docs-ui release tag is cut from this branch and the adp-docs / docs-site playbooks are bumped to it, the supplemental override in adp-docs becomes redundant and can be deleted. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Contributor
|
Important Review skippedAuto reviews are disabled on base/target branches other than the default branch. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Organization UI Review profile: CHILL Plan: Pro Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
Comment |
JakeSCahill
added a commit
that referenced
this pull request
May 26, 2026
* Add BYOC and Cloud badge styles for ADP documentation - Add badge--byoc CSS class with blue styling for BYOC-only features - Add badge--cloud CSS class with purple styling for Cloud features - Define CSS variables for badge colors and backgrounds Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Add availability block and enhance ADP page styling - Add availability block showing Cloud/BYOC support on ADP pages - Add info icon with Tippy.js tooltip explaining availability - Add BYOC and Cloud badge CSS variables for light/dark modes - Update article.hbs to render availability block for ADP pages - Minor fixes to header, nav, and TOC styling Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Add BYOC and Cloud feature helpers for nav badges - Add is-byoc-feature.js helper to detect page-byoc attribute - Add is-cloud-feature.js helper to detect page-cloud-only attribute - These helpers enable nav badge display for ADP documentation Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Address CodeRabbit review comments - Fix header.css: Use --nav-text-color for navbar-end items - Fix vars.css: Add dark mode label color overrides for BYOC/Cloud badges - Fix article.hbs: Handle case when both byoc and cloud-only attributes are true - Fix header-content.hbs: Remove inline color that overrides CSS hover states - Fix doc.css: Add fallback for availability info icon color Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Remove ADP availability admonition for GA descope (#378) ADP Cloud is descoped from the 2026-06-15 GA. With BYOC as the only deployment shape, the "Available in: Cloud, BYOC" / "Available in: BYOC" admonition no longer informs the reader and adds visual noise on every ADP page. Drop the entire `page.attributes.adp` availability block from src/partials/article.hbs. Other badges (beta, limited-availability, context-switcher, BYOC/Cloud labels for non-ADP pages) keep working unchanged. Companion PR: redpanda-data/adp-docs#13 ships the same change locally via Antora's supplemental_files mechanism so the deploy preview is fixed immediately. Once a new docs-ui release tag is cut from this branch and the adp-docs / docs-site playbooks are bumped to it, the supplemental override in adp-docs becomes redundant and can be deleted. Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com> * Resolve merge conflict: keep availability block for ADP pages * Add BYOC and Cloud platform badges for ADP documentation Adds inline status badges in the sticky header for ADP pages when features are limited to specific platforms: - "Only in BYOC" badge when :page-byoc-only: true is set - "Only in Cloud" badge when :page-cloud-only: true is set Both attributes require :adp: true (set in ADP component antora.yml). Badges are mutually exclusive - set only one. Also includes: - Version dropdown alignment fix (aligns left with button) - Removed the availability block in favor of compact inline badges * Implement unified navigation and Data Platform hierarchy Major UI updates for hierarchical navigation system: Navigation System: - Add unified navigation with bucket structure (Self-Managed → Streaming/Connect) - New bucket-header.hbs partial with icons, titles, and per-bucket version selectors - nav-bucket.js for expand/collapse and version selector interactions - Bucket theming with custom CSS properties for colors Layouts & Templates: - component-home-v3.hbs layout for new landing page design - data-platform.hbs layout for umbrella pages - labs-home.hbs layout for labs directory - Updated article.hbs to move page options to sticky header eyebrow - Updated nav-menu-scroll.hbs for unified navigation rendering Styling: - chat-panel.css for Ask AI sidebar - component-home-v3.css for new landing page layouts - data-platform.css for umbrella page styling - labs-home.css for labs directory - product-switcher.css for top-level destination switcher - Updated nav.css with bucket theming - Updated markdown-dropdown.css for eyebrow positioning - Inter Display font for landing pages Components: - product-switcher.hbs partial for three-destination switcher - version-selector.hbs partial for per-bucket version dropdowns - chat-panel.hbs with correct sparkle icon - status-footer.hbs for version status information Helpers: - get-component-color.js, get-header-color.js, get-header-data.js - get-component-header-data.js, get-home-navigation.js - format-release-date.js, support-end-date.js, version-status.js - Utility helpers: gte.js, lt.js, split.js, subtract.js JavaScript: - 19-chat-panel.js for Ask AI interactions - 20-product-switcher.js for destination switching - 21-breadcrumb-collapse.js for responsive breadcrumbs - 22-version-selector.js for version dropdown - 23-nav-bucket.js for bucket interactions - Updated 14-markdown-dropdown.js to remove positioning logic Fixes: - Page options font consistency (11px, 600 weight) - Focus outline visibility with proper padding - Dropdown menu alignment - Icon consistency (Connect plug-connected, Ask AI sparkle) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Add test screenshots to gitignore Exclude *.png files from repository root while preserving legitimate images in /src/img/. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Fix dropdown positioning and add component-home-v3 icons - Fix markdown dropdown positioning (focus outline cutoff, right overflow, mobile visibility) - Add toolbar to component-home-v3 layout for mobile nav toggle - Add new icon options: plug-connected, kubernetes, docker, linux - Update helpers to support preview mode without contentCatalog - Update preview-src/ui-model.yml with renamed components Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Fix squashed icons on component landing pages Change SVG dimensions from width='16' height='16' to width='24' height='24' to match viewBox='0 0 24 24'. This fixes visual distortion where icons appeared compressed because the coordinate system didn't match the render size. Affects: Kubernetes, Linux, Docker deployment option icons and Streaming/Connect component card icons on Self-Managed landing page. * Fix component-home-v3 icons for Connect, Kubernetes, Docker - Use same plug icon as nav tree for Connect (plug-connected) - Replace kubernetes icon with shield/helm badge shape - Replace docker icon with stacked containers Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Fix intro paragraph styling to only apply to first paragraph Previously styled first 3 consecutive paragraphs as intro text. Now only the first paragraph (or paragraphs with .lead class) gets the larger intro styling. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Rename Redpanda Self-Managed to Redpanda Streaming Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Add Ask AI chat persistence across page navigation - chatPersistence.js: Save/restore conversation to localStorage with 24hr expiry - persistentApiService.js: Wrap Kapa API to inject saved threadId - AskAI.jsx: Use custom apiService, save conversation on answer completion - ChatInterface.jsx: Restore conversation display on mount, clear on reset Users can now navigate between pages and continue their chat conversation. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Fix H1 hidden by component indicator on Bloblang playground The component-indicator-sticky element has a negative top margin that was causing it to overlap the H1 title on the playground page. This adds a margin-top override specifically for the playground to prevent the overlap. * Hide component indicator on Bloblang playground The component indicator was overlapping the H1 title on the playground page due to the page's unique layout with a banner element. Since the breadcrumbs already show the location (Connect > Bloblang > Playground), the indicator is redundant and hiding it resolves the overlap issue while keeping the H1 clearly visible. * Restore component indicator on Bloblang playground with proper spacing - Remove display: none that was hiding the indicator - Override negative top margin to prevent overlap - Add margin-top to H1 for proper spacing - Indicator now sticks correctly like on other pages * Fix H1 title visibility on Bloblang playground Increase component indicator bottom margin from 24px to 48px to ensure proper spacing between the eyebrow and H1 title. Both elements are now fully visible without overlap. * Swap Cloud and Self-Managed cards on Data Platform page - Cloud card now appears first (left position) - Self-Managed card now appears second (right position) - Maintains all functionality and styling Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Add is-external-url helper for URL type detection Handlebars helper to check if a URL is external (http/https). Used in templates to conditionally handle external URLs vs Antora resource IDs. Returns true for URLs starting with http:// or https:// Returns false for Antora resource IDs (component:module:page.adoc) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Add error logging to resolve-resource helper - Log detailed error context when resource resolution fails - Include component, version, module, and page info in error - Helps identify broken links during build - Returns unresolved resource string as fallback Errors format: [resolve-resource] Unresolved resource: "..." in context: {...} Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Update labs links to handle external URLs and Antora resource IDs - Use is-external-url helper to detect URL type - External URLs: add target="_blank" and rel="noopener noreferrer" - Antora resource IDs: resolve through resolve-resource helper - Applies to all 4 labs links on component home pages Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Hide all decorative icons on Cloud landing pages - Remove path icons, deploy icons, feature icons, popular icons - Icons don't provide meaningful value, clean up visual design - Only diagonal arrows remain for external lab links (indicates new tab) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Hide all decorative icons on Data Platform landing page - Remove product bullet icons and popular topic icons - Cleaner visual design without decorative elements - Consistent with Cloud landing page icon removal Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Rename page-header-data to component-metadata in UI helpers - Update all helper functions to use new attribute name - More accurate: this is component-level metadata, not page-level - Affected helpers: get-component-header-data, get-header-data, get-header-color, get-component-color, sort-components Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Rename page-header-data to component-metadata in templates - Update product switcher template - Update breadcrumbs template - Update head component color template - Consistent with helper function renames Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Fix mobile nav collapse/reopen bug and improve light mode visibility - Fix mobile nav not reopening after collapse: Reset navToggle is-active state and remove is-clipped--nav from html when using sidebar collapse - Add explicit light mode styles for nav-expand button with 2px border and stronger shadow for better visibility - Make topbar fully opaque (remove 92% transparency) for better readability when scrolling over colored content - Reduce gap between product selector and nav items in mobile nav - Add mobile overflow menu for header actions - Various CSS improvements for light/dark mode consistency Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Fix accessibility and build issues from CodeRabbit review - Update wasm_exec.js to match Go GOROOT version - Use semantic button for search trigger in nav.hbs - Use semantic button for version selector trigger in nav-explore.hbs - Add aria-expanded toggle for version dropdown in JS - Fix announcement bar height mismatch (50px to 60px for mobile) - Add focus-visible styles for new button elements Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Fix remaining CodeRabbit review issues - Remove quotes from font-family in typeface-inter.css (stylelint fix) - Use correct page attribute 'page-byoc-only' in is-byoc-feature.js - Prevent mounting duplicate App instances in AskAI.jsx - Remove AI help buttons when chat panel unavailable in bloblang-playground Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Update Algolia search to handle new umbrella components - Add Data Platform, Self-Managed, Home, Connect, Agentic Data Plane to TAGS_BY_COMPONENT - Update productParams for View All link to handle new components - Add UMBRELLA_COMPONENTS list for broader search context - Rename LATEST_ENTERPRISE to LATEST_STREAMING - Update site.components.ROOT references to site.components.streaming Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Fix Algolia search initialization error on pages without search container - Add check for #autocomplete container before initializing - Prevents 'Cannot read properties of null' error on pages without search Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Add missing #autocomplete container for Algolia search The autocomplete library needs a container element in the DOM Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Make topbar background solid instead of translucent - Override component-specific translucent topbar colors - Use solid white (#fff) for light mode - Use solid ash-800 (#252525) for dark mode Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Fix CSS lint error: merge topbar-bg into existing theme selectors - Added --topbar-bg to existing html[data-theme=dark] block - Added --topbar-bg to existing html:not([data-theme=dark]) block - Removed duplicate theme selector blocks that caused lint error - Keeps topbar solid background for both light and dark modes * Remove unused metadata proposal files - Delete metadata-improved.css (never imported or used) - Delete METADATA-UX-PROPOSAL.md (outdated proposal document) These files were created as part of a UX exploration but were never integrated into the actual implementation. * Fix code review findings from PR #376 CSS fixes: - Remove overflow:hidden from Ace editor containers to prevent scrollbar clipping - Replace deprecated word-break:break-word with overflow-wrap:anywhere - Replace deprecated clip with modern clip-path - Rename camelCase keyframes to kebab-case (toastSlideIn→toast-slide-in, etc) JavaScript fixes: - Fix timezone handling in format-release-date (use UTC accessors) - Update outdated comment referencing ROOT component - Remove duplicate excludedRoles array in has-markdown - Fix metadata persistence in Bloblang mini-playground - Fix WASM initialization state cleanup on errors - Hide all matching Ask AI buttons, not just first - Use non-interactive span for breadcrumb fallbacks - Move global event listeners outside forEach to avoid duplicates - Update Ace editor minLines default from 4 to 5 - Add hyphenated YAML key support in Connect indicators All changes validated with gulp lint and test:quick. * Fix topbar transparency: use solid component-colored backgrounds The topbar was using translucent backgrounds (8% opacity with transparent), making it see-through. Changed to solid backgrounds using component colors: - Light mode: color-mix(component 8%, white) - solid light tint - Dark mode: color-mix(component 30%, #0f172a) - solid dark tint Changes: - src/partials/head-component-color.hbs: Changed from 'transparent' to solid backgrounds - src/css/vars.css: Added solid topbar-bg for all 4 component-specific body selectors This maintains the component color theming while ensuring the topbar is opaque. * Fix Bloblang playground corner clipping issue Add overflow: hidden to .editor-section-collapsible to clip content to border-radius. This prevents child editors from bleeding outside the rounded 8px corners of the container. The overflow: hidden here only clips visual overflow to the border-radius. The .editor elements inside have their own overflow: auto for scrollbars. * Fix missing mobile nav toggle on home page The toolbar (containing the nav-toggle button for mobile navigation) was being excluded on pages with role="home", making the navigation menu inaccessible on mobile devices. Changes: - Remove conditional that excluded toolbar on home pages - Mobile users can now access the navigation menu on all pages Testing: - Verified nav-toggle button appears on home page in mobile viewport - Confirmed navigation menu opens correctly when clicked - All lint checks pass Fixes mobile navigation accessibility issue. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Add NEW badge system and interim home page structure This commit implements two major features for the home page: 1. NEW Badge System: - Add is-new-resource.js helper to check if pages have page-new attribute - Display green "NEW" badges on home page cards when linked pages are new - Works with home page product cards and intent cards - Badge styles match existing pattern from component-home-v3 2. Interim Home Page (Pre-ADP Launch): - Add has-component.js helper for automatic component detection - Wrap ADP intent card and products section in conditionals - ADP cards automatically hide when component doesn't exist - ADP cards automatically show when component exists - Restructure Cloud card with nested sub-cards (Streaming, Connect, SQL) - Cloud structure now mirrors Self-Managed with parent-child pattern - SQL sub-card displays NEW badge when page has page-new attribute 3. Bug Fix: - Fix resolve-resource.js to handle undefined resources gracefully - Prevent "Cannot read properties of undefined" errors in templates Files Changed: - src/helpers/is-new-resource.js (NEW): Check for page-new attribute - src/helpers/has-component.js (NEW): Detect component existence - src/helpers/resolve-resource.js: Add undefined safety check - src/css/home.css: Add NEW badge styles - src/partials/home.hbs: Add conditionals, restructure Cloud card - preview-src/home.adoc: Add Cloud sub-product attributes for testing All changes preserve existing code for future ADP release. The conditional logic ensures zero manual configuration - components show/hide automatically based on their existence in the site model. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Make data-platform interim home page with Ask AI and SQL NEW badge Changes: - Add Ask AI search input to data-platform hero with suggestion chips - Add NEW badge support for Cloud BYOC SQL stat - Fix is-new-resource helper to check all components (not just current) - Fix overflow menu showing on desktop (add !important to display: none) - Add Ask AI form handler JavaScript to data-platform template This is the interim home page solution until ADP launches, highlighting Redpanda SQL in Cloud BYOC with the NEW badge. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Fix What's New styling and aggregation - Add whats-new.css import to site.css (was missing, causing no styling) - Fix aggregate-whats-new helper to get contentCatalog from options.data.root - Update cloud-docs link to use full component prefix for proper resolution - Add conditional layout class for What's New section - Support both light and dark modes with proper CSS variables * Add What's New support to component-home-v3 layout - Add whats-new section to component-home-v3 template using get-whats-new-items helper - Add CSS styling for ch3-whats-new-wrapper with proper width and spacing - Section displays after hero and before tabs - Ready for content team to add component-whats-new attributes to pages * Fix navigation system and add home component nav support - Fix nav-menu.hbs to use correct attributes (has-custom-nav, custom-navigation) - Add logic to nav-menu-scroll.hbs to show home component's own navigation - Create get-component-navigation helper to retrieve component navigation - Mobile dropdown positioning fix for version selector - Remove 'Home' from breadcrumbs hierarchy - Skip pagination for home page - Revert Cloud section to simple single card structure * Add sparkles icon for ADP and clean up navigation debug code - Add sparkles icon to bucket-header.hbs for ADP navigation - Clean up debug comments from nav-menu-scroll.hbs - Update test-home-component helper to check contentCatalog * Increase component home hero width to 1100px to match data-platform Makes hero sections consistent across all component landing pages (streaming, cloud, connect, self-managed) by increasing from 720px to 1100px. * Fix critical bugs and enhance landing pages with full-width layout Critical Fixes: - Fix undefined metadataContainer causing IntersectionObserver error in article.hbs - Fix empty version dropdown for pages with "default" version in nav-explore.hbs - Remove console.log debug statements from navigation helpers Landing Page Enhancements: - Make all landing page sections span full-width (remove max-width constraints) - Apply consistent layout across data-platform and component-home-v3 pages - Sections now extend edge-to-edge with padding, matching hero behavior - Updated: .dp-section, .ch3-section, .ch3-tabs, .ch3-hero-columns Ask AI Integration: - Add Ask AI search bar to all component-home-v3 hero sections - Add component-specific AI suggestion questions via get-ai-suggestions.js helper - Suggestions configurable per component via antora.yml attributes (ai-suggestion-1 through ai-suggestion-4) - Show Ask AI button on home page (previously hidden) - Full styling matching data-platform design with sparkle icon CSS Improvements: - Add empty line before custom properties for stylelint compliance - Consistent gutter and max-width variables across landing pages Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Hide labs section when no lab items are defined Fix issue where labs section title appears on landing pages even when no actual lab items (labs-1-title through labs-4-title) are provided. Now only renders labs section if both title and at least one lab exist. Fixes empty labs sections on streaming and connect landing pages. * Fix AI suggestions and bold text rendering - Fix HTML entities in AI suggestion questions (use triple braces) - Fix bold text not appearing bold (use proper font-weight) Fixes: 1. AI suggestions showed ' instead of apostrophes 2. Bold markup (strong, b) rendered with lighter weight instead of bold Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Remove max-width constraints from home page sections Makes home page layout consistent with other landing pages by removing max-width constraints from: - .home-hero-inner (was 1100px) - .home-intent-container (was 900px) - .home-products-container (was 900px) - .home-paths-container (was 1000px) - .home-nav-container (was 1200px) Now uses full-width layout with gutter padding like data-platform and component-home-v3 pages. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Fix 'Ask AI about this topic' to open chat drawer instead of modal Updated the page options 'Ask AI about this topic' button to: - Open the new chat drawer instead of the old Kapa modal - Pre-fill the chat input with context about the current page - Focus the input field after opening This makes the page options button consistent with the new Ask AI drawer implementation. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Fix mobile overflow menu visibility and click handler - Remove !important from default hide rule to allow mobile override - Add !important to mobile show rule for proper specificity - Add tb-dropdown-trigger class to overflow button for JavaScript handler - Fixes Labs and Ask a Human links not being accessible on mobile * Fix version dropdown positioning on mobile in explore panel - Add mobile breakpoint to prevent version dropdown from extending beyond viewport - Set max-width to account for nav padding and prevent cutoff on left side - Fixes version dropdown being cut off on streaming pages on mobile * Fix version dropdown positioning on mobile in breadcrumbs - Add mobile breakpoint to reset .breadcrumbs .sm-ver-panel positioning - Allows component-home-v3 mobile centering styles to work correctly - Version dropdown now centered and visible on screens <= 640px * Fix version dropdown mobile positioning in sticky header and breadcrumbs - Add mobile breakpoints for .component-indicator-sticky .sm-ver-panel - Add mobile breakpoints for .breadcrumbs .sm-ver-panel - Use position: fixed with top: 50%, left: 50% for mobile centering - Use !important to override default positioning rules * Fix version dropdown mobile positioning by removing CSS containment The root cause was that .doc article has 'contain: layout style paint' which creates a containing block for position:fixed elements, making them position relative to the article instead of the viewport. Solution: - Remove containment from .doc when version selector is open on mobile - Add transform: translate(-50%, -50%) for proper centering - Apply fixes to both .component-indicator-sticky and .breadcrumbs contexts The dropdown is now: - Centered on screen (top: 50%, left: 50%) - Fully visible in viewport - Easy to close by clicking backdrop * Remove underlines from version dropdown and fix mobile close behavior CSS changes: - Add !important to text-decoration: none on .sm-ver-row - Add !important to text-decoration: none on .sm-ver-foot-link JavaScript changes: - Update close handler to check panel.contains() instead of smVer.contains() - Add touchstart event handler for mobile support - Prevent closing when clicking on panel content itself Now clicking outside the panel properly closes it on mobile * Fix home page spacing, font sizes, and add footer to landing pages - Standardized section spacing: reduced home-products top padding from 80px to 56px, increased home-intent bottom padding from 48px to 56px for consistent 112px total - Increased font sizes for better readability: - Intent card titles: 17px -> 19px - Intent card descriptions: 14px -> 15px - Product card titles: 14px -> 15px - Product card descriptions: 12px -> 13px - Product card links: 12px -> 13px - Removed excessive empty space by eliminating padding-bottom from product grids - Added footer to component-home-v3 landing pages (cloud, self-managed, streaming, connect) Fixes spacing inconsistencies, improves text readability, and ensures all landing pages have proper footers. * Restructure products section with two main clickable cards - Changed layout from separate ADP/Data Platform sections to two-column main cards - ADP card: Full clickable link to /agentic-data-plane/ - Data Platform card: Contains nested product cards (Cloud, Self-Managed) - Cloud: Clickable link to cloud-data-platform/home - Self-Managed: Contains sub-cards for Streaming and Connect - All cards and nested cards are now clickable links - Added arrow icons to indicate clickability - Responsive design: stacks to single column on mobile Improves navigation by making the entire product structure more hierarchical and clickable. * Enhance product cards with descriptions, GIF, and quick links - Added lead-in descriptions to both ADP and Data Platform main cards - ADP card enhancements: - Added description: 'Multi-agent infrastructure' - Added animated GIF showing agent workflow (YOUR DATA -> AGENT -> ACTION) - Added quick links: 'Get started' and 'Documentation' buttons with icons - Changed from full card link to header link to accommodate internal content - Data Platform card enhancement: - Added description: 'High-performance streaming data platform for mission-critical workloads' - Header remains clickable - Fixed background color inconsistency: changed products section from var(--body-background) to var(--home-background) to match rest of page - Added CSS for visual container, quick links with hover effects - ADP card now has more content and visual interest Addresses feedback about empty ADP card and white background inconsistency. * Replace ADP card GIF with adp-infographic.gif - Copied adp-infographic.gif from Downloads to home/modules/ROOT/images/ - Updated home.hbs to reference ./_images/adp-infographic.gif - New GIF shows clearer agent workflow: YOUR DATA -> AGENT -> ACTION - Includes 'GOVERNED END-TO-END · POLICY · AUDIT' messaging - Fixed image path resolution to work correctly with Antora The new infographic provides better visual representation of the Agentic Data Plane workflow. * Add padding to PREV/NEXT pagination buttons - Changed padding-left from 0 to 16px for .prev button - Changed padding-right from 0 to 16px for .next button - Text no longer sits flush against the border - Provides better visual balance in the pagination cells Fixes issue where PREV and NEXT text appeared scrunched up against the borders despite having large empty cells. * Standardize font sizes to rem-based calculations with 1-2px increases - Converted 358+ hardcoded pixel font sizes to rem-based calculations - Increased all font sizes by 1-2px for improved readability - Pattern: font-size: calc(px / var(--rem-base) * 1rem) - Files affected: all CSS, templates, and helper files - Sizes 10px and below increased by 2px - Sizes 11px and above increased by 1px This ensures consistent font scaling across all breakpoints and improves accessibility while maintaining design proportions. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Improve landing page UX: font sizes and clickable cards Font Size Improvements: - Increased font sizes across all landing pages for better legibility - Product selector: 19px → 22px (names), 14px → 16px (taglines) - Intent cards: 20px → 23px (titles), 16px → 17px (descriptions) - Deploy cards: 17px → 19px (titles), 13px → 15px (descriptions) - Popular topics: 15px → 17px (titles), 12px → 14px (descriptions) Home Page Enhancements: - Made intent cards clickable (Build agentic workflows → ADP home, Stream and process data → Data Platform home) - JavaScript-based click handling preserves nested link functionality - Added data-href attributes to card elements Bug Fixes: - Fixed sticky header content bleed-through (removed negative margin) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Add component and deployment cards to cloud landing page - Remove What's New sections from all landing pages - Add component cards section with Streaming, Connect, SQL - Add deployment cards section with Serverless, BYOC, Dedicated - SQL component shows NEW badge and Cloud BYOC badge - Use dynamic component colors from antora.yml metadata - Fix z-index stacking for sticky component indicator - Clean up code comments and fix CSS linting errors Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Add decision matrix section to data platform landing page * Apply ESLint formatting to vendor files Automatic formatting improvements applied by ESLint to Ace editor and WASM exec vendor files. Changes are purely stylistic (line breaks, brace placement) for consistency with project linting rules. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> * Fix Ace loading race condition, increase heading sizes, fix version selector xrefs - Fix Bloblang playground Ace editor race condition by dispatching aceReady event when all scripts load and waiting for it before initializing editors - Increase all .doc heading font sizes by 2px (h1: 34/42, h2: 26, h3: 22, h4: 19, h5: 18, h6: 17) - Fix version selector xref resolution by converting module-relative xrefs to fully qualified format (version@component:module:page.adoc) - Ensure Bloblang playground title visible on mobile with explicit styles - Align bump integration fonts with main site (JetBrains Mono) - Remove unused Inter Display font files - Various CSS and template cleanups Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Increase Bloblang playground font sizes - Notification text: 14px → 16px - Validation indicator: 12px → 14px Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Fix search Ask AI button and labs home error - Search Ask AI button now opens chat drawer instead of Kapa modal - Add missing #labs-results-num container for Algolia stats widget Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Style search Ask AI button to match top nav - Use purple gradient background matching .tb-ai-btn - Add light/dark mode support with hover effects - SVG icon uses currentColor for proper color inheritance Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Add topbar button styles to header-bump.css Include .tb-ai-btn, .tb-btn, .tb-link, and .tb-dropdown styles for the standalone header widget used in API docs. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Add docs-footer styles to footer-bump.css Include compact footer styles used by API docs and embedded pages. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Fix TOC highlighting when clicking TOC items Add click handlers to TOC links that immediately set the correct active state, preventing the wrong item from being highlighted during scroll animations. The fix also temporarily skips scroll-based updates for 100ms after a click to prevent flicker. Applies to both sidebar TOC and embedded dropdown TOC (mobile). Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Remove icon from beta status badge Simplified beta badge to show only text without the SVG icon. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Hide Ask AI and mobile overflow menu in standalone widget These elements don't work in the bump widget context since the chat functionality and main site JavaScript aren't available on API pages. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Fix theme switcher visibility in bump widget Updated filter on .theme-image to show dark icon in light mode and light icon in dark mode, matching the main site styling. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Add search and Ask AI buttons to API widget header - Add search button (DocSearch) for standalone API widget - Restore Ask AI button (was incorrectly hidden in widget) - Restore mobile overflow menu (was incorrectly hidden in widget) - Add CSS styles for new search button with light/dark mode support The search button only appears in the standalone widget context (isStandaloneWidget=true) as regular pages have search elsewhere. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Fix Ask AI button in standalone widget The Ask AI button with data-action="open-chat" now works in the standalone widget context (API pages) by directly opening Kapa when no chat panel element exists. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Hide mobile overflow menu on desktop Add CSS to hide .tb-overflow-menu by default (desktop) and only show it on mobile (max-width: 480px). Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Hide breadcrumbs in standalone API widget Breadcrumbs are not needed in API docs since Bump.sh has its own navigation. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Update standalone API widget: new brand, exclude Ask AI - Replace navbar-brand with sb-head structure for standalone widget (shows "Redpanda / Documentation" with logo) - Exclude Ask AI button from standalone widget (not working in that context) - Keep breadcrumbs excluded from standalone widget - Keep Search button for standalone widget - Add CSS styles for sb-head component in header-bump.css Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * Update wasm_exec.js to match Go installation Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com> Co-authored-by: Michele Cyran <michele@redpanda.com>
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
1 participant
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
Drops the
page.attributes.adpavailability block fromsrc/partials/article.hbs. ADP Cloud is descoped from the 2026-06-15 GA, so BYOC is the only deployment shape and the "Available in: Cloud, BYOC" / "Available in: BYOC" admonition that the bundle injects on every ADP page no longer informs the reader.The block was added in 37bacc1 ("Add availability block and enhance ADP page styling") and refined in 5b36bdd ("Address CodeRabbit review comments"). This PR removes it entirely now that the descope decision has landed.
Other badges keep working unchanged:
beta,limited-availability,context-switcher, and the BYOC / Cloud nav-metadata labels for non-ADP pages (lines 32-43 are untouched, still gated on{{#unless page.attributes.adp}}).Companion PR
redpanda-data/adp-docs#13 ships the same change locally as an Antora
supplemental_filesoverride so the deploy preview build is fixed immediately, ahead of a docs-ui release. Once this PR merges, a new release tag is cut fromfeature/badge-byoc-only, and theadp-docs/docs-siteplaybooks are bumped to the new release, thesupplemental-ui/override in adp-docs becomes redundant and can be deleted (cleanup PR will follow).Test plan
gulp lintpasses cleanly (CSS + JS).adp-docsbuild with the new bundle no longer renders any<div class="availability-block">on ADP pages.🤖 Generated with Claude Code