@babylonjs/inspector 9.29.0 → 9.31.0

package/lib/index.js

@@ -1,4 +1,4 @@
-export { A as Accordion, i as AccordionSection, l as AccordionSectionItem, m as AttachDebugLayer, n as BooleanBadgePropertyLine, o as BoundProperty, p as BridgeCommandRegistryIdentity, q as BuiltInsExtensionFeed, B as Button, j as ButtonLine, r as Checkbox, C as CheckboxPropertyLine, s as ChildWindow, t as Collapse, v as Color3GradientComponent, w as Color3GradientList, x as Color3PropertyLine, y as Color4GradientComponent, z as Color4GradientList, D as Color4PropertyLine, E as ColorPickerPopup, F as ColorStepGradientComponent, G as ComboBox, H as ComboBoxPropertyLine, I as ComputedProperty, J as ConstructorFactory, K as ConvertOptions, O as DebugServiceIdentity, Q as DerivedProperty, R as DetachDebugLayer, U as DraggableLine, W as Dropdown, X as EntitySelector, Y as ErrorBoundary, Z as ExplorerServiceIdentity, _ as ExtensibleAccordion, $ as FactorGradientComponent, a0 as FactorGradientList, a1 as FileUploadLine, a2 as GetPropertyDescriptor, a3 as GizmoServiceIdentity, a4 as HexPropertyLine, a5 as InfoLabel, a6 as InputHexField, a7 as InputHsvField, a8 as Inspector, a9 as InterceptFunction, aa as InterceptProperty, ab as IsPropertyReadonly, ac as LineContainer, L as Link, ad as LinkPropertyLine, c as LinkToEntity, ae as LinkToEntityPropertyLine, af as List, ag as MakeDialogTeachingMoment, ah as MakeLazyComponent, ai as MakeModularBridge, aj as MakeModularTool, ak as MakePopoverTeachingMoment, al as MakePropertyHook, am as MakeTeachingMoment, an as MaterialSelector, M as MessageBar, ao as NodeSelector, ap as NumberDropdown, aq as NumberDropdownPropertyLine, N as NumberInputPropertyLine, ar as ObservableCollection, as as Pane, at as PlaceholderPropertyLine, P as Popover, au as PositionedPopover, av as PropertiesServiceIdentity, aw as Property, ax as PropertyContext, ay as PropertyLine, az as QuaternionPropertyLine, aA as RotationVectorPropertyLine, f as SceneContextIdentity, aB as SceneExplorerServiceIdentity, aC as SearchBar, aD as SearchBox, aE as SelectionServiceDefinition, g as SelectionServiceIdentity, aF as SettingsServiceIdentity, aG as SettingsStore, aH as SettingsStoreIdentity, S as ShellServiceIdentity, aI as ShowInspector, aJ as SidePaneContainer, aK as SkeletonSelector, aL as Slider, aM as SpinButton, d as SpinButtonPropertyLine, aN as StartInspectable, aO as StatsServiceIdentity, aP as StringDropdown, aQ as StringDropdownPropertyLine, aR as StringifiedPropertyLine, aS as Switch, aT as SwitchPropertyLine, aU as SyncedSliderInput, aV as SyncedSliderPropertyLine, aW as TeachingMoment, aX as TextAreaPropertyLine, aY as TextInput, T as TextInputPropertyLine, aZ as TextPropertyLine, a_ as Textarea, a$ as TextureSelector, b0 as TextureUpload, b1 as Theme, b2 as ThemeServiceIdentity, b3 as ToastProvider, b4 as ToggleButton, k as ToolsServiceIdentity, b5 as Tooltip, b6 as UploadButton, b7 as Vector2PropertyLine, V as Vector3PropertyLine, b8 as Vector4PropertyLine, b9 as WatcherServiceIdentity, ba as inspectorAssetNotFoundHandler, bb as useAngleConverters, bc as useAsyncResource, bd as useColor3Property, be as useColor4Property, bf as useEventListener, bg as useEventfulState, b as useInterceptObservable, bh as useKeyListener, bi as useKeyState, bj as useObservableCollection, h as useObservableState, bk as useOrderedObservableCollection, bl as usePollingObservable, e as useProperty, bm as usePropertyChangedNotifier, bn as useQuaternionProperty, bo as useResource, bp as useTheme, bq as useThemeMode, a as useToast, br as useVector3Property } from './index-CZ1-Y-Rv.js';
+export { A as Accordion, i as AccordionSection, l as AccordionSectionItem, m as AttachDebugLayer, n as BooleanBadgePropertyLine, o as BoundProperty, p as BridgeCommandRegistryIdentity, q as BuiltInsExtensionFeed, B as Button, j as ButtonLine, r as Checkbox, C as CheckboxPropertyLine, s as ChildWindow, t as Collapse, v as Color3GradientComponent, w as Color3GradientList, x as Color3PropertyLine, y as Color4GradientComponent, z as Color4GradientList, D as Color4PropertyLine, E as ColorPickerPopup, F as ColorStepGradientComponent, G as ComboBox, H as ComboBoxPropertyLine, I as ComputedProperty, J as ConstructorFactory, K as ConvertOptions, O as DebugServiceIdentity, Q as DerivedProperty, R as DetachDebugLayer, U as DraggableLine, W as Dropdown, X as EntitySelector, Y as ErrorBoundary, Z as ExplorerServiceIdentity, _ as ExtensibleAccordion, $ as FactorGradientComponent, a0 as FactorGradientList, a1 as FileUploadLine, a2 as GetPropertyDescriptor, a3 as GizmoServiceIdentity, a4 as HexPropertyLine, a5 as InfoLabel, a6 as InputHexField, a7 as InputHsvField, a8 as Inspector, a9 as InterceptFunction, aa as InterceptProperty, ab as IsPropertyReadonly, ac as LineContainer, L as Link, ad as LinkPropertyLine, c as LinkToEntity, ae as LinkToEntityPropertyLine, af as List, ag as MakeDialogTeachingMoment, ah as MakeLazyComponent, ai as MakeModularBridge, aj as MakeModularTool, ak as MakePopoverTeachingMoment, al as MakePropertyHook, am as MakeTeachingMoment, an as MaterialSelector, M as MessageBar, ao as NodeSelector, ap as NumberDropdown, aq as NumberDropdownPropertyLine, N as NumberInputPropertyLine, ar as ObservableCollection, as as Pane, at as PlaceholderPropertyLine, P as Popover, au as PositionedPopover, av as PropertiesServiceIdentity, aw as Property, ax as PropertyContext, ay as PropertyLine, az as QuaternionPropertyLine, aA as RotationVectorPropertyLine, f as SceneContextIdentity, aB as SceneExplorerServiceIdentity, aC as SearchBar, aD as SearchBox, aE as SelectionServiceDefinition, g as SelectionServiceIdentity, aF as SettingsServiceIdentity, aG as SettingsStore, aH as SettingsStoreIdentity, S as ShellServiceIdentity, aI as ShowInspector, aJ as SidePaneContainer, aK as SkeletonSelector, aL as Slider, aM as SpinButton, d as SpinButtonPropertyLine, aN as StartInspectable, aO as StatsServiceIdentity, aP as StringDropdown, aQ as StringDropdownPropertyLine, aR as StringifiedPropertyLine, aS as Switch, aT as SwitchPropertyLine, aU as SyncedSliderInput, aV as SyncedSliderPropertyLine, aW as TeachingMoment, aX as TextAreaPropertyLine, aY as TextInput, T as TextInputPropertyLine, aZ as TextPropertyLine, a_ as Textarea, a$ as TextureSelector, b0 as TextureUpload, b1 as Theme, b2 as ThemeServiceIdentity, b3 as ToastProvider, b4 as ToggleButton, k as ToolsServiceIdentity, b5 as Tooltip, b6 as UploadButton, b7 as Vector2PropertyLine, V as Vector3PropertyLine, b8 as Vector4PropertyLine, b9 as WatcherServiceIdentity, ba as inspectorAssetNotFoundHandler, bb as useAngleConverters, bc as useAsyncResource, bd as useColor3Property, be as useColor4Property, bf as useEventListener, bg as useEventfulState, b as useInterceptObservable, bh as useKeyListener, bi as useKeyState, bj as useObservableCollection, h as useObservableState, bk as useOrderedObservableCollection, bl as usePollingObservable, e as useProperty, bm as usePropertyChangedNotifier, bn as useQuaternionProperty, bo as useResource, bp as useTheme, bq as useThemeMode, a as useToast, br as useVector3Property } from './index-DbbhJJ1G.js';
 import '@babylonjs/core/Misc/observable.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -109,6 +109,9 @@ import '@babylonjs/core/Meshes/meshBlendingTag.js';
 import '@babylonjs/core/Rendering/renderingManager.js';
 import '@babylonjs/core/Rendering/edgesRenderer.js';
 import '@babylonjs/core/Rendering/outlineRenderer.js';
+import '@babylonjs/core/Materials/GaussianSplatting/gaussianSplattingMaterial.js';
+import '@babylonjs/core/Materials/GaussianSplatting/gaussianSplattingSizeMaterialPlugin.js';
+import '@babylonjs/core/Materials/GaussianSplatting/gaussianSplattingOverdrawMaterialPlugin.js';
 import '@babylonjs/core/Particles/gpuParticleSystem.js';
 import '@babylonjs/core/Particles/Node/nodeParticleSystemSet.helper.js';
 import '@babylonjs/core/Particles/particleHelper.js';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/lite/animationProperties-BKVw6_ls.js

@@ -0,0 +1,95 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { pauseAnimation, playAnimation, stopAnimation, setAnimationWeight } from '@babylonjs/lite';
+import { useCallback } from 'react';
+import { a as useWatcher, b as useWatchedValue, c as SeekAnimationFrame, B as ButtonLine, d as BoundProperty, e as SyncedSliderPropertyLine, f as SwitchPropertyLine, D as DerivedProperty, T as TextPropertyLine, C as ComputedProperty, g as StringifiedPropertyLine, G as GetAnimationFrameRate, h as GetTargetedAnimationDisplayName, P as PropertyLine, L as Link, i as GetEntityAnimationGroups, j as GetEntityId, M as MessageBar } from './index-Cy8gzpYG.js';
+import '@babylonjs/core/Misc/observable.js';
+import '@fluentui/react-components';
+import '@fluentui/react-icons';
+import '@babylonjs/core/Misc/dataStorage.js';
+import '@babylonjs/core/Misc/asyncLock.js';
+import '@babylonjs/core/Misc/deferred.js';
+import '@fluentui-contrib/react-resize-handle';
+import '@fluentui/react-motion-components-preview';
+import '@babylonjs/core/Misc/logger.js';
+import 'react-dom/client';
+import '@fluentui-contrib/react-virtualizer';
+import '@babylonjs/core/Misc/uniqueIdGenerator.js';
+import '@babylonjs/core/Maths/math.color.js';
+import '@babylonjs/core/Maths/math.vector.js';
+
+const GetIsPlaying = (group) => group.isPlaying;
+const GetCurrentFrame = (group) => group.currentTime * GetAnimationFrameRate(group);
+const GetLastFrame = (group) => group.duration * GetAnimationFrameRate(group);
+const GetAnimationCount = (group) => group.targetedAnimations.length;
+const GetWeight = (group) => group.weight;
+const GetGroupName = (group) => group.name || "Unnamed Animation Group";
+const GetAnimationTarget = (animation) => animation.target;
+const GetGroupPropertyOwner = (group) => group;
+/**
+ * Renders Lite animation playback and frame controls.
+ * @param props The engine and animation group.
+ * @returns The group's control property lines.
+ */
+const AnimationGroupControlProperties = (props) => {
+    const { engine, group } = props;
+    const watcher = useWatcher();
+    const isPlaying = useWatchedValue(group, GetIsPlaying);
+    const lastFrame = useWatchedValue(group, GetLastFrame);
+    const seekFrame = useCallback((animationGroup, frame) => {
+        SeekAnimationFrame(engine, animationGroup, frame);
+    }, [engine]);
+    return (jsxs(Fragment, { children: [jsx(ButtonLine, { uniqueId: "Start/Stop", label: isPlaying ? "Pause" : "Play", onClick: () => {
+                    if (group.isPlaying) {
+                        pauseAnimation(group);
+                    }
+                    else {
+                        playAnimation(group);
+                    }
+                    watcher.refresh();
+                } }), jsx(ButtonLine, { label: "Stop", onClick: () => {
+                    stopAnimation(group);
+                    watcher.refresh();
+                } }), jsx(BoundProperty, { component: SyncedSliderPropertyLine, label: "Speed Ratio", min: 0, max: 10, step: 0.1, target: group, propertyKey: "speedRatio" }), jsx(BoundProperty, { component: SwitchPropertyLine, label: "Loop", target: group, propertyKey: "loopAnimation" }), jsx(DerivedProperty, { component: SyncedSliderPropertyLine, label: "Current Frame", target: group, getValue: GetCurrentFrame, setValue: seekFrame, min: 0, max: lastFrame, step: lastFrame > 0 ? lastFrame / 1000 : 1, disabled: lastFrame <= 0 }), jsx(DerivedProperty, { component: SyncedSliderPropertyLine, label: "Weight", min: 0, max: 1, step: 0.01, target: group, getValue: GetWeight, setValue: setAnimationWeight, propertyPath: "weight", getPropertyOwner: GetGroupPropertyOwner, propertyKey: "weight" })] }));
+};
+/**
+ * Renders public clip information in Lite frame units.
+ * @param props The animation group.
+ * @returns Read-only clip property lines.
+ */
+const AnimationGroupInfoProperties = (props) => {
+    const { group } = props;
+    return (jsxs(Fragment, { children: [jsx(BoundProperty, { component: TextPropertyLine, label: "Name", target: group, propertyKey: "name" }), jsx(ComputedProperty, { component: StringifiedPropertyLine, label: "Animation Count", target: group, getValue: GetAnimationCount }), jsx(BoundProperty, { component: StringifiedPropertyLine, label: "Duration (seconds)", target: group, propertyKey: "duration", precision: 2 }), jsx(ComputedProperty, { component: StringifiedPropertyLine, label: "Frame Rate", target: group, getValue: GetAnimationFrameRate }), jsx(ComputedProperty, { component: StringifiedPropertyLine, label: "End Frame", target: group, getValue: GetLastFrame, precision: 2 })] }));
+};
+/**
+ * Renders a public animation target description and optional runtime link.
+ * @param props The target description and selection service.
+ * @returns The target's general property lines.
+ */
+const TargetedAnimationProperties = (props) => {
+    const { animation, selectionService } = props;
+    const target = useWatchedValue(animation, GetAnimationTarget);
+    const displayName = useWatchedValue(animation, GetTargetedAnimationDisplayName);
+    return (jsxs(Fragment, { children: [target ? (jsx(PropertyLine, { label: "Target", description: "The runtime object affected by this animation, when exposed by Babylon Lite.", children: jsx(Link, { value: displayName, onLink: () => (selectionService.selectedEntity = target) }) })) : (jsx(TextPropertyLine, { label: "Target", value: displayName })), jsx(BoundProperty, { component: TextPropertyLine, label: "Path", target: animation, propertyKey: "path" }), jsx(BoundProperty, { component: TextPropertyLine, label: "Target Name", target: animation, propertyKey: "targetName", defaultValue: null }), jsx(BoundProperty, { component: StringifiedPropertyLine, label: "Node Index", target: animation, propertyKey: "nodeIndex", defaultValue: null })] }));
+};
+const AnimationGroupLink = (props) => {
+    const { group, selectionService } = props;
+    const name = useWatchedValue(group, GetGroupName);
+    return (jsx(PropertyLine, { label: "Animation Group", uniqueId: `AnimationGroup-${GetEntityId(group)}`, children: jsx(Link, { value: name, onLink: () => (selectionService.selectedEntity = group) }) }));
+};
+/**
+ * Lists an entity's reachable animation groups.
+ * @param props The engine, entity, and selection service.
+ * @returns Group links or an explanation when no runtime targets match.
+ */
+const EntityAnimationProperties = (props) => {
+    const { engine, entity, selectionService } = props;
+    const getGroupIdentities = useCallback(() => GetEntityAnimationGroups(engine, entity)
+        .map((group) => GetEntityId(group))
+        .join(","), [engine, entity]);
+    useWatchedValue(entity, getGroupIdentities);
+    const groups = GetEntityAnimationGroups(engine, entity);
+    return groups.length ? (jsx(Fragment, { children: groups.map((group) => (jsx(AnimationGroupLink, { group: group, selectionService: selectionService }, GetEntityId(group)))) })) : (jsx(MessageBar, { intent: "info", title: "No Animations", message: "No scene animation groups expose a runtime target for this entity." }));
+};
+
+export { AnimationGroupControlProperties, AnimationGroupInfoProperties, EntityAnimationProperties, TargetedAnimationProperties };
+//# sourceMappingURL=animationProperties-BKVw6_ls.js.map

package/lib/lite/animationProperties-BKVw6_ls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animationProperties-BKVw6_ls.js","sources":["../../../../../../../../../../dev/inspector-v2/src/lite/components/properties/animationProperties.tsx"],"sourcesContent":["import { pauseAnimation, playAnimation, setAnimationWeight, stopAnimation, type AnimationGroup, type EngineContext, type TargetedAnimation } from \"@babylonjs/lite\";\r\nimport { type FunctionComponent, useCallback } from \"react\";\r\n\r\nimport { ButtonLine } from \"shared-ui-components/fluent/hoc/buttonLine\";\r\nimport { PropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/propertyLine\";\r\nimport { StringifiedPropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/stringifiedPropertyLine\";\r\nimport { SwitchPropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/switchPropertyLine\";\r\nimport { SyncedSliderPropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/syncedSliderPropertyLine\";\r\nimport { TextPropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/textPropertyLine\";\r\nimport { Link } from \"shared-ui-components/fluent/primitives/link\";\r\nimport { MessageBar } from \"shared-ui-components/fluent/primitives/messageBar\";\r\n\r\nimport { GetEntityId } from \"../../../components/explorer/explorerModel\";\r\nimport { BoundProperty, ComputedProperty, DerivedProperty } from \"../../../components/properties/boundProperty\";\r\nimport { useWatchedValue, useWatcher } from \"../../../contexts/watcherContext\";\r\nimport { type ISelectionService } from \"../../../services/selectionService\";\r\nimport { GetAnimationFrameRate, GetEntityAnimationGroups, GetTargetedAnimationDisplayName, SeekAnimationFrame } from \"../../animationUtils\";\r\n\r\nconst GetIsPlaying = (group: AnimationGroup) => group.isPlaying;\r\nconst GetCurrentFrame = (group: AnimationGroup) => group.currentTime * GetAnimationFrameRate(group);\r\nconst GetLastFrame = (group: AnimationGroup) => group.duration * GetAnimationFrameRate(group);\r\nconst GetAnimationCount = (group: AnimationGroup) => group.targetedAnimations.length;\r\nconst GetWeight = (group: AnimationGroup) => group.weight;\r\nconst GetGroupName = (group: AnimationGroup) => group.name || \"Unnamed Animation Group\";\r\nconst GetAnimationTarget = (animation: TargetedAnimation) => animation.target;\r\nconst GetGroupPropertyOwner = (group: AnimationGroup) => group;\r\n\r\ntype AnimationGroupProps = {\r\n    /** The engine used to apply GPU-backed poses when seeking. */\r\n    engine: EngineContext;\r\n    /** The animation group being inspected. */\r\n    group: AnimationGroup;\r\n};\r\n\r\ntype TargetedAnimationProps = {\r\n    /** The public target description being inspected. */\r\n    animation: TargetedAnimation;\r\n    /** The selection service used to navigate to runtime targets. */\r\n    selectionService: ISelectionService;\r\n};\r\n\r\ntype EntityAnimationProps = {\r\n    /** The engine whose registered scene groups are searched. */\r\n    engine: EngineContext;\r\n    /** The runtime entity whose animation relationships are displayed. */\r\n    entity: object;\r\n    /** The selection service used to navigate to groups. */\r\n    selectionService: ISelectionService;\r\n};\r\n\r\n/**\r\n * Renders Lite animation playback and frame controls.\r\n * @param props The engine and animation group.\r\n * @returns The group's control property lines.\r\n */\r\nexport const AnimationGroupControlProperties: FunctionComponent<AnimationGroupProps> = (props) => {\r\n    const { engine, group } = props;\r\n    const watcher = useWatcher();\r\n    const isPlaying = useWatchedValue(group, GetIsPlaying);\r\n    const lastFrame = useWatchedValue(group, GetLastFrame);\r\n    const seekFrame = useCallback(\r\n        (animationGroup: AnimationGroup, frame: number) => {\r\n            SeekAnimationFrame(engine, animationGroup, frame);\r\n        },\r\n        [engine]\r\n    );\r\n\r\n    return (\r\n        <>\r\n            <ButtonLine\r\n                uniqueId=\"Start/Stop\"\r\n                label={isPlaying ? \"Pause\" : \"Play\"}\r\n                onClick={() => {\r\n                    if (group.isPlaying) {\r\n                        pauseAnimation(group);\r\n                    } else {\r\n                        playAnimation(group);\r\n                    }\r\n                    watcher.refresh();\r\n                }}\r\n            />\r\n            <ButtonLine\r\n                label=\"Stop\"\r\n                onClick={() => {\r\n                    stopAnimation(group);\r\n                    watcher.refresh();\r\n                }}\r\n            />\r\n            <BoundProperty component={SyncedSliderPropertyLine} label=\"Speed Ratio\" min={0} max={10} step={0.1} target={group} propertyKey=\"speedRatio\" />\r\n            <BoundProperty component={SwitchPropertyLine} label=\"Loop\" target={group} propertyKey=\"loopAnimation\" />\r\n            <DerivedProperty\r\n                component={SyncedSliderPropertyLine}\r\n                label=\"Current Frame\"\r\n                target={group}\r\n                getValue={GetCurrentFrame}\r\n                setValue={seekFrame}\r\n                min={0}\r\n                max={lastFrame}\r\n                step={lastFrame > 0 ? lastFrame / 1000 : 1}\r\n                disabled={lastFrame <= 0}\r\n            />\r\n            <DerivedProperty\r\n                component={SyncedSliderPropertyLine}\r\n                label=\"Weight\"\r\n                min={0}\r\n                max={1}\r\n                step={0.01}\r\n                target={group}\r\n                getValue={GetWeight}\r\n                setValue={setAnimationWeight}\r\n                propertyPath=\"weight\"\r\n                getPropertyOwner={GetGroupPropertyOwner}\r\n                propertyKey=\"weight\"\r\n            />\r\n        </>\r\n    );\r\n};\r\n\r\n/**\r\n * Renders public clip information in Lite frame units.\r\n * @param props The animation group.\r\n * @returns Read-only clip property lines.\r\n */\r\nexport const AnimationGroupInfoProperties: FunctionComponent<Pick<AnimationGroupProps, \"group\">> = (props) => {\r\n    const { group } = props;\r\n\r\n    return (\r\n        <>\r\n            <BoundProperty component={TextPropertyLine} label=\"Name\" target={group} propertyKey=\"name\" />\r\n            <ComputedProperty component={StringifiedPropertyLine} label=\"Animation Count\" target={group} getValue={GetAnimationCount} />\r\n            <BoundProperty component={StringifiedPropertyLine} label=\"Duration (seconds)\" target={group} propertyKey=\"duration\" precision={2} />\r\n            <ComputedProperty component={StringifiedPropertyLine} label=\"Frame Rate\" target={group} getValue={GetAnimationFrameRate} />\r\n            <ComputedProperty component={StringifiedPropertyLine} label=\"End Frame\" target={group} getValue={GetLastFrame} precision={2} />\r\n        </>\r\n    );\r\n};\r\n\r\n/**\r\n * Renders a public animation target description and optional runtime link.\r\n * @param props The target description and selection service.\r\n * @returns The target's general property lines.\r\n */\r\nexport const TargetedAnimationProperties: FunctionComponent<TargetedAnimationProps> = (props) => {\r\n    const { animation, selectionService } = props;\r\n    const target = useWatchedValue(animation, GetAnimationTarget);\r\n    const displayName = useWatchedValue(animation, GetTargetedAnimationDisplayName);\r\n\r\n    return (\r\n        <>\r\n            {target ? (\r\n                <PropertyLine label=\"Target\" description=\"The runtime object affected by this animation, when exposed by Babylon Lite.\">\r\n                    <Link value={displayName} onLink={() => (selectionService.selectedEntity = target)} />\r\n                </PropertyLine>\r\n            ) : (\r\n                <TextPropertyLine label=\"Target\" value={displayName} />\r\n            )}\r\n            <BoundProperty component={TextPropertyLine} label=\"Path\" target={animation} propertyKey=\"path\" />\r\n            <BoundProperty component={TextPropertyLine} label=\"Target Name\" target={animation} propertyKey=\"targetName\" defaultValue={null} />\r\n            <BoundProperty component={StringifiedPropertyLine} label=\"Node Index\" target={animation} propertyKey=\"nodeIndex\" defaultValue={null} />\r\n        </>\r\n    );\r\n};\r\n\r\nconst AnimationGroupLink: FunctionComponent<Pick<AnimationGroupProps, \"group\"> & Pick<EntityAnimationProps, \"selectionService\">> = (props) => {\r\n    const { group, selectionService } = props;\r\n    const name = useWatchedValue(group, GetGroupName);\r\n    return (\r\n        <PropertyLine label=\"Animation Group\" uniqueId={`AnimationGroup-${GetEntityId(group)}`}>\r\n            <Link value={name} onLink={() => (selectionService.selectedEntity = group)} />\r\n        </PropertyLine>\r\n    );\r\n};\r\n\r\n/**\r\n * Lists an entity's reachable animation groups.\r\n * @param props The engine, entity, and selection service.\r\n * @returns Group links or an explanation when no runtime targets match.\r\n */\r\nexport const EntityAnimationProperties: FunctionComponent<EntityAnimationProps> = (props) => {\r\n    const { engine, entity, selectionService } = props;\r\n    const getGroupIdentities = useCallback(\r\n        () =>\r\n            GetEntityAnimationGroups(engine, entity)\r\n                .map((group) => GetEntityId(group))\r\n                .join(\",\"),\r\n        [engine, entity]\r\n    );\r\n    useWatchedValue(entity, getGroupIdentities);\r\n    const groups = GetEntityAnimationGroups(engine, entity);\r\n\r\n    return groups.length ? (\r\n        <>\r\n            {groups.map((group) => (\r\n                <AnimationGroupLink key={GetEntityId(group)} group={group} selectionService={selectionService} />\r\n            ))}\r\n        </>\r\n    ) : (\r\n        <MessageBar intent=\"info\" title=\"No Animations\" message=\"No scene animation groups expose a runtime target for this entity.\" />\r\n    );\r\n};\r\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/lib/lite/animationUtils.d.ts

@@ -0,0 +1,47 @@
+import { type AnimationGroup, type EngineContext, type TargetedAnimation } from "@babylonjs/lite";
+/**
+ * Gets the distinct animation groups exposed by the inspected engine's registered scenes.
+ * @param engine The engine to inspect.
+ * @returns The animation groups in scene order, without duplicates.
+ */
+export declare function GetSceneAnimationGroups(engine: EngineContext): readonly AnimationGroup[];
+/**
+ * Tests whether an entity is an animation group in a registered scene.
+ * @param engine The inspected engine.
+ * @param entity The entity to test.
+ * @returns Whether the entity is a reachable animation group.
+ */
+export declare function IsAnimationGroup(engine: EngineContext, entity: unknown): entity is AnimationGroup;
+/**
+ * Tests whether an entity is a public target description in a registered scene's animation group.
+ * @param engine The inspected engine.
+ * @param entity The entity to test.
+ * @returns Whether the entity is a reachable targeted animation.
+ */
+export declare function IsTargetedAnimation(engine: EngineContext, entity: unknown): entity is TargetedAnimation;
+/**
+ * Gets animation groups that directly animate an entity or one of a scene node's transform values.
+ * @param engine The inspected engine.
+ * @param entity The entity whose animations should be listed.
+ * @returns Reachable groups with matching public runtime targets.
+ */
+export declare function GetEntityAnimationGroups(engine: EngineContext, entity: object): readonly AnimationGroup[];
+/**
+ * Gets a display name using the live runtime name when available, without requiring a runtime target.
+ * @param animation The targeted animation.
+ * @returns The target name or node identity and its animated path.
+ */
+export declare function GetTargetedAnimationDisplayName(animation: TargetedAnimation): string;
+/**
+ * Gets the frame rate used by Lite's goToFrame API.
+ * @param group The animation group.
+ * @returns The authored frame rate, or Lite's default of 60 frames per second.
+ */
+export declare function GetAnimationFrameRate(group: AnimationGroup): number;
+/**
+ * Seeks through Lite's public API while preserving whether playback was active.
+ * @param engine The engine used to apply GPU-backed animation poses.
+ * @param group The animation group to seek.
+ * @param frame The requested frame.
+ */
+export declare function SeekAnimationFrame(engine: EngineContext, group: AnimationGroup, frame: number): void;

package/lib/lite/components/properties/animationProperties.d.ts

@@ -0,0 +1,48 @@
+import { type AnimationGroup, type EngineContext, type TargetedAnimation } from "@babylonjs/lite";
+import { type FunctionComponent } from "react";
+import { type ISelectionService } from "../../../services/selectionService";
+type AnimationGroupProps = {
+    /** The engine used to apply GPU-backed poses when seeking. */
+    engine: EngineContext;
+    /** The animation group being inspected. */
+    group: AnimationGroup;
+};
+type TargetedAnimationProps = {
+    /** The public target description being inspected. */
+    animation: TargetedAnimation;
+    /** The selection service used to navigate to runtime targets. */
+    selectionService: ISelectionService;
+};
+type EntityAnimationProps = {
+    /** The engine whose registered scene groups are searched. */
+    engine: EngineContext;
+    /** The runtime entity whose animation relationships are displayed. */
+    entity: object;
+    /** The selection service used to navigate to groups. */
+    selectionService: ISelectionService;
+};
+/**
+ * Renders Lite animation playback and frame controls.
+ * @param props The engine and animation group.
+ * @returns The group's control property lines.
+ */
+export declare const AnimationGroupControlProperties: FunctionComponent<AnimationGroupProps>;
+/**
+ * Renders public clip information in Lite frame units.
+ * @param props The animation group.
+ * @returns Read-only clip property lines.
+ */
+export declare const AnimationGroupInfoProperties: FunctionComponent<Pick<AnimationGroupProps, "group">>;
+/**
+ * Renders a public animation target description and optional runtime link.
+ * @param props The target description and selection service.
+ * @returns The target's general property lines.
+ */
+export declare const TargetedAnimationProperties: FunctionComponent<TargetedAnimationProps>;
+/**
+ * Lists an entity's reachable animation groups.
+ * @param props The engine, entity, and selection service.
+ * @returns Group links or an explanation when no runtime targets match.
+ */
+export declare const EntityAnimationProperties: FunctionComponent<EntityAnimationProps>;
+export {};

package/lib/lite/directTextureBinding-C5MB2OV2.js

@@ -0,0 +1,99 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Body1, makeStyles, tokens } from '@fluentui/react-components';
+import { useMemo } from 'react';
+import { R as ResourceSelector, P as PropertyLine } from './index-Cy8gzpYG.js';
+
+const useStyles = makeStyles({
+    content: {
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+        gap: tokens.spacingHorizontalS,
+        minWidth: 0,
+    },
+});
+/**
+ * Displays a runtime-neutral, direction-aware material texture binding.
+ * @param props The binding props. Missing assign, clear, or navigation callbacks remove those actions.
+ * @returns A texture binding property line.
+ */
+const MaterialTextureBindingPropertyLine = (props) => {
+    const classes = useStyles();
+    const candidates = useMemo(() => props.candidates.filter((texture) => props.acceptedKinds.includes(props.getKind(texture)) && (props.isCandidateAccepted?.(texture) ?? true)), [props.acceptedKinds, props.candidates, props.getKind, props.isCandidateAccepted]);
+    const getId = (texture) => props.getId?.(texture) ?? String(props.candidates.indexOf(texture));
+    const content = (jsxs("div", { className: classes.content, children: [jsx(ResourceSelector, { value: props.value, getEntities: () => candidates, getName: props.getDisplayName, getId: getId, onSelect: props.write?.assign ? (texture) => texture && props.write?.assign?.(texture) : undefined, onClear: props.write?.clear, onLink: props.navigate, disabled: props.pending, ariaLabel: props.label }), props.pending ? jsx(Body1, { role: "status", children: "Applying\u2026" }) : undefined] }));
+    return (jsx("div", { role: props.error ? "alert" : undefined, "aria-label": props.error ? `${props.label}: ${props.error}` : undefined, "aria-busy": props.pending, children: props.expandedContent ? (jsx(PropertyLine, { label: props.label, uniqueId: props.id, description: props.error, expandedContent: props.expandedContent, children: content })) : (jsx(PropertyLine, { label: props.label, uniqueId: props.id, description: props.error, children: content })) }));
+};
+
+function GetTextureDisplayName(record) {
+    if (!record) {
+        return "Texture";
+    }
+    if (record.metadata.name) {
+        return record.metadata.name;
+    }
+    const kind = record.metadata.kind === "cube" ? "Cube" : record.metadata.kind === "3d" ? "3D" : record.metadata.kind === "2d-array" ? "2D Array" : "2D";
+    return `${kind} Texture ${record.ordinal}`;
+}
+function AcceptsSampleType(sampleType, category) {
+    if (sampleType === "depth") {
+        return category !== "float";
+    }
+    return category !== "depth" && (sampleType === undefined || sampleType === "float" || sampleType === "unfilterable-float");
+}
+/**
+ * Connects one family-owned Lite texture slot to the runtime-neutral directional control.
+ * @param props The slot getter result, supported directions, and Inspector-owned services.
+ * @returns The navigable texture binding row.
+ */
+const DirectTextureBinding = (props) => {
+    const { record, resourceIndexService, selectionService, operations, commit, id, label, value, read, acceptedKinds, sampleCategory = "float", canClear = true, invalidate, apply, } = props;
+    const currentRecord = value ? resourceIndexService.getTextureRecord(value) : undefined;
+    const unsupported = value && (!currentRecord || !acceptedKinds.includes(currentRecord.metadata.kind) || !AcceptsSampleType(currentRecord.metadata.sampleType, sampleCategory));
+    const candidates = [];
+    const seen = new Set();
+    for (const scene of record.scenes) {
+        for (const texture of resourceIndexService.getSceneSnapshot(scene).textures) {
+            if (!seen.has(texture.entity)) {
+                seen.add(texture.entity);
+                candidates.push(texture.entity);
+            }
+        }
+    }
+    const mutate = (texture) => {
+        commit({
+            id,
+            oldValue: value ?? null,
+            newValue: texture,
+            apply: () => {
+                if ((read() ?? null) !== (value ?? null)) {
+                    throw new Error(`Texture binding "${id}" is stale.`);
+                }
+                const metadata = texture && resourceIndexService.getTextureRecord(texture)?.metadata;
+                if (texture && (!metadata || !acceptedKinds.includes(metadata.kind) || !AcceptsSampleType(metadata.sampleType, sampleCategory))) {
+                    throw new TypeError(`Texture binding "${id}" does not accept this texture.`);
+                }
+                return apply(texture);
+            },
+            invalidate,
+        });
+    };
+    return (jsx(MaterialTextureBindingPropertyLine, { id: id, label: label, value: unsupported ? null : (value ?? null), candidates: candidates, getId: (texture) => String(resourceIndexService.getTextureRecord(texture)?.ordinal ?? candidates.indexOf(texture)), getDisplayName: (texture) => GetTextureDisplayName(resourceIndexService.getTextureRecord(texture)), getKind: (texture) => resourceIndexService.getTextureRecord(texture)?.metadata.kind ?? "unknown", acceptedKinds: acceptedKinds, isCandidateAccepted: (texture) => {
+            const metadata = resourceIndexService.getTextureRecord(texture)?.metadata;
+            return !!metadata && AcceptsSampleType(metadata.sampleType, sampleCategory);
+        }, write: unsupported
+            ? undefined
+            : {
+                assign: (texture) => mutate(texture),
+                clear: value && canClear ? () => mutate(null) : undefined,
+            }, navigate: value && !unsupported
+            ? (texture) => {
+                if (!resourceIndexService.isDisposed && read() === texture && resourceIndexService.getTextureRecord(texture)) {
+                    selectionService.selectedEntity = texture;
+                }
+            }
+            : undefined, pending: operations[id]?.pending, error: operations[id]?.error ?? (unsupported ? `${label} contains an unsupported texture value.` : undefined) }));
+};
+
+export { DirectTextureBinding as D };
+//# sourceMappingURL=directTextureBinding-C5MB2OV2.js.map

package/lib/lite/directTextureBinding-C5MB2OV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"directTextureBinding-C5MB2OV2.js","sources":["../../../../../../../../../../dev/sharedUiComponents/src/fluent/hoc/propertyLines/materialTextureBindingPropertyLine.tsx","../../../../../../../../../../dev/inspector-v2/src/lite/services/panes/properties/materials/directTextureBinding.tsx"],"sourcesContent":["import { Body1, makeStyles, tokens } from \"@fluentui/react-components\";\nimport { type ReactElement, useMemo } from \"react\";\n\nimport { ResourceSelector } from \"../../primitives/resourceSelector\";\nimport { PropertyLine } from \"./propertyLine\";\n\nconst useStyles = makeStyles({\n    content: {\n        display: \"flex\",\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        gap: tokens.spacingHorizontalS,\n        minWidth: 0,\n    },\n});\n\n/** Directional mutations supported by a texture binding. */\nexport type TextureBindingWriteCapabilities<TextureT> = Readonly<{\n    assign?: (texture: TextureT) => void;\n    clear?: () => void;\n}>;\n\n/** Runtime-neutral presentation and mutation props for a material texture binding. */\nexport type MaterialTextureBindingProps<TextureT> = Readonly<{\n    id: string;\n    label: string;\n    value: TextureT | null;\n    candidates: readonly TextureT[];\n    getDisplayName: (texture: TextureT) => string;\n    getKind: (texture: TextureT) => string;\n    acceptedKinds: readonly string[];\n    isCandidateAccepted?: (texture: TextureT) => boolean;\n    getId?: (texture: TextureT) => string;\n    write?: TextureBindingWriteCapabilities<TextureT>;\n    navigate?: (texture: TextureT) => void;\n    pending?: boolean;\n    error?: string;\n    expandedContent?: ReactElement;\n}>;\n\n/**\n * Displays a runtime-neutral, direction-aware material texture binding.\n * @param props The binding props. Missing assign, clear, or navigation callbacks remove those actions.\n * @returns A texture binding property line.\n */\nexport const MaterialTextureBindingPropertyLine = <TextureT,>(props: MaterialTextureBindingProps<TextureT>): JSX.Element => {\n    const classes = useStyles();\n    const candidates = useMemo(\n        () => props.candidates.filter((texture) => props.acceptedKinds.includes(props.getKind(texture)) && (props.isCandidateAccepted?.(texture) ?? true)),\n        [props.acceptedKinds, props.candidates, props.getKind, props.isCandidateAccepted]\n    );\n    const getId = (texture: TextureT) => props.getId?.(texture) ?? String(props.candidates.indexOf(texture));\n\n    const content = (\n        <div className={classes.content}>\n            <ResourceSelector\n                value={props.value}\n                getEntities={() => candidates}\n                getName={props.getDisplayName}\n                getId={getId}\n                onSelect={props.write?.assign ? (texture) => texture && props.write?.assign?.(texture) : undefined}\n                onClear={props.write?.clear}\n                onLink={props.navigate}\n                disabled={props.pending}\n                ariaLabel={props.label}\n            />\n            {props.pending ? <Body1 role=\"status\">Applying…</Body1> : undefined}\n        </div>\n    );\n\n    return (\n        <div role={props.error ? \"alert\" : undefined} aria-label={props.error ? `${props.label}: ${props.error}` : undefined} aria-busy={props.pending}>\n            {props.expandedContent ? (\n                <PropertyLine label={props.label} uniqueId={props.id} description={props.error} expandedContent={props.expandedContent}>\n                    {content}\n                </PropertyLine>\n            ) : (\n                <PropertyLine label={props.label} uniqueId={props.id} description={props.error}>\n                    {content}\n                </PropertyLine>\n            )}\n        </div>\n    );\n};\n","import { type FunctionComponent } from \"react\";\n\nimport { MaterialTextureBindingPropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/materialTextureBindingPropertyLine\";\n\nimport { type ISelectionService } from \"../../../../../services/selectionService\";\nimport { type ISceneResourceIndexService } from \"../../scene/sceneResourceIndexService\";\nimport { type IMaterialResourceRecord, type ITextureResourceRecord } from \"../../scene/sceneResources\";\nimport { type useDirectMaterialOperations } from \"./useDirectMaterialOperations\";\n\ntype DirectOperations = ReturnType<typeof useDirectMaterialOperations>;\n\nexport type DirectTextureBindingProps = Readonly<{\n    record: IMaterialResourceRecord;\n    resourceIndexService: ISceneResourceIndexService;\n    selectionService: ISelectionService;\n    operations: DirectOperations[\"operations\"];\n    commit: DirectOperations[\"commit\"];\n    id: string;\n    label: string;\n    value: object | null | undefined;\n    read: () => object | null | undefined;\n    acceptedKinds: readonly string[];\n    sampleCategory?: \"float\" | \"depth\" | \"float-or-depth\";\n    canClear?: boolean;\n    invalidate: \"rebuild\" | \"owned\";\n    apply: (texture: object | null) => void | Promise<void>;\n}>;\n\nfunction GetTextureDisplayName(record: ITextureResourceRecord | undefined): string {\n    if (!record) {\n        return \"Texture\";\n    }\n    if (record.metadata.name) {\n        return record.metadata.name;\n    }\n    const kind = record.metadata.kind === \"cube\" ? \"Cube\" : record.metadata.kind === \"3d\" ? \"3D\" : record.metadata.kind === \"2d-array\" ? \"2D Array\" : \"2D\";\n    return `${kind} Texture ${record.ordinal}`;\n}\n\nfunction AcceptsSampleType(sampleType: string | undefined, category: \"float\" | \"depth\" | \"float-or-depth\"): boolean {\n    if (sampleType === \"depth\") {\n        return category !== \"float\";\n    }\n    return category !== \"depth\" && (sampleType === undefined || sampleType === \"float\" || sampleType === \"unfilterable-float\");\n}\n\n/**\n * Connects one family-owned Lite texture slot to the runtime-neutral directional control.\n * @param props The slot getter result, supported directions, and Inspector-owned services.\n * @returns The navigable texture binding row.\n */\nexport const DirectTextureBinding: FunctionComponent<DirectTextureBindingProps> = (props) => {\n    const {\n        record,\n        resourceIndexService,\n        selectionService,\n        operations,\n        commit,\n        id,\n        label,\n        value,\n        read,\n        acceptedKinds,\n        sampleCategory = \"float\",\n        canClear = true,\n        invalidate,\n        apply,\n    } = props;\n    const currentRecord = value ? resourceIndexService.getTextureRecord(value) : undefined;\n    const unsupported = value && (!currentRecord || !acceptedKinds.includes(currentRecord.metadata.kind) || !AcceptsSampleType(currentRecord.metadata.sampleType, sampleCategory));\n    const candidates: object[] = [];\n    const seen = new Set<object>();\n    for (const scene of record.scenes) {\n        for (const texture of resourceIndexService.getSceneSnapshot(scene).textures) {\n            if (!seen.has(texture.entity)) {\n                seen.add(texture.entity);\n                candidates.push(texture.entity);\n            }\n        }\n    }\n    const mutate = (texture: object | null) => {\n        commit({\n            id,\n            oldValue: value ?? null,\n            newValue: texture,\n            apply: (): void | Promise<void> => {\n                if ((read() ?? null) !== (value ?? null)) {\n                    throw new Error(`Texture binding \"${id}\" is stale.`);\n                }\n                const metadata = texture && resourceIndexService.getTextureRecord(texture)?.metadata;\n                if (texture && (!metadata || !acceptedKinds.includes(metadata.kind) || !AcceptsSampleType(metadata.sampleType, sampleCategory))) {\n                    throw new TypeError(`Texture binding \"${id}\" does not accept this texture.`);\n                }\n                return apply(texture);\n            },\n            invalidate,\n        });\n    };\n    return (\n        <MaterialTextureBindingPropertyLine\n            id={id}\n            label={label}\n            value={unsupported ? null : (value ?? null)}\n            candidates={candidates}\n            getId={(texture) => String(resourceIndexService.getTextureRecord(texture)?.ordinal ?? candidates.indexOf(texture))}\n            getDisplayName={(texture) => GetTextureDisplayName(resourceIndexService.getTextureRecord(texture))}\n            getKind={(texture) => resourceIndexService.getTextureRecord(texture)?.metadata.kind ?? \"unknown\"}\n            acceptedKinds={acceptedKinds}\n            isCandidateAccepted={(texture) => {\n                const metadata = resourceIndexService.getTextureRecord(texture)?.metadata;\n                return !!metadata && AcceptsSampleType(metadata.sampleType, sampleCategory);\n            }}\n            write={\n                unsupported\n                    ? undefined\n                    : {\n                          assign: (texture) => mutate(texture),\n                          clear: value && canClear ? () => mutate(null) : undefined,\n                      }\n            }\n            navigate={\n                value && !unsupported\n                    ? (texture) => {\n                          if (!resourceIndexService.isDisposed && read() === texture && resourceIndexService.getTextureRecord(texture)) {\n                              selectionService.selectedEntity = texture;\n                          }\n                      }\n                    : undefined\n            }\n            pending={operations[id]?.pending}\n            error={operations[id]?.error ?? (unsupported ? `${label} contains an unsupported texture value.` : undefined)}\n        />\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/lib/lite/dynamicMaterialField-L_nQAxAA.js

@@ -0,0 +1,107 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Body1 } from '@fluentui/react-components';
+import { useRef, useCallback, useState, useEffect } from 'react';
+import { b as useWatchedValue, C as ComputedProperty, T as TextPropertyLine, D as DerivedProperty, s as Vector4PropertyLine, t as Vector3PropertyLine, V as Vector2PropertyLine, N as NumberInputPropertyLine, P as PropertyLine } from './index-Cy8gzpYG.js';
+
+const MatrixField = (props) => {
+    const { label, uniqueId, description, disabled, value, onChange } = props;
+    const [draft, setDraft] = useState(value);
+    useEffect(() => setDraft(value), [value]);
+    return (jsx(PropertyLine, { label: label, uniqueId: uniqueId, description: description, expandedContent: jsx(Fragment, { children: draft.map((component, index) => (jsx(NumberInputPropertyLine, { label: `M${Math.floor(index / 4)}${index % 4}`, value: component, disabled: disabled, onChange: (nextValue) => {
+                    const next = [...draft];
+                    next[index] = nextValue;
+                    setDraft(next);
+                    onChange(next);
+                } }, index))) }), children: jsx(Body1, { children: "[4 \u00D7 4]" }) }));
+};
+/**
+ * Displays a discovered scalar, vector, or matrix input with a guarded write callback.
+ * @param props The runtime value reader, writer, constraints, and row status.
+ * @returns An editable property line or an unavailable read-only fallback.
+ */
+const DynamicMaterialField = (props) => {
+    const { target, id, label, type, read, write, unavailable, pending, error, integer, min, max } = props;
+    const lastValue = useRef(undefined);
+    const getValue = useCallback(() => {
+        try {
+            const value = read();
+            const previous = lastValue.current;
+            const previousValue = previous?.value;
+            if (previous?.target === target &&
+                Array.isArray(value) &&
+                Array.isArray(previousValue) &&
+                value.length === previousValue.length &&
+                value.every((component, index) => Object.is(component, previousValue[index]))) {
+                return previousValue;
+            }
+            lastValue.current = { target, value };
+            return value;
+        }
+        catch {
+            return undefined;
+        }
+    }, [read, target]);
+    const value = useWatchedValue(target, getValue);
+    const common = { label, uniqueId: id, disabled: pending, description: error ? `Error: ${error}` : undefined };
+    let control;
+    if (value === undefined) {
+        control = jsx(ComputedProperty, { component: TextPropertyLine, target: target, getValue: () => `Unavailable: ${unavailable}`, label: label, uniqueId: id });
+    }
+    else {
+        switch (type) {
+            case "number":
+                control = (jsx(DerivedProperty, { component: NumberInputPropertyLine, target: target, getValue: getValue, setValue: (_target, next) => write(next), ...common, min: min, max: max, step: integer ? 1 : undefined, forceInt: integer }));
+                break;
+            case "vec2":
+                control = (jsx(DerivedProperty, { component: Vector2PropertyLine, target: target, getValue: getValue, setValue: (_target, next) => write("x" in next ? [next.x, next.y] : next), ...common }));
+                break;
+            case "vec3":
+                control = (jsx(DerivedProperty, { component: Vector3PropertyLine, target: target, getValue: getValue, setValue: (_target, next) => write("x" in next ? [next.x, next.y, next.z] : next), ...common }));
+                break;
+            case "vec4":
+                control = (jsx(DerivedProperty, { component: Vector4PropertyLine, target: target, getValue: getValue, setValue: (_target, next) => write("x" in next ? [next.x, next.y, next.z, next.w] : next), ...common }));
+                break;
+            case "mat4":
+                control = (jsx(DerivedProperty, { component: MatrixField, target: target, getValue: getValue, setValue: (_target, next) => write(next), ...common }));
+                break;
+        }
+    }
+    return (jsxs("div", { "aria-busy": pending, children: [control, pending ? jsx(Body1, { role: "status", children: `Applying ${label}…` }) : undefined, error ? jsx(Body1, { role: "alert", children: error }) : undefined] }));
+};
+/**
+ * Validates a discovered numeric input before sending it to the Lite setter.
+ * @param id The property row identifier.
+ * @param value The proposed scalar or tuple.
+ * @param length The expected tuple length, or one for a scalar.
+ * @param integer Whether the scalar must be an integer.
+ * @param min The optional scalar lower bound.
+ * @param max The optional scalar upper bound.
+ * @returns A detached scalar or array suitable for the Lite setter.
+ */
+function ValidateDynamicValue(id, value, length, integer = false, min, max) {
+    if (length === 1) {
+        if (typeof value !== "number" || !Number.isFinite(value)) {
+            throw new TypeError(`Property "${id}" requires a finite number.`);
+        }
+        if (integer && !Number.isInteger(value)) {
+            throw new TypeError(`Property "${id}" requires an integer.`);
+        }
+        if (min !== undefined && value < min) {
+            throw new RangeError(`Property "${id}" must be at least ${min}.`);
+        }
+        if (max !== undefined && value > max) {
+            throw new RangeError(`Property "${id}" must be at most ${max}.`);
+        }
+        return value;
+    }
+    if (!Array.isArray(value) || value.length !== length) {
+        throw new TypeError(`Property "${id}" requires a ${length}-component tuple.`);
+    }
+    if (value.some((component) => typeof component !== "number" || !Number.isFinite(component))) {
+        throw new TypeError(`Property "${id}" requires finite tuple components.`);
+    }
+    return [...value];
+}
+
+export { DynamicMaterialField as D, ValidateDynamicValue as V };
+//# sourceMappingURL=dynamicMaterialField-L_nQAxAA.js.map

package/lib/lite/dynamicMaterialField-L_nQAxAA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamicMaterialField-L_nQAxAA.js","sources":["../../../../../../../../../../dev/inspector-v2/src/lite/services/panes/properties/materials/dynamicMaterialField.tsx"],"sourcesContent":["import { Body1 } from \"@fluentui/react-components\";\nimport { type FunctionComponent, useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { NumberInputPropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/inputPropertyLine\";\nimport { PropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/propertyLine\";\nimport { TextPropertyLine } from \"shared-ui-components/fluent/hoc/propertyLines/textPropertyLine\";\nimport { Vector2PropertyLine, Vector3PropertyLine, Vector4PropertyLine } from \"shared-ui-components/lite/fluent/hoc/propertyLines/vectorPropertyLine\";\n\nimport { ComputedProperty, DerivedProperty } from \"../../../../../components/properties/boundProperty\";\nimport { useWatchedValue } from \"../../../../../contexts/watcherContext\";\n\nexport type DynamicFieldType = \"number\" | \"vec2\" | \"vec3\" | \"vec4\" | \"mat4\";\nexport type DynamicFieldValue = number | readonly number[];\n\ntype DynamicFieldProps = Readonly<{\n    target: object;\n    id: string;\n    label: string;\n    type: DynamicFieldType;\n    read: () => DynamicFieldValue | undefined;\n    write: (value: DynamicFieldValue) => void;\n    unavailable: string;\n    pending?: boolean;\n    error?: string;\n    integer?: boolean;\n    min?: number;\n    max?: number;\n}>;\n\ntype MatrixValue = readonly [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number];\n\nconst MatrixField: FunctionComponent<{\n    label: string;\n    uniqueId: string;\n    description?: string;\n    disabled?: boolean;\n    value: MatrixValue;\n    onChange: (value: MatrixValue) => void;\n}> = (props) => {\n    const { label, uniqueId, description, disabled, value, onChange } = props;\n    const [draft, setDraft] = useState(value);\n    useEffect(() => setDraft(value), [value]);\n    return (\n        <PropertyLine\n            label={label}\n            uniqueId={uniqueId}\n            description={description}\n            expandedContent={\n                <>\n                    {draft.map((component, index) => (\n                        <NumberInputPropertyLine\n                            key={index}\n                            label={`M${Math.floor(index / 4)}${index % 4}`}\n                            value={component}\n                            disabled={disabled}\n                            onChange={(nextValue) => {\n                                const next = [...draft] as [...MatrixValue];\n                                next[index] = nextValue;\n                                setDraft(next);\n                                onChange(next);\n                            }}\n                        />\n                    ))}\n                </>\n            }\n        >\n            <Body1>[4 × 4]</Body1>\n        </PropertyLine>\n    );\n};\n\n/**\n * Displays a discovered scalar, vector, or matrix input with a guarded write callback.\n * @param props The runtime value reader, writer, constraints, and row status.\n * @returns An editable property line or an unavailable read-only fallback.\n */\nexport const DynamicMaterialField: FunctionComponent<DynamicFieldProps> = (props) => {\n    const { target, id, label, type, read, write, unavailable, pending, error, integer, min, max } = props;\n    const lastValue = useRef<{ target: object; value: DynamicFieldValue | undefined }>(undefined);\n    const getValue = useCallback(() => {\n        try {\n            const value = read();\n            const previous = lastValue.current;\n            const previousValue = previous?.value;\n            if (\n                previous?.target === target &&\n                Array.isArray(value) &&\n                Array.isArray(previousValue) &&\n                value.length === previousValue.length &&\n                value.every((component, index) => Object.is(component, previousValue[index]))\n            ) {\n                return previousValue;\n            }\n            lastValue.current = { target, value };\n            return value;\n        } catch {\n            return undefined;\n        }\n    }, [read, target]);\n    const value = useWatchedValue(target, getValue);\n    const common = { label, uniqueId: id, disabled: pending, description: error ? `Error: ${error}` : undefined };\n    let control: React.ReactNode;\n    if (value === undefined) {\n        control = <ComputedProperty component={TextPropertyLine} target={target} getValue={() => `Unavailable: ${unavailable}`} label={label} uniqueId={id} />;\n    } else {\n        switch (type) {\n            case \"number\":\n                control = (\n                    <DerivedProperty\n                        component={NumberInputPropertyLine}\n                        target={target}\n                        getValue={getValue as () => number}\n                        setValue={(_target, next) => write(next)}\n                        {...common}\n                        min={min}\n                        max={max}\n                        step={integer ? 1 : undefined}\n                        forceInt={integer}\n                    />\n                );\n                break;\n            case \"vec2\":\n                control = (\n                    <DerivedProperty\n                        component={Vector2PropertyLine}\n                        target={target}\n                        getValue={getValue as () => readonly [number, number]}\n                        setValue={(_target, next) => write(\"x\" in next ? [next.x, next.y] : next)}\n                        {...common}\n                    />\n                );\n                break;\n            case \"vec3\":\n                control = (\n                    <DerivedProperty\n                        component={Vector3PropertyLine}\n                        target={target}\n                        getValue={getValue as () => readonly [number, number, number]}\n                        setValue={(_target, next) => write(\"x\" in next ? [next.x, next.y, next.z] : next)}\n                        {...common}\n                    />\n                );\n                break;\n            case \"vec4\":\n                control = (\n                    <DerivedProperty\n                        component={Vector4PropertyLine}\n                        target={target}\n                        getValue={getValue as () => readonly [number, number, number, number]}\n                        setValue={(_target, next) => write(\"x\" in next ? [next.x, next.y, next.z, next.w] : next)}\n                        {...common}\n                    />\n                );\n                break;\n            case \"mat4\":\n                control = (\n                    <DerivedProperty component={MatrixField} target={target} getValue={getValue as () => MatrixValue} setValue={(_target, next) => write(next)} {...common} />\n                );\n                break;\n        }\n    }\n    return (\n        <div aria-busy={pending}>\n            {control}\n            {pending ? <Body1 role=\"status\">{`Applying ${label}…`}</Body1> : undefined}\n            {error ? <Body1 role=\"alert\">{error}</Body1> : undefined}\n        </div>\n    );\n};\n\n/**\n * Validates a discovered numeric input before sending it to the Lite setter.\n * @param id The property row identifier.\n * @param value The proposed scalar or tuple.\n * @param length The expected tuple length, or one for a scalar.\n * @param integer Whether the scalar must be an integer.\n * @param min The optional scalar lower bound.\n * @param max The optional scalar upper bound.\n * @returns A detached scalar or array suitable for the Lite setter.\n */\nexport function ValidateDynamicValue(id: string, value: DynamicFieldValue, length: number, integer = false, min?: number, max?: number): number | number[] {\n    if (length === 1) {\n        if (typeof value !== \"number\" || !Number.isFinite(value)) {\n            throw new TypeError(`Property \"${id}\" requires a finite number.`);\n        }\n        if (integer && !Number.isInteger(value)) {\n            throw new TypeError(`Property \"${id}\" requires an integer.`);\n        }\n        if (min !== undefined && value < min) {\n            throw new RangeError(`Property \"${id}\" must be at least ${min}.`);\n        }\n        if (max !== undefined && value > max) {\n            throw new RangeError(`Property \"${id}\" must be at most ${max}.`);\n        }\n        return value;\n    }\n    if (!Array.isArray(value) || value.length !== length) {\n        throw new TypeError(`Property \"${id}\" requires a ${length}-component tuple.`);\n    }\n    if (value.some((component) => typeof component !== \"number\" || !Number.isFinite(component))) {\n        throw new TypeError(`Property \"${id}\" requires finite tuple components.`);\n    }\n    return [...value];\n}\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/lib/lite/engineExplorerService.d.ts

@@ -1,6 +1,6 @@
 import { type RenderingContext } from "@babylonjs/lite";
 import { type ComponentType } from "react";
-import { type IDisposable } from "@babylonjs/core/index.js";
+import { type IDisposable, type IReadonlyObservable } from "@babylonjs/core/index.js";
 import { type ExplorerDisplayInfo, type ExplorerNodeDescription } from "../components/explorer/explorerModel";
 import { type IService, type ServiceDefinition } from "@babylonjs/shared-ui-components/modularTool/modularity/serviceDefinition.js";
 import { type IShellService } from "@babylonjs/shared-ui-components/modularTool/services/shellService.js";
@@ -26,6 +26,8 @@ export type RenderingContextNodeProvider<T extends RenderingContext> = Readonly<
     getNodes: (context: T) => readonly ExplorerNodeDescription[];
     /** Gets the object identities used to detect changes in the contributed nodes. */
     getSnapshot: (context: T) => readonly object[];
+    /** Optionally notifies when the nodes returned by this provider may have changed. */
+    onChanged?: IReadonlyObservable<unknown>;
 }>;
 /**
  * Overrides presentation for a Babylon Lite rendering context node.

package/lib/lite/{extensionsListService-D1JivcAu.js → extensionsListService-Bl1rTNl1.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Dialog, DialogTrigger, Tooltip, Button, DialogSurface, DialogBody, DialogTitle, TabList, Tab, DialogContent, Accordion, makeStyles, tokens, AccordionItem, AccordionHeader, Body1Strong, PresenceBadge, AccordionPanel, Card, CardHeader, Caption1, Body1, CardPreview, Persona, AvatarGroup, AvatarGroupItem, CardFooter, Spinner, Popover, PopoverTrigger, PopoverSurface } from '@fluentui/react-components';
 import { useState, useEffect, memo, useMemo, useCallback } from 'react';
-import { S as ShellServiceIdentity, u as useExtensionManager, L as Link } from './index-D8vFySa7.js';
+import { S as ShellServiceIdentity, u as useExtensionManager, L as Link } from './index-Cy8gzpYG.js';
 import { AppsAddInRegular, DismissRegular, LinkRegular, BranchForkRegular, BugRegular, ArrowDownloadRegular, DeleteRegular, MailRegular, PeopleCommunityRegular } from '@fluentui/react-icons';
 import { Fade } from '@fluentui/react-motion-components-preview';
 import { Logger } from '@babylonjs/core/Misc/logger.js';
@@ -211,4 +211,4 @@ const ExtensionListServiceDefinition = {
 };
 
 export { ExtensionListServiceDefinition };
-//# sourceMappingURL=extensionsListService-D1JivcAu.js.map
+//# sourceMappingURL=extensionsListService-Bl1rTNl1.js.map