admin-ui-starter-kit 0.1.4 → 0.4.2

package/dist/showcase/assets/admin-BtOtzPd4.js

@@ -1,80 +0,0 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Cr as r,Tr as i,gr as a,hr as o,mr as s,r as c,t as l}from"./example-C6-_Sy6B.js";import{t as u}from"./message-square-DGTAjNJG.js";import{t as d}from"./pencil-Ddc5JwBe.js";import{t as f}from"./settings-DlKX-bZT.js";import{t as p}from"./shield-BD0Y8Jj3.js";import{t as m}from"./zap-se3n2YVD.js";import{D as h,a as g}from"./index-B8DVXCmf.js";import{t as _}from"./props-table-CM_1cocj.js";import{t as v}from"./icon-badge-Bcm8TlJi.js";import{t as y}from"./smart-card-7szg_qSt.js";import{n as b}from"./switch-B_rnbXwy.js";import{c as x,i as S,n as C,o as w,r as T,t as E,u as D}from"./item-CMRbW6s-.js";var O=g();function k({members:e,className:t}){return(0,O.jsx)(w,{className:i(`team-member--component`,t),children:e.map(e=>(0,O.jsxs)(E,{children:[(0,O.jsx)(x,{children:(0,O.jsx)(v,{tone:`primary`,solid:!0,size:`md`,children:(0,O.jsx)(r,{size:`xs`,weight:`semibold`,className:`text-inherit`,children:e.initials})})}),(0,O.jsxs)(T,{children:[(0,O.jsx)(D,{children:e.name}),(0,O.jsx)(S,{clamp:1,children:e.role})]}),(0,O.jsxs)(C,{children:[(0,O.jsx)(a,{variant:`secondary`,children:e.dept}),(0,O.jsx)(r,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.active})]})]},e.name))})}k.displayName=`TeamMemberRow`;var A={statusInStock:`In Stock`,statusLowStock:`Low Stock`,statusCritical:`Critical`,variantLabel:`Variant`,unitsAvailable:`units available`,reorderAtLabel:`Reorder at`,lastRestockedLabel:`Last restocked`},j={editRole:`Edit Role`,formatMemberCount:e=>`${e} members`};function M({roleName:e,description:t,memberCount:n,sections:o,onEdit:s,className:l,strings:u}){let f=h(j,u);return(0,O.jsxs)(y,{title:e,description:t,headerEnd:n!==void 0&&(0,O.jsx)(a,{variant:`info`,children:f.formatMemberCount(n)}),className:i(`role-permission--component`,l),children:[(0,O.jsx)(`div`,{className:`mt-5 space-y-4`,children:o.map(e=>(0,O.jsxs)(`div`,{children:[(0,O.jsx)(r,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-muted-foreground`,children:e.name}),(0,O.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-2`,children:e.permissions.map(e=>(0,O.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,O.jsx)(`span`,{className:i(`size-2.5 rounded-full`,e.active?`bg-success`:`bg-muted`)}),(0,O.jsx)(r,{size:`xs`,className:e.active?`text-foreground`:`text-muted-foreground`,children:e.label})]},e.label))})]},e.name))}),!!s&&(0,O.jsxs)(c,{variant:`light`,className:`mt-5 rounded-full`,onClick:s,children:[(0,O.jsx)(d,{className:`mr-1.5 size-3.5`}),f.editRole]})]})}M.displayName=`RolePermissionCard`;function N({conversations:e,className:t}){return(0,O.jsx)(w,{className:i(`conversation-row--component`,t),children:e.map(e=>(0,O.jsxs)(E,{className:`cursor-pointer`,children:[(0,O.jsx)(x,{children:(0,O.jsx)(v,{tone:`primary`,size:`md`,children:(0,O.jsx)(r,{size:`xs`,weight:`semibold`,className:`text-inherit`,children:e.initials})})}),(0,O.jsxs)(T,{children:[(0,O.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,O.jsx)(D,{children:e.name}),(0,O.jsx)(r,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time})]}),(0,O.jsx)(S,{clamp:1,children:e.preview})]}),!!e.unread&&(0,O.jsx)(C,{children:(0,O.jsx)(v,{tone:`primary`,solid:!0,size:`xs`,children:(0,O.jsx)(r,{size:`xxs`,weight:`bold`,className:`text-inherit tabular-nums`,children:e.unread})})})]},e.name))})}N.displayName=`RecentConversationRow`;var P=t(n(),1);function F({settings:e,values:t,onChange:n,className:r}){let[a,o]=(0,P.useState)(()=>{let t={};for(let n of e)t[n.key]=n.defaultValue??!1;return t}),s=n!==void 0,c=s&&t?t:a,l=(e,t)=>{s&&n?n(e,t):o(n=>({...n,[e]:t}))};return(0,O.jsx)(y,{className:i(`settings-toggle--component`,r),children:(0,O.jsx)(w,{children:e.map(e=>{let t=e.icon,n=c[e.key]??!1;return(0,O.jsxs)(E,{children:[(0,O.jsx)(x,{variant:`icon`,className:`bg-muted text-muted-foreground rounded-full size-9`,children:(0,O.jsx)(t,{})}),(0,O.jsxs)(T,{children:[(0,O.jsx)(D,{children:e.name}),(0,O.jsx)(S,{children:e.desc})]}),(0,O.jsx)(C,{children:(0,O.jsx)(b,{"aria-label":e.name,checked:n,onCheckedChange:t=>l(e.key,t)})})]},e.key)})})})}F.displayName=`SettingsToggleRow`;function I({productName:e,variant:t,stock:n,reorderLevel:o,maxStock:s,lastRestocked:c,className:l,strings:u}){let d=h(A,u),f=Math.round(n/s*100),p=n<=o,m=n<=o*.5,g=m?`error`:p?`warning`:`success`,_=m?d.statusCritical:p?d.statusLowStock:d.statusInStock;return(0,O.jsxs)(y,{className:i(`inventory-level--component`,l),children:[(0,O.jsxs)(E,{size:`xs`,className:`px-0`,children:[(0,O.jsxs)(T,{children:[(0,O.jsx)(D,{children:e}),!!t&&(0,O.jsxs)(S,{clamp:1,children:[d.variantLabel,`: `,t]})]}),(0,O.jsx)(C,{children:(0,O.jsx)(a,{variant:g,children:_})})]}),(0,O.jsx)(r,{size:`xl`,weight:`semibold`,className:`tabular-nums tracking-tight`,children:n}),(0,O.jsx)(r,{size:`xs`,type:`secondary`,children:d.unitsAvailable}),(0,O.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,O.jsx)(`div`,{className:`h-1.5 overflow-hidden rounded-full bg-muted`,children:(0,O.jsx)(`div`,{className:i(`h-full rounded-full transition-all`,m?`bg-destructive`:p?`bg-warning`:`bg-success`),style:{width:`${f}%`}})}),(0,O.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,O.jsxs)(r,{size:`xs`,type:`secondary`,children:[d.reorderAtLabel,`: `,(0,O.jsx)(r,{tag:`span`,weight:`medium`,className:`tabular-nums`,children:o})]}),!!c&&(0,O.jsxs)(r,{size:`xs`,type:`secondary`,children:[d.lastRestockedLabel,`: `,c]})]})]})]})}I.displayName=`InventoryLevelCard`;var L=e({InventoryLevel:()=>H,RecentConversations:()=>B,RolePermissions:()=>z,SettingsToggles:()=>V,TeamMembers:()=>R});function R(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(y,{children:(0,O.jsx)(k,{members:[{initials:`EM`,name:`Emma Garcia`,role:`Product Manager`,dept:`Operations`,active:`2h ago`},{initials:`SP`,name:`Daniel Smith`,role:`Lead Developer`,dept:`Engineering`,active:`15m ago`},{initials:`ID`,name:`David Williams`,role:`Designer`,dept:`Design`,active:`1d ago`}]})})})}function z(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(M,{roleName:`Editor`,description:`Can manage content and view users.`,memberCount:12,sections:[{name:`Content`,permissions:[{label:`Create`,active:!0},{label:`Read`,active:!0},{label:`Update`,active:!0},{label:`Delete`,active:!1}]},{name:`Users`,permissions:[{label:`Invite`,active:!0},{label:`View`,active:!0},{label:`Edit`,active:!1},{label:`Remove`,active:!1}]}],onEdit:()=>{}})})}function B(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(y,{children:(0,O.jsx)(N,{conversations:[{initials:`EM`,name:`Emma Garcia`,preview:`Thanks for the quick response! I wanted to ask about the delivery timeline...`,time:`2m`,unread:3},{initials:`SP`,name:`Daniel Smith`,preview:`The new product photos look great. Can we schedule a meeting...`,time:`15m`,unread:0},{initials:`NK`,name:`Nadia Kowalski`,preview:`I noticed the voucher codes are not applying correctly...`,time:`1h`,unread:1}]})})})}function V(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(F,{settings:[{key:`notifications`,icon:u,name:`Push Notifications`,desc:`Receive alerts for new orders and messages`,defaultValue:!0},{key:`twoFactor`,icon:p,name:`Two-Factor Auth`,desc:`Add an extra layer of security`},{key:`darkMode`,icon:f,name:`Dark Mode`,desc:`Use dark theme across all admin pages`,defaultValue:!0},{key:`analytics`,icon:m,name:`Usage Analytics`,desc:`Help us improve by sharing anonymous usage data`,defaultValue:!0}]})})}function H(){return(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(I,{productName:`Luxury Gift Basket`,variant:`Large / Gold`,stock:23,reorderLevel:20,maxStock:100,lastRestocked:`Mar 15`})})}var U=`import { MessageSquare, Shield, Settings, Zap } from 'lucide-react';
-import { TeamMemberRow } from '@/components/composed/admin/team-member';
-import { RolePermissionCard } from '@/components/composed/admin/role-permission';
-import { RecentConversationRow } from '@/components/composed/admin/conversation-row';
-import { SettingsToggleRow } from '@/components/composed/admin/settings-toggle';
-import { InventoryLevelCard } from '@/components/composed/admin/inventory-level';
-import { SmartCard } from '@/components/base/cards';
-
-export function TeamMembers() {
-	return (
-		<>
-			<SmartCard>
-								<TeamMemberRow
-									members={[
-										{ initials: 'EM', name: 'Emma Garcia', role: 'Product Manager', dept: 'Operations', active: '2h ago' },
-										{ initials: 'SP', name: 'Daniel Smith', role: 'Lead Developer', dept: 'Engineering', active: '15m ago' },
-										{ initials: 'ID', name: 'David Williams', role: 'Designer', dept: 'Design', active: '1d ago' },
-									]}
-								/>
-							</SmartCard>
-		</>
-	);
-}
-
-export function RolePermissions() {
-	return (
-		<>
-			<RolePermissionCard
-								roleName="Editor"
-								description="Can manage content and view users."
-								memberCount={12}
-								sections={[
-									{ name: 'Content', permissions: [{ label: 'Create', active: true }, { label: 'Read', active: true }, { label: 'Update', active: true }, { label: 'Delete', active: false }] },
-									{ name: 'Users', permissions: [{ label: 'Invite', active: true }, { label: 'View', active: true }, { label: 'Edit', active: false }, { label: 'Remove', active: false }] },
-								]}
-								onEdit={() => {}}
-							/>
-		</>
-	);
-}
-
-export function RecentConversations() {
-	return (
-		<>
-			<SmartCard>
-								<RecentConversationRow
-									conversations={[
-										{ initials: 'EM', name: 'Emma Garcia', preview: 'Thanks for the quick response! I wanted to ask about the delivery timeline...', time: '2m', unread: 3 },
-										{ initials: 'SP', name: 'Daniel Smith', preview: 'The new product photos look great. Can we schedule a meeting...', time: '15m', unread: 0 },
-										{ initials: 'NK', name: 'Nadia Kowalski', preview: 'I noticed the voucher codes are not applying correctly...', time: '1h', unread: 1 },
-									]}
-								/>
-							</SmartCard>
-		</>
-	);
-}
-
-export function SettingsToggles() {
-	return (
-		<>
-			<SettingsToggleRow
-								settings={[
-									{ key: 'notifications', icon: MessageSquare, name: 'Push Notifications', desc: 'Receive alerts for new orders and messages', defaultValue: true },
-									{ key: 'twoFactor', icon: Shield, name: 'Two-Factor Auth', desc: 'Add an extra layer of security' },
-									{ key: 'darkMode', icon: Settings, name: 'Dark Mode', desc: 'Use dark theme across all admin pages', defaultValue: true },
-									{ key: 'analytics', icon: Zap, name: 'Usage Analytics', desc: 'Help us improve by sharing anonymous usage data', defaultValue: true },
-								]}
-							/>
-		</>
-	);
-}
-
-export function InventoryLevel() {
-	return (
-		<>
-			<InventoryLevelCard productName="Luxury Gift Basket" variant="Large / Gold" stock={23} reorderLevel={20} maxStock={100} lastRestocked="Mar 15" />
-		</>
-	);
-}
-`;function W(e){let t={h4:`h4`,...e.components};return L||K(`Examples`,!1),H||K(`Examples.InventoryLevel`,!0),B||K(`Examples.RecentConversations`,!0),z||K(`Examples.RolePermissions`,!0),V||K(`Examples.SettingsToggles`,!0),R||K(`Examples.TeamMembers`,!0),(0,O.jsxs)(o,{title:`Composed · Admin`,description:`Team list, permissions, conversations, settings, inventory.`,layer:`composed`,status:`ready`,children:[(0,O.jsxs)(s,{title:`Examples`,id:`examples`,children:[(0,O.jsx)(l,{name:`TeamMembers`,source:U,children:(0,O.jsx)(R,{})}),(0,O.jsx)(l,{name:`RolePermissions`,source:U,children:(0,O.jsx)(z,{})}),(0,O.jsx)(l,{name:`RecentConversations`,source:U,children:(0,O.jsx)(B,{})}),(0,O.jsx)(l,{name:`SettingsToggles`,source:U,children:(0,O.jsx)(V,{})}),(0,O.jsx)(l,{name:`InventoryLevel`,source:U,children:(0,O.jsx)(H,{})})]}),(0,O.jsxs)(s,{title:`API`,id:`api`,children:[(0,O.jsx)(t.h4,{children:`TeamMemberRow`}),(0,O.jsx)(_,{component:`TeamMemberRow`}),(0,O.jsx)(t.h4,{children:`RolePermissionCard`}),(0,O.jsx)(_,{component:`RolePermissionCard`}),(0,O.jsx)(t.h4,{children:`RecentConversationRow`}),(0,O.jsx)(_,{component:`RecentConversationRow`}),(0,O.jsx)(t.h4,{children:`SettingsToggleRow`}),(0,O.jsx)(_,{component:`SettingsToggleRow`}),(0,O.jsx)(t.h4,{children:`InventoryLevelCard`}),(0,O.jsx)(_,{component:`InventoryLevelCard`})]})]})}function G(e={}){let{wrapper:t}=e.components||{};return t?(0,O.jsx)(t,{...e,children:(0,O.jsx)(W,{...e})}):W(e)}function K(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{G as default};

package/dist/showcase/assets/ai-8iNe0R1M.js

@@ -1,41 +0,0 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Cr as t,Tr as n,gr as r,hr as i,mr as a,r as o,t as s}from"./example-C6-_Sy6B.js";import{t as c}from"./refresh-cw-Tu5E_cGA.js";import{D as l,a as u,r as d}from"./index-B8DVXCmf.js";import{t as f}from"./props-table-CM_1cocj.js";import{t as p}from"./smart-card-7szg_qSt.js";import{t as m}from"./separator-DUKleOvU.js";import{t as h}from"./inline-stat-D0sE-A4C.js";var g=d(`brain-circuit`,[[`path`,{d:`M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z`,key:`l5xja`}],[`path`,{d:`M9 13a4.5 4.5 0 0 0 3-4`,key:`10igwf`}],[`path`,{d:`M6.003 5.125A3 3 0 0 0 6.401 6.5`,key:`105sqy`}],[`path`,{d:`M3.477 10.896a4 4 0 0 1 .585-.396`,key:`ql3yin`}],[`path`,{d:`M6 18a4 4 0 0 1-1.967-.516`,key:`2e4loj`}],[`path`,{d:`M12 13h4`,key:`1ku699`}],[`path`,{d:`M12 18h6a2 2 0 0 1 2 2v1`,key:`105ag5`}],[`path`,{d:`M12 8h8`,key:`1lhi5i`}],[`path`,{d:`M16 8V5a2 2 0 0 1 2-2`,key:`u6izg6`}],[`circle`,{cx:`16`,cy:`13`,r:`.5`,key:`ry7gng`}],[`circle`,{cx:`18`,cy:`3`,r:`.5`,key:`1aiba7`}],[`circle`,{cx:`20`,cy:`21`,r:`.5`,key:`yhc1fs`}],[`circle`,{cx:`20`,cy:`8`,r:`.5`,key:`1e43v0`}]]),_={title:`AI Summary`,badgeLabel:`AI`,regenerate:`Regenerate`,confidenceLevels:{low:`low`,medium:`medium`,high:`high`}},v={title:`Classification`,complexityLabel:`Complexity`,flagsLabel:`Flags`,nextStepLabel:`Next Step`,confidencePrefix:`Confidence`,confidenceBands:{low:`Low`,medium:`Medium`,high:`High`}},y=u(),b={low:1,medium:2,high:3};function x({level:e,label:r}){let i=b[e];return(0,y.jsxs)(`div`,{className:n(`ai-summary--component`,`flex items-center gap-1.5`),children:[(0,y.jsx)(`div`,{className:`flex items-center gap-0.5`,children:Array.from({length:3},(e,t)=>(0,y.jsx)(`div`,{className:n(`h-2.5 w-1 rounded-sm`,t<i?`bg-foreground/60`:`bg-muted-foreground/20`)},`bar-${String(t)}`))}),(0,y.jsx)(t,{size:`xs`,type:`secondary`,tag:`span`,className:`capitalize`,children:r})]})}function S({data:e,strings:n}){let i=l(_,n);return(0,y.jsx)(p,{title:(0,y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,y.jsx)(g,{className:`h-4 w-4 text-muted-foreground`}),(0,y.jsx)(t,{tag:`span`,children:i.title})]}),titleSuffix:(0,y.jsx)(r,{variant:`secondary`,children:i.badgeLabel}),footerText:(0,y.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,y.jsx)(t,{size:`xs`,type:`secondary`,tag:`span`,children:e.generatedAt}),(0,y.jsx)(t,{size:`xs`,type:`discrete`,tag:`span`,children:e.model})]}),!!e.onRegenerate&&(0,y.jsxs)(o,{variant:`secondary`,buttonStyle:`ghost`,onClick:e.onRegenerate,children:[(0,y.jsx)(c,{className:`mr-1 h-3 w-3`}),i.regenerate]})]}),children:(0,y.jsxs)(`div`,{className:`space-y-3`,children:[(0,y.jsx)(t,{lineHeight:`relaxed`,children:e.summary}),e.entities.length>0&&(0,y.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:e.entities.map(e=>(0,y.jsx)(r,{variant:`secondary`,children:e},e))}),(0,y.jsx)(x,{level:e.confidence,label:i.confidenceLevels[e.confidence]})]})})}function C({data:e,strings:i}){let a=l(v,i),o=e.confidence>=.9?a.confidenceBands.high:e.confidence>=.7?a.confidenceBands.medium:a.confidenceBands.low;return(0,y.jsx)(p,{title:(0,y.jsxs)(`div`,{className:n(`ai-classification--component`,`flex items-center gap-2`),children:[(0,y.jsx)(g,{className:`h-4 w-4 text-muted-foreground`}),(0,y.jsx)(t,{tag:`span`,children:a.title})]}),children:(0,y.jsxs)(`div`,{className:`space-y-3`,children:[(0,y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,y.jsx)(r,{variant:`primary`,children:e.requestType}),(0,y.jsx)(r,{variant:e.urgencyVariant,children:e.urgency}),(0,y.jsx)(r,{variant:e.toneVariant,dot:!0,children:e.tone})]}),(0,y.jsx)(h,{label:a.complexityLabel,labelClassName:`text-xs`,value:(0,y.jsxs)(`span`,{className:`flex items-center gap-1`,children:[Array.from({length:5},(t,r)=>(0,y.jsx)(`span`,{className:n(`h-1.5 w-3 rounded-sm`,r<e.complexityScore?`bg-foreground/60`:`bg-muted`)},`cx-${String(r)}`)),(0,y.jsxs)(t,{tag:`span`,size:`xs`,type:`secondary`,className:`ml-1`,children:[String(e.complexityScore),`/5`]})]})}),e.flags.length>0&&(0,y.jsx)(h,{label:a.flagsLabel,labelClassName:`text-xs`,value:(0,y.jsx)(`span`,{className:`flex gap-1`,children:e.flags.map(e=>(0,y.jsx)(r,{variant:`warning`,children:e},e))})}),(0,y.jsx)(h,{label:a.nextStepLabel,labelClassName:`text-xs`,value:(0,y.jsx)(r,{variant:`info`,children:e.suggestedAction})}),(0,y.jsx)(t,{lineHeight:`relaxed`,type:`secondary`,children:e.summary}),(0,y.jsx)(m,{}),(0,y.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,y.jsxs)(r,{variant:`secondary`,children:[a.confidencePrefix,`: `,o]}),(0,y.jsx)(t,{size:`xs`,type:`discrete`,tag:`span`,children:e.model})]})]})})}var w=e({AIClassification:()=>E,AISummary:()=>T});function T(){return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(S,{data:{summary:`Customer requested a birthday experience booking for two adults near Los Angeles, preferring a weekend slot in early April.`,entities:[`Birthday`,`Outdoor`,`Los Angeles`,`2 Adults`],confidence:`high`,model:`Claude 3.5 Sonnet`,generatedAt:`Mar 27, 2026 — 14:32`,onRegenerate:()=>{}}})})}function E(){return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(C,{data:{requestType:`Product Inquiry`,urgency:`Medium`,urgencyVariant:`warning`,tone:`Professional`,toneVariant:`info`,flags:[`Gift Purchase`,`Wellness`],complexityScore:3,suggestedAction:`Auto-respond`,summary:`Standard product inquiry for a spa gift package.`,confidence:.92,model:`Claude 3.5 Sonnet`}})})}var D=`import { AiSummaryBlock, AiClassificationPanel } from '@/components/composed/ai';
-
-export function AISummary() {
-	return (
-		<>
-			<AiSummaryBlock
-								data={{
-									summary: 'Customer requested a birthday experience booking for two adults near Los Angeles, preferring a weekend slot in early April.',
-									entities: ['Birthday', 'Outdoor', 'Los Angeles', '2 Adults'],
-									confidence: 'high',
-									model: 'Claude 3.5 Sonnet',
-									generatedAt: 'Mar 27, 2026 — 14:32',
-									onRegenerate: () => {},
-								}}
-							/>
-		</>
-	);
-}
-
-export function AIClassification() {
-	return (
-		<>
-			<AiClassificationPanel
-								data={{
-									requestType: 'Product Inquiry',
-									urgency: 'Medium',
-									urgencyVariant: 'warning',
-									tone: 'Professional',
-									toneVariant: 'info',
-									flags: ['Gift Purchase', 'Wellness'],
-									complexityScore: 3,
-									suggestedAction: 'Auto-respond',
-									summary: 'Standard product inquiry for a spa gift package.',
-									confidence: 0.92,
-									model: 'Claude 3.5 Sonnet',
-								}}
-							/>
-		</>
-	);
-}
-`;function O(e){let t={h4:`h4`,...e.components};return w||A(`Examples`,!1),E||A(`Examples.AIClassification`,!0),T||A(`Examples.AISummary`,!0),(0,y.jsxs)(i,{title:`Composed · AI`,description:`Summary block + classification panel.`,layer:`composed`,status:`ready`,children:[(0,y.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,y.jsx)(s,{name:`AISummary`,source:D,children:(0,y.jsx)(T,{})}),(0,y.jsx)(s,{name:`AIClassification`,source:D,children:(0,y.jsx)(E,{})})]}),(0,y.jsxs)(a,{title:`API`,id:`api`,children:[(0,y.jsx)(t.h4,{children:`AiSummaryBlock`}),(0,y.jsx)(f,{component:`AiSummaryBlock`}),(0,y.jsx)(t.h4,{children:`AiClassificationPanel`}),(0,y.jsx)(f,{component:`AiClassificationPanel`})]})]})}function k(e={}){let{wrapper:t}=e.components||{};return t?(0,y.jsx)(t,{...e,children:(0,y.jsx)(O,{...e})}):O(e)}function A(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{k as default};

package/dist/showcase/assets/ai-artifact-CQL5krnJ.js

@@ -1,2 +0,0 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Ar as n,Cr as r,Or as i,Tr as a,gr as o,kr as s,r as c}from"./example-C6-_Sy6B.js";import{t as l}from"./bot-Bcx5mNAQ.js";import{t as u}from"./brain-DsoOsd7m.js";import{t as d}from"./chevron-down-x7TQsvYY.js";import{t as f}from"./chevron-right-CDDMIkYP.js";import{t as p}from"./circle-alert-DJevf3tT.js";import{t as m}from"./circle-x-CoV_AUtZ.js";import{t as h}from"./circle-BBmNFtO8.js";import{t as g}from"./download-CxspQgIc.js";import{t as _}from"./external-link-Bg-_8Uq7.js";import{t as v}from"./file-text-BIi71mZ1.js";import{t as y}from"./globe-47T22W56.js";import{t as b}from"./image-r-gMI33G.js";import{t as x}from"./shield-check-Sbul0dUK.js";import{t as S}from"./x-CE8oevyh.js";import{D as C,E as ee,a as w,r as T}from"./index-B8DVXCmf.js";import{t as E}from"./icon-badge-Bcm8TlJi.js";var te=T(`archive`,[[`rect`,{width:`20`,height:`5`,x:`2`,y:`3`,rx:`1`,key:`1wp1u1`}],[`path`,{d:`M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8`,key:`1s80jp`}],[`path`,{d:`M10 12h4`,key:`a56b0p`}]]),D=T(`audio-lines`,[[`path`,{d:`M2 10v3`,key:`1fnikh`}],[`path`,{d:`M6 6v11`,key:`11sgs0`}],[`path`,{d:`M10 3v18`,key:`yhl04a`}],[`path`,{d:`M14 8v7`,key:`3a1oy3`}],[`path`,{d:`M18 5v13`,key:`123xd1`}],[`path`,{d:`M22 10v3`,key:`154ddg`}]]),O=T(`circle-minus`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M8 12h8`,key:`1wcyev`}]]),k=T(`file-code`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`M10 12.5 8 15l2 2.5`,key:`1tg20x`}],[`path`,{d:`m14 12.5 2 2.5-2 2.5`,key:`yinavb`}]]),A=T(`video`,[[`path`,{d:`m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5`,key:`ftymec`}],[`rect`,{x:`2`,y:`6`,width:`14`,height:`12`,rx:`2`,key:`158x01`}]]),j=e(t(),1),M=w();function N({children:e=`Thinking…`,paused:t=!1,duration:n=2.4,className:i}){if(t)return(0,M.jsx)(r,{type:`secondary`,className:a(`ai-shimmer--component`,i),children:e});let o={"--ai-shimmer-duration":`${n}s`};return(0,M.jsx)(`span`,{"data-ai-shimmer":!0,role:`status`,"aria-live":`polite`,className:a(`inline-block bg-clip-text text-sm font-medium text-transparent`,`bg-[linear-gradient(110deg,var(--ai-shimmer-base)_30%,var(--ai-shimmer-highlight)_50%,var(--ai-shimmer-base)_70%)]`,`bg-[length:200%_100%]`,`animate-[ai-shimmer-sweep_var(--ai-shimmer-duration,2.4s)_linear_infinite]`,i),style:o,children:e})}N.displayName=`AiShimmer`;var P={copy:`Copy`,copied:`Copied`,copyAria:`Copy code`,defaultLanguageLabel:`Code`};function F({code:e,language:t,filename:i,showLineNumbers:o=!1,highlightLines:l,hideHeader:u=!1,maxHeight:d,headerActions:f,onCopy:p,className:m,strings:h}){let g=C(P,h),[_,v]=(0,j.useState)(!1),y=(0,j.useMemo)(()=>e.split(`
-`),[e]),b=(0,j.useMemo)(()=>new Set(l??[]),[l]),x=()=>{typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(e),v(!0),p?.(),window.setTimeout(()=>v(!1),1500)},S=i||t||g.defaultLanguageLabel;return(0,M.jsxs)(`div`,{className:a(`ai-code-block--component`,`w-full min-w-0 max-w-full overflow-hidden rounded-lg border border-border/60 bg-card`,m),children:[!u&&(0,M.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2 border-b border-border/60 bg-muted/30 px-3 py-1.5`,children:[(0,M.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`min-w-0 truncate font-mono uppercase tracking-wider`,children:S}),!!i&&!!t&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(`span`,{"aria-hidden":!0,className:`text-muted-foreground/60`,children:`·`}),(0,M.jsx)(r,{size:`xxs`,type:`discrete`,className:`font-mono lowercase`,children:t})]}),(0,M.jsxs)(`div`,{className:`ml-auto flex shrink-0 items-center gap-1`,children:[f,(0,M.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":g.copyAria,onClick:x,children:_?(0,M.jsx)(n,{className:`size-3.5 text-success`}):(0,M.jsx)(s,{className:`size-3.5`})})]})]}),(0,M.jsx)(`div`,{className:`min-w-0 max-w-full overflow-auto`,style:d===void 0?void 0:{maxHeight:typeof d==`number`?`${d}px`:d},children:(0,M.jsx)(`pre`,{className:`m-0 px-3 py-2.5 font-mono text-xs leading-relaxed`,children:o?(0,M.jsx)(`table`,{className:`w-full border-collapse`,children:(0,M.jsx)(`tbody`,{children:y.map((e,t)=>{let n=t+1;return(0,M.jsxs)(`tr`,{className:a(b.has(n)&&`bg-primary/10`),children:[(0,M.jsx)(`td`,{className:a(`select-none pr-3 text-right tabular-nums text-muted-foreground/70`,`w-[2.25rem] min-w-[2.25rem]`),children:n}),(0,M.jsx)(`td`,{className:`whitespace-pre`,children:e||` `})]},t)})})}):(0,M.jsx)(`code`,{className:`block whitespace-pre`,children:e})})})]})}F.displayName=`AiCodeBlock`;var I={removeAria:`Remove attachment`,openAria:`Open attachment`,uploadProgressAria:`Upload progress`},ne={image:b,document:v,audio:D,video:A,code:k,archive:te,generic:v};function L({name:e,meta:t,kind:n=`generic`,icon:i,thumbnailUrl:o,progress:s,errored:l=!1,onOpen:u,onRemove:d,className:f,strings:m}){let h=C(I,m),g=i??ne[n],_=!l&&typeof s==`number`&&s>=0&&s<1,v=(0,M.jsxs)(M.Fragment,{children:[o?(0,M.jsx)(`span`,{"aria-hidden":!0,className:`size-9 shrink-0 overflow-hidden rounded-md bg-muted`,style:{backgroundImage:`url(${o})`,backgroundSize:`cover`,backgroundPosition:`center`}}):(0,M.jsx)(`span`,{"aria-hidden":!0,className:a(`inline-flex size-9 shrink-0 items-center justify-center rounded-md`,l?`bg-destructive/10 text-destructive`:`bg-muted text-muted-foreground`),children:l?(0,M.jsx)(p,{className:`size-4`}):(0,M.jsx)(g,{className:`size-4`})}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(r,{weight:`medium`,className:`block truncate`,children:e}),!!t&&(0,M.jsx)(r,{size:`xxs`,type:`secondary`,className:`block truncate tabular-nums`,children:t}),_&&(0,M.jsx)(`div`,{className:`mt-1 h-1 overflow-hidden rounded-full bg-muted`,"aria-label":h.uploadProgressAria,children:(0,M.jsx)(`div`,{className:`h-full rounded-full bg-primary transition-[width] duration-150`,style:{width:`${Math.round((s??0)*100)}%`}})})]})]});return(0,M.jsxs)(`div`,{className:a(`ai-attachment--component`,`group inline-flex max-w-full items-center gap-2.5 rounded-lg border border-border/60 bg-card px-2.5 py-2`,l&&`border-destructive/40 bg-destructive/5`,f),children:[u?(0,M.jsx)(`button`,{type:`button`,onClick:u,"aria-label":h.openAria,className:a(`flex min-w-0 flex-1 items-center gap-2.5 text-left`,`rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`),children:v}):(0,M.jsx)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2.5`,children:v}),!!d&&(0,M.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":h.removeAria,onClick:d,className:`opacity-60 group-hover:opacity-100`,children:(0,M.jsx)(S,{className:`size-3.5`})})]})}L.displayName=`AiAttachment`;var re={statusLabels:{idle:`Idle`,thinking:`Thinking`,working:`Working`,done:`Done`,error:`Error`,offline:`Offline`}},ie={primary:`bg-primary/15 text-primary`,success:`bg-success/15 text-success`,warning:`bg-warning/20 text-warning`,destructive:`bg-destructive/15 text-destructive`,info:`bg-info/15 text-info`,neutral:`bg-muted text-muted-foreground`},R={idle:`secondary`,thinking:`primary`,working:`primary`,done:`success`,error:`error`,offline:`secondary`};function z({name:e,icon:t,avatar:n,subtitle:i,tone:s=`primary`,status:c,variant:u=`inline`,trailing:d,className:f,strings:p}){let m=C(re,p),h=t??l,g=u===`card`?`size-9`:`size-7`,_=u===`card`?`size-4`:`size-3.5`,v=n??(0,M.jsx)(`span`,{"aria-hidden":!0,className:a(`inline-flex shrink-0 items-center justify-center rounded-full`,g,ie[s]),children:(0,M.jsx)(h,{className:_})}),y=!!c&&(0,M.jsxs)(o,{variant:R[c],className:`gap-1`,children:[(0,M.jsx)(`span`,{"aria-hidden":!0,className:a(`inline-block size-1.5 rounded-full`,c===`thinking`||c===`working`?`animate-pulse bg-current`:`bg-current`)}),m.statusLabels[c]]});return u===`card`?(0,M.jsxs)(`div`,{className:a(`ai-agent--component`,`flex items-center gap-3 rounded-lg border border-border/60 bg-card px-3 py-2.5`,f),children:[v,(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(r,{weight:`semibold`,className:`truncate`,children:e}),y]}),!!i&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-0.5 line-clamp-1`,children:i})]}),!!d&&(0,M.jsx)(`div`,{className:`ml-auto flex items-center gap-1`,children:d})]}):(0,M.jsxs)(`div`,{className:a(`inline-flex items-center gap-2`,f),children:[v,(0,M.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,M.jsx)(r,{size:`xs`,weight:`medium`,className:`truncate`,children:e}),!!i&&(0,M.jsx)(r,{size:`xxs`,type:`secondary`,className:`truncate`,children:i}),y]}),!!d&&(0,M.jsx)(`div`,{className:`ml-1 flex items-center gap-1`,children:d})]})}z.displayName=`AiAgent`;var B={approve:`Approve`,reject:`Reject`,pending:`Awaiting your approval`,approved:`Approved`,rejected:`Rejected`},V={neutral:{ring:`border-border/60 bg-card`,icon:`muted`},destructive:{ring:`border-destructive/40 bg-destructive/5`,icon:`destructive`},warning:{ring:`border-warning/40 bg-warning/5`,icon:`warning`},info:{ring:`border-info/40 bg-info/5`,icon:`info`},primary:{ring:`border-primary/40 bg-primary/5`,icon:`primary`}};function H({title:e,description:t,icon:i,tone:o=`neutral`,status:s=`pending`,onApprove:l,onReject:u,approveLabel:d,rejectLabel:f,details:p,className:m,strings:h}){let g=C(B,h),_=i??x,v=V[o];return(0,M.jsxs)(`div`,{role:`region`,"aria-live":`polite`,className:a(`ai-confirmation--component`,`rounded-lg border px-3 py-2.5`,v.ring,m),children:[(0,M.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,M.jsx)(E,{icon:_,tone:v.icon,size:`sm`,shape:`square`}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(r,{weight:`semibold`,children:e}),!!t&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1`,children:t}),!!p&&(0,M.jsx)(`div`,{className:`mt-2`,children:p})]})]}),s===`pending`?(0,M.jsxs)(`div`,{className:`mt-3 flex items-center justify-between gap-2 border-t border-border/60 pt-2.5`,children:[(0,M.jsx)(r,{size:`xxs`,type:`secondary`,children:g.pending}),(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsxs)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:u,children:[(0,M.jsx)(S,{className:`size-3.5`}),f??g.reject]}),(0,M.jsxs)(c,{type:`button`,variant:o===`destructive`?`error`:`primary`,onClick:l,children:[(0,M.jsx)(n,{className:`size-3.5`}),d??g.approve]})]})]}):(0,M.jsx)(`div`,{className:`mt-3 flex items-center gap-2 border-t border-border/60 pt-2.5`,children:s===`approved`?(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(n,{className:`size-3.5 text-success`}),(0,M.jsx)(r,{size:`xs`,type:`success`,weight:`medium`,children:g.approved})]}):(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(S,{className:`size-3.5 text-muted-foreground`}),(0,M.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,children:g.rejected})]})})]})}H.displayName=`AiConfirmation`;var U={title:`{{count}} sources`,expand:`Show all sources`,collapse:`Hide sources`,visit:`Visit source`};function W(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function G({sources:e,variant:t=`list`,maxAvatars:n=5,defaultExpanded:i=!1,onSelect:o,className:s,strings:c}){let l=ee(U,c),[u,p]=(0,j.useState)(i),m=W(l.title,{count:e.length});if(t===`avatars`)return(0,M.jsx)(K,{sources:e,max:n,title:m,onSelect:o,className:a(`ai-sources--component`,s)});let h=u?e:e.slice(0,0);return(0,M.jsxs)(`div`,{className:a(`rounded-lg border border-border/60 bg-card`,s),children:[(0,M.jsxs)(`button`,{type:`button`,onClick:()=>p(e=>!e),"aria-expanded":u,"aria-label":u?l.collapse:l.expand,className:a(`flex w-full items-center gap-2 px-3 py-2 text-left`,`rounded-lg hover:bg-muted/40`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`),children:[(0,M.jsx)(q,{sources:e.slice(0,4)}),(0,M.jsx)(r,{size:`xs`,weight:`medium`,className:`flex-1`,children:m}),u?(0,M.jsx)(d,{className:`size-3.5 text-muted-foreground`}):(0,M.jsx)(f,{className:`size-3.5 text-muted-foreground`})]}),u&&(0,M.jsx)(`ol`,{className:`border-t border-border/60 px-2 py-2 space-y-0.5`,children:h.map((e,t)=>(0,M.jsx)(J,{source:e,index:t+1,onSelect:o?()=>o(e,t):void 0,visitLabel:l.visit},e.id))})]})}G.displayName=`AiSources`;function K({sources:e,max:t,title:n,onSelect:i,className:o}){let s=e.slice(0,t),c=e.length-s.length;return(0,M.jsxs)(`div`,{className:a(`inline-flex items-center gap-2`,o),children:[(0,M.jsx)(q,{sources:s,onSelect:i}),(0,M.jsx)(r,{size:`xs`,type:`secondary`,children:n}),c>0&&(0,M.jsxs)(r,{size:`xxs`,type:`discrete`,className:`tabular-nums`,children:[`+`,c]})]})}function q({sources:e,onSelect:t}){return(0,M.jsx)(`div`,{className:`flex -space-x-1.5`,children:e.map((e,n)=>{let r=(0,M.jsx)(`span`,{"aria-hidden":!0,title:typeof e.title==`string`?e.title:void 0,className:`inline-flex size-5 items-center justify-center overflow-hidden rounded-full border border-card bg-muted text-muted-foreground ring-1 ring-border/60`,children:e.faviconUrl?(0,M.jsx)(`img`,{src:e.faviconUrl,alt:``,className:`size-full object-cover`}):(0,M.jsx)(y,{className:`size-3`})},e.id);return t?(0,M.jsx)(`button`,{type:`button`,onClick:()=>t(e,n),className:`rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,children:r},e.id):r})})}function J({source:e,index:t,onSelect:n,visitLabel:i}){return(0,M.jsx)(`li`,{children:(0,M.jsxs)(e.url&&!n?`a`:n?`button`:`span`,{...e.url&&!n?{href:e.url,target:`_blank`,rel:`noopener noreferrer`}:n?{type:`button`,onClick:n}:{},className:a(`group flex w-full items-start gap-2.5 rounded-md px-2 py-1.5 text-left`,(e.url||n)&&`hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`),"aria-label":e.url?i:void 0,children:[(0,M.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,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsxs)(r,{weight:`medium`,className:`truncate`,children:[e.title,!!e.url&&(0,M.jsx)(_,{className:`ml-1 inline size-3 text-muted-foreground/70 align-baseline`})]}),!!e.publisher&&(0,M.jsx)(r,{size:`xxs`,type:`secondary`,className:`truncate`,children:e.publisher}),!!e.snippet&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1 line-clamp-2`,children:e.snippet})]})]})})}var ae={thinking:`Thinking…`,thoughtFor:`Thought for {{seconds}}s`,thoughtDone:`Reasoning complete`,expandAria:`Expand reasoning`,collapseAria:`Collapse reasoning`};function oe(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function Y({children:e,streaming:t=!1,durationSeconds:n,expandWhileStreaming:i=!0,defaultExpanded:o=!1,expanded:s,onExpandedChange:c,className:l,strings:p}){let m=C(ae,p),[h,g]=(0,j.useState)(o),_=s??h,v=e=>{s===void 0&&g(e),c?.(e)};(0,j.useEffect)(()=>{t&&i&&!_&&v(!0),!t&&i&&_&&!o&&s===void 0&&v(!1)},[t]);let y=t?(0,M.jsx)(N,{children:m.thinking}):n===void 0?(0,M.jsx)(r,{weight:`medium`,children:m.thoughtDone}):(0,M.jsx)(r,{weight:`medium`,children:oe(m.thoughtFor,{seconds:n.toFixed(1)})});return(0,M.jsxs)(`div`,{className:a(`ai-reasoning--component`,`overflow-hidden rounded-lg border border-border/60 bg-muted/20`,l),children:[(0,M.jsxs)(`button`,{type:`button`,onClick:()=>v(!_),"aria-expanded":_,"aria-label":_?m.collapseAria:m.expandAria,className:a(`flex w-full items-center gap-2 px-3 py-2 text-left`,`hover:bg-muted/30`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`),children:[(0,M.jsx)(u,{className:`size-3.5 text-muted-foreground`}),(0,M.jsx)(`div`,{className:`flex-1`,children:y}),_?(0,M.jsx)(d,{className:`size-3.5 text-muted-foreground`}):(0,M.jsx)(f,{className:`size-3.5 text-muted-foreground`})]}),_&&(0,M.jsx)(`div`,{className:`border-t border-border/60 px-3 py-2.5`,children:typeof e==`string`?(0,M.jsx)(r,{type:`secondary`,lineHeight:`relaxed`,className:`whitespace-pre-wrap`,children:e}):(0,M.jsx)(`div`,{className:`whitespace-pre-wrap`,children:e})})]})}Y.displayName=`AiReasoning`;var se={title:`Reasoning`,streamingHint:`Working through the steps…`},ce={pending:{icon:h,iconCls:`text-muted-foreground/60`,ring:`border-border/60 bg-card`},active:{icon:i,iconCls:`text-primary`,ring:`border-primary/40 bg-primary/5`,spin:!0},completed:{icon:n,iconCls:`text-success-foreground`,ring:`border-success/40 bg-success`},failed:{icon:p,iconCls:`text-destructive-foreground`,ring:`border-destructive/40 bg-destructive`}};function X({steps:e,hideHeader:t=!1,streaming:n=!1,className:i,strings:o}){let s=C(se,o);return(0,M.jsxs)(`div`,{className:a(`ai-chain-of-thought--component`,`rounded-lg border border-border/60 bg-card`,i),children:[!t&&(0,M.jsxs)(`div`,{className:`flex items-center gap-2 border-b border-border/60 px-3 py-2`,children:[(0,M.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:s.title}),n&&(0,M.jsx)(N,{className:`ml-auto !text-xs`,children:s.streamingHint})]}),(0,M.jsx)(`ol`,{className:`relative px-3 py-3`,children:e.map((t,n)=>{let i=t.status??`pending`,o=ce[i],s=t.icon??o.icon;return(0,M.jsxs)(`li`,{className:`relative flex gap-3 pb-3 last:pb-0`,children:[n!==e.length-1&&(0,M.jsx)(`span`,{"aria-hidden":!0,className:`absolute left-[11px] top-[26px] h-[calc(100%-26px)] w-px bg-border/60`}),(0,M.jsx)(`span`,{"aria-hidden":!0,className:a(`relative z-[1] mt-0.5 inline-flex size-[22px] shrink-0 items-center justify-center rounded-full border`,o.ring),children:(0,M.jsx)(s,{className:a(`size-3`,o.iconCls,o.spin&&`animate-spin`)})}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(r,{weight:i===`active`?`semibold`:`medium`,className:a(i===`pending`&&`text-muted-foreground`),children:t.title}),!!t.description&&(0,M.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:t.description}),!!t.body&&(0,M.jsx)(`div`,{className:`mt-2`,children:t.body})]})]},t.id)})})]})}X.displayName=`AiChainOfThought`;var le={statusLabels:{queued:`Queued`,running:`Running`,completed:`Done`,failed:`Failed`,cancelled:`Cancelled`,skipped:`Skipped`}},ue={queued:{icon:h,cls:`text-muted-foreground/60`},running:{icon:i,cls:`text-primary`,spin:!0},completed:{icon:n,cls:`text-success`},failed:{icon:p,cls:`text-destructive`},cancelled:{icon:m,cls:`text-muted-foreground`},skipped:{icon:O,cls:`text-muted-foreground`}},de={queued:`secondary`,running:`primary`,completed:`success`,failed:`error`,cancelled:`secondary`,skipped:`secondary`};function Z({task:e,density:t=`compact`,indent:n=18,className:r,strings:i}){let o=C(le,i);return(0,M.jsx)(`div`,{className:a(`ai-task--component`,`rounded-lg border border-border/60 bg-card`,r),children:(0,M.jsx)(Q,{item:e,depth:0,density:t,indent:n,strings:o})})}Z.displayName=`AiTask`;function Q({item:e,depth:t,density:n,indent:i,strings:s}){let c=e.status??`queued`,l=ue[c],u=e.icon??l.icon,p=!!e.children?.length,[m,h]=(0,j.useState)(n===`expanded`||t===0);return(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)(`div`,{className:a(`flex items-start gap-2 px-3 py-2`,t>0&&`border-t border-border/60`),style:{paddingLeft:12+t*i},children:[p?(0,M.jsx)(`button`,{type:`button`,onClick:()=>h(e=>!e),"aria-expanded":m,"aria-label":m?`Collapse subtasks`:`Expand subtasks`,className:`-ml-1 mt-0.5 flex size-4 items-center justify-center rounded text-muted-foreground hover:text-foreground`,children:m?(0,M.jsx)(d,{className:`size-3.5`}):(0,M.jsx)(f,{className:`size-3.5`})}):(0,M.jsx)(`span`,{"aria-hidden":!0,className:`mt-0.5 size-4`}),(0,M.jsx)(u,{className:a(`mt-[3px] size-3.5 shrink-0`,l.cls,l.spin&&`animate-spin`)}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(r,{weight:c===`running`?`semibold`:`medium`,className:a(`flex-1 truncate`,c===`queued`&&`text-muted-foreground`,c===`cancelled`&&`line-through text-muted-foreground`,c===`skipped`&&`text-muted-foreground/70`),children:e.title}),(0,M.jsx)(o,{variant:de[c],children:s.statusLabels[c]}),!!e.rightSlot&&(0,M.jsx)(r,{tag:`span`,size:`xxs`,type:`secondary`,className:`tabular-nums`,children:e.rightSlot})]}),!!e.body&&(0,M.jsx)(`div`,{className:`mt-2`,children:e.body})]})]}),p&&m&&(0,M.jsx)(`div`,{children:e.children.map(e=>(0,M.jsx)(Q,{item:e,depth:t+1,density:n,indent:i,strings:s},e.id))})]})}var fe={openAria:`Open artifact`,copy:`Copy`,copied:`Copied`,copyAria:`Copy artifact`,downloadAria:`Download artifact`,expandAria:`Expand artifact`};function $({title:e,subtitle:t,icon:i,copyText:o,children:l,collapsed:u=!1,onOpen:d,actions:f,onDownload:p,className:m,strings:h}){let y=C(fe,h),b=i??v,[x,S]=(0,j.useState)(!1);return(0,M.jsxs)(`div`,{className:a(`ai-artifact--component`,`overflow-hidden rounded-lg border border-border/60 bg-card`,m),children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border/60 bg-muted/20 px-3 py-2`,children:[(0,M.jsx)(E,{icon:b,tone:`muted`,size:`sm`,shape:`square`}),(0,M.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(r,{weight:`semibold`,className:`truncate`,children:e}),!!t&&(0,M.jsx)(r,{size:`xxs`,type:`secondary`,className:`truncate`,children:t})]}),(0,M.jsxs)(`div`,{className:`flex items-center gap-1`,children:[f?.map(e=>{let t=e.icon;return(0,M.jsxs)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,onClick:e.onSelect,children:[!!t&&(0,M.jsx)(t,{className:`size-3.5`}),e.label]},e.id)}),!!o&&(0,M.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":y.copyAria,onClick:()=>{o&&(typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(o),S(!0),window.setTimeout(()=>S(!1),1500))},children:x?(0,M.jsx)(n,{className:`size-3.5 text-success`}):(0,M.jsx)(s,{className:`size-3.5`})}),!!p&&(0,M.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":y.downloadAria,onClick:p,children:(0,M.jsx)(g,{className:`size-3.5`})}),!!d&&(0,M.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":y.openAria,onClick:d,children:(0,M.jsx)(_,{className:`size-3.5`})})]})]}),!u&&!!l&&(0,M.jsx)(`div`,{className:`bg-card`,children:l})]})}$.displayName=`AiArtifact`;export{G as a,L as c,k as d,Y as i,F as l,Z as n,H as o,X as r,z as s,$ as t,N as u};