shadow-claw 1.54.0 → 1.55.0

package/dist/public/shadow-claw-B-HWC1uN.js

@@ -0,0 +1,1180 @@
+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 ie,xt as ae}from"./orchestrator-OoUK7CF9.js";import{a as oe}from"./tools-CwQq5tJH.js";import{t as se}from"./set-config-DSiuMe0k.js";import{t as y}from"./ulid-BSJxYh6W.js";import{t as ce}from"./parse-boolean-config-BigJ9U46.js";import{a as b,r as x}from"./toast-CtIuHprH.js";import{n as le,r as ue,t as de}from"./constants-DiETpg52.js";import{t as fe}from"./shadow-claw-element-DIrv3P6A.js";import{t as S}from"./effect-xrx5qhzv.js";import{t as pe}from"./prompt-api-BWe_j3Wg.js";import{t as C}from"./configure-peer-js-OYl3V8sW.js";import{t as w}from"./file-viewer-Dbh3K9nL.js";const T={Light:`light`,Dark:`dark`,System:`system`},E=`shadow-claw-theme`;function D(){return typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}function O(e){return e===`system`?D():e}function k(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 A=h(E)||`system`,me=O(A);k(me);const he=new class{_resolved;_theme;constructor(){this._theme=new u.State(A),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=D();g(E,`system`),k(e),this._theme.set(`system`),this._resolved.set(e)}),window.addEventListener(`storage`,e=>{let t=te(E);e.key===t&&e.newValue&&this.setTheme(e.newValue)})}get resolved(){return this._resolved.get()}setTheme(e){let t=O(e);g(E,e),k(t),this._theme.set(e),this._resolved.set(t)}get theme(){return this._theme.get()}};he.init();async function j(e,t=3){for(let n=0;n<t;n++){if(e())return;await new Promise(e=>{requestAnimationFrame(()=>e())})}}function M(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 ge(e,t,n){return n&&t===`pages`?M(e):t}function _e(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 ve(e,t,n,r){let i=n;if(!i)return;let a=_e(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 ye={pages:()=>import(`./shadow-claw-pages-DOQqMm0_.js`),chat:()=>import(`./shadow-claw-chat-DI1q8UnX.js`),tasks:()=>import(`./shadow-claw-tasks-CCTaaSdi.js`),files:()=>import(`./shadow-claw-files-JQ-o0ImX.js`),settings:()=>import(`./shadow-claw-settings-DFtl0Fy8.js`),tools:()=>import(`./shadow-claw-tools-V8NA4n18.js`),channels:()=>import(`./shadow-claw-channels-RVwCE8pE.js`),terminal:()=>import(`./shadow-claw-terminal-BfgulLkl.js`),"file-viewer":()=>import(`./shadow-claw-file-viewer-CW3t6j-w.js`),"pdf-viewer":()=>import(`./shadow-claw-pdf-viewer-BtDKlBOs.js`)},N=/* @__PURE__ */ new Map;async function P(e){let t=N.get(e);if(!t){let n=ye[e];n?(t=n().then(()=>void 0),N.set(e,t)):t=Promise.resolve()}await t}function F(e,t,n,r,i){r&&P(`terminal`).catch(console.error),i!==null&&cancelAnimationFrame(i),i=requestAnimationFrame(()=>{i=null,ve(e,t,n,r)})}function be(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 I(e,t){if(e)for(let n of be(e))n.setMainCollapsedOverride?.(t)}function L(e,t,n){if(!e)return;let r=e.querySelector(`.activity-log-toggle`);r instanceof HTMLButtonElement&&(r.hidden=t!==`chat`||n===0)}function xe(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 R(e,t){if(!e)return;let n=e.querySelector(`.header-main-toggle`);if(!(n instanceof HTMLButtonElement))return;let r=typeof t==`boolean`?t:xe(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 z(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 B={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 V(e,t){let n=B[t];if(!n)return;let r=e.querySelector(`[data-page-id="${t}"]`);!r||r.children.length>0||r.appendChild(document.createElement(n))}function H(e,t,n,r,i,a=!0){if(!e)return;let o=ge(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=B.chat;t&&customElements.get(t)?V(e,`chat`):P(`chat`).then(()=>{e&&V(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=B[o];u&&customElements.get(u)?V(e,o):P(o).then(()=>{e&&V(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),F(e,t.currentPage,t.terminalElement,t.terminalVisible,t.terminalPlacementFrame),I(e,t.headerMainCollapsedOverride),R(e,t.headerMainCollapsedOverride),L(e,t.currentPage,r.activityLog.length),z(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 U(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 Se(e){if(!e||typeof window>`u`)return()=>{};let t=t=>U(e,t);t();let n=()=>t();window.addEventListener(`popstate`,n,{passive:!0});let r=e=>{let n=e?.detail?.url;if(n)try{t(new URL(n,window.location.href));return}catch{}t()};window.addEventListener(`shadow-claw-feed-scroll`,r),window.addEventListener(`shadow-claw-url-change`,r);let i=window.navigation,a=null,o=null,s=null;i&&typeof i.addEventListener==`function`&&(a=e=>{let n=e?.destination?.url;if(n)try{t(new URL(n));return}catch{}t()},o=()=>{t()},s=()=>{t()},i.addEventListener(`navigate`,a,{passive:!0}),i.addEventListener(`currententrychange`,o,{passive:!0}),i.addEventListener(`navigatesuccess`,s,{passive:!0}));let c=null,l=null,u=typeof window<`u`?window.history:null,d=null;if(u){c=u.replaceState,l=u.pushState;let e=function(e,n,r){let i=c?.apply(this,arguments);try{r?t(new URL(r.toString(),window.location.href)):t()}catch{t()}return i},n=function(e,n,r){let i=l?.apply(this,arguments);try{r?t(new URL(r.toString(),window.location.href)):t()}catch{t()}return i};u.replaceState=e,u.pushState=n,d=()=>{u.replaceState===e&&c&&(u.replaceState=c),u.pushState===n&&l&&(u.pushState=l)}}return()=>{window.removeEventListener(`popstate`,n),window.removeEventListener(`shadow-claw-feed-scroll`,r),window.removeEventListener(`shadow-claw-url-change`,r),i&&typeof i.removeEventListener==`function`&&(a&&i.removeEventListener(`navigate`,a),o&&i.removeEventListener(`currententrychange`,o),s&&i.removeEventListener(`navigatesuccess`,s)),d&&d()}}async function W(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&&H(e,t,n,i,u),u===`files`&&c){if(/\.[^./]+$/u.test(c))try{await r.openFile(n,c,s||i.activeGroupId),l&&await j(()=>{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 j(()=>typeof t.handleAnchorNavigation==`function`&&!!t.handleAnchorNavigation(l)))}U(t)}async function G(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 W(e,i,s,c,l,t);return}let _=await n(u,l.activeGroupId);_&&await W(e,i,s,c,l,_)}let K=null;function Ce(e){K=e}function we(e,t){if(!e)return;let n=t;if(n.navigationType===`reload`)return;let r=typeof n?.destination?.getState==`function`?n.destination.getState():null,a=n.navigationType===`replace`?K:null,o=r||n?.info||a||(n.navigationType===`replace`&&typeof history<`u`?history.state:null);if(o?.inFeedScroll||o?.scrollSpy||o?.suppressRouter)return;let s=n?.destination?.url;if(typeof s!=`string`)return;let c=new URL(s);if(c.origin===window.location.origin&&i(c.pathname))return{parsedUrl:c,navigateEvent:n}}function q(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 J(t,n){if(t)try{await se(t,e.SIDEBAR_WIDTH,n)}catch{}}function Y(e,t){let n=e?.querySelector(`.app-body`);if(!(n instanceof HTMLElement))return;let r=q(e,t);n.style.setProperty(`--sidebar-width`,`${r}px`)}async function Te(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(q(t,o())),n=Math.round(q(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?Y(t,n):Y(t,250)}catch{Y(t,250)}let c=null,u=0,d=0,f=e=>{if(e.pointerId!==c)return;let n=e.clientX-u;Y(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&&J(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`,()=>{Y(t,250),i&&J(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=q(t,2**53-1)),a!==null&&(e.preventDefault(),Y(t,a),s(),i&&J(i,q(t,o())))}),s(),n.addCleanup(()=>{p(),a.removeEventListener(`pointerup`,m),a.removeEventListener(`pointercancel`,p)})}async function X(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 Ee={pages:e.SIDEBAR_PAGES_HIDDEN,chat:e.SIDEBAR_CHAT_HIDDEN,tasks:e.SIDEBAR_TASKS_HIDDEN,files:e.SIDEBAR_FILES_HIDDEN};function De(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 Oe(e){switch(e){case`pages`:return`pagesSidebarHidden`;case`chat`:return`chatSidebarHidden`;case`tasks`:return`tasksSidebarHidden`;case`files`:return`filesSidebarHidden`}}async function ke(e,t,n,r){for(let[n,i]of Object.entries(Ee)){let a=n,o=!1;if(r)try{let e=await l(r,i);o=ce(e)}catch{o=!1}let s=Oe(a);t[s]=o,De(e,a,o)}}function Z(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}De(e,i,a),a&&t.currentPage===i&&H(e,t,r,n,M(n,t))}function Ae(e,t,n,r,i){Z(e,t,n,r,`pages`,i)}function je(){let e=window.navigation;return!!(e&&typeof e.addEventListener==`function`&&typeof e.navigate==`function`)}function Me(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 Ne(e,t){if(!e)return;let n=e.querySelector(`shadow-claw-chat`);n&&typeof n.setActivityLogCollapsedOverride==`function`&&n.setActivityLogCollapsedOverride(t)}function Pe(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 Fe(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),Ne(e.shadowRoot,e.activityLogCollapsedOverride),Pe(e.shadowRoot,e.activityLogCollapsedOverride)}function Ie(e){e.headerMainCollapsedOverride=!(typeof e.headerMainCollapsedOverride==`boolean`?e.headerMainCollapsedOverride:xe(e.shadowRoot)?.isMainCollapsed?.()??!1),I(e.shadowRoot,e.headerMainCollapsedOverride),R(e.shadowRoot,e.headerMainCollapsedOverride)}function Le(e,t){t.terminalVisible=!t.terminalVisible,z(e,t.currentPage,t.terminalVisible,t.vmStatus),F(e,t.currentPage,t.terminalElement,t.terminalVisible,t.terminalPlacementFrame)}function Q(e,t){e===T.Dark?(t.add(`dark-mode`),t.remove(`light-mode`)):(t.add(`light-mode`),t.remove(`dark-mode`))}function Re(e,t){if(!e)return;let n=e.querySelector(`.sun-icon`),r=e.querySelector(`.moon-icon`);n&&r&&(t===T.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 ze(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||M(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),Te(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`,()=>{Ie(r)}),n.querySelector(`.activity-log-toggle`)?.addEventListener(`click`,()=>{Fe(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=>{Ae(n,r,a,i,!!e.detail?.hidden)}),n.addEventListener(`sidebar-chat-visibility-change`,e=>{Z(n,r,a,i,`chat`,!!e.detail?.hidden)}),n.addEventListener(`sidebar-tasks-visibility-change`,e=>{Z(n,r,a,i,`tasks`,!!e.detail?.hidden)}),n.addEventListener(`sidebar-files-visibility-change`,e=>{Z(n,r,a,i,`files`,!!e.detail?.hidden)}),n.addEventListener(`chat-split-view-change`,e=>{r.chatSplitViewEnabled=!!e.detail?.enabled,H(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`);if(f&&f.addEventListener(`click`,()=>{let{resolved:e}=s.getTheme(),t=e===T.Dark?T.Light:T.Dark;s.setTheme(t)}),n.querySelector(`.webvm-toggle`)?.addEventListener(`click`,()=>Le(n,r)),n.addEventListener(`shadow-claw-terminal-slot-ready`,()=>{F(n,r.currentPage,r.terminalElement,r.terminalVisible,r.terminalPlacementFrame),I(n,r.headerMainCollapsedOverride),R(n,r.headerMainCollapsedOverride)}),e.addEventListener(`resize`,()=>{r.headerMainCollapsedOverride===null&&R(n,r.headerMainCollapsedOverride)}),t.addEventListener(`shadow-claw-navigate`,r.shadowClawNav),je()){if(e.history&&!e.history.__scReplaceStateTracked){let t=e.history.replaceState;e.history.replaceState=function(e,n,r){return Ce(e),t.call(this,e,n,r)},e.history.__scReplaceStateTracked=!0}e.navigation.addEventListener(`navigate`,r.handleNavigationApiNavigate),r.navigationListenerAttached=!0}else r.popstateListener=t=>{let s=t?.state||e.history?.state;s?.inFeedScroll||s?.scrollSpy||s?.suppressRouter||G(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;Re(n,t),Q(t,r.classList)}),e.addEventListener(`shadow-claw-peer-error`,e=>{let r=e.detail,i=r.remotePeerId,a=r.error;X(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;Re(n,p),Q(p,r.classList),r.appLifecycleCleanup&&=(r.appLifecycleCleanup(),null),r.orchestrator&&(r.appLifecycleCleanup=Me(e,t,r.orchestrator)),Se(r)}function Be(e){if(e===void 0)return;e.documentElement.classList.remove(le,`sc-prerender-override`);let t=e.querySelector(`shadow-claw`);t?.removeAttribute(de),t?.removeAttribute(ue)}function Ve(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 He(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 Ue(e,t,n,r){let i=await He(e,t,r);d(n.orchestrator,r.id,i)}async function We(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);x(`Failed to open file from tool: ${r}`,5e3);return}}async function Ge(e,t,n){n?.providerId===`llamafile`?await X(e,t,_(n.reason)):n?.providerId===`transformers_js_local`?await X(e,t,re(n.reason)):n?.providerId===`prompt_api`?await X(e,t,pe(n.reason)):n?.providerId&&n.helpType&&await X(e,t,p(n.providerId,n.helpType,n.reason))}async function Ke(e,t,n,r,i,a){if(r&&a?.roomId&&a?.hostPeerId&&await X(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}`),H(t,n,r,i,`chat`),b(`Joined room "${a.roomName}"`)}catch(e){let t=e instanceof Error?e.message:String(e);x(`Failed to join room: ${t}`,6e3)}}function qe(e,t,n){let r=n.useTrailingSlash&&!t.includes(`#`)?t.endsWith(`/`)?t:t+`/`:t;n.replace?e.replaceState({},``,r):e.pushState({},``,r)}async function Je(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 W(e,t,n,r,i,a):je()?window.navigation.navigate(u,{history:c.replace?`replace`:`push`}):(u!==window.location.pathname&&qe(globalThis.history,u,{...c,useTrailingSlash:!1}),await W(e,t,n,r,i,a))}function Ye(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 Xe(e,t,n,r,i,a){let o=a.detail;o&&await Je(e,t,n,r,i,{page:Ye(String(o.page||`chat`)),groupId:o.groupId,path:o.path,anchor:o.anchor})}async function Ze(e,t,n,r){await ke(e,t,n,r)}async function Qe(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=ae(r),s=a.myPeerId;s||=y().toLowerCase();let c=new Set(a.trustedPeerIds);c.add(o),await C(r,n,s,Array.from(c),a.serverHost,a.serverPort,a.serverPath,a.serverSecure),a.enabled||await ie(r,n,`peerjs`,!0);let l=await v.ensurePeerConversation(n,o);await v.switchConversation(n,l),H(e,t,n,v,`chat`),i.searchParams.delete(`peer`);let u=`${i.pathname}${i.search}${i.hash}`;window.history.replaceState({},``,u||`/`),b(`Connected to Peer: ${o.substring(0,8)}`)}catch(e){let t=e instanceof Error?e.message:String(e);x(`Failed to process peer parameter: ${t}`,6e3)}}const $e=`pendingShares`;function et(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 tt(e){return!e||typeof e.transaction!=`function`?[]:new Promise((t,n)=>{let r;try{r=e.transaction($e,`readwrite`)}catch(e){if(e instanceof DOMException&&e.name===`NotFoundError`){t([]);return}n(e);return}let i=r.objectStore($e),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(et).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 nt(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 rt(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 it(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 at(e,t,n,r,i,a,o){if(!a)return;let s=await tt(a);if(s.length!==0)try{let c=await rt(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=it(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=it(t.fileName||`${n}.md`,n),i=nt(t);await oe(a,c,r,i),l.push(r)}await r.loadFiles(a),H(t,n,a,r,`files`),l.length>0&&await i.openFile(a,l[0],c),b(`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);x(`Failed to import shared content: ${t}`,6e3)}}async function ot(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=ae(i),d=u.myPeerId;d||=y().toLowerCase();let f=new Set(u.trustedPeerIds);f.add(c),await C(i,r,d,Array.from(f),u.serverHost,u.serverPort,u.serverPath,u.serverSecure),u.enabled||await ie(i,r,`peerjs`,!0),m(i,s,c,l),await a.switchConversation(r,`room:${s}`),H(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||`/`),b(`Joined room "${l}"`)}catch(e){let t=e instanceof Error?e.message:String(e);x(`Failed to join room: ${t}`,6e3)}}function st(e,t,n,r){e&&(S(()=>{let t=w.file;t&&(P(`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`&&P(`pdf-viewer`).catch(console.error))}),S(()=>{let e=r.state;e===`idle`&&(t.previousOrchestratorState===`thinking`||t.previousOrchestratorState===`responding`)&&b(`Response complete`,2500),t.previousOrchestratorState=e}),S(()=>{let i=r.activePage;i!==t.currentPage&&H(e,t,n,r,i,!1)}),S(()=>{r.activityLog,L(e,t.currentPage,r.activityLog.length)}))}const ct=new CSSStyleSheet;ct.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;
+}
+
+form:tool-form-active,
+.app-confirm-dialog__form:tool-form-active,
+.app-prompt-dialog__form:tool-form-active {
+  outline: 2px dashed var(--shadow-claw-accent-primary, #3b82f6);
+  outline-offset: 4px;
+}
+
+button:tool-submit-active {
+  outline: 2px dashed var(--shadow-claw-warning, #f59e0b);
+  outline-offset: 2px;
+}
+
+.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"
+        toolname="app_dialog_confirm"
+        tooldescription="Confirm or cancel an application modal dialog prompt"
+      >
+        <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"
+        toolname="app_dialog_prompt"
+        tooldescription="Submit user response or selection to an interactive dialog prompt"
+      >
+        <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`),lt=$.querySelector(`template`);let ut=[];ut=lt?Array.from(lt.content.children):Array.from($.head.children).concat(Array.from($.body.children));var dt=ut;const ft=`shadow-claw`;var pt=class extends fe{static styles=ct;static template=dt;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-a9047bGu.js`);await f();let t=()=>{Promise.all([import(`./shadow-claw-conversations-BCBGtS30.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?H(this.shadowRoot,this,this.db,v,v.activePage,!1):n?H(this.shadowRoot,this,this.db,v,M(v,this),!1):H(this.shadowRoot,this,this.db,v,v.activePage,!1),await G(this.shadowRoot,this,this.db,w,v,new URL(window.location.href)),await Qe(this.shadowRoot,this,this.db,this.orchestrator),await ot(window,this.shadowRoot,this,this.db,this.orchestrator,v),await at(window,this.shadowRoot,this,v,w,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{Be(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=Ve(window.location,e);t&&(qe(globalThis.history,t,{replace:!1,useTrailingSlash:!1}),G(this.shadowRoot,this,this.db,w,v,new URL(window.location.href)))};handleNavigationApiNavigate=e=>{let{parsedUrl:t,navigateEvent:n}=we(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 W(this.shadowRoot,this,this.db,w,v,n)}})};shadowClawNav=e=>{this.shadowRoot&&this.db&&Xe(this.shadowRoot,this,this.db,w,v,e)};async render(){if(ze(window,document,this.shadowRoot,this,this.db,v,w,he,new URL(window.location.href)),await Ze(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),z(this.shadowRoot,this.currentPage,this.terminalVisible,this.vmStatus),F(this.shadowRoot,this.currentPage,this.terminalElement,this.terminalVisible,this.terminalPlacementFrame),I(this.shadowRoot,this.headerMainCollapsedOverride),R(this.shadowRoot,this.headerMainCollapsedOverride),L(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),F(this.shadowRoot,this.currentPage,this.terminalElement,this.terminalVisible,this.terminalPlacementFrame)),z(this.shadowRoot,this.currentPage,this.terminalVisible,this.vmStatus)};this.vmStatus=this.orchestrator.vmStatus||this.vmStatus,z(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=>We(this.db,v,w,e)),this.orchestrator.events.on(`provider-help`,e=>Ge(document,this.shadowRoot,e)),this.orchestrator.events.on(`room-invite`,e=>Ke(document,this.shadowRoot,this,this.db,v,e)),this.orchestrator.events.on(`ask-user`,e=>Ue(document,this.shadowRoot,this,e)),st(this.shadowRoot,this,this.db,v)}async requestDialog(e){return X(document,this.shadowRoot,e)}};customElements.get(ft)||customElements.define(ft,pt);