aidevops 3.31.34 → 3.31.36

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.34-blue.svg)](https://github.com/marcusquinn/aidevops/releases)
+[![Version](https://img.shields.io/badge/Version-3.31.36-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.34
+3.31.36

package/aidevops.sh

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

package/package.json

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

package/packages/gui-desktop/scripts/install-macos-app.sh

@@ -64,7 +64,6 @@ gui_dependencies_present() {
 node_modules/vite/bin/vite.js
 node_modules/react
 node_modules/react-icons
-node_modules/@fontsource/cal-sans
 node_modules/@fontsource/courier-prime
 node_modules/@fontsource/dm-mono
 node_modules/@fontsource/dm-sans
@@ -127,10 +126,25 @@ write_icon_assets() {
   local iconset_dir="${resources_dir}/aidevops.iconset"
 
   cat > "$svg_path" <<'SVG'
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-  <rect width="512" height="512" rx="64" fill="#0a0a0a"/>
-  <g transform="translate(36 36) scale(0.86)">
-    <path fill="#B2E969" d="M73.4 150.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 288 73.4 150.6zM240 400h192c17.7 0 32 14.3 32 32s-14.3 32-32 32H240c-17.7 0-32-14.3-32-32s14.3-32 32-32z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" role="img" aria-labelledby="title desc">
+  <title id="title">AI DevOps prompt icon</title>
+  <desc id="desc">A rounded black app icon with the cyan terminal prompt mark used in the website logo.</desc>
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#000000"/>
+      <stop offset="1" stop-color="#030707"/>
+    </linearGradient>
+    <radialGradient id="glow" cx="50%" cy="50%" r="62%">
+      <stop offset="0" stop-color="#66d9f2" stop-opacity="0.22"/>
+      <stop offset="1" stop-color="#66d9f2" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+  <rect width="1024" height="1024" fill="none"/>
+  <rect x="88" y="88" width="848" height="848" rx="188" fill="url(#bg)"/>
+  <rect x="88" y="88" width="848" height="848" rx="188" fill="url(#glow)"/>
+  <rect x="116" y="116" width="792" height="792" rx="160" fill="none" stroke="#66d9f2" stroke-opacity="0.36" stroke-width="18"/>
+  <g transform="translate(512 522) scale(0.94) translate(-288 -256)">
+    <path fill="#8ce8ff" d="M9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6zM256 416H544c17.7 0 32 14.3 32 32s-14.3 32-32 32H256c-17.7 0-32-14.3-32-32s14.3-32 32-32z"/>
   </g>
 </svg>
 SVG
@@ -443,7 +457,7 @@ final class AppDelegate: NSObject, NSApplicationDelegate, WKNavigationDelegate,
     private var webView: WKWebView!
     private let apiPort = ProcessInfo.processInfo.environment["AIDEVOPS_GUI_API_PORT"] ?? "8787"
     private let webPort = ProcessInfo.processInfo.environment["AIDEVOPS_GUI_WEB_PORT"] ?? "5173"
-    private let defaultAccentHue: CGFloat = 123
+    private let defaultAccentHue: CGFloat = 191
     private let mainWindowFrameAutosaveName = "aidevops-main-window"
     private let titlebarHeight: CGFloat = 24
     private let serviceQueue = DispatchQueue(label: "sh.aidevops.gui.services")
@@ -453,7 +467,6 @@ final class AppDelegate: NSObject, NSApplicationDelegate, WKNavigationDelegate,
     func applicationDidFinishLaunching(_ notification: Notification) {
         configureMenu()
         configureWindow()
-        loadStatusHTML(title: "Starting aidevops", detail: "Preparing the local read-only GUI services…")
         startServicesAndLoadApp()
     }
 
@@ -1276,7 +1289,7 @@ final class AppDelegate: NSObject, NSApplicationDelegate, WKNavigationDelegate,
         if title == "Starting aidevops" {
             contentHTML = """
             <main class="shell" aria-busy="true" aria-label="Loading aidevops interface">
-              <section class="brand" aria-label="Starting aidevops"><strong><span>aidevops</span><b>&gt;</b><em>_</em></strong><small>Preparing local GUI</small></section>
+              <section class="brand" aria-label="Starting aidevops"><strong><svg viewBox="0 0 1024 1024" aria-hidden="true"><rect x="88" y="88" width="848" height="848" rx="188" fill="#000000"/><rect x="88" y="88" width="848" height="848" rx="188" fill="#66d9f2" opacity="0.22"/><rect x="116" y="116" width="792" height="792" rx="160" fill="none" stroke="#66d9f2" stroke-opacity="0.36" stroke-width="18"/><g transform="translate(512 522) scale(0.94) translate(-288 -256)"><path fill="#8ce8ff" d="M9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6zM256 416H544c17.7 0 32 14.3 32 32s-14.3 32-32 32H256c-17.7 0-32-14.3-32-32s14.3-32 32-32z"/></g></svg><span>aidevops</span><b>&gt;</b><em>_</em></strong><small>Preparing local GUI</small></section>
               <aside class="rail panel"><i></i><i></i><i></i><i></i><i></i><i></i></aside>
               <aside class="sidebar panel"><header><b></b><span></span></header><nav><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></nav><footer><i></i><i></i></footer></aside>
               <section class="workspace panel"><header><b></b><span></span><i></i><i></i></header><article><h1>\(escapedTitle)</h1><p>\(escapedDetail)</p><div class="cards"><i></i><i></i><i></i><i></i><i></i><i></i></div><div class="block"></div></article></section>
@@ -1293,16 +1306,17 @@ final class AppDelegate: NSObject, NSApplicationDelegate, WKNavigationDelegate,
           <meta charset="utf-8">
           <meta name="viewport" content="width=device-width, initial-scale=1">
           <style>
-            :root { --accent: hsl(123 74% 66%); --border: rgb(255 255 255 / 11%); --panel: #151515; --muted: rgb(255 255 255 / 70%); }
+            :root { --accent: #66d9f2; --border: rgb(255 255 255 / 11%); --panel: #151515; --muted: rgb(255 255 255 / 70%); }
             * { box-sizing: border-box; }
-            body { background: radial-gradient(ellipse at top left, hsl(123 74% 66% / 16%), transparent 36%), #111; color: #fff; font: 15px -apple-system, BlinkMacSystemFont, sans-serif; height: 100vh; margin: 0; }
+            body { background: radial-gradient(ellipse at top left, rgb(102 217 242 / 16%), transparent 36%), #111; color: #fff; font: 15px -apple-system, BlinkMacSystemFont, sans-serif; height: 100vh; margin: 0; }
             .message { background: var(--panel); border: 1px solid var(--border); border-radius: 18px; left: 50%; max-width: 560px; padding: 28px; position: fixed; top: 50%; transform: translate(-50%, -50%); }
             h1 { font-size: 22px; margin: 0 0 10px; }
             p { color: #b9c3b0; line-height: 1.5; margin: 0; }
             code { color: var(--accent); }
             .shell { display: grid; gap: 8px; grid-template-columns: 72px 302px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) 30px; height: 100vh; padding: 30px 8px 8px; }
-            .brand { align-items: center; backdrop-filter: blur(18px); background: rgb(10 10 10 / 78%); border: 1px solid hsl(123 74% 66% / 34%); border-radius: 24px; box-shadow: 0 24px 90px hsl(123 74% 66% / 14%), 0 24px 80px rgb(0 0 0 / 40%); display: grid; gap: 10px; justify-items: center; left: 50%; padding: 26px 30px; position: fixed; top: 50%; transform: translate(-50%, -50%); width: min(360px, calc(100vw - 48px)); z-index: 20; }
-            .brand strong { align-items: baseline; display: inline-flex; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: clamp(34px, 7vw, 64px); font-weight: 900; letter-spacing: -0.08em; line-height: .9; }
+            .brand { align-items: center; backdrop-filter: blur(18px); background: rgb(10 10 10 / 78%); border: 1px solid rgb(102 217 242 / 34%); border-radius: 24px; box-shadow: 0 24px 90px rgb(102 217 242 / 14%), 0 24px 80px rgb(0 0 0 / 40%); display: grid; gap: 10px; justify-items: center; left: 50%; padding: 26px 30px; position: fixed; top: 50%; transform: translate(-50%, -50%); width: min(360px, calc(100vw - 48px)); z-index: 20; }
+            .brand strong { align-items: center; display: inline-flex; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: clamp(34px, 7vw, 64px); font-weight: 900; gap: .18em; letter-spacing: -0.08em; line-height: .9; }
+            .brand svg { display: block; height: .96em; width: .96em; }
             .brand span { color: #f6f7f2; font-size: .48em; letter-spacing: -0.04em; margin-right: .18em; }
             .brand b, .brand em { color: var(--accent); font-style: normal; }
             .brand em { animation: cursor 0.95s steps(1, end) infinite; }
@@ -1327,7 +1341,7 @@ final class AppDelegate: NSObject, NSApplicationDelegate, WKNavigationDelegate,
             .status { align-items: center; display: flex; gap: 10px; grid-column: 1 / -1; justify-content: center; padding: 0 12px; }
             .status i { border-radius: 999px; height: 8px; width: 8px; }
             .status span { height: 10px; width: 96px; }
-            .rail i, .sidebar b, .sidebar span, .sidebar i, .workspace b, .workspace span, .workspace i, .cards i, .block, .status i, .status span { animation: pulse 1.35s ease-in-out infinite; background: linear-gradient(90deg, #202020, hsl(123 74% 66% / 16%), #202020); background-size: 220% 100%; border: 1px solid var(--border); border-radius: 999px; display: block; }
+            .rail i, .sidebar b, .sidebar span, .sidebar i, .workspace b, .workspace span, .workspace i, .cards i, .block, .status i, .status span { animation: pulse 1.35s ease-in-out infinite; background: linear-gradient(90deg, #202020, rgb(102 217 242 / 16%), #202020); background-size: 220% 100%; border: 1px solid var(--border); border-radius: 999px; display: block; }
             .block, .cards i { border-radius: 18px; }
             @keyframes pulse { 0% { background-position: 120% 0; opacity: .52; } 50% { opacity: .95; } 100% { background-position: -120% 0; opacity: .52; } }
             @keyframes cursor { 0%, 48% { opacity: 1; } 49%, 100% { opacity: 0; } }
@@ -1381,6 +1395,7 @@ write_app_bundle() {
   version="$(app_version "$root")"
 
   mkdir -p "$macos_dir" "$resources_dir"
+  rm -f "${resources_dir}/aidevops.icns" "${resources_dir}/aidevops.svg"
   cat > "${contents_dir}/Info.plist" <<PLIST
 <?xml version="1.0" encoding="UTF-8"?>
 <plist version="1.0">
@@ -1405,6 +1420,8 @@ PLIST
   write_service_helper "$root" "$resources_dir"
   write_webview_source "$resources_dir"
   compile_webview_app "$resources_dir" "$macos_dir"
+  touch "${resources_dir}/aidevops.icns" "${contents_dir}/Info.plist" "$app_path"
+  qlmanage -r cache >/dev/null 2>&1 || true
   printf 'Installed %s\n' "$app_path"
   return 0
 }

package/packages/gui-web/index.html

@@ -26,7 +26,8 @@
       body { background: radial-gradient(ellipse at top left, color-mix(in srgb, var(--accent) 16%, transparent) 0%, transparent 36%), var(--bg-secondary); color: var(--text-primary); font: 16px Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; margin: 0; }
       .app-shell { display: grid; gap: 8px; grid-template-columns: 72px 302px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) 30px; height: 100vh; padding: 30px 8px 8px; }
       .loading-brand-overlay { align-items: center; backdrop-filter: blur(18px); background: color-mix(in srgb, var(--surface) 78%, transparent); border: 1px solid color-mix(in srgb, var(--accent) 34%, var(--border)); border-radius: 24px; box-shadow: 0 24px 90px color-mix(in srgb, var(--accent) 14%, transparent), 0 24px 80px rgb(0 0 0 / 40%); display: grid; gap: 10px; justify-items: center; left: 50%; padding: 26px 30px; position: fixed; top: 50%; transform: translate(-50%, -50%); width: min(360px, calc(100vw - 48px)); z-index: 20; }
-      .loading-brand-mark { align-items: baseline; display: inline-flex; font-size: clamp(2.1rem, 7vw, 4rem); font-weight: 900; letter-spacing: -0.08em; line-height: 0.9; }
+      .loading-brand-mark { align-items: center; display: inline-flex; font-size: clamp(2.1rem, 7vw, 4rem); font-weight: 900; gap: 0.18em; letter-spacing: -0.08em; line-height: 0.9; }
+      .loading-brand-icon { display: block; height: 0.96em; width: 0.96em; }
       .loading-brand-word { color: color-mix(in srgb, var(--text-primary) 86%, var(--accent)); font-size: 0.48em; letter-spacing: -0.04em; margin-right: 0.18em; }
       .loading-brand-chevron, .loading-brand-cursor { color: var(--accent); }
       .loading-brand-cursor { animation: loading-cursor-blink 0.95s steps(1, end) infinite; }
@@ -52,7 +53,7 @@
   <body>
     <div id="root">
       <main class="app-shell app-loading-shell" aria-busy="true" aria-label="Loading aidevops interface">
-        <section class="loading-brand-overlay" aria-label="Starting aidevops"><span class="loading-brand-mark" aria-hidden="true"><span class="loading-brand-word">aidevops</span><span class="loading-brand-chevron">&gt;</span><span class="loading-brand-cursor">_</span></span><span class="loading-brand-status">Preparing local GUI</span></section>
+        <section class="loading-brand-overlay" aria-label="Starting aidevops"><span class="loading-brand-mark" aria-hidden="true"><svg class="loading-brand-icon" viewBox="0 0 1024 1024"><rect x="88" y="88" width="848" height="848" rx="188" fill="#000000" /><rect x="88" y="88" width="848" height="848" rx="188" fill="#66d9f2" opacity="0.22" /><rect x="116" y="116" width="792" height="792" rx="160" fill="none" stroke="#66d9f2" stroke-opacity="0.36" stroke-width="18" /><g transform="translate(512 522) scale(0.94) translate(-288 -256)"><path fill="#8ce8ff" d="M9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6zM256 416H544c17.7 0 32 14.3 32 32s-14.3 32-32 32H256c-17.7 0-32-14.3-32-32s14.3-32 32-32z" /></g></svg><span class="loading-brand-word">aidevops</span><span class="loading-brand-chevron">&gt;</span><span class="loading-brand-cursor">_</span></span><span class="loading-brand-status">Preparing local GUI</span></section>
         <aside class="machine-rail loading-panel" aria-label="machine rail"><span class="loading-orb"></span><span class="loading-orb"></span><span class="loading-orb"></span><span class="loading-orb"></span><span class="loading-orb"></span><span class="loading-orb"></span></aside>
         <aside class="app-sidebar loading-panel" aria-label="sidebar">
           <div class="loading-sidebar-header"><span class="loading-logo"></span><span class="loading-line loading-line-wide"></span></div>

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

@@ -35,11 +35,24 @@ export const appearanceStorageKeys = {
   theme: "aidevops-gui-theme",
 } as const;
 
+function AidevopsLoadingIcon(): ReactElement {
+  return (
+    <svg className="loading-brand-icon" viewBox="0 0 1024 1024" role="img" aria-label="AI DevOps prompt icon">
+      <rect x="88" y="88" width="848" height="848" rx="188" fill="#000000" />
+      <rect x="88" y="88" width="848" height="848" rx="188" fill="#66d9f2" opacity="0.22" />
+      <rect x="116" y="116" width="792" height="792" rx="160" fill="none" stroke="#66d9f2" strokeOpacity="0.36" strokeWidth="18" />
+      <g transform="translate(512 522) scale(0.94) translate(-288 -256)">
+        <path fill="#8ce8ff" d="M9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6zM256 416H544c17.7 0 32 14.3 32 32s-14.3 32-32 32H256c-17.7 0-32-14.3-32-32s14.3-32 32-32z" />
+      </g>
+    </svg>
+  );
+}
+
 const defaultSidebarWidth = 302;
 const minSidebarWidth = 300;
 const maxSidebarWidth = 520;
 export const loadingSkeletonPanelLabels = ["machine rail", "sidebar", "workspace", "status bar"] as const;
-export const loadingBrandGlyph = ">_";
+export const loadingBrandGlyph = "AI DevOps prompt icon";
 const loadingMachineOrbKeys = ["machine-orb-a", "machine-orb-b", "machine-orb-c", "machine-orb-d", "machine-orb-e", "machine-orb-f"] as const;
 const loadingListRows = [
   { key: "loading-list-a", variant: "short" },
@@ -323,6 +336,7 @@ function LoadingBrandOverlay(): ReactElement {
   return (
     <div className="loading-brand-overlay" aria-label="Starting aidevops" role="status">
       <span className="loading-brand-mark" aria-hidden="true">
+        <AidevopsLoadingIcon />
         <span className="loading-brand-word">aidevops</span>
         <span className="loading-brand-chevron">&gt;</span>
         <span className="loading-brand-cursor">_</span>

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

@@ -39,6 +39,19 @@ import { dashboardNavItem, navGroups, sidebarModeForSurface, surfaceRecordCounts
 import { SidebarFooter, wrappedOptionIndex } from "./AppearanceControls";
 import { VaultPadlock, vaultCollectionForSurface } from "./VaultBadges";
 
+function AidevopsPromptIcon() {
+  return (
+    <svg className="brand-icon" viewBox="0 0 1024 1024" role="img" aria-label="AI DevOps prompt icon">
+      <rect className="brand-icon-bg" x="88" y="88" width="848" height="848" rx="188" />
+      <rect className="brand-icon-glow" x="88" y="88" width="848" height="848" rx="188" />
+      <rect className="brand-icon-ring" x="116" y="116" width="792" height="792" rx="160" />
+      <g transform="translate(512 522) scale(0.94) translate(-288 -256)">
+        <path className="brand-icon-glyph" d="M9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6zM256 416H544c17.7 0 32 14.3 32 32s-14.3 32-32 32H256c-17.7 0-32-14.3-32-32s14.3-32 32-32z" />
+      </g>
+    </svg>
+  );
+}
+
 export { hueFromInputValue } from "./AppearanceControls";
 
 const surfaceIcons: Record<SurfaceIconName, IconType> = {
@@ -362,7 +375,7 @@ function SidebarHeader({ setActiveSurface, setShellMode, shellMode }: {
     <header className="sidebar-header">
       <div className="sidebar-titlebar">
         <button className="brand-lockup" onClick={() => { setShellMode("devices"); setActiveSurface(dashboardNavItem.id); }} title="Return to dashboard" type="button">
-          <span className="terminal-mark" aria-hidden="true">›_</span>
+          <AidevopsPromptIcon />
           <strong>{text.aidevops}</strong>
         </button>
         <IconSwitch

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

@@ -579,6 +579,7 @@ code {
   letter-spacing: -0.05em;
 }
 
+.brand-icon,
 .terminal-mark {
   align-items: center;
   background: color-mix(in srgb, var(--accent) 15%, #0a0a0a);
@@ -594,6 +595,33 @@ code {
   width: 44px;
 }
 
+.brand-icon {
+  background: transparent;
+  border: 0;
+  display: block;
+  flex: 0 0 auto;
+  filter: drop-shadow(0 8px 18px rgb(0 0 0 / 24%));
+}
+
+.brand-icon-bg {
+  fill: #000000;
+}
+
+.brand-icon-glow {
+  fill: color-mix(in srgb, #66d9f2 22%, transparent);
+}
+
+.brand-icon-ring {
+  fill: none;
+  stroke: #66d9f2;
+  stroke-opacity: 0.36;
+  stroke-width: 18;
+}
+
+.brand-icon-glyph {
+  fill: #8ce8ff;
+}
+
 .sidebar-history-controls {
   background: color-mix(in srgb, var(--surface-muted) 72%, transparent);
   border: 1px solid var(--border);

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