@citron-systems/citron-ui 1.12.0 → 1.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.cts +142 -1
- package/dist/index.d.ts +142 -1
- package/dist/index.js +3 -3
- package/dist/index.mjs +3 -3
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var Ro=Object.defineProperty;var Cs=Object.getOwnPropertyDescriptor;var ws=Object.getOwnPropertyNames;var Ts=Object.prototype.hasOwnProperty;var Ps=(t,e)=>{for(var r in e)Ro(t,r,{get:e[r],enumerable:!0})},Ms=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of ws(e))!Ts.call(t,i)&&i!==r&&Ro(t,i,{get:()=>e[i],enumerable:!(a=Cs(e,i))||a.enumerable});return t};var Ss=t=>Ms(Ro({},"__esModule",{value:!0}),t);var pc={};Ps(pc,{AIComposeInput:()=>je,AIEmailGenerator:()=>hl,Accordion:()=>On,ActionButtons:()=>Zr,ActivityStream:()=>Tr,Alert:()=>Vn,AlertDialog:()=>Fn,AppLayout:()=>Il,AppNavigationRail:()=>Ko,AppSidebar:()=>Qo,AspectRatio:()=>$n,Avatar:()=>no,Badge:()=>_n,Breadcrumb:()=>qn,Button:()=>qe,CITRON_THEME_STORAGE_KEY:()=>Ar,Calendar:()=>Xn,CampaignTable:()=>dr,CanvasProvider:()=>mo,Card:()=>Zn,CardContent:()=>ei,CardDescription:()=>ti,CardFooter:()=>ri,CardHeader:()=>Jn,CardTitle:()=>Qn,Carousel:()=>ai,Chart:()=>ni,ChatFeed:()=>$o,Checkbox:()=>li,CircularScore:()=>ea,Collapsible:()=>mi,Command:()=>bi,CommandBar:()=>_o,CommandCanvas:()=>Vl,CommandInterface:()=>De,ContextMenu:()=>ui,Dialog:()=>ki,DialogClose:()=>vo,DialogContent:()=>na,DialogDescription:()=>hi,DialogFooter:()=>Ni,DialogHeader:()=>yi,DialogTitle:()=>xi,DialogTrigger:()=>aa,Drawer:()=>Pi,DrawerClose:()=>ca,DrawerContent:()=>la,DrawerDescription:()=>Ei,DrawerFooter:()=>Ii,DrawerHeader:()=>Mi,DrawerTitle:()=>Si,DrawerTrigger:()=>sa,DropdownMenu:()=>Ai,DropdownMenuContent:()=>pa,DropdownMenuItem:()=>ba,DropdownMenuSeparator:()=>Di,DropdownMenuTrigger:()=>ma,EmailBlockEditor:()=>Fl,EmailCampaignsView:()=>Xo,EmailComposeActionButtons:()=>lr,EmailTemplatesSection:()=>pr,EntityCard:()=>br,EntityCommandCard:()=>Ao,ErrorBoundary:()=>ur,EventFeed:()=>co,EventRow:()=>gr,EventStreamFeed:()=>Ho,EventStreamSidebar:()=>Uo,Form:()=>ua,FormActions:()=>Vi,FormField:()=>Oi,GraphView:()=>$l,GuidedTour:()=>Ul,HoverCard:()=>Gi,HoverCardContent:()=>fa,HoverCardTrigger:()=>ga,Input:()=>ue,InputOtp:()=>ya,IntelligenceCard:()=>ql,IntelligenceLab:()=>jo,IntelligenceScoreCard:()=>fr,Label:()=>xa,MainShell:()=>qo,Menubar:()=>Na,MenubarCloseZone:()=>Pa,MenubarContent:()=>wa,MenubarItem:()=>Ta,MenubarMenu:()=>ji,MenubarSeparator:()=>qi,MenubarTrigger:()=>Ca,MetricComparisonList:()=>Vo,ModuleContainer:()=>kr,ModuleErrorBoundary:()=>V,ModuleSkeleton:()=>He,NavLink:()=>lo,NavLinkRouter:()=>Eo,NavigationMenu:()=>Yi,OSNavigationRail:()=>Go,OnboardingWizard:()=>Zl,PageErrorFallback:()=>yr,PageHeader:()=>Be,PageHeaderActionButton:()=>Oe,Pagination:()=>Xi,Popover:()=>Ji,PopoverClose:()=>La,PopoverContent:()=>Ia,PopoverTrigger:()=>Ea,Progress:()=>Ra,RadioGroup:()=>Aa,RadioGroupItem:()=>yo,Resizable:()=>ts,RightPanel:()=>Or,RouteWithErrorBoundary:()=>zo,ScrollArea:()=>Da,SearchBar:()=>re,Select:()=>Ha,Separator:()=>Ba,Sheet:()=>cs,Sidebar:()=>ds,Skeleton:()=>ee,Slider:()=>Oa,Sonner:()=>ps,StatCardGrid:()=>Fo,StatCards:()=>xr,StatCardsWithChart:()=>Wo,StatusBadge:()=>vr,Switch:()=>Fa,TabSystem:()=>Nr,Table:()=>Ga,TableBody:()=>Ka,TableCaption:()=>ja,TableCell:()=>Ua,TableEmptyState:()=>qa,TableHead:()=>_a,TableHeader:()=>Wa,TableRow:()=>$a,Tabs:()=>us,TaskCreateForm:()=>Pr,TaskItem:()=>Cr,TaskKanbanBoard:()=>Rr,TaskKanbanCard:()=>Er,TaskKanbanColumn:()=>Ir,TaskList:()=>wr,TasksView:()=>Yo,TemplateCard:()=>mr,Textarea:()=>Ya,ThemeProvider:()=>Zo,ThemeSwitcherButton:()=>Hr,Toast:()=>wo,Toaster:()=>To,Toggle:()=>ro,ToggleGroup:()=>ao,Tooltip:()=>ks,semanticBackgroundPrimary:()=>ac,semanticBackgroundSecondary:()=>nc,semanticBorderDefault:()=>ic,semanticInteractivePrimary:()=>cc,semanticInteractiveSecondary:()=>dc,semanticInteractiveSecondaryHover:()=>mc,semanticTextPrimary:()=>sc,semanticTextSecondary:()=>lc,useCanvas:()=>Wn,useTheme:()=>Dr});module.exports=Ss(pc);var Xr=require("lucide-react");var Xa=require("clsx"),Za=require("tailwind-merge");function o(...t){return(0,Za.twMerge)((0,Xa.clsx)(t))}var Ae=require("react/jsx-runtime"),Es={primary:["bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]"],secondary:["bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)]","border border-[var(--inkblot-semantic-color-border-default)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:border-[var(--inkblot-semantic-color-border-strong)]","active:bg-[var(--inkblot-semantic-color-background-tertiary)]"]};function Zr({buttons:t,className:e}){return(0,Ae.jsx)("div",{className:o("flex flex-wrap items-center gap-[var(--inkblot-spacing-3)]",e),children:t.map(r=>(0,Ae.jsxs)("button",{type:"button",onClick:()=>{r.onClick?.()},disabled:r.disabled,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center gap-2 rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)] font-medium","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","transition-colors duration-[var(--inkblot-duration-fast)]","disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:pointer-events-none disabled:cursor-not-allowed",Es[r.variant]),children:[r.icon??null,r.label]},r.id))})}function lr({onSendNow:t,onSchedule:e,onSaveDraft:r,className:a}){return(0,Ae.jsx)(Zr,{buttons:[{id:"send",label:"Send Now",variant:"primary",icon:(0,Ae.jsx)(Xr.Send,{className:"h-4 w-4"}),onClick:t},{id:"schedule",label:"Schedule",variant:"secondary",icon:(0,Ae.jsx)(Xr.Calendar,{className:"h-4 w-4"}),onClick:e},{id:"draft",label:"Save Draft",variant:"secondary",onClick:r}],className:a})}var Ja=require("react"),Jr=require("lucide-react");var Ot=require("react/jsx-runtime"),je=(0,Ja.forwardRef)(({label:t,loading:e=!1,onWriteWithAI:r,disabled:a,className:i,...n},s)=>{let c=a||e;return(0,Ot.jsxs)("div",{className:o("flex flex-col gap-[var(--inkblot-spacing-2)]",i),children:[(0,Ot.jsxs)("div",{className:"flex items-center justify-between",children:[t?(0,Ot.jsx)("label",{htmlFor:n.id,className:o("uppercase tracking-wider","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:t}):(0,Ot.jsx)("span",{}),r?(0,Ot.jsxs)("button",{type:"button",onClick:r,disabled:e,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center gap-2 rounded-[var(--inkblot-radius-lg)]","border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-interactive-secondary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)] font-medium","text-[var(--inkblot-semantic-color-text-primary)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:border-[var(--inkblot-semantic-color-border-strong)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","transition-colors duration-[var(--inkblot-duration-fast)]","disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:cursor-not-allowed disabled:pointer-events-none"),children:[e?(0,Ot.jsx)(Jr.Loader2,{className:"h-4 w-4 shrink-0 animate-spin"}):(0,Ot.jsx)(Jr.Sparkles,{className:"h-4 w-4 shrink-0",style:{color:"var(--inkblot-semantic-color-status-warning)"}}),e?"Generating...":"Write with AI"]}):null]}),(0,Ot.jsx)("div",{className:"relative",children:(0,Ot.jsx)("textarea",{ref:s,disabled:c,className:o("min-h-[12rem] w-full rounded-[var(--inkblot-radius-lg)]","border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-secondary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]","[font:var(--inkblot-semantic-typography-body-medium)]","text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]","transition-colors duration-[var(--inkblot-duration-fast)]","hover:border-[var(--inkblot-semantic-color-border-strong)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:cursor-not-allowed disabled:pointer-events-none"),...n})})]})});je.displayName="AIComposeInput";var Qa=require("react");var tn=require("react/jsx-runtime"),Is={primary:"border border-transparent bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)] shadow-[var(--inkblot-shadow-sm)] hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]",secondary:"border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:border-[var(--inkblot-semantic-color-border-strong)] active:bg-[var(--inkblot-semantic-color-background-tertiary)]"},qe=(0,Qa.forwardRef)(({className:t,variant:e="primary",disabled:r,...a},i)=>(0,tn.jsx)("button",{ref:i,disabled:r,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)] [font:var(--inkblot-semantic-typography-body-medium)] font-semibold transition-[background,border-color,box-shadow,color] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--inkblot-semantic-color-background-primary)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",Is[e],t),...a}));qe.displayName="Button";var cr=require("react"),bt=require("lucide-react");var B=require("react/jsx-runtime"),Ls={sent:{icon:bt.CheckCircle,label:"Sent",colorClass:"text-[var(--inkblot-semantic-color-status-success)]"},active:{icon:bt.Zap,label:"Active",colorClass:"text-[var(--inkblot-semantic-color-status-warning)]"},draft:{icon:bt.FileText,label:"Draft",colorClass:"text-[var(--inkblot-semantic-color-text-secondary)]"},scheduled:{icon:bt.Clock,label:"Scheduled",colorClass:"text-[var(--inkblot-semantic-color-status-info)]"}};function dr({columns:t,rows:e,sortKey:r,sortDirection:a,defaultSortKey:i,defaultSortDirection:n="asc",onSortChange:s,sortableColumns:c,emptyTitle:l="No campaigns found",emptyDescription:d="Create a campaign or adjust filters to see results.",className:p}){let[u,v]=(0,cr.useState)(i),[b,g]=(0,cr.useState)(n),N=r!==void 0&&a!==void 0,w=N?r:u,x=N?a:b,D=m=>!c||c.length===0?!0:c.includes(m),T=(m,y)=>{if(y==="campaign")return m.campaignName.toLowerCase();if(y==="status")return m.status;if(y==="opens")return Number.parseFloat(m.opens.replace("%","").trim())||0;if(y==="clicks")return Number.parseFloat(m.clicks.replace("%","").trim())||0;if(y==="date")return new Date(m.date).getTime()||0;let C=m[y];return typeof C=="number"?C:String(C??"").toLowerCase()},h=(0,cr.useMemo)(()=>w?[...e].sort((y,C)=>{let S=T(y,w),O=T(C,w);return S<O?x==="asc"?-1:1:S>O?x==="asc"?1:-1:0}):e,[x,w,e]),k=m=>{let y=w===m&&x==="asc"?"desc":"asc";N||(v(m),g(y)),s?.(m,y)};return(0,B.jsx)("div",{className:o("overflow-x-auto rounded-[var(--inkblot-radius-lg)]","border border-[var(--inkblot-semantic-color-border-subtle)]","bg-[var(--inkblot-semantic-color-background-primary)]",p),children:(0,B.jsxs)("table",{className:"w-full min-w-[600px] border-collapse",children:[(0,B.jsx)("thead",{children:(0,B.jsx)("tr",{className:"bg-[var(--inkblot-semantic-color-background-secondary)]",children:t.map(m=>(0,B.jsx)("th",{className:o("px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)] text-left","uppercase tracking-wider","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-secondary)]","border-b border-[var(--inkblot-semantic-color-border-subtle)]"),children:D(m.key)?(0,B.jsxs)("button",{type:"button",onClick:()=>k(m.key),className:"inline-flex items-center gap-[var(--inkblot-spacing-1)] rounded-[var(--inkblot-radius-sm)] transition-colors duration-[var(--inkblot-duration-fast)] hover:text-[var(--inkblot-semantic-color-text-primary)]",children:[m.label,w!==m.key?(0,B.jsx)(bt.ArrowUpDown,{className:"h-3.5 w-3.5","aria-hidden":!0}):x==="asc"?(0,B.jsx)(bt.ArrowUp,{className:"h-3.5 w-3.5","aria-hidden":!0}):(0,B.jsx)(bt.ArrowDown,{className:"h-3.5 w-3.5","aria-hidden":!0})]}):m.label},m.key))})}),(0,B.jsx)("tbody",{children:h.length===0?(0,B.jsx)("tr",{children:(0,B.jsx)("td",{colSpan:t.length,className:"px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-10)] text-center",children:(0,B.jsxs)("div",{className:"mx-auto flex max-w-[420px] flex-col gap-[var(--inkblot-spacing-1)]",children:[(0,B.jsx)("span",{className:"[font:var(--inkblot-semantic-typography-body-large-bold)] text-[var(--inkblot-semantic-color-text-primary)]",children:l}),(0,B.jsx)("span",{className:"[font:var(--inkblot-semantic-typography-body-small)] text-[var(--inkblot-semantic-color-text-secondary)]",children:d})]})})}):h.map(m=>(0,B.jsxs)("tr",{className:o("border-b border-[var(--inkblot-semantic-color-border-subtle)] last:border-b-0","transition-colors duration-[var(--inkblot-duration-fast)]","hover:bg-[var(--inkblot-semantic-color-background-secondary)]/50"),children:[(0,B.jsx)("td",{className:o("px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]","border-b border-[var(--inkblot-semantic-color-border-subtle)]"),children:(0,B.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,B.jsx)("span",{className:o("[font:var(--inkblot-semantic-typography-body-large-bold)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:m.campaignName}),(0,B.jsx)("span",{className:o("[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-secondary)]"),children:m.recipients})]})}),(0,B.jsx)("td",{className:o("px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]","border-b border-[var(--inkblot-semantic-color-border-subtle)]"),children:(0,B.jsx)(Rs,{status:m.status,subtext:m.statusSubtext})}),(0,B.jsx)("td",{className:o("px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]","[font:var(--inkblot-semantic-typography-body-medium)]","text-[var(--inkblot-semantic-color-text-primary)]","border-b border-[var(--inkblot-semantic-color-border-subtle)]"),children:m.opens}),(0,B.jsx)("td",{className:o("px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]","[font:var(--inkblot-semantic-typography-body-medium)]","text-[var(--inkblot-semantic-color-text-primary)]","border-b border-[var(--inkblot-semantic-color-border-subtle)]"),children:m.clicks}),(0,B.jsx)("td",{className:o("px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]","[font:var(--inkblot-semantic-typography-body-medium)]","text-[var(--inkblot-semantic-color-text-primary)]","border-b border-[var(--inkblot-semantic-color-border-subtle)]"),children:m.date})]},m.id))})]})})}function Rs({status:t,subtext:e}){let r=Ls[t],a=r.icon;return(0,B.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,B.jsxs)("div",{className:o("inline-flex items-center gap-1.5","[font:var(--inkblot-semantic-typography-body-small)] font-medium",r.colorClass),children:[(0,B.jsx)(a,{className:"h-4 w-4 shrink-0"}),r.label]}),e?(0,B.jsx)("span",{className:o("[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-secondary)]"),children:e}):null]})}var rn=require("lucide-react");var en=require("lucide-react");var Jt=require("react/jsx-runtime");function mr({category:t,title:e,uses:r,onClick:a,className:i}){return(0,Jt.jsxs)("button",{type:"button",onClick:a,className:o("flex flex-col gap-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-lg)]","bg-[var(--inkblot-semantic-color-background-secondary)]","border border-[var(--inkblot-semantic-color-border-subtle)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-5)]","text-left transition-colors duration-[var(--inkblot-duration-fast)]","hover:border-[var(--inkblot-semantic-color-border-default)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]",i),children:[(0,Jt.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,Jt.jsx)("span",{className:o("rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)]","bg-[var(--inkblot-semantic-color-background-tertiary)]","[font:var(--inkblot-semantic-typography-body-small)] font-medium","text-[var(--inkblot-semantic-color-text-primary)]"),children:t}),(0,Jt.jsx)("span",{className:o("[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-secondary)]"),children:r})]}),(0,Jt.jsx)("h3",{className:o("[font:var(--inkblot-semantic-typography-body-large-bold)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:e}),(0,Jt.jsx)("div",{className:"flex flex-1 items-end justify-center pt-[var(--inkblot-spacing-4)]",children:(0,Jt.jsx)(en.File,{className:o("h-10 w-10","text-[var(--inkblot-semantic-color-text-tertiary)]")})})]})}var Qt=require("react/jsx-runtime");function pr({title:t="EMAIL TEMPLATES",onGenerateWithAI:e,templates:r,onTemplateClick:a,className:i}){return(0,Qt.jsxs)("section",{className:o("flex flex-col gap-[var(--inkblot-spacing-6)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-5)] shadow-[var(--inkblot-shadow-sm)]",i),children:[(0,Qt.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-4)] sm:flex-row sm:items-center sm:justify-between",children:[(0,Qt.jsx)("h2",{className:o("uppercase tracking-wider","[font:var(--inkblot-semantic-typography-body-medium)]","text-[var(--inkblot-semantic-color-text-secondary)]"),children:t}),e?(0,Qt.jsxs)("button",{type:"button",onClick:e,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] w-fit items-center justify-center gap-2 rounded-[var(--inkblot-radius-lg)]","border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)] font-medium","text-[var(--inkblot-semantic-color-text-primary)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:border-[var(--inkblot-semantic-color-border-strong)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","transition-colors duration-[var(--inkblot-duration-fast)]"),children:[(0,Qt.jsx)(rn.Sparkles,{className:"h-4 w-4 shrink-0",style:{color:"var(--inkblot-semantic-color-status-warning)"}}),"Generate with AI"]}):null]}),(0,Qt.jsx)("div",{className:"grid grid-cols-1 gap-[var(--inkblot-spacing-6)] sm:grid-cols-2",children:r.map(n=>(0,Qt.jsx)(mr,{category:n.category,title:n.title,uses:n.uses,onClick:()=>a?.(n)},n.id))})]})}var on=require("react"),be=require("lucide-react");var it=require("react/jsx-runtime");function De({promptValue:t="",onPromptChange:e,onPromptSubmit:r,onFilesAttach:a,isProcessing:i=!1,response:n,placeholder:s="Ask Citron Intelligence...",accept:c,multiple:l=!0,className:d}){let p=(0,on.useRef)(null),u=g=>{g.key==="Enter"&&!g.shiftKey&&(g.preventDefault(),r?.())},v=()=>{p.current?.click()},b=g=>{let N=g.target.files;N&&N.length>0&&a&&a(Array.from(N)),g.target.value=""};return(0,it.jsxs)("div",{className:o("flex w-full max-w-[80rem] flex-col gap-[var(--inkblot-spacing-3)]",d),children:[(0,it.jsxs)("div",{className:o("flex items-end gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-2)] shadow-[var(--inkblot-shadow-sm)]",i&&"pointer-events-none"),"aria-busy":i,children:[(0,it.jsx)("input",{ref:p,type:"file",accept:c,multiple:l,onChange:b,className:"sr-only","aria-hidden":!0}),(0,it.jsx)("button",{type:"button",onClick:v,disabled:i,className:o("flex h-9 w-9 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-full)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] text-[var(--inkblot-semantic-color-text-tertiary)] transition-[background,border-color,color] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]","hover:border-[var(--inkblot-semantic-color-border-strong)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)] hover:text-[var(--inkblot-semantic-color-text-secondary)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-secondary)]","disabled:pointer-events-none disabled:opacity-[var(--inkblot-opacity-disabled)]"),"aria-label":"Adjuntar archivos",children:(0,it.jsx)(be.Paperclip,{size:18,strokeWidth:1.7,"aria-hidden":!0})}),(0,it.jsxs)("div",{className:"relative flex min-w-0 flex-1 items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]",children:[(0,it.jsx)(be.Sparkles,{size:18,strokeWidth:1.7,className:"shrink-0 text-[var(--inkblot-semantic-color-text-tertiary)]","aria-hidden":!0}),(0,it.jsx)("textarea",{value:t,onChange:g=>e?.(g.target.value),onKeyDown:u,placeholder:s,rows:2,disabled:i,className:o("min-h-[2.5rem] min-w-0 flex-1 resize-none border-0 bg-transparent py-0 pr-[var(--inkblot-spacing-12)] [font:var(--inkblot-semantic-typography-body-medium)] text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]","focus:outline-none focus:ring-0","disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]")}),(0,it.jsx)("div",{className:o("absolute bottom-[var(--inkblot-spacing-2)] right-[var(--inkblot-spacing-2)] flex h-8 w-8 items-center justify-center rounded-[var(--inkblot-radius-full)]",i?"bg-[var(--inkblot-semantic-color-interactive-primary)]":""),children:i?(0,it.jsx)(be.Loader2,{size:16,strokeWidth:2,className:"animate-spin text-[var(--inkblot-semantic-color-text-inverse)]","aria-hidden":!0}):(0,it.jsx)("button",{type:"button",onClick:r,disabled:i,className:o("flex h-full w-full items-center justify-center rounded-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)] transition-[background,box-shadow] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]"),"aria-label":"Enviar",children:(0,it.jsx)(be.Send,{size:16,strokeWidth:2,"aria-hidden":!0})})})]})]}),n?(0,it.jsx)("div",{className:"rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)]",children:(0,it.jsx)("div",{className:"min-w-0 [font:var(--inkblot-semantic-typography-body-medium)] text-[var(--inkblot-semantic-color-text-primary)]",children:n})}):null]})}var Lt=require("lucide-react"),E=require("react/jsx-runtime"),As={Person:"border-l-[var(--inkblot-semantic-color-status-info)]",Organization:"border-l-[var(--inkblot-semantic-color-status-warning)]",Deal:"border-l-[var(--inkblot-semantic-color-status-success)]"},Ds={Person:Lt.UserRound,Organization:Lt.Building2,Deal:Lt.BadgeCheck},Hs={Person:"bg-[var(--inkblot-semantic-color-status-info)]/15 text-[var(--inkblot-semantic-color-status-info)]",Organization:"bg-[var(--inkblot-semantic-color-status-warning)]/15 text-[var(--inkblot-semantic-color-status-warning)]",Deal:"bg-[var(--inkblot-semantic-color-status-success)]/15 text-[var(--inkblot-semantic-color-status-success)]"},Bs=[{label:"Contacts",value:"12",icon:Lt.Users},{label:"Open Deals",value:"3",icon:Lt.TrendingUp},{label:"Touchpoints",value:"47",icon:Lt.ArrowUpRight}];function br({name:t,entityType:e,subtitle:r,statusLabel:a,metadata:i,edges:n=[],stats:s,connections:c,className:l}){let d=Ds[e];if(s!==void 0||c!==void 0){let u=s??Bs;return(0,E.jsxs)("article",{className:o("glass flex flex-col gap-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-xl)] p-[var(--inkblot-spacing-5)]",l),children:[(0,E.jsxs)("div",{className:"flex items-start justify-between",children:[(0,E.jsxs)("div",{className:"flex items-center gap-[var(--inkblot-spacing-3)]",children:[(0,E.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-lg)] bg-[var(--inkblot-semantic-color-interactive-primary)]/10",children:(0,E.jsx)(d,{className:"h-5 w-5 text-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0})}),(0,E.jsxs)("div",{children:[(0,E.jsx)("h3",{className:"text-sm font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:t}),r?(0,E.jsx)("p",{className:"text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:r}):null]})]}),a?(0,E.jsx)("span",{className:"rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-primary)]/10 px-2 py-0.5 font-mono text-xs text-[var(--inkblot-semantic-color-interactive-primary)]",children:a}):null]}),(0,E.jsx)("div",{className:"grid grid-cols-3 gap-[var(--inkblot-spacing-3)]",children:u.map(v=>{let b=v.icon;return(0,E.jsxs)("div",{className:"rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-tertiary)] p-[var(--inkblot-spacing-3)]",children:[(0,E.jsxs)("div",{className:"mb-1 flex items-center gap-1.5",children:[b?(0,E.jsx)(b,{className:"h-3 w-3 text-[var(--inkblot-semantic-color-text-tertiary)]","aria-hidden":!0}):null,(0,E.jsx)("span",{className:"text-[10px] uppercase tracking-wider text-[var(--inkblot-semantic-color-text-tertiary)]",children:v.label})]}),(0,E.jsx)("span",{className:"text-lg font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:v.value})]},v.label)})}),c?(0,E.jsxs)("div",{className:"flex items-center gap-2 text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:[(0,E.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-[var(--inkblot-semantic-color-interactive-primary)]"}),c]}):null]})}return(0,E.jsxs)("article",{className:o("flex flex-col gap-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] border-l-4 bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)] shadow-[var(--inkblot-shadow-sm)]",As[e],l),children:[(0,E.jsxs)("div",{className:"flex items-start justify-between gap-[var(--inkblot-spacing-3)]",children:[(0,E.jsxs)("div",{className:"flex items-center gap-[var(--inkblot-spacing-3)]",children:[(0,E.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] text-[var(--inkblot-semantic-color-text-secondary)]",children:(0,E.jsx)(d,{className:"h-5 w-5","aria-hidden":!0})}),(0,E.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-1)]",children:[(0,E.jsx)("h3",{className:"[font:var(--inkblot-semantic-typography-body-medium)] font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:t}),r?(0,E.jsx)("p",{className:"text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:r}):(0,E.jsx)("span",{className:o("inline-flex w-fit items-center rounded-[var(--inkblot-radius-full)] px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)] [font:var(--inkblot-semantic-typography-body-small)] font-medium uppercase tracking-wide",Hs[e]),children:e})]})]}),a?(0,E.jsx)("span",{className:"rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-primary)]/10 px-2 py-0.5 font-mono text-xs text-[var(--inkblot-semantic-color-interactive-primary)]",children:a}):null]}),i&&Object.keys(i).length>0?(0,E.jsx)("dl",{className:"grid grid-cols-1 gap-[var(--inkblot-spacing-2)] sm:grid-cols-2",children:Object.entries(i).map(([u,v])=>(0,E.jsxs)("div",{className:"rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]",children:[(0,E.jsx)("dt",{className:"[font:var(--inkblot-semantic-typography-body-small)] uppercase tracking-wide text-[var(--inkblot-semantic-color-text-tertiary)]",children:u}),(0,E.jsx)("dd",{className:"[font:var(--inkblot-semantic-typography-body-medium)] text-[var(--inkblot-semantic-color-text-secondary)]",children:v})]},u))}):null,n.length>0?(0,E.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-2)]",children:[(0,E.jsx)("h4",{className:"[font:var(--inkblot-semantic-typography-body-small)] font-medium uppercase tracking-wide text-[var(--inkblot-semantic-color-text-secondary)]",children:"Edges"}),(0,E.jsx)("ul",{className:"flex flex-wrap gap-[var(--inkblot-spacing-2)]",children:n.map((u,v)=>(0,E.jsxs)("li",{className:"rounded-[var(--inkblot-radius-full)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-1)] [font:var(--inkblot-semantic-typography-body-small)] text-[var(--inkblot-semantic-color-text-secondary)]",children:[u.type,u.target?` \u2192 ${u.target}`:""]},v))})]}):null,c?(0,E.jsxs)("div",{className:"flex items-center gap-2 text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:[(0,E.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-[var(--inkblot-semantic-color-interactive-primary)]"}),c]}):null]})}var an=require("react");var nn=require("react/jsx-runtime"),ue=(0,an.forwardRef)(({className:t,error:e,disabled:r,...a},i)=>(0,nn.jsx)("input",{ref:i,disabled:r,"aria-invalid":e,"aria-disabled":r,className:o("min-h-[var(--inkblot-size-touch-target-min)] w-full rounded-[var(--inkblot-radius-lg)] border bg-[var(--inkblot-semantic-color-background-secondary)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)] [font:var(--inkblot-semantic-typography-body-medium)] text-[var(--inkblot-semantic-color-text-primary)] shadow-[var(--inkblot-shadow-xs)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)] transition-[background,border-color,box-shadow] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--inkblot-semantic-color-background-primary)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",e?"border-[var(--inkblot-semantic-color-status-error)] focus-visible:ring-[var(--inkblot-semantic-color-status-error)]":"border-[var(--inkblot-semantic-color-border-default)] hover:border-[var(--inkblot-semantic-color-border-strong)] hover:bg-[var(--inkblot-semantic-color-background-primary)]",t),...a}));ue.displayName="Input";var sn=require("react");var Ye=require("react/jsx-runtime"),V=class extends sn.Component{constructor(e){super(e),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}render(){return this.state.hasError&&this.state.error?(0,Ye.jsxs)("div",{role:"alert",className:o("flex flex-col gap-4 rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-4",this.props.className),children:[(0,Ye.jsx)("p",{className:"text-base font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:"This module failed to load"}),(0,Ye.jsx)("p",{className:"text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:this.state.error.message}),(0,Ye.jsx)(qe,{variant:"secondary",onClick:this.props.onRetry,className:"w-fit border-[var(--inkblot-semantic-color-status-error)]",children:"Retry"})]}):this.props.children}};var ut=require("react/jsx-runtime");function Ao({title:t,insights:e,stats:r=[],commandValue:a="",onCommandChange:i,onCommandSubmit:n,className:s}){let c=l=>{l.key==="Enter"&&(l.preventDefault(),n?.())};return(0,ut.jsx)(V,{className:s,children:(0,ut.jsxs)("div",{className:"flex flex-col gap-4 rounded-[var(--inkblot-radius-xl)] bg-[var(--inkblot-semantic-color-background-secondary)] p-4",children:[(0,ut.jsx)("h2",{className:"text-xl font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:t}),e?(0,ut.jsx)("div",{className:"rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-interactive-primary)] p-4",style:{boxShadow:"0 0 12px var(--inkblot-semantic-color-interactive-primary)"},children:e}):null,r.length>0?(0,ut.jsxs)("div",{children:[(0,ut.jsx)("h3",{className:"mb-2 text-sm font-medium text-[var(--inkblot-semantic-color-text-secondary)]",children:"Connected To"}),(0,ut.jsx)("div",{className:"grid grid-cols-2 gap-2 sm:grid-cols-3",children:r.map((l,d)=>(0,ut.jsxs)("div",{className:"rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-tertiary)] px-3 py-2",children:[(0,ut.jsx)("span",{className:"text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:l.label}),(0,ut.jsx)("p",{className:"text-sm font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:l.value})]},d))})]}):null,(0,ut.jsx)("div",{className:"mt-2",children:(0,ut.jsx)(ue,{type:"text",value:a,onChange:l=>i?.(l.target.value),onKeyDown:c,placeholder:"Ask about this entity...",className:"rounded-[var(--inkblot-radius-md)]"})})]})})}var ln=require("react");var Do=require("react/jsx-runtime"),ur=class extends ln.Component{constructor(e){super(e),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}render(){return this.state.hasError&&this.state.error?this.props.fallback?this.props.fallback:(0,Do.jsx)("div",{className:o("inline-flex items-center gap-3 rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-tertiary)] px-4 py-3 text-[var(--inkblot-semantic-color-text-secondary)]",this.props.className),role:"alert",children:(0,Do.jsx)("span",{className:"text-sm font-medium",children:"Something went wrong"})}):this.props.children}};var cn=require("react/jsx-runtime"),Os={success:"border-[var(--inkblot-semantic-color-status-success)] bg-[var(--inkblot-semantic-color-status-success)]/10 text-[var(--inkblot-semantic-color-status-success)]",warning:"border-[var(--inkblot-semantic-color-status-warning)] bg-[var(--inkblot-semantic-color-status-warning)]/10 text-[var(--inkblot-semantic-color-status-warning)]",error:"border-[var(--inkblot-semantic-color-status-error)] bg-[var(--inkblot-semantic-color-status-error)]/10 text-[var(--inkblot-semantic-color-status-error)]",info:"border-[var(--inkblot-semantic-color-status-info)] bg-[var(--inkblot-semantic-color-status-info)]/10 text-[var(--inkblot-semantic-color-status-info)]"};function vr({label:t,variant:e="info",className:r}){return(0,cn.jsx)("span",{className:o("inline-flex items-center rounded-[var(--inkblot-radius-md)] border px-2 py-0.5 text-xs font-medium",Os[e],r),children:t})}var te=require("react/jsx-runtime");function Vs(t){return t>=.8?"success":t>=.5?"info":t>=.2?"warning":"error"}function gr({event:t,className:e}){let r=Vs(t.confidence_score),a=`${Math.round(t.confidence_score*100)}%`;return(0,te.jsxs)("div",{className:o("flex flex-wrap items-center gap-2 rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-4",e),children:[(0,te.jsx)("span",{className:"text-sm font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:t.actor}),(0,te.jsx)("span",{className:"text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:"\u2192"}),(0,te.jsx)("span",{className:"text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:t.subject}),(0,te.jsx)("span",{className:"rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-tertiary)] px-2 py-0.5 text-xs text-[var(--inkblot-semantic-color-text-secondary)]",children:t.event_type}),(0,te.jsx)("span",{className:"text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:t.timestamp}),(0,te.jsx)(vr,{label:a,variant:r})]})}var dn=require("lucide-react");var Rt=require("react/jsx-runtime"),zs={success:"bg-[var(--inkblot-semantic-color-status-success)]",warning:"bg-[var(--inkblot-semantic-color-status-warning)]",error:"bg-[var(--inkblot-semantic-color-status-error)]",info:"bg-[var(--inkblot-semantic-color-status-info)]"};function Fs(){return(0,Rt.jsx)(dn.Clock3,{className:"h-4 w-4 text-[var(--inkblot-semantic-color-text-tertiary)]","aria-hidden":!0})}function Ho({events:t,className:e}){return(0,Rt.jsx)(V,{className:e,children:(0,Rt.jsx)("div",{className:o("flex flex-col gap-[var(--inkblot-spacing-3)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)] shadow-[var(--inkblot-shadow-sm)]"),children:t.map(r=>(0,Rt.jsxs)("div",{className:"flex items-start gap-[var(--inkblot-spacing-3)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]/60 bg-[var(--inkblot-semantic-color-background-primary)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]",children:[(0,Rt.jsx)("div",{className:"mt-[var(--inkblot-spacing-1)] flex h-7 w-7 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)]",children:r.icon??(0,Rt.jsx)(Fs,{})}),(0,Rt.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,Rt.jsx)("p",{className:"[font:var(--inkblot-semantic-typography-body-medium)] font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:r.title}),(0,Rt.jsx)("p",{className:"[font:var(--inkblot-semantic-typography-body-small)] text-[var(--inkblot-semantic-color-text-tertiary)]",children:r.timestamp})]}),r.status?(0,Rt.jsx)("div",{className:o("mt-[var(--inkblot-spacing-2)] h-2 w-2 shrink-0 rounded-[var(--inkblot-radius-full)]",zs[r.status]),"aria-hidden":!0}):null]},r.id))})})}var Qr=require("lucide-react"),lt=require("react/jsx-runtime"),Oo=36,Bo=2*Math.PI*Oo;function fr({label:t,value:e,subtext:r,trend:a,className:i}){let n=Math.min(100,Math.max(0,e)),s=Bo-n/100*Bo;return(0,lt.jsx)(V,{className:i,children:(0,lt.jsxs)("div",{className:"flex flex-col items-center gap-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)] shadow-[var(--inkblot-shadow-sm)]",children:[(0,lt.jsxs)("div",{className:"relative",children:[(0,lt.jsxs)("svg",{width:"96",height:"96",viewBox:"0 0 96 96",className:"-rotate-90",children:[(0,lt.jsx)("circle",{cx:"48",cy:"48",r:Oo,fill:"none",stroke:"var(--inkblot-semantic-color-background-tertiary)",strokeWidth:"4"}),(0,lt.jsx)("circle",{cx:"48",cy:"48",r:Oo,fill:"none",stroke:"var(--inkblot-semantic-color-interactive-primary)",strokeWidth:"4",strokeDasharray:Bo,strokeDashoffset:s,strokeLinecap:"round",className:"transition-[stroke-dashoffset] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]"})]}),(0,lt.jsx)("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:(0,lt.jsxs)("span",{className:"flex items-center gap-[var(--inkblot-spacing-1)] [font:var(--inkblot-semantic-typography-heading-small)] font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:[n,"%",a==="up"?(0,lt.jsx)(Qr.TrendingUp,{className:"h-4 w-4 text-[var(--inkblot-semantic-color-status-success)]","aria-hidden":!0}):a==="down"?(0,lt.jsx)(Qr.TrendingDown,{className:"h-4 w-4 text-[var(--inkblot-semantic-color-status-error)]","aria-hidden":!0}):null]})})]}),(0,lt.jsxs)("div",{className:"text-center",children:[(0,lt.jsx)("p",{className:"[font:var(--inkblot-semantic-typography-body-medium)] font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:t}),r?(0,lt.jsx)("p",{className:"[font:var(--inkblot-semantic-typography-body-small)] text-[var(--inkblot-semantic-color-text-tertiary)]",children:r}):null]})]})})}var $t=require("react/jsx-runtime"),Gs={default:"text-[var(--inkblot-semantic-color-text-primary)]",success:"text-[var(--inkblot-semantic-color-status-success)]",warning:"text-[var(--inkblot-semantic-color-status-warning)]",error:"text-[var(--inkblot-semantic-color-status-error)]"};function Ws({className:t}){return(0,$t.jsx)("svg",{viewBox:"0 0 16 16",className:o("h-4 w-4",t),"aria-hidden":!0,children:(0,$t.jsx)("path",{fill:"currentColor",d:"M6 4l4 4-4 4V4z"})})}function Vo({items:t,className:e}){return(0,$t.jsx)(V,{className:e,children:(0,$t.jsx)("ul",{className:o("flex flex-col gap-4 py-2"),children:t.map((r,a)=>(0,$t.jsxs)("li",{className:"flex items-center justify-between gap-4",children:[(0,$t.jsx)("span",{className:"text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:r.label}),(0,$t.jsx)("span",{className:o("flex items-center gap-1 text-sm font-medium",Gs[r.variant??"default"]),children:r.value!=null?r.value:(0,$t.jsx)(Ws,{})})]},a))})})}var mn=require("react/jsx-runtime");function ee({className:t,...e}){return(0,mn.jsx)("div",{className:o("animate-shimmer rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]/40 bg-[length:200%_100%] bg-[linear-gradient(90deg,var(--inkblot-semantic-color-background-secondary)_0%,var(--inkblot-semantic-color-background-tertiary)_50%,var(--inkblot-semantic-color-background-secondary)_100%)]",t),...e})}var ve=require("react/jsx-runtime");function He({className:t,...e}){return(0,ve.jsxs)("div",{className:o("flex flex-col gap-[var(--inkblot-spacing-3)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)] shadow-[var(--inkblot-shadow-sm)]",t),...e,children:[(0,ve.jsx)(ee,{className:"h-8 w-3/5"}),(0,ve.jsx)(ee,{className:"h-4 w-full"}),(0,ve.jsx)(ee,{className:"h-4 w-11/12"}),(0,ve.jsx)(ee,{className:"h-4 w-4/5"}),(0,ve.jsx)(ee,{className:"h-4 w-2/3"})]})}var ge=require("react/jsx-runtime");function kr({children:t,loading:e=!1,title:r,className:a,onRetry:i}){return(0,ge.jsx)(V,{className:a,onRetry:i,children:e?(0,ge.jsxs)("div",{className:o("flex flex-col gap-4",a),children:[r?(0,ge.jsx)("h2",{className:"text-lg font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:r}):null,(0,ge.jsx)(He,{})]}):(0,ge.jsxs)("div",{className:o("flex flex-col gap-4",a),children:[r?(0,ge.jsx)("h2",{className:"text-lg font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:r}):null,t]})})}var pn=require("lucide-react");var Vt=require("react/jsx-runtime");function Be({title:t,subtitle:e,icon:r,action:a,className:i}){return(0,Vt.jsxs)("header",{className:o("flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between","pb-[var(--inkblot-spacing-2)]",i),children:[(0,Vt.jsxs)("div",{className:"flex items-start gap-[var(--inkblot-spacing-3)]",children:[r?(0,Vt.jsx)("div",{className:o("flex h-10 w-10 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-lg)]","bg-[var(--inkblot-semantic-color-background-secondary)]","[color:var(--inkblot-semantic-color-status-warning)]"),children:r}):null,(0,Vt.jsxs)("div",{className:"min-w-0",children:[(0,Vt.jsx)("h1",{className:o("text-[var(--inkblot-semantic-color-text-primary)]","[font:var(--inkblot-semantic-typography-heading-medium)]"),children:t}),e?(0,Vt.jsx)("p",{className:o("mt-0.5 text-[var(--inkblot-semantic-color-text-secondary)]","[font:var(--inkblot-semantic-typography-body-small)]"),children:e}):null]})]}),a?(0,Vt.jsx)("div",{className:"mt-[var(--inkblot-spacing-4)] shrink-0 sm:mt-0",children:a}):null]})}function Oe({label:t,onClick:e,icon:r,className:a}){return(0,Vt.jsxs)("button",{type:"button",onClick:e,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center gap-2 rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]","[font:var(--inkblot-semantic-typography-body-medium)] font-semibold","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","transition-colors duration-[var(--inkblot-duration-fast)]",a),children:[r??(0,Vt.jsx)(pn.Plus,{className:"h-4 w-4"}),t]})}var bn=require("react-router-dom");var Ve=require("react/jsx-runtime");function yr({resetErrorBoundary:t}){return(0,Ve.jsxs)("div",{role:"alert",className:o("flex min-h-[50vh] flex-col items-center justify-center gap-[var(--inkblot-spacing-6)] px-[var(--inkblot-spacing-6)] py-[var(--inkblot-spacing-8)]","bg-[var(--inkblot-semantic-color-background-primary)]","[font:var(--inkblot-semantic-typography-body-small)]"),children:[(0,Ve.jsx)("p",{className:"text-center text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-heading-medium)]",children:"Esta p\xE1gina no est\xE1 disponible"}),(0,Ve.jsxs)("div",{className:"flex flex-col items-center gap-[var(--inkblot-spacing-4)] sm:flex-row",children:[(0,Ve.jsx)("button",{type:"button",onClick:t,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","transition-colors duration-[var(--inkblot-duration-fast)]"),children:"Reintentar"}),(0,Ve.jsx)(bn.Link,{to:"/",className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","text-[var(--inkblot-semantic-color-interactive-primary)] underline-offset-4 hover:underline","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","transition-colors duration-[var(--inkblot-duration-fast)]"),children:"Ir al inicio"})]})]})}var un=require("react-error-boundary"),vn=require("react-router-dom");var gn=require("react/jsx-runtime");function zo({children:t,fallback:e}){let r=(0,vn.useNavigate)();return(0,gn.jsx)(un.ErrorBoundary,{FallbackComponent:e??yr,onReset:()=>{r("/")},children:t})}var fn=require("react"),kn=require("lucide-react");var ze=require("react/jsx-runtime"),re=(0,fn.forwardRef)(({className:t,label:e,error:r,disabled:a,...i},n)=>(0,ze.jsxs)("div",{className:"flex flex-col gap-1",children:[e?(0,ze.jsx)("label",{htmlFor:i.id,className:o("uppercase tracking-wider","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:e}):null,(0,ze.jsxs)("div",{className:o("flex items-center gap-2 rounded-[var(--inkblot-radius-full)]","bg-[var(--inkblot-semantic-color-background-secondary)]","border transition-colors duration-[var(--inkblot-duration-fast)]","focus-within:ring-2 focus-within:ring-[var(--inkblot-semantic-color-border-focus)] focus-within:ring-offset-2 focus-within:ring-offset-[var(--inkblot-semantic-color-background-primary)]",r?"border-[var(--inkblot-semantic-color-status-error)]":"border-[var(--inkblot-semantic-color-border-default)] hover:border-[var(--inkblot-semantic-color-border-strong)]",a&&"opacity-[var(--inkblot-opacity-disabled)] pointer-events-none cursor-not-allowed"),children:[(0,ze.jsx)(kn.Search,{className:o("ml-[var(--inkblot-spacing-4)] h-4 w-4 shrink-0","text-[var(--inkblot-semantic-color-text-tertiary)]")}),(0,ze.jsx)("input",{ref:n,type:"search",disabled:a,"aria-invalid":r,"aria-label":e??"Search",className:o("min-h-[var(--inkblot-size-touch-target-min)] w-full flex-1 bg-transparent px-2 py-[var(--inkblot-spacing-2)] pr-[var(--inkblot-spacing-4)]","[font:var(--inkblot-semantic-typography-body-medium)]","text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]","focus:outline-none","disabled:cursor-not-allowed",t),...i})]})]}));re.displayName="SearchBar";var yn=require("react/jsx-runtime");function Fo({children:t,columns:e=4,className:r}){return(0,yn.jsx)("div",{className:o("grid gap-[var(--inkblot-spacing-4)]",{1:"grid-cols-1",2:"grid-cols-1 sm:grid-cols-2",3:"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",4:"grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"}[e],r),children:t})}var Xe=require("react");var fe=require("react/jsx-runtime");function Go({items:t,activeItemId:e,defaultActiveItemId:r,onActiveItemChange:a,onItemClick:i,className:n}){let s=(0,Xe.useMemo)(()=>r!==void 0?r:t.find(v=>v.active)?.id,[r,t]),[c,l]=(0,Xe.useState)(s),d=e!==void 0,p=d?e:c,u=(0,Xe.useCallback)((v,b)=>{if(b.disabled){v.preventDefault();return}d||l(b.id),i?.(b.id,b),b.onClick?.(b.id),a?.(b.id,b)},[d,a,i]);return(0,fe.jsx)(V,{className:n,children:(0,fe.jsx)("nav",{className:o("flex w-16 flex-col items-center gap-[var(--inkblot-spacing-2)] border-r border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-4)]"),"aria-label":"Navigation",children:t.map(v=>{let b=p?v.id===p:!!v.active;return(0,fe.jsxs)("button",{type:"button",disabled:v.disabled,onClick:g=>u(g,v),"aria-current":b?"page":void 0,className:o("relative flex w-full flex-col items-center gap-[var(--inkblot-spacing-1)] rounded-[var(--inkblot-radius-lg)] border border-transparent px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-2)] transition-[background,border-color,color] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",b?"border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] text-[var(--inkblot-semantic-color-interactive-primary)]":"text-[var(--inkblot-semantic-color-text-tertiary)] hover:bg-[var(--inkblot-semantic-color-background-primary)] hover:text-[var(--inkblot-semantic-color-text-secondary)]","disabled:pointer-events-none disabled:opacity-[var(--inkblot-opacity-disabled)]"),children:[b?(0,fe.jsx)("span",{className:"absolute left-[-0.5rem] top-1/2 h-6 w-1 -translate-y-1/2 rounded-r-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0}):null,(0,fe.jsx)("div",{className:"flex h-8 w-8 items-center justify-center [&>svg]:h-5 [&>svg]:w-5",children:v.icon}),v.label?(0,fe.jsx)("span",{className:"[font:var(--inkblot-semantic-typography-body-small)] font-medium",children:v.label}):null]},v.id)})})})}var ot=require("react/jsx-runtime"),xn={success:"text-[var(--inkblot-semantic-color-status-success)]",error:"text-[var(--inkblot-semantic-color-status-error)]",neutral:"text-[var(--inkblot-semantic-color-text-secondary)]"};function xr({items:t,className:e}){return(0,ot.jsx)("div",{className:o("grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",e),children:t.map(r=>(0,ot.jsx)(Ks,{item:r},r.label))})}function Ks({item:t}){let e=t.changeVariant??"neutral",r=xn[e];return(0,ot.jsxs)("div",{className:o("flex flex-col gap-1 rounded-[var(--inkblot-radius-lg)]","bg-[var(--inkblot-semantic-color-background-secondary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-4)]","border border-[var(--inkblot-semantic-color-border-subtle)]"),children:[(0,ot.jsx)("span",{className:o("uppercase tracking-wider","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-secondary)]"),children:t.label}),(0,ot.jsx)("span",{className:o("[font:var(--inkblot-semantic-typography-heading-medium)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:t.value}),t.change?(0,ot.jsx)("span",{className:o("[font:var(--inkblot-semantic-typography-body-small)]",r),children:t.change}):null]})}function Wo({items:t,className:e}){return(0,ot.jsx)("div",{className:o("grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",e),children:t.map(r=>(0,ot.jsx)($s,{item:r},r.label))})}function $s({item:t}){let e=t.changeVariant??"neutral",r=xn[e],a=t.chartData??[],i=Math.max(...a,1);return(0,ot.jsxs)("div",{className:o("flex flex-col gap-2 rounded-[var(--inkblot-radius-lg)]","bg-[var(--inkblot-semantic-color-background-secondary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-4)]","border border-[var(--inkblot-semantic-color-border-subtle)]"),children:[(0,ot.jsx)("span",{className:o("uppercase tracking-wider","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-secondary)]"),children:t.label}),(0,ot.jsxs)("div",{className:"flex items-end justify-between gap-2",children:[(0,ot.jsx)("span",{className:o("[font:var(--inkblot-semantic-typography-heading-medium)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:t.value}),a.length>0?(0,ot.jsx)("div",{className:"flex h-8 items-end gap-0.5",children:a.map((n,s)=>(0,ot.jsx)("div",{className:"w-1 min-w-[2px] rounded-sm bg-[var(--inkblot-semantic-color-interactive-primary)] opacity-80",style:{height:`${n/i*100}%`,minHeight:4}},s))}):null]}),t.change?(0,ot.jsx)("span",{className:o("[font:var(--inkblot-semantic-typography-body-small)]",r),children:t.change}):null]})}var hr=require("react/jsx-runtime");function Nr({tabs:t,activeTabId:e,onTabChange:r,className:a}){return(0,hr.jsx)("nav",{role:"tablist","aria-label":"Tabs",className:o("flex gap-0 pt-[var(--inkblot-spacing-2)]",a),children:t.map(i=>{let n=i.id===e;return(0,hr.jsxs)("button",{role:"tab","aria-selected":n,"aria-controls":`panel-${i.id}`,id:`tab-${i.id}`,type:"button",onClick:()=>r(i.id),className:o("relative px-[var(--inkblot-spacing-5)] py-[var(--inkblot-spacing-4)]","[font:var(--inkblot-semantic-typography-body-medium)]","transition-colors duration-[var(--inkblot-duration-fast)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]",n?["font-semibold text-[var(--inkblot-semantic-color-text-primary)]","bg-[var(--inkblot-semantic-color-background-secondary)]","rounded-t-[var(--inkblot-radius-lg)]"]:["text-[var(--inkblot-semantic-color-text-secondary)]","hover:text-[var(--inkblot-semantic-color-text-primary)]","hover:bg-[var(--inkblot-semantic-color-background-secondary)]/50"]),children:[i.label,n?(0,hr.jsx)("span",{className:"absolute bottom-0 left-0 right-0 h-0.5 rounded-full bg-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0}):null]},i.id)})})}var Ze=require("lucide-react");var vt=require("react/jsx-runtime"),_s={urgent:"bg-[var(--inkblot-semantic-color-status-error)]/20 text-[var(--inkblot-semantic-color-status-error)] border-[var(--inkblot-semantic-color-status-error)]/30",high:"bg-[var(--inkblot-semantic-color-status-warning)]/20 text-[var(--inkblot-semantic-color-status-warning)] border-[var(--inkblot-semantic-color-status-warning)]/30",medium:"bg-[var(--inkblot-semantic-color-status-success)]/10 text-[var(--inkblot-semantic-color-status-success)] border-[var(--inkblot-semantic-color-status-success)]/30",low:"bg-[var(--inkblot-semantic-color-background-tertiary)] text-[var(--inkblot-semantic-color-text-secondary)] border-[var(--inkblot-semantic-color-border-subtle)]"};function Cr({id:t,title:e,company:r,priority:a,date:i,assignee:n,completed:s=!1,onToggle:c,onClick:l,className:d}){let p=_s[a];return(0,vt.jsxs)("div",{role:"button",tabIndex:0,onClick:()=>l?.(t),onKeyDown:u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),l?.(t))},className:o("flex items-center gap-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-lg)]","border border-[var(--inkblot-semantic-color-border-subtle)]","bg-[var(--inkblot-semantic-color-background-secondary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]","transition-colors duration-[var(--inkblot-duration-fast)]","hover:border-[var(--inkblot-semantic-color-border-default)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","cursor-pointer",d),children:[(0,vt.jsx)("button",{type:"button",onClick:u=>{u.stopPropagation(),c?.(t)},"aria-label":s?"Mark as incomplete":"Mark as complete","aria-pressed":s,className:o("flex h-5 w-5 shrink-0 items-center justify-center rounded-full","transition-colors duration-[var(--inkblot-duration-fast)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]",s?"bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"border-2 border-[var(--inkblot-semantic-color-border-default)] bg-transparent"),children:s?(0,vt.jsx)(Ze.Check,{className:"h-3 w-3",strokeWidth:3}):null}),(0,vt.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,vt.jsx)("p",{className:o("[font:var(--inkblot-semantic-typography-body-large-bold)]","text-[var(--inkblot-semantic-color-text-primary)]",s&&"line-through text-[var(--inkblot-semantic-color-text-secondary)]"),children:e}),(0,vt.jsx)("p",{className:o("mt-0.5 [font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-secondary)]",s&&"line-through"),children:r})]}),(0,vt.jsxs)("div",{className:"flex shrink-0 flex-wrap items-center justify-end gap-[var(--inkblot-spacing-3)]",children:[(0,vt.jsx)("span",{className:o("rounded-[var(--inkblot-radius-md)] border px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)]","[font:var(--inkblot-semantic-typography-body-small)] font-medium",p),children:a.charAt(0).toUpperCase()+a.slice(1)}),(0,vt.jsxs)("span",{className:o("flex items-center gap-1","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:[(0,vt.jsx)(Ze.Calendar,{className:"h-4 w-4 shrink-0 text-[var(--inkblot-semantic-color-text-tertiary)]"}),i]}),(0,vt.jsxs)("span",{className:o("flex items-center gap-1","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:[(0,vt.jsx)(Ze.User,{className:"h-4 w-4 shrink-0 text-[var(--inkblot-semantic-color-text-tertiary)]"}),n]})]})]})}var Je=require("lucide-react");var _t=require("react/jsx-runtime"),Us={todo:Je.CircleDot,in_progress:Je.Clock,done:Je.CheckCircle};function wr({sections:t,onTaskToggle:e,onTaskClick:r,className:a}){return(0,_t.jsx)("div",{className:o("flex flex-col gap-[var(--inkblot-spacing-8)]",a),children:t.map(i=>{let n=Us[i.id],s=i.id==="done";return(0,_t.jsxs)("section",{className:"flex flex-col gap-[var(--inkblot-spacing-4)]",children:[(0,_t.jsxs)("div",{className:"flex items-center gap-[var(--inkblot-spacing-3)]",children:[(0,_t.jsx)(n,{className:o("h-5 w-5 shrink-0",s?"text-[var(--inkblot-semantic-color-interactive-primary)]":"text-[var(--inkblot-semantic-color-text-secondary)]")}),(0,_t.jsx)("h2",{className:o("[font:var(--inkblot-semantic-typography-body-large-bold)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:i.label}),(0,_t.jsx)("span",{className:o("rounded-[var(--inkblot-radius-full)] px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)]","bg-[var(--inkblot-semantic-color-background-secondary)]","[font:var(--inkblot-semantic-typography-body-small)] font-medium","text-[var(--inkblot-semantic-color-text-primary)]"),children:i.count})]}),(0,_t.jsx)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-3)]",children:i.tasks.map(c=>(0,_t.jsx)(Cr,{...c,completed:s,onToggle:e,onClick:r},c.id))})]},i.id)})})}var dt=require("lucide-react");var ct=require("react/jsx-runtime");function js(t){return t>=.8?"bg-[var(--inkblot-semantic-color-status-success)]":t>=.5?"bg-[var(--inkblot-semantic-color-status-info)]":t>=.2?"bg-[var(--inkblot-semantic-color-status-warning)]":"bg-[var(--inkblot-semantic-color-status-error)]"}var qs={EMAIL_OPENED:dt.Mail,EMAIL_SENT:dt.Mail,INVOICE_PAID:dt.FileText,INVOICE_OVERDUE:dt.FileText,CONTRACT_SIGNED:dt.FileText,STAGE_CHANGED:dt.Zap,CALL_COMPLETED:dt.Phone,PHONE_CALL:dt.Phone,RELATIONSHIP_DETECTED:dt.Link2};function Ys(t){return qs[t]??dt.FileText}function Xs(t){return t.metadata?.description??t.event_type.replace(/_/g," ").toLowerCase()}function Zs(t){return t.metadata?.details??`${t.actor} - ${t.subject}`}function Tr({events:t,onEntitySelect:e,findEntity:r,emptyMessage:a="No hay actividad reciente",className:i}){let n=e?s=>{let c=r?.(s.subject)??r?.(s.actor);c&&e(c)}:void 0;return(0,ct.jsx)(V,{children:(0,ct.jsx)("div",{className:o("space-y-2",i),children:t.length===0?(0,ct.jsx)("p",{className:"py-6 text-center text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:a}):t.map(s=>{let l=!!(r?.(s.subject)??r?.(s.actor))&&!!n,d=Ys(s.event_type),p=(0,ct.jsxs)("div",{className:"flex flex-1 items-center gap-3",children:[(0,ct.jsx)(d,{className:"h-4 w-4 shrink-0 text-[var(--inkblot-semantic-color-text-secondary)]","aria-hidden":!0}),(0,ct.jsx)("div",{className:`h-2 w-2 shrink-0 rounded-full ${js(s.confidence_score)}`,"aria-hidden":!0}),(0,ct.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,ct.jsx)("p",{className:"text-sm font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:Xs(s)}),(0,ct.jsx)("p",{className:"text-xs text-[var(--inkblot-semantic-color-text-secondary)]",children:Zs(s)})]}),(0,ct.jsx)("span",{className:"shrink-0 text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:s.timestamp})]}),u=s.id??`${s.actor}-${s.subject}-${s.timestamp}`;return(0,ct.jsx)("div",{children:l?(0,ct.jsx)("button",{type:"button",onClick:()=>n(s),className:"flex w-full items-center gap-3 rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-secondary)] p-3 text-left transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)] focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]",children:p}):(0,ct.jsx)("div",{className:"flex w-full items-center gap-3 rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-secondary)] p-3",children:p})},u)})})})}var hn=require("react-router-dom"),gt=require("lucide-react");var Ut=require("react/jsx-runtime"),Js=[{id:"home",path:"/",icon:gt.ClipboardList,label:"Home"},{id:"intelligence",path:"/intelligence",icon:gt.Brain,label:"Intelligence"},{id:"pipeline",path:"/pipeline",icon:gt.BarChart3,label:"Pipeline"},{id:"graph",path:"/graph",icon:gt.Network,label:"Graph"},{id:"events",path:"/events",icon:gt.Activity,label:"Events"},{id:"settings",path:"/settings",icon:gt.Settings,label:"Settings"}];function Ko({items:t=Js,brandLogo:e,brandTitle:r="Command Canvas \u2014 AI-native Interface",className:a}){return(0,Ut.jsx)(V,{children:(0,Ut.jsxs)("nav",{className:o("flex h-full flex-col gap-[var(--inkblot-spacing-4)] border-r border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-3)]",a),children:[(0,Ut.jsx)("div",{className:"flex flex-col items-center gap-2",children:(0,Ut.jsx)("div",{className:"flex h-11 w-11 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] shadow-[var(--inkblot-shadow-sm)]",title:r,children:e??(0,Ut.jsx)(gt.Sparkles,{className:"h-5 w-5 text-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0})})}),(0,Ut.jsx)("div",{className:"flex flex-1 flex-col gap-[var(--inkblot-spacing-2)]",children:t.map(i=>{let n=i.icon;return(0,Ut.jsx)(hn.NavLink,{to:i.path,end:i.path==="/","aria-label":i.label,className:({isActive:s})=>`flex items-center justify-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-lg)] border border-transparent px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-2)] transition-[background,border-color,color] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] ${s?"border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] text-[var(--inkblot-semantic-color-interactive-primary)]":"text-[var(--inkblot-semantic-color-text-secondary)] hover:border-[var(--inkblot-semantic-color-border-default)]/60 hover:bg-[var(--inkblot-semantic-color-background-primary)]"}`,children:(0,Ut.jsx)(n,{size:20,"aria-hidden":!0})},i.id)})})]})})}var zt=require("react");var F=require("react/jsx-runtime");function Qs(t){let e=t.toLowerCase();return e.includes("entity")||e.includes("company")||e.includes("person")||e.includes("deal")||e.includes("profile")||e.includes("org")?"entity":e.includes("event")||e.includes("activity")||e.includes("recent")||e.includes("stream")||e.includes("log")?"event":"general"}function tl({entities:t}){let e=t[0];return e?(0,F.jsxs)("div",{className:"space-y-3",children:[(0,F.jsx)("p",{className:"text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:"Here's the entity profile and current intelligence scores:"}),(0,F.jsx)(br,{name:e.name,entityType:e.type,metadata:e.metadata,edges:[{type:"WORKS_WITH",target:t[1]?.name},{type:"MANAGES",target:t[4]?.name}]})]}):null}function el({events:t}){return(0,F.jsxs)("div",{className:"space-y-2",children:[(0,F.jsx)("p",{className:"text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:"Latest activity from the event bus:"}),t.slice(0,5).map(e=>(0,F.jsx)(gr,{event:e},e.id??`${e.actor}-${e.subject}-${e.timestamp}`))]})}function rl(){return(0,F.jsx)("p",{className:"text-sm text-[var(--inkblot-semantic-color-text-primary)]",children:"Revenue confidence is trending upward at 78%. Momentum score increased 12% this week driven by 3 new meetings with Acme Corp. Churn risk remains low at 15% across the active pipeline."})}function $o({entities:t,events:e,onFocusEntity:r,findEntity:a,placeholder:i="Ask anything \u2014 deals, contacts, forecasts...",emptyMessage:n="Escribe para comenzar...",className:s}){let[c,l]=(0,zt.useState)(""),[d,p]=(0,zt.useState)([]),[u,v]=(0,zt.useState)(!1),[b,g]=(0,zt.useState)(new Map),N=(0,zt.useRef)(null);(0,zt.useEffect)(()=>{N.current&&(N.current.scrollTop=N.current.scrollHeight)},[d,u]);let w=(0,zt.useCallback)(()=>{let x=c.trim();if(!x||u)return;let D=a?.(x);D&&r&&r(D);let T={id:`msg-${Date.now()}`,role:"user",content:x,timestamp:new Date().toISOString()},h=Qs(x);p(k=>[...k,T]),l(""),v(!0),setTimeout(()=>{let k={id:`msg-${Date.now()}-res`,role:"assistant",content:"",intent:h,timestamp:new Date().toISOString()},m;switch(h){case"entity":m=(0,F.jsx)(tl,{entities:t});break;case"event":m=(0,F.jsx)(el,{events:e});break;default:m=(0,F.jsx)(rl,{})}g(y=>{let C=new Map(y);return C.set(k.id,m),C}),p(y=>[...y,k]),v(!1)},1e3)},[c,u,t,e,r,a]);return(0,F.jsxs)("div",{className:o("flex h-full flex-col",s),children:[(0,F.jsxs)("div",{ref:N,className:"flex-1 space-y-4 overflow-y-auto p-4",children:[d.length===0&&!u?(0,F.jsx)("div",{className:"flex flex-1 items-center justify-center py-12",children:(0,F.jsx)("p",{className:"text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:n})}):d.map(x=>(0,F.jsx)("div",{className:"flex flex-col gap-2",children:x.role==="user"?(0,F.jsx)("div",{className:"flex justify-end",children:(0,F.jsx)("div",{className:"max-w-[80%] rounded-[var(--inkblot-radius-lg)] bg-[var(--inkblot-semantic-color-interactive-primary)] px-4 py-3 text-sm text-[var(--inkblot-semantic-color-text-primary)]",children:x.content})}):(0,F.jsx)("div",{className:"max-w-[90%]",children:b.get(x.id)??(0,F.jsx)("p",{className:"text-sm text-[var(--inkblot-semantic-color-text-primary)]",children:x.content})})},x.id)),u&&(0,F.jsx)("div",{className:"max-w-[70%]",children:(0,F.jsx)(He,{className:"animate-shimmer"})})]}),(0,F.jsx)("div",{className:"shrink-0 border-t border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] p-4",children:(0,F.jsx)(De,{promptValue:c,onPromptChange:l,onPromptSubmit:w,isProcessing:u,placeholder:i})})]})}var Nn=require("lucide-react");var oe=require("react/jsx-runtime");function _o({prompt:t,onPromptChange:e,onSubmit:r,isProcessing:a,placeholder:i="Ask anything \u2014 deals, contacts, forecasts...",subtitle:n="Citron OS v1.0 \u2014 AI-native Revenue & Operations Platform",className:s}){return(0,oe.jsxs)("div",{className:o("border-t border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-[var(--inkblot-spacing-6)] py-[var(--inkblot-spacing-4)]",s),children:[(0,oe.jsxs)("div",{className:"flex items-start gap-[var(--inkblot-spacing-3)]",children:[(0,oe.jsx)("div",{className:"mt-[var(--inkblot-spacing-1)] flex h-10 w-10 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)]",children:(0,oe.jsx)(Nn.Sparkles,{className:"h-5 w-5 text-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0})}),(0,oe.jsx)("div",{className:"flex-1",children:(0,oe.jsx)(De,{promptValue:t,onPromptChange:e,onPromptSubmit:r,isProcessing:a,placeholder:i})})]}),n&&(0,oe.jsx)("p",{className:"mt-[var(--inkblot-spacing-2)] [font:var(--inkblot-semantic-typography-body-small)] text-[var(--inkblot-semantic-color-text-tertiary)]",children:n})]})}var Ft=require("react/jsx-runtime");function Uo({events:t,title:e="Event Stream",showLive:r=!0,className:a}){return(0,Ft.jsx)(V,{children:(0,Ft.jsxs)("div",{className:o("flex h-full flex-col bg-[var(--inkblot-semantic-color-background-secondary)]",a),children:[(0,Ft.jsxs)("div",{className:"flex shrink-0 items-center justify-between border-b border-[var(--inkblot-semantic-color-border-default)] px-4 py-3",children:[(0,Ft.jsx)("span",{className:"text-xs font-medium uppercase tracking-wider text-[var(--inkblot-semantic-color-text-secondary)]",children:e}),r&&(0,Ft.jsxs)("div",{className:"flex items-center gap-2",children:[(0,Ft.jsx)("div",{className:"h-2 w-2 rounded-full bg-[var(--inkblot-semantic-color-status-success)]"}),(0,Ft.jsx)("span",{className:"text-xs text-[var(--inkblot-semantic-color-status-success)]",children:"Live"})]})]}),(0,Ft.jsx)("div",{className:"flex-1 overflow-auto p-4",children:(0,Ft.jsx)(Tr,{events:t})})]})})}var U=require("react/jsx-runtime"),ol=[{label:"Pipeline Health",value:76},{label:"Churn Risk",value:28},{label:"Expansion Signal",value:64},{label:"Team Velocity",value:83}],al=[{title:"Acme Corp likely to close within 14 days",description:"Based on email sentiment, meeting cadence, and champion engagement patterns.",confidence:89},{title:"Churn risk detected: GlobalTech Inc",description:"Declining touchpoints and support ticket volume suggest potential churn.",confidence:74},{title:"Expansion opportunity: TechVentures",description:"Usage patterns and NPS scores indicate readiness for upsell conversation.",confidence:81}];function jo({loading:t,kpiCards:e=ol,aiInsights:r=al,title:a="Intelligence Lab",subtitle:i="AI-generated insights - Updated 3 min ago",className:n}){return(0,U.jsxs)("div",{className:o("flex h-full flex-col gap-4 overflow-y-auto p-4",n),children:[(0,U.jsxs)("div",{children:[(0,U.jsx)("h1",{className:"text-2xl font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:a}),(0,U.jsx)("p",{className:"text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:i})]}),(0,U.jsx)(kr,{loading:t,title:"",children:(0,U.jsx)(V,{children:(0,U.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,U.jsx)("div",{className:"grid grid-cols-2 gap-4 lg:grid-cols-4",children:e.map(s=>(0,U.jsx)(fr,{label:s.label,value:s.value,subtext:s.subtext,trend:s.trend},s.label))}),(0,U.jsxs)("div",{children:[(0,U.jsx)("h2",{className:"mb-4 border-b border-[var(--inkblot-semantic-color-border-default)] pb-2 text-sm font-bold uppercase tracking-wider text-[var(--inkblot-semantic-color-text-primary)]",children:"AI Insights"}),(0,U.jsx)("div",{className:"flex flex-col gap-4",children:r.map(s=>(0,U.jsx)(V,{children:(0,U.jsxs)("div",{className:"flex items-start justify-between gap-4 rounded-[var(--inkblot-radius-lg)] bg-[var(--inkblot-semantic-color-background-secondary)] p-4",children:[(0,U.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,U.jsx)("h3",{className:"font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:s.title}),(0,U.jsx)("p",{className:"mt-1 text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:s.description})]}),(0,U.jsxs)("div",{className:"flex shrink-0 flex-col items-center",children:[(0,U.jsx)("span",{className:"text-lg font-bold text-[var(--inkblot-semantic-color-text-primary)]",children:s.confidence}),(0,U.jsx)("span",{className:"text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:"Conf."})]})]})},s.title))})]})]})})})]})}var jt=require("react/jsx-runtime");function qo({navigation:t,eventStream:e,commandBar:r,children:a,className:i,eventStreamWidth:n="w-80"}){return(0,jt.jsxs)("div",{className:o("flex h-screen w-screen overflow-hidden bg-[var(--inkblot-semantic-color-background-primary)]",i),children:[(0,jt.jsx)("aside",{className:"flex h-full w-16 shrink-0 flex-col border-r border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)]",children:t}),(0,jt.jsx)("main",{className:"flex flex-1 flex-col overflow-hidden",children:(0,jt.jsxs)("div",{className:"flex min-h-0 flex-1",children:[(0,jt.jsxs)("div",{className:"flex min-h-0 flex-1 flex-col overflow-hidden bg-[var(--inkblot-semantic-color-background-primary)]",children:[(0,jt.jsx)("div",{className:"flex-1 overflow-auto px-[var(--inkblot-spacing-6)] py-[var(--inkblot-spacing-6)]",children:a}),(0,jt.jsx)("div",{className:"shrink-0 border-t border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)]",children:r})]}),e&&(0,jt.jsx)("aside",{className:o("flex h-full shrink-0 flex-col border-l border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)]",n),children:e})]})})]})}var to=require("react"),eo=require("lucide-react");var At=require("react/jsx-runtime"),nl=["urgent","high","medium","low"];function Pr({onConfirm:t,onCancel:e,className:r}){let[a,i]=(0,to.useState)(""),[n,s]=(0,to.useState)(""),[c,l]=(0,to.useState)("medium");return(0,At.jsxs)("form",{onSubmit:p=>{p.preventDefault();let u=a.trim();u&&(t({title:u,company:n.trim()||void 0,priority:c}),i(""),s(""),l("medium"))},className:o("flex flex-col gap-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-lg)]","border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-secondary)]","p-[var(--inkblot-spacing-4)]",r),children:[(0,At.jsx)("input",{type:"text",value:a,onChange:p=>i(p.target.value),placeholder:"Task title...",autoFocus:!0,required:!0,className:o("min-h-[var(--inkblot-size-touch-target-min)] w-full rounded-[var(--inkblot-radius-md)]","border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)]","text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)]")}),(0,At.jsx)("input",{type:"text",value:n,onChange:p=>s(p.target.value),placeholder:"Company (optional)",className:o("min-h-[var(--inkblot-size-touch-target-min)] w-full rounded-[var(--inkblot-radius-md)]","border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)]","text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)]")}),(0,At.jsx)("div",{className:"flex flex-wrap gap-[var(--inkblot-spacing-2)]",children:nl.map(p=>(0,At.jsx)("button",{type:"button",onClick:()=>l(p),className:o("rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)]","[font:var(--inkblot-semantic-typography-body-small)] font-medium","transition-colors duration-[var(--inkblot-duration-fast)]",c===p?"bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"bg-[var(--inkblot-semantic-color-background-tertiary)] text-[var(--inkblot-semantic-color-text-secondary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]/80"),children:p.charAt(0).toUpperCase()+p.slice(1)},p))}),(0,At.jsxs)("div",{className:"flex justify-end gap-[var(--inkblot-spacing-2)]",children:[(0,At.jsxs)("button",{type:"button",onClick:e,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center gap-2 rounded-[var(--inkblot-radius-lg)]","border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-interactive-secondary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)] font-medium","text-[var(--inkblot-semantic-color-text-primary)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)]"),children:[(0,At.jsx)(eo.X,{className:"h-4 w-4"}),"Cancel"]}),(0,At.jsxs)("button",{type:"submit",disabled:!a.trim(),className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center gap-2 rounded-[var(--inkblot-radius-lg)]","bg-[var(--inkblot-semantic-color-interactive-primary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)] font-medium","text-[var(--inkblot-semantic-color-text-inverse)]","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)]","disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:cursor-not-allowed"),children:[(0,At.jsx)(eo.Check,{className:"h-4 w-4"}),"Add Task"]})]})]})}var xe=require("react"),Qe=require("lucide-react");var oo=require("react");var Cn=require("react");var wn=require("react/jsx-runtime"),il={sm:"h-8 px-3 text-xs",md:"h-10 px-4 text-sm",lg:"h-11 px-5 text-sm"};function ro({pressed:t,defaultPressed:e=!1,onPressedChange:r,size:a="md",variant:i="default",disabled:n,className:s,children:c,...l}){let[d,p]=(0,Cn.useState)(e),u=t??d;return(0,wn.jsx)("button",{type:"button","aria-pressed":u,disabled:n,onClick:()=>{if(n)return;let b=!u;t===void 0&&p(b),r?.(b)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-md)] border font-medium transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",il[a],i==="default"?u?"border-[var(--inkblot-semantic-color-interactive-primary)] bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]":u?"border-[var(--inkblot-semantic-color-text-primary)] bg-[var(--inkblot-semantic-color-background-tertiary)] text-[var(--inkblot-semantic-color-text-primary)]":"border-[var(--inkblot-semantic-color-border-default)] bg-transparent text-[var(--inkblot-semantic-color-text-secondary)] hover:text-[var(--inkblot-semantic-color-text-primary)]",s),...l,children:c})}var Mr=require("react/jsx-runtime");function ao({type:t="single",items:e,value:r,defaultValue:a,onValueChange:i,className:n,...s}){let c=a??(t==="single"?"":[]),[l,d]=(0,oo.useState)(c),p=r??l,u=(0,oo.useMemo)(()=>{if(t==="single"){let g=typeof p=="string"?p:"";return new Set(g?[g]:[])}let b=Array.isArray(p)?p:[];return new Set(b)},[p,t]),v=b=>{if(t==="single"){let w=u.has(b)?"":b;r===void 0&&d(w),i?.(w);return}let g=Array.isArray(p)?p:[],N=g.includes(b)?g.filter(w=>w!==b):[...g,b];r===void 0&&d(N),i?.(N)};return(0,Mr.jsx)("div",{className:o("inline-flex items-center gap-2 rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-tertiary)] p-1",n),...s,children:e.map(b=>{let g=b.icon;return(0,Mr.jsxs)(ro,{pressed:u.has(b.id),onPressedChange:()=>v(b.id),disabled:b.disabled,size:"sm",children:[g?(0,Mr.jsx)(g,{className:"mr-2 size-4"}):null,b.label]},b.id)})})}var En=require("@hello-pangea/dnd"),io=require("react");var Mn=require("@hello-pangea/dnd");var Tn=require("react"),Pn=require("lucide-react");var Sr=require("react/jsx-runtime"),sl={sm:"h-8 w-8 text-xs",md:"h-10 w-10 text-sm",lg:"h-14 w-14 text-base"};function no({src:t,alt:e="Avatar",fallback:r,size:a="md",disabled:i=!1,className:n}){let[s,c]=(0,Tn.useState)(!1),l=!!(t&&!s);return(0,Sr.jsx)("span",{"aria-disabled":i,className:o("inline-flex shrink-0 items-center justify-center overflow-hidden rounded-[var(--inkblot-radius-full)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-tertiary)] text-[var(--inkblot-semantic-color-text-secondary)]",i&&"opacity-[var(--inkblot-opacity-disabled)]",sl[a],n),children:l?(0,Sr.jsx)("img",{src:t,alt:e,onError:()=>c(!0),className:"h-full w-full object-cover"}):r?(0,Sr.jsx)("span",{className:"font-medium uppercase",children:r.slice(0,2)}):(0,Sr.jsx)(Pn.User,{className:"h-4 w-4"})})}var ht=require("react/jsx-runtime"),ll={low:"bg-[var(--inkblot-semantic-color-status-info)]",medium:"bg-[var(--inkblot-semantic-color-status-success)]",high:"bg-[var(--inkblot-semantic-color-status-warning)]",urgent:"bg-[var(--inkblot-semantic-color-status-error)]"};function Er({task:t,index:e,className:r}){let a=t.jiraKey??`TASK-${t.id}`;return(0,ht.jsx)(Mn.Draggable,{draggableId:t.id,index:e,children:(i,n)=>(0,ht.jsxs)("div",{ref:i.innerRef,...i.draggableProps,...i.dragHandleProps,className:o("relative flex cursor-grab flex-col gap-[var(--inkblot-spacing-3)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)] shadow-[var(--inkblot-shadow-sm)]","active:cursor-grabbing",n.isDragging&&"shadow-[var(--inkblot-shadow-lg)] ring-2 ring-[var(--inkblot-semantic-color-border-focus)]",r),children:[(0,ht.jsx)("div",{className:"absolute right-[var(--inkblot-spacing-3)] top-[var(--inkblot-spacing-3)] h-8 w-1 rounded-[var(--inkblot-radius-sm)]",children:(0,ht.jsx)("span",{className:o("block h-full w-full rounded-[var(--inkblot-radius-sm)]",ll[t.priority])})}),(0,ht.jsx)("p",{className:o("pr-[var(--inkblot-spacing-4)] text-[var(--inkblot-semantic-color-text-primary)]","[font:var(--inkblot-semantic-typography-body-medium)] font-semibold"),children:t.title}),(0,ht.jsx)("p",{className:"text-[var(--inkblot-semantic-color-text-tertiary)] [font:var(--inkblot-semantic-typography-body-small)]",children:t.company}),(0,ht.jsxs)("div",{className:"flex items-end justify-between gap-[var(--inkblot-spacing-2)]",children:[(0,ht.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,ht.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-tertiary)] [font:var(--inkblot-semantic-typography-body-small)]",children:a}),t.date?(0,ht.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-secondary)] [font:var(--inkblot-semantic-typography-body-small)]",children:t.date}):null]}),(0,ht.jsx)(no,{size:"sm",fallback:t.assignee.replace(/\s/g,"").slice(0,2).toUpperCase(),alt:t.assignee})]})]})})}var Sn=require("@hello-pangea/dnd");var ke=require("react/jsx-runtime");function Ir({columnId:t,title:e,count:r,children:a,className:i}){return(0,ke.jsxs)("div",{className:o("flex min-w-[min(100%,280px)] flex-1 flex-col rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-tertiary)]",i),children:[(0,ke.jsxs)("header",{className:o("flex items-center justify-between gap-[var(--inkblot-spacing-3)] border-b border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-secondary)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]"),children:[(0,ke.jsx)("h2",{className:o("text-[var(--inkblot-semantic-color-text-secondary)] [font:var(--inkblot-semantic-typography-body-small)]","font-semibold uppercase tracking-wide"),children:e}),(0,ke.jsx)("span",{className:o("min-w-[var(--inkblot-size-touch-target-min)] rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-2)] py-0.5 text-center","bg-[var(--inkblot-semantic-color-background-tertiary)] text-[var(--inkblot-semantic-color-text-primary)]","[font:var(--inkblot-semantic-typography-body-small)] font-medium"),children:r})]}),(0,ke.jsx)(Sn.Droppable,{droppableId:t,children:(n,s)=>(0,ke.jsxs)("div",{ref:n.innerRef,...n.droppableProps,className:o("flex min-h-[200px] flex-1 flex-col gap-[var(--inkblot-spacing-3)] p-[var(--inkblot-spacing-3)]",s.isDraggingOver&&"bg-[var(--inkblot-semantic-color-interactive-secondary)]/30"),children:[a,n.placeholder]})})]})}var Lr=require("react/jsx-runtime"),cl=[{id:"todo",title:"TO DO"},{id:"in_progress",title:"IN PROGRESS"},{id:"done",title:"DONE"}];function dl(t,e){let{destination:r,source:a,draggableId:i}=e;if(!r||a.droppableId===r.droppableId&&a.index===r.index)return t;let n=r.droppableId,s=t.find(v=>v.id===i);if(!s)return t;let c=t.filter(v=>v.id!==i),l={...s,status:n},p=[...c.filter(v=>v.status===n)];return p.splice(r.index,0,l),["todo","in_progress","done"].flatMap(v=>v===n?p:c.filter(b=>b.status===v))}function Rr({tasks:t,onTasksChange:e,className:r}){let a=(0,io.useCallback)(n=>{e(dl(t,n))},[t,e]),i=(0,io.useMemo)(()=>{let n={todo:[],in_progress:[],done:[]};for(let s of t)n[s.status].push(s);return n},[t]);return(0,Lr.jsx)(En.DragDropContext,{onDragEnd:a,children:(0,Lr.jsx)("div",{className:o("flex w-full flex-col gap-[var(--inkblot-spacing-4)] lg:flex-row lg:items-start lg:overflow-x-auto",r),children:cl.map(n=>{let s=i[n.id];return(0,Lr.jsx)(Ir,{columnId:n.id,title:n.title,count:s.length,children:s.map((c,l)=>(0,Lr.jsx)(Er,{task:c,index:l},c.id))},n.id)})})})}var ft=require("react/jsx-runtime");function ye(t,e,r="You",a){let n=new Date().toLocaleDateString("en-US",{month:"short",day:"numeric"})||"Today";return{id:e,title:t.title,company:t.company??"Unassigned",priority:t.priority??"medium",date:n,assignee:r,status:"todo",jiraKey:a}}function ml(t){let e={todo:t.filter(r=>r.status==="todo"),in_progress:t.filter(r=>r.status==="in_progress"),done:t.filter(r=>r.status==="done")};return[{id:"todo",label:"TO DO",count:e.todo.length,tasks:e.todo},{id:"in_progress",label:"IN PROGRESS",count:e.in_progress.length,tasks:e.in_progress},{id:"done",label:"DONE",count:e.done.length,tasks:e.done}]}var he=[ye({title:"Follow up with Sarah Chen on proposal",company:"Acme Corp",priority:"high"},"1","You","CRM-104"),ye({title:"Schedule demo with engineering team",company:"TechStart Inc",priority:"medium"},"2","Alex M.","CRM-112"),ye({title:"Prepare quarterly report slides",company:"GlobalTech",priority:"low"},"3","Sam R.","CRM-98"),ye({title:"Review Q1 marketing budget",company:"TechStart Inc",priority:"medium"},"4","Jamie L.","CRM-120"),ye({title:"Draft partnership agreement",company:"Enterprise Co",priority:"urgent"},"5","You","CRM-88"),ye({title:"Send contract to legal team",company:"GlobalTech",priority:"low"},"6","Lisa K."),ye({title:"Update CRM with new contacts",company:"Acme Corp",priority:"low"},"7","Morgan P.","CRM-130")];he[0].status="todo";he[1].status="todo";he[2].status="todo";he[3].status="in_progress";he[4].status="in_progress";he[5].status="done";he[6].status="done";function Yo({initialTasks:t=he,onTaskCreate:e,onTaskToggle:r,onTaskClick:a,onTasksReorder:i,className:n}){let[s,c]=(0,xe.useState)(t),[l,d]=(0,xe.useState)(!1),[p,u]=(0,xe.useState)(""),[v,b]=(0,xe.useState)("list"),g=(0,xe.useMemo)(()=>{if(!p.trim())return s;let m=p.toLowerCase();return s.filter(y=>y.title.toLowerCase().includes(m)||y.company.toLowerCase().includes(m)||(y.jiraKey?.toLowerCase().includes(m)??!1))},[s,p]),N=(0,xe.useMemo)(()=>ml(g),[g]),w=s.filter(m=>m.status!=="done").length,x=s.filter(m=>m.priority==="urgent"&&m.status!=="done").length,D=`${w} pending${x>0?` \xB7 ${x} urgent`:""}`,T=m=>{let y=`task-${Date.now()}`,C=ye(m,y);c(S=>[C,...S]),d(!1),e?.(m)},h=m=>{c(y=>y.map(C=>{if(C.id!==m)return C;let S=C.status==="done"?"todo":"done";return{...C,status:S}})),r?.(m)},k=m=>{c(m),i?.(m)};return(0,ft.jsx)("div",{className:o("flex min-h-screen flex-col bg-[var(--inkblot-semantic-color-background-primary)]",n),children:(0,ft.jsxs)("div",{className:"flex flex-1 flex-col gap-8 px-8 py-8",children:[(0,ft.jsx)(Be,{title:"Tasks",subtitle:D,icon:(0,ft.jsx)(Qe.ClipboardList,{className:"h-5 w-5"}),action:(0,ft.jsx)(Oe,{label:"New Task",onClick:()=>d(m=>!m)})}),(0,ft.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-4)] xl:flex-row xl:items-center xl:gap-[var(--inkblot-spacing-4)]",children:[(0,ft.jsx)(ao,{type:"single",value:v,onValueChange:m=>{(m==="list"||m==="kanban")&&b(m)},items:[{id:"list",label:"List View",icon:Qe.List},{id:"kanban",label:"Kanban Board View",icon:Qe.LayoutGrid}]}),(0,ft.jsx)("div",{className:"min-w-0 flex-1",children:(0,ft.jsx)(re,{placeholder:v==="list"?"Search tasks (title, company, Jira key)...":"Switch to list view to search and filter tasks",value:p,onChange:m=>u(m.target.value),disabled:v==="kanban"})})]}),l?(0,ft.jsx)(Pr,{onConfirm:T,onCancel:()=>d(!1)}):null,v==="list"?(0,ft.jsx)(wr,{sections:N,onTaskToggle:h,onTaskClick:a}):(0,ft.jsx)(Rr,{tasks:s,onTasksChange:k})]})})}var Gt=require("react"),An=require("lucide-react");var z=require("react/jsx-runtime"),pl=`Hi [Name],
|
|
1
|
+
"use strict";var ta=Object.defineProperty;var rl=Object.getOwnPropertyDescriptor;var ol=Object.getOwnPropertyNames;var al=Object.prototype.hasOwnProperty;var nl=(t,e)=>{for(var r in e)ta(t,r,{get:e[r],enumerable:!0})},il=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of ol(e))!al.call(t,n)&&n!==r&&ta(t,n,{get:()=>e[n],enumerable:!(a=rl(e,n))||a.enumerable});return t};var sl=t=>il(ta({},"__esModule",{value:!0}),t);var Qc={};nl(Qc,{AIComposeInput:()=>sr,AIEmailGenerator:()=>Jl,Accordion:()=>ii,ActionButtons:()=>go,ActivityStream:()=>Kr,AdvancedDropdown:()=>$s,Alert:()=>si,AlertDialog:()=>ci,AppLayout:()=>lc,AppNavigationRail:()=>ma,AppSidebar:()=>ha,AspectRatio:()=>bi,Avatar:()=>Co,Badge:()=>ui,Breadcrumb:()=>fi,Button:()=>lr,CITRON_THEME_STORAGE_KEY:()=>Zr,Calendar:()=>yi,CampaignTable:()=>Sr,CanvasProvider:()=>Io,Card:()=>xi,CardContent:()=>Ci,CardDescription:()=>wi,CardFooter:()=>Ti,CardHeader:()=>hi,CardTitle:()=>Ni,Carousel:()=>Mi,CenteredAIChat:()=>js,Chart:()=>Si,ChatFeed:()=>pa,Checkbox:()=>Li,CircularScore:()=>wa,Collapsible:()=>Di,Command:()=>Bi,CommandBar:()=>ba,CommandCanvas:()=>gc,CommandInterface:()=>qe,ContextMenu:()=>Oi,Dialog:()=>Gi,DialogClose:()=>Do,DialogContent:()=>Ma,DialogDescription:()=>_i,DialogFooter:()=>$i,DialogHeader:()=>Wi,DialogTitle:()=>Ki,DialogTrigger:()=>Pa,Drawer:()=>Yi,DrawerClose:()=>La,DrawerContent:()=>Ia,DrawerDescription:()=>Qi,DrawerFooter:()=>Ji,DrawerHeader:()=>Xi,DrawerTitle:()=>Zi,DrawerTrigger:()=>Ea,DropdownMenu:()=>rs,DropdownMenuContent:()=>Da,DropdownMenuItem:()=>Ha,DropdownMenuSeparator:()=>os,DropdownMenuTrigger:()=>Ra,EmailBlockEditor:()=>kc,EmailCampaignsView:()=>ka,EmailComposeActionButtons:()=>Pr,EmailTemplatesSection:()=>Ir,EntityCard:()=>Lr,EntityCommandCard:()=>ea,ErrorBoundary:()=>Ar,EventFeed:()=>Eo,EventRow:()=>Dr,EventStreamFeed:()=>oa,EventStreamSidebar:()=>ua,Form:()=>Ba,FormActions:()=>ss,FormField:()=>is,GraphView:()=>Nc,GuidedTour:()=>Cc,HoverCard:()=>ds,HoverCardContent:()=>Va,HoverCardTrigger:()=>za,Input:()=>Me,InputOtp:()=>Ga,IntegrationPlaceholder:()=>tl,IntelligenceCard:()=>Pc,IntelligenceLab:()=>va,IntelligenceScoreCard:()=>Hr,Label:()=>Wa,MainShell:()=>ga,Menubar:()=>_a,MenubarCloseZone:()=>qa,MenubarContent:()=>ja,MenubarItem:()=>Ua,MenubarMenu:()=>gs,MenubarSeparator:()=>fs,MenubarTrigger:()=>$a,MetricComparisonList:()=>ia,ModuleAssistantPanel:()=>Us,ModuleContainer:()=>Br,ModuleErrorBoundary:()=>K,ModuleSkeleton:()=>Ye,NavLink:()=>So,NavLinkRouter:()=>qo,NavigationMenu:()=>ks,OSNavigationRail:()=>ca,OnboardingWizard:()=>Ec,PageErrorFallback:()=>Or,PageHeader:()=>Xe,PageHeaderActionButton:()=>Ze,Pagination:()=>ys,Popover:()=>hs,PopoverClose:()=>Ja,PopoverContent:()=>Qa,PopoverTrigger:()=>Za,Progress:()=>tn,RadioGroup:()=>en,RadioGroupItem:()=>zo,Resizable:()=>ws,RightPanel:()=>eo,RouteWithErrorBoundary:()=>sa,ScrollArea:()=>rn,SearchBar:()=>ue,Select:()=>on,Separator:()=>an,Sheet:()=>As,Sidebar:()=>Rs,Skeleton:()=>be,Slider:()=>nn,SmartInvoiceBuilder:()=>Xs,Sonner:()=>Hs,StatCardGrid:()=>la,StatCards:()=>zr,StatCardsWithChart:()=>da,StatusBadge:()=>Rr,Switch:()=>cn,TabSystem:()=>Fr,Table:()=>dn,TableBody:()=>pn,TableCaption:()=>gn,TableCell:()=>vn,TableEmptyState:()=>fn,TableHead:()=>un,TableHeader:()=>mn,TableRow:()=>bn,Tabs:()=>Os,TaskCreateForm:()=>_r,TaskDetailsPanel:()=>Js,TaskItem:()=>Gr,TaskKanbanBoard:()=>Xr,TaskKanbanCard:()=>Ur,TaskKanbanColumn:()=>qr,TaskList:()=>Wr,TasksView:()=>fa,TemplateCard:()=>Er,TemplateMasonryGrid:()=>Qs,Textarea:()=>kn,ThemeProvider:()=>ya,ThemeSwitcherButton:()=>Jr,Toast:()=>Ko,Toaster:()=>_o,Toggle:()=>ho,ToggleGroup:()=>wo,Tooltip:()=>Gs,semanticBackgroundPrimary:()=>Bc,semanticBackgroundSecondary:()=>Oc,semanticBorderDefault:()=>zc,semanticInteractivePrimary:()=>Gc,semanticInteractiveSecondary:()=>Wc,semanticInteractiveSecondaryHover:()=>Kc,semanticTextPrimary:()=>Vc,semanticTextSecondary:()=>Fc,useCanvas:()=>mi,useTheme:()=>Qr});module.exports=sl(Qc);var vo=require("lucide-react");var yn=require("clsx"),xn=require("tailwind-merge");function o(...t){return(0,xn.twMerge)((0,yn.clsx)(t))}var Ue=require("react/jsx-runtime"),ll={primary:["bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]"],secondary:["bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)]","border border-[var(--inkblot-semantic-color-border-default)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:border-[var(--inkblot-semantic-color-border-strong)]","active:bg-[var(--inkblot-semantic-color-background-tertiary)]"]};function go({buttons:t,className:e}){return(0,Ue.jsx)("div",{className:o("flex flex-wrap items-center gap-[var(--inkblot-spacing-3)]",e),children:t.map(r=>(0,Ue.jsxs)("button",{type:"button",onClick:()=>{r.onClick?.()},disabled:r.disabled,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center gap-2 rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)] font-medium","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","transition-colors duration-[var(--inkblot-duration-fast)]","disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:pointer-events-none disabled:cursor-not-allowed",ll[r.variant]),children:[r.icon??null,r.label]},r.id))})}function Pr({onSendNow:t,onSchedule:e,onSaveDraft:r,className:a}){return(0,Ue.jsx)(go,{buttons:[{id:"send",label:"Send Now",variant:"primary",icon:(0,Ue.jsx)(vo.Send,{className:"h-4 w-4"}),onClick:t},{id:"schedule",label:"Schedule",variant:"secondary",icon:(0,Ue.jsx)(vo.Calendar,{className:"h-4 w-4"}),onClick:e},{id:"draft",label:"Save Draft",variant:"secondary",onClick:r}],className:a})}var hn=require("react"),fo=require("lucide-react");var Ut=require("react/jsx-runtime"),sr=(0,hn.forwardRef)(({label:t,loading:e=!1,onWriteWithAI:r,disabled:a,className:n,...i},s)=>{let c=a||e;return(0,Ut.jsxs)("div",{className:o("flex flex-col gap-[var(--inkblot-spacing-2)]",n),children:[(0,Ut.jsxs)("div",{className:"flex items-center justify-between",children:[t?(0,Ut.jsx)("label",{htmlFor:i.id,className:o("uppercase tracking-wider","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:t}):(0,Ut.jsx)("span",{}),r?(0,Ut.jsxs)("button",{type:"button",onClick:r,disabled:e,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center gap-2 rounded-[var(--inkblot-radius-lg)]","border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-interactive-secondary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)] font-medium","text-[var(--inkblot-semantic-color-text-primary)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:border-[var(--inkblot-semantic-color-border-strong)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","transition-colors duration-[var(--inkblot-duration-fast)]","disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:cursor-not-allowed disabled:pointer-events-none"),children:[e?(0,Ut.jsx)(fo.Loader2,{className:"h-4 w-4 shrink-0 animate-spin"}):(0,Ut.jsx)(fo.Sparkles,{className:"h-4 w-4 shrink-0",style:{color:"var(--inkblot-semantic-color-status-warning)"}}),e?"Generating...":"Write with AI"]}):null]}),(0,Ut.jsx)("div",{className:"relative",children:(0,Ut.jsx)("textarea",{ref:s,disabled:c,className:o("min-h-[12rem] w-full rounded-[var(--inkblot-radius-lg)]","border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-secondary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]","[font:var(--inkblot-semantic-typography-body-medium)]","text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]","transition-colors duration-[var(--inkblot-duration-fast)]","hover:border-[var(--inkblot-semantic-color-border-strong)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:cursor-not-allowed disabled:pointer-events-none"),...i})})]})});sr.displayName="AIComposeInput";var Nn=require("react");var wn=require("react/jsx-runtime"),cl={primary:"border border-transparent bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)] shadow-[var(--inkblot-shadow-sm)] hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]",secondary:"border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:border-[var(--inkblot-semantic-color-border-strong)] active:bg-[var(--inkblot-semantic-color-background-tertiary)]"},lr=(0,Nn.forwardRef)(({className:t,variant:e="primary",disabled:r,...a},n)=>(0,wn.jsx)("button",{ref:n,disabled:r,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)] [font:var(--inkblot-semantic-typography-body-medium)] font-semibold transition-[background,border-color,box-shadow,color] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--inkblot-semantic-color-background-primary)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",cl[e],t),...a}));lr.displayName="Button";var Mr=require("react"),Nt=require("lucide-react");var W=require("react/jsx-runtime"),dl={sent:{icon:Nt.CheckCircle,label:"Sent",colorClass:"text-[var(--inkblot-semantic-color-status-success)]"},active:{icon:Nt.Zap,label:"Active",colorClass:"text-[var(--inkblot-semantic-color-status-warning)]"},draft:{icon:Nt.FileText,label:"Draft",colorClass:"text-[var(--inkblot-semantic-color-text-secondary)]"},scheduled:{icon:Nt.Clock,label:"Scheduled",colorClass:"text-[var(--inkblot-semantic-color-status-info)]"}};function Sr({columns:t,rows:e,sortKey:r,sortDirection:a,defaultSortKey:n,defaultSortDirection:i="asc",onSortChange:s,sortableColumns:c,emptyTitle:l="No campaigns found",emptyDescription:d="Create a campaign or adjust filters to see results.",className:p}){let[u,v]=(0,Mr.useState)(n),[m,g]=(0,Mr.useState)(i),h=r!==void 0&&a!==void 0,P=h?r:u,N=h?a:m,I=b=>!c||c.length===0?!0:c.includes(b),C=(b,y)=>{if(y==="campaign")return b.campaignName.toLowerCase();if(y==="status")return b.status;if(y==="opens")return Number.parseFloat(b.opens.replace("%","").trim())||0;if(y==="clicks")return Number.parseFloat(b.clicks.replace("%","").trim())||0;if(y==="date")return new Date(b.date).getTime()||0;let T=b[y];return typeof T=="number"?T:String(T??"").toLowerCase()},w=(0,Mr.useMemo)(()=>P?[...e].sort((y,T)=>{let S=C(y,P),B=C(T,P);return S<B?N==="asc"?-1:1:S>B?N==="asc"?1:-1:0}):e,[N,P,e]),f=b=>{let y=P===b&&N==="asc"?"desc":"asc";h||(v(b),g(y)),s?.(b,y)};return(0,W.jsx)("div",{className:o("overflow-x-auto rounded-[var(--inkblot-radius-lg)]","border border-[var(--inkblot-semantic-color-border-subtle)]","bg-[var(--inkblot-semantic-color-background-primary)]",p),children:(0,W.jsxs)("table",{className:"w-full min-w-[600px] border-collapse",children:[(0,W.jsx)("thead",{children:(0,W.jsx)("tr",{className:"bg-[var(--inkblot-semantic-color-background-secondary)]",children:t.map(b=>(0,W.jsx)("th",{className:o("px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)] text-left","uppercase tracking-wider","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-secondary)]","border-b border-[var(--inkblot-semantic-color-border-subtle)]"),children:I(b.key)?(0,W.jsxs)("button",{type:"button",onClick:()=>f(b.key),className:"inline-flex items-center gap-[var(--inkblot-spacing-1)] rounded-[var(--inkblot-radius-sm)] transition-colors duration-[var(--inkblot-duration-fast)] hover:text-[var(--inkblot-semantic-color-text-primary)]",children:[b.label,P!==b.key?(0,W.jsx)(Nt.ArrowUpDown,{className:"h-3.5 w-3.5","aria-hidden":!0}):N==="asc"?(0,W.jsx)(Nt.ArrowUp,{className:"h-3.5 w-3.5","aria-hidden":!0}):(0,W.jsx)(Nt.ArrowDown,{className:"h-3.5 w-3.5","aria-hidden":!0})]}):b.label},b.key))})}),(0,W.jsx)("tbody",{children:w.length===0?(0,W.jsx)("tr",{children:(0,W.jsx)("td",{colSpan:t.length,className:"px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-10)] text-center",children:(0,W.jsxs)("div",{className:"mx-auto flex max-w-[420px] flex-col gap-[var(--inkblot-spacing-1)]",children:[(0,W.jsx)("span",{className:"[font:var(--inkblot-semantic-typography-body-large-bold)] text-[var(--inkblot-semantic-color-text-primary)]",children:l}),(0,W.jsx)("span",{className:"[font:var(--inkblot-semantic-typography-body-small)] text-[var(--inkblot-semantic-color-text-secondary)]",children:d})]})})}):w.map(b=>(0,W.jsxs)("tr",{className:o("border-b border-[var(--inkblot-semantic-color-border-subtle)] last:border-b-0","transition-colors duration-[var(--inkblot-duration-fast)]","hover:bg-[var(--inkblot-semantic-color-background-secondary)]/50"),children:[(0,W.jsx)("td",{className:o("px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]","border-b border-[var(--inkblot-semantic-color-border-subtle)]"),children:(0,W.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,W.jsx)("span",{className:o("[font:var(--inkblot-semantic-typography-body-large-bold)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:b.campaignName}),(0,W.jsx)("span",{className:o("[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-secondary)]"),children:b.recipients})]})}),(0,W.jsx)("td",{className:o("px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]","border-b border-[var(--inkblot-semantic-color-border-subtle)]"),children:(0,W.jsx)(ml,{status:b.status,subtext:b.statusSubtext})}),(0,W.jsx)("td",{className:o("px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]","[font:var(--inkblot-semantic-typography-body-medium)]","text-[var(--inkblot-semantic-color-text-primary)]","border-b border-[var(--inkblot-semantic-color-border-subtle)]"),children:b.opens}),(0,W.jsx)("td",{className:o("px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]","[font:var(--inkblot-semantic-typography-body-medium)]","text-[var(--inkblot-semantic-color-text-primary)]","border-b border-[var(--inkblot-semantic-color-border-subtle)]"),children:b.clicks}),(0,W.jsx)("td",{className:o("px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]","[font:var(--inkblot-semantic-typography-body-medium)]","text-[var(--inkblot-semantic-color-text-primary)]","border-b border-[var(--inkblot-semantic-color-border-subtle)]"),children:b.date})]},b.id))})]})})}function ml({status:t,subtext:e}){let r=dl[t],a=r.icon;return(0,W.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,W.jsxs)("div",{className:o("inline-flex items-center gap-1.5","[font:var(--inkblot-semantic-typography-body-small)] font-medium",r.colorClass),children:[(0,W.jsx)(a,{className:"h-4 w-4 shrink-0"}),r.label]}),e?(0,W.jsx)("span",{className:o("[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-secondary)]"),children:e}):null]})}var Tn=require("lucide-react");var Cn=require("lucide-react");var de=require("react/jsx-runtime");function Er({category:t,title:e,uses:r,onClick:a,className:n}){return(0,de.jsxs)("button",{type:"button",onClick:a,className:o("flex flex-col gap-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-lg)]","bg-[var(--inkblot-semantic-color-background-secondary)]","border border-[var(--inkblot-semantic-color-border-subtle)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-5)]","text-left transition-colors duration-[var(--inkblot-duration-fast)]","hover:border-[var(--inkblot-semantic-color-border-default)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]",n),children:[(0,de.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,de.jsx)("span",{className:o("rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)]","bg-[var(--inkblot-semantic-color-background-tertiary)]","[font:var(--inkblot-semantic-typography-body-small)] font-medium","text-[var(--inkblot-semantic-color-text-primary)]"),children:t}),(0,de.jsx)("span",{className:o("[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-secondary)]"),children:r})]}),(0,de.jsx)("h3",{className:o("[font:var(--inkblot-semantic-typography-body-large-bold)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:e}),(0,de.jsx)("div",{className:"flex flex-1 items-end justify-center pt-[var(--inkblot-spacing-4)]",children:(0,de.jsx)(Cn.File,{className:o("h-10 w-10","text-[var(--inkblot-semantic-color-text-tertiary)]")})})]})}var me=require("react/jsx-runtime");function Ir({title:t="EMAIL TEMPLATES",onGenerateWithAI:e,templates:r,onTemplateClick:a,className:n}){return(0,me.jsxs)("section",{className:o("flex flex-col gap-[var(--inkblot-spacing-6)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-5)] shadow-[var(--inkblot-shadow-sm)]",n),children:[(0,me.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-4)] sm:flex-row sm:items-center sm:justify-between",children:[(0,me.jsx)("h2",{className:o("uppercase tracking-wider","[font:var(--inkblot-semantic-typography-body-medium)]","text-[var(--inkblot-semantic-color-text-secondary)]"),children:t}),e?(0,me.jsxs)("button",{type:"button",onClick:e,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] w-fit items-center justify-center gap-2 rounded-[var(--inkblot-radius-lg)]","border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)] font-medium","text-[var(--inkblot-semantic-color-text-primary)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:border-[var(--inkblot-semantic-color-border-strong)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","transition-colors duration-[var(--inkblot-duration-fast)]"),children:[(0,me.jsx)(Tn.Sparkles,{className:"h-4 w-4 shrink-0",style:{color:"var(--inkblot-semantic-color-status-warning)"}}),"Generate with AI"]}):null]}),(0,me.jsx)("div",{className:"grid grid-cols-1 gap-[var(--inkblot-spacing-6)] sm:grid-cols-2",children:r.map(i=>(0,me.jsx)(Er,{category:i.category,title:i.title,uses:i.uses,onClick:()=>a?.(i)},i.id))})]})}var Pn=require("react"),Pe=require("lucide-react");var pt=require("react/jsx-runtime");function qe({promptValue:t="",onPromptChange:e,onPromptSubmit:r,onFilesAttach:a,isProcessing:n=!1,response:i,placeholder:s="Ask Citron Intelligence...",accept:c,multiple:l=!0,className:d}){let p=(0,Pn.useRef)(null),u=g=>{g.key==="Enter"&&!g.shiftKey&&(g.preventDefault(),r?.())},v=()=>{p.current?.click()},m=g=>{let h=g.target.files;h&&h.length>0&&a&&a(Array.from(h)),g.target.value=""};return(0,pt.jsxs)("div",{className:o("flex w-full max-w-[80rem] flex-col gap-[var(--inkblot-spacing-3)]",d),children:[(0,pt.jsxs)("div",{className:o("flex items-end gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-2)] shadow-[var(--inkblot-shadow-sm)]",n&&"pointer-events-none"),"aria-busy":n,children:[(0,pt.jsx)("input",{ref:p,type:"file",accept:c,multiple:l,onChange:m,className:"sr-only","aria-hidden":!0}),(0,pt.jsx)("button",{type:"button",onClick:v,disabled:n,className:o("flex h-9 w-9 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-full)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] text-[var(--inkblot-semantic-color-text-tertiary)] transition-[background,border-color,color] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]","hover:border-[var(--inkblot-semantic-color-border-strong)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)] hover:text-[var(--inkblot-semantic-color-text-secondary)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-secondary)]","disabled:pointer-events-none disabled:opacity-[var(--inkblot-opacity-disabled)]"),"aria-label":"Attach files",children:(0,pt.jsx)(Pe.Paperclip,{size:18,strokeWidth:1.7,"aria-hidden":!0})}),(0,pt.jsxs)("div",{className:"relative flex min-w-0 flex-1 items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]",children:[(0,pt.jsx)(Pe.Sparkles,{size:18,strokeWidth:1.7,className:"shrink-0 text-[var(--inkblot-semantic-color-text-tertiary)]","aria-hidden":!0}),(0,pt.jsx)("textarea",{value:t,onChange:g=>e?.(g.target.value),onKeyDown:u,placeholder:s,rows:2,disabled:n,className:o("min-h-[2.5rem] min-w-0 flex-1 resize-none border-0 bg-transparent py-0 pr-[var(--inkblot-spacing-12)] [font:var(--inkblot-semantic-typography-body-medium)] text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]","focus:outline-none focus:ring-0","disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]")}),(0,pt.jsx)("div",{className:o("absolute bottom-[var(--inkblot-spacing-2)] right-[var(--inkblot-spacing-2)] flex h-8 w-8 items-center justify-center rounded-[var(--inkblot-radius-full)]",n?"bg-[var(--inkblot-semantic-color-interactive-primary)]":""),children:n?(0,pt.jsx)(Pe.Loader2,{size:16,strokeWidth:2,className:"animate-spin text-[var(--inkblot-semantic-color-text-inverse)]","aria-hidden":!0}):(0,pt.jsx)("button",{type:"button",onClick:r,disabled:n,className:o("flex h-full w-full items-center justify-center rounded-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)] transition-[background,box-shadow] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]"),"aria-label":"Send",children:(0,pt.jsx)(Pe.Send,{size:16,strokeWidth:2,"aria-hidden":!0})})})]})]}),i?(0,pt.jsx)("div",{className:"rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)]",children:(0,pt.jsx)("div",{className:"min-w-0 [font:var(--inkblot-semantic-typography-body-medium)] text-[var(--inkblot-semantic-color-text-primary)]",children:i})}):null]})}var Gt=require("lucide-react"),R=require("react/jsx-runtime"),pl={Person:"border-l-[var(--inkblot-semantic-color-status-info)]",Organization:"border-l-[var(--inkblot-semantic-color-status-warning)]",Deal:"border-l-[var(--inkblot-semantic-color-status-success)]"},bl={Person:Gt.UserRound,Organization:Gt.Building2,Deal:Gt.BadgeCheck},ul={Person:"bg-[var(--inkblot-semantic-color-status-info)]/15 text-[var(--inkblot-semantic-color-status-info)]",Organization:"bg-[var(--inkblot-semantic-color-status-warning)]/15 text-[var(--inkblot-semantic-color-status-warning)]",Deal:"bg-[var(--inkblot-semantic-color-status-success)]/15 text-[var(--inkblot-semantic-color-status-success)]"},vl=[{label:"Contacts",value:"12",icon:Gt.Users},{label:"Open Deals",value:"3",icon:Gt.TrendingUp},{label:"Touchpoints",value:"47",icon:Gt.ArrowUpRight}];function Lr({name:t,entityType:e,subtitle:r,statusLabel:a,metadata:n,edges:i=[],stats:s,connections:c,className:l}){let d=bl[e];if(s!==void 0||c!==void 0){let u=s??vl;return(0,R.jsxs)("article",{className:o("glass flex flex-col gap-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-xl)] p-[var(--inkblot-spacing-5)]",l),children:[(0,R.jsxs)("div",{className:"flex items-start justify-between",children:[(0,R.jsxs)("div",{className:"flex items-center gap-[var(--inkblot-spacing-3)]",children:[(0,R.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-lg)] bg-[var(--inkblot-semantic-color-interactive-primary)]/10",children:(0,R.jsx)(d,{className:"h-5 w-5 text-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0})}),(0,R.jsxs)("div",{children:[(0,R.jsx)("h3",{className:"text-sm font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:t}),r?(0,R.jsx)("p",{className:"text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:r}):null]})]}),a?(0,R.jsx)("span",{className:"rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-primary)]/10 px-2 py-0.5 font-mono text-xs text-[var(--inkblot-semantic-color-interactive-primary)]",children:a}):null]}),(0,R.jsx)("div",{className:"grid grid-cols-3 gap-[var(--inkblot-spacing-3)]",children:u.map(v=>{let m=v.icon;return(0,R.jsxs)("div",{className:"rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-tertiary)] p-[var(--inkblot-spacing-3)]",children:[(0,R.jsxs)("div",{className:"mb-1 flex items-center gap-1.5",children:[m?(0,R.jsx)(m,{className:"h-3 w-3 text-[var(--inkblot-semantic-color-text-tertiary)]","aria-hidden":!0}):null,(0,R.jsx)("span",{className:"text-[10px] uppercase tracking-wider text-[var(--inkblot-semantic-color-text-tertiary)]",children:v.label})]}),(0,R.jsx)("span",{className:"text-lg font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:v.value})]},v.label)})}),c?(0,R.jsxs)("div",{className:"flex items-center gap-2 text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:[(0,R.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-[var(--inkblot-semantic-color-interactive-primary)]"}),c]}):null]})}return(0,R.jsxs)("article",{className:o("flex flex-col gap-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] border-l-4 bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)] shadow-[var(--inkblot-shadow-sm)]",pl[e],l),children:[(0,R.jsxs)("div",{className:"flex items-start justify-between gap-[var(--inkblot-spacing-3)]",children:[(0,R.jsxs)("div",{className:"flex items-center gap-[var(--inkblot-spacing-3)]",children:[(0,R.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] text-[var(--inkblot-semantic-color-text-secondary)]",children:(0,R.jsx)(d,{className:"h-5 w-5","aria-hidden":!0})}),(0,R.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-1)]",children:[(0,R.jsx)("h3",{className:"[font:var(--inkblot-semantic-typography-body-medium)] font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:t}),r?(0,R.jsx)("p",{className:"text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:r}):(0,R.jsx)("span",{className:o("inline-flex w-fit items-center rounded-[var(--inkblot-radius-full)] px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)] [font:var(--inkblot-semantic-typography-body-small)] font-medium uppercase tracking-wide",ul[e]),children:e})]})]}),a?(0,R.jsx)("span",{className:"rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-primary)]/10 px-2 py-0.5 font-mono text-xs text-[var(--inkblot-semantic-color-interactive-primary)]",children:a}):null]}),n&&Object.keys(n).length>0?(0,R.jsx)("dl",{className:"grid grid-cols-1 gap-[var(--inkblot-spacing-2)] sm:grid-cols-2",children:Object.entries(n).map(([u,v])=>(0,R.jsxs)("div",{className:"rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]",children:[(0,R.jsx)("dt",{className:"[font:var(--inkblot-semantic-typography-body-small)] uppercase tracking-wide text-[var(--inkblot-semantic-color-text-tertiary)]",children:u}),(0,R.jsx)("dd",{className:"[font:var(--inkblot-semantic-typography-body-medium)] text-[var(--inkblot-semantic-color-text-secondary)]",children:v})]},u))}):null,i.length>0?(0,R.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-2)]",children:[(0,R.jsx)("h4",{className:"[font:var(--inkblot-semantic-typography-body-small)] font-medium uppercase tracking-wide text-[var(--inkblot-semantic-color-text-secondary)]",children:"Edges"}),(0,R.jsx)("ul",{className:"flex flex-wrap gap-[var(--inkblot-spacing-2)]",children:i.map((u,v)=>(0,R.jsxs)("li",{className:"rounded-[var(--inkblot-radius-full)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-1)] [font:var(--inkblot-semantic-typography-body-small)] text-[var(--inkblot-semantic-color-text-secondary)]",children:[u.type,u.target?` \u2192 ${u.target}`:""]},v))})]}):null,c?(0,R.jsxs)("div",{className:"flex items-center gap-2 text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:[(0,R.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-[var(--inkblot-semantic-color-interactive-primary)]"}),c]}):null]})}var Mn=require("react");var Sn=require("react/jsx-runtime"),Me=(0,Mn.forwardRef)(({className:t,error:e,disabled:r,...a},n)=>(0,Sn.jsx)("input",{ref:n,disabled:r,"aria-invalid":e,"aria-disabled":r,className:o("min-h-[var(--inkblot-size-touch-target-min)] w-full rounded-[var(--inkblot-radius-lg)] border bg-[var(--inkblot-semantic-color-background-secondary)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)] [font:var(--inkblot-semantic-typography-body-medium)] text-[var(--inkblot-semantic-color-text-primary)] shadow-[var(--inkblot-shadow-xs)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)] transition-[background,border-color,box-shadow] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--inkblot-semantic-color-background-primary)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",e?"border-[var(--inkblot-semantic-color-status-error)] focus-visible:ring-[var(--inkblot-semantic-color-status-error)]":"border-[var(--inkblot-semantic-color-border-default)] hover:border-[var(--inkblot-semantic-color-border-strong)] hover:bg-[var(--inkblot-semantic-color-background-primary)]",t),...a}));Me.displayName="Input";var En=require("react");var cr=require("react/jsx-runtime"),K=class extends En.Component{constructor(e){super(e),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}render(){return this.state.hasError&&this.state.error?(0,cr.jsxs)("div",{role:"alert",className:o("flex flex-col gap-4 rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-4",this.props.className),children:[(0,cr.jsx)("p",{className:"text-base font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:"This module failed to load"}),(0,cr.jsx)("p",{className:"text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:this.state.error.message}),(0,cr.jsx)(lr,{variant:"secondary",onClick:this.props.onRetry,className:"w-fit border-[var(--inkblot-semantic-color-status-error)]",children:"Retry"})]}):this.props.children}};var wt=require("react/jsx-runtime");function ea({title:t,insights:e,stats:r=[],commandValue:a="",onCommandChange:n,onCommandSubmit:i,className:s}){let c=l=>{l.key==="Enter"&&(l.preventDefault(),i?.())};return(0,wt.jsx)(K,{className:s,children:(0,wt.jsxs)("div",{className:"flex flex-col gap-4 rounded-[var(--inkblot-radius-xl)] bg-[var(--inkblot-semantic-color-background-secondary)] p-4",children:[(0,wt.jsx)("h2",{className:"text-xl font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:t}),e?(0,wt.jsx)("div",{className:"rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-interactive-primary)] p-4",style:{boxShadow:"0 0 12px var(--inkblot-semantic-color-interactive-primary)"},children:e}):null,r.length>0?(0,wt.jsxs)("div",{children:[(0,wt.jsx)("h3",{className:"mb-2 text-sm font-medium text-[var(--inkblot-semantic-color-text-secondary)]",children:"Connected To"}),(0,wt.jsx)("div",{className:"grid grid-cols-2 gap-2 sm:grid-cols-3",children:r.map((l,d)=>(0,wt.jsxs)("div",{className:"rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-tertiary)] px-3 py-2",children:[(0,wt.jsx)("span",{className:"text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:l.label}),(0,wt.jsx)("p",{className:"text-sm font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:l.value})]},d))})]}):null,(0,wt.jsx)("div",{className:"mt-2",children:(0,wt.jsx)(Me,{type:"text",value:a,onChange:l=>n?.(l.target.value),onKeyDown:c,placeholder:"Ask about this entity...",className:"rounded-[var(--inkblot-radius-md)]"})})]})})}var In=require("react");var ra=require("react/jsx-runtime"),Ar=class extends In.Component{constructor(e){super(e),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}render(){return this.state.hasError&&this.state.error?this.props.fallback?this.props.fallback:(0,ra.jsx)("div",{className:o("inline-flex items-center gap-3 rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-tertiary)] px-4 py-3 text-[var(--inkblot-semantic-color-text-secondary)]",this.props.className),role:"alert",children:(0,ra.jsx)("span",{className:"text-sm font-medium",children:"Something went wrong"})}):this.props.children}};var Ln=require("react/jsx-runtime"),gl={success:"border-[var(--inkblot-semantic-color-status-success)] bg-[var(--inkblot-semantic-color-status-success)]/10 text-[var(--inkblot-semantic-color-status-success)]",warning:"border-[var(--inkblot-semantic-color-status-warning)] bg-[var(--inkblot-semantic-color-status-warning)]/10 text-[var(--inkblot-semantic-color-status-warning)]",error:"border-[var(--inkblot-semantic-color-status-error)] bg-[var(--inkblot-semantic-color-status-error)]/10 text-[var(--inkblot-semantic-color-status-error)]",info:"border-[var(--inkblot-semantic-color-status-info)] bg-[var(--inkblot-semantic-color-status-info)]/10 text-[var(--inkblot-semantic-color-status-info)]"};function Rr({label:t,variant:e="info",className:r}){return(0,Ln.jsx)("span",{className:o("inline-flex items-center rounded-[var(--inkblot-radius-md)] border px-2 py-0.5 text-xs font-medium",gl[e],r),children:t})}var pe=require("react/jsx-runtime");function fl(t){return t>=.8?"success":t>=.5?"info":t>=.2?"warning":"error"}function Dr({event:t,className:e}){let r=fl(t.confidence_score),a=`${Math.round(t.confidence_score*100)}%`;return(0,pe.jsxs)("div",{className:o("flex flex-wrap items-center gap-2 rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-4",e),children:[(0,pe.jsx)("span",{className:"text-sm font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:t.actor}),(0,pe.jsx)("span",{className:"text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:"\u2192"}),(0,pe.jsx)("span",{className:"text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:t.subject}),(0,pe.jsx)("span",{className:"rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-tertiary)] px-2 py-0.5 text-xs text-[var(--inkblot-semantic-color-text-secondary)]",children:t.event_type}),(0,pe.jsx)("span",{className:"text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:t.timestamp}),(0,pe.jsx)(Rr,{label:a,variant:r})]})}var An=require("lucide-react");var Wt=require("react/jsx-runtime"),kl={success:"bg-[var(--inkblot-semantic-color-status-success)]",warning:"bg-[var(--inkblot-semantic-color-status-warning)]",error:"bg-[var(--inkblot-semantic-color-status-error)]",info:"bg-[var(--inkblot-semantic-color-status-info)]"};function yl(){return(0,Wt.jsx)(An.Clock3,{className:"h-4 w-4 text-[var(--inkblot-semantic-color-text-tertiary)]","aria-hidden":!0})}function oa({events:t,className:e}){return(0,Wt.jsx)(K,{className:e,children:(0,Wt.jsx)("div",{className:o("flex flex-col gap-[var(--inkblot-spacing-3)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)] shadow-[var(--inkblot-shadow-sm)]"),children:t.map(r=>(0,Wt.jsxs)("div",{className:"flex items-start gap-[var(--inkblot-spacing-3)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]/60 bg-[var(--inkblot-semantic-color-background-primary)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]",children:[(0,Wt.jsx)("div",{className:"mt-[var(--inkblot-spacing-1)] flex h-7 w-7 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)]",children:r.icon??(0,Wt.jsx)(yl,{})}),(0,Wt.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,Wt.jsx)("p",{className:"[font:var(--inkblot-semantic-typography-body-medium)] font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:r.title}),(0,Wt.jsx)("p",{className:"[font:var(--inkblot-semantic-typography-body-small)] text-[var(--inkblot-semantic-color-text-tertiary)]",children:r.timestamp})]}),r.status?(0,Wt.jsx)("div",{className:o("mt-[var(--inkblot-spacing-2)] h-2 w-2 shrink-0 rounded-[var(--inkblot-radius-full)]",kl[r.status]),"aria-hidden":!0}):null]},r.id))})})}var ko=require("lucide-react"),gt=require("react/jsx-runtime"),na=36,aa=2*Math.PI*na;function Hr({label:t,value:e,subtext:r,trend:a,className:n}){let i=Math.min(100,Math.max(0,e)),s=aa-i/100*aa;return(0,gt.jsx)(K,{className:n,children:(0,gt.jsxs)("div",{className:"flex flex-col items-center gap-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)] shadow-[var(--inkblot-shadow-sm)]",children:[(0,gt.jsxs)("div",{className:"relative",children:[(0,gt.jsxs)("svg",{width:"96",height:"96",viewBox:"0 0 96 96",className:"-rotate-90",children:[(0,gt.jsx)("circle",{cx:"48",cy:"48",r:na,fill:"none",stroke:"var(--inkblot-semantic-color-background-tertiary)",strokeWidth:"4"}),(0,gt.jsx)("circle",{cx:"48",cy:"48",r:na,fill:"none",stroke:"var(--inkblot-semantic-color-interactive-primary)",strokeWidth:"4",strokeDasharray:aa,strokeDashoffset:s,strokeLinecap:"round",className:"transition-[stroke-dashoffset] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]"})]}),(0,gt.jsx)("div",{className:"absolute inset-0 flex flex-col items-center justify-center",children:(0,gt.jsxs)("span",{className:"flex items-center gap-[var(--inkblot-spacing-1)] [font:var(--inkblot-semantic-typography-heading-small)] font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:[i,"%",a==="up"?(0,gt.jsx)(ko.TrendingUp,{className:"h-4 w-4 text-[var(--inkblot-semantic-color-status-success)]","aria-hidden":!0}):a==="down"?(0,gt.jsx)(ko.TrendingDown,{className:"h-4 w-4 text-[var(--inkblot-semantic-color-status-error)]","aria-hidden":!0}):null]})})]}),(0,gt.jsxs)("div",{className:"text-center",children:[(0,gt.jsx)("p",{className:"[font:var(--inkblot-semantic-typography-body-medium)] font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:t}),r?(0,gt.jsx)("p",{className:"[font:var(--inkblot-semantic-typography-body-small)] text-[var(--inkblot-semantic-color-text-tertiary)]",children:r}):null]})]})})}var ee=require("react/jsx-runtime"),xl={default:"text-[var(--inkblot-semantic-color-text-primary)]",success:"text-[var(--inkblot-semantic-color-status-success)]",warning:"text-[var(--inkblot-semantic-color-status-warning)]",error:"text-[var(--inkblot-semantic-color-status-error)]"};function hl({className:t}){return(0,ee.jsx)("svg",{viewBox:"0 0 16 16",className:o("h-4 w-4",t),"aria-hidden":!0,children:(0,ee.jsx)("path",{fill:"currentColor",d:"M6 4l4 4-4 4V4z"})})}function ia({items:t,className:e}){return(0,ee.jsx)(K,{className:e,children:(0,ee.jsx)("ul",{className:o("flex flex-col gap-4 py-2"),children:t.map((r,a)=>(0,ee.jsxs)("li",{className:"flex items-center justify-between gap-4",children:[(0,ee.jsx)("span",{className:"text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:r.label}),(0,ee.jsx)("span",{className:o("flex items-center gap-1 text-sm font-medium",xl[r.variant??"default"]),children:r.value!=null?r.value:(0,ee.jsx)(hl,{})})]},a))})})}var Rn=require("react/jsx-runtime");function be({className:t,...e}){return(0,Rn.jsx)("div",{className:o("animate-shimmer rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]/40 bg-[length:200%_100%] bg-[linear-gradient(90deg,var(--inkblot-semantic-color-background-secondary)_0%,var(--inkblot-semantic-color-background-tertiary)_50%,var(--inkblot-semantic-color-background-secondary)_100%)]",t),...e})}var Se=require("react/jsx-runtime");function Ye({className:t,...e}){return(0,Se.jsxs)("div",{className:o("flex flex-col gap-[var(--inkblot-spacing-3)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)] shadow-[var(--inkblot-shadow-sm)]",t),...e,children:[(0,Se.jsx)(be,{className:"h-8 w-3/5"}),(0,Se.jsx)(be,{className:"h-4 w-full"}),(0,Se.jsx)(be,{className:"h-4 w-11/12"}),(0,Se.jsx)(be,{className:"h-4 w-4/5"}),(0,Se.jsx)(be,{className:"h-4 w-2/3"})]})}var Ee=require("react/jsx-runtime");function Br({children:t,loading:e=!1,title:r,className:a,onRetry:n}){return(0,Ee.jsx)(K,{className:a,onRetry:n,children:e?(0,Ee.jsxs)("div",{className:o("flex flex-col gap-4",a),children:[r?(0,Ee.jsx)("h2",{className:"text-lg font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:r}):null,(0,Ee.jsx)(Ye,{})]}):(0,Ee.jsxs)("div",{className:o("flex flex-col gap-4",a),children:[r?(0,Ee.jsx)("h2",{className:"text-lg font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:r}):null,t]})})}var Dn=require("lucide-react");var qt=require("react/jsx-runtime");function Xe({title:t,subtitle:e,icon:r,action:a,className:n}){return(0,qt.jsxs)("header",{className:o("flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between","pb-[var(--inkblot-spacing-2)]",n),children:[(0,qt.jsxs)("div",{className:"flex items-start gap-[var(--inkblot-spacing-3)]",children:[r?(0,qt.jsx)("div",{className:o("flex h-10 w-10 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-lg)]","bg-[var(--inkblot-semantic-color-background-secondary)]","[color:var(--inkblot-semantic-color-status-warning)]"),children:r}):null,(0,qt.jsxs)("div",{className:"min-w-0",children:[(0,qt.jsx)("h1",{className:o("text-[var(--inkblot-semantic-color-text-primary)]","[font:var(--inkblot-semantic-typography-heading-medium)]"),children:t}),e?(0,qt.jsx)("p",{className:o("mt-0.5 text-[var(--inkblot-semantic-color-text-secondary)]","[font:var(--inkblot-semantic-typography-body-small)]"),children:e}):null]})]}),a?(0,qt.jsx)("div",{className:"mt-[var(--inkblot-spacing-4)] shrink-0 sm:mt-0",children:a}):null]})}function Ze({label:t,onClick:e,icon:r,className:a}){return(0,qt.jsxs)("button",{type:"button",onClick:e,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center gap-2 rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]","[font:var(--inkblot-semantic-typography-body-medium)] font-semibold","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","transition-colors duration-[var(--inkblot-duration-fast)]",a),children:[r??(0,qt.jsx)(Dn.Plus,{className:"h-4 w-4"}),t]})}var Hn=require("react-router-dom");var Qe=require("react/jsx-runtime");function Or({resetErrorBoundary:t}){return(0,Qe.jsxs)("div",{role:"alert",className:o("flex min-h-[50vh] flex-col items-center justify-center gap-[var(--inkblot-spacing-6)] px-[var(--inkblot-spacing-6)] py-[var(--inkblot-spacing-8)]","bg-[var(--inkblot-semantic-color-background-primary)]","[font:var(--inkblot-semantic-typography-body-small)]"),children:[(0,Qe.jsx)("p",{className:"text-center text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-heading-medium)]",children:"This page is unavailable"}),(0,Qe.jsxs)("div",{className:"flex flex-col items-center gap-[var(--inkblot-spacing-4)] sm:flex-row",children:[(0,Qe.jsx)("button",{type:"button",onClick:t,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","transition-colors duration-[var(--inkblot-duration-fast)]"),children:"Retry"}),(0,Qe.jsx)(Hn.Link,{to:"/",className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","text-[var(--inkblot-semantic-color-interactive-primary)] underline-offset-4 hover:underline","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","transition-colors duration-[var(--inkblot-duration-fast)]"),children:"Go to home"})]})]})}var Bn=require("react-error-boundary"),On=require("react-router-dom");var zn=require("react/jsx-runtime");function sa({children:t,fallback:e}){let r=(0,On.useNavigate)();return(0,zn.jsx)(Bn.ErrorBoundary,{FallbackComponent:e??Or,onReset:()=>{r("/")},children:t})}var Vn=require("react"),Fn=require("lucide-react");var Je=require("react/jsx-runtime"),ue=(0,Vn.forwardRef)(({className:t,label:e,error:r,disabled:a,...n},i)=>(0,Je.jsxs)("div",{className:"flex flex-col gap-1",children:[e?(0,Je.jsx)("label",{htmlFor:n.id,className:o("uppercase tracking-wider","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:e}):null,(0,Je.jsxs)("div",{className:o("flex items-center gap-2 rounded-[var(--inkblot-radius-full)]","bg-[var(--inkblot-semantic-color-background-secondary)]","border transition-colors duration-[var(--inkblot-duration-fast)]","focus-within:ring-2 focus-within:ring-[var(--inkblot-semantic-color-border-focus)] focus-within:ring-offset-2 focus-within:ring-offset-[var(--inkblot-semantic-color-background-primary)]",r?"border-[var(--inkblot-semantic-color-status-error)]":"border-[var(--inkblot-semantic-color-border-default)] hover:border-[var(--inkblot-semantic-color-border-strong)]",a&&"opacity-[var(--inkblot-opacity-disabled)] pointer-events-none cursor-not-allowed"),children:[(0,Je.jsx)(Fn.Search,{className:o("ml-[var(--inkblot-spacing-4)] h-4 w-4 shrink-0","text-[var(--inkblot-semantic-color-text-tertiary)]")}),(0,Je.jsx)("input",{ref:i,type:"search",disabled:a,"aria-invalid":r,"aria-label":e??"Search",className:o("min-h-[var(--inkblot-size-touch-target-min)] w-full flex-1 bg-transparent px-2 py-[var(--inkblot-spacing-2)] pr-[var(--inkblot-spacing-4)]","[font:var(--inkblot-semantic-typography-body-medium)]","text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]","focus:outline-none","disabled:cursor-not-allowed",t),...n})]})]}));ue.displayName="SearchBar";var Gn=require("react/jsx-runtime");function la({children:t,columns:e=4,className:r}){return(0,Gn.jsx)("div",{className:o("grid gap-[var(--inkblot-spacing-4)]",{1:"grid-cols-1",2:"grid-cols-1 sm:grid-cols-2",3:"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",4:"grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"}[e],r),children:t})}var dr=require("react");var Ie=require("react/jsx-runtime");function ca({items:t,activeItemId:e,defaultActiveItemId:r,onActiveItemChange:a,onItemClick:n,className:i}){let s=(0,dr.useMemo)(()=>r!==void 0?r:t.find(v=>v.active)?.id,[r,t]),[c,l]=(0,dr.useState)(s),d=e!==void 0,p=d?e:c,u=(0,dr.useCallback)((v,m)=>{if(m.disabled){v.preventDefault();return}d||l(m.id),n?.(m.id,m),m.onClick?.(m.id),a?.(m.id,m)},[d,a,n]);return(0,Ie.jsx)(K,{className:i,children:(0,Ie.jsx)("nav",{className:o("flex w-16 flex-col items-center gap-[var(--inkblot-spacing-2)] border-r border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-4)]"),"aria-label":"Navigation",children:t.map(v=>{let m=p?v.id===p:!!v.active;return(0,Ie.jsxs)("button",{type:"button",disabled:v.disabled,onClick:g=>u(g,v),"aria-current":m?"page":void 0,className:o("relative flex w-full flex-col items-center gap-[var(--inkblot-spacing-1)] rounded-[var(--inkblot-radius-lg)] border border-transparent px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-2)] transition-[background,border-color,color] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",m?"border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] text-[var(--inkblot-semantic-color-interactive-primary)]":"text-[var(--inkblot-semantic-color-text-tertiary)] hover:bg-[var(--inkblot-semantic-color-background-primary)] hover:text-[var(--inkblot-semantic-color-text-secondary)]","disabled:pointer-events-none disabled:opacity-[var(--inkblot-opacity-disabled)]"),children:[m?(0,Ie.jsx)("span",{className:"absolute left-[-0.5rem] top-1/2 h-6 w-1 -translate-y-1/2 rounded-r-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0}):null,(0,Ie.jsx)("div",{className:"flex h-8 w-8 items-center justify-center [&>svg]:h-5 [&>svg]:w-5",children:v.icon}),v.label?(0,Ie.jsx)("span",{className:"[font:var(--inkblot-semantic-typography-body-small)] font-medium",children:v.label}):null]},v.id)})})})}var ct=require("react/jsx-runtime"),Wn={success:"text-[var(--inkblot-semantic-color-status-success)]",error:"text-[var(--inkblot-semantic-color-status-error)]",neutral:"text-[var(--inkblot-semantic-color-text-secondary)]"};function zr({items:t,className:e}){return(0,ct.jsx)("div",{className:o("grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",e),children:t.map(r=>(0,ct.jsx)(Nl,{item:r},r.label))})}function Nl({item:t}){let e=t.changeVariant??"neutral",r=Wn[e];return(0,ct.jsxs)("div",{className:o("flex flex-col gap-1 rounded-[var(--inkblot-radius-lg)]","bg-[var(--inkblot-semantic-color-background-secondary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-4)]","border border-[var(--inkblot-semantic-color-border-subtle)]"),children:[(0,ct.jsx)("span",{className:o("uppercase tracking-wider","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-secondary)]"),children:t.label}),(0,ct.jsx)("span",{className:o("[font:var(--inkblot-semantic-typography-heading-medium)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:t.value}),t.change?(0,ct.jsx)("span",{className:o("[font:var(--inkblot-semantic-typography-body-small)]",r),children:t.change}):null]})}function da({items:t,className:e}){return(0,ct.jsx)("div",{className:o("grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",e),children:t.map(r=>(0,ct.jsx)(wl,{item:r},r.label))})}function wl({item:t}){let e=t.changeVariant??"neutral",r=Wn[e],a=t.chartData??[],n=Math.max(...a,1);return(0,ct.jsxs)("div",{className:o("flex flex-col gap-2 rounded-[var(--inkblot-radius-lg)]","bg-[var(--inkblot-semantic-color-background-secondary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-4)]","border border-[var(--inkblot-semantic-color-border-subtle)]"),children:[(0,ct.jsx)("span",{className:o("uppercase tracking-wider","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-secondary)]"),children:t.label}),(0,ct.jsxs)("div",{className:"flex items-end justify-between gap-2",children:[(0,ct.jsx)("span",{className:o("[font:var(--inkblot-semantic-typography-heading-medium)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:t.value}),a.length>0?(0,ct.jsx)("div",{className:"flex h-8 items-end gap-0.5",children:a.map((i,s)=>(0,ct.jsx)("div",{className:"w-1 min-w-[2px] rounded-sm bg-[var(--inkblot-semantic-color-interactive-primary)] opacity-80",style:{height:`${i/n*100}%`,minHeight:4}},s))}):null]}),t.change?(0,ct.jsx)("span",{className:o("[font:var(--inkblot-semantic-typography-body-small)]",r),children:t.change}):null]})}var Vr=require("react/jsx-runtime");function Fr({tabs:t,activeTabId:e,onTabChange:r,className:a}){return(0,Vr.jsx)("nav",{role:"tablist","aria-label":"Tabs",className:o("flex gap-0 pt-[var(--inkblot-spacing-2)]",a),children:t.map(n=>{let i=n.id===e;return(0,Vr.jsxs)("button",{role:"tab","aria-selected":i,"aria-controls":`panel-${n.id}`,id:`tab-${n.id}`,type:"button",onClick:()=>r(n.id),className:o("relative px-[var(--inkblot-spacing-5)] py-[var(--inkblot-spacing-4)]","[font:var(--inkblot-semantic-typography-body-medium)]","transition-colors duration-[var(--inkblot-duration-fast)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]",i?["font-semibold text-[var(--inkblot-semantic-color-text-primary)]","bg-[var(--inkblot-semantic-color-background-secondary)]","rounded-t-[var(--inkblot-radius-lg)]"]:["text-[var(--inkblot-semantic-color-text-secondary)]","hover:text-[var(--inkblot-semantic-color-text-primary)]","hover:bg-[var(--inkblot-semantic-color-background-secondary)]/50"]),children:[n.label,i?(0,Vr.jsx)("span",{className:"absolute bottom-0 left-0 right-0 h-0.5 rounded-full bg-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0}):null]},n.id)})})}var mr=require("lucide-react");var Ct=require("react/jsx-runtime"),Cl={urgent:"bg-[var(--inkblot-semantic-color-status-error)]/20 text-[var(--inkblot-semantic-color-status-error)] border-[var(--inkblot-semantic-color-status-error)]/30",high:"bg-[var(--inkblot-semantic-color-status-warning)]/20 text-[var(--inkblot-semantic-color-status-warning)] border-[var(--inkblot-semantic-color-status-warning)]/30",medium:"bg-[var(--inkblot-semantic-color-status-success)]/10 text-[var(--inkblot-semantic-color-status-success)] border-[var(--inkblot-semantic-color-status-success)]/30",low:"bg-[var(--inkblot-semantic-color-background-tertiary)] text-[var(--inkblot-semantic-color-text-secondary)] border-[var(--inkblot-semantic-color-border-subtle)]"};function Gr({id:t,title:e,company:r,priority:a,date:n,assignee:i,completed:s=!1,onToggle:c,onClick:l,className:d}){let p=Cl[a];return(0,Ct.jsxs)("div",{role:"button",tabIndex:0,onClick:()=>l?.(t),onKeyDown:u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),l?.(t))},className:o("flex items-center gap-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-lg)]","border border-[var(--inkblot-semantic-color-border-subtle)]","bg-[var(--inkblot-semantic-color-background-secondary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]","transition-colors duration-[var(--inkblot-duration-fast)]","hover:border-[var(--inkblot-semantic-color-border-default)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","cursor-pointer",d),children:[(0,Ct.jsx)("button",{type:"button",onClick:u=>{u.stopPropagation(),c?.(t)},"aria-label":s?"Mark as incomplete":"Mark as complete","aria-pressed":s,className:o("flex h-5 w-5 shrink-0 items-center justify-center rounded-full","transition-colors duration-[var(--inkblot-duration-fast)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]",s?"bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"border-2 border-[var(--inkblot-semantic-color-border-default)] bg-transparent"),children:s?(0,Ct.jsx)(mr.Check,{className:"h-3 w-3",strokeWidth:3}):null}),(0,Ct.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,Ct.jsx)("p",{className:o("[font:var(--inkblot-semantic-typography-body-large-bold)]","text-[var(--inkblot-semantic-color-text-primary)]",s&&"line-through text-[var(--inkblot-semantic-color-text-secondary)]"),children:e}),(0,Ct.jsx)("p",{className:o("mt-0.5 [font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-secondary)]",s&&"line-through"),children:r})]}),(0,Ct.jsxs)("div",{className:"flex shrink-0 flex-wrap items-center justify-end gap-[var(--inkblot-spacing-3)]",children:[(0,Ct.jsx)("span",{className:o("rounded-[var(--inkblot-radius-md)] border px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)]","[font:var(--inkblot-semantic-typography-body-small)] font-medium",p),children:a.charAt(0).toUpperCase()+a.slice(1)}),(0,Ct.jsxs)("span",{className:o("flex items-center gap-1","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:[(0,Ct.jsx)(mr.Calendar,{className:"h-4 w-4 shrink-0 text-[var(--inkblot-semantic-color-text-tertiary)]"}),n]}),(0,Ct.jsxs)("span",{className:o("flex items-center gap-1","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:[(0,Ct.jsx)(mr.User,{className:"h-4 w-4 shrink-0 text-[var(--inkblot-semantic-color-text-tertiary)]"}),i]})]})]})}var pr=require("lucide-react");var re=require("react/jsx-runtime"),Tl={todo:pr.CircleDot,in_progress:pr.Clock,done:pr.CheckCircle};function Wr({sections:t,onTaskToggle:e,onTaskClick:r,className:a}){return(0,re.jsx)("div",{className:o("flex flex-col gap-[var(--inkblot-spacing-8)]",a),children:t.map(n=>{let i=Tl[n.id],s=n.id==="done";return(0,re.jsxs)("section",{className:"flex flex-col gap-[var(--inkblot-spacing-4)]",children:[(0,re.jsxs)("div",{className:"flex items-center gap-[var(--inkblot-spacing-3)]",children:[(0,re.jsx)(i,{className:o("h-5 w-5 shrink-0",s?"text-[var(--inkblot-semantic-color-interactive-primary)]":"text-[var(--inkblot-semantic-color-text-secondary)]")}),(0,re.jsx)("h2",{className:o("[font:var(--inkblot-semantic-typography-body-large-bold)]","text-[var(--inkblot-semantic-color-text-primary)]"),children:n.label}),(0,re.jsx)("span",{className:o("rounded-[var(--inkblot-radius-full)] px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)]","bg-[var(--inkblot-semantic-color-background-secondary)]","[font:var(--inkblot-semantic-typography-body-small)] font-medium","text-[var(--inkblot-semantic-color-text-primary)]"),children:n.count})]}),(0,re.jsx)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-3)]",children:n.tasks.map(c=>(0,re.jsx)(Gr,{...c,completed:s,onToggle:e,onClick:r},c.id))})]},n.id)})})}var kt=require("lucide-react");var ft=require("react/jsx-runtime");function Pl(t){return t>=.8?"bg-[var(--inkblot-semantic-color-status-success)]":t>=.5?"bg-[var(--inkblot-semantic-color-status-info)]":t>=.2?"bg-[var(--inkblot-semantic-color-status-warning)]":"bg-[var(--inkblot-semantic-color-status-error)]"}var Ml={EMAIL_OPENED:kt.Mail,EMAIL_SENT:kt.Mail,INVOICE_PAID:kt.FileText,INVOICE_OVERDUE:kt.FileText,CONTRACT_SIGNED:kt.FileText,STAGE_CHANGED:kt.Zap,CALL_COMPLETED:kt.Phone,PHONE_CALL:kt.Phone,RELATIONSHIP_DETECTED:kt.Link2};function Sl(t){return Ml[t]??kt.FileText}function El(t){return t.metadata?.description??t.event_type.replace(/_/g," ").toLowerCase()}function Il(t){return t.metadata?.details??`${t.actor} - ${t.subject}`}function Kr({events:t,onEntitySelect:e,findEntity:r,emptyMessage:a="No recent activity",className:n}){let i=e?s=>{let c=r?.(s.subject)??r?.(s.actor);c&&e(c)}:void 0;return(0,ft.jsx)(K,{children:(0,ft.jsx)("div",{className:o("space-y-2",n),children:t.length===0?(0,ft.jsx)("p",{className:"py-6 text-center text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:a}):t.map(s=>{let l=!!(r?.(s.subject)??r?.(s.actor))&&!!i,d=Sl(s.event_type),p=(0,ft.jsxs)("div",{className:"flex flex-1 items-center gap-3",children:[(0,ft.jsx)(d,{className:"h-4 w-4 shrink-0 text-[var(--inkblot-semantic-color-text-secondary)]","aria-hidden":!0}),(0,ft.jsx)("div",{className:`h-2 w-2 shrink-0 rounded-full ${Pl(s.confidence_score)}`,"aria-hidden":!0}),(0,ft.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,ft.jsx)("p",{className:"text-sm font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:El(s)}),(0,ft.jsx)("p",{className:"text-xs text-[var(--inkblot-semantic-color-text-secondary)]",children:Il(s)})]}),(0,ft.jsx)("span",{className:"shrink-0 text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:s.timestamp})]}),u=s.id??`${s.actor}-${s.subject}-${s.timestamp}`;return(0,ft.jsx)("div",{children:l?(0,ft.jsx)("button",{type:"button",onClick:()=>i(s),className:"flex w-full items-center gap-3 rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-secondary)] p-3 text-left transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)] focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]",children:p}):(0,ft.jsx)("div",{className:"flex w-full items-center gap-3 rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-secondary)] p-3",children:p})},u)})})})}var Kn=require("react-router-dom"),Tt=require("lucide-react");var oe=require("react/jsx-runtime"),Ll=[{id:"home",path:"/",icon:Tt.ClipboardList,label:"Home"},{id:"intelligence",path:"/intelligence",icon:Tt.Brain,label:"Intelligence"},{id:"pipeline",path:"/pipeline",icon:Tt.BarChart3,label:"Pipeline"},{id:"graph",path:"/graph",icon:Tt.Network,label:"Graph"},{id:"events",path:"/events",icon:Tt.Activity,label:"Events"},{id:"settings",path:"/settings",icon:Tt.Settings,label:"Settings"}];function ma({items:t=Ll,brandLogo:e,brandTitle:r="Command Canvas \u2014 AI-native Interface",className:a}){return(0,oe.jsx)(K,{children:(0,oe.jsxs)("nav",{className:o("flex h-full flex-col gap-[var(--inkblot-spacing-4)] border-r border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-3)]",a),children:[(0,oe.jsx)("div",{className:"flex flex-col items-center gap-2",children:(0,oe.jsx)("div",{className:"flex h-11 w-11 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] shadow-[var(--inkblot-shadow-sm)]",title:r,children:e??(0,oe.jsx)(Tt.Sparkles,{className:"h-5 w-5 text-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0})})}),(0,oe.jsx)("div",{className:"flex flex-1 flex-col gap-[var(--inkblot-spacing-2)]",children:t.map(n=>{let i=n.icon;return(0,oe.jsx)(Kn.NavLink,{to:n.path,end:n.path==="/","aria-label":n.label,className:({isActive:s})=>`flex items-center justify-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-lg)] border border-transparent px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-2)] transition-[background,border-color,color] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] ${s?"border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] text-[var(--inkblot-semantic-color-interactive-primary)]":"text-[var(--inkblot-semantic-color-text-secondary)] hover:border-[var(--inkblot-semantic-color-border-default)]/60 hover:bg-[var(--inkblot-semantic-color-background-primary)]"}`,children:(0,oe.jsx)(i,{size:20,"aria-hidden":!0})},n.id)})})]})})}var Yt=require("react");var j=require("react/jsx-runtime");function Al(t){let e=t.toLowerCase();return e.includes("entity")||e.includes("company")||e.includes("person")||e.includes("deal")||e.includes("profile")||e.includes("org")?"entity":e.includes("event")||e.includes("activity")||e.includes("recent")||e.includes("stream")||e.includes("log")?"event":"general"}function Rl({entities:t}){let e=t[0];return e?(0,j.jsxs)("div",{className:"space-y-3",children:[(0,j.jsx)("p",{className:"text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:"Here's the entity profile and current insights:"}),(0,j.jsx)(Lr,{name:e.name,entityType:e.type,metadata:e.metadata,edges:[{type:"WORKS_WITH",target:t[1]?.name},{type:"MANAGES",target:t[4]?.name}]})]}):null}function Dl({events:t}){return(0,j.jsxs)("div",{className:"space-y-2",children:[(0,j.jsx)("p",{className:"text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:"Latest activity from the event bus:"}),t.slice(0,5).map(e=>(0,j.jsx)(Dr,{event:e},e.id??`${e.actor}-${e.subject}-${e.timestamp}`))]})}function Hl(){return(0,j.jsx)("p",{className:"text-sm text-[var(--inkblot-semantic-color-text-primary)]",children:"Revenue confidence is trending upward at 78%. Momentum increased 12% this week driven by 3 new meetings with Acme Corp. Churn risk remains low at 15% across the active pipeline."})}function pa({entities:t,events:e,onFocusEntity:r,findEntity:a,placeholder:n="Ask anything \u2014 deals, contacts, forecasts...",emptyMessage:i="Type to get started...",className:s}){let[c,l]=(0,Yt.useState)(""),[d,p]=(0,Yt.useState)([]),[u,v]=(0,Yt.useState)(!1),[m,g]=(0,Yt.useState)(new Map),h=(0,Yt.useRef)(null);(0,Yt.useEffect)(()=>{h.current&&(h.current.scrollTop=h.current.scrollHeight)},[d,u]);let P=(0,Yt.useCallback)(()=>{let N=c.trim();if(!N||u)return;let I=a?.(N);I&&r&&r(I);let C={id:`msg-${Date.now()}`,role:"user",content:N,timestamp:new Date().toISOString()},w=Al(N);p(f=>[...f,C]),l(""),v(!0),setTimeout(()=>{let f={id:`msg-${Date.now()}-res`,role:"assistant",content:"",intent:w,timestamp:new Date().toISOString()},b;switch(w){case"entity":b=(0,j.jsx)(Rl,{entities:t});break;case"event":b=(0,j.jsx)(Dl,{events:e});break;default:b=(0,j.jsx)(Hl,{})}g(y=>{let T=new Map(y);return T.set(f.id,b),T}),p(y=>[...y,f]),v(!1)},1e3)},[c,u,t,e,r,a]);return(0,j.jsxs)("div",{className:o("flex h-full flex-col",s),children:[(0,j.jsxs)("div",{ref:h,className:"flex-1 space-y-4 overflow-y-auto p-4",children:[d.length===0&&!u?(0,j.jsx)("div",{className:"flex flex-1 items-center justify-center py-12",children:(0,j.jsx)("p",{className:"text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:i})}):d.map(N=>(0,j.jsx)("div",{className:"flex flex-col gap-2",children:N.role==="user"?(0,j.jsx)("div",{className:"flex justify-end",children:(0,j.jsx)("div",{className:"max-w-[80%] rounded-[var(--inkblot-radius-lg)] bg-[var(--inkblot-semantic-color-interactive-primary)] px-4 py-3 text-sm text-[var(--inkblot-semantic-color-text-primary)]",children:N.content})}):(0,j.jsx)("div",{className:"max-w-[90%]",children:m.get(N.id)??(0,j.jsx)("p",{className:"text-sm text-[var(--inkblot-semantic-color-text-primary)]",children:N.content})})},N.id)),u&&(0,j.jsx)("div",{className:"max-w-[70%]",children:(0,j.jsx)(Ye,{className:"animate-shimmer"})})]}),(0,j.jsx)("div",{className:"shrink-0 border-t border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] p-4",children:(0,j.jsx)(qe,{promptValue:c,onPromptChange:l,onPromptSubmit:P,isProcessing:u,placeholder:n})})]})}var _n=require("lucide-react");var ve=require("react/jsx-runtime");function ba({prompt:t,onPromptChange:e,onSubmit:r,isProcessing:a,placeholder:n="Ask anything \u2014 deals, contacts, forecasts...",subtitle:i="Citron OS v1.0 \u2014 AI-native Revenue & Operations Platform",className:s}){return(0,ve.jsxs)("div",{className:o("border-t border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-[var(--inkblot-spacing-6)] py-[var(--inkblot-spacing-4)]",s),children:[(0,ve.jsxs)("div",{className:"flex items-start gap-[var(--inkblot-spacing-3)]",children:[(0,ve.jsx)("div",{className:"mt-[var(--inkblot-spacing-1)] flex h-10 w-10 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)]",children:(0,ve.jsx)(_n.Sparkles,{className:"h-5 w-5 text-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0})}),(0,ve.jsx)("div",{className:"flex-1",children:(0,ve.jsx)(qe,{promptValue:t,onPromptChange:e,onPromptSubmit:r,isProcessing:a,placeholder:n})})]}),i&&(0,ve.jsx)("p",{className:"mt-[var(--inkblot-spacing-2)] [font:var(--inkblot-semantic-typography-body-small)] text-[var(--inkblot-semantic-color-text-tertiary)]",children:i})]})}var Xt=require("react/jsx-runtime");function ua({events:t,title:e="Event Stream",showLive:r=!0,className:a}){return(0,Xt.jsx)(K,{children:(0,Xt.jsxs)("div",{className:o("flex h-full flex-col bg-[var(--inkblot-semantic-color-background-secondary)]",a),children:[(0,Xt.jsxs)("div",{className:"flex shrink-0 items-center justify-between border-b border-[var(--inkblot-semantic-color-border-default)] px-4 py-3",children:[(0,Xt.jsx)("span",{className:"text-xs font-medium uppercase tracking-wider text-[var(--inkblot-semantic-color-text-secondary)]",children:e}),r&&(0,Xt.jsxs)("div",{className:"flex items-center gap-2",children:[(0,Xt.jsx)("div",{className:"h-2 w-2 rounded-full bg-[var(--inkblot-semantic-color-status-success)]"}),(0,Xt.jsx)("span",{className:"text-xs text-[var(--inkblot-semantic-color-status-success)]",children:"Live"})]})]}),(0,Xt.jsx)("div",{className:"flex-1 overflow-auto p-4",children:(0,Xt.jsx)(Kr,{events:t})})]})})}var Q=require("react/jsx-runtime"),Bl=[{label:"Pipeline Health",value:76},{label:"Churn Risk",value:28},{label:"Expansion Signal",value:64},{label:"Team Velocity",value:83}],Ol=[{title:"Acme Corp likely to close within 14 days",description:"Based on email sentiment, meeting cadence, and champion engagement patterns.",confidence:89},{title:"Churn risk detected: GlobalTech Inc",description:"Declining touchpoints and support ticket volume suggest potential churn.",confidence:74},{title:"Expansion opportunity: TechVentures",description:"Usage patterns and NPS scores indicate readiness for upsell conversation.",confidence:81}];function va({loading:t,kpiCards:e=Bl,aiInsights:r=Ol,title:a="Intelligence Lab",subtitle:n="AI-generated insights - Updated 3 min ago",className:i}){return(0,Q.jsxs)("div",{className:o("flex h-full flex-col gap-4 overflow-y-auto p-4",i),children:[(0,Q.jsxs)("div",{children:[(0,Q.jsx)("h1",{className:"text-2xl font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:a}),(0,Q.jsx)("p",{className:"text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:n})]}),(0,Q.jsx)(Br,{loading:t,title:"",children:(0,Q.jsx)(K,{children:(0,Q.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,Q.jsx)("div",{className:"grid grid-cols-2 gap-4 lg:grid-cols-4",children:e.map(s=>(0,Q.jsx)(Hr,{label:s.label,value:s.value,subtext:s.subtext,trend:s.trend},s.label))}),(0,Q.jsxs)("div",{children:[(0,Q.jsx)("h2",{className:"mb-4 border-b border-[var(--inkblot-semantic-color-border-default)] pb-2 text-sm font-bold uppercase tracking-wider text-[var(--inkblot-semantic-color-text-primary)]",children:"AI Insights"}),(0,Q.jsx)("div",{className:"flex flex-col gap-4",children:r.map(s=>(0,Q.jsx)(K,{children:(0,Q.jsxs)("div",{className:"flex items-start justify-between gap-4 rounded-[var(--inkblot-radius-lg)] bg-[var(--inkblot-semantic-color-background-secondary)] p-4",children:[(0,Q.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,Q.jsx)("h3",{className:"font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:s.title}),(0,Q.jsx)("p",{className:"mt-1 text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:s.description})]}),(0,Q.jsxs)("div",{className:"flex shrink-0 flex-col items-center",children:[(0,Q.jsx)("span",{className:"text-lg font-bold text-[var(--inkblot-semantic-color-text-primary)]",children:s.confidence}),(0,Q.jsx)("span",{className:"text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:"Conf."})]})]})},s.title))})]})]})})})]})}var ae=require("react/jsx-runtime");function ga({navigation:t,eventStream:e,commandBar:r,children:a,className:n,eventStreamWidth:i="w-80"}){return(0,ae.jsxs)("div",{className:o("flex h-screen w-screen overflow-hidden bg-[var(--inkblot-semantic-color-background-primary)]",n),children:[(0,ae.jsx)("aside",{className:"flex h-full w-16 shrink-0 flex-col border-r border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)]",children:t}),(0,ae.jsx)("main",{className:"flex flex-1 flex-col overflow-hidden",children:(0,ae.jsxs)("div",{className:"flex min-h-0 flex-1",children:[(0,ae.jsxs)("div",{className:"flex min-h-0 flex-1 flex-col overflow-hidden bg-[var(--inkblot-semantic-color-background-primary)]",children:[(0,ae.jsx)("div",{className:"flex-1 overflow-auto px-[var(--inkblot-spacing-6)] py-[var(--inkblot-spacing-6)]",children:a}),(0,ae.jsx)("div",{className:"shrink-0 border-t border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)]",children:r})]}),e&&(0,ae.jsx)("aside",{className:o("flex h-full shrink-0 flex-col border-l border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)]",i),children:e})]})})]})}var yo=require("react"),xo=require("lucide-react");var Kt=require("react/jsx-runtime"),zl=["urgent","high","medium","low"];function _r({onConfirm:t,onCancel:e,className:r}){let[a,n]=(0,yo.useState)(""),[i,s]=(0,yo.useState)(""),[c,l]=(0,yo.useState)("medium");return(0,Kt.jsxs)("form",{onSubmit:p=>{p.preventDefault();let u=a.trim();u&&(t({title:u,company:i.trim()||void 0,priority:c}),n(""),s(""),l("medium"))},className:o("flex flex-col gap-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-lg)]","border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-secondary)]","p-[var(--inkblot-spacing-4)]",r),children:[(0,Kt.jsx)("input",{type:"text",value:a,onChange:p=>n(p.target.value),placeholder:"Task title...",autoFocus:!0,required:!0,className:o("min-h-[var(--inkblot-size-touch-target-min)] w-full rounded-[var(--inkblot-radius-md)]","border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)]","text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)]")}),(0,Kt.jsx)("input",{type:"text",value:i,onChange:p=>s(p.target.value),placeholder:"Company (optional)",className:o("min-h-[var(--inkblot-size-touch-target-min)] w-full rounded-[var(--inkblot-radius-md)]","border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)]","text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)]")}),(0,Kt.jsx)("div",{className:"flex flex-wrap gap-[var(--inkblot-spacing-2)]",children:zl.map(p=>(0,Kt.jsx)("button",{type:"button",onClick:()=>l(p),className:o("rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)]","[font:var(--inkblot-semantic-typography-body-small)] font-medium","transition-colors duration-[var(--inkblot-duration-fast)]",c===p?"bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"bg-[var(--inkblot-semantic-color-background-tertiary)] text-[var(--inkblot-semantic-color-text-secondary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]/80"),children:p.charAt(0).toUpperCase()+p.slice(1)},p))}),(0,Kt.jsxs)("div",{className:"flex justify-end gap-[var(--inkblot-spacing-2)]",children:[(0,Kt.jsxs)("button",{type:"button",onClick:e,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center gap-2 rounded-[var(--inkblot-radius-lg)]","border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-interactive-secondary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)] font-medium","text-[var(--inkblot-semantic-color-text-primary)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)]"),children:[(0,Kt.jsx)(xo.X,{className:"h-4 w-4"}),"Cancel"]}),(0,Kt.jsxs)("button",{type:"submit",disabled:!a.trim(),className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center gap-2 rounded-[var(--inkblot-radius-lg)]","bg-[var(--inkblot-semantic-color-interactive-primary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)] font-medium","text-[var(--inkblot-semantic-color-text-inverse)]","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)]","disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:cursor-not-allowed"),children:[(0,Kt.jsx)(xo.Check,{className:"h-4 w-4"}),"Add Task"]})]})]})}var Re=require("react"),br=require("lucide-react");var No=require("react");var $n=require("react");var jn=require("react/jsx-runtime"),Vl={sm:"h-8 px-3 text-xs",md:"h-10 px-4 text-sm",lg:"h-11 px-5 text-sm"};function ho({pressed:t,defaultPressed:e=!1,onPressedChange:r,size:a="md",variant:n="default",disabled:i,className:s,children:c,...l}){let[d,p]=(0,$n.useState)(e),u=t??d;return(0,jn.jsx)("button",{type:"button","aria-pressed":u,disabled:i,onClick:()=>{if(i)return;let m=!u;t===void 0&&p(m),r?.(m)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-md)] border font-medium transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",Vl[a],n==="default"?u?"border-[var(--inkblot-semantic-color-interactive-primary)] bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]":u?"border-[var(--inkblot-semantic-color-text-primary)] bg-[var(--inkblot-semantic-color-background-tertiary)] text-[var(--inkblot-semantic-color-text-primary)]":"border-[var(--inkblot-semantic-color-border-default)] bg-transparent text-[var(--inkblot-semantic-color-text-secondary)] hover:text-[var(--inkblot-semantic-color-text-primary)]",s),...l,children:c})}var $r=require("react/jsx-runtime");function wo({type:t="single",items:e,value:r,defaultValue:a,onValueChange:n,className:i,...s}){let c=a??(t==="single"?"":[]),[l,d]=(0,No.useState)(c),p=r??l,u=(0,No.useMemo)(()=>{if(t==="single"){let g=typeof p=="string"?p:"";return new Set(g?[g]:[])}let m=Array.isArray(p)?p:[];return new Set(m)},[p,t]),v=m=>{if(t==="single"){let P=u.has(m)?"":m;r===void 0&&d(P),n?.(P);return}let g=Array.isArray(p)?p:[],h=g.includes(m)?g.filter(P=>P!==m):[...g,m];r===void 0&&d(h),n?.(h)};return(0,$r.jsx)("div",{className:o("inline-flex items-center gap-2 rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-tertiary)] p-1",i),...s,children:e.map(m=>{let g=m.icon;return(0,$r.jsxs)(ho,{pressed:u.has(m.id),onPressedChange:()=>v(m.id),disabled:m.disabled,size:"sm",children:[g?(0,$r.jsx)(g,{className:"mr-2 size-4"}):null,m.label]},m.id)})})}var Zn=require("@hello-pangea/dnd"),To=require("react");var Yn=require("@hello-pangea/dnd");var Un=require("react"),qn=require("lucide-react");var jr=require("react/jsx-runtime"),Fl={sm:"h-8 w-8 text-xs",md:"h-10 w-10 text-sm",lg:"h-14 w-14 text-base"};function Co({src:t,alt:e="Avatar",fallback:r,size:a="md",disabled:n=!1,className:i}){let[s,c]=(0,Un.useState)(!1),l=!!(t&&!s);return(0,jr.jsx)("span",{"aria-disabled":n,className:o("inline-flex shrink-0 items-center justify-center overflow-hidden rounded-[var(--inkblot-radius-full)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-tertiary)] text-[var(--inkblot-semantic-color-text-secondary)]",n&&"opacity-[var(--inkblot-opacity-disabled)]",Fl[a],i),children:l?(0,jr.jsx)("img",{src:t,alt:e,onError:()=>c(!0),className:"h-full w-full object-cover"}):r?(0,jr.jsx)("span",{className:"font-medium uppercase",children:r.slice(0,2)}):(0,jr.jsx)(qn.User,{className:"h-4 w-4"})})}var Lt=require("react/jsx-runtime"),Gl={low:"bg-[var(--inkblot-semantic-color-status-info)]",medium:"bg-[var(--inkblot-semantic-color-status-success)]",high:"bg-[var(--inkblot-semantic-color-status-warning)]",urgent:"bg-[var(--inkblot-semantic-color-status-error)]"};function Ur({task:t,index:e,className:r}){let a=t.jiraKey??`TASK-${t.id}`;return(0,Lt.jsx)(Yn.Draggable,{draggableId:t.id,index:e,children:(n,i)=>(0,Lt.jsxs)("div",{ref:n.innerRef,...n.draggableProps,...n.dragHandleProps,className:o("relative flex cursor-grab flex-col gap-[var(--inkblot-spacing-3)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)] shadow-[var(--inkblot-shadow-sm)]","active:cursor-grabbing",i.isDragging&&"shadow-[var(--inkblot-shadow-lg)] ring-2 ring-[var(--inkblot-semantic-color-border-focus)]",r),children:[(0,Lt.jsx)("div",{className:"absolute right-[var(--inkblot-spacing-3)] top-[var(--inkblot-spacing-3)] h-8 w-1 rounded-[var(--inkblot-radius-sm)]",children:(0,Lt.jsx)("span",{className:o("block h-full w-full rounded-[var(--inkblot-radius-sm)]",Gl[t.priority])})}),(0,Lt.jsx)("p",{className:o("pr-[var(--inkblot-spacing-4)] text-[var(--inkblot-semantic-color-text-primary)]","[font:var(--inkblot-semantic-typography-body-medium)] font-semibold"),children:t.title}),(0,Lt.jsx)("p",{className:"text-[var(--inkblot-semantic-color-text-tertiary)] [font:var(--inkblot-semantic-typography-body-small)]",children:t.company}),(0,Lt.jsxs)("div",{className:"flex items-end justify-between gap-[var(--inkblot-spacing-2)]",children:[(0,Lt.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,Lt.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-tertiary)] [font:var(--inkblot-semantic-typography-body-small)]",children:a}),t.date?(0,Lt.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-secondary)] [font:var(--inkblot-semantic-typography-body-small)]",children:t.date}):null]}),(0,Lt.jsx)(Co,{size:"sm",fallback:t.assignee.replace(/\s/g,"").slice(0,2).toUpperCase(),alt:t.assignee})]})]})})}var Xn=require("@hello-pangea/dnd");var Le=require("react/jsx-runtime");function qr({columnId:t,title:e,count:r,children:a,className:n}){return(0,Le.jsxs)("div",{className:o("flex min-w-[min(100%,280px)] flex-1 flex-col rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-tertiary)]",n),children:[(0,Le.jsxs)("header",{className:o("flex items-center justify-between gap-[var(--inkblot-spacing-3)] border-b border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-secondary)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]"),children:[(0,Le.jsx)("h2",{className:o("text-[var(--inkblot-semantic-color-text-secondary)] [font:var(--inkblot-semantic-typography-body-small)]","font-semibold uppercase tracking-wide"),children:e}),(0,Le.jsx)("span",{className:o("min-w-[var(--inkblot-size-touch-target-min)] rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-2)] py-0.5 text-center","bg-[var(--inkblot-semantic-color-background-tertiary)] text-[var(--inkblot-semantic-color-text-primary)]","[font:var(--inkblot-semantic-typography-body-small)] font-medium"),children:r})]}),(0,Le.jsx)(Xn.Droppable,{droppableId:t,children:(i,s)=>(0,Le.jsxs)("div",{ref:i.innerRef,...i.droppableProps,className:o("flex min-h-[200px] flex-1 flex-col gap-[var(--inkblot-spacing-3)] p-[var(--inkblot-spacing-3)]",s.isDraggingOver&&"bg-[var(--inkblot-semantic-color-interactive-secondary)]/30"),children:[a,i.placeholder]})})]})}var Yr=require("react/jsx-runtime"),Wl=[{id:"todo",title:"TO DO"},{id:"in_progress",title:"IN PROGRESS"},{id:"done",title:"DONE"}];function Kl(t,e){let{destination:r,source:a,draggableId:n}=e;if(!r||a.droppableId===r.droppableId&&a.index===r.index)return t;let i=r.droppableId,s=t.find(v=>v.id===n);if(!s)return t;let c=t.filter(v=>v.id!==n),l={...s,status:i},p=[...c.filter(v=>v.status===i)];return p.splice(r.index,0,l),["todo","in_progress","done"].flatMap(v=>v===i?p:c.filter(m=>m.status===v))}function Xr({tasks:t,onTasksChange:e,className:r}){let a=(0,To.useCallback)(i=>{e(Kl(t,i))},[t,e]),n=(0,To.useMemo)(()=>{let i={todo:[],in_progress:[],done:[]};for(let s of t)i[s.status].push(s);return i},[t]);return(0,Yr.jsx)(Zn.DragDropContext,{onDragEnd:a,children:(0,Yr.jsx)("div",{className:o("flex w-full flex-col gap-[var(--inkblot-spacing-4)] lg:flex-row lg:items-start lg:overflow-x-auto",r),children:Wl.map(i=>{let s=n[i.id];return(0,Yr.jsx)(qr,{columnId:i.id,title:i.title,count:s.length,children:s.map((c,l)=>(0,Yr.jsx)(Ur,{task:c,index:l},c.id))},i.id)})})})}var Pt=require("react/jsx-runtime");function Ae(t,e,r="You",a){let i=new Date().toLocaleDateString("en-US",{month:"short",day:"numeric"})||"Today";return{id:e,title:t.title,company:t.company??"Unassigned",priority:t.priority??"medium",date:i,assignee:r,status:"todo",jiraKey:a}}function _l(t){let e={todo:t.filter(r=>r.status==="todo"),in_progress:t.filter(r=>r.status==="in_progress"),done:t.filter(r=>r.status==="done")};return[{id:"todo",label:"TO DO",count:e.todo.length,tasks:e.todo},{id:"in_progress",label:"IN PROGRESS",count:e.in_progress.length,tasks:e.in_progress},{id:"done",label:"DONE",count:e.done.length,tasks:e.done}]}var De=[Ae({title:"Follow up with Sarah Chen on proposal",company:"Acme Corp",priority:"high"},"1","You","CRM-104"),Ae({title:"Schedule demo with engineering team",company:"TechStart Inc",priority:"medium"},"2","Alex M.","CRM-112"),Ae({title:"Prepare quarterly report slides",company:"GlobalTech",priority:"low"},"3","Sam R.","CRM-98"),Ae({title:"Review Q1 marketing budget",company:"TechStart Inc",priority:"medium"},"4","Jamie L.","CRM-120"),Ae({title:"Draft partnership agreement",company:"Enterprise Co",priority:"urgent"},"5","You","CRM-88"),Ae({title:"Send contract to legal team",company:"GlobalTech",priority:"low"},"6","Lisa K."),Ae({title:"Update CRM with new contacts",company:"Acme Corp",priority:"low"},"7","Morgan P.","CRM-130")];De[0].status="todo";De[1].status="todo";De[2].status="todo";De[3].status="in_progress";De[4].status="in_progress";De[5].status="done";De[6].status="done";function fa({initialTasks:t=De,onTaskCreate:e,onTaskToggle:r,onTaskClick:a,onTasksReorder:n,className:i}){let[s,c]=(0,Re.useState)(t),[l,d]=(0,Re.useState)(!1),[p,u]=(0,Re.useState)(""),[v,m]=(0,Re.useState)("list"),g=(0,Re.useMemo)(()=>{if(!p.trim())return s;let b=p.toLowerCase();return s.filter(y=>y.title.toLowerCase().includes(b)||y.company.toLowerCase().includes(b)||(y.jiraKey?.toLowerCase().includes(b)??!1))},[s,p]),h=(0,Re.useMemo)(()=>_l(g),[g]),P=s.filter(b=>b.status!=="done").length,N=s.filter(b=>b.priority==="urgent"&&b.status!=="done").length,I=`${P} pending${N>0?` \xB7 ${N} urgent`:""}`,C=b=>{let y=`task-${Date.now()}`,T=Ae(b,y);c(S=>[T,...S]),d(!1),e?.(b)},w=b=>{c(y=>y.map(T=>{if(T.id!==b)return T;let S=T.status==="done"?"todo":"done";return{...T,status:S}})),r?.(b)},f=b=>{c(b),n?.(b)};return(0,Pt.jsx)("div",{className:o("flex min-h-screen flex-col bg-[var(--inkblot-semantic-color-background-primary)]",i),children:(0,Pt.jsxs)("div",{className:"flex flex-1 flex-col gap-8 px-8 py-8",children:[(0,Pt.jsx)(Xe,{title:"Tasks",subtitle:I,icon:(0,Pt.jsx)(br.ClipboardList,{className:"h-5 w-5"}),action:(0,Pt.jsx)(Ze,{label:"New Task",onClick:()=>d(b=>!b)})}),(0,Pt.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-4)] xl:flex-row xl:items-center xl:gap-[var(--inkblot-spacing-4)]",children:[(0,Pt.jsx)(wo,{type:"single",value:v,onValueChange:b=>{(b==="list"||b==="kanban")&&m(b)},items:[{id:"list",label:"List View",icon:br.List},{id:"kanban",label:"Kanban Board View",icon:br.LayoutGrid}]}),(0,Pt.jsx)("div",{className:"min-w-0 flex-1",children:(0,Pt.jsx)(ue,{placeholder:v==="list"?"Search tasks (title, company, Jira key)...":"Switch to list view to search and filter tasks",value:p,onChange:b=>u(b.target.value),disabled:v==="kanban"})})]}),l?(0,Pt.jsx)(_r,{onConfirm:C,onCancel:()=>d(!1)}):null,v==="list"?(0,Pt.jsx)(Wr,{sections:h,onTaskToggle:w,onTaskClick:a}):(0,Pt.jsx)(Xr,{tasks:s,onTasksChange:f})]})})}var Zt=require("react"),ei=require("lucide-react");var _=require("react/jsx-runtime"),$l=`Hi [Name],
|
|
2
2
|
|
|
3
3
|
I hope this email finds you well. I wanted to reach out regarding our recent conversation about [Topic].
|
|
4
4
|
|
|
@@ -17,5 +17,5 @@ I'd love to schedule a quick call this week to walk you through these in more de
|
|
|
17
17
|
Looking forward to hearing from you.
|
|
18
18
|
|
|
19
19
|
Best regards,
|
|
20
|
-
[Your name]`,In=[{id:"1",campaignName:"Q1 Product Launch",recipients:"2840 recipients",status:"sent",opens:"68%",clicks:"24%",date:"Feb 12, 2026"},{id:"2",campaignName:"Welcome Series",recipients:"1200 recipients",status:"active",statusSubtext:"Running",opens:"-",clicks:"-",date:"Feb 28, 2026"},{id:"3",campaignName:"Re-engagement Campaign",recipients:"890 recipients",status:"draft",opens:"-",clicks:"-",date:"Feb 5, 2026"},{id:"4",campaignName:"Holiday Promo",recipients:"4500 recipients",status:"scheduled",opens:"-",clicks:"-",date:"Mar 1, 2026"}],Ln=[{id:"1",category:"Onboarding",title:"Welcome Series",uses:"34 uses"},{id:"2",category:"Marketing",title:"Product Announcement",uses:"12 uses"},{id:"3",category:"Retention",title:"Renewal Reminder",uses:"28 uses"},{id:"4",category:"Sales",title:"Meeting Follow-up",uses:"56 uses"}],Rn=["Acme Corp - Sarah Chen","TechStart Inc - Mike Rodriguez","GlobalTech - Lisa Kim","Enterprise Co - John Smith","StartupXYZ - Emma Wilson"],bl=[{key:"campaign",label:"Campaign"},{key:"status",label:"Status"},{key:"opens",label:"Opens"},{key:"clicks",label:"Clicks"},{key:"date",label:"Date"}],ul=[{label:"Total Sent",value:"12.4K",change:"This month",changeVariant:"success"},{label:"Avg. Open Rate",value:"64%",change:"+8% vs prior",changeVariant:"success"},{label:"Avg. Click Rate",value:"22%",change:"+3% vs prior",changeVariant:"success"},{label:"Active Automations",value:"7",change:"3 paused",changeVariant:"error"}];function Xo({onSendNow:t,onSchedule:e,onSaveDraft:r,onNewCampaign:a,onGenerateWithAI:i,onTemplateClick:n,className:s}){let[c,l]=(0,Gt.useState)("campaigns"),[d,p]=(0,Gt.useState)(""),[u,v]=(0,Gt.useState)(""),[b,g]=(0,Gt.useState)(""),[N,w]=(0,Gt.useState)(!1),[x,D]=(0,Gt.useState)(""),T=(0,Gt.useMemo)(()=>{if(!d.trim())return In;let L=d.toLowerCase();return In.filter(X=>X.campaignName.toLowerCase().includes(L)||X.recipients.toLowerCase().includes(L))},[d]),h=(0,Gt.useMemo)(()=>{if(!d.trim())return Ln;let L=d.toLowerCase();return Ln.filter(X=>X.title.toLowerCase().includes(L)||X.category.toLowerCase().includes(L))},[d]),k=(0,Gt.useMemo)(()=>{if(!x.trim())return Rn;let L=x.toLowerCase();return Rn.filter(X=>X.toLowerCase().includes(L))},[x]),m=async()=>{w(!0),await new Promise(L=>setTimeout(L,1500)),g(pl),w(!1)},y=()=>{t?.()},C=()=>{e?.()},S=()=>{r?.()},O=c==="campaigns"||c==="templates";return(0,z.jsx)("div",{className:o("flex min-h-screen flex-col bg-[var(--inkblot-semantic-color-background-primary)]",s),children:(0,z.jsxs)("div",{className:"flex flex-1 flex-col gap-[var(--inkblot-spacing-8)] px-[var(--inkblot-spacing-8)] py-[var(--inkblot-spacing-8)]",children:[(0,z.jsx)(Be,{title:"Email Campaigns",subtitle:"Automate outreach \xB7 AI-powered templates",icon:(0,z.jsx)(An.Mail,{className:"h-5 w-5"}),action:(0,z.jsx)(Oe,{label:"New Campaign",onClick:()=>a?.()})}),(0,z.jsx)(Nr,{tabs:[{id:"campaigns",label:"Campaigns"},{id:"templates",label:"Templates"},{id:"compose",label:"Compose"}],activeTabId:c,onTabChange:l}),O?(0,z.jsx)(re,{placeholder:c==="campaigns"?"Search campaigns...":"Search templates...",value:d,onChange:L=>p(L.target.value)}):null,c==="campaigns"?(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(xr,{items:ul}),(0,z.jsx)(dr,{columns:bl,rows:T})]}):c==="templates"?(0,z.jsx)(pr,{templates:h,onGenerateWithAI:i,onTemplateClick:n}):(0,z.jsxs)("div",{className:"flex max-w-2xl flex-col gap-[var(--inkblot-spacing-6)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-6)] shadow-[var(--inkblot-shadow-sm)]",children:[(0,z.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-6)]",children:[(0,z.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-2)]",children:[(0,z.jsx)("label",{className:"uppercase tracking-wider text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-body-small)]",children:"Subject"}),(0,z.jsx)(ue,{type:"text",value:u,onChange:L=>v(L.target.value),placeholder:"Enter subject line..."})]}),(0,z.jsx)(je,{label:"Body",value:b,onChange:L=>g(L.target.value),placeholder:"Compose your email or let AI generate content...",loading:N,onWriteWithAI:m}),(0,z.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-2)]",children:[(0,z.jsx)(re,{label:"Recipients",placeholder:"Search contacts, segments, or tags...",value:x,onChange:L=>D(L.target.value)}),k.length>0?(0,z.jsx)("ul",{className:"flex flex-wrap gap-[var(--inkblot-spacing-2)]",children:k.slice(0,5).map(L=>(0,z.jsx)("li",{className:o("rounded-[var(--inkblot-radius-md)]","bg-[var(--inkblot-semantic-color-background-secondary)]","px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)]","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-secondary)]"),children:L},L))}):null]})]}),(0,z.jsx)(lr,{onSendNow:y,onSchedule:C,onSaveDraft:S})]})]})})}var mt=require("react"),Hn=require("react/jsx-runtime"),Ar="citron-ui-theme",Dn=(0,mt.createContext)(null);function vl(){if(typeof window>"u")return null;try{let t=window.localStorage.getItem(Ar);if(t==="light"||t==="dark")return t}catch{}return null}function gl(){return typeof window>"u"?"light":window.matchMedia?.("(prefers-color-scheme: dark)").matches?"dark":"light"}function fl(t){typeof document>"u"||document.documentElement.setAttribute("data-theme",t)}function Zo({children:t}){let[e,r]=(0,mt.useState)("light"),[a,i]=(0,mt.useState)(!1);(0,mt.useEffect)(()=>{let d=vl()??gl();r(d),i(!0)},[]),(0,mt.useEffect)(()=>{if(a&&(fl(e),!(typeof window>"u")))try{window.localStorage.setItem(Ar,e)}catch{}},[e,a]);let n=(0,mt.useCallback)(l=>{r(l)},[]),s=(0,mt.useCallback)(()=>{r(l=>l==="light"?"dark":"light")},[]),c=(0,mt.useMemo)(()=>({theme:e,setTheme:n,toggleTheme:s}),[e,n,s]);return(0,Hn.jsx)(Dn.Provider,{value:c,children:t})}function Dr(){let t=(0,mt.useContext)(Dn);if(!t)throw new Error("useTheme must be used within a ThemeProvider");return t}var Jo=require("react/jsx-runtime");function Hr({className:t,type:e="button",...r}){let{theme:a,toggleTheme:i}=Dr(),n=a==="dark";return(0,Jo.jsx)("button",{type:e,onClick:i,"aria-label":n?"Switch to light mode":"Switch to dark mode",className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] min-w-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-lg)]","border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-secondary)]","text-[var(--inkblot-semantic-color-text-primary)]","transition-colors duration-[var(--inkblot-duration-fast)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--inkblot-semantic-color-background-primary)]",t),...r,children:(0,Jo.jsx)("span",{className:"text-lg leading-none","aria-hidden":!0,children:n?"\u2600\uFE0F":"\u{1F319}"})})}var so=require("react"),Bn=require("lucide-react");var Ne=require("react/jsx-runtime");function On({items:t,defaultValue:e,allowMultiple:r=!1,className:a}){let i=(0,so.useMemo)(()=>new Set(e??[]),[e]),[n,s]=(0,so.useState)(i),c=l=>{s(d=>{let p=new Set(d);return p.has(l)?(p.delete(l),p):r?(p.add(l),p):new Set([l])})};return(0,Ne.jsx)("div",{className:o("w-full overflow-hidden rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)]",a),children:t.map((l,d)=>{let p=n.has(l.id);return(0,Ne.jsxs)("div",{className:o(d!==0&&"border-t border-[var(--inkblot-semantic-color-border-default)]"),children:[(0,Ne.jsxs)("button",{type:"button",disabled:l.disabled,"aria-expanded":p,onClick:()=>c(l.id),className:o("flex min-h-[var(--inkblot-size-touch-target-min)] w-full items-center justify-between gap-[var(--inkblot-spacing-3)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)] text-left text-[var(--inkblot-semantic-color-text-primary)] transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",l.disabled?"cursor-not-allowed opacity-[var(--inkblot-opacity-disabled)]":"hover:bg-[var(--inkblot-semantic-color-background-tertiary)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-[-2px]"),children:[(0,Ne.jsx)("span",{className:"font-medium",children:l.title}),(0,Ne.jsx)(Bn.ChevronDown,{className:o("h-4 w-4 shrink-0 text-[var(--inkblot-semantic-color-text-tertiary)] transition-transform duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",p&&"rotate-180")})]}),p&&(0,Ne.jsx)("div",{className:"px-[var(--inkblot-spacing-4)] pb-[var(--inkblot-spacing-4)] text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:l.content})]},l.id)})})}var Ce=require("lucide-react");var Fe=require("react/jsx-runtime"),kl={info:"border-[var(--inkblot-semantic-color-status-info)] bg-[var(--inkblot-semantic-color-status-info)]/10 text-[var(--inkblot-semantic-color-text-primary)]",success:"border-[var(--inkblot-semantic-color-status-success)] bg-[var(--inkblot-semantic-color-status-success)]/10 text-[var(--inkblot-semantic-color-text-primary)]",warning:"border-[var(--inkblot-semantic-color-status-warning)] bg-[var(--inkblot-semantic-color-status-warning)]/10 text-[var(--inkblot-semantic-color-text-primary)]",error:"border-[var(--inkblot-semantic-color-status-error)] bg-[var(--inkblot-semantic-color-status-error)]/10 text-[var(--inkblot-semantic-color-text-primary)]"},yl={info:Ce.Info,success:Ce.CheckCircle2,warning:Ce.AlertTriangle,error:Ce.AlertCircle};function Vn({title:t,description:e,variant:r="info",className:a}){let i=yl[r];return(0,Fe.jsxs)("div",{role:"alert",className:o("flex w-full items-start gap-[var(--inkblot-spacing-3)] rounded-[var(--inkblot-radius-lg)] border px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]",kl[r],a),children:[(0,Fe.jsx)(i,{className:"mt-0.5 h-4 w-4 shrink-0"}),(0,Fe.jsxs)("div",{className:"flex min-w-0 flex-col gap-[var(--inkblot-spacing-1)]",children:[(0,Fe.jsx)("div",{className:"font-semibold",children:t}),e&&(0,Fe.jsx)("div",{className:"text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:e})]})]})}var Dt=require("react"),zn=require("lucide-react");var Nt=require("react/jsx-runtime");function Fn({open:t,title:e,description:r,confirmLabel:a="Confirmar",cancelLabel:i="Cancelar",destructive:n=!1,confirmDisabled:s=!1,closeOnConfirm:c=!0,initialFocusRef:l,onOpenChange:d,onConfirm:p,onCancel:u,className:v}){let b=(0,Dt.useRef)(null),g=(0,Dt.useRef)(null),N=(0,Dt.useRef)(null),w=(0,Dt.useId)(),x=(0,Dt.useId)(),D=(0,Dt.useCallback)(()=>{u?.(),d?.(!1)},[u,d]),T=(0,Dt.useCallback)(()=>{p?.(),c&&d?.(!1)},[c,p,d]);return(0,Dt.useEffect)(()=>{if(!t)return;N.current=document.activeElement instanceof HTMLElement?document.activeElement:null,(l?.current??g.current??b.current)?.focus();let k=m=>{m.key==="Escape"&&D()};return window.addEventListener("keydown",k),()=>{window.removeEventListener("keydown",k),N.current?.focus()}},[D,l,t]),t?(0,Nt.jsx)("div",{className:"fixed inset-0 z-50 grid place-items-center bg-[var(--inkblot-semantic-color-background-primary)]/70 px-[var(--inkblot-spacing-4)]",onClick:D,children:(0,Nt.jsxs)("div",{role:"alertdialog","aria-modal":"true","aria-labelledby":w,"aria-describedby":r?x:void 0,tabIndex:-1,ref:b,onClick:h=>h.stopPropagation(),className:o("w-full max-w-[520px] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-6)] text-[var(--inkblot-semantic-color-text-primary)] shadow-lg",v),children:[(0,Nt.jsxs)("div",{className:"mb-[var(--inkblot-spacing-4)] flex items-start gap-[var(--inkblot-spacing-3)]",children:[(0,Nt.jsx)("div",{className:o("mt-0.5 rounded-[var(--inkblot-radius-full)] p-[var(--inkblot-spacing-2)]",n?"bg-[var(--inkblot-semantic-color-status-error)]/15 text-[var(--inkblot-semantic-color-status-error)]":"bg-[var(--inkblot-semantic-color-status-warning)]/15 text-[var(--inkblot-semantic-color-status-warning)]"),children:(0,Nt.jsx)(zn.AlertTriangle,{className:"h-5 w-5"})}),(0,Nt.jsxs)("div",{className:"flex-1",children:[(0,Nt.jsx)("h2",{id:w,className:"text-lg font-semibold",children:e}),r&&(0,Nt.jsx)("p",{id:x,className:"mt-[var(--inkblot-spacing-2)] text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:r})]})]}),(0,Nt.jsxs)("div",{className:"flex flex-wrap justify-end gap-[var(--inkblot-spacing-2)]",children:[(0,Nt.jsx)("button",{type:"button",ref:g,onClick:D,className:"inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-interactive-secondary)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)] font-medium text-[var(--inkblot-semantic-color-text-primary)] transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]",children:i}),(0,Nt.jsx)("button",{type:"button",disabled:s,onClick:T,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)] font-medium text-[var(--inkblot-semantic-color-text-inverse)] transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",n?"bg-[var(--inkblot-semantic-color-status-error)] hover:bg-[var(--inkblot-semantic-color-status-error)]/85 active:bg-[var(--inkblot-semantic-color-status-error)]/80":"bg-[var(--inkblot-semantic-color-interactive-primary)] hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]"),children:a})]})]})}):null}var we=require("react"),Ge=require("lucide-react");var Y=require("react/jsx-runtime"),xl=["Write a product launch announcement for a SaaS tool","Create a re-engagement email for churned users","Draft a welcome email for new customers","Write a quarterly business review summary","Create a seasonal promotion email with urgency"];function hl({value:t,defaultValue:e="",onValueChange:r,isGenerating:a,onGeneratingChange:i,generated:n,onGeneratedChange:s,generationDelayMs:c=1500,onSubmitPrompt:l,generateBlocks:d,onGenerate:p,suggestions:u=xl,className:v}){let[b,g]=(0,we.useState)(e),[N,w]=(0,we.useState)(!1),[x,D]=(0,we.useState)(!1),T=(0,we.useRef)(null),h=t!==void 0,k=h?t:b,m=a!==void 0,y=m?a:N,C=n!==void 0,S=C?n:x,O=H=>{h||g(H),r?.(H)},L=H=>{m||w(H),i?.(H)},X=H=>{C||D(H),s?.(H)};(0,we.useEffect)(()=>()=>{T.current!==null&&window.clearTimeout(T.current)},[]);let A=H=>{let Z=Date.now();return[{id:`ai-${Z}-1`,type:"heading",content:"Exciting News from Our Team"},{id:`ai-${Z}-2`,type:"text",content:`Generated from prompt: ${H}`},{id:`ai-${Z}-3`,type:"image",content:""},{id:`ai-${Z}-4`,type:"text",content:"Our latest updates are designed to help you achieve more with less effort. We've built these improvements with your feedback in mind."},{id:`ai-${Z}-5`,type:"button",content:"Learn More"},{id:`ai-${Z}-6`,type:"divider",content:""},{id:`ai-${Z}-7`,type:"text",content:`Best regards,
|
|
21
|
-
The Team`}]},$=async()=>{let H=k.trim();if(!H||y)return;l?.(H),L(!0);let Z;d?Z=await Promise.resolve(d(H)):(await new Promise(xt=>{window.setTimeout(()=>xt(),c)}),Z=A(H)),p?.(Z),L(!1),X(!0),T.current=window.setTimeout(()=>X(!1),1800)};return(0,Y.jsxs)("section",{className:o(v),children:[(0,Y.jsxs)("div",{className:"mb-2 flex items-center gap-2",children:[(0,Y.jsx)(Ge.Sparkles,{className:"h-4 w-4 text-[var(--inkblot-semantic-color-status-warning)]"}),(0,Y.jsx)("span",{className:"text-xs font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:"AI Email Generator"})]}),(0,Y.jsxs)("div",{className:"space-y-3",children:[(0,Y.jsx)("textarea",{value:k,onChange:H=>O(H.target.value),rows:3,placeholder:"Describe the email you want to create...",className:"w-full resize-none rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-4 py-3 text-sm text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)] outline-none"}),(0,Y.jsx)("div",{className:"flex flex-wrap gap-1.5",children:u.map(H=>(0,Y.jsx)("button",{type:"button",onClick:()=>O(H),className:"rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-secondary)] px-2.5 py-1 text-[10px] text-[var(--inkblot-semantic-color-text-primary)] transition-opacity duration-[var(--inkblot-duration-fast)] hover:opacity-85",children:H},H))}),(0,Y.jsx)("button",{type:"button",onClick:$,disabled:!k.trim()||y,className:"flex items-center gap-2 rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-status-warning)]/10 px-4 py-2 text-xs font-medium text-[var(--inkblot-semantic-color-status-warning)] transition-opacity duration-[var(--inkblot-duration-fast)] disabled:opacity-40",children:y?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(Ge.Loader2,{className:"h-3 w-3 animate-spin"}),"Generating..."]}):S?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(Ge.Check,{className:"h-3 w-3"}),"Applied to editor"]}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(Ge.Sparkles,{className:"h-3 w-3"}),"Generate Email"]})})]})]})}var kt=require("lucide-react");var tr=require("react/jsx-runtime");function lo({label:t,icon:e,active:r=!1,onClick:a,title:i,dataTour:n,className:s}){return(0,tr.jsxs)("button",{type:"button",onClick:a,"data-tour":n,className:o("group relative flex h-10 w-10 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-md)] border border-transparent transition-colors duration-[var(--inkblot-duration-fast)]",r?"bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)]":"text-[var(--inkblot-semantic-color-text-tertiary)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:text-[var(--inkblot-semantic-color-text-primary)]",s),title:i??t,"aria-current":r?"page":void 0,"aria-label":t,children:[(0,tr.jsx)(e,{className:"h-[18px] w-[18px]","aria-hidden":!0}),r?(0,tr.jsx)("span",{className:"absolute left-0 top-1/2 h-4 w-[2px] -translate-y-1/2 rounded-r bg-[var(--inkblot-semantic-color-interactive-primary)]"}):null,(0,tr.jsx)("span",{className:"pointer-events-none absolute left-full z-50 ml-3 whitespace-nowrap rounded-[var(--inkblot-radius-sm)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-2 py-1 text-xs font-medium text-[var(--inkblot-semantic-color-text-primary)] opacity-0 transition-opacity duration-[var(--inkblot-duration-fast)] group-hover:opacity-100",children:t})]})}var Ct=require("react/jsx-runtime"),Nl=[{id:"canvas",icon:kt.MessageSquare,label:"Canvas",path:"/",dataTour:"nav-canvas"},{id:"invoices",icon:kt.FileText,label:"Invoices & Deals",path:"/invoices",dataTour:"nav-invoices"},{id:"contacts",icon:kt.Users,label:"Contacts",path:"/contacts",dataTour:"nav-contacts"},{id:"campaigns",icon:kt.Mail,label:"Campaigns",path:"/campaigns",dataTour:"nav-campaigns"},{id:"tasks",icon:kt.CheckSquare,label:"Tasks",path:"/tasks",dataTour:"nav-tasks"}],Cl=[{id:"settings",icon:kt.Settings,label:"Settings",path:"/settings",dataTour:"nav-settings"}];function Qo({items:t=Nl,bottomItems:e=Cl,activePath:r="/",onNavigate:a,logo:i,showStatusDot:n=!0,showThemeToggle:s=!0,className:c}){return(0,Ct.jsxs)("aside",{"data-tour":"sidebar",className:o("flex h-full w-16 flex-col items-center gap-1 border-r border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] py-4",c),children:[(0,Ct.jsx)("div",{className:"mb-6 flex h-9 w-9 items-center justify-center rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-interactive-primary)]",children:i??(0,Ct.jsx)(kt.Command,{className:"h-4 w-4 text-[var(--inkblot-semantic-color-text-inverse)]","aria-hidden":!0})}),(0,Ct.jsx)("nav",{className:"hide-scrollbar flex flex-1 flex-col gap-1 overflow-y-auto",children:t.map(l=>(0,Ct.jsx)(lo,{label:l.label,icon:l.icon,active:l.path===r,onClick:()=>a?.(l.path),dataTour:l.dataTour},l.id))}),(0,Ct.jsxs)("div",{className:"flex flex-col gap-1",children:[e.map(l=>(0,Ct.jsx)(lo,{label:l.label,icon:l.icon,active:l.path===r,onClick:()=>a?.(l.path),dataTour:l.dataTour},l.id)),s?(0,Ct.jsxs)("div",{className:"group relative flex justify-center",children:[(0,Ct.jsx)(Hr,{className:"h-10 w-10 min-h-0 min-w-0 shrink-0 rounded-[var(--inkblot-radius-md)]"}),(0,Ct.jsx)("span",{className:"pointer-events-none absolute left-full z-50 ml-3 whitespace-nowrap rounded-[var(--inkblot-radius-sm)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-2 py-1 text-xs font-medium text-[var(--inkblot-semantic-color-text-primary)] opacity-0 transition-opacity duration-[var(--inkblot-duration-fast)] group-hover:opacity-100",children:"Theme"})]}):null,n?(0,Ct.jsx)("span",{"data-tour":"system-status",className:"mx-auto mt-2 h-2 w-2 animate-pulse rounded-full bg-[var(--inkblot-semantic-color-status-success)]",title:"System Online"}):null]})]})}var wt=require("lucide-react");var at=require("react/jsx-runtime"),wl=[{id:1,icon:wt.Mail,title:"Email opened",meta:"Jane Smith \xB7 Acme Corp",time:"2m ago",status:"info"},{id:2,icon:wt.CreditCard,title:"Invoice #1042 paid",meta:"$24,500 \xB7 TechVentures",time:"8m ago",status:"success"},{id:3,icon:wt.Zap,title:"Pipeline stage changed",meta:"Negotiation \u2192 Closing",time:"14m ago",status:"warning"},{id:4,icon:wt.Phone,title:"Call completed",meta:"12 min \xB7 Mark Johnson",time:"23m ago",status:"info"},{id:5,icon:wt.FileText,title:"Contract signed",meta:"NDA \xB7 GlobalTech Inc",time:"1h ago",status:"success"},{id:6,icon:wt.GitBranch,title:"New relationship detected",meta:"Acme \u2194 DataFlow Labs",time:"2h ago",status:"info"},{id:7,icon:wt.CreditCard,title:"Invoice overdue",meta:"$8,200 \xB7 StartupXYZ",time:"3h ago",status:"danger"}],Tl={success:"bg-[var(--inkblot-semantic-color-status-success)]",warning:"bg-[var(--inkblot-semantic-color-status-warning)]",error:"bg-[var(--inkblot-semantic-color-status-error)]",danger:"bg-[var(--inkblot-semantic-color-status-error)]",info:"bg-[var(--inkblot-semantic-color-status-info)]"};function co({title:t="Event Stream",liveLabel:e="Live",events:r=wl,onItemClick:a,className:i}){return(0,at.jsxs)("section",{className:o("p-4",i),children:[(0,at.jsxs)("header",{className:"mb-4 flex items-center justify-between",children:[(0,at.jsx)("h3",{className:"text-xs font-medium uppercase tracking-wide text-[var(--inkblot-semantic-color-text-tertiary)]",children:t}),(0,at.jsx)("span",{className:"text-[10px] font-medium text-[var(--inkblot-semantic-color-text-tertiary)]",children:e})]}),(0,at.jsx)("ul",{className:"space-y-1",children:r.map(n=>{let s=n.icon;return(0,at.jsx)("li",{children:(0,at.jsxs)("button",{type:"button",onClick:()=>a?.(n),className:"group flex w-full items-start gap-3 rounded-[var(--inkblot-radius-md)] px-2.5 py-2.5 text-left transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]",children:[(0,at.jsx)("span",{className:"mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-background-tertiary)]",children:(0,at.jsx)(s,{className:"h-3.5 w-3.5 text-[var(--inkblot-semantic-color-text-tertiary)] group-hover:text-[var(--inkblot-semantic-color-text-secondary)]","aria-hidden":!0})}),(0,at.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,at.jsxs)("span",{className:"flex items-center gap-2",children:[(0,at.jsx)("span",{className:o("h-1.5 w-1.5 shrink-0 rounded-full",Tl[n.status])}),(0,at.jsx)("span",{className:"truncate text-xs font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:n.title})]}),(0,at.jsx)("span",{className:"mt-0.5 block truncate text-[10px] text-[var(--inkblot-semantic-color-text-tertiary)]",children:n.meta})]}),(0,at.jsx)("span",{className:"mt-0.5 shrink-0 text-[10px] text-[var(--inkblot-semantic-color-text-tertiary)]",children:n.time})]})},n.id)})})]})}var ae=require("react"),Br=require("framer-motion"),G=require("lucide-react");var P=require("react/jsx-runtime"),Pl=[{id:"general",label:"General",icon:G.MessageSquare,description:"Full CRM assistant"},{id:"invoices",label:"Invoices",icon:G.FileText,description:"Create & manage invoices"},{id:"campaigns",label:"Campaigns",icon:G.Mail,description:"Email campaigns & templates"},{id:"contacts",label:"Contacts",icon:G.Users,description:"Contact management"},{id:"tasks",label:"Tasks",icon:G.CheckSquare,description:"Task automation"}],Ml={general:{text:"Here's an overview of your CRM data with entity profile and intelligence scores.",cards:["entity","intelligence"]},invoices:{text:"I've pulled up your latest invoice data and deal health metrics.",cards:["entity","intelligence"]},campaigns:{text:"Analyzing your campaign performance. Here are the key insights.",cards:["intelligence"]},contacts:{text:"Here's the contact profile and relationship intelligence.",cards:["entity"]},tasks:{text:"I've reviewed your task queue. Here's what needs attention.",cards:["intelligence"]}},Sl=[{id:"1",role:"assistant",content:"Welcome to Citron OS. I'm your AI assistant \u2014 ask me anything about your revenue operations."}];function Or({defaultTab:t="chat",tab:e,onTabChange:r,agents:a=Pl,defaultAgent:i,agent:n,onAgentChange:s,messages:c,defaultMessages:l=Sl,onMessagesChange:d,onSend:p,onAddCanvasBlocks:u,agentResponses:v=Ml,autoRespond:b=!0,autoRespondDelayMs:g=800,renderEventsTab:N,className:w}){let[x,D]=(0,ae.useState)(t),[T,h]=(0,ae.useState)(i??a[0]),[k,m]=(0,ae.useState)(!1),[y,C]=(0,ae.useState)(l),[S,O]=(0,ae.useState)(""),[L,X]=(0,ae.useState)([]),A=(0,ae.useRef)(null),$=e!==void 0,H=$?e:x,Z=n!==void 0,xt=Z?n:T,$r=c!==void 0,_r=$r?c:y,Ur=f=>{$||D(f),r?.(f)},jr=f=>{Z||h(f),s?.(f)},ir=f=>{$r||C(f),d?.(f)},sr=()=>{if(!S.trim()&&L.length===0)return;let f=L.map(It=>It.name),J={id:Date.now().toString(),role:"user",content:S||`Attached ${f.length} file(s)`,files:f.length>0?f:void 0},pe=[..._r,J];if(ir(pe),p?.(S,L),O(""),X([]),u){let It=`loading-${Date.now()}`;u([{id:It,type:"loading"}])}b&&setTimeout(()=>{let It=v[xt.id]??v.general??{text:"Processing your request...",cards:[]};ir([...pe,{id:(Date.now()+1).toString(),role:"assistant",content:It.text}]),u&&u([{id:`text-${Date.now()}`,type:"text",content:`[${xt.label}] ${It.text}`},...It.cards.map((Lo,Ns)=>({id:`card-${Date.now()}-${Ns}`,type:Lo}))])},g)},qr=f=>{f.target.files&&X(J=>[...J,...Array.from(f.target.files)]),A.current&&(A.current.value="")},Yr=f=>{X(J=>J.filter((pe,It)=>It!==f))},Io=xt.icon;return(0,P.jsxs)("div",{className:o("flex h-full flex-col bg-[var(--inkblot-semantic-color-background-secondary)]",w),children:[(0,P.jsxs)("div",{className:"flex border-b border-[var(--inkblot-semantic-color-border-default)]",children:[(0,P.jsxs)("button",{type:"button",onClick:()=>Ur("chat"),className:o("flex flex-1 items-center justify-center gap-1.5 px-3 py-2.5 text-xs font-medium transition-colors duration-[var(--inkblot-duration-fast)]",H==="chat"?"border-b-2 border-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-primary)]":"text-[var(--inkblot-semantic-color-text-tertiary)] hover:text-[var(--inkblot-semantic-color-text-primary)]"),children:[(0,P.jsx)(G.Sparkles,{className:"h-3 w-3","aria-hidden":!0}),"AI Chat"]}),(0,P.jsxs)("button",{type:"button",onClick:()=>Ur("events"),className:o("flex flex-1 items-center justify-center gap-1.5 px-3 py-2.5 text-xs font-medium transition-colors duration-[var(--inkblot-duration-fast)]",H==="events"?"border-b-2 border-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-primary)]":"text-[var(--inkblot-semantic-color-text-tertiary)] hover:text-[var(--inkblot-semantic-color-text-primary)]"),children:[(0,P.jsx)(G.Activity,{className:"h-3 w-3","aria-hidden":!0}),"Events"]})]}),H==="events"?(0,P.jsx)("div",{className:"hide-scrollbar flex-1 overflow-y-auto",children:N?.()}):(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{className:"relative border-b border-[var(--inkblot-semantic-color-border-default)] px-3 py-2",children:[(0,P.jsxs)("button",{type:"button",onClick:()=>m(!k),className:"flex w-full items-center gap-2 rounded-[var(--inkblot-radius-md)] px-2.5 py-1.5 transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]",children:[(0,P.jsx)(Io,{className:"h-3.5 w-3.5 text-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0}),(0,P.jsxs)("span",{className:"text-xs font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:[xt.label," Agent"]}),(0,P.jsx)(G.ChevronDown,{className:o("ml-auto h-3 w-3 text-[var(--inkblot-semantic-color-text-tertiary)] transition-transform duration-[var(--inkblot-duration-fast)]",k&&"rotate-180"),"aria-hidden":!0})]}),(0,P.jsx)(Br.AnimatePresence,{children:k&&(0,P.jsx)(Br.motion.div,{initial:{opacity:0,y:-4},animate:{opacity:1,y:0},exit:{opacity:0,y:-4},transition:{duration:.15},className:"glass absolute left-3 right-3 top-full z-50 mt-1 rounded-[var(--inkblot-radius-md)] py-1 shadow-[var(--inkblot-shadow-lg)]",children:a.map(f=>{let J=f.icon;return(0,P.jsxs)("button",{type:"button",onClick:()=>{jr(f),m(!1)},className:o("flex w-full items-center gap-2.5 px-3 py-2 text-left transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]",xt.id===f.id&&"bg-[var(--inkblot-semantic-color-interactive-secondary)]"),children:[(0,P.jsx)(J,{className:"h-3.5 w-3.5 text-[var(--inkblot-semantic-color-text-tertiary)]","aria-hidden":!0}),(0,P.jsxs)("div",{children:[(0,P.jsx)("p",{className:"text-xs font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:f.label}),(0,P.jsx)("p",{className:"text-[10px] text-[var(--inkblot-semantic-color-text-tertiary)]",children:f.description})]})]},f.id)})})})]}),(0,P.jsx)("div",{className:"hide-scrollbar flex-1 space-y-3 overflow-y-auto px-3 py-3",children:_r.map(f=>(0,P.jsx)(Br.motion.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.2},className:f.role==="user"?"flex justify-end":"",children:f.role==="user"?(0,P.jsxs)("div",{className:"max-w-[85%]",children:[f.files&&f.files.length>0&&(0,P.jsx)("div",{className:"mb-1 flex flex-wrap justify-end gap-1",children:f.files.map((J,pe)=>(0,P.jsxs)("span",{className:"flex items-center gap-1 rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-secondary)] px-1.5 py-0.5 text-[10px] text-[var(--inkblot-semantic-color-text-tertiary)]",children:[(0,P.jsx)(G.Paperclip,{className:"h-2 w-2","aria-hidden":!0}),J]},pe))}),(0,P.jsx)("div",{className:"rounded-2xl rounded-br-sm bg-[var(--inkblot-semantic-color-interactive-secondary)] px-3 py-2 text-xs leading-relaxed text-[var(--inkblot-semantic-color-text-primary)]",children:f.content})]}):(0,P.jsxs)("div",{className:"flex items-start gap-2",children:[(0,P.jsx)("div",{className:"mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-primary)]/15",children:(0,P.jsx)(G.Sparkles,{className:"h-2.5 w-2.5 text-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0})}),(0,P.jsx)("p",{className:"text-xs leading-relaxed text-[var(--inkblot-semantic-color-text-secondary)]",children:f.content})]})},f.id))}),L.length>0&&(0,P.jsx)("div",{className:"flex flex-wrap gap-1.5 border-t border-[var(--inkblot-semantic-color-border-default)]/50 px-3 py-2",children:L.map((f,J)=>(0,P.jsxs)("span",{className:"flex items-center gap-1.5 rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-secondary)] px-2 py-1 text-[10px] text-[var(--inkblot-semantic-color-text-primary)]",children:[(0,P.jsx)(G.Paperclip,{className:"h-2.5 w-2.5 text-[var(--inkblot-semantic-color-text-tertiary)]","aria-hidden":!0}),f.name,(0,P.jsx)("button",{type:"button",onClick:()=>Yr(J),className:"text-[var(--inkblot-semantic-color-text-tertiary)] transition-colors duration-[var(--inkblot-duration-fast)] hover:text-[var(--inkblot-semantic-color-status-error)]","aria-label":`Remove ${f.name}`,children:(0,P.jsx)(G.X,{className:"h-2.5 w-2.5"})})]},J))}),(0,P.jsx)("div",{className:"border-t border-[var(--inkblot-semantic-color-border-default)] px-3 py-2.5",children:(0,P.jsxs)("div",{className:"glass flex items-center gap-2 rounded-[var(--inkblot-radius-md)] px-3 py-2",children:[(0,P.jsx)("input",{type:"file",ref:A,onChange:qr,multiple:!0,className:"hidden"}),(0,P.jsx)("button",{type:"button",onClick:()=>A.current?.click(),className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-sm)] text-[var(--inkblot-semantic-color-text-tertiary)] transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:text-[var(--inkblot-semantic-color-text-primary)]",title:"Attach files","aria-label":"Attach files",children:(0,P.jsx)(G.Paperclip,{className:"h-3 w-3"})}),(0,P.jsx)("input",{type:"text",value:S,onChange:f=>O(f.target.value),onKeyDown:f=>{f.key==="Enter"&&sr()},placeholder:`Ask ${xt.label} agent...`,className:"flex-1 bg-transparent text-xs text-[var(--inkblot-semantic-color-text-primary)] outline-none placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]"}),(0,P.jsx)("button",{type:"button",onClick:sr,disabled:!S.trim()&&L.length===0,className:"flex h-6 w-6 items-center justify-center rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)] transition-opacity duration-[var(--inkblot-duration-fast)] hover:opacity-90 disabled:opacity-30","aria-label":"Send message",children:(0,P.jsx)(G.Send,{className:"h-3 w-3"})})]})})]})]})}var ne=require("react"),Kn=require("react/jsx-runtime"),Gn=(0,ne.createContext)(null);function Wn(){let t=(0,ne.useContext)(Gn);if(!t)throw new Error("useCanvas must be used within a CanvasProvider");return t}var El=[{id:"welcome-1",type:"text",content:"Welcome to Citron OS. Use the AI chat on the right to interact with your revenue engine."},{id:"welcome-2",type:"entity"},{id:"welcome-3",type:"intelligence"}];function mo({children:t,initialBlocks:e=El}){let[r,a]=(0,ne.useState)(e),i=(0,ne.useCallback)(s=>{a(c=>[...c,...s])},[]),n=(0,ne.useCallback)(()=>{a([])},[]);return(0,Kn.jsx)(Gn.Provider,{value:{blocks:r,addBlocks:i,clearBlocks:n},children:t})}var Wt=require("react/jsx-runtime");function Il({children:t,showEventFeed:e=!1,showRightPanel:r=!1,sidebarProps:a,eventFeedProps:i,rightPanelProps:n,canvasProviderProps:s,className:c}){let l=r||e,d=(0,Wt.jsxs)("div",{className:o("flex h-screen w-full overflow-hidden bg-[var(--inkblot-semantic-color-background-primary)]",c),children:[(0,Wt.jsx)(Qo,{...a}),(0,Wt.jsxs)("main",{className:"flex flex-1 overflow-hidden",children:[(0,Wt.jsx)("section",{"data-tour":"canvas",className:"hide-scrollbar flex-1 overflow-y-auto",children:t}),l?(0,Wt.jsx)("aside",{"data-tour":"right-panel",className:"flex w-80 flex-col overflow-hidden border-l border-[var(--inkblot-semantic-color-border-default)]",children:r?(0,Wt.jsx)(Or,{renderEventsTab:()=>(0,Wt.jsx)(co,{...i}),...n}):(0,Wt.jsx)(co,{...i})}):null]})]});return r?(0,Wt.jsx)(mo,{...s,children:d}):d}var Vr=require("react/jsx-runtime");function $n({ratio:t=16/9,children:e,className:r}){let a=Number.isFinite(t)&&t>0?t:1.7777777777777777;return(0,Vr.jsxs)("div",{className:o("relative w-full overflow-hidden",r),children:[(0,Vr.jsx)("div",{style:{paddingTop:`${1/a*100}%`}}),(0,Vr.jsx)("div",{className:"absolute inset-0",children:e})]})}var Un=require("react/jsx-runtime"),Ll={default:"bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]",secondary:"bg-[var(--inkblot-semantic-color-background-tertiary)] text-[var(--inkblot-semantic-color-text-primary)]",success:"bg-[var(--inkblot-semantic-color-status-success)]/15 text-[var(--inkblot-semantic-color-status-success)]",warning:"bg-[var(--inkblot-semantic-color-status-warning)]/15 text-[var(--inkblot-semantic-color-status-warning)]",error:"bg-[var(--inkblot-semantic-color-status-error)]/15 text-[var(--inkblot-semantic-color-status-error)]",outline:"border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-primary)]"};function _n({children:t,variant:e="default",disabled:r=!1,className:a}){return(0,Un.jsx)("span",{"aria-disabled":r,className:o("inline-flex min-h-[calc(var(--inkblot-size-touch-target-min)-1rem)] items-center justify-center rounded-[var(--inkblot-radius-full)] px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)] text-xs font-semibold transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",Ll[e],r&&"opacity-[var(--inkblot-opacity-disabled)]",a),children:t})}var jn=require("lucide-react");var Te=require("react/jsx-runtime");function qn({items:t,className:e}){return(0,Te.jsx)("nav",{"aria-label":"Breadcrumb",className:o("w-full",e),children:(0,Te.jsx)("ol",{className:"flex flex-wrap items-center gap-[var(--inkblot-spacing-2)]",children:t.map((r,a)=>{let i=r.href&&!r.disabled&&!r.current?(0,Te.jsx)("a",{href:r.href,onClick:r.onClick,className:"rounded-[var(--inkblot-radius-sm)] text-sm text-[var(--inkblot-semantic-color-text-secondary)] transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] hover:text-[var(--inkblot-semantic-color-text-primary)]",children:r.label}):(0,Te.jsx)("span",{"aria-current":r.current?"page":void 0,className:o("text-sm",r.current?"font-semibold text-[var(--inkblot-semantic-color-text-primary)]":"text-[var(--inkblot-semantic-color-text-tertiary)]",r.disabled&&"opacity-[var(--inkblot-opacity-disabled)]"),children:r.label});return(0,Te.jsxs)("li",{className:"flex items-center gap-[var(--inkblot-spacing-2)]",children:[i,a<t.length-1&&(0,Te.jsx)(jn.ChevronRight,{className:"h-4 w-4 text-[var(--inkblot-semantic-color-text-tertiary)]"})]},r.id)})})})}var zr=require("react"),po=require("lucide-react");var Tt=require("react/jsx-runtime"),Rl=["L","M","X","J","V","S","D"];function Yn(t){return new Date(t.getFullYear(),t.getMonth(),1)}function Al(t){return new Date(t.getFullYear(),t.getMonth()+1,0)}function Dl(t,e){return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function ta(t){return`${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`}function Hl(t){let e=Yn(t),r=Al(t),a=(e.getDay()+6)%7,i=r.getDate(),n=[];for(let s=0;s<a;s+=1)n.push(null);for(let s=1;s<=i;s+=1)n.push(new Date(t.getFullYear(),t.getMonth(),s));for(;n.length%7!==0;)n.push(null);return n}function Xn({value:t,onChange:e,disabledDates:r,className:a}){let i=t??new Date,[n,s]=(0,zr.useState)(Yn(i)),c=(0,zr.useMemo)(()=>Hl(n),[n]),l=(0,zr.useMemo)(()=>new Set((r??[]).map(ta)),[r]);return(0,Tt.jsxs)("div",{className:o("w-[320px] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)] text-[var(--inkblot-semantic-color-text-primary)]",a),children:[(0,Tt.jsxs)("div",{className:"mb-[var(--inkblot-spacing-3)] flex items-center justify-between",children:[(0,Tt.jsx)("button",{type:"button",onClick:()=>s(new Date(n.getFullYear(),n.getMonth()-1,1)),className:"inline-flex h-8 w-8 items-center justify-center rounded-[var(--inkblot-radius-md)] text-[var(--inkblot-semantic-color-text-secondary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]",children:(0,Tt.jsx)(po.ChevronLeft,{className:"h-4 w-4"})}),(0,Tt.jsx)("div",{className:"font-semibold",children:n.toLocaleDateString("es-ES",{month:"long",year:"numeric"})}),(0,Tt.jsx)("button",{type:"button",onClick:()=>s(new Date(n.getFullYear(),n.getMonth()+1,1)),className:"inline-flex h-8 w-8 items-center justify-center rounded-[var(--inkblot-radius-md)] text-[var(--inkblot-semantic-color-text-secondary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]",children:(0,Tt.jsx)(po.ChevronRight,{className:"h-4 w-4"})})]}),(0,Tt.jsxs)("div",{className:"grid grid-cols-7 gap-[var(--inkblot-spacing-1)]",children:[Rl.map(d=>(0,Tt.jsx)("div",{className:"pb-[var(--inkblot-spacing-1)] text-center text-xs font-medium text-[var(--inkblot-semantic-color-text-tertiary)]",children:d},d)),c.map((d,p)=>{if(!d)return(0,Tt.jsx)("div",{className:"h-9"},`empty-${p}`);let u=l.has(ta(d)),v=t?Dl(d,t):!1;return(0,Tt.jsx)("button",{type:"button",disabled:u,onClick:()=>e?.(d),className:o("h-9 rounded-[var(--inkblot-radius-md)] text-sm transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",v?"bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]",u&&"cursor-not-allowed opacity-[var(--inkblot-opacity-disabled)]"),children:d.getDate()},ta(d))})]})]})}var We=require("react/jsx-runtime");function Zn({className:t,interactive:e=!1,disabled:r=!1,...a}){return(0,We.jsx)("div",{"aria-disabled":r,className:o("w-full rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-primary)]",e&&"transition-[border-color,transform,background] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] hover:border-[var(--inkblot-semantic-color-border-strong)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)] active:translate-y-px",r&&"pointer-events-none opacity-[var(--inkblot-opacity-disabled)]",t),...a})}function Jn({className:t,...e}){return(0,We.jsx)("div",{className:o("flex flex-col gap-[var(--inkblot-spacing-1)] p-[var(--inkblot-spacing-5)]",t),...e})}function Qn({className:t,...e}){return(0,We.jsx)("h3",{className:o("text-base font-semibold text-[var(--inkblot-semantic-color-text-primary)]",t),...e})}function ti({className:t,...e}){return(0,We.jsx)("p",{className:o("text-sm text-[var(--inkblot-semantic-color-text-secondary)]",t),...e})}function ei({className:t,...e}){return(0,We.jsx)("div",{className:o("px-[var(--inkblot-spacing-5)] pb-[var(--inkblot-spacing-5)]",t),...e})}function ri({className:t,...e}){return(0,We.jsx)("div",{className:o("flex items-center justify-end gap-[var(--inkblot-spacing-2)] border-t border-[var(--inkblot-semantic-color-border-default)] px-[var(--inkblot-spacing-5)] py-[var(--inkblot-spacing-4)]",t),...e})}var oi=require("react"),bo=require("lucide-react");var Pt=require("react/jsx-runtime");function ai({items:t,initialIndex:e=0,loop:r=!1,className:a}){let[i,n]=(0,oi.useState)(Math.min(Math.max(e,0),Math.max(t.length-1,0))),s=r||i>0,c=r||i<t.length-1,l=()=>{if(t.length!==0){if(r){n(p=>(p-1+t.length)%t.length);return}n(p=>Math.max(p-1,0))}},d=()=>{if(t.length!==0){if(r){n(p=>(p+1)%t.length);return}n(p=>Math.min(p+1,t.length-1))}};return(0,Pt.jsxs)("div",{className:o("w-full rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)]",a),children:[(0,Pt.jsx)("div",{className:"relative overflow-hidden rounded-[var(--inkblot-radius-lg)]",children:(0,Pt.jsx)("div",{className:"flex transition-transform duration-[var(--inkblot-duration-normal)] ease-[var(--inkblot-easing-default)]",style:{transform:`translateX(-${i*100}%)`},children:t.map((p,u)=>(0,Pt.jsx)("div",{className:"w-full shrink-0",children:p},u))})}),(0,Pt.jsxs)("div",{className:"mt-[var(--inkblot-spacing-3)] flex items-center justify-between",children:[(0,Pt.jsx)("div",{className:"text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:t.length>0?`${i+1} de ${t.length}`:"Sin elementos"}),(0,Pt.jsxs)("div",{className:"flex gap-[var(--inkblot-spacing-2)]",children:[(0,Pt.jsx)("button",{type:"button",onClick:l,disabled:!s||t.length===0,className:"inline-flex h-9 w-9 items-center justify-center rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",children:(0,Pt.jsx)(bo.ChevronLeft,{className:"h-4 w-4"})}),(0,Pt.jsx)("button",{type:"button",onClick:d,disabled:!c||t.length===0,className:"inline-flex h-9 w-9 items-center justify-center rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",children:(0,Pt.jsx)(bo.ChevronRight,{className:"h-4 w-4"})})]})]})]})}var Kt=require("react/jsx-runtime");function ni({data:t,title:e="Rendimiento",emptyMessage:r="No hay datos para mostrar.",className:a}){let i=Math.max(...t.map(n=>n.value),0);return(0,Kt.jsxs)("div",{className:o("w-full rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-5)]",a),children:[(0,Kt.jsx)("h3",{className:"mb-[var(--inkblot-spacing-4)] text-sm font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:e}),t.length===0?(0,Kt.jsx)("div",{className:"rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-tertiary)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-4)] text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:r}):(0,Kt.jsx)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-3)]",children:t.map(n=>{let s=i>0?n.value/i*100:0;return(0,Kt.jsxs)("div",{className:"grid grid-cols-[120px_1fr_48px] items-center gap-[var(--inkblot-spacing-3)]",children:[(0,Kt.jsx)("span",{className:"truncate text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:n.label}),(0,Kt.jsx)("div",{className:"h-3 overflow-hidden rounded-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-background-tertiary)]",children:(0,Kt.jsx)("div",{className:"h-full rounded-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-interactive-primary)]",style:{width:`${s}%`,backgroundColor:n.color??"var(--inkblot-semantic-color-interactive-primary)"}})}),(0,Kt.jsx)("span",{className:"text-right text-sm font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:n.value})]},n.id)})})]})}var ii=require("react"),si=require("lucide-react");var Pe=require("react/jsx-runtime");function li({checked:t,defaultChecked:e=!1,onCheckedChange:r,label:a,description:i,disabled:n=!1,error:s=!1,className:c}){let[l,d]=(0,ii.useState)(e),p=t!==void 0,u=p?t:l,v=b=>{p||d(b),r?.(b)};return(0,Pe.jsxs)("label",{className:o("inline-flex items-start gap-[var(--inkblot-spacing-3)] text-[var(--inkblot-semantic-color-text-primary)]",n&&"cursor-not-allowed opacity-[var(--inkblot-opacity-disabled)]",c),children:[(0,Pe.jsx)("button",{type:"button",role:"checkbox","aria-checked":u,disabled:n,onClick:()=>v(!u),className:o("mt-0.5 inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-sm)] border transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-2",u?"border-[var(--inkblot-semantic-color-interactive-primary)] bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] hover:border-[var(--inkblot-semantic-color-border-strong)]",s&&!u&&"border-[var(--inkblot-semantic-color-status-error)]"),children:u&&(0,Pe.jsx)(si.Check,{className:"h-4 w-4"})}),(a||i)&&(0,Pe.jsxs)("span",{className:"flex flex-col gap-[var(--inkblot-spacing-1)]",children:[a&&(0,Pe.jsx)("span",{className:"text-sm font-medium",children:a}),i&&(0,Pe.jsx)("span",{className:o("text-xs text-[var(--inkblot-semantic-color-text-secondary)]",s&&!u&&"text-[var(--inkblot-semantic-color-status-error)]"),children:i})]})]})}var qt=require("react/jsx-runtime"),Bl={success:"var(--inkblot-semantic-color-status-success)",warning:"var(--inkblot-semantic-color-status-warning)",error:"var(--inkblot-semantic-color-status-error)",info:"var(--inkblot-semantic-color-status-info)",primary:"var(--inkblot-semantic-color-interactive-primary)"};function ea({label:t,value:e,tone:r="primary",color:a,inverted:i=!1,size:n=72,className:s}){let c=Math.max(0,Math.min(100,e)),l=i?100-c:c,d=5,p=(n-d)/2,u=2*Math.PI*p,v=u-l/100*u,b=a??Bl[r];return(0,qt.jsx)("div",{className:s,children:(0,qt.jsxs)("div",{className:"flex flex-col items-center gap-2",children:[(0,qt.jsxs)("div",{className:"relative",style:{width:n,height:n},children:[(0,qt.jsxs)("svg",{width:n,height:n,className:"-rotate-90",children:[(0,qt.jsx)("circle",{cx:n/2,cy:n/2,r:p,fill:"none",stroke:"var(--inkblot-semantic-color-background-tertiary)",strokeWidth:d}),(0,qt.jsx)("circle",{cx:n/2,cy:n/2,r:p,fill:"none",stroke:b,strokeWidth:d,strokeDasharray:u,strokeDashoffset:v,strokeLinecap:"round",className:"transition-[stroke-dashoffset] duration-[var(--inkblot-duration-fast)]"})]}),(0,qt.jsx)("span",{className:"absolute inset-0 flex items-center justify-center text-sm font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:c})]}),(0,qt.jsx)("span",{className:"text-center text-[10px] leading-tight text-[var(--inkblot-semantic-color-text-tertiary)]",children:t})]})})}var ci=require("react"),di=require("lucide-react");var Ke=require("react/jsx-runtime");function mi({title:t,children:e,defaultOpen:r=!1,disabled:a=!1,className:i}){let[n,s]=(0,ci.useState)(r);return(0,Ke.jsxs)("div",{className:o("w-full rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)]",a&&"opacity-[var(--inkblot-opacity-disabled)]",i),children:[(0,Ke.jsxs)("button",{type:"button",disabled:a,"aria-expanded":n,onClick:()=>s(c=>!c),className:o("flex min-h-[var(--inkblot-size-touch-target-min)] w-full items-center justify-between gap-[var(--inkblot-spacing-3)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)] text-left text-[var(--inkblot-semantic-color-text-primary)]",!a&&"hover:bg-[var(--inkblot-semantic-color-background-tertiary)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-[-2px]"),children:[(0,Ke.jsx)("span",{className:"font-medium",children:t}),(0,Ke.jsx)(di.ChevronDown,{className:o("h-4 w-4 text-[var(--inkblot-semantic-color-text-tertiary)] transition-transform duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",n&&"rotate-180")})]}),n&&(0,Ke.jsx)("div",{className:"border-t border-[var(--inkblot-semantic-color-border-default)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-4)] text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:e})]})}var uo=require("react"),pi=require("lucide-react");var Mt=require("react/jsx-runtime");function bi({items:t,placeholder:e="Buscar comando...",onSelect:r,className:a}){let[i,n]=(0,uo.useState)(""),s=(0,uo.useMemo)(()=>{let c=i.trim().toLowerCase();return c?t.filter(l=>{let d=l.label.toLowerCase().includes(c),p=(l.keywords??[]).some(u=>u.toLowerCase().includes(c));return d||p}):t},[t,i]);return(0,Mt.jsxs)("div",{className:o("w-full rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)]",a),children:[(0,Mt.jsxs)("div",{className:"flex items-center gap-[var(--inkblot-spacing-2)] border-b border-[var(--inkblot-semantic-color-border-default)] px-[var(--inkblot-spacing-3)]",children:[(0,Mt.jsx)(pi.Search,{className:"h-4 w-4 text-[var(--inkblot-semantic-color-text-tertiary)]"}),(0,Mt.jsx)("input",{value:i,onChange:c=>n(c.target.value),placeholder:e,className:"h-11 w-full bg-transparent text-sm text-[var(--inkblot-semantic-color-text-primary)] outline-none placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]"})]}),(0,Mt.jsx)("div",{className:"max-h-[280px] overflow-y-auto p-[var(--inkblot-spacing-2)]",children:s.length>0?(0,Mt.jsx)("ul",{className:"flex flex-col gap-[var(--inkblot-spacing-1)]",children:s.map(c=>(0,Mt.jsx)("li",{children:(0,Mt.jsxs)("button",{type:"button",disabled:c.disabled,onClick:()=>r?.(c),className:o("flex min-h-[var(--inkblot-size-touch-target-min)] w-full items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)] text-left text-sm text-[var(--inkblot-semantic-color-text-primary)] transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",c.disabled?"cursor-not-allowed opacity-[var(--inkblot-opacity-disabled)]":"hover:bg-[var(--inkblot-semantic-color-background-tertiary)] active:bg-[var(--inkblot-semantic-color-background-tertiary)]"),children:[c.icon&&(0,Mt.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-tertiary)]",children:c.icon}),(0,Mt.jsx)("span",{children:c.label})]})},c.id))}):(0,Mt.jsx)("div",{className:"px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-3)] text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:"Sin resultados para tu b\xFAsqueda."})})]})}var Yt=require("react"),$e=require("lucide-react");var M=require("react/jsx-runtime"),Ol=[{id:"1",role:"user",content:"Show me Acme Corp's profile and deal health."},{id:"2",role:"assistant",content:"Here's the entity profile and current intelligence scores for Acme Corp.",cards:["entity","intelligence"]}],ra="rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-3 text-xs text-[var(--inkblot-semantic-color-text-tertiary)]";function Vl({title:t="Command Canvas",subtitle:e="AI-native interface \u2014 results appear here",readyLabel:r="System ready",placeholder:a="Ask anything \u2014 deals, contacts, forecasts...",footerText:i="Citron OS v1.0 \xB7 AI-native Revenue & Operations Platform",blocks:n,renderBlock:s,messages:c,initialMessages:l=Ol,onMessagesChange:d,inputValue:p,defaultInputValue:u="",onInputValueChange:v,autoAssistantResponse:b=!0,assistantResponseDelayMs:g=700,isResponding:N,onRespondingChange:w,onSend:x,generateAssistantMessage:D,renderCard:T,hideInput:h=!1,className:k}){let[m,y]=(0,Yt.useState)(l),[C,S]=(0,Yt.useState)(u),[O,L]=(0,Yt.useState)(!1),X=(0,Yt.useRef)(null),A=c!==void 0,$=A?c:m,H=p!==void 0,Z=H?p:C,xt=N!==void 0,$r=xt?N:O,_r=Z.trim().length>0&&!$r,Ur=(0,Yt.useMemo)(()=>f=>({content:`Analyzing "${f}". Here are the latest insights.`,cards:["entity","intelligence"]}),[]),jr=f=>{A||y(f),d?.(f)},ir=f=>{H||S(f),v?.(f)},sr=f=>{xt||L(f),w?.(f)};(0,Yt.useEffect)(()=>()=>{X.current!==null&&window.clearTimeout(X.current)},[]);let qr=()=>{let f=Z.trim();if(!f)return;let J={id:`${Date.now()}-user`,role:"user",content:f},pe=[...$,J];jr(pe),ir(""),x?.(f),b&&(sr(!0),X.current=window.setTimeout(()=>{let It=(D??Ur)(f),Lo=[...pe,{id:`${Date.now()}-assistant`,role:"assistant",content:It.content,cards:It.cards}];jr(Lo),sr(!1)},g))},Yr=n!==void 0,Io=f=>f.type==="text"?(0,M.jsxs)("div",{className:"flex items-start gap-3",children:[(0,M.jsx)("div",{className:"mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-primary)]/15",children:(0,M.jsx)($e.Sparkles,{className:"h-3.5 w-3.5 text-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0})}),(0,M.jsx)("p",{className:"pt-0.5 text-sm leading-relaxed text-[var(--inkblot-semantic-color-text-secondary)]",children:f.content})]}):f.type==="entity"?T?T("entity"):(0,M.jsx)("div",{className:ra,children:"Entity card preview"}):f.type==="intelligence"?T?T("intelligence"):(0,M.jsx)("div",{className:ra,children:"Intelligence card preview"}):f.type==="loading"?(0,M.jsxs)("div",{className:"flex items-center gap-3",children:[(0,M.jsx)("div",{className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-primary)]/15",children:(0,M.jsx)($e.Sparkles,{className:"h-3.5 w-3.5 animate-pulse text-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0})}),(0,M.jsxs)("div",{className:"flex gap-1",children:[(0,M.jsx)("span",{className:"h-1.5 w-1.5 animate-bounce rounded-full bg-[var(--inkblot-semantic-color-text-tertiary)]",style:{animationDelay:"0ms"}}),(0,M.jsx)("span",{className:"h-1.5 w-1.5 animate-bounce rounded-full bg-[var(--inkblot-semantic-color-text-tertiary)]",style:{animationDelay:"150ms"}}),(0,M.jsx)("span",{className:"h-1.5 w-1.5 animate-bounce rounded-full bg-[var(--inkblot-semantic-color-text-tertiary)]",style:{animationDelay:"300ms"}})]})]}):null;return(0,M.jsxs)("section",{className:o("flex h-full flex-col",k),children:[(0,M.jsxs)("header",{className:"flex items-center justify-between border-b border-[var(--inkblot-semantic-color-border-default)] px-8 py-5",children:[(0,M.jsxs)("div",{children:[(0,M.jsx)("h2",{className:"text-lg font-semibold tracking-tight text-[var(--inkblot-semantic-color-text-primary)]",children:t}),(0,M.jsx)("p",{className:"mt-0.5 text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:e})]}),(0,M.jsxs)("div",{className:"flex items-center gap-2 text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:[(0,M.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-[var(--inkblot-semantic-color-status-success)]"}),r]})]}),(0,M.jsx)("div",{className:"hide-scrollbar flex-1 overflow-y-auto px-8 py-6",children:(0,M.jsx)("div",{className:"mx-auto max-w-3xl space-y-6",children:Yr?n.map(f=>(0,M.jsx)("div",{children:s?s(f):Io(f)},f.id)):$.map(f=>f.role==="user"?(0,M.jsx)("div",{className:"flex justify-end",children:(0,M.jsx)("div",{className:"max-w-md rounded-2xl rounded-br-sm bg-[var(--inkblot-semantic-color-interactive-secondary)] px-4 py-2.5 text-sm leading-relaxed text-[var(--inkblot-semantic-color-text-primary)]",children:f.content})},f.id):(0,M.jsxs)("div",{className:"space-y-4",children:[(0,M.jsxs)("div",{className:"flex items-start gap-3",children:[(0,M.jsx)("div",{className:"mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-primary)]/15",children:(0,M.jsx)($e.Sparkles,{className:"h-3.5 w-3.5 text-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0})}),(0,M.jsx)("p",{className:"pt-0.5 text-sm leading-relaxed text-[var(--inkblot-semantic-color-text-secondary)]",children:f.content})]}),f.cards?.length?(0,M.jsx)("div",{className:"ml-9 grid gap-4",children:f.cards.map(J=>T?(0,M.jsx)("div",{children:T(J)},J):(0,M.jsx)("div",{className:ra,children:J==="entity"?"Entity card preview":"Intelligence card preview"},J))}):null]},f.id))})}),!h&&!Yr?(0,M.jsx)("footer",{className:"border-t border-[var(--inkblot-semantic-color-border-default)] px-8 py-4",children:(0,M.jsxs)("div",{className:"mx-auto max-w-3xl",children:[(0,M.jsxs)("div",{className:"flex items-center gap-3 rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-4 py-3",children:[(0,M.jsx)($e.Sparkles,{className:"h-4 w-4 shrink-0 text-[var(--inkblot-semantic-color-text-tertiary)]"}),(0,M.jsx)("input",{type:"text",value:Z,onChange:f=>ir(f.target.value),onKeyDown:f=>{f.key==="Enter"&&qr()},placeholder:a,className:"flex-1 bg-transparent text-sm text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)] outline-none"}),(0,M.jsx)("button",{type:"button",onClick:qr,disabled:!_r,className:"flex h-8 w-8 items-center justify-center rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)] transition-opacity duration-[var(--inkblot-duration-fast)] disabled:opacity-35","aria-label":"Send",children:(0,M.jsx)($e.Send,{className:"h-3.5 w-3.5"})})]}),(0,M.jsx)("p",{className:"mt-2 text-center text-[10px] text-[var(--inkblot-semantic-color-text-tertiary)]",children:i})]})}):(0,M.jsx)("footer",{className:"border-t border-[var(--inkblot-semantic-color-border-default)] px-8 py-3",children:(0,M.jsx)("p",{className:"text-center text-[10px] text-[var(--inkblot-semantic-color-text-tertiary)]",children:i})})]})}var _e=require("react");var ie=require("react/jsx-runtime");function ui({trigger:t,items:e,className:r}){let[a,i]=(0,_e.useState)(!1),[n,s]=(0,_e.useState)({x:0,y:0}),c=(0,_e.useRef)(null);(0,_e.useEffect)(()=>{if(!a)return;let d=()=>i(!1);return document.addEventListener("click",d),document.addEventListener("contextmenu",d),()=>{document.removeEventListener("click",d),document.removeEventListener("contextmenu",d)}},[a]);let l=d=>{d.preventDefault();let p=c.current?.getBoundingClientRect(),u=p?.left??0,v=p?.top??0;s({x:d.clientX-u,y:d.clientY-v}),i(!0)};return(0,ie.jsxs)("div",{ref:c,className:o("relative w-full",r),onContextMenu:l,children:[t,a&&(0,ie.jsx)("div",{role:"menu",className:"absolute z-40 min-w-[220px] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-1)] shadow-lg",style:{left:n.x,top:n.y},children:e.map(d=>(0,ie.jsxs)("button",{type:"button",role:"menuitem",disabled:d.disabled,onClick:()=>{d.onSelect?.(),i(!1)},className:o("flex min-h-[var(--inkblot-size-touch-target-min)] w-full items-center justify-between gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)] text-sm transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",d.disabled?"cursor-not-allowed opacity-[var(--inkblot-opacity-disabled)]":"hover:bg-[var(--inkblot-semantic-color-background-tertiary)]",d.danger?"text-[var(--inkblot-semantic-color-status-error)]":"text-[var(--inkblot-semantic-color-text-primary)]"),children:[(0,ie.jsxs)("span",{className:"flex items-center gap-[var(--inkblot-spacing-2)]",children:[d.icon&&(0,ie.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-tertiary)]",children:d.icon}),(0,ie.jsx)("span",{children:d.label})]}),d.shortcut&&(0,ie.jsx)("span",{className:"text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:d.shortcut})]},d.id))})]})}var W=require("react"),vi=require("react-dom"),gi=require("lucide-react");var st=require("react/jsx-runtime"),fi=(0,W.createContext)(null);function oa(){let t=(0,W.useContext)(fi);if(!t)throw new Error("Dialog components must be used within Dialog");return t}function ki({open:t,defaultOpen:e=!1,onOpenChange:r,children:a}){let[i,n]=(0,W.useState)(e),s=t!==void 0,c=s?t:i,l=(0,W.useCallback)(p=>{s||n(p),r?.(p)},[s,r]),d=(0,W.useMemo)(()=>({open:c,setOpen:l}),[c,l]);return(0,st.jsx)(fi.Provider,{value:d,children:a})}var aa=(0,W.forwardRef)(({className:t,type:e="button",onClick:r,...a},i)=>{let{setOpen:n}=oa();return(0,st.jsx)("button",{ref:i,type:e,onClick:s=>{r?.(s),s.defaultPrevented||n(!0)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]","focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-2","disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:pointer-events-none disabled:cursor-not-allowed","[font:var(--inkblot-semantic-typography-body-medium)]",t),...a})});aa.displayName="DialogTrigger";var na=(0,W.forwardRef)(({className:t,children:e,showCloseButton:r=!0,initialFocusRef:a,...i},n)=>{let{open:s,setOpen:c}=oa(),l=(0,W.useId)(),d=(0,W.useId)(),p=(0,W.useRef)(null),u=(0,W.useRef)(null),v=(0,W.useCallback)(g=>{if(p.current=g,typeof n=="function"){n(g);return}n&&(n.current=g)},[n]),b=(0,W.useCallback)(()=>{c(!1)},[c]);return(0,W.useEffect)(()=>{if(!s)return;let g=N=>{N.key==="Escape"&&b()};return window.addEventListener("keydown",g),()=>{window.removeEventListener("keydown",g)}},[b,s]),(0,W.useEffect)(()=>{if(!s)return;u.current=document.activeElement instanceof HTMLElement?document.activeElement:null;let g=a?.current,N=p.current?.querySelector('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');return(g??N??p.current)?.focus(),()=>{u.current?.focus()}},[a,s]),!s||typeof document>"u"?null:(0,vi.createPortal)((0,st.jsxs)("div",{className:o("fixed inset-0 z-50 flex items-center justify-center p-[var(--inkblot-spacing-6)]"),children:[(0,st.jsx)("button",{type:"button","aria-label":"Close dialog",className:o("absolute inset-0 bg-[var(--inkblot-semantic-color-background-primary)]/70"),onClick:b}),(0,st.jsxs)("div",{ref:v,role:"dialog","aria-modal":"true","aria-labelledby":l,"aria-describedby":d,tabIndex:-1,className:o("relative z-10 w-full max-w-[calc(var(--inkblot-size-touch-target-min)*10)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-6)]","shadow-[var(--inkblot-shadow-lg)]",t),...i,children:[r?(0,st.jsx)(vo,{"aria-label":"Close dialog",className:o("absolute right-[var(--inkblot-spacing-4)] top-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-md)] p-[var(--inkblot-spacing-2)]"),children:(0,st.jsx)(gi.X,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}})}):null,(0,st.jsx)("div",{id:l,className:"sr-only"}),(0,st.jsx)("div",{id:d,className:"sr-only"}),e]})]}),document.body)});na.displayName="DialogContent";function yi({className:t,...e}){return(0,st.jsx)("div",{className:o("mb-[var(--inkblot-spacing-4)] grid gap-[var(--inkblot-spacing-2)]",t),...e})}function xi({className:t,...e}){return(0,st.jsx)("h2",{className:o("text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-heading-small)]",t),...e})}function hi({className:t,...e}){return(0,st.jsx)("p",{className:o("text-[var(--inkblot-semantic-color-text-secondary)] [font:var(--inkblot-semantic-typography-body-medium)]",t),...e})}function Ni({className:t,...e}){return(0,st.jsx)("div",{className:o("mt-[var(--inkblot-spacing-6)] flex flex-wrap justify-end gap-[var(--inkblot-spacing-3)]",t),...e})}var vo=(0,W.forwardRef)(({className:t,type:e="button",onClick:r,...a},i)=>{let{setOpen:n}=oa();return(0,st.jsx)("button",{ref:i,type:e,onClick:s=>{r?.(s),s.defaultPrevented||n(!1)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)]","border border-[var(--inkblot-semantic-color-border-default)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:border-[var(--inkblot-semantic-color-border-strong)]","focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-2","[font:var(--inkblot-semantic-typography-body-medium)]",t),...a})});vo.displayName="DialogClose";var j=require("react"),Ci=require("react-dom"),wi=require("lucide-react");var St=require("react/jsx-runtime"),Ti=(0,j.createContext)(null);function ia(){let t=(0,j.useContext)(Ti);if(!t)throw new Error("Drawer components must be used within Drawer");return t}function Pi({children:t,open:e,defaultOpen:r=!1,onOpenChange:a,side:i="right"}){let[n,s]=(0,j.useState)(r),c=e!==void 0,l=c?e:n,d=(0,j.useCallback)(u=>{c||s(u),a?.(u)},[c,a]),p=(0,j.useMemo)(()=>({open:l,setOpen:d,side:i}),[l,d,i]);return(0,St.jsx)(Ti.Provider,{value:p,children:t})}var sa=(0,j.forwardRef)(({className:t,type:e="button",onClick:r,...a},i)=>{let{setOpen:n}=ia();return(0,St.jsx)("button",{ref:i,type:e,onClick:s=>{r?.(s),s.defaultPrevented||n(!0)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]","focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-2",t),...a})});sa.displayName="DrawerTrigger";var la=(0,j.forwardRef)(({className:t,children:e,initialFocusRef:r,...a},i)=>{let{open:n,setOpen:s,side:c}=ia(),l=(0,j.useRef)(null),d=(0,j.useRef)(null),p=(0,j.useCallback)(v=>{if(l.current=v,typeof i=="function"){i(v);return}i&&(i.current=v)},[i]),u=(0,j.useCallback)(()=>{s(!1)},[s]);return(0,j.useEffect)(()=>{if(!n)return;let v=b=>{b.key==="Escape"&&u()};return window.addEventListener("keydown",v),()=>{window.removeEventListener("keydown",v)}},[u,n]),(0,j.useEffect)(()=>{if(!n)return;d.current=document.activeElement instanceof HTMLElement?document.activeElement:null;let v=r?.current,b=l.current?.querySelector('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');return(v??b??l.current)?.focus(),()=>{d.current?.focus()}},[r,n]),!n||typeof document>"u"?null:(0,Ci.createPortal)((0,St.jsxs)("div",{className:"fixed inset-0 z-50",children:[(0,St.jsx)("button",{type:"button","aria-label":"Close drawer",className:"absolute inset-0 bg-[var(--inkblot-semantic-color-background-primary)]/70",onClick:u}),(0,St.jsx)("div",{ref:p,role:"dialog","aria-modal":"true",tabIndex:-1,className:o("absolute top-0 h-full w-full max-w-[calc(var(--inkblot-size-touch-target-min)*7)] border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-6)] shadow-[var(--inkblot-shadow-lg)]",c==="right"?"right-0 border-l":"left-0 border-r",t),...a,children:e})]}),document.body)});la.displayName="DrawerContent";function Mi({className:t,...e}){return(0,St.jsx)("div",{className:o("mb-[var(--inkblot-spacing-4)] grid gap-[var(--inkblot-spacing-2)]",t),...e})}function Si({className:t,...e}){return(0,St.jsx)("h2",{className:o("text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-heading-small)]",t),...e})}function Ei({className:t,...e}){return(0,St.jsx)("p",{className:o("text-[var(--inkblot-semantic-color-text-secondary)] [font:var(--inkblot-semantic-typography-body-medium)]",t),...e})}function Ii({className:t,...e}){return(0,St.jsx)("div",{className:o("mt-[var(--inkblot-spacing-6)] flex flex-wrap justify-end gap-[var(--inkblot-spacing-3)]",t),...e})}var ca=(0,j.forwardRef)(({className:t,type:e="button",onClick:r,children:a,...i},n)=>{let{setOpen:s}=ia();return(0,St.jsx)("button",{ref:n,type:e,onClick:c=>{r?.(c),c.defaultPrevented||s(!1)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)]","border border-[var(--inkblot-semantic-color-border-default)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]",t),...i,children:a??(0,St.jsx)(wi.X,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}})})});ca.displayName="DrawerClose";var et=require("react"),Li=require("lucide-react");var se=require("react/jsx-runtime"),Ri=(0,et.createContext)(null);function da(){let t=(0,et.useContext)(Ri);if(!t)throw new Error("DropdownMenu components must be used within DropdownMenu");return t}function Ai({children:t,open:e,defaultOpen:r=!1,onOpenChange:a}){let[i,n]=(0,et.useState)(r),s=(0,et.useRef)(null),c=e!==void 0,l=c?e:i,d=(0,et.useCallback)(u=>{c||n(u),a?.(u)},[c,a]);(0,et.useEffect)(()=>{if(!l)return;let u=b=>{let g=b.target;g&&s.current&&!s.current.contains(g)&&d(!1)},v=b=>{b.key==="Escape"&&d(!1)};return window.addEventListener("pointerdown",u),window.addEventListener("keydown",v),()=>{window.removeEventListener("pointerdown",u),window.removeEventListener("keydown",v)}},[l,d]);let p=(0,et.useMemo)(()=>({open:l,setOpen:d,containerRef:s}),[l,d]);return(0,se.jsx)(Ri.Provider,{value:p,children:(0,se.jsx)("div",{ref:s,className:"relative inline-flex",children:t})})}var ma=(0,et.forwardRef)(({className:t,type:e="button",showChevron:r=!0,onClick:a,children:i,...n},s)=>{let{open:c,setOpen:l}=da();return(0,se.jsxs)("button",{ref:s,type:e,"aria-haspopup":"menu","aria-expanded":c,onClick:d=>{a?.(d),d.defaultPrevented||l(!c)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-interactive-secondary)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]","focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-2","[font:var(--inkblot-semantic-typography-body-medium)]",t),...n,children:[i,r?(0,se.jsx)(Li.ChevronDown,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}}):null]})});ma.displayName="DropdownMenuTrigger";var pa=(0,et.forwardRef)(({className:t,...e},r)=>{let{open:a}=da();return a?(0,se.jsx)("div",{ref:r,role:"menu",className:o("absolute right-0 top-[calc(100%+var(--inkblot-spacing-2))] z-40 min-w-[calc(var(--inkblot-size-touch-target-min)*4)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-2)] shadow-[var(--inkblot-shadow-md)]",t),...e}):null});pa.displayName="DropdownMenuContent";var ba=(0,et.forwardRef)(({className:t,type:e="button",icon:r,onClick:a,children:i,...n},s)=>{let{setOpen:c}=da();return(0,se.jsxs)("button",{ref:s,type:e,role:"menuitem",onClick:l=>{a?.(l),l.defaultPrevented||c(!1)},className:o("flex min-h-[var(--inkblot-size-touch-target-min)] w-full items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]","text-left text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-background-secondary)]","focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-0","[font:var(--inkblot-semantic-typography-body-medium)]",t),...n,children:[r,i]})});ba.displayName="DropdownMenuItem";function Di({className:t,...e}){return(0,se.jsx)("div",{className:o("my-[var(--inkblot-spacing-2)] border-b border-[var(--inkblot-semantic-color-border-default)]",t),...e})}var Fr=require("react"),q=require("lucide-react");var R=require("react/jsx-runtime"),Hi=[{type:"heading",label:"Heading",icon:q.Type},{type:"text",label:"Text",icon:q.Type},{type:"image",label:"Image",icon:q.Image},{type:"button",label:"Button",icon:q.Square},{type:"divider",label:"Divider",icon:q.Minus},{type:"columns",label:"2 Columns",icon:q.Columns}],zl={heading:"Your Heading Here",text:"Write your content here. Click to edit this text block.",image:"https://placehold.co/600x200",button:"Click Me",divider:"",columns:"Column 1 | Column 2"};function Fl({blocks:t,onBlocksChange:e,availableBlockTypes:r,editingId:a,onEditingIdChange:i,onAddBlock:n,onDeleteBlock:s,onMoveBlock:c,onBlockContentChange:l,readOnly:d=!1,className:p}){let[u,v]=(0,Fr.useState)(null),b=a!==void 0,g=b?a:u,N=m=>{b||v(m),i?.(m)},w=(0,Fr.useMemo)(()=>!r||r.length===0?Hi:Hi.filter(m=>r.includes(m.type)),[r]),x=(0,Fr.useMemo)(()=>t.reduce((m,y,C)=>(m[y.id]=C,m),{}),[t]),D=m=>{if(d)return;let y={id:`block-${Date.now()}-${Math.random().toString(36).slice(2,8)}`,type:m,content:zl[m]};e([...t,y]),n?.(m,y)},T=(m,y)=>{d||(e(t.map(C=>C.id===m?{...C,content:y}:C)),l?.(m,y))},h=m=>{d||(e(t.filter(y=>y.id!==m)),s?.(m))},k=(m,y)=>{if(d)return;let C=x[m],S=C+y;if(S<0||S>=t.length)return;let O=[...t],[L]=O.splice(C,1);O.splice(S,0,L),e(O),c?.(m,y)};return(0,R.jsxs)("section",{className:o("flex gap-4",p),children:[(0,R.jsxs)("aside",{className:"w-44 shrink-0",children:[(0,R.jsx)("span",{className:"text-[10px] uppercase tracking-wide text-[var(--inkblot-semantic-color-text-tertiary)]",children:"Blocks"}),(0,R.jsx)("div",{className:"mt-2 space-y-1",children:w.map(m=>(0,R.jsxs)("button",{type:"button",onClick:()=>D(m.type),disabled:d,className:"flex w-full items-center gap-2 rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] px-3 py-2 text-xs text-[var(--inkblot-semantic-color-text-primary)] transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]",children:[(0,R.jsx)(m.icon,{className:"h-3.5 w-3.5 text-[var(--inkblot-semantic-color-text-tertiary)]"}),m.label]},m.type))})]}),(0,R.jsx)("div",{className:"glass min-h-[400px] flex-1 rounded-[var(--inkblot-radius-lg)] p-6",children:t.length===0?(0,R.jsxs)("div",{className:"flex h-full flex-col items-center justify-center gap-3 text-center",children:[(0,R.jsx)(q.MousePointerClick,{className:"h-8 w-8 text-[var(--inkblot-semantic-color-text-tertiary)]/40"}),(0,R.jsxs)("div",{children:[(0,R.jsx)("p",{className:"text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:"Drop blocks here to build your email"}),(0,R.jsx)("p",{className:"mt-1 text-[10px] text-[var(--inkblot-semantic-color-text-tertiary)]/60",children:"or use AI to generate a full layout"})]})]}):(0,R.jsx)("div",{className:"space-y-2",children:t.map((m,y)=>(0,R.jsxs)("article",{className:"group flex items-start gap-2",children:[(0,R.jsx)("div",{className:"pt-1 text-[var(--inkblot-semantic-color-text-tertiary)]",children:(0,R.jsx)(q.GripVertical,{className:"h-3.5 w-3.5"})}),(0,R.jsxs)("div",{className:"flex-1 rounded-[var(--inkblot-radius-md)] border border-transparent p-3 transition-colors duration-[var(--inkblot-duration-fast)] group-hover:border-[var(--inkblot-semantic-color-border-default)]",children:[m.type==="heading"?(0,R.jsx)("h2",{contentEditable:!d&&g===m.id,suppressContentEditableWarning:!0,onClick:()=>{d||N(m.id)},onBlur:C=>{T(m.id,C.currentTarget.textContent??""),N(null)},className:"cursor-text text-xl font-bold text-[var(--inkblot-semantic-color-text-primary)] outline-none",children:m.content}):null,m.type==="text"?(0,R.jsx)("p",{contentEditable:!d&&g===m.id,suppressContentEditableWarning:!0,onClick:()=>{d||N(m.id)},onBlur:C=>{T(m.id,C.currentTarget.textContent??""),N(null)},className:"cursor-text text-sm leading-relaxed text-[var(--inkblot-semantic-color-text-secondary)] outline-none",children:m.content}):null,m.type==="image"?(0,R.jsx)("div",{className:"flex h-32 items-center justify-center overflow-hidden rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-tertiary)]",children:(0,R.jsx)(q.Image,{className:"h-8 w-8 text-[var(--inkblot-semantic-color-text-tertiary)]/50"})}):null,m.type==="button"?(0,R.jsx)("div",{className:"flex justify-center",children:(0,R.jsx)("span",{contentEditable:!d&&g===m.id,suppressContentEditableWarning:!0,onClick:()=>{d||N(m.id)},onBlur:C=>{T(m.id,C.currentTarget.textContent??""),N(null)},className:"cursor-text rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-interactive-primary)] px-6 py-2.5 text-sm font-medium text-[var(--inkblot-semantic-color-text-inverse)] outline-none",children:m.content})}):null,m.type==="divider"?(0,R.jsx)("hr",{className:"my-2 border-[var(--inkblot-semantic-color-border-default)]"}):null,m.type==="columns"?(0,R.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,R.jsx)("div",{className:"rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-tertiary)] p-4 text-center text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:"Column 1"}),(0,R.jsx)("div",{className:"rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-tertiary)] p-4 text-center text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:"Column 2"})]}):null]}),(0,R.jsxs)("div",{className:"flex flex-col gap-1 opacity-0 transition-opacity duration-[var(--inkblot-duration-fast)] group-hover:opacity-100",children:[(0,R.jsx)("button",{type:"button",onClick:()=>k(m.id,-1),disabled:d||y===0,className:"rounded-[var(--inkblot-radius-sm)] p-1 text-[var(--inkblot-semantic-color-text-tertiary)] transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] disabled:opacity-30","aria-label":"Move up",children:(0,R.jsx)(q.ChevronUp,{className:"h-3 w-3"})}),(0,R.jsx)("button",{type:"button",onClick:()=>k(m.id,1),disabled:d||y===t.length-1,className:"rounded-[var(--inkblot-radius-sm)] p-1 text-[var(--inkblot-semantic-color-text-tertiary)] transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] disabled:opacity-30","aria-label":"Move down",children:(0,R.jsx)(q.ChevronDown,{className:"h-3 w-3"})}),(0,R.jsx)("button",{type:"button",onClick:()=>h(m.id),disabled:d,className:"rounded-[var(--inkblot-radius-sm)] p-1 text-[var(--inkblot-semantic-color-status-error)] transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-status-error)]/10","aria-label":"Delete block",children:(0,R.jsx)(q.Trash2,{className:"h-3 w-3"})})]})]},m.id))})})]})}var Bi=require("react");var le=require("react/jsx-runtime"),ua=(0,Bi.forwardRef)(({className:t,...e},r)=>(0,le.jsx)("form",{ref:r,className:o("grid gap-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-5)]",t),...e}));ua.displayName="Form";function Oi({className:t,label:e,hint:r,error:a,children:i,requiredIndicator:n,...s}){return(0,le.jsxs)("div",{className:o("grid gap-[var(--inkblot-spacing-2)]",t),...s,children:[e?(0,le.jsxs)("p",{className:"text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-body-medium)]",children:[e,n?(0,le.jsx)("span",{className:"ml-[var(--inkblot-spacing-1)] text-[var(--inkblot-semantic-color-status-error)]",children:"*"}):null]}):null,i,a?(0,le.jsx)("p",{className:"text-[var(--inkblot-semantic-color-status-error)] [font:var(--inkblot-semantic-typography-body-small)]",children:a}):r?(0,le.jsx)("p",{className:"text-[var(--inkblot-semantic-color-text-secondary)] [font:var(--inkblot-semantic-typography-body-small)]",children:r}):null]})}function Vi({className:t,...e}){return(0,le.jsx)("div",{className:o("mt-[var(--inkblot-spacing-2)] flex flex-wrap justify-end gap-[var(--inkblot-spacing-3)]",t),...e})}var go=require("react");var yt=require("react/jsx-runtime"),Gl=[{id:"1",label:"Acme Corp",kind:"org",x:400,y:250,score:82},{id:"2",label:"TechVentures",kind:"org",x:220,y:140,score:65},{id:"3",label:"DataFlow Labs",kind:"org",x:600,y:160,score:45},{id:"4",label:"Jane Smith",kind:"person",x:300,y:380,score:90},{id:"5",label:"Mark Johnson",kind:"person",x:520,y:370,score:72},{id:"6",label:"GlobalTech",kind:"org",x:160,y:300,score:38},{id:"7",label:"Sarah Lee",kind:"person",x:650,y:310,score:55}],Wl=[{from:"1",to:"2",strength:.8},{from:"1",to:"3",strength:.5},{from:"1",to:"4",strength:.9},{from:"1",to:"5",strength:.7},{from:"2",to:"6",strength:.4},{from:"3",to:"7",strength:.6},{from:"4",to:"5",strength:.3},{from:"6",to:"4",strength:.5}];function Kl(t,e,r,a){return t>=70?e:t>=50?r:a}function Me(t,e){for(let r of e){let a=t.getPropertyValue(r).trim();if(a)return a}return""}function va(t,e,r){if(e){t.font=e;return}t.font=r}function $l({title:t="Entity Graph",subtitle:e,nodes:r=Gl,edges:a=Wl,className:i}){let n=(0,go.useRef)(null);(0,go.useEffect)(()=>{let c=n.current;if(!c)return;let l=c.getContext("2d");if(!l)return;let d=()=>{let p=c.getBoundingClientRect(),u=window.devicePixelRatio||1;c.width=p.width*u,c.height=p.height*u,l.setTransform(u,0,0,u,0,0),l.clearRect(0,0,p.width,p.height);let v=getComputedStyle(document.documentElement),b=Me(v,["--inkblot-semantic-color-border-default","--inkblot-semantic-color-border-strong"]),g=Me(v,["--inkblot-semantic-color-text-tertiary","--inkblot-semantic-color-text-secondary"]),N=Me(v,["--inkblot-semantic-color-background-secondary","--inkblot-semantic-color-background-primary"]),w=Me(v,["--inkblot-semantic-color-status-success","--inkblot-semantic-color-interactive-primary"]),x=Me(v,["--inkblot-semantic-color-status-warning","--inkblot-semantic-color-status-info"]),D=Me(v,["--inkblot-semantic-color-status-error","--inkblot-semantic-color-status-warning"]),T=Me(v,["--inkblot-semantic-typography-body-small","--inkblot-semantic-typography-body-medium"]),h=Me(v,["--inkblot-semantic-typography-body-medium","--inkblot-semantic-typography-body-small"]),k=l.font;a.forEach(m=>{let y=r.find(S=>S.id===m.from),C=r.find(S=>S.id===m.to);!y||!C||(l.beginPath(),l.moveTo(y.x,y.y),l.lineTo(C.x,C.y),l.strokeStyle=b,l.globalAlpha=Math.min(1,Math.max(0,m.strength*.45)),l.lineWidth=Math.max(1,m.strength*2),l.stroke(),l.globalAlpha=1)}),r.forEach(m=>{let y=Kl(m.score,w,x,D),C=m.kind==="org"?28:22;l.beginPath(),l.arc(m.x,m.y,C+8,0,Math.PI*2),l.fillStyle=y,l.globalAlpha=.08,l.fill(),l.globalAlpha=1,l.beginPath(),l.arc(m.x,m.y,C,0,Math.PI*2),l.fillStyle=N,l.strokeStyle=y,l.globalAlpha=.7,l.lineWidth=1.5,l.fill(),l.stroke(),l.globalAlpha=1,l.fillStyle=y,va(l,T,k),l.textAlign="center",l.textBaseline="middle",l.fillText(m.kind==="org"?"\u2B21":"\u25CF",m.x,m.y),l.fillStyle=g,va(l,h,k),l.fillText(m.label,m.x,m.y+C+16),l.fillStyle=y,l.globalAlpha=.8,va(l,T,k),l.fillText(String(m.score),m.x,m.y+C+28),l.globalAlpha=1})};return d(),window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)},[a,r]);let s=e??`Relationship intelligence \xB7 ${r.length} nodes \xB7 ${a.length} edges`;return(0,yt.jsxs)("section",{className:o("flex h-full flex-col",i),children:[(0,yt.jsxs)("header",{className:"flex items-center justify-between border-b border-[var(--inkblot-semantic-color-border-default)] px-8 py-5",children:[(0,yt.jsxs)("div",{children:[(0,yt.jsx)("h2",{className:"text-lg font-semibold tracking-tight text-[var(--inkblot-semantic-color-text-primary)]",children:t}),(0,yt.jsx)("p",{className:"mt-0.5 text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:s})]}),(0,yt.jsxs)("div",{className:"flex items-center gap-4 text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:[(0,yt.jsxs)("span",{className:"flex items-center gap-1.5",children:[(0,yt.jsx)("span",{className:"h-2 w-2 rounded-full bg-[var(--inkblot-semantic-color-status-success)]"}),"Orgs"]}),(0,yt.jsxs)("span",{className:"flex items-center gap-1.5",children:[(0,yt.jsx)("span",{className:"h-2 w-2 rounded-full bg-[var(--inkblot-semantic-color-status-warning)]"}),"People"]})]})]}),(0,yt.jsx)("div",{className:"relative flex-1",children:(0,yt.jsx)("canvas",{ref:n,className:"h-full w-full"})})]})}var Xt=require("react"),Se=require("lucide-react");var K=require("react/jsx-runtime"),_l=[{target:"[data-tour='sidebar']",title:"Navigation Sidebar",description:"Access all CRM modules from this sidebar. Each icon represents a different module.",position:"right"},{target:"[data-tour='canvas']",title:"AI Command Canvas",description:"This is your AI-powered command center where you can orchestrate tasks and workflows.",position:"bottom"},{target:"[data-tour='event-feed']",title:"Real-Time Event Feed",description:"Follow live system activity like stage updates, invoices, and communication events.",position:"left"},{target:"[data-tour='system-status']",title:"System Status",description:"This indicator confirms platform health and connectivity.",position:"right"}];function Ul({steps:t=_l,open:e,defaultOpen:r=!0,onOpenChange:a,stepIndex:i,defaultStepIndex:n=0,onStepIndexChange:s,onComplete:c,className:l}){let[d,p]=(0,Xt.useState)(r),[u,v]=(0,Xt.useState)(n),[b,g]=(0,Xt.useState)(null),N=e??d,w=i??u,x=t[w],D=w===t.length-1,T=S=>{e===void 0&&p(S),a?.(S)},h=S=>{let O=Math.min(Math.max(S,0),Math.max(t.length-1,0));i===void 0&&v(O),s?.(O)},k=(0,Xt.useCallback)(()=>{let S=document.querySelector(x.target);if(!S){g(null);return}g(S.getBoundingClientRect())},[x.target]);(0,Xt.useEffect)(()=>(k(),window.addEventListener("resize",k),window.addEventListener("scroll",k,!0),()=>{window.removeEventListener("resize",k),window.removeEventListener("scroll",k,!0)}),[k]);let m=()=>{if(D){T(!1),c();return}h(w+1)},y=()=>{h(w-1)},C=(0,Xt.useMemo)(()=>{if(!b)return{top:"50%",left:"50%",transform:"translate(-50%, -50%)"};let S=16,O=320;return x.position==="right"?{top:b.top+b.height/2,left:b.right+S,transform:"translateY(-50%)"}:x.position==="left"?{top:b.top+b.height/2,left:b.left-O-S,transform:"translateY(-50%)"}:x.position==="top"?{top:b.top-S,left:b.left+b.width/2,transform:"translate(-50%, -100%)"}:{top:b.bottom+S,left:b.left+b.width/2,transform:"translateX(-50%)"}},[x.position,b]);return N?(0,K.jsxs)("div",{className:o("fixed inset-0 z-[200]",l),children:[b?(0,K.jsx)("div",{className:"pointer-events-none absolute rounded-[var(--inkblot-radius-lg)] border-2 border-[var(--inkblot-semantic-color-interactive-primary)]/50",style:{top:b.top-6,left:b.left-6,width:b.width+12,height:b.height+12,boxShadow:"0 0 0 9999px var(--inkblot-semantic-color-background-inverse), var(--inkblot-shadow-lg)"}}):(0,K.jsx)("div",{className:"absolute inset-0 bg-[var(--inkblot-semantic-color-background-inverse)]/70"}),(0,K.jsxs)("div",{style:{...C,position:"absolute",width:320,zIndex:210},className:"rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-5 shadow-[var(--inkblot-shadow-lg)]",children:[(0,K.jsxs)("div",{className:"mb-3 flex items-center justify-between",children:[(0,K.jsxs)("span",{className:"text-[10px] uppercase tracking-wide text-[var(--inkblot-semantic-color-text-tertiary)]",children:["Step ",w+1," of ",t.length]}),(0,K.jsx)("button",{type:"button",onClick:()=>{T(!1),c()},className:"rounded-[var(--inkblot-radius-sm)] p-1 text-[var(--inkblot-semantic-color-text-tertiary)] transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]","aria-label":"Close tour",children:(0,K.jsx)(Se.X,{className:"h-3 w-3"})})]}),(0,K.jsx)("h3",{className:"mb-1.5 text-sm font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:x.title}),(0,K.jsx)("p",{className:"text-xs leading-relaxed text-[var(--inkblot-semantic-color-text-tertiary)]",children:x.description}),(0,K.jsx)("div",{className:"mb-3 mt-4 flex gap-1",children:t.map((S,O)=>(0,K.jsx)("span",{className:o("h-1 flex-1 rounded-full",O<=w?"bg-[var(--inkblot-semantic-color-interactive-primary)]":"bg-[var(--inkblot-semantic-color-background-tertiary)]")},`${O}-progress`))}),(0,K.jsxs)("div",{className:"flex items-center justify-between",children:[(0,K.jsxs)("button",{type:"button",onClick:y,disabled:w===0,className:"flex items-center gap-1 text-xs text-[var(--inkblot-semantic-color-text-tertiary)] transition-opacity duration-[var(--inkblot-duration-fast)] disabled:opacity-0",children:[(0,K.jsx)(Se.ArrowLeft,{className:"h-3 w-3"}),"Back"]}),(0,K.jsx)("button",{type:"button",onClick:m,className:"flex items-center gap-1.5 rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-interactive-primary)] px-4 py-2 text-xs font-medium text-[var(--inkblot-semantic-color-text-inverse)]",children:D?(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(Se.Check,{className:"h-3 w-3"}),"Get Started"]}):(0,K.jsxs)(K.Fragment,{children:["Next",(0,K.jsx)(Se.ArrowRight,{className:"h-3 w-3"})]})})]})]})]}):null}var Et=require("react");var Gr=require("react/jsx-runtime"),zi=(0,Et.createContext)(null);function Fi(){let t=(0,Et.useContext)(zi);if(!t)throw new Error("HoverCard components must be used within HoverCard");return t}function Gi({children:t,openDelay:e=120,closeDelay:r=120}){let[a,i]=(0,Et.useState)(!1),n=(0,Et.useRef)(null),s=(0,Et.useMemo)(()=>({open:a,setOpen:i,openDelay:e,closeDelay:r,timeoutRef:n}),[a,e,r]);return(0,Gr.jsx)(zi.Provider,{value:s,children:(0,Gr.jsx)("div",{className:"relative inline-flex",children:t})})}var ga=(0,Et.forwardRef)(({className:t,onMouseEnter:e,onMouseLeave:r,onFocus:a,onBlur:i,...n},s)=>{let{setOpen:c,openDelay:l,closeDelay:d,timeoutRef:p}=Fi();return(0,Gr.jsx)("div",{ref:s,tabIndex:0,onMouseEnter:u=>{e?.(u),p.current&&window.clearTimeout(p.current),p.current=window.setTimeout(()=>c(!0),l)},onMouseLeave:u=>{r?.(u),p.current&&window.clearTimeout(p.current),p.current=window.setTimeout(()=>c(!1),d)},onFocus:u=>{a?.(u),c(!0)},onBlur:u=>{i?.(u),c(!1)},className:o(t),...n})});ga.displayName="HoverCardTrigger";var fa=(0,Et.forwardRef)(({className:t,onMouseEnter:e,onMouseLeave:r,...a},i)=>{let{open:n,setOpen:s,closeDelay:c,timeoutRef:l}=Fi();return n?(0,Gr.jsx)("div",{ref:i,role:"dialog",onMouseEnter:d=>{e?.(d),l.current&&window.clearTimeout(l.current),s(!0)},onMouseLeave:d=>{r?.(d),l.current&&window.clearTimeout(l.current),l.current=window.setTimeout(()=>s(!1),c)},className:o("absolute left-0 top-[calc(100%+var(--inkblot-spacing-2))] z-40 min-w-[calc(var(--inkblot-size-touch-target-min)*4)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-4)] shadow-[var(--inkblot-shadow-md)]",t),...a}):null});fa.displayName="HoverCardContent";var Ee=require("react");var ka=require("react/jsx-runtime"),ya=(0,Ee.forwardRef)(({className:t,disabled:e,length:r=6,value:a,defaultValue:i="",onValueChange:n,containerProps:s,...c},l)=>{let[d,p]=(0,Ee.useState)(i.slice(0,r)),u=(0,Ee.useRef)([]),v=a!==void 0,b=v?a.slice(0,r):d,g=(0,Ee.useMemo)(()=>Array.from({length:r},(h,k)=>b[k]??""),[b,r]),N=h=>{let k=h.slice(0,r);v||p(k),n?.(k)},w=h=>{let k=u.current[h];k?.focus(),k?.select()},x=(h,k)=>{let m=k.replace(/[^0-9A-Za-z]/g,"").slice(0,1),y=g.map((C,S)=>S===h?m:C);N(y.join("")),m&&h<r-1&&w(h+1)},D=(h,k)=>{if(k.key==="Backspace"&&!g[h]&&h>0){let m=g.map((y,C)=>C===h-1?"":y);N(m.join("")),w(h-1)}k.key==="ArrowLeft"&&h>0&&(k.preventDefault(),w(h-1)),k.key==="ArrowRight"&&h<r-1&&(k.preventDefault(),w(h+1))};return(0,ka.jsx)("div",{ref:l,onPaste:h=>{h.preventDefault();let k=h.clipboardData.getData("text").replace(/[^0-9A-Za-z]/g,"").slice(0,r);k&&(N(k),w(Math.min(k.length,r-1)))},className:o("flex items-center gap-[var(--inkblot-spacing-2)]",t,s?.className),...s,children:g.map((h,k)=>(0,ka.jsx)("input",{ref:m=>{u.current[k]=m},type:"text",inputMode:"numeric",maxLength:1,value:h,disabled:e,onChange:m=>x(k,m.target.value),onKeyDown:m=>D(k,m),className:o("min-h-[var(--inkblot-size-touch-target-min)] w-full rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-secondary)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]","text-center text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-heading-small)]","focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-2","disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:pointer-events-none"),...c},`otp-slot-${k}`))})});ya.displayName="InputOtp";var er=require("react/jsx-runtime"),jl=[{label:"Revenue Confidence",value:82,tone:"success"},{label:"Churn Risk",value:23,tone:"warning",inverted:!0},{label:"Momentum",value:67,tone:"primary"}];function ql({title:t="Intelligence Scores",items:e=jl,className:r}){return(0,er.jsxs)("article",{className:o("glass rounded-[var(--inkblot-radius-lg)] p-5",r),children:[(0,er.jsx)("h3",{className:"mb-4 text-xs font-medium uppercase tracking-wide text-[var(--inkblot-semantic-color-text-tertiary)]",children:t}),(0,er.jsx)("div",{className:"grid grid-cols-3 gap-6",children:e.map(a=>(0,er.jsx)(ea,{label:a.label,value:a.value,tone:a.tone,color:a.color,inverted:a.inverted},a.label))})]})}var Wi=require("react");var fo=require("react/jsx-runtime"),xa=(0,Wi.forwardRef)(({className:t,children:e,requiredIndicator:r,...a},i)=>(0,fo.jsxs)("label",{ref:i,className:o("inline-flex items-center gap-[var(--inkblot-spacing-1)] text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-body-medium)]",t),...a,children:[e,r?(0,fo.jsx)("span",{className:"text-[var(--inkblot-semantic-color-status-error)]",children:"*"}):null]}));xa.displayName="Label";var Q=require("react"),Ki=require("lucide-react");var Ht=require("react/jsx-runtime"),$i=(0,Q.createContext)(null);function ha(){let t=(0,Q.useContext)($i);if(!t)throw new Error("Menubar components must be used within Menubar");return t}var _i=(0,Q.createContext)(null);function Ui(){let t=(0,Q.useContext)(_i);if(!t)throw new Error("Menubar menu components must be used within MenubarMenu");return t}var Na=(0,Q.forwardRef)(({className:t,...e},r)=>{let[a,i]=(0,Q.useState)(null),n=(0,Q.useMemo)(()=>({openMenuId:a,setOpenMenuId:i}),[a]);return(0,Ht.jsx)($i.Provider,{value:n,children:(0,Ht.jsx)("div",{ref:r,className:o("flex items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-2)]",t),...e})})});Na.displayName="Menubar";function ji({id:t,className:e,...r}){let a=(0,Q.useMemo)(()=>({menuId:t}),[t]);return(0,Ht.jsx)(_i.Provider,{value:a,children:(0,Ht.jsx)("div",{className:o("relative inline-flex",e),...r})})}var Ca=(0,Q.forwardRef)(({className:t,type:e="button",showChevron:r=!0,onClick:a,children:i,...n},s)=>{let{openMenuId:c,setOpenMenuId:l}=ha(),{menuId:d}=Ui(),p=c===d;return(0,Ht.jsxs)("button",{ref:s,type:e,"aria-haspopup":"menu","aria-expanded":p,onClick:u=>{a?.(u),u.defaultPrevented||l(p?null:d)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)]",p?"bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-background-secondary)]",t),...n,children:[i,r?(0,Ht.jsx)(Ki.ChevronDown,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}}):null]})});Ca.displayName="MenubarTrigger";var wa=(0,Q.forwardRef)(({className:t,...e},r)=>{let{openMenuId:a}=ha(),{menuId:i}=Ui();return a!==i?null:(0,Ht.jsx)("div",{ref:r,role:"menu",className:o("absolute left-0 top-[calc(100%+var(--inkblot-spacing-2))] z-40 min-w-[calc(var(--inkblot-size-touch-target-min)*4)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-2)] shadow-[var(--inkblot-shadow-md)]",t),...e})});wa.displayName="MenubarContent";var Ta=(0,Q.forwardRef)(({className:t,type:e="button",icon:r,...a},i)=>(0,Ht.jsxs)("button",{ref:i,type:e,role:"menuitem",className:o("flex min-h-[var(--inkblot-size-touch-target-min)] w-full items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]","text-left text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-background-secondary)]","[font:var(--inkblot-semantic-typography-body-medium)]",t),...a,children:[r,a.children]}));Ta.displayName="MenubarItem";function qi({className:t,...e}){return(0,Ht.jsx)("div",{className:o("my-[var(--inkblot-spacing-2)] border-b border-[var(--inkblot-semantic-color-border-default)]",t),...e})}var Pa=(0,Q.forwardRef)(({className:t,...e},r)=>{let{setOpenMenuId:a}=ha(),i=(0,Q.useRef)(null);return(0,Ht.jsx)("div",{ref:n=>{i.current=n,typeof r=="function"?r(n):r&&(r.current=n)},onPointerDown:n=>{i.current?.contains(n.target)&&a(null)},className:o(t),...e})});Pa.displayName="MenubarCloseZone";var Ma=require("lucide-react");var Ie=require("react/jsx-runtime");function Yi({items:t,className:e,onItemSelect:r}){return(0,Ie.jsx)("nav",{"aria-label":"Navigation menu",className:o("flex flex-wrap items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-2)]",e),children:t.map(a=>(0,Ie.jsx)(Yl,{item:a,onSelect:()=>r?.(a)},a.id))})}function Yl({item:t,onSelect:e,className:r,...a}){let i=o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)]",t.active?"bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-background-secondary)]",t.disabled&&"pointer-events-none opacity-[var(--inkblot-opacity-disabled)]",r);return t.href?(0,Ie.jsxs)("a",{href:t.href,"aria-current":t.active?"page":void 0,className:i,onClick:()=>e?.(),...a,children:[t.icon,t.label,t.active?null:(0,Ie.jsx)(Ma.ChevronRight,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}})]}):(0,Ie.jsxs)("button",{type:"button","aria-current":t.active?"page":void 0,disabled:t.disabled,className:i,onClick:()=>e?.(),children:[t.icon,t.label,t.active?null:(0,Ie.jsx)(Ma.ChevronRight,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}})]})}var Wr=require("react"),_=require("lucide-react");var I=require("react/jsx-runtime"),Xl=[{id:"company",question:"What's your company name?",subtitle:"We'll personalize your workspace around your brand.",icon:_.Building2,type:"input",field:"companyName",placeholder:"e.g. Acme Corporation"},{id:"size",question:"How many employees does your company have?",subtitle:"This helps us tailor the right features for your team size.",icon:_.Users,type:"select",field:"companySize",options:[{value:"1-10",label:"1-10"},{value:"11-50",label:"11-50"},{value:"51-200",label:"51-200"},{value:"201-1000",label:"201-1,000"},{value:"1000+",label:"1,000+"}]},{id:"industry",question:"What industry are you in?",subtitle:"We'll pre-configure pipelines and templates for your sector.",icon:_.Briefcase,type:"select",field:"industry",options:[{value:"saas",label:"SaaS / Software"},{value:"agency",label:"Agency / Consulting"},{value:"ecommerce",label:"E-Commerce"},{value:"fintech",label:"Fintech"},{value:"healthcare",label:"Healthcare"},{value:"other",label:"Other"}]},{id:"role",question:"What's your role?",subtitle:"So we can surface the most relevant modules first.",icon:_.Target,type:"select",field:"role",options:[{value:"founder",label:"Founder / CEO"},{value:"sales",label:"Sales Leader"},{value:"marketing",label:"Marketing"},{value:"ops",label:"Operations"},{value:"other",label:"Other"}]},{id:"goals",question:"What do you want to achieve?",subtitle:"Select all that apply. We'll prioritize these in your dashboard.",icon:_.Target,type:"multi-select",field:"goals",options:[{value:"pipeline",label:"Manage Sales Pipeline"},{value:"contacts",label:"Organize Contacts"},{value:"email",label:"Email Campaigns"},{value:"invoicing",label:"Invoicing"},{value:"reporting",label:"Analytics & Reporting"},{value:"automation",label:"Workflow Automation"}]},{id:"source",question:"How did you hear about us?",subtitle:"Helps us improve our outreach.",icon:_.Megaphone,type:"select",field:"source",options:[{value:"google",label:"Google Search"},{value:"social",label:"Social Media"},{value:"referral",label:"Friend / Colleague"},{value:"event",label:"Conference / Event"},{value:"other",label:"Other"}]},{id:"website",question:"What's your company website?",subtitle:"Optional, we'll try to auto-import your branding.",icon:_.Globe,type:"input",field:"website",placeholder:"e.g. https://acme.com"}];function Zl({onComplete:t,steps:e=Xl,value:r,defaultValue:a,onValueChange:i,stepIndex:n,defaultStepIndex:s=0,onStepIndexChange:c,onCancel:l,showSkip:d=!0,className:p}){let[u,v]=(0,Wr.useState)(s),[b,g]=(0,Wr.useState)(a??{}),N=n!==void 0,w=r!==void 0,x=N?n:u,D=w?r:b,T=e[x],h=D[T.field]??(T.type==="multi-select"?[]:""),k=x===e.length-1,m=(0,Wr.useMemo)(()=>T.type==="multi-select"?h.length>0:T.id==="website"?!0:typeof h=="string"&&h.trim().length>0,[h,T.id,T.type]),y=A=>{let $=Math.min(Math.max(A,0),Math.max(e.length-1,0));N||v($),c?.($)},C=A=>{w||g(A),i?.(A)},S=()=>y(x-1),O=()=>{if(k){t(D);return}y(x+1)},L=(A,$)=>{C({...D,[A]:$})},X=(A,$)=>{let H=D[A]??[],Z=H.includes($)?H.filter(xt=>xt!==$):[...H,$];L(A,Z)};return(0,I.jsxs)("section",{className:o("fixed inset-0 z-[100] flex items-center justify-center bg-[var(--inkblot-semantic-color-background-primary)]",p),children:[(0,I.jsxs)("div",{className:"absolute inset-0 overflow-hidden",children:[(0,I.jsx)("div",{className:"absolute left-1/4 top-1/4 h-96 w-96 rounded-full bg-[var(--inkblot-semantic-color-interactive-primary)]/5 blur-[120px]"}),(0,I.jsx)("div",{className:"absolute bottom-1/4 right-1/4 h-96 w-96 rounded-full bg-[var(--inkblot-semantic-color-status-warning)]/5 blur-[120px]"})]}),(0,I.jsxs)("div",{className:"relative w-full max-w-lg px-6",children:[(0,I.jsxs)("header",{className:"mb-12 flex items-center justify-center gap-2",children:[(0,I.jsx)("span",{className:"flex h-10 w-10 items-center justify-center rounded-[var(--inkblot-radius-lg)] bg-[var(--inkblot-semantic-color-interactive-primary)]",children:(0,I.jsx)(_.Command,{className:"h-5 w-5 text-[var(--inkblot-semantic-color-text-inverse)]"})}),(0,I.jsx)("span",{className:"text-lg font-semibold tracking-tight text-[var(--inkblot-semantic-color-text-primary)]",children:"Citron OS"})]}),(0,I.jsx)("div",{className:"mb-10 flex gap-1",children:e.map((A,$)=>(0,I.jsx)("span",{className:o("h-0.5 flex-1 rounded-full",$<x?"bg-[var(--inkblot-semantic-color-interactive-primary)]":$===x?"bg-[var(--inkblot-semantic-color-interactive-primary)]/60":"bg-[var(--inkblot-semantic-color-background-tertiary)]")},A.id))}),(0,I.jsxs)("div",{className:"space-y-6",children:[(0,I.jsxs)("div",{children:[(0,I.jsx)("div",{className:"mb-4 flex h-10 w-10 items-center justify-center rounded-[var(--inkblot-radius-lg)] bg-[var(--inkblot-semantic-color-interactive-secondary)]",children:(0,I.jsx)(T.icon,{className:"h-5 w-5 text-[var(--inkblot-semantic-color-text-primary)]"})}),(0,I.jsx)("h2",{className:"text-xl font-semibold tracking-tight text-[var(--inkblot-semantic-color-text-primary)]",children:T.question}),(0,I.jsx)("p",{className:"mt-1 text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:T.subtitle})]}),T.type==="input"?(0,I.jsx)("input",{autoFocus:!0,value:h||"",onChange:A=>L(T.field,A.target.value),placeholder:T.placeholder,onKeyDown:A=>{A.key==="Enter"&&m&&O()},className:"w-full rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-5 py-3.5 text-sm text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)] outline-none"}):null,T.type==="select"?(0,I.jsx)("div",{className:"grid grid-cols-2 gap-2",children:T.options?.map(A=>(0,I.jsx)("button",{type:"button",onClick:()=>L(T.field,A.value),className:o("rounded-[var(--inkblot-radius-lg)] border px-4 py-3 text-left text-sm transition-colors duration-[var(--inkblot-duration-fast)]",h===A.value?"border-[var(--inkblot-semantic-color-interactive-primary)] bg-[var(--inkblot-semantic-color-interactive-primary)]/10 text-[var(--inkblot-semantic-color-text-primary)]":"border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-tertiary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]"),children:A.label},A.value))}):null,T.type==="multi-select"?(0,I.jsx)("div",{className:"grid grid-cols-2 gap-2",children:T.options?.map(A=>{let $=h.includes(A.value);return(0,I.jsxs)("button",{type:"button",onClick:()=>X(T.field,A.value),className:o("flex items-center gap-2 rounded-[var(--inkblot-radius-lg)] border px-4 py-3 text-left text-sm transition-colors duration-[var(--inkblot-duration-fast)]",$?"border-[var(--inkblot-semantic-color-interactive-primary)] bg-[var(--inkblot-semantic-color-interactive-primary)]/10 text-[var(--inkblot-semantic-color-text-primary)]":"border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-tertiary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]"),children:[(0,I.jsx)("span",{className:o("flex h-4 w-4 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-sm)] border",$?"border-[var(--inkblot-semantic-color-interactive-primary)] bg-[var(--inkblot-semantic-color-interactive-primary)]":"border-[var(--inkblot-semantic-color-border-default)]"),children:$?(0,I.jsx)(_.Check,{className:"h-2.5 w-2.5 text-[var(--inkblot-semantic-color-text-inverse)]"}):null}),A.label]},A.value)})}):null]}),(0,I.jsxs)("footer",{className:"mt-10 flex items-center justify-between",children:[(0,I.jsxs)("button",{type:"button",onClick:S,disabled:x===0,className:"flex items-center gap-1.5 rounded-[var(--inkblot-radius-md)] px-4 py-2 text-xs text-[var(--inkblot-semantic-color-text-tertiary)] transition-opacity duration-[var(--inkblot-duration-fast)] disabled:opacity-0",children:[(0,I.jsx)(_.ArrowLeft,{className:"h-3 w-3"}),"Back"]}),(0,I.jsxs)("div",{className:"flex items-center gap-3",children:[!k&&d?(0,I.jsx)("button",{type:"button",onClick:l??O,className:"text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:"Skip"}):null,(0,I.jsx)("button",{type:"button",onClick:O,disabled:!m,className:"flex items-center gap-2 rounded-[var(--inkblot-radius-lg)] bg-[var(--inkblot-semantic-color-interactive-primary)] px-5 py-2.5 text-xs font-medium text-[var(--inkblot-semantic-color-text-inverse)] transition-opacity duration-[var(--inkblot-duration-fast)] disabled:opacity-40",children:k?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(_.Sparkles,{className:"h-3 w-3"}),"Launch Citron OS"]}):(0,I.jsxs)(I.Fragment,{children:["Continue",(0,I.jsx)(_.ArrowRight,{className:"h-3 w-3"})]})})]})]})]})]})}var ko=require("lucide-react");var Le=require("react/jsx-runtime");function Xi({page:t,totalPages:e,onPageChange:r,className:a}){let i=Array.from({length:e},(n,s)=>s+1);return(0,Le.jsxs)("nav",{"aria-label":"Pagination",className:o("flex items-center gap-[var(--inkblot-spacing-2)]",a),children:[(0,Le.jsx)("button",{type:"button","aria-label":"Previous page",disabled:t<=1,onClick:()=>r(Math.max(t-1,1)),className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] px-[var(--inkblot-spacing-3)]","bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:pointer-events-none"),children:(0,Le.jsx)(ko.ChevronLeft,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}})}),i.map(n=>{let s=n===t;return(0,Le.jsx)("button",{type:"button",onClick:()=>r(n),"aria-current":s?"page":void 0,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] min-w-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)]","[font:var(--inkblot-semantic-typography-body-medium)]",s?"bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]"),children:n},`page-${n}`)}),(0,Le.jsx)("button",{type:"button","aria-label":"Next page",disabled:t>=e,onClick:()=>r(Math.min(t+1,e)),className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] px-[var(--inkblot-spacing-3)]","bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:pointer-events-none"),children:(0,Le.jsx)(ko.ChevronRight,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}})})]})}var rt=require("react");var rr=require("react/jsx-runtime"),Zi=(0,rt.createContext)(null);function Sa(){let t=(0,rt.useContext)(Zi);if(!t)throw new Error("Popover components must be used within Popover");return t}function Ji({children:t,open:e,defaultOpen:r=!1,onOpenChange:a}){let[i,n]=(0,rt.useState)(r),s=(0,rt.useRef)(null),c=e!==void 0,l=c?e:i,d=(0,rt.useCallback)(u=>{c||n(u),a?.(u)},[c,a]);(0,rt.useEffect)(()=>{if(!l)return;let u=b=>{let g=b.target;g&&s.current&&!s.current.contains(g)&&d(!1)},v=b=>{b.key==="Escape"&&d(!1)};return window.addEventListener("pointerdown",u),window.addEventListener("keydown",v),()=>{window.removeEventListener("pointerdown",u),window.removeEventListener("keydown",v)}},[l,d]);let p=(0,rt.useMemo)(()=>({open:l,setOpen:d,containerRef:s}),[l,d]);return(0,rr.jsx)(Zi.Provider,{value:p,children:(0,rr.jsx)("div",{ref:s,className:"relative inline-flex",children:t})})}var Ea=(0,rt.forwardRef)(({className:t,type:e="button",onClick:r,...a},i)=>{let{open:n,setOpen:s}=Sa();return(0,rr.jsx)("button",{ref:i,type:e,"aria-haspopup":"dialog","aria-expanded":n,onClick:c=>{r?.(c),c.defaultPrevented||s(!n)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-interactive-secondary)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)] text-[var(--inkblot-semantic-color-text-primary)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]","[font:var(--inkblot-semantic-typography-body-medium)]",t),...a})});Ea.displayName="PopoverTrigger";var Ia=(0,rt.forwardRef)(({className:t,...e},r)=>{let{open:a}=Sa();return a?(0,rr.jsx)("div",{ref:r,role:"dialog",className:o("absolute left-0 top-[calc(100%+var(--inkblot-spacing-2))] z-40 min-w-[calc(var(--inkblot-size-touch-target-min)*4)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-4)] shadow-[var(--inkblot-shadow-md)]",t),...e}):null});Ia.displayName="PopoverContent";var La=(0,rt.forwardRef)(({className:t,type:e="button",onClick:r,...a},i)=>{let{setOpen:n}=Sa();return(0,rr.jsx)("button",{ref:i,type:e,onClick:s=>{r?.(s),s.defaultPrevented||n(!1)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)]",t),...a})});La.displayName="PopoverClose";var Qi=require("react");var or=require("react/jsx-runtime"),Ra=(0,Qi.forwardRef)(({className:t,value:e,max:r=100,showValueLabel:a=!1,...i},n)=>{let s=Math.max(0,Math.min(e/r,1)),c=`${Math.round(s*100)}%`;return(0,or.jsxs)("div",{ref:n,className:o("grid gap-[var(--inkblot-spacing-2)]",t),...i,children:[(0,or.jsx)("div",{className:"h-[var(--inkblot-spacing-2)] overflow-hidden rounded-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-background-secondary)]",children:(0,or.jsx)("div",{className:"h-full rounded-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-interactive-primary)] transition-[width] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",style:{width:c}})}),a?(0,or.jsx)("p",{className:"text-[var(--inkblot-semantic-color-text-secondary)] [font:var(--inkblot-semantic-typography-body-small)]",children:c}):null]})});Ra.displayName="Progress";var Kr=require("react");var ce=require("react/jsx-runtime"),Aa=(0,Kr.forwardRef)(({className:t,options:e,value:r,defaultValue:a,onValueChange:i,name:n="radio-group",...s},c)=>{let[l,d]=(0,Kr.useState)(a??""),p=r!==void 0,u=p?r:l,v=b=>{p||d(b),i?.(b)};return(0,ce.jsx)("div",{ref:c,role:"radiogroup",className:o("grid gap-[var(--inkblot-spacing-2)]",t),...s,children:e.map(b=>(0,ce.jsxs)("label",{className:o("flex cursor-pointer items-start gap-[var(--inkblot-spacing-3)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] p-[var(--inkblot-spacing-3)]","bg-[var(--inkblot-semantic-color-background-primary)] hover:bg-[var(--inkblot-semantic-color-background-secondary)]",b.disabled&&"pointer-events-none opacity-[var(--inkblot-opacity-disabled)]"),children:[(0,ce.jsx)(yo,{type:"radio",name:n,value:b.value,checked:u===b.value,disabled:b.disabled,onChange:()=>v(b.value)}),(0,ce.jsxs)("span",{className:"grid gap-[var(--inkblot-spacing-1)]",children:[(0,ce.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-body-medium)]",children:b.label}),b.description?(0,ce.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-secondary)] [font:var(--inkblot-semantic-typography-body-small)]",children:b.description}):null]})]},b.value))})});Aa.displayName="RadioGroup";var yo=(0,Kr.forwardRef)(({className:t,...e},r)=>(0,ce.jsx)("input",{ref:r,className:o("mt-[var(--inkblot-spacing-1)] h-[var(--inkblot-spacing-4)] w-[var(--inkblot-spacing-4)] border-[var(--inkblot-semantic-color-border-default)] text-[var(--inkblot-semantic-color-interactive-primary)]",t),...e}));yo.displayName="RadioGroupItem";var xo=require("react"),ho=require("lucide-react");var de=require("react/jsx-runtime");function ts({primary:t,secondary:e,direction:r="horizontal",defaultPrimarySize:a=50,minPrimarySize:i=20,minSecondarySize:n=20,className:s}){let[c,l]=(0,xo.useState)(a),d=r==="horizontal",p=(0,xo.useMemo)(()=>d?{gridTemplateColumns:`${c}fr auto ${100-c}fr`}:{gridTemplateRows:`${c}fr auto ${100-c}fr`},[d,c]),u=(v,b)=>{let g=b.getBoundingClientRect(),N=d?(v.x-g.left)/g.width*100:(v.y-g.top)/g.height*100,w=100-n,x=Math.min(w,Math.max(i,N));l(x)};return(0,de.jsxs)("div",{className:o("grid h-full w-full overflow-hidden rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)]",s),style:p,children:[(0,de.jsx)("div",{className:"min-h-0 min-w-0 overflow-auto p-[var(--inkblot-spacing-3)]",children:t}),(0,de.jsx)("div",{className:o(d?"w-[var(--inkblot-spacing-2)]":"h-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-border-default)]"),children:(0,de.jsx)("button",{type:"button","aria-label":"Resize panels",className:o("flex h-full w-full items-center justify-center bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-secondary)]","hover:bg-[var(--inkblot-semantic-color-background-tertiary)] active:bg-[var(--inkblot-semantic-color-background-secondary)]"),onPointerDown:v=>{let b=v.currentTarget.closest("div")?.parentElement;if(!b)return;u({x:v.clientX,y:v.clientY},b);let g=w=>{u({x:w.clientX,y:w.clientY},b)},N=()=>{window.removeEventListener("pointermove",g),window.removeEventListener("pointerup",N)};window.addEventListener("pointermove",g),window.addEventListener("pointerup",N)},children:d?(0,de.jsx)(ho.GripVertical,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}}):(0,de.jsx)(ho.GripHorizontal,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}})})}),(0,de.jsx)("div",{className:"min-h-0 min-w-0 overflow-auto p-[var(--inkblot-spacing-3)]",children:e})]})}var es=require("react");var rs=require("react/jsx-runtime"),Da=(0,es.forwardRef)(({className:t,maxHeight:e="var(--inkblot-size-touch-target-min)",...r},a)=>(0,rs.jsx)("div",{ref:a,className:o("overflow-auto rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-3)]",t),style:{maxHeight:e,...r.style},...r}));Da.displayName="ScrollArea";var os=require("lucide-react"),as=require("react");var Ue=require("react/jsx-runtime"),Ha=(0,as.forwardRef)(({className:t,options:e,placeholder:r,error:a,disabled:i,...n},s)=>(0,Ue.jsxs)("div",{className:"relative w-full",children:[(0,Ue.jsxs)("select",{ref:s,disabled:i,"aria-invalid":a,className:o("min-h-[var(--inkblot-size-touch-target-min)] w-full appearance-none rounded-[var(--inkblot-radius-md)] border bg-[var(--inkblot-semantic-color-background-secondary)] px-4 py-2 pr-10 text-[var(--inkblot-semantic-color-text-primary)] transition-[border-color,box-shadow] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",a?"border-[var(--inkblot-semantic-color-status-error)] focus-visible:ring-[var(--inkblot-semantic-color-status-error)]":"border-[var(--inkblot-semantic-color-border-default)] hover:border-[var(--inkblot-semantic-color-border-strong)]",t),...n,children:[r?(0,Ue.jsx)("option",{value:"",disabled:!0,children:r}):null,e.map(c=>(0,Ue.jsx)("option",{value:c.value,disabled:c.disabled,children:c.label},c.value))]}),(0,Ue.jsx)(os.ChevronDown,{"aria-hidden":!0,className:"pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-[var(--inkblot-semantic-color-text-tertiary)]"})]}));Ha.displayName="Select";var ns=require("react");var is=require("react/jsx-runtime"),Ba=(0,ns.forwardRef)(({className:t,orientation:e="horizontal",decorative:r=!0,...a},i)=>(0,is.jsx)("div",{ref:i,role:r?"none":"separator","aria-orientation":e,className:o("shrink-0 bg-[var(--inkblot-semantic-color-border-default)]",e==="horizontal"?"h-px w-full":"h-full w-px",t),...a}));Ba.displayName="Separator";var ss=require("lucide-react"),ls=require("react");var Bt=require("react/jsx-runtime"),Jl={top:"inset-x-0 top-0 border-b rounded-b-[var(--inkblot-radius-lg)]",right:"inset-y-0 right-0 h-full w-full max-w-[420px] border-l",bottom:"inset-x-0 bottom-0 border-t rounded-t-[var(--inkblot-radius-lg)]",left:"inset-y-0 left-0 h-full w-full max-w-[420px] border-r"};function cs({open:t,onOpenChange:e,side:r="right",title:a,description:i,showCloseButton:n=!0,className:s,overlayClassName:c,children:l,...d}){return(0,ls.useEffect)(()=>{if(!t)return;let p=u=>{u.key==="Escape"&&e?.(!1)};return window.addEventListener("keydown",p),()=>window.removeEventListener("keydown",p)},[t,e]),t?(0,Bt.jsxs)("div",{className:"fixed inset-0 z-50",children:[(0,Bt.jsx)("button",{type:"button","aria-label":"Cerrar panel",onClick:()=>e?.(!1),className:o("absolute inset-0 bg-[var(--inkblot-semantic-color-background-primary)]/70",c)}),(0,Bt.jsxs)("section",{role:"dialog","aria-modal":"true",className:o("absolute bg-[var(--inkblot-semantic-color-background-secondary)] p-5 text-[var(--inkblot-semantic-color-text-primary)] shadow-lg border-[var(--inkblot-semantic-color-border-default)]",Jl[r],s),...d,children:[(a||i||n)&&(0,Bt.jsxs)("header",{className:"mb-4 flex items-start justify-between gap-4",children:[(0,Bt.jsxs)("div",{children:[a?(0,Bt.jsx)("h3",{className:"text-base font-semibold",children:a}):null,i?(0,Bt.jsx)("p",{className:"mt-1 text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:i}):null]}),n?(0,Bt.jsx)("button",{type:"button","aria-label":"Cerrar",onClick:()=>e?.(!1),className:"inline-flex size-9 items-center justify-center rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] text-[var(--inkblot-semantic-color-text-secondary)] transition-colors hover:text-[var(--inkblot-semantic-color-text-primary)]",children:(0,Bt.jsx)(ss.X,{className:"size-4"})}):null]}),(0,Bt.jsx)("div",{children:l})]})]}):null}var No=require("lucide-react");var nt=require("react/jsx-runtime");function ds({items:t,collapsed:e=!1,onCollapsedChange:r,header:a,footer:i,className:n,...s}){return(0,nt.jsxs)("aside",{className:o("flex h-full flex-col border-r border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-3 transition-[width] duration-[var(--inkblot-duration-fast)]",e?"w-[76px]":"w-[260px]",n),...s,children:[(0,nt.jsxs)("div",{className:"mb-3 flex items-center justify-between gap-2",children:[(0,nt.jsx)("div",{className:o("truncate text-sm font-semibold",e&&"sr-only"),children:a}),(0,nt.jsx)("button",{type:"button","aria-label":e?"Expandir sidebar":"Colapsar sidebar",onClick:()=>r?.(!e),className:"inline-flex size-9 items-center justify-center rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] text-[var(--inkblot-semantic-color-text-secondary)] hover:text-[var(--inkblot-semantic-color-text-primary)]",children:e?(0,nt.jsx)(No.PanelLeftOpen,{className:"size-4"}):(0,nt.jsx)(No.PanelLeftClose,{className:"size-4"})})]}),(0,nt.jsx)("nav",{className:"flex flex-1 flex-col gap-1",children:t.map(c=>{let l=c.icon;return(0,nt.jsxs)("button",{type:"button",disabled:c.disabled,onClick:c.onClick,className:o("flex min-h-[var(--inkblot-size-touch-target-min)] items-center gap-3 rounded-[var(--inkblot-radius-md)] px-3 py-2 text-sm transition-colors",c.active?"bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"text-[var(--inkblot-semantic-color-text-secondary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)] hover:text-[var(--inkblot-semantic-color-text-primary)]",c.disabled&&"cursor-not-allowed opacity-[var(--inkblot-opacity-disabled)]"),children:[l?(0,nt.jsx)(l,{className:"size-4 shrink-0"}):null,e?null:(0,nt.jsxs)(nt.Fragment,{children:[(0,nt.jsx)("span",{className:"truncate",children:c.label}),c.badge?(0,nt.jsx)("span",{className:"ml-auto",children:c.badge}):null]})]},c.id)})}),i?(0,nt.jsx)("div",{className:o("mt-3 border-t border-[var(--inkblot-semantic-color-border-default)] pt-3",e&&"sr-only"),children:i}):null]})}var Co=require("react");var Re=require("react/jsx-runtime"),Oa=(0,Co.forwardRef)(({className:t,value:e,defaultValue:r,min:a=0,max:i=100,step:n=1,disabled:s,showValue:c=!0,onValueChange:l,...d},p)=>{let u=e??r??a,v=(0,Co.useMemo)(()=>i<=a?0:(u-a)/(i-a)*100,[u,a,i]);return(0,Re.jsxs)("div",{className:o("w-full",t),children:[(0,Re.jsxs)("div",{className:"mb-2 flex items-center justify-between text-sm",children:[(0,Re.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-secondary)]",children:a}),c?(0,Re.jsx)("span",{className:"font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:u}):null,(0,Re.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-secondary)]",children:i})]}),(0,Re.jsx)("input",{ref:p,type:"range",value:e,defaultValue:r,min:a,max:i,step:n,disabled:s,onChange:b=>l?.(Number(b.target.value)),className:"h-2 w-full cursor-pointer appearance-none rounded-full bg-[var(--inkblot-semantic-color-background-tertiary)] disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)] [&::-webkit-slider-runnable-track]:h-2 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-transparent [&::-webkit-slider-thumb]:mt-[-4px] [&::-webkit-slider-thumb]:size-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border [&::-webkit-slider-thumb]:border-[var(--inkblot-semantic-color-border-default)] [&::-webkit-slider-thumb]:bg-[var(--inkblot-semantic-color-background-secondary)] [&::-webkit-slider-thumb]:shadow-sm [&::-moz-range-track]:h-2 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-transparent [&::-moz-range-thumb]:size-4 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border [&::-moz-range-thumb]:border-[var(--inkblot-semantic-color-border-default)] [&::-moz-range-thumb]:bg-[var(--inkblot-semantic-color-background-secondary)]",style:{background:`linear-gradient(to right, var(--inkblot-semantic-color-interactive-primary) 0%, var(--inkblot-semantic-color-interactive-primary) ${v}%, var(--inkblot-semantic-color-background-tertiary) ${v}%, var(--inkblot-semantic-color-background-tertiary) 100%)`},...d})]})});Oa.displayName="Slider";var ms=require("react");var Zt=require("lucide-react");var pt=require("react/jsx-runtime"),Ql={info:"border-[var(--inkblot-semantic-color-status-info)]",success:"border-[var(--inkblot-semantic-color-status-success)]",warning:"border-[var(--inkblot-semantic-color-status-warning)]",error:"border-[var(--inkblot-semantic-color-status-error)]"},tc={info:(0,pt.jsx)(Zt.Info,{className:"size-4"}),success:(0,pt.jsx)(Zt.CheckCircle2,{className:"size-4"}),warning:(0,pt.jsx)(Zt.AlertTriangle,{className:"size-4"}),error:(0,pt.jsx)(Zt.CircleX,{className:"size-4"})};function wo({title:t,description:e,variant:r="info",action:a,onClose:i,className:n,...s}){return(0,pt.jsx)("div",{role:"status",className:o("w-full rounded-[var(--inkblot-radius-lg)] border-l-4 border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-3 text-[var(--inkblot-semantic-color-text-primary)] shadow-sm",Ql[r],n),...s,children:(0,pt.jsxs)("div",{className:"flex items-start gap-3",children:[(0,pt.jsx)("span",{className:"mt-0.5 text-[var(--inkblot-semantic-color-text-secondary)]",children:tc[r]}),(0,pt.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,pt.jsx)("p",{className:"text-sm font-semibold",children:t}),e?(0,pt.jsx)("p",{className:"mt-1 text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:e}):null,a?(0,pt.jsx)("button",{type:"button",...a,className:o("mt-2 rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] px-2 py-1 text-xs font-medium text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]",a.className),children:a.label}):null]}),i?(0,pt.jsx)("button",{type:"button","aria-label":"Cerrar notificaci\xF3n",onClick:i,className:"inline-flex size-8 items-center justify-center rounded-[var(--inkblot-radius-md)] text-[var(--inkblot-semantic-color-text-tertiary)] hover:text-[var(--inkblot-semantic-color-text-primary)]",children:(0,pt.jsx)(Zt.X,{className:"size-4"})}):null]})})}var Va=require("react/jsx-runtime"),ec={"top-left":"top-4 left-4","top-right":"top-4 right-4","bottom-left":"bottom-4 left-4","bottom-right":"bottom-4 right-4"};function To({toasts:t,position:e="bottom-right",onDismiss:r,className:a,...i}){return(0,Va.jsx)("div",{className:o("fixed z-50 flex w-full max-w-[360px] flex-col gap-2",ec[e],a),...i,children:t.map(n=>(0,Va.jsx)(wo,{...n,onClose:()=>r?.(n.id)},n.id))})}var bs=require("react/jsx-runtime");function ps({toasts:t,maxVisible:e=3,position:r="bottom-right",onDismiss:a,...i}){let n=(0,ms.useMemo)(()=>t.slice(0,e),[t,e]);return(0,bs.jsx)(To,{toasts:n,position:r,onDismiss:a,...i})}var Po=require("react");var za=require("react/jsx-runtime"),Fa=(0,Po.forwardRef)(({checked:t,defaultChecked:e=!1,onCheckedChange:r,disabled:a,className:i,...n},s)=>{let[c,l]=(0,Po.useState)(e),d=t??c;return(0,za.jsx)("button",{ref:s,type:"button",role:"switch","aria-checked":d,disabled:a,onClick:()=>{if(a)return;let u=!d;t===void 0&&l(u),r?.(u)},className:o("relative inline-flex h-7 w-12 items-center rounded-full border transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",d?"border-[var(--inkblot-semantic-color-interactive-primary)] bg-[var(--inkblot-semantic-color-interactive-primary)]":"border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-tertiary)]",i),...n,children:(0,za.jsx)("span",{className:o("inline-block size-5 rounded-full bg-[var(--inkblot-semantic-color-background-secondary)] transition-transform duration-[var(--inkblot-duration-fast)]",d?"translate-x-6":"translate-x-1")})})});Fa.displayName="Switch";var me=require("react"),ar=require("lucide-react");var tt=require("react/jsx-runtime"),Ga=(0,me.forwardRef)(({className:t,...e},r)=>(0,tt.jsx)("div",{className:"w-full overflow-x-auto rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]",children:(0,tt.jsx)("table",{ref:r,className:o("w-full border-collapse bg-[var(--inkblot-semantic-color-background-secondary)]",t),...e})})),Wa=(0,me.forwardRef)(({className:t,...e},r)=>(0,tt.jsx)("thead",{ref:r,className:o("bg-[var(--inkblot-semantic-color-background-tertiary)]",t),...e})),Ka=(0,me.forwardRef)(({className:t,...e},r)=>(0,tt.jsx)("tbody",{ref:r,className:o(t),...e})),$a=(0,me.forwardRef)(({className:t,...e},r)=>(0,tt.jsx)("tr",{ref:r,className:o("border-b border-[var(--inkblot-semantic-color-border-default)] text-[var(--inkblot-semantic-color-text-primary)] transition-colors hover:bg-[var(--inkblot-semantic-color-background-tertiary)]",t),...e})),_a=(0,me.forwardRef)(({className:t,children:e,sortable:r=!1,sortDirection:a,onSort:i,sortButtonProps:n,...s},c)=>(0,tt.jsx)("th",{ref:c,className:o("px-4 py-3 text-left text-sm font-semibold text-[var(--inkblot-semantic-color-text-secondary)]",t),...s,children:r?(0,tt.jsxs)("button",{type:"button",onClick:i,className:"inline-flex items-center gap-[var(--inkblot-spacing-1)] rounded-[var(--inkblot-radius-sm)] text-inherit transition-colors duration-[var(--inkblot-duration-fast)] hover:text-[var(--inkblot-semantic-color-text-primary)]",...n,children:[e,a==="asc"?(0,tt.jsx)(ar.ArrowUp,{className:"h-3.5 w-3.5","aria-hidden":!0}):a==="desc"?(0,tt.jsx)(ar.ArrowDown,{className:"h-3.5 w-3.5","aria-hidden":!0}):(0,tt.jsx)(ar.ArrowUpDown,{className:"h-3.5 w-3.5","aria-hidden":!0})]}):e})),Ua=(0,me.forwardRef)(({className:t,...e},r)=>(0,tt.jsx)("td",{ref:r,className:o("px-4 py-3 text-sm",t),...e})),ja=(0,me.forwardRef)(({className:t,...e},r)=>(0,tt.jsx)("caption",{ref:r,className:o("p-3 text-left text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",t),...e})),qa=(0,me.forwardRef)(({className:t,colSpan:e,title:r="No data available",description:a="Adjust filters or add records to populate this table.",...i},n)=>(0,tt.jsx)("tr",{children:(0,tt.jsx)("td",{ref:n,colSpan:e,className:o("px-4 py-10 text-center align-middle","text-[var(--inkblot-semantic-color-text-secondary)]",t),...i,children:(0,tt.jsxs)("div",{className:"mx-auto flex max-w-[420px] flex-col gap-[var(--inkblot-spacing-1)]",children:[(0,tt.jsx)("span",{className:"[font:var(--inkblot-semantic-typography-body-large-bold)] text-[var(--inkblot-semantic-color-text-primary)]",children:r}),(0,tt.jsx)("span",{className:"[font:var(--inkblot-semantic-typography-body-small)]",children:a})]})})}));Ga.displayName="Table";Wa.displayName="TableHeader";Ka.displayName="TableBody";$a.displayName="TableRow";_a.displayName="TableHead";Ua.displayName="TableCell";ja.displayName="TableCaption";qa.displayName="TableEmptyState";var Mo=require("react");var nr=require("react/jsx-runtime");function us({items:t,value:e,defaultValue:r,onValueChange:a,fullWidth:i=!1,className:n,...s}){let c=r??t.find(b=>!b.disabled)?.id??"",[l,d]=(0,Mo.useState)(c),p=e??l,u=(0,Mo.useMemo)(()=>t.find(b=>b.id===p)??t.find(b=>!b.disabled),[p,t]),v=b=>{e===void 0&&d(b),a?.(b)};return(0,nr.jsxs)("div",{className:o("w-full",n),...s,children:[(0,nr.jsx)("div",{role:"tablist",className:"inline-flex rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-tertiary)] p-1",children:t.map(b=>{let g=b.id===u?.id;return(0,nr.jsx)("button",{type:"button",role:"tab","aria-selected":g,disabled:b.disabled,onClick:()=>v(b.id),className:o("min-h-[var(--inkblot-size-touch-target-min)] rounded-[var(--inkblot-radius-md)] px-4 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",i&&"flex-1",g?"bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-primary)]":"text-[var(--inkblot-semantic-color-text-secondary)] hover:text-[var(--inkblot-semantic-color-text-primary)]"),children:b.label},b.id)})}),(0,nr.jsx)("div",{className:"mt-3 rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-4 text-[var(--inkblot-semantic-color-text-primary)]",children:u?.content})]})}var vs=require("react");var gs=require("react/jsx-runtime"),rc={none:"resize-none",vertical:"resize-y",horizontal:"resize-x",both:"resize"},Ya=(0,vs.forwardRef)(({className:t,error:e,disabled:r,resize:a="vertical",...i},n)=>(0,gs.jsx)("textarea",{ref:n,disabled:r,"aria-invalid":e,className:o("min-h-[120px] w-full rounded-[var(--inkblot-radius-md)] border bg-[var(--inkblot-semantic-color-background-secondary)] px-4 py-3 text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)] transition-[border-color,box-shadow] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",rc[a],e?"border-[var(--inkblot-semantic-color-status-error)] focus-visible:ring-[var(--inkblot-semantic-color-status-error)]":"border-[var(--inkblot-semantic-color-border-default)] hover:border-[var(--inkblot-semantic-color-border-strong)]",t),...i}));Ya.displayName="Textarea";var fs=require("react");var So=require("react/jsx-runtime"),oc={top:"bottom-full left-1/2 mb-2 -translate-x-1/2",right:"left-full top-1/2 ml-2 -translate-y-1/2",bottom:"left-1/2 top-full mt-2 -translate-x-1/2",left:"right-full top-1/2 mr-2 -translate-y-1/2"};function ks({content:t,side:e="top",open:r,defaultOpen:a=!1,onOpenChange:i,disabled:n=!1,className:s,children:c,...l}){let[d,p]=(0,fs.useState)(a),u=r??d,v=b=>{r===void 0&&p(b),i?.(b)};return(0,So.jsxs)("span",{className:o("relative inline-flex",s),onMouseEnter:()=>!n&&v(!0),onMouseLeave:()=>v(!1),onFocus:()=>!n&&v(!0),onBlur:()=>v(!1),...l,children:[c,u&&!n?(0,So.jsx)("span",{role:"tooltip",className:o("pointer-events-none absolute z-50 rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-3 py-2 text-xs text-[var(--inkblot-semantic-color-text-primary)] shadow-sm",oc[e]),children:t}):null]})}var ys=require("react"),xs=require("react-router-dom");var hs=require("react/jsx-runtime"),Eo=(0,ys.forwardRef)(({className:t,activeClassName:e,pendingClassName:r,...a},i)=>(0,hs.jsx)(xs.NavLink,{ref:i,className:({isActive:n,isPending:s})=>o(t,n&&e,s&&r),...a}));Eo.displayName="NavLinkRouter";var ac="var(--inkblot-semantic-color-background-primary)",nc="var(--inkblot-semantic-color-background-secondary)",ic="var(--inkblot-semantic-color-border-default)",sc="var(--inkblot-semantic-color-text-primary)",lc="var(--inkblot-semantic-color-text-secondary)",cc="var(--inkblot-semantic-color-interactive-primary)",dc="var(--inkblot-semantic-color-interactive-secondary)",mc="var(--inkblot-semantic-color-interactive-secondary-hover)";0&&(module.exports={AIComposeInput,AIEmailGenerator,Accordion,ActionButtons,ActivityStream,Alert,AlertDialog,AppLayout,AppNavigationRail,AppSidebar,AspectRatio,Avatar,Badge,Breadcrumb,Button,CITRON_THEME_STORAGE_KEY,Calendar,CampaignTable,CanvasProvider,Card,CardContent,CardDescription,CardFooter,CardHeader,CardTitle,Carousel,Chart,ChatFeed,Checkbox,CircularScore,Collapsible,Command,CommandBar,CommandCanvas,CommandInterface,ContextMenu,Dialog,DialogClose,DialogContent,DialogDescription,DialogFooter,DialogHeader,DialogTitle,DialogTrigger,Drawer,DrawerClose,DrawerContent,DrawerDescription,DrawerFooter,DrawerHeader,DrawerTitle,DrawerTrigger,DropdownMenu,DropdownMenuContent,DropdownMenuItem,DropdownMenuSeparator,DropdownMenuTrigger,EmailBlockEditor,EmailCampaignsView,EmailComposeActionButtons,EmailTemplatesSection,EntityCard,EntityCommandCard,ErrorBoundary,EventFeed,EventRow,EventStreamFeed,EventStreamSidebar,Form,FormActions,FormField,GraphView,GuidedTour,HoverCard,HoverCardContent,HoverCardTrigger,Input,InputOtp,IntelligenceCard,IntelligenceLab,IntelligenceScoreCard,Label,MainShell,Menubar,MenubarCloseZone,MenubarContent,MenubarItem,MenubarMenu,MenubarSeparator,MenubarTrigger,MetricComparisonList,ModuleContainer,ModuleErrorBoundary,ModuleSkeleton,NavLink,NavLinkRouter,NavigationMenu,OSNavigationRail,OnboardingWizard,PageErrorFallback,PageHeader,PageHeaderActionButton,Pagination,Popover,PopoverClose,PopoverContent,PopoverTrigger,Progress,RadioGroup,RadioGroupItem,Resizable,RightPanel,RouteWithErrorBoundary,ScrollArea,SearchBar,Select,Separator,Sheet,Sidebar,Skeleton,Slider,Sonner,StatCardGrid,StatCards,StatCardsWithChart,StatusBadge,Switch,TabSystem,Table,TableBody,TableCaption,TableCell,TableEmptyState,TableHead,TableHeader,TableRow,Tabs,TaskCreateForm,TaskItem,TaskKanbanBoard,TaskKanbanCard,TaskKanbanColumn,TaskList,TasksView,TemplateCard,Textarea,ThemeProvider,ThemeSwitcherButton,Toast,Toaster,Toggle,ToggleGroup,Tooltip,semanticBackgroundPrimary,semanticBackgroundSecondary,semanticBorderDefault,semanticInteractivePrimary,semanticInteractiveSecondary,semanticInteractiveSecondaryHover,semanticTextPrimary,semanticTextSecondary,useCanvas,useTheme});
|
|
20
|
+
[Your name]`,Qn=[{id:"1",campaignName:"Q1 Product Launch",recipients:"2840 recipients",status:"sent",opens:"68%",clicks:"24%",date:"Feb 12, 2026"},{id:"2",campaignName:"Welcome Series",recipients:"1200 recipients",status:"active",statusSubtext:"Running",opens:"-",clicks:"-",date:"Feb 28, 2026"},{id:"3",campaignName:"Re-engagement Campaign",recipients:"890 recipients",status:"draft",opens:"-",clicks:"-",date:"Feb 5, 2026"},{id:"4",campaignName:"Holiday Promo",recipients:"4500 recipients",status:"scheduled",opens:"-",clicks:"-",date:"Mar 1, 2026"}],Jn=[{id:"1",category:"Onboarding",title:"Welcome Series",uses:"34 uses"},{id:"2",category:"Marketing",title:"Product Announcement",uses:"12 uses"},{id:"3",category:"Retention",title:"Renewal Reminder",uses:"28 uses"},{id:"4",category:"Sales",title:"Meeting Follow-up",uses:"56 uses"}],ti=["Acme Corp - Sarah Chen","TechStart Inc - Mike Rodriguez","GlobalTech - Lisa Kim","Enterprise Co - John Smith","StartupXYZ - Emma Wilson"],jl=[{key:"campaign",label:"Campaign"},{key:"status",label:"Status"},{key:"opens",label:"Opens"},{key:"clicks",label:"Clicks"},{key:"date",label:"Date"}],Ul=[{label:"Total Sent",value:"12.4K",change:"This month",changeVariant:"success"},{label:"Avg. Open Rate",value:"64%",change:"+8% vs prior",changeVariant:"success"},{label:"Avg. Click Rate",value:"22%",change:"+3% vs prior",changeVariant:"success"},{label:"Active Automations",value:"7",change:"3 paused",changeVariant:"error"}];function ka({onSendNow:t,onSchedule:e,onSaveDraft:r,onNewCampaign:a,onGenerateWithAI:n,onTemplateClick:i,className:s}){let[c,l]=(0,Zt.useState)("campaigns"),[d,p]=(0,Zt.useState)(""),[u,v]=(0,Zt.useState)(""),[m,g]=(0,Zt.useState)(""),[h,P]=(0,Zt.useState)(!1),[N,I]=(0,Zt.useState)(""),C=(0,Zt.useMemo)(()=>{if(!d.trim())return Qn;let k=d.toLowerCase();return Qn.filter(F=>F.campaignName.toLowerCase().includes(k)||F.recipients.toLowerCase().includes(k))},[d]),w=(0,Zt.useMemo)(()=>{if(!d.trim())return Jn;let k=d.toLowerCase();return Jn.filter(F=>F.title.toLowerCase().includes(k)||F.category.toLowerCase().includes(k))},[d]),f=(0,Zt.useMemo)(()=>{if(!N.trim())return ti;let k=N.toLowerCase();return ti.filter(F=>F.toLowerCase().includes(k))},[N]),b=async()=>{P(!0),await new Promise(k=>setTimeout(k,1500)),g($l),P(!1)},y=()=>{t?.()},T=()=>{e?.()},S=()=>{r?.()},B=c==="campaigns"||c==="templates";return(0,_.jsx)("div",{className:o("flex min-h-screen flex-col bg-[var(--inkblot-semantic-color-background-primary)]",s),children:(0,_.jsxs)("div",{className:"flex flex-1 flex-col gap-[var(--inkblot-spacing-8)] px-[var(--inkblot-spacing-8)] py-[var(--inkblot-spacing-8)]",children:[(0,_.jsx)(Xe,{title:"Email Campaigns",subtitle:"Automate outreach \xB7 AI-powered templates",icon:(0,_.jsx)(ei.Mail,{className:"h-5 w-5"}),action:(0,_.jsx)(Ze,{label:"New Campaign",onClick:()=>a?.()})}),(0,_.jsx)(Fr,{tabs:[{id:"campaigns",label:"Campaigns"},{id:"templates",label:"Templates"},{id:"compose",label:"Compose"}],activeTabId:c,onTabChange:l}),B?(0,_.jsx)(ue,{placeholder:c==="campaigns"?"Search campaigns...":"Search templates...",value:d,onChange:k=>p(k.target.value)}):null,c==="campaigns"?(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(zr,{items:Ul}),(0,_.jsx)(Sr,{columns:jl,rows:C})]}):c==="templates"?(0,_.jsx)(Ir,{templates:w,onGenerateWithAI:n,onTemplateClick:i}):(0,_.jsxs)("div",{className:"flex max-w-2xl flex-col gap-[var(--inkblot-spacing-6)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-6)] shadow-[var(--inkblot-shadow-sm)]",children:[(0,_.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-6)]",children:[(0,_.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-2)]",children:[(0,_.jsx)("label",{className:"uppercase tracking-wider text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-body-small)]",children:"Subject"}),(0,_.jsx)(Me,{type:"text",value:u,onChange:k=>v(k.target.value),placeholder:"Enter subject line..."})]}),(0,_.jsx)(sr,{label:"Body",value:m,onChange:k=>g(k.target.value),placeholder:"Compose your email or let AI generate content...",loading:h,onWriteWithAI:b}),(0,_.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-2)]",children:[(0,_.jsx)(ue,{label:"Recipients",placeholder:"Search contacts, segments, or tags...",value:N,onChange:k=>I(k.target.value)}),f.length>0?(0,_.jsx)("ul",{className:"flex flex-wrap gap-[var(--inkblot-spacing-2)]",children:f.slice(0,5).map(k=>(0,_.jsx)("li",{className:o("rounded-[var(--inkblot-radius-md)]","bg-[var(--inkblot-semantic-color-background-secondary)]","px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)]","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-secondary)]"),children:k},k))}):null]})]}),(0,_.jsx)(Pr,{onSendNow:y,onSchedule:T,onSaveDraft:S})]})]})})}var bt=require("react"),ai=require("react/jsx-runtime"),Zr="citron-ui-theme",oi=(0,bt.createContext)(null);function ql(){if(typeof window>"u")return null;try{let t=window.localStorage.getItem(Zr);if(t==="light"||t==="dark")return t}catch{}return null}function Yl(){return typeof window>"u"?"light":window.matchMedia?.("(prefers-color-scheme: dark)").matches?"dark":"light"}function ri(t){typeof document>"u"||document.documentElement.setAttribute("data-theme",t)}function ya({children:t}){let[e,r]=(0,bt.useState)("light"),[a,n]=(0,bt.useState)(!1);(0,bt.useLayoutEffect)(()=>{if(typeof window>"u")return;let d=ql()??Yl();r(d),ri(d),n(!0)},[]),(0,bt.useEffect)(()=>{if(a&&(ri(e),!(typeof window>"u")))try{window.localStorage.setItem(Zr,e)}catch{}},[e,a]);let i=(0,bt.useCallback)(l=>{r(l)},[]),s=(0,bt.useCallback)(()=>{r(l=>l==="light"?"dark":"light")},[]),c=(0,bt.useMemo)(()=>({theme:e,setTheme:i,toggleTheme:s}),[e,i,s]);return(0,ai.jsx)(oi.Provider,{value:c,children:t})}function Qr(){let t=(0,bt.useContext)(oi);if(!t)throw new Error("useTheme must be used within a ThemeProvider");return t}var Po=require("lucide-react");var xa=require("react/jsx-runtime");function Jr({className:t,type:e="button",...r}){let{theme:a,toggleTheme:n}=Qr(),i=a==="dark",s=i?Po.Sun:Po.Moon;return(0,xa.jsx)("button",{type:e,onClick:n,"aria-label":i?"Switch to light mode":"Switch to dark mode","aria-pressed":i,className:o("group relative inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-md)] border border-transparent","text-[var(--inkblot-semantic-color-text-tertiary)] transition-colors duration-[var(--inkblot-duration-fast)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:text-[var(--inkblot-semantic-color-text-primary)]","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--inkblot-semantic-color-background-primary)]",t),...r,children:(0,xa.jsx)(s,{className:"h-[18px] w-[18px] shrink-0",strokeWidth:2,"aria-hidden":!0})})}var Mo=require("react"),ni=require("lucide-react");var He=require("react/jsx-runtime");function ii({items:t,defaultValue:e,allowMultiple:r=!1,className:a}){let n=(0,Mo.useMemo)(()=>new Set(e??[]),[e]),[i,s]=(0,Mo.useState)(n),c=l=>{s(d=>{let p=new Set(d);return p.has(l)?(p.delete(l),p):r?(p.add(l),p):new Set([l])})};return(0,He.jsx)("div",{className:o("w-full overflow-hidden rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)]",a),children:t.map((l,d)=>{let p=i.has(l.id);return(0,He.jsxs)("div",{className:o(d!==0&&"border-t border-[var(--inkblot-semantic-color-border-default)]"),children:[(0,He.jsxs)("button",{type:"button",disabled:l.disabled,"aria-expanded":p,onClick:()=>c(l.id),className:o("flex min-h-[var(--inkblot-size-touch-target-min)] w-full items-center justify-between gap-[var(--inkblot-spacing-3)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)] text-left text-[var(--inkblot-semantic-color-text-primary)] transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",l.disabled?"cursor-not-allowed opacity-[var(--inkblot-opacity-disabled)]":"hover:bg-[var(--inkblot-semantic-color-background-tertiary)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-[-2px]"),children:[(0,He.jsx)("span",{className:"font-medium",children:l.title}),(0,He.jsx)(ni.ChevronDown,{className:o("h-4 w-4 shrink-0 text-[var(--inkblot-semantic-color-text-tertiary)] transition-transform duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",p&&"rotate-180")})]}),p&&(0,He.jsx)("div",{className:"px-[var(--inkblot-spacing-4)] pb-[var(--inkblot-spacing-4)] text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:l.content})]},l.id)})})}var Be=require("lucide-react");var tr=require("react/jsx-runtime"),Xl={info:"border-[var(--inkblot-semantic-color-status-info)] bg-[var(--inkblot-semantic-color-status-info)]/10 text-[var(--inkblot-semantic-color-text-primary)]",success:"border-[var(--inkblot-semantic-color-status-success)] bg-[var(--inkblot-semantic-color-status-success)]/10 text-[var(--inkblot-semantic-color-text-primary)]",warning:"border-[var(--inkblot-semantic-color-status-warning)] bg-[var(--inkblot-semantic-color-status-warning)]/10 text-[var(--inkblot-semantic-color-text-primary)]",error:"border-[var(--inkblot-semantic-color-status-error)] bg-[var(--inkblot-semantic-color-status-error)]/10 text-[var(--inkblot-semantic-color-text-primary)]"},Zl={info:Be.Info,success:Be.CheckCircle2,warning:Be.AlertTriangle,error:Be.AlertCircle};function si({title:t,description:e,variant:r="info",className:a}){let n=Zl[r];return(0,tr.jsxs)("div",{role:"alert",className:o("flex w-full items-start gap-[var(--inkblot-spacing-3)] rounded-[var(--inkblot-radius-lg)] border px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]",Xl[r],a),children:[(0,tr.jsx)(n,{className:"mt-0.5 h-4 w-4 shrink-0"}),(0,tr.jsxs)("div",{className:"flex min-w-0 flex-col gap-[var(--inkblot-spacing-1)]",children:[(0,tr.jsx)("div",{className:"font-semibold",children:t}),e&&(0,tr.jsx)("div",{className:"text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:e})]})]})}var _t=require("react"),li=require("lucide-react");var At=require("react/jsx-runtime");function ci({open:t,title:e,description:r,confirmLabel:a="Confirm",cancelLabel:n="Cancel",destructive:i=!1,confirmDisabled:s=!1,closeOnConfirm:c=!0,initialFocusRef:l,onOpenChange:d,onConfirm:p,onCancel:u,className:v}){let m=(0,_t.useRef)(null),g=(0,_t.useRef)(null),h=(0,_t.useRef)(null),P=(0,_t.useId)(),N=(0,_t.useId)(),I=(0,_t.useCallback)(()=>{u?.(),d?.(!1)},[u,d]),C=(0,_t.useCallback)(()=>{p?.(),c&&d?.(!1)},[c,p,d]);return(0,_t.useEffect)(()=>{if(!t)return;h.current=document.activeElement instanceof HTMLElement?document.activeElement:null,(l?.current??g.current??m.current)?.focus();let f=b=>{b.key==="Escape"&&I()};return window.addEventListener("keydown",f),()=>{window.removeEventListener("keydown",f),h.current?.focus()}},[I,l,t]),t?(0,At.jsx)("div",{className:"fixed inset-0 z-50 grid place-items-center bg-[var(--inkblot-semantic-color-background-primary)]/70 px-[var(--inkblot-spacing-4)]",onClick:I,children:(0,At.jsxs)("div",{role:"alertdialog","aria-modal":"true","aria-labelledby":P,"aria-describedby":r?N:void 0,tabIndex:-1,ref:m,onClick:w=>w.stopPropagation(),className:o("w-full max-w-[520px] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-6)] text-[var(--inkblot-semantic-color-text-primary)] shadow-lg",v),children:[(0,At.jsxs)("div",{className:"mb-[var(--inkblot-spacing-4)] flex items-start gap-[var(--inkblot-spacing-3)]",children:[(0,At.jsx)("div",{className:o("mt-0.5 rounded-[var(--inkblot-radius-full)] p-[var(--inkblot-spacing-2)]",i?"bg-[var(--inkblot-semantic-color-status-error)]/15 text-[var(--inkblot-semantic-color-status-error)]":"bg-[var(--inkblot-semantic-color-status-warning)]/15 text-[var(--inkblot-semantic-color-status-warning)]"),children:(0,At.jsx)(li.AlertTriangle,{className:"h-5 w-5"})}),(0,At.jsxs)("div",{className:"flex-1",children:[(0,At.jsx)("h2",{id:P,className:"text-lg font-semibold",children:e}),r&&(0,At.jsx)("p",{id:N,className:"mt-[var(--inkblot-spacing-2)] text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:r})]})]}),(0,At.jsxs)("div",{className:"flex flex-wrap justify-end gap-[var(--inkblot-spacing-2)]",children:[(0,At.jsx)("button",{type:"button",ref:g,onClick:I,className:"inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-interactive-secondary)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)] font-medium text-[var(--inkblot-semantic-color-text-primary)] transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]",children:n}),(0,At.jsx)("button",{type:"button",disabled:s,onClick:C,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)] font-medium text-[var(--inkblot-semantic-color-text-inverse)] transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",i?"bg-[var(--inkblot-semantic-color-status-error)] hover:bg-[var(--inkblot-semantic-color-status-error)]/85 active:bg-[var(--inkblot-semantic-color-status-error)]/80":"bg-[var(--inkblot-semantic-color-interactive-primary)] hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]"),children:a})]})]})}):null}var Oe=require("react"),er=require("lucide-react");var et=require("react/jsx-runtime"),Ql=["Write a product launch announcement for a SaaS tool","Create a re-engagement email for churned users","Draft a welcome email for new customers","Write a quarterly business review summary","Create a seasonal promotion email with urgency"];function Jl({value:t,defaultValue:e="",onValueChange:r,isGenerating:a,onGeneratingChange:n,generated:i,onGeneratedChange:s,generationDelayMs:c=1500,onSubmitPrompt:l,generateBlocks:d,onGenerate:p,suggestions:u=Ql,className:v}){let[m,g]=(0,Oe.useState)(e),[h,P]=(0,Oe.useState)(!1),[N,I]=(0,Oe.useState)(!1),C=(0,Oe.useRef)(null),w=t!==void 0,f=w?t:m,b=a!==void 0,y=b?a:h,T=i!==void 0,S=T?i:N,B=G=>{w||g(G),r?.(G)},k=G=>{b||P(G),n?.(G)},F=G=>{T||I(G),s?.(G)};(0,Oe.useEffect)(()=>()=>{C.current!==null&&window.clearTimeout(C.current)},[]);let M=G=>{let ot=Date.now();return[{id:`ai-${ot}-1`,type:"heading",content:"Exciting News from Our Team"},{id:`ai-${ot}-2`,type:"text",content:`Generated from prompt: ${G}`},{id:`ai-${ot}-3`,type:"image",content:""},{id:`ai-${ot}-4`,type:"text",content:"Our latest updates are designed to help you achieve more with less effort. We've built these improvements with your feedback in mind."},{id:`ai-${ot}-5`,type:"button",content:"Learn More"},{id:`ai-${ot}-6`,type:"divider",content:""},{id:`ai-${ot}-7`,type:"text",content:`Best regards,
|
|
21
|
+
The Team`}]},$=async()=>{let G=f.trim();if(!G||y)return;l?.(G),k(!0);let ot;d?ot=await Promise.resolve(d(G)):(await new Promise(It=>{window.setTimeout(()=>It(),c)}),ot=M(G)),p?.(ot),k(!1),F(!0),C.current=window.setTimeout(()=>F(!1),1800)};return(0,et.jsxs)("section",{className:o(v),children:[(0,et.jsxs)("div",{className:"mb-2 flex items-center gap-2",children:[(0,et.jsx)(er.Sparkles,{className:"h-4 w-4 text-[var(--inkblot-semantic-color-status-warning)]"}),(0,et.jsx)("span",{className:"text-xs font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:"AI Email Generator"})]}),(0,et.jsxs)("div",{className:"space-y-3",children:[(0,et.jsx)("textarea",{value:f,onChange:G=>B(G.target.value),rows:3,placeholder:"Describe the email you want to create...",className:"w-full resize-none rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-4 py-3 text-sm text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)] outline-none"}),(0,et.jsx)("div",{className:"flex flex-wrap gap-1.5",children:u.map(G=>(0,et.jsx)("button",{type:"button",onClick:()=>B(G),className:"rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-secondary)] px-2.5 py-1 text-[10px] text-[var(--inkblot-semantic-color-text-primary)] transition-opacity duration-[var(--inkblot-duration-fast)] hover:opacity-85",children:G},G))}),(0,et.jsx)("button",{type:"button",onClick:$,disabled:!f.trim()||y,className:"flex items-center gap-2 rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-status-warning)]/10 px-4 py-2 text-xs font-medium text-[var(--inkblot-semantic-color-status-warning)] transition-opacity duration-[var(--inkblot-duration-fast)] disabled:opacity-40",children:y?(0,et.jsxs)(et.Fragment,{children:[(0,et.jsx)(er.Loader2,{className:"h-3 w-3 animate-spin"}),"Generating..."]}):S?(0,et.jsxs)(et.Fragment,{children:[(0,et.jsx)(er.Check,{className:"h-3 w-3"}),"Applied to editor"]}):(0,et.jsxs)(et.Fragment,{children:[(0,et.jsx)(er.Sparkles,{className:"h-3 w-3"}),"Generate Email"]})})]})]})}var Mt=require("lucide-react");var ur=require("react/jsx-runtime");function So({label:t,icon:e,active:r=!1,onClick:a,title:n,dataTour:i,className:s}){return(0,ur.jsxs)("button",{type:"button",onClick:a,"data-tour":i,className:o("group relative flex h-10 w-10 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-md)] border border-transparent transition-colors duration-[var(--inkblot-duration-fast)]",r?"bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)]":"text-[var(--inkblot-semantic-color-text-tertiary)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:text-[var(--inkblot-semantic-color-text-primary)]",s),title:n??t,"aria-current":r?"page":void 0,"aria-label":t,children:[(0,ur.jsx)(e,{className:"h-[18px] w-[18px]","aria-hidden":!0}),r?(0,ur.jsx)("span",{className:"absolute left-0 top-1/2 h-4 w-[2px] -translate-y-1/2 rounded-r bg-[var(--inkblot-semantic-color-interactive-primary)]"}):null,(0,ur.jsx)("span",{className:"pointer-events-none absolute left-full z-50 ml-3 whitespace-nowrap rounded-[var(--inkblot-radius-sm)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-2 py-1 text-xs font-medium text-[var(--inkblot-semantic-color-text-primary)] opacity-0 transition-opacity duration-[var(--inkblot-duration-fast)] group-hover:opacity-100",children:t})]})}var Rt=require("react/jsx-runtime"),tc=[{id:"canvas",icon:Mt.MessageSquare,label:"Canvas",path:"/",dataTour:"nav-canvas"},{id:"invoices",icon:Mt.FileText,label:"Invoices & Deals",path:"/invoices",dataTour:"nav-invoices"},{id:"contacts",icon:Mt.Users,label:"Contacts",path:"/contacts",dataTour:"nav-contacts"},{id:"campaigns",icon:Mt.Mail,label:"Campaigns",path:"/campaigns",dataTour:"nav-campaigns"},{id:"tasks",icon:Mt.CheckSquare,label:"Tasks",path:"/tasks",dataTour:"nav-tasks"}],ec=[{id:"settings",icon:Mt.Settings,label:"Settings",path:"/settings",dataTour:"nav-settings"}];function ha({items:t=tc,bottomItems:e=ec,activePath:r="/",onNavigate:a,logo:n,showStatusDot:i=!0,showThemeToggle:s=!0,className:c}){return(0,Rt.jsxs)("aside",{"data-tour":"sidebar",className:o("flex h-full w-16 flex-col items-center gap-1 border-r border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] py-4",c),children:[(0,Rt.jsx)("div",{className:"mb-6 flex h-9 w-9 items-center justify-center rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-interactive-primary)]",children:n??(0,Rt.jsx)(Mt.Command,{className:"h-4 w-4 text-[var(--inkblot-semantic-color-text-inverse)]","aria-hidden":!0})}),(0,Rt.jsx)("nav",{className:"hide-scrollbar flex flex-1 flex-col gap-1 overflow-y-auto",children:t.map(l=>(0,Rt.jsx)(So,{label:l.label,icon:l.icon,active:l.path===r,onClick:()=>a?.(l.path),dataTour:l.dataTour},l.id))}),(0,Rt.jsxs)("div",{className:"flex flex-col gap-1",children:[e.map(l=>(0,Rt.jsx)(So,{label:l.label,icon:l.icon,active:l.path===r,onClick:()=>a?.(l.path),dataTour:l.dataTour},l.id)),s?(0,Rt.jsxs)("div",{className:"group relative flex justify-center",children:[(0,Rt.jsx)(Jr,{}),(0,Rt.jsx)("span",{className:"pointer-events-none absolute left-full z-50 ml-3 whitespace-nowrap rounded-[var(--inkblot-radius-sm)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-2 py-1 text-xs font-medium text-[var(--inkblot-semantic-color-text-primary)] opacity-0 transition-opacity duration-[var(--inkblot-duration-fast)] group-hover:opacity-100",children:"Theme"})]}):null,i?(0,Rt.jsx)("span",{"data-tour":"system-status",className:"mx-auto mt-2 h-2 w-2 animate-pulse rounded-full bg-[var(--inkblot-semantic-color-status-success)]",title:"System Online"}):null]})]})}var Dt=require("lucide-react");var dt=require("react/jsx-runtime"),rc=[{id:1,icon:Dt.Mail,title:"Email opened",meta:"Jane Smith \xB7 Acme Corp",time:"2m ago",status:"info"},{id:2,icon:Dt.CreditCard,title:"Invoice #1042 paid",meta:"$24,500 \xB7 TechVentures",time:"8m ago",status:"success"},{id:3,icon:Dt.Zap,title:"Pipeline stage changed",meta:"Negotiation \u2192 Closing",time:"14m ago",status:"warning"},{id:4,icon:Dt.Phone,title:"Call completed",meta:"12 min \xB7 Mark Johnson",time:"23m ago",status:"info"},{id:5,icon:Dt.FileText,title:"Contract signed",meta:"NDA \xB7 GlobalTech Inc",time:"1h ago",status:"success"},{id:6,icon:Dt.GitBranch,title:"New relationship detected",meta:"Acme \u2194 DataFlow Labs",time:"2h ago",status:"info"},{id:7,icon:Dt.CreditCard,title:"Invoice overdue",meta:"$8,200 \xB7 StartupXYZ",time:"3h ago",status:"danger"}],oc={success:"bg-[var(--inkblot-semantic-color-status-success)]",warning:"bg-[var(--inkblot-semantic-color-status-warning)]",error:"bg-[var(--inkblot-semantic-color-status-error)]",danger:"bg-[var(--inkblot-semantic-color-status-error)]",info:"bg-[var(--inkblot-semantic-color-status-info)]"};function Eo({title:t="Event Stream",liveLabel:e="Live",events:r=rc,onItemClick:a,className:n}){return(0,dt.jsxs)("section",{className:o("p-4",n),children:[(0,dt.jsxs)("header",{className:"mb-4 flex items-center justify-between",children:[(0,dt.jsx)("h3",{className:"text-xs font-medium uppercase tracking-wide text-[var(--inkblot-semantic-color-text-tertiary)]",children:t}),(0,dt.jsx)("span",{className:"text-[10px] font-medium text-[var(--inkblot-semantic-color-text-tertiary)]",children:e})]}),(0,dt.jsx)("ul",{className:"space-y-1",children:r.map(i=>{let s=i.icon;return(0,dt.jsx)("li",{children:(0,dt.jsxs)("button",{type:"button",onClick:()=>a?.(i),className:"group flex w-full items-start gap-3 rounded-[var(--inkblot-radius-md)] px-2.5 py-2.5 text-left transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]",children:[(0,dt.jsx)("span",{className:"mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-background-tertiary)]",children:(0,dt.jsx)(s,{className:"h-3.5 w-3.5 text-[var(--inkblot-semantic-color-text-tertiary)] group-hover:text-[var(--inkblot-semantic-color-text-secondary)]","aria-hidden":!0})}),(0,dt.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,dt.jsxs)("span",{className:"flex items-center gap-2",children:[(0,dt.jsx)("span",{className:o("h-1.5 w-1.5 shrink-0 rounded-full",oc[i.status])}),(0,dt.jsx)("span",{className:"truncate text-xs font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:i.title})]}),(0,dt.jsx)("span",{className:"mt-0.5 block truncate text-[10px] text-[var(--inkblot-semantic-color-text-tertiary)]",children:i.meta})]}),(0,dt.jsx)("span",{className:"mt-0.5 shrink-0 text-[10px] text-[var(--inkblot-semantic-color-text-tertiary)]",children:i.time})]})},i.id)})})]})}var ge=require("react"),to=require("framer-motion"),U=require("lucide-react");var E=require("react/jsx-runtime"),ac=[{id:"general",label:"General",icon:U.MessageSquare,description:"Full CRM assistant"},{id:"invoices",label:"Invoices",icon:U.FileText,description:"Create & manage invoices"},{id:"campaigns",label:"Campaigns",icon:U.Mail,description:"Email campaigns & templates"},{id:"contacts",label:"Contacts",icon:U.Users,description:"Contact management"},{id:"tasks",label:"Tasks",icon:U.CheckSquare,description:"Task automation"}],nc={general:{text:"Here's an overview of your CRM data with entity profile and intelligence insights.",cards:["entity","intelligence"]},invoices:{text:"I've pulled up your latest invoice data and deal health metrics.",cards:["entity","intelligence"]},campaigns:{text:"Analyzing your campaign performance. Here are the key insights.",cards:["intelligence"]},contacts:{text:"Here's the contact profile and relationship intelligence.",cards:["entity"]},tasks:{text:"I've reviewed your task queue. Here's what needs attention.",cards:["intelligence"]}},ic=[{id:"1",role:"assistant",content:"Welcome to Citron OS. I'm your AI assistant \u2014 ask me anything about your revenue operations."}];function eo({defaultTab:t="chat",tab:e,onTabChange:r,agents:a=ac,defaultAgent:n,agent:i,onAgentChange:s,messages:c,defaultMessages:l=ic,onMessagesChange:d,onSend:p,onAddCanvasBlocks:u,agentResponses:v=nc,autoRespond:m=!0,autoRespondDelayMs:g=800,renderEventsTab:h,className:P}){let[N,I]=(0,ge.useState)(t),[C,w]=(0,ge.useState)(n??a[0]),[f,b]=(0,ge.useState)(!1),[y,T]=(0,ge.useState)(l),[S,B]=(0,ge.useState)(""),[k,F]=(0,ge.useState)([]),M=(0,ge.useRef)(null),$=e!==void 0,G=$?e:N,ot=i!==void 0,It=ot?i:C,lo=c!==void 0,co=lo?c:y,mo=x=>{$||I(x),r?.(x)},po=x=>{ot||w(x),s?.(x)},Cr=x=>{lo||T(x),d?.(x)},Tr=()=>{if(!S.trim()&&k.length===0)return;let x=k.map(Ft=>Ft.name),at={id:Date.now().toString(),role:"user",content:S||`Attached ${x.length} file(s)`,files:x.length>0?x:void 0},Te=[...co,at];if(Cr(Te),p?.(S,k),B(""),F([]),u){let Ft=`loading-${Date.now()}`;u([{id:Ft,type:"loading"}])}m&&setTimeout(()=>{let Ft=v[It.id]??v.general??{text:"Processing your request...",cards:[]};Cr([...Te,{id:(Date.now()+1).toString(),role:"assistant",content:Ft.text}]),u&&u([{id:`text-${Date.now()}`,type:"text",content:`[${It.label}] ${Ft.text}`},...Ft.cards.map((Jo,el)=>({id:`card-${Date.now()}-${el}`,type:Jo}))])},g)},bo=x=>{x.target.files&&F(at=>[...at,...Array.from(x.target.files)]),M.current&&(M.current.value="")},uo=x=>{F(at=>at.filter((Te,Ft)=>Ft!==x))},Qo=It.icon;return(0,E.jsxs)("div",{className:o("flex h-full flex-col bg-[var(--inkblot-semantic-color-background-secondary)]",P),children:[(0,E.jsxs)("div",{className:"flex border-b border-[var(--inkblot-semantic-color-border-default)]",children:[(0,E.jsxs)("button",{type:"button",onClick:()=>mo("chat"),className:o("flex flex-1 items-center justify-center gap-1.5 px-3 py-2.5 text-xs font-medium transition-colors duration-[var(--inkblot-duration-fast)]",G==="chat"?"border-b-2 border-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-primary)]":"text-[var(--inkblot-semantic-color-text-tertiary)] hover:text-[var(--inkblot-semantic-color-text-primary)]"),children:[(0,E.jsx)(U.Sparkles,{className:"h-3 w-3","aria-hidden":!0}),"AI Chat"]}),(0,E.jsxs)("button",{type:"button",onClick:()=>mo("events"),className:o("flex flex-1 items-center justify-center gap-1.5 px-3 py-2.5 text-xs font-medium transition-colors duration-[var(--inkblot-duration-fast)]",G==="events"?"border-b-2 border-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-primary)]":"text-[var(--inkblot-semantic-color-text-tertiary)] hover:text-[var(--inkblot-semantic-color-text-primary)]"),children:[(0,E.jsx)(U.Activity,{className:"h-3 w-3","aria-hidden":!0}),"Events"]})]}),G==="events"?(0,E.jsx)("div",{className:"hide-scrollbar flex-1 overflow-y-auto",children:h?.()}):(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)("div",{className:"relative border-b border-[var(--inkblot-semantic-color-border-default)] px-3 py-2",children:[(0,E.jsxs)("button",{type:"button",onClick:()=>b(!f),className:"flex w-full items-center gap-2 rounded-[var(--inkblot-radius-md)] px-2.5 py-1.5 transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]",children:[(0,E.jsx)(Qo,{className:"h-3.5 w-3.5 text-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0}),(0,E.jsxs)("span",{className:"text-xs font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:[It.label," Agent"]}),(0,E.jsx)(U.ChevronDown,{className:o("ml-auto h-3 w-3 text-[var(--inkblot-semantic-color-text-tertiary)] transition-transform duration-[var(--inkblot-duration-fast)]",f&&"rotate-180"),"aria-hidden":!0})]}),(0,E.jsx)(to.AnimatePresence,{children:f&&(0,E.jsx)(to.motion.div,{initial:{opacity:0,y:-4},animate:{opacity:1,y:0},exit:{opacity:0,y:-4},transition:{duration:.15},className:"glass absolute left-3 right-3 top-full z-50 mt-1 rounded-[var(--inkblot-radius-md)] py-1 shadow-[var(--inkblot-shadow-lg)]",children:a.map(x=>{let at=x.icon;return(0,E.jsxs)("button",{type:"button",onClick:()=>{po(x),b(!1)},className:o("flex w-full items-center gap-2.5 px-3 py-2 text-left transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]",It.id===x.id&&"bg-[var(--inkblot-semantic-color-interactive-secondary)]"),children:[(0,E.jsx)(at,{className:"h-3.5 w-3.5 text-[var(--inkblot-semantic-color-text-tertiary)]","aria-hidden":!0}),(0,E.jsxs)("div",{children:[(0,E.jsx)("p",{className:"text-xs font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:x.label}),(0,E.jsx)("p",{className:"text-[10px] text-[var(--inkblot-semantic-color-text-tertiary)]",children:x.description})]})]},x.id)})})})]}),(0,E.jsx)("div",{className:"hide-scrollbar flex-1 space-y-3 overflow-y-auto px-3 py-3",children:co.map(x=>(0,E.jsx)(to.motion.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.2},className:x.role==="user"?"flex justify-end":"",children:x.role==="user"?(0,E.jsxs)("div",{className:"max-w-[85%]",children:[x.files&&x.files.length>0&&(0,E.jsx)("div",{className:"mb-1 flex flex-wrap justify-end gap-1",children:x.files.map((at,Te)=>(0,E.jsxs)("span",{className:"flex items-center gap-1 rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-secondary)] px-1.5 py-0.5 text-[10px] text-[var(--inkblot-semantic-color-text-tertiary)]",children:[(0,E.jsx)(U.Paperclip,{className:"h-2 w-2","aria-hidden":!0}),at]},Te))}),(0,E.jsx)("div",{className:"rounded-2xl rounded-br-sm bg-[var(--inkblot-semantic-color-interactive-secondary)] px-3 py-2 text-xs leading-relaxed text-[var(--inkblot-semantic-color-text-primary)]",children:x.content})]}):(0,E.jsxs)("div",{className:"flex items-start gap-2",children:[(0,E.jsx)("div",{className:"mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-primary)]/15",children:(0,E.jsx)(U.Sparkles,{className:"h-2.5 w-2.5 text-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0})}),(0,E.jsx)("p",{className:"text-xs leading-relaxed text-[var(--inkblot-semantic-color-text-secondary)]",children:x.content})]})},x.id))}),k.length>0&&(0,E.jsx)("div",{className:"flex flex-wrap gap-1.5 border-t border-[var(--inkblot-semantic-color-border-default)]/50 px-3 py-2",children:k.map((x,at)=>(0,E.jsxs)("span",{className:"flex items-center gap-1.5 rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-secondary)] px-2 py-1 text-[10px] text-[var(--inkblot-semantic-color-text-primary)]",children:[(0,E.jsx)(U.Paperclip,{className:"h-2.5 w-2.5 text-[var(--inkblot-semantic-color-text-tertiary)]","aria-hidden":!0}),x.name,(0,E.jsx)("button",{type:"button",onClick:()=>uo(at),className:"text-[var(--inkblot-semantic-color-text-tertiary)] transition-colors duration-[var(--inkblot-duration-fast)] hover:text-[var(--inkblot-semantic-color-status-error)]","aria-label":`Remove ${x.name}`,children:(0,E.jsx)(U.X,{className:"h-2.5 w-2.5"})})]},at))}),(0,E.jsx)("div",{className:"border-t border-[var(--inkblot-semantic-color-border-default)] px-3 py-2.5",children:(0,E.jsxs)("div",{className:"glass flex items-center gap-2 rounded-[var(--inkblot-radius-md)] px-3 py-2",children:[(0,E.jsx)("input",{type:"file",ref:M,onChange:bo,multiple:!0,className:"hidden"}),(0,E.jsx)("button",{type:"button",onClick:()=>M.current?.click(),className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-sm)] text-[var(--inkblot-semantic-color-text-tertiary)] transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:text-[var(--inkblot-semantic-color-text-primary)]",title:"Attach files","aria-label":"Attach files",children:(0,E.jsx)(U.Paperclip,{className:"h-3 w-3"})}),(0,E.jsx)("input",{type:"text",value:S,onChange:x=>B(x.target.value),onKeyDown:x=>{x.key==="Enter"&&Tr()},placeholder:`Ask ${It.label} agent...`,className:"flex-1 bg-transparent text-xs text-[var(--inkblot-semantic-color-text-primary)] outline-none placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]"}),(0,E.jsx)("button",{type:"button",onClick:Tr,disabled:!S.trim()&&k.length===0,className:"flex h-6 w-6 items-center justify-center rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)] transition-opacity duration-[var(--inkblot-duration-fast)] hover:opacity-90 disabled:opacity-30","aria-label":"Send message",children:(0,E.jsx)(U.Send,{className:"h-3 w-3"})})]})})]})]})}var fe=require("react"),pi=require("react/jsx-runtime"),di=(0,fe.createContext)(null);function mi(){let t=(0,fe.useContext)(di);if(!t)throw new Error("useCanvas must be used within a CanvasProvider");return t}var sc=[{id:"welcome-1",type:"text",content:"Welcome to Citron OS. Use the AI chat on the right to interact with your revenue engine."},{id:"welcome-2",type:"entity"},{id:"welcome-3",type:"intelligence"}];function Io({children:t,initialBlocks:e=sc}){let[r,a]=(0,fe.useState)(e),n=(0,fe.useCallback)(s=>{a(c=>[...c,...s])},[]),i=(0,fe.useCallback)(()=>{a([])},[]);return(0,pi.jsx)(di.Provider,{value:{blocks:r,addBlocks:n,clearBlocks:i},children:t})}var Qt=require("react/jsx-runtime");function lc({children:t,showEventFeed:e=!1,showRightPanel:r=!1,sidebarProps:a,eventFeedProps:n,rightPanelProps:i,canvasProviderProps:s,className:c}){let l=r||e,d=(0,Qt.jsxs)("div",{className:o("flex h-screen w-full overflow-hidden bg-[var(--inkblot-semantic-color-background-primary)]",c),children:[(0,Qt.jsx)(ha,{...a}),(0,Qt.jsxs)("main",{className:"flex flex-1 overflow-hidden",children:[(0,Qt.jsx)("section",{"data-tour":"canvas",className:"hide-scrollbar flex-1 overflow-y-auto",children:t}),l?(0,Qt.jsx)("aside",{"data-tour":"right-panel",className:"flex w-80 flex-col overflow-hidden border-l border-[var(--inkblot-semantic-color-border-default)]",children:r?(0,Qt.jsx)(eo,{renderEventsTab:()=>(0,Qt.jsx)(Eo,{...n}),...i}):(0,Qt.jsx)(Eo,{...n})}):null]})]});return r?(0,Qt.jsx)(Io,{...s,children:d}):d}var ro=require("react/jsx-runtime");function bi({ratio:t=16/9,children:e,className:r}){let a=Number.isFinite(t)&&t>0?t:1.7777777777777777;return(0,ro.jsxs)("div",{className:o("relative w-full overflow-hidden",r),children:[(0,ro.jsx)("div",{style:{paddingTop:`${1/a*100}%`}}),(0,ro.jsx)("div",{className:"absolute inset-0",children:e})]})}var vi=require("react/jsx-runtime"),cc={default:"bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]",secondary:"bg-[var(--inkblot-semantic-color-background-tertiary)] text-[var(--inkblot-semantic-color-text-primary)]",success:"bg-[var(--inkblot-semantic-color-status-success)]/15 text-[var(--inkblot-semantic-color-status-success)]",warning:"bg-[var(--inkblot-semantic-color-status-warning)]/15 text-[var(--inkblot-semantic-color-status-warning)]",error:"bg-[var(--inkblot-semantic-color-status-error)]/15 text-[var(--inkblot-semantic-color-status-error)]",outline:"border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-primary)]"};function ui({children:t,variant:e="default",disabled:r=!1,className:a}){return(0,vi.jsx)("span",{"aria-disabled":r,className:o("inline-flex min-h-[calc(var(--inkblot-size-touch-target-min)-1rem)] items-center justify-center rounded-[var(--inkblot-radius-full)] px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)] text-xs font-semibold transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",cc[e],r&&"opacity-[var(--inkblot-opacity-disabled)]",a),children:t})}var gi=require("lucide-react");var ze=require("react/jsx-runtime");function fi({items:t,className:e}){return(0,ze.jsx)("nav",{"aria-label":"Breadcrumb",className:o("w-full",e),children:(0,ze.jsx)("ol",{className:"flex flex-wrap items-center gap-[var(--inkblot-spacing-2)]",children:t.map((r,a)=>{let n=r.href&&!r.disabled&&!r.current?(0,ze.jsx)("a",{href:r.href,onClick:r.onClick,className:"rounded-[var(--inkblot-radius-sm)] text-sm text-[var(--inkblot-semantic-color-text-secondary)] transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] hover:text-[var(--inkblot-semantic-color-text-primary)]",children:r.label}):(0,ze.jsx)("span",{"aria-current":r.current?"page":void 0,className:o("text-sm",r.current?"font-semibold text-[var(--inkblot-semantic-color-text-primary)]":"text-[var(--inkblot-semantic-color-text-tertiary)]",r.disabled&&"opacity-[var(--inkblot-opacity-disabled)]"),children:r.label});return(0,ze.jsxs)("li",{className:"flex items-center gap-[var(--inkblot-spacing-2)]",children:[n,a<t.length-1&&(0,ze.jsx)(gi.ChevronRight,{className:"h-4 w-4 text-[var(--inkblot-semantic-color-text-tertiary)]"})]},r.id)})})})}var oo=require("react"),Lo=require("lucide-react");var Ht=require("react/jsx-runtime"),dc=["L","M","X","J","V","S","D"];function ki(t){return new Date(t.getFullYear(),t.getMonth(),1)}function mc(t){return new Date(t.getFullYear(),t.getMonth()+1,0)}function pc(t,e){return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function Na(t){return`${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`}function bc(t){let e=ki(t),r=mc(t),a=(e.getDay()+6)%7,n=r.getDate(),i=[];for(let s=0;s<a;s+=1)i.push(null);for(let s=1;s<=n;s+=1)i.push(new Date(t.getFullYear(),t.getMonth(),s));for(;i.length%7!==0;)i.push(null);return i}function yi({value:t,onChange:e,disabledDates:r,className:a}){let n=t??new Date,[i,s]=(0,oo.useState)(ki(n)),c=(0,oo.useMemo)(()=>bc(i),[i]),l=(0,oo.useMemo)(()=>new Set((r??[]).map(Na)),[r]);return(0,Ht.jsxs)("div",{className:o("w-[320px] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)] text-[var(--inkblot-semantic-color-text-primary)]",a),children:[(0,Ht.jsxs)("div",{className:"mb-[var(--inkblot-spacing-3)] flex items-center justify-between",children:[(0,Ht.jsx)("button",{type:"button",onClick:()=>s(new Date(i.getFullYear(),i.getMonth()-1,1)),className:"inline-flex h-8 w-8 items-center justify-center rounded-[var(--inkblot-radius-md)] text-[var(--inkblot-semantic-color-text-secondary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]",children:(0,Ht.jsx)(Lo.ChevronLeft,{className:"h-4 w-4"})}),(0,Ht.jsx)("div",{className:"font-semibold",children:i.toLocaleDateString("es-ES",{month:"long",year:"numeric"})}),(0,Ht.jsx)("button",{type:"button",onClick:()=>s(new Date(i.getFullYear(),i.getMonth()+1,1)),className:"inline-flex h-8 w-8 items-center justify-center rounded-[var(--inkblot-radius-md)] text-[var(--inkblot-semantic-color-text-secondary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]",children:(0,Ht.jsx)(Lo.ChevronRight,{className:"h-4 w-4"})})]}),(0,Ht.jsxs)("div",{className:"grid grid-cols-7 gap-[var(--inkblot-spacing-1)]",children:[dc.map(d=>(0,Ht.jsx)("div",{className:"pb-[var(--inkblot-spacing-1)] text-center text-xs font-medium text-[var(--inkblot-semantic-color-text-tertiary)]",children:d},d)),c.map((d,p)=>{if(!d)return(0,Ht.jsx)("div",{className:"h-9"},`empty-${p}`);let u=l.has(Na(d)),v=t?pc(d,t):!1;return(0,Ht.jsx)("button",{type:"button",disabled:u,onClick:()=>e?.(d),className:o("h-9 rounded-[var(--inkblot-radius-md)] text-sm transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",v?"bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]",u&&"cursor-not-allowed opacity-[var(--inkblot-opacity-disabled)]"),children:d.getDate()},Na(d))})]})]})}var rr=require("react/jsx-runtime");function xi({className:t,interactive:e=!1,disabled:r=!1,...a}){return(0,rr.jsx)("div",{"aria-disabled":r,className:o("w-full rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-primary)]",e&&"transition-[border-color,transform,background] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] hover:border-[var(--inkblot-semantic-color-border-strong)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)] active:translate-y-px",r&&"pointer-events-none opacity-[var(--inkblot-opacity-disabled)]",t),...a})}function hi({className:t,...e}){return(0,rr.jsx)("div",{className:o("flex flex-col gap-[var(--inkblot-spacing-1)] p-[var(--inkblot-spacing-5)]",t),...e})}function Ni({className:t,...e}){return(0,rr.jsx)("h3",{className:o("text-base font-semibold text-[var(--inkblot-semantic-color-text-primary)]",t),...e})}function wi({className:t,...e}){return(0,rr.jsx)("p",{className:o("text-sm text-[var(--inkblot-semantic-color-text-secondary)]",t),...e})}function Ci({className:t,...e}){return(0,rr.jsx)("div",{className:o("px-[var(--inkblot-spacing-5)] pb-[var(--inkblot-spacing-5)]",t),...e})}function Ti({className:t,...e}){return(0,rr.jsx)("div",{className:o("flex items-center justify-end gap-[var(--inkblot-spacing-2)] border-t border-[var(--inkblot-semantic-color-border-default)] px-[var(--inkblot-spacing-5)] py-[var(--inkblot-spacing-4)]",t),...e})}var Pi=require("react"),Ao=require("lucide-react");var Bt=require("react/jsx-runtime");function Mi({items:t,initialIndex:e=0,loop:r=!1,className:a}){let[n,i]=(0,Pi.useState)(Math.min(Math.max(e,0),Math.max(t.length-1,0))),s=r||n>0,c=r||n<t.length-1,l=()=>{if(t.length!==0){if(r){i(p=>(p-1+t.length)%t.length);return}i(p=>Math.max(p-1,0))}},d=()=>{if(t.length!==0){if(r){i(p=>(p+1)%t.length);return}i(p=>Math.min(p+1,t.length-1))}};return(0,Bt.jsxs)("div",{className:o("w-full rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-4)]",a),children:[(0,Bt.jsx)("div",{className:"relative overflow-hidden rounded-[var(--inkblot-radius-lg)]",children:(0,Bt.jsx)("div",{className:"flex transition-transform duration-[var(--inkblot-duration-normal)] ease-[var(--inkblot-easing-default)]",style:{transform:`translateX(-${n*100}%)`},children:t.map((p,u)=>(0,Bt.jsx)("div",{className:"w-full shrink-0",children:p},u))})}),(0,Bt.jsxs)("div",{className:"mt-[var(--inkblot-spacing-3)] flex items-center justify-between",children:[(0,Bt.jsx)("div",{className:"text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:t.length>0?`${n+1} de ${t.length}`:"Sin elementos"}),(0,Bt.jsxs)("div",{className:"flex gap-[var(--inkblot-spacing-2)]",children:[(0,Bt.jsx)("button",{type:"button",onClick:l,disabled:!s||t.length===0,className:"inline-flex h-9 w-9 items-center justify-center rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",children:(0,Bt.jsx)(Ao.ChevronLeft,{className:"h-4 w-4"})}),(0,Bt.jsx)("button",{type:"button",onClick:d,disabled:!c||t.length===0,className:"inline-flex h-9 w-9 items-center justify-center rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",children:(0,Bt.jsx)(Ao.ChevronRight,{className:"h-4 w-4"})})]})]})]})}var Jt=require("react/jsx-runtime");function Si({data:t,title:e="Rendimiento",emptyMessage:r="No data to display.",className:a}){let n=Math.max(...t.map(i=>i.value),0);return(0,Jt.jsxs)("div",{className:o("w-full rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-5)]",a),children:[(0,Jt.jsx)("h3",{className:"mb-[var(--inkblot-spacing-4)] text-sm font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:e}),t.length===0?(0,Jt.jsx)("div",{className:"rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-tertiary)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-4)] text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:r}):(0,Jt.jsx)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-3)]",children:t.map(i=>{let s=n>0?i.value/n*100:0;return(0,Jt.jsxs)("div",{className:"grid grid-cols-[120px_1fr_48px] items-center gap-[var(--inkblot-spacing-3)]",children:[(0,Jt.jsx)("span",{className:"truncate text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:i.label}),(0,Jt.jsx)("div",{className:"h-3 overflow-hidden rounded-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-background-tertiary)]",children:(0,Jt.jsx)("div",{className:"h-full rounded-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-interactive-primary)]",style:{width:`${s}%`,backgroundColor:i.color??"var(--inkblot-semantic-color-interactive-primary)"}})}),(0,Jt.jsx)("span",{className:"text-right text-sm font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:i.value})]},i.id)})})]})}var Ei=require("react"),Ii=require("lucide-react");var Ve=require("react/jsx-runtime");function Li({checked:t,defaultChecked:e=!1,onCheckedChange:r,label:a,description:n,disabled:i=!1,error:s=!1,className:c}){let[l,d]=(0,Ei.useState)(e),p=t!==void 0,u=p?t:l,v=m=>{p||d(m),r?.(m)};return(0,Ve.jsxs)("label",{className:o("inline-flex items-start gap-[var(--inkblot-spacing-3)] text-[var(--inkblot-semantic-color-text-primary)]",i&&"cursor-not-allowed opacity-[var(--inkblot-opacity-disabled)]",c),children:[(0,Ve.jsx)("button",{type:"button",role:"checkbox","aria-checked":u,disabled:i,onClick:()=>v(!u),className:o("mt-0.5 inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-sm)] border transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-2",u?"border-[var(--inkblot-semantic-color-interactive-primary)] bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] hover:border-[var(--inkblot-semantic-color-border-strong)]",s&&!u&&"border-[var(--inkblot-semantic-color-status-error)]"),children:u&&(0,Ve.jsx)(Ii.Check,{className:"h-4 w-4"})}),(a||n)&&(0,Ve.jsxs)("span",{className:"flex flex-col gap-[var(--inkblot-spacing-1)]",children:[a&&(0,Ve.jsx)("span",{className:"text-sm font-medium",children:a}),n&&(0,Ve.jsx)("span",{className:o("text-xs text-[var(--inkblot-semantic-color-text-secondary)]",s&&!u&&"text-[var(--inkblot-semantic-color-status-error)]"),children:n})]})]})}var ne=require("react/jsx-runtime"),uc={success:"var(--inkblot-semantic-color-status-success)",warning:"var(--inkblot-semantic-color-status-warning)",error:"var(--inkblot-semantic-color-status-error)",info:"var(--inkblot-semantic-color-status-info)",primary:"var(--inkblot-semantic-color-interactive-primary)"};function wa({label:t,value:e,tone:r="primary",color:a,inverted:n=!1,size:i=72,className:s}){let c=Math.max(0,Math.min(100,e)),l=n?100-c:c,d=5,p=(i-d)/2,u=2*Math.PI*p,v=u-l/100*u,m=a??uc[r];return(0,ne.jsx)("div",{className:s,children:(0,ne.jsxs)("div",{className:"flex flex-col items-center gap-2",children:[(0,ne.jsxs)("div",{className:"relative",style:{width:i,height:i},children:[(0,ne.jsxs)("svg",{width:i,height:i,className:"-rotate-90",children:[(0,ne.jsx)("circle",{cx:i/2,cy:i/2,r:p,fill:"none",stroke:"var(--inkblot-semantic-color-background-tertiary)",strokeWidth:d}),(0,ne.jsx)("circle",{cx:i/2,cy:i/2,r:p,fill:"none",stroke:m,strokeWidth:d,strokeDasharray:u,strokeDashoffset:v,strokeLinecap:"round",className:"transition-[stroke-dashoffset] duration-[var(--inkblot-duration-fast)]"})]}),(0,ne.jsx)("span",{className:"absolute inset-0 flex items-center justify-center text-sm font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:c})]}),(0,ne.jsx)("span",{className:"text-center text-[10px] leading-tight text-[var(--inkblot-semantic-color-text-tertiary)]",children:t})]})})}var Ai=require("react"),Ri=require("lucide-react");var or=require("react/jsx-runtime");function Di({title:t,children:e,defaultOpen:r=!1,disabled:a=!1,className:n}){let[i,s]=(0,Ai.useState)(r);return(0,or.jsxs)("div",{className:o("w-full rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)]",a&&"opacity-[var(--inkblot-opacity-disabled)]",n),children:[(0,or.jsxs)("button",{type:"button",disabled:a,"aria-expanded":i,onClick:()=>s(c=>!c),className:o("flex min-h-[var(--inkblot-size-touch-target-min)] w-full items-center justify-between gap-[var(--inkblot-spacing-3)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)] text-left text-[var(--inkblot-semantic-color-text-primary)]",!a&&"hover:bg-[var(--inkblot-semantic-color-background-tertiary)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-[-2px]"),children:[(0,or.jsx)("span",{className:"font-medium",children:t}),(0,or.jsx)(Ri.ChevronDown,{className:o("h-4 w-4 text-[var(--inkblot-semantic-color-text-tertiary)] transition-transform duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",i&&"rotate-180")})]}),i&&(0,or.jsx)("div",{className:"border-t border-[var(--inkblot-semantic-color-border-default)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-4)] text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:e})]})}var Ro=require("react"),Hi=require("lucide-react");var Ot=require("react/jsx-runtime");function Bi({items:t,placeholder:e="Search commands...",onSelect:r,className:a}){let[n,i]=(0,Ro.useState)(""),s=(0,Ro.useMemo)(()=>{let c=n.trim().toLowerCase();return c?t.filter(l=>{let d=l.label.toLowerCase().includes(c),p=(l.keywords??[]).some(u=>u.toLowerCase().includes(c));return d||p}):t},[t,n]);return(0,Ot.jsxs)("div",{className:o("w-full rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)]",a),children:[(0,Ot.jsxs)("div",{className:"flex items-center gap-[var(--inkblot-spacing-2)] border-b border-[var(--inkblot-semantic-color-border-default)] px-[var(--inkblot-spacing-3)]",children:[(0,Ot.jsx)(Hi.Search,{className:"h-4 w-4 text-[var(--inkblot-semantic-color-text-tertiary)]"}),(0,Ot.jsx)("input",{value:n,onChange:c=>i(c.target.value),placeholder:e,className:"h-11 w-full bg-transparent text-sm text-[var(--inkblot-semantic-color-text-primary)] outline-none placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]"})]}),(0,Ot.jsx)("div",{className:"max-h-[280px] overflow-y-auto p-[var(--inkblot-spacing-2)]",children:s.length>0?(0,Ot.jsx)("ul",{className:"flex flex-col gap-[var(--inkblot-spacing-1)]",children:s.map(c=>(0,Ot.jsx)("li",{children:(0,Ot.jsxs)("button",{type:"button",disabled:c.disabled,onClick:()=>r?.(c),className:o("flex min-h-[var(--inkblot-size-touch-target-min)] w-full items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)] text-left text-sm text-[var(--inkblot-semantic-color-text-primary)] transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",c.disabled?"cursor-not-allowed opacity-[var(--inkblot-opacity-disabled)]":"hover:bg-[var(--inkblot-semantic-color-background-tertiary)] active:bg-[var(--inkblot-semantic-color-background-tertiary)]"),children:[c.icon&&(0,Ot.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-tertiary)]",children:c.icon}),(0,Ot.jsx)("span",{children:c.label})]})},c.id))}):(0,Ot.jsx)("div",{className:"px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-3)] text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:"No results found."})})]})}var ie=require("react"),ar=require("lucide-react");var L=require("react/jsx-runtime"),vc=[{id:"1",role:"user",content:"Show me Acme Corp's profile and deal health."},{id:"2",role:"assistant",content:"Here's the entity profile and current intelligence insights for Acme Corp.",cards:["entity","intelligence"]}],Ca="rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-3 text-xs text-[var(--inkblot-semantic-color-text-tertiary)]";function gc({title:t="Command Canvas",subtitle:e="AI-native interface \u2014 results appear here",readyLabel:r="System ready",placeholder:a="Ask anything \u2014 deals, contacts, forecasts...",footerText:n="Citron OS v1.0 \xB7 AI-native Revenue & Operations Platform",blocks:i,renderBlock:s,messages:c,initialMessages:l=vc,onMessagesChange:d,inputValue:p,defaultInputValue:u="",onInputValueChange:v,autoAssistantResponse:m=!0,assistantResponseDelayMs:g=700,isResponding:h,onRespondingChange:P,onSend:N,generateAssistantMessage:I,renderCard:C,hideInput:w=!1,className:f}){let[b,y]=(0,ie.useState)(l),[T,S]=(0,ie.useState)(u),[B,k]=(0,ie.useState)(!1),F=(0,ie.useRef)(null),M=c!==void 0,$=M?c:b,G=p!==void 0,ot=G?p:T,It=h!==void 0,lo=It?h:B,co=ot.trim().length>0&&!lo,mo=(0,ie.useMemo)(()=>x=>({content:`Analyzing "${x}". Here are the latest insights.`,cards:["entity","intelligence"]}),[]),po=x=>{M||y(x),d?.(x)},Cr=x=>{G||S(x),v?.(x)},Tr=x=>{It||k(x),P?.(x)};(0,ie.useEffect)(()=>()=>{F.current!==null&&window.clearTimeout(F.current)},[]);let bo=()=>{let x=ot.trim();if(!x)return;let at={id:`${Date.now()}-user`,role:"user",content:x},Te=[...$,at];po(Te),Cr(""),N?.(x),m&&(Tr(!0),F.current=window.setTimeout(()=>{let Ft=(I??mo)(x),Jo=[...Te,{id:`${Date.now()}-assistant`,role:"assistant",content:Ft.content,cards:Ft.cards}];po(Jo),Tr(!1)},g))},uo=i!==void 0,Qo=x=>x.type==="text"?(0,L.jsxs)("div",{className:"flex items-start gap-3",children:[(0,L.jsx)("div",{className:"mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-primary)]/15",children:(0,L.jsx)(ar.Sparkles,{className:"h-3.5 w-3.5 text-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0})}),(0,L.jsx)("p",{className:"pt-0.5 text-sm leading-relaxed text-[var(--inkblot-semantic-color-text-secondary)]",children:x.content})]}):x.type==="entity"?C?C("entity"):(0,L.jsx)("div",{className:Ca,children:"Entity card preview"}):x.type==="intelligence"?C?C("intelligence"):(0,L.jsx)("div",{className:Ca,children:"Intelligence card preview"}):x.type==="loading"?(0,L.jsxs)("div",{className:"flex items-center gap-3",children:[(0,L.jsx)("div",{className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-primary)]/15",children:(0,L.jsx)(ar.Sparkles,{className:"h-3.5 w-3.5 animate-pulse text-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0})}),(0,L.jsxs)("div",{className:"flex gap-1",children:[(0,L.jsx)("span",{className:"h-1.5 w-1.5 animate-bounce rounded-full bg-[var(--inkblot-semantic-color-text-tertiary)]",style:{animationDelay:"0ms"}}),(0,L.jsx)("span",{className:"h-1.5 w-1.5 animate-bounce rounded-full bg-[var(--inkblot-semantic-color-text-tertiary)]",style:{animationDelay:"150ms"}}),(0,L.jsx)("span",{className:"h-1.5 w-1.5 animate-bounce rounded-full bg-[var(--inkblot-semantic-color-text-tertiary)]",style:{animationDelay:"300ms"}})]})]}):null;return(0,L.jsxs)("section",{className:o("flex h-full flex-col",f),children:[(0,L.jsxs)("header",{className:"flex items-center justify-between border-b border-[var(--inkblot-semantic-color-border-default)] px-8 py-5",children:[(0,L.jsxs)("div",{children:[(0,L.jsx)("h2",{className:"text-lg font-semibold tracking-tight text-[var(--inkblot-semantic-color-text-primary)]",children:t}),(0,L.jsx)("p",{className:"mt-0.5 text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:e})]}),(0,L.jsxs)("div",{className:"flex items-center gap-2 text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:[(0,L.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-[var(--inkblot-semantic-color-status-success)]"}),r]})]}),(0,L.jsx)("div",{className:"hide-scrollbar flex-1 overflow-y-auto px-8 py-6",children:(0,L.jsx)("div",{className:"mx-auto max-w-3xl space-y-6",children:uo?i.map(x=>(0,L.jsx)("div",{children:s?s(x):Qo(x)},x.id)):$.map(x=>x.role==="user"?(0,L.jsx)("div",{className:"flex justify-end",children:(0,L.jsx)("div",{className:"max-w-md rounded-2xl rounded-br-sm bg-[var(--inkblot-semantic-color-interactive-secondary)] px-4 py-2.5 text-sm leading-relaxed text-[var(--inkblot-semantic-color-text-primary)]",children:x.content})},x.id):(0,L.jsxs)("div",{className:"space-y-4",children:[(0,L.jsxs)("div",{className:"flex items-start gap-3",children:[(0,L.jsx)("div",{className:"mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-primary)]/15",children:(0,L.jsx)(ar.Sparkles,{className:"h-3.5 w-3.5 text-[var(--inkblot-semantic-color-interactive-primary)]","aria-hidden":!0})}),(0,L.jsx)("p",{className:"pt-0.5 text-sm leading-relaxed text-[var(--inkblot-semantic-color-text-secondary)]",children:x.content})]}),x.cards?.length?(0,L.jsx)("div",{className:"ml-9 grid gap-4",children:x.cards.map(at=>C?(0,L.jsx)("div",{children:C(at)},at):(0,L.jsx)("div",{className:Ca,children:at==="entity"?"Entity card preview":"Intelligence card preview"},at))}):null]},x.id))})}),!w&&!uo?(0,L.jsx)("footer",{className:"border-t border-[var(--inkblot-semantic-color-border-default)] px-8 py-4",children:(0,L.jsxs)("div",{className:"mx-auto max-w-3xl",children:[(0,L.jsxs)("div",{className:"flex items-center gap-3 rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-4 py-3",children:[(0,L.jsx)(ar.Sparkles,{className:"h-4 w-4 shrink-0 text-[var(--inkblot-semantic-color-text-tertiary)]"}),(0,L.jsx)("input",{type:"text",value:ot,onChange:x=>Cr(x.target.value),onKeyDown:x=>{x.key==="Enter"&&bo()},placeholder:a,className:"flex-1 bg-transparent text-sm text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)] outline-none"}),(0,L.jsx)("button",{type:"button",onClick:bo,disabled:!co,className:"flex h-8 w-8 items-center justify-center rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)] transition-opacity duration-[var(--inkblot-duration-fast)] disabled:opacity-35","aria-label":"Send",children:(0,L.jsx)(ar.Send,{className:"h-3.5 w-3.5"})})]}),(0,L.jsx)("p",{className:"mt-2 text-center text-[10px] text-[var(--inkblot-semantic-color-text-tertiary)]",children:n})]})}):(0,L.jsx)("footer",{className:"border-t border-[var(--inkblot-semantic-color-border-default)] px-8 py-3",children:(0,L.jsx)("p",{className:"text-center text-[10px] text-[var(--inkblot-semantic-color-text-tertiary)]",children:n})})]})}var nr=require("react");var ke=require("react/jsx-runtime");function Oi({trigger:t,items:e,className:r}){let[a,n]=(0,nr.useState)(!1),[i,s]=(0,nr.useState)({x:0,y:0}),c=(0,nr.useRef)(null);(0,nr.useEffect)(()=>{if(!a)return;let d=()=>n(!1);return document.addEventListener("click",d),document.addEventListener("contextmenu",d),()=>{document.removeEventListener("click",d),document.removeEventListener("contextmenu",d)}},[a]);let l=d=>{d.preventDefault();let p=c.current?.getBoundingClientRect(),u=p?.left??0,v=p?.top??0;s({x:d.clientX-u,y:d.clientY-v}),n(!0)};return(0,ke.jsxs)("div",{ref:c,className:o("relative w-full",r),onContextMenu:l,children:[t,a&&(0,ke.jsx)("div",{role:"menu",className:"absolute z-40 min-w-[220px] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-1)] shadow-lg",style:{left:i.x,top:i.y},children:e.map(d=>(0,ke.jsxs)("button",{type:"button",role:"menuitem",disabled:d.disabled,onClick:()=>{d.onSelect?.(),n(!1)},className:o("flex min-h-[var(--inkblot-size-touch-target-min)] w-full items-center justify-between gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)] text-sm transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",d.disabled?"cursor-not-allowed opacity-[var(--inkblot-opacity-disabled)]":"hover:bg-[var(--inkblot-semantic-color-background-tertiary)]",d.danger?"text-[var(--inkblot-semantic-color-status-error)]":"text-[var(--inkblot-semantic-color-text-primary)]"),children:[(0,ke.jsxs)("span",{className:"flex items-center gap-[var(--inkblot-spacing-2)]",children:[d.icon&&(0,ke.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-tertiary)]",children:d.icon}),(0,ke.jsx)("span",{children:d.label})]}),d.shortcut&&(0,ke.jsx)("span",{className:"text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:d.shortcut})]},d.id))})]})}var q=require("react"),zi=require("react-dom"),Vi=require("lucide-react");var ut=require("react/jsx-runtime"),Fi=(0,q.createContext)(null);function Ta(){let t=(0,q.useContext)(Fi);if(!t)throw new Error("Dialog components must be used within Dialog");return t}function Gi({open:t,defaultOpen:e=!1,onOpenChange:r,children:a}){let[n,i]=(0,q.useState)(e),s=t!==void 0,c=s?t:n,l=(0,q.useCallback)(p=>{s||i(p),r?.(p)},[s,r]),d=(0,q.useMemo)(()=>({open:c,setOpen:l}),[c,l]);return(0,ut.jsx)(Fi.Provider,{value:d,children:a})}var Pa=(0,q.forwardRef)(({className:t,type:e="button",onClick:r,...a},n)=>{let{setOpen:i}=Ta();return(0,ut.jsx)("button",{ref:n,type:e,onClick:s=>{r?.(s),s.defaultPrevented||i(!0)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]","focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-2","disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:pointer-events-none disabled:cursor-not-allowed","[font:var(--inkblot-semantic-typography-body-medium)]",t),...a})});Pa.displayName="DialogTrigger";var Ma=(0,q.forwardRef)(({className:t,children:e,showCloseButton:r=!0,initialFocusRef:a,...n},i)=>{let{open:s,setOpen:c}=Ta(),l=(0,q.useId)(),d=(0,q.useId)(),p=(0,q.useRef)(null),u=(0,q.useRef)(null),v=(0,q.useCallback)(g=>{if(p.current=g,typeof i=="function"){i(g);return}i&&(i.current=g)},[i]),m=(0,q.useCallback)(()=>{c(!1)},[c]);return(0,q.useEffect)(()=>{if(!s)return;let g=h=>{h.key==="Escape"&&m()};return window.addEventListener("keydown",g),()=>{window.removeEventListener("keydown",g)}},[m,s]),(0,q.useEffect)(()=>{if(!s)return;u.current=document.activeElement instanceof HTMLElement?document.activeElement:null;let g=a?.current,h=p.current?.querySelector('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');return(g??h??p.current)?.focus(),()=>{u.current?.focus()}},[a,s]),!s||typeof document>"u"?null:(0,zi.createPortal)((0,ut.jsxs)("div",{className:o("fixed inset-0 z-50 flex items-center justify-center p-[var(--inkblot-spacing-6)]"),children:[(0,ut.jsx)("button",{type:"button","aria-label":"Close dialog",className:o("absolute inset-0 bg-[var(--inkblot-semantic-color-background-primary)]/70"),onClick:m}),(0,ut.jsxs)("div",{ref:v,role:"dialog","aria-modal":"true","aria-labelledby":l,"aria-describedby":d,tabIndex:-1,className:o("relative z-10 w-full max-w-[calc(var(--inkblot-size-touch-target-min)*10)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-6)]","shadow-[var(--inkblot-shadow-lg)]",t),...n,children:[r?(0,ut.jsx)(Do,{"aria-label":"Close dialog",className:o("absolute right-[var(--inkblot-spacing-4)] top-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-md)] p-[var(--inkblot-spacing-2)]"),children:(0,ut.jsx)(Vi.X,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}})}):null,(0,ut.jsx)("div",{id:l,className:"sr-only"}),(0,ut.jsx)("div",{id:d,className:"sr-only"}),e]})]}),document.body)});Ma.displayName="DialogContent";function Wi({className:t,...e}){return(0,ut.jsx)("div",{className:o("mb-[var(--inkblot-spacing-4)] grid gap-[var(--inkblot-spacing-2)]",t),...e})}function Ki({className:t,...e}){return(0,ut.jsx)("h2",{className:o("text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-heading-small)]",t),...e})}function _i({className:t,...e}){return(0,ut.jsx)("p",{className:o("text-[var(--inkblot-semantic-color-text-secondary)] [font:var(--inkblot-semantic-typography-body-medium)]",t),...e})}function $i({className:t,...e}){return(0,ut.jsx)("div",{className:o("mt-[var(--inkblot-spacing-6)] flex flex-wrap justify-end gap-[var(--inkblot-spacing-3)]",t),...e})}var Do=(0,q.forwardRef)(({className:t,type:e="button",onClick:r,...a},n)=>{let{setOpen:i}=Ta();return(0,ut.jsx)("button",{ref:n,type:e,onClick:s=>{r?.(s),s.defaultPrevented||i(!1)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)]","border border-[var(--inkblot-semantic-color-border-default)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:border-[var(--inkblot-semantic-color-border-strong)]","focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-2","[font:var(--inkblot-semantic-typography-body-medium)]",t),...a})});Do.displayName="DialogClose";var J=require("react"),ji=require("react-dom"),Ui=require("lucide-react");var zt=require("react/jsx-runtime"),qi=(0,J.createContext)(null);function Sa(){let t=(0,J.useContext)(qi);if(!t)throw new Error("Drawer components must be used within Drawer");return t}function Yi({children:t,open:e,defaultOpen:r=!1,onOpenChange:a,side:n="right"}){let[i,s]=(0,J.useState)(r),c=e!==void 0,l=c?e:i,d=(0,J.useCallback)(u=>{c||s(u),a?.(u)},[c,a]),p=(0,J.useMemo)(()=>({open:l,setOpen:d,side:n}),[l,d,n]);return(0,zt.jsx)(qi.Provider,{value:p,children:t})}var Ea=(0,J.forwardRef)(({className:t,type:e="button",onClick:r,...a},n)=>{let{setOpen:i}=Sa();return(0,zt.jsx)("button",{ref:n,type:e,onClick:s=>{r?.(s),s.defaultPrevented||i(!0)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)] active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]","focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-2",t),...a})});Ea.displayName="DrawerTrigger";var Ia=(0,J.forwardRef)(({className:t,children:e,initialFocusRef:r,...a},n)=>{let{open:i,setOpen:s,side:c}=Sa(),l=(0,J.useRef)(null),d=(0,J.useRef)(null),p=(0,J.useCallback)(v=>{if(l.current=v,typeof n=="function"){n(v);return}n&&(n.current=v)},[n]),u=(0,J.useCallback)(()=>{s(!1)},[s]);return(0,J.useEffect)(()=>{if(!i)return;let v=m=>{m.key==="Escape"&&u()};return window.addEventListener("keydown",v),()=>{window.removeEventListener("keydown",v)}},[u,i]),(0,J.useEffect)(()=>{if(!i)return;d.current=document.activeElement instanceof HTMLElement?document.activeElement:null;let v=r?.current,m=l.current?.querySelector('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');return(v??m??l.current)?.focus(),()=>{d.current?.focus()}},[r,i]),!i||typeof document>"u"?null:(0,ji.createPortal)((0,zt.jsxs)("div",{className:"fixed inset-0 z-50",children:[(0,zt.jsx)("button",{type:"button","aria-label":"Close drawer",className:"absolute inset-0 bg-[var(--inkblot-semantic-color-background-primary)]/70",onClick:u}),(0,zt.jsx)("div",{ref:p,role:"dialog","aria-modal":"true",tabIndex:-1,className:o("absolute top-0 h-full w-full max-w-[calc(var(--inkblot-size-touch-target-min)*7)] border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-6)] shadow-[var(--inkblot-shadow-lg)]",c==="right"?"right-0 border-l":"left-0 border-r",t),...a,children:e})]}),document.body)});Ia.displayName="DrawerContent";function Xi({className:t,...e}){return(0,zt.jsx)("div",{className:o("mb-[var(--inkblot-spacing-4)] grid gap-[var(--inkblot-spacing-2)]",t),...e})}function Zi({className:t,...e}){return(0,zt.jsx)("h2",{className:o("text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-heading-small)]",t),...e})}function Qi({className:t,...e}){return(0,zt.jsx)("p",{className:o("text-[var(--inkblot-semantic-color-text-secondary)] [font:var(--inkblot-semantic-typography-body-medium)]",t),...e})}function Ji({className:t,...e}){return(0,zt.jsx)("div",{className:o("mt-[var(--inkblot-spacing-6)] flex flex-wrap justify-end gap-[var(--inkblot-spacing-3)]",t),...e})}var La=(0,J.forwardRef)(({className:t,type:e="button",onClick:r,children:a,...n},i)=>{let{setOpen:s}=Sa();return(0,zt.jsx)("button",{ref:i,type:e,onClick:c=>{r?.(c),c.defaultPrevented||s(!1)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-lg)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)]","border border-[var(--inkblot-semantic-color-border-default)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]",t),...n,children:a??(0,zt.jsx)(Ui.X,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}})})});La.displayName="DrawerClose";var st=require("react"),ts=require("lucide-react");var ye=require("react/jsx-runtime"),es=(0,st.createContext)(null);function Aa(){let t=(0,st.useContext)(es);if(!t)throw new Error("DropdownMenu components must be used within DropdownMenu");return t}function rs({children:t,open:e,defaultOpen:r=!1,onOpenChange:a}){let[n,i]=(0,st.useState)(r),s=(0,st.useRef)(null),c=e!==void 0,l=c?e:n,d=(0,st.useCallback)(u=>{c||i(u),a?.(u)},[c,a]);(0,st.useEffect)(()=>{if(!l)return;let u=m=>{let g=m.target;g&&s.current&&!s.current.contains(g)&&d(!1)},v=m=>{m.key==="Escape"&&d(!1)};return window.addEventListener("pointerdown",u),window.addEventListener("keydown",v),()=>{window.removeEventListener("pointerdown",u),window.removeEventListener("keydown",v)}},[l,d]);let p=(0,st.useMemo)(()=>({open:l,setOpen:d,containerRef:s}),[l,d]);return(0,ye.jsx)(es.Provider,{value:p,children:(0,ye.jsx)("div",{ref:s,className:"relative inline-flex",children:t})})}var Ra=(0,st.forwardRef)(({className:t,type:e="button",showChevron:r=!0,onClick:a,children:n,...i},s)=>{let{open:c,setOpen:l}=Aa();return(0,ye.jsxs)("button",{ref:s,type:e,"aria-haspopup":"menu","aria-expanded":c,onClick:d=>{a?.(d),d.defaultPrevented||l(!c)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-interactive-secondary)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]","focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-2","[font:var(--inkblot-semantic-typography-body-medium)]",t),...i,children:[n,r?(0,ye.jsx)(ts.ChevronDown,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}}):null]})});Ra.displayName="DropdownMenuTrigger";var Da=(0,st.forwardRef)(({className:t,...e},r)=>{let{open:a}=Aa();return a?(0,ye.jsx)("div",{ref:r,role:"menu",className:o("absolute right-0 top-[calc(100%+var(--inkblot-spacing-2))] z-40 min-w-[calc(var(--inkblot-size-touch-target-min)*4)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-2)] shadow-[var(--inkblot-shadow-md)]",t),...e}):null});Da.displayName="DropdownMenuContent";var Ha=(0,st.forwardRef)(({className:t,type:e="button",icon:r,onClick:a,children:n,...i},s)=>{let{setOpen:c}=Aa();return(0,ye.jsxs)("button",{ref:s,type:e,role:"menuitem",onClick:l=>{a?.(l),l.defaultPrevented||c(!1)},className:o("flex min-h-[var(--inkblot-size-touch-target-min)] w-full items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]","text-left text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-background-secondary)]","focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-0","[font:var(--inkblot-semantic-typography-body-medium)]",t),...i,children:[r,n]})});Ha.displayName="DropdownMenuItem";function os({className:t,...e}){return(0,ye.jsx)("div",{className:o("my-[var(--inkblot-spacing-2)] border-b border-[var(--inkblot-semantic-color-border-default)]",t),...e})}var ao=require("react"),tt=require("lucide-react");var H=require("react/jsx-runtime"),as=[{type:"heading",label:"Heading",icon:tt.Type},{type:"text",label:"Text",icon:tt.Type},{type:"image",label:"Image",icon:tt.Image},{type:"button",label:"Button",icon:tt.Square},{type:"divider",label:"Divider",icon:tt.Minus},{type:"columns",label:"2 Columns",icon:tt.Columns}],fc={heading:"Your Heading Here",text:"Write your content here. Click to edit this text block.",image:"https://placehold.co/600x200",button:"Click Me",divider:"",columns:"Column 1 | Column 2"};function kc({blocks:t,onBlocksChange:e,availableBlockTypes:r,editingId:a,onEditingIdChange:n,onAddBlock:i,onDeleteBlock:s,onMoveBlock:c,onBlockContentChange:l,readOnly:d=!1,className:p}){let[u,v]=(0,ao.useState)(null),m=a!==void 0,g=m?a:u,h=b=>{m||v(b),n?.(b)},P=(0,ao.useMemo)(()=>!r||r.length===0?as:as.filter(b=>r.includes(b.type)),[r]),N=(0,ao.useMemo)(()=>t.reduce((b,y,T)=>(b[y.id]=T,b),{}),[t]),I=b=>{if(d)return;let y={id:`block-${Date.now()}-${Math.random().toString(36).slice(2,8)}`,type:b,content:fc[b]};e([...t,y]),i?.(b,y)},C=(b,y)=>{d||(e(t.map(T=>T.id===b?{...T,content:y}:T)),l?.(b,y))},w=b=>{d||(e(t.filter(y=>y.id!==b)),s?.(b))},f=(b,y)=>{if(d)return;let T=N[b],S=T+y;if(S<0||S>=t.length)return;let B=[...t],[k]=B.splice(T,1);B.splice(S,0,k),e(B),c?.(b,y)};return(0,H.jsxs)("section",{className:o("flex gap-4",p),children:[(0,H.jsxs)("aside",{className:"w-44 shrink-0",children:[(0,H.jsx)("span",{className:"text-[10px] uppercase tracking-wide text-[var(--inkblot-semantic-color-text-tertiary)]",children:"Blocks"}),(0,H.jsx)("div",{className:"mt-2 space-y-1",children:P.map(b=>(0,H.jsxs)("button",{type:"button",onClick:()=>I(b.type),disabled:d,className:"flex w-full items-center gap-2 rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] px-3 py-2 text-xs text-[var(--inkblot-semantic-color-text-primary)] transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]",children:[(0,H.jsx)(b.icon,{className:"h-3.5 w-3.5 text-[var(--inkblot-semantic-color-text-tertiary)]"}),b.label]},b.type))})]}),(0,H.jsx)("div",{className:"glass min-h-[400px] flex-1 rounded-[var(--inkblot-radius-lg)] p-6",children:t.length===0?(0,H.jsxs)("div",{className:"flex h-full flex-col items-center justify-center gap-3 text-center",children:[(0,H.jsx)(tt.MousePointerClick,{className:"h-8 w-8 text-[var(--inkblot-semantic-color-text-tertiary)]/40"}),(0,H.jsxs)("div",{children:[(0,H.jsx)("p",{className:"text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:"Drop blocks here to build your email"}),(0,H.jsx)("p",{className:"mt-1 text-[10px] text-[var(--inkblot-semantic-color-text-tertiary)]/60",children:"or use AI to generate a full layout"})]})]}):(0,H.jsx)("div",{className:"space-y-2",children:t.map((b,y)=>(0,H.jsxs)("article",{className:"group flex items-start gap-2",children:[(0,H.jsx)("div",{className:"pt-1 text-[var(--inkblot-semantic-color-text-tertiary)]",children:(0,H.jsx)(tt.GripVertical,{className:"h-3.5 w-3.5"})}),(0,H.jsxs)("div",{className:"flex-1 rounded-[var(--inkblot-radius-md)] border border-transparent p-3 transition-colors duration-[var(--inkblot-duration-fast)] group-hover:border-[var(--inkblot-semantic-color-border-default)]",children:[b.type==="heading"?(0,H.jsx)("h2",{contentEditable:!d&&g===b.id,suppressContentEditableWarning:!0,onClick:()=>{d||h(b.id)},onBlur:T=>{C(b.id,T.currentTarget.textContent??""),h(null)},className:"cursor-text text-xl font-bold text-[var(--inkblot-semantic-color-text-primary)] outline-none",children:b.content}):null,b.type==="text"?(0,H.jsx)("p",{contentEditable:!d&&g===b.id,suppressContentEditableWarning:!0,onClick:()=>{d||h(b.id)},onBlur:T=>{C(b.id,T.currentTarget.textContent??""),h(null)},className:"cursor-text text-sm leading-relaxed text-[var(--inkblot-semantic-color-text-secondary)] outline-none",children:b.content}):null,b.type==="image"?(0,H.jsx)("div",{className:"flex h-32 items-center justify-center overflow-hidden rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-tertiary)]",children:(0,H.jsx)(tt.Image,{className:"h-8 w-8 text-[var(--inkblot-semantic-color-text-tertiary)]/50"})}):null,b.type==="button"?(0,H.jsx)("div",{className:"flex justify-center",children:(0,H.jsx)("span",{contentEditable:!d&&g===b.id,suppressContentEditableWarning:!0,onClick:()=>{d||h(b.id)},onBlur:T=>{C(b.id,T.currentTarget.textContent??""),h(null)},className:"cursor-text rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-interactive-primary)] px-6 py-2.5 text-sm font-medium text-[var(--inkblot-semantic-color-text-inverse)] outline-none",children:b.content})}):null,b.type==="divider"?(0,H.jsx)("hr",{className:"my-2 border-[var(--inkblot-semantic-color-border-default)]"}):null,b.type==="columns"?(0,H.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,H.jsx)("div",{className:"rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-tertiary)] p-4 text-center text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:"Column 1"}),(0,H.jsx)("div",{className:"rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-background-tertiary)] p-4 text-center text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:"Column 2"})]}):null]}),(0,H.jsxs)("div",{className:"flex flex-col gap-1 opacity-0 transition-opacity duration-[var(--inkblot-duration-fast)] group-hover:opacity-100",children:[(0,H.jsx)("button",{type:"button",onClick:()=>f(b.id,-1),disabled:d||y===0,className:"rounded-[var(--inkblot-radius-sm)] p-1 text-[var(--inkblot-semantic-color-text-tertiary)] transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] disabled:opacity-30","aria-label":"Move up",children:(0,H.jsx)(tt.ChevronUp,{className:"h-3 w-3"})}),(0,H.jsx)("button",{type:"button",onClick:()=>f(b.id,1),disabled:d||y===t.length-1,className:"rounded-[var(--inkblot-radius-sm)] p-1 text-[var(--inkblot-semantic-color-text-tertiary)] transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] disabled:opacity-30","aria-label":"Move down",children:(0,H.jsx)(tt.ChevronDown,{className:"h-3 w-3"})}),(0,H.jsx)("button",{type:"button",onClick:()=>w(b.id),disabled:d,className:"rounded-[var(--inkblot-radius-sm)] p-1 text-[var(--inkblot-semantic-color-status-error)] transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-status-error)]/10","aria-label":"Delete block",children:(0,H.jsx)(tt.Trash2,{className:"h-3 w-3"})})]})]},b.id))})})]})}var ns=require("react");var xe=require("react/jsx-runtime"),Ba=(0,ns.forwardRef)(({className:t,...e},r)=>(0,xe.jsx)("form",{ref:r,className:o("grid gap-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-5)]",t),...e}));Ba.displayName="Form";function is({className:t,label:e,hint:r,error:a,children:n,requiredIndicator:i,...s}){return(0,xe.jsxs)("div",{className:o("grid gap-[var(--inkblot-spacing-2)]",t),...s,children:[e?(0,xe.jsxs)("p",{className:"text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-body-medium)]",children:[e,i?(0,xe.jsx)("span",{className:"ml-[var(--inkblot-spacing-1)] text-[var(--inkblot-semantic-color-status-error)]",children:"*"}):null]}):null,n,a?(0,xe.jsx)("p",{className:"text-[var(--inkblot-semantic-color-status-error)] [font:var(--inkblot-semantic-typography-body-small)]",children:a}):r?(0,xe.jsx)("p",{className:"text-[var(--inkblot-semantic-color-text-secondary)] [font:var(--inkblot-semantic-typography-body-small)]",children:r}):null]})}function ss({className:t,...e}){return(0,xe.jsx)("div",{className:o("mt-[var(--inkblot-spacing-2)] flex flex-wrap justify-end gap-[var(--inkblot-spacing-3)]",t),...e})}var Ho=require("react");var St=require("react/jsx-runtime"),yc=[{id:"1",label:"Acme Corp",kind:"org",x:400,y:250,score:82},{id:"2",label:"TechVentures",kind:"org",x:220,y:140,score:65},{id:"3",label:"DataFlow Labs",kind:"org",x:600,y:160,score:45},{id:"4",label:"Jane Smith",kind:"person",x:300,y:380,score:90},{id:"5",label:"Mark Johnson",kind:"person",x:520,y:370,score:72},{id:"6",label:"GlobalTech",kind:"org",x:160,y:300,score:38},{id:"7",label:"Sarah Lee",kind:"person",x:650,y:310,score:55}],xc=[{from:"1",to:"2",strength:.8},{from:"1",to:"3",strength:.5},{from:"1",to:"4",strength:.9},{from:"1",to:"5",strength:.7},{from:"2",to:"6",strength:.4},{from:"3",to:"7",strength:.6},{from:"4",to:"5",strength:.3},{from:"6",to:"4",strength:.5}];function hc(t,e,r,a){return t>=70?e:t>=50?r:a}function Fe(t,e){for(let r of e){let a=t.getPropertyValue(r).trim();if(a)return a}return""}function Oa(t,e,r){if(e){t.font=e;return}t.font=r}function Nc({title:t="Entity Graph",subtitle:e,nodes:r=yc,edges:a=xc,className:n}){let i=(0,Ho.useRef)(null);(0,Ho.useEffect)(()=>{let c=i.current;if(!c)return;let l=c.getContext("2d");if(!l)return;let d=()=>{let p=c.getBoundingClientRect(),u=window.devicePixelRatio||1;c.width=p.width*u,c.height=p.height*u,l.setTransform(u,0,0,u,0,0),l.clearRect(0,0,p.width,p.height);let v=getComputedStyle(document.documentElement),m=Fe(v,["--inkblot-semantic-color-border-default","--inkblot-semantic-color-border-strong"]),g=Fe(v,["--inkblot-semantic-color-text-tertiary","--inkblot-semantic-color-text-secondary"]),h=Fe(v,["--inkblot-semantic-color-background-secondary","--inkblot-semantic-color-background-primary"]),P=Fe(v,["--inkblot-semantic-color-status-success","--inkblot-semantic-color-interactive-primary"]),N=Fe(v,["--inkblot-semantic-color-status-warning","--inkblot-semantic-color-status-info"]),I=Fe(v,["--inkblot-semantic-color-status-error","--inkblot-semantic-color-status-warning"]),C=Fe(v,["--inkblot-semantic-typography-body-small","--inkblot-semantic-typography-body-medium"]),w=Fe(v,["--inkblot-semantic-typography-body-medium","--inkblot-semantic-typography-body-small"]),f=l.font;a.forEach(b=>{let y=r.find(S=>S.id===b.from),T=r.find(S=>S.id===b.to);!y||!T||(l.beginPath(),l.moveTo(y.x,y.y),l.lineTo(T.x,T.y),l.strokeStyle=m,l.globalAlpha=Math.min(1,Math.max(0,b.strength*.45)),l.lineWidth=Math.max(1,b.strength*2),l.stroke(),l.globalAlpha=1)}),r.forEach(b=>{let y=hc(b.score,P,N,I),T=b.kind==="org"?28:22;l.beginPath(),l.arc(b.x,b.y,T+8,0,Math.PI*2),l.fillStyle=y,l.globalAlpha=.08,l.fill(),l.globalAlpha=1,l.beginPath(),l.arc(b.x,b.y,T,0,Math.PI*2),l.fillStyle=h,l.strokeStyle=y,l.globalAlpha=.7,l.lineWidth=1.5,l.fill(),l.stroke(),l.globalAlpha=1,l.fillStyle=y,Oa(l,C,f),l.textAlign="center",l.textBaseline="middle",l.fillText(b.kind==="org"?"\u2B21":"\u25CF",b.x,b.y),l.fillStyle=g,Oa(l,w,f),l.fillText(b.label,b.x,b.y+T+16),l.fillStyle=y,l.globalAlpha=.8,Oa(l,C,f),l.fillText(String(b.score),b.x,b.y+T+28),l.globalAlpha=1})};return d(),window.addEventListener("resize",d),()=>window.removeEventListener("resize",d)},[a,r]);let s=e??`Relationship intelligence \xB7 ${r.length} nodes \xB7 ${a.length} edges`;return(0,St.jsxs)("section",{className:o("flex h-full flex-col",n),children:[(0,St.jsxs)("header",{className:"flex items-center justify-between border-b border-[var(--inkblot-semantic-color-border-default)] px-8 py-5",children:[(0,St.jsxs)("div",{children:[(0,St.jsx)("h2",{className:"text-lg font-semibold tracking-tight text-[var(--inkblot-semantic-color-text-primary)]",children:t}),(0,St.jsx)("p",{className:"mt-0.5 text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:s})]}),(0,St.jsxs)("div",{className:"flex items-center gap-4 text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:[(0,St.jsxs)("span",{className:"flex items-center gap-1.5",children:[(0,St.jsx)("span",{className:"h-2 w-2 rounded-full bg-[var(--inkblot-semantic-color-status-success)]"}),"Orgs"]}),(0,St.jsxs)("span",{className:"flex items-center gap-1.5",children:[(0,St.jsx)("span",{className:"h-2 w-2 rounded-full bg-[var(--inkblot-semantic-color-status-warning)]"}),"People"]})]})]}),(0,St.jsx)("div",{className:"relative flex-1",children:(0,St.jsx)("canvas",{ref:i,className:"h-full w-full"})})]})}var se=require("react"),Ge=require("lucide-react");var Y=require("react/jsx-runtime"),wc=[{target:"[data-tour='sidebar']",title:"Navigation Sidebar",description:"Access all CRM modules from this sidebar. Each icon represents a different module.",position:"right"},{target:"[data-tour='canvas']",title:"AI Command Canvas",description:"This is your AI-powered command center where you can orchestrate tasks and workflows.",position:"bottom"},{target:"[data-tour='event-feed']",title:"Real-Time Event Feed",description:"Follow live system activity like stage updates, invoices, and communication events.",position:"left"},{target:"[data-tour='system-status']",title:"System Status",description:"This indicator confirms platform health and connectivity.",position:"right"}];function Cc({steps:t=wc,open:e,defaultOpen:r=!0,onOpenChange:a,stepIndex:n,defaultStepIndex:i=0,onStepIndexChange:s,onComplete:c,className:l}){let[d,p]=(0,se.useState)(r),[u,v]=(0,se.useState)(i),[m,g]=(0,se.useState)(null),h=e??d,P=n??u,N=t[P],I=P===t.length-1,C=S=>{e===void 0&&p(S),a?.(S)},w=S=>{let B=Math.min(Math.max(S,0),Math.max(t.length-1,0));n===void 0&&v(B),s?.(B)},f=(0,se.useCallback)(()=>{let S=document.querySelector(N.target);if(!S){g(null);return}g(S.getBoundingClientRect())},[N.target]);(0,se.useEffect)(()=>(f(),window.addEventListener("resize",f),window.addEventListener("scroll",f,!0),()=>{window.removeEventListener("resize",f),window.removeEventListener("scroll",f,!0)}),[f]);let b=()=>{if(I){C(!1),c();return}w(P+1)},y=()=>{w(P-1)},T=(0,se.useMemo)(()=>{if(!m)return{top:"50%",left:"50%",transform:"translate(-50%, -50%)"};let S=16,B=320;return N.position==="right"?{top:m.top+m.height/2,left:m.right+S,transform:"translateY(-50%)"}:N.position==="left"?{top:m.top+m.height/2,left:m.left-B-S,transform:"translateY(-50%)"}:N.position==="top"?{top:m.top-S,left:m.left+m.width/2,transform:"translate(-50%, -100%)"}:{top:m.bottom+S,left:m.left+m.width/2,transform:"translateX(-50%)"}},[N.position,m]);return h?(0,Y.jsxs)("div",{className:o("fixed inset-0 z-[200]",l),children:[m?(0,Y.jsx)("div",{className:"pointer-events-none absolute rounded-[var(--inkblot-radius-lg)] border-2 border-[var(--inkblot-semantic-color-interactive-primary)]/50",style:{top:m.top-6,left:m.left-6,width:m.width+12,height:m.height+12,boxShadow:"0 0 0 9999px var(--inkblot-semantic-color-background-inverse), var(--inkblot-shadow-lg)"}}):(0,Y.jsx)("div",{className:"absolute inset-0 bg-[var(--inkblot-semantic-color-background-inverse)]/70"}),(0,Y.jsxs)("div",{style:{...T,position:"absolute",width:320,zIndex:210},className:"rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-5 shadow-[var(--inkblot-shadow-lg)]",children:[(0,Y.jsxs)("div",{className:"mb-3 flex items-center justify-between",children:[(0,Y.jsxs)("span",{className:"text-[10px] uppercase tracking-wide text-[var(--inkblot-semantic-color-text-tertiary)]",children:["Step ",P+1," of ",t.length]}),(0,Y.jsx)("button",{type:"button",onClick:()=>{C(!1),c()},className:"rounded-[var(--inkblot-radius-sm)] p-1 text-[var(--inkblot-semantic-color-text-tertiary)] transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]","aria-label":"Close tour",children:(0,Y.jsx)(Ge.X,{className:"h-3 w-3"})})]}),(0,Y.jsx)("h3",{className:"mb-1.5 text-sm font-semibold text-[var(--inkblot-semantic-color-text-primary)]",children:N.title}),(0,Y.jsx)("p",{className:"text-xs leading-relaxed text-[var(--inkblot-semantic-color-text-tertiary)]",children:N.description}),(0,Y.jsx)("div",{className:"mb-3 mt-4 flex gap-1",children:t.map((S,B)=>(0,Y.jsx)("span",{className:o("h-1 flex-1 rounded-full",B<=P?"bg-[var(--inkblot-semantic-color-interactive-primary)]":"bg-[var(--inkblot-semantic-color-background-tertiary)]")},`${B}-progress`))}),(0,Y.jsxs)("div",{className:"flex items-center justify-between",children:[(0,Y.jsxs)("button",{type:"button",onClick:y,disabled:P===0,className:"flex items-center gap-1 text-xs text-[var(--inkblot-semantic-color-text-tertiary)] transition-opacity duration-[var(--inkblot-duration-fast)] disabled:opacity-0",children:[(0,Y.jsx)(Ge.ArrowLeft,{className:"h-3 w-3"}),"Back"]}),(0,Y.jsx)("button",{type:"button",onClick:b,className:"flex items-center gap-1.5 rounded-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-interactive-primary)] px-4 py-2 text-xs font-medium text-[var(--inkblot-semantic-color-text-inverse)]",children:I?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(Ge.Check,{className:"h-3 w-3"}),"Get Started"]}):(0,Y.jsxs)(Y.Fragment,{children:["Next",(0,Y.jsx)(Ge.ArrowRight,{className:"h-3 w-3"})]})})]})]})]}):null}var Vt=require("react");var no=require("react/jsx-runtime"),ls=(0,Vt.createContext)(null);function cs(){let t=(0,Vt.useContext)(ls);if(!t)throw new Error("HoverCard components must be used within HoverCard");return t}function ds({children:t,openDelay:e=120,closeDelay:r=120}){let[a,n]=(0,Vt.useState)(!1),i=(0,Vt.useRef)(null),s=(0,Vt.useMemo)(()=>({open:a,setOpen:n,openDelay:e,closeDelay:r,timeoutRef:i}),[a,e,r]);return(0,no.jsx)(ls.Provider,{value:s,children:(0,no.jsx)("div",{className:"relative inline-flex",children:t})})}var za=(0,Vt.forwardRef)(({className:t,onMouseEnter:e,onMouseLeave:r,onFocus:a,onBlur:n,...i},s)=>{let{setOpen:c,openDelay:l,closeDelay:d,timeoutRef:p}=cs();return(0,no.jsx)("div",{ref:s,tabIndex:0,onMouseEnter:u=>{e?.(u),p.current&&window.clearTimeout(p.current),p.current=window.setTimeout(()=>c(!0),l)},onMouseLeave:u=>{r?.(u),p.current&&window.clearTimeout(p.current),p.current=window.setTimeout(()=>c(!1),d)},onFocus:u=>{a?.(u),c(!0)},onBlur:u=>{n?.(u),c(!1)},className:o(t),...i})});za.displayName="HoverCardTrigger";var Va=(0,Vt.forwardRef)(({className:t,onMouseEnter:e,onMouseLeave:r,...a},n)=>{let{open:i,setOpen:s,closeDelay:c,timeoutRef:l}=cs();return i?(0,no.jsx)("div",{ref:n,role:"dialog",onMouseEnter:d=>{e?.(d),l.current&&window.clearTimeout(l.current),s(!0)},onMouseLeave:d=>{r?.(d),l.current&&window.clearTimeout(l.current),l.current=window.setTimeout(()=>s(!1),c)},className:o("absolute left-0 top-[calc(100%+var(--inkblot-spacing-2))] z-40 min-w-[calc(var(--inkblot-size-touch-target-min)*4)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-4)] shadow-[var(--inkblot-shadow-md)]",t),...a}):null});Va.displayName="HoverCardContent";var We=require("react");var Fa=require("react/jsx-runtime"),Ga=(0,We.forwardRef)(({className:t,disabled:e,length:r=6,value:a,defaultValue:n="",onValueChange:i,containerProps:s,...c},l)=>{let[d,p]=(0,We.useState)(n.slice(0,r)),u=(0,We.useRef)([]),v=a!==void 0,m=v?a.slice(0,r):d,g=(0,We.useMemo)(()=>Array.from({length:r},(w,f)=>m[f]??""),[m,r]),h=w=>{let f=w.slice(0,r);v||p(f),i?.(f)},P=w=>{let f=u.current[w];f?.focus(),f?.select()},N=(w,f)=>{let b=f.replace(/[^0-9A-Za-z]/g,"").slice(0,1),y=g.map((T,S)=>S===w?b:T);h(y.join("")),b&&w<r-1&&P(w+1)},I=(w,f)=>{if(f.key==="Backspace"&&!g[w]&&w>0){let b=g.map((y,T)=>T===w-1?"":y);h(b.join("")),P(w-1)}f.key==="ArrowLeft"&&w>0&&(f.preventDefault(),P(w-1)),f.key==="ArrowRight"&&w<r-1&&(f.preventDefault(),P(w+1))};return(0,Fa.jsx)("div",{ref:l,onPaste:w=>{w.preventDefault();let f=w.clipboardData.getData("text").replace(/[^0-9A-Za-z]/g,"").slice(0,r);f&&(h(f),P(Math.min(f.length,r-1)))},className:o("flex items-center gap-[var(--inkblot-spacing-2)]",t,s?.className),...s,children:g.map((w,f)=>(0,Fa.jsx)("input",{ref:b=>{u.current[f]=b},type:"text",inputMode:"numeric",maxLength:1,value:w,disabled:e,onChange:b=>N(f,b.target.value),onKeyDown:b=>I(f,b),className:o("min-h-[var(--inkblot-size-touch-target-min)] w-full rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-secondary)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]","text-center text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-heading-small)]","focus-visible:outline focus-visible:outline-2 focus-visible:outline-[var(--inkblot-semantic-color-border-focus)] focus-visible:outline-offset-2","disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:pointer-events-none"),...c},`otp-slot-${f}`))})});Ga.displayName="InputOtp";var vr=require("react/jsx-runtime"),Tc=[{label:"Revenue Confidence",value:82,tone:"success"},{label:"Churn Risk",value:23,tone:"warning",inverted:!0},{label:"Momentum",value:67,tone:"primary"}];function Pc({title:t="Intelligence Scores",items:e=Tc,className:r}){return(0,vr.jsxs)("article",{className:o("glass rounded-[var(--inkblot-radius-lg)] p-5",r),children:[(0,vr.jsx)("h3",{className:"mb-4 text-xs font-medium uppercase tracking-wide text-[var(--inkblot-semantic-color-text-tertiary)]",children:t}),(0,vr.jsx)("div",{className:"grid grid-cols-3 gap-6",children:e.map(a=>(0,vr.jsx)(wa,{label:a.label,value:a.value,tone:a.tone,color:a.color,inverted:a.inverted},a.label))})]})}var ms=require("react");var Bo=require("react/jsx-runtime"),Wa=(0,ms.forwardRef)(({className:t,children:e,requiredIndicator:r,...a},n)=>(0,Bo.jsxs)("label",{ref:n,className:o("inline-flex items-center gap-[var(--inkblot-spacing-1)] text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-body-medium)]",t),...a,children:[e,r?(0,Bo.jsx)("span",{className:"text-[var(--inkblot-semantic-color-status-error)]",children:"*"}):null]}));Wa.displayName="Label";var nt=require("react"),ps=require("lucide-react");var $t=require("react/jsx-runtime"),bs=(0,nt.createContext)(null);function Ka(){let t=(0,nt.useContext)(bs);if(!t)throw new Error("Menubar components must be used within Menubar");return t}var us=(0,nt.createContext)(null);function vs(){let t=(0,nt.useContext)(us);if(!t)throw new Error("Menubar menu components must be used within MenubarMenu");return t}var _a=(0,nt.forwardRef)(({className:t,...e},r)=>{let[a,n]=(0,nt.useState)(null),i=(0,nt.useMemo)(()=>({openMenuId:a,setOpenMenuId:n}),[a]);return(0,$t.jsx)(bs.Provider,{value:i,children:(0,$t.jsx)("div",{ref:r,className:o("flex items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-2)]",t),...e})})});_a.displayName="Menubar";function gs({id:t,className:e,...r}){let a=(0,nt.useMemo)(()=>({menuId:t}),[t]);return(0,$t.jsx)(us.Provider,{value:a,children:(0,$t.jsx)("div",{className:o("relative inline-flex",e),...r})})}var $a=(0,nt.forwardRef)(({className:t,type:e="button",showChevron:r=!0,onClick:a,children:n,...i},s)=>{let{openMenuId:c,setOpenMenuId:l}=Ka(),{menuId:d}=vs(),p=c===d;return(0,$t.jsxs)("button",{ref:s,type:e,"aria-haspopup":"menu","aria-expanded":p,onClick:u=>{a?.(u),u.defaultPrevented||l(p?null:d)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)]",p?"bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-background-secondary)]",t),...i,children:[n,r?(0,$t.jsx)(ps.ChevronDown,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}}):null]})});$a.displayName="MenubarTrigger";var ja=(0,nt.forwardRef)(({className:t,...e},r)=>{let{openMenuId:a}=Ka(),{menuId:n}=vs();return a!==n?null:(0,$t.jsx)("div",{ref:r,role:"menu",className:o("absolute left-0 top-[calc(100%+var(--inkblot-spacing-2))] z-40 min-w-[calc(var(--inkblot-size-touch-target-min)*4)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-2)] shadow-[var(--inkblot-shadow-md)]",t),...e})});ja.displayName="MenubarContent";var Ua=(0,nt.forwardRef)(({className:t,type:e="button",icon:r,...a},n)=>(0,$t.jsxs)("button",{ref:n,type:e,role:"menuitem",className:o("flex min-h-[var(--inkblot-size-touch-target-min)] w-full items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]","text-left text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-background-secondary)]","[font:var(--inkblot-semantic-typography-body-medium)]",t),...a,children:[r,a.children]}));Ua.displayName="MenubarItem";function fs({className:t,...e}){return(0,$t.jsx)("div",{className:o("my-[var(--inkblot-spacing-2)] border-b border-[var(--inkblot-semantic-color-border-default)]",t),...e})}var qa=(0,nt.forwardRef)(({className:t,...e},r)=>{let{setOpenMenuId:a}=Ka(),n=(0,nt.useRef)(null);return(0,$t.jsx)("div",{ref:i=>{n.current=i,typeof r=="function"?r(i):r&&(r.current=i)},onPointerDown:i=>{n.current?.contains(i.target)&&a(null)},className:o(t),...e})});qa.displayName="MenubarCloseZone";var Ya=require("lucide-react");var Ke=require("react/jsx-runtime");function ks({items:t,className:e,onItemSelect:r}){return(0,Ke.jsx)("nav",{"aria-label":"Navigation menu",className:o("flex flex-wrap items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-2)]",e),children:t.map(a=>(0,Ke.jsx)(Mc,{item:a,onSelect:()=>r?.(a)},a.id))})}function Mc({item:t,onSelect:e,className:r,...a}){let n=o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-medium)]",t.active?"bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-background-secondary)]",t.disabled&&"pointer-events-none opacity-[var(--inkblot-opacity-disabled)]",r);return t.href?(0,Ke.jsxs)("a",{href:t.href,"aria-current":t.active?"page":void 0,className:n,onClick:()=>e?.(),...a,children:[t.icon,t.label,t.active?null:(0,Ke.jsx)(Ya.ChevronRight,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}})]}):(0,Ke.jsxs)("button",{type:"button","aria-current":t.active?"page":void 0,disabled:t.disabled,className:n,onClick:()=>e?.(),children:[t.icon,t.label,t.active?null:(0,Ke.jsx)(Ya.ChevronRight,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}})]})}var io=require("react"),X=require("lucide-react");var D=require("react/jsx-runtime"),Sc=[{id:"company",question:"What's your company name?",subtitle:"We'll personalize your workspace around your brand.",icon:X.Building2,type:"input",field:"companyName",placeholder:"e.g. Acme Corporation"},{id:"size",question:"How many employees does your company have?",subtitle:"This helps us tailor the right features for your team size.",icon:X.Users,type:"select",field:"companySize",options:[{value:"1-10",label:"1-10"},{value:"11-50",label:"11-50"},{value:"51-200",label:"51-200"},{value:"201-1000",label:"201-1,000"},{value:"1000+",label:"1,000+"}]},{id:"industry",question:"What industry are you in?",subtitle:"We'll pre-configure pipelines and templates for your sector.",icon:X.Briefcase,type:"select",field:"industry",options:[{value:"saas",label:"SaaS / Software"},{value:"agency",label:"Agency / Consulting"},{value:"ecommerce",label:"E-Commerce"},{value:"fintech",label:"Fintech"},{value:"healthcare",label:"Healthcare"},{value:"other",label:"Other"}]},{id:"role",question:"What's your role?",subtitle:"So we can surface the most relevant modules first.",icon:X.Target,type:"select",field:"role",options:[{value:"founder",label:"Founder / CEO"},{value:"sales",label:"Sales Leader"},{value:"marketing",label:"Marketing"},{value:"ops",label:"Operations"},{value:"other",label:"Other"}]},{id:"goals",question:"What do you want to achieve?",subtitle:"Select all that apply. We'll prioritize these in your dashboard.",icon:X.Target,type:"multi-select",field:"goals",options:[{value:"pipeline",label:"Manage Sales Pipeline"},{value:"contacts",label:"Organize Contacts"},{value:"email",label:"Email Campaigns"},{value:"invoicing",label:"Invoicing"},{value:"reporting",label:"Analytics & Reporting"},{value:"automation",label:"Workflow Automation"}]},{id:"source",question:"How did you hear about us?",subtitle:"Helps us improve our outreach.",icon:X.Megaphone,type:"select",field:"source",options:[{value:"google",label:"Google Search"},{value:"social",label:"Social Media"},{value:"referral",label:"Friend / Colleague"},{value:"event",label:"Conference / Event"},{value:"other",label:"Other"}]},{id:"website",question:"What's your company website?",subtitle:"Optional, we'll try to auto-import your branding.",icon:X.Globe,type:"input",field:"website",placeholder:"e.g. https://acme.com"}];function Ec({onComplete:t,steps:e=Sc,value:r,defaultValue:a,onValueChange:n,stepIndex:i,defaultStepIndex:s=0,onStepIndexChange:c,onCancel:l,showSkip:d=!0,className:p}){let[u,v]=(0,io.useState)(s),[m,g]=(0,io.useState)(a??{}),h=i!==void 0,P=r!==void 0,N=h?i:u,I=P?r:m,C=e[N],w=I[C.field]??(C.type==="multi-select"?[]:""),f=N===e.length-1,b=(0,io.useMemo)(()=>C.type==="multi-select"?w.length>0:C.id==="website"?!0:typeof w=="string"&&w.trim().length>0,[w,C.id,C.type]),y=M=>{let $=Math.min(Math.max(M,0),Math.max(e.length-1,0));h||v($),c?.($)},T=M=>{P||g(M),n?.(M)},S=()=>y(N-1),B=()=>{if(f){t(I);return}y(N+1)},k=(M,$)=>{T({...I,[M]:$})},F=(M,$)=>{let G=I[M]??[],ot=G.includes($)?G.filter(It=>It!==$):[...G,$];k(M,ot)};return(0,D.jsxs)("section",{className:o("fixed inset-0 z-[100] flex items-center justify-center bg-[var(--inkblot-semantic-color-background-primary)]",p),children:[(0,D.jsxs)("div",{className:"absolute inset-0 overflow-hidden",children:[(0,D.jsx)("div",{className:"absolute left-1/4 top-1/4 h-96 w-96 rounded-full bg-[var(--inkblot-semantic-color-interactive-primary)]/5 blur-[120px]"}),(0,D.jsx)("div",{className:"absolute bottom-1/4 right-1/4 h-96 w-96 rounded-full bg-[var(--inkblot-semantic-color-status-warning)]/5 blur-[120px]"})]}),(0,D.jsxs)("div",{className:"relative w-full max-w-lg px-6",children:[(0,D.jsxs)("header",{className:"mb-12 flex items-center justify-center gap-2",children:[(0,D.jsx)("span",{className:"flex h-10 w-10 items-center justify-center rounded-[var(--inkblot-radius-lg)] bg-[var(--inkblot-semantic-color-interactive-primary)]",children:(0,D.jsx)(X.Command,{className:"h-5 w-5 text-[var(--inkblot-semantic-color-text-inverse)]"})}),(0,D.jsx)("span",{className:"text-lg font-semibold tracking-tight text-[var(--inkblot-semantic-color-text-primary)]",children:"Citron OS"})]}),(0,D.jsx)("div",{className:"mb-10 flex gap-1",children:e.map((M,$)=>(0,D.jsx)("span",{className:o("h-0.5 flex-1 rounded-full",$<N?"bg-[var(--inkblot-semantic-color-interactive-primary)]":$===N?"bg-[var(--inkblot-semantic-color-interactive-primary)]/60":"bg-[var(--inkblot-semantic-color-background-tertiary)]")},M.id))}),(0,D.jsxs)("div",{className:"space-y-6",children:[(0,D.jsxs)("div",{children:[(0,D.jsx)("div",{className:"mb-4 flex h-10 w-10 items-center justify-center rounded-[var(--inkblot-radius-lg)] bg-[var(--inkblot-semantic-color-interactive-secondary)]",children:(0,D.jsx)(C.icon,{className:"h-5 w-5 text-[var(--inkblot-semantic-color-text-primary)]"})}),(0,D.jsx)("h2",{className:"text-xl font-semibold tracking-tight text-[var(--inkblot-semantic-color-text-primary)]",children:C.question}),(0,D.jsx)("p",{className:"mt-1 text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:C.subtitle})]}),C.type==="input"?(0,D.jsx)("input",{autoFocus:!0,value:w||"",onChange:M=>k(C.field,M.target.value),placeholder:C.placeholder,onKeyDown:M=>{M.key==="Enter"&&b&&B()},className:"w-full rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-5 py-3.5 text-sm text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)] outline-none"}):null,C.type==="select"?(0,D.jsx)("div",{className:"grid grid-cols-2 gap-2",children:C.options?.map(M=>(0,D.jsx)("button",{type:"button",onClick:()=>k(C.field,M.value),className:o("rounded-[var(--inkblot-radius-lg)] border px-4 py-3 text-left text-sm transition-colors duration-[var(--inkblot-duration-fast)]",w===M.value?"border-[var(--inkblot-semantic-color-interactive-primary)] bg-[var(--inkblot-semantic-color-interactive-primary)]/10 text-[var(--inkblot-semantic-color-text-primary)]":"border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-tertiary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]"),children:M.label},M.value))}):null,C.type==="multi-select"?(0,D.jsx)("div",{className:"grid grid-cols-2 gap-2",children:C.options?.map(M=>{let $=w.includes(M.value);return(0,D.jsxs)("button",{type:"button",onClick:()=>F(C.field,M.value),className:o("flex items-center gap-2 rounded-[var(--inkblot-radius-lg)] border px-4 py-3 text-left text-sm transition-colors duration-[var(--inkblot-duration-fast)]",$?"border-[var(--inkblot-semantic-color-interactive-primary)] bg-[var(--inkblot-semantic-color-interactive-primary)]/10 text-[var(--inkblot-semantic-color-text-primary)]":"border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-tertiary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]"),children:[(0,D.jsx)("span",{className:o("flex h-4 w-4 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-sm)] border",$?"border-[var(--inkblot-semantic-color-interactive-primary)] bg-[var(--inkblot-semantic-color-interactive-primary)]":"border-[var(--inkblot-semantic-color-border-default)]"),children:$?(0,D.jsx)(X.Check,{className:"h-2.5 w-2.5 text-[var(--inkblot-semantic-color-text-inverse)]"}):null}),M.label]},M.value)})}):null]}),(0,D.jsxs)("footer",{className:"mt-10 flex items-center justify-between",children:[(0,D.jsxs)("button",{type:"button",onClick:S,disabled:N===0,className:"flex items-center gap-1.5 rounded-[var(--inkblot-radius-md)] px-4 py-2 text-xs text-[var(--inkblot-semantic-color-text-tertiary)] transition-opacity duration-[var(--inkblot-duration-fast)] disabled:opacity-0",children:[(0,D.jsx)(X.ArrowLeft,{className:"h-3 w-3"}),"Back"]}),(0,D.jsxs)("div",{className:"flex items-center gap-3",children:[!f&&d?(0,D.jsx)("button",{type:"button",onClick:l??B,className:"text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:"Skip"}):null,(0,D.jsx)("button",{type:"button",onClick:B,disabled:!b,className:"flex items-center gap-2 rounded-[var(--inkblot-radius-lg)] bg-[var(--inkblot-semantic-color-interactive-primary)] px-5 py-2.5 text-xs font-medium text-[var(--inkblot-semantic-color-text-inverse)] transition-opacity duration-[var(--inkblot-duration-fast)] disabled:opacity-40",children:f?(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(X.Sparkles,{className:"h-3 w-3"}),"Launch Citron OS"]}):(0,D.jsxs)(D.Fragment,{children:["Continue",(0,D.jsx)(X.ArrowRight,{className:"h-3 w-3"})]})})]})]})]})]})}var Oo=require("lucide-react");var _e=require("react/jsx-runtime");function ys({page:t,totalPages:e,onPageChange:r,className:a}){let n=Array.from({length:e},(i,s)=>s+1);return(0,_e.jsxs)("nav",{"aria-label":"Pagination",className:o("flex items-center gap-[var(--inkblot-spacing-2)]",a),children:[(0,_e.jsx)("button",{type:"button","aria-label":"Previous page",disabled:t<=1,onClick:()=>r(Math.max(t-1,1)),className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] px-[var(--inkblot-spacing-3)]","bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:pointer-events-none"),children:(0,_e.jsx)(Oo.ChevronLeft,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}})}),n.map(i=>{let s=i===t;return(0,_e.jsx)("button",{type:"button",onClick:()=>r(i),"aria-current":s?"page":void 0,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] min-w-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)]","[font:var(--inkblot-semantic-typography-body-medium)]",s?"bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]"),children:i},`page-${i}`)}),(0,_e.jsx)("button",{type:"button","aria-label":"Next page",disabled:t>=e,onClick:()=>r(Math.min(t+1,e)),className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] px-[var(--inkblot-spacing-3)]","bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:pointer-events-none"),children:(0,_e.jsx)(Oo.ChevronRight,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}})})]})}var lt=require("react");var gr=require("react/jsx-runtime"),xs=(0,lt.createContext)(null);function Xa(){let t=(0,lt.useContext)(xs);if(!t)throw new Error("Popover components must be used within Popover");return t}function hs({children:t,open:e,defaultOpen:r=!1,onOpenChange:a}){let[n,i]=(0,lt.useState)(r),s=(0,lt.useRef)(null),c=e!==void 0,l=c?e:n,d=(0,lt.useCallback)(u=>{c||i(u),a?.(u)},[c,a]);(0,lt.useEffect)(()=>{if(!l)return;let u=m=>{let g=m.target;g&&s.current&&!s.current.contains(g)&&d(!1)},v=m=>{m.key==="Escape"&&d(!1)};return window.addEventListener("pointerdown",u),window.addEventListener("keydown",v),()=>{window.removeEventListener("pointerdown",u),window.removeEventListener("keydown",v)}},[l,d]);let p=(0,lt.useMemo)(()=>({open:l,setOpen:d,containerRef:s}),[l,d]);return(0,gr.jsx)(xs.Provider,{value:p,children:(0,gr.jsx)("div",{ref:s,className:"relative inline-flex",children:t})})}var Za=(0,lt.forwardRef)(({className:t,type:e="button",onClick:r,...a},n)=>{let{open:i,setOpen:s}=Xa();return(0,gr.jsx)("button",{ref:n,type:e,"aria-haspopup":"dialog","aria-expanded":i,onClick:c=>{r?.(c),c.defaultPrevented||s(!i)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-interactive-secondary)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)] text-[var(--inkblot-semantic-color-text-primary)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]","[font:var(--inkblot-semantic-typography-body-medium)]",t),...a})});Za.displayName="PopoverTrigger";var Qa=(0,lt.forwardRef)(({className:t,...e},r)=>{let{open:a}=Xa();return a?(0,gr.jsx)("div",{ref:r,role:"dialog",className:o("absolute left-0 top-[calc(100%+var(--inkblot-spacing-2))] z-40 min-w-[calc(var(--inkblot-size-touch-target-min)*4)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-4)] shadow-[var(--inkblot-shadow-md)]",t),...e}):null});Qa.displayName="PopoverContent";var Ja=(0,lt.forwardRef)(({className:t,type:e="button",onClick:r,...a},n)=>{let{setOpen:i}=Xa();return(0,gr.jsx)("button",{ref:n,type:e,onClick:s=>{r?.(s),s.defaultPrevented||i(!1)},className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)]",t),...a})});Ja.displayName="PopoverClose";var Ns=require("react");var fr=require("react/jsx-runtime"),tn=(0,Ns.forwardRef)(({className:t,value:e,max:r=100,showValueLabel:a=!1,...n},i)=>{let s=Math.max(0,Math.min(e/r,1)),c=`${Math.round(s*100)}%`;return(0,fr.jsxs)("div",{ref:i,className:o("grid gap-[var(--inkblot-spacing-2)]",t),...n,children:[(0,fr.jsx)("div",{className:"h-[var(--inkblot-spacing-2)] overflow-hidden rounded-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-background-secondary)]",children:(0,fr.jsx)("div",{className:"h-full rounded-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-interactive-primary)] transition-[width] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]",style:{width:c}})}),a?(0,fr.jsx)("p",{className:"text-[var(--inkblot-semantic-color-text-secondary)] [font:var(--inkblot-semantic-typography-body-small)]",children:c}):null]})});tn.displayName="Progress";var so=require("react");var he=require("react/jsx-runtime"),en=(0,so.forwardRef)(({className:t,options:e,value:r,defaultValue:a,onValueChange:n,name:i="radio-group",...s},c)=>{let[l,d]=(0,so.useState)(a??""),p=r!==void 0,u=p?r:l,v=m=>{p||d(m),n?.(m)};return(0,he.jsx)("div",{ref:c,role:"radiogroup",className:o("grid gap-[var(--inkblot-spacing-2)]",t),...s,children:e.map(m=>(0,he.jsxs)("label",{className:o("flex cursor-pointer items-start gap-[var(--inkblot-spacing-3)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] p-[var(--inkblot-spacing-3)]","bg-[var(--inkblot-semantic-color-background-primary)] hover:bg-[var(--inkblot-semantic-color-background-secondary)]",m.disabled&&"pointer-events-none opacity-[var(--inkblot-opacity-disabled)]"),children:[(0,he.jsx)(zo,{type:"radio",name:i,value:m.value,checked:u===m.value,disabled:m.disabled,onChange:()=>v(m.value)}),(0,he.jsxs)("span",{className:"grid gap-[var(--inkblot-spacing-1)]",children:[(0,he.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-body-medium)]",children:m.label}),m.description?(0,he.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-secondary)] [font:var(--inkblot-semantic-typography-body-small)]",children:m.description}):null]})]},m.value))})});en.displayName="RadioGroup";var zo=(0,so.forwardRef)(({className:t,...e},r)=>(0,he.jsx)("input",{ref:r,className:o("mt-[var(--inkblot-spacing-1)] h-[var(--inkblot-spacing-4)] w-[var(--inkblot-spacing-4)] border-[var(--inkblot-semantic-color-border-default)] text-[var(--inkblot-semantic-color-interactive-primary)]",t),...e}));zo.displayName="RadioGroupItem";var Vo=require("react"),Fo=require("lucide-react");var Ne=require("react/jsx-runtime");function ws({primary:t,secondary:e,direction:r="horizontal",defaultPrimarySize:a=50,minPrimarySize:n=20,minSecondarySize:i=20,className:s}){let[c,l]=(0,Vo.useState)(a),d=r==="horizontal",p=(0,Vo.useMemo)(()=>d?{gridTemplateColumns:`${c}fr auto ${100-c}fr`}:{gridTemplateRows:`${c}fr auto ${100-c}fr`},[d,c]),u=(v,m)=>{let g=m.getBoundingClientRect(),h=d?(v.x-g.left)/g.width*100:(v.y-g.top)/g.height*100,P=100-i,N=Math.min(P,Math.max(n,h));l(N)};return(0,Ne.jsxs)("div",{className:o("grid h-full w-full overflow-hidden rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)]",s),style:p,children:[(0,Ne.jsx)("div",{className:"min-h-0 min-w-0 overflow-auto p-[var(--inkblot-spacing-3)]",children:t}),(0,Ne.jsx)("div",{className:o(d?"w-[var(--inkblot-spacing-2)]":"h-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-border-default)]"),children:(0,Ne.jsx)("button",{type:"button","aria-label":"Resize panels",className:o("flex h-full w-full items-center justify-center bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-secondary)]","hover:bg-[var(--inkblot-semantic-color-background-tertiary)] active:bg-[var(--inkblot-semantic-color-background-secondary)]"),onPointerDown:v=>{let m=v.currentTarget.closest("div")?.parentElement;if(!m)return;u({x:v.clientX,y:v.clientY},m);let g=P=>{u({x:P.clientX,y:P.clientY},m)},h=()=>{window.removeEventListener("pointermove",g),window.removeEventListener("pointerup",h)};window.addEventListener("pointermove",g),window.addEventListener("pointerup",h)},children:d?(0,Ne.jsx)(Fo.GripVertical,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}}):(0,Ne.jsx)(Fo.GripHorizontal,{style:{width:"var(--inkblot-spacing-4)",height:"var(--inkblot-spacing-4)"}})})}),(0,Ne.jsx)("div",{className:"min-h-0 min-w-0 overflow-auto p-[var(--inkblot-spacing-3)]",children:e})]})}var Cs=require("react");var Ts=require("react/jsx-runtime"),rn=(0,Cs.forwardRef)(({className:t,maxHeight:e="var(--inkblot-size-touch-target-min)",...r},a)=>(0,Ts.jsx)("div",{ref:a,className:o("overflow-auto rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-3)]",t),style:{maxHeight:e,...r.style},...r}));rn.displayName="ScrollArea";var Ps=require("lucide-react"),Ms=require("react");var ir=require("react/jsx-runtime"),on=(0,Ms.forwardRef)(({className:t,options:e,placeholder:r,error:a,disabled:n,...i},s)=>(0,ir.jsxs)("div",{className:"relative w-full",children:[(0,ir.jsxs)("select",{ref:s,disabled:n,"aria-invalid":a,className:o("min-h-[var(--inkblot-size-touch-target-min)] w-full appearance-none rounded-[var(--inkblot-radius-md)] border bg-[var(--inkblot-semantic-color-background-secondary)] px-4 py-2 pr-10 text-[var(--inkblot-semantic-color-text-primary)] transition-[border-color,box-shadow] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",a?"border-[var(--inkblot-semantic-color-status-error)] focus-visible:ring-[var(--inkblot-semantic-color-status-error)]":"border-[var(--inkblot-semantic-color-border-default)] hover:border-[var(--inkblot-semantic-color-border-strong)]",t),...i,children:[r?(0,ir.jsx)("option",{value:"",disabled:!0,children:r}):null,e.map(c=>(0,ir.jsx)("option",{value:c.value,disabled:c.disabled,children:c.label},c.value))]}),(0,ir.jsx)(Ps.ChevronDown,{"aria-hidden":!0,className:"pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-[var(--inkblot-semantic-color-text-tertiary)]"})]}));on.displayName="Select";var Ss=require("react");var Es=require("react/jsx-runtime"),an=(0,Ss.forwardRef)(({className:t,orientation:e="horizontal",decorative:r=!0,...a},n)=>(0,Es.jsx)("div",{ref:n,role:r?"none":"separator","aria-orientation":e,className:o("shrink-0 bg-[var(--inkblot-semantic-color-border-default)]",e==="horizontal"?"h-px w-full":"h-full w-px",t),...a}));an.displayName="Separator";var Is=require("lucide-react"),Ls=require("react");var jt=require("react/jsx-runtime"),Ic={top:"inset-x-0 top-0 border-b rounded-b-[var(--inkblot-radius-lg)]",right:"inset-y-0 right-0 h-full w-full max-w-[420px] border-l",bottom:"inset-x-0 bottom-0 border-t rounded-t-[var(--inkblot-radius-lg)]",left:"inset-y-0 left-0 h-full w-full max-w-[420px] border-r"};function As({open:t,onOpenChange:e,side:r="right",title:a,description:n,showCloseButton:i=!0,className:s,overlayClassName:c,children:l,...d}){return(0,Ls.useEffect)(()=>{if(!t)return;let p=u=>{u.key==="Escape"&&e?.(!1)};return window.addEventListener("keydown",p),()=>window.removeEventListener("keydown",p)},[t,e]),t?(0,jt.jsxs)("div",{className:"fixed inset-0 z-50",children:[(0,jt.jsx)("button",{type:"button","aria-label":"Close panel",onClick:()=>e?.(!1),className:o("absolute inset-0 bg-[var(--inkblot-semantic-color-background-primary)]/70",c)}),(0,jt.jsxs)("section",{role:"dialog","aria-modal":"true",className:o("absolute bg-[var(--inkblot-semantic-color-background-secondary)] p-5 text-[var(--inkblot-semantic-color-text-primary)] shadow-lg border-[var(--inkblot-semantic-color-border-default)]",Ic[r],s),...d,children:[(a||n||i)&&(0,jt.jsxs)("header",{className:"mb-4 flex items-start justify-between gap-4",children:[(0,jt.jsxs)("div",{children:[a?(0,jt.jsx)("h3",{className:"text-base font-semibold",children:a}):null,n?(0,jt.jsx)("p",{className:"mt-1 text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:n}):null]}),i?(0,jt.jsx)("button",{type:"button","aria-label":"Close",onClick:()=>e?.(!1),className:"inline-flex size-9 items-center justify-center rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] text-[var(--inkblot-semantic-color-text-secondary)] transition-colors hover:text-[var(--inkblot-semantic-color-text-primary)]",children:(0,jt.jsx)(Is.X,{className:"size-4"})}):null]}),(0,jt.jsx)("div",{children:l})]})]}):null}var Go=require("lucide-react");var mt=require("react/jsx-runtime");function Rs({items:t,collapsed:e=!1,onCollapsedChange:r,header:a,footer:n,className:i,...s}){return(0,mt.jsxs)("aside",{className:o("flex h-full flex-col border-r border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-3 transition-[width] duration-[var(--inkblot-duration-fast)]",e?"w-[76px]":"w-[260px]",i),...s,children:[(0,mt.jsxs)("div",{className:"mb-3 flex items-center justify-between gap-2",children:[(0,mt.jsx)("div",{className:o("truncate text-sm font-semibold",e&&"sr-only"),children:a}),(0,mt.jsx)("button",{type:"button","aria-label":e?"Expandir sidebar":"Colapsar sidebar",onClick:()=>r?.(!e),className:"inline-flex size-9 items-center justify-center rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] text-[var(--inkblot-semantic-color-text-secondary)] hover:text-[var(--inkblot-semantic-color-text-primary)]",children:e?(0,mt.jsx)(Go.PanelLeftOpen,{className:"size-4"}):(0,mt.jsx)(Go.PanelLeftClose,{className:"size-4"})})]}),(0,mt.jsx)("nav",{className:"flex flex-1 flex-col gap-1",children:t.map(c=>{let l=c.icon;return(0,mt.jsxs)("button",{type:"button",disabled:c.disabled,onClick:c.onClick,className:o("flex min-h-[var(--inkblot-size-touch-target-min)] items-center gap-3 rounded-[var(--inkblot-radius-md)] px-3 py-2 text-sm transition-colors",c.active?"bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]":"text-[var(--inkblot-semantic-color-text-secondary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)] hover:text-[var(--inkblot-semantic-color-text-primary)]",c.disabled&&"cursor-not-allowed opacity-[var(--inkblot-opacity-disabled)]"),children:[l?(0,mt.jsx)(l,{className:"size-4 shrink-0"}):null,e?null:(0,mt.jsxs)(mt.Fragment,{children:[(0,mt.jsx)("span",{className:"truncate",children:c.label}),c.badge?(0,mt.jsx)("span",{className:"ml-auto",children:c.badge}):null]})]},c.id)})}),n?(0,mt.jsx)("div",{className:o("mt-3 border-t border-[var(--inkblot-semantic-color-border-default)] pt-3",e&&"sr-only"),children:n}):null]})}var Wo=require("react");var $e=require("react/jsx-runtime"),nn=(0,Wo.forwardRef)(({className:t,value:e,defaultValue:r,min:a=0,max:n=100,step:i=1,disabled:s,showValue:c=!0,onValueChange:l,...d},p)=>{let u=e??r??a,v=(0,Wo.useMemo)(()=>n<=a?0:(u-a)/(n-a)*100,[u,a,n]);return(0,$e.jsxs)("div",{className:o("w-full",t),children:[(0,$e.jsxs)("div",{className:"mb-2 flex items-center justify-between text-sm",children:[(0,$e.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-secondary)]",children:a}),c?(0,$e.jsx)("span",{className:"font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:u}):null,(0,$e.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-secondary)]",children:n})]}),(0,$e.jsx)("input",{ref:p,type:"range",value:e,defaultValue:r,min:a,max:n,step:i,disabled:s,onChange:m=>l?.(Number(m.target.value)),className:"h-2 w-full cursor-pointer appearance-none rounded-full bg-[var(--inkblot-semantic-color-background-tertiary)] disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)] [&::-webkit-slider-runnable-track]:h-2 [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:bg-transparent [&::-webkit-slider-thumb]:mt-[-4px] [&::-webkit-slider-thumb]:size-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border [&::-webkit-slider-thumb]:border-[var(--inkblot-semantic-color-border-default)] [&::-webkit-slider-thumb]:bg-[var(--inkblot-semantic-color-background-secondary)] [&::-webkit-slider-thumb]:shadow-sm [&::-moz-range-track]:h-2 [&::-moz-range-track]:rounded-full [&::-moz-range-track]:bg-transparent [&::-moz-range-thumb]:size-4 [&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:border [&::-moz-range-thumb]:border-[var(--inkblot-semantic-color-border-default)] [&::-moz-range-thumb]:bg-[var(--inkblot-semantic-color-background-secondary)]",style:{background:`linear-gradient(to right, var(--inkblot-semantic-color-interactive-primary) 0%, var(--inkblot-semantic-color-interactive-primary) ${v}%, var(--inkblot-semantic-color-background-tertiary) ${v}%, var(--inkblot-semantic-color-background-tertiary) 100%)`},...d})]})});nn.displayName="Slider";var Ds=require("react");var le=require("lucide-react");var yt=require("react/jsx-runtime"),Lc={info:"border-[var(--inkblot-semantic-color-status-info)]",success:"border-[var(--inkblot-semantic-color-status-success)]",warning:"border-[var(--inkblot-semantic-color-status-warning)]",error:"border-[var(--inkblot-semantic-color-status-error)]"},Ac={info:(0,yt.jsx)(le.Info,{className:"size-4"}),success:(0,yt.jsx)(le.CheckCircle2,{className:"size-4"}),warning:(0,yt.jsx)(le.AlertTriangle,{className:"size-4"}),error:(0,yt.jsx)(le.CircleX,{className:"size-4"})};function Ko({title:t,description:e,variant:r="info",action:a,onClose:n,className:i,...s}){return(0,yt.jsx)("div",{role:"status",className:o("w-full rounded-[var(--inkblot-radius-lg)] border-l-4 border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-3 text-[var(--inkblot-semantic-color-text-primary)] shadow-sm",Lc[r],i),...s,children:(0,yt.jsxs)("div",{className:"flex items-start gap-3",children:[(0,yt.jsx)("span",{className:"mt-0.5 text-[var(--inkblot-semantic-color-text-secondary)]",children:Ac[r]}),(0,yt.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,yt.jsx)("p",{className:"text-sm font-semibold",children:t}),e?(0,yt.jsx)("p",{className:"mt-1 text-sm text-[var(--inkblot-semantic-color-text-secondary)]",children:e}):null,a?(0,yt.jsx)("button",{type:"button",...a,className:o("mt-2 rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] px-2 py-1 text-xs font-medium text-[var(--inkblot-semantic-color-text-primary)] hover:bg-[var(--inkblot-semantic-color-background-tertiary)]",a.className),children:a.label}):null]}),n?(0,yt.jsx)("button",{type:"button","aria-label":"Close notification",onClick:n,className:"inline-flex size-8 items-center justify-center rounded-[var(--inkblot-radius-md)] text-[var(--inkblot-semantic-color-text-tertiary)] hover:text-[var(--inkblot-semantic-color-text-primary)]",children:(0,yt.jsx)(le.X,{className:"size-4"})}):null]})})}var sn=require("react/jsx-runtime"),Rc={"top-left":"top-4 left-4","top-right":"top-4 right-4","bottom-left":"bottom-4 left-4","bottom-right":"bottom-4 right-4"};function _o({toasts:t,position:e="bottom-right",onDismiss:r,className:a,...n}){return(0,sn.jsx)("div",{className:o("fixed z-50 flex w-full max-w-[360px] flex-col gap-2",Rc[e],a),...n,children:t.map(i=>(0,sn.jsx)(Ko,{...i,onClose:()=>r?.(i.id)},i.id))})}var Bs=require("react/jsx-runtime");function Hs({toasts:t,maxVisible:e=3,position:r="bottom-right",onDismiss:a,...n}){let i=(0,Ds.useMemo)(()=>t.slice(0,e),[t,e]);return(0,Bs.jsx)(_o,{toasts:i,position:r,onDismiss:a,...n})}var $o=require("react");var ln=require("react/jsx-runtime"),cn=(0,$o.forwardRef)(({checked:t,defaultChecked:e=!1,onCheckedChange:r,disabled:a,className:n,...i},s)=>{let[c,l]=(0,$o.useState)(e),d=t??c;return(0,ln.jsx)("button",{ref:s,type:"button",role:"switch","aria-checked":d,disabled:a,onClick:()=>{if(a)return;let u=!d;t===void 0&&l(u),r?.(u)},className:o("relative inline-flex h-7 w-12 items-center rounded-full border transition-colors duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",d?"border-[var(--inkblot-semantic-color-interactive-primary)] bg-[var(--inkblot-semantic-color-interactive-primary)]":"border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-tertiary)]",n),...i,children:(0,ln.jsx)("span",{className:o("inline-block size-5 rounded-full bg-[var(--inkblot-semantic-color-background-secondary)] transition-transform duration-[var(--inkblot-duration-fast)]",d?"translate-x-6":"translate-x-1")})})});cn.displayName="Switch";var we=require("react"),kr=require("lucide-react");var it=require("react/jsx-runtime"),dn=(0,we.forwardRef)(({className:t,...e},r)=>(0,it.jsx)("div",{className:"w-full overflow-x-auto rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)]",children:(0,it.jsx)("table",{ref:r,className:o("w-full border-collapse bg-[var(--inkblot-semantic-color-background-secondary)]",t),...e})})),mn=(0,we.forwardRef)(({className:t,...e},r)=>(0,it.jsx)("thead",{ref:r,className:o("bg-[var(--inkblot-semantic-color-background-tertiary)]",t),...e})),pn=(0,we.forwardRef)(({className:t,...e},r)=>(0,it.jsx)("tbody",{ref:r,className:o(t),...e})),bn=(0,we.forwardRef)(({className:t,...e},r)=>(0,it.jsx)("tr",{ref:r,className:o("border-b border-[var(--inkblot-semantic-color-border-default)] text-[var(--inkblot-semantic-color-text-primary)] transition-colors hover:bg-[var(--inkblot-semantic-color-background-tertiary)]",t),...e})),un=(0,we.forwardRef)(({className:t,children:e,sortable:r=!1,sortDirection:a,onSort:n,sortButtonProps:i,...s},c)=>(0,it.jsx)("th",{ref:c,className:o("px-4 py-3 text-left text-sm font-semibold text-[var(--inkblot-semantic-color-text-secondary)]",t),...s,children:r?(0,it.jsxs)("button",{type:"button",onClick:n,className:"inline-flex items-center gap-[var(--inkblot-spacing-1)] rounded-[var(--inkblot-radius-sm)] text-inherit transition-colors duration-[var(--inkblot-duration-fast)] hover:text-[var(--inkblot-semantic-color-text-primary)]",...i,children:[e,a==="asc"?(0,it.jsx)(kr.ArrowUp,{className:"h-3.5 w-3.5","aria-hidden":!0}):a==="desc"?(0,it.jsx)(kr.ArrowDown,{className:"h-3.5 w-3.5","aria-hidden":!0}):(0,it.jsx)(kr.ArrowUpDown,{className:"h-3.5 w-3.5","aria-hidden":!0})]}):e})),vn=(0,we.forwardRef)(({className:t,...e},r)=>(0,it.jsx)("td",{ref:r,className:o("px-4 py-3 text-sm",t),...e})),gn=(0,we.forwardRef)(({className:t,...e},r)=>(0,it.jsx)("caption",{ref:r,className:o("p-3 text-left text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",t),...e})),fn=(0,we.forwardRef)(({className:t,colSpan:e,title:r="No data available",description:a="Adjust filters or add records to populate this table.",...n},i)=>(0,it.jsx)("tr",{children:(0,it.jsx)("td",{ref:i,colSpan:e,className:o("px-4 py-10 text-center align-middle","text-[var(--inkblot-semantic-color-text-secondary)]",t),...n,children:(0,it.jsxs)("div",{className:"mx-auto flex max-w-[420px] flex-col gap-[var(--inkblot-spacing-1)]",children:[(0,it.jsx)("span",{className:"[font:var(--inkblot-semantic-typography-body-large-bold)] text-[var(--inkblot-semantic-color-text-primary)]",children:r}),(0,it.jsx)("span",{className:"[font:var(--inkblot-semantic-typography-body-small)]",children:a})]})})}));dn.displayName="Table";mn.displayName="TableHeader";pn.displayName="TableBody";bn.displayName="TableRow";un.displayName="TableHead";vn.displayName="TableCell";gn.displayName="TableCaption";fn.displayName="TableEmptyState";var jo=require("react");var yr=require("react/jsx-runtime");function Os({items:t,value:e,defaultValue:r,onValueChange:a,fullWidth:n=!1,className:i,...s}){let c=r??t.find(m=>!m.disabled)?.id??"",[l,d]=(0,jo.useState)(c),p=e??l,u=(0,jo.useMemo)(()=>t.find(m=>m.id===p)??t.find(m=>!m.disabled),[p,t]),v=m=>{e===void 0&&d(m),a?.(m)};return(0,yr.jsxs)("div",{className:o("w-full",i),...s,children:[(0,yr.jsx)("div",{role:"tablist",className:"inline-flex rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-tertiary)] p-1",children:t.map(m=>{let g=m.id===u?.id;return(0,yr.jsx)("button",{type:"button",role:"tab","aria-selected":g,disabled:m.disabled,onClick:()=>v(m.id),className:o("min-h-[var(--inkblot-size-touch-target-min)] rounded-[var(--inkblot-radius-md)] px-4 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",n&&"flex-1",g?"bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-primary)]":"text-[var(--inkblot-semantic-color-text-secondary)] hover:text-[var(--inkblot-semantic-color-text-primary)]"),children:m.label},m.id)})}),(0,yr.jsx)("div",{className:"mt-3 rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] p-4 text-[var(--inkblot-semantic-color-text-primary)]",children:u?.content})]})}var zs=require("react");var Vs=require("react/jsx-runtime"),Dc={none:"resize-none",vertical:"resize-y",horizontal:"resize-x",both:"resize"},kn=(0,zs.forwardRef)(({className:t,error:e,disabled:r,resize:a="vertical",...n},i)=>(0,Vs.jsx)("textarea",{ref:i,disabled:r,"aria-invalid":e,className:o("min-h-[120px] w-full rounded-[var(--inkblot-radius-md)] border bg-[var(--inkblot-semantic-color-background-secondary)] px-4 py-3 text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)] transition-[border-color,box-shadow] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)] focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-[var(--inkblot-opacity-disabled)]",Dc[a],e?"border-[var(--inkblot-semantic-color-status-error)] focus-visible:ring-[var(--inkblot-semantic-color-status-error)]":"border-[var(--inkblot-semantic-color-border-default)] hover:border-[var(--inkblot-semantic-color-border-strong)]",t),...n}));kn.displayName="Textarea";var Fs=require("react");var Uo=require("react/jsx-runtime"),Hc={top:"bottom-full left-1/2 mb-2 -translate-x-1/2",right:"left-full top-1/2 ml-2 -translate-y-1/2",bottom:"left-1/2 top-full mt-2 -translate-x-1/2",left:"right-full top-1/2 mr-2 -translate-y-1/2"};function Gs({content:t,side:e="top",open:r,defaultOpen:a=!1,onOpenChange:n,disabled:i=!1,className:s,children:c,...l}){let[d,p]=(0,Fs.useState)(a),u=r??d,v=m=>{r===void 0&&p(m),n?.(m)};return(0,Uo.jsxs)("span",{className:o("relative inline-flex",s),onMouseEnter:()=>!i&&v(!0),onMouseLeave:()=>v(!1),onFocus:()=>!i&&v(!0),onBlur:()=>v(!1),...l,children:[c,u&&!i?(0,Uo.jsx)("span",{role:"tooltip",className:o("pointer-events-none absolute z-50 rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-3 py-2 text-xs text-[var(--inkblot-semantic-color-text-primary)] shadow-sm",Hc[e]),children:t}):null]})}var Ws=require("react"),Ks=require("react-router-dom");var _s=require("react/jsx-runtime"),qo=(0,Ws.forwardRef)(({className:t,activeClassName:e,pendingClassName:r,...a},n)=>(0,_s.jsx)(Ks.NavLink,{ref:n,className:({isActive:i,isPending:s})=>o(t,i&&e,s&&r),...a}));qo.displayName="NavLinkRouter";var Bc="var(--inkblot-semantic-color-background-primary)",Oc="var(--inkblot-semantic-color-background-secondary)",zc="var(--inkblot-semantic-color-border-default)",Vc="var(--inkblot-semantic-color-text-primary)",Fc="var(--inkblot-semantic-color-text-secondary)",Gc="var(--inkblot-semantic-color-interactive-primary)",Wc="var(--inkblot-semantic-color-interactive-secondary)",Kc="var(--inkblot-semantic-color-interactive-secondary-hover)";var xt=require("react"),xr=require("lucide-react");var rt=require("react/jsx-runtime");function $s({options:t,value:e,defaultValue:r,onChange:a,placeholder:n="Select an option",searchPlaceholder:i="Search...",emptyMessage:s="No results found",clearable:c=!1,disabled:l=!1,className:d}){let p=e!==void 0,[u,v]=(0,xt.useState)(r??null),m=p?e:u,[g,h]=(0,xt.useState)(!1),[P,N]=(0,xt.useState)(""),[I,C]=(0,xt.useState)(-1),w=(0,xt.useRef)(null),f=(0,xt.useRef)(null),b=(0,xt.useRef)(null),y=t.filter(k=>k.label.toLowerCase().includes(P.toLowerCase())),T=t.find(k=>k.value===m),S=(0,xt.useCallback)(k=>{p||v(k),a?.(k),h(!1),N(""),C(-1)},[p,a]);(0,xt.useEffect)(()=>{if(!g)return;let k=F=>{w.current&&!w.current.contains(F.target)&&(h(!1),N(""),C(-1))};return document.addEventListener("mousedown",k),()=>document.removeEventListener("mousedown",k)},[g]),(0,xt.useEffect)(()=>{g&&b.current?.focus()},[g]),(0,xt.useEffect)(()=>{if(I<0||!f.current)return;f.current.querySelectorAll("[data-option]")[I]?.scrollIntoView({block:"nearest"})},[I]);let B=k=>{if(!g){(k.key==="Enter"||k.key===" "||k.key==="ArrowDown")&&(k.preventDefault(),h(!0));return}switch(k.key){case"ArrowDown":{k.preventDefault(),C(F=>{let M=F+1;for(;M<y.length&&y[M].disabled;)M++;return M<y.length?M:F});break}case"ArrowUp":{k.preventDefault(),C(F=>{let M=F-1;for(;M>=0&&y[M].disabled;)M--;return M>=0?M:F});break}case"Enter":{k.preventDefault(),I>=0&&I<y.length&&!y[I].disabled&&S(y[I].value);break}case"Escape":{k.preventDefault(),h(!1),N(""),C(-1);break}}};return(0,rt.jsxs)("div",{ref:w,className:o("relative w-full",d),onKeyDown:B,children:[(0,rt.jsxs)("button",{type:"button",disabled:l,"aria-expanded":g,"aria-haspopup":"listbox",onClick:()=>{l||h(k=>!k)},className:o("flex min-h-[var(--inkblot-size-touch-target-min)] w-full items-center justify-between gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-md)] border px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-background-secondary)] text-[var(--inkblot-semantic-color-text-primary)]","transition-[border-color,box-shadow] duration-[var(--inkblot-duration-fast)] ease-[var(--inkblot-easing-default)]","border-[var(--inkblot-semantic-color-border-default)] hover:border-[var(--inkblot-semantic-color-border-strong)]","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--inkblot-semantic-color-background-primary)]",l&&"pointer-events-none cursor-not-allowed opacity-[var(--inkblot-opacity-disabled)]"),children:[(0,rt.jsx)("span",{className:o("truncate text-left",!T&&"text-[var(--inkblot-semantic-color-text-tertiary)]"),children:T?T.label:n}),(0,rt.jsxs)("span",{className:"flex shrink-0 items-center gap-[var(--inkblot-spacing-1)]",children:[c&&T&&(0,rt.jsx)("span",{role:"button",tabIndex:0,"aria-label":"Clear selection",onClick:k=>{k.stopPropagation(),S(null)},onKeyDown:k=>{k.key==="Enter"&&(k.stopPropagation(),S(null))},className:o("flex items-center justify-center rounded-[var(--inkblot-radius-sm)] p-[var(--inkblot-spacing-1)]","text-[var(--inkblot-semantic-color-text-tertiary)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:text-[var(--inkblot-semantic-color-text-primary)]","transition-colors duration-[var(--inkblot-duration-fast)]"),children:(0,rt.jsx)(xr.X,{className:"size-3.5"})}),(0,rt.jsx)(xr.ChevronDown,{"aria-hidden":!0,className:o("size-4 text-[var(--inkblot-semantic-color-text-tertiary)] transition-transform duration-[var(--inkblot-duration-fast)]",g&&"rotate-180")})]})]}),(0,rt.jsxs)("div",{className:o("absolute left-0 top-full z-50 mt-[var(--inkblot-spacing-1)] w-full overflow-hidden rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] shadow-[var(--inkblot-shadow-md)]","transition-[opacity,transform] duration-[var(--inkblot-duration-normal)] ease-[var(--inkblot-easing-default)]","origin-top",g?"pointer-events-auto scale-y-100 opacity-100":"pointer-events-none scale-y-95 opacity-0"),children:[(0,rt.jsx)("div",{className:"border-b border-[var(--inkblot-semantic-color-border-default)] p-[var(--inkblot-spacing-2)]",children:(0,rt.jsxs)("div",{className:"flex items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-sm)] bg-[var(--inkblot-semantic-color-background-tertiary)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-1)]",children:[(0,rt.jsx)(xr.Search,{className:"size-3.5 shrink-0 text-[var(--inkblot-semantic-color-text-tertiary)]"}),(0,rt.jsx)("input",{ref:b,type:"text",value:P,onChange:k=>{N(k.target.value),C(-1)},placeholder:i,className:"w-full bg-transparent py-[var(--inkblot-spacing-1)] text-sm text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)] focus:outline-none"})]})}),(0,rt.jsx)("ul",{ref:f,role:"listbox",className:"max-h-60 overflow-y-auto p-[var(--inkblot-spacing-1)]",children:y.length===0?(0,rt.jsx)("li",{className:"px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-4)] text-center text-sm text-[var(--inkblot-semantic-color-text-tertiary)]",children:s}):y.map((k,F)=>{let M=k.value===m,$=F===I;return(0,rt.jsxs)("li",{role:"option","data-option":!0,"aria-selected":M,"aria-disabled":k.disabled,onClick:()=>{k.disabled||S(k.value)},onMouseEnter:()=>{k.disabled||C(F)},className:o("flex cursor-pointer items-center gap-[var(--inkblot-spacing-3)] rounded-[var(--inkblot-radius-sm)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]","transition-colors duration-[var(--inkblot-duration-fast)]",$&&!k.disabled&&"bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]",M&&"bg-[var(--inkblot-semantic-color-interactive-secondary)]",k.disabled&&"pointer-events-none cursor-not-allowed opacity-[var(--inkblot-opacity-disabled)]"),children:[k.icon&&(0,rt.jsx)("span",{className:"flex size-5 shrink-0 items-center justify-center text-[var(--inkblot-semantic-color-text-secondary)]",children:k.icon}),(0,rt.jsxs)("span",{className:"flex min-w-0 flex-1 flex-col",children:[(0,rt.jsx)("span",{className:"truncate text-sm text-[var(--inkblot-semantic-color-text-primary)]",children:k.label}),k.description&&(0,rt.jsx)("span",{className:"truncate text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:k.description})]})]},k.value)})})]})]})}var ce=require("react"),te=require("lucide-react");var z=require("react/jsx-runtime");function js({messages:t=[],onSend:e,isProcessing:r=!1,placeholder:a="Ask Citron Intelligence...",agents:n,activeAgent:i,onAgentChange:s,onFilesAttach:c,emptyStateMessage:l="Ask anything \u2014 deals, contacts, forecasts...",className:d}){let[p,u]=(0,ce.useState)(""),[v,m]=(0,ce.useState)(!1),g=(0,ce.useRef)(null),h=(0,ce.useRef)(null),P=(0,ce.useRef)(null);(0,ce.useEffect)(()=>{g.current&&(g.current.scrollTop=g.current.scrollHeight)},[t]),(0,ce.useEffect)(()=>{if(!v)return;let f=b=>{P.current&&!P.current.contains(b.target)&&m(!1)};return document.addEventListener("mousedown",f),()=>document.removeEventListener("mousedown",f)},[v]);let N=()=>{let f=p.trim();!f||r||(e?.(f),u(""))},I=f=>{f.key==="Enter"&&!f.shiftKey&&(f.preventDefault(),N())},C=f=>{let b=f.target.files;b&&b.length>0&&c&&c(Array.from(b)),f.target.value=""},w=n?.find(f=>f.id===i);return(0,z.jsxs)("div",{className:o("flex h-full flex-col bg-[var(--inkblot-semantic-color-background-primary)]",d),children:[t.length===0?(0,z.jsx)("div",{className:"flex flex-1 items-center justify-center",children:(0,z.jsx)("p",{className:"[font:var(--inkblot-semantic-typography-body-default)] text-[var(--inkblot-semantic-color-text-tertiary)]",children:l})}):(0,z.jsx)("div",{ref:g,className:"flex-1 overflow-y-auto",children:(0,z.jsx)("div",{className:"mx-auto flex max-w-3xl flex-col gap-[var(--inkblot-spacing-4)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-6)]",children:t.map(f=>f.role==="user"?(0,z.jsx)("div",{className:"flex justify-end",children:(0,z.jsx)("div",{className:"max-w-[80%] rounded-[var(--inkblot-radius-xl)] bg-[var(--inkblot-semantic-color-interactive-primary)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)] [font:var(--inkblot-semantic-typography-body-default)] text-[var(--inkblot-semantic-color-text-inverse)]",children:f.renderedContent??f.content})},f.id):(0,z.jsxs)("div",{className:"flex items-start gap-[var(--inkblot-spacing-2)]",children:[(0,z.jsx)(te.Sparkles,{size:16,strokeWidth:1.7,className:"mt-[var(--inkblot-spacing-1)] shrink-0 text-[var(--inkblot-semantic-color-text-tertiary)]","aria-hidden":!0}),(0,z.jsx)("div",{className:"max-w-[90%] [font:var(--inkblot-semantic-typography-body-default)] text-[var(--inkblot-semantic-color-text-primary)]",children:f.renderedContent??f.content})]},f.id))})}),(0,z.jsx)("div",{className:"shrink-0 border-t border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]",children:(0,z.jsxs)("div",{className:"mx-auto flex max-w-3xl flex-col gap-[var(--inkblot-spacing-2)]",children:[(0,z.jsxs)("div",{className:o("flex items-end gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-xl)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-2)] shadow-[var(--inkblot-shadow-sm)]",r&&"pointer-events-none"),"aria-busy":r,children:[(0,z.jsx)("input",{ref:h,type:"file",multiple:!0,onChange:C,className:"sr-only","aria-hidden":!0}),(0,z.jsx)("button",{type:"button",onClick:()=>h.current?.click(),disabled:r,className:o("flex h-9 w-9 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-full)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] text-[var(--inkblot-semantic-color-text-tertiary)] transition-[background,border-color,color] duration-[var(--inkblot-duration-fast)]","hover:bg-[var(--inkblot-semantic-color-background-tertiary)] hover:text-[var(--inkblot-semantic-color-text-secondary)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]","disabled:pointer-events-none disabled:opacity-50"),"aria-label":"Attach files",children:(0,z.jsx)(te.Paperclip,{size:18,strokeWidth:1.7,"aria-hidden":!0})}),(0,z.jsx)("textarea",{value:p,onChange:f=>u(f.target.value),onKeyDown:I,placeholder:a,rows:1,disabled:r,className:o("min-h-[2.25rem] min-w-0 flex-1 resize-none border-0 bg-transparent py-[var(--inkblot-spacing-1)] [font:var(--inkblot-semantic-typography-body-default)] text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]","focus:outline-none focus:ring-0","disabled:cursor-not-allowed disabled:opacity-50")}),(0,z.jsx)("div",{className:"flex h-8 w-8 shrink-0 items-center justify-center",children:r?(0,z.jsx)("div",{className:"flex h-full w-full items-center justify-center rounded-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-interactive-primary)]",children:(0,z.jsx)(te.Loader2,{size:16,strokeWidth:2,className:"animate-spin text-[var(--inkblot-semantic-color-text-inverse)]","aria-hidden":!0})}):(0,z.jsx)("button",{type:"button",onClick:N,className:o("flex h-full w-full items-center justify-center rounded-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)] transition-[background,box-shadow] duration-[var(--inkblot-duration-fast)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)] focus:ring-offset-2 focus:ring-offset-[var(--inkblot-semantic-color-background-primary)]"),"aria-label":"Send",children:(0,z.jsx)(te.Send,{size:16,strokeWidth:2,"aria-hidden":!0})})})]}),n&&n.length>0&&(0,z.jsxs)("div",{ref:P,className:"relative",children:[(0,z.jsxs)("button",{type:"button",onClick:()=>m(f=>!f),className:o("flex items-center gap-[var(--inkblot-spacing-1)] rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)] [font:var(--inkblot-semantic-typography-body-small)] text-[var(--inkblot-semantic-color-text-secondary)] transition-colors duration-[var(--inkblot-duration-fast)]","hover:bg-[var(--inkblot-semantic-color-background-tertiary)] hover:text-[var(--inkblot-semantic-color-text-primary)]"),children:[(0,z.jsx)(te.Sparkles,{size:14,strokeWidth:1.7,"aria-hidden":!0}),(0,z.jsx)("span",{children:w?.label??"Select agent"}),(0,z.jsx)(te.ChevronDown,{size:14,strokeWidth:1.7,className:o("transition-transform duration-[var(--inkblot-duration-fast)]",v&&"rotate-180"),"aria-hidden":!0})]}),v&&(0,z.jsx)("div",{className:"absolute bottom-full left-0 z-10 mb-[var(--inkblot-spacing-1)] min-w-[12rem] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)] p-[var(--inkblot-spacing-1)] shadow-[var(--inkblot-shadow-sm)]",children:n.map(f=>(0,z.jsxs)("button",{type:"button",onClick:()=>{s?.(f.id),m(!1)},className:o("flex w-full flex-col gap-0.5 rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)] text-left transition-colors duration-[var(--inkblot-duration-fast)]",f.id===i?"bg-[var(--inkblot-semantic-color-background-tertiary)] text-[var(--inkblot-semantic-color-text-primary)]":"text-[var(--inkblot-semantic-color-text-secondary)] hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]"),children:[(0,z.jsx)("span",{className:"[font:var(--inkblot-semantic-typography-body-small)]",children:f.label}),f.description&&(0,z.jsx)("span",{className:"[font:var(--inkblot-semantic-typography-body-small)] text-[var(--inkblot-semantic-color-text-tertiary)]",children:f.description})]},f.id))})]})]})})]})}var hr=require("react"),Ce=require("lucide-react");var V=require("react/jsx-runtime");function Us({moduleLabel:t,agentLabel:e="Module Assistant",messages:r=[],onSend:a,isProcessing:n=!1,placeholder:i="Ask a question...",onClose:s,className:c}){let[l,d]=(0,hr.useState)(""),p=(0,hr.useRef)(null);(0,hr.useEffect)(()=>{p.current?.scrollIntoView({behavior:"smooth"})},[r,n]);let u=()=>{let m=l.trim();m&&(a?.(m),d(""))},v=m=>{m.key==="Enter"&&!m.shiftKey&&(m.preventDefault(),u())};return(0,V.jsxs)("div",{className:o("flex h-full w-80 flex-col border-l border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-primary)]",c),children:[(0,V.jsxs)("div",{className:"flex items-center justify-between border-b border-[var(--inkblot-semantic-color-border-default)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]",children:[(0,V.jsxs)("div",{className:"min-w-0",children:[(0,V.jsx)("p",{className:"truncate text-sm font-medium text-[var(--inkblot-semantic-color-text-primary)]",children:t}),(0,V.jsx)("p",{className:"truncate text-xs text-[var(--inkblot-semantic-color-text-tertiary)]",children:e})]}),s&&(0,V.jsx)("button",{type:"button",onClick:s,className:"ml-[var(--inkblot-spacing-2)] flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-md)] text-[var(--inkblot-semantic-color-text-tertiary)] transition-colors duration-[var(--inkblot-duration-fast)] hover:bg-[var(--inkblot-semantic-color-background-secondary)] hover:text-[var(--inkblot-semantic-color-text-primary)]","aria-label":"Close assistant panel",children:(0,V.jsx)(Ce.X,{className:"h-4 w-4"})})]}),(0,V.jsx)("div",{className:"hide-scrollbar flex-1 overflow-y-auto px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]",children:r.length===0&&!n?(0,V.jsx)("div",{className:"flex h-full items-center justify-center",children:(0,V.jsxs)("div",{className:"text-center",children:[(0,V.jsx)(Ce.Sparkles,{className:"mx-auto mb-[var(--inkblot-spacing-2)] h-5 w-5 text-[var(--inkblot-semantic-color-text-tertiary)]"}),(0,V.jsxs)("p",{className:"[font:var(--inkblot-semantic-typography-body-small)] text-[var(--inkblot-semantic-color-text-tertiary)]",children:["Ask anything about ",t]})]})}):(0,V.jsxs)("div",{className:"space-y-[var(--inkblot-spacing-3)]",children:[r.map(m=>m.role==="user"?(0,V.jsx)("div",{className:"flex justify-end",children:(0,V.jsx)("div",{className:"max-w-[85%] rounded-[var(--inkblot-radius-lg)] rounded-br-[var(--inkblot-radius-md)] bg-[var(--inkblot-semantic-color-interactive-primary)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)] shadow-[var(--inkblot-shadow-sm)]",children:(0,V.jsx)("p",{className:"[font:var(--inkblot-semantic-typography-body-small)] text-white",children:m.content})})},m.id):(0,V.jsxs)("div",{className:"flex items-start gap-[var(--inkblot-spacing-2)]",children:[(0,V.jsx)("div",{className:"mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-background-secondary)]",children:(0,V.jsx)(Ce.Sparkles,{className:"h-3 w-3 text-[var(--inkblot-semantic-color-interactive-primary)]"})}),(0,V.jsx)("div",{className:"min-w-0 flex-1",children:m.renderedContent??(0,V.jsx)("p",{className:"[font:var(--inkblot-semantic-typography-body-small)] text-[var(--inkblot-semantic-color-text-secondary)]",children:m.content})})]},m.id)),n&&(0,V.jsxs)("div",{className:"flex items-start gap-[var(--inkblot-spacing-2)]",children:[(0,V.jsx)("div",{className:"mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-background-secondary)]",children:(0,V.jsx)(Ce.Loader2,{className:"h-3 w-3 animate-spin text-[var(--inkblot-semantic-color-interactive-primary)]"})}),(0,V.jsx)("p",{className:"[font:var(--inkblot-semantic-typography-body-small)] text-[var(--inkblot-semantic-color-text-tertiary)]",children:"Thinking..."})]}),(0,V.jsx)("div",{ref:p})]})}),(0,V.jsx)("div",{className:"border-t border-[var(--inkblot-semantic-color-border-default)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-3)]",children:(0,V.jsxs)("div",{className:"flex items-end gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-lg)] border border-[var(--inkblot-semantic-color-border-default)] bg-[var(--inkblot-semantic-color-background-secondary)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)] transition-colors duration-[var(--inkblot-duration-fast)] focus-within:border-[var(--inkblot-semantic-color-border-focus)]",children:[(0,V.jsx)("textarea",{value:l,onChange:m=>d(m.target.value),onKeyDown:v,placeholder:i,rows:1,className:"max-h-24 min-h-[1.5rem] flex-1 resize-none bg-transparent [font:var(--inkblot-semantic-typography-body-small)] text-[var(--inkblot-semantic-color-text-primary)] outline-none placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]"}),(0,V.jsx)("button",{type:"button",onClick:u,disabled:!l.trim()||n,className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-full)] bg-[var(--inkblot-semantic-color-interactive-primary)] text-white transition-opacity duration-[var(--inkblot-duration-fast)] hover:opacity-90 disabled:opacity-30","aria-label":"Send message",children:(0,V.jsx)(Ce.Send,{className:"h-3 w-3"})})]})})]})}var vt=require("react"),Nr=require("lucide-react");var A=require("react/jsx-runtime"),Xo=o("min-h-[var(--inkblot-size-touch-target-min)] w-full rounded-[var(--inkblot-radius-md)]","border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-primary)] placeholder:text-[var(--inkblot-semantic-color-text-tertiary)]","transition-colors duration-[var(--inkblot-duration-fast)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)]"),je=o("[font:var(--inkblot-semantic-typography-body-small)] font-medium","text-[var(--inkblot-semantic-color-text-secondary)]"),Ys="border-[var(--inkblot-semantic-color-status-error)]";function qs({items:t,value:e,onChange:r,placeholder:a,hasError:n,onCreateNew:i,createNewLabel:s}){let[c,l]=(0,vt.useState)(""),[d,p]=(0,vt.useState)(!1),u=(0,vt.useRef)(null);(0,vt.useEffect)(()=>{let g=h=>{u.current&&!u.current.contains(h.target)&&p(!1)};return document.addEventListener("mousedown",g),()=>document.removeEventListener("mousedown",g)},[]);let v=t.find(g=>g.id===e),m=t.filter(g=>g.name.toLowerCase().includes(c.toLowerCase()));return(0,A.jsxs)("div",{ref:u,className:"relative",children:[(0,A.jsx)("input",{type:"text",value:d?c:v?.name??"",onChange:g=>{l(g.target.value),d||p(!0)},onFocus:()=>{p(!0),l("")},placeholder:a,className:o(Xo,n&&!e&&Ys)}),d&&(0,A.jsxs)("div",{className:o("absolute z-50 mt-[var(--inkblot-spacing-1)] max-h-48 w-full overflow-auto","rounded-[var(--inkblot-radius-md)] border border-[var(--inkblot-semantic-color-border-default)]","bg-[var(--inkblot-semantic-color-background-primary)] shadow-[var(--inkblot-shadow-sm)]"),children:[m.map(g=>(0,A.jsx)("button",{type:"button",onClick:()=>{r(g.id),p(!1),l("")},className:o("w-full px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)] text-left","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-primary)]","transition-colors duration-[var(--inkblot-duration-fast)]","hover:bg-[var(--inkblot-semantic-color-background-tertiary)]",g.id===e&&"bg-[var(--inkblot-semantic-color-background-tertiary)]"),children:g.name},g.id)),m.length===0&&!i&&(0,A.jsx)("div",{className:o("px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)]","[font:var(--inkblot-semantic-typography-body-small)]","text-[var(--inkblot-semantic-color-text-tertiary)]"),children:"No results"}),i&&m.length===0&&(0,A.jsxs)("button",{type:"button",onClick:()=>{i(),p(!1)},className:o("flex w-full items-center gap-[var(--inkblot-spacing-2)]","px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-small)] font-medium","text-[var(--inkblot-semantic-color-interactive-primary)]","transition-colors duration-[var(--inkblot-duration-fast)]","hover:bg-[var(--inkblot-semantic-color-background-tertiary)]"),children:[(0,A.jsx)(Nr.Plus,{className:"h-4 w-4"}),s??"Create new"]})]})]})}function Yo({options:t,value:e,onChange:r,placeholder:a}){return(0,A.jsxs)("div",{className:"relative",children:[(0,A.jsxs)("select",{value:e,onChange:n=>r(n.target.value),className:o(Xo,"appearance-none pr-[var(--inkblot-spacing-8)]"),children:[(0,A.jsx)("option",{value:"",children:a}),t.map(n=>(0,A.jsx)("option",{value:n,children:n},n))]}),(0,A.jsx)(Nr.ChevronDown,{className:o("pointer-events-none absolute right-[var(--inkblot-spacing-3)] top-1/2 h-4 w-4 -translate-y-1/2","text-[var(--inkblot-semantic-color-text-tertiary)]")})]})}var _c=["Bank Transfer","Credit Card","Cash","Check"],$c=["VAT 21%","VAT 10%","VAT 0%","Exempt"],jc=["Standard","Proforma","Credit Note","Debit Note"],Uc=["Main Account","Secondary Account"];function Xs({clients:t,products:e,paymentMethods:r=_c,taxTypes:a=$c,invoiceTypes:n=jc,bankAccounts:i=Uc,onSubmit:s,onCreateClient:c,isSubmitting:l=!1,className:d}){let[p,u]=(0,vt.useState)(""),[v,m]=(0,vt.useState)(""),[g,h]=(0,vt.useState)(""),[P,N]=(0,vt.useState)(""),[I,C]=(0,vt.useState)(""),[w,f]=(0,vt.useState)(""),[b,y]=(0,vt.useState)(""),[T,S]=(0,vt.useState)(""),[B,k]=(0,vt.useState)(!1);return(0,A.jsxs)("form",{onSubmit:M=>{M.preventDefault(),k(!0),!(!p||!v||!g)&&s?.({clientId:p,productId:v,quantity:Number(g),paymentMethod:P,taxType:I,invoiceType:w,bankAccount:b,notes:T})},className:o("rounded-[var(--inkblot-radius-xl)]","bg-[var(--inkblot-semantic-color-background-secondary)]","p-[var(--inkblot-spacing-6)]",d),children:[(0,A.jsx)("h2",{className:o("[font:var(--inkblot-semantic-typography-heading-4)]","text-[var(--inkblot-semantic-color-text-primary)]","mb-[var(--inkblot-spacing-6)]"),children:"New Invoice"}),(0,A.jsxs)("div",{className:"grid grid-cols-1 gap-[var(--inkblot-spacing-4)] md:grid-cols-2",children:[(0,A.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-2)]",children:[(0,A.jsx)("label",{className:je,children:"Client"}),(0,A.jsx)(qs,{items:t,value:p,onChange:u,placeholder:"Search client...",hasError:B,onCreateNew:c,createNewLabel:"+ Create new client"})]}),(0,A.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-2)]",children:[(0,A.jsx)("label",{className:je,children:"Product / Service"}),(0,A.jsx)(qs,{items:e,value:v,onChange:m,placeholder:"Search product...",hasError:B})]}),(0,A.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-2)]",children:[(0,A.jsx)("label",{className:je,children:"Quantity"}),(0,A.jsx)("input",{type:"number",min:1,value:g,onChange:M=>h(M.target.value===""?"":Number(M.target.value)),placeholder:"1",className:o(Xo,B&&!g&&Ys)})]}),(0,A.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-2)]",children:[(0,A.jsx)("label",{className:je,children:"Payment Method"}),(0,A.jsx)(Yo,{options:r,value:P,onChange:N,placeholder:"Select..."})]}),(0,A.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-2)]",children:[(0,A.jsx)("label",{className:je,children:"Tax Type"}),(0,A.jsx)(Yo,{options:a,value:I,onChange:C,placeholder:"Select..."})]}),(0,A.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-2)]",children:[(0,A.jsx)("label",{className:je,children:"Invoice Type"}),(0,A.jsx)(Yo,{options:n,value:w,onChange:f,placeholder:"Select..."})]}),(0,A.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-2)]",children:[(0,A.jsx)("label",{className:je,children:"Bank Account"}),(0,A.jsx)(Yo,{options:i,value:b,onChange:y,placeholder:"Select..."})]}),(0,A.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-2)] md:col-span-2",children:[(0,A.jsx)("label",{className:je,children:"Notes"}),(0,A.jsx)("textarea",{value:T,onChange:M=>S(M.target.value),rows:3,placeholder:"Additional notes...",className:o(Xo,"resize-y")})]})]}),(0,A.jsx)("div",{className:"mt-[var(--inkblot-spacing-6)] flex justify-end",children:(0,A.jsxs)("button",{type:"submit",disabled:l,className:o("inline-flex min-h-[var(--inkblot-size-touch-target-min)] items-center justify-center gap-[var(--inkblot-spacing-2)]","rounded-[var(--inkblot-radius-lg)]","bg-[var(--inkblot-semantic-color-interactive-primary)]","px-[var(--inkblot-spacing-6)] py-[var(--inkblot-spacing-2)]","[font:var(--inkblot-semantic-typography-body-small)] font-medium","text-[var(--inkblot-semantic-color-text-inverse)]","transition-colors duration-[var(--inkblot-duration-fast)]","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)]","active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]","focus:outline-none focus:ring-2 focus:ring-[var(--inkblot-semantic-color-border-focus)]","disabled:opacity-[var(--inkblot-opacity-disabled)] disabled:cursor-not-allowed"),children:[l&&(0,A.jsx)(Nr.Loader2,{className:"h-4 w-4 animate-spin"}),"Create Invoice"]})})]})}var Zs=require("lucide-react");var Et=require("react/jsx-runtime");function qc({item:t,onSelect:e,onGenerateWithAI:r}){return(0,Et.jsxs)("div",{role:"button",tabIndex:0,onClick:()=>e?.(t),onKeyDown:a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),e?.(t))},className:o("group mb-[var(--inkblot-spacing-4)] break-inside-avoid rounded-[var(--inkblot-radius-lg)]","bg-[var(--inkblot-semantic-color-background-secondary)] shadow-[var(--inkblot-shadow-sm)]","cursor-pointer transition-shadow duration-[var(--inkblot-duration-fast)]","hover:shadow-[var(--inkblot-shadow-md)]","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)]"),children:[t.thumbnail?(0,Et.jsx)("img",{src:t.thumbnail,alt:t.title,className:"w-full rounded-t-[var(--inkblot-radius-lg)] object-cover"}):(0,Et.jsx)("div",{className:"flex h-32 items-center justify-center rounded-t-[var(--inkblot-radius-lg)] bg-[var(--inkblot-semantic-color-background-tertiary)]",children:(0,Et.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-tertiary)] [font:var(--inkblot-semantic-typography-body-small)]",children:"No preview"})}),(0,Et.jsxs)("div",{className:"flex flex-col gap-[var(--inkblot-spacing-2)] p-[var(--inkblot-spacing-4)]",children:[t.category&&(0,Et.jsx)("span",{className:o("inline-flex w-fit items-center rounded-[var(--inkblot-radius-sm)] px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)]","bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-secondary)]","[font:var(--inkblot-semantic-typography-body-small)]"),children:t.category}),(0,Et.jsx)("h3",{className:"text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-heading-4)]",children:t.title}),t.description&&(0,Et.jsx)("p",{className:"line-clamp-2 text-[var(--inkblot-semantic-color-text-secondary)] [font:var(--inkblot-semantic-typography-body-small)]",children:t.description}),r&&(0,Et.jsxs)("button",{type:"button",onClick:a=>{a.stopPropagation(),r(t)},className:o("mt-[var(--inkblot-spacing-1)] inline-flex w-full items-center justify-center gap-[var(--inkblot-spacing-2)]","rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-3)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]","[font:var(--inkblot-semantic-typography-body-small)]","opacity-0 transition-opacity duration-[var(--inkblot-duration-fast)] group-hover:opacity-100","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)]","active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]","focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)]"),children:[(0,Et.jsx)(Zs.Sparkles,{className:"h-4 w-4","aria-hidden":!0}),"Generate with AI"]})]})]})}function Qs({items:t,columns:e=3,onSelect:r,onGenerateWithAI:a,className:n}){return(0,Et.jsx)("div",{className:o("gap-[var(--inkblot-spacing-4)]",n),style:{columns:e,columnGap:"var(--inkblot-spacing-4)"},children:t.map(i=>(0,Et.jsx)(qc,{item:i,onSelect:r,onGenerateWithAI:a},i.id))})}var Zo=require("react"),ht=require("lucide-react");var O=require("react/jsx-runtime"),Yc={todo:{label:"To Do",color:"bg-[var(--inkblot-semantic-color-text-tertiary)]"},in_progress:{label:"In Progress",color:"bg-[var(--inkblot-semantic-color-status-info)]"},done:{label:"Done",color:"bg-[var(--inkblot-semantic-color-status-success)]"}},Xc={urgent:{label:"Urgent",icon:ht.AlertTriangle,color:"text-[var(--inkblot-semantic-color-status-warning)]"},high:{label:"High",icon:ht.ArrowUp,color:"text-[var(--inkblot-semantic-color-status-warning)]"},medium:{label:"Medium",icon:ht.Minus,color:"text-[var(--inkblot-semantic-color-status-info)]"},low:{label:"Low",icon:ht.ArrowDown,color:"text-[var(--inkblot-semantic-color-text-tertiary)]"}};function Zc(t){return t.completed?"done":"todo"}function wr({label:t,children:e}){return(0,O.jsxs)("div",{className:"flex items-start gap-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-3)] border-b border-[var(--inkblot-semantic-color-border-default)]",children:[(0,O.jsx)("span",{className:"w-28 shrink-0 text-[var(--inkblot-semantic-color-text-tertiary)] [font:var(--inkblot-semantic-typography-body-small)]",children:t}),(0,O.jsx)("div",{className:"min-w-0 flex-1 text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-body-small)]",children:e})]})}function Js({task:t,open:e,onOpenChange:r,extraFields:a,onStatusChange:n,onAssigneeChange:i,className:s}){let c=(0,Zo.useCallback)(()=>r?.(!1),[r]);if((0,Zo.useEffect)(()=>{if(!e)return;let v=m=>{m.key==="Escape"&&c()};return document.addEventListener("keydown",v),()=>document.removeEventListener("keydown",v)},[e,c]),!e)return null;let l=t?Zc(t):null,d=l?Yc[l]:null,p=t?Xc[t.priority]:null,u=p?.icon??ht.Minus;return(0,O.jsxs)("div",{className:"fixed inset-0 z-50 flex justify-end",children:[(0,O.jsx)("div",{className:"absolute inset-0 bg-black/40 transition-opacity duration-[var(--inkblot-duration-fast)]",onClick:c,"aria-hidden":!0}),(0,O.jsx)("div",{role:"dialog","aria-modal":"true","aria-label":t?.title??"Task details",className:o("relative z-10 flex h-full w-[480px] flex-col","bg-[var(--inkblot-semantic-color-background-primary)] shadow-[var(--inkblot-shadow-md)]",s),children:t?(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"flex items-start gap-[var(--inkblot-spacing-3)] border-b border-[var(--inkblot-semantic-color-border-default)] p-[var(--inkblot-spacing-6)]",children:[(0,O.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,O.jsx)("h2",{className:"text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-heading-4)]",children:t.title}),t.jiraKey&&(0,O.jsx)("span",{className:"mt-[var(--inkblot-spacing-1)] inline-block text-[var(--inkblot-semantic-color-text-tertiary)] [font:var(--inkblot-semantic-typography-body-small)]",children:t.jiraKey})]}),(0,O.jsx)("button",{type:"button",onClick:c,"aria-label":"Close",className:o("inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-md)]","text-[var(--inkblot-semantic-color-text-tertiary)] transition-colors duration-[var(--inkblot-duration-fast)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)] hover:text-[var(--inkblot-semantic-color-text-primary)]","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)]"),children:(0,O.jsx)(ht.X,{className:"h-4 w-4","aria-hidden":!0})})]}),(0,O.jsxs)("div",{className:"flex-1 overflow-y-auto p-[var(--inkblot-spacing-6)]",children:[(0,O.jsx)(wr,{label:"Status",children:(0,O.jsxs)("button",{type:"button",onClick:()=>{if(!n||!l)return;let v=["todo","in_progress","done"],m=v[(v.indexOf(l)+1)%v.length];n(m)},className:o("inline-flex items-center gap-[var(--inkblot-spacing-2)] rounded-[var(--inkblot-radius-sm)] px-[var(--inkblot-spacing-2)] py-[var(--inkblot-spacing-1)]","transition-colors duration-[var(--inkblot-duration-fast)]",n&&"cursor-pointer hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]"),disabled:!n,children:[(0,O.jsx)("span",{className:o("h-2 w-2 shrink-0 rounded-full",d?.color)}),d?.label]})}),(0,O.jsx)(wr,{label:"Priority",children:(0,O.jsxs)("span",{className:o("inline-flex items-center gap-[var(--inkblot-spacing-2)]",p?.color),children:[(0,O.jsx)(u,{className:"h-4 w-4","aria-hidden":!0}),p?.label]})}),(0,O.jsx)(wr,{label:"Assignee",children:(0,O.jsxs)("span",{className:"inline-flex items-center gap-[var(--inkblot-spacing-2)]",children:[(0,O.jsx)(ht.User,{className:"h-4 w-4 text-[var(--inkblot-semantic-color-text-tertiary)]","aria-hidden":!0}),t.assignee]})}),(0,O.jsx)(wr,{label:"Due date",children:(0,O.jsxs)("span",{className:"inline-flex items-center gap-[var(--inkblot-spacing-2)]",children:[(0,O.jsx)(ht.Calendar,{className:"h-4 w-4 text-[var(--inkblot-semantic-color-text-tertiary)]","aria-hidden":!0}),t.date]})}),(0,O.jsx)(wr,{label:"Company",children:t.company}),a?.map(v=>(0,O.jsx)(wr,{label:v.label,children:v.value},v.label))]})]}):(0,O.jsx)("div",{className:"flex flex-1 items-center justify-center p-[var(--inkblot-spacing-6)]",children:(0,O.jsx)("p",{className:"text-[var(--inkblot-semantic-color-text-tertiary)] [font:var(--inkblot-semantic-typography-body-small)]",children:"No task selected"})})})]})}var Z=require("react/jsx-runtime");function tl({name:t,description:e,icon:r,connected:a=!1,onConnect:n,onDisconnect:i,className:s}){return(0,Z.jsxs)("div",{className:o("flex flex-col gap-[var(--inkblot-spacing-4)] rounded-[var(--inkblot-radius-lg)]","bg-[var(--inkblot-semantic-color-background-secondary)] p-[var(--inkblot-spacing-5)] shadow-[var(--inkblot-shadow-sm)]",s),children:[(0,Z.jsxs)("div",{className:"flex items-start gap-[var(--inkblot-spacing-4)]",children:[(0,Z.jsx)("div",{className:o("flex h-10 w-10 shrink-0 items-center justify-center rounded-[var(--inkblot-radius-md)]","bg-[var(--inkblot-semantic-color-background-tertiary)] text-[var(--inkblot-semantic-color-text-secondary)]"),children:r??(0,Z.jsx)("span",{className:"h-5 w-5 rounded-full bg-[var(--inkblot-semantic-color-border-default)]"})}),(0,Z.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,Z.jsx)("h3",{className:"text-[var(--inkblot-semantic-color-text-primary)] [font:var(--inkblot-semantic-typography-heading-4)]",children:t}),(0,Z.jsx)("p",{className:"mt-[var(--inkblot-spacing-1)] text-[var(--inkblot-semantic-color-text-secondary)] [font:var(--inkblot-semantic-typography-body-small)]",children:e})]})]}),(0,Z.jsx)("div",{className:"flex items-center justify-between",children:a?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)("span",{className:"inline-flex items-center gap-[var(--inkblot-spacing-2)] [font:var(--inkblot-semantic-typography-body-small)]",children:[(0,Z.jsx)("span",{className:"h-2 w-2 shrink-0 rounded-full bg-[var(--inkblot-semantic-color-status-success)]"}),(0,Z.jsx)("span",{className:"text-[var(--inkblot-semantic-color-status-success)]",children:"Connected"})]}),i&&(0,Z.jsx)("button",{type:"button",onClick:i,className:o("rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-secondary)] text-[var(--inkblot-semantic-color-text-primary)]","[font:var(--inkblot-semantic-typography-body-small)]","transition-colors duration-[var(--inkblot-duration-fast)]","hover:bg-[var(--inkblot-semantic-color-interactive-secondary-hover)]","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)]"),children:"Disconnect"})]}):(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)("span",{className:"inline-flex items-center gap-[var(--inkblot-spacing-2)] [font:var(--inkblot-semantic-typography-body-small)]",children:[(0,Z.jsx)("span",{className:"h-2 w-2 shrink-0 rounded-full bg-[var(--inkblot-semantic-color-text-tertiary)]"}),(0,Z.jsx)("span",{className:"text-[var(--inkblot-semantic-color-text-tertiary)]",children:"Not connected"})]}),n&&(0,Z.jsx)("button",{type:"button",onClick:n,className:o("rounded-[var(--inkblot-radius-md)] px-[var(--inkblot-spacing-4)] py-[var(--inkblot-spacing-2)]","bg-[var(--inkblot-semantic-color-interactive-primary)] text-[var(--inkblot-semantic-color-text-inverse)]","[font:var(--inkblot-semantic-typography-body-small)]","transition-colors duration-[var(--inkblot-duration-fast)]","hover:bg-[var(--inkblot-semantic-color-interactive-primary-hover)]","active:bg-[var(--inkblot-semantic-color-interactive-primary-active)]","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--inkblot-semantic-color-border-focus)]"),children:"Connect"})]})})]})}0&&(module.exports={AIComposeInput,AIEmailGenerator,Accordion,ActionButtons,ActivityStream,AdvancedDropdown,Alert,AlertDialog,AppLayout,AppNavigationRail,AppSidebar,AspectRatio,Avatar,Badge,Breadcrumb,Button,CITRON_THEME_STORAGE_KEY,Calendar,CampaignTable,CanvasProvider,Card,CardContent,CardDescription,CardFooter,CardHeader,CardTitle,Carousel,CenteredAIChat,Chart,ChatFeed,Checkbox,CircularScore,Collapsible,Command,CommandBar,CommandCanvas,CommandInterface,ContextMenu,Dialog,DialogClose,DialogContent,DialogDescription,DialogFooter,DialogHeader,DialogTitle,DialogTrigger,Drawer,DrawerClose,DrawerContent,DrawerDescription,DrawerFooter,DrawerHeader,DrawerTitle,DrawerTrigger,DropdownMenu,DropdownMenuContent,DropdownMenuItem,DropdownMenuSeparator,DropdownMenuTrigger,EmailBlockEditor,EmailCampaignsView,EmailComposeActionButtons,EmailTemplatesSection,EntityCard,EntityCommandCard,ErrorBoundary,EventFeed,EventRow,EventStreamFeed,EventStreamSidebar,Form,FormActions,FormField,GraphView,GuidedTour,HoverCard,HoverCardContent,HoverCardTrigger,Input,InputOtp,IntegrationPlaceholder,IntelligenceCard,IntelligenceLab,IntelligenceScoreCard,Label,MainShell,Menubar,MenubarCloseZone,MenubarContent,MenubarItem,MenubarMenu,MenubarSeparator,MenubarTrigger,MetricComparisonList,ModuleAssistantPanel,ModuleContainer,ModuleErrorBoundary,ModuleSkeleton,NavLink,NavLinkRouter,NavigationMenu,OSNavigationRail,OnboardingWizard,PageErrorFallback,PageHeader,PageHeaderActionButton,Pagination,Popover,PopoverClose,PopoverContent,PopoverTrigger,Progress,RadioGroup,RadioGroupItem,Resizable,RightPanel,RouteWithErrorBoundary,ScrollArea,SearchBar,Select,Separator,Sheet,Sidebar,Skeleton,Slider,SmartInvoiceBuilder,Sonner,StatCardGrid,StatCards,StatCardsWithChart,StatusBadge,Switch,TabSystem,Table,TableBody,TableCaption,TableCell,TableEmptyState,TableHead,TableHeader,TableRow,Tabs,TaskCreateForm,TaskDetailsPanel,TaskItem,TaskKanbanBoard,TaskKanbanCard,TaskKanbanColumn,TaskList,TasksView,TemplateCard,TemplateMasonryGrid,Textarea,ThemeProvider,ThemeSwitcherButton,Toast,Toaster,Toggle,ToggleGroup,Tooltip,semanticBackgroundPrimary,semanticBackgroundSecondary,semanticBorderDefault,semanticInteractivePrimary,semanticInteractiveSecondary,semanticInteractiveSecondaryHover,semanticTextPrimary,semanticTextSecondary,useCanvas,useTheme});
|