@ansiversa/components 0.0.103 → 0.0.105

package/package.json

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

package/src/AvNavbarActions.astro

@@ -18,6 +18,7 @@ interface User {
 interface Props {
   className?: string;
   user?: User;
+  notificationUnreadCount?: number;
 
   /** Additional HTML attributes */
   [attrs: string]: any;
@@ -26,6 +27,7 @@ interface Props {
 const {
   className = "",
   user,
+  notificationUnreadCount,
   ...attrs
 } = Astro.props as Props;
 
@@ -99,6 +101,9 @@ const authLink: NavLink = {
 
 const userInitial =
   (user?.name?.charAt(0) ?? user?.email?.charAt(0) ?? "?").toUpperCase();
+
+const unreadCount = Number(notificationUnreadCount ?? 0);
+const unreadBadge = unreadCount > 99 ? "99+" : `${unreadCount}`;
 ---
 
 <div class={classAttr} {...attrs}>
@@ -162,6 +167,11 @@ const userInitial =
 
           <a href={`${ROOT_URL}/notifications`} class="av-user-menu-item av-dropdown-item" role="menuitem">
             <span>Notifications</span>
+            {unreadCount > 0 && (
+              <span class="av-badge av-badge-soft" aria-label={`${unreadBadge} unread notifications`}>
+                {unreadBadge}
+              </span>
+            )}
           </a>
 
           <a href={`${ROOT_URL}/favorites`} class="av-user-menu-item av-dropdown-item" role="menuitem">

package/src/Summary/QuizSummary.astro

@@ -1,6 +1,7 @@
 ---
 import { AvButton, AvCard } from "@ansiversa/components";
 import type { QuizDashboardSummaryV1 } from "./types";
+import { buildAppUrl } from "../utils/appUrls";
 
 interface Props {
   summary: QuizDashboardSummaryV1;
@@ -14,6 +15,11 @@ const formatDateTime = (value: string | null) => {
   const date = new Date(value);
   return Number.isNaN(date.getTime()) ? "No attempts yet" : date.toLocaleString();
 };
+const attemptsPrevious7d = summary.kpis.attemptsPrevious7d ?? null;
+const attemptsDelta = typeof attemptsPrevious7d === "number"
+  ? summary.kpis.attemptsLast7d - attemptsPrevious7d
+  : null;
+const quizBaseUrl = buildAppUrl(summary.appId);
 ---
 
 <section class="av-auth-stack-lg">
@@ -26,8 +32,8 @@ const formatDateTime = (value: string | null) => {
       <p class="av-text-soft">Last attempt: {formatDateTime(summary.kpis.lastAttemptAt)}</p>
     </div>
     <div class="av-row-wrap">
-      <AvButton href="/quiz" size="sm">Open Quiz</AvButton>
-      <AvButton href="/results" size="sm" variant="ghost">View Results</AvButton>
+      <AvButton href={quizBaseUrl} size="sm">Open Quiz</AvButton>
+      <AvButton href={buildAppUrl(summary.appId, "/results")} size="sm" variant="ghost">View Results</AvButton>
     </div>
   </div>
 
@@ -44,6 +50,9 @@ const formatDateTime = (value: string | null) => {
         <p class="av-card-heading">Attempts (7d)</p>
         <h3 class="av-app-card-title">{summary.kpis.attemptsLast7d}</h3>
         <p class="av-text-soft">Last 7 days</p>
+        <p class="av-text-soft">
+          vs previous 7d: {attemptsDelta === null ? "—" : `${attemptsDelta >= 0 ? "+" : ""}${attemptsDelta}`}
+        </p>
       </div>
     </AvCard>
     <AvCard variant="soft" className="av-card--fullheight">

package/src/Summary/types.ts

@@ -6,6 +6,7 @@ export type QuizDashboardSummaryV1 = {
   kpis: {
     attemptsTotal: number;
     attemptsLast7d: number;
+    attemptsPrevious7d?: number | null;
     avgScorePctAllTime: number;
     bestScorePctAllTime: number;
     lastAttemptAt: string | null;

package/src/layouts/WebLayout.astro

@@ -7,11 +7,13 @@ import AvNavbarActions from "../AvNavbarActions.astro";
 interface Props {
   title?: string;
   description?: string;
+  notificationUnreadCount?: number;
 }
 
 const {
   title = "Ansiversa",
   description = "Ansiversa – A unified ecosystem of premium Apps designed to feel simple, powerful, and delightful.",
+  notificationUnreadCount = 0,
 } = Astro.props;
 
 const user = Astro.locals.user;
@@ -72,7 +74,7 @@ const ROOT_URL = rawDomain.match(/^https?:\/\//i)
     <!-- Top Navigation -->
     <AvNavbar>
       <AvBrand />
-      <AvNavbarActions user={user} />
+      <AvNavbarActions user={user} notificationUnreadCount={notificationUnreadCount} />
     </AvNavbar>
 
     <!-- Main content -->

package/src/utils/appUrls.ts

@@ -0,0 +1,25 @@
+const ROOT_DOMAIN = "ansiversa.com";
+
+const MINI_APP_SLUGS = new Set(["quiz"]);
+
+export const getAppBaseUrl = (appSlug: string) => {
+  if (!appSlug) {
+    return `https://${ROOT_DOMAIN}`;
+  }
+
+  if (MINI_APP_SLUGS.has(appSlug)) {
+    return `https://${appSlug}.${ROOT_DOMAIN}`;
+  }
+
+  return `https://${ROOT_DOMAIN}/${appSlug}`;
+};
+
+export const buildAppUrl = (appSlug: string, path = "/") => {
+  const baseUrl = getAppBaseUrl(appSlug);
+
+  if (!path || path === "/") {
+    return baseUrl;
+  }
+
+  return `${baseUrl}${path.startsWith("/") ? path : `/${path}`}`;
+};