From 6356a7f653a03bed0506743f64e7247aba289076 Mon Sep 17 00:00:00 2001
From: Timothy Cardoza <tcardoza@cardoza.construction>
Date: Fri, 20 Feb 2026 16:04:52 -0600
Subject: [PATCH] added enter to confirm filter and due today indicator

---
 src/components/FilterBar.tsx |  6 ++++++
 src/components/TaskCard.tsx  | 19 +++++++++++++++++--
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/components/FilterBar.tsx b/src/components/FilterBar.tsx
index 9d5194d..3a59a17 100644
--- a/src/components/FilterBar.tsx
+++ b/src/components/FilterBar.tsx
@@ -113,6 +113,12 @@ export const FilterBar: Component = () => {
                                     placeholder="Search tasks, descriptions, tags..."
                                     value={store.filter.query}
                                     onInput={(e) => setFilter({ query: e.currentTarget.value })}
+                                    onKeyDown={(e) => {
+                                        if (e.key === 'Enter') {
+                                            e.preventDefault();
+                                            setIsOpen(false);
+                                        }
+                                    }}
                                     class="w-full bg-muted/30 border border-border/50 rounded-xl pl-10 pr-4 py-2.5 text-sm outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary/40 transition-all placeholder:text-muted-foreground/30"
                                 />
                             </div>
diff --git a/src/components/TaskCard.tsx b/src/components/TaskCard.tsx
index 773cbc3..3a397fc 100644
--- a/src/components/TaskCard.tsx
+++ b/src/components/TaskCard.tsx
@@ -1,4 +1,4 @@
-import { type Component, createMemo, For } from "solid-js";
+import { type Component, createMemo, For, Show } from "solid-js";
 import { type Task, calculateUrgencyFromDate, setActiveTaskId, store, copyTask, updateTask, currentTaskContext } from "@/store";
 import { cn } from "@/lib/utils";
 import { Clock, ArrowUpCircle, Copy, Users2 } from "lucide-solid";
@@ -40,14 +40,29 @@ export const TaskCard: Component<{ task: Task }> = (props) => {
         return tags;
     });
 
+    const isDueToday = createMemo(() => {
+        if (!props.task.dueDate) return false;
+        try {
+            const todayStr = new Date().toLocaleDateString('en-CA');
+            const dueStr = new Date(props.task.dueDate).toLocaleDateString('en-CA');
+            return todayStr === dueStr;
+        } catch {
+            return false;
+        }
+    });
+
     return (
         <div
             class={cn(
-                "group flex items-center p-3 sm:p-4 bg-card border border-border rounded-2xl transition-all duration-500 hover:duration-100 hover:shadow-xl hover:shadow-primary/5 hover:-translate-y-0.5 cursor-pointer w-full min-w-0 overflow-hidden",
+                "group relative flex items-center p-3 sm:p-4 bg-card border border-border rounded-2xl transition-all duration-500 hover:duration-100 hover:shadow-xl hover:shadow-primary/5 hover:-translate-y-0.5 cursor-pointer w-full min-w-0 overflow-hidden",
                 props.task.completed && "opacity-60"
             )}
             onClick={() => setActiveTaskId(props.task.id)}
         >
+            {/* Today indicator */}
+            <Show when={isDueToday() && !props.task.completed}>
+                <div class="absolute left-0 top-3 bottom-3 w-1 bg-primary rounded-r-md" />
+            </Show>
             {/* Status Dropdown */}
             <div class="mr-2 sm:mr-3 shrink-0" onClick={(e) => e.stopPropagation()}>
                 <Select<any>