ywana-core8 0.2.19 → 0.2.21

package/src/desktop/{ApplicationMenu.css → LaunchPad.css}

@@ -1,32 +1,7 @@
-/* ApplicationMenu - Positioned over workspace only */
-
-.application-menu-overlay {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0; /* Covers entire workspace container */
-    background: rgba(0, 0, 0, 0.16);
-    backdrop-filter: blur(1px);
-    z-index: 10000; /* Always above all windows */
-    display: flex;
-    align-items: flex-end;
-    justify-content: flex-start;
-    animation: fadeIn 0.2s ease-out;
-    pointer-events: auto; /* Ensure menu is clickable */
-    padding: 0 0 0px 15px; /* Espacio para el taskbar y margen izquierdo */
-}
-
-@keyframes fadeIn {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-}
+/* LaunchPad - Full-screen application launcher inspired by macOS */
+/* Note: Overlay styles are now managed by desktop.css DesktopOverlayLayer */
 
-.application-menu {
+.launchpad {
     background: #ffffff;
     border-radius: 12px 12px 0 0;
     box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.3);
@@ -57,7 +32,7 @@
 }
 
 /* Header */
-.application-menu__header {
+.launchpad__header {
     grid-area: header;
     display: flex;
     align-items: center;
@@ -68,20 +43,20 @@
     min-height: 40px;
 }
 
-.application-menu__header-controls {
+.launchpad__header-controls {
     display: flex;
     align-items: center;
     gap: 6px;
 }
 
-.application-menu__header h2 {
+.launchpad__header h2 {
     margin: 0;
     color: #333;
     font-size: 24px;
     font-weight: 600;
 }
 
-.application-menu__view-toggle {
+.launchpad__view-toggle {
     background: none;
     border: 1px solid #ddd;
     font-size: 14px;
@@ -97,19 +72,19 @@
     justify-content: center;
 }
 
-.application-menu__view-toggle:hover {
+.launchpad__view-toggle:hover {
     background: #e9ecef;
     color: #333;
     border-color: #ccc;
 }
 
-.application-menu__view-toggle.active {
+.launchpad__view-toggle.active {
     background: #1976d2;
     color: white;
     border-color: #1976d2;
 }
 
-.application-menu__close {
+.launchpad__close {
     background: none;
     border: none;
     font-size: 20px;
@@ -125,19 +100,19 @@
     justify-content: center;
 }
 
-.application-menu__close:hover {
+.launchpad__close:hover {
     background: #e0e0e0;
     color: #333;
 }
 
 /* Search */
-.application-menu__search {
+.launchpad__search {
     grid-area: search;
     padding: 12px 20px;
     border-bottom: 1px solid #e0e0e0;
 }
 
-.application-menu__search-input {
+.launchpad__search-input {
     width: 100%;
     padding: 10px 14px;
     border: 1px solid #ddd;
@@ -147,97 +122,97 @@
     transition: border-color 0.2s ease;
 }
 
-.application-menu__search-input:focus {
+.launchpad__search-input:focus {
     border-color: #1976d2;
     box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);
 }
 
 /* Condensed Mode */
-.application-menu--condensed .application-menu__header {
+.launchpad--condensed .launchpad__header {
     padding: 6px 12px;
     min-height: 32px;
 }
 
-.application-menu--condensed .application-menu__search {
+.launchpad--condensed .launchpad__search {
     padding: 8px 16px;
 }
 
-.application-menu--condensed .application-menu__search-input {
+.launchpad--condensed .launchpad__search-input {
     padding: 8px 12px;
     font-size: 13px;
 }
 
-.application-menu--condensed .application-menu__content {
+.launchpad--condensed .launchpad__content {
     padding: 12px 16px;
 }
 
-.application-menu--condensed .application-menu__categories {
+.launchpad--condensed .launchpad__categories {
     padding: 4px;
 }
 
-.application-menu--condensed .application-menu__category {
+.launchpad--condensed .launchpad__category {
     width: 36px;
     height: 36px;
     padding: 6px;
     margin: 1px;
 }
 
-.application-menu--condensed .category-icon {
+.launchpad--condensed .category-icon {
     font-size: 16px;
 }
 
-.application-menu--condensed .application-menu__category-section {
+.launchpad--condensed .launchpad__category-section {
     margin-bottom: 20px;
 }
 
-.application-menu--condensed .category-title {
+.launchpad--condensed .category-title {
     font-size: 14px;
     margin-bottom: 8px;
 }
 
-.application-menu--condensed .application-menu__apps-grid {
+.launchpad--condensed .launchpad__apps-grid {
     gap: 8px;
     grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
 }
 
-.application-menu--condensed .application-menu__app--grid {
+.launchpad--condensed .launchpad__app--grid {
     padding: 8px 6px;
 }
 
-.application-menu--condensed .application-menu__app--grid .app-icon {
+.launchpad--condensed .launchpad__app--grid .app-icon {
     font-size: 28px;
     margin-bottom: 4px;
 }
 
-.application-menu--condensed .application-menu__app--grid .app-name {
+.launchpad--condensed .launchpad__app--grid .app-name {
     font-size: 11px;
 }
 
-.application-menu--condensed .application-menu__apps-list {
+.launchpad--condensed .launchpad__apps-list {
     gap: 1px;
 }
 
-.application-menu--condensed .application-menu__app--list {
+.launchpad--condensed .launchpad__app--list {
     padding: 6px 12px;
     gap: 10px;
 }
 
-.application-menu--condensed .application-menu__app--list .app-icon {
+.launchpad--condensed .launchpad__app--list .app-icon {
     font-size: 22px;
     min-width: 22px;
 }
 
-.application-menu--condensed .application-menu__app--list .app-name {
+.launchpad--condensed .launchpad__app--list .app-name {
     font-size: 12px;
     margin-bottom: 1px;
 }
 
-.application-menu--condensed .application-menu__app--list .app-description {
+.launchpad--condensed .launchpad__app--list .app-description {
     font-size: 10px;
 }
 
 /* Main Grid Layout */
-.application-menu__main {
+.launchpad__main {
     grid-area: main;
     display: grid;
     grid-template-columns: 60px 1fr;
@@ -246,12 +221,12 @@
     overflow: hidden;
 }
 
-.application-menu--condensed .application-menu__main {
+.launchpad--condensed .launchpad__main {
     grid-template-columns: 48px 1fr;
 }
 
 /* Sidebar */
-.application-menu__sidebar {
+.launchpad__sidebar {
     grid-area: sidebar;
     background: #f8f9fa;
     border-right: 1px solid #e0e0e0;
@@ -261,7 +236,7 @@
 }
 
 /* Categories */
-.application-menu__categories {
+.launchpad__categories {
     flex: 1;
     padding: 8px;
     overflow-y: auto;
@@ -269,24 +244,24 @@
     scrollbar-color: #ccc transparent;
 }
 
-.application-menu__categories::-webkit-scrollbar {
+.launchpad__categories::-webkit-scrollbar {
     width: 6px;
 }
 
-.application-menu__categories::-webkit-scrollbar-track {
+.launchpad__categories::-webkit-scrollbar-track {
     background: transparent;
 }
 
-.application-menu__categories::-webkit-scrollbar-thumb {
+.launchpad__categories::-webkit-scrollbar-thumb {
     background: #ccc;
     border-radius: 3px;
 }
 
-.application-menu__categories::-webkit-scrollbar-thumb:hover {
+.launchpad__categories::-webkit-scrollbar-thumb:hover {
     background: #999;
 }
 
-.application-menu__category {
+.launchpad__category {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -305,12 +280,12 @@
     position: relative;
 }
 
-.application-menu__category:hover {
+.launchpad__category:hover {
     background: #e9ecef;
     color: #333;
 }
 
-.application-menu__category.active {
+.launchpad__category.active {
     background: #e3f2fd;
     color: #1976d2;
     font-weight: 500;
@@ -326,7 +301,7 @@
 }
 
 /* Content */
-.application-menu__content {
+.launchpad__content {
     grid-area: content;
     overflow-y: auto;
     padding: 20px 24px;
@@ -334,25 +309,25 @@
     scrollbar-color: #ccc transparent;
 }
 
-.application-menu__content::-webkit-scrollbar {
+.launchpad__content::-webkit-scrollbar {
     width: 8px;
 }
 
-.application-menu__content::-webkit-scrollbar-track {
+.launchpad__content::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: 4px;
 }
 
-.application-menu__content::-webkit-scrollbar-thumb {
+.launchpad__content::-webkit-scrollbar-thumb {
     background: #ccc;
     border-radius: 4px;
 }
 
-.application-menu__content::-webkit-scrollbar-thumb:hover {
+.launchpad__content::-webkit-scrollbar-thumb:hover {
     background: #999;
 }
 
-.application-menu__search-results h3,
+.launchpad__search-results h3,
 .category-title {
     margin: 0 0 12px 0;
     color: #333;
@@ -360,23 +335,23 @@
     font-weight: 600;
 }
 
-.application-menu__category-section {
+.launchpad__category-section {
     margin-bottom: 32px;
 }
 
-.application-menu__category-section:last-child {
+.launchpad__category-section:last-child {
     margin-bottom: 0;
 }
 
 /* Apps Grid */
-.application-menu__apps-grid {
+.launchpad__apps-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
     gap: 12px;
     max-width: 100%;
 }
 
-.application-menu__app--grid {
+.launchpad__app--grid {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -389,20 +364,20 @@
     border: 1px solid transparent;
 }
 
-.application-menu__app--grid:hover {
+.launchpad__app--grid:hover {
     background: #f8f9fa;
     border-color: #e0e0e0;
     transform: translateY(-1px);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
 
-.application-menu__app--grid .app-icon {
+.launchpad__app--grid .app-icon {
     font-size: 36px;
     margin-bottom: 6px;
     line-height: 1;
 }
 
-.application-menu__app--grid .app-name {
+.launchpad__app--grid .app-name {
     font-size: 12px;
     font-weight: 500;
     color: #333;
@@ -412,14 +387,14 @@
 }
 
 /* Apps List */
-.application-menu__apps-list {
+.launchpad__apps-list {
     display: flex;
     flex-direction: column;
     gap: 2px;
     max-width: 100%;
 }
 
-.application-menu__app--list {
+.launchpad__app--list {
     display: flex;
     align-items: center;
     padding: 10px 16px;
@@ -432,12 +407,12 @@
     margin-bottom: 2px;
 }
 
-.application-menu__app--list:hover {
+.launchpad__app--list:hover {
     background: #f0f7ff;
     color: #1976d2;
 }
 
-.application-menu__app--list .app-icon {
+.launchpad__app--list .app-icon {
     font-size: 28px;
     min-width: 28px;
     line-height: 1;
@@ -446,13 +421,13 @@
     justify-content: center;
 }
 
-.application-menu__app--list .app-info {
+.launchpad__app--list .app-info {
     flex: 1;
     text-align: left;
     min-width: 0;
 }
 
-.application-menu__app--list .app-name {
+.launchpad__app--list .app-name {
     font-size: 14px;
     font-weight: 500;
     color: #333;
@@ -463,7 +438,7 @@
     text-overflow: ellipsis;
 }
 
-.application-menu__app--list .app-description {
+.launchpad__app--list .app-description {
     font-size: 12px;
     color: #666;
     line-height: 1.3;
@@ -473,17 +448,17 @@
     text-overflow: ellipsis;
 }
 
-.application-menu__app--list:hover .app-name {
+.launchpad__app--list:hover .app-name {
     color: #1976d2;
 }
 
-.application-menu__app--list:hover .app-description {
+.launchpad__app--list:hover .app-description {
     color: #1565c0;
     opacity: 1;
 }
 
 /* Legacy support for old class names */
-.application-menu__app {
+.launchpad__app {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -496,7 +471,7 @@
     border: 1px solid transparent;
 }
 
-.application-menu__app:hover {
+.launchpad__app:hover {
     background: #f8f9fa;
     border-color: #e0e0e0;
     transform: translateY(-1px);
@@ -519,37 +494,37 @@
 }
 
 /* No Results */
-.application-menu__no-results {
+.launchpad__no-results {
     text-align: center;
     padding: 60px 20px;
     color: #666;
 }
 
-.application-menu__no-results h3 {
+.launchpad__no-results h3 {
     margin: 0 0 8px 0;
     color: #333;
     font-size: 20px;
 }
 
-.application-menu__no-results p {
+.launchpad__no-results p {
     margin: 0;
     font-size: 16px;
 }
 
 /* Responsive */
 @media (max-width: 768px) {
-    .application-menu {
+    .launchpad {
         width: 95%;
         height: 95%;
         max-height: 100%; /* Constrained by workspace container */
         margin: 5px;
     }
 
-    .application-menu__main {
+    .launchpad__main {
         grid-template-columns: 50px 1fr;
     }
 
-    .application-menu__category {
+    .launchpad__category {
         padding: 8px;
         font-size: 13px;
         height: 40px;
@@ -559,12 +534,12 @@
         font-size: 18px;
     }
 
-    .application-menu__apps-grid {
+    .launchpad__apps-grid {
         grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
         gap: 12px;
     }
 
-    .application-menu__app {
+    .launchpad__app {
         padding: 12px 8px;
     }
 
@@ -576,16 +551,16 @@
         font-size: 12px;
     }
 
-    .application-menu__search,
-    .application-menu__content {
+    .launchpad__search,
+    .launchpad__content {
         padding: 16px;
     }
 }
 
 @media (max-width: 480px) {
-    /* ApplicationMenu overlay covers entire workspace on mobile */
+    /* LaunchPad overlay covers entire workspace on mobile */
 
-    .application-menu__main {
+    .launchpad__main {
         grid-template-columns: 1fr;
         grid-template-rows: auto 1fr;
         grid-template-areas:
@@ -593,12 +568,12 @@
             "content";
     }
 
-    .application-menu__sidebar {
+    .launchpad__sidebar {
         border-right: none;
         border-bottom: 1px solid #e0e0e0;
     }
 
-    .application-menu__categories {
+    .launchpad__categories {
         display: flex;
         flex-direction: row;
         overflow-x: auto;
@@ -607,7 +582,7 @@
         gap: 8px;
     }
 
-    .application-menu__category {
+    .launchpad__category {
         flex-shrink: 0;
         white-space: nowrap;
         margin: 0;