release: v2.7.252 sidebar nav maturity badges - experimental/beta/embed labels

Author: robertpelloni

CHANGELOG.md

@@ -4,6 +4,14 @@
 
 All notable changes to this project will be documented in this file.
 
+## [2.7.252] — 2026-03-16
+
+- feat(web/nav): `NavItem` interface gains optional `badge?: 'beta' | 'experimental' | 'embed'` field for sidebar-level maturity labels.
+- feat(web/nav): `Sidebar.tsx` renders colored pill badges (`exp` amber, `beta` blue, `embed` zinc) inline with nav item titles when `badge` is set.
+- feat(web/nav): Tagged nav items: `Open-WebUI` → embed, `OpenCode Autopilot` → embed, `DeerFlow Harness` → experimental, `Workflows` → beta, `Swarm` → experimental.
+- feat(web/nav): Added `System` entry to `CORE_DASHBOARD_NAV` linking to `/dashboard/system` (operator overview console created in v2.7.251).
+- test(validation): `WEB_TSC_OK` — no TypeScript errors.
+
 ## [2.7.251] — 2026-03-16
 
 - feat(web/dashboard): New `system/page.tsx` — operator console showing Borg uptime, subsystem readiness checks (from `startupStatus` contract), blocking boot reasons, and navigation cards to Health, Logs, and Audit.

VERSION

@@ -1 +1 @@
-2.7.251
+2.7.252

apps/web/src/components/Sidebar.tsx

@@ -746,6 +746,15 @@ export function Sidebar({ className }: SidebarProps) {
                                     >
                                         <item.icon className="mr-2 h-4 w-4" />
                                         {item.title}
+                                                    {item.badge === 'experimental' && (
+                                                        <span className="ml-1.5 px-1 py-0.5 rounded text-[9px] font-semibold uppercase bg-amber-900/60 text-amber-300 leading-none">exp</span>
+                                                    )}
+                                                    {item.badge === 'beta' && (
+                                                        <span className="ml-1.5 px-1 py-0.5 rounded text-[9px] font-semibold uppercase bg-blue-900/60 text-blue-300 leading-none">beta</span>
+                                                    )}
+                                                    {item.badge === 'embed' && (
+                                                        <span className="ml-1.5 px-1 py-0.5 rounded text-[9px] font-semibold uppercase bg-zinc-700/80 text-zinc-400 leading-none">embed</span>
+                                                    )}
                                     </Link>
                                 ))}
                             </div>

apps/web/src/components/mcp/nav-config.ts

@@ -52,6 +52,8 @@ export interface NavItem {
     icon: any;
     description?: string;
     variant: "default" | "ghost";
+    /** Optional maturity badge shown in the sidebar nav. */
+    badge?: 'beta' | 'experimental' | 'embed';
 }
 
 export interface NavSection {
@@ -210,13 +212,15 @@ export const INTEGRATIONS_NAV: NavItem[] = [
         icon: Bot,
         description: "Integration status and controls for Open-WebUI connections.",
         variant: "default",
+        badge: "embed",
     },
     {
         title: "OpenCode Autopilot",
         href: "/dashboard/autopilot",
         icon: Sparkles,
         description: "Legacy autopilot integration panel (migration in progress).",
         variant: "ghost",
+        badge: "embed",
     },
     {
         title: "Jules",
@@ -231,6 +235,7 @@ export const INTEGRATIONS_NAV: NavItem[] = [
         icon: Network,
         description: "Harness view for DeerFlow-compatible execution paths.",
         variant: "ghost",
+        badge: "experimental",
     },
     {
         title: "Memory Explorer",
@@ -249,6 +254,7 @@ export const CORE_DASHBOARD_NAV: NavItem[] = [
     { title: "Health", href: "/dashboard/health", icon: Activity, variant: "ghost" },
     { title: "Logs", href: "/dashboard/logs", icon: Terminal, variant: "ghost" },
     { title: "Audit", href: "/dashboard/audit", icon: FileText, variant: "ghost" },
+    { title: "System", href: "/dashboard/system", icon: Server, description: "Operator console: uptime, subsystem health, boot status.", variant: "ghost" },
     { title: "Documentation", href: "/docs", icon: BookOpen, variant: "ghost" },
     { title: "Settings", href: "/dashboard/settings", icon: Settings2, variant: "ghost" },
 ];
@@ -270,7 +276,8 @@ export const LABS_DASHBOARD_NAV: NavItem[] = [
     { title: "Command", href: "/dashboard/command", icon: Terminal, description: "Execute slash commands and explore registered command handlers via a live REPL.", variant: "ghost" },
     { title: "Tests", href: "/dashboard/tests", icon: FlaskConical, description: "Auto-test watcher: start/stop file-watch mode, view per-file pass/fail results.", variant: "ghost" },
     { title: "Traffic Inspector", href: "/dashboard/inspector", icon: FileSearch, variant: "ghost" },
-    { title: "Workflows", href: "/dashboard/workflows", icon: Workflow, variant: "ghost" },
+    { title: "Workflows", href: "/dashboard/workflows", icon: Workflow, variant: "ghost", badge: "beta" },
+    { title: "Swarm", href: "/dashboard/swarm", icon: Users, description: "Horizontal multi-model delegation, adversarial debates, and consensus voting.", variant: "ghost", badge: "experimental" },
     { title: "Library", href: "/dashboard/library", icon: Library, description: "Resource hub for scripts, skills, tool sets, memory, plans, and documentation.", variant: "ghost" },
     { title: "Manual", href: "/dashboard/manual", icon: BookOpenText, variant: "ghost" },
     { title: "Plans", href: "/dashboard/plans", icon: Lightbulb, variant: "ghost" },