@happyvertical/smrt-chat 0.30.0

package/dist/svelte/components/tabs/MiniChat.svelte

@@ -0,0 +1,253 @@
+<script lang="ts">
+/**
+ * MiniChat - Compact chat window for tab mode
+ * Simplified message list + input in minimal space.
+ * No thread panel, no reactions. Just messages and a send box.
+ */
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { M } from '../../i18n.messages.js';
+import type { ChatMessageData } from '../../types.js';
+import Avatar from '../shared/Avatar.svelte';
+
+const { t } = useI18n();
+
+export interface Props {
+  /** Messages to display */
+  messages: ChatMessageData[];
+  /** Current user's profile ID */
+  currentProfileId: string;
+  /** Send a message */
+  onsend: (content: string) => void;
+  /** Maximum height for the message area in px */
+  maxHeight?: number;
+}
+
+const { messages, currentProfileId, onsend, maxHeight = 360 }: Props = $props();
+
+let inputValue = $state('');
+let messageContainer: HTMLDivElement | undefined = $state();
+
+function handleSubmit(event: Event) {
+  event.preventDefault();
+  const trimmed = inputValue.trim();
+  if (!trimmed) return;
+  onsend(trimmed);
+  inputValue = '';
+}
+
+function handleKeydown(event: KeyboardEvent) {
+  if (event.key === 'Enter' && !event.shiftKey) {
+    event.preventDefault();
+    handleSubmit(event);
+  }
+}
+
+function formatTime(date: string | Date): string {
+  const d = typeof date === 'string' ? new Date(date) : date;
+  return d.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' });
+}
+
+$effect(() => {
+  if (messages.length && messageContainer) {
+    messageContainer.scrollTop = messageContainer.scrollHeight;
+  }
+});
+</script>
+
+<div class="mini-chat">
+  <div
+    class="mini-chat__messages"
+    style:max-height="{maxHeight}px"
+    bind:this={messageContainer}
+    role="log"
+    aria-label={t(M['chat.mini_chat.messages_label'])}
+  >
+    {#each messages as msg (msg.id)}
+      {@const isOwn = msg.senderProfileId === currentProfileId}
+      <div class="mini-chat__msg" class:mini-chat__msg--own={isOwn}>
+        {#if !isOwn}
+          <Avatar name={msg.senderName} avatarUrl={msg.senderAvatarUrl} size="sm" />
+        {/if}
+        <div class="mini-chat__bubble" class:mini-chat__bubble--own={isOwn}>
+          {#if !isOwn}
+            <span class="mini-chat__sender">{msg.senderName}</span>
+          {/if}
+          <span class="mini-chat__text">{msg.content}</span>
+          <time class="mini-chat__time">{formatTime(msg.createdAt)}</time>
+        </div>
+      </div>
+    {/each}
+
+    {#if messages.length === 0}
+      <div class="mini-chat__empty">
+        <span class="mini-chat__empty-text">{t(M['chat.mini_chat.no_messages'])}</span>
+      </div>
+    {/if}
+  </div>
+
+  <form class="mini-chat__input-bar" onsubmit={handleSubmit}>
+    <input
+      class="mini-chat__input"
+      type="text"
+      placeholder={t(M['chat.mini_chat.placeholder'])}
+      bind:value={inputValue}
+      onkeydown={handleKeydown}
+      aria-label={t(M['chat.mini_chat.input_label'])}
+    />
+    <button
+      class="mini-chat__send-btn"
+      type="submit"
+      disabled={!inputValue.trim()}
+      aria-label={t(M['chat.mini_chat.send'])}
+    >
+      <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+        <path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" />
+      </svg>
+    </button>
+  </form>
+</div>
+
+<style>
+  .mini-chat {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+
+  .mini-chat__messages {
+    flex: 1;
+    overflow-y: auto;
+    padding: var(--smrt-spacing-2, 8px);
+    display: flex;
+    flex-direction: column;
+    gap: var(--smrt-spacing-2, 8px);
+    scroll-behavior: smooth;
+  }
+
+  .mini-chat__msg {
+    display: flex;
+    align-items: flex-end;
+    gap: var(--smrt-spacing-2, 8px);
+    max-width: 85%;
+  }
+
+  .mini-chat__msg--own {
+    align-self: flex-end;
+    flex-direction: row-reverse;
+  }
+
+  .mini-chat__bubble {
+    display: flex;
+    flex-direction: column;
+    gap: var(--smrt-spacing-1, 4px);
+    padding: var(--smrt-spacing-2, 8px) var(--smrt-spacing-3, 12px);
+    border-radius: var(--smrt-radius-medium, 8px);
+    background: var(--smrt-color-surface-container, #f0f0f4);
+    color: var(--smrt-color-on-surface, #1a1c1e);
+    word-break: break-word;
+  }
+
+  .mini-chat__bubble--own {
+    background: var(--smrt-color-primary-container, #d6e3ff);
+    color: var(--smrt-color-on-primary-container, #001a41);
+  }
+
+  .mini-chat__sender {
+    font-size: var(--smrt-typography-label-small-size, 0.6875rem);
+    font-weight: var(--smrt-typography-weight-semibold, 600);
+    color: var(--smrt-color-primary, #005ac1);
+    line-height: 1;
+  }
+
+  .mini-chat__text {
+    font: var(--smrt-typography-body-small-font, 0.8125rem/1.4 sans-serif);
+  }
+
+  .mini-chat__time {
+    font-size: var(--smrt-typography-label-small-size, 0.625rem);
+    color: var(--smrt-color-outline, #74777f);
+    align-self: flex-end;
+    line-height: 1;
+  }
+
+  .mini-chat__empty {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    min-height: 80px;
+  }
+
+  .mini-chat__empty-text {
+    font: var(--smrt-typography-body-small-font, 0.8125rem/1.4 sans-serif);
+    color: var(--smrt-color-outline, #74777f);
+  }
+
+  .mini-chat__input-bar {
+    display: flex;
+    align-items: center;
+    gap: var(--smrt-spacing-1, 4px);
+    padding: var(--smrt-spacing-2, 8px);
+    border-top: 1px solid var(--smrt-color-outline-variant, #c4c6d0);
+    background: var(--smrt-color-surface, #fefbff);
+  }
+
+  .mini-chat__input {
+    flex: 1;
+    border: 1px solid var(--smrt-color-outline-variant, #c4c6d0);
+    border-radius: var(--smrt-radius-full, 9999px);
+    padding: var(--smrt-spacing-2, 8px) var(--smrt-spacing-3, 12px);
+    font: var(--smrt-typography-body-small-font, 0.8125rem/1.4 sans-serif);
+    color: var(--smrt-color-on-surface, #1a1c1e);
+    background: var(--smrt-color-surface-container-low, #f7f7fb);
+    outline: none;
+  }
+
+  .mini-chat__input:focus {
+    border-color: var(--smrt-color-primary, #005ac1);
+    box-shadow: 0 0 0 1px var(--smrt-color-primary, #005ac1);
+  }
+
+  .mini-chat__input::placeholder {
+    color: var(--smrt-color-outline, #74777f);
+  }
+
+  .mini-chat__send-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    border: none;
+    background: var(--smrt-color-primary, #005ac1);
+    color: var(--smrt-color-on-primary, #ffffff);
+    border-radius: var(--smrt-radius-full, 9999px);
+    cursor: pointer;
+    flex-shrink: 0;
+    transition: opacity var(--smrt-duration-short2, 150ms);
+  }
+
+  .mini-chat__send-btn:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+
+  .mini-chat__send-btn:not(:disabled):hover {
+    opacity: 0.85;
+  }
+
+  .mini-chat__send-btn:focus-visible {
+    outline: 2px solid var(--smrt-color-primary, #005ac1);
+    outline-offset: 2px;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .mini-chat__messages {
+      scroll-behavior: auto;
+    }
+
+    .mini-chat__send-btn {
+      transition: none;
+    }
+  }
+</style>

package/dist/svelte/components/tabs/MiniChat.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { ChatMessageData } from '../../types.js';
+export interface Props {
+    /** Messages to display */
+    messages: ChatMessageData[];
+    /** Current user's profile ID */
+    currentProfileId: string;
+    /** Send a message */
+    onsend: (content: string) => void;
+    /** Maximum height for the message area in px */
+    maxHeight?: number;
+}
+declare const MiniChat: import("svelte").Component<Props, {}, "">;
+type MiniChat = ReturnType<typeof MiniChat>;
+export default MiniChat;
+//# sourceMappingURL=MiniChat.svelte.d.ts.map

package/dist/svelte/components/tabs/MiniChat.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniChat.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/components/tabs/MiniChat.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD,MAAM,WAAW,KAAK;IACpB,0BAA0B;IAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,gCAAgC;IAChC,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB;IACrB,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkFD,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/svelte/i18n.d.ts

@@ -0,0 +1,51 @@
+export declare const M: {
+    readonly 'chat.agent_chat.conversation': "chat.agent_chat.conversation";
+    readonly 'chat.agent_chat.inactive_notice': "chat.agent_chat.inactive_notice";
+    readonly 'chat.agent_chat.input_placeholder': "chat.agent_chat.input_placeholder";
+    readonly 'chat.agent_chat.message_input': "chat.agent_chat.message_input";
+    readonly 'chat.agent_chat.send_message': "chat.agent_chat.send_message";
+    readonly 'chat.agent_chat.messages': "chat.agent_chat.messages";
+    readonly 'chat.agent_chat.updated_fields': "chat.agent_chat.updated_fields";
+    readonly 'chat.agent_chat.empty': "chat.agent_chat.empty";
+    readonly 'chat.agent_chat.field_changes': "chat.agent_chat.field_changes";
+    readonly 'chat.agent_selector.select_an_agent': "chat.agent_selector.select_an_agent";
+    readonly 'chat.agent_selector.title': "chat.agent_selector.title";
+    readonly 'chat.agent_selector.available_agents': "chat.agent_selector.available_agents";
+    readonly 'chat.agent_selector.empty': "chat.agent_selector.empty";
+    readonly 'chat.agent_session_panel.sessions': "chat.agent_session_panel.sessions";
+    readonly 'chat.agent_session_panel.new_session': "chat.agent_session_panel.new_session";
+    readonly 'chat.agent_session_panel.session_list': "chat.agent_session_panel.session_list";
+    readonly 'chat.agent_session_panel.empty': "chat.agent_session_panel.empty";
+    readonly 'chat.tool_call_display.tool_call': "chat.tool_call_display.tool_call";
+    readonly 'chat.tool_call_display.running': "chat.tool_call_display.running";
+    readonly 'chat.room_create_dialog.close': "chat.room_create_dialog.close";
+    readonly 'chat.room_create_dialog.title': "chat.room_create_dialog.title";
+    readonly 'chat.room_create_dialog.room_name': "chat.room_create_dialog.room_name";
+    readonly 'chat.room_create_dialog.required': "chat.room_create_dialog.required";
+    readonly 'chat.room_create_dialog.name_placeholder': "chat.room_create_dialog.name_placeholder";
+    readonly 'chat.room_create_dialog.room_type': "chat.room_create_dialog.room_type";
+    readonly 'chat.room_create_dialog.description_placeholder': "chat.room_create_dialog.description_placeholder";
+    readonly 'chat.room_create_dialog.create_room': "chat.room_create_dialog.create_room";
+    readonly 'chat.search_messages.search': "chat.search_messages.search";
+    readonly 'chat.search_messages.title': "chat.search_messages.title";
+    readonly 'chat.search_messages.close': "chat.search_messages.close";
+    readonly 'chat.search_messages.input_placeholder': "chat.search_messages.input_placeholder";
+    readonly 'chat.search_messages.query': "chat.search_messages.query";
+    readonly 'chat.search_messages.clear': "chat.search_messages.clear";
+    readonly 'chat.search_messages.results': "chat.search_messages.results";
+    readonly 'chat.search_messages.results_count': "chat.search_messages.results_count";
+    readonly 'chat.search_messages.no_results': "chat.search_messages.no_results";
+    readonly 'chat.search_messages.no_results_hint': "chat.search_messages.no_results_hint";
+    readonly 'chat.search_messages.empty': "chat.search_messages.empty";
+    readonly 'chat.file_upload.preview': "chat.file_upload.preview";
+    readonly 'chat.file_upload.remove': "chat.file_upload.remove";
+    readonly 'chat.file_upload.upload_files': "chat.file_upload.upload_files";
+    readonly 'chat.file_upload.disabled': "chat.file_upload.disabled";
+    readonly 'chat.file_upload.drop_files': "chat.file_upload.drop_files";
+    readonly 'chat.file_upload.max_size': "chat.file_upload.max_size";
+    readonly 'chat.mention_autocomplete.suggestions': "chat.mention_autocomplete.suggestions";
+    readonly 'chat.reaction_picker.reactions': "chat.reaction_picker.reactions";
+    readonly 'chat.reaction_picker.react_with': "chat.reaction_picker.react_with";
+    readonly 'chat.read_receipts.read_status': "chat.read_receipts.read_status";
+};
+//# sourceMappingURL=i18n.d.ts.map

package/dist/svelte/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/svelte/i18n.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEZ,CAAC"}

package/dist/svelte/i18n.js

@@ -0,0 +1,72 @@
+/**
+ * smrt-chat Svelte component message catalog (Sweep S13 #1418).
+ *
+ * English code defaults for user-facing strings in the chat components under
+ * `src/svelte/components/`. Keys use the `chat.` namespace
+ * (`chat.<component>.<descriptor>`). Importing this module registers the
+ * defaults so `useI18n().t` renders correctly even without a server snapshot.
+ *
+ * `M` is a typed key map — `M['chat.agent_chat.empty']` is the key literal — so
+ * component call sites stay typo-safe.
+ */
+import { defineMessages } from '@happyvertical/smrt-ui/i18n';
+export const M = defineMessages({
+    // AgentChat
+    'chat.agent_chat.conversation': 'Agent conversation',
+    'chat.agent_chat.inactive_notice': 'Session {status}. Cannot send messages.',
+    'chat.agent_chat.input_placeholder': 'Ask the AI to write or edit content...',
+    'chat.agent_chat.message_input': 'Message input',
+    'chat.agent_chat.send_message': 'Send message',
+    'chat.agent_chat.messages': 'Conversation messages',
+    'chat.agent_chat.updated_fields': '✓ Updated {count} field{plural}',
+    'chat.agent_chat.empty': 'Ask the AI to write or edit your content',
+    'chat.agent_chat.field_changes': 'Field Changes',
+    // AgentSelector
+    'chat.agent_selector.select_an_agent': 'Select an agent',
+    'chat.agent_selector.title': 'Choose an Agent',
+    'chat.agent_selector.available_agents': 'Available agents',
+    'chat.agent_selector.empty': 'No agents available',
+    // AgentSessionPanel
+    'chat.agent_session_panel.sessions': 'Agent sessions',
+    'chat.agent_session_panel.new_session': 'New session',
+    'chat.agent_session_panel.session_list': 'Session list',
+    'chat.agent_session_panel.empty': 'No sessions yet',
+    // ToolCallDisplay
+    'chat.tool_call_display.tool_call': 'Tool call: {toolName}',
+    'chat.tool_call_display.running': 'Running',
+    // RoomCreateDialog
+    'chat.room_create_dialog.close': 'Close room creation dialog',
+    'chat.room_create_dialog.title': 'Create a Room',
+    'chat.room_create_dialog.room_name': 'Room Name',
+    'chat.room_create_dialog.required': 'required',
+    'chat.room_create_dialog.name_placeholder': 'e.g. general, project-updates',
+    'chat.room_create_dialog.room_type': 'Room Type',
+    'chat.room_create_dialog.description_placeholder': 'What is this room about?',
+    'chat.room_create_dialog.create_room': 'Create Room',
+    // SearchMessages
+    'chat.search_messages.search': 'Search messages',
+    'chat.search_messages.title': 'Search Messages',
+    'chat.search_messages.close': 'Close search',
+    'chat.search_messages.input_placeholder': 'Search messages...',
+    'chat.search_messages.query': 'Search query',
+    'chat.search_messages.clear': 'Clear search',
+    'chat.search_messages.results': 'Search results',
+    'chat.search_messages.results_count': '{count} result{plural} found',
+    'chat.search_messages.no_results': 'No messages found for "{query}"',
+    'chat.search_messages.no_results_hint': 'Try different keywords or check your spelling',
+    'chat.search_messages.empty': 'Enter a search term to find messages',
+    // FileUpload
+    'chat.file_upload.preview': 'Files to upload',
+    'chat.file_upload.remove': 'Remove {name}',
+    'chat.file_upload.upload_files': 'Upload {count} file{plural}',
+    'chat.file_upload.disabled': 'Upload disabled',
+    'chat.file_upload.drop_files': 'Drop files here or click to browse',
+    'chat.file_upload.max_size': 'Max {size} per file',
+    // MentionAutocomplete
+    'chat.mention_autocomplete.suggestions': 'Mention suggestions',
+    // ReactionPicker
+    'chat.reaction_picker.reactions': 'Emoji reactions',
+    'chat.reaction_picker.react_with': 'React with {emoji}',
+    // ReadReceipts
+    'chat.read_receipts.read_status': '{readCount} of {total} read',
+});

package/dist/svelte/i18n.messages.d.ts

@@ -0,0 +1,50 @@
+export declare const M: {
+    readonly 'chat.chat_layout.rooms_label': "chat.chat_layout.rooms_label";
+    readonly 'chat.chat_layout.resize_sidebar': "chat.chat_layout.resize_sidebar";
+    readonly 'chat.member_list.room_members': "chat.member_list.room_members";
+    readonly 'chat.member_list.close': "chat.member_list.close";
+    readonly 'chat.member_list.empty': "chat.member_list.empty";
+    readonly 'chat.room_header.room_label': "chat.room_header.room_label";
+    readonly 'chat.room_header.show_members': "chat.room_header.show_members";
+    readonly 'chat.room_header.members': "chat.room_header.members";
+    readonly 'chat.room_header.search_messages': "chat.room_header.search_messages";
+    readonly 'chat.room_header.search': "chat.room_header.search";
+    readonly 'chat.room_list.rooms_label': "chat.room_list.rooms_label";
+    readonly 'chat.room_list.create_new_room': "chat.room_list.create_new_room";
+    readonly 'chat.room_list.new_room': "chat.room_list.new_room";
+    readonly 'chat.room_list.direct_messages': "chat.room_list.direct_messages";
+    readonly 'chat.room_list.unread_messages': "chat.room_list.unread_messages";
+    readonly 'chat.room_list.no_rooms': "chat.room_list.no_rooms";
+    readonly 'chat.room_list.create_first_room': "chat.room_list.create_first_room";
+    readonly 'chat.message_input.cancel_reply': "chat.message_input.cancel_reply";
+    readonly 'chat.message_input.input_label': "chat.message_input.input_label";
+    readonly 'chat.message_input.send': "chat.message_input.send";
+    readonly 'chat.message_item.message_from': "chat.message_item.message_from";
+    readonly 'chat.message_item.add_reaction': "chat.message_item.add_reaction";
+    readonly 'chat.message_item.reply': "chat.message_item.reply";
+    readonly 'chat.message_item.edit': "chat.message_item.edit";
+    readonly 'chat.message_item.delete': "chat.message_item.delete";
+    readonly 'chat.message_list.messages_label': "chat.message_list.messages_label";
+    readonly 'chat.message_list.no_messages': "chat.message_list.no_messages";
+    readonly 'chat.thread_panel.thread_label': "chat.thread_panel.thread_label";
+    readonly 'chat.thread_panel.close': "chat.thread_panel.close";
+    readonly 'chat.thread_panel.reply_placeholder': "chat.thread_panel.reply_placeholder";
+    readonly 'chat.chat_tab.chat_with': "chat.chat_tab.chat_with";
+    readonly 'chat.chat_tab.collapse': "chat.chat_tab.collapse";
+    readonly 'chat.chat_tab.minimize': "chat.chat_tab.minimize";
+    readonly 'chat.chat_tab.close': "chat.chat_tab.close";
+    readonly 'chat.chat_tab.open_chat_with': "chat.chat_tab.open_chat_with";
+    readonly 'chat.chat_tab.unread': "chat.chat_tab.unread";
+    readonly 'chat.chat_tab_list.minimized_chats': "chat.chat_tab_list.minimized_chats";
+    readonly 'chat.chat_tab_list.open_chat_with': "chat.chat_tab_list.open_chat_with";
+    readonly 'chat.chat_tab_list.unread': "chat.chat_tab_list.unread";
+    readonly 'chat.chat_tab_list.close_chat_with': "chat.chat_tab_list.close_chat_with";
+    readonly 'chat.chat_tab_list.close': "chat.chat_tab_list.close";
+    readonly 'chat.chat_tabs.tabs_label': "chat.chat_tabs.tabs_label";
+    readonly 'chat.mini_chat.messages_label': "chat.mini_chat.messages_label";
+    readonly 'chat.mini_chat.no_messages': "chat.mini_chat.no_messages";
+    readonly 'chat.mini_chat.placeholder': "chat.mini_chat.placeholder";
+    readonly 'chat.mini_chat.input_label': "chat.mini_chat.input_label";
+    readonly 'chat.mini_chat.send': "chat.mini_chat.send";
+};
+//# sourceMappingURL=i18n.messages.d.ts.map

package/dist/svelte/i18n.messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.messages.d.ts","sourceRoot":"","sources":["../../src/svelte/i18n.messages.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuEZ,CAAC"}

package/dist/svelte/i18n.messages.js

@@ -0,0 +1,69 @@
+/**
+ * Chat component message catalog (i18n, Sweep S13 #1418).
+ *
+ * English code defaults for user-facing strings in the chat Svelte components
+ * under `tabs/`, `messages/`, and `layout/`. Keys follow
+ * `chat.<component>.<descriptor>`.
+ */
+import { defineMessages } from '@happyvertical/smrt-ui/i18n';
+export const M = defineMessages({
+    // ChatLayout
+    'chat.chat_layout.rooms_label': 'Chat rooms',
+    'chat.chat_layout.resize_sidebar': 'Resize sidebar',
+    // MemberList
+    'chat.member_list.room_members': 'Room members',
+    'chat.member_list.close': 'Close member list',
+    'chat.member_list.empty': 'No members',
+    // RoomHeader
+    'chat.room_header.room_label': 'Room: {name}',
+    'chat.room_header.show_members': 'Show members ({count})',
+    'chat.room_header.members': 'Members',
+    'chat.room_header.search_messages': 'Search messages',
+    'chat.room_header.search': 'Search',
+    // RoomList
+    'chat.room_list.rooms_label': 'Chat rooms',
+    'chat.room_list.create_new_room': 'Create new room',
+    'chat.room_list.new_room': '+ New Room',
+    'chat.room_list.direct_messages': 'Direct Messages',
+    'chat.room_list.unread_messages': '{count} unread messages',
+    'chat.room_list.no_rooms': 'No rooms yet',
+    'chat.room_list.create_first_room': 'Create your first room',
+    // MessageInput
+    'chat.message_input.cancel_reply': 'Cancel reply',
+    'chat.message_input.input_label': 'Message input',
+    'chat.message_input.send': 'Send message',
+    // MessageItem
+    'chat.message_item.message_from': 'Message from {name}',
+    'chat.message_item.add_reaction': 'Add reaction',
+    'chat.message_item.reply': 'Reply',
+    'chat.message_item.edit': 'Edit',
+    'chat.message_item.delete': 'Delete',
+    // MessageList
+    'chat.message_list.messages_label': 'Messages',
+    'chat.message_list.no_messages': 'No messages yet',
+    // ThreadPanel
+    'chat.thread_panel.thread_label': 'Thread: {title}',
+    'chat.thread_panel.close': 'Close thread',
+    'chat.thread_panel.reply_placeholder': 'Reply in thread...',
+    // ChatTab
+    'chat.chat_tab.chat_with': 'Chat with {name}',
+    'chat.chat_tab.collapse': 'Collapse chat',
+    'chat.chat_tab.minimize': 'Minimize',
+    'chat.chat_tab.close': 'Close',
+    'chat.chat_tab.open_chat_with': 'Open chat with {name}',
+    'chat.chat_tab.unread': '{count} unread',
+    // ChatTabList
+    'chat.chat_tab_list.minimized_chats': 'Minimized chats',
+    'chat.chat_tab_list.open_chat_with': 'Open chat with {name}',
+    'chat.chat_tab_list.unread': '{count} unread',
+    'chat.chat_tab_list.close_chat_with': 'Close chat with {name}',
+    'chat.chat_tab_list.close': 'Close',
+    // ChatTabs
+    'chat.chat_tabs.tabs_label': 'Chat tabs',
+    // MiniChat
+    'chat.mini_chat.messages_label': 'Chat messages',
+    'chat.mini_chat.no_messages': 'No messages yet',
+    'chat.mini_chat.placeholder': 'Type a message...',
+    'chat.mini_chat.input_label': 'Message input',
+    'chat.mini_chat.send': 'Send message',
+});

package/dist/svelte/index.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Chat Svelte Components
+ *
+ * This module auto-registers all chat UI components with the ModuleUIRegistry
+ * when imported. Import this module to enable registry-based component discovery.
+ *
+ * @example Direct imports
+ * ```typescript
+ * import { ChatLayout, MessageList, MessageInput } from '@happyvertical/smrt-chat/svelte';
+ * ```
+ *
+ * @example Registry-based discovery
+ * ```typescript
+ * import { ModuleUIRegistry } from '@happyvertical/smrt-ui/registry';
+ * import '@happyvertical/smrt-chat/svelte'; // Auto-registers components
+ *
+ * const Component = ModuleUIRegistry.get('@happyvertical/smrt-chat', 'chat-layout');
+ * ```
+ */
+export { default as AgentChat } from './components/agent/AgentChat.svelte';
+export { default as AgentSelector } from './components/agent/AgentSelector.svelte';
+export { default as AgentSessionPanel } from './components/agent/AgentSessionPanel.svelte';
+export { default as ToolCallDisplay } from './components/agent/ToolCallDisplay.svelte';
+export { default as RoomCreateDialog } from './components/dialogs/RoomCreateDialog.svelte';
+export { default as SearchMessages } from './components/dialogs/SearchMessages.svelte';
+export { default as ChatLayout } from './components/layout/ChatLayout.svelte';
+export { default as MemberList } from './components/layout/MemberList.svelte';
+export { default as RoomHeader } from './components/layout/RoomHeader.svelte';
+export { default as RoomList } from './components/layout/RoomList.svelte';
+export { default as MessageInput } from './components/messages/MessageInput.svelte';
+export { default as MessageItem } from './components/messages/MessageItem.svelte';
+export { default as MessageList } from './components/messages/MessageList.svelte';
+export { default as ThreadPanel } from './components/messages/ThreadPanel.svelte';
+export { default as Avatar } from './components/shared/Avatar.svelte';
+export { default as FileUpload } from './components/shared/FileUpload.svelte';
+export { default as LinkPreview } from './components/shared/LinkPreview.svelte';
+export { default as MentionAutocomplete } from './components/shared/MentionAutocomplete.svelte';
+export { default as MessageBubble } from './components/shared/MessageBubble.svelte';
+export { default as ReactionPicker } from './components/shared/ReactionPicker.svelte';
+export { default as ReadReceipts } from './components/shared/ReadReceipts.svelte';
+export { default as TypingIndicator } from './components/shared/TypingIndicator.svelte';
+export { default as UserPresence } from './components/shared/UserPresence.svelte';
+export { default as ChatTab } from './components/tabs/ChatTab.svelte';
+export { default as ChatTabList } from './components/tabs/ChatTabList.svelte';
+export { default as ChatTabs } from './components/tabs/ChatTabs.svelte';
+export { default as MiniChat } from './components/tabs/MiniChat.svelte';
+export type { AgentDescriptor, AgentSessionData, ChatAttachmentData, ChatMessageData, ChatParticipantData, ChatRoomData, ChatTabState, ChatThreadData, ReactionSummary, ToolCallDisplayData, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/svelte/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAsCH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAEvF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,2CAA2C,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,4CAA4C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAGxE,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,eAAe,EACf,mBAAmB,GACpB,MAAM,YAAY,CAAC"}