{{/*
    Docs surface — v0.6.1
    Renders markdown documentation with sidebar navigation.
*/}}

{{define "surface-docs"}}
<div id="shell-topbar"></div>
<div id="docs-mount" class="surface-docs">
    <div style="padding:40px;text-align:center;color:var(--text-3);">Loading docs&hellip;</div>
</div>
{{end}}

{{define "css-docs"}}{{end}}

{{define "scripts-docs"}}
<script nonce="{{.CSPNonce}}">
    window.__SECTION__ = '{{.Section}}';
</script>

<script type="module" nonce="{{.CSPNonce}}">
    const { h, render } = await import('{{.BasePath}}/js/sw/vendor/preact.module.js');
    const hooksModule = await import('{{.BasePath}}/js/sw/vendor/hooks.module.js');
    const { default: htm } = await import('{{.BasePath}}/js/sw/vendor/htm.module.js');
    const html = htm.bind(h);
    window.preact = window.preact || { h, render };
    window.hooks = window.hooks || hooksModule;
    window.html = window.html || html;

    // Boot SDK (idempotent)
    const { boot } = await import('{{.BasePath}}/js/sw/sdk/index.js?v={{.Version}}');
    await boot();

    // Mount docs surface
    await import('{{.BasePath}}/js/sw/surfaces/docs/index.js?v={{.Version}}');
</script>
{{end}}