https://convrgent.ai/_next/static/chunks/app/composer/page-b941543db0ea706e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[297],{2418:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>L});var r=i(5155),n=i(2619),o=i.n(n),a=i(2115);let s={bg:"#0d0b14",bg2:"#13111c",purple:"#a855f7",purpleLight:"#c084fc",purpleDark:"#7c3aed",amber:"#f0c040",emerald:"#10b981",orange:"#f97316",text:"#f1f0f3",textMuted:"#9891a5",textDim:"#5d576b",border:"rgba(168, 85, 247, 0.12)",white:"#fff"},c="'Outfit', system-ui, sans-serif",l="'JetBrains Mono', 'Space Mono', monospace";function d(){let e=(0,a.useRef)(null),[t,i]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let t=e.current;if(!t)return;let r=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&(i(!0),r.disconnect())},{threshold:.1});return r.observe(t),()=>r.disconnect()},[]),{ref:e,style:{opacity:+!!t,transform:t?"translateY(0)":"translateY(24px)",transition:"opacity 0.6s ease-out, transform 0.6s ease-out"}}}function p(){return(0,r.jsx)("div",{style:{width:60,height:2,margin:"0 auto",background:"linear-gradient(90deg, transparent, ".concat(s.purpleDark,", transparent)")}})}let m={kyh:{accent:s.purpleLight,bg:"rgba(168,85,247,0.08)",border:"rgba(168,85,247,0.15)"},blah:{accent:s.orange,bg:"rgba(249,115,22,0.08)",border:"rgba(249,115,22,0.15)"},kyb:{accent:s.emerald,bg:"rgba(16,185,129,0.05)",border:"rgba(16,185,129,0.1)"}},h=[{title:"Make your agent personality-aware",pitch:"Your agent reads the human, learns their communication style, then adapts its tone. Three calls, one personality-aware conversation.",steps:[{id:"quick-read",name:"quick-read",price:"$0.25",desc:"Get personality snapshot",product:"kyh"},{id:"communication-style",name:"communication-style",price:"$0.75",desc:"How they prefer to talk",product:"kyh"},{id:"adapt",name:"adapt",price:"$1.50",desc:"Adjust your agent's tone",product:"blah"}],total:"$2.50",x402link:"https://www.x402scan.com/server/711909c3-c215-4cf1-976d-cd1e854730b3",x402label:"Communication Coach on x402scan"},{title:"Build a complete personality profile",pitch:"The full intelligence stack. 11 frameworks from 3 civilizations synthesized into one portable HUMAN.md file.",steps:[{id:"natal-chart",name:"natal-chart",price:"$1.00",desc:"Western astrology",product:"kyh"},{id:"human-design",name:"human-design",price:"$1.50",desc:"Bodygraph & strategy",product:"kyh"},{id:"socionics",name:"socionics",price:"$2.00",desc:"Cognitive functions",product:"kyh"},{id:"psych-dimensions",name:"psych",price:"$2.50",desc:"12 psych dimensions",product:"kyh"},{id:"enneagram",name:"enneagram",price:"$2.00",desc:"Type & instincts",product:"kyh"},{id:"convergence",name:"convergence",price:"$5.00",desc:"Cross-system synthesis",product:"kyh"},{id:"portrait",name:"portrait",price:"$12.00",desc:"Full HUMAN.md",product:"kyh"}],total:"$26.00",x402link:"https://www.x402scan.com/server/711909c3-c215-4cf1-976d-cd1e854730b3",x402label:"V2 Complete Experience on x402scan"},{title:"Eastern & esoteric personality profile",pitch:"Cross-civilization personality analysis. Chinese Four Pillars, Vedic Jyotish, Pythagorean numerology, and Western astrology combined.",steps:[{id:"bazi",name:"bazi",price:"$1.50",desc:"Four Pillars of Destiny",product:"kyh"},{id:"vedic-chart",name:"vedic-chart",price:"$1.50",desc:"Sidereal chart & Dasha",product:"kyh"},{id:"numerology",name:"numerology",price:"$0.50",desc:"Life Path & Expression",product:"kyh"},{id:"natal-chart",name:"natal-chart",price:"$1.00",desc:"Western chart baseline",product:"kyh"}],total:"$4.50",x402link:"https://www.x402scan.com/server/711909c3-c215-4cf1-976d-cd1e854730b3",x402label:"Eastern Profile on x402scan"},{title:"Personality-matched sales pitch",pitch:"Read the buyer, understand their communication style, build a buyer profile, then generate a personality-matched pitch.",steps:[{id:"quick-read",name:"quick-read",price:"$0.25",desc:"Personality snapshot",product:"kyh"},{id:"communication-style",name:"communication-style",price:"$0.75",desc:"How they talk",product:"kyh"},{id:"kyb-profile",name:"KYB profile",price:"$1.50",desc:"Buyer intelligence",product:"kyb"}

1,{id:"kyb-pitch",name:"KYB pitch",price:"$2.00",desc:"Matched sales pitch",product:"kyb"}],total:"$4.50"},{title:"De-escalate a conflict",pitch:"Understand the person's psychology first, then generate a step-by-step de-escalation script grounded in their personality.",steps:[{id:"quick-read",name:"quick-read",price:"$0.25",desc:"Personality snapshot",product:"kyh"},{id:"psych-dimensions",name:"psych",price:"$2.50",desc:"Deep psych profile",product:"kyh"},{id:"deescalate",name:"deescalate",price:"$2.00",desc:"NVC script generator",product:"blah"}],total:"$4.75"}],u=[{title:"Understand someone",icon:"\uD83E\uDDE0",ids:["schema","quick-read","natal-chart","human-design","socionics","mbti","enneagram","psych-dimensions","numerology","bazi","vedic-chart","covert-profile","convergence","portrait"]},{title:"Communicate better",icon:"\uD83D\uDDE3",ids:["communication-style","agent-prompt","adapt","respond","deescalate","persuade","mirror","decode","negotiate","frame","rapport"]},{title:"Sell smarter",icon:"\uD83D\uDCB0",ids:["kyb-profile","kyb-pitch","kyb-objections","kyb-pricing","kyb-content","kyb-cultural","kyb-committee","kyb-qualify","kyb-followup","kyb-winloss"]},{title:"Store & manage profiles",icon:"\uD83D\uDD12",ids:["vault-create","vault-update","vault-read","vault-list","vault-delete"]},{title:"Real-time intelligence",icon:"⚡",ids:["state","timing"]},{title:"Analyze relationships",icon:"\uD83E\uDD1D",ids:["compatibility","bridge","conflict","team-dynamics","evolution"]}],y=new Map([{id:"schema",name:"schema",desc:"Profile data structure and validation",price:.1,priceLabel:"$0.10",product:"kyh"},{id:"quick-read",name:"quick-read",desc:"Fast personality snapshot from text",price:.25,priceLabel:"$0.25",product:"kyh"},{id:"natal-chart",name:"natal-chart",desc:"Western astrology with planets, houses, aspects",price:1,priceLabel:"$1.00",product:"kyh"},{id:"human-design",name:"human-design",desc:"Bodygraph: type, strategy, authority, channels, gates",price:1.5,priceLabel:"$1.50",product:"kyh"},{id:"socionics",name:"socionics",desc:"16-type cognitive function typing and intertype relations",price:2,priceLabel:"$2.00",product:"kyh"},{id:"mbti",name:"mbti",desc:"16 Personality Types with cognitive function stacks",price:2,priceLabel:"$2.00",product:"kyh"},{id:"enneagram",name:"enneagram",desc:"Type, wing, tritype, instinctual stack",price:2,priceLabel:"$2.00",product:"kyh"},{id:"psych-dimensions",name:"psych-dimensions",desc:"12 dimensions: OCEAN, attachment, risk, cognition",price:2.5,priceLabel:"$2.50",product:"kyh"},{id:"numerology",name:"numerology",desc:"Life Path, Expression, Soul Urge, karmic debts",price:.5,priceLabel:"$0.50",product:"kyh"},{id:"bazi",name:"bazi",desc:"Four Pillars of Destiny, Day Master, element balance",price:1.5,priceLabel:"$1.50",product:"kyh"},{id:"vedic-chart",name:"vedic-chart",desc:"Sidereal chart, Nakshatras, Dasha, Yogas",price:1.5,priceLabel:"$1.50",product:"kyh"},{id:"covert-profile",name:"covert-profile",desc:"70+ seed questions for natural conversation profiling",price:3,priceLabel:"$3.00",product:"kyh"},{id:"convergence",name:"convergence",desc:"24 canonical traits from 2+ frameworks, agreements, tensions",price:5,priceLabel:"$5.00",product:"kyh"},{id:"portrait",name:"portrait",desc:"Full 11-framework synthesis into HUMAN.md",price:12,priceLabel:"$12.00",product:"kyh"},{id:"communication-style",name:"communication-style",desc:"Tone, directness, formality, persuasion triggers",price:.75,priceLabel:"$0.75",product:"kyh"},{id:"agent-prompt",name:"agent-prompt",desc:"System prompt for agent injection — how to talk to this person",price:3,priceLabel:"$3.00",product:"kyh"},{id:"compatibility",name:"compatibility",desc:"Two-person match: synastry, intertype, BaZi, Enneagram",price:10,priceLabel:"$10.00",product:"kyh"},{id:"bridge",name:"bridge",desc:"Communication mediation guide for two people",price:4,priceLabel:"$4.00",product:"kyh"},{id:"conflict",name:"conflict",desc:"Friction prediction, clash analysis, prevention strategies",price:4,priceLabel:"$4.00",product:"kyh"},{id:"team-dynamics",name:"team-dynamics",desc:"Group analysis: roles, gaps, power dynamics (2-10 people)",price:12,priceLabel:"$12.00",product:"kyh"},{id:"evolution",name:"evolution",desc:"Relationship change over time, trend anal

1ysis",price:6.5,priceLabel:"$6.50",product:"kyh"},{id:"health",name:"health",desc:"Service health check",price:0,priceLabel:"free",product:"kyh"},{id:"vault-create",name:"vault-create",desc:"Create persistent human profile",price:.01,priceLabel:"$0.01",product:"kyh"},{id:"vault-update",name:"vault-update",desc:"Merge new signals into vault profile",price:.5,priceLabel:"$0.50",product:"kyh"},{id:"vault-read",name:"vault-read",desc:"Retrieve accumulated vault profile",price:.25,priceLabel:"$0.25",product:"kyh"},{id:"vault-list",name:"vault-list",desc:"List all vault profile IDs",price:.1,priceLabel:"$0.10",product:"kyh"},{id:"vault-delete",name:"vault-delete",desc:"Remove a vault profile",price:.01,priceLabel:"$0.01",product:"kyh"},{id:"state",name:"state",desc:"Current emotional state, receptivity, recommendations",price:.5,priceLabel:"$0.50",product:"kyh"},{id:"timing",name:"timing",desc:"Optimal interaction windows from 4 cycle systems",price:1,priceLabel:"$1.00",product:"kyh"},{id:"adapt",name:"adapt",desc:"Context-aware communication adaptation strategy",price:1.5,priceLabel:"$1.50",product:"blah"},{id:"respond",name:"respond",desc:"Real-time response coaching with emotion detection",price:.75,priceLabel:"$0.75",product:"blah"},{id:"deescalate",name:"deescalate",desc:"Step-by-step de-escalation script using NVC",price:2,priceLabel:"$2.00",product:"blah"},{id:"persuade",name:"persuade",desc:"Multi-step persuasion strategy with Cialdini/ELM",price:2.5,priceLabel:"$2.50",product:"blah"},{id:"mirror",name:"mirror",desc:"Linguistic style matching from recent messages",price:.35,priceLabel:"$0.35",product:"blah"},{id:"decode",name:"decode",desc:"Subtext analysis — hidden objections, buying signals",price:.5,priceLabel:"$0.50",product:"blah"},{id:"negotiate",name:"negotiate",desc:"ZOPA/BATNA negotiation intelligence",price:3,priceLabel:"$3.00",product:"blah"},{id:"frame",name:"frame",desc:"Optimal framing for difficult news and trade-offs",price:1,priceLabel:"$1.00",product:"blah"},{id:"rapport",name:"rapport",desc:"Real-time relationship health scoring",price:.25,priceLabel:"$0.25",product:"blah"},{id:"kyb-profile",name:"profile",desc:"Buyer motivation, decision style, Cialdini map",price:1.5,priceLabel:"$1.50",product:"kyb"},{id:"kyb-pitch",name:"pitch",desc:"Personality-matched sales pitch generator",price:2,priceLabel:"$2.00",product:"kyb"},{id:"kyb-objections",name:"objections",desc:"Predicted objections with type-matched rebuttals",price:1.25,priceLabel:"$1.25",product:"kyb"},{id:"kyb-pricing",name:"pricing",desc:"Price psychology: anchoring, framing, urgency",price:1,priceLabel:"$1.00",product:"kyb"},{id:"kyb-content",name:"content",desc:"Content strategy for conversion by personality",price:1.5,priceLabel:"$1.50",product:"kyb"}

1,{id:"kyb-cultural",name:"cultural",desc:"Hofstede cultural adaptation for 14 markets",price:1,priceLabel:"$1.00",product:"kyb"},{id:"kyb-committee",name:"committee",desc:"Multi-stakeholder B2B messaging matrix (2-10)",price:4,priceLabel:"$4.00",product:"kyb"},{id:"kyb-qualify",name:"qualify",desc:"BANT + MEDDIC purchase readiness scoring",price:.75,priceLabel:"$0.75",product:"kyb"},{id:"kyb-followup",name:"followup",desc:"Personality-calibrated follow-up message generator",price:1.5,priceLabel:"$1.50",product:"kyb"},{id:"kyb-winloss",name:"winloss",desc:"Post-deal analysis with personality-driven insights",price:2,priceLabel:"$2.00",product:"kyb"}].map(e=>[e.id,e]));function g(){let[e,t]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let e=()=>t(window.scrollY>40);return window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)},[]),(0,r.jsxs)("nav",{style:{position:"fixed",top:0,left:0,right:0,zIndex:100,padding:"16px 40px",display:"flex",alignItems:"center",justifyContent:"space-between",background:e?"rgba(13, 11, 20, 0.85)":"rgba(13, 11, 20, 0.5)",backdropFilter:"blur(20px)",WebkitBackdropFilter:"blur(20px)",borderBottom:e?"1px solid ".concat(s.border):"1px solid transparent",transition:"all 0.3s"},children:[(0,r.jsxs)(o(),{href:"/",style:{display:"flex",alignItems:"center",gap:10,textDecoration:"none"},children:[(0,r.jsxs)("svg",{width:"28",height:"22",viewBox:"0 0 28 22",fill:"none",children:[(0,r.jsx)("path",{d:"M14 22L4 4L0 8L14 22Z",fill:"url(#lg1)"}),(0,r.jsx)("path",{d:"M14 22L24 4L28 8L14 22Z",fill:"url(#lg2)"}),(0,r.jsx)("path",{d:"M14 22L8 0L14 6L20 0L14 22Z",fill:"url(#lg3)",opacity:"0.7"}),(0,r.jsxs)("defs",{children:[(0,r.jsxs)("linearGradient",{id:"lg1",x1:"0",y1:"4",x2:"14",y2:"22",gradientUnits:"userSpaceOnUse",children:[(0,r.jsx)("stop",{stopColor:"#c084fc"}),(0,r.jsx)("stop",{offset:"1",stopColor:"#a855f7"})]}),(0,r.jsxs)("linearGradient",{id:"lg2",x1:"28",y1:"4",x2:"14",y2:"22",gradientUnits:"userSpaceOnUse",children:[(0,r.jsx)("stop",{stopColor:"#a855f7"}),(0,r.jsx)("stop",{offset:"1",stopColor:"#7c3aed"})]}),(0,r.jsxs)("linearGradient",{id:"lg3",x1:"14",y1:"0",x2:"14",y2:"22",gradientUnits:"userSpaceOnUse",children:[(0,r.jsx)("stop",{stopColor:"#e9d5ff"}),(0,r.jsx)("stop",{offset:"1",stopColor:"#a855f7"})]})]})]}),(0,r.jsx)("span",{style:{fontFamily:c,fontSize:18,fontWeight:500,color:s.text,letterSpacing:1},children:"convrgent"})]}),(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:28},children:[(0,r.jsx)(o(),{href:"/",style:{fontFamily:c,fontSize:14,fontWeight:400,color:s.textMuted,textDecoration:"none"},children:"Home"}),(0,r.jsx)("a",{href:"#workflows",style:{fontFamily:c,fontSize:14,fontWeight:400,color:s.textMuted,textDecoration:"none"},children:"Workflows"}),(0,r.jsx)("a",{href:"#catalog",style:{fontFamily:c,fontSize:14,fontWeight:400,color:s.textMuted,textDecoration:"none"},children:"Endpoints"}),(0,r.jsx)("a",{href:"https://github.com/Convrgent",target:"_blank",rel:"noopener",style:{padding:"8px 20px",borderRadius:8,background:s.purple,color:s.white,fontFamily:c,fontSize:13,fontWeight:500,textDecoration:"none"},children:"GitHub"})]})]})}function f(){let e=d();return(0,r.jsxs)("section",{style:{paddingTop:160,paddingBottom:80,textAlign:"center",position:"relative"},children:[(0,r.jsx)("div",{style:{position:"absolute",top:0,left:"50%",transform:"translateX(-50%)",width:600,height:600,background:"radial-gradient(circle, rgba(168,85,247,0.06) 0%, transparent 70%)",pointerEvents:"none"}}),(0,r.jsxs)("div",{ref:e.ref,style:{...e.style,position:"relative",zIndex:1,maxWidth:700,margin:"0 auto",padding:"0 24px"},children:[(0,r.jsxs)(o(),{href:"/",style:{fontFamily:c,fontSize:12,color:s.textDim,textDecoration:"none",letterSpacing:1},children:["←"," Back to convrgent.ai"]}),(0,r.jsx)("h1",{style:{fontFamily:c,fontSize:"clamp(36px, 5vw, 56px)",fontWeight:800,lineHeight:1.1,marginTop:24,marginBottom:16,color:s.text},children:"The Composer"}),(0,r.jsx)("p",{style:{fontFamily:c,fontSize:18,color:s.textMuted,lineHeight:1.7,maxWidth:540,margin:"0 auto 12px"},children:"45 microservices. Don't stare at endpoints — start with what you want to build."}),(0,r.jsx)("p",{style:{fontFamily:c,fontSize:14,color:s.textDim,lineHeight:1.6,maxWidth:480,margin:"0 auto 24px"},children:"Each workflow below is a real composition. See the pattern, understand the cost, then build your own."}),(0,r.jsx)("div",{style:{maxWidth:560,margin:"0 auto",padding:"16px 24px",borderRadius:12,background:s.bg2,border:"1px solid ".concat(s.border)},children:(0,r.jsxs)("p",{style:{fontFamily:c,fontSize:13,color:s.textMuted,lineHeight:1.7,margin:0},children:[(0,r.jsx)("strong",{style:{color:s.text},children:"Convrgent Composer"})," is an interactive tool for combining personality intelligence endpoints into agent workflows. Built on deterministic heuristic engines achieving 73% MBTI and 84% Enneagram accuracy. All endpoints use x402 pay-per-call — no API keys, no subscriptions."]})})]})]})}function x(e){let{wf:t}=e;return(0,r.jsxs)("div",{style:{background:s.bg2,border:"1px solid ".concat(s.border),borderRadius:20,padding:"36px 32px",transition:"all 0.3s"},children:[(0,r.jsx)("h3",{style:{fontFamily:c,fontSize:20,fontWeight:700,color:s.text,marginBottom:8},children:t.title}),(0,r.jsx)("p",{style:{fontFamily:c,fontSize:13,color:s.textMuted,lineHeight:1.6,marginBottom:28,maxWidth:500},children:t.pitch}),(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10,flexWrap:"wrap",marginBottom:24},children:[t.steps.map((e,i)=>{let n=m[e.product];return(0,r.jsxs)("div",{style:{display:"contents"},children:[(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:6},children:[(0,r.jsxs)("div",{style:{padding:"10px 18px",borderRadius:10,fontFamily:l,fontSize:13,fontWeight:500,background:n.bg,color:n.accent,border:"1px ".concat(e.soon?"dashed":"solid"," ").concat(n.border),opacity:e.soon?.5:1,whiteSpace:"nowrap"}

1,children:[e.name," ",(0,r.jsx)("span",{style:{fontSize:10,color:s.textDim,fontWeight:400},children:e.price})]}),(0,r.jsx)("span",{style:{fontFamily:c,fontSize:10,color:s.textDim,textAlign:"center",maxWidth:120},children:e.desc})]}),i<t.steps.length-1&&(0,r.jsx)("span",{style:{fontFamily:c,fontSize:16,color:s.textDim,marginBottom:16},children:"→"})]},i)}),(0,r.jsx)("span",{style:{fontFamily:c,fontSize:16,color:s.textDim,marginBottom:16},children:"="}),(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:6},children:[(0,r.jsx)("div",{style:{padding:"10px 22px",borderRadius:10,fontFamily:c,fontSize:18,fontWeight:700,background:"rgba(240,192,64,0.12)",color:s.amber,border:"1px solid rgba(240,192,64,0.25)"},children:t.total}),(0,r.jsx)("span",{style:{fontFamily:c,fontSize:10,color:s.textDim},children:"total per interaction"})]})]}),t.x402link&&(0,r.jsxs)("a",{href:t.x402link,target:"_blank",rel:"noopener",style:{fontFamily:c,fontSize:12,color:s.purpleLight,textDecoration:"none",display:"inline-flex",alignItems:"center",gap:6},children:["⚡"," ",t.x402label||"See this live on x402scan"," ","→"]})]})}function b(){let e=d();return(0,r.jsx)("section",{id:"workflows",style:{padding:"60px 24px 100px",maxWidth:1e3,margin:"0 auto"},children:(0,r.jsxs)("div",{ref:e.ref,style:e.style,children:[(0,r.jsx)("h2",{style:{fontFamily:c,fontSize:32,fontWeight:700,textAlign:"center",marginBottom:8,color:s.text},children:"How do I build a personality workflow?"}),(0,r.jsx)("p",{style:{textAlign:"center",color:s.textMuted,fontFamily:c,fontSize:15,marginBottom:48,maxWidth:460,marginLeft:"auto",marginRight:"auto"},children:"Real compositions that work in production. See the pattern, then build your own below."}),(0,r.jsx)("ul",{style:{listStyle:"none",padding:0,display:"flex",flexDirection:"column",gap:20},children:h.map((e,t)=>(0,r.jsx)("li",{children:(0,r.jsx)(x,{wf:e})},t))})]})})}function k(e){let{onAdd:t}=e,i=d();return(0,r.jsxs)("section",{id:"catalog",style:{padding:"100px 24px",maxWidth:1100,margin:"0 auto"},children:[(0,r.jsxs)("div",{ref:i.ref,style:i.style,children:[(0,r.jsx)("h2",{style:{fontFamily:c,fontSize:32,fontWeight:700,textAlign:"center",marginBottom:8,color:s.text},children:"What endpoints are available?"}),(0,r.jsx)("p",{style:{textAlign:"center",color:s.textMuted,fontFamily:c,fontSize:15,marginBottom:12,maxWidth:500,marginLeft:"auto",marginRight:"auto"},children:"Organized by what you're trying to do. Click any endpoint to add it to your workflow."}),(0,r.jsxs)("p",{style:{textAlign:"center",color:s.textDim,fontFamily:c,fontSize:12,marginBottom:48},children:[(0,r.jsx)("span",{style:{color:s.purpleLight},children:"●"})," KYH \xa0\xa0",(0,r.jsx)("span",{style:{color:s.orange},children:"●"})," BLAH \xa0\xa0",(0,r.jsx)("span",{style:{color:s.emerald},children:"●"})," KYB"]}),u.map((e,i)=>(0,r.jsxs)("div",{style:{marginBottom:48},children:[(0,r.jsxs)("h3",{style:{fontFamily:c,fontSize:16,fontWeight:600,color:s.text,marginBottom:16,display:"flex",alignItems:"center",gap:8},children:[(0,r.jsx)("span",{children:e.icon})," ",e.title]}),(0,r.jsx)("div",{className:"catalog-grid",style:{display:"grid",gap:12},children:e.ids.map(e=>{let i=y.get(e);if(!i)return null;let n=m[i.product];return(0,r.jsxs)("div",{onClick:()=>!i.soon&&t(i),style:{padding:"16px 20px",borderRadius:12,border:"1px ".concat(i.soon?"dashed":"solid"," ").concat(n.border),background:n.bg,cursor:i.soon?"default":"pointer",opacity:i.soon?.4:1,transition:"all 0.2s",display:"flex",justifyContent:"space-between",alignItems:"center",gap:12},onMouseEnter:e=>{i.soon||(e.currentTarget.style.transform="translateY(-2px)",e.currentTarget.style.borderColor=n.accent)},onMouseLeave:e=>{e.currentTarget.style.transform="translateY(0)",e.currentTarget.style.borderColor=n.border},children:[(0,r.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,r.jsx)("div",{style:{fontFamily:l,fontSize:13,fontWeight:600,color:n.accent,marginBottom:4},children:i.name}),(0,r.jsx)("div",{style:{fontFamily:c,fontSize:12,color:s.textMuted,lineHeight:1.5},children:i.desc})]}),(0,r.jsx)("div",{style:{fontFamily:l,fontSize:12,color:s.textDim,flexShrink:0},children:i.soon?"soon":i.priceLabel})]},i.id)})})]},i))]}),(0,r.jsx)("style",{children:"\n        @media (min-width: 641px) { .catalog-grid { grid-template-columns: repeat(2, 1fr) !important; } }\n        @media (max-width: 640px) { .catalog-grid { grid-template-columns: 1fr !important; } }\n      "})]})}function v(e){let{items:t,onRemove:i,onClear:n}=e,o=t.reduce((e,t)=>

1e+t.price,0);return 0===t.length?null:(0,r.jsx)("div",{style:{position:"fixed",bottom:0,left:0,right:0,zIndex:90,background:"rgba(13, 11, 20, 0.92)",backdropFilter:"blur(20px)",WebkitBackdropFilter:"blur(20px)",borderTop:"1px solid ".concat(s.border),padding:"16px 24px"},children:(0,r.jsxs)("div",{style:{maxWidth:1100,margin:"0 auto",display:"flex",alignItems:"center",gap:16,flexWrap:"wrap"},children:[(0,r.jsx)("div",{style:{fontFamily:c,fontSize:11,fontWeight:600,letterSpacing:1,textTransform:"uppercase",color:s.textDim,flexShrink:0},children:"Your workflow:"}),(0,r.jsx)("div",{style:{display:"flex",gap:6,flexWrap:"wrap",flex:1},children:t.map((e,t)=>{let n=m[e.product];return(0,r.jsxs)("div",{onClick:()=>i(t),style:{padding:"6px 12px",borderRadius:6,fontFamily:l,fontSize:11,fontWeight:500,background:n.bg,border:"1px solid ".concat(n.border),color:n.accent,cursor:"pointer",display:"flex",alignItems:"center",gap:6,transition:"all 0.2s"},title:"Click to remove",children:[e.name," ",(0,r.jsx)("span",{style:{fontSize:9,color:s.textDim},children:e.priceLabel}),(0,r.jsx)("span",{style:{fontSize:10,color:s.textDim,marginLeft:2},children:"\xd7"})]},t)})}),(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:16,flexShrink:0},children:[(0,r.jsxs)("div",{style:{fontFamily:c,fontSize:18,fontWeight:700,color:s.amber},children:["$",o.toFixed(2)]}),(0,r.jsx)("button",{onClick:n,style:{fontFamily:c,fontSize:11,fontWeight:500,color:s.textDim,background:"transparent",border:"1px solid ".concat(s.border),borderRadius:6,padding:"6px 12px",cursor:"pointer"},children:"Clear"})]})]})})}function j(){let e=d();return(0,r.jsx)("section",{style:{padding:"80px 24px 100px",maxWidth:700,margin:"0 auto",textAlign:"center"},children:(0,r.jsxs)("div",{ref:e.ref,style:e.style,children:[(0,r.jsx)("div",{style:{fontSize:32,marginBottom:16},children:"⚡"}),(0,r.jsx)("h2",{style:{fontFamily:c,fontSize:24,fontWeight:700,color:s.text,marginBottom:12},children:"See real agents using these compositions"}),(0,r.jsx)("p",{style:{fontFamily:c,fontSize:14,color:s.textMuted,lineHeight:1.7,marginBottom:24},children:"These workflows run in production on x402scan. Try them with real data, then build your own."}),(0,r.jsxs)("a",{href:"https://www.x402scan.com/server/711909c3-c215-4cf1-976d-cd1e854730b3",target:"_blank",rel:"noopener",style:{display:"inline-flex",alignItems:"center",gap:8,padding:"14px 32px",borderRadius:10,fontFamily:c,fontSize:15,fontWeight:600,background:s.purple,color:s.white,textDecoration:"none",transition:"all 0.2s"},children:["Convrgent on x402scan ","→"]})]})})}function w(){return(0,r.jsxs)("footer",{style:{padding:"40px 24px 60px",borderTop:"1px solid ".concat(s.border),textAlign:"center"},children:[(0,r.jsx)("div",{style:{display:"flex",gap:24,justifyContent:"center",marginBottom:16,flexWrap:"wrap"},children:[{label:"GitHub",href:"https://github.com/Convrgent"},{label:"X / Twitter",href:"https://x.com/Convrgent_ai"},{label:"ClawMart",href:"https://www.shopclawmart.com/creators/ce1cbf9e-e766-46e4-ac65-5a3ad6605d55"}].map(e=>(0,r.jsx)("a",{href:e.href,target:"_blank",rel:"noopener",style:{fontFamily:c,fontSize:13,color:s.textDim,padding:"6px 14px",borderRadius:8,border:"1px solid ".concat(s.border),textDecoration:"none"},children:e.label},e.label))}),(0,r.jsxs)("div",{style:{fontFamily:c,fontSize:13,color:s.textDim},children:["\xa9"," 2026 Convrgent ","\xb7"," Built for what comes next."]})]})}function L(){let[e,t]=(0,a.useState)([]),i=(0,a.useCallback)(e=>{t(t=>[...t,e])},[]),n=(0,a.useCallback)(e=>{t(t=>t.filter((t,i)=>i!==e))},[]),o=(0,a.useCallback)(()=>{t([])},[]);return(0,r.jsxs)("div",{style:{background:s.bg,minHeight:"100vh",color:s.text,position:"relative",overflowX:"hidden",paddingBottom:80*(e.length>0)},children:[(0,r.jsx)(g,{}),(0,r.jsx)(f,{}),(0,r.jsx)(p,{}),(0,r.jsx)(b,{}),(0,r.jsx)(p,{}),(0,r.jsx)(k,{onAdd:i}),(0,r.jsx)(p,{}),(0,r.jsx)(j,{}),(0,r.jsx)(w,{}),(0,r.jsx)(v,{items:e,onRemove:n,onClear:o})]})}},7447:(e,t,i)=>{Promise.resolve().then(i.bind(i,2418))}},e=>{e.O(0,[2619,8441,1255,7358],()=>e(e.s=7447)),_N_E=e.O()}]);