Make title field draggable

Mark the session title shell as a Tauri drag region and let the top-strip drag handler honor explicit drag-region targets while preserving regular input behavior.

Author: ComputelessComputer

apps/desktop/src/main/body.tsx

@@ -255,6 +255,10 @@ function isInteractiveMainAreaDragTarget(target: EventTarget | null): boolean {
     return false;
   }
 
+  if (isTauriDragRegionTarget(target)) {
+    return false;
+  }
+
   return Boolean(
     target.closest(
       [
@@ -271,6 +275,14 @@ function isInteractiveMainAreaDragTarget(target: EventTarget | null): boolean {
   );
 }
 
+function isTauriDragRegionTarget(target: Element): boolean {
+  const dragRegion = target.closest("[data-tauri-drag-region]");
+
+  return Boolean(
+    dragRegion && dragRegion.getAttribute("data-tauri-drag-region") !== "false",
+  );
+}
+
 function isMainAreaWindowDrag(
   start: { clientX: number; clientY: number },
   current: { clientX: number; clientY: number },

apps/desktop/src/session/components/title-input.test.tsx

@@ -109,6 +109,28 @@ describe("TitleInput", () => {
     ).toBeNull();
   });
 
+  it("marks the title field as a Tauri drag region until it is focused", () => {
+    renderTitleInput();
+
+    const input = screen.getByPlaceholderText("Untitled");
+    const titleInputShell = input.parentElement;
+
+    expect(titleInputShell?.hasAttribute("data-tauri-drag-region")).toBe(true);
+    expect(input.hasAttribute("data-tauri-drag-region")).toBe(false);
+
+    fireEvent.focus(input);
+
+    expect(titleInputShell?.getAttribute("data-tauri-drag-region")).toBe(
+      "false",
+    );
+    expect(input.hasAttribute("data-tauri-drag-region")).toBe(false);
+
+    fireEvent.blur(input);
+
+    expect(titleInputShell?.hasAttribute("data-tauri-drag-region")).toBe(true);
+    expect(input.hasAttribute("data-tauri-drag-region")).toBe(false);
+  });
+
   it("reveals overflowing titles with a hover scroll overlay", () => {
     const title =
       "Product Discovery Pace and Headless Agent Usage Strategy Review";

apps/desktop/src/session/components/title-input.tsx

@@ -77,7 +77,10 @@ export const TitleInput = forwardRef<
 
     if (isGenerating) {
       return (
-        <div className="flex h-8 w-full items-center justify-start">
+        <div
+          data-tauri-drag-region
+          className="flex h-8 w-full items-center justify-start"
+        >
           <span className="text-muted-foreground animate-pulse text-xl font-semibold">
             Generating title...
           </span>
@@ -87,7 +90,10 @@ export const TitleInput = forwardRef<
 
     if (showRevealAnimation && generatedTitle) {
       return (
-        <div className="flex h-8 w-full items-center justify-start overflow-hidden">
+        <div
+          data-tauri-drag-region
+          className="flex h-8 w-full items-center justify-start overflow-hidden"
+        >
           <span className="animate-reveal-left text-xl font-semibold whitespace-nowrap">
             {generatedTitle}
           </span>
@@ -341,6 +347,7 @@ const TitleInputInner = memo(
 
       return (
         <div
+          data-tauri-drag-region={isTitleFocused ? "false" : true}
           style={titleFadeStyle}
           className="group/title-input relative flex h-8 w-full items-center overflow-hidden"
         >

apps/desktop/src/shared/main/body.test.tsx

@@ -58,7 +58,10 @@ vi.mock("~/main/tab-content", () => ({
   ClassicMainTabContent: ({ tab }: { tab: { type: string } }) =>
     tab.type === "sessions" ? (
       <div data-testid="main-tab-content">
-        <input aria-label="Session title" />
+        <div data-tauri-drag-region>
+          <input aria-label="Session title" />
+        </div>
+        <input aria-label="Session note field" />
       </div>
     ) : (
       <div data-testid="main-tab-content">{tab.type}</div>
@@ -393,7 +396,7 @@ describe("ClassicMainBody", () => {
     expect(mocks.startDragging).toHaveBeenCalledTimes(1);
   });
 
-  it("does not start window dragging from an input in the top drag strip", () => {
+  it("starts window dragging from an input inside a Tauri drag region", () => {
     mocks.currentTab = {
       active: true,
       pinned: false,
@@ -417,6 +420,35 @@ describe("ClassicMainBody", () => {
       pointerId: 1,
     });
 
+    expect(mocks.startDragging).toHaveBeenCalledTimes(1);
+  });
+
+  it("does not start window dragging from a regular input in the top drag strip", () => {
+    mocks.currentTab = {
+      active: true,
+      pinned: false,
+      slotId: "slot-1",
+      type: "sessions",
+    };
+
+    render(<ClassicMainBody />);
+
+    const noteInput = screen.getByRole("textbox", {
+      name: "Session note field",
+    });
+
+    fireEvent.pointerDown(noteInput, {
+      button: 0,
+      clientX: 240,
+      clientY: 12,
+      pointerId: 1,
+    });
+    fireEvent.pointerMove(noteInput, {
+      clientX: 248,
+      clientY: 12,
+      pointerId: 1,
+    });
+
     expect(mocks.startDragging).not.toHaveBeenCalled();
   });