https://infillion.ai/_next/static/chunks/app/page-31de1dfb5dfb0887.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{5780:function(e,s,t){Promise.resolve().then(t.bind(t,795))},795:function(e,s,t){"use strict";t.r(s),t.d(s,{default:function(){return HomePage}});var l=t(7437),a=t(2265),r=t(1813),n=t(2898);/**
2 * @license lucide-react v0.294.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */let c=(0,n.Z)("Activity",[["path",{d:"M22 12h-4l-3 9L9 3l-3 9H2",key:"d5dnw9"}]]);var i=t(1827);/**
7 * @license lucide-react v0.294.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */let d=(0,n.Z)("BarChart3",[["path",{d:"M3 3v18h18",key:"1s2lah"}],["path",{d:"M18 17V9",key:"2bz60n"}],["path",{d:"M13 17V5",key:"1frdt8"}],["path",{d:"M8 17v-3",key:"17ska0"}]]),o=(0,n.Z)("Users",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["path",{d:"M16 3.13a4 4 0 0 1 0 7.75",key:"1da9ce"}]]),x=(0,n.Z)("Eye",[["path",{d:"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z",key:"rwhkz3"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]),h=(0,n.Z)("Filter",[["polygon",{points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3",key:"1yg77f"}]]);var m=t(1396),p=t.n(m),g=t(4033),u=t(7972);/**
12 * @license lucide-react v0.294.0 - ISC
13 *
14 * This source code is licensed under the ISC license.
15 * See the LICENSE file in the root directory of this source tree.
16 */let y=(0,n.Z)("ChevronUp",[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]]),j=(0,n.Z)("ChevronDown",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),b=(0,n.Z)("Star",[["polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2",key:"8f66p6"}]]);var f=t(905);function ComponentCard(e){let{component:s,onClick:t}=e,r=s.pillar&&s.pillar.trim()?s.pillar.trim():(0,f.f)(s.category),[n,c]=(0,a.useState)(!1),[i,d]=(0,a.useState)(!1);return(0,l.jsxs)("div",{className:"glass-card-hover p-6 rounded-2xl group relative overflow-hidden",children:[(0,l.jsx)("div",{className:"flex items-start justify-between mb-4",children:(0,l.jsxs)("div",{className:"flex-1",children:[(0,l.jsx)("div",{className:"flex items-center gap-3 mb-2",children:(0,l.jsx)("span",{className:"text-xs font-medium text-gray-400 uppercase tracking-wider",children:r.toUpperCase()})}),s.subCategory&&(0,l.jsx)("div",{className:"flex items-center gap-2 mb-2",children:(0,l.jsx)("span",{className:"text-xs text-gray-500 capitalize",children:s.subCategory})}),(0,l.jsx)("h3",{className:"text-lg font-bold text-white mb-2",children:s.name})]})}),s.pmOwner&&(0,l.jsxs)("div",{className:"mb-3 flex items-center gap-2",children:[(0,l.jsx)(u.Z,{className:"w-4 h-4 text-gray-400"}),(0,l.jsx)("span",{className:"text-xs font-medium text-gray-400",children:"PM:"}),(0,l.jsx)("span",{className:"text-sm text-gray-300",children:s.pmOwner})]}),s.products&&s.products.length>0&&(0,l.jsxs)("div",{className:"mb-3",children:[(0,l.jsx)("span",{className:"text-xs font-medium text-gray-400 mb-2 block",children:"Products:"}),(0,l.jsx)("div",{className:"flex flex-wrap gap-2",children:s.products.map((e,s)=>(0,l.jsx)("span",{className:"tag",children:e},s))})]}),(0,l.jsxs)("div",{className:"mb-4",children:[(0,l.jsx)("p",{className:"text-gray-300 text-sm leading-relaxed ".concat(n?"":"line-clamp-[3]"),children:s.description}),s.description&&s.description.length>150&&(0,l.jsx)("button",{onClick:e=>{e.stopPropagation(),c(!n)},className:"mt-2 text-xs text-blue-400 hover:text-blue-300 flex items-center gap-1 transition-colors",children:n?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(y,{className:"w-3 h-3"}),(0,l.jsx)("span",{children:"Show less"})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(j,{className:"w-3 h-3"}),(0,l.jsx)("span",{children:"More..."})]})})]}),s.differentiation&&(0,l.jsxs)("div",{className:"mb-4 pt-4 border-t border-gray-700",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,l.jsx)(b,{className:"w-4 h-4 text-yellow-400"}),(0,l.jsx)("span",{className:"text-xs font-medium text-gray-400",children:"Key Differentiators:"})]}),(0,l.jsx)("p",{className:"text-sm text-gray-300 leading-relaxed ".concat(i?"":"line-clamp-2"),children:s.differentiation}),s.differentiation&&s.differentiation.length>100&&(0,l.jsx)("button",{onClick:e=>{e.stopPropagation(),d(!i)},className:"mt-2 text-xs text-blue-400 hover:text-blue-300 flex items-center gap-1 transition-colors",children:i?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(y,{className:"w-3 h-3"}),(0,l.jsx)("span",{children:"Show less"})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(j,{className:"w-3 h-3"}),(0,l.jsx)("span",{children:"More..."})]})})]}),(0,l.jsx)("div",{className:"absolute inset-0 bg-gradient-to-r from-blue-500/5 to-purple-500/5 opacity-0 group-hover:opacity-100 transition-opacity rounded-2xl pointer-events-none"})]})}/**
17 * @license lucide-react v0.294.0 - ISC
18 *
19 * This source code is licensed under the ISC license.
20 * See the LICENSE file in the root directory of this source tree.
21 */let v=(0,n.Z)("Sliders",[["line",{x1:"4",x2:"4",y1:"21",y2:"14",key:"1p332r"}],["line",{x1:"4",x2:"4",y1:"10",y2:"3",key:"gb41h5"}],["line",{x1:"12",x2:"12",y1:"21",y2:"12",key:"hf2csr"}],["line",{x1:"12",x2:"12",y1:"8",y2:"3",key:"1kfi7u"}],["line",{x1:"20",x2:"20",y1:"21",y2:"16",key:"1lhrwl"}],["line",{x1:"20",x2:"20",y1:"12",y2:"3",key:"16vvfq"}],["line",{x1:"2",x2:"6",y1:"14",y2:"14",key:"1uebub"}],["line",{x1:"10",x2:"14",y1:"8",y2:"8",key:"1yglbp"}],["line",{x1:"18",x2:"22",y1:"16",y2:"16",key:"1jxqpz"}]]);var N=t(2549);/**
22 * @license lucide-react v0.294.0 - ISC
23 *
24 * This source code is licensed under the ISC license.
25 * See the LICENSE file in the root directory of this source tree.
26 */let w=(0,n.Z)("Layers",[["path",{d:"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z",key:"8b97xw"}],["path",{d:"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65",key:"dd6zsq"}],["path",{d:"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65",key:"ep9fru"}]]);function FilterSidebar(e){let{filters:s,onFiltersChange:t,categories:a,statuses:r,products:n,pms:i,businessUnits:d,buyingTypes:o}=e,handleCategoryChange=e=>{let l=s.selectedCategories.includes(e)?s.selectedCategories.filter(s=>s!==e):[...s.selectedCategories,e];t({...s,selectedCategories:l})},handleProductChange=e=>{let l=s.selectedProducts.includes(e)?s.selectedProducts.filter(s=>s!==e):[...s.selectedProducts,e];t({...s,selectedProducts:l})},handleBusinessUnitChange=e=>{var l,a;let r=(null===(l=s.selectedBusinessUnits)||void 0===l?void 0:l.includes(e))?null===(a=s.selectedBusinessUnits)||void 0===a?void 0:a.filter(s=>s!==e):[...s.selectedBusinessUnits||[],e];t({...s,selectedBusinessUnits:r})},handleBuyingTypeChange=e=>{var l,a;let r=(null===(l=s.selectedBuyingTypes)||void 0===l?void 0:l.includes(e))?null===(a=s.selectedBuyingTypes)||void 0===a?void 0:a.filter(s=>s!==e):[...s.selectedBuyingTypes||[],e];t({...s,selectedBuyingTypes:r})},handlePMChange=e=>{var l;let a=(null===(l=s.selectedPMs)||void 0===l?void 0:l.includes(e))?s.selectedPMs.filter(s=>s!==e):[...s.selectedPMs||[],e];t({...s,selectedPMs:a})},x=""!==s.searchTerm||s.selectedCategories.length>0||s.selectedStatuses.length>0||s.selectedProducts.length>0||s.selectedPMs&&s.selectedPMs.length>0||s.selectedBusinessUnits&&s.selectedBusinessUnits.length>0||s.selectedBuyingTypes&&s.selectedBuyingTypes.length>0;return(0,l.jsxs)("div",{className:"sidebar-glass h-full rounded-2xl p-4 w-64",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)("div",{className:"w-6 h-6 accent-purple roun

26ded-lg flex items-center justify-center",children:(0,l.jsx)(v,{className:"w-3 h-3 text-white"})}),(0,l.jsx)("h2",{className:"text-sm font-bold text-white",children:"Filters"})]}),x&&(0,l.jsxs)("button",{onClick:()=>{t({searchTerm:"",selectedCategories:[],selectedStatuses:[],selectedProducts:[],selectedPMs:[],selectedBusinessUnits:[],selectedBuyingTypes:[]})},className:"text-xs text-gray-400 hover:text-white transition-colors flex items-center gap-1",children:[(0,l.jsx)(N.Z,{className:"w-3 h-3"}),"Clear"]})]}),x&&(0,l.jsxs)("div",{className:"glass-card p-3 rounded-lg mb-4",children:[(0,l.jsxs)("h3",{className:"text-xs font-medium text-white mb-2 flex items-center gap-1",children:[(0,l.jsx)(c,{className:"w-3 h-3"}),"Active"]}),(0,l.jsxs)("div",{className:"flex flex-wrap gap-1 text-xs",children:[s.searchTerm&&(0,l.jsx)("span",{className:"bg-blue-500 bg-opacity-20 text-blue-300 px-2 py-0.5 rounded",children:"Search"}),s.selectedCategories.length>0&&s.selectedCategories.length<a.length&&(0,l.jsxs)("span",{className:"bg-purple-500 bg-opacity-20 text-purple-300 px-2 py-0.5 rounded",children:["Pillars: ",s.selectedCategories.length]}),s.selectedProducts.length>0&&(0,l.jsxs)("span",{className:"bg-orange-500 bg-opacity-20 text-orange-300 px-2 py-0.5 rounded",children:["Prod: ",s.selectedProducts.length]}),s.selectedPMs&&s.selectedPMs.length>0&&(0,l.jsxs)("span",{className:"bg-blue-500 bg-opacity-20 text-blue-300 px-2 py-0.5 rounded",children:["PM: ",s.selectedPMs.length]}),s.selectedBusinessUnits&&s.selectedBusinessUnits.length>0&&(0,l.jsxs)("span",{className:"bg-blue-500 bg-opacity-20 text-blue-300 px-2 py-0.5 rounded",children:["Units: ",s.selectedBusinessUnits.length]}),s.selectedBuyingTypes&&s.selectedBuyingTypes.length>0&&(0,l.jsxs)("span",{className:"bg-green-500 bg-opacity-20 text-green-300 px-2 py-0.5 rounded",children:["Types: ",s.selectedBuyingTypes.length]})]})]}),(0,l.jsxs)("div",{className:"space-y-4",children:[(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:"flex items-center gap-1 mb-2",children:[(0,l.jsx)(w,{className:"w-3 h-3 text-gray-400"}),(0,l.jsx)("h3",{className:"text-xs font-semibold text-white",children:"PILLARS"})]}),(0,l.jsx)("div",{className:"space-y-1",children:(a||[]).map(e=>(0,l.jsxs)("label",{className:"flex items-center gap-2 cursor-pointer group p-1.5 rounded hover:bg-white hover:bg-opacity-5 transition-colors",children:[(0,l.jsx)("input",{type:"checkbox",checked:s.selectedCategories.includes(e),onChange:()=>handleCategoryChange(e),className:"filter-checkbox"}),(0,l.jsx)("span",{className:"text-xs text-gray-300 group-hover:text-white transition-colors flex-1 uppercase",children:e})]},e))})]}),(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:"flex items-center gap-1 mb-2",children:[(0,l.jsx)(h,{className:"w-3 h-3 text-gray-400"}),(0,l.jsx)("h3",{className:"text-xs font-semibold text-white",children:"PRODUCTS"}),s.selectedProducts.length>0&&(0,l.jsx)("span",{className:"text-xs bg-orange-500 bg-opacity-20 text-orange-300 px-1.5 py-0.5 rounded-full",children:s.selectedProducts.length})]}),(0,l.jsx)("div",{className:"space-y-1 max-h-48 overflow-y-auto",children:(n||[]).map(e=>(0,l.jsxs)("label",{className:"flex items-center gap-2 cursor-pointer group p-1.5 rounded hover:bg-white hover:bg-opacity-5 transition-colors",children:[(0,l.jsx)("input",{type:"checkbox",checked:s.selectedProducts.includes(e),onChange:()=>handleProductChange(e),className:"filter-checkbox"}),(0,l.jsx)("span",{className:"text-xs text-gray-300 group-hover:text-white transition-colors flex-1",children:e})]},e))})]}),i&&i.length>0&&(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:"flex items-center gap-1 mb-2",children:[(0,l.jsx)(u.Z,{className:"w-3 h-3 text-gray-400"}),(0,l.jsx)("h3",{className:"text-xs font-semibold text-white",children:"PM"}),s.selectedPMs&&s.selectedPMs.length>0&&(0,l.jsx)("span",{className:"text-xs bg-blue-500 bg-opacity-20 text-blue-300 px-1.5 py-0.5 rounded-full",children:s.selectedPMs.length})]}),(0,l.jsx)("div",{className:"space-y-1 max-h-48 overflow-y-auto",children:i.map(e=>{var t;return(0,l.jsxs)("label",{className:"flex items-center gap-2 cursor-pointer group p-1.5 rounded hover:bg-white hover:bg-opacity-5 transition-colors",children:[(0,l.jsx)("input",{type:"checkbox",checked:(null===(t=s.selectedPMs)||void 0===t?void 0:t.includes(e))||!1,onChange:()=>handlePMChange(e),className:"filter-checkbox"}),(0,l.jsx)("span",{className:"text-xs text-gray-300 group-hover:text-white transition-colors flex-1",children:e})]},e)})})]}),(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:"flex items-center gap-1 mb-2",children:[(0,l.jsx)(h,{className:"w-3 h-3 text-gray-400"}),(0,l.jsx)("h3",{className:"text-xs font-semibold text-white",children:"BUSINESS UNIT"}),s.selectedBusinessUnits&&s.selectedBusinessUnits.length>0&&(0,l.jsx)("span",{className:"text-xs bg-blue-500 bg-opacity-20 text-blue-300 px-1.5 py-0.5 rounded-full",children:s.selectedBusinessUnits.length})]}),(0,l.jsx)("div",{className:"space-y-1",children:(d||[]).map(e=>{var t;return(0,l.jsxs)("label",{className:"flex items-center gap-2 cursor-pointer group p-1.5 rounded hover:bg-white hover:bg-opacity-5 transition-colors",children:[(0,l.jsx)("input",{type:"checkbox",checked:(null===(t=s.selectedBusinessUnits)||void 0===t?void 0:t.includes(e))||!1,onChange:()=>handleBusinessUnitChange(e),className:"filter-checkbox"}),(0,l.jsx)("span",{className:"text-xs text-gray-300 group-hover:text-white transition-colors flex-1",children:e})]},e)})}),(0,l.jsx)("div",{className:"text-xs text-gray-400 mt-1 italic",children:"(Selecting MBU or EBU currently returns all objects)"})]}),(0,l.jsxs)("div",{children:[(0,l.jsxs)("div",{className:"flex items-center gap-1 mb-2",children:[(0,l.jsx)(h,{className:"w-3 h-3 text-gray-400"}),(0,l.jsx)("h3",{className:"text-xs font-semibold text-white",children:"BUYING TYPE"}),s.selectedBuyingTypes&&s.selectedBuyingTypes.length>0&&(0,l.jsx)("span",{className:"text-xs bg-green-500 bg-opacity-20 text-green-300 px-1.5 py-0.5 rounded-full",children:s.selectedBuyingTypes.length})]}),(0,l.jsx)("div",{className:"space-y-1",children:(o||[]).map(e=>{var t;return(0,l.jsxs)("label",{className:"flex items-center gap-2 cursor-pointer group p-1.5 rounded hover:bg-white hover:bg-opacity-5 transition-colors",children:[(0,l.jsx)("input",{type:"checkbox",checked:(null===(t=s.selectedBuyingTypes)||void 0===t?void 0:t.includes(e))||!1,onChange:()=>handleBuyingTypeChange(e),className:"filter-checkbox"}),(0,l.jsx)("span",{className:"text-xs text-gray-300 group-hover:text-white transition-colors flex-1",children:e})]},e)})})]})]}),(0,l.jsx)("div",{className:"mt-8 pt-6 border-t border-gray-700",children:(0,l.jsxs)("div",{className:"glass-card p-4 rounded-xl",children:[(0,l.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,l.jsx)(h,{className:"w-4 h-4 text-purple-400"}),(0,l.jsx)("span",{className:"text-sm font-medium text-white",children:"Qu

26ick Tip"})]}),(0,l.jsx)("p",{className:"text-xs text-gray-400 leading-relaxed",children:"Use the search bar to find components by name or tags. Combine with category filters for precise results."})]})})]})}var C=t(1594),k=t(7960);let getUniquePillars=e=>{let s=["Demand","Supply","Creative","Data","Other"],t=e.map(e=>e.pillar&&e.pillar.trim()?e.pillar.trim():(0,f.f)(e.category)),l=Array.from(new Set(t)),orderIndex=e=>{let t=s.findIndex(s=>s.toLowerCase()===e.toLowerCase());return -1===t?s.length+1:t};return l.sort((e,s)=>{let t=orderIndex(e),l=orderIndex(s);return t!==l?t-l:e.localeCompare(s)})},getUniqueBusinessUnits=e=>["MBU","EBU"],getUniqueBuyingTypes=e=>["Self-Serve","Managed-Service","Agentic"],P=["Demand","Supply","Creative","Data","Other"];function HomePage(){let[e,s]=(0,a.useState)(k),[t,n]=(0,a.useState)(!0),[m,u]=(0,a.useState)(""),[y,j]=(0,a.useState)({searchTerm:"",selectedCategories:[...P],selectedStatuses:[],selectedProducts:[],selectedPMs:[],selectedBusinessUnits:[],selectedBuyingTypes:[]}),[b,v]=(0,a.useState)(!1);(0,g.useRouter)(),(0,a.useEffect)(()=>{let load=async()=>{try{let e=await fetch("/api/components",{cache:"no-store"});if(!e.ok)throw Error("Failed to fetch components");let t=await e.json();Array.isArray(t.components)&&s(t.components)}catch(e){u("Using local data. Sheets fetch failed.")}finally{n(!1)}};load()},[]);let N=(0,a.useMemo)(()=>{let s=getUniquePillars(e);return t&&0===s.length?P:s},[e,t]);(0,a.useEffect)(()=>{if(0===N.length)return;let e=N.length===y.selectedCategories.length&&N.every(e=>y.selectedCategories.includes(e));e||j(e=>({...e,selectedCategories:[...N]}))},[N]);let w=(0,a.useMemo)(()=>Array.from(new Set(e.map(e=>e.status))).sort(),[e]),B=(0,a.useMemo)(()=>getUniqueBusinessUnits(e),[e]),M=(0,a.useMemo)(()=>getUniqueBuyingTypes(e),[e]),U=(0,a.useMemo)(()=>Array.from(new Set(e.map(e=>e.pmOwner).filter(e=>!!e&&""!==e.trim()))).sort(),[e]),S=(0,a.useMemo)(()=>{let s=new Set;return e.forEach(e=>{e.products&&Array.isArray(e.products)&&e.products.forEach(e=>{e&&""!==e.trim()&&s.add(e.trim())})}),Array.from(s).sort()},[e]),T=(0,a.useMemo)(()=>{let s=e.filter(e=>{let s=""===y.searchTerm||e.name.toLowerCase().includes(y.searchTerm.toLowerCase())||e.tags.some(e=>e.toLowerCase().includes(y.searchTerm.toLowerCase())),t=e.pillar&&e.pillar.trim()?e.pillar.trim():(0,f.f)(e.category),l=0===y.selectedCategories.length||y.selectedCategories.includes(t),a=0===y.selectedProducts.length||e.products&&e.products.length>0&&y.selectedProducts.some(s=>e.products.some(e=>e.toLowerCase().trim()===s.toLowerCase().trim())),r=!y.selectedPMs||0===y.selectedPMs.length||e.pmOwner&&y.selectedPMs.includes(e.pmOwner),n=!y.selectedBusinessUnits||0===y.selectedBusinessUnits.length||y.selectedBusinessUnits.includes(e.businessUnit||"Both"),c=!y.selectedBuyingTypes||0===y.selectedBuyingTypes.length||y.selectedBuyingTypes.includes(e.buyingType||"Agentic");return s&&l&&a&&r&&n&&c}),t=s.sort((e,s)=>{let t=e.subCategory||"zzz-no-subcategory",l=s.subCategory||"zzz-no-subcategory";return t.localeCompare(l)});return t},[e,y]),handleComponentSelect=()=>{};return e.length,e.filter(e=>"Active"===e.status).length,N.length,T.length,(0,l.jsxs)("div",{className:"min-h-screen bg-gradient-to-br from-slate-950 via-purple-950 to-slate-950",children:[(0,l.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_20%_80%,_rgba(79,70,229,0.1),_transparent_50%)] pointer-events-none"}),(0,l.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_80%_20%,_rgba(139,92,246,0.1),_transparent_50%)] pointer-events-none"}),(0,l.jsxs)("div",{className:"relative z-10 flex",children:[(0,l.jsx)(FilterSidebar,{filters:y,onFiltersChange:j,categories:N,statuses:w,products:S,pms:U,businessUnits:B,buyingTypes:M}),(0,l.jsxs)("div",{className:"flex-1 p-8",children:[(0,l.jsxs)("div",{className:"mb-8",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between mb-6",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("h1",{className:"text-4xl font-bold text-white mb-2",children:"Infillion Platform Component Marketplace"}),(0,l.jsx)("p",{className:"text-gray-400",children:"Discover and integrate powerful advertising components"})]}),(0,l.jsxs)("div",{className:"flex items-center gap-4",children:[(0,l.jsxs)(p(),{href:"/cluster",className:"btn-secondary flex items-center gap-2",children:[(0,l.jsx)(r.Z,{className:"w-4 h-4"}

26),"Cluster View"]}),(0,l.jsxs)("div",{className:"flex items-center gap-2 text-blue-400",children:[(0,l.jsx)(c,{className:"w-5 h-5"}),(0,l.jsxs)("span",{className:"text-sm font-medium",children:[T.length," components"]})]})]})]}),(0,l.jsxs)("div",{className:"relative mb-6",children:[(0,l.jsx)(i.Z,{className:"absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400 w-5 h-5"}),(0,l.jsx)("input",{type:"text",placeholder:"Search components...",value:y.searchTerm,onChange:e=>j(s=>({...s,searchTerm:e.target.value})),className:"w-full pl-12 pr-4 py-3 bg-gray-900/50 border border-gray-700 rounded-xl text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent backdrop-blur-sm"})]}),(0,l.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4 mb-8",children:[(0,l.jsxs)("div",{className:"glass-card p-6 text-center",children:[(0,l.jsx)("div",{className:"flex items-center justify-center mb-2",children:(0,l.jsx)(d,{className:"w-8 h-8 text-blue-400"})}),(0,l.jsx)("div",{className:"text-2xl font-bold text-white",children:e.length}),(0,l.jsx)("div",{className:"text-gray-400 text-sm",children:"Total Components"})]}),(0,l.jsxs)("div",{className:"glass-card p-6 text-center",children:[(0,l.jsx)("div",{className:"flex items-center justify-center mb-2",children:(0,l.jsx)(o,{className:"w-8 h-8 text-blue-400"})}),(0,l.jsx)("div",{className:"text-2xl font-bold text-white",children:getUniquePillars(e).length}),(0,l.jsx)("div",{className:"text-gray-400 text-sm",children:"PILLARS"})]}),(0,l.jsxs)("div",{className:"glass-card p-6 text-center",children:[(0,l.jsx)("div",{className:"flex items-center justify-center mb-2",children:(0,l.jsx)(x,{className:"w-8 h-8 text-purple-400"})}),(0,l.jsx)("div",{className:"text-2xl font-bold text-white",children:T.length}),(0,l.jsx)("div",{className:"text-gray-400 text-sm",children:"Filtered Results"})]})]})]}),t?(0,l.jsx)("div",{className:"text-center py-24",children:(0,l.jsx)("div",{className:"glass-card p-12 max-w-md mx-auto",children:(0,l.jsxs)("div",{className:"flex flex-col items-center",children:[(0,l.jsx)("div",{className:"animate-spin rounded-full h-16 w-16 border-b-2 border-purple-400 mb-6"}),(0,l.jsx)("h3",{className:"text-xl font-bold text-white mb-2",children:"Loading Components"}),(0,l.jsx)("p",{className:"text-gray-400",children:"Fetching data from Google Sheets..."})]})})}):(0,l.jsxs)(l.Fragment,{children:[m&&(0,l.jsx)("div",{className:"text-yellow-400 mb-4 bg-yellow-900 bg-opacity-20 p-3 rounded-lg",children:m}),(0,l.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:T.map(e=>(0,l.jsx)(ComponentCard,{component:e,onClick:handleComponentSelect},e.id))},"grid-".concat(T.length,"-").concat(y.selectedCategories.join("-"),"-").concat(y.selectedProducts.join("-"))),0===T.length&&(0,l.jsx)("div",{className:"text-center py-12",children:(0,l.jsxs)("div",{className:"glass-card p-8 max-w-md mx-auto",children:[(0,l.jsx)(h,{className:"w-12 h-12 text-gray-400 mx-auto mb-4"}),(0,l.jsx)("h3",{className:"text-xl font-bold text-white mb-2",children:"No Components Found"}),(0,l.jsx)("p",{className:"text-gray-400",children:"Try adjusting your filters or search terms to find components."})]})})]})]})]}),(0,l.jsx)(C.Z,{components:e,onComponentSelect:handleComponentSelect})]})}},1396:function(e,s,t){e.exports=t(8326)}},function(e){e.O(0,[326,683,971,472,744],function(){return e(e.s=5780)}),_N_E=e.O()}]);