4f: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"] 50: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"] 51:Td42,import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Tracker } from "@/components/ui/tracker" const deployments = [ { status: "success", time: "2025-06-24T00:00:00Z" }, { status: "success", time: "2025-06-24T01:00:00Z" }, { status: "success", time: "2025-06-24T02:00:00Z" }, { status: "error", time: "2025-06-24T03:00:00Z" }, { status: "success", time: "2025-06-24T04:00:00Z" }, { status: "warning", time: "2025-06-24T05:00:00Z" }, { status: "success", time: "2025-06-24T06:00:00Z" }, { status: "success", time: "2025-06-24T07:00:00Z" }, { status: "error", time: "2025-06-24T08:00:00Z" }, { status: "success", time: "2025-06-24T09:00:00Z" }, { status: "success", time: "2025-06-24T10:00:00Z" }, { status: "success", time: "2025-06-24T11:00:00Z" }, { status: "success", time: "2025-06-24T12:00:00Z" }, { status: "success", time: "2025-06-24T13:00:00Z" }, { status: "success", time: "2025-06-24T14:00:00Z" }, { status: "success", time: "2025-06-24T15:00:00Z" }, { status: "success", time: "2025-06-24T16:00:00Z" }, { status: "success", time: "2025-06-24T17:00:00Z" }, { status: "success", time: "2025-06-24T18:00:00Z" }, { status: "success", time: "2025-06-24T19:00:00Z" }, { status: "success", time: "2025-06-24T20:00:00Z" }, { status: "success", time: "2025-06-24T21:00:00Z" }, { status: "warning", time: "2025-06-24T22:00:00Z" }, { status: "success", time: "2025-06-24T23:00:00Z" }, { status: "success", time: "2025-06-25T00:00:00Z" }, { status: "success", time: "2025-06-25T01:00:00Z" }, { status: "success", time: "2025-06-25T02:00:00Z" }, { status: "success", time: "2025-06-25T03:00:00Z" }, { status: "error", time: "2025-06-25T04:00:00Z" }, { status: "success", time: "2025-06-25T05:00:00Z" }, { status: "success", time: "2025-06-25T06:00:00Z" }, { status: "success", time: "2025-06-25T07:00:00Z" }, { status: "success", time: "2025-06-25T08:00:00Z" }, { status: "success", time: "2025-06-25T09:00:00Z" }, { status: "success", time: "2025-06-25T10:00:00Z" }, { status: "success", time: "2025-06-25T11:00:00Z" }, { status: "success", time: "2025-06-25T12:00:00Z" }, { status: "success", time: "2025-06-25T13:00:00Z" }, { status: "success", time: "2025-06-25T14:00:00Z" }, { status: "success", time: "2025-06-25T15:00:00Z" }, { status: "success", time: "2025-06-25T16:00:00Z" }, { status: "success", time: "2025-06-25T17:00:00Z" }, { status: "success", time: "2025-06-25T18:00:00Z" }, { status: "success", time: "2025-06-25T19:00:00Z" }, { status: "success", time: "2025-06-25T20:00:00Z" }, { status: "success", time: "2025-06-25T21:00:00Z" }, { status: "success", time: "2025-06-25T22:00:00Z" }, { status: "success", time: "2025-06-25T23:00:00Z" }, ] const data = deployments.map((d) => ({ color: d.status === "success" ? "bg-success" : d.status === "error" ? "bg-danger" : "bg-warning", tooltip: `${d.status} @ ${new Date(d.time).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}`, })) export default function TrackerDemo() { return ( Recent deployments Visual timeline of deployment outcomes by hour ) } 4e:["$","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,["$","$L4f",null,{"namespace":"@intentui","registryDependencies":["https://intentui.com/r/card","https://intentui.com/r/tracker"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"src/components/examples/visualizations/tracker/tracker-example.tsx","content":"$51","type":"registry:page","target":"app/tracker-example/page.tsx"}],"className":"h-[70svh] min-h-80"}]]}]