@contractspec/bundle.library 3.8.9 → 3.8.11

package/dist/node/components/templates/index.js

@@ -1,11 +1,4 @@
-// src/components/templates/messaging/ConversationList.tsx
-import { gql } from "@apollo/client";
-import { useQuery } from "@apollo/client/react";
-import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { MessageCircle, Users } from "lucide-react";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CONVERSATIONS_QUERY = gql`
+import{gql as to}from"@apollo/client";import{useQuery as po}from"@apollo/client/react";import{useTemplateRuntime as mo}from"@contractspec/lib.example-shared-ui";import{MessageCircle as bo,Users as uo}from"lucide-react";import{useMemo as eo}from"react";import{jsx as P,jsxs as B}from"react/jsx-runtime";var fo=to`
   query Conversations($projectId: ID!) {
     conversations(projectId: $projectId) {
       id
@@ -19,87 +12,7 @@ var CONVERSATIONS_QUERY = gql`
       }
     }
   }
-`;
-function ConversationList({
-  selectedId,
-  onSelect
-}) {
-  const { projectId } = useTemplateRuntime();
-  const { data, loading } = useQuery(CONVERSATIONS_QUERY, {
-    variables: { projectId },
-    fetchPolicy: "cache-and-network"
-  });
-  const conversations = useMemo(() => data?.conversations ?? [], [data]);
-  return /* @__PURE__ */ jsxs("aside", {
-    className: "h-full overflow-y-auto rounded-2xl border border-border bg-card",
-    children: [
-      /* @__PURE__ */ jsxs("header", {
-        className: "px -4 flex items-center justify-between border-border border-b px-4 py-3",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            children: [
-              /* @__PURE__ */ jsx("p", {
-                className: "font-semibold text-sm",
-                children: "Conversations"
-              }),
-              /* @__PURE__ */ jsx("p", {
-                className: "text-muted-foreground text-xs",
-                children: loading ? "Loading…" : `${conversations.length} active`
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx(Users, {
-            className: "h-4 w-4 text-muted-foreground"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "divide-y divide-border/70",
-        children: [
-          conversations.map((conversation) => {
-            const isSelected = selectedId === conversation.id;
-            return /* @__PURE__ */ jsxs("button", {
-              type: "button",
-              className: `flex w-full flex-col items-start gap-1 px-4 py-3 text-left transition ${isSelected ? "bg-violet-500/10 text-foreground" : "hover:bg-muted/40"}`,
-              onClick: () => onSelect?.(conversation.id),
-              children: [
-                /* @__PURE__ */ jsxs("div", {
-                  className: "flex items-center gap-2",
-                  children: [
-                    /* @__PURE__ */ jsx(MessageCircle, {
-                      className: "h-4 w-4 text-muted-foreground"
-                    }),
-                    /* @__PURE__ */ jsx("span", {
-                      className: "font-medium text-sm",
-                      children: conversation.name || "Untitled conversation"
-                    })
-                  ]
-                }),
-                /* @__PURE__ */ jsx("p", {
-                  className: "text-muted-foreground text-xs",
-                  children: conversation.participants.map((participant) => participant.displayName || participant.userId).join(" · ")
-                })
-              ]
-            }, conversation.id);
-          }),
-          !loading && conversations.length === 0 ? /* @__PURE__ */ jsx("p", {
-            className: "p-4 text-center text-muted-foreground text-xs",
-            children: "No conversations yet."
-          }) : null
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/templates/messaging/MessageThread.tsx
-import { gql as gql2 } from "@apollo/client";
-import { useMutation, useQuery as useQuery2 } from "@apollo/client/react";
-import { useTemplateRuntime as useTemplateRuntime2 } from "@contractspec/lib.example-shared-ui";
-import { useEffect, useRef } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-"use client";
-var MESSAGES_QUERY = gql2`
+`;function q({selectedId:o,onSelect:r}){let{projectId:d}=mo(),{data:t,loading:l}=po(fo,{variables:{projectId:d},fetchPolicy:"cache-and-network"}),u=eo(()=>t?.conversations??[],[t]);return B("aside",{className:"h-full overflow-y-auto rounded-2xl border border-border bg-card",children:[B("header",{className:"px -4 flex items-center justify-between border-border border-b px-4 py-3",children:[B("div",{children:[P("p",{className:"font-semibold text-sm",children:"Conversations"}),P("p",{className:"text-muted-foreground text-xs",children:l?"Loading…":`${u.length} active`})]}),P(uo,{className:"h-4 w-4 text-muted-foreground"})]}),B("div",{className:"divide-y divide-border/70",children:[u.map((e)=>{let y=o===e.id;return B("button",{type:"button",className:`flex w-full flex-col items-start gap-1 px-4 py-3 text-left transition ${y?"bg-violet-500/10 text-foreground":"hover:bg-muted/40"}`,onClick:()=>r?.(e.id),children:[B("div",{className:"flex items-center gap-2",children:[P(bo,{className:"h-4 w-4 text-muted-foreground"}),P("span",{className:"font-medium text-sm",children:e.name||"Untitled conversation"})]}),P("p",{className:"text-muted-foreground text-xs",children:e.participants.map((N)=>N.displayName||N.userId).join(" · ")})]},e.id)}),!l&&u.length===0?P("p",{className:"p-4 text-center text-muted-foreground text-xs",children:"No conversations yet."}):null]})]})}import{gql as _}from"@apollo/client";import{useMutation as No,useQuery as yo}from"@apollo/client/react";import{useTemplateRuntime as ho}from"@contractspec/lib.example-shared-ui";import{useEffect as v,useRef as ao}from"react";import{jsx as F,jsxs as Q}from"react/jsx-runtime";var Z=_`
   query Messages($conversationId: ID!) {
     messages(conversationId: $conversationId, limit: 50) {
       id
@@ -110,362 +23,17 @@ var MESSAGES_QUERY = gql2`
       status
     }
   }
-`;
-var SET_READ = gql2`
+`,io=_`
   mutation SetMessagesRead($conversationId: ID!, $userId: String!) {
     setMessagesRead(conversationId: $conversationId, userId: $userId)
   }
-`;
-function MessageThread({
-  conversationId,
-  viewerId = "local-user"
-}) {
-  const scrollRef = useRef(null);
-  const enabled = Boolean(conversationId);
-  const { data, loading } = useQuery2(MESSAGES_QUERY, {
-    variables: { conversationId },
-    skip: !enabled,
-    fetchPolicy: "cache-and-network"
-  });
-  const [setRead] = useMutation(SET_READ);
-  const { projectId } = useTemplateRuntime2();
-  const messages = data?.messages ?? [];
-  useEffect(() => {
-    if (!enabled || !conversationId)
-      return;
-    setRead({ variables: { conversationId, userId: viewerId } }).catch(() => {});
-  }, [conversationId, enabled, setRead, viewerId]);
-  useEffect(() => {
-    const container = scrollRef.current;
-    if (!container)
-      return;
-    container.scrollTop = container.scrollHeight;
-  }, [messages]);
-  if (!conversationId) {
-    return /* @__PURE__ */ jsx2("div", {
-      className: "flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",
-      children: /* @__PURE__ */ jsx2("p", {
-        className: "text-muted-foreground text-sm",
-        children: "Select a conversation"
-      })
-    });
-  }
-  return /* @__PURE__ */ jsx2("div", {
-    className: "flex flex-1 flex-col rounded-2xl border border-border bg-card",
-    children: /* @__PURE__ */ jsx2("div", {
-      ref: scrollRef,
-      className: "flex-1 space-y-3 overflow-y-auto p-4",
-      children: loading ? /* @__PURE__ */ jsx2("p", {
-        className: "text-center text-muted-foreground text-sm",
-        children: "Loading…"
-      }) : messages.slice().reverse().map((message) => /* @__PURE__ */ jsxs2("div", {
-        className: `flex flex-col ${message.senderId === viewerId ? "items-end" : "items-start"}`,
-        children: [
-          /* @__PURE__ */ jsx2("div", {
-            className: `max-w-xs rounded-2xl px-3 py-2 text-sm ${message.senderId === viewerId ? "bg-violet-500 text-white" : "bg-muted text-foreground"}`,
-            children: /* @__PURE__ */ jsx2("p", {
-              children: message.content
-            })
-          }),
-          /* @__PURE__ */ jsxs2("span", {
-            className: "mt-1 text-muted-foreground text-xs",
-            children: [
-              message.senderName || message.senderId,
-              " ·",
-              " ",
-              new Date(message.createdAt).toLocaleTimeString([], {
-                hour: "2-digit",
-                minute: "2-digit"
-              })
-            ]
-          })
-        ]
-      }, message.id))
-    })
-  });
-}
-
-// src/components/templates/messaging/MessageComposer.tsx
-import { gql as gql3 } from "@apollo/client";
-import { useMutation as useMutation2 } from "@apollo/client/react";
-import { useTemplateRuntime as useTemplateRuntime3 } from "@contractspec/lib.example-shared-ui";
-import { Send } from "lucide-react";
-import { useState } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-"use client";
-var SEND_MESSAGE = gql3`
+`;function G({conversationId:o,viewerId:r="local-user"}){let d=ao(null),t=Boolean(o),{data:l,loading:u}=yo(Z,{variables:{conversationId:o},skip:!t,fetchPolicy:"cache-and-network"}),[e]=No(io),{projectId:y}=ho(),N=l?.messages??[];if(v(()=>{if(!t||!o)return;e({variables:{conversationId:o,userId:r}}).catch(()=>{})},[o,t,e,r]),v(()=>{let p=d.current;if(!p)return;p.scrollTop=p.scrollHeight},[N]),!o)return F("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:F("p",{className:"text-muted-foreground text-sm",children:"Select a conversation"})});return F("div",{className:"flex flex-1 flex-col rounded-2xl border border-border bg-card",children:F("div",{ref:d,className:"flex-1 space-y-3 overflow-y-auto p-4",children:u?F("p",{className:"text-center text-muted-foreground text-sm",children:"Loading…"}):N.slice().reverse().map((p)=>Q("div",{className:`flex flex-col ${p.senderId===r?"items-end":"items-start"}`,children:[F("div",{className:`max-w-xs rounded-2xl px-3 py-2 text-sm ${p.senderId===r?"bg-violet-500 text-white":"bg-muted text-foreground"}`,children:F("p",{children:p.content})}),Q("span",{className:"mt-1 text-muted-foreground text-xs",children:[p.senderName||p.senderId," ·"," ",new Date(p.createdAt).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})]})]},p.id))})})}import{gql as no}from"@apollo/client";import{useMutation as go}from"@apollo/client/react";import{useTemplateRuntime as wo}from"@contractspec/lib.example-shared-ui";import{Send as Po}from"lucide-react";import{useState as Fo}from"react";import{jsx as R,jsxs as M}from"react/jsx-runtime";var Ho=no`
   mutation SendMessage($input: SendMessageInput!) {
     sendMessage(input: $input) {
       id
     }
   }
-`;
-function MessageComposer({
-  conversationId,
-  viewerId = "local-user",
-  viewerName = "You"
-}) {
-  const { projectId } = useTemplateRuntime3();
-  const [content, setContent] = useState("");
-  const [sendMessage, { loading }] = useMutation2(SEND_MESSAGE);
-  const handleSubmit = async (event) => {
-    event.preventDefault();
-    if (!conversationId || !content.trim())
-      return;
-    await sendMessage({
-      variables: {
-        input: {
-          projectId,
-          conversationId,
-          senderId: viewerId,
-          senderName: viewerName,
-          content: content.trim()
-        }
-      },
-      refetchQueries: [
-        {
-          query: MESSAGES_QUERY,
-          variables: { conversationId }
-        }
-      ]
-    });
-    setContent("");
-  };
-  return /* @__PURE__ */ jsxs3("form", {
-    onSubmit: handleSubmit,
-    className: "mt-3 flex items-center gap-2 rounded-2xl border border-border bg-card px-4 py-3",
-    children: [
-      /* @__PURE__ */ jsx3("input", {
-        type: "text",
-        className: "flex-1 bg-transparent text-foreground text-sm outline-none",
-        placeholder: conversationId ? "Type a message…" : "Select a conversation to start",
-        disabled: !conversationId || loading,
-        value: content,
-        onChange: (event) => setContent(event.target.value)
-      }),
-      /* @__PURE__ */ jsxs3("button", {
-        type: "submit",
-        className: "btn-primary inline-flex items-center gap-1 text-sm",
-        disabled: !conversationId || loading || !content.trim(),
-        children: [
-          /* @__PURE__ */ jsx3(Send, {
-            className: "h-4 w-4"
-          }),
-          "Send"
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/templates/messaging/MessagingWorkspace.tsx
-import { registerTemplateComponents } from "@contractspec/lib.example-shared-ui";
-import { useState as useState2 } from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-"use client";
-function MessagingWorkspace() {
-  const [conversationId, setConversationId] = useState2();
-  return /* @__PURE__ */ jsxs4("div", {
-    className: "grid gap-4 md:grid-cols-[280px,1fr]",
-    children: [
-      /* @__PURE__ */ jsx4(ConversationList, {
-        selectedId: conversationId,
-        onSelect: setConversationId
-      }),
-      /* @__PURE__ */ jsxs4("div", {
-        className: "flex flex-col gap-3",
-        children: [
-          /* @__PURE__ */ jsx4(MessageThread, {
-            conversationId
-          }),
-          /* @__PURE__ */ jsx4(MessageComposer, {
-            conversationId
-          })
-        ]
-      })
-    ]
-  });
-}
-registerTemplateComponents("messaging-app", {
-  list: MessagingWorkspace,
-  detail: MessageThread,
-  form: MessageComposer
-});
-// src/components/templates/recipes/LanguageSwitcher.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-function LanguageSwitcher({ locale, onChange }) {
-  return /* @__PURE__ */ jsx5("div", {
-    className: "inline-flex rounded-full border border-border bg-card p-1 font-semibold text-muted-foreground text-xs",
-    children: ["EN", "FR"].map((language) => /* @__PURE__ */ jsx5("button", {
-      type: "button",
-      className: `rounded-full px-3 py-1 transition ${locale === language ? "bg-violet-500 text-white" : "hover:text-foreground"}`,
-      onClick: () => onChange(language),
-      children: language === "EN" ? "English" : "Français"
-    }, language))
-  });
-}
-
-// src/components/templates/recipes/RecipeCard.tsx
-import { Heart } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function RecipeCard({
-  recipe,
-  onSelect,
-  onToggleFavorite
-}) {
-  return /* @__PURE__ */ jsxs5("button", {
-    type: "button",
-    onClick: () => onSelect?.(recipe),
-    className: "flex flex-col gap-3 rounded-2xl border border-border bg-card text-left transition hover:border-violet-400",
-    children: [
-      recipe.heroImageUrl ? /* @__PURE__ */ jsx6("img", {
-        src: recipe.heroImageUrl,
-        alt: recipe.name,
-        className: "h-40 w-full rounded-t-2xl object-cover"
-      }) : /* @__PURE__ */ jsx6("div", {
-        className: "h-40 rounded-t-2xl bg-muted"
-      }),
-      /* @__PURE__ */ jsxs5("div", {
-        className: "space-y-2 p-4",
-        children: [
-          /* @__PURE__ */ jsxs5("div", {
-            className: "flex items-center justify-between",
-            children: [
-              /* @__PURE__ */ jsx6("p", {
-                className: "font-semibold text-base",
-                children: recipe.name
-              }),
-              /* @__PURE__ */ jsx6("button", {
-                type: "button",
-                className: `inline-flex items-center justify-center rounded-full border border-transparent p-2 ${recipe.isFavorite ? "text-red-400" : "text-muted-foreground hover:text-red-400"}`,
-                onClick: (event) => {
-                  event.stopPropagation();
-                  onToggleFavorite?.(recipe);
-                },
-                children: /* @__PURE__ */ jsx6(Heart, {
-                  className: `h-4 w-4 ${recipe.isFavorite ? "fill-red-400" : ""}`
-                })
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx6("p", {
-            className: "line-clamp-2 text-muted-foreground text-sm",
-            children: recipe.description
-          }),
-          /* @__PURE__ */ jsxs5("div", {
-            className: "flex flex-wrap gap-3 text-muted-foreground text-xs",
-            children: [
-              recipe.prepTimeMinutes ? /* @__PURE__ */ jsxs5("span", {
-                children: [
-                  "Prep ",
-                  recipe.prepTimeMinutes,
-                  "m"
-                ]
-              }) : null,
-              recipe.cookTimeMinutes ? /* @__PURE__ */ jsxs5("span", {
-                children: [
-                  "Cook ",
-                  recipe.cookTimeMinutes,
-                  "m"
-                ]
-              }) : null,
-              recipe.servings ? /* @__PURE__ */ jsxs5("span", {
-                children: [
-                  recipe.servings,
-                  " servings"
-                ]
-              }) : null
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/templates/recipes/RecipeDetail.tsx
-import { BookOpen } from "lucide-react";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function RecipeDetail({ recipe }) {
-  if (!recipe) {
-    return /* @__PURE__ */ jsx7("div", {
-      className: "flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",
-      children: /* @__PURE__ */ jsx7("p", {
-        className: "text-muted-foreground text-sm",
-        children: "Select a recipe to view details."
-      })
-    });
-  }
-  return /* @__PURE__ */ jsxs6("article", {
-    className: "space-y-4 rounded-2xl border border-border bg-card p-6",
-    children: [
-      /* @__PURE__ */ jsxs6("header", {
-        className: "flex flex-wrap items-center gap-3",
-        children: [
-          /* @__PURE__ */ jsx7(BookOpen, {
-            className: "h-5 w-5 text-muted-foreground"
-          }),
-          /* @__PURE__ */ jsxs6("div", {
-            children: [
-              /* @__PURE__ */ jsx7("h2", {
-                className: "font-semibold text-xl",
-                children: recipe.name
-              }),
-              /* @__PURE__ */ jsx7("p", {
-                className: "text-muted-foreground text-sm",
-                children: recipe.description
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs6("section", {
-        children: [
-          /* @__PURE__ */ jsx7("h3", {
-            className: "font-semibold text-muted-foreground text-sm uppercase tracking-wide",
-            children: "Ingredients"
-          }),
-          /* @__PURE__ */ jsx7("ul", {
-            className: "mt-2 list-disc space-y-1 pl-6 text-foreground text-sm",
-            children: recipe.ingredients.map((ingredient) => /* @__PURE__ */ jsxs6("li", {
-              children: [
-                ingredient.name,
-                " – ",
-                ingredient.quantity
-              ]
-            }, ingredient.id))
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs6("section", {
-        children: [
-          /* @__PURE__ */ jsx7("h3", {
-            className: "font-semibold text-muted-foreground text-sm uppercase tracking-wide",
-            children: "Instructions"
-          }),
-          /* @__PURE__ */ jsx7("ol", {
-            className: "mt-2 list-decimal space-y-2 pl-6 text-foreground text-sm",
-            children: recipe.instructions.map((instruction) => /* @__PURE__ */ jsx7("li", {
-              children: instruction.content
-            }, instruction.id))
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/templates/recipes/RecipeList.tsx
-import { gql as gql4 } from "@apollo/client";
-import { useMutation as useMutation3, useQuery as useQuery3 } from "@apollo/client/react";
-import {
-  registerTemplateComponents as registerTemplateComponents2,
-  useTemplateRuntime as useTemplateRuntime4
-} from "@contractspec/lib.example-shared-ui";
-import { useState as useState3 } from "react";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-"use client";
-var RECIPES_QUERY = gql4`
+`;function O({conversationId:o,viewerId:r="local-user",viewerName:d="You"}){let{projectId:t}=wo(),[l,u]=Fo(""),[e,{loading:y}]=go(Ho);return M("form",{onSubmit:async(p)=>{if(p.preventDefault(),!o||!l.trim())return;await e({variables:{input:{projectId:t,conversationId:o,senderId:r,senderName:d,content:l.trim()}},refetchQueries:[{query:Z,variables:{conversationId:o}}]}),u("")},className:"mt-3 flex items-center gap-2 rounded-2xl border border-border bg-card px-4 py-3",children:[R("input",{type:"text",className:"flex-1 bg-transparent text-foreground text-sm outline-none",placeholder:o?"Type a message…":"Select a conversation to start",disabled:!o||y,value:l,onChange:(p)=>u(p.target.value)}),M("button",{type:"submit",className:"btn-primary inline-flex items-center gap-1 text-sm",disabled:!o||y||!l.trim(),children:[R(Po,{className:"h-4 w-4"}),"Send"]})]})}import{registerTemplateComponents as $o}from"@contractspec/lib.example-shared-ui";import{useState as Co}from"react";import{jsx as U,jsxs as x}from"react/jsx-runtime";function Bo(){let[o,r]=Co();return x("div",{className:"grid gap-4 md:grid-cols-[280px,1fr]",children:[U(q,{selectedId:o,onSelect:r}),x("div",{className:"flex flex-col gap-3",children:[U(G,{conversationId:o}),U(O,{conversationId:o})]})]})}$o("messaging-app",{list:Bo,detail:G,form:O});import{jsx as T}from"react/jsx-runtime";function k({locale:o,onChange:r}){return T("div",{className:"inline-flex rounded-full border border-border bg-card p-1 font-semibold text-muted-foreground text-xs",children:["EN","FR"].map((d)=>T("button",{type:"button",className:`rounded-full px-3 py-1 transition ${o===d?"bg-violet-500 text-white":"hover:text-foreground"}`,onClick:()=>r(d),children:d==="EN"?"English":"Français"},d))})}import{Heart as Do}from"lucide-react";import{jsx as D,jsxs as H}from"react/jsx-runtime";function E({recipe:o,onSelect:r,onToggleFavorite:d}){return H("button",{type:"button",onClick:()=>r?.(o),className:"flex flex-col gap-3 rounded-2xl border border-border bg-card text-left transition hover:border-violet-400",children:[o.heroImageUrl?D("img",{src:o.heroImageUrl,alt:o.name,className:"h-40 w-full rounded-t-2xl object-cover"}):D("div",{className:"h-40 rounded-t-2xl bg-muted"}),H("div",{className:"space-y-2 p-4",children:[H("div",{className:"flex items-center justify-between",children:[D("p",{className:"font-semibold text-base",children:o.name}),D("button",{type:"button",className:`inline-flex items-center justify-center rounded-full border border-transparent p-2 ${o.isFavorite?"text-red-400":"text-muted-foreground hover:text-red-400"}`,onClick:(t)=>{t.stopPropagation(),d?.(o)},children:D(Do,{className:`h-4 w-4 ${o.isFavorite?"fill-red-400":""}`})})]}),D("p",{className:"line-clamp-2 text-muted-foreground text-sm",children:o.description}),H("div",{className:"flex flex-wrap gap-3 text-muted-foreground text-xs",children:[o.prepTimeMinutes?H("span",{children:["Prep ",o.prepTimeMinutes,"m"]}):null,o.cookTimeMinutes?H("span",{children:["Cook ",o.cookTimeMinutes,"m"]}):null,o.servings?H("span",{children:[o.servings," servings"]}):null]})]})]})}import{BookOpen as Wo}from"lucide-react";import{jsx as i,jsxs as W}from"react/jsx-runtime";function K({recipe:o}){if(!o)return i("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:i("p",{className:"text-muted-foreground text-sm",children:"Select a recipe to view details."})});return W("article",{className:"space-y-4 rounded-2xl border border-border bg-card p-6",children:[W("header",{className:"flex flex-wrap items-center gap-3",children:[i(Wo,{className:"h-5 w-5 text-muted-foreground"}),W("div",{children:[i("h2",{className:"font-semibold text-xl",children:o.name}),i("p",{className:"text-muted-foreground text-sm",children:o.description})]})]}),W("section",{children:[i("h3",{className:"font-semibold text-muted-foreground text-sm uppercase tracking-wide",children:"Ingredients"}),i("ul",{className:"mt-2 list-disc space-y-1 pl-6 text-foreground text-sm",children:o.ingredients.map((r)=>W("li",{children:[r.name," – ",r.quantity]},r.id))})]}),W("section",{children:[i("h3",{className:"font-semibold text-muted-foreground text-sm uppercase tracking-wide",children:"Instructions"}),i("ol",{className:"mt-2 list-decimal space-y-2 pl-6 text-foreground text-sm",children:o.instructions.map((r)=>i("li",{children:r.content},r.id))})]})]})}import{gql as I}from"@apollo/client";import{useMutation as zo,useQuery as Jo}from"@apollo/client/react";import{registerTemplateComponents as Vo,useTemplateRuntime as Xo}from"@contractspec/lib.example-shared-ui";import{useState as L}from"react";import{jsx as z,jsxs as S}from"react/jsx-runtime";var Zo=I`
   query Recipes($projectId: ID!, $locale: RecipeLocale!) {
     recipes(projectId: $projectId, locale: $locale) {
       id
@@ -494,432 +62,21 @@ var RECIPES_QUERY = gql4`
       }
     }
   }
-`;
-var FAVORITE_RECIPE = gql4`
+`,Go=I`
   mutation FavoriteRecipe($id: ID!, $isFavorite: Boolean!) {
     favoriteRecipe(id: $id, isFavorite: $isFavorite) {
       id
       isFavorite
     }
   }
-`;
-function RecipeList() {
-  const { projectId } = useTemplateRuntime4();
-  const [locale, setLocale] = useState3("EN");
-  const [selected, setSelected] = useState3();
-  const [search, setSearch] = useState3("");
-  const { data, loading } = useQuery3(RECIPES_QUERY, {
-    variables: { projectId, locale },
-    fetchPolicy: "cache-and-network"
-  });
-  const [favoriteRecipe] = useMutation3(FAVORITE_RECIPE);
-  const recipes = data?.recipes ?? [];
-  const filtered = recipes.filter((recipe) => recipe.name.toLowerCase().includes(search.toLowerCase()));
-  const handleToggleFavorite = async (recipe) => {
-    await favoriteRecipe({
-      variables: { id: recipe.id, isFavorite: !recipe.isFavorite },
-      optimisticResponse: {
-        favoriteRecipe: {
-          __typename: "Recipe",
-          id: recipe.id,
-          isFavorite: !recipe.isFavorite
-        }
-      }
-    });
-  };
-  return /* @__PURE__ */ jsxs7("div", {
-    className: "space-y-4",
-    children: [
-      /* @__PURE__ */ jsxs7("div", {
-        className: "flex flex-wrap items-center gap-3",
-        children: [
-          /* @__PURE__ */ jsx8(LanguageSwitcher, {
-            locale,
-            onChange: setLocale
-          }),
-          /* @__PURE__ */ jsx8("input", {
-            type: "search",
-            placeholder: locale === "EN" ? "Search recipes" : "Rechercher des recettes",
-            className: "flex-1 rounded-full border border-border bg-card px-4 py-2 text-sm",
-            value: search,
-            onChange: (event) => setSearch(event.target.value)
-          })
-        ]
-      }),
-      loading ? /* @__PURE__ */ jsx8("p", {
-        className: "text-muted-foreground text-sm",
-        children: "Loading recipes…"
-      }) : /* @__PURE__ */ jsx8("div", {
-        className: "grid gap-4 md:grid-cols-3",
-        children: filtered.map((recipe) => /* @__PURE__ */ jsx8(RecipeCard, {
-          recipe,
-          onSelect: setSelected,
-          onToggleFavorite: handleToggleFavorite
-        }, recipe.id))
-      }),
-      /* @__PURE__ */ jsx8(RecipeDetail, {
-        recipe: selected
-      })
-    ]
-  });
-}
-registerTemplateComponents2("recipe-app-i18n", {
-  list: RecipeList,
-  detail: RecipeDetail
-});
-// src/components/templates/todos/FilterBar.tsx
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-function FilterBar({ value, onChange, categories }) {
-  const handleChange = (key, nextValue) => {
-    onChange({ ...value, [key]: nextValue });
-  };
-  return /* @__PURE__ */ jsxs8("div", {
-    className: "grid gap-3 rounded-2xl border border-border bg-card p-4 md:grid-cols-4",
-    children: [
-      /* @__PURE__ */ jsxs8("label", {
-        className: "flex flex-col text-muted-foreground text-xs uppercase tracking-wide",
-        children: [
-          "Status",
-          /* @__PURE__ */ jsxs8("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__ */ jsx9("option", {
-                value: "all",
-                children: "All tasks"
-              }),
-              /* @__PURE__ */ jsx9("option", {
-                value: "active",
-                children: "Active"
-              }),
-              /* @__PURE__ */ jsx9("option", {
-                value: "completed",
-                children: "Completed"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs8("label", {
-        className: "flex flex-col text-muted-foreground text-xs uppercase tracking-wide",
-        children: [
-          "Priority",
-          /* @__PURE__ */ jsxs8("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__ */ jsx9("option", {
-                value: "all",
-                children: "All"
-              }),
-              /* @__PURE__ */ jsx9("option", {
-                value: "LOW",
-                children: "Low"
-              }),
-              /* @__PURE__ */ jsx9("option", {
-                value: "MEDIUM",
-                children: "Medium"
-              }),
-              /* @__PURE__ */ jsx9("option", {
-                value: "HIGH",
-                children: "High"
-              }),
-              /* @__PURE__ */ jsx9("option", {
-                value: "URGENT",
-                children: "Urgent"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs8("label", {
-        className: "flex flex-col text-muted-foreground text-xs uppercase tracking-wide",
-        children: [
-          "Category",
-          /* @__PURE__ */ jsxs8("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__ */ jsx9("option", {
-                value: "all",
-                children: "All categories"
-              }),
-              categories.map((category) => /* @__PURE__ */ jsx9("option", {
-                value: category.id,
-                children: category.name
-              }, category.id))
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs8("label", {
-        className: "flex flex-col text-muted-foreground text-xs uppercase tracking-wide",
-        children: [
-          "Search",
-          /* @__PURE__ */ jsx9("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 as gql5 } from "@apollo/client";
-import { useMutation as useMutation4 } from "@apollo/client/react";
-import { useTemplateRuntime as useTemplateRuntime5 } from "@contractspec/lib.example-shared-ui";
-import { useState as useState4 } from "react";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-"use client";
-var CREATE_TASK = gql5`
+`;function Oo(){let{projectId:o}=Xo(),[r,d]=L("EN"),[t,l]=L(),[u,e]=L(""),{data:y,loading:N}=Jo(Zo,{variables:{projectId:o,locale:r},fetchPolicy:"cache-and-network"}),[p]=zo(Go),C=(y?.recipes??[]).filter((f)=>f.name.toLowerCase().includes(u.toLowerCase())),m=async(f)=>{await p({variables:{id:f.id,isFavorite:!f.isFavorite},optimisticResponse:{favoriteRecipe:{__typename:"Recipe",id:f.id,isFavorite:!f.isFavorite}}})};return S("div",{className:"space-y-4",children:[S("div",{className:"flex flex-wrap items-center gap-3",children:[z(k,{locale:r,onChange:d}),z("input",{type:"search",placeholder:r==="EN"?"Search recipes":"Rechercher des recettes",className:"flex-1 rounded-full border border-border bg-card px-4 py-2 text-sm",value:u,onChange:(f)=>e(f.target.value)})]}),N?z("p",{className:"text-muted-foreground text-sm",children:"Loading recipes…"}):z("div",{className:"grid gap-4 md:grid-cols-3",children:C.map((f)=>z(E,{recipe:f,onSelect:l,onToggleFavorite:m},f.id))}),z(K,{recipe:t})]})}Vo("recipe-app-i18n",{list:Oo,detail:K});import{jsx as a,jsxs as w}from"react/jsx-runtime";function j({value:o,onChange:r,categories:d}){let t=(l,u)=>{r({...o,[l]:u})};return w("div",{className:"grid gap-3 rounded-2xl border border-border bg-card p-4 md:grid-cols-4",children:[w("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Status",w("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:o.status,onChange:(l)=>t("status",l.target.value),children:[a("option",{value:"all",children:"All tasks"}),a("option",{value:"active",children:"Active"}),a("option",{value:"completed",children:"Completed"})]})]}),w("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Priority",w("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:o.priority,onChange:(l)=>t("priority",l.target.value),children:[a("option",{value:"all",children:"All"}),a("option",{value:"LOW",children:"Low"}),a("option",{value:"MEDIUM",children:"Medium"}),a("option",{value:"HIGH",children:"High"}),a("option",{value:"URGENT",children:"Urgent"})]})]}),w("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Category",w("select",{className:"mt-1 rounded-md border border-border bg-background px-3 py-2 text-foreground text-sm",value:o.categoryId,onChange:(l)=>t("categoryId",l.target.value),children:[a("option",{value:"all",children:"All categories"}),d.map((l)=>a("option",{value:l.id,children:l.name},l.id))]})]}),w("label",{className:"flex flex-col text-muted-foreground text-xs uppercase tracking-wide",children:["Search",a("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:o.search,onChange:(l)=>t("search",l.target.value)})]})]})}import{gql as Uo}from"@apollo/client";import{useMutation as Ko}from"@apollo/client/react";import{useTemplateRuntime as Lo}from"@contractspec/lib.example-shared-ui";import{useState as V}from"react";import{jsx as h,jsxs as g}from"react/jsx-runtime";var Yo=Uo`
   mutation CreateTask($input: CreateTaskInput!) {
     createTask(input: $input) {
       id
       title
     }
   }
-`;
-function TaskForm({ categories }) {
-  const { projectId } = useTemplateRuntime5();
-  const [title, setTitle] = useState4("");
-  const [description, setDescription] = useState4("");
-  const [priority, setPriority] = useState4("MEDIUM");
-  const [categoryId, setCategoryId] = useState4("none");
-  const [tagsInput, setTagsInput] = useState4("");
-  const [createTask, { loading }] = useMutation4(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__ */ jsxs9("form", {
-    onSubmit: handleSubmit,
-    className: "space-y-3 rounded-2xl border border-border bg-background/60 p-4",
-    children: [
-      /* @__PURE__ */ jsx10("div", {
-        children: /* @__PURE__ */ jsxs9("label", {
-          className: "font-semibold text-muted-foreground text-xs uppercase",
-          children: [
-            "Title",
-            /* @__PURE__ */ jsx10("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__ */ jsx10("div", {
-        children: /* @__PURE__ */ jsxs9("label", {
-          className: "font-semibold text-muted-foreground text-xs uppercase",
-          children: [
-            "Description",
-            /* @__PURE__ */ jsx10("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__ */ jsxs9("div", {
-        className: "grid gap-3 md:grid-cols-3",
-        children: [
-          /* @__PURE__ */ jsxs9("label", {
-            className: "font-semibold text-muted-foreground text-xs uppercase",
-            children: [
-              "Priority",
-              /* @__PURE__ */ jsxs9("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__ */ jsx10("option", {
-                    value: "LOW",
-                    children: "Low"
-                  }),
-                  /* @__PURE__ */ jsx10("option", {
-                    value: "MEDIUM",
-                    children: "Medium"
-                  }),
-                  /* @__PURE__ */ jsx10("option", {
-                    value: "HIGH",
-                    children: "High"
-                  }),
-                  /* @__PURE__ */ jsx10("option", {
-                    value: "URGENT",
-                    children: "Urgent"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs9("label", {
-            className: "font-semibold text-muted-foreground text-xs uppercase",
-            children: [
-              "Category",
-              /* @__PURE__ */ jsxs9("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__ */ jsx10("option", {
-                    value: "none",
-                    children: "None"
-                  }),
-                  categories.map((category) => /* @__PURE__ */ jsx10("option", {
-                    value: category.id,
-                    children: category.name
-                  }, category.id))
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs9("label", {
-            className: "font-semibold text-muted-foreground text-xs uppercase",
-            children: [
-              "Tags",
-              /* @__PURE__ */ jsx10("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__ */ jsx10("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 jsx11, jsxs as jsxs10 } 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__ */ jsxs10("div", {
-    className: "flex items-start gap-4 rounded-2xl border border-border/70 bg-card/60 p-4 transition hover:border-border",
-    children: [
-      /* @__PURE__ */ jsx11("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__ */ jsx11(Check, {
-          className: "h-4 w-4 text-emerald-400"
-        }) : /* @__PURE__ */ jsx11(Circle, {
-          className: "h-4 w-4"
-        })
-      }),
-      /* @__PURE__ */ jsxs10("div", {
-        className: "flex-1 space-y-2",
-        children: [
-          /* @__PURE__ */ jsxs10("div", {
-            className: "flex flex-wrap items-center gap-2",
-            children: [
-              /* @__PURE__ */ jsx11("p", {
-                className: `font-medium ${task.completed ? "text-muted-foreground line-through" : "text-foreground"}`,
-                children: task.title
-              }),
-              /* @__PURE__ */ jsx11("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__ */ jsx11("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__ */ jsxs10("span", {
-                className: "text-muted-foreground text-xs",
-                children: [
-                  "Due ",
-                  new Date(task.dueDate).toLocaleDateString()
-                ]
-              }) : null
-            ]
-          }),
-          task.description ? /* @__PURE__ */ jsx11("p", {
-            className: "text-muted-foreground text-sm",
-            children: task.description
-          }) : null,
-          task.tags.length ? /* @__PURE__ */ jsx11("div", {
-            className: "flex flex-wrap gap-1",
-            children: task.tags.map((tag) => /* @__PURE__ */ jsxs10("span", {
-              className: "rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",
-              children: [
-                "#",
-                tag
-              ]
-            }, tag))
-          }) : null
-        ]
-      }),
-      /* @__PURE__ */ jsx11("button", {
-        type: "button",
-        className: "text-muted-foreground hover:text-destructive",
-        "aria-label": `Delete ${task.title}`,
-        onClick: () => onDelete?.(task),
-        children: /* @__PURE__ */ jsx11(Trash2, {
-          className: "h-4 w-4"
-        })
-      })
-    ]
-  });
-}
-
-// src/components/templates/todos/TaskList.tsx
-import { gql as gql6 } from "@apollo/client";
-import { useMutation as useMutation5, useQuery as useQuery4 } from "@apollo/client/react";
-import {
-  registerTemplateComponents as registerTemplateComponents3,
-  useTemplateRuntime as useTemplateRuntime6
-} from "@contractspec/lib.example-shared-ui";
-import { useMemo as useMemo2, useState as useState5 } from "react";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-"use client";
-var TASKS_QUERY = gql6`
+`;function Y({categories:o}){let{projectId:r}=Lo(),[d,t]=V(""),[l,u]=V(""),[e,y]=V("MEDIUM"),[N,p]=V("none"),[J,C]=V(""),[m,{loading:f}]=Ko(Yo);return g("form",{onSubmit:async(b)=>{if(b.preventDefault(),!d.trim())return;await m({variables:{input:{projectId:r,title:d.trim(),description:l.trim()||void 0,priority:e,categoryId:N==="none"?void 0:N,tags:Ao(J)}},refetchQueries:["Tasks"],awaitRefetchQueries:!0}),t(""),u(""),y("MEDIUM"),p("none"),C("")},className:"space-y-3 rounded-2xl border border-border bg-background/60 p-4",children:[h("div",{children:g("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Title",h("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:d,onChange:(b)=>t(b.target.value),required:!0})]})}),h("div",{children:g("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Description",h("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:l,onChange:(b)=>u(b.target.value)})]})}),g("div",{className:"grid gap-3 md:grid-cols-3",children:[g("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Priority",g("select",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",value:e,onChange:(b)=>y(b.target.value),children:[h("option",{value:"LOW",children:"Low"}),h("option",{value:"MEDIUM",children:"Medium"}),h("option",{value:"HIGH",children:"High"}),h("option",{value:"URGENT",children:"Urgent"})]})]}),g("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Category",g("select",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",value:N,onChange:(b)=>p(b.target.value),children:[h("option",{value:"none",children:"None"}),o.map((b)=>h("option",{value:b.id,children:b.name},b.id))]})]}),g("label",{className:"font-semibold text-muted-foreground text-xs uppercase",children:["Tags",h("input",{className:"mt-1 w-full rounded-md border border-border bg-card px-3 py-2 text-sm",placeholder:"Comma separated (optional)",value:J,onChange:(b)=>C(b.target.value)})]})]}),h("button",{type:"submit",className:"btn-primary w-full py-2 font-semibold text-sm",disabled:f,children:f?"Saving...":"Add task"})]})}function Ao(o){return o.split(",").map((r)=>r.trim()).filter(Boolean)}import{Check as co,Circle as qo,Trash2 as vo}from"lucide-react";import{jsx as n,jsxs as X}from"react/jsx-runtime";function s({task:o,onToggle:r,onDelete:d}){let t=o.priority==="URGENT"?"text-red-200 bg-red-500/10 border-red-500/40":o.priority==="HIGH"?"text-amber-200 bg-amber-500/10 border-amber-500/40":o.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 X("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":o.completed,onClick:()=>r?.(o),children:o.completed?n(co,{className:"h-4 w-4 text-emerald-400"}):n(qo,{className:"h-4 w-4"})}),X("div",{className:"flex-1 space-y-2",children:[X("div",{className:"flex flex-wrap items-center gap-2",children:[n("p",{className:`font-medium ${o.completed?"text-muted-foreground line-through":"text-foreground"}`,children:o.title}),n("span",{className:`rounded-full border px-2 py-0.5 text-xs ${t}`,children:o.priority.charAt(0)+o.priority.slice(1).toLowerCase()}),o.category?n("span",{className:"rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",children:o.category.name}):null,o.dueDate?X("span",{className:"text-muted-foreground text-xs",children:["Due ",new Date(o.dueDate).toLocaleDateString()]}):null]}),o.description?n("p",{className:"text-muted-foreground text-sm",children:o.description}):null,o.tags.length?n("div",{className:"flex flex-wrap gap-1",children:o.tags.map((l)=>X("span",{className:"rounded-full bg-muted/40 px-2 py-0.5 text-muted-foreground text-xs",children:["#",l]},l))}):null]}),n("button",{type:"button",className:"text-muted-foreground hover:text-destructive","aria-label":`Delete ${o.title}`,onClick:()=>d?.(o),children:n(vo,{className:"h-4 w-4"})})]})}import{gql as A}from"@apollo/client";import{useMutation as oo,useQuery as Qo}from"@apollo/client/react";import{registerTemplateComponents as _o,useTemplateRuntime as Ro}from"@contractspec/lib.example-shared-ui";import{useMemo as Mo,useState as xo}from"react";import{jsx as $,jsxs as Eo}from"react/jsx-runtime";var ro=A`
   query Tasks($projectId: ID!) {
     taskCategories(projectId: $projectId) {
       id
@@ -941,126 +98,15 @@ var TASKS_QUERY = gql6`
       }
     }
   }
-`;
-var TOGGLE_TASK = gql6`
+`,To=A`
   mutation ToggleTask($id: ID!, $completed: Boolean!) {
     toggleTask(id: $id, completed: $completed) {
       id
       completed
     }
   }
-`;
-var DELETE_TASK = gql6`
+`,ko=A`
   mutation DeleteTask($id: ID!) {
     deleteTask(id: $id)
   }
-`;
-function TaskList() {
-  const { projectId } = useTemplateRuntime6();
-  const [filters, setFilters] = useState5({
-    status: "all",
-    priority: "all",
-    categoryId: "all",
-    search: ""
-  });
-  const { data, loading } = useQuery4(TASKS_QUERY, {
-    variables: { projectId },
-    fetchPolicy: "cache-and-network"
-  });
-  const [toggleTask] = useMutation5(TOGGLE_TASK);
-  const [deleteTask] = useMutation5(DELETE_TASK);
-  const categories = data?.taskCategories ?? [];
-  const tasks = data?.tasks ?? [];
-  const filtered = useMemo2(() => {
-    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__ */ jsxs11("div", {
-    className: "space-y-6",
-    children: [
-      /* @__PURE__ */ jsx12(FilterBar, {
-        value: filters,
-        onChange: setFilters,
-        categories
-      }),
-      /* @__PURE__ */ jsx12(TaskForm, {
-        categories
-      }),
-      loading ? /* @__PURE__ */ jsx12("p", {
-        className: "text-muted-foreground text-sm",
-        children: "Loading tasks…"
-      }) : filtered.length ? /* @__PURE__ */ jsx12("div", {
-        className: "space-y-3",
-        children: filtered.map((task) => /* @__PURE__ */ jsx12(TaskItem, {
-          task,
-          onToggle: handleToggle,
-          onDelete: handleDelete
-        }, task.id))
-      }) : /* @__PURE__ */ jsx12("div", {
-        className: "rounded-2xl border border-border border-dashed p-8 text-center",
-        children: /* @__PURE__ */ jsx12("p", {
-          className: "text-muted-foreground",
-          children: "No tasks match your filters. Create one above."
-        })
-      })
-    ]
-  });
-}
-registerTemplateComponents3("todos-app", {
-  list: TaskList,
-  detail: TaskList,
-  form: TaskForm
-});
-export {
-  TaskList,
-  TaskItem,
-  TaskForm,
-  RecipeList,
-  RecipeDetail,
-  RecipeCard,
-  MessagingWorkspace,
-  MessageThread,
-  MessageComposer,
-  MESSAGES_QUERY,
-  LanguageSwitcher,
-  FilterBar,
-  ConversationList
-};
+`;function lo(){let{projectId:o}=Ro(),[r,d]=xo({status:"all",priority:"all",categoryId:"all",search:""}),{data:t,loading:l}=Qo(ro,{variables:{projectId:o},fetchPolicy:"cache-and-network"}),[u]=oo(To),[e]=oo(ko),y=t?.taskCategories??[],N=t?.tasks??[],p=Mo(()=>{return N.filter((m)=>{if(r.status==="active"&&m.completed)return!1;if(r.status==="completed"&&!m.completed)return!1;if(r.priority!=="all"&&m.priority!==r.priority)return!1;if(r.categoryId!=="all"&&m.category?.id!==r.categoryId)return!1;if(r.search&&!m.title.toLowerCase().includes(r.search.toLowerCase()))return!1;return!0})},[N,r]),J=async(m)=>{await u({variables:{id:m.id,completed:!m.completed},optimisticResponse:{toggleTask:{__typename:"Task",id:m.id,completed:!m.completed}},update(f){f.modify({fields:{tasks(c=[]){return c.map((b)=>b.__ref?.endsWith(m.id)?{...b,completed:!m.completed}:b)}}})}})},C=async(m)=>{await e({variables:{id:m.id},refetchQueries:[{query:ro,variables:{projectId:o}}]})};return Eo("div",{className:"space-y-6",children:[$(j,{value:r,onChange:d,categories:y}),$(Y,{categories:y}),l?$("p",{className:"text-muted-foreground text-sm",children:"Loading tasks…"}):p.length?$("div",{className:"space-y-3",children:p.map((m)=>$(s,{task:m,onToggle:J,onDelete:C},m.id))}):$("div",{className:"rounded-2xl border border-border border-dashed p-8 text-center",children:$("p",{className:"text-muted-foreground",children:"No tasks match your filters. Create one above."})})]})}_o("todos-app",{list:lo,detail:lo,form:Y});export{lo as TaskList,s as TaskItem,Y as TaskForm,Oo as RecipeList,K as RecipeDetail,E as RecipeCard,Bo as MessagingWorkspace,G as MessageThread,O as MessageComposer,Z as MESSAGES_QUERY,k as LanguageSwitcher,j as FilterBar,q as ConversationList};