1import{o as I}from"./rolldown-runtime-ChpBd9eV.js";import{a as F,n as M}from"./vendor-react-DcWoBPJp.js";import{$o as H,Ai as P,Gn as T,Go as z,Hn as L,Ks as V,Li as _,Mn as B,Oi as R,Ps as b,Qa as W,Sn as j,Vi as D,Xi as q,Xr as u,_i as w,ar as E,gs as O,gt as U,hr as $,ji as K,jn as G,no as Q,os as X,xs as Y,yn as Z,zn as J}from"./vendor-ui-hcrcJjHJ.js";import{t as d}from"./cn-BYBzgThh.js";import{p as ee,u as ae}from"./chunk-QUQL4437-DKXSrjJr.js";import{m,v as te}from"./index-CL2aAkkR.js";import{i as re,n as se,r as ie,t as ne}from"./Tabs-DPgWhfsu.js";import"./Tabs-CYGYZoCs.js";import{t as g}from"./GlassPanel-C01AxWXe.js";import{t as oe}from"./MetricCard-DGc-3UqW.js";import{i as N,n as f,r as v,t as le}from"./HomeVariation01-GzarmO2d.js";import{t as de}from"./platformAdminRoutes-31xhDqm2.js";var h=I(F(),1);function ce(){return{mainFeatures:[{title:"Chat",description:"AI-powered conversations",icon:u,path:"/chats-dashboard",gradient:"from-violet-600 via-purple-600 to-fuchsia-600"},{title:"Agents",description:"Manage and configure AI agents",icon:O,path:"/agents",gradient:"from-sky-400 via-blue-400 to-indigo-500"},{title:"Files",description:"Browse and organize files",icon:q,path:"/core/files",gradient:"from-lime-500 via-green-500 to-emerald-600"},{title:"Media Gallery",description:"Manage image, video and audio collections",icon:D,path:"/core/files/media-collections",gradient:"from-fuchsia-500 via-purple-500 to-violet-600"},{title:"Data Management",description:"Dynamic tables and structured data",icon:W,path:"/data-management",gradient:"from-orange-500 via-amber-500 to-yellow-500"},{title:"Solutions",description:"Outcome systems with dynamic interfaces",icon:K,path:"/solutions",gradient:"from-indigo-500 via-purple-500 to-fuchsia-600"}],automationFeatures:[{title:"Automations",description:"Personal scheduled agent tasks",icon:X,path:"/automations",gradient:"from-blue-500 via-cyan-500 to-teal-600"},{title:"Tasks",description:"Task management & tracking",icon:Z,path:"/tasks",gradient:"from-slate-500 to-gray-600"},{title:"Plugins",description:"Python plugins for automation",icon:Y,path:"/blueprints",gradient:"from-amber-500 to-orange-600"},{title:"Events",description:"Real-time event monitoring",icon:V,path:"/core/events",gradient:"from-cyan-500 via-cyan-600 to-blue-700"}],integrationsFeatures:[{title:"Integrations",description:"Browse and connect available services",icon:R,path:"/integrations",gradient:"from-fuchsia-600 via-pink-600 to-purple-700"},{title:"MCP Servers",description:"Manage and configure MCP servers",icon:J,path:"/config/mcp-servers",gradient:"from-teal-600 via-emerald-700 to-green-800"},{title:"AI Approvals",description:"Per-tool approval policies",icon:B,path:"/tool-approvals",gradient:"from-red-600 via-rose-600 to-orange-700"},{title:"Security Policies",description:"Access policies for users, roles & agents",icon:T,path:"/admin/security-policies",gradient:"from-amber-500 via-orange-500 to-red-600"}],securityBillingFeatures:[{title:"Security",description:"Users, roles & access control",icon:G,path:"/security",gradient:"from-indigo-700 via-blue-800 to-sky-900"},{title:"Billing",description:"Manage billing & subscriptions",icon:Q,path:"/billing/account",gradient:"from-green-600 via-emerald-700 to-teal-800"},{title:"Accounts",description:"Manage service accounts & API keys",icon:_,path:"/admin/accounts",gradient:"from-yellow-400 via-yellow-500 to-amber-600"}],analyticsFeatures:[{title:"Cost analytics",description:"Usage by user, agent & usage type",icon:E,path:"/billing-analytics",gradient:"from-sky-500 via-cyan-600 to-teal-700"},{title:"Agents Analytics",description:"Self-learning insights & agent performance",icon:H,path:"/learning?tab=insights",gradient:"from-emerald-500 via-teal-600 to-cyan-700"}]}}function ge(){const a=ae(),{isPlatformAdmin:s,isCompanyAdmin:t}=te(),r=(0,h.useCallback)(l=>a(l),[a]),o=(0,h.useCallback)(()=>a("/chat/new"),[a]),n=ce(),i=l=>l.filter(x=>de(x.path,s,t));return{onStartChat:o,isCreatingChat:!1,mainFeatures:i(n.mainFeatures),automationFeatures:i(n.automationFeatures),integrationsFeatures:i(n.integrationsFeatures),analyticsFeatures:i(n.analyticsFeatures),securityBillingFeatures:i(n.securityBillingFeatures),onNavigate:r}}var e=M();function me({feature:a,onNavigate:s,span:t,featured:r=!1}){return(0,e.jsxs)("button",{onClick:()=>s(a.path,a.title),className:d("group relative flex flex-col justify-between overflow-hidden rounded-2xl border p-4 text-left backdrop-blur-lg transition-all duration-200 hover:-translate-y-0.5 hover:shadow-xl",t,r?"border-orange-400/40 bg-gradient-to-br from-orange-500/10 via-amber-500/5 to-white/60 dark:to-gray-900/60":"border-white/30 dark:border-gray-700/30 bg-white/70 dark:bg-gray-800/60"),children:[(0,e.jsx)(f,{feature:a,className:r?"h-12 w-12":"h-10 w-10"}),(0,e.jsxs)("div",{className:"mt-3",children:[(0,e.jsx)("p",{className:d("font-semibold text-gray-900 dark:text-white",r?"text-lg":"text-sm"),children:a.title}),(0,e.jsx)("p",{className:"mt-0.5 text-xs text-gray-500 dark:text-gray-400 line-clamp-2",children:a.description})]})]})}var S=["sm:col-span-2 sm:row-span-2","sm:col-span-1","sm:col-span-1","sm:col-span-2","sm:col-span-1"];function xe(a){const s=N(a);return(0,e.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-4 auto-rows-[140px] gap-3",children:[(0,e.jsx)(g,{variant:"primary",padding:"lg",className:"sm:col-span-4 border-l-4 border-l-orange-500 !auto-rows-auto",children:(0,e.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,e.jsxs)("div",{children:[(0,e.jsxs)("span",{className:"inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-orange-600 dar
1k:text-orange-400",children:[(0,e.jsx)(j,{className:"h-3.5 w-3.5"})," unago workspace"]}),(0,e.jsx)("h1",{className:"mt-1 text-2xl font-bold text-gray-900 dark:text-white",children:"Everything in one canvas"})]}),(0,e.jsxs)(m,{onClick:a.onStartChat,disabled:a.isCreatingChat,size:"lg",className:"shrink-0",children:["New chat ",(0,e.jsx)(b,{className:"h-4 w-4"})]})]})}),s.map((t,r)=>(0,e.jsx)(me,{feature:t,onNavigate:a.onNavigate,span:S[r%S.length]??"",featured:r===0},t.path))]})}function he({section:a,onNavigate:s}){const t=a.icon;return(0,e.jsxs)("section",{children:[(0,e.jsxs)("div",{className:"mb-3 flex items-center gap-2",children:[(0,e.jsx)(t,{className:"h-4 w-4 text-orange-600 dark:text-orange-400"}),(0,e.jsx)("h2",{className:"text-sm font-semibold uppercase tracking-wide text-gray-700 dark:text-gray-300",children:a.title})]}),(0,e.jsx)("div",{className:"flex gap-3 overflow-x-auto pb-3 -mx-1 px-1 snap-x",children:a.features.map(r=>(0,e.jsxs)("button",{onClick:()=>s(r.path,r.title),className:"group snap-start shrink-0 w-56 rounded-2xl border border-white/30 dark:border-gray-700/30 bg-white/70 dark:bg-gray-800/60 backdrop-blur-lg p-5 text-left transition-all duration-200 hover:-translate-y-1 hover:border-orange-400/50 hover:shadow-xl",children:[(0,e.jsx)(f,{feature:r,className:"h-12 w-12"}),(0,e.jsx)("p",{className:"mt-4 text-base font-semibold text-gray-900 dark:text-white",children:r.title}),(0,e.jsx)("p",{className:"mt-1 text-xs text-gray-500 dark:text-gray-400 line-clamp-2",children:r.description}),(0,e.jsxs)("span",{className:"mt-3 inline-flex items-center gap-1 text-xs font-medium text-orange-600 dark:text-orange-400 opacity-0 transition-opacity group-hover:opacity-100",children:["Open ",(0,e.jsx)(b,{className:"h-3 w-3"})]})]},r.path))})]})}function ue(a){const s=v(a);return(0,e.jsxs)("div",{className:"space-y-8",children:[(0,e.jsxs)("div",{className:d("relative overflow-hidden rounded-3xl border border-white/20 dark:border-gray-700/30 p-8 sm:p-12 shadow-2xl shadow-black/10","bg-gradient-to-br from-blue-600/90 via-indigo-600/90 to-violet-700/90"),children:[(0,e.jsx)("div",{className:"absolute -right-10 -top-10 h-48 w-48 rounded-full bg-orange-500/30 blur-3xl","aria-hidden":"true"}),(0,e.jsxs)("div",{className:"relative max-w-2xl",children:[(0,e.jsxs)("span",{className:"inline-flex items-center gap-2 rounded-full bg-white/15 px-3 py-1 text-xs font-semibold text-white backdrop-blur-sm",children:[(0,e.jsx)(j,{className:"h-3.5 w-3.5"})," unago platform"]}),(0,e.jsx)("h1",{className:"mt-4 text-3xl sm:text-5xl font-bold leading-tight text-white",children:"Start something with AI."}),(0,e.jsx)("p",{className:"mt-3 text-base text-blue-100",children:"Chat, automate, integrate and analyze â all from one place."}),(0,e.jsxs)(m,{onClick:a.onStartChat,disabled:a.isCreatingChat,size:"lg",className:"mt-6",children:["Start a chat ",(0,e.jsx)(b,{className:"h-4 w-4"})]})]})]}),s.map(t=>(0,e.jsx)(he,{section:t,onNavigate:a.onNavigate},t.title))]})}function pe(a){return[{title:"Core tools",value:a.mainFeatures.length,icon:u,variant:"highlight"},{title:"Workflow",value:a.automationFeatures.length,icon:U,variant:"default"},{title:"Integrations",value:a.integrationsFeatures.length,icon:$,variant:"default"},{title:"Security & billing",value:a.securityBillingFeatures.length,icon:G,variant:"default"}]}function be({section:a,onNavigate:s}){return(0,e.jsxs)("div",{children:[(0,e.jsx)("h2",{className:"mb-2 px-1 text-xs font-bold uppercase tracking-wider text-gray-500 dark:text-gray-400",children:a.title}),(0,e.jsx)("div",{className:"grid grid-cols-2 lg:grid-cols-4 gap-2",children:a.features.map(t=>(0,e.jsxs)("button",{onClick:()=>s(t.path,t.title),className:"group flex items-center gap-2.5 rounded-lg border border-gray-200/60 dark:border-gray-700/50 bg-white/60 dark:bg-gray-900/40 px-3 py-2.5 text-left transition-colors hover:border-orange-400/60 hover:bg-orange-500/5",children:[(0,e.jsx)(f,{feature:t,className:"h-8 w-8 rounded-lg"}),(0,e.jsx)("span",{className:"truncate text-sm font-medium text-gray-800 dark:text-gray-200",children:t.title})]},t.path))})]})}function fe(a){const s=v(a),t=pe(a);return(0,e.jsxs)("div",{className:"space-y-5",children:[(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsx)("h1",{className:"text-xl font-bold text-gray-900 dark:text-white",children:"Command Center"}),(0,e.jsxs)(m,{onClick:a.onStartChat,disabled:a.isCreatingChat,size:"sm",children:["New chat ",(0,e.jsx)(b,{className:"h-4 w-4"})]})]}),(0,e.jsx)("div",{className:"grid grid-cols-2 lg:grid-cols-4 gap-3",children:t.map(r=>(0,e.jsx)(oe,{title:r.title,value:r.value,icon:r.icon,variant:r.variant,size:"sm",subtitle:"available"},r.title))}),(0,e.jsx)(g,{variant:"content",padding:"lg",className:"space-y-5",children:s.map(r=>(0,e.jsx)(be,{section:r,onNavigate:a.onNavigate},r.title))})]})}function ve({section:a,onNavigate:s}){const t=a.icon;return(0,e.jsxs)(g,{variant:"content",padding:"none",children:[(0,e.jsxs)("div",{className:"flex items-center gap-2 border-b border-gray-200/60 dark:border-gray-700/40 px-5 py-3",children:[(0,e.jsx)(t,{className:"h-4 w-4 text-orange-600 dar
1k:text-orange-400"}),(0,e.jsx)("h2",{className:"text-sm font-semibold text-gray-900 dark:text-white",children:a.title})]}),(0,e.jsx)("ul",{className:"divide-y divide-gray-200/50 dark:divide-gray-700/30",children:a.features.map(r=>(0,e.jsx)("li",{children:(0,e.jsxs)("button",{onClick:()=>s(r.path,r.title),className:d("group flex w-full items-center gap-4 px-5 py-4 text-left transition-colors","hover:bg-orange-500/5"),children:[(0,e.jsx)(f,{feature:r,className:"h-10 w-10"}),(0,e.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,e.jsx)("span",{className:"block text-sm font-semibold text-gray-900 dark:text-white",children:r.title}),(0,e.jsx)("span",{className:"block truncate text-xs text-gray-500 dark:text-gray-400",children:r.description})]}),(0,e.jsx)(z,{className:"h-4 w-4 shrink-0 text-gray-400 transition-transform group-hover:translate-x-0.5 group-hover:text-orange-500"})]})},r.path))})]})}function ye(a){const s=v(a);return(0,e.jsxs)("div",{className:"mx-auto max-w-3xl space-y-4",children:[(0,e.jsx)(g,{variant:"primary",padding:"lg",className:"border-t-4 border-t-orange-500",children:(0,e.jsxs)("div",{className:"flex items-center justify-between gap-4",children:[(0,e.jsxs)("div",{children:[(0,e.jsxs)("span",{className:"inline-flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wider text-orange-600 dark:text-orange-400",children:[(0,e.jsx)(j,{className:"h-3.5 w-3.5"})," unago"]}),(0,e.jsx)("h1",{className:"mt-1 text-2xl font-bold text-gray-900 dark:text-white",children:"Your feed"})]}),(0,e.jsx)(m,{onClick:a.onStartChat,disabled:a.isCreatingChat,children:"New chat"})]})}),s.map(t=>(0,e.jsx)(ve,{section:t,onNavigate:a.onNavigate},t.title))]})}function je(){const a=new Date().getHours();return a<12?"Good Morning":a<18?"Good Afternoon":"Good Evening"}function we({feature:a,onNavigate:s}){const t=a.icon;return(0,e.jsxs)("button",{type:"button",onClick:()=>s(a.path,a.title),title:a.description,className:d("group flex items-center gap-2.5 rounded-full border px-4 py-2.5 text-sm font-medium","border-white/40 bg-white/60 text-gray-700 backdrop-blur-md shadow-sm","dark:border-gray-700/40 dark:bg-gray-800/50 dark:text-gray-200","transition-all hover:-translate-y-0.5 hover:border-orange-300 hover:bg-white hover:shadow-md","dark:hover:border-orange-700/60 dark:hover:bg-gray-800","focus:outline-none focus-visible:ring-2 focus-visible:ring-orange-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-950"),children:[(0,e.jsx)("span",{className:"flex h-7 w-7 items-center justify-center rounded-full bg-orange-50 text-orange-600 transition-colors group-hover:bg-orange-100 dark:bg-orange-950/40 dark:text-orange-300",children:(0,e.jsx)(t,{className:"h-4 w-4","aria-hidden":"true"})}),(0,e.jsx)("span",{className:"whitespace-nowrap",children:a.title})]})}function ke(a){const{onStartChat:s,isCreatingChat:t=!1,onNavigate:r}=a,o=je(),n=N(a);return(0,e.jsx)("div",{className:"min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-50 dark:from-slate-950 dark:via-blue-950 dark:to-indigo-950",children:(0,e.jsxs)("div",{className:"mx-auto flex max-w-5xl flex-col items-center px-4 py-12 sm:px-6 sm:py-16 lg:py-20",children:[(0,e.jsxs)(g,{variant:"primary",padding:"lg",className:"relative w-full max-w-3xl text-center ring-1 ring-orange-500/20",children:[(0,e.jsx)("div",{className:"absolute inset-x-0 top-0 h-1 rounded-t-2xl bg-gradient-to-r from-orange-500 to-orange-600"}),(0,e.jsx)("div",{className:"pointer-events-none absolute -top-24 left-1/2 h-48 w-48 -translate-x-1/2 rounded-full bg-orange-500/10 blur-3xl dark:bg-orange-500/20"}),(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsx)("span",{className:"mb-4 inline-flex h-12 w-12 items-center justify-center rounded-2xl bg-orange-50 text-orange-600 ring-1 ring-orange-100 dark:bg-orange-950/40 dark:text-orange-300 dark:ring-orange-900/60",children:(0,e.jsx)(j,{className:"h-6 w-6",strokeWidth:2.2,"aria-hidden":"true"})}),(0,e.jsx)("h1",{className:"bg-gradient-to-r from-[#f05a2a] via-[#f23f55] to-blue-600 bg-clip-text text-4xl font-bold tracking-tight text-transparent sm:text-5xl",children:o}),(0,e.jsx)("p",{className:"mx-auto mt-4 max-w-xl text-base leading-7 text-gray-600 dark:text-gray-300",children:"I'm UnaGo, your AI powerhouse. Start a conversation and I'll create content, analyze data, and automate your workflows."}),(0,e.jsx)("div",{className:"mt-8 flex justify-center",children:(0,e.jsxs)(m,{type:"button",onClick:s,disabled:t,size:"lg","aria-label":"Start a new AI chat conversation","data-testid":"hero-start-chat-button",className:"min-w-[220px] rounded-xl text-base shadow-lg shadow-orange-500/30",children:[t?(0,e.jsx)(w,{className:"h-5 w-5 animate-spin",strokeWidth:2.4}):(0,e.jsx)(u,{className:"h-5 w-5",strokeWidth:2.4,"aria-hidden":"true"}),(0,e.jsx)("span",{children:t?"Creating chat":"Start Chatting"})]})})]})]}),(0,e.jsxs)("div",{className:"mt-10 w-full max-w-3xl",children:[(0,e.jsx)("p",{className:"mb-4 text-center text-xs font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400",children:"Or jump straight into"}),(0,e.jsx)("div",{className:"flex flex-wrap justify-center gap-2.5",children:n.map(i=>(0,e.jsx)(we,{feature:i,onNavigate:r},i.path))})]})]})})}function Ne(){const a=new Date().getHours();return a<12?"Good morning":a<18?"Good afternoon":"Good evening"}function Ce({feature:a,onNavigate:s}){const t=a.icon;return(0,e.jsxs)("button",{type:"button",onClick:()=>s(a.path,a.title),className:d("group flex w-full items-center gap-4 border-l-2 border-transparent py-3 pl-4 pr-2 text-left","transition-colors hover:border-orange-500 hover:bg-black/[0.015] dark:hover:bg-white/[0.03]","focus:outline-none focus-visible:border-orange-500 focus-visible:ring-1 focus-visible:ring-orange-500/40"),children:[(0,e.jsx)(t,{className:"h-5 w-5 shrink-0 text-gray-400 transition-colors group-hover:text-orange-600 dar
1k:text-gray-500 dark:group-hover:text-orange-400","aria-hidden":"true"}),(0,e.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,e.jsx)("span",{className:"block text-sm font-medium text-gray-900 dark:text-gray-100",children:a.title}),(0,e.jsx)("span",{className:"block truncate text-xs text-gray-500 dark:text-gray-400",children:a.description})]}),(0,e.jsx)(b,{className:"h-4 w-4 shrink-0 text-gray-300 opacity-0 transition-all group-hover:translate-x-0.5 group-hover:text-orange-500 group-hover:opacity-100 dark:text-gray-600","aria-hidden":"true"})]})}function Se({section:a,onNavigate:s}){return(0,e.jsxs)("section",{children:[(0,e.jsx)("h2",{className:"mb-2 text-[11px] font-semibold uppercase tracking-[0.18em] text-gray-400 dark:text-gray-500",children:a.title}),(0,e.jsx)("div",{className:"divide-y divide-gray-200/70 border-t border-gray-200/70 dark:divide-gray-800 dark:border-gray-800",children:a.features.map(t=>(0,e.jsx)(Ce,{feature:t,onNavigate:s},t.path))})]})}function Ae(a){const{onStartChat:s,isCreatingChat:t=!1,onNavigate:r}=a,o=Ne(),n=v(a);return(0,e.jsx)("div",{className:"min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-50 dark:from-slate-950 dark:via-blue-950 dark:to-indigo-950",children:(0,e.jsxs)("div",{className:"mx-auto max-w-4xl px-6 py-16 sm:py-20 lg:py-24",children:[(0,e.jsxs)("header",{className:"mb-16",children:[(0,e.jsxs)("h1",{className:"text-4xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-5xl",children:[o,(0,e.jsx)("span",{className:"text-orange-600 dark:text-orange-500",children:"."})]}),(0,e.jsx)("div",{className:"mt-3 h-px w-16 bg-orange-500","aria-hidden":"true"}),(0,e.jsx)("p",{className:"mt-6 max-w-xl text-base leading-7 text-gray-500 dark:text-gray-400",children:"I'm UnaGo. Pick up where you left off, or start something new."}),(0,e.jsx)("div",{className:"mt-8",children:(0,e.jsxs)(m,{type:"button",onClick:s,disabled:t,variant:"ghost",size:"lg","aria-label":"Start a new AI chat conversation","data-testid":"hero-start-chat-button",className:"rounded-lg border border-orange-200 px-6 text-orange-700 hover:bg-orange-50 dark:border-orange-900/50 dark:text-orange-300 dark:hover:bg-orange-950/20",children:[t?(0,e.jsx)(w,{className:"h-4 w-4 animate-spin",strokeWidth:2.4}):(0,e.jsx)(u,{className:"h-4 w-4",strokeWidth:2.4,"aria-hidden":"true"}),(0,e.jsx)("span",{children:t?"Creating chat":"Start chatting"})]})})]}),(0,e.jsx)("div",{className:"grid grid-cols-1 gap-x-12 gap-y-12 sm:grid-cols-2",children:n.map(i=>(0,e.jsx)(Se,{section:i,onNavigate:r},i.title))})]})})}function Ge(){const a=new Date().getHours();return a<12?"Good Morning":a<18?"Good Afternoon":"Good Evening"}function Ie({feature:a,onNavigate:s}){return(0,e.jsxs)("button",{type:"button",onClick:()=>s(a.path,a.title),className:d("group relative overflow-hidden rounded-2xl p-[1px] text-left transition-transform duration-300 hover:-translate-y-1","bg-gradient-to-br from-white/40 via-white/10 to-transparent","dark:from-white/20 dark:via-orange-500/10 dark:to-transparent","focus:outline-none focus-visible:ring-2 focus-visible:ring-orange-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-950"),children:[(0,e.jsx)("span",{"aria-hidden":"true",className:"pointer-events-none absolute inset-0 rounded-2xl opacity-0 shadow-[0_0_30px_-6px_rgba(234,88,12,0.7)] transition-opacity duration-300 group-hover:opacity-100"}),(0,e.jsxs)("span",{className:"relative flex h-full flex-col gap-3 rounded-2xl bg-white/70 p-4 backdrop-blur-2xl dark:bg-gray-900/70",children:[(0,e.jsx)(f,{feature:a}),(0,e.jsx)("span",{className:"block text-sm font-semibold text-gray-900 dark:text-white",children:a.title}),(0,e.jsx)("span",{className:"line-clamp-2 text-xs leading-5 text-gray-500 dark:text-gray-400",children:a.description})]})]})}function Fe({section:a,onNavigate:s}){return(0,e.jsxs)("section",{children:[(0,e.jsxs)("h2",{className:"mb-4 flex items-center gap-2 text-sm font-bold uppercase tracking-wider text-gray-700 dark:text-gray-200",children:[(0,e.jsx)("span",{className:"h-4 w-1 rounded-full bg-gradient-to-b from-orange-400 to-orange-600","aria-hidden":"true"}),a.title]}),(0,e.jsx)("div",{className:"grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4",children:a.features.map(t=>(0,e.jsx)(Ie,{feature:t,onNavigate:s},t.path))})]})}function Me(a){const{onStartChat:s,isCreatingChat:t=!1,onNavigate:r}=a,o=Ge(),n=v(a);return(0,e.jsx)("div",{className:"min-h-screen bg-gradient-to-br from-slate-100 via-blue-100 to-indigo-100 dark:from-slate-950 dar
1k:via-blue-950 dark:to-indigo-950",children:(0,e.jsxs)("div",{className:"mx-auto max-w-7xl space-y-10 px-4 py-10 sm:px-6 lg:px-8",children:[(0,e.jsxs)(g,{variant:"primary",padding:"lg",className:"relative border-white/30 dark:border-orange-500/20",children:[(0,e.jsx)("div",{className:"pointer-events-none absolute -right-16 -top-16 h-56 w-56 rounded-full bg-orange-500/20 blur-3xl dark:bg-orange-500/30"}),(0,e.jsx)("div",{className:"pointer-events-none absolute -bottom-20 -left-10 h-56 w-56 rounded-full bg-indigo-500/20 blur-3xl dark:bg-indigo-500/30"}),(0,e.jsxs)("div",{className:"relative flex flex-col items-start gap-6 md:flex-row md:items-center md:justify-between",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("span",{className:"mb-3 inline-flex h-11 w-11 items-center justify-center rounded-xl bg-orange-50 text-orange-600 ring-1 ring-orange-200/60 dark:bg-orange-950/50 dark:text-orange-300 dark:ring-orange-700/50",children:(0,e.jsx)(j,{className:"h-5 w-5",strokeWidth:2.3,"aria-hidden":"true"})}),(0,e.jsx)("h1",{className:"bg-gradient-to-r from-orange-500 via-[#f23f55] to-indigo-500 bg-clip-text text-3xl font-bold tracking-tight text-transparent sm:text-4xl",children:o}),(0,e.jsx)("p",{className:"mt-2 max-w-xl text-sm leading-6 text-gray-600 dark:text-gray-300",children:"I'm UnaGo â your AI powerhouse for content, data, and automation."})]}),(0,e.jsxs)(m,{type:"button",onClick:s,disabled:t,size:"lg","aria-label":"Start a new AI chat conversation","data-testid":"hero-start-chat-button",className:"w-full rounded-xl shadow-lg shadow-orange-500/40 md:w-auto",children:[t?(0,e.jsx)(w,{className:"h-5 w-5 animate-spin",strokeWidth:2.4}):(0,e.jsx)(u,{className:"h-5 w-5",strokeWidth:2.4,"aria-hidden":"true"}),(0,e.jsx)("span",{children:t?"Creating chat":"Start Chatting"})]})]})]}),(0,e.jsx)("div",{className:"space-y-10",children:n.map(i=>(0,e.jsx)(Fe,{section:i,onNavigate:r},i.title))})]})})}var He="data-[state=active]:from-orange-500 data-[state=active]:to-orange-600 data-[state=active]:shadow-orange-500/25 focus-visible:ring-orange-500/50";function Pe(){const a=new Date().getHours();return a<12?"Good Morning":a<18?"Good Afternoon":"Good Evening"}function y(a){return a.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/(^-|-$)/g,"")}function A({feature:a,onNavigate:s}){const t=a.icon;return(0,e.jsxs)("button",{type:"button",onClick:()=>s(a.path,a.title),className:d("group flex w-full items-center gap-3 rounded-xl border border-transparent p-3 text-left transition-all","hover:border-orange-200 hover:bg-orange-50/60 dark:hover:border-orange-900/50 dark:hover:bg-orange-950/20","focus:outline-none focus-visible:ring-2 focus-visible:ring-orange-500/50"),children:[(0,e.jsx)("span",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-orange-50 text-orange-600 dark:bg-orange-950/40 dark:text-orange-300",children:(0,e.jsx)(t,{className:"h-5 w-5","aria-hidden":"true"})}),(0,e.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,e.jsx)("span",{className:"block text-sm font-semibold text-gray-900 dark:text-gray-100",children:a.title}),(0,e.jsx)("span",{className:"block truncate text-xs text-gray-500 dark:text-gray-400",children:a.description})]}),(0,e.jsx)(b,{className:"h-4 w-4 shrink-0 text-gray-300 opacity-0 transition-all group-hover:translate-x-0.5 group-hover:text-orange-500 group-hover:opacity-100 dark:text-gray-600","aria-hidden":"true"})]})}function Te(a){const{onStartChat:s,isCreatingChat:t=!1,onNavigate:r,mainFeatures:o}=a,n=Pe(),i=v(a),l=o.slice(0,4),x=i[0],p=x?y(x.title):"core";return(0,e.jsx)("div",{className:"min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-50 dark:from-slate-950 dark:via-blue-950 dark:to-indigo-950",children:(0,e.jsx)("div",{className:"mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:px-8",children:(0,e.jsxs)("div",{className:"grid grid-cols-1 gap-6 lg:grid-cols-12",children:[(0,e.jsx)("div",{className:"lg:col-span-5 xl:col-span-4",children:(0,e.jsxs)(g,{variant:"primary",padding:"lg",className:"relative h-full",children:[(0,e.jsx)("div",{className:"absolute inset-x-0 top-0 h-1 rounded-t-2xl bg-gradient-to-r from-orange-500 to-orange-600"}),(0,e.jsx)("h1",{className:"bg-gradient-to-r from-[#f05a2a] via-[#f23f55] to-blue-600 bg-clip-text text-3xl font-bold tracking-tight text-transparent sm:text-4xl",children:n}),(0,e.jsx)("p",{className:"mt-3 text-sm leading-6 text-gray-600 dark:text-gray-300",children:"I'm UnaGo. Start a chat or jump into a quick action."}),(0,e.jsxs)(m,{type:"button",onClick:s,disabled:t,size:"lg","aria-label":"Start a new AI chat conversation","data-testid":"hero-start-chat-button",className:"mt-6 w-full rounded-xl shadow-lg shadow-orange-500/30",children:[t?(0,e.jsx)(w,{className:"h-5 w-5 animate-spin",strokeWidth:2.4}):(0,e.jsx)(u,{className:"h-5 w-5",strokeWidth:2.4,"aria-hidden":"true"}),(0,e.jsx)("span",{children:t?"Creating chat":"Start Chatting"})]}),(0,e.jsxs)("div",{className:"mt-8",children:[(0,e.jsx)("p",{className:"mb-3 text-[11px] font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500",children:"Qu
1ick actions"}),(0,e.jsx)("div",{className:"space-y-2",children:l.map(c=>(0,e.jsx)(A,{feature:c,onNavigate:r},c.path))})]})]})}),(0,e.jsx)("div",{className:"lg:col-span-7 xl:col-span-8",children:(0,e.jsx)(g,{variant:"content",padding:"lg",className:"h-full",children:(0,e.jsxs)(ne,{defaultValue:p,className:"gap-4",children:[(0,e.jsx)(ie,{className:"justify-start",children:i.map(c=>(0,e.jsx)(re,{value:y(c.title),className:He,children:c.title},y(c.title)))}),i.map(c=>(0,e.jsx)(se,{value:y(c.title),children:(0,e.jsx)("div",{className:"grid grid-cols-1 gap-2 sm:grid-cols-2",children:c.features.map(C=>(0,e.jsx)(A,{feature:C,onNavigate:r},C.path))})},y(c.title)))]})})})]})})})}function ze(){const a=new Date().getHours();return a<12?"Good Morning":a<18?"Good Afternoon":"Good Evening"}function Le(a,s){const t=s.trim().toLowerCase();return t?a.filter(r=>r.title.toLowerCase().includes(t)||r.description.toLowerCase().includes(t)):a}function Ve({feature:a,onNavigate:s}){return(0,e.jsxs)("button",{type:"button",onClick:()=>s(a.path,a.title),title:a.description,className:d("group flex aspect-square flex-col items-center justify-center gap-3 rounded-2xl p-3 text-center","border border-white/30 bg-white/60 backdrop-blur-xl shadow-md shadow-black/5","dark:border-gray-700/30 dark:bg-gray-800/50","transition-all duration-200 hover:-translate-y-1 hover:border-orange-300 hover:shadow-lg hover:ring-2 hover:ring-orange-500/40","dark:hover:border-orange-700/60 dark:hover:ring-orange-500/40","focus:outline-none focus-visible:ring-2 focus-visible:ring-orange-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-950"),children:[(0,e.jsx)(f,{feature:a,className:"h-12 w-12"}),(0,e.jsx)("span",{className:"line-clamp-2 text-xs font-semibold text-gray-800 dark:text-gray-200",children:a.title})]})}function _e(a){const{onStartChat:s,isCreatingChat:t=!1,onNavigate:r}=a,[o,n]=(0,h.useState)(""),i=ze(),l=(0,h.useMemo)(()=>N(a),[a]),x=(0,h.useMemo)(()=>Le(l,o),[l,o]);return(0,e.jsx)("div",{className:"min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-50 dark:from-slate-950 dark:via-blue-950 dark:to-indigo-950",children:(0,e.jsxs)("div",{className:"mx-auto max-w-6xl px-4 py-10 sm:px-6 lg:px-8",children:[(0,e.jsxs)("div",{className:"mb-6 flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center",children:[(0,e.jsxs)("h1",{className:"text-2xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-3xl",children:[i,(0,e.jsx)("span",{className:"text-orange-600 dark:text-orange-500",children:"."})]}),(0,e.jsxs)(m,{type:"button",onClick:s,disabled:t,size:"default","aria-label":"Start a new AI chat conversation","data-testid":"hero-start-chat-button",className:"rounded-xl shadow-md shadow-orange-500/30",children:[t?(0,e.jsx)(w,{className:"h-4 w-4 animate-spin",strokeWidth:2.4}):(0,e.jsx)(u,{className:"h-4 w-4",strokeWidth:2.4,"aria-hidden":"true"}),(0,e.jsx)("span",{children:t?"Creating chat":"Start Chatting"})]})]}),(0,e.jsx)(g,{variant:"secondary",padding:"sm",className:"mb-8",children:(0,e.jsxs)("div",{className:"flex items-center gap-3 px-1",children:[(0,e.jsx)(L,{className:"h-5 w-5 shrink-0 text-gray-400","aria-hidden":"true"}),(0,e.jsx)("input",{type:"text",value:o,onChange:p=>n(p.target.value),placeholder:"Search apps and toolsâ¦","aria-label":"Search apps and tools",className:d("w-full bg-transparent py-2 text-sm text-gray-900 placeholder:text-gray-400 dark:text-gray-100","rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-orange-500")})]})}),x.length===0?(0,e.jsxs)("p",{className:"py-16 text-center text-sm text-gray-500 dark:text-gray-400",children:["No apps match â",o,"â."]}):(0,e.jsx)("div",{className:"grid grid-cols-3 gap-3 sm:grid-cols-4 sm:gap-4 md:grid-cols-5 lg:grid-cols-6",children:x.map(p=>(0,e.jsx)(Ve,{feature:p,onNavigate:r},p.path))})]})})}var k=[{id:"01",name:"Classic Refined",description:"The current layout, polished â rhythm, refined glass shadows, orange greeting accent.",Component:le},{id:"02",name:"Bento Grid",description:"Asymmetric bento tiles: wide greeting, one large featured cell, varied-size mosaic.",Component:xe},{id:"03",name:"Hero-Forward",description:"Full-width gradient hero with a bold orange CTA; sections become scrollable card rails.",Component:ue},{id:"04",name:"Command Center",description:"Metrics-first dense dashboard: KPI row up top, tight compact feature grid below.",Component:fe},{id:"05",name:"Feed / List",description:"Vertical list rows with leading icon + label + chevron;
1 airy dividers, great on narrow widths.",Component:ye},{id:"06",name:"Spotlight",description:"One dominant Start-Chatting hero in a glass spotlight card; every other feature condensed into a chip cloud below.",Component:ke},{id:"07",name:"Minimal Whitespace",description:"Airy editorial layout: strong type scale, hairline borders, muted surfaces; orange used only as a tiny accent.",Component:Ae},{id:"08",name:"Neon Glass (Dark-first)",description:"Intensified dark-optimized glassmorphism: heavy blur, gradient borders, orange glow rings that bloom on hover.",Component:Me},{id:"09",name:"Two-Column Split",description:"Left greeting + quick actions; right tabbed feature explorer with an orange active-tab indicator. Stacks on mobile.",Component:Te},{id:"10",name:"Launchpad",description:"OS-style app launcher: greeting + search field over a grid of uniform square glass tiles that filter live as you type.",Component:_e}];function Be(a){const s=k.find(r=>r.id===a),t=k.find(r=>r.id==="01")??k[0];return s??t}function Re({activeId:a,onSelect:s}){return(0,e.jsx)("div",{className:"flex flex-wrap gap-1.5",role:"tablist","aria-label":"Home page design variations",children:k.map(t=>{const r=t.id===a;return(0,e.jsxs)("button",{role:"tab","aria-selected":r,onClick:()=>s(t.id),className:d("rounded-lg px-3 py-1.5 text-sm font-medium transition-colors",r?"bg-orange-500 text-white shadow-sm shadow-orange-500/30":"bg-white/60 dark:bg-gray-800/60 text-gray-700 dark:text-gray-300 hover:bg-white dark:hover:bg-gray-700"),children:[(0,e.jsx)("span",{className:"mr-1.5 tabular-nums opacity-60",children:t.id}),t.name]},t.id)})})}function Je(){const[a,s]=ee(),t=ge(),r=(0,h.useMemo)(()=>Be(a.get("v")),[a]),o=(0,h.useCallback)(i=>{const l=new URLSearchParams(a);l.set("v",i),s(l,{replace:!0})},[a,s]),n=r.Component;return(0,e.jsx)("div",{className:"min-h-screen relative bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-50 dark:from-slate-950 dark:via-blue-950 dark:to-indigo-950",children:(0,e.jsxs)("div",{className:"relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 sm:py-8 space-y-6",children:[(0,e.jsxs)(g,{variant:"primary",padding:"lg",className:"border-t-4 border-t-orange-500",children:[(0,e.jsxs)("div",{className:"flex items-center gap-2 text-orange-600 dark:text-orange-400",children:[(0,e.jsx)(P,{className:"h-4 w-4"}),(0,e.jsx)("span",{className:"text-xs font-semibold uppercase tracking-wider",children:"Home design gallery"})]}),(0,e.jsxs)("h1",{className:"mt-2 text-xl sm:text-2xl font-bold text-gray-900 dark:text-white",children:[r.name,(0,e.jsxs)("span",{className:"ml-2 align-middle text-sm font-normal text-gray-400",children:["/ variation ",r.id]})]}),(0,e.jsx)("p",{className:"mt-1 text-sm text-gray-600 dark:text-gray-400",children:r.description}),(0,e.jsx)("div",{className:"mt-4",children:(0,e.jsx)(Re,{activeId:r.id,onSelect:o})})]}),(0,e.jsx)("div",{"data-testid":`home-variation-${r.id}`,children:(0,e.jsx)(n,{...t})})]})})}export{Je as HomeVariationsPage,Je as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.