added saved filters

src/store/index.ts

@@ -144,6 +144,13 @@ export interface Filter {
     editedToday: boolean;
 }
 
+export interface FilterTemplate {
+    id: string;
+    name: string;
+    filter: Filter;
+}
+
+
 export interface ShareRule {
     id: string;
     ownerId: string;
@@ -162,6 +169,7 @@ interface TaskStore {
     templates: TaskTemplate[];
     filter: Filter;
     shareRules: ShareRule[];
+    filterTemplates: FilterTemplate[];
 }
 
 // Initial empty state
@@ -181,7 +189,8 @@ export const [store, setStore] = createStore<TaskStore>({
         urgencyMax: 10,
         editedToday: false
     },
-    shareRules: []
+    shareRules: [],
+    filterTemplates: []
 });
 
 export const matchesFilter = (task: Task) => {
@@ -737,6 +746,9 @@ export const initStore = async () => {
         // 2.7. Fetch Share Rules (owned by current user)
         await loadShareRules();
 
+        // 2.8 Fetch Filter Templates
+        await loadFilterTemplates();
+
         // 3. Subscribe to Realtime Updates
         await subscribeToRealtime();
 
@@ -1412,6 +1424,70 @@ export const removeShareRule = async (ruleId: string) => {
     }
 };
 
+// -- Filter Templates --
+const FILTER_TEMPLATES_COLLECTION = 'TasGrid_FilterTemplates';
+
+export const loadFilterTemplates = async () => {
+    if (!pb.authStore.isValid) return;
+    try {
+        const records = await pb.collection(FILTER_TEMPLATES_COLLECTION).getFullList({
+            filter: `user = "${pb.authStore.model?.id}"`,
+            requestKey: null
+        });
+        const templates: FilterTemplate[] = records.map(r => ({
+            id: r.id,
+            name: r.name,
+            filter: r.filter as Filter
+        }));
+        setStore("filterTemplates", templates);
+    } catch (err) {
+        console.error("Failed to load filter templates:", err);
+    }
+};
+
+export const saveFilterTemplate = async (name: string) => {
+    if (!pb.authStore.isValid) return;
+    try {
+        const record = await pb.collection(FILTER_TEMPLATES_COLLECTION).create({
+            user: pb.authStore.model?.id,
+            name,
+            filter: store.filter
+        }, { requestKey: null });
+
+        const newTemplate: FilterTemplate = {
+            id: record.id,
+            name: record.name,
+            filter: record.filter as Filter
+        };
+
+        setStore("filterTemplates", prev => [...prev, newTemplate]);
+        toast.success(`Filter template "${name}" saved`);
+    } catch (err) {
+        console.error("Failed to save filter template:", err);
+        toast.error("Failed to save filter template.");
+    }
+};
+
+export const applyFilterTemplate = (id: string) => {
+    const template = store.filterTemplates.find(t => t.id === id);
+    if (template) {
+        setFilter(template.filter);
+        toast.success(`Applied filter: ${template.name}`);
+    }
+};
+
+export const removeFilterTemplate = async (id: string) => {
+    if (!pb.authStore.isValid) return;
+    try {
+        await pb.collection(FILTER_TEMPLATES_COLLECTION).delete(id);
+        setStore("filterTemplates", prev => prev.filter(t => t.id !== id));
+        toast.success("Filter template deleted");
+    } catch (err) {
+        console.error("Failed to delete filter template:", err);
+        toast.error("Failed to delete filter template.");
+    }
+};
+
 export const clearFilter = () => {
     setStore("filter", {
         query: "",