sliccy 5.24.0 → 5.25.0

package/dist/ui/assets/{wc-settings-DkGyOR-Z.js → wc-settings-Bxflw5Ez.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/oauth-service-ySAsf2gs.js","assets/preload-helper-CZgWQFsJ.js","assets/proxied-fetch-DzLglfG5.js","assets/rolldown-runtime-aKtaBQYM.js","assets/src-x0cJ68Fe.js","assets/fetch-body-D2PwksUW.js","assets/panel-rpc-DmJSNs0I.js","assets/wc-permissions-registry-Blyunq37.js","assets/main-CVbQ_qox.js","assets/modulepreload-polyfill-Dezn_h7o.js","assets/account-store-BZcvDLBt.js","assets/dist-D69OmKNn.js","assets/__vite-browser-external-SwrSgYTf.js","assets/event-stream-BJI_nGaK.js","assets/json-parse-C7d6hyOc.js","assets/context-compaction-DvlXtgVG.js","assets/logger-DDBAeTLF.js","assets/secret-topology-CC_yKaqL.js","assets/secrets-bridge-client-C3K9ItX4.js","assets/tool-ui-DfXu6quJ.js","assets/providers-D-hEMSBi.js","assets/bedrock-camp-DjKgax8m.js","assets/transform-messages-DiIjWKhh.js","assets/messages-BD4p8GuF.js","assets/clipboard-DuHpK59o.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/oauth-service-ySAsf2gs.js","assets/preload-helper-CZgWQFsJ.js","assets/proxied-fetch-DzLglfG5.js","assets/rolldown-runtime-aKtaBQYM.js","assets/src-x0cJ68Fe.js","assets/fetch-body-D2PwksUW.js","assets/panel-rpc-DmJSNs0I.js","assets/wc-permissions-registry-Blyunq37.js","assets/main-BsaB0i1p.js","assets/modulepreload-polyfill-Dezn_h7o.js","assets/account-store-B1pwDkFF.js","assets/dist-D69OmKNn.js","assets/__vite-browser-external-SwrSgYTf.js","assets/event-stream-BJI_nGaK.js","assets/json-parse-C7d6hyOc.js","assets/context-compaction-DvlXtgVG.js","assets/logger-DDBAeTLF.js","assets/secret-topology-CC_yKaqL.js","assets/secrets-bridge-client-C3K9ItX4.js","assets/tool-ui-DfXu6quJ.js","assets/providers-D_TWK7mJ.js","assets/bedrock-camp-DjKgax8m.js","assets/transform-messages-DiIjWKhh.js","assets/messages-BD4p8GuF.js","assets/clipboard-DuHpK59o.js"])))=>i.map(i=>d[i]);
 import{t as e}from"./preload-helper-CZgWQFsJ.js";import{a as t,c as n,d as r,i,l as a,o,p as s,r as c,s as l,t as u,u as d}from"./theme-engine-LmGLoWYX.js";import{t as f}from"./theme-Ca4mHxHv.js";var p={surfaces:[`--s2-gray-25`,`--s2-gray-50`,`--s2-gray-75`,`--s2-gray-100`,`--s2-gray-200`,`--s2-bg-base`,`--s2-bg-layer-1`,`--s2-bg-layer-2`,`--s2-bg-elevated`,`--s2-bg-sunken`],text:[`--s2-gray-800`,`--s2-gray-900`,`--s2-gray-1000`,`--s2-content-default`,`--s2-content-secondary`,`--s2-content-tertiary`,`--s2-content-disabled`],accents:[`--slicc-cone`,`--slicc-scoop-blue`,`--slicc-scoop-purple`,`--slicc-scoop-teal`,`--slicc-accent`,`--s2-accent`,`--s2-accent-hover`,`--s2-accent-down`],semantic:[`--s2-negative`,`--s2-positive`,`--s2-informative`,`--s2-notice`],chrome:[`--s2-border-default`,`--s2-border-subtle`,`--s2-border-focus`,`--s2-shadow-elevated`,`--s2-shadow-container`]},m=`slicc-wc-settings-style`,h=`
 /* Width is owned by the dialog card (via ::part) — a min-width on the body
    used to overflow the card's content box and clip the row borders. */
@@ -45,4 +45,4 @@ slicc-dialog.wcset-dialog::part(dialog){width:min(520px,92vw);}
 .wcset__base-toggle{display:flex;gap:4px;}
 .wcset__base-toggle button{font-size:11px;padding:3px 8px;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--txt-2);cursor:pointer;}
 .wcset__base-toggle button.active{background:var(--ink);color:var(--canvas);border-color:var(--ink);}
-`;function g(e){if(e.getElementById(m))return;let t=e.createElement(`style`);t.id=m,t.textContent=h,e.head.appendChild(t)}function _(e,t){let n=document.createElement(`div`);return n.className=e,t!==void 0&&(n.textContent=t),n}function v(e,t,n){let r=document.createElement(`button`);return r.type=`button`,r.className=e,r.textContent=t,r.addEventListener(`click`,n),r}function y(e){return e?e.length<=8?`••••`:`${e.slice(0,4)}…${e.slice(-4)}`:``}function b(e){let t;return t=e.loggedOut?e.userName?`Logged out — was ${e.userName}`:`Logged out`:e.userName?e.userName:e.accessToken?`Logged in`:y(e.apiKey),e.baseUrl?`${t} • ${e.baseUrl}`:t}async function x(t,n,r){let{ps:i,log:a,setStatus:o,renderList:s}=r,c=i.getProviderConfig(t),l=i.getAccounts().some(e=>e.providerId===t);if(c.requiresBaseUrl){if(!n.trim()&&!i.getBaseUrlForProvider(t)){o(`Base URL is required.`,!0);return}n.trim()&&i.addAccount(t,``,n.trim())}o(`Opening login window…`);let u=()=>{o(``),s()};try{if(c.onOAuthLoginIntercepted){let{createInterceptingOAuthLauncherForCurrentRuntime:t}=await e(async()=>{let{createInterceptingOAuthLauncherForCurrentRuntime:e}=await import(`./oauth-service-ySAsf2gs.js`);return{createInterceptingOAuthLauncherForCurrentRuntime:e}},__vite__mapDeps([0,1,2,3,4,5,6,7])),n=await t();if(!n)throw Error(`No controlled-browser CDP transport available — open SLICC in standalone mode or the Chrome extension.`);await c.onOAuthLoginIntercepted(n,u)}else if(c.onOAuthLogin){let{createOAuthLauncher:t}=await e(async()=>{let{createOAuthLauncher:e}=await import(`./oauth-service-ySAsf2gs.js`);return{createOAuthLauncher:e}},__vite__mapDeps([0,1,2,3,4,5,6,7]));await c.onOAuthLogin(t(),u)}else throw Error(`${c.name} does not support interactive login.`)}catch(e){l||await i.removeAccount(t).catch(()=>void 0),a.error(`WC settings OAuth login failed`,{providerId:t,err:e}),o(`Login failed: ${e instanceof Error?e.message:String(e)}`,!0)}}function S(e,t,n){let{ps:r,log:i,setStatus:a,renderList:o}=n,s=_(`wcset__row`),c=_(`wcset__info`);if(c.append(_(`wcset__name`,t.name),_(`wcset__detail`,b(e))),s.append(c),t.isOAuth){let t=e.loggedOut===!0;s.append(v(`wcset__btn`,t?`Log in`:`Log out`,()=>{t?x(e.providerId,``,n):r.logoutOAuthAccount(e.providerId).then(o).catch(t=>{i.error(`WC settings logout failed`,{providerId:e.providerId,err:t}),a(`Logout failed.`,!0)})}))}return s.append(v(`wcset__btn wcset__btn--danger`,`Remove`,()=>{r.removeAccount(e.providerId).then(o).catch(t=>{i.error(`WC settings remove failed`,{providerId:e.providerId,err:t}),a(`Remove failed.`,!0)})})),s}function C(e){let{ps:t,setStatus:n}=e,r=_(`wcset__add`);r.append(_(`wcset__label`,`Add account`));let i=document.createElement(`select`);i.className=`wcset__select`;let a=document.createElement(`option`);a.value=``,a.textContent=`Choose a provider…`,i.append(a);let o=new Set(t.getAccounts().map(e=>e.providerId)),s=t.getAvailableProviders().filter(e=>!o.has(e)&&t.providerOffersLlmModels(e)).sort((e,n)=>t.getProviderConfig(e).name.localeCompare(t.getProviderConfig(n).name));for(let e of s){let n=document.createElement(`option`);n.value=e,n.textContent=t.getProviderConfig(e).name,i.append(n)}r.append(i);let c=_(`wcset__controls`);return c.style.cssText=`display:flex;flex-direction:column;gap:8px;`,r.append(c),i.addEventListener(`change`,()=>{c.replaceChildren(),n(``);let r=i.value;if(!r)return;let a=t.getProviderConfig(r),o=document.createElement(`input`);if(o.className=`wcset__input`,o.placeholder=a.baseUrlPlaceholder??`Base URL`,o.value=t.getBaseUrlForProvider(r)??``,a.requiresBaseUrl&&c.append(o),a.isOAuth){c.append(v(`wcset__btn wcset__btn--primary`,`Login with ${a.name}`,()=>{x(r,o.value,e)}));return}let s=document.createElement(`input`);s.className=`wcset__input`,s.placeholder=a.deploymentPlaceholder??`Model IDs (comma-separated)`,s.value=t.getDeploymentForProvider(r)??``,a.requiresDeployment&&c.append(s);let l=document.createElement(`input`);l.className=`wcset__input`,l.type=`password`,l.placeholder=a.apiKeyPlaceholder??`API key`,l.setAttribute(`data-testid`,`wcset-api-key`),(a.requiresApiKey||a.optionalApiKey)&&c.append(l),c.append(v(`wcset__btn wcset__btn--primary`,`Save`,()=>{let i=l.value.trim();if(a.requiresApiKey&&!i){n(`An API key is required.`,!0),l.focus();return}if(a.requiresBaseUrl&&!o.value.trim()){n(`Base URL is required.`,!0),o.focus();return}if(a.requiresDeployment&&!s.value.trim()){n(`Model IDs are required.`,!0),s.focus();return}t.addAccount(r,i,o.value.trim()||void 0,s.value.trim()||void 0),l.value=``,n(`${a.name} connected.`),e.renderList()}))}),r}function w(e){let t=_(`wcset__appearance`);t.append(_(`wcset__section-label`,`Appearance`));let u=l(),p=_(`wcset__preset-grid`),m=document.createElement(`div`);m.className=`wcset__preset-swatch${u?``:` wcset__preset-swatch--active`}`,m.innerHTML=[`#161618`,`#1f1f22`,`#f59e0b`].map(e=>`<div class="wcset__preset-swatch__stripe" style="background:${e}"></div>`).join(``)+`<div class="wcset__preset-name">Default</div>`,m.addEventListener(`click`,()=>{c(),f(),b()}),p.append(m);for(let e of s){let t=document.createElement(`div`);t.className=`wcset__preset-swatch${u===e.id?` wcset__preset-swatch--active`:``}`,t.innerHTML=`<div class="wcset__preset-swatch__stripe" style="background:${e.tokens[`--s2-gray-25`]||`#1a1a1a`}"></div><div class="wcset__preset-swatch__stripe" style="background:${e.tokens[`--s2-gray-100`]||`#2c2c2c`}"></div><div class="wcset__preset-swatch__stripe" style="background:${e.tokens[`--s2-accent`]||`#3562ff`}"></div><div class="wcset__preset-name">${e.name}</div>`,t.addEventListener(`click`,()=>{r(e.id),f(),b()}),p.append(t)}t.append(p);let h=n().filter(e=>e.id!==`__preview`);if(h.length>0){let e=_(`wcset__custom-themes`);e.append(_(`wcset__section-label`,`My Themes`));for(let t of h){let n=_(`wcset__custom-row`),a=_(`wcset__custom-row__name`,t.name);u===t.id&&(a.style.fontWeight=`700`),n.append(a),n.append(v(`wcset__btn`,`Use`,()=>{r(t.id),f(),b()})),n.append(v(`wcset__btn`,`Edit`,()=>{x(t)})),n.append(v(`wcset__btn`,`Export`,()=>{let e=new Blob([o(t)],{type:`application/json`}),n=URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=`${t.name.toLowerCase().replace(/\s+/g,`-`)}.slicc-theme.json`,r.click(),URL.revokeObjectURL(n)})),n.append(v(`wcset__btn wcset__btn--danger`,`×`,()=>{i(t.id),f(),b()})),e.append(n)}t.append(e)}let g=_(``);g.style.cssText=`display:flex;gap:8px;`,g.append(v(`wcset__btn wcset__btn--primary`,`+ Create Custom Theme`,()=>{x(null)})),g.append(v(`wcset__btn`,`Import Theme…`,()=>{let t=document.createElement(`input`);t.type=`file`,t.accept=`.json`,t.addEventListener(`change`,()=>{let n=t.files?.[0];n&&n.text().then(t=>{try{let n=a(t);d(n),e.setStatus(`Imported "${n.name}".`),b()}catch(t){e.setStatus(`Import failed: ${t instanceof Error?t.message:String(t)}`,!0)}})}),t.click()})),t.append(g);let y=_(``);t.append(y);function b(){let n=t.parentElement;if(!n)return;let r=w(e);n.replaceChild(r,t)}function x(t){y.replaceChildren(j(t,e,b))}return t}function T(e,n,r,i){let a=[],o=t(e,n);for(let[e,t]of Object.entries(p)){a.push(_(`wcset__section-label`,e));let n=_(`wcset__advanced-grid`);for(let e of t){let t=_(`wcset__advanced-token`),a=document.createElement(`input`);a.type=`color`;let s=r[e]||o[e]||`#000000`;a.value=s.startsWith(`#`)?s:`#000000`,a.addEventListener(`input`,()=>{r[e]=a.value,i()});let c=document.createElement(`span`);c.textContent=e.replace(`--s2-`,``).replace(`--slicc-`,``),t.append(a,c),n.append(t)}a.push(n)}return a}function E(e,t,n,r,i){let a=[];for(let[r,o]of[[`background`,`Background`],[`text`,`Text`],[`accent`,`Links & buttons`]]){let s=_(`wcset__builder-row`),c=document.createElement(`label`);c.textContent=o;let l=document.createElement(`input`);l.type=`color`,l.value=e[r],l.addEventListener(`input`,()=>{e[r]=l.value,i()});let u=document.createElement(`input`);if(u.type=`range`,u.min=`0`,u.max=`100`,u.value=String(Math.round((t[r]??1)*100)),u.style.cssText=`width:60px;margin-left:6px;`,u.title=`Opacity`,u.addEventListener(`input`,()=>{t[r]=Number(u.value)/100,i()}),s.append(c,l,u),r===`background`){let e=document.createElement(`input`);e.type=`checkbox`,e.checked=n.disabled,e.style.cssText=`width:auto;margin:0 0 0 8px;`,e.title=`Hide animated background`,e.addEventListener(`change`,()=>{n.disabled=e.checked,i()});let t=document.createElement(`span`);t.textContent=`Static`,t.style.cssText=`font-size:10px;color:var(--txt-3);`,s.append(e,t)}a.push(s)}a.push(_(`wcset__section-label`,`Components`));for(let[e,t]of[[`bubbleBg`,`User bubble bg`],[`bubbleText`,`User bubble text`],[`navBg`,`Nav bar`],[`composerBg`,`Input box`]]){let n=_(`wcset__builder-row`),o=document.createElement(`label`);o.textContent=t;let s=document.createElement(`input`);s.type=`color`,s.value=r[e]||`#000000`,s.addEventListener(`input`,()=>{r[e]=s.value,i()}),n.append(o,s),a.push(n)}return a}function D(e,t){let n=_(`wcset__builder-row`),r=document.createElement(`label`);r.textContent=`Base`;let i=_(`wcset__base-toggle`);for(let n of[`dark`,`light`]){let r=document.createElement(`button`);r.textContent=n.charAt(0).toUpperCase()+n.slice(1),r.className=e===n?`active`:``,r.addEventListener(`click`,()=>t(n)),i.append(r)}return n.append(r,i),n}function O(e,t){let n=_(``);return n.style.cssText=`display:flex;gap:8px;margin-top:8px;`,n.append(v(`wcset__btn wcset__btn--primary`,`Save`,e)),n.append(v(`wcset__btn`,`Cancel`,t)),n}function k(e){return{userBubble:{background:e.bubbleBg,text:e.bubbleText},nav:{background:e.navBg},composer:{background:e.composerBg}}}function A(e,t){let n=t===`dark`;return{bubbleBg:e?.components?.userBubble?.background||(n?`#f5f5f2`:`#0a0a0a`),bubbleText:e?.components?.userBubble?.text||(n?`#0a0a0a`:`#ffffff`),navBg:e?.components?.nav?.background||(n?`#161618`:`#ffffff`),composerBg:e?.components?.composer?.background||(n?`#161618`:`#ffffff`)}}function j(e,n,a){let o=_(`wcset__builder`),s=e?.base??`dark`,l=e?.disableShader??!1,p=!1,m={background:e?.tokens[`--s2-gray-25`]||(s===`dark`?`#1a1a1a`:`#ffffff`),surface:``,text:e?.tokens[`--s2-content-default`]||e?.tokens[`--s2-gray-900`]||(s===`dark`?`#e8e8e8`:`#131313`),accent:e?.tokens[`--s2-accent`]||`#3562ff`,border:``,success:`#2d9d78`,error:`#e34850`},h={background:1,text:1,accent:1},g=A(e,s),v={},y=document.createElement(`input`);y.className=`wcset__input`,y.placeholder=`Theme name`,y.value=e?.name??``;function b(){return y.value.toLowerCase().replace(/[^a-z0-9]+/g,`-`).replace(/^-|-$/g,``)||`custom-${Date.now()}`}function x(){let e=s===`dark`;m.surface=u(m.background,e?.1:-.08),m.border=u(m.background,e?.15:-.12),m.success=`#2d9d78`,m.error=`#e34850`}function S(){x();let e={...t(m,s),...v};for(let[t,n]of Object.entries(h))if(n<1&&m[t]){let r=m[t],i=Math.round(n*255).toString(16).padStart(2,`0`);for(let n of{background:[`--canvas`,`--s2-gray-25`,`--s2-bg-base`,`--shaderbg`],text:[`--ink`,`--s2-content-default`,`--s2-gray-900`],accent:[`--ctx`,`--waffle`,`--s2-accent`]}[t]||[])e[n]&&(e[n]=`${r}${i}`)}d({id:`__preview`,name:`Preview`,base:s,tokens:e,disableShader:l,components:k(g)}),r(`__preview`),f()}function C(){o.replaceChildren();let u=_(`wcset__builder-row`),w=document.createElement(`label`);w.textContent=`Name`,u.append(w,y),o.append(u),o.append(D(s,e=>{s=e,C(),S()}));let A={disabled:l};for(let e of E(m,h,A,g,()=>{l=A.disabled,S()}))o.append(e);let j=document.createElement(`button`);if(j.className=`wcset__advanced-toggle`,j.textContent=p?`Hide advanced`:`Show advanced`,j.addEventListener(`click`,()=>{p=!p,C()}),o.append(j),p)for(let e of T(m,s,v,S))o.append(e);o.append(O(()=>{let o=y.value.trim();if(!o){n.setStatus(`Name is required.`,!0);return}x();let c={...t(m,s),...v},u=e?.id??b(),p={id:u,name:o,base:s,tokens:c,disableShader:l,components:k(g)};i(`__preview`),d(p),r(u),f(),n.setStatus(`Saved "${o}".`),a()},()=>{i(`__preview`),e?r(e.id):c(),f(),a()}))}return C(),S(),o}async function M(t){let n=await e(()=>import(`./main-CVbQ_qox.js`).then(e=>e.t),__vite__mapDeps([8,3,9,1,10,11,12,13,14,15,16,4,2,5,17,18,19,20,6,21,22,23,24]));g(document);let r=JSON.stringify(n.getAccounts());return new Promise(e=>{let i=document.createElement(`slicc-dialog`);i.classList.add(`wcset-dialog`),i.setAttribute(`heading`,`Accounts`);let a=_(`wcset`),o=_(`wcset__list`),s=_(`wcset__status`),c=(e,t=!1)=>{s.textContent=e,s.toggleAttribute(`data-error`,t)},l=r,u=()=>{let e=JSON.stringify(n.getAccounts());e!==l&&(l=e,window.dispatchEvent(new CustomEvent(`slicc:accounts-changed`)))},d=_(``),f={ps:n,log:t,setStatus:c,renderList:()=>{u(),o.replaceChildren();let e=n.getAccounts();if(e.length===0)o.append(_(`wcset__empty`,`No accounts configured.`));else for(let t of e)o.append(S(t,n.getProviderConfig(t.providerId),f));d.replaceChildren(C(f))}};f.renderList(),a.append(o,d,s),i.append(a);let p=v(`wcset__btn wcset__btn--primary`,`Done`,()=>{i.hide?.()});p.setAttribute(`slot`,`footer`),i.append(p),i.addEventListener(`slicc-dialog-close`,()=>{i.remove(),e(JSON.stringify(n.getAccounts())!==r)}),document.body.append(i),i.show?.()})}async function N(e){return g(document),i(`__preview`),new Promise(t=>{let n=document.createElement(`slicc-dialog`);n.classList.add(`wcset-dialog`),n.setAttribute(`heading`,`Theme`);let a=_(`wcset`),o=_(`wcset__status`),s=w({ps:null,log:e,setStatus:(e,t=!1)=>{o.textContent=e,o.toggleAttribute(`data-error`,t)},renderList:()=>{}});a.append(s,o),n.append(a);let u=v(`wcset__btn wcset__btn--primary`,`Done`,()=>{n.hide?.()});u.setAttribute(`slot`,`footer`),n.append(u);let d=l();n.addEventListener(`slicc-dialog-close`,()=>{l()===`__preview`&&(i(`__preview`),d&&d!==`__preview`?r(d):c(),f()),n.remove(),t()}),document.body.append(n),n.show?.()})}export{N as showThemeSettings,M as showWcSettings};
+`;function g(e){if(e.getElementById(m))return;let t=e.createElement(`style`);t.id=m,t.textContent=h,e.head.appendChild(t)}function _(e,t){let n=document.createElement(`div`);return n.className=e,t!==void 0&&(n.textContent=t),n}function v(e,t,n){let r=document.createElement(`button`);return r.type=`button`,r.className=e,r.textContent=t,r.addEventListener(`click`,n),r}function y(e){return e?e.length<=8?`••••`:`${e.slice(0,4)}…${e.slice(-4)}`:``}function b(e){let t;return t=e.loggedOut?e.userName?`Logged out — was ${e.userName}`:`Logged out`:e.userName?e.userName:e.accessToken?`Logged in`:y(e.apiKey),e.baseUrl?`${t} • ${e.baseUrl}`:t}async function x(t,n,r){let{ps:i,log:a,setStatus:o,renderList:s}=r,c=i.getProviderConfig(t),l=i.getAccounts().some(e=>e.providerId===t);if(c.requiresBaseUrl){if(!n.trim()&&!i.getBaseUrlForProvider(t)){o(`Base URL is required.`,!0);return}n.trim()&&i.addAccount(t,``,n.trim())}o(`Opening login window…`);let u=()=>{o(``),s()};try{if(c.onOAuthLoginIntercepted){let{createInterceptingOAuthLauncherForCurrentRuntime:t}=await e(async()=>{let{createInterceptingOAuthLauncherForCurrentRuntime:e}=await import(`./oauth-service-ySAsf2gs.js`);return{createInterceptingOAuthLauncherForCurrentRuntime:e}},__vite__mapDeps([0,1,2,3,4,5,6,7])),n=await t();if(!n)throw Error(`No controlled-browser CDP transport available — open SLICC in standalone mode or the Chrome extension.`);await c.onOAuthLoginIntercepted(n,u)}else if(c.onOAuthLogin){let{createOAuthLauncher:t}=await e(async()=>{let{createOAuthLauncher:e}=await import(`./oauth-service-ySAsf2gs.js`);return{createOAuthLauncher:e}},__vite__mapDeps([0,1,2,3,4,5,6,7]));await c.onOAuthLogin(t(),u)}else throw Error(`${c.name} does not support interactive login.`)}catch(e){l||await i.removeAccount(t).catch(()=>void 0),a.error(`WC settings OAuth login failed`,{providerId:t,err:e}),o(`Login failed: ${e instanceof Error?e.message:String(e)}`,!0)}}function S(e,t,n){let{ps:r,log:i,setStatus:a,renderList:o}=n,s=_(`wcset__row`),c=_(`wcset__info`);if(c.append(_(`wcset__name`,t.name),_(`wcset__detail`,b(e))),s.append(c),t.isOAuth){let t=e.loggedOut===!0;s.append(v(`wcset__btn`,t?`Log in`:`Log out`,()=>{t?x(e.providerId,``,n):r.logoutOAuthAccount(e.providerId).then(o).catch(t=>{i.error(`WC settings logout failed`,{providerId:e.providerId,err:t}),a(`Logout failed.`,!0)})}))}return s.append(v(`wcset__btn wcset__btn--danger`,`Remove`,()=>{r.removeAccount(e.providerId).then(o).catch(t=>{i.error(`WC settings remove failed`,{providerId:e.providerId,err:t}),a(`Remove failed.`,!0)})})),s}function C(e){let{ps:t,setStatus:n}=e,r=_(`wcset__add`);r.append(_(`wcset__label`,`Add account`));let i=document.createElement(`select`);i.className=`wcset__select`;let a=document.createElement(`option`);a.value=``,a.textContent=`Choose a provider…`,i.append(a);let o=new Set(t.getAccounts().map(e=>e.providerId)),s=t.getAvailableProviders().filter(e=>!o.has(e)&&t.providerOffersLlmModels(e)).sort((e,n)=>t.getProviderConfig(e).name.localeCompare(t.getProviderConfig(n).name));for(let e of s){let n=document.createElement(`option`);n.value=e,n.textContent=t.getProviderConfig(e).name,i.append(n)}r.append(i);let c=_(`wcset__controls`);return c.style.cssText=`display:flex;flex-direction:column;gap:8px;`,r.append(c),i.addEventListener(`change`,()=>{c.replaceChildren(),n(``);let r=i.value;if(!r)return;let a=t.getProviderConfig(r),o=document.createElement(`input`);if(o.className=`wcset__input`,o.placeholder=a.baseUrlPlaceholder??`Base URL`,o.value=t.getBaseUrlForProvider(r)??``,a.requiresBaseUrl&&c.append(o),a.isOAuth){c.append(v(`wcset__btn wcset__btn--primary`,`Login with ${a.name}`,()=>{x(r,o.value,e)}));return}let s=document.createElement(`input`);s.className=`wcset__input`,s.placeholder=a.deploymentPlaceholder??`Model IDs (comma-separated)`,s.value=t.getDeploymentForProvider(r)??``,a.requiresDeployment&&c.append(s);let l=document.createElement(`input`);l.className=`wcset__input`,l.type=`password`,l.placeholder=a.apiKeyPlaceholder??`API key`,l.setAttribute(`data-testid`,`wcset-api-key`),(a.requiresApiKey||a.optionalApiKey)&&c.append(l),c.append(v(`wcset__btn wcset__btn--primary`,`Save`,()=>{let i=l.value.trim();if(a.requiresApiKey&&!i){n(`An API key is required.`,!0),l.focus();return}if(a.requiresBaseUrl&&!o.value.trim()){n(`Base URL is required.`,!0),o.focus();return}if(a.requiresDeployment&&!s.value.trim()){n(`Model IDs are required.`,!0),s.focus();return}t.addAccount(r,i,o.value.trim()||void 0,s.value.trim()||void 0),l.value=``,n(`${a.name} connected.`),e.renderList()}))}),r}function w(e){let t=_(`wcset__appearance`);t.append(_(`wcset__section-label`,`Appearance`));let u=l(),p=_(`wcset__preset-grid`),m=document.createElement(`div`);m.className=`wcset__preset-swatch${u?``:` wcset__preset-swatch--active`}`,m.innerHTML=[`#161618`,`#1f1f22`,`#f59e0b`].map(e=>`<div class="wcset__preset-swatch__stripe" style="background:${e}"></div>`).join(``)+`<div class="wcset__preset-name">Default</div>`,m.addEventListener(`click`,()=>{c(),f(),b()}),p.append(m);for(let e of s){let t=document.createElement(`div`);t.className=`wcset__preset-swatch${u===e.id?` wcset__preset-swatch--active`:``}`,t.innerHTML=`<div class="wcset__preset-swatch__stripe" style="background:${e.tokens[`--s2-gray-25`]||`#1a1a1a`}"></div><div class="wcset__preset-swatch__stripe" style="background:${e.tokens[`--s2-gray-100`]||`#2c2c2c`}"></div><div class="wcset__preset-swatch__stripe" style="background:${e.tokens[`--s2-accent`]||`#3562ff`}"></div><div class="wcset__preset-name">${e.name}</div>`,t.addEventListener(`click`,()=>{r(e.id),f(),b()}),p.append(t)}t.append(p);let h=n().filter(e=>e.id!==`__preview`);if(h.length>0){let e=_(`wcset__custom-themes`);e.append(_(`wcset__section-label`,`My Themes`));for(let t of h){let n=_(`wcset__custom-row`),a=_(`wcset__custom-row__name`,t.name);u===t.id&&(a.style.fontWeight=`700`),n.append(a),n.append(v(`wcset__btn`,`Use`,()=>{r(t.id),f(),b()})),n.append(v(`wcset__btn`,`Edit`,()=>{x(t)})),n.append(v(`wcset__btn`,`Export`,()=>{let e=new Blob([o(t)],{type:`application/json`}),n=URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=`${t.name.toLowerCase().replace(/\s+/g,`-`)}.slicc-theme.json`,r.click(),URL.revokeObjectURL(n)})),n.append(v(`wcset__btn wcset__btn--danger`,`×`,()=>{i(t.id),f(),b()})),e.append(n)}t.append(e)}let g=_(``);g.style.cssText=`display:flex;gap:8px;`,g.append(v(`wcset__btn wcset__btn--primary`,`+ Create Custom Theme`,()=>{x(null)})),g.append(v(`wcset__btn`,`Import Theme…`,()=>{let t=document.createElement(`input`);t.type=`file`,t.accept=`.json`,t.addEventListener(`change`,()=>{let n=t.files?.[0];n&&n.text().then(t=>{try{let n=a(t);d(n),e.setStatus(`Imported "${n.name}".`),b()}catch(t){e.setStatus(`Import failed: ${t instanceof Error?t.message:String(t)}`,!0)}})}),t.click()})),t.append(g);let y=_(``);t.append(y);function b(){let n=t.parentElement;if(!n)return;let r=w(e);n.replaceChild(r,t)}function x(t){y.replaceChildren(j(t,e,b))}return t}function T(e,n,r,i){let a=[],o=t(e,n);for(let[e,t]of Object.entries(p)){a.push(_(`wcset__section-label`,e));let n=_(`wcset__advanced-grid`);for(let e of t){let t=_(`wcset__advanced-token`),a=document.createElement(`input`);a.type=`color`;let s=r[e]||o[e]||`#000000`;a.value=s.startsWith(`#`)?s:`#000000`,a.addEventListener(`input`,()=>{r[e]=a.value,i()});let c=document.createElement(`span`);c.textContent=e.replace(`--s2-`,``).replace(`--slicc-`,``),t.append(a,c),n.append(t)}a.push(n)}return a}function E(e,t,n,r,i){let a=[];for(let[r,o]of[[`background`,`Background`],[`text`,`Text`],[`accent`,`Links & buttons`]]){let s=_(`wcset__builder-row`),c=document.createElement(`label`);c.textContent=o;let l=document.createElement(`input`);l.type=`color`,l.value=e[r],l.addEventListener(`input`,()=>{e[r]=l.value,i()});let u=document.createElement(`input`);if(u.type=`range`,u.min=`0`,u.max=`100`,u.value=String(Math.round((t[r]??1)*100)),u.style.cssText=`width:60px;margin-left:6px;`,u.title=`Opacity`,u.addEventListener(`input`,()=>{t[r]=Number(u.value)/100,i()}),s.append(c,l,u),r===`background`){let e=document.createElement(`input`);e.type=`checkbox`,e.checked=n.disabled,e.style.cssText=`width:auto;margin:0 0 0 8px;`,e.title=`Hide animated background`,e.addEventListener(`change`,()=>{n.disabled=e.checked,i()});let t=document.createElement(`span`);t.textContent=`Static`,t.style.cssText=`font-size:10px;color:var(--txt-3);`,s.append(e,t)}a.push(s)}a.push(_(`wcset__section-label`,`Components`));for(let[e,t]of[[`bubbleBg`,`User bubble bg`],[`bubbleText`,`User bubble text`],[`navBg`,`Nav bar`],[`composerBg`,`Input box`]]){let n=_(`wcset__builder-row`),o=document.createElement(`label`);o.textContent=t;let s=document.createElement(`input`);s.type=`color`,s.value=r[e]||`#000000`,s.addEventListener(`input`,()=>{r[e]=s.value,i()}),n.append(o,s),a.push(n)}return a}function D(e,t){let n=_(`wcset__builder-row`),r=document.createElement(`label`);r.textContent=`Base`;let i=_(`wcset__base-toggle`);for(let n of[`dark`,`light`]){let r=document.createElement(`button`);r.textContent=n.charAt(0).toUpperCase()+n.slice(1),r.className=e===n?`active`:``,r.addEventListener(`click`,()=>t(n)),i.append(r)}return n.append(r,i),n}function O(e,t){let n=_(``);return n.style.cssText=`display:flex;gap:8px;margin-top:8px;`,n.append(v(`wcset__btn wcset__btn--primary`,`Save`,e)),n.append(v(`wcset__btn`,`Cancel`,t)),n}function k(e){return{userBubble:{background:e.bubbleBg,text:e.bubbleText},nav:{background:e.navBg},composer:{background:e.composerBg}}}function A(e,t){let n=t===`dark`;return{bubbleBg:e?.components?.userBubble?.background||(n?`#f5f5f2`:`#0a0a0a`),bubbleText:e?.components?.userBubble?.text||(n?`#0a0a0a`:`#ffffff`),navBg:e?.components?.nav?.background||(n?`#161618`:`#ffffff`),composerBg:e?.components?.composer?.background||(n?`#161618`:`#ffffff`)}}function j(e,n,a){let o=_(`wcset__builder`),s=e?.base??`dark`,l=e?.disableShader??!1,p=!1,m={background:e?.tokens[`--s2-gray-25`]||(s===`dark`?`#1a1a1a`:`#ffffff`),surface:``,text:e?.tokens[`--s2-content-default`]||e?.tokens[`--s2-gray-900`]||(s===`dark`?`#e8e8e8`:`#131313`),accent:e?.tokens[`--s2-accent`]||`#3562ff`,border:``,success:`#2d9d78`,error:`#e34850`},h={background:1,text:1,accent:1},g=A(e,s),v={},y=document.createElement(`input`);y.className=`wcset__input`,y.placeholder=`Theme name`,y.value=e?.name??``;function b(){return y.value.toLowerCase().replace(/[^a-z0-9]+/g,`-`).replace(/^-|-$/g,``)||`custom-${Date.now()}`}function x(){let e=s===`dark`;m.surface=u(m.background,e?.1:-.08),m.border=u(m.background,e?.15:-.12),m.success=`#2d9d78`,m.error=`#e34850`}function S(){x();let e={...t(m,s),...v};for(let[t,n]of Object.entries(h))if(n<1&&m[t]){let r=m[t],i=Math.round(n*255).toString(16).padStart(2,`0`);for(let n of{background:[`--canvas`,`--s2-gray-25`,`--s2-bg-base`,`--shaderbg`],text:[`--ink`,`--s2-content-default`,`--s2-gray-900`],accent:[`--ctx`,`--waffle`,`--s2-accent`]}[t]||[])e[n]&&(e[n]=`${r}${i}`)}d({id:`__preview`,name:`Preview`,base:s,tokens:e,disableShader:l,components:k(g)}),r(`__preview`),f()}function C(){o.replaceChildren();let u=_(`wcset__builder-row`),w=document.createElement(`label`);w.textContent=`Name`,u.append(w,y),o.append(u),o.append(D(s,e=>{s=e,C(),S()}));let A={disabled:l};for(let e of E(m,h,A,g,()=>{l=A.disabled,S()}))o.append(e);let j=document.createElement(`button`);if(j.className=`wcset__advanced-toggle`,j.textContent=p?`Hide advanced`:`Show advanced`,j.addEventListener(`click`,()=>{p=!p,C()}),o.append(j),p)for(let e of T(m,s,v,S))o.append(e);o.append(O(()=>{let o=y.value.trim();if(!o){n.setStatus(`Name is required.`,!0);return}x();let c={...t(m,s),...v},u=e?.id??b(),p={id:u,name:o,base:s,tokens:c,disableShader:l,components:k(g)};i(`__preview`),d(p),r(u),f(),n.setStatus(`Saved "${o}".`),a()},()=>{i(`__preview`),e?r(e.id):c(),f(),a()}))}return C(),S(),o}async function M(t){let n=await e(()=>import(`./main-BsaB0i1p.js`).then(e=>e.t),__vite__mapDeps([8,3,9,1,10,11,12,13,14,15,16,4,2,5,17,18,19,20,6,21,22,23,24]));g(document);let r=JSON.stringify(n.getAccounts());return new Promise(e=>{let i=document.createElement(`slicc-dialog`);i.classList.add(`wcset-dialog`),i.setAttribute(`heading`,`Accounts`);let a=_(`wcset`),o=_(`wcset__list`),s=_(`wcset__status`),c=(e,t=!1)=>{s.textContent=e,s.toggleAttribute(`data-error`,t)},l=r,u=()=>{let e=JSON.stringify(n.getAccounts());e!==l&&(l=e,window.dispatchEvent(new CustomEvent(`slicc:accounts-changed`)))},d=_(``),f={ps:n,log:t,setStatus:c,renderList:()=>{u(),o.replaceChildren();let e=n.getAccounts();if(e.length===0)o.append(_(`wcset__empty`,`No accounts configured.`));else for(let t of e)o.append(S(t,n.getProviderConfig(t.providerId),f));d.replaceChildren(C(f))}};f.renderList(),a.append(o,d,s),i.append(a);let p=v(`wcset__btn wcset__btn--primary`,`Done`,()=>{i.hide?.()});p.setAttribute(`slot`,`footer`),i.append(p),i.addEventListener(`slicc-dialog-close`,()=>{i.remove(),e(JSON.stringify(n.getAccounts())!==r)}),document.body.append(i),i.show?.()})}async function N(e){return g(document),i(`__preview`),new Promise(t=>{let n=document.createElement(`slicc-dialog`);n.classList.add(`wcset-dialog`),n.setAttribute(`heading`,`Theme`);let a=_(`wcset`),o=_(`wcset__status`),s=w({ps:null,log:e,setStatus:(e,t=!1)=>{o.textContent=e,o.toggleAttribute(`data-error`,t)},renderList:()=>{}});a.append(s,o),n.append(a);let u=v(`wcset__btn wcset__btn--primary`,`Done`,()=>{n.hide?.()});u.setAttribute(`slot`,`footer`),n.append(u);let d=l();n.addEventListener(`slicc-dialog-close`,()=>{l()===`__preview`&&(i(`__preview`),d&&d!==`__preview`?r(d):c(),f()),n.remove(),t()}),document.body.append(n),n.show?.()})}export{N as showThemeSettings,M as showWcSettings};