1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,12117,e=>{"use strict";var s=e.i(43476),a=e.i(71645),n=e.i(56420);let i=(0,n.default)("arrow-down-right",[["path",{d:"m7 7 10 10",key:"1fmybs"}],["path",{d:"M17 7v10H7",key:"6fjiku"}]]);var r=e.i(75775),t=e.i(89664),l=e.i(67927);let c=(0,n.default)("circle-dot",[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]]),d=(0,n.default)("command",[["path",{d:"M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3",key:"11bfej"}]]),o=(0,n.default)("git-branch",[["path",{d:"M15 6a9 9 0 0 0-9 9V3",key:"1cii5b"}],["circle",{cx:"18",cy:"6",r:"3",key:"1h7g24"}],["circle",{cx:"6",cy:"18",r:"3",key:"fqmcym"}]]),h=(0,n.default)("globe",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",key:"13o1zl"}],["path",{d:"M2 12h20",key:"9i4pu4"}]]);var p=e.i(13285);let x=(0,n.default)("lock-keyhole",[["circle",{cx:"12",cy:"16",r:"1",key:"1au0dj"}],["rect",{x:"3",y:"10",width:"18",height:"12",rx:"2",key:"6s8ecr"}],["path",{d:"M7 10V7a5 5 0 0 1 10 0v3",key:"1pqi11"}]]),m=(0,n.default)("message-square",[["path",{d:"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",key:"18887p"}]]),j=(0,n.default)("pause",[["rect",{x:"14",y:"3",width:"5",height:"18",rx:"1",key:"kaeet6"}],["rect",{x:"5",y:"3",width:"5",height:"18",rx:"1",key:"1wsw3u"}]]),u=(0,n.default)("play",[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]]);var g=e.i(41120);let v=(0,n.default)("send",[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]]);var N=e.i(84026);let y=(0,n.default)("sparkles",[["path",{d:"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",key:"1s2grr"}],["path",{d:"M20 2v4",key:"1rf3ol"}
1],["path",{d:"M22 4h-4",key:"gwowj6"}],["circle",{cx:"4",cy:"20",r:"2",key:"6kqj1y"}]]),f=(0,n.default)("target",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["circle",{cx:"12",cy:"12",r:"6",key:"1vlfrh"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}]]),b=(0,n.default)("workflow",[["rect",{width:"8",height:"8",x:"3",y:"3",rx:"2",key:"by2w9f"}],["path",{d:"M7 11v4a2 2 0 0 0 2 2h4",key:"xkn7yn"}],["rect",{width:"8",height:"8",x:"13",y:"13",rx:"2",key:"1cgmvn"}]]);var w=e.i(86274);let k={mission:{name:"Mission Control",slug:"mission-control",id:"console",tag:"The decision room",title:"The whole operation. The next right move.",description:"Explore the operating map, inspect a decision and choose what gets approved."},agents:{name:"AI Agents & Automations",slug:"ai-agents-automations",id:"console",tag:"The workflow canvas",title:"See the work between the tools.",description:"Choose a workflow, run the simulation and inspect every step before an action is released."},support:{name:"AI Customer Support",slug:"customer-support",id:"desk",tag:"The conversation desk",title:"An answer is only as good as its context.",description:"Open a conversation, check the policy behind the draft, then approve, edit or escalate."},media:{name:"Growth & Media",slug:"growth-media",id:"console",tag:"The campaign lab",title:"Turn the signal into a decision.",description:"Compare channels, inspect creative tests and choose which recommendation to take forward."}};function C({children:e}){return(0,s.jsx)("p",{className:"engine-label",children:e})}function A({values:e,second:a=!1}){let n=e.map((s,a)=>`${100*a/(e.length-1)},${100-s}`).join(" ");return(0,s.jsx)("svg",{viewBox:"0 0 100 100",preserveAspectRatio:"none",className:`engine-spark ${a?"engine-spark--second":""}`,"aria-hidden":"true",children:(0,s.jsx)("polyline",{pathLength:1,points:n,fill:"none",stroke:"currentColor",strokeWidth:"2",vectorEffect:"non-scaling-stroke"})})}function S({values:e,channel:n,period:i}){let[r,t]=(0,a.useState)(e.length-1),l=Math.min(r,e.length-1),c=e.map((e,s)=>.48*e+8*Math.sin(s));return(0,s.jsxs)("div",{className:"media-chart media-chart--interactive",children:[(0,s.jsxs)("div",{className:"media-chart-grid","aria-hidden":"true",children:[(0,s.jsx)("span",{children:"High"}),(0,s.jsx)("span",{children:"Mid"}),(0,s.jsx)("span",{children:"Low"})]}),(0,s.jsx)(A,{values:e}),(0,s.jsx)(A,{second:!0,values:c}),(0,s.jsx)("div",{className:"media-chart-fill"}),(0,s.jsx)("div",{className:"trend-crosshair",style:{left:`${100*l/(e.length-1)}%`},"aria-hidden":"true",children:(0,s.jsx)("i",{style:{top:`${100-e[l]}%`}})}),(0,s.jsxs)("output",{className:"media-chart-marker",htmlFor:void 0,children:[n," / ",i," · Day ",l+1,(0,s.jsx)("br",{}),"Revenue index ",e[l]," · Spend index ",Math.round(c[l])]}),(0,s.jsx)("input",{className:"trend-scrubber",type:"range",min:0,max:e.length-1,value:l,onChange:e=>t(Number(e.target.value)),"aria-label":"Inspect sample trend day","aria-valuetext":`Day ${l+1}: revenue index ${e[l]}, spend index ${Math.round(c[l])}`})]})}let E=[{name:"Creative",value:"12 assets ready",x:12,y:19},{name:"Video",value:"3 cuts in review",x:50,y:8},{name:"Media",value:"2 tests awaiting approval",x:88,y:19},{name:"Support",value:"4 escalations",x:12,y:78},{name:"Agents",value:"6 workflows ready",x:50,y:92},{name:"Creators",value:"8 deliverables due",x:88,y:78}],R=[{title:"Release the next creative test",owner:"Media operator",detail:"Three approved product angles are ready. Review the campaign destination and spending limit before release.",impact:"Creative â Media",action:"Approve test plan"},{title:"Review a refund exception",owner:"Support lead",detail:"The request falls outside the sample return policy. A person must review the order context and approve any refund.",impact:"Support â Operator",action:"Approve review handoff"},{title:"Unblock the creator brief",owner:"Creator manager",detail:"Usage rights need confirmation before the next delivery can be marked ready for paid distribution.",impact:"Creators â Media",action:"Assign rights review"}];function O(e){let s=(0,a.useRef)(null),n=(0,a.useRef)(e);return n.current=e,(0,a.useEffect)(()=>{let e=s.current;if(!e||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let a=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&(n.current(),a.disconnect())},{threshold:.5});return a.observe(e),()=>a.disconnect()},[]),s}function T({active:e,names:a}){return(0,s.jsx)("div",{className:`work-cursors ${e?"is-working":""}`,"aria-hidden":"true",children:a.map((e,a)=>(0,s.jsxs)("span",{className:`work-cursor work-cursor--${a}`,children:[(0,s.jsx)(r.ArrowUpRight,{size:18}),(0,s.jsx)("b",{children:e})]},e))})}function I(){let[e,n]=(0,a.useState)(2),[i,o]=(0,a.useState)(0),[g,y]=(0,a.useState)([]),[w,k]=(0,a.useState)([]),[S,I]=(0,a.useState)(!1),[z,P]=(0,a.useState)(0),$=O(()=>{P(0),n(0),I(!0)}),L=R[i],D=R.length-g.length-w.length;(0,a.useEffect)(()=>
1{if(!S)return;let e=setInterval(()=>P(e=>e>=5?(I(!1),5):(n((e+1)%6),e+1)),900);return()=>clearInterval(e)},[S]);let U=["/creative-engine-studio/ad-01.jpg","/showcase/shot-03.jpg","/creative-engine-studio/ad-03.jpg","/showcase/shot-07.jpg","/showcase/shot-10.jpg","/showcase/shot-12.jpg"];return(0,s.jsxs)("div",{ref:$,className:"mission-room",children:[(0,s.jsxs)("aside",{className:"mission-rail",children:[(0,s.jsx)("span",{className:"engine-avatar",children:"MC"}),E.map((a,i)=>(0,s.jsx)("button",{onClick:()=>n(i),"aria-label":`Inspect ${a.name}`,"aria-pressed":e===i,children:[(0,s.jsx)(p.Layers,{},"a"),(0,s.jsx)(u,{},"b"),(0,s.jsx)(f,{},"c"),(0,s.jsx)(m,{},"d"),(0,s.jsx)(b,{},"e"),(0,s.jsx)(h,{},"f")][i]},a.name)),(0,s.jsx)("span",{className:"mission-rail-bottom",children:"187N"})]}),(0,s.jsxs)("div",{className:"mission-body",children:[(0,s.jsxs)("div",{className:"engine-heading",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)(C,{children:"MISSION CONTROL / OPERATIONS FLOOR"}),(0,s.jsx)("h3",{children:"One operation. Every moving part."})]}),(0,s.jsxs)("button",{className:"engine-secondary",onClick:()=>{S||(P(0),n(0)),I(e=>!e)},children:[S?(0,s.jsx)(j,{size:13}):(0,s.jsx)(u,{size:13})," ",S?"Pause trace":"Trace the loop"]})]}),(0,s.jsx)("div",{className:"mission-metrics",children:[{label:"Revenue in view",value:"â¬48.2k",note:"Sample day / EUR",v:[15,20,18,38,32,52,46,63,72,65,88]},{label:"Contribution margin",value:"32.4%",note:"After variable costs",v:[25,34,30,42,40,52,60,52,58,65,72]},{label:"Human decisions",value:String(D).padStart(2,"0"),note:"Awaiting your approval",v:[70,70,50,50,50,30,30,20]}].map(e=>(0,s.jsxs)("article",{children:[(0,s.jsx)(C,{children:e.label}),(0,s.jsx)("strong",{children:e.value}),(0,s.jsx)(A,{values:e.v}),(0,s.jsx)("span",{children:e.note})]},e.label))}),(0,s.jsxs)("div",{className:"mission-floor",children:[(0,s.jsxs)("div",{className:"work-ruler",children:[(0,s.jsx)("span",{children:"CONNECTED WORKSPACES"}),(0,s.jsx)("span",{children:"06 FUNCTIONS / 01 CONTROL LAYER"})]}),(0,s.jsx)("div",{className:"mission-stations",children:E.map((a,i)=>(0,s.jsxs)("button",{"aria-pressed":e===i,onClick:()=>n(i),className:`mission-station ${e===i?"is-selected":""}`,children:[(0,s.jsxs)("div",{className:"station-head",children:[(0,s.jsxs)("span",{children:["0",i+1," / ",a.name]}),(0,s.jsx)(c,{size:10})]}),(0,s.jsx)("div",{className:`station-screen station-screen--${i}`,children:0===i?(0,s.jsx)("div",{className:"station-assets",children:[1,2,3].map(e=>(0,s.jsx)("img",{src:`/creative-engine-studio/ad-0${e}.jpg`,alt:"",loading:"lazy"},e))}):1===i?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("img",{src:U[i],alt:"",loading:"lazy"}),(0,s.jsx)(u,{className:"station-play"}),(0,s.jsxs)("div",{className:"station-timeline",children:[(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{})]})]}):2===i?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(A,{values:[10,25,20,40,35,60,45,75,85]}),(0,s.jsxs)("strong",{className:"station-roas",children:["3.00Ã",(0,s.jsx)("small",{children:"BLENDED ROAS"})]})]}):3===i?(0,s.jsxs)("div",{className:"station-thread",children:[(0,s.jsx)("span",{children:"Where is my order?"}),(0,s.jsx)("span",{children:"Checking your latest statusâ¦"}),(0,s.jsxs)("b",{children:["Policy attached ",(0,s.jsx)(t.Check,{size:10})]})]}):4===i?(0,s.jsxs)("div",{className:"station-flow",children:[(0,s.jsx)(b,{}),(0,s.jsx)(M,{}),(0,s.jsx)(N.ShieldCheck,{}),(0,s.jsx)(M,{}),(0,s.jsx)(v,{})]}):(0,s.jsx)("div",{className:"station-assets",children:[12,9,6].map(e=>(0,s.jsx)("img",{src:`/showcase/shot-${String(e).padStart(2,"0")}.jpg`,alt:"",loading:"lazy"},e))})}),(0,s.jsxs)("div",{className:"station-foot",children:[(0,s.jsx)("span",{children:a.value}),(0,s.jsx)(r.ArrowUpRight,{size:12})]})]},a.name))}),(0,s.jsx)(T,{active:S,names:["Signal Agent","Routing Agent","QA Agent"]}),(0,s.jsxs)("div",{className:"mission-bus",children:[(0,s.jsx)(d,{size:18}),(0,s.jsx)("strong",{children:"HERMES"}),(0,s.jsx)("span",{children:S?`Tracing ${E[e].name.toLowerCase()} contextâ¦`:"Shared memory · permissions · operator approvals"}),(0,s.jsx)("i",{className:S?"is-active":""})]})]}),(0,s.jsxs)("div",{className:"mission-selection",children:[(0,s.jsxs)(C,{children:["SELECTED / ",E[e].name]}
1),(0,s.jsxs)("p",{children:[E[e].value,". ",S?`Step ${z+1} of 6 â following the handoff.`:"Inspect the queue before releasing the next action."]})]}),(0,s.jsxs)("div",{className:"mission-ledger",children:[(0,s.jsx)(C,{children:"ACTIVITY LEDGER"}),g.map(e=>(0,s.jsxs)("p",{children:[(0,s.jsx)(t.Check,{size:11}),"Now · ",R[e].title," â approved"]},e)),w.map(e=>(0,s.jsxs)("p",{children:[(0,s.jsx)(j,{size:11}),"Now · ",R[e].title," â held"]},e)),(0,s.jsxs)("p",{children:[(0,s.jsx)("span",{}),"09:41 · Creative batch approved ",(0,s.jsx)("small",{children:"CREATIVE â MEDIA"})]}),(0,s.jsxs)("p",{children:[(0,s.jsx)("span",{}),"09:38 · Customer objection attached ",(0,s.jsx)("small",{children:"SUPPORT â CREATIVE"})]}),(0,s.jsxs)("p",{children:[(0,s.jsx)("span",{}),"09:32 · Campaign brief updated ",(0,s.jsx)("small",{children:"MEDIA â MEMORY"})]})]})]}),(0,s.jsxs)("aside",{className:"mission-decisions",children:[(0,s.jsxs)(C,{children:["APPROVAL INBOX / ",String(D).padStart(2,"0")]}),(0,s.jsx)("h3",{children:"Your move."}),(0,s.jsx)("div",{className:"mission-decision-list",children:R.map((e,a)=>(0,s.jsxs)("button",{className:i===a?"is-selected":"",onClick:()=>o(a),"aria-pressed":i===a,children:[(0,s.jsx)("span",{children:g.includes(a)?(0,s.jsx)(t.Check,{size:16}):w.includes(a)?(0,s.jsx)(j,{size:16}):String(a+1).padStart(2,"0")}),(0,s.jsxs)("div",{children:[(0,s.jsx)("strong",{children:e.title}),(0,s.jsx)("small",{children:e.owner})]}),(0,s.jsx)(l.ChevronRight,{size:15})]},e.title))}),(0,s.jsxs)("div",{className:"mission-decision-detail",children:[(0,s.jsx)("div",{className:"decision-art",children:[1,2,3].map(e=>(0,s.jsx)("img",{src:0===i?`/creative-engine-studio/ad-0${e}.jpg`:`/showcase/shot-0${e+4}.jpg`,alt:"Sample review material",loading:"lazy"},e))}),(0,s.jsx)("span",{className:"engine-tag",children:L.impact}),(0,s.jsx)("h4",{children:L.title}),(0,s.jsx)("p",{children:L.detail}),(0,s.jsxs)("div",{className:"engine-approval",children:[(0,s.jsx)(x,{size:14}),(0,s.jsx)("span",{children:"Human approval required"})]}),(0,s.jsx)("div",{"aria-live":"polite",children:g.includes(i)?(0,s.jsxs)("p",{className:"engine-success",children:[(0,s.jsx)(t.Check,{size:16}),"Approved in demo. Added to the activity ledger."]}):w.includes(i)?(0,s.jsx)("p",{className:"engine-success",children:"Held for operator review. No action released."}):(0,s.jsxs)("div",{className:"engine-action-stack",children:[(0,s.jsxs)("button",{className:"engine-primary",onClick:()=>y(e=>e.includes(i)?e:[...e,i]),children:[L.action,(0,s.jsx)(r.ArrowUpRight,{size:15})]}),(0,s.jsx)("button",{className:"engine-secondary",onClick:()=>k(e=>e.includes(i)?e:[...e,i]),children:"Hold for review"})]})}),(g.includes(i)||w.includes(i))&&(0,s.jsx)("button",{className:"engine-secondary decision-reopen",onClick:()=>{y(e=>e.filter(e=>e!==i)),k(e=>e.filter(e=>e!==i))},children:"Reopen demo decision"})]}),(0,s.jsxs)("div",{className:"operator-card",children:[(0,s.jsx)("span",{children:"LG"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("strong",{children:"Operator owns the outcome"}),(0,s.jsx)("small",{children:"187N / Review desk"})]}),(0,s.jsx)(N.ShieldCheck,{size:17})]})]})]})}function M(){return(0,s.jsx)(l.ChevronRight,{size:15})}let z=[{name:"Support insight â creative brief",trigger:"New support insight",context:"Match approved policy",reason:"Extract customer objection",review:"Review creative angle",action:"Create a draft brief",note:"A repeated delivery question becomes a proposed ad angle. Nothing is published."},{name:"New lead â team handoff",trigger:"New qualified enquiry",context:"Read account context",reason:"Draft the next step",review:"Check owner & message",action:"Prepare CRM handoff",note:"A new enquiry is enriched and routed to a named operator. No message is sent."},{name:"Campaign signal â review",trigger:"Campaign threshold",context:"Read spend & results",reason:"Compare recent tests",review:"Approve recommendation",action:"Prepare campaign change",note:"A sample campaign signal triggers a review. Budget changes remain approval-gated."}];function P(){let[e,n]=(0,a.useState)(0),[i,r]=(0,a.useState)(-1),[d,h]=(0,a.useState)(!1),[x,m]=(0,a.useState)(0),[f,w]=(0,a.useState)(!1),k=O(()=>{r(0),m(0),h(!0)}),[A,S]=(0,a.useState)(1),E=z[e],R=[E.trigger,E.context,E.reason,E.review,E.action];function I(s=e){n(s),r(-1),m(0),h(!1),w(!1),S(1)}return(0,a.useEffect)(()=>
1{if(!d)return;let e=setTimeout(()=>{r(e=>Math.min(e+1,3)),m(e=>Math.min(e+1,3)),i>=2&&h(!1)},1100);return()=>clearTimeout(e)},[d,i]),(0,s.jsxs)("div",{ref:k,className:`agents-workbench ${d?"is-running":""}`,children:[(0,s.jsxs)("aside",{className:"agents-library",children:[(0,s.jsx)(C,{children:"EXPLORER / 03 WORKFLOWS"}),(0,s.jsx)("h3",{children:"Agent workspace"}),z.map((a,n)=>(0,s.jsxs)("button",{onClick:()=>I(n),className:e===n?"is-selected":"","aria-pressed":e===n,children:[(0,s.jsx)(b,{size:19}),(0,s.jsxs)("span",{children:[a.name,(0,s.jsx)("small",{children:"5 steps · approval gated"})]}),(0,s.jsx)(l.ChevronRight,{size:14})]},a.name)),(0,s.jsxs)("div",{className:"agents-guard",children:[(0,s.jsx)(N.ShieldCheck,{}),(0,s.jsx)("strong",{children:"Permissions by design"}),(0,s.jsx)("p",{children:"Read approved sources. Draft a recommendation. Ask before acting."}),(0,s.jsx)("span",{children:"External writes: locked"})]})]}),(0,s.jsxs)("div",{className:"agents-main",children:[(0,s.jsxs)("div",{className:"agents-toolbar",children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)(C,{children:["WORKFLOW / ",String(e+1).padStart(2,"0")]}),(0,s.jsx)("h3",{children:E.name})]}),(0,s.jsxs)("div",{className:"engine-buttons",children:[(0,s.jsx)("button",{className:"engine-icon-button","aria-label":"Reset workflow",onClick:()=>I(),children:(0,s.jsx)(g.RefreshCw,{size:16})}),(0,s.jsxs)("button",{className:"engine-primary",disabled:i>=3,onClick:()=>{i<0&&r(0),h(e=>!e)},children:[d?(0,s.jsx)(j,{size:15}):(0,s.jsx)(u,{size:15})," ",d?"Pause":"Run demo"]})]})]}),(0,s.jsxs)("div",{className:"agents-canvas",children:[(0,s.jsxs)("div",{className:"agents-canvas-note",children:[(0,s.jsx)(o,{size:14})," main / ",0===e?"insight-to-creative":1===e?"lead-routing":"campaign-review"," ",(0,s.jsx)("span",{children:"5 nodes · sandbox"})]}),(0,s.jsx)(T,{active:d,names:["Context Agent","Reasoning Agent","QA Agent"]}),(0,s.jsx)("div",{className:"agents-graph-viewport",children:(0,s.jsx)("div",{className:"agents-path",style:{transform:`scale(${A})`},children:R.map((a,n)=>(0,s.jsxs)("div",{className:"agents-node-wrap",children:[n>0&&(0,s.jsx)("div",{className:`agents-wire ${i>=n?"is-done":""}`,"aria-hidden":"true"}),(0,s.jsxs)("button",{className:`agents-node ${x===n?"is-selected":""} ${i>n||f?"is-done":""} ${i===n?"is-current":""}`,onClick:()=>m(n),"aria-pressed":x===n,children:[(0,s.jsx)("i",{className:"node-port node-port--in"}),(0,s.jsx)("i",{className:"node-port node-port--out"}),(0,s.jsx)("span",{className:"agents-node-icon",children:0===n?(0,s.jsx)(c,{}):1===n?(0,s.jsx)(p.Layers,{}):2===n?(0,s.jsx)(y,{}):3===n?(0,s.jsx)(N.ShieldCheck,{}):(0,s.jsx)(v,{})}),(0,s.jsx)("small",{children:["TRIGGER","CONTEXT","REASON","HUMAN GATE","ACTION"][n]}),(0,s.jsx)("strong",{children:a}),(0,s.jsx)("div",{className:"node-payload",children:0===n?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{children:"EVENT"}),(0,s.jsx)("code",{children:0===e?"ticket.created":1===e?"lead.received":"spend.threshold"})]}):1===n?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{children:"SOURCES"}),(0,s.jsxs)("code",{children:["policy_v1.md",(0,s.jsx)("br",{}),"brand_context.json"]})]}):2===n?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{children:"OUTPUT"}),(0,s.jsxs)("code",{children:["objection â angle",(0,s.jsx)("br",{}),"sources: attached"]})]}):3===n?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{children:"PERMISSION"}),(0,s.jsxs)("code",{children:["operator: required",(0,s.jsx)("br",{}),"publish: locked"]})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{children:"DESTINATION"}),(0,s.jsx)("code",{children:0===e?"creative / briefs":1===e?"crm / handoffs":"media / reviews"})]})}),(0,s.jsx)("span",{className:"agents-node-state",children:3!==n||3!==i||f?i>n||f?"Completed":i===n?d?"Processing":"Paused":"Ready":"Waiting for you"})]})]},a))})}),(0,s.jsxs)("div",{className:"graph-zoom",children:[(0,s.jsx)("button",{"aria-label":"Zoom out workflow",onClick:()=>S(e=>Math.max(.7,+(e-.1).toFixed(1))),disabled:A<=.7,children:"â"}),(0,s.jsxs)("span",{children:[Math.round(100*A),"%"]}),(0,s.jsx)("button",{"aria-label":"Zoom in workflow",onClick:()=>S(e=>Math.min(1.2,+(e+.1).toFixed(1))),disabled:A>=1.2,children:"+"}),(0,s.jsx)("button",{onClick:()=>S(1),children:"Fit"})]}),(0,s.jsx)("div",{className:"agent-run-track",children:R.map((e,a)=>(0,s.jsxs)("span",{className:i>=a?"is-done":"",children:[(0,s.jsx)("i",{}),["Receive","Retrieve","Reason","Review","Handoff"][a]]},e))}),(0,s.jsxs)("div",{className:"agents-canvas-caption",children:[(0,s.jsx)("span",{className:"engine-tag",children:"NO BLACK BOX"}),(0,s.jsx)("p",{children:E.note})]})]}),(0,s.jsxs)("div",{className:"agents-bottom",children:[(0,s.jsxs)("div",{className:"agents-inspector",children:[(0,s.jsxs)(C,{children:["STEP ",x+1," / INSPECTOR"]}),(0,s.jsx)("h4",{children:R[x]}),(0,s.jsx)("p",{children:["Starts from a defined event, not an open-ended instruction.","Uses only the context and sources allowed for this workflow.","Produces a draft with its source context attached.","A named operator checks the recommendation before release.","Prepares the approved handoff. This demo never writes to an external tool."][x]}),(0,s.jsx)("div",{className:"engine-tag",children:3===x?"Approval: required":"Env
1ironment: simulation"}),(0,s.jsxs)("div",{className:"agent-data-preview",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{children:"INPUT"}),(0,s.jsx)("b",{children:["support.ticket.created","knowledge_base / policies","objection + context","draft.recommendation","operator.approved"][x]})]}),(0,s.jsx)("pre",{children:JSON.stringify({workflow:e+1,node:x+1,status:f?"complete":i===x?"active":"ready",source:0===e?"support / #10482":1===e?"crm / enquiry-01":"media / test-03",external_write:!1},null,2)})]})]}),(0,s.jsxs)("div",{className:"agents-runlog",children:[(0,s.jsxs)("div",{className:"engine-panel-heading",children:[(0,s.jsx)(C,{children:"RUN LOG"}),(0,s.jsx)("span",{children:f?"Complete":d?"Running":3===i?"Awaiting approval":"Sandbox ready"})]}),(0,s.jsxs)("div",{className:"run-log-summary",children:[(0,s.jsxs)("span",{children:[(0,s.jsx)("i",{})," Execution trace"]}),(0,s.jsx)("b",{children:f?"5 / 5":`${Math.max(0,i+1)} / 5`})]}),(0,s.jsxs)("div",{role:"status",children:[i<0?(0,s.jsx)("p",{children:"Press Run demo to trace the workflow."}):R.slice(0,i+1).map((e,a)=>(0,s.jsxs)("p",{children:[(0,s.jsxs)("span",{children:["0",a+1]}),e,(0,s.jsx)("small",{children:3!==a||f?a!==i||f?"OK":d?"RUNNING":"PAUSED":"WAITING"})]},e)),f&&(0,s.jsxs)("p",{children:[(0,s.jsx)(t.Check,{size:13}),"Draft handoff prepared. No external action."]})]}),(0,s.jsxs)("div",{className:"agent-output-preview",children:[(0,s.jsx)(C,{children:"HANDOFF PREVIEW"}),0===e?(0,s.jsx)("div",{className:"agent-output-assets",children:[1,2,3].map(e=>(0,s.jsx)("img",{src:`/creative-engine-studio/ad-0${e}.jpg`,alt:"Reference creative asset",loading:"lazy"},e))}):(0,s.jsxs)("div",{className:"agent-handoff",children:[(0,s.jsx)(b,{size:24}),(0,s.jsxs)("div",{children:[(0,s.jsx)("strong",{children:1===e?"Named owner â next action":"Campaign â operator review"}),(0,s.jsx)("p",{children:1===e?"Account context · source enquiry · draft response":"Spend threshold · creative signal · recommendation"})]})]}),(0,s.jsx)("span",{children:f?"Approved draft ready for the next engine.":"Reference destination. Operator approval required."})]}),3===i&&!f&&(0,s.jsxs)("button",{className:"engine-primary",onClick:()=>{w(!0),r(4),m(4)},children:["Approve demo handoff ",(0,s.jsx)(t.Check,{size:15})]})]})]})]})]})}let $=[{name:"Maya Chen",initial:"MC",subject:"Where is my order?",preview:"It was supposed to arrive yesterday.",time:"2m",type:"Delivery",message:"Hi! My order was supposed to arrive yesterday. Can you check where it is?",order:"#10482",context:"Order dispatched · carrier scan yesterday",policy:"Shipping policy §2: share the latest carrier status; never invent an arrival date.",draft:"Hi Maya â I can see your order has left the warehouse and the latest carrier scan was yesterday. Iâm checking the updated tracking status so we can give you an accurate next step."},{name:"Oliver James",initial:"OJ",subject:"Can I return this?",preview:"I opened it but it is not quite right.",time:"8m",type:"Returns",message:"I opened the product, but it is not quite right for me. Can I still return it?",order:"#10476",context:"Delivered 12 days ago · opened product",policy:"Returns policy §4: opened-product exceptions need a support lead. Do not promise a refund.",draft:"Hi Oliver â thanks for explaining. Because the product has been opened, Iâm passing your request to our support lead to review the return options. Weâll confirm what is possible before asking you to send anything back."},{name:"Amara Wilson",initial:"AW",subject:"Which size should I choose?",preview:"Between two sizes â any advice?",time:"14m",type:"Product",message:"Iâm between two sizes. Can you help me choose before I place an order?",order:"Pre-purchase",context:"Product question · no order placed",policy:"Product guide §1: use the published measurements. Ask for missing details; do not infer fit.",draft:"Hi Amara â happy to help. Which product are you looking at, and which two sizes are you considering? I can compare them with the published measurements so you can choose with more confidence."}];function L(){let[e,n]=(0,a.useState)(!1),[i,l]=(0,a.useState)(0),[d,o]=(0,a.useState)("All"),[h,p]=(0,a.useState)({}),[x,j]=(0,a.useState)(!1),[u,g]=(0,a.useState)($[0].draft),[f,b]=(0,a.useState)({}),w=$[i],[k,A]=(0,a.useState)(0);(0,a.useEffect)(()=>
1{if(!e)return;let s=window.matchMedia("(prefers-reduced-motion: reduce)").matches,a=0,r=setInterval(()=>{let e=Math.min(100,Math.round((a+=100)/(s?1e3:3e3)*100));A(e),100===e&&(clearInterval(r),g($[i].draft),b(e=>({...e,[i]:$[i].draft})),n(!1))},100);return()=>clearInterval(r)},[e,i]);let S=k<25?0:k<50?1:k<100?2:3;function E(e){n(!1),l(e),g(f[e]??$[e].draft),j(!1)}return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"support-queue-strip",children:[(0,s.jsxs)("span",{children:[(0,s.jsx)(c,{size:12})," INBOX / ALL CHANNELS"]}),(0,s.jsxs)("b",{children:[3-Object.keys(h).length,(0,s.jsx)("small",{children:" OPEN"})]}),(0,s.jsxs)("b",{children:[Object.values(h).filter(e=>"Approved"===e).length,(0,s.jsx)("small",{children:" APPROVED"})]}),(0,s.jsxs)("b",{children:[Object.values(h).filter(e=>"Escalated"===e).length,(0,s.jsx)("small",{children:" ESCALATED"})]}),(0,s.jsx)("span",{children:"Human + Hermes"})]}),(0,s.jsxs)("div",{className:"support-workspace",children:[(0,s.jsxs)("aside",{className:"support-inbox",children:[(0,s.jsxs)("div",{className:"engine-panel-heading",children:[(0,s.jsx)("h3",{children:"Conversations"}),(0,s.jsx)("span",{className:"support-count",children:"03"})]}),(0,s.jsx)("div",{className:"support-filters","aria-label":"Filter conversations",children:["All","Delivery","Returns","Product"].map(e=>(0,s.jsx)("button",{className:d===e?"is-selected":"","aria-pressed":d===e,onClick:()=>{o(e),"All"!==e&&E($.findIndex(s=>s.type===e))},children:e},e))}),(0,s.jsx)("div",{className:"support-ticket-list",children:$.map((e,a)=>("All"===d||d===e.type)&&(0,s.jsxs)("button",{className:i===a?"is-selected":"","aria-pressed":i===a,onClick:()=>E(a),children:[(0,s.jsx)("span",{className:`support-avatar support-avatar--${a}`,children:e.initial}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("strong",{children:[e.name,(0,s.jsx)("small",{children:e.time})]}),(0,s.jsx)("b",{children:e.subject}),(0,s.jsx)("p",{children:e.preview}),(0,s.jsx)("span",{className:"support-ticket-tag",children:h[a]||e.type})]})]},e.name))}),(0,s.jsxs)("div",{className:"support-inbox-foot",children:[(0,s.jsx)("span",{className:"engine-status",children:"â Operator available"}),(0,s.jsx)("p",{children:"AI drafts. People handle the exceptions."})]})]}),(0,s.jsxs)("div",{className:"support-conversation",children:[(0,s.jsxs)("header",{children:[(0,s.jsxs)("div",{children:[(0,s.jsxs)(C,{children:["EMAIL / ",w.order]}),(0,s.jsx)("h3",{children:w.subject})]}),(0,s.jsx)(m,{size:21})]}),(0,s.jsxs)("div",{className:"support-thread",children:[(0,s.jsx)("span",{className:"support-date",children:"TODAY / SAMPLE CONVERSATION"}),(0,s.jsxs)("div",{className:"support-thread-context",children:[(0,s.jsx)(N.ShieldCheck,{size:12})," Policy verified ",(0,s.jsx)("span",{children:"Order context attached"}),(0,s.jsx)("span",{children:"Approval required"})]}),(0,s.jsxs)("div",{className:"support-message",children:[(0,s.jsx)("span",{className:"support-avatar",children:w.initial}),(0,s.jsxs)("div",{children:[(0,s.jsx)("strong",{children:w.name}),(0,s.jsx)("p",{children:w.message}),(0,s.jsx)("small",{children:"09:42 · Email"})]})]}),(0,s.jsxs)("div",{className:"support-internal",children:[(0,s.jsx)(y,{size:16}),(0,s.jsxs)("div",{children:[(0,s.jsx)("strong",{children:"Context checked before drafting"}),(0,s.jsxs)("p",{children:[w.context,". Policy source attached for the operator."]})]})]}),h[i]&&(0,s.jsx)("div",{className:"support-message support-message--out",children:(0,s.jsxs)("div",{children:[(0,s.jsx)("strong",{children:"187N · demo action"}),(0,s.jsx)("p",{children:"Escalated"===h[i]?"Assigned to the support lead. No reply sent.":u}),(0,s.jsx)("small",{children:"Escalated"===h[i]?"Human review requested":"Approved in simulation · not sent to a customer"})]})})]},i),(0,s.jsxs)("div",{className:`support-composer ${e?"is-drafting":""}`,children:[(0,s.jsxs)("div",{className:"engine-panel-heading",children:[(0,s.jsxs)("span",{children:[(0,s.jsx)(y,{size:14})," Suggested reply"]}),(0,s.jsx)("span",{children:"Policy grounded"})]}),(0,s.jsxs)("div",{className:"support-generation","aria-label":"Reply preparation",children:[(0,s.jsxs)("div",{className:"support-generation-head",children:[(0,s.jsxs)("span",{children:[(0,s.jsx)(y,{size:12})," HERMES / REPLY STUDIO"]}),(0,s.jsx)("span",{children:e?`${k}%`:"OPERATOR REVIEW"})]}),(0,s.jsx)("div",{className:"support-generation-steps",children:["Read context","Check policy","Compose reply"].map((a,n)=>(0,s.jsxs)("span",{className:e?S===n?"is-active":S>n?"is-complete":"":"is-complete",children:[(0,s.jsx)("i",{children:!e||S>n?(0,s.jsx)(t.Check,{size:10}):String(n+1).padStart(2,"0")}),a]},a))}),(0,s.jsx)("div",{className:"support-generation-bar",role:"progressbar","aria-label":"Demo reply preparation","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":e?k:100,children:(0,s.jsx)("i",{style:{width:`${e?k:100}%`}})})]}),(0,s.jsx)("textarea",{"aria-label":"Suggested reply",value:e?k<50?"Hermes is checking the order and approved policyâ¦":w.draft.slice(0,Math.floor(w.draft.length*(k-50)/50)):u,readOnly:e||!x||!!h[i],onChange:e=>{g(e.target.value),b(s=>({...s,[i]:e.target.value}))}}),(0,s.jsxs)("div",{className:"support-composer-foot",children:[(0,s.jsx)("button",{className:"engine-secondary",disabled:!!h[i]||e,onClick:()=>j(e=>!e),children:x?"Finish editing":"Edit draft"}),(0,s.jsxs)("button",{className:"engine-primary",disabled:!!h[i]||e||!u.trim(),onClick:()=>p(e=>({...e,[i]:"Approved"})),children:["Approve reply ",(0,s.jsx)(v,{size:14})]})]}),(0,s.jsxs)("button",{className:"support-regenerate",disabled:e||!!h[i],onClick:()=>{A(0),j(!1),n(!0)},children:[(0,s.jsx)(y,{size:12}),e?"Checking contextâ¦":"Regenerate from policy"]}),e&&(0,s.jsx)("button",{className:"engine-secondary support-stop",onClick:()=>n(!1),children:"Stop generation"}),(0,s.jsx)("span",{className:"support-send-note",role:"status",children:h[i]?`${h[i]} in demo. No customer contacted.`:"Nothing is sent without approval."})]})]}),(0,s.jsxs)("aside",{className:"support-context",children:[(0,s.jsx)(C,{children:"CUSTOMER CONTEXT"}),(0,s.jsx)("span",{className:"support-avatar support-avatar--large",children:w.initial}),(0,s.jsx)("h3",{children:w.name}),(0,s.jsx)("span",{className:"engine-tag",children:w.order}),(0,s.jsxs)("div",{className:"support-context-block",children:[(0,s.jsx)(C,{children:"ORDER SNAPSHOT"}),(0,s.jsxs)("div",{className:"support-order-art",children:[(0,s.jsx)("img",{src:"/creative-engine-studio/ad-01.jpg",alt:"Sample product artwork",loading:"lazy"}),(0,s.jsxs)("div",{children:[(0,s.jsx)("strong",{children:w.order}),(0,s.jsx)("span",{children:"Sample store"}),(0,s.jsx)("span",{children:0===i?"In transit":1===i?"Delivered":"Product enquiry"})]})]}),(0,s.jsxs)("div",{className:"support-order-track",children:[(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{className:1===i?"is-done":""})]}
1),(0,s.jsx)("p",{children:w.context})]}),(0,s.jsxs)("div",{className:"support-policy",children:[(0,s.jsx)(N.ShieldCheck,{size:18}),(0,s.jsx)(C,{children:"SOURCE / APPROVED POLICY"}),(0,s.jsx)("p",{children:w.policy}),(0,s.jsx)("span",{children:"Sample knowledge base · v1"})]}),(0,s.jsxs)("div",{className:"support-context-block",children:[(0,s.jsx)(C,{children:"WHEN A HUMAN TAKES OVER"}),(0,s.jsx)("p",{children:"Policy exceptions, sensitive requests and unclear context go to the support lead."}),(0,s.jsxs)("button",{className:"engine-secondary",disabled:!!h[i],onClick:()=>{n(!1),p(e=>({...e,[i]:"Escalated"}))},children:["Escalate conversation ",(0,s.jsx)(r.ArrowUpRight,{size:14})]}),h[i]&&(0,s.jsx)("button",{className:"engine-secondary",onClick:()=>p(e=>{let s={...e};return delete s[i],s}),children:"Reopen demo ticket"})]})]})]})]})}let D={All:{spend:12840,revenue:38520,orders:428,values:[18,22,17,32,26,38,34,60,50,58,68,61,79,87]},Meta:{spend:7260,revenue:23232,orders:258,values:[18,30,22,28,40,36,50,44,66,58,75,63,88,94]},Google:{spend:4380,revenue:12702,orders:141,values:[36,30,42,32,43,53,46,54,49,68,58,73,68,78]},TikTok:{spend:1200,revenue:2586,orders:29,values:[14,25,16,34,24,20,41,32,48,39,50,45,58,63]}},U=[{name:"The product in use",img:"/creative-engine-studio/ad-01.jpg",angle:"Product demonstration",signal:"Ready for review",detail:"A product-led opening. Compare the hold rate and downstream purchases before deciding on more variants."},{name:"Answer the objection",img:"/creative-engine-studio/ad-02.jpg",angle:"Customer question",signal:"Collecting signal",detail:"An angle inspired by a repeated support question. Keep gathering comparable data before declaring a winner."},{name:"Show the difference",img:"/creative-engine-studio/ad-03.jpg",angle:"Benefit-led story",signal:"Next test",detail:"A contrasting benefit-led concept. Review the creative and tracking setup before a controlled test."}];function q(){let[e,n]=(0,a.useState)("All"),[l,c]=(0,a.useState)("14 days"),[d,o]=(0,a.useState)(0),[h,p]=(0,a.useState)([]),[x,m]=(0,a.useState)([!0,!0,!1]),[j,u]=(0,a.useState)(!1),g=h.includes(d),v=D[e],N="7 days"===l?.48:1;function y(s){return"All"===e?D[["Meta","Google","TikTok"][s]]:{spend:v.spend*[.5,.3,.2][s],revenue:v.revenue*[.5,.3,.2][s]}}let b=e=>new Intl.NumberFormat("en-IE",{style:"currency",currency:"EUR",maximumFractionDigits:0}).format(e*N);return(0,s.jsxs)("div",{className:"media-lab",children:[(0,s.jsxs)("header",{className:"media-heading",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)(C,{children:"GROWTH & MEDIA / CAMPAIGN WORKSPACE"}),(0,s.jsx)("h3",{children:"Find the next winner."})]}),(0,s.jsxs)("div",{className:"engine-buttons",children:[(0,s.jsxs)("button",{className:"engine-secondary",onClick:function(){let e="Campaign,Status,Spend EUR,Attributed revenue EUR\r\n"+U.map((e,s)=>[e.name,x[s]?"Active":"Paused",Math.round(y(s).spend*N),Math.round(y(s).revenue*N)].join(",")).join("\r\n"),s=URL.createObjectURL(new Blob([e],{type:"text/csv;charset=utf-8"})),a=document.createElement("a");a.href=s,a.download="187n-sample-campaign-report.csv",a.click(),setTimeout(()=>URL.revokeObjectURL(s),1e3),u(!0)},children:[j?"Report downloaded":"Export sample CSV",(0,s.jsx)(i,{size:13})]}),(0,s.jsxs)("span",{className:"engine-tag",children:[(0,s.jsx)(f,{size:12})," Purchase objective"]}),(0,s.jsxs)("select",{"aria-label":"Reporting period",value:l,onChange:e=>c(e.target.value),children:[(0,s.jsx)("option",{children:"14 days"}),(0,s.jsx)("option",{children:"7 days"})]})]})]}),(0,s.jsxs)("div",{className:"media-channels","aria-label":"Channel filter",children:[Object.keys(D).map(a=>(0,s.jsxs)("button",{className:e===a?"is-selected":"","aria-pressed":e===a,onClick:()=>n(a),children:["All"===a?"All channels":a,a===e&&(0,s.jsx)("span",{})]},a)),(0,s.jsx)("span",{children:"Attributed results · illustrative"})]}),(0,s.jsxs)("div",{className:"media-overview",children:[(0,s.jsxs)("div",{className:"media-chart-panel",children:[(0,s.jsx)("div",{className:"media-kpis",children:[{label:"Ad spend",value:b(v.spend)},{label:"Attributed revenue",value:b(v.revenue)},{label:"ROAS",value:`${(v.revenue/v.spend).toFixed(2)}\xd7`}
1,{label:"Orders",value:Math.round(v.orders*N).toLocaleString("en")}].map(e=>(0,s.jsxs)("div",{children:[(0,s.jsx)(C,{children:e.label}),(0,s.jsx)("strong",{children:e.value})]},e.label))}),(0,s.jsx)(S,{values:"7 days"===l?v.values.slice(-7):v.values,channel:e,period:l},`${e}-${l}`),(0,s.jsxs)("div",{className:"media-chart-legend",children:[(0,s.jsx)("span",{children:"â Revenue trend"}),(0,s.jsx)("span",{children:"â Spend trend"}),(0,s.jsx)("small",{children:"Normalized trends, not an attribution guarantee"})]})]}),(0,s.jsxs)("aside",{className:"media-allocation",children:[(0,s.jsx)(C,{children:"CHANNEL MIX"}),(0,s.jsx)("div",{className:`media-donut ${"All"!==e?"media-donut--single":""}`,children:(0,s.jsxs)("div",{children:[(0,s.jsx)("strong",{children:b(v.spend)}),(0,s.jsx)("span",{children:"Sample spend"})]})}),[["Meta","57%"],["Google","34%"],["TikTok","9%"]].map(([a,n],i)=>(0,s.jsxs)("div",{className:`media-mix-row media-mix-row--${i}`,children:[(0,s.jsxs)("span",{children:[(0,s.jsx)("i",{}),a]}),(0,s.jsx)("strong",{children:"All"===e?n:e===a?"100%":"0%"})]},a)),(0,s.jsx)("p",{children:"Read acquisition alongside margin, refunds and customer context."})]})]}),(0,s.jsxs)("div",{className:"media-bottom",children:[(0,s.jsxs)("div",{className:"media-tests",children:[(0,s.jsxs)("div",{className:"engine-panel-heading",children:[(0,s.jsx)(C,{children:"CREATIVE TEST BENCH"}),(0,s.jsx)("span",{children:"Concept artwork · sample tests"})]}),(0,s.jsx)("div",{className:"media-test-grid",children:U.map((e,a)=>(0,s.jsxs)("button",{className:d===a?"is-selected":"","aria-pressed":d===a,onClick:()=>o(a),children:[(0,s.jsxs)("div",{className:"media-test-image",children:[(0,s.jsx)("img",{src:e.img,alt:`${e.angle} concept artwork`,loading:"lazy"}),(0,s.jsxs)("span",{children:["0",a+1]})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("small",{children:h.includes(a)?"Review queued":e.signal}),(0,s.jsx)("strong",{children:e.name}),(0,s.jsxs)("div",{className:"media-ad-results",children:[(0,s.jsxs)("span",{children:["CTR ",(0,s.jsx)("b",{children:["2.4%","1.8%","â"][a]})]}),(0,s.jsxs)("span",{children:["CPA ",(0,s.jsx)("b",{children:["â¬28.14","â¬34.50","â"][a]})]})]}),(0,s.jsxs)("span",{children:[e.angle,(0,s.jsx)(r.ArrowUpRight,{size:12})]})]})]},e.name))})]}),(0,s.jsxs)("aside",{className:"media-next",children:[(0,s.jsx)(C,{children:"NEXT BEST QUESTION"}),(0,s.jsx)("h4",{children:U[d].name}),(0,s.jsx)("p",{children:U[d].detail}),(0,s.jsxs)("button",{className:"engine-primary",disabled:g,onClick:()=>p(e=>e.includes(d)?e:[...e,d]),children:[g?(0,s.jsx)(t.Check,{size:15}):(0,s.jsx)(f,{size:15})," ",g?"Added to demo review":"Add to operator review"]}),(0,s.jsx)("small",{role:"status",children:g?"Review queued. No campaign or budget changed.":"No automatic budget changes."})]})]}),(0,s.jsxs)("div",{className:"campaign-table",children:[(0,s.jsxs)("div",{className:"work-ruler",children:[(0,s.jsx)("span",{children:"CAMPAIGN DELIVERY"}),(0,s.jsx)("span",{children:"SAMPLE DATA / LOCAL CONTROLS"})]}),(0,s.jsxs)("div",{className:"campaign-row campaign-row--head",children:[(0,s.jsx)("span",{children:"STATE"}),(0,s.jsx)("span",{children:"CAMPAIGN / CONCEPT"}),(0,s.jsx)("span",{children:"CHANNEL"}),(0,s.jsx)("span",{children:"SPEND"}),(0,s.jsx)("span",{children:"REVENUE"}),(0,s.jsx)("span",{children:"REVIEW"})]}),U.map((a,n)=>(0,s.jsxs)("div",{className:"campaign-row",children:[(0,s.jsxs)("button",{role:"switch","aria-checked":x[n],"aria-label":`Campaign ${a.name}`,onClick:()=>m(e=>e.map((e,s)=>s===n?!e:e)),children:[(0,s.jsx)("i",{}),x[n]?"Active":"Paused"]}),(0,s.jsxs)("span",{children:[(0,s.jsx)("img",{src:a.img,alt:"",loading:"lazy"}),(0,s.jsx)("strong",{children:a.name})]}),(0,s.jsx)("span",{children:"All"===e?["Meta","Google","TikTok"][n]:e}),(0,s.jsx)("span",{children:b(y(n).spend)}),(0,s.jsx)("span",{children:b(y(n).revenue)}),(0,s.jsx)("span",{children:h.includes(n)?"Queued":"Not queued"})]},a.name))]})]})}e.s(["EngineDemo",0,function({kind:e,embed:n=!1,section:i=!1}
1){let r=k[e],t=(0,a.useRef)(null);return(0,a.useEffect)(()=>{let e=t.current;if(!e||n)return;let s=!1,a=e=>{!s&&e.target.closest("button,select")&&(s=!0,(0,w.track)("offer_demo_play",{offer_slug:r.slug,interaction:"console"}))};return e.addEventListener("click",a),()=>e.removeEventListener("click",a)},[n,r.slug]),(0,s.jsxs)("section",{id:n?void 0:r.id,className:`engine-stage engine-stage--${e} ${n?"engine-stage--embed":""} ${i?"engine-stage--section":""}`,"aria-label":`${r.name} interactive demo`,children:[!n&&(0,s.jsxs)("header",{className:"engine-intro",children:[(0,s.jsxs)("p",{className:"eyebrow",children:[r.tag," · interactive demo"]}),i?(0,s.jsx)("h2",{children:r.title}):(0,s.jsx)("h1",{children:r.title}),(0,s.jsx)("p",{children:r.description})]}),(0,s.jsxs)("div",{ref:t,className:`engine-demo engine-demo--${e}`,children:[(0,s.jsxs)("div",{className:"engine-top",children:[(0,s.jsxs)("span",{className:"engine-window-dots","aria-hidden":"true",children:[(0,s.jsx)("i",{}),(0,s.jsx)("i",{}),(0,s.jsx)("i",{})]}),(0,s.jsxs)("span",{className:"engine-brand",children:[(0,s.jsx)(d,{size:15}),r.name]}),(0,s.jsx)("span",{className:"engine-workspace",children:"187N / WORKSPACE 01"}),(0,s.jsxs)("span",{className:"engine-demo-badge",children:[(0,s.jsx)(c,{size:12})," INTERACTIVE DEMO"]})]}),"mission"===e?(0,s.jsx)(I,{}):"agents"===e?(0,s.jsx)(P,{}):"support"===e?(0,s.jsx)(L,{}):(0,s.jsx)(q,{}),(0,s.jsxs)("footer",{className:"engine-disclaimer",children:[(0,s.jsx)(N.ShieldCheck,{size:13}),(0,s.jsx)("span",{children:"Illustrative data · no live accounts connected · actions stay in this demo"})]})]})]})}],12117)}]);
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.