https://callbridge.ai/_next/static/chunks/24tyrje7fd3qt.js?dpl=dpl_D233Xa34K8rt6nZDD3WF8x4Pi39p

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,77860,e=>{"use strict";var t=e.i(43476),n=e.i(71645);let a=n.forwardRef((e,t)=>{let{alt:a,color:l="currentColor",size:s="1em",weight:r="regular",mirrored:i=!1,children:c,weights:d,...x}=e;return n.createElement("svg",{ref:t,xmlns:"http://www.w3.org/2000/svg",width:s,height:s,fill:l,viewBox:"0 0 256 256",transform:i?"scale(-1, 1)":void 0,...x},!!a&&n.createElement("title",null,a),c,d.get(r))});a.displayName="SSRBase";let l=new Map([["bold",n.createElement(n.Fragment,null,n.createElement("path",{d:"M128,180a52.06,52.06,0,0,0,52-52V64A52,52,0,0,0,76,64v64A52.06,52.06,0,0,0,128,180ZM100,64a28,28,0,0,1,56,0v64a28,28,0,0,1-56,0Zm40,155.22V240a12,12,0,0,1-24,0V219.22A92.14,92.14,0,0,1,36,128a12,12,0,0,1,24,0,68,68,0,0,0,136,0,12,12,0,0,1,24,0A92.14,92.14,0,0,1,140,219.22Z"}))],["duotone",n.createElement(n.Fragment,null,n.createElement("path",{d:"M168,64v64a40,40,0,0,1-40,40h0a40,40,0,0,1-40-40V64a40,40,0,0,1,40-40h0A40,40,0,0,1,168,64Z",opacity:"0.2"}),n.createElement("path",{d:"M128,176a48.05,48.05,0,0,0,48-48V64a48,48,0,0,0-96,0v64A48.05,48.05,0,0,0,128,176ZM96,64a32,32,0,0,1,64,0v64a32,32,0,0,1-64,0Zm40,143.6V240a8,8,0,0,1-16,0V207.6A80.11,80.11,0,0,1,48,128a8,8,0,0,1,16,0,64,64,0,0,0,128,0,8,8,0,0,1,16,0A80.11,80.11,0,0,1,136,207.6Z"}))],["fill",n.createElement(n.Fragment,null,n.createElement("path",{d:"M80,128V64a48,48,0,0,1,96,0v64a48,48,0,0,1-96,0Zm128,0a8,8,0,0,0-16,0,64,64,0,0,1-128,0,8,8,0,0,0-16,0,80.11,80.11,0,0,0,72,79.6V240a8,8,0,0,0,16,0V207.6A80.11,80.11,0,0,0,208,128Z"}))],["light",n.createElement(n.Fragment,null,n.createElement("path",{d:"M128,174a46.06,46.06,0,0,0,46-46V64a46,46,0,0,0-92,0v64A46.06,46.06,0,0,0,128,174ZM94,64a34,34,0,0,1,68,0v64a34,34,0,0,1-68,0Zm40,141.75V240a6,

16,0,0,1-12,0V205.75A78.09,78.09,0,0,1,50,128a6,6,0,0,1,12,0,66,66,0,0,0,132,0,6,6,0,0,1,12,0A78.09,78.09,0,0,1,134,205.75Z"}))],["regular",n.createElement(n.Fragment,null,n.createElement("path",{d:"M128,176a48.05,48.05,0,0,0,48-48V64a48,48,0,0,0-96,0v64A48.05,48.05,0,0,0,128,176ZM96,64a32,32,0,0,1,64,0v64a32,32,0,0,1-64,0Zm40,143.6V240a8,8,0,0,1-16,0V207.6A80.11,80.11,0,0,1,48,128a8,8,0,0,1,16,0,64,64,0,0,0,128,0,8,8,0,0,1,16,0A80.11,80.11,0,0,1,136,207.6Z"}))],["thin",n.createElement(n.Fragment,null,n.createElement("path",{d:"M128,172a44.05,44.05,0,0,0,44-44V64a44,44,0,0,0-88,0v64A44.05,44.05,0,0,0,128,172ZM92,64a36,36,0,0,1,72,0v64a36,36,0,0,1-72,0Zm40,139.89V240a4,4,0,0,1-8,0V203.89A76.09,76.09,0,0,1,52,128a4,4,0,0,1,8,0,68,68,0,0,0,136,0,4,4,0,0,1,8,0A76.09,76.09,0,0,1,132,203.89Z"}))]]),s=n.forwardRef((e,t)=>n.createElement(a,{ref:t,...e,weights:l}));s.displayName="MicrophoneIcon";let r=new Map([["bold",n.createElement(n.Fragment,null,n.createElement("path",{d:"M234.39,87.29c-57.67-57.72-155.11-57.72-212.78,0-21.45,21.47-23.52,53.13-5,77a20,20,0,0,0,22.92,6.37L88.4,153.29l.45-.16A20,20,0,0,0,101,138.47l5.44-27.24a72.48,72.48,0,0,1,42.76-.09L155,138.62a20,20,0,0,0,12.14,14.49l.45.17,48.94,17.37a20,20,0,0,0,22.91-6.37C257.91,140.42,255.84,108.76,234.39,87.29Zm-12.23,59.9L178,131.5,172.24,104a20,20,0,0,0-13-14.8,96.49,96.49,0,0,0-62.94.14A20,20,0,0,0,83.4,104.24L78,131.53,33.84,147.19c-9.16-13.85-7.41-30.77,4.73-42.92C62.81,80,95.41,67.88,128,67.88S193.19,80,217.43,104.27C229.57,116.42,231.32,133.35,222.16,147.19ZM228,200a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,200Z"}))],["duotone",n.createElement(n.Fragment,null,n.createElement("path",{d:"M230,157a8,8,0,0,1-9.26,2.47L171.58,142a8,8,0,0,1-4.86-5.8l-6.21-29.74a7.94,7.94,0,0,0-5.14-5.9,84.39,84.39,0,0,0-55.1.13,7.93,7.93,0,0,0-5.12,6l-5.9,29.51A8,8,0,0,1,84.38,142L35.29,159.42A8,8,0,0,1,26,157c-14.6-18.83-13.26-43.83,4-61.12,53.11-53.11,142.77-53.11,195.88,0C243.23,113.12,244.57,138.12,230,157Z",opacity:"0.2"}),n.createElement("path",{d:"M231.59,90.13h0C175.44,34,80.56,34,24.41,90.13c-20,20-21.92,49.49-4.69,71.71A16,16,0,0,0,32.35,168a15.8,15.8,0,0,0,5.75-1.08l49-17.37.29-.11a16,16,0,0,0,9.75-11.73l5.9-29.52a76.52,76.52,0,0,1,49.68-.11h0l6.21,29.75a16,16,0,0,0,9.72,11.59l.29.11,49,17.39a16,16,0,0,0,18.38-5.06C253.51,139.62,251.58,110.13,231.59,90.13ZM223.67,152l-.3-.12-48.82-17.33-6.21-29.74A16,16,0,0,0,158,93a92.56,92.56,0,0,0-60.34.13,16,16,0,0,0-10.32,12l-5.9,29.51L32.63,151.86c-.1,0-.17.13-.27.17-12.33-15.91-11-36.23,3.36-50.58,25-25,58.65-37.53,92.28-37.53s67.27,12.51,92.28,37.53C234.61,115.8,236,136.12,223.67,152Zm.32,48a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,200Z"}))],["fill",n.createElement(n.Fragment,null,n.createElement("path",{d:"M236.28,161.84a16,16,0,0,1-18.38,5.06l-49-17.39-.29-.11a16,16,0,0,1-9.72-11.59l-6.21-29.75h0a76.52,76.52,0,0,0-49.68.11l-5.9,29.52a16,16,0,0,1-9.75,11.73l-.29.11-49,17.37A15.8,15.8,0,0,1,32.35,168a16,16,0,0,1-12.63-6.14c-17.23-22.22-15.3-51.71,4.69-71.71,56.15-56.17,151-56.17,207.18,0h0C251.58,110.13,253.51,139.62,236.28,161.84ZM216,192H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z"}))],["light",n.createElement(n.Fragment,null,n.createElement("path",{d:"M230.19,91.55h0c-55.39-55.4-149-55.4-204.38,0C6.56,110.82,4.7,139.22,21.29,160.61A14,14,0,0,0,37.39,165l49-17.38.22-.09a13.93,13.93,0,0,0,8.53-10.25l5.9-29.52a1.93,1.93,0,0,1,1.21-1.47,78.53,78.53,0,0,1,51.18-.11,1.93,1.93,0,0,1,1.22,1.45l6.21,29.75a14,14,0,0,0,8.5,10.14l.23.08,49,17.4a14,14,0,0,0,16.1-4.42C251.3,139.22,249.44,110.82,230.19,91.55Zm-5,61.71a2,2,0,0,1-2.29.58l-.22-.09-49-17.38A2,2,0,0,1,172.6,135l-6.22-29.74a14,14,0,0,0-9.06-10.35,90.53,90.53,0,0,0-59,.13,14,14,0,0,0-9,10.45L83.37,135a2,2,0,0,1-1.15,1.44L33.28,153.75l-.22.09a2,2,0,0,1-2.29-.58c-13-16.74-11.56-38.12,3.53-53.22,25.39-25.4,59.55-38.1,93.7-38.1s68.31,12.7,93.7,38.1C236.79,115.14,238.21,136.52,225.23,153.26ZM222,200a6,6,0,0,1-6,6H40a6,6,0,0,1,0-12H216A6,6,0,0,1,222,200Z"}))],["regular",n.createElement(n.Fragment,null,n.createElement("path",{d:"M231.59,90.13h0C175.44,34,80.56,34,24.41,90.13c-20,20-21.92,49.49-4.69,71.71A16,16,0,0,0,32.35,168a15.8,15.8,0,0,0,5.75-1.08l49-17.37.29-.11a16,16,0,0,0,9.75-11.73l5.9-29.52a76.52,76.52,0,0,1,49.68-.11h0l6.21,29.75a16,16,0,0,0,9.72,11.59l.29.11,49,17.39a16,16,0,0,0,18.38-5.06C253.51,139.62,251.58,110.13,231.59,90.13ZM223.67,152l-.3-.12-48.82-17.33-6.21-29.74A16,16,0,0,0,158,93a92.56,92.56,0,0,0-60.34.13,16,16,0,0,0-10.32,12l-5.9,29.51L32.63,151.86c-.1,0-.17.13-.27.17-12.33-15.91-11-36.23,3.36-50.58,25-25,58.65-37.53,92.28-37.53s67.27,12.51,92.28,37.53C234.61,115.8,236,136.12,223.67,152Zm.32,48a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,200Z"}))],["thin",n.createElement(n.Fragment,null,n.createElement("path",{d:"M228.79,93C174.15,38.34,81.85,38.34,27.21,93,8.69,111.5,

16.9,138.81,22.85,159.39a12,12,0,0,0,13.83,3.77l49-17.39.15-.06a12,12,0,0,0,7.31-8.79l5.9-29.51a3.93,3.93,0,0,1,2.51-3,80.59,80.59,0,0,1,52.5-.12,3.94,3.94,0,0,1,2.52,2.94L162.81,137a12,12,0,0,0,7.29,8.69l.15.06,49.07,17.41a12,12,0,0,0,13.83-3.77C249.1,138.81,247.31,111.5,228.79,93Zm-2,61.51a4,4,0,0,1-4.61,1.21l-.15-.06L173,138.24a4,4,0,0,1-2.37-2.87l-6.21-29.75a12,12,0,0,0-7.75-8.87,88.63,88.63,0,0,0-57.74.14,12,12,0,0,0-7.72,9l-5.9,29.51A4,4,0,0,1,83,138.26l-49,17.38-.15.06a4,4,0,0,1-4.61-1.21c-13.42-17.3-11.9-40.26,3.69-55.85C58.65,72.85,93.33,60,128,60s69.35,12.89,95.13,38.68C238.71,114.23,240.24,137.19,226.82,154.49ZM220,200a4,4,0,0,1-4,4H40a4,4,0,0,1,0-8H216A4,4,0,0,1,220,200Z"}))]]),i=n.forwardRef((e,t)=>n.createElement(a,{ref:t,...e,weights:r}));i.displayName="PhoneDisconnectIcon";let c=new Map([["bold",n.createElement(n.Fragment,null,n.createElement("path",{d:"M132,72a12,12,0,0,1,12-12h43L175.51,48.49a12,12,0,1,1,17-17l32,32a12,12,0,0,1,0,17l-32,32a12,12,0,0,1-17-17L187,84H144A12,12,0,0,1,132,72Zm95.84,111.58A60.26,60.26,0,0,1,168,236C86.39,236,20,169.61,20,88A60.26,60.26,0,0,1,72.42,28.16,20,20,0,0,1,93.2,40l21.11,47.13.07.18a19.93,19.93,0,0,1-1.65,18.83,10.67,10.67,0,0,1-.85,1.15L92.82,130c7.06,12.84,20.5,26.16,33.49,33.21l22.31-19a11.68,11.68,0,0,1,1.12-.84,19.92,19.92,0,0,1,19-1.74l.18.08L216,162.8A20,20,0,0,1,227.84,183.58Zm-24.31-.06-42-18.81-22.42,19.07a11.77,11.77,0,0,1-1.12.85,20,20,0,0,1-19.7,1.41c-19.48-9.4-38.89-28.68-48.31-48a20,20,0,0,1,1.28-19.64,10.75,10.75,0,0,1,.86-1.15L91.3,94.5l-18.82-42A36.27,36.27,0,0,0,44,88,124.15,124.15,0,0,0,168,212,36.27,36.27,0,0,0,203.53,183.52Z"}))],["duotone",n.createElement(n.Fragment,null,n.createElement("path",{d:"M215.94,182.08A48.33,48.33,0,0,1,168,224,136,136,0,0,1,32,88,48.33,48.33,0,0,1,73.92,40.06a8,8,0,0,1,8.3,4.8l21.13,47.2a8,8,0,0,1-.66,7.53L81.32,125a7.93,7.93,0,0,0-.54,7.81c8.27,16.93,25.77,34.22,42.75,42.41a7.92,7.92,0,0,0,7.83-.59l25-21.3a8,8,0,0,1,7.59-.69l47.16,21.13A8,8,0,0,1,215.94,182.08Z",opacity:"0.2"}),n.createElement("path",{d:"M136,72a8,8,0,0,1,8-8h52.69L178.34,45.66a8,8,0,0,1,11.32-11.32l32,32a8,8,0,0,1,0,11.32l-32,32a8,8,0,0,1-11.32-11.32L196.69,80H144A8,8,0,0,1,136,72Zm87.87,111.08A56.24,56.24,0,0,1,168,232C88.6,232,24,167.4,24,88A56.24,56.24,0,0,1,72.92,32.13a16,16,0,0,1,16.62,9.51l21.12,47.15,0,.12A16,16,0,0,1,109.39,104c-.18.27-.37.52-.57.77L88,129.45c7.49,15.22,23.41,31,38.83,38.51l24.34-20.71a8.12,8.12,0,0,1,.75-.56,16,16,0,0,1,15.18-1.4l.11.06,47.11,21.11A16,16,0,0,1,223.87,183.08Zm-15.87-2s-.07,0-.11,0h0l-47-21.05-24.35,20.71a8,8,0,0,1-.74.56,16,16,0,0,1-15.75,1.14c-18.73-9-37.4-27.58-46.46-46.11a16,16,0,0,1,1-15.7,7,7,0,0,1,.57-.77L96,95.15l-21-47a.61.61,0,0,1,0-.12A40.2,40.2,0,0,0,40,88,128.14,128.14,0,0,0,168,216,40.21,40.21,0,0,0,208,181.07Z"}))],["fill",n.createElement(n.Fragment,null,n.createElement("path",{d:"M136,72a8,8,0,0,1,8-8h52.69L178.34,45.66a8,8,0,0,1,11.32-11.32l32,32a8,8,0,0,1,0,11.32l-32,32a8,8,0,0,1-11.32-11.32L196.69,80H144A8,8,0,0,1,136,72Zm78.36,94.46-47.11-21.11-.11-.06a16,16,0,0,0-15.18,1.4,8.12,8.12,0,0,0-.75.56L126.87,168c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16,16,0,0,0,1.32-15.06l0-.12L89.54,41.64a16,16,0,0,0-16.62-9.51A56.24,56.24,0,0,0,24,88c0,79.4,64.6,144,144,144a56.24,56.24,0,0,0,55.87-48.92A16,16,0,0,0,214.36,166.46Z"}))],["light",n.createElement(n.Fragment,null,n.createElement("path",{d:"M138,72a6,6,0,0,1,6-6h57.51L179.76,44.24a6,6,0,0,1,8.48-8.48l32,32a6,6,0,0,1,0,8.48l-32,32a6,6,0,0,1-8.48-8.48L201.51,78H144A6,6,0,0,1,138,72Zm83.89,110.83A54.25,54.25,0,0,1,168,230C89.7,230,26,166.3,26,88A54.25,54.25,0,0,1,73.17,34.11,14,14,0,0,1,87.73,42.5l21.1,47.11a14,14,0,0,1-1.12,13.27,6,6,0,0,1-.42.57L86.22,128.51a1.89,1.89,0,0,0,0,1.67c7.66,15.69,24.1,32,40,39.65a1.88,1.88,0,0,0,1.68-.06l24.69-21a4.81,4.81,0,0,1,.56-.42,14,14,0,0,1,13.28-1.22l47.24,21.17A14,14,0,0,1,221.89,182.83ZM210,181.32a2,2,0,0,0-1.21-2l-47.25-21.17a2,2,0,0,0-1.61.1l-24.67,21c-.18.15-.37.29-.56.42a14,14,0,0,1-13.77,1c-18.36-8.87-36.66-27-45.53-45.19a14,14,0,0,1,.91-13.73,4.73,4.73,0,0,1,.43-.57L97.79,96.09a2,2,0,0,0,0-1.67L76.74,47.31A2,2,0,0,0,74.9,46h-.23A42.24,42.24,0,0,0,38,88c0,71.68,58.32,130,130,130A42.24,42.24,0,0,0,210,181.32Z"}))],["regular",n.createElement(n.Fragment,null,n.createElement("path",{d:"M136,72a8,8,0,0,1,8-8h52.69L178.34,45.66a8,8,0,0,1,11.32-11.32l32,32a8,8,0,0,1,0,11.32l-32,32a8,8,0,0,1-11.32-11.32L196.69,80H144A8,8,0,0,1,136,72Zm87.87,111.08A56.24,56.24,0,0,1,168,232C88.6,232,24,167.4,24,88A56.24,56.24,0,0,1,72.92,32.13a16,16,0,0,1,16.62,9.51l21.12,47.15,0,.12A16,16,0,0,1,109.39,104c-.18.27-.37.52-.57.77L88,129.45c7.49,15.22,23.41,31,38.83,38.51l24.34-20.71a8.12,8.12,0,0,1,.75-.56,16,16,0,0,1,15.18-1.4l.11.06,47.11,21.11A16,16,0,0,1,223.87,183.08Zm-15.87-2s-.07,0-.11,0h0l-47-21.05-24.35,20.71a8,8,0,0,1-.74.56,16,16,0,0,1-15.75,1.14c-18.73-9-37.4-27.58-46.46-46.11a16,16,0,0,1,1-15.7,7,7,0,0,1,.57-.77L96,95.15l-21-47a.61.61,0,0,1,0-.12A40.2,40.2,0,0,0,40,88,128.14,128.14,0,0,0,168,216,40.21,40.21,0,0,0,208,181.07Z"}))],["thin",n.createElement(n.Fragment,null,n.createElement("path",{d:"M140,72a4,4,0,0,1,4-4h62.34L181.17,42.83a4,4,0,0,1,5.66-5.66l32,32a4,4,0,0,1,0,5.66l-32,32a4,4,0,0,1-5.66-5.66L206.34,76H144A4,4,0,0,1,140,72Zm79.91,110.58A52.26,52.26,0,0,1,168,228C90.8,228,28,165.2,28,88A52.26,52.26,0,0,1,73.42,36.09,12,12,0,0,1,85.9,43.28L107,90.42a12,12,0,0,1-1,11.36,3.47,3.47,0,0,1-.29.38L84.56,127.37a3.9,3.9,0,0,0-.18,3.69c7.83,16.05,24.65,32.73,40.89,40.57a3.9,3.9,0,0,0,3.7-.21L153.8,150.3a3.27,3.27,0,0,1,.37-.28A12,12,0,0,1,165.56,149l47.22,21.16A12,12,0,0,1,219.91,182.58Zm-10.35-5.12L162.35,156.3a3.93,3.93,0,0,0-3.57.27L134,177.69l-.37.28a12,12,0,0,1-11.79.87c-18-8.69-35.91-26.48-44.6-44.27A12,12,0,0,1,78,122.82l.29-.39,21.19-25.2a4,4,0,0,0,.23-3.6L78.57,46.5A4,4,0,0,0,74.9,44a3.87,3.87,0,0,0-.48,0A44.23,44.23,0,0,0,36,88,132.14,132.14,0,0,0,168,220a44.23,44.23,0,0,0,44-38.42A4,4,0,0,0,209.56,177.46Z"}))]]),d=n.forwardRef((e,t)=>

1n.createElement(a,{ref:t,...e,weights:c}));d.displayName="PhoneTransferIcon";let x=[{key:"ecommerce-cs",phone:"010-1234-5678",agentName:"쇼핑몰 CS 에이전트",voiceName:"Zephyr",accent:"#38e48f",startedAtSec:273,turns:[{speaker:"고객",text:"배송 조회 좀 부탁드려요."},{speaker:"AI",text:"주문 건 확인했습니다. 오늘 오후 출고되어 내일 도착 예정입니다."},{speaker:"고객",text:"그럼 받는 주소도 바꿀 수 있나요?"},{speaker:"AI",text:"출고 전이라 가능합니다. 변경하실 주소를 말씀해 주세요."}]},{key:"clinic-booking",phone:"010-2345-6789",agentName:"예약 안내 에이전트",voiceName:"Kore",accent:"#ffbc7e",startedAtSec:72,turns:[{speaker:"고객",text:"내일 3시 예약 확인해주세요."},{speaker:"AI",text:"내일 오후 3시 진료 예약 확인되었습니다."},{speaker:"고객",text:"혹시 4시로 옮길 수 있을까요?"},{speaker:"AI",text:"4시 30분에 자리가 있습니다. 그 시간으로 변경해 드릴까요?"}]},{key:"finance-archiving",phone:"010-3456-7890",agentName:"보험 상담 에이전트",voiceName:"Charon",accent:"#fafe66",startedAtSec:168,turns:[{speaker:"고객",text:"보험 상품 안내 좀 받고 싶어요."},{speaker:"AI",text:"안내에 앞서, 통화 내용이 녹취·기록되는 점 안내드립니다."},{speaker:"고객",text:"네, 괜찮습니다."},{speaker:"AI",text:"가입 가능한 상품 세 가지를 순서대로 안내드리겠습니다."}]},{key:"b2b-saas",phone:"010-4567-8901",agentName:"채용 스크리닝 에이전트",voiceName:"Aoede",accent:"#e3b5d9",startedAtSec:41,turns:[{speaker:"고객",text:"안녕하세요, 지원서 넣고 연락받았는데요."},{speaker:"AI",text:"지원해 주셔서 감사합니다. 두 가지만 확인하겠습니다."},{speaker:"고객",text:"네, 말씀하세요."},{speaker:"AI",text:"희망하시는 입사 시기가 언제쯤이신지 알려주시겠어요?"}]}],o=Array.from({length:28},(e,t)=>{let n;return{height:3+22*(.35+.65*(1-Math.abs(t-13.5)/13.5))*(.35+.65*((n=43758.5453*Math.sin(78.233*t))-Math.floor(n))),delay:97*t%900}});function p({speaker:e,speaking:n}){let a=n?"AI"===e?"bg-[#38e48f]":"bg-zinc-400":"bg-zinc-600";return(0,t.jsx)("div",{className:"flex h-7 shrink-0 items-center gap-[2px]","aria-hidden":!0,children:o.map((e,l)=>(0,t.jsx)("span",{"data-waveform-bar":!0,"data-idle":n?void 0:"",className:`w-[2px] shrink-0 rounded-full transition-colors duration-200 ${a}`,style:{height:`${e.height.toFixed(1)}px`,animationDelay:`${e.delay}ms`}},l))})}function m({children:e,danger:n}){return(0,t.jsx)("span",{className:`grid size-9 shrink-0 place-items-center rounded-full ${n?"bg-[#F04438] text-white":"bg-white/[0.1] text-zinc-200"}`,children:e})}function h({speaker:e,text:n,muted:a,caret:l}){let s="AI"===e;return(0,t.jsxs)("div",{className:"flex items-baseline gap-2.5",children:[(0,t.jsx)("span",{className:`w-[34px] shrink-0 text-[11px] font-semibold tracking-tight ${s?"text-[#38e48f]":"text-zinc-500"}`,children:e}),(0,t.jsxs)("p",{className:`truncate text-[13.5px] leading-5 ${a?"text-zinc-500":"text-zinc-100"}`,children:[n,l?(0,t.jsx)("span",{className:"ml-0.5 inline-block h-[13px] w-[2px] translate-y-[2px] animate-pulse rounded-sm bg-zinc-400"}):null]})]})}e.s(["AiInfraCallPanel",0,function({className:e}){let a=(0,n.useRef)(null),l=function(){let[e,t]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)");t(e.matches);let n=()=>t(e.matches);return e.addEventListener("change",n),()=>e.removeEventListener("change",n)},[]),e}(),r=!function(e){let[t,a]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let t=e.current;if(!t)return;let n=new IntersectionObserver(([e])=>a(e.isIntersecting),{rootMargin:"200px"});return n.observe(t),()=>n.disconnect()},[e]),t}(a),{call:c,previous:o,current:u,typed:f,typing:g,speaker:b}

1=function(e,t){let[a,l]=(0,n.useState)(0),[s,r]=(0,n.useState)(0),[i,c]=(0,n.useState)(0),d=x[a],o=s===d.turns.length-1;(0,n.useEffect)(()=>{if(e||t)return;if(i<x[a].turns[s].text.length){let e=window.setTimeout(()=>c(e=>e+1),42);return()=>window.clearTimeout(e)}let n=s===x[a].turns.length-1,d=window.setTimeout(()=>{c(0),n?(r(0),l(e=>(e+1)%x.length)):r(e=>e+1)},n?1600:1100);return()=>window.clearTimeout(d)},[a,s,i,e,t]);let p=d.turns[s],m=0===s?null:d.turns[s-1],h=!e&&i<p.text.length;return{call:d,previous:m,current:p,typed:e?p.text:p.text.slice(0,i),typing:h,speaker:p.speaker,isLastTurn:o}}(l,r),j=function(e,t,a){let[l,s]=(0,n.useState)(e);return(0,n.useEffect)(()=>s(e),[e]),(0,n.useEffect)(()=>{if(t||a)return;let e=window.setInterval(()=>s(e=>e+1),1e3);return()=>window.clearInterval(e)},[t,a]),`${String(Math.floor(l/60)).padStart(2,"0")}:${String(l%60).padStart(2,"0")}`}(c.startedAtSec,l,r);return(0,t.jsxs)("div",{ref:a,className:`relative w-full rounded-[34px] ${e??""}`,style:{background:"rgba(26, 26, 26, 0.92)",boxShadow:"0 8px 48px rgba(0, 0, 0, 0.45), 0 0 0 0.5px #A6A6A6, -1.25px 0 0 -0.75px #A6A6A6, 1.25px 0 0 -0.75px #A6A6A6"},children:[(0,t.jsx)("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 z-10 rounded-[34px]",style:{boxShadow:"0 -40px 10px -40px #1A1A1A inset, 0 40px 10px -40px #1A1A1A inset"}}),(0,t.jsxs)("div",{className:"overflow-hidden rounded-[34px]",children:[(0,t.jsxs)("div",{className:"flex h-[76px] items-center gap-3 px-4 tablet:gap-4 tablet:px-5",children:[(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsxs)("div",{className:"flex items-baseline gap-2",children:[(0,t.jsx)("span",{className:"truncate text-[18px] font-bold tabular-nums tracking-[-0.2px] text-white",children:c.phone}),(0,t.jsx)("span",{className:"shrink-0 text-[12.5px] text-zinc-500",children:"인바운드"})]}),(0,t.jsxs)("div",{className:"mt-1 flex items-center gap-1.5 text-[14px] text-zinc-500",children:[(0,t.jsxs)("span",{className:"relative flex size-1.5 shrink-0",children:[(0,t.jsx)("span",{className:"absolute inline-flex size-full animate-ping rounded-full bg-[#38e48f] opacity-70"}),(0,t.jsx)("span",{className:"relative inline-flex size-1.5 rounded-full bg-[#38e48f]"})]}),(0,t.jsx)("span",{className:"shrink-0 font-semibold text-zinc-200",children:"AI 응대 중"}),(0,t.jsx)("span",{className:"shrink-0 text-[12.5px] text-zinc-600",children:"·"}),(0,t.jsxs)("span",{className:"truncate font-semibold transition-colors duration-500",style:{color:c.accent},children:[c.agentName,(0,t.jsxs)("span",{className:"font-normal opacity-60",children:[" · ",c.voiceName]})]})]})]}),(0,t.jsx)("div",{className:"hidden desktop:block",children:(0,t.jsx)(p,{speaker:b,speaking:g})}),(0,t.jsx)("span",{className:"hidden w-[42px] shrink-0 text-right text-[13px] font-medium tabular-nums text-zinc-300 desktop:block",children:j}),(0,t.jsxs)("div",{className:"ml-1 flex shrink-0 items-center gap-2",children:[(0,t.jsx)(m,{children:(0,t.jsx)(s,{className:"size-[17px]",weight:"regular"})}),(0,t.jsx)(m,{children:(0,t.jsx)(d,{className:"size-[17px]",weight:"regular"})}),(0,t.jsx)(m,{danger:!0,children:(0,t.jsx)(i,{className:"size-[17px]",weight:"regular"})})]})]}),(0,t.jsx)("div",{className:"border-t border-white/[0.07] bg-white/[0.025] px-4 py-3 tablet:px-5",children:(0,t.jsxs)("div",{className:"flex h-[46px] flex-col justify-end gap-1.5","aria-live":"off",children:[o?(0,t.jsx)(h,{speaker:o.speaker,text:o.text,muted:!0}):null,(0,t.jsx)(h,{speaker:u.speaker,text:f,caret:g})]})})]})]})}],77860)},16474,e=>{"use strict";var t=e.i(43476),n=e.i(71645),a=e.i(49652);let l={some:0,all:1};var s=e.i(72328);let r=[];for(let e=0;e<28;e++)for(let t=0;t<21;t++)r.push([5+15*t,5+15*e]);let i=n.memo(function({color:e}){return(0,t.jsx)(t.Fragment,{children:r.map(([n,a],l)=>(0,t.jsx)("circle",{cx:n,cy:a,r:5,fill:e},l))})});e.s(["DotGridBlink",0,function({dotColor:e="rgba(217,217,217,0.5)",activeColor:c="rgb(255,85,0)",speed:d=50,trail:x=3,glow:o=6}){let p=n.useRef(null),m=function(e,{root:t,margin:s,amount:r,once:i=!1,initial:c=!1}={}

1){let[d,x]=(0,n.useState)(c);return(0,n.useEffect)(()=>{if(!e.current||i&&d)return;let n={root:t&&t.current||void 0,margin:s,amount:r};return function(e,t,{root:n,margin:s,amount:r="some"}={}){let i=(0,a.resolveElements)(e),c=new WeakMap,d=new IntersectionObserver(e=>{e.forEach(e=>{let n=c.get(e.target);if(!!n!==e.isIntersecting)if(e.isIntersecting){let n=t(e.target,e);"function"==typeof n?c.set(e.target,n):d.unobserve(e.target)}else"function"==typeof n&&(n(e),c.delete(e.target))})},{root:n,rootMargin:s,threshold:"number"==typeof r?r:l[r]});return i.forEach(e=>d.observe(e)),()=>d.disconnect()}(e.current,()=>(x(!0),i?void 0:()=>x(!1)),n)},[t,e,s,i,r]),d}(p),h=(0,s.useReducedMotion)(),[u,f]=n.useState(0);return n.useEffect(()=>{if(!m||h)return;let e=setInterval(()=>f(e=>(e+1)%588),d);return()=>clearInterval(e)},[d,m,h]),(0,t.jsxs)("svg",{ref:p,width:"310",height:"415",viewBox:"0 0 310 415",fill:"none",style:{maxWidth:"100%",maxHeight:"100%"},children:[(0,t.jsx)(i,{color:e}),!h&&Array.from({length:x},(e,a)=>{let[l,s]=r[(u-a+588)%588],i=1-a/x*.7;return(0,t.jsxs)(n.Fragment,{children:[(0,t.jsx)("circle",{cx:l,cy:s,r:5+o*i,fill:c,opacity:.3*i}),(0,t.jsx)("circle",{cx:l,cy:s,r:5,fill:c,opacity:i})]},a)})]})}],16474)},69648,e=>{"use strict";var t=e.i(43476),n=e.i(71645);let a=["010-XXX-1234","070","16XX"];e.s(["PhoneNumberGraphic",0,function(){let[e,l]=(0,n.useState)(0),[s,r]=(0,n.useState)(!0);(0,n.useEffect)(()=>{if(e===a.length){let e=setTimeout(()=>{r(!1),l(0)},1e3);return()=>clearTimeout(e)}if(!s){let e=requestAnimationFrame(()=>r(!0));return()=>cancelAnimationFrame(e)}let t=setTimeout(()=>l(e=>e+1),1e3);return()=>clearTimeout(t)},[e,s]);let i=[...a,a[0]],c=e%a.length;return(0,t.jsxs)("div",{className:"relative flex h-[240px] w-full items-center justify-center overflow-clip self-center","aria-hidden":!0,children:[(0,t.jsx)("div",{className:"pointer-events-none absolute left-1/2 top-1/2 size-[240px] -translate-x-1/2 -translate-y-1/2 rounded-full border border-white"}),(0,t.jsx)("div",{"data-ring-slide":!0,className:"pointer-events-none absolute left-[calc(50%-68px)] top-1/2 size-[136px] rounded-full border border-white [animation:ring-slide-x_3s_ease-in-out_infinite]"}),(0,t.jsx)("div",{className:"relative overflow-hidden",style:{height:"50.4px",width:"296px"},children:(0,t.jsx)("div",{className:"flex flex-col items-center",style:{gap:"10px",paddingBottom:"10px",transform:`translateY(-${60.4*e}px)`,transition:s?"transform 0.3s cubic-bezier(0.44, 0, 0.56, 1)":"none"},children:i.map((n,l)=>{let s=l===c||e===a.length&&l===a.length;return(0,t.jsx)("span",{className:"text-center font-sans font-normal text-black",style:{fontSize:"36px",lineHeight:"1.4em",opacity:s?1:.5,transition:"opacity 0.3s cubic-bezier(0.44, 0, 0.56, 1)"},children:n},l)})})})]})}])},64475,e=>{"use strict";var t=e.i(43476),n=e.i(71645),a=e.i(19455);let l="wss://agent.example.com",s="cb_live_a17f93c25e8b",r="미용실 상담예약",i=350+45*l.length+420,c=i+45*s.length+450,d=350+45*r.length+650,x={1:"설정 · 서비스 연동 관리",2:"ARS/에이전트 · 에이전트 생성",3:"ARS/에이전트 · AI 에이전트"};function o(){let[e,t]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let e=window.matchMedia("(prefers-reduced-motion: reduce)"),n=()=>t(e.matches);return n(),e.addEventListener("change",n),()=>e.removeEventListener("change",n)},[]),e}function p(e,{active:t,startMs:a,reduced:l}){let s=`${t}|${e}`,[r,i]=(0,n.useState)({key:"",count:0});(0,n.useEffect)(()=>{let n;if(!t||l)return;let r=setTimeout(()=>{let t=0;n=setInterval(()=>{i({key:s,count:t+=1}),t>=e.length&&n&&clearInterval(n)},45)},a);return()=>{clearTimeout(r),n&&clearInterval(n)}},[t,l,s,e,a]);let c=l?t?e.length:0:r.key===s?r.count:0;return{shown:e.slice(0,c),typing:c>0&&c<e.length,done:c>=e.length}}let m="transition-[transform,box-shadow,filter] duration-150 ease-out",h=e=>e?{transform:"scale(0.94)",filter:"brightness(0.88)",boxShadow:"0 0 0 4px rgba(23, 163, 74, 0.2)"}:void 0;function u(e,{active:t,reduced:a}){let[l,s]=(0,n.useState)("idle");return(0,n.useEffect)(()=>{if(!t)return void s("idle");if(a)return void s("done");s("idle");let n=window.setTimeout(()=>s("down"),e),l=window.setTimeout(()=>s("done"),e+170);return()=>{window.clearTimeout(n),window.clearTimeout(l)}},[t,a,e]),{pressed:"down"===l,done:"done"===l}}function f(){return(0,t.jsx)("span",{className:"ml-px inline-block h-[13px] w-px translate-y-[2px] bg-ink-900/70 [animation:cb-caret_1s_steps(1,end)_infinite]","aria-hidden":!0})}function g({label:e,ring:n,children:a,height:l=32}){return(0,t.jsxs)("div",{className:"flex flex-col gap-[5px]",children:[(0,t.jsx)("div",{className:"text-[11px] font-semibold leading-none text-[#3C4043]",children:e}),(0,t.jsx)("div",{className:`flex items-center justify-between rounded-[7px] border px-2.5 text-[11px] leading-none ${n?"border-green-600 shadow-[0_0_0_3px_rgba(23,163,74,0.12)]":"border-[#

1E1E4E8]"}`,style:{height:l},children:a})]})}function b({active:e}){let n=o(),a=p(l,{active:e,startMs:350,reduced:n}),r=p(s,{active:e,startMs:i,reduced:n}),d=u(c,{active:e,reduced:n});return(0,t.jsxs)("div",{className:"relative min-h-0 flex-1 bg-[#F7F8F9]",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-[11px] px-5 py-[18px] opacity-50",children:[(0,t.jsx)("div",{className:"text-[14px] font-bold leading-none",children:"AI 에이전트 확장"}),(0,t.jsx)("div",{className:"text-[11px] leading-none text-[#6B7075]",children:"상담을 수행하는 AI 에이전트를 추가하여 응대 방식을 확장합니다."}),(0,t.jsx)("div",{className:"grid grid-cols-3 gap-2.5",children:[0,1,2].map(e=>(0,t.jsx)("div",{className:"h-[130px] rounded-[10px] border border-[#E9EBEE] bg-white"},e))})]}),(0,t.jsx)("div",{className:"absolute inset-0 flex items-center justify-center bg-ink-900/30",children:(0,t.jsxs)("div",{className:"flex w-[336px] flex-col gap-[13px] rounded-xl bg-white p-[18px] shadow-[0_18px_44px_rgba(0,0,0,0.22)]",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("div",{className:"text-[14px] font-bold leading-none",children:"커스텀 에이전트 연동"}),(0,t.jsx)("div",{className:"text-[12px] leading-none text-[#9AA0A6]",children:"✕"})]}),(0,t.jsx)(g,{label:"Agent 도메인",ring:!a.done,children:(0,t.jsxs)("span",{className:"truncate",children:[a.shown,a.typing?(0,t.jsx)(f,{}):null]})}),(0,t.jsx)(g,{label:"API Key",ring:a.done&&!r.done,children:r.shown?(0,t.jsxs)("span",{className:"truncate",children:[r.shown,r.typing?(0,t.jsx)(f,{}):null]}):(0,t.jsx)("span",{className:"text-[#AFB4B9]",children:"API Key를 입력하세요"})}),(0,t.jsxs)(g,{label:"Type",children:[(0,t.jsx)("span",{className:"text-[#6B7075]",children:"음성 (Voice)"}),(0,t.jsx)("span",{className:"text-[#AFB4B9]",children:"⌄"})]}),(0,t.jsxs)("div",{className:"flex justify-end gap-2 pt-0.5",children:[(0,t.jsx)("div",{className:"flex h-[30px] items-center rounded-[7px] border border-[#D8DCE0] px-4 text-[11px] font-semibold leading-none text-[#3C4043]",children:"취소"}),(0,t.jsx)("div",{className:`flex h-[30px] items-center rounded-[7px] bg-green-600 px-4 text-[11px] font-semibold leading-none text-white ${m}`,style:h(d.pressed),children:"연동하기"})]})]})})]})}function j({active:e}){let n=o(),a=p(r,{active:e,startMs:350,reduced:n}),l=u(d,{active:e,reduced:n});return(0,t.jsxs)("div",{className:"flex min-h-0 flex-1 flex-col bg-white",children:[(0,t.jsxs)("div",{className:"flex h-11 flex-none items-center justify-between border-b border-[#EDEFF1] px-[18px]",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 text-[15px] font-bold leading-none",children:[(0,t.jsx)("span",{className:"font-normal text-[#9AA0A6]",children:"‹"}),"에이전트 생성"]}),(0,t.jsxs)("div",{className:"flex gap-[7px]",children:[(0,t.jsx)("div",{className:`flex h-7 items-center rounded-[7px] bg-green-600 px-3.5 text-[11px] font-semibold leading-none text-white ${m}`,style:h(l.pressed),children:"저장하기"}),(0,t.jsx)("div",{className:`flex h-7 items-center rounded-[7px] px-3.5 text-[11px] font-semibold leading-none transition-colors duration-300 ${l.done?"bg-[#E8F5EE] text-green-600":"bg-[#F1F2F4] text-[#B9BEC3]"}`,children:"배포하기"})]})]}),(0,t.jsxs)("div",{className:"grid min-h-0 flex-1 grid-cols-[1fr_200px] gap-4 bg-[#FAFBFB] p-[18px]",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,t.jsxs)(g,{label:"에이전트 유형",height:34,children:[(0,t.jsx)("span",{className:"text-[12px]",children:"커스텀 에이전트"}),(0,t.jsx)("span",{className:"text-[#AFB4B9]",children:"⌄"})]}),(0,t.jsxs)(g,{label:"에이전트 명",height:34,ring:!a.done,children:[(0,t.jsxs)("span",{className:"truncate text-[12px]",children:[a.shown,a.typing?(0,t.jsx)(f,{}):null]}),(0,t.jsxs)("span",{className:"text-[10px] text-[#AFB4B9]",children:[a.shown.length,"/50"]})]})]}),(0,t.jsxs)("div",{className:"flex min-h-0 flex-col gap-[9px]",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("div",{className:"text-[12px] font-bold leading-none",children:"AI Play Ground"}),(0,t.jsx)("div",{className:"flex h-[22px] items-center rounded-md border border-[#

1E1E4E8] px-2 text-[9px] font-medium leading-none text-[#6B7075]",children:"테스트 재시작"})]}),(0,t.jsxs)("div",{className:"flex min-h-0 flex-1 items-center justify-center rounded-[9px] bg-[#F1F2F4] px-3.5 text-center text-[10px] leading-[1.5] text-[#9AA0A6]",children:["설정한 에이전트를",(0,t.jsx)("br",{}),"전화로 테스트해보세요."]}),(0,t.jsx)("div",{className:"flex h-[30px] flex-none items-center justify-center rounded-lg bg-[#F1F2F4] text-[11px] font-semibold leading-none text-[#B9BEC3]",children:"전화 테스트"})]})]})]})}function v({active:e}){let n=u(900,{active:e,reduced:o()});return(0,t.jsxs)("div",{className:"relative min-h-0 flex-1 bg-[#FAFBFB]",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-[13px] p-[18px]",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,t.jsx)("div",{className:"text-[16px] font-bold leading-none",children:"AI 에이전트"}),(0,t.jsx)("div",{className:"flex h-[21px] w-[38px] items-center justify-end rounded-full bg-green-600 px-[3px]",children:(0,t.jsx)("div",{className:"size-[15px] rounded-full bg-white"})}),(0,t.jsx)("div",{className:"text-[10px] font-bold leading-none text-green-600",children:"ON"})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("div",{className:"text-[12px] font-bold leading-none",children:"배포된 에이전트"}),(0,t.jsx)("div",{className:"text-[10px] font-medium leading-none text-[#9AA0A6]",children:"2개"})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-1.5 rounded-[10px] border border-[#D3EADE] bg-[#EDF7F1] px-3.5 py-3",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("div",{className:"flex h-[19px] items-center rounded-[5px] bg-[#F5B700] px-2 text-[9px] font-bold leading-none text-[#3A2C00]",children:"사용중"}),(0,t.jsx)("div",{className:"text-[12px] font-bold leading-none",children:"기본 에이전트"})]}),(0,t.jsx)("div",{className:"text-[10px] leading-none text-[#7C8288]",children:"콜브릿지 에이전트 · 배포됨"})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between rounded-[10px] border border-[#E5E8EB] bg-white px-3.5 py-3",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-1.5",children:[(0,t.jsx)("div",{className:"text-[12px] font-bold leading-none",children:"미용실 상담예약"}),(0,t.jsx)("div",{className:"text-[10px] leading-none text-[#7C8288]",children:"커스텀 에이전트 · v.1"})]}),(0,t.jsx)("div",{className:`flex h-7 items-center rounded-[7px] border border-green-600 px-4 text-[11px] font-semibold leading-none text-green-600 ${m}`,style:h(n.pressed),children:"사용"})]})]}),n.done?(0,t.jsx)("div",{className:"absolute inset-0 flex items-center justify-center bg-ink-900/30 [animation:cb-scrim-in_180ms_ease-out_both] motion-reduce:animate-none",children:(0,t.jsxs)("div",{className:"flex w-[326px] flex-col gap-2.5 rounded-xl bg-white p-[18px] shadow-[0_18px_44px_rgba(0,0,0,0.22)] [animation:cb-modal-in_220ms_cubic-bezier(0.16,1,0.3,1)_both] motion-reduce:animate-none",children:[(0,t.jsxs)("div",{className:"flex items-start justify-between",children:[(0,t.jsx)("div",{className:"text-[14px] font-bold leading-none",children:"이 에이전트를 사용하시겠습니까?"}),(0,t.jsx)("div",{className:"text-[12px] leading-none text-[#9AA0A6]",children:"✕"})]}),(0,t.jsxs)("div",{className:"text-[11px] leading-[1.6] text-[#6B7075]",children:["선택한 에이전트를 자동응대 타입에 사용하시겠습니까?",(0,t.jsx)("br",{}),"변경 즉시 새로운 에이전트가 적용됩니다."]}),(0,t.jsxs)("div",{className:"flex justify-end gap-2 pt-1",children:[(0,t.jsx)("div",{className:"flex h-[30px] items-center rounded-[7px] border border-[#B9C6DD] px-[18px] text-[11px] font-semibold leading-none text-[#3C4043]",children:"취소"}),(0,t.jsx)("div",{className:"flex h-[30px] items-center rounded-[7px] bg-ink-900 px-[18px] text-[11px] font-semibold leading-none text-white",children:"사용"})]})]})}):null]})}function A({step:e,active:n=!0}

1){return(0,t.jsxs)("div",{"aria-hidden":!0,className:"flex h-[400px] w-[600px] flex-col overflow-hidden rounded-[14px] border border-[#E4E6EA] bg-white text-ink-900",children:[(0,t.jsxs)("div",{className:"flex h-8 flex-none items-center gap-3 border-b border-[#E4E6EA] bg-[#F1F2F4] px-3",children:[(0,t.jsx)("div",{className:"flex gap-[5px]",children:[0,1,2].map(e=>(0,t.jsx)("div",{className:"size-2 rounded-full bg-[#D9DCE0]"},e))}),(0,t.jsx)("div",{className:"text-[10px] font-medium leading-none tracking-[0.01em] text-[#9AA0A6]",children:x[e]})]}),1===e?(0,t.jsx)(b,{active:n}):null,2===e?(0,t.jsx)(j,{active:n}):null,3===e?(0,t.jsx)(v,{active:n}):null]})}function N({children:e,maxWidth:a=600,className:l=""}){let s=(0,n.useRef)(null),[r,i]=(0,n.useState)(1);return(0,n.useEffect)(()=>{let e=s.current;if(!e)return;let t=new ResizeObserver(([e])=>{i(Math.min(1,e.contentRect.width/600))});return t.observe(e),()=>t.disconnect()},[]),(0,t.jsx)("div",{ref:s,className:`w-full ${l}`,style:{maxWidth:a},children:(0,t.jsx)("div",{style:{height:400*r},children:(0,t.jsx)("div",{style:{transform:`scale(${r})`,transformOrigin:"top left"},children:e})})})}let w="text-[12px] font-semibold tracking-[0.12em]",k=[{step:1,index:"01",title:"주소 등록",summary:"설정 → 서비스 연동 관리에서 wss:// 주소와 API Key, 통화 타입만 입력합니다."},{step:2,index:"02",title:"에이전트 생성",summary:"ARS/에이전트에서 커스텀 에이전트를 만들고, 이름을 붙여 배포합니다."},{step:3,index:"03",title:"자동응대 적용",summary:"배포된 에이전트를 자동응대에 지정하면 그 순간부터 전화를 받습니다."}];e.s(["AiInfraSetupSteps",0,function(){let e=(0,n.useRef)(null),[l,s]=(0,n.useState)(!1),[r,i]=(0,n.useState)(0),[c,d]=(0,n.useState)(0);(0,n.useEffect)(()=>{let t=e.current;if(!t)return;let n=new IntersectionObserver(([e])=>s(e.isIntersecting),{threshold:.2});return n.observe(t),()=>n.disconnect()},[]);let x=Math.round((r+1)/k.length*100);return(0,t.jsxs)("div",{ref:e,className:"flex flex-col gap-12 desktop:gap-16",children:[(0,t.jsxs)("div",{className:"relative flex flex-col gap-6 desktop:block",children:[(0,t.jsxs)("div",{className:"flex max-w-[720px] flex-col gap-3",children:[(0,t.jsx)("h3",{className:"break-keep font-display text-[32px] font-semibold leading-10 tracking-[-1px] tablet:text-[36px] tablet:leading-[42px] tablet:tracking-[-1.2px] desktop:text-[40px] desktop:leading-[48px] desktop:tracking-[-1.4px]",children:"연동은 클릭 몇 번이면 충분합니다."}),(0,t.jsx)("p",{className:"break-keep text-[16px] leading-6 tracking-[-0.2px] text-white/70",children:"에이전트만 준비되어 있다면 세 단계로 전화 상담이 시작됩니다. 실제 콜브릿지 화면 그대로 따라가 보세요."})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-2.5 desktop:absolute desktop:bottom-0 desktop:right-0 desktop:w-[240px]",children:[(0,t.jsxs)("div",{className:`${w} text-white/50`,children:["STEP 0",r+1," / 03"]}),(0,t.jsx)("div",{className:"h-[3px] overflow-hidden rounded-sm bg-white/[0.12]",children:(0,t.jsx)("div",{className:"h-full rounded-sm bg-green-500 transition-[width] duration-500 ease-out",style:{width:`${x}%`}})})]})]}),(0,t.jsxs)("div",{className:"grid grid-cols-1 gap-10 desktop:grid-cols-[400px_600px] desktop:justify-between desktop:gap-x-0",children:[(0,t.jsx)("div",{className:"flex flex-col gap-5",children:k.map((e,n)=>{let a=n===r;return(0,t.jsxs)("button",{type:"button",onClick:()=>{i(n),d(e=>e+1),s(!0)},"aria-current":a,className:`flex gap-4 rounded-[14px] border px-5 py-[18px] text-left transition-colors ${a?"border-green-500":"border-white/10 hover:border-white/25"}`,children:[(0,t.jsx)("span",{className:`${w} pt-1.5 text-green-400`,children:e.index}),(0,t.jsxs)("span",{className:"flex flex-col gap-1.5",children:[(0,t.jsx)("span",{className:"break-keep font-display text-[18px] font-semibold leading-[26px] tracking-[-0.4px] desktop:text-[20px] desktop:leading-7 desktop:tracking-[-0.5px]",children:e.title}),(0,t.jsx)("span",{className:"break-keep text-[14px] leading-[22px] tracking-normal text-white/70",children:e.summary})]})]},e.index)})}),(0,t.jsx)("div",{className:"flex justify-center desktop:min-h-[400px] desktop:items-center desktop:justify-start",children:(0,t.jsx)(N,{children:(0,t.jsx)(A,{step:k[r].step,active:l},c)})})]}),(0,t.jsx)("div",{className:"flex justify-center",children:(0,t.jsx)(a.ButtonLink,{href:"https://blumnai.oopy.io/agentintegration",target:"_blank",rel:"noopener noreferrer",variant:"primary",size:"lg",inverted:!0,className:"gtm-infra-guide-doc",children:"연동 가이드 문서 →"})})]})}],64475)}]);