@cognite/reveal-components 1.0.1 → 1.0.2

package/dist/domains/reveal/cad/CadDomainObject.js

@@ -3,22 +3,25 @@ import { Changes as t } from "../../../foundation/domainObjectsHelpers/Changes.j
 import { VIEWER_TO_CDF_TRANSFORMATION as n } from "../../../foundation/renderTarget/convertCoordinates.js";
 import { RevealDomainObject as r } from "../RevealDomainObject.js";
 import { getViewer as i } from "../utils/getViewer.js";
-import { CadTreeNode as a } from "../../../foundation/treeNodes/cad-tree-node/cad-tree-node.js";
-import { CadLazyLoader as o } from "../../../foundation/treeNodes/cad-tree-node/cad-lazy-loader.js";
-import { CadTreeNodeViewAdapter as s } from "../../../foundation/treeNodes/cad-tree-node/cad-tree-node-view-adapter.js";
-import { ClassicInstanceMappingsSdk as c } from "../../../foundation/treeNodes/cad-tree-node/nodes-and-instance-mappings-sdk/classic-instance-mappings-sdk.js";
-import { NodesAndInstanceMappingsSdk as l } from "../../../foundation/treeNodes/cad-tree-node/nodes-and-instance-mappings-sdk/nodes-and-instance-mappings-sdk.js";
+import { clearSelection as a } from "../../../foundation/treeNodes/tree-node/tree-node-functions.js";
+import { CadTreeNode as o } from "../../../foundation/treeNodes/cad-tree-node/cad-tree-node.js";
+import { updateSelectedNodes as s } from "../../../foundation/treeNodes/cad-tree-node/cad-node-update-styling.js";
+import { CadLazyLoader as c } from "../../../foundation/treeNodes/cad-tree-node/cad-lazy-loader.js";
+import { CadTreeNodeViewAdapter as l } from "../../../foundation/treeNodes/cad-tree-node/cad-tree-node-view-adapter.js";
+import { ClassicInstanceMappingsSdk as u } from "../../../foundation/treeNodes/cad-tree-node/nodes-and-instance-mappings-sdk/classic-instance-mappings-sdk.js";
+import { NodesAndInstanceMappingsSdk as d } from "../../../foundation/treeNodes/cad-tree-node/nodes-and-instance-mappings-sdk/nodes-and-instance-mappings-sdk.js";
 //#region libs/shared/reveal-components/src/domains/reveal/cad/CadDomainObject.ts
-var u = class extends r {
+var f = class extends r {
 	_model;
 	_collections = /* @__PURE__ */ new Map();
+	_zoomOnNodeSelect;
 	_cadLazyLoader;
 	_cadRootLoadState = "idle";
 	get model() {
 		return this._model;
 	}
-	constructor(e) {
-		super(), this._model = e;
+	constructor(e, t) {
+		super(), this._model = e, this._zoomOnNodeSelect = t?.zoomOnNodeSelect ?? !0;
 	}
 	get typeName() {
 		return { untranslated: "CAD" };
@@ -46,7 +49,7 @@ var u = class extends r {
 			this.loadCadRootOnce(t);
 			return;
 		}
-		for (let e of n.getChildren(t)) e instanceof a && (yield new s(e, t));
+		for (let e of n.getChildren(t)) e instanceof o && (yield new l(e, t));
 	}
 	expandBoundingBox(e) {
 		let t = this.model;
@@ -68,21 +71,34 @@ var u = class extends r {
 	}
 	addStyledNodeCollections(e, t) {
 		let n = this.getStyledNodeCollections(e);
-		n !== void 0 && n.forEach((e) => this.model.unassignStyledNodeCollection(e.collection)), this._collections.set(e, t), t.forEach((e) => this.model.assignStyledNodeCollection(e.collection, e.appearance, e.importance));
+		n !== void 0 && n.forEach((e) => this.unassignIfAttached(e.collection)), this._collections.set(e, t), t.forEach((e) => this.model.assignStyledNodeCollection(e.collection, e.appearance, e.importance));
 	}
 	removeStyledNodeCollections(e) {
 		let t = this.getStyledNodeCollections(e);
-		t !== void 0 && (t.forEach((e) => this.model.unassignStyledNodeCollection(e.collection)), this._collections.delete(e));
+		t !== void 0 && (t.forEach((e) => this.unassignIfAttached(e.collection)), this._collections.delete(e));
+	}
+	isCollectionAttached(e) {
+		return this.model.styledNodeCollections.some((t) => t.nodeCollection === e);
+	}
+	unassignIfAttached(e) {
+		this.isCollectionAttached(e) && this.model.unassignStyledNodeCollection(e);
+	}
+	clearNodeSelection() {
+		let e = this._cadLazyLoader?.root;
+		e !== void 0 && a(e) && s(this, e);
 	}
 	getCadLazyLoader() {
 		if (this._cadLazyLoader !== void 0) return this._cadLazyLoader;
 		let t = e(this)?.sdk;
 		if (t === void 0) return;
-		let n = new l(t, new c(t));
-		return this._cadLazyLoader = new o(n, {
+		let n = new d(t, new u(t));
+		return this._cadLazyLoader = new c(n, {
 			modelId: this._model.modelId,
 			revisionId: this._model.revisionId
-		}, { domainObject: this }), this._cadLazyLoader;
+		}, {
+			domainObject: this,
+			zoomOnSelect: this._zoomOnNodeSelect
+		}), this._cadLazyLoader;
 	}
 	loadCadRootOnce(e) {
 		this._cadRootLoadState === "idle" && (this._cadRootLoadState = "loading", e.loadInitialRoot().catch((e) => {
@@ -93,4 +109,4 @@ var u = class extends r {
 	}
 };
 //#endregion
-export { u as CadDomainObject };
+export { f as CadDomainObject };

package/dist/foundation/renderTarget/CdfCaches.d.ts

@@ -1,11 +1,15 @@
 import { Cognite3DViewer, DataSourceType } from '@cognite/reveal';
-import { CogniteClient } from '@cognite/sdk';
+import { Asset, CogniteInstanceId, IdEither, CogniteClient } from '@cognite/sdk';
+import { DmsDescribableNode } from '../../data-providers/assets/createDmsDescribableNodesCache';
+import { FdmKey } from '../../data-providers/cache';
 import { CadInstanceMappingsCache } from '../../data-providers/cache/cad/CadInstanceMappingsCache';
 import { ClassicCadAssetMappingCache } from '../../data-providers/cache/cad/ClassicCadAssetMappingCache';
 import { FdmCadNodeCache } from '../../data-providers/cache/cad/FdmCadNodeCache';
 import { Image360AnnotationCache } from '../../data-providers/cache/Image360AnnotationCache';
 import { PointCloudAnnotationCache } from '../../data-providers/cache/PointCloudAnnotationCache';
 import { Fdm3dDataProvider } from '../../data-providers/Fdm3dDataProvider';
+import { InstanceReferenceKey } from '../../utilities';
+import { ReadonlyEntityCache } from '../../utilities/cache/ReadonlyEntityCache';
 import { LoadMetricsRecorder } from '../../utilities/loadMetricsParameters';
 import { TrackingDelegate } from '../utilities/types';
 export type CdfCachesOptions = {
@@ -20,6 +24,8 @@ export declare class CdfCaches {
     private readonly _fdmCadNodeCache;
     private readonly _pointCloudAnnotationCache;
     private readonly _image360AnnotationCache;
+    private readonly _classicAssetsCache;
+    private readonly _dmsDescribableNodeCache;
     private readonly _coreDmOnly;
     private readonly _cogniteClient;
     private readonly _fdm3dDataProvider;
@@ -31,5 +37,7 @@ export declare class CdfCaches {
     get image360Cache(): Image360AnnotationCache;
     get cogniteClient(): CogniteClient;
     get fdm3dDataProvider(): Fdm3dDataProvider | undefined;
+    get classicAssetsCache(): ReadonlyEntityCache<IdEither, Asset, InstanceReferenceKey>;
+    get dmsDescribableCache(): ReadonlyEntityCache<CogniteInstanceId, DmsDescribableNode, FdmKey>;
     get coreDmOnly(): boolean;
 }

package/dist/foundation/renderTarget/CdfCaches.js

@@ -1,27 +1,31 @@
 import { FdmSDK as e } from "../../data-providers/FdmSDK.js";
-import { createCadInstanceMappingsCache as t } from "../../data-providers/cache/cad/CadInstanceMappingsCacheImpl.js";
-import { createClassicCadAssetMappingCache as n } from "../../data-providers/cache/cad/ClassicCadAssetMappingCacheImpl.js";
-import { createFdmCadNodeCache as r } from "../../data-providers/cache/cad/FdmCadNodeCacheImpl.js";
-import { Image360AnnotationCache as i } from "../../data-providers/cache/Image360AnnotationCache.js";
-import { PointCloudAnnotationCache as a } from "../../data-providers/cache/PointCloudAnnotationCache.js";
-import { CoreDm3dFdm3dDataProvider as o } from "../../data-providers/core-dm-provider/CoreDm3dDataProvider.js";
-import { LegacyFdm3dDataProvider as s } from "../../data-providers/legacy-fdm-provider/LegacyFdm3dDataProvider.js";
+import { createClassicAssetsCache as t } from "../../data-providers/assets/createClassicAssetsCache.js";
+import { createDmsDescribableNodesCache as n } from "../../data-providers/assets/createDmsDescribableNodesCache.js";
+import { createCadInstanceMappingsCache as r } from "../../data-providers/cache/cad/CadInstanceMappingsCacheImpl.js";
+import { createClassicCadAssetMappingCache as i } from "../../data-providers/cache/cad/ClassicCadAssetMappingCacheImpl.js";
+import { createFdmCadNodeCache as a } from "../../data-providers/cache/cad/FdmCadNodeCacheImpl.js";
+import { Image360AnnotationCache as o } from "../../data-providers/cache/Image360AnnotationCache.js";
+import { PointCloudAnnotationCache as s } from "../../data-providers/cache/PointCloudAnnotationCache.js";
+import { CoreDm3dFdm3dDataProvider as c } from "../../data-providers/core-dm-provider/CoreDm3dDataProvider.js";
+import { LegacyFdm3dDataProvider as l } from "../../data-providers/legacy-fdm-provider/LegacyFdm3dDataProvider.js";
 //#region libs/shared/reveal-components/src/foundation/renderTarget/CdfCaches.ts
-var c = class {
+var u = class {
 	_cadMappingsCache;
 	_classicCadNodeCache;
 	_fdmCadNodeCache;
 	_pointCloudAnnotationCache;
 	_image360AnnotationCache;
+	_classicAssetsCache;
+	_dmsDescribableNodeCache;
 	_coreDmOnly;
 	_cogniteClient;
 	_fdm3dDataProvider;
-	constructor(c, l, { coreDmOnly: u, enableLegacy3dFdm: d, trackingDelegate: f, featureDataLoadPerformanceMetrics: p }) {
-		let m = new e(c, { featureDataLoadPerformanceMetrics: p }), h = (() => {
-			if (u) return new o(m);
-			if (d) return new s(m, c, { trackingDelegate: f });
+	constructor(u, d, { coreDmOnly: f, enableLegacy3dFdm: p, trackingDelegate: m, featureDataLoadPerformanceMetrics: h }) {
+		let g = new e(u, { featureDataLoadPerformanceMetrics: h }), _ = (() => {
+			if (f) return new c(g);
+			if (p) return new l(g, u, { trackingDelegate: m });
 		})();
-		this._classicCadNodeCache = n(c), this._pointCloudAnnotationCache = new a(c), this._image360AnnotationCache = new i(c, l), h !== void 0 && (this._fdmCadNodeCache = r(c, h)), this._cadMappingsCache = t(u ? void 0 : this._classicCadNodeCache, this._fdmCadNodeCache), this._cogniteClient = c, this._fdm3dDataProvider = h, this._coreDmOnly = u;
+		this._classicCadNodeCache = i(u), this._pointCloudAnnotationCache = new s(u), this._image360AnnotationCache = new o(u, d), _ !== void 0 && (this._fdmCadNodeCache = a(u, _)), this._cadMappingsCache = r(f ? void 0 : this._classicCadNodeCache, this._fdmCadNodeCache), this._cogniteClient = u, this._fdm3dDataProvider = _, this._coreDmOnly = f, this._classicAssetsCache = t(this._cogniteClient), this._dmsDescribableNodeCache = n(g);
 	}
 	get cadMappingsCache() {
 		return this._cadMappingsCache;
@@ -44,9 +48,15 @@ var c = class {
 	get fdm3dDataProvider() {
 		return this._fdm3dDataProvider;
 	}
+	get classicAssetsCache() {
+		return this._classicAssetsCache;
+	}
+	get dmsDescribableCache() {
+		return this._dmsDescribableNodeCache;
+	}
 	get coreDmOnly() {
 		return this._coreDmOnly;
 	}
 };
 //#endregion
-export { c as CdfCaches };
+export { u as CdfCaches };

package/dist/foundation/treeNodes/cad-tree-node/cad-lazy-loader.d.ts

@@ -8,6 +8,7 @@ export type CadLazyLoaderOptions = {
     showInstanceMappings?: boolean;
     listNodesLimit?: number;
     domainObject?: CadDomainObject;
+    zoomOnSelect?: boolean;
 };
 export declare class CadLazyLoader implements ILazyLoader {
     private readonly _sdk;
@@ -16,8 +17,9 @@ export declare class CadLazyLoader implements ILazyLoader {
     private readonly _listNodesLimit;
     private _showInstanceMappings;
     private readonly _domainObject;
+    private readonly _zoomOnSelect;
     get root(): CadTreeNode | undefined;
-    constructor(sdk: INodesAndInstanceMappingsSdk, revisionId: RevisionId, { showInstanceMappings, listNodesLimit, domainObject, }?: CadLazyLoaderOptions);
+    constructor(sdk: INodesAndInstanceMappingsSdk, revisionId: RevisionId, { showInstanceMappings, listNodesLimit, domainObject, zoomOnSelect, }?: CadLazyLoaderOptions);
     get revisionId(): RevisionId;
     onNodeLoaded(child: TreeNodeType, parent?: TreeNodeType): void;
     loadInitialRoot(): Promise<TreeNodeType>;

package/dist/foundation/treeNodes/cad-tree-node/cad-lazy-loader.js

@@ -1,21 +1,23 @@
 import { CheckboxState as e } from "../../utilities/types.js";
-import { concatenateMapValues as t } from "../../../utilities/map/concatenateMapValues.js";
-import { onSelectNode as n, onToggleNode as r } from "../tree-node/tree-node-functions.js";
-import { CadTreeNode as i } from "./cad-tree-node.js";
-import { updateHiddenNodes as a, updateSelectedNodes as o } from "./cad-node-update-styling.js";
+import { getViewer as t } from "../../../domains/reveal/utils/getViewer.js";
+import { concatenateMapValues as n } from "../../../utilities/map/concatenateMapValues.js";
+import { onSelectNode as r, onToggleNode as i } from "../tree-node/tree-node-functions.js";
+import { CadTreeNode as a } from "./cad-tree-node.js";
+import { updateHiddenNodes as o, updateSelectedNodes as s } from "./cad-node-update-styling.js";
 //#region libs/shared/reveal-components/src/foundation/treeNodes/cad-tree-node/cad-lazy-loader.ts
-var s = class {
+var c = class {
 	_sdk;
 	_revisionId;
 	_root;
 	_listNodesLimit;
 	_showInstanceMappings;
 	_domainObject;
+	_zoomOnSelect;
 	get root() {
 		return this._root;
 	}
-	constructor(e, t, { showInstanceMappings: n = !1, listNodesLimit: r = 100, domainObject: i } = {}) {
-		this._sdk = e, this._revisionId = t, this._listNodesLimit = r, this._showInstanceMappings = n, this._domainObject = i;
+	constructor(e, t, { showInstanceMappings: n = !1, listNodesLimit: r = 100, domainObject: i, zoomOnSelect: a = !0 } = {}) {
+		this._sdk = e, this._revisionId = t, this._listNodesLimit = r, this._showInstanceMappings = n, this._domainObject = i, this._zoomOnSelect = a;
 	}
 	get revisionId() {
 		return this._revisionId;
@@ -33,7 +35,7 @@ var s = class {
 		return this._root = n, this._root;
 	}
 	async loadChildren(e) {
-		if (!(e instanceof i)) throw Error("Parent node should be a CadTreeNode");
+		if (!(e instanceof a)) throw Error("Parent node should be a CadTreeNode");
 		let t = await this._sdk.list3DNodes(this._revisionId.modelId, this._revisionId.revisionId, {
 			depth: 1,
 			limit: this._listNodesLimit,
@@ -48,9 +50,9 @@ var s = class {
 		return r;
 	}
 	async loadSiblings(e) {
-		if (!(e instanceof i)) throw Error("Sibling node should be a CadTreeNode");
+		if (!(e instanceof a)) throw Error("Sibling node should be a CadTreeNode");
 		let t = e.parent;
-		if (!(t instanceof i)) throw Error("Parent of sibling node should be a CadTreeNode");
+		if (!(t instanceof a)) throw Error("Parent of sibling node should be a CadTreeNode");
 		let n = await this._sdk.list3DNodes(this._revisionId.modelId, this._revisionId.revisionId, {
 			depth: 1,
 			limit: this._listNodesLimit,
@@ -58,12 +60,12 @@ var s = class {
 			cursor: e.loadSiblingCursor
 		}), r = await this.getNodeIdToInstanceMappingMap(n.items);
 		n.items = n.items.filter((e) => e.id !== t.nodeId);
-		let a = n.items.map((e) => this.createCadTreeNode(e, r));
+		let i = n.items.map((e) => this.createCadTreeNode(e, r));
 		if (n.nextCursor !== void 0) {
-			let e = a[a.length - 1];
+			let e = i[i.length - 1];
 			e.loadSiblingCursor = n.nextCursor;
 		}
-		return a;
+		return i;
 	}
 	async forceNodeInTree(e) {
 		let t = this._root;
@@ -76,23 +78,23 @@ var s = class {
 		}) : (n.expandAllAncestors(), n);
 	}
 	createCadTreeNode(e, t) {
-		let s = new i(e, { instanceMappingOptions: this._showInstanceMappings ? {
+		let n = new a(e, { instanceMappingOptions: this._showInstanceMappings ? {
 			instanceMappings: t?.get(e.id) ?? [],
 			deleteInstanceMapping: (e) => this.deleteInstanceMapping(e)
 		} : void 0 }), c = this._domainObject;
-		return c !== void 0 && (s.onSelect = () => {
-			n(s, !1, !1) && o(c, s.getRoot());
-		}, s.toggleVisible = () => {
-			r(s) && a(c, s.getRoot());
-		}), s;
+		return c !== void 0 && (n.onSelect = () => {
+			r(n, !1, !1) && (s(c, n.getRoot()), this._zoomOnSelect && n.isSelected && l(c, n));
+		}, n.toggleVisible = () => {
+			i(n) && o(c, n.getRoot());
+		}), n;
 	}
 	deleteInstanceMapping(e) {
 		return this._sdk.deleteInstanceMapping(this._revisionId.modelId, this._revisionId.revisionId, e);
 	}
 	async getNodeIdToInstanceMappingMap(e) {
 		if (this._showInstanceMappings === !1) return;
-		let n = await this._sdk.filterInstanceMappings(this._revisionId.modelId, this._revisionId.revisionId, e);
-		return t(n.items.map((e) => [e.node.nodeId, e]));
+		let t = await this._sdk.filterInstanceMappings(this._revisionId.modelId, this._revisionId.revisionId, e);
+		return n(t.items.map((e) => [e.node.nodeId, e]));
 	}
 	async list3DNodeAncestors(e) {
 		return (await this._sdk.list3DNodeAncestors(this._revisionId.modelId, this._revisionId.revisionId, e)).items;
@@ -113,5 +115,14 @@ var s = class {
 		return r;
 	}
 };
+async function l(e, n) {
+	let r = t(e);
+	if (r !== void 0) try {
+		let t = await e.model.getBoundingBoxByNodeId(n.nodeId);
+		r.cameraManager.fitCameraToBoundingBox(t);
+	} catch (e) {
+		console.error(`Failed to get bounding box for node Id ${JSON.stringify(n.id)}: ${JSON.stringify(e)}`);
+	}
+}
 //#endregion
-export { s as CadLazyLoader };
+export { c as CadLazyLoader };

package/dist/foundation/treeNodes/cad-tree-node/cad-node-update-styling.js

@@ -6,9 +6,9 @@ var o = Symbol("hiddenNodes"), s = Symbol("selectedNodes");
 function c(e, t) {
 	let s = new r(), c = !1;
 	for (let e of u(t)) c = !0, s.addRange(new i(e.treeIndex, e.subtreeSize));
-	let l = e.getStyledNodeCollections(o);
-	if (l !== void 0 && l.length > 0) {
-		d(l[0].collection, s, c);
+	let l = e.getStyledNodeCollections(o)?.[0]?.collection;
+	if (l !== void 0 && e.isCollectionAttached(l)) {
+		d(l, s, c);
 		return;
 	}
 	if (!c) return;
@@ -21,9 +21,9 @@ function c(e, t) {
 function l(e, o) {
 	let c = new r(), l = !1;
 	for (let e of o.getThisAndDescendantsByType(t)) e.isSelected && (l = !0, c.addRange(new i(e.treeIndex, e.subtreeSize)));
-	let u = e.getStyledNodeCollections(s);
-	if (u !== void 0 && u.length > 0) {
-		d(u[0].collection, c, l);
+	let u = e.getStyledNodeCollections(s)?.[0]?.collection;
+	if (u !== void 0 && e.isCollectionAttached(u)) {
+		d(u, c, l);
 		return;
 	}
 	if (!l) return;

package/dist/foundation/treeNodes/cad-tree-node/nodes-and-instance-mappings-sdk/classic-instance-mappings-sdk.js

@@ -1,6 +1,6 @@
 import { isClassicInstanceId as e } from "../../../../utilities/instanceIds/typeGuards.js";
-import { isDefined as t } from "../../../../utilities/isDefined.js";
 import "../../../../utilities/index.js";
+import { isDefined as t } from "../../../../utilities/isDefined.js";
 //#region libs/shared/reveal-components/src/foundation/treeNodes/cad-tree-node/nodes-and-instance-mappings-sdk/classic-instance-mappings-sdk.ts
 var n = class {
 	_sdk;

package/dist/ui/components/InstanceLabel/InstanceLabel.js

@@ -1,37 +1,25 @@
-import { isDmsInstance as e, isIdEither as t } from "../../../utilities/instanceIds/typeGuards.js";
+import { createInstanceReferenceKey as e } from "../../../utilities/instanceIds/toKey.js";
 import "../../../utilities/instanceIds/index.js";
-import { COGNITE_DESCRIBABLE_SOURCE as n } from "../../../data-providers/core-dm-provider/dataModels.js";
-import { EMPTY_ARRAY as r } from "../../../utilities/constants.js";
-import { useAssetsByIdsQuery as i } from "../../query/useAssetsByIdsQuery.js";
-import { useDmInstancesByIds as a } from "../../query/useDmsInstanceByIdsQuery.js";
-import { useMemo as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Tooltip as l, TooltipContent as u, TooltipProvider as d, TooltipTrigger as f } from "@cognite/aura/components/tooltip";
-import { IconHexagon as p } from "@tabler/icons-react";
-import { InputGroup as m, InputGroupAddon as h, InputGroupInput as g } from "@cognite/aura/components/input-group";
+import { useInstanceNames as t } from "../../query/useInstanceNames.js";
+import { useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Tooltip as a, TooltipContent as o, TooltipProvider as s, TooltipTrigger as c } from "@cognite/aura/components/tooltip";
+import { IconHexagon as l } from "@tabler/icons-react";
+import { InputGroup as u, InputGroupAddon as d, InputGroupInput as f } from "@cognite/aura/components/input-group";
 //#region libs/shared/reveal-components/src/ui/components/InstanceLabel/InstanceLabel.tsx
-var _ = [n], v = 20, y = ({ instance: y }) => {
-	let [b, x] = o(() => [t(y) ? [y] : r, e(y) ? [y] : r], [y]), { data: S } = i(b), { data: C } = a(x, _), w = o(() => {
-		if (S !== void 0 || C !== void 0) {
-			if (S !== void 0 && S.length > 0) return S[0].name;
-			if (C !== void 0 && C.length > 0) {
-				let e = `${n.externalId}/${n.version}`;
-				return C[0].properties.cdf_cdm?.[e]?.name ?? C[0].externalId;
-			}
-			return "Unknown";
-		}
-	}, [S, C])?.toString(), T = w?.length !== void 0 && w.length > v, E = T ? `${w?.slice(0, v)}...` : w;
-	return /* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(l, {
-		open: T ? void 0 : !1,
-		children: [/* @__PURE__ */ s(f, { render: /* @__PURE__ */ c(m, { children: [/* @__PURE__ */ s(h, {
+var p = 20, m = ({ instance: m }) => {
+	let { data: h } = t(n(() => [m], [m])), g = (h?.get(e(m)))?.toString(), _ = g?.length !== void 0 && g.length > p, v = _ ? `${g?.slice(0, p)}...` : g;
+	return /* @__PURE__ */ r(s, { children: /* @__PURE__ */ i(a, {
+		open: _ ? void 0 : !1,
+		children: [/* @__PURE__ */ r(c, { render: /* @__PURE__ */ i(u, { children: [/* @__PURE__ */ r(d, {
 			align: "inline-start",
-			children: /* @__PURE__ */ s(p, {})
-		}), /* @__PURE__ */ s(g, {
-			value: E,
+			children: /* @__PURE__ */ r(l, {})
+		}), /* @__PURE__ */ r(f, {
+			value: v,
 			disabled: !0,
 			readOnly: !0
-		})] }) }), /* @__PURE__ */ s(u, { children: w })]
-	}, w) });
+		})] }) }), /* @__PURE__ */ r(o, { children: g })]
+	}, g) });
 };
 //#endregion
-export { y as InstanceLabel };
+export { m as InstanceLabel };

package/dist/ui/components/Reveal3DResources/Reveal3DResources.js

@@ -1,33 +1,33 @@
-import { EMPTY_ARRAY as e } from "../../../utilities/constants.js";
-import { is360ImageEventsAddOptions as t, isDM3DModelIdentifier as n } from "../../../utilities/modelIds/typeGuards.js";
-import { convertAndSeparateResources as r, convertAndSeparateToNewResources as i } from "../../../data-providers/types/typeAdapters.js";
-import { getModelKeys as a } from "../../../utilities/getModelKeys.js";
+import { is360ImageEventsAddOptions as e, isDM3DModelIdentifier as t } from "../../../utilities/modelIds/typeGuards.js";
+import { convertAndSeparateResources as n, convertAndSeparateToNewResources as r } from "../../../data-providers/types/typeAdapters.js";
+import { getModelKeys as i } from "../../../utilities/getModelKeys.js";
+import { EMPTY_ARRAY as a } from "../../../utilities/constants.js";
 import { use3DResourcesViewModel as o } from "./Reveal3DResources.viewmodel.js";
 import { useEffect as s, useMemo as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region libs/shared/reveal-components/src/ui/components/Reveal3DResources/Reveal3DResources.tsx
 var f = ({ resources: f, defaultResourceStyling: p, instanceStyling: m, mappedCadStylingMode: h = "base", onResourcesAdded: g, onResourceLoadError: _, onResourceIsLoaded: v, image360Settings: y }) => {
-	let { CadModelContainer: b, Image360CollectionContainer: x, PointCloudContainer: S, ...C } = o(), w = C.useRenderTarget(), T = C.useReveal(), { modelResources: E, image360Resources: D } = c(() => i(f), [f]), O = c(() => [...E, ...D], [E, D]), { image360Resources: k } = c(() => r(f), [f]), { data: A } = C.useTypedModels(T, O, _), j = c(() => k.map((e) => ({
+	let { CadModelContainer: b, Image360CollectionContainer: x, PointCloudContainer: S, ...C } = o(), w = C.useRenderTarget(), T = C.useReveal(), { modelResources: E, image360Resources: D } = c(() => r(f), [f]), O = c(() => [...E, ...D], [E, D]), { image360Resources: k } = c(() => n(f), [f]), { data: A } = C.useTypedModels(T, O, _), j = c(() => k.map((e) => ({
 		...y,
 		...e
 	})), [k, y]);
-	C.useRemoveNonReferencedModels(A ?? e, k, w), C.useSetExpectedLoadCount(O), C.useCallCallbackOnFinishedLoading(O, g);
-	let M = c(() => A === void 0 ? e : A.filter((e) => e.type === "cad"), [A]), { styledModels: N, isModelMappingsLoading: P } = C.useCalculateCadStyling(M, m ?? e, p, h), F = C.useReveal3DResourcesStylingLoadingSetter();
+	C.useRemoveNonReferencedModels(A ?? a, k, w), C.useSetExpectedLoadCount(O), C.useCallCallbackOnFinishedLoading(O, g);
+	let M = c(() => A === void 0 ? a : A.filter((e) => e.type === "cad"), [A]), { styledModels: N, isModelMappingsLoading: P } = C.useCalculateCadStyling(M, m ?? a, p, h), F = C.useReveal3DResourcesStylingLoadingSetter();
 	s(() => {
 		F(P);
 	}, [P, F]);
-	let I = C.useCalculatePointCloudStyling(A ?? e, m ?? e, p), L = C.useCalculateImage360Styling(m);
+	let I = C.useCalculatePointCloudStyling(A ?? a, m ?? a, p), L = C.useCalculateImage360Styling(m);
 	return /* @__PURE__ */ d(l, { children: [
-		N.map(({ styleGroups: e, model: t }, r) => {
+		N.map(({ styleGroups: e, model: n }, r) => {
 			let i = {
-				defaultStyle: t.styling?.default ?? p?.cad?.default,
+				defaultStyle: n.styling?.default ?? p?.cad?.default,
 				groups: e
-			}, a = n(t) ? `${t.revisionExternalId}/${t.revisionSpace}/${r}` : `${t.modelId}/${t.revisionId}/${r}`;
+			}, a = t(n) ? `${n.revisionExternalId}/${n.revisionSpace}/${r}` : `${n.modelId}/${n.revisionId}/${r}`;
 			return /* @__PURE__ */ u(b, {
-				addModelOptions: t,
+				addModelOptions: n,
 				styling: i,
-				transform: t.transform,
-				defaultVisible: t.defaultVisible,
+				transform: n.transform,
+				defaultVisible: n.defaultVisible,
 				onLoad: v,
 				onLoadError: _
 			}, a);
@@ -36,7 +36,7 @@ var f = ({ resources: f, defaultResourceStyling: p, instanceStyling: m, mappedCa
 			let r = {
 				defaultStyle: t.styling?.default ?? p?.pointcloud?.default,
 				groups: e
-			}, i = a([t])[0] + `/${n}`;
+			}, a = i([t])[0] + `/${n}`;
 			return /* @__PURE__ */ u(S, {
 				addModelOptions: t,
 				styling: r,
@@ -44,17 +44,17 @@ var f = ({ resources: f, defaultResourceStyling: p, instanceStyling: m, mappedCa
 				transform: t.transform,
 				onLoad: v,
 				onLoadError: _
-			}, i);
+			}, a);
 		}),
-		j.map((e) => {
+		j.map((t) => {
 			let n = {
 				defaultStyle: p?.image360?.default,
 				groups: L
-			}, r = t(e) ? e.siteId : `${e.externalId}/${e.space}`;
+			}, r = e(t) ? t.siteId : `${t.externalId}/${t.space}`;
 			return /* @__PURE__ */ u(x, {
-				addImage360CollectionOptions: e,
+				addImage360CollectionOptions: t,
 				styling: n,
-				defaultVisible: e.defaultVisible,
+				defaultVisible: t.defaultVisible,
 				onLoad: v,
 				onLoadError: _
 			}, r);

package/dist/ui/components/RevealCanvas/SDKProvider.js

@@ -1,16 +1,16 @@
 import { FdmSDK as e } from "../../../data-providers/FdmSDK.js";
-import { FdmSdkContext as t } from "./FdmDataProviderContext.js";
-import { FeatureDataLoadPerformanceMetricsContext as n } from "./FeatureDataLoadPerformanceMetricsContext.js";
+import { FeatureDataLoadPerformanceMetricsContext as t } from "./FeatureDataLoadPerformanceMetricsContext.js";
+import { FdmSdkContext as n } from "./FdmDataProviderContext.js";
 import { createContext as r, useContext as i, useMemo as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
 //#region libs/shared/reveal-components/src/ui/components/RevealCanvas/SDKProvider.tsx
 var s = r(null);
-s.displayName = "CogniteSdkProvider", t.displayName = "FdmSdkProvider";
+s.displayName = "CogniteSdkProvider", n.displayName = "FdmSdkProvider";
 function c({ sdk: r, children: c }) {
-	let l = i(n), u = a(() => ({ fdmSdk: new e(r, { featureDataLoadPerformanceMetrics: l }) }), [r, l]);
+	let l = i(t), u = a(() => ({ fdmSdk: new e(r, { featureDataLoadPerformanceMetrics: l }) }), [r, l]);
 	return /* @__PURE__ */ o(s.Provider, {
 		value: r,
-		children: /* @__PURE__ */ o(t.Provider, {
+		children: /* @__PURE__ */ o(n.Provider, {
 			value: u,
 			children: c
 		})
@@ -24,7 +24,7 @@ var l = (e) => {
 	}
 	return t;
 }, u = () => {
-	let e = i(t);
+	let e = i(n);
 	if (e === null) throw Error("FdmSdkContext not found, add '<SDKProvider value={sdk}>' around your component/app");
 	return e.fdmSdk;
 };

package/dist/ui/components/RevealCanvas/UsageMetricsTrackerContext.d.ts

@@ -0,0 +1,3 @@
+import { Context } from 'react';
+import { UsageMetricsTracker } from '../../../utilities/usageMetricsTracker';
+export declare const UsageMetricsTrackerContext: Context<UsageMetricsTracker>;

package/dist/ui/components/RevealCanvas/UsageMetricsTrackerContext.js

@@ -0,0 +1,6 @@
+import { noopUsageMetricsTracker as e } from "../../../utilities/usageMetricsTracker.js";
+import { createContext as t } from "react";
+//#region libs/shared/reveal-components/src/ui/components/RevealCanvas/UsageMetricsTrackerContext.tsx
+var n = t(e);
+//#endregion
+export { n as UsageMetricsTrackerContext };

package/dist/ui/components/RevealCanvas/ViewerContext.d.ts

@@ -1,5 +1,6 @@
 import { Context, ReactElement, ReactNode } from 'react';
 import { DataSourceType, Cognite3DViewer } from '@cognite/reveal';
+import { CdfCaches } from '../../../foundation/renderTarget/CdfCaches';
 import { RevealRenderTarget } from '../../../foundation/renderTarget/RevealRenderTarget';
 export declare const ViewerContext: Context<RevealRenderTarget | undefined>;
 export type ViewerContextProviderProps = {
@@ -8,4 +9,5 @@ export type ViewerContextProviderProps = {
 };
 export declare const ViewerContextProvider: ({ renderTarget: value, children, }: ViewerContextProviderProps) => ReactElement;
 export declare const useReveal: () => Cognite3DViewer<DataSourceType>;
+export declare const useCdfCaches: () => CdfCaches;
 export declare const useRenderTarget: () => RevealRenderTarget;

package/dist/ui/components/RevealCanvas/ViewerContext.js

@@ -2,22 +2,22 @@ import { createContext as e, useContext as t, useEffect as n } from "react";
 import { remove as r } from "lodash-es";
 import { jsx as i } from "react/jsx-runtime";
 //#region libs/shared/reveal-components/src/ui/components/RevealCanvas/ViewerContext.tsx
-var a = e(void 0), o = ({ renderTarget: e, children: t }) => (u(e ?? void 0), l(e ?? void 0), /* @__PURE__ */ i(a.Provider, {
+var a = e(void 0), o = ({ renderTarget: e, children: t }) => (d(e ?? void 0), u(e ?? void 0), /* @__PURE__ */ i(a.Provider, {
 	value: e,
 	children: t
-})), s = () => c().viewer, c = () => {
+})), s = () => l().viewer, c = () => l().cdfCaches, l = () => {
 	let e = t(a);
 	if (e === void 0) throw Error("useRenderTarget must be used within a ViewerProvider");
 	return e;
 };
-function l(e) {
+function u(e) {
 	n(() => {
 		if (e !== void 0) return window.renderTargets === void 0 ? window.renderTargets = [e] : window.renderTargets.push(e), () => {
 			window.renderTargets !== void 0 && r(window.renderTargets, (t) => t === e);
 		};
 	}, [e]);
 }
-function u(e) {
+function d(e) {
 	n(() => {
 		if (e !== void 0 && window.renderTarget === void 0 && window.viewer === void 0) return window.renderTarget = e, window.viewer = e.viewer, () => {
 			window.renderTarget?.viewer === e.viewer && (window.viewer = void 0), window.renderTarget === e && (window.renderTarget = void 0);
@@ -25,4 +25,4 @@ function u(e) {
 	}, [e]);
 }
 //#endregion
-export { a as ViewerContext, o as ViewerContextProvider, c as useRenderTarget, s as useReveal };
+export { a as ViewerContext, o as ViewerContextProvider, c as useCdfCaches, l as useRenderTarget, s as useReveal };

package/dist/ui/components/RevealContext/RevealContext.js

@@ -1,9 +1,9 @@
 import { ViewerContextProvider as e } from "../RevealCanvas/ViewerContext.js";
 import { I18nContextProvider as t } from "../i18n/I18n.js";
 import { Reveal3DResourcesInfoContextProvider as n } from "../Reveal3DResources/Reveal3DResourcesInfoContext.js";
-import { FeatureDataLoadPerformanceMetricsContext as r } from "../RevealCanvas/FeatureDataLoadPerformanceMetricsContext.js";
-import { SDKProvider as i } from "../RevealCanvas/SDKProvider.js";
-import { ComponentFactoryContextProvider as a } from "../RevealCanvas/ComponentFactoryContext.js";
+import { ComponentFactoryContextProvider as r } from "../RevealCanvas/ComponentFactoryContext.js";
+import { FeatureDataLoadPerformanceMetricsContext as i } from "../RevealCanvas/FeatureDataLoadPerformanceMetricsContext.js";
+import { SDKProvider as a } from "../RevealCanvas/SDKProvider.js";
 import { useRevealKeepAlive as o } from "../RevealKeepAlive/RevealKeepAliveContext.js";
 import { LoadedSceneProvider as s } from "../SceneContainer/LoadedSceneContext.js";
 import { RevealContextDepsContext as c } from "./RevealContext.context.js";
@@ -13,15 +13,15 @@ import { QueryClient as g, QueryClientProvider as _ } from "@tanstack/react-quer
 //#region libs/shared/reveal-components/src/ui/components/RevealContext/RevealContext.tsx
 var v = (o) => {
 	let c = b(o), l = d(() => new g({ defaultOptions: { queries: { refetchOnWindowFocus: !1 } } }), []);
-	return c === null ? /* @__PURE__ */ m(p, {}) : /* @__PURE__ */ m(r.Provider, {
+	return c === null ? /* @__PURE__ */ m(p, {}) : /* @__PURE__ */ m(i.Provider, {
 		value: o.featureDataLoadPerformanceMetrics,
-		children: /* @__PURE__ */ m(i, {
+		children: /* @__PURE__ */ m(a, {
 			sdk: o.sdk,
 			children: /* @__PURE__ */ m(_, {
 				client: l,
 				children: /* @__PURE__ */ m(t, {
 					appLanguage: o.appLanguage,
-					children: /* @__PURE__ */ m(s, { children: /* @__PURE__ */ m(a, { children: /* @__PURE__ */ h(e, {
+					children: /* @__PURE__ */ m(s, { children: /* @__PURE__ */ m(r, { children: /* @__PURE__ */ h(e, {
 						renderTarget: c,
 						children: [/* @__PURE__ */ m(y, {
 							cameraState: o.cameraState,