@businessdash/sdk 0.9.81 → 0.9.90

package/src/forms-core/elements.ts

@@ -25,7 +25,7 @@ export function shouldSearchOptions(
 }
 
 /**
- * Where BIAB serves icon art.
+ * Where BD serves icon art.
  *
  * The `icon_select` element stores an icon NAME, and rendering it back needs the
  * icon set. The SDK deliberately doesn't bundle one: it's ~1,600 icons, and
@@ -33,10 +33,10 @@ export function shouldSearchOptions(
  * `<img src="…/api/icons/<name>.svg">`, so the platform stays the single source
  * of truth for what a name means.
  *
- * Override with `NEXT_PUBLIC_BIAB_ORIGIN` when pointing a consumer app at a
- * non-production BIAB.
+ * Override with `NEXT_PUBLIC_BD_ORIGIN` when pointing a consumer app at a
+ * non-production BD.
  */
-export const BIAB_ICON_BASE: string = (() => {
+export const BD_ICON_BASE: string = (() => {
 	// Read through `globalThis` rather than the bare `process` identifier: the
 	// SDK is consumed by browser bundlers that have no `@types/node`, where
 	// naming `process` directly fails to compile (and can throw at runtime).
@@ -45,17 +45,17 @@ export const BIAB_ICON_BASE: string = (() => {
 			process?: { env?: Record<string, string | undefined> };
 		}
 	).process?.env;
-	return env?.["NEXT_PUBLIC_BIAB_ORIGIN"] || "https://www.biab.app";
+	return env?.["NEXT_PUBLIC_BD_ORIGIN"] || "https://www.biab.app";
 })();
 
 /** SVG URL for one icon name. */
 export function iconUrl(name: string): string {
-	return `${BIAB_ICON_BASE}/api/icons/${encodeURIComponent(name)}.svg`;
+	return `${BD_ICON_BASE}/api/icons/${encodeURIComponent(name)}.svg`;
 }
 
 /** The lazily-fetched icon-name index (only needed when an author hasn't
  *  curated `iconConfig.allowedIcons`). */
-export const ICON_INDEX_URL = `${BIAB_ICON_BASE}/api/icons`;
+export const ICON_INDEX_URL = `${BD_ICON_BASE}/api/icons`;
 
 /** Narrow an icon list by a search query, capped so the grid never mounts
  *  thousands of nodes at once. */

package/src/forms-core/formula.ts

@@ -7,7 +7,7 @@
  * identifiers (that aren't a provided variable) and unknown functions are hard
  * errors. The same module runs on the client (non-sensitive functions, live) and
  * the server (all functions) so results never disagree. The SDK keeps a mirror at
- * `biab-dev/src/forms-core/formula.ts`.
+ * `sdk/src/forms-core/formula.ts`.
  *
  * Values are scalars: number | string | boolean. (Tables / arrays are a
  * fast-follow.) Function reference: see FORMULA_FUNCTIONS.

package/src/forms-core/index.ts

@@ -1,23 +1,23 @@
 /**
  * `@businessdash/sdk/forms` headless core — framework-agnostic form runtime.
  *
- * Everything a `<BiabForm>` binding needs that ISN'T framework-specific:
+ * Everything a `<BdForm>` binding needs that ISN'T framework-specific:
  *   - `createFormController` — the observable store (values, errors, steps,
  *     visibility, submit lifecycle, file uploads).
- *   - validation + condition primitives mirrored 1:1 from the BIAB server so the
+ *   - validation + condition primitives mirrored 1:1 from the BD server so the
  *     client never disagrees with what the platform enforces.
  *
  * Bindings (React / Vue / Svelte / Solid / Qwik / Angular / web-component /
  * vanilla) import from here, subscribe to `snapshot()`, and render by field
- * `type` using the `biab-*` CSS class convention.
+ * `type` using the `bd-*` CSS class convention.
  */
 
 // Re-export the SDK form types so a binding can import schema/result/field types
 // from the single `/forms` entry without reaching into the root export.
-// `BiabClient` is included because `CreateFormControllerOptions.client` is typed
+// `BdClient` is included because `CreateFormControllerOptions.client` is typed
 // to it — a binding that accepts/injects a client needs the type from here.
 export type {
-	BiabClient,
+	BdClient,
 	FormActionPreview,
 	FormActionType,
 	FormFieldDef,
@@ -60,7 +60,7 @@ export {
 	formatCalcValue,
 } from "./calculation.js";
 export {
-	type BiabFormsClient,
+	type BdFormsClient,
 	type CreateFormControllerOptions,
 	concurrentRevealCount,
 	createFormController,
@@ -78,7 +78,7 @@ export {
 	seedInitialData,
 } from "./controller.js";
 export {
-	BIAB_ICON_BASE,
+	BD_ICON_BASE,
 	fetchIconNames,
 	filterIconNames,
 	ICON_INDEX_URL,
@@ -88,7 +88,7 @@ export {
 } from "./elements.js";
 
 // File-upload rules — accept-attribute building (incl. iOS HEIC/HEVC), per-file
-// validation, and the form-wide file cap. Shared 1:1 with the BIAB server.
+// validation, and the form-wide file cap. Shared 1:1 with the BD server.
 export {
 	buildAcceptAttr,
 	expandAllowedTypes,

package/src/forms-core/units.ts

@@ -4,7 +4,7 @@
  *
  * Each linear category defines a `baseUnit` and a `factor` per unit such that
  * `valueInBase = value * factor`. Temperature is affine (offset + scale), so it
- * is special-cased. `<BiabForm/>` uses these to render the unit picker, show a
+ * is special-cased. `<BdForm/>` uses these to render the unit picker, show a
  * live conversion hint, and compute the value's base — the server recomputes the
  * base authoritatively on submit, so this is convenience only.
  */

package/src/forms-core/us-states.ts

@@ -1,7 +1,7 @@
 /**
  * US states (+ DC) for the Address element's State dropdown, and the US ZIP code
  * format. Shared by the server validator, the FormPreview/editor renders, and the
- * SDK (mirrored at `biab-dev/src/forms-core/us-states.ts`). Keep the two in sync.
+ * SDK (mirrored at `sdk/src/forms-core/us-states.ts`). Keep the two in sync.
  */
 
 export const US_STATES: ReadonlyArray<{ name: string; abbr: string }> = [

package/src/forms-core/validation.ts

@@ -2,15 +2,15 @@
  * Framework-agnostic, isomorphic form validation + condition evaluation.
  *
  * Zero UI deps, zero React, zero DOM. This is the single source of truth every
- * `<BiabForm>` binding (React / Vue / Svelte / Solid / Qwik / Angular / Element /
- * vanilla) shares. It is a faithful port of three existing BIAB modules so the
+ * `<BdForm>` binding (React / Vue / Svelte / Solid / Qwik / Angular / Element /
+ * vanilla) shares. It is a faithful port of three existing BD modules so the
  * client never disagrees with the server:
  *
  *   - `src/server/forms/validate.ts`           — isEmpty / validateValue /
  *                                                 evalCondition / findMissingRequired
  *   - `src/app/.../builder/FormPreview.tsx`     — seedInitialData / concurrentRevealCount /
  *                                                 the or_condition + condition_block walk
- *   - `biab-dev/src/sdk.ts` validateFormSubmission — the wire-level submission check
+ *   - `sdk/src/sdk.ts` validateFormSubmission — the wire-level submission check
  *
  * The schema published by `client.forms.schema(slug)` carries the FULL nested
  * field tree (layout nodes, `condition_block`, `or_condition`, `input_group`,
@@ -117,6 +117,15 @@ export interface FormCoreField {
 		sources?: "both" | "upload" | "url";
 	};
 	phoneConfig?: { international?: boolean; showFlags?: boolean };
+	/** `name` composite: which optional parts render. First/last are always on.
+	 *  Value is { prefix?, first, middle?, last?, suffix?, nicknames?, full, short }
+	 *  — `full`/`short` are recomputed server-side at submission validation. */
+	nameConfig?: {
+		prefix?: boolean;
+		middle?: boolean;
+		suffix?: boolean;
+		nicknames?: boolean;
+	};
 	timeConfig?: {
 		mode?: "simple" | "time_block" | "appointment";
 		format?: "12h" | "24h";
@@ -217,6 +226,10 @@ const MAX_ARRAY_LEN = 500;
 const MAX_PHONE_LEN = 64;
 const MAX_DATE_LEN = 64;
 const MAX_ADDRESS_FIELD_LEN = 512;
+const MAX_NAME_PART_LEN = 128;
+// Computed `full`/`short` can span several parts; bounded but roomier.
+const MAX_NAME_STRING_LEN = 1024;
+const MAX_NICKNAMES = 20;
 const MAX_FILE_FIELD_LEN = 4096;
 
 /**
@@ -264,6 +277,77 @@ const NO_SEED_STATIC = new Set([
 	"calculation",
 ]);
 
+// ─────────────────────────────────────────────────────────────────────────────
+// Name helpers — the `name` composite's parts + derived strings. Mirrors
+// validate.ts / the server's name-format module: the server recomputes
+// `full`/`short` authoritatively at submission validation; the client
+// normalizes too so payloads leave here canonical.
+// ─────────────────────────────────────────────────────────────────────────────
+
+/** The user-entered parts, in display order. */
+const NAME_PART_ORDER = [
+	"prefix",
+	"first",
+	"middle",
+	"last",
+	"suffix",
+] as const;
+
+const NAME_VALUE_KEYS = new Set<string>([
+	...NAME_PART_ORDER,
+	"nicknames",
+	"full",
+	"short",
+]);
+
+function namePart(v: unknown): string {
+	return typeof v === "string" ? v.trim() : "";
+}
+
+/** Every provided part joined with single spaces ("Dr. Jane Quinn Doe Jr."). */
+function composeFullName(v: Record<string, unknown>): string {
+	return NAME_PART_ORDER.map((k) => namePart(v[k]))
+		.filter(Boolean)
+		.join(" ");
+}
+
+/** First + last (whichever of the two exist) — "Jane Doe". */
+function composeShortName(v: Record<string, unknown>): string {
+	return [namePart(v["first"]), namePart(v["last"])].filter(Boolean).join(" ");
+}
+
+/** Nicknames: the input holds a raw comma-separated string while the visitor
+ *  types; a string and an array both become trimmed, non-empty items. */
+function normalizeNicknames(raw: unknown): string[] {
+	const items =
+		typeof raw === "string" ? raw.split(",") : Array.isArray(raw) ? raw : [];
+	return items
+		.filter((n): n is string => typeof n === "string")
+		.map((n) => n.trim())
+		.filter(Boolean);
+}
+
+/**
+ * Canonicalize a `name` value: trim every part, drop empty ones, normalize
+ * nicknames into a string[], and RECOMPUTE `full`/`short` — whatever the
+ * working data held for those is discarded (the server does the same again,
+ * authoritatively).
+ */
+function normalizeNameValue(
+	raw: Record<string, unknown>,
+): Record<string, unknown> {
+	const out: Record<string, unknown> = {};
+	for (const key of NAME_PART_ORDER) {
+		const v = namePart(raw[key]);
+		if (v) out[key] = v;
+	}
+	const nicknames = normalizeNicknames(raw["nicknames"]);
+	if (nicknames.length > 0) out["nicknames"] = nicknames;
+	out["full"] = composeFullName(out);
+	out["short"] = composeShortName(out);
+	return out;
+}
+
 // ─────────────────────────────────────────────────────────────────────────────
 // isEmpty — per-type "is this answered?" rule. Mirrors validate.ts isEmpty.
 // ─────────────────────────────────────────────────────────────────────────────
@@ -334,6 +418,12 @@ export function isEmpty(field: FormCoreField, value: unknown): boolean {
 				| undefined;
 			return !v?.line1 || !v.city || !v.state || !v.zip;
 		}
+		case "name": {
+			// Answered when both always-on parts are present. Optional parts
+			// (prefix, middle, suffix, nicknames) never satisfy a required name.
+			const v = value as { first?: string; last?: string } | undefined;
+			return !v?.first?.trim() || !v.last?.trim();
+		}
 		case "time_picker": {
 			const mode = field.timeConfig?.mode ?? "simple";
 			if (mode === "time_block") {
@@ -360,14 +450,32 @@ export function isEmpty(field: FormCoreField, value: unknown): boolean {
 // pass here (required-ness is checked separately).
 // ─────────────────────────────────────────────────────────────────────────────
 
-function regexFail(field: FormCoreField, value: string): string | null {
-	const pattern = field.regexPattern;
-	if (!pattern) return null;
+/**
+ * Compile an author-supplied pattern: a bare source (`^foo$`) or a
+ * slash-delimited literal with flags (`/^foo$/i`) — the way authors actually
+ * write them. Returns null when nothing compiles; a broken stored pattern
+ * must never block a submission. Mirrors the platform's shared helper.
+ */
+function compileFieldRegex(raw: string): RegExp | null {
+	const m = /^\/(.*)\/([dgimsuvy]*)$/s.exec(raw.trim());
+	const source = m ? (m[1] as string) : raw.trim();
+	const flags = m ? (m[2] as string) : "";
 	try {
-		if (!new RegExp(pattern).test(value)) return "regex";
+		return new RegExp(source, flags);
 	} catch {
-		// A broken stored pattern shouldn't block a submission.
+		try {
+			return new RegExp(raw);
+		} catch {
+			return null;
+		}
 	}
+}
+
+function regexFail(field: FormCoreField, value: string): string | null {
+	const pattern = field.regexPattern;
+	if (!pattern) return null;
+	const re = compileFieldRegex(pattern);
+	if (re && !re.test(value)) return "regex";
 	return null;
 }
 
@@ -635,6 +743,38 @@ export function validateValue(
 			if (typeof zip === "string" && !isValidUsZip(zip)) return "format";
 			return null;
 		}
+		case "name": {
+			// { prefix?, first, middle?, last?, suffix?, nicknames?, full?, short? }.
+			// Client-sent `full`/`short` are accepted here but recomputed at the
+			// pre-submit normalization step; `nicknames` may still be the raw comma
+			// string. Mirrors validate.ts.
+			if (!isPlainObject(value)) return "type";
+			for (const [key, v] of Object.entries(value)) {
+				if (!NAME_VALUE_KEYS.has(key)) return "options";
+				if (v === undefined || key === "nicknames") continue;
+				if (typeof v !== "string") return "type";
+				const cap =
+					key === "full" || key === "short"
+						? MAX_NAME_STRING_LEN
+						: MAX_NAME_PART_LEN;
+				if (v.length > cap) return "max";
+			}
+			const nn = (value as { nicknames?: unknown }).nicknames;
+			if (nn !== undefined) {
+				if (typeof nn === "string") {
+					if (nn.length > MAX_NAME_STRING_LEN) return "max";
+				} else if (Array.isArray(nn)) {
+					if (nn.length > MAX_NICKNAMES) return "max";
+					for (const item of nn) {
+						if (typeof item !== "string") return "type";
+						if (item.length > MAX_NAME_PART_LEN) return "max";
+					}
+				} else {
+					return "type";
+				}
+			}
+			return null;
+		}
 		case "schedule": {
 			// Availability value: { asap?, days?: string[], times?: string[], notes? }.
 			// Auto value: { slotStartAt: <ISO> } (the chosen instant-booking slot).
@@ -860,12 +1000,10 @@ export function findMissingRequired(
 				const pattern = f.regexPattern;
 				const v = String(scope[f.id] ?? "");
 				if (pattern && v) {
-					try {
-						if (!new RegExp(pattern).test(v)) {
-							missing.push({ id: f.id, label: f.label || "Invalid format" });
-						}
-					} catch {
-						/* ignore an invalid pattern */
+					// Shared delimiter-aware compile; invalid patterns never block.
+					const re = compileFieldRegex(pattern);
+					if (re && !re.test(v)) {
+						missing.push({ id: f.id, label: f.label || "Invalid format" });
 					}
 				}
 			}
@@ -1027,6 +1165,12 @@ export function toSubmissionPayload(
 						: instance,
 				);
 			}
+			// A name submits canonically: trimmed parts, nicknames comma string →
+			// string[], freshly computed `full`/`short` (the server recomputes them
+			// again, authoritatively).
+			if (field.type === "name" && isPlainObject(inputValue)) {
+				value = normalizeNameValue(inputValue);
+			}
 			out[field.key ?? id] = value;
 		}
 

package/src/forms.ts

@@ -1,5 +1,5 @@
 /**
- * `@businessdash/sdk/forms` — public entry for the headless `<BiabForm>` core.
+ * `@businessdash/sdk/forms` — public entry for the headless `<BdForm>` core.
  *
  * This is the compiled (tsc → dist) entry the framework bindings depend on. It
  * re-exports the framework-agnostic controller + validation primitives from
@@ -60,4 +60,4 @@ export {
  * platform default, so a starter renders a working contact form with zero
  * dashboard setup. Swap in your own org's form slug once you've built one.
  */
-export const BIAB_DEFAULT_FORM_SLUG = "general-inquiry";
+export const BD_DEFAULT_FORM_SLUG = "general-inquiry";

package/src/framework-support.ts

@@ -419,7 +419,7 @@ export const REACT_TARGETS: readonly ReactTarget[] = [
 		name: "TanStack Start",
 		entry: "@businessdash/sdk/react",
 		requires: "Nothing — no RSC boundary to cross.",
-		starter: "Tanstack-Start",
+		starter: "Tanstack-Start-Solid",
 		status: "supported",
 	},
 	{

package/src/gallery-types.ts

@@ -6,7 +6,7 @@
  * return type via const generics in `sdk.ts`).
  *
  * Kept as a flat type — no SDK dependency on zod or runtime
- * validation here, since `createBiabClient` trusts the platform
+ * validation here, since `createBdClient` trusts the platform
  * response (the platform owns the schema; the SDK is a typed
  * facade).
  */

package/src/graphql.ts

@@ -1,5 +1,5 @@
 /**
- * Generate a GraphQL SDL schema from a BIAB data model.
+ * Generate a GraphQL SDL schema from a BD data model.
  *
  * "GraphQL layer compatibility" for a data-model-as-code platform starts here:
  * a real, typed GraphQL schema of the org's custom database that any GraphQL
@@ -13,7 +13,7 @@
  * heavier layer that needs a runtime.
  *
  * Shape decisions:
- *   - Every relation is a LIST. BIAB relations are link rows (`sync-records`
+ *   - Every relation is a LIST. BD relations are link rows (`sync-records`
  *     converges an array of target ids), and the records API always returns
  *     `relations` as arrays — so `[Target!]!` is faithful, one-to-one included.
  *   - SELECT/MULTI_SELECT become a GraphQL enum WHEN every option value is a
@@ -190,7 +190,7 @@ export function dataModelToGraphqlSdl(
 
 	const header =
 		opts.header ??
-		"# GraphQL schema generated from your BIAB data model by `biab-dev export-graphql-schema`.\n# Regenerate on schema change; commit it for a git-diffable, AI-readable contract.";
+		"# GraphQL schema generated from your BD data model by `bd export-graphql-schema`.\n# Regenerate on schema change; commit it for a git-diffable, AI-readable contract.";
 
 	const scalars =
 		"scalar DateTime\nscalar JSON\n\n# Cents; money is integer cents platform-wide.\n";
@@ -248,7 +248,7 @@ export function createGraphqlClient(input: {
 	/** Package API base, e.g. `https://biab.app/api/package/v1`. */
 	baseUrl: string;
 	siteId: string;
-	/** A secret (`biab_…`) key holding `graphql:query`. */
+	/** A secret (`bd_…`) key holding `graphql:query`. */
 	apiKey: string;
 	fetch?: typeof fetch;
 }): GraphqlClient {

package/src/index.ts

@@ -6,35 +6,35 @@ export {
 	DEFAULT_AUTH_COOKIE_NAME,
 	getTenantSession,
 } from "./auth-handler.js";
-export type { BiabDevClientOptions, FetchLike } from "./client.js";
+export type { BdApiClientOptions, FetchLike } from "./client.js";
 export {
-	BiabDevActionsClient,
-	BiabDevAnalyticsClient,
-	BiabDevAssetsClient,
-	BiabDevAttributionClient,
-	BiabDevAuthClient,
-	BiabDevBlogClient,
-	BiabDevCartClient,
-	BiabDevChatbotClient,
-	BiabDevCheckoutClient,
-	BiabDevClient,
-	BiabDevCollectionsClient,
-	BiabDevCustomerPortalClient,
-	BiabDevDashboardClient,
-	BiabDevDataModelClient,
-	BiabDevEmailTemplatesClient,
-	BiabDevFollowersClient,
-	BiabDevHiringClient,
-	BiabDevMarketingClient,
-	BiabDevMarketingPagesClient,
-	BiabDevParallelPagesClient,
-	BiabDevReviewsClient,
-	BiabDevRowsClient,
-	BiabDevSiteClient,
-	BiabDevStorefrontClient,
+	BdActionsClient,
+	BdAnalyticsClient,
+	BdApiClient,
+	BdAssetsClient,
+	BdAttributionClient,
+	BdAuthClient,
+	BdBlogClient,
+	BdCartClient,
+	BdChatbotClient,
+	BdCheckoutClient,
+	BdCollectionsClient,
+	BdCustomerPortalClient,
+	BdDashboardClient,
+	BdDataModelClient,
+	BdEmailTemplatesClient,
+	BdFollowersClient,
+	BdHiringClient,
+	BdMarketingClient,
+	BdMarketingPagesClient,
+	BdParallelPagesClient,
+	BdReviewsClient,
+	BdRowsClient,
+	BdSiteClient,
+	BdStorefrontClient,
 	clearMarketingCache,
 	clearMarketingPageCache,
-	createBiabDevClient,
+	createBdApiClient,
 	type ParallelPagesListResponse,
 	type ParallelPagesRenderResponse,
 	type ParallelPagesVariantsResponse,
@@ -371,13 +371,13 @@ export {
 	type InferEnumValues,
 } from "./enums.js";
 export {
-	BiabAccessRejectedError,
-	BiabApiError,
-	BiabFeatureNotEntitledError,
-	BiabPaymentLapsedError,
-	type BiabPlanGateBody,
-	BiabServiceSuspendedError,
-	isBiabPlanGateBody,
+	BdAccessRejectedError,
+	BdApiError,
+	BdFeatureNotEntitledError,
+	BdPaymentLapsedError,
+	type BdPlanGateBody,
+	BdServiceSuspendedError,
+	isBdPlanGateBody,
 	type UnwrappedAccess,
 	type UnwrappedEntitlement,
 	unwrapAccess,
@@ -432,11 +432,11 @@ export {
 // High-level SDK surface — the consumer DX entry point.
 // (See sdk.ts for the design principle: consumer writes design +
 // granular data requests; auth, caching, revalidation, tagging all
-// live inside biab-dev.)
+// live inside bd.)
 export {
-	type BiabClient,
-	type CreateBiabClientOptions,
-	createBiabClient,
+	type BdClient,
+	type CreateBdClientOptions,
+	createBdClient,
 	type FormFieldDef,
 	type FormFileValue,
 	type FormSchema,
@@ -464,7 +464,7 @@ export {
 	type ArticleInput,
 	article,
 	type BreadcrumbInput,
-	biabSchemas,
+	bdSchemas,
 	breadcrumb,
 	type FaqInput,
 	faq,

package/src/legal-core/index.ts

@@ -42,7 +42,7 @@
  * to inject. The page is deliberately unstyled markup: legal pages should look
  * like the rest of the site, and an SDK that shipped its own typography would
  * be one more thing to override. `renderLegalPageHtml()` produces semantic HTML
- * with stable `data-biab-legal-*` hooks you can style, or ignore entirely and
+ * with stable `data-bd-legal-*` hooks you can style, or ignore entirely and
  * build your own from the same data.
  *
  * @module
@@ -170,7 +170,7 @@ export function legalLastUpdated(
 }
 
 export type RenderLegalPageOptions = {
-	/** Wrapped around everything. Defaults to `biab-legal`. */
+	/** Wrapped around everything. Defaults to `bd-legal`. */
 	className?: string;
 	/** Locale for the "Last updated" line. */
 	locale?: string;
@@ -181,7 +181,7 @@ export type RenderLegalPageOptions = {
 /**
  * Semantic markup for one document: header, title, body, footer.
  *
- * Unstyled by design. Every element carries a stable `data-biab-legal-*`
+ * Unstyled by design. Every element carries a stable `data-bd-legal-*`
  * attribute so a stylesheet can reach it, and none carries a class you would
  * have to fight. If you want a different structure, read the same fields off
  * the document and build your own — this is a convenience, not a requirement.
@@ -195,7 +195,7 @@ export function renderLegalPageHtml(
 	options: RenderLegalPageOptions = {},
 ): string {
 	const presentation = document.presentation;
-	const className = options.className ?? "biab-legal";
+	const className = options.className ?? "bd-legal";
 	const homeHref = options.homeHref ?? "/";
 	const updated = legalLastUpdated(document, options.locale);
 
@@ -206,24 +206,24 @@ export function renderLegalPageHtml(
 				: presentation.showLogoInFooter;
 		if (!show || !presentation.logoUrl) return "";
 		return (
-			`<a href="${escapeHtml(homeHref)}" data-biab-legal-logo-link>` +
-			`<img src="${escapeHtml(presentation.logoUrl)}" alt="" data-biab-legal-logo="${where}" />` +
+			`<a href="${escapeHtml(homeHref)}" data-bd-legal-logo-link>` +
+			`<img src="${escapeHtml(presentation.logoUrl)}" alt="" data-bd-legal-logo="${where}" />` +
 			"</a>"
 		);
 	};
 
 	const parts = [
-		`<article class="${escapeHtml(className)}" data-biab-legal>`,
-		"<header data-biab-legal-header>",
+		`<article class="${escapeHtml(className)}" data-bd-legal>`,
+		"<header data-bd-legal-header>",
 		logo("header"),
 		presentation.headerHtml ?? "",
-		`<h1 data-biab-legal-title>${escapeHtml(document.title)}</h1>`,
+		`<h1 data-bd-legal-title>${escapeHtml(document.title)}</h1>`,
 		updated
-			? `<p data-biab-legal-updated>Last updated: ${escapeHtml(updated)}</p>`
+			? `<p data-bd-legal-updated>Last updated: ${escapeHtml(updated)}</p>`
 			: "",
 		"</header>",
-		`<div data-biab-legal-body>${document.contentHtml}</div>`,
-		"<footer data-biab-legal-footer>",
+		`<div data-bd-legal-body>${document.contentHtml}</div>`,
+		"<footer data-bd-legal-footer>",
 		presentation.footerHtml ?? "",
 		logo("footer"),
 		"</footer>",