https://offloop.org/assets/c-d7343cb7.js

1try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];if(null!=s)for(var r in s)s.hasOwnProperty(r)&&(e[r]=s[r])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:offloop-frontend":!0});var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="6bfa3323-3594-4092-9c06-1527e2ea4f3e",e._sentryDebugIdIdentifier="sentry-dbid-6bfa3323-3594-4092-9c06-1527e2ea4f3e")}catch(e){}export const __rspack_esm_id=24104;export const __rspack_esm_ids=[24104];export const __webpack_modules__={38971(e,t,s){var r=s(12334),l=s(88326),a=s(24837),n=s(45051),i=s(49806),o=s(53180),c=s(8694),d=s(30473),x=s(83895),u=s(42698),p=s(35097),h=s(71440),f=s(67959),m=s(17855),g=s(71056),b=s(59237),w=s(81576);let v={role:[{key:"role-line-1",className:"w-full"},{key:"role-line-2",className:"w-full"},{key:"role-line-3",className:"w-[54%]"}],directory:[{key:"directory-line-1",className:"w-full"},{key:"directory-line-2",className:"w-full"},{key:"directory-line-3",className:"w-[54%]"}]};function j(e){let t,s,d,v,j,z,L,M,D,E,P,Q,S,W,F,{isSubmitting:V,isGenerating:X=!1,profile:$,isOpeningAgentChat:B=!1,onSubmitPrompt:R,onChatWithAgent:G,onClose:K}=e,O=(0,m.w)(),U=(0,l.I)(),[H,T]=(0,i.useState)([]),[J,Y]=(0,i.useState)(""),[q,Z]=(0,i.useState)(!1),[ee,et]=(0,i.useState)("selecting"),es=(0,i.useMemo)(()=>(0,g.c5)({selectedCapabilityIds:H,customCapability:J}),[J,H]),er=H.length>0||J.trim().length>0,el=(0,i.useMemo)(()=>({...es,...$??{},name:$?.name?.trim()||es.name,handle:$?.handle?.trim()||es.handle,channels:$?.channels?.length?$.channels:es.channels,skills:$?.skills?.length?$.skills:es.skills,files:$?.files?.length?$.files:es.files}),[es,$]),ea=$?.role?.trim()??"",en=$?.directory?.filter(e=>e.trim())??[],ei=!!(G&&($?.agentId||$?.handle)),eo=async()=>{if(!er||V)return;et("generating");let e=(0,g.as)({selectedCapabilityIds:H,customCapability:J});try{await R(e)}catch(e){throw et("selecting"),e}},ec=U?{duration:0}:b.u6.micro;return(0,r.jsx)("div",{className:"flex min-h-0 w-full flex-1",children:(0,r.jsx)(a.N,{mode:"wait",children:"selecting"===ee?(0,r.jsxs)(n.P.section,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},exit:{opacity:0,y:-8},transition:ec,className:"relative flex min-h-0 w-full flex-col overflow-y-auto px-6",children:[(0,r.jsxs)("div",{className:"mt-16 w-full sm:mt-[142px] sm:ml-[13px] sm:w-[308px]",children:[(0,r.jsx)("h2",{className:"text-[34px] leading-none font-semibold tracking-normal text-text-strong-950 sm:text-[42px]",children:O("creator.capabilities.title",t)}),(0,r.jsx)("p",{className:"mt-2 text-[12px]/4 text-text-soft-500",children:O("creator.capabilities.description",s)})]}),(0,r.jsxs)("div",{className:"mt-14 flex w-full flex-wrap gap-3 sm:mt-[112px] sm:ml-[13px] sm:w-[311px]",children:[g.ac.map(e=>{let t,s,l=H.includes(e.id);return(0,r.jsxs)("button",{type:"button","aria-pressed":l,className:(0,w.cn)("flex h-9 shrink-0 items-center justify-center rounded-full px-4 py-1.5 text-[14px]/5 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/25",l?"bg-[#f0fece] text-[#37660f]":"bg-[oklch(var(--sem-tint-ink)/0.03)] text-text-strong-950 hover:bg-muted/70"),onClick:()=>{var t;return t=e.id,void T(e=>e.includes(t)?e.filter(e=>e!==t):[...e,t])},children:[(0,r.jsx)("span",{"aria-hidden":!0,children:e.emoji}),(0,r.jsx)("span",{className:"ml-2",children:(t=`creator.capability.${e.id}.label`,e.label,O(t,s))})]},e.id)}),(0,r.jsx)(p.K0,{label:O("creator.customFunction.label",d),size:"sm",variant:"ghost",shape:"pill",className:"shrink-0 bg-[oklch(var(--sem-tint-ink)/0.03)] text-text-strong-950 hover:bg-muted/70",onClick:()=>Z(e=>!e),children:(0,r.jsx)(o.G,{className:"size-4"})})]}),q?(0,r.jsx)("div",{className:"mt-4 w-full sm:ml-[13px] sm:w-[311px]",children:(0,r.jsx)(f.A,{label:O("creator.customFunction.label",v),value:J,onChange:Y,placeholder:O("creator.customFunction.placeholder",j)})}):null,(0,r.jsxs)("div",{className:"mt-auto flex justify-center gap-3 pb-[88px]",children:[(0,r.jsxs)(u.$n,{variant:"primary",className:"h-9 w-[100px] rounded-full bg-[#202020] px-5 text-[14px] font-medium text-white before:bg-[#202020] hover:before:bg-[#202020]/90",disabled:!er||V,onClick:()=>void eo(),children:[V?(0,r.jsx)(h.a,{tone:"neutral"}):null,(0,r.jsx)("span",{children:O("creator.nextAction",z)}),V?null:(0,r.jsx)(c.Q,{className:"size-4"})]}

1),(0,r.jsx)(u.$n,{variant:"ghost",className:"h-9 w-[120px] rounded-full px-5 text-[14px] font-medium text-[#202020] opacity-60",disabled:V,onClick:K,children:O("cancelAction",L)})]})]},"capabilities"):(0,r.jsxs)(n.P.section,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},exit:{opacity:0,y:-8},transition:ec,className:"relative flex min-h-0 w-full flex-col overflow-y-auto px-6 pt-7",children:[(0,r.jsxs)("div",{className:"flex min-h-[586px] flex-col gap-6",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-4 pb-4",children:[(0,r.jsx)(x.eu,{kind:"agent",name:el.name,avatarURL:el.avatarURL,size:"40",className:"size-[58px] rounded-14 bg-[#e5d9ff]"}),(0,r.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,r.jsx)("h2",{className:"w-[220px] truncate text-[20px] leading-none font-semibold text-text-strong-950",children:el.name}),(0,r.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,r.jsxs)(y,{label:O("creator.preview.channels",M),children:[(el.channels??[]).map(e=>{var t;let s;return(0,r.jsx)(k,{children:(s=(t=e).trim())?s.startsWith("#")?s:`# ${s.replace(/^\s*#\s*/,"")}`:t},e)}),(0,r.jsx)(_,{label:O("creator.preview.addChannels",D)})]}),(0,r.jsxs)(y,{label:O("creator.preview.skills",E),children:[(el.skills??[]).map(e=>(0,r.jsx)(k,{children:e},e)),(0,r.jsx)(_,{label:O("creator.preview.addSkill",P)})]}),(0,r.jsxs)(y,{label:O("creator.preview.files",Q),children:[(el.files??[]).map((e,t)=>(0,r.jsx)(N,{tone:0===t?"purple":"cyan",children:e},e)),(0,r.jsx)(_,{label:O("creator.preview.addFiles",S)})]})]})]})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,r.jsx)(A,{label:O("creator.preview.role",W),children:ea?(0,r.jsx)(C,{children:ea}):(0,r.jsx)(I,{kind:"role"})}),(0,r.jsx)(A,{label:O("creator.preview.skillDirectory",F),children:en.length>0?(0,r.jsx)(C,{children:en.map(e=>(0,r.jsx)("p",{children:e},e))}):(0,r.jsx)(I,{kind:"directory"})})]})]}),ea||en.length>0||ei?(0,r.jsx)("div",{className:"mt-auto pb-8 pt-10",children:(0,r.jsxs)(u.$n,{variant:"primary",size:"md",className:"h-11 w-full rounded-card bg-black text-[14px] font-medium text-white before:bg-black hover:before:bg-black/90",disabled:!ei||X||B,onClick:()=>void G?.(),children:[B?(0,r.jsx)(h.a,{tone:"neutral"}):null,(0,r.jsx)("span",{children:O("chatWithAgentAction",{name:el.name||"Agent"})})]})}):null]},"generating")})})}function y(e){let{label:t,children:s}=e;return(0,r.jsxs)("section",{className:"flex w-full flex-col gap-3",children:[(0,r.jsx)("h3",{className:"text-[12px]/4 font-medium text-text-soft-500",children:t}),(0,r.jsx)("div",{className:"flex min-w-0 flex-wrap items-center gap-2",children:s})]})}function k(e){let{children:t}=e;return(0,r.jsx)("span",{className:"inline-flex h-6 items-center justify-center rounded-full bg-[oklch(var(--sem-tint-ink)/0.05)] px-3 py-1 text-[12px]/4 font-medium text-text-strong-950",children:t})}function N(e){let{children:t,tone:s}=e;return(0,r.jsxs)("span",{className:"inline-flex h-7 items-center justify-center gap-1.5 rounded-full border-[0.5px] border-border/80 bg-bg-page px-3 py-1.5 text-[12px]/4 font-medium text-text-strong-950 shadow-default",children:[(0,r.jsx)(d.v,{className:(0,w.cn)("size-3.5 fill-current stroke-0","purple"===s?"text-[#c9a6ff]":"text-[#8bd9e7]")}),t]})}function _(e){let{label:t}=e;return(0,r.jsxs)("span",{className:"inline-flex h-6 items-center gap-0.5 text-[12px]/4 font-medium text-text-soft-500 opacity-75",children:[(0,r.jsx)(o.G,{className:"size-4"}),t]})}function A(e){let{label:t,children:s}=e;return(0,r.jsxs)("section",{className:"flex w-full flex-col gap-2",children:[(0,r.jsx)("h3",{className:"text-[12px]/4 font-medium text-text-soft-500",children:t}),s]})}function C(e){let{children:t}=e;return(0,r.jsx)("div",{className:"flex w-full flex-col gap-[14px] smooth-corners [--smooth-corner-radius:var(--radius-xl)] rounded-xl border-[0.5px] border-border/80 px-3 py-3 text-[14px]/5 text-text-strong-950",children:"string"==typeof t?(0,r.jsx)("p",{children:t}):t})}function I(e){let{kind:t}=e;return(0,r.jsx)("div",{className:"flex w-full flex-col gap-3",children:v[t].map((e,t)=>(0,r.jsx)("div",{className:(0,w.cn)("h-[18px] rounded-full bg-[oklch(var(--sem-tint-ink)/0.03)]",e.className,0===t?"animate-pulse":"")},e.key))})}s.d(t,{AgentCreationPanel:()=>j})},53180(e,t,s){var r=s(50030);let l=(0,s(26445).X)(r.A,"AddCircle");s.d(t,{},{G:l})},8694(e,t,s){var r=s(45444);let l=(0,s(26445).X)(r.A,"ArrowRight");s.d(t,{},{Q:l})},12865(e,t,s){var r=s(12334),l=s(60098),a=s(49806),n=s(97175),i=s(88409),o=s(24464);let c="InputWrapper",d="InputEl",x="InputIcon",u="InputAffixButton",p=(0,i.tv)({slots:{root:["group relative flex w-full overflow-hidden bg-bg-white-0 text-text-strong-950 shadow-regular-xs","transition duration-200 ease-entrance","divide-x divide-stroke-soft-200","before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:[corner-shape:inherit]","before:ring-1 before:ring-inset before:ring-stroke-soft-200","before:transition before:duration-200 before:ease-entrance","hover:shadow-none hover:[&:not(:has(input:focus))]:before:ring-stroke-sub-300","has-[input

1:focus]:shadow-button-important-focus has-[input:focus]:before:ring-stroke-strong-950","has-[input:disabled]:shadow-none has-[input:disabled]:before:ring-transparent"],wrapper:["group/input-wrapper flex w-full cursor-text items-center bg-bg-white-0","transition duration-200 ease-entrance","hover:[&:not(&:has(input:focus))]:bg-state-hover","has-[input:disabled]:pointer-events-none has-[input:disabled]:bg-bg-weak-50"],input:["w-full bg-transparent bg-none text-paragraph-sm text-text-strong-950 outline-none","transition duration-200 ease-entrance","placeholder:select-none placeholder:text-text-soft-400 placeholder:transition placeholder:duration-200 placeholder:ease-entrance","group-hover/input-wrapper:placeholder:text-text-sub-600","focus:outline-none","group-has-[input:focus]:placeholder:text-text-sub-600","disabled:text-text-disabled-300 disabled:placeholder:text-text-disabled-300","[&::-ms-reveal]:hidden [&::-webkit-search-cancel-button]:hidden","[&:-webkit-autofill]:shadow-[inset_0_0_0_1000px_var(--sem-bg-white-0)] [&:-webkit-autofill]:[-webkit-text-fill-color:var(--sem-text-strong-950)]","[&:autofill]:shadow-[inset_0_0_0_1000px_var(--sem-bg-white-0)] [&:autofill]:[-webkit-text-fill-color:var(--sem-text-strong-950)]"],icon:["flex size-5 shrink-0 select-none items-center justify-center","transition duration-200 ease-entrance","group-has-[:placeholder-shown]:text-text-soft-400","text-text-sub-600","group-has-[:placeholder-shown]:group-hover/input-wrapper:text-text-sub-600","group-has-[:placeholder-shown]:group-has-[input:focus]/input-wrapper:text-text-sub-600","group-has-[input:disabled]/input-wrapper:text-text-disabled-300"],affix:["flex shrink-0 items-center justify-center truncate bg-bg-white-0 text-paragraph-sm text-text-sub-600","transition duration-200 ease-entrance","group-has-[:placeholder-shown]:text-text-soft-400","group-has-[:placeholder-shown]:group-has-[input:focus]:text-text-sub-600"],inlineAffix:["text-paragraph-sm text-text-sub-600","group-has-[:placeholder-shown]:text-text-soft-400","group-has-[:placeholder-shown]:group-has-[input:focus]:text-text-sub-600"]},variants:{size:{medium:{root:o.Lj.medium,wrapper:"gap-2 px-3",input:o.Qd.medium},small:{root:o.Lj.small,wrapper:"gap-2 px-2.5",input:o.Qd.small},xsmall:{root:o.Lj.xsmall,wrapper:"gap-1.5 px-2",input:o.Qd.xsmall}},hasError:{true:{root:["before:ring-danger","hover:before:ring-danger hover:[&:not(&:has(input:focus)):has(>:only-child)]:before:ring-danger","has-[input:focus]:shadow-button-danger-focus has-[input:focus]:before:ring-danger"]},false:{root:"hover:[&:not(:has(input:focus)):has(>:only-child)]:before:ring-stroke-sub-300"}},interaction:{default:{},static:{root:["hover:shadow-regular-xs","has-[input:focus]:shadow-regular-xs has-[input:focus]:before:ring-stroke-soft-200","hover:[&:not(:has(input:focus)):has(>:only-child)]:before:ring-stroke-soft-200"],wrapper:"hover:[&:not(&:has(input:focus))]:bg-bg-white-0"}}},compoundVariants:[{size:"medium",class:{affix:"px-3"}},{size:["small","xsmall"],class:{affix:"px-2.5"}}],defaultVariants:{size:"medium",interaction:"default"}});function h(e){let{className:t,children:s,size:i,hasError:o,interaction:h,asChild:f,...m}=e,g=a.useId(),b=f?l.DX:"div",{root:w}=p({size:i,hasError:o,interaction:h}),v=(0,n.B)(s,{size:i,hasError:o,interaction:h},[c,d,x,u,"InputInlineAffixButton"],g,f);return(0,r.jsx)(b,{className:w({class:t}),...m,children:v})}function f(e){let{className:t,children:s,size:a,hasError:n,interaction:i,asChild:o,...c}=e,d=o?l.DX:"label",{wrapper:x}=p({size:a,hasError:n,interaction:i});return(0,r.jsx)(d,{className:x({class:t}),...c,children:s})}h.displayName="InputRoot",f.displayName=c;let m=e=>{let{className:t,type:s,size:a,hasError:n,interaction:i,asChild:o,ref:c,...d}=e,x=o?l.DX:"input",{input:u}=p({size:a,hasError:n});return(0,r.jsx)(x,{...!o||s?{type:s??"text"}:null,className:u({class:t}),ref:c,...d})};function g(e){let{size:t,hasError:s,interaction:l,as:a,className:n,...i}=e,{icon:o}=p({size:t,hasError:s});return(0,r.jsx)(a||"div",{className:o({class:n}),...i})}function b(e){let{className:t,children:s,size:l,hasError:a,interaction:n,...i}=e,{affix:o}=p({size:l,hasError:a});return(0,r.jsx)("div",{className:o({class:t}),...i,children:s})}

1m.displayName=d,g.displayName=x,b.displayName=u,s.d(t,{In:()=>g,bL:()=>h,mO:()=>f,pg:()=>b},{pd:m})},67959(e,t,s){var r=s(12334),l=s(49806),a=s(71519),n=s(24420),i=s(59579),o=s(79909),c=s(8090),d=s(26809),x=s(35097),u=s(12865),p=s(71440);let h=e=>e?(0,r.jsx)(u.In,{className:"[&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:stroke-[1.75]",children:e}):null;s.d(t,{},{A:e=>{let{placeholder:t,label:s,labelSize:f,description:m,errorMessage:g,prefix:b,suffix:w,isPending:v,size:j="medium",className:y,isRevealable:k,type:N,autoCapitalize:_,autoCorrect:A,spellCheck:C,...I}=e,z=(0,o.Q)(),[L,M]=(0,l.useState)(!1),D=k?L?"text":"password":N,E=()=>{M(e=>!e)},P="string"==typeof b,Q="string"==typeof w;return(0,r.jsx)(a.A,{"aria-label":s||I["aria-label"]||I["aria-labelledby"]?void 0:"string"==typeof t&&""!==t.trim()?t:k||"password"===D?z("password"):z("textInput"),type:D,...I,className:(0,c.p)(y,"group flex flex-col gap-y-1 *:data-[slot=label]:font-medium"),children:e=>I.children?"function"==typeof I.children?I.children(e):I.children:(0,r.jsxs)(r.Fragment,{children:[s&&(0,r.jsx)(d.JU,{size:f,children:s}),(0,r.jsxs)(u.bL,{size:j,hasError:!!g,children:[P?(0,r.jsx)(u.pg,{children:b}):null,(0,r.jsxs)(u.mO,{children:[P?null:h(b),(0,r.jsx)(u.pd,{asChild:!0,children:(0,r.jsx)(n.p,{placeholder:t,autoCapitalize:_,autoCorrect:A,spellCheck:C})}),k?(0,r.jsx)(x.K0,{disabled:e.isDisabled,"aria-pressed":L,label:z("togglePasswordVisibility"),tooltip:!1,size:"medium"===j?"xs":"2xs",variant:"ghost",onClick:E,className:"relative shrink-0 text-text-soft-400 hover:text-text-strong-950",children:L?(0,r.jsx)(i.r9,{"data-slot":"icon"}):(0,r.jsx)(i.Hv,{"data-slot":"icon"})}):v?(0,r.jsx)(p.a,{}):Q?null:h(w)]}),Q?(0,r.jsx)(u.pg,{children:w}):null]}),m&&(0,r.jsx)(d.VY,{children:m}),(0,r.jsx)(d.bg,{children:g})]})})}})},45444(e,t,s){s.d(t,{},{A:[["path",{d:"M18.5 12L4.99997 12",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"0"}],["path",{d:"M13 18C13 18 19 13.5811 19 12C19 10.4188 13 6 13 6",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"1"}]]})},50030(e,t,s){s.d(t,{},{A:[["path",{d:"M12 4V20M20 12H4",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",key:"0"}]]})}};