@contractspec/bundle.library 3.8.10 → 3.8.11

package/dist/components/templates/todos/TaskList.js

@@ -1,357 +1,12 @@
 // @bun
-// src/components/templates/todos/FilterBar.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function FilterBar({ value, onChange, categories }) {
-  const handleChange = (key, nextValue) => {
-    onChange({ ...value, [key]: nextValue });
-  };
-  return /* @__PURE__ */ jsxs("div", {
-    className: "grid gap-3 rounded-2xl border border-border bg-card p-4 md:grid-cols-4",
-    children: [
-      /* @__PURE__ */ jsxs("label", {
-        className: "flex flex-col text-muted-foreground text-xs uppercase tracking-wide",
-        children: [
-          "Status",
-          /* @__PURE__ */ jsxs("select", {
-            className: "mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",
-            value: value.status,
-            onChange: (event) => handleChange("status", event.target.value),
-            children: [
-              /* @__PURE__ */ jsx("option", {
-                value: "all",
-                children: "All tasks"
-              }),
-              /* @__PURE__ */ jsx("option", {
-                value: "active",
-                children: "Active"
-              }),
-              /* @__PURE__ */ jsx("option", {
-                value: "completed",
-                children: "Completed"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("label", {
-        className: "flex flex-col text-muted-foreground text-xs uppercase tracking-wide",
-        children: [
-          "Priority",
-          /* @__PURE__ */ jsxs("select", {
-            className: "mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",
-            value: value.priority,
-            onChange: (event) => handleChange("priority", event.target.value),
-            children: [
-              /* @__PURE__ */ jsx("option", {
-                value: "all",
-                children: "All"
-              }),
-              /* @__PURE__ */ jsx("option", {
-                value: "LOW",
-                children: "Low"
-              }),
-              /* @__PURE__ */ jsx("option", {
-                value: "MEDIUM",
-                children: "Medium"
-              }),
-              /* @__PURE__ */ jsx("option", {
-                value: "HIGH",
-                children: "High"
-              }),
-              /* @__PURE__ */ jsx("option", {
-                value: "URGENT",
-                children: "Urgent"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("label", {
-        className: "flex flex-col text-muted-foreground text-xs uppercase tracking-wide",
-        children: [
-          "Category",
-          /* @__PURE__ */ jsxs("select", {
-            className: "mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",
-            value: value.categoryId,
-            onChange: (event) => handleChange("categoryId", event.target.value),
-            children: [
-              /* @__PURE__ */ jsx("option", {
-                value: "all",
-                children: "All categories"
-              }),
-              categories.map((category) => /* @__PURE__ */ jsx("option", {
-                value: category.id,
-                children: category.name
-              }, category.id))
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("label", {
-        className: "flex flex-col text-muted-foreground text-xs uppercase tracking-wide",
-        children: [
-          "Search",
-          /* @__PURE__ */ jsx("input", {
-            type: "search",
-            className: "mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",
-            placeholder: "Search by title",
-            value: value.search,
-            onChange: (event) => handleChange("search", event.target.value)
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/templates/todos/TaskForm.tsx
-import { gql } from "@apollo/client";
-import { useMutation } from "@apollo/client/react";
-import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { useState } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-"use client";
-var CREATE_TASK = gql`
+import{jsx as p,jsxs as b}from"react/jsx-runtime";function x({value:e,onChange:d,categories:m}){let t=(o,c)=>{d({...e,[o]:c})};return b("div",{className:"grid gap-3 rounded-2xl border border-border bg-card p-4 md:grid-cols-4",children:[b("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Status",b("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:e.status,onChange:(o)=>t("status",o.target.value),children:[p("option",{value:"all",children:"All tasks"}),p("option",{value:"active",children:"Active"}),p("option",{value:"completed",children:"Completed"})]})]}),b("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Priority",b("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:e.priority,onChange:(o)=>t("priority",o.target.value),children:[p("option",{value:"all",children:"All"}),p("option",{value:"LOW",children:"Low"}),p("option",{value:"MEDIUM",children:"Medium"}),p("option",{value:"HIGH",children:"High"}),p("option",{value:"URGENT",children:"Urgent"})]})]}),b("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Category",b("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:e.categoryId,onChange:(o)=>t("categoryId",o.target.value),children:[p("option",{value:"all",children:"All categories"}),m.map((o)=>p("option",{value:o.id,children:o.name},o.id))]})]}),b("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Search",p("input",{type:"search",className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",placeholder:"Search by title",value:e.search,onChange:(o)=>t("search",o.target.value)})]})]})}import{gql as W}from"@apollo/client";import{useMutation as B}from"@apollo/client/react";import{useTemplateRuntime as L}from"@contractspec/lib.example-shared-ui";import{useState as y}from"react";import{jsx as a,jsxs as u}from"react/jsx-runtime";var O=W`
   mutation CreateTask($input: CreateTaskInput!) {
     createTask(input: $input) {
       id
       title
     }
   }
-`;
-function TaskForm({ categories }) {
-  const { projectId } = useTemplateRuntime();
-  const [title, setTitle] = useState("");
-  const [description, setDescription] = useState("");
-  const [priority, setPriority] = useState("MEDIUM");
-  const [categoryId, setCategoryId] = useState("none");
-  const [tagsInput, setTagsInput] = useState("");
-  const [createTask, { loading }] = useMutation(CREATE_TASK);
-  const handleSubmit = async (event) => {
-    event.preventDefault();
-    if (!title.trim())
-      return;
-    await createTask({
-      variables: {
-        input: {
-          projectId,
-          title: title.trim(),
-          description: description.trim() || undefined,
-          priority,
-          categoryId: categoryId === "none" ? undefined : categoryId,
-          tags: parseTags(tagsInput)
-        }
-      },
-      refetchQueries: ["Tasks"],
-      awaitRefetchQueries: true
-    });
-    setTitle("");
-    setDescription("");
-    setPriority("MEDIUM");
-    setCategoryId("none");
-    setTagsInput("");
-  };
-  return /* @__PURE__ */ jsxs2("form", {
-    onSubmit: handleSubmit,
-    className: "space-y-3 rounded-2xl border border-border bg-background/60 p-4",
-    children: [
-      /* @__PURE__ */ jsx2("div", {
-        children: /* @__PURE__ */ jsxs2("label", {
-          className: "font-semibold text-muted-foreground text-xs uppercase",
-          children: [
-            "Title",
-            /* @__PURE__ */ jsx2("input", {
-              type: "text",
-              className: "mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",
-              placeholder: "What needs to get done?",
-              value: title,
-              onChange: (event) => setTitle(event.target.value),
-              required: true
-            })
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsx2("div", {
-        children: /* @__PURE__ */ jsxs2("label", {
-          className: "font-semibold text-muted-foreground text-xs uppercase",
-          children: [
-            "Description",
-            /* @__PURE__ */ jsx2("textarea", {
-              className: "mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",
-              rows: 3,
-              placeholder: "Add context or policy notes",
-              value: description,
-              onChange: (event) => setDescription(event.target.value)
-            })
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsxs2("div", {
-        className: "grid gap-3 md:grid-cols-3",
-        children: [
-          /* @__PURE__ */ jsxs2("label", {
-            className: "font-semibold text-muted-foreground text-xs uppercase",
-            children: [
-              "Priority",
-              /* @__PURE__ */ jsxs2("select", {
-                className: "mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",
-                value: priority,
-                onChange: (event) => setPriority(event.target.value),
-                children: [
-                  /* @__PURE__ */ jsx2("option", {
-                    value: "LOW",
-                    children: "Low"
-                  }),
-                  /* @__PURE__ */ jsx2("option", {
-                    value: "MEDIUM",
-                    children: "Medium"
-                  }),
-                  /* @__PURE__ */ jsx2("option", {
-                    value: "HIGH",
-                    children: "High"
-                  }),
-                  /* @__PURE__ */ jsx2("option", {
-                    value: "URGENT",
-                    children: "Urgent"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs2("label", {
-            className: "font-semibold text-muted-foreground text-xs uppercase",
-            children: [
-              "Category",
-              /* @__PURE__ */ jsxs2("select", {
-                className: "mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",
-                value: categoryId,
-                onChange: (event) => setCategoryId(event.target.value),
-                children: [
-                  /* @__PURE__ */ jsx2("option", {
-                    value: "none",
-                    children: "None"
-                  }),
-                  categories.map((category) => /* @__PURE__ */ jsx2("option", {
-                    value: category.id,
-                    children: category.name
-                  }, category.id))
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs2("label", {
-            className: "font-semibold text-muted-foreground text-xs uppercase",
-            children: [
-              "Tags",
-              /* @__PURE__ */ jsx2("input", {
-                className: "mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",
-                placeholder: "Comma separated (optional)",
-                value: tagsInput,
-                onChange: (event) => setTagsInput(event.target.value)
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx2("button", {
-        type: "submit",
-        className: "btn-primary w-full py-2 font-semibold text-sm",
-        disabled: loading,
-        children: loading ? "Saving..." : "Add task"
-      })
-    ]
-  });
-}
-function parseTags(input) {
-  return input.split(",").map((tag) => tag.trim()).filter(Boolean);
-}
-
-// src/components/templates/todos/TaskItem.tsx
-import { Check, Circle, Trash2 } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function TaskItem({ task, onToggle, onDelete }) {
-  const badgeColor = task.priority === "URGENT" ? "text-red-200 bg-red-500/10 border-red-500/40" : task.priority === "HIGH" ? "text-amber-200 bg-amber-500/10 border-amber-500/40" : task.priority === "LOW" ? "text-emerald-200 bg-emerald-500/10 border-emerald-500/40" : "text-violet-200 bg-violet-500/10 border-violet-500/40";
-  return /* @__PURE__ */ jsxs3("div", {
-    className: "flex items-start gap-4 rounded-2xl border border-border/70 bg-card/60 p-4 transition hover:border-border",
-    children: [
-      /* @__PURE__ */ jsx3("button", {
-        type: "button",
-        className: "rounded-full border border-border p-2 text-muted-foreground hover:bg-muted/40",
-        "aria-pressed": task.completed,
-        onClick: () => onToggle?.(task),
-        children: task.completed ? /* @__PURE__ */ jsx3(Check, {
-          className: "h-4 w-4 text-emerald-400"
-        }) : /* @__PURE__ */ jsx3(Circle, {
-          className: "h-4 w-4"
-        })
-      }),
-      /* @__PURE__ */ jsxs3("div", {
-        className: "flex-1 space-y-2",
-        children: [
-          /* @__PURE__ */ jsxs3("div", {
-            className: "flex flex-wrap items-center gap-2",
-            children: [
-              /* @__PURE__ */ jsx3("p", {
-                className: `font-medium ${task.completed ? "text-muted-foreground line-through" : "text-foreground"}`,
-                children: task.title
-              }),
-              /* @__PURE__ */ jsx3("span", {
-                className: `rounded-full border px-2 py-0.5 text-xs ${badgeColor}`,
-                children: task.priority.charAt(0) + task.priority.slice(1).toLowerCase()
-              }),
-              task.category ? /* @__PURE__ */ jsx3("span", {
-                className: "rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",
-                children: task.category.name
-              }) : null,
-              task.dueDate ? /* @__PURE__ */ jsxs3("span", {
-                className: "text-muted-foreground text-xs",
-                children: [
-                  "Due ",
-                  new Date(task.dueDate).toLocaleDateString()
-                ]
-              }) : null
-            ]
-          }),
-          task.description ? /* @__PURE__ */ jsx3("p", {
-            className: "text-muted-foreground text-sm",
-            children: task.description
-          }) : null,
-          task.tags.length ? /* @__PURE__ */ jsx3("div", {
-            className: "flex flex-wrap gap-1",
-            children: task.tags.map((tag) => /* @__PURE__ */ jsxs3("span", {
-              className: "rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",
-              children: [
-                "#",
-                tag
-              ]
-            }, tag))
-          }) : null
-        ]
-      }),
-      /* @__PURE__ */ jsx3("button", {
-        type: "button",
-        className: "text-muted-foreground hover:text-destructive",
-        "aria-label": `Delete ${task.title}`,
-        onClick: () => onDelete?.(task),
-        children: /* @__PURE__ */ jsx3(Trash2, {
-          className: "h-4 w-4"
-        })
-      })
-    ]
-  });
-}
-
-// src/components/templates/todos/TaskList.tsx
-import { gql as gql2 } from "@apollo/client";
-import { useMutation as useMutation2, useQuery } from "@apollo/client/react";
-import {
-  registerTemplateComponents,
-  useTemplateRuntime as useTemplateRuntime2
-} from "@contractspec/lib.example-shared-ui";
-import { useMemo, useState as useState2 } from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-"use client";
-var TASKS_QUERY = gql2`
+`;function H({categories:e}){let{projectId:d}=L(),[m,t]=y(""),[o,c]=y(""),[h,f]=y("MEDIUM"),[g,v]=y("none"),[w,C]=y(""),[r,{loading:F}]=B(O);return u("form",{onSubmit:async(l)=>{if(l.preventDefault(),!m.trim())return;await r({variables:{input:{projectId:d,title:m.trim(),description:o.trim()||void 0,priority:h,categoryId:g==="none"?void 0:g,tags:z(w)}},refetchQueries:["Tasks"],awaitRefetchQueries:!0}),t(""),c(""),f("MEDIUM"),v("none"),C("")},className:"space-y-3 rounded-2xl border border-border bg-background/60 p-4",children:[a("div",{children:u("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Title",a("input",{type:"text",className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",placeholder:"What needs to get done?",value:m,onChange:(l)=>t(l.target.value),required:!0})]})}),a("div",{children:u("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Description",a("textarea",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",rows:3,placeholder:"Add context or policy notes",value:o,onChange:(l)=>c(l.target.value)})]})}),u("div",{className:"grid gap-3 md:grid-cols-3",children:[u("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Priority",u("select",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",value:h,onChange:(l)=>f(l.target.value),children:[a("option",{value:"LOW",children:"Low"}),a("option",{value:"MEDIUM",children:"Medium"}),a("option",{value:"HIGH",children:"High"}),a("option",{value:"URGENT",children:"Urgent"})]})]}),u("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Category",u("select",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",value:g,onChange:(l)=>v(l.target.value),children:[a("option",{value:"none",children:"None"}),e.map((l)=>a("option",{value:l.id,children:l.name},l.id))]})]}),u("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Tags",a("input",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",placeholder:"Comma separated (optional)",value:w,onChange:(l)=>C(l.target.value)})]})]}),a("button",{type:"submit",className:"btn-primary w-full py-2 font-semibold text-sm",disabled:F,children:F?"Saving...":"Add task"})]})}function z(e){return e.split(",").map((d)=>d.trim()).filter(Boolean)}import{Check as J,Circle as X,Trash2 as Z}from"lucide-react";import{jsx as n,jsxs as N}from"react/jsx-runtime";function $({task:e,onToggle:d,onDelete:m}){let t=e.priority==="URGENT"?"text-red-200 bg-red-500/10 border-red-500/40":e.priority==="HIGH"?"text-amber-200 bg-amber-500/10 border-amber-500/40":e.priority==="LOW"?"text-emerald-200 bg-emerald-500/10 border-emerald-500/40":"text-violet-200 bg-violet-500/10 border-violet-500/40";return N("div",{className:"flex items-start gap-4 rounded-2xl border border-border/70 bg-card/60 p-4 transition hover:border-border",children:[n("button",{type:"button",className:"rounded-full border border-border p-2 text-muted-foreground hover:bg-muted/40","aria-pressed":e.completed,onClick:()=>d?.(e),children:e.completed?n(J,{className:"h-4 w-4 text-emerald-400"}):n(X,{className:"h-4 w-4"})}),N("div",{className:"flex-1 space-y-2",children:[N("div",{className:"flex flex-wrap items-center gap-2",children:[n("p",{className:`font-medium ${e.completed?"text-muted-foreground line-through":"text-foreground"}`,children:e.title}),n("span",{className:`rounded-full border px-2 py-0.5 text-xs ${t}`,children:e.priority.charAt(0)+e.priority.slice(1).toLowerCase()}),e.category?n("span",{className:"rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",children:e.category.name}):null,e.dueDate?N("span",{className:"text-muted-foreground text-xs",children:["Due ",new Date(e.dueDate).toLocaleDateString()]}):null]}),e.description?n("p",{className:"text-muted-foreground text-sm",children:e.description}):null,e.tags.length?n("div",{className:"flex flex-wrap gap-1",children:e.tags.map((o)=>N("span",{className:"rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",children:["#",o]},o))}):null]}),n("button",{type:"button",className:"text-muted-foreground hover:text-destructive","aria-label":`Delete ${e.title}`,onClick:()=>m?.(e),children:n(Z,{className:"h-4 w-4"})})]})}import{gql as P}from"@apollo/client";import{useMutation as G,useQuery as A}from"@apollo/client/react";import{registerTemplateComponents as M,useTemplateRuntime as S}from"@contractspec/lib.example-shared-ui";import{useMemo as K,useState as Y}from"react";import{jsx as i,jsxs as q}from"react/jsx-runtime";var U=P`
   query Tasks($projectId: ID!) {
     taskCategories(projectId: $projectId) {
       id
@@ -373,114 +28,15 @@ var TASKS_QUERY = gql2`
       }
     }
   }
-`;
-var TOGGLE_TASK = gql2`
+`,Q=P`
   mutation ToggleTask($id: ID!, $completed: Boolean!) {
     toggleTask(id: $id, completed: $completed) {
       id
       completed
     }
   }
-`;
-var DELETE_TASK = gql2`
+`,R=P`
   mutation DeleteTask($id: ID!) {
     deleteTask(id: $id)
   }
-`;
-function TaskList() {
-  const { projectId } = useTemplateRuntime2();
-  const [filters, setFilters] = useState2({
-    status: "all",
-    priority: "all",
-    categoryId: "all",
-    search: ""
-  });
-  const { data, loading } = useQuery(TASKS_QUERY, {
-    variables: { projectId },
-    fetchPolicy: "cache-and-network"
-  });
-  const [toggleTask] = useMutation2(TOGGLE_TASK);
-  const [deleteTask] = useMutation2(DELETE_TASK);
-  const categories = data?.taskCategories ?? [];
-  const tasks = data?.tasks ?? [];
-  const filtered = useMemo(() => {
-    return tasks.filter((task) => {
-      if (filters.status === "active" && task.completed)
-        return false;
-      if (filters.status === "completed" && !task.completed)
-        return false;
-      if (filters.priority !== "all" && task.priority !== filters.priority)
-        return false;
-      if (filters.categoryId !== "all" && task.category?.id !== filters.categoryId)
-        return false;
-      if (filters.search && !task.title.toLowerCase().includes(filters.search.toLowerCase()))
-        return false;
-      return true;
-    });
-  }, [tasks, filters]);
-  const handleToggle = async (task) => {
-    await toggleTask({
-      variables: { id: task.id, completed: !task.completed },
-      optimisticResponse: {
-        toggleTask: {
-          __typename: "Task",
-          id: task.id,
-          completed: !task.completed
-        }
-      },
-      update(cache) {
-        cache.modify({
-          fields: {
-            tasks(existing = []) {
-              return existing.map((ref) => ref.__ref?.endsWith(task.id) ? { ...ref, completed: !task.completed } : ref);
-            }
-          }
-        });
-      }
-    });
-  };
-  const handleDelete = async (task) => {
-    await deleteTask({
-      variables: { id: task.id },
-      refetchQueries: [{ query: TASKS_QUERY, variables: { projectId } }]
-    });
-  };
-  return /* @__PURE__ */ jsxs4("div", {
-    className: "space-y-6",
-    children: [
-      /* @__PURE__ */ jsx4(FilterBar, {
-        value: filters,
-        onChange: setFilters,
-        categories
-      }),
-      /* @__PURE__ */ jsx4(TaskForm, {
-        categories
-      }),
-      loading ? /* @__PURE__ */ jsx4("p", {
-        className: "text-muted-foreground text-sm",
-        children: "Loading tasks\u2026"
-      }) : filtered.length ? /* @__PURE__ */ jsx4("div", {
-        className: "space-y-3",
-        children: filtered.map((task) => /* @__PURE__ */ jsx4(TaskItem, {
-          task,
-          onToggle: handleToggle,
-          onDelete: handleDelete
-        }, task.id))
-      }) : /* @__PURE__ */ jsx4("div", {
-        className: "rounded-2xl border border-border border-dashed p-8 text-center",
-        children: /* @__PURE__ */ jsx4("p", {
-          className: "text-muted-foreground",
-          children: "No tasks match your filters. Create one above."
-        })
-      })
-    ]
-  });
-}
-registerTemplateComponents("todos-app", {
-  list: TaskList,
-  detail: TaskList,
-  form: TaskForm
-});
-export {
-  TaskList
-};
+`;function V(){let{projectId:e}=S(),[d,m]=Y({status:"all",priority:"all",categoryId:"all",search:""}),{data:t,loading:o}=A(U,{variables:{projectId:e},fetchPolicy:"cache-and-network"}),[c]=G(Q),[h]=G(R),f=t?.taskCategories??[],g=t?.tasks??[],v=K(()=>{return g.filter((r)=>{if(d.status==="active"&&r.completed)return!1;if(d.status==="completed"&&!r.completed)return!1;if(d.priority!=="all"&&r.priority!==d.priority)return!1;if(d.categoryId!=="all"&&r.category?.id!==d.categoryId)return!1;if(d.search&&!r.title.toLowerCase().includes(d.search.toLowerCase()))return!1;return!0})},[g,d]),w=async(r)=>{await c({variables:{id:r.id,completed:!r.completed},optimisticResponse:{toggleTask:{__typename:"Task",id:r.id,completed:!r.completed}},update(F){F.modify({fields:{tasks(D=[]){return D.map((l)=>l.__ref?.endsWith(r.id)?{...l,completed:!r.completed}:l)}}})}})},C=async(r)=>{await h({variables:{id:r.id},refetchQueries:[{query:U,variables:{projectId:e}}]})};return q("div",{className:"space-y-6",children:[i(x,{value:d,onChange:m,categories:f}),i(H,{categories:f}),o?i("p",{className:"text-muted-foreground text-sm",children:"Loading tasks\u2026"}):v.length?i("div",{className:"space-y-3",children:v.map((r)=>i($,{task:r,onToggle:w,onDelete:C},r.id))}):i("div",{className:"rounded-2xl border border-border border-dashed p-8 text-center",children:i("p",{className:"text-muted-foreground",children:"No tasks match your filters. Create one above."})})]})}M("todos-app",{list:V,detail:V,form:H});export{V as TaskList};