@viamrobotics/motion-tools 1.15.0 → 1.15.2

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/components/App.svelte

@@ -29,6 +29,7 @@
 
 	import FileDrop from './FileDrop/FileDrop.svelte'
 	import HoveredEntities from './hover/HoveredEntities.svelte'
+	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'
@@ -144,6 +145,7 @@
 
 					<Settings />
 					<Logs />
+					<AddFrames />
 				</div>
 			{/snippet}
 		</SceneProviders>

package/dist/components/Entities/Geometry.svelte

@@ -63,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/Lasso/Tool.svelte

@@ -93,7 +93,6 @@
 			isOpen
 			exitable={false}
 			title="Lasso"
-			strategy="absolute"
 			defaultSize={{ width: 445, height: 100 }}
 			defaultPosition={{ x: rect.width / 2 - 200, y: rect.height - 10 - 100 }}
 		>

package/dist/components/Selected.svelte

@@ -16,19 +16,7 @@
 	const selectedEntity = useSelectedEntity()
 	const selectedObject3d = useSelectedObject3d()
 
-	const object = $derived.by(() => {
-		if (!selectedObject3d.current) {
-			return
-		}
-
-		// Create a clone in the case of meshes, which could be frames with geometries,
-		// so that our bounding box doesn't include children
-		if (isInstanceOf(selectedObject3d.current, 'Mesh')) {
-			return selectedObject3d.current?.clone(false)
-		}
-
-		return selectedObject3d.current
-	})
+	const object = $derived(selectedObject3d.current)
 
 	const { start, stop } = useTask(
 		() => {
@@ -44,10 +32,6 @@
 				mesh.getBoundingBoxAt(selectedEntity.instance, box3)
 				obb.fromBox3(box3)
 				obbHelper.setFromOBB(obb)
-			} else if (isInstanceOf(selectedObject3d.current, 'Mesh')) {
-				selectedObject3d.current?.getWorldPosition(object.position)
-				selectedObject3d.current?.getWorldQuaternion(object.quaternion)
-				obbHelper.setFromObject(object)
 			} else {
 				obbHelper.setFromObject(object)
 			}

package/dist/components/overlay/AddFrames.svelte

@@ -0,0 +1,64 @@
+<script lang="ts">
+	import { Portal } from '@threlte/extras'
+	import { Button } from '@viamrobotics/prime-core'
+
+	import { useFramelessComponents } from '../../hooks/useFramelessComponents.svelte'
+	import { usePartConfig } from '../../hooks/usePartConfig.svelte'
+	import { usePartID } from '../../hooks/usePartID.svelte'
+
+	import DashboardButton from './dashboard/Button.svelte'
+	import FloatingPanel from './FloatingPanel.svelte'
+
+	const partID = usePartID()
+	const framelessComponents = useFramelessComponents()
+	const partConfig = usePartConfig()
+
+	let selectedComponent = $derived(framelessComponents.current[0] ?? '')
+
+	let isOpen = $state(false)
+</script>
+
+{#if partID.current && partConfig.hasEditPermissions}
+	<Portal id="dashboard">
+		<fieldset>
+			<DashboardButton
+				active
+				icon="axis-arrow"
+				description="Add frames"
+				onclick={() => {
+					isOpen = !isOpen
+				}}
+			/>
+		</fieldset>
+	</Portal>
+
+	<FloatingPanel
+		{isOpen}
+		defaultSize={{ width: 300, height: 150 }}
+	>
+		<div class="flex h-full flex-col items-center justify-center gap-2 overflow-auto p-3 text-xs">
+			{#if framelessComponents.current.length > 0}
+				<select
+					class="border-light hover:border-gray-6 focus:border-gray-9 h-7.5 w-full appearance-none border bg-white px-2 py-1.5 text-xs leading-tight"
+					bind:value={selectedComponent}
+				>
+					{#each framelessComponents.current as component (component)}
+						<option>{component}</option>
+					{/each}
+				</select>
+
+				<Button
+					icon="plus"
+					onclick={() => {
+						partConfig.createFrame(selectedComponent)
+						isOpen = false
+					}}
+				>
+					Add frame
+				</Button>
+			{:else}
+				<p class="text-center">No components without frames</p>
+			{/if}
+		</div>
+	</FloatingPanel>
+{/if}

package/dist/components/overlay/AddFrames.svelte.d.ts

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

package/dist/components/overlay/Details.svelte

@@ -638,9 +638,9 @@
 			{/if}
 		</div>
 
-		<h3 class="text-subtle-2 pt-3 pb-2">Relationships</h3>
-
 		{#if linkedEntities.current.length > 0}
+			<h3 class="text-subtle-2 pt-3 pb-2">Relationships</h3>
+
 			<div>
 				<div class="mt-0.5 flex flex-col gap-1">
 					<strong class="font-semibold">Linked entities</strong>

package/dist/components/overlay/FloatingPanel.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte'
 
+	import { useThrelte } from '@threlte/core'
 	import { Icon } from '@viamrobotics/prime-core'
 	import * as floatingPanel from '@zag-js/floating-panel'
 	import { normalizeProps, useMachine } from '@zag-js/svelte'
@@ -12,7 +13,6 @@
 		exitable?: boolean
 		resizable?: boolean
 		persistRect?: boolean
-		strategy?: 'absolute' | 'fixed'
 		isOpen?: boolean
 		children: Snippet
 	}
@@ -20,6 +20,7 @@
 	let {
 		title = '',
 		defaultSize = { width: 700, height: 500 },
+		defaultPosition,
 		exitable = true,
 		resizable = false,
 		persistRect = true,
@@ -28,12 +29,19 @@
 		...props
 	}: Props = $props()
 
+	const { dom } = useThrelte()
+
 	const id = $props.id()
 	const floatingPanelService = useMachine(floatingPanel.machine, () => ({
 		id,
 		defaultSize,
+		defaultPosition: defaultPosition ?? {
+			x: dom.clientWidth / 2 - defaultSize.width / 2 + dom.clientLeft,
+			y: dom.clientHeight / 2 - defaultSize.width / 2 + dom.clientTop,
+		},
 		resizable,
 		allowOverflow: false,
+		strategy: 'absolute' as const,
 		persistRect,
 		open: isOpen,
 		...props,
@@ -58,12 +66,12 @@
 				{...api.getHeaderProps()}
 				class="border-medium flex justify-between border-b p-2"
 			>
-				<p
+				<h3
 					{...api.getTitleProps()}
 					class="text-gray-7 text-xs"
 				>
 					{title}
-				</p>
+				</h3>
 
 				{#if exitable}
 					<div

package/dist/components/overlay/FloatingPanel.svelte.d.ts

@@ -12,7 +12,6 @@ interface Props {
     exitable?: boolean;
     resizable?: boolean;
     persistRect?: boolean;
-    strategy?: 'absolute' | 'fixed';
     isOpen?: boolean;
     children: Snippet;
 }

package/dist/components/overlay/left-pane/Tree.svelte

@@ -176,32 +176,27 @@
 	{/if}
 {/snippet}
 
-<div class="root-node">
-	<div {...api.getRootProps() as object}>
-		<div {...api.getTreeProps()}>
-			{#if rootChildren.length === 0}
-				<p class="text-subtle-2 px-2 py-4">No objects displayed</p>
-			{:else if rootChildren.length > 200}
-				<VirtualList
-					class="w-full"
-					style="height:{Math.min(8, Math.max(rootChildren.length, 5)) * 32}px;"
-					items={rootChildren}
-				>
-					{#snippet vl_slot({ index, item })}
-						{@render treeNode({ node: item, indexPath: [Number(index)], api })}
-					{/snippet}
-				</VirtualList>
-			{:else}
-				<div
-					style="height:{Math.min(8, Math.max(rootChildren.length, 5)) * 32}px;"
-					class="overflow-auto"
-				>
-					{#each rootChildren as node, index (node.entity)}
-						{@render treeNode({ node, indexPath: [Number(index)], api })}
-					{/each}
-				</div>
-			{/if}
-		</div>
+<div
+	{...api.getRootProps()}
+	class="h-full overflow-auto text-xs"
+>
+	<div {...api.getTreeProps()}>
+		{#if rootChildren.length === 0}
+			<p class="text-subtle-2 px-2 py-4">No objects displayed</p>
+		{:else if rootChildren.length > 200}
+			<VirtualList
+				class="w-full"
+				items={rootChildren}
+			>
+				{#snippet vl_slot({ index, item })}
+					{@render treeNode({ node: item, indexPath: [Number(index)], api })}
+				{/snippet}
+			</VirtualList>
+		{:else}
+			{#each rootChildren as node, index (node.entity)}
+				{@render treeNode({ node, indexPath: [Number(index)], api })}
+			{/each}
+		{/if}
 	</div>
 </div>
 

package/dist/components/overlay/left-pane/TreeContainer.svelte

@@ -2,25 +2,18 @@
 	import { type Entity, IsExcluded } from 'koota'
 
 	import { traits, useQuery, useWorld } from '../../../ecs'
-	import { useEnvironment } from '../../../hooks/useEnvironment.svelte'
 	import { useFrames } from '../../../hooks/useFrames.svelte'
-	import { usePartConfig } from '../../../hooks/usePartConfig.svelte'
-	import { usePartID } from '../../../hooks/usePartID.svelte'
 	import { useSelectedEntity } from '../../../hooks/useSelection.svelte'
 
 	import FloatingPanel from '../FloatingPanel.svelte'
-	import AddFrames from './AddFrames.svelte'
 	import { buildTreeNodes, type TreeNode } from './buildTree'
 	import Tree from './Tree.svelte'
 	import { provideTreeExpandedContext } from './useExpanded.svelte'
 
 	provideTreeExpandedContext()
 
-	const partID = usePartID()
 	const selectedEntity = useSelectedEntity()
 
-	const environment = useEnvironment()
-	const partConfig = usePartConfig()
 	const frames = useFrames()
 	const world = useWorld()
 
@@ -49,19 +42,13 @@
 	exitable={false}
 	resizable
 >
-	<div class="text-xs">
-		<Tree
-			{rootNode}
-			{nodeMap}
-			onSelectionChange={(event) => {
-				const value = event.selectedValue[0]
-
-				selectedEntity.set(value ? (Number(value) as Entity) : undefined)
-			}}
-		/>
-
-		{#if environment.current.isStandalone && partID.current && partConfig.hasEditPermissions}
-			<AddFrames />
-		{/if}
-	</div>
+	<Tree
+		{rootNode}
+		{nodeMap}
+		onSelectionChange={(event) => {
+			const value = event.selectedValue[0]
+
+			selectedEntity.set(value ? (Number(value) as Entity) : undefined)
+		}}
+	/>
 </FloatingPanel>

package/dist/three/OBBHelper.d.ts

@@ -9,7 +9,6 @@ export declare class OBBHelper extends LineSegments2 {
             elements: number[];
         };
     }): this;
-    /** Set from a Mesh/Object3D assuming no shears. Uses geometry's local bbox + world rotation/scale. */
-    setFromObject(object: Object3D): this;
+    setFromObject(root: Object3D): this;
     dispose(): void;
 }

package/dist/three/OBBHelper.js

@@ -1,14 +1,42 @@
-import { BoxGeometry, BufferGeometry, EdgesGeometry, Matrix3, Matrix4, Mesh, Object3D, Quaternion, Vector3, } from 'three';
+import { Box3, BoxGeometry, BufferGeometry, EdgesGeometry, Matrix4, Mesh, Object3D, Quaternion, Vector3, } from 'three';
 import { LineMaterial } from 'three/addons/lines/LineMaterial.js';
 import { LineSegments2 } from 'three/examples/jsm/lines/LineSegments2.js';
 import { LineSegmentsGeometry } from 'three/examples/jsm/lines/LineSegmentsGeometry.js';
+const box = new Box3();
+const childBox = new Box3();
+const inverseRootMatrixWorld = new Matrix4();
+const rootMatrixWorld = new Matrix4();
+const relativeMatrix = new Matrix4();
+const scaleMatrix = new Matrix4();
 const center = new Vector3();
-const half = new Vector3();
 const size = new Vector3();
+const basis = new Matrix4();
 const quaternion = new Quaternion();
-const scale = new Vector3();
-const absScale = new Vector3();
-const worldCenter = new Vector3();
+const corners = [
+    new Vector3(),
+    new Vector3(),
+    new Vector3(),
+    new Vector3(),
+    new Vector3(),
+    new Vector3(),
+    new Vector3(),
+    new Vector3(),
+];
+const expandBoxByTransformedBox = (box, childBox, matrix) => {
+    const min = childBox.min;
+    const max = childBox.max;
+    corners[0].set(min.x, min.y, min.z).applyMatrix4(matrix);
+    corners[1].set(min.x, min.y, max.z).applyMatrix4(matrix);
+    corners[2].set(min.x, max.y, min.z).applyMatrix4(matrix);
+    corners[3].set(min.x, max.y, max.z).applyMatrix4(matrix);
+    corners[4].set(max.x, min.y, min.z).applyMatrix4(matrix);
+    corners[5].set(max.x, min.y, max.z).applyMatrix4(matrix);
+    corners[6].set(max.x, max.y, min.z).applyMatrix4(matrix);
+    corners[7].set(max.x, max.y, max.z).applyMatrix4(matrix);
+    for (const corner of corners) {
+        box.expandByPoint(corner);
+    }
+};
 export class OBBHelper extends LineSegments2 {
     constructor(color = 0x000000, linewidth = 2) {
         const edges = new EdgesGeometry(new BoxGeometry());
@@ -27,52 +55,45 @@ export class OBBHelper extends LineSegments2 {
         this.renderOrder = 999;
     }
     setFromOBB(obb) {
-        // position/rotation
-        const basis = new Matrix4().setFromMatrix3(obb.rotation);
+        basis.setFromMatrix3(obb.rotation);
         quaternion.setFromRotationMatrix(basis);
-        // scale = full size
         size.copy(obb.halfSize).multiplyScalar(2);
-        // compose
         this.matrix.compose(obb.center, quaternion, size);
-        this.matrixWorld.copy(this.matrix); // no parent updates if used standalone
+        this.matrixWorld.copy(this.matrix);
         return this;
     }
-    /** Set from a Mesh/Object3D assuming no shears. Uses geometry's local bbox + world rotation/scale. */
-    setFromObject(object) {
-        // Find a geometry to read bbox from
-        let geometry;
-        if (object.geometry) {
-            geometry = object.geometry;
-        }
-        else {
-            // try the first mesh child
-            object.traverse((child) => {
-                if (!geometry && child.geometry) {
-                    geometry = child.geometry;
-                }
-            });
-        }
-        if (!geometry) {
+    setFromObject(root) {
+        root.updateWorldMatrix(true, true);
+        rootMatrixWorld.copy(root.matrixWorld);
+        inverseRootMatrixWorld.copy(rootMatrixWorld).invert();
+        box.makeEmpty();
+        root.traverse((child) => {
+            const mesh = child;
+            const geometry = mesh.geometry;
+            if (!geometry)
+                return;
+            if (!geometry.boundingBox) {
+                geometry.computeBoundingBox();
+            }
+            if (!geometry.boundingBox)
+                return;
+            // Transform this mesh's local bounding box into root-local space
+            relativeMatrix.multiplyMatrices(inverseRootMatrixWorld, mesh.matrixWorld);
+            childBox.copy(geometry.boundingBox);
+            expandBoxByTransformedBox(box, childBox, relativeMatrix);
+        });
+        if (box.isEmpty()) {
             console.warn('[OBBHelper] No geometry found on object to compute OBB.');
             return this;
         }
-        if (!geometry.boundingBox) {
-            geometry.computeBoundingBox();
-        }
-        if (geometry.boundingBox) {
-            geometry.boundingBox.getCenter(center);
-            // half size in local space
-            geometry.boundingBox.getSize(size).multiplyScalar(0.5);
-        }
-        object.getWorldQuaternion(quaternion);
-        object.getWorldScale(scale);
-        // non-uniform scale supported (no shear): enlarge halfSize by |scale|
-        half.copy(size).multiply(absScale.set(Math.abs(scale.x), Math.abs(scale.y), Math.abs(scale.z)));
-        worldCenter.copy(center);
-        object.localToWorld(worldCenter);
-        // compose transform (unit box -> oriented box)
-        const fullSize = half.multiplyScalar(2);
-        this.matrix.compose(worldCenter, quaternion, fullSize);
+        box.getCenter(center);
+        box.getSize(size);
+        // Place the helper at the center of the bounding box, in root-local space
+        this.matrix.makeTranslation(center.x, center.y, center.z);
+        // Then inherit the root's full world transform
+        this.matrix.premultiply(rootMatrixWorld);
+        // Scale the unit box to the OBB extents in root-local axes
+        this.matrix.multiply(scaleMatrix.makeScale(size.x, size.y, size.z));
         this.matrixWorld.copy(this.matrix);
         return this;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/motion-tools",
-  "version": "1.15.0",
+  "version": "1.15.2",
   "description": "Motion visualization with Viam",
   "license": "Apache-2.0",
   "type": "module",
@@ -17,8 +17,8 @@
     "@skeletonlabs/skeleton": "3.2.0",
     "@skeletonlabs/skeleton-svelte": "1.5.1",
     "@sveltejs/adapter-static": "3.0.9",
-    "@sveltejs/kit": "2.49.5",
-    "@sveltejs/package": "2.5.0",
+    "@sveltejs/kit": "2.55.0",
+    "@sveltejs/package": "2.5.7",
     "@sveltejs/vite-plugin-svelte": "6.1.4",
     "@tailwindcss/forms": "0.5.10",
     "@tailwindcss/vite": "4.1.13",
@@ -63,8 +63,8 @@
     "prettier-plugin-tailwindcss": "0.6.14",
     "publint": "0.3.12",
     "runed": "0.31.1",
-    "svelte": "5.45.9",
-    "svelte-check": "4.3.1",
+    "svelte": "5.53.13",
+    "svelte-check": "4.4.5",
     "svelte-virtuallists": "1.4.2",
     "tailwindcss": "4.1.13",
     "three": "0.182.0",

package/dist/components/overlay/left-pane/AddFrames.svelte

@@ -1,32 +0,0 @@
-<script lang="ts">
-	import { IconButton } from '@viamrobotics/prime-core'
-
-	import { useFramelessComponents } from '../../../hooks/useFramelessComponents.svelte'
-	import { usePartConfig } from '../../../hooks/usePartConfig.svelte'
-
-	import Drawer from './Drawer.svelte'
-
-	const framelessComponents = useFramelessComponents()
-	const partConfig = usePartConfig()
-</script>
-
-<Drawer name="Add frames">
-	<div class="flex max-h-64 flex-col gap-2 overflow-auto p-3">
-		{#if framelessComponents.current.length > 0}
-			<ul class="space-y-1">
-				{#each framelessComponents.current as component (component)}
-					<li class="flex items-center gap-2 text-xs text-gray-700">
-						{component}
-						<IconButton
-							label="Add frame"
-							icon="plus"
-							onclick={() => partConfig.createFrame(component)}
-						/>
-					</li>
-				{/each}
-			</ul>
-		{:else}
-			No components without frames
-		{/if}
-	</div>
-</Drawer>

package/dist/components/overlay/left-pane/AddFrames.svelte.d.ts

@@ -1,18 +0,0 @@
-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;
-}
-declare const AddFrames: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type AddFrames = InstanceType<typeof AddFrames>;
-export default AddFrames;