51: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"] 52: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"] 53:T1334,"use client"; import { AlertCircle, Check, ChevronRight, Globe, Search } from "lucide-react"; import { useEffect, useId, useState, type ReactNode } from "react"; import { cn } from "./lib/cn"; import { SlotText } from "./slot-text"; import { Skeleton } from "./skeleton"; import { TextShimmer, useInView } from "./text-motion"; import "./shared/tree-chevron.css"; import "./shared/tree-panel.css"; import "./agent-activity.css"; export type ActivityStatus = "running" | "done" | "error"; export type ActivityStep = { id: string; label: string; status: ActivityStatus; detail?: ReactNode; /** For example "2.1 s". */ duration?: string; icon?: "search" | "read"; }; /** What an agent has been doing, folded away once it has finished. */ export function AgentActivity({ steps, summary, defaultOpen, open: controlled, onOpenChange, className, }: { steps: readonly ActivityStep[]; /** Header text. Defaults to the running step or a count of finished ones. */ summary?: string; defaultOpen?: boolean; /** Controlled disclosure, for folding the log away when the work finishes. */ open?: boolean; onOpenChange?: (open: boolean) => void; className?: string; }) { const running = steps.find((s) => s.status === "running"); const failed = steps.some((s) => s.status === "error"); const [own, setOwn] = useState(defaultOpen ?? false); const open = controlled ?? own; const setOpen = (next: boolean) => { if (controlled === undefined) setOwn(next); onOpenChange?.(next); }; const panel = useId(); const text = summary ?? (running ? running.label : failed ? "Stopped with an error" : `Worked through ${steps.length} ${steps.length === 1 ? "step" : "steps"}`); return (

{step.status === "running" ? "In progress" : step.status === "done" ? "Done" : "Failed"}: {step.label}
{step.detail &&
{step.detail}
}
{step.duration && {step.duration}}

{running ? `${running.label}` : ""}

); } /** A waiting indicator for an agent turn. The phrase rotates while visible; screen readers hear one steady status. */ export function AgentLoading({ phrases = ["Thinking", "Reading", "Writing"], label = "Working on your request", withSkeleton = false, className, }: { phrases?: readonly string[]; label?: string; /** Also show placeholder lines for the reply to come. */ withSkeleton?: boolean; className?: string; }) { const [ref, visible] = useInView(false, 0); const [index, setIndex] = useState(0); useEffect(() => { if (!visible || phrases.length < 2 || window.matchMedia("(prefers-reduced-motion: reduce)").matches) return; const timer = setInterval(() => setIndex((i) => i + 1), 2200); return () => clearInterval(timer); }, [visible, phrases.length]); return (

{withSkeleton && }

); } 54:Ta02,"use client"; import { useLayoutEffect, useRef, useState, type ComponentProps, type ReactNode, } from "react"; import { cn } from "./lib/cn"; import "./skeleton.css"; const widths = ["100%", "94%", "78%", "88%", "66%", "84%"]; export function Skeleton({ label = "Loading content", lines = 3, avatar = false, loading = true, children, className, ...props }: Omit, "children"> & { label?: string; lines?: number; avatar?: boolean; loading?: boolean; children?: ReactNode; }) { const count = Math.min(6, Math.max(1, Math.round(lines))); const placeholder = useRef(null); const content = useRef(null); const [height, setHeight] = useState(); const hasContent = children != null; useLayoutEffect(() => { const node = (loading ? placeholder : content).current; if (!hasContent || !node) return; setHeight(node.getBoundingClientRect().height); }, [avatar, count, hasContent, loading, children]); const blocks = (
{avatar && ( )} {Array.from({ length: count }, (_, index) => ( ))}
); if (!hasContent) { return (
{blocks}
); } return (
{blocks}
{children}

); } 55:Tae9,"use client"; import { useLayoutEffect, useRef, type CSSProperties } from "react"; import { cn } from "./lib/cn"; import "./slot-text.css"; const LINE = 1.3; // em, shared by every row of the reel /** A word that rolls forward through a list, like a slot reel, and lands on `items[index]`. */ export function SlotText({ items, index, loops = 0, className, }: { items: readonly string[]; index: number; /** Extra full turns before landing, for a livelier spin. */ loops?: number; className?: string; }) { const n = items.length; const at = n ? ((index % n) + n) % n : 0; const frame = useRef(null); const reel = useRef(null); const previous = useRef<{ index: number; width: number } | null>(null); const copies = loops + 3; useLayoutEffect(() => { const outer = frame.current, track = reel.current; if (!outer || !track || !n) return; const target = track.children[n + at] as HTMLElement; const width = target.offsetWidth; const before = previous.current; previous.current = { index: at, width }; if (!before || before.index === at && before.width === width) { outer.style.width = `${width}px`; return; } outer.style.width = `${width}px`; if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return; // Always roll forward, wrapping through the end of the list. let delta = at - before.index; if (delta <= 0) delta += n; if (before.index === at) delta = 0; const start = n + before.index, end = start + delta + n * loops; const style = getComputedStyle(outer); const easing = style.getPropertyValue("--ease-showcase").trim() || "cubic-bezier(0.22, 1, 0.36, 1)"; const duration = Math.min(1500, 380 + (end - start) * 130); track.getAnimations().forEach((a) => a.cancel()); track.animate([{ transform: `translateY(${-start * LINE}em)` }, { transform: `translateY(${-end * LINE}em)` }], { duration, easing }); outer.animate([{ width: `${before.width}px` }, { width: `${width}px` }], { duration: Math.min(duration, 520), easing }); }, [at, n, loops, items]); return ( {items[at]} ); } 56:T28b2,"use client"; import { Fragment, useEffect, useLayoutEffect, useRef, useState, type CSSProperties, type ElementType, type ReactNode, } from "react"; import { cn } from "./lib/cn"; import "./text-motion.css"; type Style = CSSProperties & Record<`--${string}`, string | number>; const reducedMotion = () => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches; /** Reports when an element enters the viewport. `once` keeps it true afterwards. */ export function useInView(once = true, threshold = 0.35) { const ref = useRef(null); const [inView, setInView] = useState(false); useEffect(() => { const element = ref.current; if (!element) return; if (typeof IntersectionObserver === "undefined") { const id = requestAnimationFrame(() => setInView(true)); return () => cancelAnimationFrame(id); } const observer = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting) { setInView(true); if (once) observer.disconnect(); } else if (!once) setInView(false); }, { threshold }, ); observer.observe(element); return () => observer.disconnect(); }, [once, threshold]); return [ref, inView] as const; } /* ------------------------------------------------------------------ */ export function TextReveal({ children, as = "p", by = "word", mode = "stagger", stagger = 36, play, className, }: { children: string; as?: ElementType; by?: "word" | "char"; /** "stagger" plays once on entering view; "scroll" brightens words as the block scrolls past. */ mode?: "stagger" | "scroll"; /** Delay between units in milliseconds. */ stagger?: number; /** Controls playback instead of viewport entry. Toggle to replay. */ play?: boolean; className?: string; }) { const [ref, inView] = useInView(true, 0.4); const [progress, setProgress] = useState(0); const frame = useRef(0); const words = children.trim().split(/\s+/); const shown = play ?? inView; useEffect(() => { if (mode !== "scroll") return; const update = () => { const element = ref.current; if (!element) return; const box = element.getBoundingClientRect(); const vh = window.innerHeight; const value = (vh * 0.85 - box.top) / (box.height + vh * 0.35); setProgress(reducedMotion() ? 1 : Math.max(0, Math.min(1, value))); }; const onScroll = () => { cancelAnimationFrame(frame.current); frame.current = requestAnimationFrame(update); }; update(); window.addEventListener("scroll", onScroll, { passive: true }); window.addEventListener("resize", onScroll); return () => { cancelAnimationFrame(frame.current); window.removeEventListener("scroll", onScroll); window.removeEventListener("resize", onScroll); }; }, [mode, ref]); let index = 0; const unit = (text: string, key: string, scrollIndex?: number) => { const i = index++; const style: Style = { "--i": i }; if (scrollIndex !== undefined) style.opacity = Math.max(0.2, Math.min(1, progress * (words.length + 2) - scrollIndex)); return ( {text} ); }; const Tag = as; return ( {children} ); } /* ------------------------------------------------------------------ */ export function InViewTitle({ children, eyebrow, as = "h2", align = "start", className, }: { children: string; eyebrow?: string; as?: ElementType; align?: "start" | "center"; className?: string; }) { const [ref, inView] = useInView(true, 0.5); const words = children.trim().split(/\s+/); const Heading = as; return (
{eyebrow && (
{eyebrow}
)} {children}
); } /* ------------------------------------------------------------------ */ type Glyph = { key: string; ch: string }; const glyphs = (text: string): Glyph[] => { const seen = new Map(); return [...text].map((ch) => { const n = (seen.get(ch) ?? 0) + 1; seen.set(ch, n); return { key: `${ch}:${n}`, ch }; }); }; /** Changes text so characters that stay glide to their new place, new ones rise in and old ones fade away. */ export function TextMorph({ children, as = "span", className, }: { children: string; as?: ElementType; className?: string; }) { const root = useRef(null); const last = useRef<{ text: string; width: number; boxes: Map } | null>(null); const list = glyphs(children); useLayoutEffect(() => { const element = root.current; if (!element) return; const origin = element.getBoundingClientRect(); const boxes = new Map(); const nodes = element.querySelectorAll("[data-glyph]"); nodes.forEach((node) => { const r = node.getBoundingClientRect(); boxes.set(node.dataset.glyph!, { x: r.left - origin.left, y: r.top - origin.top, ch: node.textContent ?? "" }); }); const before = last.current; if (before && before.text !== children && !reducedMotion()) { const style = getComputedStyle(element); const styles = { duration: 360, easing: style.getPropertyValue("--ease-showcase").trim() || "cubic-bezier(0.22, 1, 0.36, 1)", fill: "none" as const }; nodes.forEach((node) => { const now = boxes.get(node.dataset.glyph!)!; const prev = before.boxes.get(node.dataset.glyph!); if (prev) { if (Math.abs(prev.x - now.x) > 0.5 || Math.abs(prev.y - now.y) > 0.5) node.animate([{ transform: `translate(${prev.x - now.x}px, ${prev.y - now.y}px)` }, { transform: "translate(0, 0)" }], styles); } else node.animate([{ opacity: 0, transform: "translateY(0.45em)", filter: "blur(3px)" }, { opacity: 1, transform: "translateY(0)", filter: "blur(0)" }], { ...styles, duration: 300 }); }); before.boxes.forEach((prev, key) => { if (boxes.has(key) || !prev.ch.trim()) return; const ghost = document.createElement("span"); ghost.textContent = prev.ch; ghost.setAttribute("aria-hidden", "true"); Object.assign(ghost.style, { position: "absolute", left: `${prev.x}px`, top: `${prev.y}px`, pointerEvents: "none", whiteSpace: "pre" }); element.append(ghost); ghost.animate([{ opacity: 1, transform: "translateY(0)", filter: "blur(0)" }, { opacity: 0, transform: "translateY(-0.4em)", filter: "blur(3px)" }], { duration: 220, easing: "ease-out" }).onfinish = () => ghost.remove(); }); if (Math.abs(before.width - origin.width) > 0.5) element.animate([{ width: `${before.width}px` }, { width: `${origin.width}px` }], styles); } last.current = { text: children, width: origin.width, boxes }; }, [children]); // Glyphs are grouped by word, so a long line wraps at spaces (never inside a // word) while every glyph still animates on its own. const words: (typeof list)[] = []; for (const glyph of list) { if (/\s/u.test(glyph.ch)) words.push([glyph]); else if (words.length && !/\s/u.test(words[words.length - 1]![0]!.ch)) words[words.length - 1]!.push(glyph); else words.push([glyph]); } const Tag = as; return ( {children} ); } /* ------------------------------------------------------------------ */ export function TextShimmer({ children, as = "span", active = true, duration = 2200, className, }: { children: ReactNode; as?: ElementType; /** Stops the sweep and shows the text normally when false. */ active?: boolean; /** One sweep in milliseconds. */ duration?: number; className?: string; }) { const [ref, visible] = useInView(false, 0); const Tag = as; return ( {children} ); } 57:Tb64,/* agent-activity.tsx's styles; it imports this file. Edit freely. */ @layer theme, base, components, utilities; @layer components { [data-slot="activity-head"] { display: flex; align-items: center; gap: 0.375rem; max-width: 100%; padding: 0.25rem 0.375rem; margin-inline-start: -0.375rem; border-radius: var(--radius-control); outline: none; transition: background-color var(--duration-fast) var(--ease-out); } [data-slot="activity-head"]:hover { background: var(--muted); } [data-slot="activity-head"]:focus-visible { outline: 2px solid var(--ring); outline-offset: 1px; } [data-slot="activity-head"] svg { width: 0.875rem; height: 0.875rem; color: var(--muted-foreground); } [data-slot="activity-steps"] { margin: 0.25rem 0 0.25rem 0.5rem; padding: 0 0 0 0.875rem; list-style: none; border-inline-start: 2px solid var(--border); } [data-slot="activity-step"] { display: flex; align-items: flex-start; gap: 0.625rem; padding: 0.3125rem 0; } [data-slot="activity-mark"] { display: grid; place-items: center; flex: none; width: 1.125rem; height: 1.125rem; margin-top: 0.125rem; border-radius: 999px; background: var(--muted); color: var(--muted-foreground); } [data-slot="activity-mark"] svg { width: 0.6875rem; height: 0.6875rem; } [data-slot="activity-step"][data-status="done"] [data-slot="activity-mark"] { background: var(--foreground); color: var(--background); } [data-slot="activity-step"][data-status="error"] [data-slot="activity-mark"] { background: var(--danger); color: var(--danger-foreground); } [data-slot="activity-step"][data-status="running"] [data-slot="activity-mark"]:empty::after { content: ""; width: 0.375rem; height: 0.375rem; border-radius: 999px; background: var(--foreground); } [data-slot="activity-step"][data-status="running"] [data-slot="activity-mark"] { animation: caliper-pulse-soft 1.4s ease-in-out infinite; } [data-slot="agent-orbit"] { position: relative; display: inline-block; width: 1.125rem; height: 1.125rem; animation: caliper-spin 2.4s linear infinite; } [data-slot="agent-orbit"] i { position: absolute; width: 0.3125rem; height: 0.3125rem; border-radius: 999px; background: var(--foreground); } [data-slot="agent-orbit"] i:nth-child(1) { top: 0; left: 50%; translate: -50% 0; } [data-slot="agent-orbit"] i:nth-child(2) { bottom: 0.0625rem; left: 0; opacity: 0.6; } [data-slot="agent-orbit"] i:nth-child(3) { bottom: 0.0625rem; right: 0; opacity: 0.3; } @media (prefers-reduced-motion: reduce) { [data-slot="agent-orbit"], [data-slot="activity-step"][data-status="running"] [data-slot="activity-mark"] { animation: none; } } } 58:T58b,/* skeleton.tsx's styles; it imports this file. Edit freely. */ @layer theme, base, components, utilities; @layer components { [data-slot="skeleton"][data-has-content="true"] { transition: height var(--duration-normal) var(--ease-settle); } [data-slot="skeleton"][data-has-content="true"] [data-slot="skeleton-placeholder"], [data-slot="skeleton"][data-has-content="true"] [data-slot="skeleton-content"] { position: absolute; inset-inline: 0; top: 0; transition: opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-settle); } [data-slot="skeleton"][data-loading="true"] [data-slot="skeleton-content"] { opacity: 0; transform: translateY(var(--motion-enter-distance)); pointer-events: none; } [data-slot="skeleton"][data-loading="false"] [data-slot="skeleton-placeholder"] { opacity: 0; pointer-events: none; } [data-slot="skeleton-block"] { border-radius: var(--radius-control); background: var(--muted); animation: caliper-skeleton-pulse var(--duration-skeleton) var(--ease-in-out) infinite; } @media (prefers-reduced-motion: reduce) { [data-slot="skeleton"], [data-slot="skeleton-placeholder"], [data-slot="skeleton-content"] { transition: none; } [data-slot="skeleton-block"] { animation: none; transition: none; transform: none; } } } 59:Tcde,/* text-motion.tsx's styles; it imports this file. Edit freely. */ @layer theme, base, components, utilities; @layer components { [data-slot="reveal-unit"] { display: inline-block; } [data-slot="text-reveal"][data-mode="stagger"] [data-slot="reveal-unit"] { opacity: 0; transform: translateY(0.55em); filter: blur(5px); } [data-slot="text-reveal"][data-mode="stagger"][data-state="shown"] [data-slot="reveal-unit"] { opacity: 1; transform: none; filter: none; transition: opacity var(--duration-deliberate) var(--ease-out), transform var(--duration-deliberate) var(--ease-out), filter var(--duration-deliberate) var(--ease-out); transition-delay: calc(var(--i, 0) * var(--stagger, 36ms)); } [data-slot="text-reveal"][data-mode="scroll"] [data-slot="reveal-unit"] { transition: opacity var(--duration-fast) linear; } [data-slot="title-mask"] { display: inline-block; overflow: hidden; padding-bottom: 0.12em; margin-bottom: -0.12em; vertical-align: top; } [data-slot="title-word"] { display: inline-block; transform: translateY(110%); transition: transform var(--duration-travel) var(--ease-showcase); transition-delay: calc(var(--i, 0) * 60ms); } [data-slot="in-view-title"][data-state="shown"] [data-slot="title-word"] { transform: none; } [data-slot="title-eyebrow"] { opacity: 0; transition: opacity var(--duration-normal) var(--ease-out); } [data-slot="in-view-title"][data-state="shown"] [data-slot="title-eyebrow"] { opacity: 1; } [data-slot="title-rule"] { width: 3rem; height: 2px; border-radius: 2px; background: var(--chart-1); transform: scaleX(0); transform-origin: left; transition: transform var(--duration-travel) var(--ease-showcase) 240ms; } [data-slot="in-view-title"][data-align="center"] [data-slot="title-rule"] { transform-origin: center; } [data-slot="in-view-title"][data-state="shown"] [data-slot="title-rule"] { transform: scaleX(1); } [data-slot="text-shimmer"] { color: var(--muted-foreground); } [data-slot="text-shimmer"][data-active="true"] { color: transparent; background-image: linear-gradient( 100deg, var(--muted-foreground) 38%, var(--foreground) 50%, var(--muted-foreground) 62% ); background-size: 250% 100%; background-position: 120% 0; -webkit-background-clip: text; background-clip: text; animation: caliper-shimmer var(--shimmer, 2200ms) linear infinite; } [data-slot="text-shimmer"][data-active="true"][data-visible="false"] { animation-play-state: paused; } @media (prefers-reduced-motion: reduce) { [data-slot="text-reveal"][data-mode="stagger"] [data-slot="reveal-unit"] { opacity: 1; transform: none; filter: none; transition: none; } [data-slot="title-word"], [data-slot="title-rule"], [data-slot="title-eyebrow"] { transform: none; opacity: 1; transition: none; } [data-slot="text-shimmer"][data-active="true"] { background-image: none; color: var(--muted-foreground); animation: none; } } @keyframes caliper-shimmer { to { background-position: -120% 0; } } } 50:["$","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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","clsx",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/clsx","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"clsx"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","tailwind-merge",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/tailwind-merge","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"tailwind-merge"}]]}]}]]}],["$","$L51",null,{"namespace":"@caliper","registryDependencies":["https://caliperui.site/r/styles.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"ui/agent-activity.tsx","content":"$53","type":"registry:ui","target":"components/ui/agent-activity.tsx"},{"path":"ui/lib/cn.ts","content":"import { clsx, type ClassValue } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n extend: { theme: { radius: [\"control\", \"surface\", \"overlay\"], shadow: [\"overlay\"] } },\n});\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","type":"registry:ui","target":"components/ui/lib/cn.ts"},{"path":"ui/skeleton.tsx","content":"$54","type":"registry:ui","target":"components/ui/skeleton.tsx"},{"path":"ui/slot-text.tsx","content":"$55","type":"registry:ui","target":"components/ui/slot-text.tsx"},{"path":"ui/text-motion.tsx","content":"$56","type":"registry:ui","target":"components/ui/text-motion.tsx"},{"path":"ui/shared/tree-chevron.css","content":"/* Shared by agent-activity.tsx, approvals.tsx, file-diff.tsx, file-tree.tsx, json-viewer.tsx, timeline.tsx, todo-list.tsx, tree-view.tsx; each imports it. Edit freely. */\n@layer theme, base, components, utilities;\n\n@layer components {\n [data-slot=\"tree-chevron\"] {\n transition: transform var(--duration-travel) var(--ease-showcase);\n }\n [data-slot=\"tree-chevron\"][data-open] {\n transform: rotate(90deg);\n }\n}\n","type":"registry:file","target":"components/ui/shared/tree-chevron.css"},{"path":"ui/shared/tree-panel.css","content":"/* Shared by agent-activity.tsx, approvals.tsx, audit-trail.tsx, booking-pill.tsx, comment-thread.tsx, control-center.tsx, feedback-widget.tsx, file-diff.tsx, file-tree.tsx, fixtures.tsx, inbox-sidebar.tsx, marketing-sections.tsx, page-parts.tsx, timeline.tsx, todo-list.tsx, tool-result.tsx, tree-view.tsx, workspace-sidebar.tsx; each imports it. Edit freely. */\n@layer theme, base, components, utilities;\n\n@layer components {\n [data-slot=\"tree-panel\"] {\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows var(--duration-travel) var(--ease-settle);\n }\n [data-slot=\"tree-panel\"][data-open] {\n grid-template-rows: 1fr;\n }\n [data-slot=\"tree-panel\"] > div {\n min-height: 0;\n overflow: hidden;\n }\n\n @media (prefers-reduced-motion: reduce) {\n [data-slot=\"tree-panel\"] {\n transition-duration: 400ms;\n }\n }\n}\n","type":"registry:file","target":"components/ui/shared/tree-panel.css"},{"path":"ui/agent-activity.css","content":"$57","type":"registry:file","target":"components/ui/agent-activity.css"},{"path":"ui/skeleton.css","content":"$58","type":"registry:file","target":"components/ui/skeleton.css"},{"path":"ui/slot-text.css","content":"/* slot-text.tsx's styles; it imports this file. Edit freely. */\n@layer theme, base, components, utilities;\n\n@layer components {\n [data-slot=\"slot-frame\"] {\n display: inline-block;\n position: relative;\n overflow: hidden;\n vertical-align: bottom;\n white-space: nowrap;\n -webkit-mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);\n mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);\n }\n [data-slot=\"slot-reel\"] {\n display: block;\n width: max-content;\n will-change: transform;\n }\n [data-slot=\"slot-item\"] {\n display: block;\n width: max-content;\n }\n @media (prefers-reduced-motion: reduce) {\n [data-slot=\"slot-frame\"] {\n -webkit-mask-image: none;\n mask-image: none;\n }\n }\n}\n","type":"registry:file","target":"components/ui/slot-text.css"},{"path":"ui/text-motion.css","content":"$59","type":"registry:file","target":"components/ui/text-motion.css"}],"className":"h-[70svh] min-h-80"}]]}]