sliccy 6.87.3 → 6.89.0

package/dist/ui/assets/{client-BTUV7dbh.js → client-DVC0x03n.js}

@@ -1,4 +1,4 @@
 import{n as e}from"./rolldown-runtime-Dd_uD5pT.js";import{t}from"./logger-LESFN7Hj.js";var n=e({DEFAULT_TIMEOUT_MS:()=>i,MCP_SUPPORTED_PROTOCOL_VERSIONS:()=>a,McpAuthRequiredError:()=>c,McpClient:()=>x,McpTimeoutError:()=>u,parseResourceMetadataUrl:()=>f,selectSseResponseFrame:()=>p});const r=t(`mcp-client`),i=6e4,a=[`2026-07-28`,`2025-06-18`],o=a[0],s=a[1];var c=class extends Error{status;resourceMetadataUrl;wwwAuthenticate;constructor(e){super(`MCP server requires authentication (HTTP ${e.status})`),this.name=`McpAuthRequiredError`,this.status=e.status,this.resourceMetadataUrl=e.resourceMetadataUrl,this.wwwAuthenticate=e.wwwAuthenticate}},l=class extends Error{rpcError;constructor(e){super(`MCP RPC error ${e.code}: ${e.message}`),this.name=`McpRpcFailure`,this.rpcError=e}},u=class extends Error{method;timeoutMs;constructor(e){super(`MCP request timed out after ${e.timeoutMs}ms (${e.method})`),this.name=`McpTimeoutError`,this.method=e.method,this.timeoutMs=e.timeoutMs}},d=class extends Error{status;rpcError;constructor(e){super(`MCP HTTP ${e.status} ${e.statusText} for ${e.method}: ${e.snippet||`(empty body)`}`),this.name=`McpHttpError`,this.status=e.status,this.rpcError=e.rpcError}};function f(e){if(!e)return;let t=/resource_metadata="([^"]+)"/i.exec(e);return t?t[1]:/resource_metadata=([^,\s]+)/i.exec(e)?.[1]}function p(e,t){let n=new TextDecoder(`utf-8`).decode(e).replace(/\r\n/g,`
 `).split(/\n\n/);for(let e of n){if(!e.trim())continue;let n=[];for(let t of e.split(`
 `))t.startsWith(`data:`)&&n.push(t.slice(5).trimStart());if(n.length===0)continue;let r=n.join(`
-`),i;try{i=JSON.parse(r)}catch{continue}if(i.id!==void 0&&i.id!==null&&i.id===t)return i}throw Error(`MCP SSE stream ended without a response for request id ${String(t)}`)}function m(e,t){let n=t.toLowerCase();for(let[t,r]of Object.entries(e))if(t.toLowerCase()===n)return r}function h(e){if(e instanceof d||e instanceof l)return e.rpcError}function g(e){return new l(e)}function _(e,t){if(e.jsonrpc!==`2.0`||e.id!==t||Object.hasOwn(e,`result`))return;let n=e.error;return n&&typeof n.code==`number`&&typeof n.message==`string`?n:void 0}function v(e,t){try{return _(JSON.parse(e),t)}catch{return}}function y(e){if(!e.data||typeof e.data!=`object`)return[];let t=e.data.supported;return Array.isArray(t)?t.filter(e=>typeof e==`string`):[]}async function b(){let{createProxiedFetch:e}=await import(`./proxied-fetch-n2pCvcgW.js`).then(e=>e.n),t=e();return async(e,n)=>{let r=await t(e,{method:n?.method,headers:n?.headers,body:n?.body});return{status:r.status,statusText:r.statusText,headers:r.headers,body:r.body}}}var x=class{url;staticHeaders;timeoutMs;getAuthHeader;preferredProtocolVersion;clientInfo;fetchImpl;fetchImplLoader=null;sessionId;negotiatedProtocolVersion;nextId=1;constructor(e){this.url=e.url,this.staticHeaders=e.headers??{},this.timeoutMs=e.timeoutMs??6e4,this.getAuthHeader=e.getAuthHeader,this.preferredProtocolVersion=e.protocolVersion??o,this.clientInfo=e.clientInfo??{name:`SLICC`,version:`0.0.0`},this.fetchImpl=e.fetchImpl??null,this.sessionId=e.sessionId}getSessionId(){return this.sessionId}getNegotiatedProtocolVersion(){return this.negotiatedProtocolVersion}async initialize(){if(this.preferredProtocolVersion===s)return this.initializeLegacy();try{return await this.discoverModern(this.preferredProtocolVersion)}catch(e){let t=h(e);if(t?.code===-32022){let e=y(t),n=a.find(t=>t!==s&&e.includes(t));if(!n)throw Error(`MCP server does not support a compatible modern protocol version (supported: ${e.join(`, `)||`none`})`);return this.discoverModern(n)}if(t?.code===-32601&&(e instanceof d&&e.status===400||e instanceof l))return r.debug(`server/discover identified a legacy server; using initialize`,{error:e.message}),this.initializeLegacy();throw e}}async discoverModern(e){let t=await this.request(`server/discover`,{protocolVersion:e}),n=Array.isArray(t?.supportedVersions)?t.supportedVersions.filter(e=>typeof e==`string`):[],r=a.find(e=>e!==s&&n.includes(e));if(!r)throw Error(`MCP server discovery did not advertise a compatible modern protocol version (advertised: ${n.join(`, `)||`none`})`);return this.negotiatedProtocolVersion=r,this.sessionId=void 0,t}async toolsList(){return(await this.request(`tools/list`,{}))?.tools??[]}async toolsCall(e,t){return this.request(`tools/call`,{name:e,arguments:t})}async appsList(){try{return(await this.request(`apps/list`,{}))?.apps??[]}catch(e){if(e instanceof c)throw e;return r.debug(`apps/list not supported by server`,{error:e instanceof Error?e.message:String(e)}),[]}}async request(e,t){let n=this.nextId++,r=await this.resolveFetchImpl(),i={"Content-Type":`application/json`,Accept:`application/json, text/event-stream`,...this.staticHeaders};if(this.negotiatedProtocolVersion===s&&this.sessionId&&e!==`initialize`&&(i[`Mcp-Session-Id`]=this.sessionId),this.getAuthHeader){let e=await this.getAuthHeader();e&&(i.Authorization=e)}let a=JSON.stringify({jsonrpc:`2.0`,id:n,method:e,params:t}),o=new AbortController,l=!1,h,y=new Promise((t,n)=>{h=setTimeout(()=>{l=!0,n(new u({method:e,timeoutMs:this.timeoutMs})),o.abort()},this.timeoutMs)}),b,x=r(this.url,{method:`POST`,headers:i,body:a,signal:o.signal});try{b=await Promise.race([x,y])}catch(t){throw l?(x.catch(()=>void 0),new u({method:e,timeoutMs:this.timeoutMs})):t}finally{h&&clearTimeout(h)}if(b.status===401){let e=m(b.headers,`www-authenticate`);throw new c({status:401,wwwAuthenticate:e,resourceMetadataUrl:f(e)})}if(this.negotiatedProtocolVersion===s){let e=m(b.headers,`mcp-session-id`);e&&(this.sessionId=e)}if(b.status>=400){let t=new TextDecoder(`utf-8`).decode(b.body);throw new d({status:b.status,statusText:b.statusText,method:e,snippet:t.slice(0,512),rpcError:v(t,n)})}let S=(m(b.headers,`content-type`)??``).toLowerCase().includes(`text/event-stream`)?p(b.body,n):JSON.parse(new TextDecoder(`utf-8`).decode(b.body));if(S.error){let e=_(S,n);throw e?g(e):Error(`MCP invalid JSON-RPC error response for request id ${String(n)}`)}return S.result}async resolveFetchImpl(){return this.fetchImpl?this.fetchImpl:(this.fetchImplLoader||=b().then(e=>(this.fetchImpl=e,e)),this.fetchImplLoader)}async initializeLegacy(){return this.negotiatedProtocolVersion=s,this.request(`initialize`,{protocolVersion:s,capabilities:{},clientInfo:this.clientInfo})}};export{n,u as t};
+`),i;try{i=JSON.parse(r)}catch{continue}if(i.id!==void 0&&i.id!==null&&i.id===t)return i}throw Error(`MCP SSE stream ended without a response for request id ${String(t)}`)}function m(e,t){let n=t.toLowerCase();for(let[t,r]of Object.entries(e))if(t.toLowerCase()===n)return r}function h(e){if(e instanceof d||e instanceof l)return e.rpcError}function g(e){return new l(e)}function _(e,t){if(e.jsonrpc!==`2.0`||e.id!==t||Object.hasOwn(e,`result`))return;let n=e.error;return n&&typeof n.code==`number`&&typeof n.message==`string`?n:void 0}function v(e,t){try{return _(JSON.parse(e),t)}catch{return}}function y(e){if(!e.data||typeof e.data!=`object`)return[];let t=e.data.supported;return Array.isArray(t)?t.filter(e=>typeof e==`string`):[]}async function b(){let{createProxiedFetch:e}=await import(`./proxied-fetch-Co-pb0x0.js`).then(e=>e.n),t=e();return async(e,n)=>{let r=await t(e,{method:n?.method,headers:n?.headers,body:n?.body});return{status:r.status,statusText:r.statusText,headers:r.headers,body:r.body}}}var x=class{url;staticHeaders;timeoutMs;getAuthHeader;preferredProtocolVersion;clientInfo;fetchImpl;fetchImplLoader=null;sessionId;negotiatedProtocolVersion;nextId=1;constructor(e){this.url=e.url,this.staticHeaders=e.headers??{},this.timeoutMs=e.timeoutMs??6e4,this.getAuthHeader=e.getAuthHeader,this.preferredProtocolVersion=e.protocolVersion??o,this.clientInfo=e.clientInfo??{name:`SLICC`,version:`0.0.0`},this.fetchImpl=e.fetchImpl??null,this.sessionId=e.sessionId}getSessionId(){return this.sessionId}getNegotiatedProtocolVersion(){return this.negotiatedProtocolVersion}async initialize(){if(this.preferredProtocolVersion===s)return this.initializeLegacy();try{return await this.discoverModern(this.preferredProtocolVersion)}catch(e){let t=h(e);if(t?.code===-32022){let e=y(t),n=a.find(t=>t!==s&&e.includes(t));if(!n)throw Error(`MCP server does not support a compatible modern protocol version (supported: ${e.join(`, `)||`none`})`);return this.discoverModern(n)}if(t?.code===-32601&&(e instanceof d&&e.status===400||e instanceof l))return r.debug(`server/discover identified a legacy server; using initialize`,{error:e.message}),this.initializeLegacy();throw e}}async discoverModern(e){let t=await this.request(`server/discover`,{protocolVersion:e}),n=Array.isArray(t?.supportedVersions)?t.supportedVersions.filter(e=>typeof e==`string`):[],r=a.find(e=>e!==s&&n.includes(e));if(!r)throw Error(`MCP server discovery did not advertise a compatible modern protocol version (advertised: ${n.join(`, `)||`none`})`);return this.negotiatedProtocolVersion=r,this.sessionId=void 0,t}async toolsList(){return(await this.request(`tools/list`,{}))?.tools??[]}async toolsCall(e,t){return this.request(`tools/call`,{name:e,arguments:t})}async appsList(){try{return(await this.request(`apps/list`,{}))?.apps??[]}catch(e){if(e instanceof c)throw e;return r.debug(`apps/list not supported by server`,{error:e instanceof Error?e.message:String(e)}),[]}}async request(e,t){let n=this.nextId++,r=await this.resolveFetchImpl(),i={"Content-Type":`application/json`,Accept:`application/json, text/event-stream`,...this.staticHeaders};if(this.negotiatedProtocolVersion===s&&this.sessionId&&e!==`initialize`&&(i[`Mcp-Session-Id`]=this.sessionId),this.getAuthHeader){let e=await this.getAuthHeader();e&&(i.Authorization=e)}let a=JSON.stringify({jsonrpc:`2.0`,id:n,method:e,params:t}),o=new AbortController,l=!1,h,y=new Promise((t,n)=>{h=setTimeout(()=>{l=!0,n(new u({method:e,timeoutMs:this.timeoutMs})),o.abort()},this.timeoutMs)}),b,x=r(this.url,{method:`POST`,headers:i,body:a,signal:o.signal});try{b=await Promise.race([x,y])}catch(t){throw l?(x.catch(()=>void 0),new u({method:e,timeoutMs:this.timeoutMs})):t}finally{h&&clearTimeout(h)}if(b.status===401){let e=m(b.headers,`www-authenticate`);throw new c({status:401,wwwAuthenticate:e,resourceMetadataUrl:f(e)})}if(this.negotiatedProtocolVersion===s){let e=m(b.headers,`mcp-session-id`);e&&(this.sessionId=e)}if(b.status>=400){let t=new TextDecoder(`utf-8`).decode(b.body);throw new d({status:b.status,statusText:b.statusText,method:e,snippet:t.slice(0,512),rpcError:v(t,n)})}let S=(m(b.headers,`content-type`)??``).toLowerCase().includes(`text/event-stream`)?p(b.body,n):JSON.parse(new TextDecoder(`utf-8`).decode(b.body));if(S.error){let e=_(S,n);throw e?g(e):Error(`MCP invalid JSON-RPC error response for request id ${String(n)}`)}return S.result}async resolveFetchImpl(){return this.fetchImpl?this.fetchImpl:(this.fetchImplLoader||=b().then(e=>(this.fetchImpl=e,e)),this.fetchImplLoader)}async initializeLegacy(){return this.negotiatedProtocolVersion=s,this.request(`initialize`,{protocolVersion:s,capabilities:{},clientInfo:this.clientInfo})}};export{n,u as t};

package/dist/ui/assets/{composer-speech-SNeD5SER.js → composer-speech-Cy4g3lh3.js}

@@ -1 +1 @@
-import{t as e}from"./logger-DDBAeTLF.js";import{n as t}from"./runtime-env-Dlaokqg1.js";import"./runtime-env-CgsZ7LTp.js";import{t as n}from"./permissions-surface-registry-CilCRwhh.js";import{t as r}from"./speech-C5U8h4In.js";import{t as i}from"./speech-assets-bridge-CFYafE89.js";import{o as a}from"./transformers-env-SL0zTs7S.js";import{i as o,t as s}from"./whisper-session-Cf2gGkoR.js";var c=e(`speech:composer`),l=5e3,u=(e,t,n)=>new Promise((r,i)=>{let a=setTimeout(()=>i(Error(`${n} timed out after ${t}ms`)),t);e.then(e=>{clearTimeout(a),r(e)},e=>{clearTimeout(a),i(e)})}),d=class{#e;#t;#n;#r;#i;#a=null;#o=!1;#s={engine:`builtin`,state:`idle`};#c=a();#l=new Set;#u=null;constructor(e={}){this.#e=e.builtin??r(),this.#t=e.loadWhisper??o,this.#n=e.startSession??s,this.#r=e.getPermissionSurface??f,this.#i=e.ensureAssets??v}permission(){return this.#e.permission()}async requestPermission(){let e=this.#r();if(e)try{let t=await e.request(`microphone`);return t?(this.#p(t.stream),!0):!1}catch(e){return c.warn(`permission surface microphone request failed`,e),!1}return this.#e.requestPermission()}microphones(){return this.#e.microphones()}status(){return this.#s}onStatus(e){return this.#l.add(e),e(this.#s),()=>this.#l.delete(e)}warmup(){this.#o||(this.#o=!0,this.#c=a(),this.#_({engine:`builtin`,state:`downloading`}),this.#d().then(e=>{this.#a=e,this.#_({engine:`enhanced`,state:`ready`})},e=>{this.#o=!1,this.#_({engine:`builtin`,state:`unavailable`,message:m(e)}),c.warn(`enhanced speech engine unavailable`,e)}))}async#d(){let e=null;try{await this.#i(e=>this.#h(e))}catch(t){e=t,c.warn(`speech asset staging failed; trying already-present assets`,t)}try{return await this.#t(e=>this.#g(e))}catch(t){throw e??t}}async start(e){let t=this.#a;if(t){let n=null;try{return n=await this.#f(e.deviceId),await this.#n(t,{deviceId:e.deviceId,lang:e.lang,onPartial:e.onPartial,onError:e.onError,stream:n??void 0})}catch(e){if(n)for(let e of n.getTracks())e.stop();c.warn(`whisper session failed to start; falling back to builtin`,e)}}return this.#e.start(e)}async#f(e){let t=e&&e!=="default"?e:void 0,n=this.#m();if(n){if(!t&&p(n))return n;for(let e of n.getTracks())e.stop()}let r=this.#r();if(!r)return null;let i={audio:!t||{deviceId:{exact:t}}},a=await u(r.request(`microphone`,{constraints:i}),l,`microphone capture`);if(!a)throw Error(`microphone permission denied`);return a.stream}#p(e){if(this.#u&&this.#u!==e)for(let e of this.#u.getTracks())e.stop();this.#u=e}#m(){let e=this.#u;return this.#u=null,e}get enhancedReady(){return this.#a!==null}#h(e){if(this.#s.state!==`downloading`)return;(e.bytesTotal!=null||e.bytesLoaded!=null)&&this.#c.update(e.asset,e.bytesLoaded??0,e.bytesTotal??0);let t=this.#c.snapshot();t.total<=0||this.#_({engine:`builtin`,state:`downloading`,download:{loaded:t.loaded,total:t.total,etaSeconds:t.etaSeconds}})}#g(e){this.#s.state===`downloading`&&this.#_({engine:`builtin`,state:`downloading`,download:{loaded:e.loaded,total:e.total,etaSeconds:e.etaSeconds}})}#_(e){this.#s=e;for(let t of this.#l)t(e)}};function f(){let e=n();return e?{async request(t,n){let r=await e.request(t,n);return r?.kind===`microphone`?{kind:`microphone`,stream:r.stream}:null}}:null}function p(e){let t=e.getTracks();return t.length>0&&t.some(e=>e.readyState!==`ended`)}function m(e){return`Enhanced speech unavailable: ${e instanceof Error?e.message:String(e)}`}var h=t,g;function _(e){g=e}function v(e){return h()?Promise.resolve():i({instanceId:g,onProgress:e})}var y=null;function b(){return y??=new d,y}export{b as getComposerSpeech,_ as setComposerSpeechInstanceId};
+import{t as e}from"./logger-DDBAeTLF.js";import{n as t}from"./runtime-env-Dlaokqg1.js";import"./runtime-env-CgsZ7LTp.js";import{t as n}from"./permissions-surface-registry-CilCRwhh.js";import{t as r}from"./speech-C5U8h4In.js";import{t as i}from"./speech-assets-bridge-CFYafE89.js";import{o as a}from"./transformers-env-DPjdc2EQ.js";import{i as o,t as s}from"./whisper-session-DpDs0sDL.js";var c=e(`speech:composer`),l=5e3,u=(e,t,n)=>new Promise((r,i)=>{let a=setTimeout(()=>i(Error(`${n} timed out after ${t}ms`)),t);e.then(e=>{clearTimeout(a),r(e)},e=>{clearTimeout(a),i(e)})}),d=class{#e;#t;#n;#r;#i;#a=null;#o=!1;#s={engine:`builtin`,state:`idle`};#c=a();#l=new Set;#u=null;constructor(e={}){this.#e=e.builtin??r(),this.#t=e.loadWhisper??o,this.#n=e.startSession??s,this.#r=e.getPermissionSurface??f,this.#i=e.ensureAssets??v}permission(){return this.#e.permission()}async requestPermission(){let e=this.#r();if(e)try{let t=await e.request(`microphone`);return t?(this.#p(t.stream),!0):!1}catch(e){return c.warn(`permission surface microphone request failed`,e),!1}return this.#e.requestPermission()}microphones(){return this.#e.microphones()}status(){return this.#s}onStatus(e){return this.#l.add(e),e(this.#s),()=>this.#l.delete(e)}warmup(){this.#o||(this.#o=!0,this.#c=a(),this.#_({engine:`builtin`,state:`downloading`}),this.#d().then(e=>{this.#a=e,this.#_({engine:`enhanced`,state:`ready`})},e=>{this.#o=!1,this.#_({engine:`builtin`,state:`unavailable`,message:m(e)}),c.warn(`enhanced speech engine unavailable`,e)}))}async#d(){let e=null;try{await this.#i(e=>this.#h(e))}catch(t){e=t,c.warn(`speech asset staging failed; trying already-present assets`,t)}try{return await this.#t(e=>this.#g(e))}catch(t){throw e??t}}async start(e){let t=this.#a;if(t){let n=null;try{return n=await this.#f(e.deviceId),await this.#n(t,{deviceId:e.deviceId,lang:e.lang,onPartial:e.onPartial,onError:e.onError,stream:n??void 0})}catch(e){if(n)for(let e of n.getTracks())e.stop();c.warn(`whisper session failed to start; falling back to builtin`,e)}}return this.#e.start(e)}async#f(e){let t=e&&e!=="default"?e:void 0,n=this.#m();if(n){if(!t&&p(n))return n;for(let e of n.getTracks())e.stop()}let r=this.#r();if(!r)return null;let i={audio:!t||{deviceId:{exact:t}}},a=await u(r.request(`microphone`,{constraints:i}),l,`microphone capture`);if(!a)throw Error(`microphone permission denied`);return a.stream}#p(e){if(this.#u&&this.#u!==e)for(let e of this.#u.getTracks())e.stop();this.#u=e}#m(){let e=this.#u;return this.#u=null,e}get enhancedReady(){return this.#a!==null}#h(e){if(this.#s.state!==`downloading`)return;(e.bytesTotal!=null||e.bytesLoaded!=null)&&this.#c.update(e.asset,e.bytesLoaded??0,e.bytesTotal??0);let t=this.#c.snapshot();t.total<=0||this.#_({engine:`builtin`,state:`downloading`,download:{loaded:t.loaded,total:t.total,etaSeconds:t.etaSeconds}})}#g(e){this.#s.state===`downloading`&&this.#_({engine:`builtin`,state:`downloading`,download:{loaded:e.loaded,total:e.total,etaSeconds:e.etaSeconds}})}#_(e){this.#s=e;for(let t of this.#l)t(e)}};function f(){let e=n();return e?{async request(t,n){let r=await e.request(t,n);return r?.kind===`microphone`?{kind:`microphone`,stream:r.stream}:null}}:null}function p(e){let t=e.getTracks();return t.length>0&&t.some(e=>e.readyState!==`ended`)}function m(e){return`Enhanced speech unavailable: ${e instanceof Error?e.message:String(e)}`}var h=t,g;function _(e){g=e}function v(e){return h()?Promise.resolve():i({instanceId:g,onProgress:e})}var y=null;function b(){return y??=new d,y}export{b as getComposerSpeech,_ as setComposerSpeechInstanceId};

package/dist/ui/assets/connect-llm-FevTa-aV.js

@@ -0,0 +1,561 @@
+var e=`<html lang="en">
+  <head>
+    <title>Connect an LLM</title>
+    <meta charset="utf-8" />
+    <style>
+      * { box-sizing: border-box; margin: 0; padding: 0; }
+      body {
+        font-family: var(--s2-font-family, -apple-system, BlinkMacSystemFont, sans-serif);
+        font-size: 13px;
+        color: var(--s2-content-default, #e8e8e8);
+        background: transparent;
+      }
+      .step { display: none; animation: fadeUp 0.18s ease both; }
+      .step.active { display: block; }
+      @keyframes fadeUp {
+        from { opacity: 0; transform: translateY(6px); }
+        to   { opacity: 1; transform: translateY(0); }
+      }
+      .step-heading {
+        font-size: 15px;
+        font-weight: 700;
+        line-height: 1.3;
+      }
+      .step-sub {
+        font-size: 12px;
+        color: var(--s2-content-secondary, #a1a1a1);
+        margin-top: 4px;
+      }
+
+      /* Provider list — responsive grid that adapts to the dip width.
+         Each cell is at least ~180px so labels stay readable; the
+         browser flows extra columns automatically when there's room. */
+      .providers {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+        gap: 6px;
+        margin-top: 14px;
+      }
+      .provider {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 8px;
+        padding: 8px 12px;
+        border-radius: 10px;
+        background: var(--s2-bg-elevated, #2c2c2c);
+        border: 1px solid var(--s2-border-subtle, #3a3a3a);
+        cursor: pointer;
+        transition: background 0.12s, border-color 0.12s;
+        min-width: 0;
+      }
+      .provider:hover {
+        background: var(--s2-bg-layer-2, #252525);
+        border-color: var(--s2-accent, #3562ff);
+      }
+      .provider > div {
+        min-width: 0;
+        flex: 1 1 auto;
+      }
+      .provider__name {
+        font-weight: 600;
+        font-size: 13px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+      .provider__chevron {
+        color: var(--s2-content-secondary, #a1a1a1);
+        font-size: 14px;
+        flex: 0 0 auto;
+      }
+
+      /* Credential form */
+      .form {
+        margin-top: 14px;
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+      }
+      .form label {
+        display: block;
+        font-size: 11px;
+        font-weight: 600;
+        color: var(--s2-content-secondary, #a1a1a1);
+        margin-bottom: 4px;
+        text-transform: uppercase;
+        letter-spacing: 0.04em;
+      }
+      .form input[type="text"],
+      .form input[type="password"],
+      .form select {
+        width: 100%;
+        height: 32px;
+        padding: 0 10px;
+        border-radius: 8px;
+        border: 1px solid var(--s2-border-default, #4a4a4a);
+        background: var(--s2-bg-elevated, #2c2c2c);
+        color: var(--s2-content-default, #e8e8e8);
+        font-family: inherit;
+        font-size: 13px;
+        line-height: 1.4;
+        outline: none;
+        transition: border-color 0.12s, box-shadow 0.12s;
+      }
+      .form input[type="text"]:focus,
+      .form input[type="password"]:focus,
+      .form select:focus {
+        border-color: var(--s2-accent, #3562ff);
+        box-shadow: 0 0 0 1px var(--s2-accent, #3562ff);
+      }
+      .form input[type="text"]::placeholder,
+      .form input[type="password"]::placeholder {
+        color: var(--s2-content-tertiary, #717171);
+      }
+
+      .actions {
+        display: flex;
+        gap: 8px;
+        margin-top: 14px;
+        align-items: center;
+      }
+      .actions .spacer { flex: 1; }
+
+      .btn {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        height: 32px;
+        padding: 0 14px;
+        border-radius: 9999px;
+        background: transparent;
+        border: 1px solid var(--s2-border-default, #4a4a4a);
+        color: var(--s2-content-default, #e8e8e8);
+        font-family: inherit;
+        font-size: 12px;
+        font-weight: 600;
+        cursor: pointer;
+      }
+      .btn:hover { background: color-mix(in srgb, var(--s2-content-default) 6%, transparent); }
+      .btn:disabled { opacity: 0.5; cursor: default; }
+      .btn--primary {
+        background: var(--s2-accent, #3562ff);
+        border-color: var(--s2-accent, #3562ff);
+        color: white;
+      }
+      .btn--primary:hover { filter: brightness(1.05); }
+
+      .status {
+        margin-top: 10px;
+        font-size: 12px;
+        min-height: 16px;
+      }
+      .status.busy { color: var(--s2-content-secondary, #a1a1a1); }
+      .status.ok { color: var(--s2-positive, #3aa763); }
+      .status.warn { color: var(--s2-notice, #d49d10); }
+      .status.error { color: var(--s2-negative, #c83a3a); }
+
+      .meta {
+        font-size: 11px;
+        color: var(--s2-content-secondary, #a1a1a1);
+        margin-top: 6px;
+      }
+      .field-help {
+        font-size: 11px;
+        color: var(--s2-content-secondary, #a1a1a1);
+        margin-top: 6px;
+        line-height: 1.4;
+      }
+
+      /* Device-code box — matches the settings dialog's inline code
+         box so the welcome flow and Add Account flow look identical. */
+      .device-code {
+        margin-top: 14px;
+        padding: 10px 12px;
+        border-radius: 8px;
+        background: var(--s2-bg-elevated, #161b22);
+        border: 1px solid var(--s2-border-default, #30363d);
+        font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+        font-weight: 600;
+        font-size: 22px;
+        letter-spacing: 2px;
+        text-align: center;
+        color: var(--s2-content-default, #e6edf3);
+        user-select: all;
+        cursor: text;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Step 1: pick provider -->
+    <section id="sProvider" class="step active">
+      <div class="step-heading">Pick an LLM provider</div>
+      <div class="step-sub">All accounts you've configured stay editable later in Settings.</div>
+      <div id="providerList" class="providers"></div>
+    </section>
+
+    <!-- Step 2: credentials -->
+    <section id="sCreds" class="step">
+      <div class="step-heading">
+        Connect to <span id="providerName">…</span>
+      </div>
+      <div class="step-sub" id="providerDesc"></div>
+      <div class="form">
+        <div id="apiKeyRow">
+          <label for="apiKeyIn" id="apiKeyLabel">API Key</label>
+          <input id="apiKeyIn" type="password" autocomplete="off" spellcheck="false" placeholder="sk-…" />
+        </div>
+        <div id="baseUrlRow" hidden>
+          <label for="baseUrlIn">Base URL</label>
+          <input id="baseUrlIn" type="text" autocomplete="off" spellcheck="false" placeholder="https://…" />
+          <div id="baseUrlHelp" class="field-help" hidden></div>
+        </div>
+        <div id="deploymentRow" hidden>
+          <label for="deploymentIn">Deployment</label>
+          <input id="deploymentIn" type="text" autocomplete="off" spellcheck="false" placeholder="deployment-name" />
+          <div id="deploymentHelp" class="field-help" hidden></div>
+        </div>
+        <div id="apiVersionRow" hidden>
+          <label for="apiVersionIn">API Version</label>
+          <input id="apiVersionIn" type="text" autocomplete="off" spellcheck="false" placeholder="api-version" />
+          <div id="apiVersionHelp" class="field-help" hidden></div>
+        </div>
+      </div>
+      <div id="status" class="status"></div>
+      <div class="actions">
+        <button id="backBtn" class="btn" type="button">Back</button>
+        <span class="spacer"></span>
+        <button id="connectBtn" class="btn btn--primary" type="button">Connect</button>
+      </div>
+      <div class="meta" id="meta"></div>
+    </section>
+
+    <!-- Step 2.5: device-code prompt (GitHub Copilot, future device flows). -->
+    <section id="sDeviceCode" class="step">
+      <div class="step-heading" id="deviceCodeHeading">Verification code</div>
+      <div class="step-sub" id="deviceCodeSub">
+        Copy the code, then click Continue. We'll open the authorization page in a new tab —
+        paste the code there if it isn't pre-filled.
+      </div>
+      <div class="device-code" id="deviceCode">XXXX-XXXX</div>
+      <div class="actions">
+        <button id="deviceCancelBtn" class="btn" type="button">Cancel</button>
+        <span class="spacer"></span>
+        <button id="deviceContinueBtn" class="btn btn--primary" type="button">
+          Copy &amp; Continue
+        </button>
+      </div>
+    </section>
+
+    <!-- Step 3: success -->
+    <section id="sDone" class="step">
+      <div class="step-heading">Connected.</div>
+      <div class="step-sub" id="doneSub">Booting your model…</div>
+    </section>
+
+    <script>
+      // Provider catalogue is injected by the parent via slicc-message.
+      // Until it arrives we render a tiny placeholder. Model selection
+      // intentionally lives in the chat header (not the dip), so we
+      // ignore the \`models\` map and never surface it here.
+      var providers = [];
+      var current = { provider: null, providerConfig: null };
+
+      var providerListEl = document.getElementById('providerList');
+      var providerNameEl = document.getElementById('providerName');
+      var providerDescEl = document.getElementById('providerDesc');
+      var apiKeyRow = document.getElementById('apiKeyRow');
+      var apiKeyLabelEl = document.getElementById('apiKeyLabel');
+      var apiKeyIn = document.getElementById('apiKeyIn');
+      var baseUrlRow = document.getElementById('baseUrlRow');
+      var baseUrlIn = document.getElementById('baseUrlIn');
+      var baseUrlHelpEl = document.getElementById('baseUrlHelp');
+      var deploymentRow = document.getElementById('deploymentRow');
+      var deploymentIn = document.getElementById('deploymentIn');
+      var deploymentHelpEl = document.getElementById('deploymentHelp');
+      var apiVersionRow = document.getElementById('apiVersionRow');
+      var apiVersionIn = document.getElementById('apiVersionIn');
+      var apiVersionHelpEl = document.getElementById('apiVersionHelp');
+      var statusEl = document.getElementById('status');
+      var connectBtn = document.getElementById('connectBtn');
+      var backBtn = document.getElementById('backBtn');
+      var metaEl = document.getElementById('meta');
+
+      function setHelpText(el, text) {
+        if (text) {
+          el.textContent = text;
+          el.hidden = false;
+        } else {
+          el.textContent = '';
+          el.hidden = true;
+        }
+      }
+
+      function renderProviders() {
+        providerListEl.innerHTML = '';
+        if (!providers.length) {
+          var empty = document.createElement('div');
+          empty.className = 'meta';
+          empty.textContent = 'Loading providers…';
+          providerListEl.appendChild(empty);
+          return;
+        }
+        providers.forEach(function (p) {
+          var row = document.createElement('div');
+          row.className = 'provider';
+          row.dataset.providerId = p.id;
+          var info = document.createElement('div');
+          var name = document.createElement('div');
+          name.className = 'provider__name';
+          name.textContent = p.name;
+          info.appendChild(name);
+          // Show meaningful descriptions only as a hover tooltip so the
+          // grid rows stay a uniform height. Skip auto-generated
+          // \`<id> provider\` strings — they repeat the id and add no info.
+          var fallbackDesc = (p.id || '') + ' provider';
+          if (p.description && p.description !== fallbackDesc) {
+            row.title = p.description;
+          }
+          row.appendChild(info);
+          var chev = document.createElement('span');
+          chev.className = 'provider__chevron';
+          chev.textContent = '›';
+          row.appendChild(chev);
+          row.onclick = function () { selectProvider(p); };
+          providerListEl.appendChild(row);
+        });
+      }
+
+      function go(stepId) {
+        ['sProvider', 'sCreds', 'sDeviceCode', 'sDone'].forEach(function (id) {
+          document.getElementById(id).classList.toggle('active', id === stepId);
+        });
+      }
+
+      // Cache device-code DOM up front so the message handler can flip
+      // between steps without re-querying every time.
+      var deviceCodeEl = document.getElementById('deviceCode');
+      var deviceCancelBtn = document.getElementById('deviceCancelBtn');
+      var deviceContinueBtn = document.getElementById('deviceContinueBtn');
+      function emitDeviceDecision(decision) {
+        // Lock both buttons immediately so we never send two decisions
+        // for the same prompt (e.g. double-clicks).
+        deviceCancelBtn.disabled = true;
+        deviceContinueBtn.disabled = true;
+        slicc.lick({
+          action: 'device-code-decision',
+          data: { decision: decision },
+        });
+      }
+      deviceCancelBtn.onclick = function () {
+        emitDeviceDecision('cancel');
+        // Return to the credential step — the host will broadcast a
+        // \`slicc-connect-result\` shortly with the cancellation message,
+        // which the existing handler renders into the status row.
+        go('sCreds');
+      };
+      deviceContinueBtn.onclick = function () {
+        // Best-effort clipboard copy — the host's prompter will retry
+        // server-side too, but doing it here lets the user paste even
+        // if the host clipboard call gets blocked by the sandbox.
+        try {
+          var text = deviceCodeEl.textContent || '';
+          if (navigator.clipboard && navigator.clipboard.writeText) {
+            navigator.clipboard.writeText(text);
+          }
+        } catch (e) {
+          /* ignore — code is still visible on the box */
+        }
+        emitDeviceDecision('continue');
+        statusEl.className = 'status busy';
+        statusEl.textContent = 'Waiting for you to authorize in the new tab…';
+        go('sCreds');
+      };
+
+      function selectProvider(p) {
+        current.provider = p.id;
+        current.providerConfig = p;
+        providerNameEl.textContent = p.name;
+        // Suppress auto-generated \`<id> provider\` descriptions.
+        var fallback = (p.id || '') + ' provider';
+        providerDescEl.textContent =
+          p.description && p.description !== fallback ? p.description : '';
+        statusEl.className = 'status';
+        statusEl.textContent = '';
+        metaEl.textContent = '';
+
+        // ── API key field ─────────────────────────────────────────
+        apiKeyIn.value = '';
+        // Mirror the Settings → Add Account dialog's "API Key (ENVVAR):"
+        // label so users see which env-var SLICC will read on import.
+        apiKeyLabelEl.textContent =
+          'API Key' + (p.apiKeyEnvVar ? ' (' + p.apiKeyEnvVar + ')' : '');
+        apiKeyIn.placeholder = p.apiKeyPlaceholder || 'sk-…';
+
+        // ── Base URL field ────────────────────────────────────────
+        // \`defaultBaseUrl\` on the catalogue is the provider's
+        // \`baseUrlPlaceholder\` — a UI hint like
+        // \`https://your-resource.cognitiveservices.azure.com/\` or
+        // \`https://your-proxy.example.com\`. It is NOT a real default
+        // and must not be sent back as the user's value. Mirror the
+        // settings dialog and use it only as the HTML placeholder.
+        baseUrlRow.hidden = !p.requiresBaseUrl;
+        baseUrlIn.value = '';
+        baseUrlIn.placeholder = p.defaultBaseUrl || 'https://…';
+        setHelpText(baseUrlHelpEl, p.requiresBaseUrl ? p.baseUrlDescription || '' : '');
+
+        // ── Deployment field ──────────────────────────────────────
+        deploymentRow.hidden = !p.requiresDeployment;
+        deploymentIn.value = '';
+        deploymentIn.placeholder = p.deploymentPlaceholder || 'deployment-name';
+        setHelpText(
+          deploymentHelpEl,
+          p.requiresDeployment ? p.deploymentDescription || '' : ''
+        );
+
+        // ── API version field ─────────────────────────────────────
+        apiVersionRow.hidden = !p.requiresApiVersion;
+        apiVersionIn.value = p.apiVersionDefault || '';
+        apiVersionIn.placeholder = p.apiVersionDefault || 'api-version';
+        setHelpText(
+          apiVersionHelpEl,
+          p.requiresApiVersion ? p.apiVersionDescription || '' : ''
+        );
+
+        // OAuth providers delegate everything to a popup login flow
+        // handled by the host page. The dip just emits an
+        // \`oauth-attempt\` and waits for \`slicc-connect-result\`.
+        var isOAuth = !!p.isOAuth;
+        apiKeyRow.hidden = isOAuth;
+        // OAuth + per-provider extras don't combine in the settings
+        // dialog either, so hide deployment/api-version on OAuth
+        // providers regardless of catalogue flags.
+        if (isOAuth) {
+          deploymentRow.hidden = true;
+          apiVersionRow.hidden = true;
+        }
+
+        connectBtn.disabled = false;
+        connectBtn.textContent = isOAuth ? 'Login with ' + p.name : 'Connect';
+        go('sCreds');
+        if (!isOAuth) setTimeout(function () { apiKeyIn.focus(); }, 60);
+      }
+
+      backBtn.onclick = function () { go('sProvider'); };
+
+      connectBtn.onclick = function () {
+        var p = current.providerConfig || {};
+        if (p.isOAuth) {
+          connectBtn.disabled = true;
+          connectBtn.textContent = 'Opening login…';
+          statusEl.className = 'status busy';
+          statusEl.textContent = 'Opening ' + (p.name || current.provider) + ' login window…';
+          slicc.lick({
+            action: 'oauth-attempt',
+            data: {
+              provider: current.provider,
+              baseUrl: (baseUrlIn.value || '').trim() || null,
+            },
+          });
+          return;
+        }
+        var key = (apiKeyIn.value || '').trim();
+        if (p.requiresApiKey !== false && !key) {
+          statusEl.className = 'status error';
+          statusEl.textContent = 'Please enter an API key.';
+          apiKeyIn.focus();
+          return;
+        }
+        var baseUrlVal = (baseUrlIn.value || '').trim();
+        if (p.requiresBaseUrl && !baseUrlVal) {
+          statusEl.className = 'status error';
+          statusEl.textContent = 'Please enter a base URL.';
+          baseUrlIn.focus();
+          return;
+        }
+        var deploymentVal = (deploymentIn.value || '').trim();
+        if (p.requiresDeployment && !deploymentVal) {
+          statusEl.className = 'status error';
+          statusEl.textContent = 'Please enter a deployment name.';
+          deploymentIn.focus();
+          return;
+        }
+        var apiVersionVal = (apiVersionIn.value || '').trim();
+        connectBtn.disabled = true;
+        connectBtn.textContent = 'Validating…';
+        statusEl.className = 'status busy';
+        statusEl.textContent = 'Talking to ' + (p.name || current.provider) + '…';
+        slicc.lick({
+          action: 'connect-attempt',
+          data: {
+            provider: current.provider,
+            apiKey: key,
+            baseUrl: baseUrlVal || null,
+            deployment: deploymentVal || null,
+            apiVersion: apiVersionVal || null,
+            // Model picking is handled by the chat header dropdown,
+            // not by the welcome dip — leave it null so the
+            // orchestrator preserves whatever model the user (or
+            // provider defaults) has already chosen.
+            model: null,
+          },
+        });
+      };
+
+      function submitOnEnter(e) {
+        if (e.key === 'Enter') connectBtn.click();
+      }
+      apiKeyIn.addEventListener('keydown', submitOnEnter);
+      baseUrlIn.addEventListener('keydown', submitOnEnter);
+      deploymentIn.addEventListener('keydown', submitOnEnter);
+      apiVersionIn.addEventListener('keydown', submitOnEnter);
+
+      // Listen for parent → dip messages.
+      document.addEventListener('slicc-message', function (e) {
+        var msg = e.detail || {};
+        if (msg.type === 'slicc-providers') {
+          providers = (msg.providers || []).slice();
+          // The dip used to read \`msg.models\` to populate a per-provider
+          // model dropdown; that responsibility now lives in the chat
+          // header so we deliberately ignore the models map.
+          renderProviders();
+        } else if (msg.type === 'slicc-device-code') {
+          // Host is asking us to render the device-flow verification
+          // code (GitHub Copilot today; future device-flow providers
+          // can reuse this same message). Show the code + Cancel /
+          // Copy & Continue and wait for the user's pick — the host
+          // won't open any auth tab until we emit \`device-code-decision\`.
+          deviceCodeEl.textContent = msg.userCode || 'XXXX-XXXX';
+          deviceCancelBtn.disabled = false;
+          deviceContinueBtn.disabled = false;
+          go('sDeviceCode');
+        } else if (msg.type === 'slicc-already-connected') {
+          // Reload of a chat that already finished onboarding —
+          // skip the provider list entirely and show a finished card.
+          go('sDone');
+          var doneSub = document.getElementById('doneSub');
+          if (doneSub) {
+            doneSub.textContent = msg.note || 'Already connected.';
+          }
+        } else if (msg.type === 'slicc-connect-result') {
+          if (msg.ok) {
+            connectBtn.textContent = 'Connected';
+            statusEl.className = 'status ok';
+            statusEl.textContent = msg.note || 'Connected.';
+            go('sDone');
+          } else {
+            connectBtn.disabled = false;
+            connectBtn.textContent = 'Try again';
+            statusEl.className = 'status ' + (msg.kind === 'skipped' ? 'warn' : 'error');
+            statusEl.textContent = msg.message || 'Could not save credentials.';
+          }
+        }
+      });
+
+      // Tell the parent we're ready so it can flush the provider catalogue.
+      slicc.lick({ action: 'connect-ready' });
+      renderProviders();
+    <\/script>
+  </body>
+</html>
+`;export{e as default};

package/dist/ui/assets/{connect-surface-DqU2NC2c.js → connect-surface-Dd462OJJ.js}

@@ -1,4 +1,4 @@
-import{C as e,I as t,d as n,f as r}from"./account-store-DysucxMw.js";import{n as i}from"./provider-settings-BTpBo_o4.js";var a=`slicc_cloud_model_catalog`,o=`adobe`;function s(t){if(t===o)return!1;let n=e(t);return!(n.hidden||n.onOAuthLoginIntercepted)}function c(){try{let e=r().map(e=>({providerId:e.providerId,providerName:e.providerName,models:e.models.map(e=>({id:e.id,name:e.name}))}));localStorage.setItem(a,JSON.stringify(e))}catch{}}async function l(r){for(;r.firstChild;)r.removeChild(r.firstChild);r.className=`connect-surface`;let a=document.createElement(`h1`);a.className=`connect-surface__title`,a.textContent=`Connect providers`,r.appendChild(a);let l=document.createElement(`p`);l.className=`connect-surface__desc`,l.textContent=`Log in or add API keys for the providers your cone should use, then click Done to return to the dashboard.`,r.appendChild(l);let u=document.createElement(`div`);u.className=`connect-surface__accounts`,r.appendChild(u);function d(){for(;u.firstChild;)u.removeChild(u.firstChild);let r=n().filter(e=>e.providerId!==o);if(r.length===0){let e=document.createElement(`div`);e.className=`connect-surface__empty`,e.textContent=`No providers connected yet.`,u.appendChild(e)}else{let n=document.createElement(`div`);n.className=`connect-surface__accounts-list`;for(let i of r){let r=e(i.providerId),a=document.createElement(`div`);a.className=`connect-surface__account-row`;let o=document.createElement(`div`);o.className=`connect-surface__account-info`;let s=document.createElement(`div`);s.className=`connect-surface__account-name`,s.textContent=r.name,o.appendChild(s);let l=document.createElement(`div`);l.className=`connect-surface__account-detail`,l.textContent=i.userName?i.userName:i.accessToken?`Logged in`:i.apiKey?`API key set`:`No credentials`,o.appendChild(l),a.appendChild(o);let u=document.createElement(`button`);u.className=`connect-surface__remove-btn`,u.textContent=`Remove`,u.onclick=async()=>{await t(i.providerId),c(),d()},a.appendChild(u),n.appendChild(a)}u.appendChild(n)}let a=document.createElement(`button`);a.className=`connect-surface__add-btn`,a.textContent=r.length===0?`Add provider`:`Manage providers`,a.onclick=async()=>{await i({startInAddAccount:!0,providerFilter:s})&&(c(),d())},u.appendChild(a)}d(),c();let f=document.createElement(`div`);f.className=`connect-surface__footer`;let p=document.createElement(`button`);if(p.className=`connect-surface__done-btn`,p.textContent=`Done — return to dashboard`,p.onclick=()=>{c(),window.close()},f.appendChild(p),r.appendChild(f),!document.getElementById(`connect-surface-style`)){let e=document.createElement(`style`);e.id=`connect-surface-style`,e.textContent=`
+import{C as e,I as t,d as n,f as r}from"./account-store-Bo-yhxpr.js";import{n as i}from"./provider-settings-DNJS-V3F.js";var a=`slicc_cloud_model_catalog`,o=`adobe`;function s(t){if(t===o)return!1;let n=e(t);return!(n.hidden||n.onOAuthLoginIntercepted)}function c(){try{let e=r().map(e=>({providerId:e.providerId,providerName:e.providerName,models:e.models.map(e=>({id:e.id,name:e.name}))}));localStorage.setItem(a,JSON.stringify(e))}catch{}}async function l(r){for(;r.firstChild;)r.removeChild(r.firstChild);r.className=`connect-surface`;let a=document.createElement(`h1`);a.className=`connect-surface__title`,a.textContent=`Connect providers`,r.appendChild(a);let l=document.createElement(`p`);l.className=`connect-surface__desc`,l.textContent=`Log in or add API keys for the providers your cone should use, then click Done to return to the dashboard.`,r.appendChild(l);let u=document.createElement(`div`);u.className=`connect-surface__accounts`,r.appendChild(u);function d(){for(;u.firstChild;)u.removeChild(u.firstChild);let r=n().filter(e=>e.providerId!==o);if(r.length===0){let e=document.createElement(`div`);e.className=`connect-surface__empty`,e.textContent=`No providers connected yet.`,u.appendChild(e)}else{let n=document.createElement(`div`);n.className=`connect-surface__accounts-list`;for(let i of r){let r=e(i.providerId),a=document.createElement(`div`);a.className=`connect-surface__account-row`;let o=document.createElement(`div`);o.className=`connect-surface__account-info`;let s=document.createElement(`div`);s.className=`connect-surface__account-name`,s.textContent=r.name,o.appendChild(s);let l=document.createElement(`div`);l.className=`connect-surface__account-detail`,l.textContent=i.userName?i.userName:i.accessToken?`Logged in`:i.apiKey?`API key set`:`No credentials`,o.appendChild(l),a.appendChild(o);let u=document.createElement(`button`);u.className=`connect-surface__remove-btn`,u.textContent=`Remove`,u.onclick=async()=>{await t(i.providerId),c(),d()},a.appendChild(u),n.appendChild(a)}u.appendChild(n)}let a=document.createElement(`button`);a.className=`connect-surface__add-btn`,a.textContent=r.length===0?`Add provider`:`Manage providers`,a.onclick=async()=>{await i({startInAddAccount:!0,providerFilter:s})&&(c(),d())},u.appendChild(a)}d(),c();let f=document.createElement(`div`);f.className=`connect-surface__footer`;let p=document.createElement(`button`);if(p.className=`connect-surface__done-btn`,p.textContent=`Done — return to dashboard`,p.onclick=()=>{c(),window.close()},f.appendChild(p),r.appendChild(f),!document.getElementById(`connect-surface-style`)){let e=document.createElement(`style`);e.id=`connect-surface-style`,e.textContent=`
     .connect-surface {
       padding: 2rem;
       max-width: 560px;