feat: Add DSS infrastructure, remove legacy admin-ui code

- Remove legacy admin-ui/js/ vanilla JS components
- Add .dss/ directory with core tokens, skins, themes
- Add Storybook configuration and generated stories
- Add DSS management scripts (dss-services, dss-init, dss-setup, dss-reset)
- Add MCP command definitions for DSS plugin
- Add Figma sync architecture and scripts
- Update pre-commit hooks with documentation validation
- Fix JSON trailing commas in skin files

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

admin-ui/src/stories/ComponentsNavigation.stories.js

@@ -0,0 +1,119 @@
+/**
+ * Navigation
+ * Navigation components
+ * @generated 2025-12-10T21:48:22.319990
+ */
+export default {
+  title: 'Components/Navigation',
+  tags: ['autodocs'],
+  parameters: {
+    docs: {
+      description: {
+        component: 'Navigation components'
+      }
+    }
+  }
+};
+
+const styles = `
+  .component-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; }
+  .component-card {
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    padding: 1rem;
+    background: white;
+  }
+  .card-header {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+  .card-header h3 { margin: 0; font-size: 1rem; }
+  .radix-badge {
+    font-size: 0.6rem;
+    background: #dbeafe;
+    color: #1d4ed8;
+    padding: 0.125rem 0.375rem;
+    border-radius: 4px;
+    font-family: monospace;
+  }
+  .description { font-size: 0.8rem; color: #6b7280; margin: 0 0 0.75rem; }
+  .variants { margin-bottom: 0.5rem; }
+  .variant-row { font-size: 0.7rem; margin-bottom: 0.25rem; }
+  .var-name { font-weight: 500; margin-right: 0.25rem; }
+  .badge {
+    display: inline-block;
+    background: #f3f4f6;
+    padding: 0.125rem 0.375rem;
+    border-radius: 4px;
+    margin-right: 0.25rem;
+    font-family: monospace;
+    font-size: 0.65rem;
+  }
+  .deps { font-size: 0.65rem; color: #9ca3af; font-family: monospace; }
+`;
+
+export const Overview = {
+  name: 'Component Catalog',
+  render: () => `
+    <style>${styles}</style>
+    <div class="component-grid">
+      
+        <div class="component-card">
+          <div class="card-header">
+            <h3>Breadcrumb</h3>
+            
+          </div>
+          <p class="description">Displays the path to the current page in a hierarchy</p>
+          <div class="variants"></div>
+          
+        </div>
+        <div class="component-card">
+          <div class="card-header">
+            <h3>Menubar</h3>
+            <span class="radix-badge">@radix-ui/react-menubar</span>
+          </div>
+          <p class="description">Horizontal menu with dropdowns</p>
+          <div class="variants"></div>
+          
+        </div>
+        <div class="component-card">
+          <div class="card-header">
+            <h3>Navigation Menu</h3>
+            <span class="radix-badge">@radix-ui/react-navigation-menu</span>
+          </div>
+          <p class="description">Website navigation with mega menus</p>
+          <div class="variants"></div>
+          
+        </div>
+        <div class="component-card">
+          <div class="card-header">
+            <h3>Pagination</h3>
+            
+          </div>
+          <p class="description">Page navigation with previous/next</p>
+          <div class="variants"></div>
+          
+        </div>
+        <div class="component-card">
+          <div class="card-header">
+            <h3>Sidebar</h3>
+            
+          </div>
+          <p class="description">Application sidebar with collapsible sections</p>
+          <div class="variants"></div>
+          
+        </div>
+        <div class="component-card">
+          <div class="card-header">
+            <h3>Tabs</h3>
+            <span class="radix-badge">@radix-ui/react-tabs</span>
+          </div>
+          <p class="description">Tabbed interface</p>
+          <div class="variants"></div>
+          
+        </div>
+    </div>
+  `
+};