madarx 2.9.6 → 2.9.8

package/app/components/ui/sidebar-with-submenu.jsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { useEffect, useState } from "react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
@@ -11,7 +12,7 @@ import {
   Settings as SettingsIcon,
   LogOut,
   LogIn,
-  ChevronDown,
+  ArrowUpCircle,
   Package,
   FolderOpen,
   BriefcaseBusiness,
@@ -90,6 +91,16 @@ function NavLink({ item, active }) {
 export default function Sidebar({ moduleNav = [] }) {
   const pathname = usePathname();
   const { session, signOut } = useAccountSession();
+  const [versionInfo, setVersionInfo] = useState(null);
+
+  useEffect(() => {
+    let alive = true;
+    fetch('/api/system/update')
+      .then((r) => (r.ok ? r.json() : null))
+      .then((d) => { if (alive && d) setVersionInfo(d); })
+      .catch(() => {});
+    return () => { alive = false; };
+  }, []);
 
   // Compose: core work items → installed-module surfaces → library (Marketplace).
   // Module items get their own group so a divider sets them apart.
@@ -210,25 +221,28 @@ export default function Sidebar({ moduleNav = [] }) {
                     Settings
                   </Link>
                 </DropdownMenu.Item>
-                <DropdownMenu.Item
-                  className="outline-none"
-                  onSelect={(e) => e.preventDefault()}
-                >
-                  <div className="relative rounded-md hover:bg-[rgba(17,19,24,0.05)] duration-150">
-                    <ChevronDown
-                      aria-hidden="true"
-                      className="w-4 h-4 absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none text-[#68707b]"
-                    />
-                    <select
-                      className="w-full cursor-pointer appearance-none bg-transparent p-2 pr-7 outline-none text-[#313740]"
-                      defaultValue=""
+                <DropdownMenu.Separator className="my-1 h-px bg-[rgba(20,22,26,0.09)]" />
+                {versionInfo?.behind && versionInfo?.latest ? (
+                  <DropdownMenu.Item asChild className="outline-none">
+                    <Link
+                      href="/"
+                      className="flex items-center justify-between gap-x-2 w-full p-2 text-left rounded-md hover:bg-[rgba(17,19,24,0.05)] active:bg-[rgba(17,19,24,0.1)] duration-150 cursor-pointer no-underline text-[#313740]"
                     >
-                      <option value="" disabled hidden>Theme</option>
-                      <option value="light">Light</option>
-                      <option value="dark">Dark</option>
-                    </select>
+                      <span className="flex items-center gap-x-2">
+                        <ArrowUpCircle className="w-4 h-4 text-[var(--accent-600)]" strokeWidth={1.75} />
+                        Update available
+                      </span>
+                      <span className="text-[11px] font-semibold text-[var(--accent-600)]">v{versionInfo.latest}</span>
+                    </Link>
+                  </DropdownMenu.Item>
+                ) : (
+                  <div className="flex items-center justify-between px-2 py-2 text-[12px] text-[#9aa1ab]">
+                    <span>Version</span>
+                    <span className="font-medium text-[#68707b]">
+                      {versionInfo?.current ? `v${versionInfo.current}` : '—'}
+                    </span>
                   </div>
-                </DropdownMenu.Item>
+                )}
                 <DropdownMenu.Separator className="my-1 h-px bg-[rgba(20,22,26,0.09)]" />
                 {isLocal ? (
                   <DropdownMenu.Item asChild className="outline-none">

package/lib/cli/banner.js

@@ -82,6 +82,8 @@ function field(label, value) {
  * @param {string} [info.latest]   latest published version (for the update hint)
  * @param {boolean}[info.behind]   true if a newer version exists
  * @param {string} [info.subtitle] small right-aligned subtitle by the wordmark
+ * @param {number} [info.tools]    tool-catalog count
+ * @param {number} [info.skills]   skill-catalog count
  * @returns {string}
  */
 export function renderBanner(info = {}) {
@@ -94,6 +96,8 @@ export function renderBanner(info = {}) {
     latest,
     behind = false,
     subtitle,
+    tools,
+    skills,
   } = info;
 
   const out = [];
@@ -112,6 +116,13 @@ export function renderBanner(info = {}) {
   if (url) out.push(field('dashboard', url));
   if (engine) out.push(field('engine   ', engine));
 
+  if (Number.isFinite(tools) || Number.isFinite(skills)) {
+    const parts = [];
+    if (Number.isFinite(tools)) parts.push(`${fg(PALETTE.gold, tools)} ${fg(PALETTE.sand, 'tools')}`);
+    if (Number.isFinite(skills)) parts.push(`${fg(PALETTE.gold, skills)} ${fg(PALETTE.sand, 'skills')}`);
+    out.push(`  ${fg(PALETTE.mars, 'catalog  ')}${dim(' · ')}${parts.join(dim(' · '))}`);
+  }
+
   out.push(rule());
 
   if (behind && latest) {

package/lib/cli/run.js

@@ -133,6 +133,18 @@ export async function run({ flags = {} } = {}) {
   if (!flags.quiet && process.env.MADARX_NO_BANNER !== '1') {
     let ledger = null;
     try { ledger = readUpdateCheck(layout.updateCheckFile); } catch { /* best-effort */ }
+    // Catalog counts: best-effort dynamic import so a count never blocks or
+    // breaks boot. These modules build static catalogs at eval time and do NOT
+    // open the database, so the supervisor stays DB-free.
+    let tools, skills;
+    try {
+      const [{ MARKETPLACE_TOOL_COUNT }, seeds] = await Promise.all([
+        import('../tools/registry.js'),
+        import('../marketplace-seeds.js'),
+      ]);
+      tools = MARKETPLACE_TOOL_COUNT;
+      skills = (seeds.PHASE1_SKILL_SLUGS?.length || 0) + (seeds.OPEN_DESIGN_SKILL_SLUGS?.length || 0);
+    } catch { /* counts are optional */ }
     const version = pkgVersion() || '0.0.0';
     console.log(renderBanner({
       version,
@@ -141,6 +153,8 @@ export async function run({ flags = {} } = {}) {
       engine: process.env.MADARX_DEFAULT_ENGINE || 'claude-code (default)',
       latest: ledger?.latest || null,
       behind: Boolean(ledger?.latest && ledger.latest !== version && ledger?.behind),
+      tools,
+      skills,
     }));
   } else {
     log(`data home: ${layout.home}`);

package/lib/tools/registry.js

@@ -2425,3 +2425,10 @@ export async function executeRegistryTool(toolName, input = {}, options = {}) {
 export function hasEnabledInternetTools() {
   return listMarketplaceTools().some(tool => tool.enabled && tool.available && ['web_search', 'web_fetch'].includes(tool.name));
 }
+
+/**
+ * Static size of the tool catalog (number of MARKETPLACE_TOOLS definitions).
+ * Exported so lean callers (e.g. the CLI boot banner) can show a count without
+ * importing the whole tool graph or opening the database.
+ */
+export const MARKETPLACE_TOOL_COUNT = MARKETPLACE_TOOLS.length;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "madarx",
-  "version": "2.9.6",
+  "version": "2.9.8",
   "type": "module",
   "description": "Madarx OS — Next.js product with SQLite-backed runtime, scheduled cron daemon, and approval-gated local runners.",
   "license": "MIT",