freeView to draggable

src/lib/components/flow/FitViewOnResize.svelte

@@ -25,7 +25,7 @@
 	let lastFitViewTime = 0;
 
 	function throttledFitView() {
-		if (viewState.freeView) return;
+		if (viewState.draggable) return;
 
 		const now = Date.now();
 		const elapsed = now - lastFitViewTime;
@@ -47,7 +47,7 @@
 			fitViewTimer = setTimeout(() => {
 				lastFitViewTime = Date.now();
 				fitViewTimer = null;
-				if (!viewState.freeView) {
+				if (!viewState.draggable) {
 					fitView({
 						maxZoom: 1,
 						minZoom: breakpointsState.isMobile ? 1 : 0.7,
@@ -107,7 +107,7 @@
 	});
 
 	function handleWindowResize() {
-		if (viewState.freeView) return;
+		if (viewState.draggable) return;
 		fitView({
 			maxZoom: 1,
 			minZoom: breakpointsState.isMobile ? 1 : 0.8,

src/lib/components/flow/actions/PanelCanvasActions.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Maximize, Lock, LockOpen, Minus, Plus, Move, MousePointer } from '@lucide/svelte';
+	import { Maximize, Minus, Plus, Move, MousePointer } from '@lucide/svelte';
 	import { Panel } from '@xyflow/svelte';
 
 	import { Button } from '$lib/components/ui/button';
@@ -44,17 +44,6 @@
 		>
 			<Maximize />
 		</Button>
-		<Button
-			variant="ghost"
-			size="icon-sm"
-			onclick={() => (viewState.freeView = !viewState.freeView)}
-		>
-			{#if viewState.freeView}
-				<Lock class="fill-transparent!" />
-			{:else}
-				<LockOpen class="fill-transparent!" />
-			{/if}
-		</Button>
 	</div>
 	<div
 		class="inline-flex w-fit flex-row gap-0.5 rounded-lg border border-border bg-background p-1 dark:bg-gray-900"