1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1931],{254:function(e,t,r){Promise.resolve().then(r.t.bind(r,2972,23)),Promise.resolve().then(r.bind(r,2376)),Promise.resolve().then(r.bind(r,9084))},2376:function(e,t,r){"use strict";r.d(t,{HeroSection:function(){return d}});var a=r(7437),s=r(2265),i=r(2434),l=r(9084);let n=["Traffic overview for last 7 days","Conversion funnel from homepage to signup","Top sources by country"];function d(){let[e,t]=(0,s.useState)(""),r=()=>{let t=encodeURIComponent("Dashboard request"),r=encodeURIComponent(e);window.open("mailto:[email protected]?subject=".concat(t,"&body=").concat(r))};return(0,a.jsxs)("section",{className:"relative pt-32 pb-20 overflow-hidden",children:[(0,a.jsx)("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/3 w-[800px] h-[600px] bg-primary/5 rounded-full blur-[120px] pointer-events-none"}),(0,a.jsxs)(i.W,{className:"relative",children:[(0,a.jsxs)("div",{className:"text-center max-w-4xl mx-auto mb-16",children:[(0,a.jsxs)("div",{className:"inline-flex items-center gap-2 bg-primary/10 border border-primary/20 rounded-full px-4 py-1.5 mb-6",children:[(0,a.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-primary animate-pulse"}),(0,a.jsx)("span",{className:"text-xs text-primary font-medium",children:"On-Premise Agentic Analytics"})]}),(0,a.jsxs)("h1",{className:"text-4xl md:text-5xl lg:text-6xl font-bold text-text-primary leading-tight",children:["Your AI agent builds"," ",(0,a.jsx)("span",{className:"text-gradient",children:"analytics dashboards"})," ","â on your infrastructure"]}),(0,a.jsx)("p",{className:"mt-6 text-lg md:text-xl text-text-secondary max-w-2xl mx-auto leading-relaxed",children:"Flowpoint is deployed on-prem, inside your own environment. Ask your AI agent â through a polished UI or an MCP server connected to Claude or any client â and get interactive dashboards in plain English. Your data, your model, fully private. Nothing ever leaves your infrastructure."}),(0,a.jsxs)("div",{className:"mt-10 max-w-2xl mx-auto",children:[(0,a.jsxs)("div",{className:"relative group",children:[(0,a.jsx)("div",{className:"absolute -inset-0.5 bg-gradient-to-r from-primary/20 via-chart-green/20 to-primary/20 rounded-2xl blur-sm opacity-0 group-focus-within:opacity-100 transition-opacity duration-300"}),(0,a.jsxs)("div",{className:"relative flex items-center bg-dark-card border border-border rounded-2xl px-4 py-2 group-focus-within:border-primary/40 transition-colors duration-300",children:[(0,a.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",className:"text-text-tertiary shrink-0 mr-3","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"})}),(0,a.jsx)("input",{type:"text",value:e,onChange:e=>t(e.target.value),onKeyDown:e=>"Enter"===e.key&&r(),placeholder:"What dashboard do you want to build?",className:"flex-1 bg-transparent text-text-primary placeholder:text-text-tertiary text-sm md:text-base outline-none py-2"}),(0,a.jsx)("button",{type:"button",onClick:r,className:"shrink-0 ml-2 w-10 h-10 rounded-xl bg-primary hover:bg-primary-hover flex items-center justify-center transition-colors duration-200","aria-label":"Send message",children:(0,a.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"white","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"})})})]})]}),(0,a.jsxs)("div",{className:"mt-4 flex flex-wrap items-center justify-center gap-2",children:[(0,a.jsx)("span",{className:"text-xs text-text-tertiary",children:"Try:"}),n.map(e=>(0,a.jsx)("button",{type:"button",onClick:()=>t(e),className:"text-xs text-text-secondary bg-dark-hover border border-border rounded-full px-3 py-1.5 hover:border-primary/30 hover:text-primary transition-colors duration-200",children:e},e))]})]}),(0,a.jsxs)("div",{className:"mt-6 flex items-center justify-center gap-6",children:[(0,a.jsx)("a",{href:"/contact",className:"text-sm text-text-tertiary hover:text-text-secondary transition-colors",children:"Request a license"}),(0,a.jsx)("span",{className:"text-text-tertiary/30",children:"|"}),(0,a.jsx)("span",{className:"text-xs text-text-tertiary",children:"Your infrastru
1cture \xb7 Your data \xb7 Your model"})]})]}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-dark-bg via-transparent to-transparent z-10 pointer-events-none"}),(0,a.jsx)(l.SimDashboardFrame,{className:"shadow-glow-lg"})]})]})]})}},9084:function(e,t,r){"use strict";r.d(t,{SimDashboardFrame:function(){return z}});var a=r(7437),s=r(2265);let i=[{group:"Today",items:["Traffic overview dashboard","Conversion funnel analysis"]},{group:"Yesterday",items:["UTM campaign report","Weekly team summary"]},{group:"Last week",items:["Q1 performance review"]}];function l(){return(0,a.jsxs)("div",{className:"flex flex-col h-full bg-dark-deeper border-r border-border w-[180px] shrink-0",children:[(0,a.jsxs)("div",{className:"p-3 border-b border-border flex items-center justify-between",children:[(0,a.jsx)("span",{className:"text-xs font-semibold text-text-primary",children:"Flowpoint"}),(0,a.jsx)("div",{className:"w-5 h-5 rounded-md bg-primary/20 flex items-center justify-center",children:(0,a.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"#287F71",children:(0,a.jsx)("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"})})})]}),(0,a.jsx)("div",{className:"flex-1 overflow-hidden p-2",children:i.map(e=>(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsx)("div",{className:"text-[8px] uppercase tracking-wider text-text-tertiary px-2 mb-1",children:e.group}),e.items.map((t,r)=>(0,a.jsx)("div",{className:"\n text-[10px] px-2 py-1.5 rounded-md truncate cursor-default\n ".concat(0===r&&"Today"===e.group?"bg-dark-hover text-text-primary":"text-text-tertiary","\n "),children:t},t))]},e.group))}),(0,a.jsx)("div",{className:"p-2 border-t border-border",children:(0,a.jsxs)("div",{className:"flex items-center gap-2 px-2 py-1.5 rounded-md bg-dark-hover",children:[(0,a.jsx)("div",{className:"w-4 h-4 rounded-full bg-primary flex items-center justify-center",children:(0,a.jsx)("span",{className:"text-[7px] text-white font-bold",children:"A"})}),(0,a.jsx)("span",{className:"text-[9px] text-text-secondary truncate",children:"acme-website.com"})]})})]})}function n(e){let{role:t,children:r,delay:s=0}=e,i="user"===t;return(0,a.jsxs)("div",{className:"flex ".concat(i?"justify-end":"justify-start"," opacity-0 animate-fade-in"),style:{animationDelay:"".concat(s,"s")},children:[!i&&(0,a.jsx)("div",{className:"w-6 h-6 rounded-full bg-primary flex items-center justify-center mr-2 mt-1 shrink-0",children:(0,a.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"white",children:(0,a.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"})})}),(0,a.jsx)("div",{className:"\n max-w-[75%] rounded-lg px-3 py-2 text-[11px] leading-relaxed\n ".concat(i?"bg-primary-light text-text-primary border border-primary/20":"bg-dark-hover text-text-secondary border border-border","\n "),children:r})]})}function d(){return(0,a.jsxs)("div",{className:"flex items-center gap-2 animate-fade-in",children:[(0,a.jsx)("div",{className:"w-6 h-6 rounded-full bg-primary flex items-center justify-center shrink-0",children:(0,a.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"white",children:(0,a.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"})})}),(0,a.jsx)("div",{className:"flex gap-1 bg-dark-hover border border-border rounded-lg px-3 py-2",children:[0,1,2].map(e=>(0,a.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-text-tertiary animate-typing-dot",style:{animationDelay:"".concat(.2*e,"s")}},e))})]})}function c(e){let{phase:t}=e;return(0,a.jsxs)("div",{className:"flex flex-col h-full bg-dark-bg",children:[(0,a.jsxs)("div",{className:"flex-1 overflow-hidden p-3 flex flex-col gap-3",children:[t>=1&&(0,a.jsx)("div",{className:"animate-fade-in",children:(0,a.jsx)(n,{role:"user",delay:0,children:"Show me a traffic overview dashboard for the last 7 days"})}),2===t&&(0,a.jsx)(d,{}),t>=3&&(0,a.jsx)("div",{className:"animate-fade-in",children:(0,a.jsxs)(n,{role:"ai",delay:0,children:[(0,a.jsxs)("div",{className:"flex items-center gap-1.5 mb-1",children:[(0,a.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-chart-green"}),(0,a.jsx)("span",{className:"text-chart-green text-[10px] font-medium",children:"Dashboard created"})]}),"I've built a traffic overview with visitor metrics, a trend chart, daily sessions, source breakdown, and top pages."]})}),t>=5&&(0,a.jsx)("div",{className:"animate-fade-in",children:(0,a.jsx)(n,{role:"user",delay:0,children:"Replace the bar chart with a conversion funnel from homepage to pricing to signup"})}),6===t&&(0,a.jsx)(d,{}),t>
1=7&&(0,a.jsx)("div",{className:"animate-fade-in",children:(0,a.jsxs)(n,{role:"ai",delay:0,children:[(0,a.jsxs)("div",{className:"flex items-center gap-1.5 mb-1",children:[(0,a.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-chart-green"}),(0,a.jsx)("span",{className:"text-chart-green text-[10px] font-medium",children:"Dashboard updated"})]}),"Replaced the daily sessions chart with a 3-step funnel. Homepage â pricing is at 34%, pricing â signup is at 18%."]})})]}),(0,a.jsxs)("div",{className:"p-3 border-t border-border",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 bg-dark-hover border border-border rounded-lg px-3 py-2",children:[1===t?(0,a.jsx)("span",{className:"text-[11px] text-text-primary flex-1 typing-cursor",children:"Show me a traffic overview dashboard..."}):5===t?(0,a.jsx)("span",{className:"text-[11px] text-text-primary flex-1 typing-cursor",children:"Replace the bar chart with a conversion..."}):(0,a.jsx)("span",{className:"text-[11px] text-text-tertiary flex-1",children:"Ask about your analytics..."}),(0,a.jsx)("div",{className:"w-6 h-6 rounded-md flex items-center justify-center transition-colors ".concat(1===t||5===t?"bg-primary":"bg-dark-card border border-border"),children:(0,a.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:1===t||5===t?"white":"#6B7280",children:(0,a.jsx)("path",{d:"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"})})})]}),(0,a.jsx)("div",{className:"mt-1.5 text-center",children:(0,a.jsx)("span",{className:"text-[8px] text-text-tertiary",children:"Powered by Claude from Anthropic"})})]})]})}function o(e){let{label:t,value:r,change:s,positive:i=!0,sparkData:l}=e,n=Math.min(...l),d=Math.max(...l)-n||1,c=l.map((e,t)=>"".concat(t/(l.length-1)*60,",").concat(20-(e-n)/d*20)).join(" ");return(0,a.jsxs)("div",{className:"bg-dark-card border border-border rounded-lg p-3 flex flex-col gap-1.5",children:[(0,a.jsx)("span",{className:"text-[10px] text-text-tertiary uppercase tracking-wide",children:t}),(0,a.jsxs)("div",{className:"flex items-end justify-between",children:[(0,a.jsx)("span",{className:"text-lg font-semibold text-text-primary",children:r}),(0,a.jsx)("svg",{width:60,height:20,className:"opacity-60",children:(0,a.jsx)("polyline",{points:c,fill:"none",stroke:i?"#34D399":"#F87171",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]}),(0,a.jsx)("span",{className:"text-[10px] font-medium ".concat(i?"text-chart-green":"text-chart-red"),children:s})]})}let x=[30,45,38,52,48,60,55,70,65,78,72,85],h=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function m(){let e=Math.min(...x),t=Math.max(...x)-e||1,r=x.map((r,a)=>({x:4+a/(x.length-1)*272,y:4+(1-(r-e)/t)*92})),s=r.map(e=>"".concat(e.x,",").concat(e.y)).join(" "),i="".concat(r[0].x,",").concat(100," ").concat(s," ").concat(r[r.length-1].x,",").concat(100);return(0,a.jsxs)("div",{className:"bg-dark-card border border-border rounded-lg p-4",children:[(0,a.jsx)("div",{className:"text-[10px] text-text-tertiary uppercase tracking-wide mb-3",children:"Visitors Over Time"}),(0,a.jsxs)("svg",{viewBox:"0 0 ".concat(280," ").concat(116),className:"w-full h-auto",preserveAspectRatio:"xMidYMid meet",children:[(0,a.jsx)("defs",{children:(0,a.jsxs)("linearGradient",{id:"lineGrad",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,a.jsx)("stop",{offset:"0%",stopColor:"#34D399",stopOpacity:"0.2"}),(0,a.jsx)("stop",{offset:"100%",stopColor:"#34D399",stopOpacity:"0"})]})}),[0,.25,.5,.75,1].map(e=>(0,a.jsx)("line",{x1:4,y1:4+92*e,x2:276,y2:4+92*e,stroke:"#2A2A3A",strokeWidth:"0.5"},e)),(0,a.jsx)("polygon",{points:i,fill:"url(#lineGrad)"}),(0,a.jsx)("polyline",{points:s,fill:"none",stroke:"#34D399",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.map((e,t)=>(0,a.jsx)("circle",{cx:e.x,cy:e.y,r:"2",fill:"#34D399"},t)),r.filter((e,t)=>t%2==0).map((e,t)=>(0,a.jsx)("text",{x:e.x,y:112,textAnchor:"middle",className:"fill-text-tertiary",fontSize:"6",children:h[2*t]},t))]})]})}let p=[{label:"Direct",value:40,color:"#60A5FA"},{label:"Organic",value:30,color:"#34D399"},{label:"Referral",value:20,color:"#FBBF24"},{label:"Social",value:10,color:"#A78BFA"}];function u(){let e=p.reduce((e,t)=>
1e+t.value,0),t=2*Math.PI*36,r=0;return(0,a.jsxs)("div",{className:"bg-dark-card border border-border rounded-lg p-4",children:[(0,a.jsx)("div",{className:"text-[10px] text-text-tertiary uppercase tracking-wide mb-3",children:"Traffic Sources"}),(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsxs)("svg",{width:"90",height:"90",viewBox:"0 0 90 90",children:[p.map(s=>{let i=s.value/e*t,l=r;return r+=i,(0,a.jsx)("circle",{cx:"45",cy:"45",r:36,fill:"none",stroke:s.color,strokeWidth:"10",strokeDasharray:"".concat(i," ").concat(t-i),strokeDashoffset:-l,transform:"rotate(-90 45 45)",opacity:"0.85"},s.label)}),(0,a.jsxs)("text",{x:"45",y:"43",textAnchor:"middle",className:"fill-text-primary",fontSize:"12",fontWeight:"600",children:[e,"%"]}),(0,a.jsx)("text",{x:"45",y:"53",textAnchor:"middle",className:"fill-text-tertiary",fontSize:"6",children:"Total"})]}),(0,a.jsx)("div",{className:"flex flex-col gap-1.5",children:p.map(e=>(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:e.color}}),(0,a.jsx)("span",{className:"text-[9px] text-text-secondary",children:e.label}),(0,a.jsxs)("span",{className:"text-[9px] text-text-tertiary ml-auto",children:[e.value,"%"]})]},e.label))})]})]})}function v(){return(0,a.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1.5 bg-dark-hover border border-border rounded-md px-2 py-1",children:[(0,a.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",className:"text-text-tertiary",fill:"currentColor",children:(0,a.jsx)("path",{d:"M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z"})}),(0,a.jsx)("span",{className:"text-[9px] text-text-secondary",children:"Last 7 days"})]}),["Desktop","Chrome"].map(e=>(0,a.jsxs)("div",{className:"flex items-center gap-1 bg-primary/10 border border-primary/20 rounded-md px-2 py-1",children:[(0,a.jsx)("span",{className:"text-[9px] text-primary",children:e}),(0,a.jsx)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",className:"text-primary/60",fill:"currentColor",children:(0,a.jsx)("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})})]},e)),(0,a.jsxs)("div",{className:"flex items-center gap-1 border border-border border-dashed rounded-md px-2 py-1 opacity-50",children:[(0,a.jsx)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",className:"text-text-tertiary",fill:"currentColor",children:(0,a.jsx)("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"})}),(0,a.jsx)("span",{className:"text-[9px] text-text-tertiary",children:"Add filter"})]})]})}let f=[{label:"Visitors",value:"12,847",change:"+12.3%",positive:!0,sparkData:[30,35,28,42,38,45,50]},{label:"Sessions",value:"18,294",change:"+8.7%",positive:!0,sparkData:[40,45,42,48,44,52,55]},{label:"Bounce Rate",value:"34.2%",change:"-3.1%",positive:!0,sparkData:[42,40,38,36,37,35,34]},{label:"Avg Duration",value:"2m 34s",change:"+15.4%",positive:!0,sparkData:[90,100,95,110,120,130,140]}];function j(){return(0,a.jsx)("div",{className:"absolute inset-0 z-10 overflow-hidden rounded-lg",children:(0,a.jsx)("div",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/5 to-transparent shimmer-move"})})}function b(){return(0,a.jsx)("div",{className:"absolute inset-0 z-10 flex items-center justify-center bg-dark-card/80 rounded-lg backdrop-blur-[1px]",children:(0,a.jsxs)("div",{className:"flex flex-col items-center gap-2",children:[(0,a.jsx)("div",{className:"w-5 h-5 border-2 border-primary/30 border-t-primary rounded-full animate-spin"}),(0,a.jsx)("span",{className:"text-[8px] text-primary font-medium",children:"Updating..."})]})})}function g(){let e=[{label:"Mon",value:65},{label:"Tue",value:80},{label:"Wed",value:45},{label:"Thu",value:90},{label:"Fri",value:70},{label:"Sat",value:40},{label:"Sun",value:55}],t=Math.max(...e.map(e=>e.value));return(0,a.jsxs)("div",{className:"bg-dark-card border border-border rounded-lg p-4",children:[(0,a.jsx)("div",{className:"text-[10px] text-text-tertiary uppercase tracking-wide mb-3",children:"Sessions by Day"}),(0,a.jsxs)("svg",{viewBox:"0 0 ".concat(32*e.length," ").concat(120),className:"w-full h-auto",preserveAspectRatio:"xMidYMid meet",children:[[0,.25,.5,.75,1].map(t=>(0,a.jsx)("line",{x1:"0",y1:100-100*t,x2:32*e.length,y2:100-100*t,stroke:"#2A2A3A",strokeWidth:"0.5"},t)),e.map((e,r)=>{let s=e.value/t*100,i=32*r+6;return(0,a.jsxs)("g",{children:[(0,a.jsx)("rect",{x:i,y:100-s,width:20,height:s,rx:"3",fill:"#60A5FA",opacity:"0.8"}),(0,a.jsx)("text",{x:i+10,y:114,textAnchor:"middle",className:"fill-text-tertiary",fontSize:"7",children:e.label})]},e.label)})]})]})}function y(){let e=[{label:"Homepage",value:4231,color:"#60A5FA"},{label:"Pricing",value:1438,color:"#FBBF24"},{label:"Signup",value:259,color:"#34D399"}],t=e[0].value;return(0,a.jsxs)("div",{className:"bg-dark-card border border-border rounded-lg p-4 animate-fade-in",children:[(0,a.jsx)("div",{className:"text-[10px] text-text-tertiary uppercase tracking-wide mb-3",children:"Conversion Funnel"}),(0,a.jsx)("div",{className:"space-y-1.5",children:e.map((r,s)=>{let i=r.value/t*100,l=s>0?Math.round(r.value/e[s-1].value*100):null;return(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-0.5",children:[(0,a.jsx)("span",{className:"text-[9px] text-text-secondary",children:r.label}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"text-[9px] text-text-primary font-medium",children:r.value.toLocaleStr
1ing()}),null!==l&&(0,a.jsxs)("span",{className:"text-[8px] text-chart-yellow",children:[l,"%"]})]})]}),(0,a.jsx)("div",{className:"h-5 bg-dark-hover rounded overflow-hidden",children:(0,a.jsx)("div",{className:"h-full rounded transition-all duration-700 ease-out",style:{width:"".concat(i,"%"),background:r.color,opacity:.8}})}),s<e.length-1&&(0,a.jsx)("div",{className:"flex justify-center my-0.5",children:(0,a.jsx)("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"#6B7280",children:(0,a.jsx)("path",{d:"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z"})})})]},r.label)})}),(0,a.jsxs)("div",{className:"mt-2 pt-2 border-t border-border flex items-center justify-between",children:[(0,a.jsx)("span",{className:"text-[8px] text-text-tertiary",children:"Overall conversion"}),(0,a.jsx)("span",{className:"text-[10px] text-chart-green font-semibold",children:"6.1%"})]})]})}function N(){return(0,a.jsx)("div",{className:"flex-1 flex items-center justify-center",children:(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)("div",{className:"w-12 h-12 mx-auto mb-3 rounded-xl bg-dark-card border border-border flex items-center justify-center",children:(0,a.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"#6B7280",strokeWidth:"1.5",children:(0,a.jsx)("path",{d:"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"})})}),(0,a.jsx)("p",{className:"text-[11px] text-text-tertiary",children:"Describe the dashboard you want"}),(0,a.jsx)("p",{className:"text-[9px] text-text-tertiary/60 mt-1",children:"The AI will build it for you"})]})})}function w(){return(0,a.jsxs)("div",{className:"bg-dark-card border border-border rounded-lg p-4",children:[(0,a.jsx)("div",{className:"text-[10px] text-text-tertiary uppercase tracking-wide mb-3",children:"Top Pages"}),(0,a.jsx)("div",{className:"space-y-2",children:[{page:"/home",views:"4,231"},{page:"/pricing",views:"2,847"},{page:"/features",views:"1,923"},{page:"/blog/ai-analytics",views:"1,456"}].map(e=>(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("span",{className:"text-[9px] text-text-secondary truncate",children:e.page}),(0,a.jsx)("span",{className:"text-[9px] text-text-tertiary",children:e.views})]},e.page))})]})}function k(e){let{phase:t}=e,r=3===t,s=7===t;return t>=3?(0,a.jsxs)("div",{className:"flex-1 bg-dark-bg p-3 overflow-hidden",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"text-xs font-medium text-text-primary",children:"Traffic Overview"}),(r||s)&&(0,a.jsxs)("div",{className:"flex items-center gap-1 bg-primary/10 border border-primary/20 rounded px-1.5 py-0.5 animate-fade-in",children:[(0,a.jsx)("div",{className:"w-1 h-1 rounded-full bg-primary animate-pulse"}),(0,a.jsx)("span",{className:"text-[8px] text-primary font-medium",children:r?"Generating...":"Updating..."})]}),8===t&&(0,a.jsxs)("div",{className:"flex items-center gap-1 bg-chart-green/10 border border-chart-green/20 rounded px-1.5 py-0.5 animate-fade-in",children:[(0,a.jsx)("div",{className:"w-1 h-1 rounded-full bg-chart-green"}),(0,a.jsx)("span",{className:"text-[8px] text-chart-green font-medium",children:"Updated"})]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,a.jsx)("div",{className:"w-5 h-5 rounded-md bg-dark-hover border border-border flex items-center justify-center",children:(0,a.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",className:"text-text-tertiary",fill:"currentColor",children:(0,a.jsx)("path",{d:"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"})})}),(0,a.jsx)("div",{className:"w-5 h-5 rounded-md bg-dark-hover border border-border flex items-center justify-center",children:(0,a.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",className:"text-text-tertiary",fill:"currentColor",children:(0,a.jsx)("path",{d:"M15 3l2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3h-6zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3v6zm6 12l-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6h6zm12-6l-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6v-6z"})})})]})]}),(0,a.jsx)("div",{className:r?"animate-fade-in":"",children:(0,a.jsx)(v,{})}),(0,a.jsxs)("div",{className:"grid grid-cols-4 gap-2 mt-3 ".concat(r?"relative":""),children:[r&&(0,a.jsx)(j,{}),f.map(e=>(0,a.jsx)(o,{...e},e.label))]}),(0,a.jsxs)("div",{className:"grid grid-cols-2 gap-2 mt-2 ".concat(r?"relative":""),children:[r&&(0,a.jsx)(j,{}),(0,a.jsx)(m,{}),(0,a.jsxs)("div",{className:"relative",children:[s&&(0,a.jsx)(b,{}),t>=8?(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)(y,{}),(0,a.jsx)("div",{className:"absolute inset-0 rounded-lg border-2 border-chart-green/40 animate-pulse pointer-events-none"})]}):(0,a.jsx)(g,{})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-2 gap-2 mt-2 ".concat(r?"relative":""),children:[r&&(0,a.jsx)(j,{}),(0,a.jsx)(u,{}),(0,a.jsx)(w,{})]})]}):(0,a.jsx)("div",{className:"flex-1 bg-dark-bg p-3 overflow-hidden flex flex-col h-full",children:(0,a.jsx)(N,{})})}function z(e){let{className:t="",showSidebar:r=!0}
1=e,[i,n]=(0,s.useState)(0);return(0,s.useEffect)(()=>{if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){n(8);return}let e=setTimeout(()=>{n(e=>e>=8?0:e+1)},[1500,1500,1200,2500,2e3,1500,1200,2500,3500][i]);return()=>clearTimeout(e)},[i]),(0,a.jsxs)("div",{className:"rounded-xl border border-border overflow-hidden shadow-card bg-dark-bg ".concat(t),children:[(0,a.jsxs)("div",{className:"sm:hidden flex flex-col h-[520px]",children:[(0,a.jsx)(M,{phase:i}),(0,a.jsx)("div",{className:"flex-1 overflow-hidden",children:(0,a.jsx)(k,{phase:i})})]}),(0,a.jsxs)("div",{className:"hidden sm:flex h-[560px] lg:h-[680px] xl:h-[720px]",children:[r&&(0,a.jsx)("div",{className:"hidden md:block",children:(0,a.jsx)(l,{})}),(0,a.jsx)("div",{className:"w-[260px] shrink-0 border-r border-border",children:(0,a.jsx)(c,{phase:i})}),(0,a.jsx)(k,{phase:i})]})]})}function M(e){let{phase:t}=e,r=t>=7,s="",i="",l=!1,n=!1,d="";return r?(s="Replace the bar chart with a conversion funnel...",i="Replaced daily sessions with a 3-step funnel. Homepage â pricing: 34%",d="Updated"):6===t?(s="Replace the bar chart with a conversion funnel...",l=!0):t>=5&&!r?(s="Replace the bar chart with a conversion funnel...",n=5===t):t>=3?(s="Show me a traffic overview for the last 7 days",i="Built a traffic overview with visitor metrics, trends, and source breakdown.",d="Created"):2===t?(s="Show me a traffic overview for the last 7 days",l=!0):t>=1&&(s="Show me a traffic overview for the last 7 days",n=1===t),(0,a.jsxs)("div",{className:"border-b border-border bg-dark-deeper px-3 py-2.5 shrink-0",children:[s&&(0,a.jsxs)("div",{className:"flex items-start gap-2 mb-1.5",children:[(0,a.jsx)("div",{className:"w-5 h-5 rounded-full bg-primary-light border border-primary/20 flex items-center justify-center shrink-0 mt-0.5",children:(0,a.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"#E8E9ED",children:(0,a.jsx)("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"})})}),(0,a.jsxs)("p",{className:"text-[11px] text-text-primary leading-snug",children:[s,n&&(0,a.jsx)("span",{className:"typing-cursor"})]})]}),l&&(0,a.jsxs)("div",{className:"flex items-center gap-2 animate-fade-in",children:[(0,a.jsx)("div",{className:"w-5 h-5 rounded-full bg-primary flex items-center justify-center shrink-0",children:(0,a.jsx)("svg",{width:"9",height:"9",viewBox:"0 0 24 24",fill:"white",children:(0,a.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"})})}),(0,a.jsx)("div",{className:"flex gap-1",children:[0,1,2].map(e=>(0,a.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-text-tertiary animate-typing-dot",style:{animationDelay:"".concat(.2*e,"s")}},e))})]}),i&&(0,a.jsxs)("div",{className:"flex items-start gap-2 animate-fade-in",children:[(0,a.jsx)("div",{className:"w-5 h-5 rounded-full bg-primary flex items-center justify-center shrink-0 mt-0.5",children:(0,a.jsx)("svg",{width:"9",height:"9",viewBox:"0 0 24 24",fill:"white",children:(0,a.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"})})}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[d&&(0,a.jsxs)("div",{className:"flex items-center gap-1 mb-0.5",children:[(0,a.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-chart-green"}),(0,a.jsxs)("span",{className:"text-chart-green text-[9px] font-medium",children:["Dashboard ",d.toLowerCase()]})]}),(0,a.jsx)("p",{className:"text-[11px] text-text-secondary leading-snug truncate",children:i})]})]}),!s&&(0,a.jsxs)("div",{className:"flex items-center gap-2 text-text-tertiary",children:[(0,a.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"})}),(0,a.jsx)("span",{className:"text-[11px]",children:"Describe the dashboard y
1ou want..."})]})]})}},2434:function(e,t,r){"use strict";r.d(t,{W:function(){return s}});var a=r(7437);function s(e){let{children:t,className:r=""}=e;return(0,a.jsx)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 ".concat(r),children:t})}}},function(e){e.O(0,[2972,2971,2117,1744],function(){return e(e.s=254)}),_N_E=e.O()}]);
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.