4e: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:Ta2b,"use client"; import { cn } from "@/lib/utils"; import type { ComponentProps } from "react"; import { LabelList, Pie, PieChart } from "recharts"; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@/components/ui/card"; import { type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, } from "@/components/ui/chart"; import { Delta, DeltaIcon, DeltaValue } from "@/components/delta"; type ChannelKey = "direct" | "email" | "social"; type ChannelDatum = { channel: ChannelKey; share: number; fill: string; }; const chartData: ChannelDatum[] = [ { channel: "direct", share: 44, fill: "var(--color-direct)" }, { channel: "email", share: 36, fill: "var(--color-email)" }, { channel: "social", share: 20, fill: "var(--color-social)" }, ]; const chartConfig = { share: { label: "Share", }, direct: { label: "Direct", color: "var(--chart-1)", }, email: { label: "Email", color: "var(--chart-3)", }, social: { label: "Social", color: "var(--chart-5)", }, } satisfies ChartConfig; export function ChannelBreakdownChart({ className, ...props }: ComponentProps) { return (

Traffic by channel

Share of new conversations in last 7 days { const n = Number(label); return Number.isFinite(n) ? `${n}%` : String(label ?? ""); }} position="inside" stroke="none" /> } /> ); } 51:T2507,"use client"; import { cn } from "@/lib/utils"; import { type ComponentProps, useId, useMemo, useState } from "react"; import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts"; import { formatChartAxisTick, formatChartTooltipDate, parseIsoCalendarDate, } from "@/lib/formater"; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@/components/ui/card"; import { type ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent, } from "@/components/ui/chart"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@/components/ui/select"; import { Delta, DeltaIcon, DeltaValue } from "@/components/delta"; type PeriodDays = 7 | 30 | 60; type VolumeRow = { date: string; conversations: number; }; /** * Demo data. */ const chartData: VolumeRow[] = [ { date: "2026-02-18", conversations: 162 }, { date: "2026-02-19", conversations: 162 }, { date: "2026-02-20", conversations: 162 }, { date: "2026-02-21", conversations: 162 }, { date: "2026-02-22", conversations: 162 }, { date: "2026-02-23", conversations: 162 }, { date: "2026-02-24", conversations: 161 }, { date: "2026-02-25", conversations: 161 }, { date: "2026-02-26", conversations: 160 }, { date: "2026-02-27", conversations: 160 }, { date: "2026-02-28", conversations: 159 }, { date: "2026-03-01", conversations: 158 }, { date: "2026-03-02", conversations: 158 }, { date: "2026-03-03", conversations: 157 }, { date: "2026-03-04", conversations: 157 }, { date: "2026-03-05", conversations: 157 }, { date: "2026-03-06", conversations: 157 }, { date: "2026-03-07", conversations: 157 }, { date: "2026-03-08", conversations: 157 }, { date: "2026-03-09", conversations: 157 }, { date: "2026-03-10", conversations: 157 }, { date: "2026-03-11", conversations: 157 }, { date: "2026-03-12", conversations: 157 }, { date: "2026-03-13", conversations: 157 }, { date: "2026-03-14", conversations: 156 }, { date: "2026-03-15", conversations: 156 }, { date: "2026-03-16", conversations: 155 }, { date: "2026-03-17", conversations: 155 }, { date: "2026-03-18", conversations: 154 }, { date: "2026-03-19", conversations: 153 }, { date: "2026-03-20", conversations: 152 }, { date: "2026-03-21", conversations: 151 }, { date: "2026-03-22", conversations: 150 }, { date: "2026-03-23", conversations: 149 }, { date: "2026-03-24", conversations: 149 }, { date: "2026-03-25", conversations: 150 }, { date: "2026-03-26", conversations: 147 }, { date: "2026-03-27", conversations: 151 }, { date: "2026-03-28", conversations: 147 }, { date: "2026-03-29", conversations: 145 }, { date: "2026-03-30", conversations: 143 }, { date: "2026-03-31", conversations: 141 }, { date: "2026-04-01", conversations: 139 }, { date: "2026-04-02", conversations: 137 }, { date: "2026-04-03", conversations: 137 }, { date: "2026-04-04", conversations: 137 }, { date: "2026-04-05", conversations: 137 }, { date: "2026-04-06", conversations: 137 }, { date: "2026-04-07", conversations: 137 }, { date: "2026-04-08", conversations: 136 }, { date: "2026-04-09", conversations: 134 }, { date: "2026-04-10", conversations: 132 }, { date: "2026-04-11", conversations: 129 }, { date: "2026-04-12", conversations: 127 }, { date: "2026-04-13", conversations: 125 }, { date: "2026-04-14", conversations: 124 }, { date: "2026-04-15", conversations: 124 }, { date: "2026-04-16", conversations: 124 }, { date: "2026-04-17", conversations: 124 }, { date: "2026-04-18", conversations: 124 }, { date: "2026-04-19", conversations: 124 }, { date: "2026-04-20", conversations: 122 }, { date: "2026-04-21", conversations: 120 }, { date: "2026-04-22", conversations: 118 }, { date: "2026-04-23", conversations: 115 }, { date: "2026-04-24", conversations: 113 }, { date: "2026-04-25", conversations: 112 }, { date: "2026-04-26", conversations: 111 }, { date: "2026-04-27", conversations: 114 }, { date: "2026-04-28", conversations: 110 }, { date: "2026-04-29", conversations: 113 }, { date: "2026-04-30", conversations: 111 }, { date: "2026-05-01", conversations: 111 }, { date: "2026-05-02", conversations: 107 }, { date: "2026-05-03", conversations: 109 }, { date: "2026-05-04", conversations: 105 }, { date: "2026-05-05", conversations: 103 }, { date: "2026-05-06", conversations: 101 }, { date: "2026-05-07", conversations: 98 }, { date: "2026-05-08", conversations: 100 }, { date: "2026-05-09", conversations: 97 }, { date: "2026-05-10", conversations: 101 }, { date: "2026-05-11", conversations: 99 }, { date: "2026-05-12", conversations: 100 }, { date: "2026-05-13", conversations: 94 }, { date: "2026-05-14", conversations: 102 }, { date: "2026-05-15", conversations: 99 }, { date: "2026-05-16", conversations: 107 }, { date: "2026-05-17", conversations: 104 }, { date: "2026-05-18", conversations: 118 }, { date: "2026-05-19", conversations: 127 }, ]; const lastChartRow = chartData.at(-1); if (lastChartRow === undefined) { throw new Error( "ConversationVolumeChart: chartData must include at least one row" ); } const volumeChartReferenceDate = parseIsoCalendarDate(lastChartRow.date); const chartConfig = { conversations: { label: "New threads", color: "var(--chart-2)", }, } satisfies ChartConfig; export function ConversationVolumeChart({ className, ...props }: ComponentProps) { const chartUid = useId().replace(/:/g, ""); const idAreaGradient = `conversation-volume-area-grad-${chartUid}`; const [periodDays, setPeriodDays] = useState(30); const chartRows = useMemo(() => { const startDate = new Date(volumeChartReferenceDate); startDate.setDate(startDate.getDate() - periodDays); return chartData.filter( (item) => parseIsoCalendarDate(item.date) >= startDate ); }, [periodDays]); const growthPctNum = useMemo(() => { const first = chartRows[0]; if (!first) { return 0; } const last = chartRows.at(-1); if (!last) { return 0; } const a = first.conversations; const b = last.conversations; if (!a) { return 0; } return ((b - a) / a) * 100; }, [chartRows]); let xAxisMinTickGap: number | undefined; if (periodDays <= 7) { xAxisMinTickGap = undefined; } else if (periodDays >= 60) { xAxisMinTickGap = 20; } else { xAxisMinTickGap = 28; } return (

Conversation volume

New threads per day for the selected window.

formatChartAxisTick(String(value), periodDays) } tickLine={false} tickMargin={8} /> { const row = payload?.[0]?.payload as VolumeRow | undefined; if (!row?.date) { return ""; } return formatChartTooltipDate(row.date, "long"); }} /> } cursor={false} /> ); } 52:Tc0c,"use client"; import { cn } from "@/lib/utils"; import type { ComponentProps } from "react"; import { Bar, BarChart, Rectangle, XAxis } from "recharts"; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@/components/ui/card"; import { type ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent, } from "@/components/ui/chart"; const chartData = [ { day: "Apr 8", direct: 11, email: 9, social: 4 }, { day: "Apr 9", direct: 15, email: 11, social: 5 }, { day: "Apr 10", direct: 13, email: 10, social: 5 }, { day: "Apr 11", direct: 16, email: 12, social: 5 }, { day: "Apr 12", direct: 12, email: 10, social: 5 }, { day: "Apr 13", direct: 14, email: 10, social: 6 }, { day: "Apr 14", direct: 11, email: 9, social: 5 }, { day: "Apr 15", direct: 16, email: 7, social: 4 }, { day: "Apr 16", direct: 13, email: 11, social: 5 }, { day: "Apr 17", direct: 15, email: 11, social: 6 }, ] as const; const chartConfig = { direct: { label: "Direct", color: "var(--chart-1)", }, email: { label: "Email", color: "var(--chart-3)", }, social: { label: "Social", color: "var(--chart-5)", }, } satisfies ChartConfig; /** Half of bar width (8) so ends read as fully rounded “caps”. */ const BAR_RADIUS = 5; /** * column hover background. */ function ColumnHoverCursor(props: React.ComponentProps) { return ( ); } export function CsatResponsesChart({ className, ...props }: ComponentProps) { return ( CSAT responses Post-resolution surveys submitted per day by channel, last 10 days. String(value)} tickLine={false} tickMargin={10} /> } cursor={} /> ); } 53:Tb8d,"use client"; import { cn } from "@/lib/utils"; import type { ComponentProps } from "react"; import { CartesianGrid, LabelList, Line, LineChart, XAxis } from "recharts"; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@/components/ui/card"; import { type ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent, } from "@/components/ui/chart"; import { Delta, DeltaIcon, DeltaValue } from "@/components/delta"; type ReplyRow = { day: string; minutes: number; }; const chartRows: ReplyRow[] = [ { day: "Mon", minutes: 5.4 }, { day: "Tue", minutes: 4.9 }, { day: "Wed", minutes: 5.2 }, { day: "Thu", minutes: 4.7 }, { day: "Fri", minutes: 4.5 }, { day: "Sat", minutes: 5.0 }, { day: "Sun", minutes: 4.1 }, ]; const firstMinutes = chartRows[0]?.minutes ?? 0; const lastMinutes = chartRows.at(-1)?.minutes ?? firstMinutes; /** Positive when median first reply faster Mon → Sun. */ const replyImprovementPct = firstMinutes > 0 ? ((firstMinutes - lastMinutes) / firstMinutes) * 100 : 0; const chartConfig = { minutes: { label: "Minutes", color: "var(--chart-2)", }, } satisfies ChartConfig; export function FirstReplyTimeChart({ className, ...props }: ComponentProps) { return (

Median first reply

Minutes to first agent message, last 7 days. String(value).slice(0, 3)} tickLine={false} tickMargin={8} /> } cursor={false} /> { const n = Number(label); return Number.isFinite(n) ? `${n.toFixed(1)}m` : String(label ?? ""); }} offset={12} position="top" /> ); } 54:T12f1,import { cn } from "@/lib/utils"; import type { ComponentProps } from "react"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@/components/ui/card"; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@/components/ui/table"; type Conversation = { customer: string; subject: string; channel: "email" | "chat"; waitMinutes: number; state: "waiting" | "open" | "snoozed"; }; const rows: Conversation[] = [ { customer: "Northwind Labs", subject: "Billing portal access", channel: "email", waitMinutes: 6, state: "waiting", }, { customer: "Blue River Co.", subject: "Shipment ETA", channel: "chat", waitMinutes: 1, state: "open", }, { customer: "Oak Street Studio", subject: "API rate limits", channel: "email", waitMinutes: 58, state: "snoozed", }, { customer: "Harbor Freight LLC", subject: "Workspace SSO", channel: "chat", waitMinutes: 3, state: "open", }, ]; function formatWaitTime(minutes: number): string { if (minutes <= 0) { return "Just now"; } if (minutes === 1) { return "1 minute"; } if (minutes < 55) { return `${minutes} minutes`; } if (minutes < 60) { return "Almost an hour"; } if (minutes < 75) { return "About an hour"; } if (minutes < 120) { return "Over an hour"; } const hours = Math.round(minutes / 60); return hours === 1 ? "About an hour" : `About ${hours} hours`; } function statusVariant( state: Conversation["state"] ): ComponentProps["variant"] { if (state === "waiting") { return "destructive"; } if (state === "snoozed") { return "outline"; } return "secondary"; } function statusLabel(state: Conversation["state"]): string { if (state === "waiting") { return "In queue"; } if (state === "snoozed") { return "Snoozed"; } return "Active"; } function channelIcon(channel: Conversation["channel"]) { if (channel === "email") { return ( ); } return ( ); } export function RecentConversations({ className, ...props }: ComponentProps) { return ( Recent conversations Latest 4 threads from your inbox Customer Topic Channel Wait Status {rows.map((r) => { return ( {r.customer} {r.subject} {channelIcon(r.channel)} {r.channel} {formatWaitTime(r.waitMinutes)} {statusLabel(r.state)} ); })}

); } 55:T62c,import { cn } from "@/lib/utils"; import { Card, CardContent, CardHeader, CardTitle, } from "@/components/ui/card"; import { Delta, DeltaIcon, DeltaValue } from "@/components/delta"; type Stat = { label: string; value: string; delta: number; footnote: string; /** When true, a negative delta is treated as favorable (e.g. queue depth, reply time). */ lowerIsBetter: boolean; }; const stats: readonly Stat[] = [ { label: "Open queue", value: "38", delta: -12.4, footnote: "vs yesterday", lowerIsBetter: true, }, { label: "Active conversations", value: "126", delta: 5.2, footnote: "vs last week", lowerIsBetter: false, }, { label: "Median first reply", value: "4.1m", delta: -8.0, footnote: "vs last week", lowerIsBetter: true, }, { label: "CSAT (30d)", value: "94%", delta: 1.1, footnote: "vs prior 30d", lowerIsBetter: false, }, ]; export function DashboardStats() { return ( <> {stats.map((s) => ( {s.label}

{s.value}

{s.footnote}

))} ); } 56:Tad1,import { cn } from "@/lib/utils"; import type { ComponentProps } from "react"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@/components/ui/card"; const items = [ { title: "SLA warning cleared for Oak Street Studio", time: "12 min ago", icon: ( ), }, { title: "Conversation escalated to Tier 2", time: "28 min ago", icon: ( ), }, { title: "Macro “Refund approved” updated", time: "1 hr ago", icon: ( ), }, { title: "New customer segment synced from CRM", time: "3 hr ago", icon: ( ), }, ] as const; export function SupportActivity({ className, ...props }: ComponentProps) { return ( Workspace activity Operational signals.

{item.title}

{item.time}

); } 57:T12e2,"use client"; import { cn } from "@/lib/utils"; import { type ComponentProps, useState } from "react"; import { Avatar, AvatarFallback, AvatarImage, } from "@/components/ui/avatar"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@/components/ui/card"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu"; import { StatusIndicator } from "@/components/indicator"; type Teammate = { id: string; name: string; status: "Online" | "Away"; /** Conversations currently assigned to this teammate */ open: number; image?: string; }; const INITIAL_TEAMMATES: readonly Teammate[] = [ { id: "amelia", name: "Amelia Park", status: "Online", open: 9, image: "https://avatar.vercel.sh/ameliapark", }, { id: "noah", name: "Noah Ibarra", status: "Online", open: 7, image: "https://avatar.vercel.sh/noahi", }, { id: "priya", name: "Priya Desai", status: "Away", open: 4, image: "https://avatar.vercel.sh/priyadesai", }, { id: "marcus", name: "Marcus Chen", status: "Online", open: 11, image: "https://avatar.vercel.sh/marcuschen", }, { id: "emily", name: "Emily Johnson", status: "Away", open: 2, image: "https://avatar.vercel.sh/emilyjohnson", }, ]; function getInitials(name: string) { return name .split(" ") .map((word) => word.charAt(0).toUpperCase()) .join(""); } export function TeamOnDuty({ className, ...props }: ComponentProps) { const [teammates, setTeammates] = useState(() => [ ...INITIAL_TEAMMATES, ]); function pullNextConversation(id: string) { setTeammates((prev) => prev.map((t) => t.id === id ? { ...t, open: Math.max(0, t.open - 1) } : t ) ); } return ( Team on duty Who is carrying the queue right now

{getInitials(t.name)}

{t.name}

{t.status} {t.open} assigned

{t.name} Message { pullNextConversation(t.id); }} > Pull next conversation

); } 58:T13a3,"use client"; import { cn } from "@/lib/utils"; import * as React from "react"; import { Badge } from "@/components/ui/badge"; type DeltaIconVariant = "default" | "trend" | "arrow"; type DeltaVariant = "default" | "badge"; type DeltaContextValue = { value: number; }; const DeltaContext = React.createContext(null); function useDeltaValue() { const context = React.useContext(DeltaContext); if (!context) { throw new Error( "DeltaIcon and DeltaValue must be used inside a `Delta` component." ); } return context.value; } function Delta({ className, value, variant = "default", ...props }: React.ComponentProps<"div"> & { value: number; variant?: DeltaVariant; }) { return ( {variant === "badge" ? ( 0 ? "bg-emerald-500/10 text-emerald-500" : "bg-red-500/10 text-red-500", className )} data-slot="delta" variant="secondary" {...(props as React.ComponentProps)} /> ) : (

0 ? "text-emerald-600 dark:text-emerald-400" : "", value < 0 ? "text-rose-600 dark:text-rose-400" : "", className )} data-slot="delta" {...props} /> )} ); } function FilledShell({ value, children, }: { value: number; children: React.ReactNode; }) { return ( 0 && "bg-emerald-500", value < 0 && "bg-red-500", (!value || value === 0) && "bg-muted-foreground" )} data-slot="delta-icon" > {children} ); } function DeltaIcon({ variant = "default", filled = false, className, ...props }: Omit, "fill"> & { variant?: DeltaIconVariant; filled?: boolean; }) { const resolvedValue = useDeltaValue(); const mergedClassName = cn(className); const shell = (node: React.ReactElement) => filled ? {node} : node; const slotProps = filled ? {} : { "data-slot": "delta-icon" as const }; if (!resolvedValue || resolvedValue === 0) { return shell( ); } if (resolvedValue > 0) { if (variant === "trend") { return shell( ); } if (variant === "arrow") { return shell( ); } return shell( ); } if (variant === "trend") { return shell( ); } if (variant === "arrow") { return shell( ); } return shell( ); } function DeltaValue({ className, precision = 1, suffix = "%", absolute = true, ...props }: React.ComponentProps<"span"> & { precision?: number; suffix?: string; absolute?: boolean; }) { const resolvedValue = useDeltaValue(); const formattedValue = ( absolute ? Math.abs(resolvedValue) : resolvedValue ).toFixed(precision); return ( {formattedValue} {suffix} ); } export { Delta, DeltaIcon, DeltaValue }; 4d:["$","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,["$","$L4e",null,{"namespace":"@efferd","registryDependencies":["avatar","badge","button","card","chart","dropdown-menu","select","table","@efferd/indicator","@efferd/app-shell-3","@efferd/formater"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/blocks/dashboard/3/channel-breakdown-chart.tsx","content":"$50","type":"registry:component"},{"path":"registry/blocks/dashboard/3/conversation-volume-chart.tsx","content":"$51","type":"registry:component"},{"path":"registry/blocks/dashboard/3/csat-responses-chart.tsx","content":"$52","type":"registry:component"},{"path":"registry/blocks/dashboard/3/dashboard.tsx","content":"import { ChannelBreakdownChart } from \"@/components/channel-breakdown-chart\";\nimport { ConversationVolumeChart } from \"@/components/conversation-volume-chart\";\nimport { CsatResponsesChart } from \"@/components/csat-responses-chart\";\nimport { FirstReplyTimeChart } from \"@/components/first-reply-time-chart\";\nimport { RecentConversations } from \"@/components/recent-conversations\";\nimport { DashboardStats } from \"@/components/stats\";\nimport { SupportActivity } from \"@/components/support-activity\";\nimport { TeamOnDuty } from \"@/components/team-on-duty\";\n\nexport function Dashboard() {\n\treturn (\n\t\t

\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t

\n\t);\n}\n","type":"registry:component"},{"path":"registry/blocks/dashboard/3/first-reply-time-chart.tsx","content":"$53","type":"registry:component"},{"path":"registry/blocks/dashboard/3/recent-conversations.tsx","content":"$54","type":"registry:component"},{"path":"registry/blocks/dashboard/3/stats.tsx","content":"$55","type":"registry:component"},{"path":"registry/blocks/dashboard/3/support-activity.tsx","content":"$56","type":"registry:component"},{"path":"registry/blocks/dashboard/3/team-on-duty.tsx","content":"$57","type":"registry:component"},{"path":"registry/blocks/dashboard/delta.tsx","content":"$58","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]