UNPKG

openclaw

Version:

Multi-channel AI gateway with extensible messaging integrations

github.com/openclaw/openclaw

openclaw/openclaw

135 lines • 13.8 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./control-ui-boot-chat-XcDaYmck.js","./gateway-runtime-Cr51Pi7N.js","./session-snapshot-database-BurLa_ut.js","./control-ui-boot-shared-Dfs-gZII.js","./control-ui-boot-shared-umGE-sEP.js","./control-ui-boot-shared-Sj2zqjOr.js","./control-ui-boot-shared-em9-jnbz.js","./plugin-contracts-runtime-CNCaYops.js","./control-ui-boot-shared-D4XEBdOG.js","./config-runtime-BecGLziM.js","./markdown-runtime-ORQpioyT.js","./control-ui-boot-chat-VeeaXyJz.js","./control-ui-boot-shared-D3oo_6Fq.js","./control-ui-boot-shared-styles-BaQ2sAfZ.js","./sidebar-update-runtime-DonYLwN5.js","./control-ui-boot-chat-Ck7W_FPO.js","./control-ui-boot-chat-BPMc7uzL.js","./control-ui-boot-chat-C8hdsB2M.js","./control-ui-boot-chat-DxoNF0Ad.js","./chat-transcript-styles-Dzr3t9kA.js","./control-ui-boot-chat-styles-BRrYkFSc.js","./control-ui-core-yIvVj14Y.css","./control-ui-boot-shared-styles-DKyMAG_6.css","./control-ui-boot-shared-CXHNz0Bh.css","./sidebar-update-runtime-ah7rgQE7.css","./chat-transcript-styles-B_dd5Ueo.css","./control-ui-boot-chat-styles-C_Ls1c0m.css","./control-ui-boot-chat-mLz7NUiY.css","./control-ui-boot-chat-Dh5vtL-G.css"])))=>i.map(i=>d[i]); import{n as e}from"./rolldown-runtime-8BhlS34s.js";import{Ac as t,Cu as n,Eu as r,Tu as i,du as ee,ju as a,kc as o,pu as s}from"./control-ui-core-BncvAZjR.js";import{Fi as te,Ga as c,Ha as l,Ii as ne,Ra as re,Ti as ie,Va as ae,gr as oe,ir as u,na as d,qa as f,ra as p,rr as m,wa as h,wi as se,xr as ce}from"./control-ui-core-9qYjK5B2.js";import{$ as g,X as _,Y as v,d as y,nt as b,u as x,ut as S}from"./lit-runtime-B8uOr6OX.js";import{Lo as C,Ro as w,Vo as T,br as E,fn as D,gn as O,hn as k,mn as A,pn as j,vr as M,xr as N,yr as P}from"./control-ui-boot-shared-DJkUdZmL.js";import{Xr as F,Zr as I,ii as L,ma as le,oa as R,sa as z}from"./ui-DuRgK6kL.js";import{Ln as B,Rn as V,br as H,l as U,u as W}from"./control-ui-boot-shared-xfDhIVun.js";import{n as ue,t as de}from"./en-apps-BZRaTvSe.js";import{t as fe}from"./native-chrome-setup-f8SRqsww.js";function pe(e,t){try{let n=new URL(typeof t==`string`?t:e);if(n.protocol===`wss:`&&(n.protocol=`https:`),n.protocol!==`https:`||n.username||n.password||n.href.includes(`?`)||n.href.includes(`#`))return null;let r=new URL(`openclaw://gateway/add`);return r.searchParams.set(`url`,n.href),r.href}catch{return null}}var G;function K(){return(K=e((()=>{v(),G={watch:g` <svg viewBox="0 0 24 24"> <circle cx="12" cy="12" r="6" /> <polyline points="12 10 12 12 13 13" /> <path d="m16.13 7.66-.81-4.05a2 2 0 0 0-2-1.61h-2.68a2 2 0 0 0-2 1.61l-.78 4.05" /> <path d="m7.88 16.36.8 4a2 2 0 0 0 2 1.61h2.72a2 2 0 0 0 2-1.61l.81-4.05" /> </svg> `,apple:g` <svg viewBox="0 0 24 24" class="icon--filled"> <path d="M17.05 12.54c-.03-2.62 2.14-3.88 2.24-3.94-1.22-1.79-3.12-2.03-3.8-2.06-1.61-.16-3.15.95-3.97.95-.82 0-2.08-.93-3.42-.9-1.76.03-3.38 1.02-4.29 2.6-1.83 3.17-.47 7.87 1.31 10.44.87 1.26 1.91 2.67 3.27 2.62 1.31-.05 1.81-.85 3.4-.85 1.58 0 2.03.85 3.42.82 1.41-.02 2.31-1.28 3.17-2.55.99-1.46 1.4-2.87 1.42-2.94-.03-.02-2.73-1.05-2.75-4.19Zm-2.6-7.68c.72-.88 1.21-2.09 1.08-3.3-1.04.04-2.3.69-3.05 1.56-.67.78-1.26 2.02-1.1 3.2 1.16.09 2.34-.59 3.07-1.46Z" /> </svg> `,android:g` <svg viewBox="0 0 24 24" class="icon--filled"> <path d="M17.52 15.05a.98.98 0 1 1 .01-1.96.98.98 0 0 1-.01 1.96m-11.04 0a.98.98 0 1 1 .01-1.96.98.98 0 0 1-.01 1.96m11.39-5.89 1.96-3.39a.4.4 0 0 0-.15-.55.4.4 0 0 0-.55.15l-1.98 3.43A12.03 12.03 0 0 0 12 7.75c-1.85 0-3.6.42-5.15 1.05L4.87 5.37a.4.4 0 0 0-.55-.15.4.4 0 0 0-.15.55l1.96 3.39C2.75 11 .48 14.42.14 18.4h23.72c-.34-3.98-2.61-7.4-5.99-9.24" /> </svg> `,windows:g` <svg viewBox="0 0 24 24" class="icon--filled"> <path d="M3 5.55 10.29 4.5v7.02H3V5.55Zm0 12.9 7.29 1.05v-6.93H3v5.88Zm8.09 1.16L21 21v-8.43h-9.91v7.04Zm0-15.22v7.13H21V3l-9.91 1.39Z" /> </svg> `,linux:g` <svg viewBox="0 0 24 24" class="icon--filled"> <path fill-rule="evenodd" d="M12 2c-2.76 0-5 2.24-5 5v3.1c0 1.35-.62 2.5-1.32 3.6C4.6 15.4 4 16.9 4 18.3 4 20.9 7.58 22 12 22s8-1.1 8-3.7c0-1.4-.6-2.9-1.68-4.6-.7-1.1-1.32-2.25-1.32-3.6V7c0-2.76-2.24-5-5-5Zm-2 4.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm4 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-2 2.7 1.8 1.3c.3.24.3.7-.02.92L12 12.6l-1.78-1.18a.58.58 0 0 1-.02-.93L12 9.2Z" /> </svg> `,chrome:g` <svg viewBox="0 0 24 24" class="icon--filled"> <path d="M12 2a10 10 0 0 1 8.66 5H12a5 5 0 0 0-4.79 3.57L4.4 5.72A9.98 9.98 0 0 1 12 2Zm9.54 7A10 10 0 0 1 12 22l-.34-.01 4.36-7.55A4.98 4.98 0 0 0 17 12c0-1.13-.37-2.16-1-3h5.54ZM3.35 7.57l4.36 7.56a5 5 0 0 0 6.16 2.24l-2.81 4.87A10 10 0 0 1 3.35 7.57ZM12 8.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Z" /> </svg> `}})))()}function me(e,t,n){let r=t===0?`apps-card__cta apps-card__cta--primary`:`apps-card__cta`;return e.kind===`internal`?g` <button type="button" class=${r} @click=${()=>n.onNavigate(e.routeId)}> ${a(e.labelKey)} </button> `:g` <a class=${r} href=${e.href} target=${A} rel=${k()} > ${a(e.labelKey)} </a> `}function he(e,t){let[n,r]=e.gradient,i=e.id===`macos`?t.macGatewayLaunchUrl:null;return g` <article class="apps-card"> <div class="apps-card__art" style=${`--apps-art-a:${n};--apps-art-b:${r}`}> ${[`light`,`dark`].map(t=>g`<img class="apps-card__art-img apps-card__art-img--${t}" src=${ae(`app-art/${e.id}${t===`dark`?`-dark`:``}.webp`)} alt="" loading="lazy" decoding="async" />`)} </div> <div class="apps-card__body"> <div class="apps-card__title-row"> <span class="apps-card__icon" aria-hidden="true">${e.icon}</span> <h3 class="apps-card__title">${a(`${e.copyKey}.title`)}</h3> ${e.badge?g`<span class="apps-card__badge">${a(e.badge)}</span>`:_} </div> <p class="apps-card__desc">${a(`${e.copyKey}.desc`)}</p> <div class="apps-card__ctas"> ${i?g`<a class="apps-card__cta apps-card__cta--primary" href=${i}> ${a(`appsPage.ctaOpenMac`)} </a>`:_} ${e.ctas.map((e,n)=>me(e,n+ +!!i,t))} </div> ${e.id===`chrome-extension`?g`<openclaw-native-chrome-setup></openclaw-native-chrome-setup>`:_} </div> </article> `}function ge(e,t){let n=e.id===`mobile`&&t.onPairDevice?g` <p class="apps-pair-hint"> ${a(`appsPage.havePhone`)} <button type="button" @click=${t.onPairDevice}>${a(`appsPage.pairDevice`)}</button> </p> `:_;return g` <section class="apps-section" aria-label=${a(e.labelKey)}> <h2 class="apps-section__heading">${a(e.labelKey)}</h2> <div class="apps-grid">${e.cards.map(e=>he(e,t))}</div> ${n} </section> `}function _e(){return g` <section class="apps-section" aria-label=${a(`appsPage.sectionCommunity`)}> <h2 class="apps-section__heading">${a(`appsPage.sectionCommunity`)}</h2> <nav class="apps-community" aria-label=${a(`appsPage.sectionCommunity`)}> ${X.map(e=>g` <a class="apps-pill" href=${e.href} target=${A} rel=${k()} > <span class="apps-pill__icon" aria-hidden="true">${e.icon}</span> <span>${a(e.labelKey)}</span> </a> `)} </nav> </section> `}function ve(e){return g` <div class="apps-page"> <section class="apps-hero"> <h1 class="apps-hero__title">${a(`appsPage.heroTitle`)}</h1> <p class="apps-hero__tagline">${a(`appsPage.heroTagline`)}</p> </section> ${Y.map(t=>ge(t,e))} ${_e()} </div> `}var q,J,Y,X;function Z(){return(Z=e((()=>{v(),l(),V(),p(),r(),de(),O(),fe(),j(),K(),ue(),q=(e,t)=>({kind:`external`,href:e,labelKey:t}),J=e=>q(`https://docs.openclaw.ai${e}`,`appsPage.ctaDocs`),Y=[{id:`mobile`,labelKey:`appsPage.sectionMobile`,cards:[{id:`ios`,gradient:[`#38bdf8`,`#1d4ed8`],icon:G.apple,copyKey:`appsPage.cards.ios`,ctas:[q(`https://apps.apple.com/app/openclaw-ai-that-does-things/id6780396132`,`appsPage.ctaAppStore`),J(`/platforms/ios`)]},{id:`android`,gradient:[`#34d399`,`#047857`],icon:G.android,copyKey:`appsPage.cards.android`,ctas:[q(`https://play.google.com/store/apps/details?id=ai.openclaw.app`,`appsPage.ctaPlayStore`),J(`/platforms/android`)]}]},{id:`watch`,labelKey:`appsPage.sectionWatch`,cards:[{id:`apple-watch`,gradient:[`#f472b6`,`#be185d`],icon:G.watch,copyKey:`appsPage.cards.appleWatch`,badge:`appsPage.badgeBundledIos`,ctas:[J(`/platforms/ios`)]},{id:`wear-os`,gradient:[`#22d3ee`,`#0e7490`],icon:G.watch,copyKey:`appsPage.cards.wearOs`,badge:`appsPage.badgeBundledAndroid`,ctas:[J(`/platforms/android`)]}]},{id:`desktop`,labelKey:`appsPage.sectionDesktop`,cards:[{id:`macos`,gradient:[`#a855f7`,`#6b21a8`],icon:G.apple,copyKey:`appsPage.cards.macos`,ctas:[q(`https://github.com/openclaw/openclaw/releases`,`appsPage.ctaDownload`),J(`/platforms/macos`)]},{id:`windows`,gradient:[`#818cf8`,`#4338ca`],icon:G.windows,copyKey:`appsPage.cards.windows`,ctas:[q(`https://github.com/openclaw/openclaw-windows-node/releases/latest`,`appsPage.ctaDownload`),J(`/platforms/windows`)]},{id:`linux`,gradient:[`#fbbf24`,`#b45309`],icon:G.linux,copyKey:`appsPage.cards.linux`,ctas:[q(`https://github.com/openclaw/openclaw/releases`,`appsPage.ctaDownload`),J(`/platforms/linux`)]}]},{id:`browser`,labelKey:`appsPage.sectionBrowser`,cards:[{id:`chrome-extension`,gradient:[`#f59e0b`,`#ea580c`],icon:G.chrome,copyKey:`appsPage.cards.chrome`,ctas:[q(`https://chromewebstore.google.com/detail/openclaw/kcdjddhmeafeomebliikmbpblkmkfoig`,`appsPage.ctaChromeWebStore`),q(`https://docs.openclaw.ai/tools/chrome-extension`,`appsPage.ctaSetupGuide`)]},{id:`plugins`,gradient:[`#fb7185`,`#9f1239`],icon:d.plug,copyKey:`appsPage.cards.plugins`,ctas:[{kind:`internal`,routeId:`plugins`,labelKey:`appsPage.ctaOpenPlugins`},q(`https://clawhub.ai`,`appsPage.ctaBrowseClawHub`)]}]}],X=[{href:D,icon:B.discord,labelKey:`appsPage.linkDiscord`},{href:`https://docs.openclaw.ai`,icon:d.book,labelKey:`appsPage.linkDocs`}]})))()}var Q;function $(){return($=e((()=>{I(),v(),b(),x(),h(),ie(),ne(),c(),ce(),m(),U(),r(),E(),s(),P(),C(),i(),t(),H(),Z(),z(),N(),Q=class extends n{constructor(){super(),this.appSearch=``,this.appLaunchKey=``,this.conversationError=null,this.appCatalog=new M(this,()=>this.context,()=>({sessionKey:w(this.appSearch)?this.context?.gateway.snapshot.sessionKey??``:``,agentId:this.context?.agentSelection.state.selectedId??void 0}),()=>!0),new o(this).watchStore(()=>this.context?.gateway)}renderAppConversation(e){let t=this.context.gateway;this.conversationError||te(`openclaw-chat-pane`,()=>R(()=>import(`./control-ui-boot-chat-XcDaYmck.js`).then(e=>(e.a(),e.o)),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28]),import.meta.url)).catch(e=>{this.conversationError=ee(e),this.requestUpdate()});let n=new URLSearchParams(this.appSearch),r=n.get(`settings`)===`1`,i=T(this.appCatalog.servers,e,r),o=i?.entrypoints.find(t=>t.toolName===e.toolName&&(t.entrypoint.type===`global`||r&&t.entrypoint.type===`settings`))??(r&&i&&i.settings&&i.settings.readTool===e.toolName?{toolName:i.settings.readTool,title:i.label,resourceUri:``,entrypoint:{type:`settings`}}:void 0),s=JSON.stringify([this.appSearch,t.snapshot.sessionKey,this.context.agentSelection.state.selectedId,t.connectionRevision]);(s!==this.appLaunchKey||this.appLaunch?.owner!==t.snapshot.client)&&(this.appLaunch=void 0,this.appLaunchKey=s),!this.appLaunch&&i&&o&&(this.appLaunch={sessionKey:t.snapshot.sessionKey,agentId:this.context.agentSelection.state.selectedId??void 0,owner:t.snapshot.client,serverName:i.serverName,entrypoint:o,deepLink:e.deepLink,settings:r,quickAction:n.get(`quickAction`)===`1`});let c=this.appLaunch;return g`<button class="btn" @click=${()=>this.context.navigate(`apps`)}> ${a(`mcpApp.close`)} </button> ${this.conversationError?g`<p role="alert">${this.conversationError}</p> <button class="btn" @click=${()=>{this.conversationError=null,this.requestUpdate()}} > ${a(`mcpApp.retry`)} </button>`:c?y(JSON.stringify([c.sessionKey,t.connectionRevision]),g`<openclaw-chat-pane class="mcp-app-conversation" .sessionKey=${c.sessionKey} .agentId=${c.agentId} .paneId=${`plugin-app`} .presentationId=${`plugin-app:${c.sessionKey}`} .mcpAppLaunch=${c} ></openclaw-chat-pane>`):this.appCatalog.loading?g`<p role="status">${a(`mcpApp.loading`)}</p>`:g`<p role="alert">${this.appCatalog.error??a(`mcpApp.invalidLink`)}</p>`}`}render(){let e=this.context.gateway.snapshot,t=e.phase===`connected`&&oe(e.hello?.auth??null),n=w(this.appSearch),r=n?_:ve({onNavigate:e=>this.context.navigate(e),macGatewayLaunchUrl:e.phase===`connected`&&!f()?pe(this.context.gateway.connection.gatewayUrl,le(e.hello?.snapshot)?.controlUiIdentityUrl):null,onPairDevice:t?()=>void this.context.overlays.openDevicePairSetup():void 0});return g`<section class="content-header" ${u({toolbarHeader:!0})}> <div><div class="page-title">${re(`apps`)}</div></div> </section> ${n?this.renderAppConversation(n):W(g`<openclaw-mcp-app-catalog surface="global"></openclaw-mcp-app-catalog>${r}`)}`}},L([F({context:se,subscribe:!0})],Q.prototype,`context`,void 0),L([S({attribute:!1})],Q.prototype,`appSearch`,void 0),customElements.get(`openclaw-apps-page`)||customElements.define(`openclaw-apps-page`,Q)})))()}$();