Jeffrey Smith
1fbd836c5c
Two-slot shell topbar (home, left, center, bell, user menu) with SDK API (setLeft/setSlot/setTitle/hide/show). All 4 primary surfaces migrated: Settings and Team Admin to Pattern B (flat tabs), Admin to Pattern C (category tabs + sidebar), Docs to Pattern A (default). Backend WS events: package.changed (broadcast), auth.changed (targeted), notification.all_read. User menu re-fetches on package/auth changes. Bell syncs read state across tabs. Error handling pass with .sw-inline-error CSS primitive. Empty state guidance for Admin Workflows/Groups. Announcement global dismiss via localStorage. Rebrand assets deployed (both b/e icon variants, wordmarks, full icon library). Docs outline scroll-to-heading fix. Bug fixes: ICD security assertion tightened, workflow-demo error surfacing, signoff display names, hello-dashboard + team-admin/groups.js deleted. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
45 lines
1.8 KiB
HTML
45 lines
1.8 KiB
HTML
{{/*
|
|
Settings surface — v0.37.7: Full Preact component tree.
|
|
All sections are native Preact components. No bridges.
|
|
*/}}
|
|
|
|
{{define "surface-settings"}}
|
|
<div id="shell-topbar"></div>
|
|
<div id="settings-mount" class="surface-settings" style="flex-direction:column;">
|
|
{{/* Preact renders into this div. Show a loading state until it mounts. */}}
|
|
<div class="settings-placeholder" style="padding:40px;text-align:center;">Loading settings…</div>
|
|
</div>
|
|
{{end}}
|
|
|
|
{{/* CSS: loaded via base.html (variables, layout, primitives, modals, surfaces) */}}
|
|
{{define "css-settings"}}{{end}}
|
|
|
|
{{/* Scripts */}}
|
|
{{define "scripts-settings"}}
|
|
{{/* Inject section name for Preact routing */}}
|
|
<script nonce="{{.CSPNonce}}">
|
|
window.__SECTION__ = '{{.Section}}';
|
|
window.__CONFIG_SECTIONS__ = {{.Data.ConfigSections | toJSON}};
|
|
</script>
|
|
|
|
{{/* Bridge section scripts removed in v0.37.7 — all sections are native Preact */}}
|
|
|
|
{{/* Vendor: Preact + htm → globals, then SDK boot, then settings surface */}}
|
|
<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 — may already be loaded by base.html in future)
|
|
const { boot } = await import('{{.BasePath}}/js/sw/sdk/index.js?v={{.Version}}');
|
|
await boot();
|
|
|
|
// Mount settings surface
|
|
await import('{{.BasePath}}/js/sw/surfaces/settings/index.js?v={{.Version}}');
|
|
</script>
|
|
{{end}}
|