@open-resource-discovery/metadata-renderer 1.0.0 → 1.1.0

package/README.md

@@ -17,6 +17,7 @@ React components that render metadata documents of various types consistently.
 - [AsyncAPI](https://asyncapi.com/) 2.x / 3.x (JSON or YAML) — via [@asyncapi/react-component](https://github.com/asyncapi/asyncapi-react)
 - [A2A Agent Cards](https://a2a-protocol.org/latest/specification/) — via [@open-resource-discovery/a2a-editor](https://www.npmjs.com/package/@open-resource-discovery/a2a-editor)
 - [MCP Server Cards](https://github.com/modelcontextprotocol/modelcontextprotocol/pull/2127) — via [@open-resource-discovery/mcp-server-card-ui](https://www.npmjs.com/package/@open-resource-discovery/mcp-server-card-ui)
+- [ORD Overlay](https://open-resource-discovery.org/) — via [@open-resource-discovery/overlay-editor](https://www.npmjs.com/package/@open-resource-discovery/overlay-editor)
 
 More formats will be added over time. See the [Support](https://open-resource-discovery.github.io/metadata-renderer/docs/Supported) page for the current list.
 

package/dist/a2a/index.d.ts

@@ -6,4 +6,4 @@ export type A2ARendererProps = {
     className?: string;
     theme?: RendererTheme;
 };
-export declare function A2ARenderer({ content, showValidation, showConnection, className, theme, }: A2ARendererProps): import("react").JSX.Element;
+export declare function A2ARenderer({ content, showValidation, showConnection, className, theme, }: A2ARendererProps): import('react').JSX.Element;

package/dist/a2a.js

@@ -1,2 +1,2 @@
-import { t as A2ARenderer } from "./chunks/a2a-B5lkgqLU.js";
+import { t as A2ARenderer } from "./chunks/a2a-BfdUdobQ.js";
 export { A2ARenderer };

package/dist/asyncApi/asyncapi-browser.d.ts

@@ -1,3 +1,13 @@
 declare module '@asyncapi/react-component/browser/index.js' {
     export { default } from '@asyncapi/react-component';
 }
+
+// The `PluginSlot` enum is defined in this dependency-free leaf module. We import
+// the runtime value from here (not from the package root) because the root entry
+// pulls in @asyncapi/parser -> @asyncapi/avro-schema-parser -> avsc, which needs
+// Node builtins and breaks browser consumers. The browser component's plugin
+// system keys on the same string values (INFO = "info"). Types are re-exported
+// from the package root and are erased at build time.
+declare module '@asyncapi/react-component/lib/esm/types.js' {
+    export { PluginSlot } from '@asyncapi/react-component';
+}

package/dist/asyncApi/customAttributes/attributeLink.d.ts

@@ -1,3 +1,3 @@
 export default function AttributeLink({ attributeName }: {
     attributeName: string;
-}): import("react").JSX.Element | null;
+}): import('react').JSX.Element | null;

package/dist/asyncApi/index.d.ts

@@ -4,9 +4,9 @@ import { AsyncApiCustomAttributesConfig } from './customAttributes/types';
 export type AsyncApiRendererProps = {
     content: string;
     config?: Partial<ConfigInterface>;
-    showCustomAttributes?: boolean;
     customAttributes?: AsyncApiCustomAttributesConfig[];
     className?: string;
     theme?: RendererTheme;
 };
-export declare function AsyncApiRenderer({ content, config, showCustomAttributes, customAttributes, className, theme, }: AsyncApiRendererProps): import("react").JSX.Element;
+export declare function buildAsyncApiThemeStyle(id: string, theme: RendererTheme): string;
+export declare function AsyncApiRenderer({ content, config, customAttributes, className, theme }: AsyncApiRendererProps): import('react').JSX.Element;

package/dist/asyncapi.js

@@ -1,2 +1,2 @@
-import { t as AsyncApiRenderer } from "./chunks/asyncApi-K0uQpQwz.js";
+import { t as AsyncApiRenderer } from "./chunks/asyncApi-B7WZqXRI.js";
 export { AsyncApiRenderer };

package/dist/chunks/{a2a-B5lkgqLU.js → a2a-BfdUdobQ.js}

@@ -1,4 +1,4 @@
-import { t as buildShadcnThemeStyle } from "./utils-BC3WF3-9.js";
+import { t as buildShadcnThemeStyle } from "./utils-BLQCpHkJ.js";
 /* empty css              */
 import { useEffect, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/chunks/{asyncApi-K0uQpQwz.js → asyncApi-B7WZqXRI.js}

@@ -1,10 +1,10 @@
-import { i as loadObject } from "./utils-BC3WF3-9.js";
+import { i as loadObject } from "./utils-BLQCpHkJ.js";
 /* empty css                 */
 import { createElement, useId, useMemo } from "react";
 import Markdown from "react-markdown";
 import { jsx, jsxs } from "react/jsx-runtime";
 import AsyncApiComponent from "@asyncapi/react-component/browser/index.js";
-import { PluginSlot } from "@asyncapi/react-component";
+import { PluginSlot } from "@asyncapi/react-component/lib/esm/types.js";
 //#region src/lib/asyncApi/customAttributes/context.ts
 var asyncApiContext = {
 	version: "",
@@ -311,7 +311,8 @@ function buildRootExtensionsPlugin(configs) {
 			const config = asyncApiContext.configs.find((c) => c.extensions?.[key]) ?? asyncApiContext.configs.find((c) => c.prefixStartsWith && key.startsWith(c.prefixStartsWith)) ?? configs[0];
 			if (!config) return [];
 			const def = config.extensions?.[key];
-			return [createElement(buildAsyncApiGenericRenderer(key, def, config), {
+			const fieldComponent = buildAsyncApiGenericRenderer(key, def, config);
+			return [createElement(fieldComponent, {
 				key,
 				propertyName: key,
 				propertyValue: value,
@@ -330,146 +331,6 @@ function buildRootExtensionsPlugin(configs) {
 	};
 }
 //#endregion
-//#region src/lib/asyncApi/customAttributes/stateInfo.tsx
-var background = {
-	ACTIVE: "color-mix(in srgb, #22c55e 15%, transparent)",
-	BETA: "color-mix(in srgb, #3b82f6 15%, transparent)",
-	DEPRECATED: "color-mix(in srgb, #f97316 15%, transparent)",
-	DECOMMISSIONED: "color-mix(in srgb, #ef4444 15%, transparent)"
-};
-var color = {
-	ACTIVE: "#16a34a",
-	BETA: "#2563eb",
-	DEPRECATED: "#ea580c",
-	DECOMMISSIONED: "#dc2626"
-};
-function AsyncApiStateInfo({ propertyName, propertyValue }) {
-	if (!propertyValue || typeof propertyValue !== "object") return null;
-	const info = propertyValue;
-	const status = info.state?.toUpperCase();
-	const badge = /* @__PURE__ */ jsx("span", {
-		style: {
-			display: "inline-block",
-			borderRadius: "10px",
-			padding: "0 6px",
-			background: background[status] || "",
-			color: color[status] || ""
-		},
-		children: status
-	});
-	const dateFormatter = new Intl.DateTimeFormat("en-GB", { dateStyle: "long" });
-	const formatDate = (d) => {
-		const parsed = new Date(d);
-		return isNaN(parsed.getTime()) ? d : dateFormatter.format(parsed);
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "asyncapi-attr-row",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "asyncapi-attr-label",
-			children: ["API State ", /* @__PURE__ */ jsx(AttributeLink, { attributeName: propertyName })]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "asyncapi-attr-value",
-			children: [
-				badge,
-				info.deprecationDate && /* @__PURE__ */ jsxs("div", { children: ["Deprecated on ", formatDate(info.deprecationDate)] }),
-				info.decommissionedDate && /* @__PURE__ */ jsxs("div", { children: ["Decommissioned on ", formatDate(info.decommissionedDate)] }),
-				info.link && /* @__PURE__ */ jsxs("div", { children: ["More info: ", /* @__PURE__ */ jsx("a", {
-					href: info.link,
-					target: "_blank",
-					rel: "noreferrer",
-					className: "asyncapi-attr-link",
-					children: info.link
-				})] })
-			]
-		})]
-	});
-}
-//#endregion
-//#region src/lib/asyncApi/customAttributes/sapPreset.ts
-var sapAsyncApiAttributesConfig = {
-	prefixStartsWith: "x-sap-",
-	documentationUrl: (name) => `https://github.com/SAP/asyncapi-specification#${name}`,
-	extensions: {
-		"x-sap-catalog-spec-version": {
-			type: "string",
-			label: "SAP Catalog Spec Version"
-		},
-		"x-sap-application-namespace": {
-			type: "string",
-			label: "SAP Application Namespace"
-		},
-		"x-sap-ord-id": {
-			type: "string",
-			label: "ORD ID"
-		},
-		"x-sap-shortText": {
-			type: "string",
-			label: "SAP Short Text"
-		},
-		"x-sap-software-min-version": {
-			type: "string",
-			label: "SAP Software Version"
-		},
-		"x-sap-stateInfo": { component: AsyncApiStateInfo },
-		"x-sap-event-spec-version": {
-			type: "string",
-			label: "SAP Event Spec Version"
-		},
-		"x-sap-event-source": {
-			type: "string",
-			label: "SAP Event Source"
-		},
-		"x-sap-event-source-parameters": {
-			type: "object",
-			label: "SAP Event Source Parameters"
-		},
-		"x-sap-event-version": {
-			type: "string",
-			label: "SAP Event Version"
-		},
-		"x-sap-event-characteristics": {
-			type: "object",
-			label: "SAP Event Characteristics"
-		},
-		"x-sap-object-type": {
-			type: "string",
-			label: "SAP Object Type"
-		},
-		"x-sap-odm-version": {
-			type: "string",
-			label: "SAP ODM Version"
-		},
-		"x-sap-logical-odm-event-version": {
-			type: "string",
-			label: "SAP Logical ODM Event Version"
-		},
-		"x-sap-dpp-entity-semantics": {
-			type: "string",
-			label: "SAP DPP: Entity Semantics"
-		},
-		"x-sap-dpp-data-subject-role": {
-			type: "string",
-			label: "SAP DPP: Data Subject Role"
-		},
-		"x-sap-dpp-data-subject-role-description": {
-			type: "string",
-			label: "SAP DPP: Data Subject Role Description"
-		},
-		"x-sap-dpp-field-semantics": {
-			type: "string",
-			label: "SAP DPP: Field Semantics"
-		},
-		"x-sap-dpp-is-potentially-personal": {
-			type: "boolean",
-			label: "SAP DPP: Potentially Personal"
-		},
-		"x-sap-dpp-is-potentially-sensitive": {
-			type: "boolean",
-			label: "SAP DPP: Potentially Sensitive"
-		}
-	}
-};
-//#endregion
 //#region src/lib/asyncApi/customAttributes/styles.ts
 var styles_default = `
 .asyncapi-attr-row {
@@ -587,22 +448,23 @@ function buildAsyncApiThemeStyle(id, theme) {
 	if (accentFg) rules.push(`${scope} .text-gray-200, ${scope} .examples .text-gray-600 { color: ${accentFg} !important; } `);
 	if (fg) rules.push(`${scope} .text-gray-800, ${scope} .text-gray-900 { color: ${fg} !important; }`);
 	if (border) rules.push(`${scope} .border { border-color: ${border}; }`, `${scope} .border-b { border-bottom-color: ${border}; }`, `${scope} .border-gray-400 { border-color: ${border} !important; }`);
-	if (borderRadius) rules.push(`${scope} .rounded, ${scope} .prose pre, ${scope} .\\32 xl\\:rounded { border-radius: ${borderRadius}px; }`, `${scope} .rounded:not(.inline-block) { overflow: hidden; }`, `${scope} .rounded-tl-none { border-top-left-radius: 0px; }`, `${scope} .examples { border-radius: 0px !important; }`);
+	if (borderRadius) rules.push(`${scope} .rounded, ${scope} .prose pre { border-radius: ${borderRadius}px; }`, `@media (min-width: 1536px) {\n${scope} .\\32 xl\\:rounded { border-radius: ${borderRadius}px; }\n}`, `${scope} .rounded:not(.inline-block) { overflow: hidden; }`, `${scope} .rounded-tl-none { border-top-left-radius: 0px; }`);
 	return rules.join("\n");
 }
-function AsyncApiRenderer({ content, config, showCustomAttributes = true, customAttributes, className, theme }) {
+function AsyncApiRenderer({ content, config, customAttributes, className, theme }) {
 	const id = useId();
 	const isDark = className?.split(/\s+/).includes("dark") ?? false;
 	const effectiveTheme = theme ?? (isDark ? DARK_DEFAULTS : null);
 	const themeStyle = effectiveTheme ? buildAsyncApiThemeStyle(id, effectiveTheme) : null;
-	const activeConfigs = customAttributes ?? [sapAsyncApiAttributesConfig];
-	const parsedDoc = useMemo(() => showCustomAttributes ? loadObject(content) : null, [content, showCustomAttributes]);
+	const activeConfigs = useMemo(() => customAttributes ?? [], [customAttributes]);
+	const isEnabled = customAttributes !== void 0;
+	const parsedDoc = useMemo(() => isEnabled ? loadObject(content) : null, [content, isEnabled]);
 	const version = useMemo(() => {
 		const doc = parsedDoc;
 		return typeof doc?.asyncapi === "string" ? doc.asyncapi : "";
 	}, [parsedDoc]);
 	const effectiveConfig = useMemo(() => {
-		if (!showCustomAttributes) return config ?? {};
+		if (!isEnabled) return config ?? {};
 		const extensions = buildAsyncApiExtensionsConfig(activeConfigs, parsedDoc, version);
 		return {
 			...config,
@@ -613,12 +475,12 @@ function AsyncApiRenderer({ content, config, showCustomAttributes = true, custom
 		};
 	}, [
 		config,
-		showCustomAttributes,
+		isEnabled,
 		activeConfigs,
 		parsedDoc,
 		version
 	]);
-	const rootPlugin = useMemo(() => showCustomAttributes ? buildRootExtensionsPlugin(activeConfigs) : null, [showCustomAttributes, activeConfigs]);
+	const rootPlugin = useMemo(() => isEnabled ? buildRootExtensionsPlugin(activeConfigs) : null, [isEnabled, activeConfigs]);
 	const scope = `[data-renderer-id="${id}"]`;
 	const layoutStyle = `${scope} { container: asyncapi-attrs / inline-size; height: 100%; overflow: auto; scrollbar-gutter: stable; }\n${scope} :where(h1,h2,h3,h4,p,span,strong,a,li,td,div):not(pre *) { overflow-wrap: anywhere; }`;
 	return /* @__PURE__ */ jsxs("div", {
@@ -626,9 +488,10 @@ function AsyncApiRenderer({ content, config, showCustomAttributes = true, custom
 		className,
 		children: [
 			themeStyle && /* @__PURE__ */ jsx("style", { children: themeStyle }),
-			showCustomAttributes && /* @__PURE__ */ jsx("style", { children: styles_default }),
+			isEnabled && /* @__PURE__ */ jsx("style", { children: styles_default }),
 			/* @__PURE__ */ jsx("style", { children: layoutStyle }),
-			showCustomAttributes && /* @__PURE__ */ jsx("style", { children: `[data-renderer-id="${id}"] #introduction .hidden { display: block !important; }` }),
+			isEnabled && /* @__PURE__ */ jsx("style", { children: `[data-renderer-id="${id}"] #introduction .hidden { display: block !important; }` }),
+			!isEnabled && /* @__PURE__ */ jsx("style", { children: `[data-renderer-id="${id}"] :is(#operations, #messages) div:has(> .flex.py-2 span.Extensions) { display: none; }` }),
 			/* @__PURE__ */ jsx(AsyncApiComponent, {
 				schema: content,
 				config: effectiveConfig,
@@ -638,4 +501,4 @@ function AsyncApiRenderer({ content, config, showCustomAttributes = true, custom
 	});
 }
 //#endregion
-export { sapAsyncApiAttributesConfig as n, AsyncApiRenderer as t };
+export { AttributeLink as n, AsyncApiRenderer as t };

package/dist/chunks/{csn-D4GBs8tC.js → csn-CIBA2ds5.js}

@@ -1,4 +1,4 @@
-import { i as loadObject } from "./utils-BC3WF3-9.js";
+import { i as loadObject } from "./utils-BLQCpHkJ.js";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { generateHtml } from "@sap/csn-interop-renderer";
@@ -254,35 +254,67 @@ function replaceNodeRun(parentNode, startNode, endNode, replacementHtml) {
 		cur = next;
 	}
 }
+function matchAnnotationRun(node, next) {
+	if (node.nodeType !== Node.TEXT_NODE) return null;
+	const text = (node.textContent ?? "").replace(/^\s+/, "");
+	const match = /^@([\w.]+):\s*$/.exec(text);
+	if (!match) return null;
+	if (!next || next.nodeType !== Node.ELEMENT_NODE) return null;
+	const el = next;
+	let codeEl = null;
+	if (el.tagName === "CODE") codeEl = el;
+	else if (el.tagName === "A") codeEl = el.querySelector("code");
+	if (!codeEl) return null;
+	return {
+		key: `@${match[1]}`,
+		valueNode: next,
+		codeEl
+	};
+}
 function collectAnnotationPairs(td, renderers) {
 	const pairs = [];
 	const childNodes = Array.from(td.childNodes);
 	for (let i = 0; i < childNodes.length - 1; i++) {
-		const node = childNodes[i];
-		if (node.nodeType !== Node.TEXT_NODE) continue;
-		const text = (node.textContent ?? "").replace(/^\s+/, "");
-		const match = /^@([\w.]+):\s*$/.exec(text);
-		if (!match) continue;
-		const key = `@${match[1]}`;
-		const entry = renderers.get(key);
+		const run = matchAnnotationRun(childNodes[i], childNodes[i + 1]);
+		if (!run) continue;
+		const entry = renderers.get(run.key);
 		if (!entry) continue;
-		const valueNode = childNodes[i + 1];
-		if (!valueNode || valueNode.nodeType !== Node.ELEMENT_NODE) continue;
-		const el = valueNode;
-		let codeEl = null;
-		if (el.tagName === "CODE") codeEl = el;
-		else if (el.tagName === "A") codeEl = el.querySelector("code");
-		if (!codeEl) continue;
 		pairs.push({
-			textNode: node,
-			valueNode,
-			codeEl,
-			key,
+			textNode: childNodes[i],
+			valueNode: run.valueNode,
+			codeEl: run.codeEl,
+			key: run.key,
 			entry
 		});
 	}
 	return pairs;
 }
+function precedingBr(textNode) {
+	let prev = textNode.previousSibling;
+	if (prev && prev.nodeType === Node.TEXT_NODE && !(prev.textContent ?? "").trim()) prev = prev.previousSibling;
+	return prev && prev.nodeType === Node.ELEMENT_NODE && prev.tagName === "BR" ? prev : null;
+}
+function stripAllAnnotations(html) {
+	const domDoc = new DOMParser().parseFromString(html, "text/html");
+	for (const container of Array.from(domDoc.querySelectorAll("td, p"))) {
+		const childNodes = Array.from(container.childNodes);
+		const runs = [];
+		for (let i = 0; i < childNodes.length - 1; i++) {
+			const run = matchAnnotationRun(childNodes[i], childNodes[i + 1]);
+			if (!run) continue;
+			runs.push({
+				textNode: childNodes[i],
+				valueNode: run.valueNode,
+				br: precedingBr(childNodes[i])
+			});
+		}
+		for (const { textNode, valueNode, br } of runs) {
+			replaceNodeRun(container, textNode, valueNode, "");
+			if (br && br.parentNode === container) container.removeChild(br);
+		}
+	}
+	return domDoc.body.innerHTML;
+}
 function applyAnnotationRenderers(html, configs, doc) {
 	const renderers = /* @__PURE__ */ new Map();
 	for (const config of configs) {
@@ -309,169 +341,6 @@ function applyAnnotationRenderers(html, configs, doc) {
 	return domDoc.body.innerHTML;
 }
 //#endregion
-//#region src/lib/csn/customAttributes/sapPreset.ts
-var sapCsnAttributesConfig = {
-	prefixStartsWith: "@",
-	annotations: {
-		"@EndUserText.label": {
-			type: "string",
-			label: "End User Text · Label"
-		},
-		"@EndUserText.heading": {
-			type: "string",
-			label: "End User Text · Heading"
-		},
-		"@EndUserText.quickInfo": {
-			type: "string",
-			label: "End User Text · Quick Info"
-		},
-		"@ObjectModel.modelingPattern": {
-			type: "object",
-			label: "Modeling Pattern"
-		},
-		"@ObjectModel.text.element": {
-			type: "array",
-			label: "Text Element"
-		},
-		"@ObjectModel.text.association": {
-			type: "object",
-			label: "Text Association"
-		},
-		"@ObjectModel.semanticKey": {
-			type: "array",
-			label: "Semantic Key"
-		},
-		"@ObjectModel.representativeKey": {
-			type: "object",
-			label: "Representative Key"
-		},
-		"@ObjectModel.compositionRoot": {
-			type: "boolean",
-			label: "Composition Root"
-		},
-		"@ObjectModel.supportedCapabilities": {
-			type: "array",
-			label: "Supported Capabilities"
-		},
-		"@ObjectModel.usageType.sizeCategory": {
-			type: "string",
-			label: "Usage Type · Size Category"
-		},
-		"@ObjectModel.foreignKey.association": {
-			type: "object",
-			label: "Foreign Key Association"
-		},
-		"@Consumption.valueHelpDefinition": {
-			type: "array",
-			label: "Value Help"
-		},
-		"@Consumption.hidden": {
-			type: "boolean",
-			label: "Hidden"
-		},
-		"@PersonalData.entitySemantics": {
-			type: "string",
-			label: "DPP · Entity Semantics"
-		},
-		"@PersonalData.dataSubjectRole": {
-			type: "string",
-			label: "DPP · Data Subject Role"
-		},
-		"@PersonalData.dataSubjectRoleDescription": {
-			type: "string",
-			label: "DPP · Data Subject Role Description"
-		},
-		"@PersonalData.fieldSemantics": {
-			type: "string",
-			label: "DPP · Field Semantics"
-		},
-		"@PersonalData.isPotentiallyPersonal": {
-			type: "boolean",
-			label: "DPP · Potentially Personal"
-		},
-		"@PersonalData.isPotentiallySensitive": {
-			type: "boolean",
-			label: "DPP · Potentially Sensitive"
-		},
-		"@Semantics.currencyCode": {
-			type: "boolean",
-			label: "Semantics · Currency Code"
-		},
-		"@Semantics.amount.currencyCode": {
-			type: "object",
-			label: "Semantics · Amount Currency"
-		},
-		"@Semantics.unitOfMeasure": {
-			type: "boolean",
-			label: "Semantics · Unit of Measure"
-		},
-		"@Semantics.quantity.unitOfMeasure": {
-			type: "object",
-			label: "Semantics · Quantity Unit"
-		},
-		"@Semantics.text": {
-			type: "boolean",
-			label: "Semantics · Text"
-		},
-		"@Semantics.uuid": {
-			type: "boolean",
-			label: "Semantics · UUID"
-		},
-		"@Semantics.language": {
-			type: "boolean",
-			label: "Semantics · Language"
-		},
-		"@API.element.releaseState": {
-			type: "string",
-			label: "API · Element Release State"
-		},
-		"@API.entity.releaseState": {
-			type: "string",
-			label: "API · Entity Release State"
-		},
-		"@ODM.entityName": {
-			type: "string",
-			label: "ODM · Entity Name"
-		},
-		"@ODM.oid": {
-			type: "string",
-			label: "ODM · OID"
-		},
-		"@ODM.oidReference.entityName": {
-			type: "string",
-			label: "ODM · OID Reference Entity"
-		},
-		"@Aggregation.default": {
-			type: "object",
-			label: "Default Aggregation"
-		},
-		"@EntityRelationship.entityType": {
-			type: "string",
-			label: "Entity Relationship · Type"
-		},
-		"@EntityRelationship.entityIds": {
-			type: "array",
-			label: "Entity Relationship · IDs"
-		},
-		"@EntityRelationship.propertyType": {
-			type: "string",
-			label: "Entity Relationship · Property Type"
-		},
-		"@EntityRelationship.compositeReferences": {
-			type: "array",
-			label: "Entity Relationship · Composite References"
-		},
-		"@EntityRelationship.reference": {
-			type: "array",
-			label: "Entity Relationship · Reference"
-		},
-		"@DataIntegration.dataUnavailable": {
-			type: "boolean",
-			label: "Data Integration · Unavailable"
-		}
-	}
-};
-//#endregion
 //#region src/lib/csn/index.tsx
 function buildAnnotationLinkCallbacks(configs) {
 	const callbacks = {};
@@ -481,7 +350,7 @@ function buildAnnotationLinkCallbacks(configs) {
 	}
 	return callbacks;
 }
-function CsnRenderer({ content, config, showCustomAttributes = true, customAttributes, className, theme }) {
+function CsnRenderer({ content, config, customAttributes, className, theme }) {
 	const [state, setState] = useState({ kind: "idle" });
 	useEffect(() => {
 		if (!content) {
@@ -500,9 +369,10 @@ function CsnRenderer({ content, config, showCustomAttributes = true, customAttri
 			});
 			return;
 		}
-		const activeConfigs = customAttributes ?? [sapCsnAttributesConfig];
-		const parsedDoc = showCustomAttributes ? loadObject(content) : null;
-		const linkCallbacks = showCustomAttributes ? buildAnnotationLinkCallbacks(activeConfigs) : {};
+		const activeConfigs = customAttributes ?? [];
+		const isEnabled = customAttributes !== void 0;
+		const parsedDoc = isEnabled ? loadObject(content) : null;
+		const linkCallbacks = isEnabled ? buildAnnotationLinkCallbacks(activeConfigs) : {};
 		const rendererConfig = {
 			...config,
 			annotationLinkCallbacks: {
@@ -511,7 +381,7 @@ function CsnRenderer({ content, config, showCustomAttributes = true, customAttri
 			}
 		};
 		generateHtml(parsed, rendererConfig).then((html) => {
-			const processed = showCustomAttributes ? applyAnnotationRenderers(html, activeConfigs, parsedDoc) : html;
+			const processed = isEnabled ? applyAnnotationRenderers(html, activeConfigs, parsedDoc) : stripAllAnnotations(html);
 			if (!cancelled) setState({
 				kind: "ready",
 				html: processed
@@ -528,7 +398,6 @@ function CsnRenderer({ content, config, showCustomAttributes = true, customAttri
 	}, [
 		content,
 		config,
-		showCustomAttributes,
 		customAttributes
 	]);
 	return /* @__PURE__ */ jsxs("div", {
@@ -545,4 +414,4 @@ function CsnRenderer({ content, config, showCustomAttributes = true, customAttri
 	});
 }
 //#endregion
-export { sapCsnAttributesConfig as n, CsnRenderer as t };
+export { CsnRenderer as t };

package/dist/chunks/{mcp-qA5sYRAN.js → mcp-Yb3SHisP.js}

@@ -1,4 +1,4 @@
-import { t as buildShadcnThemeStyle } from "./utils-BC3WF3-9.js";
+import { t as buildShadcnThemeStyle } from "./utils-BLQCpHkJ.js";
 /* empty css              */
 import { useEffect, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";