aidevops 3.27.0 → 3.29.0

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

@@ -3,22 +3,28 @@ import { type ReactElement, useCallback, useEffect, useMemo, useRef, useState }
 import { createPortal } from "react-dom";
 import { FiSearch } from "react-icons/fi";
 import { SurfaceGlyph } from "./AppNavigation";
-import type { SurfaceId, SurfaceNavItem } from "./app-model";
-import { orderedNavItems } from "./app-model";
+import type { ConversationMode, ShellMode, SurfaceId, SurfaceIconName, SurfaceNavItem } from "./app-model";
+import { navGroups, orderedNavItems, utilityNavItems } from "./app-model";
 import type { GuiStatusData } from "../../gui-shared/src";
 
 interface CommandPaletteItem {
+  action?: "copy-current-link";
   description: string;
-  icon: SurfaceNavItem["icon"];
+  conversationMode?: ConversationMode;
+  icon: SurfaceIconName;
+  iconGlyph?: string;
   id: string;
   label: string;
+  repoPathRef?: string;
   searchText: string;
+  sessionId?: string;
+  shellMode?: ShellMode;
   surface: SurfaceId;
   tag: string;
 }
 
 const commandPaletteRecentStorageKey = "aidevops-gui-command-palette-recents";
-const commandPaletteRecentLimit = 7;
+const commandPaletteRecentLimit = 5;
 
 const slashCommandItems: CommandPaletteItem[] = [
   { id: "slash-add-device", label: "/add-device", description: "Start device pairing setup", icon: "device", searchText: "/add-device add device pair machine", surface: "devices", tag: "Command" },
@@ -28,13 +34,43 @@ const slashCommandItems: CommandPaletteItem[] = [
   { id: "slash-add-ai-provider", label: "/add-ai-provider", description: "Connect an AI provider account", icon: "users", searchText: "/add-ai-provider add ai provider oauth", surface: "aiProviders", tag: "Command" },
 ];
 
+const addCommandItems: CommandPaletteItem[] = slashCommandItems.map((item) => {
+  const label = item.label.replace("/", "+");
+
+  return { ...item, id: item.id.replace("slash-", "plus-"), label, searchText: `${label} ${item.searchText}`, tag: "Add" };
+});
+
+const removeCommandItems: CommandPaletteItem[] = [
+  { id: "remove-device", label: "-device", description: "Remove a paired device placeholder", icon: "device", searchText: "-device remove device unpair machine", surface: "devices", tag: "Remove" },
+  { id: "remove-local-repo", label: "-local-repo", description: "Remove a local repository reference placeholder", icon: "folder", searchText: "-local-repo remove local repo git", surface: "git", tag: "Remove" },
+  { id: "remove-secret", label: "-secret", description: "Remove a protected secret reference placeholder", icon: "shield", searchText: "-secret remove secret vault password", surface: "security", tag: "Remove" },
+];
+
+const terminalCommandItems: CommandPaletteItem[] = [
+  { id: "terminal-new-command", label: "> new terminal command", description: "Send a command to a new terminal session", icon: "terminal", searchText: "> terminal command new session shell", surface: "localSetup", tag: "Terminal" },
+];
+
+const emojiItems: CommandPaletteItem[] = [
+  { id: "emoji-thumbs-up", label: ":thumbsup:", description: "Copy or insert 👍", icon: "message", iconGlyph: "👍", searchText: ":thumbsup thumbs up approve emoji", surface: "messagingAccounts", tag: "Emoji" },
+  { id: "emoji-check", label: ":white_check_mark:", description: "Copy or insert ✅", icon: "message", iconGlyph: "✅", searchText: ":white_check_mark check done emoji", surface: "messagingAccounts", tag: "Emoji" },
+  { id: "emoji-eyes", label: ":eyes:", description: "Copy or insert 👀", icon: "message", iconGlyph: "👀", searchText: ":eyes review look emoji", surface: "messagingAccounts", tag: "Emoji" },
+];
+
 const plannedChannelItems: CommandPaletteItem[] = [
-  { id: "channel-devops", label: "#devops", description: "Chat channel for aidevops operations", icon: "message", searchText: "#devops devops channel chat", surface: "messagingAccounts", tag: "Channel" },
-  { id: "channel-comms", label: "#comms", description: "Chat channel for communications", icon: "message", searchText: "#comms comms channel chat", surface: "messagingAccounts", tag: "Channel" },
+  { id: "channel-devops", label: "#devops", description: "Chat channel for aidevops operations", icon: "hash", searchText: "#devops devops channel chat", surface: "messagingAccounts", shellMode: "sessions", conversationMode: "people", tag: "Channel" },
+  { id: "channel-comms", label: "#comms", description: "Chat channel for communications", icon: "hash", searchText: "#comms comms channel chat", surface: "messagingAccounts", shellMode: "sessions", conversationMode: "people", tag: "Channel" },
 ];
 
-export function CommandPalette({ close, initialQuery, openSurface, status }: { close: () => void; initialQuery: string; openSurface: (surface: SurfaceId) => void; status: GuiStatusData }): ReactElement {
-  const allItems = useMemo(() => commandPaletteItems(status), [status]);
+export interface CommandPaletteSelection {
+  conversationMode?: ConversationMode;
+  repoPathRef?: string;
+  sessionId?: string;
+  shellMode?: ShellMode;
+  surface: SurfaceId;
+}
+
+export function CommandPalette({ activeSurface, close, initialQuery, openItem, status }: { activeSurface: SurfaceId; close: () => void; initialQuery: string; openItem: (selection: CommandPaletteSelection) => void; status: GuiStatusData }): ReactElement {
+  const allItems = useMemo(() => commandPaletteItems(status, activeSurface), [activeSurface, status]);
   const [query, setQuery] = useState(initialQuery);
   const [activeIndex, setActiveIndex] = useState(0);
   const [recentIds, setRecentIds] = useState<string[]>(() => readCommandPaletteRecentIds());
@@ -45,9 +81,12 @@ export function CommandPalette({ close, initialQuery, openSurface, status }: { c
     if (item) {
       const nextRecentIds = rememberCommandPaletteItemId(item.id, recentIds);
       setRecentIds(nextRecentIds);
-      openSurface(item.surface);
+      if (item.action === "copy-current-link") {
+        void copyCurrentSurfaceLink(item.surface);
+      }
+      openItem({ conversationMode: item.conversationMode, repoPathRef: item.repoPathRef, sessionId: item.sessionId, shellMode: item.shellMode, surface: item.surface });
     }
-  }, [openSurface, recentIds]);
+  }, [openItem, recentIds]);
 
   useEffect(() => {
     inputRef.current?.focus();
@@ -83,13 +122,13 @@ export function CommandPalette({ close, initialQuery, openSurface, status }: { c
       <section aria-label="Command palette" className="command-palette">
         <label className="command-input-row">
           <FiSearch aria-hidden="true" />
-          <input aria-activedescendant={matches[activeIndex]?.id} aria-controls="command-palette-results" aria-expanded="true" aria-autocomplete="list" ref={inputRef} onChange={(event) => { setQuery(event.currentTarget.value); setActiveIndex(0); }} placeholder="Search commands, #sessions, #channels, @people, or /actions" role="combobox" value={query} />
+          <input aria-activedescendant={matches[activeIndex]?.id} aria-controls="command-palette-results" aria-expanded="true" aria-autocomplete="list" ref={inputRef} onChange={(event) => { setQuery(event.currentTarget.value); setActiveIndex(0); }} placeholder="Search /commands, #channels, _sessions, &infra, ?help, .agents" role="combobox" value={query} />
         </label>
         <ul id="command-palette-results">
           {matches.map((item, index) => (
             <li key={item.id}>
               <button className={index === activeIndex ? "active" : undefined} id={item.id} onClick={() => selectItem(item)} type="button">
-                <span className="surface-icon" aria-hidden="true"><SurfaceGlyph icon={item.icon} /></span>
+                <span className="surface-icon" aria-hidden="true">{item.iconGlyph ?? <SurfaceGlyph icon={item.icon} />}</span>
                 <span><strong>{item.label}</strong><small>{item.tag} · {item.description}</small></span>
               </button>
             </li>
@@ -106,9 +145,11 @@ export function commandPaletteShortcutQuery(event: Pick<KeyboardEvent, "key" | "
     return undefined;
   }
 
-  return new Map([["/", "/"], ["@", "@"], ["#", "#"], [".", ""]]).get(event.key);
+  return new Map(commandPaletteShortcutEntries).get(event.key);
 }
 
+export const commandPaletteShortcutEntries = ["#", "_", "&", "?", ">", "+", "-", "/", "=", "~", "!", ".", "*", ":", "^"].map((shortcut) => [shortcut, shortcut] as const);
+
 export function orderCommandItemsByRecency<T extends { id: string }>(items: T[], recentIds: string[]): T[] {
   const recentItems = recentIds
     .map((id) => items.find((item) => item.id === id))
@@ -124,21 +165,22 @@ export function rememberCommandPaletteItemId(itemId: string, currentIds: string[
   return nextIds;
 }
 
-function commandPaletteMatches(items: CommandPaletteItem[], query: string, recentIds: string[]): CommandPaletteItem[] {
+export function commandPaletteMatches(items: CommandPaletteItem[], query: string, recentIds: string[]): CommandPaletteItem[] {
   const normalizedQuery = query.trim().toLowerCase();
   const prefix = normalizedQuery.charAt(0);
   const scopedItems = itemsForCommandPrefix(items, prefix);
+  const filterQuery = commandPaletteShortcutEntries.some(([shortcut]) => shortcut === prefix) ? normalizedQuery.slice(1).trim() : normalizedQuery;
 
-  if (normalizedQuery.length === 0 || ["/", "@", "#"].includes(normalizedQuery)) {
+  if (normalizedQuery.length === 0 || commandPaletteShortcutEntries.some(([shortcut]) => shortcut === normalizedQuery)) {
     return orderCommandItemsByRecency(scopedItems, recentIds).slice(0, 8);
   }
 
   return scopedItems
-    .filter((item) => item.searchText.toLowerCase().includes(normalizedQuery))
+    .filter((item) => item.searchText.toLowerCase().includes(filterQuery))
     .slice(0, 8);
 }
 
-function commandPaletteItems(status: GuiStatusData): CommandPaletteItem[] {
+function commandPaletteItems(status: GuiStatusData, activeSurface: SurfaceId): CommandPaletteItem[] {
   const surfaceItems: CommandPaletteItem[] = orderedNavItems.map((item) => ({
     description: item.description,
     icon: item.icon,
@@ -146,15 +188,26 @@ function commandPaletteItems(status: GuiStatusData): CommandPaletteItem[] {
     label: item.label,
     searchText: `${item.label} ${item.description}`,
     surface: item.id,
-    tag: "Surface",
+    tag: surfaceTagForItem(item),
   }));
+  const helpItems: CommandPaletteItem[] = [
+    { id: "help-shortcuts", label: "? shortcuts", description: "Open command palette and keyboard shortcut help", icon: "help", searchText: "? shortcuts help command palette keyboard", surface: "help", tag: "Help" },
+  ];
+  const currentLinkItems: CommandPaletteItem[] = [
+    { action: "copy-current-link", id: "copy-current-link", label: `^ copy ${activeSurface} link`, description: "Copy a link that can reopen this page in the web or local app", icon: "link", searchText: `^ link copy current page url ${activeSurface} aidevops://surface/${activeSurface}`, surface: activeSurface, tag: "Link" },
+  ];
   const sessionItems: CommandPaletteItem[] = status.opencode_sessions.sessions.map((session) => ({
     description: `AI session in ${session.repo_path_ref}`,
     icon: "terminal",
+    iconGlyph: "_",
     id: `session-${session.id_ref}`,
-    label: `#${session.title}`,
-    searchText: `#${session.title} ${session.title} ${session.repo_path_ref} ${session.agent} ${session.model}`,
+    label: `_${session.title}`,
+    repoPathRef: session.repo_path_ref,
+    searchText: `_${session.title} ${session.title} ${session.repo_path_ref} ${session.agent} ${session.model}`,
+    sessionId: session.id_ref,
     surface: "git",
+    shellMode: "sessions",
+    conversationMode: "ai",
     tag: "AI session",
   }));
   const directMessageItems: CommandPaletteItem[] = [{
@@ -167,20 +220,60 @@ function commandPaletteItems(status: GuiStatusData): CommandPaletteItem[] {
     tag: "Direct message",
   }];
 
-  return [...surfaceItems, ...sessionItems, ...plannedChannelItems, ...directMessageItems, ...slashCommandItems];
+  return [...surfaceItems, ...helpItems, ...sessionItems, ...plannedChannelItems, ...directMessageItems, ...slashCommandItems, ...addCommandItems, ...removeCommandItems, ...terminalCommandItems, ...emojiItems, ...currentLinkItems];
 }
 
 function itemsForCommandPrefix(items: CommandPaletteItem[], prefix: string): CommandPaletteItem[] {
   const tagsByPrefix = new Map<string, string[]>([
     ["/", ["Command"]],
     ["@", ["Direct message"]],
-    ["#", ["AI session", "Channel"]],
+    ["#", ["Channel"]],
+    ["_", ["AI session"]],
+    ["&", ["Infrastructure"]],
+    ["?", ["Help"]],
+    [">", ["Terminal"]],
+    ["+", ["Add"]],
+    ["-", ["Remove"]],
+    ["=", ["Comms"]],
+    ["~", ["Settings"]],
+    ["!", ["Notifications"]],
+    [".", ["Agent"]],
+    ["*", ["Secret"]],
+    [":", ["Emoji"]],
+    ["^", ["Link"]],
   ]);
   const allowedTags = tagsByPrefix.get(prefix) ?? ["Surface"];
 
   return items.filter((item) => allowedTags.includes(item.tag));
 }
 
+function surfaceTagForItem(item: SurfaceNavItem): string {
+  const explicitTags: Partial<Record<SurfaceId, string>> = {
+    agents: "Agent",
+    config: "Settings",
+    help: "Help",
+    notifications: "Notifications",
+    projectConfig: "Settings",
+    security: "Secret",
+    settings: "Settings",
+    vault: "Secret",
+  };
+  const infrastructureIds = navGroups.find((group) => group.label === "Infrastructure")?.items.map((groupItem) => groupItem.id) ?? [];
+  const commsIds = navGroups.filter((group) => group.mode === "comms").flatMap((group) => group.items.map((groupItem) => groupItem.id));
+  const utilityFallback = utilityNavItems.some((utilityItem) => utilityItem.id === item.id) ? "Surface" : undefined;
+
+  return explicitTags[item.id] ?? (infrastructureIds.includes(item.id) ? "Infrastructure" : undefined) ?? (commsIds.includes(item.id) ? "Comms" : undefined) ?? utilityFallback ?? "Surface";
+}
+
+async function copyCurrentSurfaceLink(surface: SurfaceId): Promise<void> {
+  const browserUrl = typeof window === "undefined" ? "" : window.location.href.split("#")[0];
+  const link = browserUrl.length > 0 ? `${browserUrl}#surface=${surface}` : `aidevops://surface/${surface}`;
+
+  if (typeof navigator !== "undefined" && navigator.clipboard) {
+    await navigator.clipboard.writeText(link);
+  }
+}
+
 function readCommandPaletteRecentIds(): string[] {
   try {
     const storedValue = window.localStorage.getItem(commandPaletteRecentStorageKey);

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

@@ -1,6 +1,8 @@
-import { type ReactElement, useState } from "react";
+import type { GuiAppActionId, GuiAppActionJobSummary, GuiManagedAppSummary, GuiResponseEnvelope, GuiStatusData } from "@aidevops/gui-shared";
+import { type Dispatch, type ReactElement, type SetStateAction, useEffect, useState } from "react";
+import { FiDownload, FiExternalLink, FiRefreshCw, FiRepeat, FiTrash2 } from "react-icons/fi";
 import type { InventoryColumn } from "./app-model";
-import { appRows, installationRows, text } from "./app-model";
+import { installationRows, text } from "./app-model";
 
 interface DraftInventoryRow {
   id: string;
@@ -9,7 +11,23 @@ interface DraftInventoryRow {
 
 let draftRowCounter = 0;
 
-export function AppsSurface(): ReactElement {
+export function AppsSurface({ status }: { status: GuiStatusData }): ReactElement {
+  const [selectedJobId, setSelectedJobId] = useState<string | null>(null);
+  const [jobs, setJobs] = useState<Record<string, GuiAppActionJobSummary>>({});
+  const selectedJob = selectedJobId === null ? null : jobs[selectedJobId] ?? null;
+
+  useEffect(() => {
+    if (selectedJob === null || selectedJob.status !== "running") {
+      return undefined;
+    }
+
+    const timer = window.setInterval(() => {
+      void refreshJob(selectedJob.id, setJobs);
+    }, 1_500);
+
+    return () => window.clearInterval(timer);
+  }, [selectedJob]);
+
   return (
     <section className="panel" aria-label={text.apps}>
       <div className="section-heading">
@@ -17,16 +35,98 @@ export function AppsSurface(): ReactElement {
         <h2>{text.apps}</h2>
         <p>{text.appsIntro}</p>
       </div>
-      <div className="data-table">
-        <div className="data-row header-row"><span>{text.name}</span><span>{text.latest}</span><span>{text.channel}</span><span>{text.website}</span></div>
-        {appRows.map((row) => (
-          <div className="data-row" key={row.name}><span>{row.name}</span><span>{row.latest}</span><span>{row.channel}</span><span>{row.website}</span></div>
+      <div className="managed-app-list">
+        {status.managed_apps.map((app) => (
+          <ManagedAppRow app={app} key={app.id} onJob={(job) => { setJobs((current) => ({ ...current, [job.id]: job })); setSelectedJobId(job.id); }} />
         ))}
       </div>
+      {selectedJob ? <AppActionTerminal job={selectedJob} /> : <p className="empty-state compact-notice">Install/update actions run as allowlisted background jobs and stream here. 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>}
+    </section>
+  );
+}
+
+function ManagedAppRow({ app, onJob }: { app: GuiManagedAppSummary; onJob: (job: GuiAppActionJobSummary) => void }): ReactElement {
+  return (
+    <article className="managed-app-row">
+      <div className="managed-app-main">
+        <div>
+          <p className="eyebrow">{app.category}</p>
+          <h3>{app.name}</h3>
+          <p>{app.description}</p>
+        </div>
+        <div className="managed-app-links">
+          <OriginLink href={app.origin_website_url} label={text.website} />
+          <OriginLink href={app.origin_repo_url} label="Repo" />
+        </div>
+      </div>
+      <div className="managed-app-details">
+        <ToggleSwitch checked={app.aidevops_install} label="setup installs" />
+        <ToggleSwitch checked={app.aidevops_update} label="update maintains" />
+        <AppMeta label="Installed" value={app.installed_version} />
+        <AppMeta label="Latest" value={app.latest_version} />
+        <AppMeta label={text.path} value={app.install_path_ref} />
+        <AppMeta label="Status" value={app.status} />
+      </div>
+      <div className="managed-app-actions">
+        {app.actions.map((action) => <AppActionButton action={action.id} app={app} disabled={!action.enabled} key={action.id} onJob={onJob} title={action.command_preview} />)}
+      </div>
+    </article>
+  );
+}
+
+function OriginLink({ href, label }: { href: string; label: string }): ReactElement {
+  if (href.length === 0) {
+    return <span className="origin-missing">{label}: source pending</span>;
+  }
+
+  return <a href={href} rel="noreferrer" target="_blank">{label} <FiExternalLink aria-hidden="true" /></a>;
+}
+
+function ToggleSwitch({ checked, label }: { checked: boolean; label: string }): ReactElement {
+  return <span className="managed-toggle"><span aria-hidden="true" className={checked ? "switch-track checked" : "switch-track"}><span /></span>{label}</span>;
+}
+
+function AppMeta({ label, value }: { label: string; value: string }): ReactElement {
+  return <span className="app-meta"><small>{label}</small><strong>{value}</strong></span>;
+}
+
+function AppActionButton({ action, app, disabled, onJob, title }: { action: GuiAppActionId; app: GuiManagedAppSummary; disabled: boolean; onJob: (job: GuiAppActionJobSummary) => void; title: string }): ReactElement {
+  const icon = action === "install" ? <FiDownload /> : action === "update" ? <FiRefreshCw /> : action === "reinstall" ? <FiRepeat /> : <FiTrash2 />;
+
+  async function runAction(): Promise<void> {
+    if (disabled) {
+      return;
+    }
+    if ((action === "remove" || action === "reinstall") && !window.confirm(`${action} ${app.name}?`)) {
+      return;
+    }
+
+    const response = await fetch(`/api/apps/${encodeURIComponent(app.id)}/actions/${action}`, { method: "POST" });
+    const envelope = await response.json() as GuiResponseEnvelope<GuiAppActionJobSummary>;
+    onJob(envelope.data);
+  }
+
+  return <button aria-label={`${action} ${app.name}`} className="app-action-button" disabled={disabled} onClick={() => void runAction()} title={title} type="button">{icon}</button>;
+}
+
+function AppActionTerminal({ job }: { job: GuiAppActionJobSummary }): ReactElement {
+  return (
+    <section className="app-terminal" aria-label="App action terminal output">
+      <header><strong>{job.app_id} {job.action}</strong><span>{job.status}{job.exit_code === null ? "" : ` (${job.exit_code})`}</span></header>
+      <pre>{job.output.join("\n")}</pre>
     </section>
   );
 }
 
+async function refreshJob(jobId: string, setJobs: Dispatch<SetStateAction<Record<string, GuiAppActionJobSummary>>>): Promise<void> {
+  const response = await fetch(`/api/apps/jobs/${encodeURIComponent(jobId)}`);
+  if (!response.ok) {
+    return;
+  }
+  const envelope = await response.json() as GuiResponseEnvelope<GuiAppActionJobSummary>;
+  setJobs((current) => ({ ...current, [envelope.data.id]: envelope.data }));
+}
+
 export function InstallationSurface(): ReactElement {
   return (
     <section className="panel" aria-label={text.installation}>

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

@@ -32,6 +32,8 @@ export const surfaceIconNames = {
   globe: true,
   grid: true,
   hardDrive: true,
+  hash: true,
+  help: true,
   link: true,
   list: true,
   lock: true,
@@ -48,6 +50,7 @@ export const surfaceIconNames = {
 export type SurfaceIconName = keyof typeof surfaceIconNames;
 export const surfaceIds = [
   "overview",
+  "help",
   "settings",
   "notifications",
   "admin",
@@ -138,7 +141,7 @@ export const text = {
   aidevops: "aidevops",
   appShell: "App shell",
   apps: "Apps",
-  appsIntro: "App and CLI inventory for tools installed or updated by aidevops. Version and homepage adapters are planned.",
+  appsIntro: "App and CLI inventory for tools installed or updated by aidevops, with origin links, install/update policy, versions, paths, and allowlisted background actions.",
   appStatusPending: "adapter pending",
   brands: "Brands",
   brandsIntro: "Draft brand inventory for names and website references.",
@@ -147,6 +150,8 @@ export const text = {
   configIntro: "Read-only file explorer for ~/.config/aidevops. Contents stay hidden until redaction rules land.",
   copyPath: "Copy path",
   dashboard: "Dashboard",
+  help: "Help",
+  helpIntro: "Command shortcuts, navigation hints, and aidevops workflow guidance will collect here.",
   domains: "Domains",
   domainsIntro: "Draft domain ownership inventory across providers.",
   draftOnly: "Local browser draft only. Saving requires a write-action manifest, confirmation, and audit trail.",
@@ -396,6 +401,7 @@ export const dashboardNavItem: SurfaceNavItem = {
 };
 
 export const utilityNavItems: SurfaceNavItem[] = [
+  { id: "help", label: text.help, description: "Shortcuts, command palette symbols, and support", icon: "help", badge: text.planned },
   { id: "settings", label: "Settings", description: "Profile, login, notifications, language, and theme preferences", icon: "settings", badge: text.planned },
   { id: "notifications", label: "Notifications", description: "Notification inbox and delivery preferences", icon: "message", badge: text.planned },
   { id: "admin", label: "Admin", description: "Hosted administration controls", icon: "shield", badge: text.planned },
@@ -414,15 +420,6 @@ export const fileRootBySurface: Partial<Record<SurfaceId, GuiFileRootId>> = {
   git: "git",
 };
 
-export const appRows = [
-  { name: "aidevops", latest: text.appStatusPending, channel: "setup/update", website: "https://aidevops.sh" },
-  { name: "OpenCode", latest: text.appStatusPending, channel: "runtime", website: text.appStatusPending },
-  { name: "Bun", latest: text.appStatusPending, channel: "toolchain", website: text.appStatusPending },
-  { name: "GitHub CLI", latest: text.appStatusPending, channel: "git", website: text.appStatusPending },
-  { name: "ShellCheck", latest: text.appStatusPending, channel: "quality", website: text.appStatusPending },
-  { name: "Biome", latest: text.appStatusPending, channel: "quality", website: text.appStatusPending },
-];
-
 export const installationRows = [
   { name: "OpenCode runtime", install: true, update: true, scope: "core" },
   { name: "GUI desktop launcher", install: true, update: true, scope: "local" },
@@ -576,7 +573,7 @@ export function surfaceRecordCounts(status: GuiStatusData): SurfaceRecordCounts
   return {
     agents: status.capabilities.length,
     aiProviders: oauthAccounts,
-    apps: appRows.length,
+    apps: status.managed_apps.length || status.ai_apps.length,
     config: status.settings.key_count || status.settings.keys.length,
     git: status.local_repos.total || status.local_repos.repos.length,
     hosts: populatedInventoryRowCount("hosts"),

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

@@ -38,7 +38,7 @@ export function renderDashboardHtml(status: GuiResponseEnvelope<GuiStatusData>):
     .join("");
   const navSections = [
     { heading: "Development", items: ["Local Repos", "Remote Repos", "Secrets", "AI Providers"] },
-    { heading: "Account", items: ["Settings", "Notifications", "Admin"] },
+    { heading: "Account", items: ["Help", "Settings", "Notifications", "Admin"] },
     { heading: "Operations", items: ["Dashboard", "Vault", "Agents file explorer", "Config", "Local Setup", "Routines"] },
     { heading: "Infrastructure", items: ["Devices", "VPNs & Proxies", "Apps", "Installation", "Registrars", "Hosts", "Servers"] },
     { heading: "Identities", items: ["Brands", "Domains", "Personas"] },

package/packages/gui-web/src/status-client.ts

@@ -86,6 +86,7 @@ function normalizeStatusEnvelope(envelope: GuiResponseEnvelope<Partial<GuiStatus
       oauth_pool: { ...statusFixture.oauth_pool, ...data.oauth_pool, providers: data.oauth_pool?.providers ?? statusFixture.oauth_pool.providers },
       setup_targets: data.setup_targets ?? statusFixture.setup_targets,
       ai_apps: data.ai_apps ?? statusFixture.ai_apps,
+      managed_apps: data.managed_apps ?? statusFixture.managed_apps,
       vault: {
         ...statusFixture.vault,
         ...data.vault,