(()=>{if(typeof window>"u"||typeof window.React!="object"||typeof window.ReactDOM!="object")return;const e=window.React,k=window.ReactDOM;function p({name:a,size:r}){return typeof window.MIcon=="function"?e.createElement(window.MIcon,{name:a,size:r}):e.createElement("span",{className:"micon material-symbols-outlined",style:r?{fontSize:`${r}px`}:null},a)}const E=[{name:"Google Analytics",icon:"monitoring"},{name:"Google Ads",icon:"ads_click"},{name:"Amazon",icon:"shopping_cart"},{name:"PostHog",icon:"insights"},{name:"Meta Ads",icon:"campaign"},{name:"Stripe",icon:"payments"},{name:"Shopify",icon:"storefront"},{name:"Google Search Console",icon:"search"}],N=["Analytics","Ads","Commerce","Product"],y="__openIntroTour",S=[{id:"feat-builder",pct:72},{id:"review-agent",pct:40},{id:"crm-enrich",pct:88}],d=[{eyebrow:"CANVAS 2.0",glyph:"dashboard",title:"This is your business-data canvas.",body:"Every surface here is live data pulled from your platforms \u2014 not a mockup, not a static report. What you see is what is happening, right now.",kind:"hero"},{eyebrow:"CONNECTORS",glyph:"cable",title:"Plug in the platforms you run.",body:"Analytics, ads, commerce, product \u2014 each connector plugs an agent into a platform you already use. None are connected yet in this preview; connect one when you're ready.",kind:"platforms"},{eyebrow:"ONE SURFACE",glyph:"grid_view",title:"One orchestration surface.",body:"Every agent, every platform, every run \u2014 side by side. No tab-hopping, no exports, no stitching spreadsheets together.",kind:"centralized"},{eyebrow:"AGENTS AT WORK",glyph:"smart_toy",title:"Put your agents to work.",body:"Steer AI agents against the connected platforms and watch them run \u2014 each in its own worktree, with full cost and decision transparency.",kind:"agents",cta:{label:"Enter the fleet"}}];function T(){const[a,r]=e.useState(!1),[o,c]=e.useState(0),f=e.useRef(null);e.useEffect(()=>{if(typeof window>"u")return;let t=!1;try{t=window.localStorage.getItem("canvas.introSeen")==="1"}catch{}const n=/[?&]intro=1/.test(window.location.search||"");let v=!1,s=null,u=null;function g(){v||(v=!0,(n||!t)&&(c(0),r(!0)))}return n?g():(s=setInterval(()=>{const b=document.getElementById("root"),w=document.getElementById("suite-landing"),R=!!(b?.children&&b.children.length>0),z=!w||w.hasAttribute("hidden");R&&z&&(clearInterval(s),g())},150),u=setTimeout(()=>{clearInterval(s),g()},3e4)),window[y]=()=>{c(0),r(!0)},()=>{s&&clearInterval(s),u&&clearTimeout(u),delete window[y]}},[]),e.useEffect(()=>{if(!a||typeof document>"u")return;f.current&&f.current.focus();function t(n){n.key==="Escape"&&l()}return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[a]);function l(){if(typeof window<"u"){try{window.localStorage.setItem("canvas.introSeen","1")}catch{}try{const t=window.CANVAS_ACTIONS;t&&typeof t.dispatch=="function"&&t.dispatch("onboarding.introTourSeen",{},{confirm:!0}).catch(()=>{})}catch{}}r(!1)}function C(){o<d.length-1?c(o+1):l()}function A(){o>0&&c(o-1)}if(!a)return null;const i=d[o],O=o===d.length-1;return e.createElement("div",{className:"it-backdrop",onClick:l},e.createElement("div",{ref:f,className:"it-card",role:"dialog","aria-modal":"true","aria-labelledby":"it-title",tabIndex:-1,onClick:t=>t.stopPropagation()},e.createElement("button",{type:"button",className:"it-skip",onClick:l},"Skip tour"),e.createElement("div",{className:"it-glyph"},e.createElement(p,{name:i.glyph,size:30})),e.createElement("div",{className:"it-eyebrow mono"},i.eyebrow),e.createElement("h2",{className:"it-title",id:"it-title"},i.title),e.createElement("p",{className:"it-body"},i.body),i.kind==="platforms"&&e.createElement("div",{className:"it-chips"},E.map(t=>e.createElement("span",{key:t.name,className:"it-chip"},e.createElement(p,{name:t.icon,size:13}),t.name,e.createElement("span",{className:"it-chip-badge mono"},"Connect"))),e.createElement("span",{className:"it-chip it-chip-more mono"},"+ many more \xB7 coming soon")),i.kind==="centralized"&&e.createElement("div",{className:"it-central"},N.map((t,n)=>e.createElement("div",{key:t,className:"it-central-tile",style:{opacity:1-n*.12}},e.createElement("span",{className:"it-central-dot"}),e.createElement("span",{className:"it-central-label mono"},t)))),i.kind==="agents"&&e.createElement("div",{className:"it-agents"},S.map((t,n)=>e.createElement("div",{key:t.id,className:`it-agent-lane l${n}`},e.createElement("span",{className:"it-agent-chip mono"},e.createElement(p,{name:"smart_toy",size:11}),t.id),e.createElement("span",{className:"it-agent-bar"},e.createElement("span",{style:{width:`${t.pct}%`}}))))),e.createElement("div",{className:"it-footer"},e.createElement("div",{className:"it-dots"},d.map((t,n)=>e.createElement("button",{key:n,type:"button",className:`it-dot ${n===o?"on":""} ${n<o?"done":""}`,onClick:()=>c(n),"aria-label":`Step ${n+1}`}))),e.createElement("div",{className:"it-controls"},o>0&&e.createElement("button",{type:"button",className:"it-btn it-btn-ghost",onClick:A},"Back"),O&&i.cta?e.createElement("button",{type:"button",className:"it-btn it-btn-primary",onClick:l},e.createElement(p,{name:"arrow_forward",size:15}),i.cta.label):e.createElement("button",{type:"button",className:"it-btn it-btn-primary",onClick:C},"Next",e.createElement(p,{name:"arrow_forward",size:15}))))))}const x="intro-tour-overlay-style",m="cubic-bezier(0.23, 1, 0.32, 1)",I=`
#intro-tour-root { position: relative; z-index: 9500; }
.it-backdrop {
  position: fixed; inset: 0; z-index: 9500;
  display: flex; align-items: center; justify-content: center;
  padding: 24px;
  background: rgba(6, 7, 10, 0.62);
  backdrop-filter: blur(6px);
  animation: itFade 0.32s ${m};
}
.it-card {
  position: relative;
  width: min(460px, 100%);
  max-height: min(640px, 92vh);
  overflow-y: auto;
  background: var(--app-elevated, var(--app-surface, #16161a));
  border: 1px solid var(--app-rule, rgba(255,255,255,0.08));
  border-radius: var(--app-radius, 18px);
  box-shadow: var(--app-shadow, 0 24px 60px -20px rgba(0,0,0,0.6));
  padding: 30px 28px 22px;
  font-family: var(--app-font-body, inherit);
  color: var(--app-ink, #f4f4f6);
  outline: none;
  animation: itUp 0.36s ${m};
}
.it-skip {
  position: absolute; top: 14px; right: 14px;
  background: none; border: none; cursor: pointer;
  font: inherit; font-size: 12px;
  color: var(--app-ink-faint, rgba(244,244,246,0.5));
  padding: 6px 8px; border-radius: var(--app-radius-sm, 8px);
}
.it-skip:hover { color: var(--app-ink-soft, rgba(244,244,246,0.75)); background: var(--app-rule-soft, rgba(255,255,255,0.05)); }
.it-glyph {
  width: 52px; height: 52px; border-radius: var(--app-radius-pill, 9999px);
  display: flex; align-items: center; justify-content: center;
  background: var(--app-accent-glow, rgba(0,243,255,0.16));
  color: var(--app-accent, #00f3ff);
  margin-bottom: 16px;
}
.it-eyebrow {
  font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--app-accent, #00f3ff);
  margin-bottom: 8px;
}
.it-title {
  font-family: var(--app-font-display, inherit);
  font-size: 28px; line-height: 1.12; margin: 0 0 12px;
  font-weight: var(--app-display-weight, 900);
  letter-spacing: var(--app-display-tracking, -0.025em);
  text-transform: var(--app-display-transform, uppercase);
  color: var(--app-ink, #f4f4f6);
}
.it-body {
  font-size: 14px; line-height: 1.55; margin: 0 0 18px;
  color: var(--app-ink-soft, rgba(244,244,246,0.75));
}
.it-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 6px; }
.it-chip {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; padding: 6px 10px 6px 8px;
  border-radius: var(--app-radius-pill, 9999px);
  border: 1px solid var(--app-rule, rgba(255,255,255,0.08));
  background: var(--app-surface, rgba(255,255,255,0.03));
  color: var(--app-ink-soft, rgba(244,244,246,0.75));
}
.it-chip-badge {
  font-size: 10px; letter-spacing: 0.04em; text-transform: uppercase;
  color: var(--app-accent, #00f3ff);
  border: 1px solid var(--app-accent-dim, rgba(0,243,255,0.35));
  border-radius: var(--app-radius-pill, 9999px);
  padding: 2px 7px; margin-left: 2px;
}
.it-chip-more {
  color: var(--app-ink-faint, rgba(244,244,246,0.5));
  border-style: dashed;
  background: none;
}
.it-central { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 6px; }
.it-central-tile {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 12px; border-radius: var(--app-radius-sm, 8px);
  border: 1px solid var(--app-rule-soft, rgba(255,255,255,0.05));
  background: var(--app-surface, rgba(255,255,255,0.03));
}
.it-central-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--app-accent, #00f3ff);
  box-shadow: 0 0 8px var(--app-accent-glow, rgba(0,243,255,0.42));
  flex: none;
}
.it-central-label { font-size: 12px; color: var(--app-ink-soft, rgba(244,244,246,0.75)); }
.it-agents { display: flex; flex-direction: column; gap: 10px; margin-bottom: 6px; }
.it-agent-lane { display: flex; flex-direction: column; gap: 5px; }
.it-agent-chip {
  display: inline-flex; align-items: center; gap: 6px; width: fit-content;
  font-size: 11px; color: var(--app-ink-faint, rgba(244,244,246,0.55));
}
.it-agent-bar {
  display: block; height: 5px; border-radius: var(--app-radius-pill, 9999px);
  background: var(--app-rule-soft, rgba(255,255,255,0.06));
  overflow: hidden;
}
.it-agent-bar > span {
  display: block; height: 100%; border-radius: inherit;
  background: var(--app-accent, #00f3ff);
  transition: width 0.5s ${m};
}
.it-footer {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 18px; padding-top: 16px;
  border-top: 1px solid var(--app-rule-soft, rgba(255,255,255,0.05));
}
.it-dots { display: flex; gap: 6px; }
.it-dot {
  width: 7px; height: 7px; padding: 0; border-radius: 50%;
  border: none; cursor: pointer;
  background: var(--app-rule, rgba(255,255,255,0.12));
}
.it-dot.on { background: var(--app-accent, #00f3ff); }
.it-dot.done { background: var(--app-ink-faint, rgba(244,244,246,0.4)); }
.it-controls { display: flex; align-items: center; gap: 8px; }
.it-btn {
  display: inline-flex; align-items: center; gap: 6px;
  font: inherit; font-size: 13px; font-weight: 600;
  padding: 9px 16px; border-radius: var(--app-radius-sm, 10px);
  cursor: pointer; border: 1px solid transparent;
}
.it-btn-ghost {
  background: none;
  color: var(--app-ink-soft, rgba(244,244,246,0.75));
  border-color: var(--app-rule, rgba(255,255,255,0.1));
}
.it-btn-ghost:hover { background: var(--app-rule-soft, rgba(255,255,255,0.05)); }
.it-btn-primary {
  background: var(--app-accent, #00f3ff);
  color: var(--app-accent-ink, #06070a);
}
.it-btn-primary:hover { box-shadow: 0 0 0 3px var(--app-accent-glow, rgba(0,243,255,0.3)); }
@keyframes itFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes itUp { from { opacity: 0; transform: translateY(14px) scale(0.98); } to { opacity: 1; transform: none; } }
@media (max-width: 560px) {
  .it-card { padding: 24px 20px 18px; }
  .it-central { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .it-backdrop, .it-card { animation: none; }
  .it-agent-bar > span { transition: none; }
}
`.trim();function _(){if(document.getElementById(x))return;const a=document.createElement("style");a.id=x,a.textContent=I,(document.head||document.documentElement).appendChild(a)}function h(){_();let a=document.getElementById("intro-tour-root");if(!a){a=document.createElement("div"),a.id="intro-tour-root";const r=document.getElementById("root");r?.parentNode?r.parentNode.insertBefore(a,r.nextSibling):(document.body||document.documentElement).appendChild(a)}k.createRoot(a).render(e.createElement(T))}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",h,{once:!0}):h()})();