codexmate 0.0.22 → 0.0.24

package/web-ui/styles/sessions-usage.css

@@ -500,6 +500,43 @@
     min-width: 0;
 }
 
+.usage-list-scroll {
+    max-height: 220px;
+    overflow-y: auto;
+    padding-right: 6px;
+    scrollbar-gutter: stable;
+    scrollbar-width: thin;
+    scrollbar-color: rgba(199, 116, 98, 0.72) rgba(199, 116, 98, 0.08);
+}
+
+.usage-list-top-paths {
+    max-height: 140px;
+    gap: 6px;
+}
+
+.usage-card-top-paths {
+    grid-column: 1 / -1;
+}
+
+.usage-list-scroll::-webkit-scrollbar {
+    width: 10px;
+}
+
+.usage-list-scroll::-webkit-scrollbar-track {
+    background: linear-gradient(180deg, rgba(199, 116, 98, 0.04), rgba(199, 116, 98, 0.1));
+    border-radius: 999px;
+}
+
+.usage-list-scroll::-webkit-scrollbar-thumb {
+    background: linear-gradient(180deg, rgba(199, 116, 98, 0.68), rgba(180, 94, 78, 0.92));
+    border-radius: 999px;
+    border: 2px solid rgba(248, 243, 238, 0.96);
+}
+
+.usage-list-scroll::-webkit-scrollbar-thumb:hover {
+    background: linear-gradient(180deg, rgba(199, 116, 98, 0.82), rgba(180, 94, 78, 1));
+}
+
 .usage-list-row {
     display: grid;
     grid-template-columns: minmax(56px, 72px) minmax(0, 1fr) minmax(48px, auto);

package/web-ui/styles/skills-market.css

@@ -215,11 +215,12 @@
 
 .market-overview-header {
     gap: var(--spacing-sm);
-    align-items: flex-start;
+    align-items: center;
 }
 
 .market-header-actions {
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
+    align-items: center;
 }
 
 /* 缩减顶部操作按钮尺寸（刷新概览 / 打开 Skills 管理），并确保两者对齐 */
@@ -236,6 +237,15 @@
     justify-content: center;
 }
 
+@media (max-width: 720px) {
+    .market-overview-header {
+        align-items: flex-start;
+    }
+    .market-header-actions {
+        flex-wrap: wrap;
+    }
+}
+
 .market-target-switch {
     display: flex;
     flex-wrap: wrap;

package/web-ui/styles/task-orchestration.css

@@ -62,10 +62,6 @@
     align-self: flex-start;
 }
 
-.task-hero-actions > .btn-tool-compact {
-    min-width: 108px;
-}
-
 .task-hero-actions > .btn-tool + .btn-tool,
 .task-hero-actions > .btn-tool-compact + .btn-tool,
 .task-hero-actions > .btn-tool + .btn-tool-compact,
@@ -73,6 +69,31 @@
     margin-top: 0;
 }
 
+.task-section-header .task-header-actions > .btn-tool + .btn-tool,
+.task-section-header .task-header-actions > .btn-tool-compact + .btn-tool,
+.task-section-header .task-header-actions > .btn-tool + .btn-tool-compact,
+.task-section-header .task-header-actions > .btn-tool-compact + .btn-tool-compact {
+    margin-top: 0;
+}
+
+.task-action-row > .btn-tool + .btn-tool,
+.task-action-row > .btn-tool-compact + .btn-tool,
+.task-action-row > .btn-tool + .btn-tool-compact,
+.task-action-row > .btn-tool-compact + .btn-tool-compact,
+.task-action-row-right > .btn-tool + .btn-tool,
+.task-action-row-right > .btn-tool-compact + .btn-tool,
+.task-action-row-right > .btn-tool + .btn-tool-compact,
+.task-action-row-right > .btn-tool-compact + .btn-tool-compact {
+    margin-top: 0;
+}
+
+.task-detail-toolbar > .btn-tool + .btn-tool,
+.task-detail-toolbar > .btn-tool-compact + .btn-tool,
+.task-detail-toolbar > .btn-tool + .btn-tool-compact,
+.task-detail-toolbar > .btn-tool-compact + .btn-tool-compact {
+    margin-top: 0;
+}
+
 .task-hero-meta-strip {
     display: flex;
     flex-wrap: wrap;
@@ -230,6 +251,10 @@
     align-items: stretch;
 }
 
+.task-composer-grid-inline {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
 .task-field-wide {
     grid-column: 1 / -1;
 }
@@ -401,11 +426,33 @@
 }
 
 .task-advanced-summary {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
     cursor: pointer;
     font-size: 13px;
     font-weight: 700;
     color: var(--color-text-primary);
     list-style: none;
+    min-height: 36px;
+    padding: 0 10px;
+    border-radius: 12px;
+    background: rgba(255, 255, 255, 0.64);
+    border: 1px solid var(--color-border-soft);
+    transition:
+        border-color var(--transition-fast) var(--ease-smooth),
+        background var(--transition-fast) var(--ease-smooth),
+        box-shadow var(--transition-fast) var(--ease-smooth);
+}
+
+.task-advanced-summary:hover {
+    border-color: var(--color-border-strong);
+    background: rgba(255, 255, 255, 0.86);
+}
+
+.task-advanced-panel[open] > .task-advanced-summary {
+    border-color: rgba(199, 116, 98, 0.4);
+    box-shadow: var(--shadow-subtle);
 }
 
 .task-advanced-summary::-webkit-details-marker {
@@ -471,11 +518,10 @@
 }
 
 .task-action-row > .btn-tool,
-.task-section-header .settings-tab-actions > .btn-tool-compact,
-.task-action-row-right > .btn-tool,
-.task-detail-toolbar > .btn-tool-compact {
-    min-height: 38px;
-    height: 38px;
+.task-action-row-right > .btn-tool {
+    width: auto;
+    min-height: 36px;
+    height: 36px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -483,7 +529,7 @@
 }
 
 .task-action-preview {
-    min-width: 110px;
+    min-width: 104px;
 }
 
 .task-action-row-right {
@@ -493,7 +539,7 @@
 }
 
 .task-action-row-right-prominent > .btn-tool {
-    min-width: 110px;
+    min-width: 104px;
 }
 
 .task-action-help-prominent,

package/web-ui/styles.css

@@ -8,6 +8,7 @@
 @import url('./styles/sessions-list.css');
 @import url('./styles/sessions-preview.css');
 @import url('./styles/sessions-usage.css');
+@import url('./styles/dashboard.css');
 @import url('./styles/task-orchestration.css');
 @import url('./styles/modals-core.css');
 @import url('./styles/health-check-dialog.css');