aidevops 3.29.39 → 3.29.42

package/packages/gui-web/src/styles.css

@@ -50,10 +50,10 @@
   --bg-primary: #0a0a0a;
   --bg-secondary: #111111;
   --bg-tertiary: #1a1a1a;
-  --border: color-mix(in srgb, rgb(255 255 255 / 11%) 76%, rgb(255 255 255 / 30%));
-  --border-hover: color-mix(in srgb, rgb(255 255 255 / 22%) 74%, rgb(255 255 255 / 40%));
+  --border: color-mix(in srgb, rgb(255 255 255 / 15%) 78%, rgb(255 255 255 / 32%));
+  --border-hover: color-mix(in srgb, rgb(255 255 255 / 28%) 76%, rgb(255 255 255 / 44%));
   --code-bg: hsl(var(--accent-hue) 18% 6%);
-  --glass-panel-shadow: inset 0 1px 0 rgb(255 255 255 / 10%), inset 0 -1px 0 rgb(0 0 0 / 24%), var(--shadow-soft);
+  --glass-panel-shadow: inset 0 1px 0 rgb(255 255 255 / 13%), inset 0 -1px 0 rgb(0 0 0 / 28%), var(--shadow-soft);
   --notification-error-bg: rgb(255 123 114 / 13%);
   --notification-error-fg: #ff7b72;
   --notification-info-bg: rgb(88 166 255 / 13%);
@@ -62,7 +62,7 @@
   --notification-success-fg: #56d364;
   --notification-warning-bg: rgb(210 153 34 / 15%);
   --notification-warning-fg: #d29922;
-  --shadow-soft: 0 24px 80px rgb(0 0 0 / 40%);
+  --shadow-soft: 0 26px 84px rgb(0 0 0 / 46%);
   --surface-elevated: #151515;
   --surface-muted: #202020;
   --success-bg: hsl(var(--accent-hue) 74% 66% / 12%);
@@ -88,8 +88,10 @@
   --bg-primary: #050505;
   --bg-secondary: #0b0b0b;
   --bg-tertiary: #141414;
-  --border: color-mix(in srgb, rgb(255 255 255 / 22%) 78%, rgb(255 255 255 / 44%));
-  --border-hover: color-mix(in srgb, rgb(255 255 255 / 36%) 80%, rgb(255 255 255 / 52%));
+  --border: color-mix(in srgb, rgb(255 255 255 / 24%) 80%, rgb(255 255 255 / 44%));
+  --border-hover: color-mix(in srgb, rgb(255 255 255 / 38%) 82%, rgb(255 255 255 / 52%));
+  --glass-panel-shadow: inset 0 1px 0 rgb(255 255 255 / 14%), inset 0 -1px 0 rgb(0 0 0 / 30%), var(--shadow-soft);
+  --shadow-soft: 0 28px 88px rgb(0 0 0 / 52%);
   --surface-elevated: #101010;
   --surface-muted: #181818;
   --text-muted: rgb(255 255 255 / 58%);
@@ -205,13 +207,36 @@ body {
   background:
     radial-gradient(ellipse at top left, color-mix(in srgb, var(--accent) 16%, transparent) 0%, transparent 36%),
     var(--bg-secondary);
+  background-attachment: fixed;
+  background-repeat: no-repeat;
   color: var(--text-primary);
   font-family: var(--font-family-app);
   line-height: 1.6;
   margin: 0;
+  min-height: 100vh;
   font-size: var(--font-size-app);
 }
 
+:root[data-theme="dark"] body {
+  background:
+    radial-gradient(ellipse 78% 64% at top left,
+      hsl(var(--accent-hue) 96% 22% / 62%) 0%,
+      hsl(var(--accent-hue) 92% 18% / 34%) 34%,
+      transparent 58%),
+    radial-gradient(ellipse 72% 62% at bottom right,
+      hsl(var(--accent-hue) 90% 16% / 38%) 0%,
+      hsl(var(--accent-hue) 84% 12% / 20%) 38%,
+      transparent 66%),
+    radial-gradient(ellipse 66% 54% at bottom left,
+      hsl(var(--accent-hue) 90% 15% / 30%) 0%,
+      hsl(var(--accent-hue) 80% 11% / 16%) 38%,
+      transparent 68%),
+    linear-gradient(135deg,
+      color-mix(in srgb, hsl(var(--accent-hue) 92% 16%) 44%, var(--bg-secondary)) 0%,
+      color-mix(in srgb, hsl(var(--accent-hue) 80% 12%) 14%, var(--bg-secondary)) 48%,
+      color-mix(in srgb, var(--accent) 6%, var(--bg-primary)) 100%);
+}
+
 button,
 input,
 select {
@@ -1721,7 +1746,7 @@ code {
 
 .hero-panel {
   background:
-    linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent 58%),
+    linear-gradient(135deg, color-mix(in srgb, var(--accent) 11%, transparent), transparent 58%),
     var(--surface-elevated);
   padding: clamp(24px, 5vw, 42px);
 }
@@ -1849,7 +1874,7 @@ code {
 
 .notifications-hero {
   background:
-    linear-gradient(135deg, var(--notification-bg, color-mix(in srgb, var(--accent) 12%, transparent)), transparent 62%),
+    linear-gradient(135deg, var(--notification-bg, color-mix(in srgb, var(--accent) 10%, transparent)), transparent 62%),
     var(--surface-elevated);
 }
 
@@ -2228,7 +2253,7 @@ code {
 
 .pulse-hero {
   background:
-    linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, transparent), transparent 64%),
+    linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 64%),
     var(--surface-elevated);
 }
 
@@ -2261,6 +2286,10 @@ code {
   grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 }
 
+.pulse-overview-layout {
+  grid-template-columns: minmax(280px, 0.8fr) minmax(320px, 1.2fr);
+}
+
 .pulse-kpi-card {
   display: grid;
   gap: 8px;
@@ -2284,11 +2313,23 @@ code {
 .pulse-chart-panel,
 .pulse-activity-panel,
 .pulse-drilldown-panel,
-.pulse-actions-panel {
+.pulse-actions-panel,
+.pulse-filter-panel {
   display: grid;
   gap: 12px;
 }
 
+.pulse-attention-critical,
+.pulse-status-blocked strong,
+.pulse-status-failed strong {
+  color: var(--notification-error-fg);
+}
+
+.pulse-attention-warning,
+.pulse-status-needs_attention strong {
+  color: var(--notification-warning-fg);
+}
+
 .pulse-attention-panel ul {
   display: grid;
   gap: 8px;
@@ -2318,11 +2359,37 @@ code {
   font-size: 0.75rem;
   font-weight: 900;
   justify-content: center;
-  min-height: calc(40px + var(--bar-index, 1) * 18px);
+  min-height: max(40px, var(--bar-height, calc(40px + var(--bar-index, 1) * 18px)));
   padding: 8px 4px;
   text-transform: uppercase;
 }
 
+.pulse-chart-grid,
+.pulse-filter-groups {
+  display: grid;
+  gap: 12px;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+}
+
+.pulse-filter-group {
+  border: 1px solid var(--border);
+  border-radius: 14px;
+  margin: 0;
+  padding: 10px;
+}
+
+.pulse-filter-group legend {
+  color: var(--accent);
+  font-size: 0.76rem;
+  font-weight: 900;
+  padding: 0 6px;
+  text-transform: uppercase;
+}
+
+.pulse-quick-filter-row {
+  justify-content: flex-end;
+}
+
 .pulse-chart-placeholder span:nth-child(2) { --bar-index: 3; }
 .pulse-chart-placeholder span:nth-child(3) { --bar-index: 5; }
 .pulse-chart-placeholder span:nth-child(4) { --bar-index: 2; }
@@ -2349,6 +2416,25 @@ code {
   padding: 12px 14px;
 }
 
+.pulse-activity-row.selected {
+  background: color-mix(in srgb, var(--accent) 9%, transparent);
+}
+
+.pulse-activity-row td {
+  display: grid;
+  gap: 3px;
+}
+
+.pulse-activity-row td span {
+  color: var(--text-muted);
+  font-size: 0.82rem;
+}
+
+.pulse-row-select {
+  justify-self: start;
+  padding: 4px 8px;
+}
+
 .pulse-activity-row + .pulse-activity-row {
   border-top: 1px solid var(--border);
 }
@@ -2372,6 +2458,59 @@ code {
   justify-self: start;
 }
 
+.pulse-card-stream {
+  display: none;
+}
+
+.pulse-event-card {
+  background: var(--surface-muted);
+  border: 1px solid var(--border);
+  border-radius: 14px;
+  color: var(--text-primary);
+  display: grid;
+  gap: 5px;
+  padding: 12px;
+  text-align: left;
+}
+
+.pulse-event-card.selected {
+  border-color: var(--border-accent);
+}
+
+.pulse-event-card span,
+.pulse-event-card small {
+  color: var(--text-secondary);
+}
+
+.pulse-detail-drawer {
+  border-left: 4px solid var(--border-accent);
+}
+
+.pulse-detail-grid {
+  display: grid;
+  gap: 10px;
+  margin: 0;
+}
+
+.pulse-detail-grid div {
+  background: var(--surface-muted);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  padding: 10px;
+}
+
+.pulse-detail-grid dt {
+  color: var(--accent);
+  font-size: 0.74rem;
+  font-weight: 900;
+  text-transform: uppercase;
+}
+
+.pulse-detail-grid dd {
+  color: var(--text-secondary);
+  margin: 3px 0 0;
+}
+
 .apps-surface .compact-notice {
   margin-bottom: 0;
 }
@@ -3035,8 +3174,8 @@ button.managed-toggle:focus-visible {
 .recommended-app-card:hover,
 .recommended-app-card:focus-within {
   background:
-    linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent 46%),
-    color-mix(in srgb, var(--accent) 7%, var(--surface-muted));
+    linear-gradient(135deg, color-mix(in srgb, var(--accent) 11%, transparent), transparent 42%),
+    color-mix(in srgb, var(--accent) 5%, var(--surface-muted));
   border-color: var(--border-accent);
   box-shadow: 0 18px 46px color-mix(in srgb, var(--accent) 10%, transparent);
   transform: translateY(-1px);
@@ -3817,11 +3956,26 @@ button.managed-toggle:focus-visible {
   .data-row,
   .editable-row,
   .managed-app-details,
+  .pulse-overview-layout,
   .pulse-activity-row,
   .provider-account-list li {
     grid-template-columns: 1fr;
   }
 
+  .pulse-chart-grid,
+  .pulse-filter-groups {
+    grid-template-columns: 1fr;
+  }
+
+  .pulse-activity-table {
+    display: none;
+  }
+
+  .pulse-card-stream {
+    display: grid;
+    gap: 10px;
+  }
+
   .pulse-activity-header {
     display: none;
   }
@@ -3836,6 +3990,20 @@ button.managed-toggle:focus-visible {
     font-weight: 900;
   }
 
+  .pulse-detail-drawer {
+    border-left: 0;
+    border-radius: 0;
+    margin-inline: -16px;
+  }
+
+  .pulse-detail-drawer::before {
+    color: var(--text-muted);
+    content: "Full-screen sheet layout on small screens";
+    font-size: 0.78rem;
+    font-weight: 900;
+    text-transform: uppercase;
+  }
+
   .pill-tabs {
     width: 100%;
   }

package/setup.sh

@@ -12,7 +12,7 @@ shopt -s inherit_errexit 2>/dev/null || true
 # AI Assistant Server Access Framework Setup Script
 # Helps developers set up the framework for their infrastructure
 #
-# Version: 3.29.39
+# Version: 3.29.42
 #
 # Quick Install:
 #   npm install -g aidevops && aidevops update          (recommended)