add cleanup and debouncing for workspace editor updates

Cancel debounced functions on unmount to prevent stale callbacks.
Debounce WorkspaceService.UpdateWorkspace calls to avoid excessive
backend updates during typing.

Author: rnunley-nmg

frontend/app/tab/workspaceswitcher.tsx

@@ -141,11 +141,17 @@ const WorkspaceSwitcher = forwardRef<HTMLDivElement>((_, ref) => {
     );
 });
 
+/**
+ * A ViewModel that has access to its block's ID and atom.
+ */
 interface BlockAwareViewModel extends ViewModel {
     blockId: string;
     blockAtom: Atom<Block>;
 }
 
+/**
+ * A preview ViewModel with directory navigation capabilities.
+ */
 interface PreviewViewModel extends BlockAwareViewModel {
     goHistory: (path: string) => Promise<void>;
 }
@@ -268,6 +274,24 @@ const WorkspaceSwitcherItem = ({
         []
     );
 
+    const debouncedWorkspaceUpdate = useMemo(
+        () =>
+            debounce(300, (oid: string, name: string, icon: string, color: string, directory: string) => {
+                fireAndForget(async () => {
+                    await WorkspaceService.UpdateWorkspace(oid, name, icon, color, directory, false);
+                });
+            }),
+        []
+    );
+
+    useEffect(() => {
+        return () => {
+            debouncedBlockUpdate.cancel();
+            debouncedWorkspaceUpdate.cancel();
+            pendingDirectoryRef.current = null;
+        };
+    }, [debouncedBlockUpdate, debouncedWorkspaceUpdate]);
+
     const setWorkspace = useCallback(
         (newWorkspace: Workspace) => {
             setWorkspaceEntry((prev) => {
@@ -276,16 +300,13 @@ const WorkspaceSwitcherItem = ({
                 const directoryChanged = newDirectory !== oldDirectory;
 
                 if (newWorkspace.name !== "") {
-                    fireAndForget(async () => {
-                        await WorkspaceService.UpdateWorkspace(
-                            prev.workspace.oid,
-                            newWorkspace.name,
-                            newWorkspace.icon,
-                            newWorkspace.color,
-                            newWorkspace.directory ?? "",
-                            false
-                        );
-                    });
+                    debouncedWorkspaceUpdate(
+                        prev.workspace.oid,
+                        newWorkspace.name,
+                        newWorkspace.icon,
+                        newWorkspace.color,
+                        newWorkspace.directory ?? ""
+                    );
                     if (directoryChanged && isCurrentWorkspace && newDirectory) {
                         pendingDirectoryRef.current = newDirectory;
                         debouncedBlockUpdate(newDirectory);
@@ -294,7 +315,7 @@ const WorkspaceSwitcherItem = ({
                 return { ...prev, workspace: newWorkspace };
             });
         },
-        [debouncedBlockUpdate, isCurrentWorkspace, setWorkspaceEntry]
+        [debouncedBlockUpdate, debouncedWorkspaceUpdate, isCurrentWorkspace, setWorkspaceEntry]
     );
 
     const isActive = !!workspaceEntry.windowId;