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>
44 lines
2.2 KiB
XML
44 lines
2.2 KiB
XML
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
|
<style>
|
|
@keyframes center-pulse {
|
|
0%, 100% { r: 10; opacity: 1; }
|
|
50% { r: 12; opacity: 0.85; }
|
|
}
|
|
@keyframes glow-pulse {
|
|
0%, 100% { r: 16; opacity: 0.1; }
|
|
50% { r: 22; opacity: 0.05; }
|
|
}
|
|
@keyframes node-breathe {
|
|
0%, 100% { opacity: 1; }
|
|
50% { opacity: 0.8; }
|
|
}
|
|
.center-node { animation: center-pulse 2.4s ease-in-out infinite; }
|
|
.center-glow { animation: glow-pulse 2.4s ease-in-out infinite; }
|
|
.node-tl { animation: node-breathe 2.4s ease-in-out infinite 0.3s; }
|
|
.node-tr { animation: node-breathe 2.4s ease-in-out infinite 0.6s; }
|
|
.node-bl { animation: node-breathe 2.4s ease-in-out infinite 0.9s; }
|
|
.node-br { animation: node-breathe 2.4s ease-in-out infinite 1.2s; }
|
|
</style>
|
|
|
|
<rect width="200" height="200" rx="32" fill="#e8e8ee"/>
|
|
|
|
<line x1="100" y1="51" x2="145" y2="100" stroke="#333" stroke-width="2" stroke-linecap="round" opacity="0.18"/>
|
|
<line x1="145" y1="100" x2="100" y2="149" stroke="#333" stroke-width="2" stroke-linecap="round" opacity="0.18"/>
|
|
<line x1="100" y1="149" x2="55" y2="100" stroke="#333" stroke-width="2" stroke-linecap="round" opacity="0.18"/>
|
|
<line x1="55" y1="100" x2="100" y2="51" stroke="#333" stroke-width="2" stroke-linecap="round" opacity="0.18"/>
|
|
|
|
<line x1="55" y1="100" x2="100" y2="100" stroke="#333" stroke-width="2" stroke-linecap="round" opacity="0.3"/>
|
|
<line x1="145" y1="100" x2="100" y2="100" stroke="#333" stroke-width="2" stroke-linecap="round" opacity="0.3"/>
|
|
<line x1="100" y1="51" x2="100" y2="100" stroke="#333" stroke-width="2" stroke-linecap="round" opacity="0.3"/>
|
|
<line x1="100" y1="100" x2="100" y2="149" stroke="#333" stroke-width="2" stroke-linecap="round" opacity="0.3"/>
|
|
|
|
<circle cx="100" cy="100" r="16" fill="#3B82F6" opacity="0.1" class="center-glow"/>
|
|
|
|
<circle cx="100" cy="51" r="8" fill="#3B82F6" class="node-tl"/>
|
|
<circle cx="55" cy="100" r="8" fill="#3B82F6" class="node-tr"/>
|
|
<circle cx="145" cy="100" r="8" fill="#EF4444" class="node-bl"/>
|
|
<circle cx="100" cy="149" r="8" fill="#3B82F6" class="node-br"/>
|
|
|
|
<circle cx="100" cy="100" r="10" fill="#3B82F6" class="center-node"/>
|
|
</svg>
|