{{/*
    Team Admin surface — v0.37.7: Native Preact component tree.
    10 sections: members, providers, personas, knowledge, groups,
    workflows, tasks, settings, usage, activity.
*/}}

{{define "surface-team-admin"}}
<div id="shell-topbar"></div>
<div id="team-admin-mount" class="surface-team-admin" style="flex:1;min-height:0;overflow:hidden;">
    <div class="settings-placeholder" style="padding:40px;text-align:center;">Loading team admin&hellip;</div>
</div>
{{end}}

{{define "css-team-admin"}}{{end}}

{{define "scripts-team-admin"}}
<script nonce="{{.CSPNonce}}">
    window.__SECTION__ = '{{.Section}}';
    window.__CONFIG_SECTIONS__ = {{.Data.ConfigSections | toJSON}};
</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;

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

    await import('{{.BasePath}}/js/sw/surfaces/team-admin/index.js?v={{.Version}}');
</script>
{{end}}