Here's a comprehensive description of your current dashboard, including all the data and code you can use to replicate it from scratch.The dashboard is designed to provide agentic traffic insights, with a focus on LLM source distribution, content language trends, and page type decomposition, alongside key business metrics and product change timelines.### Dashboard Structure and Components:1. **Dashboard Header (components/dashboard-header.tsx):**1. Displays the "Adobe LLM Optimizer" title with a "BETA" badge.2. Includes "Export" and "Refresh" buttons.3. Features a user avatar dropdown for profile, settings, and logout.2. **Filter Bar (components/filter-bar.tsx):**1. Allows users to filter data based on:1. Product: "All Products", "Acrobat", "Firefly", "Express" (default: "All Products")2. Content Language: "All Languages", "English", "Spanish", "German", "French", "Japanese", "Others" (default: "All Languages")3. LLM Source: "All Sources", "ChatGPT", "Perplexity" (default: "All Sources")4. Page Type: "All Page Types", "Product Pages", "Blog Posts", "Landing Pages", "Support Docs", "Other" (default: "All Page Types")5. Date Range: "Last 4 Weeks", "Last 8 Weeks", "Last 12 Weeks", "Last 6 Months", "Last 12 Months" (default: "Last 4 Weeks")2. Includes an "Apply Filters" button.3. **Page Views Section (components/page-views-section.tsx):**1. Displays high-level page view metrics.2. "All vs Agentic" Card: Shows total traffic and agentic traffic with percentage changes over the selected date range.3. **"Top Searched Content Languages" Card:**1. If "All Languages" is selected in the filter, it shows the top 4 languages by current hits and their trend.2. If a specific language is selected, it shows the total traffic for that language and its percentage of overall language traffic.4. **Business Trends Section (components/business-trends-section.tsx):**1. Organized into a two-column layout:1. Left Side: "Major Product Changes (ChatGPT & Perplexity AI) Timeline" (components/product-changes-timeline.tsx).1. Lists key milestones and feature releases for ChatGPT and Perplexity AI over time.2. Right Side: "Key Metrics Overview" (components/business-metrics-overview.tsx).1. Displays two stacked line charts:1. "Monthly Active Users (MAU) Trend": Compares ChatGPT and Perplexity MAU over time. Includes detailed notes on data sources.2. "Monthly Queries Trend": Compares ChatGPT and Perplexity monthly queries over time. Includes detailed notes.5. **Brand Trends Section (within components/business-trends-section.tsx, rendered by components/decomposition-charts.tsx):**1. A new section with a three-line layout for various decomposition charts:1. **First Line:**1. "User Agent Analytics (Bot Type) Trend": A line chart showing bot presence trends (Googlebot, Bingbot, GPTBot, PerplexityBot, ClaudeBot, Other Bots). Filters dynamically based on the selected LLM Source.2. "LLM Source Distribution": A pie chart showing the distribution of LLM sources (ChatGPT, Perplexity). Only visible when "All Sources" is selected in the LLM Source filter.2. **Second Line:**1. "Traffic Decomposition by Content Language Trend": A full-width bar chart showing the trend of traffic across different content languages. Only visible when "All Languages" is selected in the Content Language filter.3. **Third Line:**1. "Page Type Decomposition": A full-width stacked bar chart displaying "Agentic Views" (blue) and "Other Views" (red) as segments with percentage labels. Includes a review text.