admin-ui-starter-kit 0.4.2 → 0.4.3

package/dist/showcase/assets/{ai-chat-C_w2PSmy.js → ai-chat-IJ0b2FOw.js}

@@ -1,5 +1,5 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,Tr as i,hr as a,kr as o,mr as s,n as c,r as l,t as u,yr as d}from"./example-BIrQab7K.js";import{a as f,c as p,i as m,l as h,n as g,o as _,r as v,s as y,t as b,u as x}from"./ai-artifact-CUAlhcSX.js";import{t as S}from"./arrow-down-CYh_aUsd.js";import{t as C}from"./arrow-up-BhmQRZs9.js";import{t as w}from"./bot-5Ro5Dayc.js";import{t as T}from"./chart-column-DjAyOA-t.js";import{t as E}from"./database-BVwSMeGM.js";import{t as D}from"./file-text-D3AE37vP.js";import{t as ee}from"./paperclip-CDMZ_JAo.js";import{t as O}from"./sparkles-DFJmoAFP.js";import{n as k,r as A,t as j}from"./ai-tool-call-BaJx1rR4.js";import{t as M}from"./x-BqJnRkKw.js";import{a as te,i as ne,k as N,n as P,s as re}from"./index-Cz4UGUT2.js";import{t as F}from"./props-table-BR-KjRNe.js";import{t as ie}from"./icon-badge-CxvxB8Vd.js";import{t as ae}from"./textarea-BGHGV17m.js";var oe=te(`lightbulb`,[[`path`,{d:`M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5`,key:`1gvzjb`}],[`path`,{d:`M9 18h6`,key:`x1upvd`}],[`path`,{d:`M10 22h4`,key:`ceow96`}]]),se=te(`square`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}]]),ce={placeholder:`Ask anything…`,attachAria:`Attach files`,submitAria:`Send message`,stopAria:`Stop generating`,modelPickerAria:`Choose model`,hint:`Press {{submitKey}} to send · {{newlineKey}} for newline`},le={scrollToBottom:`Jump to latest`,scrollToBottomAria:`Scroll to bottom`},ue={header:`In queue`,cancelAria:`Remove from queue`,queuedLabel:`Queued`,runningLabel:`Running`},de={header:`Try`},fe={pending:`Thinking…`},pe={prompt:ce,conversation:le,queue:ue,suggestions:de,message:fe,emptyTitle:`Start a conversation`,emptyDescription:`Ask a question, share context, or attach a file to get going.`};function me(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}var I=re();function L({attachments:e,onRemove:t,onOpen:n,className:r}){return e.length===0?null:(0,I.jsx)(`div`,{className:P(`flex flex-wrap gap-2`,r),children:e.map(e=>(0,I.jsx)(p,{name:e.name,meta:e.meta,kind:e.kind,icon:e.icon,thumbnailUrl:e.thumbnailUrl,progress:e.progress,errored:e.errored,onOpen:n?()=>n(e):void 0,onRemove:t?()=>t(e.id):void 0},e.id))})}L.displayName=`AiChatAttachmentsStrip`;var R=t(n(),1);function z({threshold:e=80,dependency:t,disableAutoScroll:n=!1}={}){let r=(0,R.useRef)(null),i=(0,R.useRef)(null),[a,o]=(0,R.useState)(!0),s=(0,R.useCallback)((e=`smooth`)=>{i.current?.scrollIntoView({behavior:e,block:`end`})},[]);return(0,R.useEffect)(()=>{let t=r.current;if(!t)return;let n=()=>{o(t.scrollHeight-t.clientHeight-t.scrollTop<=e)};return n(),t.addEventListener(`scroll`,n,{passive:!0}),()=>t.removeEventListener(`scroll`,n)},[e]),(0,R.useEffect)(()=>{if(n||!a)return;let e=window.requestAnimationFrame(()=>s(`auto`));return()=>window.cancelAnimationFrame(e)},[t,n]),{containerRef:r,endRef:i,isAtBottom:a,scrollToBottom:s}}function B({messages:e,renderMessage:t,intro:n,footer:i,empty:a,disableAutoScroll:o,className:s,strings:c}){let u=N(le,c),{containerRef:d,endRef:f,isAtBottom:p,scrollToBottom:m}=z({dependency:e.length,disableAutoScroll:o}),h=e.length===0&&!n;return(0,I.jsxs)(`div`,{className:P(`relative flex h-full min-h-0 flex-col`,s),children:[(0,I.jsxs)(`div`,{ref:d,className:`flex-1 overflow-y-auto px-3 py-4 sm:px-4`,children:[!!n&&(0,I.jsx)(`div`,{className:`mb-4`,children:n}),h?a??(0,I.jsx)(`div`,{className:`flex h-full items-center justify-center px-6 py-12`,children:(0,I.jsx)(r,{type:`secondary`,children:`No messages yet.`})}):(0,I.jsx)(`ol`,{className:`space-y-4`,children:e.map((n,r)=>(0,I.jsx)(`li`,{children:t(n,{isLast:r===e.length-1,index:r})},n.id))}),!!i&&(0,I.jsx)(`div`,{className:`mt-4`,children:i}),(0,I.jsx)(`div`,{ref:f,"aria-hidden":!0,className:`h-px`})]}),!p&&(0,I.jsx)(`div`,{className:`pointer-events-none absolute bottom-3 left-1/2 -translate-x-1/2`,children:(0,I.jsxs)(l,{type:`button`,variant:`secondary`,buttonStyle:`solid`,"aria-label":u.scrollToBottomAria,onClick:()=>m(`smooth`),className:P(`pointer-events-auto rounded-full shadow-md`,`border border-border/60`),children:[(0,I.jsx)(S,{className:`size-3.5`}),u.scrollToBottom]})})]})}B.displayName=`AiChatConversation`;function V({title:e=`Start a conversation`,description:t,icon:n=O,below:a,className:o}){return(0,I.jsxs)(`div`,{className:P(`flex h-full flex-col items-center justify-center gap-3 px-4 py-10 text-center`,o),children:[(0,I.jsx)(ie,{icon:n,tone:`primary`,size:`md`,shape:`square`}),(0,I.jsxs)(`div`,{className:`max-w-md space-y-1`,children:[(0,I.jsx)(i,{tag:`h4`,children:e}),!!t&&(0,I.jsx)(r,{type:`secondary`,children:t})]}),!!a&&(0,I.jsx)(`div`,{className:`mt-4 w-full max-w-2xl`,children:a})]})}V.displayName=`AiChatEmptyState`;function H({message:e,onCopy:t,onRegenerate:n,onAttachmentOpen:r,className:i,strings:a}){let o=N(fe,a),s=[],c=[];for(let t of e.parts)t.type===`text`?s.push(t):c.push(t);let l=s.map(e=>e.type===`text`?e.plain??ge(e.content):``).filter(Boolean).join(`
-`)||void 0,u=e.pending?(0,I.jsx)(x,{children:o.pending}):s.length===0&&c.length>0?null:(0,I.jsx)(`div`,{className:`space-y-2`,children:s.map((e,t)=>e.type===`text`?(0,I.jsx)(`div`,{className:`whitespace-pre-wrap`,children:e.content},t):null)});return(0,I.jsxs)(`div`,{className:P(`space-y-2`,i),children:[(u!==null||e.pending)&&(0,I.jsx)(k,{role:e.role,avatar:e.avatar,authorName:e.authorName,timestamp:e.timestamp,plainText:l,loading:e.loading,onCopy:l?t??(()=>void 0):void 0,onRegenerate:n,children:u}),c.length>0&&(0,I.jsx)(`div`,{className:P(`space-y-2`,e.role===`user`?`pr-9 sm:pl-12`:`pl-9 sm:pr-12`),children:c.map((e,t)=>(0,I.jsx)(he,{part:e,onAttachmentOpen:r},t))}),!!e.trailing&&(0,I.jsx)(`div`,{className:P(e.role===`user`?`pr-9 sm:pl-12`:`pl-9 sm:pr-12`),children:e.trailing})]})}H.displayName=`AiChatMessage`;function he({part:e,onAttachmentOpen:t}){switch(e.type){case`text`:return(0,I.jsx)(r,{children:e.content});case`reasoning`:return(0,I.jsx)(m,{streaming:e.streaming,durationSeconds:e.durationSeconds,children:e.content});case`chain-of-thought`:return(0,I.jsx)(v,{steps:e.steps,streaming:e.streaming});case`tool`:return(0,I.jsx)(j,{name:e.name,status:e.status,icon:e.icon,args:e.args,result:e.result,error:e.error,durationMs:e.durationMs,defaultExpanded:e.defaultExpanded});case`code`:return(0,I.jsx)(h,{code:e.code,language:e.language,filename:e.filename,showLineNumbers:e.showLineNumbers,highlightLines:e.highlightLines});case`attachments`:return(0,I.jsx)(L,{attachments:e.items,onOpen:t?e=>t(e.id):void 0});case`sources`:return(0,I.jsx)(f,{sources:e.items,variant:e.variant,defaultExpanded:e.defaultExpanded});case`task`:return(0,I.jsx)(g,{task:e.task});case`artifact`:return(0,I.jsx)(b,{title:e.title,subtitle:e.subtitle,icon:e.icon,copyText:e.copyText,actions:e.actions,onOpen:e.onOpen,onDownload:e.onDownload,children:e.body});case`confirmation`:return(0,I.jsx)(_,{title:e.title,description:e.description,tone:e.tone,status:e.status,details:e.details,onApprove:e.onApprove,onReject:e.onReject});case`custom`:return(0,I.jsx)(I.Fragment,{children:e.render()});default:return null}}function ge(e){return typeof e==`string`||typeof e==`number`?String(e):Array.isArray(e)?e.map(ge).join(``):``}function U({value:e,onChange:t,onSubmit:n,onStop:i,streaming:a=!1,disabled:o=!1,attachments:s=[],onRemoveAttachment:c,onAttach:u,showAttach:d,leadingActions:f,trailingActions:p,hideHint:m=!1,minRows:h=1,maxRows:g=8,autoFocus:_=!1,className:v,strings:y}){let b=N(ce,y),x=(0,R.useRef)(null),S=!a&&!o&&(e.trim().length>0||s.length>0),w=(0,R.useCallback)(()=>{S&&n?.({text:e,attachments:s})},[S,n,e,s]),T=(0,R.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&!e.nativeEvent.isComposing&&(e.preventDefault(),w())},[w]),E=d??!!u,D=typeof navigator<`u`&&navigator.platform?.toLowerCase().includes(`mac`)?`⌘↩`:`↩`;return(0,I.jsxs)(`div`,{className:P(`rounded-xl border border-border bg-card transition-colors duration-150`,`focus-within:border-foreground/20 focus-within:ring-2 focus-within:ring-ring/30`,o&&`opacity-60 pointer-events-none`,v),children:[s.length>0&&(0,I.jsx)(`div`,{className:`border-b border-border/60 p-2`,children:(0,I.jsx)(L,{attachments:s,onRemove:c})}),(0,I.jsx)(ae,{ref:x,value:e,onChange:e=>t(e.target.value),onKeyDown:T,placeholder:b.placeholder,autoResize:!0,minRows:h,maxRows:g,autoFocus:_,disabled:o,className:P(`!border-0 !bg-transparent !shadow-none focus-visible:!ring-0 resize-none px-3 py-2.5`)}),(0,I.jsxs)(`div`,{className:`flex items-center gap-1 border-t border-border/60 px-2 py-1.5`,children:[f,E&&(0,I.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,"aria-label":b.attachAria,onClick:u,disabled:o,children:(0,I.jsx)(ee,{className:`size-4`})}),(0,I.jsxs)(`div`,{className:`ml-auto flex items-center gap-1`,children:[p,a?(0,I.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`solid`,size:`icon-sm`,"aria-label":b.stopAria,onClick:i,children:(0,I.jsx)(se,{className:`size-3.5 fill-current`})}):(0,I.jsx)(l,{type:`button`,variant:`primary`,buttonStyle:`solid`,size:`icon-sm`,"aria-label":b.submitAria,onClick:w,disabled:!S,children:(0,I.jsx)(C,{className:`size-4`})})]})]}),!m&&(0,I.jsx)(`div`,{className:`px-3 pb-2`,children:(0,I.jsx)(r,{size:`xxs`,type:`discrete`,children:me(b.hint,{submitKey:D,newlineKey:`⇧↩`})})})]})}U.displayName=`AiChatPromptInput`;function _e({items:e,hideHeader:t=!1,onCancel:n,className:i,strings:a}){let s=N(ue,a);return e.length===0?null:(0,I.jsxs)(`div`,{className:P(`rounded-lg border border-border/60 bg-muted/20 px-2.5 py-2`,i),children:[!t&&(0,I.jsxs)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`mb-1.5 px-1 uppercase tracking-wider`,children:[s.header,` · `,e.length]}),(0,I.jsx)(`ul`,{className:`space-y-1`,children:e.map(e=>{let t=e.status??`queued`;return(0,I.jsxs)(`li`,{className:`flex items-center gap-2 rounded-md bg-card px-2 py-1.5`,children:[t===`running`?(0,I.jsx)(o,{className:`size-3.5 shrink-0 animate-spin text-primary`}):(0,I.jsx)(`span`,{"aria-hidden":!0,className:`size-2 shrink-0 rounded-full bg-muted-foreground/50`}),(0,I.jsx)(r,{size:`xs`,className:`flex-1 truncate`,children:e.label}),(0,I.jsx)(d,{variant:t===`running`?`primary`:`secondary`,children:t===`running`?s.runningLabel:s.queuedLabel}),(!!e.onCancel||!!n)&&(0,I.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":s.cancelAria,onClick:()=>{e.onCancel?.(),n?.(e.id)},children:(0,I.jsx)(M,{className:`size-3.5`})})]},e.id)})})]})}_e.displayName=`AiChatQueue`;function ve({suggestions:e,onPick:t,hideHeader:n=!1,className:i,strings:a}){let o=N(de,a);return e.length===0?null:(0,I.jsxs)(`div`,{className:P(`flex items-center gap-2`,i),children:[!n&&(0,I.jsxs)(`div`,{className:`inline-flex shrink-0 items-center gap-1.5`,children:[(0,I.jsx)(O,{className:`size-3.5 text-muted-foreground`}),(0,I.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:o.header})]}),(0,I.jsx)(`div`,{className:`-mx-1 flex flex-1 items-center gap-1.5 overflow-x-auto px-1 py-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,children:e.map(e=>{let n=e.icon;return(0,I.jsxs)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>t?.(e),className:P(`h-auto shrink-0 gap-1.5 rounded-full border border-border/60 bg-card px-2.5 py-1`,`transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!n&&(0,I.jsx)(n,{className:`size-3 text-muted-foreground`}),(0,I.jsx)(r,{tag:`span`,size:`xs`,weight:`medium`,children:e.label})]},e.id)})})]})}ve.displayName=`AiChatSuggestionsRow`;function W({messages:e,inputValue:t,onInputChange:n,onSubmit:i,onStop:a,streaming:o=!1,disabled:s=!1,attachments:c=[],onRemoveAttachment:l,onAttach:u,showAttach:d,agent:f,headerActions:p,queue:m=[],onCancelQueueItem:h,suggestions:g=[],onPickSuggestion:_,onMessageCopy:v,onMessageRegenerate:b,onAttachmentOpen:x,disableAutoScroll:S,slots:C,strings:w,className:T}){let E=N(pe,w),[,D]=(0,R.useState)(0),ee=(0,R.useCallback)((e,t)=>C?.renderMessage?C.renderMessage(e,t):(0,I.jsx)(H,{className:`ai-chat-message--component`,message:e,strings:E.message,onCopy:v?()=>v(e):void 0,onRegenerate:b?()=>b(e):void 0,onAttachmentOpen:x?t=>x(e.id,t):void 0}),[x,v,b,C,E.message]),O=C?.header??(f?(0,I.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border bg-card px-3 py-2 sm:px-4`,children:[(0,I.jsx)(y,{name:f.name,icon:f.icon,avatar:f.avatar,subtitle:f.subtitle,tone:f.tone,status:f.status,variant:`inline`}),!!p&&(0,I.jsx)(`div`,{className:`ml-auto flex items-center gap-1`,children:p})]}):null),k=C?.empty??(e.length===0?(0,I.jsx)(V,{title:E.emptyTitle,description:E.emptyDescription}):null),A=C?.queue??(m.length>0?(0,I.jsx)(_e,{items:m,onCancel:h,strings:E.queue}):null),j=C?.suggestions??(g.length>0?(0,I.jsx)(ve,{suggestions:g,onPick:_,strings:E.suggestions}):null),M=C?.input??(0,I.jsx)(U,{value:t,onChange:n,onSubmit:e=>{i?.(e),D(e=>e+1)},onStop:a,streaming:o,disabled:s,attachments:c,onRemoveAttachment:l,onAttach:u,showAttach:d,strings:E.prompt});return(0,I.jsxs)(`div`,{className:P(`ai-chat--component flex h-full flex-col overflow-hidden rounded-xl border border-border bg-background`,T),children:[O,(0,I.jsx)(B,{messages:e,renderMessage:ee,intro:C?.intro,footer:C?.belowMessages,empty:k,disableAutoScroll:S,strings:E.conversation}),(A||j||M)&&(0,I.jsxs)(`div`,{className:`border-t border-border bg-card/60`,children:[A&&(0,I.jsx)(`div`,{className:`px-3 pb-2 pt-3 sm:px-4`,children:A}),j&&(0,I.jsx)(`div`,{className:P(`px-3 sm:px-4`,!A&&`pt-3`,`pb-2`),children:j}),M&&(0,I.jsx)(`div`,{className:`px-3 pb-3 pt-2 sm:px-4 sm:pb-4`,children:M})]}),s&&(0,I.jsx)(r,{className:`sr-only`,"aria-live":`polite`,children:`Chat is disabled`})]})}W.displayName=`AiChat`;var ye=e({Default:()=>q,Empty:()=>Y,Headless:()=>Z,Streaming:()=>J,WithSlots:()=>X}),G={name:`Atlas`,subtitle:`claude-4.7-1m · with tools`,icon:w,tone:`primary`,status:`idle`},be=`import { useState } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Lr as a,Rr as o,Vr as s,jr as c,n as l,r as u,t as d}from"./example-Cz_880po.js";import{a as f,c as p,i as m,l as h,n as g,o as _,r as v,s as y,t as b,u as x}from"./ai-artifact-B0d7GveY.js";import{t as S}from"./arrow-down-VNr82bS3.js";import{t as C}from"./arrow-up-p9oA4cIz.js";import{t as w}from"./bot-C83bUUi9.js";import{t as T}from"./chart-column-DKcP77Dx.js";import{t as E}from"./database-oHsxHUj-.js";import{t as D}from"./file-text-DwqbUujq.js";import{t as ee}from"./paperclip-DoqDQQVa.js";import{t as O}from"./sparkles-N8rqKQez.js";import{n as k,r as A,t as j}from"./ai-tool-call-BqlQuR1P.js";import{t as M}from"./x-D8UN9pOu.js";import{a as te,i as ne,k as N,n as P,s as re}from"./index-BQIv1ffM.js";import{t as F}from"./props-table-2pIZzGC-.js";import{t as ie}from"./icon-badge-dwVx3Hxf.js";import{t as ae}from"./textarea-CHvnWHWH.js";var oe=te(`lightbulb`,[[`path`,{d:`M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5`,key:`1gvzjb`}],[`path`,{d:`M9 18h6`,key:`x1upvd`}],[`path`,{d:`M10 22h4`,key:`ceow96`}]]),se=te(`square`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}]]),ce={placeholder:`Ask anything…`,attachAria:`Attach files`,submitAria:`Send message`,stopAria:`Stop generating`,modelPickerAria:`Choose model`,hint:`Press {{submitKey}} to send · {{newlineKey}} for newline`},le={scrollToBottom:`Jump to latest`,scrollToBottomAria:`Scroll to bottom`},ue={header:`In queue`,cancelAria:`Remove from queue`,queuedLabel:`Queued`,runningLabel:`Running`},de={header:`Try`},fe={pending:`Thinking…`},pe={prompt:ce,conversation:le,queue:ue,suggestions:de,message:fe,emptyTitle:`Start a conversation`,emptyDescription:`Ask a question, share context, or attach a file to get going.`};function me(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}var I=re();function L({attachments:e,onRemove:t,onOpen:n,className:r}){return e.length===0?null:(0,I.jsx)(`div`,{className:P(`flex flex-wrap gap-2`,r),children:e.map(e=>(0,I.jsx)(p,{name:e.name,meta:e.meta,kind:e.kind,icon:e.icon,thumbnailUrl:e.thumbnailUrl,progress:e.progress,errored:e.errored,onOpen:n?()=>n(e):void 0,onRemove:t?()=>t(e.id):void 0},e.id))})}L.displayName=`AiChatAttachmentsStrip`;var R=t(n(),1);function z({threshold:e=80,dependency:t,disableAutoScroll:n=!1}={}){let r=(0,R.useRef)(null),i=(0,R.useRef)(null),[a,o]=(0,R.useState)(!0),s=(0,R.useCallback)((e=`smooth`)=>{i.current?.scrollIntoView({behavior:e,block:`end`})},[]);return(0,R.useEffect)(()=>{let t=r.current;if(!t)return;let n=()=>{o(t.scrollHeight-t.clientHeight-t.scrollTop<=e)};return n(),t.addEventListener(`scroll`,n,{passive:!0}),()=>t.removeEventListener(`scroll`,n)},[e]),(0,R.useEffect)(()=>{if(n||!a)return;let e=window.requestAnimationFrame(()=>s(`auto`));return()=>window.cancelAnimationFrame(e)},[t,n]),{containerRef:r,endRef:i,isAtBottom:a,scrollToBottom:s}}function B({messages:e,renderMessage:t,intro:n,footer:r,empty:i,disableAutoScroll:a,className:s,strings:c}){let l=N(le,c),{containerRef:d,endRef:f,isAtBottom:p,scrollToBottom:m}=z({dependency:e.length,disableAutoScroll:a}),h=e.length===0&&!n;return(0,I.jsxs)(`div`,{className:P(`relative flex h-full min-h-0 flex-col`,s),children:[(0,I.jsxs)(`div`,{ref:d,className:`flex-1 overflow-y-auto px-3 py-4 sm:px-4`,children:[!!n&&(0,I.jsx)(`div`,{className:`mb-4`,children:n}),h?i??(0,I.jsx)(`div`,{className:`flex h-full items-center justify-center px-6 py-12`,children:(0,I.jsx)(o,{type:`secondary`,children:`No messages yet.`})}):(0,I.jsx)(`ol`,{className:`space-y-4`,children:e.map((n,r)=>(0,I.jsx)(`li`,{children:t(n,{isLast:r===e.length-1,index:r})},n.id))}),!!r&&(0,I.jsx)(`div`,{className:`mt-4`,children:r}),(0,I.jsx)(`div`,{ref:f,"aria-hidden":!0,className:`h-px`})]}),!p&&(0,I.jsx)(`div`,{className:`pointer-events-none absolute bottom-3 left-1/2 -translate-x-1/2`,children:(0,I.jsxs)(u,{type:`button`,variant:`secondary`,buttonStyle:`solid`,"aria-label":l.scrollToBottomAria,onClick:()=>m(`smooth`),className:P(`pointer-events-auto rounded-full shadow-md`,`border border-border/60`),children:[(0,I.jsx)(S,{className:`size-3.5`}),l.scrollToBottom]})})]})}B.displayName=`AiChatConversation`;function V({title:e=`Start a conversation`,description:t,icon:n=O,below:r,className:i}){return(0,I.jsxs)(`div`,{className:P(`flex h-full flex-col items-center justify-center gap-3 px-4 py-10 text-center`,i),children:[(0,I.jsx)(ie,{icon:n,tone:`primary`,size:`md`,shape:`square`}),(0,I.jsxs)(`div`,{className:`max-w-md space-y-1`,children:[(0,I.jsx)(a,{tag:`h4`,children:e}),!!t&&(0,I.jsx)(o,{type:`secondary`,children:t})]}),!!r&&(0,I.jsx)(`div`,{className:`mt-4 w-full max-w-2xl`,children:r})]})}V.displayName=`AiChatEmptyState`;function H({message:e,onCopy:t,onRegenerate:n,onAttachmentOpen:r,className:i,strings:a}){let o=N(fe,a),s=[],c=[];for(let t of e.parts)t.type===`text`?s.push(t):c.push(t);let l=s.map(e=>e.type===`text`?e.plain??ge(e.content):``).filter(Boolean).join(`
+`)||void 0,u=e.pending?(0,I.jsx)(x,{children:o.pending}):s.length===0&&c.length>0?null:(0,I.jsx)(`div`,{className:`space-y-2`,children:s.map((e,t)=>e.type===`text`?(0,I.jsx)(`div`,{className:`whitespace-pre-wrap`,children:e.content},t):null)});return(0,I.jsxs)(`div`,{className:P(`space-y-2`,i),children:[(u!==null||e.pending)&&(0,I.jsx)(k,{role:e.role,avatar:e.avatar,authorName:e.authorName,timestamp:e.timestamp,plainText:l,loading:e.loading,onCopy:l?t??(()=>void 0):void 0,onRegenerate:n,children:u}),c.length>0&&(0,I.jsx)(`div`,{className:P(`space-y-2`,e.role===`user`?`pr-9 sm:pl-12`:`pl-9 sm:pr-12`),children:c.map((e,t)=>(0,I.jsx)(he,{part:e,onAttachmentOpen:r},t))}),!!e.trailing&&(0,I.jsx)(`div`,{className:P(e.role===`user`?`pr-9 sm:pl-12`:`pl-9 sm:pr-12`),children:e.trailing})]})}H.displayName=`AiChatMessage`;function he({part:e,onAttachmentOpen:t}){switch(e.type){case`text`:return(0,I.jsx)(o,{children:e.content});case`reasoning`:return(0,I.jsx)(m,{streaming:e.streaming,durationSeconds:e.durationSeconds,children:e.content});case`chain-of-thought`:return(0,I.jsx)(v,{steps:e.steps,streaming:e.streaming});case`tool`:return(0,I.jsx)(j,{name:e.name,status:e.status,icon:e.icon,args:e.args,result:e.result,error:e.error,durationMs:e.durationMs,defaultExpanded:e.defaultExpanded});case`code`:return(0,I.jsx)(h,{code:e.code,language:e.language,filename:e.filename,showLineNumbers:e.showLineNumbers,highlightLines:e.highlightLines});case`attachments`:return(0,I.jsx)(L,{attachments:e.items,onOpen:t?e=>t(e.id):void 0});case`sources`:return(0,I.jsx)(f,{sources:e.items,variant:e.variant,defaultExpanded:e.defaultExpanded});case`task`:return(0,I.jsx)(g,{task:e.task});case`artifact`:return(0,I.jsx)(b,{title:e.title,subtitle:e.subtitle,icon:e.icon,copyText:e.copyText,actions:e.actions,onOpen:e.onOpen,onDownload:e.onDownload,children:e.body});case`confirmation`:return(0,I.jsx)(_,{title:e.title,description:e.description,tone:e.tone,status:e.status,details:e.details,onApprove:e.onApprove,onReject:e.onReject});case`custom`:return(0,I.jsx)(I.Fragment,{children:e.render()});default:return null}}function ge(e){return typeof e==`string`||typeof e==`number`?String(e):Array.isArray(e)?e.map(ge).join(``):``}function U({value:e,onChange:t,onSubmit:n,onStop:r,streaming:i=!1,disabled:a=!1,attachments:s=[],onRemoveAttachment:c,onAttach:l,showAttach:d,leadingActions:f,trailingActions:p,hideHint:m=!1,minRows:h=1,maxRows:g=8,autoFocus:_=!1,className:v,strings:y}){let b=N(ce,y),x=(0,R.useRef)(null),S=!i&&!a&&(e.trim().length>0||s.length>0),w=(0,R.useCallback)(()=>{S&&n?.({text:e,attachments:s})},[S,n,e,s]),T=(0,R.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&!e.nativeEvent.isComposing&&(e.preventDefault(),w())},[w]),E=d??!!l,D=typeof navigator<`u`&&navigator.platform?.toLowerCase().includes(`mac`)?`⌘↩`:`↩`;return(0,I.jsxs)(`div`,{className:P(`rounded-xl border border-border bg-card transition-colors duration-150`,`focus-within:border-foreground/20 focus-within:ring-2 focus-within:ring-ring/30`,a&&`opacity-60 pointer-events-none`,v),children:[s.length>0&&(0,I.jsx)(`div`,{className:`border-b border-border/60 p-2`,children:(0,I.jsx)(L,{attachments:s,onRemove:c})}),(0,I.jsx)(ae,{ref:x,value:e,onChange:e=>t(e.target.value),onKeyDown:T,placeholder:b.placeholder,autoResize:!0,minRows:h,maxRows:g,autoFocus:_,disabled:a,className:P(`!border-0 !bg-transparent !shadow-none focus-visible:!ring-0 resize-none px-3 py-2.5`)}),(0,I.jsxs)(`div`,{className:`flex items-center gap-1 border-t border-border/60 px-2 py-1.5`,children:[f,E&&(0,I.jsx)(u,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-sm`,"aria-label":b.attachAria,onClick:l,disabled:a,children:(0,I.jsx)(ee,{className:`size-4`})}),(0,I.jsxs)(`div`,{className:`ml-auto flex items-center gap-1`,children:[p,i?(0,I.jsx)(u,{type:`button`,variant:`secondary`,buttonStyle:`solid`,size:`icon-sm`,"aria-label":b.stopAria,onClick:r,children:(0,I.jsx)(se,{className:`size-3.5 fill-current`})}):(0,I.jsx)(u,{type:`button`,variant:`primary`,buttonStyle:`solid`,size:`icon-sm`,"aria-label":b.submitAria,onClick:w,disabled:!S,children:(0,I.jsx)(C,{className:`size-4`})})]})]}),!m&&(0,I.jsx)(`div`,{className:`px-3 pb-2`,children:(0,I.jsx)(o,{size:`xxs`,type:`discrete`,children:me(b.hint,{submitKey:D,newlineKey:`⇧↩`})})})]})}U.displayName=`AiChatPromptInput`;function _e({items:e,hideHeader:t=!1,onCancel:n,className:r,strings:i}){let a=N(ue,i);return e.length===0?null:(0,I.jsxs)(`div`,{className:P(`rounded-lg border border-border/60 bg-muted/20 px-2.5 py-2`,r),children:[!t&&(0,I.jsxs)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`mb-1.5 px-1 uppercase tracking-wider`,children:[a.header,` · `,e.length]}),(0,I.jsx)(`ul`,{className:`space-y-1`,children:e.map(e=>{let t=e.status??`queued`;return(0,I.jsxs)(`li`,{className:`flex items-center gap-2 rounded-md bg-card px-2 py-1.5`,children:[t===`running`?(0,I.jsx)(s,{className:`size-3.5 shrink-0 animate-spin text-primary`}):(0,I.jsx)(`span`,{"aria-hidden":!0,className:`size-2 shrink-0 rounded-full bg-muted-foreground/50`}),(0,I.jsx)(o,{size:`xs`,className:`flex-1 truncate`,children:e.label}),(0,I.jsx)(c,{variant:t===`running`?`primary`:`secondary`,children:t===`running`?a.runningLabel:a.queuedLabel}),(!!e.onCancel||!!n)&&(0,I.jsx)(u,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":a.cancelAria,onClick:()=>{e.onCancel?.(),n?.(e.id)},children:(0,I.jsx)(M,{className:`size-3.5`})})]},e.id)})})]})}_e.displayName=`AiChatQueue`;function ve({suggestions:e,onPick:t,hideHeader:n=!1,className:r,strings:i}){let a=N(de,i);return e.length===0?null:(0,I.jsxs)(`div`,{className:P(`flex items-center gap-2`,r),children:[!n&&(0,I.jsxs)(`div`,{className:`inline-flex shrink-0 items-center gap-1.5`,children:[(0,I.jsx)(O,{className:`size-3.5 text-muted-foreground`}),(0,I.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:a.header})]}),(0,I.jsx)(`div`,{className:`-mx-1 flex flex-1 items-center gap-1.5 overflow-x-auto px-1 py-0.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,children:e.map(e=>{let n=e.icon;return(0,I.jsxs)(u,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>t?.(e),className:P(`h-auto shrink-0 gap-1.5 rounded-full border border-border/60 bg-card px-2.5 py-1`,`transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!n&&(0,I.jsx)(n,{className:`size-3 text-muted-foreground`}),(0,I.jsx)(o,{tag:`span`,size:`xs`,weight:`medium`,children:e.label})]},e.id)})})]})}ve.displayName=`AiChatSuggestionsRow`;function W({messages:e,inputValue:t,onInputChange:n,onSubmit:r,onStop:i,streaming:a=!1,disabled:s=!1,attachments:c=[],onRemoveAttachment:l,onAttach:u,showAttach:d,agent:f,headerActions:p,queue:m=[],onCancelQueueItem:h,suggestions:g=[],onPickSuggestion:_,onMessageCopy:v,onMessageRegenerate:b,onAttachmentOpen:x,disableAutoScroll:S,slots:C,strings:w,className:T}){let E=N(pe,w),[,D]=(0,R.useState)(0),ee=(0,R.useCallback)((e,t)=>C?.renderMessage?C.renderMessage(e,t):(0,I.jsx)(H,{className:`ai-chat-message--component`,message:e,strings:E.message,onCopy:v?()=>v(e):void 0,onRegenerate:b?()=>b(e):void 0,onAttachmentOpen:x?t=>x(e.id,t):void 0}),[x,v,b,C,E.message]),O=C?.header??(f?(0,I.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border bg-card px-3 py-2 sm:px-4`,children:[(0,I.jsx)(y,{name:f.name,icon:f.icon,avatar:f.avatar,subtitle:f.subtitle,tone:f.tone,status:f.status,variant:`inline`}),!!p&&(0,I.jsx)(`div`,{className:`ml-auto flex items-center gap-1`,children:p})]}):null),k=C?.empty??(e.length===0?(0,I.jsx)(V,{title:E.emptyTitle,description:E.emptyDescription}):null),A=C?.queue??(m.length>0?(0,I.jsx)(_e,{items:m,onCancel:h,strings:E.queue}):null),j=C?.suggestions??(g.length>0?(0,I.jsx)(ve,{suggestions:g,onPick:_,strings:E.suggestions}):null),M=C?.input??(0,I.jsx)(U,{value:t,onChange:n,onSubmit:e=>{r?.(e),D(e=>e+1)},onStop:i,streaming:a,disabled:s,attachments:c,onRemoveAttachment:l,onAttach:u,showAttach:d,strings:E.prompt});return(0,I.jsxs)(`div`,{className:P(`ai-chat--component flex h-full flex-col overflow-hidden rounded-xl border border-border bg-background`,T),children:[O,(0,I.jsx)(B,{messages:e,renderMessage:ee,intro:C?.intro,footer:C?.belowMessages,empty:k,disableAutoScroll:S,strings:E.conversation}),(A||j||M)&&(0,I.jsxs)(`div`,{className:`border-t border-border bg-card/60`,children:[A&&(0,I.jsx)(`div`,{className:`px-3 pb-2 pt-3 sm:px-4`,children:A}),j&&(0,I.jsx)(`div`,{className:P(`px-3 sm:px-4`,!A&&`pt-3`,`pb-2`),children:j}),M&&(0,I.jsx)(`div`,{className:`px-3 pb-3 pt-2 sm:px-4 sm:pb-4`,children:M})]}),s&&(0,I.jsx)(o,{className:`sr-only`,"aria-live":`polite`,children:`Chat is disabled`})]})}W.displayName=`AiChat`;var ye=e({Default:()=>q,Empty:()=>Y,Headless:()=>Z,Streaming:()=>J,WithSlots:()=>X}),G={name:`Atlas`,subtitle:`claude-4.7-1m · with tools`,icon:w,tone:`primary`,status:`idle`},be=`import { useState } from 'react';
 
 export function Counter() {
   const [count, setCount] = useState(0);
@@ -8,7 +8,7 @@ export function Counter() {
       Count: {count}
     </button>
   );
-}`,K=[{id:`m1`,role:`user`,authorName:`You`,timestamp:`14:31`,parts:[{type:`text`,content:`Can you summarise yesterday’s bookings and flag anything unusual?`},{type:`attachments`,items:[{id:`a1`,name:`bookings-2026-04-30.csv`,meta:`124 KB · CSV`,kind:`document`}]}]},{id:`m2`,role:`assistant`,authorName:`Atlas`,timestamp:`14:31`,parts:[{type:`reasoning`,durationSeconds:3.4,content:`Loading the CSV, grouping by date, computing totals and refund deltas. Spa package volume looked off so checked the prior 7-day baseline.`},{type:`tool`,name:`analytics.query`,status:`success`,durationMs:320,args:`{ "from": "2026-04-30", "to": "2026-04-30", "metric": "bookings" }`,result:`23 bookings · 4,820 USD · 2 refunds`},{type:`text`,content:`You had 23 bookings yesterday totalling 4,820 USD. Two refunds were processed (one cancellation, one duplicate). The Spa package saw 2× the usual demand.`},{type:`sources`,variant:`avatars`,items:[{id:`s1`,title:`bookings.csv`,publisher:`attached file`},{id:`s2`,title:`pricing.json`,publisher:`attached file`},{id:`s3`,title:`refunds.tsv`,publisher:`attached file`}]}],trailing:(0,I.jsx)(A,{onVote:()=>{},onSubmitComment:()=>{}})},{id:`m3`,role:`user`,authorName:`You`,timestamp:`14:33`,parts:[{type:`text`,content:`Generate a Counter.tsx demo and queue an npm install for the deps.`}]},{id:`m4`,role:`assistant`,authorName:`Atlas`,timestamp:`14:33`,parts:[{type:`chain-of-thought`,steps:[{id:`1`,title:`Pick a minimal example`,status:`completed`},{id:`2`,title:`Write the component`,status:`completed`},{id:`3`,title:`Verify dependencies`,status:`active`}]},{type:`artifact`,title:`Counter.tsx`,subtitle:`React component · 12 lines`,icon:D,copyText:be,body:(0,I.jsx)(h,{code:be,language:`tsx`,hideHeader:!0}),onDownload:()=>{},onOpen:()=>{}},{type:`confirmation`,title:`Run pnpm install in the workspace?`,description:`Atlas needs to install react-dom@19 to run the demo.`,tone:`info`,onApprove:()=>{},onReject:()=>{}}]}],xe=[{id:`kpi`,label:`KPI digest`,icon:T},{id:`invoice`,label:`Overdue reminder draft`,icon:D},{id:`lookup`,label:`Find similar customers`,icon:ne},{id:`refund`,label:`Refund policy explainer`,icon:oe},{id:`analytics`,label:`Build a SQL query`,icon:E}];function q(){let[e,t]=(0,R.useState)(K),[n,r]=(0,R.useState)(``),[i,a]=(0,R.useState)(!1),[o,s]=(0,R.useState)([]);return(0,I.jsx)(`div`,{className:`h-[640px]`,children:(0,I.jsx)(W,{agent:G,messages:e,inputValue:n,onInputChange:r,onSubmit:(0,R.useCallback)(e=>{if(!e.text.trim()&&e.attachments.length===0)return;let n={id:`u-${Date.now()}`,role:`user`,authorName:`You`,timestamp:new Date().toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`}),parts:[...e.text.trim()?[{type:`text`,content:e.text}]:[],...e.attachments.length>0?[{type:`attachments`,items:e.attachments}]:[]]},i={id:`a-${Date.now()}`,role:`assistant`,authorName:`Atlas`,pending:!0,parts:[]};t(e=>[...e,n,i]),r(``),s([]),a(!0),window.setTimeout(()=>{t(e=>e.map(e=>e.id===i.id?{...e,pending:!1,parts:[{type:`text`,content:"Got it. (This is a demo — wire `onSubmit` to your model API in production.)"}]}:e)),a(!1)},1200)},[]),onStop:()=>a(!1),streaming:i,attachments:o,onRemoveAttachment:e=>s(t=>t.filter(t=>t.id!==e)),onAttach:()=>s(e=>[...e,{id:`att-${Date.now()}`,name:`sample-spec.md`,meta:`32 KB · Markdown`,kind:`document`}]),suggestions:xe,onPickSuggestion:e=>r(typeof e.label==`string`?e.label:``),onMessageRegenerate:()=>{},onMessageCopy:()=>{}})})}function J(){return(0,I.jsx)(`div`,{className:`h-[420px]`,children:(0,I.jsx)(W,{agent:G,messages:[{id:`u`,role:`user`,authorName:`You`,timestamp:`15:02`,parts:[{type:`text`,content:`Draft a refund email for ORD-A219.`}]},{id:`a`,role:`assistant`,authorName:`Atlas`,pending:!0,parts:[]}],inputValue:``,onInputChange:()=>{},streaming:!0,onStop:()=>{}})})}function Y(){let[e,t]=(0,R.useState)(``);return(0,I.jsx)(`div`,{className:`h-[420px]`,children:(0,I.jsx)(W,{agent:G,messages:[],inputValue:e,onInputChange:t,suggestions:xe,onPickSuggestion:e=>t(typeof e.label==`string`?e.label:``),strings:{emptyTitle:`Start a conversation`,emptyDescription:`Ask Atlas about bookings, refunds, KPIs, or paste a spec to review.`}})})}function X(){let[e,t]=(0,R.useState)(``),[n,i]=(0,R.useState)([{id:`q1`,label:`Generate weekly KPI digest`,status:`running`},{id:`q2`,label:`Draft refund email to customer #2941`,status:`queued`}]);return(0,I.jsx)(`div`,{className:`h-[520px]`,children:(0,I.jsx)(W,{messages:K.slice(0,2),inputValue:e,onInputChange:t,queue:n,onCancelQueueItem:e=>i(t=>t.filter(t=>t.id!==e)),slots:{header:(0,I.jsxs)(`div`,{className:`flex items-center justify-between border-b border-border bg-card px-4 py-2.5`,children:[(0,I.jsx)(r,{weight:`semibold`,children:`Atlas · workspace assistant`}),(0,I.jsx)(l,{buttonStyle:`ghost`,size:`xs`,children:`Settings`})]}),belowMessages:(0,I.jsx)(`div`,{className:`border-t border-border bg-muted/30 px-4 py-2`,children:(0,I.jsx)(r,{size:`xs`,type:`secondary`,children:`Replies are generated; double-check anything before acting.`})})}})})}function Z(){let[e,t]=(0,R.useState)(``),[n,i]=(0,R.useState)(K.slice(0,2)),{containerRef:a,endRef:o,isAtBottom:s,scrollToBottom:c}=z({dependency:n.length});return(0,I.jsxs)(`div`,{className:`flex h-[520px] flex-col overflow-hidden rounded-xl border border-border bg-background`,children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between border-b border-border px-4 py-2`,children:[(0,I.jsx)(r,{weight:`semibold`,children:`Custom shell — built from partials`}),!s&&(0,I.jsx)(l,{buttonStyle:`ghost`,size:`xs`,onClick:()=>c(),children:`Jump to latest`})]}),(0,I.jsxs)(`div`,{ref:a,className:`flex-1 overflow-y-auto px-4 py-3`,children:[n.length===0?(0,I.jsx)(V,{title:`Nothing yet`,description:`Send a message to begin.`}):(0,I.jsx)(B,{messages:n,renderMessage:e=>(0,I.jsxs)(`div`,{className:`rounded-md border border-border bg-card/60 p-3`,children:[(0,I.jsxs)(r,{size:`xs`,type:`secondary`,children:[e.authorName,` · `,e.role]}),e.parts.map((e,t)=>e.type===`text`?(0,I.jsx)(r,{className:`mt-1`,children:e.content},t):null)]}),disableAutoScroll:!0}),(0,I.jsx)(`div`,{ref:o})]}),(0,I.jsx)(`div`,{className:`border-t border-border px-4 py-3`,children:(0,I.jsx)(U,{value:e,onChange:t,onSubmit:e=>{e.text.trim()&&(i(t=>[...t,{id:`u-${Date.now()}`,role:`user`,authorName:`You`,parts:[{type:`text`,content:e.text}]}]),t(``))}})})]})}var Q=`import { useCallback, useState } from 'react';
+}`,K=[{id:`m1`,role:`user`,authorName:`You`,timestamp:`14:31`,parts:[{type:`text`,content:`Can you summarise yesterday’s bookings and flag anything unusual?`},{type:`attachments`,items:[{id:`a1`,name:`bookings-2026-04-30.csv`,meta:`124 KB · CSV`,kind:`document`}]}]},{id:`m2`,role:`assistant`,authorName:`Atlas`,timestamp:`14:31`,parts:[{type:`reasoning`,durationSeconds:3.4,content:`Loading the CSV, grouping by date, computing totals and refund deltas. Spa package volume looked off so checked the prior 7-day baseline.`},{type:`tool`,name:`analytics.query`,status:`success`,durationMs:320,args:`{ "from": "2026-04-30", "to": "2026-04-30", "metric": "bookings" }`,result:`23 bookings · 4,820 USD · 2 refunds`},{type:`text`,content:`You had 23 bookings yesterday totalling 4,820 USD. Two refunds were processed (one cancellation, one duplicate). The Spa package saw 2× the usual demand.`},{type:`sources`,variant:`avatars`,items:[{id:`s1`,title:`bookings.csv`,publisher:`attached file`},{id:`s2`,title:`pricing.json`,publisher:`attached file`},{id:`s3`,title:`refunds.tsv`,publisher:`attached file`}]}],trailing:(0,I.jsx)(A,{onVote:()=>{},onSubmitComment:()=>{}})},{id:`m3`,role:`user`,authorName:`You`,timestamp:`14:33`,parts:[{type:`text`,content:`Generate a Counter.tsx demo and queue an npm install for the deps.`}]},{id:`m4`,role:`assistant`,authorName:`Atlas`,timestamp:`14:33`,parts:[{type:`chain-of-thought`,steps:[{id:`1`,title:`Pick a minimal example`,status:`completed`},{id:`2`,title:`Write the component`,status:`completed`},{id:`3`,title:`Verify dependencies`,status:`active`}]},{type:`artifact`,title:`Counter.tsx`,subtitle:`React component · 12 lines`,icon:D,copyText:be,body:(0,I.jsx)(h,{code:be,language:`tsx`,hideHeader:!0}),onDownload:()=>{},onOpen:()=>{}},{type:`confirmation`,title:`Run pnpm install in the workspace?`,description:`Atlas needs to install react-dom@19 to run the demo.`,tone:`info`,onApprove:()=>{},onReject:()=>{}}]}],xe=[{id:`kpi`,label:`KPI digest`,icon:T},{id:`invoice`,label:`Overdue reminder draft`,icon:D},{id:`lookup`,label:`Find similar customers`,icon:ne},{id:`refund`,label:`Refund policy explainer`,icon:oe},{id:`analytics`,label:`Build a SQL query`,icon:E}];function q(){let[e,t]=(0,R.useState)(K),[n,r]=(0,R.useState)(``),[i,a]=(0,R.useState)(!1),[o,s]=(0,R.useState)([]);return(0,I.jsx)(`div`,{className:`h-[640px]`,children:(0,I.jsx)(W,{agent:G,messages:e,inputValue:n,onInputChange:r,onSubmit:(0,R.useCallback)(e=>{if(!e.text.trim()&&e.attachments.length===0)return;let n={id:`u-${Date.now()}`,role:`user`,authorName:`You`,timestamp:new Date().toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`}),parts:[...e.text.trim()?[{type:`text`,content:e.text}]:[],...e.attachments.length>0?[{type:`attachments`,items:e.attachments}]:[]]},i={id:`a-${Date.now()}`,role:`assistant`,authorName:`Atlas`,pending:!0,parts:[]};t(e=>[...e,n,i]),r(``),s([]),a(!0),window.setTimeout(()=>{t(e=>e.map(e=>e.id===i.id?{...e,pending:!1,parts:[{type:`text`,content:"Got it. (This is a demo — wire `onSubmit` to your model API in production.)"}]}:e)),a(!1)},1200)},[]),onStop:()=>a(!1),streaming:i,attachments:o,onRemoveAttachment:e=>s(t=>t.filter(t=>t.id!==e)),onAttach:()=>s(e=>[...e,{id:`att-${Date.now()}`,name:`sample-spec.md`,meta:`32 KB · Markdown`,kind:`document`}]),suggestions:xe,onPickSuggestion:e=>r(typeof e.label==`string`?e.label:``),onMessageRegenerate:()=>{},onMessageCopy:()=>{}})})}function J(){return(0,I.jsx)(`div`,{className:`h-[420px]`,children:(0,I.jsx)(W,{agent:G,messages:[{id:`u`,role:`user`,authorName:`You`,timestamp:`15:02`,parts:[{type:`text`,content:`Draft a refund email for ORD-A219.`}]},{id:`a`,role:`assistant`,authorName:`Atlas`,pending:!0,parts:[]}],inputValue:``,onInputChange:()=>{},streaming:!0,onStop:()=>{}})})}function Y(){let[e,t]=(0,R.useState)(``);return(0,I.jsx)(`div`,{className:`h-[420px]`,children:(0,I.jsx)(W,{agent:G,messages:[],inputValue:e,onInputChange:t,suggestions:xe,onPickSuggestion:e=>t(typeof e.label==`string`?e.label:``),strings:{emptyTitle:`Start a conversation`,emptyDescription:`Ask Atlas about bookings, refunds, KPIs, or paste a spec to review.`}})})}function X(){let[e,t]=(0,R.useState)(``),[n,r]=(0,R.useState)([{id:`q1`,label:`Generate weekly KPI digest`,status:`running`},{id:`q2`,label:`Draft refund email to customer #2941`,status:`queued`}]);return(0,I.jsx)(`div`,{className:`h-[520px]`,children:(0,I.jsx)(W,{messages:K.slice(0,2),inputValue:e,onInputChange:t,queue:n,onCancelQueueItem:e=>r(t=>t.filter(t=>t.id!==e)),slots:{header:(0,I.jsxs)(`div`,{className:`flex items-center justify-between border-b border-border bg-card px-4 py-2.5`,children:[(0,I.jsx)(o,{weight:`semibold`,children:`Atlas · workspace assistant`}),(0,I.jsx)(u,{buttonStyle:`ghost`,size:`xs`,children:`Settings`})]}),belowMessages:(0,I.jsx)(`div`,{className:`border-t border-border bg-muted/30 px-4 py-2`,children:(0,I.jsx)(o,{size:`xs`,type:`secondary`,children:`Replies are generated; double-check anything before acting.`})})}})})}function Z(){let[e,t]=(0,R.useState)(``),[n,r]=(0,R.useState)(K.slice(0,2)),{containerRef:i,endRef:a,isAtBottom:s,scrollToBottom:c}=z({dependency:n.length});return(0,I.jsxs)(`div`,{className:`flex h-[520px] flex-col overflow-hidden rounded-xl border border-border bg-background`,children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between border-b border-border px-4 py-2`,children:[(0,I.jsx)(o,{weight:`semibold`,children:`Custom shell — built from partials`}),!s&&(0,I.jsx)(u,{buttonStyle:`ghost`,size:`xs`,onClick:()=>c(),children:`Jump to latest`})]}),(0,I.jsxs)(`div`,{ref:i,className:`flex-1 overflow-y-auto px-4 py-3`,children:[n.length===0?(0,I.jsx)(V,{title:`Nothing yet`,description:`Send a message to begin.`}):(0,I.jsx)(B,{messages:n,renderMessage:e=>(0,I.jsxs)(`div`,{className:`rounded-md border border-border bg-card/60 p-3`,children:[(0,I.jsxs)(o,{size:`xs`,type:`secondary`,children:[e.authorName,` · `,e.role]}),e.parts.map((e,t)=>e.type===`text`?(0,I.jsx)(o,{className:`mt-1`,children:e.content},t):null)]}),disableAutoScroll:!0}),(0,I.jsx)(`div`,{ref:a})]}),(0,I.jsx)(`div`,{className:`border-t border-border px-4 py-3`,children:(0,I.jsx)(U,{value:e,onChange:t,onSubmit:e=>{e.text.trim()&&(r(t=>[...t,{id:`u-${Date.now()}`,role:`user`,authorName:`You`,parts:[{type:`text`,content:e.text}]}]),t(``))}})})]})}var Q=`import { useCallback, useState } from 'react';
 import {
 	BarChart3,
 	Bot,
@@ -459,7 +459,7 @@ export function Headless() {
 		</div>
 	);
 }
-`;function Se(e){let t={code:`code`,h4:`h4`,li:`li`,p:`p`,strong:`strong`,ul:`ul`,...e.components};return ye||$(`Examples`,!1),q||$(`Examples.Default`,!0),Y||$(`Examples.Empty`,!0),Z||$(`Examples.Headless`,!0),J||$(`Examples.Streaming`,!0),X||$(`Examples.WithSlots`,!0),(0,I.jsxs)(a,{title:`AI Chat`,description:`Framework-agnostic AI chat surface. Ties together prompt input, conversation, message renderer, queue, and the full composed/ai/* palette (reasoning, tool calls, attachments, artifacts, confirmations).`,layer:`features`,status:`ready`,sourcePath:`src/components/features/ai-chat`,children:[(0,I.jsxs)(s,{title:`Overview`,id:`overview`,children:[(0,I.jsxs)(t.p,{children:[(0,I.jsx)(t.code,{children:`AiChat`}),` is a controlled chat shell. The library does `,(0,I.jsx)(t.strong,{children:`not`}),` call any
+`;function Se(e){let t={code:`code`,h4:`h4`,li:`li`,p:`p`,strong:`strong`,ul:`ul`,...e.components};return ye||$(`Examples`,!1),q||$(`Examples.Default`,!0),Y||$(`Examples.Empty`,!0),Z||$(`Examples.Headless`,!0),J||$(`Examples.Streaming`,!0),X||$(`Examples.WithSlots`,!0),(0,I.jsxs)(r,{title:`AI Chat`,description:`Framework-agnostic AI chat surface. Ties together prompt input, conversation, message renderer, queue, and the full composed/ai/* palette (reasoning, tool calls, attachments, artifacts, confirmations).`,layer:`features`,status:`ready`,sourcePath:`src/components/features/ai-chat`,children:[(0,I.jsxs)(i,{title:`Overview`,id:`overview`,children:[(0,I.jsxs)(t.p,{children:[(0,I.jsx)(t.code,{children:`AiChat`}),` is a controlled chat shell. The library does `,(0,I.jsx)(t.strong,{children:`not`}),` call any
 LLM, fetch any data, or wire any router — every piece of state flows in
 as a prop and every action exits through a callback. That is what makes
 it portable across Inertia, Next.js, Remix, plain Vite, and friends.`]}),(0,I.jsx)(t.p,{children:`The consumer wires:`}),(0,I.jsxs)(t.ul,{children:[`
@@ -474,9 +474,9 @@ endpoint, tRPC mutation, queue producer, etc.`]}),`
 attachments. The library never touches storage.`]}),`
 `,(0,I.jsxs)(t.li,{children:[(0,I.jsx)(t.code,{children:`queue`}),`, `,(0,I.jsx)(t.code,{children:`suggestions`}),`, `,(0,I.jsx)(t.code,{children:`onMessageRegenerate`}),`, `,(0,I.jsx)(t.code,{children:`onMessageCopy`}),` —
 optional callbacks for the surrounding surfaces.`]}),`
-`]})]}),(0,I.jsxs)(s,{title:`How to use`,id:`how-to-use`,children:[(0,I.jsxs)(t.p,{children:[`The canonical mount: controlled state, callback-driven submission, no
+`]})]}),(0,I.jsxs)(i,{title:`How to use`,id:`how-to-use`,children:[(0,I.jsxs)(t.p,{children:[`The canonical mount: controlled state, callback-driven submission, no
 framework SDKs. Drop this in any consumer app and wire `,(0,I.jsx)(t.code,{children:`onSubmit`}),` to
-whatever produces assistant messages.`]}),(0,I.jsx)(c,{language:`tsx`,code:`import { useState } from 'react';
+whatever produces assistant messages.`]}),(0,I.jsx)(l,{language:`tsx`,code:`import { useState } from 'react';
 import { Bot } from 'lucide-react';
 import {
 AiChat,
@@ -543,7 +543,7 @@ copy (`,(0,I.jsx)(t.code,{children:`Copy`}),`, `,(0,I.jsx)(t.code,{children:`Reg
 site — the library never reaches for a `,(0,I.jsx)(t.code,{children:`useI18n()`}),` hook.`]}),(0,I.jsxs)(t.p,{children:[(0,I.jsx)(t.strong,{children:`Headless mode.`}),` For a fully custom layout, build directly against
 the partials (`,(0,I.jsx)(t.code,{children:`AiChatConversation`}),`, `,(0,I.jsx)(t.code,{children:`AiChatPromptInput`}),`,
 `,(0,I.jsx)(t.code,{children:`AiChatEmptyState`}),`, …) and use the `,(0,I.jsx)(t.code,{children:`useAiChatScroll`}),` hook to keep the
-auto-stick-to-bottom behaviour.`]})]}),(0,I.jsxs)(s,{title:`Examples`,id:`examples`,children:[(0,I.jsx)(u,{name:`Default`,source:Q,children:(0,I.jsx)(q,{})}),(0,I.jsx)(u,{name:`Streaming`,source:Q,children:(0,I.jsx)(J,{})}),(0,I.jsx)(u,{name:`Empty`,source:Q,children:(0,I.jsx)(Y,{})}),(0,I.jsx)(u,{name:`WithSlots`,source:Q,children:(0,I.jsx)(X,{})}),(0,I.jsx)(u,{name:`Headless`,source:Q,children:(0,I.jsx)(Z,{})})]}),(0,I.jsxs)(s,{title:`API`,id:`api`,children:[(0,I.jsx)(t.h4,{children:`AiChat`}),(0,I.jsx)(F,{component:`AiChat`}),(0,I.jsx)(t.h4,{children:`AiChatConversation`}),(0,I.jsx)(F,{component:`AiChatConversation`}),(0,I.jsx)(t.h4,{children:`AiChatMessage`}),(0,I.jsx)(F,{component:`AiChatMessage`}),(0,I.jsx)(t.h4,{children:`AiChatPromptInput`}),(0,I.jsx)(F,{component:`AiChatPromptInput`}),(0,I.jsx)(t.h4,{children:`AiChatEmptyState`}),(0,I.jsx)(F,{component:`AiChatEmptyState`}),(0,I.jsx)(t.h4,{children:`AiChatQueue`}),(0,I.jsx)(F,{component:`AiChatQueue`}),(0,I.jsx)(t.h4,{children:`AiChatSuggestionsRow`}),(0,I.jsx)(F,{component:`AiChatSuggestionsRow`}),(0,I.jsx)(t.h4,{children:`AiChatAttachmentsStrip`}),(0,I.jsx)(F,{component:`AiChatAttachmentsStrip`})]}),(0,I.jsx)(s,{title:`Notes`,id:`notes`,children:(0,I.jsxs)(t.ul,{children:[`
+auto-stick-to-bottom behaviour.`]})]}),(0,I.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,I.jsx)(d,{name:`Default`,source:Q,children:(0,I.jsx)(q,{})}),(0,I.jsx)(d,{name:`Streaming`,source:Q,children:(0,I.jsx)(J,{})}),(0,I.jsx)(d,{name:`Empty`,source:Q,children:(0,I.jsx)(Y,{})}),(0,I.jsx)(d,{name:`WithSlots`,source:Q,children:(0,I.jsx)(X,{})}),(0,I.jsx)(d,{name:`Headless`,source:Q,children:(0,I.jsx)(Z,{})})]}),(0,I.jsxs)(i,{title:`API`,id:`api`,children:[(0,I.jsx)(t.h4,{children:`AiChat`}),(0,I.jsx)(F,{component:`AiChat`}),(0,I.jsx)(t.h4,{children:`AiChatConversation`}),(0,I.jsx)(F,{component:`AiChatConversation`}),(0,I.jsx)(t.h4,{children:`AiChatMessage`}),(0,I.jsx)(F,{component:`AiChatMessage`}),(0,I.jsx)(t.h4,{children:`AiChatPromptInput`}),(0,I.jsx)(F,{component:`AiChatPromptInput`}),(0,I.jsx)(t.h4,{children:`AiChatEmptyState`}),(0,I.jsx)(F,{component:`AiChatEmptyState`}),(0,I.jsx)(t.h4,{children:`AiChatQueue`}),(0,I.jsx)(F,{component:`AiChatQueue`}),(0,I.jsx)(t.h4,{children:`AiChatSuggestionsRow`}),(0,I.jsx)(F,{component:`AiChatSuggestionsRow`}),(0,I.jsx)(t.h4,{children:`AiChatAttachmentsStrip`}),(0,I.jsx)(F,{component:`AiChatAttachmentsStrip`})]}),(0,I.jsx)(i,{title:`Notes`,id:`notes`,children:(0,I.jsxs)(t.ul,{children:[`
 `,(0,I.jsxs)(t.li,{children:[(0,I.jsx)(t.strong,{children:`The library does NOT call any LLM.`}),` `,(0,I.jsx)(t.code,{children:`onSubmit`}),` is a callback —
 hook it to your backend, your `,(0,I.jsx)(t.code,{children:`tRPC`}),` mutation, your worker queue,
 whatever produces assistant messages. The library only renders.`]}),`

package/dist/showcase/assets/{ai-elements-DmxqXR6H.js → ai-elements-Cr8GgtEV.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,hr as i,mr as a,r as o,t as s,yr as c}from"./example-BIrQab7K.js";import{a as l,c as u,d,i as f,l as p,n as m,o as h,r as g,s as _,t as ee,u as v}from"./ai-artifact-CUAlhcSX.js";import{t as y}from"./bot-5Ro5Dayc.js";import{t as te}from"./chevron-down-CSn8HCwf.js";import{t as ne}from"./chevron-right-d-umkBru.js";import{t as re}from"./code-xml-SoYTMEdm.js";import{t as ie}from"./cpu-DjJeD_0Z.js";import{t as b}from"./external-link-DuJlM_H4.js";import{t as x}from"./file-text-D3AE37vP.js";import{t as S}from"./file-Dc5UHkfE.js";import{t as C}from"./folder-open-Dp0sceCi.js";import{t as ae}from"./globe-BJHI134i.js";import{t as oe}from"./package-0ZgMoFm1.js";import{t as se}from"./wrench-gaXnvr_b.js";import{O as ce,a as w,k as T,n as E,s as le}from"./index-Cz4UGUT2.js";import{t as D}from"./props-table-BR-KjRNe.js";var ue=w(`folder`,[[`path`,{d:`M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z`,key:`1kt360`}]]),de={sourcePrefix:`Source`,openAria:`Open source {{n}}: {{title}}`},O=le();function fe(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function k({index:e,title:t,url:n,onSelect:i,className:a,strings:s}){let c=ce(de,s),l=fe(c.openAria,{n:e,title:t??``}),u=t?`${c.sourcePrefix} ${e}: ${t}`:`${c.sourcePrefix} ${e}`,d=E(`inline-flex h-[1.25em] min-w-[1.25em] -translate-y-px items-center justify-center rounded px-1`,`align-middle text-[0.75em] font-medium tabular-nums`,`bg-muted text-muted-foreground`,`hover:bg-primary/10 hover:text-primary`,`transition-colors duration-150`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,a);return n?(0,O.jsx)(`a`,{href:n,target:`_blank`,rel:`noopener noreferrer`,title:u,"aria-label":l,className:E(`ai-inline-citation--component`,d),children:(0,O.jsx)(r,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:e})}):i?(0,O.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:i,title:u,"aria-label":l,className:E(`ai-inline-citation--component`,d),children:(0,O.jsx)(r,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:e})}):(0,O.jsx)(`span`,{title:u,"aria-label":l,className:E(`ai-inline-citation--component`,d),children:(0,O.jsx)(r,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:e})})}k.displayName=`AiInlineCitation`;var pe={versionLabel:`Version`,licenseLabel:`License`,publishedLabel:`Published`,homepageAria:`Open homepage`,repositoryAria:`Open repository`,weeklyDownloadsLabel:`Weekly downloads`};function A({name:e,version:t,description:n,license:i,publishedAt:a,homepage:o,repository:s,weeklyDownloads:l,keywords:u,onSelect:d,className:f,strings:p}){let m=T(pe,p);return(0,O.jsxs)(d?`button`:`div`,{...d?{type:`button`,onClick:d}:{},className:E(`ai-package-info--component`,`block w-full rounded-lg border border-border/60 bg-card text-left`,d&&`transition-[border-color,background] duration-150 hover:border-foreground/20 hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,f),children:[(0,O.jsxs)(`div`,{className:`flex items-start gap-3 px-3.5 py-3`,children:[(0,O.jsx)(`span`,{"aria-hidden":!0,className:`inline-flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground`,children:(0,O.jsx)(oe,{className:`size-4`})}),(0,O.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,O.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,O.jsx)(r,{weight:`semibold`,className:`truncate font-mono`,children:e}),!!t&&(0,O.jsxs)(c,{variant:`secondary`,className:`font-mono tabular-nums`,children:[`v`,t.replace(/^v/,``)]})]}),!!n&&(0,O.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1 line-clamp-2`,children:n}),(i||a||l!==void 0)&&(0,O.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-x-3 gap-y-1`,children:[!!i&&(0,O.jsx)(j,{label:m.licenseLabel,value:i}),!!a&&(0,O.jsx)(j,{label:m.publishedLabel,value:a}),l!==void 0&&(0,O.jsx)(j,{label:m.weeklyDownloadsLabel,value:String(l)})]}),!!u?.length&&(0,O.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:u.slice(0,6).map(e=>(0,O.jsx)(c,{variant:`secondary`,children:e},e))})]})]}),(o||s)&&(0,O.jsxs)(`div`,{className:`flex items-center gap-2 border-t border-border/60 bg-muted/20 px-3.5 py-2`,children:[!!o&&(0,O.jsxs)(`a`,{href:o,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":m.homepageAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,O.jsx)(ae,{className:`size-3.5`}),(0,O.jsx)(r,{tag:`span`,size:`xxs`,weight:`medium`,children:`Homepage`}),(0,O.jsx)(b,{className:`size-3`})]}),!!o&&!!s&&(0,O.jsx)(`span`,{"aria-hidden":!0,className:`text-muted-foreground/40`,children:`·`}),!!s&&(0,O.jsxs)(`a`,{href:s,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":m.repositoryAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,O.jsx)(re,{className:`size-3.5`}),(0,O.jsx)(r,{tag:`span`,size:`xxs`,weight:`medium`,children:`Repository`}),(0,O.jsx)(b,{className:`size-3`})]})]})]})}A.displayName=`AiPackageInfo`;function j({label:e,value:t}){return(0,O.jsxs)(`div`,{className:`inline-flex items-baseline gap-1`,children:[(0,O.jsx)(r,{size:`xxs`,type:`discrete`,children:e}),(0,O.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:t})]})}var me={expandAria:`Expand directory`,collapseAria:`Collapse directory`,statusLabels:{added:`A`,modified:`M`,removed:`D`,renamed:`R`}},he=t(n(),1),M={added:{row:`before:bg-success`,pill:`bg-success/15 text-success`},modified:{row:`before:bg-warning`,pill:`bg-warning/20 text-warning`},removed:{row:`before:bg-destructive`,pill:`bg-destructive/15 text-destructive`},renamed:{row:`before:bg-info`,pill:`bg-info/15 text-info`}};function N(e){let t=e.split(`.`).pop()?.toLowerCase()??``;return[`ts`,`tsx`,`js`,`jsx`,`mjs`,`cjs`,`json`,`css`,`scss`,`html`,`sh`,`py`,`rs`,`go`].includes(t)?d:[`md`,`mdx`,`txt`].includes(t)?x:S}function P({nodes:e,selectedId:t,onSelect:n,hideStatusLabels:r=!1,indent:i=14,className:a,strings:o}){let s=T(me,o);return(0,O.jsx)(`div`,{className:E(`ai-file-tree--component`,`overflow-hidden rounded-lg border border-border/60 bg-card font-mono text-xs`,a),children:(0,O.jsx)(`ul`,{children:e.map(e=>(0,O.jsx)(F,{node:e,depth:0,selectedId:t,onSelect:n,hideStatusLabels:r,indent:i,strings:s},e.id))})})}P.displayName=`AiFileTree`;function F({node:e,depth:t,selectedId:n,onSelect:i,hideStatusLabels:a,indent:s,strings:c}){let[l,u]=(0,he.useState)(e.defaultExpanded??t<1),d=e.kind===`directory`,f=n===e.id,p=e.status,m=p?M[p]:void 0,h=e.icon??(d?l?C:ue:N(e.name)),g=()=>{d?u(e=>!e):i?.(e)},_=(0,O.jsxs)(O.Fragment,{children:[!!p&&!a&&(0,O.jsx)(`span`,{className:E(`inline-flex size-4 shrink-0 items-center justify-center rounded`,`text-[length:var(--text-xxs)] font-bold leading-none uppercase`,m?.pill),children:c.statusLabels[p]}),!!e.trailing&&(0,O.jsx)(r,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:e.trailing})]});return(0,O.jsxs)(`li`,{children:[(0,O.jsxs)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:g,"aria-expanded":d?l:void 0,"aria-label":d?l?c.collapseAria:c.expandAria:void 0,className:E(`ai-file-tree--row group relative h-auto w-full justify-start gap-1.5 rounded-none px-2 py-1 text-left font-mono text-xs`,`hover:bg-muted/40`,`focus-visible:ring-inset`,f&&`bg-primary/10`,!!p&&`before:absolute before:left-0 before:top-0 before:h-full before:w-0.5`,m?.row,p===`removed`&&`text-muted-foreground/80`),style:{paddingLeft:8+t*s},children:[d?l?(0,O.jsx)(te,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,O.jsx)(ne,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,O.jsx)(`span`,{"aria-hidden":!0,className:`size-3.5 shrink-0`}),(0,O.jsx)(h,{className:E(`size-3.5 shrink-0`,d?`text-muted-foreground`:`text-muted-foreground/80`)}),(0,O.jsx)(`span`,{className:E(`flex-1 truncate`,p===`removed`&&`line-through`),children:e.name}),(0,O.jsx)(`span`,{className:`ml-auto flex items-center gap-1.5`,children:_})]}),d&&l&&!!e.children?.length&&(0,O.jsx)(`ul`,{children:e.children.map(e=>(0,O.jsx)(F,{node:e,depth:t+1,selectedId:n,onSelect:i,hideStatusLabels:a,indent:s,strings:c},e.id))})]})}var I=e({AiAgentExample:()=>z,AiArtifactExample:()=>q,AiAttachmentExample:()=>V,AiChainOfThoughtExample:()=>G,AiCodeBlockExample:()=>B,AiConfirmationExample:()=>X,AiFileTreeExample:()=>J,AiInlineCitationExample:()=>H,AiPackageInfoExample:()=>Y,AiReasoningExample:()=>W,AiShimmerExample:()=>R,AiSourcesExample:()=>U,AiTaskExample:()=>K}),L=`import { useState } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Rr as a,jr as o,r as s,t as c}from"./example-Cz_880po.js";import{a as l,c as u,d,i as f,l as p,n as m,o as h,r as g,s as _,t as ee,u as v}from"./ai-artifact-B0d7GveY.js";import{t as y}from"./bot-C83bUUi9.js";import{t as te}from"./chevron-down-ByPPEdNm.js";import{t as ne}from"./chevron-right-D4pIMCh9.js";import{t as re}from"./code-xml-CeGA85eB.js";import{t as ie}from"./cpu-BZTsuaUu.js";import{t as b}from"./external-link-Cy1-PP8k.js";import{t as x}from"./file-text-DwqbUujq.js";import{t as S}from"./file-C8PCBEtY.js";import{t as C}from"./folder-open-BThTng3d.js";import{t as ae}from"./globe-BCikLfKc.js";import{t as oe}from"./package-CjcwDJKu.js";import{t as se}from"./wrench-BFTavxzg.js";import{O as ce,a as w,k as T,n as E,s as le}from"./index-BQIv1ffM.js";import{t as D}from"./props-table-2pIZzGC-.js";var ue=w(`folder`,[[`path`,{d:`M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z`,key:`1kt360`}]]),de={sourcePrefix:`Source`,openAria:`Open source {{n}}: {{title}}`},O=le();function fe(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function k({index:e,title:t,url:n,onSelect:r,className:i,strings:o}){let c=ce(de,o),l=fe(c.openAria,{n:e,title:t??``}),u=t?`${c.sourcePrefix} ${e}: ${t}`:`${c.sourcePrefix} ${e}`,d=E(`inline-flex h-[1.25em] min-w-[1.25em] -translate-y-px items-center justify-center rounded px-1`,`align-middle text-[0.75em] font-medium tabular-nums`,`bg-muted text-muted-foreground`,`hover:bg-primary/10 hover:text-primary`,`transition-colors duration-150`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,i);return n?(0,O.jsx)(`a`,{href:n,target:`_blank`,rel:`noopener noreferrer`,title:u,"aria-label":l,className:E(`ai-inline-citation--component`,d),children:(0,O.jsx)(a,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:e})}):r?(0,O.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:r,title:u,"aria-label":l,className:E(`ai-inline-citation--component`,d),children:(0,O.jsx)(a,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:e})}):(0,O.jsx)(`span`,{title:u,"aria-label":l,className:E(`ai-inline-citation--component`,d),children:(0,O.jsx)(a,{tag:`span`,size:`xxs`,weight:`medium`,className:`leading-none`,children:e})})}k.displayName=`AiInlineCitation`;var pe={versionLabel:`Version`,licenseLabel:`License`,publishedLabel:`Published`,homepageAria:`Open homepage`,repositoryAria:`Open repository`,weeklyDownloadsLabel:`Weekly downloads`};function A({name:e,version:t,description:n,license:r,publishedAt:i,homepage:s,repository:c,weeklyDownloads:l,keywords:u,onSelect:d,className:f,strings:p}){let m=T(pe,p);return(0,O.jsxs)(d?`button`:`div`,{...d?{type:`button`,onClick:d}:{},className:E(`ai-package-info--component`,`block w-full rounded-lg border border-border/60 bg-card text-left`,d&&`transition-[border-color,background] duration-150 hover:border-foreground/20 hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,f),children:[(0,O.jsxs)(`div`,{className:`flex items-start gap-3 px-3.5 py-3`,children:[(0,O.jsx)(`span`,{"aria-hidden":!0,className:`inline-flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground`,children:(0,O.jsx)(oe,{className:`size-4`})}),(0,O.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,O.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,O.jsx)(a,{weight:`semibold`,className:`truncate font-mono`,children:e}),!!t&&(0,O.jsxs)(o,{variant:`secondary`,className:`font-mono tabular-nums`,children:[`v`,t.replace(/^v/,``)]})]}),!!n&&(0,O.jsx)(a,{size:`xs`,type:`secondary`,className:`mt-1 line-clamp-2`,children:n}),(r||i||l!==void 0)&&(0,O.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-x-3 gap-y-1`,children:[!!r&&(0,O.jsx)(j,{label:m.licenseLabel,value:r}),!!i&&(0,O.jsx)(j,{label:m.publishedLabel,value:i}),l!==void 0&&(0,O.jsx)(j,{label:m.weeklyDownloadsLabel,value:String(l)})]}),!!u?.length&&(0,O.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:u.slice(0,6).map(e=>(0,O.jsx)(o,{variant:`secondary`,children:e},e))})]})]}),(s||c)&&(0,O.jsxs)(`div`,{className:`flex items-center gap-2 border-t border-border/60 bg-muted/20 px-3.5 py-2`,children:[!!s&&(0,O.jsxs)(`a`,{href:s,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":m.homepageAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,O.jsx)(ae,{className:`size-3.5`}),(0,O.jsx)(a,{tag:`span`,size:`xxs`,weight:`medium`,children:`Homepage`}),(0,O.jsx)(b,{className:`size-3`})]}),!!s&&!!c&&(0,O.jsx)(`span`,{"aria-hidden":!0,className:`text-muted-foreground/40`,children:`·`}),!!c&&(0,O.jsxs)(`a`,{href:c,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":m.repositoryAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,O.jsx)(re,{className:`size-3.5`}),(0,O.jsx)(a,{tag:`span`,size:`xxs`,weight:`medium`,children:`Repository`}),(0,O.jsx)(b,{className:`size-3`})]})]})]})}A.displayName=`AiPackageInfo`;function j({label:e,value:t}){return(0,O.jsxs)(`div`,{className:`inline-flex items-baseline gap-1`,children:[(0,O.jsx)(a,{size:`xxs`,type:`discrete`,children:e}),(0,O.jsx)(a,{size:`xxs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:t})]})}var me={expandAria:`Expand directory`,collapseAria:`Collapse directory`,statusLabels:{added:`A`,modified:`M`,removed:`D`,renamed:`R`}},he=t(n(),1),M={added:{row:`before:bg-success`,pill:`bg-success/15 text-success`},modified:{row:`before:bg-warning`,pill:`bg-warning/20 text-warning`},removed:{row:`before:bg-destructive`,pill:`bg-destructive/15 text-destructive`},renamed:{row:`before:bg-info`,pill:`bg-info/15 text-info`}};function N(e){let t=e.split(`.`).pop()?.toLowerCase()??``;return[`ts`,`tsx`,`js`,`jsx`,`mjs`,`cjs`,`json`,`css`,`scss`,`html`,`sh`,`py`,`rs`,`go`].includes(t)?d:[`md`,`mdx`,`txt`].includes(t)?x:S}function P({nodes:e,selectedId:t,onSelect:n,hideStatusLabels:r=!1,indent:i=14,className:a,strings:o}){let s=T(me,o);return(0,O.jsx)(`div`,{className:E(`ai-file-tree--component`,`overflow-hidden rounded-lg border border-border/60 bg-card font-mono text-xs`,a),children:(0,O.jsx)(`ul`,{children:e.map(e=>(0,O.jsx)(F,{node:e,depth:0,selectedId:t,onSelect:n,hideStatusLabels:r,indent:i,strings:s},e.id))})})}P.displayName=`AiFileTree`;function F({node:e,depth:t,selectedId:n,onSelect:r,hideStatusLabels:i,indent:o,strings:c}){let[l,u]=(0,he.useState)(e.defaultExpanded??t<1),d=e.kind===`directory`,f=n===e.id,p=e.status,m=p?M[p]:void 0,h=e.icon??(d?l?C:ue:N(e.name)),g=()=>{d?u(e=>!e):r?.(e)},_=(0,O.jsxs)(O.Fragment,{children:[!!p&&!i&&(0,O.jsx)(`span`,{className:E(`inline-flex size-4 shrink-0 items-center justify-center rounded`,`text-[length:var(--text-xxs)] font-bold leading-none uppercase`,m?.pill),children:c.statusLabels[p]}),!!e.trailing&&(0,O.jsx)(a,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:e.trailing})]});return(0,O.jsxs)(`li`,{children:[(0,O.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:g,"aria-expanded":d?l:void 0,"aria-label":d?l?c.collapseAria:c.expandAria:void 0,className:E(`ai-file-tree--row group relative h-auto w-full justify-start gap-1.5 rounded-none px-2 py-1 text-left font-mono text-xs`,`hover:bg-muted/40`,`focus-visible:ring-inset`,f&&`bg-primary/10`,!!p&&`before:absolute before:left-0 before:top-0 before:h-full before:w-0.5`,m?.row,p===`removed`&&`text-muted-foreground/80`),style:{paddingLeft:8+t*o},children:[d?l?(0,O.jsx)(te,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,O.jsx)(ne,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,O.jsx)(`span`,{"aria-hidden":!0,className:`size-3.5 shrink-0`}),(0,O.jsx)(h,{className:E(`size-3.5 shrink-0`,d?`text-muted-foreground`:`text-muted-foreground/80`)}),(0,O.jsx)(`span`,{className:E(`flex-1 truncate`,p===`removed`&&`line-through`),children:e.name}),(0,O.jsx)(`span`,{className:`ml-auto flex items-center gap-1.5`,children:_})]}),d&&l&&!!e.children?.length&&(0,O.jsx)(`ul`,{children:e.children.map(e=>(0,O.jsx)(F,{node:e,depth:t+1,selectedId:n,onSelect:r,hideStatusLabels:i,indent:o,strings:c},e.id))})]})}var I=e({AiAgentExample:()=>z,AiArtifactExample:()=>q,AiAttachmentExample:()=>V,AiChainOfThoughtExample:()=>G,AiCodeBlockExample:()=>B,AiConfirmationExample:()=>X,AiFileTreeExample:()=>J,AiInlineCitationExample:()=>H,AiPackageInfoExample:()=>Y,AiReasoningExample:()=>W,AiShimmerExample:()=>R,AiSourcesExample:()=>U,AiTaskExample:()=>K}),L=`import { useState } from 'react';
 
 export function Counter() {
   const [count, setCount] = useState(0);
@@ -8,7 +8,7 @@ export function Counter() {
     </button>
   );
 }`,ge=`pnpm install admin-ui-starter-kit
-pnpm add -D tailwindcss@^4 @tailwindcss/vite`,_e=`data:image/svg+xml,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%0A%09%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2210%22%20fill%3D%22%23646cff%22%2F%3E%0A%09%3Cpath%20d%3D%22M10%209h20l-10%2022L10%209Z%22%20fill%3D%22%23fff%22%2F%3E%0A%09%3Cpath%20d%3D%22M20%209h10L20%2031V9Z%22%20fill%3D%22%23ffd62e%22%20opacity%3D%22.9%22%2F%3E%0A%3C%2Fsvg%3E%0A`;function R(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(`div`,{className:`flex w-full min-w-0 max-w-full flex-col gap-3`,children:[(0,O.jsx)(v,{children:`Generating insights…`}),(0,O.jsx)(v,{paused:!0,children:`Paused`})]})})}function z(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(`div`,{className:`flex w-full min-w-0 max-w-full flex-col gap-3`,children:[(0,O.jsx)(_,{name:`Atlas`,subtitle:`claude-4.7-1m`,status:`thinking`,icon:y}),(0,O.jsx)(_,{name:`Helios`,subtitle:`local · qwen-2.5-coder`,tone:`success`,status:`done`,variant:`card`,icon:ie}),(0,O.jsx)(_,{name:`Nova`,subtitle:`offline`,tone:`neutral`,status:`offline`,icon:y})]})})}function B(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(`div`,{className:`flex w-full min-w-0 max-w-full flex-col gap-3`,children:[(0,O.jsx)(p,{code:L,language:`tsx`,filename:`Counter.tsx`,showLineNumbers:!0}),(0,O.jsx)(p,{code:ge,language:`shell`})]})})}function V(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,O.jsx)(u,{name:`quarterly-report.pdf`,meta:`2.4 MB · PDF`,kind:`document`,onOpen:()=>{},onRemove:()=>{}}),(0,O.jsx)(u,{name:`brand-mark.png`,meta:`312 KB · PNG`,kind:`image`,thumbnailUrl:`https://images.unsplash.com/photo-1520975918318-3a83a708bf26?w=80&h=80&fit=crop`,onOpen:()=>{}}),(0,O.jsx)(u,{name:`setup.sh`,meta:`Uploading… 60%`,kind:`code`,progress:.6}),(0,O.jsx)(u,{name:`readme.md`,meta:`Failed to upload`,kind:`document`,errored:!0,onRemove:()=>{}})]})})}function H(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(r,{children:[`The framework supports zero-config TypeScript out of the box`,(0,O.jsx)(k,{index:1,title:`Vite docs`,url:`https://vitejs.dev`}),`, and accepts arbitrary React components as plugins`,(0,O.jsx)(k,{index:2,title:`React reference`}),`, including compound components`,(0,O.jsx)(k,{index:3,onSelect:()=>{},title:`Custom hook patterns`}),`.`]})})}function U(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,O.jsx)(l,{sources:[{id:`a`,title:`Vite — Next-gen tooling`,publisher:`vitejs.dev`,url:`https://vitejs.dev`,faviconUrl:_e},{id:`b`,title:`React documentation`,publisher:`react.dev`,url:`https://react.dev`},{id:`c`,title:`TypeScript Handbook`,publisher:`typescriptlang.org`,url:`https://www.typescriptlang.org/docs`}],defaultExpanded:!0}),(0,O.jsx)(l,{variant:`avatars`,sources:[{id:`a`,title:`Site A`},{id:`b`,title:`Site B`},{id:`c`,title:`Site C`},{id:`d`,title:`Site D`},{id:`e`,title:`Site E`},{id:`f`,title:`Site F`}]})]})})}function W(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(`div`,{className:`flex w-full min-w-0 max-w-full flex-col gap-3`,children:[(0,O.jsx)(f,{streaming:!0,defaultExpanded:!0,children:`Looking at the schema, I need to:
+pnpm add -D tailwindcss@^4 @tailwindcss/vite`,_e=`data:image/svg+xml,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%2040%22%3E%0A%09%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2210%22%20fill%3D%22%23646cff%22%2F%3E%0A%09%3Cpath%20d%3D%22M10%209h20l-10%2022L10%209Z%22%20fill%3D%22%23fff%22%2F%3E%0A%09%3Cpath%20d%3D%22M20%209h10L20%2031V9Z%22%20fill%3D%22%23ffd62e%22%20opacity%3D%22.9%22%2F%3E%0A%3C%2Fsvg%3E%0A`;function R(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(`div`,{className:`flex w-full min-w-0 max-w-full flex-col gap-3`,children:[(0,O.jsx)(v,{children:`Generating insights…`}),(0,O.jsx)(v,{paused:!0,children:`Paused`})]})})}function z(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(`div`,{className:`flex w-full min-w-0 max-w-full flex-col gap-3`,children:[(0,O.jsx)(_,{name:`Atlas`,subtitle:`claude-4.7-1m`,status:`thinking`,icon:y}),(0,O.jsx)(_,{name:`Helios`,subtitle:`local · qwen-2.5-coder`,tone:`success`,status:`done`,variant:`card`,icon:ie}),(0,O.jsx)(_,{name:`Nova`,subtitle:`offline`,tone:`neutral`,status:`offline`,icon:y})]})})}function B(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(`div`,{className:`flex w-full min-w-0 max-w-full flex-col gap-3`,children:[(0,O.jsx)(p,{code:L,language:`tsx`,filename:`Counter.tsx`,showLineNumbers:!0}),(0,O.jsx)(p,{code:ge,language:`shell`})]})})}function V(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,O.jsx)(u,{name:`quarterly-report.pdf`,meta:`2.4 MB · PDF`,kind:`document`,onOpen:()=>{},onRemove:()=>{}}),(0,O.jsx)(u,{name:`brand-mark.png`,meta:`312 KB · PNG`,kind:`image`,thumbnailUrl:`https://images.unsplash.com/photo-1520975918318-3a83a708bf26?w=80&h=80&fit=crop`,onOpen:()=>{}}),(0,O.jsx)(u,{name:`setup.sh`,meta:`Uploading… 60%`,kind:`code`,progress:.6}),(0,O.jsx)(u,{name:`readme.md`,meta:`Failed to upload`,kind:`document`,errored:!0,onRemove:()=>{}})]})})}function H(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(a,{children:[`The framework supports zero-config TypeScript out of the box`,(0,O.jsx)(k,{index:1,title:`Vite docs`,url:`https://vitejs.dev`}),`, and accepts arbitrary React components as plugins`,(0,O.jsx)(k,{index:2,title:`React reference`}),`, including compound components`,(0,O.jsx)(k,{index:3,onSelect:()=>{},title:`Custom hook patterns`}),`.`]})})}function U(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,O.jsx)(l,{sources:[{id:`a`,title:`Vite — Next-gen tooling`,publisher:`vitejs.dev`,url:`https://vitejs.dev`,faviconUrl:_e},{id:`b`,title:`React documentation`,publisher:`react.dev`,url:`https://react.dev`},{id:`c`,title:`TypeScript Handbook`,publisher:`typescriptlang.org`,url:`https://www.typescriptlang.org/docs`}],defaultExpanded:!0}),(0,O.jsx)(l,{variant:`avatars`,sources:[{id:`a`,title:`Site A`},{id:`b`,title:`Site B`},{id:`c`,title:`Site C`},{id:`d`,title:`Site D`},{id:`e`,title:`Site E`},{id:`f`,title:`Site F`}]})]})})}function W(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(`div`,{className:`flex w-full min-w-0 max-w-full flex-col gap-3`,children:[(0,O.jsx)(f,{streaming:!0,defaultExpanded:!0,children:`Looking at the schema, I need to:
 1. Group rows by booking date
 2. Sum totals per group
 3. Pull refund deltas from the parallel table…`}),(0,O.jsx)(f,{durationSeconds:3.6,children:`Resolved query plan: bookings JOIN refunds ON booking_id, GROUP BY date(created_at). Skipped index on customer_id (not needed for the daily aggregate).`})]})})}function G(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(g,{streaming:!0,steps:[{id:`1`,title:`Parse the prompt`,description:`Identify entities and intent.`,status:`completed`},{id:`2`,title:`Lookup product catalog`,description:`Fetch SKUs, pricing, and availability.`,status:`completed`},{id:`3`,title:`Reconcile with inventory`,description:`Cross-check on-hand vs. reserved.`,status:`active`},{id:`4`,title:`Generate draft response`,status:`pending`}]})})}function K(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(m,{density:`expanded`,task:{id:`root`,title:`Bootstrap a new Vite + React project`,status:`running`,rightSlot:`12.4s`,children:[{id:`1`,title:`Resolve template`,status:`completed`,rightSlot:`0.2s`},{id:`2`,title:`Install dependencies`,status:`completed`,rightSlot:`8.1s`,children:[{id:`2a`,title:`react @ 19.1.0`,status:`completed`},{id:`2b`,title:`vite @ 6.0.0`,status:`completed`},{id:`2c`,title:`typescript @ 5.5.3`,status:`completed`}]},{id:`3`,title:`Run dev server`,status:`running`,rightSlot:`4.1s`},{id:`4`,title:`Open browser`,status:`queued`},{id:`5`,title:`Cleanup tmp`,status:`skipped`}]}})})}function q(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(ee,{title:`Counter.tsx`,subtitle:`React component · 12 lines`,icon:x,copyText:L,onOpen:()=>{},onDownload:()=>{},children:(0,O.jsx)(p,{code:L,language:`tsx`,hideHeader:!0})})})}function J(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(P,{nodes:[{id:`root`,name:`src`,kind:`directory`,defaultExpanded:!0,children:[{id:`app`,name:`app`,kind:`directory`,defaultExpanded:!0,children:[{id:`app/page.tsx`,name:`page.tsx`,kind:`file`,status:`modified`},{id:`app/layout.tsx`,name:`layout.tsx`,kind:`file`},{id:`app/route.ts`,name:`route.ts`,kind:`file`,status:`added`}]},{id:`components`,name:`components`,kind:`directory`,children:[{id:`card.tsx`,name:`Card.tsx`,kind:`file`},{id:`old-card.tsx`,name:`OldCard.tsx`,kind:`file`,status:`removed`}]},{id:`index.ts`,name:`index.ts`,kind:`file`,status:`renamed`}]}]})})}function Y(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(A,{name:`admin-ui-starter-kit`,version:`1.4.2`,description:`Composable React component library with shadcn primitives, base wrappers, and AI surfaces.`,license:`MIT`,publishedAt:`2 days ago`,weeklyDownloads:`1,240`,homepage:`https://example.com`,repository:`https://github.com/nicolasvlachos/admin-ui-starter-kit`,keywords:[`react`,`shadcn`,`tailwind`,`ai`,`components`]})})}function X(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,O.jsx)(h,{title:`Run npm install in the workspace?`,description:`The agent will execute pnpm install with the lockfile pinned to the current commit.`,icon:se,tone:`info`}),(0,O.jsx)(h,{title:`Delete 4 obsolete branches`,description:`release/0.4, feat/old-router, fix/legacy-style, chore/unused-deps`,tone:`destructive`}),(0,O.jsx)(h,{title:`Publish v1.4.2 to npm`,tone:`primary`,status:`approved`})]})})}var Z=`import { Bot, Cpu, FileText, Wrench } from 'lucide-react';
@@ -384,4 +384,4 @@ export function AiConfirmationExample() {
 		</>
 	);
 }
-`;function Q(e){let t={h4:`h4`,...e.components};return I||$(`Examples`,!1),z||$(`Examples.AiAgentExample`,!0),q||$(`Examples.AiArtifactExample`,!0),V||$(`Examples.AiAttachmentExample`,!0),G||$(`Examples.AiChainOfThoughtExample`,!0),B||$(`Examples.AiCodeBlockExample`,!0),X||$(`Examples.AiConfirmationExample`,!0),J||$(`Examples.AiFileTreeExample`,!0),H||$(`Examples.AiInlineCitationExample`,!0),Y||$(`Examples.AiPackageInfoExample`,!0),W||$(`Examples.AiReasoningExample`,!0),R||$(`Examples.AiShimmerExample`,!0),U||$(`Examples.AiSourcesExample`,!0),K||$(`Examples.AiTaskExample`,!0),(0,O.jsxs)(i,{title:`Composed · AI (elements)`,description:`Standalone surfaces ported from elements.ai-sdk.dev: shimmer, code-block, agent, package-info, reasoning, chain-of-thought, sources, inline-citation, task, artifact, file-tree, confirmation, attachment.`,layer:`composed`,status:`ready`,children:[(0,O.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,O.jsx)(s,{name:`AiShimmerExample`,source:Z,children:(0,O.jsx)(R,{})}),(0,O.jsx)(s,{name:`AiAgentExample`,source:Z,children:(0,O.jsx)(z,{})}),(0,O.jsx)(s,{name:`AiCodeBlockExample`,source:Z,children:(0,O.jsx)(B,{})}),(0,O.jsx)(s,{name:`AiAttachmentExample`,source:Z,children:(0,O.jsx)(V,{})}),(0,O.jsx)(s,{name:`AiInlineCitationExample`,source:Z,children:(0,O.jsx)(H,{})}),(0,O.jsx)(s,{name:`AiSourcesExample`,source:Z,children:(0,O.jsx)(U,{})}),(0,O.jsx)(s,{name:`AiReasoningExample`,source:Z,children:(0,O.jsx)(W,{})}),(0,O.jsx)(s,{name:`AiChainOfThoughtExample`,source:Z,children:(0,O.jsx)(G,{})}),(0,O.jsx)(s,{name:`AiTaskExample`,source:Z,children:(0,O.jsx)(K,{})}),(0,O.jsx)(s,{name:`AiArtifactExample`,source:Z,children:(0,O.jsx)(q,{})}),(0,O.jsx)(s,{name:`AiFileTreeExample`,source:Z,children:(0,O.jsx)(J,{})}),(0,O.jsx)(s,{name:`AiPackageInfoExample`,source:Z,children:(0,O.jsx)(Y,{})}),(0,O.jsx)(s,{name:`AiConfirmationExample`,source:Z,children:(0,O.jsx)(X,{})})]}),(0,O.jsxs)(a,{title:`API`,id:`api`,children:[(0,O.jsx)(t.h4,{children:`AiAgent`}),(0,O.jsx)(D,{component:`AiAgent`}),(0,O.jsx)(t.h4,{children:`AiArtifact`}),(0,O.jsx)(D,{component:`AiArtifact`}),(0,O.jsx)(t.h4,{children:`AiAttachment`}),(0,O.jsx)(D,{component:`AiAttachment`}),(0,O.jsx)(t.h4,{children:`AiChainOfThought`}),(0,O.jsx)(D,{component:`AiChainOfThought`}),(0,O.jsx)(t.h4,{children:`AiCodeBlock`}),(0,O.jsx)(D,{component:`AiCodeBlock`}),(0,O.jsx)(t.h4,{children:`AiConfirmation`}),(0,O.jsx)(D,{component:`AiConfirmation`}),(0,O.jsx)(t.h4,{children:`AiFileTree`}),(0,O.jsx)(D,{component:`AiFileTree`}),(0,O.jsx)(t.h4,{children:`AiInlineCitation`}),(0,O.jsx)(D,{component:`AiInlineCitation`}),(0,O.jsx)(t.h4,{children:`AiPackageInfo`}),(0,O.jsx)(D,{component:`AiPackageInfo`}),(0,O.jsx)(t.h4,{children:`AiReasoning`}),(0,O.jsx)(D,{component:`AiReasoning`}),(0,O.jsx)(t.h4,{children:`AiShimmer`}),(0,O.jsx)(D,{component:`AiShimmer`}),(0,O.jsx)(t.h4,{children:`AiSources`}),(0,O.jsx)(D,{component:`AiSources`}),(0,O.jsx)(t.h4,{children:`AiTask`}),(0,O.jsx)(D,{component:`AiTask`})]})]})}function ve(e={}){let{wrapper:t}=e.components||{};return t?(0,O.jsx)(t,{...e,children:(0,O.jsx)(Q,{...e})}):Q(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{ve as default};
+`;function Q(e){let t={h4:`h4`,...e.components};return I||$(`Examples`,!1),z||$(`Examples.AiAgentExample`,!0),q||$(`Examples.AiArtifactExample`,!0),V||$(`Examples.AiAttachmentExample`,!0),G||$(`Examples.AiChainOfThoughtExample`,!0),B||$(`Examples.AiCodeBlockExample`,!0),X||$(`Examples.AiConfirmationExample`,!0),J||$(`Examples.AiFileTreeExample`,!0),H||$(`Examples.AiInlineCitationExample`,!0),Y||$(`Examples.AiPackageInfoExample`,!0),W||$(`Examples.AiReasoningExample`,!0),R||$(`Examples.AiShimmerExample`,!0),U||$(`Examples.AiSourcesExample`,!0),K||$(`Examples.AiTaskExample`,!0),(0,O.jsxs)(r,{title:`Composed · AI (elements)`,description:`Standalone surfaces ported from elements.ai-sdk.dev: shimmer, code-block, agent, package-info, reasoning, chain-of-thought, sources, inline-citation, task, artifact, file-tree, confirmation, attachment.`,layer:`composed`,status:`ready`,children:[(0,O.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,O.jsx)(c,{name:`AiShimmerExample`,source:Z,children:(0,O.jsx)(R,{})}),(0,O.jsx)(c,{name:`AiAgentExample`,source:Z,children:(0,O.jsx)(z,{})}),(0,O.jsx)(c,{name:`AiCodeBlockExample`,source:Z,children:(0,O.jsx)(B,{})}),(0,O.jsx)(c,{name:`AiAttachmentExample`,source:Z,children:(0,O.jsx)(V,{})}),(0,O.jsx)(c,{name:`AiInlineCitationExample`,source:Z,children:(0,O.jsx)(H,{})}),(0,O.jsx)(c,{name:`AiSourcesExample`,source:Z,children:(0,O.jsx)(U,{})}),(0,O.jsx)(c,{name:`AiReasoningExample`,source:Z,children:(0,O.jsx)(W,{})}),(0,O.jsx)(c,{name:`AiChainOfThoughtExample`,source:Z,children:(0,O.jsx)(G,{})}),(0,O.jsx)(c,{name:`AiTaskExample`,source:Z,children:(0,O.jsx)(K,{})}),(0,O.jsx)(c,{name:`AiArtifactExample`,source:Z,children:(0,O.jsx)(q,{})}),(0,O.jsx)(c,{name:`AiFileTreeExample`,source:Z,children:(0,O.jsx)(J,{})}),(0,O.jsx)(c,{name:`AiPackageInfoExample`,source:Z,children:(0,O.jsx)(Y,{})}),(0,O.jsx)(c,{name:`AiConfirmationExample`,source:Z,children:(0,O.jsx)(X,{})})]}),(0,O.jsxs)(i,{title:`API`,id:`api`,children:[(0,O.jsx)(t.h4,{children:`AiAgent`}),(0,O.jsx)(D,{component:`AiAgent`}),(0,O.jsx)(t.h4,{children:`AiArtifact`}),(0,O.jsx)(D,{component:`AiArtifact`}),(0,O.jsx)(t.h4,{children:`AiAttachment`}),(0,O.jsx)(D,{component:`AiAttachment`}),(0,O.jsx)(t.h4,{children:`AiChainOfThought`}),(0,O.jsx)(D,{component:`AiChainOfThought`}),(0,O.jsx)(t.h4,{children:`AiCodeBlock`}),(0,O.jsx)(D,{component:`AiCodeBlock`}),(0,O.jsx)(t.h4,{children:`AiConfirmation`}),(0,O.jsx)(D,{component:`AiConfirmation`}),(0,O.jsx)(t.h4,{children:`AiFileTree`}),(0,O.jsx)(D,{component:`AiFileTree`}),(0,O.jsx)(t.h4,{children:`AiInlineCitation`}),(0,O.jsx)(D,{component:`AiInlineCitation`}),(0,O.jsx)(t.h4,{children:`AiPackageInfo`}),(0,O.jsx)(D,{component:`AiPackageInfo`}),(0,O.jsx)(t.h4,{children:`AiReasoning`}),(0,O.jsx)(D,{component:`AiReasoning`}),(0,O.jsx)(t.h4,{children:`AiShimmer`}),(0,O.jsx)(D,{component:`AiShimmer`}),(0,O.jsx)(t.h4,{children:`AiSources`}),(0,O.jsx)(D,{component:`AiSources`}),(0,O.jsx)(t.h4,{children:`AiTask`}),(0,O.jsx)(D,{component:`AiTask`})]})]})}function ve(e={}){let{wrapper:t}=e.components||{};return t?(0,O.jsx)(t,{...e,children:(0,O.jsx)(Q,{...e})}):Q(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{ve as default};

package/dist/showcase/assets/{ai-new-PG02TWQq.js → ai-new-BJN9wNvX.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,hr as i,mr as a,r as o,t as s,yr as c}from"./example-BIrQab7K.js";import{t as l}from"./chart-column-DjAyOA-t.js";import{t as u}from"./chevron-down-CSn8HCwf.js";import{t as d}from"./chevron-right-d-umkBru.js";import{t as f}from"./cpu-DjJeD_0Z.js";import{t as p}from"./database-BVwSMeGM.js";import{t as m}from"./external-link-DuJlM_H4.js";import{t as ee}from"./file-text-D3AE37vP.js";import{t as te}from"./message-square-B0RnrJV6.js";import{t as ne}from"./quote-CN-Sodsj.js";import{t as h}from"./sparkles-DFJmoAFP.js";import{n as g,r as _,t as v}from"./ai-tool-call-BaJx1rR4.js";import{O as re,i as ie,k as y,n as b,s as ae}from"./index-Cz4UGUT2.js";import{t as x}from"./props-table-BR-KjRNe.js";import{t as oe}from"./icon-badge-CxvxB8Vd.js";import{t as S}from"./smart-card-B4P_C0nk.js";import{t as C}from"./inline-stat-DqI70yoJ.js";import{a as w,c as T,i as E,n as D,o as O,r as k,t as A,u as j}from"./item-CbiuwbAN.js";var M={title:`AI Confidence`,confidenceLabel:`Overall`,factorsLabel:`Contributing factors`},N=ae();function P(e){return e>=.85?{label:`High`,variant:`success`}:e>=.6?{label:`Medium`,variant:`warning`}:{label:`Low`,variant:`error`}}function F({score:e,model:t,factors:n,className:i,strings:a}){let o=y(M,a),s=Math.round(e*100),{label:l,variant:u}=P(e),d=2*Math.PI*24,f=d-s/100*d;return(0,N.jsxs)(S,{icon:(0,N.jsx)(h,{className:`size-4`}),title:o.title,titleSuffix:!!t&&(0,N.jsx)(c,{variant:`secondary`,children:t}),className:b(`ai-confidence--component`,i),children:[(0,N.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,N.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,N.jsxs)(`svg`,{width:`64`,height:`64`,viewBox:`0 0 64 64`,children:[(0,N.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,className:`text-muted/40`}),(0,N.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,strokeLinecap:`round`,strokeDasharray:d,strokeDashoffset:f,transform:`rotate(-90 32 32)`,className:b(u===`success`&&`text-success`,u===`warning`&&`text-warning`,u===`error`&&`text-destructive`)})]}),(0,N.jsx)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center`,children:(0,N.jsxs)(r,{weight:`semibold`,className:`tabular-nums leading-none`,children:[s,`%`]})})]}),(0,N.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,N.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:o.confidenceLabel}),(0,N.jsx)(c,{variant:u,className:`mt-1`,children:l})]})]}),!!n&&n.length>0&&(0,N.jsxs)(`div`,{className:`mt-3 space-y-2`,children:[(0,N.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:o.factorsLabel}),n.map(e=>(0,N.jsxs)(`div`,{children:[(0,N.jsx)(C,{label:e.label,value:`${Math.round(e.score*100)}%`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold`}),(0,N.jsx)(`div`,{className:`mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,N.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${Math.round(e.score*100)}%`}})})]},e.label))]})]})}F.displayName=`AiConfidenceCard`;var I={title:`Try asking`,hint:`Tap a prompt to start`};function L({suggestions:e,onPick:t,className:n,strings:r}){let i=y(I,r);return(0,N.jsx)(S,{icon:(0,N.jsx)(h,{className:`size-4`}),title:i.title,description:i.hint,className:b(`ai-prompt-suggestions--component`,n),children:(0,N.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fit,minmax(min(15rem,100%),1fr))] gap-2`,children:e.map(e=>{let n=e.icon;return(0,N.jsxs)(A,{variant:`outline`,render:(0,N.jsx)(`button`,{type:`button`,onClick:()=>t?.(e)}),className:b(`ai-prompt-suggestions--item h-full items-start transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!n&&(0,N.jsx)(T,{children:(0,N.jsx)(oe,{icon:n,tone:`primary`,size:`sm`,shape:`square`})}),(0,N.jsxs)(k,{className:`min-w-0`,children:[(0,N.jsx)(j,{children:e.label}),!!e.description&&(0,N.jsx)(E,{children:e.description})]})]},e.id)})})})}L.displayName=`AiPromptSuggestions`;var R={title:`Token usage`,input:`Input`,output:`Output`,total:`Total`,cost:`Estimated cost`};function z({model:e,inputTokens:t,outputTokens:n,cost:i,maxTokens:a,className:o,strings:s}){let l=y(R,s),u=t+n,d=a?Math.min(100,Math.round(u/a*100)):0;return(0,N.jsxs)(S,{icon:(0,N.jsx)(f,{className:`size-4`}),title:l.title,titleSuffix:!!e&&(0,N.jsx)(c,{variant:`secondary`,children:e}),className:b(`ai-token-usage--component`,o),children:[(0,N.jsx)(`div`,{className:`grid grid-cols-3 gap-2`,children:[{label:l.input,value:t},{label:l.output,value:n},{label:l.total,value:u}].map(e=>(0,N.jsxs)(`div`,{className:`rounded-md bg-muted/40 px-3 py-2`,children:[(0,N.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,N.jsx)(r,{size:`lg`,weight:`semibold`,className:`tabular-nums`,children:e.value.toLocaleString()})]},e.label))}),!!a&&(0,N.jsxs)(`div`,{className:`mt-3`,children:[(0,N.jsx)(C,{label:`${u.toLocaleString()} / ${a.toLocaleString()}`,value:`${d}%`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold`}),(0,N.jsx)(`div`,{className:`mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,N.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${d}%`}})})]}),!!i&&(0,N.jsx)(C,{className:`mt-3 rounded-md bg-primary/5 px-3 py-2`,label:l.cost,value:i,mono:!0,labelClassName:`text-xs`,valueClassName:`text-sm font-bold`})]})}z.displayName=`AiTokenUsageCard`;var B={title:`Sources`,sourceCount:e=>e===1?`1 source`:`${e} sources`,expand:`Show sources`,collapse:`Hide sources`,visit:`Visit`,relevance:`Relevance`},V=t(n(),1);function H({sources:e,defaultExpanded:t=!1,maxCollapsedRows:n=0,className:i,strings:a}){let s=re(B,a),[c,l]=(0,V.useState)(t),f=c?e:e.slice(0,Math.max(0,n)),p=e.length-f.length;return(0,N.jsxs)(`div`,{className:b(`ai-citation--component`,`space-y-2`,i),children:[(0,N.jsxs)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>l(e=>!e),className:b(`ai-citation--trigger h-auto -mx-2 justify-start gap-1.5 rounded-md px-2 py-1`,`text-muted-foreground hover:text-foreground hover:bg-muted/40`),"aria-expanded":c,"aria-label":c?s.collapse:s.expand,children:[(0,N.jsx)(ne,{className:`size-3.5`}),(0,N.jsxs)(r,{size:`xs`,weight:`medium`,children:[s.title,` · `,s.sourceCount(e.length)]}),c?(0,N.jsx)(u,{className:`size-3.5`}):(0,N.jsx)(d,{className:`size-3.5`})]}),(c||n>0)&&(0,N.jsxs)(O,{children:[f.map((e,t)=>(0,N.jsx)(U,{source:e,index:t+1,strings:s},e.id)),!c&&p>0&&(0,N.jsxs)(r,{size:`xxs`,type:`secondary`,children:[`+`,p,` more`]})]})]})}H.displayName=`AiCitation`;function U({source:e,index:t,strings:n}){let i=typeof e.relevance==`number`?Math.round(Math.max(0,Math.min(1,e.relevance))*100):null,a=e.url?`a`:`span`,o=e.url?{href:e.url,target:`_blank`,rel:`noopener noreferrer`}:{};return(0,N.jsxs)(A,{variant:`outline`,size:`xs`,className:`items-start`,children:[(0,N.jsx)(T,{children:(0,N.jsx)(`span`,{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xxs font-semibold text-muted-foreground tabular-nums`,children:t})}),(0,N.jsxs)(k,{children:[(0,N.jsx)(j,{className:`truncate`,children:(0,N.jsxs)(a,{...o,className:b(`truncate`,e.url&&`hover:text-primary hover:underline`),children:[e.title,!!e.url&&(0,N.jsx)(m,{className:`ml-1 inline size-3 align-baseline`})]})}),!!e.snippet&&(0,N.jsx)(E,{clamp:2,children:e.snippet}),(e.publisher||e.publishedAt)&&(0,N.jsxs)(w,{className:`mt-1 justify-start gap-1.5`,children:[!!e.publisher&&(0,N.jsx)(r,{size:`xxs`,type:`discrete`,children:e.publisher}),!!e.publisher&&!!e.publishedAt&&(0,N.jsx)(r,{size:`xxs`,type:`discrete`,children:`·`}),!!e.publishedAt&&(0,N.jsx)(r,{size:`xxs`,type:`discrete`,className:`tabular-nums`,children:e.publishedAt})]})]}),i!==null&&(0,N.jsxs)(D,{className:`w-16 flex-col items-end gap-0.5`,children:[(0,N.jsxs)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:[i,`%`]}),(0,N.jsx)(`div`,{className:`h-1 w-full overflow-hidden rounded-full bg-muted`,"aria-label":n.relevance,children:(0,N.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${i}%`}})})]})]})}var se=e({AiCitationExample:()=>Y,AiConfidenceCardExample:()=>W,AiFeedbackExample:()=>X,AiMessageBubbleExample:()=>q,AiPromptSuggestionsExample:()=>G,AiTokenUsageCardExample:()=>K,AiToolCallExample:()=>J});function W(){return(0,N.jsx)(N.Fragment,{children:(0,N.jsx)(F,{score:.84,model:`Claude 4.7`,factors:[{label:`Source quality`,score:.92},{label:`Context coverage`,score:.78},{label:`Prompt specificity`,score:.81}]})})}function G(){return(0,N.jsx)(N.Fragment,{children:(0,N.jsx)(L,{suggestions:[{id:`kpi`,label:`Summarise this month KPIs`,description:`Get a digest of revenue, orders, refunds.`,icon:l},{id:`invoice`,label:`Draft an overdue reminder`,description:`Polite + firm copy for unpaid invoices.`,icon:ee},{id:`lookup`,label:`Find similar customers`,description:`Pattern-match by spend and category.`,icon:ie},{id:`help`,label:`Answer a refund question`,description:`Explain refund policy in plain English.`,icon:te}],onPick:()=>{}})})}function K(){return(0,N.jsx)(N.Fragment,{children:(0,N.jsx)(z,{model:`Claude 4.7`,inputTokens:3240,outputTokens:812,cost:`$0.082`,maxTokens:2e4})})}function q(){return(0,N.jsx)(N.Fragment,{children:(0,N.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,N.jsx)(g,{role:`user`,authorName:`You`,timestamp:`14:31`,children:`Can you summarise yesterday's bookings and flag anything unusual?`}),(0,N.jsx)(g,{role:`assistant`,authorName:`Claude 4.7`,timestamp:`14:31`,plainText:`You had 23 bookings yesterday totalling 4,820 USD. Two refunds were processed (one for a cancellation, one duplicate). The Spa package saw 2× the usual demand.`,onRegenerate:()=>{},children:`You had 23 bookings yesterday totalling 4,820 USD. Two refunds were processed (one for a cancellation, one duplicate). The Spa package saw 2× the usual demand.`})]})})}function J(){return(0,N.jsx)(N.Fragment,{children:(0,N.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,N.jsx)(v,{name:`search_bookings`,status:`success`,durationMs:420,args:`{ from: '2026-04-01', to: '2026-04-28', status: 'paid' }`,result:`[ { id: 'B-1402', amount: 250.00, … }, …42 more ]`}),(0,N.jsx)(v,{name:`fetch_customer`,status:`running`,durationMs:120,icon:p}),(0,N.jsx)(v,{name:`send_email`,status:`error`,durationMs:2150,args:`{ to: 'maria@example.com', subject: '…' }`,error:`SMTP timeout after 2.0s. Retry suggested.`})]})})}function Y(){return(0,N.jsx)(N.Fragment,{children:(0,N.jsx)(H,{defaultExpanded:!0,sources:[{id:`s1`,title:`Refund policy — Q2 2026 update`,url:`https://example.com/refund-policy`,snippet:`Refunds for bookings cancelled at least 48 hours in advance are processed within 5 business days.`,publisher:`Internal Wiki`,publishedAt:`Apr 12, 2026`,relevance:.93},{id:`s2`,title:`Customer service playbook`,url:`https://example.com/playbook`,snippet:`When a customer disputes a charge, acknowledge first, then check the booking record.`,publisher:`Operations`,publishedAt:`Mar 30, 2026`,relevance:.78},{id:`s3`,title:`Bookings API reference`,url:`https://example.com/api/bookings`,snippet:`GET /bookings/{id} returns the full booking record including refund history.`,publisher:`Engineering Docs`,publishedAt:`Feb 18, 2026`,relevance:.55}]})})}function X(){let[e,t]=(0,V.useState)(null);return(0,N.jsx)(N.Fragment,{children:(0,N.jsx)(`div`,{className:`flex flex-col gap-3 rounded-lg border border-border bg-card p-4`,children:(0,N.jsx)(_,{value:e,onVote:t})})})}var Z=`import { useState } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Rr as a,jr as o,r as s,t as c}from"./example-Cz_880po.js";import{t as l}from"./chart-column-DKcP77Dx.js";import{t as u}from"./chevron-down-ByPPEdNm.js";import{t as d}from"./chevron-right-D4pIMCh9.js";import{t as f}from"./cpu-BZTsuaUu.js";import{t as p}from"./database-oHsxHUj-.js";import{t as m}from"./external-link-Cy1-PP8k.js";import{t as ee}from"./file-text-DwqbUujq.js";import{t as te}from"./message-square-CBNI_sf8.js";import{t as ne}from"./quote-BO1bufuX.js";import{t as h}from"./sparkles-N8rqKQez.js";import{n as g,r as _,t as v}from"./ai-tool-call-BqlQuR1P.js";import{O as re,i as ie,k as y,n as b,s as ae}from"./index-BQIv1ffM.js";import{t as x}from"./props-table-2pIZzGC-.js";import{t as oe}from"./icon-badge-dwVx3Hxf.js";import{t as S}from"./smart-card-Dhu_1A_u.js";import{t as C}from"./inline-stat-DcNP6bcO.js";import{a as w,c as T,i as E,n as D,o as O,r as k,t as A,u as j}from"./item-YF6wMI9W.js";var M={title:`AI Confidence`,confidenceLabel:`Overall`,factorsLabel:`Contributing factors`},N=ae();function P(e){return e>=.85?{label:`High`,variant:`success`}:e>=.6?{label:`Medium`,variant:`warning`}:{label:`Low`,variant:`error`}}function F({score:e,model:t,factors:n,className:r,strings:i}){let s=y(M,i),c=Math.round(e*100),{label:l,variant:u}=P(e),d=2*Math.PI*24,f=d-c/100*d;return(0,N.jsxs)(S,{icon:(0,N.jsx)(h,{className:`size-4`}),title:s.title,titleSuffix:!!t&&(0,N.jsx)(o,{variant:`secondary`,children:t}),className:b(`ai-confidence--component`,r),children:[(0,N.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,N.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,N.jsxs)(`svg`,{width:`64`,height:`64`,viewBox:`0 0 64 64`,children:[(0,N.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,className:`text-muted/40`}),(0,N.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,strokeLinecap:`round`,strokeDasharray:d,strokeDashoffset:f,transform:`rotate(-90 32 32)`,className:b(u===`success`&&`text-success`,u===`warning`&&`text-warning`,u===`error`&&`text-destructive`)})]}),(0,N.jsx)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center`,children:(0,N.jsxs)(a,{weight:`semibold`,className:`tabular-nums leading-none`,children:[c,`%`]})})]}),(0,N.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,N.jsx)(a,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:s.confidenceLabel}),(0,N.jsx)(o,{variant:u,className:`mt-1`,children:l})]})]}),!!n&&n.length>0&&(0,N.jsxs)(`div`,{className:`mt-3 space-y-2`,children:[(0,N.jsx)(a,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:s.factorsLabel}),n.map(e=>(0,N.jsxs)(`div`,{children:[(0,N.jsx)(C,{label:e.label,value:`${Math.round(e.score*100)}%`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold`}),(0,N.jsx)(`div`,{className:`mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,N.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${Math.round(e.score*100)}%`}})})]},e.label))]})]})}F.displayName=`AiConfidenceCard`;var I={title:`Try asking`,hint:`Tap a prompt to start`};function L({suggestions:e,onPick:t,className:n,strings:r}){let i=y(I,r);return(0,N.jsx)(S,{icon:(0,N.jsx)(h,{className:`size-4`}),title:i.title,description:i.hint,className:b(`ai-prompt-suggestions--component`,n),children:(0,N.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fit,minmax(min(15rem,100%),1fr))] gap-2`,children:e.map(e=>{let n=e.icon;return(0,N.jsxs)(A,{variant:`outline`,render:(0,N.jsx)(`button`,{type:`button`,onClick:()=>t?.(e)}),className:b(`ai-prompt-suggestions--item h-full items-start transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!n&&(0,N.jsx)(T,{children:(0,N.jsx)(oe,{icon:n,tone:`primary`,size:`sm`,shape:`square`})}),(0,N.jsxs)(k,{className:`min-w-0`,children:[(0,N.jsx)(j,{children:e.label}),!!e.description&&(0,N.jsx)(E,{children:e.description})]})]},e.id)})})})}L.displayName=`AiPromptSuggestions`;var R={title:`Token usage`,input:`Input`,output:`Output`,total:`Total`,cost:`Estimated cost`};function z({model:e,inputTokens:t,outputTokens:n,cost:r,maxTokens:i,className:s,strings:c}){let l=y(R,c),u=t+n,d=i?Math.min(100,Math.round(u/i*100)):0;return(0,N.jsxs)(S,{icon:(0,N.jsx)(f,{className:`size-4`}),title:l.title,titleSuffix:!!e&&(0,N.jsx)(o,{variant:`secondary`,children:e}),className:b(`ai-token-usage--component`,s),children:[(0,N.jsx)(`div`,{className:`grid grid-cols-3 gap-2`,children:[{label:l.input,value:t},{label:l.output,value:n},{label:l.total,value:u}].map(e=>(0,N.jsxs)(`div`,{className:`rounded-md bg-muted/40 px-3 py-2`,children:[(0,N.jsx)(a,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,N.jsx)(a,{size:`lg`,weight:`semibold`,className:`tabular-nums`,children:e.value.toLocaleString()})]},e.label))}),!!i&&(0,N.jsxs)(`div`,{className:`mt-3`,children:[(0,N.jsx)(C,{label:`${u.toLocaleString()} / ${i.toLocaleString()}`,value:`${d}%`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold`}),(0,N.jsx)(`div`,{className:`mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,N.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${d}%`}})})]}),!!r&&(0,N.jsx)(C,{className:`mt-3 rounded-md bg-primary/5 px-3 py-2`,label:l.cost,value:r,mono:!0,labelClassName:`text-xs`,valueClassName:`text-sm font-bold`})]})}z.displayName=`AiTokenUsageCard`;var B={title:`Sources`,sourceCount:e=>e===1?`1 source`:`${e} sources`,expand:`Show sources`,collapse:`Hide sources`,visit:`Visit`,relevance:`Relevance`},V=t(n(),1);function H({sources:e,defaultExpanded:t=!1,maxCollapsedRows:n=0,className:r,strings:i}){let o=re(B,i),[c,l]=(0,V.useState)(t),f=c?e:e.slice(0,Math.max(0,n)),p=e.length-f.length;return(0,N.jsxs)(`div`,{className:b(`ai-citation--component`,`space-y-2`,r),children:[(0,N.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>l(e=>!e),className:b(`ai-citation--trigger h-auto -mx-2 justify-start gap-1.5 rounded-md px-2 py-1`,`text-muted-foreground hover:text-foreground hover:bg-muted/40`),"aria-expanded":c,"aria-label":c?o.collapse:o.expand,children:[(0,N.jsx)(ne,{className:`size-3.5`}),(0,N.jsxs)(a,{size:`xs`,weight:`medium`,children:[o.title,` · `,o.sourceCount(e.length)]}),c?(0,N.jsx)(u,{className:`size-3.5`}):(0,N.jsx)(d,{className:`size-3.5`})]}),(c||n>0)&&(0,N.jsxs)(O,{children:[f.map((e,t)=>(0,N.jsx)(U,{source:e,index:t+1,strings:o},e.id)),!c&&p>0&&(0,N.jsxs)(a,{size:`xxs`,type:`secondary`,children:[`+`,p,` more`]})]})]})}H.displayName=`AiCitation`;function U({source:e,index:t,strings:n}){let r=typeof e.relevance==`number`?Math.round(Math.max(0,Math.min(1,e.relevance))*100):null,i=e.url?`a`:`span`,o=e.url?{href:e.url,target:`_blank`,rel:`noopener noreferrer`}:{};return(0,N.jsxs)(A,{variant:`outline`,size:`xs`,className:`items-start`,children:[(0,N.jsx)(T,{children:(0,N.jsx)(`span`,{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xxs font-semibold text-muted-foreground tabular-nums`,children:t})}),(0,N.jsxs)(k,{children:[(0,N.jsx)(j,{className:`truncate`,children:(0,N.jsxs)(i,{...o,className:b(`truncate`,e.url&&`hover:text-primary hover:underline`),children:[e.title,!!e.url&&(0,N.jsx)(m,{className:`ml-1 inline size-3 align-baseline`})]})}),!!e.snippet&&(0,N.jsx)(E,{clamp:2,children:e.snippet}),(e.publisher||e.publishedAt)&&(0,N.jsxs)(w,{className:`mt-1 justify-start gap-1.5`,children:[!!e.publisher&&(0,N.jsx)(a,{size:`xxs`,type:`discrete`,children:e.publisher}),!!e.publisher&&!!e.publishedAt&&(0,N.jsx)(a,{size:`xxs`,type:`discrete`,children:`·`}),!!e.publishedAt&&(0,N.jsx)(a,{size:`xxs`,type:`discrete`,className:`tabular-nums`,children:e.publishedAt})]})]}),r!==null&&(0,N.jsxs)(D,{className:`w-16 flex-col items-end gap-0.5`,children:[(0,N.jsxs)(a,{size:`xxs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:[r,`%`]}),(0,N.jsx)(`div`,{className:`h-1 w-full overflow-hidden rounded-full bg-muted`,"aria-label":n.relevance,children:(0,N.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${r}%`}})})]})]})}var se=e({AiCitationExample:()=>Y,AiConfidenceCardExample:()=>W,AiFeedbackExample:()=>X,AiMessageBubbleExample:()=>q,AiPromptSuggestionsExample:()=>G,AiTokenUsageCardExample:()=>K,AiToolCallExample:()=>J});function W(){return(0,N.jsx)(N.Fragment,{children:(0,N.jsx)(F,{score:.84,model:`Claude 4.7`,factors:[{label:`Source quality`,score:.92},{label:`Context coverage`,score:.78},{label:`Prompt specificity`,score:.81}]})})}function G(){return(0,N.jsx)(N.Fragment,{children:(0,N.jsx)(L,{suggestions:[{id:`kpi`,label:`Summarise this month KPIs`,description:`Get a digest of revenue, orders, refunds.`,icon:l},{id:`invoice`,label:`Draft an overdue reminder`,description:`Polite + firm copy for unpaid invoices.`,icon:ee},{id:`lookup`,label:`Find similar customers`,description:`Pattern-match by spend and category.`,icon:ie},{id:`help`,label:`Answer a refund question`,description:`Explain refund policy in plain English.`,icon:te}],onPick:()=>{}})})}function K(){return(0,N.jsx)(N.Fragment,{children:(0,N.jsx)(z,{model:`Claude 4.7`,inputTokens:3240,outputTokens:812,cost:`$0.082`,maxTokens:2e4})})}function q(){return(0,N.jsx)(N.Fragment,{children:(0,N.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,N.jsx)(g,{role:`user`,authorName:`You`,timestamp:`14:31`,children:`Can you summarise yesterday's bookings and flag anything unusual?`}),(0,N.jsx)(g,{role:`assistant`,authorName:`Claude 4.7`,timestamp:`14:31`,plainText:`You had 23 bookings yesterday totalling 4,820 USD. Two refunds were processed (one for a cancellation, one duplicate). The Spa package saw 2× the usual demand.`,onRegenerate:()=>{},children:`You had 23 bookings yesterday totalling 4,820 USD. Two refunds were processed (one for a cancellation, one duplicate). The Spa package saw 2× the usual demand.`})]})})}function J(){return(0,N.jsx)(N.Fragment,{children:(0,N.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,N.jsx)(v,{name:`search_bookings`,status:`success`,durationMs:420,args:`{ from: '2026-04-01', to: '2026-04-28', status: 'paid' }`,result:`[ { id: 'B-1402', amount: 250.00, … }, …42 more ]`}),(0,N.jsx)(v,{name:`fetch_customer`,status:`running`,durationMs:120,icon:p}),(0,N.jsx)(v,{name:`send_email`,status:`error`,durationMs:2150,args:`{ to: 'maria@example.com', subject: '…' }`,error:`SMTP timeout after 2.0s. Retry suggested.`})]})})}function Y(){return(0,N.jsx)(N.Fragment,{children:(0,N.jsx)(H,{defaultExpanded:!0,sources:[{id:`s1`,title:`Refund policy — Q2 2026 update`,url:`https://example.com/refund-policy`,snippet:`Refunds for bookings cancelled at least 48 hours in advance are processed within 5 business days.`,publisher:`Internal Wiki`,publishedAt:`Apr 12, 2026`,relevance:.93},{id:`s2`,title:`Customer service playbook`,url:`https://example.com/playbook`,snippet:`When a customer disputes a charge, acknowledge first, then check the booking record.`,publisher:`Operations`,publishedAt:`Mar 30, 2026`,relevance:.78},{id:`s3`,title:`Bookings API reference`,url:`https://example.com/api/bookings`,snippet:`GET /bookings/{id} returns the full booking record including refund history.`,publisher:`Engineering Docs`,publishedAt:`Feb 18, 2026`,relevance:.55}]})})}function X(){let[e,t]=(0,V.useState)(null);return(0,N.jsx)(N.Fragment,{children:(0,N.jsx)(`div`,{className:`flex flex-col gap-3 rounded-lg border border-border bg-card p-4`,children:(0,N.jsx)(_,{value:e,onVote:t})})})}var Z=`import { useState } from 'react';
 import { BarChart3, Database, FileText, MessageSquare, Search } from 'lucide-react';
 import {
 	AiCitation,
@@ -164,4 +164,4 @@ export function AiFeedbackExample() {
 		</>
 	);
 }
-`;function Q(e){let t={h4:`h4`,...e.components};return se||$(`Examples`,!1),Y||$(`Examples.AiCitationExample`,!0),W||$(`Examples.AiConfidenceCardExample`,!0),X||$(`Examples.AiFeedbackExample`,!0),q||$(`Examples.AiMessageBubbleExample`,!0),G||$(`Examples.AiPromptSuggestionsExample`,!0),K||$(`Examples.AiTokenUsageCardExample`,!0),J||$(`Examples.AiToolCallExample`,!0),(0,N.jsxs)(i,{title:`Composed · AI (extras)`,description:`Confidence dial, prompt suggestions, token usage card, message bubble, tool call, citation, feedback.`,layer:`composed`,status:`ready`,children:[(0,N.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,N.jsx)(s,{name:`AiConfidenceCardExample`,source:Z,children:(0,N.jsx)(W,{})}),(0,N.jsx)(s,{name:`AiPromptSuggestionsExample`,source:Z,children:(0,N.jsx)(G,{})}),(0,N.jsx)(s,{name:`AiTokenUsageCardExample`,source:Z,children:(0,N.jsx)(K,{})}),(0,N.jsx)(s,{name:`AiMessageBubbleExample`,source:Z,children:(0,N.jsx)(q,{})}),(0,N.jsx)(s,{name:`AiToolCallExample`,source:Z,children:(0,N.jsx)(J,{})}),(0,N.jsx)(s,{name:`AiCitationExample`,source:Z,children:(0,N.jsx)(Y,{})}),(0,N.jsx)(s,{name:`AiFeedbackExample`,source:Z,children:(0,N.jsx)(X,{})})]}),(0,N.jsxs)(a,{title:`API`,id:`api`,children:[(0,N.jsx)(t.h4,{children:`AiCitation`}),(0,N.jsx)(x,{component:`AiCitation`}),(0,N.jsx)(t.h4,{children:`AiConfidenceCard`}),(0,N.jsx)(x,{component:`AiConfidenceCard`}),(0,N.jsx)(t.h4,{children:`AiFeedback`}),(0,N.jsx)(x,{component:`AiFeedback`}),(0,N.jsx)(t.h4,{children:`AiMessageBubble`}),(0,N.jsx)(x,{component:`AiMessageBubble`}),(0,N.jsx)(t.h4,{children:`AiPromptSuggestions`}),(0,N.jsx)(x,{component:`AiPromptSuggestions`}),(0,N.jsx)(t.h4,{children:`AiTokenUsageCard`}),(0,N.jsx)(x,{component:`AiTokenUsageCard`}),(0,N.jsx)(t.h4,{children:`AiToolCall`}),(0,N.jsx)(x,{component:`AiToolCall`})]})]})}function ce(e={}){let{wrapper:t}=e.components||{};return t?(0,N.jsx)(t,{...e,children:(0,N.jsx)(Q,{...e})}):Q(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{ce as default};
+`;function Q(e){let t={h4:`h4`,...e.components};return se||$(`Examples`,!1),Y||$(`Examples.AiCitationExample`,!0),W||$(`Examples.AiConfidenceCardExample`,!0),X||$(`Examples.AiFeedbackExample`,!0),q||$(`Examples.AiMessageBubbleExample`,!0),G||$(`Examples.AiPromptSuggestionsExample`,!0),K||$(`Examples.AiTokenUsageCardExample`,!0),J||$(`Examples.AiToolCallExample`,!0),(0,N.jsxs)(r,{title:`Composed · AI (extras)`,description:`Confidence dial, prompt suggestions, token usage card, message bubble, tool call, citation, feedback.`,layer:`composed`,status:`ready`,children:[(0,N.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,N.jsx)(c,{name:`AiConfidenceCardExample`,source:Z,children:(0,N.jsx)(W,{})}),(0,N.jsx)(c,{name:`AiPromptSuggestionsExample`,source:Z,children:(0,N.jsx)(G,{})}),(0,N.jsx)(c,{name:`AiTokenUsageCardExample`,source:Z,children:(0,N.jsx)(K,{})}),(0,N.jsx)(c,{name:`AiMessageBubbleExample`,source:Z,children:(0,N.jsx)(q,{})}),(0,N.jsx)(c,{name:`AiToolCallExample`,source:Z,children:(0,N.jsx)(J,{})}),(0,N.jsx)(c,{name:`AiCitationExample`,source:Z,children:(0,N.jsx)(Y,{})}),(0,N.jsx)(c,{name:`AiFeedbackExample`,source:Z,children:(0,N.jsx)(X,{})})]}),(0,N.jsxs)(i,{title:`API`,id:`api`,children:[(0,N.jsx)(t.h4,{children:`AiCitation`}),(0,N.jsx)(x,{component:`AiCitation`}),(0,N.jsx)(t.h4,{children:`AiConfidenceCard`}),(0,N.jsx)(x,{component:`AiConfidenceCard`}),(0,N.jsx)(t.h4,{children:`AiFeedback`}),(0,N.jsx)(x,{component:`AiFeedback`}),(0,N.jsx)(t.h4,{children:`AiMessageBubble`}),(0,N.jsx)(x,{component:`AiMessageBubble`}),(0,N.jsx)(t.h4,{children:`AiPromptSuggestions`}),(0,N.jsx)(x,{component:`AiPromptSuggestions`}),(0,N.jsx)(t.h4,{children:`AiTokenUsageCard`}),(0,N.jsx)(x,{component:`AiTokenUsageCard`}),(0,N.jsx)(t.h4,{children:`AiToolCall`}),(0,N.jsx)(x,{component:`AiToolCall`})]})]})}function ce(e={}){let{wrapper:t}=e.components||{};return t?(0,N.jsx)(t,{...e,children:(0,N.jsx)(Q,{...e})}):Q(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{ce as default};

package/dist/showcase/assets/{ai-tool-call-BaJx1rR4.js → ai-tool-call-BqlQuR1P.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Ar as n,Er as r,kr as i,r as a,yr as o}from"./example-BIrQab7K.js";import{t as s}from"./bot-5Ro5Dayc.js";import{t as c}from"./chevron-down-CSn8HCwf.js";import{t as l}from"./chevron-right-d-umkBru.js";import{t as u}from"./circle-alert-ysbx8rsZ.js";import{t as d}from"./circle-dot-CvoDXS-W.js";import{t as f}from"./rotate-ccw-7aUlKQpX.js";import{t as p}from"./user-Bqmz8M16.js";import{t as m}from"./wrench-gaXnvr_b.js";import{a as h,k as g,n as _,s as v}from"./index-Cz4UGUT2.js";import{t as y}from"./icon-badge-CxvxB8Vd.js";import{t as b}from"./textarea-BGHGV17m.js";var x=h(`thumbs-down`,[[`path`,{d:`M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z`,key:`m61m77`}],[`path`,{d:`M17 14V2`,key:`8ymqnk`}]]),S=h(`thumbs-up`,[[`path`,{d:`M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z`,key:`emmmcr`}],[`path`,{d:`M7 10v12`,key:`1qc93n`}]]),C=e(t(),1),w={prompt:`Was this helpful?`,thumbsUpAria:`Mark as helpful`,thumbsDownAria:`Mark as not helpful`,commentPlaceholder:`Tell us more (optional)`,submit:`Send feedback`,thanks:`Thanks for your feedback.`},T=v();function E({value:e,onVote:t,onSubmitComment:n,allowComment:i=!0,submitted:o=!1,className:s,strings:c}){let l=g(w,c),[u,d]=(0,C.useState)(null),[f,p]=(0,C.useState)(``),m=e??u,h=n=>{let r=m===n?null:n;e===void 0&&d(r),t?.(r)};return o?(0,T.jsxs)(`div`,{className:_(`ai-feedback--component`,`inline-flex items-center gap-2 rounded-full bg-success/10 px-3 py-1.5`,s),children:[(0,T.jsx)(S,{className:`size-3.5 text-success`}),(0,T.jsx)(r,{size:`xs`,type:`success`,weight:`medium`,children:l.thanks})]}):(0,T.jsxs)(`div`,{className:_(`inline-flex flex-col gap-2`,s),children:[(0,T.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,T.jsx)(r,{size:`xs`,type:`secondary`,children:l.prompt}),(0,T.jsx)(a,{type:`button`,variant:`secondary`,buttonStyle:m===`up`?`solid`:`ghost`,size:`icon-xs`,"aria-label":l.thumbsUpAria,"aria-pressed":m===`up`,onClick:()=>h(`up`),className:_(m===`up`&&`text-success bg-success/15 hover:bg-success/20`),children:(0,T.jsx)(S,{className:`size-3.5`})}),(0,T.jsx)(a,{type:`button`,variant:`secondary`,buttonStyle:m===`down`?`solid`:`ghost`,size:`icon-xs`,"aria-label":l.thumbsDownAria,"aria-pressed":m===`down`,onClick:()=>h(`down`),className:_(m===`down`&&`text-destructive bg-destructive/15 hover:bg-destructive/20`),children:(0,T.jsx)(x,{className:`size-3.5`})})]}),!!i&&!!m&&(0,T.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,T.jsx)(b,{value:f,onChange:e=>p(e.target.value),placeholder:l.commentPlaceholder,minRows:2}),(0,T.jsx)(`div`,{className:`flex justify-end`,children:(0,T.jsx)(a,{type:`button`,onClick:()=>{n?.(f,m),p(``)},disabled:!f.trim(),children:l.submit})})]})]})}E.displayName=`AiFeedback`;var D={copyAria:`Copy message`,copied:`Copied`,regenerateAria:`Regenerate response`},O={assistant:{wrap:`flex-row`,avatar:`bg-primary/15 text-primary`,bubble:`bg-card border border-border/60`},user:{wrap:`flex-row-reverse text-right`,avatar:`bg-muted text-foreground`,bubble:`bg-primary text-primary-foreground`},system:{wrap:`flex-row`,avatar:`bg-muted text-muted-foreground`,bubble:`bg-muted/40 border border-dashed border-border/60`}},k={assistant:s,user:p,system:s};function A({role:e=`assistant`,avatar:t,avatarLabel:i,authorName:o,timestamp:s,children:c,plainText:l,loading:u=!1,onCopy:d,onRegenerate:p,className:m,strings:h}){let v=g(D,h),[y,b]=(0,C.useState)(!1),x=O[e],S=k[e],w=()=>{let e=l??(typeof c==`string`?c:``);e&&typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(e),b(!0),d?.(),window.setTimeout(()=>b(!1),1500)},E=t??(0,T.jsx)(`span`,{"aria-label":i,className:_(`inline-flex size-7 shrink-0 items-center justify-center rounded-full`,x.avatar),children:(0,T.jsx)(S,{className:`size-3.5`})});return(0,T.jsxs)(`div`,{className:_(`ai-message-bubble--component`,`flex w-full items-start gap-2`,x.wrap,m),children:[E,(0,T.jsxs)(`div`,{className:`flex max-w-[80%] flex-col gap-1`,children:[(o||s)&&(0,T.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!o&&(0,T.jsx)(r,{size:`xs`,weight:`medium`,children:o}),!!s&&(0,T.jsx)(r,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:s})]}),(0,T.jsx)(`div`,{className:_(`rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed`,x.bubble,u&&`animate-pulse`),children:c}),(d!==void 0||l||p)&&e===`assistant`&&(0,T.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,T.jsx)(a,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":v.copyAria,onClick:w,children:(0,T.jsx)(n,{className:`size-3.5`})}),y&&(0,T.jsx)(r,{size:`xxs`,type:`success`,children:v.copied}),!!p&&(0,T.jsx)(a,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":v.regenerateAria,onClick:p,children:(0,T.jsx)(f,{className:`size-3.5`})})]})]})]})}A.displayName=`AiMessageBubble`;var j={pending:`Queued`,running:`Running`,success:`Success`,error:`Failed`,expand:`Show details`,collapse:`Hide details`,args:`Arguments`,result:`Result`,durationLabel:`Took`},M={pending:{variant:`secondary`,icon:d},running:{variant:`primary`,icon:i},success:{variant:`success`},error:{variant:`error`,icon:u}};function N(e){return e<1e3?`${Math.round(e)}ms`:`${(e/1e3).toFixed(+(e<1e4))}s`}function P({name:e,status:t,icon:n=m,args:i,result:s,error:u,durationMs:d,defaultExpanded:f=!1,className:p,strings:h}){let v=g(j,h),[b,x]=(0,C.useState)(f),S={pending:v.pending,running:v.running,success:v.success,error:v.error},w=M[t].icon,E=!!(i||s||u);return(0,T.jsxs)(`div`,{className:_(`ai-tool-call--component`,`overflow-hidden rounded-lg border border-border/60 bg-card`,t===`error`&&`border-destructive/40 bg-destructive/5`,p),children:[(0,T.jsxs)(a,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onClick:()=>E&&x(e=>!e),className:_(`ai-tool-call--trigger h-auto w-full justify-start gap-2 rounded-none px-3 py-2 text-left`,E?`cursor-pointer hover:bg-muted/40`:`cursor-default`),"aria-expanded":E?b:void 0,"aria-label":E?b?v.collapse:v.expand:void 0,children:[(0,T.jsx)(y,{icon:n,tone:`muted`,size:`sm`,shape:`square`}),(0,T.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,T.jsx)(r,{weight:`medium`,className:`truncate font-mono`,children:e})}),(0,T.jsxs)(o,{variant:M[t].variant,className:`gap-1`,children:[!!w&&(0,T.jsx)(w,{className:_(`size-3`,t===`running`&&`animate-spin`)}),S[t]]}),!!d&&(0,T.jsxs)(r,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[v.durationLabel,` `,N(d)]}),E&&(b?(0,T.jsx)(c,{className:`size-3.5 text-muted-foreground`}):(0,T.jsx)(l,{className:`size-3.5 text-muted-foreground`}))]}),!!b&&E&&(0,T.jsxs)(`div`,{className:`border-t border-border/60 bg-muted/20 px-3 py-2 space-y-2`,children:[!!i&&(0,T.jsx)(F,{label:v.args,children:i}),t===`error`&&u?(0,T.jsx)(F,{label:v.error,tone:`error`,children:u}):!!s&&(0,T.jsx)(F,{label:v.result,children:s})]})]})}P.displayName=`AiToolCall`;function F({label:e,children:t,tone:n=`neutral`}){return(0,T.jsxs)(`div`,{className:`space-y-1`,children:[(0,T.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e}),(0,T.jsx)(`pre`,{tabIndex:0,className:_(`overflow-x-auto rounded-md bg-card px-2.5 py-2 font-mono text-xs leading-relaxed`,n===`error`&&`text-destructive bg-destructive/5`),children:t})]})}export{A as n,E as r,P as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Hr as n,Rr as r,Vr as i,jr as a,r as o}from"./example-Cz_880po.js";import{t as s}from"./bot-C83bUUi9.js";import{t as c}from"./chevron-down-ByPPEdNm.js";import{t as l}from"./chevron-right-D4pIMCh9.js";import{t as u}from"./circle-alert-BW-Btwgh.js";import{t as d}from"./circle-dot-CsD5uXwH.js";import{t as f}from"./rotate-ccw-DQPoMfMY.js";import{t as p}from"./user-BZog6aIh.js";import{t as m}from"./wrench-BFTavxzg.js";import{a as h,k as g,n as _,s as v}from"./index-BQIv1ffM.js";import{t as y}from"./icon-badge-dwVx3Hxf.js";import{t as b}from"./textarea-CHvnWHWH.js";var x=h(`thumbs-down`,[[`path`,{d:`M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z`,key:`m61m77`}],[`path`,{d:`M17 14V2`,key:`8ymqnk`}]]),S=h(`thumbs-up`,[[`path`,{d:`M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z`,key:`emmmcr`}],[`path`,{d:`M7 10v12`,key:`1qc93n`}]]),C=e(t(),1),w={prompt:`Was this helpful?`,thumbsUpAria:`Mark as helpful`,thumbsDownAria:`Mark as not helpful`,commentPlaceholder:`Tell us more (optional)`,submit:`Send feedback`,thanks:`Thanks for your feedback.`},T=v();function E({value:e,onVote:t,onSubmitComment:n,allowComment:i=!0,submitted:a=!1,className:s,strings:c}){let l=g(w,c),[u,d]=(0,C.useState)(null),[f,p]=(0,C.useState)(``),m=e??u,h=n=>{let r=m===n?null:n;e===void 0&&d(r),t?.(r)};return a?(0,T.jsxs)(`div`,{className:_(`ai-feedback--component`,`inline-flex items-center gap-2 rounded-full bg-success/10 px-3 py-1.5`,s),children:[(0,T.jsx)(S,{className:`size-3.5 text-success`}),(0,T.jsx)(r,{size:`xs`,type:`success`,weight:`medium`,children:l.thanks})]}):(0,T.jsxs)(`div`,{className:_(`inline-flex flex-col gap-2`,s),children:[(0,T.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,T.jsx)(r,{size:`xs`,type:`secondary`,children:l.prompt}),(0,T.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:m===`up`?`solid`:`ghost`,size:`icon-xs`,"aria-label":l.thumbsUpAria,"aria-pressed":m===`up`,onClick:()=>h(`up`),className:_(m===`up`&&`text-success bg-success/15 hover:bg-success/20`),children:(0,T.jsx)(S,{className:`size-3.5`})}),(0,T.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:m===`down`?`solid`:`ghost`,size:`icon-xs`,"aria-label":l.thumbsDownAria,"aria-pressed":m===`down`,onClick:()=>h(`down`),className:_(m===`down`&&`text-destructive bg-destructive/15 hover:bg-destructive/20`),children:(0,T.jsx)(x,{className:`size-3.5`})})]}),!!i&&!!m&&(0,T.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,T.jsx)(b,{value:f,onChange:e=>p(e.target.value),placeholder:l.commentPlaceholder,minRows:2}),(0,T.jsx)(`div`,{className:`flex justify-end`,children:(0,T.jsx)(o,{type:`button`,onClick:()=>{n?.(f,m),p(``)},disabled:!f.trim(),children:l.submit})})]})]})}E.displayName=`AiFeedback`;var D={copyAria:`Copy message`,copied:`Copied`,regenerateAria:`Regenerate response`},O={assistant:{wrap:`flex-row`,avatar:`bg-primary/15 text-primary`,bubble:`bg-card border border-border/60`},user:{wrap:`flex-row-reverse text-right`,avatar:`bg-muted text-foreground`,bubble:`bg-primary text-primary-foreground`},system:{wrap:`flex-row`,avatar:`bg-muted text-muted-foreground`,bubble:`bg-muted/40 border border-dashed border-border/60`}},k={assistant:s,user:p,system:s};function A({role:e=`assistant`,avatar:t,avatarLabel:i,authorName:a,timestamp:s,children:c,plainText:l,loading:u=!1,onCopy:d,onRegenerate:p,className:m,strings:h}){let v=g(D,h),[y,b]=(0,C.useState)(!1),x=O[e],S=k[e],w=()=>{let e=l??(typeof c==`string`?c:``);e&&typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(e),b(!0),d?.(),window.setTimeout(()=>b(!1),1500)},E=t??(0,T.jsx)(`span`,{"aria-label":i,className:_(`inline-flex size-7 shrink-0 items-center justify-center rounded-full`,x.avatar),children:(0,T.jsx)(S,{className:`size-3.5`})});return(0,T.jsxs)(`div`,{className:_(`ai-message-bubble--component`,`flex w-full items-start gap-2`,x.wrap,m),children:[E,(0,T.jsxs)(`div`,{className:`flex max-w-[80%] flex-col gap-1`,children:[(a||s)&&(0,T.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!a&&(0,T.jsx)(r,{size:`xs`,weight:`medium`,children:a}),!!s&&(0,T.jsx)(r,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:s})]}),(0,T.jsx)(`div`,{className:_(`rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed`,x.bubble,u&&`animate-pulse`),children:c}),(d!==void 0||l||p)&&e===`assistant`&&(0,T.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,T.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":v.copyAria,onClick:w,children:(0,T.jsx)(n,{className:`size-3.5`})}),y&&(0,T.jsx)(r,{size:`xxs`,type:`success`,children:v.copied}),!!p&&(0,T.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":v.regenerateAria,onClick:p,children:(0,T.jsx)(f,{className:`size-3.5`})})]})]})]})}A.displayName=`AiMessageBubble`;var j={pending:`Queued`,running:`Running`,success:`Success`,error:`Failed`,expand:`Show details`,collapse:`Hide details`,args:`Arguments`,result:`Result`,durationLabel:`Took`},M={pending:{variant:`secondary`,icon:d},running:{variant:`primary`,icon:i},success:{variant:`success`},error:{variant:`error`,icon:u}};function N(e){return e<1e3?`${Math.round(e)}ms`:`${(e/1e3).toFixed(+(e<1e4))}s`}function P({name:e,status:t,icon:n=m,args:i,result:s,error:u,durationMs:d,defaultExpanded:f=!1,className:p,strings:h}){let v=g(j,h),[b,x]=(0,C.useState)(f),S={pending:v.pending,running:v.running,success:v.success,error:v.error},w=M[t].icon,E=!!(i||s||u);return(0,T.jsxs)(`div`,{className:_(`ai-tool-call--component`,`overflow-hidden rounded-lg border border-border/60 bg-card`,t===`error`&&`border-destructive/40 bg-destructive/5`,p),children:[(0,T.jsxs)(o,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,onClick:()=>E&&x(e=>!e),className:_(`ai-tool-call--trigger h-auto w-full justify-start gap-2 rounded-none px-3 py-2 text-left`,E?`cursor-pointer hover:bg-muted/40`:`cursor-default`),"aria-expanded":E?b:void 0,"aria-label":E?b?v.collapse:v.expand:void 0,children:[(0,T.jsx)(y,{icon:n,tone:`muted`,size:`sm`,shape:`square`}),(0,T.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,T.jsx)(r,{weight:`medium`,className:`truncate font-mono`,children:e})}),(0,T.jsxs)(a,{variant:M[t].variant,className:`gap-1`,children:[!!w&&(0,T.jsx)(w,{className:_(`size-3`,t===`running`&&`animate-spin`)}),S[t]]}),!!d&&(0,T.jsxs)(r,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[v.durationLabel,` `,N(d)]}),E&&(b?(0,T.jsx)(c,{className:`size-3.5 text-muted-foreground`}):(0,T.jsx)(l,{className:`size-3.5 text-muted-foreground`}))]}),!!b&&E&&(0,T.jsxs)(`div`,{className:`border-t border-border/60 bg-muted/20 px-3 py-2 space-y-2`,children:[!!i&&(0,T.jsx)(F,{label:v.args,children:i}),t===`error`&&u?(0,T.jsx)(F,{label:v.error,tone:`error`,children:u}):!!s&&(0,T.jsx)(F,{label:v.result,children:s})]})]})}P.displayName=`AiToolCall`;function F({label:e,children:t,tone:n=`neutral`}){return(0,T.jsxs)(`div`,{className:`space-y-1`,children:[(0,T.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e}),(0,T.jsx)(`pre`,{tabIndex:0,className:_(`overflow-x-auto rounded-md bg-card px-2.5 py-2 font-mono text-xs leading-relaxed`,n===`error`&&`text-destructive bg-destructive/5`),children:t})]})}export{A as n,E as r,P as t};

package/dist/showcase/assets/{alert-DIelf1qF.js → alert-2_0J7Vv6.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Er as n,xr as r}from"./example-BIrQab7K.js";import{n as i,s as a}from"./index-Cz4UGUT2.js";var o=e(t(),1),s=a(),c=r([`alert--component relative grid w-full grid-cols-[0_1fr] items-start gap-y-1 rounded-lg border px-4 py-3 text-left`,`has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5`,`has-[>[data-slot=alert-action]]:sm:grid-cols-[auto_1fr_auto]`,`[&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0`],{variants:{variant:{default:`border-border bg-card text-card-foreground`,info:`border-info/30 bg-info/5 text-card-foreground [&>svg]:text-info`,success:`border-success/30 bg-success/10 text-card-foreground [&>svg]:text-success`,warning:`border-warning/40 bg-warning/10 text-card-foreground [&>svg]:text-warning`,destructive:`border-destructive/30 bg-destructive/5 text-card-foreground [&>svg]:text-destructive`,inverse:[`border-foreground bg-foreground text-background`,`[&>svg]:text-background`,`[&_[data-slot=alert-title]_[data-typography=text]]:text-background`,`[&_[data-slot=alert-description]_[data-typography=text]]:text-background/75`]}},defaultVariants:{variant:`default`}}),l=(0,o.forwardRef)(function({className:e,variant:t,role:n=`alert`,...r},a){return(0,s.jsx)(`div`,{ref:a,"data-slot":`alert`,"data-variant":t??`default`,role:n,className:i(c({variant:t}),e),...r})});l.displayName=`Alert`;var u=(0,o.forwardRef)(function({className:e,children:t,...r},a){return(0,s.jsx)(`div`,{ref:a,"data-slot":`alert-title`,className:i(`alert--title col-start-2 min-h-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80`,e),...r,children:(0,s.jsx)(n,{tag:`span`,weight:`semibold`,className:`leading-snug`,children:t})})});u.displayName=`AlertTitle`;var d=(0,o.forwardRef)(function({className:e,children:t,...r},a){return(0,s.jsx)(`div`,{ref:a,"data-slot":`alert-description`,className:i(`alert--description col-start-2 grid justify-items-start gap-1 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80 [&_p]:leading-relaxed`,e),...r,children:(0,s.jsx)(n,{tag:`span`,size:`xs`,type:`secondary`,className:`leading-normal`,children:t})})});d.displayName=`AlertDescription`;var f=(0,o.forwardRef)(function({className:e,...t},n){return(0,s.jsx)(`div`,{ref:n,"data-slot":`alert-action`,className:i(`alert--action flex flex-wrap items-center gap-1.5 max-sm:col-start-2 max-sm:mt-2 max-sm:justify-start sm:col-start-3 sm:row-start-1 sm:justify-end sm:self-center`,e),...t})});f.displayName=`AlertAction`;export{u as i,f as n,d as r,l as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Nr as n,Rr as r}from"./example-Cz_880po.js";import{n as i,s as a}from"./index-BQIv1ffM.js";var o=e(t(),1),s=a(),c=n([`alert--component relative grid w-full grid-cols-[0_1fr] items-start gap-y-1 rounded-lg border px-4 py-3 text-left`,`has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5`,`has-[>[data-slot=alert-action]]:sm:grid-cols-[auto_1fr_auto]`,`[&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0`],{variants:{variant:{default:`border-border bg-card text-card-foreground`,info:`border-info/30 bg-info/5 text-card-foreground [&>svg]:text-info`,success:`border-success/30 bg-success/10 text-card-foreground [&>svg]:text-success`,warning:`border-warning/40 bg-warning/10 text-card-foreground [&>svg]:text-warning`,destructive:`border-destructive/30 bg-destructive/5 text-card-foreground [&>svg]:text-destructive`,inverse:[`border-foreground bg-foreground text-background`,`[&>svg]:text-background`,`[&_[data-slot=alert-title]_[data-typography=text]]:text-background`,`[&_[data-slot=alert-description]_[data-typography=text]]:text-background/75`]}},defaultVariants:{variant:`default`}}),l=(0,o.forwardRef)(function({className:e,variant:t,role:n=`alert`,...r},a){return(0,s.jsx)(`div`,{ref:a,"data-slot":`alert`,"data-variant":t??`default`,role:n,className:i(c({variant:t}),e),...r})});l.displayName=`Alert`;var u=(0,o.forwardRef)(function({className:e,children:t,...n},a){return(0,s.jsx)(`div`,{ref:a,"data-slot":`alert-title`,className:i(`alert--title col-start-2 min-h-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80`,e),...n,children:(0,s.jsx)(r,{tag:`span`,weight:`semibold`,className:`leading-snug`,children:t})})});u.displayName=`AlertTitle`;var d=(0,o.forwardRef)(function({className:e,children:t,...n},a){return(0,s.jsx)(`div`,{ref:a,"data-slot":`alert-description`,className:i(`alert--description col-start-2 grid justify-items-start gap-1 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80 [&_p]:leading-relaxed`,e),...n,children:(0,s.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,className:`leading-normal`,children:t})})});d.displayName=`AlertDescription`;var f=(0,o.forwardRef)(function({className:e,...t},n){return(0,s.jsx)(`div`,{ref:n,"data-slot":`alert-action`,className:i(`alert--action flex flex-wrap items-center gap-1.5 max-sm:col-start-2 max-sm:mt-2 max-sm:justify-start sm:col-start-3 sm:row-start-1 sm:justify-end sm:self-center`,e),...t})});f.displayName=`AlertAction`;export{u as i,f as n,d as r,l as t};

package/dist/showcase/assets/{alert-D7n-kQoO.js → alert-7wEOpEor.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Or as t,hr as n,mr as r,r as i,t as a}from"./example-BIrQab7K.js";import{t as o}from"./circle-check-TT7cFQrr.js";import{t as s}from"./circle-x-c5z6-eYV.js";import{t as c}from"./info-DFu8OfxV.js";import{t as l}from"./shield-alert-DhbgXV1X.js";import{s as u}from"./index-Cz4UGUT2.js";import{t as d}from"./props-table-BR-KjRNe.js";import{i as f,n as p,r as m,t as h}from"./alert-DIelf1qF.js";var g=e({AlertVariants:()=>v,AlertWithActions:()=>y,InverseAlert:()=>b,StatusRoleAlert:()=>x}),_=u();function v(){return(0,_.jsxs)(`div`,{className:`grid w-full max-w-2xl gap-3`,children:[(0,_.jsxs)(h,{children:[(0,_.jsx)(c,{}),(0,_.jsx)(f,{children:`Default notice`}),(0,_.jsx)(m,{children:`Workspace settings were updated by an administrator.`})]}),(0,_.jsxs)(h,{variant:`info`,children:[(0,_.jsx)(c,{}),(0,_.jsx)(f,{children:`Import queued`}),(0,_.jsx)(m,{children:`Catalog import will start after the current sync finishes.`})]}),(0,_.jsxs)(h,{variant:`success`,children:[(0,_.jsx)(o,{}),(0,_.jsx)(f,{children:`Billing profile verified`}),(0,_.jsx)(m,{children:`Invoices can now be issued for this workspace.`})]}),(0,_.jsxs)(h,{variant:`warning`,children:[(0,_.jsx)(t,{}),(0,_.jsx)(f,{children:`Usage is approaching the plan limit`}),(0,_.jsx)(m,{children:`Upgrade before the next billing cycle to avoid paused automations.`})]}),(0,_.jsxs)(h,{variant:`destructive`,children:[(0,_.jsx)(s,{}),(0,_.jsx)(f,{children:`Webhook delivery failed`}),(0,_.jsx)(m,{children:`Three endpoints rejected the latest payload.`})]})]})}function y(){return(0,_.jsxs)(h,{variant:`warning`,className:`max-w-2xl`,children:[(0,_.jsx)(l,{}),(0,_.jsx)(f,{children:`Two-factor enforcement is pending`}),(0,_.jsx)(m,{children:`12 team members have not enrolled. Enforcement begins at the end of the week.`}),(0,_.jsxs)(p,{children:[(0,_.jsx)(i,{variant:`warning`,buttonStyle:`outline`,size:`xs`,children:`Review users`}),(0,_.jsx)(i,{variant:`secondary`,buttonStyle:`ghost`,size:`xs`,children:`Dismiss`})]})]})}function b(){return(0,_.jsxs)(h,{variant:`inverse`,className:`max-w-2xl`,children:[(0,_.jsx)(c,{}),(0,_.jsx)(f,{children:`New analytics view is available`}),(0,_.jsx)(m,{children:`Switch to the updated report builder from the workspace menu.`}),(0,_.jsx)(p,{children:(0,_.jsx)(i,{variant:`light`,buttonStyle:`outline`,size:`xs`,children:`Open builder`})})]})}function x(){return(0,_.jsxs)(h,{role:`status`,variant:`success`,className:`max-w-2xl`,children:[(0,_.jsx)(o,{}),(0,_.jsx)(f,{children:`Changes saved`}),(0,_.jsx)(m,{children:'This non-urgent confirmation uses `role="status"`.'})]})}var S=`import { AlertTriangle, CheckCircle2, Info, ShieldAlert, XCircle } from 'lucide-react';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Br as t,Dr as n,Er as r,r as i,t as a}from"./example-Cz_880po.js";import{t as o}from"./circle-check-1MSds3Vu.js";import{t as s}from"./circle-x-VSqZOeGt.js";import{t as c}from"./info-BimmreJ-.js";import{t as l}from"./shield-alert-DWsbR2jn.js";import{s as u}from"./index-BQIv1ffM.js";import{t as d}from"./props-table-2pIZzGC-.js";import{i as f,n as p,r as m,t as h}from"./alert-2_0J7Vv6.js";var g=e({AlertVariants:()=>v,AlertWithActions:()=>y,InverseAlert:()=>b,StatusRoleAlert:()=>x}),_=u();function v(){return(0,_.jsxs)(`div`,{className:`grid w-full max-w-2xl gap-3`,children:[(0,_.jsxs)(h,{children:[(0,_.jsx)(c,{}),(0,_.jsx)(f,{children:`Default notice`}),(0,_.jsx)(m,{children:`Workspace settings were updated by an administrator.`})]}),(0,_.jsxs)(h,{variant:`info`,children:[(0,_.jsx)(c,{}),(0,_.jsx)(f,{children:`Import queued`}),(0,_.jsx)(m,{children:`Catalog import will start after the current sync finishes.`})]}),(0,_.jsxs)(h,{variant:`success`,children:[(0,_.jsx)(o,{}),(0,_.jsx)(f,{children:`Billing profile verified`}),(0,_.jsx)(m,{children:`Invoices can now be issued for this workspace.`})]}),(0,_.jsxs)(h,{variant:`warning`,children:[(0,_.jsx)(t,{}),(0,_.jsx)(f,{children:`Usage is approaching the plan limit`}),(0,_.jsx)(m,{children:`Upgrade before the next billing cycle to avoid paused automations.`})]}),(0,_.jsxs)(h,{variant:`destructive`,children:[(0,_.jsx)(s,{}),(0,_.jsx)(f,{children:`Webhook delivery failed`}),(0,_.jsx)(m,{children:`Three endpoints rejected the latest payload.`})]})]})}function y(){return(0,_.jsxs)(h,{variant:`warning`,className:`max-w-2xl`,children:[(0,_.jsx)(l,{}),(0,_.jsx)(f,{children:`Two-factor enforcement is pending`}),(0,_.jsx)(m,{children:`12 team members have not enrolled. Enforcement begins at the end of the week.`}),(0,_.jsxs)(p,{children:[(0,_.jsx)(i,{variant:`warning`,buttonStyle:`outline`,size:`xs`,children:`Review users`}),(0,_.jsx)(i,{variant:`secondary`,buttonStyle:`ghost`,size:`xs`,children:`Dismiss`})]})]})}function b(){return(0,_.jsxs)(h,{variant:`inverse`,className:`max-w-2xl`,children:[(0,_.jsx)(c,{}),(0,_.jsx)(f,{children:`New analytics view is available`}),(0,_.jsx)(m,{children:`Switch to the updated report builder from the workspace menu.`}),(0,_.jsx)(p,{children:(0,_.jsx)(i,{variant:`light`,buttonStyle:`outline`,size:`xs`,children:`Open builder`})})]})}function x(){return(0,_.jsxs)(h,{role:`status`,variant:`success`,className:`max-w-2xl`,children:[(0,_.jsx)(o,{}),(0,_.jsx)(f,{children:`Changes saved`}),(0,_.jsx)(m,{children:'This non-urgent confirmation uses `role="status"`.'})]})}var S=`import { AlertTriangle, CheckCircle2, Info, ShieldAlert, XCircle } from 'lucide-react';
 
 import {
 	Alert,

package/dist/showcase/assets/{alert-TQCZEcn-.js → alert-C_FOBilU.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Or as n,Un as r,hr as i,mr as a,t as o,xr as s}from"./example-BIrQab7K.js";import{t as c}from"./circle-check-big-4RnJfeaC.js";import{t as l}from"./circle-x-c5z6-eYV.js";import{t as u}from"./info-DFu8OfxV.js";import{n as d,s as f}from"./index-Cz4UGUT2.js";import{t as p}from"./PreviewLayout-BG1B5TzA.js";t();var m=f(),h=s(`grid gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert`,{variants:{variant:{default:`bg-card text-card-foreground`,destructive:`border-destructive/30 bg-destructive/5 text-destructive *:data-[slot=alert-description]:text-destructive/85 *:[svg]:text-current`,warning:`border-warning/40 bg-warning/10 text-warning-foreground *:data-[slot=alert-description]:text-warning-foreground/85 *:[svg]:text-current`,success:`border-success/30 bg-success/10 text-success *:data-[slot=alert-description]:text-success/85 *:[svg]:text-current`,info:`border-info/30 bg-info/5 text-info *:data-[slot=alert-description]:text-info/85 *:[svg]:text-current`}},defaultVariants:{variant:`default`}});function g({className:e,variant:t,...n}){return(0,m.jsx)(`div`,{"data-slot":`alert`,role:`alert`,className:d(h({variant:t}),e),...n})}function _({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`alert-title`,className:d(`font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3`,e),...t})}function v({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`alert-description`,className:d(`text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3`,e),...t})}function y({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`alert-action`,className:d(`absolute top-2.5 right-3`,e),...t})}var b=e({TitleOnly:()=>C,Variants:()=>x,WithAlertAction:()=>S});function x(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(p,{children:[(0,m.jsxs)(g,{children:[(0,m.jsx)(u,{}),(0,m.jsx)(_,{children:`Default`}),(0,m.jsx)(v,{children:`This is a default informational alert.`})]}),(0,m.jsxs)(g,{variant:`success`,children:[(0,m.jsx)(c,{}),(0,m.jsx)(_,{children:`Success`}),(0,m.jsx)(v,{children:`Your changes have been saved.`})]}),(0,m.jsxs)(g,{variant:`warning`,children:[(0,m.jsx)(n,{}),(0,m.jsx)(_,{children:`Warning`}),(0,m.jsx)(v,{children:`Be careful with this action.`})]}),(0,m.jsxs)(g,{variant:`destructive`,children:[(0,m.jsx)(l,{}),(0,m.jsx)(_,{children:`Destructive`}),(0,m.jsx)(v,{children:`This cannot be undone.`})]})]})})}function S(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(g,{children:[(0,m.jsx)(u,{}),(0,m.jsx)(_,{children:`New version available`}),(0,m.jsx)(v,{children:`Reload the page to update.`}),(0,m.jsx)(y,{children:(0,m.jsx)(r,{variant:`link`,size:`xs`,className:`h-auto px-0`,children:`Reload`})})]})})}function C(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(g,{variant:`success`,children:[(0,m.jsx)(c,{}),(0,m.jsx)(_,{children:`Saved successfully.`})]})})}var w=`import { Info, CheckCircle, AlertTriangle, XCircle } from 'lucide-react';
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Br as n,Dr as r,Er as i,Nr as a,er as o,t as s}from"./example-Cz_880po.js";import{t as c}from"./circle-check-big-vBWkmhCZ.js";import{t as l}from"./circle-x-VSqZOeGt.js";import{t as u}from"./info-BimmreJ-.js";import{n as d,s as f}from"./index-BQIv1ffM.js";import{t as p}from"./PreviewLayout-CGEkbS-i.js";t();var m=f(),h=a(`grid gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert`,{variants:{variant:{default:`bg-card text-card-foreground`,destructive:`border-destructive/30 bg-destructive/5 text-destructive *:data-[slot=alert-description]:text-destructive/85 *:[svg]:text-current`,warning:`border-warning/40 bg-warning/10 text-warning-foreground *:data-[slot=alert-description]:text-warning-foreground/85 *:[svg]:text-current`,success:`border-success/30 bg-success/10 text-success *:data-[slot=alert-description]:text-success/85 *:[svg]:text-current`,info:`border-info/30 bg-info/5 text-info *:data-[slot=alert-description]:text-info/85 *:[svg]:text-current`}},defaultVariants:{variant:`default`}});function g({className:e,variant:t,...n}){return(0,m.jsx)(`div`,{"data-slot":`alert`,role:`alert`,className:d(h({variant:t}),e),...n})}function _({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`alert-title`,className:d(`font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3`,e),...t})}function v({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`alert-description`,className:d(`text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3`,e),...t})}function y({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`alert-action`,className:d(`absolute top-2.5 right-3`,e),...t})}var b=e({TitleOnly:()=>C,Variants:()=>x,WithAlertAction:()=>S});function x(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(p,{children:[(0,m.jsxs)(g,{children:[(0,m.jsx)(u,{}),(0,m.jsx)(_,{children:`Default`}),(0,m.jsx)(v,{children:`This is a default informational alert.`})]}),(0,m.jsxs)(g,{variant:`success`,children:[(0,m.jsx)(c,{}),(0,m.jsx)(_,{children:`Success`}),(0,m.jsx)(v,{children:`Your changes have been saved.`})]}),(0,m.jsxs)(g,{variant:`warning`,children:[(0,m.jsx)(n,{}),(0,m.jsx)(_,{children:`Warning`}),(0,m.jsx)(v,{children:`Be careful with this action.`})]}),(0,m.jsxs)(g,{variant:`destructive`,children:[(0,m.jsx)(l,{}),(0,m.jsx)(_,{children:`Destructive`}),(0,m.jsx)(v,{children:`This cannot be undone.`})]})]})})}function S(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(g,{children:[(0,m.jsx)(u,{}),(0,m.jsx)(_,{children:`New version available`}),(0,m.jsx)(v,{children:`Reload the page to update.`}),(0,m.jsx)(y,{children:(0,m.jsx)(o,{variant:`link`,size:`xs`,className:`h-auto px-0`,children:`Reload`})})]})})}function C(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(g,{variant:`success`,children:[(0,m.jsx)(c,{}),(0,m.jsx)(_,{children:`Saved successfully.`})]})})}var w=`import { Info, CheckCircle, AlertTriangle, XCircle } from 'lucide-react';
 import { Alert, AlertTitle, AlertDescription, AlertAction } from '@/components/ui/alert';
 import { Button } from '@/components/ui/button';
 import { Col } from '../../PreviewLayout';
@@ -59,4 +59,4 @@ export function TitleOnly() {
 		</>
 	);
 }
-`;function T(e){return b||D(`Examples`,!1),C||D(`Examples.TitleOnly`,!0),x||D(`Examples.Variants`,!0),S||D(`Examples.WithAlertAction`,!0),(0,m.jsx)(i,{title:`UI · Alert`,description:`shadcn alert primitive: variants, with title/description/action.`,layer:`ui`,status:`ready`,children:(0,m.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,m.jsx)(o,{name:`Variants`,source:w,children:(0,m.jsx)(x,{})}),(0,m.jsx)(o,{name:`WithAlertAction`,source:w,children:(0,m.jsx)(S,{})}),(0,m.jsx)(o,{name:`TitleOnly`,source:w,children:(0,m.jsx)(C,{})})]})})}function E(e={}){let{wrapper:t}=e.components||{};return t?(0,m.jsx)(t,{...e,children:(0,m.jsx)(T,{...e})}):T(e)}function D(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{E as default};
+`;function T(e){return b||D(`Examples`,!1),C||D(`Examples.TitleOnly`,!0),x||D(`Examples.Variants`,!0),S||D(`Examples.WithAlertAction`,!0),(0,m.jsx)(r,{title:`UI · Alert`,description:`shadcn alert primitive: variants, with title/description/action.`,layer:`ui`,status:`ready`,children:(0,m.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,m.jsx)(s,{name:`Variants`,source:w,children:(0,m.jsx)(x,{})}),(0,m.jsx)(s,{name:`WithAlertAction`,source:w,children:(0,m.jsx)(S,{})}),(0,m.jsx)(s,{name:`TitleOnly`,source:w,children:(0,m.jsx)(C,{})})]})})}function E(e={}){let{wrapper:t}=e.components||{};return t?(0,m.jsx)(t,{...e,children:(0,m.jsx)(T,{...e})}):T(e)}function D(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{E as default};

package/dist/showcase/assets/{api-key-list-CSt4trYG.js → api-key-list-CGV1k52v.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Ar as r,Er as i,hr as a,mr as o,r as s,t as c}from"./example-BIrQab7K.js";import{t as l}from"./chevron-right-d-umkBru.js";import{t as u}from"./lock-Dn4-vUBz.js";import{t as d}from"./plus-DkHZm34I.js";import{t as f}from"./trash-2-OsaEm8cc.js";import{k as p,n as m,s as h}from"./index-Cz4UGUT2.js";import{t as g}from"./props-table-BR-KjRNe.js";import{t as _}from"./icon-badge-CxvxB8Vd.js";import{t as v}from"./smart-card-B4P_C0nk.js";import{n as y}from"./dist-CnonIdcR.js";import{n as b,r as x,t as S}from"./collapsible-DagkA3To.js";import{c as C,n as w,r as T,t as E}from"./item-CbiuwbAN.js";import{n as D,t as O}from"./action-menu-BOUHlGba.js";import{t as k}from"./PreviewLayout-BG1B5TzA.js";var A={title:`API keys`,addAria:`Add API key`,rowMenuAria:`Key actions`,copyMenuItem:`Copy key`,copiedMenuItem:`Copied`,deleteMenuItem:`Delete`,copyToastSuccess:`Copied to clipboard`,copyToastError:`Failed to copy`,emptyMessage:`No keys yet.`},j=t(n(),1),M=h(),N=(0,j.forwardRef)(function({items:e,defaultOpen:t=!0,open:n,onOpenChange:r,onAdd:a,onDelete:o,onCopy:c,title:u,className:f,strings:h},g){let _=p(A,h),y=n!==void 0,[C,w]=(0,j.useState)(t),T=y?n:C,E=(0,j.useCallback)(e=>{y||w(e),r?.(e)},[y,r]);return(0,M.jsx)(v,{ref:g,className:m(`api-key-list--component`,f),children:(0,M.jsxs)(S,{open:T,onOpenChange:E,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(x,{asChild:!0,children:(0,M.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,className:`h-auto flex-1 justify-start gap-2 rounded-sm px-0 py-0 text-left`,children:[(0,M.jsx)(l,{"aria-hidden":`true`,className:m(`size-4 text-muted-foreground transition-transform`,T&&`rotate-90`)}),(0,M.jsx)(i,{tag:`span`,weight:`semibold`,children:u??_.title})]})}),!!a&&(0,M.jsx)(s,{variant:`secondary`,buttonStyle:`ghost`,onClick:a,"aria-label":_.addAria,children:(0,M.jsx)(d,{className:`size-4`})})]}),(0,M.jsx)(b,{className:`pt-3`,children:e.length===0?(0,M.jsx)(i,{type:`secondary`,children:_.emptyMessage}):(0,M.jsx)(`div`,{className:`flex flex-col gap-2.5`,children:e.map(e=>(0,M.jsx)(P,{item:e,onDelete:o,onCopy:c,copyMenuLabel:_.copyMenuItem,copiedMenuLabel:_.copiedMenuItem,deleteMenuLabel:_.deleteMenuItem,rowMenuAria:_.rowMenuAria,copyToastSuccess:_.copyToastSuccess,copyToastError:_.copyToastError},e.id))})})]})})});N.displayName=`ApiKeyList`;function P({item:e,onDelete:t,onCopy:n,copyMenuLabel:a,copiedMenuLabel:o,deleteMenuLabel:s,rowMenuAria:c,copyToastSuccess:l,copyToastError:d}){let[p,m]=(0,j.useState)(!1),h=(0,j.useCallback)(async()=>{try{await navigator.clipboard.writeText(e.value),m(!0),setTimeout(()=>m(!1),1500),y.success(l),n?.(e.id,e)}catch{y.error(d)}},[e,n,l,d]),g=e.displayValue??e.value;return(0,M.jsxs)(E,{size:`xs`,"data-slot":`api-key-row`,className:`flex-nowrap`,children:[(0,M.jsx)(C,{variant:`icon`,children:(0,M.jsx)(_,{size:`xs`,shape:`square`,tone:`muted`,bordered:!0,className:`text-success`,children:e.icon??(0,M.jsx)(u,{className:`size-3.5`})})}),(0,M.jsxs)(T,{className:`min-w-0 flex-row items-center gap-2.5`,children:[(0,M.jsx)(i,{tag:`span`,size:`xs`,weight:`medium`,className:`w-20 shrink-0 truncate sm:w-24`,children:e.name}),(0,M.jsx)(`span`,{className:`min-w-0 flex-1 truncate rounded-sm bg-muted px-2 py-1 font-mono text-xs`,children:g})]}),(0,M.jsx)(w,{className:`shrink-0`,children:(0,M.jsxs)(O,{srText:c,align:`end`,closeOnSelect:!0,buttonProps:{buttonStyle:`ghost`,variant:`secondary`},children:[(0,M.jsx)(D,{label:p?o:a,icon:r,onClick:()=>{h()},disabled:e.disabled}),!!t&&(0,M.jsx)(D,{label:s,icon:f,variant:`error`,disabled:e.disabled,onClick:()=>t(e.id,e)})]})})]})}P.displayName=`ApiKeyRow`;var F=e({DefaultVisibleSecretsCallbacksForAddDelete:()=>L,EmptyState:()=>z,LocalizedStrings:()=>B,MaskedSecretsStripeStyle:()=>R}),I=[{id:`1`,name:`Production`,value:`AUDO230454*242SDIFPPL`},{id:`2`,name:`Development`,value:`DUILO30454*242SDIFUIP`},{id:`3`,name:`Staging`,value:`IPPODAS230454*242SDI`}];function L(){let[e,t]=(0,j.useState)(I);return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(k,{className:`max-w-xl`,children:(0,M.jsx)(N,{items:e,onAdd:()=>{let n=String(e.length+1);t(e=>[...e,{id:n,name:`Key ${n}`,value:`KEY_${n}_${Math.random().toString(36).slice(2,10).toUpperCase()}`}])},onDelete:e=>t(t=>t.filter(t=>t.id!==e))})})})}function R(){let[e]=(0,j.useState)([{id:`live`,name:`Live`,value:`sk_live_3xy4cm9bnrUseEkJ4zDh2A4D`,displayValue:`sk_live_·············2A4D`},{id:`test`,name:`Test`,value:`sk_test_5j2lpQzKvFnH8PcQ7B3M`,displayValue:`sk_test_·············7B3M`}]);return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(k,{className:`max-w-xl`,children:(0,M.jsx)(N,{items:e,title:`Stripe API keys`})})})}function z(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(k,{className:`max-w-xl`,children:(0,M.jsx)(N,{items:[],onAdd:()=>{}})})})}function B(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(k,{className:`max-w-xl`,children:(0,M.jsx)(N,{items:I,strings:{title:`Clés API`,addAria:`Ajouter une clé`,rowMenuAria:`Actions de la clé`,copyMenuItem:`Copier la clé`,copiedMenuItem:`Copié`,deleteMenuItem:`Supprimer`},onAdd:()=>{}})})})}var V=`import { useState } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Hr as a,Rr as o,r as s,t as c}from"./example-Cz_880po.js";import{t as l}from"./chevron-right-D4pIMCh9.js";import{t as u}from"./lock-DLIcOBUd.js";import{t as d}from"./plus-D5swsZCz.js";import{t as f}from"./trash-2-CE9bDw49.js";import{k as p,n as m,s as h}from"./index-BQIv1ffM.js";import{t as g}from"./props-table-2pIZzGC-.js";import{t as _}from"./icon-badge-dwVx3Hxf.js";import{t as v}from"./smart-card-Dhu_1A_u.js";import{n as y}from"./dist-CnonIdcR.js";import{n as b,r as x,t as S}from"./collapsible-C4eof15p.js";import{c as C,n as w,r as T,t as E}from"./item-YF6wMI9W.js";import{n as D,t as O}from"./action-menu-CMUF6gPp.js";import{t as k}from"./PreviewLayout-CGEkbS-i.js";var A={title:`API keys`,addAria:`Add API key`,rowMenuAria:`Key actions`,copyMenuItem:`Copy key`,copiedMenuItem:`Copied`,deleteMenuItem:`Delete`,copyToastSuccess:`Copied to clipboard`,copyToastError:`Failed to copy`,emptyMessage:`No keys yet.`},j=t(n(),1),M=h(),N=(0,j.forwardRef)(function({items:e,defaultOpen:t=!0,open:n,onOpenChange:r,onAdd:i,onDelete:a,onCopy:c,title:u,className:f,strings:h},g){let _=p(A,h),y=n!==void 0,[C,w]=(0,j.useState)(t),T=y?n:C,E=(0,j.useCallback)(e=>{y||w(e),r?.(e)},[y,r]);return(0,M.jsx)(v,{ref:g,className:m(`api-key-list--component`,f),children:(0,M.jsxs)(S,{open:T,onOpenChange:E,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(x,{asChild:!0,children:(0,M.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,className:`h-auto flex-1 justify-start gap-2 rounded-sm px-0 py-0 text-left`,children:[(0,M.jsx)(l,{"aria-hidden":`true`,className:m(`size-4 text-muted-foreground transition-transform`,T&&`rotate-90`)}),(0,M.jsx)(o,{tag:`span`,weight:`semibold`,children:u??_.title})]})}),!!i&&(0,M.jsx)(s,{variant:`secondary`,buttonStyle:`ghost`,onClick:i,"aria-label":_.addAria,children:(0,M.jsx)(d,{className:`size-4`})})]}),(0,M.jsx)(b,{className:`pt-3`,children:e.length===0?(0,M.jsx)(o,{type:`secondary`,children:_.emptyMessage}):(0,M.jsx)(`div`,{className:`flex flex-col gap-2.5`,children:e.map(e=>(0,M.jsx)(P,{item:e,onDelete:a,onCopy:c,copyMenuLabel:_.copyMenuItem,copiedMenuLabel:_.copiedMenuItem,deleteMenuLabel:_.deleteMenuItem,rowMenuAria:_.rowMenuAria,copyToastSuccess:_.copyToastSuccess,copyToastError:_.copyToastError},e.id))})})]})})});N.displayName=`ApiKeyList`;function P({item:e,onDelete:t,onCopy:n,copyMenuLabel:r,copiedMenuLabel:i,deleteMenuLabel:s,rowMenuAria:c,copyToastSuccess:l,copyToastError:d}){let[p,m]=(0,j.useState)(!1),h=(0,j.useCallback)(async()=>{try{await navigator.clipboard.writeText(e.value),m(!0),setTimeout(()=>m(!1),1500),y.success(l),n?.(e.id,e)}catch{y.error(d)}},[e,n,l,d]),g=e.displayValue??e.value;return(0,M.jsxs)(E,{size:`xs`,"data-slot":`api-key-row`,className:`flex-nowrap`,children:[(0,M.jsx)(C,{variant:`icon`,children:(0,M.jsx)(_,{size:`xs`,shape:`square`,tone:`muted`,bordered:!0,className:`text-success`,children:e.icon??(0,M.jsx)(u,{className:`size-3.5`})})}),(0,M.jsxs)(T,{className:`min-w-0 flex-row items-center gap-2.5`,children:[(0,M.jsx)(o,{tag:`span`,size:`xs`,weight:`medium`,className:`w-20 shrink-0 truncate sm:w-24`,children:e.name}),(0,M.jsx)(`span`,{className:`min-w-0 flex-1 truncate rounded-sm bg-muted px-2 py-1 font-mono text-xs`,children:g})]}),(0,M.jsx)(w,{className:`shrink-0`,children:(0,M.jsxs)(O,{srText:c,align:`end`,closeOnSelect:!0,buttonProps:{buttonStyle:`ghost`,variant:`secondary`},children:[(0,M.jsx)(D,{label:p?i:r,icon:a,onClick:()=>{h()},disabled:e.disabled}),!!t&&(0,M.jsx)(D,{label:s,icon:f,variant:`error`,disabled:e.disabled,onClick:()=>t(e.id,e)})]})})]})}P.displayName=`ApiKeyRow`;var F=e({DefaultVisibleSecretsCallbacksForAddDelete:()=>L,EmptyState:()=>z,LocalizedStrings:()=>B,MaskedSecretsStripeStyle:()=>R}),I=[{id:`1`,name:`Production`,value:`AUDO230454*242SDIFPPL`},{id:`2`,name:`Development`,value:`DUILO30454*242SDIFUIP`},{id:`3`,name:`Staging`,value:`IPPODAS230454*242SDI`}];function L(){let[e,t]=(0,j.useState)(I);return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(k,{className:`max-w-xl`,children:(0,M.jsx)(N,{items:e,onAdd:()=>{let n=String(e.length+1);t(e=>[...e,{id:n,name:`Key ${n}`,value:`KEY_${n}_${Math.random().toString(36).slice(2,10).toUpperCase()}`}])},onDelete:e=>t(t=>t.filter(t=>t.id!==e))})})})}function R(){let[e]=(0,j.useState)([{id:`live`,name:`Live`,value:`sk_live_3xy4cm9bnrUseEkJ4zDh2A4D`,displayValue:`sk_live_·············2A4D`},{id:`test`,name:`Test`,value:`sk_test_5j2lpQzKvFnH8PcQ7B3M`,displayValue:`sk_test_·············7B3M`}]);return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(k,{className:`max-w-xl`,children:(0,M.jsx)(N,{items:e,title:`Stripe API keys`})})})}function z(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(k,{className:`max-w-xl`,children:(0,M.jsx)(N,{items:[],onAdd:()=>{}})})})}function B(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(k,{className:`max-w-xl`,children:(0,M.jsx)(N,{items:I,strings:{title:`Clés API`,addAria:`Ajouter une clé`,rowMenuAria:`Actions de la clé`,copyMenuItem:`Copier la clé`,copiedMenuItem:`Copié`,deleteMenuItem:`Supprimer`},onAdd:()=>{}})})})}var V=`import { useState } from 'react';
 import { ApiKeyList, type ApiKeyListItem } from '@/components/composed/admin';
 import { Col } from '../../PreviewLayout';
 
@@ -70,4 +70,4 @@ export function LocalizedStrings() {
 		</>
 	);
 }
-`;function H(e){let t={h4:`h4`,...e.components};return F||W(`Examples`,!1),L||W(`Examples.DefaultVisibleSecretsCallbacksForAddDelete`,!0),z||W(`Examples.EmptyState`,!0),B||W(`Examples.LocalizedStrings`,!0),R||W(`Examples.MaskedSecretsStripeStyle`,!0),(0,M.jsxs)(a,{title:`Composed · Admin · API key list`,description:`Collapsible section with per-row dropdown menu (Copy / Delete) and an optional Add action in the header. Generic enough for any 'named secret list' — service tokens, webhook URLs, deployment hooks. Composes base/cards + base/display/collapsible + base/navigation/ActionMenu + base/copyable.`,layer:`composed`,status:`ready`,children:[(0,M.jsxs)(o,{title:`Examples`,id:`examples`,children:[(0,M.jsx)(c,{name:`DefaultVisibleSecretsCallbacksForAddDelete`,source:V,children:(0,M.jsx)(L,{})}),(0,M.jsx)(c,{name:`MaskedSecretsStripeStyle`,source:V,children:(0,M.jsx)(R,{})}),(0,M.jsx)(c,{name:`EmptyState`,source:V,children:(0,M.jsx)(z,{})}),(0,M.jsx)(c,{name:`LocalizedStrings`,source:V,children:(0,M.jsx)(B,{})})]}),(0,M.jsxs)(o,{title:`API`,id:`api`,children:[(0,M.jsx)(t.h4,{children:`ApiKeyList`}),(0,M.jsx)(g,{component:`ApiKeyList`})]})]})}function U(e={}){let{wrapper:t}=e.components||{};return t?(0,M.jsx)(t,{...e,children:(0,M.jsx)(H,{...e})}):H(e)}function W(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{U as default};
+`;function H(e){let t={h4:`h4`,...e.components};return F||W(`Examples`,!1),L||W(`Examples.DefaultVisibleSecretsCallbacksForAddDelete`,!0),z||W(`Examples.EmptyState`,!0),B||W(`Examples.LocalizedStrings`,!0),R||W(`Examples.MaskedSecretsStripeStyle`,!0),(0,M.jsxs)(r,{title:`Composed · Admin · API key list`,description:`Collapsible section with per-row dropdown menu (Copy / Delete) and an optional Add action in the header. Generic enough for any 'named secret list' — service tokens, webhook URLs, deployment hooks. Composes base/cards + base/display/collapsible + base/navigation/ActionMenu + base/copyable.`,layer:`composed`,status:`ready`,children:[(0,M.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,M.jsx)(c,{name:`DefaultVisibleSecretsCallbacksForAddDelete`,source:V,children:(0,M.jsx)(L,{})}),(0,M.jsx)(c,{name:`MaskedSecretsStripeStyle`,source:V,children:(0,M.jsx)(R,{})}),(0,M.jsx)(c,{name:`EmptyState`,source:V,children:(0,M.jsx)(z,{})}),(0,M.jsx)(c,{name:`LocalizedStrings`,source:V,children:(0,M.jsx)(B,{})})]}),(0,M.jsxs)(i,{title:`API`,id:`api`,children:[(0,M.jsx)(t.h4,{children:`ApiKeyList`}),(0,M.jsx)(g,{component:`ApiKeyList`})]})]})}function U(e={}){let{wrapper:t}=e.components||{};return t?(0,M.jsx)(t,{...e,children:(0,M.jsx)(H,{...e})}):H(e)}function W(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{U as default};

package/dist/showcase/assets/app-sidebar-S6oUYO4h.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Nr as n,Rr as r,jr as i}from"./example-Cz_880po.js";import{t as a}from"./chevrons-up-down-eAgHau5X.js";import{t as o}from"./external-link-Cy1-PP8k.js";import{_ as s,c,d as l,f as u,h as d,l as f,m as p,n as m,o as h,s as g,u as _,v}from"./sidebar.context-CRjgeYJL.js";import{k as y,n as b,s as x}from"./index-BQIv1ffM.js";import{a as S,c as C,i as w,l as T,o as E,r as D,t as O}from"./dropdown-menu-Cto8-yDW.js";import{t as k}from"./skeleton-BtiPkfxB.js";import{t as A}from"./scroll-area-BvTq99pz.js";import{a as j,i as M,n as N,r as P,t as F}from"./sheet-BKsjMYMo.js";import{n as I,t as L}from"./sidebar-B5uO9sUB.js";import{t as R}from"./use-layout-link-BQ6Y9z__.js";var z=e(t(),1),B=x();function V(e){if(e.startsWith(`#/`))return e.slice(1).split(`?`)[0]?.split(`#`)[0]||`/`;try{return new URL(e,`http://local.invalid`).pathname}catch{return e}}function H(e,t){let n=V(e);return n===t||n.startsWith(t+`/`)||n.startsWith(t+`?`)}function U(e){return e.label??e.title??``}function W(e,t){let n=U(e);return e.handle??e.href??(typeof n==`string`||typeof n==`number`?n:`nav-${t??0}`)}function G({value:e,size:t=`default`}){return(0,B.jsx)(i,{variant:`secondary`,className:b(`ml-auto rounded-full tabular-nums text-sidebar-foreground`,t===`small`?`h-4 min-w-4 px-1.5`:`h-5 min-w-5 px-1.5`),children:e})}function K(e,t,n){return e&&n&&n[e]!=null?n[e]:t}function q({icon:e,iconMap:t={},size:n=20,className:r=`size-4`,...i}){if(!e)return null;if(typeof e==`string`){let n=t[e];return n?(0,B.jsx)(n,{className:r}):null}return z.isValidElement(e)?z.cloneElement(e,{className:b(r,e.props.className),...i}):typeof e==`function`||typeof e==`object`&&e&&`$$typeof`in e?(0,B.jsx)(e,{className:r,width:n,height:n,...i}):null}function J(e,t,n,r,i){return e({href:t.href,children:n,className:r,active:i,disabled:t.disabled||!t.href,external:t.external})}var ee=`18rem`;n(`peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0`,{variants:{variant:{default:`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,outline:`bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});var te={mobileTitle:`Sidebar`,mobileDescription:`Displays the mobile sidebar.`};function Y({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,surfaceClassName:i,children:a,strings:o,...s}){let{isMobile:c,state:l,openMobile:u,setOpenMobile:d}=m(),f=y(te,o);return n===`none`?(0,B.jsx)(`div`,{"data-slot":`sidebar`,className:b(`flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground`,i,r),...s,children:a}):c?(0,B.jsx)(F,{open:u,onOpenChange:d,...s,children:(0,B.jsxs)(N,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:b(`w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden`,i),style:{"--sidebar-width":ee},side:e,children:[(0,B.jsxs)(M,{className:`sr-only`,children:[(0,B.jsx)(j,{children:f.mobileTitle}),(0,B.jsx)(P,{children:f.mobileDescription})]}),(0,B.jsx)(`div`,{className:`flex h-full w-full flex-col`,children:a})]})}):(0,B.jsx)(`div`,{className:`group peer sticky top-0 hidden h-full text-sidebar-foreground md:block`,"data-state":l,"data-collapsible":l===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:(0,B.jsx)(`div`,{className:b(`inset-y-0 z-10 hidden h-full w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex`,e===`left`?`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,t===`floating`||t===`inset`?`px-2 py-3 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,r),...s,children:(0,B.jsx)(`div`,{"data-sidebar":`sidebar`,className:b(`sidebar flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm`,i),children:a})})})}function X({item:e}){return(0,B.jsx)(r,{tag:`span`,className:`truncate text-inherit`,children:U(e)})}function Z({navigationByGroups:e,currentUrl:t=`/`,iconMap:n={},liveBadges:i,renderLink:a,LinkComponent:o,emptySlot:l,renderItem:f,className:m}){let h=R({renderLink:a,LinkComponent:o}),g=e=>!!e&&H(t,V(e)),y=e=>{let n=-1,r=-1;for(let i=0;i<e.length;i+=1){let a=e[i],o=a?.href?V(a.href):``;o&&H(t,o)&&o.length>r&&(r=o.length,n=i)}return n},x=e=>!!e?.some(e=>g(e.href)||x(e.children)),S=(e,t=0,a=0)=>{let o=!!e.children?.length,c=g(e.href),l=o?x(e.children):!1,u=c||l,m=K(e.handle,e.badge,i),_=U(e),v={depth:t,active:c,expanded:u,badge:m,renderLink:h};if(f)return(0,B.jsx)(z.Fragment,{children:f(e,v)},W(e,a));if(o){let t=y(e.children??[]),o=(0,B.jsxs)(B.Fragment,{children:[!!e.icon&&(0,B.jsx)(q,{icon:e.icon,iconMap:n,className:`size-4`,"aria-hidden":`true`}),(0,B.jsx)(X,{item:e}),!!m&&(0,B.jsx)(G,{value:m})]});return(0,B.jsxs)(p,{children:[(0,B.jsx)(L,{isActive:u,render:e.href&&!e.disabled?J(h,e,o,void 0,u):void 0,tooltip:{children:_},disabled:e.disabled,className:b(`h-8 font-medium`,c&&`bg-sidebar-accent text-sidebar-accent-foreground`,!c&&l&&`bg-sidebar-accent/70 text-sidebar-accent-foreground`,e.disabled&&`cursor-not-allowed opacity-50`),children:o}),!!u&&(0,B.jsx)(d,{className:`gap-0.5`,children:e.children?.map((e,n)=>{let a=n===t||g(e.href),o=K(e.handle,e.badge,i),c=U(e),l=(0,B.jsxs)(B.Fragment,{children:[typeof c==`string`||typeof c==`number`?(0,B.jsx)(r,{tag:`span`,className:`min-w-0 flex-1 truncate text-inherit`,children:c}):c,!!o&&(0,B.jsx)(G,{value:o,size:`small`})]});return(0,B.jsx)(s,{children:(0,B.jsx)(I,{isActive:a,render:e.href&&!e.disabled?J(h,e,l,void 0,a):void 0,className:b(`w-full`,a&&`font-semibold text-sidebar-accent-foreground`),children:l})},W(e,n))})})]},W(e,a))}let S=(0,B.jsxs)(B.Fragment,{children:[!!e.icon&&(0,B.jsx)(q,{icon:e.icon,iconMap:n,className:`size-4`,"aria-hidden":`true`}),(0,B.jsx)(X,{item:e}),!!m&&(0,B.jsx)(G,{value:m})]});return(0,B.jsx)(p,{children:(0,B.jsx)(L,{isActive:c,render:e.href&&!e.disabled?J(h,e,S,void 0,c):void 0,tooltip:{children:_},disabled:e.disabled,className:b(`h-8 font-medium`,c&&`bg-sidebar-accent text-sidebar-accent-foreground`,e.disabled&&`cursor-not-allowed opacity-50`),children:S})},W(e,a))},C=Object.entries(e).filter(([,e])=>e.length>0);return C.length===0?l??null:(0,B.jsx)(`div`,{className:m,children:C.map(([e,t],n)=>(0,B.jsxs)(z.Fragment,{children:[(0,B.jsxs)(c,{className:`px-2 py-0`,children:[!e.startsWith(`_`)&&(0,B.jsx)(_,{children:e}),(0,B.jsx)(u,{className:`gap-0.5`,children:t.map((e,t)=>S(e,0,t))})]}),n<C.length-1&&(0,B.jsx)(v,{className:`!mx-auto !my-1.5 !w-11/12 overflow-hidden px-4`})]},e))})}function ne({logo:e,collapsedLogo:t=null,className:n}){let{state:r}=m(),i=r===`collapsed`?t:e;return i?(0,B.jsx)(`div`,{className:b(`min-w-0`,n),children:i}):null}function Q({items:e,label:t,currentUrl:n=`/`,iconMap:i={},liveBadges:a,renderLink:s,LinkComponent:l,className:d}){let m=R({renderLink:s,LinkComponent:l});return(0,B.jsxs)(c,{className:b(`group-data-[collapsible=icon]:p-0`,d),children:[!!t&&(0,B.jsx)(_,{children:t}),(0,B.jsx)(f,{children:(0,B.jsx)(u,{className:`gap-0.5`,children:e.map((e,t)=>{let s=!!e.href&&H(n,V(e.href)),c=K(e.handle,e.badge,a),l=U(e),u=(0,B.jsxs)(B.Fragment,{children:[!!e.icon&&(0,B.jsx)(q,{icon:e.icon,iconMap:i,className:`size-4`,"aria-hidden":`true`}),typeof l==`string`||typeof l==`number`?(0,B.jsx)(r,{tag:`span`,className:`truncate text-inherit`,children:l}):l,!!c&&(0,B.jsx)(G,{value:c}),!!e.external&&(0,B.jsx)(o,{className:`ml-auto size-3 opacity-50`,"aria-hidden":`true`})]});return(0,B.jsx)(p,{children:(0,B.jsx)(L,{isActive:s,render:e.href&&!e.disabled?J(m,e,u,void 0,s):void 0,className:b(`h-8 font-medium text-sidebar-foreground/70 hover:text-sidebar-accent-foreground`,s&&`bg-sidebar-accent text-sidebar-accent-foreground`),tooltip:{children:l},disabled:e.disabled,children:u})},W(e,t))})})})]})}var re={label:`Workspace`,select:`Select workspace`};function $({logo:e,collapsedLogo:t,workspaceLinks:n,renderLink:i,LinkComponent:s,strings:c,contentClassName:l}){let d=y(re,c),f=R({renderLink:i,LinkComponent:s}),{state:h}=m(),g=h===`collapsed`;return(0,B.jsx)(u,{children:(0,B.jsx)(p,{children:(0,B.jsxs)(O,{children:[(0,B.jsxs)(T,{render:(0,B.jsx)(L,{size:`lg`,className:`data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground`}),children:[(0,B.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:[g?t??e:e,!g&&(0,B.jsx)(r,{tag:`span`,size:`xs`,className:`sr-only`,children:d.select})]}),!g&&(0,B.jsx)(a,{className:`ml-auto size-4 shrink-0`,"aria-hidden":`true`})]}),(0,B.jsx)(D,{className:b(`min-w-56`,l),align:`start`,side:`right`,sideOffset:8,children:(0,B.jsxs)(w,{children:[(0,B.jsx)(E,{children:(0,B.jsx)(r,{weight:`semibold`,children:d.label})}),(0,B.jsx)(C,{}),n.map(e=>{let t=(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(e.icon??o,{className:`size-4 shrink-0`,"aria-hidden":`true`}),(0,B.jsx)(r,{tag:`span`,size:`xs`,className:`text-inherit`,children:e.label})]});return(0,B.jsx)(S,{render:f({href:e.url,external:e.external??!0,children:null,className:`flex items-center gap-2`}),children:t},e.url)})]})})]})})})}function ie({navigationGroups:e,footerNavItems:t=[],footerLabel:n,logo:r,collapsedLogo:i,workspaceLinks:a=[],workspaceStrings:o,workspaceContentClassName:s,headerClassName:c,logoClassName:u,iconMap:d,currentUrl:f=`/`,liveBadges:p,renderLink:m,LinkComponent:_,loading:v,collapsible:y=`icon`,variant:x=`sidebar`,side:S=`left`,className:C,surfaceClassName:w,contentClassName:T,slots:E,renderItem:D}){let O=t.length>0||!!E?.footer,k=v||!e,j=a.length>0;return(0,B.jsxs)(Y,{collapsible:y,variant:x,side:S,className:b(`h-svh`,C),surfaceClassName:w,children:[E?.header??(!!r&&(0,B.jsx)(l,{className:c,children:j?(0,B.jsx)($,{logo:r,collapsedLogo:i,workspaceLinks:a,strings:o,contentClassName:s,renderLink:m,LinkComponent:_}):(0,B.jsx)(ne,{logo:r,collapsedLogo:i,className:u})})),(0,B.jsx)(h,{className:T,children:(0,B.jsxs)(A,{className:`h-full pr-1.5 pt-4`,children:[E?.beforeNavigation,k?E?.loading??(0,B.jsx)(ae,{}):(0,B.jsx)(Z,{navigationByGroups:e,currentUrl:f,iconMap:d,liveBadges:p,renderLink:m,LinkComponent:_,emptySlot:E?.empty,renderItem:D}),E?.afterNavigation]})}),O&&(0,B.jsx)(g,{children:E?.footer??(0,B.jsx)(Q,{items:t,label:n,currentUrl:f,iconMap:d,liveBadges:p,renderLink:m,LinkComponent:_})})]})}function ae(){let e=[9,3,4,2,1];return(0,B.jsx)(B.Fragment,{children:e.map((t,n)=>(0,B.jsxs)(z.Fragment,{children:[(0,B.jsx)(c,{className:`px-2 py-0`,children:(0,B.jsx)(u,{className:`gap-0.5`,children:Array.from({length:t},(e,t)=>(0,B.jsx)(p,{children:(0,B.jsxs)(`div`,{className:`flex h-8 items-center gap-2 px-2`,children:[(0,B.jsx)(k,{className:`h-4 w-4 shrink-0 rounded`}),(0,B.jsx)(k,{className:`h-3.5 rounded`,style:{width:`${60+(n*7+t*13)%40}px`}})]})},t))})}),n<e.length-1&&(0,B.jsx)(v,{className:`!mx-auto !my-1 !w-11/12 overflow-hidden px-4`})]},n))})}export{Y as a,W as c,J as d,K as f,Z as i,U as l,$ as n,q as o,V as p,Q as r,G as s,ie as t,H as u};

package/dist/showcase/assets/arrow-down-VNr82bS3.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`arrow-down`,[[`path`,{d:`M12 5v14`,key:`s699le`}],[`path`,{d:`m19 12-7 7-7-7`,key:`1idqje`}]]);export{t};

package/dist/showcase/assets/arrow-left-BSVeKWNq.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`arrow-left`,[[`path`,{d:`m12 19-7-7 7-7`,key:`1l729n`}],[`path`,{d:`M19 12H5`,key:`x3x0zl`}]]);export{t};

package/dist/showcase/assets/arrow-right-D6hTB0Bd.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`arrow-right`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}],[`path`,{d:`m12 5 7 7-7 7`,key:`xquz4c`}]]);export{t};

package/dist/showcase/assets/arrow-up-p9oA4cIz.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`arrow-up`,[[`path`,{d:`m5 12 7-7 7 7`,key:`hav0vg`}],[`path`,{d:`M12 19V5`,key:`x0mq9r`}]]);export{t};

package/dist/showcase/assets/arrow-up-right-BtlQ62bc.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`arrow-up-right`,[[`path`,{d:`M7 7h10v10`,key:`1tivn9`}],[`path`,{d:`M7 17 17 7`,key:`1vkiza`}]]);export{t};

package/dist/showcase/assets/{avatar-DLpnivU0.js → avatar-BxcQUuh0.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r}from"./example-BIrQab7K.js";import{s as i}from"./index-Cz4UGUT2.js";import{a,i as o,n as s,o as c,r as l,t as u}from"./avatar-5EFTnHEG.js";import{n as d}from"./PreviewLayout-BG1B5TzA.js";var f=e({Group:()=>_,Sizes:()=>m,WithBadge:()=>g,WithImageFallback:()=>h}),p=i();function m(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsx)(u,{size:`sm`,children:(0,p.jsx)(l,{children:`SM`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`MD`})}),(0,p.jsx)(u,{size:`lg`,children:(0,p.jsx)(l,{children:`LG`})})]})})}function h(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`https://i.pravatar.cc/64?img=1`}),(0,p.jsx)(l,{children:`U1`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`https://i.pravatar.cc/64?img=12`}),(0,p.jsx)(l,{children:`U2`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`/__missing__.png`}),(0,p.jsx)(l,{children:`JD`})]})]})})}function g(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(l,{children:`EM`}),(0,p.jsx)(s,{className:`bg-info`,children:``})]}),(0,p.jsxs)(u,{size:`lg`,children:[(0,p.jsx)(l,{children:`SP`}),(0,p.jsx)(s,{className:`bg-warning`,children:``})]})]})})}function _(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(o,{children:[(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`VP`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`SM`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`KD`})}),(0,p.jsx)(a,{children:`+3`})]})})}var v=`import { Avatar, AvatarFallback, AvatarImage, AvatarGroup, AvatarGroupCount, AvatarBadge } from '@/components/ui/avatar';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,t as r}from"./example-Cz_880po.js";import{s as i}from"./index-BQIv1ffM.js";import{a,i as o,n as s,o as c,r as l,t as u}from"./avatar-LGWm52rv.js";import{n as d}from"./PreviewLayout-CGEkbS-i.js";var f=e({Group:()=>_,Sizes:()=>m,WithBadge:()=>g,WithImageFallback:()=>h}),p=i();function m(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsx)(u,{size:`sm`,children:(0,p.jsx)(l,{children:`SM`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`MD`})}),(0,p.jsx)(u,{size:`lg`,children:(0,p.jsx)(l,{children:`LG`})})]})})}function h(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`https://i.pravatar.cc/64?img=1`}),(0,p.jsx)(l,{children:`U1`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`https://i.pravatar.cc/64?img=12`}),(0,p.jsx)(l,{children:`U2`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`/__missing__.png`}),(0,p.jsx)(l,{children:`JD`})]})]})})}function g(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(l,{children:`EM`}),(0,p.jsx)(s,{className:`bg-info`,children:``})]}),(0,p.jsxs)(u,{size:`lg`,children:[(0,p.jsx)(l,{children:`SP`}),(0,p.jsx)(s,{className:`bg-warning`,children:``})]})]})})}function _(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(o,{children:[(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`VP`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`SM`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`KD`})}),(0,p.jsx)(a,{children:`+3`})]})})}var v=`import { Avatar, AvatarFallback, AvatarImage, AvatarGroup, AvatarGroupCount, AvatarBadge } from '@/components/ui/avatar';
 import { Row } from '../../PreviewLayout';
 
 export function Sizes() {

package/dist/showcase/assets/avatar-LGWm52rv.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{K as n,X as r,Y as i,Yn as a,fr as o,hr as s,mr as c,nr as l,or as u}from"./example-Cz_880po.js";import{n as d,s as f}from"./index-BQIv1ffM.js";var p=e(t(),1),m=p.createContext(void 0);function h(){let e=p.useContext(m);if(e===void 0)throw Error(o(13));return e}var g={imageLoadingStatus:()=>null},_=f(),v=p.forwardRef(function(e,t){let{className:n,render:r,style:i,...a}=e,[o,s]=p.useState(`idle`),c={imageLoadingStatus:o},u=p.useMemo(()=>({imageLoadingStatus:o,setImageLoadingStatus:s}),[o,s]),d=l(`span`,e,{state:c,ref:t,props:a,stateAttributesMapping:g});return(0,_.jsx)(m.Provider,{value:u,children:d})});function y(e,{referrerPolicy:t,crossOrigin:n,sizes:r,srcSet:i}){let[a,o]=p.useState(`idle`);return c(()=>{if(!e&&!i)return o(`error`),u;let a=!0,s=new window.Image,c=e=>()=>{a&&o(e)};return o(`loading`),s.onload=c(`loaded`),s.onerror=c(`error`),t&&(s.referrerPolicy=t),s.crossOrigin=n??null,r&&(s.sizes=r),i&&(s.srcset=i),e&&(s.src=e),s.complete&&o(s.naturalWidth>0?`loaded`:`error`),()=>{a=!1}},[e,i,r,n,t]),a}var b={...g,...i},x=p.forwardRef(function(e,t){let{className:i,render:a,onLoadingStatusChange:o,style:u,...d}=e,{setImageLoadingStatus:f}=h(),m=y(d.src,d),g=m===`loaded`,{mounted:_,transitionStatus:v,setMounted:x}=r(g),S=p.useRef(null),C=s(e=>{o?.(e),f(e)});c(()=>{m!==`idle`&&C(m)},[m,C]),c(()=>()=>f(`idle`),[f]),n({open:g,ref:S,onComplete(){g||x(!1)}});let w=l(`img`,e,{state:{imageLoadingStatus:m,transitionStatus:v},ref:[t,S],props:d,stateAttributesMapping:b,enabled:_});return _?w:null}),S=p.forwardRef(function(e,t){let{className:n,render:r,delay:i,style:o,...s}=e,{imageLoadingStatus:c}=h(),[u,d]=p.useState(i===void 0),f=a();return p.useEffect(()=>(i===void 0?d(!0):f.start(i,()=>d(!0)),f.clear),[f,i]),l(`span`,e,{state:{imageLoadingStatus:c},ref:t,props:s,stateAttributesMapping:g,enabled:c!==`loaded`&&(i===void 0||u)})});function C({className:e,size:t=`default`,...n}){return(0,_.jsx)(v,{"data-slot":`avatar`,"data-size":t,className:d(`size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten`,e),...n})}function w({className:e,...t}){return(0,_.jsx)(x,{"data-slot":`avatar-image`,className:d(`rounded-full aspect-square size-full object-cover`,e),...t})}function T({className:e,...t}){return(0,_.jsx)(S,{"data-slot":`avatar-fallback`,className:d(`bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs`,e),...t})}function E({className:e,...t}){return(0,_.jsx)(`span`,{"data-slot":`avatar-badge`,className:d(`bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none`,`group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden`,`group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2`,`group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2`,e),...t})}function D({className:e,...t}){return(0,_.jsx)(`div`,{"data-slot":`avatar-group`,className:d(`*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2`,e),...t})}function O({className:e,...t}){return(0,_.jsx)(`div`,{"data-slot":`avatar-group-count`,className:d(`bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 ring-background relative flex shrink-0 items-center justify-center ring-2`,e),...t})}export{O as a,D as i,E as n,w as o,T as r,C as t};