atomicuilibrary 0.1.0 → 0.1.3

package/dist/cjs/ui-list.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
+var index = require('./index-C32cWsm5.js');
 
-const listCss = () => `.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.list-container{display:flex;flex-direction:column;background:var(--bg-primary, #ffffff);border-radius:12px;overflow:hidden;font-family:var(--font-family);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);transition:all 0.3s ease;width:100%}.list-label{padding:16px 20px 8px;font-size:1.125rem;font-weight:700;color:var(--text-primary, #1e293b)}.list-subheader{padding:4px 20px 12px;font-size:0.8125rem;font-weight:600;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:0.05em}.list{display:flex;flex-direction:column;width:100%}.list.list-horizontal{flex-direction:row;overflow-x:auto;padding:8px;gap:8px}.list.list-horizontal::-webkit-scrollbar{display:none}.list-search{padding:12px 20px;display:flex;align-items:center;gap:10px;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #f1f5f9);position:relative}.list-search .search-icon{font-size:0.875rem;color:var(--color-primary, #94a3b8)}.list-search .search-input{flex:1;border:none;background:transparent;font-size:14px;outline:none;color:var(--text-primary, #1e293b)}.list-search .search-input::placeholder{color:var(--color-primary, #cbd5e1)}.list-search .search-clear{background:var(--bg-primary, #e2e8f0);border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-primary, #475569);font-size:10px;transition:all 0.2s}.list-search .search-clear:hover{background:var(--color-primary, #cbd5e1)}.list-loading,.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px;color:var(--color-primary, #94a3b8);text-align:center}.list-loading ui-icon,.list-empty ui-icon{font-size:32px;opacity:0.5}.list-loading span,.list-empty span{font-size:14px;font-weight:500}.list-pagination{padding:12px 20px;border-top:1px solid var(--border-subtle, #f1f5f9);display:flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-primary, #f8fafc)}.list-pagination .pagination-button{min-width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted, #64748b);font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.list-pagination .pagination-button:hover:not(:disabled){background:var(--bg-primary, #ffffff);border-color:var(--border-subtle, #e2e8f0);color:var(--color-primary, #10b981)}.list-pagination .pagination-button.active{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.list-pagination .pagination-button:disabled{opacity:0.3;cursor:not-allowed}.list-pagination .pagination-ellipsis{color:var(--color-primary, #cbd5e1);font-size:12px;padding:0 4px}.list[style*=max-height]::-webkit-scrollbar{width:8px}.list[style*=max-height]::-webkit-scrollbar-track{background:transparent}.list[style*=max-height]::-webkit-scrollbar-thumb{background:var(--bg-primary, #e2e8f0);border-radius:10px;border:2px solid transparent;background-clip:content-box}.list[style*=max-height]::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #cbd5e1);background-clip:content-box}.virtual-list{contain:strict;will-change:transform}.list-container{overflow:visible}.list-container.list-has-selection .list-header-adaptive{background:var(--bg-primary, #eff6ff);border-bottom-color:var(--color-primary, #bfdbfe)}.list-container.list-has-selection .list-label{color:var(--color-primary, #1e40af)}.list-container.list-has-selection .list-search{display:none}.list-container.selection-theme-primary.list-has-selection .list-header-adaptive{background:linear-gradient(135deg, var(--color-success, #3dcd58), var(--color-success, #2a9d47))}.list-container.selection-theme-primary.list-has-selection .list-header-adaptive .list-label,.list-container.selection-theme-primary.list-has-selection .list-header-adaptive .list-subheader{color:var(--text-standard, #ffffff)}.list-header-adaptive{transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.list-bulk-header{border-top:none;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-secondary, #f1f5f9);border-bottom:1px solid var(--border-subtle, #e2e8f0);animation:slideDownBulk 0.3s ease-out}.list-bulk-header .bulk-select-all{display:flex;align-items:center;gap:12px;font-size:0.875rem;font-weight:600;color:var(--color-primary, #475569)}.list-bulk-header .bulk-actions{display:flex;align-items:center;gap:8px}.list-bulk-header .bulk-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:var(--bg-primary, #ffffff);border-radius:6px;color:var(--text-primary, #1e293b);font-size:0.8125rem;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);transition:all 0.2s}.list-bulk-header .bulk-action-btn:hover{background:var(--bg-primary, #f8fafc);transform:translateY(-1px)}.list-bulk-header .bulk-action-btn:active{transform:translateY(0)}.list-bulk-header .bulk-action-btn ui-icon{font-size:0.875rem}.list-bulk-header .bulk-action-btn ui-icon[name=trash],.list-bulk-header .bulk-action-btn ui-icon[name=archive]{color:var(--color-danger, #ef4444)}@keyframes slideDownBulk{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sticky-header{position:sticky;top:0;z-index:20;background:var(--bg-primary, #ffffff);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.list-sync-bar{height:2px;width:100%;background:var(--bg-secondary, #f3f4f6);position:relative;overflow:hidden}.list-sync-bar::after{content:"";position:absolute;top:0;left:0;bottom:0;width:30%;background:var(--color-primary, #10b981);animation:listSyncMode 2s infinite linear}@keyframes listSyncMode{0%{left:-30%}100%{left:100%}}.list-filter-chips{display:flex;align-items:center;gap:8px;padding:8px 16px;overflow-x:auto;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.list-filter-chips::-webkit-scrollbar{display:none}.list-filter-chips .filter-chip{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--bg-primary, #ffffff);font-size:0.75rem;font-weight:600;color:var(--color-primary, #475569);cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:6px}.list-filter-chips .filter-chip:hover{background:var(--bg-primary, #f8fafc);color:var(--bg-primary, #1e293b)}.list-filter-chips .filter-chip.active{background:var(--bg-primary, #1e293b);color:var(--text-standard, #ffffff);border-color:var(--border-subtle, #1e293b)}.list-filter-chips .filter-chip .chip-count{opacity:0.6;font-weight:400}.list-sorting-headers{display:flex;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #f1f5f9);padding:8px 16px}.list-sorting-headers .sort-header{flex:1;font-size:0.6875rem;font-weight:700;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;gap:4px;cursor:pointer}.list-sorting-headers .sort-header:hover{color:var(--text-primary, #1e293b)}.list-sorting-headers .sort-header ui-icon{font-size:0.75rem;opacity:0.4}.list-group-footer{padding:8px 16px;background:var(--bg-primary, #fdfdfd);border-top:1px solid var(--border-subtle, #f1f5f9);font-size:0.6875rem;font-weight:700;color:var(--color-primary, #94a3b8);text-transform:uppercase;letter-spacing:0.025em;text-align:right}.list-floating-fab{position:absolute;bottom:24px;right:24px;width:56px;height:56px;border-radius:28px;background:var(--bg-primary, #1e293b);color:var(--text-standard, #ffffff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0, 0, 0, 0.25);cursor:pointer;z-index:100;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);animation:fabShow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-floating-fab:hover{background:var(--color-primary, #334155);transform:scale(1.1)}.list-floating-fab:active{transform:scale(0.95)}.list-floating-fab ui-icon{font-size:1.25rem}@keyframes fabShow{from{transform:scale(0) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.list-shortcut-palette,.list-quick-look-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15, 23, 42, 0.4);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.2s ease-out}.palette-content{background:var(--bg-primary, #ffffff);width:90%;max-width:440px;border-radius:20px;padding:32px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25)}.palette-content h3{margin:0 0 20px;font-size:1.125rem;font-weight:700;color:var(--text-primary, #1e293b)}.palette-content .shortcut-grid{display:flex;flex-direction:column;gap:12px}.palette-content .s-row{display:flex;align-items:center;gap:12px;font-size:0.875rem;color:var(--text-muted, #64748b)}.palette-content kbd{background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);border-bottom-width:3px;padding:2px 6px;border-radius:4px;font-family:inherit;font-weight:700;color:var(--text-primary, #1e293b);min-width:24px;text-align:center}.quick-look-content{background:var(--bg-primary, #ffffff);width:90%;max-width:600px;border-radius:24px;padding:0;overflow:hidden;box-shadow:0 40px 80px -20px rgba(0, 0, 0, 0.3);position:relative}.quick-look-content .close-look{position:absolute;top:20px;right:20px;cursor:pointer;opacity:0.5}.quick-look-content .close-look:hover{opacity:1}.quick-look-content .look-header{background:var(--bg-primary, #f8fafc);padding:40px 48px 32px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.quick-look-content .look-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #1e293b)}.quick-look-content .look-header span{color:var(--text-muted, #64748b);font-size:0.875rem}.quick-look-content .look-body{padding:32px 48px 48px}.quick-look-content .look-body p{color:var(--color-primary, #475569);line-height:1.6}.quick-look-content .look-body .look-stats{display:flex;gap:40px;margin-top:24px}.quick-look-content .look-body .l-stat{font-size:0.8125rem;color:var(--color-primary, #94a3b8)}.quick-look-content .look-body .l-stat strong{display:block;font-size:1.125rem;color:var(--text-primary, #1e293b);font-weight:700}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.list-lasso-box{position:absolute;background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);border:1px solid var(--color-primary, #10b981);border-radius:2px;pointer-events:none;z-index:100;box-shadow:0 0 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.list-focus-spring-ring{position:absolute;left:0;right:0;border:2px solid var(--color-primary, #10b981);border-radius:8px;pointer-events:none;z-index:10;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.04)}.list-view-tabs{display:flex;gap:24px;margin-left:24px;align-items:center}.list-view-tabs .view-tab{font-size:0.8125rem;font-weight:600;color:var(--text-muted, #64748b);cursor:pointer;position:relative;transition:color 0.2s}.list-view-tabs .view-tab.active{color:var(--text-primary, #1e293b)}.list-view-tabs .view-tab.active::after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--color-primary, #10b981);border-radius:1px}.list-header-adaptive{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.list-header-adaptive .header-main-titles{flex:1}.list-power-launcher-container{position:absolute;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.list-power-launcher-container .launcher-fab{width:56px;height:56px;border-radius:50%;background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 10px 25px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4);cursor:pointer;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-power-launcher-container .launcher-fab.active{background:var(--bg-primary, #1e293b);transform:rotate(90deg)}.list-power-launcher-container .launcher-fab:hover{transform:scale(1.1)}.list-power-launcher-container .launcher-menu{background:rgba(255, 255, 255, 0.85);backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.5);border-radius:20px;padding:12px;width:240px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.15);animation:launcherShow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-power-launcher-container .launcher-menu .l-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-size:0.875rem;font-weight:600;color:var(--color-primary, #475569);cursor:pointer;transition:all 0.2s}.list-power-launcher-container .launcher-menu .l-item ui-icon{font-size:1rem;opacity:0.7}.list-power-launcher-container .launcher-menu .l-item:hover{background:var(--bg-secondary, #f1f5f9);color:var(--bg-primary, #1e293b)}.list-power-launcher-container .launcher-menu .l-item.danger{color:var(--color-danger, #ef4444)}.list-power-launcher-container .launcher-menu .l-item.danger:hover{background:var(--bg-primary, #fef2f2)}@keyframes launcherShow{from{transform:scale(0.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.list-sync-bar{position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary, #10b981);animation:syncProgress 2s linear infinite}@keyframes syncProgress{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}.list-ekg-container{position:absolute;bottom:0;left:0;right:0;height:20px;overflow:hidden;pointer-events:none;opacity:0.3}.list-ekg-waveform path{stroke-dasharray:200;stroke-dashoffset:200;animation:ekgScroll 4s linear infinite}@keyframes ekgScroll{to{stroke-dashoffset:-200}}@media (forced-colors: active){.list-item,.list-group-header,.list-header,.list-footer{border:1px solid CanvasText}.list-focus-spring-ring{outline:3px solid Highlight;background:transparent}}.list-confetti-burst{position:absolute;top:50%;left:50%;pointer-events:none;z-index:1000}.list-confetti-burst .confetti-particle{position:absolute;width:8px;height:8px;background:var(--color-primary, #10b981);border-radius:2px;animation:confettiFall 2s ease-out forwards}@keyframes confettiFall{0%{transform:translate(0, 0) rotate(0deg);opacity:1}100%{transform:translate(var(--dx), var(--dy)) rotate(360deg);opacity:0}}.group-header-custom{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--bg-primary, #f8fafc);cursor:pointer;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.group-header-custom .group-title-label{font-weight:700;color:var(--text-primary, #1e293b);flex:1;text-transform:uppercase;letter-spacing:0.1em;font-size:0.75rem}.group-header-custom .group-pill{background:var(--border-subtle, #e2e8f0);padding:2px 8px;border-radius:12px;font-size:0.7rem;color:var(--color-primary, #64748b);font-weight:800}.group-mini-dashboard{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(10px);padding:16px 32px;display:flex;align-items:center;gap:40px;border-bottom:1px solid rgba(0, 0, 0, 0.05);animation:slideDownFade 0.3s ease-out}.group-mini-dashboard .gm-stat{font-size:0.8125rem;color:var(--text-muted, #64748b)}.group-mini-dashboard .gm-stat strong{display:block;color:var(--text-primary, #1e293b);font-size:1.1rem}@keyframes slideDownFade{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.presence-cursors-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1000}.ghost-cursor{position:absolute;display:flex;align-items:center;gap:8px;transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);pointer-events:none}.ghost-cursor ui-icon{font-size:1.25rem;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.ghost-cursor .cursor-label{background:var(--bg-primary, #ffffff);padding:4px 10px;border-radius:20px;font-size:0.75rem;font-weight:700;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);white-space:nowrap;border:1px solid rgba(0, 0, 0, 0.05)}.ghost-cursor.cursor-blue ui-icon{color:var(--color-primary, #10b981)}.ghost-cursor.cursor-blue .cursor-label{color:var(--color-primary, #10b981)}.ghost-cursor.cursor-purple ui-icon{color:var(--color-primary, #a855f7)}.ghost-cursor.cursor-purple .cursor-label{color:var(--color-primary, #a855f7)}.ghost-cursor.cursor-green ui-icon{color:var(--color-success, #10b981)}.ghost-cursor.cursor-green .cursor-label{color:var(--color-success, #10b981)}.is-morphing .list-item{transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.is-morphing .list-item-avatar-container,.is-morphing ui-avatar{transform:scale(1.15)}.list-item-aura-online{background:linear-gradient(135deg, rgba(var(--color-success-rgb, 16, 185, 129), 0.03), rgba(255, 255, 255, 0))}.list-item-aura-online.list-item-hovered{background:linear-gradient(135deg, rgba(var(--color-success-rgb, 16, 185, 129), 0.08), rgba(255, 255, 255, 0))}.list-item-aura-danger{background:linear-gradient(135deg, rgba(var(--color-danger-rgb, 239, 68, 68), 0.04), rgba(255, 255, 255, 0));position:relative}.list-item-aura-danger::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 50%, rgba(var(--color-danger-rgb, 239, 68, 68), 0.05), transparent 70%);animation:auraShift 8s infinite alternate}@keyframes auraShift{from{transform:translateX(-5%)}to{transform:translateX(5%)}}.list-command-palette-overlay{position:fixed;inset:0;background:rgba(15, 23, 42, 0.4);backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn 0.2s ease-out}.list-command-palette-overlay .command-palette-content{width:100%;max-width:600px;background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 25px 70px rgba(0, 0, 0, 0.3);overflow:hidden;border:1px solid rgba(255, 255, 255, 0.2)}.list-command-palette-overlay .command-palette-content .cp-search{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle, #f1f5f9);gap:16px}.list-command-palette-overlay .command-palette-content .cp-search ui-icon{font-size:1.25rem;color:var(--color-primary, #94a3b8)}.list-command-palette-overlay .command-palette-content .cp-search input{flex:1;border:none;outline:none;font-size:1.1rem;color:var(--text-primary, #1e293b);font-weight:500;background:transparent}.list-command-palette-overlay .command-palette-content .cp-search kbd{font-size:0.75rem;padding:4px 8px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:6px;color:var(--color-primary, #94a3b8)}.list-command-palette-overlay .command-palette-content .cp-results{max-height:400px;overflow-y:auto;padding:8px}.list-command-palette-overlay .command-palette-content .cp-results .cp-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all 0.2s}.list-command-palette-overlay .command-palette-content .cp-results .cp-item ui-icon{color:var(--text-muted, #64748b);font-size:1.1rem}.list-command-palette-overlay .command-palette-content .cp-results .cp-item span{font-size:0.9375rem;color:var(--color-primary, #334155);font-weight:500}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover{background:var(--bg-secondary, #f1f5f9)}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover ui-icon{color:var(--color-primary, #10b981)}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover span{color:var(--text-primary, #1e293b)}.list-scrollbar-minimap{position:absolute;top:0;right:0;bottom:0;width:4px;background:rgba(0, 0, 0, 0.03);z-index:100;pointer-events:none}.list-scrollbar-minimap .m-marker{position:absolute;left:0;right:0;height:3px;border-radius:2px}.list-scrollbar-minimap .m-marker.m-online{background:var(--color-success, #10b981)}.list-scrollbar-minimap .m-marker.m-busy{background:var(--color-warning, #f59e0b)}.list-scrollbar-minimap .m-marker.m-danger{background:var(--color-danger, #ef4444)}`;
+const listCss = () => `.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.list-container{display:flex;flex-direction:column;background:var(--bg-primary, #ffffff);border-radius:12px;overflow:hidden;font-family:var(--font-family);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);transition:all 0.3s ease;width:100%}.list-label{padding:16px 20px 8px;font-size:1.125rem;font-weight:700;color:var(--text-primary, #1e293b)}.list-subheader{padding:4px 20px 12px;font-size:0.8125rem;font-weight:600;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:0.05em}.list{display:flex;flex-direction:column;width:100%;--list-group-spacing:12px}.list>ui-list-group+ui-list-group{margin-top:var(--list-group-spacing)}.list.list-sm{--list-group-spacing:8px}.list.list-md{--list-group-spacing:12px}.list.list-lg{--list-group-spacing:16px}.list.list-horizontal{flex-direction:row;overflow-x:auto;padding:8px;gap:8px}.list.list-horizontal::-webkit-scrollbar{display:none}.list-search{padding:12px 20px;display:flex;align-items:center;gap:10px;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #f1f5f9);position:relative}.list-search .search-icon{font-size:0.875rem;color:var(--color-primary, #94a3b8)}.list-search .search-input{flex:1;border:none;background:transparent;font-size:14px;outline:none;color:var(--text-primary, #1e293b)}.list-search .search-input::placeholder{color:var(--color-primary, #cbd5e1)}.list-search .search-clear{background:var(--bg-primary, #e2e8f0);border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-primary, #475569);font-size:10px;transition:all 0.2s}.list-search .search-clear:hover{background:var(--color-primary, #cbd5e1)}.list-loading,.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;color:var(--text-muted, #94a3b8);text-align:center}.list-loading ui-icon,.list-empty ui-icon{font-size:32px;opacity:0.5}.list-loading ui-icon.empty-icon,.list-empty ui-icon.empty-icon{color:var(--color-primary, #10b981);opacity:0.7;animation:emptyPulse 2s infinite alternate ease-in-out}.list-loading span,.list-empty span{font-size:14px;font-weight:500}.list-loading .empty-title,.list-empty .empty-title{font-size:15px;font-weight:600;color:var(--text-primary, #1e293b);margin-top:4px}.list-loading .empty-subtitle,.list-empty .empty-subtitle{font-size:13px;font-weight:400;color:var(--text-muted, #64748b);max-width:280px;line-height:1.4}@keyframes emptyPulse{from{transform:scale(0.95);opacity:0.5}to{transform:scale(1.05);opacity:0.8}}.list-pagination{padding:12px 20px;border-top:1px solid var(--border-subtle, #f1f5f9);display:flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-primary, #f8fafc)}.list-pagination .pagination-button{min-width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-muted, #64748b);font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.list-pagination .pagination-button:hover:not(:disabled){background:var(--bg-primary, #ffffff);border-color:var(--border-subtle, #e2e8f0);color:var(--color-primary, #10b981)}.list-pagination .pagination-button.active{background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.list-pagination .pagination-button:disabled{opacity:0.3;cursor:not-allowed}.list-pagination .pagination-ellipsis{color:var(--color-primary, #cbd5e1);font-size:12px;padding:0 4px}.list[style*=max-height]::-webkit-scrollbar{width:8px}.list[style*=max-height]::-webkit-scrollbar-track{background:transparent}.list[style*=max-height]::-webkit-scrollbar-thumb{background:var(--bg-primary, #e2e8f0);border-radius:10px;border:2px solid transparent;background-clip:content-box}.list[style*=max-height]::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #cbd5e1);background-clip:content-box}.virtual-list{contain:strict;will-change:transform}.list-container{overflow:visible}.list-container.list-has-selection .list-header-adaptive{background:var(--bg-primary, #eff6ff);border-bottom-color:var(--color-primary, #bfdbfe)}.list-container.list-has-selection .list-label{color:var(--color-primary, #1e40af)}.list-container.selection-theme-primary.list-has-selection .list-header-adaptive{background:linear-gradient(135deg, var(--color-success, #3dcd58), var(--color-success, #2a9d47))}.list-container.selection-theme-primary.list-has-selection .list-header-adaptive .list-label,.list-container.selection-theme-primary.list-has-selection .list-header-adaptive .list-subheader{color:var(--text-standard, #ffffff)}.list-header-adaptive{transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.list-bulk-header{border-top:none;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-secondary, #f1f5f9);border-bottom:1px solid var(--border-subtle, #e2e8f0);animation:slideDownBulk 0.3s ease-out}.list-bulk-header .bulk-select-all{display:flex;align-items:center;gap:12px;font-size:0.875rem;font-weight:600;color:var(--color-primary, #475569)}.list-bulk-header .bulk-actions{display:flex;align-items:center;gap:8px}.list-bulk-header .bulk-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:var(--bg-primary, #ffffff);border-radius:6px;color:var(--text-primary, #1e293b);font-size:0.8125rem;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);transition:all 0.2s}.list-bulk-header .bulk-action-btn:hover{background:var(--bg-primary, #f8fafc);transform:translateY(-1px)}.list-bulk-header .bulk-action-btn:active{transform:translateY(0)}.list-bulk-header .bulk-action-btn ui-icon{font-size:0.875rem}.list-bulk-header .bulk-action-btn ui-icon[name=trash],.list-bulk-header .bulk-action-btn ui-icon[name=archive]{color:var(--color-danger, #ef4444)}@keyframes slideDownBulk{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sticky-header{position:sticky;top:0;z-index:20;background:var(--bg-primary, #ffffff);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.list-sync-bar{height:2px;width:100%;background:var(--bg-secondary, #f3f4f6);position:relative;overflow:hidden}.list-sync-bar::after{content:"";position:absolute;top:0;left:0;bottom:0;width:30%;background:var(--color-primary, #10b981);animation:listSyncMode 2s infinite linear}@keyframes listSyncMode{0%{left:-30%}100%{left:100%}}.list-filter-chips{display:flex;align-items:center;gap:8px;padding:8px 16px;overflow-x:auto;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.list-filter-chips::-webkit-scrollbar{display:none}.list-filter-chips .filter-chip{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--bg-primary, #ffffff);font-size:0.75rem;font-weight:600;color:var(--color-primary, #475569);cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:6px}.list-filter-chips .filter-chip:hover{background:var(--bg-primary, #f8fafc);color:var(--bg-primary, #1e293b)}.list-filter-chips .filter-chip.active{background:var(--bg-primary, #1e293b);color:var(--text-standard, #ffffff);border-color:var(--border-subtle, #1e293b)}.list-filter-chips .filter-chip .chip-count{opacity:0.6;font-weight:400}.list-sorting-headers{display:flex;background:var(--bg-primary, #f8fafc);border-bottom:1px solid var(--border-subtle, #f1f5f9);padding:8px 16px}.list-sorting-headers .sort-header{flex:1;font-size:0.6875rem;font-weight:700;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;gap:4px;cursor:pointer}.list-sorting-headers .sort-header:hover{color:var(--text-primary, #1e293b)}.list-sorting-headers .sort-header ui-icon{font-size:0.75rem;opacity:0.4}.list-group-footer{padding:8px 16px;background:var(--bg-primary, #fdfdfd);border-top:1px solid var(--border-subtle, #f1f5f9);font-size:0.6875rem;font-weight:700;color:var(--color-primary, #94a3b8);text-transform:uppercase;letter-spacing:0.025em;text-align:right}.list-floating-fab{position:absolute;bottom:24px;right:24px;width:56px;height:56px;border-radius:28px;background:var(--bg-primary, #1e293b);color:var(--text-standard, #ffffff);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0, 0, 0, 0.25);cursor:pointer;z-index:100;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);animation:fabShow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-floating-fab:hover{background:var(--color-primary, #334155);transform:scale(1.1)}.list-floating-fab:active{transform:scale(0.95)}.list-floating-fab ui-icon{font-size:1.25rem}@keyframes fabShow{from{transform:scale(0) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.list-shortcut-palette,.list-quick-look-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15, 23, 42, 0.4);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.2s ease-out}.palette-content{background:var(--bg-primary, #ffffff);width:90%;max-width:440px;border-radius:20px;padding:32px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25)}.palette-content h3{margin:0 0 20px;font-size:1.125rem;font-weight:700;color:var(--text-primary, #1e293b)}.palette-content .shortcut-grid{display:flex;flex-direction:column;gap:12px}.palette-content .s-row{display:flex;align-items:center;gap:12px;font-size:0.875rem;color:var(--text-muted, #64748b)}.palette-content kbd{background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);border-bottom-width:3px;padding:2px 6px;border-radius:4px;font-family:inherit;font-weight:700;color:var(--text-primary, #1e293b);min-width:24px;text-align:center}.quick-look-content{background:var(--bg-primary, #ffffff);width:90%;max-width:600px;border-radius:24px;padding:0;overflow:hidden;box-shadow:0 40px 80px -20px rgba(0, 0, 0, 0.3);position:relative}.quick-look-content .close-look{position:absolute;top:20px;right:20px;cursor:pointer;opacity:0.5}.quick-look-content .close-look:hover{opacity:1}.quick-look-content .look-header{background:var(--bg-primary, #f8fafc);padding:40px 48px 32px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.quick-look-content .look-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #1e293b)}.quick-look-content .look-header span{color:var(--text-muted, #64748b);font-size:0.875rem}.quick-look-content .look-body{padding:32px 48px 48px}.quick-look-content .look-body p{color:var(--color-primary, #475569);line-height:1.6}.quick-look-content .look-body .look-stats{display:flex;gap:40px;margin-top:24px}.quick-look-content .look-body .l-stat{font-size:0.8125rem;color:var(--color-primary, #94a3b8)}.quick-look-content .look-body .l-stat strong{display:block;font-size:1.125rem;color:var(--text-primary, #1e293b);font-weight:700}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.list-lasso-box{position:absolute;background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);border:1px solid var(--color-primary, #10b981);border-radius:2px;pointer-events:none;z-index:100;box-shadow:0 0 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.list-focus-spring-ring{position:absolute;left:0;right:0;border:2px solid var(--color-primary, #10b981);border-radius:8px;pointer-events:none;z-index:10;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.04)}.list-view-tabs{display:flex;gap:24px;margin-left:24px;align-items:center}.list-view-tabs .view-tab{font-size:0.8125rem;font-weight:600;color:var(--text-muted, #64748b);cursor:pointer;position:relative;transition:color 0.2s}.list-view-tabs .view-tab.active{color:var(--text-primary, #1e293b)}.list-view-tabs .view-tab.active::after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--color-primary, #10b981);border-radius:1px}.list-header-adaptive{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.list-header-adaptive .header-main-titles{flex:1}.list-power-launcher-container{position:absolute;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.list-power-launcher-container .launcher-fab{width:56px;height:56px;border-radius:50%;background:var(--color-primary, #10b981);color:var(--text-standard, #ffffff);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 10px 25px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4);cursor:pointer;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-power-launcher-container .launcher-fab.active{background:var(--bg-primary, #1e293b);transform:rotate(90deg)}.list-power-launcher-container .launcher-fab:hover{transform:scale(1.1)}.list-power-launcher-container .launcher-menu{background:rgba(255, 255, 255, 0.85);backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.5);border-radius:20px;padding:12px;width:240px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.15);animation:launcherShow 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.list-power-launcher-container .launcher-menu .l-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-size:0.875rem;font-weight:600;color:var(--color-primary, #475569);cursor:pointer;transition:all 0.2s}.list-power-launcher-container .launcher-menu .l-item ui-icon{font-size:1rem;opacity:0.7}.list-power-launcher-container .launcher-menu .l-item:hover{background:var(--bg-secondary, #f1f5f9);color:var(--bg-primary, #1e293b)}.list-power-launcher-container .launcher-menu .l-item.danger{color:var(--color-danger, #ef4444)}.list-power-launcher-container .launcher-menu .l-item.danger:hover{background:var(--bg-primary, #fef2f2)}@keyframes launcherShow{from{transform:scale(0.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.list-sync-bar{position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary, #10b981);animation:syncProgress 2s linear infinite}@keyframes syncProgress{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}.list-ekg-container{position:absolute;bottom:0;left:0;right:0;height:20px;overflow:hidden;pointer-events:none;opacity:0.3}.list-ekg-waveform path{stroke-dasharray:200;stroke-dashoffset:200;animation:ekgScroll 4s linear infinite}@keyframes ekgScroll{to{stroke-dashoffset:-200}}@media (forced-colors: active){.list-item,.list-group-header,.list-header,.list-footer{border:1px solid CanvasText}.list-focus-spring-ring{outline:3px solid Highlight;background:transparent}}.list-confetti-burst{position:absolute;top:50%;left:50%;pointer-events:none;z-index:1000}.list-confetti-burst .confetti-particle{position:absolute;width:8px;height:8px;background:var(--color-primary, #10b981);border-radius:2px;animation:confettiFall 2s ease-out forwards}@keyframes confettiFall{0%{transform:translate(0, 0) rotate(0deg);opacity:1}100%{transform:translate(var(--dx), var(--dy)) rotate(360deg);opacity:0}}.group-header-custom{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--bg-primary, #f8fafc);cursor:pointer;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.group-header-custom .group-title-label{font-weight:700;color:var(--text-primary, #1e293b);flex:1;text-transform:uppercase;letter-spacing:0.1em;font-size:0.75rem}.group-header-custom .group-pill{background:var(--border-subtle, #e2e8f0);padding:2px 8px;border-radius:12px;font-size:0.7rem;color:var(--color-primary, #64748b);font-weight:800}.group-mini-dashboard{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(10px);padding:16px 32px;display:flex;align-items:center;gap:40px;border-bottom:1px solid rgba(0, 0, 0, 0.05);animation:slideDownFade 0.3s ease-out}.group-mini-dashboard .gm-stat{font-size:0.8125rem;color:var(--text-muted, #64748b)}.group-mini-dashboard .gm-stat strong{display:block;color:var(--text-primary, #1e293b);font-size:1.1rem}@keyframes slideDownFade{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.presence-cursors-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1000}.ghost-cursor{position:absolute;display:flex;align-items:center;gap:8px;transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);pointer-events:none}.ghost-cursor ui-icon{font-size:1.25rem;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.ghost-cursor .cursor-label{background:var(--bg-primary, #ffffff);padding:4px 10px;border-radius:20px;font-size:0.75rem;font-weight:700;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);white-space:nowrap;border:1px solid rgba(0, 0, 0, 0.05)}.ghost-cursor.cursor-blue ui-icon{color:var(--color-primary, #10b981)}.ghost-cursor.cursor-blue .cursor-label{color:var(--color-primary, #10b981)}.ghost-cursor.cursor-purple ui-icon{color:var(--color-primary, #a855f7)}.ghost-cursor.cursor-purple .cursor-label{color:var(--color-primary, #a855f7)}.ghost-cursor.cursor-green ui-icon{color:var(--color-success, #10b981)}.ghost-cursor.cursor-green .cursor-label{color:var(--color-success, #10b981)}.is-morphing .list-item{transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.is-morphing .list-item-avatar-container,.is-morphing ui-avatar{transform:scale(1.15)}.list-item-aura-online{background:linear-gradient(135deg, rgba(var(--color-success-rgb, 16, 185, 129), 0.03), rgba(255, 255, 255, 0))}.list-item-aura-online.list-item-hovered{background:linear-gradient(135deg, rgba(var(--color-success-rgb, 16, 185, 129), 0.08), rgba(255, 255, 255, 0))}.list-item-aura-danger{background:linear-gradient(135deg, rgba(var(--color-danger-rgb, 239, 68, 68), 0.04), rgba(255, 255, 255, 0));position:relative}.list-item-aura-danger::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 50%, rgba(var(--color-danger-rgb, 239, 68, 68), 0.05), transparent 70%);animation:auraShift 8s infinite alternate}@keyframes auraShift{from{transform:translateX(-5%)}to{transform:translateX(5%)}}.list-command-palette-overlay{position:fixed;inset:0;background:rgba(15, 23, 42, 0.4);backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn 0.2s ease-out}.list-command-palette-overlay .command-palette-content{width:100%;max-width:600px;background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 25px 70px rgba(0, 0, 0, 0.3);overflow:hidden;border:1px solid rgba(255, 255, 255, 0.2)}.list-command-palette-overlay .command-palette-content .cp-search{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-subtle, #f1f5f9);gap:16px}.list-command-palette-overlay .command-palette-content .cp-search ui-icon{font-size:1.25rem;color:var(--color-primary, #94a3b8)}.list-command-palette-overlay .command-palette-content .cp-search input{flex:1;border:none;outline:none;font-size:1.1rem;color:var(--text-primary, #1e293b);font-weight:500;background:transparent}.list-command-palette-overlay .command-palette-content .cp-search kbd{font-size:0.75rem;padding:4px 8px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-subtle, #e2e8f0);border-radius:6px;color:var(--color-primary, #94a3b8)}.list-command-palette-overlay .command-palette-content .cp-results{max-height:400px;overflow-y:auto;padding:8px}.list-command-palette-overlay .command-palette-content .cp-results .cp-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all 0.2s}.list-command-palette-overlay .command-palette-content .cp-results .cp-item ui-icon{color:var(--text-muted, #64748b);font-size:1.1rem}.list-command-palette-overlay .command-palette-content .cp-results .cp-item span{font-size:0.9375rem;color:var(--color-primary, #334155);font-weight:500}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover{background:var(--bg-secondary, #f1f5f9)}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover ui-icon{color:var(--color-primary, #10b981)}.list-command-palette-overlay .command-palette-content .cp-results .cp-item:hover span{color:var(--text-primary, #1e293b)}.list-scrollbar-minimap{position:absolute;top:0;right:0;bottom:0;width:4px;background:rgba(0, 0, 0, 0.03);z-index:100;pointer-events:none}.list-scrollbar-minimap .m-marker{position:absolute;left:0;right:0;height:3px;border-radius:2px}.list-scrollbar-minimap .m-marker.m-online{background:var(--color-success, #10b981)}.list-scrollbar-minimap .m-marker.m-busy{background:var(--color-warning, #f59e0b)}.list-scrollbar-minimap .m-marker.m-danger{background:var(--color-danger, #ef4444)}`;
 
 const AppList = class {
     constructor(hostRef) {
@@ -91,7 +91,7 @@ const AppList = class {
     showSortingHeaders = false;
     columns = []; // [{label:'', key:'', sortable:true}]
     showGroupFooter = false;
-    groupFooterLabel = 'Items'; // "Total: 5 Items"
+    groupFooterLabel = ''; // e.g. "Items" -> "Total: 5 Items"
     floatingFAB = false;
     isPaletteOpen = false;
     isQuickLookOpen = false;
@@ -151,6 +151,27 @@ const AppList = class {
                 return JSON.stringify(item).toLowerCase().includes(query);
             });
         }
+        // Apply view tab filter
+        const tabs = typeof this.viewTabs === 'string' ? JSON.parse(this.viewTabs) : this.viewTabs;
+        if (tabs && tabs.length > 0 && tabs[this.activeTab]) {
+            const filter = tabs[this.activeTab].filter;
+            if (filter) {
+                items = items.filter(item => {
+                    if (typeof item === 'string')
+                        return item === filter;
+                    if (item.status === filter)
+                        return true;
+                    if (item.color === filter)
+                        return true;
+                    if (item.group === filter)
+                        return true;
+                    if (filter === 'danger') {
+                        return item.status === 'busy' || item.status === 'offline' || item.priorityPulse === true;
+                    }
+                    return false;
+                });
+            }
+        }
         this.filteredItems = items;
         // Calculate pagination
         if (this.paginated) {
@@ -481,10 +502,30 @@ const AppList = class {
         this.currentPage = page;
         this.pageChange.emit({ page });
     }
+    getPaginationItems() {
+        if (this.totalPages <= 7) {
+            return Array.from({ length: this.totalPages }, (_, index) => index + 1);
+        }
+        const pages = new Set([1, this.totalPages]);
+        const rangeStart = Math.max(2, this.currentPage - 1);
+        const rangeEnd = Math.min(this.totalPages - 1, this.currentPage + 1);
+        for (let page = rangeStart; page <= rangeEnd; page++) {
+            pages.add(page);
+        }
+        const sortedPages = Array.from(pages).sort((a, b) => a - b);
+        const items = [];
+        sortedPages.forEach((page, index) => {
+            if (index > 0 && page - sortedPages[index - 1] > 1) {
+                items.push('ellipsis');
+            }
+            items.push(page);
+        });
+        return items;
+    }
     renderSearch() {
         if (!this.searchable)
             return null;
-        return (index.h("div", { class: "list-search" }, index.h("ui-icon", { name: "search", library: "fontawesome", class: "search-icon" }), index.h("ui-input", { type: "text", class: "search-input", placeholder: this.searchPlaceholder, value: this.searchQuery, onInputChange: (e) => {
+        return (index.h("div", { class: "list-search" }, index.h("ui-input", { type: "text", class: "search-input", placeholder: this.searchPlaceholder, value: this.searchQuery, onInputChange: (e) => {
                 this.searchQuery = e.detail;
                 this.searchChange.emit({ query: this.searchQuery });
             }, prefixIcon: "search", size: "sm" }), this.searchQuery && (index.h("ui-button", { variant: "ghost", class: "search-clear", onClick: () => {
@@ -500,25 +541,23 @@ const AppList = class {
     renderEmpty() {
         if (!this.showEmpty || this.loading || this.filteredItems.length > 0)
             return null;
+        if (this.searchable && this.searchQuery) {
+            return (index.h("div", { class: "list-empty" }, index.h("ui-icon", { name: "search", library: "fontawesome", class: "empty-icon" }), index.h("span", { class: "empty-title" }, "No matches found for \"", this.searchQuery, "\""), index.h("span", { class: "empty-subtitle" }, "Please check your spelling or try changing your search input.")));
+        }
         return (index.h("div", { class: "list-empty" }, index.h("ui-icon", { name: "inbox", library: "fontawesome" }), index.h("span", null, this.emptyText)));
     }
     renderPagination() {
         if (!this.paginated || this.totalPages <= 1)
             return null;
-        const pages = [];
-        for (let i = 1; i <= this.totalPages; i++) {
-            if (i === 1 ||
-                i === this.totalPages ||
-                (i >= this.currentPage - 2 && i <= this.currentPage + 2)) {
-                pages.push(index.h("ui-button", { variant: i === this.currentPage ? "primary" : "ghost", class: {
-                        'pagination-button': true,
-                        'active': i === this.currentPage
-                    }, onClick: () => this.goToPage(i), label: i.toString(), size: "sm" }));
-            }
-            else if (i === this.currentPage - 3 || i === this.currentPage + 3) {
-                pages.push(index.h("span", { class: "pagination-ellipsis" }, "..."));
+        const pages = this.getPaginationItems().map((item, index$1) => {
+            if (item === 'ellipsis') {
+                return index.h("span", { key: `ellipsis-${index$1}`, class: "pagination-ellipsis" }, "...");
             }
-        }
+            return (index.h("ui-button", { key: `page-${item}`, variant: item === this.currentPage ? "primary" : "ghost", class: {
+                    'pagination-button': true,
+                    'active': item === this.currentPage
+                }, onClick: () => this.goToPage(item), label: item.toString(), size: "sm" }));
+        });
         return (index.h("div", { class: "list-pagination" }, index.h("ui-button", { variant: "ghost", class: "pagination-button", disabled: this.currentPage === 1, onClick: () => this.goToPage(this.currentPage - 1), icon: "chevron-left", iconLibrary: "fontawesome", iconOnly: true, size: "sm" }), pages, index.h("ui-button", { variant: "ghost", class: "pagination-button", disabled: this.currentPage === this.totalPages, onClick: () => this.goToPage(this.currentPage + 1), icon: "chevron-right", iconLibrary: "fontawesome", iconOnly: true, size: "sm" })));
     }
     renderVirtualList() {
@@ -538,7 +577,7 @@ const AppList = class {
         const badge = item.badge || '';
         const counter = item.counter || '';
         const tags = item.tags || '';
-        return (index.h("ui-list-item", { style: { '--item-index': index$1.toString() }, label: label, sublabel: sublabel, value: value, icon: icon, userAvatar: userAvatar, image: image, selected: isSelected, skeleton: this.skeleton || this.loading, highlight: this.searchQuery, size: this.size, badge: badge, counter: counter, tags: tags, interactive: this.selectable, onListItemClick: () => this.handleItemSelection(value, !isSelected), onCheckboxChange: (e) => this.handleItemSelection(value, e.detail.checked), showCheckbox: this.checkboxSelection, swipeActions: item.swipeActions ?? true, leftActionIcon: item.leftActionIcon ?? "check", rightActionIcon: item.rightActionIcon ?? "trash", leftActions: item.leftActions || [], rightActions: item.rightActions || [], avatarGroup: item.avatarGroup || item.collaborators || '', avatarGroupPosition: item.avatarGroupPosition || 'content', progress: item.progress ?? -1, status: item.status || '', statusPosition: item.statusPosition || 'bottom-right', starred: item.starred || false, showStar: item.showStar || false, expandable: item.expandable || false, priorityPulse: item.priorityPulse || false, presence: item.presence || [], presenceCursors: item.presenceCursors || [], density: this.density, auraMode: true, sparkline: item.sparkline || [], metadata: item.metadata || {}, showGhostLayer: this.altKeyPressed, gridMode: this.grid, focused: this.focusedIndex === index$1, class: {
+        return (index.h("ui-list-item", { style: { '--item-index': index$1.toString() }, label: label, sublabel: sublabel, value: value, icon: icon, userAvatar: userAvatar, image: image, selected: isSelected, skeleton: this.skeleton || this.loading, highlight: this.searchQuery, size: this.size, badge: badge, counter: counter, tags: tags, interactive: this.selectable, onListItemClick: () => this.handleItemSelection(value, !isSelected), onCheckboxChange: (e) => this.handleItemSelection(value, e.detail.checked), showCheckbox: this.checkboxSelection, swipeActions: item.swipeActions ?? true, leftActionIcon: item.leftActionIcon ?? "check", rightActionIcon: item.rightActionIcon ?? "trash", leftActions: item.leftActions || [], rightActions: item.rightActions || [], avatarGroup: item.avatarGroup || item.collaborators || '', avatarGroupPosition: item.avatarGroupPosition || 'content', progress: item.progress ?? -1, status: item.status || '', statusPosition: item.statusPosition || 'bottom-right', starred: item.starred || false, showStar: item.showStar || false, expandable: item.expandable || false, priorityPulse: item.priorityPulse || false, presence: item.presence || [], presenceCursors: item.presenceCursors || [], density: this.density, auraMode: true, sparkline: item.sparkline || [], metadata: item.metadata || {}, showGhostLayer: item.showGhostLayer ?? (this.altMode && this.altKeyPressed), gridMode: this.grid, focused: this.focusedIndex === index$1, class: {
                 'draggable': this.isDraggable,
                 'focused-item': this.focusedIndex === index$1
             }, draggable: this.isDraggable, onDragStart: (e) => {
@@ -557,11 +596,6 @@ const AppList = class {
                 this.listStarToggle.emit({ value: e.detail.value, starred: e.detail.starred });
             } }));
     }
-    renderGroupFooter(groupItems) {
-        if (!this.showGroupFooter)
-            return null;
-        return (index.h("div", { class: "list-group-footer", slot: "footer" }, this.groupFooterLabel, ": ", groupItems.length));
-    }
     handleItemClick(event) {
         const { value, selected, shiftKey, ctrlKey, metaKey } = event.detail;
         if (!this.selectable) {
@@ -586,6 +620,9 @@ const AppList = class {
         if (this.loading) {
             return this.renderLoading();
         }
+        if (this.items && this.items.length > 0 && this.filteredItems.length === 0) {
+            return this.renderEmpty();
+        }
         if (this.virtual) {
             return this.renderVirtualList();
         }
@@ -593,10 +630,7 @@ const AppList = class {
             return this.renderGroupedItems();
         }
         if (this.items && this.items.length > 0) {
-            if (this.filteredItems.length > 0) {
-                return this.filteredItems.map((item, index) => this.renderItem(item, index));
-            }
-            return this.renderEmpty();
+            return this.filteredItems.map((item, index) => this.renderItem(item, index));
         }
         return index.h("slot", null);
     }
@@ -619,19 +653,17 @@ const AppList = class {
         const onlineCount = items.filter(it => it.status === 'online').length;
         return (index.h("div", { class: "group-mini-dashboard" }, index.h("div", { class: "gm-stat" }, "Group Pulse: ", index.h("strong", null, avgHealth, "%")), index.h("div", { class: "gm-stat" }, "Vitality: ", index.h("strong", null, onlineCount, "/", items.length, " Active")), index.h("div", { class: "gm-spark", style: { flex: '1' } }, index.h("svg", { height: "24", width: "100%" }, index.h("path", { d: "M0,12 Q25,2 50,12 T100,12", fill: "none", stroke: "#3bf673", "stroke-width": "2" })))));
     }
+    renderGroupFooter(items) {
+        const footerLabel = this.groupFooterLabel?.trim();
+        if (!this.showGroupFooter || !footerLabel)
+            return null;
+        return (index.h("div", { slot: "footer", class: "group-footer" }, "Total: ", items.length, " ", footerLabel));
+    }
     renderGroupedItems() {
         const groups = this.getGroupedItems();
         if (!groups)
             return null;
-        return Object.keys(groups).map(groupName => (index.h("ui-list-group", { key: groupName, label: groupName, collapsible: true, expanded: true }, index.h("div", { slot: "header", class: "group-header-custom", onClick: (e) => {
-                e.stopPropagation();
-                const newDash = new Set(this.groupDashboards);
-                if (newDash.has(groupName))
-                    newDash.delete(groupName);
-                else
-                    newDash.add(groupName);
-                this.groupDashboards = newDash;
-            } }, index.h("span", { class: "group-title-label" }, groupName), index.h("span", { class: "group-pill" }, groups[groupName].length, " Nodes"), index.h("ui-icon", { name: this.groupDashboards.has(groupName) ? 'chart-bar' : 'chevron-down', library: "fontawesome" })), this.renderGroupDashboard(groupName, groups[groupName]), groups[groupName].map((item, idx) => {
+        return Object.keys(groups).map(groupName => (index.h("ui-list-group", { key: groupName, label: groupName, collapsible: true, expanded: true }, index.h("div", { slot: "header-actions", style: { fontSize: '11px', color: '#10b981', fontWeight: 'bold', textTransform: 'uppercase', marginRight: '8px' } }, "Nodes: ", groups[groupName].length), this.renderGroupDashboard(groupName, groups[groupName]), groups[groupName].map((item, idx) => {
             const globalIdx = this.filteredItems.indexOf(item);
             return (index.h("div", { key: `${groupName}-${idx}` }, this.renderItem(item, globalIdx)));
         }), this.renderGroupFooter(groups[groupName]))));
@@ -659,9 +691,10 @@ const AppList = class {
         })));
     }
     renderViewTabs() {
-        if (!this.viewTabs || this.viewTabs.length === 0)
+        const tabs = typeof this.viewTabs === 'string' ? JSON.parse(this.viewTabs) : this.viewTabs;
+        if (!tabs || tabs.length === 0)
             return null;
-        return (index.h("div", { class: "list-view-tabs" }, this.viewTabs.map((tab, idx) => (index.h("div", { key: tab.label, class: { 'view-tab': true, 'active': this.activeTab === idx }, onClick: () => { this.activeTab = idx; this.filterItems(); } }, tab.label)))));
+        return (index.h("div", { class: "list-view-tabs" }, tabs.map((tab, idx) => (index.h("div", { key: tab.label, class: { 'view-tab': true, 'active': this.activeTab === idx }, onClick: () => { this.activeTab = idx; this.filterItems(); } }, tab.label)))));
     }
     render() {
         const listClasses = {
@@ -685,6 +718,7 @@ const AppList = class {
         const containerClasses = {
             'list-container': true,
             'list-has-selection': this.selectedValues.length > 0,
+            'list-show-bulk-header': this.showBulkHeader && this.multiSelect,
             [`selection-theme-${this.selectionHeaderColor}`]: this.selectedValues.length > 0
         };
         const gridStyle = this.grid ? {
@@ -697,7 +731,7 @@ const AppList = class {
             ...(this.maxHeight ? { maxHeight: this.maxHeight, overflowY: 'auto' } : {}),
             ...gridStyle
         };
-        return (index.h("div", { key: '4f41d5f9b82328c5e5b6b990d2cba0fb85d02aa5', class: containerClasses, onKeyDown: this.handleKeyDown, tabindex: "0" }, this.syncing && index.h("div", { key: 'b5ccede5c41d256002443a4212650290614978ab', class: "list-sync-bar" }), index.h("div", { key: 'ed6271a638dd129ac647487306f59be583d87e9e', class: "list-header-adaptive" }, index.h("div", { key: 'db465ed90ceb6591344a2ce62fb081c11d126309', class: "header-main-titles" }, this.label && index.h("div", { key: '84064fc69f3df5d1a36094c42c531f794375709a', class: "list-label" }, this.label), this.subheader && index.h("div", { key: '43b6852ce14d2a109e7d49f0ee4a2023b7b99476', class: "list-subheader" }, this.subheader)), this.renderViewTabs()), this.renderSearch(), this.filterChips.length > 0 && (index.h("div", { key: '755badc3efa061e5ef7f8be478813eb83df98cdc', class: "list-filter-chips" }, this.filterChips.map(chip => (index.h("ui-button", { variant: chip.active ? "primary" : "ghost", class: { 'filter-chip': true, 'active': chip.active }, label: `${chip.label} ${chip.count !== undefined ? chip.count : ''}`, size: "sm" }))))), this.showSortingHeaders && (index.h("div", { key: '978d41292344852cf0ee831127b66cd2ab742664', class: "list-sorting-headers" }, this.columns.map(col => (index.h("div", { class: "sort-header", onClick: () => { const dir = this._sortColumn === col.key && this._sortDir === 'asc' ? 'desc' : 'asc'; this._sortColumn = col.key; this._sortDir = dir; this.columnSort.emit({ key: col.key, direction: dir }); } }, index.h("span", null, col.label), col.sortable && index.h("ui-icon", { name: "sort", library: "fontawesome" })))))), this.showBulkHeader && this.multiSelect && (index.h("div", { key: '01ebcaf21ee576b05618c5614a3667af24644ec0', class: "list-bulk-header" }, index.h("div", { key: '4af56532d24827bf7509a5a45a484ce6d59115cd', class: "bulk-select-all" }, index.h("ui-check-box", { key: '7ae0e47d3dc1341e81b2ae57df4a6c4b5ec97838', checked: this.selectedValues.length === this.items.length && this.items.length > 0, indeterminate: this.selectedValues.length > 0 && this.selectedValues.length < this.items.length, onCheckChange: (e) => {
+        return (index.h("div", { key: 'bb00547184af81fff94b839aa963837068a12b67', class: containerClasses, onKeyDown: this.handleKeyDown, tabindex: "0" }, this.syncing && index.h("div", { key: '465b32c39866f661ae0dd1ee72a93d76a13a7287', class: "list-sync-bar" }), (this.label !== '' || this.subheader !== '' || (this.viewTabs && this.viewTabs.length > 0)) ? (index.h("div", { class: "list-header-adaptive" }, index.h("div", { class: "header-main-titles" }, this.label && index.h("div", { class: "list-label" }, this.label), this.subheader && index.h("div", { class: "list-subheader" }, this.subheader)), this.renderViewTabs())) : null, this.renderSearch(), this.filterChips.length > 0 && (index.h("div", { key: '59f4a5f1d64a8c156f097fc66e860b59a74c1fa0', class: "list-filter-chips" }, this.filterChips.map(chip => (index.h("ui-button", { variant: chip.active ? "primary" : "ghost", class: { 'filter-chip': true, 'active': chip.active }, label: `${chip.label} ${chip.count !== undefined ? chip.count : ''}`, size: "sm" }))))), this.showSortingHeaders && (index.h("div", { key: 'b4bbabc32064534ddd72d4fe09e0247515c187d7', class: "list-sorting-headers" }, this.columns.map(col => (index.h("div", { class: "sort-header", onClick: () => { const dir = this._sortColumn === col.key && this._sortDir === 'asc' ? 'desc' : 'asc'; this._sortColumn = col.key; this._sortDir = dir; this.columnSort.emit({ key: col.key, direction: dir }); } }, index.h("span", null, col.label), col.sortable && index.h("ui-icon", { name: "sort", library: "fontawesome" })))))), this.showBulkHeader && this.multiSelect && (index.h("div", { key: 'd7aaa947251a337d969e803f92a31f36ad23eafe', class: "list-bulk-header" }, index.h("div", { key: 'cf432032c183b98757ea62c28a897c5bd4b18244', class: "bulk-select-all" }, index.h("ui-check-box", { key: 'ca4476ce62396c22dacdf580c4bbba0d9c2d5c33', checked: this.selectedValues.length === this.items.length && this.items.length > 0, indeterminate: this.selectedValues.length > 0 && this.selectedValues.length < this.items.length, onCheckChange: (e) => {
                 if (e.detail.checked) {
                     this.selectedValues = this.items.map((item, i) => item.value || item.id || i.toString());
                 }
@@ -705,15 +739,15 @@ const AppList = class {
                     this.selectedValues = [];
                 }
                 this.listChange.emit({ values: this.selectedValues });
-            } }), index.h("span", { key: 'aaa3441cd736d78f9486cc0fd01053b109620615', class: "bulk-count" }, this.selectedValues.length, " selected")), this.selectedValues.length > 0 && (index.h("div", { key: '3e2c3dc520b207692f61a09afd786e4e4bfbe462', class: "bulk-actions" }, this.bulkActions.map(action => (index.h("ui-button", { variant: "ghost", onClick: () => this.bulkAction.emit({ action: action.action, values: this.selectedValues }), icon: action.icon, iconLibrary: "fontawesome", label: action.label, size: "sm" }))))))), this.floatingFAB && this.selectedValues.length > 0 && (index.h("div", { key: 'd79e22941c6125d0447cd2646bcef0cd32410ad3', class: "list-power-launcher-container" }, index.h("div", { key: '5428fc9a5d581c15b9a42977eae4f08f253c4845', class: { 'launcher-fab': true, 'active': this.isPowerLauncherOpen }, onClick: () => this.isPowerLauncherOpen = !this.isPowerLauncherOpen }, index.h("ui-icon", { key: '10dd1b7d30e8fb9e9f3c90b65779c888663452a4', name: this.isPowerLauncherOpen ? 'times' : 'bolt', library: "fontawesome" })), this.isPowerLauncherOpen && (index.h("div", { key: 'b6c35850477fac5716818e449500a39a3cf894ed', class: "launcher-menu" }, index.h("div", { key: 'db4d1a4e3077bdb5c804b0ca9a75b2aea21bf5a7', class: "l-item", onClick: () => this.bulkAction.emit({ action: 'rolling-restart', values: this.selectedValues }) }, index.h("ui-icon", { key: '76597b228c9ad53087cacd6dbc11a3e3d4f2b2c1', name: "redo" }), " Rolling Restart"), index.h("div", { key: '9ba4804ace67bb7503c8713e816b4bc6197270b2', class: "l-item", onClick: () => this.bulkAction.emit({ action: 'sync-cluster', values: this.selectedValues }) }, index.h("ui-icon", { key: 'b673a8122860064908af7f11dd018b263671fa7e', name: "sync" }), " Sync Cluster"), index.h("div", { key: 'e01d57b46a14199afa99138d86701fca24d99537', class: "l-item", onClick: () => this.bulkAction.emit({ action: 'patch-security', values: this.selectedValues }) }, index.h("ui-icon", { key: '0da91a692f0e54baf6db39eee99de7ebc45f793c', name: "shield-alt" }), " Patch Security"), index.h("div", { key: '34cb252b35171aa5357a78d0a0d608f51de56925', class: "l-item danger", onClick: () => this.bulkAction.emit({ action: 'delete', values: this.selectedValues }) }, index.h("ui-icon", { key: 'ab94d9a829f7be9a6ec8f907b6c3c7f59c8452e3', name: "trash" }), " Terminate Selected"))))), this.isPaletteOpen && (index.h("div", { key: '7672cd318acb612ac9585f47fee917d98a3677de', class: "list-shortcut-palette", onClick: () => this.isPaletteOpen = false }, index.h("div", { key: 'b309a9ebc87081a00c39cbcf1d401780985b948a', class: "palette-content", onClick: e => e.stopPropagation() }, index.h("h3", { key: '2523a0a5d0f15eed66626b600c165d9c0d53e2d2' }, "\u2328\uFE0F Keyboard Shortcuts"), index.h("div", { key: 'e5d8fb61bc6a0164f1d59212f35d0f0d6b7efab9', class: "shortcut-grid" }, index.h("div", { key: '084c0a83d39f91615d2a8452bc3c7efbe0df34ba', class: "s-row" }, index.h("kbd", { key: 'b3be0998858c61f71c30de13f6e9fd1c7d691eae' }, "J"), " / ", index.h("kbd", { key: '386cc175f72faddbf616a40bf68ce551ed3e9cf6' }, "K"), " ", index.h("span", { key: 'deaeb0b4ee946a4d85b142b05b8bebd10b2657f6' }, "Navigate Down / Up")), index.h("div", { key: 'cd1c0ff59b78ff48927dcb940a85a928bd9a7e9f', class: "s-row" }, index.h("kbd", { key: '01d28ed64ea5a5c25ae23227a4d0d2d485437486' }, "Shift"), " + ", index.h("kbd", { key: 'ebfe4726a80f0e3333d5712298ddd089c5098a21' }, "J/K"), " ", index.h("span", { key: '1bde7e50bb79bed0aae5ee15e1106c1479a5383a' }, "Select Range")), index.h("div", { key: 'c11efad0545b775bd5b1f0cfc4a085317c3ebfee', class: "s-row" }, index.h("kbd", { key: '45cf6bc72acb696ad2fbde766fc57d6e3c01c6b4' }, "X"), " ", index.h("span", { key: 'b86e2314e06fb7d8ff22c71bb231b3e828c96b5a' }, "Toggle Selection")), index.h("div", { key: '1767c7ba0256d1f6ba117c11f969071be099c73d', class: "s-row" }, index.h("kbd", { key: '28bf817768a742ffbaa0b87ac5ca78ec965c7e4c' }, "Enter"), " ", index.h("span", { key: '71640ceb7349f38f285ed64fb81f690f96005e62' }, "Activate / Open")), index.h("div", { key: 'b49d904e6303444b9b8e1fc7f611aad5e4a469e5', class: "s-row" }, index.h("kbd", { key: '493d94845640a0b0578f2e99fe07e16ae5ff92ee' }, "Space"), " ", index.h("span", { key: '14b9767880acf71e36d181b0e0c3ff1ab682f272' }, "Quick Look Preview")), index.h("div", { key: '782f31daa50b9329794da1845e14d4379700a5a5', class: "s-row" }, index.h("kbd", { key: 'ebd8dc3dc59cc388caf58d1287c86473ffd76b38' }, "["), " / ", index.h("kbd", { key: '0347ff672424c8db103e20f5ecf519b0b974d4de' }, "]"), " ", index.h("span", { key: 'b6f87b61cf822fdf6349bdb92849f0175029e4de' }, "Jump to Prev / Next Group")), index.h("div", { key: '0cfe752e9649c00712f22b780307084252c138cf', class: "s-row" }, index.h("kbd", { key: '9de296e60383b0b90d9696311eb5bc5bb64b889d' }, "?"), " ", index.h("span", { key: '1b33a99b0f72740380c869bfdee4ab656562b028' }, "Toggle this help")))))), this.isQuickLookOpen && (index.h("div", { key: '00db6f10e7905b7d70882985cc9089a6bbb4cfee', class: "list-quick-look-modal", onClick: () => this.isQuickLookOpen = false }, index.h("div", { key: '22bab4c4be5a1020ccfa34c7fee8f330d44d8bcd', class: "quick-look-content", onClick: e => e.stopPropagation() }, index.h("ui-icon", { key: '7c691ac455958af2f12d9ce764095b0aae950f70', name: "times", class: "close-look", onClick: () => this.isQuickLookOpen = false }), index.h("div", { key: 'c56f0449bfb3280b6dc7141bc14c91874f6ed35f', class: "look-header" }, index.h("h2", { key: '250cb1ecb5ebc771477659fbdcd83a27aee6145c' }, this.filteredItems[this.focusedIndex]?.label), index.h("span", { key: '1082b6cd8b3d2c56087e0ac9668e88932085f67d' }, this.filteredItems[this.focusedIndex]?.sublabel)), index.h("div", { key: '5258151eca6121d08a568a82b60b27c1055eb203', class: "look-body" }, index.h("p", { key: '496227a18a6a9b8aea97386e14544d6d66c0e3e8' }, "Comprehensive detail for Node ID: ", this.filteredItems[this.focusedIndex]?.value || 'N/A'), index.h("div", { key: 'ef427801b310f9ff61569c24b79046131f02b425', class: "look-stats" }, index.h("div", { key: '21f28568f90ba336e43f868b33bad2c9690cf19b', class: "l-stat" }, "Status: ", index.h("strong", { key: 'b05364c86b63383d5a3b1e2105a57564f36f90e0' }, this.filteredItems[this.focusedIndex]?.status || 'Idle')), index.h("div", { key: '9535c7091e299aa1a3c1c214cd6097024c8d304b', class: "l-stat" }, "Health: ", index.h("strong", { key: '0dd13ce8f148f8308a21054a78345ee61df47c36' }, this.filteredItems[this.focusedIndex]?.progress || 100, "%"))))))), index.h("div", { key: 'b995d870eed468e011dd91edd18b6527c7d1c72e', ref: el => this.listRef = el, class: listClasses, style: listStyle, role: "list", "aria-label": this.ariaLabel, "aria-busy": this.syncing ? 'true' : 'false', part: "list", onScroll: this.handleScroll, onMouseDown: this.handleLassoStart }, this.renderMinimap(), this.focusRingTop >= 0 && (index.h("div", { key: 'cb4547a1aab482125b7e80e6db56ec6a2ede865c', class: "list-focus-spring-ring", style: {
+            } }), index.h("span", { key: 'ec517dc6f4d5d0d9ffd1914e5e391c7d3a74505a', class: "bulk-count" }, this.selectedValues.length, " selected")), this.selectedValues.length > 0 && (index.h("div", { key: 'b0600407777cbd52da525a09987153db769ba6a7', class: "bulk-actions" }, this.bulkActions.map(action => (index.h("ui-button", { variant: "ghost", onClick: () => this.bulkAction.emit({ action: action.action, values: this.selectedValues }), icon: action.icon, iconLibrary: "fontawesome", label: action.label, size: "sm" }))))))), this.floatingFAB && this.selectedValues.length > 0 && (index.h("div", { key: '00b8aa6c267d50a47f6856cda876bad01ee9674e', class: "list-power-launcher-container" }, index.h("div", { key: 'e4ec0c4c8e8b58898686b5ef72e5a096ce66e3b5', class: { 'launcher-fab': true, 'active': this.isPowerLauncherOpen }, onClick: () => this.isPowerLauncherOpen = !this.isPowerLauncherOpen }, index.h("ui-icon", { key: 'a6bc20180a0bdcf40cf28275acefcd7c44a3815e', name: this.isPowerLauncherOpen ? 'times' : 'bolt', library: "fontawesome" })), this.isPowerLauncherOpen && (index.h("div", { key: 'ef40293f768a0b40f3fc4a4c32798349040d4da2', class: "launcher-menu" }, index.h("div", { key: '88be539c08a62f8de9b4ce82ee57518e1c92a3d4', class: "l-item", onClick: () => this.bulkAction.emit({ action: 'rolling-restart', values: this.selectedValues }) }, index.h("ui-icon", { key: 'f552d6377cc0939f3788caf7d129498b364c8459', name: "redo" }), " Rolling Restart"), index.h("div", { key: '8d38b28a317a9a40e9a21bf8eb35fe186f51ac1c', class: "l-item", onClick: () => this.bulkAction.emit({ action: 'sync-cluster', values: this.selectedValues }) }, index.h("ui-icon", { key: '12f7bfbbb932d89c45bd2c3df7365f0362535145', name: "sync" }), " Sync Cluster"), index.h("div", { key: '7c71e2fbbf7179329013619a85fdab603088cae1', class: "l-item", onClick: () => this.bulkAction.emit({ action: 'patch-security', values: this.selectedValues }) }, index.h("ui-icon", { key: '083ba7b124a9ddfd26fbdf6fa5027c9b005e76f5', name: "shield-alt" }), " Patch Security"), index.h("div", { key: 'b011aababd1f2079ddee4024c9bd33d7f4531357', class: "l-item danger", onClick: () => this.bulkAction.emit({ action: 'delete', values: this.selectedValues }) }, index.h("ui-icon", { key: '8b0a9689e25e837876473d13487b6ef3e54600f1', name: "trash" }), " Terminate Selected"))))), this.isPaletteOpen && (index.h("div", { key: '7b938fda9a651dbf84ef1ef9219422c114282d63', class: "list-shortcut-palette", onClick: () => this.isPaletteOpen = false }, index.h("div", { key: 'a3998a5f1b5da498d3e181b1fda7a0e9577ba6a7', class: "palette-content", onClick: e => e.stopPropagation() }, index.h("h3", { key: 'c09fb78ea4727525bc489f95e65de7be59952522' }, "\u2328\uFE0F Keyboard Shortcuts"), index.h("div", { key: 'd4c0a024a9e89f214ebf5d8815ca6cd7dbd885ea', class: "shortcut-grid" }, index.h("div", { key: '3ec41216e1df2a05ffe8676c6c84c7936194e87d', class: "s-row" }, index.h("kbd", { key: '0004f6ff2a582b1a0037402365700395161f7952' }, "J"), " / ", index.h("kbd", { key: '679670b760357a2215b75e9e496fcef2fc06c7b4' }, "K"), " ", index.h("span", { key: 'dd5bf7186501d66601302a624d8bbc77714c7b26' }, "Navigate Down / Up")), index.h("div", { key: '64fbfcb5bfe9740082dd1f08a1aaf150eb09a55a', class: "s-row" }, index.h("kbd", { key: '808dec5183b5dd0714f842f066f08794b5371156' }, "Shift"), " + ", index.h("kbd", { key: 'cb57c4b93adcc7f1f1b9590e92439ba9ea19ac68' }, "J/K"), " ", index.h("span", { key: 'dcac1d435c894641cb0fb9b84abbe889a6e0364d' }, "Select Range")), index.h("div", { key: '1c7f84b9b8641ae4ad8f478724537f70d219d280', class: "s-row" }, index.h("kbd", { key: 'f5e0c806a1820089275adf63b6a11389dc3b926d' }, "X"), " ", index.h("span", { key: 'f0d86c6842cc3b35e994963b3282586370181c07' }, "Toggle Selection")), index.h("div", { key: '533f144a781063d3cd49a420aa80b43c745a3338', class: "s-row" }, index.h("kbd", { key: '249b9b6ebfee73dc9b05c8d97e435fefe8af0eef' }, "Enter"), " ", index.h("span", { key: '07c36c47d132e3403f05e7b0d800e4374b83e01e' }, "Activate / Open")), index.h("div", { key: 'c9dc8867e160deffb05579bfa873587f1a6ded61', class: "s-row" }, index.h("kbd", { key: '92b2dac699830feff2199bee101bc6fa99181aef' }, "Space"), " ", index.h("span", { key: '1d8ccd25114b6cd10ed255ccccc766a8de61ff35' }, "Quick Look Preview")), index.h("div", { key: '376901f412fce5933eb3dca49e36c9aa18af4a50', class: "s-row" }, index.h("kbd", { key: '142bdc9a21d78e25535e70c764cbf7144dd2eb04' }, "["), " / ", index.h("kbd", { key: '606884510d2793a98cd371b8410d011d9065188c' }, "]"), " ", index.h("span", { key: 'eafb3d4fb9b6b520e16b4f2936771b56f8ee4a5b' }, "Jump to Prev / Next Group")), index.h("div", { key: 'd1a3176cec793d83c48b0f53f0c635e6b98ba550', class: "s-row" }, index.h("kbd", { key: '0cc2f021b294cce5c4b36ca714db5bb6540fa2df' }, "?"), " ", index.h("span", { key: '54efef235f24081e362eec2459eb55f223583dbe' }, "Toggle this help")))))), this.isQuickLookOpen && (index.h("div", { key: 'f194acddb04bbb4b217670666c13130dd7103ca8', class: "list-quick-look-modal", onClick: () => this.isQuickLookOpen = false }, index.h("div", { key: 'a888c716f4fd38a27f7503e1ec94e4a1b87640b1', class: "quick-look-content", onClick: e => e.stopPropagation() }, index.h("ui-icon", { key: '83b052f025e87eafce127aa024abe24dde014222', name: "times", class: "close-look", onClick: () => this.isQuickLookOpen = false }), index.h("div", { key: '558e0f06e84dcf9257f04fb7118fb26787c55ee4', class: "look-header" }, index.h("h2", { key: '5d9caeba95720871cf4ae13187e68d2b4f1b9c92' }, this.filteredItems[this.focusedIndex]?.label), index.h("span", { key: '2aa6d87d5081755e0f331c5ab237812a6608e8b5' }, this.filteredItems[this.focusedIndex]?.sublabel)), index.h("div", { key: '6ff07d7edad52504773a064fa1a4e01ebacf35a8', class: "look-body" }, index.h("p", { key: '543f894c81b5172ac243127f061fea6f6110dcf9' }, "Comprehensive detail for Node ID: ", this.filteredItems[this.focusedIndex]?.value || 'N/A'), index.h("div", { key: '7bac5a333c1c7f31089a6ca6ff05e997d3a96c26', class: "look-stats" }, index.h("div", { key: '951d1ee50f6bed0ac479b817275c88d1038fbd5c', class: "l-stat" }, "Status: ", index.h("strong", { key: '935fa52b092166b1c0453336192753cc4b4ebf98' }, this.filteredItems[this.focusedIndex]?.status || 'Idle')), index.h("div", { key: '777cd29fff1199c5793ff0f07924ba8c0fc7c11d', class: "l-stat" }, "Health: ", index.h("strong", { key: '225a2b9212739f06d8359d5e201e36a29266f437' }, this.filteredItems[this.focusedIndex]?.progress || 100, "%"))))))), index.h("div", { key: '77c2a4619e7c728ddf23f9d5e1d388708e41ad3b', ref: el => this.listRef = el, class: listClasses, style: listStyle, role: "list", "aria-label": this.ariaLabel, "aria-busy": this.syncing ? 'true' : 'false', part: "list", onScroll: this.handleScroll, onMouseDown: this.handleLassoStart }, this.renderMinimap(), this.focusRingTop >= 0 && (index.h("div", { key: '19b2471c6ec43c7fc338eee4a377378b3575c90c', class: "list-focus-spring-ring", style: {
                 top: `${this.focusRingTop}px`,
                 height: `${this.focusRingHeight}px`
-            } })), this.lassoActive && (index.h("div", { key: 'ec54df7225b07efc02cd87b5613c3ddb84e967d4', class: "list-lasso-box", style: {
+            } })), this.lassoActive && (index.h("div", { key: 'd50b5af30f8ba2aa942936c2aa491cdd54cd23b9', class: "list-lasso-box", style: {
                 left: `${Math.min(this.lassoStart.x, this.lassoEnd.x)}px`,
                 top: `${Math.min(this.lassoStart.y, this.lassoEnd.y)}px`,
                 width: `${Math.abs(this.lassoEnd.x - this.lassoStart.x)}px`,
                 height: `${Math.abs(this.lassoEnd.y - this.lassoStart.y)}px`
-            } })), this.renderContent()), this.renderPagination(), this.renderCommandPalette(), this.renderEKGWaveform(), this.renderConfetti(), this.showConfetti && index.h("div", { key: '2bf97fc32fb8863cb61df68a7bf152f66f2a5bdd', class: "a11y-sr-only", "aria-live": "assertive" }, "Industrial Batch Operation Completed Successfully"), this.syncing && index.h("div", { key: '955b2edcc60b8e6eeb1b35a0532956263ea3eb80', class: "a11y-sr-only", "aria-live": "polite" }, "Cluster data is currently synchronizing...")));
+            } })), this.renderContent()), this.renderPagination(), this.renderCommandPalette(), this.renderEKGWaveform(), this.renderConfetti(), this.showConfetti && index.h("div", { key: 'd4a48c4fa355aaa245066ef891279facf5ae12e0', class: "a11y-sr-only", "aria-live": "assertive" }, "Industrial Batch Operation Completed Successfully"), this.syncing && index.h("div", { key: '411ccc3f6a9b589da46729eddca6ff2f202aa388', class: "a11y-sr-only", "aria-live": "polite" }, "Cluster data is currently synchronizing...")));
     }
     static get watchers() { return {
         "items": [{

package/dist/cjs/ui-masonry.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
+var index = require('./index-C32cWsm5.js');
 
 const masonryCss = () => `.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.masonry-wrapper{width:100%;padding:16px}.masonry-filters{display:flex;gap:16px;align-items:center;margin-bottom:24px;padding:16px;background:var(--bg-primary, #f9fafb);border-radius:8px;flex-wrap:wrap}.masonry-filters .filter-group{display:flex;gap:8px;align-items:center}.masonry-filters .filter-group label{font-weight:600;font-size:0.875rem;color:var(--text-secondary, #374151)}.masonry-filters .filter-group select{padding:8px 12px;border:1px solid var(--border-strong, #d1d5db);border-radius:6px;font-size:0.875rem;background:var(--bg-primary, #ffffff);cursor:pointer;min-width:120px}.masonry-filters .filter-group select:focus{outline:none;border-color:var(--color-primary-hover, #2563eb);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.masonry-filters .filter-group .sort-button{padding:8px 12px;border:1px solid var(--border-strong, #d1d5db);border-radius:6px;background:var(--bg-primary, #ffffff);cursor:pointer;transition:all 0.2s ease;color:var(--text-muted, #6b7280)}.masonry-filters .filter-group .sort-button:hover{background:var(--bg-secondary, #f3f4f6);border-color:var(--color-primary, #9ca3af)}.masonry-filters .filter-group .sort-button.active{background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);border-color:var(--color-success, #3dcd58)}.masonry-filters .filter-group .sort-button:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.1)}.masonry-container{width:100%}.masonry-columns{column-gap:16px}.masonry-columns .masonry-item{break-inside:avoid;page-break-inside:avoid;display:inline-block;width:100%}.masonry-grid{display:grid;grid-auto-rows:auto;width:100%}.masonry-grid .masonry-item{width:100%}.masonry-flex-columns{display:flex;width:100%}.masonry-flex-columns .masonry-column{display:flex;flex-direction:column}.masonry-item{cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease;background:var(--bg-primary, #ffffff);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.masonry-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.masonry-item.animate{animation:fadeInUp 0.3s ease forwards;opacity:0}.default-item img{width:100%;height:auto;display:block;object-fit:cover}.default-item .item-title{margin:12px 16px 8px;font-size:1rem;font-weight:600;color:var(--text-primary, #111827);line-height:1.4}.default-item .item-description{margin:0 16px 12px;font-size:0.875rem;color:var(--text-muted, #6b7280);line-height:1.5}.default-item .item-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 16px 16px}.default-item .item-tags .tag{padding:4px 8px;background:var(--bg-primary, #eff6ff);color:var(--color-success, #3dcd58);font-size:0.75rem;font-weight:500;border-radius:4px}.masonry-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted, #6b7280)}.masonry-loading .spinner{width:48px;height:48px;border:4px solid var(--border-default, #e5e7eb);border-top-color:var(--color-success, #3dcd58);border-radius:50%;animation:spin 0.8s linear infinite;margin-bottom:16px}.masonry-loading p{font-size:1rem;font-weight:500}.masonry-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted, #9ca3af)}.masonry-empty i{font-size:48px;margin-bottom:16px}.masonry-empty p{font-size:1rem;font-weight:500}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-item{background:var(--bg-secondary, #f3f4f6);position:relative;overflow:hidden;border-radius:8px}.skeleton-item .skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);animation:shimmer 1.5s infinite;transform:translateX(-100%)}@keyframes shimmer{100%{transform:translateX(100%)}}.masonry-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.9);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn 0.3s ease}.masonry-lightbox .lightbox-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--text-standard, #ffffff);font-size:2rem;cursor:pointer;z-index:10001;transition:transform 0.2s ease}.masonry-lightbox .lightbox-close:hover{transform:scale(1.1)}.masonry-lightbox .lightbox-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:40px;box-sizing:border-box;position:relative}.masonry-lightbox .lightbox-nav{background:rgba(255, 255, 255, 0.1);border:none;color:var(--text-standard, #ffffff);font-size:1.5rem;padding:16px;border-radius:50%;cursor:pointer;transition:all 0.2s ease;backdrop-filter:blur(4px)}.masonry-lightbox .lightbox-nav:hover{background:rgba(255, 255, 255, 0.2);transform:scale(1.1)}.masonry-lightbox .lightbox-nav.prev{margin-right:20px}.masonry-lightbox .lightbox-nav.next{margin-left:20px}.masonry-lightbox .lightbox-image-container{position:relative;max-width:80%;max-height:80vh;border-radius:8px;overflow:hidden;box-shadow:0 20px 50px rgba(0, 0, 0, 0.5)}.masonry-lightbox .lightbox-image-container .lightbox-image{display:block;width:100%;height:100%;object-fit:contain;max-height:80vh}.masonry-lightbox .lightbox-image-container .lightbox-details{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);padding:24px;color:var(--text-standard, #ffffff);transform:translateY(100%);transition:transform 0.3s ease;box-sizing:border-box}.masonry-lightbox .lightbox-image-container .lightbox-details h3{margin:0 0 8px;font-size:1.25rem}.masonry-lightbox .lightbox-image-container .lightbox-details p{margin:0;opacity:0.8;font-size:0.9rem}.masonry-lightbox .lightbox-image-container:hover .lightbox-details{transform:translateY(0)}.masonry-lightbox .lightbox-counter{position:absolute;bottom:20px;color:rgba(255, 255, 255, 0.6);font-size:0.9rem;letter-spacing:1px}.default-item{position:relative}.default-item .image-wrapper{position:relative;overflow:hidden}.default-item .image-wrapper .item-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);opacity:0;transition:opacity 0.3s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.default-item .image-wrapper .item-overlay .overlay-actions{display:flex;gap:12px;transform:translateY(20px);transition:transform 0.3s ease}.default-item .image-wrapper .item-overlay .action-btn{width:40px;height:40px;border-radius:50%;background:var(--bg-primary, #ffffff);border:none;color:var(--text-secondary, #333);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(0, 0, 0, 0.2)}.default-item .image-wrapper .item-overlay .action-btn:hover{transform:translateY(-2px);background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff)}.default-item .image-wrapper:hover .item-overlay{opacity:1}.default-item .image-wrapper:hover .item-overlay .overlay-actions{transform:translateY(0)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}`;
 

package/dist/cjs/ui-meter-group.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
+var index = require('./index-C32cWsm5.js');
 
-const meterGroupCss = () => `.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.meter-group{display:flex;flex-direction:column;gap:12px;font-family:inherit}.meter-container{display:flex;border-radius:8px;overflow:hidden;background-color:var(--bg-primary, #e5e7eb)}.meter-horizontal .meter-container{flex-direction:row;width:100%}.meter-horizontal.meter-sm .meter-container{height:16px}.meter-horizontal.meter-md .meter-container{height:24px}.meter-horizontal.meter-lg .meter-container{height:32px}.meter-vertical{flex-direction:row}.meter-vertical .meter-container{flex-direction:column-reverse;height:200px}.meter-vertical.meter-sm .meter-container{width:16px}.meter-vertical.meter-md .meter-container{width:24px}.meter-vertical.meter-lg .meter-container{width:32px}.meter-segment{display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;position:relative}.meter-segment:hover{filter:brightness(1.1)}.meter-value{color:var(--text-standard, #ffffff);font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0, 0, 0, 0.3);white-space:nowrap}.meter-horizontal .meter-segment:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.meter-horizontal .meter-segment:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.meter-vertical .meter-segment:first-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.meter-vertical .meter-segment:last-child{border-top-left-radius:8px;border-top-right-radius:8px}.meter-legend{display:flex;flex-wrap:wrap;gap:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px}.legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.legend-label{color:var(--text-secondary, #374151);font-weight:500}.legend-value{color:var(--text-muted, #6b7280);font-size:12px}.meter-circle-container{display:flex;justify-content:center;align-items:center}.meter-circle{width:100%;max-width:200px;height:auto}.meter-circle.meter-sm{max-width:120px}.meter-circle.meter-lg{max-width:280px}.circle-total-value{font-size:20px;font-weight:600;fill:var(--text-secondary, #374151)}.meter-sm .circle-total-value{font-size:14px}.meter-lg .circle-total-value{font-size:26px}`;
+const meterGroupCss = () => `.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%}.meter-group{display:flex;flex-direction:column;gap:12px;font-family:inherit}.meter-container{display:flex;border-radius:8px;overflow:hidden;background-color:var(--bg-primary, #e5e7eb)}.meter-horizontal .meter-container{flex-direction:row;width:100%}.meter-horizontal.meter-sm .meter-container{height:16px}.meter-horizontal.meter-md .meter-container{height:24px}.meter-horizontal.meter-lg .meter-container{height:32px}.meter-vertical{flex-direction:row}.meter-vertical .meter-container{flex-direction:column-reverse;height:200px}.meter-vertical.meter-sm .meter-container{width:16px}.meter-vertical.meter-md .meter-container{width:24px}.meter-vertical.meter-lg .meter-container{width:32px}.meter-segment{display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;position:relative}.meter-segment:hover{filter:brightness(1.1)}.meter-value{color:var(--text-standard, #ffffff);font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0, 0, 0, 0.3);white-space:nowrap}.meter-horizontal .meter-segment:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.meter-horizontal .meter-segment:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.meter-vertical .meter-segment:first-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.meter-vertical .meter-segment:last-child{border-top-left-radius:8px;border-top-right-radius:8px}.meter-legend{display:flex;flex-wrap:wrap;gap:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px}.legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.legend-label{color:var(--text-secondary, #374151);font-weight:500}.legend-value{color:var(--text-muted, #6b7280);font-size:12px}.meter-circle-container{display:flex;justify-content:center;align-items:center}.meter-circle{width:100%;max-width:200px;height:auto}.meter-circle.meter-sm{max-width:120px}.meter-circle.meter-lg{max-width:280px}.circle-total-value{font-size:20px;font-weight:600;fill:var(--text-secondary, #374151)}.meter-sm .circle-total-value{font-size:14px}.meter-lg .circle-total-value{font-size:26px}`;
 
 const MeterGroup = class {
     constructor(hostRef) {
@@ -143,7 +143,8 @@ const MeterGroup = class {
             const percentage = this.getPercentage(item.value);
             const color = item.color || this.getDefaultColor(index$1);
             return (index.h("div", { class: "meter-segment", style: {
-                    [this.orientation === 'horizontal' ? 'width' : 'height']: `${percentage}%`,
+                    width: this.orientation === 'horizontal' ? `${percentage}%` : undefined,
+                    height: this.orientation === 'vertical' ? `${percentage}%` : undefined,
                     background: (() => {
                         const isColorObject = typeof item.color === 'object' && item.color !== null;
                         if (item.gradient || isColorObject) {
@@ -156,7 +157,7 @@ const MeterGroup = class {
                     cursor: this.interactive ? 'pointer' : 'default',
                     transition: this.animated ? 'width 0.5s ease, height 0.5s ease' : 'none',
                 }, title: `${item.label}: ${item.value}`, onClick: () => this.handleSegmentClick(item) }, this.showValues && (index.h("span", { class: "meter-value" }, item.value))));
-        }))), (this.showLabels || this.showLegend) && (index.h("div", { key: '646404cbc3ac39fcf2956d292bd34d5c68162ff6', class: "meter-legend" }, values.map((item, index$1) => {
+        }))), (this.showLabels || this.showLegend) && (index.h("div", { key: 'b171d4c53a8154a0ca13b84c4e73d699b5c612bc', class: "meter-legend" }, values.map((item, index$1) => {
             const color = item.color || this.getDefaultColor(index$1);
             const percentage = ((item.value / total) * 100).toFixed(1);
             return (index.h("div", { class: "legend-item", onClick: () => this.handleSegmentClick(item), style: { cursor: this.interactive ? 'pointer' : 'default' } }, index.h("span", { class: "legend-color", style: { backgroundColor: typeof color === 'object' && color !== null ? color.from : color } }), item.icon && (index.h("span", { class: "legend-icon", style: { marginRight: '6px' } }, index.h("ui-icon", { name: item.icon, library: item.iconLibrary || this.iconLibrary, size: "1.1em" }))), index.h("span", { class: "legend-label" }, item.label), this.showValues && (index.h("span", { class: "legend-value" }, item.value, " (", percentage, "%)"))));

package/dist/cjs/ui-navigation-item.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-ClkOYpT8.js');
+var index = require('./index-C32cWsm5.js');
 
-const navigationItemCss = () => `.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.nav-item{display:flex;flex-direction:column;cursor:pointer;border-radius:12px;margin-bottom:4px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;user-select:none;width:100%}.item-content{display:flex;align-items:center;gap:16px;height:48px;padding:0 16px;color:var(--nav-text-dim);transition:all 0.3s ease;position:relative;z-index:2;border-radius:10px}:host([orientation=horizontal]){display:flex;align-items:center;height:64px}:host([orientation=horizontal]) .nav-item{margin-bottom:0;height:100%;display:flex;align-items:center}:host([orientation=horizontal]) .item-content{height:100%;padding:0 12px;justify-content:center}.nav-item:hover .item-content{background:var(--nav-hover-bg);color:var(--nav-text)}.nav-item.active .item-content,.nav-item.active-parent .item-content{background:var(--nav-active-bg);color:var(--nav-accent);font-weight:600;box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.nav-item.active::before,.nav-item.active-parent::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--nav-accent);border-radius:0 4px 4px 0;box-shadow:0 0 10px var(--nav-accent);z-index:3}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;transition:transform 0.3s ease}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item.active .nav-icon,.nav-item.active-parent .nav-icon{color:var(--nav-accent);transform:scale(1.1)}.nav-item.active .nav-icon svg,.nav-item.active-parent .nav-icon svg{filter:drop-shadow(0 0 5px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4))}.nav-label{font-size:14px;font-weight:500;white-space:nowrap;flex:1;letter-spacing:0.3px;overflow:hidden;text-overflow:ellipsis}.nav-badge{background:var(--nav-accent-gradient);color:var(--text-standard, #ffffff);border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;margin-left:auto;box-shadow:0 4px 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.nav-arrow{margin-left:auto;font-size:10px;color:var(--nav-text-dim);transition:transform 0.3s ease}.nav-item.open>.item-content .nav-arrow{transform:rotate(90deg)}.nav-submenu{list-style:none;margin:0;padding:0 0 8px 12px;overflow:hidden}.nav-item.collapsed .nav-label,.nav-item.collapsed .nav-badge,.nav-item.collapsed .nav-arrow,.nav-item.collapsed .nav-submenu:not(.floating-popover){display:none}.nav-item.collapsed .item-content{justify-content:center;padding:0;width:100%}:host([indentation="1"]) .nav-item{margin-left:8px;border-radius:8px}:host([indentation="1"]) .item-content{height:38px;font-size:13px}:host([indentation="1"]) .nav-item.active::before{width:2px;top:10px;bottom:10px}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-item.open .nav-submenu navigation-item{animation:slideDown 0.3s ease forwards}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover{background:var(--bg-primary, #1e293b) !important;z-index:2500 !important;box-shadow:0 10px 40px rgba(0, 0, 0, 0.5) !important;width:220px !important;display:flex !important;flex-direction:column !important;max-height:calc(100vh - 32px) !important;overflow-y:auto !important;overflow-x:hidden !important}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover:not(.placement-top),:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.placement-bottom{top:0;bottom:auto}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.placement-top{bottom:0;top:auto}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.placement-top::before{top:auto !important;bottom:18px !important}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar{width:6px}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar-track{background:transparent;border-radius:12px}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar-thumb{background:rgba(148, 163, 184, 0.5);border-radius:12px;transition:background 0.3s ease}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar-thumb:hover{background:rgba(148, 163, 184, 0.8)}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover navigation-item,:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover>navigation-item{display:block !important;width:100% !important;height:auto !important;min-height:40px !important;opacity:1 !important;visibility:visible !important;flex-shrink:0 !important}:host([orientation=vertical]) .nav-item.is-user-profile:hover .nav-submenu.floating-popover,:host([orientation=vertical]) .nav-item.is-user-profile.hovering .nav-submenu.floating-popover,:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover:hover,:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.is-visible{visibility:visible !important;opacity:1 !important;pointer-events:auto !important;transform:translateX(0) translateY(0) !important}:host([orientation=vertical]) .nav-item.is-user-profile:hover,:host([orientation=vertical]) .nav-item.is-user-profile.hovering{overflow:visible !important;z-index:1001 !important}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::after{content:"";position:absolute;left:-25px;top:0;width:30px;height:100%;pointer-events:auto;background:transparent;z-index:2001}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu:not(.floating-popover){display:none !important}:host(:not([orientation=horizontal])) .nav-submenu.floating-popover.placement-top.is-visible{transform:translateX(0)}:host(:not([orientation=horizontal])) .nav-submenu.floating-popover.placement-top::before{top:auto;bottom:18px}:host(:not([orientation=horizontal])) .nav-submenu.floating-popover.placement-top::after{top:auto;bottom:0;height:100%}.nav-submenu.floating-popover::after{content:"";position:absolute;top:-20px;bottom:-20px;left:-24px;width:24px;background:transparent;z-index:-1}.nav-item:hover,.nav-item.hovering{z-index:1000;overflow:visible !important}.nav-item:not(.collapsed)>.nav-submenu.floating-popover:not(.cascading){left:100%;margin-left:12px;top:0}.nav-item:not(.collapsed)>.nav-submenu.floating-popover:not(.cascading)::before{display:block;}.nav-submenu.floating-popover.cascading{left:100%;margin-left:4px;top:-4px;}.nav-submenu.floating-popover.cascading::before{top:18px;left:-6px}.popover-header{padding:12px 16px;font-size:11px;font-weight:700;color:var(--nav-text-dim);text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid rgba(255, 255, 255, 0.05);margin-bottom:4px;user-select:none;pointer-events:none}.nav-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);background:var(--bg-primary, #1e293b);color:var(--text-standard, #f8fafc);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 8px 24px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);border:1px solid rgba(255, 255, 255, 0.1);z-index:2000;margin-left:8px;pointer-events:none;animation:fadeIn 0.2s ease forwards}.nav-submenu.floating-popover::before,.nav-tooltip::before{content:"";position:absolute;left:-6px;top:18px;width:12px;height:12px;background:var(--bg-primary, #1e293b);transform:rotate(45deg);border-left:1px solid rgba(255, 255, 255, 0.1);border-bottom:1px solid rgba(255, 255, 255, 0.1);z-index:-1}.nav-tooltip::before{top:50%;margin-top:-6px}:host([orientation=horizontal]) .nav-submenu.floating-popover::before{content:"" !important;display:block !important;visibility:visible !important;opacity:1 !important;position:absolute !important;left:50% !important;right:auto !important;top:-6px !important;bottom:auto !important;margin:0 !important;width:12px !important;height:12px !important;background:var(--bg-primary, #1e293b) !important;transform:translateX(-50%) rotate(45deg) !important;border:none !important;border-top:1px solid rgba(255, 255, 255, 0.1) !important;border-right:1px solid rgba(255, 255, 255, 0.1) !important;z-index:-1 !important;pointer-events:none !important}@keyframes fadeIn{from{opacity:0;transform:translateY(-50%) translateX(-5px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.nav-submenu.floating-popover ::slotted(navigation-item),.nav-submenu.floating-popover navigation-item{margin-left:0 !important}.nav-item.collapsed:hover{overflow:visible}.nav-item.in-popover .item-content{height:40px;padding:0 12px;border-radius:8px}.nav-item.in-popover{margin-left:0 !important;margin-bottom:2px}.nav-item.in-popover.active .item-content{background:var(--nav-active-bg);border:1px solid rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.nav-item.in-popover.active .nav-label{color:var(--nav-accent) !important;font-weight:700}.nav-item.in-popover.active::before{top:8px;bottom:8px;width:3px}.nav-arrow.cascading{margin-left:auto;opacity:0.5;transition:transform 0.3s ease}.nav-item.placement-top .nav-arrow.cascading,.nav-submenu.placement-top .nav-arrow.cascading{transform:rotate(-90deg);}.nav-submenu:not(.placement-top) .nav-arrow.cascading{transform:rotate(0deg)}:host([indentation="0"]) .nav-item.in-popover{margin-left:0}.nav-item.is-user-profile .nav-icon{background:var(--nav-accent-gradient);border-radius:50%;color:var(--text-standard, #ffffff) !important;width:32px;height:32px;min-width:32px;box-shadow:0 4px 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4)}.nav-item.is-user-profile .nav-icon svg{width:18px;height:18px}.nav-item.is-user-profile .nav-label{font-weight:600;color:var(--nav-text)}:host([orientation=horizontal]){height:100%}:host([orientation=horizontal]) .nav-item{height:100%;flex-direction:row;align-items:center;justify-content:center;margin-bottom:0;border-radius:0;padding:0 4px}:host([orientation=horizontal]) .item-content{height:100%;padding:0 16px;border-radius:0;font-weight:600;transition:all 0.2s ease}:host([orientation=horizontal]) .nav-item:hover .item-content{background:rgba(255, 255, 255, 0.08)}:host([orientation=horizontal]) .nav-item.active::before,:host([orientation=horizontal]) .nav-item.active-parent::before{top:auto;bottom:0;left:0;right:0;width:100%;height:3px;border-radius:4px 4px 0 0}:host([orientation=horizontal]) .nav-item:not(.collapsed)>.nav-submenu.floating-popover:not(.cascading){left:0 !important;top:100% !important;bottom:auto !important;margin-left:0 !important;margin-top:8px !important;transform:translateY(-5px)}:host([orientation=horizontal][indentation="0"]) .nav-arrow{transform:rotate(90deg);}:host([orientation=horizontal][indentation="0"]) .nav-item.open>.item-content .nav-arrow{transform:rotate(-90deg);}:host([orientation=horizontal][indentation="1"]) .nav-arrow.cascading,:host([orientation=horizontal][indentation="2"]) .nav-arrow.cascading{transform:rotate(0deg);}:host([orientation=horizontal]) .nav-submenu.floating-popover::after{top:-12px;left:0;right:0;height:12px;width:100%}:host([orientation=horizontal]) .nav-submenu.floating-popover:not(.cascading)::before,:host([orientation=horizontal]) .nav-submenu.floating-popover.placement-bottom:not(.cascading)::before,:host([orientation=horizontal]) .nav-submenu.floating-popover.placement-top:not(.cascading)::before{content:"" !important;position:absolute !important;left:50% !important;right:auto !important;top:-6px !important;bottom:auto !important;width:12px !important;height:12px !important;transform:translateX(-50%) rotate(45deg) !important;background:var(--bg-primary, #1e293b) !important;border-top:1px solid rgba(255, 255, 255, 0.1) !important;border-right:1px solid rgba(255, 255, 255, 0.1) !important;border-left:none !important;border-bottom:none !important;z-index:-1 !important}:host([orientation=horizontal]) .nav-submenu.floating-popover.cascading::before{content:"" !important;position:absolute !important;left:-6px !important;right:auto !important;top:18px !important;bottom:auto !important;width:12px !important;height:12px !important;transform:rotate(45deg) !important;background:var(--bg-primary, #1e293b) !important;border-top:none !important;border-right:none !important;border-left:1px solid rgba(255, 255, 255, 0.1) !important;border-bottom:1px solid rgba(255, 255, 255, 0.1) !important;z-index:-1 !important}`;
+const navigationItemCss = () => `.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.nav-item{display:flex;flex-direction:column;cursor:pointer;border-radius:12px;margin-bottom:4px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;user-select:none;width:100%}.item-content{display:flex;align-items:center;gap:16px;height:48px;padding:0 16px;color:var(--nav-text-dim);transition:all 0.3s ease;position:relative;z-index:2;border-radius:10px}:host([orientation=horizontal]){display:flex;align-items:center;height:64px}:host([orientation=horizontal]) .nav-item{margin-bottom:0;height:100%;display:flex;align-items:center}:host([orientation=horizontal]) .item-content{height:100%;padding:0 12px;justify-content:center}.nav-item:hover .item-content{background:var(--nav-item-hover-bg, var(--nav-hover-bg, var(--bg-hover, #e6e6e6)));color:var(--nav-text, var(--text-primary, #000000))}.nav-item.active .item-content,.nav-item.active-parent .item-content{background:var(--nav-item-active-bg, var(--nav-active-bg, var(--bg-selected, rgba(0, 138, 22, 0.08))));color:var(--nav-item-active-color, var(--nav-accent, var(--color-primary, #008a16)));font-weight:600;box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.nav-item.active::before,.nav-item.active-parent::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--nav-item-active-color, var(--nav-accent, var(--color-primary, #008a16)));border-radius:0 4px 4px 0;box-shadow:0 0 10px var(--nav-item-active-color, var(--nav-accent, var(--color-primary, #008a16)));z-index:3}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;transition:transform 0.3s ease}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item.active .nav-icon,.nav-item.active-parent .nav-icon{color:var(--nav-item-active-color, var(--nav-accent, var(--color-primary, #008a16)));transform:scale(1.1)}.nav-item.active .nav-icon svg,.nav-item.active-parent .nav-icon svg{filter:drop-shadow(0 0 5px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4))}.nav-label{font-size:14px;font-weight:500;white-space:nowrap;flex:1;letter-spacing:0.3px;overflow:hidden;text-overflow:ellipsis}.nav-badge{background:var(--nav-accent-gradient);color:var(--text-standard, #ffffff);border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;margin-left:auto;box-shadow:0 4px 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3)}.nav-arrow{margin-left:auto;font-size:10px;color:var(--nav-text-dim);transition:transform 0.3s ease}.nav-item.open>.item-content .nav-arrow{transform:rotate(90deg)}.nav-submenu{list-style:none;margin:0;padding:0 0 8px 12px;overflow:hidden}.nav-item.collapsed .nav-label,.nav-item.collapsed .nav-badge,.nav-item.collapsed .nav-arrow,.nav-item.collapsed .nav-submenu:not(.floating-popover){display:none}.nav-item.collapsed .item-content{justify-content:center;padding:0;width:100%}:host([indentation="1"]) .nav-item{margin-left:8px;border-radius:8px}:host([indentation="1"]) .item-content{height:38px;font-size:13px}:host([indentation="1"]) .nav-item.active::before{width:2px;top:10px;bottom:10px}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-item.open .nav-submenu navigation-item{animation:slideDown 0.3s ease forwards}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover{background:var(--bg-primary, #1e293b) !important;z-index:2500 !important;box-shadow:0 10px 40px rgba(0, 0, 0, 0.5) !important;width:220px !important;display:flex !important;flex-direction:column !important;max-height:calc(100vh - 32px) !important;overflow-y:auto !important;overflow-x:hidden !important}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover:not(.placement-top),:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.placement-bottom{top:0;bottom:auto}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.placement-top{bottom:0;top:auto}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.placement-top::before{top:auto !important;bottom:18px !important}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar{width:6px}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar-track{background:transparent;border-radius:12px}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar-thumb{background:rgba(148, 163, 184, 0.5);border-radius:12px;transition:background 0.3s ease}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::-webkit-scrollbar-thumb:hover{background:rgba(148, 163, 184, 0.8)}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover navigation-item,:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover>navigation-item{display:block !important;width:100% !important;height:auto !important;min-height:40px !important;opacity:1 !important;visibility:visible !important;flex-shrink:0 !important}:host([orientation=vertical]) .nav-item.is-user-profile:hover .nav-submenu.floating-popover,:host([orientation=vertical]) .nav-item.is-user-profile.hovering .nav-submenu.floating-popover,:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover:hover,:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover.is-visible{visibility:visible !important;opacity:1 !important;pointer-events:auto !important;transform:translateX(0) translateY(0) !important}:host([orientation=vertical]) .nav-item.is-user-profile:hover,:host([orientation=vertical]) .nav-item.is-user-profile.hovering{overflow:visible !important;z-index:1001 !important}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu.floating-popover::after{content:"";position:absolute;left:-25px;top:0;width:30px;height:100%;pointer-events:auto;background:transparent;z-index:2001}:host([orientation=vertical]) .nav-item.is-user-profile .nav-submenu:not(.floating-popover){display:none !important}:host(:not([orientation=horizontal])) .nav-submenu.floating-popover.placement-top.is-visible{transform:translateX(0)}:host(:not([orientation=horizontal])) .nav-submenu.floating-popover.placement-top::before{top:auto;bottom:18px}:host(:not([orientation=horizontal])) .nav-submenu.floating-popover.placement-top::after{top:auto;bottom:0;height:100%}.nav-submenu.floating-popover::after{content:"";position:absolute;top:-20px;bottom:-20px;left:-24px;width:24px;background:transparent;z-index:-1}.nav-item:hover,.nav-item.hovering{z-index:1000;overflow:visible !important}.nav-item:not(.collapsed)>.nav-submenu.floating-popover:not(.cascading){left:100%;margin-left:12px;top:0}.nav-item:not(.collapsed)>.nav-submenu.floating-popover:not(.cascading)::before{display:block;}.nav-submenu.floating-popover.cascading{left:100%;margin-left:4px;top:-4px;}.nav-submenu.floating-popover.cascading::before{top:18px;left:-6px}.popover-header{padding:12px 16px;font-size:11px;font-weight:700;color:var(--nav-text-dim);text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid rgba(255, 255, 255, 0.05);margin-bottom:4px;user-select:none;pointer-events:none}.nav-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);background:var(--bg-primary, #1e293b);color:var(--text-standard, #f8fafc);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 8px 24px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);border:1px solid rgba(255, 255, 255, 0.1);z-index:2000;margin-left:8px;pointer-events:none;animation:fadeIn 0.2s ease forwards}.nav-submenu.floating-popover::before,.nav-tooltip::before{content:"";position:absolute;left:-6px;top:18px;width:12px;height:12px;background:var(--bg-primary, #1e293b);transform:rotate(45deg);border-left:1px solid rgba(255, 255, 255, 0.1);border-bottom:1px solid rgba(255, 255, 255, 0.1);z-index:-1}.nav-tooltip::before{top:50%;margin-top:-6px}:host([orientation=horizontal]) .nav-submenu.floating-popover::before{content:"" !important;display:block !important;visibility:visible !important;opacity:1 !important;position:absolute !important;left:50% !important;right:auto !important;top:-6px !important;bottom:auto !important;margin:0 !important;width:12px !important;height:12px !important;background:var(--bg-primary, #1e293b) !important;transform:translateX(-50%) rotate(45deg) !important;border:none !important;border-top:1px solid rgba(255, 255, 255, 0.1) !important;border-right:1px solid rgba(255, 255, 255, 0.1) !important;z-index:-1 !important;pointer-events:none !important}@keyframes fadeIn{from{opacity:0;transform:translateY(-50%) translateX(-5px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.nav-submenu.floating-popover ::slotted(navigation-item),.nav-submenu.floating-popover navigation-item{margin-left:0 !important}.nav-item.collapsed:hover{overflow:visible}.nav-item.in-popover .item-content{height:40px;padding:0 12px;border-radius:8px}.nav-item.in-popover{margin-left:0 !important;margin-bottom:2px}.nav-item.in-popover.active .item-content{background:var(--nav-active-bg);border:1px solid rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.nav-item.in-popover.active .nav-label{color:var(--nav-accent) !important;font-weight:700}.nav-item.in-popover.active::before{top:8px;bottom:8px;width:3px}.nav-arrow.cascading{margin-left:auto;opacity:0.5;transition:transform 0.3s ease}.nav-item.placement-top .nav-arrow.cascading,.nav-submenu.placement-top .nav-arrow.cascading{transform:rotate(-90deg);}.nav-submenu:not(.placement-top) .nav-arrow.cascading{transform:rotate(0deg)}:host([indentation="0"]) .nav-item.in-popover{margin-left:0}.nav-item.is-user-profile .nav-icon{background:var(--nav-accent-gradient);border-radius:50%;color:var(--text-standard, #ffffff) !important;width:32px;height:32px;min-width:32px;box-shadow:0 4px 10px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4)}.nav-item.is-user-profile .nav-icon svg{width:18px;height:18px}.nav-item.is-user-profile .nav-label{font-weight:600;color:var(--nav-text)}:host([orientation=horizontal]){height:100%}:host([orientation=horizontal]) .nav-item{height:100%;flex-direction:row;align-items:center;justify-content:center;margin-bottom:0;border-radius:0;padding:0 4px}:host([orientation=horizontal]) .item-content{height:100%;padding:0 16px;border-radius:0;font-weight:600;transition:all 0.2s ease}:host([orientation=horizontal]) .nav-item:hover .item-content{background:rgba(255, 255, 255, 0.08)}:host([orientation=horizontal]) .nav-item.active::before,:host([orientation=horizontal]) .nav-item.active-parent::before{top:auto;bottom:0;left:0;right:0;width:100%;height:3px;border-radius:4px 4px 0 0}:host([orientation=horizontal]) .nav-item:not(.collapsed)>.nav-submenu.floating-popover:not(.cascading){left:0 !important;top:100% !important;bottom:auto !important;margin-left:0 !important;margin-top:8px !important;transform:translateY(-5px)}:host([orientation=horizontal][indentation="0"]) .nav-arrow{transform:rotate(90deg);}:host([orientation=horizontal][indentation="0"]) .nav-item.open>.item-content .nav-arrow{transform:rotate(-90deg);}:host([orientation=horizontal][indentation="1"]) .nav-arrow.cascading,:host([orientation=horizontal][indentation="2"]) .nav-arrow.cascading{transform:rotate(0deg);}:host([orientation=horizontal]) .nav-submenu.floating-popover::after{top:-12px;left:0;right:0;height:12px;width:100%}:host([orientation=horizontal]) .nav-submenu.floating-popover:not(.cascading)::before,:host([orientation=horizontal]) .nav-submenu.floating-popover.placement-bottom:not(.cascading)::before,:host([orientation=horizontal]) .nav-submenu.floating-popover.placement-top:not(.cascading)::before{content:"" !important;position:absolute !important;left:50% !important;right:auto !important;top:-6px !important;bottom:auto !important;width:12px !important;height:12px !important;transform:translateX(-50%) rotate(45deg) !important;background:var(--bg-primary, #1e293b) !important;border-top:1px solid rgba(255, 255, 255, 0.1) !important;border-right:1px solid rgba(255, 255, 255, 0.1) !important;border-left:none !important;border-bottom:none !important;z-index:-1 !important}:host([orientation=horizontal]) .nav-submenu.floating-popover.cascading::before{content:"" !important;position:absolute !important;left:-6px !important;right:auto !important;top:18px !important;bottom:auto !important;width:12px !important;height:12px !important;transform:rotate(45deg) !important;background:var(--bg-primary, #1e293b) !important;border-top:none !important;border-right:none !important;border-left:1px solid rgba(255, 255, 255, 0.1) !important;border-bottom:1px solid rgba(255, 255, 255, 0.1) !important;z-index:-1 !important}`;
 
 const NavigationItemComponent = class {
     constructor(hostRef) {
@@ -80,7 +80,7 @@ const NavigationItemComponent = class {
         const isDirectlyActive = this.active || this.item.id === this.activeId;
         const isParentOfActive = this.hasActiveChild();
         const isPopoverMode = this.forcePopover || this.item.id === 'user-profile';
-        return (index.h("li", { key: '9345250f187b57fec472da66335620d747dfc207', class: {
+        return (index.h("li", { key: 'ff4490ba41dc44a85951b48c73b9c3fbc651e4a9', class: {
                 'nav-item': true,
                 'active': isDirectlyActive,
                 'active-parent': isParentOfActive,
@@ -93,10 +93,10 @@ const NavigationItemComponent = class {
                 'is-user-profile': this.item.id === 'user-profile',
                 'placement-top': this.popoverPlacement === 'top',
                 'placement-bottom': this.popoverPlacement === 'bottom'
-            }, tabindex: this.item.disabled ? -1 : 0, "aria-disabled": this.item.disabled ? 'true' : 'false', "aria-expanded": (this.open && !isPopoverMode) ? 'true' : 'false', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: 'fed1eb168a5e1340b971dd12ecabcc3a6bb0d831', class: "item-content", onClick: this.handleClick, onKeyDown: e => {
+            }, tabindex: this.item.disabled ? -1 : 0, "aria-disabled": this.item.disabled ? 'true' : 'false', "aria-expanded": (this.open && !isPopoverMode) ? 'true' : 'false', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: 'b3caa94e8b15549c9181af5bcb5c4e631f8096df', class: "item-content", onClick: this.handleClick, onKeyDown: e => {
                 if (e.key === 'Enter')
                     this.handleClick();
-            } }, this.item.icon && (index.h("span", { key: 'd84f8938d5cd2aed187bcf9e1391d02028f11563', class: "nav-icon" }, index.h("ui-icon", { key: '425c866305be4793ba69e1220227da3676b3fcb0', name: this.item.icon, library: this.item.iconLibrary || this.iconLibrary, size: "1.25rem" }))), (!this.collapsed || this.forcePopover) && index.h("span", { key: '2bdd778f72907794ca3d2b71aae3b95f44d01a41', class: "nav-label" }, this.item.label), this.item.badge && (!this.collapsed || this.forcePopover) && index.h("span", { key: '1941e1c4aeeef16d23835d3ebd88effc538fff95', class: "nav-badge" }, this.item.badge), hasChildren && !isPopoverMode && (index.h("span", { key: 'fa5be41879778fd799630738887a3cc04ebaa522', class: "nav-arrow" }, index.h("ui-icon", { key: 'ac63423d3f91457328483262c851e3bd94e62c63', name: "chevron-right", library: "lucide", size: "12px" }))), hasChildren && isPopoverMode && (index.h("span", { key: '9edca162c739fe418329716440525e9c3384273e', class: "nav-arrow cascading" }, index.h("ui-icon", { key: '1c3d47c485761f9f159512b2dfb549d2f1509b44', name: "chevron-right", library: "lucide", size: "12px" })))), !hasChildren && this.collapsed && this.isHovering && (index.h("div", { key: '0ad95cb5783779519408eb16c09faac91e79aaf6', class: "nav-tooltip" }, this.item.label))));
+            } }, this.item.icon && (index.h("span", { key: 'b1985031c4248c5cf8e2a2eb3d02804c5d0b943b', class: "nav-icon" }, index.h("ui-icon", { key: '3b73edba04f5d45218d1fe92995ba7dbc820243e', name: this.item.icon, library: this.item.iconLibrary || this.iconLibrary, size: "1.25rem" }))), (!this.collapsed || this.forcePopover) && index.h("span", { key: '6ceff6c8ff5d454f30c72e410706bbb64a9a4fb5', class: "nav-label" }, this.item.label), this.item.badge && (!this.collapsed || this.forcePopover) && index.h("span", { key: '46e3f8f642ece0eb4be6f6b44a7aaf8adcf142eb', class: "nav-badge" }, this.item.badge), hasChildren && !isPopoverMode && (index.h("span", { key: '48113063a5b6ef7f425f59db684effbcb7696d36', class: "nav-arrow" }, index.h("ui-icon", { key: '6b5a1f241c3cd7b6f06f806438b625874f2af337', name: "chevron-right", library: "lucide", size: "12px" }))), hasChildren && isPopoverMode && (index.h("span", { key: '9818385d0163e9a8873a51fcddc709ae04b65297', class: "nav-arrow cascading" }, index.h("ui-icon", { key: '654f91ad0a6e1b34b8f0fbfb0483f836b3897647', name: "chevron-right", library: "lucide", size: "12px" })))), !hasChildren && this.collapsed && this.isHovering && (index.h("div", { key: '41dd6199319b7cfd67ad61bce60bebaadcc10fd3', class: "nav-tooltip" }, this.item.label))));
     }
 };
 NavigationItemComponent.style = navigationItemCss();