Todoist-style: priorities P1-P4, estimates, FAB add form, Today view, natural quick add, drag-and-drop with haptics

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
GTD quadrant launcher icon; build speedups: arm64-only, 8G gradle heap, cached SDK step
2026-08-07 19:46:11 -07:00 · 2026-08-07 19:31:46 -07:00
24 changed files with 884 additions and 146 deletions
--- a/.gitea/workflows/release.yml
+++ b/.gitea/workflows/release.yml
@@ -28,14 +28,19 @@ jobs:
          node --version

      - name: Install Android SDK
+        # $HOME/android-sdk is a persistent runner volume — skip when warm.
        run: |
-          mkdir -p "$HOME/android-sdk/cmdline-tools"
-          curl -sLo /tmp/ct.zip https://dl.google.com/android/repository/commandlinetools-linux-11076708_latest.zip
-          unzip -q /tmp/ct.zip -d /tmp
-          mv /tmp/cmdline-tools "$HOME/android-sdk/cmdline-tools/latest"
-          yes | "$HOME/android-sdk/cmdline-tools/latest/bin/sdkmanager" --sdk_root="$HOME/android-sdk" --licenses >/dev/null 2>&1 || true
-          "$HOME/android-sdk/cmdline-tools/latest/bin/sdkmanager" --sdk_root="$HOME/android-sdk" \
-            "platform-tools" "platforms;android-36" "build-tools;36.0.0" >/dev/null
+          if [ ! -d "$HOME/android-sdk/platforms/android-36" ]; then
+            mkdir -p "$HOME/android-sdk/cmdline-tools"
+            curl -sLo /tmp/ct.zip https://dl.google.com/android/repository/commandlinetools-linux-11076708_latest.zip
+            unzip -q /tmp/ct.zip -d /tmp
+            mv /tmp/cmdline-tools "$HOME/android-sdk/cmdline-tools/latest"
+            yes | "$HOME/android-sdk/cmdline-tools/latest/bin/sdkmanager" --sdk_root="$HOME/android-sdk" --licenses >/dev/null 2>&1 || true
+            "$HOME/android-sdk/cmdline-tools/latest/bin/sdkmanager" --sdk_root="$HOME/android-sdk" \
+              "platform-tools" "platforms;android-36" "build-tools;36.0.0" >/dev/null
+          else
+            echo "SDK cache warm — skipping install"
+          fi

      - name: Install app dependencies
        run: cd app && npm ci --no-audit --no-fund
--- a/app/android/app/src/main/res/drawable/ic_launcher_background.xml
+++ b/app/android/app/src/main/res/drawable/ic_launcher_background.xml
@@ -1,6 +1,18 @@
-<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-  <item android:drawable="@color/splashscreen_background"/>
-  <item>
-    <bitmap android:gravity="center" android:src="@drawable/splashscreen_logo"/>
-  </item>
-</layer-list>
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path android:pathData="M0,0h108v108H0z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:type="linear"
+                android:startX="54" android:startY="0"
+                android:endX="54" android:endY="108"
+                android:startColor="#1A1F2B"
+                android:endColor="#0B0D12" />
+        </aapt:attr>
+    </path>
+</vector>
--- a/app/android/app/src/main/res/drawable/ic_launcher_foreground.xml
+++ b/app/android/app/src/main/res/drawable/ic_launcher_foreground.xml
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- The four GTD quadrants (next/waiting/someday/projects) with a check in
+     "next" — matches the app's home screen. Grid spans 32..76 to stay inside
+     the adaptive-icon safe zone. -->
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <!-- top-left: next (green) -->
+    <path android:pathData="M37,32 h11 a5,5 0 0 1 5,5 v11 a5,5 0 0 1 -5,5 h-11 a5,5 0 0 1 -5,-5 v-11 a5,5 0 0 1 5,-5 z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:type="linear"
+                android:startX="34" android:startY="34"
+                android:endX="53" android:endY="53"
+                android:startColor="#4FD48C"
+                android:endColor="#2E9E60" />
+        </aapt:attr>
+    </path>
+    <!-- top-right: waiting (amber) -->
+    <path android:pathData="M60,32 h11 a5,5 0 0 1 5,5 v11 a5,5 0 0 1 -5,5 h-11 a5,5 0 0 1 -5,-5 v-11 a5,5 0 0 1 5,-5 z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:type="linear"
+                android:startX="57" android:startY="34"
+                android:endX="76" android:endY="53"
+                android:startColor="#EDBB55"
+                android:endColor="#C8912B" />
+        </aapt:attr>
+    </path>
+    <!-- bottom-left: someday (violet) -->
+    <path android:pathData="M37,55 h11 a5,5 0 0 1 5,5 v11 a5,5 0 0 1 -5,5 h-11 a5,5 0 0 1 -5,-5 v-11 a5,5 0 0 1 5,-5 z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:type="linear"
+                android:startX="34" android:startY="57"
+                android:endX="53" android:endY="76"
+                android:startColor="#AC9FF0"
+                android:endColor="#7E6DD6" />
+        </aapt:attr>
+    </path>
+    <!-- bottom-right: projects (blue) -->
+    <path android:pathData="M60,55 h11 a5,5 0 0 1 5,5 v11 a5,5 0 0 1 -5,5 h-11 a5,5 0 0 1 -5,-5 v-11 a5,5 0 0 1 5,-5 z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:type="linear"
+                android:startX="57" android:startY="57"
+                android:endX="76" android:endY="76"
+                android:startColor="#6FAAEE"
+                android:endColor="#3F7DC4" />
+        </aapt:attr>
+    </path>
+    <!-- checkmark in the green quadrant -->
+    <path
+        android:pathData="M38,42.8 L42,46.8 L48.5,38.8"
+        android:strokeColor="#FFFFFF"
+        android:strokeWidth="3"
+        android:strokeLineCap="round"
+        android:strokeLineJoin="round"
+        android:fillColor="#00000000" />
+</vector>
--- a/app/android/app/src/main/res/drawable/ic_launcher_monochrome.xml
+++ b/app/android/app/src/main/res/drawable/ic_launcher_monochrome.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:pathData="M37,33.5 h11 a3.5,3.5 0 0 1 3.5,3.5 v11 a3.5,3.5 0 0 1 -3.5,3.5 h-11 a3.5,3.5 0 0 1 -3.5,-3.5 v-11 a3.5,3.5 0 0 1 3.5,-3.5 z"
+        android:strokeColor="#FFFFFF"
+        android:strokeWidth="3"
+        android:fillColor="#00000000" />
+    <path
+        android:pathData="M60,33.5 h11 a3.5,3.5 0 0 1 3.5,3.5 v11 a3.5,3.5 0 0 1 -3.5,3.5 h-11 a3.5,3.5 0 0 1 -3.5,-3.5 v-11 a3.5,3.5 0 0 1 3.5,-3.5 z"
+        android:strokeColor="#FFFFFF"
+        android:strokeWidth="3"
+        android:fillColor="#00000000" />
+    <path
+        android:pathData="M37,56.5 h11 a3.5,3.5 0 0 1 3.5,3.5 v11 a3.5,3.5 0 0 1 -3.5,3.5 h-11 a3.5,3.5 0 0 1 -3.5,-3.5 v-11 a3.5,3.5 0 0 1 3.5,-3.5 z"
+        android:strokeColor="#FFFFFF"
+        android:strokeWidth="3"
+        android:fillColor="#00000000" />
+    <path
+        android:pathData="M60,56.5 h11 a3.5,3.5 0 0 1 3.5,3.5 v11 a3.5,3.5 0 0 1 -3.5,3.5 h-11 a3.5,3.5 0 0 1 -3.5,-3.5 v-11 a3.5,3.5 0 0 1 3.5,-3.5 z"
+        android:strokeColor="#FFFFFF"
+        android:strokeWidth="3"
+        android:fillColor="#FFFFFF" />
+</vector>
--- a/app/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
+++ b/app/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-    <background android:drawable="@mipmap/ic_launcher_background"/>
-    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
-    <monochrome android:drawable="@mipmap/ic_launcher_monochrome"/>
-</adaptive-icon>
+    <background android:drawable="@drawable/ic_launcher_background"/>
+    <foreground android:drawable="@drawable/ic_launcher_foreground"/>
+    <monochrome android:drawable="@drawable/ic_launcher_monochrome"/>
+</adaptive-icon>
--- a/app/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
+++ b/app/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-    <background android:drawable="@mipmap/ic_launcher_background"/>
-    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
-    <monochrome android:drawable="@mipmap/ic_launcher_monochrome"/>
-</adaptive-icon>
+    <background android:drawable="@drawable/ic_launcher_background"/>
+    <foreground android:drawable="@drawable/ic_launcher_foreground"/>
+    <monochrome android:drawable="@drawable/ic_launcher_monochrome"/>
+</adaptive-icon>
--- a/app/android/gradle.properties
+++ b/app/android/gradle.properties
@@ -10,7 +10,7 @@
 # Specifies the JVM arguments used for the daemon process.
 # The setting is particularly useful for tweaking memory settings.
 # Default value: -Xmx512m -XX:MaxMetaspaceSize=256m
-org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m
+org.gradle.jvmargs=-Xmx8192m -XX:MaxMetaspaceSize=1024m

 # When configured, Gradle will run in incubating parallel mode.
 # This option should only be used with decoupled projects. More details, visit
@@ -28,7 +28,9 @@ android.enablePngCrunchInReleaseBuilds=true
 # Use this property to specify which architecture you want to build.
 # You can also override it from the CLI using
 # ./gradlew <task> -PreactNativeArchitectures=x86_64
-reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
+# arm64 only: Pixel is arm64-v8a; x86/v7a builds are wasted time + APK bloat.
+# Add back x86_64 temporarily if an emulator build is ever needed.
+reactNativeArchitectures=arm64-v8a

 # Use this property to enable support to the new architecture.
 # This will allow you to use TurboModules and the Fabric render in
--- a/app/package-lock.json
+++ b/app/package-lock.json
@@ -16,6 +16,7 @@
        "expo-device": "~57.0.1",
        "expo-font": "~57.0.1",
        "expo-glass-effect": "~57.0.1",
+        "expo-haptics": "~57.0.1",
        "expo-image": "~57.0.2",
        "expo-linking": "~57.0.5",
        "expo-router": "~57.0.11",
@@ -3771,6 +3772,15 @@
        "react-native": "*"
      }
    },
+    "node_modules/expo-haptics": {
+      "version": "57.0.1",
+      "resolved": "https://registry.npmjs.org/expo-haptics/-/expo-haptics-57.0.1.tgz",
+      "integrity": "sha512-8VhbnxlIrfXjP0syZr1JT197nafYicQu9119adOJnX62osU9Cw+PdDnAx/6LxuKJRzQdwxOMq7b7eWjhNL5zAQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "expo": "*"
+      }
+    },
    "node_modules/expo-image": {
      "version": "57.0.2",
      "resolved": "https://registry.npmjs.org/expo-image/-/expo-image-57.0.2.tgz",
--- a/app/package.json
+++ b/app/package.json
@@ -11,6 +11,7 @@
    "expo-device": "~57.0.1",
    "expo-font": "~57.0.1",
    "expo-glass-effect": "~57.0.1",
+    "expo-haptics": "~57.0.1",
    "expo-image": "~57.0.2",
    "expo-linking": "~57.0.5",
    "expo-router": "~57.0.11",
--- a/app/src/app/_layout.tsx
+++ b/app/src/app/_layout.tsx
@@ -2,6 +2,7 @@ import { Link, Stack } from "expo-router";
 import { StatusBar } from "expo-status-bar";
 import { useEffect } from "react";
 import { AppState } from "react-native";
+import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { hydrate, sync } from "../lib/store";
 import { C } from "../lib/theme";

@@ -16,7 +17,7 @@ export default function RootLayout() {
  }, []);

  return (
-    <>
+    <GestureHandlerRootView style={{ flex: 1 }}>
      <StatusBar style="light" />
      <Stack
        screenOptions={{
@@ -38,11 +39,13 @@ export default function RootLayout() {
          }}
        />
        <Stack.Screen name="list/[status]" />
+        <Stack.Screen name="today" options={{ title: "Today" }} />
+        <Stack.Screen name="add" options={{ title: "New task", presentation: "modal" }} />
        <Stack.Screen name="projects" options={{ title: "Projects" }} />
        <Stack.Screen name="task/[id]" options={{ title: "Clarify", presentation: "modal" }} />
        <Stack.Screen name="project/[id]" options={{ title: "Project" }} />
        <Stack.Screen name="settings" options={{ title: "Settings", presentation: "modal" }} />
      </Stack>
-    </>
+    </GestureHandlerRootView>
  );
 }
--- a/app/src/app/add.tsx
+++ b/app/src/app/add.tsx
@@ -0,0 +1,146 @@
+import { useRouter } from "expo-router";
+import { useState } from "react";
+import { Pressable, ScrollView, StyleSheet, Text, View } from "react-native";
+import PriorityChips from "../components/PriorityChips";
+import { Button, Chips, Field } from "../components/ui";
+import { haptic } from "../lib/haptics";
+import { activeProjects, createTask } from "../lib/store";
+import { C } from "../lib/theme";
+import { useStore } from "../lib/useStore";
+import type { Task, TaskStatus } from "../lib/types";
+
+const BOXES: { key: TaskStatus; label: string }[] = [
+  { key: "inbox", label: "Inbox" },
+  { key: "next", label: "Next up" },
+  { key: "waiting", label: "Waiting" },
+  { key: "someday", label: "Someday" },
+];
+
+const ESTIMATES = [15, 30, 45, 60, 90, 120];
+
+function isoToday(offset = 0): string {
+  const d = new Date();
+  d.setDate(d.getDate() + offset);
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+}
+
+export default function AddTask() {
+  const router = useRouter();
+  const store = useStore();
+  const [title, setTitle] = useState("");
+  const [notes, setNotes] = useState("");
+  const [priority, setPriority] = useState<Task["priority"]>(4);
+  const [estimate, setEstimate] = useState<number | null>(null);
+  const [due, setDue] = useState("");
+  const [box, setBox] = useState<TaskStatus>("inbox");
+  const [projectId, setProjectId] = useState<string | null>(null);
+
+  const projects = activeProjects(store).filter((p) => p.status === "active");
+  const projectOptions = ["none", ...projects.map((p) => p.id)];
+  const projectLabels = Object.fromEntries([["none", "None"], ...projects.map((p) => [p.id, p.name])]);
+
+  const save = () => {
+    if (!title.trim()) return;
+    createTask({
+      title: title.trim(),
+      notes,
+      status: box,
+      priority,
+      estimate_min: estimate,
+      due_date: due.trim() || null,
+      project_id: projectId,
+    });
+    haptic.success();
+    router.back();
+  };
+
+  return (
+    <ScrollView style={{ flex: 1, backgroundColor: C.bg }} contentContainerStyle={{ padding: 16 }}>
+      <Field label="Task" value={title} onChangeText={setTitle} placeholder="What needs doing?" autoFocus />
+      <Field
+        label="Description"
+        value={notes}
+        onChangeText={setNotes}
+        placeholder="Details, links, notes…"
+        multiline
+        style={{ minHeight: 64, textAlignVertical: "top" }}
+      />
+      <PriorityChips value={priority} onChange={setPriority} />
+      <View style={{ marginBottom: 14 }}>
+        <Text style={s.label}>Estimated time</Text>
+        <View style={s.rowWrap}>
+          {ESTIMATES.map((m) => {
+            const active = estimate === m;
+            return (
+              <Pressable
+                key={m}
+                style={[s.chip, active && s.chipActive]}
+                onPress={() => {
+                  haptic.select();
+                  setEstimate(active ? null : m);
+                }}
+              >
+                <Text style={[s.chipText, active && { color: C.text }]}>
+                  {m < 60 ? `${m}m` : m % 60 ? `${Math.floor(m / 60)}h${m % 60}` : `${m / 60}h`}
+                </Text>
+              </Pressable>
+            );
+          })}
+        </View>
+      </View>
+      <View style={{ marginBottom: 2 }}>
+        <View style={s.rowWrap}>
+          {[
+            { label: "Due today", v: isoToday() },
+            { label: "Tomorrow", v: isoToday(1) },
+          ].map(({ label, v }) => (
+            <Pressable
+              key={label}
+              style={[s.chip, due === v && s.chipActive]}
+              onPress={() => {
+                haptic.select();
+                setDue(due === v ? "" : v);
+              }}
+            >
+              <Text style={[s.chipText, due === v && { color: C.text }]}>{label}</Text>
+            </Pressable>
+          ))}
+        </View>
+      </View>
+      <Field label="Due date" value={due} onChangeText={setDue} placeholder="YYYY-MM-DD" autoCapitalize="none" />
+      <Chips
+        label="Box"
+        options={BOXES.map((b) => b.key)}
+        labels={Object.fromEntries(BOXES.map((b) => [b.key, b.label]))}
+        value={box}
+        onChange={(b) => {
+          haptic.select();
+          setBox(b);
+        }}
+      />
+      <Chips
+        label="Project"
+        options={projectOptions}
+        labels={projectLabels}
+        value={projectId ?? "none"}
+        onChange={(v) => setProjectId(v === "none" ? null : v)}
+      />
+      <Button title="Add task" onPress={save} />
+    </ScrollView>
+  );
+}
+
+const s = StyleSheet.create({
+  label: { color: C.muted, fontSize: 13, marginBottom: 6, textTransform: "uppercase", letterSpacing: 0.5 },
+  rowWrap: { flexDirection: "row", flexWrap: "wrap", gap: 8, marginBottom: 12 },
+  chip: {
+    paddingVertical: 8,
+    paddingHorizontal: 14,
+    borderRadius: 20,
+    backgroundColor: C.surface,
+    borderWidth: 1,
+    borderColor: C.border,
+  },
+  chipActive: { backgroundColor: C.surface2, borderColor: C.accent },
+  chipText: { color: C.muted, fontSize: 14 },
+});
--- a/app/src/app/index.tsx
+++ b/app/src/app/index.tsx
@@ -1,9 +1,21 @@
 import { useRouter } from "expo-router";
-import { useState } from "react";
+import { useRef, useState } from "react";
 import { Pressable, StyleSheet, Text, TextInput, View } from "react-native";
-import { activeProjects, createTask, tasksByStatus } from "../lib/store";
+import { Gesture, GestureDetector } from "react-native-gesture-handler";
+import Animated, {
+  runOnJS,
+  useAnimatedStyle,
+  useSharedValue,
+  withSpring,
+  withTiming,
+} from "react-native-reanimated";
+import { haptic } from "../lib/haptics";
+import { PRIORITY_COLOR } from "../lib/priority";
+import { parseQuickAdd } from "../lib/quickadd";
+import { activeProjects, createTask, tasksByStatus, todayTasks, updateTask } from "../lib/store";
 import { C } from "../lib/theme";
 import { useStore } from "../lib/useStore";
+import type { Task, TaskStatus } from "../lib/types";

 const Q = {
  next: { title: "Next up", color: "#3DBF77", bg: "#15301F", border: "#1E4D33" },
@@ -12,30 +24,82 @@ const Q = {
  projects: { title: "Projects", color: "#5B9DE8", bg: "#152538", border: "#1F3D5C" },
 };

-function Quadrant({
-  kind,
-  count,
-  preview,
-  onPress,
+type DropZone = Extract<TaskStatus, "inbox" | "next" | "waiting" | "someday">;
+type Rect = { x: number; y: number; w: number; h: number };
+type ZoneRects = Partial<Record<DropZone, Rect>>;
+
+const SPRING = { damping: 18, stiffness: 260, mass: 0.6 };
+
+/** Long-press-drag wrapper: spring transforms, haptics, window-coord drop. */
+function Draggable({
+  task,
+  findZone,
+  children,
 }: {
-  kind: keyof typeof Q;
-  count: number;
-  preview: string[];
-  onPress: () => void;
+  task: Task;
+  findZone: (x: number, y: number) => DropZone | null;
+  children: React.ReactNode;
 }) {
-  const q = Q[kind];
+  const tx = useSharedValue(0);
+  const ty = useSharedValue(0);
+  const active = useSharedValue(false);
+
+  const drop = (x: number, y: number) => {
+    const zone = findZone(x, y);
+    if (zone && zone !== task.status) {
+      haptic.success();
+      updateTask(task.id, { status: zone });
+    }
+  };
+
+  const pan = Gesture.Pan()
+    .activateAfterLongPress(180)
+    .onStart(() => {
+      active.value = true;
+      runOnJS(haptic.pickup)();
+    })
+    .onUpdate((e) => {
+      tx.value = e.translationX;
+      ty.value = e.translationY;
+    })
+    .onEnd((e) => {
+      runOnJS(drop)(e.absoluteX, e.absoluteY);
+    })
+    .onFinalize(() => {
+      active.value = false;
+      tx.value = withSpring(0, SPRING);
+      ty.value = withSpring(0, SPRING);
+    });
+
+  const style = useAnimatedStyle(() => ({
+    transform: [
+      { translateX: tx.value },
+      { translateY: ty.value },
+      { scale: withTiming(active.value ? 1.06 : 1, { duration: 120 }) },
+    ],
+    zIndex: active.value ? 100 : 0,
+    elevation: active.value ? 8 : 0,
+    opacity: withTiming(active.value ? 0.92 : 1, { duration: 120 }),
+  }));
+
  return (
-    <Pressable style={[s.quad, { backgroundColor: q.bg, borderColor: q.border }]} onPress={onPress}>
-      <View style={s.quadHead}>
-        <Text style={[s.quadTitle, { color: q.color }]}>{q.title}</Text>
-        <Text style={[s.quadCount, { color: q.color }]}>{count}</Text>
-      </View>
-      {preview.map((p, i) => (
-        <Text key={i} style={s.quadItem} numberOfLines={1}>
-          {p}
+    <GestureDetector gesture={pan}>
+      <Animated.View style={style}>{children}</Animated.View>
+    </GestureDetector>
+  );
+}
+
+function DragRow({ task, findZone }: { task: Task; findZone: (x: number, y: number) => DropZone | null }) {
+  const router = useRouter();
+  return (
+    <Draggable task={task} findZone={findZone}>
+      <Pressable style={s.dragRow} onPress={() => router.push(`/task/${task.id}`)}>
+        <View style={[s.priorityDot, { backgroundColor: PRIORITY_COLOR[task.priority] }]} />
+        <Text style={s.dragRowText} numberOfLines={1}>
+          {task.title}
        </Text>
-      ))}
-    </Pressable>
+      </Pressable>
+    </Draggable>
  );
 }

@@ -43,12 +107,29 @@ export default function Home() {
  const router = useRouter();
  const store = useStore();
  const [draft, setDraft] = useState("");
+  const zones = useRef<ZoneRects>({});
+  const zoneRefs = useRef<Partial<Record<DropZone, View | null>>>({});
+
+  const measureZone = (zone: DropZone) => () => {
+    zoneRefs.current[zone]?.measureInWindow((x, y, w, h) => {
+      zones.current[zone] = { x, y, w, h };
+    });
+  };
+
+  const findZone = (x: number, y: number): DropZone | null => {
+    for (const [zone, r] of Object.entries(zones.current) as [DropZone, Rect][]) {
+      if (x >= r.x && x <= r.x + r.w && y >= r.y && y <= r.y + r.h) return zone;
+    }
+    return null;
+  };

  const capture = () => {
-    const title = draft.trim();
-    if (!title) return;
+    if (!draft.trim()) return;
+    const parsed = parseQuickAdd(draft, store.projects);
+    if (!parsed.title) return;
    setDraft("");
-    createTask({ title });
+    haptic.tap();
+    createTask({ ...parsed, status: "inbox" });
  };

  const inbox = tasksByStatus(store, "inbox");
@@ -56,12 +137,34 @@ export default function Home() {
  const waiting = tasksByStatus(store, "waiting");
  const someday = tasksByStatus(store, "someday");
  const projects = activeProjects(store).filter((p) => p.status === "active");
+  const { overdue, today } = todayTasks(store);
+
+  const quadrant = (zone: Exclude<DropZone, "inbox">, tasks: Task[], onOpen: () => void) => {
+    const q = Q[zone];
+    return (
+      <View
+        ref={(r) => {
+          zoneRefs.current[zone] = r;
+        }}
+        onLayout={measureZone(zone)}
+        style={[s.quad, { backgroundColor: q.bg, borderColor: q.border }]}
+      >
+        <Pressable style={s.quadHead} onPress={onOpen}>
+          <Text style={[s.quadTitle, { color: q.color }]}>{q.title}</Text>
+          <Text style={[s.quadCount, { color: q.color }]}>{tasks.length}</Text>
+        </Pressable>
+        {tasks.slice(0, 3).map((t) => (
+          <DragRow key={t.id} task={t} findZone={findZone} />
+        ))}
+      </View>
+    );
+  };

  return (
    <View style={s.screen}>
      <TextInput
        style={s.capture}
-        placeholder="Capture anything…"
+        placeholder="Capture…  (tomorrow p1 @home #project ~30m)"
        placeholderTextColor={C.muted}
        value={draft}
        onChangeText={setDraft}
@@ -69,24 +172,57 @@ export default function Home() {
        submitBehavior="submit"
        returnKeyType="done"
      />
-      <Pressable style={s.inboxPill} onPress={() => router.push("/list/inbox")}>
-        <Text style={s.inboxText}>📥 Inbox</Text>
-        <View style={{ flexDirection: "row", alignItems: "center", gap: 10 }}>
-          {store.pending > 0 && <Text style={s.pendingDot}>⇅ {store.pending}</Text>}
-          <Text style={[s.inboxText, { color: inbox.length ? C.text : C.muted }]}>{inbox.length}</Text>
+      <View style={s.pillRow}>
+        <View
+          ref={(r) => {
+            zoneRefs.current.inbox = r;
+          }}
+          onLayout={measureZone("inbox")}
+          style={s.pill}
+        >
+          <Pressable style={s.pillPress} onPress={() => router.push("/list/inbox")}>
+            <Text style={s.pillText}>📥 Inbox</Text>
+            <Text style={[s.pillText, { color: inbox.length ? C.text : C.muted }]}>{inbox.length}</Text>
+          </Pressable>
        </View>
-      </Pressable>
+        <View style={s.pill}>
+          <Pressable style={s.pillPress} onPress={() => router.push("/today")}>
+            <Text style={s.pillText}>📅 Today</Text>
+            <Text style={[s.pillText, { color: overdue.length ? C.danger : today.length ? C.text : C.muted }]}>
+              {overdue.length ? `${overdue.length}!` : today.length}
+            </Text>
+          </Pressable>
+        </View>
+      </View>
+      {inbox.slice(0, 3).map((t) => (
+        <DragRow key={t.id} task={t} findZone={findZone} />
+      ))}
      {store.syncError && <Text style={s.error}>{store.syncError}</Text>}
      <View style={s.grid}>
        <View style={s.gridRow}>
-          <Quadrant kind="next" count={next.length} preview={next.slice(0, 3).map((t) => t.title)} onPress={() => router.push("/list/next")} />
-          <Quadrant kind="waiting" count={waiting.length} preview={waiting.slice(0, 3).map((t) => t.title)} onPress={() => router.push("/list/waiting")} />
+          {quadrant("next", next, () => router.push("/list/next"))}
+          {quadrant("waiting", waiting, () => router.push("/list/waiting"))}
        </View>
        <View style={s.gridRow}>
-          <Quadrant kind="someday" count={someday.length} preview={someday.slice(0, 3).map((t) => t.title)} onPress={() => router.push("/list/someday")} />
-          <Quadrant kind="projects" count={projects.length} preview={projects.slice(0, 3).map((p) => p.name)} onPress={() => router.push("/projects")} />
+          {quadrant("someday", someday, () => router.push("/list/someday"))}
+          <View style={[s.quad, { backgroundColor: Q.projects.bg, borderColor: Q.projects.border }]}>
+            <Pressable style={{ flex: 1 }} onPress={() => router.push("/projects")}>
+              <View style={s.quadHead}>
+                <Text style={[s.quadTitle, { color: Q.projects.color }]}>{Q.projects.title}</Text>
+                <Text style={[s.quadCount, { color: Q.projects.color }]}>{projects.length}</Text>
+              </View>
+              {projects.slice(0, 3).map((p) => (
+                <Text key={p.id} style={s.quadItem} numberOfLines={1}>
+                  {p.name}
+                </Text>
+              ))}
+            </Pressable>
+          </View>
        </View>
      </View>
+      <Pressable style={s.fab} onPress={() => { haptic.tap(); router.push("/add"); }}>
+        <Text style={s.fabText}>＋</Text>
+      </Pressable>
    </View>
  );
 }
@@ -102,26 +238,59 @@ const s = StyleSheet.create({
    borderWidth: 1,
    borderColor: C.border,
  },
-  inboxPill: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    marginTop: 10,
-    paddingVertical: 12,
-    paddingHorizontal: 16,
+  pillRow: { flexDirection: "row", gap: 10, marginTop: 10 },
+  pill: {
+    flex: 1,
    borderRadius: 12,
    backgroundColor: C.surface,
    borderWidth: 1,
    borderColor: C.border,
  },
-  inboxText: { color: C.text, fontSize: 16, fontWeight: "600" },
-  pendingDot: { color: C.muted, fontSize: 13 },
+  pillPress: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    paddingVertical: 12,
+    paddingHorizontal: 14,
+  },
+  pillText: { color: C.text, fontSize: 15, fontWeight: "600" },
+  dragRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    marginTop: 6,
+    paddingVertical: 9,
+    paddingHorizontal: 12,
+    borderRadius: 10,
+    backgroundColor: C.surface2,
+    borderWidth: 1,
+    borderColor: C.border,
+  },
+  dragRowText: { color: C.text, fontSize: 14, flex: 1 },
+  priorityDot: { width: 8, height: 8, borderRadius: 4 },
  grid: { flex: 1, marginTop: 10, gap: 10 },
  gridRow: { flex: 1, flexDirection: "row", gap: 10 },
-  quad: { flex: 1, borderRadius: 16, borderWidth: 1, padding: 14 },
-  quadHead: { flexDirection: "row", justifyContent: "space-between", marginBottom: 8 },
-  quadTitle: { fontSize: 17, fontWeight: "700" },
-  quadCount: { fontSize: 17, fontWeight: "700" },
+  quad: { flex: 1, borderRadius: 16, borderWidth: 1, padding: 12, overflow: "visible" },
+  quadHead: { flexDirection: "row", justifyContent: "space-between", marginBottom: 4 },
+  quadTitle: { fontSize: 16, fontWeight: "700" },
+  quadCount: { fontSize: 16, fontWeight: "700" },
  quadItem: { color: C.muted, fontSize: 13, marginBottom: 4 },
  error: { color: C.danger, marginTop: 8 },
+  fab: {
+    position: "absolute",
+    right: 20,
+    bottom: 24,
+    width: 58,
+    height: 58,
+    borderRadius: 29,
+    backgroundColor: C.accent,
+    alignItems: "center",
+    justifyContent: "center",
+    elevation: 6,
+    shadowColor: "#000",
+    shadowOpacity: 0.35,
+    shadowRadius: 8,
+    shadowOffset: { width: 0, height: 4 },
+  },
+  fabText: { color: "#FFFFFF", fontSize: 28, lineHeight: 32, fontWeight: "600" },
 });
--- a/app/src/app/task/[id].tsx
+++ b/app/src/app/task/[id].tsx
@@ -1,6 +1,7 @@
 import { useLocalSearchParams, useRouter } from "expo-router";
 import { useState } from "react";
 import { ScrollView, Text } from "react-native";
+import PriorityChips from "../../components/PriorityChips";
 import { Button, Chips, Field } from "../../components/ui";
 import { activeProjects, trashTask, updateTask } from "../../lib/store";
 import { C } from "../../lib/theme";
@@ -31,6 +32,8 @@ export default function TaskDetail() {
      waiting_for: draft.waiting_for,
      due_date: draft.due_date,
      defer_date: draft.defer_date,
+      priority: draft.priority,
+      estimate_min: draft.estimate_min,
    });
    router.back();
  };
@@ -42,6 +45,14 @@ export default function TaskDetail() {
  return (
    <ScrollView style={{ flex: 1, backgroundColor: C.bg }} contentContainerStyle={{ padding: 16 }}>
      <Field label="Title" value={draft.title} onChangeText={(v) => set({ title: v })} />
+      <PriorityChips value={draft.priority} onChange={(priority) => set({ priority })} />
+      <Field
+        label="Estimate (minutes)"
+        value={draft.estimate_min ? String(draft.estimate_min) : ""}
+        onChangeText={(v) => set({ estimate_min: Number(v.replace(/\D/g, "")) || null })}
+        placeholder="30"
+        keyboardType="number-pad"
+      />
      <Chips label="List" options={STATUSES} value={draft.status} onChange={(status) => set({ status })} />
      <Chips
        label="Project"
--- a/app/src/app/today.tsx
+++ b/app/src/app/today.tsx
@@ -0,0 +1,34 @@
+import { SectionList, StyleSheet, Text } from "react-native";
+import TaskRow from "../components/TaskRow";
+import { todayTasks } from "../lib/store";
+import { C } from "../lib/theme";
+import { useStore } from "../lib/useStore";
+
+export default function Today() {
+  const store = useStore();
+  const { overdue, today } = todayTasks(store);
+  const sections = [
+    ...(overdue.length ? [{ title: "Overdue", data: overdue, color: C.danger }] : []),
+    { title: "Today", data: today, color: C.text },
+  ];
+
+  return (
+    <SectionList
+      style={{ flex: 1, backgroundColor: C.bg }}
+      sections={sections}
+      keyExtractor={(t) => t.id}
+      renderItem={({ item }) => <TaskRow task={item} showStatus />}
+      renderSectionHeader={({ section }) => (
+        <Text style={[s.header, { color: section.color }]}>{section.title}</Text>
+      )}
+      ListEmptyComponent={<Text style={s.empty}>Nothing due. Clear runway.</Text>}
+      contentContainerStyle={{ paddingBottom: 32 }}
+      stickySectionHeadersEnabled={false}
+    />
+  );
+}
+
+const s = StyleSheet.create({
+  header: { fontSize: 15, fontWeight: "700", paddingHorizontal: 16, paddingTop: 18, paddingBottom: 6 },
+  empty: { color: C.muted, textAlign: "center", marginTop: 48, fontSize: 15 },
+});
--- a/app/src/components/PriorityChips.tsx
+++ b/app/src/components/PriorityChips.tsx
@@ -0,0 +1,56 @@
+import { Pressable, StyleSheet, Text, View } from "react-native";
+import { haptic } from "../lib/haptics";
+import { PRIORITIES, PRIORITY_COLOR, PRIORITY_LABEL } from "../lib/priority";
+import { C } from "../lib/theme";
+import type { Task } from "../lib/types";
+
+export default function PriorityChips({
+  value,
+  onChange,
+}: {
+  value: Task["priority"];
+  onChange: (p: Task["priority"]) => void;
+}) {
+  return (
+    <View style={{ marginBottom: 14 }}>
+      <Text style={s.label}>Priority</Text>
+      <View style={s.rowWrap}>
+        {PRIORITIES.map((p) => {
+          const active = value === p;
+          const color = PRIORITY_COLOR[p];
+          return (
+            <Pressable
+              key={p}
+              style={[s.chip, active && { borderColor: color, backgroundColor: `${color}22` }]}
+              onPress={() => {
+                haptic.select();
+                onChange(p);
+              }}
+            >
+              <View style={[s.flag, { backgroundColor: color }]} />
+              <Text style={[s.text, active && { color: C.text }]}>{PRIORITY_LABEL[p]}</Text>
+            </Pressable>
+          );
+        })}
+      </View>
+    </View>
+  );
+}
+
+const s = StyleSheet.create({
+  label: { color: C.muted, fontSize: 13, marginBottom: 6, textTransform: "uppercase", letterSpacing: 0.5 },
+  rowWrap: { flexDirection: "row", flexWrap: "wrap", gap: 8 },
+  chip: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 7,
+    paddingVertical: 8,
+    paddingHorizontal: 13,
+    borderRadius: 20,
+    backgroundColor: C.surface,
+    borderWidth: 1,
+    borderColor: C.border,
+  },
+  flag: { width: 10, height: 10, borderRadius: 5 },
+  text: { color: C.muted, fontSize: 14 },
+});
--- a/app/src/components/TaskListScreen.tsx
+++ b/app/src/components/TaskListScreen.tsx
@@ -1,42 +1,12 @@
-import { useRouter } from "expo-router";
 import { useState } from "react";
-import {
-  FlatList,
-  Pressable,
-  RefreshControl,
-  StyleSheet,
-  Text,
-  TextInput,
-  View,
-} from "react-native";
-import { createTask, sync, tasksByStatus, updateTask } from "../lib/store";
+import { FlatList, RefreshControl, StyleSheet, Text, TextInput, View } from "react-native";
+import { haptic } from "../lib/haptics";
+import { parseQuickAdd } from "../lib/quickadd";
+import { createTask, sync, tasksByStatus } from "../lib/store";
 import { C } from "../lib/theme";
 import { useStore } from "../lib/useStore";
-import type { Task, TaskStatus } from "../lib/types";
-
-function TaskRow({ task, listStatus }: { task: Task; listStatus: TaskStatus }) {
-  const router = useRouter();
-  const meta = [task.context, task.waiting_for && `→ ${task.waiting_for}`, task.due_date && `due ${task.due_date}`]
-    .filter(Boolean)
-    .join("  ·  ");
-  return (
-    <Pressable style={s.row} onPress={() => router.push(`/task/${task.id}`)}>
-      <Pressable
-        style={s.checkbox}
-        hitSlop={10}
-        onPress={() => updateTask(task.id, { status: task.status === "done" ? listStatus : "done" })}
-      >
-        {task.status === "done" && <View style={s.checkboxFill} />}
-      </Pressable>
-      <View style={{ flex: 1 }}>
-        <Text style={s.title} numberOfLines={2}>
-          {task.title}
-        </Text>
-        {!!meta && <Text style={s.meta}>{meta}</Text>}
-      </View>
-    </Pressable>
-  );
-}
+import type { TaskStatus } from "../lib/types";
+import TaskRow from "./TaskRow";

 export default function TaskListScreen({
  status,
@@ -53,10 +23,12 @@ export default function TaskListScreen({
  const tasks = tasksByStatus(store, status);

  const add = () => {
-    const title = draft.trim();
-    if (!title) return;
+    if (!draft.trim()) return;
+    const parsed = parseQuickAdd(draft, store.projects);
+    if (!parsed.title) return;
    setDraft("");
-    createTask({ title, status });
+    haptic.tap();
+    createTask({ ...parsed, status });
  };

  return (
@@ -76,7 +48,7 @@ export default function TaskListScreen({
      <FlatList
        data={tasks}
        keyExtractor={(t) => t.id}
-        renderItem={({ item }) => <TaskRow task={item} listStatus={status} />}
+        renderItem={({ item }) => <TaskRow task={item} uncheckTo={status} />}
        refreshControl={
          <RefreshControl
            refreshing={refreshing}
@@ -108,26 +80,5 @@ const s = StyleSheet.create({
    borderWidth: 1,
    borderColor: C.border,
  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 12,
-    paddingVertical: 14,
-    paddingHorizontal: 16,
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: C.border,
-  },
-  checkbox: {
-    width: 22,
-    height: 22,
-    borderRadius: 11,
-    borderWidth: 2,
-    borderColor: C.muted,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  checkboxFill: { width: 12, height: 12, borderRadius: 6, backgroundColor: C.done },
-  title: { color: C.text, fontSize: 16 },
-  meta: { color: C.muted, fontSize: 13, marginTop: 2 },
  empty: { color: C.muted, textAlign: "center", marginTop: 48, fontSize: 15 },
 });
--- a/app/src/components/TaskRow.tsx
+++ b/app/src/components/TaskRow.tsx
@@ -0,0 +1,80 @@
+import { useRouter } from "expo-router";
+import { Pressable, StyleSheet, Text, View } from "react-native";
+import Animated, { FadeIn } from "react-native-reanimated";
+import { haptic } from "../lib/haptics";
+import { formatEstimate, PRIORITY_COLOR } from "../lib/priority";
+import { updateTask } from "../lib/store";
+import { C } from "../lib/theme";
+import type { Task, TaskStatus } from "../lib/types";
+
+export default function TaskRow({
+  task,
+  uncheckTo = "next",
+  showStatus,
+}: {
+  task: Task;
+  /** Status to revert to when un-checking a done task. */
+  uncheckTo?: TaskStatus;
+  showStatus?: boolean;
+}) {
+  const router = useRouter();
+  const meta = [
+    showStatus ? task.status : null,
+    task.context,
+    task.waiting_for && `→ ${task.waiting_for}`,
+    formatEstimate(task.estimate_min),
+    task.due_date && `due ${task.due_date}`,
+  ]
+    .filter(Boolean)
+    .join("  ·  ");
+
+  const toggle = () => {
+    const done = task.status !== "done";
+    if (done) haptic.success();
+    else haptic.tap();
+    updateTask(task.id, { status: done ? "done" : uncheckTo });
+  };
+
+  return (
+    <Animated.View entering={FadeIn.duration(150)}>
+      <Pressable style={s.row} onPress={() => router.push(`/task/${task.id}`)}>
+        <Pressable
+          style={[s.checkbox, { borderColor: PRIORITY_COLOR[task.priority] }]}
+          hitSlop={10}
+          onPress={toggle}
+        >
+          {task.status === "done" && <View style={s.checkboxFill} />}
+        </Pressable>
+        <View style={{ flex: 1 }}>
+          <Text style={s.title} numberOfLines={2}>
+            {task.title}
+          </Text>
+          {!!meta && <Text style={s.meta}>{meta}</Text>}
+        </View>
+      </Pressable>
+    </Animated.View>
+  );
+}
+
+const s = StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    paddingVertical: 14,
+    paddingHorizontal: 16,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: C.border,
+  },
+  checkbox: {
+    width: 22,
+    height: 22,
+    borderRadius: 11,
+    borderWidth: 2,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  checkboxFill: { width: 12, height: 12, borderRadius: 6, backgroundColor: C.done },
+  title: { color: C.text, fontSize: 16 },
+  meta: { color: C.muted, fontSize: 13, marginTop: 2 },
+});
--- a/app/src/lib/haptics.ts
+++ b/app/src/lib/haptics.ts
@@ -0,0 +1,24 @@
+// Haptics that silently no-op on web.
+import * as Haptics from "expo-haptics";
+import { Platform } from "react-native";
+
+const canBuzz = Platform.OS !== "web";
+
+export const haptic = {
+  /** Light tick — captures, small confirmations. */
+  tap: () => {
+    if (canBuzz) void Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light);
+  },
+  /** Medium thunk — picking up a draggable. */
+  pickup: () => {
+    if (canBuzz) void Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium);
+  },
+  /** Success notification — completing a task, landing a drop. */
+  success: () => {
+    if (canBuzz) void Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);
+  },
+  /** Selection change — flicking through chips. */
+  select: () => {
+    if (canBuzz) void Haptics.selectionAsync();
+  },
+};
--- a/app/src/lib/priority.ts
+++ b/app/src/lib/priority.ts
@@ -0,0 +1,24 @@
+import type { Task } from "./types";
+
+export const PRIORITIES: Task["priority"][] = [1, 2, 3, 4];
+
+export const PRIORITY_LABEL: Record<Task["priority"], string> = {
+  1: "Urgent",
+  2: "High",
+  3: "Medium",
+  4: "Low",
+};
+
+export const PRIORITY_COLOR: Record<Task["priority"], string> = {
+  1: "#E05B5B",
+  2: "#E0A93E",
+  3: "#5B8DEF",
+  4: "#6B7280",
+};
+
+export function formatEstimate(min: number | null): string | null {
+  if (!min) return null;
+  const h = Math.floor(min / 60);
+  const m = min % 60;
+  return h ? (m ? `${h}h${m}` : `${h}h`) : `${m}m`;
+}
--- a/app/src/lib/quickadd.ts
+++ b/app/src/lib/quickadd.ts
@@ -0,0 +1,92 @@
+// Natural-language quick add, Todoist style:
+//   "Pay rent tomorrow p1 @home #Sydney ~30m"
+// → title "Pay rent", due tomorrow, priority 1, context @home,
+//   project "Sydney" (matched by name prefix), estimate 30 min.
+import type { Project, Task } from "./types";
+
+export interface ParsedQuickAdd {
+  title: string;
+  priority?: Task["priority"];
+  due_date?: string;
+  context?: string;
+  project_id?: string;
+  estimate_min?: number;
+}
+
+const WEEKDAYS = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
+
+function iso(d: Date): string {
+  const y = d.getFullYear();
+  const m = String(d.getMonth() + 1).padStart(2, "0");
+  const day = String(d.getDate()).padStart(2, "0");
+  return `${y}-${m}-${day}`;
+}
+
+function parseDateWord(word: string): string | undefined {
+  const w = word.toLowerCase();
+  const today = new Date();
+  if (w === "today" || w === "tod") return iso(today);
+  if (w === "tomorrow" || w === "tmr" || w === "tom") {
+    const d = new Date(today);
+    d.setDate(d.getDate() + 1);
+    return iso(d);
+  }
+  if (/^\d{4}-\d{2}-\d{2}$/.test(w)) return w;
+  const wd = WEEKDAYS.findIndex((n) => n === w || n.slice(0, 3) === w);
+  if (wd >= 0) {
+    const d = new Date(today);
+    const delta = (wd - d.getDay() + 7) % 7 || 7; // always the *next* occurrence
+    d.setDate(d.getDate() + delta);
+    return iso(d);
+  }
+  return undefined;
+}
+
+function parseEstimate(token: string): number | undefined {
+  const m = token.match(/^~(?:(\d+)h)?(\d+)?m?$/i);
+  if (!m || (!m[1] && !m[2])) return undefined;
+  return (Number(m[1] ?? 0) * 60 + Number(m[2] ?? 0)) || undefined;
+}
+
+export function parseQuickAdd(input: string, projects: Project[]): ParsedQuickAdd {
+  const out: ParsedQuickAdd = { title: "" };
+  const rest: string[] = [];
+
+  for (const token of input.trim().split(/\s+/)) {
+    const p = token.match(/^p([1-4])$/i);
+    if (p && out.priority === undefined) {
+      out.priority = Number(p[1]) as Task["priority"];
+      continue;
+    }
+    if (token.startsWith("@") && token.length > 1 && out.context === undefined) {
+      out.context = token;
+      continue;
+    }
+    if (token.startsWith("#") && token.length > 1 && out.project_id === undefined) {
+      const name = token.slice(1).toLowerCase();
+      const match = projects.find(
+        (pr) => pr.status === "active" && pr.name.toLowerCase().startsWith(name),
+      );
+      if (match) {
+        out.project_id = match.id;
+        continue;
+      }
+    }
+    const est = parseEstimate(token);
+    if (est && out.estimate_min === undefined) {
+      out.estimate_min = est;
+      continue;
+    }
+    if (out.due_date === undefined) {
+      const due = parseDateWord(token);
+      if (due) {
+        out.due_date = due;
+        continue;
+      }
+    }
+    rest.push(token);
+  }
+
+  out.title = rest.join(" ");
+  return out;
+}
--- a/app/src/lib/store.ts
+++ b/app/src/lib/store.ts
@@ -78,7 +78,7 @@ function now() {

 // Fields the API accepts — everything else (timestamps, completed_at) is local
 // bookkeeping until the server's authoritative row arrives via pull().
-const TASK_FIELDS = ["title", "notes", "status", "project_id", "context", "waiting_for", "due_date", "defer_date", "sort_order"] as const;
+const TASK_FIELDS = ["title", "notes", "status", "project_id", "context", "waiting_for", "due_date", "defer_date", "priority", "estimate_min", "sort_order"] as const;
 const PROJECT_FIELDS = ["name", "status", "notes", "sort_order"] as const;

 function pickFields<T>(data: Partial<T>, fields: readonly (keyof T & string)[]): Partial<T> {
@@ -111,6 +111,8 @@ export function createTask(data: Partial<Task> & { title: string }): Task {
    waiting_for: data.waiting_for ?? null,
    due_date: data.due_date ?? null,
    defer_date: data.defer_date ?? null,
+    priority: data.priority ?? 4,
+    estimate_min: data.estimate_min ?? null,
    completed_at: null,
    sort_order: data.sort_order ?? 0,
    created_at: now(),
@@ -237,10 +239,30 @@ async function pull() {

 // ---- selectors ----

+function byPriorityDue(a: Task, b: Task): number {
+  return (
+    a.priority - b.priority ||
+    (a.due_date ?? "9999").localeCompare(b.due_date ?? "9999") ||
+    a.sort_order - b.sort_order ||
+    b.created_at.localeCompare(a.created_at)
+  );
+}
+
 export function tasksByStatus(s: State, status: Task["status"]): Task[] {
-  return s.tasks
-    .filter((t) => t.status === status)
-    .sort((a, b) => a.sort_order - b.sort_order || b.created_at.localeCompare(a.created_at));
+  return s.tasks.filter((t) => t.status === status).sort(byPriorityDue);
+}
+
+/** Overdue + due-today + deferred-arriving-today, across all open lists. */
+export function todayTasks(s: State): { overdue: Task[]; today: Task[] } {
+  const now = new Date();
+  const todayIso = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}-${String(now.getDate()).padStart(2, "0")}`;
+  const open = s.tasks.filter((t) => t.status !== "done" && t.status !== "trashed");
+  return {
+    overdue: open.filter((t) => t.due_date && t.due_date < todayIso).sort(byPriorityDue),
+    today: open
+      .filter((t) => t.due_date === todayIso || (t.defer_date === todayIso && !t.due_date))
+      .sort(byPriorityDue),
+  };
 }

 export function activeProjects(s: State): Project[] {
--- a/app/src/lib/types.ts
+++ b/app/src/lib/types.ts
@@ -11,6 +11,8 @@ export interface Task {
  waiting_for: string | null;
  due_date: string | null;
  defer_date: string | null;
+  priority: 1 | 2 | 3 | 4;
+  estimate_min: number | null;
  completed_at: string | null;
  sort_order: number;
  created_at: string;
--- a/server/index.ts
+++ b/server/index.ts
@@ -7,7 +7,7 @@ if (!API_TOKEN) throw new Error("API_TOKEN not set");

 const TASK_COLS = `id, title, notes, status, project_id, context, waiting_for,
  due_date::text as due_date, defer_date::text as defer_date,
-  completed_at, sort_order, created_at, updated_at`;
+  priority, estimate_min, completed_at, sort_order, created_at, updated_at`;
 const PROJECT_COLS = `id, name, status, notes, sort_order, created_at, updated_at`;

 const TASK_STATUSES = ["inbox", "next", "waiting", "scheduled", "someday", "done", "trashed"];
@@ -28,7 +28,7 @@ function err(message: string, status: number) {
 }

 // Fields a client may set. completed_at is derived from status server-side.
-const TASK_FIELDS = ["title", "notes", "status", "project_id", "context", "waiting_for", "due_date", "defer_date", "sort_order"];
+const TASK_FIELDS = ["title", "notes", "status", "project_id", "context", "waiting_for", "due_date", "defer_date", "priority", "estimate_min", "sort_order"];
 const PROJECT_FIELDS = ["name", "status", "notes", "sort_order"];

 function pick(body: Record<string, unknown>, fields: string[]) {
@@ -73,12 +73,13 @@ async function handle(req: Request): Promise<Response> {
    const id = typeof body.id === "string" && UUID_RE.test(body.id) ? body.id : null;
    // Client-supplied id + on-conflict no-op make offline-queue retries idempotent.
    const rows = await sql.unsafe(
-      `insert into tasks (id, title, notes, status, project_id, context, waiting_for, due_date, defer_date, sort_order)
-       values (coalesce($1::uuid, gen_random_uuid()), $2, $3, $4, $5, $6, $7, $8, $9, $10)
+      `insert into tasks (id, title, notes, status, project_id, context, waiting_for, due_date, defer_date, priority, estimate_min, sort_order)
+       values (coalesce($1::uuid, gen_random_uuid()), $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12)
       on conflict (id) do nothing
       returning ${TASK_COLS}`,
      [id, t.title, t.notes ?? "", t.status ?? "inbox", t.project_id ?? null, t.context ?? null,
-       t.waiting_for ?? null, t.due_date ?? null, t.defer_date ?? null, t.sort_order ?? 0]);
+       t.waiting_for ?? null, t.due_date ?? null, t.defer_date ?? null, t.priority ?? 4,
+       t.estimate_min ?? null, t.sort_order ?? 0]);
    if (rows.length) return json(rows[0], 201);
    const existing = await sql.unsafe(`select ${TASK_COLS} from tasks where id = $1`, [id]);
    return json(existing[0], 200);
@@ -99,10 +100,11 @@ async function handle(req: Request): Promise<Response> {
    const completedAt = cur.status === "done" ? (existing[0].completed_at ?? new Date()) : null;
    const rows = await sql.unsafe(
      `update tasks set title=$2, notes=$3, status=$4, project_id=$5, context=$6, waiting_for=$7,
-         due_date=$8, defer_date=$9, completed_at=$10, sort_order=$11, updated_at=now()
+         due_date=$8, defer_date=$9, priority=$10, estimate_min=$11, completed_at=$12, sort_order=$13,
+         updated_at=now()
       where id=$1 returning ${TASK_COLS}`,
      [id, cur.title, cur.notes, cur.status, cur.project_id, cur.context, cur.waiting_for,
-       cur.due_date, cur.defer_date, completedAt, cur.sort_order]);
+       cur.due_date, cur.defer_date, cur.priority, cur.estimate_min, completedAt, cur.sort_order]);
    return json(rows[0]);
  }

--- a/server/schema.sql
+++ b/server/schema.sql
@@ -23,6 +23,8 @@ create table if not exists tasks (
    waiting_for  text,           -- who/what is being waited on when status = 'waiting'
    due_date     date,
    defer_date   date,           -- hide from lists until this date
+    priority     int not null default 4 check (priority between 1 and 4),  -- 1=urgent … 4=low
+    estimate_min int check (estimate_min > 0),
    completed_at timestamptz,
    sort_order   double precision not null default 0,
    created_at   timestamptz not null default now(),
Author	SHA1	Message	Date
Marcus Rehbock	0487bc7e4e	Todoist-style: priorities P1-P4, estimates, FAB add form, Today view, natural quick add, drag-and-drop with haptics All checks were successful Build & Release APK / build (push) Successful in 1m53s Details Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>	2026-08-07 19:46:11 -07:00
Marcus Rehbock	035a114e58	GTD quadrant launcher icon; build speedups: arm64-only, 8G gradle heap, cached SDK step Some checks failed Build & Release APK / build (push) Failing after 14m4s Details Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>	2026-08-07 19:31:46 -07:00