@openhands/agent-canvas 1.11.0 → 1.13.0

package/build/assets/recommended-automations-launcher-CFlzhu1o.js

@@ -0,0 +1 @@
+import{a as e}from"./rolldown-runtime-Cyuzqnbw.js";import{St as t,yt as n}from"./vendor-styling-Ck5D_A2Q.js";import{t as r}from"./vendor~root~root-layout~index-home~home~conversation-panel~conversation~launch~extensions-h~gxu4j2ea-D5DWZVc7.js";import{D as i}from"./vendor~entry.client~root~root-layout~index-home~home~conversation-panel~conversation~launch~kv3pap4j-B8i84bh4.js";import{t as a}from"./use-is-creating-conversation-DdaAE6jV.js";import{n as o}from"./active-backend-context-IqOjobNK.js";import{I as s,t as c,z as l}from"./utils-zxEjKE70.js";import{D as u,O as d,S as f,T as p,h as m,k as h,t as g,y as _}from"./use-tracking-CVwPmhlX.js";import{t as v}from"./vendor~root~root-layout~index-home~home~conversation-panel~conversation~launch~skills-setti~9pstowjp-BOVIFA_g.js";import{l as ee}from"./settings-service.api--rJmnuLa.js";import{n as y}from"./use-settings-wCwPaSIv.js";import{t as b}from"./modal-backdrop-BSzNhM4r.js";import{n as x}from"./modal-classes-D66dlgZ7.js";import{t as S}from"./brand-button-swT1RyO0.js";import{n as C}from"./navigation-context-CQZwH_tC.js";import{o as te,s as w,t as T}from"./conversation-store-Blc5xysY.js";import{t as E}from"./modal-close-button-B6iOGYpI.js";import{n as ne}from"./use-create-conversation-CoHTiCbI.js";import{p as D,t as O}from"./install-server-modal-Bl4G1zF4.js";import{i as k,n as A,r as j,t as M}from"./extension-module-card-classes-Bo43vY5V.js";import{f as N,n as P,o as F,u as I}from"./mcp-marketplace-utils-DEbMXlQr.js";import{t as L}from"./vendor~root-layout~index-home~home~mcp~automations-list~automation-templates~automation-set~bxsimjx0-D7IDevqN.js";import{n as R}from"./skill-card-pill-row-BXz8L8Rn.js";import{t as z}from"./circle-plus-check-toggle-Cuzx55bo.js";var B=i(`circle-alert`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`line`,{x1:`12`,x2:`12`,y1:`8`,y2:`12`,key:`1pkeuh`}],[`line`,{x1:`12`,x2:`12.01`,y1:`16`,y2:`16`,key:`4dfq90`}]]),V=e(t(),1),H=`${s.PRODUCTION}/settings/integrations`;function U(e){let t=f(),n=h(e);return n.length>0&&n.every(e=>t.includes(e))}function W(e){switch(e){case`local`:return{target:e,testId:`responder-deployment-option-local`,titleKey:l.RESPONDER_DEPLOYMENT$LOCAL_TITLE,descriptionKey:l.RESPONDER_DEPLOYMENT$LOCAL_DESCRIPTION,primaryActionKey:l.RESPONDER_DEPLOYMENT$LOCAL_ACTION,primaryActionTestId:`responder-deployment-continue-local`,action:{kind:`launch-local`}};case`openhands-cloud`:return{target:e,testId:`responder-deployment-option-openhands-cloud`,titleKey:l.RESPONDER_DEPLOYMENT$OPENHANDS_CLOUD_TITLE,descriptionKey:l.RESPONDER_DEPLOYMENT$OPENHANDS_CLOUD_DESCRIPTION,primaryActionKey:l.RESPONDER_DEPLOYMENT$OPENHANDS_CLOUD_ACTION,primaryActionTestId:`responder-deployment-open-openhands-cloud`,action:{kind:`open-url`,url:H}};case`user-cloud`:throw Error(`User Cloud responder deployment is not yet supported`);default:return e}}var G=[`local`,`openhands-cloud`],K=n(),q=`inline-flex h-10 w-10 shrink-0 overflow-hidden rounded-lg border border-white/10 bg-surface-raised shadow-[inset_0_1px_0_rgba(255,255,255,0.18)]`;function J(e){return e.slice(0,4)}function Y({entries:e,className:t,testId:n}){let r=J(e);if(r.length===0)return(0,K.jsx)(D,{entry:null,size:`md`,className:t,testId:n});if(r.length===1)return(0,K.jsx)(D,{entry:r[0],size:`md`,className:t,testId:n});if(r.length===2)return(0,K.jsx)(`span`,{"aria-hidden":`true`,"data-testid":n,"data-layout":`overlap`,className:c(q,`items-center justify-center`,t),children:(0,K.jsx)(`span`,{className:`flex items-center justify-center -space-x-2`,children:r.map(e=>(0,K.jsx)(D,{entry:e,size:`sm`,className:`ring-2 ring-surface-raised`},e.id))})});let i=[r[0]??null,r[1]??null,r[2]??null,r[3]??null];return(0,K.jsx)(`span`,{"aria-hidden":`true`,"data-testid":n,"data-layout":`quadrants`,className:c(q,`grid grid-cols-2 grid-rows-2 gap-0.5 p-1`,t),children:i.map((e,t)=>e?(0,K.jsx)(`span`,{className:`flex items-center justify-center`,children:(0,K.jsx)(D,{entry:e,size:`xs`})},e.id):(0,K.jsx)(`span`,{"aria-hidden":`true`},`empty-${t}`))})}function X({count:e}){return(0,K.jsx)(`span`,{className:`ml-2 inline-flex items-center justify-center rounded-full bg-surface-raised px-2 py-0.5 text-xs text-foreground`,children:e})}function re(e){return e.map((e,t)=>({automation:e,index:t})).sort((e,t)=>(t.automation.popularityRank??0)-(e.automation.popularityRank??0)||e.index-t.index).map(({automation:e})=>e)}var ie=re(v);function Z(e){return _().includes(e.id)}function Q(e){return d(e).map(e=>{let t=F(e,L);return{id:e,entry:t,mcpInstallable:!!t&&I(t)}})}function ae(e,t,n){let r=n.trim().toLowerCase();return r?[e.name,e.category,e.description,u(e),...t.flatMap(({entry:e,id:t})=>e?[e.name,t,...e.keywords??[]]:[t])].join(` `).toLowerCase().includes(r):!0}function oe(e){return d(e).length>0}function se(e,t,n,r){let i=e.map(({id:e,entry:n,mcpInstallable:i})=>{let a=!!n&&P(n,t),o=n?.name??e;return{id:`integration-${e}`,node:(0,K.jsxs)(`span`,{className:c(k,`gap-1`),children:[(0,K.jsx)(D,{entry:n,size:`xs`}),o,a?(0,K.jsx)(`span`,{className:`text-white`,children:r(l.RECOMMENDED_AUTOMATIONS$CONNECTED)}):n?i?null:(0,K.jsx)(`span`,{className:`text-tertiary-alt`,"data-testid":`automation-integration-external-${e}`,children:r(l.RECOMMENDED_AUTOMATIONS$EXTERNAL_SETUP)}):(0,K.jsx)(`span`,{className:`text-tertiary-alt`,"data-testid":`recommended-automation-integration-${e}`,children:r(l.RECOMMENDED_AUTOMATIONS$UNKNOWN_SETUP)})]})}});return n>0&&i.push({id:`missing-connect`,node:(0,K.jsx)(`span`,{className:k,children:r(l.RECOMMENDED_AUTOMATIONS$MISSING_CONNECT,{count:n})})}),i}function $({automations:e,installedServers:t,onSelect:n,translate:r}){return(0,K.jsx)(`div`,{className:c(`mt-3`,M),children:e.map(e=>{let i=Q(e),a=i.filter(({entry:e,mcpInstallable:n})=>!!e&&n&&!P(e,t)).length;return(0,K.jsx)(`button`,{type:`button`,"data-testid":`recommended-automation-card-${e.id}`,onClick:()=>n(e),className:c(`flex min-w-0 overflow-hidden p-4 text-left rounded-xl bg-surface-raised`,j),children:(0,K.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-start gap-3`,children:[(0,K.jsx)(Y,{entries:i.flatMap(({entry:e})=>e?[e]:[]),testId:`recommended-automation-icon-${e.id}`}),(0,K.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-3`,children:[(0,K.jsxs)(`header`,{className:`flex items-start justify-between gap-3`,children:[(0,K.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,K.jsx)(`h3`,{className:`truncate text-sm font-semibold text-white`,children:e.name}),(0,K.jsx)(`p`,{className:`mt-0.5 truncate text-xs text-tertiary-alt`,children:e.category})]}),(0,K.jsx)(z,{testId:`recommended-automation-plus-${e.id}`})]}),(0,K.jsx)(`p`,{className:`line-clamp-2 text-xs leading-relaxed text-tertiary-light`,children:e.description}),(0,K.jsx)(R,{pills:se(i,t,a,r),testId:`recommended-automation-pills-${e.id}`})]})]})},e.id)})})}function ce({backendKind:e,installedServers:t,query:n=``,onSelect:i,scrollableGrid:a=!1}){let{t:o}=r(`openhands`),s=ie.filter(e=>{let t=Q(e);return oe(e)&&ae(e,t,n)});if(s.length===0)return null;let u=s.filter(Z),d=s.filter(e=>!Z(e));return(0,K.jsx)(`section`,{"data-testid":`recommended-automations-section`,className:c(a&&`flex min-h-0 flex-1 flex-col`),children:(0,K.jsxs)(`div`,{"data-testid":a?`recommended-automations-scroll-area`:void 0,className:c(`mt-3`,A,a&&`min-h-0 flex-1 overflow-y-auto custom-scrollbar-always`),children:[u.length>0&&(0,K.jsxs)(K.Fragment,{children:[(0,K.jsxs)(`div`,{className:`flex items-center`,children:[(0,K.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:o(l.RECOMMENDED_AUTOMATIONS$SECTION_TITLE)}),(0,K.jsx)(X,{count:u.length})]}),(0,K.jsx)(`p`,{className:`mt-1 text-sm text-muted`,children:o(l.RECOMMENDED_AUTOMATIONS$SECTION_DESCRIPTION)}),(0,K.jsx)($,{automations:u,installedServers:t,onSelect:i,translate:o})]}),d.length>0&&(0,K.jsxs)(`section`,{"data-testid":`recommended-automations-beta-section`,className:c(u.length>0&&`mt-8`),children:[(0,K.jsxs)(`div`,{"data-testid":`recommended-automations-beta-heading`,className:`flex items-center`,children:[(0,K.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:o(l.RECOMMENDED_AUTOMATIONS$BETA_LABEL)}),(0,K.jsx)(X,{count:d.length})]}),(0,K.jsx)($,{automations:d,installedServers:t,onSelect:i,translate:o})]})]})})}function le({isOpen:e,onClose:t,onContinueLocal:n,onOpenUrl:i}){let{t:a}=r(`openhands`);return e?(0,K.jsx)(b,{onClose:t,"aria-label":a(l.RESPONDER_DEPLOYMENT$TITLE),children:(0,K.jsxs)(`div`,{"data-testid":`responder-deployment-modal`,className:`relative flex w-full max-w-3xl flex-col rounded-xl border border-[var(--oh-border)] bg-base-secondary`,children:[(0,K.jsx)(E,{onClose:t,testId:`responder-deployment-modal-close`}),(0,K.jsxs)(`header`,{className:`flex-shrink-0 px-6 pb-4 pt-6`,children:[(0,K.jsx)(`h2`,{className:c(`pr-6`,x),children:a(l.RESPONDER_DEPLOYMENT$TITLE)}),(0,K.jsx)(`p`,{className:`mt-2 text-sm text-muted`,children:a(l.RESPONDER_DEPLOYMENT$DESCRIPTION)})]}),(0,K.jsx)(`div`,{className:`flex flex-col gap-3 px-6 pb-6 sm:flex-row`,children:G.map(e=>{let t=W(e),{action:r}=t;return(0,K.jsxs)(`div`,{"data-testid":t.testId,className:`flex flex-1 flex-col gap-3 rounded-xl border border-[var(--oh-border)] bg-surface-raised p-4`,children:[(0,K.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,K.jsx)(`h3`,{className:`text-sm font-semibold text-white`,children:a(t.titleKey)}),(0,K.jsx)(`p`,{className:`text-xs leading-relaxed text-tertiary-light`,children:a(t.descriptionKey)})]}),(0,K.jsx)(S,{type:`button`,variant:`primary`,className:`mt-auto`,testId:t.primaryActionTestId,onClick:()=>{r.kind===`launch-local`?n():i(r.url)},children:a(t.primaryActionKey)})]},t.target)})})]})}):null}function ue(e){return h(e).map(e=>F(e,L)).filter(e=>!!e).filter(I)}function de({query:e,onLaunched:t,scrollableGrid:n=!1}){let r=o(),{navigate:i}=C(),{data:s}=y(),{trackPrebuiltAutomationEnabled:c}=g(),l=ne(),d=a(),f=T(e=>e.setMessageToSend),[h,_]=(0,V.useState)(null),[v,b]=(0,V.useState)(null),[x,S]=(0,V.useState)([]),E=(0,V.useRef)(!1),D=(0,V.useRef)(!1),k=(0,V.useMemo)(()=>N(s?.mcp_config??ee(s?.agent_settings?.mcp_config)).filter(e=>e.enabled!==!1),[s?.agent_settings?.mcp_config,s?.mcp_config]),A=(0,V.useCallback)(e=>{if(D.current||l.isPending||d)return;if(D.current=!0,p.findById(e.id)){i?.(m(e.id)),t?.();return}let n=u(e);l.mutate({},{onSuccess:r=>{c({automationName:e.name,automationCategory:e.category}),r.conversation_id.startsWith(`task-`)&&r.task_id?w(r.task_id,n):te(r.conversation_id,{draftMessage:n}),i?.(`/conversations/${r.conversation_id}`),t?.(),window.setTimeout(()=>f(n),0)},onError:()=>{D.current=!1}})},[r.backend.kind,l,d,i,t,f,c]),j=(0,V.useCallback)(e=>ue(e).filter(e=>!P(e,k)),[k]),M=e=>{let t=j(e);if(t.length===0){A(e);return}_(e),S(t)},F=e=>{if(!(D.current||l.isPending||d||x.length>0||v!==null)){if(U(e)){b(e);return}M(e)}},I=()=>{let e=v;b(null),e&&M(e)},L=e=>{b(null),window.open(e,`_blank`,`noopener,noreferrer`)},R=()=>{b(null)},z=()=>{if(E.current){E.current=!1;return}_(null),S([])},B=()=>{E.current=!0,S(e=>{let t=e.slice(1);if(t.length===0){let e=h;window.setTimeout(()=>{_(null),e&&A(e)},0)}return t})},H=x[0]??null;return r.backend.kind===`cloud`?null:(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(ce,{backendKind:r.backend.kind,installedServers:k,query:e,onSelect:F,scrollableGrid:n}),H&&(0,K.jsx)(O,{entry:H,existingServers:k,onClose:z,onSuccess:B},H.id),(0,K.jsx)(le,{isOpen:v!==null,onClose:R,onContinueLocal:I,onOpenUrl:L})]})}export{X as n,B as r,de as t};

package/build/assets/refresh-cw-CXtFWpwv.js

@@ -0,0 +1 @@
+import{D as e}from"./vendor~entry.client~root~root-layout~index-home~home~conversation-panel~conversation~launch~kv3pap4j-B8i84bh4.js";var t=e(`refresh-cw`,[[`path`,{d:`M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8`,key:`v9h5vc`}],[`path`,{d:`M21 3v5h-5`,key:`1q7to0`}],[`path`,{d:`M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16`,key:`3uifl3`}],[`path`,{d:`M8 16H3v5`,key:`1cv678`}]]);export{t};