@ansiversa/components 0.0.102 → 0.0.104

package/package.json

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

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/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}`}`;
+};