@stacksjs/defaults 0.70.229 → 0.70.230

package/resources/components/Dashboard/SettingsHeader.stx

@@ -1,88 +0,0 @@
-<script>
-interface SettingsHeaderProps {
-  currentPath?: string
-}
-
-const { currentPath = '/settings/ai' } = defineProps<SettingsHeaderProps>()
-</script>
-<header class="border-b border-gray-200 dark:border-neutral-600">
-    <!-- Secondary navigation -->
-    <nav class="flex overflow-x-auto py-4">
-      <ul
-        role="list"
-        class="flex flex-none gap-x-6 px-4 sm:px-6 lg:px-8 min-w-full font-semibold leading-6 text-gray-600 text-sm"
-      >
-        <li>
-          <a href="/settings/ai" class="{{ currentPath == '/settings/ai' ? 'text-blue-600' : '' }}">AI</a>
-        </li>
-        <li>
-          <a href="/settings/analytics" class="{{ currentPath == '/settings/analytics' ? 'text-blue-600' : '' }}">Analytics</a>
-        </li>
-        <li>
-          <a href="/settings/app" class="{{ currentPath == '/settings/app' ? 'text-blue-600' : '' }}">App</a>
-        </li>
-        <li>
-          <a href="/settings/cache" class="{{ currentPath == '/settings/cache' ? 'text-blue-600' : '' }}">Cache</a>
-        </li>
-        <li>
-          <a href="/settings/cli" class="{{ currentPath == '/settings/cli' ? 'text-blue-600' : '' }}">CLI</a>
-        </li>
-        <li>
-          <a href="/settings/cloud" class="{{ currentPath == '/settings/cloud' ? 'text-blue-600' : '' }}">Cloud</a>
-        </li>
-        <li>
-          <a href="/settings/database" class="{{ currentPath == '/settings/database' ? 'text-blue-600' : '' }}">Database</a>
-        </li>
-        <li>
-          <a href="/settings/dns" class="{{ currentPath == '/settings/dns' ? 'text-blue-600' : '' }}">DNS</a>
-        </li>
-        <li>
-          <a href="/settings/email" class="{{ currentPath == '/settings/email' ? 'text-blue-600' : '' }}">Email</a>
-        </li>
-        <li>
-          <a href="/settings/file-systems" class="{{ currentPath == '/settings/file-systems' ? 'text-blue-600' : '' }}">File Systems</a>
-        </li>
-        <li>
-          <a href="/settings/hashing" class="{{ currentPath == '/settings/hashing' ? 'text-blue-600' : '' }}">Hashing</a>
-        </li>
-        <li>
-          <a href="/settings/languages" class="{{ currentPath == '/settings/languages' ? 'text-blue-600' : '' }}">Languages</a>
-        </li>
-        <li>
-          <a href="/settings/library" class="{{ currentPath == '/settings/library' ? 'text-blue-600' : '' }}">Library</a>
-        </li>
-        <li>
-          <a href="/settings/native" class="{{ currentPath == '/settings/native' ? 'text-blue-600' : '' }}">Native</a>
-        </li>
-        <li>
-          <a href="/settings/mail" class="{{ currentPath == '/settings/mail' ? 'text-blue-600' : '' }}">Mail</a>
-        </li>
-        <li>
-          <a href="/settings/queue" class="{{ currentPath == '/settings/queue' ? 'text-blue-600' : '' }}">Queue</a>
-        </li>
-        <li>
-          <a href="/settings/search-engine" class="{{ currentPath == '/settings/search-engine' ? 'text-blue-600' : '' }}">Search Engine</a>
-        </li>
-        <li>
-          <a href="/settings/security" class="{{ currentPath == '/settings/security' ? 'text-blue-600' : '' }}">Security</a>
-        </li>
-        <li>
-          <a href="/settings/services" class="{{ currentPath == '/settings/services' ? 'text-blue-600' : '' }}">Services</a>
-        </li>
-        <li>
-          <a href="/settings/storage" class="{{ currentPath == '/settings/storage' ? 'text-blue-600' : '' }}">Storage</a>
-        </li>
-        <li>
-          <a href="/settings/team" class="{{ currentPath == '/settings/team' ? 'text-blue-600' : '' }}">Team</a>
-        </li>
-        <li>
-          <a href="/settings/ui" class="{{ currentPath == '/settings/ui' ? 'text-blue-600' : '' }}">UI</a>
-        </li>
-      </ul>
-    </nav>
-  </header>
-<style>
-.sidebar-links {
-  @apply text-gray-700 hover:text-blue-600 hover:bg-gray-50 flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold
-}
-</style>

package/resources/components/Dashboard/SettingsSidebar.stx

@@ -1,234 +0,0 @@
-<script>
-interface SettingsSidebarProps {
-  currentPath?: string
-}
-
-const { currentPath = 'ai' } = defineProps<SettingsSidebarProps>()
-</script>
-<header class="p-4 sm:p-6 lg:p-8 lg:w-92 border-b border-gray-200 dark:border-neutral-600">
-    <div class="p-4 w-full bg-white rounded-lg shadow-sm">
-      <h3 class="font-semibold text-gray-700 md:text-sm">
-        Stacks Settings
-      </h3>
-      <p class="mt-2 text-gray-500 text-sm">
-        List of available settings
-      </p>
-    </div>
-    <!-- Side navigation -->
-    <nav class="flex flex-1 flex-col mt-4 p-4 w-full bg-white rounded-lg shadow-sm">
-      <ul role="list" class="-mx-2 mt-2 space-y-1">
-        <li>
-          <a href="/settings/ai" class="group sidebar-links flex items-center justify-between {{ currentPath == 'ai' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-sparkles"></div>
-              AI
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/analytics" class="sidebar-links group flex items-center justify-between {{ currentPath == 'analytics' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-chart-bar"></div>
-              Analytics
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/app" class="sidebar-links group flex items-center justify-between {{ currentPath == 'app' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-cog-6-tooth"></div>
-              App
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/billing" class="sidebar-links group flex items-center justify-between {{ currentPath == 'billing' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-credit-card"></div>
-              Billing
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/cache" class="sidebar-links group flex items-center justify-between {{ currentPath == 'cache' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-server"></div>
-              Cache
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/cli" class="sidebar-links group flex items-center justify-between {{ currentPath == 'cli' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-command-line"></div>
-              CLI
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/cloud" class="sidebar-links group flex items-center justify-between {{ currentPath == 'cloud' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-cloud"></div>
-              Cloud
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/database" class="sidebar-links group flex items-center justify-between {{ currentPath == 'database' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-circle-stack"></div>
-              Database
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/dns" class="sidebar-links group flex items-center justify-between {{ currentPath == 'dns' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-window"></div>
-              DNS
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/email" class="sidebar-links group flex items-center justify-between {{ currentPath == 'email' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-at-symbol"></div>
-              Email
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/file-system" class="sidebar-links group flex items-center justify-between {{ currentPath == 'file-system' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-folder"></div>
-              File System
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/hashing" class="sidebar-links group flex items-center justify-between {{ currentPath == 'hashing' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-hashtag"></div>
-              Hashing
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/languages" class="sidebar-links group flex items-center justify-between {{ currentPath == 'languages' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-language"></div>
-              Languages
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/library" class="sidebar-links group flex items-center justify-between {{ currentPath == 'library' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-book-open"></div>
-              Library
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/native" class="sidebar-links group flex items-center justify-between {{ currentPath == 'native' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-viewfinder-circle"></div>
-              Native
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/mail" class="sidebar-links group flex items-center justify-between {{ currentPath == 'mail' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-envelope"></div>
-              Mail
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/queue" class="sidebar-links group flex items-center justify-between {{ currentPath == 'queue' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-queue-02"></div>
-              Queue
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/search-engine" class="sidebar-links group flex items-center justify-between {{ currentPath == 'search-engine' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-search-01"></div>
-              Search Engine
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/security" class="sidebar-links group flex items-center justify-between {{ currentPath == 'security' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-shield-check"></div>
-              Security
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/services" class="sidebar-links group flex items-center justify-between {{ currentPath == 'services' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-briefcase"></div>
-              Services
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/storage" class="sidebar-links group flex items-center justify-between {{ currentPath == 'storage' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-circle-stack"></div>
-              Storage
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/team" class="sidebar-links group flex items-center justify-between {{ currentPath == 'team' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-user-group"></div>
-              Team
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-        <li>
-          <a href="/settings/ui" class="sidebar-links group flex items-center justify-between {{ currentPath == 'ui' ? 'text-blue-600' : '' }}">
-            <div class="flex gap-x-2 items-center">
-              <div class="h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-rectangle-group"></div>
-              UI
-            </div>
-            <div class="self-end h-5 w-5 text-gray-500 dark:text-neutral-200 group-hover:text-gray-700 duration-150 ease-in-out transition i-hugeicons-arrow-right-01"></div>
-          </a>
-        </li>
-      </ul>
-    </nav>
-  </header>
-<style>
-.sidebar-links {
-  @apply text-gray-700 hover:text-blue-600 hover:bg-gray-50 flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold
-}
-</style>

package/resources/components/Dashboard/SidebarModern.stx

@@ -1,250 +0,0 @@
-<script>
-interface SidebarModernProps {
-  isCollapsed?: boolean
-  searchQuery?: string
-  expandedSections?: boolean
-  currentTeam?: string
-}
-
-const { isCollapsed = false, searchQuery = '', expandedSections = {, currentTeam = { } = defineProps<SidebarModernProps>()
-
-/**
- * Dashboard Sidebar
- *
- * Uses stx native Sidebar components with Craft integration for
- * true native macOS sidebar rendering when running in Craft.
- * Dynamically loads models from app/Models directory.
- */
-
-// Import stx Sidebar components from @stacksjs/components
-import { Sidebar, SidebarHeader, SidebarFooter } from '@stacksjs/components'
-
-// Load models dynamically using synchronous fs
-const fs = require('node:fs')
-const path = require('node:path')
-
-// Get list of models from app/Models directory
-function getModelItems() {
-  const modelsDir = path.join(process.cwd(), 'app', 'Models')
-  const items = []
-
-  try {
-    const files = fs.readdirSync(modelsDir)
-    for (const file of files) {
-      if (file.endsWith('.ts') && !file.startsWith('index') && !file.startsWith('_') && !file.startsWith('README')) {
-        const modelName = file.replace('.ts', '')
-        // Convert PascalCase to kebab-case for URL
-        const urlSlug = modelName
-          .replace(/([a-z])([A-Z])/g, '$1-$2')
-          .toLowerCase()
-        items.push({
-          id: `model-${urlSlug}`,
-          label: modelName,
-          icon: 'i-hugeicons-database-01',
-          href: `/models/${urlSlug}`,
-        }
-      }
-    }
-  } catch (e) {
-    // If directory doesn't exist, return empty array
-  }
-
-  // Sort alphabetically by label
-  items.sort((a, b) => a.label.localeCompare(b.label))
-  return items
-}
-
-const modelItems = getModelItems()
-
-// State
-// Section expansion state
-  library: true,
-  content: false,
-  app: false,
-  models: false,
-  data: false,
-  commerce: false,
-  marketing: false,
-  analytics: false,
-  management: false,
-}
-
-// Current team
-  id: 1,
-  name: 'Stacks',
-  type: 'Professional',
-}
-
-// Navigation sections configuration
-const sections = [
-  {
-    id: 'library',
-    label: 'Library',
-    icon: 'i-hugeicons-book-02',
-    expanded: expandedSections.library,
-    items: [
-      { id: 'components', label: 'Components', icon: 'i-hugeicons-puzzle', href: '/components' },
-      { id: 'functions', label: 'Functions', icon: 'i-hugeicons-function-square', href: '/functions' },
-      { id: 'releases', label: 'Releases', icon: 'i-hugeicons-right-to-left-list-number', href: '/releases' },
-      { id: 'packages', label: 'Packages', icon: 'i-hugeicons-package', href: '/packages' },
-    ],
-  },
-  {
-    id: 'content',
-    label: 'Content',
-    icon: 'i-hugeicons-file-02',
-    expanded: expandedSections.content,
-    items: [
-      { id: 'content-dashboard', label: 'Dashboard', icon: 'i-hugeicons-dashboard-speed-01', href: '/content/dashboard' },
-      { id: 'files', label: 'Files', icon: 'i-hugeicons-apple-finder', href: '/content/files' },
-      { id: 'blog', label: 'Blog', icon: 'i-hugeicons-quill-write-02', href: '/content/blog' },
-      { id: 'pages', label: 'Pages', icon: 'i-hugeicons-file-02', href: '/content/pages' },
-      { id: 'posts', label: 'Posts', icon: 'i-hugeicons-message-edit-02', href: '/content/posts' },
-      { id: 'categories', label: 'Categories', icon: 'i-hugeicons-tags', href: '/content/categories' },
-      { id: 'tags', label: 'Tags', icon: 'i-hugeicons-tag-01', href: '/content/tags' },
-      { id: 'comments', label: 'Comments', icon: 'i-hugeicons-comment-01', href: '/content/comments' },
-      { id: 'authors', label: 'Authors', icon: 'i-hugeicons-user-edit-01', href: '/content/authors' },
-      { id: 'seo', label: 'SEO', icon: 'i-hugeicons-seo', href: '/content/seo' },
-    ],
-  },
-  {
-    id: 'models',
-    label: 'Models',
-    icon: 'i-hugeicons-database',
-    expanded: expandedSections.models,
-    items: modelItems,
-  },
-  {
-    id: 'app',
-    label: 'App',
-    icon: 'i-hugeicons-code',
-    expanded: expandedSections.app,
-    items: [
-      { id: 'deployments', label: 'Deployments', icon: 'i-hugeicons-rocket-01', href: '/deployments' },
-      { id: 'requests', label: 'Requests', icon: 'i-hugeicons-api', href: '/requests' },
-      { id: 'realtime', label: 'Realtime', icon: 'i-hugeicons-link-03', href: '/realtime' },
-      { id: 'actions', label: 'Actions', icon: 'i-hugeicons-function-of-x', href: '/actions' },
-      { id: 'commands', label: 'Commands', icon: 'i-hugeicons-command-line', href: '/commands' },
-      { id: 'queue', label: 'Queue', icon: 'i-hugeicons-queue-02', href: '/queue' },
-      { id: 'jobs', label: 'Jobs', icon: 'i-hugeicons-briefcase-01', href: '/jobs' },
-      { id: 'queries', label: 'Queries', icon: 'i-hugeicons-search-area', href: '/queries' },
-      { id: 'errors', label: 'Errors', icon: 'i-hugeicons-bug-01', href: '/monitoring/errors' },
-    ],
-  },
-  {
-    id: 'commerce',
-    label: 'Commerce',
-    icon: 'i-hugeicons-shopping-cart-02',
-    expanded: expandedSections.commerce,
-    items: [
-      { id: 'commerce-dashboard', label: 'Dashboard', icon: 'i-hugeicons-dashboard-speed-01', href: '/commerce/dashboard' },
-      { id: 'pos', label: 'POS', icon: 'i-hugeicons-shopping-cart-02', href: '/commerce/pos' },
-      { id: 'customers', label: 'Customers', icon: 'i-hugeicons-user-account', href: '/commerce/customers' },
-      { id: 'orders', label: 'Orders', icon: 'i-hugeicons-search-list-01', href: '/commerce/orders' },
-      { id: 'products', label: 'Products', icon: 'i-hugeicons-package', href: '/commerce/products' },
-      { id: 'payments', label: 'Payments', icon: 'i-hugeicons-invoice-01', href: '/commerce/payments' },
-      { id: 'delivery', label: 'Delivery', icon: 'i-hugeicons-shipping-truck-01', href: '/commerce/delivery' },
-    ],
-  },
-  {
-    id: 'data',
-    label: 'Data',
-    icon: 'i-hugeicons-database',
-    expanded: expandedSections.data,
-    items: [
-      { id: 'data-dashboard', label: 'Dashboard', icon: 'i-hugeicons-dashboard-speed-01', href: '/data/dashboard' },
-      { id: 'activity', label: 'Activity', icon: 'i-hugeicons-activity-01', href: '/data/activity' },
-      { id: 'users', label: 'Users', icon: 'i-hugeicons-user-group', href: '/data/users' },
-      { id: 'teams', label: 'Teams', icon: 'i-hugeicons-user-multiple', href: '/data/teams' },
-      { id: 'subscribers', label: 'Subscribers', icon: 'i-hugeicons-mail-01', href: '/data/subscribers' },
-    ],
-  },
-  {
-    id: 'marketing',
-    label: 'Marketing',
-    icon: 'i-hugeicons-megaphone-01',
-    expanded: expandedSections.marketing,
-    items: [
-      { id: 'lists', label: 'Lists', icon: 'i-hugeicons-list-setting', href: '/marketing/lists' },
-      { id: 'social-posts', label: 'Social Posts', icon: 'i-hugeicons-time-schedule', href: '/marketing/social-posts' },
-      { id: 'campaigns', label: 'Campaigns', icon: 'i-hugeicons-rocket-01', href: '/marketing/campaigns' },
-      { id: 'reviews', label: 'Reviews', icon: 'i-hugeicons-star', href: '/marketing/reviews' },
-    ],
-  },
-  {
-    id: 'analytics',
-    label: 'Analytics',
-    icon: 'i-hugeicons-chart-line-data-01',
-    expanded: expandedSections.analytics,
-    items: [
-      { id: 'web', label: 'Web', icon: 'i-hugeicons-global', href: '/analytics/web' },
-      { id: 'blog', label: 'Blog', icon: 'i-hugeicons-edit-02', href: '/analytics/blog' },
-      { id: 'commerce-analytics', label: 'Commerce', icon: 'i-hugeicons-shopping-bag-01', href: '/analytics/commerce' },
-      { id: 'events', label: 'Events', icon: 'i-hugeicons-cursor-click-02', href: '/analytics/events' },
-    ],
-  },
-  {
-    id: 'management',
-    label: 'Management',
-    icon: 'i-hugeicons-settings-02',
-    expanded: expandedSections.management,
-    items: [
-      { id: 'cloud', label: 'Cloud', icon: 'i-hugeicons-cloud', href: '/cloud' },
-      { id: 'dns', label: 'DNS', icon: 'i-hugeicons-internet', href: '/dns' },
-      { id: 'permissions', label: 'Permissions', icon: 'i-hugeicons-shield-01', href: '/management/permissions' },
-      { id: 'mailboxes', label: 'Mailboxes', icon: 'i-hugeicons-mailbox-01', href: '/mailboxes' },
-      { id: 'logs', label: 'Logs', icon: 'i-hugeicons-file-search', href: '/logs' },
-      { id: 'health', label: 'Health', icon: 'i-hugeicons-pulse-02', href: '/health' },
-    ],
-  },
-]
-
-// Quick actions for footer
-const footerActions = [
-  { label: 'AI Buddy', icon: 'i-hugeicons-ai-chat-02', href: '/buddy' },
-]
-
-// Handlers
-function handleCollapse(collapsed) {
-  isCollapsed = collapsed
-}
-
-function handleSectionToggle(sectionId) {
-  expandedSections[sectionId] = !expandedSections[sectionId]
-}
-
-function handleSearch(value) {
-  searchQuery = value
-}
-</script>
-<Sidebar
-  :sections="sections"
-  :collapsed="isCollapsed"
-  :collapsible="true"
-  :width="240"
-  :minWidth="64"
-  variant="tahoe"
-  position="left"
-  :bordered="true"
-  @collapse="handleCollapse"
-  @sectionToggle="handleSectionToggle"
->
-  <template #header>
-    <SidebarHeader
-      :title="currentTeam.name"
-      :subtitle="currentTeam.type"
-      :showSearch="true"
-      :searchValue="searchQuery"
-      :collapsed="isCollapsed"
-      @search="handleSearch"
-    />
-    <template #footer>
-      <SidebarFooter
-        :showSettings="true"
-        :showThemeToggle="true"
-        settingsHref="/settings"
-        :collapsed="isCollapsed"
-        :actions="footerActions"
-      />
-    </template>
-</Sidebar>

package/resources/components/Dashboard/Table.stx

@@ -1,82 +0,0 @@
-<!--
-  Custom Dashboard Table Component
-
-  A reusable table component for dashboard data display.
-
-  Usage:
-  <Table
-    :columns="[{ key: 'name', label: 'Name' }, { key: 'status', label: 'Status' }]"
-    :data="[{ name: 'Item 1', status: 'active' }]"
-  />
--->
-
-<script>
-interface TableProps {
-  columns: any[]
-  data: any[]
-  striped?: boolean
-  hoverable?: boolean
-}
-
-const { columns, data, striped, hoverable } = defineProps<TableProps>()
-</script>
-<div class="dashboard-table-container">
-    <table class="dashboard-table {{ striped ? 'striped' : '' }} {{ hoverable ? 'hoverable' : '' }}">
-      <thead>
-        <tr>
-          @foreach (columns as column)
-            <th class="{{ column.align ? 'text-' + column.align : '' }}">
-              {{ column.label }}
-            </th>
-          @endforeach
-        </tr>
-      </thead>
-      <tbody>
-        @foreach (data as row)
-          <tr>
-            @foreach (columns as column)
-              <td class="{{ column.align ? 'text-' + column.align : '' }}">
-                @if (column.render)
-                  {{ column.render(row[column.key], row) }}
-                @else
-                  {{ row[column.key] }}
-                @endif
-              </td>
-            @endforeach
-          </tr>
-        @endforeach
-      </tbody>
-    </table>
-  </div>
-<style>
-.dashboard-table-container {
-  overflow-x: auto;
-}
-.dashboard-table {
-  width: 100%;
-  border-collapse: collapse;
-}
-.dashboard-table th,
-.dashboard-table td {
-  padding: 0.75rem 1rem;
-  text-align: left;
-  border-bottom: 1px solid var(--color-border);
-}
-.dashboard-table th {
-  font-size: 0.75rem;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--color-text-muted);
-  background: var(--color-bg-subtle);
-}
-.dashboard-table.striped tbody tr:nth-child(even) {
-  background: var(--color-bg-subtle);
-}
-.dashboard-table.hoverable tbody tr:hover {
-  background: var(--color-bg-hover);
-}
-.text-left { text-align: left; }
-.text-center { text-align: center; }
-.text-right { text-align: right; }
-</style>