nucleus-core-ts 0.9.164 → 0.9.166

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"). */