nucleus-core-ts 0.9.168 → 0.9.170

package/dist/fe/components/ChatPanel/components/ChatPanel.js

@@ -100,7 +100,7 @@ export function ChatPanel(props) {
                 ]
             }),
             /*#__PURE__*/ _jsxs("div", {
-                className: "flex flex-1 flex-col",
+                className: "flex min-h-0 flex-1 flex-col",
                 children: [
                     /*#__PURE__*/ _jsx(MessageThread, {
                         conversation: active,

package/dist/fe/components/ChatPanel/components/MessageThread.js

@@ -38,6 +38,11 @@ export function MessageThread({ conversation, messages, currentUserId, typing, h
     const title = conversationTitle(conversation, currentUserId, resolveUserName);
     const activeParticipants = conversation.participants.filter((p)=>!p.leftAt);
     const subtitle = conversation.type === 'group' ? `${activeParticipants.length} participants` : undefined;
+    const otherReaders = conversation.participants.filter((p)=>p.userId !== currentUserId && !p.leftAt);
+    const isReadByOthers = (message)=>{
+        const created = Date.parse(message.createdAt);
+        return otherReaders.some((p)=>p.lastReadAt != null && Date.parse(p.lastReadAt) >= created);
+    };
     const typingUsers = typing.filter((t)=>t.conversationId === conversation.id && Date.now() - t.at < 6000);
     const typingLabel = typingUsers.length === 1 ? `${resolveUserName?.(typingUsers[0]?.userId ?? '') ?? 'Someone'} is typing` : 'Several people are typing';
     return /*#__PURE__*/ _jsxs("div", {
@@ -105,6 +110,11 @@ export function MessageThread({ conversation, messages, currentUserId, typing, h
                                             message.editedAt && /*#__PURE__*/ _jsx("span", {
                                                 className: theme.message.edited,
                                                 children: "· edited"
+                                            }),
+                                            own && !message.deletedAt && /*#__PURE__*/ _jsx("span", {
+                                                className: cn(theme.message.receipt, isReadByOthers(message) && theme.message.receiptRead),
+                                                title: isReadByOthers(message) ? 'Görüldü' : 'Gönderildi',
+                                                children: isReadByOthers(message) ? '✓✓' : '✓'
                                             })
                                         ]
                                     })

package/dist/fe/components/ChatPanel/hooks/useChat.d.ts

@@ -22,6 +22,7 @@ export declare function useChat(props: ChatPanelProps): {
         clearTyping: (conversationId: string, userId: string) => void;
         resetUnread: (conversationId: string) => void;
         incrementUnread: (conversationId: string) => void;
+        applyRead: (conversationId: string, userId: string, lastReadMessageId: string | null) => void;
         bumpConversationPreview: (conversationId: string, preview: string, at: string) => void;
         reset: () => void;
     }>;

package/dist/fe/components/ChatPanel/hooks/useChat.js

@@ -222,6 +222,11 @@ export function useChat(props) {
             case 'conversation.created':
                 if (payload.conversation) store.upsertConversation(payload.conversation);
                 break;
+            case 'conversation.read':
+                if (payload.conversationId && payload.userId) {
+                    store.applyRead(payload.conversationId, payload.userId, payload.lastReadMessageId ?? null);
+                }
+                break;
             case 'participant.removed':
                 if (payload.userId === currentUserId) loadConversations();
                 break;

package/dist/fe/components/ChatPanel/store/index.d.ts

@@ -19,6 +19,7 @@ type ChatPanelMethods = {
     clearTyping: (conversationId: string, userId: string) => void;
     resetUnread: (conversationId: string) => void;
     incrementUnread: (conversationId: string) => void;
+    applyRead: (conversationId: string, userId: string, lastReadMessageId: string | null) => void;
     bumpConversationPreview: (conversationId: string, preview: string, at: string) => void;
     reset: () => void;
 };

package/dist/fe/components/ChatPanel/store/index.js

@@ -112,6 +112,17 @@ export const { useStore: useChatStore } = createStore(initialState, {
                     } : c.myParticipant
                 } : c);
         },
+    applyRead: (store)=>(conversationId, userId, lastReadMessageId)=>{
+            const now = new Date().toISOString();
+            store.conversations = store.conversations.map((c)=>c.id === conversationId ? {
+                    ...c,
+                    participants: c.participants.map((p)=>p.userId === userId ? {
+                            ...p,
+                            lastReadMessageId,
+                            lastReadAt: now
+                        } : p)
+                } : c);
+        },
     bumpConversationPreview: (store)=>(conversationId, preview, at)=>{
             store.conversations = sortConversations(store.conversations.map((c)=>c.id === conversationId ? {
                     ...c,

package/dist/fe/components/ChatPanel/theme/index.d.ts

@@ -21,11 +21,11 @@ export declare const chatPanelTheme: {
         readonly badge: "ml-2 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-emerald-500 px-1.5 text-[11px] font-semibold text-white";
     };
     readonly thread: {
-        readonly base: "flex flex-1 flex-col";
+        readonly base: "flex min-h-0 flex-1 flex-col";
         readonly header: "flex items-center gap-3 border-b border-zinc-200 px-5 py-3 dark:border-zinc-800";
         readonly headerTitle: "text-sm font-semibold";
         readonly headerSubtitle: "text-xs text-zinc-400";
-        readonly messages: "flex flex-1 flex-col gap-2 overflow-y-auto px-5 py-4";
+        readonly messages: "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto px-5 py-4";
         readonly loadMore: "mx-auto mb-2 rounded-full border border-zinc-200 px-3 py-1 text-xs text-zinc-500 transition hover:bg-zinc-50 dark:border-zinc-800 dark:hover:bg-zinc-900";
         readonly empty: "flex flex-1 items-center justify-center text-sm text-zinc-400";
         readonly placeholder: "flex flex-1 items-center justify-center px-6 text-center text-sm text-zinc-400";
@@ -41,6 +41,8 @@ export declare const chatPanelTheme: {
         readonly meta: "mt-1 flex items-center gap-1 text-[10px] opacity-60";
         readonly deleted: "italic opacity-60";
         readonly edited: "opacity-60";
+        readonly receipt: "inline-flex items-center gap-0.5";
+        readonly receiptRead: "text-sky-300 opacity-100";
     };
     readonly attachment: {
         readonly grid: "mt-1.5 flex flex-col gap-1.5";

package/dist/fe/components/ChatPanel/theme/index.js

@@ -20,11 +20,11 @@ export const chatPanelTheme = {
         badge: 'ml-2 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-emerald-500 px-1.5 text-[11px] font-semibold text-white'
     },
     thread: {
-        base: 'flex flex-1 flex-col',
+        base: 'flex min-h-0 flex-1 flex-col',
         header: 'flex items-center gap-3 border-b border-zinc-200 px-5 py-3 dark:border-zinc-800',
         headerTitle: 'text-sm font-semibold',
         headerSubtitle: 'text-xs text-zinc-400',
-        messages: 'flex flex-1 flex-col gap-2 overflow-y-auto px-5 py-4',
+        messages: 'flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto px-5 py-4',
         loadMore: 'mx-auto mb-2 rounded-full border border-zinc-200 px-3 py-1 text-xs text-zinc-500 transition hover:bg-zinc-50 dark:border-zinc-800 dark:hover:bg-zinc-900',
         empty: 'flex flex-1 items-center justify-center text-sm text-zinc-400',
         placeholder: 'flex flex-1 items-center justify-center px-6 text-center text-sm text-zinc-400'
@@ -39,7 +39,9 @@ export const chatPanelTheme = {
         sender: 'mb-0.5 text-[11px] font-semibold opacity-70',
         meta: 'mt-1 flex items-center gap-1 text-[10px] opacity-60',
         deleted: 'italic opacity-60',
-        edited: 'opacity-60'
+        edited: 'opacity-60',
+        receipt: 'inline-flex items-center gap-0.5',
+        receiptRead: 'text-sky-300 opacity-100'
     },
     attachment: {
         grid: 'mt-1.5 flex flex-col gap-1.5',