@viamrobotics/motion-tools 1.14.0 → 1.15.1

package/dist/FrameConfigUpdater.svelte.d.ts

@@ -1,7 +1,7 @@
-import type { Entity } from 'koota';
 import type { Pose } from '@viamrobotics/sdk';
-import type { Frame } from './frame';
+import type { Entity } from 'koota';
 import type { Vector3Like } from 'three';
+import type { Frame } from './frame';
 type UpdateFrameCallback = {
     (componentName: string, referenceFrame: string, pose: Pose, geometry?: Frame['geometry']): void;
 };

package/dist/HoverUpdater.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Entity } from 'koota';
 import type { IntersectionEvent } from '@threlte/extras';
+import type { Entity } from 'koota';
 export interface HoverInfo {
     index: number;
     x: number;

package/dist/attribute.js

@@ -1,4 +1,4 @@
-import { BufferGeometry, BufferAttribute } from 'three';
+import { BufferAttribute, BufferGeometry } from 'three';
 import { STRIDE } from './buffer';
 const colorStride = (colors, positions) => {
     const numVertices = positions.length / STRIDE.POSITIONS;

package/dist/buf/common/v1/common_pb.d.ts

@@ -147,6 +147,47 @@ export declare class Orientation extends Message<Orientation> {
     static fromJsonString(jsonString: string, options?: Partial<JsonReadOptions>): Orientation;
     static equals(a: Orientation | PlainMessage<Orientation> | undefined, b: Orientation | PlainMessage<Orientation> | undefined): boolean;
 }
+/**
+ * @generated from message viam.common.v1.PoseCloud
+ */
+export declare class PoseCloud extends Message<PoseCloud> {
+    /**
+     * @generated from field: double x = 1;
+     */
+    x: number;
+    /**
+     * @generated from field: double y = 2;
+     */
+    y: number;
+    /**
+     * @generated from field: double z = 3;
+     */
+    z: number;
+    /**
+     * @generated from field: double o_x = 4;
+     */
+    oX: number;
+    /**
+     * @generated from field: double o_y = 5;
+     */
+    oY: number;
+    /**
+     * @generated from field: double o_z = 6;
+     */
+    oZ: number;
+    /**
+     * @generated from field: double theta = 7;
+     */
+    theta: number;
+    constructor(data?: PartialMessage<PoseCloud>);
+    static readonly runtime: typeof proto3;
+    static readonly typeName = "viam.common.v1.PoseCloud";
+    static readonly fields: FieldList;
+    static fromBinary(bytes: Uint8Array, options?: Partial<BinaryReadOptions>): PoseCloud;
+    static fromJson(jsonValue: JsonValue, options?: Partial<JsonReadOptions>): PoseCloud;
+    static fromJsonString(jsonString: string, options?: Partial<JsonReadOptions>): PoseCloud;
+    static equals(a: PoseCloud | PlainMessage<PoseCloud> | undefined, b: PoseCloud | PlainMessage<PoseCloud> | undefined): boolean;
+}
 /**
  * PoseInFrame contains a pose and the reference frame in which it was observed
  *
@@ -161,6 +202,10 @@ export declare class PoseInFrame extends Message<PoseInFrame> {
      * @generated from field: viam.common.v1.Pose pose = 2;
      */
     pose?: Pose;
+    /**
+     * @generated from field: optional viam.common.v1.PoseCloud goal_cloud = 3;
+     */
+    goalCloud?: PoseCloud;
     constructor(data?: PartialMessage<PoseInFrame>);
     static readonly runtime: typeof proto3;
     static readonly typeName = "viam.common.v1.PoseInFrame";

package/dist/buf/common/v1/common_pb.js

@@ -205,6 +205,66 @@ export class Orientation extends Message {
         return proto3.util.equals(Orientation, a, b);
     }
 }
+/**
+ * @generated from message viam.common.v1.PoseCloud
+ */
+export class PoseCloud extends Message {
+    /**
+     * @generated from field: double x = 1;
+     */
+    x = 0;
+    /**
+     * @generated from field: double y = 2;
+     */
+    y = 0;
+    /**
+     * @generated from field: double z = 3;
+     */
+    z = 0;
+    /**
+     * @generated from field: double o_x = 4;
+     */
+    oX = 0;
+    /**
+     * @generated from field: double o_y = 5;
+     */
+    oY = 0;
+    /**
+     * @generated from field: double o_z = 6;
+     */
+    oZ = 0;
+    /**
+     * @generated from field: double theta = 7;
+     */
+    theta = 0;
+    constructor(data) {
+        super();
+        proto3.util.initPartial(data, this);
+    }
+    static runtime = proto3;
+    static typeName = "viam.common.v1.PoseCloud";
+    static fields = proto3.util.newFieldList(() => [
+        { no: 1, name: "x", kind: "scalar", T: 1 /* ScalarType.DOUBLE */ },
+        { no: 2, name: "y", kind: "scalar", T: 1 /* ScalarType.DOUBLE */ },
+        { no: 3, name: "z", kind: "scalar", T: 1 /* ScalarType.DOUBLE */ },
+        { no: 4, name: "o_x", kind: "scalar", T: 1 /* ScalarType.DOUBLE */ },
+        { no: 5, name: "o_y", kind: "scalar", T: 1 /* ScalarType.DOUBLE */ },
+        { no: 6, name: "o_z", kind: "scalar", T: 1 /* ScalarType.DOUBLE */ },
+        { no: 7, name: "theta", kind: "scalar", T: 1 /* ScalarType.DOUBLE */ },
+    ]);
+    static fromBinary(bytes, options) {
+        return new PoseCloud().fromBinary(bytes, options);
+    }
+    static fromJson(jsonValue, options) {
+        return new PoseCloud().fromJson(jsonValue, options);
+    }
+    static fromJsonString(jsonString, options) {
+        return new PoseCloud().fromJsonString(jsonString, options);
+    }
+    static equals(a, b) {
+        return proto3.util.equals(PoseCloud, a, b);
+    }
+}
 /**
  * PoseInFrame contains a pose and the reference frame in which it was observed
  *
@@ -219,6 +279,10 @@ export class PoseInFrame extends Message {
      * @generated from field: viam.common.v1.Pose pose = 2;
      */
     pose;
+    /**
+     * @generated from field: optional viam.common.v1.PoseCloud goal_cloud = 3;
+     */
+    goalCloud;
     constructor(data) {
         super();
         proto3.util.initPartial(data, this);
@@ -228,6 +292,7 @@ export class PoseInFrame extends Message {
     static fields = proto3.util.newFieldList(() => [
         { no: 1, name: "reference_frame", kind: "scalar", T: 9 /* ScalarType.STRING */ },
         { no: 2, name: "pose", kind: "message", T: Pose },
+        { no: 3, name: "goal_cloud", kind: "message", T: PoseCloud, opt: true },
     ]);
     static fromBinary(bytes, options) {
         return new PoseInFrame().fromBinary(bytes, options);

package/dist/color.d.ts

@@ -1,5 +1,5 @@
-import { Color, type ColorRepresentation, type RGB } from 'three';
 import { ResourceName } from '@viamrobotics/sdk';
+import { Color, type ColorRepresentation, type RGB } from 'three';
 /**
  * Darkens a THREE.Color by a given percentage while preserving hue.
  * @param color The original THREE.Color instance.

package/dist/color.js

@@ -1,6 +1,6 @@
-import { Color } from 'three';
-import twColors from 'tailwindcss/colors';
 import { ResourceName } from '@viamrobotics/sdk';
+import twColors from 'tailwindcss/colors';
+import { Color } from 'three';
 // Step 3: linear sRGB → sRGB
 const linearToSrgb = (x) => {
     return x <= 0.0031308 ? 12.92 * x : 1.055 * Math.pow(x, 1 / 2.4) - 0.055;

package/dist/components/App.svelte

@@ -1,36 +1,41 @@
 <script lang="ts">
+	import type { Struct } from '@viamrobotics/sdk'
 	import type { Snippet } from 'svelte'
+
+	import { SvelteQueryDevtools } from '@tanstack/svelte-query-devtools'
 	import { Canvas } from '@threlte/core'
 	import { PortalTarget } from '@threlte/extras'
-	import { SvelteQueryDevtools } from '@tanstack/svelte-query-devtools'
+	import { useXR } from '@threlte/xr'
 	import { provideToast, ToastContainer } from '@viamrobotics/prime-core'
-	import type { Struct } from '@viamrobotics/sdk'
-	import Scene from './Scene.svelte'
-	import TreeContainer from './overlay/left-pane/TreeContainer.svelte'
+
+	import type { CameraPose } from '../hooks/useControls.svelte'
+
+	import Dashboard from './overlay/dashboard/Dashboard.svelte'
 	import Details from './overlay/Details.svelte'
-	import SceneProviders from './SceneProviders.svelte'
+	import TreeContainer from './overlay/left-pane/TreeContainer.svelte'
+	import Settings from './overlay/settings/Settings.svelte'
 	import XR from './xr/XR.svelte'
-	import { createPartIDContext } from '../hooks/usePartID.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 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'
 	import {
-		provideDrawConnectionConfig,
 		type DrawConnectionConfig,
+		provideDrawConnectionConfig,
 	} from '../hooks/useDrawConnectionConfig.svelte'
-	import Camera from './overlay/widgets/Camera.svelte'
+	import { provideEnvironment } from '../hooks/useEnvironment.svelte'
+	import { providePartConfig } from '../hooks/usePartConfig.svelte'
+	import { createPartIDContext } from '../hooks/usePartID.svelte'
+	import { provideSettings } from '../hooks/useSettings.svelte'
+	import { provideWeblabs } from '../hooks/useWeblabs.svelte'
+	import { domPortal } from '../portal'
+
+	import FileDrop from './FileDrop/FileDrop.svelte'
 	import HoveredEntities from './hover/HoveredEntities.svelte'
-	import Settings from './overlay/settings/Settings.svelte'
-	import { useXR } from '@threlte/xr'
+	import AddFrames from './overlay/AddFrames.svelte'
+	import LiveUpdatesBanner from './overlay/LiveUpdatesBanner.svelte'
 	import Logs from './overlay/Logs.svelte'
+	import ArmPositions from './overlay/widgets/ArmPositions.svelte'
+	import Camera from './overlay/widgets/Camera.svelte'
+	import Scene from './Scene.svelte'
+	import SceneProviders from './SceneProviders.svelte'
 
 	interface LocalConfigProps {
 		current: Struct
@@ -96,7 +101,7 @@
 {/if}
 
 <div
-	class="relative h-full w-full overflow-hidden"
+	class="relative h-full w-full overflow-hidden dark:bg-white"
 	bind:this={root}
 >
 	<Canvas renderMode="on-demand">
@@ -140,6 +145,7 @@
 
 					<Settings />
 					<Logs />
+					<AddFrames />
 				</div>
 			{/snippet}
 		</SceneProviders>

package/dist/components/App.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Snippet } from 'svelte';
 import type { Struct } from '@viamrobotics/sdk';
+import type { Snippet } from 'svelte';
 import type { CameraPose } from '../hooks/useControls.svelte';
 import { type DrawConnectionConfig } from '../hooks/useDrawConnectionConfig.svelte';
 interface LocalConfigProps {

package/dist/components/BatchedArrows.svelte

@@ -1,11 +1,13 @@
 <script lang="ts">
+	import type { Entity } from 'koota'
+
 	import { T } from '@threlte/core'
 	import { Portal } from '@threlte/extras'
-	import { BatchedArrow } from '../three/BatchedArrow'
-	import { traits, useWorld } from '../ecs'
-	import type { Entity } from 'koota'
 	import { Color, Vector3 } from 'three'
 
+	import { traits, useWorld } from '../ecs'
+	import { BatchedArrow } from '../three/BatchedArrow'
+
 	const arrowBatchMap = $state<Record<string, BatchedArrow>>({
 		world: new BatchedArrow(),
 	})

package/dist/components/Camera.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { T } from '@threlte/core'
+
 	import { useSettings } from '../hooks/useSettings.svelte'
 
 	let { children, ...rest } = $props()

package/dist/components/CameraControls.svelte

@@ -1,11 +1,13 @@
 <script lang="ts">
-	import { MathUtils } from 'three'
 	import { CameraControls, type CameraControlsRef, Gizmo, Portal } from '@threlte/extras'
-	import { useCameraControls, useTransformControls } from '../hooks/useControls.svelte'
-	import KeyboardControls from './KeyboardControls.svelte'
+	import { MathUtils } from 'three'
+
 	import Button from './overlay/dashboard/Button.svelte'
+	import { useCameraControls, useTransformControls } from '../hooks/useControls.svelte'
 	import { useSettings } from '../hooks/useSettings.svelte'
 
+	import KeyboardControls from './KeyboardControls.svelte'
+
 	const cameraControls = useCameraControls()
 	const settings = useSettings()
 	const transformControls = useTransformControls()

package/dist/components/Entities/Arrows/ArrowGroups.svelte

@@ -1,10 +1,13 @@
 <script lang="ts">
-	import { InstancedArrows } from '../../../three/InstancedArrows/InstancedArrows'
-	import { traits, useWorld } from '../../../ecs'
 	import type { Entity } from 'koota'
-	import { STRIDE } from '../../../buffer'
+
 	import { SvelteMap } from 'svelte/reactivity'
 	import { Color } from 'three'
+
+	import { STRIDE } from '../../../buffer'
+	import { traits, useWorld } from '../../../ecs'
+	import { InstancedArrows } from '../../../three/InstancedArrows/InstancedArrows'
+
 	import Arrows from './Arrows.svelte'
 
 	const world = useWorld()

package/dist/components/Entities/Arrows/Arrows.svelte

@@ -1,10 +1,13 @@
 <script lang="ts">
+	import type { Entity } from 'koota'
+
 	import { T } from '@threlte/core'
 	import { Portal } from '@threlte/extras'
-	import type { Entity } from 'koota'
-	import { traits } from '../../../ecs'
-	import { useEntityEvents } from '../hooks/useEntityEvents.svelte'
+
 	import type { InstancedArrows } from '../../../three/InstancedArrows/InstancedArrows'
+
+	import { useEntityEvents } from '../hooks/useEntityEvents.svelte'
+	import { traits } from '../../../ecs'
 	import { useFocusedEntity, useSelectedEntity } from '../../../hooks/useSelection.svelte'
 	import { meshBoundsRaycast, raycast } from '../../../three/InstancedArrows/raycast'
 

package/dist/components/Entities/Entities.svelte

@@ -1,14 +1,16 @@
 <script lang="ts">
-	import Pose from './Pose.svelte'
+	import { Not, Or } from 'koota'
+
+	import { traits, useQuery } from '../../ecs'
+
+	import Arrows from './Arrows/ArrowGroups.svelte'
 	import Frame from './Frame.svelte'
+	import Geometry from './Geometry.svelte'
 	import GLTF from './GLTF.svelte'
 	import Label from './Label.svelte'
 	import Line from './Line.svelte'
 	import Points from './Points.svelte'
-	import Arrows from './Arrows/ArrowGroups.svelte'
-	import { traits, useQuery } from '../../ecs'
-	import { Not, Or } from 'koota'
-	import Geometry from './Geometry.svelte'
+	import Pose from './Pose.svelte'
 
 	/**
 	 * Frames from a live machine are bucketed into their own query

package/dist/components/Entities/Frame.svelte

@@ -10,19 +10,22 @@ Renders a Viam Frame object
 </script>
 
 <script lang="ts">
+	import type { Pose } from '@viamrobotics/sdk'
+	import type { Entity } from 'koota'
 	import type { Snippet } from 'svelte'
-	import { Group, type Object3D } from 'three'
+
 	import { T, useThrelte } from '@threlte/core'
 	import { Portal, PortalTarget } from '@threlte/extras'
-	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
-	import Mesh from './Mesh.svelte'
+	import { Group, type Object3D } from 'three'
+
 	import { colors, resourceColors } from '../../color'
-	import type { Entity } from 'koota'
 	import { traits, useTrait } from '../../ecs'
-	import type { Pose } from '@viamrobotics/sdk'
 	import { useResourceByName } from '../../hooks/useResourceByName.svelte'
 	import { poseToObject3d } from '../../transform'
 
+	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
+	import Mesh from './Mesh.svelte'
+
 	interface Props {
 		entity: Entity
 		pose?: Pose

package/dist/components/Entities/Frame.svelte.d.ts

@@ -1,7 +1,7 @@
+import type { Pose } from '@viamrobotics/sdk';
+import type { Entity } from 'koota';
 import type { Snippet } from 'svelte';
 import { type Object3D } from 'three';
-import type { Entity } from 'koota';
-import type { Pose } from '@viamrobotics/sdk';
 interface Props {
     entity: Entity;
     pose?: Pose;

package/dist/components/Entities/GLTF.svelte

@@ -2,7 +2,7 @@
 	module
 	lang="ts"
 >
-	import { GLTFLoader, DRACOLoader } from 'three/examples/jsm/Addons.js'
+	import { DRACOLoader, GLTFLoader } from 'three/examples/jsm/Addons.js'
 
 	const dracoLoader = new DRACOLoader()
 	const gltfLoader = new GLTFLoader()
@@ -12,15 +12,18 @@
 </script>
 
 <script lang="ts">
-	import { T, type Props as ThrelteProps } from '@threlte/core'
-	import { Portal, PortalTarget, useGltfAnimations, type ThrelteGltf } from '@threlte/extras'
+	import type { Entity } from 'koota'
 	import type { Snippet } from 'svelte'
+
+	import { T, type Props as ThrelteProps } from '@threlte/core'
+	import { Portal, PortalTarget, type ThrelteGltf, useGltfAnimations } from '@threlte/extras'
 	import { Group, type Object3D } from 'three'
-	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
-	import type { Entity } from 'koota'
+
 	import { traits, useTrait } from '../../ecs'
 	import { poseToObject3d } from '../../transform'
 
+	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
+
 	interface Props extends ThrelteProps<Object3D> {
 		entity: Entity
 		children?: Snippet

package/dist/components/Entities/GLTF.svelte.d.ts

@@ -1,7 +1,7 @@
-import { type Props as ThrelteProps } from '@threlte/core';
+import type { Entity } from 'koota';
 import type { Snippet } from 'svelte';
+import { type Props as ThrelteProps } from '@threlte/core';
 import { type Object3D } from 'three';
-import type { Entity } from 'koota';
 interface Props extends ThrelteProps<Object3D> {
     entity: Entity;
     children?: Snippet;

package/dist/components/Entities/Geometry.svelte

@@ -4,16 +4,19 @@
 Renders a Viam Geometry object
 -->
 <script lang="ts">
+	import type { Entity } from 'koota'
+	import type { Snippet } from 'svelte'
+
 	import { T, useThrelte } from '@threlte/core'
+	import { Portal } from '@threlte/extras'
+
 	import { traits, useTrait } from '../../ecs'
 	import { use3DModels } from '../../hooks/use3DModels.svelte'
-	import { Portal } from '@threlte/extras'
-	import { poseToObject3d } from '../../transform'
 	import { useSettings } from '../../hooks/useSettings.svelte'
-	import Mesh from './Mesh.svelte'
+	import { poseToObject3d } from '../../transform'
+
 	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
-	import type { Entity } from 'koota'
-	import type { Snippet } from 'svelte'
+	import Mesh from './Mesh.svelte'
 
 	interface Props {
 		entity: Entity
@@ -60,7 +63,11 @@ Renders a Viam Geometry object
 
 <Portal id={parent.current}>
 	{#if model}
-		<T is={model} />
+		<T
+			is={model}
+			name={entity}
+			{...events}
+		/>
 	{/if}
 
 	{#if settings.current.renderArmModels.includes('colliders') || !model}

package/dist/components/Entities/Line.svelte

@@ -5,17 +5,20 @@
 </script>
 
 <script lang="ts">
+	import type { Entity } from 'koota'
 	import type { Snippet } from 'svelte'
+
 	import { T, useThrelte } from '@threlte/core'
 	import { meshBounds, Portal, PortalTarget } from '@threlte/extras'
-	import type { Entity } from 'koota'
-	import { traits, useTrait } from '../../ecs'
-	import LineDots from './LineDots.svelte'
+	import { Line2, LineMaterial } from 'three/examples/jsm/Addons.js'
+
 	import { darkenColor } from '../../color'
+	import { traits, useTrait } from '../../ecs'
+	import { poseToObject3d } from '../../transform'
+
 	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
-	import { Line2, LineMaterial } from 'three/examples/jsm/Addons.js'
+	import LineDots from './LineDots.svelte'
 	import LineGeometry from './LineGeometry.svelte'
-	import { poseToObject3d } from '../../transform'
 
 	interface Props {
 		entity: Entity

package/dist/components/Entities/Line.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Snippet } from 'svelte';
 import type { Entity } from 'koota';
+import type { Snippet } from 'svelte';
 interface Props {
     entity: Entity;
     children?: Snippet;

package/dist/components/Entities/LineDots.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { T } from '@threlte/core'
-	import { BatchedMesh, Matrix4, SphereGeometry, Vector3, type ColorRepresentation } from 'three'
+	import { BatchedMesh, type ColorRepresentation, Matrix4, SphereGeometry, Vector3 } from 'three'
 
 	interface Props {
 		color: ColorRepresentation

package/dist/components/Entities/LineGeometry.svelte

@@ -1,7 +1,7 @@
 <script>
-	import { LineGeometry } from 'three/examples/jsm/Addons.js'
 	import { T } from '@threlte/core'
 	import { untrack } from 'svelte'
+	import { LineGeometry } from 'three/examples/jsm/Addons.js'
 
 	let { positions } = $props()
 

package/dist/components/Entities/Mesh.svelte

@@ -1,14 +1,17 @@
 <script lang="ts">
-	import { T, useThrelte, type Props as ThrelteProps } from '@threlte/core'
+	import type { Pose } from '@viamrobotics/sdk'
+	import type { Entity } from 'koota'
+
+	import { T, type Props as ThrelteProps, useThrelte } from '@threlte/core'
 	import { type Snippet } from 'svelte'
 	import { BufferGeometry, Color, DoubleSide, FrontSide, Mesh } from 'three'
-	import { CapsuleGeometry } from '../../three/CapsuleGeometry'
+
 	import { colors, darkenColor } from '../../color'
-	import AxesHelper from '../AxesHelper.svelte'
-	import type { Entity } from 'koota'
 	import { traits, useTrait } from '../../ecs'
+	import { CapsuleGeometry } from '../../three/CapsuleGeometry'
 	import { poseToObject3d } from '../../transform'
-	import type { Pose } from '@viamrobotics/sdk'
+
+	import AxesHelper from '../AxesHelper.svelte'
 
 	interface Props extends ThrelteProps<Mesh> {
 		entity: Entity

package/dist/components/Entities/Points.svelte

@@ -1,13 +1,16 @@
 <script lang="ts">
-	import { Points, PointsMaterial, OrthographicCamera } from 'three'
+	import type { Entity } from 'koota'
+	import type { Snippet } from 'svelte'
+
 	import { T, useTask, useThrelte } from '@threlte/core'
 	import { Portal } from '@threlte/extras'
-	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
-	import { poseToObject3d } from '../../transform'
-	import { useSettings } from '../../hooks/useSettings.svelte'
-	import type { Snippet } from 'svelte'
-	import type { Entity } from 'koota'
+	import { OrthographicCamera, Points, PointsMaterial } from 'three'
+
 	import { traits, useTrait } from '../../ecs'
+	import { useSettings } from '../../hooks/useSettings.svelte'
+	import { poseToObject3d } from '../../transform'
+
+	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
 
 	interface Props {
 		entity: Entity

package/dist/components/Entities/Points.svelte.d.ts

@@ -1,6 +1,6 @@
-import { Points } from 'three';
-import type { Snippet } from 'svelte';
 import type { Entity } from 'koota';
+import type { Snippet } from 'svelte';
+import { Points } from 'three';
 interface Props {
     entity: Entity;
     children?: Snippet;

package/dist/components/Entities/Pose.svelte

@@ -1,11 +1,12 @@
 <script lang="ts">
-	import { traits, useTrait } from '../../ecs'
-	import { usePose } from '../../hooks/usePose.svelte'
-	import { matrixToPose, poseToMatrix } from '../../transform'
 	import type { Pose } from '@viamrobotics/sdk'
 	import type { Entity } from 'koota'
 	import type { Snippet } from 'svelte'
 
+	import { traits, useTrait } from '../../ecs'
+	import { usePose } from '../../hooks/usePose.svelte'
+	import { matrixToPose, poseToMatrix } from '../../transform'
+
 	interface Props {
 		entity: Entity
 		children: Snippet<[{ pose: Pose | undefined }]>

package/dist/components/Entities/hooks/useEntityEvents.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type IntersectionEvent } from '@threlte/extras';
 import type { Entity } from 'koota';
+import { type IntersectionEvent } from '@threlte/extras';
 export declare const useEntityEvents: (entity: () => Entity | undefined) => {
     readonly visible: boolean;
     onpointerenter: (event: IntersectionEvent<MouseEvent>) => void;

package/dist/components/Entities/hooks/useEntityEvents.svelte.js

@@ -1,8 +1,8 @@
 import { useCursor } from '@threlte/extras';
-import { useFocusedEntity, useSelectedEntity } from '../../../hooks/useSelection.svelte';
-import { useVisibility } from '../../../hooks/useVisibility.svelte';
 import { Vector2 } from 'three';
 import { traits } from '../../../ecs';
+import { useFocusedEntity, useSelectedEntity } from '../../../hooks/useSelection.svelte';
+import { useVisibility } from '../../../hooks/useVisibility.svelte';
 import { updateHoverInfo } from '../../../HoverUpdater.svelte';
 import { createPose, matrixToPose, poseToMatrix } from '../../../transform';
 export const useEntityEvents = (entity) => {