@ansiversa/components 0.0.144 → 0.0.146

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ansiversa/components",
-  "version": "0.0.144",
+  "version": "0.0.146",
   "description": "Shared UI components and layouts for the Ansiversa ecosystem",
   "type": "module",
   "exports": {

package/src/layouts/AvMiniAppBar.astro

@@ -15,6 +15,7 @@ const normalizedAppKey = typeof appKey === "string" ? appKey.trim() : "";
 const meta = normalizedAppKey ? MINI_APP_REGISTRY[normalizedAppKey] : undefined;
 const appName = meta?.name ?? (normalizedAppKey || "App");
 const showLogo = normalizedAppKey.length > 0;
+const homeHref = meta?.links?.[0]?.href ?? "/";
 
 let menuLinks = links ?? meta?.links ?? [];
 if (!menuLinks.length) {
@@ -34,11 +35,18 @@ if (normalizedBookmarksHref.length > 0) {
 
 <div class="av-mini-app-bar">
   <div class="av-mini-app-bar__inner">
-    <div class="av-mini-app-bar__title" title={appName}>
-      <span class="av-mini-app-bar__name flex items-center gap-2">
-        {showLogo && <AppLogo appId={normalizedAppKey} size="sm" />}
-        <span class="truncate">{appName}</span>
-      </span>
+    <div class="av-mini-app-bar__title">
+      <a
+        href={homeHref}
+        class="av-mini-app-bar__title-link"
+        title={appName}
+        aria-label={`Go to ${appName} home`}
+      >
+        <span class="av-mini-app-bar__name flex items-center gap-2">
+          {showLogo && <AppLogo appId={normalizedAppKey} size="sm" />}
+          <span class="truncate">{appName}</span>
+        </span>
+      </a>
     </div>
 
     <div class="av-mini-app-bar__menu" x-data="{ open: false }">

package/src/layouts/miniAppRegistry.ts

@@ -22,4 +22,8 @@ export const MINI_APP_REGISTRY: Record<string, MiniAppMeta> = {
     name: "FlashNote",
     links: [{ label: "Home", href: "/" }],
   },
+  "study-planner": {
+    name: "Study Planner",
+    links: [{ label: "Home", href: "/" }],
+  },
 };

package/src/styles/global.css

@@ -1432,6 +1432,11 @@
     min-width: 0;
   }
 
+  .av-mini-app-bar__title-link {
+    @apply inline-flex items-center rounded-md text-slate-100 transition-colors hover:text-slate-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-400/70 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950;
+    min-width: 0;
+  }
+
   .av-mini-app-bar__name {
     @apply block truncate;
   }