@contractspec/bundle.library 3.8.10 → 3.8.11

package/dist/node/components/templates/messaging/ConversationList.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 L}from"@apollo/client";import{useQuery as P}from"@apollo/client/react";import{useTemplateRuntime as W}from"@contractspec/lib.example-shared-ui";import{MessageCircle as X,Users as Z}from"lucide-react";import{useMemo as $}from"react";import{jsx as f,jsxs as k}from"react/jsx-runtime";var b=L`
   query Conversations($projectId: ID!) {
     conversations(projectId: $projectId) {
       id
@@ -19,78 +12,4 @@ 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
-        ]
-      })
-    ]
-  });
-}
-export {
-  ConversationList
-};
+`;function Y({selectedId:G,onSelect:H}){let{projectId:J}=W(),{data:B,loading:D}=P(b,{variables:{projectId:J},fetchPolicy:"cache-and-network"}),z=$(()=>B?.conversations??[],[B]);return k("aside",{className:"h-full overflow-y-auto rounded-2xl border border-border bg-card",children:[k("header",{className:"px -4 flex items-center justify-between border-border border-b px-4 py-3",children:[k("div",{children:[f("p",{className:"font-semibold text-sm",children:"Conversations"}),f("p",{className:"text-muted-foreground text-xs",children:D?"Loading…":`${z.length} active`})]}),f(Z,{className:"h-4 w-4 text-muted-foreground"})]}),k("div",{className:"divide-y divide-border/70",children:[z.map((w)=>{let K=G===w.id;return k("button",{type:"button",className:`flex w-full flex-col items-start gap-1 px-4 py-3 text-left transition ${K?"bg-violet-500/10 text-foreground":"hover:bg-muted/40"}`,onClick:()=>H?.(w.id),children:[k("div",{className:"flex items-center gap-2",children:[f(X,{className:"h-4 w-4 text-muted-foreground"}),f("span",{className:"font-medium text-sm",children:w.name||"Untitled conversation"})]}),f("p",{className:"text-muted-foreground text-xs",children:w.participants.map((F)=>F.displayName||F.userId).join(" · ")})]},w.id)}),!D&&z.length===0?f("p",{className:"p-4 text-center text-muted-foreground text-xs",children:"No conversations yet."}):null]})]})}export{Y as ConversationList};

package/dist/node/components/templates/messaging/MessageComposer.js

@@ -1,11 +1,4 @@
-// src/components/templates/messaging/MessageThread.tsx
-import { gql } from "@apollo/client";
-import { useMutation, useQuery } from "@apollo/client/react";
-import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { useEffect, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-"use client";
-var MESSAGES_QUERY = gql`
+import{gql as $}from"@apollo/client";import{useMutation as D,useQuery as U}from"@apollo/client/react";import{useTemplateRuntime as Y}from"@contractspec/lib.example-shared-ui";import{useEffect as X,useRef as h}from"react";import{jsx as B,jsxs as Z}from"react/jsx-runtime";var W=$`
   query Messages($conversationId: ID!) {
     messages(conversationId: $conversationId, limit: 50) {
       id
@@ -16,153 +9,14 @@ var MESSAGES_QUERY = gql`
       status
     }
   }
-`;
-var SET_READ = gql`
+`,q=$`
   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 } = useQuery(MESSAGES_QUERY, {
-    variables: { conversationId },
-    skip: !enabled,
-    fetchPolicy: "cache-and-network"
-  });
-  const [setRead] = useMutation(SET_READ);
-  const { projectId } = useTemplateRuntime();
-  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__ */ jsx("div", {
-      className: "flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",
-      children: /* @__PURE__ */ jsx("p", {
-        className: "text-muted-foreground text-sm",
-        children: "Select a conversation"
-      })
-    });
-  }
-  return /* @__PURE__ */ jsx("div", {
-    className: "flex flex-1 flex-col rounded-2xl border border-border bg-card",
-    children: /* @__PURE__ */ jsx("div", {
-      ref: scrollRef,
-      className: "flex-1 space-y-3 overflow-y-auto p-4",
-      children: loading ? /* @__PURE__ */ jsx("p", {
-        className: "text-center text-muted-foreground text-sm",
-        children: "Loading…"
-      }) : messages.slice().reverse().map((message) => /* @__PURE__ */ jsxs("div", {
-        className: `flex flex-col ${message.senderId === viewerId ? "items-end" : "items-start"}`,
-        children: [
-          /* @__PURE__ */ jsx("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__ */ jsx("p", {
-              children: message.content
-            })
-          }),
-          /* @__PURE__ */ jsxs("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 gql2 } from "@apollo/client";
-import { useMutation as useMutation2 } from "@apollo/client/react";
-import { useTemplateRuntime as useTemplateRuntime2 } from "@contractspec/lib.example-shared-ui";
-import { Send } from "lucide-react";
-import { useState } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-"use client";
-var SEND_MESSAGE = gql2`
+`;function R({conversationId:z,viewerId:F="local-user"}){let K=h(null),J=Boolean(z),{data:H,loading:L}=U(W,{variables:{conversationId:z},skip:!J,fetchPolicy:"cache-and-network"}),[O]=D(q),{projectId:P}=Y(),V=H?.messages??[];if(X(()=>{if(!J||!z)return;O({variables:{conversationId:z,userId:F}}).catch(()=>{})},[z,J,O,F]),X(()=>{let k=K.current;if(!k)return;k.scrollTop=k.scrollHeight},[V]),!z)return B("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:B("p",{className:"text-muted-foreground text-sm",children:"Select a conversation"})});return B("div",{className:"flex flex-1 flex-col rounded-2xl border border-border bg-card",children:B("div",{ref:K,className:"flex-1 space-y-3 overflow-y-auto p-4",children:L?B("p",{className:"text-center text-muted-foreground text-sm",children:"Loading…"}):V.slice().reverse().map((k)=>Z("div",{className:`flex flex-col ${k.senderId===F?"items-end":"items-start"}`,children:[B("div",{className:`max-w-xs rounded-2xl px-3 py-2 text-sm ${k.senderId===F?"bg-violet-500 text-white":"bg-muted text-foreground"}`,children:B("p",{children:k.content})}),Z("span",{className:"mt-1 text-muted-foreground text-xs",children:[k.senderName||k.senderId," ·"," ",new Date(k.createdAt).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})]})]},k.id))})})}import{gql as G}from"@apollo/client";import{useMutation as N}from"@apollo/client/react";import{useTemplateRuntime as Q}from"@contractspec/lib.example-shared-ui";import{Send as A}from"lucide-react";import{useState as T}from"react";import{jsx as y,jsxs as C}from"react/jsx-runtime";var _=G`
   mutation SendMessage($input: SendMessageInput!) {
     sendMessage(input: $input) {
       id
     }
   }
-`;
-function MessageComposer({
-  conversationId,
-  viewerId = "local-user",
-  viewerName = "You"
-}) {
-  const { projectId } = useTemplateRuntime2();
-  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__ */ jsxs2("form", {
-    onSubmit: handleSubmit,
-    className: "mt-3 flex items-center gap-2 rounded-2xl border border-border bg-card px-4 py-3",
-    children: [
-      /* @__PURE__ */ jsx2("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__ */ jsxs2("button", {
-        type: "submit",
-        className: "btn-primary inline-flex items-center gap-1 text-sm",
-        disabled: !conversationId || loading || !content.trim(),
-        children: [
-          /* @__PURE__ */ jsx2(Send, {
-            className: "h-4 w-4"
-          }),
-          "Send"
-        ]
-      })
-    ]
-  });
-}
-export {
-  MessageComposer
-};
+`;function m({conversationId:z,viewerId:F="local-user",viewerName:K="You"}){let{projectId:J}=Q(),[H,L]=T(""),[O,{loading:P}]=N(_);return C("form",{onSubmit:async(k)=>{if(k.preventDefault(),!z||!H.trim())return;await O({variables:{input:{projectId:J,conversationId:z,senderId:F,senderName:K,content:H.trim()}},refetchQueries:[{query:W,variables:{conversationId:z}}]}),L("")},className:"mt-3 flex items-center gap-2 rounded-2xl border border-border bg-card px-4 py-3",children:[y("input",{type:"text",className:"flex-1 bg-transparent text-foreground text-sm outline-none",placeholder:z?"Type a message…":"Select a conversation to start",disabled:!z||P,value:H,onChange:(k)=>L(k.target.value)}),C("button",{type:"submit",className:"btn-primary inline-flex items-center gap-1 text-sm",disabled:!z||P||!H.trim(),children:[y(A,{className:"h-4 w-4"}),"Send"]})]})}export{m as MessageComposer};

package/dist/node/components/templates/messaging/MessageThread.js

@@ -1,11 +1,4 @@
-// src/components/templates/messaging/MessageThread.tsx
-import { gql } from "@apollo/client";
-import { useMutation, useQuery } from "@apollo/client/react";
-import { useTemplateRuntime } from "@contractspec/lib.example-shared-ui";
-import { useEffect, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-"use client";
-var MESSAGES_QUERY = gql`
+import{gql as O}from"@apollo/client";import{useMutation as X,useQuery as Z}from"@apollo/client/react";import{useTemplateRuntime as $}from"@contractspec/lib.example-shared-ui";import{useEffect as L,useRef as h}from"react";import{jsx as z,jsxs as N}from"react/jsx-runtime";var y=O`
   query Messages($conversationId: ID!) {
     messages(conversationId: $conversationId, limit: 50) {
       id
@@ -16,81 +9,8 @@ var MESSAGES_QUERY = gql`
       status
     }
   }
-`;
-var SET_READ = gql`
+`,D=O`
   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 } = useQuery(MESSAGES_QUERY, {
-    variables: { conversationId },
-    skip: !enabled,
-    fetchPolicy: "cache-and-network"
-  });
-  const [setRead] = useMutation(SET_READ);
-  const { projectId } = useTemplateRuntime();
-  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__ */ jsx("div", {
-      className: "flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",
-      children: /* @__PURE__ */ jsx("p", {
-        className: "text-muted-foreground text-sm",
-        children: "Select a conversation"
-      })
-    });
-  }
-  return /* @__PURE__ */ jsx("div", {
-    className: "flex flex-1 flex-col rounded-2xl border border-border bg-card",
-    children: /* @__PURE__ */ jsx("div", {
-      ref: scrollRef,
-      className: "flex-1 space-y-3 overflow-y-auto p-4",
-      children: loading ? /* @__PURE__ */ jsx("p", {
-        className: "text-center text-muted-foreground text-sm",
-        children: "Loading…"
-      }) : messages.slice().reverse().map((message) => /* @__PURE__ */ jsxs("div", {
-        className: `flex flex-col ${message.senderId === viewerId ? "items-end" : "items-start"}`,
-        children: [
-          /* @__PURE__ */ jsx("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__ */ jsx("p", {
-              children: message.content
-            })
-          }),
-          /* @__PURE__ */ jsxs("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))
-    })
-  });
-}
-export {
-  MessageThread,
-  MESSAGES_QUERY
-};
+`;function A({conversationId:B,viewerId:C="local-user"}){let H=h(null),F=Boolean(B),{data:P,loading:V}=Z(y,{variables:{conversationId:B},skip:!F,fetchPolicy:"cache-and-network"}),[J]=X(D),{projectId:W}=$(),K=P?.messages??[];if(L(()=>{if(!F||!B)return;J({variables:{conversationId:B,userId:C}}).catch(()=>{})},[B,F,J,C]),L(()=>{let k=H.current;if(!k)return;k.scrollTop=k.scrollHeight},[K]),!B)return z("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:z("p",{className:"text-muted-foreground text-sm",children:"Select a conversation"})});return z("div",{className:"flex flex-1 flex-col rounded-2xl border border-border bg-card",children:z("div",{ref:H,className:"flex-1 space-y-3 overflow-y-auto p-4",children:V?z("p",{className:"text-center text-muted-foreground text-sm",children:"Loading…"}):K.slice().reverse().map((k)=>N("div",{className:`flex flex-col ${k.senderId===C?"items-end":"items-start"}`,children:[z("div",{className:`max-w-xs rounded-2xl px-3 py-2 text-sm ${k.senderId===C?"bg-violet-500 text-white":"bg-muted text-foreground"}`,children:z("p",{children:k.content})}),N("span",{className:"mt-1 text-muted-foreground text-xs",children:[k.senderName||k.senderId," ·"," ",new Date(k.createdAt).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})]})]},k.id))})})}export{A as MessageThread,y as MESSAGES_QUERY};

package/dist/node/components/templates/messaging/MessagingWorkspace.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 _}from"@apollo/client";import{useQuery as b}from"@apollo/client/react";import{useTemplateRuntime as f}from"@contractspec/lib.example-shared-ui";import{MessageCircle as h,Users as T}from"lucide-react";import{useMemo as C}from"react";import{jsx as X,jsxs as W}from"react/jsx-runtime";var w=_`
   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 G({selectedId:z,onSelect:F}){let{projectId:$}=f(),{data:K,loading:J}=b(w,{variables:{projectId:$},fetchPolicy:"cache-and-network"}),P=C(()=>K?.conversations??[],[K]);return W("aside",{className:"h-full overflow-y-auto rounded-2xl border border-border bg-card",children:[W("header",{className:"px -4 flex items-center justify-between border-border border-b px-4 py-3",children:[W("div",{children:[X("p",{className:"font-semibold text-sm",children:"Conversations"}),X("p",{className:"text-muted-foreground text-xs",children:J?"Loading…":`${P.length} active`})]}),X(T,{className:"h-4 w-4 text-muted-foreground"})]}),W("div",{className:"divide-y divide-border/70",children:[P.map((H)=>{let k=z===H.id;return W("button",{type:"button",className:`flex w-full flex-col items-start gap-1 px-4 py-3 text-left transition ${k?"bg-violet-500/10 text-foreground":"hover:bg-muted/40"}`,onClick:()=>F?.(H.id),children:[W("div",{className:"flex items-center gap-2",children:[X(h,{className:"h-4 w-4 text-muted-foreground"}),X("span",{className:"font-medium text-sm",children:H.name||"Untitled conversation"})]}),X("p",{className:"text-muted-foreground text-xs",children:H.participants.map((V)=>V.displayName||V.userId).join(" · ")})]},H.id)}),!J&&P.length===0?X("p",{className:"p-4 text-center text-muted-foreground text-xs",children:"No conversations yet."}):null]})]})}import{gql as U}from"@apollo/client";import{useMutation as R,useQuery as E}from"@apollo/client/react";import{useTemplateRuntime as M}from"@contractspec/lib.example-shared-ui";import{useEffect as Y,useRef as S}from"react";import{jsx as Z,jsxs as q}from"react/jsx-runtime";var y=U`
   query Messages($conversationId: ID!) {
     messages(conversationId: $conversationId, limit: 50) {
       id
@@ -110,187 +23,14 @@ var MESSAGES_QUERY = gql2`
       status
     }
   }
-`;
-var SET_READ = gql2`
+`,p=U`
   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 D({conversationId:z,viewerId:F="local-user"}){let $=S(null),K=Boolean(z),{data:J,loading:P}=E(y,{variables:{conversationId:z},skip:!K,fetchPolicy:"cache-and-network"}),[H]=R(p),{projectId:k}=M(),V=J?.messages??[];if(Y(()=>{if(!K||!z)return;H({variables:{conversationId:z,userId:F}}).catch(()=>{})},[z,K,H,F]),Y(()=>{let B=$.current;if(!B)return;B.scrollTop=B.scrollHeight},[V]),!z)return Z("div",{className:"flex flex-1 items-center justify-center rounded-2xl border border-border border-dashed",children:Z("p",{className:"text-muted-foreground text-sm",children:"Select a conversation"})});return Z("div",{className:"flex flex-1 flex-col rounded-2xl border border-border bg-card",children:Z("div",{ref:$,className:"flex-1 space-y-3 overflow-y-auto p-4",children:P?Z("p",{className:"text-center text-muted-foreground text-sm",children:"Loading…"}):V.slice().reverse().map((B)=>q("div",{className:`flex flex-col ${B.senderId===F?"items-end":"items-start"}`,children:[Z("div",{className:`max-w-xs rounded-2xl px-3 py-2 text-sm ${B.senderId===F?"bg-violet-500 text-white":"bg-muted text-foreground"}`,children:Z("p",{children:B.content})}),q("span",{className:"mt-1 text-muted-foreground text-xs",children:[B.senderName||B.senderId," ·"," ",new Date(B.createdAt).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})]})]},B.id))})})}import{gql as u}from"@apollo/client";import{useMutation as l}from"@apollo/client/react";import{useTemplateRuntime as g}from"@contractspec/lib.example-shared-ui";import{Send as j}from"lucide-react";import{useState as m}from"react";import{jsx as A,jsxs as N}from"react/jsx-runtime";var x=u`
   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
-});
-export {
-  MessagingWorkspace
-};
+`;function L({conversationId:z,viewerId:F="local-user",viewerName:$="You"}){let{projectId:K}=g(),[J,P]=m(""),[H,{loading:k}]=l(x);return N("form",{onSubmit:async(B)=>{if(B.preventDefault(),!z||!J.trim())return;await H({variables:{input:{projectId:K,conversationId:z,senderId:F,senderName:$,content:J.trim()}},refetchQueries:[{query:y,variables:{conversationId:z}}]}),P("")},className:"mt-3 flex items-center gap-2 rounded-2xl border border-border bg-card px-4 py-3",children:[A("input",{type:"text",className:"flex-1 bg-transparent text-foreground text-sm outline-none",placeholder:z?"Type a message…":"Select a conversation to start",disabled:!z||k,value:J,onChange:(B)=>P(B.target.value)}),N("button",{type:"submit",className:"btn-primary inline-flex items-center gap-1 text-sm",disabled:!z||k||!J.trim(),children:[A(j,{className:"h-4 w-4"}),"Send"]})]})}import{registerTemplateComponents as I}from"@contractspec/lib.example-shared-ui";import{useState as v}from"react";import{jsx as O,jsxs as Q}from"react/jsx-runtime";function d(){let[z,F]=v();return Q("div",{className:"grid gap-4 md:grid-cols-[280px,1fr]",children:[O(G,{selectedId:z,onSelect:F}),Q("div",{className:"flex flex-col gap-3",children:[O(D,{conversationId:z}),O(L,{conversationId:z})]})]})}I("messaging-app",{list:d,detail:D,form:L});export{d as MessagingWorkspace};