aidevops 3.32.0 → 3.32.1

package/README.md

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

package/aidevops.sh

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

package/package.json

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

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

@@ -1,5 +1,5 @@
 import type { GuiResponseEnvelope, GuiStatusData } from "@aidevops/gui-shared";
-import { type KeyboardEvent as ReactKeyboardEvent, type MouseEvent as ReactMouseEvent, type ReactElement, useEffect, useState } from "react";
+import { type KeyboardEvent as ReactKeyboardEvent, type MouseEvent as ReactMouseEvent, type ReactElement, useEffect, useRef, useState } from "react";
 import { MachineRail, Sidebar } from "./AppNavigation";
 import { Workspace } from "./AppWorkspace";
 import type { ContrastPreference, ConversationMode, FontPreference, FontSizePreference, ShellMode, SurfaceId, ThemePreference } from "./app-model";
@@ -108,6 +108,7 @@ export function App(): ReactElement {
   const [selectedLocalRepoIndex, setSelectedLocalRepoIndex] = useState(0);
   const [selectedSessionId, setSelectedSessionId] = useState<string | undefined>();
   const [vaultDialogIntent, setVaultDialogIntent] = useState<VaultDialogIntent | null>(null);
+  const hasPromptedVaultSetup = useRef(false);
   const [systemTheme, setSystemTheme] = useState<"light" | "dark">("light");
   const resolvedTheme = themePreference === "system" ? systemTheme : themePreference;
   const activeSurface: SurfaceId = navigation.entries[navigation.index] ?? "overview";
@@ -213,7 +214,8 @@ export function App(): ReactElement {
   }, [status.data.local_repos.repos.length]);
 
   useEffect(() => {
-    if (!statusLoading && status.data.vault.readiness.setup_required) {
+    if (shouldPromptVaultSetup(statusLoading, status.data.vault.readiness.setup_required, hasPromptedVaultSetup.current)) {
+      hasPromptedVaultSetup.current = true;
       setVaultDialogIntent("setup");
     }
   }, [status.data.vault.readiness.setup_required, statusLoading]);
@@ -343,6 +345,10 @@ export function clampSidebarWidth(width: number): number {
   return Math.min(maxSidebarWidth, Math.max(minSidebarWidth, Math.round(width)));
 }
 
+export function shouldPromptVaultSetup(statusLoading: boolean, setupRequired: boolean, hasPromptedVaultSetup: boolean): boolean {
+  return !statusLoading && setupRequired && !hasPromptedVaultSetup;
+}
+
 function SidebarResizeHandle(): ReactElement {
   const [sidebarWidth, setSidebarWidth] = useState(() => readStoredSidebarWidth());
 

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

@@ -369,8 +369,8 @@ function SidebarItem({ activeSurface, item, onVaultRequest, recordCount, setActi
             {shouldShowCount ? <span className="surface-count">({recordCount})</span> : null}
           </span>
         </span>
-        {vaultCollection ? <VaultPadlock collection={vaultCollection} compact vault={status.vault} /> : null}
         {item.badge ? <em>{item.badge}</em> : null}
+        {vaultCollection ? <VaultPadlock collection={vaultCollection} compact vault={status.vault} /> : null}
       </button>
     </li>
   );

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

@@ -51,7 +51,18 @@ export function VaultPassphraseModal({ intent, onClose, vault }: {
 
   return (
     <div className="vault-modal-backdrop" role="presentation">
-      <section aria-label={title} aria-modal="true" className="vault-modal" role="dialog">
+      <form
+        aria-label={title}
+        aria-modal="true"
+        className="vault-modal"
+        onSubmit={(event) => {
+          event.preventDefault();
+          if (canContinue) {
+            continueFlow();
+          }
+        }}
+        role="dialog"
+      >
         <header className="vault-modal-header">
           <span className="vault-modal-icon" aria-hidden="true">{intent === "lock" ? <FiLock /> : <FiUnlock />}</span>
           <div>
@@ -62,10 +73,10 @@ export function VaultPassphraseModal({ intent, onClose, vault }: {
         {setupMode ? <SetupStep accepted={savedWarningAccepted} confirm={passphraseConfirm} match={setupPassphrasesMatch} onAcceptChange={setSavedWarningAccepted} onConfirmChange={setPassphraseConfirm} onPassphraseChange={setPassphrase} onUnlockPassphraseChange={setUnlockPassphrase} passphrase={passphrase} step={step} unlockMatch={finalPassphraseMatches} unlockPassphrase={unlockPassphrase} /> : <UnlockStep intent={intent} onUnlockPassphraseChange={setUnlockPassphrase} unlockPassphrase={unlockPassphrase} vault={vault} />}
         <footer className="vault-modal-actions">
           <button className="secondary-action" onClick={onClose} type="button">Cancel</button>
-          <button className="primary-action" disabled={!canContinue} onClick={continueFlow} type="button">{setupMode && step < 2 ? "Continue" : actionLabel}</button>
+          <button className="primary-action" disabled={!canContinue} type="submit">{setupMode && step < 2 ? "Continue" : actionLabel}</button>
         </footer>
         <p className="vault-modal-footnote">Passphrases stay in this local dialog state only and are never shown in logs, issues, command arguments, or AI chat.</p>
-      </section>
+      </form>
     </div>
   );
 }

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

@@ -239,10 +239,65 @@ body {
 
 button,
 input,
-select {
+select,
+textarea {
   font: inherit;
 }
 
+:where(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea) {
+  background:
+    linear-gradient(180deg, rgb(255 255 255 / 12%), rgb(255 255 255 / 0%)),
+    color-mix(in srgb, var(--surface-muted) 88%, var(--surface-elevated));
+  border: 1px solid color-mix(in srgb, var(--border) 86%, var(--surface-elevated));
+  border-radius: 12px;
+  box-shadow:
+    inset 0 1px 0 rgb(255 255 255 / 18%),
+    inset 0 -1px 0 rgb(0 0 0 / 8%),
+    0 1px 2px rgb(0 0 0 / 8%);
+  color: var(--text-primary);
+  min-height: 38px;
+  padding: 8px 12px;
+  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease;
+}
+
+:where(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea)::placeholder {
+  color: color-mix(in srgb, var(--text-muted) 78%, transparent);
+}
+
+:where(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea):hover:not(:disabled) {
+  border-color: var(--border-hover);
+}
+
+:where(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea):focus-visible {
+  border-color: color-mix(in srgb, var(--accent) 58%, var(--border));
+  box-shadow:
+    0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent),
+    inset 0 1px 0 rgb(255 255 255 / 22%),
+    0 1px 2px rgb(0 0 0 / 10%);
+  outline: none;
+}
+
+:where(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="color"]), select, textarea):disabled {
+  color: var(--text-secondary);
+  cursor: not-allowed;
+  opacity: 0.9;
+}
+
+select {
+  appearance: none;
+  background-image:
+    linear-gradient(45deg, transparent 50%, var(--text-muted) 50%),
+    linear-gradient(135deg, var(--text-muted) 50%, transparent 50%),
+    linear-gradient(180deg, rgb(255 255 255 / 12%), rgb(255 255 255 / 0%));
+  background-position:
+    calc(100% - 16px) 50%,
+    calc(100% - 11px) 50%,
+    0 0;
+  background-repeat: no-repeat;
+  background-size: 5px 5px, 5px 5px, 100% 100%;
+  padding-right: 32px;
+}
+
 button {
   cursor: pointer;
 }

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