npm - @viamrobotics/motion-tools - Versions diffs - 1.9.0 → 1.9.1 - Mend

@viamrobotics/motion-tools 1.9.0 → 1.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (67) hide show

package/dist/components/App.svelte CHANGED Viewed

@@ -5,20 +5,20 @@
 	import { provideToast, ToastContainer } from '@viamrobotics/prime-core'
 	import type { Struct } from '@viamrobotics/sdk'
 	import Scene from './Scene.svelte'
-	import TreeContainer from './Tree/TreeContainer.svelte'
-	import Details from './Details.svelte'
+	import TreeContainer from './overlay/left-pane/TreeContainer.svelte'
+	import Details from './overlay/Details.svelte'
 	import SceneProviders from './SceneProviders.svelte'
 	import XR from './xr/XR.svelte'
 	import { createPartIDContext } from '../hooks/usePartID.svelte'
-	import Dashboard from './dashboard/Dashboard.svelte'
+	import Dashboard from './overlay/dashboard/Dashboard.svelte'
 	import { domPortal } from '../portal'
 	import { provideSettings } from '../hooks/useSettings.svelte'
 	import FileDrop from './FileDrop/FileDrop.svelte'
 	import { provideWeblabs } from '../hooks/useWeblabs.svelte'
 	import { providePartConfig } from '../hooks/usePartConfig.svelte'
 	import { useViamClient } from '@viamrobotics/svelte-sdk'
-	import LiveUpdatesBanner from './LiveUpdatesBanner.svelte'
-	import ArmPositions from './widgets/ArmPositions.svelte'
+	import LiveUpdatesBanner from './overlay/LiveUpdatesBanner.svelte'
+	import ArmPositions from './overlay/widgets/ArmPositions.svelte'
 	import { provideEnvironment } from '../hooks/useEnvironment.svelte'
 	import type { CameraPose } from '../hooks/useControls.svelte'
 	import { provideWorld } from '../ecs'
@@ -26,7 +26,7 @@
 		provideDrawConnectionConfig,
 		type DrawConnectionConfig,
 	} from '../hooks/useDrawConnectionConfig.svelte'
-	import Camera from './widgets/Camera.svelte'
+	import Camera from './overlay/widgets/Camera.svelte'
 	import HoveredEntities from './HoveredEntities.svelte'
 	interface LocalConfigProps {

package/dist/components/CameraControls.svelte CHANGED Viewed

@@ -3,7 +3,7 @@
 	import { CameraControls, type CameraControlsRef, Gizmo, Portal } from '@threlte/extras'
 	import { useCameraControls, useTransformControls } from '../hooks/useControls.svelte'
 	import KeyboardControls from './KeyboardControls.svelte'
-	import Button from './dashboard/Button.svelte'
+	import Button from './overlay/dashboard/Button.svelte'
 	import { useSettings } from '../hooks/useSettings.svelte'
 	const cameraControls = useCameraControls()

package/dist/components/Focus.svelte CHANGED Viewed

@@ -4,7 +4,7 @@
 	import { Box3, type Object3D, Vector3 } from 'three'
 	import { TrackballControls as ThreeTrackballControls } from 'three/examples/jsm/controls/TrackballControls.js'
 	import Camera from './Camera.svelte'
-	import Button from './dashboard/Button.svelte'
+	import Button from './overlay/dashboard/Button.svelte'
 	interface Props {
 		object3d: Object3D

package/dist/components/Frame.svelte CHANGED Viewed

@@ -62,7 +62,7 @@
 		if (!componentName || !id) {
 			return
 		}
-		return componentModels.current?.[componentName]?.[id]
+		return componentModels.current?.[componentName]?.[id].clone()
 	})
 </script>

package/dist/components/Geometry2.svelte CHANGED Viewed

@@ -46,6 +46,7 @@
 	const linePositions = useTrait(() => entity, traits.LinePositions)
 	const lineWidth = useTrait(() => entity, traits.LineWidth)
 	const center = useTrait(() => entity, traits.Center)
+	const showAxesHelper = useTrait(() => entity, traits.ShowAxesHelper)
 	const geometryType = $derived.by(() => {
 		if (box.current) return 'box'
@@ -124,10 +125,12 @@
 	{...rest}
 >
 	{#if geometryType}
-		<AxesHelper
-			width={3}
-			length={0.1}
-		/>
+		{#if showAxesHelper.current}
+			<AxesHelper
+				width={3}
+				length={0.1}
+			/>
+		{/if}
 		<T
 			is={mesh}
@@ -196,7 +199,7 @@
 				{/if}
 			{/if}
 		</T>
-	{:else}
+	{:else if showAxesHelper.current}
 		<AxesHelper
 			name={name.current}
 			width={3}

package/dist/components/HoveredEntityTooltip.svelte CHANGED Viewed

@@ -158,6 +158,7 @@
 	<HTML
 		position={tooltipData.subEntityPosition.toArray()}
 		class="pointer-events-none"
+		zIndexRange={[3, 0]}
 	>
 		<div
 			class="border-medium pointer-events-none relative -mb-2 -translate-x-1/2 -translate-y-full border bg-white px-3 py-2.5 text-xs shadow-md"

package/dist/components/Label.svelte CHANGED Viewed

@@ -17,7 +17,7 @@
 {#if labels && text}
 	<HTML
 		center
-		zIndexRange={[100, 0]}
+		zIndexRange={[3, 0]}
 		class="border-gray-7 border bg-white px-2 py-1 text-xs"
 	>
 		{text}

package/dist/components/MeasureTool/MeasurePoint.svelte CHANGED Viewed

@@ -17,11 +17,13 @@
 >
 	<HTML
 		center
+		zIndexRange={[3, 0]}
 		class="h-2.5 w-2.5 rounded-full bg-black/70"
 	/>
 	<HTML
 		class="pointer-events-none mb-2 w-16 -translate-x-1/2 -translate-y-[calc(100%+10px)] border border-black bg-white px-1 py-0.5 text-xs text-wrap"
+		zIndexRange={[3, 0]}
 	>
 		<div class="flex justify-between">
 			<span class="text-subtle-2">x</span>

package/dist/components/MeasureTool/MeasureTool.svelte CHANGED Viewed

@@ -4,20 +4,19 @@
 	import { T } from '@threlte/core'
 	import { HTML, MeshLineGeometry, MeshLineMaterial, Portal } from '@threlte/extras'
 	import { useSettings } from '../../hooks/useSettings.svelte'
-	import Button from '../dashboard/Button.svelte'
+	import Button from '../overlay/dashboard/Button.svelte'
 	import MeasurePoint from './MeasurePoint.svelte'
 	import { useMouseRaycaster } from '../../hooks/useMouseRaycaster.svelte'
 	import { useFocusedEntity } from '../../hooks/useSelection.svelte'
-	import ToggleGroup from '../Overlay/ToggleGroup.svelte'
-	import Popover from '../Overlay/Popover.svelte'
+	import ToggleGroup from '../overlay/ToggleGroup.svelte'
+	import Popover from '../overlay/Popover.svelte'
 	const focusedEntity = useFocusedEntity()
 	const settings = useSettings()
 	const htmlPosition = new Vector3()
-	let step: 'idle' | 'p1' | 'p2' = 'idle'
+	let step = $state<'idle' | 'p1' | 'p2'>('idle')
 	let intersection = $state<Intersection>()
 	let p1 = $state.raw<Vector3>()
 	let p2 = $state.raw<Vector3>()
@@ -166,6 +165,7 @@
 			<HTML
 				center
 				position={htmlPosition.lerpVectors(p1, p2, 0.5).toArray()}
+				zIndexRange={[3, 0]}
 			>
 				<div class="border border-black bg-white px-1 py-0.5 text-xs">
 					{p1.distanceTo(p2).toFixed(2)}<span class="text-subtle-2">m</span>

package/dist/components/{Details.svelte → overlay/Details.svelte} RENAMED Viewed

@@ -2,7 +2,7 @@
 	module
 	lang="ts"
 >
-	import { OrientationVector } from '../three/OrientationVector'
+	import { OrientationVector } from '../../three/OrientationVector'
 	import { Quaternion, Vector3, MathUtils, BufferAttribute } from 'three'
 	const vec3 = new Vector3()
@@ -20,14 +20,14 @@
 		useFocusedEntity,
 		useFocusedObject3d,
 		useSelectedObject3d,
-	} from '../hooks/useSelection.svelte'
-	import { useFrames } from '../hooks/useFrames.svelte'
-	import { usePartConfig } from '../hooks/usePartConfig.svelte'
-	import { FrameConfigUpdater } from '../FrameConfigUpdater.svelte'
-	import { useEnvironment } from '../hooks/useEnvironment.svelte'
-	import { traits, useTrait, useWorld } from '../ecs'
-	import { useResourceByName } from '../hooks/useResourceByName.svelte'
-	import { useCameraControls } from '../hooks/useControls.svelte'
+	} from '../../hooks/useSelection.svelte'
+	import { useFrames } from '../../hooks/useFrames.svelte'
+	import { usePartConfig } from '../../hooks/usePartConfig.svelte'
+	import { FrameConfigUpdater } from '../../FrameConfigUpdater.svelte'
+	import { useEnvironment } from '../../hooks/useEnvironment.svelte'
+	import { traits, useTrait, useWorld } from '../../ecs'
+	import { useResourceByName } from '../../hooks/useResourceByName.svelte'
+	import { useCameraControls } from '../../hooks/useControls.svelte'
 	const { ...rest } = $props()
@@ -232,7 +232,7 @@
 	<div
 		id="details-panel"
-		class="border-medium bg-extralight absolute top-0 right-0 z-10 m-2 {showEditFrameOptions
+		class="border-medium bg-extralight absolute top-0 right-0 z-4 m-2 {showEditFrameOptions
 			? 'w-80'
 			: 'w-60'} border p-2 text-xs"
 		use:draggable={{

package/dist/components/{LiveUpdatesBanner.svelte → overlay/LiveUpdatesBanner.svelte} RENAMED Viewed

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Button, Icon } from '@viamrobotics/prime-core'
-	import { usePartConfig } from '../hooks/usePartConfig.svelte'
+	import { usePartConfig } from '../../hooks/usePartConfig.svelte'
 	const partConfig = usePartConfig()
@@ -25,7 +25,7 @@
 {#if partConfig.isDirty}
 	<div
-		class="absolute bottom-8 z-10 flex w-full justify-center gap-2"
+		class="absolute bottom-8 z-4 flex w-full justify-center gap-2"
 		{...rest}
 	>
 		<div

package/dist/components/{__tests__ → overlay/__tests__}/__fixtures__/entity.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { traits } from '../../../ecs';
+import { traits } from '../../../../ecs';
 export const createEntityFixture = (world) => {
     return world.spawn(traits.Parent('parent_frame'), traits.Name('Test Object'), traits.Pose({
         x: 10,

package/dist/components/{dashboard → overlay/dashboard}/Button.svelte RENAMED Viewed

@@ -33,7 +33,7 @@
 		class={[
 			className,
 			'relative block border',
-			active ? 'border-gray-5 text-gray-8 z-10 bg-white' : 'bg-light border-medium text-disabled',
+			active ? 'border-gray-5 text-gray-8 z-4 bg-white' : 'bg-light border-medium text-disabled',
 		]}
 		aria-describedby={tooltipID}
 	>

package/dist/components/{dashboard → overlay/dashboard}/Dashboard.svelte RENAMED Viewed

@@ -1,5 +1,5 @@
 <script>
-	import { useSettings } from '../../hooks/useSettings.svelte'
+	import { useSettings } from '../../../hooks/useSettings.svelte'
 	import { PortalTarget } from '@threlte/extras'
 	import Button from './Button.svelte'
@@ -9,7 +9,7 @@
 </script>
 <div
-	class="absolute top-2 z-10 flex w-full justify-center gap-2"
+	class="absolute top-2 z-4 flex w-full justify-center gap-2"
 	{...rest}
 >
 	<!-- camera view -->

package/dist/components/{Tree → overlay/left-pane}/AddFrames.svelte RENAMED Viewed

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { IconButton } from '@viamrobotics/prime-core'
 	import Drawer from './Drawer.svelte'
-	import { usePartConfig } from '../../hooks/usePartConfig.svelte'
-	import { useFramelessComponents } from '../../hooks/useFramelessComponents.svelte'
+	import { usePartConfig } from '../../../hooks/usePartConfig.svelte'
+	import { useFramelessComponents } from '../../../hooks/useFramelessComponents.svelte'
 	const framelessComponents = useFramelessComponents()
 	const partConfig = usePartConfig()

package/dist/components/{Tree → overlay/left-pane}/Logs.svelte RENAMED Viewed

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { useLogs } from '../../hooks/useLogs.svelte'
+	import { useLogs } from '../../../hooks/useLogs.svelte'
 	import Drawer from './Drawer.svelte'
 	const logs = useLogs()

package/dist/components/{RefreshRate.svelte → overlay/left-pane/RefreshRate.svelte} RENAMED Viewed

@@ -17,7 +17,7 @@
 <script lang="ts">
 	import { Select, IconButton } from '@viamrobotics/prime-core'
-	import { useMachineSettings } from '../hooks/useMachineSettings.svelte'
+	import { useMachineSettings } from '../../../hooks/useMachineSettings.svelte'
 	import type { Snippet } from 'svelte'
 	interface Props {

package/dist/components/{Tree → overlay/left-pane}/Settings.svelte RENAMED Viewed

@@ -1,15 +1,15 @@
 <script lang="ts">
 	import { Select, Switch, Input } from '@viamrobotics/prime-core'
-	import RefreshRate from '../RefreshRate.svelte'
+	import RefreshRate from './RefreshRate.svelte'
 	import Drawer from './Drawer.svelte'
-	import { useSettings } from '../../hooks/useSettings.svelte'
+	import { useSettings } from '../../../hooks/useSettings.svelte'
 	import { useResourceNames } from '@viamrobotics/svelte-sdk'
-	import { usePartID } from '../../hooks/usePartID.svelte'
-	import { RefreshRates, useMachineSettings } from '../../hooks/useMachineSettings.svelte'
-	import { useGeometries } from '../../hooks/useGeometries.svelte'
-	import { usePointClouds } from '../../hooks/usePointclouds.svelte'
+	import { usePartID } from '../../../hooks/usePartID.svelte'
+	import { RefreshRates, useMachineSettings } from '../../../hooks/useMachineSettings.svelte'
+	import { useGeometries } from '../../../hooks/useGeometries.svelte'
+	import { usePointClouds } from '../../../hooks/usePointclouds.svelte'
 	import { useThrelte } from '@threlte/core'
-	import { useRefetchPoses } from '../../hooks/useRefetchPoses'
+	import { useRefetchPoses } from '../../../hooks/useRefetchPoses'
 	const { invalidate } = useThrelte()
 	const partID = usePartID()

package/dist/components/{Tree → overlay/left-pane}/Tree.svelte RENAMED Viewed

@@ -2,12 +2,12 @@
 	import * as tree from '@zag-js/tree-view'
 	import { useMachine, normalizeProps } from '@zag-js/svelte'
 	import { ChevronRight, Eye, EyeOff } from 'lucide-svelte'
-	import { useVisibility } from '../../hooks/useVisibility.svelte'
+	import { useVisibility } from '../../../hooks/useVisibility.svelte'
 	import type { TreeNode } from './buildTree'
 	import { VirtualList } from 'svelte-virtuallists'
 	import { Icon } from '@viamrobotics/prime-core'
-	import { traits } from '../../ecs'
-	import { useSelectedEntity } from '../../hooks/useSelection.svelte'
+	import { traits } from '../../../ecs'
+	import { useSelectedEntity } from '../../../hooks/useSelection.svelte'
 	import { SvelteSet } from 'svelte/reactivity'
 	const selected = useSelectedEntity()

package/dist/components/{Tree → overlay/left-pane}/TreeContainer.svelte RENAMED Viewed

@@ -1,20 +1,20 @@
 <script lang="ts">
 	import { draggable } from '@neodrag/svelte'
 	import Tree from './Tree.svelte'
-	import { useSelectedEntity } from '../../hooks/useSelection.svelte'
+	import { useSelectedEntity } from '../../../hooks/useSelection.svelte'
 	import { provideTreeExpandedContext } from './useExpanded.svelte'
 	import Settings from './Settings.svelte'
 	import Logs from './Logs.svelte'
 	import Widgets from './Widgets.svelte'
 	import AddFrames from './AddFrames.svelte'
-	import { useEnvironment } from '../../hooks/useEnvironment.svelte'
-	import { usePartID } from '../../hooks/usePartID.svelte'
-	import { usePartConfig } from '../../hooks/usePartConfig.svelte'
-	import { useFrames } from '../../hooks/useFrames.svelte'
-	import { traits, useQuery, useWorld } from '../../ecs'
+	import { useEnvironment } from '../../../hooks/useEnvironment.svelte'
+	import { usePartID } from '../../../hooks/usePartID.svelte'
+	import { usePartConfig } from '../../../hooks/usePartConfig.svelte'
+	import { useFrames } from '../../../hooks/useFrames.svelte'
+	import { traits, useQuery, useWorld } from '../../../ecs'
 	import { IsExcluded, type Entity } from 'koota'
 	import { buildTreeNodes, type TreeNode } from './buildTree'
-	import { MIN_DIMENSIONS, useResizable } from '../../hooks/useResizable.svelte'
+	import { MIN_DIMENSIONS, useResizable } from '../../../hooks/useResizable.svelte'
 	const { ...rest } = $props()
@@ -59,7 +59,7 @@
 <div
 	bind:this={container}
-	class="bg-extralight border-medium absolute top-0 left-0 z-1000 m-2 resize overflow-y-auto border text-xs"
+	class="bg-extralight border-medium absolute top-0 left-0 z-4 m-2 resize overflow-y-auto border text-xs"
 	style:min-width="{MIN_DIMENSIONS.width}px"
 	style:min-height="{MIN_DIMENSIONS.height}px"
 	style:width={resizable.current ? `${resizable.current.width}px` : undefined}

package/dist/components/{Tree → overlay/left-pane}/Widgets.svelte RENAMED Viewed

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { Switch } from '@viamrobotics/prime-core'
 	import Drawer from './Drawer.svelte'
-	import { useSettings } from '../../hooks/useSettings.svelte'
-	import { useResourceByName } from '../../hooks/useResourceByName.svelte'
-	import { usePartID } from '../../hooks/usePartID.svelte'
+	import { useSettings } from '../../../hooks/useSettings.svelte'
+	import { useResourceByName } from '../../../hooks/useResourceByName.svelte'
+	import { usePartID } from '../../../hooks/usePartID.svelte'
 	const settings = useSettings()
 	const resourceByName = useResourceByName()

package/dist/components/{Tree → overlay/left-pane}/buildTree.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { traits } from '../../ecs';
+import { traits } from '../../../ecs';
 /**
  * Creates a tree representing parent child / relationships from a set of frames.
  */

package/dist/components/{widgets → overlay/widgets}/ArmPositions.svelte RENAMED Viewed

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { draggable } from '@neodrag/svelte'
-	import { formatNumeric } from '../../format'
-	import Table from '../shared/Table.svelte'
-	import { useArmClient } from '../../hooks/useArmClient.svelte'
+	import { formatNumeric } from '../../../format'
+	import Table from '../Table.svelte'
+	import { useArmClient } from '../../../hooks/useArmClient.svelte'
 	import { Icon, Label, Select } from '@viamrobotics/prime-core'
 	const { ...rest } = $props()
@@ -17,7 +17,7 @@
 </script>
 <div
-	class="bg-extralight border-medium absolute top-0 left-0 z-1000 m-2 overflow-y-auto border text-xs"
+	class="bg-extralight border-medium absolute top-0 left-0 z-4 m-2 overflow-y-auto border text-xs"
 	use:draggable={{
 		bounds: 'body',
 		handle: dragElement,

package/dist/components/{widgets → overlay/widgets}/Camera.svelte RENAMED Viewed

@@ -3,9 +3,9 @@
 	import { Icon, Select } from '@viamrobotics/prime-core'
 	import { CameraStream, useRobotClient } from '@viamrobotics/svelte-sdk'
 	import { StreamClient } from '@viamrobotics/sdk'
-	import { useSettings } from '../../hooks/useSettings.svelte'
-	import { usePartID } from '../../hooks/usePartID.svelte'
-	import { useEnvironment } from '../../hooks/useEnvironment.svelte'
+	import { useSettings } from '../../../hooks/useSettings.svelte'
+	import { usePartID } from '../../../hooks/usePartID.svelte'
+	import { useEnvironment } from '../../../hooks/useEnvironment.svelte'
 	interface Resolution {
 		width: number
@@ -107,7 +107,7 @@
 </script>
 <div
-	class="bg-extralight border-medium absolute top-0 left-0 z-1000 m-2 flex resize-x flex-col overflow-hidden border text-xs"
+	class="bg-extralight border-medium absolute top-0 left-0 z-4 m-2 flex resize-x flex-col overflow-hidden border text-xs"
 	style:width="320px"
 	style:height="auto !important"
 	use:draggable={{
@@ -176,7 +176,7 @@
 			<!-- FPS Pill -->
 			{#if fps > 0}
 				<div
-					class="absolute bottom-2 left-2 z-10 rounded-[3px] bg-black/30 px-1 py-0.5 text-right font-mono text-xs text-white"
+					class="absolute bottom-2 left-2 z-4 rounded-[3px] bg-black/30 px-1 py-0.5 text-right font-mono text-xs text-white"
 				>
 					{fps.toFixed(1)}fps
 				</div>

package/dist/ecs/traits.d.ts CHANGED Viewed

@@ -123,6 +123,7 @@ export declare const SnapshotAPI: import("koota").Trait<() => boolean>;
  * Marker trait for entities created from user-dropped files (PLY, PCD, etc.)
  */
 export declare const DroppedFile: import("koota").Trait<() => boolean>;
+export declare const ShowAxesHelper: import("koota").Trait<() => boolean>;
 /**
  * Point size, in mm
  */

package/dist/ecs/traits.js CHANGED Viewed

@@ -74,6 +74,7 @@ export const SnapshotAPI = trait(() => true);
  * Marker trait for entities created from user-dropped files (PLY, PCD, etc.)
  */
 export const DroppedFile = trait(() => true);
+export const ShowAxesHelper = trait(() => true);
 // === Shape Properties ===
 /**
  * Point size, in mm

package/dist/hooks/useDrawAPI.svelte.js CHANGED Viewed

@@ -149,7 +149,7 @@ export const provideDrawAPI = () => {
             if (frame.geometry) {
                 entityTraits.push(geometryTrait());
             }
-            entityTraits.push(traits.Name(name), traits.Pose(pose), traits.DrawAPI, traits.ReferenceFrame, traits.Removable);
+            entityTraits.push(traits.Name(name), traits.Pose(pose), traits.DrawAPI, traits.ReferenceFrame, traits.Removable, traits.ShowAxesHelper);
             const entity = world.spawn(...entityTraits);
             entities.set(name, entity);
         }

package/dist/hooks/useFrames.svelte.js CHANGED Viewed

@@ -199,6 +199,7 @@ export const provideFrames = (partID) => {
                 traits.Pose(pose),
                 traits.EditedPose(pose),
                 traits.FramesAPI,
+                traits.ShowAxesHelper,
             ];
             if (parent && parent !== 'world') {
                 entityTraits.push(traits.Parent(parent));

package/dist/hooks/useGeometries.svelte.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { useResourceByName } from './useResourceByName.svelte';
 import { traits, useWorld } from '../ecs';
 import {} from 'koota';
 import { createPose } from '../transform';
-import { RefetchRates } from '../components/RefreshRate.svelte';
+import { RefetchRates } from '../components/overlay/left-pane/RefreshRate.svelte';
 import { useEnvironment } from './useEnvironment.svelte';
 const key = Symbol('geometries-context');
 const colorUtil = new Color();

package/dist/hooks/usePointcloudObjects.svelte.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { getContext, setContext } from 'svelte';
 import { traits, useWorld } from '../ecs';
 import { createBufferGeometry, updateBufferGeometry } from '../attribute';
 import { useEnvironment } from './useEnvironment.svelte';
-import { RefetchRates } from '../components/RefreshRate.svelte';
+import { RefetchRates } from '../components/overlay/left-pane/RefreshRate.svelte';
 import { createPose } from '../transform';
 const key = Symbol('pointcloud-object-context');
 export const providePointcloudObjects = (partID) => {

package/dist/hooks/usePointclouds.svelte.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { CameraClient } from '@viamrobotics/sdk';
-import { setContext, getContext } from 'svelte';
+import { setContext, getContext, untrack } from 'svelte';
 import { createResourceClient, createResourceQuery, useResourceNames, } from '@viamrobotics/svelte-sdk';
 import { parsePcdInWorker } from '../loaders/pcd';
 import { RefreshRates, useMachineSettings } from './useMachineSettings.svelte';
 import { useLogs } from './useLogs.svelte';
-import { RefetchRates } from '../components/RefreshRate.svelte';
+import { RefetchRates } from '../components/overlay/left-pane/RefreshRate.svelte';
 import { traits, useWorld } from '../ecs';
 import { useEnvironment } from './useEnvironment.svelte';
 import { createBufferGeometry, updateBufferGeometry } from '../attribute';
@@ -59,7 +59,7 @@ export const providePointclouds = (partID) => {
         }
     });
     const options = $derived({
-        refetchInterval: interval,
+        refetchInterval: interval === RefetchRates.MANUAL ? false : interval,
     });
     const queries = $derived(enabledClients.map((client) => [client.current.name, createResourceQuery(client, 'getPointCloud', () => options)]));
     const queryMap = $derived(typeSafeObjectFromEntries(queries));
@@ -73,46 +73,33 @@ export const providePointclouds = (partID) => {
             }
         }
     });
-    let pcObjects = $state.raw([]);
-    $effect(() => {
-        const binaries = [];
-        for (const [name, query] of queries) {
-            const { data } = query;
-            if (name && data) {
-                binaries.push([name, data]);
-            }
-        }
-        Promise.allSettled(binaries.map(async ([name, uint8array]) => {
-            const { positions, colors } = await parsePcdInWorker(new Uint8Array(uint8array));
-            return { name, positions, colors };
-        })).then((results) => {
-            const fulfilledResults = [];
-            for (const result of results) {
-                if (result.status === 'fulfilled') {
-                    fulfilledResults.push(result.value);
-                }
-                else if (result.status === 'rejected') {
-                    logs.add(result.reason, 'error');
-                }
-            }
-            pcObjects = fulfilledResults;
-        });
-    });
     const entities = new Map();
     $effect(() => {
-        // Create or update entities
-        for (const { name, positions, colors } of pcObjects) {
-            const existing = entities.get(name);
-            if (existing) {
-                const geometry = existing.get(traits.BufferGeometry);
-                if (geometry) {
-                    updateBufferGeometry(geometry, positions, colors);
-                    continue;
-                }
-            }
-            const geometry = createBufferGeometry(positions, colors);
-            const entity = world.spawn(traits.Parent(name), traits.Name(`${name} pointcloud`), traits.BufferGeometry(geometry), traits.Points);
-            entities.set(name, entity);
+        for (const [name, query] of queries) {
+            untrack(() => {
+                $effect(() => {
+                    const { data } = query;
+                    if (!data || data.length === 0)
+                        return;
+                    parsePcdInWorker(data)
+                        .then(({ positions, colors }) => {
+                        const existing = entities.get(name);
+                        if (existing) {
+                            const geometry = existing.get(traits.BufferGeometry);
+                            if (geometry) {
+                                updateBufferGeometry(geometry, positions, colors);
+                                return;
+                            }
+                        }
+                        const geometry = createBufferGeometry(positions, colors);
+                        const entity = world.spawn(traits.Parent(name), traits.Name(`${name} pointcloud`), traits.BufferGeometry(geometry), traits.Points);
+                        entities.set(name, entity);
+                    })
+                        .catch((error) => {
+                        logs.add(error.reason, 'error');
+                    });
+                });
+            });
         }
         // Clean up old entities
         for (const [name, entity] of entities) {

package/dist/hooks/usePose.svelte.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { useEnvironment } from './useEnvironment.svelte';
 import { observe } from '@threlte/core';
 import { untrack } from 'svelte';
 import { useFrames } from './useFrames.svelte';
-import { RefetchRates } from '../components/RefreshRate.svelte';
+import { RefetchRates } from '../components/overlay/left-pane/RefreshRate.svelte';
 import { useLogs } from './useLogs.svelte';
 import { useResourceByName } from './useResourceByName.svelte';
 import { useRefetchPoses } from './useRefetchPoses';

package/dist/hooks/useWorldState.svelte.js CHANGED Viewed

@@ -80,7 +80,7 @@ const createWorldState = (client) => {
         if (metadata.shape === 'arrow') {
             entityTraits.push(traits.Arrow);
         }
-        entityTraits.push(traits.Name(transform.referenceFrame), traits.Pose(pose), traits.WorldStateStoreAPI);
+        entityTraits.push(traits.Name(transform.referenceFrame), traits.Pose(pose), traits.ShowAxesHelper, traits.WorldStateStoreAPI);
         const entity = world.spawn(...entityTraits);
         entities.set(transform.uuidString, entity);
     };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/motion-tools",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "description": "Motion visualization with Viam",
   "license": "Apache-2.0",
   "type": "module",

package/dist/components/DotSprite.svelte DELETED Viewed

@@ -1,59 +0,0 @@
-<script lang="ts">
-	import { T, type Props as ThrelteProps } from '@threlte/core'
-	import type { ColorRepresentation, Vector3Tuple, Group } from 'three'
-	import { HTML } from '@threlte/extras'
-	interface Props extends ThrelteProps<typeof Group> {
-		position: Vector3Tuple
-		color?: ColorRepresentation
-		opacity?: number
-	}
-	let { position, color, opacity = 1, ref = $bindable(), ...rest }: Props = $props()
-</script>
-<T.Group
-	bind:ref
-	{...rest}
-	{position}
->
-	<T.Mesh
-		bvh={{ enabled: false }}
-		raycast={() => null}
-		scale={0.01}
-		renderOrder={1}
-	>
-		<T.SphereGeometry />
-		<T.MeshBasicMaterial
-			color={color ?? 'black'}
-			transparent
-			depthTest={false}
-			{opacity}
-		/>
-	</T.Mesh>
-	<HTML
-		class="pointer-events-none mb-2 w-16 -translate-x-1/2 -translate-y-[calc(100%+10px)] border border-black bg-white px-1 py-0.5 text-xs text-wrap"
-	>
-		<div class="flex justify-between">
-			<span class="text-subtle-2">x</span>
-			<div>
-				{position[0].toFixed(2)}<span class="text-subtle-2">m</span>
-			</div>
-		</div>
-		<div class="flex justify-between">
-			<span class="text-subtle-2">y</span>
-			<div>
-				{position[1].toFixed(2)}<span class="text-subtle-2">m</span>
-			</div>
-		</div>
-		<div class="flex justify-between">
-			<span class="text-subtle-2">z</span>
-			<div>
-				{position[2].toFixed(2)}<span class="text-subtle-2">m</span>
-			</div>
-		</div>
-	</HTML>
-</T.Group>

package/dist/components/DotSprite.svelte.d.ts DELETED Viewed

@@ -1,10 +0,0 @@
-import { type Props as ThrelteProps } from '@threlte/core';
-import type { ColorRepresentation, Vector3Tuple, Group } from 'three';
-interface Props extends ThrelteProps<typeof Group> {
-    position: Vector3Tuple;
-    color?: ColorRepresentation;
-    opacity?: number;
-}
-declare const DotSprite: import("svelte").Component<Props, {}, "ref">;
-type DotSprite = ReturnType<typeof DotSprite>;
-export default DotSprite;

package/dist/components/MeasureTool.svelte DELETED Viewed

@@ -1,123 +0,0 @@
-<script lang="ts">
-	import { untrack } from 'svelte'
-	import { Vector3, type Intersection } from 'three'
-	import { T } from '@threlte/core'
-	import { HTML, MeshLineGeometry, MeshLineMaterial, Portal } from '@threlte/extras'
-	import { useSettings } from '../hooks/useSettings.svelte'
-	import Button from './dashboard/Button.svelte'
-	import DotSprite from './DotSprite.svelte'
-	import { useMouseRaycaster } from '../hooks/useMouseRaycaster.svelte'
-	import { useFocusedEntity } from '../hooks/useSelection.svelte'
-	const focusedEntity = useFocusedEntity()
-	const settings = useSettings()
-	const htmlPosition = new Vector3()
-	let step: 'idle' | 'p1' | 'p2' = 'idle'
-	let intersection = $state.raw<Intersection>()
-	let p1 = $state.raw<Vector3>()
-	let p2 = $state.raw<Vector3>()
-	const enabled = $derived(settings.current.enableMeasure)
-	const { onclick, onmove, raycaster } = useMouseRaycaster(() => ({
-		enabled,
-	}))
-	raycaster.firstHitOnly = true
-	raycaster.params.Points.threshold = 0.005
-	onmove((event) => {
-		intersection = event.intersections[0]
-	})
-	onclick(() => {
-		if (step === 'idle' && intersection) {
-			p1 = intersection.point.clone()
-			step = 'p1'
-		} else if (step === 'p1' && intersection) {
-			p2 = intersection.point.clone()
-			step = 'p2'
-		} else if (step === 'p2') {
-			p1 = undefined
-			p2 = undefined
-			step = 'idle'
-		}
-	})
-	const clear = () => {
-		p1 = undefined
-		p2 = undefined
-		step = 'idle'
-	}
-	$effect(() => {
-		// eslint-disable-next-line @typescript-eslint/no-unused-expressions
-		;(focusedEntity.current, enabled)
-		untrack(() => clear())
-	})
-</script>
-<Portal id="dashboard">
-	<fieldset>
-		<Button
-			active
-			icon="ruler"
-			class={enabled ? '' : 'text-gray-4!'}
-			description="{enabled ? 'Disable' : 'Enable'} measurement"
-			onclick={() => {
-				settings.current.enableMeasure = !settings.current.enableMeasure
-			}}
-		/>
-	</fieldset>
-</Portal>
-{#if enabled}
-	{#if intersection}
-		<DotSprite
-			position={intersection?.point.toArray()}
-			opacity={0.5}
-		/>
-	{/if}
-	{#if p1}
-		<DotSprite
-			position={p1.toArray()}
-			opacity={0.5}
-		/>
-	{/if}
-	{#if p2}
-		<DotSprite
-			position={p2.toArray()}
-			opacity={0.5}
-		/>
-	{/if}
-	{#if p1 && p2}
-		<T.Mesh
-			raycast={() => null}
-			bvh={{ enabled: false }}
-			renderOrder={1}
-		>
-			<MeshLineGeometry points={[p1, p2]} />
-			<MeshLineMaterial
-				width={2.5}
-				depthTest={false}
-				color="black"
-				opacity={0.5}
-				attenuate={false}
-				transparent
-			/>
-		</T.Mesh>
-		<HTML
-			center
-			position={htmlPosition.lerpVectors(p1, p2, 0.5).toArray()}
-		>
-			<div class="border border-black bg-white px-1 py-0.5 text-xs">
-				{p1.distanceTo(p2).toFixed(2)}<span class="text-subtle-2">m</span>
-			</div>
-		</HTML>
-	{/if}
-{/if}

package/dist/components/MeasureTool.svelte.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-declare const MeasureTool: import("svelte").Component<Record<string, never>, {}, "">;
-type MeasureTool = ReturnType<typeof MeasureTool>;
-export default MeasureTool;

package/dist/components/null-states/Connection.svelte DELETED Viewed

File without changes

package/dist/components/null-states/Connection.svelte.d.ts DELETED Viewed

@@ -1,26 +0,0 @@
-export default Connection;
-type Connection = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const Connection: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}