@viamrobotics/motion-tools 1.12.3 → 1.13.1

package/dist/buf/draw/v1/service_pb.js

@@ -7,33 +7,33 @@ import { Transform } from "../../common/v1/common_pb";
 import { Drawing } from "./drawing_pb";
 import { SceneMetadata } from "./scene_pb";
 /**
- * @generated from enum draw.v1.ChangeType
+ * @generated from enum draw.v1.EntityChangeType
  */
-export var ChangeType;
-(function (ChangeType) {
+export var EntityChangeType;
+(function (EntityChangeType) {
     /**
-     * @generated from enum value: CHANGE_TYPE_UNSPECIFIED = 0;
+     * @generated from enum value: ENTITY_CHANGE_TYPE_UNSPECIFIED = 0;
      */
-    ChangeType[ChangeType["UNSPECIFIED"] = 0] = "UNSPECIFIED";
+    EntityChangeType[EntityChangeType["UNSPECIFIED"] = 0] = "UNSPECIFIED";
     /**
-     * @generated from enum value: CHANGE_TYPE_ADDED = 1;
+     * @generated from enum value: ENTITY_CHANGE_TYPE_ADDED = 1;
      */
-    ChangeType[ChangeType["ADDED"] = 1] = "ADDED";
+    EntityChangeType[EntityChangeType["ADDED"] = 1] = "ADDED";
     /**
-     * @generated from enum value: CHANGE_TYPE_REMOVED = 2;
+     * @generated from enum value: ENTITY_CHANGE_TYPE_REMOVED = 2;
      */
-    ChangeType[ChangeType["REMOVED"] = 2] = "REMOVED";
+    EntityChangeType[EntityChangeType["REMOVED"] = 2] = "REMOVED";
     /**
-     * @generated from enum value: CHANGE_TYPE_UPDATED = 3;
+     * @generated from enum value: ENTITY_CHANGE_TYPE_UPDATED = 3;
      */
-    ChangeType[ChangeType["UPDATED"] = 3] = "UPDATED";
-})(ChangeType || (ChangeType = {}));
-// Retrieve enum metadata with: proto3.getEnumType(ChangeType)
-proto3.util.setEnumType(ChangeType, "draw.v1.ChangeType", [
-    { no: 0, name: "CHANGE_TYPE_UNSPECIFIED" },
-    { no: 1, name: "CHANGE_TYPE_ADDED" },
-    { no: 2, name: "CHANGE_TYPE_REMOVED" },
-    { no: 3, name: "CHANGE_TYPE_UPDATED" },
+    EntityChangeType[EntityChangeType["UPDATED"] = 3] = "UPDATED";
+})(EntityChangeType || (EntityChangeType = {}));
+// Retrieve enum metadata with: proto3.getEnumType(EntityChangeType)
+proto3.util.setEnumType(EntityChangeType, "draw.v1.EntityChangeType", [
+    { no: 0, name: "ENTITY_CHANGE_TYPE_UNSPECIFIED" },
+    { no: 1, name: "ENTITY_CHANGE_TYPE_ADDED" },
+    { no: 2, name: "ENTITY_CHANGE_TYPE_REMOVED" },
+    { no: 3, name: "ENTITY_CHANGE_TYPE_UPDATED" },
 ]);
 /**
  * @generated from message draw.v1.AddEntityRequest
@@ -272,62 +272,68 @@ export class RemoveAllTransformsResponse extends Message {
     }
 }
 /**
- * @generated from message draw.v1.StreamTransformChangesRequest
+ * @generated from message draw.v1.StreamEntityChangesRequest
  */
-export class StreamTransformChangesRequest extends Message {
+export class StreamEntityChangesRequest extends Message {
     constructor(data) {
         super();
         proto3.util.initPartial(data, this);
     }
     static runtime = proto3;
-    static typeName = "draw.v1.StreamTransformChangesRequest";
+    static typeName = "draw.v1.StreamEntityChangesRequest";
     static fields = proto3.util.newFieldList(() => []);
     static fromBinary(bytes, options) {
-        return new StreamTransformChangesRequest().fromBinary(bytes, options);
+        return new StreamEntityChangesRequest().fromBinary(bytes, options);
     }
     static fromJson(jsonValue, options) {
-        return new StreamTransformChangesRequest().fromJson(jsonValue, options);
+        return new StreamEntityChangesRequest().fromJson(jsonValue, options);
     }
     static fromJsonString(jsonString, options) {
-        return new StreamTransformChangesRequest().fromJsonString(jsonString, options);
+        return new StreamEntityChangesRequest().fromJsonString(jsonString, options);
     }
     static equals(a, b) {
-        return proto3.util.equals(StreamTransformChangesRequest, a, b);
+        return proto3.util.equals(StreamEntityChangesRequest, a, b);
     }
 }
 /**
- * @generated from message draw.v1.StreamTransformChangesResponse
+ * @generated from message draw.v1.StreamEntityChangesResponse
  */
-export class StreamTransformChangesResponse extends Message {
+export class StreamEntityChangesResponse extends Message {
     /**
-     * @generated from field: draw.v1.ChangeType change_type = 1;
+     * @generated from field: draw.v1.EntityChangeType change_type = 1;
      */
-    changeType = ChangeType.UNSPECIFIED;
+    changeType = EntityChangeType.UNSPECIFIED;
     /**
-     * @generated from field: viam.common.v1.Transform transform = 2;
+     * @generated from oneof draw.v1.StreamEntityChangesResponse.entity
      */
-    transform;
+    entity = { case: undefined };
+    /**
+     * @generated from field: google.protobuf.FieldMask updated_fields = 4;
+     */
+    updatedFields;
     constructor(data) {
         super();
         proto3.util.initPartial(data, this);
     }
     static runtime = proto3;
-    static typeName = "draw.v1.StreamTransformChangesResponse";
+    static typeName = "draw.v1.StreamEntityChangesResponse";
     static fields = proto3.util.newFieldList(() => [
-        { no: 1, name: "change_type", kind: "enum", T: proto3.getEnumType(ChangeType) },
-        { no: 2, name: "transform", kind: "message", T: Transform },
+        { no: 1, name: "change_type", kind: "enum", T: proto3.getEnumType(EntityChangeType) },
+        { no: 2, name: "transform", kind: "message", T: Transform, oneof: "entity" },
+        { no: 3, name: "drawing", kind: "message", T: Drawing, oneof: "entity" },
+        { no: 4, name: "updated_fields", kind: "message", T: FieldMask },
     ]);
     static fromBinary(bytes, options) {
-        return new StreamTransformChangesResponse().fromBinary(bytes, options);
+        return new StreamEntityChangesResponse().fromBinary(bytes, options);
     }
     static fromJson(jsonValue, options) {
-        return new StreamTransformChangesResponse().fromJson(jsonValue, options);
+        return new StreamEntityChangesResponse().fromJson(jsonValue, options);
     }
     static fromJsonString(jsonString, options) {
-        return new StreamTransformChangesResponse().fromJsonString(jsonString, options);
+        return new StreamEntityChangesResponse().fromJsonString(jsonString, options);
     }
     static equals(a, b) {
-        return proto3.util.equals(StreamTransformChangesResponse, a, b);
+        return proto3.util.equals(StreamEntityChangesResponse, a, b);
     }
 }
 /**
@@ -385,68 +391,9 @@ export class RemoveAllDrawingsResponse extends Message {
     }
 }
 /**
- * @generated from message draw.v1.StreamDrawingChangesRequest
- */
-export class StreamDrawingChangesRequest extends Message {
-    constructor(data) {
-        super();
-        proto3.util.initPartial(data, this);
-    }
-    static runtime = proto3;
-    static typeName = "draw.v1.StreamDrawingChangesRequest";
-    static fields = proto3.util.newFieldList(() => []);
-    static fromBinary(bytes, options) {
-        return new StreamDrawingChangesRequest().fromBinary(bytes, options);
-    }
-    static fromJson(jsonValue, options) {
-        return new StreamDrawingChangesRequest().fromJson(jsonValue, options);
-    }
-    static fromJsonString(jsonString, options) {
-        return new StreamDrawingChangesRequest().fromJsonString(jsonString, options);
-    }
-    static equals(a, b) {
-        return proto3.util.equals(StreamDrawingChangesRequest, a, b);
-    }
-}
-/**
- * @generated from message draw.v1.StreamDrawingChangesResponse
- */
-export class StreamDrawingChangesResponse extends Message {
-    /**
-     * @generated from field: draw.v1.ChangeType change_type = 1;
-     */
-    changeType = ChangeType.UNSPECIFIED;
-    /**
-     * @generated from field: draw.v1.Drawing drawing = 2;
-     */
-    drawing;
-    constructor(data) {
-        super();
-        proto3.util.initPartial(data, this);
-    }
-    static runtime = proto3;
-    static typeName = "draw.v1.StreamDrawingChangesResponse";
-    static fields = proto3.util.newFieldList(() => [
-        { no: 1, name: "change_type", kind: "enum", T: proto3.getEnumType(ChangeType) },
-        { no: 2, name: "drawing", kind: "message", T: Drawing },
-    ]);
-    static fromBinary(bytes, options) {
-        return new StreamDrawingChangesResponse().fromBinary(bytes, options);
-    }
-    static fromJson(jsonValue, options) {
-        return new StreamDrawingChangesResponse().fromJson(jsonValue, options);
-    }
-    static fromJsonString(jsonString, options) {
-        return new StreamDrawingChangesResponse().fromJsonString(jsonString, options);
-    }
-    static equals(a, b) {
-        return proto3.util.equals(StreamDrawingChangesResponse, a, b);
-    }
-}
-/**
- * @generated from message draw.v1.SetSceneMetadataRequest
+ * @generated from message draw.v1.SetSceneRequest
  */
-export class SetSceneMetadataRequest extends Message {
+export class SetSceneRequest extends Message {
     /**
      * @generated from field: draw.v1.SceneMetadata scene_metadata = 1;
      */
@@ -456,45 +403,45 @@ export class SetSceneMetadataRequest extends Message {
         proto3.util.initPartial(data, this);
     }
     static runtime = proto3;
-    static typeName = "draw.v1.SetSceneMetadataRequest";
+    static typeName = "draw.v1.SetSceneRequest";
     static fields = proto3.util.newFieldList(() => [
         { no: 1, name: "scene_metadata", kind: "message", T: SceneMetadata },
     ]);
     static fromBinary(bytes, options) {
-        return new SetSceneMetadataRequest().fromBinary(bytes, options);
+        return new SetSceneRequest().fromBinary(bytes, options);
     }
     static fromJson(jsonValue, options) {
-        return new SetSceneMetadataRequest().fromJson(jsonValue, options);
+        return new SetSceneRequest().fromJson(jsonValue, options);
     }
     static fromJsonString(jsonString, options) {
-        return new SetSceneMetadataRequest().fromJsonString(jsonString, options);
+        return new SetSceneRequest().fromJsonString(jsonString, options);
     }
     static equals(a, b) {
-        return proto3.util.equals(SetSceneMetadataRequest, a, b);
+        return proto3.util.equals(SetSceneRequest, a, b);
     }
 }
 /**
- * @generated from message draw.v1.SetSceneMetadataResponse
+ * @generated from message draw.v1.SetSceneResponse
  */
-export class SetSceneMetadataResponse extends Message {
+export class SetSceneResponse extends Message {
     constructor(data) {
         super();
         proto3.util.initPartial(data, this);
     }
     static runtime = proto3;
-    static typeName = "draw.v1.SetSceneMetadataResponse";
+    static typeName = "draw.v1.SetSceneResponse";
     static fields = proto3.util.newFieldList(() => []);
     static fromBinary(bytes, options) {
-        return new SetSceneMetadataResponse().fromBinary(bytes, options);
+        return new SetSceneResponse().fromBinary(bytes, options);
     }
     static fromJson(jsonValue, options) {
-        return new SetSceneMetadataResponse().fromJson(jsonValue, options);
+        return new SetSceneResponse().fromJson(jsonValue, options);
     }
     static fromJsonString(jsonString, options) {
-        return new SetSceneMetadataResponse().fromJsonString(jsonString, options);
+        return new SetSceneResponse().fromJsonString(jsonString, options);
     }
     static equals(a, b) {
-        return proto3.util.equals(SetSceneMetadataResponse, a, b);
+        return proto3.util.equals(SetSceneResponse, a, b);
     }
 }
 /**

package/dist/color.js

@@ -17,9 +17,9 @@ const oklchToHex = (raw) => {
     if (!match) {
         return raw;
     }
-    const l = parseFloat(match[1]) / 100;
-    const c = parseFloat(match[2]);
-    const h = parseFloat(match[3]);
+    const l = Number.parseFloat(match[1]) / 100;
+    const c = Number.parseFloat(match[2]);
+    const h = Number.parseFloat(match[3]);
     // Convert h from degrees to radians
     const hRad = (h * Math.PI) / 180;
     // Step 1: OKLCH → OKLab

package/dist/components/App.svelte

@@ -30,6 +30,7 @@
 	import HoveredEntities from './hover/HoveredEntities.svelte'
 	import Settings from './overlay/settings/Settings.svelte'
 	import { useXR } from '@threlte/xr'
+	import Logs from './overlay/Logs.svelte'
 
 	interface LocalConfigProps {
 		current: Struct
@@ -86,11 +87,7 @@
 	)
 
 	$effect.pre(() => {
-		if (localConfigProps) {
-			environment.current.isStandalone = false
-		} else {
-			environment.current.isStandalone = true
-		}
+		environment.current.isStandalone = !localConfigProps
 	})
 </script>
 
@@ -120,7 +117,6 @@
 					<FileDrop />
 					<Dashboard {dashboard} />
 					<Details />
-					<Settings />
 
 					{#if environment.current.isStandalone}
 						<LiveUpdatesBanner />
@@ -141,6 +137,9 @@
 					{/if}
 
 					<PortalTarget id="dom" />
+
+					<Settings />
+					<Logs />
 				</div>
 			{/snippet}
 		</SceneProviders>

package/dist/components/Camera.svelte

@@ -1,17 +1,11 @@
 <script lang="ts">
-	import { T, useThrelte } from '@threlte/core'
+	import { T } from '@threlte/core'
 	import { useSettings } from '../hooks/useSettings.svelte'
-	import type { Camera } from 'three'
 
 	let { children, ...rest } = $props()
 
-	const { camera } = useThrelte()
 	const settings = useSettings()
 	const mode = $derived(settings.current.cameraMode)
-
-	$effect(() => {
-		;(window as unknown as { camera: Camera }).camera = $camera
-	})
 </script>
 
 {#if mode === 'perspective'}

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

@@ -1,4 +1,3 @@
-import type { Camera } from 'three';
 declare const Camera: import("svelte").Component<{
     children: any;
 } & Record<string, any>, {}, "">;

package/dist/components/CameraControls.svelte

@@ -30,8 +30,8 @@
 	enabled={!transformControls.active}
 	oncreate={(ref) => {
 		cameraControls.set(ref)
-		;(window as unknown as { MathUtils: typeof MathUtils }).MathUtils = MathUtils
-		;(window as unknown as { cameraControls: CameraControlsRef }).cameraControls = ref
+		;(globalThis as unknown as { MathUtils: typeof MathUtils }).MathUtils = MathUtils
+		;(globalThis as unknown as { cameraControls: CameraControlsRef }).cameraControls = ref
 	}}
 >
 	{#snippet children({ ref }: { ref: CameraControlsRef })}

package/dist/components/{Arrows → Entities/Arrows}/ArrowGroups.svelte

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

package/dist/components/{Arrows → Entities/Arrows}/Arrows.svelte

@@ -2,11 +2,11 @@
 	import { T } from '@threlte/core'
 	import { Portal } from '@threlte/extras'
 	import type { Entity } from 'koota'
-	import { traits } from '../../ecs'
-	import { useObjectEvents } from '../../hooks/useObjectEvents.svelte'
-	import type { InstancedArrows } from '../../three/InstancedArrows/InstancedArrows'
-	import { useFocusedEntity, useSelectedEntity } from '../../hooks/useSelection.svelte'
-	import { meshBoundsRaycast, raycast } from '../../three/InstancedArrows/raycast'
+	import { traits } from '../../../ecs'
+	import { useEntityEvents } from '../hooks/useEntityEvents.svelte'
+	import type { InstancedArrows } from '../../../three/InstancedArrows/InstancedArrows'
+	import { useFocusedEntity, useSelectedEntity } from '../../../hooks/useSelection.svelte'
+	import { meshBoundsRaycast, raycast } from '../../../three/InstancedArrows/raycast'
 
 	interface Props {
 		entity: Entity
@@ -15,7 +15,7 @@
 
 	let { entity, arrows }: Props = $props()
 
-	const events = useObjectEvents(() => entity)
+	const events = useEntityEvents(() => entity)
 	const selectedEntity = useSelectedEntity()
 	const focusedEntity = useFocusedEntity()
 

package/dist/components/{Arrows → Entities/Arrows}/Arrows.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { Entity } from 'koota';
-import type { InstancedArrows } from '../../three/InstancedArrows/InstancedArrows';
+import type { InstancedArrows } from '../../../three/InstancedArrows/InstancedArrows';
 interface Props {
     entity: Entity;
     arrows: InstancedArrows;

package/dist/components/{Entities.svelte → Entities/Entities.svelte}

@@ -5,7 +5,9 @@
 	import Label from './Label.svelte'
 	import Line from './Line.svelte'
 	import Points from './Points.svelte'
-	import { traits, useQuery } from '../ecs'
+	import Arrows from './Arrows/ArrowGroups.svelte'
+
+	import { traits, useQuery } from '../../ecs'
 	import { Not, Or } from 'koota'
 
 	/**
@@ -94,3 +96,5 @@
 		<Label text={entity.get(traits.Name)} />
 	</GLTF>
 {/each}
+
+<Arrows />

package/dist/components/{Frame.svelte → Entities/Frame.svelte}

@@ -1,16 +1,16 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte'
-	import { useObjectEvents } from '../hooks/useObjectEvents.svelte'
+	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
 	import { Color, Group, type Object3D } from 'three'
 	import Geometry from './Geometry.svelte'
-	import { useSelectedEntity } from '../hooks/useSelection.svelte'
-	import { useSettings } from '../hooks/useSettings.svelte'
-	import { use3DModels } from '../hooks/use3DModels.svelte'
-	import { colors, darkenColor, resourceColors } from '../color'
+	import { useSelectedEntity } from '../../hooks/useSelection.svelte'
+	import { useSettings } from '../../hooks/useSettings.svelte'
+	import { use3DModels } from '../../hooks/use3DModels.svelte'
+	import { colors, darkenColor, resourceColors } from '../../color'
 	import type { Entity } from 'koota'
-	import { traits, useTrait } from '../ecs'
+	import { traits, useTrait } from '../../ecs'
 	import type { Pose } from '@viamrobotics/sdk'
-	import { useResourceByName } from '../hooks/useResourceByName.svelte'
+	import { useResourceByName } from '../../hooks/useResourceByName.svelte'
 	import { Portal, PortalTarget } from '@threlte/extras'
 
 	interface Props {
@@ -34,7 +34,7 @@
 	const parent = useTrait(() => entity, traits.Parent)
 	const entityColor = useTrait(() => entity, traits.Color)
 
-	const events = useObjectEvents(() => entity)
+	const events = useEntityEvents(() => entity)
 	const resourceColor = $derived.by(() => {
 		if (!name.current) {
 			return undefined

package/dist/components/{GLTF.svelte → Entities/GLTF.svelte}

@@ -16,10 +16,10 @@
 	import { Portal, PortalTarget, useGltfAnimations, type ThrelteGltf } from '@threlte/extras'
 	import type { Snippet } from 'svelte'
 	import { Group, type Object3D } from 'three'
-	import { useObjectEvents } from '../hooks/useObjectEvents.svelte'
+	import { useEntityEvents } from './hooks/useEntityEvents.svelte'
 	import type { Entity } from 'koota'
-	import { traits, useTrait } from '../ecs'
-	import { poseToObject3d } from '../transform'
+	import { traits, useTrait } from '../../ecs'
+	import { poseToObject3d } from '../../transform'
 
 	interface Props extends ThrelteProps<Object3D> {
 		entity: Entity
@@ -35,7 +35,7 @@
 	const pose = useTrait(() => entity, traits.Pose)
 	const gltfTrait = useTrait(() => entity, traits.GLTF)
 	const scale = useTrait(() => entity, traits.Scale)
-	const objectProps = useObjectEvents(() => entity)
+	const events = useEntityEvents(() => entity)
 
 	const animationName = $derived(gltfTrait.current?.animationName)
 
@@ -85,7 +85,7 @@
 				is={$gltf.scene as Object3D}
 				scale={[scale.current?.x ?? 1, scale.current?.y ?? 1, scale.current?.z ?? 1]}
 				name={entity}
-				{...objectProps}
+				{...events}
 				{...rest}
 			>
 				{@render children?.()}

package/dist/components/{Geometry.svelte → Entities/Geometry.svelte}

@@ -4,12 +4,12 @@
 	import { meshBounds } from '@threlte/extras'
 	import { BufferGeometry, Color, DoubleSide, FrontSide, Group, Mesh } from 'three'
 	import { Line2, LineMaterial } from 'three/examples/jsm/Addons.js'
-	import { CapsuleGeometry } from '../three/CapsuleGeometry'
-	import { colors, darkenColor } from '../color'
-	import AxesHelper from './AxesHelper.svelte'
+	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 { poseToObject3d } from '../transform'
+	import { traits, useTrait } from '../../ecs'
+	import { poseToObject3d } from '../../transform'
 	import type { Pose } from '@viamrobotics/sdk'
 	import LineGeometry from './LineGeometry.svelte'
 
@@ -128,24 +128,17 @@
 	{...rest}
 >
 	{#if geometryType}
-		{#if showAxesHelper.current}
-			<AxesHelper
-				width={3}
-				length={0.1}
-			/>
+		{#if model && renderMode.includes('model')}
+			<T is={model} />
 		{/if}
 
-		<T
-			is={mesh}
-			name={entity}
-			userData.name={name}
-			renderOrder={renderOrder.current}
-		>
-			{#if model && renderMode.includes('model')}
-				<T is={model} />
-			{/if}
-
-			{#if !model || renderMode.includes('colliders')}
+		{#if !model || renderMode.includes('colliders')}
+			<T
+				is={mesh}
+				name={entity}
+				userData.name={name}
+				renderOrder={renderOrder.current}
+			>
 				{#if linePositions.current}
 					<LineGeometry positions={linePositions.current} />
 				{:else if box.current}
@@ -168,40 +161,42 @@
 						{oncreate}
 					/>
 				{/if}
-			{/if}
-
-			{#if linePositions.current}
-				<T
-					is={LineMaterial}
-					{color}
-					width={lineWidth.current ? lineWidth.current * 0.001 : 0.5}
-					depthTest={materialProps.current?.depthTest ?? true}
-				/>
-			{:else}
-				{@const currentOpacity = opacity.current ?? 0.7}
-				<T.MeshToonMaterial
-					{color}
-					side={geometryType === 'buffer' ? DoubleSide : FrontSide}
-					transparent={currentOpacity < 1}
-					depthWrite={currentOpacity === 1}
-					opacity={currentOpacity}
-					depthTest={materialProps.current?.depthTest ?? true}
-				/>
-
-				{#if geo && (renderMode.includes('colliders') || !model)}
-					<T.LineSegments
-						raycast={() => null}
-						bvh={{ enabled: false }}
-					>
-						<T.EdgesGeometry args={[geo, 0]} />
-						<T.LineBasicMaterial color={darkenColor(color, 10)} />
-					</T.LineSegments>
+
+				{#if linePositions.current}
+					<T
+						is={LineMaterial}
+						{color}
+						width={lineWidth.current ? lineWidth.current * 0.001 : 0.5}
+						depthTest={materialProps.current?.depthTest ?? true}
+					/>
+				{:else}
+					{@const currentOpacity = opacity.current ?? 0.7}
+					<T.MeshToonMaterial
+						{color}
+						side={geometryType === 'buffer' ? DoubleSide : FrontSide}
+						transparent={currentOpacity < 1}
+						depthWrite={currentOpacity === 1}
+						opacity={currentOpacity}
+						depthTest={materialProps.current?.depthTest ?? true}
+					/>
+
+					{#if geo && (renderMode.includes('colliders') || !model)}
+						<T.LineSegments
+							raycast={() => null}
+							bvh={{ enabled: false }}
+						>
+							<T.EdgesGeometry args={[geo, 0]} />
+							<T.LineBasicMaterial color={darkenColor(color, 10)} />
+						</T.LineSegments>
+					{/if}
 				{/if}
-			{/if}
-		</T>
-	{:else if showAxesHelper.current}
+			</T>
+		{/if}
+	{/if}
+
+	{#if showAxesHelper.current}
 		<AxesHelper
-			name={name.current}
+			name={entity}
 			width={3}
 			length={0.1}
 		/>

package/dist/components/{Label.svelte → Entities/Label.svelte}

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { HTML } from '@threlte/extras'
 
-	import { useSettings } from '../hooks/useSettings.svelte'
+	import { useSettings } from '../../hooks/useSettings.svelte'
 
 	interface Props {
 		text?: string

package/dist/components/{Line.svelte → Entities/Line.svelte}

@@ -8,9 +8,9 @@
 	import Frame from './Frame.svelte'
 	import type { Snippet } from 'svelte'
 	import type { Entity } from 'koota'
-	import { traits, useTrait } from '../ecs'
+	import { traits, useTrait } from '../../ecs'
 	import LineDots from './LineDots.svelte'
-	import { darkenColor } from '../color'
+	import { darkenColor } from '../../color'
 
 	interface Props {
 		entity: Entity