diff --git a/src/__tests__/moveDialog.test.tsx b/src/__tests__/moveDialog.test.tsx
new file mode 100644
index 0000000..b7df743
--- /dev/null
+++ b/src/__tests__/moveDialog.test.tsx
@@ -0,0 +1,79 @@
+/** @vitest-environment jsdom */
+
+import { cleanup, fireEvent, render, screen } from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+
+import { MoveDialog } from "@/components/MoveDialog/MoveDialog";
+import { getDictionary } from "@/i18n";
+import type { FolderRecord, SelectedItem, SnippetRecord } from "@/lib/types";
+
+const copy = getDictionary("en");
+
+function folder(id: string, parentId: string | null): FolderRecord {
+  return { id, name: id, parentId } as FolderRecord;
+}
+
+// parent ─┬─ child ── grandchild
+//         └─ (sibling of parent at root: other)
+const folders = [
+  folder("parent", null),
+  folder("child", "parent"),
+  folder("grandchild", "child"),
+  folder("other", null),
+];
+const snippets = [
+  { id: "s1", title: "note", language: "markdown", folderId: "other" } as SnippetRecord,
+];
+
+function renderDialog(items: SelectedItem[]) {
+  const onMove = vi.fn();
+  const onClose = vi.fn();
+  render(
+    <MoveDialog
+      copy={copy}
+      folders={folders}
+      snippets={snippets}
+      items={items}
+      onMove={onMove}
+      onClose={onClose}
+    />,
+  );
+  return { onMove, onClose };
+}
+
+const row = (name: string) =>
+  screen.getByRole<HTMLButtonElement>("button", { name: new RegExp(`^${name}$`) });
+const expand = (name: string) =>
+  fireEvent.click(
+    screen
+      .getAllByRole("button", { name: copy.folderSelect.expandFolder })
+      .find((b) => b.nextElementSibling?.textContent === name)!,
+  );
+
+describe("MoveDialog", () => {
+  afterEach(cleanup);
+
+  it("won't move a folder into itself or its own subfolders", () => {
+    renderDialog([{ type: "folder", id: "child" }]);
+    // Moving it to where it already lives is a harmless no-op, so allowed.
+    expect(row("parent").disabled).toBe(false);
+    expand("parent");
+    expect(row("child").disabled).toBe(true);
+    expand("child");
+    expect(row("grandchild").disabled).toBe(true);
+    expect(row("other").disabled).toBe(false);
+  });
+
+  it("moves to the root as null and closes", () => {
+    const { onMove, onClose } = renderDialog([{ type: "snippet", id: "s1" }]);
+    fireEvent.click(row(copy.workspace.rootOption));
+    expect(onMove).toHaveBeenCalledExactlyOnceWith(null);
+    expect(onClose).toHaveBeenCalledOnce();
+  });
+
+  it("moves into the picked folder by id", () => {
+    const { onMove } = renderDialog([{ type: "snippet", id: "s1" }]);
+    fireEvent.click(row("parent"));
+    expect(onMove).toHaveBeenCalledExactlyOnceWith("parent");
+  });
+});
diff --git a/src/__tests__/useLongPress.test.tsx b/src/__tests__/useLongPress.test.tsx
new file mode 100644
index 0000000..b8faa69
--- /dev/null
+++ b/src/__tests__/useLongPress.test.tsx
@@ -0,0 +1,163 @@
+/** @vitest-environment jsdom */
+
+import { act, cleanup, fireEvent, render, screen } from "@testing-library/react";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+
+import { LONG_PRESS_MS, useLongPress, type PressPoint } from "@/hooks/useLongPress";
+
+function Row({
+  onLongPress,
+  onOpen,
+  enabled,
+}: {
+  onLongPress: (point: PressPoint) => void;
+  onOpen: () => void;
+  enabled?: boolean;
+}) {
+  const longPress = useLongPress(onLongPress, { enabled });
+  return (
+    <div data-testid="row" {...longPress}>
+      <button type="button" onClick={onOpen}>
+        open
+      </button>
+    </div>
+  );
+}
+
+const touch = { pointerType: "touch", isPrimary: true, pointerId: 1 };
+
+function setup(enabled?: boolean) {
+  const onLongPress = vi.fn();
+  const onOpen = vi.fn();
+  render(<Row onLongPress={onLongPress} onOpen={onOpen} enabled={enabled} />);
+  return { onLongPress, onOpen, button: screen.getByRole("button") };
+}
+
+describe("useLongPress", () => {
+  beforeEach(() => vi.useFakeTimers());
+  afterEach(() => {
+    cleanup();
+    vi.useRealTimers();
+  });
+
+  it("fires at the press point once the finger has rested long enough", () => {
+    const { onLongPress, button } = setup();
+    fireEvent.pointerDown(button, { ...touch, clientX: 40, clientY: 80 });
+
+    act(() => vi.advanceTimersByTime(LONG_PRESS_MS - 1));
+    expect(onLongPress).not.toHaveBeenCalled();
+
+    act(() => vi.advanceTimersByTime(1));
+    expect(onLongPress).toHaveBeenCalledExactlyOnceWith({ x: 40, y: 80 });
+  });
+
+  it("swallows the click that ends a fired press, but not the next tap", () => {
+    const { onOpen, button } = setup();
+    fireEvent.pointerDown(button, touch);
+    act(() => vi.advanceTimersByTime(LONG_PRESS_MS));
+    fireEvent.pointerUp(button, touch);
+    fireEvent.click(button);
+    expect(onOpen).not.toHaveBeenCalled();
+
+    fireEvent.pointerDown(button, touch);
+    fireEvent.pointerUp(button, touch);
+    fireEvent.click(button);
+    expect(onOpen).toHaveBeenCalledOnce();
+  });
+
+  it("keeps the menu open when the platform's own long press lands on its backdrop", () => {
+    const { button } = setup();
+    // Stands in for the menu's backdrop, which closes it on any contextmenu.
+    const onBackdropContextMenu = vi.fn();
+    const backdrop = document.createElement("div");
+    backdrop.addEventListener("contextmenu", onBackdropContextMenu);
+    document.body.appendChild(backdrop);
+
+    fireEvent.pointerDown(button, touch);
+    act(() => vi.advanceTimersByTime(LONG_PRESS_MS));
+    // Android fires its native contextmenu ~500ms in, hit-tested at the finger.
+    const handled = fireEvent.contextMenu(backdrop);
+    expect(handled).toBe(false);
+    expect(onBackdropContextMenu).not.toHaveBeenCalled();
+    backdrop.remove();
+  });
+
+  it("lets clicks through again shortly after the finger lifts", () => {
+    const { onOpen, button } = setup();
+    fireEvent.pointerDown(button, touch);
+    act(() => vi.advanceTimersByTime(LONG_PRESS_MS));
+    fireEvent.touchEnd(window);
+    act(() => vi.advanceTimersByTime(1000));
+    // e.g. a keyboard or screen reader, which sends no pointerdown first.
+    fireEvent.click(button);
+    expect(onOpen).toHaveBeenCalledOnce();
+  });
+
+  it("keeps guarding when a second finger lands during the press", () => {
+    const { onOpen, button } = setup();
+    fireEvent.pointerDown(button, touch);
+    act(() => vi.advanceTimersByTime(LONG_PRESS_MS));
+    fireEvent.pointerDown(window, { pointerType: "touch", isPrimary: false, pointerId: 2 });
+    fireEvent.click(button);
+    expect(onOpen).not.toHaveBeenCalled();
+  });
+
+  it("lets clicks through again after the touch is cancelled", () => {
+    const { onOpen, button } = setup();
+    fireEvent.pointerDown(button, touch);
+    act(() => vi.advanceTimersByTime(LONG_PRESS_MS));
+    fireEvent.touchCancel(window);
+    act(() => vi.advanceTimersByTime(1000));
+    fireEvent.click(button);
+    expect(onOpen).toHaveBeenCalledOnce();
+  });
+
+  it("gives up when the finger drifts, since that is a scroll or a swipe", () => {
+    const { onLongPress, button } = setup();
+    fireEvent.pointerDown(button, { ...touch, clientX: 0, clientY: 0 });
+    fireEvent.pointerMove(button, { ...touch, clientX: 0, clientY: 20 });
+    act(() => vi.advanceTimersByTime(LONG_PRESS_MS));
+    expect(onLongPress).not.toHaveBeenCalled();
+  });
+
+  it("gives up when the finger lifts or the browser takes the pointer", () => {
+    const { onLongPress, button } = setup();
+    fireEvent.pointerDown(button, touch);
+    fireEvent.pointerUp(button, touch);
+    fireEvent.pointerDown(button, touch);
+    fireEvent.pointerCancel(button, touch);
+    act(() => vi.advanceTimersByTime(LONG_PRESS_MS));
+    expect(onLongPress).not.toHaveBeenCalled();
+  });
+
+  it("fires once when the platform's own long press beats the timer", () => {
+    const { onLongPress, button } = setup();
+    fireEvent.pointerDown(button, { ...touch, clientX: 5, clientY: 6 });
+    fireEvent.contextMenu(button, { clientX: 5, clientY: 6 });
+    expect(onLongPress).toHaveBeenCalledExactlyOnceWith({ x: 5, y: 6 });
+
+    act(() => vi.advanceTimersByTime(LONG_PRESS_MS));
+    expect(onLongPress).toHaveBeenCalledOnce();
+  });
+
+  it("opens on right-click without eating the next click", () => {
+    const { onLongPress, onOpen, button } = setup();
+    fireEvent.pointerDown(button, { pointerType: "mouse", isPrimary: true, button: 2 });
+    act(() => vi.advanceTimersByTime(LONG_PRESS_MS));
+    expect(onLongPress).not.toHaveBeenCalled();
+
+    fireEvent.contextMenu(button, { clientX: 12, clientY: 34 });
+    expect(onLongPress).toHaveBeenCalledExactlyOnceWith({ x: 12, y: 34 });
+
+    fireEvent.click(button);
+    expect(onOpen).toHaveBeenCalledOnce();
+  });
+
+  it("does nothing while disabled", () => {
+    const { onLongPress, button } = setup(false);
+    fireEvent.pointerDown(button, touch);
+    act(() => vi.advanceTimersByTime(LONG_PRESS_MS));
+    fireEvent.contextMenu(button, { clientX: 1, clientY: 1 });
+    expect(onLongPress).not.toHaveBeenCalled();
+  });
+});
diff --git a/src/components/Aside/useContextMenuGroups.ts b/src/components/Aside/useContextMenuGroups.ts
index 501d37e..546d1cb 100644
--- a/src/components/Aside/useContextMenuGroups.ts
+++ b/src/components/Aside/useContextMenuGroups.ts
@@ -4,6 +4,7 @@ import {
   Copy,
   ExternalLink,
   FilePlus,
+  FolderInput,
   FolderPlus,
   PenLine,
   Pin,
@@ -32,6 +33,8 @@ interface UseContextMenuGroupsArgs {
   onDeleteMany: (items: SelectedItem[]) => Promise<void>;
   onCut: (entry: ClipboardEntry) => void;
   onCopy: (entry: ClipboardEntry) => void;
+  /** Open the "Move to…" picker for these items. */
+  onMove: (items: SelectedItem[]) => void;
   setRenamingId: (id: string | null) => void;
   setCreatingFolderParentId: (id: string | null | undefined) => void;
   onOpenCreateModal: (folderId: string | null) => void;
@@ -57,6 +60,7 @@ export function useContextMenuGroups({
   onDeleteMany,
   onCut,
   onCopy,
+  onMove,
   setRenamingId,
   setCreatingFolderParentId,
   onOpenCreateModal,
@@ -74,8 +78,9 @@ export function useContextMenuGroups({
        * keyboard shortcuts and drag-move. (selectForMenu has already collapsed
        * the selection to this row if it was clicked from outside the set.) */
       const batchActive = !!id && selectedIds.has(id) && selectedIds.size > 1;
+      const targetItems = (fallback: SelectedItem) => (batchActive ? getSelectedItems() : [fallback]);
       const clipboardItems = (fallback: SelectedItem) =>
-        (batchActive ? getSelectedItems() : [fallback]).map((i) => ({ itemType: i.type, id: i.id }));
+        targetItems(fallback).map((i) => ({ itemType: i.type, id: i.id }));
       const deleteSelection = () => {
         const items = getSelectedItems();
         clearSelection();
@@ -158,6 +163,7 @@ export function useContextMenuGroups({
           },
           {
             items: [
+              { id: "move", label: cm.moveTo, Icon: FolderInput, onClick: () => onMove(targetItems({ id, type: "folder" })) },
               { id: "cut",  label: cm.cut,  Icon: Scissors, onClick: () => onCut({ type: "cut",  items: clipboardItems({ id, type: "folder" }) }) },
               { id: "copy", label: cm.copy, Icon: Copy,     onClick: () => onCopy({ type: "copy", items: clipboardItems({ id, type: "folder" }) }) },
               ...(clipboard ? [{ id: "paste", label: cm.paste, Icon: Clipboard, onClick: () => void onPaste(id) }] : []),
@@ -215,6 +221,7 @@ export function useContextMenuGroups({
           },
           {
             items: [
+              { id: "move", label: cm.moveTo, Icon: FolderInput, onClick: () => onMove(targetItems({ id, type: "snippet" })) },
               { id: "cut",  label: cm.cut,  Icon: Scissors, onClick: () => onCut({ type: "cut",  items: clipboardItems({ id, type: "snippet" }) }) },
               { id: "copy", label: cm.copy, Icon: Copy,     onClick: () => onCopy({ type: "copy", items: clipboardItems({ id, type: "snippet" }) }) },
               ...(clipboard ? [{ id: "paste", label: cm.paste, Icon: Clipboard, onClick: () => void onPaste(snippet.folderId) }] : []),
@@ -234,6 +241,6 @@ export function useContextMenuGroups({
 
       return [];
     },
-    [clipboard, copy.contextMenu, folders, snippets, onPaste, onPinFolder, onPinSnippet, onDeleteFolder, onDeleteSnippet, onDeleteMany, onCut, onCopy, setRenamingId, setCreatingFolderParentId, onOpenCreateModal, selectedIds, getSelectedItems, clearSelection],
+    [clipboard, copy.contextMenu, folders, snippets, onPaste, onPinFolder, onPinSnippet, onDeleteFolder, onDeleteSnippet, onDeleteMany, onCut, onCopy, onMove, setRenamingId, setCreatingFolderParentId, onOpenCreateModal, selectedIds, getSelectedItems, clearSelection],
   );
 }
diff --git a/src/components/KlipCodeApp.tsx b/src/components/KlipCodeApp.tsx
index d530afe..601f574 100644
--- a/src/components/KlipCodeApp.tsx
+++ b/src/components/KlipCodeApp.tsx
@@ -7,7 +7,7 @@ import { ArrowLeft } from "lucide-react";
 
 import { readTrash } from "@/lib/db";
 import { readInitialWorkspace } from "@/lib/seed";
-import type { ClipboardEntry, SnippetRecord, WorkspaceSnapshot } from "@/lib/types";
+import type { ClipboardEntry, SelectedItem, SnippetRecord, WorkspaceSnapshot } from "@/lib/types";
 import { getDictionary } from "@/i18n";
 import { localeHref, LOCALE_COOKIE, type Locale } from "@/lib/locale";
 import { SPACE_ROOT_ID, TRASH_ROOT_ID } from "@/lib/navigation";
@@ -29,6 +29,7 @@ import type { WorkspaceShellProps } from "@/components/Aside/types";
 import { MobileHome } from "@/components/MobileHome/MobileHome";
 import { useMobileFeedState } from "@/components/MobileHome/useMobileFeedState";
 import { ConfirmDialog } from "@/components/ConfirmDialog/ConfirmDialog";
+import { MoveDialog } from "@/components/MoveDialog/MoveDialog";
 import { CreateSnippetModal } from "@/components/CreateSnippetModal/CreateSnippetModal";
 import { CreatedSnippetToast } from "@/components/CreatedSnippetToast/CreatedSnippetToast";
 import { DragProvider } from "@/components/DragContext";
@@ -138,6 +139,8 @@ export default function KlipCodeApp({ locale }: { locale: "en" | "es" }) {
   const [copyNonce, setCopyNonce] = useState(0);
   const [undoNonce, setUndoNonce] = useState(0);
   const [pendingEmptyTrash, setPendingEmptyTrash] = useState(false);
+  /** Items waiting on a destination in the "Move to…" dialog. */
+  const [pendingMove, setPendingMove] = useState<SelectedItem[] | null>(null);
 
   /* ── AI title generation state ────────────────────────────────────────────
      Snippets whose name Workers AI is currently inferring in the background, so
@@ -292,7 +295,7 @@ export default function KlipCodeApp({ locale }: { locale: "en" | "es" }) {
       });
     },
     hasOpenSnippet: !!selectedSnippet,
-    overlayOpen: searchOpen || helpOpen || prefsOpen || pendingEmptyTrash || createModalOpen,
+    overlayOpen: searchOpen || helpOpen || prefsOpen || pendingEmptyTrash || createModalOpen || !!pendingMove,
   });
 
   /**
@@ -347,6 +350,7 @@ export default function KlipCodeApp({ locale }: { locale: "en" | "es" }) {
     onCut: setClipboard,
     onCopy: (entry) => setClipboard({ ...entry, type: "copy" }),
     onPaste: mutations.handlePaste,
+    onMove: setPendingMove,
     onOpenSearch: () => setSearchOpen(true),
     onOpenPreferences: () => setPrefsOpen(true),
     onSignIn: auth.handleGitHubSignIn,
@@ -647,6 +651,17 @@ export default function KlipCodeApp({ locale }: { locale: "en" | "es" }) {
       onOpen={(id) => navigate(`${base}?snippet=${id}`)}
     />
 
+    {pendingMove && (
+      <MoveDialog
+        copy={copy}
+        folders={folders}
+        snippets={snippets}
+        items={pendingMove}
+        onMove={(targetFolderId) => void mutations.handleMoveMany(pendingMove, targetFolderId)}
+        onClose={() => setPendingMove(null)}
+      />
+    )}
+
     {pendingEmptyTrash && (
       <ConfirmDialog
         title={copy.trash.emptyTitle}
diff --git a/src/components/MobileHome/FeedCard.tsx b/src/components/MobileHome/FeedCard.tsx
index 2ecf53b..477c567 100644
--- a/src/components/MobileHome/FeedCard.tsx
+++ b/src/components/MobileHome/FeedCard.tsx
@@ -7,6 +7,7 @@ import { CodePreview } from "@/components/SnippetCards/snippetPreview";
 import { GeneratingTitle, useIsGeneratingTitle } from "@/components/TitleGeneration";
 import type { Dictionary } from "@/i18n";
 import { useCopyFeedback } from "@/hooks/useCopyFeedback";
+import { useLongPress, type PressPoint } from "@/hooks/useLongPress";
 import { TOUCH_TARGET } from "@/lib/constants/layout";
 import type { SnippetRecord } from "@/lib/types";
 import {
@@ -28,6 +29,11 @@ import { LanguageIcon } from "@/ui/LanguageIcon";
  * and copy is a first-class control on the row rather than an entry in an
  * overflow menu — copying a snippet's content is the product's first priority,
  * and on touch it used to cost opening the snippet first.
+ *
+ * Everything else lives in the row's menu, opened by pressing and holding the
+ * card — the platform convention on touch, and it leaves copy as the card's one
+ * visible control. A mouse (a narrow desktop window) gets the ⋯ back, since
+ * nothing tells a cursor that holding does anything; right-click works too.
  */
 export function FeedCard({
   snippet,
@@ -36,7 +42,7 @@ export function FeedCard({
   isActive,
   isRenaming,
   onOpen,
-  onMore,
+  onOpenMenu,
   onSubmitRename,
   onCancelRename,
 }: {
@@ -48,11 +54,14 @@ export function FeedCard({
   isActive: boolean;
   isRenaming: boolean;
   onOpen: () => void;
-  onMore: (event: React.MouseEvent) => void;
+  /** Opens the row's actions menu, anchored at viewport coordinates. */
+  onOpenMenu: (point: PressPoint) => void;
   onSubmitRename: (value: string) => void;
   onCancelRename: () => void;
 }) {
   const { copied, copy: copyToClipboard } = useCopyFeedback();
+  // Off while renaming: holding inside the field has to select text.
+  const longPress = useLongPress(onOpenMenu, { enabled: !isRenaming });
   const isGeneratingTitle = useIsGeneratingTitle(snippet.id);
   const displayName = getSnippetDisplayName(
     snippet.title,
@@ -62,8 +71,11 @@ export function FeedCard({
 
   return (
     <article
+      {...longPress}
       className={cn(
         "flex items-center gap-2.5 rounded-2xl border p-3 transition-colors",
+        // No text selection or iOS callout on hold: the hold opens the menu.
+        !isRenaming && "select-none [-webkit-touch-callout:none]",
         isActive
           ? "border-ink/25 bg-ink/[0.05]"
           : "border-ink/8 bg-surface active:bg-surface-hover",
@@ -122,12 +134,17 @@ export function FeedCard({
       {/* 36px boxes with a 12px gap: their invisible 44px targets tile instead
           of stealing each other's taps (see TOUCH_TARGET). */}
       <span className="flex shrink-0 flex-col items-center gap-1.5 self-center">
+        {/* Only for a mouse — a finger holds the card instead. Hidden visually
+            rather than removed, so screen readers, which can't hold, keep it. */}
         <button
           type="button"
-          onClick={onMore}
+          onClick={(e) => {
+            const rect = e.currentTarget.getBoundingClientRect();
+            onOpenMenu({ x: rect.left, y: rect.bottom + 4 });
+          }}
           aria-label={copy.contextMenu.moreOptions}
           className={cn(
-            "flex h-8 w-8 items-center justify-center rounded-lg text-ink/35 transition-colors active:bg-ink/8",
+            "flex h-8 w-8 items-center justify-center rounded-lg text-ink/35 transition-colors active:bg-ink/8 pointer-coarse:sr-only",
             TOUCH_TARGET,
           )}
         >
@@ -138,7 +155,7 @@ export function FeedCard({
           onClick={() => void copyToClipboard(snippet.code)}
           aria-label={copy.contextMenu.copyContent}
           className={cn(
-            "flex h-8 w-8 items-center justify-center rounded-lg border border-ink/8 bg-ink/[0.03] transition-colors active:bg-ink/10",
+            "flex h-8 w-8 items-center justify-center rounded-lg transition-colors active:bg-ink/8",
             copied ? "text-foreground" : "text-ink/45",
             TOUCH_TARGET,
           )}
diff --git a/src/components/MobileHome/FolderGroup.tsx b/src/components/MobileHome/FolderGroup.tsx
index f3d74bc..e1d5483 100644
--- a/src/components/MobileHome/FolderGroup.tsx
+++ b/src/components/MobileHome/FolderGroup.tsx
@@ -4,6 +4,7 @@ import { useEffect, useRef } from "react";
 import { ChevronDown, ChevronRight, Folder, MoreHorizontal, Pin } from "lucide-react";
 
 import { sortByPinThenAlpha } from "@/components/Aside/utils";
+import { useLongPress } from "@/hooks/useLongPress";
 import { TOUCH_TARGET } from "@/lib/constants/layout";
 import type { FolderRecord } from "@/lib/types";
 import { cn } from "@/lib/utils";
@@ -23,6 +24,9 @@ import { useFeedCtx } from "./FeedContext";
  * Tapping the header expands it, because on this screen browsing is what a
  * folder is for. Touch layouts have no separate folder view: whatever links to
  * a folder expands it here instead (see `useMobileFeedState`).
+ *
+ * Its actions open the way a snippet card's do: hold the header, or — with a
+ * mouse — use the ⋯ or right-click (see {@link FeedCard}).
  */
 export function FolderGroup({ folder, depth }: { folder: FolderRecord; depth: number }) {
   const ctx = useFeedCtx();
@@ -57,16 +61,25 @@ export function FolderGroup({ folder, depth }: { folder: FolderRecord; depth: nu
     clearScrollTarget();
   }, [isScrollTarget, clearScrollTarget]);
 
-  function openMoreMenu(e: React.MouseEvent) {
-    e.preventDefault();
-    e.stopPropagation();
-    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();
+  const longPress = useLongPress(
+    (point) => ctx.openMenu({ type: "folder", id: folder.id, ...point }),
+    { enabled: !isRenaming },
+  );
+
+  function openMoreMenu(e: React.MouseEvent<HTMLButtonElement>) {
+    const rect = e.currentTarget.getBoundingClientRect();
     ctx.openMenu({ type: "folder", id: folder.id, x: rect.left, y: rect.bottom + 4 });
   }
 
   return (
     <section ref={sectionRef} style={{ paddingLeft: depth * 12 }}>
-      <div className="flex items-center gap-1">
+      <div
+        {...longPress}
+        className={cn(
+          "flex items-center gap-1",
+          !isRenaming && "select-none [-webkit-touch-callout:none]",
+        )}
+      >
         {isRenaming ? (
           <span className="flex h-11 min-w-0 flex-1 items-center gap-2 px-1">
             <Folder size={15} className="shrink-0 text-ink/40" />
@@ -112,7 +125,7 @@ export function FolderGroup({ folder, depth }: { folder: FolderRecord; depth: nu
           onClick={openMoreMenu}
           aria-label={ctx.copy.contextMenu.moreOptions}
           className={cn(
-            "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-ink/35 transition-colors active:bg-ink/8",
+            "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-ink/35 transition-colors active:bg-ink/8 pointer-coarse:sr-only",
             TOUCH_TARGET,
           )}
         >
@@ -139,12 +152,7 @@ export function FolderGroup({ folder, depth }: { folder: FolderRecord; depth: nu
               isActive={ctx.selectedSnippetId === snippet.id}
               isRenaming={ctx.renamingId === snippet.id}
               onOpen={() => ctx.openSnippet(snippet.id)}
-              onMore={(e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();
-                ctx.openMenu({ type: "snippet", id: snippet.id, x: rect.left, y: rect.bottom + 4 });
-              }}
+              onOpenMenu={(point) => ctx.openMenu({ type: "snippet", id: snippet.id, ...point })}
               onSubmitRename={(value) => ctx.submitSnippetRename(snippet.id, value)}
               onCancelRename={ctx.cancelRename}
             />
diff --git a/src/components/MobileHome/MobileHome.tsx b/src/components/MobileHome/MobileHome.tsx
index 0efad7d..b06cd25 100644
--- a/src/components/MobileHome/MobileHome.tsx
+++ b/src/components/MobileHome/MobileHome.tsx
@@ -18,6 +18,7 @@ import { ContextMenu, type ContextMenuGroup } from "@/components/ContextMenu/Con
 import type { MenuTarget } from "@/components/Aside/types";
 import { useContextMenuGroups } from "@/components/Aside/useContextMenuGroups";
 import { sortByPinThenAlpha } from "@/components/Aside/utils";
+import type { PressPoint } from "@/hooks/useLongPress";
 import { useSwipeTabs } from "@/hooks/useSwipeTabs";
 import { TOUCH_TARGET } from "@/lib/constants/layout";
 import { SWIPE_GROUP, SWIPE_PAGE_TRANSITION } from "@/lib/tabSwipe";
@@ -45,9 +46,10 @@ import { FEED_TABS, type FeedTab, type MobileFeedState } from "./useMobileFeedSt
  *
  * Deliberately absent: drag & drop and multi-selection. Both are pointer
  * gestures (HTML5 drag, ⌘/Shift-click) that no finger can perform, so the tree's
- * machinery for them bought this screen nothing. Everything else a row can do
- * still comes from the shared {@link useContextMenuGroups} builder, so the two
- * shells can never drift on what "delete" or "pin" means.
+ * machinery for them bought this screen nothing — moving goes through the
+ * menu's "Move to…" instead. Everything else a row can do still comes from the
+ * shared {@link useContextMenuGroups} builder, so the two shells can never drift
+ * on what "delete" or "pin" means. A row's menu opens on a long press.
  *
  * Deliberately present instead: a horizontal drag anywhere across the list
  * moves between the two tabs (see {@link useSwipeTabs}). Reaching a 44px pill
@@ -249,12 +251,8 @@ export function MobileHome({
     setAccountMenu({ x: rect.left, y: rect.bottom + 6 });
   }
 
-  /** Both lists hang the same menu off a card's ⋯, anchored under the button. */
-  function openSnippetMenu(e: React.MouseEvent, id: string) {
-    e.preventDefault();
-    e.stopPropagation();
-    const rect = e.currentTarget.getBoundingClientRect();
-    setMenuTarget({ type: "snippet", id, x: rect.left, y: rect.bottom + 4 });
+  function openSnippetMenu(id: string, point: PressPoint) {
+    setMenuTarget({ type: "snippet", id, ...point });
   }
 
   function openRootMenu(e: React.MouseEvent<HTMLButtonElement>) {
@@ -461,7 +459,7 @@ export function MobileHome({
                         isActive={tree.selectedSnippetId === snippet.id}
                         isRenaming={renamingId === snippet.id}
                         onOpen={() => tree.onSelectSnippet(snippet.id)}
-                        onMore={(e) => openSnippetMenu(e, snippet.id)}
+                        onOpenMenu={(point) => openSnippetMenu(snippet.id, point)}
                         onSubmitRename={(value) => ctxValue.submitSnippetRename(snippet.id, value)}
                         onCancelRename={ctxValue.cancelRename}
                       />
@@ -492,7 +490,7 @@ export function MobileHome({
                             isActive={tree.selectedSnippetId === snippet.id}
                             isRenaming={renamingId === snippet.id}
                             onOpen={() => tree.onSelectSnippet(snippet.id)}
-                            onMore={(e) => openSnippetMenu(e, snippet.id)}
+                            onOpenMenu={(point) => openSnippetMenu(snippet.id, point)}
                             onSubmitRename={(value) =>
                               ctxValue.submitSnippetRename(snippet.id, value)
                             }
diff --git a/src/components/MoveDialog/MoveDialog.tsx b/src/components/MoveDialog/MoveDialog.tsx
new file mode 100644
index 0000000..2d8c2af
--- /dev/null
+++ b/src/components/MoveDialog/MoveDialog.tsx
@@ -0,0 +1,121 @@
+"use client";
+
+import { useId } from "react";
+import { createPortal } from "react-dom";
+
+import { isDescendantOrSelf } from "@/components/Aside/utils";
+import { useDialogA11y } from "@/hooks/useDialogA11y";
+import type { Dictionary } from "@/i18n";
+import type { FolderRecord, SelectedItem, SnippetRecord } from "@/lib/types";
+import { getSnippetDisplayName } from "@/lib/utils";
+import { FolderTreeList } from "@/ui/FolderTreeList";
+
+interface MoveDialogProps {
+  copy: Dictionary;
+  folders: FolderRecord[];
+  snippets: SnippetRecord[];
+  /** What is being moved — one row, or a whole multi-selection. */
+  items: SelectedItem[];
+  onMove: (targetFolderId: string | null) => void;
+  onClose: () => void;
+}
+
+/**
+ * "Move to…": pick a destination folder for one or more items.
+ *
+ * The menu's way of doing what drag & drop does on the desktop tree, and the
+ * only way on touch, where there is no drag. Picking a folder moves straight
+ * away — the choice is the confirmation, and a wrong one is undone by moving
+ * back. Folders an item can't go into (itself, its own subfolders) are disabled
+ * rather than hidden, so the tree keeps its shape.
+ */
+export function MoveDialog({ copy, folders, snippets, items, onMove, onClose }: MoveDialogProps) {
+  const panelRef = useDialogA11y({ onClose });
+  const titleId = useId();
+
+  const movingFolderIds = items.filter((i) => i.type === "folder").map((i) => i.id);
+  const parents = new Set(items.map((item) => locationOf(item, folders, snippets)));
+  // Mark where the items already live — only meaningful when they share it.
+  const current = parents.size === 1 ? ([...parents][0] ?? "") : undefined;
+
+  const subtitle =
+    items.length === 1
+      ? nameOf(items[0], folders, snippets, copy.snippetCard.untitled)
+      : copy.moveDialog.itemCount(items.length);
+
+  return createPortal(
+    <>
+      <div
+        aria-hidden="true"
+        className="fixed inset-0 klipcode-z-dialog klipcode-scrim backdrop-blur-[2px]"
+        onMouseDown={onClose}
+      />
+
+      <div className="pointer-events-none fixed inset-0 klipcode-z-dialog-sticky flex items-center justify-center p-4">
+        <div
+          ref={panelRef}
+          tabIndex={-1}
+          role="dialog"
+          aria-modal="true"
+          aria-labelledby={titleId}
+          className="klipcode-dialog-animate pointer-events-auto flex max-h-[min(480px,80dvh)] w-full max-w-[360px] flex-col rounded-xl focus:outline-none"
+          style={{
+            background: "var(--panel-bg)",
+            border: "1px solid rgba(var(--ink-rgb),0.09)",
+            boxShadow: "var(--panel-shadow)",
+          }}
+          onMouseDown={(e) => e.stopPropagation()}
+        >
+          <div className="shrink-0 px-4 pb-2 pt-4">
+            <h2 id={titleId} className="text-[13px] font-medium leading-snug text-ink/90">
+              {copy.moveDialog.title}
+            </h2>
+            {subtitle && (
+              <p className="mt-0.5 truncate text-[12px] leading-snug text-muted" title={subtitle}>
+                {subtitle}
+              </p>
+            )}
+          </div>
+
+          <div className="min-h-0 overflow-y-auto p-1.5 pt-0">
+            <FolderTreeList
+              folders={folders}
+              value={current}
+              onSelect={(value) => {
+                onMove(value === "" ? null : value);
+                onClose();
+              }}
+              rootLabel={copy.workspace.rootOption}
+              copy={copy.folderSelect}
+              isDisabled={(folderId) =>
+                movingFolderIds.some((id) => isDescendantOrSelf(folders, id, folderId))
+              }
+            />
+          </div>
+        </div>
+      </div>
+    </>,
+    document.body,
+  );
+}
+
+/** The folder an item currently lives in (null = root). */
+function locationOf(
+  item: SelectedItem,
+  folders: FolderRecord[],
+  snippets: SnippetRecord[],
+): string | null {
+  if (item.type === "folder") return folders.find((f) => f.id === item.id)?.parentId ?? null;
+  return snippets.find((s) => s.id === item.id)?.folderId ?? null;
+}
+
+function nameOf(
+  item: SelectedItem,
+  folders: FolderRecord[],
+  snippets: SnippetRecord[],
+  untitled: string,
+): string | null {
+  if (item.type === "folder") return folders.find((f) => f.id === item.id)?.name ?? null;
+  const snippet = snippets.find((s) => s.id === item.id);
+  return snippet ? getSnippetDisplayName(snippet.title, snippet.language, untitled) : null;
+}
diff --git a/src/components/Workspace/WorkspaceTree.tsx b/src/components/Workspace/WorkspaceTree.tsx
index cc915cc..d316e2e 100644
--- a/src/components/Workspace/WorkspaceTree.tsx
+++ b/src/components/Workspace/WorkspaceTree.tsx
@@ -51,6 +51,7 @@ export function WorkspaceTree({
   onCut,
   onCopy,
   onPaste,
+  onMove,
 }: WorkspaceTreeProps) {
   const [renamingId, setRenamingId] = useState<string | null>(null);
   const [creatingFolderParentId, setCreatingFolderParentId] = useState<
@@ -133,6 +134,7 @@ export function WorkspaceTree({
     onDeleteMany,
     onCut,
     onCopy,
+    onMove,
     setRenamingId,
     setCreatingFolderParentId,
     onOpenCreateModal,
diff --git a/src/components/Workspace/types.ts b/src/components/Workspace/types.ts
index 5e14165..d036082 100644
--- a/src/components/Workspace/types.ts
+++ b/src/components/Workspace/types.ts
@@ -36,4 +36,6 @@ export interface WorkspaceTreeProps {
   onCut: (entry: ClipboardEntry) => void;
   onCopy: (entry: ClipboardEntry) => void;
   onPaste: (targetFolderId: string | null) => Promise<void>;
+  /** Open the "Move to…" folder picker for these items. */
+  onMove: (items: SelectedItem[]) => void;
 }
diff --git a/src/hooks/useLongPress.ts b/src/hooks/useLongPress.ts
new file mode 100644
index 0000000..76baffa
--- /dev/null
+++ b/src/hooks/useLongPress.ts
@@ -0,0 +1,178 @@
+"use client";
+
+import { useEffect, useRef } from "react";
+import type { MouseEvent, PointerEvent } from "react";
+
+import { useLatestRef } from "./useLatestRef";
+
+/** How long a finger has to rest on an element before it counts as a press. */
+export const LONG_PRESS_MS = 450;
+/** How far it may drift meanwhile — any further and it is a scroll or a swipe. */
+const LONG_PRESS_SLOP = 10;
+/** What a touch still sends after the press fired, all of it hit-tested. */
+const SWALLOWED = ["contextmenu", "mousedown", "mouseup", "click"] as const;
+/** How long after the finger lifts those can still arrive. */
+const GUARD_LINGER_MS = 400;
+
+/** Viewport coordinates a menu opened by the gesture should anchor at. */
+export interface PressPoint {
+  x: number;
+  y: number;
+}
+
+interface PendingPress {
+  pointerId: number;
+  x: number;
+  y: number;
+  timer: ReturnType<typeof setTimeout>;
+}
+
+export interface LongPressHandlers {
+  onPointerDown: (e: PointerEvent<HTMLElement>) => void;
+  onPointerMove: (e: PointerEvent<HTMLElement>) => void;
+  onPointerUp: () => void;
+  onPointerCancel: () => void;
+  onContextMenu: (e: MouseEvent<HTMLElement>) => void;
+}
+
+/**
+ * Opens a row's actions menu the way each input expects: pressing and holding
+ * with a finger, and right-clicking (or the context-menu key) with a mouse.
+ * Spread the returned handlers onto the element.
+ *
+ * Browsers don't agree on touch: Android fires `contextmenu` for a long press,
+ * iOS Safari never does. So the hold is timed here, and a native `contextmenu`
+ * that beats the timer just fires it early — whichever comes first opens the
+ * menu, exactly once.
+ *
+ * Once the press has fired, the rest of that touch belongs to it, so every
+ * mouse-flavoured event the platform still sends for it is swallowed: Android's
+ * own `contextmenu` arriving just after our timer, iOS's emulated mousedown and
+ * click on release. The menu's backdrop is under the finger by then, so any of
+ * them would close the menu the moment it opened (or the click would open the
+ * row). They are hit-tested and land on the backdrop, not the row — which is
+ * why the guard sits on the window rather than on the element.
+ */
+export function useLongPress(
+  onLongPress: (point: PressPoint) => void,
+  { enabled = true }: { enabled?: boolean } = {},
+): LongPressHandlers | Record<string, never> {
+  const pending = useRef<PendingPress | null>(null);
+  /** The current touch already opened the menu (it is only sliding off now). */
+  const fired = useRef(false);
+  const callback = useLatestRef(onLongPress);
+  /** Lifts the window-level guard installed by a touch press. */
+  const releaseGuard = useRef<(() => void) | null>(null);
+
+  /** Swallow the rest of this touch's mouse events, until the next gesture. */
+  function guardRestOfTouch() {
+    releaseGuard.current?.();
+    const swallow = (e: Event) => {
+      e.preventDefault();
+      e.stopPropagation();
+    };
+    let lingering: ReturnType<typeof setTimeout> | undefined;
+    const release = () => {
+      clearTimeout(lingering);
+      for (const type of SWALLOWED) window.removeEventListener(type, swallow, true);
+      window.removeEventListener("pointerdown", releaseOnNewGesture, true);
+      window.removeEventListener("touchend", releaseSoon, true);
+      window.removeEventListener("touchcancel", releaseSoon, true);
+      releaseGuard.current = null;
+    };
+    // iOS sends its emulated mouse events right after the finger lifts; past
+    // that, a click is a real one — a keyboard or screen reader picking an item
+    // needs no pointerdown to get through.
+    const releaseSoon = () => {
+      clearTimeout(lingering);
+      lingering = setTimeout(release, GUARD_LINGER_MS);
+    };
+    for (const type of SWALLOWED) window.addEventListener(type, swallow, true);
+    // A new gesture always starts with a primary pointerdown, and nothing this
+    // touch sends comes after one. A second finger joining this touch isn't one.
+    const releaseOnNewGesture = (e: globalThis.PointerEvent) => {
+      if (e.isPrimary) release();
+    };
+    window.addEventListener("pointerdown", releaseOnNewGesture, true);
+    window.addEventListener("touchend", releaseSoon, true);
+    window.addEventListener("touchcancel", releaseSoon, true);
+    releaseGuard.current = release;
+  }
+
+  function clear() {
+    if (!pending.current) return;
+    clearTimeout(pending.current.timer);
+    pending.current = null;
+  }
+
+  /** Only a touch owns what follows it; a mouse or keyboard menu leaves the
+   *  next click alone. */
+  function fire(point: PressPoint, byTouch: boolean) {
+    clear();
+    fired.current = byTouch;
+    if (byTouch) {
+      guardRestOfTouch();
+      navigator.vibrate?.(10);
+    }
+    callback.current(point);
+  }
+
+  // A row that unmounts mid-press (deleted by sync, say) must not fire later.
+  useEffect(
+    () => () => {
+      if (pending.current) clearTimeout(pending.current.timer);
+      releaseGuard.current?.();
+    },
+    [],
+  );
+
+  if (!enabled) return {};
+
+  return {
+    onPointerDown(e) {
+      clear();
+      fired.current = false;
+      // A mouse has its own button for this; see onContextMenu.
+      if (e.pointerType === "mouse" || !e.isPrimary) return;
+      const { pointerId, clientX: x, clientY: y } = e;
+      pending.current = {
+        pointerId,
+        x,
+        y,
+        timer: setTimeout(() => fire({ x, y }, true), LONG_PRESS_MS),
+      };
+    },
+    onPointerMove(e) {
+      if (fired.current) {
+        // Keep an ancestor's swipe gesture (the feed's tab swipe) from picking
+        // up a finger that is only sliding off the row after the menu opened.
+        e.stopPropagation();
+        return;
+      }
+      const press = pending.current;
+      if (!press || e.pointerId !== press.pointerId) return;
+      if (Math.hypot(e.clientX - press.x, e.clientY - press.y) > LONG_PRESS_SLOP) clear();
+    },
+    // Scrolling cancels the pointer too (`touch-action: pan-y`), which is what
+    // stops a slow scroll from ever counting as a hold.
+    onPointerUp: clear,
+    onPointerCancel: clear,
+    onContextMenu(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      if (fired.current) return;
+      if (pending.current) {
+        // The platform's own long press beat our timer.
+        fire({ x: pending.current.x, y: pending.current.y }, true);
+        return;
+      }
+      // The context-menu key reports no position: anchor under the row instead.
+      if (e.clientX === 0 && e.clientY === 0) {
+        const rect = e.currentTarget.getBoundingClientRect();
+        fire({ x: rect.left, y: rect.bottom + 4 }, false);
+        return;
+      }
+      fire({ x: e.clientX, y: e.clientY }, false);
+    },
+  };
+}
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
index 8b781cf..323c7d5 100644
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@@ -160,6 +160,7 @@ export const en = {
     copy: "Copy",
     paste: "Paste",
     delete: "Delete",
+    moveTo: "Move to\u2026",
     copyContent: "Copy content",
     openInNewTab: "Open in new tab",
     moreOptions: "More options",
@@ -170,6 +171,10 @@ export const en = {
     searchPlaceholder: "Search language...",
     noResults: "No results",
   },
+  moveDialog: {
+    title: "Move to",
+    itemCount: (n: number) => (n === 1 ? "1 item" : `${n} items`),
+  },
   folderSelect: {
     noFolders: "No folders",
     expandFolder: "Expand folder",
diff --git a/src/i18n/es.ts b/src/i18n/es.ts
index b72c2bb..c051ecc 100644
--- a/src/i18n/es.ts
+++ b/src/i18n/es.ts
@@ -157,6 +157,7 @@ export const es = {
     copy: "Copiar",
     paste: "Pegar",
     delete: "Eliminar",
+    moveTo: "Mover a\u2026",
     copyContent: "Copiar contenido",
     openInNewTab: "Abrir en nueva pestaña",
     moreOptions: "Más opciones",
@@ -167,6 +168,10 @@ export const es = {
     searchPlaceholder: "Buscar lenguaje...",
     noResults: "Sin resultados",
   },
+  moveDialog: {
+    title: "Mover a",
+    itemCount: (n: number) => (n === 1 ? "1 elemento" : `${n} elementos`),
+  },
   folderSelect: {
     noFolders: "Sin carpetas",
     expandFolder: "Expandir carpeta",
diff --git a/src/ui/FolderSelect.tsx b/src/ui/FolderSelect.tsx
index 4314a5a..4e5d4fe 100644
--- a/src/ui/FolderSelect.tsx
+++ b/src/ui/FolderSelect.tsx
@@ -3,60 +3,10 @@
 import { useEffect, useLayoutEffect, useRef, useState } from "react";
 import { TOUCH_TARGET_Y } from "@/lib/constants/layout";
 import { createPortal } from "react-dom";
-import { Check, ChevronDown, ChevronRight, Folder, FolderOpen } from "lucide-react";
+import { ChevronDown, Folder } from "lucide-react";
 import type { FolderRecord } from "@/lib/types";
 import type { Dictionary } from "@/i18n";
-
-/* ── Tree helpers ──────────────────────────────────────────────────────────── */
-
-interface TreeNode {
-  folder: FolderRecord;
-  children: TreeNode[];
-}
-
-function buildTree(folders: FolderRecord[], parentId: string | null = null): TreeNode[] {
-  const byParent = new Map<string | null, FolderRecord[]>();
-  for (const folder of folders) {
-    const siblings = byParent.get(folder.parentId) ?? [];
-    siblings.push(folder);
-    byParent.set(folder.parentId, siblings);
-  }
-
-  function build(currentParentId: string | null): TreeNode[] {
-    return (byParent.get(currentParentId) ?? []).map((folder) => ({
-      folder,
-      children: build(folder.id),
-    }));
-  }
-
-  return build(parentId);
-}
-
-/** DFS: return nodes in display order, skipping collapsed subtrees */
-function flatVisible(nodes: TreeNode[], expanded: Set<string>): Array<{ node: TreeNode; depth: number }> {
-  const result: Array<{ node: TreeNode; depth: number }> = [];
-  function walk(list: TreeNode[], depth: number) {
-    for (const node of list) {
-      result.push({ node, depth });
-      if (expanded.has(node.folder.id) && node.children.length > 0) {
-        walk(node.children, depth + 1);
-      }
-    }
-  }
-  walk(nodes, 0);
-  return result;
-}
-
-/** Return ancestor IDs of a given folder (excluding itself) */
-function ancestorIds(targetId: string, folders: FolderRecord[]): Set<string> {
-  const ids = new Set<string>();
-  let current = folders.find((f) => f.id === targetId);
-  while (current?.parentId) {
-    ids.add(current.parentId);
-    current = folders.find((f) => f.id === current!.parentId);
-  }
-  return ids;
-}
+import { FolderTreeList } from "./FolderTreeList";
 
 /* ── Component ──────────────────────────────────────────────────────────────── */
 
@@ -74,8 +24,6 @@ interface FolderSelectProps {
   blockOnTouch?: boolean;
 }
 
-const INDENT = 16;
-
 export function FolderSelect({
   value,
   onChange,
@@ -86,48 +34,44 @@ export function FolderSelect({
   blockOnTouch = false,
 }: FolderSelectProps) {
   const [open, setOpen] = useState(false);
-  const [expanded, setExpanded] = useState<Set<string>>(new Set());
   const triggerRef = useRef<HTMLButtonElement>(null);
   const dropdownRef = useRef<HTMLDivElement>(null);
 
-  const tree = buildTree(folders);
-  const visible = flatVisible(tree, expanded);
   const selectedFolder = folders.find((f) => f.id === value);
   const displayLabel = value === "" ? rootLabel : (selectedFolder?.name ?? rootLabel);
 
-  /* Auto-expand path to selected folder when opening */
-  useEffect(() => {
-    if (!open || !value) return;
-    // Intentional: expand the ancestor path each time the dropdown opens so the
-    // selected folder is visible. Synchronize-on-open, not a derivable value.
-    // eslint-disable-next-line react-hooks/set-state-in-effect
-    setExpanded((prev) => {
-      const next = new Set(prev);
-      for (const id of ancestorIds(value, folders)) next.add(id);
-      return next;
-    });
-  }, [open, value, folders]);
-
-  /* Position the dropdown below (or above) the trigger */
+  /* Position the dropdown below (or above) the trigger — again whenever it
+     resizes, since expanding a folder can push it past the viewport's edge. */
   useLayoutEffect(() => {
-    if (!open || !triggerRef.current || !dropdownRef.current) return;
-    const tr = triggerRef.current.getBoundingClientRect();
-    const dr = dropdownRef.current.getBoundingClientRect();
-    const vw = window.innerWidth;
-    const vh = window.innerHeight;
-    const gap = 4;
-    const minW = Math.max(tr.width, 200);
-
-    let left = tr.left;
-    if (left + minW > vw - 8) left = Math.max(8, tr.right - minW);
-
-    let top = tr.bottom + gap;
-    if (top + dr.height > vh - 8) top = Math.max(8, tr.top - dr.height - gap);
+    const trigger = triggerRef.current;
+    const dropdown = dropdownRef.current;
+    if (!open || !trigger || !dropdown) return;
+
+    function position() {
+      if (!trigger || !dropdown) return;
+      const tr = trigger.getBoundingClientRect();
+      const dr = dropdown.getBoundingClientRect();
+      const vw = window.innerWidth;
+      const vh = window.innerHeight;
+      const gap = 4;
+      const minW = Math.max(tr.width, 200);
+
+      let left = tr.left;
+      if (left + minW > vw - 8) left = Math.max(8, tr.right - minW);
+
+      let top = tr.bottom + gap;
+      if (top + dr.height > vh - 8) top = Math.max(8, tr.top - dr.height - gap);
+
+      dropdown.style.left = `${left}px`;
+      dropdown.style.top = `${top}px`;
+      dropdown.style.minWidth = `${minW}px`;
+    }
 
-    dropdownRef.current.style.left = `${left}px`;
-    dropdownRef.current.style.top = `${top}px`;
-    dropdownRef.current.style.minWidth = `${minW}px`;
-  }, [open, visible.length]);
+    position();
+    const observer = new ResizeObserver(position);
+    observer.observe(dropdown);
+    return () => observer.disconnect();
+  }, [open]);
 
   /* Dismiss on outside click / Escape */
   useEffect(() => {
@@ -151,15 +95,6 @@ export function FolderSelect({
     };
   }, [open]);
 
-  function toggleExpand(id: string) {
-    setExpanded((prev) => {
-      const next = new Set(prev);
-      if (next.has(id)) next.delete(id);
-      else next.add(id);
-      return next;
-    });
-  }
-
   function select(val: string) {
     onChange(val);
     setOpen(false);
@@ -222,92 +157,13 @@ export function FolderSelect({
             }}
           >
             <div className="max-h-[280px] overflow-y-auto p-1">
-              {/* Root option */}
-              <button
-                type="button"
-                onMouseDown={(e) => e.stopPropagation()}
-                onClick={() => select("")}
-                className={[
-                  "flex w-full items-center gap-2 rounded-lg px-2.5 py-[7px] text-left text-[13px] leading-none",
-                  "transition-colors duration-75",
-                  value === ""
-                    ? "bg-ink/[0.08] text-ink"
-                    : "text-ink/60 hover:bg-ink/[0.06] hover:text-ink/90",
-                ].join(" ")}
-              >
-                <Folder size={12} className="shrink-0 opacity-50" />
-                <span className="flex-1">{rootLabel}</span>
-                {value === "" && <Check size={12} className="shrink-0 text-ink/50" />}
-              </button>
-
-              {/* Folder tree */}
-              {visible.map(({ node, depth }) => {
-                const { folder, children } = node;
-                const hasChildren = children.length > 0;
-                const isExpanded = expanded.has(folder.id);
-                const isSelected = folder.id === value;
-
-                return (
-                  <div
-                    key={folder.id}
-                    className="flex items-center"
-                    style={{ paddingLeft: `${depth * INDENT}px` }}
-                  >
-                    {/* Expand/collapse chevron */}
-                    {hasChildren ? (
-                      <button
-                        type="button"
-                        aria-label={isExpanded ? copy.collapseFolder : copy.expandFolder}
-                        aria-expanded={isExpanded}
-                        onMouseDown={(e) => e.stopPropagation()}
-                        onClick={(e) => {
-                          e.stopPropagation();
-                          toggleExpand(folder.id);
-                        }}
-                        className="flex h-7 w-5 shrink-0 items-center justify-center rounded text-ink/20 hover:text-ink/50"
-                      >
-                        <ChevronRight
-                          size={11}
-                          className={`transition-transform duration-150 ${isExpanded ? "rotate-90" : ""}`}
-                        />
-                      </button>
-                    ) : (
-                      <span
-                        aria-hidden="true"
-                        className="flex h-7 w-5 shrink-0 items-center justify-center"
-                      >
-                        <span className="inline-block h-px w-2 bg-ink/[0.08]" />
-                      </span>
-                    )}
-
-                    {/* Folder select row */}
-                    <button
-                      type="button"
-                      onMouseDown={(e) => e.stopPropagation()}
-                      onClick={() => select(folder.id)}
-                      className={[
-                        "flex flex-1 min-w-0 items-center gap-2 rounded-lg px-2 py-[6px] text-left text-[13px] leading-none",
-                        "transition-colors duration-75",
-                        isSelected
-                          ? "bg-ink/[0.08] text-ink"
-                          : "text-ink/60 hover:bg-ink/[0.06] hover:text-ink/90",
-                      ].join(" ")}
-                    >
-                      {isExpanded && hasChildren ? (
-                        <FolderOpen size={12} className="shrink-0 opacity-50" />
-                      ) : (
-                        <Folder size={12} className="shrink-0 opacity-50" />
-                      )}
-                      <span className="flex-1 truncate">{folder.name}</span>
-                      {isSelected && <Check size={12} className="shrink-0 text-ink/50" />}
-                    </button>
-                  </div>
-                );
-              })}
-
-              {folders.length === 0 && (
-                <p className="px-2.5 py-2 text-xs text-faint">{copy.noFolders}</p>
-              )}
+              <FolderTreeList
+                folders={folders}
+                value={value}
+                onSelect={select}
+                rootLabel={rootLabel}
+                copy={copy}
+              />
             </div>
           </div>,
           document.body,
diff --git a/src/ui/FolderTreeList.tsx b/src/ui/FolderTreeList.tsx
new file mode 100644
index 0000000..dcd47e6
--- /dev/null
+++ b/src/ui/FolderTreeList.tsx
@@ -0,0 +1,197 @@
+"use client";
+
+import { useState } from "react";
+import { Check, ChevronRight, Folder, FolderOpen } from "lucide-react";
+
+import type { Dictionary } from "@/i18n";
+import type { FolderRecord } from "@/lib/types";
+
+/* ── Tree helpers ──────────────────────────────────────────────────────────── */
+
+interface TreeNode {
+  folder: FolderRecord;
+  children: TreeNode[];
+}
+
+function buildTree(folders: FolderRecord[]): TreeNode[] {
+  const byParent = new Map<string | null, FolderRecord[]>();
+  for (const folder of folders) {
+    const siblings = byParent.get(folder.parentId) ?? [];
+    siblings.push(folder);
+    byParent.set(folder.parentId, siblings);
+  }
+
+  function build(currentParentId: string | null): TreeNode[] {
+    return (byParent.get(currentParentId) ?? []).map((folder) => ({
+      folder,
+      children: build(folder.id),
+    }));
+  }
+
+  return build(null);
+}
+
+/** DFS: return nodes in display order, skipping collapsed subtrees */
+function flatVisible(nodes: TreeNode[], expanded: Set<string>): Array<{ node: TreeNode; depth: number }> {
+  const result: Array<{ node: TreeNode; depth: number }> = [];
+  function walk(list: TreeNode[], depth: number) {
+    for (const node of list) {
+      result.push({ node, depth });
+      if (expanded.has(node.folder.id) && node.children.length > 0) {
+        walk(node.children, depth + 1);
+      }
+    }
+  }
+  walk(nodes, 0);
+  return result;
+}
+
+/** Return ancestor IDs of a given folder (excluding itself) */
+function ancestorIds(targetId: string, folders: FolderRecord[]): Set<string> {
+  const ids = new Set<string>();
+  let current = folders.find((f) => f.id === targetId);
+  while (current?.parentId) {
+    ids.add(current.parentId);
+    current = folders.find((f) => f.id === current!.parentId);
+  }
+  return ids;
+}
+
+/* ── Component ──────────────────────────────────────────────────────────────── */
+
+const INDENT = 16;
+
+interface FolderTreeListProps {
+  folders: FolderRecord[];
+  /** "" = root, a folder id otherwise, undefined = nothing is marked current. */
+  value: string | undefined;
+  onSelect: (value: string) => void;
+  rootLabel: string;
+  copy: Dictionary["folderSelect"];
+  /** Folders that can't be picked (e.g. a folder being moved into itself). */
+  isDisabled?: (folderId: string) => boolean;
+}
+
+/**
+ * A pickable folder tree: a root entry, then every folder with collapsible
+ * children. Shared by every "choose a destination" surface — the
+ * {@link FolderSelect} dropdown and the "Move to…" dialog — so expanding,
+ * marking the current folder and the touch sizing only exist once.
+ *
+ * Mount it when it opens: the path to `value` starts expanded, so the current
+ * folder is always in view.
+ */
+export function FolderTreeList({
+  folders,
+  value,
+  onSelect,
+  rootLabel,
+  copy,
+  isDisabled,
+}: FolderTreeListProps) {
+  const [expanded, setExpanded] = useState<Set<string>>(() =>
+    value ? ancestorIds(value, folders) : new Set(),
+  );
+
+  const visible = flatVisible(buildTree(folders), expanded);
+
+  function toggleExpand(id: string) {
+    setExpanded((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  }
+
+  // Rows grow below `lg`: on touch the list is picked with a finger, not a cursor.
+  const rowClass = (isSelected: boolean) =>
+    [
+      "flex min-w-0 items-center gap-2 rounded-lg text-left text-[13px] leading-none",
+      "transition-colors duration-75 max-lg:py-3",
+      "disabled:pointer-events-none disabled:opacity-30",
+      isSelected
+        ? "bg-ink/[0.08] text-ink"
+        : "text-ink/60 hover:bg-ink/[0.06] hover:text-ink/90 active:bg-ink/[0.06]",
+    ].join(" ");
+
+  return (
+    <>
+      {/* Root option */}
+      <button
+        type="button"
+        onMouseDown={(e) => e.stopPropagation()}
+        onClick={() => onSelect("")}
+        className={`${rowClass(value === "")} w-full px-2.5 py-[7px]`}
+      >
+        <Folder size={12} className="shrink-0 opacity-50" />
+        <span className="flex-1">{rootLabel}</span>
+        {value === "" && <Check size={12} className="shrink-0 text-ink/50" />}
+      </button>
+
+      {/* Folder tree */}
+      {visible.map(({ node, depth }) => {
+        const { folder, children } = node;
+        const hasChildren = children.length > 0;
+        const isExpanded = expanded.has(folder.id);
+        const isSelected = folder.id === value;
+
+        return (
+          <div
+            key={folder.id}
+            className="flex items-center"
+            style={{ paddingLeft: `${depth * INDENT}px` }}
+          >
+            {/* Expand/collapse chevron */}
+            {hasChildren ? (
+              <button
+                type="button"
+                aria-label={isExpanded ? copy.collapseFolder : copy.expandFolder}
+                aria-expanded={isExpanded}
+                onMouseDown={(e) => e.stopPropagation()}
+                onClick={(e) => {
+                  e.stopPropagation();
+                  toggleExpand(folder.id);
+                }}
+                className="flex h-7 w-5 shrink-0 items-center justify-center rounded text-ink/20 hover:text-ink/50 max-lg:h-10 max-lg:w-8"
+              >
+                <ChevronRight
+                  size={11}
+                  className={`transition-transform duration-150 ${isExpanded ? "rotate-90" : ""}`}
+                />
+              </button>
+            ) : (
+              <span
+                aria-hidden="true"
+                className="flex h-7 w-5 shrink-0 items-center justify-center max-lg:h-10 max-lg:w-8"
+              >
+                <span className="inline-block h-px w-2 bg-ink/[0.08]" />
+              </span>
+            )}
+
+            {/* Folder select row */}
+            <button
+              type="button"
+              disabled={isDisabled?.(folder.id)}
+              onMouseDown={(e) => e.stopPropagation()}
+              onClick={() => onSelect(folder.id)}
+              className={`${rowClass(isSelected)} flex-1 px-2 py-[6px]`}
+            >
+              {isExpanded && hasChildren ? (
+                <FolderOpen size={12} className="shrink-0 opacity-50" />
+              ) : (
+                <Folder size={12} className="shrink-0 opacity-50" />
+              )}
+              <span className="flex-1 truncate">{folder.name}</span>
+              {isSelected && <Check size={12} className="shrink-0 text-ink/50" />}
+            </button>
+          </div>
+        );
+      })}
+
+      {folders.length === 0 && (
+        <p className="px-2.5 py-2 text-xs text-faint">{copy.noFolders}</p>
+      )}
+    </>
+  );
+}