aidevops 3.29.26 → 3.29.27

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

package/aidevops.sh

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

package/package.json

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

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

@@ -35,7 +35,7 @@ import {
 } from "react-icons/fi";
 import type { ContrastPreference, ConversationMode, FontPreference, FontSizePreference, ShellMode, SidebarMode, SurfaceIconName, SurfaceId, SurfaceNavGroup, SurfaceNavItem, ThemePreference } from "./app-model";
 import { dashboardNavItem, navGroups, sidebarModeForSurface, surfaceRecordCounts, text } from "./app-model";
-import { SidebarFooter } from "./AppearanceControls";
+import { SidebarFooter, wrappedOptionIndex } from "./AppearanceControls";
 import { VaultPadlock, vaultCollectionForSurface } from "./VaultBadges";
 
 export { hueFromInputValue } from "./AppearanceControls";
@@ -215,8 +215,14 @@ function ConversationSidebar({ conversationMode, selectedLocalRepoIndex, selecte
       setSelectedSessionId(activeSessionId);
     }
   }, [activeSessionId, selectedSessionId, setSelectedSessionId]);
-  const canSelectPreviousRepo = selectedLocalRepoIndex > 0;
-  const canSelectNextRepo = selectedLocalRepoIndex < repos.length - 1;
+  const selectRepoByIndex = (index: number) => {
+    if (repos.length === 0) {
+      return;
+    }
+
+    setSelectedLocalRepoIndex(index);
+    setSelectedSessionId(undefined);
+  };
 
   return (
     <section className="conversation-panel" aria-label={text.opencodeSessions}>
@@ -226,11 +232,11 @@ function ConversationSidebar({ conversationMode, selectedLocalRepoIndex, selecte
       <section className="repo-session-selector" aria-label={text.localRepoSelector}>
         <span className="repo-selector-heading" id="local-repo-selector-label">{text.localRepos}</span>
         <div className="selector-with-stepper repo-selector-row">
-          <button aria-label="Previous local repo" className="selector-step-button" disabled={!canSelectPreviousRepo} onClick={() => { setSelectedLocalRepoIndex(Math.max(0, selectedLocalRepoIndex - 1)); setSelectedSessionId(undefined); }} type="button"><FiChevronLeft aria-hidden="true" /></button>
+          <button aria-label="Previous local repo" className="selector-step-button" disabled={repos.length === 0} onClick={() => selectRepoByIndex(wrappedOptionIndex(selectedLocalRepoIndex, repos.length, -1))} type="button"><FiChevronLeft aria-hidden="true" /></button>
           <select aria-labelledby="local-repo-selector-label" onChange={(event) => { setSelectedLocalRepoIndex(Number.parseInt(event.currentTarget.value, 10)); setSelectedSessionId(undefined); }} value={Math.min(selectedLocalRepoIndex, Math.max(0, repos.length - 1))}>
             {repos.length === 0 ? <option value={0}>No local repos</option> : repos.map((repo, index) => <option key={repo.path_ref} value={index}>{repo.name}</option>)}
           </select>
-          <button aria-label="Next local repo" className="selector-step-button" disabled={!canSelectNextRepo} onClick={() => { setSelectedLocalRepoIndex(Math.min(repos.length - 1, selectedLocalRepoIndex + 1)); setSelectedSessionId(undefined); }} type="button"><FiChevronRight aria-hidden="true" /></button>
+          <button aria-label="Next local repo" className="selector-step-button" disabled={repos.length === 0} onClick={() => selectRepoByIndex(wrappedOptionIndex(selectedLocalRepoIndex, repos.length, 1))} type="button"><FiChevronRight aria-hidden="true" /></button>
         </div>
       </section>
       <section className="sidebar-group session-history-list">

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

@@ -19,6 +19,14 @@ export function hueFromInputValue(value: string): number | null {
   return Math.min(359, Math.max(0, hue));
 }
 
+export function wrappedOptionIndex(currentIndex: number, optionCount: number, direction: -1 | 1): number {
+  if (optionCount <= 0) {
+    return 0;
+  }
+
+  return (currentIndex + direction + optionCount) % optionCount;
+}
+
 export function SidebarFooter(props: SidebarFooterProps): ReactElement {
   const [appearanceOpen, setAppearanceOpen] = useState(true);
   const AppearanceChevron = appearanceOpen ? FiChevronDown : FiChevronUp;
@@ -73,7 +81,7 @@ function AppearancePanelBody({ accentHue, contrastPreference, fontPreference, fo
 
 function ThemeControl({ setThemePreference, themePreference }: { setThemePreference: (theme: ThemePreference) => void; themePreference: ThemePreference }): ReactElement {
   return (
-    <fieldset className="theme-control compact" aria-label={text.theme}>
+    <fieldset className="theme-control compact appearance-segmented-control" aria-label={text.theme}>
       {(["system", "light", "dark"] as const).map((theme) => (
         <button
           aria-pressed={themePreference === theme}
@@ -141,7 +149,7 @@ function ContrastControl({ contrastPreference, setContrastPreference }: { contra
   return (
     <fieldset className="contrast-control" aria-label={text.contrast}>
       <legend>{text.contrast}</legend>
-      <div className="contrast-options">
+      <div className="contrast-options appearance-segmented-control">
         {contrastOptions.map((option) => (
           <button
             aria-pressed={contrastPreference === option.value}
@@ -211,8 +219,6 @@ function FontSizeControl({ fontSizePreference, setFontSizePreference }: { fontSi
 function FontControl({ fontPreference, setFontPreference }: { fontPreference: FontPreference; setFontPreference: (font: FontPreference) => void }): ReactElement {
   const selectedFontFamily = fontFamilyForPreference(fontPreference);
   const fontIndex = Math.max(0, fontOptions.findIndex((option) => option.value === fontPreference));
-  const canSelectPreviousFont = fontIndex > 0;
-  const canSelectNextFont = fontIndex < fontOptions.length - 1;
   const setFontByIndex = (index: number) => {
     const nextFont = fontOptions[index]?.value;
     if (nextFont !== undefined) {
@@ -224,7 +230,7 @@ function FontControl({ fontPreference, setFontPreference }: { fontPreference: Fo
     <div className="font-control">
       <span id="appearance-font-selector-label">{text.font}</span>
       <div className="selector-with-stepper font-selector-row">
-        <button aria-label="Previous font" className="selector-step-button" disabled={!canSelectPreviousFont} onClick={() => setFontByIndex(fontIndex - 1)} type="button"><FiChevronLeft aria-hidden="true" /></button>
+        <button aria-label="Previous font" className="selector-step-button" onClick={() => setFontByIndex(wrappedOptionIndex(fontIndex, fontOptions.length, -1))} type="button"><FiChevronLeft aria-hidden="true" /></button>
         <select
           aria-labelledby="appearance-font-selector-label"
           onChange={(event) => setFontPreference(event.currentTarget.value as FontPreference)}
@@ -237,7 +243,7 @@ function FontControl({ fontPreference, setFontPreference }: { fontPreference: Fo
             </option>
           ))}
         </select>
-        <button aria-label="Next font" className="selector-step-button" disabled={!canSelectNextFont} onClick={() => setFontByIndex(fontIndex + 1)} type="button"><FiChevronRight aria-hidden="true" /></button>
+        <button aria-label="Next font" className="selector-step-button" onClick={() => setFontByIndex(wrappedOptionIndex(fontIndex, fontOptions.length, 1))} type="button"><FiChevronRight aria-hidden="true" /></button>
       </div>
     </div>
   );

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

@@ -7,7 +7,10 @@
   --bg-secondary: #f8f8f8;
   --bg-tertiary: #f0f0f0;
   --border: color-mix(in srgb, rgb(0 0 0 / 13%) 62%, rgb(255 255 255 / 54%));
+  --border-accent: color-mix(in srgb, var(--accent) 38%, var(--border));
+  --border-danger: color-mix(in srgb, #ef4444 44%, var(--border));
   --border-hover: color-mix(in srgb, rgb(0 0 0 / 24%) 64%, rgb(255 255 255 / 48%));
+  --border-warning: color-mix(in srgb, #d97706 38%, var(--border));
   --code-bg: hsl(var(--accent-hue) 55% 91%);
   --desktop-titlebar-height: 0px;
   --font-family-app: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
@@ -127,7 +130,10 @@
 
 :root[data-borders="hidden"] {
   --border: transparent;
+  --border-accent: transparent;
+  --border-danger: transparent;
   --border-hover: transparent;
+  --border-warning: transparent;
   --glass-panel-shadow: var(--shadow-soft);
 }
 
@@ -304,7 +310,7 @@ code {
 
 .machine-orb.active {
   background: color-mix(in srgb, var(--accent) 18%, transparent);
-  border-color: color-mix(in srgb, var(--accent) 42%, transparent);
+  border-color: var(--border-accent);
   color: var(--accent);
 }
 
@@ -380,7 +386,7 @@ code {
 .terminal-mark {
   align-items: center;
   background: color-mix(in srgb, var(--accent) 15%, #0a0a0a);
-  border: 1px solid color-mix(in srgb, var(--accent) 38%, transparent);
+  border: 1px solid var(--border-accent);
   border-radius: 11px;
   box-shadow: inset 0 1px 0 color-mix(in srgb, var(--accent) 28%, transparent);
   color: var(--accent);
@@ -504,7 +510,7 @@ code {
 
 .new-session-button {
   background: color-mix(in srgb, var(--accent) 15%, transparent);
-  border: 1px solid color-mix(in srgb, var(--accent) 34%, transparent);
+  border: 1px solid var(--border-accent);
   border-radius: 12px;
   color: var(--accent);
   font-weight: 900;
@@ -542,7 +548,7 @@ code {
 
 .selector-step-button:hover:not(:disabled),
 .selector-step-button:focus-visible {
-  border-color: color-mix(in srgb, var(--accent) 40%, transparent);
+  border-color: var(--border-accent);
   color: var(--accent);
   outline: none;
 }
@@ -692,7 +698,7 @@ code {
 .vault-padlock {
   align-items: center;
   background: color-mix(in srgb, #d97706 13%, transparent);
-  border: 1px solid color-mix(in srgb, #d97706 38%, transparent);
+  border: 1px solid var(--border-warning);
   border-radius: 999px;
   color: #b45309;
   display: inline-flex;
@@ -718,7 +724,7 @@ code {
 
 .vault-padlock[data-vault-state="unlocked"] {
   background: color-mix(in srgb, var(--accent) 14%, transparent);
-  border-color: color-mix(in srgb, var(--accent) 38%, transparent);
+  border-color: var(--border-accent);
   color: var(--accent);
 }
 
@@ -742,43 +748,27 @@ code {
 
 .sidebar-footer {
   border-top: 1px solid var(--border);
-  padding-top: 12px;
+  padding: 0;
 }
 
-.theme-control.compact {
+.appearance-segmented-control {
   background: var(--surface-muted);
   border: 0;
   border-radius: 12px;
   display: grid;
   gap: 4px;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(3, minmax(0, 1fr));
   margin: 0;
   min-inline-size: 0;
   padding: 4px;
 }
 
-.theme-option {
+.appearance-panel {
   background: transparent;
   border: 0;
-  border-radius: 9px;
-  color: var(--text-muted);
-  font-size: 0.72rem;
-  font-weight: 900;
-  padding: 7px 6px;
-  text-transform: uppercase;
-}
-
-.theme-option:hover,
-.theme-option.active {
-  background: var(--surface-elevated);
-  color: var(--accent);
-}
-
-.appearance-panel {
-  background: var(--surface-muted);
-  border: 1px solid var(--border);
-  border-radius: 14px;
+  border-radius: 0;
   display: grid;
+  font-size: 1em;
   overflow: hidden;
 }
 
@@ -786,9 +776,10 @@ code {
   background: transparent;
   border: 0;
   color: var(--text-secondary);
+  font-size: 1em;
   gap: 8px;
   justify-content: center;
-  padding: 8px 10px;
+  padding: 0.8em 1em;
   text-transform: uppercase;
   width: 100%;
 }
@@ -809,12 +800,12 @@ code {
 .appearance-panel-body {
   border-top: 1px solid var(--border);
   display: grid;
-  gap: 12px;
-  padding: 12px;
+  gap: 0.9em;
+  padding: 1em;
 }
 
 .appearance-panel.collapsed .appearance-panel-tab {
-  border-radius: 14px;
+  border-radius: 0;
 }
 
 .theme-hue-control,
@@ -827,7 +818,7 @@ code {
 
 .theme-control-heading {
   gap: 8px;
-  justify-content: space-between;
+  justify-content: flex-start;
 }
 
 .hue-label-row {
@@ -842,7 +833,7 @@ code {
 .font-size-control label,
 .font-control span {
   color: var(--text-muted);
-  font-size: 0.74rem;
+  font-size: 0.86em;
   font-weight: 900;
   letter-spacing: 0.08em;
   text-transform: uppercase;
@@ -854,28 +845,27 @@ code {
   padding: 0;
 }
 
-.contrast-options {
-  display: grid;
-  gap: 6px;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
+.theme-option,
 .contrast-options button {
   background: var(--surface-elevated);
   border: 1px solid var(--border);
   border-radius: 10px;
   color: var(--text-secondary);
-  font-size: 0.72rem;
+  font-size: 0.86em;
   font-weight: 900;
-  padding: 7px 6px;
+  min-height: 2.75em;
+  padding: 0.55em 0.5em;
   text-transform: uppercase;
 }
 
+.theme-option:hover,
+.theme-option:focus-visible,
+.theme-option.active,
 .contrast-options button:hover,
 .contrast-options button:focus-visible,
 .contrast-options button.active {
   background: color-mix(in srgb, var(--accent) 18%, var(--surface-elevated));
-  border-color: color-mix(in srgb, var(--accent) 48%, var(--border));
+  border-color: var(--border-accent);
   color: var(--accent);
   outline: none;
 }
@@ -885,7 +875,7 @@ code {
   border: 1px solid var(--border);
   border-radius: 9px;
   color: var(--text-primary);
-  font-size: 0.78rem;
+  font-size: 0.95em;
   font-weight: 800;
   min-width: 0;
   padding: 5px 6px;
@@ -920,7 +910,7 @@ code {
   border: 0;
   color: var(--text-muted);
   display: grid;
-  font-size: 0.7rem;
+  font-size: 0.82em;
   font-weight: 900;
   grid-template-columns: repeat(5, 1fr);
   margin: 0;
@@ -1128,7 +1118,7 @@ code {
 .profile-avatar-button:focus-visible,
 .command-trigger:hover,
 .command-trigger:focus-visible {
-  border-color: color-mix(in srgb, var(--accent) 40%, transparent);
+  border-color: var(--border-accent);
   color: var(--accent);
   outline: none;
 }
@@ -2162,7 +2152,7 @@ code {
 }
 
 .managed-app-card.expanded {
-  border-color: color-mix(in srgb, var(--accent) 32%, var(--border));
+  border-color: var(--border-accent);
 }
 
 .managed-app-card:hover,
@@ -2376,13 +2366,13 @@ button.managed-toggle:disabled {
 
 button.managed-toggle:hover,
 button.managed-toggle:focus-visible {
-  border-color: color-mix(in srgb, var(--accent) 42%, var(--border));
+  border-color: var(--border-accent);
   outline: none;
 }
 
 .switch-track {
   background: color-mix(in srgb, #ef4444 18%, var(--surface-muted));
-  border: 1px solid color-mix(in srgb, #ef4444 44%, var(--border));
+  border: 1px solid var(--border-danger);
   border-radius: 999px;
   display: inline-flex;
   flex: 0 0 auto;
@@ -2431,14 +2421,14 @@ button.managed-toggle:focus-visible {
 
 .app-log-link:hover,
 .app-log-link:focus-visible {
-  border-color: color-mix(in srgb, var(--accent) 42%, var(--border));
+  border-color: var(--border-accent);
   outline: none;
 }
 
 .app-action-button {
   align-items: center;
   background: color-mix(in srgb, var(--accent) 16%, var(--surface-elevated));
-  border: 1px solid color-mix(in srgb, var(--accent) 48%, var(--border));
+  border: 1px solid var(--border-accent);
   border-radius: 999px;
   color: var(--accent);
   display: inline-flex;
@@ -2542,7 +2532,7 @@ button.managed-toggle:focus-visible {
 
 .terminal-close-button:hover,
 .terminal-close-button:focus-visible {
-  border-color: color-mix(in srgb, var(--accent) 42%, var(--border));
+  border-color: var(--border-accent);
   color: var(--accent);
   outline: none;
 }
@@ -2746,7 +2736,7 @@ button.managed-toggle:focus-visible {
 
 .toggle-pill.checked {
   background: color-mix(in srgb, var(--accent) 14%, transparent);
-  border-color: color-mix(in srgb, var(--accent) 50%, transparent);
+  border-color: var(--border-accent);
   color: var(--accent);
 }
 
@@ -2796,7 +2786,7 @@ button.managed-toggle:focus-visible {
   background:
     linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent 46%),
     color-mix(in srgb, var(--accent) 7%, var(--surface-muted));
-  border-color: color-mix(in srgb, var(--accent) 38%, var(--border));
+  border-color: var(--border-accent);
   box-shadow: 0 18px 46px color-mix(in srgb, var(--accent) 10%, transparent);
   transform: translateY(-1px);
 }
@@ -3114,7 +3104,7 @@ button.managed-toggle:focus-visible {
 
 .appearance-switch strong {
   color: var(--text-muted);
-  font-size: 0.74rem;
+  font-size: 0.86em;
   font-weight: 900;
   letter-spacing: 0.08em;
   margin-right: auto;
@@ -3130,7 +3120,7 @@ button.managed-toggle:focus-visible {
   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: 1px solid var(--border-accent);
   border-radius: 24px;
   box-shadow: 0 24px 90px color-mix(in srgb, var(--accent) 14%, transparent), var(--shadow-soft);
   display: grid;
@@ -3422,7 +3412,7 @@ button.managed-toggle:focus-visible {
 
 .switch-control input:checked + span {
   background: color-mix(in srgb, var(--accent) 22%, transparent);
-  border-color: color-mix(in srgb, var(--accent) 52%, transparent);
+  border-color: var(--border-accent);
 }
 
 .switch-control input:checked + span::after {

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