[{"data":1,"prerenderedAt":2717},["ShallowReactive",2],{"navigation_docs":3,"-components-ai-ai-tool-call":1082,"-components-ai-ai-tool-call-surround":2712},[4,28,35,866,889,896,1051,1075],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,11,15,19,23],{"title":10,"path":6,"stem":7},"Introduction",{"title":12,"path":13,"stem":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":16,"path":17,"stem":18},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage",{"title":20,"path":21,"stem":22},"Theming","\u002Fgetting-started\u002Ftheming","1.getting-started\u002F4.theming",{"title":24,"path":25,"stem":26},"AI Agents","\u002Fgetting-started\u002Fai-agents","1.getting-started\u002F5.ai-agents","i-lucide-rocket",{"title":29,"path":30,"stem":31,"children":32,"icon":34},"Core Concepts","\u002Fcore-concepts","2.core-concepts\u002Findex",[33],{"title":29,"path":30,"stem":31},"i-lucide-lightbulb",{"title":36,"icon":37,"path":38,"stem":39,"children":40},"Components","i-lucide-component","\u002Fcomponents","3.components",[41,43,54,112,178,212,302,320,334,428,478,572,586,604,626,648,682,844],{"title":36,"path":38,"stem":42},"3.components\u002Findex",{"title":44,"icon":45,"path":46,"stem":47,"children":48,"page":53},"3D","i-lucide-box","\u002Fcomponents\u002F3d","3.components\u002F3d",[49],{"title":50,"path":51,"stem":52},"3D Card","\u002Fcomponents\u002F3d\u002F3d-card","3.components\u002F3d\u002F3d-card",false,{"title":55,"icon":56,"path":57,"stem":58,"children":59,"page":53},"AI","i-lucide-sparkles","\u002Fcomponents\u002Fai","3.components\u002Fai",[60,64,68,72,76,80,84,88,92,96,100,104,108],{"title":61,"path":62,"stem":63},"Agent Avatar","\u002Fcomponents\u002Fai\u002Fagent-avatar","3.components\u002Fai\u002Fagent-avatar",{"title":65,"path":66,"stem":67},"AI Citation","\u002Fcomponents\u002Fai\u002Fai-citation","3.components\u002Fai\u002Fai-citation",{"title":69,"path":70,"stem":71},"AI Diff","\u002Fcomponents\u002Fai\u002Fai-diff","3.components\u002Fai\u002Fai-diff",{"title":73,"path":74,"stem":75},"AI Message","\u002Fcomponents\u002Fai\u002Fai-message","3.components\u002Fai\u002Fai-message",{"title":77,"path":78,"stem":79},"AI Messages","\u002Fcomponents\u002Fai\u002Fai-messages","3.components\u002Fai\u002Fai-messages",{"title":81,"path":82,"stem":83},"AI Orb","\u002Fcomponents\u002Fai\u002Fai-orb","3.components\u002Fai\u002Fai-orb",{"title":85,"path":86,"stem":87},"AI Orb Face","\u002Fcomponents\u002Fai\u002Fai-orb-face","3.components\u002Fai\u002Fai-orb-face",{"title":89,"path":90,"stem":91},"AI Prompt Input","\u002Fcomponents\u002Fai\u002Fai-prompt-input","3.components\u002Fai\u002Fai-prompt-input",{"title":93,"path":94,"stem":95},"AI Reasoning","\u002Fcomponents\u002Fai\u002Fai-reasoning","3.components\u002Fai\u002Fai-reasoning",{"title":97,"path":98,"stem":99},"AI Response","\u002Fcomponents\u002Fai\u002Fai-response","3.components\u002Fai\u002Fai-response",{"title":101,"path":102,"stem":103},"AI Sources","\u002Fcomponents\u002Fai\u002Fai-sources","3.components\u002Fai\u002Fai-sources",{"title":105,"path":106,"stem":107},"AI Task List","\u002Fcomponents\u002Fai\u002Fai-task-list","3.components\u002Fai\u002Fai-task-list",{"title":109,"path":110,"stem":111},"AI Tool Call","\u002Fcomponents\u002Fai\u002Fai-tool-call","3.components\u002Fai\u002Fai-tool-call",{"title":113,"icon":114,"path":115,"stem":116,"children":117,"page":53},"Backgrounds","i-lucide-layers","\u002Fcomponents\u002Fbackgrounds","3.components\u002Fbackgrounds",[118,122,126,130,134,138,142,146,150,154,158,162,166,170,174],{"title":119,"path":120,"stem":121},"Animated Background","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-background","3.components\u002Fbackgrounds\u002Fanimated-background",{"title":123,"path":124,"stem":125},"Animated Spotlight","\u002Fcomponents\u002Fbackgrounds\u002Fanimated-spotlight","3.components\u002Fbackgrounds\u002Fanimated-spotlight",{"title":127,"path":128,"stem":129},"Aurora Background","\u002Fcomponents\u002Fbackgrounds\u002Faurora-background","3.components\u002Fbackgrounds\u002Faurora-background",{"title":131,"path":132,"stem":133},"Background Beams","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-beams","3.components\u002Fbackgrounds\u002Fbackground-beams",{"title":135,"path":136,"stem":137},"Background Gradient Animation","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-gradient-animation","3.components\u002Fbackgrounds\u002Fbackground-gradient-animation",{"title":139,"path":140,"stem":141},"Background Lines","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-lines","3.components\u002Fbackgrounds\u002Fbackground-lines",{"title":143,"path":144,"stem":145},"Background Ripple Effect","\u002Fcomponents\u002Fbackgrounds\u002Fbackground-ripple-effect","3.components\u002Fbackgrounds\u002Fbackground-ripple-effect",{"title":147,"path":148,"stem":149},"Boxes Core","\u002Fcomponents\u002Fbackgrounds\u002Fboxes-core","3.components\u002Fbackgrounds\u002Fboxes-core",{"title":151,"path":152,"stem":153},"Directional Light","\u002Fcomponents\u002Fbackgrounds\u002Fdirectional-light","3.components\u002Fbackgrounds\u002Fdirectional-light",{"title":155,"path":156,"stem":157},"Dotted Glow Background","\u002Fcomponents\u002Fbackgrounds\u002Fdotted-glow-background","3.components\u002Fbackgrounds\u002Fdotted-glow-background",{"title":159,"path":160,"stem":161},"Lamp Container","\u002Fcomponents\u002Fbackgrounds\u002Flamp-container","3.components\u002Fbackgrounds\u002Flamp-container",{"title":163,"path":164,"stem":165},"Meteors","\u002Fcomponents\u002Fbackgrounds\u002Fmeteors","3.components\u002Fbackgrounds\u002Fmeteors",{"title":167,"path":168,"stem":169},"Shooting Stars","\u002Fcomponents\u002Fbackgrounds\u002Fshooting-stars","3.components\u002Fbackgrounds\u002Fshooting-stars",{"title":171,"path":172,"stem":173},"Stars Background","\u002Fcomponents\u002Fbackgrounds\u002Fstars-background","3.components\u002Fbackgrounds\u002Fstars-background",{"title":175,"path":176,"stem":177},"Vortex","\u002Fcomponents\u002Fbackgrounds\u002Fvortex","3.components\u002Fbackgrounds\u002Fvortex",{"title":179,"icon":180,"path":181,"stem":182,"children":183,"page":53},"Buttons","i-lucide-mouse-pointer-click","\u002Fcomponents\u002Fbuttons","3.components\u002Fbuttons",[184,188,192,196,200,204,208],{"title":185,"path":186,"stem":187},"Button Copy","\u002Fcomponents\u002Fbuttons\u002Fbutton-copy","3.components\u002Fbuttons\u002Fbutton-copy",{"title":189,"path":190,"stem":191},"Clip Corners Button","\u002Fcomponents\u002Fbuttons\u002Fclip-corners-button","3.components\u002Fbuttons\u002Fclip-corners-button",{"title":193,"path":194,"stem":195},"Dot Morph Button","\u002Fcomponents\u002Fbuttons\u002Fdot-morph-button","3.components\u002Fbuttons\u002Fdot-morph-button",{"title":197,"path":198,"stem":199},"Magnetic Button","\u002Fcomponents\u002Fbuttons\u002Fmagnetic-button","3.components\u002Fbuttons\u002Fmagnetic-button",{"title":201,"path":202,"stem":203},"Music Toggle","\u002Fcomponents\u002Fbuttons\u002Fmusic-toggle","3.components\u002Fbuttons\u002Fmusic-toggle",{"title":205,"path":206,"stem":207},"Smooth Button","\u002Fcomponents\u002Fbuttons\u002Fsmooth-button","3.components\u002Fbuttons\u002Fsmooth-button",{"title":209,"path":210,"stem":211},"Theme Toggle","\u002Fcomponents\u002Fbuttons\u002Ftheme-toggle","3.components\u002Fbuttons\u002Ftheme-toggle",{"title":213,"icon":214,"path":215,"stem":216,"children":217,"page":53},"Cards","i-lucide-layout-panel-top","\u002Fcomponents\u002Fcards","3.components\u002Fcards",[218,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,282,286,290,294,298],{"title":219,"path":220,"stem":221},"App Download Stack","\u002Fcomponents\u002Fcards\u002Fapp-download-stack","3.components\u002Fcards\u002Fapp-download-stack",{"title":223,"path":224,"stem":225},"Apple Invites","\u002Fcomponents\u002Fcards\u002Fapple-invites","3.components\u002Fcards\u002Fapple-invites",{"title":227,"path":228,"stem":229},"Stacked Cards","\u002Fcomponents\u002Fcards\u002Fcard-stack","3.components\u002Fcards\u002Fcard-stack",{"title":231,"path":232,"stem":233},"Draggable Card","\u002Fcomponents\u002Fcards\u002Fdraggable-card","3.components\u002Fcards\u002Fdraggable-card",{"title":235,"path":236,"stem":237},"Evervault Card","\u002Fcomponents\u002Fcards\u002Fever-vault-card","3.components\u002Fcards\u002Fever-vault-card",{"title":239,"path":240,"stem":241},"Expandable Cards","\u002Fcomponents\u002Fcards\u002Fexpandable-cards","3.components\u002Fcards\u002Fexpandable-cards",{"title":243,"path":244,"stem":245},"Figma Comment","\u002Fcomponents\u002Fcards\u002Ffigma-comment","3.components\u002Fcards\u002Ffigma-comment",{"title":247,"path":248,"stem":249},"Focus Cards","\u002Fcomponents\u002Fcards\u002Ffocus-cards","3.components\u002Fcards\u002Ffocus-cards",{"title":251,"path":252,"stem":253},"Glare Card","\u002Fcomponents\u002Fcards\u002Fglare-card","3.components\u002Fcards\u002Fglare-card",{"title":255,"path":256,"stem":257},"Glass Card","\u002Fcomponents\u002Fcards\u002Fglass-card","3.components\u002Fcards\u002Fglass-card",{"title":259,"path":260,"stem":261},"Glass Panel","\u002Fcomponents\u002Fcards\u002Fglass-panel","3.components\u002Fcards\u002Fglass-panel",{"title":263,"path":264,"stem":265},"Glow Hover Cards","\u002Fcomponents\u002Fcards\u002Fglow-hover-cards","3.components\u002Fcards\u002Fglow-hover-cards",{"title":267,"path":268,"stem":269},"Glowing Stars Card","\u002Fcomponents\u002Fcards\u002Fglowing-stars-card","3.components\u002Fcards\u002Fglowing-stars-card",{"title":271,"path":272,"stem":273},"Mail Card","\u002Fcomponents\u002Fcards\u002Fmail-card","3.components\u002Fcards\u002Fmail-card",{"title":275,"path":276,"stem":277},"Price Flow","\u002Fcomponents\u002Fcards\u002Fprice-flow","3.components\u002Fcards\u002Fprice-flow",{"title":279,"path":280,"stem":281},"Product Card","\u002Fcomponents\u002Fcards\u002Fproduct-card","3.components\u002Fcards\u002Fproduct-card",{"title":283,"path":284,"stem":285},"Social Hover Card","\u002Fcomponents\u002Fcards\u002Fsocial-hover-card","3.components\u002Fcards\u002Fsocial-hover-card",{"title":287,"path":288,"stem":289},"Switchboard Card","\u002Fcomponents\u002Fcards\u002Fswitchboard-card","3.components\u002Fcards\u002Fswitchboard-card",{"title":291,"path":292,"stem":293},"Tweet Card","\u002Fcomponents\u002Fcards\u002Ftweet-card","3.components\u002Fcards\u002Ftweet-card",{"title":295,"path":296,"stem":297},"Wallet Card","\u002Fcomponents\u002Fcards\u002Fwallet-card","3.components\u002Fcards\u002Fwallet-card",{"title":299,"path":300,"stem":301},"Wobble Card","\u002Fcomponents\u002Fcards\u002Fwobble-card","3.components\u002Fcards\u002Fwobble-card",{"title":303,"icon":304,"path":305,"stem":306,"children":307,"page":53},"Carousels","i-lucide-gallery-horizontal-end","\u002Fcomponents\u002Fcarousels","3.components\u002Fcarousels",[308,312,316],{"title":309,"path":310,"stem":311},"Carousel","\u002Fcomponents\u002Fcarousels\u002Fcarousel","3.components\u002Fcarousels\u002Fcarousel",{"title":313,"path":314,"stem":315},"Coverflow Carousel","\u002Fcomponents\u002Fcarousels\u002Fcoverflow-carousel","3.components\u002Fcarousels\u002Fcoverflow-carousel",{"title":317,"path":318,"stem":319},"Reviews Carousel","\u002Fcomponents\u002Fcarousels\u002Freviews-carousel","3.components\u002Fcarousels\u002Freviews-carousel",{"title":321,"icon":322,"path":323,"stem":324,"children":325,"page":53},"Directional","i-lucide-move-3d","\u002Fcomponents\u002Fdirectional","3.components\u002Fdirectional",[326,330],{"title":327,"path":328,"stem":329},"Direction Aware Hover","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover","3.components\u002Fdirectional\u002Fdirection-aware-hover",{"title":331,"path":332,"stem":333},"Direction Aware Hover New","\u002Fcomponents\u002Fdirectional\u002Fdirection-aware-hover-new","3.components\u002Fdirectional\u002Fdirection-aware-hover-new",{"title":335,"icon":336,"path":337,"stem":338,"children":339,"page":53},"Visual Effects","i-lucide-wand-sparkles","\u002Fcomponents\u002Feffects","3.components\u002Feffects",[340,344,348,352,356,360,364,368,372,376,380,384,388,392,396,400,404,408,412,416,420,424],{"title":341,"path":342,"stem":343},"ASCII Render","\u002Fcomponents\u002Feffects\u002Fascii-render","3.components\u002Feffects\u002Fascii-render",{"title":345,"path":346,"stem":347},"Border Beam","\u002Fcomponents\u002Feffects\u002Fborder-beam","3.components\u002Feffects\u002Fborder-beam",{"title":349,"path":350,"stem":351},"Border Trail","\u002Fcomponents\u002Feffects\u002Fborder-trail","3.components\u002Feffects\u002Fborder-trail",{"title":353,"path":354,"stem":355},"Dither Chart","\u002Fcomponents\u002Feffects\u002Fdither-chart","3.components\u002Feffects\u002Fdither-chart",{"title":357,"path":358,"stem":359},"Div Grid","\u002Fcomponents\u002Feffects\u002Fdiv-grid","3.components\u002Feffects\u002Fdiv-grid",{"title":361,"path":362,"stem":363},"Drawing Cursor","\u002Fcomponents\u002Feffects\u002Fdrawing-cursor","3.components\u002Feffects\u002Fdrawing-cursor",{"title":365,"path":366,"stem":367},"Emboss Surface","\u002Fcomponents\u002Feffects\u002Femboss-surface","3.components\u002Feffects\u002Femboss-surface",{"title":369,"path":370,"stem":371},"Brightness slider","\u002Fcomponents\u002Feffects\u002Fexposure-slider","3.components\u002Feffects\u002Fexposure-slider",{"title":373,"path":374,"stem":375},"Flowing Stroke","\u002Fcomponents\u002Feffects\u002Fflowing-stroke","3.components\u002Feffects\u002Fflowing-stroke",{"title":377,"path":378,"stem":379},"Glow Effect","\u002Fcomponents\u002Feffects\u002Fglow-effect","3.components\u002Feffects\u002Fglow-effect",{"title":381,"path":382,"stem":383},"Glowing Effect","\u002Fcomponents\u002Feffects\u002Fglowing-effect","3.components\u002Feffects\u002Fglowing-effect",{"title":385,"path":386,"stem":387},"Iridescent foil","\u002Fcomponents\u002Feffects\u002Fholographic-foil","3.components\u002Feffects\u002Fholographic-foil",{"title":389,"path":390,"stem":391},"Liquid Metal","\u002Fcomponents\u002Feffects\u002Fliquid-metal","3.components\u002Feffects\u002Fliquid-metal",{"title":393,"path":394,"stem":395},"Mask Container","\u002Fcomponents\u002Feffects\u002Fmask-container","3.components\u002Feffects\u002Fmask-container",{"title":397,"path":398,"stem":399},"Depth layers","\u002Fcomponents\u002Feffects\u002Fparallax-layers","3.components\u002Feffects\u002Fparallax-layers",{"title":401,"path":402,"stem":403},"Pixelated Canvas","\u002Fcomponents\u002Feffects\u002Fpixelated-canvas","3.components\u002Feffects\u002Fpixelated-canvas",{"title":405,"path":406,"stem":407},"Progressive Blur","\u002Fcomponents\u002Feffects\u002Fprogressive-blur","3.components\u002Feffects\u002Fprogressive-blur",{"title":409,"path":410,"stem":411},"Siri Orb","\u002Fcomponents\u002Feffects\u002Fsiri-orb","3.components\u002Feffects\u002Fsiri-orb",{"title":413,"path":414,"stem":415},"Spotlight","\u002Fcomponents\u002Feffects\u002Fspotlight","3.components\u002Feffects\u002Fspotlight",{"title":417,"path":418,"stem":419},"Squircle","\u002Fcomponents\u002Feffects\u002Fsquircle","3.components\u002Feffects\u002Fsquircle",{"title":421,"path":422,"stem":423},"SVG Clip Mask","\u002Fcomponents\u002Feffects\u002Fsvg-clip-mask","3.components\u002Feffects\u002Fsvg-clip-mask",{"title":425,"path":426,"stem":427},"Tracing Beam","\u002Fcomponents\u002Feffects\u002Ftracing-beam","3.components\u002Feffects\u002Ftracing-beam",{"title":429,"icon":430,"path":431,"stem":432,"children":433,"page":53},"Forms","i-lucide-text-cursor-input","\u002Fcomponents\u002Fforms","3.components\u002Fforms",[434,438,442,446,450,454,458,462,466,470,474],{"title":435,"path":436,"stem":437},"Animated File Upload","\u002Fcomponents\u002Fforms\u002Fanimated-file-upload","3.components\u002Fforms\u002Fanimated-file-upload",{"title":439,"path":440,"stem":441},"Animated Input","\u002Fcomponents\u002Fforms\u002Fanimated-input","3.components\u002Fforms\u002Fanimated-input",{"title":443,"path":444,"stem":445},"Animated Number Input","\u002Fcomponents\u002Fforms\u002Fanimated-number-input","3.components\u002Fforms\u002Fanimated-number-input",{"title":447,"path":448,"stem":449},"Animated OTP Input","\u002Fcomponents\u002Fforms\u002Fanimated-otp-input","3.components\u002Fforms\u002Fanimated-otp-input",{"title":451,"path":452,"stem":453},"Animated Progress Bar","\u002Fcomponents\u002Fforms\u002Fanimated-progress-bar","3.components\u002Fforms\u002Fanimated-progress-bar",{"title":455,"path":456,"stem":457},"Animated Stepper","\u002Fcomponents\u002Fforms\u002Fanimated-stepper","3.components\u002Fforms\u002Fanimated-stepper",{"title":459,"path":460,"stem":461},"Animated Tags","\u002Fcomponents\u002Fforms\u002Fanimated-tags","3.components\u002Fforms\u002Fanimated-tags",{"title":463,"path":464,"stem":465},"Animated Toggle","\u002Fcomponents\u002Fforms\u002Fanimated-toggle","3.components\u002Fforms\u002Fanimated-toggle",{"title":467,"path":468,"stem":469},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","3.components\u002Fforms\u002Fcheckbox",{"title":471,"path":472,"stem":473},"Duration Picker","\u002Fcomponents\u002Fforms\u002Fduration-picker","3.components\u002Fforms\u002Fduration-picker",{"title":475,"path":476,"stem":477},"Radio Group","\u002Fcomponents\u002Fforms\u002Fradio-group","3.components\u002Fforms\u002Fradio-group",{"title":479,"icon":480,"path":481,"stem":482,"children":483,"page":53},"Interactive","i-lucide-hand","\u002Fcomponents\u002Finteractive","3.components\u002Finteractive",[484,488,492,496,500,504,508,512,516,520,524,528,532,536,540,544,548,552,556,560,564,568],{"title":485,"path":486,"stem":487},"Accordion","\u002Fcomponents\u002Finteractive\u002Faccordion","3.components\u002Finteractive\u002Faccordion",{"title":489,"path":490,"stem":491},"Motion dialog","\u002Fcomponents\u002Finteractive\u002Fanimated-dialog","3.components\u002Finteractive\u002Fanimated-dialog",{"title":493,"path":494,"stem":495},"Animated Tooltip","\u002Fcomponents\u002Finteractive\u002Fanimated-tooltip","3.components\u002Finteractive\u002Fanimated-tooltip",{"title":497,"path":498,"stem":499},"Basic Dropdown","\u002Fcomponents\u002Finteractive\u002Fbasic-dropdown","3.components\u002Finteractive\u002Fbasic-dropdown",{"title":501,"path":502,"stem":503},"Basic Toast","\u002Fcomponents\u002Finteractive\u002Fbasic-toast","3.components\u002Finteractive\u002Fbasic-toast",{"title":505,"path":506,"stem":507},"Code Block","\u002Fcomponents\u002Finteractive\u002Fcode-block","3.components\u002Finteractive\u002Fcode-block",{"title":509,"path":510,"stem":511},"Dock","\u002Fcomponents\u002Finteractive\u002Fdock","3.components\u002Finteractive\u002Fdock",{"title":513,"path":514,"stem":515},"Drag and Drop","\u002Fcomponents\u002Finteractive\u002Fdrag-and-drop","3.components\u002Finteractive\u002Fdrag-and-drop",{"title":517,"path":518,"stem":519},"Drawer","\u002Fcomponents\u002Finteractive\u002Fdrawer","3.components\u002Finteractive\u002Fdrawer",{"title":521,"path":522,"stem":523},"Dynamic Group","\u002Fcomponents\u002Finteractive\u002Fdynamic-group","3.components\u002Finteractive\u002Fdynamic-group",{"title":525,"path":526,"stem":527},"Dynamic Island","\u002Fcomponents\u002Finteractive\u002Fdynamic-island","3.components\u002Finteractive\u002Fdynamic-island",{"title":529,"path":530,"stem":531},"Emoji Reaction","\u002Fcomponents\u002Finteractive\u002Femoji-reaction","3.components\u002Finteractive\u002Femoji-reaction",{"title":533,"path":534,"stem":535},"Image compare","\u002Fcomponents\u002Finteractive\u002Fimage-comparison","3.components\u002Finteractive\u002Fimage-comparison",{"title":537,"path":538,"stem":539},"Morph Icon","\u002Fcomponents\u002Finteractive\u002Fmorph-icon","3.components\u002Finteractive\u002Fmorph-icon",{"title":541,"path":542,"stem":543},"Shape-shift dialog","\u002Fcomponents\u002Finteractive\u002Fmorphing-dialog","3.components\u002Finteractive\u002Fmorphing-dialog",{"title":545,"path":546,"stem":547},"Shape-shift popover","\u002Fcomponents\u002Finteractive\u002Fmorphing-popover","3.components\u002Finteractive\u002Fmorphing-popover",{"title":549,"path":550,"stem":551},"Notification Badge","\u002Fcomponents\u002Finteractive\u002Fnotification-badge","3.components\u002Finteractive\u002Fnotification-badge",{"title":553,"path":554,"stem":555},"Orbital Image Wheel","\u002Fcomponents\u002Finteractive\u002Forbital-image-wheel","3.components\u002Finteractive\u002Forbital-image-wheel",{"title":557,"path":558,"stem":559},"Pinned List","\u002Fcomponents\u002Finteractive\u002Fpinned-list","3.components\u002Finteractive\u002Fpinned-list",{"title":561,"path":562,"stem":563},"Rich Popover","\u002Fcomponents\u002Finteractive\u002Frich-popover","3.components\u002Finteractive\u002Frich-popover",{"title":565,"path":566,"stem":567},"Unlock Face ID","\u002Fcomponents\u002Finteractive\u002Funlock-face-id","3.components\u002Finteractive\u002Funlock-face-id",{"title":569,"path":570,"stem":571},"Video Modal","\u002Fcomponents\u002Finteractive\u002Fvideo-modal","3.components\u002Finteractive\u002Fvideo-modal",{"title":573,"icon":574,"path":575,"stem":576,"children":577,"page":53},"Layout","i-lucide-layout-grid","\u002Fcomponents\u002Flayout","3.components\u002Flayout",[578,582],{"title":579,"path":580,"stem":581},"Animated Group","\u002Fcomponents\u002Flayout\u002Fanimated-group","3.components\u002Flayout\u002Fanimated-group",{"title":583,"path":584,"stem":585},"Collision","\u002Fcomponents\u002Flayout\u002Fcollision","3.components\u002Flayout\u002Fcollision",{"title":587,"icon":588,"path":589,"stem":590,"children":591,"page":53},"Loaders & Progress","i-lucide-loader-circle","\u002Fcomponents\u002Floaders","3.components\u002Floaders",[592,596,600],{"title":593,"path":594,"stem":595},"Grid Loader","\u002Fcomponents\u002Floaders\u002Fgrid-loader","3.components\u002Floaders\u002Fgrid-loader",{"title":597,"path":598,"stem":599},"Motion Loader","\u002Fcomponents\u002Floaders\u002Fmotion-loader","3.components\u002Floaders\u002Fmotion-loader",{"title":601,"path":602,"stem":603},"Page Preloader","\u002Fcomponents\u002Floaders\u002Fpage-preloader","3.components\u002Floaders\u002Fpage-preloader",{"title":605,"icon":606,"path":607,"stem":608,"children":609,"page":53},"Interaction & Movement","i-lucide-move","\u002Fcomponents\u002Fmovement","3.components\u002Fmovement",[610,614,618,622],{"title":611,"path":612,"stem":613},"Cursor","\u002Fcomponents\u002Fmovement\u002Fcursor","3.components\u002Fmovement\u002Fcursor",{"title":615,"path":616,"stem":617},"Force Dot","\u002Fcomponents\u002Fmovement\u002Fforce-dot","3.components\u002Fmovement\u002Fforce-dot",{"title":619,"path":620,"stem":621},"Magnetic","\u002Fcomponents\u002Fmovement\u002Fmagnetic","3.components\u002Fmovement\u002Fmagnetic",{"title":623,"path":624,"stem":625},"Tilt","\u002Fcomponents\u002Fmovement\u002Ftilt","3.components\u002Fmovement\u002Ftilt",{"title":627,"icon":628,"path":629,"stem":630,"children":631,"page":53},"Navigation & Toolbars","i-lucide-menu","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation",[632,636,640,644],{"title":633,"path":634,"stem":635},"Expandable Navbar","\u002Fcomponents\u002Fnavigation\u002Fexpandable-navbar","3.components\u002Fnavigation\u002Fexpandable-navbar",{"title":637,"path":638,"stem":639},"Floating Navbar","\u002Fcomponents\u002Fnavigation\u002Ffloating-navbar","3.components\u002Fnavigation\u002Ffloating-navbar",{"title":641,"path":642,"stem":643},"Toolbar adaptive","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-dynamic","3.components\u002Fnavigation\u002Ftoolbar-dynamic",{"title":645,"path":646,"stem":647},"Toolbar collapsible","\u002Fcomponents\u002Fnavigation\u002Ftoolbar-expandable","3.components\u002Fnavigation\u002Ftoolbar-expandable",{"title":649,"icon":650,"path":651,"stem":652,"children":653,"page":53},"Scroll & Viewport","i-lucide-scroll-text","\u002Fcomponents\u002Fscroll","3.components\u002Fscroll",[654,658,662,666,670,674,678],{"title":655,"path":656,"stem":657},"In View","\u002Fcomponents\u002Fscroll\u002Fin-view","3.components\u002Fscroll\u002Fin-view",{"title":659,"path":660,"stem":661},"Infinite Slider","\u002Fcomponents\u002Fscroll\u002Finfinite-slider","3.components\u002Fscroll\u002Finfinite-slider",{"title":663,"path":664,"stem":665},"Kinetic Type Scroll","\u002Fcomponents\u002Fscroll\u002Fkinetic-type-scroll","3.components\u002Fscroll\u002Fkinetic-type-scroll",{"title":667,"path":668,"stem":669},"Scroll Image Reveal","\u002Fcomponents\u002Fscroll\u002Fscroll-image-reveal","3.components\u002Fscroll\u002Fscroll-image-reveal",{"title":671,"path":672,"stem":673},"Scroll Progress","\u002Fcomponents\u002Fscroll\u002Fscroll-progress","3.components\u002Fscroll\u002Fscroll-progress",{"title":675,"path":676,"stem":677},"Scroll Velocity","\u002Fcomponents\u002Fscroll\u002Fscroll-velocity","3.components\u002Fscroll\u002Fscroll-velocity",{"title":679,"path":680,"stem":681},"Svg Draw On Scroll","\u002Fcomponents\u002Fscroll\u002Fsvg-draw-on-scroll","3.components\u002Fscroll\u002Fsvg-draw-on-scroll",{"title":683,"icon":684,"path":685,"stem":686,"children":687,"page":53},"Text & Numbers","i-lucide-type","\u002Fcomponents\u002Ftext","3.components\u002Ftext",[688,692,696,700,704,708,712,716,720,724,728,732,736,740,744,748,752,756,760,764,768,772,776,780,784,788,792,796,800,804,808,812,816,820,824,828,832,836,840],{"title":689,"path":690,"stem":691},"Animated Avatar Group","\u002Fcomponents\u002Ftext\u002Fanimated-avatar-group","3.components\u002Ftext\u002Fanimated-avatar-group",{"title":693,"path":694,"stem":695},"Animated List","\u002Fcomponents\u002Ftext\u002Fanimated-list","3.components\u002Ftext\u002Fanimated-list",{"title":697,"path":698,"stem":699},"Animated Number","\u002Fcomponents\u002Ftext\u002Fanimated-number","3.components\u002Ftext\u002Fanimated-number",{"title":701,"path":702,"stem":703},"Blur Out Up","\u002Fcomponents\u002Ftext\u002Fblur-out-up","3.components\u002Ftext\u002Fblur-out-up",{"title":705,"path":706,"stem":707},"Bottom Up Letters","\u002Fcomponents\u002Ftext\u002Fbottom-up-letters","3.components\u002Ftext\u002Fbottom-up-letters",{"title":709,"path":710,"stem":711},"Counting Number","\u002Fcomponents\u002Ftext\u002Fcounting-number","3.components\u002Ftext\u002Fcounting-number",{"title":713,"path":714,"stem":715},"Focus Blur Resolve","\u002Fcomponents\u002Ftext\u002Ffocus-blur-resolve","3.components\u002Ftext\u002Ffocus-blur-resolve",{"title":717,"path":718,"stem":719},"Line By Line Slide","\u002Fcomponents\u002Ftext\u002Fline-by-line-slide","3.components\u002Ftext\u002Fline-by-line-slide",{"title":721,"path":722,"stem":723},"Mask Reveal Up","\u002Fcomponents\u002Ftext\u002Fmask-reveal-up","3.components\u002Ftext\u002Fmask-reveal-up",{"title":725,"path":726,"stem":727},"Micro Scale Fade","\u002Fcomponents\u002Ftext\u002Fmicro-scale-fade","3.components\u002Ftext\u002Fmicro-scale-fade",{"title":729,"path":730,"stem":731},"Per Word Crossfade","\u002Fcomponents\u002Ftext\u002Fper-word-crossfade","3.components\u002Ftext\u002Fper-word-crossfade",{"title":733,"path":734,"stem":735},"Perspective Text 3D","\u002Fcomponents\u002Ftext\u002Fperspective-text-3d","3.components\u002Ftext\u002Fperspective-text-3d",{"title":737,"path":738,"stem":739},"Ransom Note","\u002Fcomponents\u002Ftext\u002Fransom-note","3.components\u002Ftext\u002Fransom-note",{"title":741,"path":742,"stem":743},"Shine Text","\u002Fcomponents\u002Ftext\u002Fshine-text","3.components\u002Ftext\u002Fshine-text",{"title":745,"path":746,"stem":747},"Short Lower in","\u002Fcomponents\u002Ftext\u002Fshort-slide-down","3.components\u002Ftext\u002Fshort-slide-down",{"title":749,"path":750,"stem":751},"Short Slide Right","\u002Fcomponents\u002Ftext\u002Fshort-slide-right","3.components\u002Ftext\u002Fshort-slide-right",{"title":753,"path":754,"stem":755},"Sliding Number","\u002Fcomponents\u002Ftext\u002Fsliding-number","3.components\u002Ftext\u002Fsliding-number",{"title":757,"path":758,"stem":759},"Soft Blur In","\u002Fcomponents\u002Ftext\u002Fsoft-blur-in","3.components\u002Ftext\u002Fsoft-blur-in",{"title":761,"path":762,"stem":763},"Spinning Text","\u002Fcomponents\u002Ftext\u002Fspinning-text","3.components\u002Ftext\u002Fspinning-text",{"title":765,"path":766,"stem":767},"Spring Scale In","\u002Fcomponents\u002Ftext\u002Fspring-scale-in","3.components\u002Ftext\u002Fspring-scale-in",{"title":769,"path":770,"stem":771},"Stagger From Center","\u002Fcomponents\u002Ftext\u002Fstagger-from-center","3.components\u002Ftext\u002Fstagger-from-center",{"title":773,"path":774,"stem":775},"Stagger From Edges","\u002Fcomponents\u002Ftext\u002Fstagger-from-edges","3.components\u002Ftext\u002Fstagger-from-edges",{"title":777,"path":778,"stem":779},"Text motion","\u002Fcomponents\u002Ftext\u002Ftext-effect","3.components\u002Ftext\u002Ftext-effect",{"title":781,"path":782,"stem":783},"Text Glitch","\u002Fcomponents\u002Ftext\u002Ftext-glitch","3.components\u002Ftext\u002Ftext-glitch",{"title":785,"path":786,"stem":787},"Text Glitch New","\u002Fcomponents\u002Ftext\u002Ftext-glitch-new","3.components\u002Ftext\u002Ftext-glitch-new",{"title":789,"path":790,"stem":791},"Text Gradient","\u002Fcomponents\u002Ftext\u002Ftext-gradient","3.components\u002Ftext\u002Ftext-gradient",{"title":793,"path":794,"stem":795},"Text Loop","\u002Fcomponents\u002Ftext\u002Ftext-loop","3.components\u002Ftext\u002Ftext-loop",{"title":797,"path":798,"stem":799},"Text Morph","\u002Fcomponents\u002Ftext\u002Ftext-morph","3.components\u002Ftext\u002Ftext-morph",{"title":801,"path":802,"stem":803},"Text Reveal","\u002Fcomponents\u002Ftext\u002Ftext-reveal","3.components\u002Ftext\u002Ftext-reveal",{"title":805,"path":806,"stem":807},"Text Roll","\u002Fcomponents\u002Ftext\u002Ftext-roll","3.components\u002Ftext\u002Ftext-roll",{"title":809,"path":810,"stem":811},"Text Scramble","\u002Fcomponents\u002Ftext\u002Ftext-scramble","3.components\u002Ftext\u002Ftext-scramble",{"title":813,"path":814,"stem":815},"Text Shimmer","\u002Fcomponents\u002Ftext\u002Ftext-shimmer","3.components\u002Ftext\u002Ftext-shimmer",{"title":817,"path":818,"stem":819},"Text Shimmer Wave","\u002Fcomponents\u002Ftext\u002Ftext-shimmer-wave","3.components\u002Ftext\u002Ftext-shimmer-wave",{"title":821,"path":822,"stem":823},"Top Down Letters","\u002Fcomponents\u002Ftext\u002Ftop-down-letters","3.components\u002Ftext\u002Ftop-down-letters",{"title":825,"path":826,"stem":827},"True Focus","\u002Fcomponents\u002Ftext\u002Ftrue-focus","3.components\u002Ftext\u002Ftrue-focus",{"title":829,"path":830,"stem":831},"Typing Text","\u002Fcomponents\u002Ftext\u002Ftyping-text","3.components\u002Ftext\u002Ftyping-text",{"title":833,"path":834,"stem":835},"Variable Proximity","\u002Fcomponents\u002Ftext\u002Fvariable-proximity","3.components\u002Ftext\u002Fvariable-proximity",{"title":837,"path":838,"stem":839},"Wave Text","\u002Fcomponents\u002Ftext\u002Fwave-text","3.components\u002Ftext\u002Fwave-text",{"title":841,"path":842,"stem":843},"Word Rotate","\u002Fcomponents\u002Ftext\u002Fword-rotate","3.components\u002Ftext\u002Fword-rotate",{"title":845,"icon":846,"path":847,"stem":848,"children":849,"page":53},"Transitions","i-lucide-git-compare","\u002Fcomponents\u002Ftransitions","3.components\u002Ftransitions",[850,854,858,862],{"title":851,"path":852,"stem":853},"Prism Sweep Transition","\u002Fcomponents\u002Ftransitions\u002Fprism-sweep-transition","3.components\u002Ftransitions\u002Fprism-sweep-transition",{"title":855,"path":856,"stem":857},"SDF Blob Transition","\u002Fcomponents\u002Ftransitions\u002Fsdf-blob-transition","3.components\u002Ftransitions\u002Fsdf-blob-transition",{"title":859,"path":860,"stem":861},"Shader Reveal Transition","\u002Fcomponents\u002Ftransitions\u002Fshader-reveal-transition","3.components\u002Ftransitions\u002Fshader-reveal-transition",{"title":863,"path":864,"stem":865},"Transition Panel","\u002Fcomponents\u002Ftransitions\u002Ftransition-panel","3.components\u002Ftransitions\u002Ftransition-panel",{"title":867,"path":868,"stem":869,"children":870,"icon":888},"Composables","\u002Fcomposables","4.composables\u002Findex",[871,872,876,880,884],{"title":867,"path":868,"stem":869},{"title":873,"path":874,"stem":875},"useCanvasCursor","\u002Fcomposables\u002Fuse-canvas-cursor","4.composables\u002Fuse-canvas-cursor",{"title":877,"path":878,"stem":879},"useFluidCursor","\u002Fcomposables\u002Fuse-fluid-cursor","4.composables\u002Fuse-fluid-cursor",{"title":881,"path":882,"stem":883},"useMotionBlockUI","\u002Fcomposables\u002Fuse-motion-block-ui","4.composables\u002Fuse-motion-block-ui",{"title":885,"path":886,"stem":887},"useThemeColor","\u002Fcomposables\u002Fuse-theme-color","4.composables\u002Fuse-theme-color","i-lucide-puzzle",{"title":890,"path":891,"stem":892,"children":893,"icon":895},"Guides","\u002Fguides","5.guides\u002Findex",[894],{"title":890,"path":891,"stem":892},"i-lucide-book-open",{"title":897,"icon":898,"path":899,"stem":900,"children":901},"Blocks","i-lucide-blocks","\u002Fblocks","6.blocks",[902,904,917,926,939,952,968,981,990,999,1012,1021,1034,1043],{"title":897,"path":899,"stem":903},"6.blocks\u002Findex",{"title":905,"path":906,"stem":907,"children":908,"page":53},"Blog","\u002Fblocks\u002Fblog","6.blocks\u002Fblog",[909,913],{"title":910,"path":911,"stem":912},"Article Page","\u002Fblocks\u002Fblog\u002Farticle-page","6.blocks\u002Fblog\u002Farticle-page",{"title":914,"path":915,"stem":916},"Blog Listing","\u002Fblocks\u002Fblog\u002Fblog-listing","6.blocks\u002Fblog\u002Fblog-listing",{"title":918,"path":919,"stem":920,"children":921,"page":53},"Cta","\u002Fblocks\u002Fcta","6.blocks\u002Fcta",[922],{"title":923,"path":924,"stem":925},"Centered CTA","\u002Fblocks\u002Fcta\u002Fcentered-cta","6.blocks\u002Fcta\u002Fcentered-cta",{"title":927,"path":928,"stem":929,"children":930,"page":53},"Dashboard Components","\u002Fblocks\u002Fdashboard-components","6.blocks\u002Fdashboard-components",[931,935],{"title":932,"path":933,"stem":934},"Analytics Dashboard","\u002Fblocks\u002Fdashboard-components\u002Fanalytics-dashboard","6.blocks\u002Fdashboard-components\u002Fanalytics-dashboard",{"title":936,"path":937,"stem":938},"User Management Table","\u002Fblocks\u002Fdashboard-components\u002Fuser-management","6.blocks\u002Fdashboard-components\u002Fuser-management",{"title":940,"path":941,"stem":942,"children":943,"page":53},"E Commerce","\u002Fblocks\u002Fe-commerce","6.blocks\u002Fe-commerce",[944,948],{"title":945,"path":946,"stem":947},"Product Grid","\u002Fblocks\u002Fe-commerce\u002Fproduct-grid","6.blocks\u002Fe-commerce\u002Fproduct-grid",{"title":949,"path":950,"stem":951},"Shopping Cart","\u002Fblocks\u002Fe-commerce\u002Fshopping-cart","6.blocks\u002Fe-commerce\u002Fshopping-cart",{"title":953,"path":954,"stem":955,"children":956,"page":53},"Featured Components","\u002Fblocks\u002Ffeatured-components","6.blocks\u002Ffeatured-components",[957,961,964],{"title":958,"path":959,"stem":960},"Animated Gradient","\u002Fblocks\u002Ffeatured-components\u002Fanimated-gradient","6.blocks\u002Ffeatured-components\u002Fanimated-gradient",{"title":123,"path":962,"stem":963},"\u002Fblocks\u002Ffeatured-components\u002Fanimated-spotlight","6.blocks\u002Ffeatured-components\u002Fanimated-spotlight",{"title":965,"path":966,"stem":967},"Ripple Effect","\u002Fblocks\u002Ffeatured-components\u002Fripple-effect","6.blocks\u002Ffeatured-components\u002Fripple-effect",{"title":969,"path":970,"stem":971,"children":972,"page":53},"Features","\u002Fblocks\u002Ffeatures","6.blocks\u002Ffeatures",[973,977],{"title":974,"path":975,"stem":976},"Feature Grid","\u002Fblocks\u002Ffeatures\u002Ffeature-grid","6.blocks\u002Ffeatures\u002Ffeature-grid",{"title":978,"path":979,"stem":980},"Glare Card Features","\u002Fblocks\u002Ffeatures\u002Fglare-card-features","6.blocks\u002Ffeatures\u002Fglare-card-features",{"title":982,"path":983,"stem":984,"children":985,"page":53},"Footers","\u002Fblocks\u002Ffooters","6.blocks\u002Ffooters",[986],{"title":987,"path":988,"stem":989},"Multi-column Footer","\u002Fblocks\u002Ffooters\u002Fmulti-column-footer","6.blocks\u002Ffooters\u002Fmulti-column-footer",{"title":991,"path":992,"stem":993,"children":994,"page":53},"Hero Sections","\u002Fblocks\u002Fhero-sections","6.blocks\u002Fhero-sections",[995],{"title":996,"path":997,"stem":998},"Gradient Hero","\u002Fblocks\u002Fhero-sections\u002Fgradient-hero","6.blocks\u002Fhero-sections\u002Fgradient-hero",{"title":1000,"path":1001,"stem":1002,"children":1003,"page":53},"Landing Page","\u002Fblocks\u002Flanding-page","6.blocks\u002Flanding-page",[1004,1008],{"title":1005,"path":1006,"stem":1007},"Feature Showcase","\u002Fblocks\u002Flanding-page\u002Ffeature-showcase","6.blocks\u002Flanding-page\u002Ffeature-showcase",{"title":1009,"path":1010,"stem":1011},"Testimonial Carousel","\u002Fblocks\u002Flanding-page\u002Ftestimonial-carousel","6.blocks\u002Flanding-page\u002Ftestimonial-carousel",{"title":1013,"path":1014,"stem":1015,"children":1016,"page":53},"Navigation","\u002Fblocks\u002Fnavigation","6.blocks\u002Fnavigation",[1017],{"title":1018,"path":1019,"stem":1020},"Modern Navbar","\u002Fblocks\u002Fnavigation\u002Fmodern-navbar","6.blocks\u002Fnavigation\u002Fmodern-navbar",{"title":1022,"path":1023,"stem":1024,"children":1025,"page":53},"Portfolio","\u002Fblocks\u002Fportfolio","6.blocks\u002Fportfolio",[1026,1030],{"title":1027,"path":1028,"stem":1029},"Case Study","\u002Fblocks\u002Fportfolio\u002Fcase-study","6.blocks\u002Fportfolio\u002Fcase-study",{"title":1031,"path":1032,"stem":1033},"Project Gallery","\u002Fblocks\u002Fportfolio\u002Fproject-gallery","6.blocks\u002Fportfolio\u002Fproject-gallery",{"title":1035,"path":1036,"stem":1037,"children":1038,"page":53},"Pricing","\u002Fblocks\u002Fpricing","6.blocks\u002Fpricing",[1039],{"title":1040,"path":1041,"stem":1042},"Pricing Cards","\u002Fblocks\u002Fpricing\u002Fpricing-cards","6.blocks\u002Fpricing\u002Fpricing-cards",{"title":1044,"path":1045,"stem":1046,"children":1047,"page":53},"Testimonials","\u002Fblocks\u002Ftestimonials","6.blocks\u002Ftestimonials",[1048],{"title":1009,"path":1049,"stem":1050},"\u002Fblocks\u002Ftestimonials\u002Ftestimonial-carousel","6.blocks\u002Ftestimonials\u002Ftestimonial-carousel",{"title":1052,"icon":1053,"path":1054,"stem":1055,"children":1056},"Templates","i-lucide-layout-template","\u002Ftemplates","7.templates",[1057,1059,1063,1067,1071],{"title":1052,"path":1054,"stem":1058},"7.templates\u002Findex",{"title":1060,"path":1061,"stem":1062},"Basic Landing Page","\u002Ftemplates\u002Fbasic-landing-page","7.templates\u002F2.basic-landing-page",{"title":1064,"path":1065,"stem":1066},"SaaS Landing Page","\u002Ftemplates\u002Fsaas-landing-page","7.templates\u002F3.saas-landing-page",{"title":1068,"path":1069,"stem":1070},"E-commerce Landing Page","\u002Ftemplates\u002Fecommerce-landing-page","7.templates\u002F4.ecommerce-landing-page",{"title":1072,"path":1073,"stem":1074},"Creative Agency Landing Page","\u002Ftemplates\u002Fcreative-agency-landing-page","7.templates\u002F5.creative-agency-landing-page",{"title":1076,"path":1077,"stem":1078,"children":1079,"icon":1081},"API Reference","\u002Fapi-reference","8.api-reference\u002Findex",[1080],{"title":1076,"path":1077,"stem":1078},"i-lucide-braces",{"id":1083,"title":109,"body":1084,"description":2706,"extension":2707,"links":2708,"meta":2709,"navigation":1481,"path":110,"seo":2710,"stem":111,"__hash__":2711},"docs\u002F3.components\u002Fai\u002Fai-tool-call.md",{"type":1085,"value":1086,"toc":2697},"minimark",[1087,1096,1125,1140,1147,1151,1170,2394,2398,2412,2416,2459,2463,2481,2484,2491,2495,2510,2516,2571,2575,2639,2643,2693],[1088,1089,1090,1091,1095],"p",{},"One tool invocation, collapsed by default. It builds on Nuxt UI's ",[1092,1093,1094],"code",{},"ChatTool",", so\nthe disclosure, the streaming shimmer and the card frame behave like every other\ntool call on the page.",[1088,1097,1098,1099,1102,1103,1102,1106,1102,1109,1112,1113,1117,1118,1121,1122,1124],{},"Status is a four-value enum — ",[1092,1100,1101],{},"pending",", ",[1092,1104,1105],{},"running",[1092,1107,1108],{},"success",[1092,1110,1111],{},"error"," — rather\nthan the shared conversation vocabulary. A tool call has a ",[1114,1115,1116],"em",{},"lifecycle",", not a\nmood, and borrowing ",[1092,1119,1120],{},"AIState"," here would imply a connection the data does not\nhave. The booleans ",[1092,1123,1094],{}," speaks are derived from it.",[1088,1126,1127,1128,1130,1131,1133,1134,1136,1137,1139],{},"The badge is one ring that changes behaviour, not four icons that swap places:\n",[1092,1129,1101],{}," breathes, ",[1092,1132,1105],{}," spins as a gap in the same ring, ",[1092,1135,1108],{}," keeps the\nring and draws a check inside it, ",[1092,1138,1111],{}," keeps the ring and draws a cross.\nBecause the ring never unmounts, the eye tracks a single object across the whole\nlifecycle instead of watching icons pop in and out.",[1088,1141,1142,1143,1146],{},"Pair it with ",[1144,1145,105],"a",{"href":106}," when the plan is the\nmessage and these are the detail.",[1148,1149,16],"h2",{"id":1150},"usage",[1088,1152,1153,1154,1157,1158,1161,1162,1165,1166,1169],{},"Render one card per invocation with a ",[1092,1155,1156],{},"name"," and a ",[1092,1159,1160],{},"status",", and mutate that\nstatus as the tool progresses. Supply the ",[1092,1163,1164],{},"args"," or ",[1092,1167,1168],{},"result"," slot only when you\nhave something to show — the card is not expandable without them.",[1171,1172,1174,1187],"code-preview",{"label":1173},"Preview",[1175,1176,1182,1183],"div",{"className":1177},[1178,1179,1180,1181],"flex","justify-center","w-full","h-full","  ",[1184,1185],"component-example",{"name":1186},"ai-tool-call-basic",[1188,1189,1191],"template",{"v-slot:code":1190},"",[1192,1193,1197],"pre",{"className":1194,"code":1195,"language":1196,"meta":1190,"style":1190},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv class=\"w-full max-w-lg space-y-2\">\n    \u003CMAiToolCall\n      v-for=\"call in calls\"\n      :key=\"call.id\"\n      :name=\"call.name\"\n      :status=\"call.status\"\n      :summary=\"call.summary\"\n    >\n      \u003Ctemplate #args>\n        \u003Cpre>{{ call.args }}\u003C\u002Fpre>\n      \u003C\u002Ftemplate>\n      \u003Ctemplate #result>\n        \u003Cpre>{{ call.result }}\u003C\u002Fpre>\n      \u003C\u002Ftemplate>\n    \u003C\u002FMAiToolCall>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\ntype Status = 'pending' | 'running' | 'success' | 'error'\n\ntype Call = {\n  args: string\n  id: string\n  name: string\n  result?: string\n  status: Status\n  summary?: string\n}\n\nconst calls = ref\u003CCall[]>([\n  {\n    id: 'c-1',\n    args: '{ \"query\": \"theme token audit\" }',\n    name: 'search_docs',\n    result: '4 documents',\n    status: 'success',\n    summary: '4 results',\n  },\n  {\n    id: 'c-2',\n    args: '{ \"path\": \"src\u002Fruntime\u002Fcomponents\" }',\n    name: 'read_dir',\n    status: 'running',\n    summary: 'scanning',\n  },\n  {\n    id: 'c-3',\n    args: '{ \"ref\": \"main\" }',\n    name: 'create_branch',\n    status: 'pending',\n  },\n])\n\nconst order: Status[] = ['pending', 'running', 'success']\n\nonMounted(() => {\n  window.setInterval(() => {\n    calls.value = calls.value.map((call) => {\n      if (call.status === 'error' || call.status === 'success') {\n        return call\n      }\n      const index = order.indexOf(call.status)\n      const status = order[Math.min(index + 1, order.length - 1)]\n\n      return {\n        ...call,\n        status,\n        summary: status === 'success' ? '0.9s' : call.summary,\n        result: status === 'success' ? (call.result ?? 'done') : call.result,\n      }\n    })\n  }, 1100)\n})\n\u003C\u002Fscript>\n","vue",[1092,1198,1199,1214,1240,1249,1273,1296,1315,1334,1354,1360,1375,1396,1406,1419,1437,1446,1457,1467,1476,1483,1508,1555,1560,1573,1585,1595,1605,1616,1627,1637,1643,1648,1676,1682,1700,1717,1734,1751,1767,1784,1790,1795,1811,1827,1843,1858,1874,1879,1884,1900,1916,1932,1947,1952,1958,1963,2009,2014,2031,2050,2089,2137,2146,2152,2181,2233,2238,2246,2256,2264,2303,2353,2358,2366,2377,2385],{"__ignoreMap":1190},[1200,1201,1204,1208,1211],"span",{"class":1202,"line":1203},"line",1,[1200,1205,1207],{"class":1206},"sMK4o","\u003C",[1200,1209,1188],{"class":1210},"swJcz",[1200,1212,1213],{"class":1206},">\n",[1200,1215,1217,1220,1222,1226,1229,1232,1236,1238],{"class":1202,"line":1216},2,[1200,1218,1219],{"class":1206},"  \u003C",[1200,1221,1175],{"class":1210},[1200,1223,1225],{"class":1224},"spNyl"," class",[1200,1227,1228],{"class":1206},"=",[1200,1230,1231],{"class":1206},"\"",[1200,1233,1235],{"class":1234},"sfazB","w-full max-w-lg space-y-2",[1200,1237,1231],{"class":1206},[1200,1239,1213],{"class":1206},[1200,1241,1243,1246],{"class":1202,"line":1242},3,[1200,1244,1245],{"class":1206},"    \u003C",[1200,1247,1248],{"class":1210},"MAiToolCall\n",[1200,1250,1252,1256,1258,1260,1264,1267,1270],{"class":1202,"line":1251},4,[1200,1253,1255],{"class":1254},"s7zQu","      v-for",[1200,1257,1228],{"class":1206},[1200,1259,1231],{"class":1206},[1200,1261,1263],{"class":1262},"sTEyZ","call",[1200,1265,1266],{"class":1206}," in ",[1200,1268,1269],{"class":1262},"calls",[1200,1271,1272],{"class":1206},"\"\n",[1200,1274,1276,1279,1282,1284,1286,1288,1291,1294],{"class":1202,"line":1275},5,[1200,1277,1278],{"class":1206},"      :",[1200,1280,1281],{"class":1224},"key",[1200,1283,1228],{"class":1206},[1200,1285,1231],{"class":1206},[1200,1287,1263],{"class":1262},[1200,1289,1290],{"class":1206},".",[1200,1292,1293],{"class":1262},"id",[1200,1295,1272],{"class":1206},[1200,1297,1299,1301,1303,1305,1307,1309,1311,1313],{"class":1202,"line":1298},6,[1200,1300,1278],{"class":1206},[1200,1302,1156],{"class":1224},[1200,1304,1228],{"class":1206},[1200,1306,1231],{"class":1206},[1200,1308,1263],{"class":1262},[1200,1310,1290],{"class":1206},[1200,1312,1156],{"class":1262},[1200,1314,1272],{"class":1206},[1200,1316,1318,1320,1322,1324,1326,1328,1330,1332],{"class":1202,"line":1317},7,[1200,1319,1278],{"class":1206},[1200,1321,1160],{"class":1224},[1200,1323,1228],{"class":1206},[1200,1325,1231],{"class":1206},[1200,1327,1263],{"class":1262},[1200,1329,1290],{"class":1206},[1200,1331,1160],{"class":1262},[1200,1333,1272],{"class":1206},[1200,1335,1337,1339,1342,1344,1346,1348,1350,1352],{"class":1202,"line":1336},8,[1200,1338,1278],{"class":1206},[1200,1340,1341],{"class":1224},"summary",[1200,1343,1228],{"class":1206},[1200,1345,1231],{"class":1206},[1200,1347,1263],{"class":1262},[1200,1349,1290],{"class":1206},[1200,1351,1341],{"class":1262},[1200,1353,1272],{"class":1206},[1200,1355,1357],{"class":1202,"line":1356},9,[1200,1358,1359],{"class":1206},"    >\n",[1200,1361,1363,1366,1368,1371,1373],{"class":1202,"line":1362},10,[1200,1364,1365],{"class":1206},"      \u003C",[1200,1367,1188],{"class":1210},[1200,1369,1370],{"class":1206}," #",[1200,1372,1164],{"class":1224},[1200,1374,1213],{"class":1206},[1200,1376,1378,1381,1383,1386,1389,1392,1394],{"class":1202,"line":1377},11,[1200,1379,1380],{"class":1206},"        \u003C",[1200,1382,1192],{"class":1210},[1200,1384,1385],{"class":1206},">",[1200,1387,1388],{"class":1262},"{{ call.args }}",[1200,1390,1391],{"class":1206},"\u003C\u002F",[1200,1393,1192],{"class":1210},[1200,1395,1213],{"class":1206},[1200,1397,1399,1402,1404],{"class":1202,"line":1398},12,[1200,1400,1401],{"class":1206},"      \u003C\u002F",[1200,1403,1188],{"class":1210},[1200,1405,1213],{"class":1206},[1200,1407,1409,1411,1413,1415,1417],{"class":1202,"line":1408},13,[1200,1410,1365],{"class":1206},[1200,1412,1188],{"class":1210},[1200,1414,1370],{"class":1206},[1200,1416,1168],{"class":1224},[1200,1418,1213],{"class":1206},[1200,1420,1422,1424,1426,1428,1431,1433,1435],{"class":1202,"line":1421},14,[1200,1423,1380],{"class":1206},[1200,1425,1192],{"class":1210},[1200,1427,1385],{"class":1206},[1200,1429,1430],{"class":1262},"{{ call.result }}",[1200,1432,1391],{"class":1206},[1200,1434,1192],{"class":1210},[1200,1436,1213],{"class":1206},[1200,1438,1440,1442,1444],{"class":1202,"line":1439},15,[1200,1441,1401],{"class":1206},[1200,1443,1188],{"class":1210},[1200,1445,1213],{"class":1206},[1200,1447,1449,1452,1455],{"class":1202,"line":1448},16,[1200,1450,1451],{"class":1206},"    \u003C\u002F",[1200,1453,1454],{"class":1210},"MAiToolCall",[1200,1456,1213],{"class":1206},[1200,1458,1460,1463,1465],{"class":1202,"line":1459},17,[1200,1461,1462],{"class":1206},"  \u003C\u002F",[1200,1464,1175],{"class":1210},[1200,1466,1213],{"class":1206},[1200,1468,1470,1472,1474],{"class":1202,"line":1469},18,[1200,1471,1391],{"class":1206},[1200,1473,1188],{"class":1210},[1200,1475,1213],{"class":1206},[1200,1477,1479],{"class":1202,"line":1478},19,[1200,1480,1482],{"emptyLinePlaceholder":1481},true,"\n",[1200,1484,1486,1488,1491,1494,1497,1499,1501,1504,1506],{"class":1202,"line":1485},20,[1200,1487,1207],{"class":1206},[1200,1489,1490],{"class":1210},"script",[1200,1492,1493],{"class":1224}," setup",[1200,1495,1496],{"class":1224}," lang",[1200,1498,1228],{"class":1206},[1200,1500,1231],{"class":1206},[1200,1502,1503],{"class":1234},"ts",[1200,1505,1231],{"class":1206},[1200,1507,1213],{"class":1206},[1200,1509,1511,1514,1518,1521,1524,1526,1529,1532,1534,1536,1538,1540,1542,1544,1546,1548,1550,1552],{"class":1202,"line":1510},21,[1200,1512,1513],{"class":1224},"type",[1200,1515,1517],{"class":1516},"sBMFI"," Status",[1200,1519,1520],{"class":1206}," =",[1200,1522,1523],{"class":1206}," '",[1200,1525,1101],{"class":1234},[1200,1527,1528],{"class":1206},"'",[1200,1530,1531],{"class":1206}," |",[1200,1533,1523],{"class":1206},[1200,1535,1105],{"class":1234},[1200,1537,1528],{"class":1206},[1200,1539,1531],{"class":1206},[1200,1541,1523],{"class":1206},[1200,1543,1108],{"class":1234},[1200,1545,1528],{"class":1206},[1200,1547,1531],{"class":1206},[1200,1549,1523],{"class":1206},[1200,1551,1111],{"class":1234},[1200,1553,1554],{"class":1206},"'\n",[1200,1556,1558],{"class":1202,"line":1557},22,[1200,1559,1482],{"emptyLinePlaceholder":1481},[1200,1561,1563,1565,1568,1570],{"class":1202,"line":1562},23,[1200,1564,1513],{"class":1224},[1200,1566,1567],{"class":1516}," Call",[1200,1569,1520],{"class":1206},[1200,1571,1572],{"class":1206}," {\n",[1200,1574,1576,1579,1582],{"class":1202,"line":1575},24,[1200,1577,1578],{"class":1210},"  args",[1200,1580,1581],{"class":1206},":",[1200,1583,1584],{"class":1516}," string\n",[1200,1586,1588,1591,1593],{"class":1202,"line":1587},25,[1200,1589,1590],{"class":1210},"  id",[1200,1592,1581],{"class":1206},[1200,1594,1584],{"class":1516},[1200,1596,1598,1601,1603],{"class":1202,"line":1597},26,[1200,1599,1600],{"class":1210},"  name",[1200,1602,1581],{"class":1206},[1200,1604,1584],{"class":1516},[1200,1606,1608,1611,1614],{"class":1202,"line":1607},27,[1200,1609,1610],{"class":1210},"  result",[1200,1612,1613],{"class":1206},"?:",[1200,1615,1584],{"class":1516},[1200,1617,1619,1622,1624],{"class":1202,"line":1618},28,[1200,1620,1621],{"class":1210},"  status",[1200,1623,1581],{"class":1206},[1200,1625,1626],{"class":1516}," Status\n",[1200,1628,1630,1633,1635],{"class":1202,"line":1629},29,[1200,1631,1632],{"class":1210},"  summary",[1200,1634,1613],{"class":1206},[1200,1636,1584],{"class":1516},[1200,1638,1640],{"class":1202,"line":1639},30,[1200,1641,1642],{"class":1206},"}\n",[1200,1644,1646],{"class":1202,"line":1645},31,[1200,1647,1482],{"emptyLinePlaceholder":1481},[1200,1649,1651,1654,1657,1659,1663,1665,1668,1671,1673],{"class":1202,"line":1650},32,[1200,1652,1653],{"class":1224},"const",[1200,1655,1656],{"class":1262}," calls ",[1200,1658,1228],{"class":1206},[1200,1660,1662],{"class":1661},"s2Zo4"," ref",[1200,1664,1207],{"class":1206},[1200,1666,1667],{"class":1516},"Call",[1200,1669,1670],{"class":1262},"[]",[1200,1672,1385],{"class":1206},[1200,1674,1675],{"class":1262},"([\n",[1200,1677,1679],{"class":1202,"line":1678},33,[1200,1680,1681],{"class":1206},"  {\n",[1200,1683,1685,1688,1690,1692,1695,1697],{"class":1202,"line":1684},34,[1200,1686,1687],{"class":1210},"    id",[1200,1689,1581],{"class":1206},[1200,1691,1523],{"class":1206},[1200,1693,1694],{"class":1234},"c-1",[1200,1696,1528],{"class":1206},[1200,1698,1699],{"class":1206},",\n",[1200,1701,1703,1706,1708,1710,1713,1715],{"class":1202,"line":1702},35,[1200,1704,1705],{"class":1210},"    args",[1200,1707,1581],{"class":1206},[1200,1709,1523],{"class":1206},[1200,1711,1712],{"class":1234},"{ \"query\": \"theme token audit\" }",[1200,1714,1528],{"class":1206},[1200,1716,1699],{"class":1206},[1200,1718,1720,1723,1725,1727,1730,1732],{"class":1202,"line":1719},36,[1200,1721,1722],{"class":1210},"    name",[1200,1724,1581],{"class":1206},[1200,1726,1523],{"class":1206},[1200,1728,1729],{"class":1234},"search_docs",[1200,1731,1528],{"class":1206},[1200,1733,1699],{"class":1206},[1200,1735,1737,1740,1742,1744,1747,1749],{"class":1202,"line":1736},37,[1200,1738,1739],{"class":1210},"    result",[1200,1741,1581],{"class":1206},[1200,1743,1523],{"class":1206},[1200,1745,1746],{"class":1234},"4 documents",[1200,1748,1528],{"class":1206},[1200,1750,1699],{"class":1206},[1200,1752,1754,1757,1759,1761,1763,1765],{"class":1202,"line":1753},38,[1200,1755,1756],{"class":1210},"    status",[1200,1758,1581],{"class":1206},[1200,1760,1523],{"class":1206},[1200,1762,1108],{"class":1234},[1200,1764,1528],{"class":1206},[1200,1766,1699],{"class":1206},[1200,1768,1770,1773,1775,1777,1780,1782],{"class":1202,"line":1769},39,[1200,1771,1772],{"class":1210},"    summary",[1200,1774,1581],{"class":1206},[1200,1776,1523],{"class":1206},[1200,1778,1779],{"class":1234},"4 results",[1200,1781,1528],{"class":1206},[1200,1783,1699],{"class":1206},[1200,1785,1787],{"class":1202,"line":1786},40,[1200,1788,1789],{"class":1206},"  },\n",[1200,1791,1793],{"class":1202,"line":1792},41,[1200,1794,1681],{"class":1206},[1200,1796,1798,1800,1802,1804,1807,1809],{"class":1202,"line":1797},42,[1200,1799,1687],{"class":1210},[1200,1801,1581],{"class":1206},[1200,1803,1523],{"class":1206},[1200,1805,1806],{"class":1234},"c-2",[1200,1808,1528],{"class":1206},[1200,1810,1699],{"class":1206},[1200,1812,1814,1816,1818,1820,1823,1825],{"class":1202,"line":1813},43,[1200,1815,1705],{"class":1210},[1200,1817,1581],{"class":1206},[1200,1819,1523],{"class":1206},[1200,1821,1822],{"class":1234},"{ \"path\": \"src\u002Fruntime\u002Fcomponents\" }",[1200,1824,1528],{"class":1206},[1200,1826,1699],{"class":1206},[1200,1828,1830,1832,1834,1836,1839,1841],{"class":1202,"line":1829},44,[1200,1831,1722],{"class":1210},[1200,1833,1581],{"class":1206},[1200,1835,1523],{"class":1206},[1200,1837,1838],{"class":1234},"read_dir",[1200,1840,1528],{"class":1206},[1200,1842,1699],{"class":1206},[1200,1844,1846,1848,1850,1852,1854,1856],{"class":1202,"line":1845},45,[1200,1847,1756],{"class":1210},[1200,1849,1581],{"class":1206},[1200,1851,1523],{"class":1206},[1200,1853,1105],{"class":1234},[1200,1855,1528],{"class":1206},[1200,1857,1699],{"class":1206},[1200,1859,1861,1863,1865,1867,1870,1872],{"class":1202,"line":1860},46,[1200,1862,1772],{"class":1210},[1200,1864,1581],{"class":1206},[1200,1866,1523],{"class":1206},[1200,1868,1869],{"class":1234},"scanning",[1200,1871,1528],{"class":1206},[1200,1873,1699],{"class":1206},[1200,1875,1877],{"class":1202,"line":1876},47,[1200,1878,1789],{"class":1206},[1200,1880,1882],{"class":1202,"line":1881},48,[1200,1883,1681],{"class":1206},[1200,1885,1887,1889,1891,1893,1896,1898],{"class":1202,"line":1886},49,[1200,1888,1687],{"class":1210},[1200,1890,1581],{"class":1206},[1200,1892,1523],{"class":1206},[1200,1894,1895],{"class":1234},"c-3",[1200,1897,1528],{"class":1206},[1200,1899,1699],{"class":1206},[1200,1901,1903,1905,1907,1909,1912,1914],{"class":1202,"line":1902},50,[1200,1904,1705],{"class":1210},[1200,1906,1581],{"class":1206},[1200,1908,1523],{"class":1206},[1200,1910,1911],{"class":1234},"{ \"ref\": \"main\" }",[1200,1913,1528],{"class":1206},[1200,1915,1699],{"class":1206},[1200,1917,1919,1921,1923,1925,1928,1930],{"class":1202,"line":1918},51,[1200,1920,1722],{"class":1210},[1200,1922,1581],{"class":1206},[1200,1924,1523],{"class":1206},[1200,1926,1927],{"class":1234},"create_branch",[1200,1929,1528],{"class":1206},[1200,1931,1699],{"class":1206},[1200,1933,1935,1937,1939,1941,1943,1945],{"class":1202,"line":1934},52,[1200,1936,1756],{"class":1210},[1200,1938,1581],{"class":1206},[1200,1940,1523],{"class":1206},[1200,1942,1101],{"class":1234},[1200,1944,1528],{"class":1206},[1200,1946,1699],{"class":1206},[1200,1948,1950],{"class":1202,"line":1949},53,[1200,1951,1789],{"class":1206},[1200,1953,1955],{"class":1202,"line":1954},54,[1200,1956,1957],{"class":1262},"])\n",[1200,1959,1961],{"class":1202,"line":1960},55,[1200,1962,1482],{"emptyLinePlaceholder":1481},[1200,1964,1966,1968,1971,1973,1975,1978,1980,1983,1985,1987,1989,1992,1994,1996,1998,2000,2002,2004,2006],{"class":1202,"line":1965},56,[1200,1967,1653],{"class":1224},[1200,1969,1970],{"class":1262}," order",[1200,1972,1581],{"class":1206},[1200,1974,1517],{"class":1516},[1200,1976,1977],{"class":1262},"[] ",[1200,1979,1228],{"class":1206},[1200,1981,1982],{"class":1262}," [",[1200,1984,1528],{"class":1206},[1200,1986,1101],{"class":1234},[1200,1988,1528],{"class":1206},[1200,1990,1991],{"class":1206},",",[1200,1993,1523],{"class":1206},[1200,1995,1105],{"class":1234},[1200,1997,1528],{"class":1206},[1200,1999,1991],{"class":1206},[1200,2001,1523],{"class":1206},[1200,2003,1108],{"class":1234},[1200,2005,1528],{"class":1206},[1200,2007,2008],{"class":1262},"]\n",[1200,2010,2012],{"class":1202,"line":2011},57,[1200,2013,1482],{"emptyLinePlaceholder":1481},[1200,2015,2017,2020,2023,2026,2029],{"class":1202,"line":2016},58,[1200,2018,2019],{"class":1661},"onMounted",[1200,2021,2022],{"class":1262},"(",[1200,2024,2025],{"class":1206},"()",[1200,2027,2028],{"class":1224}," =>",[1200,2030,1572],{"class":1206},[1200,2032,2034,2037,2039,2042,2044,2046,2048],{"class":1202,"line":2033},59,[1200,2035,2036],{"class":1262},"  window",[1200,2038,1290],{"class":1206},[1200,2040,2041],{"class":1661},"setInterval",[1200,2043,2022],{"class":1210},[1200,2045,2025],{"class":1206},[1200,2047,2028],{"class":1224},[1200,2049,1572],{"class":1206},[1200,2051,2053,2056,2058,2061,2063,2066,2068,2070,2072,2075,2077,2079,2082,2085,2087],{"class":1202,"line":2052},60,[1200,2054,2055],{"class":1262},"    calls",[1200,2057,1290],{"class":1206},[1200,2059,2060],{"class":1262},"value",[1200,2062,1520],{"class":1206},[1200,2064,2065],{"class":1262}," calls",[1200,2067,1290],{"class":1206},[1200,2069,2060],{"class":1262},[1200,2071,1290],{"class":1206},[1200,2073,2074],{"class":1661},"map",[1200,2076,2022],{"class":1210},[1200,2078,2022],{"class":1206},[1200,2080,1263],{"class":2081},"sHdIc",[1200,2083,2084],{"class":1206},")",[1200,2086,2028],{"class":1224},[1200,2088,1572],{"class":1206},[1200,2090,2092,2095,2098,2100,2102,2104,2107,2109,2111,2113,2116,2119,2121,2123,2125,2127,2129,2131,2134],{"class":1202,"line":2091},61,[1200,2093,2094],{"class":1254},"      if",[1200,2096,2097],{"class":1210}," (",[1200,2099,1263],{"class":1262},[1200,2101,1290],{"class":1206},[1200,2103,1160],{"class":1262},[1200,2105,2106],{"class":1206}," ===",[1200,2108,1523],{"class":1206},[1200,2110,1111],{"class":1234},[1200,2112,1528],{"class":1206},[1200,2114,2115],{"class":1206}," ||",[1200,2117,2118],{"class":1262}," call",[1200,2120,1290],{"class":1206},[1200,2122,1160],{"class":1262},[1200,2124,2106],{"class":1206},[1200,2126,1523],{"class":1206},[1200,2128,1108],{"class":1234},[1200,2130,1528],{"class":1206},[1200,2132,2133],{"class":1210},") ",[1200,2135,2136],{"class":1206},"{\n",[1200,2138,2140,2143],{"class":1202,"line":2139},62,[1200,2141,2142],{"class":1254},"        return",[1200,2144,2145],{"class":1262}," call\n",[1200,2147,2149],{"class":1202,"line":2148},63,[1200,2150,2151],{"class":1206},"      }\n",[1200,2153,2155,2158,2161,2163,2165,2167,2170,2172,2174,2176,2178],{"class":1202,"line":2154},64,[1200,2156,2157],{"class":1224},"      const",[1200,2159,2160],{"class":1262}," index",[1200,2162,1520],{"class":1206},[1200,2164,1970],{"class":1262},[1200,2166,1290],{"class":1206},[1200,2168,2169],{"class":1661},"indexOf",[1200,2171,2022],{"class":1210},[1200,2173,1263],{"class":1262},[1200,2175,1290],{"class":1206},[1200,2177,1160],{"class":1262},[1200,2179,2180],{"class":1210},")\n",[1200,2182,2184,2186,2189,2191,2193,2196,2199,2201,2204,2206,2209,2212,2216,2218,2220,2222,2225,2228,2230],{"class":1202,"line":2183},65,[1200,2185,2157],{"class":1224},[1200,2187,2188],{"class":1262}," status",[1200,2190,1520],{"class":1206},[1200,2192,1970],{"class":1262},[1200,2194,2195],{"class":1210},"[",[1200,2197,2198],{"class":1262},"Math",[1200,2200,1290],{"class":1206},[1200,2202,2203],{"class":1661},"min",[1200,2205,2022],{"class":1210},[1200,2207,2208],{"class":1262},"index",[1200,2210,2211],{"class":1206}," +",[1200,2213,2215],{"class":2214},"sbssI"," 1",[1200,2217,1991],{"class":1206},[1200,2219,1970],{"class":1262},[1200,2221,1290],{"class":1206},[1200,2223,2224],{"class":1262},"length",[1200,2226,2227],{"class":1206}," -",[1200,2229,2215],{"class":2214},[1200,2231,2232],{"class":1210},")]\n",[1200,2234,2236],{"class":1202,"line":2235},66,[1200,2237,1482],{"emptyLinePlaceholder":1481},[1200,2239,2241,2244],{"class":1202,"line":2240},67,[1200,2242,2243],{"class":1254},"      return",[1200,2245,1572],{"class":1206},[1200,2247,2249,2252,2254],{"class":1202,"line":2248},68,[1200,2250,2251],{"class":1206},"        ...",[1200,2253,1263],{"class":1262},[1200,2255,1699],{"class":1206},[1200,2257,2259,2262],{"class":1202,"line":2258},69,[1200,2260,2261],{"class":1262},"        status",[1200,2263,1699],{"class":1206},[1200,2265,2267,2270,2272,2274,2276,2278,2280,2282,2285,2287,2290,2292,2295,2297,2299,2301],{"class":1202,"line":2266},70,[1200,2268,2269],{"class":1210},"        summary",[1200,2271,1581],{"class":1206},[1200,2273,2188],{"class":1262},[1200,2275,2106],{"class":1206},[1200,2277,1523],{"class":1206},[1200,2279,1108],{"class":1234},[1200,2281,1528],{"class":1206},[1200,2283,2284],{"class":1206}," ?",[1200,2286,1523],{"class":1206},[1200,2288,2289],{"class":1234},"0.9s",[1200,2291,1528],{"class":1206},[1200,2293,2294],{"class":1206}," :",[1200,2296,2118],{"class":1262},[1200,2298,1290],{"class":1206},[1200,2300,1341],{"class":1262},[1200,2302,1699],{"class":1206},[1200,2304,2306,2309,2311,2313,2315,2317,2319,2321,2323,2325,2327,2329,2331,2334,2336,2339,2341,2343,2345,2347,2349,2351],{"class":1202,"line":2305},71,[1200,2307,2308],{"class":1210},"        result",[1200,2310,1581],{"class":1206},[1200,2312,2188],{"class":1262},[1200,2314,2106],{"class":1206},[1200,2316,1523],{"class":1206},[1200,2318,1108],{"class":1234},[1200,2320,1528],{"class":1206},[1200,2322,2284],{"class":1206},[1200,2324,2097],{"class":1210},[1200,2326,1263],{"class":1262},[1200,2328,1290],{"class":1206},[1200,2330,1168],{"class":1262},[1200,2332,2333],{"class":1206}," ??",[1200,2335,1523],{"class":1206},[1200,2337,2338],{"class":1234},"done",[1200,2340,1528],{"class":1206},[1200,2342,2133],{"class":1210},[1200,2344,1581],{"class":1206},[1200,2346,2118],{"class":1262},[1200,2348,1290],{"class":1206},[1200,2350,1168],{"class":1262},[1200,2352,1699],{"class":1206},[1200,2354,2356],{"class":1202,"line":2355},72,[1200,2357,2151],{"class":1206},[1200,2359,2361,2364],{"class":1202,"line":2360},73,[1200,2362,2363],{"class":1206},"    }",[1200,2365,2180],{"class":1210},[1200,2367,2369,2372,2375],{"class":1202,"line":2368},74,[1200,2370,2371],{"class":1206},"  },",[1200,2373,2374],{"class":2214}," 1100",[1200,2376,2180],{"class":1210},[1200,2378,2380,2383],{"class":1202,"line":2379},75,[1200,2381,2382],{"class":1206},"}",[1200,2384,2180],{"class":1262},[1200,2386,2388,2390,2392],{"class":1202,"line":2387},76,[1200,2389,1391],{"class":1206},[1200,2391,1490],{"class":1210},[1200,2393,1213],{"class":1206},[1148,2395,2397],{"id":2396},"customize","Customize",[1171,2399,2400,2406],{"label":1173},[1175,2401,1182,2403],{"className":2402},[1180],[1184,2404],{"name":2405},"ai-tool-call-custom",[1188,2407,2408],{"v-slot:code":1190},[2409,2410],"playground-code",{"name":2411},"AiToolCall",[1148,2413,2415],{"id":2414},"props","Props",[2417,2418,2419,2430,2435,2445,2454],"component-props",{},[2420,2421,2423,2424,1699,2427,2429],"component-prop",{"name":1156,"type":2422},"string","Required. The tool name, rendered in a mono font — ",[1092,2425,2426],{},"search_web",[1092,2428,1838],{},". The font is deliberate: these are identifiers, not prose, and\nsetting them in the body face makes them read as English words.",[2420,2431,2434],{"name":1160,"type":2432,"default":2433},"'pending' | 'running' | 'success' | 'error'","'pending'","The lifecycle state, and the source of the badge's behaviour.",[2420,2436,2437,2438,1102,2441,2444],{"name":1341,"type":2422},"A short trailing note — ",[1092,2439,2440],{},"\"3 files\"",[1092,2442,2443],{},"\"1.2s\"",". The component does not parse it.",[2420,2446,2450,2451,2453],{"name":2447,"type":2448,"default":2449},"defaultOpen","boolean","false","Start expanded. Leave it ",[1092,2452,2449],{}," for a live transcript: a tool call that opens\nitself steals the reader's attention from the answer it is producing.",[2420,2455,2458],{"name":2456,"type":2422,"default":2457},"class","''","Merged onto the outer wrapper, not the card.",[1148,2460,2462],{"id":2461},"slots","Slots",[2464,2465,2466,2474],"component-slots",{},[2467,2468,2469,2470,2473],"component-slot-row",{"name":1164},"The arguments, under a small ",[1092,2471,2472],{},"ARGUMENTS"," heading in a monospace, horizontally\nscrollable block.",[2467,2475,2476,2477,2480],{"name":1168},"The result, under a ",[1092,2478,2479],{},"RESULT"," heading.",[1088,2482,2483],{},"Supply neither slot and the card renders without a disclosure — there is nothing\nto expand, so a chevron leading to an empty panel would be a lie. Supply one or\nboth and the card becomes expandable. Presence is checked per render rather than\ncached, so a slot supplied later still opens the disclosure.",[1088,2485,2486,2487,2490],{},"The detail block sets ",[1092,2488,2489],{},"unmount-on-hide",", so a large tool result is removed from\nthe DOM when the card closes instead of sitting there invisible.",[1148,2492,2494],{"id":2493},"ui","UI",[1088,2496,2497,2498,2503,2504,1266,2507,1290],{},"This component's theme exposes the slots below. Override any of them per instance with the ",[1144,2499,2500,2502],{"href":21},[1092,2501,2493],{}," prop",", or app-wide under ",[1092,2505,2506],{},"ui.aiToolCall",[1092,2508,2509],{},"app.config.ts",[2417,2511,2512],{},[2420,2513,2515],{"name":2493,"type":2514},"object","Per-slot classes merged over the theme defaults.",[2464,2517,2518,2521,2526,2531,2537,2543,2548,2553,2559,2565],{},[2467,2519],{"name":2520},"root",[2467,2522,2523],{"name":1160},[1092,2524,2525],{},"sr-only",[2467,2527,2529],{"name":2528},"tool",[1092,2530,1180],{},[2467,2532,2534],{"name":2533},"detail",[1092,2535,2536],{},"space-y-2 text-xs",[2467,2538,2540],{"name":2539},"detailLabel",[1092,2541,2542],{},"mb-1 text-[10px] uppercase tracking-wide text-muted",[2467,2544,2545],{"name":1164},[1092,2546,2547],{},"overflow-x-auto font-mono text-highlighted",[2467,2549,2550],{"name":1168},[1092,2551,2552],{},"overflow-x-auto text-highlighted",[2467,2554,2556],{"name":2555},"label",[1092,2557,2558],{},"font-mono text-xs font-medium text-highlighted",[2467,2560,2562],{"name":2561},"leading",[1092,2563,2564],{},"!size-5",[2467,2566,2568],{"name":2567},"leadingIcon",[1092,2569,2570],{},"!static !inset-auto !size-5 !opacity-100",[1148,2572,2574],{"id":2573},"accessibility","Accessibility",[2576,2577,2578,2598,2605,2608,2616,2626,2629],"ul",{},[2579,2580,2581,2582,2584,2585,1102,2588,1102,2591,1699,2594,2597],"li",{},"Status is spelled out in an ",[1092,2583,2525],{}," span — ",[1092,2586,2587],{},"Queued",[1092,2589,2590],{},"Running",[1092,2592,2593],{},"Done",[1092,2595,2596],{},"Failed"," — in the same place the sighted reader finds the ring. The ring is\ndrawn, not announced, and the text carries it instead.",[2579,2599,2600,2601,2604],{},"The SVG badge is ",[1092,2602,2603],{},"aria-hidden",". It duplicates the status label rather than\nreplacing it.",[2579,2606,2607],{},"The ring's colour is never the only signal: pending, running, success and error\ndiffer in glyph and in behaviour as well as in hue.",[2579,2609,2610,2612,2613,2615],{},[1092,2611,1108],{}," and ",[1092,2614,1111],{}," use green and red ring colours, but the check and cross\nare what distinguish them. Both marks are drawn on stroke, so they stay legible\nagainst any background the theme provides.",[2579,2617,2618,2619,2622,2623,1290],{},"Under ",[1092,2620,2621],{},"prefers-reduced-motion: reduce"," the ring stops spinning and stops\nbreathing, the dash change and the colour change are instant, and the check and\ncross appear fully drawn rather than animating their ",[1092,2624,2625],{},"pathLength",[2579,2627,2628],{},"The trailing cross strokes are staggered by 60ms so they draw as two strokes of\none mark. That stagger is motion-only and collapses to nothing under reduced\nmotion.",[2579,2630,2631,2632,2634,2635,2638],{},"Nuxt UI's ",[1092,2633,1094],{}," renders the disclosure as a real button with\n",[1092,2636,2637],{},"aria-expanded","; that behaviour is inherited rather than reimplemented.",[1148,2640,2642],{"id":2641},"performance","Performance",[2576,2644,2645,2652,2661,2667,2678,2681],{},[2579,2646,2647,2648,2651],{},"The badge component reads ",[1092,2649,2650],{},"props.status"," inside its render function rather than\nresolving a component per status. Resolving a new component would tear the ring\ndown and rebuild it on every tick, which is precisely the popping this design\nexists to avoid.",[2579,2653,2654,2656,2657,2660],{},[1092,2655,1094],{}," renders its icon through ",[1092,2658,2659],{},"UIcon",", which resolves a component as well\nas a name, so the ring is handed over directly with no wrapper element.",[2579,2662,2663,2664,2666],{},"The three ",[1092,2665,2493],{}," overrides undo Nuxt UI's icon choreography rather than adding to\nit: the leading icon is designed to be swapped for a chevron on hover and to be\nabsolutely positioned so that swap is free. Here the ring is the permanent\nmarker and the chevron already lives on the trailing edge, so the icon keeps\nits own box and its own opacity. Overriding it is cheaper than fighting it.",[2579,2668,2669,2670,2673,2674,2677],{},"The spinning group uses ",[1092,2671,2672],{},"transformBox: 'view-box'"," with an explicit\n",[1092,2675,2676],{},"transformOrigin",", because an SVG element's rotation origin is otherwise\nresolved against the page rather than the ring.",[2579,2679,2680],{},"The indefinite rotate and the pending opacity loop need Motion — there is no CSS\nequivalent that restarts without a visible jump.",[2579,2682,2683,2612,2686,2689,2690,2692],{},[1092,2684,2685],{},"isRunning",[1092,2687,2688],{},"statusLabel"," are computeds, so the ring's dash pattern and the\nhidden label are derived from one ",[1092,2691,1160],{}," read.",[2694,2695,2696],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":1190,"searchDepth":1216,"depth":1216,"links":2698},[2699,2700,2701,2702,2703,2704,2705],{"id":1150,"depth":1216,"text":16},{"id":2396,"depth":1216,"text":2397},{"id":2414,"depth":1216,"text":2415},{"id":2461,"depth":1216,"text":2462},{"id":2493,"depth":1216,"text":2494},{"id":2573,"depth":1216,"text":2574},{"id":2641,"depth":1216,"text":2642},"A single tool invocation with a status ring that keeps its shape through the whole lifecycle.","md",null,{},{"title":109,"description":2706},"BQbUAjCKEPbOJ-A6Why9TsenuvIAM9HxtHHGKWklepU",[2713,2715],{"title":105,"path":106,"stem":107,"description":2714,"children":-1},"A plan the model is working through — nested steps, a derived count, and a check that draws itself.",{"title":119,"path":120,"stem":121,"description":2716,"children":-1},"Animated background that follows interactive elements.",1792420540470]