aidevops 3.29.11 → 3.29.12

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

package/aidevops.sh

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

package/package.json

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

package/packages/gui-api/src/app.ts

@@ -1,4 +1,5 @@
 import { spawn } from "node:child_process";
+import * as readline from "node:readline";
 import { Hono } from "hono";
 import { APP_ACTION_ROUTE_MANIFEST, APP_ACTION_STATUS_ROUTE_MANIFEST, BANNED_ROUTE_PATTERNS, createEnvelope, FILE_EXPLORER_ROUTE_MANIFEST, type GuiAppActionId, type GuiAppActionJobSummary, STATUS_ROUTE_MANIFEST, VAULT_STATUS_ROUTE_MANIFEST } from "../../gui-shared/src";
 import { readFileExplorer } from "./file-adapter";
@@ -150,10 +151,16 @@ function startAppActionJob(appId: string, action: GuiAppActionId, command: strin
     env: { ...process.env, AIDEVOPS_NON_INTERACTIVE: "true" },
     stdio: ["ignore", "pipe", "pipe"],
   });
-  child.stdout.on("data", (chunk) => appendJobOutput(job, chunk.toString()));
-  child.stderr.on("data", (chunk) => appendJobOutput(job, chunk.toString()));
+  if (child.stdout !== null) {
+    const stdoutLines = readline.createInterface({ input: child.stdout, terminal: false });
+    stdoutLines.on("line", (line) => appendJobLine(job, line));
+  }
+  if (child.stderr !== null) {
+    const stderrLines = readline.createInterface({ input: child.stderr, terminal: false });
+    stderrLines.on("line", (line) => appendJobLine(job, line));
+  }
   child.on("error", (error) => {
-    appendJobOutput(job, error.message);
+    appendJobLine(job, error.message);
     job.status = "failed";
     job.finished_at = new Date().toISOString();
     job.exit_code = 127;
@@ -167,8 +174,11 @@ function startAppActionJob(appId: string, action: GuiAppActionId, command: strin
   return job;
 }
 
-function appendJobOutput(job: GuiAppActionJobSummary, output: string): void {
-  job.output.push(...output.split(/\r?\n/).filter((line) => line.length > 0).map(redactOutputLine));
+function appendJobLine(job: GuiAppActionJobSummary, line: string): void {
+  if (line.length === 0) {
+    return;
+  }
+  job.output.push(redactOutputLine(line));
   if (job.output.length > 400) {
     job.output.splice(1, job.output.length - 400);
   }

package/packages/gui-shared/src/notifications.ts

@@ -17,7 +17,7 @@ const toastSeverityRank: Record<GuiNotificationSeverity, number> = {
 
 const warningLineMatchers: Array<(line: string) => boolean> = [
   (line) => line.startsWith("Pulse stalled"),
-  (line) => /contribution\(s\) need/i.test(line),
+  (line) => /contribution(\(s\)|s)?\s+needs?/i.test(line),
   (line) => line.startsWith("[OPENCODE MAINTENANCE]"),
   (line) => line.startsWith("[WARNING]"),
   (line) => line.startsWith("[WARN]"),
@@ -28,7 +28,7 @@ const toastTitleRules: Array<{ matches: (line: string) => boolean; title: string
   { matches: (line) => line.startsWith("[ERROR]"), title: "Startup error" },
   { matches: (line) => line.startsWith("[OPENCODE MAINTENANCE]"), title: "OpenCode maintenance" },
   { matches: (line) => line.startsWith("Pulse stalled"), title: "Pulse stalled" },
-  { matches: (line) => /contribution\(s\) need/i.test(line), title: "External contribution review" },
+  { matches: (line) => /contribution(\(s\)|s)?\s+needs?/i.test(line), title: "External contribution review" },
   { matches: (line) => line.startsWith("[WARNING]") || line.startsWith("[WARN]"), title: "Startup warning" },
   { matches: (line) => line.startsWith("Security: all protections active"), title: "Security protections active" },
 ];
@@ -93,10 +93,10 @@ function buildToastNotifications(greetingOutput: string): GuiNotificationSummary
 }
 
 function buildGuiStateNotifications(input: BuildNotificationInput): GuiNotificationSummary[] {
-  const setupNeedsUpdate = input.setupTargets.filter((target) => target.needs_update);
-  const appNeedsUpdate = input.aiApps.filter((app) => app.needs_update);
-  const authErrors = input.oauthPool.providers.filter((provider) => provider.auth_errors > 0);
-  const rateLimited = input.oauthPool.providers.filter((provider) => provider.rate_limited > 0);
+  const setupNeedsUpdate = (input.setupTargets ?? []).filter((target) => target.needs_update);
+  const appNeedsUpdate = (input.aiApps ?? []).filter((app) => app.needs_update);
+  const authErrors = (input.oauthPool?.providers ?? []).filter((provider) => provider.auth_errors > 0);
+  const rateLimited = (input.oauthPool?.providers ?? []).filter((provider) => provider.rate_limited > 0);
   const notifications: GuiNotificationSummary[] = [];
 
   if (input.restartRequired) {

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

@@ -222,6 +222,11 @@ function ConversationSidebar({ conversationMode, selectedLocalRepoIndex, selecte
     ? []
     : status.opencode_sessions.sessions.filter((session) => session.repo_path_ref === selectedRepo.path_ref);
   const activeSessionId = sessions.some((session) => session.id_ref === selectedSessionId) ? selectedSessionId : sessions[0]?.id_ref;
+  useEffect(() => {
+    if (activeSessionId !== selectedSessionId) {
+      setSelectedSessionId(activeSessionId);
+    }
+  }, [activeSessionId, selectedSessionId, setSelectedSessionId]);
   const canSelectPreviousRepo = selectedLocalRepoIndex > 0;
   const canSelectNextRepo = selectedLocalRepoIndex < repos.length - 1;
 

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

@@ -189,21 +189,30 @@ function NotificationsMenu({ notifications, openSurface }: { notifications: GuiN
         <span>{active.length} active</span>
       </div>
       {preview.length === 0 ? <p>No current aidevops notifications.</p> : null}
-      {preview.map((notification) => <NotificationPreview key={notification.id} notification={notification} />)}
+      {preview.map((notification) => (
+        <NotificationPreview
+          key={notification.id}
+          notification={notification}
+          onClick={() => {
+            const action = notification.actions.find((candidate) => candidate.enabled && candidate.kind === "surface" && isSurfaceId(candidate.surface_id));
+            openSurface(action?.kind === "surface" && isSurfaceId(action.surface_id) ? action.surface_id : "notifications");
+          }}
+        />
+      ))}
       <button onClick={() => openSurface("notifications")} role="menuitem" type="button">Open notifications</button>
     </div>
   );
 }
 
-function NotificationPreview({ notification }: { notification: GuiNotificationSummary }): ReactElement {
+function NotificationPreview({ notification, onClick }: { notification: GuiNotificationSummary; onClick: () => void }): ReactElement {
   return (
-    <article className={`notification-preview ${notification.severity}`}>
+    <button className={`notification-preview ${notification.severity}`} onClick={onClick} role="menuitem" type="button">
       <span aria-hidden="true"><NotificationIcon notification={notification} /></span>
       <div>
         <strong>{notification.title}</strong>
         <small>{notification.category} · {notification.status}</small>
       </div>
-    </article>
+    </button>
   );
 }
 
@@ -528,7 +537,7 @@ function NotificationCard({ notification, openSurface }: { notification: GuiNoti
               return <button className="secondary-action" disabled={!action.enabled} key={action.id} onClick={() => openSurface(surfaceId)} type="button">{action.label}</button>;
             }
 
-            return <button className="secondary-action" disabled key={action.id} title={action.command_preview} type="button">{action.label}</button>;
+            return <button className="secondary-action" disabled={!action.enabled} key={action.id} title={action.command_preview} type="button">{action.label}</button>;
           })}
         </div>
       </div>

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

@@ -19,6 +19,7 @@ export function AppsSurface({ status }: { status: GuiStatusData }): ReactElement
   const [appCollection, setAppCollection] = useState<AppCollectionId>("aidevops");
   const [managedCategory, setManagedCategory] = useState<ManagedCategoryId>("core");
   const [recommendedPlatform, setRecommendedPlatform] = useState<RecommendedPlatformFilterId>("all");
+  const [recommendedOs, setRecommendedOs] = useState<RecommendedOsId>("all");
   const [selectedJobId, setSelectedJobId] = useState<string | null>(null);
   const [expandedAppId, setExpandedAppId] = useState<string | null>(() => sortedManagedApps(status.managed_apps).find((app) => managedCategoryForApp(app) === "core")?.id ?? null);
   const [jobs, setJobs] = useState<Record<string, GuiAppActionJobSummary>>({});
@@ -27,7 +28,7 @@ export function AppsSurface({ status }: { status: GuiStatusData }): ReactElement
   const selectedJob = selectedJobId === null ? null : jobs[selectedJobId] ?? null;
   const managedApps = sortedManagedApps(status.managed_apps).map((app) => applyManagedPolicyToggles(app, policyToggles[app.id]));
   const visibleManagedApps = managedApps.filter((app) => managedCategoryForApp(app) === managedCategory);
-  const visibleRecommendedApps = recommendedApps.filter((app) => recommendedPlatform === "all" || app.platforms.includes(recommendedPlatform));
+  const visibleRecommendedApps = recommendedApps.filter((app) => recommendedAppMatchesFilters(app, recommendedPlatform, recommendedOs));
 
   useEffect(() => {
     setExpandedAppId(visibleManagedApps[0]?.id ?? null);
@@ -84,7 +85,7 @@ export function AppsSurface({ status }: { status: GuiStatusData }): ReactElement
           ))}
         </div>
         <p className="empty-state compact-notice">Install/update actions run as allowlisted background jobs and stream inside each app panel. xterm.js with a node-pty bridge is the right next step for full TUI apps such as OpenCode; this view starts with non-interactive command logs.</p>
-      </> : <RecommendedAppsSurface apps={visibleRecommendedApps} platform={recommendedPlatform} setPlatform={setRecommendedPlatform} />}
+      </> : <RecommendedAppsSurface apps={visibleRecommendedApps} os={recommendedOs} platform={recommendedPlatform} setOs={setRecommendedOs} setPlatform={setRecommendedPlatform} />}
     </section>
   );
 }
@@ -224,7 +225,14 @@ function jobForApp(appId: string, jobs: Record<string, GuiAppActionJobSummary>,
     return selectedJob;
   }
 
-  return Object.values(jobs).reverse().find((job) => job.app_id === appId) ?? null;
+  let latestJob: GuiAppActionJobSummary | null = null;
+  for (const job of Object.values(jobs)) {
+    if (job.app_id === appId && (latestJob === null || job.started_at > latestJob.started_at)) {
+      latestJob = job;
+    }
+  }
+
+  return latestJob;
 }
 
 function sortedManagedApps(apps: GuiManagedAppSummary[]): GuiManagedAppSummary[] {
@@ -303,6 +311,15 @@ const recommendedPlatformTabs: TabOption<RecommendedPlatformFilterId>[] = [
   { id: "api", label: "API" },
 ];
 
+const recommendedOsTabs: TabOption<RecommendedOsId>[] = [
+  { id: "all", label: "All OS" },
+  { id: "macos", label: "macOS" },
+  { id: "linux", label: "Linux" },
+  { id: "windows", label: "Windows" },
+  { id: "ios", label: "iOS" },
+  { id: "android", label: "Android" },
+];
+
 const recommendedApps = ([
   { name: "Affinity Studio", description: "Creative design suite.", websiteUrl: "https://www.affinity.studio/", alternativeToUrl: "https://alternativeto.net/software/affinity-1/", os: ["macos", "windows", "ios"], platforms: [] },
   { name: "Bitwarden", description: "Open source password manager.", websiteUrl: "https://bitwarden.com", alternativeToUrl: "https://alternativeto.net/software/bitwarden--free-password-manager/", repoUrl: "https://github.com/bitwarden", os: ["macos", "linux", "windows", "ios", "android"], platforms: ["webapp", "saas", "cli", "api"] },
@@ -359,16 +376,19 @@ function TabNav<T extends string>({ label, onChange, tabs, value }: { label: str
   return <div aria-label={label} className="pill-tabs app-subnav" role="tablist">{tabs.map((tab) => <button aria-selected={value === tab.id} className={value === tab.id ? "active" : ""} key={tab.id} onClick={() => onChange(tab.id)} role="tab" type="button">{tab.label}</button>)}</div>;
 }
 
-function RecommendedAppsSurface({ apps, platform, setPlatform }: { apps: RecommendedApp[]; platform: RecommendedPlatformFilterId; setPlatform: (platform: RecommendedPlatformFilterId) => void }): ReactElement {
+function RecommendedAppsSurface({ apps, os, platform, setOs, setPlatform }: { apps: RecommendedApp[]; os: RecommendedOsId; platform: RecommendedPlatformFilterId; setOs: (os: RecommendedOsId) => void; setPlatform: (platform: RecommendedPlatformFilterId) => void }): ReactElement {
   return <>
-    <TabNav label="Recommended app platform filters" tabs={recommendedPlatformTabs} value={platform} onChange={setPlatform} />
+    <div className="recommended-filter-tabs">
+      <TabNav label="Recommended app platform filters" tabs={recommendedPlatformTabs} value={platform} onChange={setPlatform} />
+      <TabNav label="Recommended app operating system filters" tabs={recommendedOsTabs} value={os} onChange={setOs} />
+    </div>
     <div className="recommended-app-grid">
-      {apps.map((app) => <RecommendedAppCard app={app} key={app.name} setPlatform={setPlatform} />)}
+      {apps.map((app) => <RecommendedAppCard app={app} key={app.name} setOs={setOs} setPlatform={setPlatform} />)}
     </div>
   </>;
 }
 
-function RecommendedAppCard({ app, setPlatform }: { app: RecommendedApp; setPlatform: (platform: RecommendedPlatformFilterId) => void }): ReactElement {
+function RecommendedAppCard({ app, setOs, setPlatform }: { app: RecommendedApp; setOs: (os: RecommendedOsId) => void; setPlatform: (platform: RecommendedPlatformFilterId) => void }): ReactElement {
   return <article className="recommended-app-card">
     <div>
       <strong>{app.name}</strong>
@@ -376,7 +396,7 @@ function RecommendedAppCard({ app, setPlatform }: { app: RecommendedApp; setPlat
     </div>
     <div className="app-icon-groups">
       <PlatformIconList platforms={app.platforms} setPlatform={setPlatform} />
-      <OsIconList os={app.os} />
+      <OsIconList os={app.os} setOs={setOs} />
     </div>
     <div className="managed-app-links plain-links">
       <OriginLink href={app.websiteUrl} label={text.website} />
@@ -410,15 +430,15 @@ function PlatformIcon({ id, setPlatform }: { id: RecommendedPlatformId; setPlatf
   return <button aria-label={`Filter by ${label}`} data-tooltip={`Filter by ${label}`} onClick={() => setPlatform(id)} title={`Filter by ${label}`} type="button"><Icon aria-hidden="true" focusable="false" /></button>;
 }
 
-function OsIconList({ os }: { os: RecommendedOsId[] }): ReactElement | null {
+function OsIconList({ os, setOs }: { os: RecommendedOsId[]; setOs: (os: RecommendedOsId) => void }): ReactElement | null {
   if (os.length === 0) {
     return null;
   }
 
-  return <span className="os-icon-list">{os.map((item) => <OsIcon id={item} key={item} />)}</span>;
+  return <span className="os-icon-list">{os.map((item) => <OsIcon id={item} key={item} setOs={setOs} />)}</span>;
 }
 
-function OsIcon({ id }: { id: RecommendedOsId }): ReactElement {
+function OsIcon({ id, setOs }: { id: RecommendedOsId; setOs: (os: RecommendedOsId) => void }): ReactElement {
   const iconMap: Record<RecommendedOsId, { Icon: IconType; label: string }> = {
     all: { Icon: FiGlobe, label: "Web app" },
     macos: { Icon: FaApple, label: "macOS" },
@@ -429,7 +449,14 @@ function OsIcon({ id }: { id: RecommendedOsId }): ReactElement {
   };
   const { Icon, label } = iconMap[id];
 
-  return <span aria-label={label} data-tooltip={label} role="img" title={label}><Icon aria-hidden="true" focusable="false" /></span>;
+  return <button aria-label={`Filter by ${label}`} data-tooltip={`Filter by ${label}`} onClick={() => setOs(id)} title={`Filter by ${label}`} type="button"><Icon aria-hidden="true" focusable="false" /></button>;
+}
+
+function recommendedAppMatchesFilters(app: RecommendedApp, platform: RecommendedPlatformFilterId, os: RecommendedOsId): boolean {
+  const platformMatches = platform === "all" || app.platforms.includes(platform);
+  const osMatches = os === "all" || app.os.includes(os);
+
+  return platformMatches && osMatches;
 }
 
 function applyManagedPolicyToggles(app: GuiManagedAppSummary, policy: Partial<Record<ManagedPolicyId, boolean>> | undefined): GuiManagedAppSummary {

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

@@ -13,6 +13,14 @@
   --font-family-app: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --font-size-app: 16px;
   --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;
+  --notification-info-bg: rgb(9 105 218 / 10%);
+  --notification-info-fg: #0969da;
+  --notification-success-bg: rgb(26 127 55 / 10%);
+  --notification-success-fg: #1a7f37;
+  --notification-warning-bg: rgb(191 135 0 / 12%);
+  --notification-warning-fg: #9a6700;
   --shell-gutter: 8px;
   --shadow-soft: 0 18px 56px rgb(15 23 42 / 9%);
   --surface-elevated: #ffffff;
@@ -43,6 +51,14 @@
   --border-hover: color-mix(in srgb, rgb(255 255 255 / 22%) 74%, rgb(255 255 255 / 40%));
   --code-bg: hsl(var(--accent-hue) 18% 6%);
   --glass-panel-shadow: inset 0 1px 0 rgb(255 255 255 / 10%), inset 0 -1px 0 rgb(0 0 0 / 24%), var(--shadow-soft);
+  --notification-error-bg: rgb(255 123 114 / 13%);
+  --notification-error-fg: #ff7b72;
+  --notification-info-bg: rgb(88 166 255 / 13%);
+  --notification-info-fg: #58a6ff;
+  --notification-success-bg: rgb(86 211 100 / 13%);
+  --notification-success-fg: #56d364;
+  --notification-warning-bg: rgb(210 153 34 / 15%);
+  --notification-warning-fg: #d29922;
   --shadow-soft: 0 24px 80px rgb(0 0 0 / 40%);
   --surface-elevated: #151515;
   --surface-muted: #202020;
@@ -1082,11 +1098,22 @@ code {
 }
 
 .notification-preview {
+  background: var(--notification-bg, transparent);
   border: 1px solid var(--border);
   border-left: 4px solid var(--notification-color, var(--accent));
   border-radius: 12px;
+  color: var(--text-secondary);
+  cursor: pointer;
   gap: 10px;
   padding: 10px;
+  text-align: left;
+  width: 100%;
+}
+
+.notification-preview:hover,
+.notification-preview:focus-visible {
+  border-color: var(--notification-color, var(--accent));
+  outline: none;
 }
 
 .notification-preview > span {
@@ -1106,29 +1133,29 @@ code {
 
 .notification-preview.error,
 .github-notification-card.error {
-  --notification-color: #cf222e;
-  --notification-bg: rgb(207 34 46 / 10%);
+  --notification-color: var(--notification-error-fg);
+  --notification-bg: var(--notification-error-bg);
 }
 
 .notification-preview.warning,
 .github-notification-card.warning {
-  --notification-color: #9a6700;
-  --notification-bg: rgb(191 135 0 / 12%);
+  --notification-color: var(--notification-warning-fg);
+  --notification-bg: var(--notification-warning-bg);
 }
 
 .notification-preview.info,
 .github-notification-card.info {
-  --notification-color: #0969da;
-  --notification-bg: rgb(9 105 218 / 10%);
+  --notification-color: var(--notification-info-fg);
+  --notification-bg: var(--notification-info-bg);
 }
 
 .notification-preview.success,
 .github-notification-card.success {
-  --notification-color: #1a7f37;
-  --notification-bg: rgb(26 127 55 / 10%);
+  --notification-color: var(--notification-success-fg);
+  --notification-bg: var(--notification-success-bg);
 }
 
-.popover-menu button,
+.popover-menu button:not(.notification-preview),
 .popover-menu a {
   align-items: center;
   background: transparent;
@@ -1142,9 +1169,9 @@ code {
   text-decoration: none;
 }
 
-.popover-menu button:hover:not(:disabled),
+.popover-menu button:not(.notification-preview):hover:not(:disabled),
 .popover-menu a:hover,
-.popover-menu button:focus-visible,
+.popover-menu button:not(.notification-preview):focus-visible,
 .popover-menu a:focus-visible {
   background: var(--surface-muted);
   color: var(--accent);
@@ -2496,6 +2523,12 @@ button.managed-toggle:focus-visible {
   justify-self: start;
 }
 
+.recommended-filter-tabs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
 .recommended-app-grid {
   display: grid;
   gap: 12px;

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