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:T1454,@@directive("'use client'") @unboxed type ease = Name(string) | Curve(array) type transition = { duration?: float, ease?: ease, @as("type") type_?: string, stiffness?: float, damping?: float, mass?: float, } type animation = { opacity?: float, x?: float, y?: float, scale?: float, originX?: float, originY?: float, filter?: string, transition?: transition, } type variants = {initial: animation, animate: animation, exit: animation} type preset = {id: string, name: string, variants: variants} @unboxed type initial = Disabled(bool) | Label(string) type motionProps = { ...ShadcnReact.MessageScroller.Item.props, variants?: variants, initial: initial, animate?: string, exit?: string, } @module("motion/react") @scope("motion") external motion: React.component => React.component< motionProps, > = "create" @module("motion/react") external useReducedMotion: unit => nullable = "useReducedMotion" module Item = { let make = motion(MessageScroller.Item.make) } let presets: array = [ { id: "fade", name: "Fade", variants: { initial: {opacity: 0.}, animate: {opacity: 1., transition: {duration: 0.22, ease: Name("easeOut")}}, exit: {opacity: 0., transition: {duration: 0.15}}, }, }, { id: "slide-up", name: "Slide Up", variants: { initial: {opacity: 0., y: 10.}, animate: {opacity: 1., y: 0., transition: {duration: 0.26, ease: Curve([0.16, 1., 0.3, 1.])}}, exit: {opacity: 0., y: 4., transition: {duration: 0.15}}, }, }, { id: "slide-side", name: "Slide Side", variants: { initial: {opacity: 0., x: 18.}, animate: {opacity: 1., x: 0., transition: {duration: 0.28, ease: Curve([0.16, 1., 0.3, 1.])}}, exit: {opacity: 0., x: 8., transition: {duration: 0.15}}, }, }, { id: "pop", name: "Pop", variants: { initial: {opacity: 0., scale: 0.94, y: 6., originX: 1., originY: 1.}, animate: { opacity: 1., y: 0., scale: 1., transition: {type_: "spring", stiffness: 500., damping: 34., mass: 0.7}, }, exit: {opacity: 0., scale: 0.98, transition: {duration: 0.12}}, }, }, { id: "spring-bounce", name: "Spring Bounce", variants: { initial: {opacity: 0., y: 12., scale: 0.96}, animate: { opacity: 1., y: 0., scale: 1., transition: {type_: "spring", stiffness: 520., damping: 30., mass: 0.7}, }, exit: {opacity: 0., scale: 0.98, transition: {duration: 0.12}}, }, }, { id: "blur-fade", name: "Blur Fade", variants: { initial: {opacity: 0., filter: "blur(4px)", y: 6.}, animate: { opacity: 1., y: 0., filter: "blur(0px)", transition: {duration: 0.28, ease: Name("easeOut")}, }, exit: {opacity: 0., filter: "blur(2px)", transition: {duration: 0.15}}, }, }, { id: "scale-fade", name: "Scale Fade", variants: { initial: {opacity: 0., scale: 0.98}, animate: {opacity: 1., scale: 1., transition: {duration: 0.24, ease: Name("easeOut")}}, exit: {opacity: 0., scale: 0.99, transition: {duration: 0.12}}, }, }, ] let preset = id => presets->Array.find(p => p.id == id)->Option.getOr(presets->Array.getUnsafe(1)) @react.component let make = ( ~message: AiChat.message, ~animationPreset=preset("slide-up"), ~scrollAnchor=?, ~userVariant=Bubble.Variant.Muted, ~assistantVariant=Bubble.Variant.Ghost, ) => { let reduced = useReducedMotion()->Nullable.getOr(false) let isUser = message.role == User Option.orElse(isUser ? Some(true) : None)} variants=?{isUser ? Some(animationPreset.variants) : None} initial={isUser && !reduced ? Label("initial") : Disabled(false)} animate=?{isUser ? Some("animate") : None} exit=?{isUser && !reduced ? Some("exit") : None} > {message.parts ->Array.mapWithIndex((part, index) => { let key = `${message.id}-${index->Int.toString}` switch part.type_ { | "reasoning" | "thinking" =>

{React.string("Reasoning")}

{part->AiChat.partText->MessageScrollerExample.paragraphs}

| "text" => {part->AiChat.partText->MessageScrollerExample.paragraphs} | _ => React.null } }) ->React.array} } 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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","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","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","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":"motion"}]]}]}],["$","li","rescript-shadcn-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/rescript-shadcn-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":"rescript-shadcn-react"}]]}]}]]}],["$","$L4e",null,{"namespace":"@rescript-shadcn","registryDependencies":["@rescript-shadcn/AiChat","@rescript-shadcn/Bubble","@rescript-shadcn/Icons","@rescript-shadcn/Message","@rescript-shadcn/MessageScroller","@rescript-shadcn/MessageScrollerExample"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/base/MessageAnimated.res","content":"$50","type":"registry:file","target":"@ui/MessageAnimated.res"}],"className":"h-[70svh] min-h-80"}]]}]