@metaboliccode-dev/widget 0.2.3 → 0.2.5

package/README.md

@@ -25,7 +25,7 @@ Runs the iframe embed entry locally (see `vite.config.iframe.ts`).
 | `npm run build:iframe` | Iframe bundle only |
 | `npm run preview:iframe` | Preview built iframe |
 | `npm run typecheck` | `tsc` on `src/` |
-| `npm run test` / `npm run test:run` | Vitest (`vitest.config.ts`) |
+| `npm run test` / `npm run test:run` | Vitest runner (`vitest.config.ts`). Note: there is currently no checked-in test suite — these scripts will exit non-zero because `vitest.config.ts` sets `passWithNoTests: false`. See [Development → Testing](./docs/development.md#testing). |
 | `npm run lint` / `npm run lint:fix` | Biome |
 | `npm run docs:api` | TypeDoc API docs |
 
@@ -34,7 +34,6 @@ Runs the iframe embed entry locally (see `vite.config.iframe.ts`).
 | Path | Role |
 | --- | --- |
 | `src/` | Library source (`MetabolicDashboard`, tabs, branding, API mappers) |
-| `src/__tests__/` | Vitest tests; JSON fixtures under `src/__tests__/fixtures/pages/` |
 | `src/public/` | Default logos, triad icons, and placeholders bundled with the library |
 | `dist/` | Published ESM library output |
 | `dist-iframe/` | Static iframe app after `npm run build:iframe` |
@@ -68,24 +67,15 @@ See [Installation](./docs/installation.md) for framework-specific notes and trou
 import {
   MetabolicDashboard,
   METABOLIC_DASHBOARD_STUB_API_KEY,
-  createHttpDashboardContentFetchers,
-  mergeReportPagesApiWithBuiltIn,
 } from "@metaboliccode-dev/widget";
 import "@metaboliccode-dev/widget/styles.css";
 
-const fetchers = createHttpDashboardContentFetchers(
-  mergeReportPagesApiWithBuiltIn({
-    apiKey: "mc-prod",
-    userId: "prod-full-user",
-  }),
-);
-
 export function App() {
   return (
     <div className="h-screen">
       <MetabolicDashboard
         apiKey={METABOLIC_DASHBOARD_STUB_API_KEY}
-        dashboardContentFetchers={fetchers}
+        reportHttpConfig={{ apiKey: "mc-prod", userId: "prod-full-user" }}
         sideMenuUserProfile={{ displayName: "User", email: "user@example.com" }}
       />
     </div>
@@ -93,8 +83,10 @@ export function App() {
 }
 ```
 
+The library owns the report-pages API base URL (baked in at build time). Consumers only pass auth — never a `baseUrl`.
+
 See [Quick Start](./docs/quick-start.md) for the dual-key pattern (why `apiKey` and the custom fetchers both carry credentials).
 
 ## AG Charts enterprise license
 
-Charts use **AG Charts** (`ag-charts-community` + `ag-charts-enterprise`). The enterprise license key is **baked into the published bundle at release time** by CI (GitHub Actions → `VITE_AG_CHARTS_LICENSE_KEY` secret). Consumers do not need to do anything — installing the package gives you an unlocked build. See [Development → Releasing](./docs/development.md#releasing-a-new-version) for the publisher-side setup.
+Charts use **AG Charts** (`ag-charts-community` + `ag-charts-enterprise`). The enterprise license key is **baked into the published bundle** by the **manually-triggered** GitHub Actions release workflow (the `AG_CHARTS_LICENSE_KEY` repo secret is passed to the build step). Consumers do not need to do anything — installing the package gives you an unlocked build. See [Development → Releasing a new version](./docs/development.md#releasing-a-new-version) for the full publishing procedure.

package/dist/MetabolicDashboard/MetabolicDashboard.d.ts

@@ -1,2 +1,2 @@
 import type { MetabolicDashboardProps } from "../layout";
-export declare function MetabolicDashboard({ config: configPartial, apiKey: apiKeyProp, viewerRole, sideMenuTitle, sideMenuLogo, sideMenuUserProfile, content, dashboardContentFetchers, onDashboardTabContentLoadError, renderMainContent, activeNavItemId: activeNavItemIdProp, defaultActiveNavItemId, onActiveNavItemChange, shellClassName, sideMenuClassName, mainClassName, sidebarWidthClassName, dashboardTabContentCacheTtlMs, }: MetabolicDashboardProps): import("react/jsx-runtime").JSX.Element;
+export declare function MetabolicDashboard({ config: configPartial, apiKey: apiKeyProp, viewerRole, sideMenuTitle, sideMenuLogo, sideMenuUserProfile, content, reportHttpConfig, dashboardContentFetchers, onDashboardTabContentLoadError, onExportReports, renderMainContent, activeNavItemId: activeNavItemIdProp, defaultActiveNavItemId, onActiveNavItemChange, shellClassName, sideMenuClassName, mainClassName, sidebarWidthClassName, dashboardTabContentCacheTtlMs, }: MetabolicDashboardProps): import("react/jsx-runtime").JSX.Element;

package/dist/MetabolicDashboard/api/builtInReportPagesApi.d.ts

@@ -1,4 +1 @@
-import type { HttpDashboardContentFetchersConfig } from "./createHttpDashboardContentFetchers";
 export declare function getBuiltInReportPagesApiBaseUrl(): string;
-export declare function getBuiltInReportPagesApiDefaults(): HttpDashboardContentFetchersConfig;
-export declare function mergeReportPagesApiWithBuiltIn(override?: Partial<HttpDashboardContentFetchersConfig>): HttpDashboardContentFetchersConfig;

package/dist/MetabolicDashboard/api/createBulkReportFetchers.d.ts

@@ -0,0 +1,3 @@
+import type { DashboardContentFetchers } from "../dashboardTab/dashboardTabModel";
+import type { HttpDashboardContentFetchersConfig } from "./createHttpDashboardContentFetchers";
+export declare function createBulkReportFetchers(config: HttpDashboardContentFetchersConfig): DashboardContentFetchers;

package/dist/MetabolicDashboard/api/createHttpDashboardContentFetchers.d.ts

@@ -1,6 +1,6 @@
 import type { DashboardContentFetchers } from "../dashboardTab/dashboardTabModel";
 import type { FetchReportPageOptions } from "./fetchReportPage";
-export type HttpDashboardContentFetchersConfig = Omit<FetchReportPageOptions, "signal"> & {
+export type HttpDashboardContentFetchersConfig = Omit<FetchReportPageOptions, "signal" | "baseUrl"> & {
     apiKey?: string;
     userId?: string;
     simulateDelayMs?: number;

package/dist/MetabolicDashboard/api/downloadReportPdf.d.ts

@@ -0,0 +1,6 @@
+import type { HttpDashboardContentFetchersConfig } from "./createHttpDashboardContentFetchers";
+export type DownloadReportPdfOptions = {
+    reportId?: string;
+    signal?: AbortSignal;
+};
+export declare function createReportPdfDownloader(config: Pick<HttpDashboardContentFetchersConfig, "apiKey" | "userId" | "reportId" | "headers" | "fetchImpl">): (options?: DownloadReportPdfOptions) => Promise<void>;

package/dist/MetabolicDashboard/api/fetchFullReport.d.ts

@@ -0,0 +1,18 @@
+import type { FetchReportPageOptions } from "./fetchReportPage";
+import type { ReportPageDtoByNavId } from "./reportPageTypes";
+export type FullReportDto = {
+    report: {
+        id: string;
+        status?: string | null;
+        effective_date?: string | null;
+        code?: string | null;
+        pdf_url?: string | null;
+        pdf_raw_url?: string | null;
+        available_pages: readonly string[];
+        observations: readonly unknown[];
+    };
+    pages: ReportPageDtoByNavId;
+};
+export type FetchFullReportOptions = FetchReportPageOptions;
+export declare function buildFullReportUrl(baseUrl: string, reportId?: string): string;
+export declare function fetchFullReport(options: FetchFullReportOptions): Promise<FullReportDto>;

package/dist/MetabolicDashboard/api/index.d.ts

@@ -1,6 +1,8 @@
-export { getBuiltInReportPagesApiBaseUrl, getBuiltInReportPagesApiDefaults, mergeReportPagesApiWithBuiltIn, } from "./builtInReportPagesApi";
+export { getBuiltInReportPagesApiBaseUrl } from "./builtInReportPagesApi";
 export type { HttpDashboardContentFetchersConfig } from "./createHttpDashboardContentFetchers";
 export { createHttpDashboardContentFetchers } from "./createHttpDashboardContentFetchers";
+export type { DownloadReportPdfOptions } from "./downloadReportPdf";
+export { createReportPdfDownloader } from "./downloadReportPdf";
 export type { FetchReportPageOptions } from "./fetchReportPage";
 export { buildReportPageUrl, fetchReportPage } from "./fetchReportPage";
 export { mapAlertLabSummaryDtoToTabContent, mapDashboardPageDtoToTabContent, mapLabAnalysisDtoToTabContent, mapLabResultsDtoToTabContent, mapQuestionnaireAnalysisDtoToTabContent, mapSuggestedProductsDtoToTabContent, mapSupplementScheduleDtoToTabContent, mapTotalPredictiveIndexDtoToTabContent, mapWellnessIndicatorsDtoToTabContent, } from "./mapReportPages";

package/dist/MetabolicDashboard/api/mappers/shared.d.ts

@@ -7,14 +7,13 @@ export declare const TRIAD_RADAR_STYLES: readonly [{
     readonly fill: "rgb(134 205 149 / 0.35)";
     readonly stroke: "#5BA86C";
 }];
-export declare const METABOLIC_TRIAD_INTRO: readonly string[];
-export declare const LAB_RESULTS_INTRO_BY_TRIAD: Record<number, readonly [string, string, string]>;
-export declare const LAB_ANALYSIS_COPY: Record<number, readonly [string, string]>;
+export declare const TRIAD_INTRO_PARAGRAPHS: Record<number, readonly string[]>;
+export declare function triadIntroParagraphs(triadNumber: number): readonly string[];
 export declare const SCHEDULE_LABELS: readonly [keyof SupplementDto["schedule"], string][];
 export declare function patientInitials(name: string): string;
 export declare function formatGender(g?: string | null): string;
 export declare function formatRange(r: NumericRangeDto | null, unit: string): string;
-export declare function formatMetricValue(value: number, unit: string): string;
+export declare function formatMetricValue(value: number | null | undefined, unit: string): string;
 export declare function mapTrendZone(z?: string | null): QuestionnaireTrendZone;
 export declare function directionToArrows(direction: string): string;
 export declare function interpretationStatusLabel(interpretation: string): string;

package/dist/MetabolicDashboard/api/metabolicDashboardApiKey.d.ts

@@ -1,3 +1,3 @@
-export declare const METABOLIC_REPORT_PAGES_API_BASE_URL = "https://mc-api-staging-api.politebay-458989bb.canadacentral.azurecontainerapps.io";
+export declare const METABOLIC_REPORT_PAGES_API_BASE_URL: string;
 export declare const METABOLIC_DASHBOARD_STUB_API_KEY: string | undefined;
 export declare function isMetabolicDashboardApiKeyAccepted(apiKey: string | undefined): boolean;

package/dist/MetabolicDashboard/api/reportPageTypes.d.ts

@@ -16,24 +16,35 @@ export type DashboardPageDto = {
         max: number;
     } | null;
     labs_last_date?: string | null;
+    questionnaire_last_date?: string | null;
+    wearable_last_activity?: string | null;
     triads: readonly DashboardTriadDto[];
     lab_metrics: readonly DashboardLabMetricDto[];
 };
 export type DashboardTriadDto = {
     number: number;
     name: string;
-    organs: readonly {
-        name: string;
-        normalized_score: number;
-    }[];
+    total_score?: number | null;
+    lab_score?: number | null;
+    survey_score?: number | null;
+    interpretation?: string | null;
+    organs: readonly DashboardOrganDto[];
+};
+export type DashboardOrganDto = {
+    name: string;
+    total_score?: number | null;
+    lab_score?: number | null;
+    survey_score?: number | null;
+    interpretation?: string | null;
 };
 export type DashboardLabMetricDto = {
     name: string;
-    value: number;
-    unit: string;
+    value?: number | null;
+    unit?: string | null;
+    interpretation?: string | null;
     normal_range: NumericRangeDto | null;
     treatment_range: NumericRangeDto | null;
-    indicator_percent: number;
+    indicator_percent?: number | null;
 };
 export type TotalPredictiveIndexPageDto = {
     triads: readonly TotalPredictiveTriadDto[];
@@ -60,6 +71,7 @@ export type WellnessIndicatorsPageDto = {
 export type WellnessIndicatorDto = {
     name: string;
     score: number;
+    interpretation?: string | null;
     zones: {
         low: {
             min: number;
@@ -117,21 +129,23 @@ export type LabResultsGroupDto = {
 };
 export type LabResultsMetricDto = {
     name: string;
-    value: number;
-    unit: string;
+    value?: number | null;
+    unit?: string | null;
     normal_range: NumericRangeDto | null;
     treatment_range: NumericRangeDto | null;
     previous_value?: number | null;
-    indicator_percent: number;
+    indicator_percent?: number | null;
     interpretation?: string | null;
 };
 export type SuggestedProductsPageDto = {
-    triad_number: number;
-    triad_name: string;
+    triad_number?: number | null;
+    triad_name?: string | null;
     organ_metrics: readonly {
         name: string;
         score: number;
         indicator_percent: number;
+        normal_range: NumericRangeDto | null;
+        previous_score: number | null;
     }[];
     symptoms: readonly string[];
     products: readonly {
@@ -164,11 +178,11 @@ export type AlertLabSummaryPageDto = {
 };
 export type AlertLabMetricDto = {
     name: string;
-    value: number;
-    unit: string;
-    interpretation: string;
-    normal_range: NumericRangeDto;
-    indicator_percent: number;
+    value?: number | null;
+    unit?: string | null;
+    interpretation?: string | null;
+    normal_range: NumericRangeDto | null;
+    indicator_percent?: number | null;
 };
 export type ReportPageDtoByNavId = {
     dashboard: DashboardPageDto;

package/dist/MetabolicDashboard/dashboardActionsContext.d.ts

@@ -0,0 +1,6 @@
+export type DashboardActions = {
+    onExportReports?: () => void | Promise<void>;
+    onNavigateToNavItem?: (navItemId: string) => void;
+};
+export declare function useDashboardActions(): DashboardActions;
+export declare const DashboardActionsProvider: import("react").Provider<DashboardActions>;

package/dist/MetabolicDashboard/index.d.ts

@@ -1,6 +1,6 @@
 export type { MetabolicDashboardProps } from "../layout";
-export type { AlertLabMetricDto, AlertLabSummaryPageDto, DashboardPageDto, FetchReportPageOptions, HttpDashboardContentFetchersConfig, LabAnalysisPageDto, LabResultsPageDto, QuestionnaireAnalysisPageDto, ReportPageDtoByNavId, ReportPageDtoFor, ReportPageNavKey, SuggestedProductsPageDto, SupplementSchedulePageDto, TotalPredictiveIndexPageDto, WellnessIndicatorsPageDto, } from "./api";
-export { buildReportPageUrl, createHttpDashboardContentFetchers, fetchReportPage, getBuiltInReportPagesApiBaseUrl, getBuiltInReportPagesApiDefaults, isMetabolicDashboardApiKeyAccepted, METABOLIC_DASHBOARD_STUB_API_KEY, METABOLIC_REPORT_PAGES_API_BASE_URL, mapAlertLabSummaryDtoToTabContent, mapDashboardPageDtoToTabContent, mapLabAnalysisDtoToTabContent, mapLabResultsDtoToTabContent, mapQuestionnaireAnalysisDtoToTabContent, mapSuggestedProductsDtoToTabContent, mapSupplementScheduleDtoToTabContent, mapTotalPredictiveIndexDtoToTabContent, mapWellnessIndicatorsDtoToTabContent, mergeReportPagesApiWithBuiltIn, } from "./api";
+export type { AlertLabMetricDto, AlertLabSummaryPageDto, DashboardPageDto, DownloadReportPdfOptions, FetchReportPageOptions, HttpDashboardContentFetchersConfig, LabAnalysisPageDto, LabResultsPageDto, QuestionnaireAnalysisPageDto, ReportPageDtoByNavId, ReportPageDtoFor, ReportPageNavKey, SuggestedProductsPageDto, SupplementSchedulePageDto, TotalPredictiveIndexPageDto, WellnessIndicatorsPageDto, } from "./api";
+export { buildReportPageUrl, createHttpDashboardContentFetchers, createReportPdfDownloader, fetchReportPage, getBuiltInReportPagesApiBaseUrl, isMetabolicDashboardApiKeyAccepted, METABOLIC_DASHBOARD_STUB_API_KEY, METABOLIC_REPORT_PAGES_API_BASE_URL, mapAlertLabSummaryDtoToTabContent, mapDashboardPageDtoToTabContent, mapLabAnalysisDtoToTabContent, mapLabResultsDtoToTabContent, mapQuestionnaireAnalysisDtoToTabContent, mapSuggestedProductsDtoToTabContent, mapSupplementScheduleDtoToTabContent, mapTotalPredictiveIndexDtoToTabContent, mapWellnessIndicatorsDtoToTabContent, } from "./api";
 export { mergeDashboardContentFetchers } from "./dashboardContentFetchers";
 export type { DashboardTabContentCacheContextValue } from "./dashboardTab/DashboardTabContentCacheContext";
 export { DashboardTabContentCacheProvider, DEFAULT_DASHBOARD_TAB_CONTENT_CACHE_TTL_MS, useInvalidateDashboardTabContentCache, } from "./dashboardTab/DashboardTabContentCacheContext";

package/dist/MetabolicDashboard/metabolicDashboard/useMetabolicDashboardResolvedContentSources.d.ts

@@ -1,12 +1,13 @@
 import type { MetabolicDashboardProps } from "../../layout";
 import type { DashboardContentFetchers } from "../dashboardTab/dashboardTabModel";
-type UseMetabolicDashboardResolvedContentSourcesArgs = Pick<MetabolicDashboardProps, "config" | "apiKey" | "dashboardContentFetchers" | "content" | "renderMainContent" | "dashboardTabContentCacheTtlMs"> & {
+type UseMetabolicDashboardResolvedContentSourcesArgs = Pick<MetabolicDashboardProps, "config" | "apiKey" | "reportHttpConfig" | "dashboardContentFetchers" | "onExportReports" | "content" | "renderMainContent" | "dashboardTabContentCacheTtlMs"> & {
     simulationReportId: string | undefined;
 };
-export declare function useMetabolicDashboardResolvedContentSources({ config: configPartial, apiKey: apiKeyProp, dashboardContentFetchers, content, renderMainContent, dashboardTabContentCacheTtlMs, simulationReportId, }: UseMetabolicDashboardResolvedContentSourcesArgs): {
+export declare function useMetabolicDashboardResolvedContentSources({ config: configPartial, apiKey: apiKeyProp, reportHttpConfig, dashboardContentFetchers, onExportReports, content, renderMainContent, dashboardTabContentCacheTtlMs, simulationReportId, }: UseMetabolicDashboardResolvedContentSourcesArgs): {
     apiKeyAccepted: boolean;
     useDefaultTabData: boolean;
     resolvedDashboardContentFetchers: DashboardContentFetchers;
+    resolvedExportReports: (() => void | Promise<void>) | ((options?: import("..").DownloadReportPdfOptions) => Promise<void>);
     resolvedCacheTtlMs: number;
 };
 export {};

package/dist/components/Button/index.d.ts

@@ -1,5 +1,5 @@
 import type { ButtonHTMLAttributes, ReactNode } from "react";
-export type ButtonVariant = "default" | "soft" | "sideMenu" | "sideMenuFooter" | "trendRowStatusOptimal" | "trendRowStatusHigh" | "trendRowStatusLow";
+export type ButtonVariant = "default" | "soft" | "sideMenu" | "sideMenuFooter" | "trendRowStatusOptimal" | "trendRowStatusTrending" | "trendRowStatusHigh" | "trendRowStatusLow";
 export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "className"> & {
     className?: string;
     children?: ReactNode;

package/dist/components/DashboardTab/AlertLabSummarySection.d.ts

@@ -0,0 +1,4 @@
+import type { DashboardTabContent } from "../dashboard/data";
+export declare function AlertLabSummarySection({ data, }: {
+    data: NonNullable<DashboardTabContent["alertLabSummaryTable"]>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/DashboardTab/CategoryTableRow.d.ts

@@ -0,0 +1,4 @@
+import type { DashboardAlertLabTableRowContent, DashboardTriadTrendCategoryRowContent } from "../dashboard/data";
+export declare function CategoryTableRow({ row, }: {
+    row: DashboardTriadTrendCategoryRowContent | DashboardAlertLabTableRowContent;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/DashboardTab/DashboardLabSectionHeader.d.ts

@@ -0,0 +1,10 @@
+export type DashboardLabSectionHeaderProps = {
+    sectionTitle: string;
+    infoTooltip: string;
+    infoAriaLabel: string;
+    lastLabsCaption?: string;
+    lastLabsLabel: string;
+    viewAllLabel: string;
+    onViewAllClick?: () => void;
+};
+export declare function DashboardLabSectionHeader({ sectionTitle, infoTooltip, infoAriaLabel, lastLabsCaption, lastLabsLabel, viewAllLabel, onViewAllClick, }: DashboardLabSectionHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/DashboardTab/TotalPredictiveTrendSnapshotSection.d.ts

@@ -0,0 +1,4 @@
+import type { DashboardTotalPredictiveTrendsContent } from "../dashboard/data";
+export declare function TotalPredictiveTrendSnapshotSection({ data, }: {
+    data: DashboardTotalPredictiveTrendsContent;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/DashboardTab/TotalPredictiveTrendsSection.d.ts

@@ -0,0 +1,4 @@
+import type { DashboardTotalPredictiveTrendsContent } from "../dashboard/data";
+export declare function TotalPredictiveTrendsSection({ data }: {
+    data: DashboardTotalPredictiveTrendsContent;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/DashboardTab/dashboardTabFallbackContent.d.ts

@@ -0,0 +1,2 @@
+import type { DashboardTotalPredictiveTrendsContent } from "../dashboard/data";
+export declare const FALLBACK_TOTAL_PREDICTIVE_TREND_SNAPSHOT: DashboardTotalPredictiveTrendsContent;

package/dist/components/DashboardTab/index.d.ts

@@ -1,4 +1,4 @@
 import type { DashboardTabContent } from "../dashboard/data";
 export declare function DashboardTab({ content }: {
-    content: DashboardTabContent;
-}): import("react/jsx-runtime").JSX.Element;
+    content?: DashboardTabContent;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/LabResultsTab/index.d.ts

@@ -1,5 +1,5 @@
 import type { LabResultsTabContent } from "../dashboard/data";
 export type { LabResultsTabContent } from "../dashboard/data";
 export declare function LabResultsTab({ content }: {
-    content: LabResultsTabContent;
-}): import("react/jsx-runtime").JSX.Element;
+    content?: LabResultsTabContent;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/SuggestedProductsTab/index.d.ts

@@ -2,4 +2,4 @@ import type { SuggestedProductsTabContent } from "../dashboard/data";
 export type { SuggestedProductItemContent, SuggestedProductsTabContent, } from "../dashboard/data";
 export declare function SuggestedProductsTab({ content }: {
     content?: SuggestedProductsTabContent;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/SupplementScheduleTab/index.d.ts

@@ -2,4 +2,4 @@ import type { SupplementScheduleTabContent } from "../dashboard/data";
 export type { PractitionerNotesContent, SupplementScheduleCardContent, SupplementScheduleRowContent, SupplementScheduleTabContent, } from "../dashboard/data";
 export declare function SupplementScheduleTab({ content }: {
     content?: SupplementScheduleTabContent;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/dashboard/components/composite/GradientRangeBar.d.ts

@@ -0,0 +1,14 @@
+export type GradientRangeBarStop = {
+    color: string;
+    position: number;
+};
+export type GradientRangeBarProps = {
+    stops: readonly GradientRangeBarStop[];
+    indicatorPercent: number;
+    showIndicator?: boolean;
+    labels?: readonly string[];
+    barHeight?: number;
+};
+export declare const OVERALL_SCORE_GRADIENT_STOPS: readonly GradientRangeBarStop[];
+export declare const OVERALL_SCORE_LABELS: readonly ["0", "20", "40", "60", "80", "100"];
+export declare function GradientRangeBar({ stops, indicatorPercent, showIndicator, labels, barHeight, }: GradientRangeBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard/components/composite/index.d.ts

@@ -1,5 +1,7 @@
 export type { DashboardCardSectionHeaderProps } from "./DashboardCardSectionHeader";
 export { DashboardCardSectionHeader } from "./DashboardCardSectionHeader";
+export type { GradientRangeBarProps, GradientRangeBarStop } from "./GradientRangeBar";
+export { GradientRangeBar, OVERALL_SCORE_GRADIENT_STOPS, OVERALL_SCORE_LABELS, } from "./GradientRangeBar";
 export { MetabolicScoreBar } from "./MetabolicScoreBar";
 export { MetaflammationGauge } from "./MetaflammationGauge";
 export { PractitionerNoteRow } from "./PractitionerNoteRow";

package/dist/components/dashboard/components/sections/ProfileSummaryCard.d.ts

@@ -1,5 +1,6 @@
 export type ProfileSummaryRow = readonly [string, string];
-export declare function ProfileSummaryCard({ initials, rows, }: {
+export declare function ProfileSummaryCard({ heading, initials, rows, }: {
+    heading?: string;
     initials: string;
     rows?: readonly ProfileSummaryRow[];
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/dashboard/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const dashboardIconButtonClass = "rounded-full p-0.5 text-[color:var(--mb-color-text-muted)] transition hover:text-[color:var(--mb-color-text)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--mb-color-focus-ring)]";
 export declare const dashboardCardInlineButtonClass = "whitespace-nowrap !border-[color:var(--mb-color-card-inline-button-border)] !bg-[color:var(--mb-color-card-inline-button-bg)] !px-3 !py-2 !text-sm !font-medium !text-[color:var(--mb-color-card-inline-button-text)] [&_svg]:!text-[color:var(--mb-color-card-inline-button-text)] !shadow-none hover:!bg-[color:var(--mb-color-card-inline-button-hover)]";
+export declare const dashboardOutlineButtonClass = "whitespace-nowrap !border-[color:var(--mb-color-card-border)] !bg-transparent !px-3 !py-2 !text-sm !font-medium !text-[color:var(--mb-color-text)] [&_svg]:!text-[color:var(--mb-color-text)] !shadow-none transition-[background-color,border-color] duration-150 ease-out hover:!border-[color:var(--mb-color-button-border)] hover:!bg-[color:var(--mb-color-card-inline-button-hover)] disabled:hover:!border-[color:var(--mb-color-card-border)] disabled:hover:!bg-transparent";

package/dist/components/dashboard/data/contentTypes.d.ts

@@ -52,7 +52,7 @@ export type LabMetricRangeCardContent = {
     infoTooltip?: string;
     downloadAriaLabel: string;
 };
-export type DashboardTrendStatus = "optimal" | "high" | "low";
+export type DashboardTrendStatus = "optimal" | "trending" | "high" | "low";
 export type DashboardTriadTrendChipContent = {
     triadNumber: number;
     name: string;
@@ -95,21 +95,21 @@ export type DashboardAlertLabSummaryTableContent = {
     viewAllLabel: string;
     rows: readonly DashboardAlertLabTableRowContent[];
 };
+export type DashboardPatientSummaryRow = readonly [string, string];
+export type DashboardPatientSummaryContent = {
+    patientName: string;
+    initials: string;
+    rows: readonly DashboardPatientSummaryRow[];
+};
 export type DashboardTabContent = {
     pageHeader: {
         title: string;
         subtitle: string;
     };
-    profile?: {
-        initials: string;
-        rows: ReadonlyArray<readonly [string, string]>;
-    };
-    welcome: DashboardWelcomeContent;
-    overallScore: DashboardOverallScoreContent;
+    patientSummary?: DashboardPatientSummaryContent;
+    welcome?: DashboardWelcomeContent;
+    overallScore?: DashboardOverallScoreContent;
     metaflammation?: DashboardMetaflammationContent;
-    metabolicTriadIntroParagraphs: readonly string[];
-    triadReports: readonly TriadRadarReportContent[];
-    labMetrics: readonly LabMetricRangeCardContent[];
     totalPredictiveTrends?: DashboardTotalPredictiveTrendsContent;
     alertLabSummaryTable?: DashboardAlertLabSummaryTableContent;
 };
@@ -234,7 +234,7 @@ export type LabResultsTabContent = {
         title: string;
         subtitle: string;
     };
-    intro: LabResultsIntroContent;
+    intro?: LabResultsIntroContent;
     groups: readonly LabResultsGroupContent[];
 };
 export type SuggestedProductItemContent = {
@@ -248,7 +248,7 @@ export type SuggestedProductsTabContent = {
         title: string;
         subtitle: string;
     };
-    intro: LabResultsIntroContent;
+    intro?: LabResultsIntroContent;
     labSectionTitle: string;
     labMetrics: readonly LabResultsMetricContent[];
     symptomsSectionTitle: string;
@@ -267,8 +267,8 @@ export type LabAnalysisSectionContent = {
     systemsBanner: string;
     markers: readonly LabAnalysisMarkerRowContent[];
     trendZone: QuestionnaireTrendZone;
-    descriptionPrimary: string;
-    descriptionSecondary: string;
+    descriptionPrimary?: string;
+    descriptionSecondary?: string;
 };
 export type LabAnalysisTabContent = {
     pageHeader: {

package/dist/components/dashboard/data/index.d.ts

@@ -1,2 +1,2 @@
 export type { TriadTrendBarConfig, TriadTrendBarMapping } from "../triadTrendIndicator";
-export type { AlertLabSummaryCardContent, AlertLabSummaryPairRowContent, AlertLabSummaryTabContent, DashboardAlertLabSummaryTableContent, DashboardAlertLabTableRowContent, DashboardMetaflammationContent, DashboardOverallScoreContent, DashboardTabContent, DashboardTotalPredictiveTrendsContent, DashboardTrendStatus, DashboardTriadTrendCategoryRowContent, DashboardTriadTrendChipContent, DashboardWelcomeContent, LabAnalysisMarkerRowContent, LabAnalysisSectionContent, LabAnalysisTabContent, LabMetricRangeCardContent, LabResultsGroupContent, LabResultsIntroContent, LabResultsMetricContent, LabResultsTabContent, PractitionerNotesContent, QuestionnaireAnalysisSectionContent, QuestionnaireAnalysisTabContent, QuestionnaireCategoryContent, QuestionnaireTrendZone, SuggestedProductItemContent, SuggestedProductsTabContent, SupplementScheduleCardContent, SupplementScheduleRowContent, SupplementScheduleTabContent, TotalPredictiveIndexTabContent, TriadRadarReportContent, TriadResiliencyCardContent, TriadResiliencyCategoryContent, WelcomeActionId, WellnessIndicatorCardContent, WellnessIndicatorsTabContent, WellnessIndicatorZoneBounds, WellnessIndicatorZones, } from "./contentTypes";
+export type { AlertLabSummaryCardContent, AlertLabSummaryPairRowContent, AlertLabSummaryTabContent, DashboardAlertLabSummaryTableContent, DashboardAlertLabTableRowContent, DashboardMetaflammationContent, DashboardOverallScoreContent, DashboardPatientSummaryContent, DashboardPatientSummaryRow, DashboardTabContent, DashboardTotalPredictiveTrendsContent, DashboardTrendStatus, DashboardTriadTrendCategoryRowContent, DashboardTriadTrendChipContent, DashboardWelcomeContent, LabAnalysisMarkerRowContent, LabAnalysisSectionContent, LabAnalysisTabContent, LabMetricRangeCardContent, LabResultsGroupContent, LabResultsIntroContent, LabResultsMetricContent, LabResultsTabContent, PractitionerNotesContent, QuestionnaireAnalysisSectionContent, QuestionnaireAnalysisTabContent, QuestionnaireCategoryContent, QuestionnaireTrendZone, SuggestedProductItemContent, SuggestedProductsTabContent, SupplementScheduleCardContent, SupplementScheduleRowContent, SupplementScheduleTabContent, TotalPredictiveIndexTabContent, TriadRadarReportContent, TriadResiliencyCardContent, TriadResiliencyCategoryContent, WelcomeActionId, WellnessIndicatorCardContent, WellnessIndicatorsTabContent, WellnessIndicatorZoneBounds, WellnessIndicatorZones, } from "./contentTypes";

package/dist/components/index.d.ts

@@ -5,7 +5,7 @@ export { Button } from "./Button";
 export { DashboardTab } from "./DashboardTab";
 export { DashboardTabSkeleton } from "./DashboardTab/DashboardTabSkeleton";
 export { MetabolicTriadCategoryPanelSkeleton, type MetabolicTriadCategoryPanelSkeletonProps, } from "./dashboard/components/sections/MetabolicTriadCategoryPanelSkeleton";
-export type { AlertLabSummaryCardContent, AlertLabSummaryPairRowContent, DashboardAlertLabSummaryTableContent, DashboardAlertLabTableRowContent, DashboardMetaflammationContent, DashboardOverallScoreContent, DashboardTabContent, DashboardTotalPredictiveTrendsContent, DashboardTrendStatus, DashboardTriadTrendCategoryRowContent, DashboardTriadTrendChipContent, DashboardWelcomeContent, LabAnalysisMarkerRowContent, LabAnalysisSectionContent, LabMetricRangeCardContent, LabResultsGroupContent, LabResultsIntroContent, LabResultsMetricContent, PractitionerNotesContent, QuestionnaireAnalysisSectionContent, QuestionnaireCategoryContent, QuestionnaireTrendZone, SupplementScheduleCardContent, SupplementScheduleRowContent, TriadRadarReportContent, TriadResiliencyCardContent, TriadResiliencyCategoryContent, TriadTrendBarConfig, TriadTrendBarMapping, WelcomeActionId, WellnessIndicatorCardContent, WellnessIndicatorZoneBounds, WellnessIndicatorZones, } from "./dashboard/data";
+export type { AlertLabSummaryCardContent, AlertLabSummaryPairRowContent, DashboardAlertLabSummaryTableContent, DashboardAlertLabTableRowContent, DashboardMetaflammationContent, DashboardOverallScoreContent, DashboardPatientSummaryContent, DashboardPatientSummaryRow, DashboardTabContent, DashboardTotalPredictiveTrendsContent, DashboardTrendStatus, DashboardTriadTrendCategoryRowContent, DashboardTriadTrendChipContent, DashboardWelcomeContent, LabAnalysisMarkerRowContent, LabAnalysisSectionContent, LabMetricRangeCardContent, LabResultsGroupContent, LabResultsIntroContent, LabResultsMetricContent, PractitionerNotesContent, QuestionnaireAnalysisSectionContent, QuestionnaireCategoryContent, QuestionnaireTrendZone, SupplementScheduleCardContent, SupplementScheduleRowContent, TriadRadarReportContent, TriadResiliencyCardContent, TriadResiliencyCategoryContent, TriadTrendBarConfig, TriadTrendBarMapping, WelcomeActionId, WellnessIndicatorCardContent, WellnessIndicatorZoneBounds, WellnessIndicatorZones, } from "./dashboard/data";
 export { LabAnalysisTab, type LabAnalysisTabContent, } from "./LabAnalysisTab";
 export { LabAnalysisTabSkeleton } from "./LabAnalysisTab/LabAnalysisTabSkeleton";
 export { LabResultsTab, type LabResultsTabContent, } from "./LabResultsTab";