shadow-claw 1.54.0 → 1.55.0

package/dist/public/shadow-claw-pages-BwOOqRWW.js

@@ -1,645 +0,0 @@
-import{i as e}from"./rolldown-runtime-DBVvNlSN.js";import{S as t,a as n,c as r,d as i,f as a,i as o,o as s,r as c,s as l,u}from"./custom-element-security-Cl991z-x.js";import{t as d}from"./browser-B1SoUj6D.js";import{r as f}from"./config-y_2Fg77m.js";import{c as p,f as m,l as h,n as g,r as _,s as v}from"./app-routes-H23VN-4O.js";import{n as y}from"./db-BUuJo1Gf.js";import{t as b}from"./get-config-Bkvl__ZS.js";import{n as x}from"./html-BwtE_7wp.js";import{t as S}from"./dist-CeFyqf9k.js";import{Sn as C,a as w,bn as T,c as E,d as ee,en as te,gn as ne,o as D,t as O,u as re}from"./orchestrator-BlvEG3PO.js";import{a as k,d as A,t as ie}from"./tools-FiTtOlIt.js";import{t as ae}from"./parse-boolean-config-BigJ9U46.js";import{a as j,r as M,s as oe}from"./toast-CtIuHprH.js";import{t as se}from"./shadow-claw-element-DIrv3P6A.js";import{t as N}from"./effect-xrx5qhzv.js";import"./shadow-claw-page-header-action-button-Bmua3mAb.js";import"./shadow-claw-page-header-Bn1P7Cxb.js";import{r as P}from"./frontmatter-CZox7hQQ.js";import{t as ce}from"./file-viewer-DFC3kfeO.js";import{a as F,c as le,i as ue,l as de,n as fe,o as pe,r as me,s as he,t as ge}from"./iframe-storage-proxy-BXWJUsH8.js";var _e=/* @__PURE__ */ e(d(),1);function ve(e){let t=(e.siteTitle||``).trim(),n=e.pageTitle?x(e.pageTitle).trim():``;if(e.isHome||!n)return t;if(!t)return n;if(n.toLowerCase()===t.toLowerCase())return t;let r=e.separator==null?` - `:e.separator;r&&!r.startsWith(` `)&&!r.endsWith(` `)&&(r=` ${r} `);let i=r.trim();return RegExp(`(?:\\s*[-|—•·]\\s*|\\s+${I(i)}\\s+)${I(t)}$`,`i`).test(n)?n:e.titleTemplate?e.titleTemplate.replace(/%%title%%|%title%/g,n).replace(/%%sitename%%|%%site%%|%sitename%|%site%/g,t).replace(/%%sep%%|%sep%/g,i).replace(/%%sitedesc%%|%%description%%|%sitedesc%|%description%/g,(e.siteDescription||``).trim()).replace(/\s+/g,` `).trim():`${n}${r}${t}`}function I(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}function ye(e,t,n){n&&(n.textContent=`Navigated to page: ${t||e.path}`)}function L(e,t){if(e===t||e===`main`&&t===`br:main`||e===`br:main`&&t===`main`)return!0;if(!e.includes(`:`)&&!t.includes(`:`))return!1;let n=e=>e.trim().replace(/:/g,`-`);return n(e)===n(t)}function R(e,t,n,r=typeof window<`u`?window.location.origin:``){let i=e.trim();if(!i||i.startsWith(`#`))return null;let a=i.split(/[?#]/,1)[0],o=a.replace(/^(?:\.\/)+/u,``),s=[];if(o.startsWith(`files/`)&&s.push(`/${o}`),a.startsWith(`/`)){let e=a.lastIndexOf(`/files/`);e>0&&s.push(a.slice(e)),s.push(a)}for(let e of s){let t=p(e);if(t&&L(t.groupId,n))return t.path}let c=g(v(n,t)),l=m(i,c,r||(typeof window<`u`?window.location.origin:``));if(!l||r&&l.origin!==r)return null;let u=p(l.pathname);return!u||!L(u.groupId,n)?null:u.path}function z(e,t,n,r,i=typeof window<`u`?window.location.origin:``){if(!e)return e;let a=i||(typeof window<`u`?window.location.origin:``),o=new DOMParser().parseFromString(e,`text/html`),s=(e,i)=>{let s=Array.from(o.querySelectorAll(e));for(let e of s){let o=(e.getAttribute(i)||``).trim();if(!o||o.startsWith(`#`)||o.startsWith(`javascript:`))continue;let s=m(o,n,a);!s||a&&s.origin!==a||(i!==`href`||h(s.pathname)||R(o,t,r,a))&&e.setAttribute(i,`${s.pathname}${s.search}${s.hash}`)}};return s(`a[href]`,`href`),s(`img[src]`,`src`),s(`audio[src]`,`src`),s(`video[src]`,`src`),s(`source[src]`,`src`),o.body.innerHTML}const be={ALLOWED_URI_REGEXP:/^(?:(?:https?|mailto|ftp|tel|file|blob|data):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i,ADD_TAGS:[`iframe`,`figure`,`figcaption`],CUSTOM_ELEMENT_HANDLING:{tagNameCheck:e=>t(e),attributeNameCheck:()=>!0,allowCustomizedBuiltInElements:!1},ADD_ATTR:[`allow`,`allowfullscreen`,`frameborder`,`scrolling`,`referrerpolicy`,`loading`]};async function xe({content:e,filePath:t,searchParams:n=``,groupId:r,origin:i=typeof window<`u`?window.location?.origin:``,sanitizeOptions:a=be,resolveRelativeImagesInHtmlFn:l}){let d=g(v(r,t)),f=z(e,t,d,r,i),p=l?await l(f,t,r):f,m=u(p,a),h=crypto.randomUUID().replace(/-/g,``),_=g(`/assets/file-viewer-preview-bridge.js`),y=g(`/assets/iframe-storage-bridge.js`),b=c(),x=o(h),S=typeof document<`u`?document.getElementById(`shadow-claw-site-config`):null,C=S&&S.textContent?`<script id="shadow-claw-site-config" type="application/json">${S.textContent}<\/script>`:``,w=n?`<script nonce="${h}">(function(){try{Object.defineProperty(globalThis.location,"search",{get:function(){return ${JSON.stringify(n)};},configurable:true});}catch(e){}})();<\/script>`:``,T=b.length>0&&s(m)?b.map(({src:e,hasInit:t})=>{let n=e.startsWith(`http://`)||e.startsWith(`https://`)||e.startsWith(`//`)?e:g(e.startsWith(`/`)?e:`/${e.replace(/^pages\/main\//,``)}`),r=[`<script type="module" src="${n}" nonce="${h}"><\/script>`];return t&&r.push(`<script type="module" nonce="${h}">import("${n}").then((m) => { try { if (typeof m?.init === "function") m.init(); } catch (e) { console.error("[ShadowClaw] Error executing init for " + ${JSON.stringify(n)}, e); } }).catch(() => {});<\/script>`),r.join(`
-`)}).join(`
-`):``,E=de();return[`<!doctype html>`,`<html class="${he()}"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">`,`<meta http-equiv="Content-Security-Policy" content="${x}">`,`<base href="${d}" target="_blank">`,w,C,`<script src="${y}" nonce="${h}"><\/script>`,`<script src="${_}" nonce="${h}"><\/script>`,le(),E,T,`</head><body>`,m,`</body></html>`].join(``)}function Se(e,t){return t===0?{isPrevDisabled:!0,isNextDisabled:!0}:{isPrevDisabled:e<=0,isNextDisabled:e<0||e>=t-1}}async function Ce(e,t,n=e=>O.removeAllPages(e)){return!e||!await t({title:`Remove All Pages`,message:`Remove ALL saved pages from Pages? This cannot be undone!`,confirmLabel:`Remove All`,cancelLabel:`Cancel`})?!1:(await n(e),!0)}const B={setItem:F,deleteItem:fe,clear:ge,getAll:ue,getItem:me,putItem:F};async function we(e,t,n,r=B){switch(e){case`setItem`:await r.setItem(n,String(t.key||``),t.value);return;case`removeItem`:await r.deleteItem(n,String(t.key||``));return;case`clear`:await r.clear(n);return;case`getAllItems`:return await r.getAll(n);case`idb-get`:return await r.getItem(`${n}::idb::${t.dbName}::${t.storeName}`,String(t.key||``));case`idb-getAll`:return await r.getAll(`${n}::idb::${t.dbName}::${t.storeName}`);case`idb-put`:{let e=t.key==null?`__auto_${Date.now()}`:String(t.key);return await r.putItem(`${n}::idb::${t.dbName}::${t.storeName}`,e,t.value),e}case`idb-delete`:await r.deleteItem(`${n}::idb::${t.dbName}::${t.storeName}`,String(t.key||``));return;case`idb-clear`:await r.clear(`${n}::idb::${t.dbName}::${t.storeName}`);return;case`idb-deleteDatabase`:await r.clear(`${n}::idb::${t.dbName}::__default__`);return;case`idb-count`:{let e=await r.getAll(`${n}::idb::${t.dbName}::${t.storeName}`);return Object.keys(e).length}default:throw Error(`Unknown storage proxy method: ${e}`)}}async function Te(e,t,n,r,i,a=B){if(t)try{let o=await we(n,r,i,a);e.postMessage({type:`shadow-claw-storage-proxy-result`,requestId:t,result:o??null},`*`)}catch(n){e.postMessage({type:`shadow-claw-storage-proxy-result`,requestId:t,error:n instanceof Error?n.message:String(n)},`*`)}}function Ee({root:e,rendered:t,selectedPath:r,onIframeLoad:i}){let a=e.querySelector(`[data-pages-iframe]`);if(a instanceof HTMLIFrameElement)return a;let o=document.createElement(`iframe`);return o.className=`pages__iframe`,o.setAttribute(`data-pages-iframe`,``),o.setAttribute(`title`,r?`Preview: ${r}`:`Page preview`),o.setAttribute(`sandbox`,n()),o.setAttribute(`allow`,`fullscreen`),o.hidden=!0,i&&o.addEventListener(`load`,()=>{i(o.contentWindow)}),t.before(o),o}function De(e){if(typeof e!=`string`&&typeof e!=`number`)return 0;let t=parseInt(String(e),10);return isNaN(t)||t<0?0:te(t,0,{min:0,max:86400})}async function Oe(e,t=b){if(!e)return 0;try{return De(await t(e,f.PAGES_AUTO_REFRESH_INTERVAL))}catch{return 0}}function V(e){if(!e)return``;let t=e.groupId;return t===`main`&&(t=`br:main`),`${t}\u0000${e.path}`}function H(e,t=[]){if(!e)return-1;let n=V(e);return t.findIndex(e=>V(e)===n)}function ke(e=[]){let t=/* @__PURE__ */ new Map;return e.forEach(e=>{let n=t.get(e.groupId)||[];n.push(e),t.set(e.groupId,n)}),t}function Ae(e,t){if(!t||t.hidden)return!1;let n=e.replace(/^#/,``),r=t.querySelector(`[id="${n}"]`)||t.querySelector(`a[name="${n}"]`);return r?(r.scrollIntoView({behavior:`smooth`,block:`start`}),!0):!1}function je(e){let t=e.detail;return t&&t.interval!==void 0?De(t.interval):null}function Me(e,t){return!e||!t||!e.groupId||!e.path||e.path!==t.path?!1:e.groupId===t.groupId||L(e.groupId,t.groupId)}function Ne(e,t){let n=e.detail;return Me(n,t)}function U(e,t){let n=[`data-no-nav`,`data-no-swipe`,`data-no-page-nav`,`data-prevent-nav`,`data-prevent-page-nav`,`data-isolate-input`,`data-isolate-navigation`,`data-game-controls`],r=e=>{if(!e||!(e instanceof HTMLElement))return!1;let t=e.tagName.toLowerCase();return!!(t===`input`||t===`textarea`||t===`select`||t===`option`||t===`iframe`||e.classList.contains(`pages__preview-frame`)||e.isContentEditable||e.contentEditable===`true`||e.getAttribute(`contenteditable`)===`true`||e.hasAttribute(`contenteditable`)||e.closest(`[data-pages-list]`)||e.closest(`[data-pages-dropdown]`)||e.closest(`.pages__sidebar`)||e.closest(`.pages__preview-frame`)||e.closest(`iframe`)||n.some(t=>e.closest(`[${t}]`)))};if(t&&r(t))return!0;if(e){let t=typeof e.composedPath==`function`?e.composedPath():[];for(let e of t)if(e instanceof HTMLElement){let t=e.tagName.toLowerCase();if(n.some(t=>e.hasAttribute(t))||t===`input`||t===`textarea`||t===`select`||t===`option`||t===`iframe`||e.classList.contains(`pages__preview-frame`)||e.isContentEditable||e.contentEditable===`true`||e.getAttribute(`contenteditable`)===`true`||e.hasAttribute(`contenteditable`))return!0}if(e.target&&r(e.target))return!0}return!1}function Pe(e,t){return t||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`||e.ctrlKey||e.altKey||e.metaKey?null:e.key===`ArrowLeft`?`previous`:`next`}function Fe(e,t,n,r,i,a=300,o=Date.now()){let s=i??{lastNavigationTime:0,lastDirection:null};if(!t)return s;let c=n?.activeElement||document.activeElement,l=Pe(e,U(e,e.target||null)||U(void 0,c));return!l||(e.preventDefault(),s.lastDirection===l&&o-s.lastNavigationTime<a)||(s.lastNavigationTime=o,s.lastDirection=l,r(l)),s}function Ie(e,t,n=Date.now()){return e.button!==0||t?{mouseStartX:0,mouseStartY:0,mouseStartTime:0,isMouseDown:!1}:{mouseStartX:e.clientX,mouseStartY:e.clientY,mouseStartTime:n,isMouseDown:!0}}function W(e,t,n,r,i,a=Date.now(),o=50,s=600){let c=n-e,l=r-t,u=a-i;return Math.abs(c)>=o&&Math.abs(c)>Math.abs(l)&&u<=s?c<0?`next`:`previous`:null}function Le(e,t,n,r,i=Date.now()){return!t.isMouseDown||n||r?null:W(t.mouseStartX,t.mouseStartY,e.clientX,e.clientY,t.mouseStartTime,i)}function Re(e,t,n){if(t===n||t<0||t>=e.length||n<0||n>=e.length)return e;let r=[...e],[i]=r.splice(t,1);return r.splice(n,0,i),r}async function ze({db:e,currentPages:t,fromIndex:n,toIndex:r,reorderStoreFn:i=(e,t)=>O.reorderPages(e,t)}){if(!e||n===r)return{reordered:!1,reorderedPages:t,movedToFirst:null};let a=Re(t,n,r);if(a===t)return{reordered:!1,reorderedPages:t,movedToFirst:null};await i(e,a);let o=a[r]||null;return{reordered:!0,reorderedPages:a,movedToFirst:r===0?o:null}}function Be(e,t,n,r=Date.now()){if(!t.touchStartTime||n)return null;if(e.changedTouches&&e.changedTouches.length===1){let n=e.changedTouches[0].clientX,i=e.changedTouches[0].clientY;return W(t.touchStartX,t.touchStartY,n,i,t.touchStartTime,r)}return null}function Ve(e,t,n=Date.now()){return t?{touchStartX:0,touchStartY:0,touchStartTime:0}:e.touches&&e.touches.length===1?{touchStartX:e.touches[0].clientX,touchStartY:e.touches[0].clientY,touchStartTime:n}:null}function He(e,t,n){return!e&&t?`render-and-timer`:e&&n?`clear-timer`:`noop`}function Ue(e,t){return!e&&t}function We(e){return/\.(html?|xhtml)$/iu.test(e)}function G(e){return/\.(md|markdown)$/iu.test(e)}function Ge(e){if(!e||typeof e!=`object`)return null;let t=e;return t.type===`shadow-claw-broadcast-result`&&typeof t.channel==`string`?{kind:`broadcast-result`,channel:t.channel,payload:t.payload}:t.type===`shadow-claw-storage-proxy`?{kind:`storage-proxy`,requestId:String(t.requestId||``),method:String(t.method||``),args:t.args&&typeof t.args==`object`?t.args:{}}:t.type===`shadow-claw-swipe`&&typeof t.direction==`string`?{kind:`swipe`,direction:t.direction}:t.type===`shadow-claw-iframe-resize`&&typeof t.height==`number`?{kind:`iframe-resize`,height:t.height}:t.type===`shadow-claw-file-viewer-link`&&typeof t.href==`string`?{kind:`file-viewer-link`,href:t.href,target:typeof t.target==`string`?t.target:void 0}:null}async function Ke({db:e,groupId:t,workspacePath:n,readGroupFileBytesFn:r=ne,writeGroupFileFn:i=k,fetchFn:a=typeof fetch<`u`?fetch:void 0}){if(e)try{let i=await r(e,t,n),a=T(n)||`image/jpeg`,o=new Uint8Array(i.byteLength);return o.set(new Uint8Array(i)),`data:${a};base64,${C(o)}`}catch{}if(!a)return null;try{let r=n.replace(/^\/+/,``),o=[g(`/files/main/${r}`),g(`/static-main/${r}`),g(`/pages/main/${r}`)];for(let r of o)try{let o=await a(typeof window<`u`&&window.location?.origin?new URL(r,window.location.origin).toString():r);if(o.ok){let r=await o.blob();if(e)try{let a=await r.arrayBuffer();await i(e,t,n,new Uint8Array(a))}catch{}if(typeof FileReader<`u`)return await new Promise((e,t)=>{let n=new FileReader;n.onload=()=>e(n.result),n.onerror=t,n.readAsDataURL(r)});let a=await r.arrayBuffer(),s=C(new Uint8Array(a));return`data:${r.type||T(n)||`image/jpeg`};base64,${s}`}}catch{}}catch{}return null}function K(e){let t=e.querySelector(`[data-pages-iframe]`);if(t instanceof HTMLIFrameElement){t.removeAttribute(`srcdoc`);try{t.src=`about:blank`}catch{}t.remove()}}async function q(e,t=typeof document<`u`?document.querySelector(`shadow-claw`):null,n=oe){return t&&typeof t.requestDialog==`function`?await t.requestDialog({mode:`confirm`,...e}):(n(e.message,4500),!1)}async function J(e,t,n=b){if(!e||typeof e.transaction!=`function`)return!0;try{return ae(await n(e,t),!0)}catch{return!0}}function qe(e,t,n=[]){if(e===t||L(e,t))return t;let r=n.find(t=>t.groupId===e);if(r)return r.groupId;let i=n.find(t=>L(e,t.groupId));return i?i.groupId:e||null}function Je(e,t,n,r=[],i=typeof window<`u`?window.location.origin:``){let a=e.trim();if(!a||a.startsWith(`#`))return null;let o=[],s=a.split(/[?#]/,1)[0];if(/^[a-zA-Z][a-zA-Z\d+.-]*:/u.test(s)||s.startsWith(`//`)){let e;try{e=new URL(s,i||(typeof window<`u`?window.location.origin:``))}catch{return null}if(i&&e.origin!==i)return null;s=e.pathname}let c=s.replace(/^(?:\.\/)+/u,``);if(c.startsWith(`files/`)&&o.push(`/${c}`),s.startsWith(`/`)){let e=s.lastIndexOf(`/files/`);e>0&&o.push(s.slice(e)),o.push(s)}for(let e of o){let t=p(e);if(!t)continue;let i=qe(t.groupId,n,r);if(i)return{groupId:i,path:t.path}}let l=R(a,t,n,i);return l?{groupId:n,path:l}:null}async function Ye({container:e,groupId:t,filePath:n,groups:r,readImageAsDataUrlFn:i}){let a=Array.from(e.querySelectorAll(`img[src]`));a.length!==0&&await Promise.all(a.map(async e=>{let a=e.getAttribute(`src`)||``;if(!a||/^(?:blob:|data:|#)/u.test(a))return;let o=Je(a,n,t,r);if(!o)return;let s=await i(o.groupId,o.path);s&&e.setAttribute(`src`,s)}))}function Y(e,t,n){return e>0&&!t&&n}function Xe(e){if(!e)return;let t=typeof document<`u`&&document.documentElement.classList.contains(`dark-mode`),n={};if(typeof document<`u`&&typeof getComputedStyle<`u`){let e=getComputedStyle(document.documentElement);for(let t=0;t<e.length;t++){let r=e[t];r.startsWith(`--`)&&(n[r]=e.getPropertyValue(r))}}e.postMessage({type:`shadow-claw-theme-update`,theme:t?`dark`:`light`,customProperties:n},`*`)}function Ze({root:e,currentOpen:t,force:n}){if(!e)return t;let r=e.querySelector(`[data-pages-dropdown]`),i=r instanceof HTMLDetailsElement&&r.open,a;a=n===void 0?!(i||t):n;let o=e.querySelector(`.pages__sidebar`),s=e.querySelector(`.pages__content`);return o&&o.classList.toggle(`collapsed`,!a),s&&s.classList.toggle(`pages__content--sidebar-collapsed`,!a),r instanceof HTMLDetailsElement&&(a?r.setAttribute(`open`,``):r.removeAttribute(`open`)),a}const X=new CSSStyleSheet;X.replaceSync(`* {
-  box-sizing: border-box;
-}
-
-:host {
-  display: block;
-  height: calc(100dvh + 4rem);
-  line-height: 1.5;
-}
-
-.pages {
-  background: var(--shadow-claw-bg-primary);
-  color: var(--shadow-claw-text-primary);
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-  min-width: 0;
-}
-
-.pages__content {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  min-height: 0;
-  min-width: 0;
-}
-
-.pages__sidebar {
-  display: none;
-}
-
-.pages__list {
-  display: flex;
-  flex-direction: column;
-  gap: 0.375rem;
-  padding: 0.625rem;
-}
-
-.pages__group-details {
-  display: flex;
-  flex-direction: column;
-  gap: 0.375rem;
-}
-
-.pages__group-label {
-  align-items: center;
-  color: var(--shadow-claw-text-secondary);
-  cursor: pointer;
-  display: flex;
-  font-size: 0.75rem;
-  font-weight: 700;
-  justify-content: space-between;
-  list-style: none;
-  margin: 0.25rem 0 0;
-  padding: 0.125rem 0.25rem;
-  text-transform: uppercase;
-  user-select: none;
-}
-
-.pages__group-label::-webkit-details-marker {
-  display: none;
-}
-
-.pages__group-icon {
-  font-size: 0.625rem;
-  transform: rotate(-90deg);
-  transition: transform var(--shadow-claw-duration-min)
-    var(--shadow-claw-ease-out);
-}
-
-.pages__group-details[open] .pages__group-icon {
-  transform: rotate(0deg);
-}
-
-.pages__group-pages {
-  display: flex;
-  flex-direction: column;
-  gap: 0.375rem;
-}
-
-.pages__list-item {
-  align-items: center;
-  background: var(--shadow-claw-bg-secondary);
-  border: 0.0625rem solid var(--shadow-claw-border-color);
-  border-radius: var(--shadow-claw-radius-m);
-  color: var(--shadow-claw-text-primary);
-  display: flex;
-  font-size: var(--shadow-claw-font-size-sm);
-  gap: 0.375rem;
-  justify-content: space-between;
-  line-height: 1.35;
-  padding: 0.375rem;
-  width: 100%;
-}
-
-.pages__list-item:hover {
-  border-color: var(--shadow-claw-accent-primary);
-}
-
-.pages__select {
-  align-items: center;
-  background: transparent;
-  border: none;
-  color: inherit;
-  cursor: pointer;
-  display: flex;
-  flex: 1;
-  font: inherit;
-  min-width: 0;
-  padding: 0.125rem 0.25rem;
-  text-align: left;
-}
-
-.pages__list-item.active {
-  background: color-mix(
-    in srgb,
-    var(--shadow-claw-accent-primary) 20%,
-    var(--shadow-claw-bg-secondary)
-  );
-  border-color: var(--shadow-claw-accent-primary);
-}
-
-.pages__list-path {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-}
-
-.pages__remove {
-  background: transparent;
-  border: none;
-  color: var(--shadow-claw-text-secondary);
-  cursor: pointer;
-  flex: none;
-  font-size: 1rem;
-  line-height: 1;
-  padding: 0.125rem 0.25rem;
-}
-
-.pages__remove:hover {
-  color: var(--shadow-claw-error-color);
-}
-
-.pages__viewer {
-  display: flex;
-  flex: 1;
-  flex-direction: row;
-  min-height: calc(100vh - 11rem);
-  min-height: calc(100dvh - 11rem);
-  min-width: 0;
-  overflow: hidden;
-  position: relative;
-}
-
-.pages__viewer-scroll {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  height: calc(100% + 1.5rem);
-  min-width: 0;
-  padding: 0.75rem 1rem;
-}
-
-.pages__rendered {
-  max-width: 72rem;
-  padding: 1rem 1.5rem 1rem 1rem;
-}
-
-.pages__rendered :is(pre) {
-  overflow: auto;
-}
-
-.pages__rendered img {
-  max-height: 100%;
-  max-width: 100%;
-}
-
-.pages__rendered a {
-  color: var(--shadow-claw-link, var(--shadow-claw-accent-primary));
-}
-
-article > h1,
-article > h2,
-article header > h1,
-article header > h2,
-article :is(h1, h2),
-.pages__rendered > h1,
-.pages__rendered > h2 {
-  margin-top: 0;
-  margin-bottom: var(--shadow-claw-article-header-margin-bottom, 1.5rem);
-}
-
-.pages__rendered :is(h1, h2, h3, h4) {
-  clear: both;
-}
-
-.pages__rendered :is(h1, h2, h3, h4, h5, h6) a {
-  color: var(--shadow-claw-text-primary, inherit);
-  text-decoration: none;
-}
-
-.pages__rendered :is(h1, h2, h3, h4, h5, h6) a:hover {
-  color: var(--shadow-claw-link-hover, inherit);
-  text-decoration: underline;
-}
-
-.pages__iframe {
-  background: transparent;
-  border-width: 0;
-  display: block;
-  height: auto;
-  min-height: 20rem;
-  overflow: hidden;
-  width: 100%;
-}
-
-.pages__empty {
-  color: var(--shadow-claw-text-secondary);
-  font-size: var(--shadow-claw-font-size-sm);
-}
-
-.pages__status {
-  color: var(--shadow-claw-text-secondary);
-  font-size: var(--shadow-claw-font-size-sm);
-}
-
-.pages:has(.pages__sidebar.collapsed) .pages__remove-all-btn {
-  display: none;
-}
-
-.pages:has(.pages__sidebar.collapsed)
-  shadow-claw-page-header::part(actions-disclosure) {
-  display: none;
-}
-
-.pages__dropdown-container {
-  align-items: center;
-  display: var(--shadow-claw-pages-dropdown-container-display, flex);
-  gap: 0.5rem;
-  margin-bottom: 1rem;
-  position: relative;
-  width: 100%;
-}
-
-/* Ebook-style edge navigation buttons */
-.pages__nav-btn {
-  align-items: center;
-  background: color-mix(
-    in srgb,
-    var(--shadow-claw-bg-secondary) 80%,
-    transparent
-  );
-  backdrop-filter: blur(6px);
-  border: 0.0625rem solid
-    color-mix(in srgb, var(--shadow-claw-border-color) 60%, transparent);
-  border-radius: var(--shadow-claw-radius-m);
-  color: var(--shadow-claw-text-secondary);
-  cursor: pointer;
-  display: flex;
-  flex: none;
-  height: 8rem;
-  justify-content: center;
-  max-height: 8rem;
-  min-height: 8rem;
-  opacity: 0;
-  padding: 0.75rem 0.5rem;
-  pointer-events: none;
-  position: fixed;
-  top: 50dvh;
-  transform: translateY(-50%);
-  transition:
-    opacity 0.4s var(--shadow-claw-ease-out),
-    color 0.15s var(--shadow-claw-ease-out),
-    border-color 0.15s var(--shadow-claw-ease-out),
-    background 0.15s var(--shadow-claw-ease-out);
-  z-index: 100;
-}
-
-.pages__nav-btn--prev {
-  left: 0.5rem;
-}
-
-.pages__nav-btn--next {
-  right: 0.5rem;
-}
-
-/* Reveal on direct button hover, viewer focus, or temporary JS active state */
-.pages__nav-btn:hover:not(:disabled):not([hidden]),
-.pages__content:focus-within .pages__nav-btn:not(:disabled):not([hidden]),
-.pages__viewer:focus-within ~ .pages__nav-btn:not(:disabled):not([hidden]),
-.pages__content:has(.pages__viewer--nav-visible)
-  .pages__nav-btn:not(:disabled):not([hidden]),
-.pages__viewer.pages__viewer--nav-visible
-  ~ .pages__nav-btn:not(:disabled):not([hidden]) {
-  opacity: 1;
-  pointer-events: auto;
-}
-
-/* Completely hide unclickable (disabled/hidden) buttons */
-.pages__nav-btn:disabled,
-.pages__nav-btn[hidden] {
-  display: none !important;
-  opacity: 0 !important;
-  pointer-events: none !important;
-}
-
-.pages__nav-btn:hover:not(:disabled) {
-  background: color-mix(
-    in srgb,
-    var(--shadow-claw-accent-primary) 15%,
-    var(--shadow-claw-bg-secondary)
-  );
-  border-color: var(--shadow-claw-accent-primary);
-  color: var(--shadow-claw-accent-primary);
-  opacity: 1;
-}
-
-.pages__nav-btn:disabled {
-  cursor: not-allowed;
-}
-
-.pages__dropdown {
-  background: var(--shadow-claw-bg-secondary);
-  border: 0.0625rem solid var(--shadow-claw-border-color);
-  border-radius: var(--shadow-claw-radius-m);
-  box-shadow: var(--shadow-claw-shadow-sm);
-  color: var(--shadow-claw-text-primary);
-  display: block;
-  transition: border-color var(--shadow-claw-duration-min)
-    var(--shadow-claw-ease-out);
-  width: 100%;
-}
-
-.pages__dropdown:hover {
-  border-color: var(--shadow-claw-accent-primary);
-}
-
-.pages__dropdown-summary {
-  align-items: center;
-  cursor: pointer;
-  display: flex;
-  font-size: var(--shadow-claw-font-size-sm);
-  font-weight: 600;
-  gap: 0.5rem;
-  justify-content: space-between;
-  list-style: none;
-  padding: 0.625rem 1rem;
-  user-select: none;
-}
-
-.pages__dropdown-summary::-webkit-details-marker {
-  display: none;
-}
-
-.pages__dropdown-selected {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.pages__dropdown-arrow {
-  color: var(--shadow-claw-text-secondary);
-  font-size: 0.75rem;
-  transition: transform var(--shadow-claw-duration-min)
-    var(--shadow-claw-ease-out);
-}
-
-.pages__dropdown[open] .pages__dropdown-arrow {
-  transform: rotate(180deg);
-}
-
-.pages__dropdown-menu {
-  backdrop-filter: blur(10px);
-  background: var(--shadow-claw-bg-secondary);
-  border: 0.0625rem solid var(--shadow-claw-border-color);
-  border-radius: var(--shadow-claw-radius-m);
-  box-shadow: var(--shadow-claw-shadow-lg);
-  left: 0;
-  margin-top: 0.375rem;
-  max-height: 20rem;
-  overflow-y: auto;
-  position: absolute;
-  right: 0;
-  z-index: 100;
-}
-
-.pages__dropdown-menu .pages__list {
-  padding: 0.375rem;
-}
-
-.pages__breadcrumbs {
-  align-items: center;
-  display: flex;
-  font-size: 0.8125rem;
-}
-
-.pages__sidebar-toggle-btn {
-  background-color: var(--shadow-claw-bg-primary);
-  border: 0.0625rem solid var(--shadow-claw-border-color);
-  border-radius: 0.1875rem;
-  color: var(--shadow-claw-accent-primary);
-  cursor: pointer;
-  padding: 0.25rem 0.5rem;
-  transition: all 0.1s;
-}
-
-.pages__sidebar-toggle-btn:hover,
-.pages__sidebar-toggle-btn:focus-visible {
-  background-color: var(--shadow-claw-bg-tertiary);
-  border-color: var(--shadow-claw-accent-primary);
-  outline: none;
-}
-
-.pages__drag-handle {
-  color: var(--shadow-claw-text-tertiary);
-  cursor: grab;
-  flex: none;
-  font-size: 0.875rem;
-  line-height: 1;
-  padding: 0.125rem 0.25rem;
-  user-select: none;
-}
-
-.pages__drag-handle:hover {
-  color: var(--shadow-claw-text-secondary);
-}
-
-.pages__drag-handle:active,
-.pages__list-item.dragging .pages__drag-handle {
-  cursor: grabbing;
-}
-
-.pages__list-item.drag-over {
-  border-color: var(--shadow-claw-accent-primary);
-  box-shadow: 0 0 0 0.125rem var(--shadow-claw-accent-primary);
-}
-
-.pages__default-btn {
-  background: transparent;
-  border: none;
-  color: var(--shadow-claw-text-tertiary);
-  cursor: pointer;
-  flex: none;
-  font-size: 0.875rem;
-  line-height: 1;
-  padding: 0.125rem 0.25rem;
-}
-
-.pages__default-btn:hover,
-.pages__default-btn.is-default {
-  color: var(--shadow-claw-accent-primary);
-}
-
-.pages__edit {
-  background: transparent;
-  border: none;
-  color: var(--shadow-claw-text-secondary);
-  cursor: pointer;
-  flex: none;
-  font-size: 0.875rem;
-  line-height: 1;
-  padding: 0.125rem 0.25rem;
-}
-
-.pages__edit:hover {
-  color: var(--shadow-claw-text-primary);
-}
-
-/* Desktop breakpoint: show pages column side-by-side */
-@media (min-width: 75rem) {
-  .pages__content {
-    display: grid;
-    grid-template-columns: minmax(14rem, 20rem) minmax(0, 1fr);
-    grid-template-rows: minmax(0, 1fr);
-  }
-
-  .pages__content.pages__content--sidebar-collapsed {
-    grid-template-columns: 1fr !important;
-  }
-
-  .pages__sidebar {
-    border-right: 0.0625rem solid var(--shadow-claw-border-color);
-    display: block;
-    min-height: 0;
-    overflow: auto;
-  }
-
-  .pages__sidebar.collapsed {
-    display: none !important;
-  }
-
-  .pages__dropdown {
-    display: none;
-  }
-
-  .pages__nav-btn--prev {
-    left: 20.5rem;
-  }
-
-  .pages__content.pages__content--sidebar-collapsed .pages__nav-btn--prev {
-    left: 0.5rem;
-  }
-}
-
-shadow-claw-page-header {
-  display: var(--shadow-claw-page-header-display, block);
-}
-
-ul {
-  line-height: 1.5;
-}
-
-.pages__announcer {
-  border: 0;
-  clip: rect(0, 0, 0, 0);
-  height: 0.0625rem;
-  margin: -0.0625rem;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  white-space: nowrap;
-  width: 0.0625rem;
-}
-`);const Z=new DOMParser().parseFromString(`<template>
-  <section class="pages" aria-label="Pages">
-    <div
-      class="pages__announcer"
-      data-pages-announcer
-      aria-live="polite"
-      aria-atomic="true"
-    ></div>
-    <shadow-claw-page-header icon="📚" title="Pages">
-      <nav
-        slot="breadcrumbs"
-        class="pages__breadcrumbs"
-        aria-label="Toggle pages sidebar"
-      >
-        <button
-          type="button"
-          class="pages__sidebar-toggle-btn"
-          data-pages-sidebar-toggle
-          title="Toggle pages list"
-        >
-          📁 Pages
-        </button>
-      </nav>
-      <div slot="status" class="pages__status" data-pages-status></div>
-
-      <shadow-claw-page-header-action-button
-        class="pages__remove-all-btn"
-        slot="actions"
-        title="Remove all saved pages"
-        variant="danger"
-      >
-        🗑️ Remove All
-      </shadow-claw-page-header-action-button>
-    </shadow-claw-page-header>
-
-    <div class="pages__content pages__content--sidebar-collapsed">
-      <aside class="pages__sidebar collapsed" aria-label="Saved pages">
-        <div class="pages__list" data-pages-list role="list"></div>
-      </aside>
-
-      <button
-        type="button"
-        class="pages__nav-btn pages__nav-btn--prev"
-        data-pages-prev
-        aria-label="Previous page"
-        hidden
-        disabled
-      >
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="20"
-          height="20"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        >
-          <path d="m15 18-6-6 6-6" />
-        </svg>
-      </button>
-
-      <article class="pages__viewer" aria-label="Page preview">
-        <div class="pages__viewer-scroll">
-          <div class="pages__dropdown-container" data-pages-dropdown-container>
-            <details class="pages__dropdown" data-pages-dropdown>
-              <summary class="pages__dropdown-summary">
-                <span
-                  class="pages__dropdown-selected"
-                  data-pages-dropdown-selected
-                  >Select a page...</span
-                >
-                <span class="pages__dropdown-arrow">▼</span>
-              </summary>
-              <div class="pages__dropdown-menu">
-                <div class="pages__list" data-pages-list role="list"></div>
-              </div>
-            </details>
-          </div>
-
-          <div class="pages__empty" data-pages-empty>
-            No pages yet. In Files, use "Set as Page" on a markdown or HTML
-            file.
-          </div>
-          <div class="pages__rendered" data-pages-rendered hidden></div>
-        </div>
-      </article>
-
-      <button
-        type="button"
-        class="pages__nav-btn pages__nav-btn--next"
-        data-pages-next
-        aria-label="Next page"
-        hidden
-        disabled
-      >
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="20"
-          height="20"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-        >
-          <path d="m9 18 6-6-6-6" />
-        </svg>
-      </button>
-    </div>
-  </section>
-</template>
-`,`text/html`),Q=Z.querySelector(`template`);let Qe=[];Qe=Q?Array.from(Q.content.children):Array.from(Z.head.children).concat(Array.from(Z.body.children));var $e=Qe;const et={ALLOWED_URI_REGEXP:/^(?:(?:https?|mailto|ftp|tel|file|blob|data):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i,ADD_TAGS:[`iframe`,`figure`,`figcaption`,`script`],CUSTOM_ELEMENT_HANDLING:{tagNameCheck:e=>t(e),attributeNameCheck:()=>!0,allowCustomizedBuiltInElements:!1},ADD_ATTR:[`allow`,`allowfullscreen`,`frameborder`,`scrolling`,`referrerpolicy`,`loading`,`src`,`type`,`async`,`defer`]},tt=`shadow-claw-pages`;function $(e,t){return!e||!t?!1:e===t||e.replace(/^\/+/,``).replace(/^pages\/[^/]+\//,``)===t.replace(/^\/+/,``).replace(/^pages\/[^/]+\//,``)}var nt=class extends se{static styles=X;static template=$e;autoRefreshIntervalSec=0;autoRefreshTimer=null;broadcastProxy=null;db=null;draggedPageIndex=null;isMouseDown=!1;keyNavState={lastNavigationTime:0,lastDirection:null};mouseStartTime=0;mouseStartX=0;mouseStartY=0;navFadeTimer=null;pageFrontmatter=new S.State(null);previewFrameWindow=null;renderToken=0;sidebarOpen=!1;themeObserver=null;touchStartTime=0;touchStartX=0;touchStartY=0;dsdInitialPath=null;renderedContent=null;renderedFrontmatterToggle=null;renderedKey=null;routingReady=!1;constructor(){super()}async connectedCallback(){let e=this.shadowRoot;if(!e)throw Error(`shadowRoot not found`);if(document.documentElement.classList.contains(`sc-prerender-override`)){let t=e.querySelector(`[data-pages-rendered]`);t instanceof HTMLElement&&(t.hidden=!0,t.textContent=``)}else{let t=e.querySelector(`[data-pages-rendered]`),n=t instanceof HTMLElement?t.getAttribute(`data-initial-path`)?.trim():null,r=e.querySelector(`[data-pages-dropdown-selected]`)?.textContent?.trim();n?this.dsdInitialPath=n:r&&r!==`Select a page...`&&(this.dsdInitialPath=r)}this.db=await y(),await O.whenInitialized,this.broadcastProxy=new pe(()=>this.previewFrameWindow||this.shadowRoot?.querySelector(`[data-pages-iframe]`)?.contentWindow||null),window.addEventListener(`message`,this.handleIframeMessage),document.addEventListener(`visibilitychange`,this.handleVisibilityChange),window.addEventListener(`focus`,this.handleWindowFocus),window.addEventListener(`shadow-claw-pages-auto-refresh-change`,this.handleAutoRefreshConfigChange),document.addEventListener(`shadow-claw-file-saved`,this.handleFileSaved),document.addEventListener(`keydown`,this.handleKeyDown),e.addEventListener(`click`,t=>{let n=e.querySelector(`[data-pages-dropdown]`);if(n instanceof HTMLDetailsElement&&n.open){let r=t.target,i=e.querySelector(`[data-pages-sidebar-toggle]`);!n.contains(r)&&(!i||!i.contains(r))&&n.removeAttribute(`open`)}});let t=e.querySelector(`.pages__viewer`),n=e.querySelector(`.pages__viewer-scroll`),r=()=>{this.showNavButtonsTemporarily(2e3)};t instanceof HTMLElement&&(t.addEventListener(`pointermove`,r,{passive:!0}),t.addEventListener(`pointerdown`,r,{passive:!0}),t.addEventListener(`touchstart`,r,{passive:!0}),t.addEventListener(`touchstart`,this.handleTouchStart,{passive:!0}),t.addEventListener(`touchend`,this.handleTouchEnd,{passive:!0}),t.addEventListener(`mousedown`,this.handleMouseDown,{passive:!0}),t.addEventListener(`mouseup`,this.handleMouseUp,{passive:!0}),t.addEventListener(`click`,r,{passive:!0}),t.addEventListener(`focusin`,r,{passive:!0})),n instanceof HTMLElement&&n.addEventListener(`scroll`,r,{passive:!0});let i=e.querySelector(`[data-pages-sidebar-toggle]`);i&&i.addEventListener(`click`,()=>{this.toggleSidebar()});let a=e.querySelector(`.pages__remove-all-btn`);a&&a.addEventListener(`click`,()=>{this.handleRemoveAll()});let o=e.querySelector(`[data-pages-prev]`);o&&o.addEventListener(`click`,()=>{this.goToPreviousPage()});let s=e.querySelector(`[data-pages-next]`);s&&s.addEventListener(`click`,()=>{this.goToNextPage()}),this.toggleSidebar(this.sidebarOpen),this.setupEffects(),this.themeObserver=new MutationObserver(e=>{for(let t of e)t.type===`attributes`&&t.attributeName===`class`&&this.syncIframeTheme()}),this.themeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]}),await O.whenReady,this.routingReady=!0,this.renderSelectedPage(),this.setupAutoRefreshTimer()}disconnectedCallback(){this.renderedKey=null,this.renderedContent=null,this.renderedFrontmatterToggle=null,this.dsdInitialPath=null,this.themeObserver&&=(this.themeObserver.disconnect(),null),this.navFadeTimer!==null&&(clearTimeout(this.navFadeTimer),this.navFadeTimer=null),this.autoRefreshTimer!==null&&(clearInterval(this.autoRefreshTimer),this.autoRefreshTimer=null),window.removeEventListener(`message`,this.handleIframeMessage),document.removeEventListener(`visibilitychange`,this.handleVisibilityChange),window.removeEventListener(`focus`,this.handleWindowFocus),window.removeEventListener(`shadow-claw-pages-auto-refresh-change`,this.handleAutoRefreshConfigChange),document.removeEventListener(`shadow-claw-file-saved`,this.handleFileSaved),document.removeEventListener(`keydown`,this.handleKeyDown),this.keyNavState={lastNavigationTime:0,lastDirection:null},this.broadcastProxy?.dispose(),this.broadcastProxy=null,this.previewFrameWindow=null,super.disconnectedCallback?.()}announcePageChange(e){let t=this.shadowRoot;if(!t)return;let n=t.querySelector(`[data-pages-announcer]`);n instanceof HTMLElement&&ye(e,this.pageFrontmatter.get()?.title,n)}goToNextPage(){let e=O.pages,t=H(this.selectedPage,e);t>=0&&t<e.length-1&&this.navigateToPage(e[t+1])}goToPreviousPage(){let e=O.pages,t=H(this.selectedPage,e);t>0&&this.navigateToPage(e[t-1])}handleAnchorNavigation(e){let t=this.shadowRoot;return t?Ae(e,t.querySelector(`[data-pages-rendered]`)):!1}handleAutoRefreshConfigChange=e=>{let t=je(e);t!==null&&(this.autoRefreshIntervalSec=t),this.setupAutoRefreshTimer()};handleFileSaved=e=>{Ne(e,this.selectedPage)&&this.renderSelectedPage()};handleIframeMessage=e=>{let t=Ge(e.data);if(!t)return;if(t.kind===`broadcast-result`){this.broadcastProxy?.handleResultFromIframe(e.source,t.channel,t.payload);return}if(t.kind===`storage-proxy`){if(this.previewFrameWindow&&e.source!==this.previewFrameWindow)return;let n=this.selectedPage?.path||`__default__`;Te(e.source,t.requestId,t.method,t.args,n);return}if(t.kind===`swipe`){if(this.previewFrameWindow&&e.source!==this.previewFrameWindow)return;this.showNavButtonsTemporarily(2e3),t.direction===`left`?this.goToNextPage():t.direction===`right`&&this.goToPreviousPage();return}if(t.kind===`iframe-resize`){let n=this.shadowRoot?.querySelector(`[data-pages-iframe]`);n instanceof HTMLIFrameElement&&(!this.previewFrameWindow||e.source===this.previewFrameWindow||n.contentWindow&&e.source===n.contentWindow)&&(this.previewFrameWindow=n.contentWindow,n.style.setProperty(`height`,`${t.height}px`,`important`));return}if(!this.db||t.kind!==`file-viewer-link`||this.previewFrameWindow&&e.source!==this.previewFrameWindow)return;let n=this.selectedPage?.path||``,r=this.selectedPage?.groupId||O.activeGroupId,i=g(v(r,n)),a=m(t.href,i,window.location.origin);if(!a)return;if(a.searchParams.has(`gameSave`)){this.reloadPreviewWithSearchParams(a.search);return}if(a.origin!==window.location.origin||!h(a.pathname)&&!R(t.href,n,r)){window.open(a.href,`_blank`,`noopener,noreferrer`);return}let o=`${a.pathname}${a.search}${a.hash}`,s=window.navigation;s&&typeof s.navigate==`function`?s.navigate(o):(window.history.pushState({},``,o),window.dispatchEvent(new PopStateEvent(`popstate`)))};handleKeyDown=e=>{Fe(e,this.isConnected,this.shadowRoot,e=>{this.showNavButtonsTemporarily(2e3),e===`previous`?this.goToPreviousPage():this.goToNextPage()},this.keyNavState)};handleMouseDown=e=>{let t=Ie(e,U(e));this.mouseStartX=t.mouseStartX,this.mouseStartY=t.mouseStartY,this.mouseStartTime=t.mouseStartTime,this.isMouseDown=t.isMouseDown};handleMouseUp=e=>{let t=window.getSelection(),n=!!(t&&t.toString().length>0),r=Le(e,{mouseStartX:this.mouseStartX,mouseStartY:this.mouseStartY,mouseStartTime:this.mouseStartTime,isMouseDown:this.isMouseDown},U(e),n);this.isMouseDown=!1,r&&(this.showNavButtonsTemporarily(2e3),r===`next`?this.goToNextPage():this.goToPreviousPage())};handleTouchEnd=e=>{let t=Be(e,{touchStartX:this.touchStartX,touchStartY:this.touchStartY,touchStartTime:this.touchStartTime},U(e));t&&(this.showNavButtonsTemporarily(2e3),t===`next`?this.goToNextPage():this.goToPreviousPage()),this.touchStartTime=0};handleTouchStart=e=>{let t=Ve(e,U(e));t&&(this.touchStartX=t.touchStartX,this.touchStartY=t.touchStartY,this.touchStartTime=t.touchStartTime)};handleVisibilityChange=()=>{let e=He(document.hidden,this.isConnected,this.autoRefreshTimer!==null);e===`render-and-timer`?(this.renderSelectedPage(),this.setupAutoRefreshTimer()):e===`clear-timer`&&this.autoRefreshTimer!==null&&(clearInterval(this.autoRefreshTimer),this.autoRefreshTimer=null)};handleWindowFocus=()=>{Ue(document.hidden,this.isConnected)&&this.renderSelectedPage()};navigateToPage(e){(typeof O.isPageAllowed!=`function`||O.isPageAllowed(e.path,e.groupId))&&(this.selectedPage=e,this.showNavButtonsTemporarily(2500),this.announcePageChange(e),document.dispatchEvent(new CustomEvent(`shadow-claw-navigate`,{detail:{page:`pages`,groupId:e.groupId,path:e.path},bubbles:!0,composed:!0})))}renderPageList(e,t){let n=this.shadowRoot;if(!n)return;let r=n.querySelector(`[data-pages-status]`);r instanceof HTMLElement&&(r.textContent=e.length===1?`1 saved page`:`${e.length} saved pages`);let i=n.querySelector(`.pages__remove-all-btn`);i&&i.toggleAttribute(`disabled`,e.length===0);let a=n.querySelector(`[data-pages-dropdown-selected]`);a instanceof HTMLElement&&(a.textContent=this.selectedPage?this.selectedPage.path:`Select a page...`);let o=n.querySelectorAll(`[data-pages-list]`);if(o.length===0)return;o.forEach(e=>{e instanceof HTMLElement&&e.replaceChildren()});let s=n.querySelector(`[data-pages-prev]`),c=n.querySelector(`[data-pages-next]`),l=n.querySelector(`shadow-claw-page-header`),u=this.pageFrontmatter.get();if(l){if(u&&u.title){if(this.selectedPage){let e=g(_({page:`pages`,groupId:this.selectedPage.groupId,path:this.selectedPage.path})),t=e;if(typeof window<`u`&&window.location?.origin)try{t=new URL(e,window.location.origin).href}catch{}l.setAttribute(`page-title`,`<a href="${t}">${u.title}</a>`),l.setAttribute(`title`,u.title)}else l.setAttribute(`page-title`,u.title),l.setAttribute(`title`,u.title)}else l.setAttribute(`page-title`,`Pages`),l.setAttribute(`title`,`Pages`)}if(typeof document<`u`){let e=w(),t=u?.title||(this.selectedPage?``:void 0);document.title=ve({pageTitle:t,siteTitle:e.siteTitle,separator:e.separator,titleTemplate:e.titleTemplate,isHome:!this.selectedPage})}if(s instanceof HTMLButtonElement&&c instanceof HTMLButtonElement){let{isPrevDisabled:t,isNextDisabled:n}=Se(H(this.selectedPage,e),e.length);s.disabled=t,s.hidden=t,c.disabled=n,c.hidden=n}if(e.length===0)return;let d=new Map(t.map(e=>[e.groupId,e.name])),f=ke(e);o.forEach(t=>{if(!(t instanceof HTMLElement))return;let n=document.createDocumentFragment();for(let[r,i]of f){let a=document.createElement(`details`);a.className=`pages__group-details`;let o=`shadow-claw-pages-group-collapsed-${r}`,s=!1;try{s=E(o)===`true`}catch{}s||(a.open=!0),a.addEventListener(`toggle`,()=>{try{a.open?re(o):ee(o,`true`)}catch{}});let c=document.createElement(`summary`);c.className=`pages__group-label`;let l=document.createElement(`span`);l.textContent=d.get(r)||r;let u=document.createElement(`span`);u.className=`pages__group-icon`,u.textContent=`▼`,c.appendChild(l),c.appendChild(u),a.appendChild(c);let f=document.createElement(`div`);f.className=`pages__group-pages`,i.forEach(n=>{let i=n.path,a=e.findIndex(e=>e.path===n.path&&e.groupId===n.groupId),o=document.createElement(`div`);o.className=`pages__list-item`,this.selectedPage&&V(n)===V(this.selectedPage)&&o.classList.add(`active`);let s=document.createElement(`span`);s.className=`pages__drag-handle`,s.setAttribute(`draggable`,`true`),s.title=`Drag to reorder`,s.textContent=`⠿`,s.addEventListener(`dragstart`,e=>{this.draggedPageIndex=a,o.classList.add(`dragging`),e.dataTransfer&&(e.dataTransfer.effectAllowed=`move`)}),o.addEventListener(`dragend`,()=>{this.draggedPageIndex=null,o.classList.remove(`dragging`)}),o.addEventListener(`dragover`,e=>{e.preventDefault(),this.draggedPageIndex!==null&&this.draggedPageIndex!==a&&o.classList.add(`drag-over`)}),o.addEventListener(`dragleave`,()=>{o.classList.remove(`drag-over`)}),o.addEventListener(`drop`,e=>{e.preventDefault(),o.classList.remove(`drag-over`),this.draggedPageIndex!==null&&this.draggedPageIndex!==a&&this.handleReorder(this.draggedPageIndex,a)});let c=O.effectiveDefaultPage,l=c&&c.path===n.path&&c.groupId===n.groupId,u=document.createElement(`button`);u.type=`button`,u.className=`pages__select`,u.title=`Open ${i}`;let p=document.createElement(`span`);p.className=`pages__list-path`,p.textContent=i,u.appendChild(p),u.addEventListener(`click`,()=>{this.selectedPage=n,this.renderPageList(O.pages,O.groups),this.renderSelectedPage(),this.sidebarOpen=!1;let e=t.closest(`details`);e&&e.removeAttribute(`open`),document.dispatchEvent(new CustomEvent(`shadow-claw-navigate`,{detail:{page:`pages`,groupId:n.groupId,path:n.path},bubbles:!0,composed:!0}))});let m=document.createElement(`button`);m.className=`pages__edit`,m.type=`button`,m.title=`Edit in file editor`,m.setAttribute(`aria-label`,`Edit ${i} in file editor`),m.textContent=`✏️`,m.addEventListener(`click`,async e=>{if(e.stopPropagation(),this.db)try{await ce.openFile(this.db,i,r)}catch(e){let t=e instanceof Error?e.message:String(e);M(`Failed to edit file: ${t}`,4500)}});let h=document.createElement(`button`);if(h.className=`pages__remove`,h.type=`button`,h.title=`Remove from Pages`,h.setAttribute(`aria-label`,`Remove ${i} from Pages in ${d.get(r)||r}`),h.textContent=`✕`,h.addEventListener(`click`,async e=>{if(e.stopPropagation(),this.db&&await q({title:`Remove Page`,message:`Are you sure you want to remove this page from Pages?\n\n${i}`,confirmLabel:`Remove`,cancelLabel:`Cancel`}))try{await O.removePage(this.db,i,r),j(`Removed ${i} from Pages`,2400)}catch(e){let t=e instanceof Error?e.message:String(e);M(`Failed to remove page: ${t}`,4500)}}),o.appendChild(s),l){let e=document.createElement(`span`);e.className=`pages__default-btn is-default`,e.title=`Default page`,e.textContent=`⭐`,o.appendChild(e)}o.appendChild(u),o.appendChild(m),o.appendChild(h),f.appendChild(o)}),a.appendChild(f),n.appendChild(a)}t.appendChild(n)})}rewriteWorkspacePreviewHtml(e,t){let n=this.selectedPage?.groupId||O.activeGroupId;return z(e,t,g(v(n,t)),n,window.location.origin)}get selectedPage(){return O.activePinnedPage}set selectedPage(e){V(e)!==V(this.selectedPage)&&(this.db?O.setActivePinnedPage(this.db,e):O._activePinnedPage.set(e),e&&this.announcePageChange(e),this.renderPageList(O.pages,O.groups),this.renderSelectedPage())}setupEffects(){this.addCleanup(N(()=>{let e=ie.declarativeTools;this.broadcastProxy&&e.length>0&&this.broadcastProxy.registerChannelsFromTools(e)})),this.addCleanup(N(()=>{let e=O.pages,t=O.groups;this.renderPageList(e,t)})),this.addCleanup(N(()=>{let e=O.pages,t=O.activePinnedPage;e.length===0?t!==null&&(this.selectedPage=null):t?e.some(e=>V(e)===V(t))||typeof O.isPageAllowed==`function`&&!O.isPageAllowed(t.path,t.groupId)&&(this.selectedPage=O.effectiveDefaultPage||e[0]):this.selectedPage=O.effectiveDefaultPage||e[0],this.routingReady&&this.renderSelectedPage()}))}showNavButtonsTemporarily(e=2500){let t=this.shadowRoot;if(!t)return;let n=t.querySelector(`.pages__viewer`);n instanceof HTMLElement&&n.classList.add(`pages__viewer--nav-visible`),this.navFadeTimer!==null&&clearTimeout(this.navFadeTimer),this.navFadeTimer=setTimeout(()=>{this.navFadeTimer=null,n instanceof HTMLElement&&n.classList.remove(`pages__viewer--nav-visible`)},e)}toggleSidebar(e){this.sidebarOpen=Ze({root:this.shadowRoot,currentOpen:this.sidebarOpen,force:e})}async buildHtmlPageSrcdoc(e,t,n=``){return await xe({content:e,filePath:t,searchParams:n,groupId:this.selectedPage?.groupId||O.activeGroupId,origin:typeof window<`u`?window.location?.origin:``,resolveRelativeImagesInHtmlFn:(e,t,n)=>this.resolveRelativeImagesInHtml(e,t,n)})}async handleRemoveAll(){let e=this.shadowRoot?.querySelector(`.pages__remove-all-btn`);try{e?.toggleAttribute(`disabled`,!0),e&&(e.textContent=`⏳`),await Ce(this.db,e=>q(e))&&j(`Removed all pages from Pages`,2400)}catch(e){let t=e instanceof Error?e.message:String(e);M(`Failed to remove all pages: ${t}`,4500),console.error(`Remove all pages error:`,e)}finally{e?.toggleAttribute(`disabled`,!1),e&&(e.textContent=`🗑️ Remove All`)}}async handleReorder(e,t){let n=await ze({db:this.db,currentPages:O.pages,fromIndex:e,toIndex:t});n.movedToFirst&&(this.selectedPage=n.movedToFirst,this.renderSelectedPage(),document.dispatchEvent(new CustomEvent(`shadow-claw-navigate`,{detail:{page:`pages`,groupId:n.movedToFirst.groupId,path:n.movedToFirst.path},bubbles:!0,composed:!0})))}async renderSelectedPage(){let e=this.shadowRoot;if(!e)return;this.db||=await y();let t=e.querySelector(`[data-pages-empty]`),n=e.querySelector(`[data-pages-rendered]`);if(!(t instanceof HTMLElement)||!(n instanceof HTMLElement))return;let o=this.selectedPage;if(!this.db||!o||typeof O.isPageAllowed==`function`&&!O.isPageAllowed(o.path,o.groupId)){this.renderedKey=null,this.renderedContent=null,this.renderedFrontmatterToggle=null,t.hidden=!1,n.hidden=!0,n.textContent=``,this.pageFrontmatter.set(null),K(e);return}let s=++this.renderToken,u=`${o.groupId}:${o.path}`;if(this.renderedKey===u&&this.dsdInitialPath&&$(this.dsdInitialPath,o.path)&&G(o.path)&&n.children.length>0&&!n.hidden)this.showNavButtonsTemporarily(2500);else if(!this.renderedKey&&this.dsdInitialPath&&$(this.dsdInitialPath,o.path)&&n.children.length>0&&!n.hidden&&G(o.path))this.renderedKey=u,t.hidden=!0,n.hidden=!1,this.renderedFrontmatterToggle=null,K(e),this.showNavButtonsTemporarily(2500),(async()=>{try{let e;try{e=await A(this.db,o.groupId,o.path)}catch{let t=await D(o.path);if(typeof t==`string`)e=t;else return}if(s===this.renderToken){this.renderedContent=e;let t=P(e);Object.keys(t.data).length>0&&this.pageFrontmatter.set(t.data);let r=await J(this.db,f.MARKDOWN_FRONTMATTER_PAGES);this.renderedFrontmatterToggle=r,await this.resolveMarkdownImages(n,o.groupId,o.path)}}catch{}})();else try{let u;try{u=await A(this.db,o.groupId,o.path)}catch(e){try{let t=await D(o.path);if(typeof t==`string`)u=t,Promise.resolve(k(this.db,o.groupId,o.path,u)).catch(()=>{});else throw e}catch{throw e}}if(s!==this.renderToken)return;t.hidden=!0;let d=`${o.groupId}:${o.path}`;if(!this.renderedKey&&this.dsdInitialPath&&$(this.dsdInitialPath,o.path)&&n.children.length>0&&!n.hidden&&G(o.path)){this.renderedKey=d,this.renderedContent=u;let e=P(u),t=Object.keys(e.data).length>0?e.data:null,r=this.pageFrontmatter.get();JSON.stringify(r)!==JSON.stringify(t)&&this.pageFrontmatter.set(t);let i=await J(this.db,f.MARKDOWN_FRONTMATTER_PAGES);this.renderedFrontmatterToggle=i,await this.resolveMarkdownImages(n,o.groupId,o.path),this.showNavButtonsTemporarily(2500);return}if(We(o.path)){let t=P(u),r=Object.keys(t.data).length>0?t.data:null,i=this.pageFrontmatter.get();if(JSON.stringify(i)!==JSON.stringify(r)&&this.pageFrontmatter.set(r),this.renderedKey===d&&(this.renderedContent===u||this.renderedContent===null)&&e.querySelector(`[data-pages-iframe]`)){this.renderedContent===null&&(this.renderedContent=u),this.showNavButtonsTemporarily(2500);return}this.renderedKey=d,this.renderedContent=u,this.renderedFrontmatterToggle=null;let s=this.ensurePreviewIframe(e,n);this.previewFrameWindow=null,a(s,await this.buildHtmlPageSrcdoc(t.content,o.path)),n.children.length>0&&!n.hidden&&(_e.default===void 0||1)?await new Promise(e=>{let t=!1,r=()=>{t||(t=!0,s.removeEventListener(`load`,r),s.removeEventListener(`error`,r),n.hidden=!0,s.hidden=!1,e())};s.addEventListener(`load`,r,{once:!0}),s.addEventListener(`error`,r,{once:!0}),setTimeout(r,3e3)}):(n.hidden=!0,s.hidden=!1),this.showNavButtonsTemporarily(2500);return}if(K(e),G(o.path)){let e=P(u),t=Object.keys(e.data).length>0?e.data:null,a=this.pageFrontmatter.get();JSON.stringify(a)!==JSON.stringify(t)&&this.pageFrontmatter.set(t);let p=await J(this.db,f.MARKDOWN_FRONTMATTER_PAGES);if(this.renderedKey===d&&this.renderedContent===u&&this.renderedFrontmatterToggle===p&&n.children.length>0&&!n.hidden){this.showNavButtonsTemporarily(2500);return}this.renderedKey=d,this.renderedContent=u,this.renderedFrontmatterToggle=p,n.hidden=!1;let{renderMarkdown:m}=await import(`./markdown-BeglYzw9.js`),h=await m(u,{renderFrontmatter:p});if(s!==this.renderToken)return;let _=[],y=/<script\b[^>]*\bsrc=["']([^"']+)["'][^>]*>/gi,b;for(;(b=y.exec(h))!==null;){let e=b[1];e&&l(e)&&_.push(e)}let x=c();if(await Promise.all(_.map(async e=>{if(await r(e),x.find(t=>t.src===e)?.hasInit)try{let t=await import(
-/* @vite-ignore */
-e);typeof t?.init==`function`&&await t.init()}catch(t){console.error(`[ShadowClaw] Error executing init for `+e,t)}})),s!==this.renderToken)return;let S=g(v(o.groupId,o.path)),C=z(h,o.path,S,o.groupId,window.location.origin);if(s!==this.renderToken)return;i(n,C,et),await this.resolveMarkdownImages(n,o.groupId,o.path),this.showNavButtonsTemporarily(2500);return}if(this.renderedKey===d&&this.renderedContent===u&&!n.hidden){this.showNavButtonsTemporarily(2500);return}this.renderedKey=d,this.renderedContent=u,this.renderedFrontmatterToggle=null,this.pageFrontmatter.set(null),n.hidden=!1,n.textContent=u,this.showNavButtonsTemporarily(2500)}catch(r){this.renderedKey=null,this.renderedContent=null,this.renderedFrontmatterToggle=null,t.hidden=!1,n.hidden=!0,n.textContent=``,this.pageFrontmatter.set(null),K(e);let i=r instanceof Error?r.message:String(r);M(`Failed to load page ${o.path}: ${i}`,5e3)}}async resolveMarkdownImages(e,t,n){await Ye({container:e,groupId:t,filePath:n,groups:Array.isArray(O.groups)?O.groups:[],readImageAsDataUrlFn:(e,t)=>Ke({db:this.db,groupId:e,workspacePath:t})})}async resolveRelativeImagesInHtml(e,t,n){if(!e)return e;let r=new DOMParser().parseFromString(e,`text/html`);return await this.resolveMarkdownImages(r.body,n,t),r.body.innerHTML}async setupAutoRefreshTimer(){if(this.autoRefreshTimer!==null&&(clearInterval(this.autoRefreshTimer),this.autoRefreshTimer=null),!this.db)return;let e=await Oe(this.db,b);this.autoRefreshIntervalSec=e,Y(e,document.hidden,this.isConnected)&&(this.autoRefreshTimer=setInterval(()=>{Y(e,document.hidden,this.isConnected)&&this.renderSelectedPage()},e*1e3))}ensurePreviewIframe(e,t){return Ee({root:e,rendered:t,selectedPath:this.selectedPage?.path,onIframeLoad:e=>{this.previewFrameWindow=e,this.syncIframeTheme()}})}syncIframeTheme(){Xe(this.previewFrameWindow)}async reloadPreviewWithSearchParams(e){if(!this.selectedPage||!this.renderedContent)return;let t=this.shadowRoot,n=t?.querySelector(`[data-pages-rendered]`)||t?.querySelector(`#rendered`);if(!t||!n)return;let r=P(this.renderedContent),i=this.ensurePreviewIframe(t,n);i.hidden=!1,this.previewFrameWindow=null,a(i,await this.buildHtmlPageSrcdoc(r.content,this.selectedPage.path,e))}};customElements.get(tt)||customElements.define(tt,nt);export{nt as ShadowClawPages};