aidevops 3.31.30 → 3.31.31

package/README.md

@@ -58,7 +58,7 @@ The result: an AI operations platform that manages projects across every busines
 [![Copyright](https://img.shields.io/badge/Copyright-Marcus%20Quinn%202025--2026-blue.svg)](https://github.com/marcusquinn)
 
 <!-- Release & Version Info -->
-[![Version](https://img.shields.io/badge/Version-3.31.30-blue.svg)](https://github.com/marcusquinn/aidevops/releases)
+[![Version](https://img.shields.io/badge/Version-3.31.31-blue.svg)](https://github.com/marcusquinn/aidevops/releases)
 [![npm version](https://img.shields.io/npm/v/aidevops)](https://www.npmjs.com/package/aidevops)
 [![Homebrew](https://img.shields.io/badge/homebrew-marcusquinn%2Ftap-orange)](https://github.com/marcusquinn/homebrew-tap)
 [![GitHub repository](https://img.shields.io/badge/github-repository-181717.svg?logo=github)](https://github.com/marcusquinn/aidevops)

package/VERSION

@@ -1 +1 @@
-3.31.30
+3.31.31

package/aidevops.sh

@@ -5,7 +5,7 @@
 # AI DevOps Framework CLI
 # Usage: aidevops <command> [options]
 #
-# Version: 3.31.30
+# Version: 3.31.31
 
 set -euo pipefail
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aidevops",
-  "version": "3.31.30",
+  "version": "3.31.31",
   "description": "AI DevOps Framework - AI-assisted development workflows, code quality, and deployment automation",
   "type": "module",
   "workspaces": [

package/packages/gui-web/src/PulseWorkersSurface.tsx

@@ -94,10 +94,19 @@ export function PulseWorkersSurface({ status }: { status: GuiStatusData }): Reac
           </div>
           <button disabled={!actionById(pulse.actions, "create_systemic_fix")?.enabled} onClick={() => void runPulseWorkerAction(actionById(pulse.actions, "create_systemic_fix"), setJobs, setSelectedJobId, setDismissedJobIds)} title="Create a worker-ready systemic-fix task from selected evidence" type="button">Create systemic fix task</button>
         </article>
+      </section>
 
-        <section className="pulse-chart-grid" aria-label="Pulse trend charts">
+      <section className="planned-card pulse-trends-panel" aria-label="Pulse trend charts">
+        <div className="split-heading">
+          <div>
+            <p className="eyebrow">Operational trends</p>
+            <h3>Key indicators</h3>
+          </div>
+          <span className="count-pill">single-column chart stack</span>
+        </div>
+        <div className="pulse-chart-grid pulse-chart-stack">
           {chartSeries.map((chart) => <PulseChartPanel chart={chart} key={chart.id} />)}
-        </section>
+        </div>
       </section>
 
       <section className="planned-card pulse-filter-panel" aria-label="Pulse filters">
@@ -227,12 +236,14 @@ function PulseChartPanel({ chart }: { chart: GuiPulseWorkerChartSeries }): React
   const svgPaths = chartSvgPaths(values);
 
   return (
-    <article className="planned-card pulse-chart-panel">
+    <article className="pulse-chart-panel">
       <p className="eyebrow">Trends · compact bars · day/week/month/year</p>
-      <h3>{chart.label}</h3>
-      <div className="pulse-chart-meta">
-        <span><strong>{formatChartValue(latestValue, chart.unit)}</strong><small>Latest</small></span>
-        <span><strong>{trendSummary(trend, chart.unit)}</strong><small>Δ period</small></span>
+      <div className="pulse-chart-heading">
+        <h4>{chart.label}</h4>
+        <div className="pulse-chart-meta">
+          <span><strong>{formatChartValue(latestValue, chart.unit)}</strong><small>Latest</small></span>
+          <span><strong>{trendSummary(trend, chart.unit)}</strong><small>Δ period</small></span>
+        </div>
       </div>
       <div className="pulse-chart-placeholder" aria-label={`${chart.label} chart for day week month year buckets`} role="img">
         <svg aria-hidden="true" className="pulse-chart-sparkline" focusable="false" preserveAspectRatio="none" viewBox="0 0 100 48">

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

@@ -2428,7 +2428,7 @@ code {
 }
 
 .pulse-overview-layout {
-  grid-template-columns: minmax(280px, 0.8fr) minmax(320px, 1.2fr);
+  grid-template-columns: minmax(0, 1fr);
 }
 
 .pulse-kpi-card {
@@ -2450,24 +2450,36 @@ code {
   line-height: 1;
 }
 
+.pulse-chart-heading {
+  align-items: start;
+  display: grid;
+  gap: 10px;
+  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.7fr);
+}
+
+.pulse-chart-heading h4 {
+  font-size: 1rem;
+  margin: 0;
+}
+
 .pulse-chart-meta {
   display: grid;
-  gap: 8px;
+  gap: 6px;
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
 .pulse-chart-meta span {
   background: color-mix(in srgb, var(--accent) 9%, var(--surface-muted));
   border: 1px solid var(--border);
-  border-radius: 14px;
+  border-radius: 10px;
   display: grid;
   gap: 2px;
-  padding: 10px;
+  padding: 8px;
 }
 
 .pulse-chart-meta strong {
   color: var(--accent);
-  font-size: 1.08rem;
+  font-size: 0.98rem;
   letter-spacing: -0.04em;
   line-height: 1;
 }
@@ -2485,11 +2497,19 @@ code {
 .pulse-activity-panel,
 .pulse-drilldown-panel,
 .pulse-actions-panel,
-.pulse-filter-panel {
+.pulse-filter-panel,
+.pulse-trends-panel {
   display: grid;
   gap: 12px;
 }
 
+.pulse-chart-panel {
+  background: var(--surface-muted);
+  border: 1px solid var(--border);
+  border-radius: 16px;
+  padding: 14px;
+}
+
 .pulse-attention-critical,
 .pulse-status-blocked strong,
 .pulse-status-failed strong {
@@ -2512,16 +2532,15 @@ code {
   align-items: end;
   background:
     linear-gradient(180deg, transparent 24%, color-mix(in srgb, var(--border) 42%, transparent) 24% 25%, transparent 25% 49%, color-mix(in srgb, var(--border) 34%, transparent) 49% 50%, transparent 50% 74%, color-mix(in srgb, var(--border) 28%, transparent) 74% 75%, transparent 75%),
-    radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 34%),
-    var(--surface-muted);
+    var(--surface-elevated);
   border: 1px solid var(--border);
-  border-radius: 16px;
+  border-radius: 12px;
   display: grid;
-  gap: 8px;
-  grid-template-columns: repeat(auto-fit, minmax(46px, 1fr));
-  min-height: 180px;
+  gap: 10px;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  min-height: 148px;
   overflow: hidden;
-  padding: 14px;
+  padding: 28px 14px 12px;
   position: relative;
 }
 
@@ -2536,32 +2555,20 @@ code {
   font-size: 0.75rem;
   font-weight: 900;
   justify-content: center;
-  min-height: max(40px, var(--bar-height, calc(40px + var(--bar-index, 1) * 18px)));
+  min-height: max(32px, var(--bar-height, calc(40px + var(--bar-index, 1) * 18px)));
   padding: 8px 4px;
   position: relative;
   text-transform: uppercase;
   z-index: 1;
 }
 
-.pulse-chart-placeholder span::before {
-  color: var(--text-secondary);
-  content: attr(data-value);
-  font-size: 0.68rem;
-  font-weight: 800;
-  left: 50%;
-  position: absolute;
-  top: -20px;
-  transform: translateX(-50%);
-  white-space: nowrap;
-}
-
 .pulse-chart-sparkline {
-  height: 48%;
-  inset: 16px 12px auto;
-  opacity: 0.88;
+  height: 44%;
+  inset: 16px 14px auto;
+  opacity: 0.72;
   pointer-events: none;
   position: absolute;
-  width: calc(100% - 24px);
+  width: calc(100% - 28px);
   z-index: 2;
 }
 
@@ -2591,6 +2598,10 @@ code {
   grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
 }
 
+.pulse-chart-stack {
+  grid-template-columns: minmax(0, 1fr);
+}
+
 .pulse-filter-group {
   border: 1px solid var(--border);
   border-radius: 14px;
@@ -4187,6 +4198,15 @@ button.managed-toggle:focus-visible {
     grid-template-columns: 1fr;
   }
 
+  .pulse-chart-heading,
+  .pulse-chart-meta {
+    grid-template-columns: 1fr;
+  }
+
+  .pulse-chart-placeholder {
+    min-height: 128px;
+  }
+
   .pulse-activity-table {
     display: none;
   }

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.31.30
+# Version: 3.31.31
 #
 # Quick Install:
 #   npm install -g aidevops && aidevops update          (recommended)