1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[635],{80635:(e,t,s)=>{s.r(t),s.d(t,{default:()=>W});var a=s(95155),i=s(12115),l=s(3089),r=s(38541),n=s(26497),c=s(85467),o=s(93405),d=s(99605);let x={name:"Alex Morgan",email:"[email protected]",org:"Bloom Caf\xe9",initials:"AM"},h=[{id:"1",name:"Organic Oat Milk 1L",qty:8,unit:"cartons",location:"Fridge",status:"ok",price:4.99,icon:"\uD83E\uDD5B",category:"Dairy",sku:"OAT-1L-001"},{id:"2",name:"Cold Brew Coffee 500ml",qty:2,unit:"bottles",location:"Bar",status:"low",price:8.99,icon:"â",category:"Beverages",sku:"CBC-500-002"},{id:"3",name:"Hand Soap Refill 750ml",qty:0,unit:"bottles",location:"Stockroom",status:"out",price:3.99,icon:"\uD83E\uDDF4",category:"Supplies",sku:"HSR-750-003"},{id:"4",name:"Sourdough Bread 800g",qty:6,unit:"loaves",location:"Display",status:"ok",price:6.5,icon:"\uD83C\uDF5E",category:"Bakery",sku:"SDB-800-004"},{id:"5",name:"Greek Yoghurt 1kg",qty:4,unit:"tubs",location:"Fridge",status:"ok",price:5.2,icon:"\uD83E\uDED9",category:"Dairy",sku:"GYO-1KG-005"},{id:"6",name:"Granola Bars 12pk",qty:1,unit:"boxes",location:"Pantry",status:"low",price:12.99,icon:"\uD83C\uDF3E",category:"Snacks",sku:"GRB-12P-006"},{id:"7",name:"Whole Bean Coffee 1kg",qty:12,unit:"bags",location:"Bar",status:"ok",price:24.99,icon:"â",category:"Beverages",sku:"WBC-1KG-007"},{id:"8",name:"Almond Milk 1L",qty:5,unit:"cartons",location:"Fridge",status:"ok",price:3.49,icon:"\uD83E\uDD5B",category:"Dairy",sku:"ALM-1L-008"},{id:"9",name:"Green Tea Bags 100s",qty:1,unit:"boxes",location:"Pantry",status:"low",price:6.99,icon:"\uD83C\uDF75",category:"Beverages",sku:"GTB-100-009"},{id:"10",name:"Vanilla Extract 500ml",qty:3,unit:"bottles",location:"Pantry",status:"ok",price:11.5,icon:"\uD83E\uDED9",category:"Baking",sku:"VAN-500-010"},{id:"11",name:"Olive Oil 500ml",qty:0,unit:"bottles",location:"Kitchen",status:"out",price:8.99,icon:"\uD83E\uDED2",category:"Condiments",sku:"OLO-500-011"},{id:"12",name:"Paper Cups 500pk",qty:2,unit:"packs",location:"Stockroom",status:"low",price:15.99,icon:"\uD83E\uDD64",category:"Supplies",sku:"CUP-500-012"},{id:"13",name:"Napkins 200pk",qty:8,unit:"packs",location:"Stockroom",status:"ok",price:4.99,icon:"\uD83D\uDCC4",category:"Supplies",sku:"NAP-200-013"},{id:"14",name:"Wooden Cutlery 100s",qty:4,unit:"packs",location:"Stockroom",status:"ok",price:7.99,icon:"\uD83C\uDF74",category:"Supplies",sku:"WCU-100-014"},{id:"15",name:"Oat Flour 2kg",qty:2,unit:"bags",location:"Kitchen",status:"ok",price:9.99,icon:"\uD83C\uDF3E",category:"Baking",sku:"OAF-2KG-015"}],m=[{id:"r1",store:"Whole Foods Market",date:"Apr 28, 2025",itemCount:5,total:"$47.34",icon:"\uD83D\uDED2",items:["Organic Oat Milk \xd7 2","Sourdough Bread \xd7 1","Greek Yoghurt \xd7 3","Granola Bars \xd7 2","Green Tea Bags \xd7 1"]},{id:"r2",store:"Metro Supplies Co.",date:"Apr 24, 2025",itemCount:3,total:"$89.20",icon:"\uD83C\uDFED",items:["Paper Cups 500pk \xd7 4","Napkins 200pk \xd7 6","Wooden Cutlery \xd7 2"]},{id:"r3",store:"Coffee Bean Imports",date:"Apr 20, 2025",itemCount:2,total:"$124.50",icon:"â",items:["Whole Bean Coffee 1kg \xd7 5","Cold Brew Coffee \xd7 6"]}],p=[{id:"q1",name:"Whole Bean Coffee 1kg",sku:"WBC-1KG-007",date:"Apr 28",location:"Bar"},{id:"q2",name:"Cold Brew Coffee 500ml",sku:"CBC-500-002",date:"Apr 24",location:"Bar"},{id:"q3",name:"Organic Oat Milk 1L",sku:"OAT-1L-001",date:"Apr 22",location:"Fridge"},{id:"q4",name:"Hand Soap Refill 750ml",sku:"HSR-750-003",date:"Apr 18",location:"Stockroom"}],u=[{time:"2m ago",icon:"\uD83D\uDCF7",text:"Barcode scanned â Organic Oat Milk 1L added \xd71",color:"#2563EB"},{time:"18m ago",icon:"\uD83E\uDDFE",text:"AI extracted 5 items from Whole Foods receipt",color:"#60A5FA"},{time:"1h ago",icon:"â ï¸",text:"Low stock alert: Cold Brew Coffee (2 remaining)",color:"#BA7517"},{time:"3h ago",icon:"\uD83C\uDFF7ï¸",text:"QR label created: Whole Bean Coffee 1kg",color:"#2563EB"},{time:"Yesterday",icon:"\uD83D\uDED2",text:"Purchase Order sent to Coffee Bean Imports ($180.45)",color:"#8B5CF6"}],b=[{id:"v1",name:"Whole Foods Market",category:"Produce",color:"#2563EB",bg:"#DBEAFE",textColor:"#1D4ED8",phone:"(555) 234-5678",email:"[email protected]",rep:"Sarah Chen",items:12},{id:"v2",name:"Coffee Bean Imports",category:"Beverages",color:"#8B5CF6",bg:"#EDE9FE",textColor:"#5B21B6",phone:"(555) 345-6789",email:"[email protected]",rep:"Marco Rivera",items:8},{id:"v3",name:"Metro Supplies Co.",category:"Cleaning & Paper",color:"#06B6D4",bg:"#E0F9FF",textColor:"#0E7490",phone:"(555) 456-7890",email:"[email protected]",rep:"James Wu",items:15},{id:"v4",name:"Artisan Dairy Co.",category:"Dairy",color:"#3B82F6",bg:"#EFF6FF",textColor:"#1D4ED8",phone:"(555) 567-8901",email:"[email protected]",rep:"Emma Davis",items:6}],g=[{id:"s1",icon:"â",item:"Cold Brew Coffee 500ml",qty:2,suggested:6,vendor:"Coffee Bean Imports",price:8.99,status:"low"},{id:"s2",icon:"\uD83E\uDD64",item:"Paper Cups 500pk",qty:2,suggested:4,vendor:"Metro Supplies Co.",price:15.99,status:"low"},{id:"s3",icon:"\uD83E\uDDF4",item:"Hand Soap Refill 750ml",qty:0,suggested:6,vendor:"Metro Supplies Co.",price:3.99,status:"out"},{id:"s4",icon:"\uD83C\uDF75",item:"Green Tea Bags 100s",qty:1,suggested:3,vend
1or:"Whole Foods Market",price:6.99,status:"low"},{id:"s5",icon:"\uD83E\uDED2",item:"Olive Oil 500ml",qty:0,suggested:4,vendor:"Whole Foods Market",price:8.99,status:"out"}],f=[{id:"l1",name:"Whole Bean Coffee 1kg",unit:"bag",pricePerPack:24.99,packsOrdered:5},{id:"l2",name:"Cold Brew Concentrate 2L",unit:"bottle",pricePerPack:18.5,packsOrdered:3},{id:"l3",name:"Espresso Blend 500g",unit:"bag",pricePerPack:16.99,packsOrdered:4}],j={ok:{dot:"#2563EB",bg:"#DBEAFE",text:"#1D4ED8",label:"In stock"},low:{dot:"#BA7517",bg:"#FAEEDA",text:"#854F0B",label:"Low stock"},out:{dot:"#E24B4A",bg:"#FCEBEB",text:"#A32D2D",label:"Out of stock"}};function v(e){let{status:t}=e,s=j[t];return(0,a.jsx)("span",{className:"text-[10px] font-semibold px-2 py-0.5 rounded-full whitespace-nowrap flex-shrink-0",style:{background:s.bg,color:s.text},children:s.label})}function w(e){let{seed:t,cellSize:s=5}=e,i=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5,s=e.split("").reduce((e,t)=>e+t.charCodeAt(0),0);return Array.from({length:t},(e,a)=>Array.from({length:t},(e,i)=>a<2&&i<2||a<2&&i>t-3||a>t-3&&i<2||s*(a+1)*(i+1)%7>2))}(t);return(0,a.jsx)("div",{className:"grid gap-[1px]",style:{gridTemplateColumns:"repeat(".concat(i[0].length,", ").concat(s,"px)")},"aria-hidden":"true",children:i.flatMap((e,t)=>e.map((e,i)=>(0,a.jsx)("div",{style:{width:s,height:s,background:e?"#111827":"transparent",borderRadius:1}},"".concat(t,"-").concat(i))))})}function N(e){let{className:t=""}=e;return(0,a.jsx)("div",{className:"flex flex-col gap-[3px] cursor-grab active:cursor-grabbing ".concat(t),"aria-label":"Drag handle",children:[0,1,2].map(e=>(0,a.jsx)("div",{className:"flex gap-[3px]",children:[0,1].map(e=>(0,a.jsx)("div",{className:"w-[3px] h-[3px] rounded-full bg-white/25"},e))},e))})}let y=["stats","inventory-status","activity","quick-actions"],k={stats:{title:"Overview Stats",icon:"\uD83D\uDCCA",content:(0,a.jsx)(function(){let e=h.length,t=h.filter(e=>"low"===e.status).length,s=h.filter(e=>"out"===e.status).length,i=new Set(h.map(e=>e.location)).size;return(0,a.jsx)("div",{className:"grid grid-cols-2 lg:grid-cols-4 gap-2",children:[{label:"Total items",val:String(e),sub:"+3 this week",sub2:"#2563EB",icon:"\uD83D\uDCE6"},{label:"Low stock",val:String(t),sub:"needs attention",sub2:"#BA7517",icon:"â ï¸"},{label:"Out of stock",val:String(s),sub:"order required",sub2:"#E24B4A",icon:"\uD83D\uDEAB"},{label:"Locations",val:String(i),sub:"across all sites",sub2:"#60A5FA",icon:"\uD83D\uDCCD"}].map((e,t)=>(0,a.jsxs)("div",{className:"bg-[#070C14] rounded-xl p-3 border border-white/[0.06]",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-1.5",children:[(0,a.jsx)("span",{className:"text-sm",children:e.icon}),(0,a.jsx)("span",{className:"text-[10px] font-medium",style:{color:e.sub2},children:e.sub})]}),(0,a.jsx)("p",{className:"text-xl font-bold text-white",children:e.val}),(0,a.jsx)("p",{className:"text-[11px] text-white/40 mt-0.5",children:e.label})]},t))})},{})},"inventory-status":{title:"Inventory Status",icon:"\uD83D\uDCE6",content:(0,a.jsx)(function(){return(0,a.jsxs)("div",{className:"space-y-2",children:[h.slice(0,6).map(e=>(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"w-1.5 h-1.5 rounded-full flex-shrink-0",style:{background:j[e.status].dot}}),(0,a.jsx)("span",{className:"text-xs text-white/70 flex-1 truncate",children:e.name}),(0,a.jsx)("span",{className:"text-[10px] text-white/35 hidden sm:block",children:e.location}),(0,a.jsx)(v,{status:e.status})]},e.id)),(0,a.jsxs)("p",{className:"text-[10px] text-white/25 pt-1",children:["+ ",h.length-6," more items"]})]})},{})},activity:{title:"Recent Activity",icon:"\uD83D\uDD50",content:(0,a.jsx)(function(){return(0,a.jsx)("div",{className:"space-y-2.5",children:u.map((e,t)=>(0,a.jsxs)("div",{className:"flex items-start gap-2.5",children:[(0,a.jsx)("div",{className:"w-5 h-5 rounded-md flex items-center justify-center text-[11px] flex-shrink-0 mt-0.5",style:{background:"".concat(e.color,"15")},children:e.icon}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"text-[11px] text-white/70 leading-tight",children:e.text}),(0,a.jsx)("p",{className:"text-[10px] text-white/30 mt-0.5",children:e.time})]})]},t))})},{})},"quick-actions":{title:"Quick Actions",icon:"â¡",content:(0,a.jsx)(function(){return(0,a.jsx)("div",{className:"grid grid-cols-3 sm:grid-cols-6 gap-2",children:[{icon:"\uD83D\uDCF7",label:"Scan barcode"},{icon:"\uD83E\uDDFE",label:"Scan receipt"},{icon:"â",label:"Add item"},{icon:"\uD83C\uDFF7ï¸",label:"Create QR label"},{icon:"\uD83D\uDED2",label:"New order"},{icon:"\uD83D\uDCE4",label:"Export CSV"}].map(e=>(0,a.jsxs)("button",{"aria-label":e.label,className:"flex flex-col items-center gap-1.5 p-2.5 rounded-xl bg-white/[0.03] border border-white/[0.05] hover:border-[#2563EB]/30 hover:bg-[#2563EB]/5 transition-all group",children:[(0,a.jsx)("span",{className:"text-lg",children:e.icon}),(0,a.jsx)("span",{className:"text-[10px] text-white/45 group-hover:text-white/70 transition-colors leading-tight text-center",children:e.label})]},e.label))})},{})}};function B(e){let{id:t,dragControls:s}=e,i=k[t];return(0,a.jsxs)(l.P.div,{layout:!0,whileDrag:{scale:1.015,boxSh
1adow:"0 16px 40px rgba(0,0,0,0.5), 0 0 0 1px rgba(37,99,235,0.3)",zIndex:50},className:"bg-[#070C14] rounded-xl border border-white/[0.06] overflow-hidden select-none",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2.5 px-3.5 py-2.5 border-b border-white/[0.05]",children:[(0,a.jsx)("span",{className:"text-sm","aria-hidden":"true",children:i.icon}),(0,a.jsx)("span",{className:"text-xs font-semibold text-white/70 flex-1",children:i.title}),(0,a.jsx)("div",{onPointerDown:e=>s.start(e),className:"touch-none p-1 -mr-1 rounded hover:bg-white/[0.06] transition-colors cursor-grab active:cursor-grabbing",title:"Drag to reorder section",children:(0,a.jsx)(N,{})})]}),(0,a.jsx)("div",{className:"p-3.5",children:i.content})]})}function C(){let[e,t]=(0,i.useState)([...y]),[s,d]=(0,i.useState)(!1),x=Object.fromEntries(y.map(e=>[e,(0,r.m)()]));return(0,a.jsxs)("div",{className:"space-y-2.5",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-1",children:[(0,a.jsx)("p",{className:"text-[10px] text-white/25",children:"Dashboard"}),(0,a.jsx)(n.N,{children:s?(0,a.jsx)(l.P.span,{initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.9},className:"text-[10px] font-semibold text-[#2563EB] bg-[#2563EB]/10 px-2 py-0.5 rounded-full",children:"⦠Rearrangingâ¦"}):(0,a.jsxs)(l.P.span,{initial:{opacity:0}
1,animate:{opacity:1},exit:{opacity:0},className:"text-[10px] text-white/25 flex items-center gap-1",children:[(0,a.jsx)(N,{})," drag sections to reorder"]})})]}),(0,a.jsx)(c.x,{axis:"y",values:e,onReorder:t,className:"space-y-2.5",as:"div",children:e.map(e=>(0,a.jsx)(o.N,{value:e,dragControls:x[e],dragListener:!1,as:"div",onDragStart:()=>d(!0),onDragEnd:()=>d(!1),children:(0,a.jsx)(B,{id:e,dragControls:x[e]})},e))})]})}function E(){let[e,t]=(0,i.useState)(""),[s,r]=(0,i.useState)("all"),[c,o]=(0,i.useState)(null),d=h.filter(t=>{let a=t.name.toLowerCase().includes(e.toLowerCase())||t.sku.toLowerCase().includes(e.toLowerCase()),i="all"===s||t.status===s;return a&&i});return(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsxs)("div",{className:"flex-1 relative",children:[(0,a.jsxs)("svg",{className:"absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-white/30",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",children:[(0,a.jsx)("circle",{cx:"11",cy:"11",r:"8"}),(0,a.jsx)("path",{d:"m21 21-4.35-4.35"})]}),(0,a.jsx)("input",{type:"search",value:e,onChange:e=>t(e.target.value),placeholder:"Search items or SKUâ¦",className:"w-full bg-[#070C14] border border-white/[0.07] rounded-xl pl-8 pr-3 py-2 text-xs text-white placeholder-white/30 focus:outline-none focus:border-[#2563EB]/50 transition-colors","aria-label":"Search inventory"})]}),(0,a.jsx)("div",{className:"flex gap-1",children:["all","ok","low","out"].map(e=>(0,a.jsx)("button",{onClick:()=>r(e),className:"px-2 py-1.5 rounded-lg text-[10px] font-semibold transition-all ".concat(s===e?"bg-[#2563EB] text-white":"bg-[#070C14] border border-white/[0.07] text-white/40 hover:text-white/70"),children:"all"===e?"All":j[e].label},e))})]}),(0,a.jsxs)("p",{className:"text-[11px] text-white/30",children:[d.length," items"]}),(0,a.jsx)("div",{className:"space-y-1.5",children:d.map((e,t)=>(0,a.jsxs)(l.P.div,{initial:{opacity:0,y:5},animate:{opacity:1,y:0},transition:{delay:.03*t},children:[(0,a.jsx)("button",{className:"w-full text-left",onClick:()=>o(c===e.id?null:e.id),"aria-expanded":c===e.id,children:(0,a.jsxs)("div",{className:"flex items-center gap-3 p-2.5 rounded-xl bg-[#070C14] border border-white/[0.06] hover:border-white/10 transition-colors",children:[(0,a.jsx)("span",{className:"text-base flex-shrink-0",children:e.icon}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"text-xs font-medium text-white truncate",children:e.name}),(0,a.jsxs)("p",{className:"text-[10px] text-white/35",children:[e.location," \xb7 ",e.sku]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2 flex-shrink-0",children:[(0,a.jsxs)("span",{className:"text-xs font-semibold text-white tabular-nums",children:[e.qty," ",(0,a.jsx)("span",{className:"text-white/35 font-normal",children:e.unit})]}),(0,a.jsx)(v,{status:e.status}),(0,a.jsx)("svg",{className:"w-3 h-3 text-white/25 transition-transform ".concat(c===e.id?"rotate-180":""),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M6 9l6 6 6-6"})})]})]})}),(0,a.jsx)(n.N,{children:c===e.id&&(0,a.jsx)(l.P.div,{initial:{opacity:0,height:0},animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},transition:{duration:.2},className:"overflow-hidden",children:(0,a.jsx)("div",{className:"mx-2 mb-1 p-3 rounded-b-xl bg-[#0a1220] border border-t-0 border-white/[0.05] grid grid-cols-3 gap-3",children:[{label:"Unit price",val:"$".concat(e.price.toFixed(2))},{label:"Category",val:e.category},{label:"Location",val:e.location}].map(e=>(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-[9px] text-white/30 uppercase tracking-wider",children:e.label}),(0,a.jsx)("p",{className:"text-xs text-white/80 font-medium mt-0.5",children:e.val})]},e.label))})})})]},e.id))})]})}function A(){let[e,t]=(0,i.useState)(null);return(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("p",{className:"text-[11px] text-white/30",children:[m.length," receipts scanned"]}),(0,a.jsx)("span",{className:"text-[10px] font-semibold text-[#2563EB] bg-[#2563EB]/10 px-2 py-1 rounded-full",children:"AI-powered"})]}),m.map((s,i)=>(0,a.jsxs)(l.P.div,{initial:{opacity:0,y:8}
1,animate:{opacity:1,y:0},transition:{delay:.08*i},children:[(0,a.jsx)("button",{className:"w-full text-left",onClick:()=>t(e===s.id?null:s.id),"aria-expanded":e===s.id,children:(0,a.jsxs)("div",{className:"flex items-center gap-3 p-3.5 rounded-xl bg-[#070C14] border border-white/[0.06] hover:border-[#2563EB]/25 transition-colors",children:[(0,a.jsx)("div",{className:"w-9 h-9 rounded-xl bg-[#2563EB]/10 flex items-center justify-center text-lg flex-shrink-0",children:s.icon}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"text-xs font-semibold text-white truncate",children:s.store}),(0,a.jsxs)("p",{className:"text-[10px] text-white/40",children:[s.date," \xb7 ",s.itemCount," items extracted"]})]}),(0,a.jsxs)("div",{className:"text-right flex-shrink-0",children:[(0,a.jsx)("p",{className:"text-xs font-bold text-white",children:s.total}),(0,a.jsx)("p",{className:"text-[10px] text-[#2563EB]",children:"â Added"})]})]})}),(0,a.jsx)(n.N,{children:e===s.id&&(0,a.jsx)(l.P.div,{initial:{opacity:0,height:0},animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},transition:{duration:.2},className:"overflow-hidden",children:(0,a.jsxs)("div",{className:"mx-2 mb-1 p-3 rounded-b-xl bg-[#0a1220] border border-t-0 border-white/[0.05] space-y-1.5",children:[(0,a.jsx)("p",{className:"text-[10px] text-white/40 font-semibold uppercase tracking-wider mb-2",children:"Extracted items"}),s.items.map((e,t)=>(0,a.jsxs)("div",{className:"flex items-center gap-2 text-[11px] text-white/65",children:[(0,a.jsx)("div",{className:"w-1 h-1 rounded-full bg-[#2563EB] flex-shrink-0"}),e]},t))]})})})]},s.id))]})}function D(){return(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("p",{className:"text-[11px] text-white/30",children:[p.length," labels generated"]}),(0,a.jsx)("button",{className:"text-[10px] font-semibold text-[#2563EB] bg-[#2563EB]/10 px-2.5 py-1 rounded-full hover:bg-[#2563EB]/20 transition-colors",children:"+ New label"})]}),(0,a.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3",children:p.map((e,t)=>(0,a.jsxs)(l.P.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},transition:{delay:.08*t},className:"bg-[#070C14] rounded-xl border border-white/[0.06] p-3 hover:border-[#2563EB]/25 transition-colors",children:[(0,a.jsxs)("div",{className:"bg-white rounded-lg p-3 mb-2.5 flex items-center gap-3",children:[(0,a.jsx)(w,{seed:e.sku,cellSize:5}),(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("p",{className:"text-[11px] font-bold text-gray-800 truncate",children:e.name}),(0,a.jsx)("p",{className:"text-[9px] text-gray-500",children:e.sku}),(0,a.jsxs)("div",{className:"flex items-center gap-1 mt-1",children:[(0,a.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-[#2563EB]"}),(0,a.jsx)("span",{className:"text-[9px] text-[#1D4ED8] font-semibold",children:"In Stock"})]})]})]}),(0,a.jsxs)("div",{className:"flex items-center justify-between text-[10px]",children:[(0,a.jsxs)("span",{className:"text-white/35",children:[e.location," \xb7 ",e.date]}),(0,a.jsx)("button",{className:"text-[#2563EB] font-semibold hover:text-[#60A5FA] transition-colors",children:"\uD83D\uDDA8ï¸ Print"})]})]},e.id))})]})}function S(){return(0,a.jsx)("div",{className:"grid sm:grid-cols-2 gap-3",children:b.map((e,t)=>(0,a.jsxs)(l.P.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{delay:.07*t},className:"bg-[#070C14] rounded-xl border border-white/[0.06] overflow-hidden hover:border-white/10 hover:-translate-y-0.5 transition-all group",children:[(0,a.jsx)("div",{className:"h-[3px]",style:{background:e.color}}),(0,a.jsxs)("div",{className:"p-3.5",children:[(0,a.jsxs)("div",{className:"flex items-start justify-between gap-2 mb-2.5",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-xs font-semibold text-white",children:e.name}),(0,a.jsx)("span",{className:"inline-block text-[10px] font-semibold px-2 py-0.5 rounded-full mt-1",style:{background:e.bg,color:e.textColor},children:e.category})]}),(0,a.jsx)("div",{className:"text-[10px] text-white/30 text-right flex-shrink-0",children:(0,a.jsxs)("p",{children:[e.items," products"]})})]}),(0,a.jsxs)("div",{className:"space-y-1 mb-3",children:[e.rep&&(0,a.jsxs)("p",{className:"text-[10px] text-white/45 flex items-center gap-1.5",children:["\uD83D\uDC64 Rep: ",e.rep]}),e.email&&(0,a.jsxs)("p",{className:"text-[10px] text-white/45 flex items-center gap-1.5",children:["âï¸ ",e.email]}),e.phone&&(0,a.jsxs)("p",{className:"text-[10px] text-white/45 flex items-center gap-1.5",children:["\uD83D\uDCDE ",e.phone]}
1)]}),(0,a.jsxs)("div",{className:"flex items-center justify-between pt-2.5 border-t border-white/[0.05]",children:[(0,a.jsx)("span",{className:"text-[10px] text-white/30 flex items-center gap-1",children:"\uD83C\uDFE2 Vendor"}),(0,a.jsx)("button",{className:"text-[10px] font-semibold flex items-center gap-1 transition-colors",style:{color:e.color},children:"View Catalog â"})]})]})]},e.id))})}function F(){let[e,t]=(0,i.useState)(f),[s,r]=(0,i.useState)(!1),c=(e,s)=>t(t=>t.map(t=>t.id===e?{...t,packsOrdered:Math.max(0,t.packsOrdered+s)}:t)),o=e.reduce((e,t)=>e+t.packsOrdered*t.pricePerPack,0),d=e.reduce((e,t)=>e+t.packsOrdered,0);return(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between p-3 rounded-xl bg-[#070C14] border border-white/[0.06]",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,a.jsx)("div",{className:"w-8 h-8 rounded-lg flex items-center justify-center text-sm",style:{background:"#8B5CF615"},children:"â"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-xs font-semibold text-white",children:"Coffee Bean Imports"}),(0,a.jsx)("span",{className:"text-[10px] font-semibold px-1.5 py-0.5 rounded-full",style:{background:"#EDE9FE",color:"#5B21B6"},children:"Beverages"})]})]}),(0,a.jsxs)("div",{className:"text-right",children:[(0,a.jsxs)("p",{className:"text-xs text-white/40",children:[d," packs \xb7 ",e.length," items"]}),(0,a.jsxs)("p",{className:"text-base font-bold text-white",children:["$",o.toFixed(2)]})]})]}),(0,a.jsxs)("div",{className:"bg-[#070C14] rounded-xl border border-white/[0.06] overflow-hidden",children:[e.map((t,s)=>(0,a.jsxs)("div",{className:"px-3.5 py-3 flex items-center gap-3 ".concat(s<e.length-1?"border-b border-white/[0.04]":""),children:[(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"text-xs font-semibold text-white truncate",children:t.name}),(0,a.jsxs)("p",{className:"text-[10px] text-white/40",children:["per ",t.unit," \xb7 $",t.pricePerPack.toFixed(2),"/pack"]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2 flex-shrink-0",children:[(0,a.jsx)("button",{onClick:()=>c(t.id,-1),className:"w-6 h-6 rounded-md bg-white/[0.06] hover:bg-white/10 text-white/60 hover:text-white flex items-center justify-center text-sm transition-all","aria-label":"Decrease quantity",children:"â"}),(0,a.jsx)("span",{className:"text-sm font-bold text-white tabular-nums w-5 text-center",children:t.packsOrdered}),(0,a.jsx)("button",{onClick:()=>c(t.id,1),className:"w-6 h-6 rounded-md bg-white/[0.06] hover:bg-[#2563EB]/30 text-white/60 hover:text-[#2563EB] flex items-center justify-center text-sm transition-all","aria-label":"Increase quantity",children:"+"})]}),(0,a.jsxs)("p",{className:"text-xs font-bold text-white tabular-nums w-14 text-right flex-shrink-0",children:["$",(t.packsOrdered*t.pricePerPack).toFixed(2)]})]},t.id)),(0,a.jsxs)("div",{className:"px-3.5 py-3 bg-[#0a1220] border-t border-white/[0.06] flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-[10px] text-white/40",children:"Vendor subtotal"}),(0,a.jsxs)("p",{className:"text-base font-bold text-white",children:["$",o.toFixed(2)]})]}),(0,a.jsx)(n.N,{mode:"wait",children:s?(0,a.jsxs)(l.P.div,{initial:{scale:.8,opacity:0}
1,animate:{scale:1,opacity:1},className:"flex items-center gap-2 bg-[#2563EB]/10 border border-[#2563EB]/30 rounded-xl px-4 py-2 text-xs font-semibold text-[#2563EB]",children:[(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",className:"w-3.5 h-3.5","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M20 6L9 17l-5-5",strokeLinecap:"round",strokeLinejoin:"round"})}),"PO Sent!"]},"sent"):(0,a.jsx)(l.P.button,{onClick:()=>r(!0),className:"flex items-center gap-2 px-4 py-2 rounded-xl text-xs font-semibold text-white transition-all",style:{background:"#2563EB"},whileHover:{background:"#1D4ED8"},whileTap:{scale:.97},children:"\uD83D\uDDA8ï¸ Finalize & Print PO"},"btn")})]})]})]})}function P(){let[e,t]=(0,i.useState)(new Set);return(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 p-3 rounded-xl bg-[#8B5CF6]/10 border border-[#8B5CF6]/20 mb-1",children:[(0,a.jsx)("span",{className:"text-base",children:"â¨"}),(0,a.jsxs)("p",{className:"text-[11px] text-white/70",children:[(0,a.jsx)("span",{className:"font-semibold text-white",children:"Smart Purchasing"})," â Fluyte detected"," ",(0,a.jsxs)("span",{className:"text-[#8B5CF6] font-semibold",children:[g.length," items"]})," that need reordering based on your current stock levels."]})]}),g.map((s,i)=>(0,a.jsxs)(l.P.div,{initial:{opacity:0,x:-8},animate:{opacity:1,x:0},transition:{delay:.07*i},className:"flex items-center gap-3 p-3 rounded-xl bg-[#070C14] border border-white/[0.06] hover:border-white/10 transition-colors",children:[(0,a.jsx)("span",{className:"text-lg flex-shrink-0",children:s.icon}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-0.5",children:[(0,a.jsx)("p",{className:"text-xs font-semibold text-white truncate",children:s.item}),(0,a.jsx)(v,{status:s.status})]}),(0,a.jsxs)("p",{className:"text-[10px] text-white/40",children:["via ",s.vendor," \xb7 $",s.price.toFixed(2),"/unit"]}),(0,a.jsxs)("p",{className:"text-[10px] text-white/30 mt-0.5",children:["Current: ",(0,a.jsx)("span",{className:"text-[#BA7517]",children:s.qty})," \xb7 Suggested order: ",(0,a.jsxs)("span",{className:"text-[#2563EB] font-semibold",children:["\xd7",s.suggested]})]})]}),(0,a.jsxs)("div",{className:"flex-shrink-0 text-right",children:[(0,a.jsxs)("p",{className:"text-xs font-bold text-white mb-1.5",children:["$",(s.price*s.suggested).toFixed(2)]}),(0,a.jsx)("button",{onClick:()=>t(e=>new Set([...e,s.id])),disabled:e.has(s.id),className:"text-[10px] font-semibold px-2.5 py-1 rounded-lg transition-all ".concat(e.has(s.id)?"bg-[#2563EB]/10 text-[#2563EB] border border-[#2563EB]/30":"bg-[#2563EB] text-white hover:bg-[#1D4ED8]"),children:e.has(s.id)?"â Added":"+ Add to order"})]})]},s.id)),e.size>0&&(0,a.jsxs)(l.P.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},className:"flex items-center justify-between p-3 rounded-xl bg-[#2563EB]/10 border border-[#2563EB]/25",children:[(0,a.jsxs)("p",{className:"text-xs text-white/70",children:[(0,a.jsxs)("span",{className:"font-semibold text-[#2563EB]",children:[e.size," item",e.size>1?"s":""]})," added to Order Builder"]}),(0,a.jsx)("button",{className:"text-[10px] font-semibold text-white bg-[#2563EB] px-3 py-1.5 rounded-lg hover:bg-[#1D4ED8] transition-colors",children:"Review order â"})]})]})}function O(){let[e,t]=(0,i.useState)("vendors"),s=[{id:"vendors",label:"Vendors"},{id:"order",label:"Order Builder",badge:"".concat(f.length," items")},{id:"smart",label:"Smart Purchasing"}];return(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 p-3 rounded-xl bg-[#070C14] border border-white/[0.06]",children:[(0,a.jsx)("div",{className:"w-9 h-9 rounded-xl bg-[#2563EB]/15 flex items-center justify-center text-lg flex-shrink-0",children:"\uD83C\uDFEA"}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"text-xs font-semibold text-white",children:"Bloom Caf\xe9"}),(0,a.jsx)("p",{className:"text-[10px] text-white/40",children:"4 vendors \xb7 2 open POs \xb7 Last order Apr 28"})]}),(0,a.jsx)("span",{className:"text-[10px] font-semibold text-[#2563EB] bg-[#2563EB]/10 px-2 py-1 rounded-full flex-shrink-0",children:"Business"})]}),(0,a.jsx)("div",{className:"flex gap-1 p-1 bg-[#0a1220] rounded-xl",children:s.map(s=>(0,a.jsxs)("button",{onClick:()=>t(s.id),className:"flex-1 flex items-center justify-center gap-1.5 px-2 py-1.5 rounded-lg text-[11px] font-semibold transition-all ".concat(e===s.id?"bg-[#090F1C] text-white shadow-sm":"text-white/40 hover:text-white/70"),children:[s.label,s.badge&&e!==s.id&&(0,a.jsx)("span",{className:"text-[9px] bg-[#2563EB] text-white px-1.5 py-0.5 rounded-full",children:s.badge})]},s.id))}),(0,a.jsx)(n.N,{mode:"wait",children:(0,a.jsxs)(l.P.div,{initial:{opacity:0,y:6}
1,animate:{opacity:1,y:0},exit:{opacity:0,y:-6},transition:{duration:.18},children:["vendors"===e&&(0,a.jsx)(S,{}),"order"===e&&(0,a.jsx)(F,{}),"smart"===e&&(0,a.jsx)(P,{})]},e)})]})}function L(){let e=h.reduce((e,t)=>e+t.qty*t.price,0),t=h.length,s=h.filter(e=>"ok"===e.status).length,i=h.filter(e=>"low"===e.status).length,r=h.filter(e=>"out"===e.status).length,n={};for(let e of h)n[e.category]||(n[e.category]={count:0,value:0}),n[e.category].count++,n[e.category].value+=e.qty*e.price;let c=Object.entries(n).sort((e,t)=>t[1].value-e[1].value).slice(0,5),o=Math.max(...c.map(e=>e[1].value)),d=[{label:"Apr 20",amount:124.5},{label:"Apr 24",amount:89.2},{label:"Apr 28",amount:47.34}],x=Math.max(...d.map(e=>e.amount)),p=d.reduce((e,t)=>e+t.amount,0),u=2*Math.PI*28,b=s/t*u,g=i/t*u,f=r/t*u;return(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsx)("div",{className:"grid grid-cols-3 gap-2",children:[{label:"Stock value",value:"$".concat(e.toFixed(0)),sub:"".concat(t," items tracked"),color:"#60A5FA"},{label:"Monthly spend",value:"$".concat(p.toFixed(0)),sub:"".concat(m.length," receipts scanned"),color:"#60A5FA"},{label:"Alerts",value:String(i+r),sub:"".concat(i," low \xb7 ").concat(r," out"),color:i+r>0?"#BA7517":"#60A5FA"}].map((e,t)=>(0,a.jsxs)("div",{className:"bg-[#070C14] rounded-xl p-3 border border-white/[0.06]",children:[(0,a.jsx)("p",{className:"text-[10px] text-white/40 mb-1",children:e.label}),(0,a.jsx)("p",{className:"text-xl font-bold text-white",children:e.value}),(0,a.jsx)("p",{className:"text-[10px] mt-0.5",style:{color:e.color},children:e.sub})]},t))}),(0,a.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3",children:[(0,a.jsxs)("div",{className:"bg-[#070C14] rounded-xl border border-white/[0.06] p-4",children:[(0,a.jsx)("p",{className:"text-[10px] font-semibold text-white/50 uppercase tracking-wider mb-3",children:"Stock Health"}),(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsxs)("svg",{width:72,height:72,viewBox:"0 0 72 72",style:{flexShrink:0},"aria-hidden":"true",children:[(0,a.jsx)("circle",{cx:36,cy:36,r:28,fill:"none",stroke:"white",strokeOpacity:"0.05",strokeWidth:8}),(0,a.jsx)("circle",{cx:36,cy:36,r:28,fill:"none",stroke:"#2563EB",strokeWidth:8,strokeDasharray:"".concat(b," ").concat(u-b),strokeDashoffset:.25*u}),(0,a.jsx)("circle",{cx:36,cy:36,r:28,fill:"none",stroke:"#BA7517",strokeWidth:8,strokeDasharray:"".concat(g," ").concat(u-g),strokeDashoffset:.25*u-b}),(0,a.jsx)("circle",{cx:36,cy:36,r:28,fill:"none",stroke:"#E24B4A",strokeWidth:8,strokeDasharray:"".concat(f," ").concat(u-f),strokeDashoffset:.25*u-b-g}),(0,a.jsx)("text",{x:36,y:33,textAnchor:"middle",fill:"white",fontSize:11,fontWeight:"bold",children:t}),(0,a.jsx)("text",{x:36,y:44,textAnchor:"middle",fill:"rgba(255,255,255,0.35)",fontSize:7,children:"items"})]}),(0,a.jsx)("div",{className:"space-y-1.5 flex-1",children:[{label:"In stock",count:s,color:"#2563EB"},{label:"Low stock",count:i,color:"#BA7517"},{label:"Out of stock",count:r,color:"#E24B4A"}].map(e=>(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"w-2 h-2 rounded-full flex-shrink-0",style:{background:e.color}}),(0,a.jsx)("span",{className:"text-[10px] text-white/55 flex-1",children:e.label}),(0,a.jsx)("span",{className:"text-[10px] font-bold text-white",children:e.count})]},e.label))})]})]}),(0,a.jsxs)("div",{className:"bg-[#070C14] rounded-xl border border-white/[0.06] p-4",children:[(0,a.jsx)("p",{className:"text-[10px] font-semibold text-white/50 uppercase tracking-wider mb-3",children:"By Category"}),(0,a.jsx)("div",{className:"space-y-2",children:c.map(e=>{let[t,s]=e;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-[10px] text-white/60",children:t}),(0,a.jsxs)("span",{className:"text-[10px] font-semibold text-white",children:["$",s.value.toFixed(0)]})]}),(0,a.jsx)("div",{className:"h-1.5 bg-white/[0.05] rounded-full overflow-hidden",children:(0,a.jsx)(l.P.div,{className:"h-full rounded-full",style:{background:"linear-gradient(90deg, #2563EB, #60A5FA)"},initial:{width:0},animate:{width:"".concat(s.value/o*100,"%")},transition:{duration:.6,ease:"easeOut",delay:.1}})})]},t)})})]})]}),(0,a.jsxs)("div",{className:"bg-[#070C14] rounded-xl border border-white/[0.06] p-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,a.jsx)("p",{className:"text-[10px] font-semibold text-white/50 uppercase tracking-wider",children:"Recent Spend"}),(0,a.jsx)("span",{className:"text-[10px] text-white/30",children:"last 3 receipts"})]}),(0,a.jsx)("div",{className:"flex items-end gap-4",style:{height:68},children:d.map((e,t)=>(0,a.jsxs)("div",{className:"flex-1 flex flex-col items-center gap-1",children:[(0,a.jsxs)("span",{className:"text-[9px] text-white/40",children:["$",e.amount.toFixed(0)]}),(0,a.jsx)("div",{className:"w-full flex items-end justify-center",style:{height:40},children:(0,a.jsx)(l.P.div,{className:"w-full rounded-t-md",style:{background:"linear-gradient(180deg, #3B82F6 0%, #1D4ED8 100%)"},initial:{height:0},animate:{height:"".concat(e.amount/x*40,"px")},transition:{duration:.5,ease:"easeOut",delay:.1*t}})}),(0,a.jsx)("span",{className:"text-[9px] text-white/30",children:e.label})]},t))})]})]})}let M=[{id:"dashboard",label:"Dashboard",icon:(0,a.jsx)(function(e){let{className:t=""}=e;
1return(0,a.jsx)("svg",{className:t,viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M3 3h7v7H3zm0 11h7v7H3zM14 3h7v7h-7zm0 11h7v7h-7z"})})},{className:"w-4 h-4"})},{id:"inventory",label:"Inventory",icon:(0,a.jsx)(function(e){let{className:t=""}=e;return(0,a.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[(0,a.jsx)("path",{d:"M3 7L12 3L21 7L12 11L3 7Z"}),(0,a.jsx)("path",{d:"M3 17L12 21L21 17"}),(0,a.jsx)("path",{d:"M3 7V17"}),(0,a.jsx)("path",{d:"M21 7V17"}),(0,a.jsx)("path",{d:"M12 3V21"})]})},{className:"w-4 h-4"}),badge:h.filter(e=>"ok"!==e.status).length},{id:"receipts",label:"Receipts",icon:(0,a.jsx)(function(e){let{className:t=""}=e;return(0,a.jsx)("svg",{className:t,viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M18 2H6a1 1 0 0 0-1 1v18l3-2 2 2 2-2 2 2 2-2 3 2V3a1 1 0 0 0-1-1zm-1 12H7v-2h10v2zm0-4H7V8h10v2z"})})},{className:"w-4 h-4"})},{id:"qr",label:"QR Labels",icon:(0,a.jsx)(function(e){let{className:t=""}=e;return(0,a.jsx)("svg",{className:t,viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M3 3h7v7H3V3zm2 2v3h3V5H5zm7-2h7v7h-7V3zm2 2v3h3V5h-3zM3 14h7v7H3v-7zm2 2v3h3v-3H5zm10 0h2v2h-2v-2zm0 4h2v2h-2v-2zm2-4h2v2h-2v-2zm0 4h2v2h-2v-2z"})})},{className:"w-4 h-4"})},{id:"purchasing",label:"Purchasing",icon:(0,a.jsx)(function(e){let{className:t=""}=e;return(0,a.jsxs)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[(0,a.jsx)("circle",{cx:"9",cy:"21",r:"1"}),(0,a.jsx)("circle",{cx:"20",cy:"21",r:"1"}),(0,a.jsx)("path",{d:"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"})]})},{className:"w-4 h-4"}),badge:1},{id:"reports",label:"Analytics",icon:(0,a.jsx)(function(e){let{className:t=""}=e;return(0,a.jsx)("svg",{className:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M18 20V10M12 20V4M6 20v-6"})})},{className:"w-4 h-4"})}],q={dashboard:"Dashboard",inventory:"Inventory",receipts:"Receipts",qr:"QR Labels",purchasing:"Purchasing",reports:"Analytics"};function z(e){let{nav:t,active:s,onClick:i}=e,n=(0,r.m)();return(0,a.jsx)(o.N,{value:t.id,dragControls:n,dragListener:!1,as:"div",children:(0,a.jsxs)(l.P.div,{layout:!0,whileDrag:{scale:1.03,boxShadow:"0 8px 24px rgba(0,0,0,0.4)",zIndex:50,borderRadius:8},className:"flex items-center gap-2 px-2.5 py-2 rounded-lg text-xs font-medium transition-colors mb-0.5 ".concat(s?"bg-[#2563EB]/15 text-[#2563EB]":"text-white/40 hover:text-white/70 hover:bg-white/[0.04]"),children:[(0,a.jsx)("div",{onPointerDown:e=>n.start(e),className:"touch-none flex-shrink-0 opacity-0 group-hover:opacity-100 cursor-grab active:cursor-grabbing p-0.5",children:(0,a.jsx)(N,{})}),(0,a.jsxs)("button",{onClick:i,className:"flex items-center gap-2 flex-1 min-w-0","aria-current":s?"page":void 0,children:[(0,a.jsx)("span",{className:"flex-shrink-0",children:t.icon}),(0,a.jsx)("span",{className:"flex-1 text-left truncate",children:t.label}),t.badge?(0,a.jsx)("span",{className:"text-[9px] font-bold px-1.5 py-0.5 rounded-full flex-shrink-0 ".concat("purchasing"===t.id?"bg-[#8B5CF6] text-white":"bg-[#BA7517] text-white"),children:t.badge}):null]})]})})}function W(){let[e,t]=(0,i.useState)("dashboard"),[s,r]=(0,i.useState)(M.map(e=>e.id)),[o,h]=(0,i.useState)(!1),m=s.map(e=>M.find(t=>t.id===e)).filter(Boolean),p={dashboard:(0,a.jsx)(C,{}),inventory:(0,a.jsx)(E,{}),receipts:(0,a.jsx)(A,{}),qr:(0,a.jsx)(D,{}),purchasing:(0,a.jsx)(O,{}),reports:(0,a.jsx)(L,{})};return(0,a.jsx)("section",{id:"demo",className:"py-24 md:py-32 bg-[#090F1C]","aria-label":"Interactive app demo",children:(0,a.jsxs)("div",{className:"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8",children:[(0,a.jsxs)("div",{className:"text-center mb-14",children:[(0,a.jsx)(l.P.p,{initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},className:"text-[11px] font-semibold text-[#C9A84C] uppercase tracking-widest mb-3",children:"Live app demo"}),(0,a.jsxs)(l.P.h2,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.1},className:"text-3xl sm:text-4xl font-bold text-white mb-4 tracking-tight",children:["This is the"," ",(0,a.jsx)("span",{className:"text-transparent bg-clip-text",style:{backgroundImage:"linear-gradient(135deg, #2563EB, #60A5FA)"},children:"actual Fluyte app."})]}),(0,a.jsxs)(l.P.p,{initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.2},className:"text-white/50 max-w-lg mx-auto text-sm leading-relaxed",children:["Explore ",(0,a.jsx)("span",{className:"text-white/70 font-medium",children:"Bloom Caf\xe9's"})," live demo account. Click any tab to navigate \xb7 ",(0,a.jsx)("span",{className:"text-[#C9A84C]",children:"drag the grip handles to reorder"})," nav items and dashboard sections."]})]}),(0,a.jsxs)(l.P.div,{initial:{opacity:0,y:32},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.8,ease:[.22,1,.36,1]},className:"bg-[#070C14] rounded-2xl border border-white/[0.08] overflow-hidden shadow-glass",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 px-4 py-2.5 bg-[#0a1220] border-b border-white/[0.06]",children:[(0,a.jsxs)("div",{className:"flex gap-1.5","aria-hidden":"true",children:[(0,a.jsx)("div",{className:"w-2.5 h-2.5 rounded-full bg-[#E24B4A]"}),(0,a.jsx)("div",{className:"w-2.5 h-2.5 rounded-full bg-[#BA7517]"}),(0,a.jsx)("div",{className:"w-2.5 h-2.5 rounded-full bg-[#2563EB]"})]}),(0,a.jsx)("div",{className:"flex-1 mx-3 bg-white/[0.04] rounded-md h-5 flex items-center px-3",children:(0,a.jsx)("span",{className:"text-[10px] text-white/30",children:"app.fluyte.com/dashboard"})}),(0,a.jsxs)("div",{className:"flex items-center gap-1.5 text-[10px]",children:[(0,a.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-[#2563EB] animate-pulse"}),(0,a.jsx)("span",{className:"text-[#2563EB] font-semibold",children:"Demo \xb7 Bloom Caf\xe9"})]})]}),(0,a.jsxs)("div",{className:"flex",style:{minHeight:540},children:[(0,a.jsxs)("aside",{className:"hidden md:flex flex-col w-52 border-r border-white/[0.06] bg-[#0a1220]/50 flex-shrink-0",children:[(0,a.jsx)("div",{className:"px-3 py-3 border-b border-white/[0.06]",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"w-7 h-7 rounded-lg bg-[#2563EB]/20 flex items-center justify-center text-xs font-bold text-[#2563EB]",children:"BC"}),(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("p",{className:"text-xs font-semibold text-white truncate",children:x.org}),(0,a.jsx)("p",{className:"text-[9px] text-white/35 truncate",children:x.email})]})]})}),(0,a.jsxs)("nav",{className:"flex-1 py-2 px-2 group","aria-label":"Demo navigation",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between px-1 mb-2",children:[(0,a.jsx)("p",{className:"text-[9px] text-white/20 uppercase tracking-wider",children:"Navigation"}),(0,a.jsx)(n.N,{children:o&&(0,a.jsx)(l.P.span,{initial:{opacity:0}
1,animate:{opacity:1},exit:{opacity:0},className:"text-[9px] text-[#C9A84C]",children:"rearrangingâ¦"})})]}),(0,a.jsx)(c.x,{axis:"y",values:s,onReorder:e=>{r(e),e!==s&&h(!0)},as:"div",onMouseUp:()=>h(!1),onTouchEnd:()=>h(!1),children:m.map(s=>(0,a.jsx)(z,{nav:s,active:e===s.id,onClick:()=>t(s.id)},s.id))}),(0,a.jsxs)("p",{className:"text-[9px] text-white/15 text-center mt-2 flex items-center justify-center gap-1",children:[(0,a.jsx)(N,{})," drag to reorder"]})]}),(0,a.jsx)("div",{className:"px-3 py-3 border-t border-white/[0.06]",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"w-7 h-7 rounded-full bg-[#2563EB]/20 flex items-center justify-center text-[10px] font-bold text-[#2563EB] flex-shrink-0",children:x.initials}),(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsx)("p",{className:"text-[10px] font-semibold text-white/70 truncate",children:x.name}),(0,a.jsx)("p",{className:"text-[9px] text-white/30",children:"Demo account"})]})]})})]}),(0,a.jsxs)("div",{className:"flex-1 flex flex-col min-w-0",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between px-4 py-3 border-b border-white/[0.06]",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-[10px] text-white/35",children:"Bloom Caf\xe9 \xb7 Wed 30 Apr"}),(0,a.jsx)("h3",{className:"text-sm font-semibold text-white",children:q[e]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsxs)("div",{className:"hidden sm:flex items-center gap-1.5 text-[10px] text-white/40 bg-[#2563EB]/10 border border-[#2563EB]/20 px-2.5 py-1 rounded-full",children:[(0,a.jsx)("span",{className:"w-1.5 h-1.5 rounded-full bg-[#2563EB] animate-pulse"}),"Live demo data"]}),(0,a.jsx)("div",{className:"w-7 h-7 rounded-full bg-[#2563EB]/20 flex items-center justify-center text-[10px] font-bold text-[#2563EB]",children:x.initials})]})]}),(0,a.jsx)("div",{className:"flex-1 overflow-y-auto p-4",style:{maxHeight:460},children:(0,a.jsx)(n.N,{mode:"wait",children:(0,a.jsx)(l.P.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},exit:{opacity:0,y:-8},transition:{duration:.18},children:p[e]},e)})}),(0,a.jsx)("nav",{className:"md:hidden flex items-center border-t border-white/[0.06] bg-[#0a1220]","aria-label":"Mobile navigation",children:["dashboard","inventory","scan","receipts","purchasing"].map(s=>{if("scan"===s)return(0,a.jsxs)("button",{className:"flex-1 flex flex-col items-center py-2.5 gap-1","aria-label":"Scan",children:[(0,a.jsx)("div",{className:"w-10 h-10 rounded-full bg-[#0D1625] border-2 border-[#C9A84C] flex items-center justify-center -mt-5 shadow-lg",children:(0,a.jsx)(d.M,{size:20})}),(0,a.jsx)("span",{className:"text-[9px] font-medium text-[#C9A84C]",children:"Scan"})]},"scan");let i=M.find(e=>e.id===s);return(0,a.jsxs)("button",{onClick:()=>t(s),"aria-current":e===s?"page":void 0,className:"flex-1 flex flex-col items-center py-2.5 gap-1 transition-colors ".concat(e===s?"text-[#2563EB]":"text-white/30 hover:text-white/60"),children:[i.icon,(0,a.jsx)("span",{className:"text-[9px] font-medium",children:i.label})]},s)})})]})]})]}),(0,a.jsxs)(l.P.div,{initial:{opacity:0,y:16},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:.4},className:"text-center mt-10",children:[(0,a.jsx)("a",{href:"/",className:"inline-flex items-center gap-2 px-8 py-3.5 rounded-xl font-semibold text-sm text-white bg-[#2563EB] hover:bg-[#1D4ED8] transition-all shadow-brand-md hover:shadow-brand-lg",children:"Create your own account â"}),(0,a.jsx)("p",{className:"text-xs text-white/30 mt-3",children:"Free \xb7 No credit card \xb7 Set up in 2 minutes"})]})]})})}}}]);
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.