@metaboliccode-dev/widget 0.2.2-rc.0 → 0.2.4

package/README.md

@@ -54,30 +54,38 @@ Runs the iframe embed entry locally (see `vite.config.iframe.ts`).
 
 ## Quick install
 
-```bash
-# 1. Add .npmrc to your project
-echo ‘@metaboliccode-dev:registry=https://npm.pkg.github.com
-//npm.pkg.github.com/:_authToken=${GITHUB_TOKEN}’ > .npmrc
-
-# 2. Set your GitHub token
-export GITHUB_TOKEN=ghp_your_token_here
+Published as a **public package on npmjs.org** — no authentication needed.
 
-# 3. Install
+```bash
 npm install @metaboliccode-dev/widget
 ```
 
-See [Installation](./docs/installation.md) for the full guide (token generation, framework config, CI/CD, troubleshooting).
+See [Installation](./docs/installation.md) for framework-specific notes and troubleshooting.
 
 ## Quick usage
 
 ```tsx
-import { MetabolicDashboard, METABOLIC_DASHBOARD_STUB_API_KEY } from "@metaboliccode-dev/widget";
+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}
         sideMenuUserProfile={{ displayName: "User", email: "user@example.com" }}
       />
     </div>
@@ -85,6 +93,8 @@ export function App() {
 }
 ```
 
-## License notes
+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`). For local builds, set **`VITE_AG_CHARTS_LICENSE_KEY`** in the environment if your team uses an enterprise key.
+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/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, "baseUrl" | "apiKey" | "userId" | "reportId" | "headers" | "fetchImpl">): (options?: DownloadReportPdfOptions) => Promise<void>;

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

@@ -1,6 +1,8 @@
 export { getBuiltInReportPagesApiBaseUrl, getBuiltInReportPagesApiDefaults, mergeReportPagesApiWithBuiltIn, } 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

@@ -14,26 +14,37 @@ export type DashboardPageDto = {
     metaflammation: {
         value: number;
         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,17 +129,17 @@ 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;
@@ -164,11 +176,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,5 @@
+export type DashboardActions = {
+    onExportReports?: () => void | Promise<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, 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 { 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/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/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/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;
@@ -100,16 +100,9 @@ export type DashboardTabContent = {
         title: string;
         subtitle: string;
     };
-    profile?: {
-        initials: string;
-        rows: ReadonlyArray<readonly [string, string]>;
-    };
-    welcome: DashboardWelcomeContent;
-    overallScore: DashboardOverallScoreContent;
-    metaflammation: DashboardMetaflammationContent;
-    metabolicTriadIntroParagraphs: readonly string[];
-    triadReports: readonly TriadRadarReportContent[];
-    labMetrics: readonly LabMetricRangeCardContent[];
+    welcome?: DashboardWelcomeContent;
+    overallScore?: DashboardOverallScoreContent;
+    metaflammation?: DashboardMetaflammationContent;
     totalPredictiveTrends?: DashboardTotalPredictiveTrendsContent;
     alertLabSummaryTable?: DashboardAlertLabSummaryTableContent;
 };
@@ -234,7 +227,7 @@ export type LabResultsTabContent = {
         title: string;
         subtitle: string;
     };
-    intro: LabResultsIntroContent;
+    intro?: LabResultsIntroContent;
     groups: readonly LabResultsGroupContent[];
 };
 export type SuggestedProductItemContent = {
@@ -248,7 +241,7 @@ export type SuggestedProductsTabContent = {
         title: string;
         subtitle: string;
     };
-    intro: LabResultsIntroContent;
+    intro?: LabResultsIntroContent;
     labSectionTitle: string;
     labMetrics: readonly LabResultsMetricContent[];
     symptomsSectionTitle: string;
@@ -267,8 +260,8 @@ export type LabAnalysisSectionContent = {
     systemsBanner: string;
     markers: readonly LabAnalysisMarkerRowContent[];
     trendZone: QuestionnaireTrendZone;
-    descriptionPrimary: string;
-    descriptionSecondary: string;
+    descriptionPrimary?: string;
+    descriptionSecondary?: string;
 };
 export type LabAnalysisTabContent = {
     pageHeader: {