1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,732055,947162,e=>{"use strict";var t=e.i(391398),a=e.i(191788),i=e.i(753892),s=e.i(215424),n=e.i(457947),l=e.i(55261),r=e.i(218566),o=e.i(198311),d=e.i(498817),c=e.i(515514),u=e.i(602889),p=e.i(947710),m=e.i(172738),h=e.i(582646),g=e.i(295746),x=e.i(253096),f=e.i(17585),v=e.i(519707),b=e.i(649249),y=e.i(185849),j=e.i(548539),w=e.i(537068);let N={Zap:u.Zap,Sparkles:p.Sparkles,GitBranch:m.GitBranch,Mail:h.Mail,Users:g.Users,CircleDot:x.CircleDot,Network:f.Network,UsersRound:v.UsersRound,Database:b.Database,User:y.User,Building:j.Building,List:w.List},C={trigger:{container:"bg-[var(--tgph-gray-4)]",icon:"text-[var(--tgph-gray-11)]"},function:{container:"bg-[var(--tgph-blue-4)]",icon:"text-[var(--tgph-blue-11)]"},channel:{container:"bg-[var(--tgph-green-4)]",icon:"text-[var(--tgph-green-11)]"},data:{container:"bg-[var(--tgph-accent-4)]",icon:"text-[var(--tgph-accent-11)]"}};function k({title:e,subtitle:a,icon:s,iconImage:n,iconContainerClassName:l,iconClassName:r,variant:o="trigger",staticDisplay:d=!1,subtitleEmphasized:u=!1}){let p=s&&!n?N[s]:null,m=d?{container:"bg-[#EFF0F3]",icon:"text-[#60646A]"}:C[o]||C.trigger,h=l??m.container,g=r??m.icon;return(0,t.jsxs)("div",{className:"flex items-center gap-3 h-9",children:[(p||n)&&(0,t.jsx)("div",{className:(0,i.default)("flex items-center justify-center w-10 h-10 flex-shrink-0 overflow-hidden",n?"rounded-[10px]":"rounded",h),children:n?(0,t.jsx)("img",{src:n,alt:"","aria-hidden":!0,className:"size-full object-contain"}):(0,t.jsx)(p,{className:(0,i.default)("size-[18px]",g),"aria-hidden":!0})}),(0,t.jsxs)("div",{className:"flex flex-col gap-0 min-w-0",children:[(0,t.jsx)(c.Text,{as:"div",size:"2",weight:"medium",className:(0,i.default)("truncate",d?"text-[#60646A]":""),color:d?void 0:"gray",children:e}),a&&(0,t.jsx)(c.Text,{as:"div",size:u?"3":"2",weight:u?"semibold":"medium",className:(0,i.default)("truncate",d?"text-[#1D2023]":""),color:d?void 0:"default",children:a})]})]})}var T=e.i(667720),S=e.i(127630),z=e.i(103312),z=z,E=e.i(322138),P=e.i(430788),_=e.i(181474),A=e.i(837355),A=A,R=e.i(112586),L=e.i(450095),F=e.i(978757);let M={id:"default",steps:[{id:"trigger",icon:"Zap",variant:"trigger",title:"Trigger workflow",subtitle:"New user sign-up",timestamp:"03:03:56",status:"Completed",branchLabel:null},{id:"ai-agent",icon:"Sparkles",variant:"function",title:"Agent",subtitle:"Qualify sign-up",timestamp:"03:03:56",status:null,branchLabel:null,behavior:"agent-modal"},{id:"branch",icon:"Network",variant:"function",title:"Branch",subtitle:"Is user qualified?",timestamp:"03:03:56",status:"Completed",branchLabel:null},{id:"add-to-audience",icon:"UsersRound",variant:"data",title:"Add to audience",subtitle:"Qualified new user",timestamp:"03:03:56",status:"Completed",branchLabel:"Qualified"},{id:"send-email-not-qualified",icon:"Mail",variant:"channel",title:"Send email",subtitle:"Standard onboarding email",timestamp:null,status:null,branchLabel:"Not qualified"},{id:"send-email-qualified",icon:"Mail",variant:"channel",title:"Send email",subtitle:"Personalized onboarding",timestamp:null,status:null,branchLabel:"Qualified",behavior:"message-preview"},{id:"end-qualified",icon:"CircleDot",variant:"trigger",title:"End",subtitle:null,timestamp:null,status:null,branchLabel:"Qualified",isTerminal:!0},{id:"end-not-qualified",icon:"CircleDot",variant:"trigger",title:"End",subtitle:null,timestamp:null,status:null,branchLabel:"Not qualified"}],animation:{runSequence:["trigger","ai-agent","branch","add-to-audience","send-email-qualified","end-qualified"],connectorAfterStep:{trigger:"trigger_ai","ai-agent":"ai_branch",branch:"branch_trunk","add-to-audience":"email_audience","send-email-qualified":"send_end_qualified"},nextStepAfterConnector:{trigger_ai:"ai-agent",ai_branch:"branch",branch_left:"add-to-audience",email_audience:"send-email-qualified",send_end_qualified:"end-qualified"},connectorKeys:["trigger_ai","ai_branch","branch_trunk","branch_left","email_audience","send_end_qualified"],durationOverrides:{"ai-agent":1e4,"send-email-qualified":12e3,"end-qualified":1500}},inspectContent:{trigger:{sections:[{type:"fields",title:"Input",fields:[{label:"Trigger type",type:"badge",value:"Source event",animated:!1},{label:"Recipient",type:"link",value:"[email protected]",animated:!1},{label:"Recipient name",type:"text",value:"Eric Glyman",animated:!1},{label:"Trigger data",type:"code",codeBlockSize:"tall",animated:!1,value:`{ 2 "event": "user.created", 3 "timestamp": "2026-02-25T14:32:18-05:00", 4 "user": { 5 "id": "usr_8b7f6d12-3a54-4e6b-9a1d", 6 "email": "[email protected]", 7 }, 8 "account": { 9 "id": "acc_4f2b1c9d-8a77-4b1f-8a1c", 10 "domain": "ramp.com" 11 } 12}`}]}]},"ai-agent":{sections:[{type:"fields",title:"Input",fields:[{label:"Model",type:"badge",value:"Claude Sonnet 4.5"},{label:"Web search",type:"toggle",value:!0},{label:"Prompt",type:"code",animated:!1,value:"You are an ICP Qualification Agent for a B2B SaaS platform. Analyze this new user based on {{recipient | json }} and determine if they represent a qualified lead worth personalized onboarding."}]},{type:"fields",title:"Output",headerAction:{type:"agentPreview",previewLabel:"Show agent run"},fields:[{label:"Status",type:"status",value:"Completed",variant:"success"}
12,{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0},{label:"Response",type:"code",codeBlockSize:"tall",waitForAgentModal:!0,animCharsPerMs:.4,value:`{ 13 "qualification": { 14 "isQualified": true, 15 "score": 82, 16 "reason": "Lead is Eric Glyman, CEO and founder of Ramp ($32B fintech company). Engagement signals are positive (business domain, new sign-up with multiple communication channels enabled). While this executive-level founder is unlikely to match the normal ICP targeting, the strong B2B company fit makes this a lead worth following up on." 17 } 18}`}]}]},branch:{sections:[{type:"branches",title:"Input",data:{branches:[{keyword:"If",name:"Qualified",result:"Evaluated to true",resultColor:"green",conditions:[{field:"data.ai_1.qualification.isQualified",operator:"is true",expression:"data.ai_1.qualification.isQualified = true"}]},{keyword:"Else",name:"Not qualified",result:"Not evaluated",resultColor:"gray",defaultText:"Executes as the default branch"}]}},{type:"fields",title:"Output",fields:[{label:"Status",type:"status",value:"Completed",variant:"success"},{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0},{label:"Executed branch",type:"badge",value:"Qualified"}]}]},"add-to-audience":{sections:[{type:"fields",title:"Input",fields:[{label:"Add",type:"text",value:"Eric Glyman"},{label:"To audience",type:"text",value:"Qualified new user"},{type:"audience-usage",label:"Audience is used in",groups:[{label:"Guide",type:"guide",count:1,items:[{name:"Qualified user in-app onboarding flow"}]}]}]},{type:"fields",title:"Output",fields:[{label:"Status",type:"status",value:"Completed",variant:"success"},{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0}]}]},"send-email-qualified":{sections:[{type:"fields",title:"Input",fields:[{label:"Channel",type:"badge",value:"Email"},{label:"Open tracking",type:"toggle",value:!0},{label:"Link tracking",type:"toggle",value:!0},{label:"Layout",type:"text",value:"Personalized onboarding"}]},{type:"message",title:"Output",data:{previewLabel:"Show preview",engagementStatus:{label:"Opened",variant:"unread"},timeline:[{type:"created",label:"Created",timestamp:"Feb 11 2026, 03:04:08"},{type:"queued",label:"Queued",timestamp:"Feb 11 2026, 03:04:09"},{type:"sent",label:"Sent",timestamp:"Feb 11 2026, 03:04:10"},{type:"delivered",label:"Delivered",timestamp:"Feb 11 2026, 03:04:11"}]}}]},"send-email-not-qualified":{sections:[{type:"fields",title:"Input",fields:[{label:"Channel",type:"badge",value:"Email"},{label:"Open tracking",type:"toggle",value:!0},{label:"Link tracking",type:"toggle",value:!0},{label:"Layout",type:"text",value:"Standard onboarding email"}]}]},"end-qualified":{sections:[]},"end-not-qualified":{sections:[]}},agentResponseData:{prompt:"You are an ICP Qualification Agent for a B2B SaaS platform. Analyze this new user based on {{recipient | json }} and determine if they represent a qualified lead worth personalized onboarding.",thinking:'The user is asking me to analyze a lead and determine if they are qualified based on the provided user data.\nI need to look at the email domain - it\'s "ramp.com". I should search for information about Ramp to understand what kind of company this is.\nPerfect! The search results reveal that the user "Eric Glyman" with email "[email protected]" is actually the CEO and co-founder of Ramp. Ramp is a major fintech company valued at $32 billion with $1 billion in annualized revenue\nSince he\'s a C-level exec at a major fintech company, he probably falls outside the typical ICP, but the strong B2B company fit makes this a qualified opportunity.\nThe email domain signals legitimacy and he\'s shown engagement through multiple channels, even though the incomplete profile suggests a recent or rushed signup.',responseJson:`{ 19 "isQualified": true, 20 "score": 82 21 "reason": "Lead is Eric Glyman, CEO and founder of Ramp ($32B fintech company). Engagement signals are positive (business domain, new sign-up with multiple communication channels enabled). While this executive-level founder is unlikely to match the normal ICP targeting, the strong B2B company fit makes this a lead worth following up on." 22}`},emailPreviewData:{headers:[{label:"From",type:"text",value:"Collab.io <[email protected]>"},{label:"To",type:"text",value:"Eric Glyman <[email protected]>"},{label:"Subject",type:"text",value:"Welcome to Collab.io, Eric â here's how to get started"},{label:"Reply-to",type:"text",value:"[email protected]"}],body:[{type:"paragraph",segments:[{type:"text",value:"Hi "},{type:"liquid",expression:"recipient.name",resolvedValue:"Eric"},{type:"text",value:","}]},{type:"paragraph",segments:[{type:"text",value:"Welcome to Collab.io! Here's how to get started."}]},{type:"paragraph",segments:[{type:"text",value:"Our goal is to enable "},{type:"liquid",expression:'recipient.roleNormalized | default: "users"',resolvedValue:"execs"},{type:"text",value:" like you to simplify online collaboration so you can focus on the work that actually moves your team forward."}]},{type:"paragraph",segments:[{type:"text",value:"Companies like "},{type:"liquid",expression:'tenant.companyName | default: "yours"',resolvedValue:"Ramp"},{type:"text",value:" use Collab.io to:"}]},{type:"list_item",segments:[{type:"liquid",expression:'ai.relevantUseCase1| default: "Improve productivity"',resolvedValue:"Streamlining expense approvals"}]},{type:"list_item",segments:[{type:"liquid",expression:'ai.relevantUseCase2| default: "Save teams time"',resolvedValue:"Managing spend visibility from Slack"}]},{type:"list_item",segments:[{type:"liquid",expression:'ai.relevantUseCase3| default: "Ship projects faster"',resolvedValue:"Automating reconciliation workflows"}]},{type:"paragraph",segments:[{type:"text",value:"Best,\nThe Collab.io Team"}]}]}},D={id:"qualify",steps:[{id:"trigger",icon:"Zap",variant:"trigger",title:"Trigger workflow",subtitle:"New user sign-up",timestamp:"03:03:56",status:"Completed",branchLabel:null},{id:"ai-agent",icon:"Sparkles",variant:"function",title:"Agent",subtitle:"Qualify sign-up",timestamp:"03:03:56",status:null,branchLabel:null,behavior:"agent-modal"},{id:"branch",icon:"Network",variant:"function",title:"Branch",subtitle:"Is user qual
22ified?",timestamp:"03:03:56",status:"Completed",branchLabel:null},{id:"add-to-audience",icon:"UsersRound",variant:"data",title:"Add to audience",subtitle:"Qualified new user",timestamp:"03:03:56",status:"Completed",branchLabel:"Qualified"},{id:"update-audience-not-qualified",icon:"UsersRound",variant:"data",title:"Update audience",subtitle:"Unqualified user",timestamp:null,status:null,branchLabel:"Not qualified"},{id:"update-audience-qualified",icon:"UsersRound",variant:"data",title:"Update audience",subtitle:"Qualified user",timestamp:null,status:null,branchLabel:"Qualified"},{id:"end-qualified",icon:"CircleDot",variant:"trigger",title:"End",subtitle:null,timestamp:null,status:null,branchLabel:"Qualified",isTerminal:!0},{id:"end-not-qualified",icon:"CircleDot",variant:"trigger",title:"End",subtitle:null,timestamp:null,status:null,branchLabel:"Not qualified"}],animation:{runSequence:["trigger","ai-agent","branch","update-audience-qualified","end-qualified"],connectorAfterStep:{trigger:"trigger_ai","ai-agent":"ai_branch",branch:"branch_trunk","update-audience-qualified":"send_end_qualified"},nextStepAfterConnector:{trigger_ai:"ai-agent",ai_branch:"branch",branch_left:"update-audience-qualified",email_audience:"update-audience-qualified",send_end_qualified:"end-qualified"},connectorKeys:["trigger_ai","ai_branch","branch_trunk","branch_left","email_audience","send_end_qualified"],durationOverrides:{"ai-agent":1e4,"end-qualified":1500}},inspectContent:{trigger:{sections:[{type:"fields",title:"Input",fields:[{label:"Trigger type",type:"badge",value:"Source event",animated:!1},{label:"Recipient",type:"link",value:"[email protected]",animated:!1},{label:"Recipient name",type:"text",value:"Eric Glyman",animated:!1},{label:"Trigger data",type:"code",codeBlockSize:"tall",animated:!1,value:`{ 23 "event": "user.created", 24 "timestamp": "2026-02-25T14:32:18-05:00", 25 "user": { 26 "id": "usr_8b7f6d12-3a54-4e6b-9a1d", 27 "email": "[email protected]", 28 }, 29 "account": { 30 "id": "acc_4f2b1c9d-8a77-4b1f-8a1c", 31 "domain": "ramp.com" 32 } 33}`}]}]},"ai-agent":{sections:[{type:"fields",title:"Input",fields:[{label:"Model",type:"badge",value:"Claude Sonnet 4.5"},{label:"Web search",type:"toggle",value:!0},{label:"Prompt",type:"code",animated:!1,value:"You are an ICP Qualification Agent for a B2B SaaS platform. Analyze this new user based on {{recipient | json }} and determine if they represent a qualified lead worth personalized onboarding."}]},{type:"fields",title:"Output",headerAction:{type:"agentPreview",previewLabel:"Show agent run"},fields:[{label:"Status",type:"status",value:"Completed",variant:"success"},{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0},{label:"Response",type:"code",codeBlockSize:"tall",waitForAgentModal:!0,animCharsPerMs:.4,value:`{ 34 "qualification": { 35 "isQualified": true, 36 "score": 82, 37 "reason": "Lead is Eric Glyman, CEO and founder of Ramp ($32B fintech company). Engagement signals are positive (business domain, new sign-up with multiple communication channels enabled). While this executive-level founder is unlikely to match the normal ICP targeting, the strong B2B company fit makes this a lead worth following up on." 38 } 39}`}]}]},branch:{sections:[{type:"branches",title:"Input",data:{branches:[{keyword:"If",name:"Qualified",result:"Evaluated to true",resultColor:"green",conditions:[{field:"data.ai_1.qualification.isQualified",operator:"is true",expression:"data.ai_1.qualification.isQualified = true"}]},{keyword:"Else",name:"Not qualified",result:"Not evaluated",resultColor:"gray",defaultText:"Executes as the default branch"}]}},{type:"fields",title:"Output",fields:[{label:"Status",type:"status",value:"Completed",variant:"success"},{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0},{label:"Executed branch",type:"badge",value:"Qualified"}]}]},"add-to-audience":{sections:[{type:"fields",title:"Input",fields:[{label:"Add",type:"text",value:"Eric Glyman"},{label:"To audience",type:"text",value:"Qualified new user"},{type:"audience-usage",label:"Audience is used in",groups:[{label:"Guide",type:"guide",count:1,items:[{name:"Qualified user in-app onboarding flow"}]}]}]},{type:"fields",title:"Output",fields:[{label:"Status",type:"status",value:"Completed",variant:"success"}
39,{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0}]}]},"update-audience-qualified":{sections:[{type:"fields",title:"Input",fields:[{label:"Add",type:"text",value:"Eric Glyman"},{label:"To audience",type:"text",value:"Qualified user"},{type:"audience-usage",label:"Audience is used in",groups:[{label:"Guide",type:"guide",count:1,items:[{name:"Qualified user in-app onboarding flow"}]}]}]},{type:"fields",title:"Output",fields:[{label:"Status",type:"status",value:"Completed",variant:"success"},{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0}]}]},"update-audience-not-qualified":{sections:[{type:"fields",title:"Input",fields:[{label:"Add",type:"text",value:"Eric Glyman"},{label:"To audience",type:"text",value:"Unqualified user"},{type:"audience-usage",label:"Audience is used in",groups:[{label:"Guide",type:"guide",count:1,items:[{name:"Unqualified user onboarding flow"}]}]}]},{type:"fields",title:"Output",fields:[{label:"Status",type:"status",value:"Completed",variant:"success"},{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0}]}]},"end-qualified":{sections:[]},"end-not-qualified":{sections:[]}},agentResponseData:{prompt:"You are an ICP Qualification Agent for a B2B SaaS platform. Analyze this new user based on {{recipient | json }} and determine if they represent a qualified lead worth personalized onboarding.",thinking:'The user is asking me to analyze a lead and determine if they are qualified based on the provided user data.\nI need to look at the email domain - it\'s "ramp.com". I should search for information about Ramp to understand what kind of company this is.\nPerfect! The search results reveal that the user "Eric Glyman" with email "[email protected]" is actually the CEO and co-founder of Ramp. Ramp is a major fintech company valued at $32 billion with $1 billion in annualized revenue\nSince he\'s a C-level exec at a major fintech company, he probably falls outside the typical ICP, but the strong B2B company fit makes this a qualified opportunity.\nThe email domain signals legitimacy and he\'s shown engagement through multiple channels, even though the incomplete profile suggests a recent or rushed signup.',responseJson:`{ 40 "isQualified": true, 41 "score": 82 42 "reason": "Lead is Eric Glyman, CEO and founder of Ramp ($32B fintech company). Engagement signals are positive (business domain, new sign-up with multiple communication channels enabled). While this executive-level founder is unlikely to match the normal ICP targeting, the strong B2B company fit makes this a lead worth following up on." 43}`},emailPreviewData:null},q={id:"classify",steps:[{id:"trigger",icon:"Zap",variant:"trigger",title:"Trigger workflow",subtitle:"User feedback submitted",timestamp:"03:03:56",status:"Completed",branchLabel:null},{id:"ai-agent-classify",icon:"Sparkles",variant:"function",title:"Agent",subtitle:"Sentiment analysis",timestamp:"03:03:56",status:null,branchLabel:null,behavior:"agent-modal"},{id:"branch-classify",icon:"Network",variant:"function",title:"Branch",subtitle:"Classify sentiment",timestamp:"03:03:56",status:"Completed",branchLabel:null},{id:"add-to-audience-classify",icon:"UsersRound",variant:"data",title:"Add to audience",subtitle:"Qualified new user",timestamp:"03:03:56",status:"Completed",branchLabel:"Positive"},{id:"update-audience-not-qualified-classify",icon:"UsersRound",variant:"data",title:"Update audience",subtitle:"Negative sentiment",timestamp:null,status:null,branchLabel:"Negative"},{id:"update-audience-qualified-classify",icon:"UsersRound",variant:"data",title:"Update audience",subtitle:"Positive sentiment",timestamp:null,status:null,branchLabel:"Positive"},{id:"end-qualified-classify",icon:"CircleDot",variant:"trigger",title:"End",subtitle:null,timestamp:null,status:null,branchLabel:"Positive",isTerminal:!0},{id:"end-not-qualified-classify",icon:"CircleDot",variant:"trigger",title:"End",subtitle:null,timestamp:null,status:null,branchLabel:"Negative"}],animation:{runSequence:["trigger","ai-agent-classify","branch-classify","update-audience-qualified-classify","end-qualified-classify"],connectorAfterStep:{trigger:"trigger_ai","ai-agent-classify":"ai_branch","branch-classify":"branch_trunk","update-audience-qualified-classify":"send_end_qualified"},nextStepAfterConnector:{trigger_ai:"ai-agent-classify",ai_branch:"branch-classify",branch_left:"update-audience-qualified-classify",email_audience:"update-audience-qualified-classify",send_end_qualified:"end-qualified-classify"},connectorKeys:["trigger_ai","ai_branch","branch_trunk","branch_left","email_audience","send_end_qualified"],durationOverrides:{"ai-agent-classify":1e4,"end-qualified-classify":1500}},inspectContent:{trigger:{sections:[{type:"fields",title:"Input",fields:[{label:"Trigger type",type:"badge",value:"Source event",animated:!1},{label:"Recipient",type:"link",value:"[email protected]",animated:!1},{label:"Recipient name",type:"text",value:"Eric Glyman",animated:!1},{label:"Trigger data",type:"code",codeBlockSize:"tall",animated:!1,value:`{ 44 "event": "user.created", 45 "timestamp": "2026-02-25T14:32:18-05:00", 46 "user": { 47 "id": "usr_8b7f6d12-3a54-4e6b-9a1d", 48 "email": "[email protected]", 49 }, 50 "account": { 51 "id": "acc_4f2b1c9d-8a77-4b1f-8a1c", 52 "domain": "ramp.com" 53 } 54}`}]}]},"ai-agent-classify":{sections:[{type:"fields",title:"Input",fields:[{label:"Model",type:"badge",value:"Claude Sonnet 4.5"},{label:"Web search",type:"toggle",value:!0},{label:"Prompt",type:"code",animated:!1,value:"Analyze the sentiment of this user-submitted feedback from the product. Input: {{ data.feedback | json }}. Output data.ai_1.sentiment.isPositive and data.ai_1.sentiment.isNegative as booleans based on whether the feedback expresses positive or negative sentiment."}]},{type:"fields",title:"Output",headerAction:{type:"agentPreview",previewLabel:"Show agent run"},fields:[{label:"Status",type:"status",value:"Completed",variant:"success"}
54,{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0},{label:"Response",type:"code",codeBlockSize:"tall",waitForAgentModal:!0,animCharsPerMs:.4,value:`{ 55 "sentiment": { 56 "isPositive": true, 57 "isNegative": false, 58 "reason": "Feedback expresses satisfaction with the new dashboard and improved workflow." 59 } 60}`}]}]},"branch-classify":{sections:[{type:"branches",title:"Input",data:{branches:[{keyword:"If",name:"Positive",result:"Evaluated to true",resultColor:"green",conditions:[{field:"data.ai_1.sentiment.isPositive",operator:"is true",expression:"data.ai_1.sentiment.isPositive = true"}]},{keyword:"If",name:"Negative",result:"Not evaluated",resultColor:"gray",conditions:[{field:"data.ai_1.sentiment.isNegative",operator:"is true",expression:"data.ai_1.sentiment.isNegative = true"}]},{keyword:"Exit",name:"Default",result:"Not evaluated",resultColor:"gray",defaultText:"Executes when data.ai_1.sentiment.isPositive and data.ai_1.sentiment.isNegative are false"}]}},{type:"fields",title:"Output",fields:[{label:"Status",type:"status",value:"Completed",variant:"success"},{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0},{label:"Executed branch",type:"badge",value:"Positive"}]}]},"add-to-audience-classify":{sections:[{type:"fields",title:"Input",fields:[{label:"Add",type:"text",value:"Eric Glyman"},{label:"To audience",type:"text",value:"Qualified new user"},{type:"audience-usage",label:"Audience is used in",groups:[{label:"Guide",type:"guide",count:1,items:[{name:"Qualified user in-app onboarding flow"}]}]}]},{type:"fields",title:"Output",fields:[{label:"Status",type:"status",value:"Completed",variant:"success"},{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0}]}]},"update-audience-qualified-classify":{sections:[{type:"fields",title:"Input",fields:[{label:"Add",type:"text",value:"Eric Glyman"},{label:"To audience",type:"text",value:"Positive sentiment"},{type:"audience-usage",label:"Audience is used in",groups:[{label:"Workflow",type:"guide",count:1,items:[{name:"Positive feedback follow-up flow"}]}]}]},{type:"fields",title:"Output",fields:[{label:"Status",type:"status",value:"Completed",variant:"success"},{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0}]}]},"update-audience-not-qualified-classify":{sections:[{type:"fields",title:"Input",fields:[{label:"Add",type:"text",value:"Eric Glyman"},{label:"To audience",type:"text",value:"Negative sentiment"},{type:"audience-usage",label:"Audience is used in",groups:[{label:"Workflow",type:"guide",count:1,items:[{name:"Negative feedback escalation flow"}]}]}]},{type:"fields",title:"Output",fields:[{label:"Status",type:"status",value:"Completed",variant:"success"},{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0}]}]},"end-qualified-classify":{sections:[]},"end-not-qualified-classify":{sections:[]}},agentResponseData:{prompt:"Analyze the sentiment of this user-submitted feedback from the product. Input: {{ data.feedback | json }}. Output data.ai_1.sentiment.isPositive and data.ai_1.sentiment.isNegative as booleans based on whether the feedback expresses positive or negative sentiment.",thinking:'The user wants me to analyze the sentiment of feedback submitted through the product. I need to read the feedback text and determine if it expresses positive or negative sentiment.\nThe feedback mentions "Love the new dashboard" and "makes my workflow so much easier". These phrases indicate satisfaction and enthusiasm.\nI\'ll set isPositive to true and isNegative to false since the feedback is clearly positive in tone.',responseJson:`{ 61 "sentiment": { 62 "isPositive": true, 63 "isNegative": false, 64 "reason": "Feedback expresses satisfaction with the new dashboard and improved workflow." 65 } 66}`},emailPreviewData:null},I={id:"enrich",steps:[{id:"trigger",icon:"Zap",variant:"trigger",title:"Trigger workflow",subtitle:"New user sign-up",timestamp:"03:03:56",status:"Completed",branchLabel:null},{id:"ai-agent-enrich",icon:"Sparkles",variant:"function",title:"Agent",subtitle:"Enrich company + role",timestamp:"03:03:56",status:null,branchLabel:null,behavior:"agent-modal"},{id:"update-user",icon:"User",variant:"data",title:"Update user",subtitle:"Role and profile",timestamp:"03:03:56",status:"Completed",branchLabel:null},{id:"update-tenant",icon:"Building",variant:"data",title:"Update tenant",subt
66itle:"Company profile",timestamp:"03:03:56",status:"Completed",branchLabel:null},{id:"update-audience",icon:"UsersRound",variant:"data",title:"Update audience",subtitle:"Enriched company",timestamp:"03:03:56",status:"Completed",branchLabel:null},{id:"end-enrich",icon:"CircleDot",variant:"trigger",title:"End",subtitle:null,timestamp:null,status:null,branchLabel:null,isTerminal:!0}],animation:{runSequence:["trigger","ai-agent-enrich","update-user","update-tenant","update-audience","end-enrich"],connectorAfterStep:{trigger:"trigger_ai","ai-agent-enrich":"ai_enrich_update","update-user":"update_user_tenant","update-tenant":"update_tenant_audience","update-audience":"update_audience_end"},nextStepAfterConnector:{trigger_ai:"ai-agent-enrich",ai_enrich_update:"update-user",update_user_tenant:"update-tenant",update_tenant_audience:"update-audience",update_audience_end:"end-enrich"},connectorKeys:["trigger_ai","ai_enrich_update","update_user_tenant","update_tenant_audience","update_audience_end"],durationOverrides:{"ai-agent-enrich":1e4,"end-enrich":1500}},inspectContent:{trigger:{sections:[{type:"fields",title:"Input",fields:[{label:"Trigger type",type:"badge",value:"Source event",animated:!1},{label:"Recipient",type:"link",value:"[email protected]",animated:!1},{label:"Recipient name",type:"text",value:"Eric Glyman",animated:!1},{label:"Trigger data",type:"code",codeBlockSize:"tall",animated:!1,value:`{ 67 "event": "user.created", 68 "timestamp": "2026-02-25T14:32:18-05:00", 69 "user": { 70 "id": "usr_8b7f6d12-3a54-4e6b-9a1d", 71 "email": "[email protected]", 72 }, 73 "account": { 74 "id": "acc_4f2b1c9d-8a77-4b1f-8a1c", 75 "domain": "ramp.com" 76 } 77}`}]}]},"ai-agent-enrich":{sections:[{type:"fields",title:"Input",fields:[{label:"Model",type:"badge",value:"Claude Sonnet 4.5"},{label:"Web search",type:"toggle",value:!0},{label:"Prompt",type:"code",animated:!1,value:"You are an AI-powered web researcher. Your task is to analyze this new user based on {{recipient | json }} and enrich their company and role information by finding accurate, up-to-date, and verifiable details from publicly available web sources."}]},{type:"fields",title:"Output",headerAction:{type:"agentPreview",previewLabel:"Show agent run"},fields:[{label:"Status",type:"status",value:"Completed",variant:"success"},{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0},{label:"Response",type:"code",codeBlockSize:"tall",waitForAgentModal:!0,animCharsPerMs:.4,value:`{ 78 "company": { 79 "name": "Ramp", 80 "domain": "ramp.com", 81 "industry": "Fintech / B2B Spend Management", 82 "founded": "2019", 83 "headquarters": "New York, NY", 84 "employees": "1000+", 85 "valuation": "$32B", 86 "annualizedRevenue": "$1B" 87 }, 88 "user": { 89 "jobTitle": "CEO and Co-founder", 90 "department": "Executive", 91 "seniority": "C-level", 92 "startDate": "2019", 93 "location": "New York, NY" 94 } 95}`}]}]},"update-user":{sections:[{type:"fields",title:"Input",fields:[{label:"User",type:"text",value:"usr_8b7f6d12-3a54-4e6b-9a1d"},{label:"Properties",type:"code",codeBlockSize:"tall",value:`{ 96 "user": { 97 "jobTitle": "CEO and Co-founder", 98 "department": "Executive", 99 "seniority": "C-level", 100 "startDate": "2019", 101 "location": "New York, NY" 102 } 103}`}]},{type:"fields",title:"Output",fields:[{label:"Status",type:"status",value:"Completed",variant:"success"},{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0}]}]},"update-tenant":{sections:[{type:"fields",title:"Input",fields:[{label:"Tenant",type:"text",value:"acc_4f2b1c9d-8a77-4b1f-8a1c"},{label:"Properties",type:"code",codeBlockSize:"tall",value:`{ 104 "company": { 105 "name": "Ramp", 106 "domain": "ramp.com", 107 "industry": "Fintech / B2B Spend Management", 108 "founded": "2019", 109 "headquarters": "New York, NY", 110 "employees": "1000+", 111 "valuation": "$32B", 112 "annualizedRevenue": "$1B" 113 } 114}`}]},{type:"fields",title:"Output",fields:[{label:"Status",type:"status",value:"Completed",variant:"success"},{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0}]}]},"update-audience":{sections:[{type:"fields",title:"Input",fields:[{label:"Add",type:"text",value:"Eric Glyman"},{label:"To audience",type:"text",value:"Enriched company"},{type:"audience-usage",label:"Audience is used in",groups:[{label:"Guide",type:"guide",count:1,items:[{name:"Enriched company in-app flow"}]}]}]},{type:"fields",title:"Output",fields:[{label:"Status",type:"status",value:"Completed",variant:"success"}
114,{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0}]}]},"end-enrich":{sections:[]}},agentResponseData:{prompt:"You are an AI-powered web researcher. Your task is to analyze this new user based on {{recipient | json }} and enrich their company and role information by finding accurate, up-to-date, and verifiable details from publicly available web sources.",thinking:"The user wants me to enrich company and role information for a new sign-up. I need to look at the email domain \"ramp.com\" and find accurate company details, plus identify the user's role.\nI'll search for information about Ramp and Eric Glyman to gather company details and work-related profile info.\nThe search results show Ramp is a fintech company founded in 2019, valued at $32B. Eric Glyman is CEO and co-founder. Key work details: C-level executive, founded 2019, based in New York.\nI have enough verified information to build comprehensive company and user profile records.",responseJson:`{ 115 "company": { 116 "name": "Ramp", 117 "domain": "ramp.com", 118 "industry": "Fintech / B2B Spend Management", 119 "founded": "2019", 120 "headquarters": "New York, NY", 121 "employees": "1000+", 122 "valuation": "$32B", 123 "annualizedRevenue": "$1B" 124 }, 125 "user": { 126 "jobTitle": "CEO and Co-founder", 127 "department": "Executive", 128 "seniority": "C-level", 129 "startDate": "2019", 130 "location": "New York, NY" 131 } 132}`},emailPreviewData:null},O={id:"personalize",steps:[{id:"trigger",icon:"Zap",variant:"trigger",title:"Trigger workflow",subtitle:"New user sign-up",timestamp:"03:03:56",status:"Completed",branchLabel:null},{id:"ai-agent-research",icon:"Sparkles",variant:"function",title:"Agent",subtitle:"Research user role",timestamp:"03:03:56",status:null,branchLabel:null,behavior:"agent-modal"},{id:"send-email-personalize",icon:"Mail",variant:"channel",title:"Send email",subtitle:"Personalized onboarding",timestamp:null,status:null,branchLabel:null,behavior:"message-preview"},{id:"end-personalize",icon:"CircleDot",variant:"trigger",title:"End",subtitle:null,timestamp:null,status:null,branchLabel:null,isTerminal:!0}],animation:{runSequence:["trigger","ai-agent-research","send-email-personalize","end-personalize"],connectorAfterStep:{trigger:"trigger_ai","ai-agent-research":"ai_research_email","send-email-personalize":"send_email_end"},nextStepAfterConnector:{trigger_ai:"ai-agent-research",ai_research_email:"send-email-personalize",send_email_end:"end-personalize"},connectorKeys:["trigger_ai","ai_research_email","send_email_end"],durationOverrides:{"ai-agent-research":1e4,"send-email-personalize":12e3,"end-personalize":1500}},inspectContent:{trigger:{sections:[{type:"fields",title:"Input",fields:[{label:"Trigger type",type:"badge",value:"Source event",animated:!1},{label:"Recipient",type:"link",value:"[email protected]",animated:!1},{label:"Recipient name",type:"text",value:"Eric Glyman",animated:!1},{label:"Trigger data",type:"code",codeBlockSize:"tall",animated:!1,value:`{ 133 "event": "user.created", 134 "timestamp": "2026-02-25T14:32:18-05:00", 135 "user": { 136 "id": "usr_8b7f6d12-3a54-4e6b-9a1d", 137 "email": "[email protected]", 138 }, 139 "account": { 140 "id": "acc_4f2b1c9d-8a77-4b1f-8a1c", 141 "domain": "ramp.com" 142 } 143}`}]}]},"ai-agent-research":{sections:[{type:"fields",title:"Input",fields:[{label:"Model",type:"badge",value:"Claude Sonnet 4.5"},{label:"Web search",type:"toggle",value:!0},{label:"Prompt",type:"code",animated:!1,value:"Research this user's role and company based on {{ recipient | json }} and {{ tenant.companyName }}. Output recipient.roleNormalized and ai.relevantUseCase1, ai.relevantUseCase2, ai.relevantUseCase3 for the personalized onboarding email template."}]},{type:"fields",title:"Output",headerAction:{type:"agentPreview",previewLabel:"Show agent run"},fields:[{label:"Status",type:"status",value:"Completed",variant:"success"},{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0},{label:"Response",type:"code",codeBlockSize:"tall",waitForAgentModal:!0,animCharsPerMs:.4,value:`{ 144 "roleNormalized": "execs", 145 "relevantUseCase1": "Streamlining expense approvals", 146 "relevantUseCase2": "Managing spend visibility from Slack", 147 "relevantUseCase3": "Automating reconciliation workflows" 148}`}]}]},"send-email-personalize":{sections:[{type:"fields",title:"Input",fields:[{label:"Channel",type:"badge",value:"Email"},{label:"Open tracking",type:"toggle",value:!0},{label:"Link tracking",type:"toggle",value:!0},{label:"Layout",type:"text",value:"Personalized onboarding"}]},{type:"message",title:"Output",data:{previewLabel:"Show preview",engagementStatus:{label:"Delivered",variant:"unread"},timeline:[{type:"created",label:"Created",timestamp:"Feb 11 202
1486, 03:04:08"},{type:"queued",label:"Queued",timestamp:"Feb 11 2026, 03:04:09"},{type:"sent",label:"Sent",timestamp:"Feb 11 2026, 03:04:10"},{type:"delivered",label:"Delivered",timestamp:"Feb 11 2026, 03:04:11"}]}}]},"end-personalize":{sections:[]}},agentResponseData:{prompt:"Research this user's role and company based on {{ recipient | json }} and {{ tenant.companyName }}. Output recipient.roleNormalized and ai.relevantUseCase1, ai.relevantUseCase2, ai.relevantUseCase3 for the personalized onboarding email template.",thinking:'The user wants me to research the sign-up to personalize an onboarding email. I need to look at the email domain "ramp.com" and the user "Eric Glyman" to understand their role and company.\nI\'ll search for Ramp and Eric Glyman to find company details and role context.\nRamp is a fintech/B2B spend management company. Eric Glyman is CEO and co-founder. For roleNormalized I\'ll use "execs" since he\'s C-level. For use cases relevant to a fintech exec: expense approvals, spend visibility from Slack, and reconciliation workflows.',responseJson:`{ 149 "roleNormalized": "execs", 150 "relevantUseCase1": "Streamlining expense approvals", 151 "relevantUseCase2": "Managing spend visibility from Slack", 152 "relevantUseCase3": "Automating reconciliation workflows" 153}`},emailPreviewData:{headers:[{label:"From",type:"text",value:"Collab.io <[email protected]>"},{label:"To",type:"text",value:"Eric Glyman <[email protected]>"},{label:"Subject",type:"text",value:"Welcome to Collab.io, Eric â here's how to get started"},{label:"Reply-to",type:"text",value:"[email protected]"}],body:[{type:"paragraph",segments:[{type:"text",value:"Hi "},{type:"liquid",expression:"recipient.name",resolvedValue:"Eric"},{type:"text",value:","}]},{type:"paragraph",segments:[{type:"text",value:"Welcome to Collab.io! Here's how to get started."}]},{type:"paragraph",segments:[{type:"text",value:"Our goal is to enable "},{type:"liquid",expression:'recipient.roleNormalized | default: "users"',resolvedValue:"execs"},{type:"text",value:" like you to simplify online collaboration so you can focus on the work that actually moves your team forward."}]},{type:"paragraph",segments:[{type:"text",value:"Companies like "},{type:"liquid",expression:'tenant.companyName | default: "yours"',resolvedValue:"Ramp"},{type:"text",value:" use Collab.io to:"}]},{type:"list_item",segments:[{type:"liquid",expression:'ai.relevantUseCase1| default: "Improve productivity"',resolvedValue:"Streamlining expense approvals"}]},{type:"list_item",segments:[{type:"liquid",expression:'ai.relevantUseCase2| default: "Save teams time"',resolvedValue:"Managing spend visibility from Slack"}]},{type:"list_item",segments:[{type:"liquid",expression:'ai.relevantUseCase3| default: "Ship projects faster"',resolvedValue:"Automating reconciliation workflows"}]},{type:"paragraph",segments:[{type:"text",value:"Best,\nThe Collab.io Team"}]}]}},B={id:"summarize",steps:[{id:"trigger",icon:"Zap",variant:"trigger",title:"Trigger workflow",subtitle:"Purchase completed",timestamp:"03:03:56",status:"Completed",branchLabel:null},{id:"batch-summarize",icon:"List",variant:"data",title:"Batch",subtitle:"Batch updates every 24 hours",timestamp:"03:03:56",status:"Completed",branchLabel:null,iconContainerClassName:"bg-[var(--tgph-blue-4)]",iconClassName:"text-[var(--tgph-blue-11)]"},{id:"ai-agent-summarize",icon:"Sparkles",variant:"function",title:"Agent",subtitle:"Analyze purchases",timestamp:"03:03:56",status:null,branchLabel:null,behavior:"agent-modal"},{id:"send-slack-summarize",iconImage:"/assets/channels/slackkit/slackkit-logo.svg",variant:"channel",title:"Send Slack message",subtitle:"Purchase digest",timestamp:null,status:null,branchLabel:null,iconContainerClassName:"bg-transparent",behavior:"message-preview"},{id:"end-summarize",icon:"CircleDot",variant:"trigger",title:"End",subtitle:null,timestamp:null,status:null,branchLabel:null,isTerminal:!0}],animation:{runSequence:["trigger","batch-summarize","ai-agent-summarize","send-slack-summarize","end-summarize"],connectorAfterStep:{trigger:"trigger_batch","batch-summarize":"batch_ai","ai-agent-summarize":"ai_slack","send-slack-summarize":"slack_end"},nextStepAfterConnector:{trigger_batch:"batch-summarize",batch_ai:"ai-agent-summarize",ai_slack:"send-slack-summarize",slack_end:"end-summarize"},connectorKeys:["trigger_batch","batch_ai","ai_slack","slack_end"],durationOverrides:{"ai-agent-summarize":1e4,"send-slack-summarize":12e3,"end-summarize":1500}},inspectContent:{trigger:{sections:[{type:"fields",title:"Input",fields:[{label:"Trigger type",type:"badge",value:"Source event",animated:!1},{label:"Recipient",type:"link",value:"[email protected]",animated:!1},{label:"Recipient name",type:"text",value:"Sarah Chen",animated:!1},{label:"Trigger data",type:"code",codeBlockSize:"tall",animated:!1,value:`{ 154 "event": "orders/create", 155 "timestamp": "2026-03-10T14:32:18-05:00", 156 "order": { 157 "id": "ord_8b7f6d12", 158 "total": "228.99" 159 }, 160 "customer": { 161 "id": "cus_4f2b1c9d", 162 "email": "[email protected]" 163 } 164}`}]}]},"batch-summarize":{sections:[{type:"fields",title:"Input",fields:[{label:"Window type",type:"text",value:"Fixed"},{label:"Batch for",type:"text",value:"24 hours"}]},{type:"fields",title:"Output",fields:[{label:"Status",type:"status",value:"Completed",variant:"success"}
164,{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0}]}]},"ai-agent-summarize":{sections:[{type:"fields",title:"Input",fields:[{label:"Model",type:"badge",value:"Claude Sonnet 4.5"},{label:"Web search",type:"toggle",value:!0},{label:"Prompt",type:"code",animated:!1,value:"Create a list of purchases that need verification based on price and our purchase policy. Use {{ tenant.purchase_policy }} to determine which purchases require review."}]},{type:"fields",title:"Output",headerAction:{type:"agentPreview",previewLabel:"Show agent run"},fields:[{label:"Status",type:"status",value:"Completed",variant:"success"},{label:"Executed at",type:"text",value:"Feb 11 2026, 03:03:56",delayed:!0},{label:"Response",type:"code",codeBlockSize:"tall",waitForAgentModal:!0,animCharsPerMs:.4,value:`{ 165 "purchases": [ 166 { "itemName": "Wireless headphones", "price": "$149.99", "purchaseDate": "Mar 8, 2026", "reason": "Exceeds single-item limit of $100" }, 167 { "itemName": "USB-C hub", "price": "$79.00", "purchaseDate": "Mar 10, 2026", "reason": "Requires manager approval for accessories over $50 per policy" } 168 ] 169}`}]}]},"send-slack-summarize":{sections:[{type:"fields",title:"Input",fields:[{label:"Channel",type:"badge",value:"Slack"},{label:"Open tracking",type:"toggle",value:!0},{label:"Link tracking",type:"toggle",value:!0},{label:"Layout",type:"text",value:"Purchase digest"}]},{type:"message",title:"Output",data:{previewLabel:"Show preview",engagementStatus:{label:"Delivered",variant:"unread"},timeline:[{type:"created",label:"Created",timestamp:"Feb 11 2026, 03:04:08"},{type:"queued",label:"Queued",timestamp:"Feb 11 2026, 03:04:09"},{type:"sent",label:"Sent",timestamp:"Feb 11 2026, 03:04:10"},{type:"delivered",label:"Delivered",timestamp:"Feb 11 2026, 03:04:11"}]}}]},"end-summarize":{sections:[]}},agentResponseData:{prompt:"Create a list of purchases that need verification based on price and our purchase policy. Use {{ tenant.purchase_policy }} to determine which purchases require review.",thinking:"The user wants me to identify purchases that need review based on the purchase policy. I need to check {{ tenant.purchase_policy }} to understand the verification rules, then evaluate each purchase in {{ data.purchases }} against those criteria.\nI'll look at price thresholds and any other policy rules. Purchases that exceed the single-item limit, involve restricted categories, or otherwise violate the policy should be flagged for review.\nI'll output only the purchases that need verification, with a reason explaining why each one was flagged.",responseJson:`{ 170 "purchases": [ 171 { "itemName": "Wireless headphones", "price": "$149.99", "purchaseDate": "Mar 8, 2026", "reason": "Exceeds single-item limit of $100" }, 172 { "itemName": "USB-C hub", "price": "$79.00", "purchaseDate": "Mar 10, 2026", "reason": "Requires manager approval for accessories over $50 per policy" } 173 ] 174}`},emailPreviewData:{variant:"slack",headers:[{label:"From",type:"text",value:"Store <[email protected]>"},{label:"To",type:"text",value:"Sarah Chen <[email protected]>"},{label:"Subject",type:"text",value:"Purchases requiring verification"},{label:"Reply-to",type:"text",value:"[email protected]"}],body:[{type:"paragraph",segments:[{type:"text",value:"The following purchases need verification based on our purchase policy:"}]},{type:"purchase_item",itemName:{expression:"ai.purchases.0.itemName",resolvedValue:"Wireless headphones"},price:{expression:"ai.purchases.0.price",resolvedValue:"149.99"},purchaseDate:{expression:"ai.purchases.0.purchaseDate",resolvedValue:"Mar 8, 2026"},reason:{expression:"ai.purchases.0.reason",resolvedValue:"Exceeds single-item limit of $100"}},{type:"purchase_item",itemName:{expression:"ai.purchases.1.itemName",resolvedValue:"USB-C hub"},price:{expression:"ai.purchases.1.price",resolvedValue:"79.00"},purchaseDate:{expression:"ai.purchases.1.purchaseDate",resolvedValue:"Mar 10, 2026"},reason:{expression:"ai.purchases.1.reason",resolvedValue:"Requires manager approval for accessories over $50 per policy"}}]}},$={id:"build",steps:[{id:"trigger-build",icon:"Zap",variant:"trigger",title:"Trigger workflow",subtitle:"New user sign-up",timestamp:null,status:null,branchLabel:null},{id:"welcome-email",icon:"Mail",variant:"channel",title:"Send email",subtitle:"Welcome email",timestamp:null,status:null,branchLabel:null},{id:"delay-build",icon:"Clock",variant:"data",title:"Delay",subtitle:"For 24 hours",timestamp:null,status:null,branchLabel:null},{id:"ai-agent-build",icon:"Sparkles",variant:"function",title:"Agent",subtitle:"Research user's role",timestamp:null,status:null,branchLabel:null},{id:"branch-build",icon:"Network",variant:"function",title:"Branch",subtitle:"Is user manager or IC?",timestamp:null,status:null,branchLabel:null},{id:"manager-email",icon:"Mail",variant:"channel",title:"Send email",subtitle:"Manager onboarding email #1",timestamp:null,status:null,branchLabel:"Manager"},{id:"ic-email",icon:"Mail",variant:"channel",title:"Send email",subtitle:"IC onboarding email #1",timestamp:null,status:null,branchLabel:"IC"}],animation:null,inspectContent:{},agentResponseData:null,emailPreviewData:null},V={id:"broadcasts",steps:[],animation:null,inspectContent:{broadcasts:{sections:[{type:"fields",title:"Settings",fields:[{label:"Channel",type:"badge",value:"Resend",badgeVariant:"default"},{label:"Open tracking",type:"toggle",value:!0},{label:"Link tracking",type:"toggle",value:!0},{label:"Audience",type:"text",value:"All subscribers"},{label:"Total recipients",type:"text",value:"126,392 users",iconKey:"users-round"},{label:"Send at",type:"text",value:"â"}]},{type:"message",title:"Output",data:{previewLabel:"Show preview",engagementStatus:{label:"Opened",variant:"unread"},timeline:[{type:"created",label:"Created",timestamp:"Feb 11 202
1746, 03:04:08"},{type:"queued",label:"Queued",timestamp:"Feb 11 2026, 03:04:09"},{type:"sent",label:"Sent",timestamp:"Feb 11 2026, 03:04:10"},{type:"delivered",label:"Delivered",timestamp:"Feb 11 2026, 03:04:11"}]}}]}},agentResponseData:null,emailPreviewData:{topmatter:{subject:"Introducing timeline view",from:"Collab.io ([email protected])",date:"Fri Apr 12, 2024 1:30 PM",to:"[email protected]"},body:{brandBadge:{brand:"Collab.io",logo:"/assets/collabio/CollabIOIcon.png"},headline:"Introducing timeline view",salutationLine:'Hello {{ user.name | default: "there" }},',introParagraph:"Today, Collab.io is launching timeline view, so you can visualize your roadmap with our new Gantt-style timeline.",featureParagraph:"Timeline view shows your project schedule, dependencies, milestones, and deadlines in one place.",imageSrc:"/assets/collabio/newsletter-design-hero-placeholder.png",primaryButtonLabel:"Try it out now",secondaryButtonLabel:"Read the changelog",signOffLine1:"Cheers,",signOffLine2:"The Collab.io team",emailPreferences:"Email preferences",footerIcon:"/assets/collabio/CollabIOIcon.png"},translations:{en:{subject:"Introducing timeline view",headline:"Introducing timeline view",salutationLine:'Hello {{ user.name | default: "there" }},',introParagraph:"Today, Collab.io is launching timeline view, so you can visualize your roadmap with our new Gantt-style timeline.",featureParagraph:"Timeline view shows your project schedule, dependencies, milestones, and deadlines in one place.",primaryButtonLabel:"Try it out now",secondaryButtonLabel:"Read the changelog",signOffLine1:"Cheers,",signOffLine2:"The Collab.io team",emailPreferences:"Email preferences",unsubscribe:"Unsubscribe"},es:{subject:"Presentamos la vista de lÃnea de tiempo",headline:"Presentamos la vista de lÃnea de tiempo",salutationLine:'Hola {{ user.name | default: "there" }},',introParagraph:"Hoy Collab.io lanza la vista de lÃnea de tiempo para que visualices tu hoja de ruta con nuestra nueva lÃnea de tiempo estilo Gantt.",featureParagraph:"La vista de lÃnea de tiempo muestra el calendario del proyecto, dependencias, hitos y plazos en un solo lugar.",primaryButtonLabel:"Pruébalo ahora",secondaryButtonLabel:"Leer el registro de cambios",signOffLine1:"Saludos,",signOffLine2:"El equipo de Collab.io",emailPreferences:"Preferencias de correo",unsubscribe:"Darse de baja"},de:{subject:"Wir stellen die Timeline-Ansicht vor",headline:"Wir stellen die Timeline-Ansicht vor",salutationLine:'Hallo {{ user.name | default: "there" }},',introParagraph:"Heute startet Collab.io die Timeline-Ansicht, damit du deine Roadmap mit unserer neuen Gantt-ähnl
174ichen Timeline visualisieren kannst.",featureParagraph:"Die Timeline-Ansicht zeigt Projektplan, Abhängigkeiten, Meilensteine und Fristen an einem Ort.",primaryButtonLabel:"Jetzt ausprobieren",secondaryButtonLabel:"Changelog lesen",signOffLine1:"Viele GrüÃe,",signOffLine2:"Das Collab.io-Team",emailPreferences:"E-Mail-Einstellungen",unsubscribe:"Abmelden"},fr:{subject:"Présentation de la vue chronologie",headline:"Présentation de la vue chronologie",salutationLine:'Bonjour {{ user.name | default: "there" }},',introParagraph:"Aujourd'hui, Collab.io lance la vue chronologie pour visualiser votre feuille de route avec notre nouvelle frise de type Gantt.",featureParagraph:"La vue chronologie regroupe le planning du projet, les dépendances, les jalons et les échéances au même endroit.",primaryButtonLabel:"Essayer maintenant",secondaryButtonLabel:"Lire le journal des modifications",signOffLine1:"Cordialement,",signOffLine2:"L'équipe Collab.io",emailPreferences:"Préférences e-mail",unsubscribe:"Se désabonner"}}}},U={default:M,qualify:D,classify:q,enrich:I,personalize:O,summarize:B,build:$,broadcasts:V};function G(e){return Object.fromEntries(e.map(e=>[e.id,e]))}let W=M.steps;D.steps,q.steps;let Q=I.steps,H=O.steps;B.steps;let Y=$.steps,K=G(M.steps);G(D.steps),G(q.steps),G(I.steps),G(O.steps),G(B.steps),G($.steps),M.animation.runSequence,M.animation.connectorAfterStep,D.animation.runSequence,D.animation.connectorAfterStep,D.animation.nextStepAfterConnector,q.animation.runSequence,q.animation.connectorAfterStep,q.animation.nextStepAfterConnector,q.animation.connectorKeys,I.animation.runSequence,I.animation.connectorAfterStep,I.animation.nextStepAfterConnector,I.animation.connectorKeys,O.animation.runSequence,O.animation.connectorAfterStep,O.animation.nextStepAfterConnector,O.animation.connectorKeys,B.animation.runSequence,B.animation.connectorAfterStep,B.animation.nextStepAfterConnector,B.animation.connectorKeys;let J=M.agentResponseData;q.agentResponseData,I.agentResponseData,O.agentResponseData,B.agentResponseData;let Z=M.emailPreviewData,X=B.emailPreviewData,ee=V.emailPreviewData,et=V.emailPreviewData.translations,ea=function(){let e={};for(let t of Object.values(U))Object.assign(e,t.inspectContent);return e}(),ei={text:{charsPerMs:.05},badge:{charsPerMs:.04},code:{charsPerMs:.15}};function es(e){if(!e||0===e.length)return 0;let t=0;return e.forEach((e,a)=>{let i=ei[e.type];if(i&&e.value&&"string"==typeof e.value){let s=e.value.length/i.charsPerMs;t=Math.max(t,120*a+s)}}),t}let en=null;function el(e,t,a){let i=function(e,t,a){let i=t?t[e]:ea[e],s=(a??function(){if(en)return en;let e={};for(let t of Object.values(U))t.animation?.durationOverrides&&Object.assign(e,t.animation.durationOverrides);return en=e,e}())[e];if(!i)return s??1500;let n=0,l=0;for(let e of i.sections)"fields"===e.type&&(l>0&&(n+=200),n+=es(e.fields),l++);return Math.max(n+=300,s??1500)}(e,t,a);return{runDurationMs:i,borderLoopCount:Math.max(1,Math.ceil(i/1e3))}}let er={workflow:_.Settings,guide:A.default},eo={"users-round":v.UsersRound},ed={default:"border-[var(--tgph-gray-5)] bg-[var(--tgph-gray-2)]",blue:"border-[#3569E0]/20 bg-[#EBF2FF]",green:"border-[#00834F]/20 bg-[#E4F7EC]"};function ec({label:e,type:s,value:n,variant:l,runningValueSequence:r,badgeVariant:u="default",delayed:p=!1,animated:m=!0,className:h="",isRunning:g=!1,isCompleted:x=!1,animDelayMs:f=0,animCharsPerMs:v,animationGate:b=!0,codeBlockSize:y,suffix:j,iconKey:w}){let N,[C,k]=(0,a.useState)(n),[_,A]=(0,a.useState)(n),F=(0,a.useRef)(n);(0,a.useEffect)(()=>{let e=F.current;if(F.current=n,!p||!n||"â"===n||e===n)return void k(n);if("â"===e||!e){let e=setTimeout(()=>k(n),450);return()=>clearTimeout(e)}k(n)},[n,p]),(0,a.useEffect)(()=>{if(!r?.length||!g||x)return void A(n);A(r[0]);let e=0,t=setInterval(()=>{e=(e+1)%r.length,A(r[e])},1e3);return()=>clearInterval(t)},[r,g,x,n]);let M="code"===s,D=M&&"string"==typeof C?C:"",q=function(e,{enabled:t,isRunning:i,isCompleted:s,delayMs:n=0,charsPerMs:l=.05}){let r=e?.length||0,[o,d]=(0,a.useState)(()=>t&&i&&!s?0:r),c=(0,a.useRef)(0),u=(0,a.useRef)(t&&i&&!s);return((0,a.useEffect)(()=>{let e;if(!t)return void d(r);if(s){d(r),u.current=!1;return}if(!i)return;u.current||(u.current=!0,d(0),c.current=0);let a=performance.now(),o=t=>{let i=t-a;a=t,c.current+=i;let s=c.current-n;if(s<=0){e=requestAnimationFrame(o);return}let u=Math.min(r,Math.ceil(s*l));d(u),u<r&&(e=requestAnimationFrame(o))};return e=requestAnimationFrame(o),()=>cancelAnimationFrame(e)},[t,i,s,r,n,l]),e)?e.slice(0,o):""}(D,{enabled:M&&!1!==m&&b,isRunning:g,isCompleted:x,delayMs:f,charsPerMs:v??.05}),I=b?q:"",O="code"===s;return(0,t.jsxs)("div",{className:(0,i.default)(O?"flex flex-col gap-1":"flex items-start gap-2 min-h-7",h),children:[(0,t.jsx)("div",{className:(0,i.default)(O?"h-7 flex items-center":"w-1/3 h-7 flex items-center"),children:(0,t.jsx)(c.Text,{as:"div",size:"2",weight:"medium",color:"gray",className:"truncate ",children:e})}),"text"===s&&(0,t.jsxs)("div",{className:"h-7 flex items-center gap-1",children:[w&&((N=eo[w])?(0,t.jsx)(N,{className:"size-3.5 flex-shrink-0 text-[var(--tgph-gray-11)]","aria-hidden":!0}):null),(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",color:"default",children:C}),j&&(0,t.jsx)(c.Text,{as:"span",size:"2",color:"gray",children:j})]}),"link"===s&&(0,t.jsxs)(c.Text,{as:"div",size:"2",className:"text-[var(--tgph-blue-10)] curs
174or-pointer h-7 flex items-center",children:[C,"external"===l&&(0,t.jsx)(S.ExternalLink,{className:"inline-block ml-1 size-3 align-baseline","aria-hidden":!0})]}),"copyable"===s&&(0,t.jsxs)("div",{className:"flex items-center gap-2 h-7",children:[(0,t.jsx)(c.Code,{as:"span",size:"1",color:"default",className:"truncate rounded border border-[var(--tgph-gray-5)] bg-[var(--tgph-gray-1)] px-2 py-1",children:C}),(0,t.jsx)("button",{type:"button",className:"flex-shrink-0 p-1 rounded hover:bg-[var(--tgph-gray-3)] text-[var(--tgph-gray-9)]","aria-label":`Copy ${e}`,children:(0,t.jsx)(T.Copy,{className:"size-3.5"})})]}),"status"===s&&(0,t.jsxs)("div",{className:"flex items-center gap-1.5 h-7",children:[(0,t.jsxs)(d.AnimatePresence,{mode:"wait",children:["running"===l&&(0,t.jsx)(o.motion.div,{initial:{opacity:0,scale:.5},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.5},transition:{duration:.15},children:(0,t.jsx)(E.Loader2,{className:"size-3 flex-shrink-0 text-[var(--tgph-blue-11)] animate-spin","aria-hidden":!0})},"running-icon"),"paused"===l&&(0,t.jsx)(o.motion.div,{initial:{opacity:0,scale:.5},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.5},transition:{duration:.15},children:(0,t.jsx)(R.Pause,{className:"size-3 flex-shrink-0 text-[var(--tgph-yellow-11)]","aria-hidden":!0})},"paused-icon"),"success"===l&&(0,t.jsx)(o.motion.div,{initial:{opacity:0,scale:0},animate:{opacity:1,scale:1},transition:{type:"spring",stiffness:500,damping:25},children:(0,t.jsx)(P.CheckCircle,{className:"size-3 flex-shrink-0 text-[var(--tgph-green-11)]","aria-hidden":!0})},"completed-icon")]}),(0,t.jsx)(d.AnimatePresence,{mode:"wait",children:(r&&g?_:n)&&(0,t.jsx)(o.motion.span,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},exit:{opacity:0,y:-4},transition:{duration:.2},children:(0,t.jsx)(c.Text,{as:"span",size:"2",leading:"3",weight:"medium",color:"running"===l||"info"===l?"blue":"paused"===l?"yellow":"success"===l?"green":"default",children:r&&g?_:n})},r&&g?_:n)})]}),"badge"===s&&(0,t.jsxs)("span",{className:(0,i.default)("inline-flex items-center gap-1 rounded-sm border px-1.5 py-0.5",ed[u]??ed.default),children:["blue"===u&&(0,t.jsx)(L.Eye,{className:"size-3 flex-shrink-0 text-[#3569E0]","aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",className:"blue"===u?"text-[#3569E0]":"green"===u?"text-[#00834F]":"text-[var(--tgph-gray-12)]",children:C})]}),"toggle"===s&&(0,t.jsxs)("div",{className:"flex items-center gap-1.5 h-7",children:[(0,t.jsx)(z.default,{className:(0,i.default)("size-3.5",n?"text-[var(--tgph-green-10)]":"text-[var(--tgph-gray-8)]"),"aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",color:n?"green":"gray",children:n?"Enabled":"Disabled"})]}),"code"===s&&(0,t.jsx)("div",{className:"w-full",children:(0,t.jsxs)(c.Code,{as:"pre",size:"2",color:"default",className:(0,i.default)("w-full max-h-50 overflow-y-auto rounded border border-[var(--tgph-gray-5)] bg-[var(--tgph-gray-1)] px-1.5 py-1 whitespace-pre-wrap","tall"===y&&"min-h-50"),children:[I,D.length>I.length&&(0,t.jsx)("span",{className:"invisible",children:D.slice(I.length)})]})})]})}function eu({label:e,groups:a}){return(0,t.jsxs)("div",{className:"pl-3 border-l border-[var(--tgph-gray-3)]",children:[(0,t.jsx)(c.Text,{as:"div",size:"2",weight:"medium",color:"gray",className:"h-7 flex items-center",children:e}),(0,t.jsx)("div",{className:"space-y-2 mt-2",children:a.flatMap(e=>{let a=er[e.type]||_.Settings;return e.items.map((i,s)=>(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"w-1/3 h-7 flex items-center",children:0===s&&(0,t.jsxs)(c.Text,{as:"div",size:"2",weight:"medium",color:"gray",className:"truncate",children:[e.count," ",e.label]})}),(0,t.jsxs)("div",{className:"flex items-center mt-2 gap-2 h-7 pl-3 border-l border-[var(--tgph-gray-3)]",children:[(0,t.jsx)(a,{className:"size-4 flex-shrink-0 text-[var(--tgph-gray-11)]","aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",color:"default",children:i.name}),i.dateRange&&(0,t.jsx)(c.Text,{as:"span",size:"2",color:"disabled",className:"ml-1",children:i.dateRange})]})]},`${e.label}-${i.name}`))})})]})}
174function ep({title:e,fields:a,className:i="",isRunning:s=!1,isCompleted:n=!1,sectionStartDelayMs:l=0,headerAction:r=null,onToggleAgentPreview:o,isAgentPreviewOpen:d=!1,agentJsonAnimationComplete:u=!1}){let p=r?.type==="agentPreview"?r:null;return(0,t.jsxs)("section",{className:i,children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,t.jsx)(c.Text,{as:"h4",size:"2",weight:"medium",color:"default",className:"h-7 w-1/3 flex items-center",children:e}),p&&(0,t.jsxs)("button",{type:"button",onClick:o,className:"flex items-center gap-1 rounded border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] px-1.5 py-1 text-[var(--tgph-gray-11)] hover:bg-[var(--tgph-gray-2)] w-fit shrink-0",children:[d?(0,t.jsx)(F.EyeOff,{className:"size-3.5","aria-hidden":!0}):(0,t.jsx)(L.Eye,{className:"size-3.5","aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",children:d?"Hide agent run":p.previewLabel})]})]}),(0,t.jsx)("div",{className:"space-y-2 pl-3 border-l border-[var(--tgph-gray-3)]",children:a.map((e,a)=>{if("audience-usage"===e.type)return(0,t.jsx)(eu,{label:e.label,groups:e.groups},e.label);let i=ei[e.type],r=!e.waitForAgentModal||u||!d,o=e.waitForAgentModal&&d?0:l+120*a,c=e.animCharsPerMs??i?.charsPerMs;return(0,t.jsx)(ec,{label:e.label,type:e.type,value:e.value,variant:e.variant,runningValueSequence:e.runningValueSequence,badgeVariant:e.badgeVariant,delayed:e.delayed,animated:e.animated,codeBlockSize:e.codeBlockSize,suffix:e.suffix,iconKey:e.iconKey,isRunning:s,isCompleted:n,animDelayMs:o,animCharsPerMs:c,animationGate:r},e.label)})})]})}var em=e.i(452282),em=em;let eh=["email","app","sms","push","http","chat"];function eg({value:e}){return"ON"===e?(0,t.jsx)("span",{className:"flex w-full items-center justify-center rounded px-1.5 py-0.5 text-[10px] font-medium bg-[var(--tgph-green-3)] text-[var(--tgph-green-11)] border border-[var(--tgph-green-5)]",children:"ON"}):"OFF"===e?(0,t.jsx)("span",{className:"flex w-full items-center justify-center rounded px-1.5 py-0.5 text-[10px] font-medium bg-[var(--tgph-yellow-3)] text-[var(--tgph-yellow-11)] border border-[var(--tgph-yellow-5)]",children:"OFF"}):(0,t.jsx)("span",{className:"flex w-full items-center justify-center px-1.5 py-0.5 text-[10px] text-[var(--tgph-gray-8)]",children:"â"})}function ex({label:e,badge:a,values:i}){return(0,t.jsxs)("div",{className:"flex items-center gap-2 min-h-6",children:[(0,t.jsxs)("div",{className:"w-1/3 flex items-center gap-1.5 min-w-0 h-6",children:[(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",color:"gray",className:"truncate",children:e}),a&&(0,t.jsx)("div",{className:"inline-flex items-center rounded px-0.5 py-0 text-[10px] font-medium bg-[var(--tgph-blue-3)] text-[var(--tgph-blue-11)] border border-[var(--tgph-blue-5)]",children:a})]}),(0,t.jsx)("div",{className:"w-2/3 grid grid-cols-6 gap-1 items-center",children:eh.map(e=>(0,t.jsx)(eg,{value:i[e]},e))})]})}function ef({title:e,data:a,className:i=""}){let{channelType:s,groups:n=[]}=a;return(0,t.jsxs)("section",{className:i,children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-1",children:[(0,t.jsx)(c.Text,{as:"h4",size:"1",weight:"medium",color:"gray",className:"w-full h-6 flex items-center",children:e}),(0,t.jsxs)("button",{type:"button",className:"flex items-center gap-1 rounded bg-[var(--tgph-gray-2)] px-2 py-1 text-[var(--tgph-gray-11)] hover:bg-[var(--tgph-gray-3)]",children:[(0,t.jsx)(em.default,{className:"size-3","aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",color:"gray",children:"JSON"})]})]}),(0,t.jsxs)("div",{className:"rounded-md border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] pt-1 pb-1.5 px-2 overflow-x-auto space-y-0.5",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(c.Text,{as:"span",size:"0",weight:"medium",color:"disabled",className:"w-1/3 h-6 flex items-center",children:"Scope"}),(0,t.jsx)("div",{className:"w-2/3 grid grid-cols-6 gap-1 items-center",children:eh.map(e=>(0,t.jsx)(c.Text,{as:"span",size:"0",weight:"medium",color:"disabled",className:"text-center",children:e},e))})]}),s&&(0,t.jsx)(ex,{label:"Channel type",badge:s.badge,values:s.values}),n.map(e=>(0,t.jsxs)("div",{className:"mt-2",children:[(0,t.jsx)(c.Text,{as:"div",size:"0",weight:"medium",color:"disabled",className:"h-6 flex items-center",children:e.label}),e.rows.map(e=>(0,t.jsx)(ex,{label:e.label,values:e.values},e.label))]},e.label))]})]})}let ev=[{dashLen:30,opacity:.15},{dashLen:16,opacity:.45},{dashLen:6,opacity:1}];function eb(){return(0,t.jsx)("svg",{className:"absolute -inset-px w-[calc(100%+2px)] h-[calc(100%+2px)] pointer-events-none z-10 rounded-sm overflow-hidden",viewBox:"0 0 100 24",preserveAspectRatio:"none","aria-hidden":!0,
174children:ev.flatMap(({dashLen:e,opacity:a})=>[(0,t.jsx)("path",{d:"M 0 0 L 100 0 L 100 24",fill:"none",stroke:"var(--tgph-blue-9)",strokeWidth:"2",strokeDasharray:`${e} ${124-e}`,strokeLinecap:"round",strokeLinejoin:"round",style:{opacity:a,animation:"branchBadgeBorderTrace 1s linear infinite"}},`r-${e}`),(0,t.jsx)("path",{d:"M 0 0 L 0 24 L 100 24",fill:"none",stroke:"var(--tgph-blue-9)",strokeWidth:"2",strokeDasharray:`${e} ${124-e}`,strokeLinecap:"round",strokeLinejoin:"round",style:{opacity:a,animation:"branchBadgeBorderTrace 1s linear infinite"}},`l-${e}`)])})}function ey({branch:e,isAnimating:a,isCompleted:i}){let{keyword:s,name:n,result:l,resultColor:r,conditions:o,defaultText:d}=e,u=i&&l;return(0,t.jsxs)("div",{className:"mb-4 last:mb-0",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",color:"gray",children:s}),(0,t.jsxs)("span",{className:"relative inline-flex items-center rounded-sm border border-[var(--tgph-gray-5)] bg-[var(--tgph-gray-2)] px-1.5 py-0.5",children:[(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",color:"default",children:n}),a&&(0,t.jsx)(eb,{})]})]}),u&&(0,t.jsx)(c.Text,{as:"span",size:"1",color:"green"===r?"green":"disabled",children:l})]}),o&&o.length>0&&(0,t.jsx)("div",{className:"rounded-md border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] p-2 space-y-2",children:o.map((e,a)=>(0,t.jsx)("div",{children:(0,t.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",color:"gray",className:"px-0.5",children:"Where"}),(0,t.jsx)(c.Code,{as:"span",size:"1",className:"flex items-center rounded-sm border border-[var(--tgph-blue-5)] bg-[var(--tgph-blue-2)] text-[var(--tgph-blue-11)] px-1 pt-0.5",children:e.field}),(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",color:"default",className:"px-0.5",children:e.operator})]})},a))}),d&&(0,t.jsx)("div",{className:"rounded-md border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] py-1 px-2",children:(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",color:"gray",children:d})})]})}function ej({title:e,data:a,className:i=""}){let{branches:s=[],isAnimating:n=!1,isCompleted:l=!1}=a;return(0,t.jsxs)("section",{className:i,children:[(0,t.jsx)(c.Text,{as:"h4",size:"1",weight:"medium",color:"default",className:"mb-2 h-6 flex items-center",children:e}),(0,t.jsx)(c.Text,{as:"div",size:"1",leading:"3",weight:"medium",color:"gray",className:"mb-3",children:"Branches"}),(0,t.jsx)("div",{className:"space-y-2 pl-3 border-l border-[var(--tgph-gray-3)]",children:s.map((e,a)=>(0,t.jsx)(ey,{branch:e,isAnimating:n,isCompleted:l},a))})]})}var ew=e.i(756043),eN=e.i(699117),eC=e.i(563007),ek=e.i(721614),eT=e.i(918324),eS=e.i(654045),eS=eS;let ez={created:eS.default,queued:ew.Clock,sent:eN.Send,delivered:eC.MailCheck,read:L.Eye},eE={created:"text-[var(--tgph-gray-11)]",queued:"text-[var(--tgph-gray-11)]",sent:"text-[var(--tgph-gray-11)]",delivered:"text-[var(--tgph-green-10)]",read:"text-[var(--tgph-blue-10)]"},eP={unread:{color:"text-[var(--tgph-blue-10)]",Icon:h.Mail},read:{color:"text-[var(--tgph-blue-10)]",Icon:L.Eye},success:{color:"text-[#00834F]",Icon:null},default:{color:"text-[var(--tgph-gray-12)]",Icon:null}},e_={created:"Rendering",queued:"Queuing",sent:"Sending",delivered:"Delivering"},eA={created:"Rendering",queued:"Sending",sent:"Delivering",delivered:"Delivered"};function eR(e){let t=String(e.getHours()).padStart(2,"0"),a=String(e.getMinutes()).padStart(2,"0"),i=String(e.getSeconds()).padStart(2,"0");return`${["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][e.getMonth()]} ${e.getDate()} ${e.getFullYear()}, ${t}:${a}:${i}`}let eL={success:"bg-[#E4F7EC] text-[#00834F]",read:"bg-[#EBF2FF] text-[#3569E0]",unread:"bg-[#EBF2FF] text-[#3569E0]",default:""};function eF({label:e,variant:a="default",pill:s=!1}){let{color:n,Icon:l}=eP[a]??eP.default,r=eL[a]??eL.default;return(0,t.jsxs)(c.Text,{as:"span",size:"2",className:(0,i.default)("flex items-center gap-1",s?(0,i.default)("rounded px-1.5 py-0.5",r):s?"":n),children:[l&&(0,t.jsx)(l,{className:"size-3.5 flex-shrink-0","aria-hidden":!0}),e]})}function eM({title:e,data:s,isRunning:n=!1,isCompleted:l=!1,onSubStatusChange:r,onTogglePreview:u,isPreviewOpen:p=!1,emailContentReady:m=!0,staticDisplay:g=!1,onAnimationComplete:x,statusOverride:f=null,className:v=""}){let{previewLabel:b,engagementStatus:y,timeline:j=[],status:w,statusVariant:N,executedAt:C,id:k,deliveryStatus:T,deliveryStatusVariant:S}=s,[z,P]=(0,a.useState)(0),[_,A]=(0,a.useState)(!1),[R,M]=(0,a.useState)({}),[D,q]=(0,a.useState)(()=>eR(new Date)),[I,O]=(0,a.useState)(!0),[B,$]=(0,a.useState)(!1),[V,U]=(0,a.useState)(null),[G,W]=(0,a.useState)(!1),Q=(0,a.useRef)([]),H=(0,a.useRef)(0),Y=(0,a.useRef)(0),K=(0,a.useRef)(n),J=(0,a.useRef)(j),Z=(0,a.useRef)(m);
174function X(e,t){if(Q.current.forEach(e=>clearTimeout(e)),Q.current=[],Y.current=Date.now(),!Z.current)return void r?.(eA[e[0]?.type]??"Creating");let a=(e,a)=>{let i=a-t;if(i<=0)return;let s=setTimeout(e,i);Q.current.push(s)};if(r){let a=0;for(let i=1;i<e.length;i++)1200*i<=t&&(a=i);r(eA[e[a]?.type]??"Creating")}let i=e.length-1;if(e.forEach((t,s)=>{if(0===s)return;let n=e[s-1],l=s===i;a(()=>{let e=eR(new Date);M(t=>({...t,[n.type]:e})),P(s),r?.(eA[t.type]??t.label),l&&(M(a=>({...a,[t.type]:e})),A(!0),U(e),x?.())},1200*s)}),i>=0){e[i];let t=1200*i+1200;a(()=>O(!1),t+800),a(()=>$(!0),t+800+700),a(()=>W(!0),t+800+700+500)}}(0,a.useEffect)(()=>{let e=setInterval(()=>q(eR(new Date)),500);return()=>clearInterval(e)},[]),(0,a.useEffect)(()=>{if(J.current=j,H.current=0,Y.current=0,Q.current.forEach(e=>clearTimeout(e)),Q.current=[],l){let e=eR(new Date);P(j.length-1),A(!0),M(t=>{let a={};return j.forEach(i=>{a[i.type]=t[i.type]??e}),a}),O(!1),$(!0),U(t=>t??e),W(!0);let t=j[j.length-1]?.type;r?.(eA[t]??"Delivered")}else P(0),A(!1),M({}),O(!0),$(!1),W(!1),U(null),K.current&&X(j,0);return()=>Q.current.forEach(e=>clearTimeout(e))},[j,l]),(0,a.useEffect)(()=>{n!==K.current&&(K.current=n,n?X(J.current,H.current):(Y.current>0&&(H.current+=Date.now()-Y.current),Q.current.forEach(e=>clearTimeout(e)),Q.current=[]))},[n]),(0,a.useEffect)(()=>{if(Z.current=m,m&&!l&&J.current.length>=2){H.current=1200;let e=J.current,t=e[0],a=eR(new Date);M(e=>({...e,[t.type]:a})),P(1),r?.(eA[e[1]?.type]??"Queuing"),K.current&&X(e,1200)}},[m]);let ee=_?j.length-1:z,et=j[ee]??j[0],ea=ez[et?.type]??h.Mail,ei=eE[et?.type]??"text-[var(--tgph-gray-11)]",es=_?ei:"text-[var(--tgph-gray-11)]",en=_?ea:E.Loader2,el=f??(_?et?.label:e_[et?.type]??et?.label);return g?(0,t.jsxs)("section",{className:v,children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,t.jsx)(c.Text,{as:"h4",size:"2",weight:"medium",color:"default",className:"h-7 w-1/3 flex items-center",children:e}),b&&(0,t.jsxs)("button",{type:"button",onClick:u,className:"flex items-center gap-1 rounded border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] px-1.5 py-1 text-[var(--tgph-gray-11)] hover:bg-[var(--tgph-gray-2)]",children:[p?(0,t.jsx)(F.EyeOff,{className:"size-3.5","aria-hidden":!0}):(0,t.jsx)(L.Eye,{className:"size-3.5","aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",children:p?"Hide preview":"Show preview"})]})]}),(0,t.jsxs)("div",{className:"space-y-2 pl-3 border-l border-[var(--tgph-gray-3)]",children:[w&&(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(c.Text,{as:"div",size:"2",weight:"medium",color:"gray",className:"w-1/3 h-7 flex items-center",children:"Status"}),(0,t.jsx)(eF,{label:w,variant:"success"===N?"success":"default",pill:!0})]}),C&&(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(c.Text,{as:"div",size:"2",weight:"medium",color:"gray",className:"w-1/3 h-7 flex items-center",children:"Executed at"}),(0,t.jsx)(c.Text,{as:"span",size:"2",color:"default",className:"h-7 flex items-center",children:C})]}),k&&(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(c.Text,{as:"div",size:"2",weight:"medium",color:"gray",className:"w-1/3 h-7 flex items-center",children:"ID"}),(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",color:"default",className:"h-7 flex items-center",children:"string"==typeof k?k:k.label})]}),T&&(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(c.Text,{as:"div",size:"2",weight:"medium",color:"gray",className:"w-1/3 h-7 flex items-center",children:"Delivery status"}),(0,t.jsx)(eF,{label:T,variant:"success"===S?"success":"default",pill:!0})]}),y&&(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(c.Text,{as:"div",size:"2",weight:"medium",color:"gray",className:"w-1/3 h-7 flex items-center",children:"Engagement"}),(0,t.jsx)(eF,{label:y.label,variant:y.variant,pill:!0})]}),j&&j.length>0&&(0,t.jsx)("div",{className:"mt-2 space-y-2 pl-4 border-l border-[var(--tgph-gray-3)]",children:j.map(e=>{let a=ez[e.type]??h.Mail,s=eE[e.type]??"text-[var(--tgph-gray-11)]";return(0,t.jsxs)("div",{className:"flex items-center gap-2 h-7 w-full",children:[(0,t.jsxs)("div",{className:"w-1/3 gap-2 flex items-center min-w-0",children:[(0,t.jsx)(a,{className:(0,i.default)("size-3.5 flex-shrink-0",s),"aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",className:(0,i.default)("truncate",s),children:e.label})]}),(0,t.jsx)(c.Text,{as:"span",size:"1",color:"gray",className:"flex-1 min-w-0 h-7 flex items-center",children:e.timestamp})]},e.type)})})]})]}):(0,t.jsxs)("section",{className:v,children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,t.jsx)(c.Text,{as:"h4",size:"2",weight:"medium",color:"default",className:"h-7 w-1/3 flex items-center",children:e}),b&&(0,t.jsxs)("button",{type:"button",onClick:u,className:"flex items-center gap-1 rounded border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] px-1.5 py-1 text-[var(--tgph-gray-11)] hover:bg-[var(--tgph-gray-2)]",children:[p?(0,t.jsx)(F.EyeOff,{className:"size-3.5","aria-hidden":!0}):(0,t.jsx)(L.Eye,{className:"size-3.5","aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",children:p?"Hide preview":"Show preview"})]})]}),(0,t.jsxs)("div",{className:"space-y-2 pl-3 border-l border-[var(--tgph-gray-3)]",children:[(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsxs)("button",{type:"button",onClick:()=>O(e=>!e),className:"flex items-center gap-1 w-1/3 h-7 cursor-pointer",children:[I?(0,t.jsx)(eT.ChevronDown,{className:"size-3.5 flex-shrink-0 text-[var(--tgph-gray-9)]","aria-hidden":!0}):(0,t.jsx)(ek.ChevronRight,{className:"size-3.5 flex-shrink-0 text-[var(--tgph-gray-9)]","aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"regular",color:"gray",children:"Status"})]}),(0,t.jsx)(d.AnimatePresence,{mode:"wait",children:(0,t.jsxs)(o.motion.div,{initial:{opacity:0,y:4}
174,animate:{opacity:1,y:0},exit:{opacity:0,y:-4},transition:{duration:.2},className:"flex items-center gap-1 h-7",children:[(0,t.jsx)(en,{className:(0,i.default)("size-4 flex-shrink-0",es,!_&&"animate-spin"),"aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",className:es,children:el})]},`${et?.type}-${_}`)})]}),(0,t.jsx)(d.AnimatePresence,{children:I&&(0,t.jsx)(o.motion.div,{initial:{opacity:0,height:0},animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},transition:{duration:.3,ease:"easeInOut"},className:"overflow-hidden",children:(0,t.jsx)("div",{className:"mt-2 space-y-2 pl-4 border-l border-[var(--tgph-gray-3)]",children:(0,t.jsx)(d.AnimatePresence,{initial:!1,children:j.slice(0,Math.min(z+1,j.length)).map((e,a)=>{let s=!_&&a===z,n=s?"text-[var(--tgph-gray-9)]":eE[e.type]??"text-[var(--tgph-gray-11)]",l=s?E.Loader2:ez[e.type]??h.Mail,r=s?D:R[e.type]??e.timestamp,u=s?e_[e.type]??e.label:e.label;return(0,t.jsxs)(o.motion.div,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},exit:{opacity:0},transition:{duration:.2},className:"flex items-center gap-2 h-7 w-full",children:[(0,t.jsxs)("div",{className:"w-1/3 gap-2 flex items-center min-w-0",children:[(0,t.jsx)(l,{className:(0,i.default)("size-3 flex-shrink-0",n,s&&"animate-spin"),"aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",className:(0,i.default)("truncate",n),children:u})]}),(0,t.jsx)(d.AnimatePresence,{mode:"wait",children:(0,t.jsx)(o.motion.span,{initial:{opacity:0}
174,animate:{opacity:1},exit:{opacity:0},transition:{duration:.15},className:"flex-1 min-w-0",children:(0,t.jsx)(c.Text,{as:"span",size:"1",color:"gray",className:"h-7 flex items-center",children:r})},s?"live":"frozen")})]},e.type)})})})})})]}),(0,t.jsx)(d.AnimatePresence,{children:B&&V&&(0,t.jsxs)(o.motion.div,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},exit:{opacity:0},transition:{duration:.2},className:"flex items-center gap-2",children:[(0,t.jsx)(c.Text,{as:"div",size:"2",weight:"medium",color:"gray",className:"w-1/3 h-7 flex items-center",children:"Executed at"}),(0,t.jsx)(c.Text,{as:"span",size:"2",color:"default",className:"h-7 flex items-center",children:V})]})}),(0,t.jsx)(d.AnimatePresence,{children:G&&y&&(0,t.jsxs)(o.motion.div,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},exit:{opacity:0},transition:{duration:.2},className:"flex items-center gap-2",children:[(0,t.jsx)(c.Text,{as:"div",size:"2",weight:"medium",color:"gray",className:"w-1/3 h-7 flex items-center",children:"Engagement"}),(0,t.jsx)(eF,{label:y.label,variant:y.variant})]})})]})]})}function eD({section:e,isLast:a,isRunning:i,isCompleted:s,onSubStatusChange:n,onTogglePreview:l,isPreviewOpen:r,sectionStartDelayMs:o=0,emailContentReady:d=!0,onToggleAgentPreview:c,isAgentPreviewOpen:u,agentJsonAnimationComplete:p,onAnimationComplete:m,staticDisplay:h=!1,statusOverride:g=null}){let x=a?"":"mb-4";switch(e.type){case"fields":return(0,t.jsx)(ep,{title:e.title,fields:e.fields,className:x,isRunning:i,isCompleted:s,sectionStartDelayMs:o,headerAction:e.headerAction,onToggleAgentPreview:c,isAgentPreviewOpen:u,agentJsonAnimationComplete:p});case"preferences-grid":return(0,t.jsx)(ef,{title:e.title,data:e.data,className:x});case"branches":return(0,t.jsx)(ej,{title:e.title,data:e.data,className:x});case"message":return(0,t.jsx)(eM,{title:e.title,data:e.data,isRunning:i,isCompleted:s,onSubStatusChange:n,onTogglePreview:l,isPreviewOpen:r,emailContentReady:d,onAnimationComplete:m,staticDisplay:h,statusOverride:g,className:x});default:return null}}function eq({selectedStep:e,stepId:a,isRunning:i,isCompleted:s,onSubStatusChange:n,onTogglePreview:l,isPreviewOpen:r,emailContentReady:c=!0,onToggleAgentPreview:u,isAgentPreviewOpen:p,agentJsonAnimationComplete:m=!1,onAnimationComplete:h,staticDisplay:g=!1,statusOverride:x=null}){let f,v,b,y,j=e&&(g?(0,t.jsxs)("div",{className:"flex flex-col h-full min-h-0 text-[13px]",children:[(0,t.jsx)("div",{className:"flex-shrink-0 p-4 border-b border-[var(--tgph-gray-4)]",children:(0,t.jsx)(k,{title:e.title,subtitle:e.subtitle,icon:e.icon,iconImage:e.iconImage,iconContainerClassName:e.iconContainerClassName,iconClassName:e.iconClassName,variant:e.variant,staticDisplay:g,subtitleEmphasized:g})}),(0,t.jsx)("div",{className:"flex-1 overflow-y-auto p-4",children:(f=e.sections||[],v=0,f.map((e,a)=>{let o=v;return"fields"===e.type&&e.fields&&(v+=es(e.fields)+200),(0,t.jsx)(eD,{section:e,isLast:a===f.length-1,isRunning:i,isCompleted:s,onSubStatusChange:n,onTogglePreview:l,isPreviewOpen:r,sectionStartDelayMs:o,emailContentReady:c,onToggleAgentPreview:u,isAgentPreviewOpen:p,agentJsonAnimationComplete:m,onAnimationComplete:h,staticDisplay:g,statusOverride:x},e.title||e.type||a)}))})]},a):(0,t.jsxs)(o.motion.div,{initial:{opacity:0}
174,animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},className:"flex flex-col h-full min-h-0 text-[13px]",children:[(0,t.jsx)("div",{className:"flex-shrink-0 p-4 border-b border-[var(--tgph-gray-4)]",children:(0,t.jsx)(k,{title:e.title,subtitle:e.subtitle,icon:e.icon,iconImage:e.iconImage,iconContainerClassName:e.iconContainerClassName,iconClassName:e.iconClassName,variant:e.variant,staticDisplay:g,subtitleEmphasized:g})}),(0,t.jsx)("div",{className:"flex-1 overflow-y-auto p-4 text-[13px]",children:(b=e.sections||[],y=0,b.map((e,a)=>{let o=y;return"fields"===e.type&&e.fields&&(y+=es(e.fields)+200),(0,t.jsx)(eD,{section:e,isLast:a===b.length-1,isRunning:i,isCompleted:s,onSubStatusChange:n,onTogglePreview:l,isPreviewOpen:r,sectionStartDelayMs:o,emailContentReady:c,onToggleAgentPreview:u,isAgentPreviewOpen:p,agentJsonAnimationComplete:m,onAnimationComplete:h,staticDisplay:g,statusOverride:x},e.title||e.type||a)}))})]},a));return(0,t.jsx)("div",{className:"flex flex-col h-full min-h-0 overflow-hidden rounded-lg border border-[var(--tgph-gray-5)] bg-white",children:g?j:(0,t.jsx)(d.AnimatePresence,{mode:"wait",children:j})})}var eI=e.i(482192),eO=e.i(608364),eO=eO,eB=e.i(650128),e$=e.i(11917);let eV=[{id:"desktop",label:"Desktop",Icon:eI.Monitor},{id:"tablet",label:"Tablet",Icon:eO.default},{id:"mobile",label:"Mobile",Icon:eB.Smartphone}],eU=[{id:"en",label:"English"},{id:"es",label:"Spanish"},{id:"de",label:"German"},{id:"fr",label:"French"}];function eG({viewport:e="desktop",onViewportChange:s,language:n="en",onLanguageChange:l,previewMode:r="in-browser",onPreviewModeChange:o}){let[d,u]=(0,a.useState)(!1),[p,m]=(0,a.useState)(!1),h=(0,a.useRef)(null),g=(0,a.useRef)(null),x=eV.find(t=>t.id===e)??eV[0],f=x.Icon;return(0,a.useEffect)(()=>{function e(e){h.current&&!h.current.contains(e.target)&&u(!1),g.current&&!g.current.contains(e.target)&&m(!1)}return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),(0,t.jsxs)("div",{className:"flex shrink-0 items-center gap-2 border-b border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] px-4 py-2","data-name":"PreviewHeader",children:[(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",color:"default",className:"shrink-0 whitespace-nowrap",children:"Preview"}),(0,t.jsxs)("div",{className:"flex h-6 w-[208px] shrink-0 overflow-hidden rounded-[4px] bg-[#EFF0F3]","data-name":"SegmentedControl",children:[(0,t.jsx)("button",{type:"button",onClick:()=>o?.("in-browser"),className:(0,i.default)("flex flex-1 items-center justify-center px-1.5 py-0 transition-colors","in-browser"===r?"rounded-[4px] border border-[#D7DADF] bg-white":"rounded-l-[4px] hover:bg-[var(--tgph-gray-3)]"),children:(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",className:"in-browser"===r?"text-[#1D2023]":"text-[#60646A]",children:"In browser"})}),(0,t.jsx)("button",{type:"button",onClick:()=>o?.("client"),className:(0,i.default)("flex flex-1 items-center justify-center px-1.5 py-0 transition-colors","client"===r?"rounded-[4px] border border-[#D7DADF] bg-white":"rounded-r-[4px] hover:bg-[var(--tgph-gray-3)]"),children:(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",className:"client"===r?"text-[#1D2023]":"text-[#60646A]",children:"Client previews"})})]}),"client"===r?(0,t.jsx)("div",{className:"flex-1"}):(0,t.jsxs)("div",{className:"flex flex-1 items-center justify-end gap-2",children:[(0,t.jsxs)("div",{className:"relative",ref:h,children:[(0,t.jsxs)("button",{type:"button",onClick:()=>u(e=>!e),className:"flex h-6 items-center justify-center gap-1 rounded-[4px] px-1.5 text-[var(--tgph-gray-11)] transition-colors hover:bg-[var(--tgph-gray-3)]",children:[(0,t.jsx)(f,{className:"size-3.5 shrink-0","aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",color:"gray",children:x.label}),(0,t.jsx)(eT.ChevronDown,{className:(0,i.default)("size-3.5 shrink-0 transition-transform",d&&"rotate-180"),"aria-hidden":!0})]}),d&&(0,t.jsx)("div",{className:"absolute right-0 top-full z-30 mt-1 min-w-[120px] rounded-md border border-[var(--tgph-gray-5)] bg-white py-1 shadow-lg",children:eV.map(({id:a,label:n,Icon:l})=>(0,t.jsxs)("button",{type:"button",onClick:()=>{s?.(a),u(!1)},className:(0,i.default)("flex w-full items-center gap-2 px-3 py-2 text-left text-[14px] transition-colors hover:bg-[var(--tgph-gray-2)]",e===a&&"bg-[var(--tgph-gray-2)]"),children:[(0,t.jsx)(l,{className:"size-3.5 shrink-0 text-[var(--tgph-gray-11)]","aria-hidden":!0}),n]},a))})]}),(0,t.jsxs)("div",{className:"relative",ref:g,children:[(0,t.jsxs)("button",{type:"button",onClick:()=>m(e=>!e),className:"flex h-6 items-center justify-center gap-1 rounded-[4px] px-1.5 text-[var(--tgph-gray-11)] transition-colors hover:bg-[var(--tgph-gray-3)]",children:[(0,t.jsx)(e$.Languages,{className:"size-3.5 shrink-0","aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",color:"gray",children:eU.find(e=>e.id===n)?.label??"English"}),(0,t.jsx)(eT.ChevronDown,{className:(0,i.default)("size-3.5 shrink-0 transition-transform",p&&"rotate-180"),"aria-hidden":!0})]}),p&&(0,t.jsx)("div",{className:"absolute right-0 top-full z-30 mt-1 min-w-[120px] rounded-md border border-[var(--tgph-gray-5)] bg-white py-1 shadow-lg",children:eU.map(({id:e,label:a})=>(0,t.jsx)("button",{type:"button",onClick:()=>{l?.(e),m(!1)},className:(0,i.default)("flex w-full items-center gap-2 px-3 py-2 text-left text-[14px] transition-colors hover:bg-[var(--tgph-gray-2)]",n===e&&"bg-[var(--tgph-gray-2)]"),children:a},e))})]})]})]})}var eW=e.i(350048),eQ=e.i(362350);function eH({isRunning:e=!1,onCountdownComplete:s}
174){let[n,l]=(0,a.useState)(3),[r,u]=(0,a.useState)(!1),[p,m]=(0,a.useState)(!0),[h,g]=(0,a.useState)(!0),x=(0,a.useRef)(null),f=(0,a.useRef)(null),v=(0,a.useRef)(!1),b=(0,a.useRef)(null);(0,a.useEffect)(()=>{if(!r)return;let e=setTimeout(()=>m(!1),400);return()=>clearTimeout(e)},[r]),(0,a.useEffect)(()=>{if(!e||r)return;x.current=Date.now();let t=()=>{let e=Math.max(0,3e3-(Date.now()-x.current));l(Math.ceil(e/1e3)),e>0?f.current=requestAnimationFrame(t):(l(0),u(!0),v.current||(v.current=!0,s?.()),b.current=setTimeout(()=>g(!1),300))};return f.current=requestAnimationFrame(t),()=>{f.current&&cancelAnimationFrame(f.current),b.current&&(clearTimeout(b.current),b.current=null)}},[e,r,s]);let y=`0:${String(n).padStart(2,"0")}`,j=r&&p;return(0,t.jsxs)(o.motion.div,{layout:!0,className:(0,i.default)("relative border rounded-full px-4 py-2 flex flex-col items-center justify-center gap-0.5 min-w-[120px] transition-[border-color,box-shadow] duration-300 overflow-hidden","bg-[var(--tgph-surface-1)]",!r&&"border-[var(--tgph-gray-6)]",r&&"border-[var(--tgph-green-6)]",j&&"shadow-[0_0_16px_2px_var(--tgph-green-4)]"),children:[(0,t.jsx)(c.Text,{as:"div",size:"1",weight:"medium",color:"gray",children:"Scheduled"}),(0,t.jsx)(d.AnimatePresence,{children:h&&e&&(0,t.jsx)(o.motion.div,{initial:{opacity:1},exit:{opacity:0},transition:{duration:.2,ease:"easeOut"},children:(0,t.jsx)(c.Text,{as:"div",size:"1",weight:"medium",className:(0,i.default)("font-mono tabular-nums",r?"text-[var(--tgph-green-11)]":"text-[var(--tgph-green-10)]"),children:y})},"countdown")})]})}var eY=e.i(868462),eK=e.i(680571);let eJ={desktop:"650px",tablet:"560px",mobile:"375px"};function eZ({label:e,value:a}){return(0,t.jsxs)("div",{className:"flex items-start gap-2 min-h-6",children:[(0,t.jsx)("div",{className:"w-16 flex-shrink-0 h-6 flex items-center",children:(0,t.jsx)(c.Text,{as:"div",size:"1",weight:"medium",color:"gray",className:"truncate",children:e})}),(0,t.jsx)(c.Text,{as:"div",size:"1",weight:"medium",color:"default",className:"h-6 flex items-center min-w-0",children:a})]})}function eX({expression:e,resolvedValue:s,shouldResolve:n,isCompleted:l,resolveDelayMs:r,resolvedTextClassName:o="text-[var(--tgph-gray-12)]",centerVertically:d=!1}){let c=`{{ ${e.split("|")[0].trim()} }}`,[u,p]=(0,a.useState)(!1),[m,h]=(0,a.useState)(!l),[g,x]=(0,a.useState)(l),[f,v]=(0,a.useState)(l?s.length:0),b=(0,a.useRef)(0),y=(0,a.useRef)(!1);(0,a.useEffect)(()=>{if(l){h(!1),x(!0),v(s.length);return}if(!n)return;let e=setTimeout(()=>{p(!0),x(!0)},Math.max(0,r-250)),t=setTimeout(()=>{h(!1)},r);return()=>{clearTimeout(e),clearTimeout(t)}},[n,l,s.length,r]),(0,a.useEffect)(()=>{let e;if(!g||l)return;y.current||(y.current=!0,v(0),b.current=0);let t=performance.now(),a=s.length,i=s=>{let n=s-t;t=s,b.current+=n;let l=Math.min(a,Math.ceil(.05*b.current));v(l),l<a&&(e=requestAnimationFrame(i))};return e=requestAnimationFrame(i),()=>cancelAnimationFrame(e)},[g,l,s]);let j=e.startsWith("recipient.")?"bg-[var(--tgph-green-3)] text-[var(--tgph-green-11)] border border-[var(--tgph-green-5)]":e.startsWith("tenant.")?"bg-[var(--tgph-purple-3)] text-[var(--tgph-purple-11) border border-[var(--tgph-purple-5)]":e.startsWith("ai.")?"bg-[var(--tgph-blue-3)] text-[var(--tgph-blue-11)] border border-[var(--tgph-blue-5)]":"bg-[var(--tgph-gray-3)] text-[var(--tgph-gray-11)] border border-[var(--tgph-gray-5)]",w=m&&c.length>=s.length?c:s,N=m&&c.length>=s.length;return(0,t.jsxs)("span",{className:"relative inline-block",children:[(0,t.jsx)("span",{className:(0,i.default)("invisible select-none",N?"whitespace-nowrap inline-block font-mono text-[11px] leading-tight px-1 py-px rounded":"whitespace-pre-wrap"),children:w}),m&&(0,t.jsx)("span",{className:(0,i.default)("absolute left-0 rounded px-1 py-px font-mono text-[11px] leading-tight whitespace-nowrap transition-opacity",d?"top-1/2 -translate-y-1/2":"top-1",j,u?"opacity-0 duration-[250ms]":"opacity-100"),children:c}),g&&(0,t.jsx)("span",{className:(0,i.default)("absolute left-0",d?"top-1/2 -translate-y-1/2":"top-0",o),children:s.slice(0,f)})]})}function e0({segments:e,isRunning:i,isCompleted:s,liquidResolveDelays:n}){let[l,r]=(0,a.useState)(s),o=(0,a.useRef)(s);(0,a.useEffect)(()=>
174{if(s){r(!0),o.current=!0;return}if(!i||o.current)return;let e=setTimeout(()=>{o.current=!0,r(!0)},1500);return()=>clearTimeout(e)},[i,s]);let d=0,u=e.map((e,a)=>{if("text"===e.type)return(0,t.jsx)("span",{className:"whitespace-pre-wrap",children:e.value},a);if("liquid"===e.type){let i=n[d]??0;return d++,(0,t.jsx)(eX,{expression:e.expression,resolvedValue:e.resolvedValue,shouldResolve:l,isCompleted:s,resolveDelayMs:i},a)}return null});return(0,t.jsx)(c.Text,{as:"p",size:"1",color:"default",className:"leading-loose",children:u})}function e1({segments:e,isRunning:a,isCompleted:i,liquidResolveDelays:s}){return(0,t.jsx)("li",{className:"text-[var(--tgph-gray-12)]",children:(0,t.jsx)(e0,{segments:e,isRunning:a,isCompleted:i,liquidResolveDelays:s})})}function e2({isOpen:e,onClose:s,isRunning:n=!1,isCompleted:r=!1,onContentAnimationComplete:u,emailPreviewData:p,dismissible:m=!0,viewport:h="desktop",language:g="en",variant:x}){let f,v,b,y,j,w=!p&&"broadcasts"===x,N=w&&ee?ee:Z,C=et?.[g]??et?.en??{};p?({headers:f,body:v,ctaButton:b,variant:y,topmatter:j}=p,f=f??[],!j&&f?.length>0&&(j={subject:f.find(e=>"Subject"===e.label)?.value??"",from:f.find(e=>"From"===e.label)?.value??"",to:f.find(e=>"To"===e.label)?.value??"",date:(0,l.format)(new Date,"mobile"===h?"MMM d, yyyy":"EEE MMM d, yyyy h:mm a")})):(v=w&&N.body&&"object"==typeof N.body&&!Array.isArray(N.body)?{...N.body,headline:C.headline??N.body.headline,salutationLine:C.salutationLine??N.body.salutationLine,introParagraph:C.introParagraph??N.body.introParagraph,featureParagraph:C.featureParagraph??N.body.featureParagraph,primaryButtonLabel:C.primaryButtonLabel??N.body.primaryButtonLabel,secondaryButtonLabel:C.secondaryButtonLabel??N.body.secondaryButtonLabel,signOffLine1:C.signOffLine1??N.body.signOffLine1,signOffLine2:C.signOffLine2??N.body.signOffLine2,emailPreferences:C.emailPreferences??N.body.emailPreferences,unsubscribe:C.unsubscribe??N.body.unsubscribe}:N.body,b=N.ctaButton,y=x??N.variant??"email",f=(j=w&&N.topmatter?{...N.topmatter,subject:C.subject??N.topmatter.subject}:N.headers?{subject:N.headers.find(e=>"Subject"===e.label)?.value??"",from:N.headers.find(e=>"From"===e.label)?.value??"",to:N.headers.find(e=>"To"===e.label)?.value??"",date:(0,l.format)(new Date,"mobile"===h?"MMM d, yyyy":"EEE MMM d, yyyy h:mm a")}:null)?[{label:"Subject",value:j.subject},{label:"From",value:j.from},{label:"To",value:j.to},{label:"Date",value:j.date}]:N.headers?.map(e=>({label:e.label,value:e.value}))??[]);let k="slack"===y,T=Array.isArray(v),S=(0,a.useMemo)(()=>T?function(e,t){let a=300,i=0,s=e=>{e&&e.forEach(e=>{if("liquid"===e.type||e.expression&&e.resolvedValue){let t=(e.resolvedValue||"").length/.05;i=Math.max(i,1500+a+t),a+=.45*t}})};if(e.forEach(e=>{"paragraph"===e.type||"list_item"===e.type?s(e.segments):"purchase_item"===e.type&&["itemName","price","purchaseDate","reason"].forEach(t=>{e[t]&&s([e[t]])})}),t){let e=t.resolvedValue.length/.05;i=Math.max(i,1500+a+e)}return i+300}(v,b):0,[v,b,T]),z=(0,a.useRef)(0),E=(0,a.useRef)(0),P=(0,a.useRef)(null),_=(0,a.useRef)(!1);return(0,a.useEffect)(()=>(e&&(z.current=0,E.current=0,_.current=!1),()=>{P.current&&(clearTimeout(P.current),P.current=null)}),[e]),(0,a.useEffect)(()=>{r&&!_.current&&(_.current=!0,u?.())},[r,u]),(0,a.useEffect)(()=>{if(e&&!r&&!_.current){if(n){E.current=Date.now();let e=S-z.current;if(e<=0){_.current=!0,u?.();return}P.current=setTimeout(()=>{P.current=null,_.current||(_.current=!0,u?.())},e)}else E.current>0&&(z.current+=Date.now()-E.current),P.current&&(clearTimeout(P.current),P.current=null);return()=>{P.current&&(clearTimeout(P.current),P.current=null)}}},[e,n,r,S,u]),(0,t.jsx)(d.AnimatePresence,{children:e&&(0,t.jsx)(o.motion.div,{initial:{opacity:0}
174,animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},className:(0,i.default)("absolute inset-0 z-20 flex items-start justify-center p-6",m&&"cursor-pointer"),style:{backgroundColor:"rgba(0,0,0,0.15)"},onClick:m?s:void 0,children:(0,t.jsx)(o.motion.div,{initial:{opacity:0,y:20,scale:.97},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:20,scale:.97},transition:{duration:.25,ease:"easeOut"},className:(0,i.default)("overflow-hidden rounded-lg border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] shadow-lg flex flex-col cursor-default",T?"w-full h-full max-h-full":"h-full max-h-full w-full transition-[max-width] duration-200"),style:T?void 0:{maxWidth:eJ[h]??eJ.desktop},onClick:e=>e.stopPropagation(),children:T?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"flex items-center justify-between px-4 py-2.5 border-b border-[var(--tgph-gray-4)] bg-[var(--tgph-surface-2)]",children:[(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",color:"default",children:k?"Slack preview":"Email preview"}),m&&(0,t.jsx)("button",{type:"button",onClick:s,className:"p-1 rounded hover:bg-[var(--tgph-gray-3)] text-[var(--tgph-gray-9)] transition-colors",children:(0,t.jsx)(eY.X,{className:"size-3.5","aria-hidden":!0})})]}),!k&&(0,t.jsx)("div",{className:"px-4 py-3 border-b border-[var(--tgph-gray-4)] space-y-1",children:f.map(e=>(0,t.jsx)(eZ,{label:e.label,value:e.value},e.label))}),(0,t.jsx)("div",{className:"px-3 py-3 overflow-y-auto overflow-x-auto flex-1",children:(0,t.jsxs)("div",{className:"rounded-lg border border-[var(--tgph-gray-5)] bg-white flex flex-col gap-2 p-4 shadow-sm",style:{maxWidth:eJ[h]??eJ.desktop},children:[k?(0,t.jsxs)("div",{className:"grid grid-cols-[auto_1fr] gap-x-3 gap-y-0.5 items-start",children:[(0,t.jsx)("div",{className:"flex-shrink-0 row-span-3",children:(0,t.jsx)("img",{src:"/assets/collabio/CollabIOIcon.png",alt:"","aria-hidden":!0,className:"w-6 h-6"})}),(0,t.jsxs)("div",{className:"flex items-center gap-1 leading-none min-w-0",children:[(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",children:"Collab.io"}),(0,t.jsx)("span",{className:"px-1 py-0.5 rounded text-[8px] font-medium bg-[var(--tgph-gray-3)] text-[var(--tgph-gray-11)]",children:"APP"})]}),(0,t.jsx)("div",{className:"min-w-0",children:(0,t.jsx)(c.Text,{as:"h2",size:"3",weight:"medium",color:"default",children:"Purchases that need review"})}),(0,t.jsx)("div",{className:"space-y-2 min-w-0",children:(()=>{let e=[],s=0;for(;s<v.length;)if("list_item"===v[s].type){let t=[];for(;s<v.length&&"list_item"===v[s].type;)t.push({...v[s],originalIndex:s}),s++;e.push({type:"ul",items:t,key:`ul-${t[0].originalIndex}`})}else"purchase_item"===v[s].type?e.push({...v[s],key:`purchase-${s}`}):e.push({...v[s],originalIndex:s,key:s}),s++;let l=[],o=300;v.forEach(e=>{"paragraph"===e.type||"list_item"===e.type?e.segments?.forEach(e=>{if("liquid"===e.type){l.push(o);let t=e.resolvedValue.length/.05;o+=.45*t}}):"purchase_item"===e.type&&["itemName","price","purchaseDate","reason"].forEach(t=>{if(e[t]){l.push(o);let a=(e[t].resolvedValue||"").length/.05;o+=.45*a}})}),b&&l.push(o);let d=0,u=k?(0,t.jsxs)("div",{className:"flex items-center justify-start gap-2 py-2",children:[(0,t.jsx)("span",{className:(0,i.default)("rounded-lg px-2.5 py-2 cursor-pointer border border-[#0B8C4C]","bg-[#0B8C4C]"),children:(0,t.jsx)(c.Text,{as:"div",size:"1",weight:"medium",className:"text-white font-semibold",children:"Approve expenses"})}),(0,t.jsx)("span",{className:"rounded-lg px-2.5 py-2 cursor-pointer border border-[#374151]",children:(0,t.jsx)(c.Text,{as:"div",size:"1",weight:"medium",className:"text-[#374151] font-semibold",children:"Review details"})})]},"slack-buttons"):null;return(0,t.jsx)(t.Fragment,{children:e.map((s,o)=>{let p=o===e.length-1;if("purchase_item"===s.type){let e=l.slice(d,d+4);return d+=4,(0,t.jsxs)(a.default.Fragment,{children:[(0,t.jsxs)("div",{className:"space-y-1 py-1 min-w-max",children:[(0,t.jsx)(c.Text,{as:"p",size:"1",weight:"medium",color:"default",className:"leading-relaxed whitespace-nowrap",children:(0,t.jsx)(eX,{expression:s.itemName.expression,resolvedValue:s.itemName.resolvedValue,shouldResolve:n||r,isCompleted:r,resolveDelayMs:e[0]??0,resolvedTextClassName:"font-bold"})}),(0,t.jsxs)(c.Text,{as:"p",size:"1",color:"default",className:"leading-relaxed",children:["ð¸ Cost: $",(0,t.jsx)(eX,{expression:s.price.expression,resolvedValue:s.price.resolvedValue,shouldResolve:n||r,isCompleted:r,resolveDelayMs:e[1]??0})]}),(0,t.jsxs)(c.Text,{as:"p",size:"1",color:"default",className:"leading-relaxed",children:["ðï¸ Purchase date: (",(0,t.jsx)(eX,{expression:s.purchaseDate.expression,resolvedValue:s.purchaseDate.resolvedValue,shouldResolve:n||r,isCompleted:r,resolveDelayMs:e[2]??0}),")"]}),(0,t.jsxs)(c.Text,{as:"p",size:"1",color:"default",className:"leading-relaxed",children:["ð Reason:"," ",(0,t.jsx)(eX,{expression:s.reason.expression,resolvedValue:s.reason.resolvedValue,shouldResolve:n||r,isCompleted:r,resolveDelayMs:e[3]??0})]})]}),k&&p?u:null]},s.key)}if("ul"===s.type)return(0,t.jsxs)(a.default.Fragment,{children:[(0,t.jsx)("ul",{className:"list-disc pl-6 space-y-1",children:s.items.map(e=>{let a=e.segments.filter(e=>"liquid"===e.type).length,i=l.slice(d,d+a);return d+=a,(0,t.jsx)(e1,{segments:e.segments,isRunning:n,isCompleted:r,liquidResolveDelays:i},e.originalIndex)})}),k&&p?u:null]},s.key);if("paragraph"===s.type){let e=s.segments.filter(e=>"liquid"===e.type).length,o=l.slice(d,d+e);if(d+=e,p){let e=b?l[l.length-1]:null;return(0,t.jsxs)(a.default.Fragment,{children:[(0,t.jsx)("div",{className:"flex items-center justify-start gap-2 py-1",children:b?(0,t.jsx)("span",{className:(0,i.default)(k?"rounded-lg":"rounded","px-2.5 py-2 cursor-pointer inline-flex items-center justify-center text-xs",k?"border border-[#0B8C4C] bg-[#0B8C4C]":"bg-[#5469D4]"),children:(0,t.jsx)(eX,{expression:b.expression,resolvedValue:b.resolvedValue,shouldResolve:n||r,isCompleted:r,resolveDelayMs:e??0,resolvedTextClassName:"text-white font-bold whitespace-nowrap",centerVertically:!0})}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:(0,i.default)(k?"rounded-lg":"rounded","px-2.5 py-2 cursor-pointer",k?"border border-[#0B8C4C] bg-[#0B8C4C]":"bg-[#5469D4]"),children:(0,t.jsx)(c.Text,{as:"div",size:"1",weight:"medium",className:"text-white font-bold",children:k?"Approve expenses":"Browse templates"})}),(0,t.jsx)("span",{className:(0,i.default)(k?"rounded-lg":"rounded","px-2.5 py-2 cursor-pointer",k?"border border-[#374151] bg-[rgba(55,65,81,0.08)]":"border border-[var(--tgph-gray-5)]"),children:(0,t.jsx)(c.Text,{as:"div",size:"1",weight:"medium",className:k?"text-[#374151] font-bold":"font-bold",color:k?void 0:"default",children:k?"Review details":"Open Collab.io"})})]})}),(0,t.jsx)(e0,{segments:s.segments,isRunning:n,isCompleted:r,liquidResolveDelays:o})]},s.key)}return(0,t.jsx)(e0,{segments:s.segments,isRunning:n,isCompleted:r,liquidResolveDelays:o},s.key)}return null})})})()})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"flex items-center justify-center py-1",children:(0,t.jsx)("img",{src:"/assets/collabio/CollabIOLogo.png",alt:"Collab.io",className:"h-7 w-auto"})}),(0,t.jsx)("div",{className:"space-y-2",children:(()=>{let e=[],i=0;for(;i<v.length;)if("list_item"===v[i].type){let t=[];for(;i<v.length&&"list_item"===v[i].type;)t.push({...v[i],originalIndex:i}),i++;e.push({type:"ul",items:t,key:`ul-${t[0].originalIndex}`})}else"purchase_item"===v[i].type?e.push({...v[i],key:`purchase-${i}`}):e.push({...v[i],originalIndex:i,key:i}),i++;let s=[],l=300;
174v.forEach(e=>{"paragraph"===e.type||"list_item"===e.type?e.segments?.forEach(e=>{if("liquid"===e.type){s.push(l);let t=e.resolvedValue.length/.05;l+=.45*t}}):"purchase_item"===e.type&&["itemName","price","purchaseDate","reason"].forEach(t=>{if(e[t]){s.push(l);let a=(e[t].resolvedValue||"").length/.05;l+=.45*a}})}),b&&s.push(l);let o=0;return(0,t.jsx)(t.Fragment,{children:e.map((i,l)=>{let d=l===e.length-1;if("purchase_item"===i.type){let e=s.slice(o,o+4);return o+=4,(0,t.jsx)(a.default.Fragment,{children:(0,t.jsxs)("div",{className:"space-y-1 py-1 min-w-max",children:[(0,t.jsx)(c.Text,{as:"p",size:"1",weight:"medium",color:"default",className:"leading-relaxed whitespace-nowrap",children:(0,t.jsx)(eX,{expression:i.itemName.expression,resolvedValue:i.itemName.resolvedValue,shouldResolve:n||r,isCompleted:r,resolveDelayMs:e[0]??0,resolvedTextClassName:"font-bold"})}),(0,t.jsxs)(c.Text,{as:"p",size:"1",color:"default",className:"leading-relaxed",children:["ð¸ Cost: $",(0,t.jsx)(eX,{expression:i.price.expression,resolvedValue:i.price.resolvedValue,shouldResolve:n||r,isCompleted:r,resolveDelayMs:e[1]??0})]}),(0,t.jsxs)(c.Text,{as:"p",size:"1",color:"default",className:"leading-relaxed",children:["ðï¸ Purchase date: (",(0,t.jsx)(eX,{expression:i.purchaseDate.expression,resolvedValue:i.purchaseDate.resolvedValue,shouldResolve:n||r,isCompleted:r,resolveDelayMs:e[2]??0}),")"]}),(0,t.jsxs)(c.Text,{as:"p",size:"1",color:"default",className:"leading-relaxed",children:["ð Reason: ",(0,t.jsx)(eX,{expression:i.reason.expression,resolvedValue:i.reason.resolvedValue,shouldResolve:n||r,isCompleted:r,resolveDelayMs:e[3]??0})]})]})},i.key)}if("ul"===i.type){let e=i.items.map(e=>{let a=e.segments.filter(e=>"liquid"===e.type).length,i=s.slice(o,o+a);return o+=a,(0,t.jsx)(e1,{segments:e.segments,isRunning:n,isCompleted:r,liquidResolveDelays:i},e.originalIndex)});return o+=i.items.reduce((e,t)=>e+t.segments.filter(e=>"liquid"===e.type).length,0),(0,t.jsx)(a.default.Fragment,{children:(0,t.jsx)("ul",{className:"list-disc pl-6 space-y-1",children:e})},i.key)}if("paragraph"===i.type){let e=i.segments.filter(e=>"liquid"===e.type).length,l=s.slice(o,o+e);if(o+=e,d){let e=b?s[s.length-1]:null;return(0,t.jsxs)(a.default.Fragment,{children:[(0,t.jsx)("div",{className:"flex items-center justify-start gap-2 py-1",children:b?(0,t.jsx)("span",{className:"rounded px-2.5 py-2 cursor-pointer inline-flex items-center justify-center text-xs bg-[#5469D4]",children:(0,t.jsx)(eX,{expression:b.expression,resolvedValue:b.resolvedValue,shouldResolve:n||r,isCompleted:r,resolveDelayMs:e??0,resolvedTextClassName:"text-white font-bold whitespace-nowrap",centerVertically:!0})}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"bg-[#5469D4] rounded px-2.5 py-2 cursor-pointer",children:(0,t.jsx)(c.Text,{as:"div",size:"1",weight:"medium",className:"text-white",children:"Browse templates"})}),(0,t.jsx)("span",{className:"border border-[var(--tgph-gray-5)] rounded px-2.5 py-2 cursor-pointer",children:(0,t.jsx)(c.Text,{as:"div",size:"1",weight:"medium",color:"default",children:"Open Collab.io"})})]})}),(0,t.jsx)(e0,{segments:i.segments,isRunning:n,isCompleted:r,liquidResolveDelays:l})]},i.key)}return(0,t.jsx)(e0,{segments:i.segments,isRunning:n,isCompleted:r,liquidResolveDelays:l},i.key)}return null})})})()})]}),!k&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"h-px bg-[var(--tgph-gray-5)] w-full"}),(0,t.jsxs)("div",{className:"flex items-center justify-between mt-2",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(c.Text,{as:"span",size:"0",color:"gray",className:"underline cursor-pointer",children:"Email preferences"}),(0,t.jsx)("div",{className:"h-3 w-px bg-[var(--tgph-gray-9)]"}),(0,t.jsx)(c.Text,{as:"span",size:"0",color:"gray",className:"underline cursor-pointer",children:"Unsubscribe"})]}),(0,t.jsx)("img",{src:"/assets/collabio/CollabIOIcon.png",alt:"","aria-hidden":!0,className:"w-6 h-6"})]})]})]})})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"flex flex-col gap-3 border-b border-[var(--tgph-gray-4)] px-4 py-4",children:[(0,t.jsx)(c.Text,{as:"h2",size:"3",weight:"bold",color:"default",className:"leading-7 tracking-[-0.045px] font-semibold",children:j.subject}),(0,t.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("img",{src:"/assets/collabio/CollabIOIcon.png",alt:"","aria-hidden":!0,
174className:"size-7 shrink-0 rounded object-cover"}),(0,t.jsxs)("div",{className:"flex flex-1 items-center justify-between gap-4 min-w-0",children:[(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",color:"default",className:"text-[15px]",children:j.from}),(0,t.jsx)(c.Text,{as:"span",size:"1",color:"gray",className:"shrink-0",children:"mobile"===h?(0,l.format)(new Date,"MMM d, yyyy"):(0,l.format)(new Date,"EEE MMM d, yyyy h:mm a")})]})]}),(0,t.jsx)("div",{className:"flex flex-col gap-0.5 pl-10",children:(0,t.jsxs)("div",{className:"flex items-baseline gap-2",children:[(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",color:"gray",className:"w-4 shrink-0",children:"To"}),(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",color:"default",children:j.to})]})})]})]}),(0,t.jsxs)("div",{className:"relative flex flex-1 min-h-0 items-start justify-center overflow-y-auto bg-[var(--tgph-surface-2)] px-6 pt-6 pb-6",children:[(0,t.jsx)("div",{className:"pointer-events-none absolute inset-0 opacity-[0.5]",style:{backgroundImage:"radial-gradient(circle, var(--tgph-gray-5) 1px, transparent 1px)",backgroundSize:"12px 12px"},"aria-hidden":!0}),(0,t.jsx)("div",{className:"relative z-10 flex w-full max-w-[480px] flex-col gap-4",children:(0,t.jsxs)("div",{className:"flex w-full flex-col gap-4 roun
174ded-2xl border border-[var(--tgph-gray-5)] bg-white px-6 py-5 shadow-sm",children:[(0,t.jsxs)("div",{className:"flex w-full items-center justify-center gap-2",children:[(0,t.jsx)("img",{src:v.brandBadge.logo,alt:"","aria-hidden":!0,className:"size-7 shrink-0"}),(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"bold",className:"text-[15px] font-semibold text-[var(--tgph-blue-11)] tracking-[0.0275px]",children:v.brandBadge.brand})]}),v.headline?(0,t.jsx)(c.Text,{as:"h2",size:"6",weight:"medium",color:"default",className:"!text-left !text-[24px] leading-[1.15] tracking-[-0.02em] text-[#1a1d21]",children:v.headline}):null,v.salutationLine?(0,t.jsx)(c.Text,{as:"p",size:"2",color:"default",className:"!text-left leading-relaxed text-[var(--tgph-gray-12)]",children:v.salutationLine}):null,v.introParagraph?(0,t.jsx)(c.Text,{as:"p",size:"2",color:"default",className:"!text-left leading-relaxed text-[var(--tgph-gray-12)]",children:v.introParagraph}):null,v.imageSrc?(0,t.jsx)("div",{className:"w-full overflow-hidden rounded-md border border-[var(--tgph-gray-6)] bg-[var(--tgph-surface-2)]",children:(0,t.jsx)("img",{src:v.imageSrc,alt:"","aria-hidden":!0,className:"mx-auto h-auto w-full max-w-full object-contain"})}):null,v.featureParagraph?(0,t.jsx)(c.Text,{as:"p",size:"2",color:"default",className:"!text-left leading-relaxed text-[var(--tgph-gray-12)]",children:v.featureParagraph}):null,(0,t.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,t.jsxs)("button",{type:"button",className:"inline-flex shrink-0 items-center justify-center gap-1.5 rounded-md bg-[var(--tgph-blue-9)] px-3 py-1.5 text-[14px] font-medium text-white transition-opacity hover:opacity-90",children:[(0,t.jsx)("span",{className:"whitespace-nowrap",children:v.primaryButtonLabel}),(0,t.jsx)(eK.ArrowUpRight,{className:"h-4 w-4 shrink-0","aria-hidden":!0})]}),(0,t.jsx)("button",{type:"button",className:"inline-flex shrink-0 items-center justify-center rounded-md border border-[var(--tgph-gray-6)] bg-white px-3 py-1.5 text-[14px] font-medium text-[var(--tgph-gray-12)] transition-opacity hover:opacity-90",children:(0,t.jsx)("span",{className:"whitespace-nowrap",children:v.secondaryButtonLabel})})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-0.5 text-left",children:[(0,t.jsx)(c.Text,{as:"p",size:"2",color:"default",className:"leading-relaxed text-[var(--tgph-gray-12)]",children:v.signOffLine1}),(0,t.jsx)(c.Text,{as:"p",size:"2",weight:"medium",color:"default",className:"leading-relaxed text-[var(--tgph-gray-12)]",children:v.signOffLine2})]}),(0,t.jsx)("div",{className:"h-px w-full bg-[var(--tgph-gray-5)]"}),(0,t.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,t.jsxs)("div",{className:"flex min-w-0 flex-wrap items-center gap-2",children:[(0,t.jsx)(c.Text,{as:"span",size:"1",color:"gray",className:"cursor-pointer underline",children:v.emailPreferences}),(0,t.jsx)("div",{className:"h-3 w-px shrink-0 bg-[var(--tgph-gray-9)]"}),(0,t.jsx)(c.Text,{as:"span",size:"1",color:"gray",className:"cursor-pointer underline",children:v.unsubscribe})]}),(0,t.jsx)("img",{src:v.footerIcon,alt:"","aria-hidden":!0,className:"size-5 shrink-0"})]})]})})]})]})},"email-preview-modal")},"email-preview-backdrop")})}let e3={hidden:{opacity:0,y:12},visible:e=>({opacity:1,y:0,transition:{duration:.35,ease:"easeOut",delay:e}})};function e5({isRunning:e=!1,isCompleted:i=!1,isPreviewOpen:s=!1,onEmailReached:n,onEmailContentReady:l,onCanvasFlash:r,onConnector1Start:d,viewport:c="desktop",language:u="en"}){let[p,m]=(0,a.useState)(!1),[h,g]=(0,a.useState)(null),[x,f]=(0,a.useState)(null),[v,b]=(0,a.useState)(!1),[y,j]=(0,a.useState)(!1),[w,N]=(0,a.useState)("idle"),[C,k]=(0,a.useState)("idle"),T=(0,a.useRef)(!1),S=(0,a.useRef)(!1),z=(0,a.useRef)(!1),E=(0,a.useRef)(!1),P=(0,a.useRef)(!1),_=(0,a.useCallback)(()=>m(!0),[]);(0,a.useEffect)(()=>{if(!p||E.current||!e)return;let t=setTimeout(()=>{E.current||(E.current=!0,d?.(),g(0),requestAnimationFrame(()=>{requestAnimationFrame(()=>g(1))}))},300);return()=>clearTimeout(t)},[p,e,d]);let A=(0,a.useCallback)(()=>{if(T.current)return;T.current=!0,b(!0),g(null),N("running");let e=setTimeout(()=>{n?.(),z.current||(z.current=!0,l?.())},1e3);return()=>clearTimeout(e)},[n,l]);(0,a.useEffect)(()=>
174{if(!i||P.current||!e)return;N("completed");let t=setTimeout(()=>{P.current||(P.current=!0,f(0),requestAnimationFrame(()=>{requestAnimationFrame(()=>f(1))}))},50);return()=>clearTimeout(t)},[i,e]);let R=(0,a.useCallback)(()=>{if(S.current)return;S.current=!0,j(!0),f(null),k("running");let e=setTimeout(()=>{k("completed"),r?.()},1500);return()=>clearTimeout(e)},[r]);return(0,t.jsxs)("div",{className:"relative flex-1 flex flex-col min-h-0 overflow-hidden rounded-b-lg bg-[var(--tgph-surface-2)]",style:{backgroundImage:"radial-gradient(circle, var(--tgph-gray-5) 1px, transparent 1px)",backgroundSize:"12px 12px"},children:[(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:{hidden:{opacity:0},visible:{opacity:1,transition:{duration:.3,staggerChildren:.06}}},className:"relative z-0 p-6 flex flex-col items-center min-w-0",children:(0,t.jsxs)("div",{className:"flex flex-col items-center gap-0 w-full max-w-[280px]",children:[(0,t.jsx)(o.motion.div,{variants:e3,custom:0,children:(0,t.jsx)(eH,{isRunning:e,onCountdownComplete:_})}),(0,t.jsx)(o.motion.div,{variants:e3,custom:.06,children:(0,t.jsx)(eQ.default,{variant:v||null!=h&&h>=1?"success":"default",fillProgress:h,onFillComplete:A,hideDotWhenComplete:v})}),(0,t.jsx)(o.motion.div,{variants:e3,custom:.12,children:(0,t.jsx)(eW.default,{id:"send-email",title:"Resend",subtitle:"Timeline view announcement",iconImage:"/assets/integrations/icons/resend-dark.png",variant:"channel",iconContainerClassName:"bg-[var(--tgph-gray-2)]",status:w,isSelected:"running"===w,borderLoopCount:2})}),(0,t.jsx)(o.motion.div,{variants:e3,custom:.18,children:(0,t.jsx)(eQ.default,{variant:y||null!=x&&x>=1?"success":"default",fillProgress:x,onFillComplete:R,hideDotWhenComplete:y})}),(0,t.jsx)(o.motion.div,{variants:e3,custom:.24,children:(0,t.jsx)(eW.default,{id:"end",title:"End",isEndStep:!0,status:"idle"===C?null:C,borderLoopCount:2})})]})}),(0,t.jsx)(e2,{variant:"broadcasts",isOpen:s,onClose:()=>{},isRunning:"running"===w,isCompleted:"completed"===w,dismissible:!1,viewport:c,language:u})]})}let e4=[[{label:"Outlook",imagePath:"/assets/features/broadcasts/outlook-series-a-preview.png"},{label:"iOS Outlook",imagePath:"/assets/features/broadcasts/ios-outlook-series-a-preview.png"},{label:"Android Outlook",imagePath:"/assets/features/broadcasts/android-outlook-series-a-preview.png"}],[{label:"Gmail",imagePath:"/assets/features/broadcasts/gmail-series-a-preview.png"},{label:"iOS Gmail",imagePath:"/assets/features/broadcasts/ios-gmail-series-a-preview.png"},{label:"Android Gmail",imagePath:"/assets/features/broadcasts/android-outlook-series-a-preview.png"}],[{label:"Apple Mail",imagePath:"/assets/features/broadcasts/apple-mail-series-a-preview.png"},{label:"Office 365",imagePath:"/assets/features/broadcasts/office-365-series-a-preview.png"},{label:"Plaintext",imagePath:"/assets/features/broadcasts/plaintext-series-a-preview.png"}]];function e6(){return(0,t.jsxs)("div",{className:"relative flex h-full w-full items-center justify-center overflow-hidden bg-[var(--tgph-surface-2)] p-6",style:{backgroundImage:"radial-gradient(circle, var(--tgph-gray-5) 1px, transparent 1px)",backgroundSize:"12px 12px"},children:[(0,t.jsx)("div",{className:"absolute inset-0 z-10 pointer-events-none",style:{backgroundColor:"rgba(0,0,0,0.15)"}}),(0,t.jsx)("div",{className:"relative z-20 grid w-full max-w-4xl grid-cols-3 gap-4",children:e4.flat().map(({label:e,imagePath:a})=>(0,t.jsxs)("div",{className:"flex flex-col overflow-hidden rounded-[4px] bg-white",style:{pointerEvents:"none",boxShadow:"0 0 1px rgba(28, 32, 36, 0.06), 0 1px 1px rgba(28, 32, 36, 0.05), 0 3px 2px rgba(28, 32, 36, 0.03), 0 5px 2px rgba(28, 32, 36, 0.01), inset 0 0 0 1px #CBCFD5",aspectRatio:"172 / 169"},children:[(0,t.jsx)("div",{className:"relative min-h-0 flex-1 overflow-hidden border-b border-[#DFE2E5] bg-[#FFFFFF]",children:(0,t.jsx)("img",{src:a,alt:"",className:"h-full w-full object-cover",onError:e=>{e.target.src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Crect fill='%23E5E7EB' width='100' height='100'/%3E%3C/svg%3E"}})}),(0,t.jsx)("div",{className:"flex shrink-0 items-center border-t border-[#DFE2E5] bg-[#FFFFFF] px-3 py-2",style:{fontFamily:"Inter, system-ui, sans-serif"},children:(0,t.jsx)("span",{className:"text-[12px] font-medium leading-4 text-[#1C2024] tracking-[0.03px]",children:e})})]},e))})]})}function e9({embed:e=!1}){var o,d;let c="send-email-qualified",{ref:u,inView:p}=(0,s.useInView)({threshold:0}),m=(0,n.useReducedMotion)(),[h,g]=(0,a.useState)(!1),x=(0,a.useRef)(!1),[f,v]=(0,a.useState)(null),[b,y]=(0,a.useState)(!1),[j,w]=(0,a.useState)(!1),[N,C]=(0,a.useState)(!1),[k,T]=(0,a.useState)(!1),[S,z]=(0,a.useState)(!1),[E,P]=(0,a.useState)(!1),[_,A]=(0,a.useState)(!1),[R,L]=(0,a.useState)(0),F=(0,a.useRef)(!1),[M,D]=(0,a.useState)("desktop"),[q,I]=(0,a.useState)("en"),[O,B]=(0,a.useState)("in-browser"),$=(0,a.useCallback)(()=>{y(e=>!e)},[]);(0,a.useEffect)(()=>{p&&!x.current&&(x.current=!0,g(!0))},[p]),(0,a.useEffect)(()=>
174{if(!h||F.current)return;F.current=!0;let e=setTimeout(()=>C(!0),250*!m);return()=>clearTimeout(e)},[h,m]);let V=(0,a.useCallback)(()=>{T(!0)},[]),U=(0,a.useCallback)(()=>{y(!0)},[]),G=(0,a.useCallback)(()=>{z(!0)},[]),W=(0,a.useCallback)(()=>{P(!0)},[]),Q=(0,a.useCallback)(()=>{A(!0),v("Rendering")},[]),H=!k&&!_;(0,a.useCallback)(()=>{H&&N||(C(!1),T(!1),z(!1),P(!1),A(!1),v(null),y(!1),L(e=>e+1),F.current=!1,setTimeout(()=>C(!0),250*!m))},[H,N,m]),(0,a.useEffect)(()=>{if(!E)return;let e=setTimeout(()=>P(!1),1500);return()=>clearTimeout(e)},[E]);let Y=ea.broadcasts,J=K[c],Z=Y&&J?{title:J.title,subtitle:"Timeline view announcement",icon:J.icon,iconImage:"/assets/integrations/icons/resend-dark.png",variant:J.variant,sections:(o=Y.sections,d=Date.now(),o.map(e=>"branches"===e.type?{...e,data:{...e.data,isAnimating:false,isCompleted:true}}:"fields"!==e.type?e:{...e,fields:e.fields.flatMap(e=>"Status"===e.label?[{...e,value:"Completed",variant:"success"}]:"Executed at"===e.label?d?[{...e,value:(0,l.format)(new Date(d),"MMM dd yyyy, HH:mm:ss")}]:[{...e,value:"â"}]:(e.label,"Send at"===e.label?[{...e,value:(0,l.format)(new Date,"EEE, MMM d, yyyy, h:mm a zzz")}]:[e]))}))}:null,X=(0,t.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-1 p-4 lg:p-0 lg:h-[720px]",children:[(0,t.jsx)("div",{className:"lg:col-span-5 h-full min-h-0 order-2 lg:order-1",children:(0,t.jsx)(eq,{selectedStep:Z,stepId:c,isRunning:N,isCompleted:k,onSubStatusChange:v,onTogglePreview:$,isPreviewOpen:b,emailContentReady:S,onToggleAgentPreview:()=>{},isAgentPreviewOpen:!1,agentJsonAnimationComplete:!1,onAnimationComplete:V,staticDisplay:!1,statusOverride:_?null:"Scheduled"})}),(0,t.jsx)("div",{className:"lg:col-span-7 flex h-full min-h-0 flex-col order-1 lg:order-2",children:(0,t.jsxs)("div",{className:(0,i.default)("flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg border transition-[border-color,box-shadow] duration-700",E?"border-[var(--tgph-green-6)] shadow-[0_0_16px_2px_var(--tgph-green-4)]":"border-[var(--tgph-gray-5)]"),children:[(0,t.jsx)(eG,{viewport:M,onViewportChange:D,language:q,onLanguageChange:I,previewMode:O,onPreviewModeChange:B}),(0,t.jsx)("div",{className:"relative flex min-h-0 flex-1 flex-col",children:"in-browser"===O?(0,t.jsx)(e5,{isRunning:N,isCompleted:k,isPreviewOpen:b,onEmailReached:U,onEmailContentReady:G,onCanvasFlash:W,onConnector1Start:Q,viewport:M,language:q},R):(0,t.jsx)(e6,{})})]})})]});return e?(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("div",{ref:u,className:"absolute left-0 w-px h-px pointer-events-none",style:{top:"50%"}}),X]}):(0,t.jsxs)("div",{className:"relative bg-linear16 pt-20","data-workflow-interactive":!0,children:[(0,t.jsx)("div",{ref:u,className:"absolute left-0 w-px h-px pointer-events-none",style:{top:"50%"}}),(0,t.jsx)("div",{className:"w-screen",children:(0,t.jsx)("div",{className:"max-w-[1440px] mx-auto relative",children:(0,t.jsxs)("div",{className:"grid grid-cols-12",children:[(0,t.jsx)(r.default.BorderGrid,{position:"left",className:""}),(0,t.jsx)("section",{className:"relative w-full h-full col-span-10 col-start-2 hidden md:block",children:(0,t.jsx)("div",{className:"max-w-[1216px] mx-auto relative transition-all duration-700 ease-out",children:X})}),(0,t.jsx)(r.default.BorderGrid,{position:"right"})]})})})]})}var e7=e.i(273551),e8=e.i(259165),e8=e8,te=e.i(447903),tt=e.i(235090),ta=e.i(972733);let ti="Manage preferences",ts="Select which communications you'd like to receive from us.",tn=[{id:"newsletter",title:"Monthly newsletter",description:"Product updates, company news, and more.",type:"Category",enabled:!0,visible:!0},{id:"onboarding",title:"Onboarding tips",description:"Getting started tips, helpful links, and more.",type:"Workflow",enabled:!0,visible:!0},{id:"product-alerts",title:"Product alerts",description:"Relevant alerts from changes in your account.",type:"Category",enabled:!0,visible:!0,channels:[{id:"email",label:"Email",enabled:!0},{id:"in-app",label:"In-app",enabled:!0},{id:"sms",label:"SMS",enabled:!0}]},{id:"commercial",title:"Commercial messages",description:"Receive promotional emails from Knock.",type:"Commercial",enabled:!0,visible:!0,visibilityLocked:!0}];function tl(){return tn.map(e=>({...e,channels:e.channels?e.channels.map(e=>({...e})):void 0}))}let tr={en:{title:ti,body:ts,saveButton:"Save preferences",options:{newsletter:{title:"Monthly newsletter",description:"Product updates, company news, and more."}
174,onboarding:{title:"Onboarding tips",description:"Getting started tips, helpful links, and more."},"product-alerts":{title:"Product alerts",description:"Relevant alerts from changes in your account."},commercial:{title:"Commercial messages",description:"Receive promotional emails from Knock."}},channels:{email:"Email","in-app":"In-app",sms:"SMS"}},es:{title:"Administrar preferencias",body:"Selecciona qué comunicaciones te gustarÃa recibir de nosotros.",saveButton:"Guardar preferencias",options:{newsletter:{title:"BoletÃn mensual",description:"Actualizaciones de producto, noticias de la empresa y más."},onboarding:{title:"Consejos de incorporación",description:"Consejos para empezar, enlaces útiles y más."},"product-alerts":{title:"Alertas de producto",description:"Alertas relevantes sobre cambios en tu cuenta."},commercial:{title:"Mensajes comerciales",description:"Recibe correos promocionales de Knock."}},channels:{email:"Correo","in-app":"En la app",sms:"SMS"}},de:{title:"Einstellungen verwalten",body:"Wähle aus, welche Mitteilungen du von uns erhalten möchtest.",saveButton:"Einstellungen speichern",options:{newsletter:{title:"Monatlicher Newsletter",description:"Produktupdates, Unternehmensnews und mehr."},onboarding:{title:"Onboarding-Tipps",description:"Erste Schritte, hilfreiche Links und mehr."},"product-alerts":{title:"Produktwarnungen",description:"Relevante Warnungen zu Ãnderungen in deinem Konto."},commercial:{title:"Werbenachrichten",description:"Erhalte Werbe-E-Mails von Knock."}},channels:{email:"E-Mail","in-app":"In-App",sms:"SMS"}},fr:{title:"Gérer les préférences",body:"Sélectionnez les communications que vous souhaitez recevoir de notre part.",saveButton:"Enregistrer les préférences",options:{newsletter:{title:"Newsletter mensuelle",description:"Mises à jour produit, actualités de l'entreprise, et plus."},onboarding:{title:"Conseils d'intégration",description:"Conseils pour bien démarrer, liens utiles, et plus."},"product-alerts":{title:"Alertes produit",description:"Alertes pertinentes liées aux changements sur votre compte."},commercial:{title:"Messages commerciaux",description:"Recevez des e-mails promotionnels de Knock."}},channels:{email:"E-mail","in-app":"In-app",sms:"SMS"}}};function to({value:e,limit:a}){let s=e?.length??0;return(0,t.jsxs)("span",{className:(0,i.default)("shrink-0 text-xs tabular-nums",s>a?"text-red-600":"text-[#60646C]"),children:[s," / ",a," characters"]})}let td={Category:"bg-[#EBF2FF] text-[#3569E0] border-[#3569E0]/20",Workflow:"bg-[#F4F0FE] text-[#7C3AED] border-[#7C3AED]/20",Commercial:"bg-[#FFF4E6] text-[#D97706] border-[#D97706]/20"};function tc({option:e,onToggleVisibility:a}){let s=td[e.type]??td.Category,n=!1!==e.visible,l=!0===e.visibilityLocked;return(0,t.jsxs)("div",{className:"flex w-full items-start gap-2 rounded-md border border-[var(--tgph-gray-5)] bg-white px-2 py-2 transition-colors hover:bg-[var(--tgph-gray-2)]",children:[(0,t.jsx)(e8.default,{className:"mt-0.5 size-3.5 shrink-0 text-[var(--tgph-gray-8)]","aria-hidden":!0}),(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsxs)("div",{className:"flex flex-wrap items-center gap-1.5",children:[(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",className:"text-[#1D2023]",children:e.title}),(0,t.jsx)("span",{className:(0,i.default)("inline-flex shrink-0 rounded px-1 py-0 text-[10px] font-medium border",s),children:e.type}),e.channels?.map(({id:e,label:a})=>{let i="email"===e?h.Mail:"in-app"===e?te.Bell:tt.MessageSquare;return(0,t.jsx)("span",{"aria-label":a,className:"inline-flex shrink-0 items-center justify-center text-[var(--tgph-gray-9)]",children:(0,t.jsx)(i,{className:"size-3","aria-hidden":!0})},e)})]}),(0,t.jsx)(c.Text,{as:"p",size:"0",color:"gray",className:"mt-0.5 leading-4",children:e.description})]}),(0,t.jsx)("button",{type:"button",disabled:l,onClick:t=>{t.stopPropagation(),l||a?.(e.id)},"aria-label":l?`${e.title} is always visible`:n?`Hide ${e.title}`:`Show ${e.title}`,className:(0,i.default)("flex size-6 shrink-0 self-center items-center justify-center rounded transition-colors",l?"cursor-not-allowed text-[var(--tgph-gray-7)]":"text-[var(--tgph-gray-11)] hover:bg-[var(--tgph-gray-3)]"),children:n?(0,t.jsx)(L.Eye,{className:"size-3.5","aria-hidden":!0}):(0,t.jsx)(F.EyeOff,{className:"size-3.5","aria-hidden":!0})})]})}function tu({title:e,body:a,onTitleChange:i,onBodyChange:s,options:n,onToggleVisibility:l}){return(0,t.jsxs)("div",{className:"flex h-full min-h-0 flex-col overflow-hidden rounded-lg border border-[var(--tgph-gray-5)] bg-white",children:[(0,t.jsx)("div",{className:"shrink-0 border-b border-[var(--tgph-gray-4)] p-4",children:(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("div",{className:"flex size-10 shrink-0 items-center justify-center rounded bg-[#EFF0F3]",children:(0,t.jsx)(e7.SlidersHorizontal,{className:"size-[18px] text-[#60646A]","aria-hidden":!0})}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)(c.Text,{as:"div",size:"2",weight:"medium",color:"gray",children:"Preference center"}),(0,t.jsx)(c.Text,{as:"div",size:"2",weight:"semibold",className:"text-[#1D2023]",children:"A hosted page where users manage notification preferences."})]})]})}),(0,t.jsx)("div",{className:"flex-1 overflow-y-auto p-4 text-[13px]",children:(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"mb-1 flex items-center justify-between gap-3",children:[(0,t.jsx)("label",{htmlFor:"pref-title",children:(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",color:"gray",children:"Title"})}),(0,t.jsx)(to,{value:e,limit:60})]}),(0,t.jsx)("input",{id:"pref-title",type:"text",value:e,maxLength:60,onChange:e=>i?.(e.target.value.slice(0,60)),className:"w-full rounded-md border border-[var(--tgph-gray-5)] bg-white px-2.5 py-1.5 text-[13px] text-[#1D2023] outline-none transition-colors focus:border-[#3569E0]"})]}),(0,t.jsxs)("div",{children:[(0,t.jsxs)("div",{className:"mb-1 flex items-center justify-between gap-3",children:[(0,t.jsx)("label",{htmlFor:"pref-body",children:(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",color:"gray",children:"Body"})}),(0,t.jsx)(to,{value:a,limit:180})]}),(0,t.jsx)("textarea",{id:"pref-body",value:a,maxLength:180,onChange:e=>s?.(e.target.value.slice(0,180)),rows:3,className:"w-full resize-none rounded-md border border-[var(--tgph-gray-5)] bg-white px-2.5 py-1.5 text-[13px] leading-5 text-[#1D2023] outline-none transition-colors focus:border-[#3569E0]"})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)(c.Text,{as:"h4",size:"1",weight:"medium",color:"gray",className:"mb-2",children:"Preference options"}),(0,t.jsx)("div",{className:"space-y-1.5",children:n.map(e=>(0,t.jsx)(tc,{option:e,onToggleVisibility:l},e.id))}),(0,t.jsxs)("button",{type:"button",className:"mt-2 flex w-full items-center justify-center gap-1.5 rounded-md border border-dashed border-[var(--tgph-gray-5)] px-2 py-2 text-[13px] font-medium text-[var(--tgph-gray-11)] transition-colors hover:bg-[var(--tgph-gray-2)]",children:[(0,t.jsx)(ta.Plus,{className:"size-3.5","aria-hidden":!0}),"Add preference option"]})]})]})})]})}let tp=[{id:"en",label:"English"},{id:"es",label:"Spanish"},{id:"de",label:"German"},{id:"fr",label:"French"}];function tm({language:e="en",onLanguageChange:s}
174){let[n,l]=(0,a.useState)(!1),r=(0,a.useRef)(null);return(0,a.useEffect)(()=>{function e(e){r.current&&!r.current.contains(e.target)&&l(!1)}return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),(0,t.jsxs)("div",{className:"flex shrink-0 items-center gap-2 border-b border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] px-4 py-2","data-name":"PreviewHeader",children:[(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",color:"default",className:"shrink-0 whitespace-nowrap",children:"Preview"}),(0,t.jsx)("div",{className:"flex flex-1 items-center justify-end gap-2",children:(0,t.jsxs)("div",{className:"relative",ref:r,children:[(0,t.jsxs)("button",{type:"button",onClick:()=>l(e=>!e),className:"flex h-6 items-center justify-center gap-1 rounded-[4px] px-1.5 text-[var(--tgph-gray-11)] transition-colors hover:bg-[var(--tgph-gray-3)]",children:[(0,t.jsx)(e$.Languages,{className:"size-3.5 shrink-0","aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",color:"gray",children:tp.find(t=>t.id===e)?.label??"English"}),(0,t.jsx)(eT.ChevronDown,{className:(0,i.default)("size-3.5 shrink-0 transition-transform",n&&"rotate-180"),"aria-hidden":!0})]}),n&&(0,t.jsx)("div",{className:"absolute right-0 top-full z-30 mt-1 min-w-[120px] rounded-md border border-[var(--tgph-gray-5)] bg-white py-1 shadow-lg",children:tp.map(({id:a,label:n})=>(0,t.jsx)("button",{type:"button",onClick:()=>{s?.(a),l(!1)},className:(0,i.default)("flex w-full items-center gap-2 px-3 py-2 text-left text-[14px] transition-colors hover:bg-[var(--tgph-gray-2)]",e===a&&"bg-[var(--tgph-gray-2)]"),children:n},a))})]})})]})}var th=e.i(126019);function tg({checked:e,onChange:a,ariaLabel:s}){return(0,t.jsx)("button",{type:"button",role:"switch","aria-checked":e,"aria-label":s,onClick:()=>a?.(!e),className:(0,i.default)("relative inline-flex h-4 w-7 shrink-0 items-center rounded-full transition-colors duration-200",e?"bg-[#3569E0]":"bg-[#D7DADF]"),children:(0,t.jsx)("span",{className:(0,i.default)("inline-block size-3 rounded-full bg-white shadow transition-transform duration-200",e?"translate-x-3.5":"translate-x-0.5")})})}let tx={email:h.Mail,"in-app":te.Bell,sms:tt.MessageSquare};function tf({title:e,description:a,enabled:i,onToggle:s,channels:n,onChannelToggle:l,expanded:r=!1}){return(0,t.jsxs)("div",{className:"rounded-lg border border-[#E4E7EC] bg-white px-3 py-2.5",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between gap-2.5",children:[(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsx)("p",{className:"text-[13px] font-medium leading-[18px] text-[#1C2024]",children:e}),(0,t.jsx)("p",{className:"mt-0.5 text-[12px] leading-4 text-[#60646C]",children:a})]}),(0,t.jsx)(tg,{checked:i,onChange:s,ariaLabel:`Toggle ${e}`})]}),r&&n&&(0,t.jsx)("div",{className:"mt-2 space-y-1.5 border-t border-[#E4E7EC] pt-2",children:n.map(a=>{let i=tx[a.id];return(0,t.jsxs)("div",{className:"flex items-center justify-between gap-2.5 pl-1",children:[(0,t.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,t.jsx)(i,{className:"size-3 text-[#60646C]","aria-hidden":!0}),(0,t.jsx)("span",{className:"text-[12px] font-medium text-[#1C2024]",children:a.label})]}),(0,t.jsx)(tg,{checked:a.enabled,onChange:e=>l?.(a.id,e),ariaLabel:`Toggle ${a.label} for ${e}`})]},a.id)})})]})}function tv({title:e,body:a,language:s="en",options:n,onToggleOption:l,onToggleChannel:r,onSave:o,savePressed:d}){let c=function(e,{title:t,body:a,options:i}){let s=tr[e]??tr.en;return{title:"en"===e?t:s.title,body:"en"===e?a:s.body,saveButton:s.saveButton,options:i.map(t=>{let a=s.options[t.id];return{...t,title:"en"===e?t.title:a?.title??t.title,description:"en"===e?t.description:a?.description??t.description,channels:t.channels?.map(e=>({...e,label:s.channels[e.id]??e.label}))}})}}(s,{title:e,body:a,options:n});return(0,t.jsx)("div",{className:"relative flex min-h-0 flex-1 flex-col overflow-hidden rounded-b-lg bg-[var(--tgph-surface-2)]",style:{backgroundImage:"radial-gradient(circle, var(--tgph-gray-5) 1px, transparent 1px)",backgroundSize:"12px 12px"},children:(0,t.jsx)("div",{className:"flex min-h-0 flex-1 items-center justify-center overflow-hidden p-2.5",children:(0,t.jsxs)("div",{className:"w-full max-w-[540px] rounded-xl bg-white px-8 py-7",style:{boxShadow:"0 0 1px rgba(28, 32, 36, 0.06), 0 1px 1px rgba(28, 32, 36, 0.05), 0 3px 2px rgba(28, 32, 36, 0.03), 0 5px 2px rgba(28, 32, 36, 0.01), inset 0 0 0 1px #E4E7EC"},children:[(0,t.jsx)("div",{className:"mb-4 flex justify-center",children:(0,t.jsx)(th.default,{src:"/assets/collabio/CollabIOLogo.png",alt:"Collab.io",width:120,height:32,className:"h-8 w-auto"})}),(0,t.jsx)("h2",{className:"text-center text-[18px] font-semibold leading-5 text-[#1C2024]",children:c.title}),(0,t.jsx)("p",{className:"mt-1 text-center text-[12px] leading-4 text-[#60646C]",children:c.body}),(0,t.jsx)("div",{className:"mt-4 space-y-1.5",children:c.options.filter(e=>!1!==e.visible).map(e=>
174(0,t.jsx)(tf,{title:e.title,description:e.description,enabled:e.enabled,onToggle:t=>l?.(e.id,t),channels:e.channels,onChannelToggle:(t,a)=>r?.(e.id,t,a),expanded:"product-alerts"===e.id},e.id))}),(0,t.jsx)("button",{type:"button",onClick:o,className:(0,i.default)("mt-4 w-full rounded-md px-4 py-2 text-[13px] font-medium text-white transition-colors",d?"bg-[#4355C0]":"bg-[#5469D4] hover:bg-[#4355C0]"),children:c.saveButton})]})})})}function tb(){let[e,i]=(0,a.useState)(ti),[s,n]=(0,a.useState)(ts),[l,o]=(0,a.useState)(tl),[d,c]=(0,a.useState)("en"),[u,p]=(0,a.useState)(!1),m=(0,a.useCallback)((e,t)=>{o(a=>a.map(a=>a.id===e?{...a,enabled:t}:a))},[]),h=(0,a.useCallback)((e,t,a)=>{o(i=>i.map(i=>i.id===e&&i.channels?{...i,channels:i.channels.map(e=>e.id===t?{...e,enabled:a}:e)}:i))},[]),g=(0,a.useCallback)(e=>{o(t=>t.map(t=>t.id!==e||t.visibilityLocked?t:{...t,visible:!t.visible}))},[]),x=(0,a.useCallback)(()=>{p(!0),window.setTimeout(()=>p(!1),200)},[]),f=(0,t.jsxs)("div",{className:"grid grid-cols-1 gap-1 p-4 lg:h-[720px] lg:grid-cols-12 lg:p-0",children:[(0,t.jsx)("div",{className:"order-2 h-full min-h-0 lg:order-1 lg:col-span-5",children:(0,t.jsx)(tu,{title:e,body:s,onTitleChange:i,onBodyChange:n,options:l,onToggleVisibility:g})}),(0,t.jsx)("div",{className:"order-1 flex h-full min-h-0 flex-col lg:order-2 lg:col-span-7",children:(0,t.jsxs)("div",{className:"flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg border border-[var(--tgph-gray-5)]",children:[(0,t.jsx)(tm,{language:d,onLanguageChange:c}),(0,t.jsx)(tv,{title:e,body:s,language:d,options:l,onToggleOption:m,onToggleChannel:h,onSave:x,savePressed:u})]})})]});return(0,t.jsx)("div",{className:"relative bg-linear16 pt-20","data-workflow-interactive":!0,children:(0,t.jsx)("div",{className:"w-screen",children:(0,t.jsx)("div",{className:"relative mx-auto max-w-[1440px]",children:(0,t.jsxs)("div",{className:"grid grid-cols-12",children:[(0,t.jsx)(r.default.BorderGrid,{position:"left"}),(0,t.jsx)("section",{className:"relative col-span-10 col-start-2 hidden h-full w-full md:block",children:(0,t.jsx)("div",{className:"relative mx-auto max-w-[1216px] transition-all duration-700 ease-out",children:f})}),(0,t.jsx)(r.default.BorderGrid,{position:"right"})]})})})})}var ty=e.i(745168),tj=e.i(360926),tj=tj;function tw({text:e,shouldStart:i,isCompleted:s,onComplete:n}){let[l,r]=(0,a.useState)(s?e.length:0),o=(0,a.useRef)(0),d=(0,a.useRef)(!1),u=(0,a.useRef)(!1);(0,a.useEffect)(()=>{s?r(e.length):i&&!d.current&&(d.current=!0,r(0),o.current=0)},[i,s,e.length]),(0,a.useEffect)(()=>{let t;if(!d.current||s||l>=e.length)return;let a=performance.now(),i=s=>{let n=s-a;a=s,o.current+=n;let l=Math.min(e.length,Math.ceil(.18*o.current));r(l),l<e.length&&(t=requestAnimationFrame(i))};return t=requestAnimationFrame(i),()=>cancelAnimationFrame(t)},[l,s,e]),(0,a.useEffect)(()=>{(l>=e.length||s)&&n&&!u.current&&(u.current=!0,n())},[l,e.length,s,n]);let p=(s?e:e.slice(0,l)).split("\n").filter(e=>e.length>0);return(0,t.jsx)("div",{className:"space-y-1.5",children:p.map((e,a)=>(0,t.jsx)(c.Text,{as:"p",size:"2",color:"gray",className:"leading-5 overflow-hidden text-ellipsis",children:e},a))})}function tN({text:e,shouldStart:i,isCompleted:s,onComplete:n}){let[l,r]=(0,a.useState)(s?e.length:0),o=(0,a.useRef)(0),d=(0,a.useRef)(!1),c=(0,a.useRef)(!1);(0,a.useEffect)(()=>{s?r(e.length):i&&!d.current&&(d.current=!0,r(0),o.current=0)},[i,s,e.length]),(0,a.useEffect)(()=>{let t;if(!d.current||s||l>=e.length)return;let a=performance.now(),i=s=>{let n=s-a;a=s,o.current+=n;let l=Math.min(e.length,Math.ceil(.12*o.current));r(l),l<e.length&&(t=requestAnimationFrame(i))};return t=requestAnimationFrame(i),()=>cancelAnimationFrame(t)},[l,s,e]),(0,a.useEffect)(()=>{(l>=e.length||s)&&n&&!c.current&&(c.current=!0,n())},[l,e.length,s,n]);let u=s?e:e.slice(0,l);return(0,t.jsx)("pre",{className:"font-mono text-[13px] leading-5 text-[var(--tgph-gray-11)] whitespace-pre-wrap break-words",children:u})}function tC({isOpen:e,onClose:i,isRunning:s=!1,isCompleted:n=!1,onJsonAnimationComplete:l,agentResponseData:r=J}){let{prompt:u,thinking:p,responseJson:m}=r,[h,g]=(0,a.useState)(0),[x,f]=(0,a.useState)(!1),v=(0,a.useRef)(0);(0,a.useEffect)(()=>
174{if(!e)return;if(n){g(1/0),f(!0);return}if(!s)return;v.current=performance.now();let t=()=>{let e=performance.now(),a=e-v.current;v.current=e,g(e=>e+a),requestAnimationFrame(t)},a=requestAnimationFrame(t);return()=>cancelAnimationFrame(a)},[e,s,n]),(0,a.useEffect)(()=>{e&&!n&&(g(0),f(!1))},[e,n]);let b=!s&&!n,y=n||b,j=s&&!n&&!b&&h<1e3,w=h>=1e3||n||b,N=x||n||b;return(0,t.jsx)(d.AnimatePresence,{children:e&&(0,t.jsx)(o.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},className:"absolute inset-0 z-20 flex items-start justify-center p-6 cursor-pointer",style:{backgroundColor:"rgba(0,0,0,0.15)"},onClick:i,children:(0,t.jsxs)(o.motion.div,{initial:{opacity:0,y:20,scale:.97},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:20,scale:.97},transition:{duration:.25,ease:"easeOut"},className:"w-full h-full max-h-full overflow-hidden rounded-lg border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] shadow-lg flex flex-col cursor-default",onClick:e=>e.stopPropagation(),children:[(0,t.jsxs)("div",{className:"flex items-center justify-between px-4 py-2.5 border-b border-[var(--tgph-gray-4)] bg-[var(--tgph-surface-2)] shrink-0",children:[(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",color:"default",children:"Agent run"}),(0,t.jsx)("button",{type:"button",onClick:i,className:"p-1 rounded hover:bg-[var(--tgph-gray-3)] text-[var(--tgph-gray-9)] transition-colors",children:(0,t.jsx)(eY.X,{className:"size-3.5","aria-hidden":!0})})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-3 p-4 overflow-y-auto flex-1",children:[(0,t.jsx)(o.motion.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.2},className:"rounded-lg border border-[var(--tgph-gray-5)] bg-white px-2 py-1.5",children:(0,t.jsx)(c.Text,{as:"p",size:"2",color:"default",className:"leading-5",children:u})}),(0,t.jsxs)(o.motion.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.2,delay:.1},className:"flex flex-col gap-2",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(tj.default,{className:"size-3 text-[var(--tgph-gray-9)] shrink-0"}),(0,t.jsx)(c.Text,{as:"span",size:"0",weight:"medium",color:"gray",className:j?"animate-pulse":"",children:"Thinking..."}),(0,t.jsx)(eT.ChevronDown,{className:"size-3.5 text-[var(--tgph-gray-9)] shrink-0"})]}),w&&(0,t.jsx)("div",{className:"pl-3 border-l border-[var(--tgph-gray-5)]",children:(0,t.jsx)(tw,{text:p,shouldStart:w,isCompleted:y,onComplete:()=>f(!0)})}),(j||w&&!x&&s)&&(0,t.jsx)("div",{className:"flex items-start pt-1",children:(0,t.jsx)(E.Loader2,{className:"size-4 animate-spin text-[var(--tgph-gray-9)] shrink-0"})})]}),(0,t.jsx)(d.AnimatePresence,{children:N&&(0,t.jsxs)(o.motion.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},exit:{opacity:0},transition:{duration:.2},className:"flex flex-col gap-2",children:[(0,t.jsx)(c.Text,{as:"p",size:"2",weight:"medium",color:"default",className:"mb-0",children:"Response"}),(0,t.jsx)("div",{className:"rounded-lg border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-2)] px-2 py-2",children:(0,t.jsx)(tN,{text:m,shouldStart:N,isCompleted:y,onComplete:l})})]})})]})]},"agent-response-modal")},"agent-response-backdrop")})}let tk={hidden:{opacity:0,y:12},visible:e=>({opacity:1,y:0,transition:{duration:.35,ease:"easeOut",delay:e}})};function tT({steps:e=W,selectedStepId:s="ai-agent",onCellClick:n,hideAddToAudience:l=!1,stepState:r={},animationRunning:d=!1,connectorState:u={},connectorFillProgress:p={},stepDisplayTimestamp:m={},onConnectorFillComplete:h,onTrunkFillComplete:g,onLeftFillComplete:x,branchCompleted:f=!1,hasEnteredView:v=!1,onEntryComplete:b,isComplete:y=!1,sendEmailSubStatus:j=null,isEmailPreviewOpen:w=!1,emailPreviewRunning:N=!1,emailPreviewCompleted:C=!1,onCloseEmailPreview:k,onEmailContentAnimationComplete:T,isAgentPreviewOpen:S=!1,onCloseAgentPreview:z,agentPreviewRunning:E=!1,agentPreviewCompleted:P=!1,onJsonAnimationComplete:_,agentResponseData:A=J,empty:R=!1,embedded:L=!1}){let[F,M]=(0,a.useState)(!1);if(R)return(0,t.jsx)("div",{className:(0,i.default)("relative flex-1 items-center h-full min-h-[400px] overflow-hidden bg-[var(--tgph-surface-2)]",L?"rounded-b-lg":"rounded-lg border border-[var(--tgph-gray-5)]"),style:{backgroundImage:"radial-gradient(circle, var(--tgph-gray-5) 1px, transparent 1px)",backgroundSize:"12px 12px"}});let D=(0,a.useRef)(!1);(0,a.useEffect)(()=>
174{if(y&&!D.current){M(!0);let e=setTimeout(()=>M(!1),1500);return D.current=!0,()=>clearTimeout(e)}y||(D.current=!1)},[y]);let q=e=>{let t=r[e]??null;return"running"!==t||d?t:"paused"},I=e=>m[e],O=e=>{let t=u[e];return"success"===t?"success":"inactive"===t?"inactive":"default"},B=e=>p[e];return(0,t.jsxs)("div",{className:(0,i.default)("relative flex-1 items-center h-full min-h-[400px] rounded-lg overflow-hidden border bg-[var(--tgph-surface-2)] pt-3 transition-[border-color,box-shadow] duration-700",F?"border-[var(--tgph-green-6)] shadow-[0_0_16px_2px_var(--tgph-green-4)]":"border-[var(--tgph-gray-5)]"),style:{backgroundImage:"radial-gradient(circle, var(--tgph-gray-5) 1px, transparent 1px)",backgroundSize:"12px 12px"},children:[(0,t.jsxs)(o.motion.div,{initial:"hidden",animate:v?"visible":"hidden",className:"relative z-10 p-6 flex flex-col min-w-[640px]",children:[(0,t.jsxs)("div",{className:"flex flex-col items-center gap-0 w-full",children:[(0,t.jsx)(o.motion.div,{variants:tk,custom:0,children:(0,t.jsx)(eW.default,{...e[0],id:e[0].id,status:q(e[0].id),timestamp:I(e[0].id),borderLoopCount:el(e[0].id).borderLoopCount,isSelected:e[0].id===s,onCellClick:n})}),(0,t.jsx)(o.motion.div,{variants:tk,custom:.06,children:(0,t.jsx)(eQ.default,{variant:O("trigger_ai"),fillProgress:B("trigger_ai"),onFillComplete:()=>h?.("trigger_ai")})}),(0,t.jsx)(o.motion.div,{variants:tk,custom:.12,children:(0,t.jsx)(eW.default,{...e[1],id:e[1].id,status:q(e[1].id),timestamp:I(e[1].id),borderLoopCount:el(e[1].id).borderLoopCount,isSelected:e[1].id===s,onCellClick:n})}),(0,t.jsx)(o.motion.div,{variants:tk,custom:.18,children:(0,t.jsx)(eQ.default,{variant:O("ai_branch"),fillProgress:B("ai_branch"),onFillComplete:()=>h?.("ai_branch")})}),(0,t.jsx)(o.motion.div,{variants:tk,custom:.24,children:(0,t.jsx)(eW.default,{...e[2],id:e[2].id,status:q(e[2].id),timestamp:I(e[2].id),borderLoopCount:el(e[2].id).borderLoopCount,isSelected:e[2].id===s,onCellClick:n})}),(0,t.jsx)(o.motion.div,{variants:tk,custom:.3,className:"w-full",children:(0,t.jsx)(ty.default,{trunkState:u.branch_trunk??"pending",leftState:u.branch_left??"pending",rightState:f?"inactive":"default",trunkFillProgress:p.branch_trunk,leftFillProgress:p.branch_left,onTrunkFillComplete:g,onLeftFillComplete:x})})]}),(0,t.jsxs)("div",{className:"flex gap-8 pl-4",children:[(0,t.jsxs)("div",{className:"flex flex-col items-center gap-0 flex-1",children:[(0,t.jsx)(o.motion.div,{variants:tk,custom:.36,children:(0,t.jsx)(c.Text,{as:"span",size:"0",weight:"medium",className:(0,i.default)("py-1.5 bg-[var(--tgph-gray-2)] font-medium rounded px-2 border transition-colors duration-500",f?"border-[var(--tgph-green-5)] text-[var(--tgph-gray-11)]":"border-[var(--tgph-gray-5)] text-[var(--tgph-gray-9)]"),children:l?e[5]?.branchLabel:e[3]?.branchLabel||"Qualified"})}),(0,t.jsx)(o.motion.div,{variants:tk,custom:.42,className:"mt-1",children:(0,t.jsx)(eQ.default,{variant:O("branch_left")})}),!l&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.motion.div,{variants:tk,custom:.48,children:(0,t.jsx)(eW.default,{...e[3],id:e[3].id,status:q(e[3].id),timestamp:I(e[3].id),borderLoopCount:el(e[3].id).borderLoopCount,isSelected:e[3].id===s,onCellClick:n})}),(0,t.jsx)(o.motion.div,{variants:tk,custom:.54,children:(0,t.jsx)(eQ.default,{variant:O("email_audience"),fillProgress:B("email_audience"),onFillComplete:()=>h?.("email_audience")})})]}),(0,t.jsx)(o.motion.div,{variants:tk,custom:.6,children:(0,t.jsx)(eW.default,{...e[5],id:e[5].id,status:q(e[5].id),timestamp:I(e[5].id),borderLoopCount:el(e[5].id).borderLoopCount,isSelected:e[5].id===s,onCellClick:n,statusLabel:j??null})}),(0,t.jsx)(o.motion.div,{variants:tk,custom:.6599999999999999,children:(0,t.jsx)(eQ.default,{variant:O("send_end_qualified"),fillProgress:B("send_end_qualified"),onFillComplete:()=>h?.("send_end_qualified")})}),(0,t.jsx)(o.motion.div,{variants:tk,custom:.72,onAnimationComplete:e=>{"visible"===e&&b?.()},children:(0,t.jsx)(eW.default,{...e[6],id:e[6].id,status:q(e[6].id),timestamp:I(e[6].id),borderLoopCount:el(e[6].id).borderLoopCount,isSelected:e[6].id===s,onCellClick:n,isEndStep:!0})})]}),(0,t.jsxs)("div",{className:"flex flex-col items-center gap-0 flex-1",children:[(0,t.jsx)(o.motion.div,{variants:tk,custom:.36,children:(0,t.jsx)(c.Text,{as:"span",size:"0",weight:"medium",className:(0,i.default)("py-1.5 bg-[var(--tgph-gray-2)] rounded px-2 border transition-colors duration-500",f?"border-[var(--tgph-gray-4)] text-[var(--tgph-gray-7)]":"border-[var(--tgph-gray-5)] text-[var(--tgph-gray-9)]"),children:e[4]?.branchLabel||"Not qualified"})}),(0,t.jsx)(o.motion.div,{variants:tk,custom:.42,className:"mt-1",children:(0,t.jsx)(eQ.default,{variant:f?"inactive":"default"})}),(0,t.jsx)(o.motion.div,{variants:tk,custom:.48,children:(0,t.jsx)(eW.default,{...e[4],id:e[4].id,isSelected:e[4].id===s,isDimmed:f,onCellClick:n})}),(0,t.jsx)(o.motion.div,{variants:tk,custom:.54,children:(0,t.jsx)(eQ.default,{variant:f?"inactive":"default"})}),(0,t.jsx)(o.motion.div,{variants:tk,custom:.6,children:(0,t.jsx)(eW.default,{...e[7],id:e[7].id,isDimmed:f,isEndStep:!0})})]})]})]}),(0,t.jsx)(e2,{isOpen:w,onClose:k,isRunning:N,isCompleted:C,onContentAnimationComplete:T}),(0,t.jsx)(tC,{isOpen:S,onClose:z,isRunning:E,isCompleted:P,onJsonAnimationComplete:_,agentResponseData:A})]})}let tS={hidden:{opacity:0,y:12},visible:e=>({opacity:1,y:0,transition:{duration:.35,ease:"easeOut",delay:e}})};function tz({steps:e=Q,selectedStepId:s="ai-agent-enrich",onCellClick:n,stepState:l={},animationRunning:r=!1,connectorState:d={},connectorFillProgress:c={},stepDisplayTimestamp:u={},onConnectorFillComplete:p,hasEnteredView:m=!1,onEntryComplete:h,isComplete:g=!1,isAgentPreviewOpen:x=!1,onCloseAgentPreview:f,agentPreviewRunning:v=!1,agentPreviewCompleted:b=!1,onJsonAnimationComplete:y,agentResponseData:j}){let[w,N]=(0,a.useState)(!1),C=(0,a.useRef)(!1);(0,a.useEffect)(()=>
174{if(g&&!C.current){N(!0);let e=setTimeout(()=>N(!1),1500);return C.current=!0,()=>clearTimeout(e)}g||(C.current=!1)},[g]);let k=e=>{let t=l[e]??null;return"running"!==t||r?t:"paused"},T=e=>u[e],S=e=>{let t=d[e];return"success"===t?"success":"inactive"===t?"inactive":"default"},z=e=>c[e];return(0,t.jsxs)("div",{className:(0,i.default)("relative flex-1 items-center h-full min-h-[400px] rounded-lg overflow-hidden border bg-[var(--tgph-surface-2)] pt-3 transition-[border-color,box-shadow] duration-700",w?"border-[var(--tgph-green-6)] shadow-[0_0_16px_2px_var(--tgph-green-4)]":"border-[var(--tgph-gray-5)]"),style:{backgroundImage:"radial-gradient(circle, var(--tgph-gray-5) 1px, transparent 1px)",backgroundSize:"12px 12px"},children:[(0,t.jsx)(o.motion.div,{initial:"hidden",animate:m?"visible":"hidden",className:"relative z-10 p-6 flex flex-col min-w-[400px]",children:(0,t.jsxs)("div",{className:"flex flex-col items-center gap-0 w-full",children:[(0,t.jsx)(o.motion.div,{variants:tS,custom:0,children:(0,t.jsx)(eW.default,{...e[0],id:e[0].id,status:k(e[0].id),timestamp:T(e[0].id),borderLoopCount:el(e[0].id).borderLoopCount,isSelected:e[0].id===s,onCellClick:n})}),(0,t.jsx)(o.motion.div,{variants:tS,custom:.06,children:(0,t.jsx)(eQ.default,{variant:S("trigger_ai"),fillProgress:z("trigger_ai"),onFillComplete:()=>p?.("trigger_ai")})}),(0,t.jsx)(o.motion.div,{variants:tS,custom:.12,children:(0,t.jsx)(eW.default,{...e[1],id:e[1].id,status:k(e[1].id),timestamp:T(e[1].id),borderLoopCount:el(e[1].id).borderLoopCount,isSelected:e[1].id===s,onCellClick:n})}),(0,t.jsx)(o.motion.div,{variants:tS,custom:.18,children:(0,t.jsx)(eQ.default,{variant:S("ai_enrich_update"),fillProgress:z("ai_enrich_update"),onFillComplete:()=>p?.("ai_enrich_update")})}),(0,t.jsx)(o.motion.div,{variants:tS,custom:.24,children:(0,t.jsx)(eW.default,{...e[2],id:e[2].id,status:k(e[2].id),timestamp:T(e[2].id),borderLoopCount:el(e[2].id).borderLoopCount,isSelected:e[2].id===s,onCellClick:n})}),(0,t.jsx)(o.motion.div,{variants:tS,custom:.3,children:(0,t.jsx)(eQ.default,{variant:S("update_user_tenant"),fillProgress:z("update_user_tenant"),onFillComplete:()=>p?.("update_user_tenant")})}),(0,t.jsx)(o.motion.div,{variants:tS,custom:.36,children:(0,t.jsx)(eW.default,{...e[3],id:e[3].id,status:k(e[3].id),timestamp:T(e[3].id),borderLoopCount:el(e[3].id).borderLoopCount,isSelected:e[3].id===s,onCellClick:n})}),(0,t.jsx)(o.motion.div,{variants:tS,custom:.42,children:(0,t.jsx)(eQ.default,{variant:S("update_tenant_audience"),fillProgress:z("update_tenant_audience"),onFillComplete:()=>p?.("update_tenant_audience")})}),(0,t.jsx)(o.motion.div,{variants:tS,custom:.48,children:(0,t.jsx)(eW.default,{...e[4],id:e[4].id,status:k(e[4].id),timestamp:T(e[4].id),borderLoopCount:el(e[4].id).borderLoopCount,isSelected:e[4].id===s,onCellClick:n})}),(0,t.jsx)(o.motion.div,{variants:tS,custom:.54,children:(0,t.jsx)(eQ.default,{variant:S("update_audience_end"),fillProgress:z("update_audience_end"),onFillComplete:()=>p?.("update_audience_end")})}),(0,t.jsx)(o.motion.div,{variants:tS,custom:.6,onAnimationComplete:e=>{"visible"===e&&h?.()},children:(0,t.jsx)(eW.default,{...e[5],id:e[5].id,status:k(e[5].id),timestamp:T(e[5].id),borderLoopCount:el(e[5].id).borderLoopCount,isSelected:e[5].id===s,onCellClick:n,isEndStep:!0})})]})}),(0,t.jsx)(tC,{isOpen:x,onClose:f,isRunning:v,isCompleted:b,onJsonAnimationComplete:y,agentResponseData:j})]})}let tE={hidden:{opacity:0,y:12},visible:e=>({opacity:1,y:0,transition:{duration:.35,ease:"easeOut",delay:e}})};function tP({steps:e=H,connectorKeys:s=["trigger_ai","ai_research_email","send_email_end"],selectedStepId:n="ai-agent-research",onCellClick:l,stepState:r={},animationRunning:d=!1,connectorState:c={},connectorFillProgress:u={},stepDisplayTimestamp:p={},onConnectorFillComplete:m,hasEnteredView:h=!1,onEntryComplete:g,isComplete:x=!1,sendEmailSubStatus:f=null,isEmailPreviewOpen:v=!1,emailPreviewRunning:b=!1,emailPreviewCompleted:y=!1,onCloseEmailPreview:j,onEmailContentAnimationComplete:w,isAgentPreviewOpen:N=!1,onCloseAgentPreview:C,agentPreviewRunning:k=!1,agentPreviewCompleted:T=!1,onJsonAnimationComplete:S,agentResponseData:z,emailPreviewData:E}){let[P,_]=(0,a.useState)(!1),A=(0,a.useRef)(!1);(0,a.useEffect)(()=>
174{if(x&&!A.current){_(!0);let e=setTimeout(()=>_(!1),1500);return A.current=!0,()=>clearTimeout(e)}x||(A.current=!1)},[x]);let R=e.length-2;return(0,t.jsxs)("div",{className:(0,i.default)("relative flex-1 items-center h-full min-h-[400px] rounded-lg overflow-hidden border bg-[var(--tgph-surface-2)] pt-3 transition-[border-color,box-shadow] duration-700",P?"border-[var(--tgph-green-6)] shadow-[0_0_16px_2px_var(--tgph-green-4)]":"border-[var(--tgph-gray-5)]"),style:{backgroundImage:"radial-gradient(circle, var(--tgph-gray-5) 1px, transparent 1px)",backgroundSize:"12px 12px"},children:[(0,t.jsx)(o.motion.div,{initial:"hidden",animate:h?"visible":"hidden",className:"relative z-10 p-6 flex flex-col min-w-[400px]",children:(0,t.jsx)("div",{className:"flex flex-col items-center gap-0 w-full",children:e.map((i,h)=>{let x,v;return(0,t.jsxs)(a.default.Fragment,{children:[(0,t.jsx)(o.motion.div,{variants:tE,custom:.06*h,...h===e.length-1&&{onAnimationComplete:e=>{"visible"===e&&g?.()}},children:(0,t.jsx)(eW.default,{...i,id:i.id,status:"running"!==(x=r[i.id]??null)||d?x:"paused",timestamp:p[i.id],borderLoopCount:el(i.id).borderLoopCount,isSelected:i.id===n,onCellClick:l,statusLabel:h===R?f??null:null,isEndStep:h===e.length-1})}),h<e.length-1&&s[h]&&(0,t.jsx)(o.motion.div,{variants:tE,custom:.06*(h+1),children:(0,t.jsx)(eQ.default,{variant:"success"===(v=c[s[h]])?"success":"inactive"===v?"inactive":"default",fillProgress:u[s[h]],onFillComplete:()=>m?.(s[h])})})]},i.id)})})}),(0,t.jsx)(e2,{isOpen:v,onClose:j,isRunning:b,isCompleted:y,onContentAnimationComplete:w,emailPreviewData:E}),(0,t.jsx)(tC,{isOpen:N,onClose:C,isRunning:k,isCompleted:T,onJsonAnimationComplete:S,agentResponseData:z})]})}let t_={hidden:{opacity:0,y:12},visible:{opacity:1,y:0,transition:{duration:.35,ease:"easeOut"}}};function tA({buildPhase:e="typing-prompt"}){let a="typing-prompt"===e||"send-click"===e?0:"prompt-sent"===e||"thinking-1"===e?1:"response-1"===e||"tool-1-spin"===e||"tool-1-done"===e||"tool-2-spin"===e?2:"tool-2-done"===e?3:"thinking-2"===e||"response-2"===e||"tool-3-spin"===e?4:"tool-3-done"===e?5:7*("tool-4-spin"===e||"tool-4-done"===e||"done"===e);return(0,t.jsx)("div",{className:(0,i.default)("relative flex-1 items-center h-full min-h-[400px] rounded-lg overflow-hidden border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-2)] pt-3"),style:{backgroundImage:"radial-gradient(circle, var(--tgph-gray-5) 1px, transparent 1px)",backgroundSize:"12px 12px"},children:(0,t.jsxs)("div",{className:"relative z-10 p-6 flex flex-col min-w-[640px]",children:[(0,t.jsxs)("div",{className:"flex flex-col items-center gap-0 w-full",children:[(0,t.jsx)(d.AnimatePresence,{mode:"wait",children:a>=1&&(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",exit:"hidden",variants:t_,children:(0,t.jsx)(eW.default,{...Y[0],id:Y[0].id,status:null,timestamp:null,borderLoopCount:el(Y[0].id).borderLoopCount,isSelected:!1,onCellClick:()=>{}})},"trigger")}),a>=2&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eQ.default,{variant:"default"})}),(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eW.default,{...Y[1],id:Y[1].id,status:null,timestamp:null,borderLoopCount:el(Y[1].id).borderLoopCount,isSelected:!1,onCellClick:()=>{}})})]}),a>=3&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eQ.default,{variant:"default"})}),(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eW.default,{...Y[2],id:Y[2].id,status:null,timestamp:null,borderLoopCount:el(Y[2].id).borderLoopCount,isSelected:!1,onCellClick:()=>{}})})]}),a>=4&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eQ.default,{variant:"default"})}),(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eW.default,{...Y[3],id:Y[3].id,status:null,timestamp:null,borderLoopCount:el(Y[3].id).borderLoopCount,isSelected:!1,onCellClick:()=>{}})})]}),a>=1&&a<=4&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eQ.default,{variant:"default"})}),(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eW.default,{id:"end-build",icon:"CircleDot",variant:"trigger",title:"End",subtitle:null,timestamp:null,status:null,isSelected:!1,onCellClick:()=>{},isEndStep:!0})})]}),a>=5&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eQ.default,{variant:"default"})}),(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eW.default,{...Y[4],id:Y[4].id,status:null,timestamp:null,borderLoopCount:el(Y[4].id).borderLoopCount,isSelected:!1,onCellClick:()=>{}})}),(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,className:"w-full",children:(0,t.jsx)(ty.default,{trunkState:"default",leftState:"default",rightState:"default"})})]})]}),5===a&&(0,t.jsxs)("div",{className:"flex flex-col items-center w-full pl-4 mt-2",children:[(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,className:"mt-1",children:(0,t.jsx)(eQ.default,{variant:"default"})}),(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eW.default,{id:"end-build",icon:"CircleDot",variant:"trigger",title:"End",subtitle:null,timestamp:null,status:null,isSelected:!1,onCellClick:()=>{},isEndStep:!0})})]}),a>=7&&(0,t.jsxs)("div",{className:"flex gap-8 pl-4",children:[(0,t.jsxs)("div",{className:"flex flex-col items-center gap-0 flex-1",children:[(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(c.Text,{as:"span",size:"0",weight:"medium",className:"py-1.5 bg-[var(--tgph-gray-2)] font-medium rounded px-2 border border-[var(--tgph-gray-5)] text-[var(--tgph-gray-11)]",children:"Manager"})}),(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,className:"mt-1",children:(0,t.jsx)(eQ.default,{variant:"default"})}),(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eW.default,{...Y[5],id:Y[5].id,status:null,timestamp:null,borderLoopCount:el(Y[5].id).borderLoopCount,isSelected:!1,onCellClick:()=>{}})}),(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eQ.default,{variant:"default"})}),(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eW.default,{id:"end-build-manager",icon:"CircleDot",variant:"trigger",title:"End",subtitle:null,timestamp:null,status:null,isSelected:!1,onCellClick:()=>{},isEndStep:!0})})]}),(0,t.jsxs)("div",{className:"flex flex-col items-center gap-0 flex-1",children:[(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(c.Text,{as:"span",size:"0",weight:"medium",className:"py-1.5 bg-[var(--tgph-gray-2)] rounded px-2 border border-[var(--tgph-gray-5)] text-[var(--tgph-gray-9)]",children:"IC"})}),(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,className:"mt-1",children:(0,t.jsx)(eQ.default,{variant:"default"})}),(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eW.default,{...Y[6],id:Y[6].id,status:null,timestamp:null,borderLoopCount:el(Y[6].id).borderLoopCount,isSelected:!1,onCellClick:()=>{}})}),(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eQ.default,{variant:"default"})}),(0,t.jsx)(o.motion.div,{initial:"hidden",animate:"visible",variants:t_,children:(0,t.jsx)(eW.default,{id:"end-build-ic",icon:"CircleDot",variant:"trigger",title:"End",subtitle:null,timestamp:null,status:null,isSelected:!1,onCellClick:()=>{},isEndStep:!0})})]})]})]})})}var tR=e.i(27580),tL=e.i(926733),tL=tL,tF=e.i(284122),tM=e.i(925060);let tD="#2563eb",tq="#fafbfc",tI={initial:{opacity:0,y:14}
174,animate:{opacity:1,y:0,transition:{duration:.38,ease:[.22,1,.36,1]}}},tO=[{label:"Facebook",Icon:tR.Facebook},{label:"X",Icon:eY.X},{label:"LinkedIn",Icon:tF.Linkedin},{label:"YouTube",Icon:tM.Youtube},{label:"Instagram",Icon:tL.default}];function tB(e=new Date){return{monthLabel:(0,l.format)(e,"MMMM"),yearLabel:(0,l.format)(e,"yyyy")}}function t$({visibleCount:e=0}){let{monthLabel:a,yearLabel:i}=tB();return(0,t.jsxs)("div",{className:"relative min-h-full w-full min-w-0 shrink-0 pt-12 text-left",children:[(0,t.jsx)("div",{className:"pointer-events-none absolute inset-0 bg-gradient-to-b from-[#fafbfc] to-[#f4f5f7]","aria-hidden":!0}),(0,t.jsx)("div",{className:"pointer-events-none absolute inset-0 opacity-[0.6]",style:{backgroundImage:"radial-gradient(circle, var(--tgph-gray-5) 1px, transparent 1px)",backgroundSize:"12px 12px"},"aria-hidden":!0}),(0,t.jsx)("div",{className:"pointer-events-none absolute inset-0",style:{background:`radial-gradient(ellipse 70% 40% at 50% 14%, ${tq}f7 0%, ${tq}d9 28%, #f4f5f78c 48%, transparent 72%)`},"aria-hidden":!0}),(0,t.jsxs)("div",{className:"relative z-10 mx-auto w-full max-w-[600px] px-4",children:[e>=1&&(0,t.jsx)(o.motion.div,{...tI,className:"pb-6",children:(0,t.jsxs)("div",{className:"flex flex-col items-center text-center",children:[(0,t.jsx)("img",{src:"/assets/collabio/CollabIOLogo.png",alt:"Collab.io",className:"h-8 w-auto object-contain"}),(0,t.jsxs)(c.Text,{as:"p",size:"1",weight:"medium",color:"gray",className:"mt-8 !text-center text-[11px] uppercase tracking-wide text-[var(--tgph-gray-11)]",children:[a," ",i]}),(0,t.jsx)(c.Text,{as:"h1",size:"6",weight:"medium",color:"default",className:"mt-2 !text-center text-[32px] leading-tight text-[#1a1d21]",children:"What's new at Collab.io"}),(0,t.jsx)(c.Text,{as:"p",size:"2",weight:"regular",color:"gray",className:"mx-auto mt-2.5 max-w-md !text-center text-[16px] leading-relaxed text-[var(--tgph-gray-11)]",children:"Product updates from last month's changelog, packaged for your team and your users."}),(0,t.jsx)("button",{type:"button",className:"mt-5 rounded-full px-5 py-2.5 text-[13px] font-medium text-white transition-opacity hover:opacity-90",style:{backgroundColor:tD},children:"Open the changelog"})]})},"header"),e>=2&&(0,t.jsx)(o.motion.section,{...tI,className:"mt-4 overflow-hidden rounded-xl border border-gray-200 bg-white px-6 py-6 shadow-sm",children:(0,t.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,t.jsxs)(c.Text,{as:"p",size:"2",weight:"regular",color:"gray",className:"text-[13px] leading-relaxed text-[var(--tgph-gray-11)]",children:["Hi"," ","{{ recipient.name | default: 'there' }} ð"]}),(0,t.jsxs)(c.Text,{as:"p",size:"2",weight:"regular",color:"gray",className:"text-[13px] leading-relaxed text-[var(--tgph-gray-11)]",children:["Happy ",a,"! Last month, we introduced Timeline view so you can visualize your roadmap at a glance, and we rolled out updates that make it easier to keep cross-functional teams aligned in Collab.io."]}),(0,t.jsx)(c.Text,{as:"p",size:"2",weight:"regular",color:"gray",className:"text-[13px] leading-relaxed text-[var(--tgph-gray-11)]",children:"Read on to learn more about what we shipped. We hope you enjoy."}),(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("img",{src:"/assets/collabio/newsletter-richard-hendricks.png",alt:"",className:"h-12 w-12 shrink-0 rounded-full border border-gray-200 object-cover"}),(0,t.jsxs)("div",{className:"min-w-0 text-left",children:[(0,t.jsx)(c.Text,{as:"p",size:"2",weight:"medium",color:"default",className:"text-[14px] text-[#1a1d21]",children:"Richard Hendricks,"}),(0,t.jsx)(c.Text,{as:"p",size:"2",weight:"regular",color:"gray",className:"mt-0.5 text-[13px] text-[var(--tgph-gray-11)]",children:"CEO + Co-founder"})]})]})]})},"intro"),e>=3&&(0,t.jsxs)(o.motion.section,{...tI,className:"mt-4 overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm",children:[(0,t.jsx)(th.default,{src:"/assets/collabio/newsletter-design-hero-placeholder.png",alt:"",width:1200,height:675,className:"aspect-[16/9] h-auto w-full rounded-t-xl rounded-b-none border-0 object-cover",sizes:"(max-width: 600px) 100v
174w, 600px"}),(0,t.jsxs)("div",{className:"px-6 py-6",children:[(0,t.jsx)(c.Text,{as:"h2",size:"4",weight:"medium",color:"default",className:"text-[17px] text-[#1a1d21]",children:"Introducing Timeline view: Your roadmap, at a glance"}),(0,t.jsx)(c.Text,{as:"p",size:"2",weight:"regular",color:"gray",className:"mt-2 text-[13px] leading-relaxed text-[var(--tgph-gray-11)]",children:"Visualize your roadmap with our new Gantt-style timeline. The Timeline view shows your project schedule, including dependencies, milestones, and deadlines, in one place."}),(0,t.jsx)("button",{type:"button",className:"mt-4 rounded-full px-4 py-2 text-[12px] font-medium text-white transition-opacity hover:opacity-90",style:{backgroundColor:tD},children:"See the release notes"})]})]},"hero"),e>=4&&(0,t.jsx)(o.motion.section,{...tI,className:"mt-4 overflow-hidden rounded-xl border border-gray-200 bg-white px-6 py-6 shadow-sm",children:(0,t.jsxs)("div",{className:"flex flex-col gap-4 sm:flex-row sm:items-center",children:[(0,t.jsx)(th.default,{src:"/assets/collabio/newsletter-design-split-placeholder.png",alt:"",width:800,height:600,className:"aspect-[4/3] h-auto w-full shrink-0 rounded-md border-0 object-cover sm:w-[44%]",sizes:"(max-width: 640px) 100vw, 240px"}),(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsx)(c.Text,{as:"h2",size:"3",weight:"medium",color:"default",className:"text-[15px] text-[#1a1d21]",children:"New: Shared workspaces"}),(0,t.jsx)(c.Text,{as:"p",size:"2",weight:"regular",color:"gray",className:"mt-2 text-[13px] leading-relaxed text-[var(--tgph-gray-11)]",children:"Collab.io now supports shared workspaces so product, design, and engineering stay on the same page as the roadmap evolves."}),(0,t.jsxs)("button",{type:"button",className:"mt-3 inline-flex items-center gap-0.5 text-[13px] font-medium",style:{color:tD},children:["Read the docs",(0,t.jsx)(ek.ChevronRight,{className:"size-3.5","aria-hidden":!0})]})]})]})},"split"),e>=5&&(0,t.jsxs)(o.motion.footer,{...tI,className:"mt-6 text-center",children:[(0,t.jsx)("div",{className:"flex flex-wrap items-center justify-center gap-2","aria-hidden":!0,children:tO.map(({label:e,Icon:a})=>(0,t.jsx)("div",{className:"inline-flex size-9 shrink-0 items-center justify-center rounded-full border border-gray-200 bg-white text-[var(--tgph-gray-11)] shadow-sm",children:(0,t.jsx)(a,{className:"size-[18px]",strokeWidth:1.75,"aria-hidden":!0})},e))}),(0,t.jsxs)("div",{className:"mt-6",children:[(0,t.jsx)(c.Text,{as:"p",size:"1",weight:"regular",color:"gray",className:"!text-center text-[11px] leading-relaxed text-[var(--tgph-gray-10)]",children:"You received this email because you use Collab.io."}),(0,t.jsx)(c.Text,{as:"p",size:"1",weight:"regular",color:"gray",className:"!text-center text-[11px] leading-relaxed text-[var(--tgph-gray-10)]",children:"Manage preferences in your workspace settings."})]}),(0,t.jsx)("img",{src:"/assets/collabio/CollabIOLogo.png",alt:"Collab.io",className:"mx-auto mt-6 h-6 w-auto object-contain opacity-80"}),(0,t.jsx)(c.Text,{as:"p",size:"1",weight:"regular",color:"gray",className:"!text-center mt-5 text-[11px] leading-relaxed text-[var(--tgph-gray-10)]",children:"69 Charlton Street, New York, NY, US 10014"}),(0,t.jsxs)("div",{className:"mt-2 pb-12 flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-[11px] font-medium",children:[(0,t.jsx)("span",{style:{color:tD},className:"cursor-default hover:underline",children:"Help center"}),(0,t.jsx)("span",{className:"text-[var(--tgph-gray-7)]","aria-hidden":!0,children:"|"}),(0,t.jsx)("span",{style:{color:tD},className:"cursor-default hover:underline",children:"Privacy policy"}),(0,t.jsx)("span",{className:"text-[var(--tgph-gray-7)]","aria-hidden":!0,children:"|"}),(0,t.jsx)("span",{style:{color:tD},className:"cursor-default hover:underline",children:"Terms of service"})]})]},"footer")]})]})}function tV({designPhase:e="typing-prompt"}){let a="typing-prompt"===e||"send-click"===e||"prompt-sent"===e||"thinking-1"===e||"response-1"===e||"tool-1-spin"===e?0:"tool-1-done"===e||"tool-2-spin"===e?1:"tool-2-done"===e?2:"thinking-2"===e?3:"response-2"===e||"tool-3-spin"===e?4:5*("tool-3-done"===e||"tool-4-spin"===e||"done"===e),i=(0,l.format)(new Date,"EEE MMM d, yyyy h:mm a"),{monthLabel:s,yearLabel:n}=tB(),r=`What's new at Collab.io â ${s} ${n}`;return(0,t.jsx)("div",{className:"relative flex h-full min-h-[400px] flex-1 flex-col overflow-hidden rounded-lg border border-[var(--tgph-gray-5)]",children:(0,t.jsxs)("div",{className:"relative flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg bg-[var(--tgph-surface-2)]",style:{backgroundImage:"radial-gradient(circle, var(--tgph-gray-5) 1px, transparent 1px)",backgroundSize:"12px 12px"},children:[(0,t.jsx)("div",{className:"relative z-0 min-h-0 flex-1","aria-hidden":!0}),(0,t.jsx)(d.AnimatePresence,{children:"typing-prompt"!==e&&"send-click"!==e&&(0,t.jsx)(o.motion.div,{initial:{opacity:0}
174,animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},className:"absolute inset-0 z-20 flex min-h-0 flex-col overflow-hidden p-4 pt-5 sm:p-6",style:{backgroundColor:"rgba(0,0,0,0.12)"},children:(0,t.jsxs)(o.motion.div,{initial:{opacity:0,y:18,scale:.98},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:18,scale:.98},transition:{duration:.28,ease:"easeOut"},className:"mx-auto flex h-full min-h-0 w-full max-w-[min(100%,680px)] cursor-default flex-col overflow-hidden rounded-lg border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] shadow-lg",onClick:e=>e.stopPropagation(),children:[(0,t.jsxs)("div",{className:"flex shrink-0 flex-col gap-3 border-b border-[var(--tgph-gray-4)] px-4 py-4",children:[(0,t.jsx)(c.Text,{as:"h2",size:"3",weight:"bold",color:"default",className:"leading-7 font-semibold tracking-[-0.045px]",children:r}),(0,t.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("img",{src:"/assets/collabio/CollabIOIcon.png",alt:"","aria-hidden":!0,className:"size-7 shrink-0 rounded object-cover"}),(0,t.jsxs)("div",{className:"flex min-w-0 flex-1 items-center justify-between gap-4",children:[(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",color:"default",className:"truncate text-[15px]",children:"Collab.io ([email protected])"}),(0,t.jsx)(c.Text,{as:"span",size:"1",color:"gray",className:"shrink-0",children:i})]})]}),(0,t.jsx)("div",{className:"flex flex-col gap-0.5 pl-10",children:(0,t.jsxs)("div",{className:"flex items-baseline gap-2",children:[(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",color:"gray",className:"w-4 shrink-0",children:"To"}),(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"medium",color:"default",children:"[email protected]"})]})})]})]}),(0,t.jsx)("div",{className:"flex min-h-0 w-full min-w-0 flex-1 flex-col overflow-y-auto overflow-x-hidden bg-[#fafbfc]",children:0===a?(0,t.jsxs)("div",{className:"flex min-h-full w-full flex-1 flex-col items-center justify-center gap-3 px-6 py-12",children:[(0,t.jsx)(E.Loader2,{className:"size-6 animate-spin text-[var(--tgph-gray-9)]","aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"p",size:"2",weight:"medium",color:"gray",className:"text-[13px] text-[var(--tgph-gray-11)]",children:"Generating newsletter..."})]}):(0,t.jsx)(t$,{visibleCount:a})})]},"email-preview-modal")},"email-preview-backdrop")})]})})}let tU=1e3/60,tG="#E33A1E",tW=(e,t,a)=>e+(t-e)*a,tQ=(e,t)=>{let a=(e||t).trim(),i=a.match(/^rgba?\(\s*(\d+),\s*(\d+),\s*(\d+)(?:,\s*[\d.]+)?\s*\)$/);if(i)return[+i[1],+i[2],+i[3]];let s=a.replace("#","");if(3===s.length)return s.split("").map(e=>parseInt(e+e,16));let n=parseInt(s,16);return Number.isNaN(n)?tQ(t,tG):[n>>16&255,n>>8&255,255&n]},tH=(()=>{let e=[];for(let t=1;t<=10;t++){let a=Math.round(300*Math.sin(t/10*(Math.PI/2)));if(a<120)continue;let i=Math.max(0,1-Math.abs(a-243)/90),s=i*i;e.push({r:a,baseAlpha:tW(.02,.06,s),strokeW:tW(.6,1.05,s),colorTier:s>.5?"high":s>.2?"mid":"low",intensity:tW(.15,.8,s),widthBoost:tW(.3,1.5,s),warmHint:s>.5?tW(.008,.015,(s-.5)*2):0,lerpRate:tW(.06,.09,s)})}return e.sort((e,t)=>t.r-e.r)})();function tY({reducedMotion:e=!1}){let i=(0,a.useRef)(null),s=(0,a.useRef)({x:-9999,y:-9999}),n=(0,a.useRef)([]),l=(0,a.useRef)(0),r=(0,a.useRef)([]),o=(0,a.useRef)({centerX:0,centerY:0,width:0,height:0}),d=(0,a.useRef)(null),c=(0,a.useRef)([]),u=(0,a.useRef)([]),p=(0,a.useRef)(!0),m=(0,a.useRef)(0);return(0,a.useEffect)(()=>{let t,a,h,g=i.current;if(!g)return;let x=g.parentElement;if(!x)return;let f=g.getContext("2d");if(!f)return;let v=(t=getComputedStyle(x),{ringBase:(a=(e,a)=>tQ(t.getPropertyValue(e),a))("--tgph-gray-12","#1C2024"),accentHigh:a("--knock-agent-arc-high",tG),accentMid:a("--knock-agent-arc-mid","#FF6C52"),accentLow:a("--knock-agent-arc-low","#FF8E7A")});d.current=v,c.current=tH.map(e=>"high"===e.colorTier?v.accentHigh:"mid"===e.colorTier?v.accentMid:v.accentLow),h=v.ringBase,u.current=tH.map(e=>({strokeStyle:`rgba(${h[0]},${h[1]},${h[2]},${e.baseAlpha})`,lineWidth:e.strokeW})),r.current=tH.map(()=>Array(96).fill(0));let b=(e=.32)=>{n.current.push({r:243,alpha:e,traveled:0}),p.current=!0},y=()=>{let e=x.getBoundingClientRect(),t=Math.min(window.devicePixelRatio||1,2),a=e.width,i=e.he
174ight;g.width=a*t,g.height=i*t,g.style.width=`${a}px`,g.style.height=`${i}px`,f.setTransform(t,0,0,t,0,0);let s=x.querySelector("[data-home-agent-prompt-input-container]"),n=.5*i;s&&(n=s.getBoundingClientRect().bottom-e.top),o.current={centerX:a/2,centerY:n,width:a,height:i},p.current=!0};y();let j=[];e||(b(.24),j.push(window.setTimeout(()=>b(.14),280)));let w=e=>{let t=x.getBoundingClientRect();s.current={x:e.clientX-t.left,y:e.clientY-t.top},p.current=!0},N=()=>{s.current={x:-9999,y:-9999},p.current=!0};x.addEventListener("mousemove",w),x.addEventListener("mouseleave",N);let C=new ResizeObserver(()=>y());C.observe(x);let k=t=>{l.current=requestAnimationFrame(k);let{centerX:a,centerY:i,width:h,height:g}=o.current,x=s.current,v=n.current,b=d.current,y=r.current,j=-9999===x.x,w=(e=>{let t=0;for(let a=0;a<e.length;a++){let i=e[a];for(let e=0;e<i.length;e++)i[e]>t&&(t=i[e])}return t})(y);0===v.length&&j&&w<=.002&&!p.current||(((e,t,a,i,s,n)=>{for(let l=0;l<tH.length;l++){let r=tH[l],o=n[l];for(let n=0;n<96;n++){let l=Math.PI+(n+.5)/96*Math.PI,d=e+Math.cos(l)*r.r,c=t+Math.sin(l)*r.r,u=0,p=d-a,m=c-i,h=p*p+m*m;if(h<50176){let e=1-Math.sqrt(h)/224;u=e*e}for(let e=0;e<s.length;e++){let t=Math.abs(s[e].r-r.r);if(t<53){let a=1-t/53;u+=a*a*s[e].alpha*2}}o[n]+=(u-o[n])*r.lerpRate}}})(a,i,x.x,x.y,e?[]:v,y),e?v.length=0:((e,t)=>{let a=n.current;for(let i=a.length-1;i>=0;i--){let s=a[i],n=Math.max(.6,4.5-.004*s.traveled);s.r+=n,s.traveled+=n,s.alpha*=.991;let l=Math.sqrt(e*e+t*t);(s.alpha<.004||s.r>l)&&a.splice(i,1)}})(h,g),!(!j||v.length>0)&&t-m.current<tU||(m.current=t,b&&(p.current=!1,f.clearRect(0,0,h,g),f.save(),f.beginPath(),f.rect(0,0,h,i),f.clip(),((e,t,a,i,s,n)=>{for(let l=0;l<tH.length;l++){let r=tH[l],o=s[l],d=i[l],c=n[l];e.beginPath(),e.arc(t,a,r.r,Math.PI,2*Math.PI),e.strokeStyle=c.strokeStyle,e.lineWidth=c.lineWidth,e.stroke();for(let i=0;i<96;i++){let s=d[i],n=r.warmHint+s*r.intensity;if(n<=.004)continue;let l=Math.PI+i/96*Math.PI,c=Math.PI+(i+1)/96*Math.PI;e.beginPath(),e.arc(t,a,r.r,l,c),e.strokeStyle=`rgba(${o[0]},${o[1]},${o[2]},${n})`,e.lineWidth=r.strokeW+s*r.widthBoost,e.stroke()}}})(f,a,i,y,c.current,u.current),e||((e,t,a,i,s)=>{for(let n=0;n<i.length;n++){let l=i[n];e.beginPath(),e.arc(t,a,l.r,0,2*Math.PI),e.strokeStyle=`rgba(${s[0]},${s[1]},${s[2]},${.35*l.alpha})`,e.lineWidth=1.2,e.stroke()}})(f,a,i,v,b.accentHigh),f.restore())))};return l.current=requestAnimationFrame(k),()=>{cancelAnimationFrame(l.current),x.removeEventListener("mousemove",w),x.removeEventListener("mouseleave",N),C.disconnect(),j.forEach(e=>window.clearTimeout(e))}},[e]),(0,t.jsx)("canvas",{ref:i,"aria-hidden":"true",className:"pointer-events-none absolute inset-0 h-full w-full"})}var tK=e.i(168994),tJ=e.i(879601),tZ=e.i(499072),tX=e.i(63762),t0=e.i(563374),t0=t0,t1=e.i(768117),t1=t1;let t2=[{icon:p.Sparkles,label:"What can you do?"},{icon:t0.default,label:"Build a broadcast"},{icon:tJ.BookOpen,label:"What are guides?"},{icon:t1.default,label:"Improve my messaging"}];function t3({inputText:e,phase:a,sendClicked:i,promptText:s,prefersReducedMotion:n=!1,showPromptArcCanvas:l=!1}){let r="typing-prompt"===a&&0===e.length,d="typing-prompt"===a&&e.length<s.length,u=l&&("typing-prompt"===a||"send-click"===a),p="typing-prompt"===a?e:"send-click"===a?s:"";return(0,t.jsxs)("div",{className:"relative flex min-h-0 flex-1 flex-col overflow-hidden bg-[var(--tgph-surface-2)]",style:u?{"--knock-agent-arc-high":"#E33A1E","--knock-agent-arc-mid":"#FF6C52","--knock-agent-arc-low":"#FF8E7A"}:void 0,children:[u?(0,t.jsx)(tY,{reducedMotion:n}):null,(0,t.jsx)("div",{className:"relative z-10 flex min-h-0 flex-1 flex-col items-center justify-center overflow-y-auto px-4 py-8 sm:px-8",children:(0,t.jsxs)("div",{className:"flex w-full max-w-[720px] flex-col items-center gap-8",children:[(0,t.jsx)(c.Text,{as:"p",size:"3",weight:"medium",className:"text-center text-[17px] leading-snug text-[var(--tgph-gray-12)]",children:"What are you building?"}),(0,t.jsx)(o.motion.div,{className:"w-full",transition:n?{duration:0}:{duration:.28,ease:[.4,0,.2,1]},children:(0,t.jsxs)("div",{"data-home-agent-prompt-input-container":!0,className:"flex min-h-[140px] flex-col rounded-lg border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] px-4 py-3 shadow-sm transition-[border-color,box-shadow] duration-300",style:u?{borderColor:"color-mix(in srgb, var(--knock-agent-arc-high) 35%, transparent)",boxShadow:"0 0 20px color-mix(in srgb, var(--knock-agent-arc-high) 8%, transparent), 0 0 6px color-mix(in srgb, var(--knock-agent-arc-high) 5%, transparent)"}:void 0,children:[(0,t.jsx)("div",{className:"min-h-[72px] flex-1",children:r?(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"regular",className:"text-[13px] leading-5 text-[var(--tgph-gray-10)]",children:"Recommend ways I can improve my existing messaging"}):(0,t.jsxs)(c.Text,{as:"span",size:"2",weight:"regular",className:"text-[13px] leading-5 text-[var(--tgph-gray-12)]",children:[p,d?(0,t.jsx)("span",{className:"ml-px inline-block h-[14px] w-px animate-pulse bg-[var(--tgph-gray-12)] align-middle"}):null]})}),(0,t.jsx)("div",{className:"flex flex-1 min-h-[8px]"}),(0,t.jsxs)("div",{className:"flex items-center justify-end gap-2 pt-2",children:[(0,t.jsx)("button",{type:"button",className:"shrink-0 rounded p-1.5 text-[var(--tgph-gray-9)] transition-colors hover:bg-[var(--tgph-gray-3)] hover:text-[var(--tgph-gray-12)]","aria-label":"Add image",children:(0,t.jsx)(tZ.ImagePlus,{className:"size-3.5","aria-hidden":!0})}),(0,t.jsx)(o.motion.button,{type:"button",className:"shrink-0 rounded-md bg-[var(--tgph-green-4)] p-1.5 text-[var(--tgph-green-11)] transition-colors hover:bg-[var(--tgph-green-5)]","aria-label":"Send",animate:n?{}:i?{scale:[1,.92,1]}:{},transition:{duration:.2},children:(0,t.jsx)(tK.ArrowUp,{className:"size-3.5","aria-hidden":!0})})]})]})}),(0,t.jsxs)("div",{className:"w-full",children:[(0,t.jsxs)("div",{className:"mb-3 flex items-center justify-between gap-2",children:[(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",className:"text-[12px] text-[var(--tgph-gray-11)]",children:"Get started"}),(0,t.jsx)(tJ.BookOpen,{className:"size-3.5 shrink-0 text-[var(--tgph-gray-9)]","aria-hidden":!0})]}),(0,t.jsx)("div",{className:"grid grid-cols-2 gap-2 sm:grid-cols-4",children:t2.map(({icon:e,label:a})=>(0,t.jsxs)("button",{type:"button",className:"flex flex-col items-start gap-3 rounded-lg border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] p-3 text-left transition-colors hover:bg-[var(--tgph-gray-2)]",children:[(0,t.jsx)(e,{className:"size-4 shrink-0 text-[var(--tgph-gray-9)]","aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"1",weight:"medium",className:"text-[12px] leading-snug text-[var(--tgph-gray-12)]",children:a})]},a))})]}),(0,t.jsx)("div",{className:"flex justify-center px-2",children:(0,t.jsxs)("span",{className:"inline-flex max-w-[640px] items-start gap-1.5 text-[11px] leading-relaxed text-[var(--tgph-gray-11)]",children:[(0,t.jsx)(tX.Lightbulb,{className:"mt-0.5 size-3.5 shrink-0 text-[var(--tgph-gray-9)]","aria-hidden":!0}),(0,t.jsxs)("span",{className:"text-center",children:["Tip: you can also use the"," ",(0,t.jsx)("a",{href:"https://docs.knock.app/developer-tools/mcp-server",target:"_blank",rel:"noopener noreferrer",className:"text-[var(--tgph-blue-9)] no-underline hover:text-[var(--tgph-blue-10)]",children:"MCP server"})," ","or the"," ",(0,t.jsx)("a",{href:"https://docs.knock.app/developer-tools/knock-cli",target:"_blank",rel:"noopener noreferrer",className:"text-[var(--tgph-blue-9)] no-underline hover:text-[var(--tgph-blue-10)]",children:"CLI"})," ","to work with your Knock account."]})]})})]})})]})}var t5=e.i(722896),tj=tj,t4=e.i(620170),t4=t4,t6=e.i(429490),t6=t6;let t9="Build an onboarding workflow that sends a welcome email and then sends an onboarding email 24 hours later. Research the user's role and send a different email to managers vs ICs. Use our standard email template.",t7="I'll create the onboarding workflow with a welcome email, 24-hour delay
174step, and an Agent step to research users' roles.",t8="Adding the branch logic to route users by role, with tailored onboarding suggestions for managers vs ICs.";function ae(e,{enabled:t,charsPerMs:i=.06,isPaused:s=!1}){let[n,l]=(0,a.useState)(0),r=(0,a.useRef)(0),o=(0,a.useRef)(!1);return(0,a.useEffect)(()=>{let a;if(!t||!e){t||(l(0),o.current=!1);return}o.current||(o.current=!0,l(0),r.current=0);let n=performance.now(),d=t=>{let o=t-n;n=t,s||(r.current+=o);let c=Math.min(e.length,Math.ceil(r.current*i));l(c),c<e.length&&(a=requestAnimationFrame(d))};return a=requestAnimationFrame(d),()=>cancelAnimationFrame(a)},[t,e,i,s]),e?e.slice(0,n):""}function at({title:e="New chat"}){return(0,t.jsxs)("div",{className:"flex-shrink-0 flex items-center justify-between p-2 border-b border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)]",children:[(0,t.jsxs)("button",{type:"button",className:"flex items-center gap-1.5 rounded px-1.5 py-1 text-[12px] font-medium text-[var(--tgph-gray-12)] hover:bg-[var(--tgph-gray-3)] transition-colors","aria-label":e,children:[e,(0,t.jsx)(t4.default,{className:"size-3.5 text-[var(--tgph-gray-9)]","aria-hidden":!0})]}),(0,t.jsxs)("button",{type:"button",className:"flex items-center gap-0 rounded pt-1.5 pb-1.5 pl-1 pr-1 text-[var(--tgph-gray-9)] hover:bg-[var(--tgph-gray-3)] hover:text-[var(--tgph-gray-12)] transition-colors","aria-label":"Panel options",children:[(0,t.jsx)(t6.default,{className:"size-3.5","aria-hidden":!0}),(0,t.jsx)(t4.default,{className:"size-3.5","aria-hidden":!0})]})]})}function aa({text:e}){return(0,t.jsx)(o.motion.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.2},className:"rounded-lg bg-[var(--tgph-surface-1)] px-3 py-2.5 border border-[var(--tgph-gray-5)]",children:(0,t.jsx)(c.Text,{as:"p",size:"2",weight:"regular",color:"default",className:"leading-5 text-[var(--tgph-gray-12)]",children:e})})}function ai({showSpinner:e}){return(0,t.jsxs)(o.motion.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.2},className:"flex items-center gap-2 rounded-lg px-3 py-2",children:[(0,t.jsx)(tj.default,{className:"size-3 text-[var(--tgph-gray-9)] shrink-0","aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"0",weight:"medium",color:"gray",className:"text-[11px] text-[var(--tgph-gray-11)]",children:"Thoughts"}),e?(0,t.jsx)(E.Loader2,{className:"size-3.5 text-[var(--tgph-blue-9)] animate-spin shrink-0","aria-hidden":!0}):(0,t.jsx)(ek.ChevronRight,{className:"size-3 text-[var(--tgph-gray-9)] shrink-0","aria-hidden":!0})]})}function as({text:e,highlightedTerms:a=[],displayText:i}){let s=void 0!==i?i:e,n=[],l=s;return(a||[]).forEach(e=>{let t=l.indexOf(e);t>=0&&(n.push({type:"text",value:l.slice(0,t)}),n.push({type:"highlight",value:e}),l=l.slice(t+e.length))}),l&&n.push({type:"text",value:l}),(0,t.jsx)(o.motion.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.2},className:"px-3 py-2.5",children:(0,t.jsx)(c.Text,{as:"p",size:"2",weight:"regular",color:"default",className:"leading-5 text-[13px] text-[var(--tgph-gray-12)]",children:n.length>0?n.map((e,a)=>"highlight"===e.type?(0,t.jsx)("span",{className:"font-mono text-[12px] text-[#db3619]",children:e.value},a):(0,t.jsx)("span",{children:e.value},a)):s})})}function an({toolName:e="tool-do_the_thing",status:a="completed"}){return(0,t.jsxs)(o.motion.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.15},className:"flex items-center gap-2 rounded-lg px-3 py-2",children:[(0,t.jsx)(t5.Wrench,{className:"size-3 text-[var(--tgph-gray-9)] shrink-0","aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"0",weight:"medium",color:"gray",className:"text-[11px] text-[var(--tgph-gray-11)]",children:e}),"completed"===a?(0,t.jsx)(P.CheckCircle,{className:"size-3.5 text-[var(--tgph-green-9)] shrink-0","aria-hidden":!0}):(0,t.jsx)(E.Loader2,{className:"size-3.5 text-[var(--tgph-blue-9)] animate-spin shrink-0","aria-hidden":!0}),(0,t.jsx)(ek.ChevronRight,{className:"size-3 text-[var(--tgph-gray-9)] shrink-0","aria-hidden":!0})]})}
174function al({isPaused:e=!1,onAnimationComplete:i,onPhaseChange:s,layoutVariant:l="split",showPromptArcCanvas:r=!1}){let u=(0,n.useReducedMotion)(),[p,m]=(0,a.useState)("typing-prompt"),[h,g]=(0,a.useState)(!1),x=ae(t9,{enabled:"typing-prompt"===p,charsPerMs:.06,isPaused:e}),f="response-1"===p||["tool-1-spin","tool-1-done","tool-2-spin","tool-2-done","thinking-2","response-2","tool-3-spin","tool-3-done","tool-4-spin","done"].includes(p),v="response-2"===p||["tool-3-spin","tool-3-done","tool-4-spin","done"].includes(p),b=ae(t7,{enabled:f,charsPerMs:.06,isPaused:e}),y=ae(t8,{enabled:v,charsPerMs:.06,isPaused:e}),j=x.length>=t9.length,w=b.length>=t7.length,N=y.length>=t8.length;(0,a.useEffect)(()=>{"done"===p&&i&&i()},[p,i]),(0,a.useEffect)(()=>{s?.(p)},[p,s]),(0,a.useEffect)(()=>{if(!e&&"typing-prompt"===p&&j){let e=setTimeout(()=>m("send-click"),200);return()=>clearTimeout(e)}},[p,j,e]),(0,a.useEffect)(()=>{if(!e&&"send-click"===p){g(!0);let e=setTimeout(()=>{m("prompt-sent")},300);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"prompt-sent"===p){let e=setTimeout(()=>m("thinking-1"),500*!u);return()=>clearTimeout(e)}},[p,e,u]),(0,a.useEffect)(()=>{if(!e&&"thinking-1"===p){let e=setTimeout(()=>m("response-1"),1e3);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"response-1"===p&&w){let e=setTimeout(()=>m("tool-1-spin"),150);return()=>clearTimeout(e)}},[p,w,e]),(0,a.useEffect)(()=>{if(!e&&"tool-1-spin"===p){let e=setTimeout(()=>m("tool-1-done"),500);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"tool-1-done"===p){let e=setTimeout(()=>m("tool-2-spin"),0);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"tool-2-spin"===p){let e=setTimeout(()=>m("tool-2-done"),500);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"tool-2-done"===p){let e=setTimeout(()=>m("thinking-2"),100);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"thinking-2"===p){let e=setTimeout(()=>m("response-2"),1e3);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"response-2"===p&&N){let e=setTimeout(()=>m("tool-3-spin"),150);return()=>clearTimeout(e)}},[p,N,e]),(0,a.useEffect)(()=>{if(!e&&"tool-3-spin"===p){let e=setTimeout(()=>m("tool-3-done"),500);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"tool-3-done"===p){let e=setTimeout(()=>m("tool-4-spin"),0);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"tool-4-spin"===p){let e=setTimeout(()=>m("done"),500);return()=>clearTimeout(e)}},[p,e]);let C="typing-prompt"!==p&&"send-click"!==p,k="thinking-1"===p||"response-1"===p||"tool-1-spin"===p||"tool-1-done"===p||"tool-2-spin"===p||"tool-2-done"===p||"thinking-2"===p||"response-2"===p||"tool-3-spin"===p||"tool-3-done"===p||"tool-4-spin"===p||"done"===p,T="thinking-1"===p,S="response-1"===p||"tool-1-spin"===p||"tool-1-done"===p||"tool-2-spin"===p||"tool-2-done"===p||"thinking-2"===p||"response-2"===p||"tool-3-spin"===p||"tool-3-done"===p||"tool-4-spin"===p||"done"===p,z="tool-1-spin"===p||"tool-1-done"===p||"tool-2-spin"===p||"tool-2-done"===p||"thinking-2"===p||"response-2"===p||"tool-3-spin"===p||"tool-3-done"===p||"tool-4-spin"===p||"done"===p,E="tool-1-spin"!==p&&z,P="tool-2-spin"===p||"tool-2-done"===p||"thinking-2"===p||"response-2"===p||"tool-3-spin"===p||"tool-3-done"===p||"tool-4-spin"===p||"done"===p,_="tool-2-spin"!==p&&P,A="response-2"===p||"tool-3-spin"===p||"tool-3-done"===p||"tool-4-spin"===p||"done"===p,R="tool-3-spin"===p||"tool-3-done"===p||"tool-4-spin"===p||"done"===p,L="tool-3-spin"!==p&&R,F="tool-4-spin"===p||"done"===p,M="done"===p,D="Message the agent",q="typing-prompt"===p?x||D:"send-click"===p||"prompt-sent"===p?"":D,I=u?{duration:0}:{duration:.32,ease:[.4,0,.2,1]};return(0,t.jsx)("div",{className:"flex flex-col h-full min-h-0 rounded-lg border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] overflow-hidden",children:(0,t.jsx)(d.AnimatePresence,{mode:"wait",children:"hero"===l?(0,t.jsx)(o.motion.div,{className:"flex min-h-0 flex-1 flex-col",initial:!u&&{opacity:0},animate:{opacity:1},exit:u?void 0:{opacity:0,transition:{duration:0}},transition:I,children:(0,t.jsx)(t3,{inputText:x,phase:p,sendClicked:h,promptText:t9,prefersReducedMotion:u,showPromptArcCanvas:r})},"build-hero"):(0,t.jsxs)(o.motion.div,{className:"flex min-h-0 flex-1 flex-col",initial:!1,animate:{o
174pacity:1,y:0},transition:{duration:0},children:[(0,t.jsx)(at,{title:"typing-prompt"!==p&&"send-click"!==p?"Onboarding workflow":"New chat"}),(0,t.jsx)("div",{className:"flex min-h-0 flex-1 flex-col gap-1 overflow-y-auto p-2",children:(0,t.jsxs)(d.AnimatePresence,{children:[C&&(0,t.jsx)(aa,{text:t9},"prompt"),k&&(0,t.jsx)(ai,{showSpinner:T},"thinking1"),S&&(0,t.jsx)(as,{text:t7,highlightedTerms:["onboarding workflow","24-hour delay","marketers"],displayText:b},"response1"),z&&(0,t.jsx)(an,{toolName:"workflow-create",status:E?"completed":"running"},"tool1"),P&&(0,t.jsx)(an,{toolName:"add_email_step",status:_?"completed":"running"},"tool2"),A&&(0,t.jsx)(as,{text:t8,highlightedTerms:["delay step","branch logic","marketers"],displayText:y},"response2"),R&&(0,t.jsx)(an,{toolName:"add_branch_step",status:L?"completed":"running"},"tool3"),F&&(0,t.jsx)(an,{toolName:"add_email_steps",status:M?"completed":"running"},"tool4"),"done"===p&&(0,t.jsx)(o.motion.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.2},className:"px-3 py-2.5",children:(0,t.jsx)(c.Text,{as:"p",size:"2",weight:"regular",color:"default",className:"leading-5 text-[13px] text-[var(--tgph-gray-12)]",children:"Onboarding workflow has been created."})},"completion")]})}),(0,t.jsx)("div",{className:"flex min-h-[180px] flex-shrink-0 flex-col justify-end bg-[var(--tgph-surface-1)] px-3 py-3",children:(0,t.jsxs)("div",{className:"flex min-h-[180px] flex-col justify-end rounded-lg border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] px-3 py-2.5",children:[(0,t.jsx)("div",{className:"w-full",children:(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"regular",color:"default",className:`text-[13px] ${"typing-prompt"===p&&x.length>0?"text-[var(--tgph-gray-12)]":"text-[var(--tgph-gray-10)]"}`,children:q})}),(0,t.jsx)("div",{className:"min-h-[24px] flex-1"}),(0,t.jsxs)("div",{className:"flex items-center justify-end gap-2 pt-2",children:[(0,t.jsx)("button",{type:"button",className:"shrink-0 rounded p-1.5 text-[var(--tgph-gray-9)] transition-colors hover:bg-[var(--tgph-gray-3)] hover:text-[var(--tgph-gray-12)]","aria-label":"Add image",children:(0,t.jsx)(tZ.ImagePlus,{className:"size-3.5","aria-hidden":!0})}),(0,t.jsx)(o.motion.button,{type:"button",className:"shrink-0 rounded bg-[var(--tgph-green-4)] p-1.5 text-[var(--tgph-green-11)] transition-colors hover:bg-[var(--tgph-green-5)]","aria-label":"Send",animate:h?{scale:[1,.92,1]}:1,transition:{duration:.2},children:(0,t.jsx)(tK.ArrowUp,{className:"size-3.5","aria-hidden":!0})})]})]})})]},"build-split")})})}var tj=tj,t4=t4,t6=t6;let ar="Design a beautiful product newsletter based on last month's changelogs here: https://collab.io/changelog",ao="I'll pull last month's changelog entries and draft a product newsletter with a hero block, a short note from the team, and a feature section grounded in what shipped.",ad="Tightening layout, Collab.io brand colors, and preview-safe copy so the email reads well in both desktop and client previews.";function ac(e,{enabled:t,charsPerMs:i=.06,isPaused:s=!1}){let[n,l]=(0,a.useState)(0),r=(0,a.useRef)(0),o=(0,a.useRef)(!1);return(0,a.useEffect)(()=>{let a;if(!t||!e){t||(l(0),o.current=!1);return}o.current||(o.current=!0,l(0),r.current=0);let n=performance.now(),d=t=>{let o=t-n;n=t,s||(r.current+=o);let c=Math.min(e.length,Math.ceil(r.current*i));l(c),c<e.length&&(a=requestAnimationFrame(d))};return a=requestAnimationFrame(d),()=>cancelAnimationFrame(a)},[t,e,i,s]),e?e.slice(0,n):""}function au({title:e="New chat"}){return(0,t.jsxs)("div",{className:"flex-shrink-0 flex items-center justify-between p-2 border-b border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)]",children:[(0,t.jsxs)("button",{type:"button",className:"flex items-center gap-1.5 rounded px-1.5 py-1 text-[12px] font-medium text-[var(--tgph-gray-12)] hover:bg-[var(--tgph-gray-3)] transition-colors","aria-label":e,children:[e,(0,t.jsx)(t4.default,{className:"size-3.5 text-[var(--tgph-gray-9)]","aria-hidden":!0})]}),(0,t.jsxs)("button",{type:"button",className:"flex items-center gap-0 rounded pt-1.5 pb-1.5 pl-1 pr-1 text-[var(--tgph-gray-9)] hover:bg-[var(--tgph-gray-3)] hover:text-[var(--tgph-gray-12)] transition-colors","aria-label":"Panel options",children:[(0,t.jsx)(t6.default,{className:"size-3.5","aria-hidden":!0}),(0,t.jsx)(t4.default,{className:"size-3.5","aria-hidden":!0})]})]})}function ap({text:e}){return(0,t.jsx)(o.motion.div,{initial:{opacity:0,y:8}
174,animate:{opacity:1,y:0},transition:{duration:.2},className:"rounded-lg bg-[var(--tgph-surface-1)] px-3 py-2.5 border border-[var(--tgph-gray-5)]",children:(0,t.jsx)(c.Text,{as:"p",size:"2",weight:"regular",color:"default",className:"leading-5 text-[var(--tgph-gray-12)]",children:e})})}function am({showSpinner:e}){return(0,t.jsxs)(o.motion.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.2},className:"flex items-center gap-2 rounded-lg px-3 py-2",children:[(0,t.jsx)(tj.default,{className:"size-3 text-[var(--tgph-gray-9)] shrink-0","aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"0",weight:"medium",color:"gray",className:"text-[11px] text-[var(--tgph-gray-11)]",children:"Thoughts"}),e?(0,t.jsx)(E.Loader2,{className:"size-3.5 text-[var(--tgph-blue-9)] animate-spin shrink-0","aria-hidden":!0}):(0,t.jsx)(ek.ChevronRight,{className:"size-3 text-[var(--tgph-gray-9)] shrink-0","aria-hidden":!0})]})}function ah({text:e,highlightedTerms:a=[],displayText:i}){let s=void 0!==i?i:e,n=[],l=s;return(a||[]).forEach(e=>{let t=l.indexOf(e);t>=0&&(n.push({type:"text",value:l.slice(0,t)}),n.push({type:"highlight",value:e}),l=l.slice(t+e.length))}),l&&n.push({type:"text",value:l}),(0,t.jsx)(o.motion.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.2},className:"px-3 py-2.5",children:(0,t.jsx)(c.Text,{as:"p",size:"2",weight:"regular",color:"default",className:"leading-5 text-[13px] text-[var(--tgph-gray-12)]",children:n.length>0?n.map((e,a)=>"highlight"===e.type?(0,t.jsx)("span",{className:"font-mono text-[12px] text-[#db3619]",children:e.value},a):(0,t.jsx)("span",{children:e.value},a)):s})})}function ag({toolName:e="tool-do_the_thing",status:a="completed"}){return(0,t.jsxs)(o.motion.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.15},className:"flex items-center gap-2 rounded-lg px-3 py-2",children:[(0,t.jsx)(t5.Wrench,{className:"size-3 text-[var(--tgph-gray-9)] shrink-0","aria-hidden":!0}),(0,t.jsx)(c.Text,{as:"span",size:"0",weight:"medium",color:"gray",className:"text-[11px] text-[var(--tgph-gray-11)]",children:e}),"completed"===a?(0,t.jsx)(P.CheckCircle,{className:"size-3.5 text-[var(--tgph-green-9)] shrink-0","aria-hidden":!0}):(0,t.jsx)(E.Loader2,{className:"size-3.5 text-[var(--tgph-blue-9)] animate-spin shrink-0"}),(0,t.jsx)(ek.ChevronRight,{className:"size-3 text-[var(--tgph-gray-9)] shrink-0","aria-hidden":!0})]})}function ax({isPaused:e=!1,onAnimationComplete:i,onPhaseChange:s,layoutVariant:l="split",showPromptArcCanvas:r=!1}){let u=(0,n.useReducedMotion)(),[p,m]=(0,a.useState)("typing-prompt"),[h,g]=(0,a.useState)(!1),x=ac(ar,{enabled:"typing-prompt"===p,charsPerMs:.06,isPaused:e}),f="response-1"===p||["tool-1-spin","tool-1-done","tool-2-spin","tool-2-done","thinking-2","response-2","tool-3-spin","tool-3-done","tool-4-spin","done"].includes(p),v="response-2"===p||["tool-3-spin","tool-3-done","tool-4-spin","done"].includes(p),b=ac(ao,{enabled:f,charsPerMs:.06,isPaused:e}),y=ac(ad,{enabled:v,charsPerMs:.06,isPaused:e}),j=x.length>=ar.length,w=b.length>=ao.length,N=y.length>=ad.length;(0,a.useEffect)(()=>{"done"===p&&i&&i()},[p,i]),(0,a.useEffect)(()=>{s?.(p)},[p,s]),(0,a.useEffect)(()=>{if(!e&&"typing-prompt"===p&&j){let e=setTimeout(()=>m("send-click"),200);return()=>clearTimeout(e)}},[p,j,e]),(0,a.useEffect)(()=>{if(!e&&"send-click"===p){g(!0);let e=setTimeout(()=>{m("prompt-sent")},300);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"prompt-sent"===p){let e=setTimeout(()=>m("thinking-1"),500*!u);return()=>clearTimeout(e)}},[p,e,u]),(0,a.useEffect)(()=>{if(!e&&"thinking-1"===p){let e=setTimeout(()=>m("response-1"),1e3);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"response-1"===p&&w){let e=setTimeout(()=>m("tool-1-spin"),150);return()=>clearTimeout(e)}},[p,w,e]),(0,a.useEffect)(()=>{if(!e&&"tool-1-spin"===p){let e=setTimeout(()=>m("tool-1-done"),500);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"tool-1-done"===p){let e=setTimeout(()=>m("tool-2-spin"),0);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>
174{if(!e&&"tool-2-spin"===p){let e=setTimeout(()=>m("tool-2-done"),500);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"tool-2-done"===p){let e=setTimeout(()=>m("thinking-2"),100);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"thinking-2"===p){let e=setTimeout(()=>m("response-2"),1e3);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"response-2"===p&&N){let e=setTimeout(()=>m("tool-3-spin"),150);return()=>clearTimeout(e)}},[p,N,e]),(0,a.useEffect)(()=>{if(!e&&"tool-3-spin"===p){let e=setTimeout(()=>m("tool-3-done"),500);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"tool-3-done"===p){let e=setTimeout(()=>m("tool-4-spin"),0);return()=>clearTimeout(e)}},[p,e]),(0,a.useEffect)(()=>{if(!e&&"tool-4-spin"===p){let e=setTimeout(()=>m("done"),500);return()=>clearTimeout(e)}},[p,e]);let C="typing-prompt"!==p&&"send-click"!==p,k="thinking-1"===p||"response-1"===p||"tool-1-spin"===p||"tool-1-done"===p||"tool-2-spin"===p||"tool-2-done"===p||"thinking-2"===p||"response-2"===p||"tool-3-spin"===p||"tool-3-done"===p||"tool-4-spin"===p||"done"===p,T="thinking-1"===p,S="response-1"===p||"tool-1-spin"===p||"tool-1-done"===p||"tool-2-spin"===p||"tool-2-done"===p||"thinking-2"===p||"response-2"===p||"tool-3-spin"===p||"tool-3-done"===p||"tool-4-spin"===p||"done"===p,z="tool-1-spin"===p||"tool-1-done"===p||"tool-2-spin"===p||"tool-2-done"===p||"thinking-2"===p||"response-2"===p||"tool-3-spin"===p||"tool-3-done"===p||"tool-4-spin"===p||"done"===p,E="tool-1-spin"!==p&&z,P="tool-2-spin"===p||"tool-2-done"===p||"thinking-2"===p||"response-2"===p||"tool-3-spin"===p||"tool-3-done"===p||"tool-4-spin"===p||"done"===p,_="tool-2-spin"!==p&&P,A="response-2"===p||"tool-3-spin"===p||"tool-3-done"===p||"tool-4-spin"===p||"done"===p,R="tool-3-spin"===p||"tool-3-done"===p||"tool-4-spin"===p||"done"===p,L="tool-3-spin"!==p&&R,F="tool-4-spin"===p||"done"===p,M="done"===p,D="Message the agent",q="typing-prompt"===p?x||D:"send-click"===p||"prompt-sent"===p?"":D,I=u?{duration:0}:{duration:.32,ease:[.4,0,.2,1]};return(0,t.jsx)("div",{className:"flex flex-col h-full min-h-0 rounded-lg border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] overflow-hidden",children:(0,t.jsx)(d.AnimatePresence,{mode:"wait",children:"hero"===l?(0,t.jsx)(o.motion.div,{className:"flex min-h-0 flex-1 flex-col",initial:!u&&{opacity:0},animate:{opacity:1},exit:u?void 0:{opacity:0,transition:{duration:0}},transition:I,children:(0,t.jsx)(t3,{inputText:x,phase:p,sendClicked:h,promptText:ar,prefersReducedMotion:u,showPromptArcCanvas:r})},"design-hero"):(0,t.jsxs)(o.motion.div,{className:"flex min-h-0 flex-1 flex-col",initial:!1,animate:{opacity:1,y:0},transition:{duration:0},children:[(0,t.jsx)(au,{title:"typing-prompt"!==p&&"send-click"!==p?"Product newsletter":"New chat"}),(0,t.jsx)("div",{className:"flex min-h-0 flex-1 flex-col gap-1 overflow-y-auto p-2",children:(0,t.jsxs)(d.AnimatePresence,{children:[C&&(0,t.jsx)(ap,{text:ar},"prompt"),k&&(0,t.jsx)(am,{showSpinner:T},"thinking1"),S&&(0,t.jsx)(ah,{text:ao,highlightedTerms:["changelog","hero block"],displayText:b},"response1"),z&&(0,t.jsx)(ag,{toolName:"fetch_changelog_entries",status:E?"completed":"running"},"tool1"),P&&(0,t.jsx)(ag,{toolName:"generate_newsletter_image",status:_?"completed":"running"},"tool2"),A&&(0,t.jsx)(ah,{text:ad,highlightedTerms:["layout","brand colors"],displayText:y},"response2"),R&&(0,t.jsx)(ag,{toolName:"compose_email_sections",status:L?"completed":"running"},"tool3"),F&&(0,t.jsx)(ag,{toolName:"apply_collab_branding",status:M?"completed":"running"},"tool4"),"done"===p&&(0,t.jsx)(o.motion.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.2},className:"px-3 py-2.5",children:(0,t.jsx)(c.Text,{as:"p",size:"2",weight:"regular",color:"default",className:"leading-5 text-[13px] text-[var(--tgph-gray-12)]",children:"Newsletter is ready to review."})},"completion")]})}),(0,t.jsx)("div",{className:"flex min-h-[180px] flex-shrink-0 flex-col justify-end bg-[var(--tgph-surface-1)] px-3 py-3",children:(0,t.jsxs)("div",{className:"flex min-h-[180px] flex-col justify-end rounded-lg border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] px-3 py-2.5",children:[(0,t.jsx)("div",{className:"w-full",children:(0,t.jsx)(c.Text,{as:"span",size:"2",weight:"regular",color:"default",className:`text-[13px] ${"typing-prompt"===p&&x.length>0?"text-[var(--tgph-gray-12)]":"text-[var(--tgph-gray-10)]"}`,children:q})}),(0,t.jsx)("div",{className:"min-h-[24px] flex-1"}),(0,t.jsxs)("div",{className:"flex items-center justify-end gap-2 pt-2",children:[(0,t.jsx)("button",{type:"button",className:"shrink-0 rounded p-1.5 text-[var(--tgph-gray-9)] transition-colors hover:bg-[var(--tgph-gray-3)] hover:text-[var(--tgph-gray-12)]","aria-label":"Add image",children:(0,t.jsx)(tZ.ImagePlus,{className:"size-3.5","aria-hidden":!0})}),(0,t.jsx)(o.motion.button,{type:"button",className:"shrink-0 rounded bg-[var(--tgph-green-4)] p-1.5 text-[var(--tgph-green-11)] transition-colors hover:bg-[var(--tgph-green-5)]","aria-label":"Send",animate:h?{scale:[1,.92,1]}:1,transition:{duration:.2},children:(0,t.jsx)(tK.ArrowUp,{className:"size-3.5","aria-hidden":!0})})]})]})})]},"design-split")})})}var af=e.i(745037),af=af,av=e.i(335188),av=av,ab=e.i(529495),ab=ab,ay=e.i(307987),aj=e.i(38932),aj=aj,aw=e.i(719641),aw=aw;let aN=[{id:"build",label:"Build",icon:af.default},{id:"design",label:"Design",icon:av.default},{id:"qualify",label:"Qualify",icon:ab.default},{id:"enrich",label:"Enrich",icon:p.Sparkles},{id:"classify",label:"Classify",icon:aw.default},{id:"write",label:"Personalize",icon:ay.PenLine},{id:"summarize",label:"Summarize",icon:aj.default}],aC=({selectedId:e="qualify",onSelect:a,showProgressBar:i=!1})=>(0,t.jsxs)("div",{className:"flex w-full items-center justify-between gap-4 roun
174ded-lg border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] px-2 py-2",style:{fontFamily:"Inter, system-ui, sans-serif"},children:[(0,t.jsx)("div",{className:"flex flex-1 flex-wrap items-center self-stretch",style:{gap:"5.509px"},children:aN.map(({id:s,label:n,icon:l})=>{let r=e===s;return(0,t.jsxs)("button",{type:"button",onClick:()=>a?.(s),className:`relative flex items-center justify-center shrink-0 gap-1.5 rounded-md px-2 py-1.5 text-[14px] font-medium text-[var(--tgph-gray-12)] transition-colors ${r?"border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-2)]":"border border-[#0000] hover:bg-[var(--tgph-gray-3)]"}`,children:[(0,t.jsx)(l,{className:"h-4 w-4 shrink-0 text-[var(--tgph-gray-9)]"}),(0,t.jsx)("span",{className:"whitespace-nowrap",children:n}),r&&i&&(0,t.jsx)("span",{className:"absolute bottom-0 left-0 block h-0.5 rounded-b-md bg-[var(--tgph-gray-5)]",style:{animation:"guides-tab-progress 5s linear forwards"}})]},s)})}),(0,t.jsxs)("a",{href:"https://dashboard.knock.app/signup",target:"_blank",rel:"noopener noreferrer",className:"flex shrink-0 items-center justify-center gap-1.5 rounded-md px-3 py-1.5 text-[14px] font-medium text-[var(--tgph-gray-12)] transition-colors hover:bg-[var(--tgph-gray-3)]",children:[(0,t.jsx)("span",{className:"whitespace-nowrap",children:"Get started with agents"}),(0,t.jsx)(eK.ArrowUpRight,{className:"h-4 w-4 shrink-0"})]})]});var ak=e.i(41158),aT=e.i(594168),aS=e.i(653510),az=e.i(209247),aE=e.i(660426);let aP=[{id:"agents",label:"Agents"},{id:"workflows",label:"Workflows",icon:aT.Layers},{id:"guides",label:"Guides",icon:aS.GalleryHorizontalEnd},{id:"broadcasts",label:"Broadcasts",icon:az.Megaphone}],a_={workflows:{href:"/features/workflows",label:"Learn more about workflows"},guides:{href:"/features/guides",label:"Learn more about guides"},broadcasts:{href:"/features/broadcasts",label:"Learn more about broadcasts"},agents:{href:"/features/agents",label:"Learn more about agents"}},aA=({selectedId:e="agents",onSelect:a})=>{let i=a_[e]??a_.agents;return(0,t.jsxs)("div",{className:"flex w-full items-center justify-between gap-4 rounded-lg border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-1)] px-2 py-2",style:{fontFamily:"Inter, system-ui, sans-serif"},children:[(0,t.jsx)("div",{className:"flex flex-1 flex-wrap items-center self-stretch",style:{gap:"5.509px"},children:aP.map(({id:i,label:s,icon:n})=>{let l=e===i;return(0,t.jsxs)("button",{type:"button",onClick:()=>a?.(i),className:`relative flex items-center justify-center shrink-0 gap-1.5 rounded-md px-2 py-1.5 text-[14px] font-medium text-[var(--tgph-gray-12)] transition-colors ${l?"border border-[var(--tgph-gray-5)] bg-[var(--tgph-surface-2)]":"border border-[#0000] hover:bg-[var(--tgph-gray-3)]"}`,children:["agents"===i?(0,t.jsx)("span",{className:"flex h-4 w-4 shrink-0 items-center justify-center",children:(0,t.jsx)(aE.default,{active:l,variant:"brand"})}):(0,t.jsx)(n,{className:"h-4 w-4 shrink-0 text-[var(--tgph-gray-9)]"}),(0,t.jsx)("span",{className:"whitespace-nowrap",children:s})]},i)})}),(0,t.jsxs)(ak.default,{href:i.href,className:"flex shrink-0 items-center justify-center gap-1.5 rounded-md px-3 py-1.5 text-[14px] font-medium text-[var(--tgph-gray-12)] transition-colors hover:bg-[var(--tgph-gray-3)]",children:[(0,t.jsx)("span",{className:"whitespace-nowrap",children:i.label}),(0,t.jsx)(eK.ArrowUpRight,{className:"h-4 w-4 shrink-0"})]})]})};var aR=e.i(307600),aL=e.i(717827);function aF(e){let t={};return e.forEach(e=>{t[e]="idle"}),t}function aM(e){let t={};return e.forEach(e=>{t[e]="pending"}),t}function aD({variant:e}){var i,d;let c="template-management"===e,u="data-activation"===e,p="knock-ai"===e||c||u,m="homepage"===e,[h,g]=(0,a.useState)("agents"),[x,f]=(0,a.useState)(0),[v,b]=(0,a.useState)(()=>"template-management"===e?"design":"data-activation"===e?"enrich":"build"),y=p&&"design"===v,j=p&&"build"===v||m&&"agents"===h,w=p&&"enrich"===v,N=p&&"write"===v,C=p&&"summarize"===v,k=p&&"classify"===v,T=N||C,S=U[function({isEnrich:e,isSummarize:t,isPersonalize:a,isClassify:i,isKnockAi:s}){return e?"enrich":t?"summarize":a?"personalize":i?"classify":s?"qualify":"default"}({isEnrich:w,isSummarize:C,isPersonalize:N,isClassify:k,isKnockAi:p})],{animation:z,agentResponseData:E}=S,P=z?.runSequence??[],_=z?.connectorAfterStep??{},A=z?.nextStepAfterConnector??{},R=z?.connectorKeys??[],L=S.steps,F=G(L),M=S.inspectContent,D=z?.durationOverrides,{ref:q,inView:I}=(0,s.useInView)({threshold:0}),O=(0,n.useReducedMotion)(),[B,$]=(0,a.useState)(!1),V=(0,a.useRef)(!1),[W,Q]=(0,a.useState)(!1),[H,Y]=(0,a.useState)(0),[K,J]=(0,a.useState)(!1),[Z,ee]=(0,a.useState)(!1),[et,ei]=(0,a.useState)("typing-prompt"),[es,en]=(0,a.useState)(0),[er,eo]=(0,a.useState)(!1),[ed,ec]=(0,a.useState)(!1),[eu,ep]=(0,a.useState)("typing-prompt"),[em,eh]=(0,a.useState)(null),[eg,ex]=(0,a.useState)(()=>aF(P)),[ef,ev]=(0,a.useState)(()=>aM(R)),[eb,ey]=(0,a.useState)({}),[ej,ew]=(0,a.useState)(null),[eN,eC]=(0,a.useState)(()=>Date.now()),[ek,eT]=(0,a.useState)({}),[eS,ez]=(0,a.useState)(!1),[eE,eP]=(0,a.useState)(!1),[e_,eA]=(0,a.useState)(null),[eR,eL]=(0,a.useState)(!1),[eF,eM]=(0,a.useState)(!1),eD=(0,a.useCallback)(e=>{ev(t=>({...t,[e]:"animating"})),ey(t=>({...t,[e]:0}));let t=setTimeout(()=>{ey(t=>({...t,[e]:1}))},50);return()=>clearTimeout(t)},[]),eI=(0,a.useCallback)(()=>{let e,t=Date.now();ex((e={},P.forEach(t=>{e[t]="trigger"===t?"completed":"idle"}),e)),eT({trigger:t}),ev(aM(R)),ey({}),ew(null),eC(t),Q(!0),eD(_.trigger)},[P,R,_,eD]),eO=(0,a.useCallback)(()=>{eP(!0)},[]),eB=(0,a.useCallback)(()=>{eL(e=>!e)},[]),e$=(0,a.useCallback)(()=>{eM(!0),eL(!1)},[]),eV=(0,a.useCallback)(()=>{eL(!1),eM(!0)},[]);(0,a.useEffect)(()=>{let e=ej?F[ej]:null;if(e?.behavior==="agent-modal"&&W){let e=setTimeout(()=>ez(!0),800);return()=>clearTimeout(e)}},[ej,W,F]),(0,a.useEffect)(()=>{let e=ej?F[ej]:null;if(e?.behavior==="message-preview"&&W){eM(!1);let e=setTimeout(()=>eL(!0),600);return()=>clearTimeout(e)}},[ej,W,F]),(0,a.useEffect)(()=>{I&&!V.current&&(V.current=!0,$(!0))},[I]),(0,a.useEffect)(()=>{p&&(ex(aF(P)),ev(aM(R)),ey({}),ew(null),eh(null),Q(!1),eT({}),ez(!1),eP(!1),eL(!1),eM(!1),eA(null),j||(J(!1),ee(!1),ei("typing-prompt")),y||(eo(!1),ec(!1),ep("typing-prompt")))},[v,p,P,R,j,y]);let eU=(0,a.useRef)(null);(0,a.useEffect)(()=>
174{if(!m)return;let e=eU.current;if((eU.current=h,null!==e)&&e!==h){if(eW.current&&(clearTimeout(eW.current),eW.current=null),eQ.current&&(clearTimeout(eQ.current),eQ.current=null),"workflows"===h){f(e=>e+1),ex(aF(P)),ev(aM(R)),ey({}),ew(null),eh(null),Q(!1),eT({}),eC(Date.now()),ez(!1),eP(!1),eL(!1),eM(!1),eA(null);return}"agents"===h&&(Y(e=>e+1),J(!1),ee(!1),ei("typing-prompt"))}},[m,h,P,R]);let eG=(0,a.useCallback)(()=>{setTimeout(()=>{eI()},250*!O)},[O,eI]),eW=(0,a.useRef)(null),eQ=(0,a.useRef)(null),eH=L.find(e=>"agent-modal"===e.behavior),eY=(0,a.useRef)(eH?.id??"trigger");ej&&M[ej]&&!F[ej]?.isTerminal&&(eY.current=ej);let eK=W?ej||eY.current:em,eJ=eK?F[eK]:null,eZ=eJ?.isTerminal?eY.current:eK,eX=M[eZ]||ea[eZ]?eZ:eY.current;(0,a.useEffect)(()=>{let e=eX?F[eX]:null;e?.behavior!=="agent-modal"&&(ez(!1),eP(!1))},[eX,F]),(0,a.useEffect)(()=>{let e=eX?F[eX]:null;e?.behavior!=="message-preview"&&(eL(!1),eM(!1),eA(null))},[eX,F]);let e0=M[eX]||ea[eX],e1=F[eX],e2=eg[eX]||"idle",e3="running"!==e2||W?e2:"paused",e5=e0&&e1?{title:e1.title,subtitle:e1.subtitle,icon:e1.icon,iconImage:e1.iconImage,iconContainerClassName:e1.iconContainerClassName,iconClassName:e1.iconClassName,variant:e1.variant,sections:(i=e0.sections,d=ek[eX],i.map(e=>"branches"===e.type?{...e,data:{...e.data,isAnimating:"running"===e3,isCompleted:"completed"===e3}}:"fields"!==e.type?e:{...e,fields:e.fields.flatMap(e=>{if("Status"===e.label)return"running"===e3?"batch-summarize"===eX?[{...e,value:"Batching",variant:"running"}]:[{...e,value:"Running",variant:"running"}]:"paused"===e3?[{...e,value:"Paused",variant:"paused"}]:"completed"===e3?[{...e,value:"Completed",variant:"success"}]:[{...e,value:"â",variant:"default"}];return"Executed at"===e.label?"completed"===e3&&d?[{...e,value:(0,l.format)(new Date(d),"MMM dd yyyy, HH:mm:ss")}]:[{...e,value:"â"}]:"Executed branch"===e.label&&("running"===e3||"paused"===e3)?[]:[e]})}))}:null,e4=(0,a.useCallback)(e=>{let t=P.indexOf(e);if(-1===t)return;eW.current&&(clearTimeout(eW.current),eW.current=null);let a={};P.forEach((e,i)=>{i<t?a[e]="completed":i===t?a[e]="trigger"===e?"completed":"running":a[e]="idle"});let i={};R.forEach(e=>{i[e]="pending"}),P.slice(0,t).forEach(e=>{let t=_[e];t&&(i[t]="success","branch_trunk"===t&&(i.branch_left="success"))});let s=Date.now(),n={};P.slice(0,t).forEach(e=>{n[e]=ek[e]??s}),ex(a),ev(i),ey({}),ew(e),eh(null),eT(n),eC(s),ez(!1),eP(!1),Q(!0)},[ek,P,R,_]),e6=(0,a.useCallback)(e=>{W?(Q(!1),eh(e)):e===em?e===ej?(eh(null),eC(Date.now()),Q(!0)):e4(e):eh(e)},[W,ej,em,e4]),e7=(0,a.useCallback)(e=>{let t=e??ej;if(!t)return;let a=_[t],i=F[t];if(eT(e=>({...e,[t]:eN})),ex(e=>({...e,[t]:"completed"})),i?.isTerminal)return void Q(!1);ew(null);let s=()=>{"branch_trunk"===a?(ev(e=>({...e,branch_trunk:"animating"})),ey(e=>({...e,branch_trunk:0})),setTimeout(()=>{ey(e=>({...e,branch_trunk:1}))},50)):a&&eD(a)};i?.behavior==="agent-modal"?(ez(!1),eQ.current=setTimeout(s,250)):s()},[ej,eN,eD,_,F]),e8=(0,a.useCallback)(()=>{let e=ej?F[ej]:null;e?.behavior==="message-preview"&&"send-email-qualified"!==ej&&(eW.current&&(clearTimeout(eW.current),eW.current=null),e7(ej))},[ej,e7,F]),te=(0,a.useCallback)(e=>{if(ey(t=>{let a={...t};return delete a[e],a}),ev(t=>({...t,[e]:"success"})),"branch_trunk"===e){ev(e=>({...e,branch_left:"animating"})),ey(e=>({...e,branch_left:0})),requestAnimationFrame(()=>{requestAnimationFrame(()=>{ey(e=>({...e,branch_left:1}))})});return}let t=A[e];t&&(ex(e=>({...e,[t]:"running"})),ew(t),eC(Date.now()),eW.current=setTimeout(()=>{e7()},el(t,M,D).runDurationMs))},[e7,A,M,D]),tt=(0,a.useCallback)(()=>{te("branch_trunk")},[te]),ta=(0,a.useCallback)(()=>{te("branch_left")},[te]);(0,a.useEffect)(()=>{let e=ej?F[ej]:null;e?.behavior==="agent-modal"&&eE&&W&&(eW.current&&(clearTimeout(eW.current),eW.current=null),e7(ej))},[ej,eE,W,e7,F]),(0,a.useEffect)(()=>{if(!W){eW.current&&(clearTimeout(eW.current),eW.current=null),eQ.current&&(clearTimeout(eQ.current),eQ.current=null);return}if(!ej)return;eW.current&&(clearTimeout(eW.current),eW.current=null);let e=el(ej,M,D),t=setTimeout(()=>{eW.current=null,e7(ej)},Math.max(0,("trigger"===ej?0:e.runDurationMs)-(Date.now()-eN)));return eW.current=t,()=>{clearTimeout(t),eW.current===t&&(eW.current=null)}},[W,ej,eN,e7,M,D]),(0,a.useEffect)(()=>()=>{eW.current&&clearTimeout(eW.current),eQ.current&&clearTimeout(eQ.current)},[]);let ti=L.find(e=>e.isTerminal),ts=!!ti&&"completed"===eg[ti.id],tn=P.length>1?P[1]:null,tl="completed"===eg.trigger&&tn&&"completed"!==eg[tn]&&"running"!==eg[tn],tr=(0,a.useCallback)(()=>
174{if(j){Y(e=>e+1),J(!1),ee(!1),ei("typing-prompt");return}if(y){en(e=>e+1),eo(!1),ec(!1),ep("typing-prompt");return}eW.current&&(clearTimeout(eW.current),eW.current=null),eh(null),ez(!1),eP(!1),eL(!1),eM(!1),eA(null),eI()},[j,y,eI]),to=(0,a.useCallback)(()=>{if(W){Q(!1),eh(ej);return}let e=em??eX,t=P.indexOf(e);if(-1===t)return;let a=Math.min(t+1,P.length-1);eh(P[a])},[W,ej,em,eX,P]),td=(0,a.useCallback)(()=>{if(W){Q(!1),eh(ej);return}let e=em??eX,t=P.indexOf(e);-1===t||eh(P[Math.max(t-1,0)])},[W,ej,em,eX,P]),tc=(0,a.useCallback)(()=>{j?Z?(Y(e=>e+1),J(!1),ee(!1),ei("typing-prompt")):J(e=>!e):y?ed?(en(e=>e+1),eo(!1),ec(!1),ep("typing-prompt")):eo(e=>!e):ts?tr():W?(Q(!1),eh(ej)):em&&em!==ej?e4(em):tl?(eh(null),eI()):(eh(null),eC(Date.now()),Q(!0))},[j,y,Z,ed,ts,tl,W,ej,em,tr,e4,eI]),tu={};P.forEach(e=>{"completed"===eg[e]&&ek[e]&&(tu[e]=(0,l.format)(new Date(ek[e]),"HH:mm:ss"))});let tp=j&&("typing-prompt"===et||"send-click"===et),tm=y&&("typing-prompt"===eu||"send-click"===eu),th="knock-ai"===e||c||m&&"agents"===h,tg=ej?F[ej]:null;return(0,t.jsxs)("div",{className:"relative bg-linear16 pt-20","data-workflow-interactive":!0,children:[(0,t.jsx)("div",{ref:q,className:"absolute left-0 w-px h-px pointer-events-none",style:{top:"50%"}}),(0,t.jsx)("div",{className:"w-screen",children:(0,t.jsx)("div",{className:"max-w-[1440px] mx-auto relative",children:(0,t.jsxs)("div",{className:"grid grid-cols-12",children:[(0,t.jsx)(r.default.BorderGrid,{position:"left",className:""}),(0,t.jsx)("section",{className:"relative col-span-10 col-start-2 hidden h-full min-h-0 min-w-0 w-full md:block",children:(0,t.jsxs)("div",{className:"max-w-[1216px] mx-auto relative transition-all duration-700 ease-out",children:[m&&(0,t.jsx)("div",{className:"mb-3",children:(0,t.jsx)(aA,{selectedId:h,onSelect:g})}),!p&&!m&&(0,t.jsx)(aR.default,{isPlaying:W,isComplete:ts,isAtStart:tl,onPlayPause:tc,onStepForward:to,onStepBack:td,onRestart:tr}),p&&!c&&!u&&(0,t.jsx)("div",{className:"mb-3",children:(0,t.jsx)(aC,{selectedId:v,onSelect:b})}),m&&"broadcasts"===h?(0,t.jsx)(e9,{embed:!0}):m&&"guides"===h?(0,t.jsx)(o.motion.div,{className:"lg:h-[720px] overflow-hidden",initial:!O&&{opacity:0},animate:{opacity:1},transition:{duration:.18,ease:"easeOut"},children:(0,t.jsx)(aL.default,{embed:!0,className:"w-full h-full"})}):(0,t.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-1 p-4 lg:p-0 lg:h-[720px]",children:[!(j&&tp||y&&tm)&&(0,t.jsx)("div",{className:"lg:col-span-7 h-full min-h-0",children:j?(0,t.jsx)(tA,{buildPhase:et},H):y?(0,t.jsx)(tV,{designPhase:eu},es):w?(0,t.jsx)(tz,{steps:L,selectedStepId:eX,onCellClick:e6,stepState:eg,animationRunning:W,connectorState:ef,connectorFillProgress:eb,stepDisplayTimestamp:tu,onConnectorFillComplete:te,hasEnteredView:B,onEntryComplete:eG,isComplete:ts,isAgentPreviewOpen:eS,onCloseAgentPreview:()=>ez(!1),agentPreviewRunning:tg?.behavior==="agent-modal"&&W,agentPreviewCompleted:"completed"===eg["ai-agent-enrich"],onJsonAnimationComplete:eO,agentResponseData:E},v):T?(0,t.jsx)(tP,{steps:L,connectorKeys:R,selectedStepId:eX,onCellClick:e6,stepState:eg,animationRunning:W,connectorState:ef,connectorFillProgress:eb,stepDisplayTimestamp:tu,onConnectorFillComplete:te,hasEnteredView:B,onEntryComplete:eG,isComplete:ts,sendEmailSubStatus:e_,emailPreviewData:C?X:void 0,isEmailPreviewOpen:eR,emailPreviewRunning:tg?.behavior==="message-preview"&&W,emailPreviewCompleted:"completed"===eg["send-email-personalize"]||"completed"===eg["send-slack-summarize"],onCloseEmailPreview:eV,onEmailContentAnimationComplete:e$,isAgentPreviewOpen:eS,onCloseAgentPreview:()=>ez(!1),agentPreviewRunning:tg?.behavior==="agent-modal"&&W,agentPreviewCompleted:"completed"===eg["ai-agent-research"]||"completed"===eg["ai-agent-summarize"],onJsonAnimationComplete:eO,agentResponseData:E},v):(0,t.jsx)(tT,{steps:L,hideAddToAudience:p,selectedStepId:eX,onCellClick:e6,stepState:eg,animationRunning:W,connectorState:ef,connectorFillProgress:eb,stepDisplayTimestamp:tu,onConnectorFillComplete:te,onTrunkFillComplete:tt,onLeftFillComplete:ta,branchCompleted:k?"completed"===eg["branch-classify"]:"completed"===eg.branch,hasEnteredView:B,onEntryComplete:eG,isComplete:ts,sendEmailSubStatus:p?null:e_,isEmailPreviewOpen:!p&&eR,emailPreviewRunning:!p&&tg?.behavior==="message-preview"&&W,emailPreviewCompleted:!p&&"completed"===eg["send-email-qualified"],onCloseEmailPreview:p?()=>{}:()=>eL(!1),onEmailContentAnimationComplete:p?()=>{}:e$,isAgentPreviewOpen:eS,onCloseAgentPreview:()=>ez(!1),agentPreviewRunning:tg?.behavior==="agent-modal"&&W,agentPreviewCompleted:"completed"===eg[k?"ai-agent-classify":"ai-agent"],onJsonAnimationComplete:eO,agentResponseData:E},m&&!j?`home-wf-${x}`:v)}),j||y?(0,t.jsx)("div",{className:j&&tp||y&&tm?"lg:col-span-12 h-full min-h-0":"lg:col-span-5 h-full min-h-0",children:j?(0,t.jsx)(al,{layoutVariant:tp?"hero":"split",isPaused:K,onAnimationComplete:()=>ee(!0),onPhaseChange:ei,showPromptArcCanvas:th},H):(0,t.jsx)(ax,{layoutVariant:tm?"hero":"split",isPaused:er,onAnimationComplete:()=>ec(!0),onPhaseChange:ep,showPromptArcCanvas:th},es)}):(0,t.jsx)("div",{className:"lg:col-span-5 h-full min-h-0",children:(0,t.jsx)(eq,{selectedStep:e5,stepId:eX,isRunning:"running"===e3,
174isCompleted:"completed"===e3,onSubStatusChange:p&&!T?()=>{}:eA,onTogglePreview:p&&!T?()=>{}:eB,isPreviewOpen:(!p||!!T)&&eR,emailContentReady:!!p&&!T||eF,onToggleAgentPreview:()=>ez(e=>!e),isAgentPreviewOpen:eS,agentJsonAnimationComplete:eE,onAnimationComplete:e8},m&&!j?x:void 0)})]})]})}),(0,t.jsx)(r.default.BorderGrid,{position:"right"})]})})})]})}e.s(["default",0,function({variant:e}){return"broadcasts"===e?(0,t.jsx)(e9,{}):"preferences"===e?(0,t.jsx)(tb,{}):(0,t.jsx)(aD,{variant:e})}],947162),e.s([],732055)}]);
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.