4c: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"] 4d:I[544296,["/_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"],"ItemStyles"] 4e:I[34002,["/_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"],"CodeEditor"] 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/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"] 50:T14ca,"use client" import { motion } from "motion/react" import { useMotionVisibility } from "@/lib/cojeev-motion/use-motion-visibility" import { useChoreography } from "@/lib/cojeev-motion/choreography" import { assignMotionRef } from "@/lib/cojeev-motion/refs" import { Button, type ButtonProps } from "@/components/ui/button" import { useMorph } from "@/lib/cojeev-motion/use-morph"; import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const BubbleVariants=cva("v-chat [display:grid] [gap:4px] [padding:18px_20px_16px] [border-radius:24px] [background:var(--v-beige)] [--bubble-surface:var(--v-beige)]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type BubbleProps=React.ComponentProps<"div"> & VariantProps & { as?:React.ElementType } export function Bubble({as:Tag="div",className,variant,size,...props}:BubbleProps){return } const BubbleRowVariants=cva("v-chat__row [display:flex] [align-items:flex-end] [gap:10px] [max-width:82%] [justify-self:start]",{variants:{variant:{"default":"","me":"-me [justify-self:end] [flex-direction:row-reverse]"},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type BubbleRowProps=React.ComponentProps<"div"> & VariantProps & { as?:React.ElementType } export function BubbleRow({as:Tag="div",className,variant,size,...props}:BubbleRowProps){return } const BubbleContentVariants=cva("v-bubble [display:inline-block] [max-width:min(80%,52ch)] [padding:10px_14px_11px] [border-radius:18px_18px_18px_4px] [background:var(--v-canvas)] [color:var(--v-text)] [font-size:var(--fs-control)] [line-height:1.4] [overflow-wrap:anywhere] [position:relative]",{variants:{variant:{"default":"","me":"-me [background:var(--v-pink)] [border-radius:18px_18px_4px_18px] [color:var(--v-on-accent)]","tail":"-tail [border-bottom-left-radius:18px]"},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type BubbleContentProps=React.ComponentProps<"div"> & VariantProps & { as?:React.ElementType } export function BubbleContent({ref: externalMorphRef, as:Tag="div",className,variant,size,...props}:BubbleContentProps){const ownedMorphRef = useMorph("pills", externalMorphRef); return } const BubbleGapVariants=cva("v-chat__gap [height:10px]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type BubbleGapProps=React.ComponentProps<"div"> & VariantProps & { as?:React.ElementType } export function BubbleGap({as:Tag="div",className,variant,size,...props}:BubbleGapProps){return } const BubbleTimeVariants=cva("v-chat__time [font-size:11px] [color:var(--v-text-2)] [padding:6px_0_2px_38px] [font-variant-numeric:tabular-nums]",{variants:{variant:{"default":""},size:{"default":""}},defaultVariants:{variant:"default",size:"default"}}) export type BubbleTimeProps=React.ComponentProps<"div"> & VariantProps & { as?:React.ElementType } export function BubbleTime({as:Tag="div",className,variant,size,...props}:BubbleTimeProps){return } /** A real caller-owned reaction action. Supply its accessible name and count. */ export type BubbleReactionProps=ButtonProps & { "aria-label": string } export function BubbleReaction({className,variant="secondary",size="sm",...props}:BubbleReactionProps){ return