4a:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4b:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4c:T125f,"use client" import { useState } from "react" import { LineBasic } from "../recharts/line-basic" import { BarBasic } from "../recharts/bar-basic" import { DonutBasic } from "../recharts/donut-basic" import { BlockPanel, BlockStatus, MetricRail } from "./block-frame" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" export interface RevenueRecord { month: string; channel: string; revenue: number; orders: number } export interface RevenueDashboardProps { data: RevenueRecord[]; loading?: boolean; error?: string; breakdownError?: string; motion?: boolean } export function summarizeRevenue(data: RevenueRecord[], period: number, channel = "all") { const months = Array.from(new Set(data.map(row => row.month))).slice(-period) const selected = data.filter(row => months.includes(row.month) && (channel === "all" || row.channel === channel)) const total = selected.reduce((sum, row) => sum + row.revenue, 0) const orders = selected.reduce((sum, row) => sum + row.orders, 0) return { selected, total, orders, trend: months.map(label => ({ label, value: selected.filter(row => row.month === label).reduce((sum, row) => sum + row.revenue, 0) })), channels: Array.from(new Set(selected.map(row => row.channel))).map(label => ({ label, value: selected.filter(row => row.channel === label).reduce((sum, row) => sum + row.revenue, 0) })) } } export function RevenueDashboard({ data, loading, error, breakdownError, motion = false }: RevenueDashboardProps) { const [period, setPeriod] = useState("6"), [channel, setChannel] = useState("all") const invalid = data.some(row => !row.month || !row.channel || !Number.isFinite(row.revenue) || row.revenue < 0 || !Number.isFinite(row.orders) || row.orders < 0) const summary = summarizeRevenue(invalid ? [] : data, Number(period), channel) const money = (value: number) => new Intl.NumberFormat("en-US", { style: "currency", currency: "USD", maximumFractionDigits: 0 }).format(value) return

BUSINESS PERFORMANCE

Revenue overview

Revenue in USD · ordered monthly records

{loading || error || invalid || !summary.selected.length ? : <>

View revenue values

{summary.trend.map(row => )}

Revenue in USD for selected months
Month	Revenue
{row.label}	{money(row.value)}

}

} 4d:T582,import type { RevenueRecord } from "./revenue-dashboard" /** Demonstration fixture. Replace with your own validated records. */ export const revenueDashboardData: RevenueRecord[] = [ { month: "Jan", channel: "Direct", revenue: 18200, orders: 140 }, { month: "Jan", channel: "Search", revenue: 12400, orders: 102 }, { month: "Jan", channel: "Referral", revenue: 6700, orders: 61 }, { month: "Feb", channel: "Direct", revenue: 19600, orders: 151 }, { month: "Feb", channel: "Search", revenue: 13800, orders: 110 }, { month: "Feb", channel: "Referral", revenue: 7100, orders: 64 }, { month: "Mar", channel: "Direct", revenue: 21300, orders: 159 }, { month: "Mar", channel: "Search", revenue: 14900, orders: 118 }, { month: "Mar", channel: "Referral", revenue: 7900, orders: 69 }, { month: "Apr", channel: "Direct", revenue: 20200, orders: 152 }, { month: "Apr", channel: "Search", revenue: 16800, orders: 127 }, { month: "Apr", channel: "Referral", revenue: 8200, orders: 73 }, { month: "May", channel: "Direct", revenue: 24600, orders: 175 }, { month: "May", channel: "Search", revenue: 18700, orders: 142 }, { month: "May", channel: "Referral", revenue: 9200, orders: 80 }, { month: "Jun", channel: "Direct", revenue: 28100, orders: 196 }, { month: "Jun", channel: "Search", revenue: 20400, orders: 151 }, { month: "Jun", channel: "Referral", revenue: 10800, orders: 89 }, ] 49:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4a",null,{"namespace":"@plotcn","registryDependencies":["https://plotcn.vercel.app/r/line-basic.json","https://plotcn.vercel.app/r/bar-basic.json","https://plotcn.vercel.app/r/donut-basic.json","https://plotcn.vercel.app/r/block-frame.json","select"]}]]}],null]}],["$","$L4b",null,{"files":[{"path":"components/charts/blocks/revenue-dashboard.tsx","content":"$4c","type":"registry:component","target":"components/charts/blocks/revenue-dashboard.tsx"},{"path":"components/charts/blocks/revenue-dashboard-data.ts","content":"$4d","type":"registry:component","target":"components/charts/blocks/revenue-dashboard-data.ts"}],"className":"h-[70svh] min-h-80"}]]}]