aidevops 3.29.18 → 3.29.19

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

package/aidevops.sh

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

package/package.json

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

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

@@ -4,13 +4,9 @@ import { MachineRail, Sidebar } from "./AppNavigation";
 import { Workspace } from "./AppWorkspace";
 import type { ConversationMode, FontPreference, FontSizePreference, ShellMode, SurfaceId, ThemePreference } from "./app-model";
 import { DEFAULT_ACCENT_HUE, DEFAULT_FONT, DEFAULT_FONT_SIZE, fileRootBySurface, findSurface, findSurfaceSectionLabel, fontFamilyForPreference, fontSizeForPreference, getSystemTheme, isFontPreference, isFontSizePreference } from "./app-model";
+import { type NavigationHistory, nextHistoryIndex, useNavigationHistoryKeyboard } from "./navigation-history";
 import { fetchStatus, mockedStatus } from "./status-client";
 
-interface NavigationHistory {
-  entries: SurfaceId[];
-  index: number;
-}
-
 interface WebKitBridgeWindow extends Window {
   webkit?: {
     messageHandlers?: {
@@ -37,7 +33,7 @@ export const appearanceStorageKeys = {
 } as const;
 
 const defaultSidebarWidth = 302;
-const minSidebarWidth = 248;
+const minSidebarWidth = 300;
 const maxSidebarWidth = 520;
 export const loadingSkeletonPanelLabels = ["machine rail", "sidebar", "workspace", "status bar"] as const;
 export const loadingBrandGlyph = ">_";
@@ -93,6 +89,7 @@ export function App(): ReactElement {
   const canGoBack = navigation.index > 0;
   const canGoForward = navigation.index < navigation.entries.length - 1;
   const fileRoot = fileRootBySurface[activeSurface];
+  useNavigationHistoryKeyboard(setNavigation);
 
   const setActiveSurface = (surface: SurfaceId) => {
     setNavigation((current) => {
@@ -108,11 +105,11 @@ export function App(): ReactElement {
   };
 
   const goBack = () => {
-    setNavigation((current) => ({ ...current, index: Math.max(0, current.index - 1) }));
+    setNavigation((current) => ({ ...current, index: nextHistoryIndex(current, -1) }));
   };
 
   const goForward = () => {
-    setNavigation((current) => ({ ...current, index: Math.min(current.entries.length - 1, current.index + 1) }));
+    setNavigation((current) => ({ ...current, index: nextHistoryIndex(current, 1) }));
   };
 
   useEffect(() => {

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

@@ -145,7 +145,7 @@ export function Sidebar({ activeSurface, accentHue, conversationMode, fontPrefer
 
   return (
     <aside className="app-sidebar" aria-label={text.navigationLabel}>
-      <SidebarHeader setShellMode={setShellMode} shellMode={shellMode} />
+      <SidebarHeader setActiveSurface={setActiveSurface} setShellMode={setShellMode} shellMode={shellMode} />
       <nav className="sidebar-content">
         {shellMode === "devices" ? <>
           <SidebarModeTabs mode={sidebarMode} setMode={(mode) => setSidebarMode(mode as SidebarMode)} />
@@ -357,17 +357,18 @@ function SidebarItem({ activeSurface, item, recordCount, setActiveSurface, showC
   );
 }
 
-function SidebarHeader({ setShellMode, shellMode }: {
+function SidebarHeader({ setActiveSurface, setShellMode, shellMode }: {
+  setActiveSurface: (surface: SurfaceId) => void;
   setShellMode: (mode: ShellMode) => void;
   shellMode: ShellMode;
 }) {
   return (
     <header className="sidebar-header">
       <div className="sidebar-titlebar">
-        <div className="brand-lockup">
+        <button className="brand-lockup" onClick={() => setActiveSurface(dashboardNavItem.id)} title="Return to dashboard" type="button">
           <span className="terminal-mark" aria-hidden="true">›_</span>
           <strong>{text.aidevops}</strong>
-        </div>
+        </button>
         <IconSwitch
           ariaLabel="Navigation scope"
           options={[
@@ -501,14 +502,25 @@ function SidebarFooter({ accentHue, fontPreference, fontSizePreference, setAccen
               id="font-size-slider"
               max={fontSizeOptions.length - 1}
               min="0"
-              onChange={(event) => setFontSizePreference(fontSizeOptions[Number.parseInt(event.currentTarget.value, 10)]?.value ?? "m")}
+              onChange={(event) => setFontSizePreference(fontSizeOptions[Number.parseInt(event.currentTarget.value, 10)]?.value ?? "xs")}
               step="1"
               type="range"
               value={fontSizeIndex}
             />
-            <div className="range-labels" aria-hidden="true">
-              {fontSizeOptions.map((option) => <span className={option.value === fontSizePreference ? "active" : ""} key={option.value}>{option.label}</span>)}
-            </div>
+            <fieldset className="range-labels">
+              <legend className="sr-only">Font size shortcuts</legend>
+              {fontSizeOptions.map((option) => (
+                <button
+                  aria-pressed={option.value === fontSizePreference}
+                  className={option.value === fontSizePreference ? "active" : ""}
+                  key={option.value}
+                  onClick={() => setFontSizePreference(option.value)}
+                  type="button"
+                >
+                  {option.label}
+                </button>
+              ))}
+            </fieldset>
           </div>
           <div className="font-control">
             <span id="appearance-font-selector-label">{text.font}</span>

package/packages/gui-web/src/app-model.ts

@@ -303,15 +303,15 @@ export const text = {
 } as const;
 
 export const DEFAULT_ACCENT_HUE = 123;
-export const DEFAULT_FONT: FontPreference = "Menlo";
-export const DEFAULT_FONT_SIZE: FontSizePreference = "m";
+export const DEFAULT_FONT: FontPreference = "Inter";
+export const DEFAULT_FONT_SIZE: FontSizePreference = "xs";
 
 export const fontOptions: FontOption[] = [
   { value: "IBM Plex Mono", label: "IBM Plex Mono", fontFamily: '"IBM Plex Mono", Menlo, Monaco, Consolas, monospace' },
   { value: "IBM Plex Sans", label: "IBM Plex Sans", fontFamily: '"IBM Plex Sans", Inter, system-ui, sans-serif' },
   { value: "IBM Plex Serif", label: "IBM Plex Serif", fontFamily: '"IBM Plex Serif", Georgia, serif' },
-  { value: "Inter", label: "Inter", fontFamily: 'Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif' },
-  { value: "Menlo", label: "Menlo (default)", fontFamily: 'Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace' },
+  { value: "Inter", label: "Inter (default)", fontFamily: 'Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif' },
+  { value: "Menlo", label: "Menlo", fontFamily: 'Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace' },
   { value: "Playpen Sans", label: "Playpen Sans", fontFamily: '"Playpen Sans", "Comic Sans MS", Inter, system-ui, sans-serif' },
   { value: "Poppins", label: "Poppins", fontFamily: 'Poppins, Inter, system-ui, sans-serif' },
   { value: "Source Sans", label: "Source Sans", fontFamily: '"Source Sans 3", "Source Sans Pro", "Source Sans", Inter, system-ui, sans-serif' },
@@ -543,11 +543,11 @@ export function getSystemTheme(): "light" | "dark" {
 }
 
 export function fontFamilyForPreference(font: FontPreference): string {
-  return fontOptions.find((option) => option.value === font)?.fontFamily ?? fontOptions.find((option) => option.value === DEFAULT_FONT)?.fontFamily ?? "Menlo, monospace";
+  return fontOptions.find((option) => option.value === font)?.fontFamily ?? fontOptions.find((option) => option.value === DEFAULT_FONT)?.fontFamily ?? "Inter, system-ui, sans-serif";
 }
 
 export function fontSizeForPreference(size: FontSizePreference): string {
-  return fontSizeOptions.find((option) => option.value === size)?.cssSize ?? fontSizeOptions.find((option) => option.value === DEFAULT_FONT_SIZE)?.cssSize ?? "16px";
+  return fontSizeOptions.find((option) => option.value === size)?.cssSize ?? fontSizeOptions.find((option) => option.value === DEFAULT_FONT_SIZE)?.cssSize ?? "14px";
 }
 
 export function isFontPreference(value: string | null): value is FontPreference {

package/packages/gui-web/src/dashboard.ts

@@ -55,7 +55,7 @@ export function renderDashboardHtml(status: GuiResponseEnvelope<GuiStatusData>):
     `<h1>aidevops app interface</h1>`,
     `<p>Made for creators.</p>`,
     `<p>AI-assisted development workflows, code quality, and deployment automation.</p>`,
-    `<p>Theme follows system preferences with light and dark overrides. Sidebar modes: DevOps and Comms. Appearance controls can be hidden or shown, and include editable Hue, icon Reset, Show borders toggle, Show counts toggle, Font size choices xs, s, m, lg, xl, and Font options: IBM Plex Mono, IBM Plex Sans, IBM Plex Serif, Inter, Menlo (default), Playpen Sans, Poppins, Source Sans, Source Serif, Tilt Neon, Ubuntu Mono. The workspace header includes a command palette, reserved signposts/help slot immediately left of notifications, notifications menu, AI Assistant panel, and profile menu with Settings, Theme, Language, Community, Admin, and Logout entries. Notifications reuse the OpenCode toast status cache and GUI readiness data. A desktop status bar shows local readiness, repo totals, secret reference count, provider accounts, and update state.</p>`,
+    `<p>Theme follows system preferences with light and dark overrides. Sidebar modes: DevOps and Comms. Appearance controls can be hidden or shown, and include editable Hue, icon Reset, Show borders toggle, Show counts toggle, Font size choices xs, s, m, lg, xl, and Font options: IBM Plex Mono, IBM Plex Sans, IBM Plex Serif, Inter (default), Menlo, Playpen Sans, Poppins, Source Sans, Source Serif, Tilt Neon, Ubuntu Mono. The workspace header includes a command palette, reserved signposts/help slot immediately left of notifications, notifications menu, AI Assistant panel, and profile menu with Settings, Theme, Language, Community, Admin, and Logout entries. Notifications reuse the OpenCode toast status cache and GUI readiness data. A desktop status bar shows local readiness, repo totals, secret reference count, provider accounts, and update state.</p>`,
     `<p>Secret references stay read-only and redacted.</p>`,
     `<p>Vault surfaces show padlock indicators. Encrypted by aidevops Vault; contents visible only when unlocked through app or authorised vault commands.</p>`,
     `<p>${escapeHtml(status.data.update.message)}</p>`,

package/packages/gui-web/src/navigation-history.ts

@@ -0,0 +1,49 @@
+import { type Dispatch, type SetStateAction, useEffect } from "react";
+import type { SurfaceId } from "./app-model";
+
+export interface NavigationHistory {
+  entries: SurfaceId[];
+  index: number;
+}
+
+export function nextHistoryIndex(current: NavigationHistory, direction: -1 | 1): number {
+  return Math.min(Math.max(0, current.entries.length - 1), Math.max(0, current.index + direction));
+}
+
+export function useNavigationHistoryKeyboard(setNavigation: Dispatch<SetStateAction<NavigationHistory>>): void {
+  useEffect(() => {
+    const navigateHistoryWithKeyboard = (event: globalThis.KeyboardEvent) => {
+      if (shouldIgnoreHistoryShortcut(event)) {
+        return;
+      }
+
+      const direction = historyShortcutDirection(event.key);
+      if (direction === null) {
+        return;
+      }
+
+      event.preventDefault();
+      setNavigation((current) => ({ ...current, index: nextHistoryIndex(current, direction) }));
+    };
+
+    window.addEventListener("keydown", navigateHistoryWithKeyboard);
+
+    return () => window.removeEventListener("keydown", navigateHistoryWithKeyboard);
+  }, [setNavigation]);
+}
+
+function shouldIgnoreHistoryShortcut(event: globalThis.KeyboardEvent): boolean {
+  return !(event.metaKey || event.ctrlKey) || isEditableKeyboardTarget(event.target) || isEditableKeyboardTarget(document.activeElement);
+}
+
+function historyShortcutDirection(key: string): -1 | 1 | null {
+  return key === "[" ? -1 : key === "]" ? 1 : null;
+}
+
+function isEditableKeyboardTarget(target: EventTarget | null): boolean {
+  if (typeof HTMLElement === "undefined" || !(target instanceof HTMLElement)) {
+    return false;
+  }
+
+  return target.isContentEditable || target.closest("input, textarea, select, [contenteditable], [role='textbox']") !== null;
+}

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

@@ -10,8 +10,8 @@
   --border-hover: color-mix(in srgb, rgb(0 0 0 / 24%) 64%, rgb(255 255 255 / 48%));
   --code-bg: hsl(var(--accent-hue) 55% 91%);
   --desktop-titlebar-height: 0px;
-  --font-family-app: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  --font-size-app: 16px;
+  --font-family-app: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --font-size-app: 14px;
   --glass-panel-shadow: inset 0 1px 0 rgb(255 255 255 / 58%), inset 0 -1px 0 rgb(0 0 0 / 3%), var(--shadow-soft);
   --notification-error-bg: rgb(207 34 46 / 10%);
   --notification-error-fg: #cf222e;
@@ -119,7 +119,7 @@ code {
 .app-shell {
   display: grid;
   column-gap: 8px;
-  grid-template-columns: 72px var(--sidebar-width, 302px) 8px minmax(0, 1fr);
+  grid-template-columns: 72px var(--sidebar-width, 302px) 6px minmax(0, 1fr);
   grid-template-rows: minmax(0, 1fr) auto;
   height: 100vh;
   padding: calc(var(--shell-gutter) + var(--desktop-titlebar-height)) var(--shell-gutter) var(--shell-gutter);
@@ -127,7 +127,7 @@ code {
 }
 
 .app-shell.machine-rail-collapsed {
-  grid-template-columns: var(--sidebar-width, 302px) 8px minmax(0, 1fr);
+  grid-template-columns: var(--sidebar-width, 302px) 6px minmax(0, 1fr);
 }
 
 .desktop-titlebar-tagline {
@@ -296,10 +296,19 @@ code {
 }
 
 .brand-lockup {
+  background: transparent;
+  border: 0;
+  color: var(--text-primary);
   gap: 12px;
   padding: 2px 4px;
 }
 
+.brand-lockup:hover,
+.brand-lockup:focus-visible {
+  color: var(--accent);
+  outline: none;
+}
+
 .sidebar-titlebar {
   gap: 10px;
   justify-content: space-between;
@@ -819,28 +828,32 @@ code {
 }
 
 .range-labels {
+  border: 0;
   color: var(--text-muted);
   display: grid;
   font-size: 0.7rem;
   font-weight: 900;
   grid-template-columns: repeat(5, 1fr);
+  margin: 0;
+  padding: 0;
   text-transform: uppercase;
 }
 
-.range-labels span {
+.range-labels button {
+  background: transparent;
+  border: 0;
+  border-radius: 8px;
+  color: inherit;
+  font: inherit;
+  padding: 3px 0;
   text-align: center;
 }
 
-.range-labels span:first-child {
-  text-align: left;
-}
-
-.range-labels span:last-child {
-  text-align: right;
-}
-
-.range-labels .active {
+.range-labels button:hover,
+.range-labels button:focus-visible,
+.range-labels button.active {
   color: var(--accent);
+  outline: none;
 }
 
 .font-control select {
@@ -2206,7 +2219,7 @@ code {
   align-items: center;
   color: var(--text-secondary);
   display: inline-flex;
-  font-size: 0.95em;
+  font-size: 1em;
   font-weight: 800;
   gap: 4px;
   max-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.18
+# Version: 3.29.19
 #
 # Quick Install:
 #   npm install -g aidevops && aidevops update          (recommended)