nucleus-core-ts 0.9.165 → 0.9.167

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

@@ -1,3 +1,3 @@
-import type { ReactElement } from 'react';
+import { type ReactElement } from 'react';
 import type { ChatPanelProps } from '../types';
 export declare function ChatPanel(props: ChatPanelProps): ReactElement;

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

@@ -1,16 +1,27 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { cn } from '../../../utils/cn';
 import { useChat } from '../hooks/useChat';
 import { chatPanelTheme } from '../theme';
 import { ConversationList } from './ConversationList';
 import { MessageComposer } from './MessageComposer';
 import { MessageThread } from './MessageThread';
+import { NewConversationModal } from './NewConversationModal';
 export function ChatPanel(props) {
     const theme = chatPanelTheme;
     const chat = useChat(props);
     const { store } = chat;
+    const [pickerOpen, setPickerOpen] = useState(false);
     const active = store.conversations.find((c)=>c.id === store.activeConversationId) ?? null;
+    const handleNewConversation = ()=>{
+        if (props.directory) setPickerOpen(true);
+        else props.onNewConversation?.();
+    };
+    const handleStartDirect = (userId)=>{
+        chat.startDirect(userId);
+        setPickerOpen(false);
+    };
     const handleSendFiles = (files, text)=>{
         const conversationId = store.activeConversationId;
         if (!conversationId) return;
@@ -51,10 +62,10 @@ export function ChatPanel(props) {
                                 className: theme.sidebar.title,
                                 children: props.title ?? 'Messages'
                             }),
-                            props.onNewConversation && /*#__PURE__*/ _jsx("button", {
+                            (props.directory || props.onNewConversation) && /*#__PURE__*/ _jsx("button", {
                                 type: "button",
                                 className: theme.sidebar.newButton,
-                                onClick: props.onNewConversation,
+                                onClick: handleNewConversation,
                                 "aria-label": "New conversation",
                                 children: /*#__PURE__*/ _jsxs("svg", {
                                     className: "h-4 w-4",
@@ -106,6 +117,15 @@ export function ChatPanel(props) {
                         className: theme.error,
                         children: store.error
                     }),
+                    props.directory && /*#__PURE__*/ _jsx(NewConversationModal, {
+                        open: pickerOpen,
+                        directory: props.directory,
+                        currentUserId: props.currentUserId,
+                        theme: theme,
+                        isCreating: props.actions.createConversation.state.isPending,
+                        onClose: ()=>setPickerOpen(false),
+                        onStartDirect: handleStartDirect
+                    }),
                     active && /*#__PURE__*/ _jsx(MessageComposer, {
                         theme: theme,
                         value: store.composerText,

package/dist/fe/components/ChatPanel/components/NewConversationModal.d.ts

@@ -0,0 +1,17 @@
+import { type ReactElement } from 'react';
+import type { ChatPanelTheme } from '../theme';
+import type { ChatDirectoryUser } from '../types';
+type NewConversationModalProps = {
+    open: boolean;
+    directory: ChatDirectoryUser[];
+    currentUserId: string;
+    theme: ChatPanelTheme;
+    isCreating: boolean;
+    title?: string;
+    searchPlaceholder?: string;
+    emptyLabel?: string;
+    onClose: () => void;
+    onStartDirect: (userId: string) => void;
+};
+export declare function NewConversationModal({ open, directory, currentUserId, theme, isCreating, title, searchPlaceholder, emptyLabel, onClose, onStartDirect, }: NewConversationModalProps): ReactElement | null;
+export {};

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

@@ -0,0 +1,107 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { cn } from '../../../utils/cn';
+import { initialsOf } from '../helpers';
+export function NewConversationModal({ open, directory, currentUserId, theme, isCreating, title = 'New message', searchPlaceholder = 'Search people...', emptyLabel = 'No people found', onClose, onStartDirect }) {
+    const [query, setQuery] = useState('');
+    if (!open) return null;
+    const normalized = query.trim().toLowerCase();
+    const people = directory.filter((person)=>person.userId !== currentUserId).filter((person)=>normalized ? person.name.toLowerCase().includes(normalized) || (person.subtitle?.toLowerCase().includes(normalized) ?? false) : true);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: theme.picker.overlay,
+        children: [
+            /*#__PURE__*/ _jsx("button", {
+                type: "button",
+                "aria-label": "Close",
+                className: "absolute inset-0 h-full w-full cursor-default",
+                onClick: onClose
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: cn('relative', theme.picker.panel),
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-label": title,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: theme.picker.header,
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                className: theme.picker.title,
+                                children: title
+                            }),
+                            /*#__PURE__*/ _jsx("button", {
+                                type: "button",
+                                className: theme.picker.closeButton,
+                                onClick: onClose,
+                                "aria-label": "Close",
+                                children: /*#__PURE__*/ _jsxs("svg", {
+                                    className: "h-4 w-4",
+                                    fill: "none",
+                                    viewBox: "0 0 24 24",
+                                    stroke: "currentColor",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("title", {
+                                            children: "Close"
+                                        }),
+                                        /*#__PURE__*/ _jsx("path", {
+                                            strokeLinecap: "round",
+                                            strokeLinejoin: "round",
+                                            strokeWidth: 2,
+                                            d: "M6 18L18 6M6 6l12 12"
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: theme.picker.searchWrap,
+                        children: /*#__PURE__*/ _jsx("input", {
+                            type: "text",
+                            className: theme.picker.search,
+                            placeholder: searchPlaceholder,
+                            value: query,
+                            onChange: (event)=>setQuery(event.target.value)
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: theme.picker.list,
+                        children: people.length === 0 ? /*#__PURE__*/ _jsx("div", {
+                            className: theme.picker.empty,
+                            children: emptyLabel
+                        }) : people.map((person)=>/*#__PURE__*/ _jsxs("button", {
+                                type: "button",
+                                className: theme.picker.item,
+                                disabled: isCreating,
+                                onClick: ()=>onStartDirect(person.userId),
+                                children: [
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: theme.picker.avatar,
+                                        children: person.avatarUrl ? /*#__PURE__*/ _jsx("img", {
+                                            src: person.avatarUrl,
+                                            alt: person.name,
+                                            className: "h-full w-full rounded-full object-cover"
+                                        }) : initialsOf(person.name)
+                                    }),
+                                    /*#__PURE__*/ _jsxs("span", {
+                                        className: "min-w-0 flex-1",
+                                        children: [
+                                            /*#__PURE__*/ _jsx("span", {
+                                                className: cn('block', theme.picker.name),
+                                                children: person.name
+                                            }),
+                                            person.subtitle && /*#__PURE__*/ _jsx("span", {
+                                                className: cn('block', theme.picker.subtitle),
+                                                children: person.subtitle
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }, person.userId))
+                    })
+                ]
+            })
+        ]
+    });
+}

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

@@ -2,7 +2,8 @@ export { ChatPanel } from './components/ChatPanel';
 export { ConversationList } from './components/ConversationList';
 export { MessageComposer } from './components/MessageComposer';
 export { MessageThread } from './components/MessageThread';
+export { NewConversationModal } from './components/NewConversationModal';
 export { type UseChatReturn, useChat } from './hooks/useChat';
 export { useChatStore } from './store';
 export { type ChatPanelTheme, chatPanelTheme, extendChatPanelTheme } from './theme';
-export type { ChatAttachmentDTO, ChatConversationDTO, ChatMessageDTO, ChatPanelActions, ChatPanelProps, ChatPanelState, ChatParticipantDTO, TypingIndicator, } from './types';
+export type { ChatAttachmentDTO, ChatConversationDTO, ChatDirectoryUser, ChatMessageDTO, ChatPanelActions, ChatPanelProps, ChatPanelState, ChatParticipantDTO, TypingIndicator, } from './types';

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

@@ -2,6 +2,7 @@ export { ChatPanel } from './components/ChatPanel';
 export { ConversationList } from './components/ConversationList';
 export { MessageComposer } from './components/MessageComposer';
 export { MessageThread } from './components/MessageThread';
+export { NewConversationModal } from './components/NewConversationModal';
 export { useChat } from './hooks/useChat';
 export { useChatStore } from './store';
 export { chatPanelTheme, extendChatPanelTheme } from './theme';

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

@@ -57,6 +57,21 @@ export declare const chatPanelTheme: {
         readonly pendingChip: "inline-flex items-center gap-1 rounded-lg bg-zinc-100 px-2 py-1 text-xs text-zinc-600 dark:bg-zinc-800 dark:text-zinc-300";
     };
     readonly error: "border-t border-red-200 bg-red-50 px-4 py-2 text-xs text-red-600 dark:border-red-900 dark:bg-red-950/40 dark:text-red-300";
+    readonly picker: {
+        readonly overlay: "fixed inset-0 z-50 flex items-start justify-center bg-black/50 p-4 backdrop-blur-sm sm:items-center";
+        readonly panel: "flex max-h-[80vh] w-full max-w-md flex-col overflow-hidden rounded-2xl border border-zinc-200 bg-white shadow-2xl dark:border-zinc-800 dark:bg-zinc-950";
+        readonly header: "flex items-center justify-between gap-2 border-b border-zinc-200 px-4 py-3 dark:border-zinc-800";
+        readonly title: "text-sm font-semibold";
+        readonly closeButton: "inline-flex h-8 w-8 items-center justify-center rounded-lg text-zinc-500 transition hover:bg-zinc-100 dark:hover:bg-zinc-800";
+        readonly searchWrap: "border-b border-zinc-200 p-3 dark:border-zinc-800";
+        readonly search: "w-full rounded-xl border border-zinc-200 bg-zinc-50 px-3 py-2 text-sm outline-none focus:border-zinc-400 dark:border-zinc-800 dark:bg-zinc-900";
+        readonly list: "flex-1 overflow-y-auto p-1.5";
+        readonly item: "flex w-full items-center gap-3 rounded-xl px-2.5 py-2 text-left transition hover:bg-zinc-100 disabled:cursor-not-allowed disabled:opacity-50 dark:hover:bg-zinc-900";
+        readonly avatar: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-full bg-zinc-200 text-sm font-semibold text-zinc-600 dark:bg-zinc-800 dark:text-zinc-300";
+        readonly name: "truncate text-sm font-medium";
+        readonly subtitle: "truncate text-xs text-zinc-500 dark:text-zinc-400";
+        readonly empty: "px-4 py-8 text-center text-sm text-zinc-400";
+    };
 };
 export declare function extendChatPanelTheme(overrides: Partial<{
     [K in keyof ChatPanelTheme]: Partial<ChatPanelTheme[K]>;

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

@@ -55,7 +55,22 @@ export const chatPanelTheme = {
         pendingFiles: 'flex flex-wrap gap-1.5 px-4 pb-2',
         pendingChip: 'inline-flex items-center gap-1 rounded-lg bg-zinc-100 px-2 py-1 text-xs text-zinc-600 dark:bg-zinc-800 dark:text-zinc-300'
     },
-    error: 'border-t border-red-200 bg-red-50 px-4 py-2 text-xs text-red-600 dark:border-red-900 dark:bg-red-950/40 dark:text-red-300'
+    error: 'border-t border-red-200 bg-red-50 px-4 py-2 text-xs text-red-600 dark:border-red-900 dark:bg-red-950/40 dark:text-red-300',
+    picker: {
+        overlay: 'fixed inset-0 z-50 flex items-start justify-center bg-black/50 p-4 backdrop-blur-sm sm:items-center',
+        panel: 'flex max-h-[80vh] w-full max-w-md flex-col overflow-hidden rounded-2xl border border-zinc-200 bg-white shadow-2xl dark:border-zinc-800 dark:bg-zinc-950',
+        header: 'flex items-center justify-between gap-2 border-b border-zinc-200 px-4 py-3 dark:border-zinc-800',
+        title: 'text-sm font-semibold',
+        closeButton: 'inline-flex h-8 w-8 items-center justify-center rounded-lg text-zinc-500 transition hover:bg-zinc-100 dark:hover:bg-zinc-800',
+        searchWrap: 'border-b border-zinc-200 p-3 dark:border-zinc-800',
+        search: 'w-full rounded-xl border border-zinc-200 bg-zinc-50 px-3 py-2 text-sm outline-none focus:border-zinc-400 dark:border-zinc-800 dark:bg-zinc-900',
+        list: 'flex-1 overflow-y-auto p-1.5',
+        item: 'flex w-full items-center gap-3 rounded-xl px-2.5 py-2 text-left transition hover:bg-zinc-100 disabled:cursor-not-allowed disabled:opacity-50 dark:hover:bg-zinc-900',
+        avatar: 'flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-full bg-zinc-200 text-sm font-semibold text-zinc-600 dark:bg-zinc-800 dark:text-zinc-300',
+        name: 'truncate text-sm font-medium',
+        subtitle: 'truncate text-xs text-zinc-500 dark:text-zinc-400',
+        empty: 'px-4 py-8 text-center text-sm text-zinc-400'
+    }
 };
 export function extendChatPanelTheme(overrides) {
     const merged = {};

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

@@ -43,11 +43,25 @@ export type ChatPanelActions = {
         id: string;
     }, ChatActionResponse>;
 };
+/** A selectable person for the built-in "new conversation" people picker. */
+export type ChatDirectoryUser = {
+    userId: string;
+    name: string;
+    avatarUrl?: string;
+    /** Secondary line, e.g. job title or department. */
+    subtitle?: string;
+};
 export type ChatPanelProps = {
     /** The authenticated user's id (must match the verified session). */
     currentUserId: string;
     /** Generated API actions wired by the consumer. */
     actions: ChatPanelActions;
+    /**
+     * People the current user can start a conversation with. When provided, the
+     * "new conversation" button opens a built-in searchable people picker
+     * (Facebook/LinkedIn style). The current user is filtered out automatically.
+     */
+    directory?: ChatDirectoryUser[];
     /** Absolute WebSocket origin, e.g. "wss://api.example.com". Defaults to current host. */
     wsUrl?: string;
     /** WebSocket path (default: "/api/events/subscribe"). */

package/dist/fe/index.d.ts

@@ -9,8 +9,8 @@ export { Captcha, captchaTheme } from './components/Captcha';
 export type { ChangePasswordAction, ChangePasswordFormProps, ChangePasswordHeaderProps, ChangePasswordPageConfig, ChangePasswordStep, } from './components/ChangePasswordPage';
 export { ChangePasswordPage, useChangePasswordStore, } from './components/ChangePasswordPage';
 export { Checkbox } from './components/Checkbox';
-export { ChatPanel, chatPanelTheme, extendChatPanelTheme, useChat, useChatStore } from './components/ChatPanel';
-export type { ChatPanelActions, ChatPanelProps, ChatPanelState, ChatPanelTheme, TypingIndicator as ChatTypingIndicator, UseChatReturn, } from './components/ChatPanel';
+export { ChatPanel, chatPanelTheme, extendChatPanelTheme, NewConversationModal, useChat, useChatStore, } from './components/ChatPanel';
+export type { ChatDirectoryUser, ChatPanelActions, ChatPanelProps, ChatPanelState, ChatPanelTheme, TypingIndicator as ChatTypingIndicator, UseChatReturn, } from './components/ChatPanel';
 export { DataTable } from './components/DataTable';
 export { DatePicker } from './components/DatePicker';
 export type { ComponentCategory, ComponentEntry, ComponentExample, DesignSystemMethods, DesignSystemPageProps, DesignSystemState, PropControl, PropControlOption, PropControlType, ThemeMode, ViewportSize, } from './components/DesignSystem';

package/dist/fe/index.js

@@ -8,7 +8,7 @@ export { Captcha, captchaTheme } from './components/Captcha';
 export { ChangePasswordPage, useChangePasswordStore } from './components/ChangePasswordPage';
 export { Checkbox } from './components/Checkbox';
 // Chat
-export { ChatPanel, chatPanelTheme, extendChatPanelTheme, useChat, useChatStore } from './components/ChatPanel';
+export { ChatPanel, chatPanelTheme, extendChatPanelTheme, NewConversationModal, useChat, useChatStore } from './components/ChatPanel';
 export { DataTable } from './components/DataTable';
 export { DatePicker } from './components/DatePicker';
 export { ComponentCanvas, ComponentSidebar, createDefaultRegistry, DesignSystemPage, designSystemTheme, extendDesignSystemTheme, PropsPanel, useDesignSystemStore } from './components/DesignSystem';

package/dist/src/Client/ApiCaller/types.d.ts

@@ -2322,17 +2322,25 @@ export type AllGeneratedEndpoints<TEntities extends readonly {
 }[], TExtra extends Record<string, EndpointDefinition> = Record<string, never>> = GeneratedEndpointsFromConfig<TEntities> & AuthEndpointDefinitions & MonitoringEndpointDefinitions & TExtra;
 type NucleusColumnTypeToTS<T extends string> = T extends 'integer' | 'smallint' | 'bigint' | 'serial' | 'smallserial' | 'bigserial' | 'real' | 'doublePrecision' | 'numeric' | 'decimal' ? number : T extends 'text' | 'varchar' | 'char' | 'uuid' ? string : T extends 'boolean' ? boolean : T extends 'date' | 'time' | 'timestamp' | 'timestamptz' ? Date | string : T extends 'json' | 'jsonb' ? unknown : unknown;
 type SnakeToCamelCase<S extends string> = S extends `${infer T}_${infer U}` ? `${T}${Capitalize<SnakeToCamelCase<U>>}` : S;
+/** Maps a column to its TS type, wrapping `array: true` columns as `T[]`. */
+type ColumnTsType<C extends {
+    type: string;
+    array?: boolean;
+}> = C extends {
+    array: true;
+} ? NucleusColumnTypeToTS<C['type']>[] : NucleusColumnTypeToTS<C['type']>;
 type ColumnsToEntity<TColumns extends readonly {
     name: string;
     type: string;
+    array?: boolean;
 }[]> = {
     [C in Extract<TColumns[number], {
         notNull: true;
-    }> as SnakeToCamelCase<C['name']>]: NucleusColumnTypeToTS<C['type']>;
+    }> as SnakeToCamelCase<C['name']>]: ColumnTsType<C>;
 } & {
     [C in Exclude<TColumns[number], {
         notNull: true;
-    }> as SnakeToCamelCase<C['name']>]: NucleusColumnTypeToTS<C['type']> | null;
+    }> as SnakeToCamelCase<C['name']>]: ColumnTsType<C> | null;
 };
 type BaseEntityFields = {
     id: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nucleus-core-ts",
-	"version": "0.9.165",
+	"version": "0.9.167",
 	"description": "Production-ready, enterprise-grade TypeScript framework for building multi-tenant APIs",
 	"author": "Hidayet Can Özcan <hidayetcan@gmail.com>",
 	"license": "SEE LICENSE IN LICENSE",