shadow-claw 1.54.0 → 1.55.0

package/dist/public/shadow-claw-CnNX-WCh.js

@@ -1,1158 +0,0 @@
-import{r as e}from"./config-y_2Fg77m.js";import{a as t,d as n,h as r,l as i,m as a,n as o,r as s}from"./app-routes-H23VN-4O.js";import{r as c}from"./db-BUuJo1Gf.js";import{t as l}from"./get-config-Bkvl__ZS.js";import{t as u}from"./dist-CeFyqf9k.js";import{D as d,Dn as f,Tn as p,V as m,c as h,d as g,ft as _,i as ee,l as te,t as v,tn as ne,ut as re,wt as y,xt as ie}from"./orchestrator-BlvEG3PO.js";import{a as ae}from"./tools-FiTtOlIt.js";import{t as oe}from"./set-config-DSiuMe0k.js";import{t as b}from"./ulid-BSJxYh6W.js";import{t as se}from"./parse-boolean-config-BigJ9U46.js";import{a as x,r as S}from"./toast-CtIuHprH.js";import{n as ce,r as le,t as ue}from"./constants-DiETpg52.js";import{t as de}from"./shadow-claw-element-DIrv3P6A.js";import{t as C}from"./effect-xrx5qhzv.js";import{t as fe}from"./prompt-api-BWe_j3Wg.js";import{t as w}from"./configure-peer-js-WLRM7Qa7.js";import{t as T}from"./file-viewer-DFC3kfeO.js";const E={Light:`light`,Dark:`dark`,System:`system`},D=`shadow-claw-theme`;function O(){return typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}function k(e){return e===`system`?O():e}function A(e){let t=document.documentElement;e===`dark`?(t.classList.add(`dark-mode`),t.classList.remove(`light-mode`)):(t.classList.add(`light-mode`),t.classList.remove(`dark-mode`));let n=document.querySelector(`shadow-claw`);n&&(e===`dark`?(n.classList.add(`dark-mode`),n.classList.remove(`light-mode`)):(n.classList.add(`light-mode`),n.classList.remove(`dark-mode`))),window.dispatchEvent(new CustomEvent(`shadow-claw-theme-change`,{detail:{theme:e}}))}const pe=h(D)||`system`,me=k(pe);A(me);const j=new class{_resolved;_theme;constructor(){this._theme=new u.State(pe),this._resolved=new u.State(me)}getTheme(){return{theme:this.theme,resolved:this.resolved}}init(){typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-color-scheme: dark)`).addEventListener(`change`,()=>{let e=O();g(D,`system`),A(e),this._theme.set(`system`),this._resolved.set(e)}),window.addEventListener(`storage`,e=>{let t=te(D);e.key===t&&e.newValue&&this.setTheme(e.newValue)})}get resolved(){return this._resolved.get()}setTheme(e){let t=k(e);g(D,e),A(t),this._theme.set(e),this._resolved.set(t)}get theme(){return this._theme.get()}};j.init();async function M(e,t=3){for(let n=0;n<t;n++){if(e())return;await new Promise(e=>{requestAnimationFrame(()=>e())})}}function N(e,t){let n=e.sidebarDefaultPage,r=[n,`pages`,`chat`,`tasks`,`files`];if(!t)return n===`pages`||n===`chat`||n===`tasks`||n===`files`?n:`chat`;for(let e of r){if(e===`pages`&&!t.pagesSidebarHidden)return`pages`;if(e===`chat`&&!t.chatSidebarHidden)return`chat`;if(e===`tasks`&&!t.tasksSidebarHidden)return`tasks`;if(e===`files`&&!t.filesSidebarHidden)return`files`}return`pages`}function he(e,t,n){return n&&t===`pages`?N(e):t}function ge(e,t){if(!e||![`chat`,`tasks`,`files`].includes(t))return null;let n=e.querySelector(`[data-page-id="${t}"]`);if(!(n instanceof HTMLElement))return null;let r=n.querySelector(`shadow-claw-chat, shadow-claw-tasks, shadow-claw-files`),i=r instanceof HTMLElement?r.shadowRoot?.querySelector(`[data-terminal-slot]`):null;return i instanceof HTMLElement?i:null}function _e(e,t,n,r){let i=n;if(!i)return;let a=ge(e,t);if(!a)return;i.parentElement!==a&&a.appendChild(i);let o=!r;i.hidden=o,o?(a.setAttribute(`hidden`,`hidden`),e?.querySelector(`shadow-claw-terminal`)?.setAttribute(`hidden`,`hidden`)):(a.removeAttribute(`hidden`),e?.querySelector(`shadow-claw-terminal`)?.removeAttribute(`hidden`))}const ve={pages:()=>import(`./shadow-claw-pages-BwOOqRWW.js`),chat:()=>import(`./shadow-claw-chat-BAAPhAOs.js`),tasks:()=>import(`./shadow-claw-tasks-4JsjSGkN.js`),files:()=>import(`./shadow-claw-files-DKF4Yy0m.js`),settings:()=>import(`./shadow-claw-settings-CfDm0hVA.js`),tools:()=>import(`./shadow-claw-tools-Dm1LxNf4.js`),channels:()=>import(`./shadow-claw-channels-tr_r60Kq.js`),terminal:()=>import(`./shadow-claw-terminal-CTRTcYz-.js`),"file-viewer":()=>import(`./shadow-claw-file-viewer-5j2-Z3fN.js`),"pdf-viewer":()=>import(`./shadow-claw-pdf-viewer-BtDKlBOs.js`)},P=/* @__PURE__ */ new Map;async function F(e){let t=P.get(e);if(!t){let n=ve[e];n?(t=n().then(()=>void 0),P.set(e,t)):t=Promise.resolve()}await t}function I(e,t,n,r,i){r&&F(`terminal`).catch(console.error),i!==null&&cancelAnimationFrame(i),i=requestAnimationFrame(()=>{i=null,_e(e,t,n,r)})}function ye(e){if(!e)return[];let t=[`shadow-claw-chat`,`shadow-claw-tasks`,`shadow-claw-files`,`shadow-claw-pages`,`shadow-claw-settings`,`shadow-claw-tools`,`shadow-claw-channels`],n=[];for(let r of t){let t=e.querySelector(r);if(!(t instanceof HTMLElement))continue;let i=t.shadowRoot?.querySelector(`shadow-claw-page-header`);i instanceof HTMLElement&&n.push(i)}return n}function L(e,t){if(e)for(let n of ye(e))n.setMainCollapsedOverride?.(t)}function R(e,t,n){if(!e)return;let r=e.querySelector(`.activity-log-toggle`);r instanceof HTMLButtonElement&&(r.hidden=t!==`chat`||n===0)}function z(e){if(!e)return null;let t=e.querySelector(`.page.active`);if(!(t instanceof HTMLElement))return null;let n=t.querySelector(`shadow-claw-chat, shadow-claw-tasks, shadow-claw-files, shadow-claw-pages, shadow-claw-settings, shadow-claw-tools, shadow-claw-channels`);if(!(n instanceof HTMLElement))return null;let r=n.shadowRoot?.querySelector(`shadow-claw-page-header`);return r instanceof HTMLElement?r:null}function B(e,t){if(!e)return;let n=e.querySelector(`.header-main-toggle`);if(!(n instanceof HTMLButtonElement))return;let r=typeof t==`boolean`?t:z(e)?.isMainCollapsed?.()??!1;n.setAttribute(`aria-label`,r?`Show action header`:`Hide action header`),n.setAttribute(`title`,r?`Show action header`:`Hide action header`),n.setAttribute(`aria-pressed`,String(r))}function V(e,t,n,r){if(!e)return;let i=e.querySelector(`.webvm-toggle`);if(!(i instanceof HTMLButtonElement))return;let a=t===`chat`||t===`files`;i.hidden=!a,i.classList.toggle(`hidden`,!a),i.classList.remove(`webvm-toggle--hidden`,`webvm-toggle--visible`,`webvm-toggle--booting`,`webvm-toggle--ready`,`webvm-toggle--error`),a?(i.classList.add(n?`webvm-toggle--visible`:`webvm-toggle--hidden`),r.ready?i.classList.add(`webvm-toggle--ready`):(r.booting||r.bootAttempted)&&i.classList.add(`webvm-toggle--booting`),i.setAttribute(`aria-label`,n?`Hide WebVM terminal`:`Show WebVM terminal`),i.setAttribute(`title`,n?`Hide WebVM terminal`:`Show WebVM terminal`),i.setAttribute(`aria-pressed`,String(n))):i.classList.add(`webvm-toggle--error`)}const H={chat:`shadow-claw-chat`,tasks:`shadow-claw-tasks`,files:`shadow-claw-files`,settings:`shadow-claw-settings`,tools:`shadow-claw-tools`,channels:`shadow-claw-channels`};function U(e,t){let n=H[t];if(!n)return;let r=e.querySelector(`[data-page-id="${t}"]`);!r||r.children.length>0||r.appendChild(document.createElement(n))}function W(e,t,n,r,i,a=!0){if(!e)return;let o=he(r,i,t.pagesSidebarHidden),s=!!t.chatSplitViewEnabled&&o!==`chat`,c=e.querySelector(`.main-content`),l=e.querySelector(`.chat-split-resize-handle`);if(s){let t=H.chat;t&&customElements.get(t)?U(e,`chat`):F(`chat`).then(()=>{e&&U(e,`chat`)}).catch(console.error),c&&c.classList.add(`split-chat-active`),l&&l.removeAttribute(`hidden`)}else c&&c.classList.remove(`split-chat-active`),l&&l.setAttribute(`hidden`,`hidden`);let u=H[o];u&&customElements.get(u)?U(e,o):F(o).then(()=>{e&&U(e,o)}).catch(console.error),e.querySelectorAll(`.page`).forEach(e=>{e.classList.remove(`active`)}),e.querySelectorAll(`.nav-item`).forEach(e=>{e.classList.remove(`active`)});let d=e.querySelector(`[data-page-id="${o}"]`);d&&d.classList.add(`active`);let f=e.querySelector(`[data-page="${o}"]`);f&&f.classList.add(`active`),t.currentPage=o,a&&n&&r.setActivePage(n,o).catch(console.error),I(e,t.currentPage,t.terminalElement,t.terminalVisible,t.terminalPlacementFrame),L(e,t.headerMainCollapsedOverride),B(e,t.headerMainCollapsedOverride),R(e,t.currentPage,r.activityLog.length),V(e,t.currentPage,t.terminalVisible,t.vmStatus);let p=e.querySelector(`.page.active`);if(p){let e=p;typeof e.scrollTo==`function`&&e.scrollTo(0,0)}if(o===`chat`){let t=e.querySelector(`shadow-claw-chat`);t&&typeof t.checkPromptApiOnboarding==`function`&&t.checkPromptApiOnboarding()}if(o===`files`&&n&&r.loadFiles(n).catch(console.error),o===`pages`){let t=e.querySelector(`shadow-claw-pages`);t&&typeof t.renderSelectedPage==`function`&&(t.renderSelectedPage(),typeof t.setupAutoRefreshTimer==`function`&&t.setupAutoRefreshTimer())}}function G(e,t){if(!e||typeof e.querySelectorAll!=`function`)return;let n=t||(typeof window<`u`&&window.location?.href?new URL(window.location.href):null);if(!n)return;let r=n.pathname.replace(/\/+$/,``)||`/`;e.querySelectorAll(`[slot="sidebar"] a[href], [slot="sidebar-nav"] a[href], [slot="sidebar-content"] a[href], [slot="sidebar-footer"] a[href], .sidebar-custom-sections a[href]`).forEach(e=>{try{let t=e.getAttribute(`href`)||``;if(!t||t.startsWith(`#`)||t.startsWith(`javascript:`)||t.startsWith(`mailto:`)||t.startsWith(`tel:`))return;let i=new URL(t,n.origin);if(i.origin!==n.origin){e.classList.remove(`active`),e.removeAttribute(`aria-current`);return}(i.pathname.replace(/\/+$/,``)||`/`)===r&&(i.hash?i.hash===n.hash:!n.hash)?(e.classList.add(`active`),e.setAttribute(`aria-current`,`page`)):(e.classList.remove(`active`),e.removeAttribute(`aria-current`))}catch{}})}function be(e){if(!e||typeof window>`u`)return()=>{};let t=()=>G(e);t(),window.addEventListener(`popstate`,t,{passive:!0});let n=window.navigation;return n&&typeof n.addEventListener==`function`&&n.addEventListener(`navigate`,t,{passive:!0}),()=>{window.removeEventListener(`popstate`,t),n&&typeof n.removeEventListener==`function`&&n.removeEventListener(`navigate`,t)}}async function K(e,t,n,r,i,a){let{page:o,groupId:s,path:c,anchor:l}=a;if(!n)return;let u=o?String(o).toLowerCase():``;if(u&&r.file&&(u!==`files`||!c||c!==r.file.path||s&&s!==i.activeGroupId)){let t=e?.querySelector(`shadow-claw-file-viewer`);if(t&&typeof t.requestCloseViewer==`function`){if(!await t.requestCloseViewer())return}else r.closeFile()}if(s&&s!==i.activeGroupId?await i.switchConversation(n,s,u===`chat`):s&&(i.loadHistory(),(u===`tasks`||u===`files`)&&n&&i.loadFiles(n)),u&&W(e,t,n,i,u),u===`files`&&c){if(/\.[^./]+$/u.test(c))try{await r.openFile(n,c,s||i.activeGroupId),l&&await M(()=>{let t=e?.querySelector(`shadow-claw-file-viewer`);return t&&typeof t.handleAnchorNavigation==`function`?!!t.handleAnchorNavigation(l):!1})}catch(e){console.error(`Failed to open file via route navigation:`,c,e)}else try{await i.setCurrentPath(n,c),r.closeFile()}catch(e){console.error(`Failed to open folder via route navigation:`,c,e)}}if(u===`pages`){if(typeof customElements<`u`&&await customElements.whenDefined(`shadow-claw-pages`),c){let e=s||i.activeGroupId||`br:main`;if(typeof i.isPageAllowed!=`function`||i.isPageAllowed(c,e))await i.setActivePinnedPage(n,{groupId:e,path:c});else{let e=i.effectiveDefaultPage||i.pages&&i.pages[0]||null;await i.setActivePinnedPage(n,e)}}else{let e=i.effectiveDefaultPage||i.pages&&i.pages[0]||null;e&&await i.setActivePinnedPage(n,e)}let t=e?.querySelector(`shadow-claw-pages`);t&&typeof t.renderSelectedPage==`function`&&(await t.renderSelectedPage(),typeof t.setupAutoRefreshTimer==`function`&&t.setupAutoRefreshTimer(),l&&await M(()=>typeof t.handleAnchorNavigation==`function`&&!!t.handleAnchorNavigation(l)))}G(t)}async function q(e,i,s,c,l,u){let d=u.pathname,f=t();f!==`/`&&d.startsWith(f)&&(d=`/`+d.slice(f.length));let p=d.split(`/`).filter(Boolean),m=p.length===0||p.length===1&&p[0]===`index.html`,h=l.defaultPinnedPage||a(ee()),g=h||l.effectiveDefaultPage;if(m&&g){let t={page:`pages`,groupId:g.groupId||l.activeGroupId||`br:main`,path:g.path};if(h){let e=await r(t);if(e&&e!==`/`&&typeof window<`u`&&window.history){let t=o(e);window.history.replaceState(null,``,t)}}await K(e,i,s,c,l,t);return}let _=await n(u,l.activeGroupId);_&&await K(e,i,s,c,l,_)}function J(e,t){let n=e?.querySelector(`.app-body`);if(!(n instanceof HTMLElement))return Math.max(200,Math.min(560,t));let r=Math.max(200,n.getBoundingClientRect().width-260);return Math.max(200,Math.min(Math.min(560,r),t))}async function Y(t,n){if(t)try{await oe(t,e.SIDEBAR_WIDTH,n)}catch{}}function X(e,t){let n=e?.querySelector(`.app-body`);if(!(n instanceof HTMLElement))return;let r=J(e,t);n.style.setProperty(`--sidebar-width`,`${r}px`)}async function xe(t,n,r,i){if(!t)return;let a=t.querySelector(`.sidebar-resize-handle`);if(!(a instanceof HTMLElement))return;a.setAttribute(`tabindex`,`0`),a.setAttribute(`role`,`separator`),a.setAttribute(`aria-orientation`,`vertical`),a.setAttribute(`aria-label`,`Resize sidebar width`);let o=()=>{let e=t.querySelector(`.app-body`);if(!(e instanceof HTMLElement))return 250;let n=parseFloat(e.style.getPropertyValue(`--sidebar-width`));return Number.isFinite(n)&&n>0?n:r.getBoundingClientRect().width||250},s=()=>{let e=Math.round(J(t,o())),n=Math.round(J(t,2**53-1));a.setAttribute(`aria-valuemin`,`200`),a.setAttribute(`aria-valuemax`,String(n)),a.setAttribute(`aria-valuenow`,String(e))};try{let n=i?await l(i,e.SIDEBAR_WIDTH):void 0;typeof n==`number`&&Number.isFinite(n)&&n>0?X(t,n):X(t,250)}catch{X(t,250)}let c=null,u=0,d=0,f=e=>{if(e.pointerId!==c)return;let n=e.clientX-u;X(t,d+n),s()},p=()=>{if(c===null)return;c=null,a.classList.remove(`active`),document.removeEventListener(`pointermove`,f);let e=t.querySelector(`.app-body`);if(e instanceof HTMLElement){let t=parseFloat(e.style.getPropertyValue(`--sidebar-width`));Number.isFinite(t)&&t>0&&i&&Y(i,t)}},m=e=>{e.pointerId===c&&p()};a.addEventListener(`pointerdown`,e=>{(e.pointerType!==`mouse`||e.button===0||e.button===-1)&&(window.innerWidth<896||(e.preventDefault(),c=e.pointerId,u=e.clientX,d=r.getBoundingClientRect().width,a.classList.add(`active`),a.setPointerCapture(e.pointerId),document.addEventListener(`pointermove`,f)))}),a.addEventListener(`pointerup`,m),a.addEventListener(`pointercancel`,p),a.addEventListener(`dblclick`,()=>{X(t,250),i&&Y(i,250),s()}),a.addEventListener(`keydown`,e=>{if(window.innerWidth<896)return;let n=e.shiftKey?32:12,r=o(),a=null;e.key===`ArrowRight`?a=r+n:e.key===`ArrowLeft`?a=r-n:e.key===`Home`?a=200:e.key===`End`&&(a=J(t,2**53-1)),a!==null&&(e.preventDefault(),X(t,a),s(),i&&Y(i,J(t,o())))}),s(),n.addCleanup(()=>{p(),a.removeEventListener(`pointerup`,m),a.removeEventListener(`pointercancel`,p)})}async function Z(e,t,n){if(!t)return!1;let r=t.querySelector(`.app-dialog`),i=t.querySelector(`.app-dialog__title`),a=t.querySelector(`.app-dialog__message`),o=t.querySelector(`.app-dialog__details`),s=t.querySelector(`.app-dialog__links`),c=t.querySelector(`.app-dialog__btn--confirm`),l=t.querySelector(`.app-dialog__btn--cancel`),u=t.querySelector(`.app-dialog__countdown`);if(!r||!i||!a||!o||!s||!c||!l)return!1;r._autoCloseTimer&&=(clearInterval(r._autoCloseTimer),null),r.open&&r.close(),i.textContent=n.title,a.textContent=n.message,o.replaceChildren(),s.replaceChildren();let d=Array.isArray(n.details)?n.details:[];o.hidden=d.length===0;for(let t of d){let n=e.createElement(`li`);n.textContent=t,o.appendChild(n)}let f=Array.isArray(n.links)?n.links:[];s.hidden=f.length===0;for(let t of f){let n=e.createElement(`a`);n.className=`app-dialog__link`,n.href=t.href,n.rel=`noreferrer`,n.target=`_blank`,n.textContent=t.label,s.appendChild(n)}let p=n.mode||`confirm`,m=n.confirmLabel||(p===`info`?`OK`:`Confirm`);l.textContent=n.cancelLabel||`Cancel`,l.hidden=p===`info`;let h=null,g=()=>{h&&=(clearInterval(h),null),r._autoCloseTimer&&=null};if(typeof n.autoCloseSeconds==`number`&&n.autoCloseSeconds>0){let e=Math.max(1,Math.round(n.autoCloseSeconds));c.textContent=`${m} (${e}s)`,u&&(u.hidden=!1,u.textContent=`Auto-closing in ${e}s...`,u.setAttribute(`role`,`status`),u.setAttribute(`aria-live`,`polite`),u.setAttribute(`aria-atomic`,`true`)),h=setInterval(()=>{e--,e>0?(c.textContent=`${m} (${e}s)`,u&&(u.textContent=`Auto-closing in ${e}s...`)):(g(),r.returnValue=p===`info`?`confirm`:`cancel`,r.close(r.returnValue))},1e3),r._autoCloseTimer=h}else c.textContent=m,u&&(u.hidden=!0,u.textContent=``);return r.returnValue=``,await new Promise(e=>{let t=()=>{g(),r.removeEventListener(`close`,t),e(r.returnValue===`confirm`)};r.addEventListener(`close`,t),r.showModal()})}const Se={pages:e.SIDEBAR_PAGES_HIDDEN,chat:e.SIDEBAR_CHAT_HIDDEN,tasks:e.SIDEBAR_TASKS_HIDDEN,files:e.SIDEBAR_FILES_HIDDEN};function Ce(e,t,n){if(!e)return;let r=e.querySelector(`.nav-item[data-page="${t}"]`);if(r&&(r.hidden=n,r.setAttribute(`aria-hidden`,String(n))),t===`chat`){let t=e.querySelector(`shadow-claw-conversations`);t&&(t.hidden=n,t.setAttribute(`aria-hidden`,String(n)))}}function we(e){switch(e){case`pages`:return`pagesSidebarHidden`;case`chat`:return`chatSidebarHidden`;case`tasks`:return`tasksSidebarHidden`;case`files`:return`filesSidebarHidden`}}async function Te(e,t,n,r){for(let[n,i]of Object.entries(Se)){let a=n,o=!1;if(r)try{let e=await l(r,i);o=se(e)}catch{o=!1}let s=we(a);t[s]=o,Ce(e,a,o)}}function Q(e,t,n,r,i,a){switch(i){case`pages`:t.pagesSidebarHidden=a;break;case`chat`:t.chatSidebarHidden=a;break;case`tasks`:t.tasksSidebarHidden=a;break;case`files`:t.filesSidebarHidden=a}Ce(e,i,a),a&&t.currentPage===i&&W(e,t,r,n,N(n,t))}function Ee(e,t,n,r,i){Q(e,t,n,r,`pages`,i)}function De(){let e=window.navigation;return!!(e&&typeof e.addEventListener==`function`&&typeof e.navigate==`function`)}function Oe(e,t,n,r={}){let i=r.debounceMs??250,a=r.minSleepDurationMs??1e3,o=0,s=null,c=!1,l=e=>{e&&(c=!0),s!==null&&clearTimeout(s),s=setTimeout(()=>{s=null;let e=c;c=!1,n.ensureAllConnections({force:e})},i)},u=()=>{s!==null&&(clearTimeout(s),s=null),c=!1},d=()=>{if(t.visibilityState===`hidden`)o=Date.now(),u();else if(t.visibilityState===`visible`){let e=o>0&&Date.now()-o>=a;l(e)}},f=e=>{let n=!!(e&&e.persisted);l(n||t.visibilityState===`visible`)},p=()=>{t.visibilityState===`visible`&&l(!1)},m=()=>{l(!0)};return t.addEventListener(`visibilitychange`,d),e.addEventListener(`pageshow`,f),e.addEventListener(`focus`,p),e.addEventListener(`online`,m),()=>{u(),t.removeEventListener(`visibilitychange`,d),e.removeEventListener(`pageshow`,f),e.removeEventListener(`focus`,p),e.removeEventListener(`online`,m)}}function ke(e,t){if(!e)return;let n=e.querySelector(`shadow-claw-chat`);n&&typeof n.setActivityLogCollapsedOverride==`function`&&n.setActivityLogCollapsedOverride(t)}function Ae(e,t){if(!e)return;let n=e.querySelector(`.activity-log-toggle`);if(!(n instanceof HTMLButtonElement))return;let r=typeof globalThis.matchMedia==`function`&&!globalThis.matchMedia(`(min-width: 56rem) and (min-height: 401px)`).matches,i=typeof t==`boolean`?t:r;n.setAttribute(`aria-label`,i?`Show activity log`:`Hide activity log`),n.setAttribute(`title`,i?`Show activity log`:`Hide activity log`),n.setAttribute(`aria-pressed`,String(i))}function je(e){let t=typeof globalThis.matchMedia==`function`&&!globalThis.matchMedia(`(min-width: 56rem) and (min-height: 401px)`).matches;e.activityLogCollapsedOverride=!(typeof e.activityLogCollapsedOverride==`boolean`?e.activityLogCollapsedOverride:t),ke(e.shadowRoot,e.activityLogCollapsedOverride),Ae(e.shadowRoot,e.activityLogCollapsedOverride)}function Me(e){e.headerMainCollapsedOverride=!(typeof e.headerMainCollapsedOverride==`boolean`?e.headerMainCollapsedOverride:z(e.shadowRoot)?.isMainCollapsed?.()??!1),L(e.shadowRoot,e.headerMainCollapsedOverride),B(e.shadowRoot,e.headerMainCollapsedOverride)}function Ne(e,t){t.terminalVisible=!t.terminalVisible,V(e,t.currentPage,t.terminalVisible,t.vmStatus),I(e,t.currentPage,t.terminalElement,t.terminalVisible,t.terminalPlacementFrame)}function Pe(e,t){e===E.Dark?(t.add(`dark-mode`),t.remove(`light-mode`)):(t.add(`light-mode`),t.remove(`dark-mode`))}function Fe(e,t){if(!e)return;let n=e.querySelector(`.sun-icon`),r=e.querySelector(`.moon-icon`);n&&r&&(t===E.Dark?(n.style.display=`block`,n.removeAttribute(`hidden`),n.classList.remove(`hidden`),r.style.display=`none`,r.setAttribute(`hidden`,`hidden`),r.classList.add(`hidden`)):(n.style.display=`none`,n.setAttribute(`hidden`,`hidden`),n.classList.add(`hidden`),r.style.display=`block`,r.removeAttribute(`hidden`),r.classList.remove(`hidden`)))}function Ie(e,t,n,r,i,a,o,s,c){if(!n||!e||!t)return;n.querySelectorAll(`.nav-item[data-page]`).forEach(e=>{let r=e;r.addEventListener(`click`,()=>{let e=r.dataset.page||N(a);n.querySelectorAll(`.nav-item`).forEach(e=>e.classList.remove(`active`)),r.classList.add(`active`),setTimeout(()=>{t.dispatchEvent(new CustomEvent(`shadow-claw-navigate`,{detail:{page:e},bubbles:!0,composed:!0}))},0)})});let l=n.getElementById(`menu-button`),u=n.querySelector(`.sidebar`);if(l&&u){l.addEventListener(`click`,()=>{u.classList.toggle(`open`)}),n.querySelectorAll(`.nav-item, .settings-btn`).forEach(t=>{t.addEventListener(`click`,()=>{e.innerWidth<896&&u.classList.remove(`open`)})}),u.addEventListener(`click`,t=>{let n=t.target;e.innerWidth<896&&n?.closest(`a, button, .nav-item, .sidebar-link, .sidebar-item`)&&u.classList.remove(`open`)}),typeof r?.addEventListener==`function`&&r.addEventListener(`click`,t=>{let n=t.target;e.innerWidth<896&&n?.closest(`[slot^="sidebar"] a, .sidebar-custom-sections a`)&&u.classList.remove(`open`)}),t.addEventListener(`click`,t=>{let n=t.composedPath();e.innerWidth<896&&u.classList.contains(`open`)&&!n.includes(u)&&!n.includes(l)&&u.classList.remove(`open`)});let a=e.matchMedia?e.matchMedia(`(min-width: 56rem)`):{matches:!1,addEventListener:()=>{},removeEventListener:()=>{}},o=e=>{e.matches&&u.classList.remove(`open`)};o(a),a.addEventListener(`change`,o),xe(n,r,u,i)}let d=n.querySelector(`[data-action="show-settings"]`);d&&d.addEventListener(`click`,()=>{t.dispatchEvent(new CustomEvent(`shadow-claw-navigate`,{detail:{page:`settings`},bubbles:!0,composed:!0}))}),n.querySelector(`.header-main-toggle`)?.addEventListener(`click`,()=>{Me(r)}),n.querySelector(`.activity-log-toggle`)?.addEventListener(`click`,()=>{je(r)}),n.addEventListener(`navigate`,e=>{let n=e.detail?.page;n&&t.dispatchEvent(new CustomEvent(`shadow-claw-navigate`,{detail:{page:n},bubbles:!0,composed:!0}))}),n.addEventListener(`sidebar-pages-visibility-change`,e=>{Ee(n,r,a,i,!!e.detail?.hidden)}),n.addEventListener(`sidebar-chat-visibility-change`,e=>{Q(n,r,a,i,`chat`,!!e.detail?.hidden)}),n.addEventListener(`sidebar-tasks-visibility-change`,e=>{Q(n,r,a,i,`tasks`,!!e.detail?.hidden)}),n.addEventListener(`sidebar-files-visibility-change`,e=>{Q(n,r,a,i,`files`,!!e.detail?.hidden)}),n.addEventListener(`chat-split-view-change`,e=>{r.chatSplitViewEnabled=!!e.detail?.enabled,W(n,r,i,a,r.currentPage,!1)}),n.addEventListener(`navigate-back`,()=>t.dispatchEvent(new CustomEvent(`shadow-claw-navigate`,{detail:{page:`settings`},bubbles:!0,composed:!0})));let f=n.querySelector(`.theme-mode-toggle`);f&&f.addEventListener(`click`,()=>{let{resolved:e}=s.getTheme(),t=e===E.Dark?E.Light:E.Dark;s.setTheme(t)}),n.querySelector(`.webvm-toggle`)?.addEventListener(`click`,()=>Ne(n,r)),n.addEventListener(`shadow-claw-terminal-slot-ready`,()=>{I(n,r.currentPage,r.terminalElement,r.terminalVisible,r.terminalPlacementFrame),L(n,r.headerMainCollapsedOverride),B(n,r.headerMainCollapsedOverride)}),e.addEventListener(`resize`,()=>{r.headerMainCollapsedOverride===null&&B(n,r.headerMainCollapsedOverride)}),t.addEventListener(`shadow-claw-navigate`,r.shadowClawNav),De()?(e.navigation.addEventListener(`navigate`,r.handleNavigationApiNavigate),r.navigationListenerAttached=!0):(r.popstateListener=t=>{let s=t?.state||e.history?.state;s?.inFeedScroll||s?.scrollSpy||s?.suppressRouter||q(n,r,i,o,a,new URL(e.location.href))},e.addEventListener(`popstate`,r.popstateListener),t.addEventListener(`click`,r.fallbackClickListener),r.fallbackClickListenerAttached=!0),e.addEventListener(`shadow-claw-theme-change`,e=>{let t=e.detail.theme;Fe(n,t),Pe(t,r.classList)}),e.addEventListener(`shadow-claw-peer-error`,e=>{let r=e.detail,i=r.remotePeerId,a=r.error;Z(t,n,{mode:`info`,title:`Peer Connection Error`,message:i?`Failed to communicate with peer ${i}: ${a}`:`PeerJS error: ${a}`,confirmLabel:`Dismiss`,autoCloseSeconds:30})});let p=s.resolved;Fe(n,p),Pe(p,r.classList),r.appLifecycleCleanup&&=(r.appLifecycleCleanup(),null),r.orchestrator&&(r.appLifecycleCleanup=Oe(e,t,r.orchestrator)),be(r)}function Le(e){if(e===void 0)return;e.documentElement.classList.remove(ce,`sc-prerender-override`);let t=e.querySelector(`shadow-claw`);t?.removeAttribute(ue),t?.removeAttribute(le)}function Re(e,t){if(!e)return;let n=t;if(n.navigationType===`reload`)return;let r=(typeof n?.destination?.getState==`function`?n.destination.getState():null)||(n.navigationType===`replace`&&typeof history<`u`?history.state:null);if(r?.inFeedScroll||r?.scrollSpy||r?.suppressRouter)return;let a=n?.destination?.url;if(typeof a!=`string`)return;let o=new URL(a);if(o.origin===window.location.origin&&i(o.pathname))return{parsedUrl:o,navigateEvent:n}}function ze(e,t){if(t.defaultPrevented||t.button!==0||t.metaKey||t.ctrlKey||t.shiftKey||t.altKey)return null;let n=t.composedPath(),r=null;for(let e of n)if(e instanceof HTMLAnchorElement){r=e;break}if(!r)return null;let a=r.getAttribute(`href`)||``;return!a||a.startsWith(`javascript:`)||a.startsWith(`mailto:`)||a.startsWith(`tel:`)||r.target&&r.target!==`_self`||r.origin!==e.origin||!i(r.pathname)||r.pathname===e.pathname&&r.search===e.search&&r.hash!==e.hash?null:(t.preventDefault(),`${r.pathname}${r.search}${r.hash}`)}async function Be(e,t,n){if(!t)return null;let r=t.querySelector(`.app-prompt-dialog`),i=t.querySelector(`.app-prompt-dialog__message`),a=t.querySelector(`.app-prompt-dialog__input-area`);if(!r||!i||!a)return null;if(r.open&&r.close(),i.textContent=n.question,a.replaceChildren(),Array.isArray(n.options)&&n.options.length>0){let t=e.createElement(`select`);t.className=`app-prompt-dialog__input`,t.name=`prompt-response`;for(let r of n.options){let n=e.createElement(`option`);n.value=r,n.textContent=r,t.appendChild(n)}a.appendChild(t)}else{let t=e.createElement(`input`);t.type=`text`,t.className=`app-prompt-dialog__input`,t.name=`prompt-response`,t.placeholder=`Enter your response...`,t.autocomplete=`off`,a.appendChild(t),setTimeout(()=>t.focus(),50)}return r.returnValue=``,await new Promise(e=>{let t=()=>{if(r.removeEventListener(`close`,t),r.returnValue===`submit`){let t=a.querySelector(`[name='prompt-response']`);e(t?t.value:null)}else e(null)};r.addEventListener(`close`,t),r.showModal()})}async function Ve(e,t,n,r){let i=await Be(e,t,r);d(n.orchestrator,r.id,i)}async function He(e,t,n,r){let i=r.path,a=r.groupId||t.activeGroupId;if(i&&e)for(let t=0;t<=3;t++)try{await n.openFile(e,i,a);return}catch(e){let n=e instanceof DOMException&&e.name===`NotFoundError`;if(t<3&&n){await new Promise(e=>setTimeout(e,150*(t+1)));continue}let r=e instanceof Error?e.message:String(e);S(`Failed to open file from tool: ${r}`,5e3);return}}async function Ue(e,t,n){n?.providerId===`llamafile`?await Z(e,t,_(n.reason)):n?.providerId===`transformers_js_local`?await Z(e,t,re(n.reason)):n?.providerId===`prompt_api`?await Z(e,t,fe(n.reason)):n?.providerId&&n.helpType&&await Z(e,t,p(n.providerId,n.helpType,n.reason))}async function We(e,t,n,r,i,a){if(r&&a?.roomId&&a?.hostPeerId&&await Z(e,t,{mode:`confirm`,title:`Room invitation`,message:`${a.fromAlias||a.fromPeerId} invited you to join "${a.roomName}".`,confirmLabel:`Join`,cancelLabel:`Decline`}))try{m(n.orchestrator,a.roomId,a.hostPeerId,a.roomName),await i.switchConversation(r,`room:${a.roomId}`),W(t,n,r,i,`chat`),x(`Joined room "${a.roomName}"`)}catch(e){let t=e instanceof Error?e.message:String(e);S(`Failed to join room: ${t}`,6e3)}}function Ge(e,t,n){let r=n.useTrailingSlash&&!t.includes(`#`)?t.endsWith(`/`)?t:t+`/`:t;n.replace?e.replaceState({},``,r):e.pushState({},``,r)}async function Ke(e,t,n,r,i,a,c={replace:!1}){let l=s(a),u=o(l),d=typeof window<`u`&&window.location?`${window.location.pathname}${window.location.search}${window.location.hash}`:``;d&&u===d?await K(e,t,n,r,i,a):De()?window.navigation.navigate(u,{history:c.replace?`replace`:`push`}):(u!==window.location.pathname&&Ge(globalThis.history,u,{...c,useTrailingSlash:!1}),await K(e,t,n,r,i,a))}function qe(e){let t=String(e||`chat`).toLowerCase();return t===`chat`||t===`files`||t===`tasks`||t===`pages`||t===`settings`||t===`tools`||t===`channels`?t:`chat`}async function Je(e,t,n,r,i,a){let o=a.detail;o&&await Ke(e,t,n,r,i,{page:qe(String(o.page||`chat`)),groupId:o.groupId,path:o.path,anchor:o.anchor})}async function Ye(e,t,n,r){await Te(e,t,n,r)}async function Xe(e,t,n,r){if(!n)return;let i=new URL(window.location?.href||`http://localhost/`),a=i.searchParams.get(`peer`);if(!a)return;let o=a.trim();if(o)try{let a=ie(r),s=a.myPeerId;s||=b().toLowerCase();let c=new Set(a.trustedPeerIds);c.add(o),await w(r,n,s,Array.from(c),a.serverHost,a.serverPort,a.serverPath,a.serverSecure),a.enabled||await y(r,n,`peerjs`,!0);let l=await v.ensurePeerConversation(n,o);await v.switchConversation(n,l),W(e,t,n,v,`chat`),i.searchParams.delete(`peer`);let u=`${i.pathname}${i.search}${i.hash}`;window.history.replaceState({},``,u||`/`),x(`Connected to Peer: ${o.substring(0,8)}`)}catch(e){let t=e instanceof Error?e.message:String(e);S(`Failed to process peer parameter: ${t}`,6e3)}}const Ze=`pendingShares`;function Qe(e){return{id:typeof e?.id==`string`?e.id:``,createdAt:typeof e?.createdAt==`number`?e.createdAt:0,title:typeof e?.title==`string`?e.title:``,text:typeof e?.text==`string`?e.text:``,url:typeof e?.url==`string`?e.url:``,fileName:typeof e?.fileName==`string`?e.fileName:``,fileType:typeof e?.fileType==`string`?e.fileType:``,fileBytes:e?.fileBytes instanceof ArrayBuffer?e.fileBytes:null}}async function $e(e){return!e||typeof e.transaction!=`function`?[]:new Promise((t,n)=>{let r;try{r=e.transaction(Ze,`readwrite`)}catch(e){if(e instanceof DOMException&&e.name===`NotFoundError`){t([]);return}n(e);return}let i=r.objectStore(Ze),a=i.getAll();a.onerror=()=>{n(a.error||/* @__PURE__ */ Error(`Failed to read pending shares`))},a.onsuccess=()=>{let e=Array.isArray(a.result)?a.result.map(Qe).filter(e=>typeof e.id==`string`&&e.id.length>0).sort((e,t)=>e.createdAt-t.createdAt):[],r=i.clear();r.onerror=()=>{n(r.error||/* @__PURE__ */ Error(`Failed to clear pending shares`))},r.onsuccess=()=>{t(e)}},r.onabort=()=>{n(r.error||/* @__PURE__ */ Error(`Pending share transaction aborted`))}})}function et(e){let t=[`# Shared Content`,``];return e.title&&t.push(`Title: ${e.title}`),e.url&&t.push(`URL: ${e.url}`),e.text&&t.push(``,e.text),t.join(`
-`).trim()+`
-`}async function tt(e,t){let n=/* @__PURE__ */ new Date,r=`Shared Files ${`${String(n.getFullYear())}-${String(n.getMonth()+1).padStart(2,`0`)}-${String(n.getDate()).padStart(2,`0`)}`}`,i=t.groups.find(e=>e.name===r);return i?(await t.switchConversation(e,i.groupId),i.groupId):(await t.createConversation(e,r)).groupId}function nt(e,t){return(e.replace(/\\/g,`/`).split(`/`).filter(Boolean).pop()||``).replace(/\s+/g,`-`).replace(/[^A-Za-z0-9._-]/g,`-`).replace(/-+/g,`-`).replace(/^-+|-+$/g,``)||`${t}.txt`}async function rt(e,t,n,r,i,a,o){if(!a)return;let s=await $e(a);if(s.length!==0)try{let c=await tt(a,r),l=[];for(let e=0;e<s.length;e++){let t=s[e],n=`shared-${Date.now()}-${e+1}`;if(t.fileBytes instanceof ArrayBuffer){let e=nt(t.fileName||(t.fileType===`application/pdf`?`${n}.pdf`:`${n}.bin`),n);await ne(a,c,e,new Uint8Array(t.fileBytes)),l.push(e);continue}let r=nt(t.fileName||`${n}.md`,n),i=et(t);await ae(a,c,r,i),l.push(r)}await r.loadFiles(a),W(t,n,a,r,`files`),l.length>0&&await i.openFile(a,l[0],c),x(`Imported ${l.length} shared item${l.length===1?``:`s`}.`);let u=o;if(u.searchParams.has(`share-target`)){u.searchParams.delete(`share-target`);let t=`${u.pathname}${u.search}${u.hash}`;e.history.replaceState({},``,t||`/`)}}catch(e){let t=e instanceof Error?e.message:String(e);S(`Failed to import shared content: ${t}`,6e3)}}async function it(e,t,n,r,i,a){if(!r)return;let o=new URL(window.location?.href||`http://localhost/`),s=(o.searchParams.get(`room`)||``).trim(),c=(o.searchParams.get(`host`)||``).trim(),l=(o.searchParams.get(`name`)||``).trim()||`Room`;if(s&&c)try{let u=ie(i),d=u.myPeerId;d||=b().toLowerCase();let f=new Set(u.trustedPeerIds);f.add(c),await w(i,r,d,Array.from(f),u.serverHost,u.serverPort,u.serverPath,u.serverSecure),u.enabled||await y(i,r,`peerjs`,!0),m(i,s,c,l),await a.switchConversation(r,`room:${s}`),W(t,n,r,a,`chat`),o.searchParams.delete(`room`),o.searchParams.delete(`host`),o.searchParams.delete(`name`);let p=`${o.pathname}${o.search}${o.hash}`;e.history.replaceState({},``,p||`/`),x(`Joined room "${l}"`)}catch(e){let t=e instanceof Error?e.message:String(e);S(`Failed to join room: ${t}`,6e3)}}function at(e,t,n,r){e&&(C(()=>{let t=T.file;t&&(F(`file-viewer`).then(()=>{if(e&&!e.querySelector(`shadow-claw-file-viewer`)){let t=e.querySelector(`.main-content`);if(t){let e=document.createElement(`shadow-claw-file-viewer`);e.id=`file-viewer`,t.appendChild(e)}}}).catch(console.error),t.kind===`pdf`&&F(`pdf-viewer`).catch(console.error))}),C(()=>{let e=r.state;e===`idle`&&(t.previousOrchestratorState===`thinking`||t.previousOrchestratorState===`responding`)&&x(`Response complete`,2500),t.previousOrchestratorState=e}),C(()=>{let i=r.activePage;i!==t.currentPage&&W(e,t,n,r,i,!1)}),C(()=>{r.activityLog,R(e,t.currentPage,r.activityLog.length)}))}const ot=new CSSStyleSheet;ot.replaceSync(`*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-.hidden,
-[hidden] {
-  display: none !important;
-}
-
-a {
-  color: var(--shadow-claw-link);
-  text-decoration: underline;
-  text-underline-offset: 0.125rem;
-}
-
-a:hover {
-  color: var(--shadow-claw-link-hover);
-}
-
-.header {
-  align-items: center;
-  background-color: var(--shadow-claw-bg-secondary);
-  border-bottom: 0.0625rem solid var(--shadow-claw-border-color);
-  display: flex;
-  gap: 0.5rem;
-  height: 4rem;
-  justify-content: start;
-  max-height: 4rem;
-  padding: 0.5rem 1rem;
-  width: 100%;
-}
-
-.header h1 {
-  align-items: center;
-  color: var(--shadow-claw-text-primary);
-  display: flex;
-  flex-direction: row;
-  margin: 0;
-  width: 100%;
-}
-
-#menu-button {
-  align-items: center;
-  background: transparent;
-  border: none;
-  border-radius: 0.25rem;
-  color: var(--shadow-claw-text-secondary);
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  padding: 0.5rem;
-}
-
-#menu-button:hover,
-.theme-toggle:hover {
-  background-color: var(--shadow-claw-bg-tertiary);
-  color: var(--shadow-claw-text-primary);
-}
-
-.header-actions {
-  align-items: center;
-  display: flex;
-  gap: 0.5rem;
-  margin-left: auto;
-}
-
-.theme-toggle {
-  align-items: center;
-  background: transparent;
-  border: none;
-  border-radius: 0.25rem;
-  color: var(--shadow-claw-text-secondary);
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  padding: 0.5rem;
-}
-
-.theme-mode-toggle .sun-icon {
-  display: none;
-}
-
-.theme-mode-toggle .moon-icon {
-  display: block;
-}
-
-.theme-toggle svg {
-  transition: transform 0.2s ease;
-}
-
-.header-main-toggle {
-  display: var(--shadow-claw-header-main-toggle-display, block);
-}
-
-.header-main-toggle[aria-pressed="true"],
-.activity-log-toggle[aria-pressed="true"] {
-  box-shadow: 0 0 0.5rem
-    color-mix(
-      in srgb,
-      var(--shadow-claw-warning-color, #d97706) 50%,
-      transparent
-    );
-  color: var(--shadow-claw-warning-color, #d97706);
-}
-
-.header-main-toggle[aria-pressed="true"] svg {
-  transform: rotate(180deg);
-}
-
-.activity-log-toggle[aria-pressed="true"] svg {
-  transform: rotate(180deg);
-}
-
-.webvm-toggle--booting,
-.webvm-toggle--ready,
-.webvm-toggle--visible {
-  color: var(--shadow-claw-success-color);
-}
-
-.webvm-toggle--error {
-  color: var(--shadow-claw-error-color);
-}
-
-.app {
-  background-color: var(--shadow-claw-bg-primary);
-  color: var(--shadow-claw-text-primary);
-  display: flex;
-  flex-direction: column;
-  font-family: var(--shadow-claw-font-sans);
-  /* Punch through the \`visibility: hidden\` set on the shadow-claw host
-     by the sc-prerender-override global CSS rule. The existing boot-pending
-     opacity rules still hide the real pre-rendered content; the skeleton
-     overlays and header remain fully visible. */
-  visibility: visible;
-  width: 100%;
-}
-
-.app-body {
-  --sidebar-width: 15.625rem;
-  display: flex;
-  flex: 1;
-  flex-direction: row;
-  min-height: 0;
-  overflow: hidden;
-}
-
-.sidebar {
-  background-color: var(--shadow-claw-bg-secondary);
-  border-right: 0.0625rem solid var(--shadow-claw-bg-tertiary);
-  display: flex;
-  flex: none;
-  flex-direction: column;
-  overflow-y: auto;
-  position: relative;
-  width: var(--sidebar-width);
-}
-
-.sidebar-resize-handle {
-  background: transparent;
-  cursor: col-resize;
-  flex: none;
-  outline: none;
-  position: relative;
-  touch-action: none;
-  user-select: none;
-  width: 0.75rem;
-}
-
-.sidebar-resize-handle::before {
-  background: color-mix(
-    in srgb,
-    var(--shadow-claw-bg-secondary) 72%,
-    var(--shadow-claw-border-color)
-  );
-  border: 0.0625rem solid
-    color-mix(in srgb, var(--shadow-claw-border-color) 80%, transparent);
-  border-radius: var(--shadow-claw-radius-pill);
-  content: "";
-  height: 4.25rem;
-  left: 50%;
-  position: absolute;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  transition:
-    background-color 0.15s,
-    border-color 0.15s,
-    box-shadow 0.15s;
-  width: 0.5625rem;
-}
-
-.sidebar-resize-handle::after {
-  background: var(--shadow-claw-border-color);
-  border-radius: var(--shadow-claw-radius-pill);
-  content: "";
-  height: 2.75rem;
-  left: 50%;
-  position: absolute;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  transition: background-color 0.15s;
-  width: 0.1875rem;
-}
-
-.sidebar-resize-handle:hover::before,
-.sidebar-resize-handle.active::before {
-  background: color-mix(
-    in srgb,
-    var(--shadow-claw-accent-primary) 20%,
-    var(--shadow-claw-bg-secondary)
-  );
-  border-color: color-mix(
-    in srgb,
-    var(--shadow-claw-accent-primary) 45%,
-    transparent
-  );
-  box-shadow: 0 0 0.5rem
-    color-mix(in srgb, var(--shadow-claw-accent-primary) 18%, transparent);
-}
-
-.sidebar-resize-handle:hover::after,
-.sidebar-resize-handle.active::after {
-  background: var(--shadow-claw-accent-primary);
-}
-
-.sidebar-resize-handle:focus-visible::before {
-  background: color-mix(
-    in srgb,
-    var(--shadow-claw-accent-primary) 20%,
-    var(--shadow-claw-bg-secondary)
-  );
-  border-color: color-mix(
-    in srgb,
-    var(--shadow-claw-accent-primary) 45%,
-    transparent
-  );
-  box-shadow: 0 0 0.5rem
-    color-mix(in srgb, var(--shadow-claw-accent-primary) 18%, transparent);
-}
-
-.sidebar-resize-handle:focus-visible::after {
-  background: var(--shadow-claw-accent-primary);
-}
-
-.sidebar-resize-handle:focus-visible {
-  outline: 0.125rem solid
-    color-mix(in srgb, var(--shadow-claw-accent-primary) 60%, transparent);
-  outline-offset: 0.0625rem;
-}
-
-@media (max-width: 55.9375rem) {
-  .sidebar {
-    display: none;
-  }
-
-  .sidebar.open {
-    border-radius: 0 var(--shadow-claw-radius-m) var(--shadow-claw-radius-m) 0;
-    box-shadow: var(--shadow-claw-shadow-lg);
-    display: flex;
-    height: calc(100vh - 4rem);
-    height: calc(100dvh - 4rem);
-    position: absolute;
-    width: min(85vw, 20rem);
-    z-index: 100;
-  }
-
-  .sidebar-resize-handle {
-    display: none;
-  }
-}
-
-@media (min-width: 56rem) {
-  #menu-button {
-    display: none;
-  }
-}
-
-.nav-menu {
-  display: var(--shadow-claw-sidebar-nav-display, flex);
-  flex-direction: column;
-  flex: none;
-  list-style: none;
-  margin: 0;
-  padding: 0.5rem;
-}
-
-.nav-menu:not(:has(.nav-item:not([hidden]))) {
-  display: none;
-}
-
-slot[name="sidebar"],
-slot[name="sidebar-nav"],
-slot[name="sidebar-content"],
-slot[name="sidebar-footer"] {
-  display: block;
-}
-
-::slotted([slot="sidebar"]),
-::slotted([slot="sidebar-nav"]),
-::slotted([slot="sidebar-content"]),
-::slotted([slot="sidebar-footer"]) {
-  display: block;
-}
-
-.sidebar-footer {
-  display: var(--shadow-claw-sidebar-footer-display, block);
-}
-
-.sidebar-spacer {
-  flex: 1;
-}
-
-shadow-claw-conversations {
-  display: flex;
-  flex: none;
-  flex-direction: column;
-  min-height: 0;
-  overflow: hidden;
-}
-
-.nav-item {
-  border-radius: var(--shadow-claw-radius-m);
-  color: var(--shadow-claw-text-secondary);
-  cursor: pointer;
-  font-size: var(--shadow-claw-font-size-sm);
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  padding: 0.625rem 0.75rem;
-  transition:
-    background-color 0.15s,
-    color 0.15s;
-}
-
-.nav-item:hover {
-  background-color: var(--shadow-claw-text-secondary);
-  color: var(--shadow-claw-on-primary);
-}
-
-.nav-item.active {
-  background-color: var(--shadow-claw-accent-primary);
-  color: var(--shadow-claw-on-primary);
-}
-
-.sidebar-footer {
-  border-top: 0.0625rem solid var(--shadow-claw-border-color);
-  flex: none;
-  margin-bottom: 0.5rem;
-  padding: 0.75rem;
-}
-
-.settings-btn {
-  background-color: transparent;
-  border: 0.0625rem solid var(--shadow-claw-border-color);
-  border-radius: var(--shadow-claw-radius-pill);
-  color: var(--shadow-claw-text-secondary);
-  cursor: pointer;
-  font-size: 0.8125rem;
-  padding: 0.625rem 0.75rem;
-  transition: all var(--shadow-claw-duration-min) var(--shadow-claw-ease-out);
-  width: 100%;
-}
-
-.settings-btn:hover {
-  border-color: var(--shadow-claw-text-primary);
-  box-shadow: var(--shadow-claw-shadow-md);
-  color: var(--shadow-claw-text-primary);
-}
-
-.main-content {
-  --chat-split-height: 20rem;
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  height: calc(100vh - 4rem);
-  height: calc(100dvh - 4rem);
-  min-height: 0;
-  overflow: hidden;
-  position: relative;
-}
-
-.page {
-  display: flex;
-  display: none;
-  flex: 1;
-  flex-direction: column;
-  min-height: 0;
-  overflow: auto;
-}
-
-.page.active {
-  display: flex;
-}
-
-.chat-split-resize-handle {
-  background: transparent;
-  cursor: row-resize;
-  display: none;
-  flex: none;
-  height: 0.75rem;
-  outline: none;
-  position: relative;
-  touch-action: none;
-  user-select: none;
-  width: 100%;
-}
-
-.main-content.split-chat-active .page.active {
-  order: 1;
-}
-
-.main-content.split-chat-active .chat-split-resize-handle {
-  display: flex;
-  margin-bottom: -0.375rem;
-  margin-top: -0.375rem;
-  order: 2;
-  z-index: 10;
-}
-
-.chat-split-resize-handle::before {
-  background: color-mix(
-    in srgb,
-    var(--shadow-claw-bg-secondary) 72%,
-    var(--shadow-claw-border-color)
-  );
-  border: 0.0625rem solid
-    color-mix(in srgb, var(--shadow-claw-border-color) 80%, transparent);
-  border-radius: var(--shadow-claw-radius-pill);
-  content: "";
-  height: 0.5625rem;
-  left: 50%;
-  position: absolute;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  transition:
-    background-color 0.15s,
-    border-color 0.15s,
-    box-shadow 0.15s;
-  width: 4.25rem;
-}
-
-.chat-split-resize-handle::after {
-  background: var(--shadow-claw-border-color);
-  border-radius: var(--shadow-claw-radius-pill);
-  content: "";
-  height: 0.1875rem;
-  left: 50%;
-  position: absolute;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  transition: background-color 0.15s;
-  width: 2.75rem;
-}
-
-.chat-split-resize-handle:hover::before,
-.chat-split-resize-handle.active::before,
-.chat-split-resize-handle:focus-visible::before {
-  background: color-mix(
-    in srgb,
-    var(--shadow-claw-accent-primary) 20%,
-    var(--shadow-claw-bg-secondary)
-  );
-  border-color: color-mix(
-    in srgb,
-    var(--shadow-claw-accent-primary) 45%,
-    transparent
-  );
-  box-shadow: 0 0 0.5rem
-    color-mix(in srgb, var(--shadow-claw-accent-primary) 18%, transparent);
-}
-
-.chat-split-resize-handle:hover::after,
-.chat-split-resize-handle.active::after,
-.chat-split-resize-handle:focus-visible::after {
-  background: var(--shadow-claw-accent-primary);
-}
-
-.chat-split-resize-handle:focus-visible {
-  outline: 0.125rem solid
-    color-mix(in srgb, var(--shadow-claw-accent-primary) 60%, transparent);
-  outline-offset: 0.0625rem;
-}
-
-.main-content.split-chat-active .chat-page:not(.active) {
-  border-top: 0.0625rem solid var(--shadow-claw-border-color);
-  display: flex;
-  flex: none;
-  height: var(--chat-split-height);
-  max-height: calc(100% - 6.25rem);
-  min-height: 9.375rem;
-  order: 3;
-}
-
-@media (max-width: 55.9375rem) {
-  .chat-split-resize-handle {
-    display: none !important;
-  }
-
-  .main-content.split-chat-active .chat-page:not(.active) {
-    display: none !important;
-  }
-}
-
-.app-dialog {
-  background: var(--shadow-claw-bg-secondary);
-  border: 0.0625rem solid var(--shadow-claw-border-color);
-  border-radius: var(--shadow-claw-radius-l);
-  box-shadow: var(--shadow-claw-shadow-lg);
-  color: var(--shadow-claw-text-primary);
-  max-width: min(90vw, 28rem);
-  padding: 0;
-}
-
-.app-dialog::backdrop {
-  background: color-mix(in srgb, black 50%, transparent);
-}
-
-.app-confirm-dialog__form {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-  margin: 0;
-  padding: 1rem;
-}
-
-.app-dialog__title {
-  font-size: 1rem;
-  margin: 0;
-}
-
-.app-dialog__message {
-  color: var(--shadow-claw-text-secondary);
-  margin: 0;
-}
-
-.app-dialog__details {
-  color: var(--shadow-claw-text-secondary);
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  margin: 0;
-  padding-left: 1rem;
-}
-
-.app-dialog__links {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-}
-
-.app-dialog__link {
-  color: var(--shadow-claw-accent-primary);
-  font-size: 0.9375rem;
-  text-decoration: none;
-}
-
-.app-dialog__link:hover,
-.app-dialog__link:focus-visible {
-  text-decoration: underline;
-}
-
-.app-dialog__countdown {
-  color: var(--shadow-claw-text-secondary);
-  font-size: 0.875rem;
-  margin: 0;
-}
-
-.app-confirm-dialog__actions {
-  display: flex;
-  gap: 0.5rem;
-  justify-content: flex-end;
-}
-
-.app-dialog__btn {
-  border: 0.0625rem solid var(--shadow-claw-border-color);
-  border-radius: var(--shadow-claw-radius-m);
-  cursor: pointer;
-  font: inherit;
-  padding: 0.5rem 0.75rem;
-}
-
-.app-dialog__btn--cancel {
-  background: var(--shadow-claw-bg-primary);
-  color: var(--shadow-claw-text-primary);
-}
-
-.app-dialog__btn--confirm {
-  background: var(--shadow-claw-accent-primary);
-  border-color: var(--shadow-claw-accent-primary);
-  color: var(--shadow-claw-on-primary);
-}
-
-.app-prompt-dialog__form {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-  margin: 0;
-  padding: 1rem;
-}
-
-.app-prompt-dialog__title {
-  font-size: 1rem;
-  margin: 0;
-}
-
-.app-prompt-dialog__message {
-  color: var(--shadow-claw-text-secondary);
-  margin: 0;
-}
-
-.app-prompt-dialog__input-area {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  margin-top: 0.5rem;
-}
-
-.app-prompt-dialog__input {
-  background: var(--shadow-claw-bg-primary);
-  border: 0.0625rem solid var(--shadow-claw-border-color);
-  border-radius: var(--shadow-claw-radius-s);
-  color: var(--shadow-claw-text-primary);
-  font: inherit;
-  padding: 0.5rem;
-  width: 100%;
-}
-
-.app-prompt-dialog__actions {
-  display: flex;
-  gap: 0.5rem;
-  justify-content: flex-end;
-  margin-top: 0.5rem;
-}
-
-.chat-page {
-  flex-direction: column;
-}
-
-:host([data-prerender-no-seed="true"]) .nav-item,
-:host([data-prerender-no-seed="true"]) shadow-claw-conversations,
-:host([data-prerender-no-seed="true"]) .sidebar-footer,
-:host([data-prerender-no-seed="true"]) .page.active,
-:host([data-prerender-no-seed="true"]) shadow-claw-file-viewer,
-:host([data-prerender-no-seed="true"]) shadow-claw-toast {
-  opacity: 1;
-  transform: translateY(0);
-  transition:
-    opacity var(--shadow-claw-duration-min) var(--shadow-claw-ease-out),
-    transform var(--shadow-claw-duration-min) var(--shadow-claw-ease-out);
-}
-
-:host([data-prerender-no-seed="true"][data-hydration-pending="true"]) .nav-item,
-:host([data-prerender-no-seed="true"][data-hydration-pending="true"])
-  shadow-claw-conversations,
-:host([data-prerender-no-seed="true"][data-hydration-pending="true"])
-  .sidebar-footer,
-:host([data-prerender-no-seed="true"][data-hydration-pending="true"])
-  .page.active,
-:host([data-prerender-no-seed="true"][data-hydration-pending="true"])
-  shadow-claw-file-viewer,
-:host([data-prerender-no-seed="true"][data-hydration-pending="true"])
-  shadow-claw-toast,
-:host([data-prerender-no-seed="true"][data-js-boot-pending="true"]) .nav-item,
-:host([data-prerender-no-seed="true"][data-js-boot-pending="true"])
-  shadow-claw-conversations,
-:host([data-prerender-no-seed="true"][data-js-boot-pending="true"])
-  .sidebar-footer,
-:host([data-prerender-no-seed="true"][data-js-boot-pending="true"])
-  .page.active,
-:host([data-prerender-no-seed="true"][data-js-boot-pending="true"])
-  shadow-claw-file-viewer,
-:host([data-prerender-no-seed="true"][data-js-boot-pending="true"])
-  shadow-claw-toast {
-  opacity: 0;
-  pointer-events: none;
-  transform: translateY(0.25rem);
-}
-
-@media (prefers-reduced-motion: reduce) {
-  :host([data-prerender-no-seed="true"]) .nav-item,
-  :host([data-prerender-no-seed="true"]) shadow-claw-conversations,
-  :host([data-prerender-no-seed="true"]) .sidebar-footer,
-  :host([data-prerender-no-seed="true"]) .page.active,
-  :host([data-prerender-no-seed="true"]) shadow-claw-file-viewer,
-  :host([data-prerender-no-seed="true"]) shadow-claw-toast {
-    transform: none;
-    transition: none;
-  }
-}
-
-/* Premium Loading & Hydration Skeletons */
-.sidebar-boot-skeleton {
-  background-color: var(--shadow-claw-bg-secondary);
-  bottom: 0;
-  display: flex;
-  flex-direction: column;
-  left: 0;
-  opacity: 0;
-  padding: 1rem 0.75rem;
-  pointer-events: none;
-  position: absolute;
-  right: 0;
-  top: 0;
-  transition:
-    opacity var(--shadow-claw-duration-regular) var(--shadow-claw-ease-out),
-    visibility var(--shadow-claw-duration-regular) var(--shadow-claw-ease-out);
-  visibility: hidden;
-  z-index: 10;
-}
-
-:host([data-js-boot-pending="true"]) .sidebar-boot-skeleton,
-:host([data-hydration-pending="true"]) .sidebar-boot-skeleton {
-  opacity: 1;
-  pointer-events: auto;
-  visibility: visible;
-}
-
-.skeleton-nav-wrapper {
-  display: none;
-  flex-direction: column;
-  gap: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-
-:host([data-prerender-no-seed="true"]) .skeleton-nav-wrapper {
-  display: flex;
-}
-
-.skeleton-divider {
-  border-top: 0.0625rem solid var(--shadow-claw-border-color);
-  display: none;
-  margin: 0.75rem 0;
-}
-
-:host([data-prerender-no-seed="true"]) .skeleton-divider {
-  display: block;
-}
-
-.skeleton-convo-wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-  margin-top: 0.5rem;
-}
-
-.skeleton-item {
-  animation: skeleton-pulse 1.8s ease-in-out infinite;
-  background: linear-gradient(
-    90deg,
-    var(--shadow-claw-bg-secondary) 25%,
-    var(--shadow-claw-bg-tertiary) 50%,
-    var(--shadow-claw-bg-secondary) 75%
-  );
-  background-size: 200% 100%;
-}
-
-.skeleton-nav {
-  border-radius: var(--shadow-claw-radius-m);
-  height: 2.25rem;
-  width: 100%;
-}
-
-/* Give items dynamic-looking varied widths for extra premium feel */
-.skeleton-nav:nth-child(1) {
-  width: 85%;
-}
-
-.skeleton-nav:nth-child(2) {
-  width: 90%;
-}
-
-.skeleton-nav:nth-child(3) {
-  width: 75%;
-}
-
-.skeleton-nav:nth-child(4) {
-  width: 80%;
-}
-
-.skeleton-convo {
-  border-radius: var(--shadow-claw-radius-m);
-  height: 3.5rem;
-  width: 100%;
-}
-
-.main-content-boot-skeleton {
-  align-items: center;
-  background-color: var(--shadow-claw-bg-primary);
-  bottom: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  left: 0;
-  opacity: 0;
-  padding: 2rem;
-  pointer-events: none;
-  position: absolute;
-  right: 0;
-  top: 0;
-  transition:
-    opacity var(--shadow-claw-duration-regular) var(--shadow-claw-ease-out),
-    visibility var(--shadow-claw-duration-regular) var(--shadow-claw-ease-out);
-  visibility: hidden;
-  z-index: 10;
-}
-
-:host([data-prerender-no-seed="true"][data-js-boot-pending="true"])
-  .main-content-boot-skeleton,
-:host([data-prerender-no-seed="true"][data-hydration-pending="true"])
-  .main-content-boot-skeleton {
-  opacity: 1;
-  pointer-events: auto;
-  visibility: visible;
-}
-
-.boot-loading-svg {
-  color: var(--shadow-claw-text-secondary);
-  height: 4.5rem;
-  opacity: 0.85;
-  transition: color var(--shadow-claw-duration-min) var(--shadow-claw-ease-out);
-  width: 4.5rem;
-}
-
-.boot-loading-text {
-  color: var(--shadow-claw-text-secondary);
-  font-size: var(--shadow-claw-font-size-sm);
-  font-weight: 600;
-  letter-spacing: 0.075em;
-  margin-top: 1.25rem;
-  text-transform: uppercase;
-}
-
-@keyframes skeleton-pulse {
-  0% {
-    background-position: 200% 0;
-  }
-
-  100% {
-    background-position: -200% 0;
-  }
-}
-`);const $=new DOMParser().parseFromString(`<template>
-  <div class="app">
-    <!-- Header -->
-    <header class="header">
-      <button aria-label="Open menu" title="Open menu" id="menu-button">
-        <svg
-          height="1.5rem"
-          fill="currentColor"
-          viewBox="0 -960 960 960"
-          width="1.5rem"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path d="M120-680v-80h720v80zm0 480v-80h720v80zm0-240v-80h720v80z" />
-        </svg>
-      </button>
-      <h1>
-        <slot name="header-title-link"></slot>
-        <div class="header-actions">
-          <button
-            aria-label="Toggle theme"
-            title="Toggle theme"
-            class="theme-toggle theme-mode-toggle"
-          >
-            <svg
-              class="sun-icon"
-              height="1.5rem"
-              fill="currentColor"
-              hidden
-              viewBox="0 -960 960 960"
-              width="1.5rem"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M480-360q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35zm0 80q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480q0 83-58.5 141.5T480-280zM200-440H40v-80h160v80zm720 0H760v-80h160v80zM440-760v-160h80v160h-80zm0 720v-160h80v160h-80zM256-650l-101-97 57-59 96 100-52 56zm492 496-97-101 53-55 101 97-57 59zm-98-550 97-101 59 57-101 97-55-53zM158-190l97-101 55 53-101 97-51-49z"
-              />
-            </svg>
-            <svg
-              class="moon-icon"
-              height="1.5rem"
-              fill="currentColor"
-              viewBox="0 -960 960 960"
-              width="1.5rem"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M480-120q-150 0-255-105T120-480q0-150 105-255t255-105q14 0 27.5 1t26.5 3q-41 29-65.5 75.5T444-660q0 90 63 153t153 63q52 0 99-24.5t75-65.5q2 13 3 26.5t1 27.5q0 150-105 255T480-120zm0-80q88 0 158-48.5T740-375q-20 5-40 8t-40 3q-123 0-209.5-86.5T364-660q0-20 3-40t8-40q-74 30-122.5 100T204-480q0 116 82 198t194 82zm-12-274z"
-              />
-            </svg>
-          </button>
-          <button
-            aria-label="Hide action header"
-            title="Hide action header"
-            aria-pressed="false"
-            class="theme-toggle header-main-toggle"
-            type="button"
-          >
-            <svg
-              height="1.5rem"
-              fill="currentColor"
-              viewBox="0 -960 960 960"
-              width="1.5rem"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M280-200h400v-80H280v80Zm200-200L280-600l56-56 104 104v-328h80v328l104-104 56 56-200 200Z"
-              />
-            </svg>
-          </button>
-          <button
-            aria-label="Hide activity log"
-            title="Hide activity log"
-            aria-pressed="false"
-            class="theme-toggle activity-log-toggle"
-            type="button"
-            hidden
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              height="24px"
-              viewBox="0 -960 960 960"
-              width="24px"
-              fill="currentColor"
-            >
-              <path
-                d="M80-600v-160q0-33 23.5-56.5T160-840h640q33 0 56.5 23.5T880-760v160h-80v-160H160v160H80Zm80 360q-33 0-56.5-23.5T80-320v-200h80v200h640v-200h80v200q0 33-23.5 56.5T800-240H160ZM40-120v-80h880v80H40Zm440-420ZM80-520v-80h240q11 0 21 6t15 16l47 93 123-215q5-9 14-14.5t20-5.5q11 0 21 5.5t15 16.5l49 98h235v80H620q-11 0-21-5.5T584-542l-26-53-123 215q-5 10-15 15t-21 5q-11 0-20.5-6T364-382l-69-138H80Z"
-              />
-            </svg>
-          </button>
-          <button
-            aria-label="Hide WebVM terminal"
-            title="Hide WebVM terminal"
-            aria-pressed="true"
-            class="theme-toggle webvm-toggle"
-            type="button"
-            hidden
-          >
-            <svg
-              height="1.5rem"
-              fill="currentColor"
-              viewBox="0 -960 960 960"
-              width="1.5rem"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M320-280 120-480l200-200 56 56-104 104h568v80H272l104 104-56 56Zm320 0-56-56 104-104H120v-80h568L584-624l56-56 200 200-200 200Z"
-              />
-            </svg>
-          </button>
-          <slot name="header-actions-logo"></slot>
-        </div>
-      </h1>
-    </header>
-
-    <!-- Main Body -->
-    <div class="app-body">
-      <!-- Sidebar -->
-      <aside class="sidebar">
-        <div class="sidebar-boot-skeleton" aria-hidden="true">
-          <div class="skeleton-nav-wrapper">
-            <div class="skeleton-item skeleton-nav"></div>
-            <div class="skeleton-item skeleton-nav"></div>
-            <div class="skeleton-item skeleton-nav"></div>
-            <div class="skeleton-item skeleton-nav"></div>
-          </div>
-          <div class="skeleton-divider"></div>
-          <div class="skeleton-convo-wrapper">
-            <div class="skeleton-item skeleton-convo"></div>
-            <div class="skeleton-item skeleton-convo"></div>
-            <div class="skeleton-item skeleton-convo"></div>
-          </div>
-        </div>
-
-        <nav>
-          <ul class="nav-menu">
-            <li class="nav-item active" data-page="pages">📚 Pages</li>
-            <li class="nav-item" data-page="chat">💬 Chat</li>
-            <li class="nav-item" data-page="tasks">&nbsp;✓&nbsp;Tasks</li>
-            <li class="nav-item" data-page="files">📁 Files</li>
-          </ul>
-        </nav>
-        <slot name="sidebar-nav"></slot>
-        <slot name="sidebar"></slot>
-        <slot name="sidebar-content"></slot>
-        <div class="sidebar-spacer"></div>
-        <shadow-claw-conversations></shadow-claw-conversations>
-        <slot name="sidebar-footer"></slot>
-        <div class="sidebar-footer">
-          <button class="settings-btn" data-action="show-settings">
-            ⚙️ Settings
-          </button>
-        </div>
-      </aside>
-      <div class="sidebar-resize-handle" title="Drag to resize sidebar"></div>
-
-      <!-- Main Content -->
-      <main class="main-content">
-        <div class="main-content-boot-skeleton" aria-hidden="true">
-          <svg
-            class="boot-loading-svg"
-            viewBox="0 0 44 44"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <g
-              fill="none"
-              fill-rule="evenodd"
-              stroke-width="2"
-              stroke="currentColor"
-            >
-              <circle cx="22" cy="22" r="1">
-                <animate
-                  attributeName="r"
-                  begin="0s"
-                  dur="1.8s"
-                  values="1; 20"
-                  calcMode="spline"
-                  keyTimes="0; 1"
-                  keySplines="0.165, 0.84, 0.44, 1"
-                  repeatCount="indefinite"
-                />
-                <animate
-                  attributeName="stroke-opacity"
-                  begin="0s"
-                  dur="1.8s"
-                  values="1; 0"
-                  calcMode="spline"
-                  keyTimes="0; 1"
-                  keySplines="0.3, 0.61, 0.355, 1"
-                  repeatCount="indefinite"
-                />
-              </circle>
-              <circle cx="22" cy="22" r="1">
-                <animate
-                  attributeName="r"
-                  begin="-0.9s"
-                  dur="1.8s"
-                  values="1; 20"
-                  calcMode="spline"
-                  keyTimes="0; 1"
-                  keySplines="0.165, 0.84, 0.44, 1"
-                  repeatCount="indefinite"
-                />
-                <animate
-                  attributeName="stroke-opacity"
-                  begin="-0.9s"
-                  dur="1.8s"
-                  values="1; 0"
-                  calcMode="spline"
-                  keyTimes="0; 1"
-                  keySplines="0.3, 0.61, 0.355, 1"
-                  repeatCount="indefinite"
-                />
-              </circle>
-            </g>
-          </svg>
-          <div class="boot-loading-text">Preparing workspace...</div>
-        </div>
-
-        <!-- Chat Page — element stamped on first navigation via showPage() -->
-        <div class="page chat-page" data-page-id="chat"></div>
-
-        <!-- Tasks Page — element stamped on first navigation via showPage() -->
-        <div class="page" data-page-id="tasks"></div>
-
-        <!-- Files Page — element stamped on first navigation via showPage() -->
-        <div class="page" data-page-id="files"></div>
-
-        <!-- Pages Page — pre-stamped: this is the default landing route -->
-        <div class="page active" data-page-id="pages">
-          <shadow-claw-pages></shadow-claw-pages>
-        </div>
-
-        <!-- Settings Page — element stamped on first navigation via showPage() -->
-        <div class="page" data-page-id="settings"></div>
-
-        <!-- Tools Config Page — element stamped on first navigation via showPage() -->
-        <div class="page" data-page-id="tools"></div>
-
-        <!-- Channels Config Page — element stamped on first navigation via showPage() -->
-        <div class="page" data-page-id="channels"></div>
-
-        <!-- Chat Split View Resize Handle -->
-        <div
-          class="chat-split-resize-handle"
-          title="Drag to resize chat panel"
-          hidden
-        ></div>
-
-        <!-- file-viewer is stamped lazily by setupEffects when a file is opened -->
-        <shadow-claw-toast></shadow-claw-toast>
-      </main>
-    </div>
-
-    <shadow-claw-dialog
-      dialog-class="app-dialog"
-      dialog-aria-labelledby="appDialogTitle"
-    >
-      <form method="dialog" class="app-confirm-dialog__form">
-        <h2 id="appDialogTitle" class="app-dialog__title">Confirm</h2>
-        <p class="app-dialog__message"></p>
-        <ul class="app-dialog__details" hidden></ul>
-        <div class="app-dialog__links" hidden></div>
-        <p
-          class="app-dialog__countdown"
-          hidden
-          role="status"
-          aria-live="polite"
-          aria-atomic="true"
-        ></p>
-        <div class="app-confirm-dialog__actions">
-          <button
-            type="submit"
-            value="cancel"
-            class="app-dialog__btn app-dialog__btn--cancel"
-          >
-            Cancel
-          </button>
-          <button
-            type="submit"
-            value="confirm"
-            class="app-dialog__btn app-dialog__btn--confirm"
-          >
-            Confirm
-          </button>
-        </div>
-      </form>
-    </shadow-claw-dialog>
-
-    <shadow-claw-dialog
-      dialog-class="app-dialog app-prompt-dialog"
-      dialog-aria-labelledby="appPromptTitle"
-    >
-      <form method="dialog" class="app-prompt-dialog__form">
-        <h2 id="appPromptTitle" class="app-prompt-dialog__title">
-          Agent Question
-        </h2>
-        <p class="app-prompt-dialog__message"></p>
-
-        <div class="app-prompt-dialog__input-area">
-          <!-- Will be populated dynamically with either a select or text input -->
-        </div>
-
-        <div class="app-prompt-dialog__actions">
-          <button
-            type="submit"
-            value="submit"
-            class="app-dialog__btn app-dialog__btn--confirm app-prompt-dialog__submit"
-          >
-            Submit
-          </button>
-        </div>
-      </form>
-    </shadow-claw-dialog>
-  </div>
-</template>
-`,`text/html`),st=$.querySelector(`template`);let ct=[];ct=st?Array.from(st.content.children):Array.from($.head.children).concat(Array.from($.body.children));var lt=ct;const ut=`shadow-claw`;var dt=class extends de{static styles=ot;static template=lt;activityLogCollapsedOverride=null;appLifecycleCleanup=null;chatSidebarHidden=!1;chatSplitViewEnabled=!1;currentPage=v.sidebarDefaultPage;db=null;fallbackClickListenerAttached=!1;filesSidebarHidden=!1;headerMainCollapsedOverride=null;navigationListenerAttached=!1;orchestrator;pagesSidebarHidden=!1;popstateListener=null;previousOrchestratorState=`idle`;tasksSidebarHidden=!1;terminalElement=null;terminalPlacementFrame=null;terminalVisible=!1;vmStatus={ready:!1,booting:!1,bootAttempted:!1,error:null};vmStatusCleanup=null;constructor(){super()}async connectedCallback(){if(!this.shadowRoot)throw Error(`shadowRoot not found`);await f();try{let{Orchestrator:e}=await import(`./orchestrator-DTNrntd4.js`);await f();let t=()=>{Promise.all([import(`./shadow-claw-conversations-DGYZdDa3.js`),import(`./shadow-claw-dialog-BVGf_c3S.js`),import(`./shadow-claw-toast-BmcOhMgX.js`)]).catch(console.error)};typeof window<`u`&&`requestIdleCallback`in window?window.requestIdleCallback(t):setTimeout(t,200),await f(),this.orchestrator||=new e,this.db=await this.orchestrator.init(),await f(),await v.init(this.db,this.orchestrator),c(this.db),await f(),await this.render(),await f();let n=v.activePage===`pages`&&this.pagesSidebarHidden||v.activePage===`chat`&&this.chatSidebarHidden||v.activePage===`tasks`&&this.tasksSidebarHidden||v.activePage===`files`&&this.filesSidebarHidden;if(v.hadPersistedActivePage&&!n?W(this.shadowRoot,this,this.db,v,v.activePage,!1):n?W(this.shadowRoot,this,this.db,v,N(v,this),!1):W(this.shadowRoot,this,this.db,v,v.activePage,!1),await q(this.shadowRoot,this,this.db,T,v,new URL(window.location.href)),await Xe(this.shadowRoot,this,this.db,this.orchestrator),await it(window,this.shadowRoot,this,this.db,this.orchestrator,v),await rt(window,this.shadowRoot,this,v,T,this.db,new URL(window.location.href)),console.log(`ShadowClaw UI initialized`),typeof customElements<`u`&&await customElements.whenDefined(`shadow-claw-${this.currentPage}`),this.currentPage===`pages`){let e=this.shadowRoot?.querySelector(`shadow-claw-pages`);e&&typeof e.renderSelectedPage==`function`&&!e.renderedKey&&await e.renderSelectedPage()}let{isMemoryStorageFallbackActive:r}=await import(`./memory-storage-BXMAJJV7.js`).then(e=>e.n);if(r()){let{showWarning:e}=await import(`./toast-CtIuHprH.js`).then(e=>e.c);e(`Private Browsing / Limited Storage: Operating in temporary in-memory mode. Files and changes will not persist across page reloads.`,7e3)}v.setReady()}finally{Le(document)}}disconnectedCallback(){if(super.disconnectedCallback(),this.vmStatusCleanup&&=(this.vmStatusCleanup(),null),this.appLifecycleCleanup&&=(this.appLifecycleCleanup(),null),this.terminalPlacementFrame!==null&&(cancelAnimationFrame(this.terminalPlacementFrame),this.terminalPlacementFrame=null),document.removeEventListener(`shadow-claw-navigate`,this.shadowClawNav),this.popstateListener&&=(window.removeEventListener(`popstate`,this.popstateListener),null),this.fallbackClickListenerAttached&&=(document.removeEventListener(`click`,this.fallbackClickListener),!1),this.navigationListenerAttached){let e=window.navigation;e&&typeof e.removeEventListener==`function`&&e.removeEventListener(`navigate`,this.handleNavigationApiNavigate),this.navigationListenerAttached=!1}}addCleanup(e){super.addCleanup(e)}fallbackClickListener=e=>{if(typeof window>`u`||!window.location)return;let t=ze(window.location,e);t&&(Ge(globalThis.history,t,{replace:!1,useTrailingSlash:!1}),q(this.shadowRoot,this,this.db,T,v,new URL(window.location.href)))};handleNavigationApiNavigate=e=>{let{parsedUrl:t,navigateEvent:n}=Re(this.db,e)??{};t&&n&&typeof n.intercept==`function`&&n.intercept({handler:async()=>{let{parseRouteFromUrlAsync:e}=await import(`./app-routes-H23VN-4O.js`).then(e=>e.t),n=await e(t,v.activeGroupId);n&&await K(this.shadowRoot,this,this.db,T,v,n)}})};shadowClawNav=e=>{this.shadowRoot&&this.db&&Je(this.shadowRoot,this,this.db,T,v,e)};async render(){if(Ie(window,document,this.shadowRoot,this,this.db,v,T,j,new URL(window.location.href)),await Ye(this.shadowRoot,this,v,this.db),this.db)try{let{getConfig:e}=await import(`./get-config-Bkvl__ZS.js`).then(e=>e.n),{isTruthyConfigValue:t}=await import(`./parse-boolean-config-BigJ9U46.js`).then(e=>e.r),{CONFIG_KEYS:n}=await import(`./config-y_2Fg77m.js`).then(e=>e.k),r=await e(this.db,n.CHAT_SPLIT_VIEW_ENABLED);this.chatSplitViewEnabled=t(r)}catch{this.chatSplitViewEnabled=!1}let e=this.shadowRoot?.querySelector(`.chat-split-resize-handle`);if(this.shadowRoot&&e instanceof HTMLElement){let{initChatSplitResize:t}=await import(`./init-chat-split-resize-B3imbCxV.js`);await t(this.shadowRoot,this,e,this.db)}this.terminalElement=document.createElement(`shadow-claw-terminal`),this.terminalElement&&(this.terminalElement.orchestrator=this.orchestrator),V(this.shadowRoot,this.currentPage,this.terminalVisible,this.vmStatus),I(this.shadowRoot,this.currentPage,this.terminalElement,this.terminalVisible,this.terminalPlacementFrame),L(this.shadowRoot,this.headerMainCollapsedOverride),B(this.shadowRoot,this.headerMainCollapsedOverride),R(this.shadowRoot,this.currentPage,v.activityLog.length);let t=e=>{this.vmStatus=e,e.error&&this.terminalVisible&&(this.terminalVisible=!1,this.terminalElement&&(this.terminalElement.hidden=!0),I(this.shadowRoot,this.currentPage,this.terminalElement,this.terminalVisible,this.terminalPlacementFrame)),V(this.shadowRoot,this.currentPage,this.terminalVisible,this.vmStatus)};this.vmStatus=this.orchestrator.vmStatus||this.vmStatus,V(this.shadowRoot,this.currentPage,this.terminalVisible,this.vmStatus),this.orchestrator.events.on?.(`vm-status`,t),this.vmStatusCleanup=()=>{this.orchestrator.events.off?.(`vm-status`,t)},this.orchestrator.events.on(`open-file`,e=>He(this.db,v,T,e)),this.orchestrator.events.on(`provider-help`,e=>Ue(document,this.shadowRoot,e)),this.orchestrator.events.on(`room-invite`,e=>We(document,this.shadowRoot,this,this.db,v,e)),this.orchestrator.events.on(`ask-user`,e=>Ve(document,this.shadowRoot,this,e)),at(this.shadowRoot,this,this.db,v)}async requestDialog(e){return Z(document,this.shadowRoot,e)}};customElements.get(ut)||customElements.define(ut,dt);